/* =========== FOR EXAM COUNT DOWN =========== */
#countdown {
    /*width: 465px;
	height: 112px;
	text-align: center;*/
    background: #222;
    background-image: -webkit-linear-gradient(top, #222, #333, #333, #222);
    background-image: -moz-linear-gradient(top, #222, #333, #333, #222);
    background-image: -ms-linear-gradient(top, #222, #333, #333, #222);
    background-image: -o-linear-gradient(top, #222, #333, #333, #222);
    border: 1px solid #111;
    border-radius: 5px;
    box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.6);
    margin: auto;
    padding: 9px 0;
    position: absolute;
    right: 10px;
    top: 11px;
}

#countdown #tiles {
    position: relative;
    z-index: 1;
    color: red;
    text-align: center;
    font-size: 14px;
    font-weight: 700;
}

#countdown #tiles>span {
    width: 92px;
    height: 22px;
    max-width: 92px;
    font: bold 16px 'Droid Sans', Arial, sans-serif;
    line-height: 18px;
    text-align: center;
    line-height: 22px;
    color: #111;
    background-color: #ddd;
    background-image: -webkit-linear-gradient(top, #bbb, #eee);
    background-image: -moz-linear-gradient(top, #bbb, #eee);
    background-image: -ms-linear-gradient(top, #bbb, #eee);
    background-image: -o-linear-gradient(top, #bbb, #eee);
    border-top: 1px solid #fff;
    border-radius: 3px;
    box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.7);
    margin: 0 7px;
    padding: 0px 0;
    display: inline-block;
    position: relative;
}

#countdown .labels {
    width: 100%;
    height: auto;
    text-align: center;
    position: relative;
    bottom: 0;
    z-index: 1;
    top: 5px;
}

#countdown .labels li {
    width: 102px;
    font: bold 15px 'Droid Sans', Arial, sans-serif;
    color: #f47321;
    text-shadow: 1px 1px 0px #000;
    text-align: center;
    text-transform: uppercase;
    line-height: normal !important;
    display: inline-block;
}

/* =============== END : Exam Count Down =========== */
.inner-settings-block {
    background: #fafafa;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 5px;
    border: 1px solid #dedede;
    margin-top: 20px;
    margin-bottom: 20px;
}

.inner-page-wrap .exam-status-block {
    padding: 10px 10px 10px 10px;
}

.exam-status-block .exam-view .scroll-container ul {
    padding: 0;
    float: left;
}

.exam-status-block .exam-view .scroll-container ul li {
    text-align: center;
    width: 30px;
    height: 30px;
    line-height: 30px;
    display: inline-block;
    margin: 3px 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    border-radius: 4px;
    background: #fff;
    border: 1px solid #959595;
}

.exam-status-block .status-legend {
    text-align: left;
    margin-left: 4px;
}

.exam-status-block .status-legend ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.exam-status-block .status-legend ul li:first-child {
    margin-top: 0;
}

.exam-status-block .status-legend ul li:before {
    content: "";
    width: 15px;
    height: 15px;
    position: absolute;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    border-radius: 3px;
    background: #fff;
    border: 1px solid #959595;
    left: 0;
}

.exam-status-block .status-legend ul li.not-attended:before {
    background: #fff;
}

.exam-status-block .status-legend ul li.viewed:before {
    background: #f48f35;
}

.exam-status-block .status-legend ul li.partially-attended:before {
    background: #448CCB;
}

.exam-status-block .status-legend ul li.attended:before {
    background: #56aa26;
}

.answer-name {
    margin: 15px 0;
    float: left;
    width: 100%;
}

.answer-name ul {
    list-style-type: none;
    margin: 0 0 0 0;
    padding: 0;
    font-family: "Roboto Slab", serif;
    font-size: 16px;
}

.answer-name ul li {
    display: block;
    float: left;
    width: auto;
    padding-right: 8px;
}

.answer-name ul li .option.block {
    font-weight: 400;
    cursor: pointer;
}

.btn-infotxt {
    background: #f2f2f2;
    border-radius: 4px;
    border: 1px solid #e6e6e6;
    float: left;
    width: 100%;
    line-height: 14px;
    padding: 8px 0;
    margin: 15px 0 35px 0;
}

.btn-infotxt p {
    margin: 0;
    padding: 0;
}

.text-center {
    text-align: center;
}

.text-left {
    text-align: left;
}

.text-right {
    text-align: right;
}

.button-vx {
    font-size: 14px;
    margin-bottom: 10px;
    padding-top: 5px;
    padding-bottom: 8px;
    outline: none;
    margin-right: 8px;
    background: #005e86;
    color: #fff;
    font-family: "Roboto", sans-serif;
    font-weight: 400;
    display: inline-block;
    text-decoration: none;
    border-radius: 5px;
    border: 2px solid #fff;
    box-shadow: 0px -1px 12px 0px rgba(0, 0, 0, 0.2);
    text-align: center;
    vertical-align: middle;
    text-transform: none;
    cursor: pointer;
}

.style-grd {
    border: 0;
    height: 1px;
    background: #d2d2d2;
}

.btn-round {
    border-radius: 50%;
    background: #005e86;
    border: 2px solid #fff;
    width: 115px;
    height: 115px;
    display: block;
    box-shadow: 0px -1px 12px 0px rgba(0, 0, 0, 0.2);
    text-align: center;
    color: #fff;
    line-height: 115px;
    text-transform: uppercase;
    font-size: 26px;
    cursor: pointer;
    outline: none;
    margin: 0 auto;
}

.alert {
    background: #f2edda;
    padding: 7px;
    font-size: .9em;
    margin: 5px 0 0px;
    display: inline-block;
    animation: 2s alertAnim forwards;
}

.ng-touched {
    border-color: red
}

.ng-valid {
    border-color: #F0BC7A
}

/* ================ Added by Tejas (14-03-2018) */
.sidebar-menu>li>a>.fa,
.sidebar-menu>li>a>.glyphicon,
.sidebar-menu>li>a>.ion {
    width: 28px;
    font-size: 22px;
    top: 2px;
    margin-top: 0px;
    position: relative;
}

.sidebar-menu li>a>.pull-right {
    position: absolute;
    top: 9px !important;
    right: 0;
    text-align: right;
    margin-top: -7px;
    width: 10px !important;
}

.sidebar-menu>li>a {
    padding: 8px 5px 8px 10px;
    display: block;
    font-size: 1.4rem;
    /* letter-spacing: 0.5px; */
}

.sidebar-menu .treeview-menu>li>a {
    padding: 5px 5px 5px 20px;
    display: block;
    font-size: 1.3rem;
    position: relative;
    /* letter-spacing: 0.5px; */
}

.fa.pull-right {
    margin-left: 0;
    width: 10px;
}

/* ========== FOR BORDER (Apurv 27-01-2018) ========== */
#header {
    border-bottom: 1px solid #DDDDDD;
}

@keyframes alertAnim {
    from {
        opacity: 0;
        transform: translateY(-20px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@media print {
    .hidden-print {
        display: none !important;
    }

    tfoot {
        display: table-footer-group;
    }

}

body {
    margin-top: 0px;
    margin-left: 0px;
}

#page_1 {
    position: relative;
    overflow: hidden;
    margin: 26px 0px 831px 0px;
    padding: 0px;
    border: none;
}

#page_2 {
    position: relative;
    overflow: hidden;
    margin: 26px 0px 0px 0px;
    padding: 0px;
    border: none;
}

#page_1 #page_2 #p1dimg1 {
    position: absolute;
    top: 116px;
    left: 0px;
    z-index: -1;
    width: 737px;
    height: 2px;
    font-size: 1px;
    line-height: nHeight;
}

#page_1 #page_2 #p1dimg1 #p1img1 {
    width: 737px;
    height: 2px;
}

#salary_slip_page_1 {
    position: relative;
    overflow: hidden;
    margin: 26px 0px 0px 0px;
    padding: 0px;
    border: none;
}

#salary_slip_page_1 #p1dimg1 {
    position: absolute;
    top: 116px;
    left: 0px;
    z-index: -1;
    width: 737px;
    height: 2px;
    font-size: 1px;
    line-height: nHeight;
}

#salary_slip_page_1 #p1dimg1 #p1img1 {
    width: 737px;
    height: 2px;
}

.border_full {
    border: 1px solid #000000 !important;
    padding-top: 10px !important;
}

.fee_collection_summery th {
    padding: 10px !important;
    border-right: 1px solid #000000;
    border-bottom: 1px solid #000000;
    border-top: 1px solid #000000;
}

.fee_collection_summery td {
    padding: 10px !important;
    border-right: 1px solid #000000;
    border-bottom: 1px solid #000000;
}

.fee_collection_summery .last td {
    border-right: 0px;
    border-bottom: 0px;
}

.fee_collection_summery .last-border {
    border-right: 0px;
}

.th0 {
    width: 100px !important;
}

.th1 {
    width: 73px !important;
}

.th2 {
    width: 170px !important;
}

.th3 {
    width: 220px !important;
}

.th4 {
    width: 180px !important;
}





.ft0 {
    font: bold 16px 'Helvetica';
    line-height: 19px;
}

.ft1 {
    font: 13px 'Helvetica';
    line-height: 16px;
}

.ft2 {
    font: 15px 'Helvetica';
    line-height: 17px;
}

.ft3 {
    font: bold 12px 'Helvetica';
    line-height: 15px;
}

.ft4 {
    font: 1px 'Helvetica';
    line-height: 1px;
}

.ft5 {
    font: 1px 'Helvetica';
    line-height: 5px;
}

.ft6 {
    font: 11px 'Helvetica';
    line-height: 14px;
}

.ft7 {
    font: 9px 'Helvetica';
    line-height: 12px;
}

.ft8 {
    font: 10px 'Helvetica';
    line-height: 13px;
}

.ft9 {
    font: 1px 'Helvetica';
    line-height: 4px;
}

.ft10 {
    font: bold 11px 'Helvetica';
    line-height: 14px;
}

.ft14 {
    font: 14px 'Helvetica';
    line-height: 17px;
}

.ft16 {
    font: 16px 'Helvetica';
    line-height: 19px;
}

.ft18 {
    font: bold 18px 'Helvetica';
    line-height: 21px;
}

.ft20 {
    font: bold 20px 'Helvetica';
    line-height: 23px;
}

.p0 {
    text-align: center;
    margin-top: 0px;
    margin-bottom: 0px;
}

.p1 {
    text-align: center;
    margin-top: 2px;
    margin-bottom: 0px;
}

.p2 {
    text-align: center;
    margin-top: 6px;
    margin-bottom: 0px;
}

.p3 {
    text-align: center;
    margin-top: 2px;
    margin-bottom: 0px;
}

.p4 {
    text-align: center;
    margin-top: 3px;
    margin-bottom: 0px;
}

.p5 {
    text-align: center;
    margin-top: 0px;
    margin-bottom: 0px;
    white-space: nowrap;
}

.p6 {
    text-align: center;
    margin-top: 0px;
    margin-bottom: 0px;
    white-space: nowrap;
}

.p7 {
    text-align: right;
    margin-top: 0px;
    margin-bottom: 0px;
    white-space: nowrap;
}

.p8 {
    text-align: right;
    margin-top: 0px;
    margin-bottom: 0px;
    white-space: nowrap;
}

.p9 {
    text-align: center;
    margin-top: 0px;
    margin-bottom: 0px;
    white-space: nowrap;
}

.particulars {
    text-align: left;
    margin-left: 15px;
    margin-top: 0px;
    margin-bottom: 0px;
    white-space: nowrap;
}

.voucher_type {
    text-align: left;
    margin-top: 0px;
    margin-bottom: 0px;
    white-space: nowrap;
}

.voucher_no {
    text-align: left;
    margin-top: 0px;
    margin-bottom: 0px;
    white-space: nowrap;
}

.p11 {
    text-align: center;
    margin-top: 0px;
    margin-bottom: 0px;
    white-space: nowrap;
}

.td0 {
    padding: 0px;
    margin: 0px;
    vertical-align: bottom;
}

.td1 {
    padding: 0px;
    margin: 0px;
    vertical-align: bottom;
}

.td2 {
    padding: 0px;
    margin: 0px;
    vertical-align: bottom;
}

.td3 {
    padding: 0px;
    margin: 0px;
    vertical-align: bottom;
}

.td4 {
    padding: 0px;
    margin: 0px;
    vertical-align: bottom;
}

.td5 {
    padding: 0px;
    margin: 0px;
    vertical-align: bottom;
}

.td6 {
    border-bottom: #000000 1px solid;
    padding: 0px;
    margin: 0px;
    vertical-align: bottom;
}

.td7 {
    border-bottom: #000000 1px solid;
    padding: 0px;
    margin: 0px;
    vertical-align: bottom;
}

.td8 {
    border-bottom: #000000 1px solid;
    padding: 0px;
    margin: 0px;
    vertical-align: bottom;
}

.td9 {
    border-bottom: #000000 1px solid;
    padding: 0px;
    margin: 0px;
    vertical-align: bottom;
}

.td10 {
    border-bottom: #000000 1px solid;
    padding: 0px;
    margin: 0px;
    vertical-align: bottom;
}

.td11 {
    border-bottom: #000000 1px solid;
    padding: 0px;
    margin: 0px;
    vertical-align: bottom;
}

.tr0 {
    height: 20px;
}

.tr1 {
    height: 5px;
}

.tr2 {
    height: 15px;
}

.tr3 {
    height: 4px;
}

.t0 {
    width: 100%;
    margin-top: 20px;
    font: 11px 'Helvetica';
}

.page_1043 {
    width: 1043px;
}

.page_863 {
    width: 863px;
}

.width50 {
    width: 50% !important;
}

.border_left {
    border-left: 1px solid #f47721;
}

.border_bottom {
    border-bottom: 2px solid #d6d6d6
}

.align_right {
    text-align: right !important;
}

.align_left {
    text-align: left !important;
}

.font_weight_500 {
    font-weight: 500
}

.padding_bottom {
    padding-bottom: 30px !important;
}

.margin_left {
    margin-left: 79%;
}

.cancel_btn_margin {
    margin-top: -58px;
    margin-left: 55%;
}

.font_12 {
    font-size: 12px;
}

.font_16 {
    font-size: 16px;
}

.font_22 {
    font-size: 22px;
}

.width_20 {
    width: 20%;
}

.width_15 {
    width: 15%;
}

.width_25 {
    width: 25%;
}

.width_30 {
    width: 30%;
}

.width_40 {
    width: 40%;
}

.width_70 {
    width: 70%;
}

.no_label {
    font-weight: normal !important;
}


/* fee Receipt css*/
.fee_table tr td {
    padding: 5px 10px;
    border-bottom: 1px solid
}

.fee_table .even {
    border-left: 1px solid;
}

/* fee Collection Form css*/
.align_center {
    text-align: center !important;
}

/* Fee Collection Report css */

.fee_report_td0 {
    padding: 0px;
    margin: 0px;
    vertical-align: top;
}

.th40 {
    width: 40px !important;
}

.th60 {
    width: 60px !important;
}

.th80 {
    width: 80px !important;
}

.th100 {
    width: 100px !important;
}

.th120 {
    width: 120px !important;
}

.th140 {
    width: 140px !important;
}

.th170 {
    width: 170px !important;
}

.th200 {
    width: 200px !important;
}

.th250 {
    width: 250px !important;
}


/* Fee Collection Report / Fee Collection Summary Report */

table.browserref {
    border-collapse: collapse;
    width: 100%;
}

table.browserref tr:nth-child(even) {
    background-color: #F1F1F1;
}

table.browserref tr:nth-child(odd) {
    background-color: #ffffff;
}

table.browserref tr.fixzebra {
    background-color: #F1F1F1;
}

table.browserref th {
    height: 32px;
    background-repeat: no-repeat;
    background-position: center center;
    border: 1px solid #000;
    background-color: #ffffff;
    padding: 8px;
    vertical-align: middle;
    font-weight: 600;
    color: #000;
    font-size: 1rem;
    font-family: Arial, "sans-serif";
}

table.browserref td {
    border: 1px solid #000;
    padding: 8px;
    vertical-align: middle;
    font-weight: normal;
    color: #000;
    font-size: 1rem;
    font-family: Arial, "sans-serif";
}

table.browserref td.total {
    font-weight: 600;
}

table.browserref th:first-child,
table.browserref td:first-child {}



table td.school-name {
    padding: 10px;
    border: 1px solid #000;
}

table td.school-name .school-logo {
    width: 100px;
    height: 100px;
    padding: 0px;
    margin: 0px;
}

table td.school-name .school-name-text {
    font-weight: 600;
    color: #000;
    padding-bottom: 10px;
    font-size: 1.8rem;
    font-family: Arial, "sans-serif"
}

table td.school-name .school-add-text {
    font-weight: 400;
    color: #000;
    font-size: 1rem;
    font-family: Arial, "sans-serif";
    line-height: 1.5;
}

table td.school-reports-titel {
    padding: 10px;
    border-left: 1px solid #000;
    border-right: 1px solid #000;
    font-size: 1.2rem;
    font-family: Arial, "sans-serif";
    font-weight: 600;
    color: #000;
}

