/* -------- Font ---------- */
@font-face {
  font-family: 'Cooper Black';
  src: url("../fonts/CooperBlack.TTF");
  font-weight: bold;
}
@font-face {
  font-family: 'Algerian';
  src: url("../fonts/Algerian.TTF");
  font-weight: normal;
}
@font-face {
  font-family: 'Lucida Calligraphy';
  src: url("../fonts/LucidaCalligraphy.TTF");
  font-weight: normal;
  font-style: italic;
}
@font-face {
  font-family: 'Bookman Old Style Bold';
  src: url("../fonts/BOOKOSB.TTF");
  font-weight: bold;
}
@font-face {
  font-family: 'Arial';
  src: url("../fonts/arial.ttf");
  font-weight: normal;
}

/* -------- Box-Shadow ---------- */
.box-shadow1 {
	-webkit-box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.1);
	-moz-box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.1);
	box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.1);
}
.box-shadow2 {
	-webkit-box-shadow: 0px 0px 12px 0px rgba(0,0,0,0.5);
	-moz-box-shadow: 0px 0px 12px 0px rgba(0,0,0,0.5);
	box-shadow: 0px 0px 12px 0px rgba(0,0,0,0.5);
}
.box-shadow3 {
	-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.1);
	-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.1);
	box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.1);
}
.box-shadow4 {
	-webkit-box-shadow: 0px 0px 10px 1px rgba(0,0,0,0.3);
	-moz-box-shadow: 0px 0px 10px 1px rgba(0,0,0,0.3);
	box-shadow: 0px 0px 10px 1px rgba(0,0,0,0.3);
}
.box-shadow5 {
	-webkit-box-shadow: 0px -10px 30px 0px rgba(0,0,0,0.5);
	-moz-box-shadow: 0px -10px 30px 0px rgba(0,0,0,0.5);
	box-shadow: 0px -10px 30px 0px rgba(0,0,0,0.5);
}
.box-shadow6 {
	-webkit-box-shadow: inset 0px 16px 20px 0px rgba(0,0,0,0.4);
	-moz-box-shadow: inset 0px 16px 20px 0px rgba(0,0,0,0.4);
	box-shadow: inset 0px 16px 20px 0px rgba(0,0,0,0.4);
}
.box-shadow7 {
	-webkit-box-shadow: 0px 8px 27px 0px rgba(0,0,0,0.2);
	-moz-box-shadow: 0px 8px 27px 0px rgba(0,0,0,0.2);
	box-shadow: 0px 8px 27px 0px rgba(0,0,0,0.2);
}
.box-shadow8 {
	-webkit-box-shadow: 0px 0px 14px 0px rgba(0,0,0,0.1);
	-moz-box-shadow: 0px 0px 14px 0px rgba(0,0,0,0.1);
	box-shadow: 0px 0px 14px 0px rgba(0,0,0,0.1);
}
.box-shadow9 {
	-webkit-box-shadow: 0px 3px 10px 0px rgba(0,0,0,0.2);
	-moz-box-shadow: 0px 3px 10px 0px rgba(0,0,0,0.2);
	box-shadow: 0px 3px 10px 0px rgba(0,0,0,0.2);
}
.box-shadow10 {
	-webkit-box-shadow: inset 0px 4px 1px 0px rgba(0,0,0,0.1);
	-moz-box-shadow: inset 0px 4px 1px 0px rgba(0,0,0,0.1);
	box-shadow: inset 0px 4px 1px 0px rgba(0,0,0,0.1);
}
.box-shadow11 {
	-webkit-box-shadow: 0px 8px 20px 0px rgba(0,0,0,0.16);
	-moz-box-shadow: 0px 8px 20px 0px rgba(0,0,0,0.16);
	box-shadow: 0px 8px 20px 0px rgba(0,0,0,0.16);
}
.box-shadow12 {
	-webkit-box-shadow: 0px -10px 30px 0px rgba(0,0,0,0.2);
	-moz-box-shadow: 0px -10px 30px 0px rgba(0,0,0,0.2);
	box-shadow: 0px -10px 30px 0px rgba(0,0,0,0.2);
}
.box-shadow13 {
	-webkit-box-shadow: 0px 10px 10px 0px rgba(0,0,0,0.1);
	-moz-box-shadow: 0px 10px 10px 0px rgba(0,0,0,0.1);
	box-shadow: 0px 10px 10px 0px rgba(0,0,0,0.1);
}
.box-shadow14 {
	-webkit-box-shadow: 7px 7px 0px 0px rgba(0,0,0,0.05);
	-moz-box-shadow: 7px 7px 0px 0px rgba(0,0,0,0.05);
	box-shadow: 7px 7px 0px 0px rgba(0,0,0,0.05);
}

.form-header {
	font-weight: 700;
	color: #fff;
	background-color: #af0f0f !important;
}
.form-header-sub {
	font-weight: 700;
	color: #fff;
	background-color: #3574fc !important;
}
.form-header-sub2 {
	font-weight: 700;
	color: #fff;
	background-color: #0b8f06 !important;
}

.bg-loginpage {
	background-image: url("../images/pattern1.png");
}

/* .bg-mainpage {
	background-image: url("../images/pattern2.png");
} */

@media print {
	.form-header {
		font-weight: 700;
		color: #000;
		background-color: #ddd !important;
	}
	.form-header-sub {
		font-weight: 700;
		color: #000;
		background-color: #ddd !important;
	}
	.form-header-sub2 {
		font-weight: 700;
		color: #000;
		background-color: #ddd !important;
	}
	.text-white {
		color: #000 !important;
	}
}

table.dataTable {
	font-family: sans-serif !important;
}

input {
	font-family: sans-serif !important;
}


/* -------- Mathematics ---------- */
div.math {
  text-align: center;
  word-spacing: normal;
}
.hybrid .fraction {
  display: inline-block;
}
div.fraction {
  text-align: center;
  vertical-align: middle;
}
.fraction .numerator {
  padding-bottom: 0.1ex;
  border-bottom: thin black solid;
}
.fraction .divider {
  display: none;
}
.fraction span.denominator {
  left: 0;
  bottom: -1.2em;
}