:root{
    --fc-dager: #F6B93F;
    --fc-primary: #E21853;
    --fc-secondary: #545454;
}
/* @import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;600;700&display=swap'); */
@font-face {
    font-family: 'open-sans';
    src: url(../css/fonts/open_sans/OpenSans-Regular.ttf) format('truetype') font-weight-regular,
         url(../css/fonts/open_sans/OpenSans-SemiBold.ttf) format('truetype') font-weight-semibold,
         url(../css/fonts/open_sans/OpenSans-Bold.ttf) format('truetype') font-weight-bold;
}

body{
    background-color: #F5F5F5 !important;
    font-family: 'open-sans', sans-serif;
    height: 100vh !important;
}
@media (min-width: 992px){
    .header-fixed.toolbar-fixed .wrapper {
        padding-top: calc(10px + var(--kt-toolbar-height));
    }
}
#kt_toolbar:not(.fixed-topbar){
    z-index: auto;
    position: unset;
}
#kt_toolbar{
    background-color: #F5F5F5;
    box-shadow: none !important;
    height: auto;
    padding-bottom: 12px;
    padding-top: 12px;
}
@media(min-width: 992px){
    .fixed-topbar + #kt_post{
        margin-top: 73px;
    }
    [data-kt-aside-minimize=on] .aside:not(.aside-hoverable) .aside-footer .dropdown-menu, 
    [data-kt-aside-minimize=on] .aside:not(:hover) .aside-footer .dropdown-menu{
        min-width: 48px;
        max-width: 48px;
        overflow: hidden;
        transition: all .3s ease;
    }
}

.aside .aside-footer .dropdown-menu {
    min-width: auto;
    max-width: fit-content;
    transition: all .3s ease;
}

@media(min-width: 992px) and (max-width: 1600px){
    .fixed-sidebar{
        position: fixed;
        width: 445px;
    }
}
@media(max-width: 1400px) and (min-width: 1200px){
    .fixed-sidebar{
        width: 360px;
    }
}
@media(max-width: 1200px) and (min-width: 992px){
    .fixed-sidebar{
        width: 327px;
    }
}
/* Custom classes */
.text-danger{
    color: var(--fc-dager) !important;
}
.text-primary{
    color: var(--fc-primary) !important;
}
.text-grey{
    color: #858585;
}
.friendy-btn{
    font-size: 16px;
    font-weight: 600;
    line-height: 22px;
    border-radius: 4px;
    width: 190px;
    height: 48px;
}
.data-table-tabs .friendy-btn{
    width: 116px;
}
.friendy-btn.btn.btn-danger {
    border-color: #E21853;
    background-color: #E21853;
}
.friendy-btn.btn.btn-danger:hover{
    background-color: #C40C41;
}
.friendy-btn.btn-outline-danger {
    color: #E21853;
    border-color: #E21853;
}
.friendy-btn-link.btn-link{
    font-size: 14px;
    color: #CECECE;
}
.friendy-btn-link.btn-link:hover{
    color: #E21853;
}
.friendy-btn.btn-outline-success.btn-active-light-success {
    color: #03960E;
    border-color: #03960E;
    background-color: #F2FCF3;
}
.friendy-btn.btn.btn-active-light-success.active, 
.friendy-btn.btn.btn-active-light-success.show, 
.friendy-btn.btn.btn-active-light-success:active:not(.btn-active), 
.friendy-btn.btn.btn-active-light-success:focus:not(.btn-active), 
.friendy-btn.btn.btn-active-light-success:hover:not(.btn-active){
    background-color: #D2F5D5 !important;
    color: #03960E;
}
.friendy-btn.btn-outline-secondary {
    color: #545454;
    border-color: #545454;
}
.custom-btn{
    color: #E21853;
    font-weight: 600;
}
.custom-btn:hover{
    color: #C40C41;
    
}
.success-btn{
    color: #03960E;
    border: 1px solid #03960E !important;
    background-color: #F2FCF3;
}
.success-btn:hover{
    color: #03960E;
    background-color: #D2F5D5;
}
.friendy-card{
    border-radius: 3px;
    box-shadow: 0px 1px 3px #00000029;;
}
.friendy-card .card-header{
    min-height: auto;
    padding: 20px 30px;
}
.friendy-card.card .card-header .card-title{
    color: #000000;
    font-size: 24px;
    font-weight: 600;
    line-height: 33px;
    position: relative;
}
.friendy-card.card .card-header .card-title.underlined-title::after{
    position: absolute;
    content: '';
    left: 0;
    bottom: -12px;
    height: 2px;
    width: calc(100% - 16px);
    border-radius: 3px;
    background-color: #E21853;
}
.friendy-card.card .card-header .card-toolbar span{
    color: #858585;
    font-size: 16px;
    font-weight: 400;
    line-height: 22px;
}
.friendy-card.card .ribbon.ribbon-clip.ribbon-end .ribbon-label .ribbon-inner {
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    background-color: #35296D !important;
}
.friendy-card.card .ribbon .ribbon-label{
    font-size: 12px;
    font-weight: 600;
    line-height: 17px;
    padding: 7px 19px;
}
.btn-block{
    width: 100%;
}
.badge{
    padding: 5px;
    font-size: 16px;
    font-weight: 600;
    /* line-height: 22px; */
    border-radius: 19px;
}
.badge-info{
    background-color: #F5F2FF;
    color: #35296D;
}
.badge-friendy{
    background-color: #E21853;
}
.badge-friendy{
    background-color: #E21853;
}
strong{
    font-weight: 700;
}
.form-control:disabled, .form-control[readonly]{
    background-color: #f3f3f3;
    border-color: #ccc;
}
.form-select:disabled{
    color: #ccc;
    background-color: #f3f3f3;
    border-color: #ccc;
    cursor: not-allowed;
}
/* Header */
.noti-badge-counter{
    top: 3px !important;
    right: 0;
}


