html {
    height: 100%;
    overflow: hidden;
}

body {
    height: 100%;
    font-family: 'Helvetica';
}

    body > nav.navbar {
        z-index: 1000;
        margin-bottom: 0;
        color: #fff;
        background-color: #1d1d1b;
        border: 0;
        font-size: 16px;
    }

nav.navbar .navbar-header {
    display: inline-flex;
}

.navbar-header .brand-phrase {
    margin-top: 24px;
    display: inline-block;
}

body > .navbar-default .navbar-nav > li > a,
body > .navbar-default .navbar-nav > li > a:hover,
body > .navbar-default .navbar-nav > li span {
    color: #fff;
}

body > nav.navbar a.navbar-brand {
    padding-top: 5px;
    display: inline-block !important;
}

body > nav.navbar .header-logo {
    height: 36px;
}

#body-block {
    width: 100%;
    margin-top: 52px;
    height: calc(100% - 52px);
    overflow-y: auto;
    padding-top: 10px;
    overflow-x: hidden;
}

.content-block {
    height: 100%;
}

body nav.navbar .nyky-logo {
    height: 40px;
}

.logos-container {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 100%;
    display: table;
}

.logo-container {
    text-align: center;
    display: table-cell;
    vertical-align: middle;
    float: none;
    width: 33%;
}

.no-brand-enabled {
    text-align: center;
    display: table-cell;
    vertical-align: middle;
    float: none;
    font-size: 36px;
}

.logo-container > a {
    display: block;
}

.logo-container img {
    width: 400px;
}

.logo-container.logo-container-oof img {
    width: 280px;
}

.width100 {
    width: 100%;
}

.login-container > .no-pad-t {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 100%;
}

.no-pad-t {
    padding-left: 15px;
    padding-right: 15px;
}

.free-shipping-text {
    height: 30px;
    line-height: 30px;
    font-weight: bold;
    font-size: 16px;
    animation: blinker 3s linear infinite;
}

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

button.btn.btn-default,
input.btn.btn-default {
    background-color: #1d1d1b;
    border-color: #1D1D0A;
    color: #fff;
}

    button.btn.btn-default:focus:active,
    input.btn.btn-default:focus:active {
        background-color: #1D1D1A;
        color: #fff;
        border-color: #1D1D00;
    }

div.btn-group button.btn:not(:first-of-type):not(:last-of-type) {
    border-radius: 0;
    border-right: 0;
}

#toolsHeaders {
    display: none;
}

.grid-cell {
    text-align: center;
    height: 460px;
    /*min-height: 360px;*/
    padding-top: 15px;
    padding-bottom: 15px;
}

    .grid-cell .model-description-container {
        max-width: 360px;
        margin-left: auto;
        margin-right: auto;
    }

.panel-default > .panel-heading + .panel-body {
    border-top: 1px solid #ddd;
}

#order_creating_options .table > tbody > tr > td {
    vertical-align: middle;
    border: 0;
    padding: 0 8px;
    height: 40px;
}

.grid-cell .model-description-container .model-description {
    display: inline-block;
    float: left;
}

.grid-cell .model-description-container a {
    float: left;
    text-align: left;
}

.grid-cell .price-container {
    float: right;
    display: inline-block;
}

.grid-image-container {
    display: table;
    width: 100%;
    min-height: 300px;
}

    .grid-image-container .is-in-order-flag {
        position: absolute;
        font-size: 20px;
        top: 40px;
        right: 12px;
    }

    .grid-image-container > a {
        display: table-cell;
        vertical-align: middle;
    }

.grid-cell.is-not-available {
    opacity: 0.3;
}

.grid-cell .colors-swatches-container {
    padding-top: 10px;
    padding-bottom: 10px;
    height: 70px;
    overflow-x: auto;
    white-space: nowrap;
}

.grid-image-container img.img-responsive {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.colors-swatches-container .color-swatch-container {
    display: inline-block;
}

img.image-package {
    margin-top: -6px;
}

.zoomContainer {
    cursor: pointer;
}

button[name="start_order"] {
    margin-bottom: 5px;
}

button[name="start_order"] {
    margin: 5px 0;
}

.closed-order-filter-container, application/vnd.openxmlformats-officedocument.spreadsheetml.sheet, application/vnd.ms-excel"
.closed-order-container {
    padding-left: 15px;
    padding-right: 15px;
}

body.new-order-body section {
    padding-left: 15px;
    padding-right: 15px;
}


/**** SCHEDA PRODOTTO *****/
#body-block.product-sheet-body {
    padding-top: 0;
}

    #body-block.product-sheet-body section.default-bg {
        padding-top: 50px;
    }

.hide-for-distributore {
    display: none !important;
}

.product-details {
    height: calc(100vh - 50px);
    position: relative;
}

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

    .product-details > div:last-of-type {
        height: calc(100vh - 50px);
        display: table;
    }

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

    .product-details .icon-liked {
        position: absolute;
        top: 30px;
        left: 40%;
        z-index: 10;
    }


#productImage {
    text-align: center;
}

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

#productImage .item video {
    max-width: 100%;
    max-height: calc(100vh - 52px);
}

.product-info-sheet .pGriglia1 table[data-target='avtab'] th[data-target="sel"] {
    width: 60px;
}

.product-info-sheet .pGriglia1 table[data-target='avtab'] tbody td.col-colore {
    text-align: left;
    position: relative;
}

.product-info-sheet .pGriglia1 table[data-target="avtab"] tbody td {
    border-left: none;
    border-right: none;
    border-bottom-color: #eeeeee;
}

    .product-info-sheet .pGriglia1 table[data-target="avtab"] tbody td input {
        border: 1px solid #eeeeee;
        background: #ffffff;
    }


.product-info-sheet .pGriglia1 table[data-target="avtab"] tbody tr.package-separator-row td {
    height: 0px;
    padding: 0px;
    border-bottom-color: #fff;
}

.product-info-sheet .pGriglia1 table[data-target="avtab"] tbody td ul.ultaglie li:not(:last-of-type) {
    margin-right: 10px;
}

.product-info-sheet .pGriglia1 table[data-target="avtab"] tbody tr:last-of-type td {
    border-bottom: 0px;
}

.product-info-sheet .pGriglia1 table .function_table {
    display: inline-block;
}

.product-info-sheet .pGriglia1 table[data-target="avtab"] tbody tr[data-rif] {
    cursor: pointer;
}

.product-container .title_product {
    margin-top: 40px;
}

.product-container .product-title {
    display: inline-block;
    margin-top: 0px;
}

.product-container .title_product .second-row {
    clear: both;
}

.product-container .qta-tot-min-label {
    display: inline-block;
    float: right
}

.product-info-sheet img.color-swatch {
    box-shadow: 1px 1px #e0e0e0;
}

.product-info-sheet .grid-color-swatch-container {
    display: inline-block;
}

.product-info-sheet .grid-color-description-container {
    display: inline-block;
    vertical-align: middle;
    padding-left: 5px;
    word-break: break-word;
    width: calc(100% - 59px);
}

.product-container p#DescProduct {
    display: inline-block;
}

.product-container p.descrizione-pacchetto {
    display: inline-block;
    float: right;
}

.availability-request {
    width: 20px;
    height: 20px;
    cursor: pointer;
}

    .availability-request.is-availability-request-sent {
        cursor: not-allowed;
    }

