@import url('https://fonts.googleapis.com/css2?family=Lato:wght@100;300;400;700;900&family=Roboto:wght@100;300;400;500;700;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600;700;800;900&display=swap');

body {
font-family: 'Poppins', sans-serif;
    color: #262626;
    font-size: 14px;
}
p{
    margin-bottom: 8px;
    line-height: 1.5;
    font-size: 14px;
}
.hamburgerbtn{
    font-size: 20px !important;
}
.btn{
    padding: 9.5px 12px;   
    font-size: 14px;
}
.btn-sm {
    padding: 2px 4px;
}
.img-fluid {
    max-width: 100% !important;
    height: auto;
}
.form-control{
    min-height: 44px;
    font-size: 14px;
}
.form-control:focus {
    box-shadow: none;
}
.modal .form-control{
    line-height: 44px;
    padding: 0 12px;
}

.login-box .alert{
    padding: 15.5px 20px;
    font-size: 13px;
    border: none !important;
    border-radius: 3px;
    margin-bottom: 25px;
}

.login-box .alert-dismissible .btn-close{
    padding: 18.5px 19px;
    background-size: 8px;
}

.login-box .alert-dismissible .btn-close:focus,
.login-box .alert-dismissible .btn-close:active {
    box-shadow: none;
}

.login-box .password-indicator {
    position: absolute;
    right: 15px;
    top: 17px;
    cursor: pointer;
    visibility: hidden;
    opacity: 0;
    transition: visibility 0s linear 300ms, opacity 500ms;
    font-size: 17px;
    color: #999;
}

.login-box .password-wrapper:hover .password-indicator{
    visibility: visible;
    opacity: 1;
    transition: visibility 0s linear 0s, opacity 500ms;
    font-size: 17px;
    color: #555;
}

.login-box .login-popover{
    font-size: 14px;
    color: #777;
    cursor: help;
}

.login-box .login-popover-abs{
    position: absolute;
    right: 15px;
    top: 15px;
}

.popover {
    border: 1px solid #ebeef5 !important;
    box-shadow: 0 2px 12px 0 rgb(0 0 0 / 10%);
}

.popover-header {
    box-shadow: none;
    border: 0px;
    background: #fff;
    color: #555;
    font-size: 15px;
    padding-bottom: 5px;
}

.popover-body {
    padding: 5px 10px 10px 16px;
    color: #777;
    font-size: 13px;
}

.login-box .form-group label.error{
    font-size: 13px;
    text-align: left;
    color: #535353;
    width: 100%;
}

@keyframes Gradient {
    0% {
        background-position: 0% 50%;
    }
    50% {
        background-position: 100% 50%;
    }
    100% {
        background-position: 0% 50%;
    }
}
@keyframes cube {
    from {
        transform: scale(0) rotate(0deg) translate(-50%, -50%);
        opacity: 1;
    }
    to {
        transform: scale(20) rotate(960deg) translate(-50%, -50%);
        opacity: 0;
    }
}

.loginpanel {
    background: #fff;
}

.loginpanel a {
    text-decoration: none;
}

/*.loginpanel h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    font-family: 'Jost', sans-serif;
}*/

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