.custom-sidebar{
    background-color: #35296D !important;
}
#kt_aside_menu_wrapper .menu-link:hover,
#kt_aside_menu_wrapper .menu-link.active{
    background-color: #E21853 !important;
    border-radius: 17px !important;
    background-size: cover;
    color: #fff !important;
}
#kt_aside_menu_wrapper .menu-link:hover .menu-title,
#kt_aside_menu_wrapper .menu-link.active .menu-title{
    color: #fff !important;
}

/* .aside-dark .menu .menu-item .menu-link.active {
    background-color: #E21853;
    border-radius: 17px !important;
    color: white !important;
} */
body[data-kt-aside-minimize="on"] .aside-toggle
{
    display: block !important;
}

body[data-kt-aside-minimize="on"] #kt_aside:hover .aside-toggle{
    display: none !important;
}

/* .custom-search-input {
    border-radius: 20px !important;
    background-color: #F2F2F2;
} */
  
.page-title{
    color: #000000;
    font-size: 24px;
    font-weight: 600;
}
.detailed-page-title{
    color: #858585;
    font-size: 18px;
    font-weight: 400;
}

.svg-icon.svg-icon-1 svg {
    height: 2.25rem!important;
    width: 1.75rem!important;
}
.menu-link:hover{
    text-decoration: none;
    color: white;
}

.btn-check:active+.btn.btn-active-color-primary i, .btn-check:checked+.btn.btn-active-color-primary i, .btn.btn-active-color-primary.active i, .btn.btn-active-color-primary.show i, .btn.btn-active-color-primary:active:not(.btn-active) i, .btn.btn-active-color-primary:focus:not(.btn-active) i, .btn.btn-active-color-primary:hover:not(.btn-active) i, .show>.btn.btn-active-color-primary i {
    color: #858585;
}
.aside.aside-dark .aside-toggle svg [fill]:not(.permanent):not(g) {
    fill: #fff;
}

.modal-title {
    color: #757575;
    font-size: 16px;
    font-weight: 500;
}
.aside-dark .menu .menu-item .menu-link .menu-icon .svg-icon svg [fill]:not(.permanent):not(g) {
    transition: fill .3s ease;
    fill: #BEB5E7;
}
.aside-dark .menu .menu-item .menu-link:hover .menu-icon .svg-icon svg [fill]:not(.permanent):not(g) ,
.aside-dark .menu .menu-item .menu-link.active .menu-icon .svg-icon svg [fill]:not(.permanent):not(g){
    transition: fill .3s ease;
    fill: #fff !important;
}


.current-country{
    /* margin-left: 20px; */
    width: 24px;
    height: 24px;
    background-color: transparent !important;    
}
.current-country.btn.btn-primary:hover:not(.btn-active),
.current-country.btn.btn-primary:focus:not(.btn-active),
.current-country.btn.btn-primary.show{
    background-color: transparent !important;
}
.current-country img{
    width: 24px;
    height: 24px;
}
.btn-group .dropdown-menu .dropdown-item img{
    width: 24px ;
    height: 24px;
}
.custom-dropdown-menu{
    width: 8px !important;
    height: 8px !important;
    padding: 0px;
}
.custom-dropdown-menu:hover{
    background-color: transparent !important;
}
.border-left{
    border-left:2px solid  #858585;
}
.checkbox span {
    font-size: 16px;
}

.export-btn{
    border-radius: 0 0.475rem 0.475rem 0;
    border: none;
    height: 46px;
    background-color: #FDC1D2;

}
.export{
   
        display: block;
        height: 46px;
        width: 100%;
        padding: 0.75rem 1rem;
        font-size: 1.1rem;
        font-weight: 500;
        line-height: 1.5;
        color: #5e6278;
        background-color: #fff;
        background-clip: padding-box;
        border: 1px solid #e4e6ef;
        appearance: none;
        border-radius: .475rem 0 0 .475rem ;
        box-shadow: inset 0 1px 2px rgb(0 0 0 / 8%);
        transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    
}
/* .card .card-body {
    padding: 12px;
} */
.h-40px{
    height: 40px;
}