ul.ultaglie .availability-request {
    margin-top: 24px;
}

.availability-request-container {
    float: right;
}

.availability-request-color-container {
    position: absolute;
    left: -30px;
    top: 50%;
    transform: translateY(-50%);
}

.open-ecommerce {
    text-decoration: none !important;
    display: inline-block;
    color: #000 !important;
    padding-left: 0;
    outline: 0 !important;
}

    .open-ecommerce .fa-shopping-cart {
        margin-left: -5px;
    }

    .open-ecommerce .e-commerce-icon {
        text-transform: lowercase;
        font-weight: bold;
    }

.details_res {
    box-shadow: none;
    display: block;
}

    .details_res ul {
        font-size: 13px;
    }

    .details_res .design-notes-list ul {
        padding-left: 20px;
        width: 50%;
    }

        .details_res .design-notes-list ul li > div:first-of-type {
            display: inline-block;
        }

        .details_res .design-notes-list ul li > div:last-of-type {
            display: inline-block;
            color: #888;
        }

.container {
    min-width: 1170px;
    width: 80%;
}

.sh-date {
    margin-right: 5px;
}


table[data-target='avtab'] tr.blocco-totale input {
    background-color: #E78F8F !important;
}

table[data-target='avtab'] tr.blocco-parziale input {
    background-color: #EEFE56 !important;
}

table[data-target='avtab'] div[data-target='taglie'] {
    max-width: 585px;
    overflow-x: auto;
    overflow: auto;
    margin-left: auto;
    margin-right: auto;
}

#list_2 {
    /*width: 90%;*/
    margin-left: 15px;
    margin-right: 15px;
}

.look-with-product {
    width: 100%;
}

    .look-with-product > .row {
        margin-left: 0px;
        margin-right: 0px;
        padding-bottom: 30px;
    }

.products-from-look {
    width: 100%;
}

    .products-from-look > .row {
        margin-left: 0px;
        margin-right: 0px;
        padding-bottom: 30px;
    }

    .products-from-look .look-model-item-image {
        height: 300px;
    }

.look-with-product-container-title,
.products-from-look-title {
    font-size: 16px;
    text-align: center;
    margin-bottom: 30px;
}

/***** LISTA *****/
.list-image-container {
    padding-top: 15px;
    padding-bottom: 15px;
    text-align: center;
}

.GrigliaContainerLista {
    padding-top: 15px;
    padding-bottom: 15px;
}

    .GrigliaContainerLista .package-selection-container {
        display: flex;
        flex-direction: row;
    }

    .GrigliaContainerLista .pGriglia1 table[data-target='avtab'] th[data-target="sel"] {
        width: 60px;
    }

    .GrigliaContainerLista .pGriglia1 table[data-target='avtab'] tbody td.col-colore {
        text-align: left;
    }

    .GrigliaContainerLista .pGriglia1 table[data-target="avtab"] tbody td {
        border-left: none;
        border-right: none;
        border-bottom-color: #eeeeee;
    }

        .GrigliaContainerLista .pGriglia1 table[data-target="avtab"] tbody td input {
            border: 1px solid #eeeeee;
            background: #ffffff;
        }


        .GrigliaContainerLista .pGriglia1 table[data-target="avtab"] tbody td ul.ultaglie li:not(:last-of-type) {
            margin-right: 10px;
        }

    .GrigliaContainerLista .pGriglia1 table[data-target="avtab"] tbody tr:last-of-type td {
        border-bottom: 0px;
    }

    .GrigliaContainerLista .pGriglia1 table .function_table {
        display: inline-block;
    }

    .GrigliaContainerLista .product-title {
        margin-top: 0px;
    }

    .GrigliaContainerLista img.color-swatch {
        box-shadow: 1px 1px #e0e0e0;
    }

    .GrigliaContainerLista .grid-color-swatch-container {
        display: inline-block;
    }

    .GrigliaContainerLista .grid-color-description-container {
        display: inline-block;
        vertical-align: middle;
        padding-left: 5px;
    }

    .GrigliaContainerLista .package-main-model-item > .choose-package-container {
        padding-right: 0px;
    }

    .GrigliaContainerLista label.choose-pieces-label {
        padding-right: 15px;
        font-size: 13px;
        margin-top: 14px;
        text-transform: uppercase;
    }

    .GrigliaContainerLista .choose-pieces-label-container {
        display: flex;
        flex-direction: row;
        padding-left: 0px;
    }

    .GrigliaContainerLista .package-main-model-item {
        display: flex;
    }

    .GrigliaContainerLista .package-selector {
        padding-top: 5px;
        padding-bottom: 5px;
        display: inline-block;
    }

        .GrigliaContainerLista .package-selector > .input-group {
            width: 200px;
        }

            .GrigliaContainerLista .package-selector > .input-group > span.input-group-btn {
                vertical-align: top;
            }

                .GrigliaContainerLista .package-selector > .input-group > span.input-group-btn > button {
                    height: 34px;
                    padding-top: 8px;
                }

    .GrigliaContainerLista .choose-package-container {
        padding-top: 5px;
        padding-bottom: 10px;
        padding-left: 15px;
    }

    .GrigliaContainerLista button.choose-package {
        font-size: 13px;
        padding-top: 8px;
        padding-bottom: 8px;
    }


    .GrigliaContainerLista button.btn.btn-default {
        color: #333;
        background-color: #fff;
        border-color: #ccc;
    }

        .GrigliaContainerLista button.btn.btn-default:focus,
        .GrigliaContainerLista button.btn.btn-default.focus {
            color: #333;
            background-color: #e6e6e6;
            border-color: #8c8c8c;
        }

        .GrigliaContainerLista button.btn.btn-default:hover {
            color: #333;
            background-color: #e6e6e6;
            border-color: #adadad;
        }

        .GrigliaContainerLista button.btn.btn-default:active,
        .GrigliaContainerLista button.btn.btn-default.active {
            color: #333;
            background-color: #e6e6e6;
            background-image: none;
            border-color: #adadad;
        }

            .GrigliaContainerLista button.btn.btn-default:active:hover,
            .GrigliaContainerLista button.btn.btn-default.active:hover,
            .GrigliaContainerLista button.btn.btn-default:active:focus,
            .GrigliaContainerLista button.btn.btn-default.active:focus,
            .GrigliaContainerLista button.btn.btn-default:active.focus,
            .GrigliaContainerLista button.btn.btn-default.active.focus {
                color: #333;
                background-color: #d4d4d4;
                border-color: #8c8c8c;
            }

        .GrigliaContainerLista button.btn.btn-default.disabled:hover,
        .GrigliaContainerLista button.btn.btn-default[disabled]:hover,
        .GrigliaContainerLista button.btn.btn-default.disabled:focus,
        .GrigliaContainerLista button.btn.btn-default[disabled]:focus,
        .GrigliaContainerLista button.btn.btn-default.disabled.focus,
        .GrigliaContainerLista button.btn.btn-default[disabled].focus {
            background-color: #fff;
            border-color: #ccc;
        }

/**** FINE LISTA ****/

table div.dataselect li {
    cursor: pointer;
    border: thin solid #ccc;
    text-align: center;
}

    table div.dataselect li:hover {
        background-color: #e0dfdf;
        text-decoration: underline;
    }

.cart-container {
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 30px;
}

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

