/*!
 *   Manpower ERP | Login CSS
 *   Author: Suman Shrestha
 *   Website: https://sumanshresthaa.com.np
 */

body {
    margin: 0;
    font-family: 'Muli', sans-serif !important;
    font-size: 0.875rem;
    font-weight: 400;
    line-height: 1.5;
    color: #293240;
    background-color: #f0f2f8;
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.login-heading h4 {font-size: 22px; font-weight: 800;}
.login-box {margin-top: 25px; margin-bottom: 15px;}

.auth-wrapper.auth-v3 {background: linear-gradient(to right, #7267EF 50%, #fff 0);}
.auth-wrapper {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    min-width: 100%;
    min-height: 100vh;
    background: #7267EF;
}

.auth-wrapper.auth-v3 .auth-content {width: 800px;}
.auth-wrapper .auth-content {position: relative; padding: 15px; z-index: 5;}
.auth-wrapper.auth-v3 .auth-content .card {overflow: hidden; padding: 0; box-shadow: 0 5px 30px 1px rgb(0 0 0 / 10%);}
.auth-wrapper .card { margin-bottom: 0; padding: 8px;}

.card {box-shadow: 0 2px 6px -1px rgb(0 0 0 / 10%); margin-bottom: 24px; transition: box-shadow 0.2s ease-in-out;}
.card {
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #ffffff;
    background-clip: border-box;
    border: 0px solid rgba(0, 0, 0, 0.125);
    border-radius: 4px;
}
.text-center {text-align: center !important;}
.align-items-stretch {align-items: stretch !important;}

.auth-wrapper.auth-v3 .auth-content .img-card-side { position: relative; padding: 0;}
.auth-wrapper.auth-v3 .auth-content .img-card-side .img-card-side-content { position: absolute; top: 30px; left: 45px;}
.auth-wrapper.auth-v3 .auth-content .card .card-body {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
}
.auth-wrapper .auth-content:not(.container) .card-body { padding: 40px 35px;}
.auth-wrapper .card .card-body { padding: 20px 25px 20px 40px;}

.card-body {flex: 1 1 auto;  padding: 25px 25px;}
.f-w-600 {font-weight: 600; }
.text-primary {color: #7267EF !important;}
.text-muted {color: #6c757d !important;}
.auth-content p {font-size: 14px;letter-spacing: 0.3px; }
.mb-4 {margin-bottom: 1.5rem !important;}

.auth-wrapper .input-group {background: transparent;}
.mb-3 { margin-bottom: 2rem !important; }
.input-group {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    width: 100%;
}
.input-group:not(.has-validation) > :not(:last-child):not(.dropdown-toggle):not(.dropdown-menu), .input-group:not(.has-validation) > .dropdown-toggle:nth-last-child(n + 3) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}
.input-group-text {
    display: flex;
    align-items: center;
    padding: 0.575rem 1rem;
    font-size: 0.875rem;
    font-weight: 400;
    line-height: 1.5;
    color: #293240;
    text-align: center;
    white-space: nowrap;
    background-color: #f0f2f8;
    border: 2px solid #ced4da;
    border-radius: 4px;
}
.input-group > .form-control, .input-group > .form-select {
    position: relative;
    flex: 1 1 auto;
    width: 1%;
    min-width: 0;
}
.auth-wrapper .input-group {background: transparent;  }
.mb-4 {
    margin-bottom: 1.5rem !important;
}
.input-group {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    width: 100%;
}
.my-2 {margin-top: 0.5rem !important; margin-bottom: 0.5rem !important; }
.float-end { float: right !important; padding-top: 3px; }
.auth-wrapper a, .auth-wrapper p > a {color: #525b69; font-size: 13px; font-weight: 600;}

.form-check {
    display: block;
    padding-left: 1.75em;
    margin-bottom: 0.125rem;
} 
.form-check-input[type="checkbox"] {border-radius: 0.25em;}
.form-check .form-check-input {float: left; margin-left: -1.10em; font-size: 14px;}
.form-check-input {
    width: 1.25em;
    height: 1.25em;
    margin-top: 0.125em;
    vertical-align: top;
    background-color: #ffffff;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    border: 1px solid rgba(0, 0, 0, 0.25);
    -moz-appearance: none;
    -webkit-print-color-adjust: exact;
    color-adjust: exact;
    transition: background-color 0.15s ease-in-out, background-position 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.form-group .form-check-label {
    font-weight: 500;
    font-size: 13px;
    float: left;
    margin-left: 10px;
    padding-top: 3px;
}
label {display: inline-block;}
.text-end {text-align: right !important;}
.btn[class*="btn-light-"] {box-shadow: none;} 
.mt-2 {margin-top: 0.5rem !important;}  

.form-check-input{
    position:relative;
}