/* */
#transactions-table td:nth-child(4) , #transactions-table td:nth-child(5) ,
#mizan-table td:nth-child(3) , #mizan-table td:nth-child(4) , #mizan-table td:nth-child(5) ,
#receipt-details-table td:nth-child(7) {text-align: right;}



#mizan-table_wrapper td {padding: 0;}
#mizan-table_wrapper td:nth-child(1) {padding: 15px;}
#mizan-table_wrapper td span.row-split {
    display: block;
    padding: 10px 15px;
}
#mizan-table_wrapper td span.row-split:nth-child(1) {border-top: none;}
#mizan-table_wrapper td span.row-split {border-top: 1px solid #dddddd;}
#receipt-details-table td:nth-child(4) , #receipt-details-table td:nth-child(5) , #receipt-details-table td:nth-child(7) {padding: 0;}
#receipt-details-table td span.row-split:nth-child(2) {border-top: 1px solid #dddddd}
#receipt-details-table td:nth-child(4) span.row-split , #receipt-details-table td:nth-child(5) span.row-split , #receipt-details-table td:nth-child(7) span.row-split {
    display: block;
    padding: 10px 15px;
}
.total-case-balance {
    padding: 1rem;
    text-align: center;
    background: #f3f3f3;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 0.5px;
}

/* */