.list-model-item-description {
    padding-top: 5px;
    padding-bottom: 5px;
}

a.back-to-customer-link {
    position: absolute;
    right: 30px;
    top: 30px;
}

.product-container .design-notes-list {
    display: block;
}

    .product-container .design-notes-list .design-notes-list-columns {
        display: flex;
    }
/**** FILTRI COMPOSE *****/
.switch-swaps-link-container {
    display: inline-block;
}

#bar-container #order-compose-filters button.btn-compose-filter {
    text-decoration: none;
}

    #bar-container #order-compose-filters button.btn-compose-filter.has-value {
        color: rgb(172,147,110);
    }

#bar-container #search_panel {
    display: inline-block;
    position: relative;
}

#bar-container #ResultSearch {
    position: absolute;
    left: 40%;
    top: 0;
    z-index: 10;
}

/**** SCHEDA PRODOTTO ***/
.product-main-container a.back-to-grid-link {
    position: absolute;
    top: 15px;
    right: 30px;
}

.pGriglia1 {
    margin: 10px auto 0 auto;
}

    .pGriglia1 ul[aria-labelledby=button-date] li {
        cursor: pointer;
    }

        .pGriglia1 ul[aria-labelledby=button-date] li:hover {
            background-color: #ccc;
        }


    .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;
    }

    .pGriglia1 tr.separator {
        display: none;
    }

    .pGriglia1 td.col-colore {
        padding-left: 0px;
        padding-top: 0px;
        padding-bottom: 0px;
    }

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

.early-delivery-test {
    vertical-align: super;
    margin-left: 10px;
}

.product-main-container {
    width: 100%;
}

.product-details > div.img-container {
    padding-left: 0px;
    padding-right: 0px;
    height: calc(100vh - 50px);
    display: table;
}

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

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

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

#order-compose-filters .multiselect-container > li > a > label.radio {
    padding: 3px 15px 3px 15px;
}

    #order-compose-filters .multiselect-container > li > a > label.radio > input[type="radio"] {
        display: none;
    }

.multiselect-container > li.opt-compose-filter,
#order-compose-filters .multiselect-container > li.opt-compose-filter {
    background-image: none;
    background-color: #eeeeee;
}

ul.multiselect-container button.multiselect-clear-filter {
    background-color: #eeeeee;
    border: 1px solid #ccc;
    color: #555555;
}

    ul.multiselect-container button.multiselect-clear-filter:active,
    ul.multiselect-container button.multiselect-clear-filter:focus,
    ul.multiselect-container button.multiselect-clear-filter:hover {
        border-color: #adadad;
    }

#display_orderPanel {
    position: fixed;
    top: 35%;
    left: 10px;
    font-size: 24px;
    cursor: pointer;
    overflow: hidden;
}

.package-main-model-item > .package-selector {
    padding-left: 0px;
    padding-right: 0px;
}

.package-main-model-item > .choose-package-container {
    padding-right: 0px;
}

.package-selector input[type=number]::-webkit-inner-spin-button,
.package-selector input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

label.choose-pieces-label {
    padding-right: 15px;
    font-size: 13px;
    margin-top: 14px;
    text-transform: uppercase;
}

.choose-pieces-label-container {
    display: flex;
    flex-direction: row;
    padding-left: 0px;
}

.package-main-model-item {
    display: flex;
}

.package-selector {
    padding-top: 5px;
    padding-bottom: 5px;
    display: inline-block;
}

    .package-selector > .input-group {
        width: 200px;
    }

        .package-selector > .input-group > span.input-group-btn {
            vertical-align: top;
        }

            .package-selector > .input-group > span.input-group-btn > button {
                height: 34px;
                padding-top: 8px;
            }

.choose-package-container {
    padding-top: 5px;
    padding-bottom: 10px;
    padding-left: 15px;
}

button.choose-package {
    font-size: 13px;
    padding-top: 8px;
    padding-bottom: 8px;
}


.package-main-model-item button.btn.btn-default {
    color: #333;
    background-color: #fff;
    border-color: #ccc;
}

    .package-main-model-item button.btn.btn-default:focus,
    .package-main-model-item button.btn.btn-default.focus {
        color: #333;
        background-color: #e6e6e6;
        border-color: #8c8c8c;
    }

    .package-main-model-item button.btn.btn-default:hover {
        color: #333;
        background-color: #e6e6e6;
        border-color: #adadad;
    }

    .package-main-model-item button.btn.btn-default:active,
    .package-main-model-item button.btn.btn-default.active {
        color: #333;
        background-color: #e6e6e6;
        background-image: none;
        border-color: #adadad;
    }

        .package-main-model-item button.btn.btn-default:active:hover,
        .package-main-model-item button.btn.btn-default.active:hover,
        .package-main-model-item button.btn.btn-default:active:focus,
        .package-main-model-item button.btn.btn-default.active:focus,
        .package-main-model-item button.btn.btn-default:active.focus,
        .package-main-model-item button.btn.btn-default.active.focus {
            color: #333;
            background-color: #d4d4d4;
            border-color: #8c8c8c;
        }

    .package-main-model-item button.btn.btn-default.disabled:hover,
    .package-main-model-item button.btn.btn-default[disabled]:hover,
    .package-main-model-item button.btn.btn-default.disabled:focus,
    .package-main-model-item button.btn.btn-default[disabled]:focus,
    .package-main-model-item button.btn.btn-default.disabled.focus,
    .package-main-model-item button.btn.btn-default[disabled].focus {
        background-color: #fff;
        border-color: #ccc;
    }

table[data-target='avtab'].package-table div[data-target='taglie'] {
    max-width: unset;
}

.choose-package-price {
    padding-top: 5px;
    padding-bottom: 10px;
}

    .choose-package-price .total-price-label {
        margin-left: 15px;
    }

.comp-title {
}

.comp-text {
    color: #888;
}

/*** CARRELLO  ****/
table#Ordini0,
table#Ordini1,
table#Ordini2 {
    width: 100% !important;
}

    table#Ordini0 > thead > tr > th,
    table#Ordini1 > thead > tr > th,
    table#Ordini2 > thead > tr > th {
        padding-left: 8px;
        padding-right: 26px;
    }

table#Ordini0 {
    border: none;
}

table#Ordini1,
table#Ordini0 {
    text-transform: none;
    font-size: 14px;
}


    table#Ordini0 > thead > tr > th,
    table#Ordini0 > tbody > tr > td {
        border-left: 0px;
        border-right: 0px;
    }

    table#Ordini0 i.fa,
    table#Ordini0 button {
        background-color: transparent;
    }

table#Ordini2 i.fa,
table#Ordini2 button {
    background-color: transparent;
}

.cart-container .tab-pane > .panel-wrapper {
    padding-top: 15px;
}

/***  HOME PAGE  ****/
.triple-images {
    width: 33% !important;
}


.home-page-container .container {
    height: 100%;
    width: 100%;
}

.home-page-container .video-container {
    margin-top: 0px;
}

.video-container {
    width: 100%;
    text-align: center;
    height: calc(50vh - 52px);
    margin-top: 50px;
    padding-top: 20px;
    position: relative;
    cursor: pointer;
}

    .video-container video {
        height: calc(100% - 34px);
    }

    .video-container .home-image {
        width: 100%;
    }

.home-page-container .video-container-new {
    margin-top: 20px;
}

