.text-align-center {
    text-align: center;
}

.text-align-end {
    text-align: end !important;
}

.table thead th {
    text-align: center !important;
    vertical-align: middle !important;
}

/* Links inside the navbar */
.navbar-link {
    float: left;
    font-size: 16px;
    color: white;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
}

.nav-item {
    font-family: 'Arial';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 22px;
    /* identical to box height, or 157% */

    text-transform: uppercase;

    /* color: #91731e !important; */
    color: grey !important;
    height: 35px;
}

.navbar-search-sec {
    width: auto;
    margin-right: 20px;
}

.nav-item:hover {
    color: #000000 !important;
}

.nav-link:hover {
    color: #000000 !important;
}

.custom-navbar-items {
    display: flex;
    gap: 15px;
}

.navbar-dark .navbar-nav .nav-link.active,
.navbar-dark .navbar-nav .show>.nav-link {
    /* color: #E6B221 !important; */
    color: #000000 !important;
    /* background-color: #a4b1c8; */
    border-radius: 10px;
}

.navbar-logo {
  width: 200px !important;
  max-height: 60px;
  height: auto;
  width: auto;
}


@media (max-width: 768px) {
  .navbar-logo {
    max-width: 60px;
    height: auto;
  }
}

@media (max-width: 480px) {
  .navbar-logo {
    max-width: 50px;
    height: auto;
  }
}


.navbar-notifications-icons {
    position: relative;
    top: -4px;
}

@media only screen and (min-width: 750px) and (max-width: 885px) {
    .navbar-notifications-icons {
        top: 0px;
    }
}

.custom-row {
    display: flex;
    align-items: center;
    gap: 20px;
}

.btn-warning:disabled {
    background-color: rgb(229, 229, 229);
    border: 1px solid rgb(229, 229, 229);
}

.upload-btn:disabled {
    background-color: rgb(229, 229, 229);
    border: 1px solid rgb(229, 229, 229);
    color: #000000;
}

.upload-btn {
    background-color: #0d6efd;
    color: #ffffff;
}

.custom-filter-label {
    margin-bottom: 5px;
    font-size: 14px;
}

.custom-select span {
    background-color: red;
    height: 32px;
}

.custom-navbar {
    background-color: #ffffff;
    border-bottom: 1px solid rgba(0, 0, 0, .125);
}

.select2-container .select2-selection--single {
    box-sizing: border-box;
    cursor: pointer;
    display: block;
    min-height: 37px;
    height: auto !important;
    user-select: none;
    -webkit-user-select: none;
}

.select2-container .select2-selection--multiple {
    min-height: 37px;
    height: auto !important;
}

.upload-button {
    display: flex;
    justify-content: space-between;
}

.user-name {
    color: #000000;
    font-weight: 600;
    font-size: 15px;
}

/* @media only screen and (min-width: 768px) and (max-width: 885px) {
    .navbar-logo {
        max-width: 71px;
        min-width: 65px;
    }
} */

/* @media only screen and (min-width: 887px) and (max-width: 1024px) {
    .navbar-logo {
        max-width: 115px;
        min-width: 75px;
    }
} */

@media only screen and (min-width: 768px) and (max-width: 1024px) {
    .user-name {
        font-size: 10px;
    }
}

