@import url('https://fonts.googleapis.com/css2?family=Inter:wght@200;300;400;500;700&family=Manrope:wght@200;300;400;500;600;700;800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@200;800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=DM+Sans:opsz,wght@9..40,300;9..40,400;9..40,500;9..40,600&display=swap');
body {
    font-family: 'Manrope', sans-serif;
    background: #F1F2F6;
}
a,button,input{
    transition: ease all .3s;
}
.main-header {
    background: #1F2228;
    padding: 20px;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 9;
}
.sidenav.navbar-vertical {
    background: #1F2228;
    padding: 20px;
    top: 78px;
}
.main-content-right {
    margin-top: 78px;
    padding: 20px;
}
.back-menu {
    font-family: 'Manrope', sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    color: var(--gray, #9396A1);
    
}
.back-menu:hover {
    color: var(--gray, #9396A1);
}
.back-menu svg {
    vertical-align: -8px;
}
.md-title {
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    color: #1F2228;
}
.switch-btns-block {
    border-radius: 100px;
    background: #E2E4EC;
    padding: 4px;
    width: 240px;
}
.switch-btns-block .nav.nav-pills {
    background: transparent;
}
.switch-btns-block .nav-link.switch-tab {
    text-align: center;
    font-family: 'Manrope', sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    border-radius: 100px;
    background: transparent;
    color: #8A94A1;
    padding: 8px 20px;
    border: none;
}
.switch-btns-block .nav-link.switch-tab.active {
    color: #fff;
}
.switch-btns-block .moving-tab .nav-link.active {
    background: #1F2228;
    color: #FFF;
    padding: 8px 20px;
    width: 100%;
    border: none;
    box-shadow: none;
    text-indent: -999px;
}
.white-box {
    border-radius: 16px;
    background: #FFF;
    padding: 20px;
}
.search-box .form-control {
    border-radius: 8px;
    background: #F1F2F6;
    padding: 11px 12px;
    color: rgba(31, 34, 40, 1);
    font-family: 'Inter', sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    padding-left: 45px;
}

.search-box .iconsearch {
    position: absolute;
    left: 12px;
    top: 7px;
}
.form-control {
    border-radius: 8px;
    border: 1px solid #9396A1;
    background: #FFF;
    padding: 8px 12px;
    color: var(--main-black, #1F2228);
    font-family: 'Manrope', sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    min-height: 40px;
}
.form-control:focus {
    outline: none;
}
select.form-control {
    background: #fff url(../img/icons/down-arrow.svg) no-repeat calc(100% - 2px) center !important;
    padding-right: 24px;
}
select.form-control + span {
    display: block;
    margin-top: 5px;
    font-size: 14px;
    color: #000;
}
.w-200 {
    width: 200px;
}
.column-box {
    border-radius: 8px;
    background: #F1F2F6;
}
.column-box .card-header {
    background:#9396A1;
    padding: 12px;
    /* border-radius: 8px 8px 0 0 !important; */
    border-radius: 8px !important;
}
.column-box .title {
    font-family: 'Manrope', sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    color: #1F2228;
}
.column-box .card-body {
    padding: 12px 12px 12px 12px;
}
.badge {
    color: #DB2D2E;
    text-align: center;
    font-family: 'DM Sans', sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    border-radius: 8px;
    background: #F1F2F6;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    display: inline-block;
    text-align: center;
    padding: 0;
    line-height: 20px;
}
.add-task {
    color: var(--button-gray, #9396A1);
    font-family: 'Manrope', sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    border: none;
    background: transparent;
    padding: 0;
}
.task-card {
    border-radius: 4px;
    background: var(--main-white, #FFF);
    padding: 12px 12px 1px 18px;
    border-left: solid 6px transparent
}
.yellow-border {
    border-color: #F3CA32;
}
.red-border {
    border-color: #F86F6F;
}
.green-border {
    border-color: #6DCB5E;
}
.task-name {
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    overflow: hidden;
    color: var(--main-black, #1F2228);
    text-overflow: ellipsis;
    white-space: nowrap;
}
.w-calc-50 {
    width: calc(100% - 50px);
}
.task-id {
    color: var(--main-black, #1F2228);
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-decoration-line: underline;
}
.status-tag {
    border-radius: 40px;
    padding: 4px 4px;
    display: inline-block;
    font-size: 11px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}
.status-tag-view {
    border-radius: 40px;
    padding: 4px 4px;
    display: inline-block;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}
.yellow-tag {
    background: var(--additionally-yellow-12, rgba(243, 202, 50, 0.12));
    color: var(--additionally-yellow, #F3CA32);
}
.red-tag {
    background: var(--additionally-red-12, rgba(248, 111, 111, 0.12));
    color: var(--additionally-yellow, #F86F6F);
}
.blue-tag {
    background: var(--additionally-blue-12, rgba(110, 167, 252, 0.12));
    color: var(--additionally-yellow, #6EA7FC);
}
.purple-tag {
    background: var(--additionally-purple-12, rgba(167, 146, 255, 0.12));
    color: var(--additionally-yellow, #A792FF);
}
.green-tag {
    background: rgba(109, 203, 94, 0.12);
    color: var(--additionally-yellow, #6DCB5E);
}


.avatar-vertical-group.avatar-group .avatar+.avatar{
    margin-left: 0;
    margin-top: -1rem;
}
.avatar-group.avatar-vertical-group .avatar:nth-child(3),
.avatar-group.avatar-vertical-group .avatar:nth-child(4) {
    display: none !important;
}
.task-card.open .task-info {
    display: block !important;
}
.task-card.open .avatar-group .avatar:nth-child(3),
.task-card.open .avatar-group .avatar:nth-child(4) {
    display: block !important;
}
.task-card.open .avatar-vertical-group.avatar-group .avatar+.avatar{
    margin-left: 0;
    margin-top: -0.4rem;
}
.w-30px {
    width: 30px;
}
.avtart-more {
    background: var(--1-light-gray, #F1F2F6);
    color: var(--gray, #9396A1);
    font-family: DM Sans;
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: 32px;
    text-align: center;
}
.extend-more {
    padding: 0 0;
    border: none;
    background: transparent;
    display: block;
    text-align: center;
    width: 100%;
}
.extend-more span {
    border-radius: 10px;
    background: var(--2-light-gray, #9396A1);
    width: 41.5px;
    height: 4px;
    display: inline-block;
}
.add-new-column {
    border-radius: 8px;
    background: var(--1-light-gray, #F1F2F6);
    padding: 10px;
}
button {
    border: none;
}
.task-list {
    height: calc(100vh - 250px);
    overflow-y: auto;
}
.task-list::-webkit-scrollbar {
    width: 6px;
    border-radius: 3px;
}
.task-list::-webkit-scrollbar-track {
    background: #E3E6EF;
    border-radius: 3px;
}
.task-list::-webkit-scrollbar-thumb {
    background-color: #C2C5D6;
    border-radius: 3px;
}
.column-block {
    overflow-x: auto;
    width: 100%;
    
}
.column-block::-webkit-scrollbar {
    height: 5px;
    border-radius: 3px;
}
.column-block::-webkit-scrollbar-track {
    background: #E3E6EF;
    border-radius: 3px;
}
.column-block::-webkit-scrollbar-thumb {
    height: 5px;
    background-color: #C2C5D6;
    border-radius: 3px;
}
.cs-col-row {
    margin: 0;
}
.cs-col-3 {
    min-width: 280px;
    width: 25%;
    padding: 0 6px;
}
.cs-col-row .cs-col-3:first-child {
    padding-left: 0;
}
.cs-col-row .cs-col-3:last-child {
    padding-right: 0;
}
.custom-card {
    border-radius: 16px;
    background: #FFF;
}
.plus-btn {
    border-radius: 40px;
    background: var(--main-main-orange, #DB2D2E);
    width: 40px;
    height: 40px;
    text-align: center;
    line-height: 40px;
    padding: 0;
    position: relative;
}
.plus-btn .iconplus {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    background: url(../img/icons/white-plus.svg) no-repeat center center;
}

.custom-table thead tr th {
    color:#9396a1;
    font-family: 'Manrope', sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    padding: 5px 10px 5px 10px;
    border-bottom: solid 1px #F1F2F6;
}
.custom-table.fixed-header-table thead tr th {
    position: sticky;
    top: 0;
    background-color: #fff;
    z-index: 2;
}
.assigning-table {
    overflow-y: auto;
    max-height: calc(100vh - 190px);
}
.assigning-table::-webkit-scrollbar{
    width: 6px;
    border-radius: 3px;
}
.assigning-table::-webkit-scrollbar-track{
    background: #E3E6EF;
    border-radius: 3px;
}
.assigning-table::-webkit-scrollbar-thumb{
    border-radius:10px;
    border-radius:3px;
    background:#C2C5D6;
}
.custom-table tbody tr td, .custom-table tr td{
    color: var(--main-black, #1F2228);
    text-overflow: ellipsis;
    font-family: 'Manrope', sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    padding: 10px 10px 10px 10px;
    border-bottom: solid 1px #F1F2F6;
}
.custom-table thead tr th:first-child,
.custom-table tbody tr td:first-child,
.custom-table tr td:first-child, .custom-table table tr th:first-child{
    padding-left:10px;
}
.custom-table tbody tr:last-child td,
.custom-table tr:last-child td{
    border-bottom-width:1px;
}
.black-text{
    color:#1F2228 !important;
}
.fw-600{
    font-weight:600 !important;
}
.custom-card .card-header{
    padding-left:20px !important;
}
.custom-card .card-header h6{
    color: var(--main-black, #1F2228);
    font-family: 'Manrope', sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}
.gray-link {
    color:#343a40;
    font-family: 'Manrope', sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    padding: 7px 20px;
}
.gray-link:hover{
    color:#DB2D2E;
}
.v-middle {
    vertical-align: -1px;
}
.col-width-24 {
    width: 24%;
    padding-right: calc(var(--bs-gutter-x) * .5);
    padding-left: calc(var(--bs-gutter-x) * .5);
}
.col-width-38 {
    width: 38%;
    padding-right: calc(var(--bs-gutter-x) * .5);
    padding-left: calc(var(--bs-gutter-x) * .5);
}
.col-width-30 {
    width: 30%;
    padding-right: calc(var(--bs-gutter-x) * .5);
    padding-left: calc(var(--bs-gutter-x) * .5);
}
.col-width-35 {
    width: 35%;
    padding-right: calc(var(--bs-gutter-x) * .5);
    padding-left: calc(var(--bs-gutter-x) * .5);
}
.xs-title {
    color: var(--main-black, #1F2228);
    font-family: 'Manrope', sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}
.cs-process-bar {
    width: calc(100% - 40px);
    padding-left: 10px;
}
.cs-profile-bar {
    width: calc(100% - 40px);
    padding-left: 10px;
}

.cs-process-bar .progress {
    background: #F1F2F6;
    border-radius: 3px;
}
.cs-process-bar .progress-bar {
    background: #DB2D2E;
    border-radius: 3px;
}
.w-40px{
    width:40px !important;
    height:40px !important;
}
.lg-title{
    color: var(--main-black, #1F2228);
    font-family: 'Manrope', sans-serif;
    font-size: 32px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}
.font-20{
    font-size:20px !important;
}
.black-btn{
    border-radius:40px;
    background:var(--main-black, #1F2228);
    padding:12px 24px;
    color:var(--main-white, #FFF);
    font-family:'Manrope', sans-serif;
    font-size:14px;
    font-style:normal;
    font-weight:600;
    line-height:normal;
}
.black-btn:hover{
    background:#DB2D2E;
}
.ml-auto {
    margin-left:auto;
}
.message-box {
    border-radius:8px;
    border:1px solid var(--main-white, #FFF);
    width:40px;
    height:40px;
    padding:0;
    text-align:center;
    line-height:34px;
    position:relative;
}
.message-box .badge {
    position:absolute;
    right:4px;
    top:2px;
    background:#DB2D2E;
    color:#fff;
    width:18px;
    height:18px;
    line-height:18px;
}
.xxs-title{
    color:var(--gray, #9396A1);
    font-family:DM Sans;
    font-size:12px;
    font-style:normal;
    font-weight:400;
    line-height:normal;
}
.font-16 {
    font-size:16px !important;
}
.navbar-vertical .nav-item .nav-link svg path {
    fill:#9396A2 !important;
}
.navbar-vertical .nav-item .nav-link:hover,
.navbar-vertical .nav-item .nav-link.active {
    color:#fff;
}
.navbar-vertical .nav-item .nav-link:hover svg path,
.navbar-vertical .nav-item .nav-link.active svg path {
    fill:#fff !important;
}
.font-manrope {
    font-family:'Manrope', sans-serif !important;
}
.custom-accordion .accordion-item .accordion-button{
    border-radius:8px 8px 0 0;
}
.custom-accordion .accordion-item{
    border-radius:8px;
    border:1px solid var(--2-light-gray, #9396A1);
    background:#FFF;
    box-shadow:none;
}
.custom-accordion .accordion-body{
    background:#fff;
    border-radius:0 0 8px 8px;
}
.v-middle-2 {
    vertical-align:2px;
}
.status-circle{
    width:12px;
    height:12px;
    display:inline-block;
    vertical-align:middle;
    border-radius:50%;
    vertical-align:-1px;
    margin-right:4px;
}
.red {
    background:#F86F6F !important;
}
.orange {
    background:#F3CA32 !important;
}
.green {
    background:#6DCB5E !important;
}
.blue {
    background:#3366cc !important;
}

.custom-accordion .accordion-button:not(.collapsed)::after {
    background:url(../img/icons/down-arrow2.svg) no-repeat center center;
}
.custom-accordion .accordion-button::after {
    background:url(../img/icons/down-arrow2.svg) no-repeat center center;
}
.btn-transparent{
    background:transparent;
    border:none;
}
.ccb-left{
    width:calc(100% - 36px);
}
.cs-dropdown{
    display:inline-block;
    position:relative;
    /* z-index: 5; */
}
.cs-dropdown .dropdown-toggle{
    padding:5px;
    margin-bottom:0 !important;
}
.cs-dropdown .dropdown-toggle:after{
    display:none;
}
.cs-dropdown .dropdown-menu{
    border-radius:8px;
    border:1px solid #e7e7e7;
    background:#FFF;
    box-shadow:0px 4px 20px 0px rgba(31, 34, 40, 0.16);
}
.cs-dropdown .dropdown-menu a{
    color:#1F2228;
    font-family:'Manrope', sans-serif;
    font-size:14px;
    font-style:normal;
    font-weight:500;
    line-height:normal;
}
.red-text{
    color:#F86F6F !important;
}
.accordion-header .cs-dropdown {
    position:absolute;
    right:41px;
    top:-3px;
}
.accordion-header .cs-dropdown .dropdown-toggle {
    padding:5px 15px;
}
.cs-dropdown .dropdown-menu.dropdown-menu-end {
    right:-10px !important;
    margin-top:0 !important;
}
.accordion-header .cs-dropdown.dropdown.dropdown-hover:hover>.dropdown-menu:before, 
.accordion-header .cs-dropdown.dropdown .dropdown-menu.show:before {
    top:-18px;
}
.modal-600{
    max-width:600px;
}
.custom-form .form-group{
    margin-bottom:18px;
}
/*textarea.form-control{
    resize: none;
}*/
.mxw-35{
    max-width:35px !important;
}
.custom-modal .modal-body{
    padding:20px;
}
.theme-btn{
    border-radius:40px;
    background:var(--main-main-orange, #DB2D2E);
    padding:10px 24px 10px;
    color:var(--main-white, #FFF);
    font-family:'Manrope', sans-serif;
    font-size:14px;
    font-style:normal;
    font-weight:600;
    line-height:normal;
    border:1px solid var(--main-main-orange, #DB2D2E);
}
.theme-btn:hover {
    background: var(--main-main-orange, #DB2D2E);
    color: var(--main-white, #FFF);
    outline:0;
}
.theme-btn svg {
    vertical-align: -8px;
}
.form-control::placeholder { 
    font-weight: 300;
}
.form-control:-ms-input-placeholder { 
    font-weight: 300;
}
.form-control::-ms-input-placeholder {
    font-weight: 300;
}
.calender-field {
    background: #fff url(../img/icons/calender.svg) no-repeat calc(100% - 12px) center;
    background-size: 24px 24px;
}
.label-top {
    position: relative;
}
.label-top .cs-label {
    position: absolute;
    left: 7px;
    top: -8px !important;
    font-size: 10px;
    background: #fff;
    z-index: 2;
    padding: 0 4px;
    margin-left: 0;
    margin-bottom: 0;
}
.gj-datepicker .btn.btn-outline-secondary {
    display: none;
}

.w-calc-200 {
    width: calc(100% - 200px);
}
.text-ellipsis {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}
.text-gray {
    color: #858999 !important;
}
.close-pos {
    position: absolute;
    right: 20px;
    top: 25px;
    padding: 0;
}
.avatar-group.d-flex .avatar+.avatar {
    margin-left: -0.5rem;
}
.blue-text {
    color: #1960CC !important;
}
.form-check-input[type="checkbox"] {
    border-radius: 0;
}
.form-check:not(.form-switch) .form-check-input[type="checkbox"]:checked {
    background: #DB2D2E;
}
.form-check:not(.form-switch) .form-check-input[type="checkbox"]:checked, .form-check:not(.form-switch) .form-check-input[type="radio"]:checked {
    border-color: #DB2D2E;
}
.gray-bg-table {
    background: #F1F2F6;
}
.custom-checkbox .form-check-label {
    margin-bottom: 0;
    vertical-align: -2px;
    color: #1F2228;
}
.gray-bg-table.custom-table thead tr th {
    color: var(--button-gray, #858999);
    border-bottom: solid 1px #9396A1 !important;
}
.gray-bg-table.custom-table tbody tr td {
    color: var(--button-gray, #1F2228);
    border-bottom: solid 1px #9396A1;
}
.gray-bg-table.custom-table thead tr th:first-child {
    padding-left: 20px;
}
.gray-bg-table.custom-table tbody tr td:first-child {
    padding-left: 0;
}
.border-left-modal .modal-body {
    border-left: 8px solid transparent;
    border-radius: 8px 0 0 8px;
}
.border-left-modal.yellow-border .modal-body {
    border-color: #F3CA32;
}
.border-left-modal.red-border .modal-body {
    border-color: #F86F6F;
}
.border-left-modal.green-border .modal-body {
    border-color: #6DCB5E;
}
.assigning-table tbody tr td {
    padding: 6px 10px;
}
.cancel-btn {
    border-radius: 40px;
    background: transparent;
    padding:8px 23px 8px;
    color: var(--main-white, #1F2228);
    font-family: 'Manrope', sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    border: solid 1px #1F2228;
}
.tag {
    border-radius: 20px;
    background: var(--2-light-gray, #9396A1);
    color: var(--main-black, #1F2228);
    font-family: Manrope;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    display: inline-block;
    padding: 5px 12px;
    margin-right: 3px;
    margin-bottom: 5px;
} 
.tag .iconcross{
    width:16px;
    height:16px;
    margin-left: 5px;
}
.avatar-group.cs-avatar-flex .avatar+.avatar{
    margin-left:-1rem;
}
.ms-choice {
    border-radius:8px;
    border:1px solid #9396A1;
    background:#FFF;
    padding:8px 12px;
    color:var(--main-black, #1F2228);
    font-family:'Manrope', sans-serif;
    font-size:14px;
    font-style:normal;
    font-weight:500;
    line-height:normal;
    height:37px;
    line-height:37px;
    margin-bottom:0;
}
.ms-choice>span{
    font-size:14px;
    font-style:normal;
    font-weight:500;
    padding-left:12px;
}
.ms-choice>div.icon-caret {
    background: url(../img/icons/down-arrow.svg) no-repeat center center !important;
    width:24px;
    height:24px;
    border:none;
    top:7px;
    margin-top:0;
}
.ms-drop {
    border-radius:8px;
    border:1px solid var(--2-light-gray, #9396A1);
    background:#FFF;
    box-shadow:0px 8px 40px 0px rgba(31, 34, 40, 0.16);
    margin-top:6px;
}

.ms-drop.bottom{
    padding:8px 5px;
}
.ms-drop ul{
    padding:0;
}
.ms-drop ul>li{
    padding:0;
}
.ms-drop ul>li label{
    color: #1F2228;
    font-family: Manrope;
    font-size: 14px !important;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    padding: 9px 10px !important;
    margin-left: 0;
}
.ms-drop ul>li.hide-radio.selected {
    color: #1F2228;
    background-color: #fff;
}
.ms-drop ul>li label [type="radio"]:checked,
.ms-drop ul>li label [type="radio"]:not(:checked) {
    position: absolute;
    left: -9999px;
}
.ms-drop ul>li label [type="radio"]:checked + span,
.ms-drop ul>li label [type="radio"]:not(:checked) + span
{
    position: relative;
    padding-left: 30px;
    cursor: pointer;
    line-height: 20px;
    display: inline-block;
    color: #1F2228;
    font-family: Manrope;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
}
.ms-drop ul>li label [type="radio"]:checked + span:before,
.ms-drop ul>li label [type="radio"]:not(:checked) + span:before {
    content: '';
    position: absolute;
    left: 0;
    top: -1px;
    width: 22px;
    height: 22px;
    border: 1px solid #9396A1;
    border-radius: 100%;
    background: #fff;
}
.ms-drop ul>li label [type="radio"]:checked + span:before {
    border: 1px solid #DB2D2E;
}
.ms-drop ul>li label [type="radio"]:checked + span:after,
.ms-drop ul>li label [type="radio"]:not(:checked) + span:after {
    content: '';
    width: 14px;
    height: 14px;
    background: #DB2D2E;
    position: absolute;
    top: 3px;
    left: 4px;
    border-radius: 100%;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}
.ms-drop ul>li label [type="radio"]:not(:checked) + span:after {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
}
.ms-drop ul>li label [type="radio"]:checked + span:after {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}

.ms-drop ul::-webkit-scrollbar {
    width: 6px;
    border-radius: 3px;
}
.ms-drop ul::-webkit-scrollbar-track {
    background: #E3E6EF;
    border-radius: 3px;
}
.ms-drop ul::-webkit-scrollbar-thumb {
    border-radius: 10px;
    border-radius: 3px;
    background: #C2C5D6;
}
.ms-drop ul>li label [type="checkbox"] {
    position: absolute;
    opacity: 0;
    left: 0;
}
.ms-drop ul>li label [type="checkbox"] + span {
    position: relative;
    cursor: pointer;
    padding: 0;
}
.ms-drop ul>li label [type="checkbox"] + span:before {
    content: "";
    margin-right: 10px;
    display: inline-block;
    vertical-align: text-top;
    width: 20px;
    height: 20px;
    background: white;
    border: solid 1px #9396A1;
}
.ms-drop ul>li label [type="checkbox"]:checked + span:before {
    background: #f35429;
    border: solid 1px #f35429;
}
.ms-drop ul>li label [type="checkbox"]:checked + span:after {
    content: "";
    position: absolute;
    left: 5px;
    top: 9px;
    background: white;
    width: 2px;
    height: 2px;
    box-shadow: 2px 0 0 white, 4px 0 0 white, 4px -2px 0 white, 4px -4px 0 white, 4px -6px 0 white, 4px -8px 0 white;
    transform: rotate(45deg);
}
.ms-choice>div.icon-caret.open {
    border-color: inherit;
    border-width: inherit;
    transform: rotate(-180deg);
}
.placeholder {
    background-color: transparent;
    opacity: 1;
    cursor: pointer;
}
.ms-choice>span.placeholder {
    color: #1F2228;
}
.ms-search {
    position: relative;
}
.ms-search:before {
    content: "";
    background: url(../img/icons/search-icon.svg) no-repeat center center;
    background-size: 100%;
    width: 16px;
    height: 16px;
    display: inline-block;
    position: absolute;
    left: 7px;
    top: 9px;
}
.ms-search input {
    border-radius: 4px;
    background: var(--1-light-gray, #F1F2F6);
    border: none;
    min-height: 30px;
    padding-left: 28px;
}
.ms-drop .ms-no-results {
    font-size: 14px;
    text-align: center;
    padding: 10px 0;
}
.checkbox-select-block .avatar-sm {
    vertical-align: 2px;
}

.checkbox-select-block .ms-choice .avatar-sm {
    width: 20px !important;
    height: 20px !important;
}


.dropdown .dropdown-menu[data-popper-placement="top-end"]:before {
    top: inherit;
    bottom: -20px;
    transform: rotate(180deg);
}
.filter-col5 .col {
    flex: inherit;
    width: 20%;
    margin-bottom:15px;
    margin-top: 6px;
}
.vehicle-info-form .form-control {
    padding: 10px 12px;
}
.vehicle-info-form .ms-choice {
    height: 41px;
    line-height: 41px;
}
.fw-700 {
    font-weight: 700 !important;
}
.custom-breadcrumb li {
    font-family: Manrope;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    position: relative;
}
.custom-breadcrumb li a {
    color: var(--text-gray, #AFB3C0);
}
.custom-breadcrumb li.active {
    color: var(--text-gray, #DB2D2E);
}
.custom-breadcrumb .breadcrumb-item+.breadcrumb-item {
    padding-left: 15px;
}
.custom-breadcrumb .breadcrumb-item+.breadcrumb-item::before {
    content: "";
    width: 4px;
    height: 4px;
    border-radius: 10px;
    background: var(--text-gray, #AFB3C0);
    padding: 0;
    position: absolute;
    left: 5px;
    top: 9px;
}
.simple-select-box .ms-drop ul>li label [type="radio"]:checked + span:before,
.simple-select-box .ms-drop ul>li label [type="radio"]:checked + span:after {
    display: none;
}
.simple-select-box .ms-drop ul>li label [type="radio"]:checked + span, 
.simple-select-box .ms-drop ul>li label [type="radio"]:not(:checked) + span {
    padding-left: 0;
}

.gray-btn {
    border-radius: 40px;
    background: var(--main-main-orange, #9396A1);
    padding: 10px 24px 11px;
    color: var(--main-white, #FFF);
    font-family: 'Manrope', sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}
.gray-btn:hover {
    background: var(--main-main-orange, #9396A1);
    color: var(--main-white, #FFF);
}

.vd-flex .vd-left {
    width: 215px;
}
.vd-flex .vd-right {
    width: calc(100% - 200px);
    padding-left: 20px;
}
.vd-flex .column-box {
    background: #fff;
    box-shadow: none;
}
.vd-flex .custom-accordion .accordion-item {
    /* overflow: hidden; */
    border: none;
}
.vd-right .custom-accordion .accordion-item .accordion-button, .vd-flex .column-box .card-header {
    background: #C7CAD4;
    /* height: 48px; */
    padding: 12px 20px;
}
.vd-right .custom-accordion .accordion-body,
.vd-flex .column-box .card-body {
    padding: 20px 7px 20px 20px;
}
.add-vehicle-btn {
    position: absolute;
    right: 63px;
    top: 9px;
    color: #9396A1;
    z-index: 3;
}
.add-vehicle-btn:hover {
    color: #9396A1;
}
.add-vehicle-btn .iconplus {
    background: url(../img/icons/dark-plus.svg) no-repeat center center;
    background-size: 100%;
}
.black-plus-btn .iconplus {
    background: url(../img/icons/black-plus.svg) no-repeat center center;
    background-size: 100%;
}
.custom-breadcrumb .breadcrumb {
    padding-left: 0;
}
.date {
    color: var(--text-gray, #AFB3C0);
    font-family: Manrope;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
}
.gray-box {
    border-radius: 8px;
    background: var(--1-light-gray, #F1F2F6);
    padding: 8px 8px 12px 20px;
}
.mxh-scroll {
    max-height: 143px;
    overflow-y: auto;
}
.mxh-scroll::-webkit-scrollbar {
    width: 6px;
    border-radius: 3px;
}
.mxh-scroll::-webkit-scrollbar-track {
    background: #E3E6EF;
    border-radius: 3px;
}
.mxh-scroll::-webkit-scrollbar-thumb {
    background-color: #C2C5D6;
    border-radius: 3px;
}
.font-14 {
    font-size: 14px !important ;
}
.vd-flex .location-accordion .column-box .card-header {
    background: #E2E4EC;
    border-radius: 0 !important;
}
.vd-flex .custom-accordion.location-accordion .accordion-item {
    border-radius: 0;
    border: none;
}
.xxs-label {
    color: var(--button-gray, #9396A1);
    font-family: Manrope;
    font-size: 10px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}
.assigning-manager-table.custom-table tbody tr td {
    border: none;
}
.assigning-manager-table.custom-table tbody tr td:first-child {
    padding-left: 0;
}
.mxw-140 {
    max-width: 140px;
}
.modal-1080 {
    max-width: 1080px;
}
.adding-vehicle-table {
    max-height: 260px;
}
.adding-vehicle-table tbody tr td {
    padding: 10px 12px;
}
.vehicle-info-form .form-group {
    margin-bottom: 15px;
}
.select-contract-btn {
    position: absolute;
    right: 20px;
    top: 9px;
    z-index: 3;
}
.custom-accordion.arrow-display-none .accordion-button::after {
    display: none;
}
.cs-processbar {
    border-radius: 8px;
    background: var(--1-light-gray, #F1F2F6);
}
.cs-processbar .progress-bar {
    border-radius: 8px;
    background: var(--main-main-orange, #DB2D2E);
}
.fw-300 {
    font-weight: 300 !important;
}
.contract-activation-modal .column-box .card-header {
    padding: 10px 20px;
}
.contract-activation-modal .custom-accordion .accordion-item {
    border: solid 1px #F1F2F6;
}
.gray-text {
    color: #AFB3C0 !important;
}


.custom-radio {
    color: #1F2228;
    font-family: Manrope;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    padding: 9px 10px !important;
    margin-left: 0;
}
.custom-radio [type="radio"]:checked,
.custom-radio [type="radio"]:not(:checked) {
    position: absolute;
    left: -9999px;
}
.custom-radio [type="radio"]:checked + label,
.custom-radio [type="radio"]:not(:checked) + label
{
    position: relative;
    padding-left: 30px;
    cursor: pointer;
    line-height: 20px;
    display: inline-block;
    color: #1F2228;
    font-family: Manrope;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
}
.custom-radio [type="radio"]:checked + label:before,
.custom-radio [type="radio"]:not(:checked) + label:before {
    content: '';
    position: absolute;
    left: 0;
    top: -1px;
    width: 22px;
    height: 22px;
    border: 1px solid #9396A1;
    border-radius: 100%;
    background: #fff;
}
.custom-radio [type="radio"]:checked + label:before {
    border: 1px solid #DB2D2E;
}
.custom-radio [type="radio"]:checked + label:after,
.custom-radio [type="radio"]:not(:checked) + label:after {
    content: '';
    width: 14px;
    height: 14px;
    background: #DB2D2E;
    position: absolute;
    top: 3px;
    left: 4px;
    border-radius: 100%;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}
.custom-radio [type="radio"]:not(:checked) + label:after{
    opacity:0;
    -webkit-transform:scale(0);
    transform:scale(0);
}
.custom-radio [type="radio"]:checked + label:after{
    opacity:1;
    -webkit-transform:scale(1);
    transform:scale(1);
}
.contract-activation-modal .custom-radio{
    padding:6px !important;
}
.font-manrope{
    margin-bottom:5px;
}
.vehicles_edit_form h4 {
    font-size: 18px;
    margin-top: 20px;
}
.vehicles_edit_form label{
    display:block;
}
.vehicles_edit_form .input_field{
    margin-bottom:25px;
}
.vehicles_edit_form .input_field input + select{
    margin-top:10px;
}
.vehicles_edit_form h4 + span{
    font-size:13px;
    line-height:normal;
    display:block;
    margin-bottom:10px;
}
.upload_btn .btn_style{
    margin-top:12px;
}
.vehicles_edit_form .input_field ul{
    padding-left:5px;
    list-style:none;
}
.vehicles_edit_form .input_field ul li{
    font-size:14px;
}
.vehicles_edit_form .input_field a{
    clear:both;
    flex-wrap:wrap;
    display:flex;
    margin-bottom:8px;
}
.vehicles_edit_form .input_field a img{
    width:16px;
    height:auto;
}
.vehicles_edit_form textarea.form-control{
    height:40px;
    margin-bottom:10px;
}
.vehicles_edit_form label{
    display:block;
    font-weight:600;
    color:#000;
}
button.btn_quated{
    padding:5px 12px;
    margin-bottom:5px;
}
.xs-title textarea.form-control{
    height:44px;
}
.vehicles_edit_form .input_field input + span{
    font-size: 14px;
    margin-top: 10px;
    display: block;
    margin-bottom: 5px;
    color: #000;
}
.vehicles_edit_form .input_field select + input{
    margin-top:8px;
}
.input_field.d-flex select.form-control {
    width: auto;
}
.input_field.d-flex input[type="checkbox"] {
    margin: 0;
}
.navbar-vertical.navbar-expand-xs .navbar-nav>.nav-item ul{
    list-style: none;
    padding-left: 0;
}
.navbar-vertical.navbar-expand-xs .navbar-nav>.nav-item ul li a{
    color: #AFB3C0;
    font-family: Manrope;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    display: block;
    padding: 10px 15px;
    position: relative;
    padding-left: 50px;
}
.navbar-vertical.navbar-expand-xs .navbar-nav>.nav-item ul li a:hover,
.navbar-vertical.navbar-expand-xs .navbar-nav>.nav-item ul li a.active{
    background: rgba(241, 242, 246, 0.08);
    border-radius: 4px;
}
.navbar-vertical.navbar-expand-xs .navbar-nav>.nav-item ul li a:after{
    content:"";
    position:absolute;
    left:30px;
    top:18px;
    width:5px;
    height:5px;
    background:#AFB3C0;
    border-radius:10px;
}
.navbar-vertical.navbar-expand-xs .navbar-nav>.nav-item ul li a:hover:after{
    background:#fff;
}
.navbar-vertical.navbar-expand-xs .navbar-nav>.nav-item .accordion-body{
    padding: 0;
}
.navbar-vertical.navbar-expand-xs .navbar-nav .nav-item.active{
    border-left:5px solid #DB2D2E;
    border-radius:4px;
}
.vehicle-info-form .form-group input[type="button"]{
    border:0;
}
.form_login {
    padding: 40px;
}
.form_login h3 {
    color: #1F2228;
    font-family: Manrope;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    margin-bottom: 42px;
}
.form_login .form-control::placeholder{
    font-weight:500;
}
.form_login .form-control{
    height:40px;
}
.form_login .link_btn{
    color: #343a40;
    font-family: Manrope;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}
.form_login .link_btn:hover{
    color:#DB2D2E;
}
.login_list{
    display:flex;
    justify-content:flex-end;
    gap:35px;
    padding-left:0;
}
.login_list li{
    padding-left:10px;
}
.login_list li:first-child{
    list-style:none;
    padding-left:0;
}
.navbar-vertical.navbar-expand-xs .navbar-nav .nav-item.active .nav-link {
    background-color: rgba(199, 199, 199, 0.2);
    border-radius: 0.375rem;
}
.field_list > span {
    color: var(--Button-gray, #9396A1);
    font-family: Manrope;
    font-size: 10px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    display: block;
}
.field_list b {
    color: var(--main-black, #1F2228);
    font-family: Manrope;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}
.field_list {
    margin-bottom: 15px;
}
.field_list .input_field label {
    overflow: hidden;
    color: var(--main-black, #1F2228);
    text-overflow: ellipsis;
    font-family: Manrope;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    margin-bottom: 0;
}
.field_list .input_field input[type="checkbox"] {
    position: relative;
    top: -2px;
}
.vd-right .custom-accordion .accordion-body, .vd-flex .column-box .card-body{
    padding: 20px 15px 20px 15px;
}
h2.accordion-header .popup_btn{
    position:absolute;
    top:13px;
    right:52px;
    color:#9b9fac;
    font-family: Manrope;
    font-size:14px;
    font-style:normal;
    font-weight:600;
    line-height:normal;
    z-index:6;
}
h2.accordion-header:hover .popup_btn{
    color:#000;
}
.modal .form-group{
    margin-bottom:15px;
}
.modal-header h1 {
    overflow: hidden;
    color: var(--main-black, #1F2228);
    text-overflow: ellipsis;
    font-family: Manrope;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}
.modal-header button.btn-close{
    color:#000;
    padding:0 !important;
    margin:0 !important;
    position:relative;
    top:-5px;
}
.modal-header button.btn-close:hover{
    color:#000 !important;
}
.modal-content .add-task{
    margin-bottom:5px;
}
.theme-btn.btn_transparent{
    background:transparent;
    color:#1F2228;
    border:1px solid #1F2228;
}
.comment_box .gray-box + .gray-box{
    margin-left:30px;
    position:relative;
}
.comment_box .gray-box + .gray-box:after{
    content: "";
    background: url(../img/Outline.png);
    background-repeat: no-repeat;
    width: 24px;
    height: 24px;
    position: absolute;
    left: -26px;
    top: 0;
}
.label-top b{
    font-size: 13px;
    color: #000;
}
.delete_icon svg{
    width: 26px;
    fill: red;
}
.form-group.d-flex input[type="checkbox"] {
    margin-top: 2px;
    min-width: 20px;
    height: 20px;
    margin-right: 8px;
}
.width-20{
    min-width:16px;
    height:16px;
    margin-top:7px;
}
.text_btn{
    background:transparent;
    padding:0;
}
.text_btn span{
    font-size:25px;
    line-height:17px;
    display:inline-block;
    vertical-align:sub;
}
.field_list button:not(.theme-btn){
    font-size: 13px;
    padding: 5px 10px;
}
.option_result{
    padding: 0 10px 0 0;
}
.option_result .xs-title{
    display:flex;
    align-items: center;
    justify-content:space-between;
}
.custom-table tbody tr td input{
    margin-right:5px;
}
/*table tbody .footableROW td:first-child{
    padding-left:10px;
}*/
.custom-table tbody tr td input[type="text"], .custom-table tbody tr td input[type="file"],
.custom-table tbody tr td input[type="email"], .custom-table tbody tr td input[type="tel"],
 .custom-table tbody tr td select, .custom-table tbody tr td textarea{
    margin-right: 5px;
    border-radius: 8px;
    border: 1px solid #9396A1;
    background-color: #FFF;
    padding: 8px 12px;
    color: var(--main-black, #1F2228);
    font-family: 'Manrope', sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    outline:0;
    max-width: 100%;
    min-height: 40px;
    width: 100%;
}
.custom-table tbody tr td textarea{
    height:auto;
}
.custom-table tbody tr td input[readonly]{
    background:#f7f7f7;
}
.column-box.card-header.border-radius-0, .border-radius-0{
    border-radius:0 !important;
}
.card-header.location-accordion{
    background:#9396A1;
}
.text-nowarp{
    text-wrap:nowrap;
}
.font-12{
    font-size:12px !important;
}
.main-header>div:first-child{
    flex-direction:row-reverse;
}
.main-header .avatar{
    margin-left:6px;
}
.custom-table tbody tr td textarea{
    min-width: 85px;
}
.add_vehicle{
    z-index:9999;
}
.add_vehicle .modal-dialog{
    max-width: 1080px;
}
.add_vehicle .custom-table{
    max-height: 205px;
}
.filter_mobile{
    position:fixed;
    background:#fff;
    bottom:0;
    left:0;
    right:0;
    padding:20px;
    transform:translateY(100%);
    max-height:74%;
    border-radius:15px 15px 0 0;
    transition:all ease .3s;
    overflow:auto;
    z-index:99;
    min-height: 250px;
}
.filter_open .filter_mobile{
    transform:translateY(0%);
    transition:all ease .3s;
}
.filter_open:after {
    background: rgb(0 0 0 / 58%);
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 9;
}
.filter_open{overflow:hidden;}
.filter_button{
    cursor:pointer;
}
.form-check.form-switch{
    padding-top:10px;
    margin-bottom:0;
    margin-left:12px;
    margin-top:0px;
}
.form-check.form-switch .form-check-input{
    min-width:32px;
    height:16px;
}
.form-switch .form-check-input:checked{
    border-color:#56c080;
    background-color:#56c080;
    border-radius:8px;
}
.form-check.form-switch input{
    border-radius:8px !important;
}
button.plus-btn{
    background:#DB2D2E;
    border-radius:5px;
    height:32px;
    line-height:normal;
}
.custom-table tr th{
    font-size:12px;
    font-style:normal;
    font-weight:400;
    padding:5px 10px 5px 10px;
    color:#9396A1;
}
.title_box{
    text-align:center;
    margin:20px 0;
    font-size:22px;
    color:#000;
}
.custom-table tbody tr:last-child td{
    border:0;
}
.form-control{
    min-width:75px;
}
.custom-table tbody tr td input[checked]{
    padding:0;
}
.form-check input[type="radio"]{
    padding:0;
}
.form-check:not(.form-switch) .form-check-input[type="radio"]:after{
    background-image:linear-gradient(195deg, #DB2D2E 0%, #DB2D2E 100%), var(--bs-gradient);
    width:0.77rem;
    height:0.77rem;
}
.profile_title{
    font-size: 14px;
    line-height: 19px;
    letter-spacing: 0em;
    text-align: left;
}

label.label input[type="file"] {
  position: absolute;
  top: -1000px;
}
.cs-profile-bar .label {
    cursor: pointer;
    border: 0;
    border-radius: 0;
    padding: 0;
    margin: 0;
    background: transparent;
    display: inline-block;
}
.cs-profile-bar .label:active {
  color: #000;
}
.cs-profile-bar .label:invalid+span {
  color: #000000;
}
.cs-profile-bar .label:valid+span {
  color: #ffffff;
}
.navbar-vertical.navbar-expand-xs .navbar-nav .nav-item.accordion-header.active .nav-link {
    border-radius: 4px 4px 0 0;
    margin-bottom: 0;
}
.active .subactive {
    background-color: rgba(199, 199, 199, 0.2);
    border-radius: 0;
}
.ms-choice, .form-control{
    border:1px solid #9396A1;
}
label, .form-label{
    color:#9396A1;
}
table tr td .status-tag, table tr td{
    max-width: 165px;
    text-overflow: ellipsis;
    overflow: hidden;
    word-wrap: break-word;
}
table tr td:last-child{
    overflow:visible;
    max-width: fit-content;
}
.theme-btn:hover, .cancel-btn:hover{
    background:#000 !important;
    color:#fff;
    border-color: #000;
}
.form-control:focus, .form-control:active{
    border:1px solid #DB2D2E;
}
.xs-title.fw-600{
    font-weight:500 !important;
}
.add-task{
    color:var(--bs-gray-500);
}
.add-task .iconplus{
    background:url(../img/icons/dark-plus.svg) no-repeat center center;
}
.add-task:hover{
    color:#DB2D2E;
    webkit-transition:.3s ease 0s;
    -moz-transition:.3s ease 0s;
    -ms-transition:.3s ease 0s;
    -o-transform:.3s ease 0s;
    transition:.3s ease 0s;
}
.add-task:hover .iconplus{
    background: url(../img/icons/orange-plus.svg) no-repeat center center;
    webkit-transition:.3s ease 0s;
    -moz-transition:.3s ease 0s;
    -ms-transition:.3s ease 0s;
    -o-transform:.3s ease 0s;
    transition:.3s ease 0s;
}
.sidenav{
    transform:translateX(0px);
}
.sidenav.hide{
    webkit-transition:.3s ease 0s;
    -moz-transition:.3s ease 0s;
    -ms-transition:.3s ease 0s;
    -o-transform:.3s ease 0s;
    transition:.3s ease 0s;
    transform: translateX(-250px);
}
.sidenav.hide + .main-content-right{
    margin-left: 0;
    webkit-transition:.3s ease 0s;
    -moz-transition:.3s ease 0s;
    -ms-transition:.3s ease 0s;
    -o-transform:.3s ease 0s;
    transition:.3s ease 0s;
}
header .jq_back_navbar{
    position:absolute;
    top:80px;
    left:12px;
    background:transparent;
    padding-left:10px !important;
    transform:rotate(180deg);
    opacity:0;
    visibility:hidden;
}
header.hide .jq_back_navbar{
    opacity:1;
    visibility:visible;
}
header .jq_back_navbar svg path{
    fill: #DB2D2E;
}
header .jq_back_navbar svg{
    width: 36px;
    height: 32px;
}
.sidenav.hide + .main-content-right label.cs-label{
    top:-10px !important;
    font-size:13px;
}
a,button, a:hover,button:hover,.btn,.btn:hover,.icondelete,.icondelete:hover{
    webkit-transition:.3s ease 0s;
    -moz-transition:.3s ease 0s;
    -ms-transition:.3s ease 0s;
    -o-transform:.3s ease 0s;
    transition:.3s ease 0s;
}
.icondelete:hover{
    background:url(../img/icons/orange-icondelete.svg) no-repeat center center;
}
.ms-drop ul>li label {
    max-width: 290px;
}
.ms-drop ul>li label span {
    display: flex;
    white-space: normal;
}
.ms-drop ul>li label span::before {
    min-width: 20px;
}
.cs-profile-bar a{
    color:#999;
}
.filter-col5 input#search {
    background: #DB2D2E;
    color: #fff;
    border-color: #DB2D2E;
    border-radius: 20px;
}
.filter-col5 input#search:hover{
    background: #000;
    color: #fff;
    border-color: #000;
}
.filter-col5 .col:last-child .form-control {
    min-width:auto;
}
.alert{
    color:#fff;
    padding:10px 15px;
}
label.error {
    color: red;
    white-space: normal;
    line-height: normal;
}
tr:not(:first-child) button.plus-btn {
    display: none;
}
.custom-table.word-brak tbody tr:last-child td {
    word-break: break-word;
    white-space: normal;
    text-overflow: unset;
    vertical-align: top;
}
.custom-table table tr th {
    font-weight: 400;
    font-size: 12px;
}
/*.custom-table table th, .custom-table table tr td {
    border:0;
}*/
.filter_mobile button{
    margin-right:0 !important;
    margin-bottom:20px;
    padding:0;
    background:transparent;
}
.filter_mobile button.theme-btn{
    color:#DB2D2E;
    padding:0;
}
.filter_button span{
    font-size:34px;
    color:#000;
    line-height:normal;
    display:inline-flex;
    height:10px;
    align-items:center;
    font-weight:500;
}
.filter_mobile button:hover{background:transparent !important; color:#000;}
.more_option{
    list-style:none;
    padding:0;
    display:flex;
    flex-wrap:wrap;
    margin-bottom:0;
}
.more_option li{
    width:50%;
    margin-bottom:8px;
}
.more_option li a{
    font-size:14px;
}
.custom-table tbody tr td textarea{
    width:100%;
}
.toggle_buttons, .toggle_buttons .btn-group{
    flex-wrap:wrap;
}
.form-control[disabled]{
    padding:8px 12px;
}
select.form-control{
    padding-right:25px !important;
}
.label-top .cs-label{
    width:auto;
    text-overflow:ellipsis;
    white-space:nowrap;
    overflow:hidden;
    max-width:92%;
}
.custom-table tbody tr td{
    white-space:normal;
}
.green-color{
    color:green;
}
.detail-tab .md-title{
    margin:20px 0;
    font-size:22px;
}
table tr td{
    vertical-align:top !important;
}
.row.justify-content-center.align-items-center{
    align-items:flex-start !important;
}
table tr td .status-tag, table tr td{
    max-width:fit-content;
}
.nav-tabs .nav-link.active{
    background:#DB2D2E;
    color:#fff;
}
.custom-accordion ul.nav.nav-tabs {
    gap: 10px;
    border: 0;
    margin-bottom:20px !important;
}
.nav-tabs .nav-link{
    border-radius:23px;
    border:1px solid var(--3-light-gray, #C7CAD4);
    color:var(--main-black, #1F2228);
    font-family:Manrope;
    font-size:14px;
    font-style:normal;
    font-weight:600;
    line-height:normal;
    padding:12px 24px;
}
.nav-tabs .nav-link:hover{
    border: 1px solid #DB2D2E;
    background: #DB2D2E;
    color: #fff;
}
table tr td .status-tag:hover{
    color:#DB2D2E;
}
.fw-600.black-text.sorting_1{
  font-size: 13px;
}
.form-group input[type="checkbox"], .field_list input[type="checkbox"], .custom-table tbody tr td input[type="checkbox"],
.custom-table tr th input[type="checkbox"], .custom-table tr td input[type="checkbox"]{
    min-width:20px !important;
    height:20px;
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
    -webkit-print-color-adjust:exact;
    border:1px solid #9396A1;
    padding:0;
    border-radius:0;
}
.form-group input[type="checkbox"]:checked, .field_list input[type="checkbox"]:checked, .custom-table tbody tr td input[type="checkbox"]:checked,
.custom-table tr th input[type="checkbox"]:checked{
    background: #DB2D2E;
    border-color: #DB2D2E;
    background-image: url(../img/checkIcon.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
}
.price_flex {
    display: flex;
}
.price_flex input.form-control, .custom-table tbody tr td .price_flex input.form-control{
    border-radius: 6px 0 0 6px;
}
.custom-table tbody tr td .price_flex input.form-control{
    margin:0;
}
.price_flex input + select.form-control {
    border-radius: 0 6px 6px 0;
    border-left: 0;
    width: auto;
    margin-right: 0;
}
.flex_div{
    display:flex;
}
.label-top.flex_div b{
    line-height:normal;
    margin:0 !important;
}
.price_flex input + select {
    margin-top: 0 !important;
    width: auto;
}
.flex_div + button .iconplus{
    margin-top:5px;
}
.theme-btn.small_btn{
    font-size:12px;
    padding:9px 10px;
}
.custom-form.vehicle-info-form p{
    font-size:14px;
}
h2.accordion-header .popup_btn .excel_icon{
    font-size:20px;
}
h2.accordion-header .popup_btn .excel_icon path{
    fill:green;
}
/*.custom-table table tr th {
    background: #d8d8d8;
}*/
.row>.row {
    margin: 0;
    padding: 0;
}
.form-group input[type="file"]{
    border-radius: 8px;
    border: 1px solid #9396A1;
    background: #FFF;
    padding: 8px 12px;
    color: var(--main-black, #1F2228);
    font-family: 'Manrope', sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    max-width: 100%;
}
.multipal_sec .add-task {
    position: relative;
    top: -8px;
}
.multipal_box{
    border:1px solid #f1f2f6;
    padding:15px;
    border-radius:10px;
    margin-bottom:15px;
    display:flex;
    gap:5px;
    align-items:center;
}
.multipal_box .col-md-12:last-child .form-group, .multipal_box .col-12:last-child .form-group{
    margin-bottom:0;
}
.multipal_box .row{
    flex:auto;
}
.single_box .multipal_box{
    border:0;
    padding:0;
}
.multipal_sec:not(.silgle_box) .multipal_box{
    align-items: stretch;
    position:relative;
}
.multipal_sec:not(.silgle_box) .multipal_box .add-task{
    background:#F1F2F6;
    padding:5px;
    border-radius:0 8px 8px 0;
    position:absolute;
    top:0px;
    bottom:0;
    right:0px;
}
.multipal_sec:not(.silgle_box) .multipal_box + .multipal_box, 
.multipal_sec:not(.silgle_box) .multipal_box + [data-repeater-list] .multipal_box{
    padding-right:45px;
}
.custom-table tbody tr td, .custom-table tr td:nth-child(2), .custom-table tbody tr td, .custom-table tr th:nth-child(2) {
    white-space:nowrap;
    max-width:130px;
}
.custom-table tr td:nth-child(2),.custom-table tr th:nth-child(2){
    max-width:130px;
    white-space: inherit;
}
.custom-table .dataTables_scroll tbody tr td, .custom-table .dataTables_scroll tbody tr td {
    white-space: normal;
    max-width:none;
}
table.dataTable thead>tr>th.sorting, table.dataTable thead>tr>th.sorting_asc, table.dataTable thead>tr>th.sorting_desc, table.dataTable thead>tr>th.sorting_asc_disabled, table.dataTable thead>tr>th.sorting_desc_disabled, table.dataTable thead>tr>td.sorting, table.dataTable thead>tr>td.sorting_asc, table.dataTable thead>tr>td.sorting_desc, table.dataTable thead>tr>td.sorting_asc_disabled, table.dataTable thead>tr>td.sorting_desc_disabled {
    font-weight:400;
    font-size:12px;
    color:#ced4da;
    color:#9396a1;
}
table.dataTable thead>tr>th[aria-controls="company-list"].sorting:first-child{
    width:14px !important;
}
.vd-left .xs-title.fw-700, .vd-left .xs-title.fw-600{
    font-weight: 500 !important;
    margin-bottom: 5px;
}
.custom-table tr td:nth-child(2) .status-tag{
    max-width:150px;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
}
.mt-2{
    margin-top:12px !important;
}
.form-control + input{
    margin-left:8px;
}
.form-group.label-top + b {
    font-size: 13px;
    color: #000;
    margin-top: 5px !important;
    display: block;
    font-weight: 700;
}
.form-group.label-top b{
    margin-top:5px !important;
}
.vehicle-info-form .multiselect-container{
    position:absolute;
    list-style-type:none;
    margin:0;
    padding:0;
}
.vehicle-info-form .open>.dropdown-menu{
    display:block;
}
.vehicle-info-form .dropdown-menu{
    position:absolute;
    top:100%;
    left:0;
    z-index:1000;
    display:none;
    float:left;
    min-width:160px;
    padding:5px 0;
    margin:2px 0 0;
    font-size:14px;
    text-align:left;
    list-style:none;
    background-color:#fff;
    -webkit-background-clip:padding-box;
    background-clip:padding-box;
    border:1px solid #ccc;
    border:1px solid rgba(0,0,0,.15);
    border-radius:4px;
    -webkit-box-shadow:0 6px 12px rgba(0,0,0,.175);
    box-shadow:0 6px 12px rgba(0,0,0,.175);
    width: 100%;
}
.vehicle-info-form .multiselect-container>li{
    padding:0;
}
.vehicle-info-form .dropdown-menu>.active>a, 
.vehicle-info-form .dropdown-menu>.active>a:focus, 
.vehicle-info-form .dropdown-menu>.active>a:hover{
    color:#fff;
    text-decoration:none;
    background-color:#337ab7;
    outline:0;
}
.vehicle-info-form .btn-group button.multiselect {
    text-align:left;
    border:1px solid #9396A1;
    display:flex;
    justify-content:space-between;
    align-items:center;
    padding-left:15px;
    padding-right:15px;
    font-size:14px;
    font-style:normal;
    font-weight:500;
    line-height:normal;
    color:#1F2228;
    text-transform:capitalize;
}
.vehicle-info-form .dropdown-menu li a{
    width:100%;
    display:block;
}
.vehicle-info-form .dropdown-menu li a label{
    width:100%;
    padding-left:15px;
    display:flex;
    align-items:center;
    gap:10px;
}
.vehicle-info-form .dropdown-menu li.active a label{
    background:#f0f2f5;
}
.vehicle-info-form .dropdown-toggle::after{
    font-size:18px;
}
.cr-header-flex .filter_mobile .cancel-btn, .cr-header-flex .filter_mobile .theme-btn{
    color:#DB2D2E;
    padding:0;
    border:0;
    margin-right:0 !important;
    margin-bottom:20px;
    padding:0;
    border:0;
    background:transparent;
    display:inline-block;
}
.cr-header-flex .generate_btn.theme-btn{
    padding:8px 10px;
    font-size:13px;
}
.vehicle-info-form div[class*=col].mb-3 .form-group{
    margin-bottom: 5px;
}
.orange_color {
    color: #DB2D2E;
    font-size: 14px;
}
.cr-header-flex .filter_mobile .cancel-btn {
    color: #000;
}
.white-box .xs-title.fw-600 {
    font-weight: 700 !important;
}
.dataTables_wrapper.no-footer div.dataTables_scrollHead table.dataTable, .dataTables_wrapper.no-footer div.dataTables_scrollBody>table {
    margin-left: 0;
    min-width: 100% !important;
}
.dataTables_scrollHead .dataTables_scrollHeadInner{
  min-width: 100% !important;    
}
.no_data span {
    color: #AFB3C0;
    text-align: center;
    font-family: Manrope;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}
.price_flex input.border-radius {
    border-radius: 6px;
}
.gray_btn {
    background: #9396A1;
    border-color: #9396A1;
}
.black_btn {
    background: #1F2228;
    border-color: #1F2228;
}
.mxw-50 {
    width: 50px;
}
.form-check.form-switch input[type="checkbox"]:checked {
    background-image: none;
}
table.dataTable thead>tr>th.sorting_disabled {
    font-weight: 400;
    font-size: 12px;
    color: #ced4da;
    color:#9396a1;
}
table.dataTable>thead>tr>th, table.dataTable>thead>tr>td{
    /* white-space: normal; */
    border-bottom: 1px solid rgb(241 242 246) !important;
}

.data_result ul{
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
}
.data_result ul li{
    color:#1F2228;
    font-family: 'Manrope', sans-serif;
    font-size: 14px;
    font-style: normal;
    line-height: normal;
    font-weight: 600;
}
.data_result ul li:after{
    content: "||";
    margin-left: 10px;
}
.data_result ul li:last-child:after{
    content:"";
    margin-left:0px;
}
.custom-file-button input[type=file] {
    margin-left: -2px !important;
    margin-right: 0 !important;
    border-left: 0 !important;
}
.custom-file-button input[type=file]::-webkit-file-upload-button {
  display: none;
}

.custom-file-button input[type=file]::file-selector-button {
  display: none;
}

.custom-file-button:hover label {
  cursor: pointer;
}
.custom-file-button label:first-child {
    margin: 0;
    padding: 8px 14px;
    background: #AFB3C0;
    color: #fff;
    border-radius: 6px 0 0 6px !important;
}
.custom-file-button.input-group:not(.has-validation)> :not(:last-child):not(.dropdown-toggle):not(.dropdown-menu), 
.custom-file-button.input-group:not(.has-validation)>.dropdown-toggle:nth-last-child(n + 3) {
    border-top-right-radius:0 !important;
    border-bottom-right-radius:0 !important;
}
.input-group.custom-file-button {
    flex-wrap: nowrap;
}
.form-control[disabled], input[type="text"][readonly],input[type="email"][readonly], input[type="number"][readonly],
input[type="tel"][readonly],input[type="file"][readonly], input[disabled], textarea[readonly]{
    background-color: #f0f2f5 !important;
    border: 1px solid #f0f2f5;
}
input[type="checkbox"][disabled][checked]{
    background-color: #DB2D2E !important;
}
textarea.form-control {
    min-height: 40px;
}
.card-body .cs-profile-bar .fw-600 {
    font-size: 14px;
    color: #1F2228;
}
.popup_btn.asign_profile {
    top: 5px !important;
}
.asign_profile .cs-profile-bar .xxs-label, .asign_profile .cs-profile-bar .fw-600{
    color: #000;
}
.accordion-header .form-group input[type="checkbox"]{
    position:absolute;
    top:0;
    left:15px;
    z-index:4;
    bottom:0;
    margin:auto;
}
.accordion-header .form-group .accordion-button{
    padding-left:40px !important;
}
.permissions_opt label{
    color:#1F2228;
    margin-left:10px;
}
.column-box .card-body td[valign="middle"]{
    vertical-align:middle !important;
}
.vd-flex .custom-accordion .accordion-item .accordion-body{
    padding-top:40px;
    padding-left:20px;
}
.vd-flex .custom-accordion .accordion-item .accordion-body .custom-table{
    padding-top:15px !important;
    padding-bottom:15px !important;
}
.permissions_opt>.form-group{
    margin-bottom: 10px;
}
.permissions_opt .field_list{
    padding-left:25px;
    margin-bottom:0px;
}
.column-box .card-body.table_squote td[valign="middle"]:nth-child(3){
    width:150px;
}
.toggle_buttons .input_filed input[type="checkbox"]{
    min-width:20px;
    height:20px;
}
.toggle_buttons .input_filed label{
    font-size:15px;
    color:#2f2f2f;
    font-weight:600;
}
.theme-btn{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding:8px 24px 8px;
    cursor: pointer;
}
.toggle_buttons{
    position:relative;
}
.toggle_buttons .input_filed{
    position:absolute;
    right:0;
    top:0;
    bottom:0;
    display:flex;
}
.accordion-item .accordion-body .row .col:last-child .field_list,
.accordion-item .accordion-body .row div[class*="col-"]:last-child .field_list{display:flex;}
.accordion-item .accordion-body .row div[class*="col-"]:last-child .field_list .form-group{width:100%;}
.accordion-item .accordion-body .row .field_list .field_list{
    margin-bottom: 5px;
}
.accordion-item .accordion-body .row .col:last-child .field_list div, 
.accordion-item .accordion-body .row div[class*="col-"]:last-child .field_list div {
    flex: auto;
}
.vd-flex .custom-accordion .accordion-item .accordion-body:not(.p-0) .custom-table {
    padding-bottom: 0 !important;
}
.vehicle_view .accordion-item .accordion-body .row .col:last-child .field_list,
.vehicle_view .accordion-item .accordion-body .row div[class*="col-"]:last-child .field_list{display:block;}
.accordion-item .accordion-body .row div[class*="col-"]:last-child .field_list .gj-datepicker.mb-3 {
    margin-bottom: 0 !important;
}
.mobile_flex{
    display:flex;
    align-items: flex-start;
}
.mobile_flex b, .form-group.label-top + b{
    margin-top:0 !important;
    line-height:normal;
}
.mobile_flex .form-group.label-top.price_flex{
    width:100%;
}
/*.btn-gray {
    background: #DB2D2E;
    border: 0;
    color: #fff;
    font-size: 14px;
    padding: 5px 6px;
    border-radius: 2px;
}*/
.option_result h4{
    font-size:16px;
    border-bottom:1px solid #f0f2f5;
    padding-bottom:10px;
    margin-bottom:0;
}
textarea{
    resize:auto !important;
}
div[data-repeater-item]:first-child button {
    display:block;
}
div[data-repeater-item] button:first-child {
    display:none;
}
div[data-repeater-item]:first-child button:first-child {
    display:block;
}
.custom-table .dataTables_scroll tbody tr td{
    white-space:nowrap;
    text-overflow:ellipsis;
    overflow:hidden;
    max-width:160px;
}
.select2-container--default .select2-selection--single {
    border-radius:8px;
    border:1px solid #9396A1;
    background:#FFF;
    color:var(--main-black, #1F2228);
    font-family:'Manrope', sans-serif;
    font-size:14px;
    font-style:normal;
    font-weight:500;
    line-height:normal;
    min-height:40px;
    padding:6px 5px;
}
.select2-container--default .select2-search--dropdown .select2-search__field{
    border-radius:5px;
    outline:0;
}
.select2-container--default .select2-results>.select2-results__options li{
    font-size:14px;
    color: #000;
}
.select2-container--default .select2-results>.select2-results__options li:hover, 
.select2-container--default .select2-results>.select2-results__options li.select2-results__option--highlighted{
    background:#DB2D2E;
    color:#fff;
}
.vehicle-info-form .form-group label.error{
    order:2;
}
.vehicle-info-form .form-group .select2.select2-container{
    order:1;
    margin-bottom:2px;
}
.custom-table .dataTables_scroll tbody tr td:last-child{
    overflow:visible;
    white-space:normal;
}
.mobile_flex .form-group.label-top.price_flex + .add-task{
    margin-top:8px;
}
.permissions_opt{
    flex-wrap:wrap;
}
.permissions_opt .field_list{
    width:100%;
}
.vehicle-info-form .cs-profile-bar{
    display:block;
}
.custom-accordion .accordion-item .accordion-body .custom-table tfoot{
    border:0;
}
.vehicle-info-form .form-group[style="display: none;"] button:last-child{
    display:none;
}
.list_tab{
    display:flex;
    justify-content:center;
    list-style:none;
    gap:15px;
    padding:0;
    border:0;
}
.report_table{
    margin-bottom:20px;
}
.custom-table.report_table thead tr th, .custom-table.report_table tr td{
    text-align: left;
}
center.center_title {
    background: #C7CAD4;
    padding: 10px 20px;
    border-radius: 5px;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    color: #1F2228;
    margin-bottom: 10px;
}
center.center_title span {
    display: inline-block;
    margin: 0 5px;
}
/*.report_table table th:last-child, .report_table table td:last-child {
    min-width: 550px;
    white-space: normal;
}*/
.badge.light-green-bg {
    background: #6DCB5E1F;
    width: 38px;
    padding: 1px 3px;
    height: auto;
    border-radius: 10px;
    color: #6DCB5E;
}
.badge.light-denger-bg{
    background:#F86F6F1F;
    width: 38px;
    padding: 1px 3px;
    height: auto;
    border-radius: 10px;
    color:#F86F6F;
}
.reporter_dashboard .date_field .input-group {
    margin-bottom: 0 !important;
}
.list_other {
    padding: 0;
    list-style: none;
    margin-left: 10px;
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 0;
}
.list_other li{
    width:25%;
    margin-bottom:10px;
}
.list_other li a{
    font-size:14px;
}
.custom-table.fixed-header-table .tablescroll_wrapper thead tr th {
    text-align: center;
}
input[type="text"].form-control.calender-field::-webkit-inner-spin-button,
input[type="text"].form-control.calender-field::-webkit-calendar-picker-indicator {
    display: none;
    -webkit-appearance: none;
}
.gj-datepicker .gj-icon {
    display: none;
}
.form-control.calender-field.gj-textbox-md {
    border-radius: 8px;
    border: 1px solid #9396A1;
    background: #FFF;
    padding: 8px 12px;
    color: var(--main-black, #1F2228);
    font-family: 'Manrope', sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    min-height: 40px;
    background: #fff url(../img/icons/calender.svg) no-repeat calc(100% - 12px) center;
    background-size: 24px 24px;
    appearance: none;
}
.status-tag .dropdown-item {
    color: #000;
    font-weight: 600;
}
[data-repeater-item] + [data-repeater-item] button.add-task:first-child {
    display: none;
}
.tablescroll_wrapper h2 {
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 0;
    text-align: start;
    color: #1F2228;
}

.custom-table tbody tr.paymentapitem:last-child td, table[name="reportTable"] tr td:last-child,
table[name="reportTable"] tr td:last-child{
    
    white-space:nowrap;
    overflow:hidden;
}
.email_message:focus{
    outline:0;
}
/*.custom-table tbody tr td input[type="text"]{
    max-width:150px;
}*/
.cashreport .custom-table tbody tr td{
    max-width: fit-content;
    border-bottom: solid 1px #F1F2F6;
}
.custom-table.report_table tr td:nth-child(2){
    white-space: nowrap;
}
.custom-table.report_table tr td:last-child{
    white-space: nowrap;
    max-width: 150px;
    overflow: hidden;
}
tr a{
    color:black;
    font-weight:600;
}
tr a:hover{
    color:#DB2D2E;
}
.header-flex.cr-header-flex{
    position:sticky;
    top:80px;
    z-index:8;
    background:#f0f2f5;
    padding:5px 0;
}
#thetable tr td strong {
    display: flex;
    align-items: start;
    gap: 5px;
    text-align: center;
}
#thetable tr td strong img {
    max-width: 30px;
    height: auto;
}
select.form-control[disabled]{
    background: transparent;
    background-image: none !important;
    -webkit-appearance: none;
    -moz-appearance: none;
    text-indent: 0.01px;
}
.green_color {
    color: green;
}
.fa-2 {
    font-size: 18px;
}
.red_color{
    color:red;
}
.navbar-vertical.navbar-expand-xs .navbar-nav .nav-link .fa_icon {
    font-size: 20px;
    width: 24px;
}
.navbar-vertical.navbar-expand-xs .navbar-nav .nav-link .fa_icon .fas {
    color: #9396a2;
}
.custom-table #thetable1 tbody tr td, .custom-table #thetable1 tr td:nth-child(2), .custom-table #thetable1 tbody tr td{
    white-space: normal;
    max-width: fit-content;
}
.custom-table table.align-center thead tr th {
    text-align: center;
}
.custom-table .last_nowrap tbody tr td, .custom-table .last_nowrap tbody tr td{
    white-space: normal;
    max-width: none;
}
table.border-table tr th, table.border-table tr td {
    border: 1px solid #C7CAD4 !important;
}
.thead-bg thead tr th{
    padding:10px;
    background: #E2E4EC !important;
    color:#000;
}
table tr:hover {
    /* background: #f7f7f7; */
    background: oldlace;
}
.custom-table #thetable1 tbody tr td, .custom-table #thetable1 tr td:nth-child(2), .custom-table #thetable1 tbody tr td {
    vertical-align: middle !important;
}
.middle-align tr td{vertical-align:middle;}
header .dropdown .dropdown-menu.dropdown-menu-end{
    right:20px !important;
}
input[type="checkbox"].form-control{
    width:auto;
    height:auto;
    min-width:auto;
    min-height:auto;
}
.cashreport table {
    margin-bottom: 0;
}
.cashreport .assigning-table tbody tr td {
    padding: 4px;
}
.cashreport .onholditem>td,
.cashreport .otherpayablesitem>td,
.cashreport .otherReceivablesitem>td{
    vertical-align: middle !important;
}
.cashreport table tr th {
    background:#a7d5a7;
    color:#4d4d4d;
    font-weight:700;
    padding: 12px;
    font-size: 14px;
}
.cashreport table tr:hover{
    background:#fffcfb;
}
.cashreport .custom-table tbody tr td, .cashreport .custom-table tr th{
    max-width:fit-content;
    border-bottom:0;
    text-align:center;
    white-space: normal;
}
.cashreport .custom-table tbody tr td input[type="text"]{
    min-width: 150px;
}
.cashreport tr td strong{
    justify-content:center;
}
.cashreport tr td{
    vertical-align: top !important;
}
.form-group.label-top label{
    margin-left:0;
    margin-bottom:0;
}
.cashreport .custom-table tr th[colspan="9"]{
    background:transparent;
}
.cashreport .custom-table tbody tr td:first-child{
    text-align:left;
}
.form-group.label-top label:not(.cs-label) {
    margin-top: -8px;
    font-size: 10px;
    display: block;
    margin-bottom: 5px;
}
.option_data b {
    font-size: 14px;
    color: #000;
}
.option_result .xs-title {
    gap: 10px;
}
td[align="center"] {
    vertical-align: middle !important;
}
.vd-flex .custom-accordion .accordion-item h2 {
    line-height: 35px;
}
.custom-accordion ul.nav.nav-tabs.tab_accordion {
    margin-bottom: 0 !important;
}
.custom-accordion ul.nav.nav-tabs.tab_accordion button{
    background: transparent;
    color: #000;
    border-radius: 0;
    border: 0;
    padding: 13px 12px;
    border-bottom: 2px solid transparent;
}
.custom-accordion ul.nav.nav-tabs.tab_accordion button.active{
    color: #DB2D2E;
    border-bottom: 2px solid #DB2D2E;
}
.custom-table .width_auto tbody tr td, .custom-table .width_auto tr td:nth-child(2), .custom-table .width_auto tbody tr td, .custom-table .width_auto tr th:nth-child(2) {
    white-space: nowrap;
    max-width: fit-content;
}
.custom-table .last_auto tbody tr:last-child td:last-child{
    width:auto;
    max-width:fit-content;
}
.custom-table .input_datatable tbody tr td {
    white-space: normal;
    max-width: fit-content;
    text-overflow: unset;
}
.custom-table .input_datatable tbody tr td b{
    font-size:12px;
    line-height:16px;
    display:block;
}
.bottomNavBar ul{
    display:flex;
    list-style:none;
    margin:15px 0;
    padding:0;
    gap:15px;
}
.bottomNavBar ul li a{
    background:#DB2D2E;
    color:#fff;
    border-radius:25px;
    padding:8px 20px;
    display:inline-block;
    font-size:14px;
}
.bottomNavBar ul li a:hover{
    background:#000;
}
.nowrap{
    white-space:nowrap;
}
.custom-table tbody .input-group.mb-3{
    margin-bottom:0 !important;
}
.form-group.label-top input + label:not(.cs-label){
    margin:0;
    font-size:14px;
}
.custom-accordion ul.nav.nav-tabs.tab_accordion button{
    padding:13px 10px;
}
.quote_checkbox {
    display: flex;
    align-items: center;
    gap: 5px;
    color: #1960CC;
    font-size: 16px;
    font-weight: 700;
}
.quote_checkbox input {
    margin: 0;
}
.modal-header button.btn-close {
    color: #000;
    padding: 0 !important;
    margin: 0 !important;
    position: relative;
    top: -5px;
    background-color: #000000;
    opacity: 1;
    width: 27px;
    height: 27px;
    border-radius: 50%;
    background-size: 10px;
}
#addsuplier {
    z-index: 9999;
}
.custom-table .nowrap tbody tr td, .custom-table .nowrap tr td {
    text-overflow: unset;
}





/*============== RAHUL STYLING START ==============*/

table tr td {
    vertical-align: middle !important;
}
.tooltip{
    --bs-tooltip-max-width: 360px;
}
.vehicle-count{
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    color: #1F2228;
}
.custom-form__inner{
    display: flex;
    gap: 18px;
    align-items: center;
}
.custom-form__inner .vehicle-count{
    flex-shrink: 0;
}
.custom-form__inner .form-group{
    margin: 0;
    width: 100%;
}
.custom-form__inner .form-group .form-control{
    width: 100%;
}
.custom-form__inner .form-group .gj-datepicker{
    margin: 0 !important;
}
.reportNew .custom-form{
    margin-bottom: 20px;
}
.custom-table thead tr th, .custom-table tbody tr td, .custom-table tbody tr th{
    text-align: center;
}
table tr td:last-child{
    overflow: hidden;
}
.primary-text{
    color: #DB2D2E !important;
}
.tmsg{
    font-size: 10px;
}
.custom-table #thetable tbody tr td, 
.custom-table #thetable tr td:nth-child(2), 
.custom-table #thetable1 tbody tr td {
    white-space: normal;
    max-width: fit-content;
}
.cashreport-form table tr td {
    vertical-align: top !important;
}
.cashreport-form table tr th,
.cashreport-form table tr td {
    text-align: start !important;
}
.cashreport-form #thetable tr td strong{
    justify-content: start;
}
.user-drop li a{
    display: block;
}
.user-drop li a:hover{
    color: #DB2D2E;
}
.md-title,.theme-btn{
    text-transform: capitalize;
}
table tr td {
    vertical-align: middle !important;
}
.form-switch .form-check-input:after{
    top: -3.5px;
}
.filter_open{
    position: relative;
}
.filter_open:after,.header-flex.cr-header-flex{
    z-index: 8;
}
table.dataTable thead>tr>th[aria-controls="company-list"].sorting:first-child{
    width: auto !important;
}
#user-create .multipal_box{
    border: none;
    padding: 0 12px;
}
.select2-container--default .select2-selection--single .select2-selection__arrow b{
    border-width: 0;
    background: #fff url(../img/icons/down-arrow.svg) no-repeat center !important;
    padding: 10px;
    margin-left: -14px;
    transform: translateY(-50%);
    border-style: unset;
}
.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b{
    border-color: transparent;
    border-width: unset;
}
.field_list .form-group.label-top label:not(.cs-label){
    margin-top: unset;
    font-size: 14px;
    display: unset;
    margin-bottom: unset;
}
.gj-datepicker.gj-datepicker-bootstrap.gj-unselectable.input-group.mb-3 {
    margin-bottom: 0px !important;
    display: flex;
    flex-direction: column;
}
.gj-datepicker.gj-datepicker-bootstrap.gj-unselectable.input-group.mb-3 input{
    width: 100%;
}
.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody {
    min-height: 350px;
}
#more_doc .field_list {
    margin-bottom: 0;
}
.search-box {
    width: 30%;
}
.form-check.form-switch{
    display: flex;
    justify-content: center;
    padding-top: 0;
    margin-left: 0;
}
.status-tag .dropdown-item {
    color: unset;
    font-weight: unset;
}
.repeater-address .multipal_box,.repeater-default .multipal_box{
    padding: 0;
    border: 0;
}
.status-switch{
    justify-content: start !important;
    padding-top: 18px !important;
    padding-left: 50px;
}
.nl-btn {
    padding: 8px 12px;
    font-size: 12px;
    flex-shrink: 0;
}

.loading-image {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 10;
    
  }
  .loader
  {
      display: none;
      width:200px;
      height: 200px;
      position: fixed;
      top: 50%;
      left: 50%;
      text-align:center;
      margin-left: -50px;
      margin-top: -100px;
      z-index:2;
      overflow: auto;
  }
.ms-choice{
    min-height: 40px;
}
.form-group.label-top label:not(.cs-label){
    margin-top: unset;
    font-size: 14px;
}
.f-bold label{
    font-weight: 600;
}

.dataTables_scrollBody::-webkit-scrollbar {
    width: 6px;
    height: 6px;
    border-radius: 3px;
}
.dataTables_scrollBody::-webkit-scrollbar-thumb {
    border-radius: 3px;
    background: #C2C5D6;
}
.dataTables_scrollBody::-webkit-scrollbar-track {
    background: #E3E6EF;
    border-radius: 3px;
}
.dataTables_wrapper.no-footer .dataTables_scrollBody{
    border-bottom: unset;
}
table tr td:last-child {
    overflow: unset;
}
.form-control[disabled], input[type="text"][readonly], input[type="email"][readonly], input[type="number"][readonly], input[type="tel"][readonly], input[type="file"][readonly], input[disabled], textarea[readonly] {
    background-color: #f0f2f578 !important;
    border: 1px solid #d4d4d4;
    color: #afafaf;
}
/* .vdi-box .vdi-box-item{
    border: 1px solid #d4d4d4;
} */

.sq-table tbody .sq-footableROW td:first-child{
    text-align: start;
    font-weight: 600;
}
.sq-table tbody .sq-footableROW td.fr-not:first-child{
    text-align: center;
}
.location-accordion .bmt-box{
    padding: 0 15px;
}
.location-accordion .bmt-box:not(:last-child){
    padding-bottom: 10px;
    border-bottom: 1px solid #F1F2F6;
}
.bmt-box .column-box .title{
    white-space: unset;
    overflow: unset;
    text-overflow: unset;
    text-align: center;
}
.bmt-box__right .custom-table{
    display: flex;
    gap: 10px;
    align-items: baseline;
}
.vd-flex .custom-accordion .accordion-item .accordion-body .custom-table {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}


/* loader css */

.spinner{
    position: relative;
}
.spinner::before{
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9;
    background-color: rgba(0,0,0,.20);
    display: flex;
    align-items: center;
    justify-content: center;
}
.spinner::after{
    position: absolute;
    content: '';
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: 64px;
    height: 64px;
    border-radius: 50%;
    background: #DB2D2E;
    animation: load-pulse 0.85s infinite linear;
}
@keyframes load-pulse {
    0% {
      transform: scale(0.15);
      opacity: 0;
    }
  
    50% {
      opacity: 1;
    }
  
    100% {
      transform: scale(1);
      opacity: 0;
    }
}

.hidden{
    display: block;
}

.selectedColor{
    background-color: #000;
}

.custom-table {
    overflow-x: auto;
}

/* .vehicleEdit .custom-table tbody tr td{
    max-width: unset;
} */

.quote_checkbox{
    position: absolute;
    top: 10px;
    right: 50px;
    z-index: 5;
}
.quote_checkbox .form-group input[type="checkbox"]{
    position: unset;
}
.cr-edit table tr td {
    vertical-align: top !important;
}
.cr-edit .custom-table tr td:nth-child(2), .cr-edit .custom-table tr th:nth-child(2){
    max-width: fit-content;
}
.eqs-sale-tbl tr th{
    white-space: normal;
    max-width: none;
}
.multipal_sec:not(.silgle_box) .multipal_box .add-task{
    position: relative;
}
.mam-tbl{
    min-height: 200px;
}
#updateProfile .multipal_box,
#user-add .multipal_box{
    border: unset;
    padding: 0 12px;
}
.modalView-tbl .custom-table{
    min-height: 150px;
}
.datepicker table tr td.today, 
.datepicker table tr td.today.disabled, 
.datepicker table tr td.today.disabled:hover, 
.datepicker table tr td.today:hover,
.datepicker table tr td.active,
.datepicker table tr td.active:hover{
    background-color: #DB2D2E !important;
    background-image: unset;
    color: white;
}
.datepicker table tr td.today:hover:hover {
    color: #fff;
}
.cs-profile-flex{
    cursor: pointer;
}
.input-group.custom-file-button{
    display: grid;
    grid-template-columns: repeat(2, 1fr);
}
.input-group.custom-file-button>label:not(:first-of-type){
    grid-column: 1 / -1;
}
#for_client_reff select.form-control + span{
    margin-top: 0;
}
.dtfc-fixed-left, 
.dtfc-fixed-right{
    z-index: 2;
}
/* table tr:hover {
    background: transparent;
} */
.avatar img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.sbs-area .price_flex input + select.form-control{
    width: -webkit-fill-available;
}
.enduser-report .custom-table tbody tr td{
    max-width: unset;
}
.option_data-inner{
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 12px;
}
.vehicle-view-noteFix .custom-table tbody tr td{
    max-width: unset;
    white-space: normal;
}
.tbl-firstChild.custom-table table tr th:first-child {
    max-width: 100px;
    white-space: break-spaces;
}
.prt-bg .card-header,
.prt-bg .accordion-body{
    background-color: floralwhite !important;
}
.custom-accordion .prt-bg .accordion-button:not(.collapsed)::after{
    background: unset;
}
.custom-file-button.input-group:not(.has-validation)> :not(:last-child):not(.dropdown-toggle):not(.dropdown-menu){
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
}
.custom-file-button.input-group> :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback){
    border-top-right-radius: 0.375rem !important;
    border-bottom-right-radius: 0.375rem !important;
}

.daily-dashboard__table .custom-table.report_table thead tr th, 
.daily-dashboard__table .custom-table.report_table tr td{
    text-align: center;
}
.daily-dashboard__table .custom-table.report_table tr td:nth-child(2){
    white-space: normal;
}
.daily-dashboard__table .custom-table tbody tr td, 
.daily-dashboard__table .custom-table tr td:nth-child(2),
.daily-dashboard__table .custom-table tr th:nth-child(2){
    white-space: normal;
    max-width: fit-content;
}
.daily-dashboard__table .custom-table.report_table tr td:last-child{
    white-space: normal;
    max-width: 200px;
    overflow: unset;
    text-align: start;
}
.daily-dashboard__table.table td,.daily-dashboard__table .table th{
    white-space: normal;
}
/* .daily-dashboard__table .custom-table.report_table thead tr th{
    min-width: 90px;
} */
.deal-info__link{
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.filter-area__inner{
    position: unset;
    transform: unset;
    padding: unset;
    max-height: unset;
    min-height: unset;
    border-radius: unset;
    overflow: unset;
}
.filter_mobile.filter-area__inner button{
    margin-right: unset;
    margin-bottom: unset;
    padding: 8px 24px 8px;
}
.filter_mobile.filter-area__inner button.theme-btn{
    color: var(--main-white, #FFF);
    background: var(--main-main-orange, #DB2D2E);
}
.pr-btn__box{
    width: auto !important;
    flex-shrink: 0;
}
#pleaseWait{
    text-align: center;
}
.status-tag{
    text-transform: capitalize;
}
.button-group{
    display: flex;
    align-items: center;
    gap: 10px;
}
.select2-container{
    width: 100% !important;
    margin-top: 0 !important;
}
.bgtableRow,.footableROW{
    background-color: #e8e8e9 !important;
}
.ag-theme-balham .ag-root-wrapper{
    border: unset !important;
}
.ag-body-viewport.ag-layout-normal::-webkit-scrollbar{
    width: 6px;
    height: 6px;
    border-radius: 3px;
}
.ag-body-viewport.ag-layout-normal::-webkit-scrollbar-thumb{
    border-radius: 3px;
    background: #C2C5D6;
}
.ag-body-viewport.ag-layout-normal::-webkit-scrollbar-track{
    background: #E3E6EF;
    border-radius: 3px;
}
.ag-theme-balham .ag-header{
    background-color: oldlace !important;
    border-bottom: 1px solid rgb(241 242 246) !important;
}
.ag-theme-balham .ag-header-row{
    color: #9396a1 !important;
}
.ag-header-cell-text{
    font-size: 12px !important;
}
.ag-theme-balham .ag-row{
    border-bottom: 1px solid #F1F2F6 !important;
}
.ag-theme-balham .ag-ltr .ag-cell{
    text-align: center !important;
}
.ag-header-cell-label .ag-header-cell-text{
    width: auto !important;
}
.ag-theme-balham .ag-row-odd{
    background-color: transparent !important;
}
.ag-theme-balham{
    font-family: inherit !important;
}
.sq-table .sq-usdCad{
    display: flex;
}
.sq-table .sq-usdCad strong{
    width: 50%;
}
.input-group.custom-file-button label,.input-group.custom-file-button input{
    width: 100%;
}
.ag-header-cell-label .ag-header-icon.ag-header-label-icon.ag-filter-icon{
    display: none;
}

/* 31-07-24 */
.rm-tab{
    width: 100%;
}

.management-tbl tbody tr td{
    white-space: normal !important;
}
.management-tbl thead .footableROW .footable-last-column{
    text-align: start !important;
}

/* 09-09-24 */
.sorry-box{
    display: flex;
    align-items: center;
    flex-direction: column;
}
.sorry-box img{
    width: 200px;
}