.video-container-new {
    width: 100%;
    text-align: center;
    position: relative;
    cursor: pointer;
}

    .video-container-new .home-image {
        width: 85%;
    }

.video-container .video-new {
    height: 100%;
}

.collection-image-container {
    width: 49.8%;
    background-color: #fff;
    height: 50vh;
    text-align: center;
    padding-top: 20px;
    padding-bottom: 20px;
    display: inline-block;
}

.start-order-image-container-new,
.virtual-showroom-image-container-new,
.lookbooks-image-container-new {
    background-color: #fff;
    height: calc(50vh - 54px);
    padding-top: 20px;
    text-align: center;
}

    .start-order-image-container-new .collection-image-url,
    .virtual-showroom-image-container-new .collection-image-url {
        cursor: pointer;
    }

.collection-image-container.single-image {
    width: 100%;
    display: block;
}

.video-container .brand-description-text-collection {
    color: #000;
    padding-top: 0px;
}

.collection-image-container .brand-description-text-collection {
    color: #000;
    padding-top: 4px;
}

.collection-image-container.single-image .brand-description-text-collection {
    color: #000;
    padding-top: 4px;
}

.brand-description-text-collection {
    color: #000;
    padding-top: 4px;
    width: 100%;
    cursor: pointer;
    text-align: center;
}

.collection-image-container-oof {
    width: 49.8%;
    display: inline-block;
    background-color: #fff;
    height: 50vh;
    text-align: center;
    position: relative;
    padding-top: 20px;
    padding-bottom: 20px;
}

.collection-image-container .collection-image-url {
    cursor: pointer;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    text-decoration: none;
}

.collection-image-container-oof .collection-image-url-oof {
    display: inline-block;
    cursor: pointer;
    margin-left: auto;
    margin-right: auto;
    width: 49%;
    height: calc(100% - 34px);
}

    .collection-image-container-oof .collection-image-url-oof:first-of-type {
        text-align: right;
        padding-right: 15px;
    }

    .collection-image-container-oof .collection-image-url-oof:last-of-type {
        text-align: left;
        padding-left: 15px;
    }

    .collection-image-container-oof .collection-image-url-oof img {
        height: 100%;
    }

.collection-image {
    height: calc(100% - 34px);
}

.collection-image-container-oof .collection-image {
    height: 100%;
}

.collection-image-url:hover .brand-description-text-collection {
    text-decoration: none;
}

.lookbook-image-container-url:hover .brand-description-text-lookboox {
    text-decoration: none;
}

.lookbook-image-container-url:hover {
    text-decoration: none;
}

.lookbook-image-container:hover .brand-description-text-lookboox {
    text-decoration: none;
}

.brand-description-text-lookboox {
    color: #000;
    width: 100%;
}

.brand-description-text-lookboox-oof {
    color: #000;
    width: 100%;
}

.brand-description-text-lookboox,
.brand-description-text-lookboox-oof,
.brand-description-text-collection,
.brand-description-text-collection-oof {
    padding-top: 4px;
    font-size: 16px;
}

.brand-description-text-collection-lookbook {
    margin-top: -34px;
}

.lookbook-image-container-oof {
    width: 49%;
    display: inline-block;
    height: 50vh;
    background: #fff;
    text-align: center;
    padding-top: 20px;
    padding-bottom: 20px;
}

    .lookbook-image-container-oof .lookbook-image-box-link {
        width: 49%;
        display: inline-block;
    }

.lookbook-image-container {
    width: 49.8%;
    display: inline-block;
    height: 50vh;
    background: #fff;
    text-align: center;
    padding-top: 20px;
    padding-bottom: 20px;
}

.lookbooks-image-container {
    display: inline-block;
    height: 50vh;
    background: #fff;
    text-align: center;
    padding-top: 20px;
    padding-bottom: 20px;
}

.virtual-showroom-image-container {
    display: inline-block;
    height: 50vh;
}

.lookbook-image-box {
    display: inline-block;
    width: 100%;
}

.lookbook-image-box-women {
    text-align: right;
    padding-right: 15px;
}

.lookbook-image-box-men {
    text-align: left;
    padding-left: 15px;
}

    .lookbook-image-box-women .lookbook-image-women,
    .lookbook-image-box-men .lookbook-image-men {
        height: calc(100% - 34px);
    }

body.landing-page-body #body-block {
    padding-top: 0px;
}

body.landing-page-body #display_orderPanel {
    display: none;
}

body.brand-page-body #display_orderPanel {
    display: none;
}

.image-logo-container {
    cursor: pointer;
}

.order-type-link-container {
    height: 70px;
    padding-top: 50px;
}

.order-type-link {
    text-transform: uppercase;
    display: none;
    text-decoration: none;
    color: #000;
    font-size: 14px;
    font-weight: 600;
    width: 32%;
}

    .order-type-link:hover {
        text-decoration: none;
        color: #000;
    }

/*** ORDINI INVIATI ***/
table#closedorders {
    table-layout: fixed;
    width: 100% !important;
}

#closedorders_processing {
    margin-top: 50px;
    top: 0;
}

table#closedorders tr th {
    border-left: 0;
    border-right: 0;
    border-top: 0;
    border-bottom: 1px solid rgb(128, 128, 128);
    padding-bottom: 8px;
    padding-left: 8px;
    padding-right: 20px;
    padding-top: 8px;
}

table#closedorders tr td {
    border-left: 0;
    border-right: 0;
    border-top: 0;
    border-bottom: 1px #eeeeee solid;
    padding-left: 3px;
    padding-right: 3px;
}

@media only screen and (max-width: 1280px) {
    .logo-container img {
        width: 300px
    }
}


/**** LOOK ****/
a.main {
    display: block;
}

.look-row > div {
    padding-top: 10px;
    padding-bottom: 20px;
}

.look-description-container {
    text-align: center;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 15px;
    padding-bottom: 15px;
}

.look-with-product .imm_look {
    max-height: 600px;
    height: auto;
}

.imm_look {
    height: 600px;
    margin-right: auto;
    margin-left: auto;
    vertical-align: middle;
    display: table-cell;
}

.look-main-container {
    position: sticky;
    overflow: hidden;
    height: calc(100vh - 80px);
}

.look-detail-description-container {
    font-size: 20px;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 15px;
    padding-bottom: 15px;
    text-align: center;
}

.look-detail-image-container {
    height: calc(100vh - 80px);
    display: table;
    width: 100%;
}

    .look-detail-image-container > img.look-detail-image {
        margin-left: auto;
        margin-right: auto;
        display: table-cell;
    }

.look-model-item-list-container {
    overflow-y: auto;
    height: calc(100vh - 80px);
}

.look-model-item-container {
    min-height: 300px;
    padding-top: 10px;
    padding-bottom: 10px;
    position: relative;
}

.look-model-item-description-container {
    max-width: 360px;
    margin-left: auto;
    margin-right: auto;
}

.look-model-item-description {
    padding-top: 5px;
    padding-bottom: 5px;
    text-align: center;
}

    .look-model-item-description .model-item-description {
        float: left;
        display: inline-block;
    }

.look-price-container {
    float: right;
    display: inline-block;
}

.look-model-item-code {
    padding-top: 5px;
    padding-bottom: 5px;
    text-align: left;
}

    .look-model-item-code > a {
        float: left;
        width: 100%;
    }

