/* DO NOT REMOVE AFTER LINE */

/*Added below css for Split Shipment functionality*/
.address_loader {
    background: rgba(255, 255, 255, 0.6);
    z-index: 9;
}
.split_card_loader {
    display: flex;
    align-items: center;
    justify-content:center;
    background: rgba(255, 255, 255, 0.6);
    z-index: 9;
}

/*added below for displaying ribbon image near product gallery image on product detail page on front*/
.proddetail-oneimg .ribbon {
    left:15px;
}

#quote_product .text-nowrap {
    white-space: inherit !important;
}

/* DO NOT REMOVE BEFORE LINE */

/* ===========================  EDIT SEBASTIEN LE 09/11/2020 */
/* roboto-regular - latin */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    /* src: url('../../fonts/roboto-v29-latin-regular.eot'); */ /* IE9 Compat Modes */
    src: local('Roboto'), local('Roboto-Regular'),
         url('https://fonts.gstatic.com/s/roboto/v29/KFOmCnqEu92Fr1Mu72xKOzY.woff2') format('woff2'), /* Super Modern Browsers */
}

/* ===========================  EDIT YVAN LE 26/01/2021 */
@font-face {
    font-family: 'Rubik';
    font-style: normal;
    font-weight: 400;
    src: url('https://fonts.gstatic.com/s/rubik/v11/iJWZBXyIfDnIV5PNhY1KTN7Z-Yh-B4iFV0U1.woff2') format('woff2');
}


h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    font-family: "Roboto", sans-serif;
}
.navbar .navbar-nav .nav-item {
    font-family: 'Rubik';
}
.header-about, .footer-content, footer {
    background: #185ca5;
}

/* FOOTER */
#footer .card-body .short_text span {
    background-color: transparent !important;
}
@media only screen and (min-width: 800px) {
  .footer-content .container {
        border-bottom: none;
  }
}
.footer-content .card .card-header {
    border-bottom: none;
}
#footer .card-header {
    background-color: transparent;
}
.footer-content .card {
    color: white;
}

/* ===========================  EDIT YVAN LE 18/11/2020 */
#footer .rounded-circle {
    border-radius: 50% !important;
    background-color: white;
    padding: .5em;
}

#footer .card-body a {
    color: white;
}

#footer .card-body i {
    color: black;
    display: inline-block;
    border-radius: 50%;
    width: 1em;
    text-align: center;
}

/* HEADER - TITLE */
.page-header {
    border-bottom: none;
}

/* ===========================  EDIT SEBASTIEN LE 24/11/2020 */
#accordion .card-header {
    background: white;
}

/* =================== EDIT SEBASTIEN LE 14/12/2020 */
.navbar .navbar-nav .nav-item > .nav-link {
    color: #004f9f;
    font-size: 15px;
}
.bandeau-orange {
    background: #ED731E;
    vertical-align: middle;
}

/* =================== EDIT YVAN LE 15/12/2020 */

/* CAROUSEL */
#top-banner .carousel-caption strong {
    font-family: 'Rubik';
    text-shadow: none;
}

#top-banner .rs-layer * {
    font-size: 22px;
    text-shadow: none;
}

.carousel-caption {
    padding-bottom: 50px;
}

/* BANDEAU ORANGE */
.bandeau-orange h2 {
    font-family: 'Rubik';
    font-size: 18px;
}

/* BUTTON CLASS */
.vu_button {
    padding: 11px 28px;
    font-size: 16px;
    border-radius: 0 !important;
    color: #ffffff;
    border-color: #ffffff;
    background-color: rgba(255,255,255,0.01);
    display: inline-block;
    font-family: "Rubik";
    font-weight: 400;
    line-height: 1;
    white-space: normal;
    -webkit-transition: all 0.3s ease-in-out !important;
    -moz-transition: all 0.3s ease-in-out !important;
    -o-transition: all 0.3s ease-in-out !important;
    transition: all 0.3s ease-in-out !important;
    text-transform: normal;
    border-width: 2px;
}

.vu_button:hover {
    color: #303745;
    border-color: #ffffff;
    background-color: #ffffff;
}

.top-header {
    background-color: #403745 !important;
}

/* =================== EDIT YVAN LE 26/01/2021 - 02/02/2021 */
/* BIG MENU */

/** NAV BAR **/
.navbar-menu {
    padding: 0;
}

/** MENU **/
.menu a {
    font-family: 'Rubik';
}

.menu .nav-item {
    width: auto;
    max-height: 60px;
    max-width: 94px;
    display: flex;
    align-items: center;
}

.menu .nav-item a {
    width: auto;
    display: flex;
    padding: 23px 10px;
    max-width: 100%;
    color: white;
    font-weight: 400;
    text-align: center;
    font-size: 12px;
    max-height: 60px;
    align-items: center;
    background-color: rgb(0, 79, 159);
    color: white; 
}

.menu .nav-item-second a {
    background-color: rgb(237, 115, 30);
    color: white;
}

.menu .nav-item-third a {
    background-color: rgb(64, 55, 69);
    color: white;
}

