.bg_light {
    background-color: #E6E6E6 !important;
}
.text_danger {
    color: #f6000d !important;
}
.bg_danger {
    background-color: #f6000d !important;
}
.AccountSec button {
    background   : #f6000d;
    color        : #fff;
    font-weight  : 600;
    font-size    : 20px;
    width        : 100%;
    border       : 1px solid #ddd;
    border-radius: 0;
    padding      : 12px;
}
.AccountSec #offertab button {
    padding: 4px 12px !important;

}
.AccountSec #availdiscount button {
    padding: 4px 12px !important;

}
.AccountSec .select2-selection__choice button {
    width: unset !important;

}
.AccountSec button:hover {
    background: #282828;
    border    : 1px solid #282828;
    color     : #fff;
    transition: 0.5s ease-in;
}
.confirm_code textarea {
    resize: none;
}
.confirm_code textarea:focus-visible {
    outline: unset;
}
.img_ms_circle img {
    width : 30px;
    height: 30px;
}
.img_ms_circle img.dtl-img {
    width: auto !important;
    height: auto !important;
}
.logo_client_img .logo_client {
    width           : 85px;
    height          : 85px;
    background-color: #f6000d;
    color           : #fff;
    display         : flex;
    align-items     : center;
    justify-content : center;
}
.offer_create td input {
    width: 100px;
}
.style_scroll::-webkit-scrollbar-thumb {
    background   : #dccaca !important;
    border-radius: 10px;
}
.style_scroll::-webkit-scrollbar {
    width: 1px !important;
}
/* Track */
.style_scroll::-webkit-scrollbar-track {
    background   : #E6E6E6;
    box-shadow   : inset 0 0 5px grey;
    border-radius: 10px;
}
/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
    background: #efcccc;
}

/* --------------------- */
.navbarMainPage .HeaderSec .navbar-nav {
    flex-direction: row;
} 
.navbarMainPage .HeaderSec .navbar-nav .nav-item:nth-child(2) .nav-link {
    border: 1px solid #ff1616;
    border-radius: 6px;
    /* color: #ff1616; */
} 
.navbarMainPage .HeaderSec .navbar-nav .nav-item .nav-link {
    text-transform: uppercase;
    font-weight: bold;
}
.footerMainPage,
.footerMainPage p.text-center {
    background-color: #191919;
}
.footerMainPage .footerMainPageCnt a,
.footerMainPage .footerMainPageCnt h4 {
    color: #fff;
}
.footerMainPage .footerMainPageCnt .footerMainPageCntInner {
    width: 88%;
}
.footerMainPage .footerMainPageCnt .footerMainPageContactInfo li {
    margin-bottom: 10px;
    padding: 2px 10px;
    border: 2px solid rgba(255, 255, 255, 0.03);
    border-radius: 50px;
    background: #1F1F1F;
}
.footerMainPage .footerMainPageCnt .footerMainPageContactInfo li a span.footerMainPageContactUS {
    font-size: 14px;
    font-weight: bold;
}
.footerMainPage .footerMainPageCnt .footerMainPageCntLinks ul li a .fa-angles-right {
    font-size: 10px;
    margin-right: 4px;
}

.footerMainPage .footerMainPageCnt .footerMainPageCntLinks ul li a .fa-angles-right,
.footerMainPage .footerMainPageCnt .footerMainPageContactInfo li a span.footerMainPageContactUS,
.navbarMainPage .HeaderSec .navbar-nav .nav-item:nth-child(2) .nav-link { 
    color: #ff1616;
}
@media only screen and (min-width: 300px) and (max-width: 575px){
    .navbarMainPage .HeaderSec .navbar-nav .nav-item .nav-link {
        font-size: 12px;
    }
    .footerMainPage .footerMainPageCnt {
        margin-bottom: 30px;
        text-align: center;
    }
    .footerMainPageCntInner {
        width: 100% !important;
    }
}
@media only screen and (min-width: 300px) and (max-width: 992px) {
    .navbarMainPage .MbleLogos {
        position: unset;
        width: unset !important;
        margin: unset;
    }
    .navbarMainPage .HeaderSec {
        display: flex !important;
        padding: unset;
    } 
    .navbarMainPage .HeaderSec .navbar-nav .nav-item .nav-link {
        padding: 5px 10px;
    }
}
/* --------------------- */
@media screen and (max-width:1240px) {
    .style_scroll {
        overflow-x: scroll;
    }
}
@media screen and (max-width:992px) {
    .AccountSec .container {
        width: 100% !important;
    }
}