/* pre-loader */
.pre-loader {
    width: 50px;
    height: 50px;
    box-sizing: border-box;
    position: fixed;
    z-index: 9999;
    top: 50%;
    left: 50%;
    margin-top: -25px;
    margin-left: -25px;
    animation: rotate 3s linear infinite;
    transform-origin: bottom center;
}
.pre-loader span {
    display: inline-block;
    background-color: #3faee6;
    height: 40px;
    width: 40px;
    border-radius: 50%;
    transform: scale(0);
    animation: grow 1.5s linear infinite;
    margin: -10px;
}
.pre-loader span:nth-child(2){
    background-color: #3d8fb9;
    animation-delay: .75s;
}
.pre-loader span:nth-child(3){
    background-color: #8bdaf3;
    animation-delay: .5s
}
@keyframes rotate{
    to {
        transform: rotate(360deg);
   }
}
@keyframes grow {
    50% {
        transform: scale(1);
   }
}





/* common start */
/* body */
body {
    background: #ededf5;
    font-size: 13px;
    font-family: var(--bs-roboto-regular);
    color: #1C1B1F;
}


/* helvetica-neue */
:root {
    --bs-helvetica-neue: "Helvetica Neue", Helvetica, Arial, sans-serif;}
.helvetica-neue {
    font-family: var(--bs-helvetica-neue);
}


/* input[disabled] */
input[disabled] {
    background-color: transparent;
    opacity: 0.5;
}


/* required */
input[required]:invalid,
textarea[required]:invalid,
select[required]:invalid {
    border-color: #ff9292 !important;
}


/* input number remove arrows */
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
/* input[type=file] css */
input[type=file]::-webkit-file-upload-button {
    background: transparent;
    border-radius: 1px;
    padding: 5px 10px;
    color: #308298;
    border: 1px solid #92aeb5;
}
/* input:disabled */
input:disabled,
select:disabled,
textarea:disabled {
    background: transparent;
}
/* select */
select {
    background: #fff;
}




/* placeholder */
::-webkit-input-placeholder {
   /* Chrome/Opera/Safari */
    text-transform: capitalize;
    color: #a5a5a5;
    font-weight: normal;
}
::-moz-placeholder {
   /* Firefox 19+ */
    text-transform: capitalize;
    color: #a5a5a5;
    font-weight: normal;
}
:-ms-input-placeholder {
   /* IE 10+ */
    text-transform: capitalize;
    color: #a5a5a5;
    font-weight: normal;
}
:-moz-placeholder {
   /* Firefox 18- */
    text-transform: capitalize;
    color: #a5a5a5;
    font-weight: normal;
}




/* radio, checkbox */
input[type="radio"],
input[type="checkbox"] {
    margin: 0; /* this use bootsrap-3 */
    appearance: none;
    position: relative;
    height: 15px;
    width: 15px;
    transition: all 0.15s ease-out 0s;
    background: #cbd1d8;
    border: none;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    outline: none !important;}
