/* 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 */


/* body */
body {
    background: #f6f9fb;
    font-size: 13px;
    font-family: "open_sansregular",Helvetica Neue,Helvetica,Arial,sans-serif;}

/* font */
.open_sansbold {
    font-family: "open_sansbold",Helvetica Neue,Helvetica,Arial,sans-serif;}
.open_sanslight {
    font-family: "open_sanslight",Helvetica Neue,Helvetica,Arial,sans-serif;}
.roman_regular {
    font-family: "roman_regular",Helvetica Neue,Helvetica,Arial,sans-serif !important;}
.roman_bold {
    font-family: "roman_bold",Helvetica Neue,Helvetica,Arial,sans-serif;}

    

/* 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[type="radio"]:disabled, 
input[type="checkbox"]:disabled,
input[type="radio"]:disabled:hover, 
input[type="checkbox"]:disabled:hover,*/	
input:disabled, 
select:disabled,
textarea:disabled {
    background: transparent;}


/* select */
select {
    background: #fff;}


/* custom */
.p-20 {
padding: 20px !important;}
.p-t-15 {
    padding-top: 15px !important;}
.p-t-10 {
    padding-top: 10px !important;}
.p-t-100 {
    padding-top: 100px !important;}
.p-t-20 {
    padding-top: 20px !important;}
.p-t-25 {
    padding-top: 25px !important;}
.p-t-75 {
    padding-top: 75px !important;}
.p-b-20 {
    padding-bottom: 20px !important;}
.p-b-35 {
    padding-bottom: 35px !important;}
.m-l-0 {
    margin-left: 0 !important;}
.m-l-15 {
    margin-left: 15px !important;}
.m-r-15 {
    margin-right: 15px !important;}
.m-r-5 {
    margin-right: 5px !important;}
.m-r-41 {
    margin-right: 41px !important;}
.p-t-5 {
    padding-top: 5px !important;}
.p-t-8 {
    padding-top: 8px !important;}
.p-b-2 {
    padding-bottom: 2px !important;}
.p-r-70 {
    padding-right: 70px !important;}
.p-l-70 {
    padding-left: 70px !important;}
.m-t-15 {
    margin-top: 15px !important;}
.m-l-5 {
    margin-left: 5px !important;}
.p-25 {
    padding: 25px !important;}
.p-20 {
    padding: 20px !important;}
.p-50 {
    padding: 50px !important;}
.p-5 {
    padding: 5px !important;}
.m-t-30 {
    margin-top: 30px !important;}
.m-b-0 {
    margin-bottom: 0 !important;}
.m-t-40 {
    margin-top: 40px !important;}
.m-t-60 {
    margin-top: 60px !important;}
.m-t-105 {
    margin-top: 105px !important;}
.m-t-50 {
    margin-top: 50px !important;}
.m-t-100 {
    margin-top: 100px !important;}
.m-t-0 {
    margin-top: 0 !important;}
.m-t-150 {
    margin-top: 150px !important;}
.m-t-250 {
margin-top: 250px !important;}
.m-t-25 {
    margin-top: 25px !important;}
.m-b-15 {
    margin-bottom: 15px !important;}
.m-b-10 {
    margin-bottom: 10px !important;}
.p-0 {
    padding: 0 !important;}
.p-t-34 {
    padding-top: 37px !important;}
.border-0 {
    border: 0 !important;}
.border-radius-0 {
    border-radius: 0 !important;}	
.m-l-10 {
    margin-left: 10px !important;}
.p-l-10 {
    padding-left: 10px !important;}
.p-l-10 {
    padding-left: 10px !important;}
.p-l-15 {
    padding-left: 15px !important;}
.p-l-60 {
    padding-left: 60px !important;}
.p-r-60 {
    padding-right: 60px !important;}
.p-r-15 {
    padding-right: 15px !important;}
.p-r-0 {
    padding-right: 0 !important;}
.p-b-0 {
    padding-bottom: 0 !important;}
.p-t-0 {
    padding-top: 0 !important;}	
.m-t-10 {
    margin-top: 10px !important;}
.p-b-15 {
    padding-bottom: 15px !important;} 	
.p-b-10 {
    padding-bottom: 10px !important;}
.p-t-15 {
    padding-top: 15px !important;}	
.p-b-25 {
    padding-bottom: 25px !important;} 
.p-l-0 {
    padding-left: 0 !important;}
.p-r-25 {
    padding-right: 25px!important;}
.p-t-b-2-5 {
    padding: 2px 5px !important;}


.fs-12 {
font-size: 12px !important;}
.fs-11 {
font-size: 11px !important;}
.fs-15 {
    font-size: 15px !important;}
.fs-10 {
font-size: 10px !important;}
@media screen and (max-width: 991px) {
.md-m-t-15 {
    margin-top: 15px;}
.md-p-t-40 {
    padding-top: 40px;}
}

@media screen and (max-width: 1199px) {
.text-lg-center {
    text-align: center !important;
}
}
/* w-100 */	
.w-auto {
    width: auto !important;}
.w-100 {
    width: 100% !important;}
.w-115 {
    width: 115px !important;}
.w-90 {
    width: 90px !important;} 
/* w-100 */	
.h-100 {
    height: 100% !important;}
.h-100-vh {
    height: 100vh !important;}
/**/
.height-35 {
    height: 35px !important;}
.height-90 {
    height: 90px !important;}
/**/
.h-auto {
    height: auto !important;}
.m-height-85 {
    min-height: 85px !important;}
.w-200 {
    width: 200px !important;}
/* min-height-300 */
.min-height-300 {
    min-height: 300px !important;}
.min-height-150 {
    min-height: 150px !important;}
.min-width-150 {
    min-width: 150px !important;}
.min-width-120 {
    min-width: 120px !important;}
.min-width-90 {
    min-width: 90px !important;}
.min-w-600 {
    min-width: 600px !important;}
.m-h-300 {
max-height: 300px !important;}
/**/
.border-1 {
    border: 1px solid #999 !important;}
.border-1-ddd {
    border: 1px solid #ddd !important;}
.border-top-0 {
    border-top: 0 !important;}
.radius-3 {
    border-radius: 3px !important;}
/* d-flex */
.d-flex {
    display: flex;}
/* align-self-end */
.align-self-end {
    align-self: flex-end !important;}
/* overflow-y-auto */
.overflow-y-auto {
    overflow-y: auto !important;}
.overflow-x-hidden {
    overflow-x: hidden !important;}
/* transform-none */
.transform-none {
    transform: none !important;}
/* vertical-top */
.vertical-top {
    vertical-align: top !important;}
/* height-260 */
.height-260 {
    height: 260px;}
.height-125 {
    height: 125px !important;}
.height-80 {
    height: 80px !important;}
.height-40 {
    height: 40px !important;}
.height-700 {
    height: 700px !important;}
.max-height-0 {
    max-height: initial !important;}
.max-height-70 {
    max-height: 70px !important;}
/* text */
@media screen and (max-width: 991px) {
.text-left-md {
    text-align: left !important;}
}
/* bg-white */
.bg-transparent {
    background-color: transparent !important;}
.bg-white {
    background: #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-d-green {
    color: #479d49 !important;}
.text-d-blue {
    color: #1d94b8 !important;}
.text-danger {
    color: #a94442 !important;}
.text-inherit {
    color: inherit !important;}
/**/
.line-height-20 {
    line-height: 20px !important;}
/* font-weight-normal */
.font-weight-normal {
    font-weight: normal !important;}
/* cursor-default */
.cursor-default {
    cursor: default !important;}
/* text-left */
.text-left {
    text-align: left !important;}
/* text-break-all */
.text-break-all {
    word-break: break-all !important;}
/* overflow-hidden */
.overflow-hidden {
    overflow: hidden !important;}
.overflow-hidden-y {
    overflow-y: hidden !important;}
.white-space-pre-line {
    white-space: pre-line !important;}
.white-space-nowrap {
    white-space: nowrap !important;}
/* align-items-center */
.align-items-center {
    display: flex;
    align-items: center;}
.align_items-center {
    align-items: center !important;}
/* d-inline-block */
.d-inline-block {
    display: inline-block !important;}
.d-block {
    display: block !important;}
/* pointer-events-initial */
.pointer-events-initial {
    pointer-events: initial !important;}
/**/
.text-center {
    text-align: center !important;}
.text-right {
    text-align: right !important;}
.text-uppercase {
    text-transform: uppercase !important;}
.box-shadow-none {
    box-shadow: none !important;}
/**/
.position-relative {
    position: relative !important;}



/* scrollbar */
.scrollbar::-webkit-scrollbar {
    background-color: transparent;
    width: 5px;}
 .scrollbar:hover::-webkit-scrollbar-thumb {
    background-color: rgba(0, 0, 0, 0.2);}
 @media (hover: none) {
 .scrollbar::-webkit-scrollbar {
    width: 5px;}
 .scrollbar::-webkit-scrollbar-thumb {
    background-color: rgba(0, 0, 0, 0.2);}
 } 



/* 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-result-item{
    min-width: 100%;
    padding: 2px 3px;
    white-space: nowrap;
    padding: 4px 10px;
    color: #000;
    cursor: pointer;
    font-size: 13px;}       
.auto-complete-result-item:hover{
    background-color: #efefef;
    color: #292929;}
/*	
.pop-up .auto-complete-results {
    left: 17px !important;}*/
    
/* /auto-complete-results */	       




/* 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;} 
    

    
/* main header */
.header {
    width: 100%;
    height: 40px;
    background: #fff;
    position: fixed;
    z-index: 100;
    color: #000;
    margin-left: 0;}
@media screen and (max-width: 499px) {
.header {
    height: 40px;}
}
.header a {
    color: #98999c;
    text-decoration: none;}
.header h4 {
    float: left;
    margin: 0 15px 0 0;}

/* toggle */
.header .toggle {
    position: relative;
    top: 5px;
    right: 0;}
.header .toggle h4 {
    color: #fff;
    background: #e5e5e5;
    border-radius: 50%;
    font-size: 12px;
    width: 28px;
    height: 28px;
    line-height: 30px;
    text-align: center;
    padding: 0;}
.body-class .header .toggle {
    right: -80px;}
    
.header select {
    background: transparent;
    width: 145px;
    border: inherit;
    color: #98999c;
    font-size: 13px;
    margin-top: 7px;}
.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;}
}

.header h4 {	
    padding: 4px 0;
    cursor: pointer;}	
.header h4 .fa {	
    font-size: 16px;}


/* right */
.header .right ul,
.header .center .institution-select {
    padding-top: 2px;}	
.header .right li {
    float: right;
    list-style: none;}		
    
    

/* notification */	
.header .notification .animate-dropdown .dropdown-menu {
    padding-bottom: 15px;}
.header .right .notification .animate-dropdown.small .dropdown-menu  a {
    margin-top: 10px;
    float: left;}
.header .notification .animate-dropdown .dropdown-menu p {
    margin-bottom: 0;}
.header .notification .animate-dropdown .dropdown-menu .noti-img {
    margin-bottom: 10px;}

/* notification circle */	
.header .right .notification .circle, 
.header .right .mailbox .circle {
    background: #ff4a5f;
    border-radius: 100%;
    padding: 1px 6px;
    font-size: 11px;
    position: absolute;
    left: 12px;
    bottom: 8px;}



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





/* breadcrumbs-links */
.breadcrumbs-links {
margin-bottom: 0;}
.breadcrumbs-links li {
list-style: none;
display: inline-block;
padding-right: 5px;}
.breadcrumbs-links li h1 {
font-weight: bold;
font-size: 14px;
padding-right: 20px;
position: relative;
color: #656565;}
.breadcrumbs-links li h1::after {
content: '';
display: block;
width: 2px;
height: 30px;
background: #8e8e8e;
position: absolute;
right: 5px;
top: -5px}
.breadcrumbs-links li a {
font-size: 13px;
color: #656565 !important;}
.breadcrumbs-links li a:hover {
text-decoration: none;}
.breadcrumbs-links li a .fa {
padding-left: 6px;}






/* flex-row */
.flex-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;}
.flex-row .flex-col-1,
.flex-row .flex-col-4,
.flex-row .flex-col-5,
.flex-row .flex-col-6,
.flex-row .flex-col-8,
.flex-row .flex-col-12,
.flex-row .flex-md-1,
.flex-row .flex-md-6,
.flex-row .flex-md-5,
.flex-row .flex-md-12 {
    -webkit-box-flex: 0;
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;}
.flex-row .flex-col-1 {
    -ms-flex: 0 0 10%;
    flex: 0 0 10%;
    max-width: 10%;}
.flex-row .flex-col-4 {
    -ms-flex: 0 0 33.33333333%;
    flex: 0 0 33.33333333%;
    max-width: 33.33333333%;}
.flex-row .flex-col-5 {
    flex: 0 0 auto;
    width: 41.66666667%;}
.flex-row .flex-col-6 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;}
.flex-row .flex-col-8 {
    -ms-flex: 0 0 66.66666667%;
    flex: 0 0 66.66666667%;
    max-width: 66.66666667%;}
.flex-row .flex-col-12 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;}
@media (min-width: 768px) {
.flex-row .flex-md-1 {
    -ms-flex: 0 0 10%;
    flex: 0 0 10%;
    max-width: 10%;}
.flex-row .flex-md-5 {
    flex: 0 0 auto;
    width: 41.66666667%;}
.flex-row .flex-md-6 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;}
.flex-row .flex-md-12 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;}
}



/* 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: .75rem;}
@media (min-width: 768px) {
.masonry-columns {
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
    -webkit-column-gap: 1.25rem;
    -moz-column-gap: 1.25rem;
    column-gap: 1.25rem;}
.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;}
}





/* 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;}
/* sub-label */
.questions-list .question-entry .body .sub-label {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;}
.questions-list .question-entry .body .sub-label 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 .sub-label label {
    -ms-flex: 0 0 49%;
    flex: 0 0 49%;
    max-width: 49%;}
.questions-list .question-entry .body .sub-label label:nth-child(odd) {
    margin-right: 1% !important;}
.questions-list .question-entry .body .sub-label label:nth-child(even) {
    margin-left: 1%;}
}
@media screen and (max-width: 767px) {
.questions-list .question-entry .body .sub-label 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-tick */
.question-answer-wrapper .radio-btn-tick 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;
}


