@font-face {
    font-family:'OpenSans';
		src: url('../fonts/OpenSans.ttf') format('truetype'),
			 url('../fonts/OpenSans.eot') format('embedded-opentype'),
			 url('../fonts/OpenSans.woff') format('woff'),
			 url('../fonts/OpneSans.svg') format('svg');
			
	font-weight: normal;
    font-style: normal;
}
html{height:100%;}
body{
	font-family:OpenSans;
	font-size:16px;
	color:#575454;
	min-height:100%;
	position:relative;
}
body:after{ content:''; display:block; height:100px;}
ul {margin:0; padding:0;}
a:focus{outline:none;}
.no-padding{padding:0;}
.no-margin{margin:0;}
.margin-top-10{margin-top:10px;}
.margin-top-5{margin-top:5px;}
.margin-top-35 {margin-top:-35px;}
.btn.focus, .btn:focus, .btn:hover{color:#fff;}


.main-wrapper{background-color:#fff; width:100%; min-height:96%;}
.top-bar{background-color:#560000; border-bottom:3px solid #ec3237; color:#fff; font-size:14px; padding:4px 0;}
.top-bar ul li{list-style-type:none; display:inline; margin-right:15px; font-weight:bold;}
.top-bar ul li a{color:#fff; text-decoration:none;}


.my-files{margin-top:-10px;}
.my-files ul {list-style-type:none;}
.my-files ul li{display:inline;}
.my-files .btn.active, .btn:active {background-color:#ed3237; color:#fff;}

.page-heading{font-size:24px; color:#673022; padding-bottom:5px; margin-top:20px; border-bottom:2px solid #673022;}
.sub-heading{font-size:18px; color:#560000; font-weight:800; text-decoration:underline; margin-bottom:5px;}

.category-heading{background-color:#560000; color:#fff; font-size:22px; margin:0; padding:0; padding:2px 5px 5px 16px;font-weight:bold; }
.category-sidebar{background-color:#fff; border:1px solid #9e9d9d;  max-height:470px; }
.category-sidebar ul {margin:0; padding:0; list-style-type:none;}
.category-sidebar ul li a{background-image:url(../images/icon.png); background-repeat:no-repeat; background-position:10px 6px; color:#560000; text-decoration:none; line-height:40px; padding-left:30px;}
.category-sidebar ul li.active{background-color:#c2c0c0; color:#fae0e0;}
.category-sidebar ul li.active a{color:#000;}
.category-sidebar ul li .btn-default{background-image:none; color:#333; float:right; font-size:14px; font-weight:bold; border:1px solid #ccc; padding:2px 4px; margin-right:15px; margin-top:5px; line-height:20px;}
.category-sidebar ul li  .btn-default:hover{font-size:14px; color:#333;}

.title-list{background-color:#fff; border:1px solid #9e9d9d; max-height:370px;}
.title-list ul {margin:0; padding:0; list-style-type:none;}
.title-list ul li{}
.title-list ul li a{background-image:url(../images/circle-icon.png); background-repeat:no-repeat; background-position:10px 6px; color:#716e6d; text-decoration:none; line-height:35px; padding-left:30px;}
.title-list ul li.active a{color:#6b362a; text-decoration:underline;}
.title-list ul li .btn-default{background-image:none; color:#333; float:right; font-size:14px; font-weight:bold; border:1px solid #ccc; padding:2px 4px; margin-right:15px; margin-top:5px;line-height:20px;}
.title-list ul li  .btn-default:hover{font-size:14px; color:#333;}

.display-data{border:1px solid #ccc; background-color:#faf8f8;  padding:5px; text-align:center;}
.btn-red {background-color: #560000;border-color: none; color: #fff;}
.btn-grey {background-color:#706565; border-color:none; color:#fff;}
.btn-grey:hover{color:#fff;}
.btn-default:hover{color:#000;}
.btn-default:focus{color:#000;}

.footer{background-color:#560000; font-size:12px; color:#fff; padding:10px; text-align:center; margin-top:10px; position:absolute; 
  bottom:0; 
  width:100%; 
  height:auto; }

.login{background-color:#f6f3f3; height:auto; width:400px; border:7px solid #706565; border-radius:10px; margin:40px auto 50px; padding:20px; box-shadow:8px 8px 8px #adabab;}
.login-heading{font-size:24px; color:#673022; padding-bottom:5px; text-align:center; font-weight:bold;}
.search .form-inline .input-group > .form-control {width: 180px;}
.popup-form{border:1px solid #ccc; background:#faf8f8; padding:10px; margin-bottom:10px;}
.popup-form label {font-weight:600; font-size:14px;}
.date{font-size:12px; font-style:italic;}

.check-mark {background-image: url("../images/check-arrow.png");background-repeat: no-repeat; height: 12px; width: 15px;}
.check-mark:before { content:none; }
.bootstrap-select.show-tick.btn-group .btn .caret {margin: 0;right: 15px;top: 13px;}

.red{color:red;}

.img-center{ margin: 0 auto;}
#progressbox {
padding: 1px;
position:relative;
border-radius: 3px;
margin: 10px;
display:none;
text-align:left;
}
.bv-form .help-block {
    margin-bottom: 0;
    color: #ab2310;
}