html {
    height: 100%;
    font-family: font-family: system-ui;
}

body {
    font-size: 0.875rem;
    color: #000;
    background-color: #ededed;
    height: 100%;
    font-family: font-family: system-ui;
}

h1:focus {
    outline: none;
}

a, .btn-link {
    color: #0071c1;
    text-decoration: none;
}


/*ashwani css*/
.sale_topbar {
    background: #108710;
    padding: 6px 6px;
}
    .sale_topbar .sale_cus, .sale_topbar .sale_doctor, .sale_topbar .sale_dtl {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }
        .sale_topbar .sale_cus label, .sale_topbar .sale_doctor label {
            color: white;
            margin-right: 5px;
        }

        .sale_topbar .sale_dtl h4 {
            font-size: 13px;
            color: white;
            margin: 0;
            display: flex;
            align-items: center;
            justify-content: space-between;
        }
            .sale_topbar .sale_dtl h4 span {
                font-size: 21px;
                margin-left: 11px;
            }
          
.bill_sum_right {
    background: white;
    border: 1px solid grey;
}
    .bill_sum_right h3 {
        margin: 0;
        font-size: 16px;
        text-transform: uppercase;
        background: #045204;
        color: white;
        padding: 5px 7px;
    }
    .bill_sum_right .bill_sum_right_box {
        padding: 10px;
    }
    .bill_sum_right .bill_sum_right_box .bill_sum_dtl_bx {
            padding: 0;
            margin: 0;
    }
.bill_sum_dtl_bx.sale li {
    line-height: 28px !important;
}
.bill_sum_right .bill_sum_right_box .bill_sum_dtl_bx li {
    font-weight: 500;
    display: flex;
    justify-content: space-between;
    line-height: 33px;
    position: relative;
}
    .bill_sum_right .bill_sum_right_box .bill_sum_dtl_bx li span {
                    border: 0 !important;
                    height: auto;
                    box-shadow: none !important;
    }
        .bill_sum_right .bill_sum_right_box .bill_sum_dtl_bx li span input {
            padding: 3px 4px;
            text-align: right;
            margin-right: 0;
            width: 52px;
            box-shadow: none;
            border: 1px solid #e3e3e3;
        }
.bill_sum_right .dis_field {
    position: absolute;
    right: 110px;
}
.smfix input {
    padding: 3px 14px 3px 3px !important;
}

   

.bill_sum_right .bill_sum_right_box .if_available {
    background: antiquewhite;
    border: 1px solid #9b5d0b;
    padding: 4px 5px;
    margin: 6px 0;
}
    .bill_sum_right h4 {
        background: #915c16;
        margin: 0;
        color: white;
        text-transform: uppercase;
        font-size: 16px;
        padding: 5px 10px;
        display: flex;
        justify-content: space-between;
    }
    .bill_sum_right .sal_bll_sum_fftr {
        padding: 6px 4px;
        margin: 0 10px;
    }
        .bill_sum_right .sal_bll_sum_fftr .col-md-4, .bill_sum_right .sal_bll_sum_fftr .col-md-6, .bill_sum_right .sal_bll_sum_fftr .col-md-3 {
            padding: 0 3px;
            margin-bottom: 4px;
        }
       
        .bill_sum_right .sal_bll_sum_fftr label {
            font-size: 13px;
        }
        .bill_sum_right .sal_bll_sum_fftr input {
            padding: 3px 2px;
            border-radius: 0px !important;
            font-size: 13px !important;
        }
            .bill_sum_right .sal_bll_sum_fftr input.amt_due {
                background: #fbe9e9;
                border: 1px solid #e75353;
                color: black;
            }
            .bill_sum_right .sal_bll_sum_fftr input.amt_given {
                background: #daffd7;
                border: 1px solid #4dbb39;
                color: black;
            }
    .bill_sum_right .sal_bll_btns {
        padding: 6px;
        border-top: 1px solid grey;
        text-align: center;
    }
        .bill_sum_right .sal_bll_btns i {
            font-size: 19px !important;
        }
.rz-dropdown-label {
    color: black!important;
}
.bill_sum_right button {
    padding: 5px 12px;
    border-radius: 0px;
    font-weight: 400 !important;
}
.rz-calendar .rz-button-icon-left {
    color: black;
    margin-left: -18px !important;
    font-size: 19px !important;
}
.bill_sum_left {
    border: 1px solid grey;
    height: 450px;
    background: white;
    margin-top: 6px;
    position: relative;
}
    .bill_sum_left table {
        margin: 0;
    }
        .bill_sum_left table th {
            padding: 3px 10px;
            font-weight: 500;
            color: black;
        }
        .bill_sum_left table th input {
            padding: 3px 10px;
            font-weight: 500;
            color: black;
        }
        .bill_sum_left table td {
            padding: 2px 6px
        }
            .bill_sum_left table td input {
                padding: 4px 4px;
                font-size: 12px;
                border-radius: 0px;
            }
        .bill_sum_left table button {
            padding: 2px 1px;
            text-align: center;
            display: flex;
            justify-content: center;
            align-items: center;
        }


/*ashwani css*/
.login-box img {
    width: 60px;
    margin-top: 6px;
}

.table > :not(:last-child) > :last-child > * {
    border-bottom: 1px solid #d1d1d1;
}

.rz-panel-menu .rz-navigation-menu .rz-navigation-item .rz-navigation-item-link {
    padding: 8px 5px 8px 12px !important;
    font-size: 13px;
}

.rz-panel-menu .rz-navigation-item-text {
    color: #d9d7d7;
}

.rz-textbox:not(:disabled):not(.rz-state-disabled):focus {
    box-shadow: none !important;
    border: 1px solid #6a6a6a !important;
}

.header.fixed {
    z-index: 9 !important;
}

.rz-body {
    margin-bottom: 0 !important;
    background: #ededed;
}

.table-heading {
    margin-bottom: 9px;
    font-weight: 500;
    font-size: 16px;
    position: relative;
    padding-bottom: 11px;
}

    .table-heading:after {
        content: '';
        position: absolute;
        background: #F44336;
        height: 2px;
        width: 39px;
        left: 0;
        top: 89%;
    }


.photobox {
    position: relative;
}

    .photobox .rz-fileupload-choose {
        width: 100%;
        text-align: center;
        margin-top: 8px;
    }

    .photobox .rz-fileupload-buttonbar {
        padding: 0 !important;
    }

.colappsmenu {
    padding-left: 35px;
}

.inputbtn {
    position: relative;
    z-index: 9;
    left: 0;
    right: 0;
    width: 100%;
    padding: 0;
    opacity: 0;
}

.photobtn {
    position: absolute;
    left: 0;
    right: 0;
}

.mbtnres {
}


.menufttrfix {
    bottom: 0;
    left: 0;
    right: 0;
    background: white;
    text-align: center;
    padding: 7px 0;
    width: 100%;
    transform: translateX(0px);
    position: absolute;
    z-index: 9;
}
.acdyear {
    width: 250px;
    padding: 15px 13px;
    background: #058b4d;
}
.acdyear h3 {
    font-size: 17px;
    margin: 0;
    color: white;
}
.menufttrfix img {
    width: 133px;
}
.menufttrfix h5 {
        font-size: 12px;
        font-weight: 500;
        margin: 0;
        color: black;
}
.clsubheader ul {
    margin: 0 0 5px;
}

.clsubheader li {
    text-transform: uppercase;
    font-size: 13px;
    font-weight: 600;
}

    .clsubheader li span {
        display: inline-block;
        width: 13px;
    }

    .clsubheader li strong {
        width: 60px;
        display: inline-block;
        font-weight: 700;
    }

    .clsubheader li .auto-width {
        width: auto;
    }


.rz-grid-table thead tr:nth-of-type(2) th {
    padding-top: 0 !important;
    background: #f6f8f9 !important;
}

.rz-sidebar {
    bottom: 0 !important;
}
/* width */
.rz-panel-menu::-webkit-scrollbar, .regseatmiddle::-webkit-scrollbar {
    width: 5px;
}

/* Track */
.rz-panel-menu::-webkit-scrollbar-track, .regseatmiddle::-webkit-scrollbar-track {
    background: #f1f1f1;
}

/* Handle */
.rz-panel-menu::-webkit-scrollbar-thumb, .regseatmiddle::-webkit-scrollbar-thumb {
    background: #888;
}

    /* Handle on hover */
    .rz-panel-menu::-webkit-scrollbar-thumb:hover, .regseatmiddle::-webkit-scrollbar-thumb:hover {
        background: #555;
        width: 5px;
    }



.schooldetail {
    /* margin-bottom: 20px; */
    max-width: 423px;
    margin: -121px auto 32px;
    /* background: linear-gradient(0deg, #eeaec400, #edaec3); */
    border-radius: 13px;
    /* margin-bottom: 10px; */
    padding: 10px 17px;
    /* box-shadow: 1px 2px 8px #000000; */
    /* border-top: 2px solid #fffa9c; */
    /* border-bottom: 1px solid #455872; */
    margin-bottom: 33px;
}

.schdtl-right {
    padding-left: 28%;
}

.schooldetail img {
    width: 98px;
    float: left;
    margin-bottom: 7px;
}

.schooldetail h3 {
    font-weight: 500;
    font-size: 17px;
    color: black;
    margin-bottom: 3px !important;
}

    .schooldetail h3 span {
        display: block;
        font-weight: 700;
        font-size: 26px;
    }

.schooldetail p {
    margin-bottom: 10px;
    font-weight: 300;
    color: #818181;
    font-size: 16px;
}

.schooldet
.schdtl-right {
    margin-left: 111px;
    text-align: left;
}

.btn-primary {
    color: #fff;
    background-color: #1b6ec2;
    border-color: #1861ac;
}

.invalid.modified:not([type=checkbox]) {
    outline: 1px solid #26b050;
}

.invalid {
    outline: 1px solid red;
}

.validation-message {
    color: red;
}

#blazor-error-ui {
    background: lightyellow;
    bottom: 0;
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
    display: none;
    left: 0;
    padding: 0.6rem 1.25rem 0.7rem 1.25rem;
    position: fixed;
    width: 100%;
    z-index: 1000;
}

    #blazor-error-ui .dismiss {
        cursor: pointer;
        position: absolute;
        right: 0.75rem;
        top: 0.5rem;
    }

.blazor-error-boundary {
    background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTYiIGhlaWdodD0iNDkiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIG92ZXJmbG93PSJoaWRkZW4iPjxkZWZzPjxjbGlwUGF0aCBpZD0iY2xpcDAiPjxyZWN0IHg9IjIzNSIgeT0iNTEiIHdpZHRoPSI1NiIgaGVpZ2h0PSI0OSIvPjwvY2xpcFBhdGg+PC9kZWZzPjxnIGNsaXAtcGF0aD0idXJsKCNjbGlwMCkiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0yMzUgLTUxKSI+PHBhdGggZD0iTTI2My41MDYgNTFDMjY0LjcxNyA1MSAyNjUuODEzIDUxLjQ4MzcgMjY2LjYwNiA1Mi4yNjU4TDI2Ny4wNTIgNTIuNzk4NyAyNjcuNTM5IDUzLjYyODMgMjkwLjE4NSA5Mi4xODMxIDI5MC41NDUgOTIuNzk1IDI5MC42NTYgOTIuOTk2QzI5MC44NzcgOTMuNTEzIDI5MSA5NC4wODE1IDI5MSA5NC42NzgyIDI5MSA5Ny4wNjUxIDI4OS4wMzggOTkgMjg2LjYxNyA5OUwyNDAuMzgzIDk5QzIzNy45NjMgOTkgMjM2IDk3LjA2NTEgMjM2IDk0LjY3ODIgMjM2IDk0LjM3OTkgMjM2LjAzMSA5NC4wODg2IDIzNi4wODkgOTMuODA3MkwyMzYuMzM4IDkzLjAxNjIgMjM2Ljg1OCA5Mi4xMzE0IDI1OS40NzMgNTMuNjI5NCAyNTkuOTYxIDUyLjc5ODUgMjYwLjQwNyA1Mi4yNjU4QzI2MS4yIDUxLjQ4MzcgMjYyLjI5NiA1MSAyNjMuNTA2IDUxWk0yNjMuNTg2IDY2LjAxODNDMjYwLjczNyA2Ni4wMTgzIDI1OS4zMTMgNjcuMTI0NSAyNTkuMzEzIDY5LjMzNyAyNTkuMzEzIDY5LjYxMDIgMjU5LjMzMiA2OS44NjA4IDI1OS4zNzEgNzAuMDg4N0wyNjEuNzk1IDg0LjAxNjEgMjY1LjM4IDg0LjAxNjEgMjY3LjgyMSA2OS43NDc1QzI2Ny44NiA2OS43MzA5IDI2Ny44NzkgNjkuNTg3NyAyNjcuODc5IDY5LjMxNzkgMjY3Ljg3OSA2Ny4xMTgyIDI2Ni40NDggNjYuMDE4MyAyNjMuNTg2IDY2LjAxODNaTTI2My41NzYgODYuMDU0N0MyNjEuMDQ5IDg2LjA1NDcgMjU5Ljc4NiA4Ny4zMDA1IDI1OS43ODYgODkuNzkyMSAyNTkuNzg2IDkyLjI4MzcgMjYxLjA0OSA5My41Mjk1IDI2My41NzYgOTMuNTI5NSAyNjYuMTE2IDkzLjUyOTUgMjY3LjM4NyA5Mi4yODM3IDI2Ny4zODcgODkuNzkyMSAyNjcuMzg3IDg3LjMwMDUgMjY2LjExNiA4Ni4wNTQ3IDI2My41NzYgODYuMDU0N1oiIGZpbGw9IiNGRkU1MDAiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPjwvZz48L3N2Zz4=) no-repeat 1rem/1.8rem, #b32121;
    padding: 1rem 1rem 1rem 3.7rem;
    color: white;
}

    .blazor-error-boundary::after {
        content: "An error has occurred."
    }


/** Login 4 start **/
.login-4 {
    padding: 5px 0;
    background: linear-gradient(#ffffffbf, #ffffff9c),url(../images/images.png) top left repeat;
    z-index: 999;
    background-position: center center;
    position: relative;
    min-height: 100vh;
    text-align: center;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    justify-content: center;
    align-items: center;
}


.top-row {
    box-shadow: 0 3px 6px rgb(0 0 0 / 10%), 0 3px 6px rgb(0 0 0 / 0%);
    height: 55px !important;
    justify-content: start !important;
    background: #479cc8;
    color: white;
}

.navbar-dark {
    background: #1372a5;
    box-shadow: none;
}


.nav-item a.active {
    color: white;
    font-weight: 600;
    background: #00a1ff;
}

.mainnavheading {
    text-transform: uppercase;
    color: #747474;
    font-size: 15px;
    margin: 0;
    padding: 10px 21px;
    font-weight: 400;
    background: #171b20;
}

.colappsmenu i {
    margin-right: 7px;
    font-size: 9px !important;
}

.rightarrow {
    position: absolute;
    right: 12px;
}

.nav-item a {
    padding: 11px 10px;
    border-radius: 0px;
    font-size: 15px;
    font-weight: 400;
    color: #c5c5c5;
}

.nav-item i {
    margin-right: 7px;
}

.navbar-brand {
    width: 175px;
    padding: 0;
    text-transform: uppercase;
    font-weight: 500;
}

.rz-grid-table thead, .rz-grid-table thead th {
    position: unset !important;
    top: 0;
    z-index: auto;
}

.sidebar .fas {
    font-weight: 900;
    padding: 0 6px 0 0 !important;
}

.nav-item {
    padding: 0 !important;
}

.top-row h5 {
    color: #bfdd19;
    font-weight: 500 !important;
}

    .top-row h5 span i {
        color: #fff !important;
    }




main {
    flex: 1;
    background: whitesmoke !important;
    /* width: calc(100% - 250px);*/
}

article {
    padding: 13px 13px !important;
}

.fxt-template-layout3 {
    min-height: 100vh;
    height: 100vh;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    position: relative;
    z-index: 1;
    padding: 15px;
    background: url(https://content3.jdmagicbox.com/comp/hyderabad/a9/040pxx40.xx40.151130121154.m5a9/catalogue/om-shanti-ayurvedic-clinic-nm-guda-kishanbagh-hyderabad-general-physician-doctors-b7sk6.jpg);

}

    .fxt-template-layout3:before {
        content: "";
        height: 100%;
        width: 100%;
        background-color: rgba(4, 4, 14, 0.4);
        left: 0;
        top: 0;
        position: absolute;
        z-index: -1;
    }






    .fxt-template-layout3 .fxt-content {
        padding: 65px 90px 45px;
        width: 100%;
        background-color: #fff;
    }

@media only screen and (max-width: 1199px) {
    .fxt-template-layout3 .fxt-content {
        padding: 65px 70px 45px;
    }
}

@media only screen and (max-width: 575px) {
    .fxt-template-layout3 .fxt-content {
        padding: 50px 30px 30px;
    }
}

.fxt-template-layout3 .fxt-header {
    padding: 30px 30px 30px 0;
}

    .fxt-template-layout3 .fxt-header .fxt-logo {
        display: block;
        margin-bottom: 50px;
        max-width: 40vw;
    }

    .fxt-template-layout3 .fxt-header h1 {
        color: #fff;
        font-size: 25px;
    }
        .fxt-template-layout3 .fxt-header h1 span {
            color: #fff;
            font-size: 43px;
            font-weight: 500;
            margin-bottom: 0;
            text-transform: uppercase;
            display: block;
            margin-top: 10px;
        }

.fxt-template-layout3 .fxt-form .fxt-otp-label {
    text-align: center;
    width: 100%;
    margin-bottom: 15px;
    font-size: 18px;
    font-weight: 500;
}

.fxt-template-layout3 .fxt-form .form-group {
    position: relative;
    z-index: 1;
    margin-bottom: 15px;
}

    .fxt-template-layout3 .fxt-form .form-group .field-icon {
        position: absolute;
        z-index: 1;
        right: 24px;
        bottom: 18px;
        padding: 0 5px;
        color: #11d555;
        font-size: 14px;
    }

.fxt-template-layout3 .fxt-form .form-group .field-icon:before {
            padding: 17px 10px;
}
.fxt-template-layout3 .fxt-form .fxt-footer {
    text-align: center;
}
.fxt-template-layout3 .fxt-form .form-control {
    min-height: 45px;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: 1px solid #e7e7e7;
    padding: 10px 15px;
    color: #111111;
    background-color: #ffffff;
}

.fxt-template-layout3 .fxt-form input::-webkit-input-placeholder {
    color: #a1a1a1;
    font-size: 15px;
    font-weight: 300;
}

.fxt-template-layout3 .fxt-form input::-moz-placeholder {
    color: #a1a1a1;
    font-size: 15px;
    font-weight: 300;
}

.fxt-template-layout3 .fxt-form input:-moz-placeholder {
    color: #a1a1a1;
    font-size: 15px;
    font-weight: 300;
}

.fxt-template-layout3 .fxt-form input:-ms-input-placeholder {
    color: #a1a1a1;
    font-size: 15px;
    font-weight: 300;
}


.parentpic {
    width: 170px;
}

    .parentpic img {
        width: 152px !important;
        object-fit: cover;
        height: 157px !important;
    }

    .parentpic .picdet {
        position: relative;
    }

    .parentpic input {
        width: 152px;
        position: relative;
        z-index: 9;
        opacity: 0;
    }

    .parentpic .upbtn {
        position: absolute;
        top: 0;
        background: #00a1ff;
        left: 0;
        right: 0;
        text-align: center;
        padding: 5px 5px;
        color: white;
    }

.wardphoto {
    margin: 0 auto;
    text-align: center;
    position: relative;
    padding: 9px 0;
    border: 1px solid #d1d1d1;
    border-radius: 5px;
    margin-bottom: 10px;
}

    .wardphoto img {
        height: 146px !important;
        width: 120px !important;
        object-fit: cover;
        border: 4px solid #fbbaba !important;
        position: relative;
        border-radius: 10px;
    }

    .wardphoto input {
        position: absolute;
        z-index: 9;
        left: 0;
        right: 0;
        bottom: -8px;
        /* height: 24px; */
        opacity: 0;
    }

.uploadpic {
    background: #00a1ff;
    color: white;
    padding: 4px 0;
}
/** MEDIA **/
@media (max-width: 768px) {
    .rz-tabview-nav {
        display: block !important;
    }

        .rz-tabview-nav .rz-tabview-selected a {
            width: 100%;
            text-align: left;
        }

        .rz-tabview-nav li a {
            text-align: left !important;
        }

    .login-20 .login-inner-form .details {
        padding: 50px 30px 50px;
    }
}
/** Login 20 end **/
/*
  	Flaticon icon font: Flaticon
  	Creation date: 15/04/2019 10:59
  	*/

@font-face {
    font-family: "flaticon";
    src: url("../flaticon.eot");
    src: url("../flaticon.eot?#iefix") format("embedded-opentype"), url("../flaticon.woff") format("woff"), url("../flaticon.ttf") format("truetype"), url("../flaticon.svg#Flaticon") format("svg");
    font-weight: normal;
    font-style: normal;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
    @font-face {
        font-family: "flaticon";
        src: url("./flaticon.svg#Flaticon") format("svg");
    }
}

[class^="flaticon-"]:before, [class*=" flaticon-"]:before, [class^="flaticon-"]:after, [class*=" flaticon-"]:after {
    font-family: flaticon;
    font-size: auto;
    font-style: normal;
    margin-left: 0;
}

.flaticon-user:before {
    content: "\f100";
}

.flaticon-user-1:before {
    content: "\f101";
}

.flaticon-key:before {
    content: "\f102";
}

.flaticon-password:before {
    content: "\f103";
}

.flaticon-key-1:before {
    content: "\f104";
}

.flaticon-password-1:before {
    content: "\f105";
}

.flaticon-mail:before {
    content: "\f106";
}

.flaticon-mail-1:before {
    content: "\f107";
}

.flaticon-mail-2:before {
    content: "\f108";
}

.flaticon-google-plus:before {
    content: "\f109";
}

.flaticon-search:before {
    content: "\f10a";
}

.flaticon-facebook:before {
    content: "\f10b";
}

.flaticon-facebook-1:before {
    content: "\f10c";
}

.flaticon-twitter:before {
    content: "\f10d";
}

.flaticon-twitter-1:before {
    content: "\f10e";
}

.flaticon-linkedin:before {
    content: "\f10f";
}

.flaticon-linkedin-1:before {
    content: "\f110";
}

.flaticon-linkedin-2:before {
    content: "\f111";
}




@media (min-width: 641px) {
    .navbar-toggler {
        display: none;
    }

    .collapse {
        /* Never collapse the sidebar for wide screens */
        display: block !important;
    }
}


.sidebar {
    background-color: #2b313a;
    box-shadow: 0 1px 2px 0 rgb(0 0 0 / 10%);
    bottom: 0;
    margin-top: 0px;
    left: 0;
    transition: all 0.2s ease-in-out;
    width: 230px;
    z-index: 1039;
}

.top-row {
    justify-content: flex-end;
    height: 3.5rem;
}

@media (max-width: 640.98px) {
    .top-row.auth {
        justify-content: space-between;
    }

    .top-row ::deep a, .top-row ::deep .btn-link {
        margin-left: 0;
    }
}

@media (min-width: 641px) {
    .page {
        flex-direction: row;
        display: flex;
    }

    .sidebar {
        height: 100vh;
        position: sticky;
        top: 0;
    }

    .top-row {
        position: sticky;
        top: 0;
        z-index: 1;
    }

        .top-row.auth ::deep a:first-child {
            flex: 1;
            text-align: right;
            width: 0;
        }

    .top-row, article {
        padding: 0px 13px;
    }
}

.rz-legend-item-text {
    padding: 2px 4px !important;
    font-size: 11px;
    display: inline-block;
    line-height: 14px;
}

.rz-legend-right {
    align-items: flex-start !important;
}

.search-widget {
    background-color: #fff;
    background-color: #fffc;
    border-radius: 4px;
    margin-bottom: 30px;
    padding: 10px;
    position: relative;
    box-shadow: 0 1px 2px 0 #717171;
}

.dash-widget {
    background-color: #fff;
    background-color: #fffc;
    border-radius: 4px;
    margin-bottom: 30px;
    padding: 10px;
    position: relative;
    box-shadow: 0 1px 2px 0 rgb(0 0 0 / 10%);
}

.dash-widget-bg1 {
    width: 55px;
    float: left;
    color: #fff;
    display: block;
    text-align: center;
    line-height: 55px;
    background: #cc208e;
    border-radius: 50%;
    font-size: 30px;
    height: 55px;
}

.dash-widget-info > h3 {
    font-size: 20px;
    font-weight: 500;
    margin-bottom: 0.5rem;
}

.dash-widget-info > span.widget-title1 {
    background: #cc208e;
    color: #fff;
    padding: 5px 10px;
    border-radius: 4px;
    font-size: 13px;
}

.dash-widget-info span i {
    width: 16px;
    background: #fff;
    border-radius: 50%;
    color: #666;
    font-size: 9px;
    height: 16px;
    line-height: 16px;
    text-align: center;
    margin-left: 5px;
}

.dash-widget-info > span.widget-title2 {
    background: #7014cc;
    color: #fff;
    padding: 5px 10px;
    border-radius: 4px;
    font-size: 11px;
}

.dash-widget-info > span.widget-title3 {
    background: #ffbc35;
    color: #fff;
    padding: 5px 10px;
    border-radius: 4px;
    font-size: 11px;
}

.dash-widget-bg2 {
    width: 55px;
    float: left;
    color: #fff;
    display: block;
    text-align: center;
    line-height: 55px;
    background: #7014cc;
    border-radius: 50%;
    font-size: 30px;
    height: 55px;
}

.dash-widget-bg3 {
    width: 55px;
    float: left;
    color: #fff;
    display: block;
    text-align: center;
    line-height: 55px;
    background: #ffbc35;
    border-radius: 50%;
    font-size: 30px;
    height: 55px;
}

.dash-widget i {
    color: white;
    font-size: 25px;
    padding: 6px 0;
    text-align: center;
    margin-left: 0;
    padding-left: 0;
}

.card {
    padding: 11px !important;
    border: 0;
    background: white;
    margin-bottom: 20px;
    box-shadow: none !important;
    margin-bottom: 0;
}

.rz-dialog {
    z-index: 9999;
}

.card h4, .rz-card h4 {
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 7px;
}

.saldetailstaff .rz-card {
    position: relative;
}

.saldetailstaff .row {
    margin-top: 15px;
}

.saldetailstaff h4 {
    position: absolute;
    top: -11px;
    background: #ff7272;
    color: white;
    padding: 7px 21px;
    font-weight: 600 !important;
    left: 6px;
}

.rz-dialog-title {
    font-size: 16px;
    font-weight: 600 !important;
    color: white;
}

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

.changebtn {
    padding: 17px 0px;
    font-weight: 500;
}

.hideelement {
    opacity: 0;
    position: absolute;
    background: red;
    width: 123px;
    padding: 9px 10px;
    top: 0;
    right: 0;
}

.changebtn:hover .hideelement {
    opacity: 1;
}

@keyframes blinking {
    from, 49.9% {
        background: red;
    }

    50%, to {
        background: green;
    }
}

.sprofiletabs ul {
    margin: 0;
}

    .sprofiletabs ul li {
        display: inline-block;
    }

.sprofiletabs li a {
    /*padding: 7px 17px;
    display: inline-block;
      background: #ebebeb;
 
    font-weight: 600;
    font-size: 15px;*/
    color: #7e7d7d;
}

    .sprofiletabs li a.active {
        padding: 7px 17px;
        display: inline-block;
        background: #cc208f;
        color: white;
        font-weight: 600;
        font-size: 15px;
    }

.designform .form-group input:after {
    content: '';
}

.designform .form-group {
    margin-bottom: 10px;
}

label {
    margin-bottom: 4px;
    font-size: 13px;
    font-weight: 500;
}

.rz-spinner-button {
    padding: 0 !important;
}

.rz-dialog-content .rz-card.designform {
    padding: 0;
    border: 0;
    box-shadow: none;
}

.rz-cell-filter .rz-cell-filter-label {
    margin-bottom: 0;
}

.designform h6 {
    font-size: 13px;
    font-weight: 700;
    /* border-bottom: 1px dotted #dfdfdf; */
    margin: 0;
    padding-bottom: 6px;
    background: #d7d7d7;
    padding: 7px 9px;
    text-transform: uppercase;
    /* color: white; */
    color: #303030;
}

.designform img {
    height: 200px;
    width: 100%;
    border: 1px solid #e1e1e1;
}

.rz-dropdown-filter-container {
    padding: 5px 0 !important;
    border-bottom: 1px solid #9797971a;
}

.designform table td {
    padding: 5px 5px !important;
}

.rz-dialog-content {
    padding: 10px !important;
}

.rz-label {
    margin-bottom: 4px !important;
    font-weight: 600;
    font-size: 13px;
    display: block;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    min-height: auto !important;
}

.fixnotice {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    background: white;
    padding: 22px 0;
}

.pageheader {
    border-bottom: 1px solid #8080803b;
    margin-bottom: 11px;
    padding-bottom: 7px;
}

.rz-datatable-data td .rz-cell-data, .rz-grid-table td .rz-cell-data {
    font-size: 12px !important;
}

.rz-panel-menu .rz-navigation-item-icon {
    margin: 0 0.1rem 0 0 !important;
    font-size: 1.3em !important;
    color: #d9d7d7 !important;
}

.nstuview .rz-card {
    position: relative;
}

.btn-primary {
    background-color: #00a1ff !important;
    color: #ffffff;
}

.rz-button.btn-success, .btn-success.rz-paginator-element {
    background-color: #3dab40 !important;
    color: #ffffff;
}

.rz-button.btn-danger, .btn-danger.rz-paginator-element {
    background-color: #fd5b65 !important;
    color: #ffffff;
}

    .rz-button.btn-danger:focus-visible {
        background-color: cornflowerblue !important;
        color: #000;
    }

.rz-button.btn-warning, .btn-warning.rz-paginator-element {
    background-color: #e6c54f !important;
    color: #ffffff;
}

.content h4 {
    font-size: 15px;
    font-weight: 500;
    margin-bottom: 0px !important;
    padding: 8px 0 !important;
}

.rz-paginator-last, .rz-paginator-next {
    background-color: #2b313a !important;
}

.rz-paginator-page {
    border-radius: 0 !important;
}

.studentpic img {
    border: 1px solid #d3d3d33b;
    height: 234px;
    width: 100%;
    border-radius: 5px;
    object-fit: contain;
    padding: 0px;
}

.rz-sortable-column .rzi-sort {
    color: #9da1a3 !important;
}

    .rz-sortable-column .rzi-sort:hover, .rz-sortable-column .rzi-sort:active {
        color: #ffffff !important;
    }

.parentstabs {
    width: 240px;
    margin: 0 auto;
}

    .parentstabs a.nav-link {
        border-color: #0000 !important;
        background: #d9d9d9;
        border-radius: 0;
        padding: 6px 11px;
        font-size: 13px;
        font-weight: 700;
    }

        .parentstabs a.nav-link.active {
            background-color: #423f41 !important;
            border-color: #3a3839 !important;
            color: #fff !important;
        }

.stushortprofile {
    text-align: center;
}

    .stushortprofile img {
        height: 140px;
        width: 140px;
        border: 1px solid #8080802e;
        border-radius: 50%;
        margin: 0 auto;
        text-align: center;
    }

.stuprofilebtns li {
    width: 100%;
    margin-bottom: 5px !important;
}

    .stuprofilebtns li a {
        display: block;
    }

.stushortprofile th, .stushortprofile td {
    padding: 0 0;
    border: 0;
    text-align: left;
    font-size: 12px;
    font-weight: 700 !important;
    color: #4a4a4a;
}

.stuprofiledtl th, .stuprofiledtl td {
    padding: 0 0;
    border: 0;
    text-align: left;
    font-size: 12px;
    font-weight: 600 !important;
    color: #4c4c4c;
    line-height: 27px;
}

.stuprofiledtl h6 {
    font-size: 18px;
    color: #000;
    font-weight: 700;
}

.stushortprofile h2 {
    font-size: 18px;
    font-weight: 800;
    text-transform: uppercase;
    margin: 10px 10px;
    border-bottom: 1px solid #8080805e;
    padding-bottom: 7px;
    margin-bottom: 10px;
}

.stushortprofile .table, .stuprofiledtl table {
    border: 0;
    margin-bottom: 12px;
}

.btn-dark {
    color: #fff;
    background-color: #212529 !important;
    border-color: #212529 !important;
}

.rz-datatable-thead th .rz-column-title, .rz-grid-table thead th .rz-column-title {
    display: inline-block;
    font-size: 13px !important;
    line-height: inherit;
    text-transform: capitalize !important;
    color: #ffffff !important;
    padding: 4px 8px !important;
    font-weight: 500 !important;
    vertical-align: unset;
}

.rz-paginator-first, .rz-paginator-prev {
    border: 1px solid grey;
}

tbody td {
    font-size: 12px;
    font-weight: 400;
    padding: 4px 8px !important;
    vertical-align: middle;
}

.rz-datatable-data td .rz-cell-data, .rz-grid-table td .rz-cell-data {
    overflow: hidden;
    text-overflow: unset !important;
    white-space: inherit !important;
}

.table th {
    background: #f3f3f3;
    padding: 7px 9px;
}

thead th {
    font-size: 12px;
    font-weight: 700;
}

.studenttemsec {
    background: #cb208f;
    color: #fff;
    padding: 15px 12px;
    margin-top: 16px;
    margin-bottom: 5px;
    text-align: center;
}

    .studenttemsec h5 {
        margin-bottom: 0 !important;
        line-height: 19px;
        color: white;
        font-size: 13px;
    }

        .studenttemsec h5 strong {
            font-weight: 600;
        }

.shadow {
    box-shadow: 0px 0px 38px 5px #7a7a7a29;
}

.rz-tabview {
    display: block !important;
}

.rz-tabview-top > .rz-tabview-nav .rz-tabview-selected {
    border-bottom-color: #fff;
    margin-bottom: -1px;
    border-top-color: #f0f8ff00 !important;
    background: #2b313a !important;
}

.rz-tabview-nav li a {
    display: block !important;
    color: #2c2c2c !important;
    padding: 8px 11px !important;
    min-width: 127px;
    text-align: center;
}

.rz-tabview-nav li {
    margin-right: 5px;
    border-radius: 0px !important;
}

.rz-tabview-nav .rz-tabview-selected a {
    color: #fff !important;
    background: #00a1ff;
}

.rz-tabview-bottom > .rz-tabview-nav .rz-tabview-selected {
    border-bottom-color: #7f17c3 !important;
}

.rz-grid-table {
    padding: 0 !important;
    border: 0 !important;
}

#maindash {
}

.dashbox img {
    width: 47px;
    /* border: 1px solid grey; */
    padding: 4px;
    /* background: #f7f7f7; */
    /* border-radius: 50%;*/
}

#maindash .dashbox {
    background: white;
    padding: 8px;
    min-height: 104px;
    margin-bottom: 20px;
    /* border-radius: 5px; */
    box-shadow: 3px 3px 4px #80808014;
    text-align: center;
    border-top: 2px solid red;
}

#maindash2 .dashbox2 {
    background: white;
    padding: 8px;
    min-height: 82px;
    margin-bottom: 20px;
    border-radius: 5px;
    box-shadow: 3px 3px 4px #0c0c0c45;
    border-top: 2px solid #f360b8;
}

.dashbox2:hover h3, .dashbox2:hover h3 span {
    color: white !important;
}

#maindash3 .dashbox3 {
    padding: 8px;
    min-height: 82px;
    margin-bottom: 20px;
    border-radius: 5px;
    box-shadow: 3px 3px 4px #80808014;
}

#maindash2 .dashbox2 i {
    color: white;
    height: 60px;
    width: 60px;
    border-radius: 50%;
    text-align: center;
    font-size: 24px;
    line-height: 59px;
    float: left;
}

