.datetimepicker { padding: 4px; margin-top: 1px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; direction: ltr; }

.datetimepicker-inline { width: 220px; }

.datetimepicker.datetimepicker-rtl { direction: rtl; }

.datetimepicker.datetimepicker-rtl table tr td span { float: right; }

.datetimepicker-dropdown, .datetimepicker-dropdown-left { top: 0; left: 0; }

[class*=" datetimepicker-dropdown"]:before {

    content: '';

    display: inline-block;

    border-left: 7px solid transparent;

    border-right: 7px solid transparent;

    border-bottom: 7px solid var(--guruGray);

    border-bottom-color: rgba(0,0,0,0.2);

    position: absolute;

}

[class*=" datetimepicker-dropdown"]:after {

    content: '';

    display: inline-block;

    border-left: 6px solid transparent;

    border-right: 6px solid transparent;

    border-bottom: 6px solid var(--guruWhite);

    position: absolute;

}

[class*=" datetimepicker-dropdown-top"]:before {

    content: '';

    display: inline-block;

    border-left: 7px solid transparent;

    border-right: 7px solid transparent;

    border-top: 7px solid var(--guruGray);

    border-top-color: rgba(0,0,0,0.2);

    border-bottom: 0;

}

[class*=" datetimepicker-dropdown-top"]:after {

    content: '';

    display: inline-block;

    border-left: 6px solid transparent;

    border-right: 6px solid transparent;

    border-top: 6px solid var(--guruWhite);

    border-bottom: 0;

}

.datetimepicker-dropdown-bottom-left:before { top: -7px; right: 6px; }

.datetimepicker-dropdown-bottom-left:after { top: -6px; right: 7px; }

.datetimepicker-dropdown-bottom-right:before { top: -7px; left: 6px; }

.datetimepicker-dropdown-bottom-right:after { top: -6px; left: 7px; }

.datetimepicker-dropdown-top-left:before { bottom: -7px; right: 6px; }

.datetimepicker-dropdown-top-left:after { bottom: -6px; right: 7px; }

.datetimepicker-dropdown-top-right:before { bottom: -7px; left: 6px; }

.datetimepicker-dropdown-top-right:after { bottom: -6px; left: 7px; }

.datetimepicker > div { display: none; }

.datetimepicker.minutes div.datetimepicker-minutes { display: block; }

.datetimepicker.hours div.datetimepicker-hours { display: block; }

.datetimepicker.days div.datetimepicker-days { display: block; }

.datetimepicker.months div.datetimepicker-months { display: block; }

.datetimepicker.years div.datetimepicker-years { display: block; }

.datetimepicker table { margin: 0; }

.datetimepicker td, .datetimepicker th { text-align: center; width: 20px; height: 20px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; border: 0; }

.table-striped .datetimepicker table tr td, .table-striped .datetimepicker table tr th { background-color: transparent; }

.datetimepicker table tr td.minute:hover { background: var(--guruGray8); cursor: pointer; }

.datetimepicker table tr td.hour:hover { background: var(--guruGray8); cursor: pointer; }

.datetimepicker table tr td.day:hover { background: var(--guruGray8); cursor: pointer; }

.datetimepicker table tr td.old, .datetimepicker table tr td.new { color: var(--guruGray17); }

.datetimepicker table tr td.disabled, .datetimepicker table tr td.disabled:hover { background: 0; color: var(--guruGray17); cursor: default; }