/* Datatable */
.table td:first-child, .table th:first-child, .table tr:first-child {
    padding-left: 12px;
}
.data-table-table .table{
    font-family: 'open-sans', sans-serif;
    font-size: 12px;
    font-weight: 400;
    line-height: 20px;
}
.data-table-table .table tr th{
    color: #858585;
}
.data-table-table .table tr td{
    color: #545454;
    font-size: 14px;
    height: 40px;
    padding: 6px 12px;
}
.table-striped>tbody>tr:nth-of-type(odd)>*{
    background-color: #FAFAFC;
}
.table>:not(caption)>*>*,
.table td:last-child, .table th:last-child, .table tr:last-child{
    padding-left: 12px;
    padding-right: 12px;
}
.data-table-table .table tr th.columnTitle{
    padding-top: 14px;
    padding-bottom: 15px;
}
.data-table-table .table tr th.columnTitle > span:before{
    display: none;
}
.data-table-table .table tr th.columnTitle > span i{
    color: #858585;
}
.data-table-table .table tr th.columnTitle > span.fa-arrow-up .fa-caret-down:before {
    content: "\f0d8";
}
.data-table-pagination .pagination li.page-item{
    display: none;
}
.data-table-pagination .pagination li.nav-btn i{
    font-size: 1.4rem;
    color: #858585;
}
.friendy-datatable-footer .pager-details{
    font-size: 14px;
    color: #858585;
    line-height: 42px;
}
#inputPassword2{
    border-radius: .475rem;
    height: 48px;
}

/* modals */
.modal-title {
    color: #545454;
    font-size: 20px;
}
.modal-content{
    cursor: auto;
}

.modal-main-data{
    border-radius: 4px;
    border: #E8E8E8 1px solid;
}
.custom-badge{
    color: #35296D;
    background-color: #F5F2FF;
    border-radius: 12px;
}

/* buttons  as per zyad Guidlines*/

.btn-action{
    background-color: #E21853;
    color: #fff;
    border-radius: 4px;
    min-width: 190px;
    height: 48px;
    font-size: 16px;
    font-weight: 400;
}
.btn-action:hover{
    background-color: #C40C41;
    color: #fff;

}



.btn-edit{
    color: #E21853;
    border: 1px #E21853 solid !important;
    background-color: white;
    border-radius: 4px;
    font-size: 16px;
    font-weight: 500;
}
.custom-btn-edit{
    color: #E21853;
    border: 1px #E21853 solid !important;
    background-color: white;
    border-radius: 4px;
    min-width: 192px;
    height: 48px;
    font-size: 16px;
    font-weight: 500;
}
.custom-btn-edit:hover{
    background-color: #FFF0F4;
    color: #E21853;
    

}
.btn-edit:hover{
    background-color: #FFF0F4;
    color: #E21853;

}


.btn-third-action{
    color: #B31944;
    background-color: #fff;
    border-radius: 4px;
    min-width: 190px;
    height: 48px;
    font-size: 16px;
    font-weight: 400;
}

.btn-delete{
    color: #545454;
    background-color: #CECECE;
    border: transparent;
    border-radius: 4px;
    min-width: 190px;
    height: 48px;
    font-size: 16px;
    font-weight: 400;
}
.btn-delete:hover{
    background-color: #C6C6C6;
    color: #2E2E2E;

}


.btnDanger{
    color: #655100;
    background-color: #F6B93F;
    border-radius: 4px;
    min-width: 190px;
    height: 48px;
    font-size: 16px;
    font-weight: 500;
}
.btnDanger:hover{
    background-color: #F1AF2B;
    color: #655100;

}
#timeRange input{
    /* width: 174px; */
    height: 46px;
}
.filters .creation-filters .form-select,
.mx-datepicker input{
    height: 46px;
}
.filters .creation-filters .mx-input{
    border-color: #e4e6ef;
}

/* Filter bar */
.filters.card-body{
    padding: 12px 20px 11px;
}
.filters .filter-labels{
    margin-bottom: 6px;
    line-height: 18px;
}

/* Modals */
.modal .modal-content{
    border-radius: 12px;
}
.modal .modal-header{
    padding: 20px 20px 0 34px;
}
.modal .modal-header h2.modal-title{
    font-weight: 400;
    font-size: 16px;
    line-height: 22px;
    color: #CECECE;
}
.header-color{
    color: #CECECE;
}
.modal .modal-body{
    padding: 40px 34px 20px;
}
.modal .modal-body .modal-body-title{
    font-size: 20px;
    font-weight: 400;
    line-height: 27px;
    color: #545454;
    margin-bottom: 20px;
}

/* Forms */
.form-group label{
    font-size: 14px;
    font-weight: 400;
    line-height: 17px;
    color: #858585;
    margin-bottom: 4px;
    text-transform: capitalize ;
}
.form-control{
    font-size: 14px;
    font-weight: bold;
    color: #5F5F5F;
    border-color: #CECECE;
}

.form-group .svg-icon > svg{
    width: 24px;
    height: 24px;
}
.friendy-date-picker,
.friendy-date-picker .mx-datepicker-range{
    width: 100% !important;
}
.friendy-date-picker input{
    box-shadow: none;
}
.friendy-date-picker .mx-input, 
.friendy-date-picker .mx-input:hover, 
.friendy-date-picker .mx-input:focus {
    border-color: #CECECE;
}
.table-hover>tbody>tr:hover {
   
    background-color: #F3E3E8;

}