.look-model-item-image {
    display: table;
    width: 100%;
}

    .look-model-item-image > a {
        display: table-cell;
        vertical-align: middle;
        margin-left: auto;
        margin-right: auto;
        text-align: center;
    }

.look-detail-container a.back-to-selection-url {
    position: absolute;
    right: 30px;
    top: 15px;
}

.lookbook-image-box-link-new {
    height: 100%;
    cursor: pointer;
}

.lookbooks-image-container-new > div.flex-container {
    height: 100%;
}

.flex-container {
    display: flex;
}

.lookbook-image-box-link-new {
    height: 100%;
    flex: 1;
    padding: 0;
    margin: 0;
}

    .lookbook-image-box-link-new lookbook-image-box-women {
    }

    .lookbook-image-box-link-new lookbook-image-box-men {
    }

.lookbook-image-box-link {
    cursor: pointer;
    height: calc(100% - 34px);
}

    .lookbook-image-box-link .lookbok-image {
        height: calc(100% - 34px);
        text-align: center;
    }

.lookbok-image {
    height: calc(100% - 34px);
    text-align: center;
}

/****  TARGET  ****/
#targetNavigationContainerDiv {
    display: flex;
}

    #targetNavigationContainerDiv > div {
        width: 50%;
        padding-bottom: 10px;
    }

body.target-body .alert.alert-danger {
    margin-left: 15px;
    margin-right: 15px;
}

body.target-body #display_orderPanel {
    display: none;
}

.modal {
    z-index: 2000;
}

.target-body .dataTables_wrapper .dt-buttons > button.btn[type="button"] {
    padding: 7px 10px;
    vertical-align: middle;
    margin-right: 8px;
    margin-left: 0px;
    border-radius: 4px;
    float: none;
    height: 32px;
    line-height: 17px;
    margin-top: 2px;
    margin-bottom: 2px;
}

.target-body div.dataTables_wrapper div.dataTables_filter label {
    margin-left: 15px;
}

    .target-body div.dataTables_wrapper div.dataTables_filter label select {
        margin-left: 5px;
    }

#AppointmentTable_filter [name="filterContainer"] label:first-of-type,
#TargetManageTable_filter > label:first-of-type {
    text-transform: uppercase;
}

.target-body .modal button {
    padding: 7px 10px;
    vertical-align: middle;
}

.target-body .container-fluid {
    padding-right: 30px;
    padding-left: 30px;
    padding-bottom: 50px;
}

.target-body #chatroom-button {
    z-index: 10;
}

.target-body .bootstrap-datetimepicker-widget .datepicker,
.target-body .bootstrap-datetimepicker-widget .timepicker {
    width: 100%;
}

.bootstrap-datetimepicker-widget > li.picker-switch.accordion-toggle {
    text-align: center;
}

    .bootstrap-datetimepicker-widget > li.picker-switch.accordion-toggle table.table-condensed {
        width: 100%;
    }

.bootstrap-datetimepicker-widget,
table.dataTable tbody tr.selected .bootstrap-datetimepicker-widget a {
    color: #000;
}

    .bootstrap-datetimepicker-widget .timepicker .timepicker-picker {
        text-align: center;
    }

        .bootstrap-datetimepicker-widget .timepicker .timepicker-picker > .table-condensed {
            width: 100%;
        }

        .bootstrap-datetimepicker-widget .timepicker .timepicker-picker .table-condensed tr td {
            text-align: center;
        }

.target-body a.btn.btn-default,
.target-body input.btn.btn-default,
.target-body button.btn.btn-default {
    color: #fff;
    background-color: #000;
}

    .target-body a.btn.btn-default:focus,
    .target-body a.btn.btn-default:active,
    .target-body a.btn.btn-default:active:focus,
    .target-body a.btn.btn-default:hover,
    .target-body a.btn.btn-default[disabled]:hover
    .target-body button.btn.btn-default:focus,
    .target-body button.btn.btn-default:active,
    .target-body button.btn.btn-default:active:focus,
    .target-body button.btn.btn-default:hover,
    .target-body button.btn.btn-default[disabled]:hover {
        background-color: #1D1D1A;
        color: #fff;
        border-color: #1D1D00;
    }

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

.target-body #body-block {
    /*height: auto;*/
    height: 100%;
}

.TargetDetailsPage {
    height: 100%;
}

#TargetSummaryTable_wrapper {
    height: 100%;
}

.TargetWidgetWrapper {
    padding-top: 15px;
    height: 100%;
    position: relative;
}

#TargetSummaryInternalContainer {
    height: calc(100% - 55px);
    position: relative;
}

.TargetDetailsPage .select-status-container [name="statusSelect"] {
    width: 100px;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-break: break-word;
}


.TargetDetailsPage .customer-field {
    display: block;
    width: 100px;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-break: break-word;
    overflow: hidden;
}

.TargetDetailsPage .city-field {
    display: block;
    width: 160px;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-break: break-word;
    overflow: hidden;
}

#AppointmentInternalContainer {
    height: calc(100% - 55px);
    position: relative;
}

.orderDetails {
    padding-left: 15px;
    padding-right: 15px;
}

button#buttonSend {
    padding: 0px 20px;
}

.bootstrap-dialog.type-primary .modal-header {
    background-color: #ddd;
    border-color: #bbb;
}

    .bootstrap-dialog.type-primary .modal-header .bootstrap-dialog-title {
        color: #333333;
    }


#slideOrder .current-order-budget-row > div {
    display: inline-block;
}

/*section.default-bg {
    padding-top: 30px;
}*/

#tab-catalogue {
    overflow-y: auto;
    height: calc(100vh - 134px);
}

#detTabContainer {
    height: calc(100vh - 456px);
    overflow-y: auto;
}

div.appointmentDatePicker > .input-group-addon {
    background-color: #FFF;
    cursor: pointer;
}

.bootstrap-datetimepicker-widget.dropdown-menu.top.arrowUp:before {
    top: -6px;
    border-bottom: 7px solid #ccc;
    border-top: 0;
    bottom: inherit;
}

.bootstrap-datetimepicker-widget.dropdown-menu.top.arrowUp:after {
    top: -6px;
    border-bottom: 7px solid #fff;
    border-top: 0;
    bottom: inherit;
}

table#TargetSummaryTable > tbody > tr > td:first-of-type,
table#AppointmentTable > tbody > tr > td:first-of-type,
table#TargetManageTable > tbody > tr > td:first-of-type {
    cursor: pointer;
}

div.order_file_error {
    margin-top: 10px;
}

.trend-by-orders-pending {
    display: inline-block;
    text-align: center;
}

td > .trend-by-orders-pending:first-of-type {
    float: left;
}

td > .trend-by-orders-pending:last-of-type {
    float: right;
}

.swaps-container {
    padding-left: 30px;
    padding-right: 30px;
}

.main-bills-container {
    display: inline-block;
    width: 20%;
}

.main-product-list-container {
    display: inline-block;
    width: 79%;
}

.bills-container {
    height: calc(100vh - 220px);
    overflow-y: auto;
    width: 100%;
    padding-left: 15px;
    padding-right: 15px;
}

.bill-row {
    cursor: pointer;
}

.products-list-container {
    overflow-y: auto;
    height: calc(100vh - 200px);
}

    .products-list-container #listp {
        padding-left: 15px;
        padding-right: 15px;
    }

