@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@200..700&display=swap');
*, body {margin:0; padding:0; box-sizing:border-box; -webkit-box-sizing:border-box; }
.srow, .img-responsive, .stepler_prgress ul li h2, .stepler_prgress ul li h3, .stepler_prgress ul li h3 span {width: 100%;}
.clrleft, .stepler_prgress ul li h2, .stepler_prgress ul li h3, .stepler_prgress ul li h3 span {float: left;}
.clrright {float: right;}
body {background: #f2f7f9;}

/* Alert with lable tage css */ /*date : 10/10/2024*/
.danger_alert {background: #ffe8e5; border: 1px solid #ffd6d1; color: #a12918;}
.alert_infus {background: #e8f8ff; border: 1px solid #cee9ff;}
.alert_infus .form-control {background: #fff;}

.divcontainer {overflow-x: scroll; overflow-y: auto; transform: rotateX(180deg);}
.divcontainer table {transform: rotateX(180deg);}
.table-responsive {width: 100%; display: block overflow-x scroll;}

.cmt-30 {margin-top: 30px;}

.identity_info dfn {font-style: normal;}
.navbg_fade {background: #fff; box-shadow: 1px 4px 8px #ddd;}
.vertical-layout.navbar-sticky .mains_panels {margin-top: 60px;}

.swal2-title dfn {font-style: normal;}
.modal_head_h4 span {position: relative; background: #f00a36; padding: 8px 20px; color: #fff; border-radius: 30px;}
.modal_head_h4 span::before {position: absolute; left: -50px; top: 17px; height: 2px; width: 50px; content: ''; border-radius: 5px; background: #f00a36;}
.modal_head_h4 span::after {position: absolute; right: -50px; top: 17px; height: 2px; width: 50px; content: ''; border-radius: 5px; background: #f00a36;}
.admin-title-h1 {color: #046faf; border-bottom: 1px solid #399dd8; position: relative; padding-bottom: 5px; position: relative; font-size: 20px !important; font-weight: 700 !important; width: 100%; float: left;}
.admin-title-h1::after {position: absolute; left: 18px; bottom: -4px; width: 10px; height: 7px; transform: rotate(-45deg); background: #046faf; content: '';}
.admin-title-h1 div {float: left;}
.district_name_show h4 {float: left; margin-bottom: 0 !important; margin-left: 20px !important; padding-left: 20px; font-size: 21px !important; position: relative; font-weight: 700 !important; margin-top: 4px !important;}
.district_name_show h4::before {position: absolute; left: 0; top: 0; content:'/';}
.district_name_show h4 span {color: #882643;}

.admin-title-h2 {font-size: 18px!important; border-bottom: 1px dashed #399dd8; color: #046faf; position: relative; padding-bottom: 5px;}
.admin-title-h2::after {content: ''; position: absolute; left: 0; bottom:-2px; width: 100px; height: 3px; background: #399dd8;}
.admin-title-h4 {color: #373b9c; font-weight: 700 !important; font-size: 18px !important; border-bottom: 1px solid #373b9c; padding-bottom: 10px; position: relative;}
.admin-title-h4::after {position: absolute; left: 18px; bottom: -4px; width: 10px; height: 7px; transform: rotate(-45deg); background: #373b9c; content: '';}
.admin-title-h3 {color: #198acd; font-weight: 700 !important; font-size: 18px !important; border-bottom: 1px dashed #198acd; padding-bottom: 10px; position: relative;}
.admin-title-h3::after {position: absolute; left: 18px; bottom: -4px; width: 8px; height: 8px; transform: rotate(-45deg); background: #198acd; content: '';}
.admin-title-h5 {font-weight: 700 !important; color: #041fab;}
.btn-forgot a {color: #969696;}
.btn-forgot a:hover {color: #3ea2de;}
#pulldown {color: #fff; width: 100%; text-align: right; font-size: 20px; display: none;}
.home-thumb {color: #fff; font-size: 20px; display: none;}

.btn-primary {color: #FFF; border-color: #40a4e0; background-color: #1272ab;}
.help-alerts {float: left; width: 100%;margin-top: 3px;}

.custom-table thead {background: #3ea2de; color: #fff;}
.custom-table thead tr th {font-weight:normal; vertical-align: middle;}
.custom-table thead tr th, .custom-table tbody tr td {padding: 10px!important;}
.custom-table thead tr th, .custom-table tbody tr th, .custom-table tbody tr td {vertical-align: middle;}
.press_tables_custom tbody tr th:nth-child(3), .press_tables_custom tbody tr td:nth-child(11) {padding: 5px!important;}
.press_tables_custom tbody tr td:last-child {width: 13%; text-align: center;}
.press_tables_custom tbody tr td:last-child button.btn-info {margin-right: 5px;}
.prefix_table tbody tr:nth-child(1) {border-top: 1px solid #ddd;}

/*TOP HEADER MENU*/
.topstrip {padding-top: 15px; padding-bottom: 15px; background: #e7f9ff;}
.logo h1 {color: #076399;}
.logo h1 span {color: #bd4056; font-weight: normal;}
.lang_change select {margin-right: 10px; cursor: pointer;}
.lang_change select option {border-radius: 0 0 0 0;}
.title-h3 {font-size: 18px; font-weight: 700;}
.title-h3 span {color: #6634b5; display: inline-block;}
.emy-code-info {background: #3ca0db; border: 1px solid #5bd1ed; color: #fff; font-size: 18px; padding: 15px;}
.emy-code-info ul {padding-left: 0; list-style: none; display: inline-block; margin-bottom: 0;}
.emy-code-info ul li {float: left; margin-right: 30px; padding-right: 30px; border-right: 1px solid #50cdeb;}
.emy-code-info ul li:last-child {border-right: none; padding-right: 0; margin-right: 0;}
.emy-code-info ul li label {float: left;}
.emy-code-info ul li span {float: right; color: #ffee00; margin-left: 10px;}

.calander-info ul {list-style: none; padding-left: 0;}
.calander-info ul li {float:left; width: 100%;}
.calander-info ul li span {margin-bottom: 10px; border-radius: 5px; padding: 7px; color: #000; float: left;}
.calander-info ul.gen-holiday-list li span {background-color: #ffcade;}
.calander-info ul.opt-holiday-list li span {background-color: #9cfdc6;}
.calander-info ul.loc-holiday-list li span {background-color: #ffe2cb;}
.hod-instruction ul {list-style: none; padding-left: 0;}
.hod-instruction ul li {float: left; margin-right: 20px; position: relative; padding-left: 25px; color: #000; margin-bottom: 10px;}
.hod-instruction ul li::before {position:absolute; width: 20px; height: 10px; border-radius: 3px; content: ''; left:0; top: 3px;}
.hod-instruction ul li.gen-color::before {background-color: #ffcade; border: 1px solid #f7a7c6;}
.hod-instruction ul li.opt-color::before {background-color: #9cfdc6; border: 1px solid #86f0b4;}
.hod-instruction ul li.loc-color::before {background-color: #ffe2cb; border: 1px solid #f7d0b0;}
.hod-instruction ul li.sun-color::before {background-color: #919bfa; border: 1px solid #7984e9;}

.mat-calendar-body-cell-content.mat-focus-holiday1 {width: 5px; height: 5px; border-radius: 50%; background-color: #520099;} 
.mat-calendar-body-cell-content.mat-focus-holiday2 {width: 5px; height: 5px; border-radius: 50%; background-color: #c52a03;} 

/*---------- dashboard details -----------*/
.attand-list {text-align: center; padding: 10px;}
.attand-list h3, .attand-list h4 {display: block; width: 100%;}
.attand-list h3 {color: #fff; margin-top: 20px; padding: 10px 50px 0; border-top: 1px solid rgba(256, 256, 256, 0.5);}
.attand-list h3 span {float: left;}
.attand-list h3 span:last-child {color: #fff; font-size: 30px; float: right;}
.attand-list h4 span {font-size: 20px; font-weight: 700; background: #fff; display: table; float: right; width: 25px; height:25px; margin: 0 auto; border-radius: 50%; box-shadow: 3px 2px 7px rgba(0, 0, 0, 0.6);}
.attand-list h4 span small {display: table-cell; vertical-align: middle; color: #97410e;}
.attand-list h4 {font-size: 18px; text-shadow: 0px 1px 3px rgba(0, 0, 0, 0.5); color: #fff; margin-bottom: 15px!important;}
.dash-title3 {width: 100%; padding-left: 0 !important; padding-right: 0 !important; text-align: center;}
.custom-table-menu ul li {margin-right: 1px;}
.custom-table-menu ul li:last-child {margin-right: 0;}
.custom-table-menu ul li a {color: #1373ab; border-radius: 3px;}
.custom-table-menu ul li a span {color: #ad0b1a;}
.custom-table-menu ul li .nav-link {padding: 8px;}
.custom-table-menu ul li a:hover, .custom-table-menu ul li .nav-link.active {background: #1373ab; color: #fff;}
.custom-table-menu ul li a:hover span, .custom-table-menu ul li .nav-link.active span {color: #fffb04;}
.custom-table-menu ul li .nav-link.active {border-bottom: 2px solid #49aeea;}
.nav-link {padding: 10px;}

/* APPLY LEAVE MODAL POPUP CSS */
.leave-modals .modal-dialog {max-width: 50%;}
.leave-managment {position: relative; padding: 20px;;}
.leave-managment h5 {text-align: center; color: #207c88; font-size: 18px !important; border-bottom: 1px solid #207c88; padding-bottom: 10px; margin-bottom: 20px !important; position: relative;}
.leave-managment h5::after {content: ''; left: 0; right: 0; bottom: -3px; margin: 0 auto; position: absolute; width: 50px; height: 5px; background: #207c88; border-radius: 5px;}
.leave-managment .close {position: absolute; right: -5px; top: -7px; color: #fff; background: #f00; width: 30px; height: 30px; border-radius: 50px;}
.leave-tabes {border: 1px dashed #36a3bd; padding: 35px 15px 15px 15px; margin-top: 20px; border-radius: 5px; position: relative;}
.leave-tabes h2 {text-align: center; color: #fff; background: #36a3bd; border-radius: 10px; padding: 2px 10px; position: absolute; left: 0; right: 0; top: -20px; font-size: 18px !important; width: 53%; margin: 0 auto !important;}
.leave-tabes .form-group {width: 100%; float: left; border-bottom: 1px solid #f1f1f1; padding-bottom: 10px;}
.leave-tabes .form-group label {margin-right: 20px; text-align: right; font-size: 14px; float: left;}
.leave-tabes .form-group span {color: #0a4dbf; font-weight: 700;}
.leave-managment .table thead th {font-size: 14px; padding: 5px; vertical-align: middle; background: #04648b; color: #fff;}
.work-leave-form {border: 1px dashed #36a3bd; margin-bottom: 35px; padding: 40px 15px 15px 15px; position: relative;}
.work-leave-form h2 {position: absolute; left: 0; right: 0; margin: 0 auto!important; background: #36a3bd; color: #fff; width: 200px;top: -16px; border-radius: 30px; text-align: center; font-weight: normal!important; font-size: 17px!important;}
.work-leave-form .form-group label {margin-right: 15px; font-size: 14px;}
.work-leave-form .form-group span {color: #0092b5;}
.card {border: 1px solid #dfdfdf; background-color: #ffffff;}
.custom-alerts {padding: 5px 5px 0 5px; background: #399cd7; text-align: center; border-radius: 10px; margin-bottom: 20px; position: relative;}
.custom-alerts h4 {position: absolute; left: 0; top: 0; color: #fff; margin-bottom: 0!important; background: #ff9900; height: 31px; border-radius: 10px 0 0 10px; text-align: center; width: 135px; padding-top: 6px;}
.custom-alerts h4::after {content: ''; width: 23px; height: 20px; background: #ff9900; position: absolute; transform: rotate(45deg); top: 5px; left: 123px;}
.custom-alerts ol {margin-bottom: 0; display: inline-block; }
.custom-alerts ol li {float: left; margin-right: 50px;}
.custom-alerts ol li:last-child {margin-right: 0;}
.custom-alerts ol li::marker {color: #fff;}
.custom-alerts ol li a {color: #fff;}
.custom-alerts ol li a:hover {color: #fffb04;}
.app-sidebar .sidebar-background:after {background: none;;}
.app-sidebar[data-background-color=man-of-steel], .app-sidebar[data-background-color=man-of-steel] .sidebar-background:after, .main_menu {
    background-image: -webkit-linear-gradient(315deg, #08679f, #5ac1fe);
    background-image: linear-gradient(135deg, #08679f, #5ac1fe);
    background-repeat: repeat-x;
}

/* 10-06/2024 css for loader*/
.spinners_loading {background: rgba(0,0,0,0.2); text-align: center; height: 100%;position: fixed; z-index: 9; left: 0; top: 0;}
.spinners_loading span {display: table; width: 100%; height: 100%;}
.spinners_loading span small {display: table-cell; width: 100%; height: 100%; vertical-align: middle;}
.spinners_loading span small mat-spinner {display: inline-block;}

.fourzero-error {text-align:center; display: table; width: 100%; height: 650px;}
.fourzero-error span { display: table-cell; width: 100%; height: 100%; vertical-align: middle;}
.fourzero-error figure {width: 35%; margin: 0 auto;}
.fourzero-error h3 {font-family: "Playwrite GB S", cursive; color: #bd1f27; margin-top:40px; display:inline-block;}
.fourzero-error p {margin-top:20px; font-size:18px; color: #085856;}
.authentic-verified ul {list-style: none;}

.authentic-verified ul li.approve-reject {float: left; width: 315px; margin-top: 40px;}
.authentic-verified ul li.approve-reject span figure img {width:125px;}
.authentic-verified ul li.approve-reject span small {color: #000000; font-size: 14px;}
.authentic-verified ul li.signatrues {float: right; text-align: center; margin-top: 40px;}
.leaves_info .alert-info h3 {font-weight: 700; font-size: 18px; border-bottom: 1px dashed #91c5d1; margin-bottom: 20px; padding-bottom: 5px;}
.leaves_info .alert-info {background: #def9ff; border: 1px solid #c0ebf5; color: #085154;}
.leaves_info span {margin-right: 30px;}
.leaves_info span:last-child {margin-right: 0;}
.leaves_info span strong {color: #1e00ff;}

/* अवकाश एडमिन डैशबोर्ड */
.admin_dashboards_details {border: 1px dashed #d3d3d3; margin-bottom: 20px; padding: 20px; position: relative;}
.schemes_tab {border-radius: 20px; min-height: 170px; position: relative; width: 100%; margin-left: auto; margin-right: auto; transform: translate3d(0, 0, 0); cursor: pointer; border: 1px solid rgba(256, 256, 256, 0.6);}
.leave_administrative {background: url('/assets/images/gray-bg.jpg') no-repeat left top; background-size: cover; padding: 20px; border: 1px solid #dbdada; border-radius: 5px; box-shadow: -8px 8px 14px 0 rgba(25, 42, 70, .11); margin-top: 20px; margin-bottom: 20px;}
.schemes_tab h3 {float: left;}
.schemes_tab dfn {position: absolute; left: 10px; top: 45px; width: 64px; height: 65px; text-align: center; border-radius: 50%;}
.schemes_tab dfn i {display: table; width:100%; height: 100%; font-size: 27px;}
.schemes_tab dfn i::before {display: table-cell; vertical-align: middle;}
.schemes_tab h3 {font-weight: 700 !important; font-size: 30px !important; float: left; padding-left: 100px; padding-top: 25px; padding-right: 15px; width: 100%;}
.schemes_tab h3 span {display: block; text-align: right;}
.schemes_tab h3 small {display: inline-block; font-size: 18px; font-weight: 700;}
/* .admin_dashboards_details figure canvas {width: 100%!important;} */
.stairsOut {
    animation-timing-function: cubic-bezier(.63,0,1,1);
    -webkit-animation-timing-function: cubic-bezier(.63,0,1,1);
    backface-visibility: visible;
    -webkit-backface-visibility: visible;
    -webkit-animation-name: stairsOut;
    animation-name: stairsOut;
}
@-webkit-keyframes hvr-hang {
    0% {
        -webkit-transform: translateY(15px);
        transform: translateY(15px)
    }

    50% {
        -webkit-transform: translateY(4px);
        transform: translateY(4px)
    }

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

@keyframes hvr-hang {
    0% {
        -webkit-transform: translateY(15px);
        transform: translateY(15px)
    }

    50% {
        -webkit-transform: translateY(4px);
        transform: translateY(4px)
    }

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

@-webkit-keyframes hvr-hang-sink {
    100% {
        -webkit-transform: translateY(15px);
        transform: translateY(15px)
    }
}

@keyframes hvr-hang-sink {
    100% {
        -webkit-transform: translateY(15px);
        transform: translateY(15px)
    }
}

.hvr-hang {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
}

.hvr-hang:active, .hvr-hang:focus, .hvr-hang:hover {
    -webkit-animation-name: hvr-hang-sink,hvr-hang;
    animation-name: hvr-hang-sink,hvr-hang;
    -webkit-animation-duration: .3s,1.5s;
    animation-duration: .3s,1.5s;
    -webkit-animation-delay: 0s,.3s;
    animation-delay: 0s,.3s;
    -webkit-animation-timing-function: ease-out,ease-in-out;
    animation-timing-function: ease-out,ease-in-out;
    -webkit-animation-iteration-count: 1,infinite;
    animation-iteration-count: 1,infinite;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-direction: normal,alternate;
    animation-direction: normal,alternate;
}
.admin_applicnt_details {background: url('/assets/images/card design.png') no-repeat left top; background-size: cover; height: 200px; margin-top: 80px;}
.admin_applicnt_details ul {list-style: none; padding-left: 0; margin: 0; width: 100%; display: inline-block; height: 100%;}
.admin_applicnt_details ul li {float: left; width: 18.2%; margin: 10px; text-align: center; position: relative; height: 100%;}
.admin_applicnt_details ul li p {font-weight: 700; color: #fff;}
.admin_applicnt_details ul li dfn {position: absolute; margin: 0 auto; font-style: normal; text-align: center; width: 100%; height: 100%; cursor: pointer;}
.admin_applicnt_details ul li dfn h3 {font-size: 35px; font-weight: 600; width: 110px; height: 110px; border-radius: 50%; box-shadow: 3px 4px 7px rgba(0, 0, 0, 0.2); display: inline-block; transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s; margin-top: 0px;}
.admin_applicnt_details ul li dfn:hover h3 {margin-top: -40px;}
.admin_applicnt_details ul li dfn h3 a {display: table; width: 100%; height: 100%; text-decoration: none;}
.admin_applicnt_details ul li dfn h3 a span {display: table-cell; width: 100%; height: 100%; vertical-align: middle;}
.admin_applicnt_details ul li.t_earned_leave dfn {left: 0; right: 0; bottom: -15px;}
.admin_applicnt_details ul li.t_earned_leave dfn h3 {background: rgb(196,223,246);
    background: -moz-linear-gradient(180deg, rgba(196,223,246,1) 19%, rgba(144,189,227,1) 90%);
    background: -webkit-linear-gradient(180deg, rgba(196,223,246,1) 19%, rgba(144,189,227,1) 90%);
    background: linear-gradient(180deg, rgba(196,223,246,1) 19%, rgba(144,189,227,1) 90%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#c4dff6",endColorstr="#90bde3",GradientType=1); border: 5px solid #8BC9ED;}
.admin_applicnt_details ul li.t_earned_leave dfn h3 a {color: #084576;}
.admin_applicnt_details ul li.t_reduced_leave dfn {left: 0; right: 0; bottom: 40px;}
.admin_applicnt_details ul li.t_reduced_leave dfn h3 {background: rgb(239,233,229);
    background: -moz-linear-gradient(180deg, rgba(239,233,229,1) 19%, rgba(215,195,181,1) 90%);
    background: -webkit-linear-gradient(180deg, rgba(239,233,229,1) 19%, rgba(215,195,181,1) 90%);
    background: linear-gradient(180deg, rgba(239,233,229,1) 19%, rgba(215,195,181,1) 90%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#efe9e5",endColorstr="#d7c3b5",GradientType=1); border: 5px solid #D49A70;}
.admin_applicnt_details ul li.t_reduced_leave dfn h3 a {color: #9d4c16;}
.admin_applicnt_details ul li.t_maternity_leave dfn {left: 0; right: 0; bottom: 65px;}
.admin_applicnt_details ul li.t_maternity_leave dfn h3 {background: rgb(219,238,222);
    background: -moz-linear-gradient(180deg, rgba(219,238,222,1) 19%, rgba(168,200,173,1) 90%);
    background: -webkit-linear-gradient(180deg, rgba(219,238,222,1) 19%, rgba(168,200,173,1) 90%);
    background: linear-gradient(180deg, rgba(219,238,222,1) 19%, rgba(168,200,173,1) 90%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#dbeede",endColorstr="#a8c8ad",GradientType=1); border: 5px solid #63B06E;}
.admin_applicnt_details ul li.t_maternity_leave dfn h3 a {color: #308160;}
.admin_applicnt_details ul li.t_childcare_leave dfn {left: 0; right: 0; bottom: 45px;}
.admin_applicnt_details ul li.t_childcare_leave dfn h3 {background: rgb(255,232,245);
    background: -moz-linear-gradient(180deg, rgba(255,232,245,1) 19%, rgba(227,192,212,1) 90%);
    background: -webkit-linear-gradient(180deg, rgba(255,232,245,1) 19%, rgba(227,192,212,1) 90%);
    background: linear-gradient(180deg, rgba(255,232,245,1) 19%, rgba(227,192,212,1) 90%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffe8f5",endColorstr="#e3c0d4",GradientType=1); border: 5px solid #E07FB8;}
.admin_applicnt_details ul li.t_childcare_leave dfn h3 a {color: #b1568b;}
.admin_applicnt_details ul li.t_paternity_leave dfn {left: 0; right: 0; bottom: -15px;}
.admin_applicnt_details ul li.t_paternity_leave dfn h3 {background: rgb(247,246,239);
    background: -moz-linear-gradient(180deg, rgba(247,246,239,1) 19%, rgba(205,202,180,1) 90%);
    background: -webkit-linear-gradient(180deg, rgba(247,246,239,1) 19%, rgba(205,202,180,1) 90%);
    background: linear-gradient(180deg, rgba(247,246,239,1) 19%, rgba(205,202,180,1) 90%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#f7f6ef",endColorstr="#cdcab4",GradientType=1); border: 5px solid #A8A168;}
.admin_applicnt_details ul li.t_paternity_leave dfn h3 a {color: #706d4c;}

.adm_d_blue234 {background: url('https://eduportal.cg.nic.in/EducationMgmt/demo/assets/images/thumbbg_1.jpg') no-repeat left top; background-size: cover;}
.adm_d_blue234:hover {box-shadow: 0px 1px 9px 0px rgb(118 182 218); border: 1px solid #80c1e7;}
.adm_d_blue234 dfn {background:rgba(256,256,256,0.5);}
.adm_d_blue234 dfn i {color: #3a779d;}
.adm_d_blue234 h3 span {color: #fff; text-shadow: 1px 2px 2px rgb(20 58 80);}
.adm_d_blue234 h3 small {color: #076399;}

.adm_d_orang235 {background: url('https://eduportal.cg.nic.in/EducationMgmt/demo/assets/images/thumbbg_2.jpg') no-repeat left top; background-size: cover;}
.adm_d_orang235:hover {box-shadow: 0px 1px 9px 0px rgb(180 153 227); border: 1px solid #baa0e5;}
.adm_d_orang235 dfn {background:rgba(256,256,256,0.5)}
.adm_d_orang235 dfn i {color: #825dc1;}
.adm_d_orang235 h3 span {color: #fff; text-shadow: 1px 2px 2px rgb(78 47 131);}
.adm_d_orang235 h3 small {color: #4a1f91;}

.adm_d_green236 {background: url('https://eduportal.cg.nic.in/EducationMgmt/demo/assets/images/thumbbg_3.jpg') no-repeat left top; background-size: cover;}
.adm_d_green236:hover {box-shadow: 0px 1px 9px 0px rgb(227 127 156); border: 1px solid #dd90a8;}
.adm_d_green236 dfn {background:rgba(256,256,256,0.5)}
.adm_d_green236 dfn i {color: #c55d7b;}
.adm_d_green236 h3 span {color: #fff; text-shadow: 1px 2px 2px rgb(137 44 71);}
.adm_d_green236 h3 small {color: #7e1736;}

.adm_d_purple237 {background: url('https://eduportal.cg.nic.in/EducationMgmt/demo/assets/images/thumbbg_4.jpg') no-repeat left top; background-size: cover;}
.adm_d_purple237:hover {box-shadow: 0px 1px 9px 0px rgb(227 174 115); border: 1px solid #dbad77;}
.adm_d_purple237 dfn {background:rgba(256,256,256,0.5)}
.adm_d_purple237 dfn i {color: #b77d3e;}
.adm_d_purple237 h3 span {color: #fff; text-shadow: 1px 2px 2px rgb(108 66 17);}
.adm_d_purple237 h3 small {color: #7a480e;}

.adm_d_navis238 {background: url('https://eduportal.cg.nic.in/EducationMgmt/demo/assets/images/thumbbg_5.jpg') no-repeat left top; background-size: cover;}
.adm_d_navis238:hover {box-shadow: 0px 1px 9px 0px rgb(99 199 132); border: 1px solid #74cf8f;}
.adm_d_navis238 dfn {background:rgba(256,256,256,0.5)}
.adm_d_navis238 dfn i {color: #379155;}
.adm_d_navis238 h3 span {color: #fff; text-shadow: 1px 2px 2px rgb(9 78 32);}
.adm_d_navis238 h3 small {color: #0f5025;}

.adm_d_tent239 {background: url('https://eduportal.cg.nic.in/EducationMgmt/demo/assets/images/thumbbg_6.jpg') no-repeat left top; background-size: cover;}
.adm_d_tent239:hover {box-shadow: 0px 1px 9px 0px rgb(87 181 176); border: 1px solid #5bb5b0;}
.adm_d_tent239 dfn {background:rgba(256,256,256,0.5)}
.adm_d_tent239 dfn i {color: #3b817d;}
.adm_d_tent239 h3 span {color: #fff; text-shadow: 1px 2px 2px rgb(7 60 57);}
.adm_d_tent239 h3 small {color: #165450;}

.adm_d_dell240 {background: url('https://eduportal.cg.nic.in/EducationMgmt/demo/assets/images/thumbbg_7.jpg') no-repeat left top; background-size: cover;}
.adm_d_dell240:hover {box-shadow: 0px 1px 9px 0px rgb(46 164 187); border: 1px solid #1ab4d3;}

.identity_info {width: 78%;}
.identity_info dfn {width: 48%; float: left;}
.identity_info h4 {font-size: 20px !important; font-family: "Oswald", sans-serif !important; color: #2387c3;}
.identity_info h5 {color: #787c83; margin-bottom: 5px!important;}
.identity_info p {color: #2387c3;}

.stepler_prgress {position: relative; text-align: center;}
.stepler_prgress ul {list-style: none; display: inline-block; padding: 10px; background: #fbfbf8; border: 1px solid #f1f1ec; border-radius: 5px;}
.stepler_prgress ul li {float: left; text-align: left; width: 23%;}
.stepler_prgress ul li.single_tabs {width: 35%; margin: 0 auto; float: inherit;}
.stepler_prgress ul li h2 {position: relative;}
.stepler_prgress ul li h2::before {position: absolute; left: 49px; top: 24px; width: 63%; height: 3px; background: #bddcf7; content: '';}
.stepler_prgress ul li h2::after {position: absolute; left: 190px; top: 24px; width: 63%; height: 3px; background: #bddcf7; content: ''; border-radius:0 5px 5px 0;}
/* .stepler_prgress ul li:last-child h2::before, .stepler_prgress ul li:last-child h2::after {display: none;} */
.stepler_prgress ul li h2 span {width: 50px; height: 50px; background: #fff; border-radius: 50%; border: 1px solid #bddcf7; display: table; padding: 5px;}
/* .stepler_prgress ul li h2 span.approved_span, .stepler_prgress ul li h2 span.forwarded_span, .stepler_prgress ul li h2 span.pending_span, .stepler_prgress ul li h2 span.rejected_span {display: none;} */
.stepler_prgress ul li h2 span small {background: #bddcf7; color: #fff; display: table-cell; width: 100%; height: 100%; vertical-align: middle; border-radius: 50%; text-align: center;}
.stepler_prgress ul li h2 span i {display: none;}
.stepler_prgress ul li h3 {margin-left: 10px; padding-right: 15px;}
.stepler_prgress ul li h3 span {padding-top: 5px; padding-bottom: 5px; border-bottom: 1px dashed #dfdfdf;}
.stepler_prgress ul li h3 span:last-child {border-bottom: none;}
.stepler_prgress ul li h3 span:nth-child(1) {font-size: 11px; color: #9c9c9c; text-transform: uppercase;}
.stepler_prgress ul li h3 span:nth-child(2) {font-size: 14px; color: #000; height: 65px;}
.stepler_prgress ul li h3 span:nth-child(3) {font-size: 13px; color: #838383; font-weight: 700;}


.stepler_prgress ul li.process_Approved h2::before {background: #0e9d70;}
.stepler_prgress ul li.process_Approved h2::after {background: #0e9d70;}
.stepler_prgress ul li.process_Approved h2 span {border: 1px solid #0e9d70;}
/* .stepler_prgress ul li.process_Approved h2 span.approved_span {display: table;} */
.stepler_prgress ul li.process_Approved h2 span small {background: #0e9d70;}
.stepler_prgress ul li.process_Approved h2 span i {display: inline-block;}
.stepler_prgress ul li.process_Approved h3 span:nth-child(3) {color: #0e9d70;}

.stepler_prgress ul li.process_forwarded h2::before {background: #0e9d70;}
.stepler_prgress ul li.process_forwarded h2::after {background: #0e9d70;}
.stepler_prgress ul li.process_forwarded h2 span {border: 1px solid #0e9d70;}
/* .stepler_prgress ul li.process_forwarded h2 span.forwarded_span {display: table;} */
.stepler_prgress ul li.process_forwarded h2 span small {background: #0e9d70;}
.stepler_prgress ul li.process_forwarded h2 span i {display: inline-block;}
.stepler_prgress ul li.process_forwarded h3 span:nth-child(3) {color: #0e9d70;}

.stepler_prgress ul li.process_Rejected h2::before {background: #e4002b;}
.stepler_prgress ul li.process_Rejected h2::after {background: #e4002b;}
.stepler_prgress ul li.process_Rejected h2 span {border: 1px solid #e4002b;}
/* .stepler_prgress ul li.process_Rejected h2 span.rejected_span {display: table;} */
.stepler_prgress ul li.process_Rejected h2 span small {background: #e4002b;}
.stepler_prgress ul li.process_Rejected h2 span i {display: inline-block;}
.stepler_prgress ul li.process_Rejected h3 span:nth-child(3) {color: #e4002b;}

.stepler_prgress ul li.process_pending h2::before {background: #296ba5;}
.stepler_prgress ul li.process_pending h2 span {border: 1px solid #296ba5;}
/* .stepler_prgress ul li.process_pending h2 span.pending_span {display: table;} */
.stepler_prgress ul li.process_pending h2 span i {display: inline-block;}
.stepler_prgress ul li.process_pending h2 span small {background: #296ba5;}
.stepler_prgress ul li.process_pending h3 span:nth-child(3) {color: #296ba5;}

.stepler_prgress ul li.process_NotAssigned h2::before {background: #caccd1;}
.stepler_prgress ul li.process_NotAssigned h2::after {background: #e8e9ec;}
.stepler_prgress ul li.process_NotAssigned h2 span {border: 1px solid #caccd1;}
/* .stepler_prgress ul li.process_pending h2 span.pending_span {display: table;} */
.stepler_prgress ul li.process_NotAssigned h2 span i {display: inline-block;}
.stepler_prgress ul li.process_NotAssigned h2 span small {background: #caccd1;}
.stepler_prgress ul li.process_NotAssigned h3 span:nth-child(3) {color: #727274;}

/* 30/09/2024 new css add */
.karmchari_info {background: #e4f5ff; border: 1px solid #d8edff;}
.karmchari_info .form-label, .govt_karmchari_props .form-label, .govt_karmchari_props .font-bold {font-weight: 700;}
.govt_karmchari_props {position: relative;}
.govt_karmchari_props #tab_add_box {position: absolute; right: 0; bottom: 0; width: 40px; height: 40px; border-radius: 50%; text-align: center; cursor: pointer; background: #db3552; color: #fff; opacity: 0.7;}
.govt_karmchari_props #tab_add_box:hover {opacity: 1;}
.govt_karmchari_props #tab_add_box small {display: table; width: 100%; height: 100%;}
.govt_karmchari_props #tab_add_box small i {display: table-cell; width: 100%; height: 100%; vertical-align: middle; font-size: 25px;}

.details_property ul {display: inline-block; list-style: none; margin-bottom: 0; margin-left: 0; padding-left: 0; width: 100%;}
.details_property ul li, .details_property ul li dfn {float: left; }
.details_property ul li {width: 20%;}
.details_property ul li input[type="radio"] {margin-right: 10px;}
.other_building {display: none;}

/* css updated date: 01/10/2024 */
.under_chart_list {text-align: center; margin-bottom: 15px;}
.under_chart_list ul {list-style: none; padding-left: 0; display: inline-block; margin-top: 10px; margin-bottom: 0;}
.under_chart_list ul li {float: left; position: relative; margin-right: 14px; padding-right: 20px; border-right: 1px solid #ddd; padding-left: 30px;}
.under_chart_list ul li:last-child {margin-right: 0; padding-right: 0; border-right:none;}
.under_chart_list ul li::before {content: ''; left: 0; top: 2px; position: absolute; width: 25px; height: 15px; border-radius: 5px;}
.under_chart_list ul li span {float: left; color: #838383; font-size: 12px;}
.under_chart_list ul li.chart_list_mini::before {background: #dbf2f2; border: 1px solid #a4dfdf;}
.under_chart_list ul li.chart_list_medm::before {background: #f5c174; border: 1px solid #e6a139;}
.under_chart_list ul li.chart_list_maxi::before {background: #ffe0e6; border: 1px solid #ffa4b7;}

/* css updated date: 03/10/2024 */
.join_application_info, .g_ch_charts {min-height: 445px;}
.join_application_info ul {list-style: none; padding-left: 0; margin: 0; display: inline-block; width: 100%;}
.join_application_info ul li {float: left; width: 100%; margin-bottom: 18px; border-radius: 5px 0 0 5px; }
.join_application_info ul li a {float: left; width: 100%; padding-left:10px;}

.join_application_info ul li h3 {float: left; margin-bottom: 0; font-weight: 600; margin-top: 10px; font-size: 13px; transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    -webkit-transition: all 0.3s ease 0s;
    }
.join_application_info ul li a:hover h3 {margin-top: 3px;}
.join_application_info ul li h4 {float: right; background: #566127; color: #fff; margin-bottom: 0; position: relative;}
.join_application_info ul li h4::before {position: absolute; content: ''; width: 0px; height: 0px; border-top: 25px solid transparent; border-bottom: 25px solid transparent; left: -15px; top:0; }
.join_application_info ul li h4::after {content: 'TOTAL'; position: absolute; left: 10px; right: 0; bottom: -4px; font-size: 8px; color: rgba(256,256,256,0.6); margin: 0 auto; transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    -webkit-transition: all 0.3s ease 0s;}
.join_application_info ul li a:hover h4::after {left: 16px;}
.join_application_info ul li h4 small {display: table; width: 50px; height: 50px; text-align: center; font-size: 26px; transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    -webkit-transition: all 0.3s ease 0s;
    }
.join_application_info ul li a:hover h4 small {width: 60px;}
.join_application_info ul li h4 small span {display: table-cell; width: 100%; height: 100%; vertical-align: middle;}
.join_application_info ul li:last-child {padding-left: 0; margin-bottom: 0;}
.join_application_info ul li figure {padding: 10px; border:1px solid #03989e; border-radius: 5px; overflow: hidden;}
.join_application_info ul li figure img {border-radius: 5px;}

.join_application_info ul li.longer_jn_apply {border: 1px solid #55c3db; background: #e3faff;}
.join_application_info ul li.longer_jn_apply a:hover {box-shadow: 0px 2px 8px #007a93;}
.join_application_info ul li.longer_jn_apply h3 {color: #026377;}
.join_application_info ul li.longer_jn_apply h4 {
    background: rgb(0,155,187);
background: -moz-linear-gradient(180deg, rgba(0,155,187,1) 0%, rgba(2,85,103,1) 100%);
background: -webkit-linear-gradient(180deg, rgba(0,155,187,1) 0%, rgba(2,85,103,1) 100%);
background: linear-gradient(180deg, rgba(0,155,187,1) 0%, rgba(2,85,103,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#009bbb",endColorstr="#025567",GradientType=1);
}
.join_application_info ul li.longer_jn_apply h4::before {border-right: 15px solid #026377;}

.join_application_info ul li.longer_cnsl_apply {border: 1px solid #f39c9c; background: #fff1f1;}
.join_application_info ul li.longer_cnsl_apply a:hover {box-shadow: 0px 2px 8px #a8191a;}
.join_application_info ul li.longer_cnsl_apply h3 {color: #a8191a;}
.join_application_info ul li.longer_cnsl_apply h4 {background: rgb(205,89,90);
    background: -moz-linear-gradient(180deg, rgba(205,89,90,1) 0%, rgba(168,25,26,1) 100%);
    background: -webkit-linear-gradient(180deg, rgba(205,89,90,1) 0%, rgba(168,25,26,1) 100%);
    background: linear-gradient(180deg, rgba(205,89,90,1) 0%, rgba(168,25,26,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#cd595a",endColorstr="#a8191a",GradientType=1);}
.join_application_info ul li.longer_cnsl_apply h4::before {border-right: 15px solid #a8191a;}
.join_application_info ul li.joining_longer {border:1px solid #878be5; background: #e8e9ff;}
.join_application_info ul li.joining_longer a:hover {box-shadow: 0px 2px 8px #373b9c;}
.join_application_info ul li.joining_longer h3 {color: #373b9c;}
.join_application_info ul li.joining_longer h4 {background: rgb(120,125,242);
    background: -moz-linear-gradient(180deg, rgba(120,125,242,1) 0%, rgba(55,59,156,1) 100%);
    background: -webkit-linear-gradient(180deg, rgba(120,125,242,1) 0%, rgba(55,59,156,1) 100%);
    background: linear-gradient(180deg, rgba(120,125,242,1) 0%, rgba(55,59,156,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#787df2",endColorstr="#373b9c",GradientType=1);}
.join_application_info ul li.joining_longer h4::before {border-right: 15px solid #373b9c;}

.every_month_leave_details h4 {font-weight: 700!important; text-align: center;}
.every_month_leave_details table.mat-mdc-table {background: none;}
.every_month_leave_details .m_view_btns {border-radius: 3px; padding: 5px 5px;}
.every_month_leave_details .m_view_btns .mat-icon {float: left; width: 20px; height: 20px; margin-right: 5px; font-size: 18px;}
.month_of_firstleave {background: #e7f4ff; overflow: hidden; padding: 15px; border-radius: 5px; border: 1px solid #c4dff6;}
.month_of_firstleave  h4 {color: #004eaf;}
.month_of_firstleave table.mat-mdc-table thead tr.mat-mdc-header-row {height: auto;}
.month_of_firstleave table.mat-mdc-table thead tr th.mat-mdc-header-cell {background: #408ce9; color: #fff;}
.month_of_firstleave table.mat-mdc-table tbody tr td.mdc-data-table__cell {border:1px solid #aecce5;}
.month_of_firstleave .m_view_btns {background: #3093cd; color: #fff; border: 1px solid #3093cd;}
.month_of_firstleave .m_view_btns:hover {background:#00598e;}

.month_of_secondleave {background: #f5fff7; overflow: hidden; padding: 15px; border-radius: 5px; border: 1px solid #dbeede;}
.month_of_secondleave h4 {color: #295a0b;}
.month_of_secondleave table.mat-mdc-table thead tr.mat-mdc-header-row {height: auto;}
.month_of_secondleave table.mat-mdc-table thead tr th.mat-mdc-header-cell {background: #61ab34; color: #fff;}
.month_of_secondleave table.mat-mdc-table tbody tr td.mdc-data-table__cell {border:1px solid #b1e1b9;}
.month_of_secondleave .m_view_btns {background: #56c1ab; color: #fff; border: 1px solid #56c1ab;}
.month_of_secondleave .m_view_btns:hover {background:#3a9b87;}

/* 08/10/2024 updated css */
.exceldown_ico {color: #0341b7; border: 1px dashed rgba(0, 0, 0, 0.3); padding: 10px; border-radius: 3px;}
.exceldown_ico:hover {border: 1px dashed rgb(59 159 219); background: rgb(206 237 255); color: #0d6da5;}
.exceldown_ico:hover img {opacity: 0.7;}
.bread_crumb_list {text-align: right; margin-bottom: 10px; background: #f7f9fb; border: 1px solid #e4e9ef; border-radius: 5px;}
.bread_crumb_list ol.breadcrumb {background: none; display: inline-block; padding: 5px 5px 0 5px; margin-bottom: 0;}
.bread_crumb_list ol.breadcrumb li {float: left;}

/* 09/10/2024 updated css */
.state_data_info {padding: 10px; border-radius: 10px;}
.state_data_info figure {position: absolute; right: -10px; bottom: -20px; border-radius: 50%; padding: 5px; border: 2px solid rgba(256, 256, 256, 0.9);}
.state_data_info h2 {font-size: 14px !important; font-weight: 700 !important; margin-bottom: 10px!important;}
.state_data_info ul {list-style: none; display: inline-block; padding-left: 0; margin: 0; width: 100%;}
.state_data_info ul li {width: 100%; float: left; position: relative; text-align: center; border-top: 1px dashed rgba(256,256,256,0.5); padding-top: 10px;}
.state_data_info ul li small {width: 100%; float: left; color: rgba(0,0,0,0.7);}
.state_data_info ul li span {width: 100%; float: left; font-weight: 700; font-size: 22px; margin-top: 5px; margin-bottom: 5px; color: #000;}
.casual_leave figure {background: #6faed5;}
.optional_leave figure {background: #3ab5cd;}
.maternity_leave figure {background: #62c3bd;}
.paternity_leave figure {background: #af96d9;}
.earned_leave figure {background: #d37c95;}
.child_care_leave figure {background: #64b97e;}
.halfpay_commuted_leave figure {background: #c59c6f;}
.text_remarks textarea.swal2-textarea {width: 100%; margin: 0; color: #000;}
.swal2-title {font-size: 16px!important;}

.cms-alert-info {color: #055160; background-color: #eafbff; border-color: #c8eff7;}
.cms-alert-info select {background-color: #fff; border-color: #c8eff7;}
.cms-alert-info select option {text-align: center; background-color: #fff;}
.cms-alert-info label {font-weight: 700; font-size: 20px; margin-bottom: 10px;}

/* 16/10/2024 new updated css */
.pendding_todays {width: 95%; margin: 0 auto;}
.pendding_todays ul {list-style: none; padding-left:0; margin:0;}
.pendding_todays h4 {position: absolute; left: 20px; top: -18px; padding: 5px 10px; border-radius: 5px; font-weight: 700!important; font-size: 14px !important;}
.pendding_todays h5 {font-size: 20px !important; opacity: 0.4; text-align: center; margin-top: 25% !important;}
.pendding_todays ul li {width: 100%; float: left; margin-bottom: 15px; background: #fff; border-radius: 30px 5px 5px 30px; position: relative;}
.pendding_todays ul li span {position: absolute; left: -2px; top: 0; width: 40px; height: 40px; border-radius: 50%; color: #fff; text-align: center; padding-top: 11px;}
.pendding_todays ul li a {float: left; width: 100%; padding: 10px 10px 10px 50px;}
.pendding_todays ul li a small {float: right; color: #000;}
.pendding_todays ul li a small i {margin-left: 5px;}
.exclamation_alert {position: relative; padding-top: 60px; text-align: center;}
.exclamation_alert h3 {margin-top: 20px; float: left; width: 100%; background: #ffe7e8; padding-top: 25px; padding-bottom: 10px; color: #cd0711; font-weight: 700 !important;}
.exclamation_alert dfn {position: absolute; top: 10px; left: 0; right: 0; margin: 0 auto; width: 70px; height: 70px; text-align: center; background: #ff2d37; color: #fff; font-size: 25px; border-radius: 50%; border:5px solid #fff; }
.exclamation_alert dfn i {display: table; width: 100%; height: 100%;}
.exclamation_alert dfn i::before {display: table-cell; width: 100%; height: 100%; vertical-align: middle;}

.pendding_leaveus {padding: 30px 20px 20px 20px; border-radius: 5px; background: #f9ebdf; border: 1px solid #dfb38d; position: relative; width: 48%; margin-top: 10px; margin-bottom: 20px; min-height: 400px;}
.pendding_leaveus h4 {background: #f9ebdf; border: 1px solid #dfb38d; }
.pendding_leaveus ul li.cl_avks {border:1px solid #193725;}
.pendding_leaveus ul li.vl_avks {border:1px solid #2d72d9;}
.pendding_leaveus ul li.el_avks {border:1px solid #910048;}
.pendding_leaveus ul li.hprl_avks {border:1px solid #f15d22;}
.pendding_leaveus ul li.crl_avks {border:1px solid #553b08;}
.pendding_leaveus ul li.mtrl_avks {border:1px solid #553b08;}
.pendding_leaveus ul li.prtl_avks {border:1px solid #553b08;}

.pendding_leaveus ul li.cl_avks span {background: #193725;}
.pendding_leaveus ul li.vl_avks span {background: #2d72d9;}
.pendding_leaveus ul li.el_avks span {background: #910048;}
.pendding_leaveus ul li.hprl_avks span {background: #f15d22;}
.pendding_leaveus ul li.crl_avks span {background: #553b08;}
.pendding_leaveus ul li.mtrl_avks span {background: #ad182d;}
.pendding_leaveus ul li.prtl_avks span {background: #8c8700;}

.todays_leaveus {padding: 30px 20px 20px 20px; border-radius: 5px; background: #d1f1fb; border: 1px solid #71bcd5; position: relative; width: 48%; margin-right: 20px; margin-top: 10px; margin-bottom: 20px; min-height: 400px;}
.todays_leaveus h4 {background: #cdecf6; border: 1px solid #71bcd5; }
.todays_leaveus ul li.cl_avks {border:1px solid #193725;}
.todays_leaveus ul li.vl_avks {border:1px solid #2d72d9;}
.todays_leaveus ul li.el_avks {border:1px solid #910048;}
.todays_leaveus ul li.hprl_avks {border:1px solid #f15d22;}
.todays_leaveus ul li.crl_avks {border:1px solid #553b08;}
.todays_leaveus ul li.mtrl_avks {border:1px solid #ad182d;}
.todays_leaveus ul li.prtl_avks {border:1px solid #8c8700;}

.todays_leaveus ul li.cl_avks span {background: #193725;}
.todays_leaveus ul li.vl_avks span {background: #2d72d9;}
.todays_leaveus ul li.el_avks span {background: #910048;}
.todays_leaveus ul li.hprl_avks span {background: #f15d22;}
.todays_leaveus ul li.crl_avks span {background: #553b08;}
.todays_leaveus ul li.mtrl_avks span {background: #ad182d;}
.todays_leaveus ul li.prtl_avks span {background: #8c8700;}

.pendding_leaveus ul li.cl_avks:hover, .pendding_leaveus ul li.vl_avks:hover, .pendding_leaveus ul li.el_avks:hover, .pendding_leaveus ul li.hprl_avks:hover, .pendding_leaveus ul li.crl_avks:hover, .todays_leaveus ul li.cl_avks:hover, .todays_leaveus ul li.vl_avks:hover, .todays_leaveus ul li.el_avks:hover, .todays_leaveus ul li.hprl_avks:hover, .todays_leaveus ul li.crl_avks:hover {border:1px solid #46bc99;}
.pendding_leaveus ul li.cl_avks:hover span, .pendding_leaveus ul li.vl_avks:hover span, .pendding_leaveus ul li.el_avks:hover span, .pendding_leaveus ul li.hprl_avks:hover span, .pendding_leaveus ul li.crl_avks:hover span, .todays_leaveus ul li.cl_avks:hover span, .todays_leaveus ul li.vl_avks:hover span, .todays_leaveus ul li.el_avks:hover span, .todays_leaveus ul li.hprl_avks:hover span, .todays_leaveus ul li.crl_avks:hover span {background:#46bc99;}

/* BELL ALERT CONTINIUOS CSS */
.bell, .bell-border, .btn-bell {border-radius: 50%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
.bell {height: 60px; width: 60px; box-shadow: -1px 2px 10px #999; background: #ff2d37; animation-name: col; animation-duration: 2s; animation-iteration-count: infinite;}
.bell-border {height: 59px; width: 59px; border: 1px solid #ff2d37!important; animation-name: bord-pop; animation-duration: 2s; animation-iteration-count: infinite; box-shadow: 2px 2px 5px #ccc, -2px -2px 5px #ccc;}
.btn-bell {color: white; font-size: 20px; animation-name: bell-ring; animation-duration: 2s; animation-iteration-count: infinite;}
.see_instruction span {width: 100%; float: left; text-align: left; border-bottom: 1px dashed #ddd; padding-bottom: 10px; margin-bottom: 10px; color: #0066b2;}

.mat-step-label, .mat-step-text-label {width: 100%; float: left;}
.mat-step-label button {float: right;}
.mat-vertical-stepper-header {background: #e3f2ff; border: 1px solid #cae3f9; padding: 15px !important; margin-bottom: 10px;}
.mat-step:nth-child(even) .mat-vertical-stepper-header {background: #cde7ff; border:1px solid #a9d4fa;}
.mat-vertical-stepper-header .mat-step-icon {background: #58a2e7; width: 40px; height: 40px; font-size: 25px;}
.cdk-focused, .cdk-mouse-focused, .mat-step-header:hover:not([aria-disabled]), .mat-step-header:hover[aria-disabled=false] {background: #61b3de!important;}
.cdk-focused .mat-step-icon, .cdk-focused .mat-step-icon {color: #286ebe; background: #fff;}
.mat-stepper-vertical-line::before {top: -10px!important;}
.roman_text_list {position: relative;}
.roman_text_list::before {position: absolute; content: '('; left: -7px; }
.roman_text_list::after {position: absolute; content: ')'; right: -7px;}
.dpi_users_info span {width: 100%; float: left;}
.dpi_users_info span:nth-child(1) {color:#0a6fab; margin-bottom: 2px;}
.dpi_users_info span:last-child {color:#70b29c;}
.dpi_users_info span.usr-onlive small {color: #8b8b8b; margin-right: 10px;}

.authority {background: #2292a7; border: 1px solid #5bd1ed; color: #fff; font-size: 18px; padding: 15px; border-radius: 30px;}
.authority ul {padding-left: 0; list-style: none; display: inline-block; margin-bottom: 0;}
.authority ul li {float: left; margin-right: 30px; padding-right: 30px; border-right: 1px solid #50cdeb;}
.authority ul li:last-child {border-right: none; padding-right: 0; margin-right: 0;}
.authority ul li label {float: left;}
.authority ul li span {float: right; color: #ffee00; margin-left: 10px;}
.every_month_leave_details {min-height: 350px;}
.month_table {overflow-y: scroll; height: 276px;}
.month_table::-webkit-scrollbar {width: 12px;}
.month_table::-webkit-scrollbar-track {box-shadow: inset 0 0 5px #96cbec; border-radius: 5px;}
.month_table::-webkit-scrollbar-thumb {background:#0c6ca4; border-radius: 10px;}
.month_table::-webkit-scrollbar-thumb:hover {background:#0c6ca4;}

.avkash_count_list {margin-top: 20px; text-align: center;}
.avkash_count_list ul {list-style: none; display: inline-block; margin-bottom: 0;}
.avkash_count_list ul li {display: inline-block; color: #000; margin-right: 15px; margin-bottom: 15px; border-radius: 5px; padding: 5px; text-align: center;}
.avkash_count_list ul li.av_01 {background: #ffe2e2; border: 1px solid #f7c8c9;}
.avkash_count_list ul li.av_02 {background: #e2f1ff; border: 1px solid #b3dcff;}
.avkash_count_list ul li.av_03 {background: #ede9d8; border: 1px solid #d4c99e;}
.avkash_count_list ul li.av_04 {background: #e8f7eb; border: 1px solid #c2e5c8;}
.avkash_count_list ul li.av_05 {background: #efe9e5; border: 1px solid #f7c8c9;}
.avkash_count_list ul li.av_06 {background: #dfe9ed; border: 1px solid #bcced6;}
.avkash_count_list ul li.av_07 {background: #f0f0f0; border: 1px solid #f7c8c9;}
.avkash_count_list ul li.av_08 {background: #3d9fdb; border: 1px solid #3d9fdb;}
.avkash_count_list ul li.av_01, .avkash_count_list ul li.av_02, .avkash_count_list ul li.av_03, .avkash_count_list ul li.av_04, .avkash_count_list ul li.av_05, .avkash_count_list ul li.av_06, .avkash_count_list ul li.av_07, .avkash_count_list ul li.av_08 {width: 250px;}
.avkash_count_list ul li.av_01 i, .avkash_count_list ul li.av_02 i, .avkash_count_list ul li.av_03 i, .avkash_count_list ul li.av_04 i, .avkash_count_list ul li.av_05 i, .avkash_count_list ul li.av_06 i, .avkash_count_list ul li.av_07 i, .avkash_count_list ul li.av_08 i {font-style:normal; float: left; margin-top: 6px; width: 100%;}
.avkash_count_list ul li span {float: left; width: 100%;}
.avkash_count_list ul li span small {display: inline-block; width: 70%; height: 30px; background: #fff; border-radius: 5px; color: #2292a7; font-size: 20px; font-weight: 700; padding-top: 5px;}
.avkash_count_list ul li.av_01 span small {color: #c14949;}
.avkash_count_list ul li.av_02 span small {color: #0d62b1;}
.avkash_count_list ul li.av_03 span small {color: #a18409;}
.avkash_count_list ul li.av_04 span small {color: #1d762f;}
.avkash_count_list ul li.av_05 span small {color: #af5b23;}
.avkash_count_list ul li.av_06 span small {color: #206189;}
.avkash_count_list ul li.av_07 span small {color: #c13535;}
.avkash_count_list ul li.av_08 span small {color: #3d9fdb;}

.progress_circle {position: relative; text-align: center;}
.percentage-text {position: absolute; left: 0; top: 14px; right: 0; margin:0 auto; background: #dff3ff; border-radius: 50%; height: 32px; width: 32px; line-height: 34px; font-weight: 700; font-size: 11px;}
.progress_Spinner {width: 40px!important; height: 40px!important; margin: 0 auto;}

.teach-section-code {background: #e8f8ff; border: 1px solid #cee9ff; padding: 30px 10px 20px 10px; margin-bottom: 20px; border-radius: 10px; position: relative;}
.admin-title-h3-green {color: #fff; font-size: 18px !important; border: 1px solid #1b9947; background: #198acd; padding: 5px 0; position: absolute; border-radius: 5px; width: 20%; left: 0; right: 0; top: -20px; margin: 0 auto!important; text-align: center;}
.admin-title-h3-green span {margin-left: 5px;}
.teach-section-code input[type="text"] {font-size: 18px; color: #198acd; font-weight: 700; background: #fff;}
.teach-section-code input[type="text"]::placeholder {color: #6a7793; font-weight: normal;}
.teach-grads span {margin-left: 10px; font-weight: 700; color: #386a87;}
.available-seats-info, .occupied-seats-info {padding: 20px 5px 5px 20px; position: relative;}
.available-seats-info {border: 1px solid #2dbe60; border-radius: 30px 0 0 0; background: url('/assets/images/seate-green-ico.png') no-repeat left bottom;}
.occupied-seats-info {border: 1px solid #e53b3b; border-radius: 0 30px 0 0; background: url('/assets/images/seate-red-ico.png') no-repeat left bottom;}
.available-seats-info h5, .occupied-seats-info h5 {position: absolute; left: 50px; top: -15px; padding:5px 10px; border-radius: 15px; font-size: 16px !important; letter-spacing: 4px; color: #fff;}
.available-seats-info h5 {background: #78eba0;}
.occupied-seats-info h5 {background: #f98181;}
.available-seats-info h2, .occupied-seats-info h2 {margin-bottom: 0!important; float: right; border-radius: 20px 20px 0; padding: 20px; width: 160px; font-size: 2.5em!important; color: #fff; text-align: center; text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.5);}
.available-seats-info h2 {background: #78eba0;}
.occupied-seats-info h2 {background: #f98181;}
.occupied-tab-color {border: 1px solid #00c4cc; background: url('/assets/images/seate-blue-ico.png') no-repeat left bottom;}
.occupied-tab-color h2 {background: #00c4cc;}
.occupied-tab-color h5 {background: #00c4cc;}
.gradiation_techer_table table tbody tr td {border:1px solid rgba(0,0,0,0.3);}
.gradiation_techer_table table tbody tr.occupied_red {background: #f1c8c8;}
.gradiation_techer_table table tbody tr.available_green {background: #c3dda6;}
.gradiation_techer_table table tbody tr td input[type="radio"] {width: 25px; height: 25px; margin-top: 0;}
.gradiation_techer_table table tbody tr td.cms_pd_bottom {padding-bottom: 33px!important;}
.gradiation_techer_table table tbody tr td span.text-danger {color: #cc0000 !important; font-weight: 700;}
.gradiation_techer_table table tbody tr td span.text-success {color: #057855 !important; font-weight: 700;}
.promotion_update {text-align: center; position: relative; padding-top: 20px;}
.promotion_update h4 {position: absolute; left: 0; right: 0; margin: 0 auto !important; top: -32px; width: 20%; border: 1px solid #cee9ff; border-radius: 5px; padding: 5px 0; background: #198acd; color: #fff; font-size: 18px !important;}
.filter_details {position: relative; padding-top: 20px;}
.filter_details h4 {position: absolute; left: 0; right: 0; margin: 0 auto !important; top: -20px; width: 30%; border: 1px solid #cee9ff; border-radius: 5px; padding: 5px 0; background: #198acd; color: #fff!important; font-size: 18px !important; text-align: center;}
.promotion_update ul {list-style: none; margin: 0; padding: 0; display: inline-block;}
.promotion_update ul li {float: left; margin-right: 35px; padding-right: 20px; border-right: 1px solid #7098b9;}
.promotion_update ul li:last-child {margin-right: 0; padding-right: 0; border-right: none;}
.promotion_update ul li input[type="radio"] {width: 20px; height: 20px; margin-top: 0; margin-left: -25px;}
.form-checks input[type="checkbox"] {left: 10px; top: -5px; width: 20px; height: 20px;}
.form-checks label {font-weight: 700; color: #0a689f; font-size: 16px;}

/* ---------- Pritn page css ----------- */
.counseling-oragnaiz {background: #fff; border-radius: 5px; padding: 15px; font-size: 14px; border: 1px solid #bfbfbf;}
.counseling-oragnaiz p {float: left; width: 100%; text-align: center;}
.counseling-oragnaiz h2, .counseling-oragnaiz h3 {text-align: center; font-weight: 700 !important; margin-bottom: 5px!important; float: left; width: 100%;}
.counseling-oragnaiz h2 {font-size: 14px !important; margin-bottom: 20px !important; border-top: 1px solid #000; padding-top: 10px; line-height: 20px !important;}
.counseling-oragnaiz h2 span {font-weight: normal; display: inline-block; border-bottom: 1px solid #000; line-height: 16px; font-size: 15px;}
.counseling-oragnaiz h3 {font-size: 14px !important; margin-top: 0!important;}
.counseling-oragnaiz ul {margin-bottom: 0; list-style: none;}
.counseling-oragnaiz ul li, .oragnaiz-details ul li {margin-right: 20px; float: left;}
.counseling-oragnaiz ol li small {float: left; width: 205px; font-size: 13px;}
.counseling-oragnaiz p span, .candidate_info ul li span {font-weight: 700; margin: 0 15px 0 15px;}
.counseling-oragnaiz figure {margin: 0; text-align: center;}
.counseling-oragnaiz figure img {width: 100px;}

.title-govt p {text-align: center;}
.date_of_agree small {padding-top: 90px;}
.date_of_agree small span {font-weight: 700;}

.agriment_letters_h2 {position: relative;}
.agriment_letters_h2 dfn {position: absolute; left: 0; font-style: normal;}

.oragnaiz-details ul {list-style: none; margin-bottom: 5px;}
.oragnaiz-details ul li:first-child {width: 100%; font-weight: 700;}

.signature_agree {margin:0;}
.signature_agree ul {margin-top: 50px;}
.signature_agree ul li:first-child {padding-left: 50px;}
.signature_agree ul li {margin-right: 0; font-weight: 700; text-align: center;}
.signature_agree ul li:last-child {float: right; padding-right: 50px;}
.signature_agree ul li dfn {border-bottom: 1px solid #000; float: left; padding:0 20px; font-style: normal;}

.candidate_info {margin-bottom: 15px;}
.candidate_info ul li {margin-top: 10px; padding-left: 50px; margin-right: 0;}
.candidate_info ul li dfn {font-style: normal; font-weight: 700; border-bottom: 1px solid #000; padding: 0 30px 5px;}
.scissors-ico {background: url(../images/scissors-ico.png) no-repeat right center; border: none; position: relative; height: 30px; background-position-x: 90%;}
.scissors-ico::after {position: absolute; left: 0; top: 14px; width: 100%; height: 2px; border-top:2px dashed #828282; content: '';}


@keyframes bord-pop {
    0% {transform: translate(-50%, -50%);}
    50% {transform: translate(-50%, -50%) scale(1.9); opacity: 0.1;}
    100% {transform: translate(-50%, -50%) scale(1.9); opacity: 0;}
}
@keyframes col {
    0% {transform: scale(1) translate(0,0);}
    10% {transform: scale(1.1) translate(0,0);}
    75% {transform: scale(1) translate(0,0);}
    100% {transform: scale(1) translate(0,0);}
}
@keyframes bell-ring {
    0% {transform: translate(-50%, -50%);}
    5%, 15% {transform: translate(-50%, -50%) rotate(25deg);}
    10%, 20% {transform: translate(-50%, -50%) rotate(-25deg);}
    25%  {transform: translate(-50%, -50%) rotate(0deg);}
    100% {transform: translate(-50%, -50%) rotate(0deg);}
}


@media (max-width:1200px) {
    .bring_nav_bar {margin: 0 0 0 0!important; cursor: pointer !important; position: absolute; left: 5px; z-index: 1; top: 12px; background-color: #2c698b!important; width: 35px; height: 35px; text-align: center; border-radius: 50%; padding-top: 8px;}
}

@media only screen and (max-width:1600px) {
    /* css updated date: 01/10/2024  */
    .schemes_tab h3 small {font-size: 15px;}
    .schemes_tab h3 {padding-left: 82px;}
}

@media only screen and (max-width:767px) {
    .todays_leaveus, .pendding_leaveus, .admin-title-h3-green, .filter_details h4, .promotion_update h4 {width: 100%;}
    .admin_dashboards_details figure {height: 215px !important;}
    .identity_info h4, .identity_info h5 {display: block!important;}
    .mob-text-center {text-align: center;}
    .emy-code-info ul li {margin-right: 0; padding-right: 0; border-right: none; margin-bottom: 10px; font-size: 14px; width: 100%; border-bottom: 1px dashed #3daced; padding-bottom: 10px;}
    .emy-code-info ul li span {float: left; width: 65%; text-align: left;}
    #footer h3 {font-size: 15px;}
    .hr-border-top {padding-top: 15px; border-top: 1px dashed #a7a7a7; margin-top: 15px;}
    .hr-border-top a {width: 100%;}
    .btn-forgot {text-align: center;}
    .gen-holiday-list li {width: 100%; margin-left: 0; margin-right: 0;}
    .leave-modals .modal-dialog {max-width: 100%;}
    .custom-alerts h4 {position: inherit; left: 0; width: 100%; border-radius: 0; background: none; padding: 0; border-bottom: 1px dashed #3fb4f9; margin-bottom: 10px !important; float: left; color: #f2ff00;}
    .custom-alerts h4::after {display: none;}
    .custom-alerts ol li {margin-right: 0; margin-bottom: 15px;}
    .custom-alerts ol li:last-child {margin-bottom: 0;}
    #pulldown {display: block;}
    .home-thumb {position: absolute; left: 0; top:10px; display: inline-block;}
    .admin-title-h1 {font-size: 16px!important;}
    .leave-tabes h2 {font-size: 12px!important;}
    .leave-tabes .form-group span {float: left; width: 100%;}
    .custom-alerts ol li {width: 100%; float: left;}
    /* .navbar-header .navbar-toggle i.font-medium-3 {font-size: 35px !important; padding: 10px 10px 20px 10px;} */
    .mobile_cards {overflow-y: scroll; height: 500px;}
    .sidebar-header a.nav-close {font-size: 25px; padding: 3px 5px 5px 3px; background: #48b6f7; border-radius: 50%; width: 30px; height: 30px;}
    .authentic-verified ul li.approve-reject {width: 100%; text-align: center; margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px dashed #2f8be6;}
    .authentic-verified ul li.signatrues {width: 100%; margin-top: 20px;}
    .schemes_tab {margin-bottom: 20px;}
    .identity_info {text-align: center; width: 100%; position: absolute; top: 0; left: 0; padding: 5px; border-bottom: 1px solid #ade0ff; border-radius:0 0 5px 5px; background: #e8f6ff;}
    .identity_info h4 {font-size: 16px!important; color: #000;}
    .identity_info h5 {margin-bottom: 0!important;}
    .identity_info p {font-size: 12px; margin-bottom: 0!important; color: #000;}
    .identity_info dfn {width: 100%;}
    .identity_info dfn:last-child {display: none;}
    .navbar-header .navbar-toggle i.font-medium-3 {font-size: 20px !important; color: #000000;}
    .stepler_prgress ul li {text-align: center; width: 100%; padding-left: 0;}
    .stepler_prgress ul li h2 {margin-bottom: 5px; width: auto;}
    .stepler_prgress ul li h2 span {margin: 0 auto; width: 40px; height: 40px; padding: 3px 3px 3px 3px;}
    .stepler_prgress ul li h2 span small {font-size: 14px;}
    .stepler_prgress ul li h3 {margin-left: 10px; margin-bottom: 35px; width: 76%; padding-right: 0; text-align: left;}
    .stepler_prgress ul li h3 span {line-height: 22px;;}
    .stepler_prgress ul li h3 span:nth-child(2) {height: auto;}
    .stepler_prgress ul li h2::before {width: 1px; height: 75px; left: 0; right: 0; margin: 0 auto; top: 43px; border-radius: 5px 5px 0 0;}
    .stepler_prgress ul li h2::after {width: 1px; height: 75px; left: 0; right: 0; margin: 0 auto; top: 117px; border-radius: 0 0 5px 5px;}
    .join_application_info ul li {margin-bottom: 15px;}
    .join_application_info, .g_ch_charts {min-height: auto;}
    .every_month_leave_details h4 {font-size: 15px!important;}
    .every_month_leave_details .m_view_btns {padding: 5px; width: 80px; font-size: 12px;}
    .every_month_leave_details .m_view_btns .mat-icon {height: 15px; margin-right: 0; font-size: 15px; margin-top: 2px;}
    .exceldown_ico {text-align: left; font-size: 13px; display: inline-block; width: 100%;}
    .exceldown_ico img {float: right; margin-top: -5px;}
    .todays_leaveus {margin-right: 0; padding: 30px 5px 5px 5px; min-height: auto;}
    .pendding_leaveus {margin-bottom: 10px; padding: 30px 5px 5px 5px; min-height: auto;}
    .pendding_todays ul li span {padding-top: 8px; width: 35px; height: 35px;}
    .pendding_todays ul li a {padding: 8px 5px 8px 35px; font-size: 13px;}
    .pendding_todays ul li a small {font-size: 10px;}
    .pendding_todays h5 {margin-top: 0 !important;}
    .modal_head_h4 span {padding: 5px 10px;}
    .modal_head_h4 span::before {left: -30px; width: 10%; top: 12px;}
    .modal_head_h4 span::after {right: -30px; width: 10%; top: 12px;}
    .stepler_prgress ul li.single_tabs {width: 100%;}
    .leaves_info span {margin-right: 0; width: 100%; float: left; margin-bottom: 10px; text-align: left; border-bottom: 1px solid #bee6ef; padding-bottom: 5px;}
    .leaves_info span:last-child {border-bottom: none; padding-bottom: 0;}
    .leaves_info span strong {float: right;}
    .top-head-streap {border-bottom: 1px dashed #ddd;}
    .authority {font-size: 12px;}
    .authority ul li {padding-right: 10px; margin-right: 10px;}
    .every_month_leave_details {min-height: auto;}
    .bread_crumb_list ol.breadcrumb li {width: 100%; text-align: center;}
    .navbar-container {width: 84%;}
    .avkash_count_list ul li {margin-bottom: 5px; margin-right: 0;}
    .avkash_count_list ul li.av_01, .avkash_count_list ul li.av_02, .avkash_count_list ul li.av_03, .avkash_count_list ul li.av_04, .avkash_count_list ul li.av_05, .avkash_count_list ul li.av_06, .avkash_count_list ul li.av_07, .avkash_count_list ul li.av_08 {width: 85%;}
    .teach-section-code {border-radius: 5px; padding: 15px; text-align: center;}
    .teach-section-code input[type="text"] {margin-bottom: 10px;}
    .available-seats-info {margin-bottom: 25px; border-radius: 10px 10px 0 0;}
    .occupied-seats-info { border-radius: 0 0 10px 10px;}
    .available-seats-info, .occupied-seats-info {text-align: center;}
    .available-seats-info h5, .occupied-seats-info h5 {left: 0; right: 0; margin: 0 auto !important; width: 75%;}
    .available-seats-info h2, .occupied-seats-info h2 {display: inline-block; float: none; border-radius: 15px 15px 0 15px; padding: 15px; font-size: 25px!important; width: 50%;}
    .form-checks label {font-size: 14px;}
    
    }

@media print {
    .approve-reject span {width:50%; float: left;}
}