/* my-panel */
.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: 17px;
    padding: 10px 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;}

    



/* animate-dropdown */
.animate-dropdown {
    padding-left: 5px;
    padding-right: 5px;}
.animate-dropdown .dropdown-menu {
    width: 300px;
    left: inherit;
    right: 0;
    text-align: center;
    color: #848484;
    padding: 20px 15px;
    border-radius: inherit;
    border: none;;}
.animate-dropdown .dropdown .dropdown-toggle { 
    overflow: hidden; 
    white-space:nowrap;
    max-width: 140px;
    padding-top: 6px;}
.animate-dropdown .dropdown-menu ul {
    padding-left: 0;}
.animate-dropdown .dropdown-menu a {
    color: #999;}
.animate-dropdown .dropdown-menu {
    width: 250px;}
.animate-dropdown .dropdown-menu .profile-icon {
    height: 60px;
    margin-top: 10px;}
.animate-dropdown .dropdown-menu .noti-img {
    height: 60px;}
.animate-dropdown .dropdown .dropdown-toggle a {
    font-size: 13px;
    margin-left: 20px;
    margin-right: 0;} 

.animate-dropdown .dropdown .dropdown-toggle a img {
    height: 16px;
    opacity: .5;
    margin-top: -4px;}

@media screen and (min-width: 500px) {
.animate-dropdown .dropdown .dropdown-toggle {
    text-overflow: ellipsis;}
}   
@media screen and (max-width: 499px) {
.animate-dropdown .dropdown-menu {
    width: 210px;
    left: -156px;}
.animate-dropdown .dropdown-menu .profile-icon {
    height: 55px;} 
.animate-dropdown .dropdown-menu .noti-img {
    height: 55px;}  
}


/* button */
.animate-dropdown .dropdown button {
    margin-top: 10px;}
/*
.animate-dropdown .dropdown button {}  
.animate-dropdown .dropdown a button {}*/
.animate-dropdown .dropdown-menu a.a-btn {
    color: #104856;}	
    
/* .animate-dropdown.small */
.animate-dropdown.small .dropdown-menu li {
    float: inherit;} 
.animate-dropdown.small .dropdown-menu {
    width: 200px;
    max-height: 300px;
    overflow: auto;
    text-align: left;
    padding-left: 10px;}
.animate-dropdown.small .dropdown-menu p {
    width: 160px;
    overflow: hidden;
    white-space: nowrap;}	
.animate-dropdown.small .dropdown p:first-child {
    margin-top: 15px;} 		


    
/* change-password */
.change-password .animate-dropdown {
    padding-right: 0;}
.change-password .fa-user-o {
    border-radius: 100%;
    color: #777979;
    padding-right: 5px;
    font-size: 14px;}  
.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;}
} 
    