#maindash3 .dashbox3 i {
    height: 60px;
    width: 60px;
    border-radius: 50%;
    text-align: center;
    font-size: 18px;
    line-height: 59px;
    float: left;
    background: white;
}

#maindash2 .dashbox2 h3 {
    font-size: 15px;
    font-weight: 600;
    line-height: 17px;
    margin-top: 7px;
    margin-bottom: 0;
    margin-left: 69px;
}

#maindash3 .dashbox3 h3 {
    font-size: 15px;
    font-weight: 600;
    line-height: 17px;
    margin-top: 7px;
    margin-bottom: 0;
    margin-left: 69px;
    color: white;
}

#maindash2 .dashbox2 h3 span {
    display: block;
    color: #939393;
    font-size: 12px;
    font-weight: 400;
}

#maindash3 .dashbox3 h3 span {
    display: block;
    font-size: 12px;
    font-weight: 400;
}

#maindash .dashbox h3 {
    font-size: 15px;
    font-weight: 600;
    line-height: 17px;
    margin-top: 7px;
    margin-bottom: 0;
}

    #maindash .dashbox h3 span {
        display: block;
        color: #939393;
        font-size: 12px;
        font-weight: 400;
    }

.dashbluebg {
    background: #00a1ff;
}

.dashyellowbg {
    background: #e9c92c;
}

.dashgreenbg {
    background: #7ec162;
}

.dashredbg {
    background: #f17a7a;
}

.dashpurplebg {
    background: #f360b8;
}

.col-5-fix {
    flex: 0 0 auto;
    width: 20%;
}

.hover1:hover h3, .hover2:hover h3, .hover3:hover h3, .hover4:hover h3, .hover5:hover h3 {
    color: white !important;
    transition: .5s;
}

    .hover1:hover h3 span, .hover2:hover h3 span, .hover3:hover h3 span, .hover4:hover h3 span, .hover5:hover h3 span {
        color: white !important;
        transition: .5s;
    }

.hover1 {
    transition: .5s;
}

    .hover1:hover {
        background: linear-gradient(237deg, #6fa534 -13%, #8897ff 67%) !important;
        transition: .5s;
        /* border-top: 8px double #00a1ff; */
        /* padding: 0px!important; */
        margin-top: -8px;
    }

        .hover1:hover i {
            background: #fdfdfd;
            color: #00a1ff !important;
            transition: .5s;
        }

.hover2:hover {
    background: #e9c92c !important;
    transition: .5s;
    border-top: 2px solid #e9c92c;
}

    .hover2:hover i {
        color: white !important;
        background: #e9c92c !important;
        transition: .5s;
    }

.hover3:hover {
    background: #7ec162 !important;
    transition: .5s;
    border-top: 2px solid #7ec162;
}

    .hover3:hover i {
        color: white !important;
        background: #7ec162 !important;
        transition: .5s;
    }

.hover4:hover {
    background: #f17a7a !important;
    transition: .5s;
    border-top: 2px solid #f17a7a;
}

    .hover4:hover i {
        color: white !important;
        background: #f17a7a !important;
        transition: .5s;
    }

.hover5:hover {
    background: #f360b8 !important;
    transition: .5s;
    border-top: 2px solid #f360b8;
}

    .hover5:hover i {
        color: white !important;
        background: #f360b8 !important;
        transition: .5s;
    }

.dash-widget h4 {
    font-weight: 500;
    font-size: 16px;
}

.innerdashbox {
    /* border-top: 2px solid transparent;*/
    /* padding: 8px;*/
    margin-bottom: 20px;
    /* border-radius: 0!important; */
    /* box-shadow: 3px 3px 2px #00000014; */
    /* text-align: center; */
    /* border: 8px solid #ffffff00;*/
}

.rz-chart {
    height: 165px !important;
    width: 100%;
    border: 1px solid #8080800d;
}

.ntabsnew .tab.tab-active:after
.innerdashbox:hover {
    background: #3a474d !important;
}

.changebtn img {
    width: 58px;
}

.innerdashbox i {
    height: 50px;
    width: 50px;
    border-radius: 50%;
    background: white;
    font-size: 19px;
    padding: 16px 0;
    display: block;
    margin: 0 auto 4px;
    text-align: center;
}

.innerdashbox h3 {
    font-size: 16px;
    font-weight: 600;
    line-height: 17px;
    margin-top: 7px;
    margin-bottom: 0;
    color: white;
}

    .innerdashbox h3 span {
        display: block;
        font-weight: 300;
        color: grey;
        font-size: 14px;
    }

.mainheader h4 {
    font-weight: 500;
    font-size: 21px;
    margin: 8px 0;
}

.mainheader {
    margin-bottom: 14px;
}

.transition-visible, .transition-visible2, .transition-visible3 {
    overflow: hidden;
    transition: transform 0.3s ease-out;
    height: auto;
    transform: scaleY(1);
    transform-origin: top;
    position: absolute;
    left: 0;
    right: 0;
}

.fix-layout {
    position: relative;
    min-height: 124px;
}

.transition-visible.transition-collapsed, .transition-visible2.transition-collapsed, .transition-visible3.transition-collapsed {
    transform: scaleY(0);
}

.hover11:hover {
    background: #00a1ff !important;
    transition: .5s;
    border-top: 2px solid #00a1ff;
}

    .hover11:hover i {
        color: #00a1ff;
        background: white !important;
        transition: .5s;
    }

.hover22:hover {
    background: #e9c92c !important;
    transition: .5s;
    border-top: 2px solid #e9c92c;
}

    .hover22:hover i {
        background: white !important;
        color: #e9c92c !important;
        transition: .5s;
    }

.hover33:hover {
    background: #7ec162 !important;
    transition: .5s;
    border-top: 2px solid #7ec162;
}

    .hover33:hover i {
        background: white !important;
        color: #7ec162 !important;
        transition: .5s;
    }

.hover44:hover {
    background: #f17a7a !important;
    transition: .5s;
    border-top: 2px solid #f17a7a;
}

    .hover44:hover i {
        background: white !important;
        color: #f17a7a !important;
        transition: .5s;
    }

.hover55:hover {
    background: #f360b8 !important;
    transition: .5s;
    border-top: 2px solid #f360b8;
}

    .hover55:hover i {
        background: white !important;
        color: #f360b8 !important;
        transition: .5s;
    }

.newdsn {
}

.rz-dialog-titlebar-close .rzi-times {
    color: white !important;
}

.rz-dialog-titlebar {
    background-color: #00a1ff !important;
    color: white !important;
    padding: 6px 19px !important;
}

.rz-checkbox-list-horizontal .rz-checkbox {
    width: 100px !important;
    margin-bottom: 8px !important;
}

.ntabsnew .tab-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
}

.rz-legend-item {
    background: transparent !important;
}

.tb-tabs li:nth-child(1) {
}