/** -------------------------------------------------- */

/** -----------------Fee Challan Start----------------------- */


table.browserref {
    border-collapse: collapse;
    width: 100%;
}

table.browserref tr:nth-child(even) {
    background-color: #F1F1F1;
}

table.browserref tr:nth-child(odd) {
    background-color: #ffffff;
}

table.browserref tr.fixzebra {
    background-color: #F1F1F1;
}

table.browserref th {
    height: auto;
    background-repeat: no-repeat;
    background-position: center center;
    border: 1px solid #000;
    background-color: #ffffff;
    padding: 2px 1px;
    vertical-align: middle;
    font-weight: 500;
    color: #000;
    font-size: 10px;
    font-family: Arial, "sans-serif";
}

table.browserref td {
    border: 1px solid #000;
    padding: 0px 8px;
    vertical-align: middle;
    font-weight: normal;
    color: #000;
    font-size: 9px;
    font-family: Arial, "sans-serif";
}

table.browserref td.total {
    font-weight: 600;
}

table.browserref th:first-child,
table.browserref td:first-child {}

table.browserref .bsIE {
    background-image: url('/images/compatible_ie.gif');
}

table.browserref .bsEdge {
    background-image: url('/images/compatible_edge.gif');
}

table.browserref .bsFirefox {
    background-image: url('/images/compatible_firefox.gif')
}

table.browserref .bsChrome {
    background-image: url('/images/compatible_chrome.gif');
}

table.browserref .bsSafari {
    background-image: url('/images/compatible_safari.gif');
}

table.browserref .bsOpera {
    background-image: url('/images/compatible_opera.gif')
}

table td .copy-name {
    padding: 5px;
    color: #fff;
    background-color: #424242;
    font-size: 10px;
    font-family: Arial, "sans-serif";
    font-weight: 600;
    text-transform: uppercase;
    display: inline-block;
}

table td.school-name {
    /* padding: 3px;
    border: 1px solid #000;
    border-bottom: none; */
}

table td.report-header-name {
    padding: 3px;
    border: 1px solid #000;
}

table td.school-name .school-logo {
    width: 50px;
    height: 50px;
    padding: 0px;
    margin: 0px;
}

table td.school-name .school-logo img {
    display: block;
    max-width: 100%;
}

table td.school-name .bank-logo {
    width: 100px;
    height: auto;
    padding: 0px;
    margin: 0px;
}

table td.school-name .school-name-text {
    font-weight: 600;
    color: #000;
    padding-bottom: 0;
    font-size: 16px;
    font-family: Arial, "sans-serif"
}

table td.school-name .school-add-text {
    font-weight: 400;
    color: #000;
    font-size: 10px;
    font-family: Arial, "sans-serif";
    line-height: 14px;
}

table td.school-name .school-ac-titel {
    font-weight: 600;
    color: #000;
    font-size: 14px;
    font-family: Arial, "sans-serif";
    line-height: 1.5;
    padding-bottom: 0;
    text-transform: uppercase;
    text-decoration: underline;
}

table td.school-reports-titel {
    padding: 10px;
    border-left: 1px solid #000;
    border-right: 1px solid #000;
    font-size: 1.2rem;
    font-family: Arial, "sans-serif";
    font-weight: 600;
    color: #000;
}

td .student-details {
    padding: 5px 10px;
    /* border-left: 1px solid #000; */
    /* border-right: 1px solid #000; */
}

.total-details-td {
    border: 1px solid #000;
    border-top: 0px;
}

.total-details-td td {
    padding: 2px 5px;
    vertical-align: middle;
    font-weight: normal;
    color: #000;
    font-size: 10px;
    font-family: Arial, "sans-serif";
}

.total-details-td td span {
    font-weight: 600;
}

.cheque-details {
    font-weight: 400;
    color: #000;
    font-size: 11px;
    font-family: Arial, "sans-serif";
    line-height: normal;
    padding: 2px 8px;
    border-left: 1px solid #000;
    border-right: 1px solid #000;
    border-bottom: 1px solid #000;
}

.border-bottom-right {
    border-bottom: 1px solid #000;
    border-right: 1px solid #000;
}

.border-bottom {
    border-bottom: 1px solid #000;
}

.border-left {
    border-left: 1px solid #000;
}

.border-top {
    border-top: 1px solid #000;
}

.border-right {
    border-right: 1px solid #000;
}

.cheque-details-td td {
    padding: 2px 8px;
    vertical-align: middle;
    font-weight: normal;
    color: #000;
    font-size: 11px;
    font-family: Arial, "sans-serif";
}

.cheque-details-td td span {
    font-weight: 600;
}

.cheque-details-row {
    padding: 2px 4px;
    vertical-align: middle;
    font-weight: normal;
    color: #000;
    font-size: 12px;
    font-family: Arial, "sans-serif";
}

.cheque-details-row span {
    font-weight: 600;
}

.cheque-details-row .bank-details-text-line {
    border-bottom: 1px dotted #000;
    display: inline-block;
    width: 100%;
    margin: 0px;
    padding: 0px;
    vertical-align: middle;
    font-weight: normal;
    color: #000;
    font-size: 11px;
    font-family: Arial, "sans-serif";
    position: relative;
    height: 11px;
}

.cheque-details-row .bank-details-text-line .bank-details-lable {
    /*display: table-cell;*/
    vertical-align: middle;
    font-weight: normal;
    color: #000;
    font-size: 11px;
    font-family: Arial, "sans-serif";
    padding-right: 5px;
    position: absolute;
    height: 14px;
    background-color: #fff;
}


.td-details-text {
    vertical-align: middle;
    font-weight: normal;
    color: #000;
    font-size: 11px;
    font-family: Arial, "sans-serif";
    position: relative;
    padding: 2px 0px;
}

.amount-words-text-line {
    border-bottom: 1px solid #000;
    display: inline-block;
    width: 100%;
    margin: 0px;
    padding: 0px;
    vertical-align: middle;
    font-weight: normal;
    color: #000;
    font-size: 10px;
    font-family: Arial, "sans-serif";
    position: relative;
    height: 11px;
}

.amount-words-text-line .amount-words-lable {
    /*display: table-cell;*/
    vertical-align: middle;
    font-weight: normal;
    color: #000;
    font-size: 10px;
    font-family: Arial, "sans-serif";
    padding-right: 5px;
    position: relative;
    height: 12px;
    background-color: #fff;
}

.sign-depositor-row {
    padding: 2px 0px;
    color: #000;
    font-size: 11px;
    font-family: Arial, "sans-serif";
    padding-right: 0;
    background-color: #fff;
    font-weight: normal;
    height: 26px;
}

.sign-depositor-row span {
    font-weight: 600;
}

.for-bank-only-titel {
    border: 1px solid #000;
    padding: 2px 8px;
    border-radius: 50px;
    color: #000;
    font-size: 10px;
    font-family: Arial, "sans-serif";
    font-weight: 600;
}

ul.instructions {
    margin: 0px;
    padding: 0px 0px 0px 11px;
    width: auto;
    height: auto;
}

ul.instructions li {
    color: #000;
    font-size: 11px;
    font-family: Arial, "sans-serif";
    list-style-type: symbols;
    list-style-position: outside;
    padding: 1px 0px;
    margin: 0px;
}

/** ----------------------Fee Challan End----------------------------- */

/** ----------------------Salary Slip Start----------------------------- */

.main_table_border td,
.main_table_border th {
    padding: 3px 5px;
}

.font_body {
    FONT-SIZE: 13px;
    COLOR: #000;
    font-family: Arial, "sans-serif";
}

.font_heading {
    FONT-WEIGHT: bold;
    FONT-SIZE: 13px;
    COLOR: #000;
    font-family: Arial, "sans-serif";
    padding-right: 2px;
}

.font_heading1 {
    FONT-SIZE: 13px;
    COLOR: #000;
    font-family: Arial, "sans-serif";
    padding-left: 2px;
}

.logo-file {
    width: 100px;
    padding: 0px;
}

.logo-file img {
    display: block;
    max-width: 100%;
}

.salary-sheet-school-name {
    FONT-WEIGHT: bold;
    FONT-SIZE: 28px;
    COLOR: #000;
    font-family: Arial, "sans-serif";
}

#fees_receipt_page_1 {
    position: relative;
    overflow: hidden;
    margin: 26px 0px 0px 0px;
    padding: 0px;
    border: none;
    width: 600px;
}

.name_top {
    font-size: 12px;
    font-family: Arial, "sans-serif";
}

.fees_receipt {
    font-size: 16px;
    font-family: Arial, "sans-serif";
    font-weight: bold;
}

.amt_heading {
    font-size: 15px;
    font-family: Arial, "sans-serif";
}

table.amount {
    border-collapse: collapse;
}

table.amount td,
table.amount th {
    padding: 8px;
    border: 1px solid #000000;
}

.totalamt {
    font-size: 16px;
    font-family: Arial, "sans-serif";
    font-weight: bold;
}

.rules {
    margin: 5px 0px 0px 0px;
    padding: 10px 0px 0px 0px;
    border-top: 1px solid #d6d6d6;
}

/*.rules li{list-style: inside disc;
 list-style-type: disc; list-style-position: inside;
 padding-bottom: 5px;margin-left: 10px;font-size: 12px;font-family: Arial, "sans-serif";float: left;margin-right: 10px;}*/
.rules_li {
    list-style: none;
    padding-bottom: 5px;
    font-size: 12px;
    font-family: Arial, "sans-serif";
    float: left;
    margin-right: 10px;
    background-image: url(../images/bullets.png);
    background-repeat: no-repeat;
    background-position: 0px 4px;
    background-size: 7px 7px;
    padding-left: 14px;
}

.bankdetail td {
    width: 33%;
    font-size: 12px;
    font-family: Arial, "sans-serif";
}

.bankdetailnew td {
    width: 25%;
    vertical-align: top;
    font-size: 12px;
    font-family: Arial, "sans-serif";
}

/** ----------------------Salary Slip End----------------------------- */


.checkbox-w {
    width: 15px;
    height: 15px;
    display: innlie-block;
    position: relative;
    top: 3px;
}

.checkbox-text {
    font-size: 13px;
}

.select-checkbox {
    /*padding-right: 26px;*/
    margin-right: 30px;
    margin-top: -6px;
    width: 250px;
}

.select-checkbox-new {
    /* padding-right: 26px; */
    margin-right: 0;
    margin-top: 0px;
    width: 170px;
    padding: 0px 0px 6px 0px;
}

.collapsed-box-row {
    border-top: 1px solid #d2d6de;
}

/* Set Loader Start */

.my_loader {
    position: fixed;
    left: 50%;
    top: 50%;
    z-index: 99999999;
    margin: -75px 0 0 -75px;
    border: 16px solid #f3f3f3;
    border-radius: 50%;
    border-top: 16px solid #f47721;
    width: 200px;
    height: 200px;
    -webkit-animation: spin 2s linear infinite;
    animation: spin 2s linear infinite;
    background-color: white;


}

.my_loader1 {
    z-index: 99999999;
    margin: 0;
    border: 16px solid #f3f3f3;
    border-radius: 50%;
    border-top: 16px solid #3498db;
    width: 200px;
    height: 200px;
    -webkit-animation: spin 2s linear infinite;
    animation: spin 2s linear infinite;
    background-color: white;
    position: absolute;
    left: 49px;
}

.progress_login {
    color: black;
    /* font-size: 20px; */
    height: auto;
    width: 200px;
    position: absolute;
    left: 46px;
    top: 81px;
    z-index: 99999999;
    margin: 0;
    border-bottom: none;
    text-align: center;
    background-color: transparent;
}

.progress_education {
    color: black;
    /* font-size: 20px; */
    height: 200px;
    width: 200px;
    position: fixed;
    left: 50%;
    top: 50%;
    z-index: 99999999;
    margin: -75px 0 0 -75px;
    border-bottom: none;
    text-align: center;
    background-color: transparent;
    font-size: 20px;
    line-height: 26px;
    /* align-items: center; */
    display: inline-block;
    vertical-align: middle;
    /* flex: 0 0 200px; */
}

.progress_education span {
    vertical-align: middle;
    top: 50%;
    transform: translateY(-50%);
    position: absolute;
    width: 100%;
    left: 0;
}


@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
    }
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

/* Set Loader End */

.scrollbar123 {
    /* margin-left: 22px; */
    float: left;
    height: 125px;
    /* width: 65px; */
    background: #ffffff;
    width: 100%;

    /* margin-bottom: 25px; */

}

.force-overflow {
    min-height: 104px;
}

.scrollbar123::-webkit-scrollbar {
    width: 6px;
    background-color: #ffffff;
}

.scrollbar123::-webkit-scrollbar-thumb {
    border-radius: 10px;

    background-color: #555;
}

.scrollbar123::-webkit-scrollbar-track {

    border-radius: 10px;
    background-color: #ffffff;
}

.dashboard_data {
    float: left;
    margin-left: 10px;
    padding: 5px;
    background: #ffffff;
}

.col-md-4 .dashboard_data {
    width: 100%;
    padding: 0px;
    margin: 0px;
}

.col-md-6 .dashboard_data {
    width: 430px;
}

.dashboard_lable {
    width: 40%;
    float: left;
}

.dashboard_input_no_record {
    text-align: left;
    background-color: #ffffff;
    color: #666666;
    white-space: normal;
    width: 100%;
    word-wrap: break-word;
    line-height: 18px;
}

.dashboard_input {
    text-align: left;
    background-color: #ffffff;
    color: #666666;
    white-space: normal;
    width: 58%;
    word-wrap: break-word;
    line-height: 18px;
    font-weight: normal;
}

.dashboard_detail {
    padding-bottom: 5px;
    float: left;
    width: 100%;
}

.dashboard_date {
    float: left;
    width: 45px;
    height: 45px;
    border-radius: 100px;
    background-color: red;
    text-align: center;
    color: #fff;
    font-size: 10px;
    font-weight: 600;
    line-height: 12px;
    padding: 4px;
}

.dashboard_date span {
    font-size: 13px;
}

.dashboard_main_li {
    padding: 5px;
    margin: 5px 0px 5px 5px;
    float: left !important;
    /*background: #d6d6d6;*/
    width: 98%;
}

.dashboard_main_ul {
    background: #ffffff;
}

.dashboard_main_ul>li+li {
    margin-top: 2px;
    margin-left: 5px !important;
}








.dashboard_data h4 {
    overflow: hidden;
    text-align: center;
    font-size: 14px;
    font-weight: 700;
    color: #555555;
    margin: 0px 0px 10px 0px;
}

.dashboard_data h4:before,
.dashboard_data h4:after {
    background-color: #d6d6d6;
    content: "";
    display: inline-block;
    height: 1px;
    position: relative;
    vertical-align: middle;
    width: 50%;
}

.dashboard_data h4:before {
    right: 0.5em;
    margin-left: -50%;
}

.dashboard_data h4:after {
    left: 0.5em;
    margin-right: -50%;
}




/*
.table_timetable>thead>tr>th , .table_timetable>tbody>tr>td{padding: 8px 3px;}
 .table_timetable>tbody>tr>td{width: 14.14%}
 .table_timetable>thead>tr>th {width: 14.8%;}*/

.scroll_main {
    overflow-y: hidden;
}

.scroll_main:hover {
    overflow-y: scroll;
}

/*** TejasBhai (Dashboard Timetable) ***/
table.scroll {
    width: 100%;
    /* 14.9999% * 7 column + 16px scrollbar width */
    border-spacing: 0;
    border: 1px solid black;
}

table.scroll tbody,
table.scroll thead tr {
    display: block;
}

table.scroll tbody {
    height: 250px;
    overflow-y: auto;
    overflow-x: hidden;
    float: none !important;
    font-size: 12px;
    text-align: center;
}

table.scroll tbody.scrollbar123::-webkit-scrollbar {
    width: 1%;
    background-color: #ffffff;
}

table.scroll tbody td,
table.scroll thead th {
    width: 10% !important;
    border-right: 1px solid black;
    color: #000;
    font-size: 12px;
    text-align: center;
    padding: 2px;
    border-bottom: 1px solid #ccc;
}

table.scroll tbody td:last-child,
table.scroll thead th:last-child {
    width: 12% !important;
    /* 14.2%  + 16px scrollbar width */
}

table.scroll thead tr th {
    height: auto;
    line-height: normal;
    color: #000;
    text-align: center;
    /*text-align: left;*/
}

table.scroll tbody {
    border-top: 1px solid black;
}

table.scroll tbody td:last-child,
table.scroll thead th:last-child {
    border-right: none !important;
}

.calendar_scroll .fc-scroller {
    height: 257px !important;
}

.news_main {
    float: left;
    width: 100%;
    padding: 10px;
    height: 307px !important;
}

.number_of_news {
    background: #f0f0f0;
    padding: 10px;
    float: left;
    width: 100%;
    margin-bottom: 10px;
}

.news_left {
    float: left;
    width: 40px;
    margin-right: 10px;
    height: 40px;
}

.news_left img {
    width: 100%;
    border-radius: 40px;
}

.news_right {
    float: left;
    width: 89%;
    color: #555555;
}

.news_raw1 {
    float: left;
    width: 100%;
    padding: 0px 0px 5px 0px;
}

