html {
    height: 100%;
}

body {
    height: 100%;
}

#detTabContainer.readOnly i[data-target='savechangeblock'] {
    display: none;
}

#sales_list_btn {
    display: none;
}

#nuovaDestinazione input[type=text], #nuovaDestinazione input[type=email] {
    width: 100%
}

#StatisticContainer {
    display: none;
}

.details_res {
    display: block;
}

.labeldate {
    display: none;
}

#Note {
    background-color: #fff;
    padding: 10px;
    border: thin solid #000;
    width: 500px;
}

.datePanel b {
    font-size: 18px;
}

.datePanel.wsws {
    border-bottom: thin solid #000;
    padding-top: 5px;
    margin-bottom: 5px;
}

    .datePanel .wsws label {
        font-size: 15px;
    }

        .datePanel .wsws label input[type=radio] {
        }


.ClienteFatturante {
    display: none;
}

.ordineInCorso-currency {
    display: none
}

/********** ORDER DETAIL **********/
.pGriglia1 {
    margin: 10px auto 0 auto;
}

    .pGriglia1.showAllColors table[data-target="avtab"] .noQta {
        display: table-row;
    }

    .pGriglia1 table[data-target="avtab"] tbody {
    }

    .pGriglia1 table[data-target="avtab"] .separator {
        border: none;
        max-height: 5px;
    }

        .pGriglia1 table[data-target="avtab"] .separator > td {
            max-height: 2px;
            height: 2px;
            border: 0px;
        }

    .pGriglia1 table[data-target="avtab"] .noQta {
        display: none;
    }


    .pGriglia1 table[data-target="avtab"] th.col-data {
        font-size: 11px;
    }

    .pGriglia1 table[data-target="avtab"] .last td:nth-child(-n+4) {
        border: none;
    }

    .pGriglia1 table[data-target="avtab"] .col-data {
        display: none;
    }

    .pGriglia1.showDeliveryDate table[data-target="avtab"] .col-data {
        display: table-cell;
    }

.status-container.is-status-updated select {
    background-color: rgba(0, 123, 255, 0.25);
}

.reason-container.is-reason-updated select {
    background-color: rgba(0, 123, 255, 0.25);
}

.is-datetime-updated .input-group.date {
    background-color: rgba(0, 123, 255, 0.25);
}

.icon-liked {
    background: #fff;
    border-radius: 40px;
    height: 44px;
    width: 44px;
    padding: 7.5px;
    cursor: pointer;
    border: 2px solid #000;
}

    .icon-liked img {
        width: 25px;
        height: 25px;
    }

.is-in-look {
    background: #fff;
    border-radius: 40px;
    height: 44px;
    width: 44px;
    padding: 7.5px;
    border: 2px solid #000;
}

    .is-in-look img {
        width: 25px;
        height: 25px;
    }

.icon-liked.is-like-blocked {
    cursor: not-allowed;
    pointer-events:none;
}

.grid-image-container .icon-liked {
    cursor: pointer;
    position: absolute;
    right: 5px;
    top: 0px;
}

.grid-image-container .is-in-look {
    position: absolute;
    right: 5px;
    top: 70px;
}

.list-image-container .icon-liked {
    position: absolute;
    top: 15px;
    right: 15px;
}

.list-image-container .is-in-look {
    position: absolute;
    top: 70px;
    right: 15px;
}

.btn-compose-filter[data-codice="wishlist"] > img {
    width: 30px;
    height: 30px;
}

.look-element-container .icon-liked {
    position: absolute;
    top: 15px;
    right: 0px;
    cursor: pointer;
    z-index: 10;
}

.look-model-item-container .icon-liked {
    position: absolute;
    top: 15px;
    right: 25px;
    cursor: pointer;
    z-index: 1000;
}

.look-detail-image-container .icon-liked {
    position: absolute;
    top: 15px;
    right: 40px;
}

.look-element-container {
    position: relative;
}

.look-hover-video-container {
    position: absolute;
    top: 0;
    left:0;
    width: 100%;
    height: 100%;
}

.look-hover-video-container .look-hover-video {
    width: 100%;
}

#order-compose-filters > .dropdown,
#order-compose-filters > .dropdown.open {
    display: inline-block;
}

.user-wishlist {
    cursor: pointer; 
    padding-left:15px;
}

.look-model-item-container {
    position: relative;
}

.look-detail-image-container {
    position: relative;
    height: calc(100vh - 200px);
}

.look-detail-image-container > img {
    height: 100%;
}

.look-model-item-container img {
    width: 100%;
}

.grid_element .colors-swatches-container {
    padding-top: 10px;
    padding-bottom: 10px;
    overflow-x: auto;
    width: 100%;
    display: flex;
    flex-direction: row;
    align-content: center;
    justify-content: center;
}

.colors-swatches-container .color-swatch-container {
    display: inline-block;
    padding-right: 6px;
}