/* 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, checkbox */
input[type="radio"],
input[type="checkbox"] {
-webkit-appearance: none;
-moz-appearance: none;
-ms-appearance: none;
-o-appearance: none;
appearance: none;
position: relative;
top: 4.33333px;
right: 0;
bottom: 0;
left: 0;
height: 15px;
width: 15px;
transition: all 0.15s ease-out 0s;
background: #cbd1d8;
border: none;
color: #fff;
cursor: pointer;
display: inline-block;
margin-right: 0.5rem;
outline: none !important;
z-index: 1;}
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: 15px;
    position: absolute;
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    display: inline-block;
    font-size: 12px;
    text-align: center;
    line-height: 16px;}  
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: '\f111';}  
input[type="radio"] {
border-radius: 50%;}
input[type="radio"]::after {
border-radius: 50%;}

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






/* 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);}  





/* sub-label, this using for radio, checkbox label */
.sub-label {
    padding: 4px 0;} 
.sub-label label {
    padding: 0 !important;
    margin-right: 11px !important;
    width: auto !important;
    cursor: pointer;}  
.sub-label label span {
    font-size: 12px;
    padding-right: 5px;} 
/* label-border */
.sub-label label {
border: 1px solid #ddd;
padding: 1px 6px !important;
border-radius: 5px;}
@media screen and (max-width: 1199px) {
.sub-label label {
    margin-right: 5px !important;}
.sub-label label span {
    padding-right: 0;}	
}
@media screen and (max-width: 767px) {
.sub-label {
    padding-bottom: 8px;}
}	