.loginpanel .form-section {
    min-height: 100vh;
    position: relative;
    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 15px;
    border-radius: 0 100% 100% 0;
    background: #fff;
/*    background: linear-gradient(132deg, #FC415A, #591BC5, #212335);*/
    background: linear-gradient(132deg, #003a78, #2ac2ff, #0062cc);
    background-size: 400% 400%;
    animation: Gradient 15s ease infinite;
}

.loginpanel .form-inner {
    max-width: 450px;
    width: 100%;
    margin: 0 30px;
    text-align: center;
}

.loginpanel .form-text {
    top: 0;
    bottom: 0;
    opacity: 1;
    z-index: 999;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 30px 50px;
}

.loginpanel .form-section .extra-login span{
    color: #ededed;
}

.loginpanel .info h1 {
    margin-bottom: 20px;
    font-size: 35px;
    font-weight: 700;
}
.loginpanel .info h3{
    font-size: 20px;
}

.loginpanel .animate-charcter {
    background-image:linear-gradient(-225deg, #0062cc 0%, #2ac2ff 29%, #72c050 67%, #fff800 100%);
    background-size: auto auto;
    background-clip: border-box;
    background-size: 200% auto;
    color: #fff;
    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: 190px;
}

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

.loginpanel .form-section p {
    color: #ededed;
    margin-bottom: 0;
    font-size: 14px;
    text-align: center;
}

.loginpanel .form-section p a {
    color: #cceeff;
    font-weight: 600;
}

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

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

.loginpanel .form-section h3 {
    margin: 0 0 30px;
    font-size:25px;
    font-weight: 500;
    color: #fff;
}

.loginpanel .form-section .form-group {
    margin-bottom: 20px;
}

.loginpanel .form-section .form-box {
    float: left;
    width: 100%;
    position: relative;
}

.loginpanel .form-section .form-control {
    padding: 15.5px 20px;
    font-size: 14px;
    outline: none;
    color: #535353;
    border-radius: 3px;
    font-weight: 500;
    border: 1px solid transparent;
    background: #fff;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
    min-height: 58px;
}

.loginpanel .form-section img {
    margin-bottom: 5px;
}

.loginpanel .form-section .form-box i {
    position: absolute;
    top: 17px;
    right: 20px;
    font-size: 23px;
    color: #8d8d8d;
}

.loginpanel .form-section .checkbox .terms {
    margin-left: 3px;
}

.loginpanel .form-section .btn-md {
    cursor: pointer;
    padding: 15.5px 50px 14.5px 50px;
    font-size: 17px;
    font-weight: 400;
    font-family: 'Jost', sans-serif;
    border-radius: 50px;
    height: 55px;
}

.loginpanel .form-section input[type=checkbox], input[type=radio] {
    margin-right: 3px;
}

.loginpanel .form-section button:focus {
    outline: none;
    outline: 0 auto -webkit-focus-ring-color;
}

.loginpanel .form-section .btn-theme.focus, .btn-theme:focus {
    box-shadow: none;
}

.loginpanel .form-section .btn-theme {
    background: #003060;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
    border: none;
    color: #fff;
    border-radius: 3px;
    font-weight: 400;
}

.loginpanel .form-section .btn-theme:hover {
    background: #024385;
}

.loginpanel .form-section .terms {
    margin-left: 3px;
}

.loginpanel .form-section .form-check {
    float: left;
    margin-bottom: 0;
    padding-left: 0;
}

.loginpanel .form-section .form-check a {
    color: #535353;
    float: right;
}

.loginpanel .form-section .form-check-input {
    position: absolute;
    margin-left: 0;
}

.loginpanel .form-section .form-check label::before {
    content: "";
    display: inline-block;
    position: absolute;
    width: 18px;
    height: 18px;
    top: 2px;
    margin-left: -25px;
    border: 1px solid #fff;
    border-radius: 3px;
    background-color: #fff;
}

.loginpanel .form-section .form-check-label {
    padding-left: 25px;
    margin-bottom: 0;
    font-size: 14px;
    color: #ededed;
}

.loginpanel .form-section .form-check-label a{
    color: #ededed;
}

.loginpanel .form-section .checkbox-theme input[type="checkbox"]:checked + label::before {
    background: #ff574d;
    border-color: #ff574d;
}

.loginpanel .form-section input[type=checkbox]:checked + label:before {
    font-weight: 600;
    color: #fff;
    line-height: 16px;
    font-size: 12px;
    padding-left: 1px;
    content: "\2713";
}

.loginpanel .form-section input[type=checkbox], input[type=radio] {
    margin-top: 4px;
}

.loginpanel .form-section a.forgot-password {
    font-size: 16px;
    color: #ededed;
    float: right;
}

.loginpanel .logo img {
    margin-bottom: 15px;
    height: 30px;
}

.loginpanel .info {
    max-width: 650px;
    padding: 10px 20px;
}

.loginpanel .info p {
    color: #535353;
    line-height: 22px;
    font-size: 13px;
}

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

.loginpanel .social-list {
    padding: 0;
    text-align: center;
}

.loginpanel .social-list li {
    display: inline-block;
}

.loginpanel .social-list li a {
    margin: 1px;
    font-size: 14px;
    font-weight: 500;
    width: 110px;
    height: 40px;
    line-height: 40px;
    border-radius: 0;
    display: inline-block;
    text-align: center;
    color: #fff;
}

.loginpanel .social-list li a:hover {
    text-decoration: none;
}

.loginpanel .facebook-bg {
    background: #4867aa;
}

.loginpanel .facebook-bg:hover {
    background: #3d5996;
    color: #fff;
}

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

.loginpanel .twitter-bg:hover {
    background: #56d7fe;
}

.loginpanel .google-bg {
    background: #db4437;
}

.loginpanel .google-bg:hover {
    background: #dc4e41;
}

@media (max-width: 992px) {
    .loginpanel .form-section {
        border-radius: 0;
        padding: 30px 0;
    }

    .loginpanel .form-text {
        display: none;
    }
}

@media (max-width: 768px) {
    .loginpanel .form-inner {
        margin: 0 15px;
    }
}
.university-logo img{
    max-height: 130px;
}
.loginpanel .mobile-logo{
    margin-bottom: 10px;
    display: none;
}
.loginpanel .mobile-logo img{
    height: 90px;
    padding: 6px;
    background: #fff;
    border-radius: 5px;
}
/************/
.headermain{
    padding: 10px 0;
    box-shadow: 0 0 12px #00000012;
    position: relative;
    z-index: 999;
}
.logopanle img{
    height: 60px;
}
.usernav .userimg{
    width: 30px;
    height: 30px;
    object-fit: cover;
    border-radius: 50%;
    margin-right: 5px;
} 
.rightnavigation .dropdown{
    margin: 0 5px;
} 
.rightnavigation .dropdown .btn{
    border: 0;
}
.rightnavigation .dropdown .dropdown-menu{
    box-shadow: 0 1px 11px #0000000d;
    min-width: 200px;
    border: 0;
}
.main-wrapper{
    min-height: 80vh;
    background: #eef4f6;
}
.page-title {
    color: #000;
    font-size: 1.125rem;
    margin-bottom: 0;
}
.page-title.menupagetitle{
    font-size: 15px;
}
.page-title .page-title-icon {
    display: inline-block;
    width: 36px;
    height: 36px;
    border-radius: 4px;
    text-align: center;
    box-shadow: 0 3px 8.3px 0.7px rgb(163 93 255 / 35%);
    margin-right: 8px;
    vertical-align: middle;
    line-height: 36px;
    font-size: 13px;
}
.bg-gradient-primary {
    background: -webkit-gradient(linear,left top,right top,from(#da8cff),to(#9a55ff));
    background: linear-gradient(90deg,#da8cff,#9a55ff);
}
.bg-gradient-danger {
    background: -webkit-gradient(linear,left top,right top,from(#ffbf96),to(#fe7096));
    background: linear-gradient(90deg,#ffbf96,#fe7096);
}
.bg-gradient-info {
    background: -webkit-gradient(linear,left top,right top,from(#90caf9),color-stop(99%,#047edf));
    background: linear-gradient(90deg,#90caf9,#047edf 99%);
}
.bg-gradient-success {
    background: -webkit-gradient(linear,left top,right top,from(#84d9d2),to(#07cdae));
    background: linear-gradient(90deg,#84d9d2,#07cdae);
}
.card.card-img-holder .card-img-absolute {
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
}
.card.card-img-holder {
    position: relative;
    border: 0;
    height: 100%;
}
.card.card-img-holder .card-body{
    padding:25px 15px;
}
.card.card-img-holder .card-body .h5{
    font-size: 15px;
}
.card.card-img-holder .card-body a{
    text-decoration: none;
    color: #fff;
}
.clock {
    position: relative;
    color: #505050;
    font-size: 16px;
    letter-spacing: 1px;
    font-weight: 700;
}
/**********/
:root {
    --calendar-bg-color: #262829;
    --calendar-font-color: #FFF;
    --weekdays-border-bottom-color: #404040;
    --calendar-date-hover-color: #505050;
    --calendar-current-date-color: #1b1f21;
    --calendar-today-color: linear-gradient(to bottom, #03a9f4, #2196f3);
    --calendar-today-innerborder-color: transparent;
    --calendar-nextprev-bg-color: transparent;
    --next-prev-arrow-color : #FFF;
    --calendar-border-radius: 16px;
    --calendar-prevnext-date-color: #484848
}

.calendar {
    position: relative;
    max-width: 100%; /*change as per your design need */
    min-width: 320px;
    color: var(--calendar-font-color);
    margin: 0px auto;
    box-sizing: border-box;
    overflow: hidden;
    font-weight: normal;
    border-radius: var(--calendar-border-radius);
    /*background: -webkit-gradient(linear,left top,right top,from(#f5f5f5),to(#d9d9d9));
    background: linear-gradient(90deg,#f5f5f5,#d9d9d9);*/
    min-height: 422px;
    border-radius: 6px;
    background: #fff;
        -webkit-box-shadow: 0 1px 20px 0 rgb(69 90 100 / 8%);
    box-shadow: 0 1px 20px 0 rgb(69 90 100 / 8%);
}

.calendar-inner {
    padding: 0px;
}

.calendar .calendar-inner .calendar-body {
    display: grid;
    grid-template-columns: repeat(7, 1fr);
    text-align: center;
}

.calendar .calendar-inner .calendar-body div {
    padding: 4px;
    min-height: 30px;
    line-height: 30px;
    border: 1px solid transparent;
    margin: 10px 2px 0px;
}

.calendar .calendar-inner .calendar-body div:nth-child(-n+7) {
    border: 1px solid transparent;
    border-bottom: 1px solid var(--weekdays-border-bottom-color);
    color: #505050;
}

.calendar .calendar-inner .calendar-body div:nth-child(-n+7):hover {
    border: 1px solid transparent;
    border-bottom: 1px solid var(--weekdays-border-bottom-color);
}

.calendar .calendar-inner .calendar-body div>a {
    color:#4e4d4d;
    text-decoration: none;
    display: flex;
    justify-content: center;
}

.calendar .calendar-inner .calendar-body div:hover {
    border: 1px solid var(--calendar-date-hover-color);
    border-radius: 4px;
}

.calendar .calendar-inner .calendar-body div.empty-dates:hover {
    border: 1px solid transparent;
}

.calendar .calendar-inner .calendar-controls {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
}

.calendar .calendar-inner .calendar-today-date {
    display: grid;
    text-align: center;
    cursor: pointer;
    margin: 3px 0px;
    padding: 5px 0px;
    border-radius: 10px;
    width: 80%;
    margin: auto;
    /*background: -webkit-gradient(linear,left top,right top,from(#b5b5b5),to(#505050));
    background: linear-gradient(90deg,#b5b5b5,#505050);*/
    background: #3f9eea;
}

.calendar .calendar-inner .calendar-controls .calendar-year-month {
    display: flex;
    min-width: 100px;
    justify-content: space-evenly;
    align-items: center;
        color: #505050;
}

.calendar .calendar-inner .calendar-controls .calendar-next {
    text-align: right;
}

.calendar .calendar-inner .calendar-controls .calendar-year-month .calendar-year-label,
.calendar .calendar-inner .calendar-controls .calendar-year-month .calendar-month-label {
    font-weight: 500;
    font-size: 20px;
}

.calendar .calendar-inner .calendar-body .calendar-today {
    /*background: -webkit-gradient(linear,left top,right top,from(#b5b5b5),to(#505050));
    background: linear-gradient(90deg,#b5b5b5,#505050);*/
    background: #07cdae;
    border-radius: 4px;
    color: #fff;
}

.calendar .calendar-inner .calendar-body .calendar-today:hover {
    border: 1px solid transparent;
}

.calendar .calendar-inner .calendar-body .calendar-today a {
    outline: 2px solid var(--calendar-today-innerborder-color);
    color: #fff;
}

.calendar .calendar-inner .calendar-controls .calendar-next a,
.calendar .calendar-inner .calendar-controls .calendar-prev a {
    color: var(--calendar-font-color);
    font-family: arial, consolas, sans-serif;
    font-size: 26px;
    text-decoration: none;
    padding: 4px 12px;
    display: inline-block;
    background: var(--calendar-nextprev-bg-color);
    margin: 0;
}

.calendar .calendar-inner .calendar-controls .calendar-next a svg,
.calendar .calendar-inner .calendar-controls .calendar-prev a svg {
    height: 20px;
    width: 20px;
}

.calendar .calendar-inner .calendar-controls .calendar-next a svg path,
.calendar .calendar-inner .calendar-controls .calendar-prev a svg path{
    fill: #000;
}

.calendar .calendar-inner .calendar-body .prev-dates,
.calendar .calendar-inner .calendar-body .next-dates {
    color: #bdbdbd;
}

.calendar .calendar-inner .calendar-body .prev-dates:hover,
.calendar .calendar-inner .calendar-body .next-dates:hover {
  border: 1px solid transparent;
  pointer-events: none;
}

.sembtn{
    background: #fff;
    padding: 12px 5px;
    font-size: 15px;
    color: #000;
    text-transform: uppercase;
    border-color: #d78aff;
    transition: all .3s;
}
.sembtn:hover{
        background: -webkit-gradient(linear,left top,right top,from(#da8cff),to(#9a55ff));
    background: linear-gradient(90deg,#da8cff,#9a55ff);
}
footer{
    background: #ffffff;
    box-shadow: 0 0 10px #00487c;
}
footer p{
    font-size: 14px;
}
.blockselection label {
   display: flex;
    border: 0;
    border-radius: 5px;
    width: 100%;
    min-height: 65px;
    color: #000;
    background: #fff;
    text-align: left;
    line-height: 1.5;
    float: left;
    align-items: center;
    justify-content: flex-start;
    transition: all 0.5s ease-in-out;
    font-size: 14px;
    box-shadow: 0 3px 6px #0000000d;
    cursor: pointer;
    position: relative;
    margin-bottom: 15px;
    border: 1px solid #8cccd7;
    transition: all .3s;
    padding: 10px 35px 10px 12px;
    font-weight: 400;
}
.blockselection label:after{
    position: absolute;
    top: 5px;
    right: 5px;
    width: 22px;
    height: 22px;
    border: 2px solid #047edf;
    content: '';
    border-radius: 50%;
}
.blockselection input[type=checkbox] {
    display: none;
}
.blockselection input:checked+label:after{
    background: #19bd05;
    border-color: #19bd05;
}
.blockselection input:checked+label:before{
    font-family: "Font Awesome 6 Free";
    position: absolute;
    top: 8px;
    right: 9px;
    font-weight: 600;
    content: '\f00c';
    z-index: 9;
    font-size: 12px;
    color: #fff;
}
.blockselection input:checked+label{
    box-shadow:0 0px 8px #00000040;
    border-color: #72c050;
}
.usernavpnl{
    background: #0079db;
    border-radius: 10px;
    overflow: hidden;
}
.userinfonav{
    padding: 20px 10px;
    text-align: center;
    background: #006fc9;
}
.prImg{
    width: 130px;
    height: 130px;
    object-fit: cover;
    border-radius: 50%;
    border: 2px solid #fff;
    box-shadow: 0 5px 14px #02457c;
    margin-bottom: 15px;
}
.userinfonav h3{
        font-size: 18px;
    color: #fff;
    font-weight: 500;
    margin: 5px 0;
}
.userinfonav p{
        margin: 0;
    color: #e9e9e9;
    font-size: 14px;
}
.sidenavmenu{
    margin: 0;
    padding: 5px;
}
.sidenavmenu li{
    display: block;
}
.sidenavmenu li a{
    display: block;
    color: #fff;
    padding: 10px 12px;
    text-decoration: none;
    font-size: 15px;
    border-bottom: 1px solid #006fc9;
    transition: all .3s;
    position: relative;
}

.sidenavmenu li:last-child a{
    border-bottom: 0;
}
.sidenavmenu li a:hover, .sidenavmenu li a.active{
    background: #fff;
    color: #006fc9;
    border-radius: 30px;
}
.sidenavmenu li a.active:after{
    position: absolute;
    top: 0;
    wid
}
.sidenavmenu li a i{
    font-size: 13px;
    width: 18px;
}
.card{
    border-color: #eee;
       -webkit-box-shadow: 0 1px 20px 0 rgb(69 90 100 / 8%);
    box-shadow: 0 1px 20px 0 rgb(69 90 100 / 8%);
}
.card-header{
    background: #fff;
    border-color: #fff;
}
.card-title{
    font-size: 20px;
    color: #0d6efd;
    text-transform: capitalize;
    letter-spacing: .2px;
    margin: 0;
    font-weight: 600;
}
.blockbox{
    font-size: 17px;
    text-transform: uppercase;
    background: #4c4c4c;
    color: #ffffff;
    padding: 4px 8px;
    margin-bottom: 12px;
}
.hamburgerbtn{
    border: 0;
    padding: 1px 8px;
    font-size: 22px;
        color: #fff !important;
    background: #2ad2b8;
}
.boxUserinfo{
    background: #fff;
    padding: 10px 10px 10px 15px;
    margin-bottom: 0px;
    border-radius: 5px;
    /*border-left: 4px solid;*/
    min-height: 100%;
}
.boxUserinfo small{
    text-transform: capitalize;
    font-weight: 600;
    letter-spacing: .2px;
    font-size: 15px;
    color: #000000;
}
.boxUserinfo p{
    font-weight: 500 !important;
    color: #6c757d!important;
}
footer{
    background: #003687;
    box-shadow: none;
}
footer p{
    margin-bottom: 15px;
    color: #fff;
}
footer a{
    color: #fff;
}
.dashminheight{
    min-height: 70vh;
}
.subject-accordian .accordion-button::after{
    background-color: #e3e3e3;
    width: 28px;
    height: 28px;
    border-radius: 50%;
    line-height: 28px;
    background-position: center;
}
.subjectlist{
    border-radius: 5px;
    width: 100%;
    height: auto;
    color: #fff;
    background: #006fc9;
    text-align: left;
    line-height: 1.5;
    font-size: 15px;
    box-shadow: 0 3px 6px #0000000d;
    cursor: pointer;
    position: relative;
    margin-bottom: 5px;
    border: 1px solid #eee;
    transition: all .3s;
    padding: 12px 15px;
    font-weight: 400;
}
.subject-accordian .accordion-button{
    padding: 10px;
}
.subject-accordian .accordion-button:not(.collapsed){
    outline: none;
    border: 0;
    box-shadow: none;
    background: #f7f7f7;
    color: #000;
}
.basicform .form-control{
    min-height: 42px;
}
.boxlist{
    padding: 20px;
    border: 1px solid #eff2f5;
    border-radius: 5px;
    background: #fff;
    height: 100%;
        -webkit-box-shadow: 0 1px 20px 0 rgb(69 90 100 / 8%);
    box-shadow: 0 1px 20px 0 rgb(69 90 100 / 8%);
}
.boxlist-title{
    font-size: 18px;
    margin-bottom: 18px;
}
.svg-icon i{
    font-size: 22px;
}
.boxlist a{
    color: #262626;
    text-decoration: none;
}
.boxlist span{
    font-size: 13px;
    font-weight: 400;
    margin-top: 2px;
}
.bg-light-warning {
    background-color: #fff8dd !important;
        border: 1px solid #fff8dd;
}
.bg-light-warning .svg-icon i{
    color: #ffca0e;
}
.bg-light-success {
    background-color: #e8fff3 !important;
        border: 1px solid #e8fff3;
}
.bg-light-success .svg-icon i{
    color: #50cd89;
}
.bg-light-danger {
    background-color: #fff5f8 !important;
    border: 1px solid #fff5f8;
}
.bg-light-danger .svg-icon i{
    color: #f1416c;
}
.bg-light-info {
    background-color: #f8f5ff !important;
    border: 1px solid #f8f5ff;
}
.bg-light-info  .svg-icon i{
    color: #7239ea;
}
.border-1{
    border: 1px solid #e3e3e3;
    border-left: 4px solid #ffca0e; 
}
.border-2{
    border: 1px solid #e3e3e3;
    border-left: 4px solid #50cd89; 
}
.border-3{
    border: 1px solid #e3e3e3;
    border-left: 4px solid #f1416c; 
}
.border-4{
    border: 1px solid #e3e3e3;
    border-left: 4px solid #7239ea; 
}
.border-1 i{
    color: #ffca0e; 
}
.border-2 i{
    color: #50cd89; 
}
.border-3 i{
    color: #f1416c; 
}
.border-4 i{
    color: #7239ea; 
}
.boxlist.boxlist3 .boxblock {
    border: 1px solid #e3e3e3;
}
.boxlist.boxlist3 .boxblock .svg-icon i {
    font-size: 22px;
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    border-radius: 5px;
    background: #e3e3e3;
}
.boxtop{
    padding: 10px 10px 5px;
    background: #fff;
    margin-bottom: 20px;
    border-radius: 5px;
        -webkit-box-shadow: 0 1px 20px 0 rgb(69 90 100 / 8%);
    box-shadow: 0 1px 20px 0 rgb(69 90 100 / 8%);
}
.menupagetitle a{
    font-size: 15px;
    text-decoration: none;
    color: #262626;
    font-weight: 500;
}
.topmenutext{
    font-size: 14px;
    font-weight: 500;
}
.rightnavigation a{
    text-decoration: none;
    color: #000;
    font-weight: 500;
    font-size: 14px;
}
.modal-alert .btn{
    min-width: 100px;
}
.toast-success .toast-header, .toast-success .toast-body{
    background: #198754;
    color: #fff;
    padding: 15px 15px;
    font-size: 15px;
    border-radius: 5px
}
.toast-warning .toast-header, .toast-warning .toast-body{
    background: #ffc107;
    color: #000;
    padding: 15px 15px;
    font-size: 15px;
    border-radius: 5px;
}
.toast-danger .toast-header, .toast-danger .toast-body{
    background: #dc3545;
    color: #fff;
    padding: 15px 15px;
    font-size: 15px;
    border-radius: 5px
}

.captchaForm.input-group{
  height: 50px;
}
.captchaForm.input-group .form-control{
      height: 50px;
    font-size: 14px;
    background: #e3e3e3;
    font-weight: 500;
    width: 100%;
    margin-right: 20px;
    max-width: 340px;

}
.captchaForm #txtCaptcha {
    background: url(../images/captcha.jpg) no-repeat ;
    color: #000;
    font-weight: 700;
    border: none;
    width: 100%;
    /* max-width: 322px; */
    display: inline-block;
    line-height: 40px;
    flex: 0 0 136px;
    margin-right: 79px;
    letter-spacing: 3px;
    font-size: 20px;
}

.rfrsh {
    background-color: transparent;
    border: none;
    color: #000;
    font-size: 24px;
}
.loginpanel .form-section #txtCaptcha{
    background: url(../images/captcha-bg.jpg);
    font-size: 22px;
    padding: 0 15px;
    height: 58px;
    line-height: 58px;
    background-size: contain;
    color: #000;
    letter-spacing: 2px;
    font-weight: 700;
}
.loginpanel .form-section .form-box .rfrsh i{
    position: relative;
    right: 0;
    top: 0;
    color: #fff;
}
.loading{
    background: url(../images/loading.gif);
    width: 100%;
    height: 100%;
    position: fixed;
    left: 0;
    top: 0;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 115px;
    background-color: #ffffffeb;
    z-index: 99999;
}
form label{
    margin-bottom: 5px;
}
.table{
    font-size: 12px;
}
.table thead th{
    font-weight: 500;
    vertical-align: middle;
}
.table tbody td{
    vertical-align: middle;
}
.offcanvas-body{
    padding: 5px 0;
}
.sidebar-nav{
    padding: 0;
    margin: 0;
}
.sidebar-nav li{
    display: block;
}
.sidebar-nav li a{
    display: block;
    padding: 12px 20px;
    text-decoration: none;
    font-size: 14px;
    color: #000;
    border-top: 0;
    border-left: 1px solid transparent;
    transition: all .3s;
    background: #fbfcff;
    margin-bottom: 5px;
}
.sidebar-nav li:last-child a{
    border-bottom: 1px solid #fff;
}
.sidebar-nav li a:hover, .sidebar-nav li.active a{
    border-left: 6px solid #0d6efd;
    background: #f5f8ff;
    color: #0d6efd;
}
.sidebar-nav li a i{
    width: 28px;
    height: 28px;
    vertical-align: middle;
    line-height: 24px;
    text-align: center;
    margin-right: 5px;
    border-radius: 50%;
    background: #0d6efd;
    font-size: 13px;
    color: #fff;
    transition: all .3s;
    border: 2px solid #c3dbff;
}
.sidebar-nav li a:hover i, .sidebar-nav li.active a i{
    border: 2px solid #0d6efd;
    background: #fff;
    color: #0d6efd;
}
.bg-black{
    background: #000;
}
.btn-black{
    background: #000;
    color: #fff;
}
.btn-black:hover{
    background: #222;
    color: #fff;
}
label{
    margin-bottom: 5px;
}
.bg-lightgrey{
    background: #dfdfdf;
}
.bg-grey{
    background: #adb5bd;
}
form .btn{
    min-width: 100px;
}
.attandane-subject{
    padding:8px 15px;
    border-radius: 5px;
    border: 2px solid #eaf2ff;
    transition: all .3s;
}
.attandane-subject:hover{
    background: #f8fffe;
    box-shadow: 0 2px 8px #0000001f;
    border-color: #d0e3ff;
}
.attandane-subject.current{
    border: 2px solid #eaf2ff;
    box-shadow: none;
    background: #fbfbfb;
}
.attandane-subject h2{
    font-size: 15px;
    margin: 0 0 5px;
    font-weight: 500;
    color: #000;
}
a{
    text-decoration: none;
}
.attandane-subject .svg-icon i {
    font-size: 20px;
    width: 36px;
    height: 36px;
    line-height: 36px;
    text-align: center;
    border-radius: 5px;
    background: #efffe7;
}
.att-search{
    padding: 5px 10px;
    background: #f7f7f7;
    border: 1px solid #ededed;
}
.student-box .studentimg img{
    width: 50px;
    min-width: 50px;
    height: 50px;
    object-fit: cover;
    border-radius: 50%;
    border: 1px solid #eee;
}
.studentname h4 {
    font-size: 14px;
    margin: 0 0 5px;
    font-weight: 500;
    padding-right: 18px;
}
.studentname p{
    font-size: 12px;
    margin-bottom: 0;
}
.student-box .boxlist {
    padding: 10px;
    position: relative;
    cursor: pointer;
    min-height: 84px;
}
.student-box .studentimg{
    position: relative;
    padding-left: 0px;
}
.student-box .boxlist:after {
    position: absolute;
    top: 3px;
    right:3px;
    width: 22px;
    height: 22px;
    border: 2px solid #047edf;
    content: '';
    border-radius: 50%;
}
.student-box input:checked+.boxlist:before {
    font-family: "Font Awesome 6 Free";
    position: absolute;
    top: 6px;
    right: 8px;
    font-weight: 600;
    content: '\f00c';
    z-index: 9;
    font-size: 12px;
    color: #fff;
    text-align: center;
}
.student-box input:checked+.boxlist:after {
    background: #19bd05;
    border-color: #19bd05;
}
.student-box input:checked+.boxlist{
    border: 1px solid #72c050;
    box-shadow: 0 2px 8px #00000026;
    
}
.offcanvas-header{
    background: #003687;
    color: #fff;
}
.offcanvas-header .btn-close{
    background-color: #fff;
    opacity: 1;
}
.formsubtitle{
    margin-bottom: 15px;
    margin-top: 5px;
}
.formsubtitle span{
    background: #0bc7aa;
    color: #fff;
    padding: 8px 20px;
    display: inline-block;
    border-radius: 5px;
    position: relative;
    box-shadow: 2px 3px 5px #0003;
}
.formsubtitle span:after{
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 7.5px 0 7.5px 15px;
    border-color: transparent transparent transparent #0bc7aa;
    position: absolute;
    right: -15px;
    top:10px;
    content: '';
}
.iconboxuser i{
    font-size: 30px
}
.boxUserinfo.bg-light-warning .iconboxuser i{
    color: #ffca0e;
}
.boxUserinfo.bg-light-success .iconboxuser i{
    color: #50cd89;
}
.boxUserinfo.bg-light-danger .iconboxuser i{
    color: #f1416c;
}
.sidebar-nav li.important-menu a{
    background: #f1416c;
    color: #fff;
}
.sidebar-nav li.important-menu a i{
    border: 2px solid #ffb4c6;
    background: #fd5d84;
}
.sidebar-nav li.important-menu  a:hover{
    border-left: 6px solid #c7133f;
}
.sidebar-nav li.important-menu  a:hover i{
    color: #fff;
}
.subjectselect{
    box-shadow: 0 0px 8px #00000040;
    border-color: #72c050;
    min-height:65px;
}
.table .h5{
    font-size: 16px;
}
.alerticon i{
    font-size: 60px;
}
.topnav{
    display: block;
    padding: 0;
    margin: 0;
}
.topnav > li{
    display: inline-block;
    margin-right: 15px;
    vertical-align: middle;
}
.topnav > li a{
    display: block;
}
.menuicon{
    width: 25px;
    height: 25px;
    display: inline-block;
    line-height: 25px;
    text-align: center;
    color: #fff;
    font-size: 13px;
    border-radius:4px;
    margin-right: 3px;
    vertical-align: middle;
}
#MyClockDisplay{
    display: inline-block;
    width: 120px;
    background: #f1416c;
    text-align: center;
    color: #fff;
    padding: 2px;
    border-radius: 5px 5px 0 0;
}
.offcanvas{
    width: 310px !important;
}
.offcanvas.show{
    box-shadow: 0 0 30px #0000006e;
}
.bordericon i{
    width: 100px;
    height: 100px;
    text-align: center;
    line-height: 98px;
    margin: auto;
    border: 2px solid #ffffff;
    border-radius: 50%;
    font-size: 44px;
}
.modalheadblock .modal-head{
    background: #2dd284;
    border-radius: 6px 6px 0 0;
    padding: 30px;
}
.modalheadblock .modal-dialog{
    max-width: 330px;
}
.modalheadblock .btn{
    background: #2dd284;
    border-color: #2dd284;
    min-width: 150px;
}
.alert ul{
    margin-bottom: 0;
    padding: 0;
}
.alert ul li{
    display: block;
}
.dashboardmodal .modal-content{
    box-shadow: 5px 8px 25px #0000007d;
    border: 0;
}
.dashboardmodal .btn{
    min-width: 180px;
    box-shadow: 2px 3px 8px #0003;
    /*text-transform: uppercase;*/
    font-size: 15px;
    letter-spacing: .2px;
    font-weight: 500;
    margin-bottom: 4px;
}
.dashboardmodal p{
    font-size: 15px;
    line-height: 1.8;
}
.dashboardmodal .btn-close{
    background-color: #fff;
    border-radius: 50%;
}
/************/
.landing-wrapper {
    background: #ffebeb;
}
.landing-wrapper:after{
    position: absolute;
    width: 50%;
    height: 100%;
    left: 0;
    top: 0;
    background: url(../images/sidebanner.jpg);
    content: '';
    background-size: cover;
    background-position: center;
    z-index: 0;
}
.landing-wrapper:before{
    position: absolute;
    width: 50%;
    height: 100%;
    left: 0;
    top: 0;
    background: #004362db;
    content: '';
    z-index: 1;
}
.landing-form{
    width: 580px;
    margin: 0 30px;
    text-align: center;
    margin: auto;
}
.landing-form form{
    max-width: 100%;
    width: 100%;
    text-align: center;
    margin: 100px auto 30px;
    background: #fff;
    padding:58px 30px 30px;
    position: relative;
    z-index: 9;
    border-radius: 10px;
    box-shadow: 1px 10px 24px #00000042;
}
.form-height{
    min-height: 100vh;
}
.logobox {
    width: 130px;
    height: 130px;
    position: absolute;
    top: -76px;
    left: 0;
    right: 0;
    margin: auto;
    border-radius: 50%;
    padding: 10px;
    background: #fff;
    overflow: hidden;
    line-height: 110px;
}
.logobox img{
    width: 100%;
    max-width: ;
}
.landing-form h2{
    font-size: 24px;
    font-weight: 600;
    color: #0600fe;
}

.listoptionform label{
    position: relative;
    padding-left: 8px;
}

.listoptionform label:after{
    position: absolute;
    top: -1px;
    left: 0px;
    width: 22px;
    height: 22px;
    border: 2px solid #047edf;
    content: '';
    border-radius: 50%;
    background: #fff;
}
.listoptionform input:checked:before {
    font-family: "Font Awesome 6 Free";
    position: absolute;
    top: -1px;
    left: 0px;
    font-weight: 600;
    content: '\f00c';
    z-index: 9;
    font-size: 12px;
    color: #fff;
    background: #047edf;
    width: 22px;
    height: 22px;
    line-height: 22px;
    text-align: center;
    border-radius: 50%;
}
.landing-form label{
    font-weight: 500;
}
.landing-form .btn{
    font-size: 15px;
    font-weight: 500;
    letter-spacing: .2px;
}
.landing-form .nav-pills .nav-link{
    background: #f5f5f5;
    border-radius: 0;
    padding: 10px 10px 10px 30px;
    font-size: 14px;
    color: #000;
    border-right: 1px solid #ededed;
    position: relative;
}
.landing-form .nav-item:last-child .nav-link{
    border-right: 0;
}
.landing-form .nav-pills .nav-link.active{
    color: #fff;
    background: #0070e3;
}
.landing-form .nav-pills .nav-link:after{
    position: absolute;
    top: 9px;
    left: 7px;
    width: 22px;
    height: 22px;
    border: 2px solid #047edf;
    content: '';
    border-radius: 50%;
    background: #fff;
}
.landing-form .nav-pills .nav-link.active:before {
    font-family: "Font Awesome 6 Free";
    position: absolute;
    top: 9px;
    left: 7px;
    font-weight: 600;
    content: '\f00c';
    z-index: 9;
    font-size: 12px;
    color: #fff;
    background: #72c050;
    width: 22px;
    height: 22px;
    line-height: 22px;
    text-align: center;
    border-radius: 50%;
}
.chooseoption, .chooseoption2{
    display: none;
}
.regformHeader img{
    height: 100px;
}
.regformHeader h2{
    margin: 12px 0 5px;
    font-size: 22px;
    font-weight: 600;
}
.regformHeader p{
    margin-bottom: 20px;
    font-size: 14px;
}
.formhead {
        background: #161fa7;
    color: #fff;
    padding: 6px 10px;
    font-size: 15px;
    text-transform: uppercase;
    letter-spacing: .5px;
    margin-bottom: 15px;
}
.regavatar-preview{
    width: 130px;
    height: 160px;
    margin: auto;
    position: relative;
    border: 1px solid #C4C4C4;
}
.regavatar-preview img {
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 2;
    top: 0;
    left: 0;
}
.regsignatureupload{
    margin-top: 8px;
    width: 100%;
    height: 55px;
    text-align: center;
    padding: 2px;
}
.regsignatureupload img {
    object-fit: contain;
    max-width: 100%;
    height: 100%;
}
.regFormtable td{
    font-weight: 500;
}
.reg-instruction p{
    font-size: 13px;
}
.regFormtable label{
    font-weight: 600;
}
.regFormtable .form-control{
    min-height: 36px;
    border-radius: 0;
}
.form-courselist{
    padding: 0;
    margin-bottom: 20px;
}
.form-courselist li{
    width: 100%;
    display: inline-block;
    padding-left: 0px;
    font-weight: 500;
    margin-bottom: 8px;
    position: relative;
    vertical-align: top;
}
/*.form-courselist li:before{
    content: '\f35a';
    font-family:"Font Awesome 6 Free";
    font-weight:800;
    margin-right: 5px;
    color: #0dcaf0;
}*/
.sigstu{
    width: 250px;
}
.sigstu img{
    max-height: 50px;
}
.sigstu p{
    margin-top: 10px;
    border-top: 1px dashed #000;
    margin-bottom: 20px;
}

/*************** application print css *****************/
.application-print .table{
    margin-bottom: 15px;
}
.application-print .table thead th {
    padding: 3px 6px;
    border: 1px solid #ddd;
    text-align: left;
    font-size: 12px;
    font-weight: 600;
    background: #ccc;
    color: #000;
    line-height: 22px;
}
.application-print .text-primary {
    color: #025dcd!important;
}
.application-print .table td {
    padding: 6px 6px;
    border: 1px solid #ddd;
    text-align: left;
    font-size: 12px;
    line-height: 22px;
    line-height: 1.6;
}
.application-print .printapplication .table td, .application-print .printapplication {
    font-weight: 500;
    color: #000;
}
.application-print .formTitle {
    background: #161fa7;
    color: #fff;
    padding: 6px 10px;
    font-size: 15px;
    text-transform: uppercase;
    letter-spacing: .5px;
    margin-bottom: 15px;
}
.application-print .avatar-upload2 .avatar-preview {
    width: 160px;
    height: 205px;
    position: relative;
    border: 1px solid #C4C4C4;
    /* box-shadow: 0px 2px 4px 0px rgb(0 0 0 / 10%); */
}
.application-print .avatar-upload2 .avatar-preview > div {
    width: 100%;
    height: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    position: relative;
}
.application-print .avatar-upload2 .avatar-preview > div img {
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 2;
    top: 0;
    left: 0;
}
.application-print .signatureupload {
    margin-top: 8px;
    width: 100%;
    height: 55px;
    text-align: center;
    padding: 2px;
}
.application-print .signatureupload img {
    object-fit: contain;
    max-width: 100%;
    height: 100%;
}
.application-print .avatar-upload2{
    position: relative;
    right: 0;
    top: 0;
    left: 0;
}
/*************online-registration-form****************/
.online-registration-form .regFormtable td{
    padding: 5px 8px;
}
.online-registration-form .formhead{
    margin-bottom: 6px;
    padding: 3px 6px;
    font-size: 13px;
}
.online-registration-form .regformHeader p{
    font-size: 13px;
    margin-bottom: 10px;
}
.online-registration-form .regformHeader h2 {
    margin: 10px 0 5px;
    font-size: 20px;
    font-weight: 600;
}
.online-registration-form .reg-instruction p{
    font-size: 12px;
    margin-bottom: 5px;
}
.online-registration-form .regsignatureupload img{
    max-height: 50px;
}
/***************/
.course-accordion .accordion-button h2 {
    font-size: 15px;
    margin: 0px;
    font-weight: 500;
    color: #000;
}
.course-accordion .badge {
    padding: 7px 10px;
    border-radius: 4px;
    font-weight: 600;
    letter-spacing: .5px;
}
.course-accordion .svg-icon i {
    font-size: 20px;
    width: 36px;
    height: 36px;
    line-height: 36px;
    text-align: center;
    border-radius: 5px;
    background: #ededed;
}
.course-accordion .accordion-button {
    padding:10px 15px;
}
.course-accordion .accordion-button.collapsed .svg-icon i {
    background: #ededed;
    color: #198754 !important;
}
.course-accordion .accordion-button .svg-icon i {
    background: #0bcb71;
    color: #fff !important;
}
.btnlist-box .btn{
    min-width: 110px;
    padding: 7px 15px;
    margin: 1px;
}
.boxpanel{
    padding:10px 14px;
    border-radius: 8px;
    border: 2px solid #eaf2ff;
}
.accordion-body .btnlist-box .btn {
    padding: 5px 12px;
    text-align: center;
}
.blockcin1{
    width: 60px;
    height: 60px;
    line-height: 60px;
    background: #f8fbff;
    border-radius: 50%;
    border: 1px solid #e3edfb;
}
.btn-success{
    background: #0bcb71;
    border-color: #0bcb71;
}
.btn-success:hover{
    background: #07b362;
    border-color: #07b362;
}
.bg-success{
    background: #0bcb71 !important;
}
.text-success {
    color: #0bcb71 !important;
}
.helpdesk{
    position: fixed;
    bottom: 15px;
    width: 50px;
    right: 6px;
    z-index: 99;
}
.helpdesk ul{
    padding: 0;
    margin: 0;
    display: block;
    text-align: center;
}
.helpdesk ul li{
    display: block;
}
.helpdesk ul li a{
    width: 50px;
    height: 50px;
    line-height: 52px;
    border-radius: 50%;
    color: #fff;
    background: #222;
    display: block;
    text-align: center;
    font-size: 28px;
    position: relative;
    margin-bottom: 15px;
    z-index: 9;
}
.helpdesk .whtasapp-chat{
    background: #25d366;
}
/*.helpdesk .whtasapp-chat:after{
    position: absolute;
    content: " ";
    z-index: -1;
    margin: auto;
    background-color: #25d366;
    width: 80px;
    height: 80px;
    border-radius: 100%;
    animation-fill-mode: both;
    -webkit-animation-fill-mode: both;
    opacity: 0.6;
    -webkit-animation: pulse 1s ease-out;
    animation: pulse 1.8s ease-out;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    left: -18px;
    top: -18px;
}*/
.helpdesk .emailus{
    background: #f33e2f;
}
.helpdesk .emailus:after{
    position: absolute;
    content: " ";
    z-index: -1;
    top: -15px;
    left: -15px;
    background-color: #f33e2f;
    width: 80px;
    height: 80px;
    border-radius: 100%;
    animation-fill-mode: both;
    -webkit-animation-fill-mode: both;
    opacity: 0.6;
    -webkit-animation: pulse 1s ease-out;
    animation: pulse 1.8s ease-out;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}
@-webkit-keyframes pulse {
    0% {
        -webkit-transform: scale(0);
        opacity: 0;
    }
    25% {
        -webkit-transform: scale(0.3);
        opacity: 1;
    }
    50% {
        -webkit-transform: scale(0.6);
        opacity: .6;
    }
    75% {
        -webkit-transform: scale(0.9);
        opacity: .3;
    }
    100% {
        -webkit-transform: scale(1);
        opacity: 0;
    }
}

@keyframes pulse {
    0% {
        transform: scale(0);
        opacity: 0;
    }
    25% {
        transform: scale(0.3);
        opacity: 1;
    }
    50% {
        transform: scale(0.6);
        opacity: .6;
    }
    75% {
        transform: scale(0.9);
        opacity: .3;
    }
    100% {
        transform: scale(1);
        opacity: 0;
    }
}
.helppopup{
    position: absolute;
    bottom: 60px;
    right: 0;
    left: 0;
    margin: auto;
}
.helppopup ul li a{
    width: 50px;
    height: 50px;
    line-height: 52px;
    border-radius: 50%;
    color: #fff;
    background: #222;
    display: block;
    text-align: center;
    font-size: 28px;
    position: relative;
    margin-bottom: 15px;
    z-index: 9;
}
.helppopup .whtasapp-chat{
    background: #25d366;
}
.helppopup .envelope{
    background: #0d6efd;
}
.printreciept-box{
    max-width: 1200px;
    margin: 0 auto;
}
.print-reslogo{
    height: 84px;
}
.resiepttable .table td{
    padding: 12px;
}
/********************/
.landingpagepanle{
    background: url(../images/bg6.webp);
    background-size: cover;
    background-position: center;
}
.landing-design{
    width: 700px;
    margin: 0 30px;
    text-align: center;
    margin: auto;
}
.landing-design form {
    max-width: 100%;
    width: 100%;
    text-align: center;
    margin: 20px auto 30px;
    background: #fff;
    position: relative;
    z-index: 9;
    border-radius: 0px;
    box-shadow: 1px 10px 24px #00000042;
}
.boxtablist{
   width: 250px; 
}
.landing-design .nav-item .nav-link{
    border-radius: 0;
    min-height: 100px;
    background: #0096dc;
    text-transform: uppercase;
    font-size: 15px;
    font-weight: 600;
    border-bottom: 1px solid #00a2ed;
    color: #fff;
    letter-spacing: 1px;
    border-left: 5px solid #87d6fb;
    text-align: left;
}
.landing-design .nav-item:last-child .nav-link{
    border-bottom: 0;
}
.landing-design .nav-item .nav-link.active{
    background: #01a8f7;
    color: #fff;
    border-left: 5px solid #fff;
}
.landing-design .tab-content{
    padding: 30px;
}
.landing-info h2{
    font-size: 28px;
    font-weight: 700;
    color: #001018;
    text-transform: uppercase;
}
.landing-info img{
    height: 95px;
}
.listacademic input[type="radio"]{
    display: none;
}
.listacademic{
    padding: 0 25px;
}
.listacademic label{
    cursor: pointer;
}
.listacademic h4 {
    font-size: 15px;
    color: #323232;
    margin: 12px 0;
    text-transform: uppercase;
    letter-spacing: .2px;
    font-weight: 600;
}
.listacademic i{
    font-size: 30px;
    width: 70px;
    height:70px;
    line-height: 70px;
    text-align: center;
    background: #edf7ff;
    border-radius: 50%;
    color: #0096dc;
    position: relative;
}
.listacademic [type="radio"]:checked+i{
    background: #ffd56c;
    color: #fff;
}
.listacademic [type="radio"]:checked+i:after {
    content: '\f00c';
    font-family: "Font Awesome 6 Free";
    position: absolute;
    top: 0;
    right: 0;
    font-size: 12px;
    color: #fff;
    width: 22px;
    height: 22px;
    line-height: 22px;
    background: #72c050;
    border-radius: 50%;
    text-align: center;
 }
 .landing-design .tab-content label{
    font-size: 15px;
    font-weight: 500;
        margin-bottom: 15px;
 }
  .landing-design .tab-content .form-control{
    background-color: #edf7ff;
    min-height: 48px;
    border-color: #01a8f7;
 }
 .selectyear{
    display: block;
    margin: 0;
    padding: 0;
 }
 .selectyear li{
    display: inline-block;
    margin: 0 7px;
 }
.selectyear li a{
    display: block;
    padding: 15px 35px;
    border-radius: 30px;
    background: #ea6873;
    font-weight: 500;
    color: #fff;
    transition: all .3s;
    font-size: 14px;
}
.selectyear li a i{
    color: #fff;
    margin-right: 4px;
}
.selectyear li:nth-child(2) a{
    background: #09c897;
}
.selectyear li a:hover{
    background: #72c050;
    color: #fff;
}
.selectyear li a:hover i{
    color: #fff;
}
.btn.roundedbutton{
    padding: 4px 14px 4px 4px;
    text-align: left;
}
.roundedbutton{
    border-radius: 30px;
}
.roundedbutton i{
    display: inline-block;
    width: 30px;
    height: 30px;
    background: #fff;
    border-radius: 50%;
    margin-right: 5px;
    color: #000;
    line-height: 30px;
    font-size: 15px;
    text-align: center;
}
.course-accordion .boxpanel{
    padding: 5px 14px;
}
.course-accordion .accordion-button:focus{
    outline: none;
    box-shadow: none;
}
.course-accordion .accordion-body .boxpanel{
    background: #f0f6ff;
}
.course-accordion .accordion-body .boxpanel:nth-child(2){
    background: #fffcf2;
}
.popcontext p{
    font-size: 14px;
}
.faa-flash.animated-hover.faa-fast:hover, .faa-flash.animated.faa-fast, .faa-parent.animated-hover:hover>.faa-flash.faa-fast {
    -webkit-animation: flash 1s ease infinite;
    animation: flash 1s ease infinite;
}
@-webkit-keyframes flash{0%,100%,50%{opacity:1}25%,75%{opacity:0}}
@keyframes flash{0%,100%,50%{opacity:1}25%,75%{opacity:0}}
.faa-flash.animated,.faa-flash.animated-hover:hover,
.faa-parent.animated-hover:hover>.faa-flash{-webkit-animation:flash 2s ease infinite;animation:flash 2s ease infinite}
.faa-flash.animated-hover.faa-fast:hover,.faa-flash.animated.faa-fast,.faa-parent.animated-hover:hover>.faa-flash.faa-fast{-webkit-animation:flash 1s ease infinite;animation:flash 1s ease infinite}
.faa-flash.animated-hover.faa-slow:hover,.faa-flash.animated.faa-slow,.faa-parent.animated-hover:hover>.faa-flash.faa-slow{-webkit-animation:flash 3s ease infinite;animation:flash 3s ease infinite}
@-webkit-keyframes bounce{0%,10%,100%,20%,50%,80%{-webkit-transform:translateY(0);transform:translateY(0)}40%{-webkit-transform:translateY(-15px);transform:translateY(-15px)}60%{-webkit-transform:translateY(-15px);transform:translateY(-15px)}}
.loginpanel .backbtn{
    background: #72c050 !important;
}
.backbtn:hover {
    background: #5bb733 !important;
}
textarea.form-control, .modal textarea.form-control{
    line-height:1.4;
}
input[type="file"].form-control{
    padding: 10px;
}


@media(max-width:991px){
    .landing-design{
        width: 100%;
    }
    .landing-design .nav-item .nav-link{
        font-size: 14px;
    }
}
@media(max-width:767px){
    .landing-info img{
        height: 60px;
    }
    .landing-info h2{
        font-size: 22px;
    }
    .boxtablist{
        width: 100%;
    }
    .boxtablist .nav-item{
        width: 33.33%;
    }
    .landing-design .nav-item .nav-link{
        min-height: 70px;
        font-size: 13px;
        letter-spacing: 0;
        padding: 6px;
        border-left: 0;
        border-top: 2px solid #0096dc;
        border-left: 1px solid #01a8f7;
    }
    .landing-design .nav-item .nav-link.active{
        border-left: 0;
    }
}
@media(max-width:480px){
    .listacademic{
        padding: 0 15px;
    }
}

.ccpnlacc .h6{
    font-size: 14px;
}
.ccpnlacc .accordion-button:not(.collapsed){
    background: #daffe4;
}
.ccpnlacc .course-accordion .accordion-body .boxpanel:first-child{
    background: #e1f0ff;
}
.ccpnlacc .course-accordion .accordion-body .boxpanel:nth-child(2){
    background: #fff6d5;
}
.ccpnlacc .course-accordion .accordion-body .boxpanel:nth-child(3){
    background: #d5fbff;
}
.ccpnlacc .course-accordion  .btn-secondary{
    background: #ff7582;
    border-color: #ff7582;
}