/* Top Butttons */
li.no-info { list-style: none;}
.attentionblock {
    display: flex;
    width: 100%;

    position: absolute;
    top: 0;
    left: 0;
    z-index: 10000;
    background-color: #303030ab;
    width: 100%;
    height: 100%;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    flex-direction: column;
}
.attentionblock .my-container {
    background-color: #ffffffc7;
    padding: 100px;
    border-radius: 10px;
}
span.newcomer {
    padding: 5px 15px 15px;
    display: block;
    text-align: center;
    color: #850050;
    font-size: 14px;
    letter-spacing: 1px;
}
.bankbuttons { background: #4b814b; margin-bottom:5px;}
.sermayebutton { background: #000000;}

.bankbuttons , .sermayebutton {
    padding: 10px 20px;
    color: #fff !important;
	display: block;
    text-align: center;
    width: 100%;

}
.attentionblock .bankbuttons:hover, .attentionblock .sermayebutton:hover {
    background: #4d83ff;
    cursor: pointer;
    color: white !important;
    text-decoration: none;
    letter-spacing: 2px;
}
.attentionblock .bankbuttons:hover, .attentionblock .sermayebutton:hover  {
  transition: all .35s ease-in-out;
}

/* Top Butttons */

/* vehicle add/update float button */
button.floatbtn {
    position: fixed;
    right: -8px;
    top: 40%;
    background: #509918;
    color: #fff;
    font-size: 28px;
    border: 2px solid #fdfdfd;
    padding: 4px 10px 4px 7px;
    border-radius: 10px 0 0 10px;
    z-index: 9999;
    box-shadow: -4px 7px 14px #3333338a;
}
/* vehicle add/update float button */



/* Chat Bot */

div.chatbox {
    position: fixed;
    width: 600px;
    max-width: 90%;
    top: 20%;
    background: #fff;
    box-shadow: -3px 2px 9px #cbcbcb;
    border: 6px solid #fff;
    border-right: none !important;
    right: 0;
    margin-right: -600px;

}
.nav-tabs.chat-tabs {
    width: 100%;
    display: flex;
}
.navbar .navbar-menu-wrapper .navbar-nav.navbar-nav-right .nav-tabs.chat-tabs li.nav-item.chat-item {
    display: inline-block !important;
    width: 50%;
    margin: 0;
    text-align: center;
}
.chat-left a .mdi {
    position: absolute;
    left: 5px;
    font-size: 12px;
}
.chat-left a {
    line-height: 24px;
    width: 100%;
    display: block;
    clear: both;
    padding-left: 4px;
}
.chat-left {
    width: 150px;
    display: inline-block;
    height: 330px;
    float: left;
    border-right: 1px solid #e7e7e7;
}
.chat-right {
    width: calc(100% - 160px);
    float: right;
    height: 330px;
    overflow-y: scroll;
}
.chat-messages {
    height: 330px;
    overflow-y: scroll;
}
.chat-content {
    width: 100%;
    height: 400px;
    float: left;
    display: inline-block;
}
.chat-bottom .btn.btn-success i {
    margin: 0 !important;
}
.chat-bottom .btn.btn-success {
    width: 50px;
    text-align: center;
    padding: 0;
    height: 46px;
    line-height: 46px;
    background: #6695ff;
    border: 0;
    border-radius: 0;
    position: absolute;
    margin-left: calc(100% - 80px);
    margin-top: -46px;
}
.chat-bottom {
    width: 100%;
    display: inline-block;
    margin-top: 5px;
}
.nav-tabs .nav-item.chat-item .nav-link {
    padding: 6px 10px 0px;
    font-size: 1em !important;
    background: #f7f7f7;
    border-bottom: 2px solid #fff;
}
.nav-tabs .nav-item[id^='nav-chat-'] {}
.nav-tabs .nav-item[id^='nav-chat-'] a.nav-link {
    margin: 0;
    padding: 10px 5px;
    display: block;
    width: 100%;
}
.nav-tabs .nav-item.chat-item .nav-link.active {
    background: #6695ff;
    color: #fff;
}
.tab-content.chat-content .tab-pane.fade {
    width: 100%;
    padding: 15px;
}

.chat-messages .dropdown-item h6 {color: #6695ff;}
.chat-messages .dropdown-item h6 span {}
.chat-messages .dropdown-item p {
    color: #000 !important;
    font-weight: 400 !important;
}


/* Chat Bot */




/* CSS Customization by HETA */

body.showroom .card-img-top {
    aspect-ratio: 5 / 4;
    background-size: cover;
    max-height: 300px;
}

.vehiclelist .sale-label {
	font-size: 1.4em;
    font-weight: 600;
	margin-left: 15px;
}
.vehiclelist .sale-price {
    font-size: 1.2em;
	margin-left: 15px;
}


.welcome .details {
    padding-bottom: 10px !important;
    border-bottom: 1px solid #dfdfdf;
}
.welcome .saleprice {
    display: block !important;
    padding: 10px 0 0px;
}
.welcome .saleprice span, .welcome .saleprice h6 {
    margin: 5px 0 !important;
    display: block !important;
    line-height: 14px;
    width: 100%;
    clear: both;
}
.welcome .saleprice span {}
.welcome .saleprice h6 {}

.welcome .costinner {
    display: block;
    margin: 2px 0 20px;
}
.welcome .costinner .panel-veh-item span {
    width: 100%;
    display: block;
    text-align: center;
    background: #dadfdd;
    padding: 10px 4px;
    border: 1px solid #fff;
}
.welcome .costinner .panel-veh-item span:last-child {border-top: none;}
.welcome .costinner .panel-veh-item {
    width: 32%;
    margin-left: 2%;
    float: left;
}
.welcome .costinner .panel-veh-item:first-child {margin-left: 0;}
a.action_new {
    padding: 10px 20px;
    background: #ff4d4d;
    color: #fff;
    font-weight: 600;
}
.stretch-card .card-body .btn {
    margin-bottom: 20px;
}

.navbar .navbar-menu-wrapper .navbar-nav.navbar-nav-left .nav-item.btnmizan {margin-left: 0;}
.navbar .navbar-menu-wrapper .navbar-nav.navbar-nav-left .nav-item .btn {
    display: inline-block !important;
    width: 190px;
    background: #228727;
    color: #fff;
    margin: 0;
    font-size: 14px;
    font-weight: 600;
    padding: 18px 6px;
    border-radius: 0;
}
.navbar .navbar-menu-wrapper .navbar-nav.navbar-nav-right .nav-item .btn {
    display: inline-block !important;
    width: 190px;
    background: #4d5bff;
    color: #fff;
    margin: 0;
    font-size: 14px;
    font-weight: 600;
    padding: 18px 6px;
    border-radius: 0;
}
.sidebar ul.nav.sub-menu {
    padding-left: 2em;
}
.sidebar .nav.sub-menu .nav-item::before {
    display: none;
}
.tab-content > .tab-pane {
    width: 100%;
}
.infoblocks .parts span {
    display: block;
    line-height: 24px;
    padding: 6px;
}
.infoblocks .parts .head {
    background: #1377bd;
    color: white;
    font-weight: 600;
    padding: 6px 6px;
}
.infoblocks .parts {
    display: block;
    width: 18%;
    margin: 10px 1%;
    float: left;
    border: 4px solid #ebebeb;
    background: whitesmoke;
}
a.addnew {
    padding: 0px 20px;
    font-size: 16px;
    line-height: 40px;

    display: block;
    width: max-content;
    float: left;
    margin-right: 10px;
}
a.addnew.cash {
    background: #2c8963;
    color: white;
}
.maincats {
    display: inline-block;
    width: 100%;
    margin: 30px 10px;
    clear: left;
}
.maincats .maincat:nth-child(4n+1) {
    clear: left;
}
.maincats .maincat {
    display: block;
    width: 23%;
    padding: 10px;
    margin: 10px 1%;
    float: left;
    border: 4px solid #ebebeb;
    background: whitesmoke;
}


#notifications .dropdown-item.unread {
    background: #cfcfcf;
}

.btn.btn-outline-success ,
.btn.btn-outline-warning {
    margin-bottom: 10px;
}

.gal-login .auth .login-half-bg {
    background: url(../images/auth/login-bg.jpg) right bottom no-repeat;
    background-size: cover;
}
.auth .brand-logo {
    background: #333;
    text-align: center;
    padding: 40px 20px;
}

.navbar .navbar-menu-wrapper .navbar-nav .nav-item.dropdown .navbar-dropdown .callcenter {
    padding: 1em;
    font-size: 17px;
    background: #4d83ff;
    color: #fff;
    margin-top: -8px;
}

.gal-login  div.content-wrapper {
    background:#fff;
}
.card-body .table-responsive {
    margin-bottom: 45px;
}

/* Designed by HETA */

/* Responsive Ext*/
@media (min-width:768px){
/* */

.vehicleadd .select2-container .select2-selection--multiple {
    border-color: #f3f3f3;
}
.vehicleadd span.select2-container {
    line-height: 38px;
}
.vehicleadd .add_btn_staff {
    display: block;
    width: 80px;
    position: absolute;
    right: 20px;
    background: #4c589e;
    color: #fff;
    border: 0;
    padding: 0;
    line-height: 46px;
}
	#registersection , #loginsection {
		float: left;
		display:block;
	}
	.registerform .col-md-6 {
		float: left;
		display:block;
	}
	.navbar-expand-md div.navbar-collapse {
		display: block !important;
	}
	.navbar-expand-md .navbar-nav {float: right;}
	.product-page .mx-auto {
		width: 800px;
		max-width: 800px;
	}
	.product .col-sm-4 {padding-left:0;}
	.product .col-sm-8 {
		padding: 22px 0 0;
	}
	.product .col-sm-4 ,
	.product .col-sm-8 {
		float: left;
		display: block;

	}

/* */
}
/* */

@media (max-width:767px){
/* */
.action_new.prim, .action_new.tahsilat, .action_new.all {
    display: block;
    margin-bottom: 2px;
    font-size: 0.8rem;
    text-align: center;
}
.senetler .text-muted {}
.sales .form-group .col-md-6 , .reports  .form-group .col-md-6, .senetler .form-group  {    margin-bottom: 5px;}
form .row.col-md-12.col-lg-12.col-sm-12 {
    max-width: 100% !important;
    width: 100%;
    margin: 0 0 10px !important;
}
.content-wrapper .stretch-card .card-body .btn {
    margin: 5px 0;
    padding: 5px;
    background: #699a74;
    color: #fff;
    border: 0;
    box-shadow: none;
}
.col-md-12 h2, .col-md-12 p {
    text-align: left;
    width: 100%;
    display: inline-block;
    padding: 0 10px;
}
.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col, .col-auto, .col-sm-1, .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-10, .col-sm-11, .col-sm-12, .col-sm, .col-sm-auto, .col-md-1, .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-10, .col-md-11, .col-md-12, .col-md, .col-md-auto, .col-lg-1, .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-10, .col-lg-11, .col-lg-12, .col-lg, .col-lg-auto, .col-xl-1, .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-10, .col-xl-11, .col-xl-12, .col-xl, .col-xl-auto {
    padding-right: 5px !important;
    padding-left: 5px !important;
}

div.dataTables_wrapper div.dataTables_length, 
div.dataTables_wrapper div.dataTables_filter, 
div.dataTables_wrapper div.dataTables_info, 
div.dataTables_wrapper div.dataTables_paginate {
    text-align: left !important;
}
    .main-panel .content-wrapper {
        padding: 1.5rem 10px;
    }
.content-wrapper .card .card-body {
    padding: 1.5rem 10px;
}
    .sidebar-offcanvas.active {
        width: 100%;
    }
	.product-page .mx-auto {
		width: 100%;
		max-width: 800px;
	}
	.dashboard-tabs .item {
		text-align: center;
	}
	form.vehicleaddform .generaldetails .row.col-md-6 {
    float: none  !important;
    max-width: 100% !important;
	width: 100%;
	margin: 0 0 10px !important;
	}
/* */
}
/* */
/* End of Resp. */

div.dataTables_wrapper div.dataTables_paginate ul.pagination {    margin-bottom: 20px;}

/* Payment */
.paymentpage button.btn-success {width: 100%; display: block;}
.paymentpage select.date {
    width: 45%;
    float: left;
}
.paymentpage span.taksim {
    width: 10%;
    float: left;
    line-height: 45px;
    text-align: center;
}


.paymentpage legend {
    padding: 30px 20px 10px;
    display: inline-block;
}
.paymentpage fieldset .col-md-6 {
    float: left;
}

.auth .auth-form-light select {
    color: #444 !important;
}
.paymentpage div.content-wrapper {
    background: rgb(99,123,145);
    background: linear-gradient(162deg, rgba(99,123,145,1) 0%, rgba(255,255,255,1) 100%);
}

.row.w-100.mx-0 {display: inline-block;}
body.bilgi div.content-wrapper {
    background: rgb(99,123,145);
    background: linear-gradient(162deg, rgba(99,123,145,1) 0%, rgba(255,255,255,1) 100%);
}
.tabheading {
    width: 50%;
    background: #637b91;
    color: #fff;
    padding: 10px;
    text-transform: capitalize;
    font-size: 22px;
    text-align: center;
}
.tabproduct , .tabprice {
    width: 50%;
    background: #2275bc;
    color: #fff;
    padding: 10px;
    text-transform: capitalize;
    font-size: 22px;
    text-align: center;
}
.tabproduct , .tabheading:first-child {
    border-right: 1px solid #fff;
}

/* Product Page */
.product-page .productgrid {
    display: inline-block;
    border-radius: 10px;
    background: rgb(245 245 245);
    padding: 30px !important;
    border: 7px solid rgb(231 231 231);
}
.product {
    width: 100%;
    display: inline-block;
    padding: 10px;
    clear: both;
    border: 1px solid #979696;
    box-shadow: 4px 4px 4px rgb(72 70 70 / 40%);
    margin-bottom: 10px;
}
.product:last-child {margin-bottom:0;}
.product .packagename {
    padding: 5px 8px;
    text-transform: uppercase;
    font-size: 16px;
    font-weight: 600;
}
.product .packageimg {
    width: 100%;
    display: block;
}
.packagedetails {
    display: inline-block;
    margin: 10px 0 20px;
    padding: 0 8px;
    font-size: 14px;
}
.packagedetails .description {margin-bottom: 10px;}
.act {
    display: inline-block;
    width: 49%;
	margin-right:1%;
	float:left;
}
.act-three {clear: left;}
.act span:first-child {font-weight: 600;}
.act span {
    padding: 0 6px;
    line-height: 16px;
    display: block;
    width: 50%;
    float: left;
    font-size: 12px;
}

.price {
    font-size: 20px;
    display: block;
    position: absolute;
    right: -10px;
    top: -4px;
    letter-spacing: -1px;
    background: #0e75bc;
    color: #fff;
    padding: 12px;
    border-radius: 15px 0 0 15px;
}
a.buttonbuy {
    padding: 10px;
    display: block;
    text-decoration: none;
    text-align: center;
    font-size: 20px;
    line-height: 30px;
    background: #0e75bc;
    color: #fff;
}
#demo_product {
    padding: 80px 0;
    text-align: center;
    display: block;
    box-shadow: 4px 4px 4px #3333334f;
    border: 4px solid #fff;
    margin-bottom: 15px;
    background: rgb(0,69,204);
    background: -moz-linear-gradient(42deg, rgba(0,69,204,1) 0%, rgba(51,212,238,1) 100%);
    background: -webkit-linear-gradient(42deg, rgba(0,69,204,1) 0%, rgba(51,212,238,1) 100%);
    background: linear-gradient(42deg, rgba(0,69,204,1) 0%, rgba(51,212,238,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#0045cc",endColorstr="#33d4ee",GradientType=1);
}
span.oldprice {
    color: #ffcf96;
    text-decoration: line-through;
    margin-right: 10px;
}

.product-page .content-wrapper {
	background: none;
}


.product-page .product{
	background-color:#fff;
}
.product-page .row.mx-0 {
	display:block;
}
.product-page .container-scroller {
    background: url(../images/auth/login-bg.jpg) no-repeat;
    background-size: cover;
}


/* End of Product Page */




/* Login Page */
main .content-wrapper {
background: rgb(165,214,214);
background: linear-gradient(45deg, rgba(165,214,214,1) 0%, rgba(255,218,242,1) 100%);
}
main.py-4 {padding: 0 !important;}

.auth-form-light.logreg {
    background: rgb(255 255 255 / 50%);
    display: inline-block;
    border: 8px solid #fff;
}
.sectiontitle.login {
    background: #515b64;
    padding: 20px 10px;
}
.sectiontitle.login h3 {
    margin: 0;
    color: #fff;
}
.logreg .content {	padding: 20px 1em;}
.logreg form {	margin-top: 40px;}
.form-group label {
    margin: 0;
    padding-bottom: 4px;
}
.auth form div.form-group {	margin-bottom: 10px;}
.checkpos {    margin-left: 10%;}
.submitpos { margin-left: 0%;}

.btn.btn-primary {
    padding-left: 10px;
    padding-right: 10px;
    width: 100%;
    background: #509918;
    border-color: #7cc345;
}
.dashboard .btn {
    display: block;
    margin-bottom: 20px;
    width: 100px;
    clear: both;
}

#loginsection {border: 1px solid #515b64;}
.logreg #loginsection .content {background: #fff;}

#registersection h3 {
    font-size: 2em;
    text-align: center;
    display: block;
    margin-top: 25%;
}
#registersection p {
    text-align: center;
    font-size: 1em;
    line-height: inherit;
    width: 80%;
    margin: 20px auto;
}



