

@charset "utf-8";

body{font-family: 'Kanit', sans-serif !important;}

a,input,button,select,textarea{outline:none !important;resize:none !important;}
nav{z-index:12;}

.hide-on-print{outline:none !important;}
.show-on-print{display:none !important;}

.f-mobile-small{outline:none !important;}

.text-justify{text-align:justify;}

.mobile-menu-icon{outline:none;}
.mobile-menu-area{position:fixed;top:0;left:0;bottom:0;z-index:112;}
.mobile-menu-area a{width:100%;font-weight:bold;}

.bg-gray{background-color:#e1e1e1;}
.bg-semi-gray{background-color:#efefef;}
.bg-nav{background-color:#e1e1e1 !important;}


.nav-link-a{outline:none !important;}
.nav-link-a:hover{color:#e46429 !important;}
.text-ezy-orange-main{color:#e46429 !important;}
.text-ezy-orange-sub-main{color:#f36e27 !important;}
.text-ezy-orange-dark{color:#704c34 !important;}
.text-ezy-dark{color:#141515 !important;}

.bg-ezy-orange-main{background-color:#e46429 !important;}
.bg-ezy-orange-sub-main{background-color:#f36e27 !important;}
.bg-ezy-orange-dark{background-color:#704c34 !important;}
.bg-ezy-dark{background-color:#141515 !important;}

.ezy-orange-overlay{box-shadow:inset 0px 0px 0px 1000px rgba(228,100,41,0.9);}
.ezy-dark-overlay{box-shadow:inset 0px 0px 0px 1000px rgba(20,21,21,0.9);}

.border-ezy-orange-main{border:1px solid #e46429 !important;}
.border-ezy-orange-sub-main{border-color:#f36e27 !important;}
.border-ezy-orange-dark{border-color:#704c34 !important;}
.border-ezy-dark{border-color:#141515 !important;}

/*side mene*/
.side-menu-title-area{background-color:#404040 !important;}
.carousel-indicators [data-bs-target]{background-color: #f36e27 !important;}


/*vehicle details*/
.square-area-relative{position:relative !important;}
.asolute-area-50{position:absolute;top:35%;left:0;}

.vehicle-pictures-preview-area{position:relative !important;}
.vehicle-pictures-preview-controlers{position:absolute !important;left:0 !important;top:50% !important;}

@media only screen and (max-width: 505px) and (min-width: 80px)  {
    
    .f-mobile-small{font-size:13px !important;}
}



@media print {

    @page { size: A4 portrait;margin:0;padding:0;orphans:4; widows:2;}
    html, body { padding:0;margin:0;}
    body {
        margin              :   0;
        background-color    :   white;
        height              :   auto;
    }

    .hide-on-print{display:none !important;}
    .show-on-print{display:inline-block !important;}

    .page-break {
        page-break-before: always;
        margin:10% 0% 10% 0%;
        padding:10% 0% 10% 0%;
    }
    .avoid-break {
        page-break-inside: avoid;
    }
}
