﻿body, form {
	margin: 0;
	padding: 0;
	height: 100%;
	width: 100%;
	max-width:1600px;
	margin-left: auto;
	margin-right: auto;
	/*background-image: url("../Images/Backgrounds/bg.gif");*/
	background-repeat: repeat-x;
    background-size: auto 100vh;
    background-attachment: fixed;
}

#wrapper {
	min-height: 100%;
	position: relative;
}

#header {
	padding: 10px 10px 20px 10px;
}

#content {
	padding-top: 10px;
	padding-bottom: 150px; /* Height of the footer element */
	box-shadow: 0px 0px 20px 3px #d3d3d3;
	border-radius: 4px;
	/*background-color: #ffffff;*/
	min-height: 400px;
}

/*
uncomment below to remove dropdown flicker.*/
/*select {
   visibility: hidden;
}*/
.navbar {
	margin-bottom:10px;
}

.navbar-header {
	background-color:#f6f3ee;
}

#footer {
	width: 100%;
	margin-top: 30px;
	font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    text-align: center;
    color: #dddddd;
    border:1px solid black;
    border-width: 2px 2px 2px 2px;
}

#footerLinks {
    padding: 10px;
    background: #666666;
}

#footerCopyright {
	padding: 5px;
	background: #555555;
}

#footer a{
    color:#dddddd;
}

.float-left {
	float: left;
}

.input-Validation {
	display: inline;
}

/* Sitelinks -- Contact Us, Logout, etc.*/
/*#SiteLinks 
{
	position:absolute;
	right:0;
	top:0;
}


#SiteLinks ul
{
    list-style:none;
}

#SiteLinks ul li
{
    display:block;
    float:left;
    padding:3px 15px;
}

#SiteLinks ul li a
{
    font-family: 'Open Sans', sans-serif;
    text-transform:uppercase;
    transition: all .25s ease;
	font-size: 12px;
}

#SiteLinks  ul li a:hover
{
    color:#E56038;
}*/

/* Subscriber Tab Links */
/*#SubscriberPages
{
    position:relative;
    right:0;
	padding:0px 0px 30px 0px;
}

#SubscriberPages select
{
    display:none;
}

#SubscriberPages ul
{
    list-style:none;
}

#SubscriberPages ul li
{
    display:block;
    float:right;
    padding:3px 10px;
	
}*/

