﻿
:root {

    --guruwhitebg: #F2F2F2;
    --guruWhite2: #E0E0E0;
    --gurudarkgraybg: #697F96 ;
    --gurugraybg: #BECCD9;
    --gurubluebg: #262626;
    --gururedbg: #FF0500;

    --guruborderbg: #a6a6a6;
    /*--guruborderbg: #c1c1c1;*/
    --gurunavbg: #262626;

    --gururedbutton: #FF051A;
    --gurubluebutton: #262626;
    --gurugraybutton: #697F96;
    --guruwidgetbutton: #1A8647;

    --gurunavytext: #00264D;
    --gurugraytext: #E3EBF3;
    --gururedtext: #FF0500;
    --gurubluetext: #262626;

    --guruiconcolor: #00264D;

    --gurubenzin:#388E3C ;
    --gurubenzinlpg: #0097A7;
    --gurudizel: #F57C00;
    --guruhybrid: #303F9F;
    --gurulpg: #7B1FA2;
    --guruelektrik: #0288D1;
    --guruphybrid: #7B1FA2;
    --gurudigeryakit: #7B1FA2;

    --gurumanuel: #5D4037;
    --guruotomatik: #455A64;
    --guruyariotomatik: #757575;
    --guruvitesdiger: #C2185B;

    --gurupin1: #ffb310;
    --gurupin2: #04acc1;
    --gurupin3: #7986ca;
    --gurupin4: #3949aa;
    --gurupin5: #ff6f06;
    --gurupin6: #ffb310;
    --gurupin7: #65b5f5;
    --gurupin8: #c0ca38;
    --gurupin9: #90a4ae;
    --gurupin10: #94D82D;
    --gurupin11: #FCC419;
    --gurupin12: #FF922B;

    --guruxsmall: 12px;
    --gurusmall: 14px;
    --gurumedium: 16px;
    --gurularge: 18px;
    --guruxlarge: 22px;
}
/* MOTRIO */
/*body.motrio .navbar-dark .navbar-toggler { background: #be1622; }
body.motrio #mainNav li.nav-item a.nav-link { color: #fff; }
body.motrio .headingLine a.btnAdd { background: #be1622; }
body.motrio #slcDurum { background: #be1e2f; }
body.motrio .littleHeading.isEmriHeading button.btnAddPacket { color: #7e8fa6 !important; }
body.motrio .littleHeading.isEmriHeading button { background: #be1e2f !important; color: #fff !important; }
body.motrio a.dashItem:hover { background-color: #f7f7f7; text-decoration: none; color: #be1622; box-shadow: 0 3px 6px #a2a2a2; }
body.motrio a.dashItem:hover i { color: #be1622; }
body.motrio .btn-primary:hover { background-color: #5d000a; }
body.motrio .btn-primary { color: #fff; background: #be1e2f; border-color: #be1e2f;}
body.motrio .btn-outline-primary { color: #be1e2f; border-color: #be1e2f; }
body.motrio .btn-outline-primary:hover { background-color: #be1e2f; color: #fff; border-color: #be1e2f; }
body.motrio span.dateLine { color: #be1e2f; }
body.motrio div.fixedTab .container li.nav-item a.active { background: #bf1e2e; }
body.motrio div.fixedTab .container { background: #e4474e; }
body.motrio .btn-info { background-color: #be1e2f; border-color: #be1e2f; }
body.motrio .btn-info:hover { background-color: #940010; border-color: #be1e2d; }
body.motrio .btnTransparent { color: #be1e2f; }
body.motrio div.partialUser.partial .linkWrapper a.btnPayUser { background: #be1e2f; border-color: #be1e2f; }
body.motrio nav.navbar.navbar-expand-md .container{background: #be1622;box-shadow: 0 0px 5px #be1622;}
body.motrio .meksefeCard .cardTitle a, body.motrio a.btnDashboard i{background: #be1622;}
body.motrio #rightPopup .rightPopupItem .rightPopupHeader{background: #be1622;}
body.motrio #rightPopup .rightPopupItem .rightPopupHeader a {background: #be1622;}*/

