/*================================================================================
	Item Name: Vuexy - Vuejs, HTML & Laravel Admin Dashboard Template
	Version: 2.0
	Author: PIXINVENT
	Author URL: http://www.themeforest.net/user/pixinvent
================================================================================

NOTE:
------
PLACE HERE YOUR OWN SCSS CODES AND IF NEEDED, OVERRIDE THE STYLES FROM THE OTHER STYLESHEETS.
WE WILL RELEASE FUTURE UPDATES SO IN ORDER TO NOT OVERWRITE YOUR STYLES IT'S BETTER LIKE THIS.  */

.shortsalary {
    border: 1px solid #FF9F43;
}

.required:after {
    content: " *";
    color: red;
}

table.jexcel.jexcel_overflow,
#spreadsheet,
.jexcel_content {
    width: 100% !important;
    overflow: auto;
}

.delta-row {
    background-color: #003398 !important;
    color: white !important;
}

.nav-pills .nav-link {
    background-color: white;
}

/* DataTable css */
.dataTables_filter {
    justify-content: end;
    display: flex;
}

div.dataTables_wrapper div.dataTables_filter input {
    margin-left: unset !important;
}

.custom-text-decoration{
    text-decoration: underline !important;
}

div.dataTables_wrapper div.dataTables_paginate ul.pagination {
    justify-content: end;
}

div.dataTables_wrapper div.dataTables_paginate ul.pagination {
    margin-bottom: unset !important;
}

/* Organizations Cards Css */
.card.organization-card {
    border-radius: 30px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
    transition: box-shadow 0.3s ease-in-out;
}

.card.organization-card:hover {
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);
}

.org-p {
    color: #5E5873;
    font-weight: 400;
    font-size: 13px;
    padding-top: 5px;
}

.org-img {
    max-width: 40% !important;
    max-height: 40px;
}

.search-row {
    display: flex;
    justify-content: end;
    margin-right: 22px;
}

.clear-icon {
    position: absolute;
    right: 23px;
    top: 35%;
    transform: translateY(-50%);
    cursor: pointer;
    font-size: 20px;
}

/* End */
/* email verification  */
#resendBtn {
    display: none;
}

/* End */
/* Dashboard css */
.leaflet-map {
    height: 870px !important;
}

.leaflet-popup-content p {
    margin: 0px !important;
}

div#geojson {
    box-shadow: 0 4px 24px 0 rgba(34, 41, 47, 0.1);
}

/* End */
/* Floater Icon */
.float-container {
    z-index: 1000 !important;
    position: fixed;
    top: 33%;
    right: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
    width: auto;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
}

.float-container button {
    z-index: 99;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 90px;
    height: 30px;
    margin-right: -60px;
    margin-bottom: 10px;
    padding: 10px 8px;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    text-decoration: none;
    color: white;
    border-radius: 5px 0 0 5px;
    background-color: #eb690b;
    -webkit-box-shadow: 0 2px 4px #7d7d7d;
    box-shadow: 0 2px 4px #7d7d7d;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    font-family: sans-serif;
}

.float-container button:hover {
    margin-right: 0;
    background-color: #c45100;
    -webkit-box-shadow: 0 2px 4px #7d7d7d;
    box-shadow: 0 2px 4px #7d7d7d;
}

/* End */
/* Dropdown button css */
.dropdown.show {
    position: unset !important;
}

.avatar-logo {
    display: inline-block;
    position: relative;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background-color: #0033996b;
}

.initial-icon {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 20px;
    color: #fff;
    font-weight: bold;
    text-transform: uppercase;
    line-height: 40px;
}

/* provision output cards */

.file_manager .file {
    padding: 0 !important
}

.file_manager .file .icon {
    text-align: center
}

.file_manager .file {
    position: relative;
    border-radius: .55rem;
    overflow: hidden
}

.file_manager .file .image,
.file_manager .file .icon {
    max-height: 180px;
    overflow: hidden;
    background-size: cover;
    background-position: top
}