input[type="radio"]:hover,
input[type="checkbox"]:hover {
    background: #9faab7;}
input[type="radio"]:checked,
input[type="checkbox"]:checked {
    background: #2288db;}
input[type="radio"]:checked::before,
input[type="checkbox"]:checked::before {
    height: 15px;
    width: 16px;
    line-height: 16px;
    position: absolute;
    font-family: FontAwesome;
    display: inline-block;
    font-size: 12px;
    text-align: center;    }
input[type="radio"]:checked::after,
input[type="checkbox"]:checked::after {
    background: #2288db;
    content: '';
    display: block;
    position: relative;
    z-index: 100;}

/* radio */
input[type="radio"]:checked::before {
    content: '\f192';}
input[type="radio"] {
    border-radius: 50%;}
input[type="radio"]::after {
    border-radius: 50%;}

/* checkbox */
input[type="checkbox"]:checked::before {
    content: '\f00c';}



/* common end */




/* background-color */
.bg-transparent {
    background-color: transparent !important;
}
.bg-white {
    background-color: #fff !important;
}
.bg-l-green {
    background-color: #b4f3cb !important;
}
.bg-l-blue {
    background-color: #c6effd !important;
}
.bg-l-red {
    background-color: #fce4d6 !important;
}
.bg-m-red {
    background-color: #ff5151 !important;
}
.bg-m-gray {
    background-color: #c7d4fd !important;
}
.bg-xl-gray {
    background-color: #f7f7f7 !important;
}




/* text-color */
.text-white {
    color: #fff !important;
}
.text-d-green {
    color: #479d49 !important;
}
.text-d-blue {
    color: #1d94b8 !important;
}
.text-danger {
    color: #a94442 !important;
}
.text-red-s {
    color: #F44336 !important;
}
.text-red {
    color: red !important;
}
.text-m-red {
    color: #fb2929 !important;
}
.text-inherit {
    color: inherit !important;
}
.text-m-gray {
    color: #8C8C8C !important;
}
.text-deep-pink {
    color: #FF1493 !important;}



/* radio-btn-checked */
.radio-btn-checked input[type="radio"] {
    color: #18d489;
    border: 1px solid #ccc;
    width: 17px;
    height: 17px;
    border-radius: 0;
}
.radio-btn-checked input[type="radio"]:checked {
    border-color: #83f5c7;
    background: transparent;
}
.radio-btn-checked input[type="radio"]:checked::before {
    content: '\f00c';
}



/* chose-checkbox-radio */
.chose-checkbox-radio .label-item {
    cursor: pointer;
    margin-right: 15px;
    border: 1px solid #c8cacb;
    padding: 2px 8px;
    border-radius: 5px;
    margin-bottom: 5px;}
.chose-checkbox-radio .label-item input {
    position: relative;
    top: 2px;}
.chose-checkbox-radio .label-item span {
    margin-left: 5px;
    font-size: 12px;}

/* label-border-0 */
.chose-checkbox-radio .label-item.label-border-0 {
    border: none;
    padding: 0;
    border-radius: 0;}

/* label-small */
.chose-checkbox-radio .label-item.label-small span {
    margin-left: 2px;
    font-size: 9.5px;}
.chose-checkbox-radio .label-item.label-small input {
    width: 15px;
    height: 15px;}
/**/
.chose-checkbox-radio .label-item.label-small input:checked::before,
.chose-checkbox-radio .label-item.label-small input:checked::before {
    width: 13px;
    line-height: 14px;}
.chose-checkbox-radio .label-item.label-bordered.label-small {
    padding: 1px 4px;}







/* auto-complete-results */
.auto-complete-results {
    display: flex;
    flex-direction: column;
    overflow-y: scroll;
    overflow-x: hidden;
    flex-wrap: nowrap;
    border: 1px solid #ccc;
    background: #fff;
    max-height: 100px;
    min-height: 80px;
    z-index: 500;
    padding: 7px 0;
    position: absolute !important;
}
.auto-complete-results .auto-complete-result-item {
    min-width: 100%;
    padding: 2px 3px;
    white-space: nowrap;
    padding: 4px 10px;
    color: #000;
    cursor: pointer;
    font-size: 13px;
}
.auto-complete-results .auto-complete-result-item:hover{
    background-color: #efefef;
    color: #292929;
}






/* header */
.header {
    width: 100%;
    height: 40px;
    background: #ededf5;
    position: fixed;
    z-index: 100;
    color: #000;
    margin-left: 0;
}
@media screen and (max-width: 499px) {
.header {
    height: 40px;}
}

/* body-class */
@media (min-width: 992px) {
body .header {
    padding-left: 260px;
}
body.body-class .header {
    padding-left: 30px;
}
}



/* a */
.header a {
    color: #98999c;
    text-decoration: none;
}

/* toggle */
.header .toggle {
    position: relative;
    top: 5px;
    right: 0;
}
/* body-class */
.body-class .header .toggle {
    right: -80px;
}
/* toggle hidden */
@media (max-width: 991px) {
.header .toggle {
    visibility: hidden;
}
}
/* h4 */
.header .toggle h4 {
    color: #fff;
    background: #a7a7a7;
    border-radius: 50%;
    font-size: 12px;
    width: 28px;
    height: 28px;
    line-height: 30px;
    text-align: center;
    padding: 0;
    float: left;
    margin: 0 15px 0 0;
    cursor: pointer;
}
.header .toggle h4 .fa {
    font-size: 16px;
}
.body-class .header .toggle h4 {
    margin-left: -10px;
}
/* header h4, h1 */
body.body-class .header .toggle h4 {
    margin-left: 0;
}
body .header .toggle h4:nth-child(2) {
   display: none;
}
body.body-class .header .toggle h4:nth-child(1) {
   display: none;
}
body.body-class .header .toggle h4:nth-child(2) {
   display: block;
}







/* select */
.header select {
    background: transparent;
    width: 145px;
    border: inherit;
    color: #1C1B1F;
    font-size: 13px;
    margin-top: 9px;
}
.header select option {
    color: #000;
}


/* switch-insti */
.header .switch-insti {
    margin-top: 8px;
    margin-right: 20px;
}
.header .switch-insti a {
    color: #c21d1d;
}
.header .switch-insti div {
    display: inline-block;
}
.header .switch-insti .fa {
    margin-left: 3px;
}
@media screen and (max-width: 499px) {
.header .switch-insti {
    margin-right: 10px;
}
.header .switch-insti span {
    display: none;
}
.header .switch-insti .fa {
    margin-left: 0;
}
}


/* right, left */
.header .right,
.header .left {
    padding: 0 15px 0 9px;
}
/* body-class */
.body-class .header .right,
.body-class .header .left {
    padding: 0 15px 0 0;
}


/* p-t */
.header .right ul,
.header .center
.institution-select {
    padding-top: 2px;
}


/* right */
.header .right li {
    float: right;
    list-style: none;
}







/* animate-dropdown */
.animate-dropdown {
    padding-left: 5px;
    padding-right: 5px;
}
/* dropdown-toggle */
.animate-dropdown .dropdown .dropdown-toggle {
    cursor: pointer;
    color: #1C1B1F;
    overflow: hidden;
    white-space:nowrap;
    max-width: 140px;
    padding-top: 6px;
    font-size: 13px;
    margin-left: 20px;
    margin-right: 0;
}
.animate-dropdown .dropdown .dropdown-toggle img {
    height: 16px;
    opacity: .5;
    margin-top: -4px;
}
@media screen and (min-width: 500px) {
.animate-dropdown .dropdown .dropdown-toggle {
   text-overflow: ellipsis;}
}


/* dropdown-menu */
.animate-dropdown .dropdown-menu {
    width: 250px;
    left: inherit;
    right: 0;
    text-align: center;
    color: #848484;
    padding: 20px 15px;
    border-radius: inherit;
    border: none;
}
.animate-dropdown .dropdown-menu ul {
    padding-left: 0;
}
.animate-dropdown .dropdown-menu a {
    color: #999;
}
@media screen and (max-width: 499px) {
.animate-dropdown .dropdown-menu {
   width: 210px;
   left: -156px;
}
}

/* button */
.animate-dropdown .dropdown-menu button {
    margin-top: 10px;
}
.animate-dropdown .dropdown-menu a.a-btn {
    color: #104856;
}

/* */
.animate-dropdown .dropdown-menu a.active {
    color: #104856;
    border: 1px solid #ddd;
    padding: 5px 15px;
}

/**/
.animate-dropdown .dropdown-menu .profile-icon {
    height: 60px;
    margin-top: 10px;
}
@media screen and (max-width: 499px) {
.animate-dropdown .dropdown-menu .profile-icon {
    height: 55px;
}
}


/**/
.animate-dropdown .dropdown-menu .noti-img {
    height: 60px;
}
@media screen and (max-width: 499px) {
.animate-dropdown .dropdown-menu .noti-img {
    height: 55px;
   }
}


/* change-password */
.change-password .animate-dropdown {
    padding-right: 0;}
.change-password .animate-dropdown .dropdown .dropdown-toggle span {
    margin-left: 3px;
}
@media screen and (max-width: 767px) {
.change-password .animate-dropdown .dropdown .dropdown-toggle span {
    display: none;}
}





/* breadcrumb-default */
.breadcrumb-default .breadcrumb {
    align-items: center;
}
.breadcrumb-default .breadcrumb .breadcrumb-item+.breadcrumb-item {
    position: relative;
}
.breadcrumb-default .breadcrumb .breadcrumb-item:first-of-type+.breadcrumb-item {
    padding-left: 15px;
}
.breadcrumb-default .breadcrumb .breadcrumb-item:first-of-type+.breadcrumb-item:before {
    content: "";
    width: 2px;
    height: 20px;
    background-color: #8e8e8e;
    padding: 0;
    position: absolute;
    top: 50%;
    left: 6px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);}
.breadcrumb-default .breadcrumb .breadcrumb-item a {
    text-decoration: none;
    color: var(--bs-body-color);
}
.breadcrumb-default .breadcrumb .breadcrumb-item:first-of-type {
    font-family: var(--bs-roboto-medium);
    font-size: 15px;
}







/* country-code-mobile */
.country-code-mobile {
    display: flex;}
.country-code-mobile .country-code .chosen-container {
    min-width: 162px;}
.country-code-mobile .country-code .chosen-container-single .chosen-single {
    padding-left: 4px;
    padding-right: 4px;}
.country-code-mobile .country-code .chosen-container-single .chosen-single span {
    font-size: 10px;
    margin-right: 10px;
    font-weight: bold;}
.country-code-mobile .mobile-no input[type="text"] {
    padding-left: 4px !important;
    padding-right: 4px !important;}




/* go-card */
.go-card {
    position: relative;}
.go-card input {
    padding-right: 35px !important;}
.go-card button {
    position: absolute;
    right: 0;
    padding: 8px;}




/* bill-print-thermal */
.bill-print-thermal {
    width: 320px;
    color: #000;
    padding: 5px;
}
.bill-print-thermal .border-d-t-b {
    border-top: 1px dotted #000;
    border-bottom: 1px dotted #000;
}
/* head */
.bill-print-thermal .head {
    padding-bottom: 30px;
}
.bill-print-thermal .head .logo {
    max-width: 100%;
    max-height: 80px;
    margin-bottom: 5px;
}
.bill-print-thermal .head h5 {
    margin-top: 0;
    margin-bottom: 3px;
    font-size: 20px;
    font-weight: bold;
    text-transform: uppercase;
}
.bill-print-thermal .head h6 {
    margin-top: 0;
    margin-bottom: 3px;
    font-size: 14px;
    text-transform: uppercase;
}

/* body */
.bill-print-thermal .body .item {
    margin-top: 2px;
    font-size: 17px;
}
.bill-print-thermal .body .item label {
    font-weight: normal;
}
.bill-print-thermal .body .item .data {
    font-weight: bold;
    display: inline-block;
}
.bill-print-thermal .body .table-list {
    width: 100%;
    margin-top: 25px;
    font-size: 15px;
}
.bill-print-thermal .body .table-list th,
.bill-print-thermal .body .table-list td {
    padding: 5px;
}
.bill-print-thermal .body .table-list tbody tr:first-of-type td {
    padding-top: 15px;
}
.bill-print-thermal .body .table-list tbody tr:last-of-type td {
    padding-bottom: 15px;
}






/* masonry-columns */
.masonry-columns .masonry-col {
    position: relative;
   /* display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
   */
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    margin-bottom: 5px;
}
@media (min-width: 768px) {
.masonry-columns {
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
    -webkit-column-gap: 15px;
    -moz-column-gap: 15px;
    column-gap: 15px;
}
.masonry-columns .masonry-col {
    display: inline-block;
    width: 100%;
 }
}
@media (max-width: 767px) {
    .masonry-columns {
    -webkit-column-count: 1;
    -moz-column-count: 1;
    column-count: 1;
}
}










/* my-panel */
.my-panel.panel-group {
    margin-bottom: 15px;
}
.my-panel .panel {
    box-shadow: 8px 12px 18px -2px #d3d4d4ad;
    border: none;
    border-radius: 15px;
    margin-bottom: 10px;
}
.my-panel .col-md-6:nth-child(odd) {
    float: left;
}
.my-panel .col-md-6:nth-child(even) {
    float: right;
}
/* panel-heading */
.my-panel .panel-default>.panel-heading {
    color: #484444;
    background-color: transparent;
    border: none;
}
.my-panel .panel-heading h4 {
    display: inline-block;
    font-weight: bold;
    font-size: 16px;
    padding: 6px 15px;
}
.my-panel .panel-heading h4 a {
    text-decoration: none;
}
.my-panel .panel-heading .panel-btn {
    float: right;
    padding: 0px 15px;
    color: #ccc;
    margin-top: 1px;
    font-size: 25px;
}
.my-panel .panel-heading .panel-btn:hover {
    color: #000;
}
.my-panel .panel-heading .panel-btn .fa {
    -moz-transition: all 1s ease-in-out;
    -webkit-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out;
}
.my-panel .panel-heading .panel-btn.collapsed .fa {
    -ms-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}
/* panel-body */
.my-panel .panel-body {
    padding-left: 30px;
    padding-right: 30px;
}
.my-panel .panel-default>.panel-heading+.panel-collapse>.panel-body {
    border-top-color: #f3ecec;
}
/* list-card */
.my-panel .list-card {
    box-shadow: none;
}
.my-panel .common-table .table {
    box-shadow: none;
}
/* no-data */
.my-panel .no-data {
    text-align: center;
    font-size: 15px;
}
/* grap-div */
.my-panel .grap-div {
    height: 260px;
}
/* page-form */
.my-panel .panel-body .page-form {
    box-shadow: none;
}
.my-panel .panel-body .page-form .page-body,
.my-panel .panel-body .page-form .page-form-head,
.my-panel .panel-body .page-form .page-footer {
    padding-right: 0;
    padding-left: 0;
}
.my-panel .panel-body .page-form .page-body textarea {
    height: 80px;
    margin-bottom: 0;
}
.my-panel .panel-body .page-form .page-footer {
    display: table;
    width: 100%;
}
.my-panel .panel-body .page-form .page-footer button,
.my-panel .panel-body .page-form .page-footer .a-btn {
    float: right;
}








/* grid-row */
.grid-row {
    background: #fff;
    display: table;
    width: 100%;
    padding: 25px 15px 0;
    margin-bottom: 15px;
    box-shadow: 0 0 5px #edf3eb;
    border-radius: 5px;
}
.grid-row .div-col {
    width: 25%;
    float: left;
    margin-bottom: 15px;
    padding-left: 5px;
    padding-right: 5px;
}
.grid-row .div-col label {
    display: block;
    font-weight: normal;
    font-size: 13px;
}
.grid-row .div-col b {
    font-size: 18px;
    min-height: 30px;
    display: block;
}
.grid-row .div-col .profile-img {
    height: 170.07px;
    width: 132.28px;
    margin-right: 20px;
}
.grid-row .div-col .fa-check {
    color: #36de62;
}
.grid-row .div-col .fa-ban {
    color: #e84545;
}
@media screen and (max-width: 767px) {
    .grid-row .div-col {
        width: 50%;
   }
}







/* radio-btns */
.radio-btns {
    background-color: #fff;
    box-shadow: 0 7px 12px #342f2f2e;
    border-radius: 10px;
    padding: 5px 10px;
}
.radio-btns label {
    width: auto;
    cursor: pointer;
    font-weight: normal;
    text-align: center;
    position: relative;
    background-color: #efefef;
    margin: 0 2px !important;
    padding: 8px 20px !important;
    font-size: 12px;
    border-radius: 25px;
}
.radio-btns label:hover {
    color: #000;
}
.radio-btns label input {
    position: absolute;
    opacity: 0;
}

/* checked */
.radio-btns label.checked {
    color: #fff;
    cursor: default;
    background: linear-gradient(-45deg, #23A6D5, #23D5AB);
}














/* details-question-paper */
.details-question-paper {
    background: #fff;
    padding: 20px;
    box-shadow: 0 0 5px 0 #ccc;
}
.details-question-paper label {
    display: block;
    padding-top: 10px;
}
.details-question-paper h4 {
    font-size: 17px;
}
.details-question-paper .a-btn {
    display: block;
    margin-bottom: 10px;
    width: 100px;
    text-align: center;
}











/* card-group */
.card-group .card {
    box-shadow: 0 7px 15px #dddded;
    border: none;
    border-radius: 15px;
    background-color: #fff;
}
/* card-header */
.card-group .card .card-header {
    border-color: #e3e3e3;
    border-bottom: 1px solid #ddd;
    padding: 20px;
}
.card-group .card .card-header .card-title {
    color: #444444;
    font-weight: bold;
    font-size: 16px;
}
/* card-sub-header */
.card-group .card .card-sub-header {
    padding-left: 15px;
    padding-right: 15px;
}
/* card-body */
.card-group .card .card-body {
    padding-left: 20px;
    padding-right: 20px;
}
/* common-table */
.card-group .card .card-body .common-table .table {
    box-shadow: none;
}
/* page-form */
.card-group .card .card-body .page-form {
    box-shadow: none;
}
.card-group .card .card-body .page-form .page-body {
    padding: 0;
}
/* card-footer */
.card-group .card .card-footer {
    padding-left: 20px;
    padding-right: 20px;
}






/* switch-button */
.switch-button input[type="checkbox"] {
    display: none;
}
.switch-button input[type="checkbox"] + label {
    display: inline-block;
    position: relative;
    width: 49px;
    height: 20px;
    border-radius: 70px;
    padding: 0;
    margin-bottom: 0;
    cursor: pointer;
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
}
.switch-button input[type="checkbox"] + label:before {
    content: "";
    width: 16px;
    height: 16px;
    position: absolute;
    left: 27px;
    top: 2px;
    border-radius: 100%;
    background: #fff;
    text-align: center;
    line-height: 30px;
    font-size: 14px;
    font-weight: bold;
    color: #fd1a15;
    letter-spacing: 3px;
    text-transform: uppercase;
    -webkit-transition: left 500ms ease, color 500ms ease, -webkit-transform 150ms ease;
    transition: left 500ms ease, color 500ms ease, -webkit-transform 150ms ease;
    transition: left 500ms ease, color 500ms ease, transform 150ms ease;
    transition: left 500ms ease, color 500ms ease, transform 150ms ease, -webkit-transform 150ms ease;
}
/* */
.switch-button input[type="checkbox"][data-state="INDETERMINATE"] + label:before {
    left: 17px;
}
.switch-button input[type="checkbox"][data-state="INDETERMINATE"] + label {
    background: #d0d2d2;
}
.switch-button input[type="checkbox"][data-state="ABSENT"] + label:before {
    left: 27px;
}
.switch-button input[type="checkbox"][data-state="ABSENT"] + label {
    background: #f7525f;
}
.switch-button input[type="checkbox"][data-state="PRESENT"] + label:before {
    left: 7px;
}
.switch-button input[type="checkbox"][data-state="PRESENT"] + label {
    background: #5cbf6d;
}



/* switch-input */
.switch-input {
    position: relative;
    display: inline-block;
    width: 45px;
    height: 12px;
    margin-bottom: 0;
}
.switch-input input {
    opacity: 0;
    width: 0;
    height: 0;
}
.switch-input .slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: .4s;
    transition: .4s;
}
.switch-input .slider:before {
    position: absolute;
    content: "";
    height: 18px;
    width: 18px;
    left: 5px;
    top: -3px;
    background-color: #a7a4a4;
    -webkit-transition: .4s;
    transition: .4s;
}
.switch-input input:checked + .slider:before {
    background-color: #d3dcf5;
}
.switch-input input:checked + .slider {
    background-color: #2196F3;
}
.switch-input input:focus + .slider {
    box-shadow: 0 0 1px #2196F3;
}
.switch-input input:checked + .slider:before {
    -webkit-transform: translateX(17px);
    -ms-transform: translateX(17px);
    transform: translateX(17px);
}
.switch-input .slider.round {
    border-radius: 20px;
}
.switch-input .slider.round:before {
    border-radius: 50%;
}



/* card-switch */
.card-switch {
    min-height: 30px;
    display: inline-block;
    border: 1px solid #ddd;
    border-radius: 15px;
    padding: 3px 8px;
    background-color: #fff;
}
.card-switch .switch-label {
    position: relative;
    top: 2px;
    padding: 5px;
}
.card-switch .switch-input {
    top: 5px;
}







/* COUNT */


/* count-flat */
.count-flat .item {
    position: relative;
    background: #e3e0e0;
    text-align: center;
    padding: 10px;
    margin-bottom: 12px;
    border-radius: 15px;
}
.count-flat .item .url-primary {
    position: absolute;
    inset: 0;
}
.count-flat [class^="col-"]:nth-of-type(1) .item {
    background: #e2eefe;
    color: #3278e4;
}
.count-flat [class^="col-"]:nth-of-type(2) .item {
    background: #c9f7f5;
    color: #31afa2;
}
.count-flat [class^="col-"]:nth-of-type(3) .item {
    background: #fef5de;
    color: #fe9c4a;
}
.count-flat [class^="col-"]:nth-of-type(4) .item {
    background: #d2e2f7;
    color: #3278e4;
}
.count-flat [class^="col-"]:nth-of-type(5) .item {
    background: #fde2e4;
    color: #f7525f;
}
.count-flat .item label {
    font-weight: normal;
    margin-bottom: 0;
    font-size: 14px;
}
.count-flat .item .data {
    font-size: 26px;
}
@media screen and (max-width: 991px) {
.count-flat .item label {
    font-size: 12px;
}
.count-flat .item .data {
    font-size: 22px;
}
}




/* count-row */
.count-row {
    background: #fff;
    padding: 12px 12px 0;
    border-radius: 15px;
    box-shadow: 8px 12px 18px -2px #d3d4d4ad;
}
.count-row .item {
    background: #efefef;
    padding: 15px 12px;
    margin-bottom: 12px;
    border-radius: 15px;
}
/* bg-blue */
.count-row .item.bg-blue {
    background: #e9fbfe;
}
.count-row .item.bg-blue .l-text {
    color: #29abe2;
}
/* bg-purple */
.count-row .item.bg-purple {
    background: #fceeff;
}
.count-row .item.bg-purple .l-text {
    color: #904a91;
}
/* bg-yellow */
.count-row .item.bg-yellow {
    background: #fff7e1;
}
.count-row .item.bg-yellow .l-text {
    color: #ffa83e;
}
/* bg-green */
.count-row .item.bg-green {
    background: #ddfaec;
}
.count-row .item.bg-green .l-text {
    color: #3eaf76;
}
/* border */
.count-row .item .border-l::after,
.count-row .item .border-r::before {
    content: '';
    width: 1px;
    height: 70px;
    background-color: #6fe1d6;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}
.count-row .item .border-l::after {
    left: -15px;
}
.count-row .item .border-r::before {
    right: 20px;
}
.count-row .item img {
    max-width: 100%;
    height: 25px;
    margin-left: auto;
    margin-right: auto;
    display: block;
}
.count-row .item .l-text {
    font-size: 22px;
}
.count-row .item .s-text {
    font-size: 10px;
}
.count-row .item .m-text {
    font-size: 15px;
}
@media (max-width: 767px) {
.count-row .p-l-0 {
    padding-left: 15px !important;
}
}




/* main-count */
.main-count {
    width: 100%;
    background: #fff;
    border-radius: 15px;
    box-shadow: 8px 12px 18px -2px #d3d4d4ad;
    -webkit-transition: all 0.5s cubic-bezier(0.55, 0, 0.1, 1);
    -o-transition: all 0.5s cubic-bezier(0.55, 0, 0.1, 1);
    transition: all 0.5s cubic-bezier(0.55, 0, 0.1, 1);
}
.main-count .count-section {
    position: relative;
}
.main-count .count-section .fa {
    float: left;
    color: #fff;
    text-align: center;
}
.main-count h3,
.main-count h2 {
    float: right;
    margin: 0;
    padding: 2px 0;
    color: #333333;
}
.main-count h3 {
    color: #6d6d6d;
    font-size: 11px;
}
.main-count h2 {
    font-weight: bold;
    font-size: 24px;
}
.main-count .url-primary {
    position: absolute;
    inset: 0;
}
@media (min-width: 1200px) {
.main-count .count-section .fa {
    width: 40%;
    font-size: 35px;
    padding: 6%
   }
.main-count h3, .main-count h2 {
    width: 60%;
    padding-left: 10px;
}
.main-count h2 {
    padding-top: 10px;
}
}

@media (max-width: 1199px) {
.main-count .count-section .fa {
    width: 30%;
    font-size: 23px;
    padding: 9%
   }
.main-count h3, .main-count h2 {
    width: 70%;
    padding: 2px 8px;
   }
.main-count h3 {
    font-size: 11px;
   }
.main-count h2 {
    font-size: 22px;
    padding-top: 2%;
   }
}
@media (max-width: 991px) {
.main-count {
    padding: 5px 30px 0 0;
   }
.main-count .count-section .fa {
    font-size: 24px;
    padding: 8%;
   }
}
@media (max-width: 767px) {
.main-count {
    padding: 40px 30px 0 0;
    float: left;
   }
.main-count .count-section .fa {
    width: 25%;
    font-size: 30px;
    padding: 4%;
   }
.main-count h3, .main-count h2 {
    width: 75%;
   }
.main-count h2 {
    font-size: 19px;
    padding-top: 2%;
   }
}
@media (max-width: 499px) {
.main-count {
    padding: 85px 30px 5px 0;
   }
.main-count .col-xs-6 {
    width: 100%;
   }
}
/* count-section */
.main-count .count-section {
    float: left;
    background: #edf4f4;
    padding-top: 10px;
    padding-bottom: 10px;
    border-radius: 15px;
    width: 100%;
}
.main-count .count-section .fa-graduation-cap {
    color: #5db1e0;
}
.main-count .count-section .fa-pencil-square {
    color: #fec957;
}
.main-count .count-section .fa-user-o {
    color: #45c0ac;
}
.main-count .count-section .fa-book {
    color: #ef4c5f;
}
.main-count .count-section .fa-exchange {
    color: #8988de;
}
.main-count .count-section .fa-pencil {
    color: #fb9066;
}
.main-count .count-section .fa-thumbs-o-up {
    color: #96d86d;
}


/* static-main-count */
.static-main-count.main-count {
    padding: 10px;
    margin-bottom: 17px;
}
@media (max-width: 767px) {
.static-main-count.main-count {
    margin-top: 15px;
    padding-top: 4px;
    padding-bottom: 4px;
   }
.static-main-count.main-count .count-section {
        margin: 7px 0;
   }
}


/* fixed-main-count */
@media (min-width: 500px) {
.fixed-main-count.main-count .count-section {
    margin: 12px 15px;
   }
}
@media (min-width: 768px) {
.fixed-main-count.main-count {
    position: fixed;
    z-index: 2;
    margin: 35px 0 0 0;
   }
}
/* fixed-main-count */
@media (min-width: 992px) {
.fixed-main-count.main-count {
    padding: 5px 35px 0 235px;
}
.body-class .fixed-main-count.main-count {
    padding: 0 35px 0 7px;
}
}
@media (max-width: 499px) {
.fixed-main-count.main-count .count-section {
    margin: 7px 15px;
   }
}



/* main-count-class */
.main-count-class .main-count {
    display: none;
}
.main-count-class .main-body {
    padding-top: 65px;
}
@media (max-width: 767px) {
.main-count-class .main-body {
    padding-top: 40px;
}
}
@media (max-width: 499px) {
.main-count-class .main-body {
    padding-top: 80px;
}
}


/* main-count-toggle hidden show */
body .dropdown-menu .count-hidden-show span:nth-child(2) .main-count-toggle {
   display: none;
}
body.main-count-class .dropdown-menu .count-hidden-show span:nth-child(1) .main-count-toggle {
   display: none;
}
body.main-count-class .dropdown-menu .count-hidden-show span:nth-child(2) .main-count-toggle {
   display: block;
}




/* single-count */
.single-count {
    display: inline-block;
    color: #fff;
    background-color: #a7a9aa;
    padding: 6px 15px;
    border-radius: 3px;
}
.single-count label {
    margin-bottom: 0;
    margin-right: 5px;
}
.single-count .data {
    display: inline-block;
}



/* common-count */
.common-count .count-section {
    text-align: center;
    background: #fff;
    padding: 10px 5px;
    margin-bottom: 15px;
    box-shadow: #e0e0e0 0 0 2px 0;
}
.common-count .count-section h3 {
    margin: 0;
    font-size: 12px;
    color: #024222;
}
.common-count .count-section h2 {
    margin: 0;
    font-size: 24px;
    color: #226290;
    padding-top: 6px;
}
@media (max-width: 1199px) {
.common-count .count-section h3 {
    font-size: 9px;
   }
.common-count .count-section h2 {
    font-size: 18px;
   }
}
@media (max-width: 399px) {
.common-count .col-xs-4 {
    width: 100%;
   }
}







/* fee-student-info */
.fee-student-info .photo {
    width: 105px;
    height: 115px;
    object-fit: cover;}
.fee-student-info .text-m {
    margin-bottom: 5px;
    font-size: 13px;}
@media print {
.fee-student-info .text-m {
    font-size: 11px;}
.fee-student-info .text-m span[data-bs-toggle="tooltip"] {
    display: none;}
}
/**/
.fee-student-info .card-fee {
    text-align: left;
    position: relative;
    display: inline-block;
    width: 140px;
    padding: 10px;
    margin-bottom: 10px;
    border: 1px solid #eee;
    border-radius: 10px;}
/**/
.fee-student-info .card-fee.bg-red {
    background-color: #f8d1de !important;}
.fee-student-info .card-fee.bg-red:hover {
    background-color: #ebc3d1;}
.fee-student-info .card-fee .text-label {
    font-size: 12px;}
.fee-student-info .card-fee .text-data {
    font-size: 14px;}
.fee-student-info .card-fee .icon {
    display: inline-block;
    background-color: #ddd;
    width: 25px;
    height: 25px;
    line-height: 25px;
    font-size: 12px;
    text-align: center;
    border-radius: 50%;}
.fee-student-info .card-fee .btn-cover {
    position: absolute;
    inset: 0;
    z-index: 1;
    cursor: pointer;}
@media print {
.fee-student-info .card-fee .text-label {
    font-size: 10px;}
.fee-student-info .card-fee .text-data {
    font-size: 11px;}
}


/* legend-item */
.legend-item .item {
    display: inline-block;
    font-size: 17px;
    padding-right: 20px;}
.legend-item .item .fa {
    margin-right: 5px;
    font-size: 20px;}
.legend-item .item .icon-green {
    color: #00d26a;}
.legend-item .item .icon-yellow {
    color: #ffb02f;}
.legend-item .item .icon-red {
    color: #f93060;}






/* cards-gray */
.cards-gray {
    background: #fff;
    padding: 12px 12px 0;
    border-radius: 15px;
    text-align: center;
    box-shadow: 8px 12px 18px -2px #d3d4d4ad;
}
.cards-gray .item {
    border-radius: 15px;
    position: relative;
    padding: 15px;
    margin-bottom: 12px;
    color: #131720;
    background: #edf4f4;
}
.cards-gray .item:hover, .cards-gray .item.active {
    background: #2288db;
    color: #fff;
}
.cards-gray .item img {
    max-width: 100%;
    margin-bottom: 10px;
    height: 30px;
}
.cards-gray .item img:last-of-type {
    display: none;
}
.cards-gray .item:hover img:first-of-type,
.cards-gray .item.active img:first-of-type {
    display: none;
}
.cards-gray .item:hover img:last-of-type,
.cards-gray .item.active img:last-of-type {
    display: inline-block;
}
.cards-gray .item label {
    display: block;
    font-weight: normal;
    margin-bottom: 0;
    font-size: 11.3px;
}
.cards-gray .item:hover label,
.cards-gray .item.active label {
    font-weight: bold;
}
.cards-gray .item .primary-url {
    background: transparent;
    border: none;
    border-radius: 15px;
    padding: 0;
    outline: none;
    box-shadow: none;
    width: 100%;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
}
.cards-gray .item.active .primary-url {
    cursor: default;
}






/* white-body */
.white-body {
    background: #fff;
    padding: 20px;
    border-radius: 15px;
    box-shadow: 8px 12px 18px -2px #d3d4d4ad;
}
/* common-table */
.white-body .common-table {
    padding-bottom: 0;
}
.white-body .common-table .table {
    margin-bottom: 0;
}






/* main-body */
.main-body {
    padding-right: 20px;
    padding-bottom: 10px;
    -webkit-transition: all 0.5s cubic-bezier(0.55, 0, 0.1, 1);
    -o-transition: all 0.5s cubic-bezier(0.55, 0, 0.1, 1);
    transition: all 0.5s cubic-bezier(0.55, 0, 0.1, 1);
}
@media (min-width: 500px) {
.main-body {
     padding-top: 55px;
   }
}
@media (min-width: 992px) {
.body-class .main-body {
    padding-left: 120px;
}
.main-body {
    padding-left: 280px;
}
}
@media (max-width: 767px) {
.main-body {
    padding-top: 40px;
   }
}
@media (max-width: 499px) {
.main-body {
    padding-top: 50px;
   }
}







/* page-form */
.page-form {
    background: #fff;
    border-radius: 15px;
    box-shadow: 8px 12px 18px -2px #d3d4d4ad;
}
/* page-form-head, page-body, page-footer */
.page-form .page-body, .page-form .page-form-head, .page-form .page-footer {
    padding-left: 30px;
    padding-right: 30px;
}
/* page-form-head */
.page-form .page-form-head {
    padding-top: 25px;
}
/* page-body */
.page-form .page-body {
    padding-top: 5px;
    padding-bottom: 20px;
}
.page-form .page-body:after, .page-form .page-body:before {
    display: table;
    content: " ";
}
.page-form .page-body:after {
    clear: both;
}
/* label */
.page-form .page-body label {
    font-size: 13px;
    color: #636467;
    margin: 0;
    padding: 10px 0;
    text-transform: capitalize;
}
@media (max-width: 767px) {
.page-form .page-body label {
        padding: 3px 0;
   }
}
/* page-footer */
.page-form .page-footer {
    clear: left;
}
.page-form .page-footer button, .page-form .page-footer .a-btn {
    margin: 8px 0;
    display: inline-block;
}
@media (min-width: 768px) {
.page-form .page-footer .delete-btn {
   float: right;
   padding-right: 0;
   background: transparent;
   box-shadow: none;
}
}
/* col-fields */
.page-form .page-body .col-fields {
    margin-bottom: 22px;
}
.page-form .page-body .col-fields input {
    margin-bottom: 0 !important;
}
/* page-col, page-col-f */
.page-form .page-body .page-col, .page-form .page-body .page-col-h, .page-form .page-body .page-col-f {
    float: left;
    position: relative;
    padding: 3px;
}
.page-form .page-body .page-col-f {
    width: 100%;
}
@media (min-width: 767px) {
.page-form .page-body .page-col-h {
    width: 50%;
}
}
@media (min-width: 992px) {
.page-form .page-body .page-col {
    width: 33.33333333%;
   }
}
@media (max-width: 991px) {
.page-form .page-body .page-col {
    width: 50%;
}
}
@media (max-width: 767px) {
.page-form .page-body .page-col, .page-form .page-body .page-col-h {
    width: 100%;
}
}
/* input's */
.page-form .page-body input[type="text"], .page-form .page-body input[type=""], .page-form .page-body input[type="number"], .page-form .page-body input[type="date"], .page-form .page-body input[type="password"], .page-form .page-body input[type="email"], .page-form .page-body input[type="url"], .page-form .page-body input[type="time"], .page-form .page-body select, .page-form .page-body textarea {
    width: 100%;
    border: 1px solid #cecaca;
    background: #fff;
    border-radius: 10px;
    padding: 0 8px;
    margin-bottom: 10px;
}
.page-form .page-body input[type="text"], .page-form .page-body input[type=""], .page-form .page-body input[type="number"], .page-form .page-body input[type="date"], .page-form .page-body input[type="password"], .page-form .page-body input[type="email"], .page-form .page-body input[type="url"], .page-form .page-body input[type="time"], .page-form .page-body select {
    height: 35px;
}
.page-form .page-body textarea {
    height: 108px;
    padding-top: 8px;
    display: block;
}
.page-form .page-body .upload {
    height: 60px;
    margin-top: 24px;
}
.page-form .page-body input[type="file"] {
    padding-bottom: 17px;
}
@media (max-width: 1199px) {
.page-form .page-body input[type="file"] {
    width: 70%;
}
}
/* min-width-150 */
.page-form .page-body.min-width-150 input[type="text"], .page-form .page-body.min-width-150 input[type=""], .page-form .page-body.min-width-150 input[type="number"], .page-form .page-body.min-width-150 input[type="date"], .page-form .page-body.min-width-150 input[type="password"], .page-form .page-body.min-width-150 input[type="email"], .page-form .page-body.min-width-150 input[type="url"], .page-form .page-body.min-width-150 input[type="time"], .page-form .page-body.min-width-150 select, .page-form .page-body.min-width-150 textarea {
    min-width: 150px;
}
/* page-form-center */
.page-form.page-form-center .page-body .page-col {
    width: 100%;
    float: none;
}
@media (min-width: 768px) {
.page-form.page-form-center {
    width: 50%;
    margin: 0 auto;
}
}
/* tab-content */
.page-form .tab-content {
    box-shadow: none;
}






/*/
pop-up Start
/*/
/* pop-up-medium */
@media (min-width: 768px) {
.pop-up .body.pop-up-medium {
    width: 800px;
}
}
/* pop-up-small */
@media (min-width: 768px) {
.pop-up .body.pop-up-small {
    width: 600px;
}
}
/* pop-up-small */
@media (min-width: 768px) {
.pop-up .body.pop-up-x-small {
    width: 400px;
}
}
/* pop-up-col */
@media (min-width: 992px) {
.pop-up .pop-up-small .modal-body .pop-up-col {
    width: 50%;
}
}
/* common */
.pop-up .modal-dialog {
    width: 100%;
    height: 100vh;
    margin: 0 auto;
}
.pop-up .modal-content {
    border-radius: 3px;
    background-color: transparent;
    border: inherit;
    box-shadow: inherit;
}
@media (min-width: 768px) {
.pop-up .modal-dialog {
    padding-top: 30px;
}
}
@media (max-width: 767px) {
.pop-up .modal-dialog {
    margin: 0;
}
.modal.pop-up {
    padding-left: 0 !important;
}
}
/* body */
.pop-up .body {
    margin: 0 auto;
    background: #fff;
    border-radius: 15px
}
@media (min-width: 768px) {
.pop-up .body {
   width: 75%;
   margin-top: 30px;
   margin-bottom: 15px;
   }
}
@media (max-width: 767px) {
.pop-up .body {
   padding: 10px 10px 0;
   width: 100%;
   }
}
/* modal-header */
.pop-up .modal-header {
    position: relative;
    padding-top: 0;
    padding-right: 25px;
    padding-left: 25px;
    border: none;
    padding-bottom: 0;
}
.pop-up .modal-header h1, .pop-up .modal-header h2 {
    margin: 0;
    color: #333;
    padding: 0 0 10px 0;
    text-transform: lowercase;
}
.pop-up .modal-header h1:first-letter, .pop-up .modal-header h2:first-letter {
    text-transform: capitalize;
}
.pop-up .modal-header .fa-times {
    position: absolute;
    right: 0;
    color: #bdb6b7;
    cursor: pointer;
    padding: 14px 25px;
}
.pop-up .modal-header .fa-times:hover {
    color: #333;
}
/* button */
.pop-up .modal-header button, .pop-up .modal-header .a-btn {
    float: right;
    margin-bottom: 10px;
}
@media (min-width: 768px) {
.pop-up .modal-header h1 {
    font-size: 20px;
    padding-top: 15px;
   }
.pop-up .modal-header h2 {
    font-size: 18px;
   }
}
@media (max-width: 767px) {
.pop-up .modal-header h1 {
    font-size: 19px;
   }
.pop-up .modal-header h2 {
    font-size: 17px;
   }
.pop-up .modal-header .fa-times {
    padding: 5px 25px;
   }
}
/* modal-body */
/* common */
.pop-up .modal-body {
    position: relative;
    padding: 15px 45px;
}
.pop-up .modal-body label {
    margin: 11px 0 2px 0;
    text-transform: capitalize;
    width: 100%;
    font-size: 14px;
    font-weight: normal;
}
.pop-up .modal-body h1 {
    font-size: 18px;
}
.pop-up .modal-body h5 {
    font-size: 15px;
}
/* input's */
.pop-up .modal-body input[type="text"], .pop-up .modal-body input[type=""], .pop-up .modal-body input[type="number"], .pop-up .modal-body input[type="date"], .pop-up .modal-body input[type="password"], .pop-up .modal-body input[type="email"], .pop-up .modal-body input[type="url"], .pop-up .modal-body input[type="time"], .pop-up .modal-body select, .pop-up .modal-body textarea {
    width: 100%;
    color: #000;
    padding-left: 15px;
    border: 1px solid #bfbfbf;
    border-radius: 10px;
    margin:5px 0 0 0;
}
.pop-up .modal-body textarea {
    padding-top: 7px;
}
@media (min-width: 768px) {
.pop-up .modal-body input[type="file"] {
    width:100%;
    padding-top: 14px;
   }
.pop-up .modal-body input[type="text"], .pop-up .modal-body input[type=""], .pop-up .modal-body input[type="number"], .pop-up .modal-body input[type="date"], .pop-up .modal-body input[type="password"], .pop-up .modal-body input[type="email"], .pop-up .modal-body input[type="url"], .pop-up .modal-body input[type="time"], .pop-up .modal-body select {
    height: 35px;
   }
.pop-up .modal-body textarea {
    height: 108px;
   }
}
@media (max-width: 767px) {
.pop-up .modal-body input[type="file"] {
    width:50%;
    float: left;
    padding-top: 10px;
   }
.pop-up .modal-body input[type="text"], .pop-up .modal-body input[type=""], .pop-up .modal-body input[type="number"], .pop-up .modal-body input[type="date"], .pop-up .modal-body input[type="password"], .pop-up .modal-body input[type="email"], .pop-up .modal-body input[type="url"], .pop-up .modal-body input[type="time"], .pop-up .modal-body select {
    height: 28px;
   }
.pop-up .modal-body textarea {
    height: 85px;
   }
}
/* modal-footer */
.pop-up .modal-footer {
    border: none;
    padding: 15px 45px;
    margin-top: 5px;
}
.pop-up .modal-footer button {
    margin-left: 10px;
}
.pop-up .modal-footer .delete-btn {
    float: left;
    margin-left: 0;
    padding-left: 0;
    background: transparent;
    box-shadow: none;
}
/* img-expand-popup */
.pop-up .img-expand-popup .modal-body {
    padding: 0;
}
.pop-up .img-expand-popup .modal-header {
    border-bottom: 0;
}
.pop-up .img-expand-popup .modal-header .fa-times, .pop-up .img-expand-popup .modal-header .download-btn {
    position: absolute;
    top: 0;
    z-index: 10;
    padding: 5px 15px 5px;
    font-size: 20px;
    background: #ffffffad;
}
.pop-up .img-expand-popup .modal-header .fa-times {
    right: 0;
}
.pop-up .img-expand-popup .modal-header .download-btn {
    left: 0;
    color: #0c0c0c;
}
.pop-up .img-expand-popup .modal-body img {
    margin-left: auto;
    margin-right: auto;
}
@media (min-width: 768px) {
.pop-up .body.img-expand-popup {
    width: 600px;
   }
}
@media (max-width: 767px) {
.pop-up .body.img-expand-popup {
    padding: 0;
   }
}


/* delete-popup */
/* .delete-popup h4 {
}
*/
@media (min-width: 768px) {
.pop-up .body.delete-popup {
    width: 35% !important;
   }
}

/* popup-img-view */
.pop-up .body.popup-img-view {
    background: transparent;
    border: none;
}
.pop-up .body.popup-img-view .modal-header {
    border-bottom: 0;
}
.pop-up .body.popup-img-view .modal-header .fa {
    position: absolute;
    right: 0;
    z-index: 1;
    background: #fff;
    font-size: 20px;
    padding: 8px;
}
.pop-up .body.popup-img-view .modal-body {
    padding: 0;
}
.pop-up .body.popup-img-view .modal-body img {
    margin-left: auto;
    margin-right: auto;
    display: block;
}



/* question-answer-wrapper */
.pop-up .modal-body .question-answer-wrapper .multi-field .div-col label {
    width: auto;
    margin-top: 14px;
}
.pop-up .modal-body .question-answer-wrapper .radio-btn-checked input[type="radio"] {
    top: 10px;
}
.pop-up .modal-body .question-answer-wrapper .multi-field .div-col .add-field-btn, .pop-up .modal-body .question-answer-wrapper .multi-field .div-col .remove-field-btn {
    margin-top: 3px;
}


/* field-view */
.pop-up .modal-body .field-view, .page-form .page-body .field-view {
    font-weight: bold;
}

/* hover, focus textarea expanded */
@media (min-width: 768px) {
.pop-up .modal-body .pop-up-col.height-set, .page-form .page-body .page-col.height-set {
    height: 90px;
   }
.pop-up .modal-body .pop-up-col.height-set textarea, .page-form .page-body .page-col.height-set textarea {
    height: 35px;
    resize: none;
    -webkit-transition: width 0.3s, height 0.3s, left 0.3s;
    -moz-transition: width 0.3s, height 0.3s, left 0.3s;
    -o-transition: width 0.3s, height 0.3s, left 0.3s;
    transition: width 0.3s, height 0.3s, left 0.3s;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
   }
.pop-up .modal-body .pop-up-col.height-set textarea:hover, .pop-up .modal-body .pop-up-col.height-set textarea:focus, .page-form .page-body .page-col.height-set textarea:hover, .page-form .page-body .page-col.height-set textarea:focus {
    resize: both;
    height: 94px;
    background: #fff;
    position: relative;
    z-index: 10;
   }
}
@media (max-width: 767px) {
.pop-up .modal-body .pop-up-col textarea, .page-form .page-body .page-col textarea {
    height: 94px;
   }
}
/* pop-up-col */
.pop-up .modal-body .pop-up-col, .pop-up .modal-body .pop-up-col-f {
    float: left;
    position: relative;
    padding: 3px;
}
.pop-up .modal-body .pop-up-col-f {
    width: 100%;
}
@media (min-width: 992px) {
.pop-up .modal-body .pop-up-col {
    width: 33.33333333%;
   }
}
@media (max-width: 991px) {
.pop-up .modal-body .pop-up-col {
    width: 50%;
   }
}
@media (max-width: 767px) {
.pop-up .modal-body .pop-up-col {
    width: 100%;
   }
}
/* pop-up-col-custom */
@media (min-width: 768px) {
.pop-up .modal-body .pop-up-col.pop-up-col-2 {
    width: 50%;
   }
.pop-up .modal-body .pop-up-col.pop-up-col-3 {
    width: 33.33333333%;
   }
}



/* common-table */
/* common */
.pop-up .common-table {
    margin-top: 0;
}
.pop-up .common-table .table {
    margin-bottom: 0;
}
/* button */
.pop-up .common-table .tr-body button, .pop-up .common-table .tr-body .a-btn {
    padding: 2px 11px;
    margin: 0;
    font-size: 12px;
}
/* input's */
.pop-up .common-table input[type="text"], .pop-up .common-table input[type=""], .pop-up .common-table input[type="number"], .pop-up .common-table input[type="date"], .pop-up .common-table input[type="password"], .pop-up .common-table input[type="email"], .pop-up .common-table input[type="url"], .pop-up .common-table input[type="time"], .pop-up .common-table select {
    margin: 0;
}
@media screen and (min-width: 768px) {
.pop-up .common-table button[type="button"], .pop-up .common-table button[type="submit"], .pop-up .common-table button, .pop-up .common-table .a-btn {
    padding: 4px 16px;
    font-size: 15px;
   }
}


/* main-details */
.pop-up .main-details label {
    width: auto;
    margin: 0;
}
/* chosen-select */
.pop-up .chosen-container-single {
    width: 100% !important;
    margin-top: 5px;
    border-radius: 10px;
    box-shadow: none;
    border: 1px solid #bfbfbf;}
.pop-up .chosen-container-single .chosen-single {
    box-shadow: none;}

/*/
pop-up End
/*/




/* left-row */
@media (min-width: 768px) {
   /* col */
   /* pop-up, page-form */
.pop-up .left-row .modal-body .pop-up-col, .page-form .left-row .page-body .pop-up-col {
    display: inline-table;
   }
   /* label */
   /* pop-up, page-form */
.pop-up .left-row .modal-body label, .page-form .left-row .page-body label {
    width: 70%;
   }
   /* input's */
   /* pop-up */
.pop-up .left-row .modal-body input[type="text"], .pop-up .left-row .modal-body input[type=""], .pop-up .left-row .modal-body input[type="number"], .pop-up .left-row .modal-body input[type="date"], .pop-up .left-row .modal-body input[type="password"], .pop-up .left-row .modal-body input[type="email"], .pop-up .left-row .modal-body input[type="url"], .pop-up .left-row .modal-body input[type="time"], .pop-up .left-row .modal-body select, .pop-up .left-row .modal-body textarea,
   /* page-form */
.page-form .left-row .page-body input[type="text"], .page-form .left-row .page-body input[type=""], .page-form .left-row .page-body input[type="number"], .page-form .left-row .page-body input[type="date"], .page-form .left-row .page-body input[type="password"], .page-form .left-row .page-body input[type="email"], .page-form .left-row .page-body input[type="url"], .page-form .left-row .page-body input[type="time"], .page-form .left-row .page-body select, .page-form .left-row .page-body textarea {
    width: 30%;
   }
}







/* page-form-body */
.page-form-body {
    border: 1px solid #dbe8d4;
    padding: 20px 5px;
    box-shadow: 0 0 5px 0 #e9eae9;
 }
 /* section */
 .page-form-body .section {
    background: #fff;
    padding: 10px 15px;
    border: 1px solid #dbe8d4;
    box-shadow: 0 0 5px 0 #e9eae9;
 }
 .page-form-body .section h1 {
    margin: 0;
    font-size: 17px;
 }
 /* footer */
 .page-form-body .footer {
    margin-top: 15px;
    text-align: center;
 }





/* row-two-input */
.row-two-input {
    display: flex;
    flex-direction: row-reverse;
}
.row-two-input .reg-no-prefix {
    height: 35px;
    border: solid #ccc;
    font-weight: bold;
    white-space: nowrap;
    border-width: 1px 0 1px 1px;
    padding-top: 7px;
    padding-left: 8px;
    background: #fff;
}
.row-two-input .availability_check {
    position: absolute;
    left: 0;
    margin-left: 5px;
    margin-top: 36px;
    font-size: 11px;
}
/* required */
.row-two-input input[required]:invalid ~ span {
    border-color: #ff9292;
    border-right: 0;
}
/* disabled */
.row-two-input input[disabled] ~ span {
    background-color: transparent;
}
/* page-form, pop-up */
.page-form .page-body .row-two-input input[type="text"], .page-form .page-body .row-two-input input[type="number"], .pop-up .modal-body .row-two-input input[type="text"], .pop-up .modal-body .row-two-input input[type="number"] {
    padding-left: 0;
    border-left: 0;
}
/* pop-up */
.pop-up .modal-body .row-two-input input[type="text"], .pop-up .modal-body .row-two-input input[type="number"] {
    margin-top: 0;
}
/* admission-no-field */
.page-form .page-body .row-two-input.admission-no-field input[type="text"] {
    min-width: 95px;
}






/* list-card */
.list-card {
    background: #fff;
    border-radius: 15px;
    box-shadow: 8px 12px 18px -2px #d3d4d4ad;
    float: left;
    position: relative;
    width: 100%;
    margin-bottom: 15px;
}
.list-card.mail-read {
    background: #E9F9FF;
}
/* list-card-body */
.list-card .list-card-body {
    position: relative;
    border-radius: 5px;
    border: 1px solid transparent;
    padding: 15px 20px;
}
.list-card .list-card-body h1 {
    font-size: 18px;
    margin: 0;
    padding-bottom: 5px;
    font-weight: bold;
}
.list-card .list-card-body p {
    margin-top: 10px;
}
.list-card .list-card-body .primary-url {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
}
/* list-card-foot */
.list-card .list-card-foot {
    width: 100%;
    border-top: 1px solid #eee;
    padding: 12px 20px;
}
.list-card .list-card-foot a i {
    color: #888e92;
}
.list-card .list-card-foot .fa-comments {
    color: #486fb7;
}
/* fa-pencil */
.list-card .list-card-foot .fa-pencil {
    float: right;
    font-size: 19px;
    cursor: pointer;
    padding: 3px;
    color: #486fb7;
    margin-left: 10px
}
/* fa-trash */
.list-card .list-card-foot .fa-trash {
    float: right;
    font-size: 19px;
    cursor: pointer;
    padding: 3px;
    color: #ff6161;
    margin-left: 10px;
}
@media (min-width: 768px) {
.list-card .list-card-body {
   height: 165px;
   overflow: auto;
   padding-bottom: 40px;
   }
.list-card .list-card-foot {
   position: absolute;
   bottom: 0;
   }
}




/* month-list */
.month-list .btn {
    color: #4e4e4e;
    margin-top: 8px;
    margin-right: 5px;
    background-color: #fff;
    box-shadow: 5px 5px 13px #ddd;
    font-size: 13px;
}
.month-list .btn:hover {
    color: #000;
}
.month-list .btn .name {
    display: inline-block;
}
.month-list .btn .fa {
    margin-left: 5px;
}





/* card-row */
.card-row .card-col {
    position: relative;
    background: #fff;
    border-radius: 15px;
    box-shadow: 8px 12px 18px -2px #d3d4d4ad;
    margin-top: 15px;
    padding: 20px;
}
.card-row .card-col .common-table .table {
    padding: 0;
    border-radius: 0;
    box-shadow: none;
}
.card-row .card-col .tab-content {
    padding: 0;
    padding-top: 15px;
    box-shadow: none;
}






/* TABLE */
/* details-table */
.details-table table {
    border: 1px solid #ddd;
}
.details-table table th {
    width: 25%;
    border-right: 1px solid #ddd;
    font-weight: normal;
    white-space: nowrap;
}
.details-table table td {
    font-weight: bold;
}




/* table-left-th */
/* section-head */
.table-left-th .section-head {
    padding-top: 10px;
    padding-bottom: 5px;
}
.table-left-th .section-head h1 {
    font-size: 22px;
}
/* table */
.table-left-th table {
    width: 100%;
    border: 1px solid #ddd;
}
.table-left-th table th, .table-left-th table td {
    border: 1px solid #ddd;
    padding: 5px;
}
.table-left-th table th {
    width: .3%;
    white-space: nowrap;
}
.table-left-th table .dotte {
    width: .3%;
    text-align: center;
}
.table-left-th table .data {
    width: 10%;
}
/* table-border-0 */
.table-left-th.table-border-0 table, .table-left-th.table-border-0 table th, .table-left-th.table-border-0 table td {
    border: none !important;
}






/* time_table_list */
.time_table_list .table>tbody {
    background: #fff;
}
.time_table_list .table>tbody, .time_table_list .table>tbody>tr>th, .time_table_list .table>tbody>tr>td {
    border: 1px solid #c7c3c3;
    padding: 10px !important;
}
.time_table_list .table>tbody>tr>th {
    width: 100px;
    vertical-align: middle;
    font-weight: 900;
    text-transform: capitalize;
    color: #28312b;
    background-color: #d6e0d9;
    text-align: center;
    font-size: 12px;
}
.time_table_list .table>tbody>tr>td h5 {
    white-space: nowrap;
    margin: 0;
    font-size: 11px;
}
.time_table_list .table>tbody>tr>td h6 {
    margin: 0;
    font-weight: bold;
    font-size: 15px;
}






/* time_table */
.time_table .table-responsive table {
    min-width: 767px;
}
.time_table .table>tbody>tr>td {
    border-top: 0;
    padding: 0;
}
.time_table .common-table .date, .time_table .common-table .time {
    width: 2%;
}
/* time table data */
.time_table div.weekday:first-child {
    padding-top: 15px;
}
.time_table div.weekday {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: stretch;
}
.time_table .period {
    display: flex;
    height: 85px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background-color: #fff;
    color:black;
    border: 1px solid #c7c3c3;
    flex-shrink: 0;
    font-size: 8pt;
    cursor: pointer;
}
.time_table .periods_row {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    width: 100%;
}
.time_table .weekdayName {
    justify-content: center;
    min-width: 80px;
    font-weight: 900;
    text-transform: capitalize;
    color: #232524;
    background-color: #f5f5f5;
    flex:0;
    font-size: 12px;
    cursor: default;
}
.time_table .add_period {
    font-weight: 900;
    font-size: 24pt;
    justify-content: center;
    background-color: #fff;
    min-width: 50px;
    cursor: pointer;
    flex-grow: 1;
}
.time_table div.sub_selector {
    display: flex;
    min-width:100%;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}
.time_table i.hidden{
    display: none;
}
.time_table div.delete_period {
    width:100%;
    display: flex;
    flex-direction: row-reverse;
}
.time_table .periods_row h1 {
    font-size: 13px;
    margin: 0;
}
.time_table .periods_row h2 {
    font-size: 15px;
    margin: 0;
    font-weight: bold;
    padding: 2px 0;
}
.time_table .periods_row h3 {
    font-size: 16px;
    margin: 0;
}
.time_table .period .fa {
    cursor: pointer;
    padding: 4px;
    font-size: 12px;
    color: #fff;
}
.time_table div.delete_period .fa {
    background: #ff1e1e;
}
.time_table .add_period .fa {
    background: #27d847;
}
/* lesson-plan */
.time_table .lesson-plan .periods_row .period {
    padding: 5px;
}
.time_table .lesson-plan .periods_row h2 {
    font-weight: normal;
    font-size: 12px;
}
.time_table .lesson-plan .periods_row h3 {
    color: #262c2c;
    margin-top: 5px;
    font-size: 11px;
}
.time_table .lesson-plan .periods_row .badge {
    font-weight: normal;
    font-size: 9px;
    padding: 5px 9px 4px;
    margin-top: 5px;
}
.time_table .lesson-plan .periods_row .badge[data-state="Pending"] {
    background-color: #d3963a;
}
.time_table .lesson-plan .periods_row .badge[data-state="Completed"] {
    background-color: #48a15f;
}
.time_table .lesson-plan .periods_row .badge[data-state="Not Completed"] {
    background-color: #ff5c6b;
}



/* time_table */
/* pop-up-col */
.time_table .pop-up .pop-up-small .modal-body .pop-up-col:last-child {
    width: 100%;
}
/* fa */
.time_table .pop-up .modal-body .fa-plus, .time_table .pop-up .modal-body .fa-times {
    cursor: pointer;
    padding: 5px;
    font-size: 12px;
    color: #fff;
    margin: 10px;
}
.time_table .pop-up .modal-body .fa-plus {
    background: #27d847;
}
.time_table .pop-up .modal-body .fa-times {
    background: #ff1e1e;
}






/* admission-interview */
/* head */
.admission-interview .head .table>tbody>tr>td {
    padding: 5px;}
.admission-interview .head .img-photo {
    max-width: 100%;
    height: 100px;}
.admission-interview .head .text-label {
    width: .4%;
    white-space: nowrap;
}
/* section */
.admission-interview .section button {
    border-radius: 5px;
}
.admission-interview .section .data-status {
    background-color: #6c6262;
    cursor: default;
}




/* tuition_time_table */
.tuition_time_table table {
    box-shadow: #e0d9d9 0 0 5px 0;
}
.tuition_time_table table tbody {
    background: #fff;
    cursor: pointer;
}
.tuition_time_table table, .tuition_time_table table tr, .tuition_time_table table tr td {
    border: 1px solid #ccc;
}
.tuition_time_table table tr td.div_cell {
    vertical-align: middle;
    text-align: center;
    background: #ecf1ea;
    font-weight: bold;
    font-size: 13px;
    cursor: default;
    width: 1%;
    white-space: nowrap;
}
.tuition_time_table table tr td:empty {
    cursor: default;
}
@media (min-width: 992px) {
    .tuition_time_table .pop-up .pop-up-small .modal-body .pop-up-col {
        width: 33.33333333%;
   }
}





/* timeline-vertical */
.timeline-vertical table {
    position: relative;
}
.timeline-vertical table::after {
    content: '';
    background: #dadcdd;
    width: 2px;
    height: 100%;
    position: absolute;
    left: 22px;
    top: 0;
}
.timeline-vertical table tr td {
    vertical-align: middle;
    padding-bottom: 45px;
}
/* timeline-point */
.timeline-vertical table tr td .timeline-point {
    width: 45px;
    height: 45px;
    line-height: 45px;
    text-align: center;
    border-radius: 50%;
    position: relative;
    z-index: 2;
}
.timeline-vertical table .l-blue td .timeline-point {
    background: #ddeffb;
}
.timeline-vertical table .l-yellow td .timeline-point {
    background: #fdf4db;
}
.timeline-vertical table .l-green td .timeline-point {
    background: #c9f6f6;
}
.timeline-vertical table .l-pink td .timeline-point {
    background: #fcdcde;
}
.timeline-vertical table tr td .timeline-point img {
    height: 25px;
}
/* timeline-content */
.timeline-vertical table tr td .timeline-content {
    margin-left: 20px;
}
.timeline-vertical table tr td .timeline-content .title {
    font-weight: bold;
    font-size: 15.3px;
}
.timeline-vertical table .l-blue td .timeline-content .title {
    color: #3199f9;
}
.timeline-vertical table .l-yellow td .timeline-content .title {
    color: #f0b051;
}
.timeline-vertical table .l-green td .timeline-content .title {
    color: #34bfb5;
}
.timeline-vertical table .l-pink td .timeline-content .title {
    color: #f34f5b;
}
.timeline-vertical table tr td .timeline-content .dec {
    font-size: 12.4px;
}






/* chart-col */
.chart-col .bullet-text td .color-icon {
    width: 20px;
    height: 5px;
    border-radius: 5px;
    margin-right: 10px;
}
.chart-col .bullet-text td .color-icon.l-blue {
    background-color: #3199f9;
}
.chart-col .bullet-text td .color-icon.l-yellow {
    background-color: #f0b051;
}
.chart-col .bullet-text td .color-icon.l-green {
    background-color: #34bfb5;
}
.chart-col .bullet-text td .color-icon.l-pink {
    background-color: #f34f5b;
}
.chart-col .bullet-text td label {
    color: #7c7c7c;
}
/* main-details */
.chart-col .main-details b {
    font-size: 13px;
}








/* paginated */
.paginated {
    width: 100%;
    text-align: center;
}
.paginated .current {
    display: inline;
    font-size: 10px;
    position: relative;
    bottom: 1px;
}
.paginated .current .text-muted {
    font-size: 18px;
}
.paginated button {
    border-color: transparent;
    color: #21383e;
    font-size: 13px;
    letter-spacing: 2px;
    box-shadow: inherit;
    background: transparent;
    border-radius: 2px;
    padding: 4px 8px;
    margin-left: 5px;
    margin-right: 5px;
}
.paginated button:hover {
    background: transparent;
    border-color: #b3b3b3;
    color: #000;
}






/* main-details */
.main-details {
    padding-top: 20px;
}
.main-details:not(.text-left) {
    text-align: center;
}
.main-details label {
    font-weight: normal;
    text-transform: capitalize;
}
.main-details b {
    padding: 0 15px 0 5px;
    font-size: 17px;
}
@media (max-width: 767px) {
.main-details {
    text-align: left;
}
.main-details label {
    font-size: 13px;
}
.main-details b {
    font-size: 15px;
}
}

/* box */
.main-details [class^="box-"] {
    color: #fff;
    padding: 5px;
    margin-left: 5px;
    margin-right: 5px;
    min-width: 25px;
    height: 25px;
    display: inline-block;
    line-height: 15px;
}
.main-details .box-hash {
    background: #363636;
}
.main-details .box-green {
    background: #62c40b;
}
.main-details .box-red {
    background: #f9495a;
}
.main-details .box-yellow {
    background: #fdb63d;
}
.main-details .box-blue {
    background: rgb(0, 143, 251);
}





/* btn-list */
.btn-list ul li {
    list-style: none;
    display: inline-block;
    margin-right: 10px;
    margin-bottom: 10px;
}
.btn-list ul li a {
    text-decoration: none;
}








/* button */
button, .a-btn {
    white-space: nowrap;
    line-height: normal;
    background: #317bd9;
    font-size: 13px;
    color: #fff;
    text-transform: capitalize;
    border: none;
    outline: none;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    border-radius: 8px;
    padding: 6px 18px;
    cursor: pointer;
}
.a-btn {
    display: inline-block;
}
.a-btn:hover {
    text-decoration: none;
}
button:hover, .a-btn:hover {
    color: #fff !important;
    background: #2264b6;
}



/* close-btn */
.close-btn {
    color: #888;
    background: #e8e6e6;
}
.close-btn:hover {
    color: #888;
    background: #e8e6e6;
}

/* clear-text-btn */
.clear-text-btn {
    border: none;
    box-shadow: none;
    background: transparent;
    padding-left: 0;
    padding-right: 0;
    color: #e41515;
}



/* label-btn */
.label-btn {
    font-weight: normal;}

/* btn-back */
.btn-back {
    background-color: #ddd;
    border-radius: 3px;
    color: #5a5a5a;
    font-size: 13px;
    padding: 6px 10px;
    border: none;
}
.btn-back img {
    height: 12px;
    position: relative;
    top: -1px;
    margin-right: 10px;
}
.btn-back:hover {
    color: #000;
}


/* btn-checkbox */
.btn-checkbox,
.btn-checkbox.active,
button.btn-checkbox {
    background-color: transparent !important;
    display: inline-flex;
    align-items: center;
    padding: 0 5px;
    border: 1px solid #ddd;
    margin-right: 5px;}
.btn-checkbox input[type="checkbox"] {
    margin-right: 2px;}



/* text-green-btn */
.text-green-btn {
    color: #3b9c3f;
}
/* text-red-btn */
.text-red-btn {
    color: #de0404;
}

/* back-btn */
.a-btn.back-btn {
    background: #f79292;
    padding-left: 15px;
    padding-right: 15px;
    border: none;
    color: #ab2e2e;
}
.a-btn.back-btn img {
    height: 20px;
    margin-right: 10px;
}
.a-btn.back-btn span {
    position: relative;
}
.a-btn.back-btn .fa-long-arrow-left {
    padding-right: 5px;
}

/* btn-group-icon */
.btn-group-icon .fa {
    margin-right: 5px;
}

/* icon-btn */
.icon-btn {
    background: transparent;
    box-shadow: none !important;
}
.icon-btn img {
    height: 20px !important;
}
.icon-btn:hover {
    background: transparent;
}
.icon-btn img:hover {
    -ms-transform: initial !important;
    -moz-transform: initial !important;
    -webkit-transform: initial !important;
    -o-transform: initial !important;
    transform: initial !important;
}



/* scale-hover */
.scale-hover {
   /*overflow: hidden;
   */
    transition: transform .6s;
}
.scale-hover:hover {
    -ms-transform: scale(1.08);
    -webkit-transform: scale(1.08);
    transform: scale(1.08);
}


/* scale-up-hover */
.scale-up-hover {
   /*overflow: hidden;
   */
    transition: transform .6s;
}
.scale-up-hover:hover {
    -webkit-transform: translateY(-5px);
    -ms-transform: translateY(-5px);
    transform: translateY(-5px);
}


/* border-btn */
.border-btn {
    background: #fff;
    border: 1px solid #ddd;
    min-width: auto;
    color: #a1a5a9;
    box-shadow: none;
}
.border-btn:hover {
    background: #fff;
    color: #212529;
}

/* text-orange-btn */
.text-orange-btn {
    color: #f77707;
}

/* green-text */
.green-text {
    color: #138049 !important;
}
.green-text-s {
    color: #3DC13C !important;
}

/* delete-btn */
.delete-btn {
    background: #fff;
    border: none;
    color: #bf1b1b;
}
.delete-btn:hover {
    color: #800606 !important;
}


/* green-btn */
.green-btn {
    background: #4caf50;
    letter-spacing: 1px;
    border: none;
    color: #fff !important;
    font-weight: bold;
    border-radius: 3px;
    box-shadow: 0 0 5px #bec1be;
}
.green-btn:hover {
    color: #fff !important;
    background: #3b9c3f;
}

/* red-btn */
.red-btn {
    background: #de0404;
    letter-spacing: 1px;
    border: none;
    color: #fff !important;
    font-weight: bold;
    border-radius: 3px;
    box-shadow: 0 0 5px #bec1be;
}
.red-btn:hover {
    color: #fff !important;
    background: #bf0101;
}

/* yellow-btn */
.yellow-btn {
    background: #f0f38a;
    letter-spacing: 1px;
    border: none;
    color: #6a6a4a !important;
    font-weight: bold;
    border-radius: 3px;
    box-shadow: 0 0 5px #bec1be;
}
.yellow-btn:hover {
    color: #fff !important;
    background: #f0f38a;
}

/* light-red-btn */
.light-red-btn {
    background: #FF5252;
    letter-spacing: 1px;
    border: none;
    color: #fff !important;
    font-weight: bold;
    border-radius: 3px;
    box-shadow: 0 0 5px #bec1be;
}
.light-red-btn:hover {
    color: #fff !important;
    background: #bf0101;
}

/* blue-btn */
.blue-btn {
    background: #243cf7;
    letter-spacing: 1px;
    border: none;
    color: #fff !important;
    font-weight: bold;
    border-radius: 3px;
    box-shadow: 0 0 5px #bec1be;
}
.blue-btn:hover {
    color: #fff !important;
    background: #081dc1;
}

/* l-blue-btn */
.l-blue-btn {
    background: #cee5fb;
    color: #106dcd;
}
.l-blue-btn:hover {
    color: #115fb1 !important;
    background: #cee5fb;
}

/* l-yellow-btn */
.l-yellow-btn {
    background: #f5e9ba;
    color: #e17210;
}
.l-yellow-btn:hover {
    color: #fd983e !important;
    background: #f5e9ba;
}

/* orange-btn */
.orange-btn {
    background: #fd983e;
    letter-spacing: 1px;
    border: none;
    color: #fff !important;
    font-weight: bold;
    border-radius: 3px;
    box-shadow: 0 0 5px #d2b397;
}
.orange-btn:hover {
    color: #fff !important;
    background: #f77707;
}

/* m-green-btn */
.m-green-btn {
    background: #63eab0 !important;
    color: #054c42;
}
.m-green-btn:hover {
    background: #63eab0 !important;
}

/* l-red-btn */
.l-red-btn {
    background: #f79292 !important;
    color: #670e0e;
}
.l-red-btn:hover {
    background: #f79292 !important;
}

/* l-grey-btn */
.l-grey-btn {
    background: #979e9e !important;
    color: #101010;
}
.l-grey-btn:hover {
    background: #979e9e !important;
}

/* xl-grey-btn */
.xl-grey-btn {
    background: #e7e7e7 !important;
    color: #5c5c5c;
}
.xl-grey-btn:hover {
    background: #d3d3d3 !important;
}

/* reset-btn */
.reset-icon-btn {
    padding: 4px 10px;
    font-size: 15px;
    border-color: #c7c2c2;
    color: #f16464;
}




/* badge-btn */
.badge-btn {
    padding: 3px 15px;
    border-radius: 25px;
    font-size: 11px;
    display: inline-block;
    text-align: center;
}

/* badge-green */
.badge-green-border {
    border: 1px solid #4caf50;
    color: #4caf50;
}

/* badge-green */
.badge-green {
    background: #4caf50;
    color: #fff;
}

/* badge-red */
.badge-red {
    background: #de0404;
    color: #fff;
}

/* badge-yellow */
.badge-yellow {
    background: #f0f38a;
    color: #6a6a4a;
}

/* badge-text-green */
.badge-text-green {
    color: #4caf50;
}
/* badge-text-red */
.badge-text-red {
    color: #de0404;
}




/* label-btns */
.label-btns label {
    margin-right: 5px;
    margin-bottom: 5px;
    border: 1px solid #ddd;
    border-radius: 5px;
    padding: 1px 5px;
    color: #262626;
    cursor: pointer;
    background-color: #fff;
}


/* small-btns */
.small-btns button {
    font-size: 12px;
}



/* btn-group-export */
.btn-group.btn-group-export {
    box-shadow: 5px 7px 9px #d8d8d8;
    border-radius: 5px;
    background-color: #fff;
}
.btn-group.btn-group-export .btn {
    background-color: transparent;
    color: #7c7ba1;
    min-width: 50px;
    border: none;
    padding: 5px;
    font-size: 11px;
    margin-left: 0;
}
.btn-group.btn-group-export .btn:not(:last-child) {
    border-right: 1px solid #e5e5e5;
    border-width: 0 1px;
}
.btn-group.btn-group-export .btn:hover {
    color: #000;
}



/* no-selected */
.no-selected h4 {
    text-align: center;
    color: #fd2020;
    padding: 5px 0;
    border: solid #f1ecec;
    border-width: 1px 0;
}



/* tags */
.tags .tag {
    margin-right: 5px !important;
    margin-bottom: 5px !important;
    border: 1px solid #ddd;
    border-radius: 5px;
    padding: 6px 10px 2px 10px !important;
    cursor: pointer;
}
.tags .tag span {
    position: relative;
    bottom: 2px;
    background: inherit;
    background-clip: text;
    color: transparent;
    filter: invert(1) grayscale(1) contrast(15);
}




/* collapse-div */
.collapse-div .collapse {
    background: #fff;
    padding: 20px 15px;
    border-radius: 15px;
    margin-bottom: 15px;
    box-shadow: 8px 12px 18px -2px #d3d4d4ad;
}
/* button */
.collapse-div button {
    margin-top: 5px;
    margin-right: 5px;
}
/* collapse-btn */
.collapse-div .collapse-btn {
    width: 100%;
    background: #ffffff;
    margin: 5px 0;
    color: #73807e;
    margin: 5px 0;
    padding: 10px;
    text-align: left;
    box-shadow: #e2d7d7 0 0 2px 0;
}
.collapse-div .collapse-btn .fa {
    padding-right: 6px;
}
.collapse-div .collapse-btn[aria-expanded="true"] {
    background: #fff;
    margin-bottom: 0;
}
.collapse-div .collapse-btn .fa-minus, .collapse-div .collapse-btn[aria-expanded="false"] .fa-minus, .collapse-div .collapse-btn[aria-expanded="true"] .fa-plus {
    display: none;
}
.collapse-div .collapse-btn[aria-expanded="true"] .fa-minus {
    display: inherit;
}
/* page-footer */
.collapse-div .page-form .page-footer {
    text-align: center;
}
.collapse-div .page-form .page-footer button {
    width: auto;
    padding: 7px 20px;
}
/**/
.collapse-div .common-table .table {
    box-shadow: none;
}




/* tab */
.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover {
    background-color: #fff;
}
.tab-content {
    background: #fff;
    padding: 10px;
    border: none;
    box-shadow: 8px 12px 18px -2px #d3d4d4ad;
}
/* btn-tabs-link */
.nav-tabs.btn-tabs-link>li>button {
    margin-right: 2px;
    line-height: 1.42857143;
    border-radius: 4px 4px 0 0;
    border: 0;
    outline: none;
    color: #337ab7;
    background: transparent;
    position: relative;
    box-shadow: none;
    display: block;
    padding: 10px 15px;
}
.nav-tabs.btn-tabs-link>li>button:hover {
    border-color: #eee #eee #ddd;
}
.nav-tabs.btn-tabs-link>li>button:focus, .nav-tabs.btn-tabs-link>li>button:hover {
    background-color: #eee;
}
.nav-tabs.btn-tabs-link>li.active>button, .nav-tabs.btn-tabs-link>li.active>button:focus, .nav-tabs.btn-tabs-link>li.active>button:hover {
    background-color: #f6f9f5;
}
.nav-tabs.btn-tabs-link>li.active>button, .nav-tabs.btn-tabs-link>li.active>button:focus, .nav-tabs.btn-tabs-link>li.active>button:hover {
    color: #555;
    cursor: default;
    border: 1px solid #ddd;
    border-bottom-color: transparent;
}
/**/
.tab-content .common-table .table {
    box-shadow: none;
}




/* online-apply-link */
.online-apply-link {
    background: #fff;
    border: 1px solid #eff1ef;
    padding: 2px 8px;
    display: inline-block;
    border-radius: 10px
}
.online-apply-link label {
    font-weight: normal;
    font-size: 12px;
    margin-bottom: 0;
}
.online-apply-link input[type="text"] {
    border: 1px solid #dce0da;
    font-size: 13px
}
.online-apply-link button,
.online-apply-link .a-btn {
    padding: 4px 8px;
    border-color: transparent;
    line-height: 0;
    display: inline-block;
    font-size: 10px;
}




/* .page-head */
.page-head .online-apply-link {
    float: right;
}
.page-head .online-apply-link input[type="text"] {
    float: initial;
    height: 24px;
}
.page-head .online-apply-link button,
.page-head .online-apply-link .a-btn {
    float: initial;
    margin-left: 5px;
}
@media (max-width: 767px) {
.page-head .online-apply-link {
   float: left;
   clear: left;
   margin-top: 15px;
   }
.page-head .online-apply-link input[type="text"] {
   margin-top: 0;
   margin-left: 5px;
   }
.page-head .online-apply-link button,
.page-head .online-apply-link .a-btn {
   margin-top: 0;
   margin-right: 0;
   }
}






/* developed-by-bottom */
.developed-by-bottom {
    position: fixed;
    right: -1px;
    bottom: 3px;
}
.developed-by-bottom a {
    font-size: 12px;
    background: #fff;
    color: #414443;
    padding: 5px 10px;
    text-decoration: none;
    border: 1px solid #d3dcdb;
}




/* TableCellLink, handCursor */
.handCursor:hover,
.TableCellLink:hover {
    cursor: pointer;
}





/* selectd_member */
.selectd_member,
span.bulk_students_list,
span.individual,
#late_sms_recipients .recipient_block {
    font-size: 14px;
    margin-top: 10px;
    border: 1px solid #ddd;
    padding: 3px 9px;
    margin-bottom: 5px;
    white-space: nowrap;
    border-radius: 3px;
    color: #000;
    background: #f1f9f5;
    float: left;
    margin-right: 5px;
    cursor: pointer;
}
.selectd_member:empty,
span.bulk_students_list:empty {
    display: none;
}
span.bulk_students_list.no_wrap {
    white-space: normal;
}



/* page-head */
.page-head {
    padding-bottom: 15px;
}
.page-head h1,
.page-head h2 {
    margin: 0;
    text-transform: capitalize;
}
.page-head button,
.page-head .a-btn {
    margin-bottom: 10px;
}
.page-head .search button {
    margin-bottom: 0;
}
@media (min-width: 768px) {
.page-head button,
.page-head .a-btn,
.page-head .search,
.page-head select,
.page-head input[type="text"] {
    float: right;
    margin-left: 15px;
   }
.page-head h1 {
    font-size: 21px;
   }
.page-head h2 {
    font-size: 20px;
    padding-top: 8px;
   }
}
@media (max-width: 767px) {
.page-head button, .page-head .a-btn {
    float: left;
    margin-top: 10px;
    margin-right: 15px;
   }
.page-head h1 {
    font-size: 18px;
    padding: 20px 0 5px 0;
   }
.page-head h2 {
    font-size: 17px;
    padding: 5px 0 20px 0;
   }
}



/* page-head button hover */
.page-head button:hover,
.page-head .a-btn:hover {
    color: #000;
    text-decoration: none;
}
/* page-head input[type="text"] */
.page-head input[type="text"] {
    padding-left: 5px;
}
.page-head input[type="text"]:disabled {
    border: 1px solid #ccc;
}
/* page-head date-pick */
.page-head input[type="text"].date-pick {
    width: 100px;
    text-align: center;
    padding-left: 0;
    border: 1px solid #d5dede;
    border-radius: 5px;
}
/* page-sub-head */
.page-sub-head input[type="text"],
.page-sub-head input[type=""] {
    padding-left: 5px;
}
.page-sub-head h1 {
    margin-top: 0;
}
@media (min-width: 768px) {
.page-sub-head {
        padding: 10px 0;
   }
.page-sub-head h1 {
        font-size: 18px;
   }
.page-sub-head button, .page-sub-head .a-btn {
        float: right;
        margin-left: 15px;
   }
}
@media (max-width: 767px) {
.page-sub-head {
        padding: 5px 0;
   }
.page-sub-head h1 {
        font-size: 16px;
   }
.page-sub-head button, .page-sub-head .a-btn {
        float: left;
        margin-top: 10px;
        margin-right: 15px;
   }
}
/* select for page-head, page-sub-head, select-filter */
.page-head select, .page-head input[type="text"], .page-sub-head select, .page-sub-head input[type="text"], .page-sub-head input[type=""], .search input[type="search"] {
    font-size: 12px;
}
@media (min-width: 768px) {
.page-head select, .page-head input[type="text"], .page-sub-head select, .select-filter select {
        width: 160px;
   }
}
@media (max-width: 767px) {
.page-head select, .page-head input[type="text"], .page-sub-head select, .select-filter select {
        width: 150px;
        margin-top: 10px;
   }
}
/* select, search, select-filter */
.search input[type="search"], .page-head select, .page-head input[type="text"], .page-sub-head select, .page-sub-head input[type="text"], .page-sub-head input[type=""], .select-filter select {
    height: 29px;
}
@media all and (max-width: 1199px) and (min-width: 992px) {
.page-head .search input[type="search"], .page-head .select {
        width: 125px;
   }
}
/* chosen-select */
.page-head .chosen-container-single {
    margin-top: -6px;
    margin-left: 5px;
}
.page-head .chosen-container-single .chosen-single {
    height: 30px;
    line-height: 17px;
}
.page-head .chosen-container-single .chosen-single div b {
    margin-top: 3px;
}
@media (max-width: 767px) {
.page-head .chosen-container-single {
        margin-right: 5px;
        margin-top: 10px;
        display: block;
   }
}
/* from-to-filter */
.page-head .from-to-filter {
    text-align: right;
}
.page-head .from-to-filter input[type="text"] {
    width: 85px;
    text-align: center;
    font-size: 13px;
    margin: 0 5px;
}
.page-head .from-to-filter label {
    font-weight: normal;
}
@media (min-width: 768px) {
.page-head .from-to-filter label span {
        position: relative;
        top: 5px;
   }
}
@media (max-width: 767px) {
.page-head .from-to-filter {
        float: left;
        clear: left;
        margin-top: 15px;
   }
}








/* from-to-filter */
.from-to-filter {
    text-align: center;
}
.from-to-filter .label {
    display: block;
    color: #000;
    font-size: 11px;
    margin-bottom: 5px;
}
.from-to-filter input {
    padding: 0 5px;
}
.from-to-filter input[type="text"] {
    border: 1px solid #ddd;
}



/* page-select */
.page-select select {
    width: 180px;
    height: 30px;
    margin-right: 10px;
    margin-left: 0;
    float: left;
    border-radius: 2px;
}
/* select-filter */
.select-filter .div-col {
    float: left;
    margin-bottom: 5px;
    margin-right: 15px
}
.select-filter select {
    border: 1px solid #ddd;
    border-radius: 10px;
}
.select-filter label {
    padding-top: 6px;
    margin-right: 5px;
}
/* search, select-filter */
.search input[type="search"], .select-filter select {
    padding-left: 13px;
    width: 200px;
}
/* select-filter-small */
.select-filter.select-filter-small select {
    width: 125px;
    font-size: 11px;
}
.select-filter.select-filter-small label {
    margin-right: 0;
    font-size: 11px;
}
/* filter-div */
.filter-div .div-col {
    width: 150px;
    display: inline-block;
    margin-right: 5px;
    margin-bottom: 10px;
}
.filter-div .div-col label {
    padding-right: 5px;
}
.filter-div .div-col input[type="text"], .filter-div .div-col select {
    border: 1px solid #e1e2e1;
    border-radius: 10px;
    height: 30px;
}
.filter-div .div-col .chosen-container {
    width: 100% !important;
    min-width: auto;
}
.filter-div .div-col .chosen-container .chosen-single {
    background: #fff;
    border-radius: 7px;
    border: none;
    box-shadow: 5px 7px 9px #d8d8d8;
    color: #333;
}
.filter-div .div-col .dropdown-checkbox .dropdown-toggle {
    min-width: auto;
    width: 100%;}
@media (min-width: 768px) {
.filter-div .div-col.lg-col .chosen-container {
    width: 350px !important;
   }
}
/* lg-col */
.filter-div .div-col.lg-col input[type="text"], .filter-div .div-col.lg-col select {
    width: 130px;
}


/* filter-row */
.filter-row .dropdown-toggle {
    margin-top: 4px;
    background: #fff;
    box-shadow: 5px 7px 9px #d8d8d8;
    color: #333;
    min-width: 100px;
    padding: 8px;
}
.filter-row .dropdown-menu {
    border: none;
}
.filter-row .dropdown-menu .chose-checkbox-radio label {
    display: block;
    margin-top: 8px;
    margin-bottom: 8px;
    margin-left: 15px;
}
.filter-row .label-btn {
    background: #fff;
    box-shadow: 5px 7px 9px #d8d8d8;
    color: #333;
    min-width: 100px;
    padding: 8px !important;
    border-radius: 5px;
}
.filter-row .label-btn input {
    margin-top: -5px;
}






/* chosen-select */
.chosen-container {
    min-width: 180px;
}


/* small-form */
.small-form {
    max-width: 700px;
    position: relative;
}
.small-form .chosen-container {
    padding-right: 40px;
}
.small-form .primary-btn {
    position: absolute;
    right: 0;
    margin-top: -1px;
    height: 37px;
    background: #5a9ed1;
    color: #fff;
    box-shadow: none;
    border: none;
}



/* search */
.search {
    white-space: nowrap;
}
.search input[type="search"] {
    outline: none;
    border-radius: 5px 0 0 5px;
    border-width: 1px 0 1px 1px;
}
.search input[type="search"], .search button {
    border: 1px solid #e1e2e1;
}
.search button {
    background: #fff;
    padding: 7px 6px 7px;
    border-width: 1px 1px 1px 0;
    border-radius: 0 5px 5px 0;
    color: #2288db;
    margin-left: 0;
    float: inherit;
}
@media (max-width: 767px) {
.search {
        margin-top: 10px;
   }
.search button {
    margin-left: -3px;
}
}


/* search-form */
.search-form {
    position: relative;
    width: 100%;
    max-width: 250px;
}
.search-form .form-control {
    font-size: 13px;
    padding: 6px 45px 6px 15px;
}
.search-form .btn {
    background-color: transparent;
    position: absolute;
    right: 0;
    top: -2px;
    min-width: auto;
}
.search-form .btn img {
    height: 22px;
}





/* print_header_copy head */
.print_header_copy .head {
	border-bottom: 1px solid #949494;
	display: table;
	width: 100%;
	padding-bottom: 10px;
	margin-bottom: 10px;}
.print_header_copy .head .col-2 {
	float: left;
	width: 25%;}
.print_header_copy .head .col-10 {
	float: left;
	padding-left: 20px;
	width: 75%;}
.print_header_copy .head img {
	max-height: 90px;
    max-width: 100%;
    margin-bottom: 10px;}
.print_header_copy .head h1 {
    margin: 0;
    font-size: 25px;
	font-weight: bold;}
.print_header_copy .head h2 {
    margin: 0;
    font-size: 17px;}
.print_header_copy .head .phone {
    padding-top: 7px;}
.print_header_copy .head .phone span {
	font-size: 14px;}







/* active */
.active {
    cursor: default;
}


button.active, .divisions button.active, .divisions button.active, .exams button.active, a.active button, .exam-subjects button.active, .periods button.active {
    cursor: default;
    font-weight: bold;
    background: #2288db !important;
    color: #fff !important;
}


/* excel_download */
a.active#excel_download button {
    cursor: pointer;
    background: #2288db !important;
    color: #fff !important;
}
a.active#excel_download button:hover {
    background: #2288db !important;
    color: #fff !important;
}





/* a-link */
.a-link {
    color: #287b74;
    text-decoration: underline;
    cursor: pointer;
    font-weight: bold;
}


/* alert-label, password-mismatch */
.alert-label, .password-mismatch {
    font-weight: bold;
    color: #da041d;
}
.alert-label:empty {
    display: none;
}



.password-mismatch {
    font-size: 10pt;
}



/* read-more */
.read-more {
    color: #fff;
    background: #18d464;
    font-size: 11px;
    padding: 0 5px;
}
.read-more:hover {
    color: #fff;
}
.coll-hidden {
    opacity: 0;
}





/* row-float */
.row-float {
    margin-left: 12px;
    margin-right: 12px;}
.row-float:after,
.row-float:before {
    display: table;
    content: " ";}
.col-float-1, .col-float-2, .col-float-3, .col-float-4, .col-float-5, .col-float-6,
.col-float-7, .col-float-8, .col-float-9, .col-float-10, .col-float-11, .col-float-12 {
    float: left;
    position: relative;
    min-height: 1px;
    padding-right: 12px;
    padding-left: 12px;}
/* this customized */
.col-float-1 {
  width: 8.33333333%;
}
.col-float-2 {
  width: 16.66666667%;
}
.col-float-3 {
  width: 25%;
}
.col-float-4 {
  width: 33.33333333%;
}
.col-float-5 {
  width: 41.66666667%;
}
.col-float-6 {
  width: 50%;
}
.col-float-7 {
  width: 58.33333333%;
}
.col-float-8 {
  width: 66.66666667%;
}
.col-float-9 {
  width: 75%;
}
.col-float-10 {
  width: 83.33333333%;
}
.col-float-11 {
  width: 91.66666667%;
}
.col-float-12 {
  width: 100%;
}





/* class-division */
.class-division button {
    padding: 10px 10px;
    background: #fff;
    margin-bottom: 10px;
    text-transform: uppercase;
    color: #324f56;
}
.class-division a {
    text-decoration: none;
}
.class-division button:hover {
    color: #324f56 !important;
}



/* dropdown-checkbox */
.dropdown-checkbox .dropdown-toggle {
    border: 1px solid #e1e2e1;
    min-width: 220px;
    height: 30px;
    border-radius: 10px;
    font-size: 12px;
    background-color: transparent;
    color: #000;
    text-align: left;
    padding-right: 3px;
}
.dropdown-checkbox .dropdown-toggle .fa-angle-down {
    font-size: 18px;
    color: #000;
    float: right;
}
.dropdown-checkbox .dropdown-menu {
    min-width: 220px;
    border-radius: 0;
    padding: 0;
    border-color: #646161;
}
.dropdown-checkbox .dropdown-menu label {
    width: 100%;
    cursor: pointer;
    padding: 3px 12px 0px;
    font-weight: normal;
    font-size: 12px;
}
.dropdown-checkbox .dropdown-menu label:hover {
    background-color: #208eed;
    color: #fff;
}
.dropdown-checkbox .dropdown-menu label span {
    position: relative;
    bottom: 3px;
}
.dropdown-checkbox .dropdown-menu label input {
    margin-top: 0;
}




/* table */
/* table-responsive */
.table-responsive>.table>tbody>tr>td, .table-responsive>.table>tbody>tr>th, .table-responsive>.table>tfoot>tr>td, .table-responsive>.table>tfoot>tr>th, .table-responsive>.table>thead>tr>td, .table-responsive>.table>thead>tr>th {
    white-space: inherit;
}
@media screen and (max-width: 767px) {
.table-responsive {
    border: none;
   }
.table-responsive>.table {
     margin-bottom: 15px;
   }
}



/* table-borderless */
.table-borderless > tbody > tr > td,
.table-borderless > thead > tr > th,
.table-borderless > tfoot > tr > td {
    border: none;
}




/*/
common-table Start
/*/
/* common-table */
.common-table {
    padding-bottom: 10px;
    margin-top: 20px;
}
.common-table .table {
    background: #fff;
    padding: 20px;
    border-radius: 15px;
    box-shadow: 8px 12px 18px -2px #d3d4d4ad;
}
.common-table .table:not(.table-bordered)>thead>tr>th:first-of-type, .common-table .table:not(.table-bordered)>tbody>tr>td:first-of-type {
    padding-left: 20px;
}
.common-table .table:not(.table-bordered)>thead>tr>th:last-of-type, .common-table .table:not(.table-bordered)>tbody>tr>td:last-of-type {
    padding-right: 20px;
}
.common-table .table>tbody>tr:last-of-type td {
    padding-bottom: 15px;
}
.common-table .table>tbody+tbody {
    border-top: inherit;
}
.common-table .table>thead>tr>th {
    border: none;
    padding: 10px 4px;
}
.common-table th, .common-table td, .common-table .table {
    word-break: break-all;
}
.common-table .table>tbody>tr>td, .common-table .table>tfoot>tr>td, .common-table .table>thead>tr>td {
    padding: 6px 5px;
    vertical-align: middle;
}

/* vertical-align-top */
.common-table .table .tr-vertical-align-top td, .common-table .table .tr-vertical-align-top th {
    vertical-align: top;
}
/* table-bordered */
.common-table .table.table-bordered thead>tr>th, .common-table .table.table-bordered tbody>tr>td {
    border: 1px solid #e9ebec;
}
/* table-border-0 */
.common-table .table.table-border-0, .common-table .table.table-border-0 thead>tr>th, .common-table .table.table-border-0 tbody>tr>td {
    border: none !important;
}
/* button */
.common-table .tr-body button, .common-table .tr-body .a-btn {
    padding: 3px 5px;
   /*margin: 0;
   */
    font-size: 12px;
   /* background: #fff;
   */
    box-shadow: 2px 5px 17px #d1d3d5;
    color: #fff;
    border-radius: 4px;
}
/* common-table-height */
.common-table-height {
    height: calc(100vh - 100px);
}



/* Tbody, Thead */
.common-table .tr-body {
    color: #6e5e5e;
}
.common-table .tr-head {
    color: #504d4d;
    text-transform: capitalize;
}
.table>thead>.tr-head>th {
    vertical-align: middle;
    padding: 8px 5px;
}
.table>thead>.tr-head>th {
    white-space: nowrap;
}


/* input's */
.common-table input[type="text"], .common-table input[type=""], .common-table input[type="number"], .common-table input[type="date"], .common-table input[type="password"], .common-table input[type="email"], .common-table input[type="url"], .common-table input[type="time"], .common-table textarea, .common-table select {
    width: 100%;
    padding: 5px;
    border: 1px solid #cecaca;
}
/* input:disabled */
.common-table input:disabled {
    border: none;
}


/* tr-total */
.common-table .tr-total td,
.common-table .tr-total b {
    background: #fff;
    font-weight: 900;
    white-space: nowrap;
    color: #020202;
    text-align: right;
}
/* data-state */
.common-table .table [data-state="DRAFT"] {
    background-color: #dadbd9;
}
.common-table .table [data-state="CANCELLED"] {
    background-color: #f9d178;
}
.common-table .table [data-state="PAID"] {
    background-color: #b4f3cb;
}
.common-table .table [data-state="UNPAID"] {
    background-color: #ffbbb0;
}
.common-table .table [data-state="PARTIALLY PAID"] {
    background-color: #a7b9f9;
}

/* no-data */
.no-data td {
    text-align: center;
}
/* text-left */
.common-table .table.text-left th, .common-table .table.text-left td {
    text-align: left !important;
}
/* common-table fa */
.common-table .tr-body .fa {
    font-size: 16px;
    padding: 5px;
    color: #999;
    cursor: pointer;
}
.common-table .tr-body .fa.fa-trash {
    color: #d9dad8;
}
.common-table .tr-body button .fa, .common-table .tr-body .a-btn .fa {
    color: #fff;
}

/* btn-copy-rate */
.common-table .tr-body .btn-copy-rate {
    background-color: #fff;
    border: 1px solid #d1d8f0;}
.common-table .tr-body .btn-copy-rate .fa {
    color: #205797;
    font-size: 13px;}
/* marksheet-lock */
.common-table .tr-body .fa.marksheet-lock.fa-lock {
    color: #f95858;
}
.common-table .tr-body .fa.marksheet-lock.fa-unlock {
    color: #3e9d4a;
}
/* tr-foot */
.common-table .tr-foot td {
    border: none;
}
.common-table .tr-foot button, .common-table .tr-foot .a-btn {
    margin-right: 10px;
}
@media only screen and (min-width: 768px) {
.common-table .tr-foot button, .common-table .tr-foot .a-btn {
    padding: 4px 16px;
    font-size: 15px;
   }
}
@media only screen and (max-width: 767px) {
.common-table .tr-foot button, .common-table .tr-foot .a-btn {
    padding: 3px 14px;
    font-size: 14px;
   }
}
/* collapse */
/* btn-collapse */
.common-table .table tbody tr td .btn-collapse {
    width: 22px;
    height: 22px;
    padding: 0;
    line-height: 12px;
    border-radius: 50%;
    border: none;
    color: #fff;
    background-color: #a4a4a4;
}
.common-table .table tbody tr td .btn-collapse .fa {
    font-size: inherit;
    color: inherit;
}
.common-table .table tbody tr td [aria-expanded="true"].btn-collapse {
    background-color: #3184d8;
}
.common-table .table tbody tr td [aria-expanded="true"].btn-collapse .fa:last-of-type, .common-table .table tbody tr td [aria-expanded="false"].btn-collapse .fa:first-of-type {
    display: none;
}
/* border-cell-0 */
.common-table .border-cell-0 th, .common-table .border-cell-0 td {
    border: none;
}
/* collapse */
.common-table table tbody tr td .collapse {
    margin-left: 45px;
    margin-top: 5px;
    margin-bottom: 10px;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
/* cell-items */
.common-table table tbody tr td .cell-items tr th, .common-table table tbody tr td .cell-items tr td {
    padding-bottom: 5px !important;
}
.common-table table tbody tr td .cell-items tr th {
    padding-right: 10px;
}
.common-table table tbody tr td .cell-items tr td:first-of-type::after {
    background-color: transparent !important;
}
/* dropdown */
/* dropdown-toggle */
.common-table table td .dropdown .dropdown-toggle {
    background-color: transparent;
    box-shadow: none;
    border: none;
}
.common-table table td .dropdown .dropdown-toggle::after {
    border: none;
}
.common-table table td .dropdown .dropdown-toggle img {
    height: 6px;
}
.common-table table td .dropdown .dropdown-toggle img:hover, .common-table table td .dropdown .dropdown-toggle img:active, .common-table table td .dropdown .dropdown-toggle img:focus {
    -ms-transform: initial;
    -moz-transform: initial;
    -webkit-transform: initial;
    -o-transform: initial;
    transform: initial;
}
/* dropdown-menu */
.common-table table td .dropdown .dropdown-menu {
    min-width: 130px;
    border: none;
    left: initial;
    right: 0;
    border-radius: 5px;
    box-shadow: #e0e0e6 5px 5px 5px 0;
}
.common-table table td .dropdown .dropdown-menu .dropdown-item {
    color: #787b7d;
    cursor: pointer;
    font-size: 11px;
    padding: 7px 15px;
}
.common-table table td .dropdown .dropdown-menu .dropdown-item.active, .common-table table td .dropdown .dropdown-menu .dropdown-item:active {
    color: #787b7d;
    background-color: transparent;
}
.common-table table td .dropdown .dropdown-menu li:not(:last-of-type) .dropdown-item {
    border-bottom: 1px solid #dee2e5;
}
.common-table table td .dropdown .dropdown-menu .dropdown-item:active, .common-table table td .dropdown .dropdown-menu .dropdown-item:hover {
    background-color: transparent;
    color: #414242;
}
.common-table table td .dropdown .dropdown-menu .dropdown-item:focus {
    outline: none;
}
/* common-table img hover effect */
.common-table .table td img {
    height: 27px;
}
.common-table .table td img {
    -webkit-transition: all 0.35s ease-in-out;
    -moz-transition: all 0.35s ease-in-out;
    transition: all 0.35s ease-in-out;
    cursor: -webkit-pointer;
    cursor: -moz-pointer;
    cursor: pointer;
}
.common-table .table td img:hover, .common-table .table td img:active, .common-table .table td img:focus {
    -ms-transform: scale(2.5);
    -moz-transform: scale(2.5);
    -webkit-transform: scale(2.5);
    -o-transform: scale(2.5);
    transform: scale(2.5);
    position:relative;
    z-index:10;
}
/* common-table td fonts */
.common-table td.name, .common-table td.adm-no, .common-table td.student-name {
    font-weight: bold;
}
/* th-btn */
.common-table .tr-head .th-btn {
    cursor: pointer;
}
.common-table .tr-head .th-btn:hover .fa {
    background: #dde6d9;
    color: #0f6dad;
}
.common-table .tr-head .th-btn .fa {
    color: #0d95f1;
    background: #edf7e9;
    padding: 2px;
    box-shadow: 0 0 5px 0 #a6aba4;
}
.common-table .tr-head .th-btn .fa:not(.pull-initial) {
    float: right;
}
/* border-2-px */
.common-table th.border-2-px, .common-table td.border-2-px {
    border: 2px solid #000 !important;
    border-top: 2px solid #000 !important;
}
/* common-table th, td width set */
/* min-width */
.common-table th:before, .common-table td:before {
    content: '';
    display: block;
    width: 25px;
}
/* long text */
.common-table .name:before, .common-table .full-name:before, .common-table .org-name:before, .common-table .inst-name:before, .common-table .student-name:before, .common-table .guardian-name:before, .common-table .teacher-name:before, .common-table .subject-name:before, .common-table .subject:before, .common-table .tutor:before, .common-table .group-name:before, .common-table .particular:before, .common-table .book-name:before, .common-table .author:before, .common-table .category:before, .common-table .sub-category:before, .common-table .paper-name:before, .common-table .assigned-teacher:before, .common-table .exam-name:before, .common-table .fee-name:before, .common-table .from:before, .common-table .title:before, .common-table .name-of-exam:before, .common-table .note:before, .common-table .description:before, .common-table .p-info:before, .common-table .d-q-ex:before, .common-table .school:before {
    width: 150px;
}
/* ex long text */
.common-table .address:before, .common-table .message:before, .common-table .particulars:before {
    width: 250px;
}
/* custom */
.common-table .w-20-b:before {
    width: 20px;
}
/* xtra small */
.common-table .demo-class {
    width: .1%;
}
/* common */
.common-table .last-login, .common-table .date, .common-table .dob, .common-table .submitted, .common-table .tc-date, .common-table .valid-till, .common-table .created-at, .common-table .time, .common-table .from-to, .common-table .date-time, .common-table .division, .common-table .photo,
/* number */
.common-table .contact-no, .common-table .mobile-no, .common-table .guardian-mobile-no, .common-table .sl-no, .common-table .roll-no, .common-table .id, .common-table .reg-no, .common-table .adm-no, .common-table .org-id, .common-table .inst-id, .common-table .total-sum, .common-table .total-scored, .common-table .percentage, .common-table .select, .common-table .income, .common-table .expense, .common-table .book-id, .common-table .day, .common-table .absent, .common-table .total, .common-table .present, .common-table .total-member, .common-table .sms-count, .common-table .pending-amt, .common-table .total-paid-amt, .common-table .total-fee-amt, .common-table .due-amt, .common-table .subject-name-mark, .common-table .code, .common-table .amount, .common-table .count-sc, .common-table .count-st, .common-table .count-oec, .common-table .others-count, .common-table .count-obc, .common-table .count-sports, .common-table .count-ied, .common-table .count-general, .common-table .total-count, .common-table .community-count, .common-table .mgt-count, .common-table .appl-no, .common-table .month-year, .common-table .no, .common-table .exam-time, .common-table .marks, .common-table .incorrect, .common-table .correct, .common-table .answered,
/* checkbox */
.common-table .select-all, .common-table .attended,
/* small text */
.common-table .user-type, .common-table .staff-type, .common-table .status, .common-table .gender, .common-table .religion, .common-table .sex, .common-table .caste, .common-table .if-oec, .common-table .ling-min, .common-table .language, .common-table .quota, .common-table .occupation, .common-table .r-ship, .common-table .q-exam, .common-table .last-communicated, .common-table .ip, .common-table .community, .common-table .language-ii, .common-table .admission-based, .common-table .character,
/* button */
.common-table .view, .common-table .delete, .common-table .late-message, .common-table .attendance, .common-table .sms, .common-table .edit, .common-table .published, .common-table .configure, .common-table .enable-disable, .common-table .issue, .common-table .return, .common-table .download, .common-table .month, .common-table .due-amount, .common-table .pay, .common-table .age, .common-table .rename, .common-table .add-division, .common-table .login, .common-table .select-filter, .common-table .close-mail, .common-table .publish-draft, .common-table .remove, .common-table .pay-balance, .common-table .print, .common-table .talk-admin, .common-table .diary, .common-table .resore, .common-table .enable-disable {
    width: .3%;
}
/* text-align */
/* number */
.common-table .sl-no, .common-table .roll-no, .common-table .id, .common-table .pending-amt, .common-table .total-paid-amt, .common-table .total-fee-amt, .common-table .subject-name-mark, .common-table .code, .common-table .amount, .common-table .count-sc, .common-table .count-st, .common-table .count-oec, .common-table .others-count, .common-table .count-obc, .common-table .count-sports, .common-table .count-ied, .common-table .count-general, .common-table .total-count, .common-table .community-count, .common-table .mgt-count, .common-table .appl-no, .common-table .month-year, .common-table .no, .common-table .exam-time, .common-table .marks, .common-table .incorrect, .common-table .correct, .common-table .answered, .common-table .sms-count, .common-table .due-amt,
/* checkbox */
.common-table .select-all, .common-table .attended,
/* small text */
.common-table .user-type, .common-table .staff-type, .common-table .status, .common-table .gender, .common-table .religion, .common-table .sex, .common-table .caste, .common-table .if-oec, .common-table .ling-min, .common-table .language, .common-table .quota, .common-table .occupation, .common-table .r-ship, .common-table .q-exam, .common-table .last-communicated, .common-table .ip,
/* button */
.common-table .view, .common-table .delete, .common-table .late-message, .common-table .attendance, .common-table .sms, .common-table .edit, .common-table .published, .common-table .configure, .common-table .enable-disable, .common-table .issue, .common-table .return, .common-table .download, .common-table .month, .common-table .due-amount, .common-table .pay, .common-table .age, .common-table .rename, .common-table .add-division, .common-table .photo, .common-table .login, .common-table .select-filter, .common-table .close-mail, .common-table .publish-draft, .common-table .remove, .common-table .pay-balance, .common-table .print, .common-table .talk-admin, .common-table .diary, .common-table .resore, .common-table .enable-disable,
/* common */
.common-table .select, .common-table .center-tcol {
    text-align: center;
}
/* white-space */
@media screen {
   /* number */
    .common-table .contact-no, .common-table .mobile-no, .common-table .guardian-mobile-no, .common-table .sl-no, .common-table .roll-no, .common-table .id, .common-table .reg-no, .common-table .adm-no, .common-table .org-id, .common-table .inst-id, .common-table .total-sum, .common-table .total-scored, .common-table .percentage, .common-table .select, .common-table .income, .common-table .expense, .common-table .book-id, .common-table .day, .common-table .absent, .common-table .total, .common-table .present, .common-table .internal-mark, .common-table .external-mark, .common-table .sms-count, .common-table .pending-amt, .common-table .total-paid-amt, .common-table .total-fee-amt, .common-table .due-amt, .common-table .subject-name-mark, .common-table .code, .common-table .amount, .common-table .count-sc, .common-table .count-st, .common-table .count-oec, .common-table .others-count, .common-table .count-obc, .common-table .count-sports, .common-table .count-ied, .common-table .count-general, .common-table .total-count, .common-table .community-count, .common-table .mgt-count, .common-table .appl-no, .common-table .month-year, .common-table .no, .common-table .exam-time, .common-table .marks, .common-table .incorrect, .common-table .correct, .common-table .answered,
   /* small text */
    .common-table .user-type, .common-table .staff-type, .common-table .status, .common-table .gender, .common-table .religion, .common-table .sex, .common-table .caste, .common-table .if-oec, .common-table .ling-min, .common-table .language, .common-table .quota, .common-table .occupation, .common-table .r-ship, .common-table .q-exam, .common-table .last-communicated, .common-table .ip,
   /* button */
    .common-table .view, .common-table .delete, .common-table .late-message, .common-table .attendance, .common-table .sms, .common-table .edit, .common-table .published, .common-table .configure, .common-table .enable-disable, .common-table .issue, .common-table .return, .common-table .download, .common-table .month, .common-table .due-amount, .common-table .pay, .common-table .age, .common-table .rename, .common-table .add-division, .common-table .login, .common-table .select-filter, .common-table .close-mail, .common-table .publish-draft, .common-table .remove, .common-table .pay-balance, .common-table .print, .common-table .talk-admin, .common-table .diary, .common-table .resore, .common-table .enable-disable,
   /* common */
    .common-table th, .common-table .last-login, .common-table .date, .common-table .dob, .common-table .submitted, .common-table .tc-date, .common-table .valid-till, .common-table .created-at, .common-table .time, .common-table .from-to, .common-table .date-time, .common-table .class, .common-table .division {
        white-space: nowrap !important;
   }
}
/* tcol-nowrap-rm */
.common-table .tcol-nowrap-rm {
    white-space: inherit !important;
}
/* common */
.common-table .username, .common-table .password, .common-table .section, .common-table .class, .common-table .passed, .common-table .allowed-user-type, .common-table .academic-period, .common-table .answer-entered, .common-table .answer-published, .common-table .question-entered, .common-table .result, .common-table .email,
/* number */
.common-table .subject-count, .common-table .total-sub-count, .common-table .subject-no, .common-table .internal-mark, .common-table .external-mark {
    width: 2%;
}
/* long text */
.common-table .name, .common-table .ip-restricted, .common-table .full-name, .common-table .org-name, .common-table .inst-name, .common-table .student-name, .common-table .guardian-name, .common-table .teacher-name, .common-table .subject-name, .common-table .subject, .common-table .tutor, .common-table .group-name, .common-table .particular, .common-table .book-name, .common-table .author, .common-table .category, .common-table .sub-category, .common-table .paper-name, .common-table .assigned-teacher, .common-table .exam-name, .common-table .fee-name, .common-table .from, .common-table .title, .common-table .name-of-exam, .common-table .note, .common-table .description, .common-table .p-info, .common-table .d-q-ex, .common-table .school {
    width: 5%;
}
/* ex long text */
.common-table .address, .common-table .message, .common-table .particulars {
    width: 6%;
}
/* common-table th, td width set */
/* xs tcol */
.common-table .xs-tcol {
    width: 0.1%;
}
/* s tcol */
.common-table .s-tcol,
/* button */
.common-table .btn-tcol {
    width: 0.3%;
}
/* center */
/* xs tcol */
.common-table .xs-tcol,
/* s tcol */
.common-table .s-tcol,
/* button */
.common-table .btn-tcol {
    text-align: center;
}
@media screen {
   /* nowrap */
    .common-table .nowrap-tcol,
   /* xs tcol */
    .common-table .xs-tcol,
   /* s tcol */
    .common-table .s-tcol,
   /* button */
    .common-table .btn-tcol {
        white-space: nowrap !important;
   }
}
/* w-s-initial */
.common-table .w-s-initial {
    white-space: initial !important;
}
/* sm tcol */
.common-table .sm-tcol {
    width: 1%;
}
/* m tcol */
.common-table .m-tcol {
    width: 2%;
}
/* xm tcol */
.common-table .xm-tcol {
    width: 3%;
}
/* l tcol */
.common-table .l-tcol {
    width: 5%;
}
/* xl tcol */
.common-table .xl-tcol {
    width: 6%;
}
/* min-width */
.common-table .m-tcol:before, .common-table .xm-tcol:before, .common-table .l-tcol:before, .common-table .xl-tcol:before {
    width: 150px;
}
/* m-w-100-tcol */
.common-table .m-w-100-tcol:before {
    width: 100px;
}



/*/
common-table End
/*/
/* structure-table */
.structure-table.report-table {
    width: 100%;
}
.structure-table.report-table .structure-tbody {
    margin-left: -15px;
    margin-right: -15px;
}
.structure-table.report-table .structure-tbody .grap-div {
    height: 180px;
}
.structure-table.report-table .structure-tbody .grap-div.grap-pie {
    width: 420px;
    margin-left: auto;
    margin-right: auto;
}
.structure-table.report-table .structure-td {
    width: 100%;
    display: block;
}
.structure-table.report-table .structure-tr {
    padding-left: 5px;
    padding-right: 5px;
}
/* foot-section */
.structure-table.report-table .foot-section p {
    font-size: 12px;
}
@media (min-width: 992px) {
    @media screen {
        .structure-table.report-table .structure-tr {
            float: left;
            width: 50%;
       }
   }
}
@media print {
    .structure-table.report-table .structure-tr {
        float: left;
        width: 50%;
   }
    .structure-table.report-table .structure-tr.w-p-100 {
        width: 100%;
   }
    .structure-table.report-table .structure-td .panel-btn {
        display: none;
   }
}
/* sl_no_counter */
table {
    counter-reset: rowNumber;
}
table tr {
    counter-increment: rowNumber;
}
.sl_no_counter:before {
    counter-increment: Serial;
    content: counter(rowNumber) !important;
}
.common-table td.sl_no_counter:before {
    width: auto;
}
/* common-form */
.page-form.common-form .page-body label {
    font-size: 13px;
    font-weight: normal;
}
@media (max-width: 1249px) {
    .page-form.common-form .page-body label {
        font-size: 10px;
        font-weight: bold;
   }
}
@media (max-width: 767px) {
    .page-form.common-form .page-body label {
        font-size: 15px;
        font-weight: normal;
   }
}
/* input's */
.common-form input, .common-form textarea, .common-form select {
    font-weight: bold;
}
/* setguardian-btn */
.common-form .setguardian-btn {
    padding: 6px;
    font-size: 11px;
    box-shadow: #9e9d9d 0 0 5px;
    border-color: #cccaca;
}
/* date-pick */
.common-form input.date-pick {
    background-image: url(../images/calendar-icon.png);
    background-position: right;
    background-repeat: no-repeat;
    -webkit-filter: grayscale(50%);
    filter: grayscale(50%);
   /*background-size: 26px 30px;
   */
}
.common-form input[disabled].date-pick {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
}
/* row-page-col-5 */
@media (min-width: 992px) {
    .common-form .page-body .row-page-col-5 .page-col {
        width: 20%;
   }
}
/* col */
@media (min-width: 992px) {
    .common-form .page-body .page-col {
        width: 25%;
   }
}
@media (max-width: 1249px) {
    .common-form .page-body .page-col {
        width: 33.33333333%;
        margin-bottom: 10px;
   }
}
@media (max-width: 767px) {
    .common-form .page-body .page-col {
        width: 100%;
   }
}





/* Hostel Facility */
.common-form .page-body .hostel-facility .hostel-facility-item {
    border: 1px solid #ddd;
    border-radius: 5px;
    padding: 10px;
    margin-bottom: 10px;}






/* chose-checkbox-radio */
.common-form .page-body .chose-checkbox-radio {
    padding-top: 7px;
    padding-bottom: 14px;
}
/* .page-form .section */
.common-form .page-body .section {
    float: left;
    width: 100%;
    padding: 10px 0;
    border-bottom: 1px solid #ececec;
    margin-bottom: 10px;
}
.common-form .page-body .section .page-body-head h1 {
    font-size: 15px;
    margin: 0;
    padding: 10px 0;
    font-weight: bold;
    text-transform: capitalize;
}
.common-form .page-body .section .page-body-head h2 {
    font-size: 14px;
    margin: 0;
    padding: 10px 0;
    text-transform: capitalize;
}
.common-form .page-body .section .page-body-head h2 small {
    font-size: 80%;
    display: inline-block;
}
.common-form .page-body .section .page-body-head h2 label input[type="checkbox"] {
    width: 15px;
    height: 12px;
    top: 2px;
    margin: 0;
}
.common-form .page-body .section .page-body-head h2 label input[type="checkbox"]:checked::before {
    line-height: 12px;
    left: -1px;
}
/* section:last-child */
.common-form .page-body .section:last-child {
    padding: 0;
    border: none;
    margin-bottom: 0;
}
/* .common-form .section:last-child .page-footer {
}
*/
/* upload-photo-col */
.page-form.common-form .page-body .upload-photo-col .upload {
    height: 90px;
    width: 80px;
    border: 1px solid #fff;
    padding: 1px;
    margin-top: 0;
    position: absolute;
    right: 0;
    bottom: 0;
}
.page-form.common-form .page-body .upload-photo-col input[type="file"] {
    width: 0;
    height: 0;
    border: 0;
    overflow: hidden;
    margin-top: -20px;
}
.page-form.common-form .page-body .upload-photo-col .upload-photo-choose, .page-form.common-form .page-body .upload-photo-col .upload-photo-camera {
    font-weight: normal;
    text-align: center;
    padding: 0;
    cursor: pointer;
    margin-right: 20px;
}
.page-form.common-form .page-body .upload-photo-col .upload-photo-choose .fa, .page-form.common-form .page-body .upload-photo-col .upload-photo-camera .fa {
    background: #000;
    width: 22px;
    height: 22px;
    display: block;
    margin-left: auto;
    margin-right: auto;
    color: #fff;
    border-radius: 50%;
    line-height: 22px;
    font-size: 12px;
}
.page-form.common-form .page-body .upload-photo-col .upload-photo-choose span, .page-form.common-form .page-body .upload-photo-col .upload-photo-camera span {
    font-size: 10px;
}
@media (max-width: 1249px) {
    .page-form.common-form .page-body .upload-photo-col .upload-photo-choose span, .page-form.common-form .page-body .upload-photo-col .upload-photo-camera span {
        position: relative;
        top: 3px;
   }
}
@media (max-width: 767px) {
    .page-form.common-form .page-body .upload-photo-col input[type="file"] {
        margin-top: 0;
   }
}
/* guardians-relation-col */
.page-form.common-form .page-body .guardians-relation-col .chose-checkbox-radio {
    position: absolute;
    bottom: -9px;
    z-index: 1;
    padding-top: 0;
    padding-bottom: 0;
}
.page-form.common-form .page-body .guardians-relation-col .chose-checkbox-radio label {
    border: 1px solid #e0e0e0;
    border-radius: 3px;
    color: #656565;
    margin-right: 0 !important;
    padding-right: 2px !important;
    padding-left: 2px !important;
    line-height: 0;
}
.page-form.common-form .page-body .guardians-relation-col .chose-checkbox-radio label input[type="radio"] {
    width: 15px;
    height: 15px;
    margin: 0;
}
.page-form.common-form .page-body .guardians-relation-col .chose-checkbox-radio label input[type="radio"]:checked::before {
    line-height: 15px;
    left: -1px;
}
.page-form.common-form .page-body .guardians-relation-col .chose-checkbox-radio label span {
    font-size: 9.5px;
    padding-right: 0;
    position: relative;
    bottom: 3px;
}
@media (max-width: 1249px) {
    .page-form.common-form .page-body .guardians-relation-col .chose-checkbox-radio label span {
        font-size: 8.5px;
   }
}
@media (max-width: 767px) {
    .page-form.common-form .page-body .guardians-relation-col {
        margin-bottom: 20px;
   }
    .page-form.common-form .page-body .guardians-relation-col .chose-checkbox-radio label span {
        font-size: 10px;
   }
}
/* fees-table */
.page-form.common-form .page-body .common-table.fees-table .tr-body .delete-btn {
    padding: 0;
}
.page-form.common-form .page-body .common-table.fees-table .tr-body .delete-btn .fa {
    color: #f56d6d;
}
/* school-vehicle */
.page-form.common-form .page-body .school-vehicle .page-col {
    width: auto;
}
.page-form.common-form .page-body .school-vehicle .page-col h2 {
    margin: 0;
}
.page-form.common-form .page-body .school-vehicle input[type="text"] {
    margin-top: 7px;
}
.page-form.common-form .page-body .school-vehicle input[type="text"]:disabled {
    opacity: 0;
    visibility: hidden;
}
/* added-relatives */
.page-form.common-form .page-body .added-relatives {
    padding: 5px;
    border: 1px solid #e0e4dd;
    border-radius: 3px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
/* single-relative */
.page-form.common-form .page-body .added-relatives .single-relative {
    padding: 10px;
    background: #fbfbfb;
    border: 1px solid #e0e4dd;
    margin-bottom: 2px;
    border-radius: 3px;
    -webkit-box-flex: 0;
    position: relative;
    width: 100%;
}
.page-form.common-form .page-body .added-relatives .single-relative:hover {
    background: #fff;
}
.page-form.common-form .page-body .added-relatives .single-relative .delete-btn {
    position: absolute;
    right: 0;
    top: -8px;
    padding: 2px;
    font-size: 17px;
    background: #ffffff82;
    box-shadow: none;
    color: #b5b5b5;
}
.page-form.common-form .page-body .added-relatives .single-relative .field {
    display: inline-block;
    margin-right: 5px;
}
.page-form.common-form .page-body .added-relatives .single-relative .field label {
    font-weight: normal;
    padding: 0;
    font-size: 9.9px;
}
.page-form.common-form .page-body .added-relatives .single-relative .field .data {
    display: initial;
    font-weight: bold;
    font-size: 12px
}
.page-form.common-form .page-body .added-relatives .single-relative .relative-name .data {
    font-size: 14px;
}
.page-form.common-form .page-body .added-relatives .single-relative .relative-relation {
    margin-bottom: 0;
    border-radius: 3px;
    margin-top: 10px;
}
@media (min-width: 992px) {
    .page-form.common-form .page-body .added-relatives .single-relative {
        -ms-flex: 0 0 33.33333333%;
        flex: 0 0 33.33333333%;
        max-width: 33.33333333%;
   }
}
@media (max-width: 991px) {
    .page-form.common-form .page-body .added-relatives .single-relative {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
   }
}
/* editable:not */
.page-form.common-form:not(.editable) .page-body {
    position: relative;
}
.page-form.common-form:not(.editable) .page-body .edit-mask {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 10;
    background: #ffffff69;
    cursor: not-allowed;
}
.page-form.common-form:not(.editable) .edit-only-btn {
    display: none;
}
.page-form.common-form:not(.editable) .page-footer {
    margin-top: 0;
}
/* /common-form */
/* table-total */
.table-total {
    margin-bottom: 20px;
    margin-top: 30px;
    color: #636467;
}
.table-total th {
    padding-top: 10px;
}
.table-total th:nth-of-type(1) {
    white-space: nowrap;
}
.table-total th:nth-of-type(2) {
    padding-left: 10px;
    padding-right: 10px;
}
@media (min-width: 992px) {
    .table-total th:nth-of-type(3) {
        min-width: 200px;
   }
}
/* grand-total */
.grand-total {
    padding: 5px 30px;
    border: 1px solid #2db99d;
    display: inline-block;
    color: #2db99d;
    font-weight: bold;
}
/* print-profile-nems */
.print-profile-nems {
    font-size: 10px;
    background-color: #fff;
}
/* screen */
@media screen {
    .print-profile-nems {
        max-width: 1000px;
        margin-left: auto;
        margin-right: auto;
   }
}
/* head */
.print-profile-nems .head {
    font-weight: bold;
    font-size: 13px;
    padding-top: 20px;
    padding-left: 30px;
}
/* info */
.print-profile-nems .head .info {
    position: relative;
}
.print-profile-nems .head .info::after {
    content: '';
    position: absolute;
    z-index: 1;
    right: -46px;
    bottom: -18px;
    background-color: #fff !important;
    width: 35px;
    height: 198px;
    transform: rotate(190deg);
    -webkit-transform: rotate(190deg);
    -moz-transform: rotate(190deg);
    -ms-transform: rotate(190deg);
    -o-transform: rotate(190deg);
}
/**/
.print-profile-nems .head .insti-logo {
    height: auto;
    max-width: 100%;
    position: relative;
    top: 15px;
}
/* print */
@media print {
    .print-profile-nems .head .insti-logo {
        top: 42px;
   }
}
.print-profile-nems .head .insti-details {
    margin-top: 78px;
    color: #000 !important;
}
.print-profile-nems .head .insti-ph {
    color: #000 !important;
}
.print-profile-nems .head .run-by {
    margin-top: 5px;
    font-size: 10px;
    color: #236591 !important;
}
/* photo */
.print-profile-nems .head .bg-photo {
    background-color: #236591 !important;
    border-bottom: 50px solid #e9ecf0 !important;
    padding-right: 30px;
    margin-left: auto;
    margin-right: auto;
    margin-top: -34px;
}
.print-profile-nems .head .bg-photo .photo {
    border: 2px solid #fff !important;
    margin-left: 50px;
    height: 140px;
    width: 130px;
    position: relative;
    top: 50px;
}
/* body */
.print-profile-nems .body {
    padding: 20px 30px;
    background-color: #e9ecf0 !important;
}
/* title */
.print-profile-nems .body .title {
    font-size: 28px;
    color: #236591 !important;
    margin-bottom: 10px;
    font-weight: bold;
}
/* field */
.print-profile-nems .body .field {
    display: flex;
    margin-top: 10px;
}
.print-profile-nems .body .field label {
    color: #000 !important;
    margin-bottom: 0;
    margin-top: 5px;
    white-space: nowrap;
    margin-right: 5px;
}
.print-profile-nems .body .field .data {
    width: 100%;
    background-color: #fff !important;
    color: #000 !important;
    padding: 5px;
    display: inline-block;
}
/* table-info */
.print-profile-nems .body .table-info {
    width: 100%;
    margin-top: 20px;
    background-color: #fff !important;
}
.print-profile-nems .body .table-info td {
    font-size: 10px;
    vertical-align: top;
    width: 25%;
    padding: 7px 12px;
    border: 2px solid #e9ecf0 !important;
}
.print-profile-nems .body .table-info td .data {
    min-height: 18px;
}
/* table-list */
.print-profile-nems .body .table-list {
    width: 100%;
    min-height: 90px;
    background-color: #fff !important;
}
.print-profile-nems .body .table-list th, .print-profile-nems .body .table-list td {
    font-size: 10px;
    text-align: center;
    vertical-align: top;
    padding: 3px 10px;
    border: 2px solid #e9ecf0 !important;
}
.print-profile-nems .body .table-list th {
    background-color: #83aac2 !important;
}
.print-profile-nems .body .table-list .tcol-l {
    width: 25%;
}
/* office-use */
.print-profile-nems .body .office-use h5 {
    color: #236591 !important;
    background-color: #e9ecf0 !important;
    display: inline-block;
    padding-right: 10px;
    font-weight: bold;
}
.print-profile-nems .body .office-use hr {
    border-bottom: 2px solid #236591;
    margin-top: -20px;
}
/* profile_print_data */
.profile_print_data {
    background: #fff;
    max-width: 1000px;
    margin-left: auto;
    margin-right: auto;
}
/**/
.profile_print_data .d-flex {
    display: flex;
}
.profile_print_data label {
    font-size: 13px;
    font-weight: normal;
    margin-bottom: 0;
    white-space: nowrap;
    padding-right: 10px;
}
.profile_print_data .data {
    font-size: 15px;
    min-height: 23px;
    font-weight: bold;
    margin-bottom: 5px;
    margin-top: 3px;
    border: 1px solid #999;
    padding-left: 5px;
    padding-right: 5px;
}
.profile_print_data .d-initial {
    display: initial;
    width: 100%;
}
.profile_print_data .first-letter::first-letter {
    padding-left: 100px;
}
.profile_print_data .signature {
    position: relative;
    top: 60px;
    text-decoration: dotted;
    text-decoration-color: #000;
    text-decoration-line: overline;
}
.profile_print_data .adm-no .data {
    font-size: 17px;
    line-height: normal;
    border-color: #000;
}
.profile_print_data .d-flex .data.d-initial {
    margin-top: 0;
}
.profile_print_data .m-t-10 {
    margin-top: 10px;
}
.profile_print_data .table {
    width: 100%;
    border: 1px solid #999;
}
.profile_print_data .table td, .profile_print_data .table th {
    border: 1px solid #999;
    padding: 0 5px;
}
.profile_print_data .table td {
    font-size: 13px;
}
.profile_print_data .table th {
    font-size: 14px;
}
/* div-row */
.profile_print_data .div-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
}
.profile_print_data .div-row [class^="div-col-"] {
    -webkit-box-flex: 0;
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}
.profile_print_data .div-row .div-col-1 {
    -ms-flex: 0 0 8.33333333%;
    flex: 0 0 8.33333333%;
    max-width: 8.33333333%;
}
.profile_print_data .div-row .div-col-2 {
    -ms-flex: 0 0 16.66666667%;
    flex: 0 0 16.66666667%;
    max-width: 16.66666667%;
}
.profile_print_data .div-row .div-col-3 {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
}
.profile_print_data .div-row .div-col-4 {
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
}
.profile_print_data .div-row .div-col-5 {
    width: 41.66666667%;
}
.profile_print_data .div-row .div-col-6 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
}
.profile_print_data .div-row .div-col-7 {
    -ms-flex: 0 0 58.33333333%;
    flex: 0 0 58.33333333%;
    max-width: 58.33333333%;
}
.profile_print_data .div-row .div-col-8 {
    -ms-flex: 0 0 66.66666667%;
    flex: 0 0 66.66666667%;
    max-width: 66.66666667%;
}
.profile_print_data .div-row .div-col-9 {
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
}
.profile_print_data .div-row .div-col-10 {
    -ms-flex: 0 0 83.33333333%;
    flex: 0 0 83.33333333%;
    max-width: 83.33333333%;
}
.profile_print_data .div-row .div-col-12 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
}
/* small-row */
.profile_print_data .div-row.small-row {
    margin-right: -5px;
    margin-left: -5px;
}
.profile_print_data .div-row.small-row [class^="div-col-"] {
    padding-right: 5px;
    padding-left: 5px;
}
.profile_print_data .div-row.small-row .div-col-2 {
    -ms-flex: 0 0 11%;
    flex: 0 0 11%;
    max-width: 11%;
    padding-top: 4px;
}
.profile_print_data .div-row.small-row .div-col-3 {
    -ms-flex: 0 0 33.5%;
    flex: 0 0 33.5%;
    max-width: 33.5%;
}
/* head */
.profile_print_data .head {
    text-align: center;
}
.profile_print_data .head .insti-logo {
    height: 60px;
}
.profile_print_data .head .insti-name {
    font-size: 26px;
    font-weight: bold;
}
.profile_print_data .head .insti-details {
    font-size: 14px;
}
.profile_print_data .head .profile-label {
    text-transform: uppercase;
    border: 1px solid #000000;
    display: inline-block;
    padding: 2px 12px;
    margin-top: 5px;
    font-weight: bold;
}
/* student-admission */
.profile_print_data .student-admission {
    border: 1px solid #ccc;
    margin-top: 15px;
    margin-bottom: 10px;
    padding: 10px;
}
.profile_print_data .student-admission .profile-pic-div {
    position: absolute;
    right: 15px;
    height: 177px;
    width: 142px;
    text-align: center;
    padding-top: 2px;
    border: 1px solid #999;
    background-color: #fff !important;
   /* !important using print */
}
.profile_print_data .student-admission .profile-pic-div img {
    height: 170.07px;
    width: 132.28px;
}
.profile_print_data .student-admission .profile-pic-div img[src*="files/images/profile-icon.png"] {
    height: 90px;
    width: auto;
    margin-top: 40px;
}
/* body*/
.profile_print_data .body h1 {
    text-align: center;
    font-style: italic;
    font-size: 17px;
    font-weight: bold;
    text-decoration: underline;
    text-transform: uppercase;
    margin-top: 35px;
    margin-bottom: 20px;
}
/* screen */
@media screen {
    .profile_print_data {
        padding: 15px 15px 40px 15px;
   }
}






/* transport-payout-settings */
/**/
.transport-payout-settings .card {
    padding: 15px;
    box-shadow: #f1f1f1 5px 8px 13px;
    border: 1px solid #f6f6f6;
    border-radius: 5px;}
/**/
.transport-payout-settings .text-l {
    font-size: 16px;
    margin-bottom: 15px;}
/**/
.transport-payout-settings .tag-item {
    width: auto !important;
    border: 1px solid #b6bfbe;
    border-radius: 5px;
    padding: 3px 5px;
    margin-right: 5px !important;
    font-size: 12px !important;}







/* payout-slip-month */
.payout-slip-month table tr th,
.payout-slip-month table tr td {
    font-size: 13px;}
/**/
.payout-slip-month .head {
    padding-bottom: 20px;}
.payout-slip-month .head .text-l {
    font-size: 18px;}
/**/
.payout-slip-month .body table.table-plain tr td {
    padding-top: 5px;}
.payout-slip-month .body table.table-plain tr td:first-of-type {
    white-space: nowrap;
    padding-right: 50px;}
/**/
.payout-slip-month .body table.table-list th,
.payout-slip-month .body table.table-list td {
    padding: 5px 15px;}
.payout-slip-month .body table.table-list thead th {
    border-top: 1px solid #ddd !important;}
.payout-slip-month .body table.table-list tr:not(:nth-of-type(4)) td {
    border-bottom: 0 !important;
    border-top: 0 !important;}
@media print {
.payout-slip-month .body table.table-list thead th {
    border-top-color: #000 !important;}
}
.payout-slip-month .body table.table-list {
    border: 0 !important;}

.payout-slip-month .body table.table-list.table-bordered>tbody>tr:last-of-type>td {
    border: 0 !important;
}






/* donation-receipt */
.donation-receipt {
    border: 4px solid #000;}
.donation-receipt .inner {
    margin: 3px;
    border: 1px solid #000;
    padding: 15px;}
/**/
.donation-receipt .inner .head .text-l {
    white-space: pre-line;
    font-size: 20px;}
.donation-receipt .inner .head .text-m {
    font-size: 16px;}
/**/
.donation-receipt .inner .body {
    font-size: 17px;}








/* system-notices */
.system-notices {
    background-color: #e9f7ff;
    color: #212529;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    padding: 10px 15px 10px 300px;}
.system-notices .btn-close {
    position: absolute;
    right: 0;
    top: 0;
    background-color: transparent;
    color: #000;
    font-size: 18px;}
.system-notices .text-m {
    position: relative;
    padding-right: 35px;
    font-size: 15px;}
@media (max-width: 991px) {
.system-notices {
    padding-left: 10px;}
}
/* notices-warning */
.system-notices.notices-warning {
    background-color: #ff0000;
    color: #ffffff;}
.system-notices.notices-warning .text-m::before {
    content: "";
    display: inline-block;
    width: 26px;
    height: 26px;
    background-image: url("../images/yellow-warning.png");
    background-size: contain;
    background-repeat: no-repeat;
    margin-right: 8px;
    vertical-align: middle;}
.system-notices.notices-warning .btn-close {
    color: #d1baba;}








/* receipt-fee */
/**/
.receipt-fee .text-l {
    font-size: 17px;}
/**/
.receipt-fee .item {
    display: flex;}
.receipt-fee .item .text-label {
    white-space: nowrap;
    padding-right: 15px;
    display: inline-block;}
.receipt-fee .item .data {
    width: 100%;
    display: inline-block;
    border-bottom: 1px solid #000;}
/**/
.receipt-fee .item-border {
    display: inline-block;}
.receipt-fee .item-border .text-label,
.receipt-fee .item-border .data {
    width: auto;
    padding: 3px 10px;}
.receipt-fee .item-border .data {
    min-width: 80px;
    text-align: center;
    border-radius: 25px;
    border: 1px solid #000;}
/**/
.receipt-fee .cash-type {
    float: right;
    min-width: 135px;}
.receipt-fee .cash-type label {
    font-size: 12px;
    display: block;
    cursor: pointer;}

/* PRINT_A5 */
.PRINT_A5.receipt-fee {
    font-size: 12px;}
.PRINT_A5.receipt-fee .cash-type label {
    font-size: 11px;}
/* toggle_letterhead */
.toggle_letterhead.receipt-fee .print_header_copy {
    height: 100px;
    visibility: hidden;}





/* wrapper-out-pass */
.wrapper-out-pass {
    max-width: 275px;
    margin-left: auto;
    background: #fff;
    margin-right: auto;
}
/* main-head */
.wrapper-out-pass .head {
    text-align: center;
    border-bottom: 1px solid #6b6a6a;
    padding-bottom: 10px;
    font-family: serif;
}
.wrapper-out-pass .head .logo {
    max-width: 100%;
    height: 80px;
    margin-bottom: 10px;
}
.wrapper-out-pass .head h1 {
    font-size: 25px;
    font-weight: bold;
    text-transform: uppercase;
    margin: 0;
}
.wrapper-out-pass .head h2 {
    font-size: 18px;
    font-weight: bold;
    text-transform: uppercase;
    white-space: pre-line;
    margin-top: 4px;
    margin-bottom: 4px;
}
.wrapper-out-pass .head h4 {
    font-size: 14px;
    margin: 0;
}
.wrapper-out-pass .head h3 {
    font-size: 17px;
    margin: 0;
}
/* body */
.wrapper-out-pass .body h1 {
    font-size: 25px;
    font-weight: bold;
    text-align: center;
    font-family: Arial,sans-serif;
    display: inherit;
    margin: 10px auto 20px auto;
}
/* table-list */
.wrapper-out-pass .body .table-list th, .wrapper-out-pass .body .table-list td {
    vertical-align: top;
    padding-top: 5px;
}
.wrapper-out-pass .body .table-list .dotte {
    padding-left: 5px;
    padding-right: 5px;
}
.wrapper-out-pass .body .table-list th span {
    display: block;
}
/* foot */
.wrapper-out-pass .foot {
    margin-top: 20px;
    border-top: 1px dotted #000;
}
.wrapper-out-pass .foot h4 {
    font-weight: bold;
    font-size: 16px;
}
/* order-xs-row */
@media (max-width: 767px) {
    .order-xs-row.row {
        display: flex;
        display: -ms-flex;
        flex-direction: column;
   }
    .order-xs-row.row .order-xs-1 {
        order: 1;
   }
    .order-xs-row.row .order-xs-2 {
        order: 2;
   }
}
/* multi-file-view */
.multi-file-view {
    background: #fff;
    padding: 20px;
}
/* file-embed-col */
.multi-file-view .file-embed-col {
    position: relative;
    border-radius: 5px;
    padding: 10px;
    border: 1px solid #ececec;
    box-shadow: 0 0 5px #e1e4e0;
}
.multi-file-view .file-embed-col .primary-embed {
    width: 100%;
    height: 200px;
    display: block;
    border-radius: 2px;
    object-fit: cover;
}
.multi-file-view .file-embed-col .view-more-btn {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}
@media (max-width: 991px) {
    .multi-file-view .file-embed-col {
        margin-bottom: 25px;
   }
}
/* file-embed-info */
.multi-file-view .file-embed-info .div-col {
    display: inline-block;
    font-size: 15px;
    margin-bottom: 10px;
    margin-right: 15px;
}
.multi-file-view .file-embed-info .div-col.d-block {
    display: block;
}
.multi-file-view .file-embed-info .div-col label {
    font-weight: normal;
}
.multi-file-view .file-embed-info .div-col .data {
    display: initial;
}
/* multi-file-modal */
.multi-file-modal .modal-header {
    padding-top: 5px;
    padding-bottom: 5px;
}
.multi-file-modal .modal-footer {
    padding-top: 10px;
    padding-bottom: 10px;
}
.multi-file-modal .modal-header button, .multi-file-modal .modal-body .download-btn button, .multi-file-modal .modal-footer button {
    border: 1px solid #bbc7bb;
    padding: 4px 8px;
    font-size: 16px;
    border-radius: 2px;
    box-shadow: none;
    margin-left: 5px;
}
.multi-file-modal .modal-body .primary-embed {
    display: block;
}
.multi-file-modal .modal-body .download-btn {
    position: absolute;
    z-index: 10;
    bottom: -56px;
    right: 65px;
}
/* modal_expand */
.multi-file-modal.modal_expand .modal-dialog {
    margin: 0;
    width: 100%;
    margin-top: 0;
}
.multi-file-modal .modal-dialog .modal-content {
    overflow: hidden;
}
@media (min-width: 992px) {
    .multi-file-modal .modal-dialog {
        width: 800px;
   }
}
/* multi-file-carousel */
.multi-file-carousel .carousel-inner {
    overflow: initial;
    padding-left: 15px;
    padding-right: 15px;
}
.multi-file-carousel .item .embed-col {
    min-height: 300px;
}
.multi-file-carousel .item .embed-col .primary-embed {
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
    display: block;
}
.multi-file-carousel .item .embed-col .embed-file {
    width: 100%;
    height: 100%;
    min-height: 480px;
}
.multi-file-carousel .carousel-control {
    width: 5%;
    background: transparent;
    color: #00f5d8;
}
.multi-file-carousel .carousel-control.left {
    left: -28px;
}
.multi-file-carousel .carousel-control.right {
    right: -13px;
}
.multi-file-carousel .carousel-control .fa-angle-left, .multi-file-carousel .carousel-control .fa-angle-right {
    position: absolute;
    z-index: 5;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    font-size: 40px;
}
@media (max-width: 767px) {
    .multi-file-carousel .carousel-control.left {
        left: -20px;
   }
    .multi-file-carousel .carousel-control.right {
        right: -5px;
   }
}
/* modal_expand */
@media (min-width: 768px) {
    .modal_expand .multi-file-carousel .carousel-control .fa-angle-left, .modal_expand .multi-file-carousel .carousel-control .fa-angle-right {
        font-size: 55px;
   }
    .modal_expand .multi-file-carousel .carousel-control.left {
        left: -44px;
   }
    .modal_expand .multi-file-carousel .carousel-control.right {
        right: -25px;
   }
}
/* modal_full_screen */
.modal_full_screen .multi-file-carousel .item .embed-col .embed-file {
    height: 85vh;
}
/* entry-sender */
.multi-file-view .entry-sender {
    float: right;
    font-weight: bold;
    margin-top: 15px;
    margin-bottom: 15px;
}
/* chat-form */
.multi-file-view .chat-form {
    margin-top: 50px;
    padding: 30px 20px;
    box-shadow: 0 0 5px #d4d4d4;
    border-radius: 5px;
}
.multi-file-view .chat-form .input_content {
    width: 100%;
    border-radius: 5px;
    margin-bottom: 10px;
    padding: 10px;
}
.multi-file-view .chat-form .primary-btn {
    margin-top: 20px;
    min-width: 130px;
    padding: 10px;
    border-radius: 5px;
}
/* bulk-photo-upload-form */
.bulk-photo-upload-form {
    padding-bottom: 35px;
}
/* page-form */
.bulk-photo-upload-form .page-form {
    margin-bottom: 15px;
}
/* success-count */
.bulk-photo-upload-form .page-form .success-count {
    font-size: 15px;
    font-weight: bold;
    padding-top: 10px;
}
/* proceed-row */
.bulk-photo-upload-form .proceed-row {
    background: #fff;
    display: table;
    width: 100%;
}
.bulk-photo-upload-form .proceed-row .upload-item {
    width: 25%;
    height: 360px;
    overflow-y: hidden;
    float: left;
    padding: 8px;
    border: 1px solid #eff3ed;
    margin-bottom: 15px;
}
.bulk-photo-upload-form .proceed-row .upload-item h4 {
    font-size: 16px;
    padding-top: 5px;
}
.bulk-photo-upload-form .proceed-row .upload-item h4.file-name {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}
.bulk-photo-upload-form .proceed-row .upload-item h4.student-name:empty {
    display: none;
}
.bulk-photo-upload-form .proceed-row .upload-item img {
    max-width: 100%;
    height: 220px;
    margin-left: auto;
    margin-right: auto;
    display: block;
}
.bulk-photo-upload-form .proceed-row .upload-item .progress {
    height: 10px;
    background-color: #f5f5f5;
    border-radius: 0;
}
.bulk-photo-upload-form .proceed-row .upload-item .progress .progress-bar {
    background: linear-gradient(90deg, #559cd0, #4bb4a4);
    box-shadow: none;
}
.bulk-photo-upload-form .proceed-row .upload-item p {
    color: #e66060;
    min-height: 25px;
    font-size: 13px;
}
.bulk-photo-upload-form .proceed-row .upload-item p:empty {
    display: none;
}
.bulk-photo-upload-form .proceed-row .upload-item .fa-check {
    font-size: 20px;
    color: #63d09e;
}
@media (max-width: 767px) {
    .bulk-photo-upload-form .proceed-row .upload-item {
        width: 50%;
   }
}
/* fixed-foot */
.bulk-photo-upload-form .fixed-foot {
    position: fixed;
    bottom: 0;
    right: 0;
    left: 0;
    width: 100%;
    height: 40px;
    background: #fff;
    box-shadow: 0 0 2px #ccc;
}
.bulk-photo-upload-form .fixed-foot .success-count {
    font-size: 15px;
    font-weight: bold;
    padding-top: 10px;
    text-align: center;
}
.bulk-photo-upload-form .fixed-foot .a-btn {
    position: absolute;
    right: 20px;
    top: 6px;
}
@media (min-width: 992px) {
    .bulk-photo-upload-form .fixed-foot {
        padding-left: 250px;
   }
}
@media (max-width: 767px) {
    .bulk-photo-upload-form .fixed-foot .a-btn {
        top: 7px;
   }
}
/* alert-message */
.alert-message {
    padding: 30px 25px;
    background: #ffffffe6;
    box-shadow: 8px 12px 18px -2px #e1e1e1ad;
    border-radius: 10px;
}
.alert-message h1 {
    font-size: 14px;
    letter-spacing: 1px;
    color: #757474;
    margin: 0;
    padding: 0;
}
.alert-message .fa-check, .alert-message .fa-exclamation-triangle {
    font-size: 30px;
    padding: 0 0 25px;
}
/* success */
.alert-message.success .fa-check {
    color: #0eda3c;
}
/* error */
.alert-message.error .fa-exclamation-triangle {
    color: #f32a2a;
}
/* appraisal-tabs */
/* nav-tabs */
.appraisal-tabs .nav-tabs {
    border: none;
}
.appraisal-tabs .nav-tabs>li>a {
    background-color: #ddd;
    border-radius: 5px;
    margin-right: 10px;
    color: #000;
}
.appraisal-tabs .nav-tabs>li.active>a, .appraisal-tabs .nav-tabs>li.active>a:focus, .appraisal-tabs .nav-tabs>li.active>a:hover {
    border: none;
}
.appraisal-tabs .nav-tabs>li.active>a {
    background-color: #fff;
    color: #000;
}
/* task-selected */
.appraisal-tabs .task-selected {
    font-size: 12px;
}
.appraisal-tabs .task-selected label {
    font-weight: normal;
    margin-right: 5px;
}
.appraisal-tabs .task-selected b {
    font-size: 18px;
}
/* task-item */
.appraisal-tabs .task-item {
    margin-bottom: 25px;
}
.appraisal-tabs .task-item table {
    width: 100%;
}
.appraisal-tabs .task-item table td {
    vertical-align: top;
    padding-left: 5px;
}
.appraisal-tabs .task-item .label-item {
    width: 100%;
    font-weight: normal;
    cursor: pointer;
}
.appraisal-tabs .task-item input[type="checkbox"] {
    margin-top: 0;
    top: 3px;
}
/* btn-view-files */
.appraisal-tabs .task-item .btn-view-files {
    background-color: #9a9a9a;
    color: #fff;
    border-radius: 0;
    font-size: 11px;
    text-decoration: none;
    padding: 5px 12px;
}
.appraisal-tabs .task-item .btn-view-files:hover {
    background-color: #646363;
}
.appraisal-tabs .task-item .btn-view-files span {
    margin-left: 5px;
}
/* input-comments */
.appraisal-tabs .task-item .input-comments {
    font-size: 13px;
    height: 90px;
    background-color: #f5f5f5;
}
/* chose-checkbox-radio */
.appraisal-tabs .task-item .chose-checkbox-radio label {
    font-weight: normal;
    border: none
}
/* multi-step-form */
.multi-step-form {
    background: #fff;
    border-radius: 15px;
    box-shadow: 8px 12px 18px -2px #d3d4d4ad;
}
/**/
.multi-step-form .page-form {
    box-shadow: none;
}
/* section-head */
.multi-step-form .page-form .section-head {
    margin-bottom: 30px;
}
.multi-step-form .page-form .section-head h1 {
    font-size: 18px;
    font-weight: bold;
}
/* page-body */
.multi-step-form .page-form .page-body textarea {
    height: 60px;
}
.multi-step-form .page-form .page-body .label-upload-btn {
    cursor: pointer;
    margin-right: 15px;
}
.multi-step-form .page-form .page-body .label-upload-btn img {
    height: 45px;
}
.multi-step-form .page-form .page-body .label-upload-btn input[type="file"] {
    width: 0;
    height: 0;
    border: 0;
    overflow: hidden;
}
/* col */
.multi-step-form .page-form .page-body .row [class^="col-"] {
    margin-bottom: 5px;
}
/* flex-col */
.multi-step-form .page-form .page-body .flex-col {
    border: 1px solid #ccc;
    border-radius: 5px;
    width: 220px;
    display: flex;
}
.multi-step-form .page-form .page-body .flex-col input {
    margin-bottom: 0;
    border: none;
    width: 110px;
}
.multi-step-form .page-form .page-body .flex-col span {
    background: #e0dddd;
    width: 100%;
    padding-top: 8px;
    text-align: center;
}
/* upload */
.multi-step-form .page-form .page-body .upload {
    height: 50px;
    margin-top: 0;
    position: absolute;
    right: 0;
    top: 0;
}
/* amount-table */
.multi-step-form .page-form .page-body .amount-table th, .multi-step-form .page-form .page-body .amount-table td {
    padding-top: 10px;
}
/* page-footer */
.multi-step-form .page-form .page-footer {
    position: fixed;
    z-index: 1;
    bottom: 0;
    right: 0;
    background: #ececec;
    width: 100%;
    text-align: right;
}
.multi-step-form .page-form .page-footer button {
    margin-left: 5px;
    margin-right: 5px;
}
@media (max-width: 991px) {
    .multi-step-form .page-form .page-footer {
        left: 0;
   }
}
/* multi-fields */
.multi-step-form .multi-section {
    position: relative;
    border: 1px solid #e5e8e7;
    border-radius: 5px;
    padding-left: 10px;
    padding-right: 10px;
    margin-bottom: 5px;
}
.multi-step-form .multi-section .remove-icon-btn {
    position: absolute;
    right: 0;
    top: 0;
    padding: 5px;
    background: transparent;
    color: #afb3b1;
}
.multi-step-form .multi-section .remove-icon-btn .fa {
    font-size: 18px;
}
.multi-step-form .multi-section .remove-icon-btn:hover {
    color: #4e4e4e;
}
/* multi-table */
.common-table .multi-table .tr-body .remove-field-btn, .common-table .multi-table .add-field-btn {
    position: absolute;
    right: 50%;
    bottom: 50%;
    -webkit-transform: translate(50%,50%);
    -ms-transform: translate(50%,50%);
    transform: translate(50%,50%);
    background-color: #fff;
    width: 25px;
    height: 25px;
    border-radius: 5px;
    padding: 0;
}
/* field-btn-relative */
.common-table .multi-table.field-btn-relative .tr-body .remove-field-btn, .common-table .multi-table.field-btn-relative .add-field-btn {
    position: initial;
    right: initial;
    bottom: initial;
    -webkit-transform: initial;
    -ms-transform: initial;
    transform: initial;
}
.common-table .multi-table .tr-body .remove-field-btn .fa, .common-table .multi-table .add-field-btn .fa {
    background-color: transparent;
    font-size: 14px;
    padding: 0;
}
.common-table .multi-table .tr-body .remove-field-btn .fa {
    color: #fd5d5d
}
.common-table .multi-table .add-field-btn .fa {
    color: #4ea585
}
/* .common-table .multi-table .multi-field:first-of-type .remove-field-btn, .common-table .multi-table .multi-field:not(:last-of-type) .add-field-btn {
    display: none;
}
*/
/* page-form */
.page-form .common-table .multi-table input, .page-form .common-table .multi-table select, .page-form .common-table .multi-table textarea {
    margin-bottom: 0 !important;
}
/* choose-weekly */
.choose-weekly button {
    width: 25px;
    height: 25px;
    border-radius: 50%;
    line-height: 25px;
    font-size: 9.5px;
    margin-top: 7px;
    margin-right: 20px;
    padding: 0;
    color: #000;
    background-color: #e4e3e9;
}
/* custom */
.calendar-custom .fc-toolbar button {
    border-radius: 5px;
    margin-right: 5px;
}
.calendar-custom .fc-toolbar button.fc-state-active {
    background: #2288db !important;
    box-shadow: none;
    text-shadow: none;
    color: #fff !important;
}
/* table-multi-fields */
.table-multi-fields, .table-multi-fields .multi-field {
    position: relative;
}
.table-multi-fields .multi-field:last-of-type .remove-field-btn {
    display: none;
}
/* table */
.table-multi-fields table tr th:last-of-type, .table-multi-fields table tr td:last-of-type {
    padding-right: 30px;
}
.table-multi-fields table td {
    border-bottom: none;
    border-top: 1px solid #ddd;
}
/* fields */
.table-multi-fields .add-field-btn, .table-multi-fields .multi-fields .multi-field .remove-field-btn {
    background-color: #fff;
    font-size: 15px;
    position: absolute;
    right: 8px;
}
.table-multi-fields .add-field-btn {
    bottom: 9px;
    color: #0f877c;
}
.table-multi-fields .multi-fields .multi-field .remove-field-btn {
    top: 12px;
    color: #eb4343;
}
/* table-card */
.table-card table {
    width: 100%;
}
/* card-col */
.table-card table .card-col {
    position: relative;
    background: #fff;
    border-radius: 15px;
    box-shadow: 8px 12px 18px -2px #d3d4d4ad;
    margin-top: 15px;
    padding: 20px;
}
/* head */
.table-card table .card-col .head h1 {
    font-size: 16px;
    margin-bottom: 0;
    color: #383838;
    font-weight: bold;
}
.table-card table .card-col .head h2 {
    font-size: 15px;
    margin-top: 5px;
    color: #1a1a1a;
}
/* check-each */
.table-card table .card-col .check-each {
    position: absolute;
    z-index: 1;
    left: 15px;
    top: 15px;
    margin: 15px;
}
/* name-col */
.table-card table .card-col .name-col {
    text-align: center;
}
.table-card table .card-col .name-col .user-img {
    width: 100px;
    height: 100px;
    border-radius: 50%;
    margin-bottom: 15px;
    object-fit: fill;
}
.table-card table .card-col .name-col .text-user {
    display: inline-block;
    font-size: 34px;
    text-transform: uppercase;
    font-weight: bold;
    width: 100px;
    height: 100px;
    line-height: 100px;
    margin-bottom: 15px;
    background: #89e8b5;
    border-radius: 50%;
}
.table-card table .card-col .name-col label {
    font-weight: bold;
    margin-bottom: 0;
    display: block;
    font-size: 16px;
}
@media (min-width: 768px) {
    .table-card table .card-col .name-col {
        border-right: 1px solid #e1e1e1;
   }
}
/* a-links */
.table-card table .card-col .a-links {
    border-bottom: 1px solid #e1e1e1;
    padding-bottom: 15px;
}
.table-card table .card-col .a-links a {
    text-decoration: none;
    display: inline-block;
    margin-right: 20px;
    font-weight: bold;
    color: #505050;
}
.table-card table .card-col .a-links a img {
    height: 15px;
    margin-top: -5px;
    opacity: .7;
}
@media (max-width: 767px) {
    .table-card table .card-col .a-links {
        margin-top: 15px;
        text-align: center;
   }
}
/* dropdown */
.table-card table .card-col .dropdown .dropdown-toggle {
    color: #505050;
    background: transparent;
    font-size: 20px;
    margin-top: -5px;
}
/* vertical-row */
.table-card table .card-col .vertical-row [class^="col-"] {
    margin-top: 10px;
    margin-bottom: 10px;
}
/* div-col */
.table-card table .card-col .vertical-row .div-col {
    margin-top: 15px;
    color: #505050;
}
.table-card table .card-col .vertical-row.div-col-m-t-0 .div-col {
    margin-top: 0;
}
.table-card table .card-col .vertical-row .div-col label {
    margin-bottom: 0;
    color: #8d8d8d;
    font-size: 12px;
    font-weight: normal;
}
.table-card table .card-col .vertical-row .div-col .data {
    font-weight: bold;
    font-size: 14px;
}
@media (min-width: 768px) {
    .table-card table .card-col .vertical-row [class^="col-"]:not(:last-of-type) {
        border-right: 1px solid #e1e1e1;
   }
}
/* expand-collapse-btn */
.table-card table .card-col .expand-collapse-btn {
    background: transparent;
    color: #000;
    font-size: 26px;
    padding: 0 10px;
}
.table-card table .card-col .expand-collapse-btn[aria-expanded=true] {
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
}
/* primary-url */
.table-card .card-col .primary-url {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}
/* count-data */
.table-card .card-col .count-data table {
    margin-top: 25px;
}
.table-card .card-col .count-data table th {
    width: 80px;
}
.table-card .card-col .count-data table th img {
    height: 45px;
}
.table-card .card-col .count-data table td label {
    font-size: 13px;
    margin-bottom: 0;
    font-weight: normal;
}
.table-card .card-col .count-data table td .data {
    font-weight: bold;
    font-size: 15px;
}
@media (min-width: 1200px) {
    .table-card .card-col .count-data .col-lg-3 {
        width: 20%;
   }
}










/* class-report */
.class-report {
    width: 794px;
    padding: 30px;}
@media screen {
.class-report {
    background-color: #fff;
    margin-left: auto;
    margin-right: auto;
    box-shadow: 5px 5px 15px #ddd;}
}





/* insti-head-1 */
.insti-head-1 .text-xl {
    font-size: 22px;}
.insti-head-1 .text-l {
    font-size: 16px;}
.insti-head-1 .text-m {
    font-size: 12px;}


/* insti-head-2 */
.insti-head-2 .text-xl {
    font-size: 25px;}
.insti-head-2 .text-l {
    font-size: 16px;}
.insti-head-2 .text-m {
    font-size: 12px;}



/* fees-thermal-print */
.fees-thermal-print {
    max-width: 300px;
    background-color: #fff;
    font-size: 12.3px;
}
/* head */
.fees-thermal-print .head {
    padding-bottom: 15px;
    border-bottom: 1px solid #000;
}
.fees-thermal-print .head .logo-img {
    max-height: 60px;
    max-width: 100%;
    margin-bottom: 10px;
}
.fees-thermal-print .head .address {
    margin-top: 10px;
    white-space: pre-line;
    font-weight: bold;
}
/* head-sub */
.fees-thermal-print .head-sub {
    margin-top: 10px;
}
.fees-thermal-print .head-sub .title {
    color: #000;
    font-size: 18px;
    font-weight: bold;
}
/* body */
.fees-thermal-print .body table {
    color: #000;
    width: 100%;
}
.fees-thermal-print .body table td {
    padding-top: 5px;
}
/* table-list */
.fees-thermal-print .body .table-list {
    margin-top: 15px;
}
.fees-thermal-print .body .table-list thead th {
    padding-top: 5px;
    padding-bottom: 5px;
}
.fees-thermal-print .body .table-list .border-t-b {
    border-top: 1px dotted #000;
    border-bottom: 1px dotted #000;
}
/* tbody */
.fees-thermal-print .body .table-list tbody tr:last-of-type td {
    padding-bottom: 25px;
}
/* tfoot */
.fees-thermal-print .body .table-list tfoot {
    border-top: 1px dotted #000;
    border-bottom: 1px dotted #000;
}
.fees-thermal-print .body .table-list tfoot td {
    white-space: nowrap;
}
/* foot */
.fees-thermal-print .foot {
    margin-top: 25px;
}
.fees-thermal-print .foot .text {
    margin-top: 2px;
}
/* single use */
/* home */
/* */
.home #calendar .fc-toolbar h2 {
    font-size: 16px;
}
.home .common-table .fa {
    font-size: 11px;
}
.home .common-table .fa-times {
    color: #f9485c;
}
.home .fc-widget-content {
    height: 34px !important;
    min-height: 34px !important;
}
/* this only use inst and admin_privileges_staff */
/* page-head */
@media (min-width: 500px) {
    .home .page-head a {
        float: none;
   }
}
@media only screen and (max-width: 767px) and (min-width: 500px) {
    .home .page-head {
        margin-top: 15px;
   }
}
/* chose-checkbox-radio */
.home .class_selector.chose-checkbox-radio {
    overflow-x: auto;
    white-space: nowrap;
    padding-bottom: 15px;
}
/* late_sms */
/* late_sms_recipients */
.home #late_sms_recipients .fa-times {
    color: #ef1a1a;
    cursor: pointer;
    padding: 3px 8px;
    margin-left: 6px;
}
.home #late_sms_recipients .fa-times:hover {
    background: #fb4b4b;
    color: #fff;
}
/* TemplatePopup */
.home #TemplatePopup.pop-up {
    padding-right: 0 !important;
}
.home #TemplatePopup.pop-up .modal-dialog {
    padding-top: 0;
}
.home #TemplatePopup.pop-up .body {
    width: 100%;
    margin-top: 0;
    border: 6px solid #eae8e8;
    box-shadow: 0 0 15px 0;
}
.home #TemplatePopup.pop-up .body .pop-up-col {
    height: 143px;
    overflow-y: auto;
    box-shadow: 0 0 8px 0 #efefef;
    padding-left: 12px;
    border: 1px solid #e8e8e8;
}
.home #TemplatePopup.pop-up .body .pop-up-col:hover {
    background: #f5f5f5;
    box-shadow: 0 0 7px 0 #b7b7b7;
    cursor: pointer;
}
/* end this only use inst and admin_privileges_staff */
/* certificate-default */
.certificate-default {
    max-width: 800px;
    margin-left: auto;
    margin-right: auto;
    /* display: table; */
    background: #fff;
    padding: 50px;
    border: 1px solid #eef3ec;
}
/* main-head */
.certificate-default .main-head {
    text-align: center;
    border-bottom: 1px solid #6b6a6a;
    padding-bottom: 10px;
    font-family: serif;
}
.certificate-default .main-head h1 {
    font-size: 25px;
    font-weight: bold;
    text-transform: uppercase;
    margin: 0;
}
.certificate-default .main-head h2 {
    font-size: 15px;
    font-weight: bold;
    margin-top: 4px;
    margin-bottom: 4px;
}
/* body */
/* body-head */
.certificate-default .body .body-head h4 {
    font-size: 15px;
}
/* body-data */
.certificate-default .body .body-data {
    display: table;
    width: 100%;
}
.certificate-default .body .body-data h1 {
    font-size: 25px;
    font-weight: bold;
    text-align: center;
    font-family: Arial,sans-serif;
    border-bottom: 1px solid #ccc;
    display: inherit;
    margin: 10px auto 20px auto;
}
.certificate-default .body .body-data p {
    font-size: 17px;
}
/* foot */
.certificate-default .foot {
    margin-top: 15px;
}
.certificate-default .foot h4 {
    font-size: 17px;
}
/* letterhead_print */
.certificate-default.letterhead_print .main-head {
    height: 130px;
    opacity: 0;
    visibility: hidden;
}
/* student-evaluation-report */
.student-evaluation-report {
    background-color: #fff;
    padding: 15px;
    border-radius: 10px;
}
/* info */
.student-evaluation-report .info {
    border: 1px solid #ddd;
    margin-bottom: 5px;
    padding: 10px;
}
.student-evaluation-report .info .profile-img {
    max-width: 100%;
    height: 165px;
}
.student-evaluation-report .info table table td {
    padding-top: 10px;
    padding-right: 5px;
}
@media print {
    .student-evaluation-report .info {
        border-color: #000;
   }
}
/* foot */
.student-evaluation-report .foot .item {
    border: 1px solid #ddd;
    padding: 10px;
}
@media print {
    .student-evaluation-report .foot .item {
        border-color: #000;
   }
}







/* fee-due-reminder */
.fee-due-reminder {
    border: 1px solid #ddd;
    padding: 15px;}
.fee-due-reminder .head {
    text-align: center;
    border-bottom: 1px solid #000;
    padding-bottom: 20px;}
.fee-due-reminder .head .text-l {
    font-size: 18px;}
.fee-due-reminder .head .text-m {
    font-size: 14px;}
/* body */
.fee-due-reminder .body {
    margin-top: 10px;}
.fee-due-reminder .body .text-l {
    display: inline-block;
    font-size: 18px;
    margin-bottom: 15px;
    border-bottom: 1px solid #000;}
.fee-due-reminder .body p {
    font-size: 13px;}
/* foot */
.fee-due-reminder .foot .text-m {
    font-size: 13px}








/* progress-report */
.progress-report {
    background-color: #fff;
    font-size: 13px;
}
.progress-report .card-item-col {
    height: 1435px;
    position: relative;
    padding: 15px;
    margin-bottom: 20px;
    border: 1px solid #000;
}
@media screen {
    .progress-report .card-item-col {
        max-width: 1000px;
        margin-left: auto;
        margin-right: auto;
   }
}
@media print {
    .progress-report .card-item-col {
        width: 1000px !important;
   }
}
/* border */
.progress-report .border-1-t-r-l {
    border: 0 solid #ddd;
    border-width: 1px 1px 0 1px;
    padding: 5px 5px 0 5px;
}
.progress-report .border-1-b-r-l {
    border: 0 solid #ddd;
    border-width: 0 1px 1px 1px;
    padding: 0 5px 5px 5px;
}
/**/
.progress-report .body {
    position: relative;
}
@media print {
    .progress-report .body {
        margin-left: auto;
        margin-right: auto;
        width: 99%;
   }
}
/* head */
.progress-report .body .head-h1 {
    position: relative;
    height: 40px;
}
.progress-report .body .head-h1 h1 {
    font-size: 15px;
    font-weight: bold;
    border: 2px solid #000;
    background: #fff !important;
    text-transform: uppercase;
    border-radius: 25px;
    padding: 8px 50px;
    display: inline-block;
    position: absolute;
    left: 50%;
    transform: translate(-50%, 0);
}
/* head */
.progress-report .head .insti-logo {
    max-width: 100%;
    max-height: 120px;
}
.progress-report .head .l-text {
    font-size: 40px;
    font-weight: bold;
    color: #963253;
}
.progress-report .head .m-text {
    font-size: 18px;
}
.progress-report .head .m-text img {
    height: 20px;
    margin-top: -5px;
    margin-left: 5px;
    margin-right: 5px;
}
.progress-report .head .m-text .bg-green {
    padding: 3px 20px;
    background: linear-gradient( to left, #ebd135 25%, #8aa018) !important;
}
/* body */
/* student-profile */
/* bg */
.progress-report .body .student-profile .bg {
    padding: 38px 10px 15px;
    border: 1px solid #9a9a9c;
}
/* table */
.progress-report .body .student-profile table {
    position: relative;
    width: 100%;
    margin-top: 10px;
}
.progress-report .body .student-profile table th, .progress-report .body .student-profile table td {
    padding: 5px;
}
.progress-report .body .student-profile table th {
    width: .3%;
    white-space: nowrap;
}
.progress-report .body .student-profile table .dotte {
    width: .3%;
    text-align: center;
}
.progress-report .body .student-profile table .data {
    width: 10%;
}
/* profile-col */
.progress-report .body .student-profile table .profile-col {
    width: .3%;
    min-width: 140px;
    text-align: center;
}
/* profile-img */
.progress-report .body .student-profile table .profile-img {
    border: 1px solid #ddd;
    width: 120px;
    height: 145px;
    position: absolute;
    top: -45px;
    right: 0;
}
/* attendance */
/* table */
.progress-report .body .attendance table {
    width: 100%;
    margin-top: 10px;
}
.progress-report .body .attendance table th, .progress-report .body .attendance table td {
    padding: 5px;
}
.progress-report .body .attendance table th {
    width: .3%;
    white-space: nowrap;
    text-transform: uppercase;
}
.progress-report .body .attendance table td {
    border: 1px solid #9a9a9c;
}
.progress-report .body .attendance table .dotte {
    width: .3%;
    text-align: center;
}
.progress-report .body .attendance table .data {
    width: 10%;
    border-bottom: 1px dotted #9a9a9c;
}
/* subject-mark */
/* table */
.progress-report .body .subject-mark table {
    width: 100%;
    margin-top: 10px;
}
.progress-report .body .subject-mark table th, .progress-report .body .subject-mark table td {
    padding: 3px 5px;
    border: 1px solid #9a9a9c;
}
.progress-report .body .subject-mark table th {
    white-space: nowrap;
}
/* remark-div */
/* .progress-report .body .subject-mark table .remark-div {
    position: relative;
}
*/
.progress-report .body .subject-mark table .remark-div textarea {
    width: 100%;
    height: 46px;
    border-radius: 2px;
    resize: none;
    padding: 5px;
    border: 1px solid #ddd;
}
.progress-report .body .subject-mark table .remark-div.open textarea {
    border: 1px solid #18857b;
}
.progress-report .body .subject-mark table .remark-div .btn-save {
    position: relative;
    z-index: 10;
    background-color: #fff;
    color: #18857b;
    border: 1px solid #d1cbcb;
    box-shadow: 3px 4px 7px #a5a0a0;
    padding: 2px 6px;
    border-radius: 3px;
    font-size: 16px;
    float: right;
    margin-bottom: -20px;
}
/* list-table */
.progress-report .body .list-table h1 {
    font-size: 15px;
    font-weight: bold;
    text-transform: uppercase;
}
.progress-report .body .list-table table {
    width: 100%;
    margin-top: 10px;
}
.progress-report .body .list-table table th, .progress-report .body .list-table table td {
    padding: 5px;
    border: 1px solid #9a9a9c;
}
.progress-report .body .list-table table th {
    white-space: nowrap;
}
/* health-status-table */
.progress-report .body .health-status-table .bg {
    border: 1px solid #9a9a9c;
    margin-top: 10px;
    padding: 10px;
}
.progress-report .body .health-status-table table {
    width: 100%;
}
.progress-report .body .health-status-table table th, .progress-report .body .health-status-table table td {
    padding: 10px 5px 0;
    vertical-align: bottom;
}
.progress-report .body .health-status-table table th {
    width: .3%;
    font-weight: normal;
    white-space: nowrap;
}
.progress-report .body .health-status-table table .data {
    width: 10%;
    border-bottom: 1px dotted #9a9a9c;
}
/* cell */
.progress-report .bg-cell-dark-gray {
    background-color: #5d5b69 !important;
    color: #fff !important;
}
.progress-report .bg-cell-light-gray {
    background-color: #ddd8d2 !important;
}
.progress-report .bg-cell-dark-green {
    background-color: #a3a74b !important;
}
.progress-report .bg-cell-light-green {
    background-color: #d1d18b !important;
}
.progress-report .bg-cell-dark-yellow {
    background-color: #edc55a !important;
}
.progress-report .text-cell-dark-blue {
    color: #174197 !important;
}
/* letterhead_print */
.progress-report.letterhead_print .letterhead {
    height: 8cm;
    opacity: 0;
    visibility: hidden;
    overflow: hidden;
}
@media screen {
    .progress-report .fixed-bottom {
        margin-top: 50px;
   }
}
/* print */
@media print {
    .progress-report .fixed-bottom {
        position: fixed;
        bottom: 30px;
        width: 100%;
   }
}
.progress-report .grap-div {
    min-height: 300px !important;
    margin-left: auto;
    margin-right: auto;
    display: block;
}
/* .progress-report .grap-div {
    min-height: 300px !important;
    height: 300px !important;
    width: 1000px !important;
    overflow: hidden;
    margin-left: auto;
    margin-right: auto;
    display: block;
}
.progress-report .grap-div .apexcharts-canvas, .progress-report .grap-div svg {
    height: 300px !important;
    width: 1000px !important;
    overflow: hidden;
}
*/
/* academic-session */
/**/
.progress-report.academic-session .head .insti-logo {
    max-height: 50px;
}
.progress-report.academic-session .head .l-text {
    font-size: 22px;
}
.progress-report .head .m-text {
    font-size: 14px;
}
/* body */
.progress-report.academic-session .body .student-profile .profile-col .profile-img {
    width: 100px;
    height: 120px;
}
.progress-report.academic-session .body .student-profile .admn-no {
    margin-top: 10px;
    margin-bottom: 15px;
}
.progress-report.academic-session .body .student-profile .admn-no b {
    border: 1px solid #999;
    color: #f00 !important;
    padding: 2px 5px;
}
.progress-report.academic-session .body .student-profile table {
    font-size: 13px;
}
.progress-report.academic-session .body .student-profile table th {
    font-weight: normal;
}
.progress-report.academic-session .body .student-profile table th, .progress-report.academic-session .body .student-profile table td {
    padding: 1px 5px;
    vertical-align: top;
}
.progress-report.academic-session .body .subject-mark table th, .progress-report.academic-session .body .subject-mark table td, .progress-report.academic-session .body .list-table table th, .progress-report.academic-session .body .list-table table td {
    font-size: 11px;
    padding: 2px 3px;
}





/* division-list */
.division-list .division-item {
    display: inline-flex;
    align-items: center;
    padding: 0 5px;
    border: 1px solid #ddd;
    border-radius: 5px;
    margin-right: 5px;
    line-height: 1.2;}
.division-list .division-item input[type="checkbox"] {
    margin-right: 2px;}



/* small-right-nav */
.small-right-nav {
    position: fixed;
    z-index: 10;
    right: 0;
    bottom: 0;
}
.small-right-nav .toggle-right-nav {
    position: absolute;
    right: 6px;
    bottom: 12px;
    background: #fff;
    min-width: auto;
    padding: 0;
}
.small-right-nav .toggle-right-nav .fa {
    color: #fff;
    background: #d1d4d4;
    border-radius: 50%;
    font-size: 15px;
    width: 35px;
    height: 35px;
    line-height: 35px;
    text-align: center;
}
.small-right-nav .content-row {
    -webkit-transition: all 0.5s cubic-bezier(0.55, 0, 0.1, 1);
    -o-transition: all 0.5s cubic-bezier(0.55, 0, 0.1, 1);
    transition: all 0.5s cubic-bezier(0.55, 0, 0.1, 1);
    position: fixed;
    right: -100px;
    top: 0;
    width: 50px;
    height: 100%;
    background: #fff;
    box-shadow: 0 0 15px #c9d0d0;
    padding-top: 70px;
}
.small-right-nav .content-row ul {
    padding-left: 0;
    text-align: center;
}
.small-right-nav .content-row ul li {
    list-style: none;
    margin-bottom: 20px;
}
.small-right-nav .content-row ul li a {
    position: relative;
    text-decoration: none;
    color: #525758;
}
.small-right-nav .content-row ul li a img {
    height: 32px;
}
.small-right-nav .content-row ul li a .circle {
    position: absolute;
    top: -11px;
    right: -6px;
    font-size: 10px;
    background: #ef5f5f;
    color: #fff;
    border-radius: 50%;
    width: 18px;
    height: 18px;
    line-height: 20px;
}
.small-right-nav .content-row ul li a .fa {
    font-size: 16px;
}
@media (max-width: 767px){
    .small-right-nav .content-row ul li a .fa {
        font-size: 14px;
   }
}

/* resize_right_nav */
.resize_right_nav .main-body {
    padding-right: 55px;
}
.resize_right_nav .small-right-nav .toggle-right-nav .fa {
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
}
body:not(.resize_right_nav) .small-right-nav .toggle-right-nav {
    right: 0;
    bottom: 30px;
    box-shadow: 0 0 17px #a1b3b391;
    padding: 5px;
    border-radius: 25px 0 0 25px;
}
.resize_right_nav .small-right-nav .content-row {
    right: -100px;
}
.resize_right_nav .small-right-nav .content-row {
    right: 0;
}
/* structure-table */
.structure-table {
    width: 100%;
}
/* .structure-table .structure-tbody {
}
.structure-table .structure-tr {
}
*/
.structure-table .structure-td {
    width: 100%;
    display: block;
    /*border: 0 !important;*/
}
/* expense class useing this pages annual_expense, daily_expense, monthly_expense */
.expense .common-table .date {
    width: 1%;
}
.expense .common-table .income, .expense .common-table .expense{
    text-align: right;
}
/* table-head */
.expense .table-head input[type="text"], .expense .table-head select {
    width: 100px;
    border: 1px solid #ccc;
    margin: 0 10px 10px 0;
    height: 30px;
    text-align: center;
}
.expense .table-head button {
    width: auto;
    padding: 5px 15px;
    text-align: left;
}
/* manage-sections */
.expense .pop-up .manage-sections .modal-body {
    padding: 15px 60px;
}
.expense .pop-up .manage-sections table {
    width: 100%;
}
.expense .pop-up .manage-sections table th {
    text-align: center;
    padding-top: 7px;
}
.expense .pop-up .manage-sections table td {
    width: 90%;
    padding: 5px 0;
}
.expense .pop-up .manage-sections table th .fa {
    padding: 5px 7px;
    cursor: pointer;
    background: #e8e7e7;
    border-radius: 50%;
}
.expense .pop-up .manage-sections .fa-plus {
    color: #18d464;
}
.expense .pop-up .manage-sections .fa-trash {
    color: #ff6161;
}
/* book-library */
/* return_book_pop-up pay Fine input disabled */
.book_library .pay-fine-input {
    pointer-events: none;
}
.book_library .pay-fine-input.disable-pay-fine-input {
    pointer-events: inherit;
}
@media (max-width: 767px){
    .book_library .page-sub-head select {
        margin: 0 0 10px 0;
   }
}
/* fees */
/* details-table */
.fees .details-table th {
    width: 30%;
}
.fees .details-table td {
    width: 70%;
}
/* select-fees-due */
.fees .pop-up select.select-fees-due {
    width: 175px;
    margin-bottom: 15px;
    height: 30px;
}
/* class_report */
.class_report .table-responsive h3 {
    font-size: 19px;
}
/* .class_report .table-responsive h4 {
}
*/
/* student_list */
.student_list .common-table td.diary:hover {
    background: #d3d8d1;
}
.student_list .common-table .fa-check {
    color: #13e04a;
}
.student_list .common-table .fa-ban {
    color: #f53131;
}
/* class_details */
.class_details .common-table .class-name button:first-child {
    margin-left: 10px;
}
/* exam */
.exam .common-table .tr-body .status span {
    font-size: 14px;
}
.exam .common-table .tr-body .status span[data-state="Active"] {
    color: #00ad0f;
}
.exam .common-table .tr-body .status span[data-state="Inactive"] {
    color: #f30808;
}
.exam .pop-up .common-table table {
    margin-top: 5px;
}
@media (min-width: 768px) {
    .exam .pop-up .modal-dialog {
        padding-top: 0;
   }
    .exam .pop-up .modal-body {
        padding-top: 0;
   }
}
@media (min-width: 768px) {
    .exam .pop-up .body.pop-up-small {
        width: 767px;
   }
}
/* attendance */
.attendance .periods button {
    background: #fff;
    border-color: #5db1e0;
}
.attendance .page-head .date-pick {
    width: 100px;
    text-align: center;
}
/* all_subjects_marksheet */
.all_subjects_marksheet .common-table .subject-count, .all_subjects_marksheet .common-table .subject-count input, .all_subjects_marksheet .common-table .total-sub-count {
    text-align: center;
}
.all_subjects_marksheet .common-table .tr-head .th-btn .fa {
    float: initial;
    margin-left: 3px;
}
/* marksheet_by_subject */
.marksheet_by_subject .common-table .external-mark, .marksheet_by_subject .common-table .external-mark input, .marksheet_by_subject .common-table .passed {
    text-align: center;
}
.marksheet_by_subject .common-table .tr-head .th-btn .fa {
    float: initial;
    margin-left: 3px;
}
.marksheet_by_subject .main-details {
    padding-top: 0;
    padding-bottom: 10px;
}

/* apply-online-profile */
.apply-online-profile {
    padding: 30px;
    border: 1px solid #ddd;
}
.apply-online-profile .h4 {
    text-decoration: underline;
}
/* head */
.apply-online-profile .head {
    border-bottom: 1px solid #ddd;
}
.apply-online-profile .head img {
    max-height: 90px;
    max-width: 100%;
    margin-bottom: 10px;
}
.apply-online-profile .head h1 {
    margin: 0;
    font-size: 25px;
    font-weight: bold;
}
.apply-online-profile .head h2 {
    margin: 0;
    font-size: 17px;
}
.apply-online-profile .head .phone {
    padding-top: 7px;
}
.apply-online-profile .head .phone span {
    font-size: 14px;
}
/* body */
.apply-online-profile .body {
    position: relative;
}
.apply-online-profile .body .img-profile {
    max-height: 100px;
    max-width: 100%;
    position: absolute;
    right: 0;
    top: 0;
}
/* table */
.apply-online-profile .body table th, .apply-online-profile .body table td {
    vertical-align: top;
    font-size: 13px;
    padding-right: 5px;
    padding-top: 10px;
}
.apply-online-profile .body table th {
    white-space: nowrap;
}
.apply-online-profile .body table .dotted {
    padding-left: 5px;
}
/* dropdown-alert */
.dropdown-alert {
    display: inline-block;
}
/**/
.dropdown-alert .dropdown-toggle::after {
    font-family: FontAwesome;
    margin-left: 5px;
    content: "\f067";
}
.dropdown-alert.open .dropdown-toggle::after {
    content: "\f068";
}
/**/
.dropdown-alert .dropdown-menu {
    left: initial;
    right: 0;
    width: 200px;
    max-height: 300px;
    overflow-y: auto;
    border: none;
    border-radius: 7px;
    padding: 10px;
    box-shadow: 2px 8px 15px #03152238;
}
.dropdown-alert .dropdown-menu>li>a {
    background: transparent;
    outline: none;
    padding: 6px;
    font-size: 12px;
    white-space: normal;
}
/* send_sms */
/* send-sms-form */
.send_sms .send-sms-form {
    border: 1px solid #f2f9f0;
    padding: 10px;
    background: #fff;
    box-shadow: #e0d9d9 0 0 5px 0;
}
.send_sms .send-sms-form h4 {
    text-transform: capitalize;
}
.send_sms .send-sms-form button {
    float: right;
}
.send_sms .send-sms-form .row {
    margin: 15px 0 0 0;
}
/* input's */
.send_sms .send-sms-form input[type="text"], .send_sms .send-sms-form input[type=""], .send_sms .send-sms-form input[type="number"], .send_sms .send-sms-form select, .send_sms .send-sms-form textarea {
    width: 100%;
    margin-bottom: 5px;
    padding-left: 5px;
}
.send_sms .send-sms-form input[type="text"], .send_sms .send-sms-form input[type=""], .send_sms .send-sms-form input[type="number"], .send_sms .send-sms-form select {
    height: 30px;
}
.send_sms .send-sms-form textarea {
    height: 80px;
}
/* chose-checkbox-radio */
.send_sms .send-sms-form .chose-checkbox-radio label span {
    margin: 0 15px 0 5px;
}
.send_sms .send-sms-form .chose-checkbox-radio label span, .send_sms .send-sms-form .chose-checkbox-radio label input[type="radio"], .send_sms .send-sms-form .chose-checkbox-radio label {
    cursor: pointer;
}
.send_sms .send-sms-form .chose-checkbox-radio {
    background: #edefed;
    border-bottom: 4px solid #fff;
    padding: 5px 10px;
}
/* list-card */
@media (min-width: 768px) {
    .send_sms .list-card {
        height: auto;
   }
}
@media (max-width: 767px) {
    .send_sms .list-card:first-child {
        margin-top: 10px;
   }
}
/* sms_status */
/* common-count */
.sms_status .common-count .col-md-3:nth-child(1) .count-section h2 {
    color: #7c8407;
}
.sms_status .common-count .col-md-3:nth-child(2) .count-section h2 {
    color: #fd4848;
}
.sms_status .common-count .col-md-3:nth-child(3) .count-section h2 {
    color: #0546ab;
}
.sms_status .common-count .col-md-3:nth-child(4) .count-section h2 {
    color: #02b922;
}
/* status label */
.sms_status .common-table td.status[data-state="ATTEMPTED"] {
    color: #587171;
}
.sms_status .common-table td.status[data-state="PENDING"] {
    color: #674b40;
}
.sms_status .common-table td.status[data-state="FAILED"] {
    color: #ff3737;
}
.sms_status .common-table td.status[data-state="SUCCESS"] {
    color: #37b704;
}
/* diary, student_diary */
.diary .list-card a.read-more, .student_diary .list-card a.read-more {
    display: none;
}
/* view_entry */
.view_entry .well {
    background-color: #fff;
}
.view_entry .page-form .page-body {
    padding: 10px;
}
.view_entry .page-form .page-body input[type="text"] {
    width: 82%;
    height: 40px;
    float: left;
    margin-bottom: 0;
}
.view_entry .page-form .page-body button {
    float: right;
    padding: 10px 35px;
}
@media (min-width: 992px) {
    .view_entry .list-diary-entry {
        max-height: 68vh;
        overflow-y: auto;
   }
}
@media (max-width: 767px) {
    .view_entry .page-form .page-body input[type="text"] {
        width: 75%;
   }
}
@media (max-width: 499px) {
    .view_entry .page-form .page-body input[type="text"] {
        width: 100%;
   }
    .view_entry .page-form .page-body button {
        float: left;
        margin-top: 10px;
   }
}
/* sms_template */
/* .sms_template .templates_container .col-md-6:nth-child(even) {
}
.sms_template .templates_container .col-md-6:nth-child(odd) {
}
*/
/* notification */
.notification .filter-button {
    padding-top: 10px;
    padding-bottom: 10px;
}
.notification .filter-button label {
    padding-right: 15px;
}
/* notification-view */
.notification .pop-up .notification-view .modal-body {
    padding-bottom: 20px;
}
.notification .pop-up .notification-view .modal-body p {
    margin: 0;
}
.notification .pop-up .notification-view .modal-body label {
    font-size: 15px;
    color: #333;
    letter-spacing: .5px;
    margin: 0;
    padding: 5px 0 10px 0;
}
.notification .notification-view .right {
    display: inline;
    float: right;
}
.notification .notification-view .right label {
    padding: 0 0 0 10px !important;
}
@media (min-width: 768px) {
    .notification .pop-up .body.pop-up-small.notification-view {
        width: 100%;
        max-width: 700px;
   }
    .notification .pop-up .notification-view .modal-body .pop-up-col {
        width: 100%;
   }
}
/* fees_individual_student */
.fees_individual_student .add-student {
    text-align: center;
    padding-top: 15px;
    padding-bottom: 15px;
}
.fees_individual_student .add-student label {
    padding-right: 10px;
    font-size: 17px;
    font-weight: normal;
}
.fees_individual_student .add-student input[type="text"], .fees_individual_student .add-student select {
    width: 180px;
    height: 30px;
    padding-left: 5px;
    border: 1px solid #ccc;
}
@media (max-width: 767px) {
    .fees_individual_student .add-student {
        text-align: left;
   }
    .fees_individual_student .add-student label {
        font-size: 15px;
   }
    .fees_individual_student .add-student select {
        margin-bottom: 5px;
   }
}
@media (max-width: 499px) {
    .fees_individual_student .add-student label, .fees_individual_student .add-student input[type="text"], .fees_individual_student .add-student select {
        float: left;
        clear: left;
   }
    .fees_individual_student .add-student input[type="text"] {
        margin-bottom: 10px;
   }
}
/* permission */
#permission_form {
    margin-bottom: 20px;
    padding: 10px;
    background: #ebefea;
}
.permission .checkboxes {
    padding: 15px 10px;
    margin-top: 10px;
    margin-bottom: 10px;
    background: #fff;
}
/* h1, h2 */
.permission .selector-col h1 {
    margin: 0 0 10px 0;
    font-size: 15px;
    font-weight: bold;
    padding: 10px;
    background: #dfeadc;
}
.permission .selector-col h2 {
    margin: 0;
    font-size: 14px;
    font-weight: bold;
    padding: 15px 0;
}
/**/
.permission .selector-col {
    width: 25%;
    float: left;
}
.permission .selector-col .body {
    padding: 10px;
    margin: 10px;
    height: 250px;
    background: #fff;
    overflow-x: auto;
    border: 1px solid #ccc;
}
@media (max-width: 767px) {
    .permission .selector-col {
        width: 50%;
   }
}
@media (max-width: 499px) {
    .permission .selector-col {
        width: 100%;
   }
    .permission .selector-col .body {
        max-height: 250px;
        height: auto;
   }
}
/* */
.permission .selector-col .currentOption {
    padding: 1px 3px;
    border: 1px solid #ccc;
    text-align: center;
}
.permission .selector-col .selectedOption {
    color: #212020;
    padding: 8px 0;
    text-align: center;
}
.permission #permission_form .deselectedOption.selectedOption {
    background: #ccc;
    cursor: default;
}
.permission #permission_form .deselectedOption, .permission #permission_form .selectedOption {
    cursor: pointer;
    padding: 3px 8px;
    font-size: 14px;
    margin: 5px 0 5px 10px;
    border-radius: 5px;
    background: #efefef;
}
.permission #permission_form .deselectedOption:hover, .permission #permission_form .selectedOption:hover {
    background: #d7d8d7;
}
.permission .checkboxes, .permission .password-div {
    margin-left: 10px;
    margin-right: 10px;
}
/* password-div */
.permission .password-div {
    background: #fff;
    text-align: center;
    padding: 15px 10px;
}
.permission .password-div input[type="password"] {
    width: 180px;
    padding: 2px 8px;
    margin: 0 10px;
}
@media (max-width: 499px) {
    .permission .password-div input[type="password"] {
        width: 100%;
        margin: 10px 0;
   }
}
/* fees_student */
.fees_student .common-table .name {
    width: 15%;
}


/* time_table, event */
/* pop-up-col */
@media (min-width: 768px) {
    .time_table .pop-up .pop-up-small .modal-body .pop-up-col:nth-child(2), .time_table .pop-up .pop-up-small .modal-body .pop-up-col:nth-child(3), .event .pop-up .pop-up-small .modal-body .pop-up-col:nth-child(2), .event .pop-up .pop-up-small .modal-body .pop-up-col:nth-child(3) {
        width: 25%;
   }
}
@media (max-width: 767px) {
    .time_table .pop-up .pop-up-small .modal-body .pop-up-col:nth-child(2), .time_table .pop-up .pop-up-small .modal-body .pop-up-col:nth-child(3), .event .pop-up .pop-up-small .modal-body .pop-up-col:nth-child(2), .event .pop-up .pop-up-small .modal-body .pop-up-col:nth-child(3) {
        width: 50%;
   }
}
/* event */
/* pop-up-col */
@media (min-width: 768px) {
    .event .pop-up .pop-up-small .modal-body .pop-up-col:nth-child(4), .event .pop-up .pop-up-small .modal-body .pop-up-col:nth-child(5) {
        width: 25%;
   }
}
@media (max-width: 767px) {
    .event .pop-up .pop-up-small .modal-body .pop-up-col:nth-child(4), .event .pop-up .pop-up-small .modal-body .pop-up-col:nth-child(5) {
        width: 50%;
   }
}



/* group_details */
.group_details .pop-up .body.add-new-members .head-members-filter {
    background: #f3f1f1;
    display: table;
    padding: 0 5px 5px;
}
.group_details .pop-up .add-new-members .modal-body label {
    font-size: 15px;
}
@media (min-width: 768px) {
    .group_details .pop-up .add-new-members .modal-body .pop-up-col .search-by-name {
        padding-top: 33px;
   }
}
/* settings */
/* modules */
.settings .modules ul {
    padding-top: 15px;
}
.settings .modules input[type="checkbox"] {
    position: relative;
    top: 1px;
    right: 10px;
}
.settings .modules .tab-content {
    margin-top: 10px;
}
.settings .modules .tab-content ul li {
    list-style: none;
    padding: 3px 0;
}
.settings .modules .tab-content ul li label, .settings .modules input[type="checkbox"] {
    cursor: pointer;
}
.settings .modules .tab-content ul li .fa-chevron-down {
    padding-left: 10px;
}
.settings .modules button {
    margin: 15px 0 5px 30px;
}
/* academic_periods */
.settings #academic_periods .page-form .page-body .page-col {
    width: 50%;
}
/* Miscellaneous */
.settings #Miscellaneous .page-form .page-body small {
    color: #797979;
}
/* prefixs-parent */
.settings .prefixs-parent {
    display: table;
    width: 100%;
    border: 1px solid #ececec;
    padding-left: 5px;
    padding-right: 5px;
    margin-bottom: 10px;
}
.settings .prefixs-parent .div-col {
    position: relative;
    float: left;
    border: 1px solid #edefec;
    padding: 5px;
    border-radius: 3px;
    margin-bottom: 5px;
    margin-right: 5px;
}
.settings .prefixs-parent .div-col:hover {
    background: #f6f9f5;
}
.settings .prefixs-parent .div-col .data {
    display: inline-block;
}
.settings .prefixs-parent .div-col .delete-btn {
    padding: 0;
    color: #a0a0a0;
    outline: none;
    box-shadow: none;
    margin-left: 10px;
}
.settings .prefixs-parent .div-col:hover .delete-btn {
    color: #ff9393;
}
.settings .prefixs-parent .create-prefix-col {
    display: table;
    width: 100%;
    position: relative;
    padding-top: 5px
}
.settings .prefixs-parent .create-prefix-col input {
    padding-right: 100px;
}
.settings .prefixs-parent .create-prefix-col .primary-btn {
    position: absolute;
    right: 0;
    padding: 7px;
    margin-top: 1px;
    border-width: 0 1px;
    color: #237c92;
    box-shadow: none;
    border-color: #bfe3ec;
    background: #f8fafb;
}
@media (max-width: 767px){
    .settings .modules .tab-content ul {
        padding-left: 10px;
   }
    .settings .modules .tab-content ul ul {
        padding-left: 20px;
   }
    .settings .modules .tab-content ul li b {
        position: relative;
        right: 10px;
   }
    .settings .modules button {
        margin-left: 5px;
   }
}
/* fees */
.fees_common .collapse-div button {
    text-align: center;
}
/* view_ticket */
/* page-form */
.view_ticket .page-form {
    margin-top: 25px;
}
/* view_ticket */
.view_ticket .mail-view {
    background: #fff;
    width: 100%;
    padding: 10px 15px;
    margin-top: 15px;
    float: left;
}
/* mail */
.view_ticket .mail:first-child {
    margin-top: 15px;
}
.view_ticket .mail h4 {
    width: 80%;
    font-size: 16px;
    padding: 15px;
    line-height: 23px;
    border-radius: 4px;
    margin-bottom: 10px;
}
/* .view_ticket .mail .attach {
}
*/
/* me */
.view_ticket .mail.me h4 {
    background: #fdfdfd;
    border: 1px solid #dde0db;
    float: left;
}
/* he */
.view_ticket .mail.he h4 {
    background: #e9eae9;
    border: 1px solid #e2e1e1;
    float: right;
}
/* upload-vid-proceed-row */
.upload-vid-proceed-row .upload-item h4 {
    font-size: 16px;
    padding-top: 5px;
}
.upload-vid-proceed-row .upload-item .progress {
    height: 10px;
    background-color: #f5f5f5;
    border-radius: 0;
}
.upload-vid-proceed-row .upload-item .progress .progress-bar {
    background: linear-gradient(90deg, #559cd0, #4bb4a4);
    box-shadow: none;
}
@media (min-width: 768px) {
    .upload-vid-proceed-row {
        width: 50%;
        margin-left: auto;
        margin-right: auto;
   }
}
/* table-cell-break */
.table-cell-break tr {
    display: inline-block;
    padding: 5px 20px 20px 20px;
    margin-top: 5px;
    border-radius: 10px;
    border: 1px solid #ddd;
}
.table-cell-break td {
    font-weight: bold;
    display: inline-block;
    width: 8% !important;
    min-width: 80px;
}
.table-cell-break td {
    border: none !important;
    padding: 15px 1px 0 0 !important;
}
.table-cell-break td::before {
    content: attr(data-label);
    display: block;
    color: #565656;
    font-size: 11px;
    margin-bottom: 2px;
    min-width: 90px;
}
.table-cell-break td.m-tcol {
    width: 15.4% !important;
}
.table-cell-break td.l-tcol {
    width: 34% !important;
}
.table-cell-break td .fa.btn {
    position: relative;
    top: 8px;
    font-size: 18px;
}
.table-cell-break td .fa-plus {
    color: #189f91;
}
.table-cell-break td .fa-times {
    color: #f14848;
}
/* vid-card-row */
/*.vid-card-list {
}
*/
.vid-card-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    background: #fff;
    padding-bottom: 5px;
}
/* table */
.table>tbody.vid-card-row>tr.vid-card-col>td {
    position: relative;
    padding: 17px;
    border: 1px solid #e8e8e8;
    border-radius: 2px;
    height: 100%;
    display: block;
    margin: 10px 10px 0;
}
.vid-card-row .vid-card-col:hover td {
    box-shadow: 0 0 5px #cde0c7;
}
/* vid-card-col */
.vid-card-row .vid-card-col {
    -webkit-box-flex: 0;
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-bottom: 15px;
    display: initial;
}
.vid-card-row .vid-card-col .edit-btn {
    position: absolute;
    right: 0;
    top: 0;
    border: none;
    box-shadow: none;
    color: #4e535d;
    font-size: 15px;
}
.vid-card-row .vid-card-col .edit-btn:hover {
    background: transparent;
}
.vid-card-row .vid-card-col .thumb-div {
    text-align: center;
    margin-bottom: 12px;
}
.vid-card-row .vid-card-col .thumb-div img {
    max-width: 100%;
    height: 140px;
    object-fit: cover;
    -webkit-transition: all 0.45s ease-in-out;
    -moz-transition: all 0.45s ease-in-out;
    transition: all 0.45s ease-in-out;
}
.vid-card-row .vid-card-col:hover .thumb-div img {
    -ms-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
}
/* video-icon.png, live-streaming-icon.png */
.vid-card-row .vid-card-col .thumb-div img[src*="/static/files/images/video-icon.png"] {
    padding: 20px;
    opacity: .6;
}
.vid-card-row .vid-card-col:hover .thumb-div img[src*="/static/files/images/video-icon.png"], .vid-card-row .vid-card-col:hover .thumb-div img[src*="/static/files/images/live-streaming-icon.png"] {
    transform: none;
}
.vid-card-row .vid-card-col .title {
    font-size: 17px;
    color: #011310;
}
.vid-card-row .vid-card-col .description {
    color: #3e3e3e;
    font-size: 15px;
    margin-bottom: 45px;
}
.vid-card-row .vid-card-col .foot {
    position: absolute;
    bottom: 20px;
}
.vid-card-row .vid-card-col .date-time, .vid-card-row .vid-card-col .status {
    color: #717171;
}
.vid-card-row .vid-card-col .primary-url {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}
@media screen and (min-width: 1200px) {
    .vid-card-row .vid-card-col {
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%;
   }
}
@media screen and (max-width: 1199px) {
    .vid-card-row .vid-card-col {
        -ms-flex: 0 0 33.33333333%;
        flex: 0 0 33.33333333%;
        max-width: 33.33333333%;
   }
}
@media screen and (max-width: 767px) {
    .vid-card-row .vid-card-col {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
   }
}
@media screen and (max-width: 499px) {
    .vid-card-row .vid-card-col {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 300px;
        margin-left: auto;
        margin-right: auto;
   }
}
/* no-data */
.vid-card-row .no-data {
    -webkit-box-flex: 0;
    position: relative;
    width: 100%;
    min-height: 1px;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
}
.table>tbody.vid-card-row>tr.no-data>td {
    border-top: 0;
    padding: 17px;
    display: block;
}
/* vid-details-view */
.vid-details-view {
    background: #fff;
    position: relative;
    padding: 10px;
    border-radius: 2px;
}
.vid-details-view .primary-video {
    width: 100%;
    background: #000;
    line-height: 0;
    text-align: center;
}
.vid-details-view .primary-video, .vid-details-view .primary-video video {
    max-height: 400px;
}
.vid-details-view .primary-video video {
    max-width: 100%;
}
.vid-details-view .primary-video iframe {
    border: 0;
    width: 100%;
    height: 400px;
}
.vid-details-view input[type="button"] {
    background: #fff;
    border: 1px solid #d8d8d8;
    padding: 5px 10px;
    box-shadow: 0 0 5px #eaecec;
}
.vid-details-view .block-btn {
    margin-top: 20px;
    border-color: #e2dfdf;
    margin-right: 5px;
    color: #6b5f5f;
}
.vid-details-view .title {
    font-size: 20px;
    margin-top: 15px;
    color: #011310;
}
.vid-details-view .description {
    color: #3e3e3e;
    font-size: 16px;
    margin-top: 8px;
}
.vid-details-view .broadcasting-info {
    padding-top: 10px;
    color: #058c2f;
}
.vid-details-view .delete-btn {
    margin-top: 20px;
    box-shadow: none;
    padding-left: 0;
    background: transparent;
    color: #6d7071;
}
.vid-details-view .div-col {
    margin-bottom: 12px;
}
.vid-details-view .div-col label {
    font-size: 13px;
    color: #6b6b6b;
    font-weight: normal;
    margin-bottom: 0;
}
.vid-details-view .div-col .data {
    font-size: 16px;
}
.vid-details-view .div-col .data .red-text {
    color: #f16b6b;
}
.vid-details-view .div-col .data .pink-text {
    color: #e82a82;
}
.vid-details-view .div-col .data .green-text {
    color: #28cc5b;
}
@media screen and (max-width: 767px) {
    .vid-details-view .primary-iframe {
        height: 250px;
   }
    .vid-details-view .description {
        margin-bottom: 30px;
   }
}
/* all_video_stream */
.all_video_stream .vid-card-row .vid-card-col .m-b-45 {
    margin-bottom: 45px;
}
.all_video_stream .vid-card-row .vid-card-col .live-btn {
    border: none;
    box-shadow: none;
    font-size: 14px;
}
.all_video_stream .vid-card-row .vid-card-col .description {
    margin-bottom: 50px !important;
}

/* hss-module-head */
.hss-module-head {
    background: #dae4d6;
    text-align: center;
    padding: 15px;
    margin-bottom: 15px;
    border-radius: 3px;
    border-bottom: 1px solid #ccc;
}
.hss-module-head h1 {
    margin: 0;
    font-size: 19px;
    font-weight: bold;
    padding-bottom: 5px;
}
.hss-module-head h2 {
    margin: 0;
    font-size: 15px;
    font-weight: bold;
    padding-top: 5px;
}
/* */
.hss-module-head .left-text {
    text-align: left;
    float: left;
    margin: 0;
}
.hss-module-head .right-text {
    text-align: right;
    float: right;
    margin: 0;
}
.hss-module-head .h1-m-top {
    margin-top: 25px;
}
.hss-module-head .h1-p-top {
    margin-top: 10px;
}
@media (max-width: 767px){
   /* .hss-module-head {
        margin-top: 15px;
   }
   */
    .hss-module-head h1 {
        font-size: 17px;
   }
    .hss-module-head h2 {
        font-size: 13px;
   }
}
/* entroll_std_from.page-form */
.entroll_std_from.page-form {
    border-radius: 3px;
    box-shadow: #dcd0d0 0 0 5px 0;
}
/* page-body */
.entroll_std_from.page-form .page-body {
    padding-left: 10px;
    padding-right: 10px;
    background: #f7f3f3;
    margin: 6px;
}
.entroll_std_from.page-form .page-body .section {
    box-shadow: #ccc 0 0 5px 0;
    padding: 5px 10px;
    margin-bottom: 5px;
    background: #fff;
}
.entroll_std_from.page-form .page-body input[type="text"], .entroll_std_from.page-form .page-body input[type=""], .entroll_std_from.page-form .page-body input[type="number"], .entroll_std_from.page-form .page-body input[type="date"], .entroll_std_from.page-form .page-body input[type="password"], .entroll_std_from.page-form .page-body input[type="email"], .entroll_std_from.page-form .page-body input[type="url"], .entroll_std_from.page-form .page-body input[type="time"], .entroll_std_from.page-form .page-body select, .entroll_std_from.page-form .page-body textarea {
    margin-bottom: 0;
    border-radius: 2px;
}
.entroll_std_from.page-form .page-body label {
    font-size: 15px;
    font-weight: normal;
    padding-top: 7px;
    padding-bottom: 7px;
}
@media (min-width: 768px){
    .entroll_std_from.page-form .page-body label {
        white-space: nowrap;
   }
}
@media (max-width: 767px){
    .entroll_std_from.page-form .page-body .section {
        padding-left: 10px;
        padding-right: 10px;
   }
    .entroll_std_from.page-form .page-body input[type="text"], .entroll_std_from.page-form .page-body input[type=""], .entroll_std_from.page-form .page-body input[type="number"], .entroll_std_from.page-form .page-body input[type="date"], .entroll_std_from.page-form .page-body input[type="password"], .entroll_std_from.page-form .page-body input[type="email"], .entroll_std_from.page-form .page-body input[type="url"], .entroll_std_from.page-form .page-body input[type="time"], .entroll_std_from.page-form .page-body select, .entroll_std_from.page-form .page-body textarea {
        margin-bottom: 5px;
   }
    .entroll_std_from.page-form .page-body label {
        font-size: 14px;
        padding-left: 0;
   }
}
/* print_table_body */
.print_table_body td .xtra-td {
    padding: 0 20px;
}
@media screen {
    .print_table_body {
        background: #fff;
        box-shadow: #ccc 0 0 5px 0;
        padding: 15px;
   }
}
/* transfer_print */
.transfer_print .table td:nth-child(odd) {
    width: 45%;
}
.transfer_print .table td:nth-child(even) {
    width: 55%;
}
/* left-to */
.print_table_body .left-to {
    font-size: 16px;
    margin: 0 auto;
}
.print_table_body .left-to .left-text {
    float: left;
}
.print_table_body .left-to .right-text {
    float: right;
    padding-right: 45px;
}
.print_table_body .left-to .p-text {
    padding-bottom: 25px;
    line-height: 30px;
    margin-top: 15px;
}
.print_table_body .left-to .p-text::first-letter {
    padding-left: 85px;
}
/* main-body */
.print_table_body .left-to .body {
    float: left;
    width: 100%;
    margin-top: 20px;
}
@media (min-width: 768px){
    @media screen {
        .print_table_body .left-to {
            width: 75%;
       }
   }
}
@media (max-width: 767px){
    @media screen {
        .print_table_body .left-to {
            font-size: 14px;
       }
   }
}
/* tfoot */
.print_table_body tfoot b {
    float: right;
    padding: 15px;
}
/* consolidated_report */
.consolidated_report .tr-total b {
    text-align: center;
    display: block;
}
/* std_report */
.std_report .page-select select {
    width: 120px;
}
@media (max-width: 1329px) and (min-width: 1200px) {
    .std_report .page-head .search input[type="search"] {
        width: 150px;
   }
    .std_report .page-select select {
        width: 100px;
   }
}
@media (max-width: 1199px) {
    .std_report .page-head button, .std_report .page-head .a-btn, .std_report .page-head .search {
        float: left;
        margin-left: 0;
        margin-top: 15px;
        margin-right: 10px;
   }
    .std_report .page-head .search {
        clear: left;
   }
}
/* stud_filter */
@media (min-width: 768px) {
    .stud_filter #filtered_record.pop-up .body.pop-up-small {
        width: 800px;
   }
}
/* set_tags */
.set_tags .foot-div {
    text-align: center;
}
.set_tags .foot-div button {
    padding: 8px 24px;
}
/* end hss_module */
/* print_adm_reg */
.print_adm_reg .common-table .name:before {
    content: '';
    display: block;
    width: 150px;
}
/* manage_sections */
.manage_sections .section-div {
    background: #fff;
    box-shadow: 0 0 5px 0 #dfe6dc;
    padding: 15px;
    border: 1px solid #d0d0d0;
    display: table;
    width: 100%;
}
.manage_sections .section-div h3 {
    margin: 0;
    font-size: 17px;
    font-weight: bold;
    padding-bottom: 13px;
}
.manage_sections .section-div form {
    margin-bottom: 10px;
    width: 95%;
    float: left;
}
.manage_sections .section-div form input[type="text"] {
    padding: 3.4px 8px;
    width: 78%;
    border: 1px solid;
    float: left;
}
.manage_sections .section-div form button {
    float: left;
}
.manage_sections .section-div .section-item, .manage_sections .section-div .category-item {
    padding: 5px 10px;
    width: 100%;
    display: inline-block;
}
.manage_sections .section-div .section-item h5, .manage_sections .section-div .category-item h5 {
    display: initial;
    font-size: 16px;
}
.manage_sections .section-div .section-item .fa-trash, .manage_sections .section-div .category-item .fa-trash {
    color: #fd3030;
    margin-left: 10px;
    cursor: pointer;
    padding: 3px 5px;
}
.manage_sections .section-div .section-item .fa-trash:hover, .manage_sections .section-div .category-item .fa-trash:hover {
    color: #fff;
    background: #f55959;
}
.manage_sections .category-by-section {
    display: none;
}
.manage_sections .active-section {
    background-color: #dfe6dc;
}
.manage_sections .active-category-list {
    display: block;
}
@media (max-width: 767px) {
    .manage_sections .section-div form input[type="text"] {
        padding: 2px 8px;
   }
    .manage_sections .section-div .section-item h5, .manage_sections .section-div .category-item h5 {
        font-size: 14px;
   }
}
/* bulk_add_period */
@media (min-width: 500px) {
    .bulk_add_period .from-to-filter div {
        display: inline;
   }
}
/* manage_fees */
/* padding-r-25 */
.manage_fees .padding-r-25 {
    padding-right: 25px !important;
}
/* action_item */
.manage_fees .action_item {
    position: absolute;
    top: 0;
    right: 0;
}
.manage_fees .action_item:hover {
    background: #fff;
    z-index: 1;
    width: 100px;
    border: 1px solid #ecf1eb;
    box-shadow: 0 0 5px #e1e6e8;
}
.manage_fees .action_item .action-btn {
    position: absolute;
    right: 0;
    min-width: auto;
    padding: 2px 5px;
    outline: none;
    border-color: #e6ece3;
    color: #7d7d7d;
    box-shadow: none;
    background-color: transparent;
}
.manage_fees .action_item:not(:hover) .action_body {
    display: none;
}
.manage_fees .action_item .action_body {
    text-align: center;
    padding: 10px 15px 10px;
}
/* edit-btn, delete-btn*/
.manage_fees .action_item .action_body button:not(:last-of-type) {
    margin-bottom: 5px;
}
.manage_fees .action_item .action_body .edit-btn, .manage_fees .action_item .action_body .delete-btn {
    display: inline-block;
    min-width: 65px;
}
/* section */
.manage_fees .section {
    background: #fff;
    padding: 10px 10px 5px;
    margin-bottom: 10px;
    border-radius: 5px;
    border: 1px solid #edefec;
}
.manage_fees .section:hover {
    border-color: #dbe2d8;
}
.manage_fees .section .head {
    display: table;
    width: 100%;
    margin-top: 5px;
    margin-bottom: 5px;
}
.manage_fees .section .head h1 {
    margin-top: 0;
    font-size: 18px;
    float: left;
}
.manage_fees .section .head .create-btn {
    float: right;
    border: none;
}
.manage_fees .section .section-row {
    display: table;
    width: 100%;
}
.manage_fees .section .section-col {
    position: relative;
    float: left;
    padding: 5px 10px;
    margin-right: 10px;
    border: 1px solid #e9ece8;
    border-radius: 3px;
    margin-bottom: 5px;
}
.manage_fees .section .section-col:hover {
    border-color: #d0d4cf;
}
.manage_fees .section .section-col .name {
    font-size: 15px;
}
.manage_fees .section .section-col .name span {
    color: #134a8e;
    padding-right: 1px;
    padding-left: 1px;
}
.manage_fees .section .section-col .edit-btn, .manage_fees .section .section-col .delete-btn {
   /*margin-top: 5px;
   */
    padding: 0 5px;
    box-shadow: none;
    border: 1px solid #efefef;
}
.manage_fees .section .section-col .edit-btn:not(:hover) {
    color: #fff;
}
.manage_fees .section .section-col .delete-btn:hover {
    background-color: transparent;
}
.manage_fees .section .section-col .edit-btn {
    color: #fff;
}
/* btn-section */
.manage_fees .btn-section {
    background: #fff;
    padding: 10px 10px 5px;
    margin-bottom: 10px;
    border-radius: 5px;
    border: 1px solid #edefec;
}
.manage_fees .btn-section:hover {
    border-color: #dbe2d8;
}
.manage_fees .btn-section h1 {
    margin-top: 5px;
    margin-bottom: 15px;
    font-size: 18px;
}
.manage_fees .btn-section button {
    border-color: #dbded9;
    margin-right: 5px;
    margin-bottom: 5px;
    box-shadow: none;
}
.manage_fees .btn-section button.active {
    background-color: #005aa3 !important;
}
/* applicable-students */
.manage_fees .applicable-students {
    background: #fff;
    display: table;
    width: 100%;
    padding: 10px 10px 15px;
    margin-bottom: 10px;
    border-radius: 5px;
    border: 1px solid #edefec;
}
.manage_fees .applicable-students:hover {
    border-color: #dbe2d8;
}
.manage_fees .applicable-students h1 {
    margin-top: 5px;
    margin-bottom: 15px;
    font-size: 18px;
    float: left;
}
/* select-all-std-btn */
.manage_fees .applicable-students .select-all-std-btn {
    float: right;
    cursor: pointer;
    border: 1px solid #dbdcdb;
    padding: 3px 12px;
    background: #dcdcdc;
}
.manage_fees .applicable-students .select-all-std-btn input[type="checkbox"] {
    top: 1px;
}
.manage_fees .applicable-students .select-all-std-btn span {
    position: relative;
    bottom: 1px;
}
.manage_fees .applicable-students .saved-status {
    float: right;
    clear: right;
    margin-bottom: 8px;
    color: #f53cc4;
}
/* students-row */
.manage_fees .applicable-students .students-row {
    display: table;
    width: 100%;
    position: relative;
    top: 10px;
}
.manage_fees .applicable-students .students-row .students-col {
    float: left;
}
.manage_fees .applicable-students .students-row .students-col label {
    border: 1px solid #dbded9;
    padding: 2px 5px;
    margin-right: 5px;
    margin-bottom: 5px;
    border-radius: 3px;
    color: #45494a;
    font-weight: normal;
    cursor: pointer;
}
.manage_fees .applicable-students .students-row .students-col label:hover {
    background: #edf3eb;
}
.manage_fees .applicable-students .students-row .students-col label input[type="checkbox"] {
    top: 1px;
}
.manage_fees .applicable-students .students-row .students-col label span {
    position: relative;
    bottom: 1px;
}
/* primary-btn */
.manage_fees .applicable-students .primary-btn {
    margin-top: 30px;
    font-size: 16px;
    padding: 8px 15px;
    min-width: 100px;
    background: #25a796;
    color: #fff;
    box-shadow: none;
    text-transform: uppercase;
    border-radius: 3px;
    border: none;
}
/* certificates_list */
.certificates_list .common-table .print {
    width: 1%;
}
/* month-td */
td.month-td {
    position: relative;
    border: 1px solid #ededed !important;
    padding: 3px !important;
}
td.month-td .fa-times {
    cursor: pointer;
    position: absolute;
    right: 2px;
    top: 0;
}
/* default-tc.certificate-body */
/* common-table */
.default-tc.certificate-body.common-table {
    margin-top: 0;
    padding-bottom: 0;
}
.default-tc.certificate-body.common-table .table {
    box-shadow: none;
    margin-bottom: 0;
}
.default-tc.certificate-body.common-table .table>thead>tr>th, .default-tc.certificate-body.common-table .table>tbody>tr>td {
    padding: 0 5px;
    word-break: break-word;
}
/* inner-body */
.default-tc.certificate-body .inner-body {
    background: #fff;
    margin-bottom: 10px;
}
.default-tc.certificate-body .inner-body .m-top-25 {
    margin-top: 25px;
}
.default-tc.certificate-body .inner-body .m-top-10 {
    margin-top: 10px;
}
.default-tc.certificate-body .inner-body .upper-text {
    text-transform: uppercase;
}
.default-tc.certificate-body .inner-body .color-red {
    color: #e81a1a;
}
.default-tc.certificate-body .inner-body .first-letter-20::first-letter {
    padding-left: 20px;
}
/* head */
.default-tc.certificate-body .inner-body .head {
    position: relative;
    text-align: center;
    padding: 15px;
    margin-bottom: 15px;
}
.default-tc.certificate-body .inner-body .head h1 {
    margin-bottom: 0;
    font-size: 19px;
    font-weight: bold;
    padding-bottom: 5px;
}
.default-tc.certificate-body .inner-body .head h2 {
    font-size: 18px;
}
.default-tc.certificate-body .inner-body .head .right-col {
    float: right;
}
/* body */
.default-tc.certificate-body .inner-body .body .body-head {
    display: table;
    width: 100%;
    margin-bottom: 10px;
}
.default-tc.certificate-body .inner-body .body .body-head .div-col {
    display: inline-block;
    border: 1px solid #dedede;
    padding: 5px 10px;
    width: 50%;
}
.default-tc.certificate-body .inner-body .body .body-head .div-col:last-of-type {
    border-left: none;
}
.default-tc.certificate-body .inner-body .body .body-head .div-col label {
    font-weight: normal;
    margin-bottom: 0;
}
.default-tc.certificate-body .inner-body .body .body-head .div-col .data {
    display: initial;
    padding-left: 10px;
}
/* table */
.default-tc.certificate-body .inner-body .body .table .split-td {
    padding-left: 0;
    padding-right: 0;
}
.default-tc.certificate-body .inner-body .body .table .split-td .split-col {
    display: block;
    width: 100%;
    padding-left: 5px;
    padding-right: 5px;
}
.default-tc.certificate-body .inner-body .body .table .split-td hr {
    border-color: #dedede;
    margin-top: 0;
    margin-bottom: 0;
}
/* foot */
.default-tc.certificate-body .inner-body .foot {
    display: table;
    width: 100%;
    padding-top: 15px;
    margin-left: 15px;
    margin-right: 15px;
}
.default-tc.certificate-body .inner-body .foot .div-col {
    font-size: 15px;
}
.default-tc.certificate-body .inner-body .foot .left {
    float: left;
    width: 50%;
}
.default-tc.certificate-body .inner-body .foot .right {
    float: left;
    width: 50%;
    text-align: right;
}
/* screen */
@media screen {
   /* inner-body */
    .default-tc.certificate-body .inner-body {
        padding: 0 15px 15px;
   }
}
/* print */
@media print {
    .default-tc.certificate-body.common-table .table {
        font-size: 13.6px;
   }
}


/* tc-nems */
.tc-nems {
    color: #000;
}
.tc-nems .tc-text-blue {
    color: #236591 !important;
}
/* thead */
.tc-nems table thead div {
    margin-bottom: 4px;
    font-size: 12px;
    font-weight: bold;
}
.tc-nems table thead .insti-logo {
    max-width: 100%;
    max-height: 180px;
}
.tc-nems table thead .run-by {
    margin-top: 5px;
}
.tc-nems table thead .text-head {
    text-transform: uppercase;
    margin-top: 20px;
    font-size: 24px;
}
/* tbody */
.tc-nems table tbody td {
    vertical-align: top;
    font-size: 12px;
    padding-top: 10px;
}
.tc-nems table tbody .tcol-label {
    width: 8%;
}
.tc-nems table tbody .tcol-dotte {
    text-align: center;
    width: 1%;
}
.tc-nems table tbody .tcol-data {
    width: 13%;
}
/* screen */
@media screen {
    .tc-nems {
        background-color: #fff;
        box-shadow: 12px 5px 17px #e3e3e5;
        padding: 30px;
        border-radius: 10px;
        max-width: 800px;
        margin-left: auto;
        margin-right: auto;
        margin-top: 20px;
   }
}
/* view_punch_log */
@media (min-width: 768px) {
    .view_punch_log .from-to-filter {
        float: left;
   }
    .view_punch_log .select-filter {
        float: right;
   }
}
/* fees_by_student page using */
/* fee-receipt */
/* fee-receipt-head */
.fee-receipt .fee-receipt-head {
    display: table;
    width: 100%;
}
.fee-receipt .fee-receipt-head h1 {
    font-size: 24px;
    margin-bottom: 20px;
    font-weight: normal;
}
/* table */
.fee-receipt .fee-receipt-head table tr td:nth-of-type(2) {
    padding-left: 5px;
    padding-right: 5px;
}
/* left */
.fee-receipt .fee-receipt-head .left {
    float: left;
    width: 50%;
}
/* right */
.fee-receipt .fee-receipt-head .right {
    float: left;
    width: 50%;
}
.fee-receipt .fee-receipt-head .right table {
    float: right;
}
/* fee-receipt-body */
/*.fee-receipt .fee-receipt-body {
}
*/
/* PRINT_A5 */
.fee-receipt.PRINT_A5 .fee-receipt-head h1 {
    font-size: 15px;
    margin-top: 0;
    margin-bottom: 5px;
}
/* table */
.fee-receipt.PRINT_A5 .fee-receipt-head table {
    font-size: 11px;
}
.fee-receipt.PRINT_A5 .fee-receipt-body table {
    font-size: 10px;
}
/* print_header_copy */
.fee-receipt.PRINT_A5 .print_header_copy .head h1 {
    font-size: 17px !important;
}
.fee-receipt.PRINT_A5 .print_header_copy .head h2 {
    font-size: 14px !important;
}
/* toggle_letterhead */
.fee-receipt.toggle_letterhead .print_header_copy {
    height: 100px;
    visibility: hidden;
}
/* print-min-h-800-px */
@media print {
    .fee-receipt.PRINT_A5 .print-min-h-800-px {
        min-height: 400px !important;
   }
    .fee-receipt.PRINT_A5 .print_header_copy .head img {
        height: 90px !important;
   }
    .fee-receipt.PRINT_A5 .common-table .table>tbody>tr>td, .fee-receipt.PRINT_A5 .common-table .table>tfoot>tr>td, .fee-receipt.PRINT_A5 .common-table .table>thead>tr>td {
        padding: 3px;
   }
    .fee-receipt.PRINT_A5 .remarks-terms p {
        line-height: 13px;
        font-size: 10.4px;
   }
    .fee-receipt.PRINT_A5 .remarks-terms h5 {
        font-size: 11px;
   }
    .fee-receipt.PRINT_A5 .remarks-terms hr {
        margin-top: 5px;
        margin-bottom: 5px;
   }
}
/* report_print_header_copy */
.report_print_header_copy .head {
    margin-bottom: 10px;
}
.report_print_header_copy .logo {
    width: 100%;
    height: 180px;
}
/* vid_publish_stream */
@media screen and (max-width: 767px) {
    .vid_publish_stream .vid-details-view .div-col:first-of-type {
        margin-top: 20px;
   }
}
/* admission_report_home */
.admission_report_home .common-count {
    margin-top: 15px;
}
.admission_report_home .common-count .count-section {
    border: 1px solid #d3d7da;
    border-radius: 3px;
    box-shadow: none;
}
.admission_report_home .common-count .count-section h3 {
    letter-spacing: 1px;
    text-transform: uppercase;
    padding-top: 8px;
}
.admission_report_home .common-count .count-section h2 {
    color: #2b9aea;
}
.admission_report_home .common-count .count-section input[type="radio"] {
    margin-right: 0;
}
/* last-adm-no */
.admission_report_home .common-count .count-section.last-adm-no h2 {
    border: 1px solid #d3d7da;
    margin-left: 5px;
    padding: 5px;
    font-size: 15px;
    margin-bottom: 5px;
}
/* question_paper_add */
.question_paper_add .page-form .page-form div.chose-checkbox-radio p input {
    width: 90px !important;
}
.question_paper_add .page-form .chosen-container {
    width: unset !important;
}
/* div-col-section */
.question_paper_add .page-form .div-col-section {
    border: 1px solid #dfe2e2;
    box-shadow: 0 0 5px #e9eaea;
    padding: 5px;
    border-radius: 5px;
}
/* class-list */
.question_paper_add .page-form .class-list .class-entry {
    background: transparent;
    margin-right: 10px;
    margin-bottom: 5px;
    border-radius: 5px;
    padding: 0;
    outline: none;
    border: 1px solid #dedede;
    cursor: default;
}
.question_paper_add .page-form .class-list .class-entry input[type="checkbox"] {
    top: 2px;
    margin-left: 10px;
}
.question_paper_add .page-form .class-list .class-entry label {
    font-weight: normal;
    padding: 2px 10px;
    background: transparent;
    cursor: pointer;
    border-radius: 5px;
}
.question_paper_add .page-form .class-list .class-entry label:hover {
    font-weight: bold;
}
.question_paper_add .page-form .class-list .class-entry.active {
    background-color: #fff !important;
    border-color: #3fe2d8 !important;
}
.question_paper_add .page-form .class-list .class-entry.active label {
    background: transparent;
    font-weight: bold;
    cursor: default;
}
/* division--list */
.question_paper_add .page-form .division--list {
    display: table;
    width: 100%;
    margin-top: 2px;
    margin-bottom: 15px;
}
.question_paper_add .page-form .division--list .division-entry {
    float: left;
    margin-right: 10px;
}
.question_paper_add .page-form .division--list .division-entry label {
    border: 1px solid #dedede;
    padding: 0 10px;
    margin-top: 5px;
    font-weight: normal;
    font-size: 14px;
    border-radius: 5px;
    padding-top: 5px;
}
.question_paper_add .page-form .division--list .division-entry label:hover {
    font-weight: bold;
    cursor: pointer;
    border-color: #dedede;
}
/* all_student_list */
.all_student_list .page-head button, .all_student_list .page-head .a-btn {
    padding-left: 10px;
    padding-right: 10px;
}
/* student-summary */
/* expand-collapse-btn */
.student-summary .expand-collapse-btn {
    background: transparent;
    color: #000;
    font-size: 26px;
    padding: 0 10px;
}
.student-summary .expand-collapse-btn[aria-expanded=true] {
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
}
.student-summary .vertical-row [class^="col-"] {
    margin-top: 10px;
    margin-bottom: 10px;
}
/* div-col */
.student-summary .vertical-row .div-col {
    width: 100%;
    margin-top: 15px;
    color: #505050;
}
.student-summary .vertical-row.div-col-m-t-0 .div-col {
    margin-top: 0;
}
.student-summary .vertical-row .div-col label {
    margin-bottom: 0;
    color: #8d8d8d;
    font-size: 12px;
    font-weight: normal;
}
.student-summary .vertical-row .div-col .data {
    font-weight: bold;
    font-size: 14px;
}
@media (min-width: 768px) {
    .student-summary .vertical-row [class^="col-"]:not(:last-of-type) {
        border-right: 1px solid #e1e1e1;
   }
}
/**/
.student-summary .card-col .head h1 {
    font-size: 16px;
    margin-bottom: 0;
    color: #383838;
    font-weight: bold;
}
.student-summary .card-col .head h2 {
    font-size: 15px;
    margin-top: 5px;
    color: #1a1a1a;
}
.student-summary .card-col {
    position: relative;
    background: #fff;
    border-radius: 15px;
    box-shadow: 8px 12px 18px -2px #d3d4d4ad;
    margin-top: 15px;
    padding: 20px;
}
/* evaluation_report */
.evaluation_report .total-count {
    text-align: center;
    padding: 10px 20px;
    border: 1px solid #ddd;
}
.evaluation_report .total-count th {
    padding-right: 10px;
}



/* view-test-result */
/* single-question */
.view-test-result .single-question {
    background: #fff;
    display: table;
    position: relative;
    border-radius: 5px;
    width: 100%;
    padding: 15px;
    margin-bottom: 10px;
}
.view-test-result .single-question .questions {
    margin-bottom: 15px;
    border-bottom: 1px solid #eceaea;
    padding-bottom: 5px;
}
.view-test-result .single-question .questions p {
    display: initial;
}
.view-test-result .single-question .questions p:empty {
    display: none;
}
.view-test-result .single-question .questions-img {
    max-width: 100%;
    height: 100px;
    cursor: pointer;
    display: block;
    margin-left: 12px;
    margin-top: 5px;
}
.view-test-result .single-question .is-correct {
    position: absolute;
    right: 15px;
    top: 10px;
}
.view-test-result .single-question .is-correct.fa-check {
    color: #00ad0f;
}
.view-test-result .single-question .is-correct.fa-times {
    color: #ea2121;
}
/* choices-list */
.view-test-result .single-question .choices-list {
    float: left;
    border: 1px solid #d8d8d8;
    border-radius: 5px;
    padding: 10px;
}
.view-test-result .single-question .choices-list p {
    display: initial;
}
.view-test-result .single-question .choices-list .ans-img {
    max-width: 100%;
    margin-top: 5px;
    height: 75px;
}
@media screen and (min-width: 768px) {
.view-test-result .single-question .choices-list {
   width: 48%;
   margin-left: 1%;
   margin-right: 1%;
   }
}
@media screen and (max-width: 767px) {
.view-test-result .single-question .choices-list {
   width: 100%;
}
}





/* questions-list */
.questions-list .question-entry {
    position: relative;
    background: #fff;
    margin-bottom: 5px;
    padding: 10px;
    border: 1px solid #eef5eb;
}
/* head */
.questions-list .question-entry:first-child .move-qn-up-btn {
    display: none;
}
.questions-list .question-entry:last-child .move-qn-down-btn {
    display: none;
}
.questions-list .question-entry .head button {
    position: absolute;
    right: 0;
    padding: 0 5px;
    font-size: 33px;
    border-color: #f3f5f3;
    color: #83888a;
    box-shadow: none;
}
.questions-list .question-entry .head .move-qn-up-btn {
    top: 0;
}
.questions-list .question-entry .head .move-qn-down-btn {
    bottom: 0;
}
/* body */
.questions-list .question-entry .body {
    padding: 10px;
}
.questions-list .question-entry .body h4 {
    font-size: 16px;
    display: initial;
}
/* chose-checkbox-radio */
.questions-list .question-entry .body .chose-checkbox-radio {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.questions-list .question-entry .body .chose-checkbox-radio label {
    -webkit-box-flex: 0;
    position: relative;
    width: 100% !important;
    min-height: 1px;
    padding: 10px !important;
    margin-right: 0 !important;
    border: 1px solid #d8d8d8;
    border-radius: 5px;
}
.questions-list .question-entry .body img {
    max-height: 100px;
    max-width: 100%;
    display: inline;
    margin-top: 10px;
    margin-bottom: 10px;
    cursor: pointer;
}
.questions-list .question-entry .body .qn-number {
    color: #21383e;
    padding-right: 4px;
}
/* foot */
.questions-list .question-entry .foot {
    margin-top: 10px;
    padding-left: 10px;
    padding-right: 10px;
}
.questions-list .question-entry .foot button {
    background: transparent;
    border: none;
    padding: 4px 12px;
    font-size: 18px;
    margin-right: 10px;
}
.questions-list .question-entry .foot .delete-btn {
    color: #ea8080;
}
.questions-list .question-entry .foot .edit-btn {
    color: #4cb4f1;
}
@media screen and (min-width: 768px) {
.questions-list .question-entry .body .chose-checkbox-radio label {
   -ms-flex: 0 0 49%;
   flex: 0 0 49%;
   max-width: 49%;
   }
    .questions-list .question-entry .body .chose-checkbox-radio label:nth-child(odd) {
   margin-right: 1% !important;
   }
    .questions-list .question-entry .body .chose-checkbox-radio label:nth-child(even) {
   margin-left: 1%;
   }
}
@media screen and (max-width: 767px) {
.questions-list .question-entry .body .chose-checkbox-radio label {
   -ms-flex: 0 0 100%;
   flex: 0 0 100%;
   max-width: 100%;
}
}




/* question-answer-wrapper */
.question-answer-wrapper {
    position: relative;
}
/* multi-field */
.question-answer-wrapper .multi-field {
    position: relative;
    padding-left: 10px;
    padding-right: 10px;
    border-radius: 3px;
    margin-bottom: 5px;
}
/* d-flex */
.question-answer-wrapper .multi-field .div-col {
    position: relative;
    border: 1px solid #e8ece7;
    margin-bottom: 5px;
    padding: 5px;
}
.question-answer-wrapper .multi-field .div-col label {
    margin-right: 15px;
    margin-top: -3px;
}
.question-answer-wrapper .multi-field .div-col input[type="file"] {
    width: 100%;
    padding-bottom: 0;
    padding-right: 35px;
}
.question-answer-wrapper .multi-field .remove_img_cbox {
    font-size: 13px;
    margin-top: 0;
    margin-bottom: 10px;
    cursor: pointer;
}
.question-answer-wrapper .multi-field .qn-image-show {
    max-width: 100%;
    max-height: 100px;
    margin-top: 10px;
}
.question-answer-wrapper .multi-field .div-col .add-field-btn,
.question-answer-wrapper .multi-field .div-col .remove-field-btn {
    position: absolute;
    top: 0;
    right: 4px;
    font-size: 17px;
}
.question-answer-wrapper .multi-field .div-col .is-correct {
    position: absolute;
    bottom: 7px;
    right: 0;
    top: initial;
    left: initial;
}
@media screen and (max-width: 767px) {
.question-answer-wrapper .multi-field .div-col:first-of-type {
    margin-top: 10px;
   }
}
/* radio-btn-checked */
.question-answer-wrapper .radio-btn-checked input[type="radio"] {
    position: absolute;
    right: 32px;
    z-index: 10;
    left: inherit;
    top: 6px;
}
/* add-field-btn,remove-field-btn */
.question-answer-wrapper .add-field-btn, .question-answer-wrapper .remove-field-btn {
    padding: 0;
    background: transparent;
    min-width: auto;
    font-size: 27px;
    border: none;
    box-shadow: none;
}
.question-answer-wrapper .add-field-btn:not(:hover),
.question-answer-wrapper .remove-field-btn:not(:hover) {
    opacity: .9;
}
.question-answer-wrapper .add-field-btn {
    color: #5ea588;
}
.question-answer-wrapper .remove-field-btn {
    color: #e07b7b;
}
/* remove-question-btn */
.question-answer-wrapper .multi-field .remove-question-btn {
    position: absolute;
    right: 0;
    top: -6px
}
.question-answer-wrapper div.multi-field:only-of-type .remove-question-btn {
    display: none;
}
/* add-question-btn */
.question-answer-wrapper .add-question-btn {
    margin-top: 5px;
}
.question-answer-wrapper .choice-row .CHOICE_CONTAINER:not(:last-child) .add-field-btn{
    display: none;
}
.question-answer-wrapper .choice-row .CHOICE_CONTAINER:last-child .remove-field-btn {
    display: none;
}