.datetimepicker table tr td.today, .datetimepicker table tr td.today:hover, .datetimepicker table tr td.today.disabled, .datetimepicker table tr td.today.disabled:hover { background-color: #fde19a; background-image: -moz-linear-gradient(top,#fdd49a,#fdf59a); background-image: -ms-linear-gradient(top,#fdd49a,#fdf59a); background-image: -webkit-gradient(linear,0 0,0 100%,from(#fdd49a),to(#fdf59a)); background-image: -webkit-linear-gradient(top,#fdd49a,#fdf59a); background-image: -o-linear-gradient(top,#fdd49a,#fdf59a); background-image: linear-gradient(to bottom,#fdd49a,#fdf59a); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fdd49a',endColorstr='#fdf59a',GradientType=0); border-color: #fdf59a #fdf59a #fbed50; border-color: rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25); filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); }

.datetimepicker table tr td.today:hover, .datetimepicker table tr td.today:hover:hover, .datetimepicker table tr td.today.disabled:hover, .datetimepicker table tr td.today.disabled:hover:hover, .datetimepicker table tr td.today:active, .datetimepicker table tr td.today:hover:active, .datetimepicker table tr td.today.disabled:active, .datetimepicker table tr td.today.disabled:hover:active, .datetimepicker table tr td.today.active, .datetimepicker table tr td.today:hover.active, .datetimepicker table tr td.today.disabled.active, .datetimepicker table tr td.today.disabled:hover.active, .datetimepicker table tr td.today.disabled, .datetimepicker table tr td.today:hover.disabled, .datetimepicker table tr td.today.disabled.disabled, .datetimepicker table tr td.today.disabled:hover.disabled, .datetimepicker table tr td.today[disabled], .datetimepicker table tr td.today:hover[disabled], .datetimepicker table tr td.today.disabled[disabled], .datetimepicker table tr td.today.disabled:hover[disabled] { background-color: #fdf59a; }

.datetimepicker table tr td.today:active, .datetimepicker table tr td.today:hover:active, .datetimepicker table tr td.today.disabled:active, .datetimepicker table tr td.today.disabled:hover:active, .datetimepicker table tr td.today.active, .datetimepicker table tr td.today:hover.active, .datetimepicker table tr td.today.disabled.active, .datetimepicker table tr td.today.disabled:hover.active { background-color: #fbf069; }

.datetimepicker table tr td.active, .datetimepicker table tr td.active:hover, .datetimepicker table tr td.active.disabled, .datetimepicker table tr td.active.disabled:hover {

    background-color: #006dcc;

    background-image: -moz-linear-gradient(top,#08c,#04c);

    background-image: -ms-linear-gradient(top,#08c,#04c);

    background-image: -webkit-gradient(linear,0 0,0 100%,from(#08c),to(#04c));

    background-image: -webkit-linear-gradient(top,#08c,#04c);

    background-image: -o-linear-gradient(top,#08c,#04c);

    background-image: linear-gradient(to bottom,#08c,#04c);

    background-repeat: repeat-x;

    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0088cc',endColorstr='#0044cc',GradientType=0);

    border-color: #04c #04c #002a80;

    border-color: rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);

    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);

    color: var(--guruWhite);

    text-shadow: 0 -1px 0 rgba(0,0,0,0.25);

}

.datetimepicker table tr td.active:hover, .datetimepicker table tr td.active:hover:hover, .datetimepicker table tr td.active.disabled:hover, .datetimepicker table tr td.active.disabled:hover:hover, .datetimepicker table tr td.active:active, .datetimepicker table tr td.active:hover:active, .datetimepicker table tr td.active.disabled:active, .datetimepicker table tr td.active.disabled:hover:active, .datetimepicker table tr td.active.active, .datetimepicker table tr td.active:hover.active, .datetimepicker table tr td.active.disabled.active, .datetimepicker table tr td.active.disabled:hover.active, .datetimepicker table tr td.active.disabled, .datetimepicker table tr td.active:hover.disabled, .datetimepicker table tr td.active.disabled.disabled, .datetimepicker table tr td.active.disabled:hover.disabled, .datetimepicker table tr td.active[disabled], .datetimepicker table tr td.active:hover[disabled], .datetimepicker table tr td.active.disabled[disabled], .datetimepicker table tr td.active.disabled:hover[disabled] { background-color: #04c; }

.datetimepicker table tr td.active:active, .datetimepicker table tr td.active:hover:active, .datetimepicker table tr td.active.disabled:active, .datetimepicker table tr td.active.disabled:hover:active, .datetimepicker table tr td.active.active, .datetimepicker table tr td.active:hover.active, .datetimepicker table tr td.active.disabled.active, .datetimepicker table tr td.active.disabled:hover.active { background-color: #039; }

.datetimepicker table tr td span { display: block; width: 23%; height: 54px; line-height: 54px; float: left; margin: 1%; cursor: pointer; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }

.datetimepicker .datetimepicker-hours span { height: 26px; line-height: 26px; }

.datetimepicker .datetimepicker-hours table tr td span.hour_am, .datetimepicker .datetimepicker-hours table tr td span.hour_pm { width: 14.6%; }

.datetimepicker .datetimepicker-hours fieldset legend, .datetimepicker .datetimepicker-minutes fieldset legend { margin-bottom: inherit; line-height: 30px; }

.datetimepicker .datetimepicker-minutes span { height: 26px; line-height: 26px; }

.datetimepicker table tr td span:hover { background: var(--guruGray8); }

.datetimepicker table tr td span.disabled, .datetimepicker table tr td span.disabled:hover { background: 0; color: var(--guruGray17); cursor: default; }

.datetimepicker table tr td span.active, .datetimepicker table tr td span.active:hover, .datetimepicker table tr td span.active.disabled, .datetimepicker table tr td span.active.disabled:hover {

    background-color: #006dcc;

    background-image: -moz-linear-gradient(top,#08c,#04c);

    background-image: -ms-linear-gradient(top,#08c,#04c);

    background-image: -webkit-gradient(linear,0 0,0 100%,from(#08c),to(#04c));

    background-image: -webkit-linear-gradient(top,#08c,#04c);

    background-image: -o-linear-gradient(top,#08c,#04c);

    background-image: linear-gradient(to bottom,#08c,#04c);

    background-repeat: repeat-x;

    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0088cc',endColorstr='#0044cc',GradientType=0);

    border-color: #04c #04c #002a80;

    border-color: rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);

    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);

    color: var(--guruWhite); text-shadow: 0 -1px 0 rgba(0,0,0,0.25);

}

.datetimepicker table tr td span.active:hover, .datetimepicker table tr td span.active:hover:hover, .datetimepicker table tr td span.active.disabled:hover, .datetimepicker table tr td span.active.disabled:hover:hover, .datetimepicker table tr td span.active:active, .datetimepicker table tr td span.active:hover:active, .datetimepicker table tr td span.active.disabled:active, .datetimepicker table tr td span.active.disabled:hover:active, .datetimepicker table tr td span.active.active, .datetimepicker table tr td span.active:hover.active, .datetimepicker table tr td span.active.disabled.active, .datetimepicker table tr td span.active.disabled:hover.active, .datetimepicker table tr td span.active.disabled, .datetimepicker table tr td span.active:hover.disabled, .datetimepicker table tr td span.active.disabled.disabled, .datetimepicker table tr td span.active.disabled:hover.disabled, .datetimepicker table tr td span.active[disabled], .datetimepicker table tr td span.active:hover[disabled], .datetimepicker table tr td span.active.disabled[disabled], .datetimepicker table tr td span.active.disabled:hover[disabled] { background-color: #04c; }

.datetimepicker table tr td span.active:active, .datetimepicker table tr td span.active:hover:active, .datetimepicker table tr td span.active.disabled:active, .datetimepicker table tr td span.active.disabled:hover:active, .datetimepicker table tr td span.active.active, .datetimepicker table tr td span.active:hover.active, .datetimepicker table tr td span.active.disabled.active, .datetimepicker table tr td span.active.disabled:hover.active { background-color: #039; }

.datetimepicker table tr td span.old { color: var(--guruGray17); }

.datetimepicker th.switch { width: 145px; }

.datetimepicker th span.glyphicon { pointer-events: none; }

.datetimepicker thead tr:first-child th, .datetimepicker tfoot th { cursor: pointer; }

.datetimepicker thead tr:first-child th:hover, .datetimepicker tfoot th:hover { background: var(--guruGray8); }

.input-append.date .add-on i, .input-prepend.date .add-on i, .input-group.date .input-group-addon span { cursor: pointer; width: 14px; height: 14px; }

body { color: var(--gurubluetext); font-family: 'Open Sans', sans-serif; background-color: var(--guruGray30); font-size: 14px; }

body.screenShot { padding-top: 86px !important; }

body.screenShot nav.navbar { padding-top: 30px; }

.navbar {max-width: 1920px; width: 100%; margin: 0px auto;}

/*.btn:hover { text-decoration: underline; }*/

.btn { height: 48px; line-height: 46px; padding: 0 20px; font-size: 20px; max-width: 240px; min-width: 96px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

label { 

    margin-bottom: 0;

    font-family: 'Open Sans', sans-serif;

    font-size: var(--gurusmall);

    color: var(--guruBlue2);

    font-weight: 400;

}

.pRelative { position: relative !important; }

#btnLogin { margin: 0 auto; }

a.btnPartialMusteriAra { margin-right: 10px; }

.btnTransparent.btn { min-width: auto; }

/*Zugo CSS

.form-group {

    position: relative;

    margin-bottom: 2rem;

}

label {

    position: absolute;

    background: #fff;

    top: -13px;

    left: 13px;

    padding: 0 10px;

    border-radius: .25rem;

    color: #be1e2f;

    z-index: 9;

    font-style: italic;

}

label.required:before {

	content: "";

    display: block;

    width: 0;

    height: 0;

    border-top: 5px solid transparent;

    border-bottom: 5px solid transparent;

    border-left: 5px solid #dc3545;

    position: absolute;

    left: 0;

    top: 3px;

}

.custom-checkbox .custom-control-label {

	padding: 2px 10px;

	cursor: pointer;

}

.custom-control-label {

	background: transparent;

}

.custom-control-input:checked~.custom-control-label::before {

	border-color: #4F29C2;

    background-color: #4F29C2;

}

.custom-control-input:focus:not(:checked)~.custom-control-label::before {

	border-color: #4F29C2;

}

.custom-control-input:focus~.custom-control-label::before {

	box-shadow: none;

}

.form-control.is-invalid, .was-validated .form-control:invalid,

.form-control.is-valid, .was-validated .form-control:valid {

	background-image: none;

}

.custom-control-label::before {

	background: transparent;

}

.invalid-feedback {

	text-align: right;

	display: block;

}

.form-group .form-control{margin-bottom: 0;}

.form-control {

    height: calc(2em + .75rem + 2px);

    border: 1px solid rgba(190, 30, 47, 0.4);

    background: transparent;

    -webkit-box-shadow: 0px 1px 3px rgba(190, 30, 47, 0.4);

    -moz-box-shadow: 0px 1px 3px rgba(190, 30, 47, 0.4);

    box-shadow: 0px 1px 3px rgba(190, 30, 47, 0.4);

    color: #000;

    font-size: 14px;



    margin-bottom: 10px;

}

.form-control:focus {

    box-shadow: 0 0rem .35rem #be1e2f;

    border-color: #be1e2f; 

}

.modal-title {

	text-transform: uppercase;

	font-style: italic;

}

.modal-content {

    background-color: #fff;

}

div.form-group label{width:auto!important;}

.modal-header,

.modal-footer {

	border: 0;

}

#customer-modal .modal-footer {

	background: #fff;

}

.btn.btn-primary {

	background: #be1e2f;

	border-color: #be1e2f;

}

.btn-outline-secondary {

	border: 0;

}

.btn {

	border-radius: 25px !important;

}

.custom-control-label::before {

	border-color: #be1e2f;

}

input[type="search"] {

	border-radius: 25px !important;

	min-width: 250px;

}

input[type="search"]+.input-group-append .btn {

	position: absolute;

	right: -1px;

	top: 0;

	height: 100%;

	z-index: 9;

}

select.form-control {

	color: var(--guruGray5) !important;

  	opacity: 1 !important;

  	font-size: 14px !important;

}

.form-control::placeholder {

  	color: var(--guruGray5) !important;

  	opacity: 1 !important;

  	font-size: 14px !important;

}

.form-control:-ms-input-placeholder {

  	color: var(--guruGray5);

  	font-size: 14px;

}

.form-control::-ms-input-placeholder {

  	color: var(--guruGray5);

  	font-size: 14px;

}

.card {

	border: 1px solid rgba(79, 41, 194, .3);

    background: transparent;

	-webkit-box-shadow: 0px 1px 3px rgba(79, 41, 194, .3);

    -moz-box-shadow: 0px 1px 3px rgba(79, 41, 194, .3);

    box-shadow: 0px 1px 3px rgba(79, 41, 194, .3);

}

.card .badge-pill {

	padding: .5em 1em;

	font-size: 14px;

	font-weight: 400;

}

.card-title,

.card-subtitle {

	margin-bottom: 15px;

	text-transform: uppercase;

}

.input-group-text{background: transparent;border-color:transparent;}

Zugo CSS*/

:root {

    --guruwhitebg: #F2F2F2;

    --gurudarkgraybg: #697F96;

    --gurugraybg: #BECCD9;

    --gurubluebg: #262626;

    --gururedbg: #FF0500;

    --guruborderbg: #a6a6a6;

    --gurunavbg: #262626;

    --gururedbutton: #FF051A;

    --gurubluebutton: #262626;

    --gurugraybutton: #697F96;

    --gurulightgraytext: #A6A6A6;

    --guruwidgetbutton: #1A8647;

    --gurunavytext: #00264D;

    --gurugraytext: #E3EBF3;

    --gururedtext: #FF0500;

    --gurubluetext: #262626;

    --gurublacktext: #595959;

    --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;

    --guruGray: #ccc;

    --guruGray1: #8f9699;

    --guruGray2: #888888;

    --guruGray3: #d4d4d4;

    --guruGray4: #efefef;

    --guruGray5: #565864;

    --guruGray6: #6d6e70;

    --guruGray7: #e9e9e9;

    --guruGray8: #eee;

    --guruGray9: #888;

    --guruGray10: #6d6e71;

    --guruGray11: #e8e8e8;

    --guruGray12: #808080;

    --guruGray13: #484848;

    --guruGray14: #a7a9ac;

    --guruGray15: #4e4e4e;

    --guruGray16: #B6BDC4;

    --guruGray17: #999;

    --guruGray18: #476678;

    --guruGray19: #808ea3;

    --guruGray20: #5f5f5f;

    --guruGray21: #7f8fa6;

    --guruGray22: #a5a5a5;

    --guruGray23: #798f9b;

    --guruGray24: #ced4da;

    --guruGray25: #717171;

    --guruGray26: #464646;

    --guruGray27: #808ea4;

    --guruGray28: #7e8fa6;

    --guruGray29: #BECCD9;

    --guruGray30: #F2F2F2;

    --guruBlue: #152e56;

    --guruBlue2: #262626;

    --guruBlue3: #0E6FB6;

    --guruBlue4: #4285f4;

    --guruBlue5: #2f3640;

    --guruBlue6: #428bca;

    --guruBlue7: #262626;

    --guruBlue8: #00f;

    --guruBlue9: #007;

    --guruBlue10: #010245;

    --guruBlue11: #146EB4;

    --guruBlue12: #061848;

    --guruBlue13: #A7CBE4;

    --guruRed: #a5000f;

    --guruRed2: #be1e2f;

    --guruRed3: #940010;

    --guruRed4: #db4437;

    --guruRed5: #ff0000;

    --guruRed6: #FF4646;

    --guruRed7: #be1e2d;

    --guruRed8: #700;

    --guruRed9: #f00;

    --guruRed10: #d20000;

    --guruRed11: #e7302a;

    --guruRed12: #b1384f;

    --guruBlack: #000;

    --guruBlack2: #2d2d2d;

    --guruBlack3: #232F34;

    --guruBlack4: #333;

    --guruBlack5: #0F141A;

    --guruWhite: #fff;

    --guruWhite1: #f5f5f5;

    --guruWhite2: #e0e0e0;

    --guruWhite3: #F2F2F2;

    --guruWhite4: #F2F2F2;

    --guruGreen: #008000;

    --guruGreen1: #1A8647;

    --guruGreen2: green;

    --guruGreen3: #070;

    --guruGreen4: #0b0;

    --guruGreen5: #285e63;

    --guruGreen6: #26a69a;

    --guruGreen7: #0f9d58;

    --guruGreen8: #499c42;

    --guruGreen9: #41824a;

    --guruYellow: #f4b400;

    --guruxsmall: 12px;

    --gurusmall: 14px;

    --gurumedium: 16px;

    --gurularge: 18px;

    --guruxlarge: 22px;

}

.material-icons {

	font-family: 'Material Icons';

	font-weight: normal;

	font-style: normal;

	font-size: 24px; /* Preferred icon size */

	display: inline-block;

	line-height: 1;

	text-transform: none;

	letter-spacing: normal;

	word-wrap: normal;

	white-space: nowrap;

	direction: ltr;

	/* Support for all WebKit browsers. */

	-webkit-font-smoothing: antialiased;

	/* Support for Safari and Chrome. */

	text-rendering: optimizeLegibility;

	/* Support for Firefox. */

	-moz-osx-font-smoothing: grayscale;

	/* Support for IE. */

	font-feature-settings: 'liga';

	max-width: 24px;

}





.btn-outline-primary:not(:disabled):not(.disabled).active, .btn-outline-primary:not(:disabled):not(.disabled):active, .show > .btn-outline-primary.dropdown-toggle {

    color: var(--guruBlue2);

    background-color: #fff;

    border-color: var(--guruBlue2);

}



.btn-primary:hover {

    background-color: var(--guruBlue2) !important;

    background: var(--guruBlue2) !important;

}



.btn-primary {

    color: var(--guruWhite);

    background-color: var(--guruBlue2);

    border-color: var(--guruBlue2);

}

.btn-secondary {

    background-color: var(--guruWhite) !important;

    border-color: var(--guruBlue2) !important;

    color: var(--guruBlue2) !important;

}

.btn-info {

    background-color: var(--guruRed2);

    border-color: var(--guruRed2);

}

    .btn-info:hover {

        background-color: var(--guruRed3);

        border-color: var(--guruRed7);

    }

.btn-outline-primary {

    color: var(--guruBlue2);

    border-color: var(--guruBlue2);

}

    .btn-outline-primary:hover {

        background-color: var(--guruWhite);

        color: var(--guruBlue2);

        border-color: var(--guruBlue2);

    }

nav.navbar.navbar-expand-md .container {

    background: var(--guruBlue2);

    padding: 5px;

    max-width: 100%;

}

nav.navbar.navbar-expand-md .navbar-brand { padding: 0; margin: 0; font-weight: 600; font-family: 'Open Sans'; font-size: 16px; text-transform: uppercase;}

.tab-pane { padding-top: 10px; }

div.paddingContainer {

    padding: 0;

    /*background: var(--guruWhite);*/

    min-height: calc(100vh - 30px);

    overflow: hidden;

    margin-top: 15px;

}

div.paddingContainer.yeniParcaEkleWrapper { min-height: calc(100vh - 590px); }

div.yeniParcaEkleWrapper .yeniParcaList { min-height: 490px; }

div.subNav {

    margin: 61px 0 0px 0;

    padding: 0 0 0 10px;

    background: var(--guruRed);

    height: 35px;

    line-height: 35px;

    color: var(--guruWhite);

    font-weight: 500;

    font-size: 17px;

}

.bg-white {

    background: var(--guruWhite) !important;

}

div.listContainer .list-group-item {

    border-color: var(--guruBlue2);

}

.listContainer .list-group .list-group-item { position: relative; padding: 9px 10px 10px 10px; overflow: hidden; border-left: 0; border-right: 0; height: auto; /*height: 88px;*/ }

.listContainer .list-group .list-group-item.haveStatus { height: 98px; }

.listContainer .list-group .list-group-item img.logo { width: 40px; float: left; margin: 5px 16px 5px 6px; }

.listContainer .list-group .list-group-item div.listGroupContent { display: block; float: left; width: calc(100% - 160px); }

    .listContainer .list-group .list-group-item .listGroupContent b {

        color: var(--guruBlue2);

        font-size: 14px;

        display: block;

        font-weight:600;

        text-transform: uppercase;

        max-width: calc(100vw - 170px);

        height: 25px;

        line-height: 27px;

    }

    .listContainer .list-group .list-group-item .listGroupContent span {

        display: block;

        color: var(--guruGreen2);

        text-transform: uppercase;

        white-space: nowrap;

        overflow: hidden;

        text-overflow: ellipsis;

        font-size: 14px;

        font-weight: 400;

    }

.listContainer .list-group-item .listGroupDate {

    position: absolute;

    top: 0px;

    right: 25px;

    color: var(--guruGray);

    font-size: 14px;

    text-align: right;

    line-height: 20px;

    padding: 10px 10px 0 0;

    font-weight: 400;

}

.listContainer .list-group-item .removeItem {

    position: absolute;

    top: 20px;

    right: 10px;

    color: var(--guruBlue2);

    font-size: 17px;

}

.listContainer .bulkListContent .list-group-item .listGroupDate { top: 2px; }

.m-10 { margin: 10px; }

.listContainer ul.nav { border: 0; }

.listContainer ul.nav a.active { border-bottom: 0; border-color: var(--guruGray4); }

.listContainer .list-group .list-group-item:first-child { border-top: 0; }

.btnTransparent {

    background: transparent;

    border: 0;

    color: var(--guruBlue2);

}

.btnRemove { padding: 10px; color: var(--guruGray6); position: absolute; right: 5px; bottom: 7px; cursor: pointer; font-size: 20px; }

button { outline: none; }

.btn-primary.focus, .btn-primary:focus {

    box-shadow: none;

    background-color: var(--guruBlue2);

    border-color: var(--guruBlue2);

}

.btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show > .btn-primary.dropdown-toggle {

    background-color: var(--guruBlue2);

    border-color: var(--guruBlue2);

}



.autocomplete-items {

    position: absolute;

    border: 0;

    z-index: 99;

    top: 100%;

    left: 0;

    right: 0;

    width: 100%;

}

    .autocomplete-items div {

        padding: 10px;

        cursor: pointer;

        background-color: var(--guruWhite);

        border-bottom: 1px solid var(--guruGray3);

    }

.autocomplete-items div:hover { /*when hovering an item:*/ background-color: var(--guruGray7); }

.autocomplete-active { /*when navigating through the items using the arrow keys:*/

    background-color: DodgerBlue !important;

    color: var(--guruWhite);

}

a {

    color: var(--guruBlack);

}

/*.yeniOnarim .sceneWrapper{

    padding-right: 15px!important;

    padding-left: 15px!important;}*/

div.paddingContainer.sceneWrapper:not(.YeniRandevu, .YeniOnarim, .YeniTeklif) {

    background: var(--guruwhitebg)

}

.sceneWrapper .scene { display: none; padding-top: 10px; }

.sceneWrapper .scene h4 { font-size: 16px; font-weight: 700; height: 28px; display: block; line-height: 28px; margin: 0 0 0 15px; }

    .sceneWrapper .scene.active {

        display: block;

    }

.sceneWrapper .scene.scene0 { padding-top: 10px; }

.sceneWrapper .scene9 { padding-top: 10px; }

i.btnBackScene { float: left; height: 28px; display: block; line-height: 28px; font-size: 22px; padding: 0 10px; margin: 1px 0 0 5px; cursor: pointer; }

i.btnBackSceneTitle { float: left; height: 28px; line-height: 28px; font-size: 22px; cursor: pointer; }

div.scene div.list-group { margin-top: 5px; font-weight: 600; }

div.scene div.list-group .logo { width: 30px; margin-right: 15px; }

div.card { border: 0; }

.sceneWrapper .list-group > a, .sceneWrapper .list-group > div { border-left: 0; border-right: 0; border-radius: 0; border-bottom: 0; }

.sceneWrapper .list-group > div:first-child { border-top: 0; }

.formWrapper { border: 0 !important; }

.partial { /*background: #fff;

    border-radius: 3px;

    width: 100%;

    display: block;

    overflow: hidden;

    border: 1px solid #d2d2d2;

    padding: 10px 10px 10px 0;

    position: relative;

    margin: 0 0 10px 0;*/

    background: var(--guruWhite);

    border-radius: 4px;

    width: 100%;

    display: block;

    overflow: hidden;

    border: 10px solid var(--guruGray8);

    padding: 10px 10px 10px 0;

    position: relative;

    margin: 0;

}

.partialUser i.icon { font-size: 50px; float: left; width: 50px; height: 70px; text-align: center; display: block; line-height: 70px; }

.partial .content { float: left; width: calc(100% - 60px); }

.partial .content h5 { margin: 0; font-weight: 600; font-size: 16px; }

.partial .content p { font-size: 14px; margin: 0; }

.partial .linkWrapper a { font-size: 14px; display: block; float: left; text-decoration: underline; margin-right: 20px; }



.partial.partialCar img.marka { float: left; width: 40px; margin: 0 10px 0 0; }



.partial.partialCar .content { width: calc(100% - 70px); }

.partial.partialCar .content > p { text-transform: capitalize; }

.partial.partialCar .otherDetail { display: block; margin: 0; padding: 0; overflow: hidden; font-size: 14px; }

.partial.partialCar .otherDetail span {margin-right: 5px;}

.partial.partialCar .otherDetail span:first-child {margin-right: 15px;}

a.btnEdit { padding: 10px; position: absolute; right: 0; top: 0; background: transparent; color: var(--guruGray9) !important; }

.bakimList .list-group-item p.mb-1, .parcalarList .list-group-item p.mb-1 { text-align: right; }

.parcalarList .list-group-item p.mb-1 { font-weight: 500; margin-bottom: 0 !important; }

.parcalarList .list-group-item p.mb-1 b { padding-left: 2px; }

.parcalarList .list-group-item p.mb-1 .parcaNo { float: left; }

.bakimList .btnRemove, .parcalarList .btnRemove {

    padding: 10px;

    color: var(--guruGray2);

    position: absolute;

    right: 5px;

    top: 5px;

    font-size: 16px;

    height: 40px;

}



.nav-pills .nav-link.active, .nav-pills .show > .nav-link {

    background: var(--guruGray12);

}

.littleHeading { line-height: 40px; height: 70px; padding-top: 20px; padding-bottom: 10px; }

.littleHeading button { background: transparent !important; color: var(--guruGray5); margin: -2px 5px 0 0; font-size: 25px; padding: 0 10px; }

    .littleHeading button:hover {

        color: var(--guruBlack);

    }

/*.autocomplete-items div > span{

    float: right;

    background: var(--guruGray8);

    height: 30px;

    border-radius: 3px;

    line-height: 30px;

    padding: 0 10px;

    margin-top:-3px;

}*/

.hidden { display: none!important; }

.musteriCariList .listGroupContent { width: 100%; position: relative; }

.musteriCariList .listGroupContent .absoluteTag .vadeli.senet { background: var(--guruGray10); }

    .musteriCariList .listGroupContent .absoluteTag .vadeli {

        float: right;

        background: var(--guruGray14);

        color: var(--guruWhite) !important;

        height: 20px;

        line-height: 21px;

        font-size: 13px;

        padding: 0 5px;

        margin-bottom: 2px;

        border-radius: 2px;

    }

.musteriCariList .listGroupContent p { margin: 0; }

.musteriCariList .listGroupContent .price { color: var(--guruGreen) !important; font-weight: 600; }

.musteriCariList .listGroupContent .price i { font-weight: 300; font-style: normal; padding-right: 2px; }

.absoluteTag { position: absolute; right: 0; top: 0; }

.absoluteTag .tarih { font-size: 13px; color: var(--guruGray15); }



.musteriCariList .listGroupContent > b { padding-bottom: 2px; }

.musteriCariList .listGroupContent > .price { padding-bottom: 2px; }



/* Chrome, Safari and Opera syntax */

:-webkit-full-screen .appMode { display: none; }



/* Firefox syntax */

:-moz-full-screen .appMode { display: none; }



/* IE/Edge syntax */

:-ms-fullscreen .appMode { display: none; }



/* Standard syntax */

:fullscreen .appMode { display: none; }



.customerPartial {

    background: var(--guruWhite);

    padding: 10px 0;

    margin: 0;

    border: 10px solid var(--guruGray8); /*border-top:0;*/

}



.result .list-group-item {

    background: var(--guruWhite);

    color: var(--guruGray6);

}

.result .list-group-item b { display: block; }





*::-webkit-input-placeholder {

    color: var(--gurulightgraytext) !important;

}



*:-moz-placeholder { /* Firefox 18- */

    color: var(--gurulightgraytext) !important;

}



*::-moz-placeholder { /* Firefox 19+ */

    color: var(--gurulightgraytext) !important;

}



*:-ms-input-placeholder {

    color: var(--gurulightgraytext) !important;

}



.placeholderWrapper *::-webkit-input-placeholder, .searchInputRow *::-webkit-input-placeholder {

    color: var(--gurulightgraytext) !important;

    text-transform: capitalize;

}



.placeholderWrapper *:-moz-placeholder, .searchInputRow *:-moz-placeholder { /* Firefox 18- */

    color: var(--gurulightgraytext) !important;

    text-transform: capitalize;

}



.placeholderWrapper *::-moz-placeholder, .searchInputRow *::-moz-placeholder { /* Firefox 19+ */

    color: var(--gurulightgraytext) !important;

    text-transform: capitalize;

}



.placeholderWrapper *:-ms-input-placeholder, .searchInputRow *:-ms-input-placeholder {

    color: var(--gurulightgraytext) !important;

    text-transform: capitalize;

}







#loading { background-color: var(--guruGray11); width: 100%; height: auto; bottom: 0; top: 0; left: 0; position: fixed; z-index: 99999; background: rgba(51,51,51,0.7); }

.FullscreenDiv { background-color: var(--guruGray11); width: 100%; height: auto; bottom: 0; top: 0; left: 0; position: fixed; background: rgba(51,51,51,0.7); }

.CenterText { position: absolute; top: 50%; left: 50%; margin-top: -75px; margin-left: -75px; color: var(--guruGray17); font-size: 20px; }



.toast { position: fixed; right: 10px; top: 10px; }

#toast-container>div {opacity: .95; box-shadow: none;}

#toast-container>div:hover {box-shadow: none; opacity: 1;}

.musteriCariItem i.fa-phone {

    width: 40px;

    height: 40px;

    display: block;

    float: left;

    background: var(--guruGreen2);

    border-radius: 50%;

    text-align: center;

    line-height: 40px;

    color: var(--guruWhite);

    margin-right: 10px;

}



.musteriCariItem .listGroupContent { width: calc(100% - 50px); }

.musteriCariItem .listGroupContent b { font-size: 15px; font-weight: 500; }

.musteriCariItem .listGroupContent span { color: var(--guruGreen2); font-weight: 400; text-align: right; }

.musteriCariDetay .price {

    margin: 0;

    font-size: 16px;

    color: var(--guruBlack);

    text-align: right;

    font-weight: 400;

}

.musteriCariDetay .btnCariAction { width: calc(50% - 5px); margin: 10px 0; }

.text-red, .red-text { color: var(--guruRed9) !important; }

.text-green, .green-text { color: var(--guruGreen) !important; }

.actionItem .price { font-weight: 400; display: block; text-align: right; font-size: 16px; /*font-weight: 700;display: block;text-align: right;font-size: 12px;*/ }

a.actionItem { position: relative; }

.actionItem .btnPrint { position: absolute; right: 10px; top: 9px; }

.senetModalList { position: relative; overflow: hidden; }

.rowTahsilat { display: none; }

.rowTahsilat.active { display: block; padding: 10px 0; }

.btnTumSenetleriYazdir { margin: 20px auto 0 auto; display: table; }

small.tumSenetlerNote { display: block; text-align: center; }

.input-group > label { display: block; width: 100%; }

.cekList tr th b { height: 36px; line-height: 38px; }

.cekList thead th { border-top: 0; }

div.paymentType > div { display: none; }

div.paymentType > div.active { display: block; }

div.paymentType h5.littleHeading { background: transparent; padding: 0; height: 30px; line-height: 30px; margin: 10px 0 0 0; }

div.paymentType table.cekList { width: calc(100% + 30px); margin-left: -15px; }

.btnRemoveVadeli { display: block; height: 36px; line-height: 36px; padding: 0 5px; font-size: 17px; }

.senetTableWrapper small.subHeading { margin-top: -5px; display: block; }



.bekleyenCekSenet a { display: block; width: 100%; overflow: hidden; }

    .bekleyenCekSenet a > p {

        display: block;

        font-weight: 400;

        color: var(--guruBlack);

        font-size: 80%; /*display: block;

    color: #0070ff;*/

    }

.bekleyenCekSenet a > b { float: left; }

.bekleyenCekSenet a > span { float: right; }

.bekleyenCekSenet input { width: 50px; border: 0; background: transparent; color: var(--guruRed5); padding-left: 0px; border-bottom: 1px solid var(--guruRed5); text-align: center !important; }

.bekleyenCekSenet .grey-text input { color: var(--guruGray12); border-bottom: 1px solid var(--guruGray12); }

.bekleyenCekSenet p > i { font-weight: 600; font-style: normal; }



.musteriCariList .bekleyenCekSenet .listGroupContent .price { font-size: 16px; color: var(--guruGreen2) !important; font-weight: 600; position: absolute; right: 0px; top: 22px; }

.musteriCariList .bekleyenCekSenet .listGroupContent .date {

    color: var(--guruBlack) !important;

    font-size: 14px !important;

}

.musteriCariList .bekleyenCekSenet .listGroupContent p.red-text { margin: 0; font-size: 14px; max-width: calc(100% - 80px); }

.btnNewAdd { height: 41px; line-height: 28px; }

/*.kasaItem span.price{padding: 5px 0 0 0;text-align: right;}*/

.kasaItem span.price { padding: 0; text-align: right; position: absolute; right: 10px; bottom: 10px; }

.kasaItem .listGroupDate { color: var(--guruGray13); }

.redText { color: var(--guruRed5) !important; }

div a.btnEdit { position: absolute; right: 50px; top: 9px; padding: 0; }

.MusteriCariHareketListesi div.list-group-item a:hover { text-decoration: none; }

.MusteriCariHareketListesi div.list-group-item.actionItem p.mb-0 { min-height: 24px; }

.MusteriCariListesi div.listGroupContent span { max-width: calc(100vw - 160px); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

.MusteriCariListesi div.list-group-item > a { min-height: 40px; }

.headingLine {

    display: flex;

    align-items: center;

    height: 50px;

}



/*.headingLine h4 { margin: 0; padding: 10px 0 10px 10px; color: #fff; }*/

    .headingLine h4 {

        overflow: hidden;

        text-transform: uppercase;

        clear: both;

        font-size: var(--gurularge);

        color: var(--guruBlue2);

        border-left: 10px solid var(--guruBlue2);

        padding-left: 20px !important;

        display: block;

        height: 24px;

        font-family: 'Open Sans';

        line-height: 23px;

        font-weight: 400;

        margin: 0;

        float: left;

    }

    .headingLine .withBackButton {

        overflow: hidden;

        text-transform: uppercase;

        font-size: var(--gurularge);

        border-left: none;

        color: var(--guruBlue2);

        padding-left: 10px !important;

        display: block;

        height: 24px;

        font-family: 'Open Sans';

        line-height: 23px;

        font-weight: 400;

        margin: 0;

        float: left;

        clear: none;

    }



#isEmriWrapper .headingLine {

    margin-bottom: 0;

}

.pageHeading {

    overflow: hidden;

    text-transform: uppercase;

    clear: both;

    font-size: var(--gurularge);

    color: var(--guruBlue2);

    border-left: 10px solid var(--gurunavytext);

    padding-left: 20px !important;

    display: block;

    height: 24px;

    font-family: 'Open Sans';

    line-height: 23px;

    font-weight: 400;

    margin: 1px 0 0 0;

    float: left;

}

.headingLine a.btnAdd {

    color: var(--guruBlue2);

    width: 35px;

    height: 35px;

    font-size: 35px;

    margin-left: 15px;

    text-decoration: none;

}

.headingLine a.btnBack {

    background: var(--gurubluebg);

    color: var(--guruWhite);

    border-radius: 50%;

    width: 30px;

    height: 30px;

    font-size: 30px;

}



.headingLine a.btnAdd i {

    font-size: 35px;

    display: block;

}

.headingLine a.btnBack i {

    font-size: 22px;

    display: block;

    margin: 0px auto;

    line-height: 30px;

}

.fl {

    float:left;

}

.fr {

    float:right;

}

.mb-48 {

    margin-bottom: 48px !important;

}



.mt-5{

    margin-top: 5px !important;

}

.mr-22 {

    margin-right: 22px !important;

}



.pr-10 {

    padding-right: 10px !important;

}

.pr-15 {

    padding-right: 15px !important;

}

@media (max-width: 991px) {

    .mr-22 {

        margin-right: 10px !important;

    }

}

.pl-10 {

    padding-left: 10px !important;

}

.lh-24 {

    line-height: 24px !important;

}

a.btnExit { font-size: 21px; color: var(--guruGray5); }

    a.btnExit:hover {

        color: var(--guruWhite);

    }

#mainNav li.nav-item a.nav-link {

    padding: 0 30px 0 0;

    color: var(--guruWhite);

    font-family: 'Open Sans';

    font-size: 16px;

    font-weight: 600;

}

.headingLine.detailHeading { background: var(--guruGray8); }

.headingLine.detailHeading .pageHeading { padding: 15px 0 5px 15px; }

div.yedekParcaList a.list-group-item .listGroupDate i {

    font-size: 14px;

    color: red;

    font-weight: 400;

}

div.yedekParcaList a.list-group-item .listGroupDate b { /*color: var(--guruGreen2);

    font-size: 16px;

    font-weight: 400;*/ font-style: normal; font-weight: 700; color: var(--guruGreen2); font-size: 14px; line-height: 28px; width: 80px; }

.kayitBulunamadi { text-align: center; display: block; font-size: 20px; font-weight: 400; padding: 10px 0; }

.priceLabel { font-size: 16px; font-weight: 400; color: var(--guruGreen2); white-space: nowrap; }



.more .row input { padding: 0 5px !important; }



@media screen and (min-width:767px) {

	#dashboardWrapper { padding: 0 !important; }

}



@media screen and (max-width: 767px) {

    .pageHeading {

        border-left:none;

    }

    .pl-10 {

        padding-left: 0px !important;

    }

    body div#mainNav li.nav-item a.nav-link {

        padding: 10px 0;

    }

	#dashboardWrapper a.dashItem:nth-child(even) { margin-left: -10px; }

	#dashboardWrapper a.dashItem:nth-child(odd) { margin-right: 0; }



	#workerPart h5 { max-width: 75%; }

	div.navbar-collapse { padding-top: 10px; }

	body .parcalarList .list-group-item p.mb-1 b.priceLabel, body #workerList b.priceLabel { position: initial; right: initial; top: initial; float: right; clear: right; }

	button#popupfinalModalOnarimiKapat { clear: both; }

	.otomatikTamamla .input-group-prepend { display: none; }

	#dashboardWrapper a.dashItem { margin: 20px 20px 10px 0; max-width: 48vw; }

	#randevuOnarimModal .modal-footer { display: block; }

	#randevuOnarimModal .modal-footer button { width: 100%; clear: both; overflow: hidden; max-width: 100%; margin: 0 0 10px 0; }

	.searchInputWrapper a.btnBarcodeScan { display: block !important; }

	.partDetail { padding-top: 25px; }

	body #rightPopup .rightPopupItem { padding: 0; width: 100%; margin: 0; height: 100%; }

	.headingLine { border-radius: 0; }



	.onarimSelectWrapper { padding: 10px 10px 0 10px !important; }

	.onarimSelectWrapper > div { padding-bottom: 1rem !important; }



	.scene.scene0 { max-width: 100%; }

}



@media screen and (max-width: 768px) {

	div a.btnExit { font-size: 21px; color: var(--guruGray5); padding: 5px 10px 5px 0; display: block; float: left; }

}



@media screen and (max-width: 991px) {

	body #mainNav li.nav-item a.nav-link { padding: 0 20px 0 0; }

}



@media screen and (max-width: 500px) {

	#workerPart h5 { max-width: 75%; }

}



.partialUser, .partialCar, #workerList > a, #workerPart > a { cursor: pointer; }

.MusteriCariHareketListesi div.list-group-item.actionItem .d-flex.justify-content-between small { }

.MusteriListesi div.list-group .list-group-item .listGroupContent { max-width: calc(100vw - 76px); }

div.fixedTab { /*position: fixed; left: 0; bottom: 0; width: 100%;*/ margin-bottom: 10px; z-index: 10; }

div.fixedTab .container { padding: 0; }

    div.fixedTab .container li.nav-item a.active {

        background: var(--guruWhite);

        border: 0;

    }

div.fixedTab .container .nav-item a { border: 0; border-radius: 0; background: var(--guruwhitebg); color: var(--gurubluetext);}

div.fixedTab .container .nav-item a:focus, div.fixedTab .container .nav-item a:hover { border: 0 !important; }

div.fixedTab .nav { border: 0 !important; overflow: hidden; }

.partialUser.partial { border-top: 0; }

.partialUser.partial .gender { width: 35px; float: left; margin: 9px 10px 0 10px; color: var(--guruBlue5); font-size: 24px; text-align: center; height: 25px; }

.isEmriList .list-group-item { padding: 5px 10px; min-height: 50px !important; }

div.PartialMusteriList a.list-group-item { border: 1px solid rgba(0,0,0,.125); }

.btnFaturaAdd {

    position: absolute;

    right: 12px;

    bottom: -45px;

    font-size: 20px;

    color: var(--guruWhite);

    background: var(--guruRed2);

    border-radius: 3px;

    border: 1px solid var(--guruGray8);

    width: 39px;

    height: 39px;

    text-align: center;

    line-height: 39px;

}

.yeniParcaList table tr { position: relative; }

.yeniParcaList table.table tr > td:last-child, .yeniParcaList table.table tr > th:last-child { border-right: 0; }

.yeniParcaList table.table tr td.remove {

    text-align: center;

    font-size: 20px;

    padding-top: 10px !important;

    color: var(--guruRed2);

    cursor: pointer;

}

.btnTableRemove {

    height: 50px;

    position: absolute;

    right: 0;

    bottom: 0;

    font-size: 20px;

    color: var(--guruRed2);

    width: 30px;

    line-height: 50px;

    cursor: pointer;

    text-align: center;

}

.yeniParcaList { position: relative; }

.btnFoot { float: right; margin: 10px; }

.partialMusteriSelect .customerPartial { border: 0; }

.partialMusteriSelect .partialUser.partial { border: 0; }

#partialMusteriAramaYeniOnarimPopup .partialUser { border: 0; }

a.list-group-item[data-target="#sigortaBilgileri"] { cursor: pointer; }

.yeniParcaEkleWrapper .customerPartial { padding-top: 0; }

.yeniParcaEkleWrapper .yeniParcaList { padding-bottom: 20px; }



.modal-content{

    background: var(--guruwhitebg);

    border: none;

}

    .modal-content .modal-header {

        background: var(--guruBlue2);

        color: var(--guruWhite);

    }

.modal-content .modal-header h5{

    font-size: var(--gurularge);

}

.modal-header .close {

    color: var(--guruWhite);

    opacity: 1;

    font-size: var(--guruxlarge);

    font-weight: 400;

}

.table-editable { position: relative; }

.table-editable .glyphicon { font-size: 20px; }



.table-remove { color: var(--guruRed8); cursor: pointer; }

.table-remove:hover { color: var(--guruRed9); }



.table-up, .table-down { color: var(--guruBlue9); cursor: pointer; }

.table-up:hover, .table-down:hover { color: var(--guruBlue8); }



.table-add { color: var(--guruGreen3); cursor: pointer; position: absolute; top: 8px; right: 0; }

.table-add:hover { color: var(--guruGreen4); }

.hide { display: none; }

.yeniParcaList table.table tr td, .yeniParcaList table.table tr th { border: 1px solid var(--guruGray8); }

div#errorModal { z-index: 9999; }

div.faturaOzet { display: block; margin-bottom: 10px; }

div.faturaOzet span { display: block; }

#modalParcaDetail { background: var(--guruGray8); padding-top: 10px; display: none; }

#modalParcaDetail .list-group-item { display: none; }

.MusteriListesi .list-group-item > a:last-child { width: calc(100% - 50px); display: block; height: auto; overflow: hidden; }

.searchPageBtnWrapper button { margin-right: 10px; float: left; }

.searchPageBtnWrapper a { float: left; }

.listContainer .list-group .list-group-item .listGroupContent span.date {

    color: var(--guruRed2);

    font-size: 13px;

    width: auto;

    display: inline-block;

    font-weight: 500;

}

.listContainer .list-group .list-group-item .listGroupContent span.date i { font-style: normal; font-weight: 700; }

.fw500 { font-weight: 500; }

#aktivite small { 

    color: var(--gurubluetext);

    font-size: var(--guruxsmall);

    width: auto;

    display: inline-block;

    font-weight: 600;

}

div.PartialMusteriList a.list-group-item b:first-child {

    font-weight: 600;

    color: var(--guruBlack);

    height: 17px;

    line-height: 18px;

}

.autocomplete-items div > i { display: block; font-style: normal; height: 24px; }

div.autoRightColumn { float: right; padding: 0; background: transparent; border: 0; }

.autocomplete-items div > span { display: block; text-align: right; }

.autocomplete-items div > span.otoCompleteFiyat { color: var(--guruGreen2); font-size: 16px; font-weight: 400; }

.autocomplete-items div > span.otoCompleteAd { font-weight: 400; }

span.dateLine { padding: 10px 0 5px 15px; text-transform: uppercase; color: var(--guruGray18); font-size: 16px; font-weight: 600; display: block; }

.listGroupDate b { font-weight: 400; }

.listGroupDate b i { font-style: normal; font-weight: 600; }

.borderedTable { border: 1px solid var(--guruGray8); }

.listContainer .list-group-item .listGroupStatus { position: absolute; left: 69px; top: 58px; background: transparent; color: var(--guruGreen5); height: 19px; font-size: 14px; line-height: 18px; padding: 0 3px; border-radius: 2px; font-weight: 500; }

.littleHeadingStyle { margin: 0 15px; padding-top: 0; height: 40px; }



.partial.clockPartial {

    border: 1px solid var(--guruGray3);

    max-width: calc(100% - 20px);

    cursor: pointer;

    margin: 0 10px 10px 10px;

}

.partial.clockPartial i.material-icons { display: block; float: left; font-size: 24px; line-height: 35px; width: 35px; height: 35px; margin: 1px 10px 0 10px; text-align: center; }

.partial.clockPartial span { line-height: 18px; display: block; float: left; }

.partial.clockPartial span b { display: block; }



.yedekParcaList .list-group-item .listGroupDate i { display: block; font-style: normal; font-weight: 300; }

.modal table.table tbody tr:first-child td { border-top: 0; }

div.clockPartial input.datetime { position: absolute; left: 0; top: 0; width: 100%; height: 100%; border: 0; opacity: 0; cursor: pointer; }

.dropdown-toggle::after { margin-bottom: -2px; }

a.dashItem.dropdown-toggle::after { display: none; }

a.btnChangeUser, a.btnChangeCar, a.btnHistoryCar, a.btnPriceCar { position: absolute; right: 10px; top: 10px; color: var(--guruBlue2) !important; }

a.btnHistoryCar { right: 40px; }

a.btnPriceCar { right: 75px; }

/*.searchInputWrapper button#btnSearchKatalog, .searchInputWrapper span.input-group-text, #btnSearchParca { height: 38px; line-height: 36px; }*/

#txtStokParca, #txtStokParcaAra { text-transform: uppercase; }

div.fiyatWrapper input { font-weight: 600; }

div.indirimliFiyatWrapper input { /*background: #96fb96;*/ font-weight: 600; }



.otomatikTamamla .text-secondary { font-size: 13px; }

.faturaTableWrapper thead th { border-top: 0; }

.faturaTableWrapper thead th:last-child { text-align: right; }

.faturaTableWrapper tbody div.input-group .input-group-text { padding: 0; width: 20px; text-align: center; display: block; height: 30px; line-height: 27px; }

.faturaTableWrapper tbody div.input-group input { max-width: 62px; height: 30px; padding-right: 4px; padding-left: 3px; }

.faturaTableFinal tbody .input-group { max-width: 120px; float: right; }

.faturaTableFinal tbody .input-group .input-group-text { padding: 0; width: 20px; text-align: center; display: block; height: 30px; line-height: 27px; }

.faturaTableFinal tbody .input-group input { max-width: 101px; height: 30px; text-align: right; }

.faturaGirisList a.list-group-item { cursor: pointer; }

div.modal#ekleCikar #partialMusteriAramaYeniOnarim .customerPartial, div.modal#ekleCikar #partialMusteriAramaYeniOnarim .customerPartial > div.col-12, div.modal#ekleCikar #partialMusteriAramaYeniOnarim .customerPartial > div.btnResult { padding: 0; }

div.modal#ekleCikar #partialMusteriAramaYeniOnarim .customerPartial .btnPartialMusteriAra { margin-right: 0; }

.navbar-dark .navbar-toggler { background: var(--guruBlue12); border: 0; padding: 5px 10px; }



i.circlePhone {

    width: 40px;

    height: 40px;

    display: block;

    float: left;

    background: var(--guruGreen2);

    border-radius: 50%;

    text-align: center;

    line-height: 40px;

    color: var(--guruWhite);

    margin-right: 10px;

    max-width: 40px;

}

.radioCheckLine { border-bottom: 1px solid var(--guruGray8); padding-bottom: 10px; margin-bottom: 10px; }

.radioCheckLine .labelTitle { display: block; font-weight: 500; }



body #mainNav li.nav-item a.nav-link:hover, a.btnExit:hover { color: var(--guruWhite2); }

/*.btnAyarlarDropdown a.dropdown-toggle { font-size: 21px; color: var(--guruGray5); margin-top: -2px; padding-right: 10px !important; }

.btnAyarlarDropdown .dropdown-toggle::after { display: none; }

.btnAyarlarDropdown a.dropdown-toggle { width: 25px; text-align: center; height: 25px; line-height: 27px; font-size: 14px; padding: 0 !important; display: block; overflow: hidden; margin-top: 0px; }

.btnAyarlarDropdown .dropdown-menu { left: initial; right: 0; }*/

a.dashItem {

    display: block;

    background: var(--guruWhite);

    float: left;

    padding: 15px 0 0 15px;

    border-radius: 4px;

    box-shadow: 0 3px 6px #e6e6e6;

    margin: 20px 40px 10px 0;

    max-width: 44vw;

    width: 188px;

    font-size: 20px;

    font-weight: 500;

    color: var(--guruBlue2);

    height: 80px;

}

    a.dashItem i {

        display: block;

        color: var(--guruBlue2);

        font-size: 20px;

        float: left;

        width: 50px;

        height: 50px;

        background: var(--guruWhite3) !important;

        border-radius: 50%;

        text-align: center;

        line-height: 50px;

        margin-right: 10px;

    }

a.dashItem.doubleLine > b { line-height: 21px; padding-top: 4px; }

a.dashItem > b { display: block; float: left; line-height: 23px; height: 50px; line-height: 50px; font-weight: 600; font-size: 17px; }

a.dashItem b b { display: block; font-weight: 300; font-size: 17px; }

    a.dashItem:hover {

        background-color: var(--guruBlue2);

        text-decoration: none;

        box-shadow: 0 3px 6px #a2a2a2;

        color: var(--guruWhite);

    }

/*a.dashItem:hover i { color: #be1622; }*/

    a.dashItem.campaignItem {

        width: 370px;

        height: 130px;

        background: var(--guruBlack);

        color: var(--guruWhite);

        text-align: center;

        line-height: 65px;

        float: left;

    }

.parcalarList .list-group-item p.mb-1 b.priceLabel, #workerList b.priceLabel { position: absolute; right: 20px; top: 10px; font-weight: 600; font-size: 16px; }

b i.countLabel { font-style: normal; color: var(--guruGray20); padding-right: 0; font-weight: 400; }

b.discountLabel { color: var(--guruBlack2); font-weight: 400; display: block; float: right; font-size: 14px; }



#workerPart h5 { max-width: 85%; margin-bottom: -22px !important; display: block; line-height: 20px; }

div.bakimList .list-group-item, div.parcalarList .list-group-item { min-height: 78px; }



i.parcaAdet { float: left; font-style: normal; font-weight: 700; color: var(--guruBlack3); font-size: 16px; line-height: 20px; width: 80px; text-align: right; padding-right: 10px; }

b.parcaAdi { font-weight: 500; }

span.parcaNo { font-weight: 700; }

div.yedekParcaList..listContainer .list-group .list-group-item .listGroupContent b.parcaAdi { font-weight: 500; }

.listContainer .list-group a.list-group-item b.yedekParcaOpsiyon { color: red; font-weight: 500; font-size: 12px; }

.priceSecondLabel { text-align: right; }

#mainNav .navbar-nav .dropdown:hover .dropdown-menu { display: block; margin-top: -5px; font-size: 14px; border-radius: 0 0 .25rem .25rem; }

.populerMarkalar { padding: 0 0 10px 18px; }

.populerMarkalar a.list-group-item { border: 0; float: left; display: block; padding: 0; text-align: center; width: 50px; height: 50px; line-height: 47px; border-radius: 3px; }

.populerMarkalar a.list-group-item img.logo { margin-right: 0; width: 40px; }

.faturaTableFinal .priceInput input {

    text-align: right;

    border-radius: 2px;

    border: 1px solid var(--guruGray);

    padding: 0px 5px 0 0;

}

.passInput i.material-icons {

    position: absolute;

    right: 27px;

    top: 20px;

    padding: 7px;

    font-size: 23px;

    color: var(--guruGray1);

    cursor: pointer;

}

.passInput { position: relative; }

    .passInput i.material-icons:hover {

        color: var(--guruBlack);

    }

button.btn.btn-warning {

    color: var(--guruWhite);

}

.nav-item.dropdown { height: auto; display: block; }

.btnAyarlarDropdown i {font-size: 24px; margin-right: 10px; position: absolute; top: 0px;}

textarea#iscilik, textarea#iscilik1 { text-transform: uppercase; }

.partialCar .content h5 { margin-top: 2px; text-transform: uppercase; font-size: var(--gurumedium); color: var(--gurubluetext); }

.require label:before { content: "*"; color: var(--guruGray5); padding-right: 1px; }

#txtScenePlaka { text-transform: uppercase; }

/*div.bankaLine{

    width: calc(100% - 30px);

    background: var(--guruGray8);

    border-radius: 3px;

    border: 1px solid #ccc;

    margin: 10px 0 10px 15px;

    padding-top: 10px;

}*/

.fullWidth { width: 100% !important; }



.autocomplete-items { /*position: absolute;

    border: 0;

    z-index: 99;

    top: 100%;

    left: 0;

    right: 0;

    width: 100%;*/

    z-index: 99;

    border: 1px solid var(--guruGray3);

    border-radius: 3px;

    right: 0;

    width: 100%;

    display: none;

    position: relative;

    top: 0;

}



.faturaParcaAra .searchInputWrapper { width: calc(100% - 110px); float: left; }

.faturaParcaAra.otomatikTamamla > .col-12 > a.btn-primary { width: 100px; margin: 0 0 0 10px; height: 38px; line-height: 38px; }

.dummyInput { position: fixed; left: -100px; top: -100px; }



/*.btn-primary:hover { background-color: #5d000a; }

.btn-primary { color: #fff; background-color: var(--guruGray5); border-color: var(--guruGray5); }

.btn-secondary { background-color: #c2c3c7; border-color: #c2c3c7; }

.btn-info { background-color: #be1e2f; border-color: #be1e2f; }

.btn-info:hover { background-color: #940010; border-color: var(--guruRed7); }

.btn-primary:hover { background: #152e56; }

.btn-outline-primary { color: #152e56; border-color: #152e56; }

.btn-outline-primary:hover { background-color: #152e56; color: #fff; border-color: #152e56; }

nav.navbar.navbar-expand-md { background: var(--guruGray18); }

.pageHeading, #aktivite small { color: var(--guruGray5); }

.littleHeading button:hover { color: var(--guruGray5); }

div.fixedTab .container li.nav-item a.active { background: #152e56; }

div.fixedTab .container { background: #4a6e8a; }

nav.navbar.navbar-expand-md .navbar-brand { padding: 0; margin: -3px 0 0 0; }

#dashboardWrapper a.dashItem:hover i { color: var(--guruGray5); }

#dashboardWrapper a.dashItem:hover { text-decoration: none; color: var(--guruGray5); box-shadow: 0 3px 6px #d6d6d6; background: #f9f9f9; }

span.dateLine { color: var(--guruGray5) !important; }*/



nav.navbar.navbar-expand-md .navbar-brand img { height: 35px; display: block; }



#workerList > a { text-transform: uppercase; min-height: 64px !important; }



#musteriDetay .formWrapper {

    /*background: var(--guruWhite);*/

    border: 1px solid #dee2e6;

    border-top: 0;

}

.text-right { text-align: right; }

.float-right { float: right; }

.float-left { float: left; }

.margin10 { margin: 10px; }

.tab-pane { display: none; }

.tab-pane.active { display: block; }

.MusteriCariListesi div.listGroupContent span.cariPrice {

    color: var(--guruBlack) !important;

    padding: 0;

    text-align: right;

    position: absolute;

    right: 10px;

    bottom: 10px;

    font-weight: 600;

}

.MusteriCariListesi div.listGroupContent span.cariPrice.red { color: red !important; }

div.ajaxMusteri .btnMusteriAra { width: calc(50% - 10px); }

div.ajaxMusteri .btnYeniMusteri { width: 50%; }



.ajaxMusteri .MusteriList .list-group-item:hover {

    cursor: pointer;

    background: var(--guruGray8);

    color: var(--guruBlack);

}

.ajaxMusteri .customerPartialWrapper .partialUser { border: 0; padding: 10px; }

.ajaxMusteri .customerPartialWrapper .customerPartial { border: 0; }



div#KasaListesi a.list-group-item { min-height: 62px; display: block; }



#loginModal { margin: 0 auto; }

#loginModal img.logo { max-width: 100%; }



div.footerButtonsLine * { display: none; }

div.footerButtonsLine.showOnarim .showOnarim { display: block; }

div.footerButtonsLine.showRandevu .showRandevu { display: block; }

div.footerButtonsLine.showKapanan .showKapanan { display: block; }

div.footerButtonsLine.showTeklif .showTeklif { display: block; }

div.footerButtonsLine i { display: inline-block; vertical-align:middle; }





div.footerActionButtons .btn { margin: 10px; }

.right { float: right; }

.left { float: left; }



#musteriListPage #musteriList div.list-group-item { cursor: pointer; }





.form-signin *::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */

    color: var(--gurulightgraytext) !important;

    opacity: 1; /* Firefox */

}



.form-signin *:-ms-input-placeholder { /* Internet Explorer 10-11 */

    color: var(--gurulightgraytext) !important;

}



.form-signin *::-ms-input-placeholder { /* Microsoft Edge */

    color: var(--gurulightgraytext) !important;

}





.sigortaBilgileriList .list-group-item { cursor: pointer; }

.yedekParcaActivityType span { display: block; font-weight: 600; }



.yeniParcaEkleWrapper .customerPartial.musteriDetay, .yeniParcaEkleWrapper #mainPartialUser { border: 0; }



div.MusteriList .list-group-item:hover {

    cursor: pointer;

    background: var(--guruGray8);

    color: var(--guruBlack);

}

#musteriDetay .customerPartial { border: 0; }

table.faturaTableFinal tr td { padding: 5px 0; border-top: 0; }



#hesapNumarasiModal .modal-body { padding: 10px 0; }



.MusteriCariListesi div.list-group-item a { display: block; float: left; width: 40px; }

.MusteriCariListesi div.list-group-item a.btnDetail { width: calc(100% - 40px); overflow: hidden; padding-left: 9px; }

#musteriYeniBody { padding: 0; }

button.btnMoreDropdown::after { display: none !important; }

button.btnMoreDropdown { min-width: auto; }

.minWidth { min-width: auto !important; }

button.btnFootIsEmri { background: transparent; border: 0; color: var(--guruBlue5) !important; }

/*button.btnFootIsEmri:hover, .show button.btnFootIsEmri { color: #fff !important; }*/

#txtYuvarlamaIndirimi {

    text-align: right;

    border: 1px solid var(--guruGray);

    padding: 0px 5px 0 0;

}

.btn.btnFootIsEmri {

	width: 50px;

	height: 35px;

	line-height: 35px;

	text-align: center;

	padding: 0;

}

.dropdown-menu {font-size: 14px;}





#pdfAracKabulFormu {

    width: 210mm;

    height: 295mm;

    position: fixed;

    z-index: 9999;

    left: -210mm;

    top: 0;

    background: var(--guruWhite);

}

#pdfAracKabulFormu b { font-weight: 600; }

#pdfAracKabulFormu p.addressLine { line-height: 15px; font-size: 10pt; }

#pdfAracKabulFormu .addressLine b { display: block; margin-bottom: 5px; font-size: 16px; }

#pdfAracKabulFormu .faturaTable td, .faturaTable th { font-size: 13px; padding: 1px; line-height: 15px; border: 0; }

    #pdfAracKabulFormu .faturaTable th {

        padding-bottom: 5px;

        border-bottom: 2px solid var(--guruBlack);

    }

#pdfAracKabulFormu .faturaTableSubFinal { float: right; width: 360px; }

#pdfAracKabulFormu .clear { display: block; overflow: hidden; clear: both; }

    #pdfAracKabulFormu .faturaFinal {

        padding: 2px 0;

        border-top: 3px solid var(--guruBlack);

        border-bottom: 3px solid var(--guruBlack);

        overflow: hidden;

        font-size: 11px;

        line-height: 20px;

    }

#pdfAracKabulFormu .faturaFinal .faturaTable td { margin: 0; font-size: 11px; line-height: 20px; padding: 0; }

#pdfAracKabulFormu .faturaFinal .faturaTable { margin-bottom: 0; }

#pdfAracKabulFormu .faturaTable { margin: 0 0 5px 0; }

#pdfAracKabulFormu .relative { position: relative; }

#pdfAracKabulFormu .logoWrapper { line-height: 57px; margin-top: -10px; }

#pdfAracKabulFormu .logoWrapper p { margin: 0; }

#pdfAracKabulFormu .formHeading { margin: 60px 0 10px 0; }

#pdfAracKabulFormu .formHeading h1 { margin: 0; font-size: 30px; }

#pdfAracKabulFormu h3 { margin: 10px 0; text-decoration: underline; font-size: 14pt; }

#pdfAracKabulFormu .littleInfo td:first-child:after { content: ":"; float: right; margin-right: 5px; }

#pdfAracKabulFormu .littleInfo td.nonDotted:after { display: none; }

#pdfAracKabulFormu .littleInfo td { line-height: 26px; font-size: 13pt; min-width: 175px; vertical-align: top; }

#pdfAracKabulFormu ul { margin: 0; padding: 0 0 0 30px; font-size: 11pt; }

#pdfAracKabulFormu .sikayetlerWrapper { margin-top: 20px; }

#pdfAracKabulFormu .finalNote { font-size: 12pt; padding-top: 20px; }

#pdfAracKabulFormu .formTitle h1 { margin: -4px 0 0 0; font-size: 25px; font-weight: 400; }

#pdfAracKabulFormu .formTitle b { padding: 0; border-radius: 3px; display: block; width: 234px; font-weight: 600; text-align: center; font-size: 38px; }

/*#pdfAracKabulFormu .finalFooter { position: fixed; left: 0; bottom: 20px; width: 210mm; }*/

    #pdfAracKabulFormu .yakitProgress b {

        float: left;

        width: 20px;

        height: 20px;

        border: 1px solid var(--guruBlack);

        margin-right: 5px;

        border-radius: 3px;

        margin-top: 4px;

    }

    #pdfAracKabulFormu .yakitProgress b.active {

        background: var(--guruBlack);

    }

    #pdfAracKabulFormu .ekspertizArabaWrapper {

        border-left: 1px solid var(--guruGray);

        padding: 20px 0;

    }

#pdfAracKabulFormu td.txtTeslimTarihSaat { vertical-align: bottom; }



@media screen and (min-width:575px) {

	div#dashboardWrapper { display: block; }

	/*div#dashboardWrapper { display: block; overflow: hidden; border-radius: 4px; padding: 0px 20px 10px 20px !important; }*/

}



.isEmriParcalarWrapper { padding-bottom: 10px; }



@media screen and (min-width:767px) {

	.isEmriCarCustomerWrapper .isEmriCarWrapper { padding-right: 0; }

	.isEmriCarCustomerWrapper .isEmriCustomerWrapper { padding-left: 0; }

	.slcHizmetTuruWrapper { padding-right: 0; }

	.isciliklerWrapper h5.littleHeading, .isciliklerWrapper .bakimList { padding-right: 0 !important; }

	.istekVeSikayetlerWrapper .vertPadding { padding-right: 0px !important; }

	/*.isEmriParcalarWrapper { padding-left: 0; }*/

}



body > canvas { display: none; }

#logoFile { max-height: 100px; }







#dashboardWrapper { min-height: calc(100vh - 178px); }

#dashboardWrapper .dropdown:hover .dropdown-menu { display: block; }

#dashboardWrapper .dropdown .dropdown-menu { display: none; top: 80px; border-color: var(--guruGray8); left: 10px; }

#dashboardWrapper .dropdown { position: relative; float: left; overflow: visible; }





#loginModal label { float: left; }









.pdfFatura {

    width: 210mm;

    height: 290mm;

    position: fixed;

    z-index: 9999;

    left: -210mm;

    top: 0;

    background: var(--guruWhite);

    padding-top: 112px;

}

.pdfFatura div.row { clear: both; overflow: hidden; height: auto; margin: 0; }

.pdfFatura b { font-weight: 600; }

.pdfFatura img.logo { margin: 20px 0 20px 0; }

.pdfFatura p.addressLine { line-height: 13pt; font-size: 11pt; }

.pdfFatura .addressLine b { display: block; margin-bottom: 5px; }

.pdfFatura .littleInfo td { min-width: 105px; line-height: 15px; font-size: 12px; padding-right: 15px; }

.pdfFatura .faturaTable td, .pdfFatura .faturaTable th { font-size: 13px; padding: 1px; line-height: 15px; border: 0; }

.pdfFatura .yaziIle { font-size: 11pt; }

    .pdfFatura .faturaTable th {

        padding-bottom: 5px;

        border-bottom: 2px solid var(--guruBlack);

    }

.pdfFatura .faturaTableSubFinal { float: right; width: 360px; padding-bottom: 3px; }

.pdfFatura .faturaTableSubFinalLeft { float: left; width: 360px; padding-bottom: 3px; }

.pdfFatura .clear { display: block; overflow: hidden; clear: both; }

    .pdfFatura .faturaFinal {

        padding: 2px 0;

        border-top: 3px solid var(--guruBlack);

        border-bottom: 3px solid var(--guruBlack);

        overflow: hidden;

        font-size: 11pt;

        line-height: 13pt;

    }

.pdfFatura .faturaFinal .faturaTable td { margin: 0; font-size: 11pt; line-height: 13pt; padding: 0; }

.pdfFatura .faturaFinal .faturaTable { margin-bottom: 0; }

.pdfFatura .faturaTable { margin: 0 0 5px 0; }



#musteriYeni div#musteriYeniBody { padding: 10px; }



.campaignItem { border-radius: 3px; margin: 10px 0 0 0; box-shadow: 0 3px 6px var(--guruGray8); max-width: 100%; width: 100%; }





#pdfAracKabulFormu .txtPlaka, .txtFaturaPlaka { text-transform: uppercase; }



#slider { max-height: 307px; overflow: hidden; border-radius: 3px; box-shadow: 0 3px 6px var(--guruGray8); }

#slider img { border-radius: 3px; width: 100%; max-height: 297px; object-fit: cover; }

#slider > .bx-wrapper { margin: 0; border: 0; background: transparent; }

.bx-wrapper .bx-prev, .bx-wrapper .bx-next { background-image: url('/assets/img/controls.png') !important; opacity: 0.5; }

.bx-wrapper .bx-prev:hover, .bx-wrapper .bx-next:hover { opacity: 1; }



.littleHeading.isEmriHeading { padding: 0 10px; margin: 15px 0 0px 0 !important; display: block; font-size: 16px; }

/*.littleHeading.isEmriHeading button:hover { background: var(--guruBlue7) !important; text-decoration: none; }*/

    .littleHeading.isEmriHeading button {

        background: var(--guruBlue2) !important;

        color: var(--guruWhite);

        border-radius: 3px 0 0 3px;

        float: left;

        height: 35px;

        line-height: 35px;

        font-size: 24px;

        margin: 0;

    }

.littleHeading.isEmriHeading button i {line-height: 1.45;}

    .littleHeading.isEmriHeading > span {

        background: var(--guruBlue2);

        display: block;

        float: left;

        padding: 0px 15px 0px 13px;

        color: var(--guruWhite);

        border-radius: 0 3px 3px 0;

        cursor: default;

        height: 35px;

        line-height: 35px;

        font-weight: 400 !important;

        color: var(--gurubluetext) !important;

        font-size: var(--gurularge) !important;

    }



div.scene div.list-group > a:first-child { border-top: 0; }

div.scene div.list-group > a:last-child { border-bottom: 0; }

div.scene div.list-group { margin-top: 5px; font-weight: 600; }



.list-group.isEmriList { border-radius: 3px; overflow: hidden; }

.list-group.isEmriList#workerList { border: 0; }

.list-group.isEmriList > a:first-child { border-top: 0; }

.list-group.isEmriList > a:last-child { border-bottom: 0; }

.vertPadding { padding: 0 10px !important; }





.isEmriList .list-group-item h5 { max-width: 85%;font-size: var(--gurusmall); font-weight: 600; margin: 0 !important; padding: 2px 0; line-height: 28px; }

.isEmriList .list-group-item h5 b { width: 100%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; float: left; line-height: 17px; padding-bottom: 2px; }

.isEmriList .list-group-item .priceLabel { right: 10px !important; top: initial !important; bottom: 4px; }

.kapananOnarim .littleHeading.isEmriHeading > span { border-radius: 3px; margin-left: 2px; }



#txtStokHelp b { color: red; font-weight: 500; font-size: 12px; }

i.parcaYeri {

    display: none;

    background: var(--guruGray28);

    font-style: normal;

    border-radius: 3px;

    color: var(--guruWhite);

    padding: 0 5px;

    font-size: 12px;

    height: 18px;

    line-height: 18px;

    margin: 0 0 0 5px;

    position: absolute;

    right: 10px;

    top: 10px;

}



.partialCar .aracModel { padding-top: 5px; display: block; width: 100%; overflow: hidden; text-transform: capitalize; line-height: 21px; }

.partialCar span.aracModelYili { font-size: 14px; font-weight: 300; margin-top: -1px; display: block; color: var(--guruGray21); }

div.partialCar.partial {

    border: 1px solid var(--guruGray3);

    max-width: calc(100% - 20px);

    margin: 0 10px 10px 10px;

    padding: 10px;

    height: 161px;

}

div.partialUser.partial {

    margin: 0 10px;

    max-width: calc(100% - 20px);

    background: var(--guruBlue2);

    color: var(--guruWhite);

    border: 0;

    padding-left: 10px;

    height: 160px;

}

    div.partialUser.partial a {

        color: var(--guruWhite) !important;

    }



div.partialAraciGetirenUser.partial {

    margin: 0 10px;

    max-width: calc(100% - 0px);

    background: var(--guruBlue2);

    color: var(--guruWhite);

    border: 0;

    padding-left: 10px;

    height: 78px;

}



    div.partialAraciGetirenUser.partial a {

        color: var(--guruWhite) !important;

    }



.partial .content p.customerAddress { line-height: 16px; padding: 6px 0;max-height: 50px; }



.partDetail { width: 100%; overflow: hidden; }

.partDetail .partDetailLine {padding: 3px 0; display: block; width: 100%; font-weight: 400; overflow: hidden; font-size: 14px; }

.partDetail .partDetailLine .detail { float: right; width: 100%; max-width: 175px; text-align: right; }

.partDetail .partDetailLine .detailPrice { float: right; width: 100%; max-width: 140px; text-align: right; font-weight: 600; color: var(--guruGreen2); }

.partDetail .green-text { font-weight: 600; }

b.netTutarLine { float: right; }

.partDetail .partDetailLine .detail.withKdvLine { float: left; max-width: 50px; text-align: left; }

.partDetail .partDetailLine .detail.withOutKdvLine { max-width: 60px; }

.partDetail .partDetailLine .detailPrice.withKdvDetailLine { float: left; text-align: left; color: var(--guruGray22); font-weight: 600; }



.slcMusteriTipi > label { display: block; }

.slcMusteriTipi .custom-radio { float: left; margin-right: 15px; }

.onarimSelectWrapper { padding: 0 10px; }

#slcDurum {

    background: var(--guruBlue2);

    color: var(--guruWhite) !important;

    border: 0;

    border-radius: 0 3px 3px 0;

}



.withKDVLabel {

    position: absolute;

    right: 10px;

    top: 8px;

    font-size: 14px;

    color: var(--guruBlue2);

    font-weight: 400;

}

#isEmriWrapper hr {

	margin: 1rem 10px;

}

.list-group-item-action:focus, .list-group-item-action:hover {

    color: var(--guruBlue2);



}

.list-group-item + .list-group-item {

    border-top-width:1px;

}



/*.login-form { width: 100%; max-width: 330px; padding: 15px; margin: auto; }

.login-form .checkbox { font-weight: 400; }

.login-form .form-control { position: relative; box-sizing: border-box; height: auto; padding: 10px; }

.login-form .form-control:focus { z-index: 2; }

.login-form input[type="email"] { margin-bottom: -1px; border-bottom-right-radius: 0; border-bottom-left-radius: 0; }

.login-form input[type="password"] { margin-bottom: 10px; border-top-left-radius: 0; border-top-right-radius: 0; }

.form-group { position: relative; margin-bottom: 2rem; }



label { position: absolute; background: #F4F5F8; top: -10px; left: 0; padding: 0 10px; border-radius: .25rem; color: var(--guruGray18); z-index: 9; font-style: italic; }

label.required:before { content: ""; display: block; width: 0; height: 0; border-top: 5px solid transparent; border-bottom: 5px solid transparent; border-left: 5px solid #dc3545; position: absolute; left: 0; top: 3px; }*/

.bx-wrapper .bx-controls-direction a { z-index: 999 !important; }



.aramaKriterFiltre { height: 38px; }

.aramaKriterFiltre > button { height: 38px; font-size: 16px; text-decoration: none; display: block; line-height: 30px; border-color: var(--guruGray23); }

#workerPart .partDetailLine input.txtIndirimliFiyat { margin-right: -8px; }



#btnKatalogParca { height: 38px; line-height: 36px; padding: 0; margin: 0; width: 50px; min-width: 50px; border: none; border-radius: 0 3px 3px 0; }



.littleHeading.isEmriHeading button.btnPacket { margin-left: 15px; padding: 0; float: left; border-radius: 3px; background: transparent !important; color: var(--guruBlue5); line-height: 24px; }

/*.littleHeading.isEmriHeading button.btnAddPacket i { font-size: 24px; display: block; line-height: 25px; padding: 0 5px; height: 25px; }*/



.littleHeading.isEmriHeading button.btnIscilikKatalogu { float: left; border-radius: 3px; background: transparent !important; color: var(--guruBlue5); line-height: 40px; margin-top: -3px; margin-right: 0; padding: 0 5px; }

.littleHeading.isEmriHeading button.btnIscilikKatalogu i { font-size: 24px; display: block; line-height: 25px; padding: 0 5px; height: 25px; }



.borderLight { border: 1px solid var(--guruGray8); }

.list-group-item.active { background-color: var(--guruGray18); }



.egitimPageContent .youtube { margin-bottom: 10px; }



.custom-icon {

	font-weight: normal;

	font-style: normal;

	display: inline-block;

	line-height: 1;

	text-transform: none;

	letter-spacing: normal;

	word-wrap: normal;

	white-space: nowrap;

	direction: ltr;

	-webkit-font-smoothing: antialiased;

	text-rendering: optimizeLegibility;

	-moz-osx-font-smoothing: grayscale;

	font-feature-settings: 'liga';

	max-width: 24px;

}



#rightPopup.show { display: block; }

#rightPopup { display: none; position: fixed; left: 0; top: 0; background: rgba(0, 0, 0, 0.6); z-index: 1600; width: 100%; height: 100%; max-width: 1920px; }

#rightPopup .rightPopupItem { width: 450px; height: calc(100% - 20px); float: right; margin: 20px 20px 0 0; border-radius: 3px 3px 0 0; overflow: hidden; }

    #rightPopup .rightPopupItem .rightPopupHeader {

        width: 100%;

        background: var(--gurubluebg);

        color: var(--guruWhite);

        border-radius: 5px 5px 0 0;

        overflow: hidden;

        padding: 10px 0;

    }

#rightPopup .rightPopupItem .rightPopupHeader a { cursor: pointer; float: right; height: 35px; width: 44px; text-align: center; background: var(--guruBlue2); }

#rightPopup .rightPopupItem .rightPopupHeader a i { display: block; height: 35px; line-height: 35px; margin: 0px auto; }

#rightPopup .rightPopupItem .rightPopupHeader a:hover { background: var(--guruBlue2); }

#rightPopup .rightPopupItem .rightPopupHeader a.btnPrev { float: left; display: none; }

#rightPopup .rightPopupItem .rightPopupHeader a.btnNew { float: left; display: none; }

#rightPopup .rightPopupItem .rightPopupHeader b { float: left; height: 35px; line-height: 35px; padding-left: 15px; font-weight: 600; text-transform: uppercase; font-size: var(--gurularge); font-style: italic;}

#rightPopup .rightPopupContent { background: var(--guruWhite3); height: 100%; overflow-y: auto; overflow-x: hidden; padding-bottom: 40px; }

#rightPopup .rightPopupContent iframe { border: 0; width: 100%; height: 100%; max-height: calc(100% - 40px); }

#workerPart i.parcaYeri { top: 5px; }



#aktivite #workerPart { border-left: 0; border-right: 0; }



#yeniStokAramaSonuc {padding-left: 15px; width: calc(100% - 15px); }

.katalogParcaItem {

    position: relative;

    width: 100%;

    display: block;

    padding: 0;

    overflow: hidden;

    margin-bottom: 5px;

    background: var(--guruWhite);

    border: 1px solid var(--guruGray3);

    border-radius: 4px;

}

.katalogParcaItem img { width: 80px; float: left; display: block; margin-right: 10px; }

.katalogParcaContent { float: left; width: calc(100% - 90px); }

.katalogParcaContent .title { font-size: 16px; font-weight: 600; width: 100%; display: block; text-transform: uppercase; }

.katalogParcaContent .desc { font-size: 14px; font-weight: 400; color: var(--guruGray19); display: block; width: 100%; }

.katalogParcaContentList span { float: left; width: 50%; font-size: 14px; }

.katalogParcaContentList span.long { width: 100%; }

.katalogParcaContent button { height: 30px; line-height: 28px; font-size: 15px; margin: 5px 10px 5px 0; }

.katalogParcaContent .txtPrice { font-weight: 600; color: var(--guruGreen2); font-size: 16px; float: right; height: 35px; line-height: 30px; display: block; padding: 5px 5px 0 0; }

.fixPaketItem .katalogParcaContent { width: 100%; }

.parcaNewWrp, .parcaWrp.parcaDetailWrp {

	padding: 15px;

	margin-top: 0px;

}



ul.bakimListDetail {

	display: block;

	width: 100%;

	clear: both;

	margin: 5px 0;

	overflow: hidden;

}

ul.bakimListDetail > li { padding: 0 0 5px 0; width: 100%; float: left; border: 0; font-size: 14px; }

/*ul.bakimListDetail > li b{display:block;}*/

ul.bakimListDetail > li ul { padding-left: 20px; }

.teklifOnarim .onarimiYapanPersonelWrp { opacity: 0.5; }

.yedekParcaList .searchListContent .partDetail { display: block; overflow: hidden; float: right; margin-top: -21px; }



.yedekParcaList .searchListContent .partDetail .withKdvLine { max-width: 80px; }

.yedekParcaList .searchListContent .partDetail .withKdvDetailLine { color: red; font-weight: normal; }



.searchInputWrapper { position: relative; }

.searchInputWrapper a.btnBarcodeScan { display: none; position: absolute; right: 10px; top: 4px; height: 37px; line-height: 38px; font-size: 21px; padding: 0 10px; color: rgba(71, 102, 120, 0.6); }



.searchWidgetInput { margin-left: 0; padding-left: 0; }

    .searchWidgetInput .input-group-append .btn {

        height: 35px;

        line-height: 35px;

        border-color: var(--guruBlue2);

        font-size: 16px;

        padding: 0 10px;

        min-width: 60px;

        max-width: 70px;

        background: var(--guruBlue2);

        color: var(--guruWhite);

    }



.statusColor1 span { background-color: var(--gurupin1)!important; }

.statusColor2 span {

    background-color: var(--gurupin2) !important;

    color: var(--guruWhite) !important;

}

.statusColor3 span { background-color: var(--gurupin3) !important; }

.statusColor4 span {

    background-color: var(--gurupin4) !important;

    color: var(--guruWhite) !important;

}

.statusColor5 span {

    background-color: var(--gurupin5) !important;

    color: var(--guruWhite) !important;

}

.statusColor6 span {

    background-color: var(--gurupin6) !important;

    color: var(--guruWhite) !important;

}

.statusColor7 span {

    background-color: var(--gurupin7) !important;

    color: var(--guruWhite) !important;

    width: auto;

}

.statusColor8 span {

    background-color: var(--gurupin8) !important;

    color: var(--guruWhite) !important;

}

.statusColor9 span { background-color: var(--gurupin9)!important; }

.statusColor10 span { background-color: var(--gurupin10) !important; }

.statusColor11 span {

    background-color: var(--gurupin11) !important;

    color: var(--guruWhite) !important;

}

.statusColor12 span {

    background-color: var(--gurupin12) !important;

    color: var(--guruWhite) !important;

}

.form-control:not(textarea) {

	font-size: 14px;

	height: 35px !important;

	line-height: 35px !important;

	padding-top: 0px;

	padding-bottom: 0px;

}

.btn {

	height: 35px;

	line-height: 34px;

	font-size: 14px;

	padding: 0 30px;

}

.btn:focus, .btn:active, button:focus, button:active {outline: none; box-shadow: none;}

.input-group-text {

    height: 35px;

    line-height: 35px;

    padding-top: 0px;

    padding-bottom: 0px;

    background: var(--guruBlue2);

    color: var(--guruWhite);

}

#yeniParcaModal #btnSearchParca {

	border-color: var(--guruGray24);

	font-size: 16px;

	padding: 0 10px;

	min-width: 60px;

}

.footerButtonsLine i.fas, .footerButtonsLine i.far { font-size: 24px; height: 25px; text-align: center; }

/*div.footerButtonsLine button i { line-height: 38px; }*/

div.footerButtonsLine button:hover {

	text-decoration: none;

}

.search.aramaKriterInput { text-transform: uppercase; }

i.searchParcaNo { font-style: normal; font-size: 14px; font-weight: 400; color: var(--guruGreen2); }

a.btnBlankUser { position: absolute; right: 35px; top: 10px; color: var(--guruGray9) !important; }



#btnKatalogParca i.fas { font-size: 24px; margin-top: 6px; }

.sadeceUyumlular { position: absolute; right: 58px; top: 0; z-index: 100; }

.sadeceUyumlular input { height: 20px !important; }

.sadeceUyumlular label { height: 20px; line-height: 20px; }

/*a.btnPayUser { position: absolute; right: 36px; top: 9px; color: var(--guruBlue5) !important; line-height: 25px; }*/



.btnIscilikKatalogu { font-size: 24px; color: var(--guruBlue5) !important; }

    .btnIscilikKatalogu:hover {

        color: var(--guruWhite) !important;

    }

.katalogParcaItem.iscilikKatalogItem .katalogParcaContent { width: 100%; }



/*.iscilikAraSearch { padding: 5px 0 0 0; background: var(--guruGray27); color: #fff; font-size: 12px; font-weight: 300; }*/

.iscilikAraSearch label { padding-bottom: 3px; }

.isEmriCarCustomerWrapper .customerPartial.musteriDetay {

    border: 1px solid var(--guruGray);

    padding: 9px 0;

    width: calc(100% - 10px);

}

/*#iscilikListWrapper { max-height: calc(100vh - 142px); overflow: auto; }*/

.iscilikKatalogSecim { padding: 0 0 10px 0; }

.iscilikDetailSelect { padding: 10px 15px 0 15px; }

.number-input button.minus { border-radius: 3px 0 0 3px; }

.number-input button.plus { border-radius: 0 3px 3px 0; }

.number-input button {

    width: 35px;

    height: 35px;

    display: block;

    float: left;

    border: 0;

    line-height: 40px;

    border-radius: 3px;

    font-weight: 500;

    background: var(--guruBlue2);

    color: var(--guruWhite);

    font-size: 24px;

}

.number-input input { float: left; width: calc(100% - 70px); height: 35px; color: var(--guruBlue2); font-size: 14px; border: 0; text-align: center; font-weight: 600; border-top: 1px solid var(--guruGray19); border-bottom: 1px solid var(--guruGray19); border-radius:0; }



.iscilikDetailSelect .form-check label b { display: block; }

#txtKatalogdanSecautocomplete-list { display: block; }

/*.partialCar .carBadge span { height: 20px; display: block; float: left; text-transform: uppercase; font-size: 12px; line-height: 20px; padding: 0 10px; background: #ccc; margin: 4px 10px 0 0; border-radius: 10px; }*/







.partialCar .carBadge span { display: inline-block; padding: .25em .4em; font-size: 75%; font-weight: 700; line-height: 1; text-align: center; white-space: nowrap; vertical-align: baseline; border-radius: .25rem; }

    .partialCar .carBadge span.vitesManuel {

        background: var(--gurumanuel);

        color: var(--guruWhite);

    }

    .partialCar .carBadge span.vitesOtomatik {

        background: var(--guruotomatik);

        color: var(--guruWhite);

    }

.partialCar .carBadge span.vitesYariOtomatik { background: var(--guruyariotomatik); }

.partialCar .carBadge span.motorYagi { background: var(--guruGreen8); }

.partialCar .carBadge span.lastikOlcusu { background: var(--guruRed12); }



    .partialCar .carBadge span.yakitBenzin {

        background: var(--gurubenzin);

        color: var(--guruWhite);

    }

    .partialCar .carBadge span.yakitBenzinLpg {

        background: var(--gurubenzinlpg);

        color: var(--guruWhite);

    }

    .partialCar .carBadge span.yakitDizel {

        background: var(--gurudizel);

        color: var(--guruWhite);

    }

    .partialCar .carBadge span.yakitBenzinElektrik {

        background: var(--guruphybrid);

        color: var(--guruWhite);

    }

    .partialCar .carBadge span.yakitDizelElektrik {

        background: var(--guruelektrik);

        color: var(--guruWhite);

    }





div.partialUser.partial .linkWrapper a:hover { text-decoration: underline; }

div.partialUser.partial .linkWrapper a {

    height: 27px;

    line-height: 27px;

    border: 1px solid var(--guruGray);

    border-radius: 16px;

    padding: 0 10px;

    text-decoration: none;

    margin-top: 5px;

}

div.partialUser.partial .linkWrapper a i { height: 27px; display: block; float: left; line-height: 27px; padding-right: 5px; }

div.partialUser.partial .linkWrapper a.btnPayUser { margin-right:0;background: var(--guruBlue2); border-color: var(--guruBlue2); }

div.partialUser.partial .linkWrapper a.whatsappLink, div.partialUser.partial .linkWrapper a.mailLink { border: 0; padding: 0; }

div.partialUser.partial .linkWrapper a.phoneLink i {margin-right: 5px;}





div.partialAraciGetirenUser.partial .linkWrapper a:hover { text-decoration: underline; }

div.partialAraciGetirenUser.partial .linkWrapper a {

    height: 27px;

    line-height: 27px;

    border: 1px solid var(--guruGray);

    border-radius: 16px;

    padding: 0 10px;

    text-decoration: none;

    margin-top: 5px;

}

div.partialAraciGetirenUser.partial .linkWrapper a i { height: 27px; display: block; float: left; line-height: 27px; padding-right: 5px; }

div.partialAraciGetirenUser.partial .linkWrapper a.btnPayUser { margin-right:0;background: var(--guruBlue2); border-color: var(--guruBlue2); }

div.partialAraciGetirenUser.partial .linkWrapper a.whatsappLink, div.partialAraciGetirenUser.partial .linkWrapper a.mailLink { border: 0; padding: 0; }

div.partialAraciGetirenUser.partial .linkWrapper a.phoneLink i {margin-right: 5px;}



#mainPartialUser div.content { width: 100%; }

/*#yeniIstekModal .number-input { display: block; margin-top: 4px; overflow: hidden; }*/

#rightPopup .yeniParcaStokDetail { position: relative; }

#rightPopup .yeniParcaStokDetail .text-secondary { font-size: 13px; }

div#yeniStokAramaSonuc .katalogParcaItem .katalogParcaContent { width: 100%; }

div#yeniStokAramaSonuc .katalogParcaItem .katalogParcaContentList { float: left; width: 130px; }

div#yeniStokAramaSonuc .katalogParcaItem b.partNo { font-size: 14px; font-weight: 400; color: var(--guruGreen2); }

div#yeniStokAramaSonuc .katalogParcaItem span.stoktaVar { font-size: 14px; color: red; font-weight: 400;width:100%; }



div#yeniStokAramaSonuc .katalogParcaItem { padding: 10px 16px 10px 14px; }

div#yeniStokAramaSonuc .katalogParcaItem:hover { cursor: pointer; }

div#yeniStokAramaSonuc .katalogParcaItem .rightIco { position: absolute; right: 17px; top: 7px; font-size: 18px; }

div#yeniStokAramaSonuc .katalogParcaItem .txtPrice { height: auto; line-height: inherit; color: var(--guruGreen2); font-size: 16px; float: right; display: block; padding: 0; font-weight: 600; margin-top: -2px; }

/*div#yeniStokAramaSonuc { height: calc(100vh - 243px); overflow: auto; width: 100%; }*/

#btnKatalogParca.active { background: var(--guruBlue2); }

.newSearchInput input, .newSearchInput .btnAra { height: 38px; line-height: 38px; }

.newSearchInput .input-group-text { height: 50px; padding: 0 15px; border: 0; }

.newSearchInput * { border: 0; }

.newSearchInput .btnAra { text-transform: uppercase; font-weight: 600; width: 70px; min-width: 70px; padding: 0; }

.newSearchInput .input-group-prepend { border-radius: 3px 0 0 3px; overflow: hidden; }

.newSearchInput span.input-group-text { height: 35px; line-height: 35px; padding: 0 15px; }

.newSearchInput .btnAra { border-radius: 0 3px 3px 0; border-radius: 0 3px 3px 0 !important; }

.newSearchInput input[type="text"] { text-transform: uppercase; font-weight: 600; }

/*#iscilikListWrapper .katalogParcaItem { border-bottom: 1px solid var(--guruGray8); }*/

#iscilikListWrapper {width: calc(100% - 15px); margin-top: 15px;}

#iscilikListWrapper .katalogParcaItem .iscilikListContent { display: none; }

    #iscilikListWrapper .katalogParcaItem .iscilikTitle {

        display: block;

        overflow: hidden;

        /*color: var(--guruGray25);*/

        text-transform: uppercase;

        padding: 5px 5px 5px 15px;

        background: var(--guruWhite);

    }

#iscilikListWrapper .katalogParcaItem:hover, #iscilikListWrapper .katalogParcaItem:hover .iscilikTitle { /*background: var(--guruGray8);*/ cursor: pointer; }

    #iscilikListWrapper .katalogParcaItem.active:hover .iscilikTitle {

        background: var(--guruWhite);

    }