/* Register Page */

.logo img {
    margin: 2em auto;
    display: block;
}
h6.fw-light {}
.registerform {
	margin-top: 2em;
	display: inline-block;
}
.registerform .form-group.row { margin: 5px 0px;}
.registerform .form-group.row.formbutton {
    margin-top: 20px;
    display: inline-block;
}

.registerform .form-check {margin: 3px 0 0 50px;}
.registerform .form-check:first-child    {margin-top: 20px;}


.registerform .form-group.row {
    margin: 5px 0px;
    flex-direction: column;
}
.gal-register .row.w-100.mx-0 {display: block;}
.gal-register .text-md-right {
	text-align: left !important;
}



.gal-register .row.checks {
    clear: both;
    padding-top: 10px;
}

.registerform .form-check {
	clear:both;
}

.gal-register .container-scroller {
    background: url(../images/auth/login-bg.jpg) no-repeat;
    background-size: cover;
}
.gal-register .content-wrapper {background: none;}


/* Reset Pass */

.summaryorder {
    display: block;
    margin-top: 40px;
}
.summaryorder .btn {
    display: block;
    width: 100%;
    padding: 10px 20px;
    line-height: 28px;
    background: #2375bc;
    color: #fff;
    font-size: 19px;
    margin-top: 20px;
    letter-spacing: 2px;
    font-weight: 600;
}

