@media (min-width: 768px) {
    html { font-size: 16px; }
}

/* This is a CSS sunil comment */
.btn:focus, 
.btn:active:focus, 
.btn-link.nav-link:focus, 
.form-control:focus, 
.form-check-input:focus { box-shadow:none; }
html { font-size:14px;position:relative;min-height:100%; }
body { margin-bottom:60px; }



a { color:#e20075;text-decoration:none; }
a:hover { color:#e20075;text-decoration:underline; }
.primaryClr { color:#e20075 !important; }
.text-right { text-align:right; }
.error { color:#dd251d !important; }
input[type='number'] { -moz-appearance: textfield; }
.text-danger { color:#dd251d !important; }
.form-group { margin-bottom:15px; }
.k-column-title { font-size:14px !important;font-weight:600 !important; }
.k-grid td, .k-grid .k-table-td { font-size:14px !important;font-weight:500; }
.k-grid-header {padding:0 !important; overflow:hidden; }
button { border:none; }
.btn-bg-remove { background-color: #00000000; }
button.fa { background:none; border:none; }




/*----loginForm start here----*/
.bgLogin { width:534px; position:absolute; left:50%; top:50%; margin-left:-267px; margin-top:-267px; padding-bottom:20px; }
.bgLogin .interpriseLogo { margin:0 0 20px; }
.loginForm { background:#fff;padding:40px 30px; }
.loginForm h3 { font-size: 20px; color: #000; font-weight: 700; line-height:24px; margin-top:0px; margin-bottom:28px; }
.loginForm h3 span { color:#e20075; }
.loginForm .form-control[readonly] { background:#fff !important; }
.usefulLinks { color: #fff; text-align: center; margin-top: 10px; }
.usefulLinks a { font-size: 12px; color: #fff; }
.loginReme { text-align:left; margin-top:6px; margin-bottom:10px; }
.loginReme input { margin-top: 0px; }
.loginReme label { display: inline-block; vertical-align: top; font-family: 'Poppins', sans-serif; font-size: 13px; color: #747474; font-weight: 500; padding-left: 6px; }
a.forgot-section { display:block; margin-top:6px; font-size: 13px; color: #ea2b88; font-style: italic; font-weight:500; }
span.field-validation-error span { font-size:12px; }


/*---floating Input start here----*/
.form-floating { position: relative; }
.form-floating img, 
.form-floating svg { vertical-align: middle; }
.form-floating img { max-width: 100%; display: block; }
.form-floating .form-control { padding-left: 30px; padding-right: 0 !important; border-top: none !important; border-left: none !important; border-right: none !important; border-bottom: 1px solid #000; border-radius: 0; font-size: 14px; color: #323232 !important; }
.form-floating > label { position: absolute; top: -4px; left: 5px; height: 100%; padding: 1rem 0.75rem; pointer-events: none; border: 1px solid transparent; transform-origin: 0 0; transition: opacity .1s ease-in-out,transform .1s ease-in-out; }
.form-floating .fa-eye { position: absolute;right: 8px;top: 14px; }
.form-floating .fa-eye-slash { position: absolute;right: 8px;top: 14px; }
.form-floating .lefticon { position: absolute; bottom: 11px; left: 0; }
.form-check label { font-size: 14px; color: #747474; }
.forgot-password { color: #ea2b88; font-style: italic; font-size: 14px; text-decoration: none; }
.form-control { display: block; width: 100%;font-size:14px;padding: 0.375rem 0.75rem;background-color: #fff; background-clip: padding-box; border: 1px solid #ced4da; -webkit-appearance: none; -moz-appearance: none; appearance: none; border-radius: 0.25rem; transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out; }
.form-floating > .form-control,
.form-floating > .form-select { height: calc(3.5rem + 2px); line-height: 1.25; }
.form-floating > .form-control { padding: 15px 25px;height: calc(40px + 2px); line-height: 1.25; }
.form-floating > .form-control:focus,
.form-floating > .form-control:not(:placeholder-shown) { padding-top: 1.625rem; padding-bottom: 0.625rem; }
.form-floating > .form-select { height: calc(40px + 2px); line-height: 1.25; }
.form-floating label { padding-left: 1.2rem; padding-right: 0; text-transform: uppercase; font-size: 13px; letter-spacing: 0.45px; color: #5e697b; opacity: 1; font-weight: 300; }
.form-floating > .form-control::placeholder { color:#fff; }
.form-floating > .form-control:focus ~ label,
.form-floating > .form-control:not(:placeholder-shown) ~ label,
.form-floating > .form-select ~ label { opacity: 1; -webkit-transform: scale(1) translateY(-1.2rem) translateX(0rem); transform: scale(1) translateY(-1.2rem) translateX(0rem); }
.form-control.is-valid,
.was-validated .form-control:valid { border-color: #ea2b88 !important; border-width: 2px !important; background: url("../Content/images/check-circle-fill.svg") no-repeat bottom 5px right; }
.form-check { display: block; min-height: 1.5rem; padding-left: 1.5em; margin-bottom: 0.125rem; }
.form-check-input { width: 1em; height: 1em; margin-top: 0.25em; vertical-align: top; background-color: #fff; background-repeat: no-repeat; background-position: center; background-size: contain; border: 1px solid rgba(0,0,0,.25); -webkit-appearance: none; -moz-appearance: none; appearance: none; -webkit-print-color-adjust: exact; color-adjust: exact; }
.form-check .form-check-input { float: left; margin-left: -1.5em; }
.form-check-input[type=checkbox] { border-radius: 0.25em; }
.form-check-input:checked { background-color: #0d6efd; border-color: #0d6efd; }
.form-check-input:checked[type=checkbox] { background: url(../Content/images/checkBtn.png) no-repeat center center #0d6efd; }

.helpOnWay { background:#f0f0f0;padding:15px 20px;margin-top:15px; }
.helpOnWay::before { content:"";position:absolute;left:20px;top:-11px;width:0px;height:0px;border-left:12px solid transparent;border-right:12px solid transparent;border-bottom:12px solid #f0f0f0; }
.helpOnWay span { display:block;font-size:12px;color:#000;margin-bottom:0px; }
/*---floating Input end here----*/


/*----button start here----*/
.primaryBtn { min-width:90px;background:#e20075;border:1px solid #e20075;border-radius:0px;position:relative;display:inline-block;vertical-align:top;font-size:13px;padding:7px 16px;line-height:18px;text-transform:uppercase;transition:all 0.5s;cursor:pointer;margin:0px; }
.primaryBtn::after { content: '\f105';font-family: 'FontAwesome', sans-serif;font-size:14px;position:absolute;opacity:0;top:6px;right:0px;transition:0.5s; }
.primaryBtn:hover { padding-right:14px;background:#e20075;border:1px solid #e20075;padding-left:8px;text-decoration:none; }
.primaryBtn:hover::after { opacity:1;right:12px; }



.secondaryBtn { min-width:90px;position:relative;cursor:pointer;display:inline-block;vertical-align:top;border-radius:0px;background:#fff;border:1px solid #2d2d2d !important;color:#2d2d2d !important;text-align:center;font-size:13px;padding:7px 16px;line-height:18px;text-transform:uppercase;transition:all 0.5s;margin:0px; }
.secondaryBtn::after { content: '\f105';font-family: 'FontAwesome', sans-serif;font-size:14px;position:absolute;opacity:0;top:6px;right:0px;transition:0.5s; }
.secondaryBtn:hover { padding-right:14px;padding-left:8px;text-decoration:none;color:#fff; }
.secondaryBtn:hover::after { opacity:1;right:12px; }

.resendOtp {
    background: none !important;
    border: none !important;
    padding: 0px 0px 6px !important;
    color: #e20075 !important;
    margin-top: 8px;
}
/*----button end here----*/

.subtitle {	color: #777;margin-bottom:20px; }
.status-cards { display:flex;gap:20px;margin-bottom:25px; }
.card {	flex: 1; padding:20px 10px;border:1px solid #ddd;background:#fff;border-radius:6px;text-align:center;box-shadow:0 2px 5px rgba(0,0,0,0.1); }
.card-icon { font-size:30px;margin-bottom:0px;display:block; }
.card-icon img { width:42px; height:auto; }
.card-title { font-weight:bold;margin-bottom: 5px; }
.card-value { color:#e91e63;font-size:18px; }
.elap { display:inline-block;min-width:10px;padding:3px 7px;font-size:12px;font-weight:bold;line-height: 1; color: #fff; text-align: center; white-space: nowrap; vertical-align: middle; border-radius: 4px; }
.card-box { border: 1px solid #d2d2d2; background:#f2f2f2; }
.inner-addon .form-control { height: 38px; }
.subBtn:hover:after { opacity: 1; right: 6px; top: 4px; }
.grayBtn:hover:after { opacity: 1; right: 12px; top: 4px; }
.right-addon .fa-calendar { font-size: 14px; margin: 20px 2px 0 0; background-color: #dcdcdc; }
.quesFa { position:absolute;top:0px;left: 74px; }
.status-badge { color: #fff;padding:4px 8px;border-radius:4px;font-weight:bold;display: inline-block; }

.status-queued { background-color: #808080; }
/* Grey */
.status-pending { background-color: #ffc107; }
/* Yellow */
.status-submitted {	background-color: #17a2b8; }
/* Teal */
.status-completed {	background-color: #28a745; }
/* Green */
.status-onhold { background-color: #000000; } 
/* Black */
.status-action { background-color: #dc3545; }
/* Red */
.status-canceled { background-color: #b30000; }
/* Dark Red */
.status-default { background-color: #6c757d; }
/* Dark Grey */









.form-wizard-steps li {
    position: relative;
    text-align: center;
}

.check-icon {
    position: absolute;
    top: -15px;
    left: 50%;
    transform: translateX(-50%);
    background: #007a57;
    color: #fff;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    font-size: 14px;
    line-height: 24px;
}

.uploaded-count {
    color: #03b703;
    font-weight: 600;
}

.success-message-text {
    color: #03b703;
}



.upload-success-msg {
    text-align: center;
    font-size: 16px;
    font-weight: normal;
    color: #888;
    margin-top: 10px;
}

    .upload-success-msg .uploaded-count {
        font-weight: bold;
        color: #000;
        font-size: 18px;
    }

.invalid-row {
    background-color: #f8d7da !important;
    color: #721c24;
}

.wrap-text {
    white-space: normal !important; /* allows line breaks */
    word-wrap: break-word; /* breaks long words */
}

.wrap-text-header {
    white-space: normal !important;
    word-wrap: break-word;
}

.k-grid td {
    white-space: normal !important;
    word-wrap: break-word;
}
.login_right_bg {
    background-size: cover !important;
    height: 100vh;
    width: 100%;
    background-repeat: no-repeat !important;
    background-position: 100% 100% !important;
}


@media only screen and (min-width: 468px) and (max-width: 767px) {
    .login_page_sec .col-sm-12{width: 100%!important}
    .login_right_bg{display:none;}
     .login_mobile_bg{display:block! important;}
     .login_mobile_bg img{width:100%;}
     .loginForm h3 {margin-top: 20px;}
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
     .login_mobile_bg img{width:100%;}
     .loginForm h3 {margin-top: 20px;}
    .login_page_sec .col-md-6{width:50%!important; padding-right: 0px;}
    .loginForm {padding: 30px 10px!important;}
    .login_right_bg{height: 100vh!important;background-position: 90% 100% !important;}
}

@media only screen and (min-width: 1025px) and (max-width: 1150px) {
     .login_mobile_bg img { width:100%; }
     .loginForm h3 { margin-top: 20px; }
    .login_page_sec .col-md-6 { width:50%!important; padding-right: 15px!important; }
    .loginForm {padding: 30px 10px!important;}
    .login_right_bg { background-position: 90% 100% !important; }
}

@media only screen and (min-width: 1100px) and (max-width: 1366px) {
     .login_mobile_bg img { width:100%; }
     .loginForm h3 { margin-top: 20px; }
    .login_page_sec .col-xl-4 { width:40%!important;padding-right:15px!important; }
    .login_page_sec .col-xl-8 { width:60%!important;padding-right:0px!important; }
    .loginForm { padding: 40px 50px!important;}
    .login_right_bg { background-position: 90% 100% !important; }
    .slaBox p { text-align:left; }
    .container { max-width:92%; }
}

@media screen and (max-width: 467px) {
    .login_page_sec .col-12 { width: 100% !important;padding-left:0px; }
    .login_right_bg{ display:none; }
    .login_mobile_bg { display:block! important; }
    .login_mobile_bg img { width:100%; }
    .loginForm {padding:30px 30px !important; }
    .loginForm h3 { margin-bottom:13px;margin-top:20px; }
    .usefulLink a{ font-size:13px; }
}