@media (max-width: 1024px) {
    .custom-navbar-items {
        gap: 0px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 920px) {
    .badge-notification {
        bottom: 10px !important;
        left: -14px !important;
    }
}

.footer-records-text {
    font-size: 16px;
    font-weight: 600;
}

.action-btn {
    font-size: 14px;
    color: #000000 !important;
}

.navbar-collapse {
    flex-grow: 0;
}

.clear-icon {
    position: absolute;
    top: 0px;
    background-color: #e9ecef;
    height: 35px;
    margin-top: 3px;
    right: 10px;
}

.show-icon {
    display: block;
}

.pagination-buttons {
    color: #000000;
    border-color: #000000;
}

.table-text th {
    font-weight: 400;
}

.custom-login-btn {
    width: 200px;
    background-color: #1B154C;
}

.custom-login-btn:hover {
    width: 200px;
    background-color: #1B154C;
    border-color: #1B154C
}

.name-word {
    border-bottom: 2px solid #06061f !important;
    padding-bottom: 2px !important;
    margin-right: 5px !important;
    display: inline-block !important;
    font-size: 13px;
}

.clients-text-section {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.login-page-container {
    padding-right: var(--bs-gutter-x, 0.01rem) !important;
}

.login-page-image-text {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.home-table-footer-section {
    display: flex;
    justify-content: end;
    align-items: center;
}

.profile-dropdown {
    top: -10px;
    margin-left: 15px;
}

.clients-document-types {
    border: 1px solid lightgray;
    padding: 10px;
    background-color: #f7f7f7;
}

.custom-text {
    text-align: center;
    font-weight: 700;
}

.custom-label-text {
    font-size: medium !important;
    font-weight: 700 !important;
    margin-bottom: 4px;
}

.custom-created-updated-text {
    margin-left: 10px;
}

.tab-conatiner-text {
    font-weight: 600;
    font-size: 20px;
}

.clients-users-list {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.close-btn {
    border: 1px solid #6c757d;
    border-radius: 4px;
    font-weight: 500;
    color: #ffffff;
    background-color: #6c757d;
}

.close-btn:hover {
    color: #ffffff;
}

.clear-icon-clients {
    position: absolute;
    top: 80px;
    background-color: #e9ecef;
    height: 35px;
    margin-top: 2px;
    right: 260px;
}

.training-custom-label {
    font-weight: 700;
    font-size: 15px;
}

.home-invoice-lebel {
    font-size: 15px;
    margin-bottom: 4px;
}

.dashboard-header {
    display: grid;
    grid-template-columns: 1.5fr 1fr 0.3fr;
    width: 99.9%;
    box-sizing: border-box;
}

.custom-dashboard-header {
    display: grid;
    grid-template-columns: 0.5fr 0.7fr 0.95fr 0.3fr;
    width: 99.9%;
    box-sizing: border-box;

}

@media (max-width: 768px) {
    .dashboard-header {
        grid-template-columns: 1fr;
    }

    .custom-dashboard-header {
        grid-template-columns: 1fr;
    }
}

/* The side navigation menu */
.sidebar {
    margin: 0;
    padding: 0;
    width: 200px;
    background-color: #f1f1f1;
    position: fixed;
    height: 100%;
    overflow: auto;
}

/* Sidebar links */
.sidebar a {
    display: block;
    color: black;
    padding: 16px;
    text-decoration: none;
}

/* Active/current link */
.sidebar a.active {
    background-color: #04AA6D;
    color: white;
}

/* Links on mouse-over */
.sidebar a:hover:not(.active) {
    background-color: #555;
    color: white;
}

/* Page content. The value of the margin-left property should match the value of the sidebar's width property */
div.content {
    margin-left: 200px;
    padding: 1px 16px;
    height: 1000px;
}

/* On screens that are less than 700px wide, make the sidebar into a topbar */
@media screen and (max-width: 700px) {
    .sidebar {
        width: 100%;
        height: auto;
        position: relative;
    }

    .sidebar a {
        float: left;
    }

    div.content {
        margin-left: 0;
    }
}

/* On screens that are less than 400px, display the bar vertically, instead of horizontally */
@media screen and (max-width: 400px) {
    .sidebar a {
        text-align: center;
        float: none;
    }
}


@media only screen and (min-width:2278px) and (max-width:4000px) {
    .dashboard-header {
        grid-template-columns: 1.5fr 1.8fr 0.3fr;
    }

    .custom-dashboard-header {
        grid-template-columns: 1fr 1fr 1.4fr 0.3fr;
    }

}

.select-document-type {
    border: 1px solid #D7D7D7;
    padding: 7px;
    border-radius: 4px;
}

.custom-document-type {
    width: 313px;
}
.document-type-responsive{
    width: 313px;
}

.responsive-choose-option{
    width:280px;
}

.custom-choose-option {
    width: 250px;
}

.custom-from-to-date {
    width: 420px;
    height: 39.6px;
}
.custom-label-dashboard{
    font-weight: 600;
    font-size: medium;
}

.select-document-options{
    border: none;
    width: 170px;
}

.select-document-responsive{
    border: none;
    width: 170px;
}


@media (max-width: 765px) {

    .custom-choose-option {
        width: 295px;
    }

    .custom-from-to-date {
        width: 470px;
    }

    .custom-document-type {
        width: 325px;
    }
}

@media only screen and (min-width: 820px) and (max-width:1010px) {
    .custom-label-remove-styles{
        font-size: small;
        font-weight: 100;
    }
    .custom-choose-option {
        width: 232px;
    }
    .responsive-choose-option{
        width:212px;
    }

    .custom-from-to-date {
        width: 375px;
        height: 33.33px;
    }    
    .custom-document-type {
        width: 220px;
    }
    .document-type-responsive{
        width: 140px;
    }
    
    .select-document-type {
        padding: 6px 0px 6px 2px;
    }
    .select-document-options{
        width: 93px;
        white-space: nowrap;
        overflow: hidden !important;
        text-overflow: ellipsis;
    }

    .select-document-responsive{
        width: 40px;
        white-space: nowrap;
        overflow: hidden !important;
        text-overflow: ellipsis;
    }

    .custom-dashboard-text{
        font-size: 14px;
        margin-top: 8px;
    }
}    

@media only screen and (min-width:830px) and (max-width:950px) {

.document-type-responsive {
    width: 185px;
}
.select-document-responsive {
    width: 85px;
}
}


@media only screen and (min-width: 1020px) and (max-width:1210px) {
    .custom-dashboard-header {
        grid-template-columns: 1fr 1fr 1.4fr 0.3fr;
    }
    .select-document-type {
        padding: 7px 0px 7px 5px;
    }

    .custom-document-type {
        width: 270px;
    }

    .document-type-responsive{
        width: 240px;
    }

    .select-document-responsive {
        border: none;
        width: 138px;
    }

    .custom-choose-option {
        width: 235px;
    }

    .responsive-choose-option{
        width:224px;
    }

    .custom-from-to-date {
        width: 372px;
        height: 34.57px;
    }
    .custom-label-remove-styles{
        font-size: small;
        font-weight: 100;
    }
    .select-document-options{
        width: 140px;
        white-space: nowrap;
        overflow: hidden !important;
        text-overflow: ellipsis;
    }
}


@media only screen and (min-width: 1210px) and (max-width:1385px) {
    .custom-dashboard-header {
        grid-template-columns: 1fr 1fr 1.4fr 0.3fr;
    }
}    


@media only screen and (min-width: 2275px) and (max-width:3200px) {
    .custom-document-type {
        width: 316px;
    }

    .custom-choose-option {
        width: 280px;
    }

    .responsive-choose-option{
        width:270px;
    }

    .custom-from-to-date {
        width: 430px;
    }
}


.charts-container {
    margin-top: 20px;
    display: grid;
    grid-template-columns: 1.4fr 0.75fr 0.85fr;
    column-gap: 12px;
    width: 100%;
    box-sizing: border-box;
}

.total-emails-received-card,
.document-analysis-card,
.total-messages-card,
.document-types-card {
  padding: 10px;
  border-radius: 10px;
  border: 1px solid #D7D7D7;
  background-color: #fff;
  box-sizing: border-box;
}


.document-details-card {
    padding: 10px;
    border-radius: 10px;
    border: 1px solid #D7D7D7;
}

.documenttext-dropdown-section {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
}

.select-month-dropdown {
    border: 1px solid #D7D7D7;
    padding: 7px;
    border-radius: 4px;
    background-color: #ffffff;
}

.document-status-section {
    display: flex;
    justify-content: space-between;
    margin-top: 8px;
    align-items: baseline;
}

.documents-status-chart {
    height: 130px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.docuemnts-status-button {
    border-radius: 60px;
    height: 28px;
    width: 85px;
    border: none;
    color: white;
}

.documents-found-text {
    font-size: 14px;
    font-weight: 600;
}

.assingned-documents-card {
    border: 1px solid #D7D7D7;
    padding: 10px;
    border-radius: 10px;
    position: relative;
}
/* .dashboard-stat-card {
    width: 12rem; 
    border: 1px solid #ccc;
} */

.dashboard-stat-card {
    min-width: 12rem;
    width: fit-content;
    max-width: 100%;
    border: 1px solid #ccc;
}

.charts-container .dashboard-card {
    border: 1px solid #ccc;
    border-radius: 8px;
    padding: 1rem;
    background: #fff;
}


.failed-img-text-section {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
}

.documents-upload-overview-chart {
    border: 1px solid #D7D7D7;
    padding: 10px;
    border-radius: 10px;
}

.dashboard-charts-header-text {
    font-size: 16px;
    font-weight: 700;
}

.charts-second-container {
    margin-top: 20px;
    display: grid;
    box-sizing: border-box;
    grid-template-columns: 0.85fr 1.4fr;
    width: 100%;
    column-gap: 10px;
}

@media (max-width: 768px) {
    .charts-container {
        grid-template-columns: 1fr;
    }

    .assingned-documents-card {
        height: 365px;
    }
}

@media only screen and (min-width: 769px) and (max-width:860px) {
    .charts-container {
        grid-template-columns: 1.4fr 0.85fr 0.85fr;
    }
}

@media (max-width: 768px) {
    .charts-second-container {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 768px) {
    .dashboard-header {
        display: unset;
    }
}

@media (max-width: 768px) {
    .navbar-search-sec {
        margin-right: 0px;
    }
}

.login-container {
    display: grid;
    box-sizing: border-box;
    grid-template-columns: 1fr 1fr;
    column-gap: 10px;
    width: 101%;
}

@media (max-width: 780px) {
    .login-container {
        grid-template-columns: 1fr;
    }
}

@media only screen and (min-width: 800px) and (max-width:1024px) {
    .login-container {
        grid-template-columns: 0.5fr 0.5fr;
    }
}

.log-img2 {
    width: 100%;
    height: 100dvh;
}

.login-btn-sec {
    margin-top: 40px;
}

.login-text-field-sec {
    width: max(300px, 34.86dvw);
    margin-top: 30px;
}

.login-logo-sec {
    margin-top: 30px;
}

.login-page-logo {
    height: 60px;
}

.login-page-quote{
    color: white; font-size: 28px
}

@media (max-width: 1024px) {
    .login-page-logo {
        height: 40px;
    }
}

@media only screen and (min-width: 780px) and (max-width: 1024px) {
    .login-btn-sec {
        margin-top: 10px;
    }

    .login-logo-sec {
        margin-top: 10px;
    }

    .login-text-field-sec {
        margin-top: 0px;
    }
    .login-page-quote{
        font-size: 16px
    }
}

.log-in-container {
    padding-right: 0px;
}

@media only screen and (min-width: 1010px) and (max-width: 1250px) {
    .login-page-quote{
        font-size: 20px
    }

}


@media only screen and (min-width: 1538px) and (max-width: 2000px) {
    .login-page-quote{
        font-size: 35px
    }
}

@media only screen and (min-width: 1750px) and (max-width: 2060px) {
    .login-btn-sec {
        margin-top: 70px;
    }
    
    .login-logo-sec {
        margin-top: 60px;
    }
    
    .login-text-field-sec {
        margin-top: 60px;
    }
    
    .login-page-logo {
        height: 90px;
    }

}   


@media only screen and (min-width: 2010px) and (max-width: 2060px) {
    .login-page-quote{
        font-size: 42px
    }

}

@media only screen and (min-width: 2070px) and (max-width: 2400px) {
    .login-page-quote{
        font-size: 47px
    }

    .login-btn-sec {
        margin-top: 75px;
    }
    
    .login-logo-sec {
        margin-top: 70px;
    }
    
    .login-text-field-sec {
        margin-top: 70px;
    }
    
    .login-page-logo {
        height: 105px;
    }
}

@media only screen and (min-width: 2500px) and (max-width: 3600px) {
    .login-page-quote{
        font-size: 67px
    }

    .login-btn-sec {
        margin-top: 85px;
    }
    
    .login-logo-sec {
        margin-top: 85px;
    }
    
    .login-text-field-sec {
        margin-top: 85px;
    }
    
    .login-page-logo {
        height: 130px;
    }
}

@media only screen and (min-width: 3800px) and (max-width: 6200px) {
    .login-page-quote{
        font-size: 90px
    }
}

@media only screen and (min-width: 1540px) and (max-width: 4600px) {
    .log-in-container {
        padding-right: var(--bs-gutter-x, .85rem);
    }
}
.chart-legends-container{
    display:grid;
    grid-template-columns: 1.5fr 1.8fr 1.8fr 0.7fr;
}

@media (max-width: 1210px) {
    .chart-legends-container {
        grid-template-columns: 1fr 1fr;
    }
}
.legend-card{
    display:flex; gap:7px;align-items: center;
}
.select2-selection__rendered {
    font-size: 1rem;
}

.clear-icon-trainings{
    position: absolute;
    top: 1px;
    background-color: #e9ecef;
    height: 33px;
    margin-top: 1px;
    right:15px;
}

.form-email-configuration{
    display: flex;
    flex-direction: column;

}
.email-add-rule-btn{
    margin: 1px; 
    background-color: #4186eb;
    color: #ffffff;border: none; 
    border-radius: 5px;
    padding: 4px 15px 4px 15px;
}