/***** Vehicle Layout *****/

/* Vehicle Add */
form.vehicleaddform {}
form.vehicleaddform .generaldetails  {
clear: both;
}
form.vehicleaddform .generaldetails .row.col-md-6 {
    float: left;
    max-width: 47%;
}
form.vehicleaddform .generaldetails .row.col-md-6:nth-child(2n) {
    margin-left: 3%;
}
form.vehicleaddform .generaldetails .row.col-md-6:nth-child(2n+1) {
    clear: left;
    margin-right: 3%;
}
form.vehicleaddform .generaldetails label {
    line-height: 46px;
    padding-bottom: 0;
}

.row.add-images {
    border-top: 1px solid #dddddd;
    border-bottom: 1px solid #dddddd;
    padding: 40px 0 90px;
    margin: 40px 0;
	display: inline-block;
}

.add-images a.add {
    background: #4d83ff;
    color: #fff;
    padding: 6px 10px;
    border-radius: 6px;
    margin-top: -84px;
    left: -6px;
    line-height: 32px;
    position: absolute;
}
.add-images h3 {
    font-size: 1.3em;
	margin-top: 30px;
}
.add-images div#images {
    margin-left: 40px;
    margin-top: 36px;
}

.add-damages {
    display: inline-block;
    width: 100%;
    clear: both;
}
.add-damages h3 {
    display: block;
    margin-bottom: 30px;
}
.add-info {
    display: block;
    width: 100%;
    clear: both;
    margin-top: 30px;
}