.file_manager .file .icon {
    padding: 15px 10px;
    display: table;
    width: 100%
}

.file_manager .file .icon i {
    display: table-cell;
    font-size: 30px;
    vertical-align: middle;
    color: #777;
    line-height: 100px
}

.file_manager .file .file-name {
    padding: 10px;
    border-top: 1px solid #f7f7f7
}

.file_manager .file .file-name small .date {
    float: right
}

.folder {
    padding: 20px;
    display: block;
    color: #777
}

svg.feather.feather-folder.feather-icon,
svg.feather.feather-file.feather-icon {
    height: 45px;
    width: 45%;
}

img.feather-icon {
    height: 45px;
    width: 45px;
}

/* provision output cards end*/

/* Style for the checkbox */
.reverse-opening {
    -moz-appearance: none;
    width: 20px;
    height: 20px;
    border: 2px solid #ccc;
    border-radius: 4px;
    cursor: pointer;
    margin-right: 10px;
}

.reverse-lable {
    font-size: 12px;
    color: #333;
    cursor: pointer;
}

/* Report type dropdown */
.dropdown-content ul li a {
    display: block;
    text-decoration: none;
    color: #003399;
    padding: 5px 0;
}

#report-type-dropdown ul {
    list-style-type: none;
    padding: 0;
    margin: 0;
    text-align: left;
}

#report-type-dropdown {
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    padding: 12px 16px;
    z-index: 1;
    border-radius: 4px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

/* Dropdown Indicator */
.dropdown-indicator {
    cursor: pointer;
    transition: transform 0.2s;
}

/* Dashboard Filters Dropdown css */

.card-transaction.stats-card .transaction-item .transaction-title {
    margin-top: 0.9rem !important;
}

.card-transaction.stats-card .transaction-item.net-results {
    padding-top: 10px;
    border-bottom: 1px solid #3336;
    border-top: 1px solid #3336;
    padding-bottom: 10px;
    padding-left: 13px;
    padding-right: 13px;
}

.custom-select-box .select2-container--classic .select2-selection--single,
.custom-select-box .select2-container--default .select2-selection--single {
    min-height: 2.714rem;
    border: unset !important;
}

.custom-select-box .select2-container--default .select2-selection--single {
    background-color: unset !important;
    border: unset !important;
    border-radius: unset !important;
    border-bottom: 1px solid #aaa !important;
}

.custom-select-box .select2-container--classic .select2-selection--single:focus,
.custom-select-box .select2-container--default .select2-selection--single:focus {
    box-shadow: unset !important;
}

.custom-select-box .select2-container--classic.select2-container--open,
.custom-select-box .select2-container--default.select2-container--open {
    box-shadow: unset !important;
}

.custom-select-box .select2-container--classic .select2-selection--multiple,
.custom-select-box .select2-container--default .select2-selection--multiple {
    min-height: 36px !important;
    border: unset !important;
    border-bottom: 1px solid #aaa !important;
}

.custom-select-box .select2-container--default .select2-selection--multiple {
    background-color: unset !important;
    border: unset !important;
    border-bottom: 1px solid #aaa !important;
    border-radius: unset !important;
    cursor: text;
}

.custom-select-box .select2-container--default.select2-container--focus .select2-selection--multiple {
    border: unset !important;
    border-bottom: solid #003399 1px !important;
    outline: 0;
}

.custom-select-box .select2-container {
    width: 100% !important;
}

.custom-select-box .select2-container--default .select2-selection--multiple .select2-selection__rendered li {
    color: #444;
    list-style: none;
    padding-top: 9px !important;
}

.custom-select-box .select2-container .select2-selection--single .select2-selection__rendered {
    padding-left: unset !important;
}

.custom-select-box .select2-container--classic .select2-selection--multiple:focus,
.custom-select-box .select2-container--default .select2-selection--multiple:focus {
    box-shadow: unset !important;
}

