/*
 Theme Name:   CarDealer Child
 Theme URI:    https://cardealer.potenzaglobalsolutions.com/
 Description:  Car Dealer - Child Theme.
 Author:       TeamWP @Potenza Global Solutions
 Author URI:   http://www.potenzaglobalsolutions.com
 Template:     cardealer
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags:         one-column, two-columns, right-sidebar, custom-background, custom-colors, custom-header, custom-menu, editor-style, featured-images, flexible-header, post-formats, rtl-language-support, threaded-comments, translation-ready, e-commerce, blog, grid-layout
 Text Domain:  cardealer-child
*/


/* All margin */
.m-0 {
    margin: 0 !important;
}

.m-xs {
    margin: 10px;
}

.m-sm {
    margin: 20px;
}

.m-md {
    margin: 40px;
}

.m-lg {
    margin: 80px;
}

/* top margin */
.mt-0 {
    margin-top: 0 !important;
}

.mt-xs {
    margin-top: 10px;
}

.mt-10 {
    margin-top: 10px !important;
}

.mt-20 {
    margin-top: 20px !important;
}

.mt-30 {
    margin-top: 30px !important;
}

.mt-40 {
    margin-top: 40px !important;
}

.mt-50 {
    margin-top: 50px !important;
}

.mt-60 {
    margin-top: 60px;
}

.mt-70 {
    margin-top: 70px !important;
}

.mt-80 {
    margin-top: 80px !important;
}

.mt-90 {
    margin-top: 90px !important;
}

.mt-100 {
    margin-top: 100px !important;
}

.mt-150 {
    margin-top: 150px;
}

/* bottom margin */
.mb-0 {
    margin-bottom: 0 !important;
}

.mb-15 {
    margin-bottom: 15px;
}

.mb-10 {
    margin-bottom: 10px !important;
}

.mb-20 {
    margin-bottom: 20px !important;
}

.mb-30 {
    margin-bottom: 30px !important;
}

.mb-50 {
    margin-bottom: 50px !important;
}

.mb-40 {
    margin-bottom: 40px !important;
}

.mb-60 {
    margin-bottom: 60px !important;
}

.mb-70 {
    margin-bottom: 70px !important;
}

.mb-80 {
    margin-bottom: 80px !important;
}

.mb-90 {
    margin-bottom: 90px !important;
}

.mb-100 {
    margin-bottom: 100px !important;
}

.mb-150 {
    margin-bottom: 150px !important;
}

/* right margin */
.mr-0 {
    margin-right: 0;
}
.mr-4 {
    margin-right: 4px;
}
.mr-8 {
    margin-right: 8px;
}

.mr-30 {
    margin-right: 30px !important;
}

.mr-50 {
    margin-right: 50px;
}

.mr-60 {
    margin-right: 60px;
}

.mr-150 {
    margin-right: 150px;
}

/* left margin */
.ml-0 {
    margin-left: 0;
}

.ml-xs {
    margin-left: 10px;
}

.ml-sm {
    margin-left: 20px;
}

.ml-md {
    margin-left: 40px;
}

.ml-lg {
    margin-left: 80px;
}

.ml-4 {
    margin-left: 4px;
}
.ml-8 {
    margin-left: 8px;
}

.ml-30 {
    margin-left: 30px !important;
}

.ml-50 {
    margin-left: 50px;
}

.ml-60 {
    margin-left: 60px;
}

.ml-150 {
    margin-left: 150px;
}

/* All padding */
.p-0 {
    padding: 0 !important;
}

.p-xs {
    padding: 10px;
}

.p-sm {
    padding: 20px;
}

.p-md {
    padding: 40px;
}

.p-lg {
    padding: 80px;
}

/* top padding */
.pt-0 {
    padding-top: 0 !important;
}

.pt-30 {
    padding-top: 30px !important;
}

.pt-40 {
    padding-top: 40px !important;
}

.pt-50 {
    padding-top: 50px;
}

.pt-60 {
    padding-top: 60px;
}

.pt-70 {
    padding-top: 70px !important;
}

.pt-80 {
    padding-top: 80px;
}

.pt-90 {
    padding-top: 90px;
}