/* CASTROL */
/*body.castrol { padding-top: 80px; background: #fff; }
body.castrol nav.navbar.navbar-expand-md .navbar-brand { position: fixed; left: 90px; top: 13px; }
body.castrol .navbar-dark .navbar-toggler { background: #2c9a4f; color: #fff !important; }
body.castrol nav.navbar.navbar-expand-md:before { content: ""; position: fixed; left: 0; top: 0; background: url(https://www.castrol.com/etc/designs/refresh/castrol/images/header_bg_big.png) no-repeat 0 0; width: 170px; height: 58px; background-size: auto 58px; z-index: 0; }
body.castrol nav.navbar.navbar-expand-md { background: url(https://www.castrol.com/etc/designs/refresh/castrol/images/pattern.png) repeat-x 0 0; background-size: auto 58px; height: auto; background-color: #2c9a4f; min-height: 58px; }
body.castrol nav .navbar-toggler { position: fixed; top: 7px; right: 10px; }
body.castrol a.dashItem:hover { background-color: #2c9a4f; text-decoration: none; box-shadow: 0 3px 6px #175e31; color: #fff; }
body.castrol #slcDurum { background: #2c9a4f; }
body.castrol div.partialUser.partial .linkWrapper a.btnPayUser { background: #2c9a4f; border-color: #2c9a4f; }
body.castrol .littleHeading.isEmriHeading button { background: #2c9a4f !important; }
body.castrol .btn-primary { color: #fff; background-color: #2c9a4f; border-color: #2c9a4f; }
body.castrol .btn-outline-primary { color: #175d31; border-color: #175d31; }
body.castrol .btn-outline-primary:hover { background-color: #175d31; color: #fff; border-color: #175d31; }
body.castrol .headingLine a.btnAdd { background: #175d31 !important; }
body.castrol div.fixedTab .container li.nav-item a.active { background: #175d31; }
body.castrol div.fixedTab .container { background: #2c9a4f; }
body.castrol .littleHeading.isEmriHeading button.btnAddPacket { background: transparent !important; }
body.castrol div.login h1 span { color: #2c9a4f; }
body.castrol button#btnLogin { background: #175d31 !important; border-color: #175d31 !important; }
body.castrol .login-form { background: #2c9a4f; }
body.castrol #rightPopup .rightPopupItem .rightPopupHeader { background: #2c9a4f; }
body.castrol #rightPopup .rightPopupItem .rightPopupHeader { }
body.castrol #rightPopup .rightPopupItem .rightPopupHeader a:hover { background: #175d31 !important; }
body.castrol div.login .login-middle { opacity: 1; }
body.castrol div.login .login-middle img { float: left; max-height: 540px; margin-bottom: -40px; }
body.castrol #loginModal .login-form { background: transparent; }
body.motrio .littleHeading.isEmriHeading button.btnAddPacket { background: transparent !important; }*/