.vehicleadd .nav-tabs {
    border-top: none;
    border-left: none;
    border-right: none;
    border-bottom: 1px solid #f3f3f3;
}
.custom-switch.col-md-4.col-lg-4.col-sm-12{
    float: left;
    display: flex;
}
.row.btndiv {
    clear: both;
    margin-top: 40px;
    display: inline-block;
}

/* End of Vehicle Add */

.carousel-inner img {
    width: 100%;
    height: 100%
}

#custCarousel .carousel-thumbs {
    position: static;
    margin-top: 20px
}

#custCarousel .carousel-thumbs>li {
    width: 100px
}

#custCarousel .carousel-thumbs li img {
    display: block;
    opacity: 0.5
}

#custCarousel .carousel-thumbs li.active img {
    opacity: 1
}

#custCarousel .carousel-thumbs li:hover img {
    opacity: 0.75
}

.grid-margin.vehicle-image {
    max-width: 600px;
}
.grid-margin.bottom-details {
    max-width: 1035px;
}

.bottom-details .nav-tabs {
    border: none;
    border-bottom: 1px solid #333;
    margin-top: 15px;
}
.tab-content > .tab-pane {
    padding: 30px;
}

/* Part Sheme */

.grid-margin.vehicle-part {
    width: 434px !important;
    max-width:  434px;;
}
.damage-area {
    padding: 0;
    margin: 40px;
}