/* sub-label-filter */
.sub-label-filter label:not(.m-label) {
    background: #f6f9f5;
    padding: 0 5px 2px !important;
    box-shadow: 0 0 5px #ccc;
    font-weight: normal;}
.sub-label-filter label span {
    font-size: 15px;}





/* font-family: "Helvetica Neue" */
.common-font-family,
.common-form,
.common-table td.contact-no,
.common-table td.mobile-no,
.common-table td.guardian-mobile-no,
.common-table  td.adm-no,
.sms_status .common-table .tr-body {
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;}	

    
/* 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;}	
    
    



/* breadcrumb */
.breadcrumb {
    background-color: transparent;
    padding: 0;}
.breadcrumb .breadcrumb-item+.breadcrumb-item {
    position: relative;}
.breadcrumb .breadcrumb-item:first-of-type+.breadcrumb-item:before {
    width: 2px;
    content: "";
    height: 20px;
    background-color: #444444;
    padding: 0;
    padding-right: 0;
    position: absolute;
    top: 50%;
    left: -2px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);}
.breadcrumb .breadcrumb-item+.breadcrumb-item:before {
    content: "\f105";
    font-family: FontAwesome;
    font-size: 18px;
    position: absolute;
    top: 52%;
    left: -7px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);}
.breadcrumb .breadcrumb-item a {
    font-size: 13px;
    color: #8c8d8f;
    display: inline-block;
    line-height: normal;
    text-decoration: none;
    padding: 10px;}
