[data-toggle="collapse"][data-target="#search_toggle"][aria-expanded="false"]>.fi-minus:before{content:'\e97e'}

.swiper-container {margin-left: auto;margin-right: auto;position: relative;overflow: hidden;list-style: none;padding: 0;z-index: 1;}

.CodeMirror{border:1px solid #ced4da;}

.name-str span{display: block;max-width: 175px;overflow: hidden;text-overflow: ellipsis;text-align: right;}

.nav-theme.nav-pills{}
.nav-theme.nav-pills .nav-item .nav-link{padding: 10px 20px;font-weight: 400;font-size: 16px;line-height: 24px;border-radius: 8px;color: #939698;}
.nav-theme.nav-pills .nav-item .nav-link.active{background: #191B1D;color:#fff;}
@keyframes blink {
    0% { opacity: 1; }
    50% { opacity: 0; }
    100% { opacity: 1; }
}
.blink-text {
    animation: blink 1s step-start infinite;
}


/* Start : veicoli */
.filter_all_wrap{border-bottom: 1px solid #F0F2F5;}
.filter_all_wrap .card-body ul{margin: 0;padding: 0;list-style: none;display: flex;flex-wrap: wrap;}
.filter_all_wrap .card-body ul li{flex:0 0 calc(100%/5);max-width: calc(100%/5);}

.accessories_all_wrap .panel-body ul{margin: 0;padding: 0;list-style: none;display: flex;flex-wrap: wrap;}
.accessories_all_wrap .panel-body ul li{flex:0 0 calc(100%/5);max-width: calc(100%/5);}

.table-compact thead:not(.thead-control){background-color: #f5f6f8;}
.table-compact thead.thead-control{border: 0;}
.table-compact thead.thead-control th{border: 0;padding: 0 2px 4px 2px;}
.table-compact tbody tr td{font-weight: 400;font-size: 14px;line-height: 1.2;color:#191B1D;}
.table-compact tbody tr th.bg-color{background-color: #f5f6f8;}
.table-compact tbody tr th,
.table-compact tbody tr td,
.table-compact thead tr th,
.table-compact tfoot tr th,
.table-compact tfoot tr td{padding:6px;}
.table-compact thead tr th{border-bottom-width: 0px !important;font-weight: 500;letter-spacing: 0.4px; font-size: 13px}
.table-compact tfoot tr th{font-weight: 500;letter-spacing: 0.2px; font-size: 13px}
.table-compact tfoot tr td,
.table-compact tbody tr th,
.table-compact tbody tr td{font-size: 12px;vertical-align: middle}
.table-compact thead tr th .form-control-sm{padding: 4px 6px;font-size: 13px;box-shadow: none}
.table-compact thead tr th .form-control,
.table-compact thead tr th .form-control-sm::placeholder{font-size: 10px;}
.table-compact tbody tr td .tbl-circle{height: 16px;width: 16px;background-color: rgb(255, 87, 34);border-radius: 100%;display: block;margin: 0 auto;}
.table-compact tbody tr td .tbl-ism-circle{height: 12px;width: 12px;background-color: rgb(255, 87, 34);border-radius: 100%;display: inline-block;vertical-align: middle;margin: 0 auto;}
.table-compact tbody tr td.details-badge{}
.table-compact tbody tr td.details-badge .badge{margin-top: 3px;font-weight: 500;letter-spacing: 0.5px;}
.table-compact tbody tr td span.super-text-truncate,
.table-compact tbody tr td.super-text-truncate span{min-width: 70px;max-width: 150px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;display: inline-block;}

.table.table-no-border{border:0px;}
.table.table-no-border tbody tr th:first-child,
.table.table-no-border tbody tr td:first-child,
.table.table-no-border thead:not(.thead-control) tr td:first-child,
.table.table-no-border thead:not(.thead-control) tr th:first-child{border-left: 1px solid #dee2e6}
.table.table-no-border tbody tr:last-child th,
.table.table-no-border tbody tr:last-child td{border-bottom: 1px solid #dee2e6}
/* End : veicoli */

/* Start : table scroll,first column and on scroll sticky  */
.sticky-things-wrap .tbl-scroll .sticky-column{position: sticky;z-index: 1;left: 0;background-color: #fff;}
.sticky-things-wrap .tbl-scroll thead:not(.thead-control) .sticky-column{background-color: #f5f6f8;}

.sticky-things-wrap.sticky-active .card-header{position: sticky;z-index: 9;top: var(--top-nav-height,61px);}
.sticky-things-wrap.sticky-active .doubleScroll-scroll-wrapper{position: sticky;top: var(--top-card-head-h,110px);z-index: 9;background-color: #fff;height: auto !important;}
.sticky-things-wrap.sticky-active .doubleScroll-scroll-wrapper>.doubleScroll-scroll{height: 2px !important;}
.sticky-things-wrap.sticky-active .generate-fixed-header{display: block;top: var(--top-card-head-h);}
.sticky-things-wrap.sticky-active .doubleScroll-scroll-wrapper{border-bottom: 1px solid #dee2e6;}

.generate-fixed-header{display: none;}
.generate-fixed-header>table.dataTable:not(.table-theme){margin: 0 !important;border-bottom: 1px solid #dee2e6 !important;}
.generate-fixed-header>.table th{-webkit-box-sizing: border-box;box-sizing: border-box;}


/* End : table scroll,first column and on scroll sticky  */

/* Start : Pipline boxes */
.pipeline-sm-box.contracts-wrap.phase-sticky{position: sticky;top: var(--top-phase-h);z-index: 9;background: #F6F9FB;}

.pipeline-sm-box.contracts-wrap{margin-bottom: 15px;}
.pipeline-sm-box.contracts-wrap .small-box{margin: 0;height: 100%;border-width: 2px;}
.pipeline-sm-box.contracts-wrap .small-box.info-pipeline-box .small-box-head .icon{background-color:var(--info);}
.pipeline-sm-box.contracts-wrap .small-box.info-pipeline-box .small-box-head .icon i{color:#fff;}
.pipeline-sm-box.contracts-wrap .small-box.info-pipeline-box:hover,
.pipeline-sm-box.contracts-wrap .small-box.info-pipeline-box.active{border-color:var(--info);background-color:#d4e8f7;}

.pipeline-sm-box.contracts-wrap .small-box.purple-pipeline-box .small-box-head .icon{background-color:#a76edf;}
.pipeline-sm-box.contracts-wrap .small-box.purple-pipeline-box .small-box-head .icon i{color:#fff;}
.pipeline-sm-box.contracts-wrap .small-box.purple-pipeline-box:hover,
.pipeline-sm-box.contracts-wrap .small-box.purple-pipeline-box.active{border-color:#a76edf;background-color:#efdcfb;}

.pipeline-sm-box.contracts-wrap .small-box.success-pipeline-box .small-box-head .icon{background-color:#6699ff;}
.pipeline-sm-box.contracts-wrap .small-box.success-pipeline-box .small-box-head .icon i{color:#fff;}
.pipeline-sm-box.contracts-wrap .small-box.success-pipeline-box:hover,
.pipeline-sm-box.contracts-wrap .small-box.success-pipeline-box.active{border-color:#6699ff;background-color:#dce8f9;}

.pipeline-sm-box.contracts-wrap .small-box .small-box-head .icon{font-size: 30px;height: 40px;width: 40px;border-radius: 5px;background-color: #fff;transition: all 0.3s ease-in-out;}
.pipeline-sm-box.contracts-wrap .small-box .small-box-head .icon i{transition: all 0.3s ease-in-out;}
.pipeline-sm-box.contracts-wrap .small-box .inner p{font-size: 14px;font-weight: 500;}
.pipeline-sm-box.contracts-wrap .small-box .small-box-head h3{font-size: 32px;}
.pipeline-sm-box.contracts-wrap .small-box .small-box-head h3 span{font-variant-numeric: tabular-nums;transition: transform 0.3s ease-in-out;}

@media screen and (max-width: 480px) {
    .pipeline-sm-box.contracts-wrap{gap: 10px;}
    .pipeline-sm-box.contracts-wrap .col{flex: 0 0 100%;max-width: 100%;}
}
/* End : Pipline boxes */


/* Start : car detail */
.car-details-wrap .content-header{margin-bottom: 15px;}
.car-details-wrap .content-header h1{margin-bottom: 0}
.car-details-wrap .content-header .badge-wrap{margin-left: 10px;}
.car-details-wrap .content-header .badge-wrap .badge{font-weight: 500;font-size: 11px;letter-spacing: 0.4px;padding: 4px 6px;}
.car-details-wrap .content-header .content-header-tools .content-header-stat{line-height: 1.3;font-size: 12px;border: 1px solid #000;border-radius: 3px;display: inline-block;margin-right: 5px;margin-left: 2px;}
.car-details-wrap .content-header .content-header-tools .content-header-stat .lab{padding: 5px;padding-right: 8px;padding-left: 7px;background-color: #000;color: #fff;display: inline-block;}
.car-details-wrap .content-header .content-header-tools .content-header-stat .val{padding: 5px;padding-right: 8px;display: inline-block;}

.card-media{margin-bottom: 12px;position: relative;}
.card-media .empty-logo{height: 140px;object-fit: contain;object-position: center;}
.card-media .car-badge{position: absolute;top:10px;border-radius: 4px 0 0 4px; right: 0;padding: 5px; background-color: rgba(0,0,0,.5); font-weight: 500; line-height: 1;letter-spacing: 0.4px;font-size: 11px;text-transform: uppercase;color: #fff;}
.card-media .card-body{padding: 10px;}
.card-media .card-body .card-text{font-size: 12px;margin: 0;font-weight: 600;}
.card-media .card-body .card-pag-col{font-size: 12px;; display: flex;align-items: center;justify-content: space-between;margin-top: 4px;}
.card-media .card-body .card-pag-col .crd-title:first-child{width: 60%;font-weight: normal}
.card-media .card-body .card-pag-col .crd-title{width: 40%;font-weight: normal}
.card-media .card-body .card-pag{margin: 6px 0;display: flex;align-items: flex-start;justify-content: flex-start;}
.card-media .card-body .card-pag .crd-title{font-size: 12px;font-weight: 600;width: 85px;line-height: 1.2;}
.card-media .card-body .card-pag .crd-desc{font-size: 12px;flex: 1;line-height: 1.2;}
.card-media .card-body .card-subtitle{margin-top: 10px;}
.card-media .card-body hr{margin-top: 6px;margin-bottom: 6px;border-color: #dee2e6;}
.card-media .card-body .card-title{font-size: 15px;margin-bottom: 6px;font-weight: 600;}
.card-media .card-body .card-title span{font-size: 11px;margin-left: 5px;}
.card-media .card-text{margin-bottom: 4px;font-size: 11px;line-height: 1.2;}
.card-media .card-text .badge{font-weight: 500;letter-spacing: 0.4px;font-size: 10px;}
.card-media .card-text:last-child{margin-bottom: 0;}
.card-media .card-footer{background-color: rgba(0,0,0,.01);padding: 10px;}
.card-media .card-footer .card-text b{font-size: 12px;font-weight: 600;}

.car-detail-tab .nav.cdt_nav{border-bottom: 0;}
.car-detail-tab .nav.cdt_nav .nav-link{color:#191B1D;letter-spacing: 0.4px;position: relative;font-size: 15px;}
.car-detail-tab .nav.cdt_nav .nav-item.show .nav-link{color:#007bff;}
.car-detail-tab .nav.cdt_nav .nav-link.active{color:#191B1D;font-weight: 600;}
.car-detail-tab .nav.cdt_nav .nav-link.active:after{content: "";position: absolute;background-color: #fff;height: 2px;left: 0;right: 0;z-index: 0;bottom: -3px;}
.car-detail-tab .nav.cdt_nav .dropdown .dropdown-menu a{font-size: 14px;}
.car-detail-tab .foot-buttons{margin-top: 50px;}

.car-detail-tab .nav.cdt_nav .nav-item[data-tab-color]:not(:first-child){margin-left: 4px;}
.car-detail-tab .nav.cdt_nav .nav-item[data-tab-color] .nav-link{border-color: var(--tab-color) var(--tab-color) transparent;}
.car-detail-tab .nav.cdt_nav .nav-item .nav-link{border-top-width: 3px;}
.car-detail-tab .card-body{border:1px solid var(--tab-color,#dee2e6);}

.subtab-area{}
.subtab-area .nav{}
.subtab-area .nav-item{margin-right:5px;}
.subtab-area .nav-link{padding: 6px 12px;font-weight: 500;font-size: 12px;letter-spacing: 0.4px;line-height: 17px;border-radius: 4px;background-color: #E7E9EC;color: #393B3D;}
.subtab-area .nav-link.active{background-color: #007BFF;color: #fff;}
.subtab-area .tab-content{padding-top: 15px;}

.panel-area-ul{}
.panel-area-ul ul{margin: 0;padding: 0;list-style: none;display: flex;align-items:stretch;flex-wrap: wrap;}
.panel-area-ul ul li{border-top:1px solid rgba(83,101,140,0.08);border-left:1px solid rgba(83,101,140,0.08);flex:0 0 calc(100%/5);max-width: calc(100%/5);padding: 5px 12px;}
.panel-area-ul ul li:nth-child(5n){border-right:1px solid rgba(83,101,140,0.08);}
.panel-area-ul ul li:last-child{border-bottom:1px solid rgba(83,101,140,0.08);border-right:1px solid rgba(83,101,140,0.08);}
.panel-area-ul ul li:nth-last-child(-n+5){border-bottom:1px solid rgba(83,101,140,0.08);}
.panel-area-ul .panel-details-title{font-weight: 600;}
.panel-area-ul .panel-details-content{font-size: 13px;}
.panel-area-ul .panel-details-content b,
.panel-area-ul .panel-details-content strong{font-weight: 500;}
.subtab-area .panel-tool .collapse_togl_i[aria-expanded="true"] i:before{content: '\e97a'}

.tbl-price-list{border-color: rgba(83,101,140,0.33);}
.tbl-price-list tbody td,
.tbl-price-list thead th,
.tbl-price-list th,
.tbl-price-list td{border-color: rgba(83,101,140,0.33);}
.tbl-price-list thead.main-thead{background-color: #dae2eb;color:#3E4B5B;}
.tbl-price-list thead.main-thead th{font-weight: 600;}
.tbl-price-list thead.sub-thead{background-color: #eef1f3;color:#3E4B5B;}
.tbl-price-list thead.sub-thead th{font-weight: 600;}

.tbl-price-list .text-success{color:#24b314 !important;}

.table-price-list-hide.active thead tr th:nth-child(n+3):not(:nth-last-child(2)) {display: none;}
.table.tbl-price-list.table-column-hide-3 tbody td:nth-child(3),
.table.tbl-price-list.table-column-hide-3 thead th:nth-child(3){display: none;}
.table.tbl-price-list.table-column-hide-4 tbody td:nth-child(4),
.table.tbl-price-list.table-column-hide-4 thead th:nth-child(4){display: none;}
.table.tbl-price-list.table-column-hide-5 tbody td:nth-child(5),
.table.tbl-price-list.table-column-hide-5 thead th:nth-child(5){display: none;}

.car-report-photo-item {display: flex;align-items: stretch;flex-wrap: wrap;flex-direction: row;margin: 0px;padding: 8px 12px;}
.car-report-photo-item figure{max-width: calc(100%/3 - 8px);flex: 0 0 calc(100%/3 - 8px);list-style: none;margin-right: 8px;margin-bottom: 8px;position: relative;border: 1px solid #ddd;border-radius: 4px;overflow: hidden;}
.car-report-photo-item figure a:not(.iuw_delete){display: block;height: 240px;max-width:100%;position: relative;transition:all 0.2s ease-in-out;}
.car-report-photo-item figure a:not(.iuw_delete):before{content: "";position: absolute;top:100%;left: 0;right: 0;bottom: 0;background-color: rgba(0,0,0,0.4);transition:all 0.2s ease-in-out;}
.car-report-photo-item figure a:not(.iuw_delete):after{content: "\e911";position: absolute;top:110%;left: 50%;transform: translate(-50%,-50%);font-family: 'fleet-ui-icon';color: #fff;font-size: 16px;transition:all 0.2s ease-in-out;}
.car-report-photo-item figure a:not(.iuw_delete):hover:before{top: 0;}
.car-report-photo-item figure a:not(.iuw_delete):hover:after{top: 50%;font-size: 24px;}
.car-report-photo-item figure img{height: 100%;width: 100%;display:block;object-position: center;object-fit: cover;}
.car-report-photo-item figure figcaption{margin: 0;height: 26px;border-top: 1px solid #ddd;display: block;padding: 4px 8px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;position: relative;width: 100%;box-sizing: border-box;font-size: 12px;line-height: 1.4;}
.car-report-photo-item figure .iuw_delete{position: absolute;top: 4px;right: 4px;height: 28px;width: 28px;z-index: 2;color: #f00;display: flex;align-items: center;justify-content: center;font-size: 14px;text-decoration: none;border-radius: 4px;border: 0;transition: all 0.2s ease-in-out;background-color: #fff;}
.car-report-photo-item figure .iuw_delete:hover{border-radius: 6px;background-color: #edebeb;}
/*.car-bodyinfo .car-report-photo-item figure{max-width: 100%;flex: 0 0 100%;margin: 0 0 10px 0;}*/

.form-group a.value_withdrawal_show{text-decoration: none;font-weight: bold;font-size: 15px;line-height: 15px;height: 15px;display: inline-flex;align-items: center;justify-content: center;width: 15px;position: relative;top: 2px;margin-left: 2px;}

.card-promo{}
.card-promo .card-body{padding: 10px;}
.card-promo .card-body .card-title{font-size: 12px;margin: 0 0 2px 0;font-weight: 600}
.card-promo .card-body .card-subtitle{font-size: 12px;margin: 0;font-weight: normal}

.desc-eye-block p a[aria-expanded="true"] i:before{content: '\e96d';}
/* End : car detail */


/* Start : car SVG */
.min_carbodyinfo {display: flex;align-items: stretch;flex-direction: column;}
.min_carbodyinfo .car-bodyinfo {flex: 0 0 100%;max-width: 100%;}
.min_carbodyinfo .car-bodyinfo .title_svg_wrap {background-color: #545454;font-size: 14px;line-height: 1.4; font-weight: 500;color: #fff;padding: 6px 8px;letter-spacing: 0.4px;}
.min_carbodyinfo .car-bodyinfo .carsvg_box {padding: 10px 0;height: auto;}
.min_carbodyinfo .car-bodyinfo .carsvg_box svg {display: block;max-height: 240px;margin: 0 auto;}

.min_carbodyinfo .car-bodyinfo .carsvg_box svg{height:100%;width:100%;display: block;}
.carbodysvg .carsvg_box svg{height:100%;width:100%;display: block;}
.carbodysvg .carsvg_box{position: relative;height: 240px;display: flex;align-items: center;justify-content: center;box-sizing: border-box;}

.sf_trans{fill:rgba(0,0,0,0);stroke:rgba(0,0,0,0);stroke-width:0.5;stroke-miterlimit:10;cursor: pointer; transition: all 0.2s;}
.sf_trans.active{fill:#E83838;stroke:#424242;stroke-width:0.5;stroke-miterlimit:10;}
.sf_trans.fill_silver.active{fill:#C0C0C0;stroke:#424242;stroke-width:0.5;stroke-miterlimit:10;}
.sf_trans.sf_yellow.active{fill:#eabe1a;stroke:#424242;stroke-width:0.5;stroke-miterlimit:10;}

.min_carbodyinfo .cust_chk input{height: 0px;width:0px;position: absolute;margin:0px;}
.min_carbodyinfo .cust_chk label{padding-left:30px;font-size: 16px;position: relative;cursor: pointer;user-select: none;z-index: 1;}
.min_carbodyinfo .cust_chk label:before{content: "";height: 22px;width: 22px;position: absolute;left: 0;border: 2px solid #333333;border-radius: 4px;transition: all 0.2s ease-in-out;}
.min_carbodyinfo .cust_chk label:after{content: "";height: 0px;width:0px;border-left: 3px solid #333;border-bottom: 3px solid #333;position: absolute;left:4px;transform: rotate(-45deg);top:6px;opacity: 0;transition: all 0.2s ease-in-out;}

.csvg_option{padding:0px;}
.csvg_option .csvg_items{border:1px solid #dee2e6;margin-bottom: 20px;background-color: #fff;}
.csvg_option .csvg_items.hide{border:1px solid #dee2e6;margin-bottom: 20px;background-color: #fff;display: none;}
.csvg_option .csvg_items .icsvg_header{padding: 8px 12px;border-bottom: 1px solid #dee2e6;background-color: #fafafa;}
.csvg_option .csvg_items .icsvg_body{padding: 8px 12px;}
.csvg_option .csvg_items .icsvg_body ul{margin:0px;padding: 0px;display: flex;align-items: flex-start;list-style: none;flex-wrap: wrap;}
.csvg_option .csvg_items .icsvg_body ul li{position: relative;margin-bottom:5px;margin-right:5px; }
.csvg_option .csvg_items .icsvg_body.cust_chk ul li label{padding-left: 22px;font-size: 13px;display: block;line-height: 18px;word-break: break-word;}
.csvg_option .csvg_items .icsvg_body.cust_chk ul li label:before{height:18px;width:18px;border-width: 1px;}
.csvg_option .csvg_items .icsvg_body.cust_chk ul li label:after{border-left-width: 2px;border-bottom-width:2px;top: 4px;left: 3px; }
.csvg_option .csvg_items .icsvg_body.cust_chk ul li input:checked + label:after {height: 7px;width: 12px;opacity: 1;}


.min_carbodyinfo .car-bodyinfo .icsvg_body.cust_chk ul li label .hour_info{font-size: 10px;display: flex;align-items: center;justify-content: flex-start;}
.min_carbodyinfo .car-bodyinfo .icsvg_body.cust_chk ul li label .hour_info span{margin-left: 4px;}

.fileinputwrap input[type=file]::file-selector-button {border: 1px solid #ced4da;padding:4px 8px;border-radius:4px;transition: 1s;font-size: 12px;line-height: 1;font-weight: 500;}
.fileinputwrap input[type=file].form-control-sm::file-selector-button {padding:3px 8px;font-size: 11px;}

.csvg_option .csvg_items .imgcard_inner{padding: 14px 8px 4px;display: flex;align-items: flex-start;flex-direction: row;flex-wrap: wrap;}
.csvg_option .csvg_items .imgcard_inner .ccpimg{margin: 0 5px 10px;width: calc(33% - 12px);border: 1px solid #DDE5EB;border-radius:4px;overflow: hidden;position: relative;}
.csvg_option .csvg_items .imgcard_inner .ccpimg img{max-width: 100%;margin: 0 auto;display: block;}
.csvg_option .csvg_items .imgcard_inner .ccpimg .iuw_delete{position: absolute;top: 0;right: 0;height: 18px;width: 18px;z-index: 2;color: #f00;}

.csvg_items .file_section{border-top:2px solid #dee2e6;padding:8px;}
.csvg_items .file_section .fileinputwrap{position: relative;}
.csvg_items .file_section .fileinputwrap .form-control{width: calc(100% - 25px);}
.csvg_items .file_section .fileinputwrap .fileinputtrash{color:#f00;height: 22px;width: 22px;display: block;text-align: center;line-height: 22px;position: absolute;top: 50%;right: 0px;font-size: 16px;transform: translateY(-50%);}
.csvg_items .file_section .addfilebutton{text-align: center;}

.custom_radio_list{}
.custom_radio_list ul{margin:0px;padding: 0px;}
.custom_radio_list ul li{display: inline-block;vertical-align: middle;margin-right: 20px;}
.custom_radio_list ul li:last-child{margin-right:0px;}
.custom_radio input{height: 0px;width: 0px;margin:0px;position: absolute;z-index: -1;opacity: 0;}
.custom_radio label{display: block;padding-left: 25px;position: relative;cursor: pointer;min-height: 16px;}
.custom_radio label:before{content: "";height: 16px;width: 16px;border: 2px solid rgb(179, 17, 25);position: absolute;left: 0;top: 2px;border-radius: 100%;}
.custom_radio label:after{content: "";height: 6px;width: 6px;background-color: rgb(179, 17, 25);position: absolute;left: 5px;top: 7px;border-radius: 100%;transform: scale(0);transition: transform 0.2s ease-in-out; }
.custom_radio input:checked + label:after{transform: scale(1);}

.custom_radio_sm input{height: 0px;width: 0px;margin:0px;position: absolute;z-index: -1;opacity: 0;}
.custom_radio_sm label{display: block;padding-left:28px;font-size:14px;position: relative;cursor: pointer;min-height:20px;}
.custom_radio_sm label:before{content: "";height: 20px;width: 20px;border:2px solid #333333;position: absolute;left: 0;border-radius: 100%;}
.custom_radio_sm label:after{content: "";height: 8px;width: 8px;background-color: #b31119;position: absolute;left: 6px;top: 6px;border-radius: 100%;transform: scale(0);transition: transform 0.2s ease-in-out; }
.custom_radio_sm input:checked + label:after{transform: scale(1);}
.custom_radio_sm input:checked + label:before{border-color: #b31119;}

/* End : car SVG */


/* Start : contracts */
.contracts-wrap .small-box{display: block;position: relative; background: #fff;box-shadow:none;transition: all 0.2s ease-in-out;border-radius: 8px;border:1px solid #F0F2F5;padding:15px;margin-bottom: 10px;text-decoration: none;}
.contracts-wrap .small-box:hover{box-shadow: 0px 4px 12px -10px rgba(0,0,0,0.4);}
.contracts-wrap .small-box .small-box-head{display: flex;align-items: center;justify-content: space-between;}
.contracts-wrap .small-box .small-box-head .icon{height: 60px;width: 60px;background: #F0F2F5;border-radius: 16px;display: flex;align-items: center;justify-content: center;font-size: 30px;color:#6B6E6F;}
.contracts-wrap .small-box .small-box-head h3{color:#191B1D;margin: 0;font-size: 40px;line-height: 48px;font-weight: 600;}
.contracts-wrap .small-box .inner{margin-top: 16px;}
.contracts-wrap .small-box .inner p{font-size: 15px;line-height: 24px;color:#191B1D;margin: 0;font-weight: 600;}
.contracts-wrap .dwn-button{position: absolute;z-index: 1;left: 65px;top: 24px;}
.contracts-wrap .dwn-button a{display: inline-flex;align-items: center;text-decoration: none;padding: 4px 8px;}
.contracts-wrap .dwn-button a i{display: flex;align-items: center;justify-content: center;}
.contracts-wrap .alert-primary{background-color: rgba(0,123,255,0.08);}
.contracts-wrap .alert-primary ul{margin:8px 0;padding-left: 25px;}
.contracts-wrap .alert-primary ul strong{font-weight: 600;letter-spacing: 0.4px;}

tbody.table-content tr td{vertical-align: top}
tbody.table-content tr td br{content: "";height: 3px;display: block;width: 100%;}
tbody.table-content p{margin-bottom: 7px;}

tbody.table-content tr td .open-popover{cursor: pointer;}
.contracts-popover{}
.contracts-popover .popover-body{padding: 0;}
.contracts-popover .popover-card{border: 0;box-shadow: 0px 0px 10px 10px rgba(0,0,0,0.2);}
.contracts-popover .popover-card .card-body{padding: 10px;}
.contracts-popover .popover-card .card-body table{margin-bottom: 8px;}
.contracts-popover .popover-card .card-body p{margin-bottom: 5px;font-size: 12px;}
.contracts-popover .popover-card .card-body p b{font-weight: 600;}
.contracts-popover .popover-card .card-body p:last-child{margin-bottom: 0;}
.contracts-popover .popover-card .card-header{padding: 10px;font-weight: 600;border-color:#dee2e6;}
.contracts-popover .popover-card .card-header .popover-close{text-decoration: none;position: absolute;height: 16px;width: 16px;color: #191B1D;right: 8px;top: 11px;}
.contracts-popover .popover-card .card-footer{padding: 10px;border-color:#dee2e6;}

/* end :  contracts*/


/* Start :  Customers CRM */
.edit_view_tabs{}
.edit_view_tabs .tab-content{padding: 12px;border:1px solid #dee2e6;border-top:0px;}
.edit_view_tabs .tab-content table{margin-bottom: 0;}

.view_heading{position:relative;margin-bottom: 20px;}
.view_heading ul{margin:0;padding:0;list-style: none;}
.view_heading ul li{margin:0 0 5px 0;display: flex;align-items: center;}
.view_heading ul li:last-child{margin:0;}
.view_heading ul li b{width: 100px;font-weight: 600;}
.view_heading ul li strong{font-weight: 600;}

.card_note_box .card-header .card-title img{height: 20px;width: 20px;border-radius: 4px;}
.card_note_box .card-header .card-tool{font-size: 12px;font-style: italic;}
.card_note_box .collapse .card-body{border-bottom: 1px solid #F0F2F5;}
.card_note_box .card-body p{margin: 0 0 7px 0;}
.card_note_box .card-body p:last-child{margin: 0;}

.chk_list{margin-bottom: 15px;}
.chk_list ul{margin: 0;padding: 0;list-style: none;display: flex;flex-wrap: wrap;}
.chk_list ul li{margin-right: 10px;}
/* end :  Customers CRM */

/* Start :  analytics seller-users  */
.quarterly-step-btns{display: flex;align-items: stretch;border: 1px solid #cdd5e0;border-radius: 6px;overflow: hidden;margin-right: 10px;background-color: #BBBEC0;}
.quarterly-step-btns .btn-quarter{position: relative;display: flex;align-items: center;justify-content: center;padding: 7px 20px 7px 24px;font-size: 13px;font-weight: 500;color: #393B3D;background: #E7E9EC;cursor: pointer;white-space: nowrap;user-select: none;transition: background .15s, color .15s;clip-path: polygon(0 0, calc(100% - 10px) 0, 100% 50%, calc(100% - 10px) 100%, 0 100%, 10px 50%);text-decoration: none;border:0;margin:0px -9px -1px 0;border-radius: 0;}
.quarterly-step-btns .btn-quarter:first-child{padding-left: 16px;clip-path: polygon(0 0, calc(100% - 10px) 0, 100% 50%, calc(100% - 10px) 100%, 0 100%);border-radius: 4px 0 0 4px;}
.quarterly-step-btns .btn-quarter:last-child{clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%, 10px 50%);border-right: none;border-radius: 0 4px 4px 0;}
.quarterly-step-btns .btn-outline-primary:not(:disabled):not(.disabled):active{background-color: #E7E9EC;border: 0;color:#393B3D}
/* End :    analytics seller-users  */


/* Start :   common popup UI*/
.company-directory-list{margin: 0;padding: 0;list-style: none;display: flex;flex-wrap: wrap;}
.company-directory-list li{flex:0 0 calc(100%/5);max-width: calc(100%/5);padding:0 5px;font-size: 12px;}
.ab-list-ul li{flex:0 0 calc(100%/6);max-width: calc(100%/6);padding:0;font-size: 12px;}
.ab-list-ul li .ab-names{padding: 0 8px 0 0;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.collapse-tool[aria-expanded="true"]>i.fi-down_arrow:before{content: "\e97a";}
/* end :   common popup UI*/


/* Start : agenda */
.agenda-view{}
.agenda-view li{font-size: 12px;padding-left: 16px;position: relative;}
.agenda-view li i{height: 7px;width: 7px;position: absolute;left: 0;top:4px;}
/* End : agenda */


/* Start : Locations */
.location-panels .panel{margin-bottom: 15px;}
.location-panels .panel .panel-header{padding: 8px 12px;}
.location-panels .panel .panel-header .panel-title i{font-weight: normal;font-size: 90%;}
.location-panels .panel .panel-header .panel-tool a{display: inline-flex;align-items: center;justify-content: flex-start;padding: 4px 8px;}
.location-panels .panel .panel-header .panel-tool a i{display: inline-flex;align-items: center;justify-content: center;margin-right: 5px;}
.location-panels .panel .panel-body .badge{font-size: 12px;font-weight: 500;}
.location-panels .panel .panel-body code{background-color: #f7f7f9;padding: 2px 6px;border-radius: 4px;margin-bottom: 5px;display: inline-block;}
/* End : Locations */


/* Start : Dashboard */
.user_crd .card{height: 100%;}
.user_crd .card .card-header{text-align: center;}
.user_crd .card .card-header .card-title .user-offline{background-color: #d9534f;height: 12px;width: 12px;border-radius: 100%;display: inline-block;margin-left: 4px;position: relative;top: 1px;}
.user_crd .card .card-body .user-number{text-align: center;font-size:40px;line-height: 1;margin: 0 0 10px;font-weight: 300;color:#373a3c;}
.user_crd .card .card-body{padding: 12px 8px 5px;}
.user_crd .card .card-body marquee{line-height: 1;}

#collapse_user_offline ul{margin: 0;display: inline-flex;flex-wrap: wrap;list-style: none;}
#collapse_user_offline ul li{position: relative;padding-right: 15px;font-size: 12px;color:#373a3c;}
#collapse_user_offline ul li:after{content: "";height: 4px;width: 4px;border-radius: 100%;background-color: #373a3c;position: absolute;right: 5px;top: 7px;}
#collapse_user_offline ul li:last-child:after{display: none;}

.user_list_card{}
.user_list_card .card-body ul{margin:0;padding: 0;list-style: none;}
.user_list_card .card-body ul li{display: flex;align-items: center;justify-content: space-between;margin-bottom: 5px;padding-bottom: 5px;border-bottom: 1px solid #eceeef;}
.user_list_card .card-body ul li:last-child{margin-bottom: 0px;padding-bottom:0;border-bottom:0px;}
.user_list_card .card-body ul li .user_avtar_name{display: flex;align-items: center;font-size: 12px;font-weight: 500;}
.user_list_card .card-body ul li .user_avtar_name img{width: 20px;border-radius: 3px;display: block;margin-right: 5px;height: 20px;object-fit: contain;}
.user_list_card .card-body ul li span{margin-left: auto;}

.user-profilebox{height: 45px;width: 75px;display: flex;align-items: center;justify-content: center;}
.user-profilebox .userlist-avtar{height:100%;width: 100%;object-fit: contain;}
.user-profilebox .userlist-avtar.lazy_loading:not(.lazy_loaded){height:20px;width: 20px;object-fit: contain;object-position: center;}

.card_quotes{}
.card_quotes ul{list-style: none;margin: 0;padding: 0;width:100%;display:inline-flex;align-items:center;justify-content: center;}
.card_quotes ul li{flex:0 0 calc(100%/4);max-width: calc(100%/4);display: flex;align-items: flex-end;justify-content: center;color:#373a3c;}
.card_quotes ul li i{line-height: 1;font-size: 17px;}
.card_quotes ul li span{line-height: 0.7;font-size: 40px;font-weight: 300;}

.photo_gallery_list ul{list-style: none;margin: 0;padding: 0;display: flex;flex-wrap: wrap;}
.photo_gallery_list ul li{cursor: pointer;flex:0 0 calc(100%/2 - 5px);max-width: calc(100%/2 - 5px);margin-right: 10px;border-radius: 4px;overflow: hidden;margin-bottom:10px; height: 200px;border: 1px solid #dee2e6;position: relative;}
.photo_gallery_list ul li:nth-child(2n){margin-right: 0px;}
.photo_gallery_list ul li img{height: 100%;width: 100%;object-fit: cover;object-position: top center;}
.photo_gallery_list ul li .img-foot{background: linear-gradient(180deg,transparent 0,rgba(0,0,0,.85) 50%);position: absolute;bottom: 0;left: 0;width: 100%;padding: 10px;color: #fff;font-size: 12px;line-height: 1.2;}
.photo_gallery_list ul.video_list li:after{content: "\e93e";font-family: 'fleet-ui-icon';position: absolute;top: 50%;left: 50%;font-size: 26px;z-index: 1;color: #fff;line-height: 1;transform: translate(-50%, -50%);}

.fb-card{margin-bottom: 12px;position: relative;}
.fb-card .card-header{display: flex;align-items: center;justify-content: flex-start;padding: 10px 16px;border-bottom: 0;border-radius: 3px;}
.fb-card .card-header .card-avtar{height: 36px;width: 36px;border-radius: 4px;overflow: hidden;}
.fb-card .card-header .card-avtar img{height: 100%;width: 100%;object-fit: cover;}
.fb-card .card-header .card-username{flex:1;max-width: 100%;padding:0 10px;}
.fb-card .card-header .card-username span{cursor: pointer;}
.fb-card .card-header .card-username .card-user{font-weight: 600;font-size: 14px;line-height: 1.3;}
.fb-card .card-header .card-username .card-date{font-size: 12px;line-height: 1.2;margin-top: 3px;font-weight: 500;color:#6c757d;}
.fb-card .card-header .card-username .card-info-edit{}
.fb-card .card-header .card-info-edit a[aria-expanded="true"] i:before{content: "\e97a";}
.fb-card .card-body p{font-weight: 400;font-size: 12px;line-height: 16.56px;letter-spacing: 0.14px;margin:0 0 4px 0;}
.fb-card .fb_crd_extra{margin-top: 10px;}
.fb-card .fb_crd_extra .h6-text{font-weight: 600;}
.fb-card .fb_crd_extra .list-unstyled{margin: 0;display: flex;align-items: stretch;justify-content: flex-start;flex-wrap: wrap;gap: 10px;}
.fb-card .fb_crd_extra .list-unstyled li{margin: 0;flex:0 0 calc(100%/4 - 8px);max-width:calc(100%/4 - 8px);}
.fb-card .fb_crd_extra .list-unstyled li a{font-size: 12px;font-weight: 500;line-height: 16.56px;letter-spacing: 0.14px;color: #1b1e21;display: block;padding: 5px 10px;border-radius: 4px;border: 1px solid #ddd;text-decoration: none;transition: all 0.2s ease;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.fb-card .fb_crd_extra .list-unstyled li a:hover{background: #e3e3e3;}
.fb-card .fb_crd_extra .list-unstyled li:last-child{margin: 0;}
.fb-card .fb_photo_crd{border: 1px solid #dee2e6;position: relative;border-radius: 4px;overflow: hidden;}
.fb-card .fb_photo_crd .img-foot{background: linear-gradient(180deg,transparent 0,rgba(0,0,0,.85) 50%);position: absolute;bottom: 0;left: 0;width: 100%;padding:40px 24px;color: #fff;font-size:32px;line-height: 1.2;}
.fb-card .fb_photo_crd img{height: 100%;width: 100%;object-fit: cover;object-position: top center;}

.archivio_list .card-body .h5-text{font-weight: 600;font-size: 14px;}
.archivio_list .card-body ul{display: flex;align-items: flex-start;justify-content: flex-start;margin: 0;padding: 0;list-style: none;flex-wrap: wrap;}
.archivio_list .card-body ul li{flex:0 0 calc(100%/3);max-width: calc(100%/3);padding-right: 15px;margin-bottom: 5px;}
.archivio_list .card-body ul li a{text-decoration: none;display: flex;align-items: center;justify-content: space-between;}
.archivio_list .card-body ul li a:hover .month_name{text-decoration: underline}
.archivio_list .card-body ul li a .month_name{font-size: 12px;letter-spacing: 0.2px;line-height: 1.2;color:#1b1e21;}
.archivio_list .card-body ul li a .badge{font-size: 12px;letter-spacing: 0.2px;line-height: 1.2;font-weight: 500;}
.archivio_list .card-body ul li:nth-child(3n){padding-right: 0px;}

.first-img{max-height: 15vw;}
.first-img img{max-height: 15vw;}
.primary-img-wrap{height: 25.436vw;background-color: #f9f9f9;}
.primary-img-wrap img,
.first-img img{height: 100%;margin: 0 auto;display: block;width: 100%;object-fit: contain;object-position: center;}
.photo-gallery-wrap{display: flex;align-items: stretch;justify-content: flex-start;position: relative;flex-wrap:wrap;gap: 12px;}
.photo-gallery-wrap a{flex:0 0 calc(100%/5 - 10px);max-width: calc(100%/5 - 10px);}
.photo-gallery-wrap a img{height: 100px;width: 100%;object-fit: contain;object-position: center;}

.parallel-img-space{overflow-y: auto;}

.square-wrap{}
.square-wrap .square{cursor: pointer;border-radius: 8px;border: 1px solid #dee2e6;padding: 8px 4px;min-width: 140px;height: 100%;display: flex;align-items: center;justify-content: center;position: relative;}
.square-wrap .square h3{font-size: 16px;font-weight: 500;color:#fff;margin: 0;text-align: center;letter-spacing: 0.5px;}

.tree-third-row,
.tree-second-row,
.tree-first-row{position: relative;flex-wrap: nowrap;}
.tree-second-row:before,
.tree-first-row:before{content: "";border-bottom: 1px solid #dee2e6;position: absolute;left: 10px;right: 10px;bottom: -22px;}
.tree-first-row:before{max-width: 85.9%;margin: 0 auto;}
.tree-second-row:before{max-width: 80.1%;margin: 0 auto;}
.tree-third-row{margin-bottom: 6px;}

.tree-first-row .square:after{content: "";height: 22px;border-left: 1px solid #dee2e6;position: absolute;left: auto;right: auto;bottom: -22px;margin: 0 auto;}
.tree-first-row .square:before{content: "";height: 128px;border-left: 1px solid #dee2e6;position: absolute;left: auto;right: 38%;bottom: -128px;margin: 0 auto;}
.tree-second-row .square:after{content: "";height: 28px;border-left: 1px solid #dee2e6;position: absolute;left: auto;right: auto;top: -28px;margin: 0 auto;}
.tree-third-row .square:after{content: "";height: 28px;border-left: 1px solid #dee2e6;position: absolute;left: auto;right: auto;top: -28px;margin: 0 auto;}

.square-row{display: flex;align-items: flex-start;justify-content: flex-start;height: 100%;flex-wrap: wrap;padding: 0 5px;}
.square-row .sm-square{border-radius: 6px;border: 1px solid #dee2e6;padding: 5px 7px;font-size: 12px;letter-spacing: 0.3px; line-height: normal; color: #fff;text-align: center;flex: 1;display: flex;align-items: center;justify-content: center;max-width: 72px;}

@media  screen and (max-width: 1480px) {
    .square-wrap .square{min-width: auto;}
    .square-wrap .square h3{font-size: 14px;}
    .square-row .sm-square{font-size: 10px;}
    .tree-first-row .square:before{bottom: -122px;height: 122px;}
}

.user-card-popover{}
.user-card-popover .card{border: 0;}
.user-card-popover .popover-body{padding: 0;}
.user-card-popover .card-body{padding: 0;max-height: 280px;overflow: hidden;position: relative;}
.user-card-popover .card-body a{text-decoration: none;transition: all 0.2s ease-in-out;opacity: 1;}
.user-card-popover .card-body a:hover{opacity: 0.8;}
.user-card-popover .card-body .popover-close{position: absolute;right: 5px;top: 5px;color: var(--danger);}
.user-card-popover .card-body .popover-chat-sms{position: absolute;right: 28px;top: 7px;color: var(--success);line-height: 1;}
.user-card-popover .card-body a i{height: 15px;width: 15px;display: flex;align-items: center;justify-content: center;}
.user-card-popover .card-body img{width: 100%;height: 100%;object-fit: cover;}
.user-card-popover .card-body .card-user-info{position: absolute;bottom: 0;left: 0;right: 0;background-color: rgba(0, 0, 0, 0.75);padding: 8px 12px;color: #fff;}
.user-card-popover .card-body .card-user-info h4{font-size: 16px;font-weight: 500;letter-spacing: 1px;margin: 0;}
.user-card-popover .card-body .card-user-info h4 span{font-size: 14px;font-weight: 400;letter-spacing: normal;}
.user-card-popover .card-body .card-user-info p{margin: 0;font-size: 12px;}
.user-card-popover .card-footer{padding: 8px 12px;background-color: transparent;}
.user-card-popover .card-footer ul{margin: 0;padding: 0;list-style: none;}
.user-card-popover .card-footer ul li{font-size: 12px;position: relative;margin-bottom: 3px;white-space: nowrap;}
.user-card-popover .card-footer ul li:last-child{margin-bottom: 0px;}
.user-card-popover .card-footer ul li a{font-size: 12px;word-break: break-all;display: inline-block;max-width: 235px;white-space: normal;vertical-align: top;}
.user-card-popover .card-footer ul li i{background: #0275d8;color: #fff;font-weight: normal;height: 16px;width: 16px;display: inline-flex;align-items: center;justify-content: center;border-radius: 100%;font-size: 12px;}

.image-cropper-modal .modal-dialog .modal-body{height: 500px;}
/* End : Dashboard */

/* Start : User */
.card-user-avtar img{height: 30px; width: 30px;border-radius: 4px;object-fit: cover;}

.list-col-2,.list-col-3,.list-col-4,.list-col-5{display: flex;flex-wrap: wrap;}
.list-col-2 li{flex: 0 0 calc(100%/2);max-width: calc(100%/2);margin-bottom: 4px;}
.list-col-3 li{flex: 0 0 calc(100%/3);max-width: calc(100%/3);margin-bottom: 4px;}
.list-col-4 li{flex: 0 0 calc(100%/4);max-width: calc(100%/4);margin-bottom: 4px;}
.list-col-5 li{flex: 0 0 calc(100%/5);max-width: calc(100%/5);margin-bottom: 4px;}

.photo-zoom-img img{padding: 0}

.browser-icon{width: 17px;height: 17px;display: inline-block;object-fit: contain;}

.file-input-action{display: flex;align-items: center;gap: 10px;}
.file-input-action .form-control{flex:1;max-width: 100%;}
.file-input-action .delete-btn{height: 28px;width: 33px;display: flex;align-items: stretch;justify-content: space-between;}
.file-input-action .small-img{height: 28px;width: 28px;border-radius: 4px;overflow: hidden;}
.file-input-action .small-img img{height: 100%;width: 100%;object-fit: cover;}
.file-input-action .btn{height: 28px;display: flex;align-items: center;justify-content: center;}
.file-input-action .btn i{display: flex;align-items: center;justify-content: center;}
/* End : User */


/* Start : analysis */
.list_medium_frame .list-group-flush{border-top: 1px solid #dee2e6;}
.list_medium_frame .list-group-flush .list-group-item{font-size: 12px;padding: 6px 10px;display: flex;align-items: center;justify-content: space-between;}
.list_medium_frame .list-group-flush .list-group-item span:first-child{padding-right: 10px;white-space: nowrap;overflow: hidden;max-width: 170px;text-overflow: ellipsis;}
.list_medium_frame .list-group-flush .list-group-item span:last-child{white-space: nowrap;flex:1;max-width: 100%;text-align: right;}

.crd_rotation_index .card-body .h3-text small{color:rgba(0,0,0,.3);font-size: 75%;}
.crd_rotation_index .card-footer a{font-size: 12px;}
.crd_rotation_index .card-footer .active{color:#007bff;text-decoration: underline;font-weight: 600;}

.analysis_in_exit{margin-bottom:15px;}
.analysis_in_exit ul{margin: 0;padding: 0;list-style: none;display: inline-flex; align-items: center;}
.analysis_in_exit ul li{margin-right: 10px;}
.analysis_in_exit ul li a{background: #E7E9EC;color: #393B3D;padding: 6px 15px;border-radius: 4px;display: block;font-size: 12px; line-height: 1;font-weight: 500;letter-spacing: 0.4px;text-decoration: none;}
.analysis_in_exit ul li a.active,
.analysis_in_exit ul li a:hover{background: #007bff;color:#fff;}
.analysis_in_exit ul li.in_exit_title{font-size: 14px;font-weight: 600;margin-right: 15px;}

.hide_analysis_data>i{display: inline-block;transition:transform 0.2s ease; }
.hide_analysis_data.active>i{transform: rotate(90deg);}

.multiple-select-filter{margin-bottom: 10px;}
.multiple-select-filter .multiple-select-head{cursor: pointer;}
.multiple-select-filter .multiple-select-body{padding: 8px 0;}
.multiple-select-filter .multiple-select-body .custom-control-label b{font-weight: 600;font-size: 11px;}
.multiple-select-filter .multiple-select-body .custom-control-label span{white-space: nowrap;max-width: 87%;overflow: hidden;display: inline-block;text-overflow: ellipsis;vertical-align: middle;}

.crd_user_overview{}
.crd_user_overview h4{font-size: 14px;margin:0 0 10px 0;font-weight: 500;}
.crd_user_overview ul{margin: 0;padding: 0;list-style: none;}
.crd_user_overview ul li{display: flex;align-items: center;justify-content: space-between;margin-bottom: 4px;}
.crd_user_overview ul li .crd_user_name{font-size: 12px;font-weight: 500;display: flex;align-items: center;}
.crd_user_overview ul li .crd_user_name .crd_user_browser{font-weight: normal;padding-left: 22px;position: relative;}
.crd_user_overview ul li .crd_user_name .crd_user_browser:before{content: ""; background-image: url("../images/browser.png");height: 16px;width: 16px;position: absolute;background-size: 64px auto;background-repeat: no-repeat;left: 6px;top: 1px;}
.crd_user_overview ul li .crd_user_name .crd_user_browser.icon_chrome:before{background-position:0 0;}
.crd_user_overview ul li .crd_user_name .crd_user_browser.icon_firefox:before{background-position:-17px 0px ;}
.crd_user_overview ul li .crd_user_name .crd_user_browser.icon_edge:before{background-position:-34px 0px ;}
.crd_user_overview ul li .crd_user_name .crd_user_browser.icon_safari:before{background-position:-49px 0px;}
.crd_user_overview ul li .crd_user_name .crd_user_browser.icon_opera:before{background-position:-2px -16px;}
.crd_user_overview ul li .crd_user_name .crd_user_browser.icon_net:before{background-position:-16px -16px;}
.crd_user_overview ul li .crd_user_details{font-size: 12px;}
.crd_user_overview ul li .crd_user_details b{font-weight: 600;}
.crd_user_overview ul li:last-child{margin-bottom: 0px;}

.user_avtar_box{height: 17px;width: 17px;overflow: hidden;border-radius: 4px;display: inline-flex;vertical-align: middle;}
.user_avtar_box img{height: 100%;width: 100%;object-fit: cover;object-position: center;}

.crd_car_sell_branch{margin: 0;padding: 0;list-style: none;}
.crd_car_sell_branch li{margin-bottom: 4px;font-size: 12px;display: flex;align-items: center;justify-content: space-between}
.crd_car_sell_branch li b{font-weight: 600;}
.crd_car_sell_branch li:last-child{margin-bottom: 0px;}

.table-inner td,
.table-inner th,
.table-inner thead,
.table-inner{border:0 !important;}
.table-inner{width: 100%;border-collapse: collapse;}
/* End : analysis */


/* Start : anticipations */
.business-bank-panel{position: relative;margin-bottom: 20px;padding: 12px;border:2px solid var(--bbp-color,#000);border-top-width:10px;border-radius: 5px;box-shadow: 0 0 10px rgba(0,0,0,.1);}
.business-bank-panel .business-header{margin-bottom: 15px;display: flex;align-items: center;justify-content: space-between;}
.business-bank-panel .business-header .business-header-title{font-weight: 600;flex:0 0 240px;max-width: 240px;}
.business-bank-panel .business-header .business-header-details{flex:1;max-width: 100%;}
.business-bank-panel .business-header .business-header-details ul{margin: 0;list-style: none;padding: 0; display: flex;align-items: center;}
.business-bank-panel .business-header .business-header-details ul li{flex:0 0 calc(100%/4);max-width: calc(100%/4);font-size: 12px;}
.business-bank-panel .business-header .business-header-details ul li b{font-weight: 600;min-width: 150px;display: inline-block;}

.business-bank-panel .card .card-tool{display: flex;align-items: center;justify-content: flex-end;}
.business-bank-panel .card .card-tool .bht-img{}
.business-bank-panel .card .card-tool .expiring-badge{border-radius: 5px; margin-right: 5px; padding: 0 5px; color: #9e3c1e; display: inline-block; background-color: #ffc354}
.business-bank-panel .card .card-tool .used-badge{font-size: 12px;margin-left: 5px;}
.business-bank-panel .card .card-body dl{font-size: 12px;}
.business-bank-panel .card .card-header .card-title{cursor: pointer;}
.business-bank-panel .card:not(:last-child){margin-bottom: 15px;}

/* End : anticipations */


/* Start : car details timeline ================*/
.timeline-wrap{padding:4px;}
.timeline-wrap .ta-record{margin-bottom:20px;border-radius:6px;padding:0;position: relative;background-color:#fff;border:2px solid #efefef;}
.timeline-wrap .ta-record:before{content: ""; background-image: url("data:image/svg+xml,%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 15.6 28' style='enable-background:new 0 0 15.6 28;' xml:space='preserve'%3E%3Cpolygon fill='%23efefef' points='14,28 0,14 14,0 15.6,0 15.6,1.6 3.2,14 15.6,26.4 15.6,28'/%3E%3C/svg%3E");width:15.6px;height:28px;position: absolute;left: -15.6px;top: 10px;background-color: #fff;}

.timeline-wrap .timed-activities.compact .ta-timestamp{position: relative;margin:0px;width:auto;text-transform: capitalize;padding: 10px 20px;font-size: 14px;}
.timeline-wrap .timed-activities.compact .ta-timestamp:after{display: none;}
.timeline-wrap .timed-activities.compact .ta-timestamp .with-avatar{margin-right:15px;}
.timeline-wrap .timed-activities.compact .ta-timestamp .label{color: #adb5bd;font-weight:400;display: inline-block;vertical-align: middle;margin-right:5px;font-size: 14px;}
.timeline-wrap .timed-activities.compact .ta-timestamp strong{vertical-align: middle;display: inline-block;font-size: 12px;font-weight: 600;}
.timeline-wrap .timed-activities.compact .ta-activity{padding: 8px 16px;box-shadow: 0px 5px 15px rgba(0,0,0,0.05); border-bottom: 0px;margin-bottom:0px;}
.timeline-wrap .timed-activities.compact .ta-record-w{padding-left: 0px;}
.timeline-wrap .timed-activities.compact .ta-title{font-size:16px;font-weight: 600;line-height:16px;color: #334152;margin-bottom:5px;}
.timeline-wrap .timed-activities.compact .ta-content{font-size: 15px;}
.timeline-wrap .timed-activities.compact .ta-content img{max-width: 100%;}

.timeline-wrap .with-avatar img {display: inline-block;vertical-align: middle;border-radius: 50px;width: 30px;height: auto;margin-right: 10px;}
.timeline-wrap a.with-avatar span {border-bottom: 1px solid #b31119;}
.timeline-wrap .with-avatar span {display: inline-block;vertical-align: middle;}
/* End : car details timeline ================*/


/* Start : car details photo list ================*/
.photo-gallery{margin: 0;padding: 0;list-style: none;display: flex;flex-wrap: wrap;}
.photo-gallery.gallery-col-5 li{flex:0 0 calc(100%/5 - 10px);max-width: calc(100%/5 - 10px);}
.photo-gallery.gallery-col-5 li{margin-right: 12.50px}
.photo-gallery.gallery-col-5 li:nth-child(5n){margin-right: 0;}
.photo-gallery.gallery-col-4 li{flex:0 0 calc(100%/4 - 10px);max-width: calc(100%/4 - 10px);}
.photo-gallery.gallery-col-4 li{margin-right: 13.33px}
.photo-gallery.gallery-col-4 li:nth-child(4n){margin-right: 0;}
.photo-gallery.gallery-col-3 li{flex:0 0 calc(100%/3 - 10px);max-width: calc(100%/3 - 10px);}
.photo-gallery.gallery-col-3 li{margin-right: 15px}
.photo-gallery.gallery-col-3 li:nth-child(3n){margin-right: 0;}
.photo-gallery.gallery-col-5 .gallery-card .gallery-card-img{height:180px; }
.photo-gallery.gallery-col-4 .gallery-card .gallery-card-img{height:300px; }
.photo-gallery.gallery-col-3 .gallery-card .gallery-card-img{height:360px; }
.photo-gallery li{margin-bottom: 12px;}
.photo-gallery .gallery-card{border: 1px solid rgba(0,0,0,.125);border-radius: 4px;position: relative;}
.photo-gallery .gallery-card .gallery-card-img a{text-decoration: none;display: block;height: 100%;}
.photo-gallery .gallery-card .gallery-card-img img{height: 100%;width: 100%;object-fit: cover;object-position: center top;}
.photo-gallery .gallery-card .gallery-card-content.gallery-card-content-action{display: flex;align-items: center;justify-content: space-between;}
.photo-gallery .gallery-card .gallery-card-content.gallery-card-content-action .gallery-card-title{flex:1;max-width: 100%;padding-right: 10px;}
.photo-gallery .gallery-card .gallery-card-content{padding: 8px 12px;position: relative;}
.photo-gallery .gallery-card .gallery-card-content .gallery-card-title{font-size: 14px;font-weight: 600;}
.photo-gallery .gallery-card .gallery-card-content p{margin: 0;font-size: 12px;}
.photo-gallery .gallery-card .gallery-card-action{position: absolute;top: 8px;right: 8px;}
.photo-gallery .gallery-card .gallery-card-action a{height: 28px;width: 28px;border-radius: 100%;background-color: rgba(0,0,0,0.4);color: #ff8484;text-decoration: none;display: flex;align-items: center;justify-content: center;transition: all 0.2s ease;}
.photo-gallery .gallery-card .gallery-card-action a:hover{background-color: rgba(0,0,0,0.7);color: #ff3232;}
.photo-gallery .gallery-card.gallery-upload-box{border-style: dashed;background-color: rgba(0,0,0,0.02);height: 100%;min-height: 180px}
.photo-gallery .gallery-card.gallery-upload-box form{height: 100%;}
.photo-gallery .gallery-card.gallery-upload-box.active .gallery-card-img{display: block !important;}
.photo-gallery .gallery-card.gallery-upload-box .gallery-card-img{height: calc(100% - 120px);position: absolute;top: 0;bottom: 0;left: 0;right: 0;z-index: 1;opacity: 0.2;pointer-events: none;}
.photo-gallery .gallery-card.gallery-upload-box .gallery-card-upload{height: calc(100% - 120px);min-height: 115px; position: relative;}
.photo-gallery .gallery-card.gallery-upload-box .gallery-card-upload:before{content: '';background-color: #fafafa;position: absolute;top: 0;bottom: 0;left: 0;right: 0;pointer-events: none;}
.photo-gallery .gallery-card.gallery-upload-box .gallery-card-upload:after{content: '';background-image: url("../images/upload-photo.svg");position: absolute;top: 50%;left: 50%;height: 60px;width: 60px;transform: translate(-50%,-50%);pointer-events: none;}
.photo-gallery .gallery-card.gallery-upload-box .gallery-card-upload input[type="file"]{cursor: pointer;height: 100%;width: 100%;}
.photo-gallery .gallery-card.gallery-upload-box .gallery-card-content{border-top:1px dashed rgba(0,0,0,.125);}
.photo-gallery .gallery-card.gallery-upload-box .gallery-card-content .button-wrap{padding-top: 10px;text-align: center;}
.photo-gallery .gallery-card.gallery-upload-box .gallery-card-content .form-group .custom-control:last-child{margin-right: 0;}

.eurotax_ul_list{margin: 0;padding: 0;list-style: none;display: flex;flex-wrap: wrap;}
.eurotax_ul_list li{flex: 0 0 calc(100%/5);max-width: calc(100%/5);margin-bottom: 8px;}
.eurotax_ul_list li p{margin: 0;font-size: 14px;font-weight: 500;}
.eurotax_ul_list li a{}

.eurotax_list_tab_wrap{margin: 0;padding: 0;list-style: none;display: flex;flex-wrap: wrap;}
.eurotax_list_tab_wrap li{flex: 0 0 calc(100%/3 - 20px);max-width: calc(100%/3 - 20px);margin-right: 30px;display: flex; align-items: center;font-size: 14px;margin-bottom: 5px;position: relative;}
.eurotax_list_tab_wrap li:after{content: "";border-right: 1px solid #ddd;position: absolute;top: 0;bottom: -10px;right: -15px;}
.eurotax_list_tab_wrap li:nth-child(3n){margin-right: 0px;border-right: 0;}
.eurotax_list_tab_wrap li:nth-child(3n):after{display: none}
.eurotax_list_tab_wrap li .eurotax_list_title{flex: 0 0 150px;max-width: 150px;}
.eurotax_list_tab_wrap li .eurotax_list_details{display: flex; align-items: center;flex: 1;max-width: 100%;font-size: 13px;}
.eurotax_list_tab_wrap li .eurotax_list_details b{font-weight: 600;white-space: nowrap;max-width: 200px;overflow: hidden;text-overflow: ellipsis;}
.eurotax_list_tab_wrap li .eurotax_list_details p{margin: 0 0 0 auto;flex: 1;max-width: 100%;text-align: right;}
.eurotax_list_tab_wrap li .eurotax_list_details p span{white-space: nowrap;max-width: 140px;overflow: hidden;text-overflow: ellipsis;display: inline-block;vertical-align: middle;margin-right: 3px;}
.eurotax_list_tab_wrap li .eurotax_list_details p a{text-decoration: none;}
.eurotax_list_tab_wrap li .eurotax_list_details p a:hover{color:var(--blue);}

.eurotax_select_wrap{}
.eurotax_select_wrap .card-body .euroauto-radio-box{position: relative;}
.eurotax_select_wrap .card-body .euroauto-radio-box label.panel:before{content: '\e955';font-family: 'fleet-ui-icon';position: absolute;right: 8px;top: 5px;font-size: 16px;opacity: 0.4;}
.eurotax_select_wrap .card-body .euroauto-radio-box input[type="radio"]{position: absolute;margin: 0;height: 0;width: 0;opacity: 0;}
.eurotax_select_wrap .card-body .euroauto-radio-box label.panel{cursor: pointer;}
.eurotax_select_wrap .card-body .euroauto-radio-box input[type="radio"]:checked + label.panel{cursor: pointer;border-color: #0275d8;}
.eurotax_select_wrap .card-body .euroauto-radio-box input[type="radio"]:checked + label.panel:before{color: #0275d8;opacity: 1;}
.eurotax_select_wrap .card-body .euroauto-radio-box input[type="radio"]:checked + label.panel .panel-header{background-color: rgba(2,117,216,0.1);}
.eurotax_select_wrap .card-body .euroauto-radio-box input[type="radio"]:checked + label.panel .panel-header .panel-title{color: #0275d8;}

.doc_photo_wrap{display: flex;align-items: center;margin-bottom: 12px;}
.doc_photo_wrap .doc_upload_photo{flex: 0 0 140px;width: 140px;height: 80px;overflow: hidden;border-radius: 4px;position: relative;}
.doc_photo_wrap .doc_upload_photo:after{content: attr(data-blank-text);position: absolute;font-size: 12px;color: #838383;top: 50%;left: 50%;transform: translate(-50%,-50%);}
.doc_photo_wrap.active .doc_upload_photo:after{display: none;}
.doc_photo_wrap.active .doc_upload_photo{border-style: solid;}
.doc_photo_wrap .doc_upload_photo img{height: 100%;width: 100%;object-position: center;object-fit: cover;}
.doc_photo_wrap .doc_upload_photo{background-color: rgba(0,0,0,0.02);border:1px dashed rgba(0,0,0,.125);}
.doc_photo_wrap .form-group{padding-left: 20px;}

.tab_media_used{}
.tab_media_used .media_doc_photo_item{margin-bottom: 30px;position: relative;}
.tab_media_used .media_doc_photo_item:last-child{margin-bottom: 0px;}
.tab_media_used .media_doc_photo_item:not(:last-child):after{content: "";border-bottom: 1px solid #F0F2F5;position: absolute;bottom: -15px;left: 0;right: 0;}
.tab_media_used .media_doc_photo_item .media_item_row{display: flex;align-items: center}
.tab_media_used .media_doc_photo_item .media_item_row .media_preview_box{width: 140px;height: 80px;overflow: hidden;border-radius: 4px;position: relative;border:1px solid rgba(0,0,0,.125);display: flex;align-items: center;justify-content: center;font-weight: normal;}
.tab_media_used .media_doc_photo_item .media_item_row .media_preview_box a{transition: all 0.4s ease;text-decoration: none;height: 24px;width: 24px;position: absolute;background-color: rgba(0,0,0,0.5);color: #fff;display: flex;align-items: center;justify-content: center;border-radius: 100%;font-weight: bold;right: 5px;top: 5px;}
.tab_media_used .media_doc_photo_item .media_item_row .media_preview_box a:hover{background-color: rgba(0,0,0,0.9);}
.tab_media_used .media_doc_photo_item .media_item_row .media_preview_box img{height: 100%;width: 100%;object-position: center;object-fit: cover;}
.tab_media_used .media_doc_photo_item .media_item_row .media_details{flex:1;max-width: 100%;padding-left: 20px;}
.tab_media_used .media_doc_photo_item .media_item_row .media_details a i{font-weight: bold;}
.tab_media_used .media_doc_photo_item .media_item_row .media_details a[aria-expanded="true"] i:before{content:"\e97f"; }

.media_preview_version{width: 140px;height: 80px;overflow: hidden;border-radius: 4px;position: relative;border:1px solid rgba(0,0,0,.125);}
.media_preview_version img{height: 100%;width: 100%;object-position: center;object-fit: cover;}

.logo-upload-box{}
.logo-upload-box:not(.active) .logo-preview{display: none;}
.logo-upload-box.active{display: flex;align-items: center;}
.logo-upload-box.active .form-group{flex: 1;}
.logo-upload-box.active .logo-preview{max-width: 80px;padding-left: 10px;}
.logo-upload-box.active .logo-preview a{display: block;cursor: zoom-in;text-align: center;}
.logo-upload-box.active .logo-preview a img{max-width: 70px;max-height: 28px;display: block;margin: 0 auto;}
/* End : car details photo list ================*/


/* Start : treasury get ================*/
.card-treasury .card-header .card-tool .btn{font-size: 12px;}
.card-treasury .card-header .card-tool .btn i{height: auto;width: auto;font-size: 11px;}
.card-treasury .card-body .table b{font-weight: 600;min-width: 120px;display: inline-block;}
.card-treasury .card-footer .btn-group{width: 100%;}

.card-treasury-practice ul{margin: 0;padding: 0;list-style: none}
.card-treasury-practice ul li:not(:last-child){margin-bottom: 15px;}
.card-treasury-practice ul li h4{font-size: 14px;font-weight: 600;margin: 0 0 1px 0;}
.card-treasury-practice ul li p{font-size: 12px;margin: 0px;}
/* End : treasury get ================*/

/* Start : holiday popup ================*/
.table-holiday{}
.table-holiday .table td{height: 32px;}
.table-holiday .table td .holiday-date{visibility:hidden;}
.table-holiday .table td:hover .holiday-date{visibility: visible;}
.table-holiday .table.tbl-holiday-months td{text-align: center;}
.table-holiday .tbl-today-bg{background-color: #ebf5ff;}
.table-holiday .tbl-today{background-color: #ebf5ff;}
.table-holiday .tbl-week-start{background-color: #f7f7f7;}
.table-holiday .tbl-success{background-color: #ededed;}
.table-holiday .tbl-rejected{background-color: #dc3545;}
.table-holiday .tbl-on-holiday{background-color: #f8eeee;}
.table-holiday .tbl-hover:hover{background-color:rgba(0,0,0,.045);}
.table-holiday .tbl-month-start{border-left: 2px solid #dee2e6;}
.table-holiday .tbl-approved{background-color: #28a745}
.table-holiday .tbl-pending{background-color: #007BFF}

.legend-square{font-size: 14px;font-weight: normal;position: relative;padding-left:20px;}
.legend-square:before{content: "";height: 16px;width: 16px;position: absolute;background-color: gray;left: 0;top: 2px;border-radius: 3px;border: 1px solid #ddd;}
.legend-square.legend-pending:before{background-color: #007BFF;}
.legend-square.legend-accepted:before{background-color: #28a745;}
.legend-square.legend-rejected:before{background-color: #dc3545;}
.legend-square.legend-info:before{background-color: var(--info);}
.legend-square.legend-purple:before{background-color: #6699ff;}
.legend-square.legend-darkpurple:before{background-color: #cc99ff;}
.legend-square+.legend-square{margin-top: 5px;}
.legend-popover-wrap .legend-popover-span{cursor: pointer;display: inline-block;margin-left: 4px;top: 1px;position: relative;}
.legend-popover-wrap .legend-popover-span>i{color:var(--primary)}

.top-space-btns{padding-top: 19px;}
.text-max-limit {max-width: 464px;overflow: hidden;text-overflow: ellipsis;min-width: 464px;white-space: nowrap;}
.text-max-limit-115 {max-width: 115px;overflow: hidden;text-overflow: ellipsis;min-width: 115px;white-space: nowrap;}
.text-max-limit-145 {max-width: 145px;min-width: 115px;}

.custom-switch-tool .custom-switch{align-items: center;}
.custom-switch-tool .custom-switch label{cursor: pointer;line-height: 1.5rem;}
.custom-switch-tool .custom-control-input:focus~.custom-control-label::before{box-shadow: none;}

.custom-switch-tool .custom-control-input:not(:disabled):active~.custom-control-label::before{background-color: #fff;}
.custom-switch-tool .custom-switch.switch-color-one .custom-control-label::before{border-color:#ff9800;box-shadow: 0px 0px 0px 1px #ff9800;}
.custom-switch-tool .custom-switch.switch-color-one .custom-control-input:not(:checked)~.custom-control-label::after{background-color:#ff9800;}
.custom-switch-tool .custom-switch.switch-color-one .custom-control-input:checked~.custom-control-label::before{border-color:#ff9800;background-color:#ff9800;}

.custom-switch-tool .custom-switch.switch-color-two .custom-control-label::before{border-color:#4caf50;box-shadow: 0px 0px 0px 1px #4caf50;}
.custom-switch-tool .custom-switch.switch-color-two .custom-control-input:not(:checked)~.custom-control-label::after{background-color:#4caf50;}
.custom-switch-tool .custom-switch.switch-color-two .custom-control-input:checked~.custom-control-label::before{border-color:#4caf50;background-color:#4caf50;}

.custom-switch-tool .custom-switch.switch-color-three .custom-control-label::before{border-color:#00bcd4;box-shadow: 0px 0px 0px 1px #00bcd4;}
.custom-switch-tool .custom-switch.switch-color-three .custom-control-input:not(:checked)~.custom-control-label::after{background-color:#00bcd4;}
.custom-switch-tool .custom-switch.switch-color-three .custom-control-input:checked~.custom-control-label::before{border-color:#00bcd4;background-color:#00bcd4;}

.table-holiday .table td.tbl-pending:hover .holiday-date,
.table-holiday .table td.tbl-approved:hover .holiday-date,
.table-holiday .table td.tbl-rejected:hover .holiday-date{color: #fff;}

.table-scroll-box{display: inline-flex;flex-wrap: nowrap;}

.card-top-sticky .card-header{position: sticky;top:0;z-index: 1;}
.card-top-sticky .sticky-action-bar{position: sticky;top:53px;z-index: 1;padding: 1.25rem 0;background-color: #fff;}

.card-top-sticky .tbl-holiday-users tbody tr:first-child,
.card-top-sticky .tbl-holiday-users tbody tr:first-child td,
.card-top-sticky .tbl-holiday-months tbody tr:first-child,
.card-top-sticky .tbl-holiday-months tbody tr:first-child td{position: sticky;top:118px;z-index: 1;}
.card-top-sticky .tbl-holiday-users tbody tr:nth-child(2),
.card-top-sticky .tbl-holiday-users tbody tr:nth-child(2) td,
.card-top-sticky .tbl-holiday-months tbody tr:nth-child(2),
.card-top-sticky .tbl-holiday-months tbody tr:nth-child(2) td{position: sticky;top:151px;z-index: 1;}
.card-top-sticky .tbl-holiday-users tbody tr:nth-child(3),
.card-top-sticky .tbl-holiday-users tbody tr:nth-child(3) td,
.card-top-sticky .tbl-holiday-months tbody tr:nth-child(3),
.card-top-sticky .tbl-holiday-months tbody tr:nth-child(3) td{position: sticky;top:183px;z-index: 1;}

.card-top-sticky .tbl-holiday-users tbody tr:first-child td,
.card-top-sticky .tbl-holiday-users tbody tr:nth-child(2) td,
.card-top-sticky .tbl-holiday-months tbody tr:nth-child(2) td,
.card-top-sticky .tbl-holiday-users tbody tr:nth-child(3) td,
.card-top-sticky .tbl-holiday-months tbody tr:nth-child(3) td{background-color: #fff;}

.permissions-wrap{}
.permissions-wrap .doubleScroll-scroll-wrapper:not(.active-scroll){margin-top: -20px;height: 20px !important;}
.permissions-wrap .doubleScroll-scroll-wrapper .table-scroll-head{background-color: #fff;}
.permissions-wrap .doubleScroll-scroll-wrapper:not(.active-scroll) .table-scroll-head{display: none;}
.permissions-wrap .doubleScroll-scroll-wrapper .doubleScroll-scroll{margin-top: -20px;}

.permissions-wrap .doubleScroll-scroll-wrapper.active-scroll{margin-top: -80px;height: 80px;position: sticky;top: 60px;z-index: 2;border-bottom: 1px solid #dee2e6;}

.permissions-wrap .table-scroll-head{display: inline-flex;flex-wrap: nowrap;}
.permissions-wrap .table-holiday{}
.permissions-wrap .table-holiday .col-sm-2{flex: 0 0 190px;max-width: 190px;}
.permissions-wrap .table-holiday .col-sm-10{flex: 0 0 calc(100% - 190px);max-width: calc(100% - 190px);}

.permissions-wrap .table-holiday .table td{line-height: normal;}

.name-big-str{overflow: hidden;}
.name-big-str span{display: block;height: 21px;overflow: hidden;line-height: 1.1;}
/* End : holiday popup ================*/

/* Start : compare panel */
.compare_panel{background-color: #fff;border-radius: 6px;box-shadow: 0px 2px 4px rgba(126,142,177,0.12);overflow: hidden;display: flex;align-items: flex-start;}
.compare_panel.compare_panel_two .compare_panel_item{flex:0 0 calc(100%/2);width: calc(100%/2);}
.compare_panel.compare_panel_three .compare_panel_item{flex:0 0 calc(100%/3);width: calc(100%/3);}
.compare_panel .compare_panel_item:not(:first-child){border-left: 2px solid #ddd;}
.compare_panel .compare_panel_item{height: 100%;}
.compare_panel .compare_panel_item .compare_panel_title{padding: 10px 16px;border-bottom: 1px solid rgba(0,0,0,0.05);margin-bottom:0;position: relative;z-index: 1;font-size: 16px;font-weight: 500;line-height: 1.2;color: #334152;}
.compare_panel .compare_panel_item .compare_panel_body{padding: 10px 16px;height: calc(100% - 41px);overflow-y: auto;}

.compare_panel .compare_panel_item .compare_panel_body::-webkit-scrollbar {width: 5px;border-radius: 7px;overflow: hidden;background-color: #f2f4f8;}
.compare_panel .compare_panel_item .compare_panel_body::-webkit-scrollbar-track {box-shadow: none;}
.compare_panel .compare_panel_item .compare_panel_body::-webkit-scrollbar-thumb {background-color: #6C757D;outline:none;}

.compare-wrapper{display: flex;align-items: center;justify-content: center;}
.compare-wrapper .compar_btn{margin-left: 15px;}
.compare-wrapper .custom-checkbox{margin-left: 15px;}
.compare-wrapper .custom-checkbox input{height: 0px;width:0px;position: absolute;margin:0px;}
.compare-wrapper .custom-checkbox label{padding-left:30px;font-size: 13px;position: relative;cursor: pointer;user-select: none;z-index: 1;font-weight: 500;}
.compare-wrapper .custom-checkbox label:before{content: "";height: 22px;width: 22px;position: absolute;left: 0;border: 2px solid #333333;border-radius: 4px;transition: all 0.2s ease-in-out;}
.compare-wrapper .custom-checkbox label:after{content: "";height: 0px;width:0px;border-left: 3px solid #333;border-bottom: 3px solid #333;position: absolute;left:4px;transform: rotate(-45deg);top:6px;opacity: 0;transition: all 0.2s ease-in-out;}

.compare-wrapper .custom-checkbox input:checked + label:after{height:7px;width:14px;opacity: 1;border-color: #fff;}
.compare-wrapper .custom-checkbox input:checked + label:before{background-color:#B31119;border-color:#B31119;}
/* End : compare panel */

/* Start : cms pages */
.author-card{}
.author-card .author-wrap{display: flex;align-items: center;justify-content: flex-start;}
.author-card .author-wrap .author-img{height: 40px;width: 40px;overflow: hidden;}
.author-card .author-wrap .author-img img{height: 100%;width: 100%;object-fit: cover;padding: 0;}
.author-card .author-wrap .author-content{flex: 1;max-width: 100%;padding-left: 8px;}
.author-card .author-wrap .author-content h4{font-size: 15px;margin: 0;}
.author-card .author-wrap .page-edit-details{display: flex;gap: 15px;margin-top: 4px;}
.author-card .author-wrap .page-edit-details h5{font-size: 12px;margin: 0;color: #6C757D;}
.author-card .author-wrap .page-edit-details h5 span{}

.cms-btn-list .card-body{display: flex;flex-direction: column;gap: 10px;}
.cms-btn-list .card-body a{margin-left: 0;}

.cms-user-list{}
.cms-user-list ul{display: flex;flex-wrap: wrap;list-style: none;margin: 0;padding: 0;gap: 10px;}
.cms-user-list ul li{border:1px solid #dee2e6;border-radius: 4px;flex:0 0 calc(100%/5 - 8px);max-width: calc(100%/5 - 8px);overflow: hidden;}
.cms-user-list ul li:nth-child(5n){margin-right: 0px;}
.cms-user-list ul li img{height: 100%;width: 100%;object-fit: cover;}

.cms-card-content .card-title.p16-med{font-size: 16px;}
.cms-link-list{margin:5px 0 0 0;padding: 0;list-style: none;}
.cms-link-list li{margin: 0 0 2px 5px;}
.cms-link-list li a{font-size: 14px;padding-left: 10px;position: relative;transition: all 0.2s ease;}
.cms-link-list li a:hover{padding-left: 14px;}
.cms-link-list li a:before{content: "\e979";font-family: 'fleet-ui-icon';position: absolute;left: -4px;font-weight: bold;}

.cms-files-list{}
.cms-files-list ul{display: flex;flex-wrap: wrap;margin: 0;padding: 0;list-style: none;gap: 12px;}
.cms-files-list ul li{flex:0 0 150px;max-width: 150px;}
.cms-files-list ul li .files-crd{border: 1px solid #dee2e6;border-radius: 4px;display: flex;flex-direction: column;height: 100%;}
.cms-files-list ul li .files-crd .files-crd-name{background-color: rgba(0, 0, 0, 0.03);flex: 1;padding: 5px 8px;font-weight: 500;font-size: 13px;line-height: normal;width: 100%;border-bottom: 1px solid #dee2e6;}
.cms-files-list ul li .files-crd .files-crd-body{padding: 8px;}
.cms-files-list ul li .files-crd .files-crd-body img{max-width: 100px;display:block;max-height: 130px;margin: 0 auto;}
.cms-files-list ul li .files-crd .files-crd-foot{border-top: 1px solid #dee2e6;display: flex;padding: 5px 8px;}
.cms-files-list ul li .files-crd .files-crd-foot h4{font-size: 12px;margin: 0;}
.cms-files-list ul li .files-crd .files-crd-foot h4 span{margin: 0;color: #6C757D;display: block;font-size: 11px;}
.cms-files-list ul li .files-crd .files-crd-action{margin-top: 8px;text-align: center;}
.cms-files-list ul li .files-crd .files-crd-action{}

.cms-content-main{margin-bottom:15px;}
/* End : cms pages */

.circle{width: 20px;height: 20px;border-radius: 50%;display: inline-block;vertical-align: middle;}
.circle.circle-xs{width: 12px;height: 12px;border-radius: 50%;}
.circle-0{background-color: green;}
.circle-1{background-color: var(--warning);}
.circle-2{background-color: var(--danger);}


/* Start :  media query ================*/
@media screen and (max-width: 1800px){
    .car-detail-tab .nav.cdt_nav .nav-item .nav-link{padding-left:10px;padding-right: 10px; }
}
@media screen and (max-width: 1600px){
    .car-detail-tab .nav.cdt_nav .nav-item[data-tab-color]:not(:first-child) {margin-left: 2px;}
    .car-detail-tab .nav.cdt_nav .nav-item .nav-link{padding:6px 9px;font-size: 14px;}
}
@media screen and (max-width: 1500px){
    .car-detail-tab .nav.cdt_nav .nav-item .nav-link{padding:6px 8px;font-size: 13px;}
}
@media screen and (max-width: 1460px){
    .business-bank-panel .business-header .business-header-title{flex:0 0 170px;max-width: 170px;font-size: 15px;}
    .business-bank-panel .business-header .business-header-details hr{margin: 12px 0;}
    .business-bank-panel .business-header .business-header-details ul li b{min-width: 100px;}
    .business-bank-panel .business-header .business-header-details .btn-group-xs .btn-sm{font-size: 11px;}
}

@media screen and (max-width: 1366px){
    .main-header .navbar .navbar-custom-search .btn {min-width: 110px;}
    .sub-active .main-header .menu-dashboard{--side-panel : 160px;}
}

@media screen and (min-width: 1200px){
    .main-header .navbar .navbar-custom-search .mobile-search-close,
    .main-header .navbar .navbar-custom-menu>.navbar-nav>li.search-icon-li{display: none !important;}
}
@media screen and (max-width: 1199px){
    .sub-active .content-wrapper>.content {--side-menu-size:0px;}
    .sub-active .main-header .menu-dashboard{--side-panel : 140px;}
    .sub-active .content-wrapper>.sub-side-menu + .content{--side-menu-size : 200px;}
    .main-header .navbar .navbar-custom-search:not(.active){display: none;}
    .main-header .navbar .navbar-custom-search{position: absolute;left: 0;right: 0;top: 0;bottom: 0;background-color: #fff;z-index: 1;padding: 8px 12px;justify-content: center;}
    .main-header .navbar .navbar-custom-search.active .mobile-search-close{text-decoration: none;position: absolute;color: #6c757d;right: 12px;font-size: 24px;}
}
@media screen and (max-width: 1024px){
    body #colorbox { left: 2% !important; width: 96% !important; }
    body #cboxWrapper, body #cboxContent, body #cboxLoadedContent { width: 100% !important; }

    .card-top-sticky .tbl-holiday-months tbody tr,
    .card-top-sticky .tbl-holiday-months tbody tr td,
    .card-top-sticky .tbl-holiday-users tbody tr:first-child td,
    .card-top-sticky .tbl-holiday-users tbody tr,
    .card-top-sticky .tbl-holiday-users tbody tr:nth-child(2),
    .card-top-sticky .tbl-holiday-users tbody tr:nth-child(2) td,
    .card-top-sticky .tbl-holiday-months tbody tr:nth-child(2),
    .card-top-sticky .tbl-holiday-months tbody tr:nth-child(2) td,
    .card-top-sticky .tbl-holiday-users tbody tr:nth-child(3) td,
    .card-top-sticky .card-header{position: initial !important;}
    .card-top-sticky .sticky-action-bar{position: initial;}
    .table-holiday .col-sm-2{flex: 0 0 150px;max-width: 150px;}
    .table-holiday .name-str span{max-width: 140px;}
    .table-holiday .col-sm-10{flex: 0 0 calc(100% - 150px);max-width: calc(100% - 150px);}
}
@media screen and (max-width: 575px){

    .sub-active .content-wrapper{flex-wrap: wrap;}
    .sub-active .content-wrapper>.sub-side-menu + .content{--side-menu-size : 0px;}
    .sub-active .content-wrapper>.sub-side-menu{flex:1;max-width: 100%;}

    .accessories_all_wrap .panel-body ul li{flex: 0 0 calc(100% / 2);max-width: calc(100% / 2);}

    .photo-gallery.gallery-col-5 li:nth-child(5n),
    .photo-gallery.gallery-col-5 li{margin-right: 10px;}
    .photo-gallery.gallery-col-5 li:nth-child(2n){margin-right:0;}
    .photo-gallery.gallery-col-5 li{flex: 0 0 calc(100% / 2 - 10px);max-width: calc(100% / 2 - 10px);}

    .col-sm-25{width: 100%;}
}
@media screen and (max-width: 480px){
    .main-header .navbar .navbar-custom-menu>.navbar-nav>li.user-menu:last-child>a {padding: 0px 0px 0px 8px;}
    .main-header .navbar .navbar-custom-menu>.navbar-nav>li>a{padding:10px 8px;}
    .main-header .navbar .navbar-custom-search{flex-wrap: wrap;bottom: -30px;border-bottom: 1px solid #F0F2F5;align-items: flex-start;}
    .main-header .navbar .navbar-custom-search .form-control{max-width: 100%;margin-bottom: 10px;margin-right: 0;}
    .main-header .navbar .navbar-custom-search.active .mobile-search-close{top: 50px;}
    .main-header .navbar .navbar-custom-menu>.navbar-nav>li>a>i{font-size: 15px;}

    .main-header .menu-dashboard .head-side-logo a img{max-height: 38px;}
    .sub-active .main-header .menu-dashboard{--side-panel: 106px;}

    .main-header .navbar .navbar-custom-menu .navbar-month-audit{padding-right: 0;}
    .navbar-month-audit .month-audit-item:last-child{padding-right: 0;}
    .navbar-month-audit .month-audit-item{padding-right: 5px;}
    .navbar-month-audit .month-audit-item .month-row .audit-number:last-child{padding-right: 0;}

    .main-header .navbar{padding: 6px 10px}

    .card-top-sticky.card-iframe>.card-header>.card-title{white-space: nowrap;max-width: 100%;overflow: hidden;}
    .navbar-month-audit{display: none;}

    .analysis_in_exit ul{flex-wrap: wrap;}
}
/* End   :  media query ================*/