#OrdineInCorso {
    position: fixed;
    width: 300px;
    top: 40%;
    left: 10px;
    border: solid thin #000;
    padding: 8px;
    display: none;
    overflow: hidden;
    background-color: #FFF;
    z-index: 1000;
}

.swaps-title {
    display: inline-block;
}

.go-to-reorders-container {
    display: inline-block;
    float: right;
    margin-top: 10px;
}

    .go-to-reorders-container > a {
        display: inline-block;
    }

    .go-to-reorders-container .switch-swaps-complete {
        float: right;
        margin-left: 15px;
    }

.filter-by-ordered,
.search-product-container {
    padding-left: 15px;
    padding-right: 15px;
}

form[name="newTarget"] {
    padding-left: 15px;
    padding-right: 15px;
}

button[name='start_order_barcode'] {
    width: 100%;
}

#salesListsDownloadModal div.bootstrap-tagsinput {
    width: 100%;
}

img.select-loader {
    position: absolute;
}

#salesListsDownloadModal img.select-loader {
    right: -40px;
    top: 1px;
}


.fashion-movie-container {
    padding-left: 15px;
    padding-right: 15px;
}

.fashion-movie-video-container {
    height: calc(100vh - 120px);
    text-align: center;
}

    .fashion-movie-video-container video {
        height: 100%;
    }

.fashion-movie-container .fashion-movie-container-title {
    text-align: center;
    font-size: 36px;
    padding-top: 10px;
    padding-bottom: 10px;
}

.products-same-part {
    padding-left: 15px;
    padding-right: 15px;
}

/**** WISHLIST ****/
.icon-liked {
    background: #fff;
    border-radius: 40px;
    height: 44px;
    width: 44px;
    padding: 7.5px;
    cursor: pointer;
}

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

.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;
}

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

.look-row [data-look] {
    position: relative;
}

    .look-row [data-look] .icon-liked {
        position: absolute;
        top: 15px;
        right: 40px;
    }

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

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

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

.modal .grid-image-container .icon-liked {
    right: 40px;
    top: 10px;
}

/*** FINE WISHLIST ****/
/**** FASHION SHOW VIDEOS *****/
.fashion-show-video {
    padding-top: 15px;
    padding-bottom: 15px;
    text-align: center;
}

.fashion-show-video-title {
    text-align: center;
    padding-bottom: 15px;
}

.fashion-show-preview-container video {
    border: none;
    outline: 0;
    width: 100%;
}

.fashion-show-detail-video-container {
    height: calc(100vh - 130px);
    text-align: center;
    position: relative;
}

    .fashion-show-detail-video-container video {
        max-width: 100%;
        max-height: calc(100vh - 130px);
        position: relative;
        top: 50%;
        transform: translateY(-50%);
    }

        .fashion-show-detail-video-container video:focus {
            outline: none;
        }


        .fashion-show-detail-video-container video::-webkit-media-controls-fullscreen-button {
            display: none !important;
        }

.fashion-show-detail-video-title {
    position: relative;
    text-align: center;
    padding-top: 20px;
    padding-bottom: 20px;
    font-size: 20px;
}

.back-to-selection-url {
    float: right;
    margin-top: 15px;
}

.fashion-show-detail-video-title .go-to-favorites {
    position: absolute;
    padding: 5px;
    right: 150px;
    text-transform: capitalize;
}

    .fashion-show-detail-video-title .go-to-favorites .favorites-image {
        height: 18px;
        margin-left: 5px;
    }

.fashion-show-detail-list-container {
    overflow-y: auto;
    height: calc(100vh - 50px);
}

.fashion-show-look-description-container {
    text-align: center;
    font-size: 20px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 20px;
}

.fashion-show-look-image {
    text-align: center;
}

.look-like-container {
    position: absolute;
    top: 30px;
    right: 40px;
    display: inline-block;
    background: #fff;
    border-radius: 40px;
    height: 44px;
    width: 44px;
    padding: 7.5px;
    cursor: pointer;
    border: 2px solid #000;
}

img.look-like-image {
    cursor: pointer;
    width: 25px;
    height: 25px;
}

.full-screen-btn {
    position: absolute;
    padding: 5px;
    right: 0;
}

    .full-screen-btn > img {
        width: 18px;
        margin-left: 5px;
    }


.fashion-show-detail-list-container .fashion-show-look-container {
    margin-top: 40px;
}

.fashion-show-look-container {
    padding-top: 15px;
    padding-bottom: 15px;
    position: relative;
    margin-top: 15px;
}

    .fashion-show-look-container.hidden {
        opacity: 0;
    }

    .fashion-show-look-container:not(.hidden).is-visible {
        /*-webkit-animation-duration: 1.5s;
    -webkit-animation-name: slidein;
    -moz-animation-duration: 1.5s;
    -moz-animation-name: slidein;
    -o-animation-duration: 1.5s;
    -o-animation-name: slidein;
    animation-duration: 1.5s;
    animation-name: slidein;*/
        -webkit-animation: fadein 0.5s; /* Safari, Chrome and Opera > 12.1 */
        -moz-animation: fadein 0.5s; /* Firefox < 16 */
        -ms-animation: fadein 0.5s; /* Internet Explorer */
        -o-animation: fadein 0.5s; /* Opera < 12.1 */
        animation: fadein 0.5s;
        opacity: 1;
    }

    .fashion-show-look-container:not(.is-visible) {
        -webkit-transition: opacity 1s ease-in-out;
        -moz-transition: opacity 1s ease-in-out;
        -o-transition: opacity 1s ease-in-out;
        opacity: 0;
    }

        .fashion-show-look-container:not(.is-visible).hidden {
            opacity: 1;
            -webkit-transition: opacity 1s ease-in-out;
            -moz-transition: opacity 1s ease-in-out;
            -o-transition: opacity 1s ease-in-out;
        }

        .fashion-show-look-container:not(.is-visible):not(.hidden) {
            opacity: 0;
            -webkit-transition: opacity 1s ease-in-out;
            -moz-transition: opacity 1s ease-in-out;
            -o-transition: opacity 1s ease-in-out;
        }