.breadcrumb .breadcrumb-item:first-of-type a {
    color: #444444;
    padding-left: 0;
    font-size: 16px;}


/* 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 only useing attendance */	
.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;}	




/* body-class */	

/* main-body, main-count, sidebar */
.main-body,
.main-count,
#sidebar {
    -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);}
    
/* toggle hidden show */
body .header .left h4:nth-child(2) {display: none;}	
body.body-class .header .left h4:nth-child(1)  {display: none;}
body.body-class .header .left h4:nth-child(2)  {display: block;}




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


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

/* header h4, h1 */
body.body-class .header h4 {
    margin-left: 0;}

    

@media (min-width: 992px) {
/* main-body */
.body-class .main-body {
    padding-left: 120px;}	
.main-body  {
    padding-left: 280px;}

    
/* fixed-main-count */	
.fixed-main-count.main-count  {
    padding: 5px 35px 0 235px;}
.body-class .fixed-main-count.main-count {
    padding: 0 35px 0 7px;}
    
}


/* toggle hidden */
@media (max-width: 991px) {
.toggle {
    visibility: hidden;} 
}


/* end body-class */		

    
 







/* main-count-class */

/* main-count, main-body */
.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;}


/* end main-count-class */	
    
    

    


/* 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: #aaa;
    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;}


/* count-flat */
.count-flat .item {
    background: #efefef;
    text-align: center;
    padding: 15px 12px;
    margin-bottom: 12px;
    border-radius: 15px;}
