/*
 Common font
 */

body {
	padding-left: 20px;
	padding-top: 90px;
	margin:0;
	margin-left: 5px;
	margin-top: 0px;
	margin-right: 5px;
	font-size: 12px;
}

body.fullpage{

	background: linear-gradient(to right bottom,  GhostWhite, Silver) !IMPORTANT;
}

body.no-padding{
	padding: 0 !IMPORTANT;
}

.body.body_no_bg {
	padding-left: 20px;
	padding-top: 90px;
	font-size: 12px;

	background: none !IMPORTANT;
}



.linkActive {
	pointer-events:all;
	cursor: pointer;
	text-decoration: underline;
}

.linkInactive {
	pointer-events:none;
	color: gray !IMPORTANT;
}


.row {    
    /* width: 870px; */
    width: 955px;
}


ul.large {
	font-size: 55px;
	line-height: 40px;
}

*.a_c {
	text-align: center;
}

*.a_l {
	text-align: left;
}

*.a_r {
	text-align: right;
}

*.a_vtop {
	vertical-align: top;
}

*.f_grey {
	color: #909090;
}

*.f_sm {
	font-size: 8px !IMPORTANT;
}
*.f_tny {
	font-size: 6px !IMPORTANT;
}

*.f_med {
	font-size: 12px;
}

*.f_eb {
	font-weight: bold;
}

*.f_eb {
	font-weight: bold;
}

*.fs_10 {
	font-size: 10px;
}

*.fs_12 {
	font-size: 12px;
}

*.fs_xlg {
	font-size: 220px;
}

*.fs_lg {
	font-size: 76px;
}

dl {
	font-size: .8em;
}

.siteName, .siteName a, .siteName a:visited, .siteName a:active {
	font-weight: bold !important;
	font-size: 28px !important;
	color: #F0F0F0 !important;
}

.siteName hover, .siteName a:hover, .siteName a:visited:hover {
	color: #990000 !important;
}

.siteSubTitle {
	color: #F0F0F0 !important;
	font-weight: normal !important;
	font-size: 12pt !important;
}


/* JQuery UI */
.ui-tabs-nav li {
	font-size: .9em !important;
}

.noTopMargin{
	margin-top: 0 !IMPORTANT;
}


/*
	Nav BAr
*/
#topNavbar.navbar {
    position: fixed !important;
    z-index:2;
    top: 0px;
    width: 925px;
    margin: 0;
}


.navbar-header-img {
	float:none;
	max-height: 20px !important; 
	padding: 0px !important;
	padding-top: 0px !important;	
}



.navbar li, .nav li {
	
	font-size: 12px;
}

.navbar li dropdownTitle {
	font-size: 12px;
	
}

.nav>li>a{
	padding-left:10px !IMPORTANT;
	padding-right:10px !IMPORTANT;
}

.nav>li>navbar-sml, .navbar-nav>li>navbar-sml, .navbar>li>navbar-sml  {
	padding-top: 20px !important;	
}

.navbar li.dropdownItem, .navbar li.dropdownTitle, .navbar li.dropdown-menu{
	font-size: .9em;
}

.navbar li.dropdownTitle{
	font-weight: bold;
}

.navbar-sml{	
	font-size: 9px !important;
	color: cornsilk;
	height: 50px !important;
	padding-top: 7px !important;
}

.navbar-foot {
	
	
	font-size: 11px;

	max-height: 22px !important; 
	min-height: 28px !important;
	padding: 0px !important; 
	padding-top: 2px !important;
	padding-bottom: 2px !important;
	margin: 0px !IMPORTANT;
	margin-top: -4px !IMPORTANT;
	
}