.table-hover>tbody>tr:hover>*,
.table-hover > tbody > tr:hover > *{
    --bs-table-accent-bg: #F3E3E8;
}

.filter-btn{
    border-radius: 5px;
    background-image: url(../images/filterBtn.svg);
    background-position: center;
    background-repeat: no-repeat;

}
.filter-btns{
    border-radius: 5px !important;
    border: 1px #CECECE solid !important;
    color: #5F5F5F !important;
    width: 174px;
}

.checkbox > span {
    height: 18px;
    width: 18px;
}
.w-40px{
    width: 40px;
}
.h-40px{
    height: 40px;
}
.car-info{
    color: #545454;
}
.car-info h4,
.car-info p{
    font-weight: 400;
}
.car-info h4{
    font-size: 24px;
    line-height: 33px;
}
.car-info p{
    font-size: 14px;
    line-height: 19px;
}
.car-plans .plan{
    border-color: #E8E8E8 !important;
    border-radius: 4px;
}
.car-plans .plan h4,
.car-plans .plan p{
    font-weight: 600;
}
.car-plans .plan h4{
    color: #35296D;
    font-size: 14px;
    line-height: 19px;
}
.car-plans .plan p{
    color: #545454;
    font-size: 12px;
    line-height: 17px;
}
.owner-info{
    background-color: #FAFAFA;
    margin: 0 -30px;
}
.owner-data h4{
    color: #545454;
    font-size: 24px;
    font-weight: 600;
    line-height: 33px;
}
.owner-data span{
    font-size: 14px;
    font-weight: 19px;
    color: #545454;
}
@media(min-width: 1024px){
    .owner-time .time-start,
    .owner-time .time-end{
        flex: 1 0 50%;
    }
}
.owner-time{
    margin-left: -30px;
    margin-right: -30px;
}
.owner-time .time-start,
.owner-time .time-end{
    padding: 13px 30px;
}
.owner-time .time-start{
    position: relative;
    background-color: #ECECEC;
}
.owner-time .time-start:before{
    content: '';
    position: absolute;
    right: 0;
    border-top: 35px solid #FAFAFA;
    border-bottom: 35px solid #FAFAFA;
    border-left: 35px solid #ECECEC;
}
.owner-time > div > div span:first-child{
    color: #858585;
    font-size: 16px;
    font-weight: 600;
    line-height: 22px;
}
.owner-time > div > div span:last-child{
    color: #545454;
    font-size: 16px;
    font-weight: 700;
    line-height: 22px;
}
.contract-status{
    padding: 20px;
    border-radius: 3px;
}
.contract-status .status-title{
    font-size: 18px;
    font-weight: 600;
    line-height: 24px;
}
.contract-status.status-danger{
    background-color: rgb(226 24 83 / 10%);
}
.contract-status.status-danger .status-title{
    color: #E21853;
}
.contract-status.status-warning{
    background-color: rgb(255 210 69 / 10%);
}
.contract-status.status-warning .status-title{
    color: #C49500;
}
.contract-status.status-success{
    background-color: rgb(3 150 14 / 10%);
}
.contract-status.status-success .status-title{
    color: #03960E;
}
.contract-status.status-draft{
    background-color: rgb(0 0 0 / 10%);
}
.contract-status.status-draft .status-title{
    color: #545454;
}
.car-maintenance .accordion-item:first-of-type .accordion-button,
.card-collapsable .accordion-item:first-of-type .accordion-button{
    background-color: #E8E8E8;
    color: #35296D;
    font-size: 16px !important;
    font-weight: 600 !important;
    line-height: 22px;
    padding: 9px 20px;
    border-radius: 0;
}
.car-maintenance .accordion-item table thead tr,
.card-collapsable .accordion-item table thead tr{
    background-color: #F2F2F2;
}
hr{
    background-color: #E8E8E8;
    margin: 20px -10px;
    opacity: 1;
}
.notes-card .card-header{
    padding: 18px 0;
    margin: 0 30px;
}
.notes-card .card-header:not(.collapsible){
    border-bottom: 1px solid #E8E8E8 !important;
}
.friendy-card.notes-card .card-header .card-title{
    font-size: 18px;
    font-weight: 600;
    line-height: 24px;
    color: #545454;
}
.chat-container{
    background-color: #F8F8F8;
    padding: 20px;
    margin-top: 80px;
    border: 1px solid #E8E8E8;
    border-radius: 3px;
}
.chat-container .chat-box{
    background-color: #FFFFFF;
    padding: 20px;
    margin-bottom: 20px;
    border: 1px solid #E8E8E8;
    border-radius: 4px;
}
.add-note textarea.form-control{
    background-color: #F3F3F3;
    border-color:#E8E8E8;
    border-radius: 3px;
    font-size: 16px;
    font-weight: 400;
    letter-spacing: .48px;
    padding: 14px 16px;
    margin-bottom: 20px;
}
.add-note .btn{
    /* float: right; */
}
.add-note{
display: flex;
flex-direction: column;
}
.add-note .friendy-btn.btn{
    align-self: end;
}
.filter-row{
    display: none;
}
.filter-reset-btn{
    color: #858585;
}
.custom-form-select{
    width: 174px;
    height: 40px;
}
/* friendy main colors */