#iscilikListWrapper .katalogParcaItem.active .iscilikListContent { display: block; padding: 10px 10px 0 10px; }

#iscilikListWrapper .katalogParcaItem.active { background: var(--guruGray8); }

#iscilikListWrapper .katalogParcaItem.active .iscilikListContent label { font-size: 13px; color: var(--guruGray26); }

#iscilikListWrapper .iscilikKatalogItem .btn { width: 100%; margin: 10px 0 0 0; }

#iscilikListWrapper .iscilikKatalogItem .number-input { margin: 10px auto 0 auto; display: block; overflow: hidden; }

.iscilikKatalogSecim { padding: 5px 15px 0; }

#rightPopup .iscilikKatalogSecim { padding: 15px 15px 0 15px; }

.selectedIscilikWrapper { padding: 0 15px 15px 15px; }

#btnIscilikSearchKatalog { border-radius: 0 3px 3px 0; }

.searchInputRow { margin: 10px -5px 0 -5px; }

.shadow-sm{

    border: 1px solid var(--guruBlue2);

}

.border-bottom {

    border-bottom: 1px solid var(--guruBlue2) !important;

}

div.yedekParcaList .listGroupContent, #MusteriBekleyenCekSenet .listGroupContent { width: 100% !important; }

#mainPartialUser div.linkWrapper, .partialCar.partial .carBadge { position: absolute; left: 10px; bottom: 10px; }