.pt-100 {
    padding-top: 100px !important;
}

.pt-150 {
    padding-top: 150px !important;
}

/* bottom padding */
.pb-0 {
    padding-bottom: 0 !important;
}

.pb-30 {
    padding-bottom: 30px;
}

.pb-50 {
    padding-bottom: 50px;
}

.pb-60 {
    padding-bottom: 60px;
}

.pb-70 {
    padding-bottom: 70px !important;
}

.pb-80 {
    padding-bottom: 80px;
}

.pb-90 {
    padding-bottom: 90px;
}

.pb-100 {
    padding-bottom: 100px !important;
}

/* right padding */
.pr-0 {
    padding-right: 0;
}

.pr-xs {
    padding-right: 10px;
}

.pr-sm {
    padding-right: 20px;
}

.pr-md {
    padding-right: 40px;
}

.pr-lg {
    padding-right: 80px;
}

.pr-15 {
    padding-right: 15px !important;
}

.pr-30 {
    padding-right: 30px !important;
}

.pr-50 {
    padding-right: 50px;
}

.pr-60 {
    padding-right: 60px;
}

.pr-100 {
    padding-right: 100px !important;
}

.pr-150 {
    padding-right: 150px;
}

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

.pl-30 {
    padding-left: 30px;
}

.pl-50 {
    padding-left: 50px;
}

.pl-60 {
    padding-left: 60px;
}

.pl-100 {
    padding-left: 100px !important;
}

.pl-150 {
    padding-left: 150px;
}

.display-block{
	display:block !important;
}
.hide,.hidden{
	display: none !important;
}
#mega-menu-primary-menu li.menu-item>a, #primary-menu li.menu-item>a{
	text-transform: capitalize;
}
#page .theme-bg, .theme-bg .vc_row-background-overlay, #header.default-header.boxed .topbar, .skills-2 .bar, .cdfs-av-sections .cdfs-av-section .cdfs-av-title:before{
	background-color: #111111 !important;
}
.contact-us label{
	display: block;
}
.centered-container{
	max-width:1170px !important;
	display: block;
	margin: auto;
	left: inherit !important;
	padding-left: 15px;
    padding-right: 15px;
}
.add_to_cart_button{
	display: none !important;
}
form.cart > .quantity {
	display: none !important;
}
form.cart > button {
	display: none !important;
}
aside#right {
	display: none !important;
}
.content {
	width: 100%;
}

.nta_wa_button > a.wa__button {
	width: 100%;
}

.summary.entry-summary .product_meta > * {
	display: block;
}

.q-link h6{
	margin-top: 8px;
	display: block !important;
}
.btn-emergency img{
	padding-bottom: 12px !important;
}
.upcoming-section{
	padding: 16px;
    border: 1px solid #eee;
}

.agung-toyota-root {
    display: flex;
    justify-content: center;
}

.agung-toyota-container {
    width: 1080px;
    padding: 4rem 0;
}

.agung-toyota-justify-right {
	display: flex;
	justify-content: flex-end;
}

.agung-toyota-container{
    width: 1140px !important;
    margin-bottom: 100px;
}
.q-link h6{
	margin-top: 8px;
	display: block !important;
}
.pods-field-option input[type=text], .pods-field-option textarea{
    background: #f6f6f6;
    border: 1px solid transparent;
    resize: vertical;
    margin-bottom: 0 !important;
    width: 100%;
    padding: 12px 18px;
}

.pods-field-option input[type=text]:focus, .pods-field-option textarea:focus{
    background: 0 0;
    outline: 0 !important;
    border-color: #021b76;
}
.pods-field__container{
    margin-bottom: 24px;
}
.pods-field-option label,.components-notice__content{
    color: #111111;
}
.pods-form-ui-comment{
    font-size: 12px;
}
.pods-field-option .pods-dfv-container{
    max-width: 100% !important;
}
.pods-form-ui-row-name-last-service, .pods-form-ui-row-name-next-service{
    width: 46%;
    display: inline-block;
    margin-right: 24px;
}
.components-dropdown{
    display: block;
    width: 100%;
}
.components-dropdown input{
    display: block;
    width: 100%;
    max-width: 100% !important;
}
.btn, .pods-submit-button{
    clear: both;
    overflow: hidden;
    font-size: 14px;
    text-align: center;
    border: none;
    background: #db2d2e;
    color: #fff;
    display: inline-block;
    text-transform: capitalize;
    vertical-align: middle;
    padding: 8px 30px;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}