@keyframes fadein {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

/* Firefox < 16 */
@-moz-keyframes fadein {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadein {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

/* Internet Explorer */
@-ms-keyframes fadein {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}


@-webkit-keyframes slidein {
    from {
        margin-left: 100%;
        width: 300%;
    }

    to {
        margin-left: 0%;
        width: 100%;
    }
}

@-moz-keyframes slidein {
    from {
        margin-left: 100%;
        width: 300%;
    }

    to {
        margin-left: 0%;
        width: 100%;
    }
}

@-o-keyframes slidein {
    from {
        margin-left: 100%;
        width: 300%;
    }

    to {
        margin-left: 0%;
        width: 100%;
    }
}

@keyframes slidein {
    from {
        margin-left: 100%;
        width: 300%;
    }

    to {
        margin-left: 0%;
        width: 100%;
    }
}

/**** FULL SCREEN VIDEO ****/

.full-screen-wrapper {
    position: absolute;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    z-index: 9999;
    background: #000000;
}

    .full-screen-wrapper video {
        margin-left: auto;
        margin-right: auto;
        outline: 0;
        display: block;
        position: relative;
        top: 50%;
        transform: translateY(-50%);
        width: 100%;
        height: 100%;
    }

        .full-screen-wrapper video::-webkit-media-controls-fullscreen-button {
            display: none !important;
        }

    .full-screen-wrapper .remove-full-screen-btn {
        position: absolute;
        top: 30px;
        right: 30px;
        z-index: 999999;
        color: #fff;
        font-size: 36px;
        cursor: pointer;
    }

    .full-screen-wrapper .go-to-favorites {
        position: absolute;
        padding: 5px;
        top: 30px;
        left: 30px;
        font-family: 'Montserrat-Bold';
        text-transform: capitalize;
    }


    .full-screen-wrapper .fashion-show-look-image {
        border: 4px solid #fff;
    }

    .full-screen-wrapper .go-to-favorites .favorites-image {
        height: 18px;
        margin-left: 5px;
    }

    .full-screen-wrapper .full-screen-look-container {
        position: absolute;
        top: 0;
        right: 110px;
    }

        .full-screen-wrapper .full-screen-look-container .fashion-show-look-description-container {
            color: #fff;
            margin-top: 15px;
            margin-left: 0px;
        }

        .full-screen-wrapper .full-screen-look-container .look-like-container {
            margin-top: 15px;
            margin-right: 0px;
        }

.local-signature-iframe {
    border: none;
    width: 100%;
    height: 68vh;
}

#yousign-iframe {
    width: 100%;
    border: 0;
    height: 100%;
}
/***** SHOWROOM VIRTUALE ******/
.virtual-showroom-main-container {
    width: 100%;
}

    .virtual-showroom-main-container .showroom-image-container {
        width: 100%;
        text-align: center;
    }

        .virtual-showroom-main-container .showroom-image-container .showroom-image {
        }

        .virtual-showroom-main-container .showroom-image-container #viewer {
            width: 100vw;
            height: calc(100vh - 55px);
        }


.modal.bootstrap-dialog {
    z-index: 3000 !important;
}

.showroom-product-description {
    text-align: center;
    padding-bottom: 5px;
}

.showroom-product-model-part-code {
    text-align: center;
    padding-bottom: 15px;
}

.showroom-product-image,
.showroom-product-video {
    text-align: center;
    padding-bottom: 15px;
}

body.showroom-body .modal-dialog .modal-header {
    display: none;
}

body.showroom-body #display_orderPanel {
    display: none;
}

body.showroom-body .create-order-showroom {
    position: absolute;
    top: 80px;
    left: 30px;
    z-index: 10;
}

body.showroom-body .back-to-grid-showroom {
    position: absolute;
    top: 80px;
    left: 210px;
    z-index: 10;
}

body.showroom-body .view-by-fabric {
    position: absolute;
    top: 80px;
    left: 490px;
    z-index: 10;
}

.bootstrap-dialog-body .product-main-container .back-to-grid-link {
    display: none;
}

body.showroom-body .back-to-start {
    position: absolute;
    top: 80px;
    left: 352px;
    z-index: 10;
}

body.showroom-body .modal.bootstrap-dialog {
    width: 100%;
}

    body.showroom-body .modal.bootstrap-dialog .modal-dialog {
        width: 90%;
    }

.virtual-showroom-filter-container .multiselect-native-select:not(:nth-of-type(4)),
.virtual-showroom-filter-container button[name="look-view"],
.virtual-showroom-filter-container button[name="EARLY_DELIVERY"],
.virtual-showroom-filter-container button[name="WISHLIST"],
.virtual-showroom-filter-container #search_panel {
    display: none !important;
}

.virtual-showroom-part-container {
    height: calc(100vh - 210px);
}

    .virtual-showroom-part-container #tab-catalogue {
        padding-left: 15px;
        padding-right: 15px;
        height: calc(100vh - 210px);
    }

        .virtual-showroom-part-container #tab-catalogue:empty {
            background-image: url("/images/loader_120.gif");
            background-repeat: no-repeat;
            background-position: center;
        }

.filter-show-by {
    display: none;
}

.virtual-showroom-filter-container .filter-show-by {
    display: inline-block;
    text-transform: uppercase;
    font-weight: bold;
}

.virtual-tour-body .modal #productImage.carousel > ol {
    display: none;
}


/******* FINE SHOWROOM VIRTUALE *******/
/****  INIZIO VIRTUAL TOUR  ******/
.virtual-showroom-main-container {
    width: 100%;
    height: 100%;
}

    .virtual-showroom-main-container iframe {
        width: 100%;
        height: 100%;
    }

.virtual-tour-body .modal-open .modal {
    overflow-x: hidden;
    overflow-y: auto;
    width: 100%;
    height: 100%;
    background: transparent;
    border: none;
    box-shadow: none;
}

.virtual-tour-body .modal {
    overflow-x: hidden;
    overflow-y: auto;
    width: 100%;
    height: 100%;
    background: transparent;
    border: none;
    box-shadow: none;
}

body.virtual-tour-body .modal-dialog {
    width: 90vw;
    max-width: 1400px;
}

    body.virtual-tour-body .modal-dialog .modal-header {
        display: none;
    }

body.virtual-tour-body .product-virtual-tour-dialog > .modal-dialog {
    max-width: 600px;
}

.appendino-wrapper {
    color: #1a1a1a;
    font-size: 12px;
    font-family: "Montserrat-Regular";
}

    .appendino-wrapper .color-swatch-container img.color-swatch {
        border-radius: 0;
        width: 12px;
        height: 12px;
    }

body.virtual-tour-body .modal .grid-image-container .icon-liked {
    top: -5px;
    margin-left: 6px;
    margin-right: 0;
    margin-top: 2px;
    margin-bottom: 2px;
}

body.virtual-tour-body .model-description-container .model-description {
    display: inline-block;
    float: left;
}

body.virtual-tour-body .modal .model-description-container {
    margin-left: auto;
    margin-right: auto;
    max-width: 500px;
}

body.virtual-tour-body .modal .price-container {
    float: right;
    display: inline-block;
}

body.virtual-tour-body .modal .model-description-container a {
    float: left;
    text-align: left;
}

body.virtual-tour-body .modal #productImage.carousel .colors-swatches-container {
    margin-bottom: 10px;
    margin-top: 10px;
}


body.virtual-tour-body #productImage .carousel-control {
    margin-top: 30px;
}

body.virtual-tour-body .grid-image-container .is-in-order-flag {
    right: 50px;
}

body.virtual-tour-body .create-order-showroom {
    position: absolute;
    top: 110px;
    left: 30px;
    z-index: 10;
}

body.virtual-tour-body .back-to-grid-showroom {
    position: absolute;
    top: 110px;
    left: 250px;
    z-index: 10;
}

body.virtual-tour-body .view-by-fabric {
    position: absolute;
    top: 110px;
    left: 420px;
    z-index: 10;
}

    body.virtual-tour-body .view-by-fabric.view-by-distributore {
        top: 110px;
        left: 250px;
    }

body.virtual-tour-body .product-main-container .back-to-grid-link {
    display: none;
}

/****  FINE VIRTUAL TOUR  ******/
#chatroom-button {
    position: fixed;
    bottom: 40px;
    right: 40px;
    border-radius: 100%;
    border: 5px solid #fff;
    background-color: rgba(70,107,174,1);
    border-color: rgba(70,107,174,1);
}

    #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);
    }
}