#mainAraciGetirenUser div.linkWrapper, .partialCar.partial .carBadge { margin-top: 10px }

#iscilikListWrapper .katalogParcaItem.active .iscilikTuruList2 {margin-top: 10px;}

#iscilikListWrapper .katalogParcaItem.active .form-check { padding: 5px 0 10px 0; }

#iscilikListWrapper .katalogParcaItem.active .form-check-label { font-size: 13px !important; }

.parcaAraSearch h5 { text-transform: capitalize; margin: 10px 0 15px 0; font-weight: 300; font-size: 16px; }

.yeniParcaAramaHeader {

    background: var(--guruGray27);

    color: var(--guruWhite);

    padding: 5px 15px 10px 15px;

}

.yeniParcaAramaHeader h5 { margin: 10px 0 5px 0; font-weight: 300; font-size: 20px; }

.yeniParcaAramaHeader span { display: block; font-size: 14px; margin-bottom: 5px; }

.yeniParcaAramaHeader span b.price { float: right; }

    .yeniParcaAramaHeader button {

        border: 0;

        background: var(--guruWhite);

        border-radius: 3px;

        margin-bottom: 10px;

        padding: 0 5px 0 0;

        overflow: hidden;

        font-size: 14px;

        line-height: 24px;

        height: 24px;

    }

    .yeniParcaAramaHeader button i {

        background: var(--guruGreen2);

        color: var(--guruWhite);

        height: 24px;

        display: block;

        float: left;

        line-height: 24px;

        padding: 0 5px;

        font-size: 14px;

        margin-right: 5px;

    }

.yeniParcaAramaContent.mechulParcaContent {padding-left: initial; width: initial; margin-top: initial;}

.yeniParcaAramaContent.mechulParcaContent .yeniParcaAramaItem { border: 0; padding: 0; }

.yeniParcaAramaContent.mechulParcaContent .yeniParcaAramaItem .more { margin: 0; }

.yeniParcaAramaContent {padding-left: 15px; width: calc(100% - 15px);margin-top: 15px;}

    .yeniParcaAramaContent .yeniParcaAramaItem {

        display: block;

        width: 100%;

        padding: 10px 15px;

        background: var(--guruWhite);

        margin-bottom: 5px;

        border: 1px solid var(--guruGray3);

        border-radius: 4px;

    }

.yeniParcaAramaContent .yeniParcaAramaItem span.titleSub { font-size: 14px; font-weight: 400; color: var(--guruGreen2); }

    .yeniParcaAramaContent .yeniParcaAramaItem span.title {

        font-size: 16px;

        font-weight: 600;

        width: 100%;

        display: block;

        text-transform: uppercase;

    }

.yeniParcaAramaContent .yeniParcaAramaItem > div.less { font-size: 14px; cursor: pointer; overflow: hidden; }

.yeniParcaAramaContent .yeniParcaAramaItem > div.less span.price { font-weight: 600; float: right; display: block; color: var(--guruGreen2); }

.yeniParcaAramaContent .yeniParcaAramaItem > div.less .stock { color: red; }

.yeniParcaAramaContent .yeniParcaAramaItem .more { font-size: 12px; margin: 10px 0 0 0; display: none; }

.yeniParcaAramaContent .yeniParcaAramaItem .more > div.row { padding-bottom: 10px; }

.yeniParcaAramaContent .yeniParcaAramaItem .more .btn-primary { width: 100%; }

.yeniParcaAramaContent .yeniParcaAramaItem.active .more { display: block; }

.yeniParcaAramaContent .yeniParcaAramaItem.active { background: var(--guruGray30); }

.iscilikKatalogItem .form-check { width: 100%; }

.iscilikKatalogItem .form-check-label { width: 100%; }

.iscilikKatalogItem .form-check-label b { float: right; display: block; }

.greyBg {

    background: var(--guruGray8);

}

.isEmriList .list-group-item b.partNo { font-size: 14px; font-weight: 400; color: var(--guruGreen2); }

.isEmriList .list-group-item span.partName { display: block; font-weight: 600; overflow: hidden; padding: 2px 0; width: 100%; text-transform: uppercase; }

.isEmriList .list-group-item span.partAdet { font-size: 14px; color: red; font-weight: 400; }

.isEmriList .list-group-item .partLessContent .partPrice { font-size: 16px; font-weight: 600; color: var(--guruGreen2); position: absolute; right: 10px; bottom: 5px; }

#workerPart a.list-group-item {

    padding: 0;

    border: 1px solid var(--guruGray3);

    border-radius: 4px;

    margin-bottom: 5px;

}

#workerPart a.list-group-item:last-child { margin-bottom: 0;}

#workerPart a.list-group-item.activeItem .partDetail { display: block; }

#workerPart a.list-group-item .partLessContent { position: relative; padding: 5px 10px; }

#workerPart a.list-group-item .partDetail, #workerList a.list-group-item .partDetail { background: var(--guruGray8); padding: 5px 10px; display: none; }

#workerPart .partDetailLine input, #workerList .partDetailLine input { height: 30px; font-size: 14px; width: 100px; float: right; padding: 0 5px 0 0; }

#workerPart .partDetailLine .detail, #workerPart .partDetailLine .detailPrice, #workerList .partDetailLine .detail, #workerList .partDetailLine .detailPrice { height: 35px; line-height: 35px; }

#workerPart .partDetailLine .detail, #workerList .partDetailLine .detail { text-align: left; }

#workerList .partDetailLine { padding: 3px 0; }

/*div#yeniStokAramaSonuc .katalogParcaItem.meksefe .title:before { content: "Stok"; position: absolute; right: 30px; top: 7px; font-size: 12px; text-transform: capitalize; color: var(--guruBlue2); }*/

/*div#yeniStokAramaSonuc .katalogParcaItem.katalog .title:before { content: "Katalog"; position: absolute; right: 30px; top: 7px; font-size: 12px; text-transform: capitalize; color: var(--guruGray19); }*/

#workerList b.discountLabel { display: none; }

#workerList textarea { text-transform: uppercase; }



#yeniStokAramaSonuc span.bigTitle {

    background: var(--guruGray21);

    display: block;

    float: left;

    margin: 10px 0 10px 10px;

    padding: 0px 15px 0px 13px;

    color: var(--guruWhite);

    border-radius: 3px;

    cursor: default;

    font-size: 20px;

    height: 40px;

    line-height: 40px;

}

.newStyleTl:before { content: "₺ "; font-weight: 300; font-family: Arial; }



div.bakimList { padding: 0 10px; }

#requestList.isEmriList .list-group-item {

    min-height: auto !important;

    text-transform: uppercase;

    cursor: pointer;

    border: 1px solid var(--guruGray3);

    margin-bottom: 5px;

    border-radius: 4px;

}

#workerList .list-group-item h5{ text-transform: uppercase; }

#stoklar b.parcaAdi { font-weight: 600 !important; font-size: 16px; }

#workerPart div.indirimliFiyatWrapper input {

    background: var(--guruWhite);

}

#workerPart .partDetail .partDetailLine .detailPrice { padding-right: 8px; }

#workerPart .partDetailLine input.txtAdet { margin-right: -8px; padding: 0 5px; font-weight: 600; text-align: right; }

#workerPart .partDetailLine div.indirimliFiyatWrapper input {

    background: var(--guruWhite);

    margin-right: -8px;

    padding: 0 5px;

}

#workerList .partDetailLine div.indirimliFiyatWrapper input {

    background: var(--guruWhite);

}

div.footerButtonsLine .onarimiYapanPersonelWrp *, div.footerButtonsLine .onarimiYapanPersonelWrp { display: block; }



div.footerButtonsLine .onarimiYapanPersonelWrp { float: right; width: 180px; padding: 10px 0; }

div.durumSelect { float: right; width: 100%; max-width: 205px;}

.scene.scene0 { max-width: 50%; }

.iscilikDetailPriceTable { padding-left: 30px; }

.iscilikDetailPriceTable table{color: var(--gurubluetext);}

.iscilikDetailPriceTable table td b{

    font-weight: 600;

}



body div .badge, body .partialCar .carBadge span { background: var(--guruBlue2); display: inline-block; padding: 0 10px; text-align: center; white-space: nowrap; vertical-align: baseline; height: 27px; line-height: 27px; font-weight: 500; text-transform: uppercase; font-size: 14px; border-radius: 0.25rem; }

body div .fixBadge {

    background: var(--guruBlue2);

    display: inline-block;

    text-align: center;

    padding: 0px;

    white-space: nowrap;

    vertical-align: baseline;

    height: 27px;

    line-height: 27px;

    font-weight: 500;

    text-transform: uppercase;

    font-size: 14px;

    border-radius: 0.25rem;

    min-width: 30px;

}

.yeniParcaAramaHeader img {

    width: 100%;

    border-radius: 3px;

    margin: 10px 0;

    height: 350px;

    object-fit: contain;

    background: var(--guruWhite);

}

.sceneWrapper .list-group.isEmriList { border: 0; }

#workerList .partLess { position: relative; height: auto; min-height: 64px; padding: 5px 10px; cursor: pointer; }

#workerList .partDetail { background: var(--guruGray8); display: none; padding: 5px; }

#workerList .list-group-item {

    padding: 0 !important;

    border: 1px solid var(--guruGray3);

    border-radius: 4px;

    margin-bottom: 5px;

}

#workerList .list-group-item:last-child { margin-bottom: 0;}

#workerList .list-group-item.activeItem .partDetail { display: block; }





div.partDetail .btnRmPart { position: absolute; left: 0; bottom: 8px; color: var(--guruBlue5); font-size: 24px; padding: 10px 10px 10px 10px; height: 40px; cursor: pointer; }

div.partDetail .btnRmPart:hover { color: var(--guruRed10); }





.parcaSil {

    position: absolute;

    right: 2px;

    bottom: 8px;

    color: var(--guruBlue5);

    font-size: 24px;

    padding: 10px 10px 10px 10px;

    height: 40px;

    cursor: pointer;

}



    .parcaSil:hover {

        color: var(--guruRed10);

    }





#aktivite #workerPart .list-group-item { padding: 5px 10px; }

#aktivite #workerPart .list-group-item h5 { font-weight: normal; }

#aktivite i.parcaYeri { display: block; }

#aktivite #workerPart .list-group-item .partDetail { display: block; width: 100%; overflow: hidden; background: transparent; padding: 0; }



#aktivite #workerPart .list-group-item .partDetail .detailPrice { padding-right: 0; }

.bottomSign { clear: both; max-width: 1140px; margin: 0 auto; padding-right: 5px; }

.bottomSign .verNo { font-weight: 300; display: block; text-align: right; font-size: 12px; margin: 20px 0 -20px 0; }

.bottomSign .verNo b { margin-left: 10px; }

.bottomSign .verNo b i { font-style: normal; font-weight: 600; }

.clear { clear: both; }

span.attrLine {

    width: 100%;

    float: left;

    font-weight: 600;

    line-height: 17px;

    margin-bottom: 5px;

    font-size: 13px;

    color: var(--guruWhite);

    background: var(--guruBlue2);

    border-radius: 3px;

    padding: 5px;

}

    span.attrLine i {

        display: block;

        font-size: 12px;

        font-style: normal;

        font-weight: 300;

        color: var(--guruWhite);

    }

#rightPopup .newSearchInput.searchInputWrapper { background: rgba(255, 255, 255, 0.7); margin: 0 0 10px 0; padding: 6px 15px 0 15px !important; border-radius: 3px; }



.partsTab {

    margin-bottom: 15px;

    float: left;

    width: 100%;

    border-bottom: 1px solid var(--guruGray3);

}

.partsTab span.partsTabItem { display: block; float: left; padding: 0 10px; width: calc(100% / 4); text-align: center; font-size: 14px; height: 40px; line-height: 40px; cursor: pointer; font-weight: 700; }

/*.partsTab span.partsTabItem.active { background: rgba(255, 255, 255, 0.7); border-radius: 3px 3px 0 0; color: var(--guruBlue2); font-weight: 600; }*/

    .partsTab span.partsTabItem.active {

        background: var(--guruWhite);

    }

/*#rightPopup .searchInputWrapper p { color: var(--guruGray27); }*/