.count-flat .item {
    background: #efefef;
    text-align: center;
    padding: 10px;
    margin-bottom: 12px;
    border-radius: 15px;}
.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: #e2eefe;
    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;}	
.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;}	
@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;}
}	
@media (max-width: 499px) {	
.fixed-main-count.main-count .count-section {
    margin: 7px 15px;}
}		
    
    
/* main-body */
.main-body {
    padding-right: 20px;
    padding-bottom: 10px;}
@media (min-width: 500px) {
.main-body {
    padding-top: 55px;}
}
@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;}   




/* radio, checkbox */	
.page-form .page-body input[type="radio"], 
.page-form .page-body input[type="checkbox"] {
    top: 0;}
    
/* question-answer-wrapper */
.page-form .page-body .question-answer-wrapper .radio-btn-tick input[type="radio"] {
    top: 6px;}

/* 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;}



/* input-col-6 */
.input-col-6 input {
    width: 49% !important;}


/* 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;}	

/* 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;}



/* 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;}


/* 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%;}

}
/* / left-row */





    
/* 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;}




/* 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;}




/*/ common button Start /*/
    
/* button */
button, 
.a-btn {
    white-space: nowrap;
    line-height: normal;
    background: #31afa2;
    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;
    background: #1e8a7f;}



/* 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;}

/* 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;}


/* 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;}


/* 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;}


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


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


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


/* 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;}

/* tags */
.tags .tag {
    margin-right: 5px !important;
    margin-bottom: 5px !important;
    border: 1px solid #ddd;
    border-radius: 5px;
    padding: 0 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);

}



/* 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;}
    
    

/* 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;}

    

/* 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;}
}




/* from-to-filter */
.from-to-filter {
    text-align: center;}
.from-to-filter input {
    padding: 0 5px;}
.from-to-filter input[type="text"] {
    border: 1px solid #ddd;}


    
/* 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;}


/*/ 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-tick 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%;}
}



/* sub-label */
.pop-up .modal-body .sub-label label {
    margin: 0;}
.pop-up .modal-body .pop-up-col .sub-label {
    margin-bottom: 7px;}