.dummyBanner { position: relative; display: block; margin: 12px 0; min-height: 90px; margin-left: -5px; background: #fff; width: calc(100% - 6px); }
.dummyBanner img { min-height: 90px; max-width: 100%; }
.dummyBanner b { position: absolute; right: 10px; bottom: 5px; font-weight: 500; color: #589BF5; text-decoration: underline; }

/*@media screen and (max-width:767px) {
	body.castrol div.navbar-collapse { margin-top: 50px; padding: 0; }
}*/

.onlyCastrol { display: none; }
/*body.castrol .onlyCastrol { display: block; }*/



/*body.b3 nav.navbar.navbar-expand-md { background: #010245; }
body.b3 .headingLine a.btnAdd { background: #010245; }
body.b3 #slcDurum { background: #010245; }
body.b3 .btn-primary { background: #010245 !important; border-color: #010245; }
body.b3 .btn-outline-primary:hover, body.b3 div.partialUser.partial .linkWrapper a.btnPayUser { border-color: #010245; background: #010245; }
body.b3 .btn-outline-primary { border-color: #010245; }
body.b3 .littleHeading.isEmriHeading button { background: #010245; }
body.b3 div.fixedTab .container li.nav-item a.active { background: #010245; }
body.b3 nav.navbar.navbar-expand-md .navbar-brand { padding: 0; margin: -1px 0 0 0; height: 35px; width: 150px; display: block; background: url(/staticFile/agLogo.png) no-repeat 0px 2px; background-size: 100%; background-color: #fff; border-radius: 3px; border: 5px solid #fff; }
body.b3 nav.navbar.navbar-expand-md .navbar-brand img { display: none; }*/


/*body.b34003 nav.navbar.navbar-expand-md { background: #ff5903; }
body.b34003 .headingLine a.btnAdd { background: #ff5903; }
body.b34003 #slcDurum { background: #ff5903; }
body.b34003 .btn-primary { background: #ff5903 !important; border-color: #ff5903; }
body.b34003 .btn-outline-primary:hover, body.b34003 div.partialUser.partial .linkWrapper a.btnPayUser { border-color: #ff5903; background: #ff5903; }
body.b34003 .btn-outline-primary { border-color: #ff5903; }
body.b34003 .littleHeading.isEmriHeading button { background: #ff5903; }
body.b34003 div.fixedTab .container li.nav-item a.active { background: #ff5903; }
body.b34003 nav.navbar.navbar-expand-md .navbar-brand { padding: 0; margin: -1px 0 0 0; height: 35px; width: 110px; display: block; background: url(/staticFile/bibakLogo.png) no-repeat 0px 2px; background-size: contain; }
body.b34003 nav.navbar.navbar-expand-md .navbar-brand img { display: none; }
body.b34003 .navbar-dark .navbar-toggler{background: #c34300;}*/

/*MEKSEFE*/
/*body.meksefe*/ a.btnDashboard{font-style:normal;border:1px solid #d4d4d4;line-height:34px}
/*body.meksefe*/ .meksefeCard{border:1px solid #d4d4d4;border-radius:4px}
/*body.meksefe*/ .meksefeCard .cardContent{border-radius:0 0 4px 4px}
/*body.meksefe*/ .meksefeCard .cardTitle{background:#fff;color:var(--gurubluetext);font-style:normal;border-bottom:1px solid var(--guruborderbg); font-weight: 400; font-size: var(--gurularge);}
/*body.meksefe*/ .meksefeCard .cardTitle a{border-top-left-radius:4px}
/*body.meksefe*/ .meksefeCard .cardTitle a:hover{color: #fff;}
/*body.meksefe*/ .anonsWrapper,body.meksefe .bannerWrapper{border:1px solid #d4d4d4;border-radius:4px}
/*body.meksefe*/ .littleHeading.isEmriHeading>span{background:transparent;color:#262626;text-transform:uppercase;font-weight:600;font-size:20px;padding:0}
/*body.meksefe*/ .littleHeading.isEmriHeading button{background:transparent!important;color:var(--guruBlue2)!important;padding:0 10px 0 0}
/*body.meksefe*/ .littleHeading.isEmriHeading button i{font-size:30px}
/*body.meksefe*/ .littleHeading.isEmriHeading button i{line-height:1.25}
/*body.meksefe*/ div.partialUser.partial{background:var(--guruWhite2);color:#262626;border:1px solid #d4d4d4}
/*body.meksefe*/ div.partialUser.partial a{color:var(--guruBlue2)!important}
/*body.meksefe*/ div.partialUser.partial .linkWrapper a{border:0}
/*body.meksefe*/ div.partialUser.partial .linkWrapper a.btnPayUser{border:0;background:transparent}
/*body.meksefe*/ div.partialUser.partial .linkWrapper a.whatsappLink{padding-right:10px}
/*body.meksefe*/ .partial .linkWrapper a{margin-right:0}
/*body.meksefe*/ .headingLine{background:transparent}
/*body.meksefe*/ .pageHeading{font-style:normal;color:#262626}
/*body.meksefe*/ #slcDurum{border-radius:4px}
/*body.meksefe*/ .sceneWrapper .scene9{padding-top:30px;min-height:calc(100vh - 65px)}
/*body.meksefe*/ #rightPopup .rightPopupItem .rightPopupHeader{background:var(--gurubluebg);color:var(--gurubluetext);}
/*body.meksefe*/ #rightPopup .rightPopupItem .rightPopupHeader b{font-style:normal;color:#fff}
/*body.meksefe*/ #rightPopup .rightPopupItem .rightPopupHeader a{color:#fff}
/*body.meksefe*/ /*.headingLine h4{font-size:var(--gurularge);font-weight:600;  clear: none; padding-top: 6px;}*/
/*body.meksefe*/ div.partialUser.partial .linkWrapper a{text-decoration:underline}
/*body.meksefe*/ .isEmriParcalarWrapper .btnPacket{display:none}
/*body.meksefe*/ .littleHeading.isEmriHeading button.btnPacketNew{font-size:var(--gurumedium);float:right;color:var(--gurubluetext)!important;font-weight:600;text-decoration:underline}
/*body.meksefe*/ nav.navbar.navbar-expand-md .container{background:#fff}
/*body.meksefe*/ .navbar-dark .navbar-brand{color:#262626}
/*body.meksefe*/ #mainNav li.nav-item a.nav-link{color:var(--gurubluetext)}
/*body.meksefe*/ div.partialUser.partial .linkWrapper a.phoneLink i{margin-top:-1px}
/*body.meksefe*/ div.partialUser.partial .linkWrapper a{height:26px;line-height:21px}

body div.menu-wrp.big .logo {
    height: 40px;
    background-position: left center !important;
    width: 100%;
    background-size: contain !important;
}
body.motrio div.menu-wrp.big .logo {
    background: url(/staticFile/newLogo1.png) no-repeat;
}
body.meksefe div.menu-wrp.big .logo {
    background: url(/staticFile/newLogo.png) no-repeat;
}
body.meksefe.b3 div.menu-wrp.big .logo {
    background: url(/staticFile/agLogo.png) no-repeat;
}

body div.menu-wrp.small .logo {
    background-size: 100% !important;
    width: 100%;
    height: 38px;
}
body.motrio div.menu-wrp.small .logo {
    background: url(/staticFile/newLogo1.png) no-repeat;
    
}
body.meksefe div.menu-wrp.small .logo {
    background: url(/staticFile/newLogo1Small.svg) no-repeat;
}
body.meksefe.b3 div.menu-wrp.small .logo {
    background: url(/staticFile/agLogoSmall.png) no-repeat;
}