/* SUBMENU OF BIG MENU */
    .menu li>ul.sub-menu {
    visibility: hidden;
    opacity: 0;
    position: fixed;
    top: 180px;
    display: flex;
    flex-wrap: wrap;
    border-left: solid 100vw white;
    border-right: solid 100vw white;
    box-sizing: content-box;
    margin: 0 auto;
    width: 980px;
    left: 50%;
    transform: translateX(-50%);
    visibility: hidden;
    opacity: 0;
    padding: 15px 0 !important;
    z-index: 9999;
    transition: all 0.17s ease-in-out;
    transform-origin: 0 0;
    background-color: #fff;
}

.menu li:hover>ul.sub-menu {
    visibility: visible;
    opacity: 1;
}

.menu li>ul.sub-menu li {
    position: relative;
    margin: 0;
    display: block;
    float: none;
}

.menu li>ul.sub-menu li a {
    color: #595959;
    text-transform: none;
    font-weight: 300;
    font-style: normal;
    text-align: left;
    display: block;
    width: 100%;
    line-height: 20px;
    background: transparent;
    font-size: 12px;
    padding: 5px 12px 5px 15px;
}

.menu ul.sub-menu li a:hover,
.menu ul.sub-menu li.active>a {
    color: #ed731e;
}

/* YM - 23/09/2021 */
.navbar .navbar-nav .nav-item > .nav-link {
    font-size: 12px;
    padding: 10px;
}
.navbar .navbar-nav .nav-item > .nav-link span {
    padding-left: 5px;
}
.navbar .navbar-nav .nav-item > .nav-link::before {
    top: 20px;
}

/* YM - 20/12/2022 - CHANGE COLOR FOR CART TEXT */
h3.billing_address_label {
    color: #e51d1f;
}
div#special_instructions h3 {
    font-weight: bolder;
}

/* YM - 26/12/2022 - HIDE LBAL ON UPLOAD PAGE */
#product_design_upload #standard_upload_block #frmupload #normal_upload_form .control-label {
    display: none;
    visibility: hidden;
}

/* YM - 01/02/2023 - LABEL ALIGNEMENT ON ORDER PLACEMENT PROCESS */
#user_extra_fields label {
    margin-top: .5rem;
}

/* YM - 01/02/2023 - FOOTER STYLE */
#footer footer {
    background-color: #0b78bb !important;
    border-top: none !important;
}
#footer footer p {
    color: white !important;
}

/* YM - 01/02/2023 - PUBLIC - REMOVE SEARCH AND CART / REMOVE REGISTRATION */
body.home_page_body .head-search,
body.home_page_body .head-cart,
body.home_page_body .body-container,
body.home_page_body #login_signup_popup1 .dropdown-item-text,
body.home_page_body #login_signup_popup1 .float-right{
    display: none;
    visibility: hidden;
}

/* YM - 02/02/2023 - PUBLIC - FULL WIDTH LOGIN BUTTON */
body.home_page_body #login_signup_popup1 #btnlogin {
    width: 100%;
}

/* YM - 08/02/2023 - PUBLIC - HIDE REGISTER PART */
div#user_loginpage .row div.page-sub-header {
    display: none;
    visibility: hidden;
}
/* YM - 24/02/2023 - PUBLIC - HIDE REGISTER PART V2 */
div#user_loginpage div.row div.pl-md-3 {
    display: none;
    visibility: hidden;
}
div#login_sidebar .dropdown-item-text {
    display: none;
    visibility: hidden;
}

/* YM - 24/02/2023 - PUBLIC - REMOVE BORDER RIGHT LOGIN FORM */
div#user_loginpage div.row div.pl-0 {
    border-right: none;
}

/* YM - 01/06/2023 - FONT SIZE IN "View/Edit" QUOTE */
form#frmupload * {
    font-size: inherit;
}
/* YM - 01/06/2023 - FONT SIZE FOR BUTTONS */
.btn:not(:disabled):not(.disabled) {
  font-size: inherit;
}

/* YM - 22/08/2023 - HIDE "STATUT" COLUMN ON THE TRACKING MODAL */
#inline_trackinfo td:nth-child(2),
#inline_trackinfo th:nth-child(2) {
    display: none;
    visibility: hidden;
}
/* YM - 22/08/2023 - STYLE FOR LINK ON THE TRACKING MODAL */
#inline_trackinfo td:nth-child(3) a {
    color: #0b78bb;
    text-decoration: none;
    font-weight: bold;
}

/* YM - 20/11/2023 - BUTTON FONT SIZE */
#BtnNext {
    font-size: initial;
}
.navbar .navbar-nav .nav-item > .nav-link:before {
    display: none !important;
    top: 32px;
    font-family: "Font Awesome 6 Pro";
    position: absolute;
    left: 50%;
    transform: translate(-50%);
    color: transparent;
}

/* YM - 20/06/2025 - BUTTON INFO CLASS BACKGROUND COLOR */
.btn-info,
.btn-info:hover {
    color: #fff;
    background-color: #17a2b8;
    border-color: #17a2b8;
}
.profile-info h2 {
    color: black !important;
}
.user-profile .bg-info {
  background-color: #17a2b8 !important;
}

#user_order .detail-top-bar span.d-md-block {
    font-size: 14px;
}