.btn-primary, .pods-submit-button{
    background-color: #021b76;
}
.btn-primary:hover, .pods-submit-button:hover{
    background: #323232;
    color: #fff;
}
.btn-success{
    background-color: #25d366;
}
.btn-success:hover{
    background: #323232;
    color: #fff;
}
.btn-secondary{
    background-color: #eef2ff;
    color: #111;
    border: 1px solid #b5c0ea;
}
.btn-secondary:hover{
    background-color: #cad7ff;
}

.dt-search label{
    margin-right: 16px;
    color: #111;
}
.dt-length label{
    font-size: 12px;
}
.dt-info{
    color: #111 !important;
}
.dt-column-title{
    font-size: 12px;
}

table.dataTable>thead>tr>th, table.dataTable>thead>tr>td{
    padding: 16px !important; 
    padding-right: 30px !important;
}

table.dataTable>thead>tr{
   color: #111 !important;
   background-color: #f6f6f6;
}
table.dataTable td, table.dataTable th{
    border: 0 !important;
    border-bottom: 1px solid #E8E8E8 !important;
}
table.dataTable>tbody>tr>th, table.dataTable>tbody>tr>td {
    padding: 16px 10px !important;
}
.agung-toyota-container h3{
    color: #111;
    font-weight: 700;
    text-transform: inherit;
    font-size: 18px;
    line-height: auto;
    letter-spacing: auto;
}
.box-wrapper.car-detail {
    border: 1px solid #eee;
    border-radius: 8px;
    padding: 16px;
    margin-bottom: 24px;
}
.box-wrapper.upcoming-service {
    border: 1px solid #8FBCFF;
    border-radius: 8px;
    padding: 16px;
    background-color: #ECF9FF;
}
.text-label{
    border-bottom: 1px solid #eee;
    padding: 8px 16px;
}
.text-value{
    color: #111;
    font-weight: 700;
    border-bottom: 1px solid #eee;
    padding: 8px 16px;
}

.box-cta{
    margin-top: 16px;
    text-align: right;
}
.sbe-plan{
    border: 1px solid #eee;
    border-radius: 8px;
    padding: 16px;
    margin-bottom: 24px;
}
.sbe-date-plan{
    color: #aaa;
}

/* Label SBE */
.sbe-type{
    display: inline-block;
    padding: 2px 12px;
    border-radius: 32px;
}
.sbe-table{
    color : #111;
}
.sbe-table>tbody>tr:nth-child(1) .sbe-type{
    color: #C4320A;
    background-color: #FFF6ED;
}
.sbe-table>tbody>tr:nth-child(2) .sbe-type{
    color: #175CD3;
    background-color: #EFF8FF;
}
.sbe-table>tbody>tr:nth-child(3) .sbe-type{
    color: #5925DC;
    background-color: #F4F3FF;
}
.sbe-table>tbody>tr:nth-child(4) .sbe-type{
    color: #C11574;
    background-color: #FDF2FA;
}
.sbe-table>tbody>tr:nth-child(5) .sbe-type{
    color: #363F72;
    background-color: #F8F9FC;
}
.sbe-table>tbody>tr:nth-child(6) .sbe-type{
    color: #026AA2;
    background-color: #F0F9FF;
}
.sbe-table>tbody>tr:nth-child(7) .sbe-type{
    color: #344054;
    background-color: #F2F4F7;
}


/* Status SBE */
.status-success{
    color: #111;
}
.status-success i{
    color: #3aa700;
}

.status-info{
    
}
.status-warning{
    color: #111;
}
.status-warning i{
    color: #ffce03;
}
.status-danger{
    
}