/* 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;}

    
/*/ pop-up End /*/ 








/* 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;}
}


/* 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 {
    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: 160px !important;}
.filter-div .div-col .chosen-container .chosen-single {
    background: #fff;
    border-radius: 7px;
    border: none;
    box-shadow: 5px 7px 9px #d8d8d8;
    color: #333;}	
@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;}


/* 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;}




/* 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;}		
    


   
    
    
/* 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;}
    
/* header notification read read-more button */	 
.animate-dropdown .dropdown-menu a.active  {
    color: #104856;
    border: 1px solid #ddd;
    padding: 5px 15px;}
    
    
    
    
    
/* 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;}

    
    
    
    
/* class-division */
.class-division button {
    padding: 10px 10px;
    background: #fff;
    margin-bottom: 10px;
    text-transform: uppercase;
    color: #324f56;}  
.class-division a {
    text-decoration: none;}
    
    
/* 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;}
    





/* 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%;}
}

    
    
  

/* 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;}	 
}
    
    
/*/ 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;} 
/* white-body */
.white-body .common-table {
    padding-bottom: 0;}	
.white-body .common-table .table {
    margin-bottom: 0;}	

/* 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;} 

    
    

    
/* Tbody, Thead */ 			 
.tr-body {
    color: #6e5e5e;}
.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 */	
.tr-total td,
.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;} 


    
/* 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;}


/* 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%;}
}
/* sub-label */
.common-form .page-body .sub-label {
    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 .sub-label {
    position: absolute;
    bottom: -9px;
    z-index: 1;
    padding-top: 0;
    padding-bottom: 0;} 
.page-form.common-form .page-body .guardians-relation-col .sub-label 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 .sub-label label input[type="radio"] {
    width: 15px;
    height: 15px;
    margin: 0;}   
.page-form.common-form .page-body .guardians-relation-col .sub-label label input[type="radio"]:checked::before {
    line-height: 15px;
    left: -1px;}
.page-form.common-form .page-body .guardians-relation-col .sub-label 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 .sub-label 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 .sub-label 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 {
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    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;}		
}




/* 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;}
/* sub-label */
.appraisal-tabs .task-item .sub-label 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;
    left: 15px;
    top: 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%;}
}



/* 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 .sub-label 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;}




/* 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;}		
}

/* sub-label */	
.home .class_selector.sub-label {
    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;}
}






/* progress-report */
.progress-report {
    background-color: #fff;
    font-size: 13px;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;}
.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;}
@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;}




/* 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;}






/* 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;}


/* 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;}



/* 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;}
    
/* sub-label */	
.send_sms .send-sms-form .sub-label label span {	
    margin: 0 15px 0 5px;}	
.send_sms .send-sms-form .sub-label label span,
.send_sms .send-sms-form .sub-label label input[type="radio"],
.send_sms .send-sms-form .sub-label label {	
    cursor: pointer;}
.send_sms .send-sms-form .sub-label {
    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%;}
}


/* 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;}	
    
    
    
    


    
    
/* 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%;}
}	




/* group_details */
.group_details .pop-up .auto-complete-results {
    left: 17px !important;}
.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 */
.filter-radio-btn.sub-label label {
    background: #fdfffd;
    border-radius: 3px;
    padding: 0 5px 6px !important;
    box-shadow: 0 2px 5px 0 rgba(119, 119, 119, 0.16), 0 2px 10px 0 rgba(119, 119, 119, 0.16);}
    
/* 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;}
.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;
    color: #626263;}
.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),
.manage_fees .section .section-col .delete-btn:not(:hover) {
    color: #adb1ac;}
.manage_fees .section .section-col .edit-btn {
    color: #5fb5b1;}

/* 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;
    color: #45494a;}

/* 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;}
.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;}
/* min-height-800 */
@media print {
.fee-receipt.PRINT_A5 .min-height-800 {
    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.sub-label 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;}
.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;}








/* font-weight */
.fw-500{font-weight: 500;}
.fw-600{font-weight: 600;}
/* width */
.w-10{width:10%;}
.w-20{width:20%;}