.damage-area .car-parts {
    background-position: 0 0;
    width: 311px;
    height: 391px;

}
.damage-area .car-parts.sedan {
    background-image: url('/galeri/theme/assets/images/plan_sedan.png');
}
.car-parts div {
    position: absolute;
    z-index: 3;
    -webkit-transition: background-image .1s linear;
    -moz-transition: background-image .1s linear;
    -o-transition: background-image .1s linear;
    -ms-transition: background-image .1s linear;
    -webkit-transition: background-image .1s linear;
    -moz-transition: background-image .1s linear;
    -o-transition: background-image .1s linear;
    -ms-transition: background-image .1s linear;
    transition: background-image .1s linear;
}
.car-parts div {
    background-image: url('/galeri/theme/assets/images/original_sedan.png');
}

.damage-info {
    text-align: center;
    margin: 30px 0;
}

.damage-info span {
    font-weight: bold;
    font-size: 10px;
    line-height: 16px;
    margin-right: 10px;
    display: inline-block;
    position: relative;
    padding-left: 22px;
}
.damage-info span.original {
    color: #999;
}
.damage-info span.painted {
    color: #ea696f;
}
.damage-info span.local-painted {
    color: #eaab69;
}
.damage-info span.changed {
    color: #66a3d7;
}

/* parts */
.car-parts .front-bumper {
    left: 153px;
    top: 15px;
}
.car-parts .front-hood {
    top: 48px;
    left: 151px;
}

.car-parts .roof {
    top: 209px;
    left: 170px;
}

.car-parts .front-right-mudguard {
    top: 52px;
    left: 312px;
}
.car-parts .front-right-door {
    top: 109px;
    left: 262px;
}
.car-parts .rear-right-door {
    top: 198px;
    left: 262px;
}
.car-parts .rear-right-mudguard {
    top: 293px;
    left: 312px;
}
.car-parts .front-left-mudguard {
    top: 51px;
    left: 71px;
}
.car-parts .front-left-door {
    top: 108px;
    left: 71px;
}
.car-parts .rear-left-door {
    top: 197px;
    left: 71px;
}
.car-parts .rear-left-mudguard {
    top: 292px;
    left: 71px;
}
.car-parts .rear-hood {
    top: 309px;
    left: 153px;
}
.car-parts .rear-bumper {
    left: 153px;
    top: 352px;
}


