/* Sticky footer styles
-------------------------------------------------- */
html {
  position: relative;
  min-height: 100%;
}
body {
  min-width:800px;
  /* Margin bottom by footer height */
  margin-bottom: 60px;
  background: #F0F8FF; 
  color: #000000;
}
.footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  /* Set the fixed height of the footer here */
  /* height: 30px; */
  padding-bottom:10px;
  /* background-color: #f2f2f2; */
}

.navbar-default .navbar-brand {
    color: #000000;
}

.panel{
	border-radius:0px;
}

.panel-heading{
	border-top-left-radius: 0px;
	border-top-left-radius: 0px;
}

.panel-footer{
	border-bottom-right-radius: 0px;
    border-bottom-left-radius: 0px;
}

/* Custom page CSS
-------------------------------------------------- */
/* Not required for template or sticky footer method. */
body > .container {
  padding: 60px 15px 0;
}
.container .text-muted {
  margin: 20px 0;
}

body > .containerFull {
  padding: 20px 50px 0;
}
.containerFull .text-muted {
  margin: 20px 0;
}

.footer > .container {
  padding-right: 15px;
  padding-left: 15px;
}

.footer > .containerFull {
  padding-right: 50px;
  padding-left: 50px;
}

code {
  font-size: 80%;
}

div.leftcol {
	width: 164px;
	background-color: white;
	padding:0px;
	margin:0px;
	vertical-align:top;
	position:absolute;
}

div.rightcol {
	background-color: white;
	padding-left: 0px; padding-right: 13px; 
	border: none;
	text-align: left;
	padding-left:164px;
}
.well{
 background-color: #FFFFFF; 
}
div.input-form {
	box-shadow: 0px 0px 5px 1px rgba(0,0,0,0.5);
	/*background-color: #FFFFFF;
	padding: 10px 20px 0px 20px;
    border-radius: 4px;
    border: 1px solid transparent;
    border-color: #ddd;*/
}
div.subheader {
    text-align: left;
    width: 100%;
    /* height: 52px; */
    margin-bottom: 10px;
    background-color:#f2f2f2; 
    vertical-align: middle;
    font-size: 1.20em;
    height: 50px; 
    box-shadow: -1px 1px 2px 1px rgba(0,0,0,0.5);
    /* border-top:1px solid #E7E7E7;
    border-bottom:1px solid #E7E7E7; */
}
div.subheader div.cluster{
	float:left;
	width:46px;
	/* background-color:#754C28; */
	background-color:#337ab7; 
	 height: 50px; 
	/* height: inherit; */
	overflow:hidden;
	/* margin:5px 0px 5px 0px; */
	/* padding:9px; */
}
div.subheader div.icon {
	height: 32px;
	float:left;
}
div.subheader img.icon {
	margin:8px 11px 0px 11px;
	vertical-align:middle;
	height: 32px;
}

div.subheader div.text{
	/*padding:12px 11px 8px 11px;*/
	margin:0px 11px 0px 11px;
    display: table-cell;
    vertical-align: middle;
    height: 50px;
}

div.subheader div.text span.heading{
	vertical-align:middle;
	font-weight:bold;
}

.navbar-default {
    background-color: #F2F2F2;
    border-color: #E7E7E7;
	/*box-shadow: 0px 0px 14px 1px rgba(0,0,0,0.5);*/
}

div.navlink {
	/* width:135px; */
	margin: 5px;
}

.navlink_item{
	margin:5px;
}
.navlink_item a { 
	display: block;
	background-color: #ffffff;
	color: #000000;
	padding: 3px;
	font-weight:bold;
	padding-left: 10px; padding-right: 7px; padding-top: 7px; padding-bottom: 7px;
	text-decoration: none;
	border:1px solid #ddd;
}
.navlink_item a:hover { 
	background-color: #f2f2f2;
	border:1px solid #ddd;
}

.navlink_item_2line{
	margin:5px;
}
.navlink_item_2line a {
	display: block; 
	background-color: #ffffff;
	/* width: 220; */
	color: #000000;
	padding: 3px;
	font-weight:bold;
	padding-left: 10px; padding-right: 7px; padding-top: 7px; padding-bottom: 7px;
	text-decoration: none;
	border:1px solid #ddd;
}
.navlink_item_2line a:hover { 
	background-color:#f2f2f2;
	border:1px solid #ddd;
}


div.navlink_item2 {
	padding-left: 10px; padding-right: 7px; padding-top: 7px; padding-bottom: 7px;
	background-color: #f2f2f2;
	margin: 5px;
	text-align: left;
	color: #000000;
	border:1px solid #ddd;
}
div.navlink_item2 div.title{
	font-weight:bold;
	
}
div.navlink_item2 a {
	color: #000000;
}
div.navlink_item2 img{
	
}

div.navstep_item {
	padding-top:7px;
	padding-bottom:10px;
	padding-left:10px;
	text-align: left;
	color:#4D4D4D;
}
div.navstep_item div{
	margin-right:10px;
}

div.navstep_item#sel {
	color: #ffffff;
}
.list-group-item.current_page {
    background-color: #f2f2f2;
}
.overlay {
    height: 100%;
    width: 100%;
    display: block;
    position: fixed;
    z-index: 9998;
    top: 0;
    left: 0;
    background-color: rgba(255,255,255, 0.8);
}
#loader {
  position: absolute;
  left: 50%;
  top: 50%;
  z-index: 9999;
  width: 150px;
  height: 150px;
  margin: -75px 0 0 -75px;
  border: 16px solid #f3f3f3;
  border-radius: 50%;
  border-top: 16px solid #3498db;
  width: 120px;
  height: 120px;
  -webkit-animation: spin 2s linear infinite;
  animation: spin 2s linear infinite;
}

@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

.wrapper {
    display: flex;
    align-items: stretch;
}

.pagination{
	margin:0;
}
.table{
	margin:0;
}
.home-panel-heading{
	font-weight:bold;
	font-size: 1.2em;
	line-height: 2;
}

.underline{
	text-decoration:underline;
}

.bold{
	font-weight:bold;
}

.italic{
	font-style:italic;
}

.super{
	vertical-align:super;
}

.error-input {
	border: 1px solid #ff0000;
}

.error-label {
    color: #ff0000;
}

.break-word{
	word-wrap: break-word;
}

.form-control[readonly]{
	background-color: #fff;
}

.form-control[disabled].form-control[readonly]{
	background-color: #eee;
}