.tb-tabs li:nth-child(2) {
    background: linear-gradient(45deg, #118cd5, #5cc3ff);
}

.tb-tabs li:nth-child(3) {
}

.tb-tabs li:nth-child(4) {
    background: linear-gradient(45deg, #e9832c, #ffe049);
}

.tb-tabs li:nth-child(5) {
}

.tb-tabs li:nth-child(6) {
    background: linear-gradient(45deg, #35a54d, #9ee580);
}

.tb-tabs li:nth-child(7) {
}

.tb-tabs li:nth-child(8) {
    background: linear-gradient(45deg, #df4f4f, #ed8e8e);
}

.tb-tabs li:nth-child(9) {
}

.tb-tabs li:nth-child(10) {
    background: linear-gradient(45deg, #b32b7c, #fb8cce);
}

.tc-tabs {
    overflow-x: auto;
    overflow-y: hidden;
    display: -webkit-box;
}

.tc-tab {
    width: 200px;
    position: relative;
    padding: 5px;
    float: none;
}

.tc-tab-active {
    background-color: darkgray;
    color: white;
}

.tc-tab-title {
    width: 85%;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    position: absolute;
}

.tc-tab-close {
    width: 10%;
}

.ntabsnew .tab {
    color: white;
    font-size: 16px;
    font-weight: 500;
    padding: 10px 0;
    border-radius: 8px;
    cursor: pointer;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    text-align: center;
    box-shadow: 1px 30px 10px -23px #00000091;
}

.form-group {
    position: relative;
    margin-bottom: 12px;
}

.row {
    margin-left: -10px !important;
    margin-right: -10px !important;
}

.rz-cell-filter {
    padding: 3px 10px !important;
}
.purchage_topbar .sale_cus {
    display: flex;
    align-items: center;
    margin-bottom: 15px;
}
.sal_bll_sum_fftr .sale_cus {
    display: flex;
    align-items: center;
    margin-bottom: 0;
}
    .sal_bll_sum_fftr .sale_cus label {
        width: 150px;
        margin-bottom: 0 !important;
    }
.purchage_main_btns {
    margin: 10px 0;
}
    .purchage_main_btns button {
        width: 100%;
        padding: 5px 0;
        margin: 2px 0;
    }
.purchage_topbar .sale_cus label {
    width: 150px;
    margin-bottom: 0 !important;
}
.purchage_ftr {
    border-top: 1px solid #d5d5d5;
    padding-top: 6px;
}
.sale_topbar input, .purchage_topbar input {
    padding: 6px 8px;
    font-size: 13px;
    color: black;
    font-weight: 500;
    line-height: initial;
    margin: 0 2px;
    border-radius: 0 !important;
    height: auto !important;
}

.sale_topbar .rz-dropdown, .purchage_topbar .rz-dropdown, .sal_bll_sum_fftr .rz-dropdown {
    border-radius: 0px;
    line-height: 30px;
    padding: 0px 8px;
    height: auto !important;
}
.sale_topbar .rz-spinner, .purchage_topbar .rz-spinner {
    padding: 0;
    margin-right: 0;
    background: beige;
    line-height: unset;
}
    .sale_topbar .rz-spinner input {
        width: 40px;
        padding: 5px 1px;
        background: beige;
        border: 0;
    }
.sale_topbar h4 input {
    width: 60px;
}
.purchage_topbar .rz-spinner input {
    padding: 5px 1px;
    background: beige;
    border: 0;
}
.sale_topbar .rz-calendar {
}
    .sale_topbar .rz-calendar input {
        width: 120px;
        padding: 5px 8px;
    }
.ntabsnew .tab.tab-active {
    background: linear-gradient(237deg, #6fa534 -13%, #8897ff 67%) !important;
    transition: .5s;
    /* border-top: 8px double #00a1ff; */
    /* padding: 0px!important; */
    margin-top: -8px;
    /* border: 8px double white; */
    position: relative;
}
.pur_dtl_list {
    height: 335px;
    margin-top: 10px;
}
.feetablenew_purchage {
    height: 280px;
    overflow-y: scroll;
}
.ntabsnew .tab.tab-active:after {
    content: "\f0d7";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    color: #8798f5;
    font-size: 86px;
    /* padding-right: 0.5em; */
    position: absolute;
    top: 40%;
    left: 38%
}
.purchage_imp_btn {
    background-color: aliceblue !important;
    color: black !important;
}
.ntabsnew .tab-filling {
    margin-right: 10px;
}

.ntabsnew .tab-content {
    padding: 0 10px;
    width: 100%;
    overflow: hidden;
    transition: transform 0.3s ease-out;
    height: auto;
    transform: scaleY(1);
    transform-origin: top;
}
.sal_total_res {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background: #cd2e2e;
}
    .sal_total_res h5 {
        margin: 0;
        font-size: 15px;
        padding: 6px 6px;
        color: white;
    }
        .sal_total_res h5 span {
            display: inline-block;
            margin-left: 8px;
        }
/** Login 12 start **/
.login-12 .login-inner-form {
    color: #cccccc;
    position: relative;
}

.login-12 .bg-color-13 {
    min-height: 100vh;
    position: relative;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    background: #243143;
    justify-content: center;
    align-items: center;
    padding: 30px 15px;
}

.login-12 .form-box {
    width: 100%;
    text-align: center;
}

.login-12 .login-inner-form .form-box {
    float: left;
    width: 100%;
    position: relative;
}



.login-12 .login-inner-form img {
    margin-bottom: 5px;
}


.login-12 .bg-img {
    top: 0;
    bottom: 0;
    min-height: 100vh;
    z-index: 999;
    background: linear-gradient(-90deg, white, #ffffff61),url(../images/schbg3.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    opacity: 1;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0 15px;
}

.login-12 .info h1 {
    font-size: 22px;
    color: #fff;
    margin-bottom: 8px;
    text-transform: uppercase;
}

    .login-12 .info h1 span {
        display: block;
        font-size: 43px;
        color: #0dcaf0;
        font-weight: 700;
    }

.login-12 .info p {
    margin-bottom: 0;
    color: #fff;
    line-height: 28px;
}

.login-12 .info {
    max-width: 350px;
    margin: 0 auto;
    padding: 30px 20px;
    border: double 10px #fff;
    text-align: center;
    background: #243143;
    border-radius: 8px;
}



.login-12 .login-inner-form input {
}

.login-12 .login-inner-form i {
    position: absolute;
    top: 12px;
    right: 12px;
    color: #f9777f;
}

.login-12 .login-inner-form .form-group.mb-35 {
    margin-bottom: 35px;
}

.login-12 .login-inner-form .form-group.mb-30 {
    margin-bottom: 30px;
}


.login-12 .form-section {
    text-align: center;
    padding: 30px;
    background: white;
    border-radius: 5px;
    box-shadow: 1px 2px 8px #00000000;
}

.form-section h4 {
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 7px;
    color: white;
    text-align: left;
    margin-bottom: 14px;
}

/** MEDIA **/
@media (max-width: 992px) {
    .login-12 .none-992 {
        display: none;
    }
}

@media (max-width: 768px) {
    .login-12 .social-list a {
        width: 35px;
        height: 35px;
        line-height: 35px;
        font-size: 15px;
    }
}
/** Login 12 end **/
.fxt-content-between {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}



.mobilehide {
    display: block;
}

    .mobilehide span {
        color: white !important;
    }

@media only screen and (max-width: 991px) {
    .fxt-none-991 {
        display: none !important;
    }
}
/*Preloader Styles Start*/
.preloader {
    position: fixed;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    background-color: #fff;
    z-index: 999999;
}

    .preloader .inner {
        width: 99px;
        height: 99px;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        margin: auto;
    }

        .preloader .inner > div {
            border-radius: 50%;
            position: absolute;
            -webkit-animation-name: circle_rotate;
            animation-name: circle_rotate;
            -webkit-animation-iteration-count: infinite;
            animation-iteration-count: infinite;
            -webkit-animation-timing-function: linear cubic-bezier(0.075, 0.82, 0.165, 1);
            animation-timing-function: linear cubic-bezier(0.075, 0.82, 0.165, 1);
            -webkit-animation-duration: 2s;
            animation-duration: 2s;
        }

        .preloader .inner .line1 {
            width: 100%;
            height: 100%;
            -webkit-transform: rotate(45deg);
            -ms-transform: rotate(45deg);
            transform: rotate(45deg);
            border-top: 6px solid #740eaf;
            border-left: 6px solid rgba(116, 14, 175, 0);
            border-right: 6px solid rgba(116, 14, 175, 0);
            border-bottom: 6px solid rgba(116, 14, 175, 0);
            -webkit-animation-delay: 0s;
            animation-delay: 0s;
        }

        .preloader .inner .line2 {
            width: 70%;
            height: 70%;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            margin: auto;
            -webkit-transform: rotate(45deg);
            -ms-transform: rotate(45deg);
            transform: rotate(45deg);
            border-top: 6px solid #9726d8;
            border-left: 6px solid rgba(151, 38, 216, 0);
            border-right: 6px solid rgba(151, 38, 216, 0);
            border-bottom: 6px solid rgba(151, 38, 216, 0);
            -webkit-animation-delay: 0.25s;
            animation-delay: 0.25s;
        }

        .preloader .inner .line3 {
            width: 40%;
            height: 40%;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            margin: auto;
            -webkit-transform: rotate(45deg);
            -ms-transform: rotate(45deg);
            transform: rotate(45deg);
            border-top: 6px solid #be70eb;
            border-left: 6px solid rgba(190, 112, 235, 0);
            border-right: 6px solid rgba(190, 112, 235, 0);
            border-bottom: 6px solid rgba(190, 112, 235, 0);
            -webkit-animation-delay: 0.5s;
            animation-delay: 0.5s;
        }

@-webkit-keyframes circle_rotate {
    50%, 100% {
        -webkit-transform: rotate(405deg);
        transform: rotate(405deg);
    }
}

@keyframes circle_rotate {
    50%, 100% {
        -webkit-transform: rotate(405deg);
        transform: rotate(405deg);
    }
}

.catsectionbox {
    background: white;
    padding: 50px;
    max-width: 100%;
    margin: 0 auto;
    box-shadow: 10px 22px 40px -23px #80808087;
    border-radius: 10px;
    position: relative;
    z-index: 2;
}

    .catsectionbox h1 {
        font-size: 21px;
        font-weight: 500;
        text-transform: uppercase;
        letter-spacing: 0.1em;
        margin-bottom: 25px;
        position: relative;
    }

        .catsectionbox h1 span {
            display: block;
            text-transform: capitalize;
            font-size: 13px;
            color: grey;
            font-weight: 300;
            letter-spacing: 0.2em;
            margin-top: 4px;
        }

.nbg1 {
    background: linear-gradient(45deg, #37b9ff, #15d1ff);
}

.nbg2 {
    background: linear-gradient(45deg, #ff599b, #ffa764);
}

.nbg3 {
    background: linear-gradient(45deg, #2dcfbb, #74efbb);
}

.nbg4 {
    background: linear-gradient(45deg, #ffa637, #ff6095);
}

.nbg5 {
    background: linear-gradient(45deg, #6e22ff, #c067ff);
}

.nbg6 {
    background: linear-gradient(124deg, #4bd96a, #ff817e);
}

.nbg7 {
    background: linear-gradient(-33deg, #4bd9b2, #aa7eff);
}

.schooldet {
    background: white;
    width: 480px;
    padding: 15px 15px;
    border-top-left-radius: 10px;
    .schooldetail border-top-right-radius: 10px;
    margin: 0 auto;
    min-height: 153px;
    z-index: 9;
    position: relative;
}

    .schooldet img {
        height: 110px;
        float: left;
    }

    .schooldet h5 {
        font-size: 26px;
        font-weight: 600;
        text-transform: uppercase;
        margin: 32px 0;
        margin-left: 30%;
    }

        .schooldet h5 span {
            display: block;
            text-transform: capitalize;
            font-size: 15px;
            color: grey;
            font-weight: 300;
        }

#catsec {
    position: relative;
}

    #catsec:before {
        content: '';
        background: linear-gradient(to right, #ffffff00, #ffffff00),url(../images/maindashbg2.jpg);
        position: absolute;
        left: -33px;
        right: 0;
        top: -18px;
        bottom: 0;
        height: 100vh;
        /* width: 100%; */
        background-repeat: space;
        background-size: cover;
        z-index: 1;
    }

.catsectionbox .dashboxnw {
    text-align: center;
    /* border: 1px solid grey; */
    min-height: 187px;
    box-shadow: 0px 26px 7px -16px grey;
    transition: .3s;
    border-radius: 8px;
    padding: 14px;
}

    .catsectionbox .dashboxnw:hover {
        margin-top: -3px;
        transition: .3s;
    }

.catsectionbox i {
    background: white;
    height: 75px;
    width: 75px;
    font-size: 22px;
    border-radius: 50%;
    text-align: center;
    line-height: 76px;
    box-shadow: 0px 10px 11px -11px grey;
}

.catsectionbox h3 {
    font-size: 16px;
    font-weight: 500;
    margin-top: 26px;
    margin-bottom: 0;
    color: white;
}

.catsectionbox a {
    background: #00000047;
    padding: 2px 10px;
    display: inline-block;
    border-radius: 5px;
    margin-top: 8px;
    color: white;
    font-size: 11px;
    letter-spacing: 0.2em;
    font-weight: 300;
}


.rz-messages-error {
    position: relative !important;
    color: #ff212f;
    font-size: 0.75rem;
    padding: 0;
    font-weight: 600;
}

.topbarmenu {
    list-style: none;
    padding: 10px 0;
    margin: 0;
}

.mbtnres span {
    font-weight: 500;
    display: inline-block;
    position: relative;
    top: -6px;
}

.topbarmenu li {
    margin-right: 34px;
    display: inline-block;
}

    .topbarmenu li:last-child {
        margin-right: 0px;
    }

    .topbarmenu li span {
        font-weight: 600 !important;
        color: #242424;
    }

.feedtlstu {
    text-align: center;
}

    .feedtlstu .stuadmno {
        background: #ff6363;
        color: white;
        display: inline-block;
        padding: 0 7px;
        border-radius: 5px;
        margin-bottom: 4px;
        text-transform: uppercase;
        font-weight: 600;
    }

    .feedtlstu img {
        height: 137px;
        border-radius: 5px;
        border: 2px solid #ff8585;
    }

.stugenderwise {
    margin-top: 4px;
}

.feedtlstu h3 {
    font-size: 15px;
    font-weight: 600;
    margin: 0;
    margin-top: 4px;
}

.studash .table-responsive h4 {
    font-weight: 600;
    text-transform: uppercase;
    font-size: 15px;
    background: #ff5d5d;
    color: white;
    padding: 4px 8px;
    position: absolute;
    top: -19px;
    left: 13px;
    border-radius: 5px;
}

.feedtlstu h3 span {
    display: block;
}

.totlamnt h5 {
    color: red;
    font-weight: 500;
    font-size: 16px;
}

.topbarmenu li a {
    color: black;
    font-weight: 400;
    font-size: 14px;
    margin-right: 11%;
}

.regseatheader {
    text-align: center;
}

    .regseatheader img {
        height: 108px;
        width: 108px;
        /* float: left; */
        /* padding: 11px; */
        border-radius: 8px;
        border: 0;
    }

    .regseatheader h5 {
        font-weight: 800;
        font-size: 26px;
        text-transform: uppercase;
        margin-bottom: 0 !important;
    }

        .regseatheader h5 span {
            display: block;
            font-size: 15px;
            font-weight: 400;
        }

#publicsection {
    position: relative;
}

    #publicsection:before {
        content: '';
        position: absolute;
        background: url(../images/admissionbg-new.png);
        height: 570px;
        width: 372px;
        left: -147px;
        top: 110px;
        background-repeat: no-repeat;
        filter: opacity(0.1);
    }

    #publicsection:after {
        content: '';
        position: absolute;
        background: url(../images/admissionbg-new.png);
        height: 557px;
        width: 322px;
        right: -16px;
        top: 110px;
        background-repeat: no-repeat;
        filter: opacity(0.1);
    }

}

.regseatheader {
    position: relative;
}

    .regseatheader::before {
        content: '';
        position: absolute;
        background: url(../images/adm-open.png);
        height: 170px;
        width: 220px;
        left: -75px;
        background-size: cover;
        top: 40px;
    }

/*new css*/
/*new css*/

.studash .card-body {
    padding: 0;
}

    .studash .card-body h1 {
        font-size: 16px;
        font-weight: 500;
        border-bottom: 1px solid #80808057;
        padding-bottom: 8px;
    }



.stubox {
    text-align: center;
}

    .stubox span {
        font-weight: 500;
        font-size: 14px;
        display: block;
    }

        .stubox span h6 {
            font-size: 15px;
            font-weight: 500;
        }

    .stubox h6 {
        font-size: 14px;
        font-weight: 600;
    }

    .stubox img {
        height: 124px;
        width: 124px;
        object-fit: cover;
        border: 6px solid #80808040;
        border-radius: 8px;
        padding: 0;
        display: block;
        margin: 0 auto 6px;
    }

    .stubox .stuname {
        background: #c736c7;
        display: table;
        padding: 6px 11px;
        margin: auto;
        border-radius: 5px;
    }

        .stubox .stuname h5 {
            color: #fff;
            font-size: 17px;
            font-weight: 500;
            line-height: 19px;
            margin: 0;
        }

            .stubox .stuname h5 span {
                display: block;
                font-weight: 400;
                font-size: 12px;
            }

.stuprofile {
    border-top: 3px solid #8080805c;
}

    .stuprofile a {
        display: block;
        text-align: center;
        background: #162785;
        color: #fff;
        padding: 7px 30px;
        margin-top: 10px;
        font-size: 13px;
        transition: .4s;
    }

        .stuprofile a:hover {
            background: #c736c7;
            color: #fff;
            transition: .4s;
        }
.paddingfixstu h5 {
    font-weight: 600;
    font-size: 14px;
    margin-top: 6px;
}

    .stunotbox .stunotidate {
        height: 50px;
        width: 70px;
        border-radius: 5px;
        text-align: center;
        padding: 5px 0;
        float: left;
        margin-right: 7px;
    }
.stunotboxbtns {
    padding: 0 10px;
}
    .stunotboxbtns a, .stunotboxbtns button {
        padding: 4px 7px;
    }
.bg-new {
    background-color: #673ab7 !important;
}

.stunotbox .stunotidate h6 {
    margin: 0;
    color: #fff;
    font-size: 20px;
    font-weight: 500;
}

    .stunotbox .stunotidate h6 span {
        font-weight: 300;
        font-size: 11px;
        display: block;
    }

.stunotbox .stunotiddetail {
    margin-left: 9px;
    height: 60px;
    overflow: hidden;
}

    .stunotbox .stunotiddetail h5 {
        font-size: 16px;
        font-weight: 500;
        margin-bottom: 4px;
    }

    .stunotbox .stunotiddetail h6 {
        font-size: 14px;
        font-weight: 400;
        color: #444444;
        height: 36px;
        overflow: hidden;
        margin-bottom: 5px;
    }

.notstatus {
    position: absolute;
    right: 7px;
    font-style: italic;
    color: #565656;
}

.stuadmno {
    background: #d77807;
    color: white;
    position: absolute;
    top: -2px;
    left: 0;
    padding: 0 13px;
    border-top-left-radius: 5px;
    font-weight: 600;
}

.stunotbox a, .stunotbox button {
    padding: 4px 18px !important;
    border-radius: 50px !important;
    font-size: 11px !important;
    min-height: 27px;
}

.stunotbox .stunotiddetail h6 span {
    display: block;
    font-style: italic;
    font-weight: 500;
    color: black;
}

.stunotifixheight {
    height: 250px;
    overflow-y: scroll;
}

.stumostlinks {
    margin: 0px 0 0;
}

html {
    height: 100%;
}

html, body {
    font-family: system-ui;
}

body {
    font-size: 0.875rem;
    color: #000;
    background-color: #ddd;
    height: 100%;
}
/** Login 5 start **/
.login-5 .form-section {
    min-height: 100vh;
    position: relative;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 30px 15px;
    background: #ddf0fbf0;
}
    .login-5 .form-section:after {
        content: '';
        /* background: url(../images/photobg-1.PNG); */
        position: absolute;
        height: 380px;
        width: 100%;
        background-size: contain;
        background-repeat: no-repeat;
        bottom: 0;
        z-index: 1;
    }
.login-5 .form-inner:before {
    content: '';
    background: url(../images/loginbg1.png);
    position: absolute;
    height: 187px;
    width: 83px;
    background-size: contain;
    background-repeat: no-repeat;
    top: 0;
    z-index: 1;
    right: 0;
}
.schooldetailnw {
    margin-bottom: 0px;
    padding-bottom: 10px
}

    .schooldetailnw img {
        width: 125px;
        margin-bottom: 8px;
    }

    .schooldetailnw h2 {
        margin-top: 0 !important;
        margin-bottom: 0;
        font-size: 21px;
        font-weight: 600;
        text-transform: uppercase;
        line-height: 24px;
    }

        .schooldetailnw h2 span {
            display: block;
            font-weight: 400;
            font-size: 14px;
            text-transform: capitalize;
            color: grey;
        }

.login-5 .form-inner .designform {
    padding: 20px;
    background: #ccdcff59;
}

.login-5 .form-inner .usrtype {
    margin-bottom: 15px;
    margin-top: -8px;
}

    .login-5 .form-inner .usrtype input {
        height: 16px;
        width: 16px;
        margin-top: 0;
        min-height: auto;
    }

.login-5 .form-inner {
    max-width: 500px;
    width: 100%;
    background: white;
    padding: 20px 0;
    box-shadow: 8px 12px 19px #808080a6;
    border-radius: 5px;
    position: relative;
    z-index: 2;
}
    .login-5 .form-inner h6 {
        color: white;
        background: #0f476e;
        display: inline-block;
        position: absolute;
        left: -8px;
        margin: 0;
        padding: 9px 20px;
        text-transform: uppercase;
        font-weight: 600;
        font-size: 17px;
        top: 7px;
    }
.login-5 .bg-img {
    background-size: cover;
    min-height: 100vh;
    z-index: 999;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 30px;
    background: #0f476e;
}

.login-5 .bg-img:before {
    content: "";
    background: #000;
    position: fixed;
    z-index: -1;
    top: 0;
    left: 0;
    opacity: 0.3;
    }

.login-5 .form-section .extra-login {
    margin-bottom: 25px;
    position: relative;
}

    .login-5 .form-section .extra-login::before {
        position: absolute;
        left: 0;
        top: 10px;
        width: 100%;
        height: 1px;
        background: #d8dcdc;
        content: "";
    }

    .login-5 .form-section .extra-login > span {
        padding: 1px 20px;
        position: relative;
        font-size: 15px;
        color: #535353;
        background: #fff2f2;
    }

.login-5 .form-section .form-check-input {
    width: 20px;
    height: 20px;
    margin-top: 0px;
    position: absolute;
    border-radius: 2px;
    border: none;
    background-color: #fff;
    margin-left: -22px;
}

.login-5 .form-check-input:focus {
    border-color: snow;
    outline: 0;
    box-shadow: none;
}

.login-5 .form-check-input:checked {
    background-color: #f5c025 !important;
}

.login-5 .form-section p {
    margin-bottom: 0;
    font-size: 13px;
}

.login-5 .form-section ul {
    list-style: none;
    padding: 0;
    margin: 0 0 20px;
}

.login-5 .form-section .social-list li {
    display: inline-block;
    margin-bottom: 5px;
}

.login-5 .form-section .thembo {
    margin-left: 4px;
}

.login-5 .form-section h3 {
    margin: 0 0 25px;
    font-size: 25px;
    font-weight: 400;
}

.login-5 .form-section .form-group {
    margin-bottom: 15px;
    position: relative;
}

.login-5 .form-section .form-control {
    padding: 6px 6px 6px;
    font-size: 13px;
    outline: none;
    height: 40px !important;
    color: #535353;
    border-radius: 3px;
    font-weight: 500;
    /* border: 1px solid #0000001c !important; */
    background: #ccdcff;
}

.login-5 .fxt-footer {
    margin-top: 10px;
    border-top: 1px solid #80808061;
    padding-top: 10px;
}

    .login-5 .fxt-footer img {
        width: 165px;
    }

.login-5 .fxt-btn-primary {
    background-color: #49cd49 !important;
    letter-spacing: 0.04em;
}

.login-5 .fxt-btn-danger {
    background-color: #f97e7e !important;
    letter-spacing: 0.04em;
}


.login-5 .form-section .form-box button {
    position: absolute;
    right: 14px;
    top: 27px;
    color: #3a3a3a;
}
.formhidediv {
    text-align: left;
    padding: 0 40px;
    position: relative;
}
.login-5 .form-section .form-check {
    margin-bottom: 0;
}

.login-5 .form-section a.forgot-password {
    font-size: 16px;
}

    .login-5 .form-section a.forgot-password:hover {
        color: #535353;
    }

.login-5 .logo img {
    margin-bottom: 15px;
    height: 25px;
}

.login-5 .btn-theme {
    position: relative;
    display: inline-block;
    border: none;
    outline: none !important;
    color: #ffffff;
    text-transform: capitalize;
    transition: all 0.3s linear;
    z-index: 1;
    overflow: hidden;
    cursor: pointer;
    font-size: 17px;
    font-weight: 400;
    font-family: 'Jost', sans-serif;
    border-radius: 3px;
    width: 100%;
}

    .login-5 .btn-theme:after {
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        content: "";
        border-radius: 3px;
        transform: perspective(200px) scaleX(0.1) rotateX(90deg) translateZ(-10px);
        transform-origin: bottom center;
        transition: transform 0.4s linear, transform 0.4s linear;
        z-index: -1;
    }

    .login-5 .btn-theme:hover:after {
        transform: perspective(200px) scaleX(1.05) rotateX(0deg) translateZ(0);
        transition: transform 0.4s linear, transform 0.4s linear;
    }

.login-5 .btn-lg {
    padding: 0 50px;
    line-height: 55px;
}

.login-5 .btn {
    box-shadow: none !important;
}

.login-5 .btn-primary {
    background: #f5c025;
}

    .login-5 .btn-primary:after {
        background: #e3af18;
    }

.login-5 .lines {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 100%;
    z-index: -1;
}

.login-5 .line {
    position: absolute;
    width: 5px;
    height: 100%;
    top: 0;
    left: 50%;
    background: rgba(255, 255, 255, 0.1);
    overflow: hidden;
}

    .login-5 .line::after {
        content: '';
        display: block;
        position: absolute;
        height: 15vh;
        width: 100%;
        top: -50%;
        left: 0;
        background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, #ffffff 75%, #ffffff 100%);
        animation: drop 7s 0s infinite;
        animation-fill-mode: forwards;
        animation-timing-function: cubic-bezier(0.4, 0.26, 0, 0.97);
        z-index: -888;
    }

    .login-5 .line:nth-child(1) {
        margin-left: -40%;
    }

        .login-5 .line:nth-child(1)::after {
            animation-delay: 1s;
        }

    .login-5 .line:nth-child(3) {
        margin-left: 40%;
    }

        .login-5 .line:nth-child(3)::after {
            animation-delay: 2s;
        }

    .login-5 .line:nth-child(4) {
        margin-left: -20%;
    }

        .login-5 .line:nth-child(4)::after {
            animation-delay: 3s;
        }

    .login-5 .line:nth-child(5) {
        margin-left: 20%;
    }

        .login-5 .line:nth-child(5)::after {
            animation-delay: 4s;
        }

@keyframes drop {
    0% {
        top: -50%;
    }

    100% {
        top: 110%;
    }
}

.login-5 .info {
    max-width: 650px;
}
    .login-5 .info .name_wrap {
        border-bottom: 1px solid grey;
        margin-bottom: 20%;
    }

    .login-5 .info img {
        width: 400px;
    }

    .login-5 .info h1 {
    }

        .login-5 .info h1 span {
        }

.login-5 .social-list li a {
    font-size: 13px;
    font-weight: 600;
    width: 130px;
    margin: 2px 0 3px 0;
    height: 40px;
    line-height: 40px;
    border-radius: 3px;
    display: inline-block;
    text-align: center;
    color: #fff;
}

    .login-5 .social-list li a i {
        height: 40px;
        width: 40px;
        line-height: 40px;
        float: left;
        border-radius: 3px;
    }

    .login-5 .social-list li a span {
        margin-right: 7px;
    }

.login-5 .name_wrap h1 {
    position: relative;
    font-size: 47px;
    font-family: "Poppins", sans-serif;
    text-transform: uppercase;
    font-weight: 700;
    color: #fff;
    line-height: 1.2;
    margin-bottom: 20px;
    display: inline-block;
    overflow: hidden;
}

.login-5 h1 span {
    padding-left: 2px;
    font-size: 19px;
    display: list-item;
}

/** Social media **/
.login-5 .facebook-bg {
    background: #4867aa;
}

.login-5 .twitter-bg {
    background: #33CCFF;
}

.login-5 .google-bg {
    background: #db4437;
}

.login-5 .google-i {
    background: #c3291c;
}

.login-5 .facebook-i {
    background: #3b589e;
}

.login-5 .twitter-i {
    background: #0cace0;
}

@media (max-width: 1200px) {
    .login-5 .name_wrap h1 {
        font-size: 40px;
    }
}

@media (max-width: 992px) {
    .login-5 .bg-img {
        display: none;
    }

    .login-5 .social-list li a {
        width: 120px;
    }
}
.usrtype ul {
    margin: 0 !important;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: baseline;
}
.usrtype li {
    width: 27%;
    float: left;
    border: 2px dotted #80808052;
    border-radius: 5px;
    margin: 0 4px;
    padding: 5px 0;
    position: relative;
}
    .usrtype li img {
        width: 52px;
        height: 40px;
        margin-bottom: 3px;
        object-fit: contain;
    }
    .usrtype li .radiocheck {
        display: block;
        margin: 0 auto;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        height: 82px !important;
        width: 65px !important;
        opacity: 0;
        padding: 0;
    }
    .usrtype li label {
        font-size: 11px;
        color: #4c4b4b;
        font-weight: 500;
        margin-bottom: 0;
        /* display: inline-block; */
        display: block;
        text-transform: uppercase;
    }
        .usrtype li label span {
            display: block;
            font-weight: 500;
            font-size: 13px;
            color: black;
            margin-top: -3px;
        }
.mychidrns {
    background: white;
    padding: 50px 15px;
    border: 3px solid #b30b82;
    border-radius: 5px;
    /* align-items: center; */
    /* vertical-align: middle; */
    /* justify-content: center; */
    margin: 20% 0;
    box-shadow: 3px 7px 34px -10px #808080bf;
}

    .mychidrns h2 {
        text-align: center;
        font-size: 20px;
        font-weight: 400;
    }

    .mychidrns .childbox {
        background: white;
        padding: 10px;
        border-radius: 5px;
        /* border-top: 2px solid #fb4d4d; */
        box-shadow: 2px 3px 13px #808080ba;
    }

        .mychidrns .childbox img {
            height: 110px;
            width: 118px;
            object-fit: cover;
            border-radius: 5px;
        }

        .mychidrns .childbox ul {
            margin: 0;
            padding: 0;
            list-style: none;
        }

        .mychidrns .childbox li {
            font-size: 13px;
            color: #3a3939;
            line-height: 18px;
        }

            .mychidrns .childbox li span {
                font-weight: 700;
                color: black;
            }

    .mychidrns .stufootrbtn {
        border-top: 1px solid #80808061;
        margin-top: 6px;
        padding-top: 6px;
    }

        .mychidrns .stufootrbtn button {
            padding: 12px 12px !important;
        }

        .mychidrns .stufootrbtn .btn-primary {
            background-color: #49cd49 !important;
        }

        .mychidrns .stufootrbtn .btn-danger {
            background-color: #f97e7e !important;
        }


.shrtprobg {
    width: 100%;
    height: 145px;
    border-radius: 5px;
}

.nstafdash .staffimgn {
    margin-top: -60px;
}

.staffdesg {
    display: inline-block;
    /* background: bisque; */
    font-style: italic;
    color: red;
    font-weight: 700;
}

.nstafdash .staffimgn img {
    height: 110px;
    width: 110px;
    border-radius: 50%;
    float: left;
    margin-right: 15px;
    border: 4px solid #ff8e8e;
}

.nstafdash .staffdetnw {
    margin-left: 123px;
}

.nstafdash .staffname {
    font-weight: 700;
    font-size: 19px;
    text-transform: uppercase;
    margin-top: -38px;
    margin-bottom: 3px;
    color: white;
}

    .nstafdash .staffname span {
        width: 104px;
        font-size: 13px;
        text-transform: capitalize;
        font-weight: 400;
        background: #0c0a68b5;
        display: block;
        padding: 2px 9px;
        border-radius: 50px;
    }

.bg1 {
    background: #09b766;
}

.bg2 {
    background: #2b74e2;
}

.bg3 {
    background: #e22b7f;
}

.bg4 {
    background: #e22b2b;
}

.bg5 {
    background: #c9730a;
}

.bg6 {
    background: #51b513;
}

.bg7 {
    background: #8c0695;
}

.bg8 {
    background: #089783;
}

.card {
    padding: 11px !important;
    background: white;
    margin-bottom: 20px;
    box-shadow: none !important;
    margin-bottom: 0;
}

.nstafdash .staffimgn ul {
    margin: 0;
    padding: 0;
}

.nstafdash .shrtprobg {
    background: linear-gradient(-90deg, #ff7d7dc9, #4d578af0),url(../img/shotprofbg.jpg);
    background-size: cover;
    background-position: center;
}

.nstafdash .staffbtns a {
    display: block;
    padding: 7px 7px;
    margin-bottom: 9px;
    border-radius: 5px;
}

.nstafdash .staffbtns img {
    height: 33px;
    float: left;
    background: white;
    padding: 3px;
    border-radius: 5px;
}

.nstafdash .staffbtns h3 {
    margin-left: 40px;
    font-weight: 400 !important;
    font-size: 14px !important;
    margin-bottom: 0;
    color: white;
}

    .nstafdash .staffbtns h3 span {
        display: block;
        font-weight: 600;
    }

.stfbtns {
    margin: 7px 0;
}

    .stfbtns button {
        padding: 6px 10px;
        border-radius: 5px;
        font-size: 13px;
        margin-left: 8px;
    }

.stafprobtm {
    background: white;
    padding: 6px 15px
}

.nstafdash .card h3 {
    font-size: 16px;
    font-weight: 500;
}

.staffnoti {
    height: 185px;
    overflow-y: scroll;
}

    .staffnoti ul {
    }

.stunotidbtns {
    margin-top: 4px;
}

.staffnoti .stunotbox {
    display: inline-flex;
    height: 64px;
    overflow: hidden;
}

.staffnoti .stunotidate {
    height: 55px;
    width: 65px;
    background: #3f36cd;
    text-align: center;
    float: left;
    border-radius: 5px;
    padding: 5px 0;
}

    .staffnoti .stunotidate h6 {
        margin: 0;
        color: white;
        font-size: 25px;
        line-height: 22px;
    }

        .staffnoti .stunotidate h6 span {
            display: block;
            font-weight: 400;
            font-size: 13px;
        }

.staffnoti:before {
    content: '';
    position: absolute;
    background: linear-gradient(-90deg, #ffffffc7, #ffffff9e),url(../img/btnsbg.png);
    background-size: cover;
    background-position: center;
}

.staffnoti .stunotbox .stunotiddetail h5 {
    color: black;
    text-transform: capitalize;
    font-weight: 600;
    margin-bottom: 3px;
    font-size: 16px;
}

.staffbrthdy:before {
    content: '';
    background: linear-gradient(-90deg, #ffffffa6, #ffffffdb),url(../img/stafbrthdatleft.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    height: 128px;
    width: 110px;
    position: absolute;
    right: 0;
    z-index: 1;
    top: 0;
}
.staffbrthdy .item {
    position: relative;
    z-index: 2;
}
.staffnoti .stunotbox .stunotiddetail p {
    margin: 0;
    color: #565656;
    font-weight: 400;
    font-size: 12px;
}

.staffnoti li {
    padding-bottom: 7px;
    border-bottom: 1px solid #8080806e;
    margin-bottom: 7px;
}

.staffnoti .stunotidbtns a, .staffnoti .stunotidbtns button {
    padding: 2px 10px;
    font-size: 11px;
    /* font-family: system-ui; */
    height: auto;
    line-height: normal;
}
/* width */
.staffnoti::-webkit-scrollbar {
    width: 5px;
}

/* Track */
.staffnoti::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px grey;
    border-radius: 5px;
}

/* Handle */
.staffnoti::-webkit-scrollbar-thumb {
    background: red;
    border-radius: 5px;
}

    /* Handle on hover */
    .staffnoti::-webkit-scrollbar-thumb:hover {
        background: #b30000;
    }

.stafthdtl {
    background: #37a17d00;
    border-top: 1px solid #ababab;
    margin-top: 3px;
}

    .stafthdtl ul {
        margin: 0;
        padding: 0;
    }

.staffbrthdy {
    margin: 9px 0 0px 0;
}

    .staffbrthdy img {
        height: 70px;
        width: 70px;
        border-radius: 50%;
        border: 1px solid #80808096;
        float: left;
    }

    .staffbrthdy h5 {
        color: black;
        margin-left: 87px;
        display: block;
        font-size: 18px;
        padding: 13px 0;
        line-height: 19px;
    }

        .staffbrthdy h5 span {
            display: block;
            text-transform: capitalize;
            font-size: 12px;
            color: #404040;
        }

.timatbelstaff th {
    background: #416bb7;
    color: white;
    font-size: 12px;
    padding: 5px 7px !important;
}

.timatbelstaff td {
    border: 1px solid #80808069;
    padding: 1px 7px;
    font-size: 11px;
    font-weight: 700;
    color: #6c0202;
}

    .timatbelstaff td span {
        display: block;
        background: #fbb7e9;
        padding: 1px 2px;
        border-radius: 1px;
        font-size: 10px;
        font-weight: 500;
    }

.nstaf_lv_stats .st_lv_st {
    background: white;
    padding: 10px;
    border-radius: 5px;
    position: relative;
    margin-bottom: 20px;
}

    .nstaf_lv_stats .st_lv_st h6 {
        position: absolute;
        top: -5px;
        background: #2285eb;
        color: white;
        font-size: 13px;
        text-transform: uppercase;
        padding: 5px 9px;
        left: 4px;
        border-radius: 5px;
        font-weight: 500;
    }

    .nstaf_lv_stats .st_lv_st table {
        margin-bottom: 0;
        margin-top: 14px;
    }

    .nstaf_lv_stats .st_lv_st th, .nstaf_lv_stats .st_lv_st td {
        padding: 2px 0;
        font-size: 12px;
        border: 0;
        background: none;
    }

    .nstaf_lv_stats .st_lv_st td {
        color: grey;
        font-weight: 500;
    }

        .nstaf_lv_stats .st_lv_st td span {
            margin-right: 25px;
            margin-left: 20px;
            display: inline-block;
            padding: 0;
            border-bottom: 0;
        }

    .nstaf_lv_stats .st_lv_st .st_lv_st_btns {
        border-top: 1px solid #80808047;
        padding-top: 7px;
        margin-top: 7px;
    }

        .nstaf_lv_stats .st_lv_st .st_lv_st_btns button {
            padding: 5px 14px !important;
            font-size: 12px;
            font-weight: 500;
            border-radius: 5px;
        }

.rz-panel-menu {
    background-color: rgb(6 38 0);
    height: 100%;
}

    .rz-panel-menu .rz-navigation-menu .rz-navigation-item-wrapper {
        background: none;
    }

    .rz-panel-menu .rz-navigation-menu {
        background: #050c04;
    }

.header h3 {
    background: #09394a;
    padding: 17px 0px;
    min-width: 259px;
    text-align: center;
    font-size: 16px;
    color: white;
    font-weight: 700;
    margin: 0;
    text-transform: uppercase;
}

.rz-card.designform {
    padding: 10px;
}

.designform input {
    border: 1px solid #8080800d;
    padding: 6px 9px;
    border-radius: 0px;
    font-size: 13px;
    background: #f6f7fa;
    color: #444343;
}

.rz-grid-table thead th {
    background: #1e1e1e;
    padding: 1px 0 !important;
}

.pagetitle {
    background: #1b82a7;
    font-size: 14px;
    font-weight: 500;
    margin: 7px 4px 7px 9px;
    position: absolute;
    left: 58%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    text-align: center;
    top: 38%;
    padding: 1px 12px;
}

    .pagetitle h5 {
        font-size: 14px;
        font-weight: 500;
        margin: 7px 4px 7px 9px;
        color: white;
    }

.rz-card {
    padding: 10px;
}

.leavdtl {
    min-height: 103px !important;
    background: #f6f7fa;
    border: 0 !important;
    padding: 6px 8px !important;
}

.form-control:focus {
    border: 1px solid #80808052 !important;
    box-shadow: none;
}

.classubstff .clsubheader h3:last-child {
    margin-right: 0px !important;
}

.classubstff .clsubheader h3 span {
    text-transform: uppercase;
    font-weight: 700;
    display: block;
    background: white;
    color: black;
}

.classubstff .clsubfooter {
    border-top: 1px solid #80808057;
    clear: both;
    /* text-align: center; */
    padding-top: 8px
}

.classubstff .clsubheader {
    margin-top: 15px;
}

.classubstff .clsubfooter .btn {
    border-radius: 5px !important;
    padding: 0px 10px !important;
    min-height: 26px;
}

.classubstff .clsubfooter .btn-success {
    background-color: #059379 !important;
}

.classubstff .clsubfooter .btn-info {
    background-color: #938105 !important;
}

.p_bc_btn {
    background: white;
    padding: 5px 15px;
    border-radius: 0;
    margin-bottom: 0;
    position: fixed;
    left: 0;
    right: 0;
    z-index: 1;
    top: 73px;
    min-height: 40px;
}

.sklnmlogo {
    display: flex;
    padding: 0 9px;
}

.stumostlinksbox {
    padding: 12px 7px;
    border-radius: 8px;
    margin-bottom: 12px;
    transition: .4s;
}

.sklnmlogo img {
    width: 45px;
    height: fit-content;
    margin: 3px 0;
}

.sklnmlogo h6 {
    font-size: 14px;
    font-weight: 500;
    margin: 7px 4px 7px 9px;
    display: flex;
    align-items: center;
}

.staffshtinfon:before {
    content: '';
    position: absolute;
    background: linear-gradient(-180deg, #ffffffc7, #ffff0000),url(../images/staffproshort.png);
    height: 192px;
    right: -10px;
    left: -10px;
    background-size: contain;
    top: -10px;
    background-repeat: no-repeat;
}

.staffprofile .staffshtinfon .empnonew {
    position: absolute;
    top: -12px;
    left: -12px;
    background: #f1395e;
    color: white;
    font-style: italic;
    font-weight: 500;
    padding: 4px 11px;
    border-radius: 5px;
}

.staffprofile .staffshtinfon .staffproheadr {
    text-align: center;
    border-bottom: 1px solid #cfcfcf;
    padding-bottom: 7px;
    margin-bottom: 11px;
    position: relative;
}

    .staffprofile .staffshtinfon .staffproheadr img {
        height: 110px;
        width: 110px;
        border-radius: 50%;
        border: 3px solid #ff5656;
        margin-bottom: 7px;
    }

    .staffprofile .staffshtinfon .staffproheadr h5 {
        font-weight: 700;
        font-size: 17px;
        text-transform: uppercase;
        margin: 0;
    }

        .staffprofile .staffshtinfon .staffproheadr h5 span {
            display: block;
            background: #5bb14c;
            width: 131px;
            padding: 3px 0;
            font-size: 13px;
            color: white;
            text-transform: uppercase;
            border-radius: 27px;
            margin: 6px auto 0;
            font-weight: 600;
        }

.staffprofile .staffshtinfon .staffprofootr {
    margin-top: 2px;
    position: relative;
    z-index: 2;
}

    .staffprofile .staffshtinfon .staffprofootr ul {
        margin: 0;
        padding: 0;
        list-style: none;
        position: relative;
        padding-left: 17px;
    }

        .staffprofile .staffshtinfon .staffprofootr ul:after {
            content: '';
            position: absolute;
            background: #bbbbbb;
            top: 0;
            bottom: 0;
            width: 1px;
            left: 0;
        }

        .staffprofile .staffshtinfon .staffprofootr ul li {
            font-weight: 600;
            font-size: 14px;
            margin-bottom: 10px;
            position: relative;
            color: black;
        }

    .staffprofile .staffshtinfon .staffprofootr li:last-child {
        margin-bottom: 0px !important;
    }

    .staffprofile .staffshtinfon .staffprofootr ul li:after {
        content: '';
        position: absolute;
        height: 10px;
        width: 10px;
        background: #f1395e;
        left: -22px;
        top: 14px;
        border-radius: 50%;
        z-index: 1;
    }

    .staffprofile .staffshtinfon .staffprofootr ul li span {
        display: block;
        color: #505050;
        font-weight: 500;
    }

ul.rz-profile-menu {
    padding: 0 0 !important;
    padding-left: 5px !important;
    margin-left: 5px;
    background: #f0f8ff00 !important;
}

    ul.rz-profile-menu .rz-navigation-item-icon-children {
        color: #ffffff !important;
    }

.rz-navigation-menu button:hover {
    background: #479cc8 !important;
}

    .rz-navigation-menu button:hover .rz-button-text {
        color: white !important;
    }

.rz-button:not(.rz-state-disabled), .rz-paginator-element:not(.rz-state-disabled) {
    cursor: pointer;
}

.rz-navigation-menu button {
    width: 100% !important;
    text-align: left;
    display: block;
    background-color: white !important;
    padding: 3px 10px !important;
    min-height: 30px;
    border-radius: 0px !important;
}

.rz-datepicker-trigger {
    padding: 0;
}

@media only screen and (max-width: 767px) {
    .mychidrns .stufootrbtn button {
        padding: 11px 5px !important;
    }

    .mychidrns .childbox img {
        height: 90px;
        width: 85px;
    }

    .fxt-template-layout13 .fxt-bg-wrap {
        display: none;
    }

    .menufttrfix {
        width: 100% !important;
    }

    .pagetitle {
        top: 85px;
        left: 0;
        background: none !important;
        margin: 0px 0;
        margin-left: 20px;
        padding: 0;
        z-index: 1;
        transform: none;
        width: 240px;
    }

        .pagetitle h5 {
            color: black;
            margin: 0;
            text-align: left;
        }

    .rz-body {
        margin-top: 0px !important;
        margin-left: 0 !important;
        padding-top: 20%;
    }
    .publicreghead {
        top: -64px;
        width: 100% !important;
    }
    .newblok h5 {
        font-size: 17px !important;
        line-height: 23px !important;
    }
        .rz-sidebar {
        width: 0 !important;
    }
    .publicreghead .media img {
        width: 64px !important;
        margin-right: 4px !important;
    }
    .rz-sidebar-expanded {
        opacity: 0;
        z-index: 9;
        width: 0 !important;
    }

    .rz-sidebar.rz-sidebar-collapsed {
        width: 250px !important;
        opacity: 1 !important;
        transform: none !important;
        z-index: 999;
    }

    .rz-sidebar-collapsed .rz-sidebar {
        width: 250px !important;
        top: 50px !important;
    }

    .sklnmlogo img {
        padding: 0 6px !important;
    }

    .sklnmlogo {
        padding: 0px !important
    }

        .sklnmlogo h6 {
            margin: 0 !important;
        }

    .acdyear {
        position: absolute;
        right: 0;
        top: 50px;
        left: 0;
        text-align: center;
        background: bisque;
        padding: 2px 0;
    }

    #stuportalcontent {
        padding-top: 65px;
        padding-left: 3% !important;
        padding-right: 3% !important;
    }

    .rz-grid-table thead, .rz-grid-table thead th {
        width: 169px !important;
    }

    .fxt-none-767 {
        display: none !important;
    }

    .mbtnres span {
        display: none !important;
    }

    .mbtnres {
        position: relative !important;
        margin-left: 7px !important;
        max-width: 50px;
    }

    .header h3 {
        background: none !important;
        padding: 0 !important;
        min-width: auto !important;
        margin: 3px 0;
        color: black !important;
        font-size: 11px;
    }

    .mobilehide {
        display: none !important;
    }

    .rz-navigation-menu h6 {
        font-size: 13px;
        font-weight: 600;
        padding: 9px 0;
        margin: 0;
        text-align: center;
        border-bottom: 1px solid #dbdbdb;
    }

    .topbarmenu li {
        margin-right: 0 !important;
    }
}
















.table td, .table th {
    vertical-align: middle;
}

.pageheader h4 {
    font-weight: 600;
    font-size: 17px;
}

.stumostlinksbox:hover {
    background: #c736c7 !important;
    transition: .4s;
}

.stumostlinksbox img {
    float: left;
    width: 42px;
    height: 42px;
    /* filter: invert(1); */
    margin-right: 2px;
    background: white;
    border-radius: 50%;
    padding: 4px;
    position: relative;
    top: -4px;
    left: -2px;
    border: 3px solid #4a0000c2;
}

.stumostlinksbox h5 {
    line-height: 18px;
    text-transform: uppercase;
    font-weight: 400;
    margin: 0;
    font-size: 11px;
    color: #fff;
}

    .stumostlinksbox h5 span {
        display: block;
        font-weight: 600;
        font-size: 12px;
    }

.sbg1 {
    background: #dd9b44;
}

.sbg2 {
    background: #3cad41;
}

.sbg3 {
    background: #d14d54;
}

.sbg4 {
    background: #4d6dab;
}

.sbg5 {
    background: #449f90;
}

.sbg6 {
    background: #1394b1;
}

.sbg7 {
    background: #9d2093;
}

.sbg8 {
    background: #7a532a;
}

.stuholiday {
    list-style: none;
    padding: 0;
    margin: 0;
}

    .stuholiday span {
        background: #41834100;
        color: #d14d54;
        padding: 2px 5px;
        font-size: 10px;
        border-radius: 4px;
        width: 78px;
        display: inline-block;
        border: 1px solid #d14d54;
        font-weight: 600;
    }

    .stuholiday li {
        font-weight: 400;
        font-size: 12px;
        color: #464646;
        margin-bottom: 33px;
    }

        .stuholiday li:first-child {
            margin-top: 20px;
        }

        .stuholiday li:last-child {
            margin-bottom: 20px;
        }

.stumesgbox {
    border-left: 4px solid #3cad41;
    padding-left: 8px;
    border-bottom: 1px dotted #80808061;
    margin-bottom: 10px;
    padding-bottom: 10px;
}

    .stumesgbox .date {
        color: #3cad41;
        font-weight: 400;
        font-style: italic;
        border: 1px solid #3cad41;
        display: inline-block;
        border-radius: 4px;
        font-size: 11px;
        font-weight: 500;
        padding: 0 6px;
        margin-bottom: 6px;
    }

.stumessheightfix {
    height: 250px;
    overflow-y: scroll;
}

.stumesgbox h6 {
    margin: 0;
    font-size: 14px;
    font-weight: 500;
}

    .stumesgbox h6 span {
        color: #808080;
        font-weight: 400;
        font-style: italic;
    }

.stumesgbox p {
    margin-bottom: 5px;
}

.stumainslider img {
    height: 210px;
    object-fit: cover;
    width: 100%;
}

.stup-rofile-header {
    margin-bottom: 10px;
}

    .stup-rofile-header .stupro-banner {
        position: relative;
    }

        .stup-rofile-header .stupro-banner img {
            height: 200px;
            width: 100%;
            object-fit: cover;
            background-position: bottom;
        }

    .stup-rofile-header .stupro-detail {
        background: #fff;
        position: relative;
        padding: 2% 0 2% 19%;
    }

        .stup-rofile-header .stupro-detail img {
            height: 169px;
            width: 149px;
            object-fit: cover;
            padding: 6px;
            position: absolute;
            top: -83px;
            left: 37px;
            background: #d9d9d9;
            border-radius: 8px;
        }

        .stup-rofile-header .stupro-detail ul {
            margin: 0;
            padding: 0;
            list-style: none;
        }

            .stup-rofile-header .stupro-detail ul li {
                font-size: 19px;
                font-weight: 500;
                display: inline-block;
                width: 33%;
            }

                .stup-rofile-header .stupro-detail ul li span {
                    display: block;
                    font-size: 13px;
                    font-weight: 400;
                }

.stu-middle-profile th {
    font-size: 13px;
    background: none;
    font-weight: 500;
    border-bottom: 0 !important;
    padding: 5px 5px !important;
}

.stu-middle-profile td {
    vertical-align: middle;
    font-size: 13px;
    border-bottom: 0 !important;
    padding: 5px 5px !important;
}

.stucondtl {
    /* display: inline-block; */
    margin-bottom: 22px;
}

    .stucondtl i {
        height: 37px;
        width: 37px;
        border: 1px solid #80808082;
        text-align: center;
        line-height: 35px;
        font-size: 18px !important;
        border-radius: 5px;
        background: #dc63f1;
        color: #fff;
        float: left;
    }

.stu-middle-profile table {
    margin-top: 5%;
}

.headname {
    background: #dc63f1;
    color: #fff;
    padding: 4px 7px;
    display: inline-block;
    position: absolute;
    left: 0;
}

.stucondtl h5 {
    font-size: 13px;
    font-weight: 500;
    margin-left: 47px;
}

    .stucondtl h5 span {
        display: block;
        font-weight: 400;
        font-size: 12px;
        color: #808080;
    }


/*08-06-2022 new css*/
.nstubox {
}



.nstufooter {
    border-bottom: 4px solid #d5d5d5;
}

    .nstufooter h4 {
        font-size: 18px;
        font-weight: 500;
        text-transform: uppercase;
        color: #fff;
    }

        .nstufooter h4 span {
            display: block;
            font-size: 12px;
            margin-top: 4px;
        }

.nstulastdet {
    margin-top: 5px;
}

    .nstulastdet table {
        margin: 0;
        padding: 0;
    }

    .nstulastdet th {
        background: none;
        font-size: 13px;
        padding: 7px 0px;
        border: 0 !important;
        color: #fff;
        text-align: left;
    }



    .nstulastdet i {
        height: 28px;
        width: 23px;
        float: left;
        text-align: center;
        line-height: 27px;
        font-size: 10px !important;
        color: #5e5e5e;
        /* background: #d9d9d9; */
        margin-right: 5px;
        border-radius: 3px;
        border: 1px solid #80808061;
    }

    .nstulastdet td {
        padding: 7px 5px !important;
        border: 0 !important;
        font-size: 14px;
        color: #fff;
        text-align: right;
    }

.stuprntbx {
    background-image: linear-gradient(-64deg, #ffffff91, #ffffff),url(../images/stuinnerbg.png);
    background-size: cover;
}

    .stuprntbx h3 {
        text-transform: uppercase;
        font-size: 16px;
        font-weight: 500;
        color: #fff;
        background: #b239c7;
        display: inline-block;
        padding: 4px 8px;
        margin-bottom: 8px;
    }

    .stuprntbx img {
        height: 185px;
        width: 168px;
        border: 2px solid #ebebeb;
        object-fit: cover;
        border-radius: 5px;
    }

    .stuprntbx th {
        background: none;
        font-size: 12px;
        padding: 5px 0px;
        border: 0 !important;
        text-transform: uppercase;
        color: #343434;
    }

    .stuprntbx td {
        padding: 7px 5px !important;
        border: 0 !important;
        font-size: 14px;
        color: #343434;
        font-weight: 500;
    }

.stuprocontact {
}

    .stuprocontact li {
        font-size: 14px;
        font-weight: 500;
    }

        .stuprocontact li strong {
            width: 120px;
            display: inline-block;
            font-weight: 500;
        }

        .stuprocontact li span {
            display: inline-block;
            margin-left: 19px;
        }

.table.designtable {
    margin: 0;
}

    .table.designtable th {
        background: #892f86;
        padding: 7px 9px;
        color: white;
        font-weight: 500;
    }

.login-inner-form {
    text-align: left;
}

.login-45 {
    top: 0;
    width: 100%;
    bottom: 0;
    opacity: 1;
    z-index: 999;
    min-height: 100vh;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 50px 0;
    background: #fff;
}

    .login-45:before {
        content: "";
        position: absolute;
        background: url('../images/loginbg1.PNG');
        background-repeat: no-repeat;
        background-size: contain;
        top: 0;
        right: 0;
        z-index: -1;
        width: 293px;
        min-height: 100vh;
    }

    .login-45:after {
        content: "";
        position: absolute;
        background: url(../images/loginbg2.PNG);
        background-repeat: no-repeat;
        background-size: contain;
        bottom: 0;
        left: 0;
        z-index: -1;
        width: 322px;
        height: 50%;
    }

    .login-45 .container {
        max-width: 1120px;
        margin: 0 auto;
    }

    .login-45 a {
        text-decoration: none;
    }

    .login-45 label {
        display: none;
    }

    .login-45 .logo h2 {
        font-weight: 500;
        margin-bottom: 2px;
        text-transform: uppercase;
        font-size: 22px;
    }

        .login-45 .logo h2 span {
            text-transform: capitalize;
            font-weight: 400;
            font-size: 14px;
            color: #808080;
        }

    .login-45 .info {
        top: 35%;
        max-width: 400px;
        margin: 0 auto;
    }

    .login-45 .waviy .color-yellow {
        color: #ff0000;
    }

.loginmainsec {
    padding: 23px 0;
}

    .loginmainsec h5 {
        color: #fff;
        text-align: center;
        font-weight: 400;
        font-size: 22px;
        line-height: 34px;
    }

        .loginmainsec h5 span {
            text-transform: uppercase;
            font-weight: 500;
            font-size: 25px;
        }

.stulognsec {
    position: absolute;
    /* left: -1px; */
    /* top: -26px; */
    background: #ff2d55;
    padding: 7px 19px;
    top: 0%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    text-align: center;
}

    .stulognsec h5 {
        font-size: 21px;
        text-transform: uppercase;
        font-weight: 400;
        color: #fff;
        margin: 0;
    }

.loginstu {
    position: relative;
}

.studentleftmenu {
    top: 2px !important;
}

.loginstu:after {
    content: '';
    position: absolute;
    background: url(../images/logintop-bottom.PNG);
    height: 10px;
    bottom: 0px;
    left: 0;
    right: 0;
    z-index: 9999;
    background-repeat: repeat-x;
    background-size: contain;
    transform: scaleY(-1);
}

.loginstu:before {
    content: '';
    position: absolute;
    background: url(../images/logintop-bottom.PNG);
    height: 10px;
    top: -1px;
    left: 0;
    right: 0;
    z-index: 9999;
    background-repeat: repeat-x;
    background-size: contain;
}

.info-text {
    display: flex;
    justify-content: center;
}

.login-45 .waviy {
    position: relative;
    background: #fff;
    text-align: center;
    border-radius: 46px;
    display: inline-block;
    padding: 0 28px;
}

    .login-45 .waviy span {
        position: relative;
        display: inline-block;
        font-size: 23px;
        color: #1f9ecb;
        letter-spacing: -0.1em;
        animation: flip 2s infinite;
        font-weight: 600;
        padding: 0px 0;
        animation-delay: calc(.2s * var(--i));
        padding: 2px 0;
    }

@keyframes flip {
    0%,80% {
        transform: rotateY(360deg)
    }
}

.login-45 p {
    margin-bottom: 25px;
    font-size: 13px;
    text-align: center;
}

.login-45 .form-check-input:checked {
    display: none;
}

.login-45 .form-info {
    justify-content: center;
    align-items: center;
    padding: 5% 40px;
}

.login-45 .login-inner-form .form-group {
    margin-bottom: 16px;
}

.mainlogo {
    margin: 0 auto;
    text-align: center;
}

.login-45 .login-inner-form .form-box {
    /* float: left; */
    /* width: 100%; */
    position: relative;
    font-size: 13px;
}

.login-45 .login-inner-form .form-control {
    padding: 7px 8px 7px !important;
    font-size: 13px !important;
    min-height: 35px;
    outline: none;
    background: #0000 !important;
    color: #626262 !important;
    font-weight: 300;
    border-radius: 0 !important;
    border: none !important;
    border-bottom: solid 2px #e9e8e8 !important;
    margin-bottom: 12px;
}

.login-45 .login-inner-form input::placeholder {
    color: #b3adad;
}


.login-45 .login-inner-form img {
    margin-bottom: 5px;
    height: 40px;
}

.login-45 .login-inner-form .form-box i {
    position: absolute;
    top: 10px;
    right: 10px;
    font-size: 15px;
    color: #878585;
}

.loginsection h5 {
    color: #fff;
    text-transform: uppercase;
    font-size: 27px;
    font-weight: 500;
    letter-spacing: 0.2em;
    text-align: center;
}

.login-45 .login-inner-form .forgot {
    margin: 0;
    line-height: 45px;
}

.form-section .logo {
    margin-bottom: 30px;
}

.brandlogo {
    position: absolute;
    top: -33px;
    left: -42px;
    background: #fff;
    padding: 32px 35px 7px;
    border-radius: 65px;
}

    .brandlogo img {
        width: 180px;
    }

.contactpaymentfix {
    /* position: fixed; */
    bottom: 0;
    left: 0;
    right: 0;
    background: #fff;
    padding: 19px 0 0;
}

    .contactpaymentfix h6 {
        font-size: 13px;
        font-weight: 400;
        color: #6a6a6a;
    }

.studash {
    position: relative;
}

.loginNotice {
    position: absolute;
    left: 0;
    right: 0;
    z-index: 9999;
    padding: 9px 22px 0;
}

    .loginNotice p {
        margin: 0;
    }

.login-45 .bg-img {
    top: 0;
    bottom: 0;
    opacity: 1;
    position: relative;
    justify-content: center;
    align-items: center;
    padding: 10% 4% 0;
    border-right: solid 1px #e7e7e7;
    background: linear-gradient(45deg, #41bde9, #0e8ebb);
}

.login-45 .stulogin-box {
    background: #fff;
    margin: 0 auto !important;
    position: relative;
    z-index: 0;
    max-width: 910px;
}

.login-45 .login-inner-form .checkbox-theme input[type="checkbox"]:checked + label::before {
    color: #fff;
    background: #ff0000;
    border: solid 1px #ff0000;
}

.login-45 .login-inner-form .btn-md {
    cursor: pointer;
    letter-spacing: 0.06em;
    color: #fff;
    padding: 13px 50px 12px 50px;
    font-size: 16px;
    font-weight: 600;
    /* font-family: 'Jost', sans-serif; */
    border-radius: 0;
    text-transform: uppercase;
}

.login-45 .login-inner-form input[type=checkbox], input[type=radio] {
    margin-right: 3px;
}

.login-45 .login-inner-form p {
    margin: 0;
    color: #8b8b8b;
}

    .login-45 .login-inner-form p a {
        color: #e9e8e8;
    }

.login-45 .login-inner-form button:focus {
    outline: none;
    outline: 0 auto -webkit-focus-ring-color;
}

.login-45 .login-inner-form .btn-theme.focus, .btn-theme:focus {
    box-shadow: none;
}

.login-45 .login-inner-form .btn-theme {
    background: #ff2d55;
    border: none;
    color: #fff;
}

    .login-45 .login-inner-form .btn-theme:hover {
        background: #eb0707;
    }

.login-45 .logo img {
    margin-bottom: 8px;
    width: 126px;
}

.login-45 .nav-pills li {
    display: inline-block;
}

.login-45 .login-inner-form .form-check {
    float: left;
    margin-bottom: 0;
    padding-left: 0;
}

    .login-45 .login-inner-form .form-check a {
        color: #e9e8e8;
        float: right;
    }

.login-45 .login-inner-form .form-check-input {
    position: absolute;
    margin-left: 0;
}

.login-45 .login-inner-form .form-check label::before {
    content: "";
    display: inline-block;
    position: absolute;
    width: 20px;
    height: 20px;
    top: 1px;
    margin-left: -22px;
    border-radius: 0;
    background: #fff;
    border: 1px solid #d9d9d9;
}

.login-45 .login-inner-form .form-check-label {
    padding-left: 20px;
    margin-bottom: 0;
    font-size: 16px;
    color: #e9e8e8;
}

.login-45 .form-section input[type=checkbox]:checked + label:before {
    font-weight: 600;
    color: #e6e6e6;
    line-height: 18px;
    font-size: 12px;
    content: "\2713";
}

.login-45 .login-inner-form input[type=checkbox], input[type=radio] {
    margin-top: 4px;
}

.login-45 .login-inner-form .checkbox a {
    font-size: 12px;
    color: #2a2a2a;
    float: right;
    margin-left: 3px;
    font-weight: 500;
}

.login-45 .form-section {
    text-align: center;
}

    .login-45 .form-section h3 {
        font-size: 12px;
        margin-bottom: 31px;
        font-weight: 300;
        color: #919191;
        line-height: 17px;
        letter-spacing: 0.03em;
    }

    .login-45 .form-section .text {
        font-size: 16px;
        margin-top: 25px;
        margin-bottom: 0;
        color: #e9e8e8;
    }

        .login-45 .form-section .text a {
            color: #e9e8e8;
        }

/** Social buttons start **/
.login-45 .social-list .buttons {
    display: flex;
}

.login-45 .social-list a {
    text-decoration: none !important;
    color: #fff;
    width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 3px;
    margin: 0 2px 5px;
    font-size: 20px;
    overflow: hidden;
    position: relative;
}

.login-45 .social-list a {
    transition: border-top-left-radius 0.1s linear 0s, border-top-right-radius 0.1s linear 0.1s, border-bottom-right-radius 0.1s linear 0.2s, border-bottom-left-radius 0.1s linear 0.3s;
}

    .login-45 .social-list a:hover {
        border-radius: 50%;
    }

    .login-45 .social-list a i {
        position: relative;
        z-index: 3;
    }

    .login-45 .social-list a.facebook-bg {
        background: #4867aa;
    }

    .login-45 .social-list a.twitter-bg {
        background: #33CCFF;
    }

    .login-45 .social-list a.google-bg {
        background: #db4437;
    }

    .login-45 .social-list a.dribbble-bg {
        background: #2392e0;
    }

.stulogin-box {
    background: #fff;
    border-radius: 10px !important;
    box-shadow: 1px 1px 34px #f35c5152 !important;
}
/** MEDIA **/
@media (max-width: 992px) {
    .login-45 .bg-img {
        display: none;
    }

    .login-45 .form-info {
        padding: 50px 30px;
    }

    .login-45 .stulogin-box {
        max-width: 600px;
        margin: 0 auto;
    }


    .login-45:before {
        background: #efefef;
    }
}
/** Login 45 end **/



.stulogin-box .stuplusdet {
    border: 9px double #ff8787;
    background: #fff;
    margin: 25px 0;
    padding: 10px;
    border-radius: 5px;
}

    .stulogin-box .stuplusdet img {
        height: 154px;
        border: 1px solid #d3d3d3;
        border-radius: 5px;
        margin-right: 15px;
        object-fit: cover;
    }

    .stulogin-box .stuplusdet ul {
        margin: 0;
        padding: 0;
        list-style: none;
        margin-top: 14px;
    }

.stufootrbtn {
    margin-top: 13px;
    border-top: 1px solid #bdbdbd;
    padding-top: 10px;
}

.stulogin-box .stuplusdet li {
    font-size: 14px;
    line-height: 22px;
}

    .stulogin-box .stuplusdet li span {
        font-weight: 500;
    }

.stulogin-box h6 {
    font-size: 22px;
    text-transform: uppercase;
    font-weight: 500;
}

    .stulogin-box h6 span {
        display: block;
        text-transform: capitalize;
        font-weight: 300;
        font-size: 13px;
        color: #989898;
    }



.yearchangebtn {
    background: none !important;
    color: black !important;
    padding: 6px 19px !important;
    text-align: left;
    width: 100%;
}

    .yearchangebtn:hover {
        background: #0d6efd;
    }

    .yearchangebtn span {
        font-family: system-ui !important;
        color: #5c5c5c;
        font-size: 15px;
    }

.rz-navigation-menu {
    border: 1px solid #80808038;
}
/*new css latest*/
.stufull {
    text-align: center;
}

    .stufull img {
        height: 125px;
        width: 99px;
        object-fit: cover;
        border: 5px solid #dbdbdb;
        border-radius: 5px;
        margin-bottom: 12px;
    }

    .stufull h3 {
        font-weight: 500;
        font-size: 14px;
        text-transform: uppercase;
        margin-bottom: 2px;
    }

        .stufull h3 span {
            display: block;
            text-transform: capitalize;
            font-weight: 400;
            color: #666666;
            font-size: 14px;
        }

    .stufull ul {
        margin: 0;
        padding: 0;
        text-align: left;
    }

    .stufull th {
        font-size: 13px;
        background: none;
        border: 0;
    }

    .stufull td {
        font-size: 13px;
        border: 0;
    }

.stusibling {
    min-height: 84px;
    border-bottom: 1px solid #dfdfdf;
    padding-top: 4px;
}

.stufull table {
    width: 100%;
    border-top: 1px solid #e3e3e3;
    margin-top: 9px;
    padding-top: 9px;
    text-align: left;
}

.stusibling img {
    height: 74px;
    width: 66px;
    object-fit: cover;
    border: 3px solid #dbdbdb;
    border-radius: 5px;
    margin-bottom: 0;
    float: left;
    margin-right: 8px;
}

.stusibling h3 {
    font-weight: 500;
    font-size: 15px;
    text-transform: uppercase;
    margin-bottom: 0;
    line-height: 21px;
}

    .stusibling h3 span {
        display: block;
        text-transform: capitalize;
        color: grey;
        font-weight: 400;
        font-size: 14px;
    }

.bg-blue {
    background: #3c8dbc !important;
}

.bg-bluelight {
    background: #00c1f2 !important;
}

.bg-purple {
    background: #605ca8 !important;
}

.bg-green {
    background: #01a859 !important;
    color: white;
}

.bg-yellow {
    background: #f49c0d !important;
}

.bg-red {
    background: #e14b39 !important;
}

.bg-orange {
    background: #0c22c1 !important;
}

.backmain {
    position: fixed;
    bottom: 0px;
    right: 24px;
    z-index: 9999;
}

    .backmain img {
        width: 150px;
    }

.rz-datepicker-calendar td {
    padding: 0px 4px !important;
}

    .rz-datepicker-calendar td .rz-state-default {
        padding: 2px 2px !important;
    }

ul.rz-profile-menu .rz-navigation-menu {
    z-index: 99999999 !important;
}

.mainamountbox {
    margin-top: 10%;
    background: antiquewhite;
    text-align: center;
    padding: 4px 0;
    border: 3px solid #ddbb8f;
    border-radius: 5px;
    margin-bottom: 14px;
}

.feebtns .btn {
    border-radius: 0px !important;
    border: 0 !important;
}

.impbox {
    background: linear-gradient(45deg, #a3c2e3, #f5f6f7);
    text-align: center;
    padding: 1px;
    border: 1px solid #0000ff;
    border-radius: 5px;
    margin-top: 15px;
    margin-bottom: 15px;
}

.imganimated {
    -moz-animation: bounce 2s infinite;
    -webkit-animation: bounce 2s infinite;
    animation: bounce 2s infinite;
}

.stufullprofiletbs .rz-tabview-nav li a {
    color: white !important;
    padding: 9px 15px !important;
    min-width: auto;
}

.addstudntbtnnew {
    position: absolute;
    top: 72%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    text-align: center;
    z-index: 999;
}

@-moz-keyframes bounce {
    0%, 20%, 50%, 80%, 100% {
        -moz-transform: translateY(0);
        transform: translateY(0);
    }

    40% {
        -moz-transform: translateY(-30px);
        transform: translateY(-30px);
    }

    60% {
        -moz-transform: translateY(-15px);
        transform: translateY(-15px);
    }
}

@-webkit-keyframes bounce {
    0%, 20%, 50%, 80%, 100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }

    40% {
        -webkit-transform: translateY(-30px);
        transform: translateY(-30px);
    }

    60% {
        -webkit-transform: translateY(-15px);
        transform: translateY(-15px);
    }
}

@keyframes bounce {
    0%, 20%, 50%, 80%, 100% {
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }

    40% {
        -moz-transform: translateY(-30px);
        -ms-transform: translateY(-30px);
        -webkit-transform: translateY(-30px);
        transform: translateY(-30px);
    }

    60% {
        -moz-transform: translateY(-15px);
        -ms-transform: translateY(-15px);
        -webkit-transform: translateY(-15px);
        transform: translateY(-15px);
    }
}

@keyframes jumpInfinite {
    0% {
        margin-top: 0;
    }

    50% {
        margin-top: 20px;
    }

    100% {
        margin-top: 0;
    }
}

.rz-fieldset-content {
    padding: 10px 10px !important;
}

.stufullprofiletbs .card-header {
    background: #b7358f;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    padding: 2px 14px;
    color: white;
}

.newgrpopup td {
    padding: 0 5px !important;
}

.stufullprofiletbs .card-header h4 {
    color: white;
}

.stufullprofiletbs .table {
    margin-top: 35px;
    margin-bottom: 0px;
}

.stufullprofiletbs .rz-tabview-nav .rz-tabview-selected a {
    background: #424344;
}

    .stufullprofiletbs .rz-tabview-nav .rz-tabview-selected a:after {
        content: "\f0d7";
        font-family: FontAwesome;
        font-style: normal;
        font-weight: normal;
        text-decoration: inherit;
        color: #424344;
        font-size: 44px;
        padding-right: 0.5em;
        position: absolute;
        top: 9px;
        left: 38px;
    }

.stufullprofiletbs table {
    border: 1px solid #d5d5d5;
}

.stufullprofiletbs th {
    font-weight: 500;
    font-size: 13px;
    padding: 5px 8px;
}

.stufullprofiletbs td {
}

.bgtgray {
    background: rgba(66, 66, 66, 0.10);
    overflow: hidden;
    margin-bottom: 10px;
    display: flex;
}

.description-block {
    display: block;
    margin: 10px 0px;
    text-align: left;
}

    .description-block > .description-header {
        margin: 0;
        padding: 0 4px;
        font-weight: 600;
        font-size: 14px;
    }

.caltable th {
    border: 1px solid grey;
    padding: 4px 10px;
    font-size: 13px;
    background: aquamarine;
}

.caltable {
    list-style: none;
    margin: 0;
    padding: 0;
    width: 100%;
}

.caltable2 {
    padding: 0px;
    margin: 1% 0%;
}

    .caltable2 li {
        padding: 0px;
        margin: 1% 0%;
        display: inline-flex;
    }

.caltable td {
    padding: 3px 7px !important;
    border: 1px solid #c3c3c3;
    text-align: center;
    font-weight: 500;
    font-size: 12px;
}

.leave {
    background: #e54646;
    color: white;
}

.absent {
    background: green;
    color: white;
}

.holiday {
    background: #fd7e14;
    color: white;
}

.calbgcolor {
    display: block;
    height: 13px;
    width: 13px;
    float: left;
    margin-right: 7px;
    margin-top: 4px;
}

.formwrap {
    display: block;
    margin: 0 0 0 -10%;
    padding: 25px 35px;
    background-color: #fff;
    border-radius: 10px;
    min-height: 86vh;
    width: 105%;
    -webkit-box-shadow: 0px 2px 15px 0px rgba(50, 50, 50, 0.25);
    -moz-box-shadow: 0px 2px 15px 0px rgba(50, 50, 50, 0.25);
    box-shadow: 0px 2px 15px 0px rgba(50, 50, 50, 0.25);
}




/** Login 11 start **/
.login-11 {
    background: url(../img/img-11.png) top left repeat;
    background-size: cover;
    min-height: 100vh;
    border: 65px solid #ffc4c4;
}

    .login-11 .bg-color-11 {
        top: 0;
        bottom: 0;
        /* min-height: 100vh; */
        padding: 10% 5%;
        z-index: 999;
        opacity: 1;
        position: relative;
        justify-content: center;
        align-items: center;
        display: flex;
        background: #ed5050d6;
    }

    .login-11 .container {
        max-width: 1400px;
        margin: 0 auto;
    }

    .login-11 .form-section {
        max-width: 500px;
        margin-right: auto;
        width: 100%;
        background: #654a91fa;
        padding: 50px;
        border-radius: 0;
        box-shadow: 2px 2px 68px -21px #80808082;
        border-radius: 5px;
        border: 10px solid white;
    }

    .login-11 .form-box {
        width: 100%;
    }


    .login-11 .form-check-input:focus {
        box-shadow: none;
    }

    .login-11 .login-inner-form .form-group {
        margin-bottom: 0px;
        text-align: center;
    }

    .login-11 .login-inner-form .form-box {
        float: left;
        width: 100%;
        position: relative;
    }

    .login-11 .login-inner-form .form-control {
        font-size: 15px;
        outline: none;
        color: #535353;
        border-radius: 3px;
        border: 1px solid #dbdbdb;
        box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .06);
    }

    .login-11 .login-inner-form img {
        margin-bottom: 5px;
        height: 40px;
    }

    .login-11 .login-inner-form .form-box .form-control {
        float: left;
        width: 100%;
        padding: 13px 15px 13px 65px;
        height: 55px;
    }

    .login-11 .login-inner-form .form-box i {
        position: absolute;
        left: 0;
        width: 55px;
        height: 55px;
        line-height: 55px;
        text-align: center;
        background: #5d8dfa;
        border-radius: 3px 0 0 3px;
        font-size: 20px;
        color: #fff;
    }

    .login-11 .info {
        color: #fff;
        text-align: left;
        padding: 7% 0;
    }

.lgnrlogo {
    padding: 8px 0;
    text-align: right;
}

    .lgnrlogo img {
        width: 206px;
    }

.login-11 .bg-img {
    top: 0;
    bottom: 0;
    z-index: 999;
    /* min-height: 100vh; */
    position: relative;
    /* border: 20px solid red; */
    /* text-align: center; */
    /* display: -webkit-box; */
    display: -moz-box;
    display: -ms-flexbox;
    /* display: -webkit-flex; */
    /* display: flex; */
    justify-content: center;
    align-items: center;
    padding: 30px;
    background-color: #feffce;
    background-size: cover;
    background-repeat: no-repeat;
}

    .login-11 .bg-img:after {
        content: '';
        position: absolute;
        background: transparent;
        right: 0;
        bottom: 0;
        background-image: url(../images/mainlogin2.png);
        background-size: contain;
        background-repeat: no-repeat;
        width: 361px;
        height: 321px;
    }

.lgnrlogo2 img {
    width: 430px;
}

.login-11 .animate-charcter {
    background-image: linear-gradient(-225deg, #231557 0%, #44107a 29%, #ff1361 67%, #fff800 100%);
    background-size: auto auto;
    background-clip: border-box;
    background-size: 200% auto;
    color: #383838;
    background-clip: text;
    text-fill-color: transparent;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    /* animation: textclip 2s linear infinite; */
    display: inline-block;
    font-size: 25px;
    font-weight: 700;
    margin-bottom: 7px;
}

    .login-11 .animate-charcter span {
        display: block;
        font-size: 48px;
        text-transform: uppercase;
    }

@keyframes textclip {
    to {
        background-position: 200% center;
    }
}

.login-11 .login-inner-form .form-label {
    text-align: center;
    font-size: 20px;
    text-transform: uppercase;
    font-weight: 700;
    margin-bottom: 10px;
    color: white;
}

.loginimg {
    margin: 0 auto;
    text-align: center;
}

    .loginimg img {
        width: 282px;
    }

.initheader {
    background: white;
    padding: 8px 10px;
    border-bottom: 6px double red;
}

    .initheader img {
        width: 174px;
    }

.login-11 .info P {
    color: #323232;
    font-size: 20px;
    line-height: 25px;
    margin-bottom: 0;
}

.login-11 .login-inner-form .forgot {
    margin: 0;
    line-height: 40px;
    color: #fff;
    font-size: 14px;
    float: right;
}

.login-11 .btn-theme {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    -webkit-appearance: none;
    border: none;
    outline: none !important;
    color: #ffffff;
    text-transform: capitalize;
    transition: all 0.3s linear;
    z-index: 1;
    overflow: hidden;
    cursor: pointer;
    font-size: 17px;
    font-weight: 400;
    width: 100%;
    font-family: 'Jost', sans-serif;
    border-radius: 3px;
}

.login-46 .login-inner-form .btn-theme.focus, .btn-theme:focus {
    box-shadow: none;
}

.login-11 .logo {
    text-align: center;
    margin-bottom: 15px;
}

    .login-11 .logo img {
        height: 25px;
    }


.login-11 .form-check-input:checked {
    background-color: #5d8dfa !important;
    border-color: #5d8dfa !important;
}


.login-11 .form-section .form-check-input {
    width: 18px;
    height: 18px;
    margin-top: 1px;
    position: absolute;
    border: 1px solid #dbdbdb;
    border-radius: 0;
    background-color: #fff;
    margin-left: -22px;
}


.login-11 .form-section p {
    margin: 28px 0 0;
    font-size: 16px;
    color: #535353;
}

    .login-11 .form-section p a {
        color: #535353;
    }


/** MEDIA **/
@media (max-width: 1200px) {
    .login-11 .info {
        margin: 0;
    }

    .login-11 .waviy {
        font-size: 33px;
    }
}

@media (max-width: 992px) {
    .login-11 .bg-img {
        display: none;
    }

    .login-11 .login-inner-form .social-list li a {
        width: 100px;
        height: 35px;
        line-height: 35px;
        font-size: 14px;
    }

    .login-11 .bg-color-11 {
        padding: 30px 15px;
    }

    .login-11 .form-section {
        padding: 50px 30px;
        margin: 0 auto;
    }
}

.login-11 .login-inner-form .form-group .input-group {
}

.maininput {
    position: relative;
}

.login-11 .login-inner-form .form-group .maininput input {
    min-height: 40px;
    padding: 0px 0px 0px 45px !important;
    margin-bottom: 10px;
}

.login-11 .login-inner-form .form-group .maininput button {
    padding: 9px 26px !important;
    height: auto !important;
    font-size: 15px !important;
    text-transform: uppercase;
    font-weight: 500 !important;
    letter-spacing: 0.06em;
}

    .login-11 .login-inner-form .form-group .maininput button span {
        font-weight: 500 !important;
    }

.login-11 .login-inner-form .form-group .maininput i {
    position: absolute;
    left: 0;
    background: #f9777f;
    height: 40px;
    width: 40px;
    text-align: center;
    line-height: 37px;
    color: white;
    z-index: 9999;
    top: 0;
}
/** Login 11 end **/
.uplod_img_size {
    margin: 0 auto;
    margin-top: 13px;
}

.uploadphotonew {
    padding: 5% 0;
}

    .uploadphotonew h2 {
        font-weight: 600;
        font-size: 25px;
        margin-bottom: 26px;
        text-transform: uppercase;
        border-top: 1px solid grey;
        border-bottom: 1px solid grey;
        padding: 10px 0;
    }

.jcrop-holder img {
}

.cropimage canvas {
    width: 157px !important;
    height: 185px !important;
    border: 1px solid grey;
    object-fit: contain;
}

.photouploadbox {
    text-align: center;
}

    .photouploadbox input {
        text-align: center;
        border: 0;
        background: none !important;
        text-transform: uppercase;
        font-weight: 600;
        font-size: 17px;
    }

.uploadphotonew .photouploadbox img {
    height: 165px;
    width: 167px;
    object-fit: cover;
    border: 1px solid grey;
    margin-bottom: 15px;
}

.nuploadbox {
    position: relative;
}

    .nuploadbox .newupload {
        background: #0d6efd;
        padding: 5px 5px;
        text-align: center;
        color: white;
        font-size: 14px;
    }

    .nuploadbox input {
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        height: 35px;
        opacity: 0;
    }

.cropandupdate h1 {
    font-size: 19px;
    border-bottom: 1px solid grey;
    padding-bottom: 12px;
}

.classboxbtn {
    background: linear-gradient(45deg, #f9777f, #e9535d);
    text-align: center;
    min-height: 90px;
    border-radius: 5px;
    margin-bottom: 19px;
    vertical-align: middle;
    display: inline-block;
    width: 100%;
    padding: 31px 0;
}

    .classboxbtn h3 {
        font-size: 15px;
        color: white;
        text-transform: uppercase;
        font-weight: 500;
    }

        .classboxbtn h3 span {
        }

    .classboxbtn img {
    }

.classtabs .rz-tabs-vertical {
    display: flex;
    flex-direction: row;
}

    .classtabs .rz-tabs-vertical .rz-tabview-nav {
        flex-direction: column;
        width: 200px;
        float: left;
    }

    .classtabs .rz-tabs-vertical li {
        border-top-width: 1px;
        border-left-width: 2px;
        margin-right: -1px;
        margin-bottom: 0;
    }

        .classtabs .rz-tabs-vertical li a {
            text-align: left;
        }

        .classtabs .rz-tabs-vertical .rz-tabview-selected,
        .classtabs .rz-tabs-vertical li:hover:not(.rz-tabview-selected):not(.rz-state-disabled) {
            border: 1px solid #e9eaed;
            border-left: 2px solid #1151F3;
        }

/** Login 12 start **/
.login-12 .login-inner-form .col-pad-0 {
    padding: 0;
}

.login-12 .bg-img {
    background: url(../img/img-12.jpg) top left repeat;
    background-size: cover;
    top: 0;
    bottom: 0;
    min-height: 100vh;
    text-align: right;
    z-index: 999;
    opacity: 1;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 30px 50px 30px 40px;
}

    .login-12 .bg-img:before {
        position: absolute;
        content: '';
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background: rgb(249 119 127);
    }

    .login-12 .bg-img:after {
        position: absolute;
        content: '';
        /* top: 0; */
        /* left: 0; */
        right: 0;
        bottom: 0;
        background-color: rgb(249 119 127);
        background-image: linear-gradient(to bottom right, #f9777f, #f9777f38),url(../images/mainlogbg2.png);
        background-size: contain;
        width: 334px;
        height: 323px;
        background-repeat: no-repeat;
    }

.login-12 .form-section {
    min-height: 100vh;
    position: relative;
    justify-content: center;
    align-items: center;
    padding: 30px;
}

.login-12 .login-inner-form {
    max-width: 500px;
    width: 100%;
}

.login-12 .logo {
    top: 40px;
    position: absolute;
    right: 0;
    background: #ffffff;
    padding: 9px 31px;
    /* border-radius: 5px; */
    left: 0;
    text-align: left;
    border-bottom: 9px double #f9777f;
    border-top: 9px double #f9777f;
}

    .login-12 .logo img {
        width: 191px;
    }

.login-12 .login-inner-form p {
    color: #535353;
    margin-bottom: 0;
    font-size: 16px;
}

    .login-12 .login-inner-form p a {
        color: #535353;
        font-weight: 500;
        margin-left: 4px;
    }

.schooldetaillogin {
    text-align: center;
    margin-bottom: 40px;
    padding-bottom: 6px !important;
    padding: 0;
    border-bottom: 1px dotted #dbdbdb;
}

    .schooldetaillogin img {
        width: 101px;
        margin-bottom: 4px !important;
    }

.schooldetaillogin_detail {
}

    .schooldetaillogin_detail h3 {
        font-size: 20px !important;
        font-weight: 700 !important;
        text-transform: uppercase;
        margin-bottom: 0 !important;
    }

    .schooldetaillogin_detail p {
    }

.login-12 .login-inner-form img {
    margin-bottom: 15px;
}

.login-12 .login-inner-form h1 {
    font-size: 30px;
    color: #f9777f;
}

.login-12 .login-inner-form h3 {
    margin: 0 0 33px;
    font-size: 18px;
    font-weight: 400;
    color: #3c3c3c;
}

.login-12 label {
    color: #535353;
    font-size: 16px;
    margin-bottom: 5px;
    display: none;
}

.login-12 .login-inner-form .form-group {
    margin-bottom: 25px;
}

.login-12 .login-inner-form .form-control {
    width: 100%;
    padding: 8px 12px !important;
    font-size: 15px;
    /* border: 1px solid #d6d6d6; */
    background: #fff;
    outline: none;
    color: #535353;
    border-radius: 0 !important;
    height: 42px !important;
}

.login-12 .login-inner-form .input-text label {
    color: #535353;
    font-size: 14px;
    font-weight: 500;
    text-align: left;
}

.login-12 .login-inner-form .form-check {
    float: left;
    margin-bottom: 0;
}

    .login-12 .login-inner-form .form-check a {
        color: #535353;
        float: right;
    }

.login-12 .login-inner-form .checkbox {
    margin-bottom: 25px;
    font-size: 16px;
}

.login-12 .login-inner-form .form-check-input {
    position: absolute;
    margin-left: -24px;
}

.login-12 .login-inner-form .checkbox a {
    font-size: 16px;
    color: #535353;
    float: right;
}

.login-12 a {
    text-decoration: none;
}

.login-12 .form-section .form-check-label {
    padding-left: 5px;
    margin-bottom: 0;
    font-size: 16px;
    font-weight: 500;
    color: #535353;
}

.login-12 .form-check-input {
    width: 20px;
    height: 20px;
    margin-top: 2px;
    vertical-align: top;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    position: absolute;
    border-radius: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    -webkit-print-color-adjust: exact;
    color-adjust: exact;
    border: 1px solid #afabab;
}

.login-12 .login-inner-form .terms {
    margin-left: 4px;
}

.login-12 .form-check-input:focus {
    border-color: #ffc801 !important;
    outline: 0;
    box-shadow: none;
}

.login-12 .form-check-input:checked {
    background-color: #ffc801 !important;
}

.login-12 .login-inner-form button:focus {
    outline: none;
    outline: 0 auto -webkit-focus-ring-color;
}

.login-12 .btn-theme {
    position: relative;
    display: inline-block;
    width: 100%;
    color: #ffffff;
    overflow: hidden;
    overflow: hidden;
    text-transform: capitalize;
    display: inline-block;
    transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    cursor: pointer;
    font-size: 17px;
    font-weight: 400;
    font-family: 'Jost', sans-serif;
    border-radius: 0;
    border: none;
}

    .login-12 .btn-theme:hover {
        color: #fff;
    }

        .login-12 .btn-theme:hover::before {
            left: 0%;
            -webkit-transform: scale(1, 1);
            transform: scale(1, 1);
        }

    .login-12 .btn-theme:before {
        position: absolute;
        content: '';
        left: 97%;
        top: 0px;
        width: 100%;
        height: 100%;
        z-index: 1;
        opacity: 1;
        -webkit-transition: all 0.4s;
        -moz-transition: all 0.4s;
        -o-transition: all 0.4s;
        transition: all 0.4s;
        transform: skewX(336deg);
    }

    .login-12 .btn-theme span {
        position: relative;
        z-index: 1;
    }

.login-12 .informeson {
    color: #fff;
    max-width: 600px;
    margin: 0 auto 0 0;
    z-index: 20;
}

.login-12 .animated-text2 {
    text-align: left;
}

.login-12 .informeson h2 {
    margin: 0 0 11px 0;
    font-size: 22px;
    color: #ffffff;
    text-transform: capitalize;
    font-weight: 400;
    border-bottom: 1px solid #f1f1f1;
    padding-bottom: 14px;
}

    .login-12 .informeson h2 span {
        display: block;
        text-transform: uppercase;
        font-weight: 600;
        font-size: 40px;
    }

.login-12 .informeson h3 {
    color: white;
    font-size: 22px;
    font-weight: 600;
}


.login-12 .animated-text h2 {
    display: block;
    text-shadow: 0 0 80px rgba(255, 255, 255, 0.5);
    background: url(../img/animated-text.png) repeat-y;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    -webkit-animation: aitf 80s linear infinite;
    -webkit-transform: translate3d(0, 0, 0);
    -webkit-backface-visibility: hidden;
}

@-webkit-keyframes aitf {
    0% {
        background-position: 0% 50%;
    }

    100% {
        background-position: 100% 50%;
    }
}

.login-12 .btn-section {
    margin-bottom: 30px;
}

.login-12 .informeson p {
    color: #fff;
    opacity: 0.9;
    line-height: 25px;
    font-size: 15px;
    margin-bottom: 40px;
}


.login-12 .btn-theme-2 {
    padding: 0 35px;
    display: inline-block;
    position: relative;
    z-index: 5;
    transition: .7s ease;
    background: transparent;
    line-height: 41px;
    font-size: 16px;
    font-weight: 400;
    font-family: 'Jost', sans-serif;
    border-radius: 0;
}

    .login-12 .btn-theme-2:hover {
        color: #fff;
    }

.btn-theme-2:before, .btn-theme-2:after {
    color: #fff;
}

.login-12 .btn-theme-2:before, .btn-theme-2:before {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    width: 0;
    height: 100%;
    z-index: -1;
    transition: all .7s ease;
    border-radius: 0;
}

.login-12 .btn-theme-2:after, .btn-theme-2:after {
    position: absolute;
    content: "";
    top: 0;
    right: 0;
    width: 0;
    height: 100%;
    z-index: -1;
    transition: all .7s ease;
    border-radius: 0;
}

.login-12 .btn-theme-2:hover:before, .btn-theme-2:hover:after {
    width: 50%;
}

.login-12 .btn-theme-2 {
    border: 2px solid #ffc801;
    border-radius: 0;
    color: #ffc801;
}

    .login-12 .btn-theme-2:before, .btn-theme-2:after {
        background: #ffc801;
    }

.login-12 .btn-theme-3 {
    color: #fff;
    text-align: center;
    border: 2px solid transparent;
    display: inline-block;
    padding: 0 35px;
    position: relative;
    z-index: 1;
    transition: all .7s ease;
    border-radius: 50px;
    line-height: 41px;
    font-size: 16px;
    font-weight: 400;
    font-family: 'Jost', sans-serif;
    border-radius: 0;
}

    .login-12 .btn-theme-3:before {
        position: absolute;
        content: "";
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        opacity: 0;
        visibility: hidden;
        transition: all .7s ease;
        z-index: -1;
        border-radius: 50px 0 0 50px;
    }

    .login-12 .btn-theme-3:after {
        position: absolute;
        content: "";
        top: 0;
        right: 0;
        width: 100%;
        height: 100%;
        opacity: 0;
        visibility: hidden;
        transition: all .7s ease;
        z-index: -1;
        border-radius: 0 50px 50px 0;
    }

    .login-12 .btn-theme-3:hover {
        background: transparent;
    }

        .login-12 .btn-theme-3:hover:before {
            width: 0;
            opacity: 1;
            visibility: visible;
        }

        .login-12 .btn-theme-3:hover:after {
            width: 0;
            opacity: 1;
            visibility: visible;
        }

.login-12 .btn-theme-3 {
    background: #ffc801;
}

    .login-12 .btn-theme-3:before {
        background: #ffc801;
    }

    .login-12 .btn-theme-3:after {
        background: #ffc801;
    }

    .login-12 .btn-theme-3:hover {
        color: #ffc801;
        border: 2px solid #ffc801;
    }

.login-12 .btn-lg {
    padding: 0 50px;
    line-height: 55px;
}

.login-12 .btn {
    box-shadow: none !important;
}

.login-12 .btn-md {
    padding: 10px 45px !important;
}

.login-12 .btn-primary {
    background: #ffc801;
}

    .login-12 .btn-primary:before {
        background: #eab802;
    }

.login-4 .form-section ul {
    list-style: none;
    padding: 0;
    margin: 0 0 20px;
}

/** social box **/
.login-12 .social-box {
    bottom: 30px;
    position: absolute;
    right: 55px;
    left: 55px;
}

    .login-12 .social-box ul {
        padding: 0;
        margin-bottom: 0;
    }

.login-12 .social-list li {
    display: inline-block;
    margin-bottom: 5px;
}

    .login-12 .social-list li a {
        font-size: 14px;
        font-weight: 500;
        width: 135px;
        margin: 2px 0 3px 0;
        height: 45px;
        line-height: 45px;
        display: inline-block;
        text-align: center;
        text-decoration: none;
        background: #fff;
        box-shadow: 0 0 5px rgb(0 0 0 / 20%);
        font-family: 'Jost', sans-serif;
    }

        .login-12 .social-list li a i {
            height: 45px;
            width: 45px;
            line-height: 45px;
            float: left;
            color: #fff;
            font-size: 14px;
        }

        .login-12 .social-list li a span {
            margin-right: 10px;
        }

.login-12 .social-list .facebook-color {
    color: #4867aa;
}

.login-12 .social-list .facebook-i {
    background: #4867aa;
}

.login-12 .twitter-color {
    color: #33CCFF;
}

.login-12 .twitter-i {
    background: #33CCFF;
}

.login-12 .google-color {
    color: #db4437;
}

.login-12 .google-i {
    background: #db4437;
}

/** MEDIA **/
@media (max-width: 992px) {
    .login-12 .logo-2 {
        display: inherit;
    }

    .login-12 .bg-img {
        display: none;
    }

    .login-12 .form-section {
        padding: 30px 15px;
    }
}


@-webkit-keyframes rotation {
    from {
        -webkit-transform: rotate(0deg);
    }

    to {
        -webkit-transform: rotate(359deg);
    }
}

.classtabs.rz-tabs-vertical {
    display: flex;
    flex-direction: row;
}

    .classtabs.rz-tabs-vertical .rz-tabview-nav {
        flex-direction: column;
    }

    .classtabs.rz-tabs-vertical li {
        border-top-width: 1px;
        border-left-width: 2px;
        margin-right: -1px;
        margin-bottom: 4px;
    }

        .classtabs.rz-tabs-vertical .rz-tabview-selected,
        .classtabs.rz-tabs-vertical li:hover:not(.rz-tabview-selected):not(.rz-state-disabled) {
            border: 1px solid #e9eaed;
            border-left: 2px solid #1151F3;
        }
/** Login 12 end **/
.classtabs h4 {
    font-weight: 600;
    text-transform: uppercase;
    font-size: 19px;
}

.classbox {
    background: aquamarine;
    padding: 20px 24px;
    border-radius: 5px;
    margin: 0 auto 22px;
    cursor: pointer;
    min-height: 80px;
    display: flex;
    /* justify-content: center; */
    align-items: center;
}

    .classbox img {
        width: 42px;
        float: left;
    }

    .classbox h2 {
        color: white;
        font-size: 18px;
        margin: 0;
    }

        .classbox h2 span {
            display: block;
            font-size: 16px;
            font-weight: 600;
            text-transform: uppercase;
        }

    .classbox h6 {
        font-size: 21px;
        font-weight: 500;
    }

.classtabs li {
    border-top-right-radius: 50px !important;
    border-bottom-right-radius: 50px !important;
}

    .classtabs li a {
        font-size: 13px;
        text-align: left;
        font-weight: 700;
        padding: 10px 21px !important;
        text-transform: uppercase;
    }

.classtabs .rz-tabview-selected a {
    color: #fff !important;
    background: #d94c81 !important;
    border-top-right-radius: 50px !important;
    border-bottom-right-radius: 50px !important;
}

.classbox.color1 {
    background: #763fce;
}

.classbox.color2 {
    background: #d94c81;
}

.classbox.color3 {
    background: #cea53c;
}

.classbox.color4 {
    background: #33a833;
}

.classbox.color5 {
    background: #15b49e;
}

.classbox.color6 {
    background: #d08367;
}

.classbox.color7 {
    background: #29b2c4;
}

.classbox.color8 {
    background: #964ece;
}

.classbox.color8 {
    background: #7aab1a;
}

.classtabs ul {
    display: block;
    min-width: 180px;
    margin-right: 25px;
}

.classtabs {
    display: inline-flex !important;
    flex-direction: revert !important;
}

.studentbox {
    border: 1px solid #dddddd;
    padding: 8px;
    border-radius: 8px;
    position: relative;
    margin-bottom: 20px;
    height: 130px;
    display: flex;
    border-top: 2px solid #f9777f;
    overflow: hidden;
}

    .studentbox .admno {
        position: absolute;
        top: -2px;
        background: #363636;
        color: white;
        padding: 0 8px;
        font-size: 11px;
        font-weight: 600;
        z-index: 9;
        left: 0;
        border-top-left-radius: 5px;
    }

.nwstudnbx .admno {
    position: absolute;
    right: 0;
    top: -2px;
    background: #383838;
    color: white;
    border-top-right-radius: 7px;
    padding: 2px 7px;
    font-size: 12px;
}

.studentbox .stuimage {
    padding: 10px 0;
}

    .studentbox .stuimage img {
        height: 90px;
        width: 68px;
        border-radius: 6%;
        border: 5px solid #c5c5c5;
        /* float: left; */
        margin-right: 7px;
        object-fit: cover;
        /* filter: opacity(0.7);*/
    }

.studentbox .stumiddle {
    padding: 5px 0;
    width: 255px;
}

    .studentbox .stumiddle h3 {
        margin-bottom: 2px;
        font-size: 13px;
        font-weight: 700;
    }

    .studentbox .stumiddle ul {
        margin: 0;
        padding: 0;
        list-style: none;
    }

        .studentbox .stumiddle ul li {
            font-size: 12px;
            color: #686868;
            line-height: 16px;
            text-transform: lowercase;
        }

            .studentbox .stumiddle ul li span {
                text-transform: initial;
                font-weight: 500;
                color: #1c1c1c;
            }

.studentbox .stubtns {
    position: absolute;
    right: 0;
    top: -3px;
    width: 105px;
}

    .studentbox .stubtns button {
        width: 100%;
        margin-bottom: 4px;
    }

.nwstudnbx {
    border: 1px solid #dddddd;
    padding: 5px 8px;
    border-radius: 8px;
    position: relative;
    margin-bottom: 20px;
    min-height: 132px;
    display: flex;
    border-top: 2px solid #f9777f;
}

    .nwstudnbx img {
        width: 85px;
        height: 85px;
        object-fit: cover;
        border-radius: 50%;
        border: 6px solid #dbdbdb;
    }

    .nwstudnbx .studetail {
        margin-left: 10px;
    }

        .nwstudnbx .studetail h3 {
            font-size: 15px;
            font-weight: 500;
            margin-bottom: 6px;
        }

        .nwstudnbx .studetail ul {
            margin: 0;
            padding: 0;
            line-height: 15px;
        }

            .nwstudnbx .studetail ul li {
                font-size: 13px;
                color: grey;
            }

    .nwstudnbx .stufooter {
        position: absolute;
        left: 0;
        right: 0;
        bottom: 4px;
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        text-align: center;
        border-top: 1px solid #d9d9d9;
        padding-top: 4px;
    }

.studentbox2 {
    border: 1px solid #dddddd;
    padding: 8px;
    border-radius: 8px;
    position: relative;
    margin-bottom: 20px;
    border-top: 2px solid #f9777f;
    overflow: hidden;
}

    .studentbox2 .stumiddle {
        padding: 5px 0;
        width: 100%;
    }

    .studentbox2 .stubtns {
        margin-top: 6px;
    }

        .studentbox2 .stubtns button {
            /* width: 100%; */
            margin-bottom: 4px;
            padding: 0 5px !important;
        }

    .studentbox2 .stumiddle h3 {
        margin-bottom: 2px;
        font-size: 13px;
        font-weight: 700;
    }

    .studentbox2 .stumiddle ul {
        margin: 0;
        padding: 0;
        list-style: none;
    }

        .studentbox2 .stumiddle ul li {
            font-size: 12px;
            color: #686868;
            line-height: 16px;
            text-transform: lowercase;
        }

            .studentbox2 .stumiddle ul li span {
                text-transform: initial;
                font-weight: 500;
                color: #1c1c1c;
            }

.classboxnew {
    border-top: 2px solid #f9777f;
    overflow: hidden;
    background: white;
    padding: 10px;
    border-radius: 3px;
    box-shadow: 0px 14px 23px -14px #80808000;
    position: relative;
    margin-bottom: 15px;
}

    .classboxnew .classheader {
        position: relative;
        min-height: 60px;
    }

        .classboxnew .classheader .classteacher {
            float: left;
            margin-right: 8px;
            margin-top: 0px;
        }

            .classboxnew .classheader .classteacher img {
                height: 61px;
                width: 61px;
                object-fit: cover;
                border-radius: 5px;
                border: 3px solid #d5d5d5;
            }

        .classboxnew .classheader .classdetail {
            margin: 0px 0;
        }

            .classboxnew .classheader .classdetail h5 {
                font-size: 11px;
                font-weight: 700;
                border: 1px solid #b30101;
                margin-bottom: 4px;
                padding: 4px 6px;
                display: inline-block;
                color: #b30101;
            }

            .classboxnew .classheader .classdetail h4 {
                margin-bottom: 0;
                font-size: 16px;
                font-weight: 500;
            }

        .classboxnew .classheader .classstudents {
            background: #e1edff;
            border: 3px solid #65b6dd;
            text-align: center;
            /* padding: 2px 4px; */
            border-radius: 5px;
            position: absolute;
            right: 0;
            height: 61px;
            width: 61px;
            padding: 5px 0px;
            top: 0;
        }

            .classboxnew .classheader .classstudents h3 {
                font-size: 23px;
                font-weight: 600;
            }

                .classboxnew .classheader .classstudents h3 span {
                    display: block;
                    font-size: 10px;
                    font-weight: 500;
                    text-transform: uppercase;
                }

    .classboxnew .classfooter {
        border-top: 1px solid #d9d9d9;
        padding-top: 6px;
        margin-top: 9px;
    }

        .classboxnew .classfooter button {
            width: 48.444444%;
            /* float: left; */
            margin: 1.5px 1.5px;
            border-radius: 50px !important;
        }

.classfooter .stubtns .btn-darkgrey {
    background: #c57e36 !important;
}

    .classfooter .stubtns .btn-darkgrey:hover {
        color: white !important;
    }

.classfooter .stubtns .btn-info {
    background: #17a2b8 !important;
}

.classfooter .stubtns .btn-success {
    background: #40bd5d !important;
}

.classfooter .stubtns .btn-danger {
    background: #d94949 !important;
}

.classboxnew .classfooter button span {
}

/*general fee payment*/
.finalbtns {
    text-align: right;
    vertical-align: middle;
}

.feefooterfoo {
    padding: 12px 22px 12px;
    border-top: 1px solid #644802;
}

    .feefooterfoo label {
        margin: 5px 0;
    }

.feefooter {
    background: #f3f5c8;
    border: 1px solid #644802;
}

    .feefooter .feefooterleft {
        padding: 11% 0px 0px 23px;
    }

        .feefooter .feefooterleft .media {
            border: 1px solid #644802;
            border-radius: 6px;
            position: relative;
            background: #f1d692;
            display: -ms-flexbox;
            display: flex;
            -ms-flex-align: start;
            align-items: flex-start;
        }

            .feefooter .feefooterleft .media .stuadmno {
                position: absolute;
                right: 15px;
                background: #dc3545;
                color: white;
                font-weight: 600;
                padding: 6px 13px;
                font-size: 17px;
                text-transform: uppercase;
                border-radius: 14px;
                top: -25px;
            }

.topfilters {
    margin-bottom: 15px;
}

    .topfilters label {
        margin: 4px 0;
    }

.finalbtns button {
    border-radius: 2px;
    padding: 4px 12px;
    font-size: 13px;
    font-weight: 500;
}

    .finalbtns button:hover {
        opacity: .9;
    }

.finalbtns .btn-success {
    background: #88a905 !important;
    border-color: #88a905 !important;
}

.finalbtns .btn-primary {
    background: #3a7286 !important;
    border-color: #3a7286 !important;
}

.finalbtns .btn-danger {
    background: #dc3545 !important;
    border-color: #dc3545 !important;
}

.rz-datatable-thead th > div:not(.rz-cell-filter), .rz-grid-table thead th > div:not(.rz-cell-filter) {
    padding: inherit !important;
}

.feetablenew th {
    background: black !important;
    color: white;
    font-weight: 500;
    font-size: 14px;
}

.feetablenew td {
    padding: 3px 9px !important;
    font-size: 12px;
    background: transparent;
    border-right: 0 !important;
    border-bottom: 1px solid #0000004d !important;
}

    .feetablenew td span {
        color: #242424 !important;
        font-weight: 500;
    }

.feefooter .feefooterleft .media img {
    height: 97px;
    width: 77px;
    border-radius: 6px;
    object-fit: cover;
    border: 1px solid #644802;
}

.feefooter .feefooterleft .media .media-body {
    padding: 19px 8px;
}

.feetablenew .btn-success {
    background: #60bf2d !important;
    font-size: 11px !important;
    border-color: #60bf2d !important;
}

    .feetablenew .btn-success span {
        color: white !important;
    }


.feefooter .feefooterleft .media .media-body h3 {
    font-weight: 600;
    font-size: 17px;
    margin-bottom: 3px;
}

    .feefooter .feefooterleft .media .media-body h3 span {
        display: block;
        font-weight: 500;
        font-size: 15px;
    }

.feefooter .feefooterleft .media .media-body h4 {
    font-size: 14px;
    font-weight: 500;
    margin: 0;
}

    .feefooter .feefooterleft .media .media-body h4 span {
        position: absolute;
        top: -16px;
        right: 28px;
        background: white;
        padding: 2px 6px;
        border-radius: 8px;
    }

.stufeildbox {
    background: #f1d692;
    padding: 10px 2px;
    border: 1px solid #644802;
}

    .stufeildbox label {
        text-transform: uppercase;
        color: black !important;
        margin: 4px 0;
        text-transform: capitalize;
        text-align: right;
    }

.middlebtn button {
    color: white;
    background: #8c5b05;
    padding: 5px 3px;
    font-size: 13px;
    font-weight: 500;
    display: inline-block;
    border-radius: 2px;
    border: 0;
    width: 100%;
    margin-bottom: 5px;
}

.middlebtn {
    padding: 10% 0;
    text-align: center;
    display: inline-block;
    vertical-align: baseline;
}

    .middlebtn button:hover {
        opacity: .8;
    }

.feetablenew .rz-paginator-page.rz-state-active {
    background-color: #3a7286 !important;
    color: white;
}

.feetablenew .rz-paginator-page.rz-paginator-element {
    background: transparent;
    border: 1px solid grey;
    font-weight: 500;
    padding: 4px 0;
}

.rz-paginator-next, .rz-paginator-last, .rz-paginator-first, .rz-paginator-prev {
    background-color: #3a7286 !important;
    color: white;
    border-radius: 0px;
}

.stufeildbox .rz-dropdown-label {
    text-align: left !important;
}

.feefooteright .feefooheader .headingfeehead {
    position: relative;
}

    .feefooteright .feefooheader .headingfeehead:after {
        content: '';
        position: absolute;
        width: 0;
        height: 0;
        border-bottom: 36px solid #8c5b05;
        border-right: 39px solid transparent;
        top: 0;
        right: -39px;
    }

.stufeildbox .form-group {
    margin-bottom: 9px;
}

    .stufeildbox .form-group select {
    }

    .stufeildbox .form-group input {
    }

.feetablenew input {
    font-size: 12px;
    height: 26px !important;
}

.amountfinalbox {
    padding: 10px 33px;
}

.feefooteright {
    border-left: 1px solid #644802;
}

    .feefooteright .feefooheader {
        background: #d4b669;
    }

.topfilters .rz-dropdown, .feefooterfoo .rz-dropdown, .stufeildbox .rz-dropdown {
    padding: 3px 6px !important;
}

.topfilters input, .feefooterfoo input, .stufeildbox input {
    font-size: 12px !important;
}

.topfilters input, .feefooterfoo input, .stufeildbox input {
    border-radius: 0;
    height: 31px;
    padding: 3px 10px;
    font-size: 13px;
    font-weight: 500;
}

.topfilters select, .feefooterfoo select, .stufeildbox select {
    border-radius: 0;
    height: 31px;
    padding: 3px 10px;
    font-size: 13px;
    font-weight: 500;
}

.feefooteright .feefooheader .headingfeehead {
    background: #8c5b05;
    color: white;
    padding: 7px 10px;
    text-transform: uppercase;
    font-weight: 500;
    letter-spacing: 0.08em;
    font-size: 15px;
    margin-left: -2px;
}

.feefooteright .headingfeeheaddet {
    padding: 7px 18px;
    text-align: right;
    font-weight: 500;
}

    .feefooteright .headingfeeheaddet strong {
    }

.amontfinal label {
    font-weight: 700 !important;
    text-transform: uppercase;
    font-size: 12px !important;
}

/* student list*/
.studentlistbox {
    background: white;
    padding: 0px 10px 10px 10px;
    border-radius: 3px;
    text-align: center;
    box-shadow: 0px 14px 23px -14px #80808000;
    position: relative;
    margin-bottom: 15px;
    border-top: 1px solid #0a58ca;
    /* border-top: 2px solid #59cd74;*/
}

    .studentlistbox .stulistheader {
        margin-top: 35px;
    }

        .studentlistbox .stulistheader img {
            height: 90px;
            width: 90px;
            object-fit: cover;
            border-radius: 50%;
            border: 5px solid #fa6476;
            margin-bottom: 0px;
        }

        .studentlistbox .stulistheader h3 {
            font-weight: 700;
            font-size: 16px;
            margin: 3px 0;
        }

        .studentlistbox .stulistheader .pichange {
            position: absolute;
            right: 69px;
            top: 32%;
        }

            .studentlistbox .stulistheader .pichange button {
                background: #fa6476 !important;
                color: white;
                height: 25px !important;
                width: 25px;
                display: inline-block;
                border-radius: 50% !important;
                text-align: center;
                padding: 2px 0 !important;
                font-weight: 600 !important;
                border: 2px solid white;
                position: absolute;
                left: -17px;
                top: 12px;
                font-size: 8px;
            }

    .studentlistbox .stulistheader {
        position: relative;
    }

.stafflistbox .stafflistheader .staffrightdetail {
    position: relative;
}

.stafflistheader .pichange {
    position: relative;
}

    .stafflistheader .pichange button {
        background: #fa6476 !important;
        color: white;
        height: 24px !important;
        width: 24px;
        display: inline-block;
        border-radius: 50% !important;
        text-align: center;
        padding: 2px 0 !important;
        font-weight: 600 !important;
        border: 2px solid white;
        position: absolute;
        left: 70px;
        top: 60px;
    }

.studentlistbox .stulistheader ul {
    margin: 0px 0;
    display: inline-flex;
}

    .studentlistbox .stulistheader ul li {
        font-weight: 500;
        color: grey;
        font-size: 12px;
        margin: 3px 9px;
    }

.studentlistbox .stulistheader .stuportalbtn {
    margin: 0px 0 6px;
}

    .studentlistbox .stulistheader .stuportalbtn .userpassshowbtn {
        background: white !important;
        padding: 0px !important;
        color: #262626 !important;
        font-size: 17px !important;
        margin-top: 0px;
    }

    .studentlistbox .stulistheader .stuportalbtn .userportalbtn {
        background: #d78013 !important;
        color: white !important;
        border-radius: 50px !important;
        font-size: 13px !important;
        padding: 5px 14px !important;
        height: auto !important;
        line-height: 17px !important;
    }


.studentlistbox .stulistmiddle {
    border-top: 1px solid #d7d7d7;
    border-bottom: 1px solid #d1d1d1;
    margin-bottom: 10px;
    padding-bottom: 10px;
    padding-top: 10px;
    margin-bottom: 10px;
}

.stutop {
    display: flex;
    position: absolute;
    left: 0;
    right: 0;
}

    .stutop .stutopadmn {
        background: #28a745;
        color: white;
        font-weight: 500;
        width: 50%;
        position: relative;
        padding: 1px 0;
    }

        .stutop .stutopadmn:after {
            content: '';
            width: 0;
            height: 0;
            border-bottom: 23px solid #28a745;
            border-right: 25px solid transparent;
            top: 0;
            position: absolute;
            right: -25px;
            z-index: 1;
        }

.staffrightdetail .userpassshowbtn {
    color: black;
    background: none !important;
    font-size: 15px !important;
    /* margin-top: 10%; */
    position: relative;
    /* right: 36%; */
    /* display: block; */
    float: right;
    z-index: 2;
}

.stutop .stutopclass {
    background: #bf32b4;
    color: white;
    font-weight: 500;
    width: 60%;
    position: relative;
    padding: 1px 0;
}


.width-fix {
    display: inline-block;
    margin-left: 0px;
    margin-right: 2px;
}

.studentlistbox .stulistmiddle li span {
}

.studentlistbox .stulistmiddle ul {
    margin: 0;
    padding: 0;
    text-align: left;
}

    .studentlistbox .stulistmiddle ul li {
        font-size: 12px;
        color: #222222;
        line-height: 18px;
        font-weight: 500;
    }

        .studentlistbox .stulistmiddle ul li strong {
            color: #323232;
            width: 49px;
            display: inline-block;
        }

.studentlistbox .stulistfooter {
}

    .studentlistbox .stulistfooter button {
        border-radius: 50px !important;
        padding: 4px 10px !important;
    }

    .studentlistbox .stulistfooter .btn-primary {
        background: #17a2b8 !important;
        border-color: #17a2b8;
    }

    .studentlistbox .stulistfooter .btn-success {
        background-color: #28a745 !important;
        border-color: #28a745;
    }


/*staff list*/
.stafflistbox {
    background: white;
    padding: 10px;
    border-radius: 3px;
    text-align: center;
    box-shadow: 0px 14px 23px -14px grey;
    position: relative;
    margin-bottom: 16px;
    border-top: 2px solid #5cd15c;
}

    .stafflistbox .stafflistheader {
        min-height: 74px
    }

        .stafflistbox .stafflistheader img {
            height: 90px;
            width: 90px;
            border-radius: 50%;
            border: 4px solid #fa6476;
            object-fit: cover;
            float: left;
            margin-right: 4px;
        }

        .stafflistbox .stafflistheader .staffrightdetail {
            text-align: left;
            margin-left: 100px;
            min-height: 100px;
        }

            .stafflistbox .stafflistheader .staffrightdetail h2 {
                font-size: 17px;
                font-weight: 700;
                margin-bottom: 5px;
                min-height: 37px;
            }

                .stafflistbox .stafflistheader .staffrightdetail h2 span {
                    font-weight: 500;
                    color: #2d2d2d;
                    font-size: 15px;
                    display: block;
                    margin-top: 3px;
                }

.btn-template {
    padding: 0 8px !important;
    min-height: 21px !important;
    background: #b46707 !important;
    margin-left: 0px;
}

.stuname ul {
    margin: 0;
    padding: 0;
    margin-top: 5px;
    list-style: none;
}

    .stuname ul li {
        color: white;
        font-weight: 400;
        font-size: 12px;
        line-height: 15px;
    }

.stafflistbox .empid {
    background: #eaeaea;
    display: inline-block;
    color: #ff3434;
    padding: 2px 9px;
    font-weight: 700;
    font-size: 14px;
    position: absolute;
    top: 0px;
    right: 0px;
    /* border: 2px solid grey; */
    /* text-transform: uppercase; */
    font-style: italic;
    letter-spacing: -0.06em;
}

.stafflistbox .stafflistmiddle {
}

    .stafflistbox .stafflistmiddle ul {
        margin: 0;
        padding: 0;
        text-align: left;
        list-style: none;
    }

.stafflistbox .stafflistmiddle ul li {
            font-weight: 500;
            font-size: 13px;
            padding: 1px 0;
            position: relative;
            color: black;
}
.stafflistbox .stafflistmiddle ul li span {
           font-weight: 500;
}

.stafflistbox .stafflistmiddle ul li img {
       width: 20px;
       height: auto;
      border: none;
      margin-top: 2px;
}

.stafflistbox .stafflistfooter {
    padding: 5px 0 0;
    border-top: 1px solid #80808091;
}

    .stafflistbox .stafflistfooter button {
        padding: 3px 12px !important;
        border-radius: 50px !important;
    }

    .stafflistbox .stafflistfooter .btn-primary {
        background: #17a2b8 !important;
    }

    .stafflistbox .stafflistfooter .btn-success {
        background: #28a745 !important;
    }
/*student view*/
.wardimageview {
    text-align: center;
}


    .wardimageview img {
        height: 99px;
        width: 99px;
        border-radius: 50%;
        border: 5px solid #f6d9ad;
        margin-bottom: 0px;
    }

    .wardimageview h3 {
        font-size: 18px;
        text-transform: uppercase;
        font-weight: 600;
        margin-top: 4px;
        margin-bottom: 8px;
    }

        .wardimageview h3 span {
            display: block;
            color: grey;
            font-size: 15px;
        }

.parentphoto img {
    height: 123px;
    width: 100%;
    border-radius: 5px;
    border: 5px solid #f6d9ad;
    object-fit: cover;
}

.wardimageview ul {
    margin: 0;
    padding-top: 7px;
    list-style: none;
    border-top: 1px solid #8080802e;
    display: inline-flex;
    padding: 9px 0 0 0;
    width: 100%;
}

    .wardimageview ul li {
        text-align: left;
        position: relative;
        padding-left: 19px;
    }

        .wardimageview ul li:before {
            content: '';
            position: absolute;
            background: #c17806;
            height: 15px;
            width: 15px;
            left: 0;
        }

.wardimageview li span {
    display: block;
    font-weight: 600;
    font-size: 17px;
}

.wardeetailview table {
    margin-bottom: 0;
    margin-top: 26px;
}

    .wardeetailview table th {
        background: none;
        padding: 2px 0;
        font-size: 12.4px;
        border: 0;
    }

    .wardeetailview table td span {
        display: inline-block;
        width: 30px;
        padding: 0 0;
        border-bottom: 0 !important;
    }

    .wardeetailview table td {
        background: none;
        padding: 2px 0;
        /* color: #4a4949; */
        border: 0;
        font-size: 12.4px;
        font-weight: 500;
    }

.parentdetailview {
}

    .parentdetailview img {
        height: 147px;
        width: 100%;
        border-radius: 5px;
        border: 5px solid #f6d9ad;
        object-fit: cover;
    }

    .parentdetailview h3 {
        font-weight: 700;
        font-size: 17px;
        margin-bottom: 2px;
        border-bottom: 1px solid #80808042;
        padding-bottom: 5px;
    }

    .parentdetailview table {
        margin-bottom: 0;
    }

    .parentdetailview th {
        background: none;
        padding: 2px 0;
        font-size: 12.4px;
        border: 0;
    }

    .parentdetailview td {
        background: none;
        padding: 2px 0;
        /* color: #4a4949; */
        border: 0;
        font-size: 12.4px;
        font-weight: 500;
    }

        .parentdetailview td span {
            display: inline-block;
            width: 30px;
            padding: 0 0;
            border-bottom: 0 !important;
        }

.mainheadstuview {
    background: #c17806;
    color: white;
    padding: 3px 8px;
    font-weight: 600;
    font-size: 15px;
    text-transform: uppercase;
    position: relative;
    display: inline-block;
    width: 150px;
    position: absolute;
    top: 0;
    left: 0;
}

    .mainheadstuview:after {
        content: '';
        position: absolute;
        width: 0;
        height: 0;
        border-bottom: 28px solid #c17806;
        border-right: 24px solid transparent;
        top: 0;
        right: -24px;
    }

.col-md-6.col-fix-5 {
    flex: 0 0 auto;
    width: 20%;
}

.nstuview .card {
    border-top: 2px solid #c17806;
}

.nstuview input, .nstuview .rz-dropdown {
    background: whitesmoke;
    border: 0 !important;
    height: 32px !important;
    font-size: 11px;
    font-weight: 600;
    margin-bottom: 8px;
}

.paddingfixstu {
    padding-top: 23px;
}

.wardpic {
    text-align: center;
    position: relative;
}

.parentphoto {
    position: relative;
}

    .parentphoto button {
        border-radius: 50% !important;
        background: #c17806 !important;
        border: 5px solid white;
        height: 35px !important;
        width: 35px;
        position: absolute;
        bottom: -11px;
        right: -11px;
        text-align: center;
        padding: 0 !important;
    }

.wardpic button {
    border-radius: 50% !important;
    background: #c17806 !important;
    border: 5px solid white;
    height: 35px !important;
    width: 35px;
    position: absolute;
    top: 52px;
    right: 60px;
    text-align: center;
    padding: 0 !important;
}

.wardpic img {
    height: 83px;
    width: 83px;
    border-radius: 50%;
    margin-bottom: 9px;
    border: 5px solid #f6d9ad;
}

.wardpic h3 {
    font-weight: 700;
    font-size: 18px;
    margin-bottom: 10px;
    text-transform: uppercase;
}

.wardpic .wardadmno {
    background: #d13737;
    display: inline-block;
    padding: 3px 12px;
    color: white;
    font-weight: 600;
    font-size: 15px;
    border-radius: 50px;
}

.fixfeetabkle {
    height: 192px;
    overflow-y: scroll;
}
    /* width */
    .fixfeetabkle::-webkit-scrollbar, .stunotifixheight::-webkit-scrollbar {
        width: 5px;
    }

    /* Track */
    .fixfeetabkle::-webkit-scrollbar-track, .stunotifixheight::-webkit-scrollbar-track {
        box-shadow: inset 0 0 5px grey;
        border-radius: 10px;
    }

    /* Handle */
    .fixfeetabkle::-webkit-scrollbar-thumb, .stunotifixheight::-webkit-scrollbar-thumb {
        background: #542701;
        border-radius: 10px;
    }

        /* Handle on hover */
        .fixfeetabkle::-webkit-scrollbar-thumb:hover, .stunotifixheight::-webkit-scrollbar-thumb:hover {
            background: #b30000;
        }

    .fixfeetabkle th {
        background: #d950c8;
        color: white !important;
        padding: 3px 9px;
        text-align: left !important;
        font-weight: 400;
    }

    .fixfeetabkle td {
        font-weight: 700;
        font-size: 11px;
        padding: 2px 8px;
    }

    .fixfeetabkle button {
        padding: 2px 10px !important;
        min-height: 22px !important;
        border-radius: 19px !important;
    }

.attanbtns {
    position: absolute;
    right: 0px;
    top: -4px;
}

    .attanbtns button {
        padding: 0 14px !important;
        min-height: 26px;
    }

.feedetlbtn {
    position: absolute;
    right: 0px;
    top: -4px;
    line-height: 15px !important;
    background: #084298;
    border-color: #084298;
    text-transform: uppercase;
    font-size: 11px !important;
    padding: 3px 8px !important;
    font-weight: 500;
}

#uploadphotostaff {
    padding: 3% 12%;
    height: 100vh;
    position: relative;
}

    #uploadphotostaff:after {
        content: '';
        background-image: url(../images/staffupload-bg.PNG);
        left: 0;
        right: 0;
        height: 730px;
        position: absolute;
        bottom: 0;
        background-size: cover;
        background-repeat: no-repeat;
        z-index: -1;
        background-color: #e6ecfc;
    }

#uploadphotos {
    padding: 3% 12%;
    height: 100vh;
    position: relative;
}

    #uploadphotos:after {
        content: '';
        background-image: url(../images/photobg-1.PNG);
        left: 0;
        right: 0;
        height: 730px;
        position: absolute;
        bottom: 0;
        background-size: cover;
        background-repeat: no-repeat;
        z-index: -1;
        background-color: #e6ecfc;
    }

.innerpadding {
    padding: 60px 13%;
    background-color: #e6ecfc;
    border-radius: 10px;
}

.mainsection {
    background: white;
    padding: 6% 11%;
    border-radius: 10px;
    box-shadow: 5px 4px 12px #dbdbdb;
    position: relative;
    border-top: 2px solid #17a2b8;
}

.photoboxupper {
    width: 168px;
    margin-top: 14px;
}

.mainsection .phoobox {
    border: 1px solid lightgrey;
    height: 215px;
    width: 168px;
    border-radius: 10px;
    text-align: center;
    padding: 0px 0px;
    margin: 0 auto;
    border-radius: 5px;
    overflow: hidden;
    /* justify-content: center; */
    /* display: flex; */
    align-items: center;
    line-height: 64px;
}

.mainsectionstaff .phoobox {
    border: 1px solid lightgrey;
    height: 215px;
    width: 168px;
    border-radius: 10px;
    text-align: center;
    padding: 0px 0px;
    margin: 0 auto 15px;
    border-radius: 5px;
    overflow: hidden;
    /* justify-content: center; */
    /* display: flex; */
    align-items: center;
    line-height: 64px;
}

    .mainsection .phoobox .uploadicon, .mainsectionstaff .phoobox .uploadicon {
        width: 46px;
        height: auto;
    }

    .mainsection .phoobox h2, .mainsectionstaff .phoobox h2 {
        font-size: 18px;
        font-weight: 400;
        margin-top: 5px;
    }

.phoobox img {
    width: 100%;
    height: 217px;
    object-fit: cover;
}

.mainsection .phoobox h2 span, .mainsectionstaff .phoobox h2 span {
    display: block;
    text-transform: uppercase;
    font-weight: 600;
    margin-top: 15px;
    font-size: 18px;
}

.photouploadbtn input {
    background: #c17806;
    color: white;
    padding: 8px 20px;
    display: block;
    text-align: center;
    border-radius: 50px;
    font-size: 16px;
    text-transform: uppercase;
    border: 0;
}

.photouploadbtn {
    margin-top: 19px;
}

.photouploadname {
    background: #17a2b8;
    width: 305px;
    border-radius: 10px;
    padding: 9px 14px;
    margin: 0 auto;
    position: absolute;
    top: 0;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

    .photouploadname h3 {
        color: white;
        font-weight: 500;
        text-transform: uppercase;
        font-size: 21px;
        text-align: center;
    }

        .photouploadname h3 span {
            font-size: 15px;
            font-weight: 500;
            display: block;
        }

.photouploadbtnstaff input {
    background: #17a2b8 !important;
    color: white;
    padding: 8px 20px;
    display: block;
    text-align: center;
    border-radius: 50px;
    font-size: 16px;
    text-transform: uppercase;
    border: 0;
}

.mainsectionstaff {
    background: white;
    padding: 6% 11%;
    border-radius: 10px;
    box-shadow: 5px 4px 12px #dbdbdb;
    position: relative;
    border-top: 2px solid #fa6476;
}

.photouploadnamestaff {
    background: #fa6476;
    width: 305px;
    border-radius: 10px;
    padding: 9px 14px;
    margin: 0 auto;
    position: absolute;
    top: 0;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

    .photouploadnamestaff h3 {
        color: white;
        font-weight: 500;
        text-transform: uppercase;
        font-size: 21px;
        text-align: center;
    }

        .photouploadnamestaff h3 span {
            font-size: 15px;
            font-weight: 500;
            display: block;
        }

.mainheadingupload {
}

    .mainheadingupload h3 {
        font-size: 25px;
        font-weight: 400;
    }

        .mainheadingupload h3 span {
            color: #0a8599;
        }

.mainheadinguploadstaff h3 {
    font-size: 25px;
    font-weight: 400;
}

    .mainheadinguploadstaff h3 span {
        color: #fa6476;
    }

/* view student design*/


.stubasic {
    background: white;
    margin-bottom: 20px;
    padding-top: 35px;
    border-top: 1px solid #bf32b4;
    position: relative;
}

.stucontctinfo, .stuparnmtinfo {
    position: relative;
}

    .stubasic:after, .stucontctinfo:after, .stuparnmtinfo:after {
        content: '';
        background: url(../images/box-bg.png);
        position: absolute;
        right: 0;
        height: 194px;
        width: 290px;
        top: 0;
        z-index: 321;
    }

.mainstuheading {
    background: url(../images/heading-bg.png);
    height: 44px;
    background-repeat: no-repeat;
    /* background-size: contain; */
    display: flex;
    vertical-align: middle;
    align-items: center;
    justify-content: center;
    background-position: center;
    top: 30px;
    position: relative;
    z-index: 1;
}

    .mainstuheading h6 {
        color: white;
        position: absolute;
        padding: 5px 20px;
        font-size: 17px;
        font-weight: 400;
        margin-top: 11px;
        margin-bottom: 0;
    }

.stubasic .stubasicheader {
    min-height: 130px;
    padding: 16px;
}

    .stubasic .stubasicheader img {
        width: 100px;
        height: 120px;
        border-radius: 10px;
        border: 2px solid #ff6262;
        float: left;
        object-fit: cover;
    }

    .stubasic .stubasicheader .stubasicheaderdetaul {
        margin-left: 19%;
    }

        .stubasic .stubasicheader .stubasicheaderdetaul h3 {
            font-weight: 600;
            font-size: 20px;
            position: relative;
            margin-bottom: 14px;
        }

            .stubasic .stubasicheader .stubasicheaderdetaul h3:after {
                content: '';
                position: absolute;
                background: black;
                height: 2px;
                width: 50px;
                left: 0px;
                top: 62px;
            }

            .stubasic .stubasicheader .stubasicheaderdetaul h3 span {
                display: block;
                font-size: 16px;
                font-weight: 500;
                background: #28a745;
                width: 105px;
                text-align: center;
                color: white;
                padding: 4px 5px;
                border-radius: 25px;
                margin-bottom: 3px;
            }

        .stubasic .stubasicheader .stubasicheaderdetaul ul {
            margin: 0;
            padding: 0;
            list-style: none;
            font-size: 16px;
            font-weight: 600;
            text-transform: uppercase;
        }

            .stubasic .stubasicheader .stubasicheaderdetaul ul li {
            }

.stubasic .stubasicfooter {
    background: #ebebeb;
    border-top: 1px solid #c5c5c5;
}

    .stubasic .stubasicfooter table {
        border-bottom: 0 !important;
        margin: 0;
        padding: 0;
    }

    .stubasic .stubasicfooter th {
        background: none;
        font-size: 14px;
        border-bottom: 0 !important;
        position: relative;
        padding: 4px 11px;
    }

        .stubasic .stubasicfooter th span, .stubasic .stubasicfooter td span {
            display: inline-block;
            position: absolute;
            left: 56%;
            top: 0;
        }

    .stubasic .stubasicfooter td {
        background: none;
        font-size: 14px;
        border-bottom: 0 !important;
        position: relative;
        font-weight: 600;
    }

.stucontctinfo {
    background: white;
    padding: 10px;
    border-top: 1px solid #bf32b4;
}

.stuparpad {
    margin-top: 35px;
}

.stucontctinfo table {
    border-bottom: 0 !important;
    margin: 0;
    padding: 0;
    margin-top: 35px;
}

.stucontctinfo th {
    background: none;
    font-size: 13px;
    border-bottom: 0 !important;
    position: relative;
    width: 185px;
}

.stucontctinfo td {
    background: none;
    font-size: 13px;
    border-bottom: 0 !important;
    position: relative;
    font-weight: 600;
}

    .stucontctinfo th span, .stucontctinfo td span {
        display: inline-block;
        position: absolute;
        left: 56%;
        top: 0;
    }

.stucontctinfo .emgcontact {
    border-top: 1px solid red;
    margin-top: 32px;
    text-align: center;
}

    .stucontctinfo .emgcontact h6 {
        font-size: 15px;
        font-weight: 500;
        text-align: center;
        background: #28a745;
        display: inline-block;
        color: white;
        padding: 4px 13px;
        text-transform: uppercase;
        margin: 0 auto 12px;
        border-radius: 50px;
        margin: 0;
        position: absolute;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        text-align: center;
    }

    .stucontctinfo .emgcontact ul {
        margin: 0;
        padding: 0;
        list-style: none;
        margin-top: 26px;
    }

        .stucontctinfo .emgcontact ul li {
            display: inline-flex;
            font-weight: 700;
            margin-right: 18px;
            text-align: center;
            font-size: 16px;
            text-transform: uppercase;
        }

.stuparnmtinfo {
    background: white;
    padding: 10px;
    border-top: 1px solid #bf32b4;
}

    .stuparnmtinfo img {
        width: 100px;
        height: 120px;
        border-radius: 9px;
        border: 3px solid #ff6262;
        object-fit: cover;
        float: left;
    }

    .stuparnmtinfo .stuparnmtinforight {
        margin-left: 23%;
    }

        .stuparnmtinfo .stuparnmtinforight h5 {
            font-size: 19px;
            font-weight: 700;
            text-transform: uppercase;
        }

    .stuparnmtinfo .stuparnmtcontct {
        background: #ebebeb;
        padding: 7px 11px;
    }

        .stuparnmtinfo .stuparnmtcontct ul {
            margin: 0;
            padding: 0;
            list-style: none;
        }

        .stuparnmtinfo .stuparnmtcontct li {
            font-size: 14px;
            font-weight: 700;
        }

            .stuparnmtinfo .stuparnmtcontct li span {
            }

    .stuparnmtinfo .stuparnmtinforight table {
        border-bottom: 0 !important;
        margin: 0;
        padding: 0;
    }

    .stuparnmtinfo .stuparnmtinforight th {
        background: none;
        font-size: 13px;
        border-bottom: 0 !important;
        position: relative;
        padding: 4px 10px;
    }

    .stuparnmtinfo .stuparnmtinforight td {
        background: none;
        font-size: 13px;
        border-bottom: 0 !important;
        position: relative;
        padding: 4px 10px;
        font-weight: 600;
    }

        .stuparnmtinfo .stuparnmtinforight th span, .stuparnmtinfo .stuparnmtinforight td span {
            display: inline-block;
            position: absolute;
            left: 56%;
            top: 0;
        }

/*staff detail css*/

.sataffheader {
    background: white;
    padding: 10px;
    border-right: 1px solid #dddddd;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    border-top: 2px solid #f9777f;
}

    .sataffheader .staffheadleft {
        text-align: center;
        width: 25%;
        border-right: 1px solid #dddddd;
        position: relative;
        padding-top: 40px;
    }

        .sataffheader .staffheadleft .staffempno {
            position: absolute;
            left: 0;
            background: #e16565;
            color: white;
            padding: 4px 10px;
            font-size: 15px;
            font-weight: 500;
            top: 0;
        }

        .sataffheader .staffheadleft img {
            width: 100px;
            height: 100px;
            object-fit: cover;
            border-radius: 50%;
            border: 2px solid red;
        }

        .sataffheader .staffheadleft h3 {
            font-weight: 600;
            font-size: 16px;
            text-transform: uppercase;
            margin-bottom: 5px;
            margin-top: 9px;
        }

        .sataffheader .staffheadleft .staffdesig {
            background: #44a351;
            color: white;
            display: inline-block;
            padding: 2px 9px;
            font-weight: 500;
            border-radius: 50px;
        }

        .sataffheader .staffheadleft .Userpassbox {
            background: #f3f3f3;
            border: 1px dotted #6a6a6a;
            border-radius: 6px;
            margin-top: 11px;
            display: inline-flex;
            padding: 0px 18px;
        }

.border-top {
    border-top: 2px solid #e36666 !important;
}

    .border-top h6 {
        font-weight: 600;
        text-transform: uppercase;
        font-size: 16px;
        border-bottom: 1px solid #d5d5d5;
        padding-bottom: 8px;
    }

    .border-top .form-group {
        margin-bottom: 6px !important;
    }

    .border-top input, .border-top select, .border-top .rz-dropdown, .border-top .rz-calendar .rz-inputtext, .border-top .rz-spinner {
        box-shadow: none !important;
        font-size: 12px;
        font-weight: 600;
        background: #f6f7fa;
    }



    .border-top .rz-spinner-input {
        border-bottom: 0 !important;
    }

    .border-top img, .staffheading img {
        width: 11px;
        margin-right: 4px;
        height: auto;
    }

.form-control:focus ~ .focus-border {
    width: 100%;
    transition: 0.4s;
    left: 0;
}

.form-control ~ .focus-border {
    position: absolute;
    bottom: 0;
    left: 50%;
    width: 0;
    height: 2px;
    background-color: #3399FF;
    transition: 0.4s;
}

.backbtnupload input {
    background: black;
    border-radius: 50px;
    padding: 11px 30px;
    border: 0;
    margin-top: 12px;
    font-family: system-ui;
}

.sataffheader .staffheadleft .Userpassbox h5 {
    margin: 0;
    font-size: 11px;
    font-weight: 600;
    text-transform: uppercase;
    color: #4c4c4c;
    line-height: 19px;
}

.sataffheader .staffheadleft .staffdep {
    margin-top: 5px;
}

    .sataffheader .staffheadleft .staffdep h5 {
        margin: 0;
        text-transform: uppercase;
        font-size: 15px;
        font-weight: 400;
        color: #858585;
    }

        .sataffheader .staffheadleft .staffdep h5 span {
            color: black;
            display: block;
            font-size: 18px;
            font-weight: 500;
        }

.sataffheader .staffheadright {
    width: 75%;
}

    .sataffheader .staffheadright .staffrighthead {
        border-bottom: 1px solid #dbdbdb;
        padding: 11px 7px;
    }

        .sataffheader .staffheadright .staffrighthead ul {
            margin: 0;
            padding: 0;
            list-style: none;
        }

        .sataffheader .staffheadright .staffrighthead li {
            display: inline-flex;
            margin-right: 38px;
            color: grey;
            font-size: 13px;
            text-transform: uppercase;
            font-weight: 500;
        }

            .sataffheader .staffheadright .staffrighthead li span {
                text-transform: uppercase;
                font-weight: 500;
                color: black;
                margin-left: 4px;
            }

.staffothetdet {
    background: white;
    padding: 10px;
    /* border-right: 1px solid #dddddd; */
    border-top: 2px solid #f9777f;
}

    .staffothetdet h6 {
        font-size: 12px;
        color: #7c7c7c;
        font-weight: 500;
        margin-bottom: 15px;
        text-transform: uppercase;
        line-height: 21px;
    }

        .staffothetdet h6 span {
            font-size: 14px;
            color: black;
            font-weight: 500;
            display: block;
            text-transform: capitalize;
        }

.pr-0 {
    padding-right: 0 !important;
}

.pl-0 {
    padding-left: 0 !important;
}

.staffheading {
    font-weight: 500;
    font-size: 17px;
    border-bottom: 1px solid #d7d7d7;
    padding-bottom: 6px;
    margin-bottom: 9px;
}

.studentviewnw .col-md-4, .studentviewnw .col-md-6 {
    padding-right: 5px;
    padding-left: 5px;
}

.studentviewnw .viewheading {
    background: #ef5656;
    color: white;
    display: inline-block;
    width: 125px;
    padding: 4px 6px;
    font-weight: 500;
    position: absolute;
    left: 0;
    top: -16px;
    text-transform: uppercase;
}

.stubasicnw {
    position: relative;
}

.studentviewnw .stuviewimg {
}

.btn-success {
    color: #fff;
    background-color: #3cad78 !important;
    border-color: #3cad78 !important;
}

.stugenderwise {
    padding: 10px;
}

    .stugenderwise th {
        background: #216677;
        color: white;
        text-transform: uppercase;
        font-size: 12px;
        font-weight: 600;
        padding: 5px 7px;
    }

    .stugenderwise td {
        padding: 0px 7px;
        border: 1px solid #ebebeb;
        font-weight: 500;
        font-size: 12px;
    }

.stugenderwise {
    position: relative;
}
    .stugenderwise h4 {
        font-weight: 600;
        text-transform: uppercase;
        font-size: 13px;
        background: #ff5d5d;
        color: white;
        padding: 4px 8px;
        position: absolute;
        top: -13px;
        left: 13px;
        border-radius: 5px;
    }

.stuform {
    background: #fff08354;
    padding: 26px;
    border: 1px solid #8f7d04;
    border-radius: 5px;
    padding-top: 30px;
    margin-top: 70px;
}

.stuform .stuformbox {
    background: white;
    padding-bottom: 35px;
    border-radius: 5px;
    position: relative;
    margin-bottom: 25px;
    border: 1px solid #d5d2d2;
}

        .stuform .stuformbox h6 {
            background: #ff7c7c;
            color: white;
            position: absolute;
            top: -18px;
            font-weight: 600;
            text-transform: uppercase;
            font-size: 14px;
            padding: 5px 10px;
            border-radius: 5px;
            margin: 0;
        }

        .stuform .stuformbox .form-group {
            margin-bottom: 8px;
        }
.unSelectAble {
    height: 350px!important;
}

        .stuform .stuformbox input {
            font-size: 12px;
            font-weight: 500;
            position: relative;
            top: 10px;
            left: 0;
            right: 0;
            z-index: 2;
            opacity: 0;
        }
        .stuform .stuformbox .changephoto {
            background: #34b934;
            color: white;
            padding: 5px 18px;
            display: inline-block;
            border-radius: 50px;
            position: absolute;
            left: 0;
            right: 0;
            width: 169px;
            margin: 7px auto 0;
        }




            .stuform2 {
                margin: 15px 0;
            }

    .stuform2 .stuformbox {
        background: white;
        padding: 15px;
        border-radius: 5px;
        position: relative;
        margin-bottom: 25px;
        border: 1px solid #d5d2d2;
    }

        .stuform2 .stuformbox h6 {
            background: #ff7c7c;
            color: white;
            position: absolute;
            top: -18px;
            font-weight: 600;
            text-transform: uppercase;
            font-size: 14px;
            padding: 5px 10px;
            border-radius: 5px;
            margin: 0;
        }

        .stuform2 .stuformbox .form-group {
            margin-bottom: 8px;
        }

        .stuform2 .stuformbox input {
            font-size: 12px;
            font-weight: 500;
        }

.rz-form .rz-spinner {
    width: 100%;
    padding: 0 10px;
}

.rz-grid-table .rz-cell-data input {
    height: 14px !important;
}

.rz-spinner {
    position: relative;
    padding: 0px 5px;
    border-radius: 0px !important;
    height: auto;
}

.pageheader h6 {
    background: antiquewhite;
    padding: 6px 23px;
    border-radius: 5px;
    text-transform: uppercase;
    font-weight: 600;
}

.fixwidthbtns button {
    width: 100%;
}

.rz-button .rz-button-text, .rz-paginator-element .rz-button-text {
    font-family: system-ui;
    font-size: 13px;
    font-weight: 600;
}

.btn {
    height: auto !important;
    min-height: auto;
    line-height: unset !important;
    font-size: 13px;
    font-weight: 500;
}
   
.rz-button.btn {
    border: 0;
    font-size: 13px;
}

    .rz-button.btn.btn-sm, .btn.btn-sm {
        padding: 2px 10px !important;
        font-size: 10px;
        margin: 0 2px;
    }
        .btn.btn-sm {
            font-size: 11px;
            font-family: system-ui;
        }
            .btn.btn-sm:before {
                font-family: 'FontAwesome';
            }
            .rz-button.btn.btn-sm i, .btn.btn-sm i {
                font-size: 14px;
            }

        .rz-button.btn.btn-sm .rz-button-text {
            font-weight: 500;
            font-size: 11px;
            margin-top: -2px;
        }

.admnoticedetail .rz-html-editor {
    height: 380px;
    overflow-y: scroll;
}

.stuflex {
    margin-bottom: 10px;
}

.studentviewnw .rz-card {
    position: relative;
}

.studentviewnw .stuviewimg img {
    height: 140px;
    width: 109px;
    border-radius: 12px;
    border: 5px solid #e98383;
    float: left;
    object-fit: cover;
}

.studentviewnw .stuviewdetail {
    margin-left: 120px;
}

    .studentviewnw .stuviewdetail h6 {
        margin-bottom: 0px;
        padding-bottom: 0;
        font-size: 17px;
        /* color: white; */
        font-weight: 700;
        border-bottom: none;
    }

        .studentviewnw .stuviewdetail h6 span {
            border-radius: 11px;
            background: #42b542;
            display: block;
            padding: 3px 10px;
            font-size: 14px;
            color: white;
            max-width: 72px;
            text-align: center;
            margin-bottom: 12px;
        }

.studentviewnw .stuviewcladm {
    border: 2px solid #ef5656;
    border-radius: 10px;
    padding: 2px 8px;
    color: black;
    margin-top: 13px;
}

.viewheading:after {
    content: '';
    width: 0;
    height: 0;
    border-top: 29px solid #ef5656;
    border-right: 26px solid transparent;
    top: 0;
    position: absolute;
    right: -26px;
}

.stufoot {
    background: #e3e0e0;
    padding: 2px 7px;
    margin-top: 7px;
}

    .stufoot .table {
        margin: 0;
    }

        .stufoot .table td {
            font-weight: 500;
            color: black;
        }

.studentviewnw .stuviewcladm ul {
    margin: 0;
    padding: 0;
    list-style: none;
    padding: 6px 0;
}

.studentviewnw .stuviewcladm li {
    text-transform: uppercase;
    font-weight: 700;
    line-height: 24px;
}

.studentviewnw .stuviewcladm span {
}

.studentviewnw .stuviewcladm strong {
    text-transform: uppercase;
    font-weight: 700;
}

.studentviewnw .viewpagedet {
    list-style: none;
    padding: 0;
    margin: 0;
    margin-top: 0;
}

    .studentviewnw .viewpagedet li {
        font-weight: 400;
        font-size: 14px;
        color: #101010;
        line-height: 27px;
    }

    .studentviewnw .viewpagedet strong {
        font-weight: 500;
        width: 142px;
        display: inline-block;
    }

    .studentviewnw .viewpagedet span {
        display: inline-block;
        margin-left: 1px;
        margin-right: 1px;
    }

.sturegnew .form-group {
    margin-bottom: 10px;
}

.sturegnew input, .sturegnew .rz-dropdown, .sturegnew .rz-calendar input {
    background: #e7e7e7;
    border: 0 !important;
    font-size: 13px;
    font-weight: 500;
    color: #686868;
}

.sturegnew h5 {
    background: #ef7272;
    display: inline-block;
    position: absolute;
    top: -23px;
    color: white;
    font-size: 14px;
    font-weight: 500;
    padding: 8px 10px;
    left: 0;
    text-transform: uppercase;
}


.stucontactnw {
    border: 2px solid #ef7272;
    padding: 23px 15px;
    border-radius: 10px;
    position: relative;
    margin: 9px 0;
}

.sturegnew h5:after {
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    border-bottom: 33px solid #ef7272;
    border-right: 22px solid transparent;
    top: 0;
    right: -22px;
}

.stucontactnw h3 {
    font-size: 14px;
    font-weight: 400;
    background: #ef7272;
    color: white;
    padding: 7px 10px;
    border-radius: 50px;
    display: inline-block;
    position: absolute;
    top: -15px;
    left: 0;
}

.stuphotosbox {
    text-align: center;
    margin-top: 7px;
}

.sturegphotos {
    position: relative;
}

.sturegphotosbydefault, .sturegphotosbyupload {
    height: 175px;
    width: 159px;
    border-radius: 10px;
    border: 5px solid #ef9c9c;
    object-fit: cover;
}

.admnoticedet {
    height: 429px;
    overflow-y: scroll;
}

.stuphotosbox h4 {
    text-transform: uppercase;
    /* background: cadetblue; */
    display: block;
    padding: 5px 17px;
    margin-top: 5px;
    font-size: 14px;
    font-weight: 600;
}
/*public notice css*/
.publicnotice {
    background: #cbd1ff4a;
    height: 100vh;
    padding: 50px 0;
    position: relative;
    padding-top: 85px;
}

    .publicnotice:before {
        content: '';
        position: absolute;
        background: url(../images/publicbg-left.png);
        height: 358px;
        width: 360px;
        position: absolute;
        left: 0;
        bottom: 0;
    }

    .publicnotice:after {
        content: '';
        position: absolute;
        background: url(../images/publicbg_right.png);
        height: 303px;
        width: 500px;
        position: absolute;
        top: 0;
        right: 0;
        z-index: 1;
    }

.public_leftpgo {
    text-align: center;
    /* width: 276px; */
    margin: 0 auto;
    padding: 16% 5%;
    margin: 14% 0;
}

.public_left {
    background-image: url(../images/publicnoticebg.png);
    background-color: #ffffff;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    background-repeat: no-repeat;
    background-position: center;
    position: relative;
    box-shadow: 4px 2px 19px #8080805c;
}

    .public_left img {
        width: 140px;
    }

.public_right_header h3 {
    font-size: 20px;
    font-weight: 500;
    margin-bottom: 15px;
}

.public_left h4 {
    text-transform: uppercase;
    padding: 13px 5px !important;
    font-size: 23px;
    border: 2px dotted #101010;
    margin: 55px 0;
    background: #40047a00;
    color: #1c1c1c;
    font-family: system-ui;
}

    .public_left h4 span {
        text-transform: uppercase;
        font-weight: 500;
        font-size: 14px;
        display: block;
        background: #630099;
        padding: 6px 26px;
        margin-top: 6px;
        width: fit-content;
        margin: 8px auto 0;
        color: white;
    }

.public_right {
    position: relative;
    z-index: 2;
}

.public_right_pad {
    background: white;
    border: 10px solid #3c1c9d33;
    padding: 0;
    border-radius: 5px;
}

.publicheading {
    position: absolute;
    /* top: -20px; */
    background: #7938b9;
    font-size: 16px;
    color: white;
    font-weight: 500;
    padding: 8px 27px;
    left: 50%;
    text-transform: uppercase;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    text-align: center;
}

.public_right .public_right_header {
    border: 2px solid #7938b9;
    border-radius: 2px;
    padding: 20px;
    height: 305px;
    overflow-y: scroll;
    margin: 8px;
}

.public_right .public_right_fee {
    border: 2px solid #7938b9;
    border-radius: 2px;
    padding: 20px;
    min-height: 445px;
}

.useerfeedetl {
    text-align: center;
}

    .useerfeedetl h2 {
        font-size: 26px;
        text-transform: uppercase;
        font-weight: 600;
        margin-bottom: 16px;
    }

        .useerfeedetl h2 span {
            display: block;
            text-transform: capitalize;
            font-weight: 500;
            font-size: 13px;
            margin-top: 4px;
        }

    .useerfeedetl h5 {
        background: #cf119d;
        font-weight: 600;
        font-size: 15px;
        display: inline-block;
        padding: 6px 11px;
        color: white;
    }

.public_right_fee button .rz-button-text {
    font-weight: 600;
    font-size: 14px;
}

.useerfeedetlbox {
    text-align: center;
    border-top: 1px solid #8080805c;
    border-bottom: 1px solid #8080805c;
    padding-top: 20px;
    margin-top: 12px;
    padding-bottom: 8px;
    margin-bottom: 20px;
}

    .useerfeedetlbox h1 {
        font-size: 18px;
        font-weight: 700;
        text-transform: capitalize;
    }

    .useerfeedetlbox h3 {
        display: inline-block;
        padding: 6px 22px;
        margin-top: 8px;
        color: #270648;
        font-size: 17px;
        font-weight: 700;
        text-transform: uppercase;
        border: 2px dotted #084298;
    }

.stufeegrid table {
    margin-top: 20px;
    margin-bottom: 0;
}

    .stufeegrid table th {
        background: #585858;
        color: white;
        text-align: left !important;
    }

    .stufeegrid table td {
        font-weight: 600;
        font-size: 12px;
    }

.public_right .public_right_footer {
    background: #fae4a1;
    border-top: 2px solid #9d7d1c;
    padding: 10px 12px;
    margin-top: 6px;
}

    .public_right .public_right_footer input {
        height: 36px !important;
        width: 201px;
        float: left;
    }

    .public_right .public_right_footer button {
        width: 100%;
    }
/* width */
.public_right_header::-webkit-scrollbar {
    width: 5px;
}

/* Track */
.public_right_header::-webkit-scrollbar-track {
    background: #grey;
}

/* Handle */
.public_right_header::-webkit-scrollbar-thumb {
    background: #7938b9;
}

    /* Handle on hover */
    .public_right_header::-webkit-scrollbar-thumb:hover {
        background: #7938b9;
    }

.public_right .publicheading:before {
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    border-bottom: 18px solid #350862;
    border-left: 20px solid transparent;
    top: 0;
    left: -20px;
}

.public_right .publicheading:after {
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    border-bottom: 18px solid #350862;
    border-right: 20px solid transparent;
    right: -20px;
    top: 0;
}

/*public notice list*/
.publicnoticedetl {
    padding: 5% 0;
    height: 100vh;
    background: #deeaf6;
    position: relative;
}

    .publicnoticedetl:before {
        content: '';
        background: url(../images/dots-bg.png);
        position: absolute;
        left: 0;
        height: 608px;
        width: 500px;
        top: 0;
        background-repeat: no-repeat;
        background-size: cover;
    }

.regtable h2 {
    font-size: 16px;
}

.regtable {
    background: white;
    border: 10px solid #3c1c9d33;
    height: 442px;
    padding: 10px 10px;
    overflow-y: scroll;
    border-radius: 5px;
}
    /* width */
    .regtable::-webkit-scrollbar {
        width: 5px;
    }

    /* Track */
    .regtable::-webkit-scrollbar-track {
        background: #grey;
    }

    /* Handle */
    .regtable::-webkit-scrollbar-thumb {
        background: #7938b9;
    }

        /* Handle on hover */
        .regtable::-webkit-scrollbar-thumb:hover {
            background: #7938b9;
        }

.publicreglist {
    position: relative;
    z-index: 2;
}

.regtable table {
}

    .regtable table th {
        background: #630099 !important;
        color: white;
        font-weight: 400;
        font-size: 15px;
        padding: 3px 2px !important;
    }



    .regtable table td {
        padding: 2px 8px !important;
        text-transform: uppercase;
        font-size: 12px;
    }

.regtable .fa-plus:before {
    font-size: 10px;
    margin-top: 0;
    display: inline-block;
}

.regtable table td span.rz-cell-data {
    font-weight: 500;
    color: black;
}

.stugrp_pop {
    position: relative;
}

.stuqpopup {
    background: white;
    position: fixed;
    left: 0;
    right: 0;
    z-index: 2;
    padding: 10px 10px;
    border-bottom: 1px solid #e3e3e3;
    width: 600px;
    margin: 0 auto;
    margin-top: -16px;
}

.regtable button {
    background-color: #fc9f03 !important;
    color: white;
    padding: 11px 10px !important;
    font-weight: 500 !important;
    min-height: auto;
}

.publicreghead {
    background: #b30b82;
    width: 400px;
    margin: 0 auto 8px;
    padding: 10px 8px;
    border-radius: 5px;
    position: absolute;
    left: 0;
    right: 0;
    z-index: 2;
    top: 0;
}

    .publicreghead .media {
        display: flex;
        align-items: flex-start;
    }

        .publicreghead .media img {
            width: 80px;
            margin-right: 13px;
        }

        .publicreghead .media .media-body {
            padding: 3px 0;
        }

            .publicreghead .media .media-body h4 {
                font-size: 23px;
                font-weight: 500;
                margin-bottom: 0px !important;
                color: white;
                padding: 0 !important;
            }

                .publicreghead .media .media-body h4 span {
                    font-size: 13px;
                    display: block;
                    font-weight: 400;
                    margin-top: 3px;
                }

.public_right_pad .checkbox .rz-chkbox-box {
    border: 2px solid #dc3545 !important;
}

.public_right_pad .rz-label {
    display: inline-block;
}

.public_right_pad .checkbox {
    margin-top: 0px;
    padding: 0 9px;
}

.ntcyeardetl {
    background: white;
    position: absolute;
    top: 38%;
    left: 0;
    right: 0;
    padding: 18px 33px;
    box-shadow: 0px 24px 10px -20px #808080a1;
}

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

        .ntcyeardetl .ntcdtlinner img {
            margin-top: -72px;
            width: 195px;
            margin-bottom: 5px;
        }

        .ntcyeardetl .ntcdtlinner h3 {
            margin: 0;
            font-size: 26px;
            font-weight: 600;
            color: #630099;
            position: relative;
        }

            .ntcyeardetl .ntcdtlinner h3:before {
                content: '';
                background: #630099;
                width: 50px;
                height: 1px;
                position: absolute;
                margin-left: -61px;
                top: 15px;
            }

            .ntcyeardetl .ntcdtlinner h3:after {
                content: '';
                background: #630099;
                width: 50px;
                height: 1px;
                position: absolute;
                margin-left: 6px;
                top: 15px;
            }

        .ntcyeardetl .ntcdtlinner h4 {
            margin-bottom: 7px !important;
            font-size: 35px;
            font-weight: 500;
            color: #fb9e03;
            text-transform: uppercase;
            padding: 0 !important;
        }

        .ntcyeardetl .ntcdtlinner h5 {
            font-size: 16px;
            background: #630099;
            color: #ffc35f;
            font-weight: 500;
            padding: 7px 31px;
            display: inline-block;
            text-transform: uppercase;
        }

.publicreghead:before {
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    border-bottom: 43px solid #50033a;
    border-left: 20px solid transparent;
    top: 0;
    left: -20px;
    display: none;
}

.publicreghead:after {
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    border-bottom: 43px solid #50033a;
    border-right: 20px solid transparent;
    right: -20px;
    top: 0;
    display: none;
}

.shortform {
    background: white;
    border: 12px solid #a4c8ed;
    border-radius: 10px;
    padding: 44px 38px 19px;
}

    .shortform input, .shortform .rz-dropdown, .shortform select {
        font-size: 12px;
        border-radius: 0px;
        appearance: auto;
    }

    .shortform button {
        border: 0;
        color: white;
        padding: 4px 13px;
        border-radius: 0px;
    }


.admsetup {
    position: relative;
}

    .admsetup h4 {
        background: #b50c8b;
        color: white;
        text-transform: uppercase;
        font-size: 14px;
        padding: 6px 9px;
        font-weight: 600;
        position: absolute;
        top: 0;
        left: 0;
        margin: 0;
    }

        .admsetup h4:after {
        }

    .admsetup input, .admsetup .rz-dropdown, .admsetup .rz-spinner, .admsetup .rz-calendar {
        color: black;
        font-size: 14px;
    }

    .admsetup .form-group {
        margin-bottom: 7px;
    }

.staffeditbtn button {
    display: block;
    text-align: center;
    margin: 6px auto 0;
    width: 130px;
    padding: 12px 0 !important;
    border-radius: 18px !important;
}

.rz-card.leaveforms {
    border-top: 2px solid #e56161;
}


.leavebox {
    border: 2px solid #ff9f9f;
    padding: 15px;
    border-radius: 5px;
}

.leaveforms input, .leaveforms select {
    background: #f3f3f3;
    border-radius: 0px;
    height: 36px;
    font-size: 14px;
    border: 0 !important;
}

.leaveforms textarea {
    background: #f3f3f3;
    border-radius: 0px;
    font-size: 14px;
    border: 0 !important;
    min-height: 70px;
}

.leaveforms th {
    background: #086491;
    color: white;
}

.leaveforms td {
}

.leaveforms td, .leaveforms th {
    padding: 7px 9px;
}

.leaveforms {
    position: relative;
}

.leaveheading {
    background: #e56161;
    width: 149px;
    padding: 5px 7px;
    text-transform: uppercase;
    color: white;
    font-weight: 600;
    font-size: 16px;
    position: absolute;
    top: -44px;
    left: -22px;
}

.leaveallowed {
    position: absolute;
    right: 0;
    text-transform: uppercase;
    font-weight: 700;
    color: #e56161;
    top: -33px;
    font-size: 15px;
}

.leavelegtdetail {
    position: relative;
}

.leaveforms th {
}

.amountfinalboxsingle {
    padding: 6px 6px;
}

.feesingleright .feefooheader {
    margin: 6px 7px 0;
    border: 1px solid #403006;
    text-align: center;
}

    .feesingleright .feefooheader h4 {
        background: #8d5e0a;
        color: white;
        text-transform: uppercase;
        font-weight: 500;
        font-size: 17px;
        padding: 5px 7px;
        margin: 0;
    }

.feefooter .feefooterleftsingle {
    padding: 7px 7px;
    position: relative;
}

    .feefooter .feefooterleftsingle .media .stuadmno {
        position: absolute;
        right: 78px;
        background: #dc3545;
        color: white;
        font-weight: 600;
        padding: 2px 13px;
        font-size: 15px;
        text-transform: uppercase;
        border-radius: 14px;
        top: -16px;
    }

    .feefooter .feefooterleftsingle .media {
        border: 1px solid #644802;
        border-radius: 6px;
        position: relative;
        background: #f1d692;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: start;
        align-items: flex-start;
    }

        .feefooter .feefooterleftsingle .media img {
            height: 90px;
            width: 77px;
            border-radius: 6px;
            object-fit: cover;
            border: 1px solid #644802;
        }

        .feefooter .feefooterleftsingle .media img {
            height: 90px;
            width: 77px;
            border-radius: 6px;
            object-fit: cover;
            border: 1px solid #644802;
        }

        .feefooter .feefooterleftsingle .media .media-body {
            padding: 19px 8px;
        }

            .feefooter .feefooterleftsingle .media .media-body h3 {
                font-weight: 600;
                font-size: 17px;
                margin: 0;
            }

                .feefooter .feefooterleftsingle .media .media-body h3 span {
                    display: block;
                    font-weight: 500;
                    font-size: 15px;
                }

.feefooterfoosingle {
    padding: 12px 22px 12px;
    border-top: 1px solid #644802;
}

    .feefooterfoosingle .finalbtns {
        text-align: right !important;
        vertical-align: middle;
    }

.stafflvbox {
    background: antiquewhite;
    padding: 10px;
    border-radius: 5px;
}

    .stafflvbox .leavestahedr {
    }

        .stafflvbox .leavestahedr h3 {
            font-size: 14px;
            font-weight: 500;
            border-bottom: 1px solid grey;
            padding-bottom: 8px;
            margin-bottom: 0;
        }

    .stafflvbox .leavestamiddle {
        margin: 12px 0;
    }

        .stafflvbox .leavestamiddle .levcredbox {
            background: #af8954;
            text-align: center;
            padding: 5px;
        }

            .stafflvbox .leavestamiddle .levcredbox h4 {
                color: white;
                font-size: 11px;
                font-weight: 400;
                margin: 0;
            }

                .stafflvbox .leavestamiddle .levcredbox h4 span {
                    display: block;
                    font-size: 22px;
                    font-weight: 600;
                }

    .stafflvbox .leavstafootr {
        border-top: 1px solid grey;
        padding-top: 11px;
        margin-top: 0px;
    }

        .stafflvbox .leavstafootr .btn-statusview {
            background: white;
            color: black;
            font-size: 12px !important;
            /* font-weight: 700!important; */
            min-height: 29px !important;
            padding: 0 0 !important;
        }

        .stafflvbox .leavstafootr .statusapply {
            background: white;
            color: black;
            font-size: 12px !important;
            /* font-weight: 700!important; */
            min-height: 29px !important;
            padding: 0 0 !important;
        }

.feefooter .table-responsive {
    height: 400px;
    overflow-y: scroll;
}
/*staff views css*/
.staffstabox {
    padding: 10px;
}

    .staffstabox .staffsthdr {
        border-bottom: 1px solid #08080852;
        padding-bottom: 8px;
    }

        .staffstabox .staffsthdr h2 {
            color: white;
            font-size: 15px;
            font-weight: 500;
            margin-bottom: 0;
        }

    .staffstabox .staffstmiddle {
        padding: 14px 0;
    }

        .staffstabox .staffstmiddle ul {
            padding: 0;
            margin: 0;
            list-style: none;
            display: flex;
        }

            .staffstabox .staffstmiddle ul li {
                width: 32%;
                line-height: 19px;
                height: 50px;
                background: #0000007a;
                color: white;
                font-size: 12px;
                text-align: center;
                margin-right: 5px;
                padding: 5px 0;
            }

                .staffstabox .staffstmiddle ul li span {
                    font-size: 18px;
                    display: block;
                    font-weight: 600;
                }

    .staffstabox .staffstfootr {
        border-top: 1px solid #ffffff87;
        padding-top: 10px;
    }

        .staffstabox .staffstfootr .btn-staffview {
        }

        .staffstabox .staffstfootr .btn-staffapply {
        }

.staffstfootr .btn {
    background: white;
    border-radius: 0px;
    font-weight: 600;
    font-size: 12px;
    padding: 5px 16px;
    width: 45%;
    margin-right: 15px;
    transition: .5s;
}

    .staffstfootr .btn:hover {
        background: #0404049e;
        transition: .5s;
        color: white;
    }

.staffstbg1 {
    background-color: #f34f7c;
    border-top: 2px solid #9b0f35;
}

.staffstbg2 {
    background-color: #358aa4;
    border-top: 2px solid #065972;
}

.staffstbg3 {
    background-color: #716caf;
    border-top: 2px solid #1a1378;
}

.staffstbg4 {
    background-color: #459737;
    border-top: 2px solid #0c4a01;
}

.staffmastbox {
    background: white;
    padding: 10px;
    position: relative;
    border-top: 1.9px solid #e17575;
    border-radius: 5px;
}

    .staffmastbox .credit {
        background: #e01fcd;
        color: white;
        padding: 3px 19px;
        display: inline-block;
        position: absolute;
        top: 3px;
        right: 0;
        font-style: italic;
        font-size: 13px;
    }

    .staffmastbox .media {
        margin-top: 25px;
    }


.callbox {
    border: 3px solid #ffcece;
    border-radius: 1px;
}

.staffmastbox .media img {
    border: 1px solid #cfcfcf;
    height: 45px;
    width: 45px;
    border-radius: 3px;
}

.staffmastbox .media .media-body {
    margin-left: 8px;
}

    .staffmastbox .media .media-body h5 {
        margin: 0;
        font-size: 15px;
        font-weight: 500;
        line-height: 22px;
    }

        .staffmastbox .media .media-body h5 span {
            color: #ff3e3e;
            font-style: italic;
            font-weight: 700;
            font-size: 14px;
            display: block;
        }

.staffmastbox button {
    border: 0;
    background: #ff6d6d;
    height: 20px;
    width: 20px;
    border-radius: 50%;
    position: absolute;
    right: 37px;
    top: 57px;
    font-size: 9px;
    color: white;
}

.staffmastbox .stafcheck {
    position: absolute;
    left: 10px;
    top: 0px;
}

.staffmastbox .staflevtype {
    border-top: 1px solid #80808066;
    padding-top: 5px;
}

    .staffmastbox .staflevtype ul {
        margin: 0;
        padding: 0;
        list-style: none;
    }

    .staffmastbox .staflevtype li {
        font-weight: 500;
        font-size: 13px;
    }

        .staffmastbox .staflevtype li strong {
            font-weight: 500;
            width: 90px;
            display: inline-block;
        }

        .staffmastbox .staflevtype li span {
            width: 28px;
            display: inline-block;
        }

        .staffmastbox .staflevtype li .text-right {
            width: auto;
        }

.leavsumbox {
    border: 2px solid #ff7171;
    border-radius: 5px;
    padding: 10px;
    margin-bottom: 16px
}

    .leavsumbox h4 {
        text-transform: uppercase;
        font-weight: 700;
        border-left: 5px solid #ff6464;
        padding-left: 4px !important;
    }

.media {
    display: flex;
    align-items: flex-start;
}

.media-body {
    flex: 1 1 0%;
}

.leaveforms .btn {
    border-radius: 0px;
    padding: 3px 14px;
    font-size: 15px;
}

    .leaveforms .btn.btn-success {
        background-color: #469f46;
        border-color: #469f46;
    }

    .leaveforms .btn.btn-danger {
        background-color: #f75353;
        border-color: #f75353;
    }

    .leaveforms .btn.btn-primary {
    }

.leavsumbox ul {
    margin: 0;
    padding: 0;
    list-style: none;
    margin-top: 10px;
}

.leavsumbox li {
    font-size: 14px;
    font-weight: 500;
    line-height: 24px;
}

    .leavsumbox li strong {
        font-size: 14px;
        font-weight: 500;
        min-width: 134px;
        display: inline-block;
    }

    .leavsumbox li span {
        width: 25px;
        display: inline-block;
    }

    .leavsumbox li .text-right {
        width: auto;
    }

/*staff views css*/
/*staff dashboard*/
.staffdashnw .shrtprobg {
    min-height: 84px;
    background: linear-gradient(-90deg, #1b434cc9, #4d7f8af0),url(../images/shotprofbg.jpg);
    background-size: cover;
    background-position: center;
}

.staffdashnw .stafshortpro {
    background: linear-gradient(-90deg, #ffffffd1, #ffffffde),url(../images/stfprobg.png);
    background-size: cover;
    background-position: center;
    padding: 15px 0 0px;
    position: relative;
}

    .staffdashnw .stafshortpro .staffhdr {
        top: -70px;
        text-align: center;
        position: absolute;
        left: 0;
        right: 0;
    }

    .staffdashnw .stafshortpro button {
        background: #f3523c;
        border-radius: 50px;
        padding: 4px 14px;
        color: white;
        text-transform: uppercase;
        font-weight: 500;
        letter-spacing: 0.05em;
        margin-top: 16px;
        border: 0;
        font-size: 12px;
    }

    .staffdashnw .stafshortpro .staffname {
        position: relative;
        top: -115px;
        background: #e65b48;
        color: white;
        padding: 4px 10px;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        text-align: center;
        max-width: 201px;
        text-transform: uppercase;
        font-weight: 600;
    }

    .staffdashnw .stafshortpro .staffhdr img {
        height: 100px;
        width: 100px;
        border-radius: 50%;
        border: 6px solid #fb7171;
        margin: 0 auto;
        object-fit: cover;
    }

    .staffdashnw .stafshortpro .stafffttr {
        padding: 0 12px;
    }

        .staffdashnw .stafshortpro .stafffttr ul {
            margin: 0;
            padding: 0;
        }

            .staffdashnw .stafshortpro .stafffttr ul li {
                font-size: 13px;
                font-weight: 500;
            }

                .staffdashnw .stafshortpro .stafffttr ul li strong {
                    font-weight: 500;
                    width: 100px;
                    display: inline-block;
                }

                .staffdashnw .stafshortpro .stafffttr ul li span {
                    width: 30px;
                    display: inline-block;
                }

                .staffdashnw .stafshortpro .stafffttr ul li .text-right {
                    width: auto;
                }

.staffdashnw .staffbtns {
    background: linear-gradient(-90deg, #ffffffc7, #ffffff9e),url(../images/btnsbg.png);
    background-size: cover;
    background-position: center;
}

    .staffdashnw .staffbtns a {
        padding: 9px 29px;
        text-align: left;
        color: white;
        line-height: 16px;
        margin: 12px 0;
        display: inline-block;
        position: relative;
        margin-left: 28px;
        font-size: 13px;
        width: 75%;
        border-top-right-radius: 50px;
        border-bottom-right-radius: 50px;
        white-space: nowrap;
    }

        .staffdashnw .staffbtns a img {
            width: 53px;
            position: absolute;
            border: 3px solid;
            border-radius: 50%;
            padding: 4px;
            top: -2px;
            left: -25px;
            background: white;
        }

.staffdashnw .staffbtn1 img {
    border-color: #449f90 !important;
}

.staffdashnw .staffbtn2 img {
    border-color: #e65b48 !important;
}

.staffdashnw .staffbtns .staffbtn1 {
    background: #449f90;
}

.staffdashnw .staffbtns .staffbtn2 {
    background: #e65b48;
}

.staffdashnw .card h4 {
    font-weight: 500;
    font-size: 16px;
    position: relative;
    margin-top: 0;
    margin-bottom: 7px !important;
    z-index: 2
}

    .staffdashnw .card h4:after {
        content: '';
        background: #e65b48;
        height: 2px;
        width: 20px;
        position: absolute;
        left: 0;
        top: 32px;
        display: none;
    }
/* width */
.staffnoti::-webkit-scrollbar {
    width: 5px;
}

/* Track */
.staffnoti::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px grey;
    border-radius: 10px;
}

/* Handle */
.staffnoti::-webkit-scrollbar-thumb {
    background: #449f90;
    border-radius: 10px;
}

.staffdashnw .staffnoti {
    background: linear-gradient(-90deg, #ffffffe6, #ffffffdb),url(../images/notibg.png);
    background-size: cover;
    background-position: center;
}

.staffdashnw .staffnoti {
    height: 270px;
    overflow-y: scroll;
}

    .staffdashnw .staffnoti ul {
        margin: 0;
        padding: 0;
        position: relative;
    }

        .staffdashnw .staffnoti ul li {
            font-weight: 500;
            margin-bottom: 15px;
            font-size: 14px;
            padding-left: 16px;
            position: relative;
        }

            .staffdashnw .staffnoti ul li span {
                display: block;
                font-weight: 400;
                color: #7a7a7a;
                line-height: 18px;
                font-size: 12px;
            }

        .staffdashnw .staffnoti ul:before {
            content: '';
            position: absolute;
            top: 0;
            bottom: 0;
            width: 2px;
            left: 4px;
        }

        .staffdashnw .staffnoti ul li:before {
            content: '';
            position: absolute;
            background: #e65b48;
            height: 10px;
            width: 10px;
            border-radius: 50%;
            left: 0px;
            top: 0;
        }

.staffdashnw .staffbrthdy .stafftimtble {
    position: relative;
}

.staffdashnw .staffbrthdy:before {
    content: '';
    background: linear-gradient(-90deg, #ffffffa6, #ffffffdb),url(../images/stafbrthdatleft.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    height: 269px;
    width: 185px;
    position: absolute;
    left: 0;
    z-index: 1;
    top: 0;
}

.staffdashnw .staffbrthdy:after {
    content: '';
    background: linear-gradient(-90deg, #ffffffa6, #ffffffdb),url(../images/stafbrthdatright.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    height: 269px;
    width: 185px;
    position: absolute;
    right: 0;
    z-index: 1;
    top: 0;
}

.staffdashnw .staffbrthdy .item {
    position: relative;
    z-index: 2;
}

.staffdashnw .stafftimtble th, .stafftimtble td {
    font-weight: 500;
    font-size: 12px;
    padding: 4px 6px;
}

.staffdashnw .stafftimtble table {
    margin: 0;
    padding: 0;
}

.staffdashnw .stafftimtble th {
    background: #449f90;
    color: white;
    font-weight: 500;
    font-size: 14px;
}

.staffdashnw .stafftimtble td {
    color: #262626;
}

.staffbrthdy {
    text-align: center;
    padding: 18px 0;
}

    .staffbrthdy img {
        height: 98px;
        width: 87px !important;
        border: 3px solid #e65b48;
        border-radius: 5px;
        /* object-fit: cover; */
        /* float: left; */
        margin-right: 7px !important;
    }

    .staffbrthdy h5 {
        font-weight: 500;
        font-size: 15px;
        text-transform: uppercase;
        line-height: 21px;
        margin: 0;
    }

        .staffbrthdy h5 span {
            display: block;
            font-size: 12px;
            text-transform: capitalize;
        }
    .staffbrthdy h6 {
        font-weight: 700;
        text-align: left;
        font-size: 18px;
        line-height: 22px;
        margin: 0;
    }
.stupaymthisbox button {
    font-size: 12px;
    width: 100%;
    border: 0;
    margin-bottom: 4px;
    padding: 6px 0;
    font-weight: 500;
}
.staffbrthdy h6 span {
    display: block;
    font-size: 14px;
    font-weight: 500;
}
.staffdashnw .stafshortpro .staffname:before {
    content: '';
    width: 0;
    height: 0;
    border-bottom: 15px solid #b11010;
    border-left: 20px solid transparent;
    top: 0;
    left: -20px;
    position: absolute;
}

.staffdashnw .stafshortpro .staffname:after {
    content: '';
    width: 0;
    height: 0;
    border-bottom: 15px solid #970808;
    border-right: 20px solid transparent;
    top: 0;
    right: -20px;
    position: absolute;
}

.rz-body.body.body-expanded .dashrightpanel {
    padding-right: 0%;
}

#stuportalcontent .rz-body {
    margin-top: 4px !important;
    padding: 4px !important;
}

#stuportalcontent .mbtnresstu {
    display: none;
}

.dashrightpanel {
    position: relative;
}
/*staff dashboard*/
#stuportalcontent {
    padding-top: 50px;
    margin-right: 0%;
    height: 100vh;
    position: relative;
    background: none;
}

.stubckbtn img {
    width: 116px;
}

.stubckbtn {
    position: absolute;
    right: 0;
    top: 56px;
    z-index: 1;
}

.stushotinfo {
    background: linear-gradient(-90deg, #ffffffbf, #ffffffe8),url(../images/vv5.png);
    background-size: revert;
    background-position: 0px -20px;
    background-repeat: no-repeat;
}

.stuholilist {
    background: linear-gradient(-90deg, #ffffffbf, #ffffffe8),url(../images/vv8.png);
    background-size: contain;
    background-position: -75px -109px;
}

.stumostlinks {
    background: linear-gradient(-90deg, #ffffff9e, #ffffffab),url(../images/vv10.png);
    background-size: cover;
    background-position: 10px 2px;
    background-repeat: no-repeat;
}

.stunotibox {
    background: linear-gradient(-90deg, #ffffffbf, #ffffffe8),url(../images/vv4.png);
    background-size: cover;
    background-position: 24px 4px;
    background-repeat: no-repeat;
}

.stufeend {
    background: linear-gradient(-90deg, #ffffffbf, #ffffffe8),url(../images/vv9.png);
    background-size: cover;
    background-position: 168px 0px;
    background-repeat: no-repeat;
    position: relative;
}

.stuattnd {
    background: linear-gradient(-90deg, #ffffffbf, #ffffffe8),url(../images/vv8.png);
    background-size: cover;
    /* background-position: -75px -109px; */
    background-repeat: no-repeat;
    position: relative;
}

/*non staff dashboard*/
.notistaffbox {
    height: 263px;
    overflow-y: scroll;
}

.notboxsingle:last-child {
    margin-bottom: 0 !important;
    border-bottom: 0 !important;
}

.notistaffbox .notboxsingle {
    min-height: 60px;
    border-bottom: 1px solid #80808052;
    margin-bottom: 15px;
    margin-top: 15px;
    position: relative;
    z-index: 2;
}

    .notistaffbox .notboxsingle .notidate {
        background: #f14a4a;
        width: 86px;
        border-radius: 5px;
        float: left;
        padding: 2px 0;
        margin-right: 8px;
    }

        .notistaffbox .notboxsingle .notidate h6 {
            font-size: 15px;
            margin: 0;
            color: white;
            text-align: center;
            font-weight: 400;
            line-height: 20px;
        }

            .notistaffbox .notboxsingle .notidate h6 span {
                font-weight: 500;
                font-size: 18px;
            }

    .notistaffbox .notboxsingle .notidetail {
    }

        .notistaffbox .notboxsingle .notidetail h5 {
            margin: 0;
            font-size: 14px;
            font-weight: 500;
        }

            .notistaffbox .notboxsingle .notidetail h5 span {
                display: block;
                font-weight: 400;
                color: #4e4e4e;
                font-size: 13px;
            }

.nonstaffbox {
    text-align: center;
    position: relative;
}

    .nonstaffbox:before {
        content: '';
        position: absolute;
        background: url(../images/nonstafprobg.png);
        height: 287px;
        width: 100%;
        left: 0;
        background-size: contain;
        top: -11px;
        z-index: 1;
        background-repeat-y: repeat;
    }
/* width */
.nonstaffnotsec::-webkit-scrollbar, .notistaffbox::-webkit-scrollbar {
    width: 5px;
}

/* Track */
.nonstaffnotsec::-webkit-scrollbar-track, .notistaffbox::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px grey;
    border-radius: 10px;
}

/* Handle */
.nonstaffnotsec::-webkit-scrollbar-thumb, .notistaffbox::-webkit-scrollbar-thumb {
    background: #39ba94;
    border-radius: 10px;
}
.nonstafbox {
    display: flex;
    justify-content: space-between;
    border-bottom: 1px dotted #80808069;
    align-items: center;
    margin-bottom: 10px;
    position: relative;
}
/* Handle on hover */
.nonstaffnotsec::-webkit-scrollbar-thumb:hover, notistaffbox::-webkit-scrollbar-thumb:hover {
    background: #b30000;
}

.notistaffbox:before {
    content: '';
    position: absolute;
    background: url(../images/nonstaffnotification.png);
    height: 195px;
    width: 547px;
    left: 0;
    background-size: contain;
    top: 0;
    z-index: 1;
    background-repeat: no-repeat;
}

.nonstaffnotsec {
    height: 144px;
    overflow-y: scroll;
}

.nonstaffbox img {
    height: 125px;
    width: 125px;
    border-radius: 50%;
    border: 8px solid #ff9191;
    margin-top: -78px;
    position: relative;
    z-index: 2;
}

.nonstaffbox ul {
    margin-bottom: 7px !important;
    padding: 10px 0 0px;
    width: 272px;
    margin: 0 auto;
    position: relative;
    z-index: 2;
}

.nonstaffbox li {
    text-align: left;
    font-weight: 500;
    font-size: 14px;
    line-height: 28px;
}

    .nonstaffbox li strong {
        font-weight: 500;
        display: inline-block;
        width: 100px;
    }

    .nonstaffbox li span {
        display: inline-block;
        width: 12px;
    }

    .nonstaffbox li .text-right {
        width: auto;
        text-align: right;
    }

.nonstaffbox .btn-nonstaffbtn {
    background: #ff3e3e;
    border-radius: 50px;
    color: white;
    font-weight: 500;
    text-transform: uppercase;
    padding: 5px 19px;
    position: relative;
    z-index: 2;
    font-size: 13px;
}

.nonsfabtn1 {
    background: #39ba94;
}

.nonsfabtn2 {
    background: #ff5299;
}

.nonsfabtn3 {
    background: #d34848;
}

.nonsfabtn4 {
    background: #3299d5;
}

.nonstafbtns {
    position: relative;
}

    .nonstafbtns:before {
        content: '';
        position: absolute;
        background: url(../images/nonstafbtnsbg.png);
        height: 154px;
        background-size: contain;
        width: 313px;
        top: -12px;
        left: -11px;
    }

.nonstaffheader {
    background: url(../images/nonstaffbg.jpg);
    height: 90px;
    background-size: cover;
    background-position: center -63px;
    position: relative;
}

    .nonstaffheader h2 {
        color: white;
        font-size: 19px;
        font-weight: 500;
        display: inline-block;
        margin: 0;
        position: absolute;
        bottom: 52px;
        left: 24px;
        line-height: 24px;
    }

        .nonstaffheader h2 span {
            display: block;
            font-weight: 400;
            font-size: 12px;
            background: #4cab4c;
            width: 95px;
            text-align: center;
            border-radius: 50px;
            margin-top: 7px;
        }

.nonstaffdashnw {
    padding: 0 20px;
    margin-top: -40px;
}

.nonstafbtns .nonstafbtn {
    border-radius: 5px;
    padding: 9px 5px;
    margin-top: 5px;
    margin-bottom: 5px;
    position: relative;
    z-index: 2;
}

    .nonstafbtns .nonstafbtn img {
        width: 36px;
        height: 36px;
        background: white;
        padding: 1px;
        border-radius: 50%;
        position: absolute;
        left: 6px;
        border: 2px solid #06033cc7;
    }

    .nonstafbtns .nonstafbtn h3 {
        color: white;
        font-size: 14px;
        margin: 0;
        padding-left: 42px;
    }

    .nonstafbtns .nonstafbtn h3 span {
        display: block;
        font-size: 15px;
        text-transform: uppercase;
        font-weight: 500;
    }

    .nonstagbothday {
        position: relative;
    }

    .nonstagbothday:before {
        content: '';
        position: absolute;
        background: url(../images/nonstaffhappybithdy.png);
        height: 145px;
        background-size: contain;
        width: 313px;
        top: -12px;
        left: -11px;
    }

    .nonstagbothday img {
        width: 194px;
        display: inline-block;
        margin: 0 auto;
        display: flex;
        margin-top: -16px;
        margin-bottom: -2px;
    }

    .nonstagbothday .media {
        position: relative;
        z-index: 2;
    }

        .nonstagbothday .media img {
            height: 100px;
            width: 80px;
            border-radius: 5px;
            border: 3px solid #ff6262;
        }

    .nonstagbothday .media-body {
        margin-left: 9px;
        margin-top: 38px;
    }

        .nonstagbothday .media-body h5 {
            font-weight: 700;
            font-size: 15px;
            line-height: 24px;
            text-transform: uppercase;
            margin: 0;
        }

.rz-gravatar {
    height: 30px !important;
    width: 30px !important;
}

.rz-navigation-item-link img {
    height: 30px !important;
    width: 30px !important;
    border-radius: 50%;
    object-fit: cover;
}

.nonstagbothday .media-body h5 strong {
}

.nonstagbothday .media-body h5 span {
    display: block;
    font-size: 13px;
    font-weight: 600;
}
/*non staff dashboard*/
.classubstff {
    background: white;
    border-radius: 5px;
    border-top: 1px solid #fb4040;
    padding: 10px;
    position: relative;
    margin-bottom: 10px;
}

    .classubstff .clsubheader .srno {
        background: #5c5c5c;
        color: white;
        font-size: 12px;
        width: 20px;
        height: 20px;
        border-radius: 3px;
        padding: 1px 0;
        text-align: center;
        font-weight: 600;
        position: absolute;
        left: 0px;
        top: -1px;
    }

    .classubstff .clsubheader h3 {
        font-weight: 500;
        font-size: 12px;
        background: #b5420c;
        padding: 0;
        border-radius: 13px;
        display: inline-block;
        margin-bottom: 3px;
        text-transform: uppercase;
        text-align: center;
        line-height: 19px;
        width: 50%;
        /* border: 2px solid #0059df; */
        margin-top: 18px;
        margin-right: 7px;
        color: white;
    }


/*non staff profile*/
.staffprofile .staffshtinfon {
    position: relative;
}

.staffprofile .card {
    position: relative;
    min-height: 190px;
}

    .staffprofile .card h4 {
        background: #e11e7a;
        margin: 0 !important;
        padding: 5px 12px !important;
        color: white;
        position: absolute;
        top: -13px;
        left: 17px;
        font-size: 14px;
        font-weight: 500;
        text-transform: uppercase;
        border-radius: 6px;
    }

.staffprofile .staffproinfo {
    margin-bottom: 20px;
    background: white;
    padding: 10px;
    position: relative;
}

    .staffprofile .staffproinfo ul {
        margin: 0;
        padding: 0;
        list-style: none;
        position: relative;
        z-index: 2;
    }

        .staffprofile .staffproinfo ul li {
            font-size: 13.5px;
            font-weight: 500;
            color: black;
            line-height: 27px;
        }

    .staffprofile .staffproinfo li strong {
        font-size: 14px;
        font-weight: 500;
        display: inline-block;
        width: 130px;
        color: black;
    }

    .staffprofile .staffproinfo li span {
        display: inline-block;
        width: 20px;
    }

    .staffprofile .staffproinfo li .text-right {
        width: auto;
    }



.staffshtinfon:after {
    content: '';
    position: absolute;
    background: linear-gradient(-180deg, #ffffffc7, #ffff0000),url(../images/staffprofooter.png);
    height: 91px;
    width: 101px;
    left: -10px;
    background-size: contain;
    bottom: 0px;
    z-index: 1;
    background-repeat: no-repeat;
}

.staffproinfo:before {
    content: '';
    position: absolute;
    background: url(../images/staffproinfo.png);
    height: 90px;
    width: 337px;
    left: 0;
    background-size: contain;
    bottom: 0;
    z-index: 1;
    background-repeat: no-repeat;
}

.designform h4 {
    font-size: 16px;
    text-transform: uppercase;
    font-weight: 500;
}

.staffprofile {
    position: relative;
    height: 100vh;
}

    .staffprofile h4 {
        font-size: 16px;
        font-weight: 500;
        background: #f1395e;
        margin: 0;
        padding: 7px 8px;
        color: white;
    }

/*non staff profile*/
.msgbxnw .table {
}

.msgbxnw th {
    background: #98339f;
    color: white;
}

.msgbxnw td {
    font-size: 14px;
    font-weight: 400;
    color: #585656;
}

    .msgbxnw td .btn {
        padding: 2px 11px !important;
        border-radius: 25px !important;
        font-size: 11px !important;
    }

.stufeeview .feeviewsingle {
    position: relative;
}

    .stufeeview .feeviewsingle .stuadmno {
        position: absolute;
        background: #ff5959;
        color: white;
        padding: 4px 15px;
        text-transform: uppercase;
        font-weight: 600;
        left: 0;
        right: 0;
        width: 130px;
    }

    .stufeeview .feeviewsingle img {
        height: 178px;
        width: 135px;
        object-fit: cover;
        border-radius: 10px;
        border: 4px solid #ff5959;
        margin-bottom: 6px;
    }

    .stufeeview .feeviewsingle h3 {
        text-transform: uppercase;
        font-weight: 600;
        font-size: 17px;
        margin: 0;
    }

        .stufeeview .feeviewsingle h3 span {
            display: block;
            font-weight: 500;
            font-size: 13px;
        }

.stufeeview .topfilters {
}

    .stufeeview .topfilters label {
        text-align: center;
        font-size: 14px;
        background: #b56730;
        /* padding: 0 30px; */
        width: 100%;
        color: white;
        border: 1px solid #c7c7c7;
    }

        .stufeeview .topfilters label span {
            display: block;
            background: white;
            color: black;
        }

.stufeeview .feefooheader {
    background: #206a87;
    padding: 2px 2px;
    color: white;
    margin-top: 26px;
    text-align: center;
}

    .stufeeview .feefooheader h4 {
        color: white;
        padding: 3px 0;
        font-size: 19px;
        margin: 0;
        text-transform: uppercase;
        font-weight: 600;
    }

.stutimetable {
}

    .stutimetable th {
        background: #01a17c;
        color: white !important;
        text-align: left !important;
        border: 1px solid #ffffff8f !important;
    }

    .stutimetable td {
        padding: 4px 4px !important;
        position: relative;
        vertical-align: top;
        font-weight: 700;
        font-size: 11px;
        border: 1px solid #80808096;
    }

        .stutimetable td span {
            display: block;
            font-weight: 500;
            background: #64172c14;
            padding: 2px 3px;
            color: #5c0404;
            border-radius: 3px;
            font-size: 8px;
            text-transform: capitalize;
            margin-top: 0px;
        }

.stucirculars {
}

.studash-fee-popup {
    position: absolute;
    top: 30%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    text-align: center;
    background: white;
    padding: 11px;
    box-shadow: 2px 2px 10px grey;
    border-radius: 5px;
    text-align: left;
}

.stucirculars .stucirbox {
    background: white;
    padding: 5px;
    border-radius: 5px;
    border-top: 2px solid #6bcd42;
    margin-bottom: 17px;
    box-shadow: 0px 13px 35px -27px #000000;
    position: relative;
    background-image: linear-gradient(-64deg, #ffffffd1, #ffffff),url(../images/stuinnerbg.png);
    background-size: cover;
}

    .stucirculars .stucirbox:before {
    }

    .stucirculars .stucirbox h5 {
        font-weight: 500;
        font-size: 11px;
        font-style: italic;
        background: #c82cfb;
        display: inline-block;
        padding: 3px 10px;
        border-radius: 3px;
        color: white;
        margin: 0;
    }

    .stucirculars .stucirbox h4 {
        font-weight: 600;
        text-transform: capitalize;
        font-size: 16px;
        margin-bottom: 4px;
    }

    .stucirculars .stucirbox p, .stucirculars .stucirbox span {
        margin: 0;
        font-size: 13px !important;
    }

    .stucirculars .stucirbox p {
        height: 40px;
        overflow: hidden;
    }

.rz-notification + p, .rz-notification + span {
    font-size: 14px !important;
}

.stucirculars .stucirbtns {
    width: 100%;
    border-top: 1px solid #80808070;
    padding-top: 10px;
    margin-top: 3px;
}

    .stucirculars .stucirbtns a, .stucirculars .stucirbtns button {
        font-size: 13px !important;
        font-weight: 400 !important;
        border-radius: 5px !important;
        padding: 3px 8px !important;
        color: white !important;
        margin-bottom: 0;
        min-height: 28px;
    }

.stutchrs {
}

    .stutchrs .stutchrbox {
        background: white;
        text-align: center;
        padding: 10px;
        border-radius: 5px;
        box-shadow: 0px 13px 35px -27px #000000;
        border-top: 2px solid #ff6767;
        margin-bottom: 15px;
    }

        .stutchrs .stutchrbox img {
            height: 90px;
            width: 90px;
            border-radius: 50%;
            object-fit: cover;
            border: 2px solid #5f9ea0;
            padding: 6px;
        }

        .stutchrs .stutchrbox h4 {
            margin: 0;
            font-weight: 600;
            font-size: 16px;
            text-transform: uppercase;
        }

            .stutchrs .stutchrbox h4 span {
                display: block;
                font-size: 14px;
                text-transform: capitalize;
                background: #9f8404;
                max-width: 130px;
                margin: 4px auto 0;
                border-radius: 24px;
                padding: 2px 8px;
                color: white;
                font-weight: 400;
            }

.stulibrary {
}

    .stulibrary .stulibox {
        background: white;
        padding: 10px;
        border-radius: 5px;
        border-top: 2px solid #ff6b6b;
        position: relative;
        margin-bottom: 15px;
        box-shadow: 0px 13px 35px -27px #000000;
        background-image: linear-gradient(-64deg, #ffffff91, #ffffff),url(../images/stuinnerbg.png);
        background-size: cover;
    }

        .stulibrary .stulibox .accno {
            position: absolute;
            left: 0;
            top: -2px;
            background: #5f9ea0;
            color: white;
            padding: 0px 7px;
            border-top-left-radius: 5px;
        }

        .stulibrary .stulibox .bookstus {
            position: absolute;
            top: -3px;
            right: 0px;
            background: #ff5464;
            color: white;
            padding: 0px 7px;
            border-top-right-radius: 5px;
        }

        .stulibrary .stulibox h3 {
            font-weight: 600;
            font-size: 15px;
            margin-bottom: 3px;
            margin-top: 17px;
        }

        .stulibrary .stulibox .stulibfotr {
            border-top: 1px solid #d9d9d9;
            padding-top: 4px;
            margin-top: 6px;
        }

            .stulibrary .stulibox .stulibfotr ul {
                margin: 0;
                padding: 0;
                list-style: none;
                font-style: italic;
            }

            .stulibrary .stulibox .stulibfotr li {
                font-size: 13px;
                font-weight: 500;
            }

                .stulibrary .stulibox .stulibfotr li strong {
                    font-size: 13px;
                    font-weight: 500;
                }

.stupaymthisbox {
    background: white;
    padding: 10px;
    border-radius: 5px;
    margin-bottom: 15px;
}

    .stupaymthisbox .timeprud {
        text-align: center;
        text-transform: uppercase;
        font-size: 16px;
        font-weight: 600;
        background: #8d4f10;
        color: white;
        display: inline-block;
        padding: 0 16px;
    }

    .stupaymthisbox ul {
        margin: 0;
        padding: 0;
        list-style: none;
        padding: 0;
    }

    .stupaymthisbox table {
        padding: 0;
        margin-bottom: 0!important;
    }

        .stupaymthisbox table td {
            font-weight: 500;
            font-size: 12px;
        }

            .stupaymthisbox table td strong {
                display: inline-block;
                width: 80px;
                padding: 2px 0;
                border: 0!important;
                text-align: right!important;
            }

            .stupaymthisbox table td span {
                display: inline-block;
                width: 18px;
                border: 0!important;
                padding: 2px 0;
            }
          
            .stupaymthisbox table td .text-right {
                width: auto;
            }

    .stupaymthisbox ul li {
        font-weight: 400;
        text-transform: none;
        font-size: 13px;
    }
        .stupaymthisbox ul li strong {
            width: 68px;
            display: inline-block;
        }
        .stupaymthisbox ul li span {
            color: #545050;
        }
    .stupaymthisbox .stutranfooter {
        padding: 6px 0;
        display: block;
        width: 100%;
        margin-top: 10px;
        border-top: 1px solid #dddddd;
    }

        .stupaymthisbox .stutranfooter h5 {
            font-size: 15px;
            font-weight: 700;
            text-transform: uppercase;
            margin: 3px 0;
        }

        .stupaymthisbox .stutranfooter a {
            text-align: right;
            float: right;
        }

.stutrnsbox {
    background: white;
    padding: 0;
    border-radius: 5px;
    border-left: 2px solid #ff6262;
}

    .stutrnsbox .tranmode {
        text-align: center;
        border-bottom: 1px solid #d9d9d9;
        padding: 7px 0;
        text-transform: uppercase;
        font-weight: 700;
    }

    .stutrnsbox table {
        padding: 0;
        margin: 0;
    }

        .stutrnsbox table td {
            text-align: center;
        }

        .stutrnsbox table span {
            display: block;
            text-align: center;
        }

.stupublicform {
    margin: 20px 0 0 0;
    border: 2px solid #50033a;
    padding: 20px;
    padding-top: 43px;
}

.sturegform .stusinglebox {
    background: #ffffff;
    margin-bottom: 24px;
    border-radius: 10px;
    padding: 10px;
    position: relative;
}

    .sturegform .stusinglebox h4 {
        color: white;
        background: #084298;
        position: absolute;
        top: -16px;
        padding: 5px 22px !important;
        left: 13px;
        font-size: 13px;
        text-transform: uppercase;
    }

.stusinglebox .form-group {
    margin-bottom: 15px;
}

.sturegform .stusinglebox input {
    font-size: 12px;
    font-weight: 500;
}

.parentpic {
    margin: 0 auto;
    text-align: center;
    position: relative;
    padding: 9px 0;
    border: 1px solid #d1d1d1;
    border-radius: 5px;
    margin-bottom: 10px;
}

    .parentpic img {
        height: 146px !important;
        width: 120px !important;
        object-fit: cover;
        border: 4px solid #fbbaba !important;
        position: relative;
        border-radius: 10px;
    }

.regseatheader2 {
    position: absolute;
    top: -40px;
    background: #7938b9;
    font-size: 16px;
    color: white;
    font-weight: 500;
    border-radius: 0px;
    left: 50%;
    text-transform: uppercase;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    /* text-align: center; */
    width: 331px;
    padding: 13px 12px;
}

.regseatmiddle h3 {
    font-weight: 600;
    font-size: 23px;
}

.regseatheader2 img {
    width: 100px;
    border-radius: 8px;
    border: 0;
    float: left;
    margin-right: 12px;
}

.regseatheader2 h5 {
    font-weight: 700;
    font-size: 20px;
    text-transform: uppercase;
    margin-bottom: 0 !important;
    color: white;
}

    .regseatheader2 h5 span {
        display: block;
        text-transform: capitalize;
        font-weight: 400;
        font-size: 15px;
        margin-top: 4px;
    }

.regseatmiddle {
    background: white;
    padding: 13px 26px;
}

.regseatfooter {
    background: #ffe1bb;
    padding: 12px 0;
    border-top: 2px solid #996524;
}

    .regseatfooter button {
        border-radius: 50px !important;
        padding: 0 28px !important;
        text-transform: uppercase;
    }

.feepymntstu {
}

    .feepymntstu img {
        width: 98px;
        height: 129px;
        border-radius: 5px;
        border: 4px solid #ff8181;
    }

    .feepymntstu .media-body {
        margin-left: 17px;
    }

        .feepymntstu .media-body h2 {
            margin-bottom: 3px;
            font-size: 17px;
            text-transform: uppercase;
            font-weight: 600;
        }

        .feepymntstu .media-body h3 {
            font-size: 19px;
            font-weight: 700;
            margin-bottom: 0px;
            margin-top: 12px;
            border-top: 1px solid #e1e1e1;
            padding-top: 6px;
        }

            .feepymntstu .media-body h3 span {
                display: block;
                font-weight: 600;
                font-size: 16px;
            }

        .feepymntstu .media-body h4 {
            color: #ed0000;
            text-transform: uppercase;
            font-weight: 700;
            font-size: 17px;
            margin-bottom: 0;
            border-top: 1px solid #ff7676;
            border-bottom: 1px solid #ff9292;
            padding: 4px 0;
            margin-top: 9px;
        }

.aftrlgnstu {
    position: relative;
    z-index: 2;
}

.regboxnew {
    background: white;
    padding: 27px;
    border-radius: 5px;
    text-align: center;
}

    .regboxnew h5 {
        text-transform: uppercase;
        font-weight: 700;
        font-size: 18px;
    }

        .regboxnew h5 span {
            display: block;
            text-transform: capitalize;
            font-weight: 400;
            color: grey;
            font-size: 15px;
        }

.regboxnewdsn {
    height: 100vh;
    padding: 10% 0;
    background: url(../images/form-bg-new.png);
    background-size: auto;
    background-repeat: no-repeat;
    background-position: center;
}

.set_file {
    border: 1px solid #dddddd;
    padding: 0 10px;
}

.rz-paginator-pages .rz-paginator-element, .rz-paginator-element {
    padding: 4px;
    min-height: 23px;
    min-width: 27px;
}

.publicheading {
}

    .publicheading h6 {
        color: white;
        font-weight: 500;
        font-size: 21px;
        margin-bottom: 4px;
    }

    .publicheading table {
        margin: 0;
        color: white;
    }

        .publicheading table td {
            padding: 3px 9px;
            border: 1px solid white;
            font-size: 14px;
        }

    .publicheading h6 span {
        display: block;
        font-size: 14px;
        margin-top: 5px;
    }

.btn-proceed {
    background-color: #1150ad !important;
}

.btn-changephoto {
    background-color: #8f5e07 !important;
}

    .btn-proceed:hover, .btn-changephoto:hover {
        color: white;
    }

.stuviewdtlnw, .stuadddtlnw, .stuparntnw {
    background: white;
    padding: 10px;
    border-radius: 5px;
    margin-bottom: 15px;
    /* border: 1px solid #afafaf; */
    box-shadow: 1px 1px 10px #28282842;
}

    .stuviewdtlnw h4, .stuadddtlnw h4, .stuparntnw h4 {
        padding-top: 0 !important;
        font-weight: 700;
        text-transform: uppercase;
        border-bottom: 1px solid lightgrey;
    }

    .stuviewdtlnw ul {
    }

    .stuviewdtlnw li, .stuadddtlnw li, .stuparntnw li {
        font-weight: 500;
    }

        .stuviewdtlnw li strong, .stuadddtlnw li strong, .stuparntnw li strong {
            font-weight: 600;
            display: inline-block;
            width: 110px;
        }

        .stuviewdtlnw li span, .stuadddtlnw li span, .stuparntnw li span {
            display: inline-block;
            width: 12px;
        }

        .stuviewdtlnw li .auto-width, .stuadddtlnw li .auto-width, .stuparntnw li .auto-width {
            width: auto;
        }

.stuothrntnw {
    background: white;
    padding: 10px;
    border-radius: 5px;
    box-shadow: 1px 1px 10px #28282842;
}

    .stuothrntnw h5 {
        font-size: 14px;
        font-weight: 600;
    }

        .stuothrntnw h5 span {
            display: block;
            font-size: 15px;
            border-top: 1px solid #c5c5c5;
            padding-top: 6px;
            margin-top: 7px;
        }

.parentpicnw img {
    height: 170px;
    border-radius: 5px;
    width: 100%;
    object-fit: cover;
    border: 4px solid #ff8585;
}

.emgcontactnw {
    border: 1px solid #ff7171;
    padding: 15px;
    border-radius: 5px;
    margin: 10px 0;
}

    .emgcontactnw h5 {
        font-size: 14px;
        font-weight: 600;
    }

        .emgcontactnw h5 span {
            display: inline-block;
            margin-left: 44px;
            text-align: left;
        }

.stupronw {
    background: white;
    text-align: center;
    padding: 11px 0;
    border-radius: 5px;
    box-shadow: 1px 1px 10px #28282842;
}

    .stupronw img {
        height: 123px;
        width: 127px;
        border-radius: 5px;
        border: 3px solid #ffb9b9;
        margin-bottom: 4px;
    }

    .stupronw h5 {
        font-size: 17px;
        text-transform: uppercase;
        font-weight: 700;
        margin: 0;
    }

        .stupronw h5 span {
            display: block;
            font-size: 12px;
            text-transform: capitalize;
            margin-top: 3px;
        }

.publicName {
    background: #200040c2;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 6px 18px;
    text-align: center;
}

    .publicName h6 {
        margin-bottom: 8px;
        font-weight: 700;
        font-size: 20px;
        text-transform: uppercase;
        color: white;
    }

        .publicName h6 span {
            display: block;
            /* text-transform: capitalize; */
            font-weight: 500;
            font-size: 14px;
            margin-top: 5px;
        }

    .publicName table {
        margin: 0;
        background: bisque;
    }

        .publicName table td {
            border: 1px solid grey;
            font-weight: 700;
            font-size: 13px;
            color: #0c0c0c;
        }

.secwise {
    background: white;
    padding: 10px;
    border-radius: 5px;
    margin-bottom: 15px;
}

    .secwise h4 {
        font-size: 16px;
        font-weight: 600;
    }

    .secwise .rz-tabview-nav .rz-tabview-selected a {
        color: #fff;
        background: #ff6675;
        border: 0 !important;
    }

    .secwise .rz-tabview-nav li {
        border: 0;
    }

        .secwise .rz-tabview-nav li a {
            display: block !important;
            color: #ffffff !important;
            padding: 6px 11px !important;
            min-width: 139px;
            text-align: center;
            background: #0682a7;
            font-weight: 500;
            font-size: 14px;
            text-transform: uppercase;
        }

    .secwise .rz-tabview-top, .secwise .rz-tabview-nav .rz-tabview-selected {
        margin-bottom: 0;
        border: none !important;
        background: #2b313a00 !important;
    }

        .secwise .rz-tabview-nav .rz-tabview-selected:after {
            content: "\f0d7";
            font-family: FontAwesome;
            font-style: normal;
            font-weight: normal;
            text-decoration: inherit;
            color: #ff6675;
            font-size: 35px;
            padding-right: 0.5em;
            position: absolute;
            top: 8px;
            left: 57px;
        }

    .secwise .rz-tabview-panels th {
        background: #0682a7;
        color: white;
        border: 1px solid #b9b5b5;
        padding: 5px 8px;
    }

    .secwise .rz-tabview-panels td {
        border: 1px solid #dddddd;
        padding: 1px 8px;
        font-weight: 600;
        text-align: left;
    }

.tabletd td {
    padding: 3px 1px !important;
}

    .tabletd td .rz-spinner {
        line-height: 13px !important;
        height: auto !important;
        padding: 4px 0 !important;
    }

.feefooterleftsingle .rz-button-text {
    text-transform: uppercase;
    font-weight: 700;
    width: 100%;
    border-top: 1px solid #8080801f;
    padding: 9px 0;
    text-align: center;
}

.feefooterleftsingle img {
    width: 85px;
    height: 56px;
    padding: 9px;
    object-fit: cover;
}

.feefooterleftsingle .rz-selectbutton .rz-button-text-only.rz-state-active {
    background-color: #db5f5f !important;
    border-color: #ff7a87 !important;
}

.feefooterleftsingle .rz-selectbutton .rz-button-text-only {
    text-align: center;
    padding: 0 0 !important;
    min-width: 200px;
}

.feefooterleftsingle .rz-selectbutton {
    padding: 0px 27px 1px;
}

.feefooterleftsingle .rz-selectbutton {
    padding: 0px 27px 1px;
}

.feefooterleftsingle .paygatesec {
    margin-top: 37px;
}

.feefooterleftsingle h2 {
    font-weight: 500;
    font-size: 16px;
    margin-bottom: 15px;
    text-align: center;
    background: #5892e9;
    padding: 7px 0;
    color: white;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
}

.commonsklname {
    text-align: center;
    width: 259px;
    padding: 0 15px;
    height: 150px;
    top: 0px;
    background: linear-gradient(45deg, #031228, #021634);
    padding: 6px 0;
    border-right: 4px solid #7c7c7c;
    border-top: 0;
    border-bottom: 3px solid #b55401;
}

    .commonsklname img {
        width: 100px;
    }

    .commonsklname h4 {
        font-weight: 600;
        font-size: 20px;
        margin: 0;
        color: white;
    }

        .commonsklname h4 span {
            display: block;
            font-size: 14px;
        }

.rz-panel-menu .rz-navigation-menu li.rz-navigation-item:before {
    float: left;
    position: relative;
    top: 13px;
    left: 5px;
    z-index: 2;
    font-size: 11px;
}
.rz-panel-menu li.rz-navigation-item:before {
    float: left;
    position: relative;
    top: 16px;
    left: 10px;
    z-index: 2;
}
.rz-panel-menu .rz-navigation-item {
    width: 100%;
    position: relative;
    font-size: 13px;
}

.rz-navigation-item-text {
    font-family: sans-serif;
}

.rz-navigation-item ul {
    padding-left: 20px !important;
}

    .rz-navigation-item ul li {
        border-bottom: 1px solid #80808057;
    }

.rz-panel-menu .rz-navigation-menu .rz-navigation-item-wrapper:hover {
    background: none;
}

.rz-navigation-item ul li:hover {
    background-color: var(--rz-panel-menu-item-2nd-level-hover-background-color);
    color: var(--rz-panel-menu-item-2nd-level-hover-color);
}

.rz-panel-menu .rz-navigation-item-active:before, .rz-panel-menu .rz-navigation-item-wrapper-active:before {
    display: none;
}

.rz-navigation-item ul li .rz-navigation-item-wrapper-active {
    background-color: var(--rz-panel-menu-item-2nd-level-hover-background-color) !important;
    color: var(--rz-panel-menu-item-2nd-level-hover-color) !important;
}

.attnstatus .fa-check {
    color: green;
}

.attnstatus .fa-times {
    color: #9d0404;
}

.attnstatus .fa-onduty {
    color: purple;
}

.attnstatus .fa-leave {
    color: blue;
}

.attnstatus .fa-holiday {
    color: #f71090;
}

.attnstatus .fa-times-circle {
    color: red;
}

.attnstatus .fa-dash {
    color: black;
}

.attnstatus .fa-solid.fa-dash {
    color: #8c258b;
}

.fa-onduty:before {
    content: "\f007";
}

.fa-leave:before {
    content: "\f021";
}

.fa-holiday:before {
    content: "\f148";
}

.fa-dash:before {
    color: black;
    font-size: 8px !important;
}

.fa-solid.fa-dash:before {
    content: "\f05b";
}

.statusatt {
    margin: 31px 0 0;
    padding: 0;
    display: flex;
    list-style: none;
}

    .statusatt li {
        margin-right: 22px;
    }

    .statusatt i {
    }


/*admin login*/
.fxt-template-layout13 {
    background: url(../images/adminlognbg-new.jpg);
}

.fxt-template-layout13 {
    position: relative;
    height: 100vh;
    width: 100%;
    background-repeat: no-repeat;
    background-size: contain;
}

.fxt-template-layout13 {
    min-height: 100vh;
}

    .fxt-template-layout13 .fxt-bg-wrap {
        padding: 3vw 1vw;
        position: relative;
        z-index: 1;
    }

@media only screen and (max-width: 1199px) {
    .fxt-template-layout13 .fxt-bg-wrap {
        padding: 8vh 10vw 8vh 0;
    }
}

@media only screen and (max-width: 991px) {
    .fxt-template-layout13 .fxt-bg-wrap {
        padding: 6vh 6vw 6vh 0;
    }
}

.stumaincontainer {
}

.dashrightpanel .rz-body {
    margin-left: 0 !important;
    margin-top: 0 !important;
}

#stuportalcontent .header {
    z-index: 123 !important;
    position: fixed;
    padding: 0 20px 0px 0px;
    background: cadetblue;
}

    #stuportalcontent .header h3 {
        display: block !important;
    }

@media only screen and (max-width: 767px) {
    .caltable th {
        padding: 6px 5px;
    }

    #stuportalcontent .sklnmlogo {
        padding-left: 22% !important;
    }

    #stuportalcontent .mbtnresstu {
        display: block;
        position: fixed;
        top: 0;
        left: 0;
        z-index: 123;
    }

    .dashrightpanel {
        padding-right: 0;
    }

    #stuportalcontent {
        margin-left: 0% !important;
        margin-top: 8px !important;
    }

    .fxt-template-layout13 .fxt-bg-wrap {
        padding: 5vh 4vw;
        display: none;
    }

    .loginarea {
        margin: 3% 0% !important;
        height: 100vh !important;
        padding: 30% 0% !important;
    }

    .fxt-template-layout13 .fxt-content {
        padding: 24px !important;
    }

    .fxt-template-layout13 {
        height: auto !important;
        min-height: auto !important;
    }
}

.fxt-template-layout13 .fxt-checkbox-area {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 30px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.fxt-template-layout13 .fxt-bg-color {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    padding: 55px 0;
}

    .fxt-template-layout13 .fxt-bg-color:before {
        content: '';
        background: url(../images/c1-c2.png);
        background-size: contain;
        height: 144px;
        width: 111px;
        position: absolute;
        left: -22px;
        background-repeat: no-repeat;
        bottom: -22px;
    }

@media only screen and (max-width: 991px) {
    .fxt-template-layout13 .fxt-bg-color {
        padding: 15px;
    }
}

@media only screen and (max-width: 767px) {
    .fxt-template-layout13 .fxt-bg-color {
        min-height: 100%;
        padding: 20px 30px;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
}

@media only screen and (max-width: 991px) {
    .fxt-template-layout13 .fxt-bg-img {
        padding: 30px 20px;
    }
}

@media only screen and (max-width: 991px) {
    .fxt-template-layout13 .fxt-bg-img {
        padding: 30px;
    }
}

.fxt-template-layout13 .fxt-header {
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    justify-content: center;
    text-align: center;
}

    .fxt-template-layout13 .fxt-header .fxt-logo {
        display: block;
        margin-bottom: 50px;
        margin-left: auto;
        margin-right: auto;
        max-width: 40vw;
    }

    .fxt-template-layout13 .fxt-header h1 {
        color: #fff;
        font-size: 36px;
        font-weight: 500;
        margin-bottom: 10px;
    }

@media only screen and (max-width: 991px) {
    .fxt-template-layout13 .fxt-header h1 {
        font-size: 30px;
    }
}

@media only screen and (max-width: 767px) {
    .fxt-template-layout13 .fxt-header h1 {
        font-size: 28px;
    }
}

.fxt-template-layout13 .fxt-header p {
    color: #fff;
}

.fxt-template-layout13 .fxt-content {
    padding: 20px;
    max-width: 410px;
    width: 100%;
    background: white;
    border-radius: 8px;
    box-shadow: 5px 5px 5px #505050;
    margin: 0 auto;
}

@media only screen and (max-width: 1199px) {
    .fxt-template-layout13 .fxt-content {
        padding: 0;
    }
}

.fxt-template-layout13 .fxt-form {
    margin-top: 10px;
}

    .fxt-template-layout13 .fxt-form form {
        margin-bottom: 0px;
    }

    .fxt-template-layout13 .fxt-form .fxt-otp-logo {
        margin-bottom: 20px;
        display: block;
    }

    .fxt-template-layout13 .fxt-form .fxt-otp-label {
        margin-bottom: 10px;
        font-size: 18px;
        font-weight: 500;
    }

    .fxt-template-layout13 .fxt-form p {
        font-size: 18px;
        color: #111111;
    }

        .fxt-template-layout13 .fxt-form p span {
            display: block;
        }

    .fxt-template-layout13 .fxt-form .form-group {
        position: relative;
        z-index: 1;
        margin-bottom: 10px;
    }

        .fxt-template-layout13 .fxt-form .form-group .input-label {
            margin-bottom: 10px;
        }

        .fxt-template-layout13 .fxt-form .form-group .field-icon {
            position: absolute;
            z-index: 1;
            left: 0;
            bottom: 18px;
            padding: 0 5px;
            color: #ff8c8c;
            font-size: 14px;
        }

            .fxt-template-layout13 .fxt-form .form-group .field-icon:before {
                padding: 17px 10px;
            }

.fxt-template-layout13 input {
    min-height: 45px;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    border: 0 !important;
    border-bottom: 1px solid #e7e7e7 !important;
    padding: 12px 12px 12px 34px !important;
    color: #111 !important;
    background: #eeccff !important;
    border-radius: 7px !important;
    width: 100%;
}

.fxt-template-layout13 .fxt-form input::-webkit-input-placeholder {
    color: #a1a1a1;
    font-size: 15px;
    font-weight: 300;
}

.fxt-template-layout13 .fxt-form input::-moz-placeholder {
    color: #a1a1a1;
    font-size: 15px;
    font-weight: 300;
}

.fxt-template-layout13 .fxt-form input:-moz-placeholder {
    color: #a1a1a1;
    font-size: 15px;
    font-weight: 300;
}

.fxt-template-layout13 .fxt-form input:-ms-input-placeholder {
    color: #a1a1a1;
    font-size: 15px;
    font-weight: 300;
}

.fxt-template-layout13 .fxt-form .fxt-form-row {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 25px;
}

    .fxt-template-layout13 .fxt-form .fxt-form-row .fxt-form-col {
        padding: 10px 5px;
        text-align: center;
        margin-right: 10px;
        flex-basis: 0;
        flex-grow: 1;
    }

        .fxt-template-layout13 .fxt-form .fxt-form-row .fxt-form-col:last-child {
            margin-right: 0;
        }

.fxt-template-layout13 .fxt-form .fxt-form-btn {
    margin-bottom: 10px;
}

.fxt-template-layout13 .fxt-btn-fill {
    font-family: 'Roboto', sans-serif;
    cursor: pointer;
    display: inline-block;
    font-size: 17px;
    font-weight: 500;
    -webkit-box-shadow: none;
    box-shadow: none;
    outline: none;
    border: 0;
    color: #fff;
    background-color: #3e6be0 !important;
    padding: 10px 36px;
    margin-bottom: 0px;
    width: 100%;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

    .fxt-template-layout13 .fxt-btn-fill:hover {
        background-color: #153fad;
        border-color: #153fad;
    }

    .fxt-template-layout13 .fxt-btn-fill:focus {
        outline: none;
    }



.fxt-template-layout13 .switcher-text {
    color: #63bbff;
    font-size: 15px;
    margin-bottom: 5px;
    display: block;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

    .fxt-template-layout13 .switcher-text:hover {
        color: #000000;
    }

.fxt-template-layout13 .switcher-text2 {
    color: #63bbff;
    font-size: 15px;
    display: inline-block;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

    .fxt-template-layout13 .switcher-text2.inline-text {
        margin-left: 3px;
    }

    .fxt-template-layout13 .switcher-text2:hover {
        color: #000000;
    }

.fxt-template-layout13 .checkbox {
    padding-left: 5px;
    margin-right: 30px;
    margin-bottom: 5px;
}

    .fxt-template-layout13 .checkbox label {
        padding-left: 20px;
        color: #a4a4a4;
        margin-bottom: 0;
        font-size: 15px;
        position: relative;
    }

        .fxt-template-layout13 .checkbox label:before {
            content: "";
            position: absolute;
            width: 16px;
            height: 16px;
            top: 4px;
            left: 0;
            margin-left: -5px;
            border: 1px solid;
            border-color: #dcdcdc;
            border-radius: 3px;
            background-color: #fff;
            -webkit-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
            -o-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
            transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
        }

        .fxt-template-layout13 .checkbox label:after {
            position: absolute;
            margin-left: -20px;
            padding-left: 3px;
            font-size: 10px;
            color: #555555;
        }

    .fxt-template-layout13 .checkbox input[type="checkbox"] {
        display: none;
    }

        .fxt-template-layout13 .checkbox input[type="checkbox"]:checked + label::after {
            font-family: 'Font Awesome 5 Free';
            content: "\f00c";
            font-weight: 900;
            color: #ffffff;
            left: 15px;
            top: 4px;
        }

        .fxt-template-layout13 .checkbox input[type="checkbox"]:checked + label::before {
            background-color: #009BB6;
            border-color: #009BB6;
        }

.fxt-template-layout13 .fxt-footer {
    text-align: center;
}

    .fxt-template-layout13 .fxt-footer img {
        width: 130px;
    }

    .fxt-template-layout13 .fxt-footer p {
        margin: 0;
        font-weight: 500;
        font-size: 12px;
        color: #2a2a2a;
    }

.fxt-template-layout13 .fxt-header img {
}

.fxt-template-layout13 .fxt-footer .fxt-resend-wrap {
    margin-bottom: 10px;
    display: inline-flex;
    flex-wrap: wrap;
    justify-content: center;
    font-size: 18px;
    width: 100%;
}

.fxt-template-layout13 .fxt-footer .fxt-btn-resend {
    margin-left: 3px;
    box-shadow: none;
    border: 0;
    background-color: transparent;
    cursor: pointer;
    padding: 0;
    color: #63bbff;
    text-decoration: underline;
    transition: all 0.3s ease-in-out;
}

    .fxt-template-layout13 .fxt-footer .fxt-btn-resend:focus {
        outline: none;
    }

    .fxt-template-layout13 .fxt-footer .fxt-btn-resend:hover {
        color: #000000;
    }

.fxt-template-layout13 .fxt-footer .text-or {
    margin-left: 3px;
    color: #000000;
}

.fxt-template-layout13 .rz-textbox:not(:disabled):not(.rz-state-disabled):focus {
    box-shadow: none !important;
    border: 1px solid #6a6a6a !important;
    padding: 0 0 0 33px !important;
}

.loginarea {
    background: #f5f5f5;
    margin: 50px 14%;
    position: relative;
}

.schooldetailnw {
    text-align: center;
    padding: 0 50px;
    border-bottom: 1px solid #80808061;
    margin-bottom: 30px;
}

.nwshape1 {
    background: #f6b71e;
    height: 54px;
    width: 200px;
    position: absolute;
    right: 10px;
    bottom: 0px;
}

.schooldetailnw img {
    width: 90px;
    margin-bottom: 4px;
}

.schooldetailnw h2 {
    font-weight: 700;
    font-size: 18px;
    text-transform: uppercase;
    color: #0a3195;
    line-height: 17px;
    margin-bottom: 13px;
}


    .schooldetailnw h2 span {
        font-weight: 500;
        font-size: 13px;
        text-transform: capitalize;
        margin-top: 3px;
        display: block;
    }

.admloghead {
    display: inline-block;
    background: #3d69dc;
    padding: 10px 20px;
    position: absolute;
    left: 0;
    z-index: 2;
}

    .admloghead h3 {
        margin: 0;
        font-size: 18px;
        text-transform: uppercase;
        font-weight: 600;
        color: white;
        display: inline-block;
    }
/*admin lgin profile*/

.stumessagebox {
    background: white;
    padding: 10px;
    border-radius: 5px;
    margin-bottom: 16px;
    min-height: 145px;
}

    .stumessagebox a, .stumessagebox button {
        padding: 4px 16px !important;
        min-height: 32px;
        border-radius: 50px !important;
        text-transform: uppercase;
        font-weight: 400 !important;
        font-size: 13px !important;
    }

    .stumessagebox h5 {
        font-weight: 500;
        font-size: 17px;
        margin-bottom: 3px;
    }

        .stumessagebox h5 span {
            margin-bottom: 2px;
            font-weight: 500;
            font-size: 13px;
            font-style: italic;
            background: #817fff;
            display: block;
            padding: 3px 10px;
            border-radius: 17px;
            color: white;
            width: 100px;
            text-align: center;
        }

    .stumessagebox p {
        color: #6e6e6e;
        font-size: 14px;
        font-weight: 400;
        height: 44px;
        overflow: hidden;
    }

.dashleftpanel li {
    border-bottom: 1px solid #ffffff1f !important;
}

.hideContent {
    overflow: hidden;
    line-height: 1em;
    height: 2em;
}

.showContent {
    line-height: 1em;
    height: auto;
}

.circularboxinner p {
    height: 43px;
    overflow: hidden;
}

.captchnw div {
    font-family: 'Times New Roman';
    border: 1px solid #80808054;
    min-height: 45px;
    border-radius: 6px;
    width: 100%;
    margin-left: 0 !important;
}

.right-align-table-num td {
    text-align: right !important;
}

.right-align-table-num tr td:first-child {
    text-align: left !important;
}

.tableform-control input {
    min-height: 26px !important;
    padding: 2px 6px !important;
}

.groupmodal input {
    min-height: 26px !important;
    padding: 2px 6px !important;
}

.groupmodal .rz-dropdown {
    height: 26px !important;
    padding: 2px 6px !important;
}

.groupmodal td {
    padding: 2px 8px !important;
}

.mbtnresstu {
}

.libtable table, .booktable table {
    margin: 0;
}

.libtable {
    border: 2px solid #288b94;
}

    .libtable th {
        background: #288b94 !important;
        font-weight: 600;
        font-size: 12px;
        color: white;
    }

    .libtable .rz-grid-table thead th .rz-column-title {
        font-size: 12px !important;
        padding: 0px 4px !important;
        max-height: 20px;
    }

    .libtable input {
        padding: 0 0 !important;
        max-height: 24px !important;
    }

    .libtable .rz-cell-filter {
        padding: 0px 5px !important;
    }

    .libtable .rz-cell-filter-label {
        height: 33px !important;
    }

    .libtable .rz-spinner {
        height: 25px;
    }

        .libtable .rz-spinner button {
            display: none;
        }

    .libtable td {
        padding: 3px 5px !important;
        font-weight: 500;
        font-size: 11px;
    }

.booktable {
    border: 2px solid #9f5f00;
}

    .booktable th {
        background: #9f5f00 !important;
        font-weight: 600;
        font-size: 12px;
        color: white;
    }

    .booktable td {
        padding: 3px 5px !important;
        font-weight: 500;
        font-size: 11px;
    }

    .booktable .rz-grid-table thead th .rz-column-title {
        font-size: 12px !important;
        padding: 0px 4px !important;
        max-height: 20px;
    }

    .booktable input {
        padding: 0 0 !important;
        max-height: 24px !important;
    }

    .booktable .rz-spinner {
        height: 25px;
    }

        .booktable .rz-spinner button {
            display: none;
        }

    .booktable .rz-cell-filter {
        padding: 0px 5px !important;
    }

    .booktable .rz-cell-filter-label {
        height: 33px !important;
    }

.bookdetail {
    border: 2px solid #288b94;
    background: #f5feff;
    min-height: 156px;
}

    .bookdetail h5 {
        margin: 0;
        padding: 4px 8px;
        font-weight: 500;
        font-size: 14px;
        background: #288b94;
        color: white;
        text-transform: uppercase;
    }

    .bookdetail h6 {
        background: none;
        padding: 13px 20px;
        font-size: 22px;
        color: red;
        font-weight: 700;
        text-transform: uppercase;
    }

    .bookdetail .bookdtlname {
        border-left: 2px solid red;
        padding-left: 9px;
        margin: 6px 21px;
    }

        .bookdetail .bookdtlname h2 {
            font-size: 12px;
            font-weight: 500;
            color: #545454;
            margin: 0;
        }

            .bookdetail .bookdtlname h2 span {
                display: block;
                font-size: 16px;
                color: black;
            }

.memdetail {
    border: 2px solid #7f9362;
    margin-bottom: 10px;
}

    .memdetail h5 {
        margin: 0;
        padding: 4px 8px;
        font-weight: 500;
        font-size: 14px;
        background: #7f9362;
        color: white;
        text-transform: uppercase;
    }

    .memdetail img {
        height: 70px;
        width: 65px;
        border: 1px solid grey;
        border-radius: 7px;
        float: left;
        margin: 4px 5px;
    }

    .memdetail .membxdtl {
        border-left: 2px solid #7f9362;
        padding-left: 8px;
        margin: 10px 0px 10px 80px;
    }

        .memdetail .membxdtl h1 {
            font-weight: 700;
            font-size: 16px;
            text-transform: uppercase;
        }

        .memdetail .membxdtl h5 {
            background: none;
            color: black;
            padding: 0;
        }

            .memdetail .membxdtl h5 span {
                display: block;
            }

.pendingbooks {
    border: 1px solid #c75b8c;
    min-height: 156px;
}

    .libtable .rz-data-grid, .booktable .rz-data-grid, .pendingbooks .rz-data-grid {
        border: 0;
    }

    .pendingbooks h2 {
        margin: 0;
        padding: 4px 8px;
        font-weight: 500;
        font-size: 14px;
        color: black;
    }

    .pendingbooks table {
        margin: 0;
    }

    .pendingbooks th {
        background: #c33173 !important;
        font-weight: 600;
        font-size: 12px;
        padding: 3px 6px;
        color: white;
    }

    .pendingbooks .rz-grid-table thead th .rz-column-title {
        font-size: 12px !important;
        padding: 0px 4px !important;
        max-height: 20px;
    }

    .pendingbooks input {
        padding: 0 0 !important;
        max-height: 24px !important;
    }

    .pendingbooks .rz-spinner {
        height: 25px;
    }

        .pendingbooks .rz-spinner button {
            display: none;
        }

    .pendingbooks .rz-cell-filter {
        padding: 0px 5px !important;
    }

    .pendingbooks .rz-cell-filter-label {
        height: 33px !important;
    }

    .pendingbooks td {
        padding: 3px 5px !important;
        font-weight: 500;
        font-size: 11px;
    }

.lastbookstrans {
    border: 1px solid #414ca0;
}


    .lastbookstrans h2 {
        margin: 0;
        padding: 4px 8px;
        font-weight: 500;
        font-size: 14px;
        color: black;
    }

    .lastbookstrans table {
    }

    .lastbookstrans th {
        background: #414ca0 !important;
        font-weight: 600;
        font-size: 12px;
        padding: 3px 6px;
        color: white;
    }

    .lastbookstrans .rz-grid-table thead th .rz-column-title {
        font-size: 12px !important;
        padding: 1px 4px !important;
    }

    .lastbookstrans input {
        padding: 0 0 !important;
        max-height: 24px !important;
    }

    .lastbookstrans .rz-spinner {
        height: 25px;
    }

        .lastbookstrans .rz-spinner button {
            display: none;
        }

    .lastbookstrans .rz-cell-filter {
        padding: 0px 5px !important;
    }

    .lastbookstrans .rz-cell-filter-label {
        height: 33px !important;
    }

    .lastbookstrans td {
        padding: 3px 5px !important;
        font-weight: 500;
        font-size: 11px;
    }

.libfinalbtns a {
}

.libfinalbtns button {
    padding: 4px 12px !important;
    min-height: 26px;
}

.libdate .input-group-text {
    font-size: 13px;
    border-radius: 0px;
    font-weight: 600;
    border: 0;
}

.libdate input {
    font-size: 12px;
    border-radius: 0px;
    font-weight: 600;
}

.topcdef td:nth-child(3), .topcdef td:nth-child(4) {
    text-align: right;
}

.staffpat td:nth-child(4) {
    text-align: right;
}

.table > :not(:last-child) > :last-child > * {
    text-align: center;
}

.stufeeviewnw {
}

    .stufeeviewnw h1 {
        background: #bf1cbf;
        color: white;
        font-size: 16px;
        text-transform: uppercase;
        font-weight: 700;
        text-align: center;
        padding: 4px 0;
        margin-bottom: 6px;
    }

    .stufeeviewnw img {
        width: 80px;
        height: 90px;
        object-fit: cover;
        float: left;
        padding-left: 5px;
    }

    .stufeeviewnw .stufeetdlinner {
        margin-left: 92px;
        margin-top: 7px;
        margin-bottom: 7px;
    }

        .stufeeviewnw .stufeetdlinner h6 {
            border: 1px solid #bf1cbf;
            margin-bottom: 2px;
            font-weight: 500;
            font-size: 12px;
            display: inline-block;
            padding: 2px 12px;
            border-radius: 50px;
            font-style: italic;
        }

        .stufeeviewnw .stufeetdlinner h2 {
            font-weight: 500;
            font-size: 17px;
            text-transform: uppercase;
            margin-bottom: 0;
        }

            .stufeeviewnw .stufeetdlinner h2 span {
                display: block;
                font-size: 13px;
                margin-top: 3px;
            }

        .stufeeviewnw .stufeetdlinner h3 {
            font-size: 14px;
            border-top: 1px solid #efefef;
            margin-top: 5px;
            font-weight: 400;
            color: #525252;
            padding-top: 2px;
            margin-bottom: 0;
        }

    .stufeeviewnw .stufeedtlnw {
        border: 1px solid #af00af;
        padding: 9px 10px;
        margin-bottom: 5px;
    }

    .stufeeviewnw .stufeeleft {
        border-left: 1px solid #bf1cbf;
        border-right: 1px solid #bf1cbf;
        border-bottom: 1px solid #bf1cbf;
        margin-bottom: 4px;
    }

    .stufeeviewnw .stufeedtlnw ul {
        margin: 0;
        padding: 0;
        list-style: none;
    }

        .stufeeviewnw .stufeedtlnw ul li {
            color: black;
            font-weight: 500;
            text-transform: capitalize;
        }

            .stufeeviewnw .stufeedtlnw ul li span {
                width: 103px;
                display: inline-block;
            }

            .stufeeviewnw .stufeedtlnw ul li .auto-width {
                margin-left: 8px;
            }

    .stufeeviewnw .totalamountfee {
    }

        .stufeeviewnw .totalamountfee h1 {
            background: #f35b5b;
            margin: 0;
            /* text-transform: capitalize; */
            font-weight: 500;
        }

            .stufeeviewnw .totalamountfee h1 span {
            }

.notdetail .notdate {
    font-weight: 500;
    font-size: 14px;
    font-style: italic;
}

.notdetail h1 {
    font-size: 20px;
    font-weight: 700;
}

.notdetail p {
    margin: 0;
}
.stunbwbox2 {
    background: white;
    padding: 5px;
    border-radius: 5px;
    border-top: 1px solid #ff6262;
    position: relative;
    margin-bottom: 10px;
}
.stunbwbox2 h2{
    background: white;
    padding: 5px;
    border-radius: 5px;
    border-top: 1px solid #ff6262;
    position: relative;
    margin-bottom: 10px;
}
.stunbwbox2 ul{
    padding: 0;
    margin-bottom: 6px;
    list-style: none;
}
.stunbwbox2 ul li{
    font-size: 11px;
    font-weight: 500;
    color: #484848;
    text-transform: uppercase;
}
.stunbwbox2 ul li strong{
    font-weight: 700;
    width: 85px;
    display: inline-block;
}
.stunbwbox2 ul li span{
    display: inline-block;
    width: 6px;
}
.stunbwbox2 .classcheckbox{
   
}
.stunbwbox {
    background: white;
    padding: 5px;
    border-radius: 5px;
    border-top: 1px solid #ff6262;
    position: relative;
    margin-bottom: 10px;
    min-height: 145px;
}

    .stunbwbox .admno {
        background: #c703c7;
        display: inline-block;
        color: white;
        padding: 2px 13px;
        font-weight: 500;
        border-radius: 50px;
        font-size: 13px;
        line-height: normal;
    }

    .stunbwbox .classnw {
        background: #505050;
        color: white;
        display: inline-block;
        position: absolute;
        right: 0;
        top: -1px;
        padding: 1px 8px;
        font-weight: 500;
        font-size: 12px;
    }

    .stunbwbox h2 {
        font-size: 16px;
        text-transform: uppercase;
        font-weight: 700;
        margin-bottom: 4px;
        margin-top: 3px;
    }

    .stunbwbox ul {
        padding: 0;
        margin-bottom: 6px;
        list-style: none;
    }

        .stunbwbox ul li {
            font-size: 11px;
            font-weight: 500;
            color: #484848;
            text-transform: uppercase;
        }

            .stunbwbox ul li strong {
                font-weight: 700;
                width: 85px;
                display: inline-block;
            }

            .stunbwbox ul li span {
                display: inline-block;
                width: 6px;
            }

    .stunbwbox .stuboxstatus {
        color: #f75e5e;
        border: 3px solid #ff8080;
        padding: 3px 2px;
        font-size: 11px;
        font-weight: 700;
        line-height: normal;
        text-align: center;
        border-radius: 5px;
        display: inline-block;
        position: absolute;
        right: 10px;
    }

    .stunbwbox .stunwfootr {
        border-top: 1px solid lightgrey;
        padding-top: 6px;
    }

        .stunbwbox .stunwfootr button {
        }

    .stunbwbox .col-md-9 {
        padding-right: 4px;
    }

    .stunbwbox .col-md-3 {
        padding-left: 4px;
    }

.libtable .rz-paginator-element, .booktable .rz-paginator-element {
    padding: 0;
    font-size: 10px;
    display: inline-block;
    min-height: 8px !important;
    min-width: 17px;
    line-height: normal;
}

.libtable .rz-paginator-icon, .booktable .rz-paginator-icon {
    font-size: 12px;
    height: auto;
    width: auto;
    line-height: normal;
    padding: 2px 2px;
}

.libtable .rz-paginator, .booktable .rz-paginator {
    padding: 2px 2px;
}

.leavedetailstaffnw {
    border-radius: 5px;
    border: 1px solid #808080a1;
    margin-bottom: 10px;
}

    .leavedetailstaffnw h5 {
        font-size: 16px;
        text-transform: uppercase;
        font-weight: 700;
        /* border-bottom: 1px solid #8080805e; */
        padding: 5px 0;
        background: bisque;
        margin-bottom: 0;
        text-align: center;
    }

    .leavedetailstaffnw .row {
        padding: 7px 10px;
    }

    .leavedetailstaffnw ul {
        margin: 0;
        padding: 0;
    }

    .leavedetailstaffnw li {
        font-size: 13px;
    }

        .leavedetailstaffnw li strong {
            width: 70px;
            display: inline-block;
        }

        .leavedetailstaffnw li span {
            margin-left: 15px;
        }

.happybirthdaybxstu {
}

    .happybirthdaybxstu img {
        width: 100%;
        margin-top: 0;
    }

    .happybirthdaybxstu h6 {
        text-align: center;
        font-weight: 600;
        font-size: 21px;
        margin: 0;
        margin-top: 7px;
    }

        .happybirthdaybxstu h6 span {
            display: block;
            font-size: 13px;
        }

.stuprohdr {
}

    .stuprohdr img {
        border-radius: 5px 5px 0px 0px;
        height: 132px;
        width: 100%;
        object-fit: cover;
        object-position: center -122px;
        position: relative;
    }

.nstubox {
    margin-top: -80px;
    background: white;
    padding: 0 0 9px 0px;
}

    .nstubox img {
        height: 120px;
        width: 115px;
        object-fit: cover;
        /* background: #b73120; */
        border: 6px solid #ff8989;
        border-radius: 50%;
        position: relative;
    }

    .nstubox h4 {
        margin-bottom: 0;
        font-weight: 700;
        font-size: 21px;
        margin-top: 7px;
    }

        .nstubox h4 span {
            display: block;
            font-weight: 500;
            font-size: 15px;
            color: #494949;
            margin-top: 4px;
        }


.ttboxdetailR {
    border-color: red;
    font-size: 6pt !important;
    /* width:245px;*/
}

.ttboxdetail {
    margin-bottom: 3px;
    font-size: 10px;
    font-weight: 700;
    /* background: #dc354554; */
    color: #830b0b;
    padding: 1px 1px !important;
    border-radius: 3px;
    position: relative;
}

.public_left {
    min-height: 337px;
}

.public_leftpgo h1 {
    color: #ffa000;
    font-size: 30px;
    text-transform: uppercase;
    font-weight: 700;
    margin-bottom: 12px;
    position: relative;
}

    .public_leftpgo h1:before {
        content: '';
        position: absolute;
        background: #ffb12e;
        height: 2px;
        width: 20px;
        margin-left: -28px;
        top: 17px;
    }

    .public_leftpgo h1:after {
        content: '';
        position: absolute;
        background: #ffb12e;
        height: 2px;
        width: 20px;
        margin-left: 5px;
        top: 17px;
    }

.public_leftpgo h3 {
    margin: 0;
    background: #630099;
    color: #ffffff;
    display: inline-block;
    padding: 8px 15px;
    font-size: 17px;
    margin-top: 0em !important;
    text-transform: uppercase;
}

.public_leftpgo .not_inn_dt {
    border: 2px dotted #02055c;
    padding: 20px 10px;
    margin-top: 16px;
    background: #40047a00;
    color: white;
    font-family: system-ui;
}

    .public_leftpgo .not_inn_dt h6 {
        color: #060606;
        font-size: 18px;
        font-weight: 500;
        margin-bottom: 8px;
    }

    .public_leftpgo .not_inn_dt h5 {
        margin: 0;
        text-transform: uppercase;
        color: #f73636;
        font-size: 21px;
        font-weight: 700;
    }

        .public_leftpgo .not_inn_dt h5 span {
            display: block;
            font-size: 14px;
            text-transform: capitalize;
            color: #1a1a1a;
            font-weight: 500;
            margin-top: 6px;
        }

.tbl-align-fix th {
    background: #17657c;
    color: white !important;
}

.tbl-align-fix td {
    text-align: right !important;
}

.tbl-align-fix .aaligntbl {
    text-align: right !important;
}
.newblok h5 {
    color: white;
    font-weight: 500;
    text-transform: uppercase;
    font-size: 20px;
    margin: 0;
    line-height: 23px;
}
    .newblok h5 span {
        display: block;
        text-transform: capitalize;
        font-weight: 300;
        font-size: 14px;
    }
.newblok button {
    display: block;
    margin: 0 auto;
    border-radius: 50px;
    padding: 0px 16px;
    line-height: 21px;
}
.stupaymthisbox td{
    border-bottom: 1px solid #80808040;
}


input[type="radio"]:checked + img {
    width: 55px;
    height: 44px;
}
    input[type="radio"]:checked + img + label {
        font-size: 12px;
        border-bottom: 3px solid #163f89;
    }