html{
	font-size: 16px;
}

body{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 1.42857143;
	color: #000;
	background-color: #fff;
}

header {
    background-color: #003a79;
    color: white;
}

header h1{
	font-size: 40px;
}

.navbar{
	margin-bottom: 0;
}

.navbar li a{
	color: black!important;
	text-decoration: underline;
}

.nav-shadow {
    box-shadow: 0 .5rem 1rem rgba(0,0,0,.15)!important;
}

footer {

    background-color: #003a79;
    color: white;
    min-height: 200px;

}

.container{
	width: 85%;
}

@media (min-width: 1200px) {
    .container{
        width: 95%;
    }
}

/*
@media (max-width: 1400px){
	.container{
		width: 1400px!important;		
	}
}

@media (max-width: 1200px){
	.container{
		width: 1000px;		
	}
}

@media (max-width: 1000px){
	.container{
		width: 90%;		
	}
}
*/


.main-content {
	min-height: 550px;
	padding-top: 15px;
}

.header-right{
	height: 139px; 
	vertical-align: top;
	float:right;
}
.header-left{
	height: 139px; 
}

header .header-right .user-info-box{
	float:right;
	color:white;
	background-color: #385379;
	padding:10px;
	font-weight:bold;
}



input[type=search]::-webkit-search-cancel-button {
    -webkit-appearance: searchfield-cancel-button;
}

.alert-danger{
	font-weight: bold;
}

/**
 * For Screen Sizes less thatn 1200px;
 */
@media (max-width: 1200px){

	header h1{
		font-size: 30px;	
	}

} /* Media 1200px end */



.boxshadow {
  position: relative;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.3);
  padding: 10px;
  background: white;
}

.modal .close{
	position: absolute;
	right: 10px;
	top: 10px;
}

.legend{
	width: auto;
	margin-left: 20px;
	margin-bottom: 0;
}

table tr{
	border-style:none;		
}

label{
	font-weight: bold;
}
label.error{
	color: red;	
}

.form-label.required:after {
  content:"*";
  color:red;
}


/* --- Table sorter --- */
.tablesorter-headerAsc.primary .tablesorter-header-inner::after{
	content: '▲';
}
.tablesorter-headerDesc.primary .tablesorter-header-inner::after{
	content: '▼';
}