@font-face {
  font-family: 'DINPro-Light';
  src: url('../fonts/DINPro-Light.eot');
  src: url('../fonts/DINPro-Light.eot?#iefix') format('embedded-opentype'), url('../fonts/DINPro-Light.woff') format('woff'), url('../fonts/DINPro-Light.ttf') format('truetype'), url('../fonts/DINPro-Light.svg#glyphicons_halflingsregular') format('svg');
}
@font-face {
  font-family: 'DINPro-Regular';
  src: url('../fonts/DINPro-Regular.eot');
  src: url('../fonts/DINPro-Regular.eot?#iefix') format('embedded-opentype'), url('../fonts/DINPro-Regular.woff') format('woff'), url('../fonts/DINPro-Regular.ttf') format('truetype'), url('../fonts/DINPro-Regular.svg#glyphicons_halflingsregular') format('svg');
}
@font-face {
  font-family: 'DINPro-Bold';
  src: url('../fonts/DINPro-Bold.eot');
  src: url('../fonts/DINPro-Bold.eot?#iefix') format('embedded-opentype'), url('../fonts/DINPro-Bold.woff') format('woff'), url('../fonts/DINPro-Bold.ttf') format('truetype'), url('../fonts/DINPro-Bold.svg#glyphicons_halflingsregular') format('svg');
}

/* text styles */
.article-title {
	font-size: 16px;
	color: darkorange;
}

.article-text {
	font-size: 14px;
	color: darkslategray;
}

.article-text-lg {
	font-size: 18px;
	color: darkslategray;
}

body { 
    font-family: 'DINPro-Regular' !important;
}

.bordered {
	border: 1px solid black;
}

.nav-tabs > li {
    float:none;
    display:inline-block;
    zoom:1;
}

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

table {
    font-family: arial, sans-serif;
    border-collapse: collapse;
	margin: 0 auto;
	width: 90% !important;
}

td, th {
    border: 1px solid #dddddd;
    text-align: left;
    padding: 8px;
}

.th-centered {
	text-align: center !important;
}

tr:nth-child(even) {
    background-color: #dddddd;
}

table.schedule > thead > tr > td {
	text-align: center;
	font-weight: 600;
	width: 250px;
}

/* option colors 
._1 { background-color: #bfffef !important; };
._2 { background-color: #ffffbb !important; };
._3 { background-color: #ffbbbb !important; };
._4 { background-color: #bbeeff !important; };
._5 { background-color: #bbbbff !important; };
._6 { background-color: #99ffdd !important; };
 */

.modal-backdrop, .modal-backdrop.fade.in {
    opacity: 0.3;
	background-color: white !important;
}

.modal-body {
    position: relative;
    overflow-y: auto;
    padding: 15px;
}

.arrow_box {
	position: relative;
	background: #ffffff;
	border: 1px solid #ffbd00;
	padding: 0;
	border-radius: 5px;
}

.arrow_box:after, .arrow_box:before {
	left: 100%;
	top: 50px;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.arrow_box:after {
	border-color: rgba(255, 255, 255, 0);
	border-left-color: #ffffff;
	border-width: 10px;
	margin-top: -10px;
}

.arrow_box:before {
	border-color: rgba(255, 189, 0, 0);
	border-left-color: #ffbd00;
	border-width: 11px;
	margin-top: -11px;
}

h2, h3, .yellow {
	color: #ffbd00 !important;
	text-align: center !important;
	font-family: 'DINPro-Bold' !important; 
}

.btn-submit, .btn-submit:hover, .btn-submit:focus {
	background-color: #ffbd00;
	color:#fff;
	padding: 10px;
	border: none;
	outline: none;
	border-radius: 5px;
	min-width: 200px;
	text-decoration: none;
}

.btn-submit-white, .btn-submit-white:hover, .btn-submit-white:focus {
	background-color: white;
	color: #ffbd00;
	padding-left: 5px;	
	padding-right: 5px;
	border: 1px solid #ffbd00;
	outline: none;
	border-radius: 3px;
	text-decoration: none;
}

input:focus,
.uneditable-input:focus {
  border-color: #ffbd00 !important;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.0) inset, 0 0 8px rgba(255, 189, 0, 0) !important;

  outline: 0 none !important;
}

input, select {
	border: 1px solid #ffbd00 !important;
}

textarea, textarea:focus {
  border-color: #ffbd00 !important;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.0) inset, 0 0 8px rgba(255, 189, 0, 0) !important;
  outline: 0 none !important;
}