.product-details  div.img-container {
    padding-left: 0px;
    padding-right: 0px;
    height: 100%;
    display: table;
    width: 100%;
}

    .product-details  div.img-container > div {
        display: table-cell;
        vertical-align: middle;
    }

#productImage .carousel-inner > .item > img {
    margin-left: auto;
    margin-right: auto;
}


#productImage .item video {
    margin-left: auto;
    margin-right: auto;
}

#productImage .carousel-control {
    background: transparent;
    color: #e0e0e0;
}

.product-details #pp{
    height: calc(100vh - 300px);
}

.product-details  .img-container:empty {
    background-image: url("/images/loader_120.gif");
    background-repeat: no-repeat;
    background-position: center;
}

.product-details .product-container {
    display: table-cell;
    vertical-align: middle;
    padding-right: 15px;
}

#productImage {
    text-align: center;
}

.product-image-container {
    text-align: center;
}

.col-colore img.color-image {
    width: 80px;
    display: inline-block;
}

.col-colore .color-text {
    display: inline-block;
    vertical-align: middle;
    padding-left: 5px;
}

.pGriglia1 table[data-target='avtab'] tbody td.col-colore {
    width: 260px;
}

#suggeritiContainer .grid_element img.img-responsive {
    margin-left:auto;
    margin-right: auto;
}

#r_Grid .grid_element > .grid-image-container > a {
    min-height: 250px;
}

body.compose-body {
    padding-top: 135px;
}

    body.compose-body #body-block {
        margin-top: 0px;
    }

.miniature-container {
    text-align: center;
}

.play-btn {
    font-size: 72px;
    color: #fff;
    top: 50%;
    -ms-transform: translate(-50%);
    transform: translate(-50%);
    position: absolute;
    left: 50%;
    cursor:pointer;
}

.close-video-btn {
    position: absolute;
    top: 30px;
    right: 30px;
    font-size: 40px;
    color: #fff;
    cursor: pointer;
    z-index: 20;
}

.look-detail-video-container {
    position: absolute;
    top: 0px;
    height: 100%;
    left: 50%;
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
}

.look-detail-video-container video  {
    height:100%;
}

.local-signature-iframe {
    border: none;
    width: 100%;
    height: 68vh;
}
.total-price-not-discounted {
    text-decoration: line-through;
}

.total-price-discounted {
    font-weight: bold;
}

.spese-trasporto-banner {
    font-weight: bold;
    color: #111; 
    text-align: center;
}

.shipping-delay-banner {
    font-weight: bold;
    color: red;
    text-align: center;
}

.discount-banner {
    text-align:center;
    font-weight: bold;
    animation: blinker 4s linear infinite;
    color: #111;
}

.text-item.max-exceeded {
    color: red;
}

@media (max-width: 1366px) {
/*    .spese-trasporto-banner {
        max-width: 250px;
    }

    .shipping-delay-banner {
        max-width: 250px;
    }*/

}

@keyframes blinker {
    50% {
        opacity: 0;
    }
}

.navbar-language-selector {
    float: right;
    margin-right: 8px;
    margin-top: 8px;
}

@media (min-width: 1281px) {
    nav .navbar-header {
        display: flex;
        align-items: center;
    }

    nav .navbar-header .navbar-language-selector {
        float: none;
        margin-top: 0;
        margin-left: 15px;
        display: flex;
        align-items: center;
    }
}

@media (max-width: 1280px) {

    nav .navbar-header {
        float: none;
    }

    nav .navbar-left, .navbar-right {
        float: none !important;
    }

    nav .navbar-toggle {
        display: block;
    }

    nav .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }

    /* Bootstrap limita il menu mobile espanso a 340px: con piu' voci (es. selettore lingua) non ci sta tutto. */
    nav.navbar-fixed-top .navbar-collapse {
        max-height: calc(100vh - 53px);
        overflow-y: auto;
    }

    nav.navbar-fixed-top {
        top: 0;
        border-width: 0 0 1px;
    }

    nav .navbar-collapse.collapse {
        display: none !important;
    }

    nav .navbar-nav {
        float: none !important;
        margin-top: 7.5px;
    }

        nav .navbar-nav > li {
            float: none;
        }

            nav .navbar-nav > li > a {
                padding-top: 10px;
                padding-bottom: 10px;
            }

    nav .collapse.in {
        display: block !important;
    }
}

#chatroom-button {
    position: fixed;
    top: 5px;
    right: 20px;
    border-radius: 100%;
    border: 5px solid #fff;
    background-color: rgba(0,28,57,1);
    border-color: rgba(0,28,57,1);
    z-index: 9999
}

#chatroom-button span {
    color: #fff;
}

.typeahead {
    background-color: #fff;
}

.typeahead, .tt-query, .tt-hint {
    width: 396px;
    height: 30px;
    padding: 8px 12px;
    font-size: 24px;
    line-height: 30px;
    border: 2px solid #ccc;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    outline: none;
}

