/*
    CSS Name: Nirma Dashboard CSS
    Author: Nirma Design Team
    Version: 1.0.0
*/

/* ==================== RESET CSS ==================== */
* { padding: 0; margin: 0; border: none; box-sizing: border-box; }
    *, *:before, *:after { box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; outline: none; }
html { border: 0; font-size: 100%; margin: 0; outline: 0; padding: 0; }
body { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-rendering: optimizeLegibility; overflow-x: hidden; font-family: "Poppins",sans-serif !important; font-size: 13px; }
img { border-style: none; height: auto; max-width: 100%; }
h1, h2, h3, h4, h5, h6 { margin: 0; }
p { margin-bottom: 25px; }
    p:last-child { margin-bottom: 0; }
a { transition: all 0.4s ease; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; font-weight: 500; }

/*a:hover{color:#000000;}*/
select { -webkit-appearance: none; -moz-appearance: none; text-indent: 1px; text-overflow: ''; }
input[type=date], input[type=email], input[type=number], input[type=password], input[type=search], input[type=tel], input[type=text], input[type=url], select, textarea { font-family: "Poppins",Sans-serif; font-size: 14px; font-weight: 400; line-height: 1.5; letter-spacing: 0; border: 1px solid #ebebeb !important; /*background: #fff !important;*/ border-radius: 50px !important; padding: 10px 20px !important; /*width: 100%;*/ /*height: 56px;*/ color: #000000; margin-bottom: 0px; -moz-outline: none; -webkit-outline: 0; outline: 0; }
[type=button]:focus, [type=submit]:focus, button:focus { outline: none; outline: 0; }
textarea { height: 100px; -webkit-appearance: none; resize: none; border-radius: 8px !important; transition: all 0.4s ease-in-out !important; }
    textarea.form-control { font-family: Poppins !important; font-weight: 400; font-size: 14px; line-height: 1.5em; letter-spacing: 0px; }
select, select.form-control { border: 1px solid #D9D9D9; border-radius: 50px; padding: 10px 45px 10px 20px !important; font-family: Poppins !important; font-weight: 400; font-size: 14px; line-height: 1.5em !important; letter-spacing: 0px; position: relative; background: url(../images/orange-arrow-down-icon.svg) no-repeat calc(100% - 15px) 50%; height: auto !important; cursor: pointer; transition: all 0.4s ease; width: 100%; color: #000; }
    select option { font-family: "Poppins",sans-serif !important; font-weight: 400 !important; font-size: 14px; line-height: 1.5em; letter-spacing: 0px; }
    input[type=date]:hover, input[type=email]:hover, input[type=number]:hover, input[type=password]:hover, input[type=search]:hover, input[type=tel]:hover, input[type=text]:hover, input[type=url]:hover, input[type=date]:focus, input[type=email]:focus, input[type=number]:focus, input[type=password]:focus, input[type=search]:focus, input[type=tel]:focus, input[type=text]:focus, input[type=url]:focus, select:focus, textarea:focus, select:focus, select:hover, select.form-control:focus, select.form-control:hover, textarea:hover { border-color: #F23224 !important; }

    /* Inputs Disable Style */
    input.aspNetDisabled, select.aspNetDisabled, textarea.aspNetDisabled { width: 100%; }

/* Calender Icon On Date Input */
.daterange-single { padding: 10px 40px 10px 20px; background: url(../images/date-range-icon.svg) no-repeat 96% center; background-size: 15px; }

/* input placeholder color css */
::placeholder { color: #656565; opacity: 1; font-weight: 400; }
::-webkit-input-placeholder { color: #656565; opacity: 1; font-weight: 400; }
::-moz-placeholder { /* Firefox */ color: #656565; opacity: 1; font-weight: 400; }
::-ms-input-placeholder { /* Edge 12-18 */ color: #656565; font-weight: 400; }

/* Text Selection CSS   */
::-moz-selection { /* Code for Firefox */ color: #ffffff; background: #000000; }
::selection { color: #ffffff; background: #000000; }
input[type="file"] { color: #000; font-weight: 400; font-size: 14px; line-height: 1.2em; }
    input[type="file"]:hover { box-shadow: unset !important; }
    input[type="file"]::file-selector-button { background-color: /*#DAEBFE*/ #B6D3F3; color: #004D9F; /*padding: 10px 30px 10px 60px;*/ padding: 10px 30px; border-radius: 50px; font-size: 14px; font-weight: 500; line-height: 1.2em; cursor: pointer; transition: all 0.4s ease; margin-right: 15px; /*background-image: url(../images/upload-file-button-icon.svg);*/ background-position: 28px center; background-repeat: no-repeat; border: 0; outline: unset; text-align: center; }

        /* Add hover effects for better user experience */
        input[type="file"]::file-selector-button:hover { background-color: #005DC1; color: #ffffff; box-shadow: unset; }

/* CHECKBOX CSS */
.checkbox-inline { display: flex; justify-content: center; align-items: center; flex-wrap: nowrap; gap: 10px; }
    .checkbox-inline .nu-checkbox { width: auto; }

/* Without label styling */

/*.nu-checkbox {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
}*/
.nu-checkbox { display: flex; align-items: center; flex-wrap: nowrap; column-gap: 8px; }
[type="checkbox"] { opacity: 1; width: 20px; height: 20px; position: relative !important; border: 1px solid #005DC1 !important; border-radius: 4px; -webkit-appearance: none; -moz-appearance: none; appearance: none; overflow: hidden; }
    [type="checkbox"]:after { content: ''; position: absolute; left: 6px; top: 2px; width: 6px; height: 12px; border: solid white; border-width: 0 2px 2px 0; -webkit-transform: rotate(38deg); -ms-transform: rotate(38deg); transform: rotate(38deg); }
    [type="checkbox"]:not(:checked) { background-color: white; border: 2px solid #C8DCEF !important; border-radius: 4px; /* box-shadow: inset 0 1px 3px rgba(0,0,0, .1), 0 0 0 rgba(203, 34, 237, .2);*/ -webkit-transition: all .4s ease; transition: all .4s ease; opacity: 1; }
    [type="checkbox"]:checked { opacity: 1; border-radius: 4px; }
    [type="checkbox"]::before { content: ''; position: absolute; top: 0px; left: 0px; width: 20px; height: 20px; background-color: #005DC1; /* border-radius: 4px;*/ opacity: 0; transition: all 0.3s ease-in-out; }
    [type="checkbox"]:checked:before { opacity: 1; }
    [type="checkbox"]:hover { border-color: #005DC1 !important; }
    [type="checkbox"] + label { position: relative; padding-left: 0.6rem; font-size: 1.05em; line-height: 20px; cursor: pointer; /*color: #000;*/ display: inline-block; margin-bottom: 0; vertical-align: top; max-width: calc(100% - 20px); }

/* RADIO BUTTON CSS */
[type="radio"]:checked, [type="radio"]:not(:checked) { position: absolute; /*    left: -9999px;*/ visibility: hidden; }
    [type="radio"]:checked + label, [type="radio"]:not(:checked) + label { position: relative; padding-left: 28px; cursor: pointer; line-height: 20px; display: inline-block; color: #666; }
        [type="radio"]:checked + label:before, [type="radio"]:not(:checked) + label:before { content: ''; position: absolute; left: 0; top: 0; width: 20px; height: 20px; border: 2px solid #C8DCEF; border-radius: 100%; background: #fff; }
        [type="radio"]:checked + label:after, [type="radio"]:not(:checked) + label:after { content: ''; position: absolute; left: 7px; top: 3px; width: 6px; height: 12px; border: solid white; border-width: 0 2px 2px 0; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; }
        [type="radio"]:not(:checked) + label:after { opacity: 0; -webkit-transform: scale(0); transform: scale(0); }
        [type="radio"]:checked + label:after { opacity: 1; -webkit-transform: rotate(38deg) scale(1); transform: rotate(38deg) scale(1); }
        [type="radio"]:checked + label:before { background: #22B600; border-color: #22B600; }
.aspNetDisabled input[type=checkbox] { /*width:auto;*/ width: 20px; }
    .aspNetDisabled input[type=checkbox], .aspNetDisabled input[type=checkbox]:before { cursor: not-allowed; opacity: 1; background: #EAEAEA; border-color: #EAEAEA !important; }
        .aspNetDisabled input[type=checkbox]:after { border-color: #535353; }
.form-control { transition: all 0.4s ease-in-out !important; }

/*------------------------------------------------------*/

/* Table Radio Button Gap */
.radio-button-gap tr { display: flex; flex-wrap: wrap; gap: 20px; }

/* ==================== BUTTONS CSS ==================== */

/* GLobal Buttons CSS */
.btn-blue-text-white { background: #005DC1; color: white; border-radius: 6px; padding: 16px 30px !important; font-size: 18px !important; font-weight: 600 !important; line-height: 1 !important; }
.btn-red-text-white { background: #F23224; color: white; border-radius: 6px; padding: 16px 30px !important; font-size: 18px !important; font-weight: 600 !important; line-height: 1 !important; }
.btn-orange-text-white { /*background: #F23224;*/ /*background: linear-gradient(90deg,rgba(242,50,36,1) 0%,rgba(242,50,36,1) 100%);*/ background-image: linear-gradient(to right,#F23224,#F23224,#FF5E56,#47A0F8); background-size: 300% 100%; color: white; border-radius: 6px; padding: 16px 30px; font-size: 16px; font-weight: 600; line-height: 1; border-radius: 50px; text-transform: capitalize; transition: all 0.4s ease; cursor: pointer; position: relative; z-index: 2; }
    .btn-orange-text-white::before { /*content: "";*/ position: absolute; left: 0; width: 20px; height: 20px; top: 0; background-size: 20px; /*display: inline-block;*/ background: url(../images/add-new-button-icon.svg) no-repeat left center; z-index: 100000; }
    .btn-orange-text-white:hover { /*background: linear-gradient(270deg,#47A0F8 0%,#FF5E56 100%);*/ color: white; background-position: 100% 0; transition: all 0.4s ease; }
.btn-top-right { justify-content: flex-end !important; }
    .btn-top-right [type=submit], .btn-top-right a { margin-top: -65px; }
.custom-btn-style { margin: 10px 0; }
    .custom-btn-style a { display: inline-block; }
    .custom-btn-style input[type='submit'], .custom-btn-style input[type='button'], .custom-btn-style a { background-color: inherit; padding: 10px 30px; border-radius: 50px; font-size: 14px; font-weight: 500; line-height: 1em; cursor: pointer; transition: all 0.4s ease; }
        .custom-btn-style a.aspNetDisabled { opacity: 0.8; background: black !important; color: white !important; cursor: not-allowed !important; }

/* Button BLUE */
.btn-light-blue input[type='submit'], .btn-light-blue input[type='button'], .btn-light-blue a { background-color: /*#DAEBFE*/ #B6D3F3 !important; color: #004D9F !important; }
    .btn-light-blue input[type='submit']:hover, .btn-light-blue input[type='button']:hover, .btn-light-blue a:hover { background-color: #005DC1 !important; color: #ffffff !important; }

/* Button GREEN */
.btn-light-green input[type='submit'], .btn-light-green input[type='button'], .btn-light-green a { background-color: #C1E4B5; color: #387623; }
    .btn-light-green input[type='submit']:hover, .btn-light-green input[type='button']:hover, .btn-light-green a:hover { background-color: #387623; color: #ffffff; }

/* Button ORANGE */
.btn-light-orange input[type='submit'], .btn-light-orange input[type='button'], .btn-light-orange a { background-color: #FFE1D0; color: #F23224; }
    .btn-light-orange input[type='submit']:hover, .btn-light-orange input[type='button']:hover, .btn-light-orange a:hover { background-color: #F23224; color: #ffffff; }
.button-group { display: flex; gap: 10px; }

/* Exam Marks Entry Button */
.btn-draft-save { position: fixed; top: 40%; left: 210px; z-index: 10; margin: 0; }
.breadcrumb-line-light { background: white !important; }

/* ==================== LOGIN PAGE CSS ==================== */
.loginbackground { background: #EDF3F9 !important; padding: 70px 20px 50px; }
.brand-logo { margin-bottom: 30px; }
.login-wrapper { max-width: 1110px; width: 100%; position: relative; margin: 0 auto; }
    .login-wrapper::after { content: ""; position: absolute; left: -5%; bottom: -5%; height: 30%; width: 30%; background: linear-gradient(90deg,#47A0F8 0%,#FF5E56 100%); filter: blur(80px); border-radius: 50%; z-index: -1; }
    .login-wrapper::before { content: ""; position: absolute; right: -15%; top: -10%; height: 50%; width: 40%; background: linear-gradient(90deg,#47A0F8 0%,#FF5E56 100%); filter: blur(100px); border-radius: 50%; opacity: 0.9; z-index: -1; }
.login-block { display: flex; justify-content: space-between; flex-direction: row; flex-wrap: nowrap; background-color: white; border-radius: 32px; overflow: hidden; }
.login-form .card { border: 0; box-shadow: unset; padding: 50px; padding-right: calc(50px - 16px); }
.login-title-group .lg-title { font-family: Poppins; font-weight: 600; font-size: 32px; line-height: 1em; color: black; margin-bottom: 10px; }
.login-title-group .lg-subtitle { font-family: Poppins; font-weight: 400; font-size: 16px; line-height: 1.5; color: #656565; }
.login-form .form-group-feedback-left .form-control { background-color: #EDF3F9; border: 0; padding: 10px 50px 10px 22px !important; }
.login-form .form-group-feedback-left input.form-control { height: 56px; border-radius: 6px !important; font-weight: 500; width: 100%; }
#txtUserName { background-image: url(../images/input-user-icon.svg); background-repeat: no-repeat; background-position: 96% 50%; }
#txtPassword { background-image: url(../images/input-lock-icon.svg); background-repeat: no-repeat; background-position: 96% 50%; }
#txtMOBILENO { background-image: url(../images/input-phone-icon.svg); background-repeat: no-repeat; background-position: 96% 50%; }
#txtMobileOtp { background-image: url(../images/input-phone-otp-icon.svg); background-repeat: no-repeat; background-position: 96% 50%; }
.other-login-method { gap: 1rem; }
    .other-login-method .form-group { width: 50%; }
        .other-login-method .form-group input { max-width: 100%; }
.login-form-img { display: flex; padding: 16px; }
    .login-form-img img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: center; border-radius: 22px; }
.login-footer { padding: 25px 15px; }
.copyright-text { font-size: 14px; font-weight: 400; color: #656565; }

/***************** Login with Google and Phone Number ******************/
.numis-login { height: inherit; }
.login-bg { /*min-height: fit-content;*/ display: block; height: inherit; }
    .login-bg form { width: 100%; height: auto; background-image: url(../images/nirma-login-form-bg.jpg); background-repeat: no-repeat; background-size: cover; background-attachment: fixed; background-position: center; position: relative; z-index: 1; min-height: inherit; /*min-height:stretch;*/ }
        .login-bg form::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; /*background: rgb(0 0 0 / 20%);*/ z-index: -1; }
.login-live-wrapper { width: 100%; height: 100%; display: flex; flex-direction: column; align-items: flex-end; justify-content: center; padding: 50px 100px; min-height: inherit; }
    .login-live-wrapper .login-block { background: initial; flex-direction: column;border-radius: unset;overflow:unset; }
    .login-live-wrapper .login-form { width: 100%; max-width: 500px; padding: 50px; background: #fff; border-radius: 32px; overflow: hidden; }
    .login-live-wrapper .brand-logo img { width: 200px; }
.brand-title { /*padding: 6px 20px;*/ text-align: center; color: #000; /*background: #FFF2F2; border-radius: 16px;*/ width: 100%; margin-bottom: 15px;padding-bottom: 15px;border-bottom: 1px solid #ccc; }
    .brand-title h1 { text-transform: uppercase; font-size: 22px; }
        .brand-title h1 strong { display: block; font-size: 36px; }
.login-live-wrapper .other-login-method.gp-method .frm-group { width: 100%; }
    .login-live-wrapper .other-login-method.gp-method .frm-group input { display: block; width: 100%; /*padding: 1rem 3rem;*/ /*border-radius: 16px;*/ background: #DAEBFE; border-radius: 50px; border: 2px solid white; transition: all 0.4s ease; }
        .login-live-wrapper .other-login-method.gp-method .frm-group input:hover { border-color: black; }
.login-notice { font-weight: 500; font-size: 14px; line-height: 20px; letter-spacing: -1%; text-align: center; color: #656565; }
    .login-notice strong { color: #F23224; font-weight: 600; }
.login-live-wrapper .login-footer { padding: 0; margin-top: 25px; }
.login-live-wrapper .copyright-text { color: white; font-weight: 600; }

/* Login with mobile OTP */
.login-form.mobile-otp .brand-logo { margin-bottom: 10px; }
.login-form.mobile-otp { padding: 30px; }
.mobile-otp .other-login-method .form-group { width: 100%; }
.mobile-input-group{ gap: 15px; }
.login-form.mobile-otp .mobile-input-group input.form-control, .login-form.mobile-otp .mobile-input-group input { height: 40px; border-radius: 50px !important; }
.mobile-otp .login-title-group .lg-subtitle { font-size: 14px; letter-spacing: 0; }
.login-form.mobile-otp .form-group-feedback-left input.aspNetDisabled { /*height: 56px;*//* border-radius: 6px !important;*/ font-weight: 500; width: 100%; }
.login-button-group { gap: 15px; }
    .login-button-group input { font-size: 14px !important; padding: 12px 15px !important; border-radius: 50px !important; }

/* ==================== LOGIN PAGE END ==================== */

/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/

/* ==================== STUDENTS PAGE CSS ==================== */

/* Set Middle Content as 100% Height */
html, body.theme-light { height: 100%; margin: 0; }
.content-full-height { display: flex; flex-direction: column; justify-content: space-between; height: 100%; }
body.theme-light #form1 { flex-grow: 1; /* This makes the content area expand to fill available space */ /*    background: url(../images/dashboard-bg-light.jpg) no-repeat center #EDF3F9 !important;*/ /*    background-size: cover !important;*/ background-color: #edf3f9; overflow: hidden; position: relative; z-index: 1; }
    body.theme-light #form1:after { content: ""; position: absolute; /*bottom: -150px;*/ bottom: 0px; right: 0px; width: 300px; height: 300px; background: linear-gradient(90deg,#47A0F8 0%,#FF5E56 100%); filter: blur(100px); border-radius: 50%; opacity: 0.9; z-index: -1; }
    body.theme-light #form1:before { content: ""; position: absolute; top: 4%; left: 22%; width: 300px; height: 300px; background: linear-gradient(90deg,#47A0F8 0%,#FF5E56 100%); filter: blur(100px); border-radius: 50%; opacity: 0.7; z-index: -1; }
body.theme-light .page-content { height: calc(100% - 81px); padding-right: 20px; padding-left: 80px; position: relative; z-index: 1; overflow: hidden; }
    body.theme-light .page-content::before { content: ""; position: absolute; bottom: 0; left: 0; width: 100px; height: 100px; background: linear-gradient(90deg,#47A0F8 0%,#FF5E56 100%); filter: blur(40px); border-radius: 50%; opacity: 0.7; z-index: -1; }
.card1, .modal-body1 { height: 100%; }
.middle-content { height: 100%; display: flex; flex-direction: column; }
.aspNetDisabled { cursor: not-allowed !important; opacity: 0.9; background: #EAEAEA; /*width: 100%;*/ color: #535353 !important; display: inline-block; line-height: 1; }

/* Dashboard Theme Light CSS */
body.theme-light { /* background: url(../images/dashboard-bg-light.jpg) no-repeat center #EDF3F9 !important;
    background-size: cover !important;*/ position: relative; display: block; }
    body.theme-light .navbar-light { background-color: transparent !important; padding: 16px 40px; border-bottom: 0; }
    body.theme-light .n-brand-logo img { width: 170px; }
    body.theme-light .navbar-light .user-menu .navbar-nav-link { background: #ffffff; border-radius: 30px; }

/* Sidebar Toggle */
.btn-sidebar-toggle { position: relative; width: 40px; height: 40px; background: #B6D3F3; border-radius: 50%; }
    .btn-sidebar-toggle:before { content: ""; position: absolute; top: 14px; left: 15px; width: 12px; height: 12px; background: transparent; border-top: 2px solid #005DC1; border-left: 2px solid #005DC1; /*transition: all 0.1s ease-in-out;*/ transform: rotate(-45deg); }
body.theme-light.sidebar-xs .sidebar-main .navbar-nav-link.sidebar-main-toggle .btn-sidebar-toggle:before { transform: rotate(135deg); left: 12px; }

/* Sidebar */
body.theme-light .sidebar-light .nav-sidebar .nav-link { color: black; }
body.theme-light .nav-sidebar .nav-item .nav-link { font-size: 14px; }
    body.theme-light .nav-sidebar .nav-item .nav-link div:empty, body.theme-light .navbar-light .user-menu .navbar-nav-link div:empty { display: none; }
body.theme-light .nav-sidebar .nav-link i { color: #005DC1; }
body.theme-light.sidebar-xs .sidebar-main.sidebar-light .nav-sidebar > .nav-item:not(.nav-item-open):hover > .nav-link:not(.active):not(.disabled) { background: #EEEFF8; }
body.theme-light .sidebar-light .nav-sidebar .nav-link:not(.disabled):hover { background: #EEEFF8; }
body.theme-light .sidebar-light .nav-sidebar > .nav-item-open > .nav-link:not(.disabled), body.theme-light .sidebar-light .nav-sidebar > .nav-item > .nav-link.active { background: #EEEFF8; }
body.theme-light .nav-item-submenu > .nav-link:after { font-size: 1.5rem; top: .45rem; }
body.theme-light .sidebar-main { position: absolute; /*position: fixed;*/ /*top: 82px;*/ top: 0; left: 0; background: white; border: 0; box-shadow: 0px 0px 60px 0px rgb(0 0 0 / 12%); border-radius: 24px; overflow-y: scroll; }
    body.theme-light .sidebar-main::-webkit-scrollbar { background: #edf3f9; width: 0px !important; }
    body.theme-light .sidebar-main::-webkit-scrollbar-thumb { background: #B6D3F3; border-radius: 4px; }
body.theme-light.sidebar-xs .sidebar-main { background: transparent; width: 80px; box-shadow: unset; }
    body.theme-light.sidebar-xs .sidebar-main .navbar-nav-link.sidebar-main-toggle { text-align: center; }
body.theme-light.sidebar-mobile-main .sidebar-main { background: white; }
body.theme-light .content-wrapper { background-color: white; border-radius: 24px 24px 0 0; overflow-x: hidden; }
    body.theme-light .content-wrapper::-webkit-scrollbar { background: #edf3f9; width: 0px !important; }
    body.theme-light .content-wrapper::-webkit-scrollbar-thumb { background: #B6D3F3; border-radius: 4px; }
    body.theme-light .content-wrapper .content { /*padding: 20px 40px*/; padding: 20px; }
body.theme-light .page-title-main { text-align: left; font-family: Poppins; font-weight: 600; font-size: 24px; line-height: 1.2; letter-spacing: 0px; /*padding: 20px 0 !important;*/ padding: 15px 0 !important; display: block; }
body.theme-light .student-panel { border-radius: 24px; border: 1px solid #d9d9d9; overflow: hidden; }
body.theme-light .s-headings { padding: 30px 40px; background-color: #EDF3F9; display: flex; gap: 3rem; align-items: center; /*justify-content: space-between;*/ }
body.theme-light .s-name { /*        width:50%;*/ color: black; font-family: Poppins; font-weight: 600; font-size: 20px; line-height: 1em; letter-spacing: 0px; }
body.theme-light .s_contact-info { /*width: 50%;*/ color: black; font-family: Poppins; font-weight: 400; font-size: 20px; line-height: 1em; letter-spacing: 0px; }
body.theme-light .student-profile { display: flex; gap: 0 100px; padding: 0 40px; }
    body.theme-light .student-profile .sp-left { width: 75%; }
    body.theme-light .student-profile .sp-right { width: 25%; }
        body.theme-light .student-profile .sp-right .form-group { gap: 30px; }
body.theme-light .sp-label-parent { width: 100%; padding: 10px 15px; border: 1px solid #D9D9D9; border-radius: 8px; display: flex; flex-wrap: nowrap; align-items: center; gap: 20px; }
body.theme-light .student-profile .form-group { display: flex; flex-wrap: wrap; padding: 20px 0; margin-bottom: 0; }
    body.theme-light .student-profile .form-group:not(:last-child) { border-bottom: 1px solid #D9D9D9; }
    body.theme-light .student-profile .form-group .sp-label { width: 33.33%; }
        body.theme-light .student-profile .form-group .sp-label:not(:last-child) { padding-right: 10px; }
    body.theme-light .student-profile .form-group span.col-form-label { display: block; font-size: 14px !important; padding: 0; }
        body.theme-light .student-profile .form-group span.col-form-label:nth-child(even) { font-weight: 500; color: #000000; }
        body.theme-light .student-profile .form-group span.col-form-label:nth-child(odd) { font-weight: 400; color: #575757; padding: 0 0 5px; }

/* Student Contact Verify - STUDENT PROFILE PAGE */
.student-contact-verify .sp-label-parent.sp-status { border: 0; border-radius: unset; padding: 10px 0; }
.student-contact-verify .sp-label-parent.sp-status { display: flex; flex-wrap: wrap; gap: 0px; align-items: flex-start; justify-content: flex-start; margin: 0 -20px; }
    .student-contact-verify .sp-label-parent.sp-status .input-block { flex-basis: 20%; /*        padding: 0 20px 10px;*/ padding: 0 20px; }
        .student-contact-verify .sp-label-parent.sp-status .input-block.mobile-verify { display: flex; /* align-items: center; */ }
.sp-label-parent .YES, .sp-label-parent .NO { width: 35px; height: 35px; /*margin-right: 15px;*/ padding-top: 30px; background-position: center left; background-repeat: no-repeat; background-size: 30px; }

/* Status Images Icons (Yes / No) */
.sp-label-parent .YES { background-image: url(../images/green-check-right-icon.svg); }
.sp-label-parent .NO { background-image: url(../images/orange-pending-icon.svg); }
.student-contact-verify .sp-label-parent.sp-status .input-block.mobile-verify .YES, .student-contact-verify .sp-label-parent.sp-status .input-block.mobile-verify .NO { margin-right: 15px; }
.student-contact-verify .sp-label-parent.sp-status .input-block.mobile-verify .verify-text { width: 90%; }
.student-contact-verify .sp-label-parent.sp-status .input-block .verify-text span.col-form-label { display: block !important; font-weight: 400; font-size: 14px; line-height: 1.5; letter-spacing: 0; color: #575757; padding: 0; margin-bottom: 6px; }
.student-contact-verify .sp-label-parent.sp-status .input-block .verify-text input.aspNetDisabled { width: 100%; }
.student-contact-verify .sp-label-parent.sp-status .input-block .custom-btn-style { margin: 27px 0 0; }
.student-adharcard-info { padding: 30px; }
.adhar-block fieldset:first-child legend:first-child { font-size: 20px; text-align: left; font-weight: 500; border-bottom: 0px; }
.student-adharcard-info .form-group { display: flex; margin: 0 -20px; /*    align-items:center;*/ }
    .student-adharcard-info .form-group .frm-input-group { flex-basis: 33.33%; }
.frm-input-group { flex-basis: 25%; padding: 0 20px; }
    .frm-input-group span.col-form-label { display: block !important; font-weight: 400; font-size: 14px; line-height: 1.5; letter-spacing: 0; color: #575757; padding: 0; margin-bottom: 6px; text-align: left; }
.adhar-note .imp-note-red { padding: 10px 20px; }
    .adhar-note .imp-note-red span.col-form-label { font-weight: 500 !important; }

/* ==================== STUDENTS PAGE END ==================== */

/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/

/* ==================== STUDENTS LEAVE PAGE CSS ==================== */
.page-title-block { display: flex; justify-content: space-between; align-items: center; column-gap: 15px; }
body.theme-light .middle-block { border-radius: 24px; border: 1px solid #d9d9d9; overflow: hidden; flex: 1; }
body.theme-light .leave-block { padding: 30px; /*height: 100%;*/ display: flex; flex-direction: column; justify-content: space-between; }
body.theme-light .form-input-group:not(:last-child) { margin-bottom: 10px; }
body.theme-light .form-input-group { /*    margin-bottom: 50px;*/ display: grid; /*flex-wrap: wrap;*/ /*gap: 50px 30px;*/ gap: 20px; grid-template-columns: repeat(auto-fit,minmax(280px,1fr)); }
    body.theme-light .form-input-group .frm-input-block { /*width: calc(25% - 35px);*/ position: relative; }
        body.theme-light .form-input-group .frm-input-block .col-form-label { display: block; padding: 0 0 10px; color: #575757; font-size: 14px; font-weight: 500; }
        body.theme-light .form-input-group .frm-input-block .aspNetDisabled [type="checkbox"]:not(:checked), body.theme-light .form-input-group .frm-input-block .aspNetDisabled [type="checkbox"]:checked { position: static; opacity: 1; width: 20px; height: 20px; }
        body.theme-light .form-input-group .frm-input-block.select-slot-input .select-slot-block { height: 100px; width: 100%; overflow: hidden; overflow-x: hidden; overflow-y: auto; }

/* Leave Table CSS */
.tbl-action-btn { /*    text-align: center;*/ }
    .tbl-action-btn a { display: inline-block; font-size: 0; height: 25px; width: 25px; background-color: transparent !important; background-repeat: no-repeat; background-position: center; background-size: 19px; transition: all 0.4s ease; vertical-align: middle; /*        padding: 0 10px;*/ }
        .tbl-action-btn a:hover { background-color: transparent !important; opacity: 0.85; box-shadow: unset !important; }
        .tbl-action-btn a.tbl-btn-edit { background-image: url(../images/tbl-edit-green-icon.svg); /*            margin-right: 10px;*/ }
        .tbl-action-btn a.tbl-btn-delete { background-image: url(../images/tbl-delete-red-icon.svg); }
        .tbl-action-btn a.tbl-btn-locked { background-image: url(../images/tbl-locked-red-icon.svg); }
        .tbl-action-btn a.tbl-btn-reopen { background-image: url(../images/tbl-reopen-blue-new.svg); background-size: 16px; }

/* ==================== END STUDENTS LEAVE PAGE ==================== */

/******************************************************************/

/* ==================== STUDENTS TIMETABLE PAGE CSS ==================== */
body.theme-light .middle-block.time-table-block, body.theme-light .middle-block.feedback-block { border: 0; }
.tt-notice .col-form-label { color: #F23224; font-size: 14px; font-weight: 600; line-height: 1.5em; }
.tt-block-1 { border: 1px solid #d9d9d9; border-radius: 24px; /*padding: 35px;*/ padding: 20px; margin-bottom: 20px; }
.tt-block-2 { padding: 0; margin-bottom: 0; }
.selected-class-details { display: none; }
body.theme-light .selected-class-details .form-input-group { display: flex; gap: 0 30px; margin: 0; }
    body.theme-light .selected-class-details .form-input-group .frm-input-block { display: flex; }
.report-generated { text-align: right; }

/* ==================== END STUDENTS TIMETABLE PAGE ==================== */

/******************************************************************/

/* ==================== FACULTY MANUAL PAGE (PDF) ==================== */
.pdf-block-wrap { display: flex; flex-direction: row; flex-wrap: wrap; margin: 0 -20px 20px; }
.pdf-box { flex-basis: calc(25% - 40px); padding: 30px; margin: 0 20px 40px; }
.pdf-heading { display: flex; align-items: flex-start; margin-bottom: 20px; }
    .pdf-heading img { display: inline-block; margin-right: 20px; }
    .pdf-heading span { display: inline-block; font-size: 18px; font-weight: 500; color: black; line-height: 1.3em; }
.pdf-btn-link { margin: 0; }

/* Employee Upload Photo */
.upload-photo-block span:nth-child(odd) { font-weight: 400 !important; }
.upload-photo-block span:nth-child(even) { color: black !important; font-weight: 500; }
.imp-note { margin: 1.5rem 0 0; }
    .imp-note h2 { font-size: 20px; font-weight: 600; margin-bottom: 15px; color: red; }
    .imp-note ol { padding: 0; padding-left: 20px; margin: 0; }
        .imp-note ol li { font-size: 14px; color: #333; padding: 3px 5px; line-height: 1.5em; margin-bottom: 5px; }
            .imp-note ol li::marker { color: black; font-weight: 500; }
.uploaded-photo-img { overflow: hidden; }

/******************************************************************/

/* ==================== FACULTY Attendance Post PAGE ==================== */
.student-attendance-post .width-60, .student-attendance-post-top .width-60 { padding-right: 25px; }
.student-attendance-post .width-40 { padding-left: 25px; }
.slot-attendance-block .form-input-group { display: flex !important; align-items: flex-end; }
    .slot-attendance-block .form-input-group .frm-input-block { /*height:100%;*/ padding: 8px 16px; }
        .slot-attendance-block .form-input-group .frm-input-block .col-form-label:first-child { /*font-weight:400;*/ }
.col-form-label.label-blue { color: #005DC1 !important; font-weight: 400 !important; }
.col-form-label.label-green { color: #17B412 !important; font-weight: 400 !important; }
.col-form-label.label-red { color: #F23224 !important; font-weight: 400 !important; }

/* Photo Upload Page */
.tbl-photo-upload tr img { width: 110px; height: 130px; object-fit: cover; object-position: top center; }

/******************************************************************/

/* ==================== COMMON CSS CLASS ==================== */
.side-by-side-block { display: flex; flex-direction: row; justify-content: space-between; flex-wrap: nowrap; }
.width-20 { width: 20%; }
.width-25 { width: 25%; }
.width-30 { width: 30%; }
.width-33 { width: 33.33%; }
.width-40 { width: 40%; }
.width-50 { width: 50%; }
.width-60 { width: 60%; }
.width-70 { width: 70%; }
.width-80 { width: 80%; }
.width-90 { width: 90%; }
.width-100 { width: 100%; }

/* border color css */
.blue-border-box { border: 1px solid #005DC1; }
.green-border-box { border: 1px solid #17B412; }
.red-border-box { border: 1px solid #F23224; }
.light-grey-border { border: 1px solid #D9D9D9; }
.border-radius-24 { border-radius: 24px; }
.border-radius-8 { border-radius: 8px; }
.input-label-block { display: block !important; font-weight: 400; font-size: 14px; line-height: 1.5; letter-spacing: 0; color: #575757; }
.input-label-inline { display: inline-block !important; font-weight: 400; font-size: 14px; line-height: 1.5; letter-spacing: 0; color: #575757; }
.heading-font-size-20 { font-weight: 500; font-size: 20px; line-height: 1.2em; letter-spacing: 0px; }
.imp-note-red { font-weight: 400; font-size: 14px; line-height: 1.5em; color: #F23224; text-align: left; }
.red-notice { display: block; width: 100%; padding: 10px 15px; background: #FFE1D0; border-radius: 8px; color: #F23224; font-weight: 500; }
    .red-notice span.col-form-label { padding: 0; }

/* Table Status Column */
.tbl-status span { padding: 4px 10px; display: inline-block; border-radius: 6px; }
.tbl-status .Active { background-color: #C1E4B5; color: #387623; }
.tbl-status .Deactive { background-color: #FFE1D0; color: #F23224; }
.tbl-status .Apply { background-color: #B6D3F3; color: #004D9F; }
.tbl-status .Approved { background-color: #C1E4B5; color: #387623; }
.tbl-status .Cancel { background-color: #FFE1D0; color: #F23224; }
.tbl-status .Reject { background-color: #FFE1D0; color: #F23224; }

/* Table Load Type Column */
.Lecture { background-color: #FFDDF5; color: #805B36; display: flex; justify-content: center; align-items: center; width: 40px; height: 40px; border-radius: 50%; text-align: center; }
.Practical { background-color: #C7FFFF; color: #23547B; display: flex; justify-content: center; align-items: center; width: 40px; height: 40px; border-radius: 50%; text-align: center; }
.Tutorial { background-color: #D8FFC7; color: #694382; display: flex; justify-content: center; align-items: center; width: 40px; height: 40px; border-radius: 50%; text-align: center; }
.Studio { background-color: #FFDAC7; color: #694382; display: flex; justify-content: center; align-items: center; width: 40px; height: 40px; border-radius: 50%; text-align: center; }
.LPW-S { background-color: #CBC7FF; color: #694382; display: flex; justify-content: center; align-items: center; width: 40px; height: 40px; border-radius: 50%; text-align: center; }

/* Load Type Full Text color css */
.load-type-text span { width: auto; height: auto; border-radius: 6px; display: inline-block; padding: 4px 15px; }
.load-type-text span { }

/*For PresentPercentage and Absent Percentage*/
.LowAttendance { background-color: #FFE1D0; color: #F23224; display: flex; justify-content: center; align-items: center; width: 40px; height: 40px; border-radius: 50%; text-align: center; }
.SufficientAttendance { background-color: #C1E4B5; color: #387623; display: flex; justify-content: center; align-items: center; width: 40px; height: 40px; border-radius: 50%; text-align: center; }

/* Table Student Absent / Present Column */
.tbl-AbsentPresent-YN span { padding: 4px 40px; display: inline-block; border-radius: 6px; font-weight: 500; }
.tbl-AbsentPresent-YN .Yes { background-color: #C1E4B5; color: #387623; }
.tbl-AbsentPresent-YN .No { background-color: #FFE1D0; color: #F23224; }

/*Course Grade Obtained CSS Color*/
.marks-cgo span { display: flex; justify-content: center; align-items: center; width: 40px; height: 40px; border-radius: 50%; text-align: center; color: #000; }
.O { background-color: #BEFBAC; }
.Aplus { background-color: #A6F5DA; }
.A { background-color: #E8F2B4; }
.Bplus { background-color: #D8FFC7; }
.B { background-color: #C7FFFF; }
.C { background-color: #FEFEA3; }
.P { background-color: #FEDBA3; }
.F { background-color: #FFDAC7; }
.AB { background-color: #FFB4B4; }
.D { background-color: #FFDDF5; }
.UFM { background-color: #C7D9FF; }
.WITHHELD { background-color: #CBC7FF; }

/*----------------------------------------*/
.selected-data { display: flex; flex-direction: row; flex-wrap: wrap; margin: 0 -30px; row-gap: 30px; }
    .selected-data .selected-block { padding: 0 30px; }

        /*.selected-data .selected-block:not(:last-child), .selected-data .selected-block:only-child {
margin-bottom: 30px;
}*/
        .selected-data .selected-block label { display: block; padding: 0 0 5px; color: #575757; font-size: 14px; font-weight: 400; margin: 0; }
        .selected-data .selected-block span.col-form-label { color: #000; display: block; font-size: 14px; font-weight: 500; padding: 0; }

/* Form Alerts */
.alert-bg { position: fixed; top: 0; left: 0; width: 100vw; height: 100vh; z-index: 999999999; background: rgba(0,0,0,0.5); }
.alert { position: absolute; top: 50%; left: 50%; min-width: 500px; min-height: 250px; display: flex; flex-direction: column; flex-wrap: wrap; gap: 10px; justify-content: center; align-items: center; font-size: 20px; font-weight: 600; text-align: center; padding: 20px; transform: translate(-50%,-50%); border-radius: 24px; z-index: 99; background: white !important; border: 4px solid transparent; }
.alert-dismissible .close { opacity: 1; }
    .alert-dismissible .close span { font-size: 3rem; color: black !important; }

/* Alert Success (Green) */
.alert.bg-success { /*border-color: #C1E4B5 !important;*/ border-color: #387623 !important; color: #387623 !important; }

/* Alert Danger (Red) */
.alert.bg-danger { /*border-color: #FFBA7E !important;*/ border-color: #F23224 !important; color: #F23224 !important; }

/* Alert Infor (Blue) */
.alert.bg-info { /*border-color: #DAEBFE !important;*/ border-color: #005DC1 !important; color: #005DC1 !important; }

/* Alert Icon */
.alert-dismissible > i { display: block; text-align: center; }
.alert i::before { font-size: 70px; }
.alert-dismissible > span { display: block; }

/* Form Validation */
.form-validation { /*display:block !important;*/ }

/* display table to block */
.tbl-flex-items tbody { display: flex; flex-wrap: wrap; row-gap: 10px; }
    .tbl-flex-items tbody tr { flex-basis: 25%; }

/******************************************************************/

/* ==================== TABLE CSS ==================== */

/* Responsive Table Class */
.table-sm-responsive { overflow: hidden; overflow-y: hidden; overflow-x: auto; width: 100%; }

/* Table Width 100% */
.table-full-width { width: 100%; }

/* NIRMA CUSTOM TABLE DESIGN */
.nu-table { border-collapse: separate; border-spacing: 0; }
    .nu-table th { background-color: #EDF3F9; padding: 30px 10px; color: #000; font-weight: 600; font-size: 13px; line-height: 1.3em; }
    .nu-table td { color: #575757; font-size: 13px; font-weight: 400; min-width: 100px; letter-spacing: 0; background: transparent; }

/* Table Spacing (Padding) */
.table-padding thead th, .table-padding tbody td { padding: 20px; }

/* Table Row Background Color apply with odd-even number */
.table-tr-bg tbody tr:nth-child(odd) { background: #FFFFFF; }
.table-tr-bg tbody tr:nth-child(even) { background: #F4F9FF; }

/* TimeTable */
.nu-timetable { border-spacing: 0; border-collapse: separate !important; }
    .nu-timetable thead th { background-color: #FFFFFF; height: 50px; padding: 0 10px; border-bottom: 1px solid #D9D9D9 !important; }
    .nu-timetable tbody td { height: 50px; color: #575757; font-size: 13px; font-weight: 400; text-align: center !important; min-width: 150px; }
    .nu-timetable thead th, .nu-timetable tbody td { max-width: 300px !important; width: 300px !important; word-break: break-all; }
table.nu-timetable > tbody > tr > td:first-child { padding: 0 10px; width: 150px; }

/* Apply a border to the right of all but the last column */
table.nu-timetable th:not(:last-child), table.nu-timetable td:not(:last-child) { border-right: 1px solid #D9D9D9 !important; }

/* Apply a border to the bottom of all but the last row */
table.nu-timetable > thead > tr:not(:last-child) > th, table.nu-timetable > thead > tr:not(:last-child) > td, table.nu-timetable > tbody > tr:not(:last-child) > th, table.nu-timetable > tbody > tr:not(:last-child) > td, table.nu-timetable > tfoot > tr:not(:last-child) > th, table.nu-timetable > tfoot > tr:not(:last-child) > td, table.nu-timetable > tr:not(:last-child) > td, /*table.nu-timetable > tr:not(:last-child) > th,*/
table.nu-timetable > thead:not(:last-child), table.nu-timetable > tbody:not(:last-child), table.nu-timetable > tfoot:not(:last-child) { border-bottom: 1px solid #D9D9D9 !important; }
.nu-timetable tbody td table { background: #edf5ff; width: 100%; }
    .nu-timetable tbody td table td { text-align: center !important; padding: 0 10px; }
.nu-timetable tbody tr td:first-child { color: #000; }
.nu-timetable tbody td table tr:not(:first-child) > td { border-top: 1px solid #D9D9D9; }
.nu-timetable tbody td table tr:not(:last-child) > td { border-bottom: 1px solid #D9D9D9; }

/* Multicolor Backgrounds in TimeTable */
.nu-timetable tbody td:nth-child(2) table { background-color: #ffefc3; }
.nu-timetable tbody td:nth-child(3) table { background-color: #d9cdfc; }
.nu-timetable tbody td:nth-child(4) table { background-color: #FFDAC7; }
.nu-timetable tbody td:nth-child(5) table { background-color: #D8FFC7; }
.nu-timetable tbody td:nth-child(6) table { background-color: #FFDDF5; }
.nu-timetable tbody td:nth-child(7) table { background-color: #EAC8A6; }
.nu-timetable tbody td:nth-child(8) table { background-color: #cde7fc; }

/* table spacing less then above */
table.table-spacing-small thead th { background: #EDF3F9; }
table.table-spacing-small thead th, table.table-spacing-small tbody td { padding: 12px 20px 12px 80px !important; }
table.table-spacing-small tbody td { height: auto; }
    table.table-spacing-small thead th:first-child, table.table-spacing-small tbody td:first-child { text-align: left !important; }

/* Multi color column */
.nu-timetable > thead > tr > th:nth-child(2) { /*background-color: #FFE1D0;*/ }

/* Table FEEDBACK */
.table-feedback tr td { vertical-align: top; }
.table-tr-bg.table-feedback tbody tr:nth-child(odd) { background: transparent; }
.table-feedback tbody td { padding: 10px; }
.table-feedback > tbody > tr > td:first-child { color: #000; font-weight: 400 !important; padding-left: 30px; }
.table-feedback tbody td:first-child span { font-weight: 400 !important; font-size: 16px; }
.table-feedback tbody td table { width: 100%; }
    .table-feedback tbody td table tbody td:first-child { padding-left: 20px; }
    .table-feedback tbody td table tbody td:nth-child(2) [type="radio"]:checked + label:before { background-color: #64CC4D; border-color: #64CC4D; }
    .table-feedback tbody td table tbody td:nth-child(3) [type="radio"]:checked + label:before { background-color: #90DB80; border-color: #90DB80; }
    .table-feedback tbody td table tbody td:nth-child(4) [type="radio"]:checked + label:before { background-color: #FBAD7E; border-color: #FBAD7E; }
    .table-feedback tbody td table tbody td:nth-child(5) [type="radio"]:checked + label:before { background-color: #F56F1C; border-color: #F56F1C; }

/* Data Table */
table.nu-datatable { border-collapse: separate; border-spacing: 0; /*border: 1px solid #d9d9d9 !important;*/ overflow: hidden; /*min-height: 250px;*/ }
    table.nu-datatable th { /*padding: 20px 30px;*/ padding: 20px; }
    table.nu-datatable td { /*padding: 12px 30px;*/ padding: 12px 20px; /*min-width: 200px;*/ }

/*----- DEFAULT DATA TABLE CSS -----*/
.datatable-scroll { overflow-x: scroll; }
.datatable-header, .datatable-footer { border: 0; }
.datatable-header { display: flex; justify-content: space-between; align-items: center; padding: 0; }
.dataTables_filter, .dataTables_length { float: none; width: 50%; }
    .dataTables_filter > label { display: flex; align-items: center; }
        .dataTables_filter > label > span { color: #575757; font-weight: 500; }
        .dataTables_filter > label input { width: 100%; }
.dataTables_length { text-align: right; display: flex; justify-content: flex-end; }
    .dataTables_length > label { display: flex; align-items: center; width: 150px; }
.dataTable thead .sorting:after, .dataTable thead .sorting:before, .dataTable thead .sorting_asc:after, .dataTable thead .sorting_asc_disabled:after, .dataTable thead .sorting_desc:after, .dataTable thead .sorting_desc_disabled:after { opacity: 1; color: #F23224; }
.dataTable .dataTables_empty { vertical-align: middle; color: #000; }
.dataTables_paginate { display: flex; align-items: center; gap: 15px; }
    .dataTables_paginate .paginate_button { border-radius: 100%; border-color: #005DC1; color: #005DC1; /*width: 36px;height: 36px;*/ height: 30px; width: 30px; min-width: unset; padding: 0; vertical-align: middle; display: inline-flex; justify-content: center; align-items: center; }
    .dataTables_paginate span { display: inline-block; }
    .dataTables_paginate .paginate_button [class^="icon-"], .dataTables_paginate .paginate_button [class*=" icon-"] { top: 0px; }
    .dataTables_paginate span .paginate_button:not(:last-child) { margin-right: 5px; }
    .dataTables_paginate .paginate_button.current, .dataTables_paginate .paginate_button.current:focus, .dataTables_paginate .paginate_button.current:hover, .dataTables_paginate .paginate_button:focus, .dataTables_paginate .paginate_button:hover { background-color: #005DC1; color: #fff; }
    .dataTables_paginate .paginate_button.disabled, .dataTables_paginate .paginate_button.disabled:focus, .dataTables_paginate .paginate_button.disabled:hover { border-color: #d9d9d9; cursor: not-allowed; }
.datatable-footer { display: flex; justify-content: flex-end; align-items: center; padding: 20px; }
.dataTables_info, .dataTables_paginate { float: none; }
.dataTables_info { margin: 0 20px 0 0; padding: 0; color: #575757; font-size: 12px; }
.dataTables_paginate { padding: 0; margin: 0; }

/* EXAM RESULT TABLE */
.tbl-result > table { width: 100%; }

/* DataTable Content Highlight with Color */
.label.bg-success, .label.bg-danger { padding: 6px 15px; border-radius: 6px; display: block; text-align: center; }

/* MARKS ENTRY TABLE */
table.nu-datatable#tblStudentMarks { overflow: auto; }
    table.nu-datatable#tblStudentMarks td, table.nu-datatable#tblStudentMarks th { padding: 8px 10px; /*min-width: 120px;*/ }
        table.nu-datatable#tblStudentMarks td input { padding: 6px 5px !important; border-radius: 6px !important; text-align: center; border: 1px solid #ccc !important; }
.tbl-marks-entry select, .tbl-marks-entry select.form-control { min-width: 120px; width: auto; padding: 5px 15px !important; background-size: 12px; border: 1px solid #ccc !important; }
    table.nu-datatable#tblStudentMarks td input:focus, table.nu-datatable#tblStudentMarks td input:hover, .tbl-marks-entry select:hover, .tbl-marks-entry select:focus, .tbl-marks-entry select.form-control:hover, .tbl-marks-entry select.form-control:focus { border-color: #7EB6F3 !important; }
.tbl-marks-entry tr { transition: all 0.3s ease; background-color: white; }
    .tbl-marks-entry tr td input:focus, .tbl-marks-entry tr td input:hover { box-shadow: 0px 5px 10px 0px #005DC133; /*border: 2px solid #005DC1 !important;*/ }
.active-row { outline: 2px solid #005DC1; box-shadow: 0px 0px 30px 0px #00000029; position: relative; z-index: 10; }

/* Sticky table header */
#tblStudentMarks thead th { position: sticky; top: 0; z-index: 4; /*background: #f8f9fa;*/ }

/* Fixed Column */
.sticky-table { overflow-x: auto; position: relative; -webkit-overflow-scrolling: touch; }
.tbl-marks-entry { border-collapse: separate; border-spacing: 0; white-space: nowrap; }
    .tbl-marks-entry tr { /*outline: 1px solid #D9D9D9 !important;*/ }
#tblStudentMarks tbody tr td, #tblStudentMarks thead tr th { /*border-bottom: 1px solid #d9d9d9;*/ border-bottom: 1px solid #e3e3e3; }
#tblStudentMarks tbody tr:last-child td { border-bottom: none; }
#tblStudentMarks td:nth-child(1), #tblStudentMarks td:nth-child(2), #tblStudentMarks td:nth-child(3) { background-color: white; }
#tblStudentMarks th:nth-child(1), #tblStudentMarks td:nth-child(1) { position: sticky; left: 0; z-index: 5; /*background: #fff;*/ width: 120px !important; text-wrap-mode: wrap; }
#tblStudentMarks th:nth-child(2), #tblStudentMarks td:nth-child(2) { position: sticky; left: 90px; z-index: 5; /*background: #fff;*/ width: 120px !important; }
#tblStudentMarks th:nth-child(3), #tblStudentMarks td:nth-child(3) { position: sticky; left: 225px; z-index: 5; /*background: #fff;font-weight: bold;*/ width: 80px !important; }
#tblStudentMarks th:nth-child(3), #tblStudentMarks td:nth-child(3) { /*box-shadow: 2px 0 5px rgba(0,0,0,0.1);*/ border-right: 1px solid #c9c9c9; text-wrap-mode: wrap; }

/*#tblStudentMarks th:nth-child(3),#tblStudentMarks td:nth-child(3) {box-shadow: -2px 0 5px rgba(0,0,0,0.1);border-left: 1px solid #c9c9c9;}*/
#tblStudentMarks thead th:nth-child(1), #tblStudentMarks thead th:nth-child(2), #tblStudentMarks thead th:nth-child(3) { z-index: 6; }
#tblStudentMarks tbody tr:hover td { background-color: #f6f9ff; }
#tblStudentMarks td { background-clip: padding-box; }

/* marks entry disable input */
table.nu-datatable#tblStudentMarks td input.aspNetDisabled { background: #EAEAEA !important; }

/******************************************************************/

/* ==================== FOOTER CSS ==================== */
.footer-copyrights { /*padding: 0 40px !important;*/ padding: 0 20px !important; border: 0; }
    .footer-copyrights .navbar-text { padding-top: 0; }

/******************************************************************/

/* ==================== RESPONSIVE CSS ==================== */

/* Large devices (desktops, less than 1440px)*/
@media (max-width:1450px) {
    /* Login with email and phone */
    .login-live-wrapper .login-form { max-width: 400px; padding: 30px 50px; }
    .login-form.mobile-otp{padding: 30px;max-width: 430px;}
    .login-live-wrapper .brand-logo img { width: 150px !important; height: auto !important; }
    .other-login-method { gap: 0px; }
    .brand-title h1 { font-size: 16px; }
        .brand-title h1 strong { font-size: 30px; }
    .login-notice { font-size: 13px; }
    .login-live-wrapper .copyright-text { font-size: 13px; }

    .pdf-block-wrap { margin: 0 -15px; }
    .pdf-box { flex-basis: calc(33.33% - 30px); margin: 0 15px 30px; }
}

/* Large devices (desktops, less than 1366px)*/
@media (max-width:1367px) {

   

    /* Student Account */
    body.theme-light .sp-label-parent .verify-image { width: 15%; }

    /*body.theme-light .sp-label-parent .verify-image {width: 30px;height: 30px;display: block !important;background: url(http://localhost:2585/nu-assets/images/orange-pending-icon.svg);background-size: 28px;background-repeat: no-repeat;background-position: center;
    }*/
    body.theme-light .sp-label-parent .verify-text { width: 80%; }
        body.theme-light .sp-label-parent .verify-text span.col-form-label { display: initial !important; }
    .student-contact-verify .sp-label-parent.sp-status .input-block { flex-basis: 33.33%; }
        .student-contact-verify .sp-label-parent.sp-status .input-block .verify-text { width: 100%; }

    /* DATA TABLE */
    .datatable-scroll { overflow-x: scroll; }

    /* Faculty Account */
    .pdf-heading span { font-size: 16px; }
    .display-table-block tr { display: flex; flex-wrap: wrap; flex-direction: column; }
}

@media (max-width:1199px) {
      

    /* Student Profile Page */
    .student-contact-verify .sp-label-parent.sp-status { margin: 0 -10px; }
        .student-contact-verify .sp-label-parent.sp-status .input-block { padding: 0 10px; }
            .student-contact-verify .sp-label-parent.sp-status .input-block.mobile-verify .verify-image { width: 30px; margin-right: 10px; padding-top: 35px; }
            .student-contact-verify .sp-label-parent.sp-status .input-block .verify-text span.col-form-label, .student-adharcard-info .form-group .frm-input-group span.col-form-label, .adhar-note .imp-note-red span.col-form-label { font-size: 13px; }
    .student-adharcard-info { padding: 20px; }

    /* Middle content Title */
    body.theme-light .page-title-main { font-size: 22px; }
    .btn-orange-text-white { font-size: 14px; padding: 12px 20px; }
    body.theme-light .middle-block .table th, body.theme-light .middle-block .table td { font-size: 13px; padding: 24px 12px; }
    body.theme-light .middle-block .table td { font-size: 13px; }

    /* Timetable */
    body.theme-light .middle-block table.table-block.nu-timetable { width: 1200px; }

    /* Faculty Account */
    .pdf-block-wrap { margin: 0 -10px; }
    .pdf-box { flex-basis: calc(50% - 20px); margin: 0 10px 20px; padding: 20px; }
    .student-attendance-post { flex-direction: column; gap: 40px; }
        .student-attendance-post .width-60, .student-attendance-post .width-40, .student-attendance-post-top .width-60 { width: 100%; padding: 0; }
    .datatable-scroll td, .datatable-scroll th { white-space: nowrap; }
}

/* Medium devices (tablets landscape, less than 1024px)*/
@media (max-width:1024px) {

    .login-live-wrapper{padding: 20px; align-items:center;}

    /* Middle Content */
    body.theme-light .content-wrapper .content { /*padding: 20px 30px;*/ }

    /* Login Page */
    .loginbackground { padding: 40px 40px 0px; }
    .login-wrapper::after { left: 0; bottom: 0; }
    .login-wrapper::before { right: -2%; top: -8%; height: 30%; width: 30%; filter: blur(60px); }
    .login-form .card { padding: 40px; padding-right: calc(40px - 16px); }
    .other-login-method .form-group { width: 45%; }

    /* Login Page END */

    /* Student Account */
    body.theme-light .student-profile { flex-direction: column; }
        body.theme-light .student-profile .sp-left, body.theme-light .student-profile .sp-right { width: 100%; }
            body.theme-light .student-profile .sp-right .form-group { flex-wrap: nowrap; gap: 30px 10px; }

    /* Student Leave Page */
    body.theme-light .leave-block { padding: 20px; }
    body.theme-light .form-input-group { /*gap: 30px;*/ }
        body.theme-light .form-input-group .frm-input-block .col-form-label, select, select.form-control, input[type=date], input[type=email], input[type=number], input[type=password], input[type=search], input[type=tel], input[type=text], input[type=url], select, textarea, .imp-note ol li { font-size: 13px; }
    input[type=date], input[type=email], input[type=number], input[type=password], input[type=search], input[type=tel], input[type=text], input[type=url], select, textarea { padding: 8px 16px !important; }

    /* Feedback Table */
    table.table-feedback { padding: 25px 0 0; }
        table.table-feedback > thead { display: none; }
        table.table-feedback > tbody > tr > td { display: flex; flex-direction: column; flex-wrap: wrap; width: 100%; }
        table.table-feedback > tbody > tr > td { width: 100% !important; }
    .table-feedback tbody > tr > td:first-child span { font-weight: 500 !important; }
    .table-feedback tbody td table tbody td label { font-size: 13px; padding-left: 25px !important; line-height: 1.3em; }

    /* admin css */
    .tbl-flex-items tbody tr { flex-basis: 33%; }
}

/* Medium devices (tablets, less than 992px)*/
@media (max-width:991.98px) {

    /* Login with email and phone */
    .login-live-wrapper .login-form { /*max-width: 100%;*/ padding: 30px 50px; }
    .login-form.mobile-otp { padding: 30px; max-width: 430px; }
    .login-live-wrapper .brand-logo img { width: 180px !important; height: auto !important; }
    .other-login-method { gap: 5px; }
    .login-form.mobile-otp .other-login-method{gap: 15px;}
    .brand-title h1 { font-size: 16px; }
        .brand-title h1 strong { font-size: 30px; }
    .login-notice { font-size: 13px; }
    .login-live-wrapper .copyright-text { font-size: 13px; }


    .custom-btn-style input[type='submit'], .custom-btn-style input[type='button'] { font-size: 14px; }
    .tbl-flex-items tbody { row-gap: 5px; }

    /* Alert */
    .alert { max-width: calc(100% - 40px); width: calc(100% - 40px); font-size: 18px; word-break: break-all; }
        .alert > i::before { font-size: 50px; }

    /* Header */
    body.theme-light .navbar-light { padding: 10px 20px; align-items: center; }
    body.theme-light .n-brand-logo img { width: 140px; }
    body.theme-light .navbar-light .user-menu .navbar-nav-link { padding: 5px 10px; }
        body.theme-light .navbar-light .user-menu .navbar-nav-link > img.rounded-circle { max-height: 24px; vertical-align: middle; }
    body.theme-light .page-content { padding-left: 70px; padding-right: 10px; height: calc(100% - 65px); }
    body.theme-light .sidebar-main { /*top: 65px;*/ }
    body.theme-light.sidebar-xs .sidebar-main { width: 70px; }
    body.theme-light .content-wrapper { border-radius: 14px 14px 0 0; }
    .sidebar-xs .sidebar-main .nav-sidebar > .nav-item { padding: 0px; }

    /* Header END */

    /* Middle Content */
    .content { padding: 15px; }

    /* Login Page */
    .login-wrapper::before { top: -5%; height: 30%; width: 30%; filter: blur(60px); }
    .login-block { border-radius: 20px; }
    .loginbackground { padding: 20px 20px 0px; }
    .login-form .card { padding: 30px; padding-right: calc(30px - 10px); }
    .login-title-group .lg-title { font-size: 28px; }
    .login-title-group .lg-subtitle { font-size: 15px; }
    .login-wrapper .form-group { margin-bottom: 0.938rem; }
    .other-login-method.gp-method .form-group { margin: 0; }
    .login-form-img { padding: 10px; }
        .login-form-img img { border-radius: 12px; }

    /* Login Page END */

    /* Student Profile Page */
    body.theme-light .student-panel { border-radius: 14px; }
    body.theme-light .s-headings { padding: 20px; justify-content: space-between; }
    body.theme-light .page-title-main { font-size: 20px; padding: 10px 0 !important; }
    .page-title-block .btn-orange-text-white { /*width: 140px;*/ }
    body.theme-light .s-name, body.theme-light .s_contact-info { font-size: 16px; }
    body.theme-light .student-profile { padding: 0 20px; gap: 20px; }
        body.theme-light .student-profile .form-group { padding: 0px; }
            body.theme-light .student-profile .form-group:not(:last-child) { border: 0px; }
            body.theme-light .student-profile .form-group .sp-label { width: 100%; padding: 10px 0; border-bottom: 1px solid #D9D9D9; }
                body.theme-light .student-profile .form-group .sp-label:not(:last-child) { padding-right: 0px; }
    body.theme-light .sp-label-parent { flex-wrap: wrap; flex-direction: column; justify-content: center; text-align: center; gap: 5px; }
        body.theme-light .sp-label-parent .verify-text span.col-form-label { font-size: 13px !important; }
    .student-contact-verify .sp-label-parent.sp-status { text-align: left; gap: 10px; margin: auto; }
        .student-contact-verify .sp-label-parent.sp-status .input-block, .student-adharcard-info .form-group .frm-input-group { flex-basis: 100%; width: 100%; }
            .student-contact-verify .sp-label-parent.sp-status .input-block.mobile-verify .verify-text { width: 100%; }
            .student-contact-verify .sp-label-parent.sp-status .input-block .custom-btn-style { margin: 0px 0 40px; }
    .student-adharcard-info .form-group { margin: auto; flex-wrap: wrap; flex-direction: column; gap: 15px; }
        .student-adharcard-info .form-group .frm-input-group { padding: 0; }
        .student-adharcard-info .form-group.adhar-note { gap: 0px; }
    .adhar-note .imp-note-red { padding: 0; margin-bottom: 5px; }
        .adhar-note .imp-note-red span.col-form-label { padding: 0; }

    /* Student Profile Page END */

    /* Timetable */
    body.theme-light .middle-block table.table-block.nu-timetable tr td { height: 45px; font-size: 13px; }
    .report-generated { text-align: center; }

    /* Faculty Account */
    .pdf-heading img { width: 32px; }
    .pdf-heading span { font-size: 14px; }
    .pdf-block-wrap .custom-btn-style a { font-size: 13px; padding: 10px 20px; }

    /* marks entry form */
    #tblStudentMarks thead th, #tblStudentMarks td { position: static !important; }

    /* Footer */
    .footer-copyrights.navbar-expand-lg.navbar-light .navbar-collapse { border: 0; }
    .footer-copyrights .navbar-text { display: block; text-align: center; }

    /* Footer END */

    /* admin css */
    .tbl-flex-items tbody tr { flex-basis: 50%; }
}

/* Small device (Mobile Portrait, Less than 767px) */
@media (max-width:767px) {

    .login-live-wrapper .login-form { max-width: 100%; padding: 30px; }
        .login-live-wrapper .login-form.mobile-otp { padding: 20px; max-width: 100%; }
            .login-live-wrapper .login-form.mobile-otp .mobile-input-group input[type=text]{ text-align: left !important;}
            /* Alert */
            .alert { max-width: 90%; width: 90%; min-width: auto; min-height: auto; font-size: 16px; border-width: 2px; border-radius: 16px; }
    .alert-dismissible .close { padding: 10px; }
        .alert-dismissible .close span { font-size: 2rem; }

    /* Common Css */
    .border-radius-24, body.theme-light .table-block, body.theme-light .middle-block, .tt-block-1, .tt-block-2 { border-radius: 16px; }

    /* admin css */
    .tbl-flex-items tbody tr { flex-basis: 100%; }

    /* Header */
    .navbar-expand-md.navbar-light .navbar-collapse { border-top: 0; }
    .navbar-expand-md .navbar-nav-link { margin: 0; }

    /* Header END */

    /* Login Page */
    .login-block { flex-direction: column; }
        .login-block .login-form.w-50, .login-block .login-form-img.w-50 { width: 100% !important; }
        .login-block .login-form-img.w-50 { display: none; }

    /* Login Page END */

    /* Middle Content */
    body.theme-light .content-wrapper .content { padding: 15px; }
    body.theme-light .page-content { padding-left: 10px; height: calc(100% - 69px); }
    body.theme-light .sidebar-main { left: -80px; }
    body.theme-light.sidebar-mobile-main .sidebar-main { width: 100%; left: 0; }
    .sidebar-mobile-main .sidebar-main, .sidebar-mobile-main .sidebar-main .sidebar-content { top: 80px; }
        .sidebar-mobile-main .sidebar-main .sidebar-content { position: static; }
    .page-title-block { flex-direction: column; /*padding: 10px 0 25px;*/ padding: 10px 0; gap: 18px; text-align: center; }
    .btn-top-right [type=submit], .btn-top-right a { margin: 0px; }
    body.theme-light .page-title-main { padding: 0 !important; text-align: center; }
    .tt-notice br { display: none; }

    /* Middle Content END */

    /* Student Profile Page */
    .adhar-block fieldset:first-child legend:first-child { font-size: 18px; margin: 0; }
    .student-contact-verify .sp-label-parent.sp-status .input-block.mobile-verify { flex-direction: column; }
        .student-contact-verify .sp-label-parent.sp-status .input-block.mobile-verify .verify-image { padding-top: 0; margin: 0; width: 100%; }
            .student-contact-verify .sp-label-parent.sp-status .input-block.mobile-verify .verify-image img { width: 25px; margin-bottom: 5px; }

    /* Form Group */
    body.theme-light .form-input-group:not(:last-child) { margin-bottom: 10px; }
    table.table-spacing-small thead th, table.table-spacing-small tbody td { padding: 8px 15px !important; }

    /* Student Feedback Page */

    /* Feedback Option Table */
    .table-feedback tbody td { padding: 10px; display: block; }
        .table-feedback tbody > tr > td:first-child, .table-feedback tbody td table tbody td:first-child { padding-left: 10px; }
        .table-feedback tbody td table tbody td { padding: 0; padding-top: 10px; padding-left: 0px !important; }

    /* DataTable */
    .datatable-header { flex-direction: column; justify-content: center; }
    .dataTables_filter, .dataTables_length { width: 100%; text-align: center; }
    .dataTables_length { display: none; }
    .datatable-footer { flex-direction: column-reverse; justify-content: center; gap: 10px; padding: 20px 0; }
    .dataTables_paginate { justify-content: space-between; width: 100%; }

    /* Photo Upload Page */
    .imp-note h2 { font-size: 18px; }

    /* Faculty Pages */
    .slot-attendance-block .form-input-group { flex-wrap: wrap; flex-direction: column; align-items: center; gap: 10px !important; }
        .slot-attendance-block .form-input-group .frm-input-block { width: 100%; }
}

@media (max-width:576px) {
    html { /*font-size: 13px;*/ }
    body.theme-light .page-title-main { text-align: center; }
    body.theme-light .form-input-group { /*margin-bottom: 30px;*/ }
    .button-group { width: 100%; justify-content: center; flex-wrap: wrap; }
        .button-group .custom-btn-style { margin: 0; /* width: 47%;*/ }
    input[type=date], input[type=email], input[type=number], input[type=password], input[type=search], input[type=tel], input[type=text], input[type=url], select, textarea { text-align: center; }

    .login-live-wrapper .brand-logo img{width: 150px !important;}
    .brand-title h1{font-size: 14px;line-height: 1.3;}
        .brand-title h1 strong{font-size: 24px;}

    /* Student Profile Page  */
    body.theme-light .student-profile { padding: 0 15px; gap: 20px; }
        body.theme-light .student-profile .form-group span.col-form-label { font-size: 13px !important; }
        body.theme-light .student-profile .sp-right .form-group { flex-wrap: wrap; flex-direction: column; gap: 10px; }
    body.theme-light .sp-label-parent .verify-image, body.theme-light .sp-label-parent .verify-text { width: 100%; }
        body.theme-light .sp-label-parent .verify-image img { width: 25px; }
    body.theme-light .s-headings { flex-wrap: wrap; gap: 5px; padding: 15px; }
    .custom-btn-style input[type='submit'], .custom-btn-style input[type='button'] { width: 100%; }
    .student-contact-verify .sp-label-parent.sp-status, .adhar-block fieldset:first-child legend:first-child, .student-contact-verify .sp-label-parent.sp-status .input-block .verify-text span.col-form-label, .student-adharcard-info .form-group .frm-input-group span.col-form-label, .adhar-note .imp-note-red span.col-form-label, .imp-note-red { text-align: center; }
        .student-contact-verify .sp-label-parent.sp-status .input-block.mobile-verify { align-items: center; justify-content: center; text-align: center; }
        .student-contact-verify .sp-label-parent.sp-status .input-block { padding: 0; }

    /* Middle Content CSS */
    body .theme-light .form-input-group { grid-template-columns: unset; }
    .tbl-AbsentPresent-YN span { padding: 4px 20px; }

    /*  Leave Page  */
    body.theme-light .leave-block, .tt-block-1 { padding: 15px; }
    body.theme-light .form-input-group .frm-input-block input, body.theme-light .form-input-group .frm-input-block select, textarea { text-align: left !important; }

    /* Faculty Account */
    .pdf-block-wrap { margin: 0; align-items: center; justify-content: center; }
    .pdf-box { flex-basis: calc(100% - 0px); margin: 0 0px 20px; text-align: center; }
    .pdf-heading { flex-direction: column; flex-wrap: wrap; align-items: center; row-gap: 10px; }
        .pdf-heading img { width: 30px; }
}

@media (max-width:480px) {
    .login-title-group { text-align: center; }
    .brand-logo { margin-bottom: 15px; }
    .login-live-wrapper .brand-logo { margin-bottom: 30px; }
    .brand-logo img { width: 150px !important; height: auto !important; }
    .other-login-method { flex-direction: column; gap: 0; }
    .login-form.mobile-otp .mobile-input-group input.form-control, .login-form.mobile-otp .mobile-input-group input, .input-mobileno, .login-form.mobile-otp .mobile-input-group .custom-btn-style { width: 100%; }
    .other-login-method .form-group { width: 100%; }
        .other-login-method.gp-method .form-group.mobile-input-group, .other-login-method.gp-method .form-group.login-button-group { flex-wrap: wrap;display:block; }
        .copyright-text { font-size: 13px; }
}