#rightPopup .sadeceKatalog .newSearchInput.searchInputWrapper { border-radius: 0 3px 3px 3px; }

#rightPopup #yeniIstekModal .newSearchInput { background: transparent; margin: 0; padding: 0 !important; }

    #rightPopup #yeniIstekModal .newSearchInput p {

        color: var(--guruWhite);

    }

ul.lstSikayetler li { text-transform: uppercase; }

input[type=number]::-webkit-outer-spin-button, input[type=number]::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }

input[type=number] { -moz-appearance: textfield; }





body:not(.meksefeTest) .dummyContent { display: none !important; }



div#yeniStokAramaSonuc .katalogParcaItem.thumbPart .katalogParcaContent { float: left; width: calc(80% - 10px); }

div#yeniStokAramaSonuc .katalogParcaItem.thumbPart img.partImg { float: left; width: 20%; }

.partial .content p.customerAddress .customerAdressSubTitle { float: left; font-style: normal; width: 50px; padding-right: 5px; }

.partial .content p.customerAddress .customerAdressSubTitle:after { content: ":"; float: right; }

.partialAraciGetirenUser .content p.customerAddress .customerAdressSubTitle { float: left; font-style: normal; width: 50px; padding-right: 5px; }

.partialAraciGetirenUser .content p.customerAddress .customerAdressSubTitle:after { content: ":"; float: right; }

.footerButtonsLine {

    position: fixed;

    bottom: 0;

    width: 100%;

    max-width: 1140px;

    background: var(--guruWhite);

    border-radius: 3px;

    z-index: 99;

    padding: 5px;

}

a.btnCallCenter { float: right; max-height: 38px; line-height: 38px; }

a.btnCallCenter img { height: 30px; }



.max50 { max-width: 50%; }

.custom-file-label::after { content: "Seçiniz"; }

#KasaListesi .price .newStyleTl { font-weight: 600; color: var(--guruGreen); }



div.parcaWrp .katalogParcaItem .katalogParcaContent { width: 100%; }

div.parcaWrp .katalogParcaItem .katalogParcaContentList { float: left; width: 130px; }

div.parcaWrp .katalogParcaItem b.partNo { font-size: 14px; font-weight: 400; color: var(--guruGreen2); }

div.parcaWrp .katalogParcaItem span.stoktaVar { font-size: 14px; color: red; font-weight: 400;width:100%; }



div.parcaWrp .katalogParcaItem { padding: 10px 16px 10px 14px; }

div.parcaWrp .katalogParcaItem:hover { cursor: pointer; }

div.parcaWrp .katalogParcaItem .rightIco { position: absolute; right: 17px; top: 7px; font-size: 18px; }

div.parcaWrp .katalogParcaItem .txtPrice { height: auto; line-height: inherit; color: var(--guruGreen2); font-size: 16px; float: right; display: block; padding: 0; font-weight: 600; margin-top: -2px; }

div.parcaWrp { width: calc(100% - 30px); margin: 15px 0 0 15px; }

    div.parcaWrp span.bigTitle {

        background: var(--guruGray21);

        display: block;

        float: left;

        margin: 10px 0 10px 10px;

        padding: 0px 15px 0px 13px;

        color: var(--guruWhite);

        border-radius: 3px;

        cursor: default;

        font-size: 20px;

        height: 40px;

        line-height: 40px;

    }

div.parcaWrp .katalogParcaItem.thumbPart .katalogParcaContent { float: left; width: calc(80% - 10px); }

div.parcaWrp .katalogParcaItem.thumbPart img.partImg { float: left; width: 20%; }

.parcaDetailWrp .katalogParcaItem {background: transparent;}

@media screen and (max-width:1200px) {

	.footerButtonsLine { max-width: 960px; }

	div.bottomSign { max-width: 960px; }

}



@media screen and (max-width:992px) {

	.footerButtonsLine { max-width: 720px; }

	div.bottomSign { max-width: 720px; }

}



@media screen and (max-width:768px) {

	.footerButtonsLine { max-width: 540px; }

	div.bottomSign { max-width: 540px; }

}



.pdfLogoWrapper { max-width: 350px; }

.pdfLogoWrapper img.logo { max-width: 250px; max-height: 50px; margin: 20px 0 10px 0; }

.finalFooter .finalNote { font-size: 12px; margin: 0; }



div.finalFooter h3 { font-size: 12pt !important; }

body.b3 .footerButtonsLine .btn-primary { background: transparent !important; color: var(--guruBlue10); }

.pdfFatura img.logo { margin: 20px 0 0 0; width: 100%; max-width: 220px; }

#rightPopup .fixPaketlerContent { padding: 10px; }

li.lstParcaKontrol b { display: block; }

div.fixPaketlerContent .fixPaketItem .katalogParcaContent { padding-top: 10px; }

div.fixPaketlerContent .fixPaketItem .katalogParcaContentList ul.bakimListDetail { max-height: 105px; }

div.fixPaketlerContent .fixPaketItem .katalogParcaContentList .showMore {

    display: block;

    overflow: hidden;

    width: 100%;

    clear: both;

    position: relative;

    text-align: center;

    background: linear-gradient(transparent 0%, var(--guruBlue2) 80%);

    color: var(--guruWhite);

    border-radius: 4px;

    height: 60px;

    line-height: 30px;

    padding-top: 25px;

    margin-top: -30px;

    cursor: pointer;

}

div.fixPaketlerContent .fixPaketItem .katalogParcaContentList .showMore:hover { text-decoration: underline; }

div.fixPaketlerContent .fixPaketItem .katalogParcaContentList.showFull ul.bakimListDetail { max-height: initial; }

div.fixPaketlerContent .fixPaketItem .katalogParcaContentList.showFull .showMore { display: none; }

#rightPopup .fixPaketlerContent { border: 0; border-radius: 0; padding: 0; }

.fixPaketlerTitle {

    margin: 15px;

    font-size: 18px;

    font-weight: bold;

    border-bottom: 1px solid var(--guruGray3);

    padding-bottom: 5px;

}

div.fixPaketlerDetailContent {

    padding: 15px 0 0 15px;

}

div.fixPaketlerDetailContent .fixPaketlerTabs {width: calc(100% - 15px);}

div.fixPaketlerDetailContent .yeniParcaAramaContent {padding: initial;}

div.fixPaketlerDetailContent ul {border:0; width: calc(100% - 15px);}

.bakimPaketleriKmList {margin: 15px;}

    .bakimPaketleriKmList .list-group-item {

        margin-bottom: 5px;

        border: 1px solid var(--guruGray3);

        border-radius: 4px;

    }

div.fixPaketlerDetailContent .nav a.nav-link {background: transparent; border: 0; border-radius: 0; color: var(--guruBlue2); text-transform: uppercase; font-size: 14px; padding: 0; font-weight: 700; height: 40px; line-height: 40px;}

    div.fixPaketlerDetailContent .nav a.nav-link.active {

        background: var(--guruWhite);

    }

.btnFooterNewA {

    background: transparent;

    border: 0;

    color: var(--guruBlue2) !important;

    line-height: 45px;

    cursor: pointer;

}

    .btnFooterNewA:hover {

        color: var(--guruWhite);

    }

.navbar-dark button.navbar-toggler {

    color: var(--guruBlue2);

    background: var(--guruWhite);

    border: 0;

}

button.navbar-toggler i.material-icons { width: 30px; height: 30px; font-size: 24px; line-height: 30px; }

#musteriList.list-group .list-group-item div.listGroupContent, #musteriCariListPage .list-group .list-group-item div.listGroupContent { width: calc(100% - 50px); }

#musteriList.list-group .list-group-item div.listGroupContent b, #musteriCariListPage .list-group .list-group-item div.listGroupContent b { width: 100%; max-width: 100%; }

.list-group .list-group-item .listGroupContent b { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

.raporDateRange .form-group { max-width: 300px; float: left; margin: 10px 20px 0 0; }

/*#raporDetail { width: 100%; overflow: auto; max-height: 670px; }*/



a.btnDashboard:hover { text-decoration: none; color: var(--guruBlue2); }

a.btnDashboard {

    color: var(--gurubluetext);

    width: 100%;

    background: var(--guruWhite);

    display: block;

    border-radius: 3px;

    overflow: hidden;

    margin-bottom: 10px;

    height: 35px;

    line-height: 35px;

    font-weight: 600;

    font-style: italic;

}

    a.btnDashboard i {

        max-width: 35px;

        height: 35px;

        background: var(--guruBlue2);

        float: left;

        line-height: 35px;

        width: 35px;

        text-align: center;

        color: var(--guruWhite);

        margin-right: 10px;

    }

a.imgDashboard { display: block; margin-bottom: 10px }



.meksefeCard .cardContent {

    display: block;

    width: 100%;

    background: var(--guruWhite);

    overflow: hidden;

    padding: 10px;

}

.meksefeCard .cardTitle {

    width: 100%;

    display: block;

    height: 35px;

    background: var(--guruBlue2);

    color: var(--guruWhite);

    line-height: 35px;

    font-weight: 700;

    font-style: italic;

    font-size: 14px;

    overflow: hidden;

    border-radius: 3px 3px 0 0;

}

    .meksefeCard .cardTitle a {

        float: left;

        width: 44px;

        height: 35px;

        background: var(--gurubluebg);

        text-align: center;

        line-height: 35px;

        color: var(--guruWhite);

        font-size: 20px;

        margin-right: 10px;

    }

.meksefeCard .cardTitle a i { line-height: 1.45;}

.aracGirisleriTitle { font-family: 'Open Sans'; font-weight: 600; font-size: 13px; width: 100%; display: block; margin-bottom: 10px; overflow: hidden; }

.aracGirisleriTitle span { float: left; width: 33.333333%; display: block; text-align: right; }

.aracGirisleriTitle span b { display: block; font-size: var(--guruxlarge); width: 100%; overflow: hidden; clear: both; height: 35px; line-height: 27px; font-weight: 600;}





.aracGirisleriContent .aracGirisLine { display: block; overflow: hidden; width: 100%; font-size: var(--gurusmall); font-family: 'Open Sans'; font-weight: 600; }

.aracGirisleriContent .aracGirisLine span { width: 70px; float: left; }

.aracGirisleriContent .aracGirisLine b { width: calc(100% - 80px); text-align: right; display: block; margin: 0; position: relative; float: right; }

.aracGirisleriContent .aracGirisLine b i { border-radius: 0 3px 3px 0; background: var(--gurubluetext); display: block; float: left; height: 21px; margin-top: 2px; }

.widgetGununRandevulari .listContainer .list-group .list-group-item div.listGroupContent { width: calc(100% - 62px); }

.meksefeCard { margin-bottom: 15px; width: 100%; }

.widgetAracDurumlari table { font-size: 12px; text-align: center; font-weight: 600; }

.widgetAracDurumlari table tr th:nth-child(1) { text-align: left; }

.widgetAracDurumlari table tbody tr * { padding: 5px; }



/*.widgetAracDurumlari table .badge { color: #fff; border-radius: 16px; padding: 0 10px; line-height: 23px; height: 25px; }*/

    .widgetAracDurumlari table .badge {

        color: var(--guruWhite);

        border-radius: 16px;

        padding: 0 10px;

        line-height: 21px;

        height: auto;

        max-width: 130px;

        white-space: pre-line;

        text-align: left;

        padding: 2px 10px;

        font-size: 12px;

    }

.widgetAracDurumlari table .badgeCalisiyor { background: var(--gurupin2); }

.widgetAracDurumlari table .badgeParcaHazirla { background: var(--gurupin7); }

.widgetAracDurumlari table .badgeHazir { background: var(--gurupin8); }

.widgetAracDurumlari table .badgeBeklemede { background: var(--gurupin6);}



.widgetAracDurumlari table tbody tr td { height: 30px; padding-bottom: 0; line-height: 25px; font-weight: 600; font-size: var(--gurusmall); font-family: 'Open Sans'; }

.itemBildirim { display: block; width: 100%; overflow: hidden; font-size: 13px; line-height: 15px; padding: 9px 5px 10px 10px; border-bottom: 1px solid var(--guruGray8); }

.itemBildirim span { display: block;font-size: var(--guruxsmall) }

.itemBildirim i { float: left; width: 60px; font-style: normal; font-weight: 700; color: var(--guruBlue2); }

.itemBildirim .bildirimDetail { text-transform: uppercase; color: var(--guruBlue2); float: left; width: calc(100% - 60px); display: block; }

.itemBildirim .bildirimDetail b{

    font-size: var(--gurusmall);

    font-weight: 600;

    color: var(--gurubluebg);

}

.itemBildirim:last-child { border-bottom: 0; }

.anonsWrapper {

    color: var(--guruBlue2);

    background: var(--guruWhite);

    padding: 15px 10px 1px 11px;

    border-radius: 3px;

    margin: 10px 0;

    font-size: 12px;

}

.anonsWrapper img { width: 50%; margin-bottom: 10px; }

.bannerWrapper {

    background: var(--guruWhite);

    border-radius: 3px;

    padding: 10px;

}

.bannerWrapper a {

	display: block;

}

.bannerWrapper img {

	border-radius: 3px;

}





.dashSlide img { width: 100%; border-radius: 3px; margin-bottom: 15px; }

.widgetAracDurumlari table thead th { font-weight: 400; font-size: 13px; }

.searchInput {

    background: var(--guruWhite);

    border-radius: 3px;

    width: 215px;

}

.searchInput input { text-transform: uppercase; border: 0; font-size: 12px; height: 24px; line-height: 24px; float: left; padding-left: 10px; }

.createRobotWidget { position: relative; display: block; height: 160px; overflow: hidden; background: url(../img/robot1.png) no-repeat 0 0; }

    .createRobotWidget .searchInput {

        background: var(--guruWhite);

        border-radius: 3px;

        width: 195px;

        margin: 68px 0 0 105px;

    }

.createRobotWidget img { position: absolute; left: 0; top: 0; }



.vehicle-search input::-webkit-input-placeholder {

    color: var(--gurulightgraytext) !important;

}

.vehicle-search input:-ms-input-placeholder {

    color: var(--gurulightgraytext) !important;

}

.vehicle-search input::placeholder {

    color: var(--gurulightgraytext) !important;

}



.widgetGununRandevulari .listContainer .list-group .list-group-item .listGroupContent b, .widgetGununRandevulari .listContainer .list-group .list-group-item .listGroupContent span, .widgetGununRandevulari .listContainer .list-group-item .listGroupDate { font-size: 13px; }

.widgetGununRandevulari .listContainer .list-group .list-group-item { padding: 5px 10px 10px 10px; }

.widgetGununRandevulari .listContainer .list-group .list-group-item img.logo { height: 33px; width: 33px; margin: 0px 15px 0px 5px; }

.widgetGununRandevulari .listContainer .list-group .list-group-item .listGroupContent b { height: 20px; line-height: 20px; font-size: var(--gurusmall); font-weight: 600; }

.widgetGununRandevulari .listContainer .list-group .list-group-item .listGroupContent span { height: 10px; line-height: 10px; font-size: 13px; }

.widgetGununRandevulari .listContainer .list-group-item .listGroupDate { padding: 4px 10px 0 0; }

.widgetGununRandevulari .listGroupDate b i { font-style: normal; color: var(--guruBlue2); font-weight: 700; font-size: 13px; }

.aracGirisLine span.lblAdet { position: absolute; right: 5px; color: var(--guruBlue2); }

.aracGirisleriContent .aracGirisLine:first-child span.lblAdet {

    color: var(--guruWhite);

}



.createRobotWidget i {

    width: 23px;

    height: 24px;

    float: left;

    background: var(--guruWhite);

    line-height: 24px;

    font-size: 24px;

    cursor: pointer;

}



@media screen and (max-width:1200px) {

	.createRobotWidget .searchInput { margin: 68px 0 0 75px; }

}



@media screen and (max-width:991px) {

	.createRobotWidget .searchInput { margin: 68px 0 0 55px; }

    div.partialCar.partial {

        height: 200px;

    }

    .partialCar .carBadge span.lastikOlcusu {

        margin-top: 4px;

    }

}



@media screen and (max-width:767px) {

	.btnAyarlarDropdown i {position:relative;}

	#mainNav .navbar-nav .dropdown:hover .dropdown-menu {border-radius: .25rem;}

	.mobilePadding {

		padding-left: 15px !important;

	}

	.mobileNoPadding { padding: 0; }

	.createRobotWidget { max-width: 290px; margin: 0 auto; }

	.createRobotWidget .searchInput { margin: 68px 0 0 105px; }

	div.dashSlide { padding: 0; margin-left: -7px; }

}



.widgetAracDurumlari table td, .widgetAracDurumlari table th { padding: 10px 0; }

.form-control {

	height: calc(1.5em + .75rem + 4px);

    border: 1px solid var(--guruborderbg);

    border-radius: 3px !important;

    color: var(--guruBlue2) !important;

}

.form-control:disabled, .form-control[readonly]{

    border-radius: 4px!important;

}

.littleHeading.downloadHeading {

	margin: 24px 0 0 0 !important;

	background: transparent;

}

.littleHeading.faizHeading {

	padding: 2px 0 0 0;

	margin: 5px 0 0 0 !important;

	background: transparent;

}

#uploadList {

	display: block;

	padding: 0 10px;

}

.photoInput {

	position: absolute;

	left: 0;

	top: 0;

	width: 100%;

	height: 100%;

	display: block;

	opacity: 0;

}

div.scene div.list-group > .upload-item {

	border: 1px solid rgba(0,0,0,.1) !important;

	border-radius: .25rem !important;

	float: left;

	margin: 0 10px 10px 0;

	position: relative;

}

.upload-item-wrp {

	position:relative;

	float:left;

	margin-right: 15px;

}

.upload-item-wrp .upload-item img {

	width: 49px;

	height: 64px;

	object-fit: cover;

}

    .upload-item-wrp i {

        position: absolute;

        right: 0;

        top: -1px;

        cursor: pointer;

        color: red;

        background: var(--guruWhite);

        line-height: .9;

        border-radius: .25rem;

        overflow: hidden;

    }

#iscilikFiyatTable td input {

	border: 0;

	padding: 0 12px;

	height: auto;

	width: 75px;

	float: right;

	border: 1px solid var(--guruGray24);

}

#iscilikFiyatTable td input:focus {

	outline: none;

	box-shadow: none;

}

#iscilikFiyatTable tr td:nth-child(2) {

	opacity: .25;

}

.table td, .table th {

	vertical-align: middle;

    color: var(--guruBlue2);



}

.custom-radio .custom-control-input:checked ~ .custom-control-label::before {

    background-color: #262626 !important;

    border: none;

    box-shadow: none;

}

.custom-control-input:focus:not(:checked) ~ .custom-control-label::before {

    background-color: #262626 !important;

    border: none;

    box-shadow: none;

}

.custom-control-input:active ~ .custom-control-label::before {

    background-color: #262626 !important;

    border: none;

    box-shadow: none;

}

.form-check .form-check-input:checked ~ form-check-label::before {

    background-color: #262626 !important;

}

.table thead th {

    border-bottom: 2px solid var(--guruBlue2) !important;

}



.repair-group {

    margin-bottom: 15px;

    box-shadow: 0 .125rem .25rem rgba(0,0,0,.075) !important;

}

.repair-group li {

	width: calc(100% / 3);

	color: var(--guruBlue2);

	font-weight: 700;

	text-transform: uppercase;

	font-family: 'Open Sans';

	text-align: center;

    padding: 0;

	border-radius: 3px;

	height: 40px;

    line-height: 40px;

}

.repair-group li:first-child {

	border-radius: 3px 0 0 3px !important;

}

.repair-group li:last-child {

	border-radius: 0 3px 3px 0 !important;

}

.repair-group li a {

	height: 40px;

    display:block;

    line-height: 40px;

}

.oem-group .input-group-text {

	background: transparent;

	border: 0;

}

.sayimParcaOemPrice {

	float: left;

}

.sayimParcaOemPrice span {

	display: block;

}

.sayimParcaOemPrice span:last-child {

	font-weight: 700;

}

.search-group .input-group-text {

    background: var(--guruBlue2);

    color: var(--guruWhite);

    border-color: var(--guruBlue2);

    cursor: pointer;

}

.search-group.barcode .input-group-text.barcode {

	background: transparent;

	color: var(--guruBlue5);

	border-color: transparent;

	position: absolute;

	right: 45px;

	z-index: 99;

	font-size: 28px;

	top: 1px;

}

.search-group.barcode input {

	padding-right: 48px;

}

.search-group.barcode .input-group-append {

	position: relative;

}

#sayimParcaEkleModal .custom-switch {

	margin-right: -35px;

}

/*telerik css*/

.semibold {

	font-weight: 500;

	color: var(--guruRed11);

}



.k-grouping-row p {

	font-weight: 500;

}



.k-grid-header th.k-header {

	font-weight: 500;

}



.k-grid-header th.k-header > .k-link i {

	font-size: var(--largefont);

	display: inline-block;

	vertical-align: middle;

	margin-top: -2px;

}



.k-header > .k-grid-filter, .k-header > .k-header-column-menu {

	margin: -.8em -.6em -.4em 0;

}

.k-grid {border-radius: 0;}

.k-grid tr td:first-child,

.k-grid-header th.k-header:first-child {

	border-left: 0;

}

.k-gantt-timeline .k-grid-header:first-child .k-header:first-child, .k-gantt-timeline thead.k-grid-header .k-header:first-child, .k-grid-header:first-child th.k-header:first-child, .k-rtl .k-gantt-timeline thead.k-grid-header .k-header:last-child, .k-rtl thead.k-grid-header th.k-header:last-child, thead.k-grid-header th.k-header:first-child {

    border-radius: 0;

}



.k-grid-header th.k-header > .k-link {

    padding: 0;

    margin: 0;

    min-height: 20px;

    line-height: 20px;

}



.k-header > .k-grid-filter, .k-header > .k-header-column-menu {

	padding: 0;

	margin: 0;

}



.k-pager-wrap .k-link.k-state-selected,

.k-pager-wrap .k-link.k-state-selected:hover {

	background-color: var(--guruBlue2);

	border-color: var(--guruBlue2);

}



.k-pager-wrap .k-link {

	color: var(--guruBlue2);

}



	.k-pager-wrap .k-link:hover {

		color: var(--guruBlue2);

	}



.k-list > .k-item.k-state-hover {

    background-color: var(--guruBlue2);

    color: var(--guruWhite);

}



.k-list > .k-state-focused.k-state-selected,

.k-listview > .k-state-focused.k-state-selected,

.k-state-focused.k-state-selected,

td.k-state-focused.k-state-selected {

    box-shadow: none;

    background-color: var(--guruWhite);

    color: var(--guruBlue2);

}



.k-popup .k-list .k-state-focused {

	box-shadow: none;

}



tbody tr td.rating div,

tbody tr td.adminnote div {

	background-position: center center;

	background-repeat: no-repeat;

	background-size: 20px;

	color: transparent;

	width: auto;

	height: 22px;

}



span.k-state-selected {

	background-color: var(--guruBlue2);

	border-color: var(--guruBlue2);

}



.k-action-buttons .k-button[type="submit"] {

	background-color: var(--guruBlue2);

	border-color: var(--guruBlue2);

}



.k-action-buttons .k-button[type="reset"] {

    background-color: var(--guruWhite);

    border-color: var(--guruBlue2);

    color: var(--guruBlue2);

}



a.k-link {

	color: var(--guruBlue2);

}



span.k-icon.k-i-filter {

    color: var(--guruWhite) !important;

    margin-top: -5px;

}

.k-grid tr .checkBoxTd {

    text-align: center;

}

.k-grid tr .checkBoxTd .k-checkbox {

    margin-right: 2px;

}



.k-grid tr td {

    white-space: nowrap;

    text-overflow: ellipsis;

    overflow: hidden;

    cursor: pointer;

    border-width: 0 0 0px 0px;

    padding: .4em .6em !important;

    height: 30px;

    line-height: 30px;

}



.k-filter-row th, .k-grid-header th.k-header {

    padding: 10px 15px;

    background: var(--gurublacktext);

}

    .k-filter-row th a, .k-grid-header th.k-header a {

        color: var(--guruWhite) !important;

    }

.k-grid tr:hover {

    background-color: var(--gurulightgraytext) !important;

    color: var(--guruBlue2);

}

.k-grid-content table tr.k-alt:last-child {

    border-bottom: 0;

}

.k-grid-header .k-link .k-icon.k-i-sort-asc-sm, .k-grid-header .k-link .k-icon.k-i-sort-desc-sm {

    margin-top: 3px;

}

.k-grid-header table {

    border-right: 1px solid var(--guruGray);

}

.k-grid ::-webkit-scrollbar-track {

	background-color: var(--guruWhite1);

	width: 1px;

}



.k-grid ::-webkit-scrollbar {

	width: 10px;

	height: 10px;

	background-color: var(--guruBlue2);

	border-radius: 0px;

}



.k-grid ::-webkit-scrollbar-thumb {

	background-color: var(--guruBlue2);

	border-radius: 0px;

}



.k-pager-expand,

.k-pager-excel,

.k-pager-pdf {

	border-radius: 0;

	padding: 6px 6px;

	min-width: 2.3em;

	height: 2.3em;

	border-width: 1px;

	border-style: solid;

	outline: 0;

	box-sizing: border-box;

	color: inherit;

	text-align: center;

	display: -ms-inline-flexbox;

	display: inline-flex;

	-ms-flex-align: center;

	align-items: center;

	-ms-flex-pack: center;

	justify-content: center;

	position: relative;

	margin-left: auto;

	-ms-flex-order: 10;

	order: 10;

}

.k-pager-wrap .k-pager-expand,

.k-pager-wrap .k-pager-excel,

.k-pager-wrap .k-pager-pdf {

	border-color: transparent;

	background-color: transparent;

}

.gridWrapper {

	max-width: calc(100vw - 30px);

}

#raporDetail,

#gelenFaturalarDetail {

	margin-top: 24px;

}

#aktivite #gelenFaturalarDetail {

    margin-top: 0px;

}

#raporDetail .k-grid-content,

#gelenFaturalarDetail .k-grid-content {

	height: calc(100vh - 254px);

}

#aktivite #gelenFaturalarDetail .k-grid-content {

    height: calc(100vh - 210px);

}

.searchListContent .k-grid-content,

#musteriList .k-grid-content,

.MusteriCariListesi .k-grid-content,

#KasaListesi .k-grid-content,

.personelListesi .k-grid-content {

    height: calc(100vh - 164px);

}

.k-checkbox:checked {

    background-color: var(--guruBlue2) !important;

    color: var(--guruWhite);

}

.k-grid-content table {

    border-collapse: collapse;

}

.k-grid-content table tr.k-alt {

    border-bottom: 1px solid var(--guruWhite2);

    border-top: 1px solid var(--guruWhite2);

    background: transparent;

}

.k-grid td.k-state-selected:hover, .k-grid tr.k-state-selected:hover td {

    background-color: var(--guruBlue2) !important;

    color: var(--guruWhite);

}

.k-grid-content table tr.k-state-selected {

    background-color: var(--guruBlue2) !important;

    color: var(--guruWhite);

}

.searchListContent.k-grid {

    border-radius: 0;

}

.k-grid-norecords {

	display: flex;

	align-items: center;

	justify-content: center;

}

.k-grid-norecords-template {

	border: 0;

}

td[data-field="Marka"] img {

	display: inline-block;

	vertical-align: middle;

}