.sbe-done{
    background-color: #e2ffea;
    display: inline-block;
    padding: 4px 16px;
    border-radius: 32px;
}
.sbe-done i{
    color: #3aa700;
}
.sbe-upcoming{
    background-color: #fff7e2;
    display: inline-block;
    padding: 4px 16px;
    border-radius: 32px;
}
.sbe-upcoming i{
    color: #f7b31c;
}
.sbe-service{
    background-color: #e2f3ff;
    display: inline-block;
    padding: 4px 16px;
    border-radius: 32px;
}
.sbe-service i{
    color: #3c72f4;
}
.sbe-late{
    background-color: #ffe2e2;
    display: inline-block;
    padding: 4px 16px;
    border-radius: 32px;
}
.sbe-late i{
    color: #a01c1c;
}
.sew-active{
    background-color: #e2ffea;
    display: inline-block;
    padding: 4px 16px;
    border-radius: 32px;
    font-size: 12px;
}
.sew-inactive{
    background-color: #ffe2e2;
    display: inline-block;
    padding: 4px 16px;
    border-radius: 32px;
    font-size: 12px;
}
.manage-car-table .no-rangka{
    font-size: 12px;

}
.manage-car-table .service-time{
    background-color: #e2f3ff;
    display: inline-block;
    padding: 4px 16px;
    border-radius: 32px;
    font-size: 12px;
}
.manage-car-table .upcoming{
    background-color: #eee;
    display: inline-block;
    padding: 4px 16px;
    border-radius: 32px;
    font-size: 12px;
}
.manage-car-table .missed{
    background-color: #ffe2e2;
    display: inline-block;
    padding: 4px 16px;
    border-radius: 32px;
    font-size: 12px;
}


.pods-form-ui-row-type-pick .pods-form-ui-field select{
    background: rgba(0,0,0,0) url(assets/down.png) no-repeat scroll calc(98% + 3px) center/12px auto;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.woocommerce-account .woocommerce-MyAccount-navigation{
    display: none;
    width: 0%;
}

.woocommerce-account .woocommerce-MyAccount-content{
    width: 100%;
}
.woocommerce-MyAccount-content>p:nth-child(3){
    display: none;
}

.wcmamtx_dashboard_link.dashboard-link{
    background-color: #f1f9ff;
    color: #2771b1;
    border-radius: 8px;
    border: 1px solid #f1f9ff;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}
.wcmamtx_dashboard_link.dashboard-link:hover{
    background-color: #def1ff;
    color: #2771b1;
    border: 1px solid #2771b1;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}


.wcmamtx_dashboard_link.custom-link-286028-link{
    background-color: #f1f9ff;
    color: #2771b1;
    border-radius: 8px;
    border: 1px solid #f1f9ff;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}
.wcmamtx_dashboard_link.custom-link-286028-link:hover{
    background-color: #def1ff;
    color: #2771b1;
    border: 1px solid #2771b1;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}


.wcmamtx_dashboard_link.edit-account-link{
    background-color: #f1f9ff;
    color: #2771b1;
    border-radius: 8px;
    border: 1px solid #f1f9ff;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}
.wcmamtx_dashboard_link.edit-account-link:hover{
    background-color: #def1ff;
    color: #2771b1;
    border: 1px solid #2771b1;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}


.wcmamtx_dashboard_link.customer-logout-link{
    background-color: #f1f9ff;
    color: #2771b1;
    border-radius: 8px;
    border: 1px solid #f1f9ff;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}
.wcmamtx_dashboard_link.customer-logout-link:hover{
    background-color: #def1ff;
    color: #2771b1;
    border: 1px solid #2771b1;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

.manage-car-table{
    color: #111;
}
.detail-activity-table{
    border: 1px solid #eee;
    border-radius: 8px;
}
.dat-label{
    width: 180px;
}
.dat-value{
    color: #111;
}
.wysiwyg-col{
    
}
.wysiwyg-col img{
    max-width: 100%;
}

.wysiwyg-col ul{
    margin-left: 16px;
}

.toplevel_page_csv-import-tool li.wp-first-item{
	display: none !important;
}






@media (max-width: 767px) {
	.q-link h6{
		margin-top: 8px;
		display: block !important;
	}
	.testimonial-3 .owl-carousel .owl-item img{
		max-width: 120px;
	}
}