/* parts changed */
.car-parts div.changed {
    background-image: url('/galeri/theme/assets/images/changed_sedan.png');
}

.car-parts .front-bumper.changed {
    background-position: -532px -252px;
    width: 105px;
    height: 22px;
}

.car-parts .front-hood.changed {
    background-position: 0 -682px;
    width: 110px;
    height: 80px;
}

.car-parts .roof.changed {
    background-position: -742px -177px;
    width: 74px;
    height: 53px;
}
.car-parts .front-right-mudguard.changed {
    background-position: -900px 0;
    width: 28px;
    height: 43px;
}
.car-parts .front-right-door.changed {
    background-position: -111px -577px;
    width: 80px;
    height: 105px;
}
.car-parts .rear-right-door.changed {
    background-position: -270px -388px;
    width: 79px;
    height: 85px;
}
.car-parts .rear-right-mudguard.changed {
    background-position: -844px -86px;
    width: 28px;
    height: 45px;
}
.car-parts .front-left-mudguard.changed {
    background-position: -872px -43px;
    width: 28px;
    height: 43px;
}
.car-parts .front-left-door.changed {
    background-position: -190px -473px;
    width: 80px;
    height: 104px;
}
.car-parts .rear-left-door.changed {
    background-position: -349px -304px;
    width: 79px;
    height: 84px;
}
.car-parts .rear-left-mudguard.changed {
    background-position: -816px -131px;
    width: 28px;
    height: 46px;
}
.car-parts .rear-hood.changed {
    background-position: -428px -274px;
    width: 104px;
    height: 30px;
}
.car-parts .rear-bumper.changed {
    background-position: -637px -230px;
    width: 105px;
    height: 22px;
}


/* parts localpainted */

.car-parts div.painted {
    background-image: url('/galeri/theme/assets/images/painted_sedan.png');
}

.car-parts .front-bumper.local-painted {
    background-position: -532px -252px;
    width: 105px;
    height: 22px;
}

.car-parts .front-hood.local-painted {
    background-position: 0 -682px;
    width: 110px;
    height: 80px;
}

.car-parts .front-right-mudguard.local-painted {
    background-position: -900px 0;
    width: 28px;
    height: 43px;
}
.car-parts .front-right-door.local-painted {
    background-position: -110px -577px;
    width: 80px;
    height: 105px;
}
.car-parts .roof.local-painted {
    background-position: -742px -177px;
    width: 74px;
    height: 53px;
}

.car-parts .front-right-mudguard.local-painted {
    background-position: -900px 0;
    width: 28px;
    height: 43px;
}
.car-parts .rear-right-door.local-painted {
    background-position: -270px -388px;
    width: 79px;
    height: 85px;
}
.car-parts .rear-right-mudguard.local-painted {
    background-position: -844px -86px;
    width: 28px;
    height: 45px;
}
.car-parts .front-left-mudguard.local-painted {
    background-position: -872px -43px;
    width: 28px;
    height: 43px;
}
.car-parts .front-left-door.local-painted {
    background-position: -190px -473px;
    width: 80px;
    height: 104px;
}
.car-parts .rear-left-door.local-painted {
    background-position: -349px -304px;
    width: 79px;
    height: 84px;
}
.car-parts .rear-left-mudguard.local-painted {
    background-position: -816px -131px;
    width: 28px;
    height: 46px;
}
.car-parts .rear-hood.local-painted {
    background-position: -428px -274px;
    width: 104px;
    height: 30px;
}
.car-parts .rear-bumper.local-painted {
    background-position: -637px -230px;
    width: 105px;
    height: 22px;
}

/* parts painted */
.car-parts div.local-painted {
    background-image: url('/galeri/theme/assets/images/localpainted_sedan.png');
}

.car-parts .front-bumper.painted {
    background-position: -532px -252px;
    width: 105px;
    height: 22px;
}

.car-parts .front-hood.painted {
    background-position: 0 -682px;
    width: 110px;
    height: 80px;
}

.car-parts .front-right-mudguard.painted {
    background-position: -900px 0;
    width: 28px;
    height: 43px;
}
.car-parts .front-right-door.painted {
    background-position: -110px -577px;
    width: 80px;
    height: 105px;
}
.car-parts .roof.painted {
    background-position: -742px -177px;
    width: 74px;
    height: 53px;
}