.news_user_name {
    float: left;
    font-size: 14px;
    font-weight: 600;
    color: #155c9c;
}

.news_time {
    float: right;
}

.news_title {
    float: left;
    font-size: 16px;
    font-weight: 600;
    color: #555555;
    width: 100%;
    padding: 10px 0px;
}



section.section_part {
    position: relative;
    border: 0px;
    padding-top: 37px;
    background: none;
}

section.positioned {
    position: absolute;
    top: 100px;
    left: 100px;
    width: 800px;
    box-shadow: 0 0 15px #333;
}

.section_part .container_table {
    /*overflow-y: auto;*/
    height: 269px !important;
}

.section_part table {
    border-spacing: 0;
    width: 100%;
}

.section_part td+td {
    border-left: 1px solid #d6d6d6;
}

.section_part td,
.section_part th {
    border-bottom: 1px solid #d6d6d6;
    background: none;
    color: #555;
    padding: 10px 25px;
}

.section_part th {
    height: 0;
    line-height: 0;
    padding-top: 0;
    padding-bottom: 0;
    color: transparent;
    white-space: nowrap;
}

.section_part th div {
    position: absolute;
    background: transparent;
    color: #555555;
    padding: 9px 15px;
    top: 0;
    margin-left: -25px;
    line-height: normal;
    border-left: 1px solid #d6d6d6;
}

.section_part th:first-child div {
    border: none;
}








section.time_table_section_part {
    position: relative;
    border: 0px;
    padding-top: 37px;
    background: none;
    width: 100%;
}

section.positioned {
    position: absolute;
    top: 100px;
    left: 100px;
    width: 800px;
    box-shadow: 0 0 15px #333;
}

.time_table_section_part .container_table {
    /*overflow-y: auto;*/
    height: 269px !important;
}



.time_table_section_part table {
    border-spacing: 0;
    width: 100%;
}

.time_table_section_part td+td {
    border-left: 1px solid #d6d6d6;
}

.time_table_section_part td,
.time_table_section_part th {
    border-bottom: 1px solid #d6d6d6;
    background: none;
    color: #555;
    padding: 10px 5px;
    font-size: 11px;
}

.time_table_section_part th {
    height: 0;
    line-height: 0;
    padding-top: 0;
    padding-bottom: 0;
    color: transparent;
    white-space: nowrap;
    font-size: 11px;
}

.time_table_section_part th div {
    position: absolute;
    background: transparent;
    color: #555555;
    padding: 13px 5px;
    top: 0;
    margin-left: -5px;
    line-height: normal;
    border-left: 1px solid #d6d6d6;
}

.time_table_section_part th:first-child div {
    border: none;
}

.height_307 {
    height: 307px;
}

.height_230 {
    height: 230px;
}

.margin_bottom_30 {
    margin-bottom: 30px;
}

.class_work_no_record1 {
    text-align: center;
    color: #999999;
    font-size: 16px;
    padding: 15px 0px
}

.class_work_no_record2 {
    text-align: center;
    color: #999999;
    font-size: 20px;
}

.no_record_col_sm_6 {
    text-align: center;
    color: #999999;
    font-size: 20px;
    padding: 120px 0px 0px 0px
}


.institute_header {
    float: left;
    padding-left: 20px;
    width: 52%;
    margin-top: 7px;
}

.institute_photo {
    float: left;
}

.institute_photo img {
    width: 35px;
    border-radius: 35px;
    margin-top: 8px;
}

.institute_name {
    /* font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; */
    font-size: 18px;
    float: left;
    line-height: 30px;
    color: #ffffff;
    font-weight: 500;
    padding: 10px 0px 10px 10px;
    width: 93%;
    letter-spacing: 0.5px;
}

.right_dropdown {
    float: right;
    width: 44%;
    padding-top: 7px;
}

.select_style_width {
    width: 185px !important;
}

.float_right {
    float: right;
}

.float_left {
    float: left;
}

.fee_head {
    display: block;
    height: 34px;
    padding: 0px 0px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
}

.section_title {
    font-size: 18px;
    color: gray;
}

.color_hawks_blue {
    background-color: #dfe0e2 !important;
}

.tabel-tr-th-td-border {
    border: 1px solid gray !important;
}

.font_weight_bold {
    font-weight: bold;
}

.width_1120 {
    width: 1120px !important;
}

.width_1200 {
    width: 1200px !important;
}

.rightpart_li {
    float: left;
    min-width: 121px;
}

.rightpart_li a {
    float: left;
    width: 100%;
}

.rightpart_li span {
    float: left;
    width: 70px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}





.fee_label {
    padding-bottom: 7px;
}

.student_form_part {
    border-top: 1px solid #d6d6d6;
    border-bottom: 1px solid #d6d6d6;
    margin-bottom: 10px;
}

.student_table_part {
    background-color: #f0f0f0;
    border: 1px solid #d6d6d6;
    margin-left: 15px
}

.student_table_part tr th {
    /*display: inline-block;
  float: left;*/
    text-transform: uppercase;
    color: #333;
    font-size: 11px;
    padding: 8px 10px 6px 10px !important;
    border: solid 1px #d6d6d6;
    text-align: center;
    /* font-family: 'Source Sans Pro', 'Helvetica Neue', Helvetica, Arial, sans-serif !important; */
    font-family: "Inter", sans-serif;
    border-width: 1px 1px 1px 0;
}


.student_table_part tr td {
    /* font-family: 'Source Sans Pro', 'Helvetica Neue', Helvetica, Arial, sans-serif !important; */
    font-family: "Inter", sans-serif;
    /*display: inline-block;
  float: left;*/
    text-transform: capitalize;
    color: #000;
    font-size: 11px;
    padding: 8px 10px 6px 10px !important;
    border-right: solid 1px #d6d6d6;
    border-top: none !important;
    text-align: center;
    font-weight: 400;
    border: solid 1px #d6d6d6;
    word-wrap: break-word;
    word-break: break-word;
}

.student_table_part_right_head {
    /*display: inline-block;
    float: left;*/
    text-transform: uppercase;
    color: #333;
    font-size: 15px;
    padding: 8px 11px !important;
    border: 0px;
    text-align: center;
    /* font-family: 'Source Sans Pro', 'Helvetica Neue', Helvetica, Arial, sans-serif !important; */
    font-family: "Inter", sans-serif;
    border-width: 0px;
    font-weight: bold;
}

.progress_bar_main {
    clear: both;
    width: 100%
}


.fee_amount {
    text-transform: uppercase;
    clear: both;
}


.progress_bar_main span.green-font {
    font-size: 30px;
    color: rgb(39, 174, 96);
    /* font-family: 'Source Sans Pro', 'Helvetica Neue', Helvetica, Arial, sans-serif'; */
    font-family: "Inter", sans-serif;
    float: left;
    font-weight: 400;
}

.progress_bar_main span {
    font-size: 14px;
    color: rgb(102, 102, 102);
    text-transform: uppercase;
    padding-bottom: 2px;
}

.progress_bar_main span.payment {
    float: right;
    width: 100%;
    text-align: left;
}

.progress_bar_main span.red-font {
    color: rgb(228, 66, 50);
    font-size: 30px;
    /* font-family: 'Source Sans Pro', 'Helvetica Neue', Helvetica, Arial, sans-serif; */
    font-family: "Inter", sans-serif;
    font-weight: 400;
}

.paid_detail1 {
    clear: both;
}

.paid_detail1 b {
    font-size: 25px;
    /* font-family: fontsfree_net_geogtq_md; */
    color: rgb(51, 51, 51);
    font-weight: 600;
    /* margin-bottom: 10px; */
    display: inline-block;
}

.paid_detail1 .col-md-3 {
    text-align: left;
    font-size: 15px;
    color: rgb(102, 102, 102);
    border-width: 0px;
    border-style: initial;
    border-color: initial;
    border-image: initial;
    padding: 0px !important;
}

/* .paid_detail1 .Orange {
  background-color: #e64a19;
  vertical-align: middle !important;
  padding: 10px 10px !important;
  text-align: center !important;
  margin: 0 !important;
  line-height: inherit !important;
  color: #fff;
  position: relative;
  right: 5px;
  text-indent: 5px;
} */

/*.paid_detail1 .Orange {
    background-color: #e64a19;
    vertical-align: middle !important;
    padding: 10px 10px !important;
    text-align: center !important;
    margin: 0 !important;
    line-height: inherit !important;
    color: #fff;
    position: relative;
    right: 0px;
    text-indent: 5px;
    text-shadow: 0 0 black;
    width: auto;
    height: auto;
    display: inline-block;
}*/


.paid_detail1 .Orange {
    background-color: #e64a19;
    padding: 10px 10px !important;
    margin: 0 !important;
    line-height: inherit !important;
    color: #fff;
    position: relative;
    right: 10px;
    text-indent: 5px;
    text-shadow: 0 0 black;
    width: 90px;
    height: 56px;
    display: inline-block;
    text-align: center;
    word-wrap: break-word;
}

.paid_detail1 .New_Orange {
    background-color: #e64a19;
    padding: 9px 8px !important;
    margin: 0 !important;
    line-height: inherit !important;
    color: #fff;
    position: relative;
    right: 0px;
    text-indent: 5px;
    text-shadow: 0 0 black;
    width: 60px;
    height: 30px;
    display: inline-block;
    text-align: center;
    word-wrap: break-word;
    left: 20px;
}

.paid_detail1 .rotate {
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
}

.send_sms {
    clear: both;
    padding-top: 20px;
}

.das-btn-save {
    font-size: 16px !important;
    color: #fff !important;
    padding: 3px 0 !important;
    width: 90px !important;
    border: 0;
    background: #e44232;
    border-radius: 0 !important;
    margin: 30px 10px;
    float: right;
}

.prefix_receipt_fees_collection {
    width: 50%;
    display: inline-block;
}

.bank-detail-form-part1 {
    border-bottom: 1px solid #d6d6d6;
    float: left;
    padding-bottom: 20px;
    margin-bottom: 10px;
}

.clear_both {
    clear: both;
}

.padding_bottom_100 {
    padding-bottom: 100px;
}

.back_color_aqua {
    background-color: aqua !important;
}

.back_color_white {
    background-color: white !important;
}

/* .faculty { height: 150px;margin-bottom: 25px;} */
.student {
    /* height: 150px; */
    margin-bottom: 25px;
}

.teaching {
    height: 150px;
    margin-bottom: 25px;
}

.sub button {
    margin-left: 169px;
}

.aftre_early {
    width: 594px !important;
}

.scheduler-border label {
    width: 30% !;
}

.group_date {
    width: 50%;
}

#example1_length,
.padding_top_8 {
    padding-top: 8px;
}

.dataTables_paginate.paging_simple_numbers {
    padding-top: 0;
}

.icon_part {
    cursor: pointer;
    margin: 10px;
}

.att_btn {
    float: right;
    width: auto;
    margin: 2px !important;
}

.checkbox_timetable {
    width: 25%;
    float: left;
}

.batch {
    margin-top: 1%;
}

.viewpaper_left {
    float: left;
    margin-left: 32px
}

.viewpaper_right {
    float: right;
    margin-right: 32px
}

.form-exam-data {
    margin-left: 10px;
    display: block;
}

ol {
    padding: 0;
    margin-top: 10px;
}

.img-circle-part {
    float: left;
    width: 100px;
}

.report_btn {
    float: right;
}

.faculty_box_left {
    float: left;
}

.faculty_box_right {
    float: right;
}

.icon-setting {
    color: #448ccb;
    font-size: 19px;
}

.tab_list_main {
    width: 100%;
    float: left;
}

.tab_list_item {
    float: left;
    width: 20%
}

.tab_list_item ul {
    margin: 0;
    padding: 0px;
    border: 1px solid #d6d6d6;
    max-height: 200px;
    overflow: auto;
}

.tab_list_item li {
    list-style: none;
}

.tab_list_item li a {
    color: #555;
    font-size: 16px;
    font-weight: bold;
    padding: 10px;
    float: left;
    width: 100%;
    border-bottom: 1px solid #d6d6d6;
    cursor: pointer;
}

.tab_list_item li a:hover,
.tab_list_item li a.select {
    background: #f0f0f0;
    color: #155c9c;
}

.tab_list_detail {
    float: left;
    width: 80%;
    max-height: 200px;
    overflow: auto;
}

.product_item {
    background: #f0f0f0;
    color: #000;
    display: flex;
    align-items: center;
    height: 100px;
    width: 100px;
    float: left;
    margin: 5px;
    border-bottom: 2px solid #000;
    cursor: pointer;
    position: relative;
}

.product_item:hover {
    background: #f9f9f9;
}

.product_name {
    width: 100%;
    text-align: center;
    font-size: 20px;
    position: absolute;
}

.product_name .product_price_qty {
    font-size: 14px;
}

.tab-product .col-md-12,
.tab-product .col-md-8,
.tab-product .col-md-4 {
    padding-left: 0px !important;
    padding-right: 0px !important;
}

.product_bill_list {
    margin-left: 10px;
    background: #f0f0f0;
    padding: 10px;
}

.a {
    color: #3c8dbc;
    font-size: 14px;
}

.items_scroll {
    overflow-y: auto;
    max-height: 200px;
}

.quantityminus {
    font: 1.2em serif;
    color: #565353;
    padding: 0 5px 0 7px;
    border: 1px solid hsla(0, 1%, 40%, .35);
    border-radius: 50%;
    height: 25px;
    width: 25px;
    display: inline-block;
    cursor: pointer;
}

.title_btn {
    float: right;
}

.title_btn a {
    padding-left: 10px;
    font-size: 15px;
}

.charge_btn {
    width: 100%;
}

.product_list {
    margin: 16px;
}

.generel {
    border-bottom: 3px solid #d6d6d6;
}

.backpayment {
    margin-left: 2%;
    margin-top: 2%;
}

.order_right {
    border-left: 1px solid #d6d6d6;
}

.scroll {
    overflow-x: scroll;
}

@media (min-width: 1200px) {
    /* .scroll{overflow-x: scroll;} */

    /* .institute_header{width: 47%;}
    .institute_name{width: 91%;}
    .right_dropdown{width: 48%;}
	 */

}



@media (min-width: 992px) and (max-width:1199px) {

    .institute_header {
        width: 100%;
    }

    .institute_name {
        width: 86%;
    }

    .right_dropdown {
        width: 100%;
    }

    /* .scroll{overflow-x: scroll;} */
    .assign_permition_chkbox .col-md-2 {
        width: 25%;
    }

    .nav-tabs-custom>.nav-tabs>li {
        border: 0px;
        float: leftmargin:0px;
        width: 45%;
        margin: 10px !important;
    }

    .nav-tabs-custom>.nav-tabs>li a {
        border: 1px solid #d6d6d6;
    }

    .nav-tabs-custom>.nav-tabs>li.active a {
        border: 1px solid #155c9c;
    }

    .nav-tabs-custom>.nav-tabs>li:first-of-type.active>a {
        border-left: 1px solid #155c9c;
    }

    .att_btn {

        float: left;
        width: 23%;
    }

    .att_head {
        width: 100%;
    }
}


@media (min-width: 768px) and (max-width: 991px) {
    .institute_header {
        width: 100%;
    }

    .institute_name {
        width: 86%;
    }

    .right_dropdown {
        width: 100%;
    }

    .scroll {
        overflow-x: scroll;
    }

    .control-label {
        width: 31.666667%;
    }

    .punch_accepted {
        width: 60% !important;
    }

    .sandwitch {
        margin-left: 32%;
    }

    .flat {
        margin-left: -127%;
    }

    .minutes {
        width: 60% !important;
    }

    .update {
        margin-left: 31.666667%;
    }

    .assign_btn {
        margin-left: 31.666667%;
    }

    .assign_btn1 {
        margin-left: 31.666667%;
    }

    .assign_btn2 {
        margin-left: 26.666667%;
    }

    .assign_btn3 {
        margin-left: 41.666667%;
    }

    .assign_btn4 {
        margin-left: 35.666667%;
    }

    .assign_btn5 {
        margin-left: 36.333333%;
    }

    .assign_btn6 {
        margin-left: 35.333333%;
    }

    .assign_btn7 {
        margin-left: 30.666667%;
    }

    .assign_btnauto {
        margin-left: auto;
    }

    .assign_btnfees {
        margin-left: 2.667%;
    }

    .assign_btnabove {
        margin-left: 70.667%;
    }

    .assign_btnupdate {
        margin-left: 30.666667%
    }

    .assign_btnid {
        margin-left: 14.667%
    }

    .assign_btnorder {
        margin-left: 33.666667%;
    }

    .page .col-sm-3 {
        width: 42.33%;
        padding: 6px 0 0 138px !important;
    }

    .page .col-sm-6 {
        width: 100%;
    }

    .pcol-sm-3 {
        width: 50%;
    }

    .rbox {
        margin-top: 8px;
        margin-left: 2px;
    }

    #exampleFooAddRemove td {
        width: 25%
    }

    .note {
        width: 100% !important;
    }

    /* .box-body label{width: 35.667%} */
    #report label {
        width: 35.667%
    }

    /* #class{width:30%;}
     #section{width:30%;}
    #subject{width:35%;}
 */

    .syllabus_part .form-group {
        width: 33%;
    }

    .danger {
        margin-left: 31.666667%;
    }

    .aftre_early {
        width: 272px !important;
    }

    .group_date {
        width: 50%;
    }

    .dataTables_info {
        padding: 13px 0 0px 36px;
    }

    .faculty {
        width: 26.666667%;
        height: 160px;
    }

    .student {
        width: 26.666667%;
        height: 160px;
    }

    .teaching {
        width: 26.666667%;
        height: 160px;
    }


    .late_after,
    .error_case {
        width: 68%;
    }

    .assign_permition_chkbox .col-xs-12 {
        width: 25%;
    }

    div.dataTables_filter input {
        width: 62%;
    }

    .icon_part {
        cursor: pointer;
        margin: 3px;
    }

    .control-label-fullwidth {
        width: 100%;
    }

    .viewcol-sm-5-768 .col-sm-5 {
        width: 100%;
    }

    .logoposition_part .col-sm-2 {
        width: 100%
    }

    .nav-tabs-custom>.nav-tabs>li {
        border: 0px;
        float: leftmargin:0px;
        width: 45%;
        margin: 10px !important;
    }

    .nav-tabs-custom>.nav-tabs>li a {
        border: 1px solid #d6d6d6;
    }

    .nav-tabs-custom>.nav-tabs>li.active a {
        border: 1px solid #155c9c;
    }

    .nav-tabs-custom>.nav-tabs>li:first-of-type.active>a {
        border-left: 1px solid #155c9c;
    }

    .att_btn {

        float: left;
        width: 48%;
    }

    .att_head {
        width: 100%;
    }

    .checkbox_timetable input {
        margin-left: -20px !important
    }

    .checkbox_timetable {
        width: 100%;
    }

    .order_right {
        clear: both;
        border: 0px;
    }

    .tab_list_item {
        width: 100%;
    }

    .tab_list_detail {
        width: 100%;
        margin-bottom: 50px;
    }

    .product_list {
        margin: 10px 0px;
    }

}