.friendy-first-color{
    color: #545454;
}
.friendy-sec-color{
    color: #858585;
}
.fs-18px{
    font-size: 18px;
}
.fs-16px{
    font-size: 16px;
}
.fs-14px{
    font-size: 14px;

}
.fs-12px{
    font-size: 12px;
}
.fs-20px{
    font-size: 20px;
}
.fs-24px{
    font-size: 24px;
}
.fs-12px{
    font-size: 12px;
}
.fs-10px{
    font-size: 10px !important;
}


.car-id{
    color: #35296D;
    background-color: #F5F2FF;
    font-size: 16px;
    font-weight: 500;
    padding: 6px 10px;
}
.bolder{
    font-weight: 600;
}
.content-header{
    background-color: #F5F5F5;
}
.car-border{
    border: 2px #E8E8E8 solid;
    border-radius: 6px;
}
.car-model{
    font-size: 24px;
}
.plate-num{
    font-size: 14px;
}

.carousel-indicators{
    position: absolute;
    left: 0%;
    bottom: 5px;
    z-index: 55;
}
.carousel-item img{
    height: 240px;
    border-radius: 4px;
  
}
.carousel-item img{
   object-fit: cover !important;
   /* object-position: center; */
}
.carousel.carousel-custom .carousel-indicators-active-primary li.active:after {
    background-color: var(--fc-primary)!important;
}
/* .btn-outline{
    color: #E21853;
    border-radius: 12.5px;
    border: 1px #E21853 solid;
    
}
.btn-outline:hover{
    background-color: #E21853;
    color: #fff;
    border-radius: 12.5px;
    border: 1px #E21853 solid;
} */

.custom-hr{
    border-bottom: 1px #E8E8E8 solid;
}
.carID-review{
    color: #5F5F5F;
    background-color: #E8E8E8;
    border: 1px #CECECE solid;
    border-radius: 4px;
    font-weight: 600;
}
.input-unit{
    color: #CECECE;
    font-size: 14px;
}
/* .friendy-textarea{
    background-color: #F3F3F3;
    color:#545454;
    border-radius: 3px;
    border: 1px #E8E8E8 solid;
    height: 120px;
} */

