/*expense tab css*/
#company-tab .panel-content .tab-content { background-color: #ffffff; border: none; padding: 10px; }
#company-tab .panel-content.expence-custom-css { padding-top: 15px !important; }
.expence-custom-css .nav-pills { padding-top: 10px; border-radius: 8px; border: 1px solid #E4E7EC; height: 100%; background-color: #ffffff; }
.expence-custom-css .nav-pills .nav-link { color: rgba(16, 24, 40, 1); font-size: 0.75rem !important; font-weight: 400 !important; }
.expence-custom-css .nav-pills .nav-link.active { background-color: rgba(239, 244, 255, 1); font-weight: 600 !important; }
.expence-custom-css .tab-content { height: 100%; overflow: hidden; background: #fff; border-radius: 8px; border: 1px solid #E4E7EC !important; }
.expence-custom-css .top-heading { padding: 1rem; border-bottom: 1px solid rgba(228, 231, 236, 1); }
.expence-custom-css .top-heading h4 { margin-bottom: 0; color: rgba(52, 64, 84, 1); font-size: 0.75rem; font-weight: 400; }
.expence-custom-css .top-heading h3, .expence-custom-css #tab-expenseV1-policy h3  { color: rgba(0, 0, 0, 1); font-size: 0.875rem; }
.expence-custom-css .top-heading h3 { margin-bottom: 0.1rem !important; }
.expence-custom-css #tab-expenseV1-policy h3 { margin-bottom: 0.9rem !important; }
.expence-custom-css #tab-expenseV1-policy .bottom-expense h3 { margin-bottom: 0 !important; }
.expence-custom-css .btn-primary { border-radius: 8px; padding: 0.45rem 1.2rem; font-size: 0.875rem; font-weight: 600; }
.expence-custom-css .btn-primary i { margin-right: 0.35rem !important; }
.expence-custom-css .bottom-expense { padding: 1rem; }
.expence-custom-css h6 { color: rgba(71, 84, 103, 1); }
.expence-custom-css .policyStatus span { padding: 0.22rem 0.4rem; background: rgba(236, 253, 243, 1); border-radius: 16px; color: rgba(18, 183, 106, 1) !important; font-size: 0.625rem;letter-spacing: 0.15rem; }
.expence-custom-css .policyStatus span.text-danger { color: red !important; background: rgb(255 228 236); }
.expence-custom-css .policy-card { padding: 0.6rem 1rem; min-width: 180px; max-width: 240px; border: 0; border-right: 1px solid rgba(228, 231, 236, 1); border-radius: 0; box-shadow: inherit; position: relative; background-color: #fff; }
.expence-custom-css .policy-card.selected { background-color: rgba(239, 244, 255, 1); }
.expence-custom-css #policyListContainer { border: 1px solid rgba(228, 231, 236, 1); border-radius: 8px; }
.expence-custom-css .policy-card h6 { color: rgba(16, 24, 40, 1); font-size: 0.75rem; font-weight: 400; }
.expence-custom-css .policy-card .employee-count { color: rgba(102, 112, 133, 1); font-size: 0.75rem; cursor: pointer; font-weight: 400; }
.expence-custom-css .policy-card .employee-count span { border-bottom: 2px dotted rgba(102, 112, 133, 1); }
.expence-custom-css #attachCategory { background: transparent; color: rgba(29, 43, 110, 1); border: 0; }
.expence-custom-css #policy-categories-list-table_wrapper { padding: 0; margin-top: 0; }
.expence-custom-css #expenseV1-category-list-table_wrapper { padding: 0; }
.expence-custom-css #policy-categories-list-table, .expence-custom-css #expenseV1-category-list-table { border-radius: 8px; -webkit-mask-position: inherit !important; }
.expence-custom-css #policy-categories-list-table thead th, .expence-custom-css #expenseV1-category-list-table thead th, .expence-custom-css #mileageRateModal thead th, .expence-custom-css #employee-detail-table_wrapper thead th { color: rgba(52, 64, 84, 1); font-weight: 500; font-size: 0.75rem; height: 40px; border: 0; background-color: rgba(228, 231, 236, 1); }
.expence-custom-css #policy-categories-list-table tr td, .expence-custom-css #expenseV1-category-list-table tr td, .expence-custom-css #mileageRateModal tr td, .expence-custom-css #employee-detail-table_wrapper tr td { height: 2rem; padding: 0.15rem 0.7rem; color: rgba(16, 24, 40, 1); font-size: 0.75rem; border-color: rgba(228, 231, 236, 1); }
.expence-custom-css .dataTables_wrapper .row:nth-child(3) { padding: 0 !important; }
.expence-custom-css .expense-rules { text-align: center; }
.expence-custom-css .expense-rules a { padding: 0.16rem 1rem; width: 118px; display: inline-block; border: 1px solid rgba(29, 43, 110, 1); border-radius: 8px; color: rgba(29, 43, 110, 1); font-weight: 600; font-size: 0.75rem; }
.expence-custom-css .expense-rules a:hover { text-decoration: none !important; }
.expence-custom-css .custom-control-input:checked ~ .custom-control-label:before { border-color: rgba(3, 152, 85, 1); background-color: rgba(3, 152, 85, 1); }
.expence-custom-css .modal .modal-header { border-radius: 0; padding: 0.7rem 1.5rem; border-top-left-radius: 8px; border-top-right-radius: 8px; }
.expence-custom-css .modal-content { border-radius: 8px; }
.expence-custom-css .modal label { font-weight: 600 !important; color: rgba(29, 41, 57, 1); font-size: 0.75rem; }
.expence-custom-css #clone-policy-modal label { color: rgba(16, 24, 40, 1); font-size: 0.875rem; }
.expence-custom-css .modal .form-control { border-color: rgba(228, 231, 236, 1); border-radius: 8px; }
.expence-custom-css .modal .form-control.skip-days { border-radius: 0; }
.expence-custom-css .modal .custom-control-label:before { width: 1.25rem; height: 1.25rem; border: rgba(208, 213, 221, 1) solid 2px; border-radius: 4px; }
.expence-custom-css .modal  .custom-control-label:after { width: 1.25rem; height: 1.25rem; }
.expence-custom-css .modal .custom-control { min-height: 1.25rem; }
.expence-custom-css .modal .custom-checkbox label { padding-top: 3px; font-weight: 400 !important; }
.expence-custom-css .modal .modal-footer { margin: 0.875rem -1.25rem 0; padding: 1rem 1.25rem 0; border-top: 1px solid rgba(228, 231, 236, 1); }
.expence-custom-css .select2-container .select2-selection--single { border-radius: 8px; }
.expence-custom-css .modal h3 { color: rgba(52, 64, 84, 1); font-weight: 600; font-size: 0.875rem; }
.expence-custom-css .custom-checkbox .custom-control-input:checked ~ .custom-control-label:before { border-color: rgba(29, 43, 110, 1); background-color: rgba(29, 43, 110, 1); }
.expence-custom-css .modal .category-box { padding: 0.625rem; border: 1px solid rgba(228, 231, 236, 1) !important; border-radius: 0.5rem !important; background: #fff; }
.expence-custom-css .modal .category-box .text-body { font-size: 0.75rem; color: rgba(52, 64, 84, 1) !important; }
.expence-custom-css .modal .category-box .badge { padding: 0.3em 0.8em; background: rgba(228, 231, 236, 1); border-radius: 1rem; text-transform: uppercase; font-size: 0.75rem; color: rgba(52, 64, 84, 1); font-weight: 600; }
.expence-custom-css #expenseCategoryModal .modal-footer { margin: 0; }
.expence-custom-css .usestype h4 { color: rgba(16, 24, 40, 1); font-size: 0.75rem; font-weight: 600; }
.expence-custom-css .usestype h4 span { font-weight: 400; color: rgba(52, 64, 84, 1); }
.expence-custom-css .modal #add-customer-form .form-control.skip-days { border-radius: 8px; border-top-right-radius: 0; border-bottom-right-radius: 0; }
.expence-custom-css #mileageRateSection .table thead th, .expence-custom-css #edit-mileageRateSection .table thead th { border: 0; background-color: rgba(228, 231, 236, 1); }
.expence-custom-css #mileageRateSection .table, .expence-custom-css #mileageRateModal .table, .expence-custom-css #employee-detail-table_wrapper .table, .expence-custom-css #edit-mileageRateSection .table { -webkit-mask-position: inherit !important; border-radius: 8px; }
.expence-custom-css #mileageRateSection #addVehicleBtn, .expence-custom-css #edit-mileageRateSection #edit-addVehicleBtn { margin-top: 0.75rem; width: fit-content; border: 1px solid rgba(29, 43, 110, 1); border-radius: 0.5rem; font-weight: 600; }
.expence-custom-css #mileageRateSection #addVehicleBtn:focus, .expence-custom-css #edit-mileageRateSection #edit-addVehicleBtn:focus { box-shadow: inherit; }
.expence-custom-css #mileageRateSection .table-responsive, .expence-custom-css #edit-mileageRateSection .table-responsive { border: 1px solid rgba(26, 54, 126, 0.125); border-radius: .55rem; }
.expence-custom-css #mileageRateSection, .expence-custom-css #edit-mileageRateSection { border-radius: 0; background: transparent; }
.expence-custom-css #mileageRateSection .table td, .expence-custom-css #edit-mileageRateSection .table td { border-top: 0; border-right: 1px solid rgba(228, 231, 236, 1); }
.expence-custom-css #mileageRateSection .table td:last-child, .expence-custom-css #edit-mileageRateSection .table td:last-child { border-right: 0; text-align: center; }
.expence-custom-css #mileageRateSection .removeVehicle, .expence-custom-css #edit-mileageRateSection .removeVehicle { border: 0 !important; color: rgba(208, 213, 221, 1) !important; font-size: 1rem; }
.expence-custom-css .radio-group { display: flex; gap: 8rem; align-items: center; }
.expence-custom-css #edit-distance-travel-container .radio-group, .expence-custom-css #distance-travel-container .radio-group { gap: 2rem; }
.expence-custom-css .addSlabRange { color: rgba(29, 43, 110, 1); font-size: 0.75rem; font-weight: 600; }
.expence-custom-css #slabContainer .input-group-append .input-group-text { background: transparent; border: 0; color: rgba(0, 0, 0, 1); }
.expence-custom-css .radio-option { display: flex; align-items: center; cursor: pointer; position: relative; }
.expence-custom-css .radio-option input[type="radio"] { appearance: none; -webkit-appearance: none; width: 1.25rem; height: 1.25rem; border: 2px solid #1a237e; border-radius: 50%; margin-right: 0.5rem; position: relative; cursor: pointer; outline: none; transition: all 0.2s ease-in-out; }
.expence-custom-css .radio-option input[type="radio"]:checked { border-color: #1a237e; background-color: white; }
.expence-custom-css .radio-option input[type="radio"]:checked::before { content: ""; position: absolute; top: 4px; left: 4px; width: 8px; height: 8px; background-color: #1a237e; /* fill color */ border-radius: 50%; }
.expence-custom-css .radio-option input[type="radio"]:not(:checked) { border-color: rgba(208, 213, 221, 1); }
.expence-custom-css .radio-label { font-size: 0.75rem; color: #333; font-weight: 400 !important; }
.expence-custom-css #employee-detail-table_wrapper .ml-1 .col-md-5 { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; }
.expence-custom-css #employee-detail-table_filter, .expence-custom-css #employee-detail-table_filter label, .expence-custom-css #employee-detail-table_filter .form-control { width: 100%; }
.expence-custom-css #employee-detail-modal .dataTables_wrapper { padding: 0; }
.expence-custom-css #employee-detail-table_filter .input-group-text { background: transparent; border: 0; position: absolute; left: 0; height: 100%; color: rgba(102, 112, 133, 1); font-size: 1rem; }
.expence-custom-css #employee-detail-table_filter .form-control { padding-left: 2.3125rem; font-size: 0.875rem; border-radius: 8px !important; background: #fff; overflow: hidden !important; }
.expence-custom-css #employee-detail-modal .modal-header { border-radius: 0; }
.expence-custom-css #policy-categories-list-table tr td img, .expence-custom-css #expenseV1-category-list-table tr td img { max-width: 22px; }
.expence-custom-css #add-category-icon img { max-width: 25px; height: auto; }
.expence-custom-css { }
.expence-custom-css { }
.expence-custom-css { }
.expence-custom-css { }