@media (min-width: 480px) and (max-width: 767px) {
    .institute_header {
        width: 100%;
    }

    .institute_name {
        width: 86%;
    }

    .right_dropdown {
        width: 100%;
    }

    .grading .ng-untouched ng-pristine ng-valid {
        width: auto;
    }

    .faculty {
        margin-bottom: 0;
    }

    .scroll {
        overflow-x: scroll;
    }

    .nav-tabs-custom>.nav-tabs>li {
        border: 0px;
        float: leftmargin:0px;
        width: 45%;
        margin: 10px !important;
    }

    .nav-tabs-custom>.nav-tabs>li a {
        border: 1px solid #d6d6d6;
    }

    .nav-tabs-custom>.nav-tabs>li.active a {
        border: 1px solid #155c9c;
    }

    .nav-tabs-custom>.nav-tabs>li:first-of-type.active>a {
        border-left: 1px solid #155c9c;
    }

    .assign_permition_chkbox .col-xs-12 {
        width: 50%;
    }

    .assign_permition_chkbox .select-checkbox {
        width: 220px;
        margin-right: 0px;
    }

    .moduls_part {
        width: 90%;
        float: left
    }

    .icon_part {
        cursor: pointer;
        margin: 2px;
    }

    /* .logoposition_part .col-sm-2 input , .col-sm-6 input{margin-left: 0px !important;} */
    .logoposition_part .col-sm-2 input,
    .logoposition_part input {
        margin-left: 0px !important;
    }

    .att_btn {

        float: left;
        width: 48%;
    }

    .att_head {
        width: 100%;
    }

    .checkbox_timetable input {
        margin-left: -20px !important
    }

    .checkbox_timetable {
        width: 100%;
    }

    .viewpaper_left {
        float: left;
        width: 100%;
    }

    .viewpaper_right {
        float: left;
        width: 100%;
        margin-left: 32px;
    }

    .form-exam-data {
        margin-left: 10px;
        display: block;
    }

    ol h4 {
        font-size: 15px;
        line-height: 22px;
    }

    .report_btn {
        float: right;
        width: 20%;
        margin: 0px 1px;
    }

    .order_right {
        clear: both;
        border: 0px;
    }

    .tab_list_item {
        width: 100%;
    }

    .tab_list_detail {
        width: 100%;
        margin-bottom: 50px;
    }

    .product_list {
        margin: 10px 0px;
    }

}

@media (min-width: 320px) and (max-width: 479px) {
    .institute_header {
        width: 100%;
    }

    .institute_name {
        width: 86%;
    }

    .right_dropdown {
        width: 100%;
    }

    .scroll {
        overflow-x: scroll;
    }

    .faculty {
        height: 0px !important;
        width: 100% !important;
    }

    .student {
        height: 0px !important;
        width: 100% !important;
    }

    .teaching {
        height: 0px !important;
        width: 100% !important;
    }

    .faculty_box input {
        width: 250px !important;
    }

    .grading input {
        width: auto !important;
    }

    .update {
        margin-left: 0;
    }

    .assign_btn {
        margin-left: 0;
    }

    .assign_btn1 {
        margin-left: 0;
    }

    .assign_btn2 {
        margin-left: 0;
    }

    .assign_btn3 {
        margin-left: 0;
    }

    .assign_btnorder {
        margin-left: 17px;
    }

    .quick {
        float: left !important;
    }

    #class {
        width: 100%;
    }

    #section {
        width: 100%;
    }

    #subject {
        width: 100%;
    }

    #report label {
        width: 100%;
    }

    .danger {
        margin-left: 0;
    }

    .group_date {
        width: 100%;
    }

    .select-checkbox {
        margin-right: -32px;
        margin-top: 0;
    }

    .panel-body .form-group label {
        width: 100% !important;
    }

    .box_title label {
        width: 100% !important;
    }

    .box-header a {
        float: none !important;
        width: 70% !important;
    }

    .legend {
        font-size: 12px;
    }

    .parameter .control-label {
        width: 100% !important;
        word-break: break-word;
    }

    .parameter .label {
        width: 100% !important;
    }

    .parameter .input {
        width: 100% !important;
    }

    .punch_accepted {
        width: 100% !important;
    }

    .box-body .control-label {
        width: 100% !important;
    }

    .col-sm-6.admin {
        word-break: break-all;
    }

    .time_start label {
        width: 97% !important;
        word-break: break-all;
    }

    .time_start .minutes {
        width: 60% !important;
    }

    .min span {
        display: block !important;
    }

    .min .model {
        width: 60% !important;
    }

    .col-sm-6.min {
        word-break: break-all;
    }

    .nav-tabs-custom>.nav-tabs>li {
        border: 0px;
        float: none;
        margin: 0px;
        width: auto;
        margin: 10px !important;
    }

    .nav-tabs-custom>.nav-tabs>li a {
        border: 1px solid #d6d6d6;
    }

    .nav-tabs-custom>.nav-tabs>li.active {
        border: 1px solid #155c9c;
    }

    .scheduler-border label {
        width: 100%
    }

    .paging pagination-controls {
        float: left;
        text-align: left
    }

    .moduls_part {
        width: 90%;
        float: left
    }

    .ngx-pagination {
        margin: 0px;
        padding: 0px;
    }

    .panel-body.syllabus_part .form-group label {
        width: 100%;
    }

    .ngx-pagination a,
    .ngx-pagination button {
        font-size: 10px;
    }

    .icon_part {
        cursor: pointer;
        margin: 0px;
    }

    .logoposition_part .col-sm-2 input,
    .logoposition_part input {
        margin-left: 0px !important;
    }

    .checkbox_timetable input {
        margin-left: -20px !important
    }

    .checkbox_timetable {
        width: 100%;
    }

    .viewpaper_left {
        float: left;
        width: 100%;
    }

    .viewpaper_right {
        float: left;
        width: 100%;
        margin-left: 32px;
    }

    .form-exam-data {
        margin-left: 10px;
        display: block;
    }

    ol h4 {
        font-size: 15px;
        line-height: 22px;
    }


    .event_checkbox .col-sm-6 {
        width: 100%;
    }

    .event_checkbox input {
        margin-left: -20px;
    }



    .order_right {
        clear: both;
        border: 0px;
    }

    .tab_list_item {
        width: 100%;
    }

    .tab_list_detail {
        width: 100%;
        margin-bottom: 50px;
    }

    .product_list {
        margin: 10px 0px;
    }




}

.box_border_bottom {
    border-bottom: 1px solid #d6d6d6;
    padding: 0px 0px 15px 0px;
    margin-bottom: 30px;
}



.form-control-feedback {
    pointer-events: visible !important;
}

.form-control-password {
    pointer-events: visible !important;

}


.form-group .col-sm-6 .form-control-feedback {
    right: 15px;
}


.que_ans_padding li {
    margin-left: 20px;
    margin-top: 10px;
    margin-bottom: 10px;
}

.radio_list_data {
    float: left;
    width: 100%;
    margin-bottom: 7px;
}

.radio_list_data input {
    float: left;
}

.radio_list_data .ans_position {
    float: left;
    padding-left: 10px;
}

.q_a_part1 {
    float: left;
    width: 100%;
    clear: both;
}

.que_ans_padding li.q_a_desc {
    clear: both;
}

.q_a_half {
    float: left;
    width: 50%;
}

.q_a_fullwidth {
    float: left;
    width: 100%;
}

.q_a_selection {
    float: left;
    width: 100px;
}


.fa-spin {
    -webkit-animation: fa-spin 2s infinite linear;
    animation: fa-spin 2s infinite linear;
}

.fa-spin {
    margin-right: 8px;
}

.fa {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: 14PX;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transform: translate(0, 0);
}

/*.loader-out {
    height: 35px;
    width: 100%;
    background-color: #ccc;
    border: 1px solid #000;
    
}*/
.loader {
    border: 5px solid #999;
    border-top: 5px solid #333;
    border-radius: 50%;
    width: 30px;
    height: 30px;
    animation: spin 2s linear infinite;
    position: relative;
    margin: 0px auto;
    position: absolute;
    top: 36px;
    right: 17px;
    background: #fff;
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}


.payment_date {
    width: 152px;
}

.table>tbody>tr>td,
.table>tbody>tr>th,
.table>tfoot>tr>td,
.table>tfoot>tr>th,
.table>thead>tr>td,
.table>thead>tr>th {
    font-size: 1em;
    /* letter-spacing: 0.5px; */
    vertical-align: middle;
}

b,
strong {
    font-weight: 500;
}

.dropdown-menu_a {
    position: absolute;
    float: none;
    top: 100%;
    width: 150px;
    right: 0 !important;
    left: auto;
    z-index: 1000;
    display: none;
    /* float: left; */
    /* min-width: 160px; */
    padding: 5px;
    margin: 2px 0 0;
    font-size: 14px;
    text-align: left;
    list-style: none;
    background-color: #fff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #ccc !important;
    border: 1px solid #000;
    border-radius: 4px;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
    box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
}

.scroll-y {
    overflow-y: -webkit-paged-y;
}

.align_font {
    text-align: center;
    font-weight: bold;
}

.emp_lp {
    position: absolute;
    margin: -14px 0;
}

.sub_lp {
    float: right;
    margin: -14px 0;
}

.image_display {
    height: 100px;
    width: 100px;
}

.margin_top_10 {
    margin-top: 10px;
}


#barcode img {
    height: 92px;
    width: 187px;
}

.barcode_img img {
    height: 92px;
    width: 187px;
}

.barcode_img_40 img {
    height: 135px;
    width: 130px;
}

.qrcode_img img {
    height: 156px;
    width: 148px;
    margin: 6px 8px;
}

.qrcode_img_40 img {
    height: 120px;
    width: 160px;
}


.date-schedule-detail.date-column-holder {
    margin-right: 0;
}

.dateholder {
    display: block;
    height: auto;
    margin: 15px auto auto;
    width: 100px;
}

h3.month {
    background-color: #2a68b2;
    color: white;
    font-size: 20px;
    font-weight: 600;
    margin: auto;
    padding: 6px 0;
    text-transform: uppercase;
}

h2.day {
    background-color: #fff;
    border: 4px solid #2a68b2;
    color: #2a68b2;
    font-size: 36px;
    font-weight: bold;
    line-height: 30px;
    margin-top: 0;
    padding: 20px;
}

.calendar_scroll_font p {
    font-size: 16px;
}

.cc-side-bar .nav.nav-list {
    clear: both;
}

.alert {
    /* padding: 15px 35px 15px 15px;
    text-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;*/
    border: none;
    background: #eaeaea;
    color: red;
}

.radio-half {
    float: left;
    width: 50%;
}

/* Start Year Wise Fees Collection Report */

.border_left_0 {
    border-left: 0px !important;
}

.border_right_0 {
    border-right: 0px !important;
}

.border_top_0 {
    border-top: 0px !important;
}

.border_bottom_0 {
    border-bottom: 0px !important;
}

.year_wise_fees_collection_width_font {
    width: 100%;
    font-family: Arial, Helvetica, sans-serif;
}

.bill-detail .font_heading {
    font-size: 16px;
}

.bill-detail .font_heading1 {
    font-size: 16px
}

.bill-detail table {
    font-family: arial, sans-serif;
    border-collapse: collapse;
    width: 100%;
}

.bill-detail td,
.bill-detail th {
    border: 1px solid #dddddd;
    text-align: left;
    padding: 5px;
}

.bill-detail .bill_head {
    font-size: 22px;
    text-align: center;
    padding-left: 20px;
    line-height: 30px;
    width: 94%;
    float: left;
    font-weight: bold
}

.biil_head {
    background: #f0f0f0;
    font-size: 14px;
    font-weight: bold
}

.bill-detail .bill_subhead {
    font-size: 14px;
    text-align: center;
    padding-left: 20px;
    line-height: 30px;
    width: 94%;
    float: left
}

.bill_head_top {
    font-size: 22px;
    text-align: center;
    padding-left: 20px;
    line-height: 30px;
    width: 94%;
    float: left;
    font-weight: bold
}

.bill_head_subtop {
    font-size: 16px;
    text-align: center;
    padding-left: 20px;
    line-height: 30px;
    width: 94%;
    float: left;
}


/* Start Year Wise Fees Collection Report */


.nav>li>a {
    padding-left: 8px;
    padding-right: 8px;
}

.nav>li>a.dropdown-toggle {
    height: 40px;
}

.drop-down-div {
    padding: 0px 7px;
}

.small-box .box-footer .nav>li>a {
    padding-left: 8px;
    padding-right: 8px;
    font-size: 16px;
    font-weight: 400;
    /* letter-spacing: 0.5px; */

}


/*.content-wrapper, .right-side{
    padding-top: 54px;
}*/
.content-wrapper,
.right-side {
    padding-top: 0;
}

.main-header {
    /*position: fixed;*/
    position: relative;
    /* max-height: 100px; */
    z-index: 1030;
    width: 100%;
    height: 64px;
}


@media (max-width: 767px) {
    .main-header {
        position: relative;
    }

    .content-wrapper,
    .right-side {
        padding-top: 0px;
    }
}

.display_box {
    display: inline-block;
    width: 100%;
    box-shadow: 0px 0px 18px 0px rgba(0, 0, 0, 0.3);
    padding: 10px;
    margin: 8px 0px;
    position: relative;
}

.custom_checkbox {
    width: 18px;
    height: 18px;
    border-radius: 0px;
    position: relative;
    top: 2px;
    margin-top: 0px !important;
}

.custom_radiobox {
    width: 18px;
    height: 18px;
}

.close_circle_btn {
    font-size: 20px;
    position: relative;
    top: 9px;
}

.padding_top_15 {
    padding-top: 15px !important;
}



.close-new i {
    color: #000;
    position: absolute;
    right: -6px;
    top: -10px;
    font-size: 22px;
}

.marging_left_130 {
    margin-left: 130px !important;
}

.marging_100_auto {
    margin: 100px auto;
}

.color_gray {
    color: #585858;
    font-weight: 500;
    font-size: 14px;
    /* letter-spacing: 0.5px; */
    padding-top: 5px;
}

.drop-down-div .select-class {
    width: 105px;
}

.select_style_width_138 {
    width: 138px !important;
}




.table-striped.table-bordered>thead>tr>th,
.table-striped.table-bordered>tbody>tr>th,
.table-striped.table-bordered>tfoot>tr>th,
.table-striped.table-bordered>thead>tr>td,
.table-striped.table-bordered>tbody>tr>td,
.table-striped.table-bordered>tfoot>tr>td {
    border: 1px solid #d6d6d6;
}

.table-bordered {
    border: 1px solid #d6d6d6;
}

th {
    font-weight: 400;
}

.margin_bottom_10 {
    margin-bottom: 10px;
}

.actions {
    float: right;
}

.actions a {

    border-radius: 50px;
    padding: 0;
    width: 30px;
    height: 30px;
    line-height: 30px;
}

.actions a:hover {
    background: #32c5d2;
    border-color: #32c5d2;
}

.border_top_or_div {
    width: 100%;
    position: relative;
    border-bottom: 2px solid red;
    text-align: center;
    clear: both;
}