#SubscriberPages ul li a {
	display: block;
	width: 140px;
	text-align: center;
	background: #7fbbe3;
	background-image: -webkit-linear-gradient(top, #7fbbe3, #1a6a9c);
	background-image: -moz-linear-gradient(top, #7fbbe3, #1a6a9c);
	background-image: -ms-linear-gradient(top, #7fbbe3, #1a6a9c);
	background-image: -o-linear-gradient(top, #7fbbe3, #1a6a9c);
	background-image: linear-gradient(to bottom, #7fbbe3, #1a6a9c);
	-webkit-border-radius: 8;
	-moz-border-radius: 8;
	border-radius: 8px;
	-webkit-box-shadow: 0px 1px 3px #666666;
	-moz-box-shadow: 0px 1px 3px #666666;
	box-shadow: 0px 1px 3px #666666;
	font-family: Arial;
	color: #ffffff;
	font-size: 15px;
	padding: 5px 10px 5px 10px;
	text-decoration: none;
}

#SubscriberPages ul li a:hover {
	background: #3cb0fd;
	background-image: -webkit-linear-gradient(top, #3cb0fd, #3498db);
	background-image: -moz-linear-gradient(top, #3cb0fd, #3498db);
	background-image: -ms-linear-gradient(top, #3cb0fd, #3498db);
	background-image: -o-linear-gradient(top, #3cb0fd, #3498db);
	background-image: linear-gradient(to bottom, #3cb0fd, #3498db);
	text-decoration: none;
	/*font-size:20px;*/
}

#SubscriberPages ul li a:active {
	background: #3cb0fd;
	/*background-image: -webkit-linear-gradient(top, #3cb0fd, #3498db);
background-image: -moz-linear-gradient(top, #3cb0fd, #3498db);
background-image: -ms-linear-gradient(top, #3cb0fd, #3498db);
background-image: -o-linear-gradient(top, #3cb0fd, #3498db);
background-image: linear-gradient(to bottom, #3cb0fd, #3498db);*/
	text-decoration: none;
	/*font-size:20px;*/
}


/* Wizard Styles */
#WizardFullPanel {
	background: #f6f3ee;
	min-height: 400px;
	box-shadow: 3px 4px 10px 0px rgba(119, 119, 119, 0.75);
	-moz-box-shadow: 3px 4px 10px 0px rgba(119, 119, 119, 0.75);
	-webkit-box-shadow: 3px 4px 10px 0px rgba(119, 119, 119, 0.75);
	border-radius: 4px;
	padding: 0px 10px 10px 10px;
}

#WizardContentDiv {
	min-height: 375px;
	max-height: none !important;
	/*overflow-y: auto;*/
	/*overflow-x: hidden;*/
    overflow: initial;
	margin: 10px 0px 0px 0px; /*top right bottom left*/
}
/*#WizardButtons {
	position:absolute;
	right:30px;
	bottom:10px;
}*/

#WizardButtons a {
	margin: 3px 0px 3px 0px;
	width: 100%;
}

#WizardButtons a[disabled="disabled"] {
	margin: 0px 3px 0px 3px;
	width: 10px;
}

.WizardFullSidebar {
max-height: 400px;
overflow-y: auto;
}

.WizardFullSidebar a.list-group-item:hover {
	color: white;
	background-color: #428BCA;
}

.WizardFullSidebar a.list-group-item.list-group-submenu {
padding-left: 40px;
background-color: #f6f3ee;
}

.WizardFullSidebar a.list-group-item.list-group-submenu:before {
	margin-right: 5px;
	content: '\25BA';
}

.WizardFullSidebar a.list-group-item.list-group-submenu.active {
	background-color: #428BCA;
}

.WizardFullSidebar a.list-group-item.list-group-submenu:hover {
	background-color: #428BCA;
}

.WizardFullSidebar a.list-group-item.sub-item {
padding-left: 60px;
background-color: #f6f3ee;
}

.WizardFullSidebar a.list-group-item.sub-item.active {
	background-color: #428BCA;
}

.WizardFullSidebar a.list-group-item.sub-item:before {
	margin-right: 5px;
	content: '\25BA';
}

.WizardFullSidebar a.list-group-item.sub-item:hover {
	background-color: #428BCA;
}

/*
.WizardFullSidebar a.list-group-time:hover {
	background-color: #428bca;
}
.WizardFullSidebar a.list-group-time:active {
	background-color: #428bca;
}*/


/*  Icons */
/* enable absolute positioning */
.inner-addon {
	position: relative;
}

	/* style icon */
	.inner-addon .glyphicon {
		position: absolute;
		padding: 10px;
		pointer-events: none;
	}

/* align icon */
.left-addon .glyphicon {
	left: 0px;
}

.right-addon .glyphicon {
	right: 0px;
}

/* add padding  */
.left-addon input {
	padding-left: 30px;
}

.right-addon input {
	padding-right: 30px;
}


/* left align edit button in panel header */
/*.panel-title a {

}*/

.panel-title .btn {
}

	.panel-title .btn .glyphicon {
		margin-right: 5px;
		margin-left: 5px;
	}

	.panel-title .btn.btn-icon .glyphicon {
		margin-right: 0;
	}

.panel-title-btn {
	float: right;
	color: white !important;
	margin-top: -5px;
	padding-left: 6px;
	padding-right: 6px;
}

/*  Form-horizontal left-align */
.form-horizontal .control-label {
	text-align: left;
}

/* collapsible panels*/
.panel-heading.accordion-toggle:after {
	/* symbol for "opening" panels */
	font-family: 'Glyphicons Halflings';
	content: "\e114";
	float: right;
	color: grey;
}

.panel-heading.accordion-toggle.collapsed:after {
	/* symbol for "collapsed" panels */
	content: "\e080";
}

.panel-heading.accordion-toggle {
	color: white;
	background-color: #428BCA;
}

.panel-heading.accordion-toggle.collapsed {
	color: black;
	background-color: white;
}

.panel-heading:hover {
	cursor: pointer;
}

.popover {
	margin-top: 75px;
	max-height: 250px;
	overflow-y: auto;
}

/*loader blarg*/
.isLoading {
	position: absolute;
	top: 0px;
	width: 100%;
	height: 375px;
	background: url('../Images/loading2.gif') 50% 50% no-repeat transparent;
	opacity: 0.9;
	z-index: 9999;
	border-radius: 4px;
	/*position: fixed;
    left: 0px;
    top: 0px;
    height: 100%;
    background: white;  /*url('http://i.imgur.com/ntIrgYXs.gif') 50% 50% no-repeat grey;*/
}

.isLoadingSite {
	position: fixed;
    max-width:1600px;
	width: 100%;
	height: 100vh;
	opacity: 0.9;
	z-index: 9999;
    text-align:center;
    padding-top:40vh;
}

.isLoadingSite .img0{
    background-color: rgba(96, 96, 96, 0.4);
    padding:10px;
    border-radius:10px;
    border: 1px solid darkgrey;
}

.form-label {
	display: inline-block;
}

.bold {
	font-weight: bold;
}

.italics {
	font-style: italic;
}

.alignLeft {
	text-align: left;
}

.alignRight {
	text-align: right;
}

.form-control-inline {
	width: 100%;
	display: inline;
}

.indent-left-1 {
	margin-left: 30px;
}

table,tbody,tfoot,thead,tr,th,td{
    border:0;
}

.fixed-panel {
	min-height: 300px;
	max-height: 300px;
	border-style: solid;
	border-color: #ddd;
	border-width: 1px;
	border-radius: 4px;
	overflow-y: scroll;
}


.fixed-panel-no-min {
	max-height: 310px;
	border-style: solid;
	border-color: #ddd;
	border-width: 1px;
	border-radius: 4px;
	overflow-y: auto;
}


#depList .panel-default,
#benList .panel-default,
#flexList .panel-default,
#authList .panel-default {
	margin-bottom: 10px;
	background-color: #E0DFD8;
	border-color: #A6A4A4;
}

#depList .panel-default:hover,
#benList .panel-default:hover,
#flexList .panel-default:hover {
	cursor: pointer;
}

#depList .panel-default.checked,
#benList .panel-default.checked,
#flexList .panel-default.checked,
#authList .panel-default.checked {
	background-color: #CBECB9;
	color: black;
	/*border-color: #DFF6EE;*/
}