.custom-select-box .select2-container--classic .select2-selection--multiple .select2-selection__rendered li .select2-search__field,
.custom-select-box .select2-container--default .select2-selection--multiple .select2-selection__rendered li .select2-search__field {
    margin-top: 2px !important;
}

.card-transaction.stats-card .transaction-item:not(:last-child) {
    padding-left: 13px;
    margin-bottom: 30px !important;
    padding-right: 13px
}

.card-transaction .card-body.data {
    max-height: 319px;
    overflow-y: auto;
}

.filters-btn {
    margin-top: 2.4rem;
}

.filters-btn button {
    padding: 7px 10px 7px 10px;
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
    .filters-btn {
        margin-top: 2.4rem;
    }

}

@media screen and (max-width: 767px) {
    .filters-btn {
        margin-top: 0.4rem;
    }
}

/* Dashboard Filters Dropdown css ends */

/* Business snapshot css*/

.custom-chart-card .nav-tabs.widget-nav-tabs .nav-link.active .badge {
    background-color: #003399 !important;
    color: white !important;
}

.bg-label-secondary {
    padding: 9px 9px 9px 14px !important;
    background-color: #f2f2f3 !important;
    color: #a8aaae !important;
}

.custom-chart-card .nav-tabs.widget-nav-tabs .nav-link {
    border: 1px dashed #dbdade;
}

.custom-chart-card .nav-tabs.widget-nav-tabs .nav-link {
    height: 90px !important;
    width: 102px !important;
    border-radius: 0.375rem;
}

.custom-chart-card .gap-4 {
    gap: 1.5rem !important;
}

.custom-chart-card .nav-tabs.widget-nav-tabs .nav-link.active {
    border-color: #003399;
    box-shadow: none !important;
}

.custom-chart-card .nav-tabs .nav-link:after {
    background: unset !important
}

.custom-chart-card .nav-tabs.widget-nav-tabs {
    border: 0 !important;
    overflow-x: auto;
}

/* Business snapshot css ends*/

/* Provision css button */
.sticky-btn-container {
    position: -webkit-sticky;
    position: sticky;
    right: 2%;
    bottom: 0;
    z-index: 1000;
}

.sticky-btn {
    box-shadow: 0 8px 25px -8px #003399;
    position: fixed;
    bottom: 5%;
    right: 2%;
    transform: translateX(-50%);
    z-index: 1000;
}

/* Provision css button ends */

.shimmer-wrapper {
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-color: #8d95ada3;
    overflow: hidden;
    z-index: 2;
}

.shimmer {
    width: 100%;
    height: 100%;
    background: linear-gradient(to right, transparent 0%, rgba(255, 255, 255, 0.4) 50%, transparent 100%);
    animation: shimmer-animation 1s infinite;
}

@keyframes shimmer-animation {
    0% {
        transform: translateX(-100%);
    }

    100% {
        transform: translateX(100%);
    }
}

/* Module status css */
table.user-list-table.table.config-table thead tr th,
table.user-list-table.table.config-table thead tr td {
    width: 33% !important;
}

/* Module status css end*/

 /* Data Import Section */
.file-card {
    background: #f7f7f7;
}

.download-file:hover, .delete-file:hover {
    transform: scale(1.15);
    transition: transform 0.2s ease;
}

.folder-card:hover {
    transform: scale(1.05);
    transition: transform 0.3s ease;
}

.folder-card {
    background: #f7f7f7;
}

.folder-card-body {
    padding: 1.5rem 0;
}
#toast-container{
    top: 1.3rem;
    right: 2rem;
}
@media (min-width: 1200px) and (max-width: 1400px) {
    .col-md-4.col-lg-3.col-xl-2.mt-4 {
        flex: 0 0 25%;
        max-width: 25%;
    }
}

@media (min-width: 1400px) and (max-width: 1600px) {
    .col-md-4.col-lg-3.col-xl-2.mt-4 {
        flex: 0 0 20%;
        max-width: 20%;
    }
}