.border_top_or_span {
    width: 40px;
    height: 30px;
    font-size: 15px;
    font-weight: 700;
    line-height: 30px;
    display: inline-block;
    background-color: #fff;
    text-align: center;
    position: relative;
    top: 16px;
    color: red;
}

.custom_radiobox_style {
    width: 18px;
    height: 18px;
    position: relative;
    top: 2px;
    margin-right: 5px !important;
}

.breakword {
    word-break: break-all;
}

.valign_middle {
    vertical-align: inherit !important;
}

.margin_3px {
    margin: 3px !important;
}

#zmmtg-root {
    display: none;
}

.sidebar-mini.sidebar-collapse .input-group input {
    display: none !important;
}

.nav-tabs-custom.tabs-style-bar {
    margin-top: 20px;
    box-shadow: none;
}

.nav-tabs-custom.tabs-style-bar>.nav-tabs {
    margin: 0;
    border-bottom: 0px;
    border-bottom-color: #f4f4f4;
    border-top-right-radius: 3px;
    border-top-left-radius: 3px;
}

.nav-tabs-custom.tabs-style-bar>.nav-tabs>li {
    border-top: 0;
    margin-bottom: 5px;
    margin-right: 5px;
    background: #3c8dbc;
    border-radius: 5px 5px 0px 0px;
}

.nav-tabs-custom.tabs-style-bar>.nav-tabs>li>a {
    color: #fff;
    border-radius: 0;
}

.nav-tabs-custom.tabs-style-bar>.nav-tabs>li.active {
    border-top-color: #3c8dbc;
    border-radius: 5px 5px 0px 0px;
    background: #2CC185;
}

.nav-tabs-custom.tabs-style-bar>.nav-tabs>li.active>a {
    border-top-color: transparent;
    border-left-color: #f4f4f4;
    border-right-color: #f4f4f4;
    border: 0px;
}

.nav-tabs-custom.tabs-style-bar>.nav-tabs>li.active>a,
.nav-tabs-custom.tabs-style-bar>.nav-tabs>li.active:hover>a {
    background-color: #2CC185;
    color: #fff;
    border-radius: 5px 5px 0px 0px;
}


.popup-css .modal-dialog {
    width: auto;
    margin: 30px auto;
    display: table;
}

.fees_tab_btn {
    margin: 10px 0px 0px 0px;
    padding-top: 20px;
    text-align: right
}

.fees_receipt_table {
    max-width: none;
    width: 1760px
}

.fees_receipt_table th,
.fees_receipt_table td {
    padding: 5px 0px;
}

.sub_fees_receipt_table th,
.sub_fees_receipt_table td {
    padding: 5px;
}

.fees_receipt_table_th {
    text-align: center;
    vertical-align: middle !important;
}

.width_85 {
    width: 85px;
}

.width_2 {
    width: 260px;
}

.width_3 {
    width: 120px;
}

.width_4 {
    width: 140px;
}

.width_5 {
    width: 380px;
}

.width_6 {
    width: 210px;
}

.width_7 {
    width: 160px;
}

.width_8 {
    width: 190px
}

.sub_fees_receipt_table {
    margin-top: 10px;
}

.select2-container--open .select2-dropdown--below {
    border-top: none;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    position: absolute !important;
}

.leave_table td {
    padding-left: 10px;
    padding-right: 10px;
}

.valign_middle {
    vertical-align: middle;
}

.margin_top_30 {
    margin-top: 30px !important;
}


.header {
    position: fixed;
    top: 0;
}

.page-footer,
.page-footer-space {
    height: 100px;
}

.page-footer {
    position: fixed;
    bottom: 0;
    width: 100%;
    text-align: center;
    border-top: 1px solid;
}

.badge {
	padding: 3px 10px;
	font-size: 13px;
	font-weight: 400;
	line-height: normal;
	padding: 5px 10px;
	border-radius: 20px;
	font-size: 12px;
	font-weight: 600;
}

.close {
    float: right;
    font-size: 30px;
    font-weight: 600;
    line-height: 1;
    color: #fff;
    text-shadow: 0 1px 0 #fff;
    filter: alpha(opacity=20);
    /* opacity: .2; */
}

.contentpage {
    /* page-break-after: always; */
    page-break-inside: avoid;
}

table {
    border-collapse: collapse;
}

/*Design--Css--Start*/

/** top tiles  */
.tile_count {
    /*  margin-bottom: 20px;
    margin-top: 20px;*/
    float: left;
    width: 100%;
    color: #fff;
}

.tile_count .tile_stats_count {
    border-bottom: 1px solid #D9DEE4;
    padding: 0 15px 0 15px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    position: relative;
}

@media (min-width: 992px) {
    footer {
        margin-left: 0px;
    }
}

@media (min-width: 992px) {
    .tile_count .tile_stats_count {
        margin-bottom: 10px;
        border-bottom: 0;
        padding-bottom: 10px;
    }
}

.tile_count .tile_stats_count:before {
    content: "";
    position: absolute;
    left: 0;
    height: 65px;
    /*    border-left: 2px solid #ADB2B5;*/
    margin-top: 10px;
}

@media (min-width: 992px) {
    .tile_count .tile_stats_count:first-child:before {
        border-left: 0;
    }
}

.tile_count .tile_stats_count .count {
    font-size: 30px;
    line-height: 47px;
    font-weight: 600;
}

@media (min-width: 768px) {
    .tile_count .tile_stats_count .count {
        font-size: 30px;
    }
}

@media (min-width: 992px) and (max-width: 1100px) {
    .tile_count .tile_stats_count .count {
        font-size: 30px;
    }
}

.tile_count .tile_stats_count span {
    font-size: 12px;
}

@media (min-width: 768px) {
    .tile_count .tile_stats_count span {
        font-size: 13px;
    }
}

.tile_count .tile_stats_count .count_bottom i {
    width: 12px;
}




/*harini*/
.count_div {
    padding: 10px;
}

.count_bottom .fa {
    padding-left: 5px;
}

.brown {
    background-color: #ED872D;
    box-shadow: 0px 2px 5px #999;
}

.blue_bg {
    background-color: #9955BB;
    box-shadow: 0px 2px 5px #999;
}

.deep-orange {
    background-color: #00CC99;
    box-shadow: 0px 2px 5px #999;
}

.green_bg {
    background-color: #3C1421;
    box-shadow: 0px 2px 5px #999;
}


.tile_count_sub .count_div {
    background: #efefef;
    color: #555;
}

.count_div .language {
    font-size: 30px !important;
    font-weight: normal;
}



.fa-drivers-license-o::before,
.fa-id-card-o::before {
    content: "\f2c3";
}

.toggle {
    display: none
}

.menu_list_main {
    position: relative;
    min-height: auto;
    padding-right: 85px;
    padding: 20px 86px 20px 15px;
    width: 100%;
    min-height: 122px;
    display: flex;
    align-items: center;
    color: white;
}

.menu_list_main:hover {
    color: white;
}

.menu-text {
    font-size: 13px;
    margin: 0px 0px 10px 20px;
    padding-right: 65px;
    display: inline-block;
}

.menu-image {
    position: absolute;
    top: 30px;
    right: 10px;

    bottom: 0;
    z-index: 50;
}

.menu-name {
    font-size: 18px !important;
    position: relative;
    line-height: 28px !important;
    padding: 0px 20px 0px 0px;
    letter-spacing: 1px;
    white-space: normal;
    line-height: 30px;
}

.menu-text {
    font-size: 13px;
    white-space: normal;
    text-align: justify;
}

.color1 {
    background-color: #00c0ef;
}

.color2 {
    background-color: #00a65a;
}

.color3 {
    background-color: #f39c12;
}

.color4 {
    background-color: #9abf4b;
}

.color5 {
    background-color: #7460ee;
}

.color6 {
    background-color: #2255a4;
}

.color7 {
    background-color: #329acd;

}

.color8 {
    background-color: #dd4b39;
}

.color9 {
    background-color: #23bfaa;
}

.color10 {
    background-color: #dd4b39;
}

.color11 {
    background-color: #2255A4;
}

.color12 {
    background-color: #00c0ef;
}

.color13 {
    background-color: #f39c12;
}

.color14 {
    background-color: #4aacc5;
}

.color15 {
    background-color: #dd4b39;
}

.color16 {
    background-color: #2255A4;
}

.color17 {
    background-color: #9abf4b;
}

.color18 {
    background-color: #00a65a;
}

.color19 {
    background-color: #00c0ef;
}

.color20 {
    background-color: #f39c12;
}

.color21 {
    background-color: #7460EE;
}

.color22 {
    background-color: #329acd;
}

.color23 {
    background-color: #E32636;
}

.color24 {
    background-color: #3B7A57;
}

.color25 {
    background-color: #9F2B68;
}

.color26 {
    background-color: #C46210;
}

.color27 {
    background-color: #3B3B6D;
}

.color28 {
    background-color: #FF7E00;
}

.color29 {
    background-color: #804040;
}

.color30 {
    background-color: #34B334;
}

.color31 {
    background-color: #551B8C;
}

.color32 {
    background-color: #915C83;
}

.color33 {
    background-color: #4B5320;
}

.color34 {
    background-color: #3B444B;
}

.moreinfo_btn {
    position: relative;
    text-align: center;
    padding: 3px 0;
    color: #fff;
    /* color: rgba(255,255,255,0.8); */
    display: block;
    z-index: 10;
    background: rgba(0, 0, 0, 0.1);
    text-decoration: none;
}

.window-style {}

.window-style .nav-tabs-custom {
    text-align: center;
    padding: 0 0px;
    margin: 0px;
    background: transparent;
    box-shadow: none;
}

.window-style .nav-tabs {
    border-bottom: none;
    margin: 0 auto;
    border-radius: 0px;
    padding: 0px;
    margin-bottom: 10px;
    display: inline-block;
    width: 100%;
}


.window-style .nav-tabs li {
    /* width: 50%; */
    float: left;
    margin: 0px;
    border: 1px solid #d8d8d8;
    flex-grow: 1;
    display: block;
}

.window-style .nav-tabs li.full {
    width: 100%;
    float: left;
    margin: 0px;
    border: none;
}

.window-style .nav>li>a {
    position: relative;
    display: block;
    padding: 13px 14px 12px;
    font-size: 18px;
    font-weight: 500;
    /* text-transform: uppercase; */
    /* letter-spacing: 1px; */
    color: #222;
}


.styled-select {
    width: 22px;
    height: 22px;
    overflow: hidden;
    overflow: -moz-hidden-unscrollable;
    background: url(filter.jpg) no-repeat center center white;
    display: inline-block;
    position: relative;
    margin-left: 4px;
    border: 1px solid #d3d6de;
    top: 0;
    background-size: 14px;
    text-indent: -9999px;
    white-space: nowrap;
}

.styled-select select {
    background: transparent;
    -webkit-appearance: none;
    width: 100px;
    font-size: 11px;
    border: 0;
    height: 22px;
    position: absolute;
    left: 0;
    top: 0;
    line-height: 28px;
    font-size: 13px;
    padding: 0px 0px;
    color: rgb(85, 85, 85);
    text-indent: -9999px;
    white-space: nowrap;
}

.styled-select select:focus {
    outline: none;
    border: none;
}

.styled-select select option {
    line-height: 24px;
}


.form-horizontal .control-label {
    padding-top: 7px;
    margin-bottom: 0;
    text-align: left;
    font-weight: 500;
    font-size: 15px;
}

.form-horizontal .control-label {
    text-align: left;
    font-weight: 500;
    font-size: 15px;
}

.form-horizontal .control-label {
    padding-top: 2px;
    margin-bottom: 3px;
    text-align: left;
    font-weight: 400;
    font-size: 14px;
}

.panel-body {
    padding: 15px;
}

.permission-assign-modules {
    /* background-color: #ccdffc; */
    background-color: transparent;
}

.permission-assign-modules ul {
    padding: 0px;
}

.permission-assign-modules ul li {
    padding: 8px 10px;
    border-bottom: 1px solid #e0e5ec;
}

.permission-assign-modules ul li:nth-of-type(2n+1) {
    background-color: #f2f3f4;
}

.permission-assign-modules ul li .box-tools-perms {
    position: absolute;
    left: 0;
    top: 0px;
}


.permission-assign-modules ul li .treeview-box-header {
    padding-left: 30px;
}

.permission-assign-modules ul li .treeview-box-header .select-checkbox {
    margin-top: 0px;
}


.permission-assign-modules ul li .box-tools-perms .btn {
    border-radius: 5px !important;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: 1px solid transparent;
    box-shadow: none;
    /* padding: 5px; */
    padding: 0px;
    line-height: 13px;
    width: 25px;
    height: 25px;
}




ul.permission-assign-sub {
    padding: 0px;
    background-color: #fff;
    margin: 8px -10px;
}

ul.permission-assign-sub li {
    padding: 8px 10px;
    border-bottom: 1px solid #e0e5ec;
}

ul.permission-assign-sub li:nth-of-type(2n+1) {
    background-color: #f2f3f4;
}

/* .ngx-pagination .current {
	background: #337ab7 !important;
} */

.all-assign-modules {
    background-color: #ccdffc;
    margin: 0px;
    padding: 8px 10px;
    margin: 0 !important;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.dataTables_length {
    padding-top: 0px;
}

div.dataTables_length select {
    margin-right: 5px;
    margin-left: 5px;
}

div.dataTables_info {
    padding-top: 5px;
    white-space: nowrap;
}

/* .dataTables_paginate.paging_simple_numbers {
    padding-top: 5px;
} */
.ngx-pagination .current {
    background: #337ab7 !important;
}

.ngx-pagination a,
.ngx-pagination button {
    color: #212832;
}

.all_modules_select {
    margin-left: auto;
    padding-left: 0px;
    padding-right: 0px;
    margin-right: 30px;
    width: 250px;
}

.blue-titel-text {
    color: #337ab7 !important;
    font-size: 20px !important;
    font-weight: 600 !important;
    text-transform: capitalize;
}


ul.sub-list-design {
    margin: 10px -10px 0 -10px;
    padding: 0px;
    background-color: #fff;
}

ul.sub-list-design li {
    margin: 0px;
    padding: 2px 10px;
    background-color: #fff;
    list-style: none;
    border-bottom: none;
}

ul.sub-list-design li .checkbox-text {
    font-size: 13px;
    display: block;
    padding: 3px 0;
}

ul.sub-list-design li:nth-of-type(2n+1) {
    background-color: #fff;
}

.total-student-apply {
    padding: 8px;
    font-size: 15px;
    font-weight: 400;
    /* letter-spacing: 0.5px; */
    display: inline-block;
    width: 100%;
}

legend {
    font-size: 20px;
}

.label {
    font-weight: 400;
    /* letter-spacing: 0.5px; */
}

label {
    font-weight: 400;
    /* letter-spacing: 0.5px; */
}

.my-application-title {
    color: #393939;
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    letter-spacing: .0063rem;
    margin-bottom: 1rem;
}

.normal-text {
    font-size: 15px;
    font-style: normal;
    color: #393939;
}

.box-div-out {
    background: #fdfeff;
    box-shadow: 0 .1rem 1rem 0 rgba(0, 0, 0, .03);
    border-radius: .5rem;
    border: 1px solid #d8d8d8;
    padding-top: 18px !important;
    padding-right: 14px !important;
    padding-left: 14px !important;
    margin-top: 16px;
    display: inline-block;
    width: 100%;
    padding-bottom: 24px !important;
}

.recent-update-list .thead {
    height: 50px;
    background: #36304a;
}

.recent-update-list .thead th {
    line-height: 1.2;
    font-size: 16px;
    margin: 0;
    font-weight: 500;
    color: #fff;
}

.recent-update-list tbody tr:nth-child(2n) {
    background-color: #f5f5f5;
}

.recent-update-list tbody tr td {
    padding-top: 8px;
    padding-bottom: 8px;
    font-size: 14px;
    font-weight: 400;
    color: #444;
}

.fc-basic-view .fc-day-number,
.fc-basic-view .fc-week-number {
    padding: 5px 10px;
}

.mrg-wdth-fee {
    margin: 1px 15px;
    width: 100%;
}

.row1 {
    display: flex;
    flex-wrap: wrap;

}

.d-flex1 {
    display: flex;
}

.small-box1 {
    width: 100%;
    height: auto;
}

.small-box1 .nav-stacked li {
    padding: 10px 15px;
}


/* NEW CSS START STUDENT INFORMAION*/
.product-content-container,
.product-wrapper {
    display: flex;
    flex-grow: 1;
    overflow-y: auto;
    position: relative;
}

.list-column .list-filter {
    padding: 16px 10px 16px 16px;
    border-bottom: 1px solid #e4e4e4;
    background-color: #fff;
}

.list-column.column-medium {
    flex: 0 0 320px;
    background: #fff;
    display: flex;
    /* flex-wrap: wrap; */
    border-right: 1px solid #e4e4e4;
    width: 320px;
    min-height: 100%;
}

.form-horizontal .form-group {
    margin-right: 0;
    margin-left: 0;
}

.btn-toolbar {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
}

.float-end {
    float: right !important;
}


#intro-wrap {
    z-index: 1;
    background: #f0f0f0;
    height: 100%;

}