.car-parts .front-right-mudguard.painted {
    background-position: -900px 0;
    width: 28px;
    height: 43px;
}
.car-parts .rear-right-door.painted {
    background-position: -270px -388px;
    width: 79px;
    height: 85px;
}
.car-parts .rear-right-mudguard.painted {
    background-position: -844px -86px;
    width: 28px;
    height: 45px;
}
.car-parts .front-left-mudguard.painted {
    background-position: -872px -43px;
    width: 28px;
    height: 43px;
}
.car-parts .front-left-door.painted {
    background-position: -190px -473px;
    width: 80px;
    height: 104px;
}
.car-parts .rear-left-door.painted {
    background-position: -349px -304px;
    width: 79px;
    height: 84px;
}
.car-parts .rear-left-mudguard.painted {
    background-position: -816px -131px;
    width: 28px;
    height: 46px;
}
.car-parts .rear-hood.painted {
    background-position: -428px -274px;
    width: 104px;
    height: 30px;
}
.car-parts .rear-bumper.painted {
    background-position: -637px -230px;
    width: 105px;
    height: 22px;
}

/* Vehicle Details */
div.content-wrapper {
    background: #fff;

}
.table.tablediv {
    line-height: 30px;
    display: block;
    width: 49%;
    float: left;
    padding: 2px 10px;
    margin-right: 1%;
    margin-bottom: 10px;
}

.table.tablediv span {
    width: 90%;
    display: block;
    padding: 0 10px;
}
.table.tablediv .tablehead {
    font-weight: 600;
    background: #f3f3f3;
}
.tab-content > .tab-pane.active {
    display: inline-block;
}
.tab-pane h3 {
    clear: both;
    display: inline-block;
    width: 100%;
    margin-top: 40px;
}
.tab-pane .vehicle-property {
    width: 33.33%;
    float: left;
    font-size: 14px;
    line-height: 28px;
    color: #999;
}
.tab-pane .vehicle-property span {}
.tab-pane .vehicle-property span.available {
    font-weight: 600;
    color: #111;
}
.tab-pane .vehicle-property span.none {}


/* vehicle update */
h3.updatespecial {
    display: inline-block;
    width: 100%;
    margin-bottom: 30px;
}
div.exitingimages {
    display: inline-flex;
    width: 100%;
    margin-bottom: 30px;
}
div.exiting {
    width: 24%;
    margin-right: 1%;
}
img.updatespecial {
    width: 100%;
    height: auto;
    max-width: 100%;
}
.deletebtn {
    position: absolute;
    z-index: 999;
    margin-left: -40px;
    background: #fff;
    border: 1px solid #333;
    margin-top: 0px;
    width: 40px;
}

a.updatespecial {
    background: #4d83ff;
    color: #fff;
    padding: 6px 10px;
    border-radius: 6px;
    margin-top: 38px;
    line-height: 32px;
    position: absolute;
    top: -8px;
    left: 110px;
}
.add-images div#images .col-md-6 {
    flex: 0 0 66.66667%;
    max-width: 66.66667%;
}

/**/

.vehicle_buttons {
    width: fit-content !important;
    margin-right: 10px;
}
.tramer.vehicle_buttons {
    background: #8b66d7;
    color: #fff;
}
.credit.vehicle_buttons {
    display: none;
    background: #4c8b44;
    color: #fff;
}
.addoption.vehicle_buttons {
    background: #cfac00;
    color: #fff;
}

/* End of Vehicle Layout */
form select.form-control,
form .dataTables_wrapper select {
    color: #495057;
}

.sidebar .nav .nav-item.basic {}
.sidebar .nav .nav-item.advance {
    background: rgb(251 251 251);
    border-top: 1px solid #999;
}
.sidebar .nav .nav-item.advance:last-child {
     border-bottom: 1px solid #999;
}



.bottom-details .summaryinner {
    float: left;
    display: inline-block;
    padding: 15px 2px;
    margin-bottom: 20px;
    text-align: left;
}

.navbar .navbar-menu-wrapper .navbar-nav.navbar-nav-right .nav-item #global_chat_btn {
    position: absolute;
    bottom: 3px;
    height: 45px;
    line-height: 40px;
    padding: 0;
    width: 60px;
    right: 15px;
}

/* End of Customization */