.edit-anchor{
    color: #E21853;
    cursor: pointer;
}
.edit-anchor:hover{
    color: #C40C41;
}
/* .modal-backdrop{
    z-index: 99999 !important;
}
.modal-backdrop.show {
    opacity: 0  !important;
} */
/* .edit-contract{
    max-height: 100vh;
    overflow-y: scroll;

} */
.btn-upload:not(.payment-upload){
    background-color: #FFF5F8;
    border: 1px #FFEAF0 solid !important;
    border-radius: 4px;
    background-image: url("../images/Upload-Icon.svg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-size: 50px 50px ;
    height: 86px;
}
.text-upload-button{
    color: #B3083A;
    font-size: 12px;
    bottom: 5px;
    left: 44%;

}
.invoice-details-table table thead tr{
    background-color: #E8E8E8;
    color: #545454;
    font-size: 14px;
    font-weight: 500;
}
.invoice-details-table table tbody tr td {
    color: #545454;
    font-size: 12px !important;
}
.invoice-details-table table tbody tr td .td-value{
    color: #858585 !important;
    font-size: 12px !important;
}
.table-footer td{
    background-color: #35296D;
    color: white !important;
    font-size: 12px;
    font-weight: 500;
}

.w-60{
    width: 60%;
}
.owner-phones span:not(:last-child):after{
    content: ' - ';
}
.file-upload-control input[type='file']{
    display: none;
}
.multiple-file-upload .img-container .btn{
    width: 18px;
    height: 18px;
    top: -8px;
    right: -8px;
}
.multiple-file-upload .img-container .btn i{
    font-size: 8px;
}

.friendy-main-color{
color: #E21853 !important;
}
.friendy-link:hover{
    color: #E21853;

}
.px-30{
    padding: 0 30px;
}
.friendy-blue-color{
    color: #35296D;
}

.show-licence-btn{
    border-radius: 12.5px ;
    
}

.tracking-table .table tbody tr td {
    color: #000000 !important;
    font-size: 14px;
    height: 35px !important;
    padding: 3px 12px;
    vertical-align: middle;
}

.tracking-table .table tbody tr td .value{
    color: #545454;
   
}
.tracking-table {
    table-layout: fixed;
    width: 100%;
}
.tracking-table .table tbody tr td:first-child {
    width: 240px;
    font-weight: 600;
   
}

.cost-label{
    color: #35296D;
    font-size: 28px;
    font-weight: 500;
}
.btn-position{
    position: absolute;
    bottom: 20px;
    right: 10px;
}
.w-80{
    width: 90%;
}
.check-btn{
background-color: #FCCDDA;
border-radius: 4px;
width: 90px;

}
.false-btn{
    background-color: #E6E6E6;
    color: #545454;
    border-radius: 4px;
    width: 90px;
}
.friendy-btn-note{
    font-size: 14px;
    font-weight: 400;

    border-radius: 4px;
    
}
.fw-400{
    font-weight: 400 !important;
}
.fw-500{
    font-weight: 500;
}
.handover-table{
    margin: 0 -30px;
}
.handover-table .table tr td{
    padding-left: 30px;
}
.handover-table .table-striped>tbody>tr:nth-of-type(odd)>*{
    background-color: #E8E8E8;
}
.handover-basic-info .basic-info-box{
    margin-right: 24px;
    margin-bottom: 24px;
    width: 120px;
    height: 120px;
}
.handover-basic-info .basic-info-box > *{
    color: #35296D;
}
.handover-basic-info .basic-info-box i{
    font-size: 33px;
}
.view-btn{
    border-radius: 12.5px;
}

/* .data-table table tbody tr , 
.data-table table thead tr{
    text-align: center;
} */

.other-preferences-table .form-select{
    max-width: 128px;
}

.car-tables{
table-layout: fixed;
width: 100%;
}

.edit-modal{
    color: #E21853 !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    cursor: pointer;
}
.add-modal{
    color: #E21853 !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    cursor: pointer;
    border-radius: 20px;
    border: 1px solid #E21853 ;
   

}
.invoice-table tbody tr , .invoice-table tfoot tr{
    height: 60px;
}

/* .invoice-table tbody tr td{
    padding-top: 50%;
} */

.table-caption{
    color: #383838;
    background-color: #E8E8E8;
    width: 100%;
    font-weight: 500;
    
}
.table-header{
    background-color: #F2F2F2;
}
.table-body{
    background-color: #FAFAFC;
}
.table-body tr td {
    padding: 20px;
}

.invoice-footer td{
    background-color: #F5F2FF;
    color: #35296D !important;
}
.invoice-footer td:first-child{
        font-size: 14px;
        font-weight: 500;
        color: #35296D !important;
}
.invoice-footer td:nth-child(4){
    font-size: 18px;
    font-weight: 600;
}

/* Fixing design issues */
.table td .dropdown-menu.show{
    right: 0 !important;
    top: 36px !important;
    transform: none !important;
    -webkit-transform: none !important;
    -moz-transform: none !important;
    -ms-transform: none !important;
    -o-transform: none !important;
}
.table td .action-buttons{
    max-width: 36px;
    max-height: 36px;
    margin: 0 auto;
}
.table tr:nth-last-child(-n+4) td .dropdown-menu.show{
    top: auto !important;
    bottom: 36px !important;
}

.friendy-btn-sm{
    width: 116px;
    height: 40px;
    line-height: 1;
}
.preferences-table{
    table-layout: auto;
    width: 100%; 
}

/* Stepper */
/* .stepper.stepper-pills.stepper-column .stepper-item.active .stepper-icon{
    background-color: var(--fc-primary);
}
.stepper.stepper-pills.stepper-column .stepper-item.active .stepper-number  i{
    color: #E21853 ;
}
.stepper.stepper-pills .stepper-item.active .stepper-label .stepper-title,
.stepper.stepper-pills.stepper-column .stepper-item[data-nav="done"] .stepper-number > i,
.stepper.stepper-pills .stepper-item[data-nav="done"] .stepper-label .stepper-title{
    color: var(--fc-primary);
}
.stepper.stepper-pills.stepper-column .stepper-item[data-nav="done"] .stepper-icon{
    background-color: rgb(226 24 83 / .1);
}
.stepper.stepper-pills.stepper-column .stepper-item[data-nav="done"] .stepper-line{
    border-left-color: rgb(226 24 83 / .1);
}
.stepper.stepper-pills.stepper-column .stepper-item:first-child .stepper-line {
    top: 40px;
} */
.stepper-item .stepper-icon{
    background-color: #FDC1D2  !important;
}    
.stepper-item .stepper-icon span i{
    color: #fff  !important ;
} 
.stepper-item.active .stepper-icon span i{
    color: #E21853!important ;
}

@media (max-width: 576px){
    .file-upload-control button span{
        left:36%;
    }
    .creation-filters section .mx-datepicker {
        width: 100%;
        margin-bottom: 10px;
    }
    .contract-draft button{
        margin-bottom:10px;
        width: 100%;
    }
}
@media (min-width: 576px) and (max-width: 992px){
    .export-data{
        width: 100% !important;
    }
    .creation-filters section .mx-datepicker {
        width: 100%;
        margin-bottom: 10px;
    }
}
@media (max-width: 992px){
    .car-model{
        font-size: 1.25rem;
    }
}

/* Validation */
.vue-tel-input.is-invalid{
    border-color: var(--fc-dager) !important;
}
.vue-tel-input.is-invalid input{
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23F6B93F'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23F6B93F' stroke='none'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right calc(0.375em + 0.375rem) center;
    background-size: calc(0.75em + 0.75rem) calc(0.75em + 0.75rem);
}
.form-control.is-invalid, 
.friendy-date-picker.is-invalid .form-control,
.was-validated .form-control:invalid {
    border-color: var(--fc-dager) !important;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23F6B93F'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23F6B93F' stroke='none'/%3e%3c/svg%3e");
}
.friendy-date-picker.is-invalid .form-control{
    background-repeat: no-repeat;
    background-position: right calc(0.375em + 0.375rem) center;
    background-size: calc(0.75em + 0.75rem) calc(0.75em + 0.75rem);
}
.form-control.is-invalid:focus, .was-validated .form-control:invalid:focus,
.form-select.is-invalid, .was-validated .form-select:invalid,
.form-select.is-invalid:focus, .was-validated .form-select:invalid:focus{
    border-color: var(--fc-dager);
}
.is-invalid .form-control .has-icon{
    border-color: var(--fc-dager) !important;
    padding-right: calc(1.5em + 1.5rem);
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23F6B93F'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23F6B93F' stroke='none'/%3e%3c/svg%3e") !important;
    background-repeat: no-repeat;
    background-position: right 3rem center,center right 3rem;
    background-size: calc(0.75em + 0.75rem) calc(0.75em + 0.75rem);
}
.form-select.is-invalid:not([multiple]):not([size]), 
.form-select.is-invalid:not([multiple])[size="1"], 
.was-validated .form-select:invalid:not([multiple]):not([size]), 
.was-validated .form-select:invalid:not([multiple])[size="1"]{
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%237E8299' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e"),
                      url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23F6B93F'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23F6B93F' stroke='none'/%3e%3c/svg%3e");
}


#empty_record{
    display: none;
}