#intro-wrap h1 {
    font-family: "PT Sans Narrow";
    font-size: 25px;
    color: #fff;
    font-weight: 700;
    margin-bottom: 0px !important;
    padding-bottom: 10px;
}

#intro-wrap p {
    width: 300px;
    line-height: 19px;
    color: #999;
}

.open-intro {
    display: none;

    bottom: 0;

    cursor: pointer;
    width: 100%;
    height: 25px;
    z-index: 50;

    background: #333;
    color: #fff;
    text-align: center;
}

.close-intro {
    display: block;

    bottom: 0px;

    cursor: pointer;
    width: 100%;
    height: 25px;
    z-index: 50;
    color: #fff;
    background: #666;
    text-align: center;
}

.column {
    overflow-y: auto;
    display: flex;
    flex-direction: column;
}

.content-column {
    position: relative;
    background-color: #fff;
    flex-grow: 1;
}

.breadcrumb-none {
    padding: 0px 5px !important;
}

.attach-icon {
    background: #d6d6d6;
    margin: 0px 10px;
    padding: 1px 5px;
    border-radius: 3px;
}

.d-flex {
    display: flex;
}

/* NEW CSS END STUDENT INFORMAION */


.table-striped1 th,
.table-striped1 td {
    border: 1px solid #d6d6d6;
    padding: 3px;
}

/* Style the sidenav links and the dropdown button */
.sidenav12 {
    height: 100%;
    /* width: 240px; */
    /* background-color: #f0f0f0; */
    overflow-x: hidden;
    padding-top: 0px;
    /* display: inline-block; */
    /* flex: 0 0 270px; */
    flex: 0 0 25%;
}

.sidenav12 a,
.dropdown-btn {
    padding: 8px 8px 8px 16px;
    text-decoration: none;
    font-size: 14px;
    color: #222;
    display: block;
    border: none;
    background: #f0f0f0;
    width: 100%;
    text-align: left;
    cursor: pointer;
    outline: none;
    margin-bottom: 2px;
}

.student-detail-menu .dropdown-container a {
    font-size: 13px;
}

.student-detail-menu {
    padding-left: 0;
}


/* On mouse-over */
.sidenav12 a:hover,
.dropdown-btn:hover {
    color: #f1f1f1;
    background: #3c8dbc;
}

/* / Blue Theme / */
.skin-blue .sidenav12 a:hover,
.skin-blue .dropdown-btn:hover {
    color: #f1f1f1;
    background: #3c8dbc;
}

/* / Black Theme / */
.skin-black .sidenav12 a:hover,
.skin-black .dropdown-btn:hover {
    color: #f1f1f1;
    background: #a2a9bf;
}

/* / Purple Theme / */
.skin-purple .sidenav12 a:hover,
.skin-purple .dropdown-btn:hover {
    color: #f1f1f1;
    background: #ead9fb;
}

/* /green Theme / */
.skin-green .sidenav12 a:hover,
.skin-green .dropdown-btn:hover {
    color: #f1f1f1;
    background: #17221d;
}

/* / red Theme / */
.skin-red .sidenav12 a:hover,
.skin-red .dropdown-btn:hover {
    color: #f1f1f1;
    background: rgb(18 19 24);
}

/* /yellow Theme / */
.skin-yellow .sidenav12 a:hover,
.skin-yellow .dropdown-btn:hover {
    color: #f1f1f1;
    background: #f76d2f;
}

/* /blue-light Theme / */
.skin-blue-light .sidenav12 a:hover,
.skin-blue-light .dropdown-btn:hover {
    color: #f1f1f1;
    background: #3c8dbc;
}

/* /black-light Theme / */
.skin-black-light .sidenav12 a:hover,
.skin-black-light .dropdown-btn:hover {
    color: #f1f1f1;
    background: #393939;
}

/* /purple-light Theme / */
.skin-purple-light .sidenav12 a:hover,
.skin-purple-light .dropdown-btn:hover {
    color: #f1f1f1;
    background: #A06FFC;
}

/* /green-light Theme / */
.skin-green-light .sidenav12 a:hover,
.skin-green-light .dropdown-btn:hover {
    color: #f1f1f1;
    background: #006666;
}

/* /red-light Theme / */
.skin-red-light .sidenav12 a:hover,
.skin-red-light .dropdown-btn:hover {
    color: #f1f1f1;
    background: #B91300;
    ;
}

/* /yellow-light Theme / */
.skin-yellow-light .sidenav12 a:hover,
.skin-yellow-light .dropdown-btn:hover {
    color: #f1f1f1;
    background: #f39c12;
}

/* /blue-dark Theme / */
.skin-blue-dark .sidenav12 a:hover,
.skin-blue-dark .dropdown-btn:hover {
    color: #f1f1f1;
    background: #182041;
}


.dropdown-container {
    display: none;
    background-color: #dbeaf2;
    padding-left: 0px;
}

.fa-caret-down,
.fa-caret-up {
    float: right;
    padding-right: 8px;
    padding-left: 10px;
    top: 3px;
    position: relative;
}

.heading-title {
    padding: 9px 15px 11px;
    background: #3c8dbc;
    color: #fff;
    font-size: 14px;
    text-transform: capitalize;
    font-weight: 500;
    margin-bottom: 20px;
}

.boxsss {
    display: inline-grid;
    padding: 10px;
    width: 100%;
}

.name {
    color: #000;
}

.name.active {
    color: #005e86
}

.table-timetable td {
    padding: 3px;
}

.btn-top {
    background: transparent;
}

.btn-top:hover {
    background: rgba(0, 0, 0, 0.1)
}

.back-btn-new {
    margin: 0px 3px 0px 0px;
    float: right;
    position: absolute;
    right: 30px;
    z-index: 1;
    top: 30px;

}

.active-submenu {
    background-color: #3c8dbc;
    color: white;
}

.panel-title {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 14px;
    color: inherit;
    font-weight: 400;
    line-height: 35px;
}

.nav-tabs-custom>.tab-content {
    background: #fff;
    padding: 10px;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
}

.profile-basic-info {
    border-right: 1px solid #d6d6d6;
    padding-right: 20px;
}

.student-data-link a {
    font-size: 12px;
    color: #3c8dbc;
    padding: 5px 8px 0px 0px;
    cursor: pointer;
}

.panel-group {
    margin-bottom: 20px;
    margin-top: 20px;
}

.panel-default>.panel-heading {
    color: #333;
    background-color: transparent;
    border-color: #ddd;
}

.panel {
    border: 0px;
}

.panel-default>.panel-heading {
    color: #333;
    background-color: transparent;
    /* border-color: #ddd; */
}

.panel-heading .accordion-plus-toggle:before {
    font-family: FontAwesome;
    content: "\f106";
    float: right;
    color: silver;
}

.panel-heading .accordion-plus-toggle.collapsed:before {
    content: "\f107";
    color: silver;
}

/* arrow glyph for showing collapsible panels */
.panel-heading .accordion-arrow-toggle:before {
    font-family: FontAwesome;
    content: "\f078";
    float: right;
    color: silver;
}

.panel-title-tab2 a {
    flex: 0 0 80%;
}

.panel-heading .accordion-arrow-toggle.collapsed:before {
    content: "\f054";
    color: silver;
}

.panel-heading {
    padding: 0px 0px;
    border-bottom: 1px solid transparent;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}

.nav-tabs-custom .tab-content {
    background: #fff;
    padding: 20px 10px;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
}

.selected-row {
    background-color: #f0f0f0;
}

.closeBtnss {
    margin-left: auto;
    font-size: 24px;
    margin-right: 20px;
    position: absolute;
    right: 0;
}

.btn-toolbar .btn {
    margin-left: 5px !important;
}

.cst-stl-cl-hs {
    border-bottom: 1px solid;
    padding: 4px 7px;
    border-color: #d6d6d6;
}


/* NEW CSS END STUDENT INFORMAION */
/*for quick search tooltip start */
.quick-search-tooltip {
    padding: 4px;
    border-radius: 16px;
    margin: 2px 3px;
    cursor: pointer;
    position: relative;
    display: inline-block;
}

.quick-search-tooltip .tooltiptext {
    visibility: hidden;
    background-color: #222d32;
    color: #fff;
    border-radius: 6px;
    padding: 15px 15px;
    ;
    width: 250px;
    /* Position the tooltip */
    position: absolute;
    z-index: 1;
}

.quick-search-tooltip:hover .tooltiptext {
    visibility: visible;
}

/*for quick search tooltip end */


.radio-group {
    display: flex;
    /* flex-direction: column; */
    gap: 10px;
}

.radio-item {
    display: flex;
    align-items: center;
    gap: 8px;
    cursor: pointer;
}

.radio-item input {
    cursor: pointer;
}

.card-out-div {

    background: #fff;
    border: 1px solid #e4e5e7;
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0 10px 24px rgba(96, 56, 28, 0.05);
    transition: border-color 0.18s ease, box-shadow 0.18s ease, transform 0.18s ease;
    padding: 0;
    margin: 0 0 12px 0;
}

.card-out-header {
    border-bottom: 1px solid #d3d7dd80 !important;
    padding: 15px 20px;
    align-items: center !important;
    justify-content: space-between !important;
    display: flex;
}

.card-out-header .sub-heading {
    margin: 0px !important;
}

.card-body {
    padding: 15px;
}

.content-header>h1 {
    margin: 0;
    font-size: 20px;
    font-weight: 600;
}



.sidebar .user-panel {
	display: flex;
	position: relative;
	width: auto;
	background: #fff;
	border: 1px solid #f47721;
	border-radius: 10px;
	padding: 8px 10px;
	align-items: center;
	gap: 10px;
	/* padding: 10px; */
	/* overflow: hidden; */
	margin: 15px 12px 12px;
	box-shadow: 0 2px 8px rgba(44,24,16,0.08);
}

.sidebar .user-panel::before {
    display: none;

}

.sidebar .user-panel .info-details {}

.sidebar .user-panel .info-details p {
    padding: 0px;
}

.sidebar .user-panel .info-details .firstname {
    color: #f47721 !important;
    font-size: 16px;
    display: block;
}

.sidebar .user-panel .info-details .lastname {
    color: #717A82;
    font-size: 13px;
    display: block;
}

.sidebar .user-panel .user-img {
    width: 40px;
    height: 40px;
    border: 1px solid #f0bc7a;
    border-radius: 50% !important;
    flex-shrink: 0 !important;
    object-fit: cover !important
}

.main-header .navbar .nav>li.notifications-menu>a,
.main-header .navbar .nav>li.layout-options-menu>a {
   width: 40px;
  height: 40px;
  text-align: center;
  border-radius: 50%;
  padding: 0;
  align-items: center;
  display: flex;
  justify-content: center;
  margin-left: 5px;
  background: #fffaf4;
  color: #f47721;
  border: 1px solid #f47721;
}



.box-header::before,
.box-body::before,
.box-footer::before,
.box-header::after,
.box-body::after,
.box-footer::after {
    content: " ";
    display: none
}

.box-header {
    align-items: center;
    display: flex;
    justify-content: space-between;
}

.btn {
    padding: 12px 24px;
    font-size: 15px;
}

.btn-md {
    padding: 8px 20px;
    font-size: 15px;
}

.btn-sm {
    padding: 5px 15px;
    font-size: 15px;
}

.box-header .btn {
	padding: 5px 15px !important;
	font-size: 13px !important;
	border-radius: 50px !important;
	font-weight: 400 !important;
	letter-spacing: 0.5px !important;
}


.booking-app {
    background: #f8f9fb;
    min-height: 100vh;
    border-radius: 0 0 10px 10px;
    overflow: hidden;
    padding: 15px;
}


.stepper-wrap {
	background: #FFF7E8;
	border: 1px solid #F0BC7A;
	border-radius: 10px;
}

.stepper {
    max-width: 1600px;
    margin: 0 auto;
    padding: 15px 24px 15px;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    overflow-x: auto;
}

.step-item {
    position: relative;
    min-width: 150px;
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 6px;
    padding: 0 10px;
}

.step-item:not(:last-child)::after {
    content: '';
    position: absolute;
    top: 13px;
    left: calc(50% + 28px);
    width: calc(100% - 56px);
    height: 1px;
    background: #EEC391;
}

.step-num {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #fff;
    border: 2px solid #EEC391;
    color: #4A2A0A;
    /* font-family: 'Lato', 'Segoe UI', sans-serif; */
    font-size: 16px;
    /* font-weight: 700; */
    position: relative;
    z-index: 1;
}

.step-label {
    /* font-family: 'Lato', 'Segoe UI', sans-serif; */
    font-size: 14px;
    color: #4A2A0A;
    white-space: nowrap;
}

.step-item.active .step-num {
    background: #f47721;
    border-color: #fff;
    color: #fff;
}

.step-item.active .step-label {
    color: #f07a12;
    /* font-weight: 700; */
}

.step-item.done .step-num {
    background: #27824d;
    border-color: #fff;
    color: #fff;
}

.step-item.done .step-label {
    color: #27824d;
}




.main {
    max-width: 1600px;
    margin: 0 auto;
    padding: 24px 24px 40px;
}

.step-panel {
    animation: fadeUp 0.28s ease both;
}

.fade-up {
    animation: fadeUp 0.28s ease both;
}

.section-title {
    margin: 0 0 5px;
    font-size: 22px;
    line-height: 1.2;
    color: #f47721;
    font-weight: 600;
}

.section-sub {
	margin: 0 0 22px;
	/* font-family: 'Lato', 'Segoe UI', sans-serif; */
	font-size: 16px;
	color: #8A6A47;
}

.search-box,
.summary-card,
.inv-section,
.tracking-card,
.qr-box {
    background: #fffdfa;
    border: 1px solid #eadbc6;
    box-shadow: 0 10px 24px rgba(96, 56, 28, 0.05);
}

.search-box {
	background: #fff;
	border: 1px solid #F2D4B1;
	box-shadow: 0 2px 8px rgba(44,24,16,0.08);
	border-radius: 10px;
	padding: 18px;
	margin-bottom: 18px;
}

.search-box {
    flex: 1;
    min-width: 250px;
    position: relative;
}

.search-row {
    display: grid;
    gap: 12px;
}

.search-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 12px;
    margin-bottom: 12px;
}

.search-grid2 {
    display: grid;
    grid-template-columns: 1fr 1fr auto;
    gap: 12px;
}

.search-row.top {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    margin-bottom: 12px;
}

.search-row.bottom {
    grid-template-columns: repeat(2, minmax(0, 1fr)) auto;
    align-items: end;
}

.field-wrap {
    position: relative;
}



.fi {
    position: absolute;
    top: 50%;
    left: 12px;
    transform: translateY(-50%);
    font-size: 13px;
    opacity: 0.8;
}

.icon-field .s-input {
    padding-left: 34px;
}

input[type=text],
input[type=tel],
input[type=email], input[type="file"], input[type="time"], input[type="number"], input[type=date],
input[type=number],input[type=password],
select,

textarea {
    /* width: 100%;
      padding: 10px 13px;
      border: 1.5px solid var(--border);
      border-radius: 8px;
      font-size: 13px;
      font-family: 'Lato', sans-serif;
      color: var(--deep);
      background: #fff;
      outline: none;
      transition: border-color .2s; */

    width: 100%;
    padding: 10px 15px;
    border: 1px solid #F0BC7A;
    border-radius: 10px;
    background: #fff;
    background-position-x: 0%;
    background-position-y: 0%;
    background-repeat: repeat;
    background-image: none;
    color: #8A6A47;
    font-size: 14px;
    outline: none;
    transition: border-color 0.18s ease, box-shadow 0.18s ease;
    height: auto;
    border-radius: 5px;
}

input:focus,
select:focus,
textarea:focus {
    outline: none;
    border-color: #f47721 !important;
    box-shadow: 0 0 6px rgba(255,122,24,0.3) !important;
}

.s-input::placeholder,
input::placeholder,
textarea::placeholder {
    color: #8A6A47;
}

select {
    appearance: none;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%237D6B5E' stroke-width='1.5' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 12px center;
    padding-right: 32px;
}


.btn-search {
    padding: 8px 18px;
    border-radius: 999px;
    border: 1px solid #f07a12;
    background: #ff9935;
    color: #fff;
    font-family: 'Lato', 'Segoe UI', sans-serif;
    font-size: 14px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.18s ease;
}

.btn-search:hover {
    background: #fff;
    color: #ff9935;
}


.search-btns,
.btn-nav {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
}

.btn-saffron,
.btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    border-radius: 10px;
    cursor: pointer;
    border: 1px solid transparent;
    font-weight: 600;
    transition: all 0.18s ease;
}

.btn-saffron,
.btn-primary {
    background: #ff9935;
    color: #fff;
    box-shadow: 0 8px 18px rgba(234, 111, 12, 0.2);
}

.btn-saffron {
    padding: 10px 18px;
    font-size: 13px;
}

.btn {
    padding: 12px 24px;
    font-size: 15px;
}

.btn-primary:hover,
.btn-saffron:hover {
    transform: translateY(-1px);
    box-shadow: 0 12px 22px rgba(234, 111, 12, 0.24);
}