.modal-dialog button.btn-info {
    padding: 10px;
}

.excel-download-icon {
    height: 25px;
    margin-top: -5px;
}

.dropdown-icon {
    display: inline-block;
}

.table-actions .open > .dropdown-menu {
    display: block;
    direction: rtl;
    right: 0;
    left: auto;
    text-align: right;
}

.table-actions .dropdown-icon a.btn-link {
    padding: 2px 1px 2px 7px;
}

/*button.noaudio {
    background-image: url("/images/noaudio.png");
    background-repeat: no-repeat;
    background-position: center;
}

button.audio {
    background-image: url("/images/audio.png");
    background-repeat: no-repeat;
    background-position: center;
}*/

.import-format-container {
    padding-top: 15px;
}

    .import-format-container .linesheet-radio-label,
    .import-format-container .grid-radio-label {
        margin-left: 15px;
    }

.grid-price-not-discount {
    font-weight: 300;
    text-decoration: line-through;
}

.grid-discount-value {
    font-weight: 600;
    margin-left: 10px;
    margin-right: 10px;
}

.grid-price-discounted {
    font-weight: 800;
}

.order-has-discount {
    text-decoration: line-through;
}

.value-discounted {
    font-weight: 800;
}

/**** HOMEPAGE DISCOUNT *****/
.home-discount-start-order .brand-description-text-collection {
    color: #000;
    padding-top: 0px;
}

.home-discount-second-row {
    width: 100%;
    background-color: #fff;
    height: 50vh;
    text-align: center;
    padding-top: 20px;
    padding-bottom: 20px;
    display: inline-block;
}

.home-discount-start-order .home-discount-url:hover .brand-description-text-collection {
    text-decoration: none;
}

.home-discount-second-row .last-chance-banner {
    display: inline-block;
    width: 66%;
    vertical-align: top;
    height: 100%;
}

    .home-discount-second-row .last-chance-banner img {
        height: calc(100% - 20px);
    }

.home-discount-second-row .home-discount-start-order {
    display: inline-block;
    width: 33%;
    height: 100%;
}

    .home-discount-second-row .home-discount-start-order img {
        height: calc(100% - 20px);
    }

.discount-banner-container {
    text-align: center;
}

    .discount-banner-container .discount-banner-img {
        margin-left: auto;
        margin-right: auto;
        width: 600px;
        margin-top: -30px;
    }

/*** INIZIO BARCODE ***/

.barcode-camera-container {
    width: 648px;
    height: 540px;
    border: 3px solid #e0e0e0;
    border-radius: 4px;
    background: #fff;
    z-index: 10;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    position: fixed;
}

    .barcode-camera-container .close-barcode-camera {
        color: #fff;
        font-size: 24px;
        position: absolute;
        top: 5px;
        right: 10px;
        z-index: 12;
    }

    .barcode-camera-container .barcode-camera-title {
        font-size: 16px;
        margin-top: 10px;
        margin-bottom: 10px;
        margin-left: 10px;
    }

        .barcode-camera-container .barcode-camera-title span.glyphicon {
            font-size: 26px;
            color: #e0e0e0;
            cursor: pointer;
        }


/*** FINE BARCODE ***/

#customer_list .ask-info {
    display: inline-block;
    margin-right: 15px;
}

.badge-index {
    color: #fff;
    font-size: 18px;
    border-radius: 28px;
    width: 28px;
    height: 28px;
    line-height: 28px;
    border: 0;
    cursor: pointer;
    text-align: center;
}

    .badge-index.perfect-index {
        border-color: grey;
        background-color: grey;
    }

    .badge-index.good-index {
        border-color: green;
        background-color: green;
    }

    .badge-index.medium-index {
        border-color: orange;
        background-color: orange;
    }

    .badge-index.bad-index {
        border-color: red;
        background-color: red;
    }

    .badge-index.n-index {
        border-color: cornflowerblue;
        background-color: cornflowerblue;
    }

    .badge-index.x-index {
        border-color: aquamarine;
        background-color: aquamarine;
    }

    .badge-index.lowest-index {
        border-color: black;
        background-color: black;
    }


.rating-title {
    font-weight: bold;
    text-align: center;
    margin-bottom: 15px;
}

.star-container {
    font-size: 24px;
}

    .star-container > span {
        color: #466bae;
    }

.rating-info-container {
    display: flex;
}

    .rating-info-container > div.rating-box {
        flex-grow: 1;
    }

    .rating-info-container .badge-index {
        margin-left: auto;
        margin-right: auto;
    }

.rating-box {
    text-align: center;
}

.pdf-rating-btn {
    padding-top: 0px;
    padding-bottom: 0px;
    margin-top: -10px;
    font-size: 26px;
} 

#signature-dialog .bootstrap-dialog-footer-buttons {
    display: flex;
    flex-direction: row;
}

    #signature-dialog .bootstrap-dialog-footer-buttons button {
        flex: 1;
    }

:root {
    --sw-progress-width: 25%;
    --sw-border-color: #eeeeee;
    --sw-toolbar-btn-color: #ffffff;
    --sw-toolbar-btn-background-color: #0a2730;
    --sw-anchor-default-primary-color: #757575;
    --sw-anchor-default-secondary-color: #b0b0b1;
    --sw-anchor-active-primary-color: #000000;
    --sw-anchor-active-secondary-color: #ffffff;
    --sw-anchor-done-primary-color: #333333;
    --sw-anchor-done-secondary-color: #aaaaaa;
    --sw-anchor-disabled-primary-color: #f8f9fa;
    --sw-anchor-disabled-secondary-color: #dbe0e5;
    --sw-anchor-error-primary-color: #dc3545;
    --sw-anchor-error-secondary-color: #ffffff;
    --sw-anchor-warning-primary-color: #ffc107;
    --sw-anchor-warning-secondary-color: #ffffff;
    --sw-progress-color: #0a2730;
    --sw-progress-background-color: #f8f9fa;
    --sw-loader-color: #0a2730;
    --sw-loader-background-color: #f8f9fa;
    --sw-loader-background-wrapper-color: rgba(255, 255, 255, 0.7);
}

#send_order_wizard_container div.tab-content {
    padding: 20px 0;
}

#sign-wizard-dialog div.modal-footer button.btn.btn-default.disabled:hover {
    background-color: #ccc;
}

/* dialog con report embed */

.embed-dashboard-dialog .modal-dialog {
    width: calc(100% - 60px);
    height: calc(100% - 60px);
}

.embed-dashboard-dialog .modal-content {
    height: 100%;
    display: flex;
    flex-direction: column;
}

.embed-dashboard-dialog .modal-body {
    flex: 1;
}

.bootstrap-dialog-body,
.bootstrap-dialog-message,
#dashboardContainer {
    height: 100%;
}

.embed-dashboard-dialog .modal-header {
    background-color: #ececec !important;
}

.embed-dashboard-dialog .bootstrap-dialog-title {
    color: #777 !important;
}

.bootstrap-tagsinput {
    min-width: 100%;
}

    .bootstrap-tagsinput .tag {
        background-color: #f9f9f9;
        color: #555555;
        font-size: 100%;
    }

.bootstrap-dialog.type-primary .modal-header {
    background-color: #000;
}

img.select-loader {
    position: absolute;
    z-index: 10;
    top: 1px;
    right: -40px;
}