html * {
    font-family: 'Montserrat';
}

body {
    color: white !important;
}

.validate-info {
    font-size: small;
}

#picker, #product-group-picker {
    overflow-y: scroll;
    /* height: 35%; */
    display: flex;
    flex-wrap: wrap;
    padding: 0 13px;
}

#picker > .item-img, #product-group-picker > .group-item-img {
    margin-left: 5px;
    margin-right: 5px;
}

#picker > .item-img > img,
#picker > .item-img > video, #product-group-picker > .group-item-img > img {
    width: 100%;
    height: 64px;
    margin-top: 10px;
    object-fit: cover;
}

#preview-material-image-video {
    text-align: center;
}

@media only screen and (min-width: 451px) {
    #select-material-mobile {
        display: none !important;
    }
}

@media screen and (min-width: 451px)and (max-width: 1518px) {
    #preview-material-image, #preview-material-video {
        width: 85%;
    }

    #menu-mobile {
        display: none !important;
    }

    /*#cart-mobile {*/
    /*    display: none!important;*/
    /*}*/
    #display-view-list {
        display: none;
    }

    #picker > .item-img, #product-group-picker > .group-item-img {
        height: 22.5%;
        width: 21%;
        padding-top: 1%;
    }

    /*.active, .material-item:hover {*/
    /*    border: 1px solid #AD3A3A;*/
    /*    box-shadow: 0px 3px 3px #ddadad;*/
    /*    transition-delay: 0.1s;*/
    /*}*/
}

@media screen and (min-width: 1519px) and (max-width: 1899px) {
    #picker {
        /*height: 35%;*/
    }

    #picker > .item-img, #product-group-picker > .group-item-img {
        height: 33%;
        width: 21%;
        padding-top: 2%;
    }

    /*.active, .material-item:hover {*/
    /*    border: 1px solid #AD3A3A;*/
    /*    box-shadow: 0px 3px 3px #ddadad;*/
    /*    transition-delay: 0.1s;*/
    /*}*/
    #display-view-list {
        display: none;
    }
}

@media screen and (min-width: 1900px) {
    #picker > .item-img, #product-group-picker > .group-item-img {
        height: 33%;
        width: 21.92%;
        padding-top: 2%;
    }

    /*.active, .material-item:hover {*/
    /*    border: 1px solid #AD3A3A;*/
    /*    box-shadow: 0px 3px 3px #ddadad;*/
    /*    transition-delay: 0.1s;*/
    /*}*/
}

@media screen and (max-width: 1440px) {
    #picker > .item-img > .material-item, #product-group-picker > .group-item-img > .group-material-item {
        height: 58px;
    }
}

.vh-active, .material-item:hover, .item:hover, .h-active {
    border: 1px solid #AD3A3A;
    box-shadow: 0px 3px 3px #ddadad;
    transition-delay: 0.1s;
}

.form-control-color {
    padding: 0;
    border: none;
}

.slider_desc1 {
    margin: 0px;
    margin-top: 8px;
    color: #333333;
    font-family: Arial;
    font-size: 14px;
    line-height: 18px;
    text-align: justify;
    overflow: hidden;
    transition: all 0.5s ease 0s;
    max-height: 37px;
}

.slider_desc {
    margin: 0px;
    margin-top: 0px;
    color: #333333;
    font-family: Arial;
    font-size: 14px;
    line-height: 18px;
    text-align: justify;
    overflow: hidden;
    transition: all 0.5s ease 0s;
    max-height: 60px;
}

#slider_desc_toogler, #slider_desc_toogler1 {
    border-top: silver 1px dotted;
    margin-top: 10px;
    width: 70%;
    margin-left: auto;
    margin-right: auto;
}

#slider_desc_toogler1 {
    margin-bottom: 12px;
}

#slider_desc_toogler {
    margin-bottom: 20px;
}

#slider_desc_toogler i, #slider_desc_toogler1 i {
    position: absolute;
    text-align: center;
    color: silver;
    font-size: 23px;
    font-family: fontawesome;
    left: calc(50% - 10px);
    margin-top: -13px;
    background: #fff;
}

