body {
     font-family: 'Poppins', sans-serif, arial, Verdana, Helvetica, sans-serif;
     background-size: cover;
     text-align: left;
}
 p {
     text-align: left !important;
}
 .backlayer {
     height: 100%;
     width: 100%;
}
 .backlayer .layerLeft {
     width: 100%;
     display: inline-block;
     background: linear-gradient(-45deg, #287b92, #0c3040, #287b92, #15425d);
     background-size: 400% 400%;
     animation: gradient 15s ease infinite;
     padding: 1px 13px;
     position: relative;
     background: linear-gradient(80deg, #046681, #08141c);
}
 @keyframes gradient {
     0% {
         background-position: 0% 50%;
    }
     50% {
         background-position: 100% 50%;
    }
     100% {
         background-position: 0% 50%;
    }
}
/*.backlayer:before {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    content: "";
    background:rgba(0, 0, 0, 0.06);
    background-size: cover;
    background-attachment: fixed;
}
*/
 .backlayer .layerRight {
}
 .backlayer .logo {
     z-index: 1;
     width: 100%;
}
 .backlayer .logo img {
     max-width: 478px;
     margin-top: 4px;
}
 .backlayer .dark-headers {
     background: #fff !important;
     background: linear-gradient(-45deg, #287b92, #0c3040, #287b92, #15425d);
}
 .login-page {
     color: #fff;
     padding: 40px 30px;
     width: 360px;
     position: relative;
     background: rgba(0, 0, 0, 0.54);
     border: solid 5px rgba(255, 255, 255, 0.6);
}
 .login-page .form-control.underline-input {
     font-size: 16px;
}
 .login-page .btn.btn-greensea, .admin-login-page .btn.btn-greensea {
     width: 100%;
}
 .mt-20 {
     margin-top: 10px;
     margin-bottom: 10px;
     display: inline-block;
     width: 100%;
}
 .login-page .form-control.underline-input {
     font-size: 14px;
}
 .form-control.underline-input {
     background: #ebeff8;
     box-shadow: none;
     padding: 5px 15px;
     height: 40px;
     border: 1px #d6d6d6 solid;
     border-radius: 50px;
}
 .form-control {
     color: #616f77;
     outline: 0;
     vertical-align: top;
     background-color: #fff;
     -webkit-box-shadow: none;
     box-shadow: none;
     border-radius: 2px;
     border: 1px solid #dbe0e2;
}
 .btn.btn-greensea {
     background-color: #ffa200;
     color: white;
     border-color: #ffa200;
     padding: 6px 40px;
     margin-right: 20px;
     border-radius: 50px;
     border: 2px #fff solid;
}
 .btn.btn-greensea:hover, .btn.btn-greensea:active, .btn.btn-greensea.active {
     background-color: transparent;
     border-color: #fff;
     color: #fff;
     -webkit-box-shadow: 0 0 0 rgba(80, 182, 255, 0.31);
     box-shadow: 0 0 0 rgba(80, 182, 255, 0.31);
}
 .form-validation h4 {
     font-size: 18px;
     margin-bottom: 20px;
     font-weight: 600;
}
 .frgt {
     font-size: 13px;
     text-decoration: underline;
     color: #fff;
}
 .flt {
     float: left;
     line-height: 34px;
}
 .mr10 {
     margin-right: 10px;
}
 .dp_ful {
     display: inline-block;
     width: 100%;
}
 .dp_ful .captcha_txt.flt .form-control {
     width: 160px;
     border-radius: 50px;
}
 .loginfooter-lgn {
     font-size: 0px;
     text-align: center;
     background: none 0% 0% repeat scroll rgb(220, 220, 220);
     padding: 8px 0px;
     position: absolute;
     width: 100%;
     bottom: 0;
}
 .error_404 {
     font-size: 24px;
     font-weight: 900;
     color: #000;
}
 .error_p {
     font-size: 14px;
     line-height: 20px;
     color: #979797;
}
 .error_p strong {
     color: #000;
}
 .error_img {
     text-align: center;
     display: inline-block;
     width: 100%;
     margin-bottom: 30px;
}
 .error_img img {
     width: 100px;
}
 .error_img:before {
     content: 'error';
     position: absolute;
     top: 250px;
     left: -30px;
     font-weight: 600;
     color: rgba(0,0,0,.05);
     font-size: 13vw;
     font-family: sans-serif;
}
 .form-validation .form-group {
     position: relative;
}
 .form-validation .form-group .fa {
     position: absolute;
     top: 13px;
     right: 20px;
     color: #9e9e9e;
}
 .form-validation .form-group label {
     font-weight: normal;
     margin-right: 3px;
}
 .form-validation .form-group input[type=radio] {
     position: relative;
     top: 2px;
     margin-right: 2px;
     cursor: pointer;
}
 .form-validation .form-group .radio-invisible input[type=radio] {
     position: relative;
     top: 2px;
     margin-right: 2px;
    /*visibility: hidden;
    */
     display: none;
}
 .form-validation .form-group .radio-invisible label {
     font-weight: normal;
     margin: 0 5px;
}
 .error_page .backlayer:before {
     background: #fff;
}
 .error_page .login-page {
     background: transparent;
     border: 0px;
     margin: 4% auto 0 auto;
}
 .error_page .btn.btn-greensea, .lgt-frm .btn.btn-greensea {
     border-color: #ffa200;
}
 .error_page .btn.btn-greensea:hover, .lgt-frm .btn.btn-greensea:hover {
     color: #333;
     border-color: #ffa200;
}
 .error_page .btn-brd {
     background: #fff;
     color: #3c54a5;
     margin: 15px 0 0px 0;
}
 .error_page .btn-brd:hover {
     background: #3c54a5;
     color: #fff !important;
}
 .lgt-frm .login-page {
     background: #ffffffeb;
     border: solid 4px rgba(60, 84, 165, 0.16);
     border-radius: 10px;
     color: #000;
}
 .lgt-frm .frgt {
     color: #000;
}
 .ole-rst .backlayer .layerRight:before {
     background: rgba(60, 84, 165, 0.83);
     transform: rotate(34deg);
     height: 1500px;
     top: -250px;
     width: 1000px;
     left: 80px;
}
 .ole-rst #wrap {
     overflow: hidden;
}
 .ole-rst .form-control.underline-input, .ole-rst .dp_ful .captcha_txt.flt .form-control {
     background: #fff;
     border: 0px;
     border-bottom: 1px #ddd solid;
     border-radius: 0px;
     box-shadow: none;
     padding: 5px 10px;
}
 .ole-rst .form-control.underline-input:focus, .ole-rst .dp_ful .captcha_txt.flt .form-control:focus {
     box-shadow: none;
     border-bottom: 1px #3c54a5 solid;
}
 .ole-rst .form-validation .form-group .fa {
     right: 10px;
}
 .p-10 {
     padding: 0 10px !important;
}
 .lgt-frm.adt-cd .login-page {
     background: #255e6f;
     border: solid 4px rgb(32, 77, 95);
     color: #fff;
}
 .lgt-frm.adt-cd.alu-lg .login-page {
     background: #3c54a5;
     background: -moz-linear-gradient(top, #3c54a5 0%, #2989d8 99%);
     background: -webkit-linear-gradient(top, #3c54a5 0%,#2989d8 99%);
     background: linear-gradient(to bottom, #3c54a5 0%,#2989d8 99%);
     filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3c54a5', endColorstr='#2989d8',GradientType=0 );
     border: 0px;
}
 .adt-cd.alu-lg .form-control.underline-input, .adt-cd.alu-lg .dp_ful .captcha_txt.flt .form-control {
     background: rgba(0, 0, 0, 0.10);
     border: 2px rgba(234, 234, 234, 0.67) solid;
}
 .adt-cd .form-control.underline-input, .adt-cd .dp_ful .captcha_txt.flt .form-control {
     background: rgba(26, 59, 77, 0.49);
     box-shadow: none;
     padding: 5px 10px 5px 30px;
     border: 2px #d6d6d64a solid;
     color: #fff;
}
 .adt-cd .form-control.underline-input:focus, .adt-cd .dp_ful .captcha_txt.flt .form-control:focus {
     box-shadow: none;
     border-color: #fff;
}
 .adt-cd .form-validation .form-group .fa {
     right: auto;
     left: 15px;
}
 .adt-cd .dp_ful .captcha_txt.flt .form-control {
     padding: 5px 10px 5px 10px;
}
 .lgt-frm.adt-cd .frgt {
     color: #fff;
}
 .adt-cd .btn.btn-greensea {
     background-color: #fff;
     color: #1e4b59;
     border-color: #fcf8e3;
     margin-right: 20px;
     border: 2px #fcf8e3 solid;
}
 .adt-cd .btn.btn-greensea:hover, .adt-cd .btn.btn-greensea:active, .adt-cd .btn.btn-greensea.active {
     background-color: transparent;
     border-color: #fff;
     color: #fff;
     -webkit-box-shadow: 0 0 0 rgba(80, 182, 255, 0.31);
     box-shadow: 0 0 0 rgba(80, 182, 255, 0.31);
}
/*-- Dashboard Start Here-- */
 .dashboard, .dashboard .backlayer:before {
    /*background:#eaf9ff;
    */
     height: 100%;
}
 .backlayer.result:before {
     background: transparent;
}
 .item .carousel-caption {
     font-size: 20px;
     padding: 0;
     font-weight: 600;
}
 .card-box {
     padding: 20px 0;
     border-radius: 5px;
     margin-bottom: 20px;
     background-color: #fff;
     box-shadow: 0 0 24px 0 rgba(0, 0, 0, 0.1),0 1px 0 0 rgba(0,0,0,0.02);
}
 .dashboard .loginfooter-lgn {
     position: relative;
     height: 42px;
     float: left;
     margin-top: 20px;
}
 .dashboard .backlayer .logo {
     text-align: left;
     float: left;
     width: auto;
}
 .dateformatbg a {
     color: #fff;
     background: linear-gradient(23deg, #0a90ca, #ff9800);
     transition: all 0.3s ease;
     padding: 10px 15px;
     border-radius: 30px;
     cursor: pointer;
     text-decoration: none;
}
 .dateformatbg a:hover {
     background: linear-gradient(23deg, #ff9800, #0a90ca);;
     transform: translateY(-3px);
     box-shadow: 0 8px 15px rgba(0, 0, 0, 0.2);
}
 .dateformatbg a i {
     color: #ffffff;
}
 .dateformatbg {
    color: #fff;
    float: right;
    font-size: 14px;
    text-align: right;
    height: auto;
    padding: 10px 1% 0 0;
    width: auto;
    margin-top: 20px; 
}
 .wrapper {
    /*padding:30px 0;
    */
}
 .widget-title {
     position: relative;
     font-size: 16px;
     border-bottom: 0px solid rgba(0,0,0,0.1);
     margin-bottom: 0px;
     background: radial-gradient(at 50% -20%, #3a829a, #58a6c1);
     padding: 5px 10px;
     border-top-left-radius: 4px;
     border-top-right-radius: 4px;
     border-bottom-right-radius: 0;
     border-bottom-left-radius: 0;
}
 .widget-title h4 {
     font-size: 14px;
     min-height: 15px;
     font-weight: 600;
     margin: 4px 0;
     color: #ffffff;
}
 .widget-title:after {
     content: "";
     background: #2c2f34;
     width: 40px;
     height: 2px;
     position: absolute;
     bottom: -2px;
     left: 0;
     display: none;
}
 .widget-title-icon {
     position: absolute;
     right: 0;
     top: 1px;
     color: #b9bec3;
}
 .landing_pg_banner {
     position: relative;
}
 .landing_pg_banner img {
     width: 100%;
}
 .t_tle {
     background: transparent;
     padding: 0;
     margin-bottom: 30px;
     background-color: #fff;
     box-shadow: 0 0 24px 0 rgba(0, 0, 0, 0.17), 0 1px 0 0 rgba(0, 0, 0, 0);
     padding: 20px;
}
 .t_tle h3 {
     font-weight: 600;
     font-size: 18px;
     margin-top: 10px;
     color: #206479;
}
 .t_tle p {
     font-size: 13px;
}
 .hvr-float-shadow {
     display: inline-block;
     vertical-align: middle;
     -webkit-transform: perspective(1px) translateZ(0);
     transform: perspective(1px) translateZ(0);
     box-shadow: 0 0 1px transparent;
     position: relative;
     -webkit-transition-duration: 0.3s;
     transition-duration: 0.3s;
     -webkit-transition-property: transform;
     transition-property: transform;
}
 .base {
     width: 100%;
     background: #c3efff;
     position: relative;
     margin-top: 45px;
     border-top-left-radius: 10px;
     border-top-right-radius: 10px;
     margin-bottom: 15px;
     box-shadow: 0 0 24px 0 rgba(0, 0, 0, 0.06), 0 1px 0 0 rgba(0, 0, 0, 0.02);
     min-height: 205px;
}
 .hvr-float-shadow:before {
     pointer-events: none;
     position: absolute;
     z-index: -1;
     content: '';
     top: 100%;
     left: 5%;
     height: 10px;
     width: 90%;
     opacity: 0;
     background: -webkit-radial-gradient(center, ellipse, rgba(0, 0, 0, 0.35) 0%, transparent 80%);
     background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.35) 0%, transparent 80%);
     -webkit-transition-duration: 0.3s;
     transition-duration: 0.3s;
     -webkit-transition-property: transform, opacity;
     transition-property: transform, opacity;
}
 .base h2 {
     font-size: 13px;
     text-align: center;
     padding: 55px 10px 0 10px;
     color: #333;
     min-height: 130px;
     line-height: 20px;
}
 .base h2 a {
     font-size: 13px;
     color: #2d689a;
     font-weight: 600;
}
 .base-innar {
     background-color: #bfecfb;
     border-top: dotted 1px #9dcada;
     color: #1c5770;
     width: 100%;
     text-align: center;
     padding: 8px 0px;
     font-size: 13px;
}
 .base-innar a {
     color: #1d5872;
}
 .hvr-icon-wobble-horizontal {
     display: inline-block;
     vertical-align: middle;
     -webkit-transform: perspective(1px) translateZ(0);
     transform: perspective(1px) translateZ(0);
     box-shadow: 0 0 1px transparent;
     position: relative;
     padding-right: 2.2em;
     -webkit-transition-duration: 0.3s;
     transition-duration: 0.3s;
}
 .hvr-icon-wobble-horizontal:before {
     content: "\f138";
     position: absolute;
     right: 1em;
     padding: 0 1px;
     font-family: FontAwesome;
     -webkit-transform: translateZ(0);
     transform: translateZ(0);
}
 .bg-circle1 {
     background: #a8d4ea;
     border: 3px solid #FFF;
     box-shadow: 0 0 24px 0 rgba(0, 0, 0, 0.1), 0 1px 0 0 rgba(0, 0, 0, 0.02);
}
 .circle {
     position: absolute;
     height: 100px;
     width: 100px;
     border-radius: 50%;
     left: 52%;
     margin-left: -55px;
     top: -40px;
     text-align: center;
     padding: 19px 0px 15px 0px;
}
 .circle img {
     width: 50px;
     filter: brightness(0) invert(1);
}
 .form_ul ul {
     padding: 0px;
}
 .form_ul li {
     font-size: 13px;
     list-style: none;
     padding: 8px 3px;
     margin: 0px 0;
     position: relative;
     color: #000;
     border-bottom: 1px #ccc dashed;
}
 .form_ul li:hover {
     background: rgba(80, 182, 255, 0.31);
}
 .form_ul li {
     width: 100%;
     display: inline-block;
}
 .form_ul li .downloadicon {
     width: 100%;
     font-size: 12px;
     text-align: right;
}
 .form_ul li .downloadicon a {
     font-size: 14px;
     color: rgb(0, 99, 177);
}
 .form_ul li em {
     display: block;
     color: #777;
     font-size: 13px;
}
 .form_ul li a {
     color: #000;
     font-size: 14px;
}
 .form_ul li img {
     margin-left: 10px;
}
 .form_ul.gnr_not span {
     padding-left: 40px;
}
 .form_ul .dlfle {
     position: absolute;
     left: 10px;
}
 .form_ul .dlfle a {
     background: transparent;
     border: 1px #008000 solid;
     border-radius: 50px;
     padding: 8px 10px;
     width: 30px;
     height: 30px;
     float: left;
}
 .form_ul .dlfle a:hover {
     box-shadow: 0 0 20px #008000;
     border: 1px #ffffff solid;
}
 .form_ul .dlfle a i {
     color: #008000;
     position: relative;
     top: -2px;
     left: -2px;
}
 .view_all {
     padding: 5px 10px 0;
     border-top: 1px #ddd solid;
     text-align: right;
     margin-top: 10px;
     margin-bottom: -10px;
}
 .view_all span {
}
 .view_all a {
     font-size: 12px;
     color: blue;
     font-weight: 500;
}
 .view_all a:hover {
     text-decoration: underline;
     color: red;
}
 .form_ul li .dwn-lnk {
     display: block;
}
 .form_ul li .dwn-lnk a {
     color: red;
}
 .blurb-custom {
     text-align: center;
     padding: 0 20px 0px;
     width: 100%;
}
 .blurb-custom .icon-image-lg {
     width: 100px;
     height: 100px;
}
 .blurb-custom .icon {
     display: inline-block;
     text-align: center;
}
 .blurb-custom .icon-image {
     margin-top: 20px;
}
 .blurb-custom .icon-image-primary {
     background: #fefefe;
     border: 1px #e5e5e5 solid;
}
 .icon-image img {
     width: 50px;
}
 .blurb-custom .blurb-title {
     margin-top: 20px;
     font-weight: 600;
     margin-bottom: 0;
     height: 76px;
     color: #3c54a5;
     line-height: 24px;
}
 .blurb-custom .blurb-title a {
     color: #3c54a5;
     font-size: 14px;
     line-height: 24px;
}
 .blurb-custom .blurb-content {
     margin-top: 0px;
     color: #555555;
     font-size: 13px;
     line-height: 22px;
     height: auto;
}
 .ovrflw {
     height: 460px;
}
 .ovrflw .form_ul {
     height: 395px;
     overflow: auto;
}
 .ovrflw .form_ul::-webkit-scrollbar {
     width: 5px;
     height: 8px;
     background-color: #bde9fc;
}
 .ovrflw .form_ul::-webkit-scrollbar-thumb {
     background: #0177a6;
}
 .lgt-frm .result .login-page {
    /* border: 0px;
     */
     padding: 20px 20px;
     width: 360px;
}
 .lgt-frm .result .dp_ful .captcha_txt.flt .form-control {
     width: 155px;
}
 .lgt-frm .login-page.payment {
     border: 0px;
     background: url(img/bg_v1.png) #fff;
     padding-bottom: 130px;
     background-position: right 0px bottom -130px;
     background-size: 100%;
     background-repeat: no-repeat;
}
 .lgt-frm .login-page.online_bg, .lgt-frm .login-page.internal {
     border: 0px;
     background: url(img/bg_v2.png) #fff;
     padding-bottom: 110px;
     background-position: right 0px bottom 0px;
     background-size: 100%;
     background-repeat: no-repeat;
     border-radius: 0px;
     -ms-transform: translate(-50%,-45%);
     -webkit-transform: translate(-50%,-45%);
     transform: translate(-50%,-45%);
}
 .lgt-frm .login-page.internal {
     border: 0px;
     background: url(img/bg_v3.png) #fff;
     padding-bottom: 130px;
     background-position: right 0px bottom 0px;
     background-size: 100%;
     background-repeat: no-repeat;
     border-radius: 10px;
}
 .lgt-frm .login-page.student_bg {
     border-top-left-radius: 70px;
     border-top-right-radius: 0px;
     border-bottom-right-radius: 70px;
     border-bottom-left-radius: 0px;
     border: 0px;
     padding: 60px 40px;
}
 .lgt-frm .student_bg .form-control.underline-input, .student_bg .dp_ful .captcha_txt.flt .form-control {
     border-top-left-radius: 0;
     border-top-right-radius: 20px;
     border-bottom-right-radius: 0;
     border-bottom-left-radius: 20px;
}
 .admin_bg .form-control.underline-input, .admin_bg .dp_ful .captcha_txt.flt .form-control {
     border-radius: 0px;
     background: transparent;
     color: #fff;
     border: 2px #d6d6d685 solid;
}
 .admin_bg .btn.btn-greensea {
     border-radius: 0px;
     color: #fff;
     border: 2px #d6d6d6 solid;
}
/*-- Dashboard End Here-- */
/*-- slider css start Here-- */
 #admin-wrapper {
     height: 100%;
     width: 100%;
     position: fixed;
}
 #admin-wrapper .carousel-wrapper, #admin-carousel {
     height: 100%;
     width: 100%;
     position: absolute;
}
 #admin-carousel img {
     left: 0;
     bottom: 0;
     min-width: 100%;
     min-height: 100%;
     max-width: none;
     width: 100%;
     height: auto;
}
 #admin-carousel i {
     position: absolute;
     top: 50%;
}
 #admin-wrapper .carousel-fade .carousel-inner .item {
     opacity: 0;
     -webkit-transition-property: opacity;
     -moz-transition-property: opacity;
     -o-transition-property: opacity;
     transition-property: opacity;
     -webkit-transition: opacity 2s ease-in;
     -moz-transition: opacity 1s ease-in;
     -o-transition: opacity 1s ease-in;
     -ms-transition: opacity 1s ease-in;
     transition: opacity 1s ease-in;
}
 #admin-wrapper .carousel-fade .carousel-inner .active {
     opacity: 1;
}
 #admin-wrapper .carousel-fade .carousel-inner .active.left, #admin-wrapper .carousel-fade .carousel-inner .active.right {
     left: 0;
     opacity: 0;
     z-index: 1;
}
 #admin-wrapper .carousel-fade .carousel-inner .next.left, #admin-wrapper .carousel-fade .carousel-inner .prev.right {
     opacity: 1;
}
 #admin-wrapper .carousel-fade .carousel-control {
     z-index: 2;
}
 .page-login.pay_sum .login-page {
     width: 440px;
}
 .page-login .box_sha {
     border-radius: 5px;
     box-shadow: 0 0 10px #dcdcdc;
     padding: 10px;
     margin-top: 20px;
}
 .page-login .table {
     margin: 0px;
     border: 0px;
     border-radius: 5px;
}
 .page-login .table td {
     padding: 5px;
     color: #000;
     text-align: left;
     border: 0px;
     font-size: 13px;
}
 .page-login .table td:first-child {
     font-weight: 600;
}
/*-- slider css end Here-- */
 @media (max-width:1024px) and (min-width:769px) {
     body {
         background-size: auto;
    }
     .error_img:before {
         left: 20px;
         top: 290px;
    }
     .loginfooter-lgn {
         position: static !important;
    }
}
 @media (max-width:768px) and (min-width:641px) {
     body {
         background-size: auto;
    }
     .error_img:before {
         left: 30px;
         top: 240px;
    }
     .login-page {
         left: 25%;
    }
     .loginfooter-lgn {
         position: static !important;
    }
}
 @media (max-width:736px) {
     body {
         background-size: auto;
    }
     .login-page {
         width: 100%;
    }
     .dateformatbg {
         text-align: center;
         padding: 10px 1% 0 0;
    }
     .slider-image img {
         width: 37%;
    }
     .backlayer .logo img {
         max-width: 300px;
    }
     .dp_ful .captcha_txt.flt .form-control {
         width: 120px;
    }
     .error_img:before {
         top: 70%;
         left: 40px;
         font-size: 100px;
    }
     .dashboard .backlayer .layerLeft {
         height: 120px;
    }
    /*.dateformatbg a{
         display:none;
    }
    */
     .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .container {
         padding-right: 10px !important;
         padding-left: 10px !important;
    }
     #admin-wrapper .carousel-wrapper, #admin-carousel {
         height: auto;
         width: 100%;
         position: relative;
         display: none;
    }
     #admin-wrapper {
         background: #fff;
         background: url(img/login-bg.jpg);
    }
     .error_page .btn-brd {
         margin: 0px 0 0px 0;
    }
     .loginfooter-lgn {
         display: none;
    }
     .lgt-frm .result .login-page {
         width: 100%;
    }
     #captcha {
         width: 65% !important;
    }
}
/* Float Shadow */
 .hvr-float-shadow {
     display: inline-block;
     vertical-align: middle;
     -webkit-transform: perspective(1px) translateZ(0);
     transform: perspective(1px) translateZ(0);
     box-shadow: 0 0 1px transparent;
     position: relative;
     -webkit-transition-duration: 0.3s;
     transition-duration: 0.3s;
     -webkit-transition-property: transform;
     transition-property: transform;
}
 .hvr-float-shadow:before {
     pointer-events: none;
     position: absolute;
     z-index: -1;
     content: '';
     top: 100%;
     left: 5%;
     height: 10px;
     width: 90%;
     opacity: 0;
     background: -webkit-radial-gradient(center, ellipse, rgba(0, 0, 0, 0.35) 0%, transparent 80%);
     background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.35) 0%, transparent 80%);
    /* W3C */
     -webkit-transition-duration: 0.3s;
     transition-duration: 0.3s;
     -webkit-transition-property: transform, opacity;
     transition-property: transform, opacity;
}
 .hvr-float-shadow:hover, .hvr-float-shadow:focus, .hvr-float-shadow:active {
     -webkit-transform: translateY(-5px);
     transform: translateY(-5px);
    /* move the element up by 5px */
}
 .hvr-float-shadow:hover:before, .hvr-float-shadow:focus:before, .hvr-float-shadow:active:before {
     opacity: 1;
     -webkit-transform: translateY(5px);
     transform: translateY(5px);
    /* move the element down by 5px (it will stay in place because it's attached to the element that also moves up 5px) */
}
/* Shutter In Vertical */
 .hvr-shutter-in-vertical {
     display: inline-block;
     vertical-align: middle;
     -webkit-transform: perspective(1px) translateZ(0);
     transform: perspective(1px) translateZ(0);
     box-shadow: 0 0 1px transparent;
     position: relative;
     background: #f39c12;
     -webkit-transition-property: color;
     transition-property: color;
     -webkit-transition-duration: 0.3s;
     transition-duration: 0.3s;
}
 .hvr-shutter-in-vertical:before {
     content: "";
     position: absolute;
     z-index: -1;
     top: 0;
     bottom: 0;
     left: 0;
     right: 0;
     background: #025d78;
     -webkit-transform: scaleY(1);
     transform: scaleY(1);
     -webkit-transform-origin: 50%;
     transform-origin: 50%;
     -webkit-transition-property: transform;
     transition-property: transform;
     -webkit-transition-duration: 0.3s;
     transition-duration: 0.3s;
     -webkit-transition-timing-function: ease-out;
     transition-timing-function: ease-out;
}
 .hvr-shutter-in-vertical:hover, .hvr-shutter-in-vertical:focus, .hvr-shutter-in-vertical:active {
     color: white;
}
 .hvr-shutter-in-vertical:hover:before, .hvr-shutter-in-vertical:focus:before, .hvr-shutter-in-vertical:active:before {
     -webkit-transform: scaleY(0);
     transform: scaleY(0);
}
/* Icon Wobble Horizontal */
 @-webkit-keyframes hvr-icon-wobble-horizontal {
     16.65% {
         -webkit-transform: translateX(6px);
         transform: translateX(6px);
    }
     33.3% {
         -webkit-transform: translateX(-5px);
         transform: translateX(-5px);
    }
     49.95% {
         -webkit-transform: translateX(4px);
         transform: translateX(4px);
    }
     66.6% {
         -webkit-transform: translateX(-2px);
         transform: translateX(-2px);
    }
     83.25% {
         -webkit-transform: translateX(1px);
         transform: translateX(1px);
    }
     100% {
         -webkit-transform: translateX(0);
         transform: translateX(0);
    }
}
 @keyframes hvr-icon-wobble-horizontal {
     16.65% {
         -webkit-transform: translateX(6px);
         transform: translateX(6px);
    }
     33.3% {
         -webkit-transform: translateX(-5px);
         transform: translateX(-5px);
    }
     49.95% {
         -webkit-transform: translateX(4px);
         transform: translateX(4px);
    }
     66.6% {
         -webkit-transform: translateX(-2px);
         transform: translateX(-2px);
    }
     83.25% {
         -webkit-transform: translateX(1px);
         transform: translateX(1px);
    }
     100% {
         -webkit-transform: translateX(0);
         transform: translateX(0);
    }
}
 .hvr-icon-wobble-horizontal {
     display: inline-block;
     vertical-align: middle;
     -webkit-transform: perspective(1px) translateZ(0);
     transform: perspective(1px) translateZ(0);
     box-shadow: 0 0 1px transparent;
     position: relative;
     padding-right: 2.2em;
     -webkit-transition-duration: 0.3s;
     transition-duration: 0.3s;
}
 .hvr-icon-wobble-horizontal:before {
     content: "\f138";
     position: absolute;
     right: 1em;
     padding: 0 1px;
     font-family: FontAwesome;
     -webkit-transform: translateZ(0);
     transform: translateZ(0);
}
 .hvr-icon-wobble-horizontal:hover:before, .hvr-icon-wobble-horizontal:focus:before, .hvr-icon-wobble-horizontal:active:before {
     -webkit-animation-name: hvr-icon-wobble-horizontal;
     animation-name: hvr-icon-wobble-horizontal;
     -webkit-animation-duration: 1s;
     animation-duration: 1s;
     -webkit-animation-timing-function: ease-in-out;
     animation-timing-function: ease-in-out;
     -webkit-animation-iteration-count: 1;
     animation-iteration-count: 1;
}
/*custom for JNVU*/
 .header_pnl_link {
     padding-top: 22px !important;
}
 #username, #upassword {
    /*background:none !important;
    */
}
 .btn {
     height: auto !important;
}
/* new admin with content*/
 .admin-login-page {
     color: #fff;
     padding: 40px 30px;
     position: relative;
     background: rgb(28 39 45 / 75%);
     border: solid 5px rgb(190 201 205);
     margin: 14% 0 0 10%;
     width: 85%;
     border-radius: 15px;
}
 .admin-login-page #username, .admin-login-page #upassword {
     background: #fff !important;
}
 .content_li h4 {
     color: #fff;
     font-weight: 600;
     font-size: 16px;
     margin-bottom: 20px;
     margin-top: 0;
     line-height: 28px;
}
 .content_li {
     color: #fff;
     padding: 40px 20px;
     background: rgb(65 128 180 / 78%);
     border: solid 5px rgba(255, 255, 255, 0.6);
     display: inline-block;
     width: 100%;
     min-height: 390px;
     margin-top: 3.5%;
     border-radius: 15px;
}
 .content_li ul {
     padding: 0px;
}
 .content_li ul li {
     font-size: 12px;
     line-height: 20px;
     list-style: none;
     background: url(../../img/tick_icon.png) no-repeat;
     padding-left: 20px;
     font-weight: normal;
}
 .header_pnl_link {
     float: right;
     list-style: outside none none;
     margin: 0;
     padding: 31px 0 0 0;
}
 .header_pnl_link li {
     float: left;
     font-size: 14px;
     font-weight: 600;
     line-height: 22px;
     margin-right: 10px;
     padding-left: 24px;
}
 .header_pnl_link li a {
     color: #fff;
}
 .white_content-new-1 {
     background: url(../../img/overlay.png) repeat scroll 0 0;
     float: left;
     height: 100%;
     left: 0;
     position: fixed;
     top: 0;
     width: 100%;
     z-index: 9999;
}
 .popupboxouter {
     margin: 5% auto 0;
     width: 60%;
}
 .popupbox {
     background: none repeat scroll 0 0 #FFFFFF;
     border: 15px solid #063747;
     border-radius: 10px;
     float: left;
     padding: 10px;
     position: relative;
     width: 100%;
}
 .close-1 {
     background: url(../../img/closebutton.png) no-repeat scroll 0 0;
     cursor: pointer;
     float: right;
     font-size: 0;
     height: 22px;
     position: absolute;
     right: 11px;
     top: 12px;
     width: 22px;
     z-index: 99;
}
 .tableheadingmain {
     background: #063747!important;
     color: #fff !important;
     font-size: 14px;
     height: 26px;
     line-height: 25px;
     padding: 3px 8px !important;
}
 .button-common {
     background: #039595;
     border: 1px solid #007c7c;
     border-radius: 5px;
     color: #fff;
     cursor: pointer;
     font-size: 12px;
     padding: 5px;
}
 .imp_link ul li a {
     font-weight: 500;
     color: blue;
}
 @media (max-width: 768px) {
     .admin-login.backlayer .layerRight {
         padding: 0 !important;
    }
     .content_li ul li {
         font-size: 12px;
         line-height: 20px;
    }
     .loginfooter-lgn {
         position: static !important;
    }
     .admin-login-page {
         min-height: 100px;
    }
     .popupboxouter {
         width: 95%;
    }
     .refresh-btn .fa {
         position: static !important;
    }
     .admin-login-page {
         margin: 5% 0;
         width: 98%;
    }
     .livechat-close {
         width: 300px !important;
         background-size: contain !important;
         height: 160px !important;
    }
     .livechat-close-btn {
         right: 18px !important;
         top: 58px !important;
    }
}
/* new admin with content*/
 .custom-login-page {
     width: 50%;
     margin: 0 auto;
}
 .login-page-inside-div {
     background: #1d5972d1;
     display: inline-block;
     width: 100%;
     margin-top: 120px;
     border-radius: 10px;
     box-shadow: 0 0px 15px #061219;
     padding: 22px 15px;
}
 .custom-radio-btn table tr td label {
     padding: 0 0 0 5px;
}
 .custom-radio-btn table tr td input[type="radio"] {
     margin: 0;
}
 .custom-text-left {
     text-align: left !important;
}
 .login-page-inside-div h2 {
     color: #f6f6f6;
     margin: 0 0 10px 0;
     font-size: 18px;
     border-bottom: dotted 1px #fff;
     padding-bottom: 10px;
     font-weight: 600;
}
 .login-page-inside-div label {
     font-size: 14px !important;
     color: #fff;
     font-weight: 600;
     margin-bottom: 5px !important;
}
 .login-page-inside-div .form-control {
     background: #d1eded;
     color: #000;
}
/*Live chat css on 22 june 2021*/
 .livechat {
     position: fixed;
     right: 20px;
     bottom: 20px;
     z-index: 99;
     width: 320px;
}
 .livechat_inside {
     box-shadow: 0 0px 18px 0px #509cb6;
     background: #fff;
     border-radius: 20px;
}
 .chat-body {
     border-bottom-left-radius: 20px;
     padding: 20px;
     background: #fff;
     border-bottom-right-radius: 20px;
}
 .chatheader {
     background: #3a029e;
     background: linear-gradient(80deg, #046681, #08141c);
     color: #fff;
     padding: 20px;
     border-top-left-radius: 20px;
     border-top-right-radius: 20px;
     font-size: 13px;
     position: relative;
}
 .chat-circle-icon {
     position: absolute;
     top: -39px;
     left: 128px;
     background: #3a029e;
     background: linear-gradient(80deg, #046681, #08141c);
     width: 70px;
     height: 70px;
     border-radius: 50%;
     border: solid 5px #fff;
     text-align: center;
}
 .chat-circle-icon img {
     width: 30px;
     margin-top: 13px;
     filter: brightness(0) invert(1);
}
 .chatbtn {
     display: inline-block;
     position: absolute;
     right: 30px;
     top: 8px;
}
 .chatbtn-close {
     display: inline-block;
     position: absolute;
     right: 10px;
     top: 17px;
}
 .livechat-close-main {
     position: fixed;
     right: 8px;
     bottom: 8px;
}
 .livechat-close {
     background: url(../../App_Themes/skyblue/Images/chat-img1.png) no-repeat scroll 0 0;
     width: 340px;
     height: 143px;
     cursor: pointer;
}
 .livechat-close-btn {
     font-size: 20px;
     color: #f10909;
     position: absolute;
     right: 24px;
     top: 4px;
}
 .chatbtn input#plus {
     background: url(../../img/plus.png) no-repeat scroll 0 0;
     border: 0;
     text-align: right;
     font-size: 0;
     width: 22px;
     height: 22px;
}
 .chatbtn input#minus {
     background: url(../../img/minus.png) no-repeat scroll 0 0;
     border: 0;
     text-align: right;
     font-size: 0;
     width: 22px;
     height: 22px;
}
 .chatbtn input {
     color: #000;
     padding: 1px 8px;
     font-weight: bold;
     position: absolute;
     right: 10px;
     top: 10px;
}
 .need-assistance-head {
     text-align: right;
}
 .need-assistance-head img {
     width: 100px;
     transition: all 0.3s ease;
}
 .need-assistance-head img:hover {
     transform: translateY(-3px);
}
/*.webchat--css-axtly-1tdc372.webchat__basic-transcript {
     background: url('../../img/chat-background.png') no-repeat scroll 0 0 transparent;
     background-size: cover;
}
*/
 .fieldset-border legend {
     padding: 7px 13px !important;
     color: #ffffff !important;
     background: #35758a;
     border-radius: 5px;
     font-size: 15px !important;
}
/*----new login design start here----*/
 .examination-login.alumnilgn .form-section {
     background: #b7e3f1;
}
 .alumnilgn h2.headh2, .alumnilgn p.headp, .examination-login.alumnilgn .form-section h3, .examination-login.alumnilgn .form-section .form-control {
     color: #000;
}
 .examination-login.alumnilgn .form-section .form-control {
     background: #ffffff4f;
}
 .examination-login .form-section {
     min-height: 100vh;
     position: relative;
     text-align: center;
     display: flex;
     justify-content: center;
     align-items: center;
     padding: 20px 50px;
}
 .examination-login .form-section p p {
     color: #535353;
}
 .examination-login .form-inner {
    /* max-width: 435px;
    */
     width: 100%;
}
 .examination-login .bg-img {
     background: url(../../App_Themes/CCSBLUE/images/admin-bg3.jpg) top center repeat;
     background-size: 100% 100%;
     z-index: 999;
     min-height: 100vh;
     position: relative;
     display: flex;
     justify-content: center;
     align-items: center;
     padding: 30px;
}
/*.examination-login .bg-img:before {
     position: absolute;
     content: '';
     top: 0;
     left: 0;
     right: 0;
     bottom: 0;
     background: rgb(36 10 99 / 47%);
}
*/
 .examination-login .form-section .extra-login {
     margin-bottom: 25px;
     position: relative;
}
 .examination-login .form-section .extra-login::before {
     position: absolute;
     left: 0;
     top: 10px;
     width: 100%;
     height: 1px;
     background: #d8dcdc;
     content: "";
}
 .examination-login .form-section .extra-login > span {
     padding: 1px 20px;
     position: relative;
     font-size: 15px;
     color: #ffffff;
     background: #151f28;
}
 .examination-login .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;
}
 .examination-login .form-check-input:focus {
     border-color: snow;
     outline: 0;
     box-shadow: none;
}
 .examination-login .form-check-input:checked {
     background-color: #f5c025 !important;
     border: 1px solid #f5c025 !important;
}
 .examination-login .form-section p {
     margin-bottom: 0;
     font-size: 16px;
}
 .examination-login .form-section ul {
     list-style: none;
     padding: 0;
     margin: 0 0 20px;
}
 .examination-login .form-section .social-list li {
     display: inline-block;
     margin-bottom: 5px;
}
 .examination-login .form-section .thembo {
     margin-left: 4px;
}
 .examination-login .form-section h3 { 
     font-size: 20px;
     color: #fff;
     margin:15px 0;
}
 .examination-login .form-section .form-group {
     margin-bottom: 18px;
     position: relative;
}
 .examination-login .form-section .form-control {
     padding: 11px 52px 9px;
     font-size: 16px;
     outline: none;
     height: 55px;
     color: #FFF;
     border-radius: 50px;
     font-weight: 500;
     border-bottom: 1px solid #00000057;
     background: #ffffff4a;
     width: 100%;
     border-top: none;
     border-left: none;
     border-right: none;
}
.examination-login .form-section .login-form-bg .form-control {
     color: #000;
     background: #07455821 !important;
}
#R_txtLogin::placeholder, #R_txtPass::placeholder {
     color: #fff;
}
#V_txtRegDob::placeholder {
     color: #555!important;
}
 .examination-login .form-section .form-check {
     margin-bottom: 0;
     float: left;
     padding: 0;
     margin-left: 24px;
}
 .examination-login .form-section .form-check-label {
     padding-left: 5px;
     font-size: 16px;
     color: #FFF;
}
 .examination-login .form-section a.forgot-password {
     font-size: 16px;
     color: #fff !important;
    /*float: right;
    */
}
 p.flexes {
     text-align: end;
}
 .examination-login .checkbox.form-group.clearfix {
     margin-bottom: 0px;
}
 .examination-login .form-section a.forgot-password:hover {
     color: #ffb108;
}
 .examination-login .logo img {
     margin-bottom: 15px;
    /*height: 210px;
    */
}
 .examination-login .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: 18px;
     font-weight: 400;
     font-family: 'Jost', sans-serif;
     border-radius: 50px;
     width: 100%;
}
 .examination-login .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;
}
 .examination-login .btn-theme:hover:after {
     transform: perspective(200px) scaleX(1.05) rotateX(0deg) translateZ(0);
     transition: transform 0.4s linear, transform 0.4s linear;
}
 .examination-login .btn-lg {
     padding: 0 50px;
     line-height: 55px;
}
 .examination-login .btn-primary {
    background: linear-gradient(23deg, #0a90ca, #ff9800);
    transition: all 0.3s ease;
    margin-top: 25px;
    cursor: pointer;
}
 .examination-login .btn-primary:hover, .examination-login .btn-primary:after {
     transform: translateY(-3px);
     box-shadow: 0 8px 15px rgba(0, 0, 0, 0.2);
}
 .examination-login .lines {
     position: absolute;
     top: 0;
     left: 0;
     right: 0;
     height: 100%;
     z-index: -1;
}
 .examination-login .line {
     position: absolute;
     width: 5px;
     height: 100%;
     top: 0;
     left: 50%;
     background: rgba(255, 255, 255, 0.1);
     overflow: hidden;
}
 .examination-login .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;
}
 .examination-login .line:nth-child(1) {
     margin-left: -40%;
}
 .examination-login .line:nth-child(1)::after {
     animation-delay: 1s;
}
 .examination-login .line:nth-child(3) {
     margin-left: 40%;
}
 .examination-login .line:nth-child(3)::after {
     animation-delay: 2s;
}
 .examination-login .line:nth-child(4) {
     margin-left: -20%;
}
 .examination-login .line:nth-child(4)::after {
     animation-delay: 3s;
}
 .examination-login .line:nth-child(5) {
     margin-left: 20%;
}
 .examination-login .line:nth-child(5)::after {
     animation-delay: 4s;
}
 @keyframes drop {
     0% {
         top: -50%;
    }
     100% {
         top: 110%;
    }
}
 .examination-login .info {
     max-width: 650px;
}
 .examination-login .info p {
     color: #fff;
     opacity: 0.8;
     font-size: 15px;
     line-height: 25px;
}
 .examination-login .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;
}
 .examination-login .social-list li a i {
     height: 40px;
     width: 40px;
     line-height: 40px;
     float: left;
     border-radius: 3px;
}
 .examination-login .social-list li a span {
     margin-right: 7px;
}
 .examination-login .name_wrap h1 {
     position: relative;
     font-size: 55px;
     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;
}
 .examination-login h1 span {
     color: transparent;
     -webkit-text-stroke: 1px #fff;
     padding-left: 2px;
}
 h2.headh2 {
     line-height: 30px;
     margin-top: -10px;
     text-align: center;
     font-weight: 300;
     font-size: 25px;
     color: #fff;
}
 p.headp {
     font-size: 12px !important;
     margin-bottom: 15px !important;
     margin-top: -5px !important;
     color: #fff;
}
 @media (max-width: 992px) {
     .examination-login .bg-img {
        /*display: none;
        */
    }
}
 h4.headingh4 {
     color: #fff;
     margin-top: -10px;
}
 h4.headingh4.op {
     opacity: 0.9;
}
 .examination-login .form-inner .form-box i {
     position: absolute;
     top: 12px;
     left: 20px;
     font-size: 20px;
     color: #666666;
}
 .examination-login .form-inner .form-validation .form-group .fa {
     right: 0px;
}
 .home-btn {
     position: absolute;
     top: 15px;
     right: 15px;
}
 .form-group .custom-button-theme {
     margin-top: 0px;
     cursor: pointer;
}
 .radio-invisible {
     display: flex;
}
 .login-tab-normal {
     background: #0092cb;
     padding: 8px 0 8px 3px;
     border-radius: 5px;
     cursor: pointer;
     color: #ffffff;
     width: 100%;
     font-size: 13px;
     white-space: normal;
     justify-content: center;
     align-items: center;
     display: flex;
     margin: 0 1px;
}
 .login-tab-normal.active {
     background: #ff9800;
     color: #fff;
}
 .examination-login .form-section .login-form-bg-common .form-control {
     color: #000;
     background: #07455821 !important;
}
/*.examination-login .logo.cust-logo img {
     height: auto;
}
*/
 .cust-group-form a {
     color: #fff;
}
 .cust-group-form:hover a {
     text-decoration: underline;
}
 .form-group .custom-button {
     position: relative;
     display: inline-block;
     border: none;
     outline: none !important;
     color: #ff9800;
     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: 50px;
     width: 100%;
     background: transparent;
     border: 1px solid #ff9800;
}
 .form-group .custom-button:hover {
     color: #fff;
     background: #ff9800;
}
 .examination-login .form-section .form-group.cust-group-form {
     margin-bottom: 5px;
}
 .plc-student-login .input-label {
     width: 100%;
     text-align: left;
     color: #fff;
     padding-left: 25px;
}
 .plc-student-login .form-section .form-control {
     padding: 11px 45px 9px;
}
 .custom-home {
     position: absolute;
     top: 20px;
     z-index: 1;
     color: #fff !important;
     right: 20px;
}
 .examination-login .btn-primary:hover {
     text-decoration: underline;
}
 .login-footer-common {
     background: transparent !important;
}
 .no-border {
     border: 1px solid #ff9800 !important;
     background: transparent !important;
     color: #ff9800 !important;
}
 .no-border:hover {
     border: 1px solid #ff9800;
     background: #ff9800;
     color: #fff !important;
}
/*New main page css */
 .co1 .moduleimage {
     background: #24a2ce;
}
 .co2 .moduleimage {
     background: #6fab89;
}
 .co3 .moduleimage {
     background: #aa5f7e;
}
 .co4 .moduleimage {
     background: #d47b9b;
}
 .co5 .moduleimage {
     background: #6495b6;
}
 .co6 .moduleimage {
     background: #c8845d;
}
 .co7 .moduleimage {
     background: #a37bb7;
}
 .co8 .moduleimage {
     background: #2bb6af;
}
 .co9 .moduleimage {
     background: #417698;
}
 .co10 .moduleimage {
     background: #c1ab70;
}
 .co11 .moduleimage {
     background: #7179c1;
}
 .co12 .moduleimage {
     background: #e1b582;
}
 .co13 .moduleimage {
     background: #56cf87;
}
 .co14 .moduleimage {
     background: #44b3d4;
}
 .co15 .moduleimage {
     background: #e59acd;
}
 .co16 .moduleimage {
     background: #3d9dce;
}
 .co17 .moduleimage {
     background: #b6888d;
}
 .co18 .moduleimage {
     background: #e19278;
}
 .co19 .moduleimage {
     background: #7e8e8d;
}
 .co20 .moduleimage {
     background: #a69483;
}
 .co21 .moduleimage {
     background: #bfae59;
}
 .co22 .moduleimage {
     background: #9ea56c;
}
 .co23 .moduleimage {
     background: #61c3a9;
}
 .co24 .moduleimage {
     background: #45a7c5;
}
 .co25 .moduleimage {
     background: #a292b3;
}
 .co26 .moduleimage {
     background: #c76d62;
}
 .co27 .moduleimage {
     background: #417698;
}
 .co28 .moduleimage {
     background: #2bb6af;
}
 .co29 .moduleimage {
     background: #a37bb7;
}
 .co30 .moduleimage {
     background: #aa5f7e;
}
 .co31 .moduleimage {
     background: #6fab89;
}
 .co32 .moduleimage {
     background: #24a2ce;
}
 .card-home {
     position: relative;
     display: flex;
     flex-direction: column;
     min-width: 0;
     word-wrap: break-word;
     background-color: #fff;
     margin: 5%;
     background-clip: border-box;
     border-radius: 50px;
     padding: 10px;
     height: 80px;
     box-shadow: 0px 0px 20px #4263814a;
}
 .pl-5 {
     padding-left: 5px;
}
 .modulename {
     font-size: 11px;
     width: 100%;
}
 .m-heading {
     width: 100%;
     font-size: 13px;
     font-weight: 500;
     display: block;
     color: #35648e;
     font-family: 'Poppins', sans-serif, arial, Verdana, Helvetica, sans-serif;
}
 .m-text {
     display: none !important;
}
 .moduleimage img {
     width: 30px !important;
    /* filter: grayscale(50%) opacity(0.9);
     */
     filter: brightness(0) invert(1) !important;
     margin-top: 15px !important;
}
 .tab-content {
     border-bottom-left-radius: 5px;
     border-bottom-right-radius: 5px;
}
 .col-sm-2-5 {
     width: 16.666%;
     float: left;
}
 .tab-content .fade {
     position: static;
     background: none;
}
 .custom-home-tab.panel-default {
     border: none;
}
 .custom-home-tab.panel-default .panel-heading {
     background-color: #ffb400;
     border-color: #ffb400;
     padding-bottom: 0;
     border: none;
     border-radius: 0;
}
 .custom-home-tab.panel-default .nav-tabs {
     padding: 0;
}
 .custom-home-tab.panel-default .nav-tabs li a {
     font-size: 14px;
     text-transform: uppercase;
     color: #000;
     font-weight: 500;
     padding: 15px 20px;
     border-top-left-radius: 10px;
     border-top-right-radius: 10px;
}
 .custom-home-tab .nav > li > a:hover, .custom-home-tab .nav > li > a:focus {
     background-color: #ffffff;
     border-color: #fff #fff #fff !important;
}
 .custom-home-tab .nav-tabs > li.active > a, .custom-home-tab .nav-tabs > li.active > a:hover, .custom-home-tab .nav-tabs > li.active > a:focus {
     background-color: #fff2d3;
     border: 1px solid #fff2d3;
}
 .custom-home-tab .widget-title {
     position: relative;
     border-bottom: 2px solid rgb(122 122 122 / 10%);
     margin-bottom: 20px;
     background: transparent;
     padding-left: 0;
}
 .custom-home-tab .widget-title h4 {
     color: rgb(34 103 128);
     font-size: 18px;
}
 .custom-home-tab .widget-title:before {
     content: "";
     background: #ffb400;
     width: 145px;
     height: 2px;
     position: absolute;
     bottom: -2px;
     left: 0;
}
 .custom-home-tab .card-box {
     padding: 0;
}
 .bell-icon {
     background: #deedf3;
     width: 50px;
     height: 50px;
     border-radius: 50px;
     text-align: center;
     padding-top: 12px;
     margin-right: 5px;
}
 .bell-icon i {
     color: #0177a6;
     font-size: 21px;
}
 .imp_link {
     padding: 15px;
}
 .imp_link li {
     background: #d8ecf5;
     border: 0;
     border-radius: 30px;
     margin-bottom: 8px;
     padding-left: 8px;
}
 .imp_link li:hover {
     background: #e8f8ff;
}
 .imp_link li i {
     color: #0177a6;
     background: #ffffff9e;
     padding: 8px;
     border-radius: 25px;
     font-size: 14px;
     margin-right: 5px;
}
 @media (max-width:769px) and (min-width:300px) {
     .examination-login .logo.cust-logo img {
         margin-bottom: 15px;
         height: 150px;
    }
     .examination-login {
         background: #1c677f;
    }
     .examination-login .form-section .login-form-bg-common .form-control {
         color: #000;
         background: #fff;
    }
     .examination-login .form-section h3.mobile-text-black {
         color: #fff !important;
    }
}
/*----new login design end here----*/
/*-----19-06-2025 new continuity login start here------*/
 .contiunity-login.alumnilgn .form-section {
     background: #b7e3f1;
}
 .contiunity-login.alumnilgn .form-section .form-control {
     background: #ffffff4f;
}
 .contiunity-login .form-section {
     min-height: 95vh;
     position: relative;
     text-align: center;
     display: flex;
     justify-content: center;
     align-items: center;
     padding: 20px 50px;
}
 .contiunity-login a {
     text-decoration: none;
     color: #064a49;
}
 .contiunity-login .logo {
     float: none;
}
 .contiunity-login .form-inner {
     max-width: 435px;
     width: 100%;
}
 .contiunity-login .form-section .extra-login, .contiunity-login .form-section .form-group {
     margin-bottom: 25px;
     position: relative;
}
 .contiunity-login .form-section .form-check-input {
     width: 20px;
     height: 20px;
     margin-top: 0;
     position: absolute;
     border-radius: 2px;
     border: none;
     background-color: #fff;
     margin-left: -22px;
}
 .contiunity-login .form-check-input:focus {
     border-color: snow;
     outline: 0;
     box-shadow: none;
}
 .contiunity-login .form-check-input:checked {
     background-color: #f5c025 !important;
     border: 1px solid #f5c025 !important;
}
 .contiunity-login .form-section p {
     margin-bottom: 0;
     font-size: 16px;
}
 .contiunity-login .form-section h3 {
     margin: 15px 0;
     font-size: 18px;
     color: #faa905;
}
 .contiunity-login .form-section .form-control {
     padding: 11px 28px 9px;
     font-size: 16px;
     outline: 0;
     height: 55px;
     color: #fff;
     border-radius: 8px;
     font-weight: 500;
     border-bottom: 1px solid #0000002b;
     background: #ffffff2e;
     width: 100%;
     border: none;
}
 .contiunity-login .form-section .form-control.custom-controls {
     background: #ffffffc9;
     color: #000;
}
 #R_txtRollNo::placeholder, #V_txtRegDob::placeholder {
     color: #fff;
}
 .contiunity-login .form-section .form-check {
     margin-bottom: 0;
     float: left;
     padding: 0;
     margin-left: 24px;
}
 .contiunity-login .form-section .form-check-label {
     padding-left: 5px;
     font-size: 16px;
     color: #fff;
}
 .contiunity-login .form-section a.forgot-password {
     font-size: 16px;
     color: #fff !important;
}
 .contiunity-login .checkbox.form-group.clearfix {
     margin-bottom: 0;
}
 .contiunity-login .form-section a.forgot-password:hover {
     color: #ffb108;
}
 .contiunity-login .logo img {
     margin-bottom: 15px;
     height: 125px;
}
 .contiunity-login .btn-theme {
     position: relative;
     display: inline-block;
     border: none;
     color: #fff;
     z-index: 1;
     border-radius: 0;
     width: 100%;
}
 .contiunity-login .btn-theme:after, .contiunity-login .lines {
     right: 0;
     z-index: -1;
     top: 0;
     left: 0;
     position: absolute;
}
 .contiunity-login .btn-theme:after {
     bottom: 0;
     content: "";
     border-radius: 3px;
     transform: perspective(200px) scaleX(.1) rotateX(90deg) translateZ(-10px);
     transform-origin: bottom center;
     transition: transform .4s linear, transform .4s linear;
}
 .contiunity-login .btn-theme:hover:after {
     transform: perspective(200px) scaleX(1.05) rotateX(0) translateZ(0);
     transition: transform .4s linear, transform .4s linear;
}
 .contiunity-login .btn-lg {
     padding: 0 50px;
     line-height: 55px;
}
 .contiunity-login .btn {
     box-shadow: none !important;
}
 .contiunity-login .btn-primary {
     background: #faa905;
     margin-top: 25px;
     color: #002351;
}
 .contiunity-login .btn-primary:after, .contiunity-login .btn-primary:hover {
     background: #faa905;
     text-decoration: underline;
     color: #fff;
}
 .contiunity-login .info {
     max-width: 650px;
}
 .contiunity-login .info p {
     color: #fff;
     opacity: .8;
     font-size: 15px;
     line-height: 25px;
}
 .contiunity-login .name_wrap h1 {
     position: relative;
     font-size: 55px;
     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;
}
 .contiunity-login h1 span {
     color: transparent;
     -webkit-text-stroke: 1px #fff;
     padding-left: 2px;
}
 h2.headh2 {
     line-height: 30px;
     margin-top: -10px;
     text-align: center;
     font-weight: 300;
     font-size: 25px;
     color: #fff;
}
 p.headp {
     font-size: 12px !important;
     margin-bottom: 15px !important;
     margin-top: -5px !important;
     color: #fff;
}
 .cust-group-form a, .contiunity-login .info ul {
     color: #fff;
}
 .contiunity-login .form-inner .form-box i {
     position: absolute;
     top: 19px;
     left: 20px;
     font-size: 16px;
     color: #c3c3c3;
}
 .contiunity-login .home-btn {
     position: absolute;
     top: 15px;
     right: 15px;
     background: #faa905;
     padding: 6px 10px;
     border-radius: 6px;
}
 .contiunity-login .home-btn a {
     color: #fff;
     font-size: 14px;
}
 .calend-cust, .custom-home {
     position: absolute;
     right: 20px;
}
 .form-group .custom-button-theme {
     margin-top: 0;
}
 .contiunity-login .logo.cust-logo img {
     height: auto;
     margin: 0 auto;
}
 .form-group .custom-button {
     position: relative;
     display: inline-block;
     border: 1px solid #ff9800;
     color: #ff9800;
     z-index: 1;
     border-radius: 50px;
     width: 100%;
     background: 0 0;
}
 .form-group .custom-button:hover {
     color: #fff;
     background: #ff9800;
}
 .contiunity-login .form-section .form-group.cust-group-form {
     margin-bottom: 5px;
}
 .plc-students-loginn .input-label {
     width: 100%;
     text-align: left;
     color: #b5b5b5;
     padding-left: 25px;
     font-size: 13px;
}
 .contiunity-date {
     position: absolute;
     top: 15px;
     right: 15px;
}
 @media (max-width:769px) and (min-width:300px) {
     .contiunity-login {
         background: #00b4cb;
    }
}
/*-----19-06-2025 new continuity login end here------*/
/*-----29-08-2025 new Guest House login Start here------*/
/*--start guest house login page---*/
 .border-right {
     border-right: 1px solid #ffffff52;
}
 .guest-card-8 .inner {
     border-radius: 5px;
     text-align: center;
     padding: 0;
     position: relative;
     transition: 0.4s;
    /*margin-bottom: 40px;
    */
}
 .guest-card-8 .inner .icon {
     position: relative;
     width: 90px;
     height: 90px;
     display: flex;
     align-items: center;
     background: #ffffffa8;
     border-radius: 100%;
     justify-content: center;
     margin: 0 auto;
}
 .guest-card-8 .inner .content .title {
     font-weight: 600;
     font-size: 14px;
     line-height: 20px;
     margin-bottom: 20px;
}
 .guest-card-8 .inner .content span {
     font-weight: 500;
     font-size: 12px;
}
 .guest-card-8 .inner .hover-action .read-more-btn {
     width: 40px;
     height: 40px;
     background: #525fe1;
     color: #fff;
     display: inline-block;
     line-height: 43px;
     border-radius: 100%;
     font-size: 20px;
}
 .guest-card-8:hover .inner .hover-action {
     opacity: 1;
}
 .guest-card-8 .inner .hover-action {
     position: absolute;
     bottom: -20px;
     left: 50%;
     transform: translateX(-50%);
     transition: 0.4s;
     opacity: 0;
}
 .guest-content {
     padding: 0;
}
 .button-common.cust-button-common {
     display: inline-block;
     width: 100%;
}
 .button-common.cust-button-common:hover {
     letter-spacing: 0px;
}
 .title a {
     color: #fff;
     font-size: 15px;
}
 .icon img {
     width: 55px;
     height: 55px;
}
 .margin-top {
     margin-top: 20px;
}
 @media (max-width:768px) and (min-width:240px) {
     .module-card.guest-card-8 {
         margin-bottom: 50px;
    }
     .border-right {
         border-bottom: 1px solid #ffffff52;
         border-right: 0;
         padding-top: 35px;
    }
     .border-right-none {
         padding-top: 35px;
    }
     .guest-content {
         margin-bottom: 10%;
    }
     .ghm-login {
         background: #005568;
    }
}
/*---end guest house login page--*/
/*---guest house login page---*/
 .ghm-login.alumnilgn .form-section {
     background: #b7e3f1;
}
 .ghm-login.alumnilgn .form-section h3, .ghm-login.alumnilgn .form-section .form-control {
     color: #000;
}
 .ghm-login.alumnilgn .form-section .form-control {
     background: #ffffff4f;
}
 .ghm-login .form-section {
     min-height: 100vh;
     position: relative;
     text-align: center;
     display: flex;
     justify-content: center;
     align-items: center;
     padding: 20px 50px;
}
 .ghm-login a {
     text-decoration: none;
     color: #535353;
}
 .ghm-login .form-section p p {
     color: #535353;
}
 .ghm-login .form-inner {
    /*max-width: 435px;
    */
     width: 100%;
}
 .ghm-login .bg-img {
     background: url(../../App_Themes/CCSBLUE/images/admin-bg3.jpg) top center repeat;
     background-size: 100% 100%;
     z-index: 999;
     min-height: 100vh;
     position: relative;
     display: flex;
     justify-content: center;
     align-items: center;
     padding: 30px;
}
 .ghm-login .form-section .extra-login {
     margin-bottom: 25px;
     position: relative;
}
 .ghm-login .form-section .extra-login::before {
     position: absolute;
     left: 0;
     top: 10px;
     width: 100%;
     height: 1px;
     background: #d8dcdc;
     content: "";
}
 .ghm-login .form-section .extra-login > span {
     padding: 1px 20px;
     position: relative;
     font-size: 15px;
     color: #ffffff;
     background: #151f28;
}
 .ghm-login .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;
}
 .ghm-login .form-check-input:focus {
     border-color: snow;
     outline: 0;
     box-shadow: none;
}
 .ghm-login .form-check-input:checked {
     background-color: #f5c025 !important;
     border: 1px solid #f5c025 !important;
}
 .ghm-login .form-section p {
     margin-bottom: 0;
     font-size: 16px;
}
 .ghm-login .form-section ul {
     list-style: none;
     padding: 0;
     margin: 0 0 20px;
}
 .ghm-login .form-section .social-list li {
     display: inline-block;
     margin-bottom: 5px;
}
 .ghm-login .form-section .thembo {
     margin-left: 4px;
}
 .ghm-login .form-section h3 {
     margin: 16px 0 16px;
     font-size: 18px;
     color: #fff;
}
 .ghm-login .form-section .form-group {
     margin-bottom: 18px;
     position: relative;
}
 .ghm-login .form-section .form-control {
     padding: 11px 52px 9px;
     font-size: 16px;
     outline: none;
     height: 55px;
     color: #FFF;
     border-radius: 50px;
     font-weight: 500;
     border-bottom: 1px solid #0000002b;
     background: #ffffff4a;
     width: 100%;
     border-top: none;
     border-left: none;
     border-right: none;
}
 .ghm-login .form-section .form-check {
     margin-bottom: 0;
     float: left;
     padding: 0;
     margin-left: 24px;
}
 .ghm-login .logo img {
     margin-bottom: 15px;
     height: 200px;
}
 .ghm-login .button-common {
     background: #fca000;
     border: 1px solid #fca000;
     border-radius: 5px;
     color: #fff;
     cursor: pointer;
     font-size: 12px;
     margin: 6px 5px 3px 0;
     font-weight: 600;
     padding: 6px 12px;
     transition: all 0.3s ease 0s;
}
 .fieldset-borders {
     border: solid 1px #5293a5;
     border-radius: 10px;
     padding: 10px;
     width: 100%;
     margin: 20px 0;
}
 .fieldset-borders legend {
     padding: 7px 13px;
     color: #ffffff;
     background: #35758a;
     border-radius: 5px;
     font-size: 15px;
     text-align: center;
     border-bottom: 0;
     width: auto;
     margin-bottom: 0;
}
/*----new main page design start here 15/1/2026---*/
 .rs-toolbar {
     padding: 4px 0 5px;
     background: linear-gradient(80deg, #046681, #08141c);
}
 .rs-toolbar .rs-toolbar-right {
     text-align: right;
     margin-bottom: -15px;
}
 .custom-social-icon {
     text-align: left !important;
}
 .rs-toolbar .rs-toolbar-right .toolbar-share-icon {
     display: inline-block;
}
 .rs-toolbar .rs-toolbar-right .toolbar-share-icon ul li {
     display: inline-block;
}
 .rs-toolbar .rs-toolbar-right .toolbar-share-icon ul li a {
     font-size: 14px;
     color: #FFF;
     text-decoration: none;
}
 .rs-toolbar .rs-toolbar-right .toolbar-share-icon ul li + li {
     margin-left: 8px;
}
 .rs-toolbar .rs-toolbar-right .apply-btns {
     font-size: 14px;
     color: #fff;
     font-weight: 500;
     padding: 5px 8px;
     text-decoration: none;
}
 .rs-toolbar .rs-toolbar-right .apply-btn {
    font-size: 14px;
    background: linear-gradient(232deg, #0a90ca, #ff9800);
    color: #fff;
    font-weight: 500;
    padding: 5px 19px;
    border-radius: 3px;
    text-decoration: none; 
}
 .rs-toolbar .rs-toolbar-right .apply-btn:hover {
     text-decoration: underline;
}
 .custom-card {
     width: 100%;
    /*max-width: 320px;
    */
     background: #fff;
     border-radius: 22px;
     padding: 16px;
     box-shadow: 0 0 40px rgba(0, 0, 0, .1);
     transition: all 0.3s ease;
}
 .custom-card a, .feature-card a {
     text-decoration: none;
}
 .custom-card:hover {
     transform: translateY(-8px);
    box-shadow: 0 8px 15px rgba(0, 0, 0, 0.2);
}
 .custom-card:hover .card-content a {
     background: #e39916;
     cursor: pointer;
}
 .custom-card:hover .card-content h5 {
     color: #e39916;
     cursor: pointer;
}
 .custom-card img {
     width: 100%;
     height: 190px;
     object-fit: cover;
     border-radius: 18px;
}
 .card-content {
     padding: 16px 4px 8px;
     position: relative;
}
.card-content h5 {
    font-size: 18px;
    font-weight: 600;
    line-height: 1.3;
    margin: 0;
    color: #000;
}
 .custom-card .arrow-btn {
     position: absolute;
     right: 0;
     top: 15px;
     width: 44px;
     height: 30px;
     background: #0a5a66;
     border-radius: 20px;
     display: flex;
     align-items: center;
     justify-content: center;
     color: #fff;
     text-decoration: none;
}
 .custom-card .arrow-btn i {
     font-size: 20px;
}
 .feature-card {
     width: 100%;
     transition: all 0.3s ease;
     background: #fff;
     border-radius: 22px;
     padding: 16px;
     overflow: hidden;
     box-shadow: 0 0 40px rgba(0, 0, 0, .1);
}
 .feature-card:hover {
     transform: translateY(-8px);
     box-shadow: 0 8px 15px rgba(0, 0, 0, 0.2);
     background: #fff;
     border-radius: 22px;
     padding: 16px;
     overflow: hidden; 
}
/* Slanted Image Wrapper */
 .image-wrap {
     position: relative;
     overflow: hidden;
     border-radius: 18px;
    /*transform: skewY(-4deg);
    */
     margin-bottom: 18px;
}
 .image-wrap img {
     width: 100%;
     height: 190px;
     object-fit: cover;
    /*transform: skewY(4deg) scale(1.05);
    */
}
 .card-body-custom {
     position: relative;
     padding: 8px 6px 4px;
}
 .card-body-custom h5 {
    font-size: 18px;
    font-weight: 600;
    margin: 0;
    color: #000;
}
 .feature-card .arrow-btn {
     position: absolute;
     right: 0;
     top: 0;
     width: 44px;
     height: 30px;
     background: #0a5a66;
     border-radius: 20px;
     display: flex;
     align-items: center;
     justify-content: center;
     color: #fff;
     text-decoration: none;
}
 .feature-card .arrow-btn i {
     font-size: 20px;
}
 .feature-card:hover {
     box-shadow: 0 0 40px rgb(0 0 0 / 28%);
}
 .feature-card:hover .card-body-custom a {
     background: #e39916;
     cursor: pointer;
}
 .feature-card:hover .card-body-custom h5 {
     color: #e39916;
     cursor: pointer;
}
 .slider-image {
     position: absolute;
     display: inline-block;
     width: 100%;
}
 .slider-image img {
     float: inline-end;
     right: 10%;
     position: absolute;
     top: 0;
     /*width: 21%;*/
}
 .guideline {
     background: url(../../img/guideline-bg.png) no-repeat 0 0;
     width: 100%;
     border-radius: 20px;
}
 .guideline-and-helpline {
     background: linear-gradient(80deg, #046681, #08141c);
}
 .guideline .ovrflw {
     height: 100%;
}
 .guideline .ovrflw .form_ul {
     height: 215px;
     overflow: auto;
}
 .guideline .ovrflw .form_ul::-webkit-scrollbar {
     width: 5px;
     height: 8px;
     background-color: #376477;
}
 .guideline .ovrflw .form_ul::-webkit-scrollbar-thumb {
     background: #e39916;
}
 .card-boxs {
     padding: 0;
     border-radius: 5px;
     margin-bottom: 20px;
     background-color: #fff;
}
 .btn-warning {
     font-size: 15px;
     color: #fff;
     background: linear-gradient(23deg, #0a90ca, #ff9800);
     transition: all 0.3s ease;
     border-radius: 30px;
     border:none;
}
 .btn-warning:hover {
     color: #fff;
     background: linear-gradient(23deg, #ff9800, #0a90ca);
     transform: translateY(-3px);
     box-shadow: 0 8px 15px rgba(0, 0, 0, 0.2);
}
 .footer-strip {
     background: #07202b;
     padding: 15px 0;
}
 .footer-strip p {
     color: #ffffff;
     font-size: 13px;
     font-weight: 500;
     text-align: center !important;
}
 .modal-header {
     background: linear-gradient(80deg, #046681, #08141c);
     color: #fff;
}
 .modal-content .btn-close {
     opacity: 1;
     filter: brightness(0) invert(1);
}
 .modal-title {
     font-size: 14px;
}
 .text-black {
     color: #074254 !important;
}
 .custom-btn-color {
     background: #06485d;
     border: 1px solid #06485d;
     color: #fff;
}
 .custom-btn-color:hover {
     background: #042c38;
     border: 1px solid #042c38;
}
/* Responsive Text Size */
 @media (max-width: 576px) {
     .footer-strip p {
         font-size: 14px;
    }
}
/* Responsive */
 @media (max-width: 576px) {
     .feature-card {
         max-width: 100%;
         margin-bottom: 20px;
    }
}
 @media (max-width: 852px) and (min-width: 300px) {
     .rs-toolbar {
         display: block !important;
    }
     .rs-toolbar .rs-toolbar-right {
         margin-top: 6px;
         text-align: center;
    }
     .rs-toolbar .rs-toolbar-right .apply-btn, .rs-toolbar .rs-toolbar-right .apply-btns {
         padding: 0px 10px;
         width: 100%;
         display: block;
         margin-bottom: 1px;
         line-height: 22px;
    }
     .rs-toolbar .rs-toolbar-right {
         margin-bottom: 0;
    }
     .custom-card {
         max-width: 100%;
         margin-bottom: 20px;
    }
     .form-group .login-note {
         color: #ff0000;
    }
}
/*----new main page design end here 15/1/2026---*/
 .login-form-bg {
     /*border: solid 1px #ccc;*/
     padding: 0 15px 0 15px;
     border-bottom-left-radius: 15px;
     border-bottom-right-radius: 15px;
     border-top: 0;
}
 .mb-0 {
     margin-bottom: 0 !important;
}
 .document-request {
     font-size: 14px;
     padding: 0;
     font-weight: 500;
     color: #000;
    /*border-bottom: 1px dotted #00000057;
    */
     margin: 6px 0;
}
 .examination-login .form-section h3.heading-docu {
     font-size: 20px;
     color: #06485d;
     border-radius: 5px;
     padding: 0;
     font-weight: 500;
     margin-top: 0px;
}
 .table > :not(caption) > * > * {
     border-bottom-width: 0;
}
 fieldset.custom-fieldset {
    /*border: 1px solid #06485d;
    */
     border-radius: 25px;
     padding: 25px 20px 20px;
     background: #f3fbfd;
     margin-top: 0px;
     text-align: left;
     box-shadow: 0px 0px 25px #06485d69;
}
 fieldset.custom-fieldset legend {
     width: auto;
     background: #06485d;
     color: #fff;
     padding: 8px 25px;
     border-radius: 20px;
     font-size: 15px;
     font-weight: 500;
     float: none;
     margin: 0;
}
 .login-content-image {
     border-radius: 10px;
     padding: 5px;
     background: #fff;
     border: solid 1px #ccc;
}
 .examination-login .btn-primary.document-request {
     margin-top: 0px;
     font-size: 15px;
     padding: 0 16px;
     line-height: 35px;
}
 .examination-login .btn-primary.document-request a {
     color: #fff;
}
 .examination-login.ic-jammu-login-inner .form-section {
     min-height: 90vh;
     padding: 20px 110px 20px 50px;
}
.custom-btn-color-1 {
    background: linear-gradient(23deg, #0a90ca, #ff9800);
    border: none;
    color: #fff;
    transition: all 0.3s ease;
    cursor: pointer;
    font-size: 14px;
    padding: 5px 15px;
}
 .custom-btn-color-1:hover {
     background: linear-gradient(23deg, #ff9800, #0a90ca); 
     transform: translateY(-3px);
     box-shadow: 0 8px 15px rgba(0, 0, 0, 0.2);
}
 .examination-login .form-section .document-request p {
     text-align: center !important;
     font-size: 16px;
}
 .examination-login.ic-jammu-login-inner .form-section .form-group {
     margin-bottom: 5px;
}
 .ic-jammu-login-inner .custom-home {
     position: absolute;
     top: 20px;
     z-index: 1;
     color: #fff !important;
     right: 6%;
}
 .login-note {
     color: #ff0000;
     font-size: 13px;
     margin-top: 20px;
}
 .examination-login .form-section ul li {
     display: inline-block;
     width: 49%;
     font-size: 13px;
     font-weight: 500;
     color: #000;
     vertical-align: top;
}
 .iums-top-button {
     position: absolute;
     text-align: right;
     width: 98%;
     z-index: 1;
     top: 10px;
}
.iums-next-pg {
    margin-right:11%;
}
.mr-4percntage {
    margin-right:4% !important;
}
.login-max-width {max-width:510px;}
.examination-login .form-section #cpatchaTextBox {
    padding: 10px 20px;
    text-align: center;
}
#divAppAuth .form-control {
    background: #07455821 !important;
    color:#000;
}
.exammain-custom {margin-bottom:20px;}
.login-date {
    position: absolute;
    right: 20px;
    top: 6px;
}
.examination-login .no-border-hover:hover {
    border: 1px solid #ff9800!important;
    background: linear-gradient(315deg, #ff5900, #ffb100)!important;
}
.modal-body .feature-card .image-wrap img, .modal-body .custom-card img {
             height: 110px;
     }
     .modal-body .feature-card .card-body-custom h5, .modal-body .custom-card .card-content h5 {
             font-size:14px;
     }