.btn-light-friendy{
    background-color: #E8E8E8 ;
}
.btn-light-friendy .btn-ellipsis{
    color: #858585 !important;
}

.btn-light-friendy:hover {
    background-color: #FDC1D2 ;
    
}
.btn-light-friendy:hover .btn-ellipsis{
    color: #E21853 !important;
}


.friendy-date-picker.is-invalid .form-control.has-icon{
    padding-right: 4.5rem !important;
    background-position: right 2rem center,center right 2rem !important;
}
.form-control.has-icon.is-invalid,
.was-validated .form-control:invalid,
.was-validated .form-control:invalid {
    padding-right: 5.5rem !important;
    background-position: right 3rem center,center right 3rem !important;
}
.login-main-page{
    background-color: #F5F6FB;
}
.forgot-link a{
    color: #E21853 !important;
    text-decoration: none;
    font-weight: 500;
    cursor: pointer;
}

.welcome-section{
    background-color: #7d1757 !important;
    width: 100%;
    background-image: url(../images/welcome/Group\ 6883.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: auto;
    height: 100vh;
}
.w-70{
    width: 70%;
}

.welcome-text{
    position: absolute;
    bottom: 100px;
    left: 40%;
    color: white;
}
.login-card{
    border-radius: 12px;
}

.reset-section{
    background-color: #7d1757 !important;
    width: 100%;
    background-image: url(../images/forget-password/Group\ 7501.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: auto;
    height: 100vh;
}

.verification-section{
    background-color: #7d1757 !important;
    width: 100%;
    background-image: url(../images/forget-password/Group\ 5626.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: auto;
    height: 100vh;
}

/* .stepper.stepper-pills .stepper-item .stepper-icon .stepper-number i{
    font-weight: 600;
    color: #E21853 !important;
    font-size: 1.25rem;
    background-color: #FDC1D2 !important;
} */

.notes-btn{
    background-color: #ECCDD6;
    border: none !important;
}

.frame{
    border: #E8E8E8 1px solid;
    border-radius: 4px;
}

.user-card{
    background-image: url("../images/dashboard/users.png");
    background-size: cover;
}
.cards-icon{
    border-radius: 10px;
    width: 58px;
    height: 58px;

}
.user-icon{
    background-color: #D5F1FF;
 
}

.borrowers-card{
    background-image: url("../images/dashboard/borrowers.png");
    background-size: cover;
}

.borrowers-icon{
    background-color: #FFD9E4;
}

.car-card{
    background-image: url("../images/dashboard/car.png");
    background-size: cover;
}

.car-icon{
    background-color: #D5FFD8;
 
}

.insurance-card{
    background-image: url("../images/dashboard/insurance.png");
    background-size: cover;
}

.insurance-icon{
    background-color: #E0F1FF;
 
}

.maintenance-card{
    background-image: url("../images/dashboard/maintenance.png");
    background-size: cover;
}

.maintenance-icon{
    background-color: #FDF4D9;
 
}
.traffic-card{
    background-image: url("../images/dashboard/traffic.png");
    background-size: cover;
}

.traffic-icon{
    background-color: #ECECEC;
 
}

.owner-contract-card{
    background-image: url("../images/dashboard/owner.png");
    background-size: cover;
}

.owner-contract-icon{
    background-color: #FFD9E4;
 
}
.owner-badge{
    background-color: #FFD9E4;
    color: #E21853;
    border-radius: 19px;
}

.borrower-contract-card{
    background-image: url("../images/dashboard/borrower.png");
    background-size: cover;
}

.borrower-contract-icon{
    background-color: #DFD8FF;
 
}
.borrower-badge{
    background-color: #DFD8FF;
    color: #35296D;
    border-radius: 19px;
}

.invoices-card{
    /* background-image: url("../images/dashboard/invoice-svgrepo-com@2x.png"); */
    /* background-position: center center; */
    /* background-repeat: no-repeat; */
    /* background-size: 40px 48px; */
    background-color: #FFD9E4 ;
    border-radius: 6px 0 0 6px;
    color: #E21853;
    font-size: 20px;
    font-weight: 600;
}

.payment-card{
    /* background-image: url("../images/dashboard/Payment\ Icon@2x.png");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 40px 48px; */
    background-color: #D5FFD8 ;
    border-radius: 6px 0 0 6px;
    color: #03960E;
    font-size: 18px;
    font-weight: 600;
}
.dopay-card{
    background-image: url("../images/dashboard/Mask\ Group\ 33@2x.png");
    background-size: cover;
}

.voda-card{
    background-image: url("../images/dashboard/voda@2.png");
    background-size: cover;
}
.dopay-logo{
    background-image: url("../images/dashboard/dopay1.png");
    background-size: cover;
    height: 62px;
    width: 160px;

}




.car-frame{
    background-color: #FAFAFA;
    border: 1px solid #CECECE;
    border-radius: 6px;
}
.accordion-item.cars .accordion-button:not(.collapsed) {
    color: #009ef7;
    background-color: #FAFAFA;
    box-shadow: inset 0 -1px 0 #eff2f5;
}
.cars-table .table tbody tr td {
    color: #545454;
    height: auto;
    padding: 5px 12px;
}
.table-first-col{

    font-size: 12px !important;
    font-weight: 600 !important;
    color: #858585 !important;
}
.text-back:hover{
    color: #858558;
}

/* Dashboard */
.clickable-card{
    border:2px solid transparent;
}
.clickable-card:hover{
    border-color: #E21853;
    background: #FFF2F6 url("../images/dashboard/borrowers.png");
    background-size: cover;

    /* box-shadow: #FFF2F6 2px 2px; */
}
.clickable-card:hover .cards-icon{
    background-color: #ffd9e4;
}
.clickable-card:hover .cards-icon:not(.traffic-icon) span svg path:not(.custom-path) {
    fill: #e94b79;
}
.owner-clickable-card:hover{
    background: #FFF2F6;
}

.borrower-clickable-card:hover{
    background: #F6F5FF;
}
/* Rent request */
.notes-conversation .card-header{
    border-bottom: 0;
    box-shadow: 0px -1px 3px #00000019;
    min-height: 60px;
}
.notes-conversation .nav-tabs .nav-item.show .nav-link, 
.notes-conversation .nav-tabs .nav-link.active {
    color: #E21853;
    background-color: #FFD9E4;
    border: 0;
}

.notes-conversation .nav-tabs .nav-link {
    color: #545454;
    margin-bottom: 0;
    background: #F5F5F5;
    border: 1px solid transparent;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    font-size: 18px;
    font-weight: 600;
    line-height: 24px;
}

.invoice{
    width: 21px; 
    height: inherit;
    margin-right: 12px;
    background-color: #FFD9E4;
    border-radius: 6px 0px 0px 6px;
    box-shadow: 0px 1px 6px #C3C3C324;
}
.payment{
    background-color: #D9EADA;
    width: 21px; 
    height: inherit;
    margin-right: 12px;
    border-radius: 6px 0px 0px 6px;
    box-shadow: 0px 1px 6px #C3C3C324;
}
/* Phone Control */
.vue-tel-input{
    border-color: #CECECE !important;
    border-radius: 6px !important;
}
.vue-tel-input .vti__input{
    background: #ffffff;
    border-radius: 0 6px 6px 0;
}
.vue-tel-input:focus-within {
    box-shadow: none !important;
    border-color: #CECECE !important;
}
.notes-warnings-tabs .nav-line-tabs .nav-item .nav-link{
    background-color: #f5f5f5;
    color: #545454;
    font-size: 18px;
    font-weight: 600;
    border-bottom: 0;
}
.notes-warnings-tabs .nav-line-tabs .nav-item .nav-link.active, 
.notes-warnings-tabs .nav-line-tabs .nav-item .nav-link:hover:not(.disabled), 
.notes-warnings-tabs .nav-line-tabs .nav-item.show .nav-link{
    background-color: #FFD9E4;
    color: var(--fc-primary);
    border-bottom: 0;
}
.menu-state-bg-light-primary .menu-item.hover:not(.here)>.menu-link:not(.disabled):not(.active):not(.here), 
.menu-state-bg-light-primary .menu-item:not(.here) .menu-link:hover:not(.disabled):not(.active):not(.here) {
    transition: color .2s ease, background-color .2s ease;
    background-color: #fff5f8;
    color: var(--fc-primary);
}

.notifications-header{
    /* background-image: url('../images/pattern-1.jpg'); */
    background: #35296d;
}
.custom-rating .Rate__star{
    padding: 0;
}