.picker-color .form-control {
    padding: 0px !important;
}

.picker-color .form-control-color {
    max-width: 2.5rem;
}

.select_search {
    width: fit-content;
    border-radius: 5px;
    border: solid 1px silver;
    background: #F6F6F6;
    margin-bottom: 5px;
    padding: 5px;
}

#quycach_paint .select_search, #quycach_ton .select_search {
    padding: 3px;
}

#quycach_paint #quycach_phanloai, #quycach_paint-mobile #quycach_phanloai-mobile {
    margin-bottom: 0px;
    width: 45%;
    margin-left: 10%;
    color: #696969;
    background: #FFFFFF;
    border: 1px solid #D7D7D7;
    border-radius: 5px;
    font-weight: 400;
    font-size: 12px !important;
    line-height: 25px;
}

#quycach_ton #quycach_phanloai_ton, #quycach_ton-mobile #quycach_phanloai_ton-mobile {
    margin-bottom: 0px;
    width: 45%;
    color: #696969;
    background: #FFFFFF;
    border: 1px solid #D7D7D7;
    border-radius: 5px;
    font-weight: 400;
    font-size: 12px !important;
    line-height: 25px;
}

input, button, select, optgroup, textarea {
    font-size: 14px !important;
}

#screenshot-menu {
    position: absolute;
    width: 0;
    top: 35%;
    right: 10px;
    /*left: 88%;*/
}

@media (max-width: 639px), (max-height: 639px) {
    #screenshot-menu, .locate-div {
        right: 5px !important;
    }
}

#capture-screenshot {
    /*margin-top: 13px;*/
    /*margin-left: 8px;*/
    font-style: normal;
    font-weight: 600;
    /*font-size: 12px;*/
    /*line-height: 20px;*/

    /*width: 10%;*/
    background-color: #AD3A3A;
    padding: 10px;
    text-align: center;
}

#excel-mobile {
    display: none;
}

#capture-capture-text {
    color: white !important;
    text-decoration: none !important;
    white-space: nowrap;
}

#close-x {
    font-family: none !important;
    font-size: 18px !important;
    line-height: normal !important;
}


#preview-material-name, #preview-product-group-name {
    margin-top: 3%;
    font-size: 14px;
    font-weight: 700;
    line-height: 19px;
    box-sizing: border-box;
}

.btn-chitiet, .btn-datmua, .btn-border-map, .btn-qr, .btn-360 {
    /*width: 30%;*/
    width: auto;
    height: auto;
    text-decoration: none !important;
    color: white !important;
    padding: 2.5%;
    border-radius: 7px;
    font-weight: 700;
    font-size: 15px;
    margin-bottom: 6%;
    white-space: nowrap;
}

#back-menu {
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: center;
    transition: opacity 1s linear;
    text-align: center;
    text-decoration: none;
    display: inline-block;
}

.locate-div {
    z-index: 1;
    position: absolute;
    overflow: hidden;
    right: 10px;
    /*margin-top: 24px;*/
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: center;
    transition: opacity 1s linear;
    text-align: center;
    text-decoration: none;
    font-weight: 600;
    line-height: 20px;
}

.icon-locate {
    top: 59px;
    display: none;
    z-index: 1000;
    position: absolute;
    overflow: hidden;
    /*right: 10px;*/
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: center;
    transition: opacity 1s linear;
    text-align: center;
    text-decoration: none;
    font-weight: 600;
    line-height: 20px;
}

@media only screen and (max-width: 450px) {
    .locate-div {
        right: 8px !important;
    }


    .icon-locate {
        display: block;
    }
}

.vietnamese-local {
    padding-top: 8px;
    padding-bottom: 5px;
}


.validate-local {
    color: #AD3A3A;
}

#display-view-list, #excel-mobile, .icon-locate {
    color: #8c110a;
}

.input-error {
    border-color: #9e352f !important;
}

.preview-screenshot-open {
    top: 0px !important;
    background-color: rgba(26, 32, 44, 0.4);
    height: 100% !important;
    transition: top 1s ease, background-color 1s ease 1s !important;
}