#benList .panel-default.checked:hover,
#flexList .panel-default.checked:hover {
	cursor: default;
}

#depList .panel-default.locked,
#benList .panel-default.locked,
#flexList .panel-default.locked,
#authList .panel-default.locked {
	background-color: #FFEB9C;
	color: black;
	/*border-color: #DFF6EE;*/
}

#benList .panel-default.locked:hover,
#flexList .panel-default.locked:hover {
	cursor: default;
}

#benList .panel-default input,
#flexList .panel-default input {
	color: black;
}

#depList .panel-default > .panel-checkbox,
#benList .panel-default > .panel-checkbox,
#flexList .panel-default > .panel-checkbox {
	padding-left: 15px;
	margin: 0px;
}

#depList .panel-default > .panel-checkbox > .checkbox,
#benList .panel-default > .panel-checkbox > .checkbox,
#flexList .panel-default > .panel-checkbox > .checkbox {
	margin-top: 0px;
	margin-bottom: 0px;
}

/* Display not-allowed cursor when wizard button is disabled */
.btn.aspNetDisabled {
	background-color: grey;
	border-color: grey;
	cursor:not-allowed;
}

/* Scroll bar disappears and "shrinks" the page behind.  This prevents that.*/
body.modal-open {
    padding-right: 0px !important; 
}

/* align right form horizontal */
.form-group .control-label.alignRight {
	text-align:right;
	padding-right:0px;
}

a[data-toggle="modal"] {
    cursor:pointer;
}

/* dropdown index should always be on top */
/*
.dropdown, .dropdown-menu {
  z-index:1001;
}*/



/* btn lana*/