.btn-ghost,
.btn-outline {
    background: #fff;
    color: #3c2415;
    border-color: #e0d0bc;
}

.btn-ghost {
    padding: 10px 14px;
    font-size: 13px;
    border-radius: 10px;
    font-family: 'Lato', 'Segoe UI', sans-serif;
    font-weight: 600;
}

.btn-ghost:hover,
.btn-outline:hover {
    border-color: #f07a12;
    color: #f07a12;
}



.selected-banner {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 6px 15px;
    border-radius: 50px;
    background: #eef9f1;
    border: 1px solid #b8dfc1;
    margin-bottom: 18px;
}

.sb-icon {
    font-size: 18px;
}

.sb-text {
    flex: 1;
}

.sb-text strong {
    display: block;
    font-family: 'Lato', 'Segoe UI', sans-serif;
    font-size: 13px;
    color: #2d7d49;
}

.sb-text span {
    display: block;
    margin-top: 2px;
    font-family: 'Lato', 'Segoe UI', sans-serif;
    font-size: 11px;
    color: #4e9768;
}

.sb-badge {
    background: #27824d;
    color: #fff;
    font-size: 12px;
    font-weight: 500;
    border-radius: 999px;
    padding: 5px 10px;
}

.results-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    margin-bottom: 14px;
}

.results-title {
	margin: 0;
	font-size: 18px;
	color: #5b3e20;
	font-weight: 700;
}
.results-count {
	font-size: 12px;
	color: #F47721;
	background: #FFF7E8;
	border-radius: 999px;
	padding: 5px 10px;
	border: 1px solid #F0BC7A;
}

.no-results {
    text-align: center;
    padding: 36px 20px;
    color: #8f755e;
}

.nr-icon {
    font-size: 36px;
    margin-bottom: 10px;
}

.no-results p {
    margin: 0 0 14px;
    font-family: 'Lato', 'Segoe UI', sans-serif;
    font-size: 13px;
}

.temple-list {
    display: flex;
    flex-direction: column;
    gap: 14px;
    margin-bottom: 18px;
}

.temple-card {
	display: flex;
	background: #fff;
	border: 1px solid #F2D4B1;
	border-radius: 10px;
	overflow: hidden;
	box-shadow: 0 2px 8px rgba(44,24,16,0.08);
	transition: border-color 0.18s ease, box-shadow 0.18s ease, transform 0.18s ease;
	padding: 12px;
}

.temple-card:hover {
    transform: translateY(-1px);
    border-color: #f47721;
    box-shadow: 0 14px 28px rgba(96, 56, 28, 0.08);
    box-shadow: 0 10px 24px rgba(96, 56, 28, 0.05);
}

.temple-card.selected {
    border-color: #ff9935;
    background: #fff;
}

.temple-img {
    width: 200px;
    min-height: 180px;
    object-fit: cover;
    flex-shrink: 0;
    background: #f0e8df;
}

.t-thumb {
    width: 180px;
    /* min-height: 195px; */
    height: 195px;
    flex-shrink: 0;
    background: #FFF1DD;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    border-radius: 10px;
}

.t-emoji {
    font-size: 56px;
}

.t-check {
	position: absolute;
	top: 12px;
	right: 12px;
	width: 24px;
	height: 24px;
	border-radius: 50%;
	background: #f47721;
	color: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
	/* font-family: 'Lato', 'Segoe UI', sans-serif; */
	font-size: 11px;
	font-weight: 700;
    border: 1px solid #fff;
}