td[data-field="Marka"] span {

	vertical-align: middle;

	margin-left: 5px;

}

.k-grid-filter.k-state-active {

	background: var(--guruBlue2);

	box-shadow: none;

	border: none;

}

    .k-grid-filter.k-state-active .k-icon {

        color: var(--guruWhite) !important;

    }

.grid-price,

.grid-percent {

	text-align: right;

}

.grid-price.active:before {

	content: "₺ ";

	font-style: normal;

	font-weight: 300;

	font-family: arial;

}

.grid-percent.active:before {

	content: "% ";

	font-style: normal;

	font-weight: 300;

	font-family: arial;

}

/*switch*/

.custom-switch .custom-control-input:checked ~ .custom-control-label::before {

	border-color: var(--guruGreen2);

	background: var(--guruGreen2);

}



.custom-switch.custom-switch-sm .custom-control-label {

	padding-left: 1rem;

	padding-bottom: 1rem;

}



	.custom-switch.custom-switch-sm .custom-control-label::before {

		height: 1rem;

		width: calc(1rem + 0.75rem);

		border-radius: 2rem;

	}



	.custom-switch.custom-switch-sm .custom-control-label::after {

		width: calc(1rem - 4px);

		height: calc(1rem - 4px);

		border-radius: calc(1rem - (1rem / 2));

	}



.custom-switch.custom-switch-sm .custom-control-input:checked ~ .custom-control-label::after {

	transform: translateX(calc(1rem - 0.25rem));

}



/* for md */



.custom-switch.custom-switch-md .custom-control-label {

	padding-left: 2rem;

	padding-bottom: 1.5rem;

}



	.custom-switch.custom-switch-md .custom-control-label::before {

		height: 1.5rem;

		width: calc(2rem + 0.75rem);

		border-radius: 3rem;

	}



	.custom-switch.custom-switch-md .custom-control-label::after {

		width: calc(1.5rem - 4px);

		height: calc(1.5rem - 4px);

		border-radius: calc(2rem - (1.5rem / 2));

	}



.custom-switch.custom-switch-md .custom-control-input:checked ~ .custom-control-label::after {

	transform: translateX(calc(1.5rem - 0.25rem));

}



/* for lg */



.custom-switch.custom-switch-lg .custom-control-label {

	padding-left: 3rem;

	padding-bottom: 2rem;

}



	.custom-switch.custom-switch-lg .custom-control-label::before {

		height: 2rem;

		width: calc(3rem + 0.75rem);

		border-radius: 4rem;

	}



	.custom-switch.custom-switch-lg .custom-control-label::after {

		width: calc(2rem - 4px);

		height: calc(2rem - 4px);

		border-radius: calc(3rem - (2rem / 2));

	}



.custom-switch.custom-switch-lg .custom-control-input:checked ~ .custom-control-label::after {

	transform: translateX(calc(2rem - 0.25rem));

}



/* for xl */



.custom-switch.custom-switch-xl .custom-control-label {

	padding-left: 4rem;

	padding-bottom: 2.5rem;

}



	.custom-switch.custom-switch-xl .custom-control-label::before {

		height: 2.5rem;

		width: calc(4rem + 0.75rem);

		border-radius: 5rem;

	}



	.custom-switch.custom-switch-xl .custom-control-label::after {

		width: calc(2.5rem - 4px);

		height: calc(2.5rem - 4px);

		border-radius: calc(4rem - (2.5rem / 2));

	}



.custom-switch.custom-switch-xl .custom-control-input:checked ~ .custom-control-label::after {

	transform: translateX(calc(2.5rem - 0.25rem));

}



/**/



/*responsive*/

@media (max-width: 767px) {

	body {

		padding-top: 55px !important;

	}

	.navbar .navbar-toggler {

		padding: 0;

		height: 30px;

		line-height: 30px;

		width: 35px;

	}

}



/*print css*/

@media print {

	#pdfFaturaTeklif,

	#pdfFatura,

	#pdfAracKabulFormu,

	#pdfSatis {

		visibility: visible !important;

	}

	.no-print, .no-print * {

		display: none !important;

	}

	.pdfFatura {

		padding-top: 0px;

	}

	table tr td,

	table tr th,

	p,

	b {

		font-size: 18px !important;

		line-height: 22px !important;

	}

	table tr td,

	table tr th {

		padding: 3px !important;

	}

	.pdfFatura .faturaTable .faturaDetail > tr {

		height: 50px;

		overflow: hidden;

	}

	.pdfFatura > .faturaTable:not(.faturaTableSubFinal, .faturaTableSubFinalLeft) {

		page-break-after: auto;

	}

	@page {

		size: A4;

		margin: 30mm 10mm;

	}

}

.btn-primary:not(:disabled):not(.disabled).active:focus, .btn-primary:not(:disabled):not(.disabled):active:focus, .show > .btn-primary.dropdown-toggle:focus {

	box-shadow: none;

}

#btnFaturalaAction {

	margin-bottom: 50px;

}

.efatura-info {

	position: absolute;

	top: 225px;

	left: 300px;

	width: 300px;

	border: 3px solid red;

	color: red;

	padding: 10px;

	text-align: center;

	font-size: 16px;

}

.dropdown-item.active, .dropdown-item:active {

	background-color: var(--guruBlue2);

}

.faturaTableFinal {

    margin-bottom: 2rem;

}

/*new*/

:root {

    --guruwhitebg: #F2F2F2;

    --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: #ADB5BD;

    --gurupin2: #FF6B6B;

    --gurupin3: #F06595;

    --gurupin4: #CC5DE8;

    --gurupin5: #845EF7;

    --gurupin6: #5C7CFA;

    --gurupin7: #339AF0;

    --gurupin8: #22B8CF;

    --gurupin9: #20C997;

    --gurupin10: #94D82D;

    --gurupin11: #FCC419;

    --gurupin12: #FF922B;

    --gurusmall: 14px;

    --gurumedieum: 16px;

    --gurularge: 18px;

    --guruxlarge: 22px;

}

.dashboard-wrp {

    background: var(--guruGray30);

    width: 100%;

    padding: 15px;

    max-width: 1920px;

    height: 100vh;

    position: relative;

}

div.menu-wrp {

    max-width: 166px;

    width: 100%;

    display: inline-block;

    vertical-align: top;

    float: left;

    padding-right: 15px;

}

div.menu-wrp.small {

    max-width: 53px;

    text-align: center;

}

div.menu-wrp ul {

    padding: 0;

    margin: 0;

}

div.menu-wrp ul li.item {

    display: block;

    margin-bottom: 25px;

    transition: all .3s ease-out;

    width: calc(100% + 15px);

    position: relative;

}

div.menu-wrp ul li.item.banner-wrp {

    width: 100%;

}

div.menu-wrp.small ul li.item {

    margin-left: -7.5px;

}

div.menu-wrp a.logout {

    color: var(--guruBlue2);

    text-decoration: none;

}

div.menu-wrp a.logout i {

    display: inline-block;

    vertical-align: middle;

    margin-right: 5px;

    color: var(--guruBlue2);

}

div.menu-wrp.small a.logout span {

    display: none;

}

div.menu-wrp a.logout span {

    font-size: 18px;

    font-weight: 700;

    font-family: 'Open Sans Condensed';

    display: inline-block;

    vertical-align: middle;

    text-transform: uppercase;

    color: var(--guruBlue2);

}

div.menu-wrp a.logout i:hover {

    color: var(--guruBlue3);

}

div.menu-wrp ul li.item .dropdown {

    transition: all .3s ease-out;

    border-radius: 3px 0 0 3px;

    padding: 5px 0;

}

div.menu-wrp ul li.item .dropdown a {

    text-decoration: none;

}

div.menu-wrp ul li.item .dropdown-menu .dropdown {

    padding: 0;

}

div.menu-wrp ul li.item span {

    font-size: 18px;

    font-weight: 700;

    font-family: 'Open Sans Condensed';

    display: inline-block;

    vertical-align: middle;

    text-transform: uppercase;

    color: var(--guruBlue2);

}

    div.menu-wrp ul li.item span input {

        border-color: var(--guruWhite);

        width: 100%;

        background: var(--guruWhite);

        border-radius: 3px;

        box-shadow: none;

        outline: none;

        height: 35px;

        line-height: 35px;

        padding: 0 0 0 5px;

        font-weight: 400;

        font-family: 'Open Sans';

        width: 119px;

    }

div.menu-wrp ul li.item span input:focus {

    border-color: var(--guruBlue2);

}

div.menu-wrp.small ul li.item span {

    display: none;

}

div.menu-wrp ul li.item[main-menu-name="arama"] .menu-search {

    display: block;

    position: absolute;

    left: 200px;

    z-index: 999999;

    top: -5.5px;

    opacity: 0;

    visibility: hidden;

    transition: all .3s ease-out;

}

div.menu-wrp ul li.item[main-menu-name="arama"] .menu-search.active {

    opacity: 1;

    visibility: visible;

    left: 166px;

}

div.menu-wrp.small ul li.item[main-menu-name="arama"] .menu-search.active {

    left: 60px;

}

    div.menu-wrp ul li.item[main-menu-name="arama"] .menu-search input {

        width: 250px;

        padding: 0 40px 0 5px;

        border-color: var(--guruWhite);

        border-radius: 3px;

    }

div.menu-wrp ul li.item[main-menu-name="arama"] .menu-search input:focus {

    border-color: var(--guruBlue2);

}

div.menu-wrp ul li.item[main-menu-name="arama"] .menu-search i {

    position: absolute;

    right: 0;

    top: 0;

    color: var(--guruBlue2);

    height: 35px;

    line-height: 35px;

    width: 35px;

    text-align: center;

    cursor: pointer;

    border-radius: 0 3px 3px 0;

    transition: all .3s ease-out;

    display: block;

    margin: 0;

}

    div.menu-wrp ul li.item[main-menu-name="arama"] .menu-search i:hover {

        background: var(--gurudarkgraybg);

        color: var(--guruWhite);

    }

div.menu-wrp ul li.item i {

    display: inline-block;

    vertical-align: middle;

    margin-right: 5px;

    color: var(--guruBlue2);

    font-size: 24px;

}

    div.menu-wrp ul li.item:hover span,

    div.menu-wrp ul li.item:hover i {

        color: var(--guruBlue2);

    }

div.menu-wrp .logo {

    max-width: 140px;

    margin-bottom: 30px;

    display: block;

}

div.menu-wrp.small .logo {

    width: 100%;

}

div.menu-wrp .banner {

    margin-bottom: 30px;

    display: block;

    cursor: pointer;

}

div.menu-wrp.small .banner {

    display: none;

}

.widget-wrp {

    max-width: calc(100% - 166px);

    width: 100%;

    display: inline-block;

    vertical-align: top;

    float: right;

}

.widget-wrp.large {

    max-width: calc(100% - 53px);

}

.widget-wrp .row.external {

    margin-bottom: 30px;

}

.widget-wrp .row.internal {

    margin-top: 10px;

}

.widget-box {

    background: var(--guruWhite);

    padding: 20px;

    border-radius: 3px;

    font-size: var(--gurusmall);

    color: var(--guruBlue2);

    margin-bottom: 20px;

    transition: all .3s ease-out;

    position: relative;

}

.widget-box .widget-remove {

    position: absolute;

    right: 0;

    top: 0;

    cursor: pointer;

    padding: 5px;

    font-size: 18px;

}

.widget-banner {

    border-radius: 3px;

    margin-bottom: 20px;

    transition: all .3s ease-out;

}

.widget-banner a {

    display: block;

    cursor: pointer;

}

.widget-banner a img {

    width: 100%;

    border-radius: 3px;

}

.widget-box.vehicle-search {

    background: transparent;

}

.vehicle-search img {

    display: inline-block;

    vertical-align: middle;

    width: 133px;

}

.vehicle-search .input-wrp {

    position: relative;

    display: inline-block;

    vertical-align: middle;

    width: 100%;

}

.widget-box input {

    width: 100%;

    background: var(--guruWhite);

    border-color: var(--guruWhite);

    border-radius: 3px;

    box-shadow: none;

    color: var(--gurublacktext);

    outline: none;

    height: 35px;

    line-height: 35px;

    padding: 0 0 0 5px;

}

.widget-box.vehicle-search input {

    padding: 0 40px 0 5px;

    border-color: var(--guruWhite);

    border-width: 0 0 2px 0;

}

.widget-box.vehicle-search .aramaBtn {

    position: absolute;

    cursor: pointer;

    top: 5px;

    right: 5px;

}

.widget-box input:focus {

    border-color: var(--guruBlue3);

}

.vehicle-search i {

    position: absolute;

    right: 0;

    top: 0;

    color: var(--guruBlue2);

    height: 35px;

    line-height: 35px;

    width: 35px;

    text-align: center;

    cursor: pointer;

    border-radius: 0 3px 3px 0;

    transition: all .3s ease-out;

}

    .vehicle-search i:hover {

        background: var(--gurudarkgraybg);

        color: var(--guruWhite);

    }

.widget-box.part-search label {

    padding-top: 3px;

    margin-left: 0px;

    margin-bottom: 3px;

    font-family: 'Open Sans', sans-serif;

    font-size: var(--gurusmall);

    color: var(--gurunavytext);

    font-weight: 400;

}

.part-search input:focus {

    border-color: var(--guruborderbg);

    border-bottom: 2px solid var(--guruBlue3);

    box-shadow: none;

}

.dashboard-wrp input::-webkit-input-placeholder {

    color: var(--gurulightgraytext);

}

.dashboard-wrp input:-ms-input-placeholder {

    color: var(--gurulightgraytext);

}

.dashboard-wrp input::placeholder {

    color: var(--gurulightgraytext);

}

.widget-box .widget-title {

    overflow: hidden;

    text-transform: uppercase;

    clear: both;

    font-size: var(--gurularge);

    color: var(--guruBlue2);

    border-left: 10px solid var(--guruBlue2);

    padding-left: 20px !important;

    display: block;

    height: 24px;

    font-family: "Open Sans", sans-serif;

    line-height: 23px;

    font-weight: 400;

    margin: 5px 0 0 -20px;

}

.widget-box .widget-title .badge {

    margin-top: -5px;

    font-family: 'Open Sans';

    background: var(--gurubluebg);

    padding: 4px 10px;

}

.widget-box .btn-check {

    color: var(--guruwidgetbutton);

    text-decoration: underline;

    float: right;

    font-weight: 700;

    height: 35px;

    transition: all .3s ease-out;

    padding: 0;

    margin: 0;

    background: transparent;

}

.widget-box.table-analyze .btn-check {

    text-decoration: none;

}

.widget-box .btn-check:hover,

.widget-box .btn-check:focus {

    box-shadow: none;

    outline: none;

}

.widget-box label {

    font-family: 'Open Sans', sans-serif;

    font-size: var(--gurusmall);

    color: var(--gurunavytext);

    font-weight: 400;

    margin-left: 5px;

    margin-bottom: 0px;

}

.widget-box input {

    border-color: var(--guruborderbg);

}

.widget-box .plate-check-wrp:before {

    content: "&";

    position: absolute;

    left: -5.5px;

    top: 27px;

    color: var(--guruBlue2);

}

.widget-box .buy-sell {

    float: left;

    width: 100%;

    border-bottom: 1px solid var(--guruGray8);

    margin-bottom: 20px;

    padding-bottom: 20px;

}

.widget-box .buy-sell:last-child {

    margin-bottom: 0px;

    padding-bottom: 0px;

    border-bottom: 0;

}

.widget-box .buy-sell > div div:first-child {

    margin-bottom: 10px;

}

.widget-box .buy-sell > div div:last-child {

    font-weight: 700;

    text-align: center;

    min-height: 20px;

    font-family: 'Open Sans Condensed';

}

.widget-box .open > .dropdown-menu,

.top-bar .open > .dropdown-menu {

    min-height: initial;

    top: 27px;

    left: -55px;

    margin-top: 0px;

    background: var(--gurubluebg);

    border: 0;

    padding: 0;

    display: block;

    overflow: visible;

    min-height: initial;

    font-size: var(--gurusmall);

    height: initial;

    float: right;

    font-family: 'Open Sans';

    border-radius: 3px !important;

    box-shadow: none;

    outline: none;

    z-index: 99999 !important;

}

.widget-box.tramer-check .open > .dropdown-menu {

    top: 35px;

    left: -50px;

}

.widget-box.table-analyze .open > .dropdown-menu {

    left: -106px;

}

.top-bar .open > .dropdown-menu {

    left: initial;

    right: 9px;

    top: 39px;

}

#locationList {

    left: initial;

    right: 0;

}

.dropdown-menu > li > a {

    display: block;

    padding: 3px 20px;

    clear: both;

    font-weight: 400;

    line-height: 1.42857143;

    color: var(--guruBlack4);

    white-space: nowrap;

}

.widget-box .dropdown-menu > li > a,

.top-bar .dropdown-menu > li > a {

    transition: all .3s ease-out;

    color: var(--guruWhite);

    padding: 10px;

    position: relative;

    width: 100%;

    display: block;

    text-decoration: none;

}

.widget-box .dropdown-menu li:not(:first-child) a:after,

.top-bar .dropdown-menu li:not(:first-child) a:after {

    content: '';

    width: calc(100% - 20px);

    height: 1px;

    background: var(--guruWhite);

    position: absolute;

    left: 10px;

    top: 0;

}

.widget-box .dropdown-menu > li > a:hover,

.widget-box .dropdown-menu > li > a:focus,

.top-bar .dropdown-menu > li > a:hover,

.top-bar .dropdown-menu > li > a:focus {

    background: var(--guruBlue2);

    color: var(--guruWhite);

    padding-left: 15px;

}

.widget-box a {

    color: var(--gurunavytext);

}

.widget-box .stock-select {

    float: right;

    cursor: pointer;

}

.widget-box .stock-select span {

    display: inline-block;

    vertical-align: middle;

}

.widget-box .stock-select i {

    color: red;

    display: inline-block;

    vertical-align: middle;

    font-size: var(--gurularge);

}

.widget-box .analyze-detail div {

    display: inline-block;

    vertical-align: middle;

    width: calc(100% / 4);

}

.widget-box .analyze-detail div span {

    display: block;

}

.widget-box .analyze-detail div span:last-child {

    font-weight: 700;

    font-size: var(--gurumedium);

    margin-top: 10px;

    font-family: 'Open Sans Condensed';

}

.widget-box .analyze-title {

    float: left;

}

.widget-box .analyze-title:nth-child(1) {

    width: 75px;

}

.widget-box .analyze-title:nth-child(2) {

    width: calc(70% - 75px);

}

.widget-box .analyze-title:nth-child(3) {

    width: 15%;

    text-align: right;

}

.widget-box .analyze-title:nth-child(4) {

    width: 15%;

    text-align: right;

}

#analyzeChart {

    float: left;

    width: 100%;

    margin-top: 5px;

    padding-top: 8px;

}

#marketAverage {

    float: left;

    width: 100%;

    margin-top: 10px;

    text-align: right;

}

#marketAverage .other-label {

    margin-left: 15px;

}

.widget-box .analyze-item {

    float: left;

    margin-bottom: 15px;

    width: 100%;

}

.widget-box .analyze-item span {

    float: left;

}

.widget-box .analyze-item span:nth-child(1) {

    width: 75px;

    text-align: right;

    font-weight: 600;

    font-family: 'Open Sans';

    font-size: var(--gurusmall);

}

.widget-box .analyze-item span:nth-child(2) {

    width: calc(85% - 75px);

    padding-left: 30px;

}

