@font-face {
    font-family: 'Mehr Nastaliq Web';
    src: url('/fonts/mehr-nastaliq-web-version-1.0-beta.ttf');
}
.mehr-nastaliq { font-family: 'Mehr Nastaliq Web', Arial !important; }
.urdu_name { font-size: 16px !important; }

/*table { table-layout: fixed; }*/
table .sr { width: 4%; }

.hide { display: none; }
.show { display: block; }
.red { color: red; }
.orange { color: orange; }
.green { color: green; }

.link { cursor: pointer; color: #428BCA; }
.link:hover { text-decoration: underline; }

.text { text-align: left !important; }
.number { text-align: right !important; }
.center { text-align: center !important; }
.bold { font-weight: bold; }
.underline { text-decoration: underline; }
.float-left { float: left; }
.float-right { float: right; }
sup {font-size: 14px; }
.message { display: none; }

td.inner-table, th.inner-table { padding: 0px !important; }
td.inner-table table, th.inner-table table { padding: 0px; margin: 0px; }

.right-boxes .col-md-4, .right-boxes .col-sm-4, .right-boxes .col-xs-4 { padding-right: 5px; padding-left: 5px; }

.stats-wrapepr { margin-top: 10px; }

.stats-wrapepr p { margin: 3px 0; font-size: 11px; }

.stats-bottom {
    font-size: 11px;
    font-weight: 600;
}

.orange-bg{background: #f78d1e}
.blue-bg{background: #1b4c90}
.blue-bg-summary{
    background: #1b4c90;
    height : 121px !important
}
.pink-bg{background: #CD6155}
.pink-bg-summary{
    background: #CD6155;
    height: 121px !important
}
.stats{padding: 8px; border-radius: 4px; margin-bottom: 10px;}
.stats .item{
    border: solid 1px white;
    color: white;
    text-align: center;
    margin-bottom: 10px;
    min-height: 96px;
}
.stats .item:last-child{margin-bottom: 0;}

.stats .item .stats-head{
    background: white;
    padding: 5px 2px;
    color: black;
    font-size: 17px!important;
    font-weight: bold;
}

.stats .item .stats-number{font-size: 25px; font-weight: bold}

.graph-content{
    background: white;
    box-shadow: 0px 0px 4px #ccc;
    padding: 0px;
    min-height: 70px;
    border: 1px solid;
    margin: 10px 0 0 0;
}

.graphs-wrapper{
    background: #ececec;
    padding: 10px;
    border-radius: 4px;
    min-height: 70px;
}

/*.graphs-wrapper .row div:nth-child(2) { padding-left: 0px; }*/ 

body{background: white !important;}

div.chart_db, div.chart_2_db {
    border: none;
    margin: 0px;
}

div.chart_full { overflow: hidden; }

.navbar{ background: white; }
.mainbar{background: #5cb85c}
.content{background: none; box-shadow:none; margin-top: -67px}
.content::before{background-image:none}

.nav-tabs {
    border-bottom: 0 !important;
}
/*.nav-tabs>li { margin-bottom: -3px; }*/
.bs-example-tabs .nav-tabs>li>a{ color: white}
.nav-tabs>li a:hover{color: black}

.bs-example-tabs .nav-tabs>li.active>a, .nav-tabs>li.active>a:focus{color: black}
.navbar>.container .navbar-brand, .navbar>.container-fluid .navbar-brand {
    margin-left: 12px;
}
/*.asterisk-note { padding-top: 47px; }*/
.last-updated-right { float: right; }
.right-sidebar {    
    min-height: 523px;
    position: relative;
}
.asterick-bottom { position: absolute; bottom: 5px; width: 100%; }
.emis-code-filter { border-left: 2px solid #777; }

.footer {
    margin:0px;
    margin-top:0px;
    padding:0px;
    padding:5px 0 5px 0;
    background: #ececec;
}
.footer .container{
    margin-left: 0px;
    margin-right: 0px;
}
.footer p{
    margin:0px;
    padding:0px;
}

div.search_form{padding-bottom:12px;}

.filter-wrapper { 
    background: #eee; padding: 6px 15px; margin-top: -14px; 
    clear: both;
}

.breadcrumbs-dtms span { cursor: pointer; font-size: 12px; font-weight: normal; color: blue; }
.bc-district, .bc-tehsil, .bc-markaz, .bc-school { display: none; }
.bc-district:before, .bc-tehsil:before, .bc-markaz:before, .bc-school:before { content: ' / '; }


.breadcrumbs-dtms li {
    display: inline;
}
.breadcrumbs-dtms span {
    cursor: pointer;
    font-size: 12px;
    font-weight: normal;
    color: blue;
    margin-right: 6px;
}
.breadcrumbs-dtms span+span:before {
    padding: 8px;
    color: black;
    content: "/\00a0";
}
.breadcrumbs-dtms li a {
    text-decoration: underline;
}

.breadcrumbs-dtms li a:hover {
    color: #0275d8;
    text-decoration: underline;
}

.navbar-collapse { padding-right: 0px; padding-left: 0px; }

.stats .item .link { text-decoration: underline; color: #FFF; }

.tbl-container { margin-top: 65px !important; }
.chart_half { float: none !important; width: auto !important; }
.portlet-content { width: 100%; overflow: auto; }
body.dashboard #enrollment_tab_form .col-md-2 { width: 15.10%; }

.filter-btn { margin-top: 0px !important; }
.filter-btn .btn { height: 33px; }

.second-nav,#transfer_tabs, #reports_tabs { background-color: #00ea00; border-top-left-radius: 5px; }
.second-nav ul li.active > a, #transfer_tabs ul li.active > a, #reports_tabs ul li.active > a { color: black; }

.sub_tabs {background-color: #47d147;}
.sub_tabs ul li.active>a {color: black;}

table thead tr th {
    font-size: 13px !important;
    text-transform: uppercase !important;
}

#data_health_tbl table tr { text-align: center; }
#data_health_tbl table th { text-align: center; text-transform: none; }
#data_health_tbl table tr th:nth-child(1), #data_health_tbl table tr td:nth-child(1)  { text-align: left; }
#data_health_tbl table tr th:nth-child(2), #data_health_tbl table tr td:nth-child(2)  { text-align: left; }
#data_health_tbl table tr th:nth-child(3), #data_health_tbl table tr td:nth-child(3)  { text-align: right; }
#data_health_tbl table tr th:nth-child(4), #data_health_tbl table tr td:nth-child(4)  { text-align: right; }
#data_health_tbl table tr th:nth-child(5), #data_health_tbl table tr td:nth-child(5)  { text-align: right; }
#data_health_tbl table tr th:nth-child(6), #data_health_tbl table tr td:nth-child(6)  { text-align: right; }
#data_health_tbl table tr th:nth-child(7), #data_health_tbl table tr td:nth-child(7)  { text-align: right; }
#data_health_tbl table tr th:nth-child(8), #data_health_tbl table tr td:nth-child(8)  { text-align: right; }
#data_health_tbl table tr th:nth-child(9), #data_health_tbl table tr td:nth-child(9)  { text-align: right; }

/*#data_health_tbl table tr th:nth-child(1) { width: 20%; }*/
#data_health_tbl table.data_health tr th:nth-child(3) { text-align: center;}
#data_health_tbl table.data_health tr td:nth-child(3) { text-transform: capitalize; }
#data_health_tbl table.data_health thead th { font-size: 14px; }
#data_health_tbl .red { color: red; font-weight: bold; }
#data_health_tbl .green { color: green; font-weight: bold; background: none; }
#data_health_tbl .orange { color: orange; font-weight: bold; background: none; }
#data_health_tbl .red-normal { color: red; }
#data_health_tbl .green-normal { color: green; }
#data_health_tbl .dtms-data-health { cursor: pointer; }

/*#transfer_applications_tab .disclaimer { color : red; text-align: justify; }
#transfer_applications_tab .disclaimer-outer { border: 2px solid #ccc; margin: 0 15px 0px 15px; padding-top: 10px; width: auto; }
#transfer_applications_tab .link-outer { text-align: right; margin-top: 10px; margin-bottom: 0px; padding-bottom: 0px; }*/
/*#transfer_applications_tab .link { text-decoration: underline; }*/
/*#transfer_applications_tab .filter-wrapper { margin-top: 5px; }*/

/*#mutual_transfer_applications_tab .disclaimer { color : red; text-align: justify; }
#mutual_transfer_applications_tab .disclaimer-outer { border: 2px solid #ccc; margin: 0 15px 0px 15px; padding-top: 10px; width: auto; }
#mutual_transfer_applications_tab .link-outer { text-align: right; margin-top: 10px; margin-bottom: 0px; padding-bottom: 0px; }*/
/*#mutual_transfer_applications_tab .link { text-decoration: underline; }*/
/*#mutual_transfer_applications_tab .filter-wrapper { margin-top: 5px; }*/

.disclaimer { color : red; text-align: justify; }
.disclaimer-outer { border: 2px solid #ccc; margin: 0 15px 0px 15px; padding-top: 10px; width: -webkit-fill-available; }

.link-outer { text-align: right; margin-top: 10px; margin-bottom: 0px; padding-bottom: 0px; }
/*.filter-wrapper { margin-top: 5px; }*/
/*#transfer_applications_tab .filter-wrapper, #mutual_transfer_applications_tab .filter-wrapper, #transfer_quota_tab .filter-wrapper {
    margin-top: 5px; 
}*/
#reports_teachers_data_tab .filter-wrapper { 
    margin-top: 5px; 
}

#transfer_quota_tab .red { color: red; font-weight: bold; }
#transfer_quota_tab .sanctioned-posts-total td { text-align: right !important; font-weight: bold; }
#transfer_quota_tab .disclaimer { color : red; text-align: justify; }
#transfer_quota_tab .disclaimer-outer { border: 2px solid #ccc; margin: 0 15px 0px 15px; padding-top: 10px; width: 97.8%; }

.legend-outer { padding-top: 10px; padding-bottom: 10px; }
.legend-outer .legend-forestgreen { width: 10px; height: 10px; background: forestgreen; float: left; position: relative; top: 6px; border-radius: 50%; }
.legend-outer .legend-green { width: 10px; height: 10px; background: #00ff00; float: left; position: relative; top: 6px; border-radius: 50%; }
.legend-outer .legend-yellow { width: 10px; height: 10px; background: #f7f700; float: left; position: relative; top: 6px; border-radius: 50%; }
.legend-outer .legend-red { width: 10px; height: 10px; background: #ff0033ad; float: left; position: relative; top: 6px; border-radius: 50%; }
.legend-outer .col-md-4 div:nth-of-type(1) { margin-right: 10px; }
.legend-outer div:nth-of-type(1) { padding-left: 0px; }
.bg-wrapper { background: #f9f9f9; padding: 10px; border-radius: 70px; padding-left: 17px !important; }


.transfer-applications-dtms-cls, .dtms-census { cursor: pointer; }

.applicant_info { background: #F8F8F8; padding: 15px 20px; }

.stp_submitted { color: #F7F700; }
.stp_selected { color: #00ff00; }
.stp_not-selected { color: #333; }
.stp_approved, .mutual_verified { color: #0ec10e; }
.stp_rejected, .mutual_rejected { color: #ff0000; }
.stp_waiting, .mutual_awaiting, .mutual_pending { color: #333; }
.stp_pending { color: #F7F700; }


#myTabs li a:hover { border-color: transparent; }
#enrollment_bar { margin-top: 10px !important; }
#teacher_designation_pie { margin-top: 10px !important; }
#teacher_education_pie { margin-top: 10px !important; }
#transfer { margin-top: -4px !important; }


#mutual_applications_summary th { width: 16.66%; }
#application_processing_details th:nth-child(2), #application_processing_details th:nth-child(3), #application_processing_details th:nth-child(4) {
    width: 15%;
}
#application_summary th:nth-child(2), #application_summary th:nth-child(3), #application_summary th:nth-child(4), #application_summary th:nth-child(5) {
    width: 15%;
}
/*#myTabs li a { height: 36px; }*/


/*CSS NEEDS TO DELETE WHEN GO LIVE*/
body.dashboard #dashboard_dev .col-md-2 { width: 15.10%; }
/*body.dashboard .transfer_applications_data { display: none; }*/
/*CSS NEEDS TO DELETE WHEN GO LIVE*/


/* CUSTOM CSS --- SAMI 15-06-2020 */
#myTabs .content ::before {
    display: none;
}

.navbar .navbar-nav > li > a:hover, .navbar .navbar-nav > li > a:focus {
    color: #666;
    background-color: transparent;
}
.navbar .navbar-nav > .active > a, .navbar .navbar-nav > .active > a:hover, .navbar .navbar-nav > .active > a:focus {
    color: #ffffff;
    background-color: transparent;
}
.navbar .navbar-nav > .disabled > a, .navbar .navbar-nav > .disabled > a:hover, .navbar .navbar-nav > .disabled > a:focus {
    color: #444444;
    background-color: transparent;
}
.navbar .navbar-toggle {
    padding-top: 6px;
    padding-bottom: 6px;
    margin-top: 10px;
    color: #666;
    font-size: 12px;
    border-color: none;
}

.navbar .navbar-toggle:hover, .navbar .navbar-toggle:focus { background-color: transparent; }
.navbar .navbar-collapse { background: none repeat scroll 0 0 transparent !important; }



.navbar-toggle {
    margin-right: 0px !important;
}


.graphs-wrapper{
    padding: 4px !important;
    margin-bottom: 3px;
}

.page-heading{
    font-size: 18px;
    margin-bottom: -5px;
}

/* CUSTOM CSS --- SAMI 15-06-2020 */


.user .content {
    margin-top: -33px;
}
.user .footer {
    position: absolute;
    bottom: 0;
    width: 100%;
}
.dropdown-menu {
    border: 1px solid #ccc;
    border: 0px solid rgba(0,0,0,.15);
}

.fa-info-circle:before { display: block !important; }

.tab-pane .portlet-content { border-radius: 0px !important; }

.vacant_detail .fa-info-circle{
    top: 3px;
    position: relative;
}

#transfer_detail_dialog .modal-dialog {
    width: 620px;
}


/*#application_processing_details tr:nth-child(3) > td:nth-child(3) { padding: 8px 0px; }*/

/*#application_processing_details tr > th:nth-child(1) { width: 20%; }
#application_processing_details tr > th:nth-child(3) { width: 10%; }
#application_processing_details tr > td { padding: 8px 0px; }
#application_processing_details tr td .col-md-12 { padding-left: 8px; padding-right: 8px; text-transform: none; }
#application_processing_details tr:nth-child(3) > td:nth-child(2) span:nth-of-type(even) { width: 100%; background-color: #fff; }
#application_processing_details tr:nth-child(3) > td:nth-child(3) span:nth-of-type(even) { width: 100%; background-color: #fff; }*/

#application_processing_details td.inner-table table { text-transform: none; }
.modal-footer, .modal-header { background: #eee; }
.li-btn { position: absolute !important; right: 20px; margin: 5px auto; float: none !important; }
.quota_post { font-size: 12px; font-style: italic; padding-left: 5px; }
/*@media (min-width: 768px) {
    .content-container {
        padding: 0px;
    }
}

.content {
    margin-top: 0px;
}

.content-header {
    margin-top: -67px;
}*/


#teachers_data_report_form .col-md-2 { padding-bottom: 5px; }
.mt-5 { margin-top: 5px;}
.mt-10 { margin-top: 10px;}
.mt-15 { margin-top: 15px;}
.mt-20 { margin-top: 20px;}

.ml-5 { margin-left: 5px;}
.ml-10 { margin-left: 10px;}
.ml-15 { margin-left: 15px;}
.ml-20 { margin-left: 20px;}

.mr-5 { margin-right: 5px;}
.mr-10 { margin-right: 10px;}
.mr-15 { margin-right: 15px;}
.mr-20 { margin-right: 20px;}
.second-nav-margin{
    margin-top: 10px;
}
div.chart_full{
    border:1px solid;
    /*width: 1240px;
    height: 400px; */
    margin: 10px 0 0 0;
}
div.chart_half{
    border:1px solid;
    width: 600px;
    height: 400px;
    float: left;
    padding: 5px;
    margin: 10px 0 0 0;
}
div.chart_1_3{
    border:1px solid;
    /*width: 400px;
    height: 400px; */
    margin: 10px 0 0 0;
}

.table-sub-heading th, .table-sub-heading td {
	background: #6fc0bf47 !important;
	border-bottom-color: #6fc0bf47 !important;
}



.sanctioned-quota-tab-disclaimer-outer {
    border: 2px solid #ccc;
    /*margin: 0 15px 0px 15px;*/
    padding-top: 10px;
    /*width: auto;*/
}

.tbl-wrapper {
    margin: 1px !important;
}
.tbl-wrapper .table {
    border: none !important;
}
.tbl-wrapper .table-bordered>tbody>tr>th, .table-bordered>tbody>tr>th, 
.tbl-wrapper .table-bordered>tbody>tr>td, .table-bordered>tbody>tr>td {
    border: 0.5px solid #ddd !important;
}
.tbl-wrapper .table-bordered.table-highlight thead tr th {
    border-top: none !important;
    border-left: none !important;
}
.right-padding-0{
    padding-right: 0px;
}





/* media css for responsive */
@media only screen and (max-width: 767px) {
    .content{margin-top: -86px;}
    .content::before{ height:110px; }
    .xs-margin-top { margin-top: 10px; }
    .asterisk-note { padding-top: 10px; }
    .right-sidebar { min-height: auto; position: relative; }
    .last-updated-right { float: none; }
    .asterick-bottom { position: relative; bottom: 5px; }
    .nav-tabs ul { margin: 0px; padding: 0px; }
    .nav-tabs ul li { width: 100%; float: none; }
    .nav-tabs li { background: #5cb85c; }
    .nav-tabs > li { float: none; }
    .nav-tabs > li.active { background: white; }
    .nav-tabs>li>a { margin-right: 0px; }
    .mainbar { display: none; }
    .emis-code-filter { border-left: none; }
    body.dashboard #enrollment_tab_form .col-md-2 { width: auto !important; }
    /*table { table-layout: auto; }*/
    /*.collapse { display: block; }*/
    .filter-wrapper{margin-top: 0px;}
    .bs-example-tabs .nav-tabs>li.active>a, .nav-tabs>li.active>a:focus{width: auto !important;}
    .filter-wrapper #submit {margin-top: 5px;float: right;}
    .second-nav .nav-tabs li, .second-nav-margin .nav-tabs li { background: #00ea00; }
    .filter-wrapper form {margin-right: 15px;}
    .filter-wrapper form .form-control, #snc_tab_form .form-control, #download_snc_report
    { margin-bottom: 5px; }
    .navbar-collapse.collapse{margin-bottom: 10px !important;}
    .blockUI h1 {font-size:15px;}
    #student_teacher_ratio, #student_classroom_ratio, #school_general_reports_facilities_table, #school_general_reports_dangerous_schools, #attendance_table, .students_change_requests_report_data, .teacher_requirement_table
    {overflow-x:auto}
    .filter-wrapper #student_emis_code {margin-top: 52px;}
    #bform_bar span, #gender_area tspan, #gender_class tspan { font-size: 15px; } 
    #search_teacher_application a.btn-primary{font-size: 10px;}
    #teachers_div_in_staff a.btn-primary{margin-top: 4px;}
    #transfer_quota_form a.btn-primary{float: left; margin-top: 5px;}
    .filter-wrapper #activities{margin: 4px 5px 0 0;}
    #download_quarter_data, #send_data_to_pspa {margin-top: 10px;}
    #reports_general_tab div.number a {width: 100%; margin-bottom: 10px;}
}

@media only screen and (max-width: 600px) {
    .nav-tabs li { background: #5cb85c; }
    .row-stipend .col-sm-4 { padding-left: 0px; padding-right: 0px; }
    .row-stipend .col-sm-3 { padding-left: 0px; padding-right: 0px; }
    .row-stipend-pink .col-sm-4 { padding-left: 0px; padding-right: 0px; width: 100% !important; }
    .row-stipend .tmp { display: none; }
    /*.collapse { display: block; }*/
    .filter-wrapper{margin-top: 0px;}
    .bs-example-tabs .nav-tabs>li.active>a, .nav-tabs>li.active>a:focus{width: auto !important;}
    .filter-btn #submit {margin-top: 5px;}
    .second-nav .nav-tabs li, .second-nav-margin .nav-tabs li { background: #00ea00; }
    .filter-wrapper form {margin-right: 10px;}
    .filter-wrapper form .form-control, #snc_tab_form .form-control, #download_snc_report
    { margin-bottom: 5px; }
    .navbar-collapse.collapse{margin-bottom: 10px !important;}
    .blockUI h1 {font-size:15px;}
    #student_teacher_ratio, #student_classroom_ratio, #school_general_reports_facilities_table, #school_general_reports_dangerous_schools, #attendance_table, .students_change_requests_report_data, .teacher_requirement_table
    {overflow-x:auto}
    .filter-wrapper #student_emis_code {margin-top: 52px;}
    #bform_bar span, #gender_area tspan, #gender_class tspan { font-size: 15px; } 
    #search_teacher_application a.btn-primary{font-size: 10px;}
    #teachers_div_in_staff a.btn-primary{margin-top: 4px;}
    #transfer_quota_form a.btn-primary{float: left; margin-top: 5px;}
    .filter-wrapper #activities{margin: 4px 5px 0 0;}
    #download_quarter_data, #send_data_to_pspa {margin-top: 10px;}
    #reports_general_tab div.number a {width: 100%; margin-bottom: 10px;}
}

@media only screen and (max-width: 480px) {
    .nav-tabs li { background: #5cb85c; }
    .nav-tabs { border-bottom: 0px solid #5cb85c;}
    .nav-tabs > li.active { background: white; }
    .nav-tabs>li>a{border:0}
    .navbar-brand-image img{width: 82%; margin-top:7px;}
    .navbar .navbar-toggle { position: absolute; right: 0px !important; top: 0px; }
    .second-nav .nav-tabs li, .second-nav-margin .nav-tabs li { background: #00ea00; }
    /*table { table-layout: auto; }*/
    /*.collapse { display: block; }*/
    .filter-wrapper{margin-top: 0px;}
    .bs-example-tabs .nav-tabs>li.active>a, .nav-tabs>li.active>a:focus{width: auto !important;}
    .filter-btn #submit {margin-top: 5px;}
    .filter-wrapper form {margin-right: 5px;}
    .filter-wrapper form .form-control, #snc_tab_form .form-control, #download_snc_report
    { margin-bottom: 5px; }
    .navbar-collapse.collapse{margin-bottom: 10px !important;}
    .blockUI h1 {font-size:15px;}
    #student_teacher_ratio, #student_classroom_ratio, #school_general_reports_facilities_table, #school_general_reports_dangerous_schools, #attendance_table, .students_change_requests_report_data, .teacher_requirement_table
    {overflow-x:auto}
    .filter-wrapper #student_emis_code {margin-top: 52px;}
    #bform_bar span, #gender_area tspan, #gender_class tspan { font-size: 13px; } 
    #search_teacher_application a.btn-primary{font-size: 10px;}
    #teachers_div_in_staff a.btn-primary{margin-top: 4px;}
    #transfer_quota_form a.btn-primary{float: left; margin-top: 5px;}
    .filter-wrapper #activities{margin: 4px 5px 0 0;}
    #download_quarter_data, #send_data_to_pspa {margin-top: 10px;}
    #reports_general_tab div.number a {width: 100%; margin-bottom: 10px;}
}

.row-stipend-pink .stats .item .stats-number, .row-stipend .stats .item .stats-number { font-size: 20px !important; }