@media (min-width: 768px){ .container{ width: 90% !important; } }
@media (max-width: 767px){ .detail_view{ padding: 0; } }
@media print{
	a[href]:after{ content: "" !important; }
	.container{ width: 98% !important; }
}

.rtl{ direction: rtl !important; }
.ltr{ direction: ltr !important; }

.navbar-brand{ text-transform: capitalize; }

table a, .table a { text-decoration: none !important; }

#children-tabs li a{ display: block !important; }

.hidden{ visibility: hidden !important; }

iframe{ border: none; overflow: auto; }

.tab-content{ padding: 10px 20px; border: 1px solid #DDDDDD; border-top: none; }

#pc-loading{ background: none repeat scroll 0 0 yellow; font-family: arial; left: 10px; margin-top: -10px; opacity: 0.85; position: absolute; top: 20px; width: 150px; }

.navbar a.btn { margin-left: 10px; margin-right: 10px; }

.view-on-click a.btn { max-width: 75px; }

/* prevent prototype conflicts */
li.dropdown{ display: block !important; }

.hspacer-xs{ margin-left: 0.1em; margin-right: 0.1em; }
.hspacer-sm{ margin-left: 0.2em; margin-right: 0.2em; }
.hspacer-md{ margin-left: 0.4em; margin-right: 0.4em; }
.hspacer-lg{ margin-left: 0.8em; margin-right: 0.8em; }
.vspacer-xs{ margin-top: 0.1em; margin-bottom: 0.1em; }
.vspacer-sm{ margin-top: 0.2em; margin-bottom: 0.2em; }
.vspacer-md{ margin-top: 0.4em; margin-bottom: 0.4em; }
.vspacer-lg{ margin-top: 0.8em; margin-bottom: 0.8em; }

div.datePicker{ font-size: 1.3em; }
.always_shown{ display: inline !important; }
.text-bold{ font-weight: bold; }
.text-italic{ font-style: italic; }

/* .form-control, .help-block .alert{ width: 90% !important; } */
.input-group .form-control{ width: 100% !important; }
.form-inline .form-control{ width: auto !important; }
.panel .btn{ overflow: hidden; }

.select2-container .select2-choice{ height: 2.4em; line-height: 2.2em; }
.select2-container .select2-choice .select2-arrow b{ background-position: 0 -0.1em; }

.navbar ul.dropdown-menu{ max-height: 400px; overflow-y: auto; }

.date_combo { padding-right: 0.5em; }
/* .date_combo select { width: 100% !important; padding-left: 0; padding-right: 0; } */

img[src="blank.gif"] { max-height: 10px !important; }

/* fix for scrolling wide tables horizontally on iOS, https://stackoverflow.com/a/39073181/1945185 */
.table-responsive .table {
	max-width: none;
	-webkit-overflow-scrolling: touch !important;
}

.enrollment-stud_id{ white-space: normal !important; max-width: 200px !important; min-width: 200px !important; overflow: hidden;  }
.enrollment-course_id{ white-space: normal !important; max-width: 200px !important; min-width: 200px !important; overflow: hidden;  }
.enrollment-score{ white-space: normal !important; max-width: 100px !important; min-width: 100px !important; overflow: hidden;  }
.enrollment-notes{ white-space: normal !important; max-width: 200px !important; min-width: 200px !important; overflow: hidden;  }
.enrollment-certificate_notes{ white-space: normal !important; max-width: 200px !important; min-width: 200px !important; overflow: hidden;  }
.courses-course_id{ white-space: normal !important; max-width: 50px !important; min-width: 50px !important; overflow: hidden;  }
.courses-course_name{ white-space: normal !important; max-width: 100px !important; min-width: 100px !important; overflow: hidden;  }
.courses-description{ white-space: normal !important; max-width: 200px !important; min-width: 200px !important; overflow: hidden;  }
.courses-instructor_id{ white-space: normal !important; max-width: 130px !important; min-width: 130px !important; overflow: hidden;  }
.courses-lab_id{ white-space: normal !important; max-width: 50px !important; min-width: 50px !important; overflow: hidden;  }
.courses-start_date{ white-space: normal !important; max-width: 100px !important; min-width: 100px !important; overflow: hidden;  }
.courses-end_date{ white-space: normal !important; max-width: 100px !important; min-width: 100px !important; overflow: hidden;  }
.courses-start_time{ white-space: normal !important; max-width: 80px !important; min-width: 80px !important; overflow: hidden;  }
.courses-end_time{ white-space: normal !important; max-width: 80px !important; min-width: 80px !important; overflow: hidden;  }
.courses-mon{ white-space: normal !important; max-width: 35px !important; min-width: 35px !important; overflow: hidden;  }
.courses-tue{ white-space: normal !important; max-width: 35px !important; min-width: 35px !important; overflow: hidden;  }
.courses-wed{ white-space: normal !important; max-width: 35px !important; min-width: 35px !important; overflow: hidden;  }
.courses-thu{ white-space: normal !important; max-width: 35px !important; min-width: 35px !important; overflow: hidden;  }
.courses-fri{ white-space: normal !important; max-width: 35px !important; min-width: 35px !important; overflow: hidden;  }
.courses-sat{ white-space: normal !important; max-width: 35px !important; min-width: 35px !important; overflow: hidden;  }
.courses-sun{ white-space: normal !important; max-width: 35px !important; min-width: 35px !important; overflow: hidden;  }
.courses-fees{ white-space: normal !important; max-width: 100px !important; min-width: 100px !important; overflow: hidden;  }
.attendance-student_course{ white-space: normal !important; max-width: 350px !important; min-width: 350px !important; overflow: hidden;  }
.attendance-date{ white-space: normal !important; max-width: 100px !important; min-width: 100px !important; overflow: hidden;  }
.attendance-attended{ white-space: normal !important; max-width: 80px !important; min-width: 80px !important; overflow: hidden;  }
.students-student_id{ white-space: normal !important; max-width: 50px !important; min-width: 50px !important; overflow: hidden;  }
.students-status{ white-space: normal !important; max-width: 100px !important; min-width: 100px !important; overflow: hidden;  }
.students-institute{ white-space: normal !important; max-width: 150px !important; min-width: 150px !important; overflow: hidden;  }
.students-student_name{ white-space: normal !important; max-width: 120px !important; min-width: 120px !important; overflow: hidden;  }
.students-Student_father{ white-space: normal !important; max-width: 120px !important; min-width: 120px !important; overflow: hidden;  }
.students-Address{ white-space: normal !important; max-width: 150px !important; min-width: 150px !important; overflow: hidden;  }
.students-Villorcity{ white-space: normal !important; max-width: 150px !important; min-width: 150px !important; overflow: hidden;  }
.students-pin_code{ white-space: normal !important; max-width: 80px !important; min-width: 80px !important; overflow: hidden;  }
.students-dob{ white-space: normal !important; max-width: 80px !important; min-width: 80px !important; overflow: hidden;  }
.students-sex{ white-space: normal !important; max-width: 70px !important; min-width: 70px !important; overflow: hidden;  }
.students-signature{ white-space: normal !important; max-width: 150px !important; min-width: 150px !important; overflow: hidden;  }
.students-email{ white-space: normal !important; max-width: 50px !important; min-width: 50px !important; overflow: hidden; word-break: break-all; }
.students-phone{ white-space: normal !important; max-width: 80px !important; min-width: 80px !important; overflow: hidden;  }
.students-reg_date{ white-space: normal !important; max-width: 80px !important; min-width: 80px !important; overflow: hidden;  }
.students-photo{ white-space: normal !important; max-width: 150px !important; min-width: 150px !important; overflow: hidden;  }
.students-notes{ white-space: normal !important; max-width: 150px !important; min-width: 150px !important; overflow: hidden;  }
.instructors-inst_name{ white-space: normal !important; max-width: 200px !important; min-width: 200px !important; overflow: hidden;  }
.instructors-email{ white-space: normal !important; max-width: 50px !important; min-width: 50px !important; overflow: hidden; word-break: break-all; }
.instructors-phone{ white-space: normal !important; max-width: 125px !important; min-width: 125px !important; overflow: hidden;  }
.instructors-fulltime{ white-space: normal !important; max-width: 60px !important; min-width: 60px !important; overflow: hidden;  }
.instructors-photo{ white-space: normal !important; max-width: 150px !important; min-width: 150px !important; overflow: hidden;  }
.labs-lab_code{ white-space: normal !important; max-width: 100px !important; min-width: 100px !important; overflow: hidden;  }
.labs-capacity{ white-space: normal !important; max-width: 100px !important; min-width: 100px !important; overflow: hidden;  }
.labs-notes{ white-space: normal !important; max-width: 300px !important; min-width: 300px !important; overflow: hidden;  }
.courses_catalog-cat_id{ white-space: normal !important; max-width: 50px !important; min-width: 50px !important; overflow: hidden;  }
.courses_catalog-course_code{ white-space: normal !important; max-width: 70px !important; min-width: 70px !important; overflow: hidden;  }
.courses_catalog-course_name{ white-space: normal !important; max-width: 200px !important; min-width: 200px !important; overflow: hidden;  }
.courses_catalog-course_summary{ white-space: normal !important; max-width: 300px !important; min-width: 300px !important; overflow: hidden;  }
.courses_catalog-notes{ white-space: normal !important; max-width: 300px !important; min-width: 300px !important; overflow: hidden;  }
.institute-institute_name{ white-space: normal !important; max-width: 150px !important; min-width: 150px !important; overflow: hidden;  }
.institute-address{ white-space: normal !important; max-width: 150px !important; min-width: 150px !important; overflow: hidden;  }
.institute-Villorcity{ white-space: normal !important; max-width: 150px !important; min-width: 150px !important; overflow: hidden;  }
.institute-state{ white-space: normal !important; max-width: 150px !important; min-width: 150px !important; overflow: hidden;  }
.institute-pincode{ white-space: normal !important; max-width: 50px !important; min-width: 50px !important; overflow: hidden;  }
.institute-phone{ white-space: normal !important; max-width: 90px !important; min-width: 90px !important; overflow: hidden;  }
.institute-fax{ white-space: normal !important; max-width: 90px !important; min-width: 90px !important; overflow: hidden;  }
.institute-email{ white-space: normal !important; max-width: 90px !important; min-width: 90px !important; overflow: hidden; word-break: break-all; }
.institute-website{ white-space: normal !important; max-width: 90px !important; min-width: 90px !important; overflow: hidden;  }
.institute-director{ white-space: normal !important; max-width: 150px !important; min-width: 150px !important; overflow: hidden;  }
.institute-director_phone{ white-space: normal !important; max-width: 90px !important; min-width: 90px !important; overflow: hidden;  }
.institute-director_email{ white-space: normal !important; max-width: 90px !important; min-width: 90px !important; overflow: hidden;  }
.institute-notes{ white-space: normal !important; max-width: 400px !important; min-width: 400px !important; overflow: hidden;  }
.Certificates-certificate_id{ white-space: normal !important; max-width: 150px !important; min-width: 150px !important; overflow: hidden;  }
.contact-message{ white-space: normal !important; max-width: 150px !important; min-width: 150px !important; overflow: hidden;  }
.dfa-student_id{ white-space: normal !important; max-width: 80px !important; min-width: 80px !important; overflow: hidden;  }
.dfa-student_name{ white-space: normal !important; max-width: 150px !important; min-width: 150px !important; overflow: hidden;  }
.dfa-student_father{ white-space: normal !important; max-width: 150px !important; min-width: 150px !important; overflow: hidden;  }
.dfa-course_name{ white-space: normal !important; max-width: 150px !important; min-width: 150px !important; overflow: hidden;  }
.dfa-centre_name{ white-space: normal !important; max-width: 150px !important; min-width: 150px !important; overflow: hidden;  }
.dfa-enrollment_date{ white-space: normal !important; max-width: 100px !important; min-width: 100px !important; overflow: hidden;  }
.dfa-fundamental{ white-space: normal !important; max-width: 90px !important; min-width: 90px !important; overflow: hidden;  }
.dfa-operating_sys{ white-space: normal !important; max-width: 90px !important; min-width: 90px !important; overflow: hidden;  }
.dfa-ms_office{ white-space: normal !important; max-width: 90px !important; min-width: 90px !important; overflow: hidden;  }
.dfa-tally{ white-space: normal !important; max-width: 90px !important; min-width: 90px !important; overflow: hidden;  }
.dfa-practical{ white-space: normal !important; max-width: 90px !important; min-width: 90px !important; overflow: hidden;  }
.dfa-total{ white-space: normal !important; max-width: 90px !important; min-width: 90px !important; overflow: hidden;  }
.dfa-percentage{ white-space: normal !important; max-width: 90px !important; min-width: 90px !important; overflow: hidden;  }
.dfa-grade{ white-space: normal !important; max-width: 40px !important; min-width: 40px !important; overflow: hidden;  }
.DDEO-student_id{ white-space: normal !important; max-width: 80px !important; min-width: 80px !important; overflow: hidden;  }
.DDEO-student_name{ white-space: normal !important; max-width: 150px !important; min-width: 150px !important; overflow: hidden;  }
.DDEO-student_father{ white-space: normal !important; max-width: 150px !important; min-width: 150px !important; overflow: hidden;  }
.DDEO-course_name{ white-space: normal !important; max-width: 150px !important; min-width: 150px !important; overflow: hidden;  }
.DDEO-centre_name{ white-space: normal !important; max-width: 150px !important; min-width: 150px !important; overflow: hidden;  }
.DDEO-enrollment_date{ white-space: normal !important; max-width: 100px !important; min-width: 100px !important; overflow: hidden;  }
.DDEO-fundamental{ white-space: normal !important; max-width: 90px !important; min-width: 90px !important; overflow: hidden;  }
.DDEO-operating_sys{ white-space: normal !important; max-width: 90px !important; min-width: 90px !important; overflow: hidden;  }
.DDEO-ms_office{ white-space: normal !important; max-width: 90px !important; min-width: 90px !important; overflow: hidden;  }
.DDEO-internet_concept{ white-space: normal !important; max-width: 90px !important; min-width: 90px !important; overflow: hidden;  }
.DDEO-practical{ white-space: normal !important; max-width: 90px !important; min-width: 90px !important; overflow: hidden;  }
.DDEO-total{ white-space: normal !important; max-width: 90px !important; min-width: 90px !important; overflow: hidden;  }
.DDEO-percentage{ white-space: normal !important; max-width: 90px !important; min-width: 90px !important; overflow: hidden;  }
.DDEO-grade{ white-space: normal !important; max-width: 40px !important; min-width: 40px !important; overflow: hidden;  }
.DCHM-student_id{ white-space: normal !important; max-width: 80px !important; min-width: 80px !important; overflow: hidden;  }
.DCHM-student_name{ white-space: normal !important; max-width: 150px !important; min-width: 150px !important; overflow: hidden;  }
.DCHM-student_father{ white-space: normal !important; max-width: 150px !important; min-width: 150px !important; overflow: hidden;  }
.DCHM-course_name{ white-space: normal !important; max-width: 150px !important; min-width: 150px !important; overflow: hidden;  }
.DCHM-centre_name{ white-space: normal !important; max-width: 150px !important; min-width: 150px !important; overflow: hidden;  }
.DCHM-enrollment_date{ white-space: normal !important; max-width: 100px !important; min-width: 100px !important; overflow: hidden;  }
.DCHM-fundamental{ white-space: normal !important; max-width: 90px !important; min-width: 90px !important; overflow: hidden;  }
.DCHM-operating_sys{ white-space: normal !important; max-width: 90px !important; min-width: 90px !important; overflow: hidden;  }
.DCHM-digital_electronics{ white-space: normal !important; max-width: 90px !important; min-width: 90px !important; overflow: hidden;  }
.DCHM-assembling_formatting{ white-space: normal !important; max-width: 90px !important; min-width: 90px !important; overflow: hidden;  }
.DCHM-practical{ white-space: normal !important; max-width: 90px !important; min-width: 90px !important; overflow: hidden;  }
.DCHM-total{ white-space: normal !important; max-width: 90px !important; min-width: 90px !important; overflow: hidden;  }
.DCHM-percentage{ white-space: normal !important; max-width: 90px !important; min-width: 90px !important; overflow: hidden;  }
.DCHM-grade{ white-space: normal !important; max-width: 40px !important; min-width: 40px !important; overflow: hidden;  }
.JIT-student_id{ white-space: normal !important; max-width: 80px !important; min-width: 80px !important; overflow: hidden;  }
.JIT-student_name{ white-space: normal !important; max-width: 150px !important; min-width: 150px !important; overflow: hidden;  }
.JIT-student_father{ white-space: normal !important; max-width: 150px !important; min-width: 150px !important; overflow: hidden;  }
.JIT-course_name{ white-space: normal !important; max-width: 150px !important; min-width: 150px !important; overflow: hidden;  }
.JIT-centre_name{ white-space: normal !important; max-width: 150px !important; min-width: 150px !important; overflow: hidden;  }
.JIT-enrollment_date{ white-space: normal !important; max-width: 100px !important; min-width: 100px !important; overflow: hidden;  }
.JIT-fundamental{ white-space: normal !important; max-width: 90px !important; min-width: 90px !important; overflow: hidden;  }
.JIT-painting{ white-space: normal !important; max-width: 90px !important; min-width: 90px !important; overflow: hidden;  }
.JIT-wall_screen{ white-space: normal !important; max-width: 90px !important; min-width: 90px !important; overflow: hidden;  }
.JIT-ms_word{ white-space: normal !important; max-width: 90px !important; min-width: 90px !important; overflow: hidden;  }
.JIT-practical{ white-space: normal !important; max-width: 90px !important; min-width: 90px !important; overflow: hidden;  }
.JIT-total{ white-space: normal !important; max-width: 90px !important; min-width: 90px !important; overflow: hidden;  }
.JIT-percentage{ white-space: normal !important; max-width: 90px !important; min-width: 90px !important; overflow: hidden;  }
.JIT-grade{ white-space: normal !important; max-width: 40px !important; min-width: 40px !important; overflow: hidden;  }
.CITA-student_id{ white-space: normal !important; max-width: 80px !important; min-width: 80px !important; overflow: hidden;  }
.CITA-student_name{ white-space: normal !important; max-width: 150px !important; min-width: 150px !important; overflow: hidden;  }
.CITA-student_father{ white-space: normal !important; max-width: 150px !important; min-width: 150px !important; overflow: hidden;  }
.CITA-course_name{ white-space: normal !important; max-width: 150px !important; min-width: 150px !important; overflow: hidden;  }
.CITA-centre_name{ white-space: normal !important; max-width: 150px !important; min-width: 150px !important; overflow: hidden;  }
.CITA-enrollment_date{ white-space: normal !important; max-width: 100px !important; min-width: 100px !important; overflow: hidden;  }
.CITA-fundamental{ white-space: normal !important; max-width: 90px !important; min-width: 90px !important; overflow: hidden;  }
.CITA-ms_office{ white-space: normal !important; max-width: 90px !important; min-width: 90px !important; overflow: hidden;  }
.CITA-internet_concept{ white-space: normal !important; max-width: 90px !important; min-width: 90px !important; overflow: hidden;  }
.CITA-html{ white-space: normal !important; max-width: 90px !important; min-width: 90px !important; overflow: hidden;  }
.CITA-practical{ white-space: normal !important; max-width: 90px !important; min-width: 90px !important; overflow: hidden;  }
.CITA-total{ white-space: normal !important; max-width: 90px !important; min-width: 90px !important; overflow: hidden;  }
.CITA-percentage{ white-space: normal !important; max-width: 90px !important; min-width: 90px !important; overflow: hidden;  }
.CITA-grade{ white-space: normal !important; max-width: 40px !important; min-width: 40px !important; overflow: hidden;  }
.DOM-student_id{ white-space: normal !important; max-width: 80px !important; min-width: 80px !important; overflow: hidden;  }
.DOM-student_name{ white-space: normal !important; max-width: 150px !important; min-width: 150px !important; overflow: hidden;  }
.DOM-student_father{ white-space: normal !important; max-width: 150px !important; min-width: 150px !important; overflow: hidden;  }
.DOM-course_name{ white-space: normal !important; max-width: 150px !important; min-width: 150px !important; overflow: hidden;  }
.DOM-centre_name{ white-space: normal !important; max-width: 150px !important; min-width: 150px !important; overflow: hidden;  }
.DOM-enrollment_date{ white-space: normal !important; max-width: 100px !important; min-width: 100px !important; overflow: hidden;  }
.DOM-it_basic{ white-space: normal !important; max-width: 90px !important; min-width: 90px !important; overflow: hidden;  }
.DOM-dtp{ white-space: normal !important; max-width: 90px !important; min-width: 90px !important; overflow: hidden;  }
.DOM-fa{ white-space: normal !important; max-width: 90px !important; min-width: 90px !important; overflow: hidden;  }
.DOM-practical{ white-space: normal !important; max-width: 90px !important; min-width: 90px !important; overflow: hidden;  }
.DOM-total{ white-space: normal !important; max-width: 90px !important; min-width: 90px !important; overflow: hidden;  }
.DOM-percentage{ white-space: normal !important; max-width: 90px !important; min-width: 90px !important; overflow: hidden;  }
.DOM-grade{ white-space: normal !important; max-width: 40px !important; min-width: 40px !important; overflow: hidden;  }
.PGDCA-student_id{ white-space: normal !important; max-width: 80px !important; min-width: 80px !important; overflow: hidden;  }
.PGDCA-student_name{ white-space: normal !important; max-width: 150px !important; min-width: 150px !important; overflow: hidden;  }
.PGDCA-student_father{ white-space: normal !important; max-width: 150px !important; min-width: 150px !important; overflow: hidden;  }
.PGDCA-course_name{ white-space: normal !important; max-width: 150px !important; min-width: 150px !important; overflow: hidden;  }
.PGDCA-centre_name{ white-space: normal !important; max-width: 150px !important; min-width: 150px !important; overflow: hidden;  }
.PGDCA-enrollment_date{ white-space: normal !important; max-width: 100px !important; min-width: 100px !important; overflow: hidden;  }
.PGDCA-fundamental_os{ white-space: normal !important; max-width: 90px !important; min-width: 90px !important; overflow: hidden;  }
.PGDCA-ms_office{ white-space: normal !important; max-width: 90px !important; min-width: 90px !important; overflow: hidden;  }
.PGDCA-html_css{ white-space: normal !important; max-width: 90px !important; min-width: 90px !important; overflow: hidden;  }
.PGDCA-c_c{ white-space: normal !important; max-width: 90px !important; min-width: 90px !important; overflow: hidden;  }
.PGDCA-vb{ white-space: normal !important; max-width: 90px !important; min-width: 90px !important; overflow: hidden;  }
.PGDCA-java{ white-space: normal !important; max-width: 90px !important; min-width: 90px !important; overflow: hidden;  }
.PGDCA-java_script{ white-space: normal !important; max-width: 90px !important; min-width: 90px !important; overflow: hidden;  }
.PGDCA-dtp{ white-space: normal !important; max-width: 90px !important; min-width: 90px !important; overflow: hidden;  }
.PGDCA-practical{ white-space: normal !important; max-width: 90px !important; min-width: 90px !important; overflow: hidden;  }
.PGDCA-total{ white-space: normal !important; max-width: 90px !important; min-width: 90px !important; overflow: hidden;  }
.PGDCA-percentage{ white-space: normal !important; max-width: 90px !important; min-width: 90px !important; overflow: hidden;  }
.PGDCA-grade{ white-space: normal !important; max-width: 40px !important; min-width: 40px !important; overflow: hidden;  }
.DIT-student_id{ white-space: normal !important; max-width: 80px !important; min-width: 80px !important; overflow: hidden;  }
.DIT-student_name{ white-space: normal !important; max-width: 150px !important; min-width: 150px !important; overflow: hidden;  }
.DIT-student_father{ white-space: normal !important; max-width: 150px !important; min-width: 150px !important; overflow: hidden;  }
.DIT-course_name{ white-space: normal !important; max-width: 150px !important; min-width: 150px !important; overflow: hidden;  }
.DIT-centre_name{ white-space: normal !important; max-width: 150px !important; min-width: 150px !important; overflow: hidden;  }
.DIT-enrollment_date{ white-space: normal !important; max-width: 100px !important; min-width: 100px !important; overflow: hidden;  }
.DIT-fundamental{ white-space: normal !important; max-width: 90px !important; min-width: 90px !important; overflow: hidden;  }
.DIT-os{ white-space: normal !important; max-width: 90px !important; min-width: 90px !important; overflow: hidden;  }
.DIT-ms_word{ white-space: normal !important; max-width: 90px !important; min-width: 90px !important; overflow: hidden;  }
.DIT-ms_excel{ white-space: normal !important; max-width: 90px !important; min-width: 90px !important; overflow: hidden;  }
.DIT-tally{ white-space: normal !important; max-width: 90px !important; min-width: 90px !important; overflow: hidden;  }
.DIT-basic_erp{ white-space: normal !important; max-width: 90px !important; min-width: 90px !important; overflow: hidden;  }
.DIT-practical{ white-space: normal !important; max-width: 90px !important; min-width: 90px !important; overflow: hidden;  }
.DIT-total{ white-space: normal !important; max-width: 90px !important; min-width: 90px !important; overflow: hidden;  }
.DIT-percentage{ white-space: normal !important; max-width: 90px !important; min-width: 90px !important; overflow: hidden;  }
.DIT-grade{ white-space: normal !important; max-width: 40px !important; min-width: 40px !important; overflow: hidden;  }
.custom_course-student_id{ white-space: normal !important; max-width: 80px !important; min-width: 80px !important; overflow: hidden;  }
.custom_course-student_name{ white-space: normal !important; max-width: 150px !important; min-width: 150px !important; overflow: hidden;  }
.custom_course-student_father{ white-space: normal !important; max-width: 150px !important; min-width: 150px !important; overflow: hidden;  }
.custom_course-course_name{ white-space: normal !important; max-width: 150px !important; min-width: 150px !important; overflow: hidden;  }
.custom_course-centre_name{ white-space: normal !important; max-width: 150px !important; min-width: 150px !important; overflow: hidden;  }
.custom_course-enrollment_date{ white-space: normal !important; max-width: 100px !important; min-width: 100px !important; overflow: hidden;  }
.custom_course-practical{ white-space: normal !important; max-width: 90px !important; min-width: 90px !important; overflow: hidden;  }
.custom_course-total{ white-space: normal !important; max-width: 90px !important; min-width: 90px !important; overflow: hidden;  }
.custom_course-percentage{ white-space: normal !important; max-width: 90px !important; min-width: 90px !important; overflow: hidden;  }
.custom_course-grade{ white-space: normal !important; max-width: 40px !important; min-width: 40px !important; overflow: hidden;  }

/* fixes for glyph icons in some themes */
.glyphicon-camera:before { content: "\e046"; }
.glyphicon-lock:before { content: "\e033"; }
.glyphicon-eur:before { content: "\20ac"; }
.glyphicon-calendar:before { content: "\e109"; }
.glyphicon-bell:before { content: "\e123"; }
.glyphicon-wrench:before { content: "\e136"; }
.glyphicon-briefcase:before { content: "\e139"; }

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

.no-caption .field-caption-tv{  display: none; }
.no-caption dd{ margin-left: 0; margin-right: 0; }

.nav-tabs a img{ margin: 0 0.25em; }

/* rotation classes */
.rotate90{ -ms-transform: rotate(90deg); -webkit-transform: rotate(90deg); transform: rotate(90deg); }
.rotate180{ -ms-transform: rotate(180deg); -webkit-transform: rotate(180deg); transform: rotate(180deg); }
.rotate270{ -ms-transform: rotate(270deg); -webkit-transform: rotate(270deg); transform: rotate(270deg); }

/* compacting mobile borders for DV */
.detail_view .form-group hr { margin: 0 0 0.5em 0; border-top-style: dashed; }

/* tv tools button widths */
.tv-tools .btn { width: 5em; }

/* compact theme styles */
.container.theme-compact{ font-size: 0.857em; }

.theme-compact .btn {
	font-size: 12px;
	padding: 4px 10px;
}

.theme-compact .btn-lg, .theme-compact .btn-group-lg > .btn {
	font-size: 15px;
	padding: 6px 15px;
}

.theme-compact .form-group {
	margin-bottom: 8px;
}

.theme-compact .form-control, .theme-compact .input-group-addon {
	font-size: 12px;
	height: auto;
	padding: 4px 6px;
}

.theme-compact .input-sm {
	border-radius: 3px;
	font-size: 12px;
	padding: 2px 6px;
}

.theme-compact select.input-sm {
	height: 25px;
	line-height: 25px;
}

.theme-compact .dropdown-menu {
	font-size: 12px;
}

.theme-compact .table > thead > tr > th, .theme-compact .table > tbody > tr > th, .theme-compact .table > tfoot > tr > th, .theme-compact .table > thead > tr > td, .theme-compact .table > tbody > tr > td, .theme-compact .table > tfoot > tr > td {
	padding: 4px;
}

.theme-compact h1, .theme-compact h2, .theme-compact h3, .theme-compact h4, .theme-compact h5, .theme-compact h6, .theme-compact .h1, .theme-compact .h2, .theme-compact .h3, .theme-compact .h4, .theme-compact .h5, .theme-compact .h6 {
	line-height: 2;
}

.theme-compact h1, .theme-compact .h1 {
	font-size: 27px;
}

.theme-compact h2, .theme-compact .h2 {
	font-size: 24px;
}

.theme-compact h3, .theme-compact .h3 {
	font-size: 20px;
}

.theme-compact h4, .theme-compact .h4 {
	font-size: 16px;
}

.theme-compact .navbar {
	margin-bottom: 13px;
	min-height: 40px;
}

.theme-compact .navbar-fixed-bottom {
	margin-bottom: 0 !important;
}

.theme-compact .navbar-brand {
	font-size: 15px;
	height: 40px;
	padding: 12px;
}

.theme-compact .navbar-nav > li > a {
	padding-bottom: 9px;
	padding-top: 9px;
	line-height: 26px;
}

.theme-compact .navbar-text {
	margin-bottom: 12px;
	margin-top: 14px;
}

.theme-compact .page-header {
	margin: 20px 0 10px;
	padding-bottom: 0;
}

.theme-compact .navbar-nav > li > a { margin-top: 0; margin-bottom: 0; }

.theme-compact .panel-heading {
	padding: 6px;
}

.theme-compact .panel-title {
	font-size: 14px;
}