.btn-lana{
    color:#fff;
    background-color:#6082b6;/*background 1*/
    border-color:#435b7f;/*border 1*/
}
.btn-lana.active,
.btn-lana.focus,
.btn-lana:active,
.btn-lana:focus,
.btn-lana:hover,
.open>.dropdown-toggle.btn-lana{
    color:#fff;
    background-color:#435b7f;/*background 2*/
    border-color:#30415b;/*border 2*/
}
.btn-lana.active,
.btn-lana:active,
.open>.dropdown-toggle.btn-lana{
    background-image:none;
}
.btn-lana.disabled,
.btn-lana.disabled.active,
.btn-lana.disabled.focus,
.btn-lana.disabled:active,
.btn-lana.disabled:focus,
.btn-lana.disabled:hover,
.btn-lana[disabled],
.btn-lana[disabled].active,
.btn-lana[disabled].focus,
.btn-lana[disabled]:active,
.btn-lana[disabled]:focus,
.btn-lana[disabled]:hover,
fieldset[disabled] .btn-lana,
fieldset[disabled] .btn-lana.active,
fieldset[disabled] .btn-lana.focus,
fieldset[disabled] .btn-lana:active,
fieldset[disabled] .btn-lana:focus,
fieldset[disabled] .btn-lana:hover{
    background-color:#6082b6;/*background 1*/
    border-color:#435b7f;/*border 1*/
}
.btn-lana .badge{
    color:#000;
    background-color:#fff;
}
.btn.aspNetDisabled,
.btn.aspNetDisabled:hover {
	background-color: grey;
	border-color: grey;
	cursor:not-allowed;
}/*grey disabled*/

 .has-error .btn{
     color:#a94442;
     border-color:#a94442;
 }



 /* cool boxes */

  .coolFixedBoxDD, .coolFixedBoxTXT{
    background-repeat:repeat-x;
    background-size: auto 100%;
    border: 1px solid #cccccc;
	color:#333333;
    font-family:tahoma, arial, sans-serif;
    width:100%;
    padding-left:3px;
}

 .coolEditBoxDD, .coolEditBoxTXT{
    background-repeat:repeat-x;
    background-size: auto 100%;
	border:1px solid #aaa;
	color:#333333;
    font-family:tahoma, arial, sans-serif;
    width:100%;
	padding:3px;
    min-height:28px;
 }

 .coolFixedBoxDD{
    background-image:url("../Images/icons/InputBackground/bg_dd1.jpg");
    border-radius:5px;
}

.coolFixedBoxTXT{
    background-image:url("../Images/icons/InputBackground/bg_grad1.jpg");
    border-radius:1px;
}

.coolEditBoxDD{
	background-image:url("../Images/icons/InputBackground/bg_dd1.jpg");
	 border-radius:5px;
}

.coolEditBoxTXT{
	background-image:url("../Images/icons/InputBackground/bg_grad2.jpg");
    border-radius:1px;
}

.coolFixedBoxDD.aspNetDisabled,
.coolFixedBoxTXT.aspNetDisabled,
.coolEditBoxDD.aspNetDisabled,
.coolEditBoxTXT.aspNetDisabled{
     background-image:none !important;
 }

.CurrentHeader{
    background-image:url("../Images/icons/InputBackground/bg_gh_C.png");
    background-repeat:repeat-x;
    background-size: auto 100%;
    background-color:#2F65B9;
}
.PendingHeader{
    background-image:url("../Images/icons/InputBackground/bg_gh_P.png");
    background-repeat:repeat-x;
    background-size: auto 100%;
    background-color:#DC6B00;
}
.OtherHeader{
    background-image:url("../Images/icons/InputBackground/bg_gh_O.png");
    background-repeat:repeat-x;
    background-size: auto 100%;
    background-color:#E9ECEE;
}

[type=password]::placeholder{color:lightgrey;}
[type=password]:-ms-input-placeholder{color:lightgrey;}
[type=password]::-ms-input-placeholder{color:lightgrey;}
[type=text]::placeholder{color:lightgrey;}
[type=text]:-ms-input-placeholder{color:lightgrey;}
[type=text]::-ms-input-placeholder{color:lightgrey;}