.navbar-inverse{
	/* l 9EDBF5
		ml 6CB3EA
	   m #385BC1
	  d #223897  */
	background-image: linear-gradient(#385BC1, #044687 60%, #223897);
	
}

.navbar-foot-img {
	max-height: 22px !important;	
	padding-top: 0px !important;
	padding-bottom: 0px !important;
	vertical-align: top !IMPORTANT;
	
	margin-top: 10px;
	/* font-size: 14px;
	 font-weight:  bold;
	 color: #FFFFF0 !IMPORTANT;
	 line-height: 12px; */
	padding: 0px !IMPORTANT;
	margin-left: 10px;
}

.navbar-foot-txt {
	max-height: 18px !important;
	padding: 12px !important;
	padding-right: 40px !important;
	padding-bottom: 2px !important;
	color: #9EDBF5;
}

.navbar-foot-txt a {
	color: gray;
}

.navbar-head-small-txt {
	max-height: 18px !important;
	padding: 8px !important;
	padding-right: 20px !important;
	padding-bottom: 2px !important;
	color: white !important;
}

.navbar-head-small-txt a {
	color: orange !important;
}

.navbar-fixed-bottom {
	max-height: 38px !important;
	min-height: 28px !important;
	padding: 2px !important;
	padding-top: 0px !important;
	padding-bottom: 0px !important;
	padding-left: 2px !important;
	padding-right: 42px !important;
	color: red !important;
}

.navbar-nav>li {
	float: none;
	display: inline-block;
	padding:0;
}

.navbar-nav>li.navbar-right { 
	float: right !important;
}
   
.dropdown-menu > li.kopie > a {
    padding-left:5px;
}
 
.dropdown-submenu {
    position:relative;
}
.dropdown-submenu>.dropdown-menu {
   top:0;left:100%;
   margin-top:-6px;margin-left:-1px;
   -webkit-border-radius:0 6px 6px 6px;-moz-border-radius:0 6px 6px 6px;border-radius:0 6px 6px 6px;
 }
  
.dropdown-submenu > a:after {
  border-color: transparent transparent transparent #333;
  border-style: solid;
  border-width: 5px 0 5px 5px;
  content: " ";
  display: block;
  float: right;  
  height: 0;     
  margin-right: -10px;
  margin-top: 5px;
  width: 0;
}
 
.dropdown-submenu:hover>a:after {
    border-left-color:#555;
 }

.dropdown-menu > li > a:hover, .dropdown-menu > .active > a:hover {
  text-decoration: underline;
}  



/* centered columns styles */
.row-centered {
    text-align:center;
}
.col-centered {
    display:inline-block;
    float:none;
    /* reset the text-align */
    text-align:left;
    /* inline-block space fix */
    margin-right:-4px;
}
.col-fixed {
    /* custom width */
    width:320px;
}
.col-min {
    /* custom min width */
    min-width:320px;
}
.col-max {
    /* custom max width */
    max-width:320px;
}


.container{
	margin-left: 0px !IMPORTANT;
	padding: 0;
}

body.inner-body{
	padding: 20px !IMPORTANT;
}





/*
 Modal windows
*/
.modal.modal-med .modal-dialog {
	width: 70%;
}

.modal-med .modal-body {
	overflow-y: auto;
}

/*
  Forms and input
  */
.form-control.perc80 {
	width: 80% !important;
}

.form-control.perc90 {
	width: 90% !important;
}


.form-control.input-blue,.form-control.mandInp{
	background-color:#0080ff;
}

.form-control.has-error{
	background-color:#ff9f9f !IMPORTANT;
}
input.has-error{
	background-color:#ff9f9f !IMPORTANT;
}

.form-control.has-success{
	background-color:#80ff80;
}

input.input_sm,input.input_pwd_disp{
	background: #9acfea !IMPORTANT;
	font-size: 12px;
	padding: 15px !IMPORTANT;
	padding-left: 5px !IMPORTANT;
	padding-right: 5px !IMPORTANT;
	border: 1px solid darkred;
	border-radius: 5px;
	height: 18px;
	text-align: center;
}

.select2-container--default .select2-selection--single{
	background-color: #9acfea !IMPORTANT;
}




/*
Panel
*/
.panel-heading a:after {
	font-family: 'Glyphicons Halflings';
	content: "\e114";
	float: right;
	color: grey;
}

.panel-heading a.collapsed:after {
	content: "\e080";
}

.panel-body.panel-body-gray {
	background: #f1f0eb;
}


.panel-default >.panel-heading >.panel-title,
.panel-default >.panel-heading{
	
	color: #000000 !IMPORTANT;
}

/*
	Tables
*/
blankTable {
	padding: 0 !important;
	margin: 0 !important;
}

table a:not .btn, .label, .table a:not .btn, .label{ 
	color: navy; 
	text-decoration: underline !IMPORTANT; 
	font-size: 11px !IMPORTANT;
}

.borderless td, .borderless th, .borderless tr {
	border: none !IMPORTANT;
}

td {
	font-size: 10px !IMPORTANT;
	
}

th {
	font-size: 11px !IMPORTANT;	
}


.table.table-small{
	
	font-size: 11px !IMPORTANT;
}

th.dt-center, td.dt-center { text-align: center; }


/*
Labels
*/
.label-as-badge-top, .label-as-badge, .label-as-badge-sm {
	border-radius: 1em;
}

.label-as-badge-top {
	font-size: .60em;
	vertical-align: top;
	margin-left: -10px;
}
.label-as-badge-sm {
	font-size: .60em;
	vertical-align: middle;
	margin-left: 0px;
}

.label, form-control{
	font-size: 11px;
}

.label1 {
	font-weight: bold;
}




.badge.badge-danger {
	background: red !IMPORTANT;
}

.badge.badge-warning {
	background: orange !IMPORTANT;
}

.badge.badge-success {
	background: lawngreen !IMPORTANT;
	color: darkgreen !IMPORTANT;
}


.badge.badge-primary {
	background: dodgerblue !IMPORTANT;
}




/*
 	Tabs
*/
.ui-tabs-anchor {
	font-size: .9em !IMPORTANT;
}


/*
Spinner
*/
.has-spinner .fa-spinner {
	opacity: 0;
	max-width: 0;
	-webkit-transition: opacity 0.25s, max-width 0.45s;
	-moz-transition: opacity 0.25s, max-width 0.45s;
	-o-transition: opacity 0.25s, max-width 0.45s;
	transition: opacity 0.25s, max-width 0.45s;
	/* Duration fixed since we animate additional hidden width */
}

.has-spinner.active {
	cursor: progress;
}

.has-spinner.active .fa-spinner {
	opacity: 1;
	max-width: 50px;
	/* More than it will ever come, notice that this affects on animation duration */
}

ui-accordion-header-active {
	background: #EDEEFA;
}



#mask {
	display: none;
	background: #000;
	position: fixed;
	left: 0;
	top: 0;
	z-index: 10;
	width: 100%;
	height: 100%;
	opacity: 0.8;	
}





