h1, h2, h3, h4, h5, h6, p, a, th, td, button, p, input{font-family: Montserrat;}

.header-class{box-shadow: 2px 4px 10px #d7d7d7;}
h2.heading-one {
    font-weight: 500;
}

.heading-one{font-size: 28px; font-weight: 600; color: #002436; margin: 10px 0px;}
.al-expired-label, .al-valid-label, .al-to-be-expired-label{
    color: #fff;
    font-size: 13px;
    font-weight: 700;
    border-radius: 20px;
    margin-right: 10px;
}
.al-expired-label{background-color:#FF0000; padding: 5px 22px;}
.al-valid-label{background-color: #4DAF4E; padding: 5px 30px;}
.al-to-be-expired-label{background-color: #E8AD00; padding: 5px 15px;}
.al-delete-icon{background-color: transparent; border: none; color: #0078B6; cursor: pointer;transition: transform .1s;}
.al-delete-icon:hover{ transform: scale(1.2);}



.albonair-bg {
 background-color: #E9EDF9;
}
.albonair-login-wrap{
    display: flex;
    position: absolute;
    left: 50%;
    top: 50%;
    text-align: center;
    transform: translate(-50%, -50%);
    border-radius: 10px;
}
.albonair-form-img{
    width: 587px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 10px 0px 0px 10px;
}
.al-dashboard-login {
    background-color: #fff;
    width: 587px; 
    padding: 40px 0px;
}
.al-dashboard-login img {
    width: 65%;
}
.albonair-wel-txt{
    font-size: 26px;
    font-weight: 600;
    color: #002436;
    margin-bottom: 10px;
}
.albonair-wel-ptxt{margin: 0;}
#loginform {
    text-align: left;
    width: 382px;
    margin: auto;
    position:relative;
    margin-top: 50px;
}
.al-login-bdr{
    border-radius: 0px 10px 10px 0px;
}
.al-fgt-bdr{
    border-radius: 10px;
}

.al-dashboard-login .login-username, .al-dashboard-login .login-password{display: flex; flex-direction: column;}
.al-dashboard-login .login-username input, .al-dashboard-login .login-password input{
    border: 1px solid #E8E8E8;
    padding: 10px;
    border-radius: 6px;
    background-color: #F5F7F9;
}
.al-dashboard-login .login-username label, .al-dashboard-login .login-password label{color: #494949; text-align: left; font-size: 16px; font-weight: 600;}
.al-dashboard-login .forgot-password a{color:#0E99E0; font-size: 12px; font-weight: 600; text-decoration: none;}
.al-dashboard-login .forgot-password {
    width: 25%;
    position: absolute;
    bottom: 7rem;
    right: 1rem;
}
.al-dashboard-login .login-remember label{display:none;}
.al-dashboard-login .error{
    margin: 0;
    color: #ff0000;
    font-size: 13px;
}
.al-dashboard-login .login-submit {
    text-align: center;
    padding-top: 50px;
    /* margin-top: 50px; */
    /* padding-bottom: 30px; */
}
.al-dashboard-login .login-submit input {
    text-align: center;
    background: linear-gradient(258.91deg, #0F9CE4 8.55%, #0688CA 71.84%);
    padding: 15px 0px;
    border-radius: 20px;
    border: none;
    color: #fff;
    cursor: pointer;
    width: 383px;
}
/* Style for the upload wrap */
.al-upload-wrap {
        max-width: 84%;
        margin: 0 auto;
        padding: 35px 20px;
        border: 2px dashed #B4BAC6;
        border-radius: 10px;
        text-align: center;
        margin-bottom: 20px;
        background-color: #EFF6FD;
    }

    /* Style for the file drop area */
    .al-upload-wrap h3 {
        margin: 0;
        font-size: 21px;
        color: #333;
    }

    .al-upload-wrap .accept-doc-type {
        margin: 5px 0;
        font-size: 12px;
        font-weight: 500;
        color: #015FD4;
        font-family: Montserrat;
    }

    input[type="file"] {
        display: none;
    }

    .al-upload-wrap {
        position: relative;
    }

    .al-upload-wrap .add-button {
    background-color: #015FD4;
    padding: 8px 20px;
    font-size: 12px;
    font-weight: 700;
    font-family: Montserrat;
    color: #fff;
    border-radius: 20px;
    cursor: pointer;
    }

    .al-upload-wrap .add-button:hover {
        background-color: #015FD4;
    }

    .al-upload-wrap input[type="file"] {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        opacity: 0;
        cursor: pointer;
    }
.input-wrap-sec{display: flex;justify-content: center; column-gap: 15px; padding-bottom: 20px;}
.input-wrap{display: flex; flex-direction: column;}
.input-wrap label{color: #494949; font-size: 14px; font-weight: 500;}
.up-required{color: #0078B6;}
.title-cancel-wrap{
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 30px 40px;
    border-bottom: 1px solid #B0BDC3;
}
.title-cancel-wrap h3{
    margin: 10px 0px;
    font-size: 22px;
    font-weight: 600;
}
.input-wrap input, .input-wrap .select-box{    
    width: 203px;
    padding: 5px;
    background-color: #F5F7F9;
    border: 1px solid #D4DBE8;
}
.up-bottom-wrap{
    text-align: center;
    margin-top: 30px;
    padding: 20px;
    background-color: #EFF6FD;
}
.up-cancel-btn{
    background-color: transparent;
    color: #000;
    padding: 10px 40px;
    border-radius: 20px;
    cursor: pointer;    
    border: 1px solid #000;
    font-weight: 500;
}
.up-cancel-btn:hover{
    color: #fff;
    background-color: #015FD4;
    border: 1px solid #015FD4;
}
.upload-btn{
    background-color: #015FD4;
    color: #fff;
    border: 1px solid;
    padding: 10px 40px;
    border-radius: 20px;
    cursor: pointer;
    font-weight: 600;
}
#upload-form-version #file-info button{background: none; border: none;}

/* popup style */
#up-overlay{display: none; position: fixed; top: 0; left: 0; max-width: 100%; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); z-index: 100;}
.al-upload-form{display: none; width: 748px; position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); background: #fff; border: 1px solid #ccc; box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); z-index: 101;}
/* #close-popup-button{position: absolute; top: 5px; right: 5px;} */
.al-close-btn{margin: 10px 10px 25px 10px;}
.al-close-btn .close-icon{font-size: 40px; cursor: pointer;}



/* Admin dashboard css */

/* tab section styles */
.al-select-wrap .select2-selection__rendered, .al-select-wrap .select2-results__option{font-size: 14px !important;font-family: Montserrat; font-weight: 500;background-color: #F5F7F9; border: 1px solid #D4DBE8;}
.select2-container--default .select2-selection--single{border: 1px solid #D4DBE8 !important;}
.select2-results__option{font-size: 14px;font-family: Montserrat; font-weight: 500;}
.tab-content {
    display: none;
}
#al-dynamic-btn{
    margin-top: 5px;
}
.al-tab-border{
    width: 85%;
    max-width: 100% !important;
    margin-top: -5px;
    margin-left: 0px;
    border-bottom: 1px solid #6c6e7042;
}
#al-tab-container{
    width: 85%;
    display: flex;
    column-gap: 20px;
    /* border-bottom: 1px solid #B0BDC3; */
} 
#al-tab-container .tab{
    padding: 10px;
    font-family: Montserrat;
    font-size: 17px;
    font-weight: 500;
    cursor: pointer;
}
#al-tab-container .tab.active{
    border-bottom: 5px solid #23aeee;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    font-weight: 700;
}
.al-supplier-doc-sec .supplier-documents-table{
    width: 100%;
}
.sup-quad-status-tb{margin-top: 40px;}
.al-supplier-doc-sec{margin-top: 30px;}
.al-supplier-wrap, .al-sup-msme-wrap, .al-sup-qms-wrap{width: 85%; max-width: 100% !important;}
.al-msme-wrap, .al-qms-wrap{width: 100%; max-width: 100% !important;}
.al-supplier-doc-sec .al-content-wrap{display: flex; justify-content: space-between; align-items: center; margin-bottom: 20px;}
.al-upload-btn{
    font-size: 14px;
    font-weight: 600;
    background-color: #015FD4;
    color: #fff;
    padding: 8px 25px;
    border-radius: 20px;
    border: none;
    cursor: pointer;
}
.al-upload-btn:hover, .upload-btn:hover{
    color: #015FD4;
    background-color: transparent;
    border: 1px solid #015FD4;
}
a.al-download-link{text-decoration: none;}
.al-icon-wrap{padding-right: 5px;}
.al-download-icon{font-size: 16px; padding-right: 5px;}
.al-supplier-doc-sec .supplier-documents-table th{color:#6C6E70; font-family: Montserrat; font-size: 14px; text-align: left; padding-bottom: 10px;}
.al-supplier-doc-sec .supplier-documents-table{border-collapse: collapse;}
.al-supplier-doc-sec .supplier-documents-table tr:nth-child(even) td {
    background-color: #fff;
}
.al-supplier-doc-sec .supplier-documents-table tr:nth-child(odd) td {
    background-color: #e5f1f8;
}
.al-supplier-doc-sec .supplier-documents-table .doc-img{padding: 15px 10px 10px 50px;}
.al-supplier-doc-sec .supplier-documents-table .sub-dash-name{color: #002436; font-size: 16px; font-weight: 600;}
.al-supplier-doc-sec .supplier-documents-table .sub-dash-text{color: #002436; font-size: 13px; font-weight: 600;}
.al-supplier-doc-sec .supplier-documents-table .al-download-text{color: #0078B6; font-size: 13px; font-weight: 600;}
.al-supplier-doc-sec .supplier-documents-table .history-sec{background-color: #fff !important; padding-top: 60px;} 
.al-approve-label{
    padding: 3px 16px;
    font-size: 13px;
    font-weight: 700;
    color: #4DAF4E;
    background-color: #fff;
    border: 2px solid #4DAF4E;
    border-radius: 20px;
}
.al-deny-label{
    padding: 3px 16px;
    font-size: 13px;
    font-weight: 700;
    color: #FF0000;
    background-color: #fff;
    border: 2px solid #FF0000;
    border-radius: 20px;
}
.al-pending-label{
    padding: 3px 16px;
    font-size: 13px;
    font-weight: 700;
    color: #E8AD00;
    background-color: #fff;
    border: 2px solid #E8AD00;
    border-radius: 20px;
}

button.msme-approve-btn, button.qms-approve-btn {
    background-color: transparent;
    border: none;
    font-size: 30px;
    color: #4DAF4E;
    cursor: pointer;
    transition: transform .2s;
}
button.msme-deny-btn, button.qms-deny-btn{
    background-color: transparent;
    border: none;
    font-size: 30px;
    color: #FF0000;
    cursor: pointer;
    transition: transform .2s;
}

button.msme-awaiting-btn, button.qms-awaiting-btn{
    font-size: 25px;
    border: none;
    background-color: transparent;
    cursor: pointer;
    transition: transform .2s;
}

button.msme-approve-btn:hover, button.qms-approve-btn:hover, button.msme-deny-btn:hover, button.qms-deny-btn:hover{transform: scale(1.2);}
button.msme-awaiting-btn:hover, button.qms-awaiting-btn:hover{transform: scale(1.2);}

.qms-user-doc, .msme-user-doc{display:none;}
.al-approve-status-wrap{display: flex; align-items: center;}

.al-user-status-flt-wrap{
    background-color: #E5F1F8;
    padding: 35px;
    display: flex;
}
.al-supplier-doc-sec .al-user-filter{width: 40%;}
.al-supplier-doc-sec .al-status-filter{width: 60%;}

/* .al-supplier-doc-sec .al-filter-sec{
    background-color: #E5F1F8;
    padding: 35px;
} */
.al-supplier-doc-sec .al-filter-sec .al-p-text{
    margin: 0;
    padding-bottom: 10px;
    font-weight: 500;
}
.al-supplier-doc-sec .al-filter-sec .al-required{color: #0078B6;}

.select2-results__option:before {
    content: "";
    display: inline-block;
    position: relative;
    height: 20px;
    width: 20px;
    border: 2px solid #e9e9e9;
    background-color: #E5F1F8 !important;
    border-radius: 20px;
    background-color: #fff;
    margin-right: 20px;
    vertical-align: middle;
  }
  .select2-results__option[aria-selected=true]:before {
    font-family:fontAwesome;
    content: "\f00c";
    font-size: 16px;
    color: #fff;
    background-color: #015FD4 !important;
    height:25px;
    border: 0;
    display: inline-block;
    padding-left: 5px;
  }
  .select2-container--default .select2-results__option[aria-selected=true]{background-color: #E5F1F8 !important;color : #015FD4 !important; font-weight: 600; font-family: Montserrat; }

  .al-user-filter span.select2.select2-container{
    width: 80% !important;
  }
  .al-status-filter span.select2.select2-container{
    width: 30% !important;
  }
  .al-status-filter .select2-container--default .select2-selection--single, .al-quad-flt-container .select2-container--default .select2-selection--single{
    padding: 5px;
    height: 40px;
    background-color: white;
    border: 1px solid #aaa !important;
    border-radius: 4px;
  }
  .al-status-filter .select2-container--default .select2-selection--single .select2-selection__arrow, .al-quad-flt-container .select2-container--default .select2-selection--single .select2-selection__arrow{padding: 5px;}

 .al-admin-template .select2-container--open .select2-dropdown{top: 0px; box-shadow: 1px 4px 8px #0000003d;}
  .al-supplier-doc-sec .select2-selection__clear{display: none;}

  .select2-container--default .select2-selection--multiple:before {
    content: ' ';
    display: block;
    position: absolute;
    border-color: #444444 transparent transparent transparent;
    border-style: solid;
    border-width: 7px 6px 0 6px;
    height: 0;
    right: 6px;
    margin-left: -4px;
    margin-top: -2px;top: 50%;
    width: 0;cursor: pointer
}

.select2-container--open .select2-selection--multiple:before {
    content: ' ';
    display: block;
    position: absolute;
    border-color: transparent transparent #444444 transparent;
    border-width: 0 6px 7px 6px;
    height: 0;
    right: 6px;
    margin-left: -4px;
    margin-top: -2px;top: 50%;
    width: 0;cursor: pointer
}
.select2-container--default .select2-selection--single .select2-selection__arrow b{
    border-color: #444444  transparent transparent transparent !important;
    border-width: 6px 5px 0 5px !important;
}
/* quad */
#subscriber-users{width:340px !important;}
#subscriber-month{width:180px !important;}
#subscriber-year{width:120px !important;}
#upload-form-quad .select2-container .select2-selection--single{height: 38px;}
#upload-form-quad .select2-container .select2-selection--single .select2-selection__rendered{padding-top: 5px;}
#upload-form-quad .select2-container--default .select2-selection--single .select2-selection__arrow{padding-top: 10px;}
.ui-widget-header {
    border: 1px solid #dddddd;
    background: #EFF6FD !important;
    color: #333333;    
    font-weight: 400 !important;
    font-family: 'Montserrat';
}
.ui-datepicker .ui-datepicker-title {
    display: flex;
    column-gap: 15px;
}
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus, .ui-button:hover, .ui-button:focus {
    background: #EFF6FD !important;
    font-weight: normal;
    color: #2b2b2b;
}
.ui-widget-content button.ui-state-hover{background: #015FD4 !important; color:#fff;}
.input-wrap input#month-year-picker{padding: 10px; background-color: transparent;border-radius: 4px;}
.input-wrap input#month-year-picker:focus{ outline: 1px solid;}
button.ui-datepicker-current.ui-state-default.ui-priority-secondary.ui-corner-all {display: none;}
.ui-datepicker .ui-datepicker-title select {font-size: 16px !important;}

#quad_user_filter{width:240px;} 
.al-filter-group { display:flex; justify-content:flex-start; gap:30px;background-color:#E5F1F8; width:100%; flex-wrap: wrap;}
.al-filter-group p.filter-p-text {margin:1rem 0 4px 0; }
/* .al-filter-group .filter-wrapper{margin-left:3rem; padding-bottom:1rem;} */
select#uploaded_to_filter, select#uploaded_year_filter {padding:10px 2px; width:280px;border: 1px solid #cccccc6e;outline: 1px solid #cccccc6e;border-radius: 5px;}
.al-quad-filter span.select2.select2-container{width: 280px !important;}
.msme-select-wrap span.select2.select2-container{width: 215px !important;}
.msme-select-wrap .select2-selection--single{height: 30px !important;}
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { top: 6px !important;}
.ui-datepicker .ui-datepicker-header {padding: 0.5em 0 !important;}


.upload-title{font-size: 22px; font-weight: 600; font-family: Montserrat;}
.al-label{padding-bottom: 5px;}
body.albonair-bg header, body.albonair-bg footer {
    display: none;
}
.al-dashboard-login .login-title {
    font-size: 22px;
    font-weight: 600;
    color: #002436;
    padding-top: 20px;
}
.al-dashboard-login #user_pass::placeholder, .al-dashboard-login #user_login::placeholder{
    font-family: Montserrat;
    font-size: 14px;
    font-weight: 500;
    font-style: italic;
    color: #0000006c;
}
.al-dashboard-login #loginform label{padding-bottom: 5px;}
.al-dashboard-login .login-submit input{font-family: Montserrat; font-size: 12px; font-weight: 600;}
.al-dashboard-login .al-login-img-sec{padding-bottom: 20px;}
.al-sup-menu{
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 20px 40px;
    box-shadow: 0px 6px 12px #0000002b;
}
.al-profile-picture img{
    width: 50px;
    height: 50px;
    border-radius: 35px;    
    border: 6px solid #6C6E7033;
}
.al-user-info{display: flex; align-items: center; column-gap: 20px;}
.al-sup-template #header, .al-sup-template hr, .al-sup-template #wpadminbar, .al-sup-template #footer{display: none;}
.al-admin-template #header, .al-admin-template hr, .al-admin-template #footer{display: none;}
.albonair-bg #header, .albonair-bg hr, .albonair-bg #footer{display: none;}
.al-sup-tem-sec{padding: 30px 40px;}
.al-user-info .al-welcome{font-size: 16px; font-weight: 700; color: #6C6E70;}
.al-user-info .tem-username{font-size: 16px; font-weight: 700; color: #000;}
.al-go-to-backend{
    margin-left: 20px;
    text-decoration: none;
}

.al-back-to-home{
    float: right;
    padding: 10px 15px;
    color: #0078B6;
    background-color: #B4D7EB59;
    font-size: 16px;
    font-weight: 500;
    border: 1px solid #0078B6;
    border-radius: 5px;
    text-decoration: none;
}
.al-back-to-home:hover, a.view-doc:hover, a.al-download-link:hover, a.al-go-to-backend:hover, .al-back-to-home:focus, a.al-go-to-backend:focus{text-decoration: none;}
.al-tab-flex{display: flex;}

/* view-document */
a.view-doc{text-decoration: none;}
.view-doc:hover .sub-dash-text{color: #015FD4;}
div#qms-file-info,div#msme-file-info,div#file-info,div#quad-file-info {margin-top: 10px;}
div#qms-file-info button,div#msme-file-info button,div#file-info button,div#quad-file-info button {margin-left: 5px;border: none;outline: none;background: transparent;}
.al-delete-icon.hide {display: none;}
.error-message {color: #ff0000ba;font-family: 'Montserrat';font-size: 16px;font-weight: 500;}
.file-message {display: flex;align-items: center;margin: auto;justify-content: center;}
.al-login-html, .al-wpadmin-html{margin-top: 0 !important;}
.al-user-details p{margin: 0; text-align: right;}
.supplier-documents-table tr{border-radius: 5px;}
.al-supplier-doc-sec .supplier-documents-table .sub-dash-sub-text {
    color: #6C6E70;
    font-size: 13px;
    font-weight: 600;
}
.al-admin-template .select2-container--default .select2-selection--single .select2-selection__rendered{font-size: 18px; font-family: 'Montserrat';}

.al-apply-filter-sec{text-align: center; padding: 40px;}
.al-apply-filter-sec .al-apply-filter-text{margin: 0; color: #002436; font-weight: 700; font-size: 22px;}
.al-apply-filter-sec .al-apply-filter-dec{font-size: 17px; margin: 10px;}
.al-supplier-doc-sec.al-quad-wrap .al-filter-sec{padding:35px;}

.sup-menu-wrap, .al-menu-wrap{position: sticky; top: 0; background-color: #fff; z-index: 100;}
.al-user-details{text-align: right;}
.al-logout-link{font-size: 14px; text-decoration: none;}
.al-logout-link:hover{color: #23aeee; text-decoration: none;}
.al-logout-txt{margin-left: 5px;}

.al-dashboard-login .al-login-logo{width: 220px; padding-top: 40px;}
html.al-wpadmin-html #wpadminbar{display: none;}

/* hide */
.al-sup-pre-hide{display: none;}
.albonair-bg .wp-block-post-title{display: none;}
.al-back-to-login{padding-bottom: 20px;}
/* reset form */
#al-reset_password_form, #al-new-password-form{
    width: 65%;
    margin: auto;
    text-align: left;
    margin-top: 50px;
}
.al-confirm-pass-form{text-align: center; border-radius: 10px;}
.al-reset-field-wrap, .al-reset-wrap{
    display: flex;
    flex-direction: column;
    padding-bottom: 15px;
}
.al-reset-field-wrap input, .al-reset-wrap input{
    border: 1px solid #E8E8E8;
    padding: 10px;
    border-radius: 6px;
    background-color: #F5F7F9;
}
.al-reset-field-wrap label, .al-reset-wrap label{
    color: #494949;
    text-align: left;
    font-size: 16px;
    font-weight: 600;
    padding-bottom: 5px;
}
.al-reset-btn-field{text-align: center;}
.al-reset-btn-field input{
    background: linear-gradient(258.91deg, #0F9CE4 8.55%, #0688CA 71.84%);
    padding: 15px 0px;
    border-radius: 20px;
    border: none;
    color: #fff;
    cursor: pointer;
    font-family: Montserrat;
    font-size: 12px;
    font-weight: 600;
    width: 383px;
}

/* @media(min-width: 1300px){
    .albonair-bg .entry-content{height: 100vh;}
} */
@media only screen and (max-width:1380px){
    .al-supplier-doc-sec.al-quad-wrap .al-filter-sec {
        padding: 10px !important;
    }
    .al-filter-group {
        column-gap: 25px;
    }
}