.bootstrap-tagsinput {
    width: 100%;
}

.room-active {
    margin: 0 auto;
    border-radius: 100%;
    animation: play 2s ease infinite;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden;
}

@keyframes play {

    0% {
        transform: scale(1);
    }

    15% {
        box-shadow: 0 0 0 5px rgba(70,107,174, 0.4);
    }

    25% {
        box-shadow: 0 0 0 10px rgba(70,107,174, 0.4), 0 0 0 20px rgba(70,107,174, 0.2);
    }

    25% {
        box-shadow: 0 0 0 15px rgba(70,107,174, 0.4), 0 0 0 30px rgba(70,107,174, 0.2);
    }
}

.target-body #body-block {
    height: calc(100vh - 90px);
    margin-top: 70px;
    overflow-y: hidden;
}

#targetNavigationContainerDiv {
    display: flex;
    margin-bottom: 20px;
}

#targetNavigationContainerDiv .btn-group > a {
    font-size: 14px;
}

#TargetSummaryInternalContainer table {
    font-size: 12px;
}

#TargetManageTable_paginate,
#AppointmentTable_paginate,
#TargetSummaryTable_paginate {
    font-size: 11px;
}

.target-page-title {
    line-height: 38px;
    font-weight: bold;
    font-size: 16px;
}

.target-body footer {
    position: fixed;
    bottom: 0;
    width: 100%;
    height: 20px;
    z-index: 100;
}

#yousign-iframe {
    width: 100%;
    border: 0;
    height: 100%;
}

tr.target-warning,
tr.appointment-warning {
    background-color: rgba(255, 0, 0, 0.18);
}

#TargetManageTable tr td.options,
#AppointmentTable tr td.options {
    vertical-align: middle;
    cursor: pointer;
}

#targetNoteArea {
    resize: vertical;
    width: 100%;
}

.SelectAgentFilterContainer ul.multiselect-container li label input {
    display: none
}

.SelectAgentFilterContainer ul.multiselect-container li.multiselect-filter > div {
    width: 100%;
}

.SelectAgentFilterContainer ul.multiselect-container {
    left: auto !important;
    right: 0 !important;
}

.SelectAgentFilterContainer .multiselect-clear-filter {
    background-color: #000;
}

.SelectAgentFilterContainer .multiselect-search {
    height: 39px;
}

.SelectAgentFilterContainer ul.multiselect-container li label.radio {
    padding: 3px 10px;
}

#TargetSummaryTable,
#TargetManageTable,
#AppointmentTable {
    height: 100%;
}

td.DescStatusContainer,
td.DescReasonContainer {
    font-size: 12px;
}

td.final-target,
td.closed-orders,
td.pending-orders {
    font-weight: bold;
}

#targetAgentDetailsTable_wrapper .dt-buttons .buttons-copy,
#targetAgentDetailsTable_wrapper .dt-buttons .buttons-csv {
    display: none;
}

.customer-without-line-season {
    color: red;
    font-size: 14px;
}

.customer-without-line-season:not(:last-of-type) {
    padding-right: 10px;
}

input.form-control[readonly][name="appointmentDatePickerInput"] {
    background-color: inherit;
}

th.EditableCellClass {
    text-align: right;
}

div.dataTables_scrollBody > table > thead tr th p.lock-unlock-icons {
    display: none;
}

#AppointmentTable select[name="reasonSelect"] {
    width: 115px;
}

#AppointmentTable_wrapper {
    position: relative;
}

.with-error {
    border-color: rgb(169, 68, 66) !important;
}

.SelectContainer ul.multiselect-container li label input {
    display: none
}

.SelectContainer ul.multiselect-container li.multiselect-filter > div {
    width: 100%;
}

.SelectContainer ul.multiselect-container.left {
    left: auto !important;
    right: 0 !important;
}

.SelectContainer.right ul.multiselect-container {
    left: auto !important;
    right: 0 !important;
}

.SelectContainer .multiselect-clear-filter {
    background-color: #000;
}

.SelectContainer .multiselect-search {
    height: 39px;
}

.SelectContainer ul.multiselect-container li label.radio {
    padding: 3px 10px;
}

div[name="customerChangeView"] div.tab-content {
    padding-top: 30px;
}

#customerDeliveryTargetSelectDiv ul.multiselect-container li label.radio {
    padding: 5px 10px;
    border-bottom: 1px solid #CCC;
}

#customerDeliveryTargetSelectDiv ul.multiselect-container li label.radio p {
    margin: 0;
}

#customerDeliveryTargetSelectDiv ul.multiselect-container li:last-child label.radio {
    border-bottom: none;
}

#customerDeliveryTargetSelectDiv ul.multiselect-container button.multiselect-clear-filter {
    padding: 10px;
    margin-right: 10px;
}

#customerDeliveryTargetSelectDiv div.SelectContainer > button.multiselect {
    height: auto;
}