ul.sf {
		
	list-style-image: url("/assets/images/diamondBullet.png");
	padding-left: 10px;
	
}


/*
Buttons */




@media (max-width: 767px) {

	.navbar-nav  {
		display: inline;
	}
	.navbar-default .navbar-brand {
		display: inline;
	}
	.navbar-default .navbar-toggle .icon-bar {
		background-color: #fff;
	}
	.navbar-default .navbar-nav .dropdown-menu > li > a {
		color: red;
		background-color: #ccc;
		border-radius: 4px;
		margin-top: 2px;
	}
	.navbar-default .navbar-nav .open .dropdown-menu > li > a {
		color: #333;
	}
	.navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
	.navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
		background-color: #ccc;
	}

	.navbar-nav .open .dropdown-menu {
		border-bottom: 1px solid white;
		border-radius: 0;
	}
	.dropdown-menu {
		padding-left: 10px;
	}
	.dropdown-menu .dropdown-menu {
		padding-left: 20px;
	}
	.dropdown-menu .dropdown-menu .dropdown-menu {
		padding-left: 30px;
	}
	li.dropdown.open {
		border: 0px solid red;
	}

}

@media (min-width: 768px) {
	ul.nav li:hover > ul.dropdown-menu {
		display: block;
	}

	#navbar {
		text-align: center;
	}
}

/* Bootstrap colour overrides */
.navbar-default > *{
	/* background-image: linear-gradient(#2b669a, #044687 60%, #2b669a); */
	 background-color: rgb(33,45,113);
	border-color: yellow;
	/* background-color: #2fa4e7;
	 border-color: #1995dc */
}


.panel-primary {
	border-color: rgb(33,45,113);
}
.panel-primary>.panel-heading {
	color: #ffffff;
	background-color: rgb(33,45,113);
			/* #2b669a; */
}
.text-primary {
	color: rgb(33,45,113);
			/* #2fa4e7 */
}