.t-info {
    flex: 1;
    padding: 5px 15px;
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.t-header {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 10px;
    flex-wrap: wrap;
}

.t-name {
	margin: 0 0 4px;
	font-size: 18px;
	color: #B85A00;
}
.t-loc {
    margin: 0;
    font-size: 13px;
    color: #171d29;
}

.t-type-badge {
	align-self: flex-start;
  background: #F5F0E8;
  border: 1px solid #f0bc7a;
  color: #523b20;
  border-radius: 999px;
  padding: 5px 10px;
  font-family: 'Lato', 'Segoe UI', sans-serif;
  font-size: 12px;
  font-weight: 400;
}

.t-meta {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.meta-row {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    font-size: 13px;
}

.meta-lbl {
    min-width: 70px;
    color: #4A2A0A;
    font-weight: 600;
}

.meta-val {
    color: #4A2A0A;
    font-weight: 400;
    line-height: 1.45;
}

.meta-val.bold {
    color: #4A2A0A;
    font-weight: 400;
}

.facility-chips {
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
}

.chip {
    background: #f4eadf;
    border: 1px solid #e5d5c4;
    color: #8f755e;
    border-radius: 999px;
    padding: 3px 8px;
    font-size: 10px;
}

.t-actions {
    display: flex;
    align-items: center;
    gap: 12px;
    flex-wrap: wrap;
}

.btn-select-temple {
    padding: 8px 18px;
    border-radius: 999px;
    border: 1px solid #f07a12;
    background: #f47721;
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.18s ease;
    display: flex;
    gap: 8px;
    align-items: center;
}

.btn-select-temple i {
    font-size: 16px;
    color: #fff;
}

.btn-select-temple:hover,
.btn-select-temple.is-selected {
    background: #f07a12;
    border: 1px solid #f07a12;
    color: #fff;
}

.temple-img-placeholder {
    width: 180px;
    max-height: 195px;
    flex-shrink: 0;
    background: #fff5ef;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    border-radius: 10px;
}

.sel-label {
    font-size: 12;
    font-weight: 500;
    color: #27824d;
}

.sel-label::before {
    content: '✓ ';
}

.inv-banner {
    display: flex;
  align-items: center;
  gap: 9px;
  padding: 10px 14px;
  margin-bottom: 18px;
  font-size: 13px;
  color: #8A6A47;
  background: #FAFAF6;
  border-radius: 999px;
  border: 1px solid #F2D4B1;
}



.puja-tabs {
    display: flex;
    align-items: center;
    gap: 5px;
    padding: 10px 14px;
    margin-bottom: 10px;
    font-size: 13px;
    border-radius: 10px;
}

.puja-tab {
	flex: 1;
	padding: 8px 12px;
	border: none;
	background: #fff;
	border-radius: 5px;
	font-size: 14px;
	font-weight: 400;
	color: #7D5C38;
	cursor: pointer;
	transition: all .25s;
	letter-spacing: .3px;
	display: flex;
	text-align: center;
	height: 50px;
	align-items: center;
	justify-content: center;
	border: 1px solid #F2D4B1;
}

.puja-tab.active {
    background: #F47721;
  color: #fff;
    box-shadow: 0 2px 8px rgba(107, 26, 42, .2);
}


.btn-outline {
	border: 1px solid #f47721 !important;
	color: #f47721 !important;
	transition: all 0.18s ease;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 7px;
	border-radius: 10px !important;
	cursor: pointer;
	font-weight: 600;
	box-shadow: 0 8px 18px rgba(234, 111, 12, 0.2);
	background: #fff !important;
}

.btn-outline:hover {
    transform: translateY(-1px);
    box-shadow: 0 12px 22px rgba(234, 111, 12, 0.24);
}

.dc-title-text {
	margin: 0 0 0px;
	font-size: 16px;
	line-height: 1.25;
	color: #f47721;
	font-weight: 600;
}
.pc-name {
    margin: 0 0 5px;
    font-size: 15px;
    line-height: 1.25;
    color: #f47721;
    font-weight: 600;
}


.prasad-card {
	position: relative;
  min-height: auto;
  background: linear-gradient(180deg, #fff 0%, #fff6ed 100%);
  border: 1px solid #e4e5e7;
  border-radius: 10px;
  padding: 12px;
  cursor: pointer;
  box-shadow: 0 10px 24px rgba(96, 56, 28, 0.05);
  transition: border-color 0.18s ease, box-shadow 0.18s ease, transform 0.18s ease;
}


.selected-event-banner {
	background: #FFF;
	border: 1px solid #F0BC7A;
	border-radius: 5px;
	padding: 10px 15px;
	margin-bottom: 0;
	display: flex;
	align-items: center;
	gap: 14px;
	animation: slideIn .3s ease;
}

.seb-name  { font-size: 15px;
  color: #323232;
  margin-bottom: 0;
} 


.event-grid { display: grid; grid-template-columns: repeat(auto-fill,minmax(290px,1fr)); gap: 16px; margin-bottom: 20px; }


.event-card {
  background: linear-gradient(180deg, #fff 0%, #fff6ed 100%);
  border: 1px solid #F2D4B1;
  border-radius: 10px; overflow: hidden; cursor: pointer; transition: all .22s; position: relative;
}
.event-card:hover    { border-color: #f47721;
  background: #fff9f2;
  box-shadow: 0 0 0 2px rgba(240, 122, 18, 0.08); }
.event-card.selected { border-color: #f47721;
  background: #fff9f2;
  box-shadow: 0 0 0 2px rgba(240, 122, 18, 0.08); }


  .mode-card {
	position: relative;
	min-height: auto;
	background: linear-gradient(180deg, #fff 0%, #fff6ed 100%);
	border: 1px solid #F2D4B1;
	border-radius: 10px;
	padding: 12px;
	cursor: pointer;
	box-shadow: 0 10px 24px rgba(96, 56, 28, 0.05);
	transition: border-color 0.18s ease, box-shadow 0.18s ease, transform 0.18s ease;
}


.mode-card:hover {
  transform: translateY(-1px);
  border-color: #f47721;
  background: #fff9f2;
  box-shadow: 0 0 0 2px rgba(240, 122, 18, 0.08);
}

.mode-card.selected {
  border-color: #ff9935;
  border-color: #f47721;
  background: #fff9f2;
  box-shadow: 0 0 0 2px rgba(240, 122, 18, 0.08);
}

.mode-title {
  margin: 0 0 5px;
  font-size: 15px;
  line-height: 1.25;
  color: #f47721;
  font-weight: 600;
}

.mode-desc {
 margin: 0 0 10px;
  font-size: 14px;
  line-height: 1.45;
  color: #8A6A47;
}

.form-group label {
  display: block;
  font-size: 14px;
  font-weight: 500;
  color: #4A2A0A;
  margin-bottom: 5px;
  letter-spacing: .3px;
}


.remove-btn {
	padding: 4px 15px !important;
	font-size: 13px !important;
	border-radius: 5px !important;
	font-weight: 400 !important;
}

.table-striped{
    background-color: #fff;
    border-collapse: separate;
    border: 1px solid #EBECEF;
}

.table-striped tbody tr td {
	color: #4a2a0a;
	padding: 8px 15px !important;
	border-bottom: 1px solid #EBECEF;
	/* background-color: #fff; */
	vertical-align: middle;
	border-top: none;
}


.summary-card{
    border-radius: 10px;
    overflow: hidden;
    
    border: 1px solid #F2D4B1;
    padding: 0px;
    margin: 0px 0 20px 0px;
}

.sc-header{
	background: #FAFAF6;
  padding: 10px 15px;
  display: flex;
  align-items: center;
  border-bottom: 1px solid #F2D4B1;
  gap: 10px;
}
.sc-header h3 { font-size: 15px;
  color: #f47721;
  font-weight: 600;
  margin: 0; }

  .sc-body { padding: 0px 0px }

  .sc-row {
	display: flex;
	justify-content: space-between;
	font-size: 14px;
	color: #4A2A0A;
	padding: 7px 15px;
	border-bottom: 1px solid #EBECEF;
}


.sc-row:last-child { border-bottom: none; }

/* .sc-row span:last-child { color: var(--deep); font-weight: 700; } */
.sc-total { display: flex;
  justify-content: space-between;
  font-size: 16px;
  font-weight: 700;
  color: #f47c2a;
  padding: 15px 20px;
  background: #FAFAF6;
  border-top: 1.5px solid #EBECEF;
}



.conf-hero {
	text-align: center;
	padding: 10px 0 15px;
}

.conf-badge {
	display: inline-block;
	margin-bottom: 12px;
	padding: 8px 15px;
	border-radius: 100px;
	background: #edf8ef;
	color: #2d7d49;
	font-size: 12px;
	font-weight: 500;
	letter-spacing: 0.4px;
	border: 1px solid #27824d;
}

.conf-title {
	line-height: 1.25;
	color: #f47721;
	font-weight: 600;
	margin: 0 0 8px;
	font-size: 24px;
}

.conf-sub {
	font-size: 16px;
	line-height: 1.45;
	color: #8A6A47;
}

.qr-box, .tracking-card {
	max-width: 460px;
	margin: 0 auto 18px;
	border-radius: 10px;
	padding: 20px;
	background: #f9fafc;
	border: 1px solid #ddd;
	box-shadow: 0 10px 15px #0000002b;
}

.qr-title {
	margin: 0 0 15px 0;
	color: #4A2A0A;
	font-size: 20px;
}

.qr-code-wrapper {
	text-align: center;
	display: flex;
	justify-content: center;
	margin-bottom: 10px;
}


.qr-details {
	background: #fff;
	border-radius: 10px;
	padding: 15px;
	text-align: left;
	border: 1px solid #F2D4B1;
	box-shadow: 0 2px 8px rgba(44,24,16,0.08);
}

.qd-row {
	display: flex;
	justify-content: space-between;
	gap: 12px;
	padding: 4px 0;
	font-size: 13px;
}

.qr-details {
	text-align: left;
}

.qd-row span:first-child {
	color: #4A2A0A;
    min-width: 45%;
}

.qd-row span:last-child {
	color: #8A6A47;
	font-weight: 400;
	text-align: left;
  min-width: 55%;
}

.print-hint {
	text-align: center;
	font-size: 13px;
	color: #4A2A0A;
	margin-bottom: 18px;
	display: flex;
	gap: 5px;
	align-items: center;
	justify-content: center;
}

.qr-ref, .trk-ref {
	margin: 0 0 5px;
	font-size: 20px;
	color: #cd6600;
	font-weight: 600;
}

.qr-date {
	margin-bottom: 15px;
	font-size: 13px;
	color: #4a2a0a;
}

.qr-box {
	text-align: center;
}






@media (max-width: 767px) {
.main-sidebar, .left-side {
	-webkit-transform: translate(-250px, 0);
	-ms-transform: translate(-250px, 0);
	-o-transform: translate(-250px, 0);
	transform: translate(-250px, 0);
}
}





.pagination-footer {
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
	padding: 10px 15px;
	border-top: none;
	/* font-family: Arial, sans-serif; */
	font-size: 14px;
	gap: 10px;
	margin: 0 !important;
	background: #FAFAF6;
}

.pagination-footer .pagination-left label{
 display: flex;
  align-items: center;
  gap: 6px;
  text-transform: capitalize;
  font-size: 14px;
  color: #4a2a0a;
  font-weight: 500;
}


.pagination-footer .pagination-left select {
	/* padding: 4px 6px; */
	margin: 0 0;
	appearance: none;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%237D6B5E' stroke-width='1.5' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: right 12px center;
	/* padding-right: 32px; */
	border: 1px solid #F0BC7A;
	height: auto;
	line-height: normal;
	padding: 8px 15px;
	padding-right: 32px;
}

.pagination-center {
  text-align: center;
  flex: 1;
  color: #4a2a0a;
}

.pagination-right {
  display: flex;
  justify-content: flex-end;
}

.pagination {
  list-style: none;
  display: flex;
  gap: 5px;
  padding: 0;
  margin: 0;
}

.pagination li {
  padding: 6px 10px;
  border: 1px solid #ccc;
  cursor: pointer;
  border-radius: 3px;
  background: #f9f9f9;
}

.pagination li:hover {
  background: #eaeaea;
}

.pagination .active {
  background: #c0392b;
  color: #fff;
  border-color: #c0392b;
}

.pagination .disabled {
  color: #aaa;
  pointer-events: none;
}

.ngx-pagination {
	margin-left: 0 !important;
	margin-bottom: 0 !important;
	padding: 0 !important;
}

@media (max-width: 991px) {
.right_dropdown {
	float: right;
	width: auto !important;
	padding-top: 10px;
	display: flex;
	justify-content: end;
}
  .content-header > .breadcrumb {
    background: #f8f9fb !important;
    padding-left: 10px;
  }

  .main {
	max-width: 1600px;
	margin: 0 auto;
	padding: 24px 0px 0px !important; 
}

div.dataTables_info {
	padding-top: 0;
	white-space: nowrap;
	text-align: right !important;
}

}

@media (max-width: 768px) {
  div.dataTables_info {
    padding-top: 0;
    white-space: nowrap;
    text-align: center !important;
  }

  .pagination-footer {
    flex-direction: column;
    align-items: flex-start;
  }

  .pagination-left{
    margin: 0 auto;
  }

  .pagination-center {
    text-align: center;
    width: 100%;
  }

  .pagination-right {
    width: 100%;
    justify-content: center;
  }
}

.ngx-pagination {
	margin-left: 0;
	margin-bottom: 0;
}

.ngx-pagination .disabled {
	padding: 0.1875rem 0.625rem;
	color: #4a2a0a94;
	cursor: default;
}


.navbar-custom-menu > .navbar-nav > li.user-menu a.dropdown-toggle{
    display: flex;
    align-items: center;
    padding: 0 10px;
}

.navbar-custom-menu > .navbar-nav > li.user-menu a.dropdown-toggle:hover{
    background: none !important;
    color: #4a2a0a;
}

.navbar-custom-menu > .navbar-nav > li.open a.dropdown-toggle{
   color: #f47721 !important;
  background: transparent !important;
  border: none;
  border-bottom: none;
  border-radius: 0;
}

.main-header .logo{
    height: 64px;
}


.main-header > .navbar{
    padding-left: 10px;
  padding-right: 10px;
}
.main-header .sidebar-toggle {
  float: left;
  background-color: transparent;
  background-image: none;
  padding: 10px 14px;
  font-family: fontAwesome;
  margin-top: 10px;
}

.right_dropdown {
	float: right;
	width: 44%;
	padding-top: 10px;
	display: flex;
	justify-content: end;
}

.rightpart_li span {
	float: left;
	width: 110px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	position: relative;
	padding-right: 22px;
}

.rightpart_li span i{
    position: absolute;
  top: 2px;
  right: 0;
  font-size: 18px;
}

.navbar-nav > .user-menu .user-image {
	float: left;
	width: 30px;
	height: 30px;
	border-radius: 50%;
	margin-right: 10px;
	margin-top: 0;
	border: 1px solid #ccc;
}

.content-header > .breadcrumb > li > a {
    /* background: linear-gradient(135deg, #3e92c3 0%, #2c5aa0 100%);
    color: white; */
}

.table-wrapper {
	background: white;
	border-radius: 5px !important;
	overflow: hidden;
	box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);
}

.table-wrapper thead {
    background: linear-gradient(135deg, #ff7d23 0%, #e5660f 100%) !important;
    color: white !important;
}

.table-wrapper thead th {
    padding: 12px 10px !important;
}



.bg-aqua, .callout.callout-info, .alert-info, .label-info, .modal-info .modal-body {
	background-color: #c96f16 !important;
}

table {
  width: 100%;
  border-collapse: collapse;
  min-width: 900px; /* important for scroll */
  margin-bottom: 0 !important;
}

.section-sub-highlight {
	color: #873c1f;
	font-weight: 600;
}


.government-id label input[type="checkbox"]{
	accent-color: #f47721;
	width: 18px;
	height: 18px;
	cursor: pointer;
    margin: 0;
}



.add_new_member{
    background: #fff;
  border: 1px solid #F2D4B1;
  box-shadow: 0 2px 8px rgba(44,24,16,0.08);
  border-radius: 10px;
  padding: 18px;
  margin-bottom: 18px;
} 

.add_new_member .form-group{
    /* display: flex;
  align-items: flex-start;
  flex-direction: column; */
  margin-right: -15px;
  margin-left: -15px;
}
.form-horizontal .add_new_member .control-label {
	padding-top: 10px;
	margin-bottom: 3px;
	text-align: left;
	font-weight: 400;
	font-size: 14px;
}

.add_new_member .redio-btn-row {
	display: flex;
	gap: 12px;
	height: 42px;
	align-items: center;
}

.add_new_member .redio-btn-row label{
    margin: 0px;
    display: flex;
    gap: 5px;
    /* align-items:center; */
}

.add_new_member .redio-btn-row label input[type="radio"]{
    accent-color: #f47721;
    margin: 0px !important;
}

.datepicker-days table{
    min-width: auto;
}

.government-id {
	display: flex;
	flex-direction: column;
	gap: 8px;
}

.government-id label {
	display: flex;
	gap: 8px;
	align-items: center;
	line-height: 40px;
	margin: 0;
}

.government-show-input{
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.government-show-input input{
    height: 40px;
}


.count-devotees-line{
    color: #fafaf6;
  background: #863c1f;
  padding: 8px 15px;
  border-radius: 5px;
  margin: 10px 0;
  font-size: 15px;
}

.available-time-slots-hd {
	display: inline-block;
	padding: 6px 12px;
	background: #fff9f2;
	color: #4e2c16;
	border-radius: 6px;
	font-size: 14px;
	font-weight: 500;
	border: 1px solid #f47721;
	margin: 10px 0;
}


@media (max-width: 991px) {
.qr-code-wrapper img {
    max-width: 100%;
}

.schedule-table-wrap{
    overflow: auto;
}
.table-wrapper-inner{
    overflow: auto;
}

}

@media (max-width: 768px) {
.qr-code-wrapper img {
    max-width: 100%;
}

.right_dropdown {
	float: none;
	width: auto;
	padding-top: 10px;
	display: flex;
	justify-content: end;
}

.navbar-custom-menu > .navbar-nav{
    display: flex;
}
.rightpart_li{
    min-width: auto;
}

.drop-down-div .select-class{
    margin-left: 0px;
}

.drop-down-div{
    width: auto;
}

.right_dropdown {
	float: none;
	width: auto;
	padding-top: 5px;
	display: flex;
	justify-content: end;
	padding-bottom: 5px;
}

.main-header .sidebar-toggle {
	float: left;
	background-color: transparent;
	background-image: none;
	padding: 10px 14px;
	font-family: fontAwesome;
	margin: 5px 0;
}
  .main-header {
    position: relative;
    min-height: 114px;
  }
  .content-header > h1 {
	font-size: 18px;
	font-weight: 600;
	margin-bottom: 10px;
	margin-top: 5px;
}
 .content-header > .breadcrumb {
    position: relative;
    margin-top: 5px;
    top: 0;
    right: 0;
    float: none;
    background: #f8f9fb;
    padding-left: 10px;
  }
  .box-header .btn{
    width: auto !important;
    margin: 0px;
  }

  .box-header {
	align-items: center;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	text-align: left;
}

.main{
    padding-left: 0px !important;
    padding-right: 0px !important;
    padding-bottom: 0;
}

.t-info {
	flex: 1;
	padding: 15px 0 5px 0;
	display: flex;
	flex-direction: column;
	gap: 12px;
}
.main-footer{
    text-align: center;
}

}

@media (max-width: 560px) {
.btn-nav {
	flex-direction: column-reverse !important;
	align-items: stretch;
}
}

@media (max-width: 479px) {
.sc-row{
    flex-direction: column;
}

.qd-row {
	text-align: left;
    flex-direction: column !important;
    gap: 0px 0px !important;
}

.qd-row span, .qd-row span:last-child {
    text-align: left;
}
.sum-row{
    flex-direction: column !important;
}

.total-last-row{
    flex-direction: column !important;
}

}

@media (max-width: 760px) {
  .temple-card {
    flex-direction: column !important;
  }

  .t-thumb {
	width: 180px !important;
	min-height: 195px !important;
	border-radius: 10px;
	margin: 0 auto !important;
}
}

@media (max-width: 1199px) {
.vehicle-grid {
  grid-template-columns: repeat(4, 1fr) !important;
}
}

@media (max-width: 991px) {
.vehicle-grid {
  grid-template-columns: repeat(3, 1fr) !important;
}
}

@media (max-width: 767px) {
.vehicle-grid {
  grid-template-columns: repeat(1, 1fr) !important;
}

}

/* Tablet */
@media (max-width: 992px) {
  .search-grid {
    grid-template-columns: repeat(1, 1fr);
  }

  .search-grid2 {	
	grid-template-columns: 1fr;
}
}

/* Mobile */
@media (max-width: 576px) {
  .search-grid {
    grid-template-columns: 1fr;
  }
  .search-grid2 {	
	grid-template-columns: 1fr;
}


}

.receipt-row{
	display: flex;
	justify-content: unset !important;
	gap: 12px;
	padding: 6px 0;
	font-size: 14px;
	border-bottom: 1px solid #f0e6da;
}
.receipt-row span{
    width: 45%;
}
.receipt-row span:last-child {
	color: #8A6A47;
	font-weight: 400;
	text-align: left !important;
    width: 55%;
}
.receipt-total-row{
	display: flex;
	justify-content: unset !important;
	gap: 12px;
	padding: 10px 0 4px;
	font-size: 15px;
	font-weight: 700;
	color: #863B1E;
	margin-top: 0;
}
.receipt-total-row span{
    width: 45%;
}
.receipt-total-row span:last-child {
	text-align: left !important;
	width: 55%;
}



@media (max-width: 479px) {
.schedule-banner{
flex-direction: column;
}
.sb-label{
    text-align: center;
}
.sb-date, .sb-time{
    justify-content: center;
  width: 100%;
}

.sb-duration-badge{
    margin: 0 auto;
}

.meta-row {
	display: flex;
	align-items: flex-start;
	gap: 10px;
	font-size: 13px;
	flex-direction: column;
}


.receipt-row {
	justify-content: unset !important;
	flex-direction: column;
	gap: 0 !important;
}
.receipt-row span {
	width: auto;
}
.receipt-row span:last-child {

	text-align: left !important;
	width: auto;
}
.receipt-total-row{
	display: flex;
	justify-content: unset !important;
    flex-direction: column;
    gap: 5px !important;
}

.receipt-total-row span {
	width: auto !important;
}
.receipt-total-row span:last-child {

	text-align: left !important;
	width: auto !important;
}
  .donation-type-grid {
    grid-template-columns: repeat(1, 1fr);
  }

}

@media (min-width: 768px) and (max-width: 991px) {
  .add_new_member .control-label {
    width: 100% !important;
  }
}

.section-title-out {
	align-items: center;
	display: flex;
	justify-content: space-between;
	margin-bottom: 15px;
	flex-wrap: wrap;
}

.section-title-out .inner-title-div{
    display: inline-block;
}

.section-title-out .btn-out-div{

}

.small-btn {
	padding: 8px 15px !important;
	border-radius: 10px !important;
	font-size: 15px !important;
	font-weight: 500 !important;
	margin: 5px 0 !important;
}


.search-box-out{
    border-radius: 0 10px;
}


 .redio-btn-row {
	display: flex;
	gap: 12px;
	height: 42px;
	align-items: center;
}

.redio-btn-row label {
	margin: 0px;
	display: flex;
	gap: 5px;
	align-items: center;
}

.redio-btn-row label input[type="radio"] {
	accent-color: #4a2a0a;
  margin: 0px !important;
  width: 18px;
  height: 18px;
}

.redio-btn-row label .custom_checkbox[type="checkbox"] {
	accent-color: #4a2a0a;
	margin: 0px !important;
	width: 18px;
	height: 18px;
}

/* .control-labela {
    padding: 0px;
	margin-bottom: 3px;
	text-align: left;
	font-weight: 400;
	font-size: 14px;
} */

.facility-chips{
margin-bottom: 12px;
}
.facility-chips .chip {
	color: #713802;
  padding: 4px 12px;
  border-radius: 50px;
  font-size: 11px;
  /* backdrop-filter: blur(6px); */
  background: linear-gradient(135deg, #f07a1282, #f0bc7a36);
  border: 1px solid #4a2a0a52;
  font-weight: 500;  
}

.temple-card .t-thumb{
    overflow: hidden;
}

.temple-card .t-thumb img{
    width: 95%;
    height: 95%;
    margin: 0px auto;

}


@media (min-width: 768px) {
  .sidebar-mini.sidebar-collapse .main-sidebar .user-panel{
    padding: 5px 3px;
    margin: 15px 0 12px;
  }


}



.error-msg {
	padding: 10px 13px;
  border-radius: 100px;
  border: 1px solid #f47721;
  background: #fff;
  color: #f47721;
  font-size: 14px;
  margin-bottom: 12px;
}

.conf-sub {
	font-size: 16px;
	line-height: 1.45;
	color: #573816;
	margin: 10px 0;
}

.qr-note{
    margin-bottom: 10px;
}

.conf-actions {
	text-align: center;
}




.table-panel-header {
	padding: 8px 20px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	border-bottom: none;
	background: linear-gradient(180deg, #ff9a54 0%, #f47721 100%);
    border-radius: 10px 10px 0 0;
    font-weight: 500;
    gap: 10px;
}
.table-panel-header .box-title {
	display: inline-block;
	font-size: 18px;
	margin: 0;
	font-weight: 500;
	/* line-height: 1; */
	/* line-height: 34px; */
	/* line-height: 1.1; */
	line-height: 34px;
}
.table-panel-header .hd-pull-left{
    display: flex;
    align-items: center;
}
.table-panel-header .hd-pull-right{
    display: flex;
    align-items: center;
}
.hd-btn{

}
.hd-search{
    
}

.hd-search label {
	font-weight: normal;
	white-space: nowrap;
	text-align: left;
	font-weight: 500;
	color: #fff;
	margin: 0;
	display: flex;
	align-items: center;
	font-size: 14px;
	gap: 10px;
}

.hd-search input {
	margin: 0;
	display: flex;
	width: auto;
	outline: none;
	border: 1px solid #fff;
	border-radius: 5px;
	padding: 5px 10px;
	color: #4a2a0a;
}

 .table-panel-header .hd-pull-right .btn {
  background-color: #863b1e;
  border-color: #863b1e;
  color: #f8f9fb !important;
}

.table-box {
	border-radius: 10px;
  overflow: hidden;
  margin-bottom: 20px;
  border: 1px solid #F2D4B1;
}


.table-box-wrap{

}

.all-schedule-table {
	width: 100%;
	border-collapse: collapse;
}

.all-schedule-table th {
	background: #FAFAF6;
	padding: 12px 14px;
	font-size: 14px;
	font-weight: 500;
	color: #4A2A0A;
	text-align: left;
    border-bottom: 1px solid rgb(242, 212, 177);
}

.all-schedule-table td {
	padding: 10px 14px;
	font-size: 13px;
	color: #7B562C;
	border-bottom: 1px solid rgb(242, 212, 177);
	/* background: #fff; */
}

.all-schedule-table td strong{
    font-weight: 600;
}

.all-schedule-table td i{
    font-size: 15px;
}

.all-schedule-table tbody tr:nth-of-type(odd){
        background-color: #f8f9fb;
}
.badge.success{
    background: #e6f7ec;
  color: #28a745;
}

.badge.gray {
	background: #f1f1f1;
	color: #777;
}



@media (max-width: 991px) {
  .table-box-wrap {
    overflow: auto;
  }
.table-panel-header{
    flex-wrap: wrap;
}
  
}

@media (max-width: 479px) {
.table-panel-header{
    flex-direction:column;
    
}
.table-panel-header .hd-pull-left{
    flex-direction:column;
    gap: 5px;
    align-items: flex-start;
	width: 100%;
}
.table-panel-header .hd-pull-right {
	display: flex;
	align-items: flex-start;
	width: 100%;
	flex-direction: column;
	gap: 10px;
}

.table-panel-header .hd-pull-right .hd-btn .btn {
    margin: 0 0px 0 0px !important;
}

.section-sub{
    font-size: 14px;
}

}

.flex-wrap{
    flex-wrap: wrap;
}

.section-sub{
    font-size: 14px;
}

.small-btn{
    padding: 10px 20px;
    border-radius: 5px !important;
}



.input-group .input-group-addon {
	border-radius: 5px 0px 0px 5px;
	border-color: #f0bc7a;
	background-color: #fff;
}

.input-group .input-group-addon i{
    color: #f47721;
  font-size: 18px;
}


.form-control::placeholder {
	color: #8A6A47;
	opacity: 1;
}


.select2-container--default .select2-selection--multiple {
	background-color: white;
	border: 1px solid #f0bc7a !important;
	border-radius: 5px;
	cursor: text;
	width: 100%;
	padding: 10px 25px 10px 15px;
	position: relative;
	display: flex;
	align-items: center;
	height: auto;
}

.select2-container--default .select2-selection--multiple .select2-selection__rendered {
	box-sizing: border-box;
	list-style: none;
	margin: 0;
	padding: 0;
	width: 100%;
	display: flex;
	gap: 5px;
    flex-wrap: wrap;
}

.select2-container--default .select2-search--inline .select2-search__field {
	background: transparent;
	border: none;
	outline: 0;
	box-shadow: none;
	-webkit-appearance: textfield;
	margin: 0;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
	background-color: #fff7ee;
	border: 1px solid #f0bc7a;
	border-radius: 4px;
	cursor: default;
	float: none;
	margin-right: 0;
	margin-top: 0;
	padding: 2px 5px;
	display: flex;
	gap: 2px;
	align-items: center;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
	color: #f47721;
	cursor: pointer;
	display: flex;
	font-weight: bold;
	margin-right: 0;
	font-size: 16px;
}

.select2-container--default .select2-selection--multiple::before {
	content: "\f0dd";
	position: absolute;
	right: 15px;
	color: #f47721;
	font: normal normal normal 14px/1 FontAwesome;
	top: 12px;
	font-size: 18px;
}

.select2-container--default .select2-selection--multiple .select2-selection__rendered li {
	list-style: none;
	display: flex;
	align-items: center;
}


.contact-detail-heading{
    font-size: 18px;
  text-align: center;
  padding: 10px 10px;
  margin-top: 0;
  background: #FFF7E8;
  border: 1px solid #F0BC7A;
  margin-bottom: 15px;
}




.mt-10 { margin-top: 10px; }
.mt-20 { margin-top: 20px; }
.mb-10 { margin-bottom: 10px; }
.mb-20 { margin-bottom: 20px; }
.mt-15 { margin-top: 15px; }
.mb-15 { margin-bottom: 15px; }