.login-bg{ background: #eeeae3; }
.login-right { background: #ffbf02!important; }
.login-logo{ margin: auto;display: block; position: relative; top: 85px; }
.login-h1{ position: relative; }
.form-control { border: 1px solid #cfcac196!important; }
.login-btn{ background-color: #000000!important; }
.link-primary{ color: #000 !important; }
.login-text{ font-size: 13px!important; font-weight: 500!important; }
.aside-menu .menu .menu-item .menu-link .menu-title { color: #b6b9c8; font-size: 16px; font-weight: 600; padding-left: 15px; }

.content { padding: 30px 0 30px 0; margin-top: 0px; }
.general { width: 100%; display: block!important; }
.general .list{ float: right; width: 100%; position: relative; top: 60px; text-align: right; font-size: 14px!important; font-weight: 500; }
.top-42{ margin-top: -50px!important; }
.general .list a{ margin-left: 10px; color: #898989; }
.general .list a:hover span{ text-decoration: underline; }
.general .list a.selected span{ text-decoration: underline; }

.carousel-custom .carousel-indicators.carousel-indicators-bullet li{ width: 16px; height: 4px!important; }
.carousel-custom .carousel-indicators.carousel-indicators-bullet li:after{ width: 16px!important; height: 4px!important; }
.carousel-custom .carousel-indicators-active-primary li.active:after { background-color: #E9E4DB!important; }
.carousel-item .list{ float: right; width: fit-content; }
.carousel-item .list a{ font-size: 14px; font-weight: 500; margin-left: 10px; color: #fff!important; }
.carousel-item .list a:hover span{ text-decoration: underline; }
.carousel-item .list a.selected span{ text-decoration: underline; }

.blue-bg{ background:#004174; }
.blue-bg:before{ content: ''; position: absolute; z-index: 0; background: url(../media/blue-bg-line.svg) no-repeat top left; width: 192px; height: 192px; }
.blue-bg h4{ color: #fff; font-size: 28px; }
.blue-bg h3{ padding-left: 14px; color: #fff; font-size: 20px; line-height: 30px; margin-top: 50px; float: left; font-weight: 500; width: 100%; display: block; }
.blue-bg .price-btn{ display: block; float: left; background: #fff; width: 50%; text-align: left; border-radius: 10px; padding: 8px 19px; font-size: 27px; font-weight: 600; color: #004174; margin-right: 30px; }
.blue-bg .card-body{ z-index: 1; }
.blue-bg .carousel-custom .carousel-indicators.carousel-indicators-bullet li.active { transition: all 0.3s ease; background-color: #E9E4DB; height: 4px!important; width: 16px; }


.green-bg{ background:#38BA39; }
.green-bg:before{ content: ''; position: absolute; z-index: 0; background: url(../media/green-bg-line.svg) no-repeat top right; width: 192px; height: 192px; right: 0px; }
.green-bg h4{ color: #fff!important; font-size: 20px!important; margin-bottom: 10px; }
.green-bg h3{ padding-left: 14px; color: #fff; font-size: 20px; line-height: 30px; margin-top: 20px; float: left; font-weight: 500; width: 100%; display: block; }
.green-bg .price-btn{ display: block; float: left; background: #fff; width: 50%; text-align: left; border-radius: 10px; padding: 8px 19px; font-size: 27px; font-weight: 600; color: #004174; margin-right: 30px; }
.green-bg .card-body{ z-index: 1; }
.green-bg .carousel-custom .carousel-indicators.carousel-indicators-bullet li.active { transition: all 0.3s ease; background-color: #E9E4DB; height: 4px!important; width: 16px; }

.quality-list ul{ margin: 0px; padding: 0px; }
.quality-list ul li{ margin: 0px; padding: 3px 0px; list-style: none; font-size: 16px; font-weight: 500; color: #004174; line-height: 20px; }
.quality-list ul li img{ margin-right: 5px; }
.quality-list .rating { width: 170px; display: inline-flex; }
.quality-list .rating .rating-label { margin: 0 1px; }
.quality-list .rating .quality-icon{ float: left; }
.quality-list .rating .svg-icon i{ font-size: 15px; color: var(--kt-rating-color-active); }

.quality-report{ float: left; display: block; }
.quality-report ul{ margin:15px 0px; padding: 0px; }
.quality-report ul li{ float: left; margin-right: 13px; list-style: none; }
.quality-report ul li .score{ background: #E9E4DB; width: 55px; display: block; height: 55px; border-radius: 100%; line-height: 55px; text-align: center; color: #004174; font-size: 21px; font-weight: 500; margin-bottom: 7px; }
.quality-report ul li:last-child .score{ background: #FFBA01; }
.quality-report ul li .info{ display: block; text-align: center; color: #004174; font-size:12px; font-weight: 500; }


.left-icon{ background: #eee; padding: 15px; border-radius: 15px; }
.left-icon i{ font-size: 25px; color:#898989!important; }
.left-icon:hover{ background: #898989; padding: 15px; border-radius: 15px; }
.left-icon:hover i{ font-size: 25px; color:#fff!important; }
.menu-item .menu-link { padding: 5px!important; }
.header{ height: auto!important; background-color: #e9e5dc!important; }
.footer{ background-color: #eee!important; }
.header i, .header .svg-icon{ color: var(--kt-text-dark)!important; }
.aside .aside-menu .menu>.menu-item { margin-bottom: 0rem!important; }
.map{ background: url(../media/map-bg2.png) no-repeat top center; height: 204px; border: 2px solid #FFBA01!important; padding: 0px; float: left; border-radius: 15px; width: 100%; }

.bg-round{ background: #F2EFE9; border: 2px solid #F2EFE9; }
.bg-round:hover{ border: 2px solid #FFBA01; }
.stepper.stepper-pills.stepper-column .stepper-item{ width: 100%; }
.stepper-desc{ display: none; }
.completed .stepper-desc{ display: block; }
.stepper-desc{ padding: 10px; border-radius: 10px; }
.stepper-desc p{ font-size: 11px; line-height: 20px; margin: auto; margin-bottom: 0px; }
.stepper-desc img{ margin: auto; display: block; border-radius: 100%; }
.stepper-desc .icon{ width: fit-content; margin: auto; display: block; }
.stepper-desc .tags span{ padding: 5px; background: #cac7bf; color: #fff; float: left; border-radius: 6px; margin: 0px 10px 10px 0px; }


.circle-bg{ display: inline-block!important; background: #fff; width: 70px; height: 70px; border-radius: 100%; line-height: 70px!important; text-align: center; font-weight: 500!important; font-size: 30px!important; }
.text-general{ float: right; color: #004174!important; padding-left: 10px; }
.text-general { float: right; color: #004174!important; padding-left: 5px; position: relative; top: 26px; width: 50%; line-height: 17px; }


.transfers{ float: left; width: 100%; }
.transfers .list{ float: left; width: 100%; display: block; margin-bottom: 15px; min-height: 258px; overflow: unset; position: relative; } 

.transfers .list .left-card{ float: left; width: 20%; min-height: 258px; padding: 21px 10px 11px;background: #fff; position: relative; }
.transfers .list .left-card:before{ content:''; display: block; position: absolute; background: #f2efe9; width: 40px; height: 50px; right: -22px; z-index: 1; top: -32px; border-radius: 100%; }
.transfers .list .left-card:after{ content:''; display: block; position: absolute; background: #f2efe9; width: 40px; height: 50px; right: -22px; z-index: 1; bottom: -32px; border-radius: 100%; }
.transfers .list .left-card.danger{ background:#ff6464; }
.transfers .list .left-card.warning{ background:#ffba01; }
.transfers .list .left-card .late{ color: #fff; font-weight: 500; font-size: 17px; line-height: 23px; margin-bottom: 8px; min-height: 23px; padding-left: 24px; }
.transfers .list .left-card .date{ color: #004174; font-weight: 500; font-size: 23px; line-height: 30px; margin-bottom: 6px; padding-left: 24px; }
.transfers .list .left-card .hour{ color: #004174; font-weight: 700; font-size: 47px; line-height: 55px; margin-bottom: 10px; padding-left: 20px; }
.transfers .list .left-card .price{ background:#E9E4DB; padding: 4px 25px 4px 25px; font-weight:500; border-radius:30px; font-size: 27px; color: #004174; text-align: left; width: fit-content; margin-bottom: 13px; }
.transfers .list .left-card .payment{ color: #004174; font-weight: 600; font-size: 15px; padding-left: 28px; }

.transfers .list .right-box { float: left; width: 80%; min-height: 258px; padding: 25px 35px 0px; background: #fff; position: relative; border-radius: 10px; }
.transfers .list .right-box:before{ content: ''; position: absolute; left: -1.5px; top: 0px; background: url(../media/dashed-line.svg) repeat-y top left; display: block; width: 3px; height: 100%; }
.transfers .list.blue .right-box:after{ content: ''; position: absolute; left: 0px; top: 0px; background: #36A9E1; width: 100%; height: 4px; border-radius: 10px 50px; } 
.transfers .list.green .right-box:after{ content: ''; position: absolute; left: 0px; top: 0px; background: #38bb3a; width: 100%; height: 4px; border-radius: 10px 50px; }
.transfers .list.yellow .right-box:after{ content: ''; position: absolute; left: 0px; top: 0px; background: #ffba01; width: 100%; height: 4px; border-radius: 10px 50px; }  

.transfers .list .right-box .top{ float: left; width: 100%; position: relative; min-height: 185px; }

.transfers .list .right-box .top .left{ float: left; width: 25%; }
.transfers .list .right-box .top .center{ float: left; margin: 0px 50px; width: 40%; }
.transfers .list .right-box .top .right{ float: left; }
.transfers .list .right-box .top .left ul{ margin: 0px; padding: 0px; }
.transfers .list .right-box .top .left ul li{ list-style: none; font-size: 16px; font-weight: 500; margin-bottom: 20px; color: #004174; }
.transfers .list .right-box .top .left ul li .img{ width: 28px; float: left; }
.transfers .list .right-box .top .left ul li span{ margin-left: 10px; }

.transfers .list .right-box .top .center .transfer-info{ margin: 0px; padding: 0px 20px; background:url(../media/icon/transfer-line.svg) no-repeat 0px 3px; }
.transfers .list .right-box .top .center .transfer-info .start, .transfers .list .right-box .top .center .transfer-info .end{ padding-left: 15px; min-height: 85px; }
.transfers .list .right-box .top .center .transfer-info .start .title, .transfers .list .right-box .top .center .transfer-info .end .title{ color: #004174; font-size: 16px; font-weight: 500; }
.transfers .list .right-box .top .center .transfer-info .start .text, .transfers .list .right-box .top .center .transfer-info .end .text{ color: #004174; font-size: 13px; font-weight: 400; }
 
.transfers .list .right-box .top .right{ float: left; text-align: right; width: calc(35% - 100px); }
.transfers .list .right-box .top .right .rating{ float: right; }
.transfers .list .right-box .top .right .rating .svg-icon i{ font-size: 15px; color: #F2EFE9; }
.transfers .list .right-box .top .right .rating .checked .svg-icon i{ font-size: 15px; color: #FFA2A2; }
.transfers .list .right-box .top .right .uetds{ float: right; width: 100%; display: block; text-align: right; margin-top: 12px; margin-bottom: 2px; }
.transfers .list .right-box .top .right .uetds span.danger{ color: #ff6464; margin-right: 10px; font-size: 15px; font-weight: 500; }
.transfers .list .right-box .top .right .uetds img{ float: right; }
.transfers .list .right-box .top .right .driver{ float: right; width: 100%; display: block; margin-top: 8px; }
.transfers .list .right-box .top .right .driver span{ border-radius: 100%; border: 2px solid #fff; float: right; }
.transfers .list .right-box .top .right .driver span.success{ border-color: #3AAA35; }
.transfers .list .right-box .top .right .driver span.warning{ border-color: #FFBA01; }
.transfers .list .right-box .top .right .driver span.danger{ border-color: #ff6464; }
.transfers .list .right-box .top .right .add-driver{ float: right; width: 100%; display: block; margin-top: 8px; }
.transfers .list .right-box .top .right .add-driver span{ font-size: 13px; font-weight: 500; color: #004174; margin-right: 7px; line-height: 27px; }
.transfers .list .right-box .top .right .add-driver img{ float: right; }
.transfers .list .right-box .top .right .percent{ float: right; width: 90%; display: block; margin-top: 8px; }
.transfers .list .right-box .top .right .percent .percent-wrap{ width: 70%!important; float: left; margin-top: 10px; background: #E9E4DB!important; }
.transfers .list .right-box .top .right .percent span{ float: right; font-size: 15px; font-weight: 500; color: #004174; margin-left: 7px; line-height: 27px; }

.transfers .list .right-box .bottom { float: left; width: calc(100% - 40px); position: relative; margin: 0px 40px; padding: 13px 0px; border-top: 1px solid #E9E4DB; }
.transfers .list .right-box .bottom:before{ content: ''; position: absolute; display: block; background: #f2efe9; height: 100%; width: 25px; left: -78px; top: 61px; }
.transfers .list .right-box .bottom .left { float: left; width: 30%; }
.transfers .list .right-box .bottom .left .transfer-no{ float: left; font-size: 14px; font-weight: 500; color: #004174; margin-right: 40px; }
.transfers .list .right-box .bottom .left .transfer-by{ float: left; font-size: 14px; font-weight: 500; color: #ff6464; }

.transfers .list .right-box .bottom .center { float: left; width: 50%; padding-left: 150px; }
.transfers .list .right-box .bottom .right { float: left; width: 20%; }
.transfers .list .right-box .bottom .right .dropdown-toggle{ float: right; }
.transfers .list .right-box .bottom .right .dropdown-toggle::after{  display: none; }
.transfers .list .right-box .bottom .collapse{ float: left; width: 100%; }
.transfers .list .right-box .bottom .collapse .card.card-body { padding: 0px; }
.transfers .list .right-box .bottom .detail-info{ float: left; width: 100%; display: block; margin: 30px 0px; }
.transfers .list .right-box .bottom .detail-info .head{ float: left; width: 100%; display: block; background: #F2EFE9; color: #004174; font-size: 15px; font-weight: 500; line-height: 45px; font-weight: 500; padding: 0px 15px; }
.transfers .list .right-box .bottom .detail-info .head .customer { float: left; width: 30%; text-align: left; }
.transfers .list .right-box .bottom .detail-info .head .operation { float: left; width: 35%; text-align: left; }
.transfers .list .right-box .bottom .detail-info .head .driver { float: left; width: 35%; text-align: left; padding-left: 30px; }

.transfers .list .right-box .bottom .detail-info .info{ float: left; width: 100%; display: block; color: #004174; font-size: 12px; font-weight: 400; line-height: 20px; padding: 15px 15px; }
.transfers .list .right-box .bottom .detail-info .info p{ margin-bottom: 10px; }
.transfers .list .right-box .bottom .detail-info .info table { width: 90%; }
.transfers .list .right-box .bottom .detail-info .info table tr{ border-bottom: 1px solid #d7d7d7; }
.transfers .list .right-box .bottom .detail-info .info table td{ padding: 8px 0px; }
.transfers .list .right-box .bottom .detail-info .info .customer { float: left; width: 30%; text-align: left; }
.transfers .list .right-box .bottom .detail-info .info .operation { float: left; width: 35%; text-align: left; }
.transfers .list .right-box .bottom .detail-info .info .driver { float: left; width: 35%; text-align: left; padding-left: 30px; }
.transfers .list .right-box .bottom .detail-info .info .driver table { width: 100%; }

.donus{ color:#003360; font-size: 15px; padding-left: 5px; }
.donus .form-radio-input{ width: 1.5rem; height: 1.5rem; margin-top:0px; }
.donus label{ position: relative; top: -4px; padding-left: 5px; font-size: 14px; font-weight: 500; }

.donus input[type="checkbox"]{ visibility: hidden; position: absolute; }
.donus input[type="checkbox"] + label:before{ height: 16px; width: 16px; margin-right: 10px; position: relative; top: 3px; content: " "; display:inline-block; vertical-align: baseline; border:2px solid #00335F; }
.donus input[type="checkbox"]:checked + label:before{ background-color: #00335F; }
.donus input[type="checkbox"] + label:before{ border-radius:50%; }


.form-body{ margin: 10px 0px 0px 0px; background:#FFA800; border-radius: 15px; padding: 10px; float: left; width: 100%; }
.form-body div{ position: relative; }
.relative{ position: relative!important; }

.transfer-form-control::placeholder { color: #003360; }
.transfer-form-control:-ms-input-placeholder { color: #003360; }
.transfer-form-control::-ms-input-placeholder { color: #003360; }
.width-50{ float: left; position: relative; width: 50%; }
.transfer-form-control{ background: #EFEBE4; border: none; padding: 5px; padding-left: 45px; border-radius: 10px; float: left; width: 100%; min-height: 45px; line-height: 45px; font-weight: 500; letter-spacing: 0.3px; color: #003360; border: 2px solid #EFEBE4; -webkit-transition: all 0.7s; -moz-transition: all 0.7s; transition: all 0.7s; position: relative; z-index: 2; }
.transfer-form-control:focus, .transfer-form-control:focus-within, .transfer-form-control:focus-visible{ outline: none; border: 2px solid #004175; -webkit-transition: all 0.7s; -moz-transition: all 0.7s; transition: all 0.7s; }
.form-icon{ position: absolute!important; top: 17px; left: 0px; width: 50px; text-align: center; z-index: 3; }
.left-5{ left: 5px; }
.left-10{ left: 10px; }
.no-radius-right{ border-radius: 10px 0px 0px 10px; }
.no-radius-left{ border-radius: 0px 10px 10px 0px; }

.transfer-btn{ position: relative; border-radius: 10px; background: url(../media/form-icon/transfer.svg) #00335F no-repeat 16px center; min-height: 59px; height: 59px; width: 100%; float: right; display: block; color: #fff; border: none; font-size: 14px; outline: 0; text-align: left; padding-left: 52px; font-weight: 600; -webkit-transition: all 0.7s; -moz-transition: all 0.7s; transition: all 0.7s; }
.transfer-btn:hover{ background: url(../media/form-icon/transfer.svg) #38bb3a no-repeat 16px center; -webkit-transition: all 0.7s; -moz-transition: all 0.7s; transition: all 0.7s; }

.donus-form{ position: absolute!important; top: 70px; width: 88%; display: none; }
.donus-form.first{ width: 92%!important; }
.donus-form.first:before{ content: ''; position: absolute!important; width: 409px; background: #ffa800; height: 71px; left: -13px; top: -1px; z-index: 1; border-radius: 0px 0px 15px 15px; }

.new-transfer{ float: none; position: fixed; left: 50%; bottom: 10px; background: #ffba02!important; color: #fff!important; width: 84px; height: 84px; padding-top: 20px!important; border-radius: 100%; font-size: 16px; text-align: center; z-index: 99; }

.adim2, .adim3, .adim4, .ozet{ background: #fff; padding: 20px 20px; border-radius: 15px; float: left; width: 100%; margin-bottom: 50px; margin: 30px 0px; min-height: 700px; }
.adim2 .title, .adim3 .title, .adim4 .title{ background:#E4DDD2; padding: 5px 15px; border-radius: 5px; font-size: 15px; font-weight: 500; color: #00335F; }
.adim2 .select-filter{ background:#E4DDD2; padding: 5px 20px; font-size: 14px; font-weight: 500; color: #00335F; border: none; width: 100%; }
.adim2 .select-filter.discount{ background: url(../media/form-icon/indirim.svg) #E4DDD2 no-repeat 12px center; padding-left: 35px; }

.adim2 .list-car{ float: left; display: block; position: relative; }
.adim2 .list-car .item{ width: 100%; float: left; font-size: 14px; font-weight: 400; color: #00335F; padding-bottom: 20px; border-bottom: 1px solid #E4DDD2; }
.adim2 .list-car .item .item-title{ float: left; width: 100%; display: block; font-size: 14px; font-weight: 500; color: #00335F; }

.adim2 .list-car .item .left{ float: left; position: relative; width: 25%; padding: 20px 15px 0px; min-height: 200px; }
.adim2 .list-car .item .left:before{ content:''; position:absolute; background:#E4DDD2; width:1px; height:90%; right: 0px; top: 10%; }
.adim2 .list-car .item .left .car-img{ width: 100%; float: left; text-align: center; margin: 20px 0px; }
.adim2 .list-car .item .left .car-detail{ float: left; width: auto; display: block; margin:0px; }
.adim2 .list-car .item .left .car-detail ul{ margin:auto; display: block; list-style: none; margin: 0px; padding: 0px; float: left; }
.adim2 .list-car .item .left .car-detail ul li{ margin: 0px 9px; list-style: none; font-size: 13px;  list-style: none; float: left; }

.adim2 .list-car .item .second{ float: left; position: relative; width: 25%; padding: 20px 15px 0px; min-height: 200px; }
.adim2 .list-car .item .second:before{ content:''; position:absolute; background:#E4DDD2; width:1px; height:90%; right: 0px; top: 10%; }
.adim2 .list-car .item .second ul{ float: left; margin: 8px 0px; display: block; list-style: none; padding: 0px; }
.adim2 .list-car .item .second ul li{ margin: 10px 0px; list-style: none; font-size: 13px; list-style: none; font-weight: 500; }

.adim2 .list-car .item .third{ float: left; position: relative; width: 30%; padding: 20px 15px 0px; min-height: 200px; }
.adim2 .list-car .item .third:before{ content:''; position:absolute; background:#E4DDD2; width:1px; height:90%; right: 0px; top: 10%; }
.adim2 .list-car .item .third ul{ float: left; margin: 8px 0px; display: block; list-style: none; padding: 0px; }
.adim2 .list-car .item .third ul li{ margin: 10px 0px; list-style: none; font-size: 13px; list-style: none; font-weight: 500; }
.adim2 .list-car .item .third ul li label{ padding-left: 5px; width: 100%; }
.adim2 .list-car .item .third ul li label span{ margin: 0px 5px; background:#E4DDD2; border-radius:5px; padding: 5px 10px; color: #00335F; font-weight: 600; float: right; position: relative; top: -4px; }

.adim2 .list-car .item .third input[type="checkbox"]{ visibility: hidden; position: absolute; }
.adim2 .list-car .item .third input[type="checkbox"] + label:before{ height: 16px; width: 16px; margin-right: 10px; position: relative; top: 3px; content: " "; display:inline-block; vertical-align: baseline; border:2px solid #00335F; }
.adim2 .list-car .item .third input[type="checkbox"]:checked + label:before{ background-color: #00335F; }
.adim2 .list-car .item .third input[type="checkbox"] + label:before{ border-radius:50%; }

.adim2 .list-car .item .right{ float: left; position: relative; width: 20%; padding: 27px 0px 0px 15px; min-height: 200px; }
.adim2 .list-car .item .right .price{ float: left; position: relative; width: 100%; padding: 17px 15px; background: #E4DDD2; border-radius: 10px; font-size: 23px; font-weight: 500; text-align: center; }
.adim2 .list-car .item .right .car-select{ position: relative; border-radius: 10px; background: url(../media/form-icon/car-icon.svg) #004175 no-repeat 16px center; width: 100%; float: right; display: block; color: #fff; border: none; padding: 23px 15px; font-size: 15px; outline: 0; text-align: left; margin: 15px 0px; padding-left: 68px; font-weight: 500; -webkit-transition: all 0.7s; -moz-transition: all 0.7s; transition: all 0.7s; }
.adim2 .list-car .item .right .car-select:hover{ background: url(../media/form-icon/car-icon.svg) #38bb3a no-repeat 16px center; }

.adim3 .customer{ float: left; display: block; position: relative; }
.adim3 .customer label{ float: left; display: block; position: relative; margin:15px 0px 10px; font-size: 13px; font-weight: 500; color: #00335F; width: 100%;}
.adim3 .customer .form-select{ border: 1px solid #E4DDD2!important; background: none; border-radius: 5px; height: 45px!important; min-height: 45px; }
.adim3 .customer .transfer-form-control{ border: 1px solid #E4DDD2!important; background: none; border-radius: 5px; height: 45px!important; min-height: 45px; padding-left: 20px; }
.adim3 .customer .transfer-form-control::placeholder { color: #003360; }
.adim3 .customer .transfer-form-control:-ms-input-placeholder { color: #003360; }
.adim3 .customer .transfer-form-control::-ms-input-placeholder { color: #003360; }

.adim3 .customer h4{ margin: 30px 0px 0px; border-radius: 5px; font-size: 15px; font-weight: 600; color: #00335F; }
.adim3 .customer .next-btn{ position: relative; border-radius: 10px; background:#00335F; min-height: 60px; width: auto; height: 60px; float: right; display: block; color: #fff; border: none; font-size: 14px; outline: 0; margin: 20px 0px 0px; text-align: center; padding: 0px 35px; font-weight: 600; -webkit-transition: all 0.7s; -moz-transition: all 0.7s; transition: all 0.7s; }
.adim3 .customer .next-btn:hover{ background:#38bb3a; -webkit-transition: all 0.7s; -moz-transition: all 0.7s; transition: all 0.7s; }

.adim4 .payment h4{ margin: 30px 0px 15px; border-radius: 5px; font-size: 15px; font-weight: 600; color: #00335F; }
.adim4 .payment .form-radio-input{ width: 1.5rem; height: 1.5rem; margin-top: 14px; float: left; margin-right: 8px; }
.adim4 .payment .payment-type label{ float: left; position: relative; margin: 15px 0px 10px; font-size: 13px; font-weight: 500; color: #00335F; width: auto; }
.adim4 .payment .payment-type{ float: left; margin-right: 30px; }

.adim4 .payment label{ float: left; display: block; position: relative; margin:15px 0px 10px; font-size: 13px; font-weight: 500; color: #00335F; }
.adim4 .payment .transfer-form-control{ border: 1px solid #E4DDD2!important; background: none; border-radius: 5px; height: 45px!important; min-height: 45px; padding-left: 20px; }
.adim4 .payment hr{ border: 1px solid #E4DDD2!important; background: none; margin: 15px 0px 0px; }
.adim4 .payment .payment-item { padding-top: 15px; float: left; margin-right: 30px; }
.adim4 .payment .payment-item .transfer-form-control{ width: 80px; text-align: center; background: #E4DDD2; padding: 0px; }
.adim4 .payment .payment-item .transfer-form-control.genel-toplam{ background:#00335F; color: #fff; font-weight: 600; width: 150px; font-size: 17px; }
.adim4 .payment label{ float: left; width: 110px; display: block; position: relative; margin:15px 0px 10px; font-size: 13px; font-weight: 500; color: #00335F; }
.adim4 .payment label.auto{ width: auto; }

.adim4 .payment .complete-btn{ width: auto; position: relative; border-radius: 10px; background: url(../media/form-icon/checked.svg) #38bb3a no-repeat 16px center; float: right; color: #fff; border: none; padding: 8px 15px; font-size: 15px; outline: 0; text-align: left; margin: 15px 0px; padding-left: 52px; height: 60px; font-weight: 500; -webkit-transition: all 0.7s; -moz-transition: all 0.7s; transition: all 0.7s; }
.adim4 .payment .complete-btn:hover{ background: url(../media/form-icon/checked.svg) #00335F no-repeat 16px center; }

.ozet{ float: left; display: none; position: relative; margin: 30px 0px; font-size:14px; font-weight: 500; color: #003360; }
.ozet .title{ background:#E4DDD2; padding: 10px 20px; border-radius: 5px; font-size: 15px; font-weight: 500; color: #00335F; }
.ozet .info{ float: left; margin: 0px; padding: 0px; position: relative; top: -5px; }
.ozet .info li{ float: left; margin-right: 30px; list-style: none; font-size: 14px; font-weight: 500; }
.ozet .info li a{ float: left; list-style: none; color: #000; line-height: 45px; }

.ozet .transfer-bilgi{ float: left; display: block; position: relative;  width: 100%; }
.ozet .transfer-bilgi h4{ font-size: 14px; color: #00335F; font-weight: 500; margin: 20px 0px 0px; margin-bottom: -10px; padding: 0px; }
.ozet .transfer-bilgi h4.mbt-10{ margin-bottom: 10px!important; }
.ozet .transfer-bilgi .item{ position: relative; display: block; line-height: 25px; border: 1px solid #E4DDD2; padding: 15px 15px 15px; margin: 15px 0px;  }
.ozet .transfer-bilgi .item.pad-10{ padding: 10px 15px 10px; margin: 0px; }
.ozet .transfer-bilgi .item .line{ position: relative; }
.ozet .transfer-bilgi .item .line:before{ content: ''; position: absolute; right: 5%; top: 0px; background: #E4DDD2; height: 100%; width: 1px; }
.ozet .transfer-bilgi .item .line.bg:after{ content: ''; position: absolute; background: url(../media/icon/transfer-line.svg) no-repeat top left; width: 16px; height: 95px; background-size: 100%; left: -13px; top: 9px; }
.ozet .transfer-bilgi .item .line:last-child:before{ display: none; }
.ozet .transfer-bilgi .item img{ margin-right: 10px; }
.ozet .transfer-bilgi .item p{ margin-bottom: 0px; line-height: 35px; }
.ozet .transfer-bilgi .item p.update-color{ color: #E6534E; }

.ozet .payment-item { padding-top: 15px; float: left; margin-right: 30px; }
.ozet .payment-item .transfer-form-control{ width: 80px; text-align: center; background: #E4DDD2; padding: 0px; }
.ozet .payment-item .transfer-form-control.genel-toplam{ background:#00335F; color: #fff; font-weight: 600; width: 150px; font-size: 17px; }
.ozet label{ float: left; width: 110px; display: block; position: relative; margin:15px 0px 10px; font-size: 13px; font-weight: 500; color: #00335F; }
.ozet label.auto{ width: auto; }

.left-top .transfer-bilgi{ background: url('../media/form-icon/line-bg.svg') no-repeat #E4DDD2 top center; float: left; padding: 20px; border-radius: 15px; margin-top: 30px; font-size: 13px; color: #00335F; }
.left-top .transfer-bilgi .left-top{ position:relative; }
.left-top .transfer-bilgi.fixed{ width: 286px; position: fixed; top: 0px; }
.left-top .transfer-bilgi .adim-1, .left-top .transfer-bilgi .adim-2, .left-top .transfer-bilgi .adim-3{ float: left; display:block; position: relative; width: 100%; margin-bottom: 15px; }
.left-top .transfer-bilgi .adim-1 .title, .left-top .transfer-bilgi .adim-2 .title, .left-top .transfer-bilgi .adim-3 .title{ float: left; width: 100%; display: block; background: #E6534E; padding: 5px 5px; color: #EBE4D9; font-size: 14px; border-radius: 5px; }
.left-top .transfer-bilgi .adim-1 .title a, .left-top .transfer-bilgi .adim-2 .title a, .left-top .transfer-bilgi .adim-3 .title a{ float: right; }
.left-top .transfer-bilgi .adim-1 .title a img, .left-top .transfer-bilgi .adim-2 .title a img, .left-top .transfer-bilgi .adim-3 .title a img{ width: 18px; position: relative; top: -1px; }
.left-top .transfer-bilgi .adim-1 .date{ color: #E6534E; font-size: 14px; padding: 10px 2px 6px; float: left; margin: 0px 3px; width: calc(100% - 6px); font-weight: 500; border-bottom: 1px solid #c6c6c6; }
.left-top .transfer-bilgi .adim-1 .text, .left-top .transfer-bilgi .adim-3 .text{ padding: 0px 5px; float: left; width: 100%; }
.left-top .transfer-bilgi .adim-1 .text p, .left-top .transfer-bilgi .adim-3 .text p{ border-bottom: 1px solid #c6c6c6; line-height: 20px; margin-bottom: 0px; padding: 6px 0px; }
.left-top .transfer-bilgi .adim-1 .text p b, .left-top .transfer-bilgi .adim-3 .text p b{ font-weight: 500; }

/* .left-top .transfer-bilgi .adim-1, .left-top .transfer-bilgi .left-top .adim-2, .left-top .transfer-bilgi .adim-3 { display: none; } */
.left-top .transfer-bilgi .adim-2 .item-title{ float: left; width: 100%; display: block; font-size: 14px; font-weight: 500; color: #00335F; margin:10px 0px; }
.left-top .transfer-bilgi .adim-2 .car-img{ width: 100%; float: left; text-align: center; }
.left-top .transfer-bilgi .adim-2 .car-detail{ float: left; width: auto; display: block; margin:0px; }
.left-top .transfer-bilgi .adim-2 .car-detail ul{ margin:auto; display: block; list-style: none; margin: 0px; padding: 0px; float: left; }
.left-top .transfer-bilgi .adim-2 .car-detail ul li{ margin: 0px 9px; list-style: none; font-size: 13px;  list-style: none; float: left; }

table.dataTable.table-striped>tbody>tr.odd>* { box-shadow:none!important; background: #f1eee9; }
.badge-light-success { color: var(--kt-success); background-color: #ffffff!important; }
.tagify .tagify__tag { background-color:#fff; }
.tagify__tag>div::before { box-shadow: none; border: 1px solid #eee; }
.invalid-feedback{ padding: 0px 0px 0px 10px; }
hr { margin: 10px 0px 20px; color: inherit; border: 0; border-top: 1px solid #ccc; opacity: 0.5; }
@media (max-width: 1440px) {
	.login-h1{ position: relative; }
	.quality-report ul li .score { width: 50px; height: 50px; line-height: 50px; }
	.circle-bg { width: 67px; height: 67px; line-height: 67px!important; }
}
@media (max-width: 600px) {
	.login-logo{ top: 0px; }
	.login-h1{ top: 0px; }
}

#corporate_area{display: none;}

.credit-cart-payment label{width: 100% !important;}
.fv-plugins-message-container{padding-left: 0 !important; line-height: 27px !important;}


/* Home loader start */
.home-container {
    width: 100%;
    margin: 0 auto;
    position: relative;
}
.home-container .placeload {
    background: #fff;
    margin: 0 auto;
    width: 100%;
    padding: 30px;
    border-top: 2px solid #e8e8e8;
    border-radius: 5px;
    position: relative;
    margin-bottom: 20px;
    height: 230px;
}
.placeload-corporate{
    height: 125px !important;
}
.home-container .placeload .loading-header {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}
.home-container .placeload .loading-header .img {
    width: 50px;
    min-width: 50px;
    height: 50px;
    border-radius: 50%;
    margin-left:30px;
    margin-bottom:20px;
}
.home-container .placeload .loading-header .header-content {
    margin-left: 20px;
    width: 100%;
}
.home-container .placeload .loading-header .header-content .content-shape {
    height: 8px;
    margin-bottom: 15px;
}
.home-container .placeload .loading-header .header-content .content-shape:first-child {
    width: 80%;
}
.home-container .placeload .loading-header .header-content .content-shape:nth-child(2) {
    width: 60%;
}

.home-container .placeload .loading-header .header-content .content-shape:nth-child(3) {
   width: 90%;
}
.home-container .placeload .image-placeholder {
    width: 100%;
    margin-top: 20px;
    height: 250px;
}
.home-container .placeload .placeholder-footer {
    position: relative;
    margin-top: 20px;
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.home-container .placeload .placeholder-footer .footer-block {
    width: 100%;
    height: 100%;
    min-height: 20px;
}
.home-container .placeload .placeholder-footer .footer-block .content-shape {
    height: 8px;
    margin-bottom: 8px;
}
.home-container .placeload .placeholder-footer .footer-block .content-shape:first-child {
    width: 32%;
}
.home-container .placeload .placeholder-footer .footer-block .content-shape:nth-child(2) {
    width: 24%;
}
.loads {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-name: placeload;
    animation-name: placeload;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    background: #f6f7f8;
    background: #eee;
    background: -webkit-gradient(linear, left top, right top, color-stop(8%, #eee), color-stop(18%, #ddd), color-stop(33%, #eee));
    background: -webkit-linear-gradient(left, #eee 8%, #ddd 18%, #eee 33%);
    background: linear-gradient(to right, #eee 8%, #ddd 18%, #eee 33%);
    -webkit-background-size: 800px 104px;
    background-size: 1200px 104px;
    position: relative;
}
@-webkit-keyframes placeload {
    0% {
        background-position: -468px 0;
   }
    100% {
        background-position: 468px 0;
   }
}
@keyframes placeload {
    0% {
        background-position: -468px 0;
   }
    100% {
        background-position: 468px 0;
   }
}
/* Home loader end */