.widget-box .analyze-item span:nth-child(3) {

    width: 15%;

    text-align: right;

    font-weight: 600;

    font-family: 'Open Sans';

    font-size: var(--gurusmall);

}

    .widget-box .analyze-item span:nth-child(2) i {

        display: block;

        background-image: linear-gradient(to right top, #146eb4, #1b7ac6, #2187d7, #2794ea, #2ca1fc);

        box-shadow: 0 5px 11px 0 rgba(0,0,0,0.10), 0 4px 15px 0 rgba(0,0,0,0.07);

        width: 0%;

    }

.widget-box .analyze-item:last-child {

    margin-bottom: 0px;

}

.widget-box .arrow-buttons {

    text-align: right;

}

.widget-box.stock-analyze .bx-controls-direction {

    position: absolute;

    right: 0;

    top: -40.5px;

}

.widget-box.stock-analyze .bx-controls-direction a {

    display: inline-block;

    vertical-align: middle;

}

.widget-box.stock-analyze .vehicle-arrow {

    display: inline-block;

    vertical-align: middle;

    width: 29px;

    height: 29px;

}

.widget-box.stock-analyze .vehicle-arrow i {

    cursor: pointer;

    font-size: 29px;

    color: var(--guruGreen1);

}

.widget-box .arrow-buttons i:first-child {

    margin-right: 5px;

}

.widget-box .arrow-buttons i:last-child {

    margin-left: 5px;

}

.widget-box .vehicle-card {

    position: relative;

    padding: 10px;

    border-radius: 3px;

    float: left;

    width: 100%;

    /*box-shadow: 0 5px 11px 0 rgba(0,0,0,0.10), 0 4px 15px 0 rgba(0,0,0,0.07);*/

}

.widget-box.stock-analyze .bx-viewport {

    box-shadow: 0 5px 11px 0 rgba(0,0,0,0.10), 0 4px 15px 0 rgba(0,0,0,0.07);

}

.widget-box .vehicle-card .brand {

    max-height: 45px;

    max-width: 45px;

    display: inline-block;

    vertical-align: top;

    margin-right: 10px;

}

.widget-box .vehicle-card .plate-year {

    display: inline-block;

    vertical-align: top;

}

.widget-box .vehicle-card .plate-year span {

    display: block;

    font-size: var(--gurumedium);

    display: block;

    color: var(--guruborderbg)

}

.widget-box .vehicle-card .plate-year span:first-child {

    font-weight: 600;

    font-size: var(--gurumedium);

    font-family: 'Open Sans', sans-serif;

    color:var(--gurubluetext);

}

.widget-box .vehicle-card .day {

    position: absolute;

    right: 30px;

    display: inline-block;

    vertical-align: top;

    color: var(--guruBlack5);

}

.widget-box .vehicle-card .car-image {

    position: absolute;

    right: -10px;

    top: 0;

    width: 40px;

    height: 40px;

    overflow: hidden;

    text-align: right;

    cursor: pointer;

}

    .widget-box .vehicle-card .car-image:before {

        content: "";

        left: -55px;

        top: 0;

        width: 95px;

        height: 40px;

        background: var(--guruWhite);

        display: block;

        position: absolute;

        transform: rotate(45deg);

    }

.widget-box .vehicle-card .car-image img {

    width: 40px;

    height: 40px;

    object-fit: cover;

}

.widget-box .vehicle-card .model {

    font-size: var(--gurusmall);

    font-weight: 700;

    margin-top: 5px;

    font-family: "Open Sans", sans-serif;

    color: var(--gurubluetext);

}

.widget-box .vehicle-card .color-km {

    margin-top: 5px;

}

.widget-box .vehicle-card .fuel-gear {

    margin-top: 15px;

}

    .widget-box .vehicle-card .fuel-gear span {

        font-size: var(--gurusmall);

        color: var(--guruWhite);

        text-transform: uppercase;

        border-radius: 4px;

        padding: 5px 10px;

    }

.widget-box .vehicle-card .fuel-gear span.fuel {

    margin-right: 3px;

}





.widget-box .vehicle-card .yakittipi-1 {

    background: var(--gurubenzin);

    color: var(--guruWhite);

}

.widget-box .vehicle-card .yakittipi-2 {

    background: var(--gurubenzinlpg);

    color: var(--guruWhite);

}

.widget-box .vehicle-card .yakittipi-3 {

    background: var(--gurudizel);

    color: var(--guruWhite);

}

.widget-box .vehicle-card .yakittipi-4 {

    background: var(--guruhybrid);

    color: var(--guruWhite);

}

.widget-box .vehicle-card .yakittipi-5 { background: var(--gurulpg); }

.widget-box .vehicle-card .yakittipi-6 {

    background: var(--guruelektrik);

    color: var(--guruWhite);

}

.widget-box .vehicle-card .yakittipi-7 { background: var(--guruphybrid); }

.widget-box .vehicle-card .yakittipi-8 { background: var(--gurudigeryakit); }

.widget-box .vehicle-card .vitestipi-1 { background: var(--gurumanuel); }

.widget-box .vehicle-card .vitestipi-2 { background: var(--guruotomatik); }

.widget-box .vehicle-card .vitestipi-3 { background: var(--guruyariotomatik); }

.widget-box .vehicle-card .vitestipi-3 { background: var(--guruyariotomatik); }

.widget-box .vehicle-card .vitestipi-3 { background: var(--guruvitesdiger); }



.widget-box .vehicle-card .fuel-gear .location {

    display: inline-block;

    vertical-align: top;

    font-size: var(--guruxlarge);

    margin: -2px 0 0 3px;

}

.widget-box .vehicle-card .fuel-gear .price {

    display: inline-block;

    vertical-align: middle;

    float: right;

    font-size: var(--gurumedium);

    color: var(--gurubluetext)  ;

    font-weight: 700;

}

.widget-box .vehicle-card .fuel-gear .price i {

    margin-right: 5px;

    content: "₺ ";

    font-style: normal;

    font-weight: 400;

    opacity: 0.4;

    font-family: 'arial';

}

.widget-box .related-card {

    margin-top: 20px;

/*    opacity: .5;*/

}

.widget-box .related-card.error {

    margin-top: 20px;

    opacity: 1;

}

    .widget-box .related-card .error {

        background: rgba(238, 110, 115, .9);

        color: var(--guruWhite);

        height: 40px;

        line-height: 40px;

        border-radius: 3px;

        padding-left: 10px;

        margin-top: 10px;

        white-space: nowrap;

        overflow: hidden;

        text-overflow: ellipsis;

    }

.widget-box .related-card .related-title {

    font-size: var(--gurusmall);

    font-weight: 700;

    text-transform: uppercase;

    border-bottom: 1px solid var(--guruBlue2);

}

.widget-box .related-card.error .related-title {

    opacity: .5;

}

.widget-box .related-card .detail-list {

    float: left;

    width: 100%;

    margin: 10px 0 0 0;

    padding: 0;

}

.widget-box .related-card .detail-list li {

    display: inline-block;

    vertical-align: middle;

    float: left;

    text-align: center;

    width: calc(100% / 3);

}

.widget-box .related-card .detail-list li span:first-child {

    font-weight: 700;

    display: block;

    font-size: var(--gurumedium);

}

.widget-box .related-card .detail-list li span i {

    font-family: 'arial';

    font-size: var(--gurusmall);

    font-weight: 700;

    font-style: normal;

    margin-right: 2px;

}

div.bottom-menu {

    position: fixed;

    background: var(--gurudarkgraybg);

    font-size: 18px;

    font-weight: 700;

    font-family: 'Open Sans Condensed';

    width: 100%;

    left: 0;

    right: 0;

    bottom: 0;

    animation: bottomMenuAnimate 1s;

    z-index: 999999;

    max-width: 1920px;

    margin: 0px auto;

    display: none;

}

div.bottom-menu ul {

    padding: 0;

    margin: 0;

}

div.bottom-menu ul li {

    display: inline-block;

    vertical-align: middle;

    padding: 5px 15px;

    transition: all .3s ease-out;

    cursor: pointer;

}

    div.bottom-menu ul li .dealer-name {

        color: var(--guruWhite);

    }

div.bottom-menu ul li:not(:nth-child(-n+2)):hover {

    margin-top: -5px;

}

div.bottom-menu ul li:first-child {

    border-radius: 20px 0 0 20px;

}

div.bottom-menu ul li:last-child {

    border-radius: 0 20px 20px 0;

}

    div.bottom-menu ul li a {

        color: var(--guruWhite);

    }

div.bottom-menu ul li .input-wrp {

    position: relative;

    width: 250px;

}

    div.bottom-menu ul li .input-wrp input {

        width: 100%;

        font-family: 'Open Sans';

        font-weight: 400;

        font-size: var(--gurusmall);

        border-radius: 3px;

        border-color: var(--guruWhite);

        outline: none;

        box-shadow: none;

        height: 35px;

        line-height: 35px;

        padding: 0 35px 0px 5px;

    }

div.bottom-menu ul li .input-wrp i {

    position: absolute;

    top: 0;

    right: 0;

    width: 35px;

    height: 35px;

    line-height: 35px;

    text-align: center;

    color: var(--guruBlue2);

    border-radius: 0 3px 3px 0;

    transition: all .3s ease-out;

}

div.widget-box ul.notification-list {

    padding: 0;

    margin: 0;

    float: left;

    width: 100%;

}

div.widget-box ul.notification-list li {

    display: block;

    font-family: "Open Sans", sans-serif;

    font-weight: 700;

    float: left;

    width: 100%;

    margin-bottom: 10px;

    transition: all .3s ease-out;

}

    div.widget-box ul.notification-list li.TramerKontorBitti span {

        color: var(--guruWhite) !important;

    }

div.widget-box ul.notification-list li:last-child {

    margin-bottom: 0px;

}

    div.widget-box ul.notification-list li.muayene-bitis div {

        background: var(--gurubluebg);

        color: var(--guruWhite);

        border-radius: 3px;

        padding: 5px 10px;

    }

    div.widget-box ul.notification-list li.vade-tarihi div {

        background: var(--guruborderbg);

        color: var(--guruWhite);

        border-radius: 3px;

        padding: 5px 10px;

    }

    div.widget-box ul.notification-list li.vade-tarihi div span {

        color: var(--guruWhite) !important;

    }

    div.widget-box ul.notification-list li.bildirim div {

        background: var(--guruGreen9);

        color: var(--guruWhite);

        border-radius: 3px;

        padding: 5px 10px;

    }

    div.widget-box ul.notification-list li.bildirim div span:last-child {

        /*opacity: .75;*/

        color: var(--guruWhite);

    }

    div.widget-box ul.notification-list li.bildirim div span i {

        color: var(--guruWhite);

    }

div.widget-box ul.notification-list li img {

    width: 40px;

    height: 40px;

    border-radius: 3px;

    float: left;

}

div.widget-box ul.notification-list li div {

    width: calc(100% - 55px);

    float: right;

}

div.widget-box ul.notification-list li div span {

    display: block;

    font-weight: 600;

    font-size: var(--gurusmall);

}

div.widget-box ul.notification-list li div span i {

    font-style: normal;

    color: var(--gurubluetext);

    font-weight: 700;

}

div.widget-box ul.notification-list li div span:last-child {

    font-family: 'Open Sans';

    font-weight: 400;

    /*opacity: .5;*/

    color: var(--guruborderbg);

}

div.widget-box.ad-analyze .ad-check {

    position: absolute;

    top: 20px;

    right: 20px;

    background: transparent;

    outline: none;

    box-shadow: none;

    color: var(--guruGreen1);

    text-decoration: underline;

    font-weight: 700;

    padding: 0;

    margin: 0;

    height: 35px;

}

div.widget-box.ad-analyze input {

    padding: 0 73px 0 5px;

}

div.widget-box.ad-analyze .vehicle-card {

    background: var(--guruBlue13);

    box-shadow: 0 5px 11px 0 rgba(0,0,0,0.10), 0 4px 15px 0 rgba(0,0,0,0.07);

}

.widget-box.ad-analyze .vehicle-card .car-image:before {

    background: var(--guruBlue13);

}

.widget-box.ad-analyze .related-card .related-title {

    border-color: var(--guruWhite);

}

.widget-box.ad-analyze .related-card {

    color: var(--guruWhite);

}

@keyframes bottomMenuAnimate {

    0% {

        bottom: -1000px;

    }



    100% {

        bottom: 0px;

    }

}

@keyframes topMenuAnimate {

    0% {

        top: -1000px;

    }



    100% {

        top: 0px;

    }

}

.widget-box.table-analyze table {

    width: 100%;

    margin-bottom: 0px;

    font-family: "Open Sans", sans-serif;

}

.widget-box.table-analyze .table>thead>tr>th {

    border-bottom: 1px solid var(--guruBlue2);

}

.widget-box.table-analyze .table>tbody>tr>td,

.widget-box.table-analyze .table>tfoot>tr>td,

.widget-box.table-analyze .table>thead>tr>th {

    border-top: 0;

    padding: 5px;

}

.widget-box.table-analyze .table>tbody>tr>td,

.widget-box.table-analyze .table>thead>tr>th {

    /*font-weight: 700;*/

}

.widget-box.table-analyze .table>thead>tr>th {

    padding: 0 5px 5px 5px;

    font-size: var(--gurusmall);

    font-weight: 400;

}

.widget-box.table-analyze table thead th {

    font-weight: 400;

}

.widget-box.table-analyze table thead th:first-child {

    font-weight: 600;

}

.widget-box.table-analyze table tbody td:first-child {

    font-weight: 600;

    text-transform: uppercase;

}

.widget-box.table-analyze table tbody tr:first-child td {

    padding-top: 6px;

}

.widget-box.table-analyze table tbody tr td:nth-child(2),

.widget-box.table-analyze table thead tr th:nth-child(2) {

    text-align: right;

    padding-right: 20px;

}

.widget-box.table-analyze table tbody tr td:nth-child(3),

.widget-box.table-analyze table thead tr th:nth-child(3),

.widget-box.table-analyze table tbody tr td:nth-child(4),

.widget-box.table-analyze table thead tr th:nth-child(4) {

    text-align: center;

}

.widget-box.table-analyze table tbody tr td:first-child,

.widget-box.table-analyze table thead tr th:first-child {

    padding-left: 0px;

}

.widget-box.table-analyze table tbody tr td:last-child,

.widget-box.table-analyze table thead tr th:last-child {

    padding-right: 0px;

}

.widget-box.table-analyze table tfoot td {

    color: var(--gurubluetext);

    font-weight: 700;

    text-transform: uppercase;

}

.widget-box.table-analyze .table-select {

    cursor: pointer;

}

.widget-box.table-analyze .table-select span {

    display: inline-block;

    vertical-align: middle;

    font-weight: 400;

}

.widget-box.table-analyze .table-select i {

    color: red;

    display: inline-block;

    vertical-align: middle;

    font-size: var(--gurularge);

    font-weight: 400;

}

.widget-box .show > .dropdown-menu, .top-bar .show > .dropdown-menu {

    min-height: initial;

    top: 27px;

    left: -55px;

    margin-top: 0px;

    background: var(--guruBlue2);

    border: 0;

    padding: 0;

    display: block;

    overflow: visible;

    min-height: initial;

    font-size: var(--gurusmall);

    height: initial;

    float: right;

    font-family: 'Open Sans';

    border-radius: 3px !important;

    box-shadow: none;

    outline: none;

    z-index: 99999 !important;

}

.top-bar .show > .dropdown-menu {

    left: initial;

    right: 9px;

    top: 39px;

}

div.top-bar {

    background: var(--guruWhite);

    border-radius: 3px;

    padding: 0 10px;

    font-weight: 700;

    color: var(--guruBlue2);

    animation: topMenuAnimate 1s;

    position: relative;

    top: 0;

    height: 40px;

    line-height: 40px;

}

div.top-bar .shortcuts {

    width: max-content;

    display: inline-block;

    vertical-align: middle;

    float: right;

    margin-right: 30px;

    border-right: 1px solid var(--guruBlue2);

    padding-right: 30px;

}

div.top-bar .shortcuts ul {

    padding: 0;

    margin: 0;

}

div.top-bar .shortcuts li {

    display: inline-block;

    vertical-align: middle;

    margin-right: 15px;

    transition: all .3s ease-out;

    margin-top: 0px;

    position: relative;

}

div.top-bar .shortcuts li:last-child {

    margin-right: 0px;

}

div.top-bar .shortcuts li a {

    display: block;

}

div.top-bar .shortcuts li a i {

    color: var(--guruBlue2);

    width: 30px;

    height: 30px;

    font-size: 30px;

    display: block;

    transition: all .3s ease-out;

    opacity: .5;

}

div.top-bar .shortcuts li a:hover i {

    opacity: 1;

}

div.top-bar .shortcuts li a i.iconTramer {

    width: 43px;

    height: 29px;

    background: url(../../staticfile/dashboardSpriteDark.png) no-repeat 0 0;

}

div.top-bar .shortcuts li a i.icon-b9 {

    font-size: var(--guruxlarge);

    text-align: center;

    line-height: 32px;

}

div.top-bar .dealer-name {

    font-size: 18px;

    font-weight: 700;

    font-family: 'Open Sans Condensed';

}

div.top-bar .personal {

    text-align: right;

    cursor: pointer;

    width: max-content;

    float: right;

}

div.top-bar .personal .dropdown {

    display: inline-block;

}

div.top-bar .personal span {

    display: inline-block;

    vertical-align: middle;

    margin-right: 5px;

    position: relative;

    top: 7px;

}

div.top-bar .personal img {

    width: 35px;

    height: 35px;

    display: inline-block;

    vertical-align: middle;

    border-radius: 3px;

    margin-top: -2px;

}

div.top-bar .personal i {

    display: inline-block;

    vertical-align: middle;

}

div.top-bar .personal i:after {

    display: none;

}

div.top-bar .top-menu {

    padding: 0;

    margin: -2px 0 0 0;

    display: inline-block;

    vertical-align: middle;

    height: 40px;

    line-height: 40px;

    display: none;

}

div.top-bar .top-menu.active {

    display: inline-block;

}

div.top-bar .top-menu li.item {

    display: inline-block;

    vertical-align: middle;

    margin-right: 10px;

    font-size: var(--gurusmall);

    text-transform: uppercase;

    transition: all .3s ease-out;

}

div.top-bar .top-menu li.item.active a {

    color: var(--guruBlue3);

    font-weight: 700;

}

@keyframes menuLeftAnimation {

    0% {

        margin-top: -1000px;

    }

    100% {

        margin-left: 0;

    }

}

div.top-bar .top-menu li.item.animation-active {

    margin-top: 0;

    animation-name: menuLeftAnimation;

}

div.top-bar .top-menu li.item:nth-child(1) {

    animation-duration: .4s

}

div.top-bar .top-menu li.item:nth-child(2) {

    animation-duration: .6s

}

div.top-bar .top-menu li.item:nth-child(3) {

    animation-duration: .8s

}

div.top-bar .top-menu li.item:nth-child(4) {

    animation-duration: 1s

}

div.top-bar .top-menu li.item:nth-child(5) {

    animation-duration: 1.2s

}

div.top-bar .top-menu li.item:nth-child(6) {

    animation-duration: 1.4s

}

div.top-bar .top-menu li.item:nth-child(7) {

    animation-duration: 1.6s

}

div.top-bar .top-menu > li:nth-child(8) {

    animation-duration: 1.8s

}

div.top-bar .top-menu > li:nth-child(9) {

    animation-duration: 2s

}

div.top-bar .top-menu li.item:nth-child(10) {

    animation-duration: 2.2s

}

div.top-bar .top-menu li.item:hover {

    margin-top: -5px;

}

div.top-bar .top-menu li.item a {

    color: var(--guruBlue2);

    border-right: 1px solid var(--guruBlue2);

    font-weight: 400;

    padding-right: 10px;

}

div.top-bar .top-menu li.item:last-child a {

    border-right: 0;

}

div.top-bar .top-menu .dropdown {

    display: inline-block;

}

div.top-bar .top-menu li.dropdown-wrp:hover {

    margin-top: 0px;

}

div.top-bar .top-menu li a i {

    display: inline-block;

    vertical-align: middle;

    font-size: var(--gurularge);

    margin-left: -4px;

}

div.top-bar .top-menu .dropdown .dropdown-menu {

    transition: all 0s ease-out;

    opacity: 0;

    visibility: hidden;

    display: block;

    margin-top: 20px;

    border-radius: 3px;

}

div.top-bar .top-menu .dropdown:hover .dropdown-menu {

    opacity: 1;

    visibility: visible;

    margin-top: 0px;

    transition: all .3s ease-out;

    background: var(--gurudarkgraybg);

    border: 0;

}

div.top-bar .top-menu .dropdown .dropdown-menu li a {

    color: var(--guruWhite);

    transition: all .3s ease-out;

}

div.top-bar .top-menu .dropdown .dropdown-menu > li > a:focus,

div.top-bar .top-menu .dropdown .dropdown-menu > li > a:hover {

    background: var(--guruWhite);

    color: var(--guruBlue2);

}

div.top-bar .dropdown-menu {

    min-height: initial;

    top: 40px;

    left: initial;

    background: var(--guruWhite);

    font-size: var(--gurusmall);

    padding: 10px 0;

    height: initial;

    float: right;

    right: 0;

    font-family: 'Open Sans';

}

div.top-bar .dropdown-menu li {

    display: block;

}

.widget-box select {

    width: 100%;

    background: var(--guruWhite);

    border-color: var(--guruGray);

    border-radius: 3px;

    box-shadow: none;

    outline: none;

    height: 35px;

    line-height: 35px;

    padding: 0 0 0 5px;

}

div.menu-wrp .dropdown .dropdown-menu {

    transition: all 0s ease-out;

    margin-top: 0px;

    border-radius: 3px;

    background: var(--guruBlue2);

    border: 0;

    padding: 0;

    transition: all 0s ease-out;

    opacity: 0;

    visibility: hidden;

    display: block;

    overflow: visible;

}

    div.menu-wrp .dropdown .dropdown-menu:before {

        content: '';

        width: 10px;

        height: 24px;

        background: var(--guruBlue2);

        position: absolute;

        left: -10px;

        top: 6px;

    }

div.menu-wrp.small .dropdown .dropdown-menu:before {

    top: 5px;

}

div.menu-wrp .dropdown:hover .dropdown-menu:not(.second) {

    opacity: 1;

    visibility: visible;

    transition: all .3s ease-out;

}

div.menu-wrp .dropdown-menu .dropdown:hover .dropdown-menu.second {

    opacity: 1;

    visibility: visible;

    transition: all .3s ease-out;

    background: var(--gurubluebg);

    left: 170px;

}

div.menu-wrp .dropdown-menu .dropdown:hover .dropdown-menu.second:before {

    background: var(--gurubluebg);

}

div.menu-wrp .dropdown-menu .dropdown:hover .dropdown-menu.second>li>a:focus,

div.menu-wrp .dropdown-menu .dropdown:hover .dropdown-menu.second>li>a:hover {

    background: var(--gurubluebg);

}

div.menu-wrp .dropdown .dropdown-menu li a {

    transition: all .3s ease-out;

    color: var(--guruWhite);

    padding: 10px;

    position: relative;

    width: 100%;

    display: block;

    text-decoration: none;

}

div.menu-wrp .dropdown .dropdown-menu li.weak a {

    opacity: .25;

    cursor: no-drop;

}

div.menu-wrp .dropdown .dropdown-menu li:not(:first-child) a:after {

    content: '';

    width: calc(100% - 20px);

    height: 1px;

    background: var(--guruWhite);

    position: absolute;

    left: 10px;

    top: 0;

}

div.menu-wrp .dropdown .dropdown-menu li:first-child a:after {

    height: 0px;

}

div.menu-wrp .dropdown .dropdown-menu li.active a {

    background: var(--gurubluebg);

    color: var(--guruWhite);

    font-weight: 700;

}

div.menu-wrp .dropdown .dropdown-menu > li > a:focus,

div.menu-wrp .dropdown .dropdown-menu > li > a:hover {

    padding-left: 15px;

    background: var(--guruBlue2);

    color: var(--guruWhite);

}

div.menu-wrp .dropdown .dropdown-menu > li > .dropdown > a:focus,

div.menu-wrp .dropdown .dropdown-menu > li > .dropdown > a:hover {

    padding-left: 15px;

    background: var(--guruBlue2);

    color: var(--guruWhite);

}

div.menu-wrp .dropdown-menu {

    min-height: initial;

    top: 0px;

    left: initial;

    background: var(--guruWhite);

    font-size: var(--gurusmall);

    padding: 10px 0;

    height: initial;

    float: right;

    left: 166px;

    font-family: 'Open Sans';

    border-radius: 3px !important;

    box-shadow: none;

    outline: none;

    z-index: 99999 !important;

}

div.menu-wrp.small .dropdown-menu {

    left: 60px;

}

div.menu-wrp .dropdown-menu li {

    display: block;

}

.grid-title {

    overflow: hidden;

    text-transform: uppercase;

    clear: both;

    font-size: var(--gurularge);

    color: var(--guruBlue2);

    border-left: 10px solid var(--gurunavytext);

    padding-left: 20px !important;

    display: block;

    height: 24px;

    font-family: 'Open Sans';

    line-height: 23px;

    font-weight: 400;

    margin: 7.5px 0 0 -6px;

    float: left;

}

.tramer-check .buy {

    text-decoration: underline;

    color: var(--guruborderbg);

    font-weight: 700;

    font-family: 'Open Sans';

}

.widget-box .preloader-wrapper {

    margin: 20px auto;

}

.widget-box .preloader-wrapper .spinner-layer {

    border-color: var(--guruBlue3);

}

.thin-percent {

    font-style: normal;

    font-weight: 300;

}

.today-card .piece {

    font-size: 18px;

    font-weight: 700;

    font-family: 'Open Sans';

    float: right;

}

.widget-box[card-name="stok-arac-analizi"] #stockAnalyzeSlider {

    width: 100% !important;

    float: left;

    min-height: 247px;

    display: flex;

    align-items: center;

    justify-content: center;

}

.widget-box[card-name="stok-arac-analizi"].error #stockAnalyzeSlider {

    min-height: initial;

    display: block;

}

.widget-box.table-ozetle table tbody tr td,

.widget-box.table-ozetle table thead tr th {

    padding: 5px !important;

    text-align: right !important;

}

.widget-box.table-ozetle table tbody tr td:first-child,

.widget-box.table-ozetle table thead tr th:first-child {

    text-align: left !important;

}

.widget-box.table-ozetle table tbody tr td:last-child,

.widget-box.table-ozetle table thead tr th:last-child {

    text-align: left !important;

    padding-left: 30px !important;

    min-width: 175px;

}

.widget-box.table-ozetle table tbody tr td i {

    width: 5px;

    min-height: 1px;

    display: inline-block;

    vertical-align: bottom;

    max-height: 20px;

    overflow: hidden;

    position: relative;

    bottom: 5px;

    margin-right: 6px;

}

.widget-box.table-ozetle table tbody tr td i:last-child {

    margin-right: 0px;

}

.widget-box.table-ozetle table tbody tr:nth-child(1) td {

    padding-top: 10px !important;

}

.widget-box.table-ozetle table tbody tr:nth-child(1) td i {

    background: var(--guruGreen1);

}

.widget-box.table-ozetle table tbody tr:nth-child(2) td i {

    background: var(--gurubluebg);

}

.widget-box.table-ozetle table tbody tr:nth-child(3) td i {

    background: var(--gurubluebg);

    opacity: .5;

}

.widget-box.table-ozetle .nav {

    border-bottom: 1px solid var(--guruBlue2);

    padding-bottom: 5px;

    margin-bottom: 15px;

}

.widget-box.table-ozetle .nav > li {

    width: calc(100% / 2);

}

.widget-box.table-ozetle .nav > li+li {

    margin-left: 0;

}

.widget-box.table-ozetle .nav > li > a {

    background: transparent;

    color: var(--guruBlue2);

    text-transform: uppercase;

    font-weight: 700;

    padding: 0;

    font-size: 18px;

    font-family: 'Open Sans Condensed';

}

    .widget-box.table-ozetle .nav > li > a .badge,

    .widget-box.bugun-satilanlar .nav > li > a .badge {

        margin-top: -2px;

        font-family: 'Open Sans';

        background: var(--gurubluebg);

        padding: 4px 10px;

        color: var(--guruWhite);

    }

.widget-box.table-ozetle .nav > li.active > a {

    /*color: var(--gurubluetext);*/

}

.widget-box.table-ozetle ul.notification-list li:first-child div,

.widget-box.bugun-satilanlar ul.notification-list li:first-child div {

    background: initial;

    color: initial;

    width: calc(100% - 55px);

    float: right;

    height: initial;

    line-height: initial;

}

.widget-box.table-ozetle ul.notification-list li:first-child div span,

.widget-box.bugun-satilanlar ul.notification-list li:first-child div span {

    color: var(--gurubluetext);

    opacity: initial;

    padding-left: initial;

}

.widget-box.table-ozetle ul.notification-list li:first-child div span:last-child,

.widget-box.bugun-satilanlar ul.notification-list li:first-child div span:last-child {

    /*opacity: .5 !important;*/

    color: var(--guruborderbg);

}

.widget-box.boss {

    background: transparent;

    padding-bottom: 0px;

    padding-top: 0px;

}

.widget-box .boss-report {

    cursor: pointer;

}

.widget-box .boss-report img {

    width: 50px;

    float: left;

}

.widget-box .boss-report .text {

    float: right;

    font-size: 18px;

    width: calc(100% - 60px);

    font-family: 'Open Sans Condensed';

    font-weight: 700;

    text-transform: uppercase;

    line-height: 20px;

    margin: 10px 0;

    white-space: nowrap;

    text-decoration: underline;

    text-align: right;

    color: var(--gurubluetext);

}

.widget-box .boss-report.hizli-sigorta .text {

    margin: 15px 0 0 0;

}

.widget-box .boss-report .text span {

    color: var(--guruBlue2);

    display: inline-block;

    text-decoration: underline;

}

.search-text {

    color: var(--gurublacktext);

}

.menu-search .search-text {

    color: var(--guruWhite);

}

.widget-box[card-name="stok-arac-analizi"] {

    min-height: 321px;

    padding: 20px 20px 0 20px;

}

.widget-box[card-name="stok-arac-analizi"].error {

    min-height: initial;

}

.widget-box .error-alert {

    background: var(--guruGray29);

    color: var(--guruWhite);

    height: 40px;

    line-height: 40px;

    border-radius: 3px;

    padding-left: 10px;

    margin-top: 10px;

    white-space: nowrap;

    overflow: hidden;

    text-overflow: ellipsis;

}

#widgetModal .btn.close {

    float: none;

    font-size: initial;

    font-weight: initial;

    text-shadow: initial;

    opacity: initial;

    font-size: var(--gurusmall);

}

#widgetModal form .checkbox {

    margin-bottom: 20px;

    margin-top: 0px;

}

#widgetModal form .checkbox:last-child {

    margin-bottom: 0px;

}

#widgetModal .modal-body p {

    color: var(--guruGreen2);

    margin-bottom: 15px;

    display: block;

    width: 100%;

}

#widgetModal form label {

    text-transform: uppercase;

}

.widget-box a.seemore-btn {

    font-weight: 700;

    float: right;

    color: var(--guruBlue3);

}

.seemore-btn span,

.seemore-btn i {

    display: inline-block;

    vertical-align: middle;

}

.badge.count {

    background: var(--guruGray29);

    padding: 4px 10px;

    font-family: 'Open Sans';

    background: var(--guruGray29);

    padding: 4px 10px;

}

div.top-bar .shortcuts li .badge.count {

    position: absolute;

    top: -21px;

}

div.top-bar .shortcuts li:nth-child(2) .badge.count {

    right: -3px;

}

div.top-bar .shortcuts li:nth-child(3) .badge.count {

    right: 2px;

}

div.top-bar .shortcuts li:nth-child(5) .badge.count {

    right: 5px;

}

div.widget-box.shortcut {

    background: transparent;

    padding: 0;

    text-align: center;

}

div.widget-box .shortcuts .slide {

    text-align: center;

    display: inline-block;

    vertical-align: top;

    position: relative;

    width: calc(100% / 5 - 5px);

    margin-right: 5px;

    float: left;

    transition: all .3s ease-out;

}

div.widget-box .shortcuts .slide:hover {

    margin-top: -10px;

}

div.widget-box .shortcuts .slide:last-child {

    margin-right: 0px;

}

    div.widget-box .shortcuts .slide .slide-inside {

        display: inline-block;

        vertical-align: middle;

        background: var(--guruWhite);

        border-radius: 50%;

        padding: 5px;

        width: 48px !important;

        height: 48px;

        line-height: 44px;

        text-align: center;

        border: 3px solid var(--guruBlue11);

    }

    div.widget-box .shortcuts .slide .slide-wrp {

        background: var(--guruBlue2);

        border-radius: 3px;

        color: var(--guruWhite);

        padding: 1px;

        float: left;

        width: 100%;

        max-height: 80px;

        text-decoration: none !important;

    }

    div.widget-box .shortcuts .slide .slide-wrp div {

        display: block;

        margin-bottom: 5px;

        text-align: left;

        color: var(--guruWhite);

    }

div.widget-box .shortcuts .slide .slide-wrp div:nth-child(1) {

    transform: rotate(-90deg);

    position: absolute;

    left: -22px;

    bottom: 28px;

    font-size: var(--gurusmall);

    font-weight: 300;

    height: 20px;

    line-height: 20px;

    width: 70px;

    letter-spacing: 0.2px;

}

div.widget-box .shortcuts .slide .slide-wrp div:nth-child(2) {

    font-weight: 700;

    font-size: 24px;

    min-height: 49px;

    text-align: right;

}

div.widget-box .shortcuts .slide .slide-wrp div:last-child {

    text-align: right;

}

div.widget-box .shortcuts .slide .slide-wrp i {

    border-radius: 10px;

    float: right;

    position: relative;

    top: -4px;

    right: 2px;

}

div.widget-box .shortcuts .slide i {

    font-size: var(--gurumedium);

    margin-top: 4px;

    top: -7px;

    right: 6px;

}

    div.widget-box .shortcuts .slide i {

        font-size: var(--gurularge);

        color: var(--guruWhite);

        border-radius: 50%;

    }

div.widget-box .shortcuts .slide span {

    color: var(--guruBlue11);

    font-size: var(--gurusmall);

    text-align: center;

    display: block;

    margin-top: 5px;

}

div.widget-box .shortcuts .slide .left img {

    width: 50px;

}

div.widget-box .shortcuts .slide .right {

    width: calc(100% - 50px);

    text-align: right;

    padding-top: 20px;

}

div.widget-box .shortcuts .slide .right .number {

    color: var(--guruRed6);

    font-weight: 700;

    font-size: 18px;

    display: block;

}

div.widget-box .shortcuts .slide .right .title {

    color: var(--guruBlue3);

    font-weight: 700;

    font-size: 18px;

    display: block;

}

    div.widget-box .shortcuts .slide span.badge.count {

        background: var(--guruWhite);

        padding: 4px 10px;

        color: var(--guruBlue2);

        border-radius: 10px;

        font-size: 12px;

        font-weight: 700;

        display: block;

        vertical-align: middle;

        position: initial;

        max-width: max-content;

        float: right;

        margin-right: 4px;

    }

.widget-wrp.large .shortcuts-row {

    position: absolute;

    right: 22px;

    z-index: 999;

    top: 0;

    padding: 0;

    width: 411.75px;

}

.shortcuts-row {

    display: none;

}

.widget-wrp.large .shortcuts-row {

    display: block;

}

.widget-wrp.large .widget-box.shortcut .shortcuts .slide {

    transition: all .3s ease-out;

    padding: 5px 0;

    margin-top: -61px;

}

.widget-wrp.large .widget-box.shortcut .shortcuts .slide:hover {

    margin-top: 1px;

}

.widget-wrp.large div.widget-box .shortcuts .slide .slide-wrp div:nth-child(2) {

    min-height: 55px;

}

.stokCheckWrp div.checkbox {

    width: 100%;

    text-align: left;

}







/*responsive*/

@media (min-width: 1921px) {

    div.bottom-menu {

        max-width: calc(1920px - 30px);

    }

}

@media (max-width: 1680px) {

    .widget-box .boss-report .text {

        font-size: 18px;

        line-height: 28px;

        margin: 10px 0;

    }

    .widget-wrp.large .shortcuts-row {

        width: 347.75px;

    }

}

@media (max-width: 1440px) {

    div.widget-wrp .change-widget {

        width: 50%;

        max-width: 50%;

        flex: 0 0 50%;

    }

    div.widget-wrp .change-column {

        width: 50%;

        max-width: 50%;

        flex: 0 0 50%;

    }

    div.widget-wrp .col-sm-9.column-length {

        width: 66.66666667%;

    }

    div.widget-wrp .col-sm-3.column-length {

        width: 33.33333333%;

    }

    .widget-wrp.large .shortcuts-row {

        width: 390.33px;

    }

}

@media (max-width: 1366px) {

    .widget-wrp.large .shortcuts-row {

        width: 365.66px;

    }

}

@media (max-width: 1280px) {

    div.bottom-menu ul li {

        padding: 5px 10px;

    }

    .widget-wrp.large .shortcuts-row {

        width: 337px;

    }

}

@media (max-width: 1366px) {

    .widget-wrp.large .shortcuts-row {

        width: 395.5px;

    }

    div.widget-wrp .change-widget {

        width: 100%;

        max-width: 100%;

        flex: 0 0 100%;

    }

    div.widget-wrp .change-column {

        width: 100%;

    }

    div.widget-wrp .col-sm-9.column-length {

        width: 50%;

        max-width: 50%;

        flex: 0 0 50%;

    }

    div.widget-wrp .col-sm-3.column-length {

        width: 50%;

        max-width: 50%;

        flex: 0 0 50%;

    }

}

@media (max-width: 991px) {

    .shortcuts-row {

        display: none !important;

    }

    .header-buttons {

        display: none !important;

    }

}

@media (max-width: 767px) {

    div.menu-wrp {

        display: none;

    }

    .widget-wrp {

        max-width: 100%;

    }

    body {

        padding-top: 0px !important;

    }

    .widget-wrp.large {

        max-width: 100%;

    }

    .dashboard-wrp {

        height: calc(100vh - 51px);

        overflow: auto;

    }

    div.widget-wrp .col-sm-9.column-length {

        width: 100%;

        max-width: 100%;

        flex: 0 0 100%;

    }



    div.widget-wrp .col-sm-3.column-length {

        width: 100%;

        max-width: 100%;

        flex: 0 0 100%;

    }

    .changeRow {

        flex-direction: column-reverse;

    }

    .footerButtonsLine {

        position: relative;

        margin-top: 40px;

        float: left;

    }

    body div .badge, body .partialCar .carBadge span {

        font-size: 12px;

    }

    .widget-box.shortcut .shortcuts {

        white-space: nowrap;

        overflow-x: auto;

    }

    .widget-box.shortcut .shortcuts .slide {

        float: none;

        width: 98px;

        display: inline-block;

        vertical-align: middle;

        margin-right: 10px;

    }

    div.widget-box .shortcuts .slide .slide-wrp div:nth-child(1) {

        font-size: var(--gurularge);

        font-weight: 300;

    }

    div.widget-box .shortcuts .slide .slide-wrp {

        min-height: 135px;

        padding: 10px;

        border-radius: 10px;

    }

    div.widget-box .shortcuts .slide .slide-wrp i {

        right: 10px;

        font-size: 35px;

        top: initial;

        bottom: -25px;

    }

    .widget-box[card-name="arac-arama"] {

        display: none;

    }

}

/*mobile-menu*/

.mobile-menu-inside {

    position: fixed;

    right: 0;

    bottom: -100%;

    font-family: 'Open Sans Condensed';

    font-size: 18px;

    font-weight: 700;

    background: var(--guruWhite3);

    width: 100%;

    height: 100vh;

    visibility: hidden;

    transition: all .3s ease-out;

    padding: 10px;

    right: 0;

    z-index: 999999;

}

.mobile-menu-inside.active {

    bottom: 0;

    visibility: visible;

    -webkit-backface-visibility: hidden !important;

    backface-visibility: hidden !important;

}

.mobile-menu-inside ul.top-menu {

    padding: 0;

    margin: 0;

    position: absolute;

    right: 0;

    bottom: 70px;

    width: 100%;

    transition: all .3s ease-out;

}

.mobile-menu-inside[direction="left"] ul.top-menu {

    right: initial;

    left: 0;

}

.mobile-menu-inside ul.top-menu > li {

    display: block;

    text-align: right;

    overflow: hidden;

    text-transform: uppercase;

    clear: both;

    color: var(--guruBlue2);

    border-right: 10px solid var(--guruBlue2);

    display: block;

    height: 24px;

    font-family: 'Open Sans Condensed';

    line-height: 20px;

    cursor: pointer;

    margin: 5px 0 30px 0;

    -webkit-tap-highlight-color: rgba(0,0,0,0);

    max-width: max-content;

    float: right;

}

.mobile-menu-inside[direction="left"] ul.top-menu > li {

    border-left: 10px solid var(--guruBlue2);

    border-right: 0;

    text-align: left;

    float: left;

}

.mobile-menu-inside ul.top-menu > li a {

    display: block;

    cursor: pointer;

}

.mobile-menu-inside ul.top-menu > li a i {

    color: var(--guruBlue2);

    display: inline-block;

    vertical-align: middle;

    margin-right: 13px;

}

.mobile-menu-inside[direction="left"] ul.top-menu > li a i {

    margin-right: 10px;

    float: left;

    margin-left: 11px;

}

.mobile-menu-inside[direction="left"] .sub-menu li:first-child a i {

    transform: rotate(0deg);

    margin-right: 13px;

    float: none;

    margin-left: 0;

}

.mobile-menu-inside ul.top-menu > li a span {

    color: var(--guruBlue2);

    display: inline-block;

    vertical-align: middle;

    margin-right: 9px;

}

    .mobile-menu-inside .sub-menu {

        background: var(--guruBlue2);

        border: 0;

        padding: 0;

        font-family: 'Open Sans';

        border-radius: 3px 0 0 3px;

        z-index: 999999;

        color: var(--guruWhite);

        position: absolute;

        right: -100%;

        bottom: 30px;

        font-size: var(--gurusmall);

        font-weight: 400;

        transition: all .3s ease-out;

        opacity: 0;

        visibility: hidden;

        min-width: 50%;

        height: calc(100vh - 154px);

        overflow-y: auto;

        -webkit-overflow-scrolling: touch;

        display: flex;

        flex-direction: column-reverse;

    }

.mobile-menu-inside .sub-menu::-webkit-scrollbar-track {

    background-color: var(--guruBlue3);

    width: 1px;

}



    .mobile-menu-inside .sub-menu::-webkit-scrollbar {

        width: 5px;

        height: 5px;

        background-color: var(--guruWhite);

        border-radius: 0px;

    }



    .mobile-menu-inside .sub-menu::-webkit-scrollbar-thumb {

        background-color: var(--guruWhite);

        border-radius: 0px;

    }

.mobile-menu-inside[direction="left"] .sub-menu {

    right: initial;

    left: -100%;

    border-radius: 0 3px 3px 0;

}

.mobile-menu-inside .sub-menu.active {

    right: 0;

    opacity: 1;

    visibility: visible;

}

.mobile-menu-inside[direction="left"] .sub-menu.active {

    right: initial;

    left: 0;

    opacity: 1;

    visibility: visible;

}

.mobile-menu-inside .sub-menu li {

    display: block;

    cursor: pointer;

    text-align: left;

}

.mobile-menu-inside .sub-menu li.back {

    position: sticky;

    top: 0;

    background: var(--guruBlue2);

    z-index: 999;

}

.mobile-menu-inside .sub-menu li:first-child a {

    text-align: left;

}

    .mobile-menu-inside .sub-menu li:first-child a i {

        color: var(--guruWhite);

        transform: rotate(180deg);

    }

    .mobile-menu-inside .sub-menu li a {

        transition: all .3s ease-out;

        color: var(--guruWhite);

        padding: 15px 10px;

        position: relative;

        width: 100%;

        display: block;

        text-transform: capitalize;

        display: block;

        cursor: pointer;

    }

.mobile-menu-inside .sub-menu li.weak a {

    opacity: .25;

    cursor: no-drop;

}

    .mobile-menu-inside .sub-menu li:not(:last-child) a:after {

        content: '';

        width: calc(100% - 20px);

        height: 1px;

        background: var(--guruWhite);

        position: absolute;

        left: 10px;

        top: 0;

    }

.mobile-menu-inside .hand-img {

    cursor: pointer;

    position: absolute;

    left: 20px;

    bottom: 80px;

    z-index: 999999;

}

.mobile-menu-inside .hand-img[direction="left"] {

    left: initial;

    right: 20px;

}

.mobile-menu-inside .menu-header {

    float: left;

    width: 100%;

}

.mobile-menu-inside .personal {

    float: left;

}

.mobile-menu-inside .personal-icons {

    float: right;

    margin: 5px 0;

}

.mobile-menu-inside .personal-icons .edit i {

    color: var(--guruGray16);

    margin-right: 10px;

}

    .mobile-menu-inside .personal-icons .exit i {

        color: var(--guruBlack);

    }

.mobile-menu-inside .personal img {

    width: 35px;

    height: 35px;

    border-radius: 3px;

    display: inline-block;

    vertical-align: bottom;

}

.mobile-menu-inside .personal span {

    display: inline-block;

    vertical-align: bottom;

    font-size: var(--gurusmall);

}

.mobile-menu-inside .banner {

    float: left;

    width: 100%;

    margin: 10px 0;

}

.mobile-menu-inside .banner a {

    display: block;

}

.mobile-menu-inside .banner a img {

    width: 100%;

}

.mobile-menu {

    background: var(--guruBlue2);

    color: var(--guruWhite);

    position: fixed;

    left: 0;

    bottom: 0;

    width: 100%;

    font-family: 'Open Sans Condensed';

    font-weight: 700;

    height: 60px;

    line-height: 60px;

    z-index: 999999;

}

.mobile-menu ul {

    padding: 0;

    margin: 0;

    float: left;

    padding: 0 10px;

    width: calc(100% - 60px);

}

.mobile-menu[direction="left"] ul {

    float: right;

}

.mobile-menu ul li {

    display: inline-block;

    vertical-align: middle;

    float: left;

    width: calc(100% / 3);

}

.mobile-menu ul li a {

    padding: 15px;

    margin: -15px;

}

.mobile-menu[direction="left"] ul li {

    float: right;

    text-align: right;

}

    .mobile-menu ul li a i {

        color: var(--guruWhite);

        display: inline-block;

        vertical-align: middle;

        margin-right: 2px;

    }

.mobile-menu ul li.price a i {

    font-size: 18px;

    margin-right: 7px;

}

    .mobile-menu ul li a span {

        color: var(--guruWhite);

        display: inline-block;

        vertical-align: middle;

    }

.mobile-menu .menu-toggle {

    float: right;

    background: var(--guruRed6);

    height: 60px;

    line-height: 73px;

    width: 60px;

    text-align: center;

    cursor: pointer;

}

.mobile-menu[direction="left"] .menu-toggle {

    float: left;

}

.navbar-fixed nav .button-collapse {

    display: none;

}

.fixed-action-btn {

    right: 10px;

    bottom: 70px;

}

.aracAraWrapper {

    padding-top: 75px;

}

.absolute-icons {

    position: absolute;

    right: 150%;

    bottom: 12.5px;

    z-index: 999999;

    color: var(--guruBlue2);

    text-align: right;

    overflow: hidden;

    text-transform: uppercase;

    clear: both;

    border-right: 10px solid var(--guruBlue2);

    display: block;

    height: 24px;

    font-family: 'Open Sans Condensed';

    line-height: 20px;

    cursor: pointer;

    margin: 5px 0 30px 0;

    -webkit-tap-highlight-color: rgba(0,0,0,0);

    transition: all .3s ease-out;

    visibility: hidden;

}

.mobile-menu-inside[direction="left"] .absolute-icons {

    border-left: 10px solid var(--guruBlue3);

    border-right: 0;

}

.mobile-menu-inside[direction="left"] .absolute-icons i {

    margin-right: 8px;

    float: left;

    margin-left: 8px;

}

.mobile-menu-inside[direction="left"] .absolute-icons {

    right: initial;

    left: 150%;

}

.absolute-icons.active {

    visibility: visible;

    right: 50%;

}

.mobile-menu-inside[direction="left"] .absolute-icons.active {

    right: initial;

    left: 50%;

}

.absolute-icons span {

    font-size: 18px;

    font-weight: 700;

    font-family: 'Open Sans Condensed';

    display: inline-block;

    vertical-align: middle;

    text-transform: uppercase;

    margin-right: 4px;

}

.absolute-icons i {

    display: inline-block;

    vertical-align: middle;

    margin-right: 8px;

}

@media (min-width: 768px) {

    .mobile-menu,

    .mobile-menu-inside {

        display: none;

    }

}

/*spinner*/

.widget-box .preloader-wrapper {

    display: block;

    position: relative;

    width: 50px;

    height: 50px;

}



.widget-box .preloader-wrapper.small {

    width: 36px;

    height: 36px;

}



.widget-box .preloader-wrapper.big {

    width: 64px;

    height: 64px;

}



.widget-box .preloader-wrapper.active {

    /* duration: 360 * ARCTIME / (ARCSTARTROT + (360-ARCSIZE)) */

    -webkit-animation: container-rotate 1568ms linear infinite;

    animation: container-rotate 1568ms linear infinite;

}

@-webkit-keyframes container-rotate {

    to {

        -webkit-transform: rotate(360deg);

    }

}



@keyframes container-rotate {

    to {

        -webkit-transform: rotate(360deg);

        transform: rotate(360deg);

    }

}

.widget-box .spinner-layer {

    position: absolute;

    width: 100%;

    height: 100%;

    opacity: 0;

    border-color: var(--guruGreen6);

}



.widget-box .spinner-blue,

.widget-box .spinner-blue-only {

    border-color: var(--guruBlue4);

}



.widget-box .spinner-red,

.widget-box .spinner-red-only {

    border-color: var(--guruRed4);

}



.widget-box .spinner-yellow,

.widget-box .spinner-yellow-only {

    border-color: var(--guruYellow);

}



.widget-box .spinner-green,

.widget-box .spinner-green-only {

    border-color: var(--guruGreen7);

}

.widget-box .active .spinner-layer.spinner-blue {

    /* durations: 4 * ARCTIME */

    -webkit-animation: fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both, blue-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;

    animation: fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both, blue-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;

}



.widget-box .active .spinner-layer.spinner-red {

    /* durations: 4 * ARCTIME */

    -webkit-animation: fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both, red-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;

    animation: fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both, red-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;

}



.widget-box .active .spinner-layer.spinner-yellow {

    /* durations: 4 * ARCTIME */

    -webkit-animation: fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both, yellow-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;

    animation: fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both, yellow-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;

}



.widget-box .active .spinner-layer.spinner-green {

    /* durations: 4 * ARCTIME */

    -webkit-animation: fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both, green-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;

    animation: fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both, green-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;

}



.widget-box .active .spinner-layer,

.widget-box .active .spinner-layer.spinner-blue-only,

.widget-box .active .spinner-layer.spinner-red-only,

.widget-box .active .spinner-layer.spinner-yellow-only,

.widget-box .active .spinner-layer.spinner-green-only {

    /* durations: 4 * ARCTIME */

    opacity: 1;

    -webkit-animation: fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;

    animation: fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;

}



@-webkit-keyframes fill-unfill-rotate {

    12.5% {

        -webkit-transform: rotate(135deg);

    }

    /* 0.5 * ARCSIZE */

    25% {

        -webkit-transform: rotate(270deg);

    }

    /* 1   * ARCSIZE */

    37.5% {

        -webkit-transform: rotate(405deg);

    }

    /* 1.5 * ARCSIZE */

    50% {

        -webkit-transform: rotate(540deg);

    }

    /* 2   * ARCSIZE */

    62.5% {

        -webkit-transform: rotate(675deg);

    }

    /* 2.5 * ARCSIZE */

    75% {

        -webkit-transform: rotate(810deg);

    }

    /* 3   * ARCSIZE */

    87.5% {

        -webkit-transform: rotate(945deg);

    }

    /* 3.5 * ARCSIZE */

    to {

        -webkit-transform: rotate(1080deg);

    }

    /* 4   * ARCSIZE */

}



@keyframes fill-unfill-rotate {

    12.5% {

        -webkit-transform: rotate(135deg);

        transform: rotate(135deg);

    }

    /* 0.5 * ARCSIZE */

    25% {

        -webkit-transform: rotate(270deg);

        transform: rotate(270deg);

    }

    /* 1   * ARCSIZE */

    37.5% {

        -webkit-transform: rotate(405deg);

        transform: rotate(405deg);

    }

    /* 1.5 * ARCSIZE */

    50% {

        -webkit-transform: rotate(540deg);

        transform: rotate(540deg);

    }

    /* 2   * ARCSIZE */

    62.5% {

        -webkit-transform: rotate(675deg);

        transform: rotate(675deg);

    }

    /* 2.5 * ARCSIZE */

    75% {

        -webkit-transform: rotate(810deg);

        transform: rotate(810deg);

    }

    /* 3   * ARCSIZE */

    87.5% {

        -webkit-transform: rotate(945deg);

        transform: rotate(945deg);

    }

    /* 3.5 * ARCSIZE */

    to {

        -webkit-transform: rotate(1080deg);

        transform: rotate(1080deg);

    }

    /* 4   * ARCSIZE */

}



@-webkit-keyframes blue-fade-in-out {

    from {

        opacity: 1;

    }

    25% {

        opacity: 1;

    }

    26% {

        opacity: 0;

    }

    89% {

        opacity: 0;

    }

    90% {

        opacity: 1;

    }

    100% {

        opacity: 1;

    }

}



@keyframes blue-fade-in-out {

    from {

        opacity: 1;

    }

    25% {

        opacity: 1;

    }

    26% {

        opacity: 0;

    }

    89% {

        opacity: 0;

    }

    90% {

        opacity: 1;

    }

    100% {

        opacity: 1;

    }

}



@-webkit-keyframes red-fade-in-out {

    from {

        opacity: 0;

    }

    15% {

        opacity: 0;

    }

    25% {

        opacity: 1;

    }

    50% {

        opacity: 1;

    }

    51% {

        opacity: 0;

    }

}



@keyframes red-fade-in-out {

    from {

        opacity: 0;

    }

    15% {

        opacity: 0;

    }

    25% {

        opacity: 1;

    }

    50% {

        opacity: 1;

    }

    51% {

        opacity: 0;

    }

}



@-webkit-keyframes yellow-fade-in-out {

    from {

        opacity: 0;

    }

    40% {

        opacity: 0;

    }

    50% {

        opacity: 1;

    }

    75% {

        opacity: 1;

    }

    76% {

        opacity: 0;

    }

}



@keyframes yellow-fade-in-out {

    from {

        opacity: 0;

    }

    40% {

        opacity: 0;

    }

    50% {

        opacity: 1;

    }

    75% {

        opacity: 1;

    }

    76% {

        opacity: 0;

    }

}



@-webkit-keyframes green-fade-in-out {

    from {

        opacity: 0;

    }

    65% {

        opacity: 0;

    }

    75% {

        opacity: 1;

    }

    90% {

        opacity: 1;

    }

    100% {

        opacity: 0;

    }

}



@keyframes green-fade-in-out {

    from {

        opacity: 0;

    }

    65% {

        opacity: 0;

    }

    75% {

        opacity: 1;

    }

    90% {

        opacity: 1;

    }

    100% {

        opacity: 0;

    }

}

.widget-box .gap-patch {

    position: absolute;

    top: 0;

    left: 45%;

    width: 10%;

    height: 100%;

    overflow: hidden;

    border-color: inherit;

}



.widget-box .gap-patch .circle {

    width: 1000%;

    left: -450%;

}



.widget-box .circle-clipper {

    display: inline-block;

    position: relative;

    width: 50%;

    height: 100%;

    overflow: hidden;

    border-color: inherit;

}



.widget-box .circle-clipper .circle {

    width: 200%;

    height: 100%;

    border-width: 3px;

    /* STROKEWIDTH */

    border-style: solid;

    border-color: inherit;

    border-bottom-color: transparent !important;

    border-radius: 50%;

    -webkit-animation: none;

    animation: none;

    position: absolute;

    top: 0;

    right: 0;

    bottom: 0;

}



.widget-box .circle-clipper.left .circle {

    left: 0;

    border-right-color: transparent !important;

    -webkit-transform: rotate(129deg);

    transform: rotate(129deg);

}



.widget-box .circle-clipper.right .circle {

    left: -100%;

    border-left-color: transparent !important;

    -webkit-transform: rotate(-129deg);

    transform: rotate(-129deg);

}



.widget-box .active .circle-clipper.left .circle {

    /* duration: ARCTIME */

    -webkit-animation: left-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;

    animation: left-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;

}



.widget-box .active .circle-clipper.right .circle {

    /* duration: ARCTIME */

    -webkit-animation: right-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;

    animation: right-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;

}



@-webkit-keyframes left-spin {

    from {

        -webkit-transform: rotate(130deg);

    }

    50% {

        -webkit-transform: rotate(-5deg);

    }

    to {

        -webkit-transform: rotate(130deg);

    }

}



@keyframes left-spin {

    from {

        -webkit-transform: rotate(130deg);

        transform: rotate(130deg);

    }

    50% {

        -webkit-transform: rotate(-5deg);

        transform: rotate(-5deg);

    }

    to {

        -webkit-transform: rotate(130deg);

        transform: rotate(130deg);

    }

}



@-webkit-keyframes right-spin {

    from {

        -webkit-transform: rotate(-130deg);

    }

    50% {

        -webkit-transform: rotate(5deg);

    }

    to {

        -webkit-transform: rotate(-130deg);

    }

}



@keyframes right-spin {

    from {

        -webkit-transform: rotate(-130deg);

        transform: rotate(-130deg);

    }

    50% {

        -webkit-transform: rotate(5deg);

        transform: rotate(5deg);

    }

    to {

        -webkit-transform: rotate(-130deg);

        transform: rotate(-130deg);

    }

}



.widget-box #spinnerContainer.cooldown {

    /* duration: SHRINK_TIME */

    -webkit-animation: container-rotate 1568ms linear infinite, fade-out 400ms cubic-bezier(0.4, 0, 0.2, 1);

    animation: container-rotate 1568ms linear infinite, fade-out 400ms cubic-bezier(0.4, 0, 0.2, 1);

}

@-webkit-keyframes fade-out {

    from {

        opacity: 1;

    }

    to {

        opacity: 0;

    }

}



@keyframes fade-out {

    from {

        opacity: 1;

    }

    to {

        opacity: 0;

    }

}



.row {

    margin-left: -10px;

    margin-right: -10px;

}

.col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto {

    padding-left: 10px;

    padding-right: 10px;

}

.form-control:focus {

    border-color: var(--guruborderbg);

    border-bottom: 2px solid var(--guruBlue2);

    box-shadow: none;

}

.kasaPrice {

    margin-top: 1.4rem;

    font-size: 20px;

}

.kasaCheckWrp {

    display: flex;

    flex-direction: column;

    justify-content: flex-end;

}

.accordion ul {

    padding: 0;

    margin: 0;

    float: left;

    width: 100%;

}

.accordion ul li {

    display: inline-block;

    vertical-align: middle;

    width: 22.5%;

    float: left;

}

.accordion ul li:nth-child(3),

.accordion ul li:nth-child(4) {

    padding-right: 15px;

}

.accordion ul li:last-child {

    width: 10%;

}

.accordion .card-body {

    float: left;

    width: 100%;

}

.accordion ul li:last-child {

    text-align: right;

}

.accordion ul li:last-child i {

    cursor: pointer;

}

.accordion .card-body ul.sikayet {

    margin-top: 5px;

}

.accordion .card-body ul li {

    width: 100%;

}

.accordion .card-body ul:first-child li:not(:first-child) {

    margin-top: 5px;

}

.accordion .card-body ul li:last-child {

    text-align: left;

}

.accordion > .card-header {

    border: 0 !important;

}

.accordion > .card:not(:first-of-type) {

    border-top: 1px solid rgba(0,0,0,.125) !important;

}

#faturaDetay .modal-dialog {

    max-width: 1200px;

}

/*related-card*/

.related-card {

    float: left;

    width: 100%;

}

.related-card .detail-list {

    float: left;

    width: 100%;

    margin: 0;

    padding: 0;

}

.related-card .detail-list li {

    display: inline-block;

    vertical-align: middle;

    float: left;

    text-align: center;

    width: calc(100% / 3);

}

.related-card .detail-list li span:first-child {

    font-weight: 700;

    display: block;

    font-size: var(--gurumedium);

}

.related-card .detail-list li span i {

    font-family: 'arial';

    font-size: var(--gurusmall);

    font-weight: 700;

    font-style: normal;

    margin-right: 2px;

}



.info-badge-danger {

    background-color: var(--gururedbg)!important;

    color: var(--guruwhitebg);

}



.info-badge-success {

    background-color: var(--gurubenzin)!important;

    color: var(--guruwhitebg);

}



.bg-none{

    background: none!important;

}



.text-color-green {

    color: var(--gurubenzin) !important;

}

.text-color-red {

    color: var(--gururedbg) !important;

}

.padding-8 {

    padding: 0 11px !important;

}



.padding-10 {

    padding: 0px 10px 0px 0px !important;

}



.margin-20 {

    margin: 20px !important;

}



.w64{

    width:64px

}



.br-1 {

    border: 1px solid transparent;

    border-radius: 0.25rem !important;

}



/*Yakit Durumu*/



.fuelStatus {

    width: 18px;

    height: 18px;

    border: 1px solid var(--guruborderbg);

    margin-left: 5px;

    float: left;

    cursor:pointer;

}



.fuelStatus:hover {

    background-color: var(--guruBlue2)

}



    .fuelStatus.active {

        background-color: var(--guruBlue2)

    }



.mb-30{

    margin-bottom:30px;

}



.mt-30 {

    margin-top: 2px;

}



.fl-both {

    float:left

}



.checkbox-item {

    position: absolute !important;

    top: 125px !important;

    left: 85px !important;

}



.checkbox-item-input {

    width: 15px !important;

    margin-top: 3px !important;

    margin-left: -20px !important;

}