/*
@Author: ThemeMascot
@URL: http://ThemeMascot.com

This is the file where you can add your custom styles to change the look of the
theme. But don't modify style-main.css file.

*/

/* Your custom css codes start here: */

.hidden {
	display:none;
}

.heading-line-bottom {
	border-bottom: 1px solid #00A4EF;
}

.va-mid {
	vertical-align:middle;
}

.bold-italic {
	font-weight:600;
	font-style: italic;
}

table.jobHist tr td {
	padding-right:15px;
	padding-top:15px;
}

table.jobHist thead th {
	text-align:center;
	font-weight:700;
	font-size:16px;
	color:#00A4EF;
	
}

table.jobHist tbody tr:nth-child(1) td:nth-child(1) {
	width:300px;
}

.datepicker table thead th {
	text-align:center;
	font-weight:700;
	font-size:16px;
	color:#00A4EF;
}

.datepicker {
	z-index:1050;
}

.header-nav.navbar-transparent.animated-active .menuzord-menu > li > a {
	color:black;
}

.progress-bar .percent {
	display: none !important;
}

/*==================================================================
  Validation - error state
===================================================================*/
form .state-error input,
form .state-error textarea,
form .state-error select,
form .state-error.select-multiple > select,
form .state-error input:hover + .checkbox,
form .state-error input:hover + .radio,
form .state-error input:focus + .checkbox,
form .state-error input:focus + .radio,
form .state-error checkbox,
form .state-error radio {
  background: #FEE9EA;
  border-color: #DE888A;
}
form .state-error input:focus,
form .state-error textarea:focus,
form .state-error select:focus,
form .state-error.select-multiple > select:focus {
  -webkit-box-shadow: 0px 0px 3px #DE888A inset;
  -moz-box-shadow: 0px 0px 3px #DE888A inset;
  -o-box-shadow: 0px 0px 3px #DE888A inset;
  box-shadow: 0px 0px 3px #DE888A inset;
}
form .state-error .gui-input ~ .field-icon i,
form .state-error .gui-textarea ~ .field-icon i {
  color: #DE888A;
}
form .state-error.select .arrow {
  color: #DE888A;
}
form .state-error.select > select:focus + .arrow {
  color: #DE888A;
}
form .state-error .gui-input ~ .input-footer,
form .state-error.file .gui-file:hover + .gui-input,
form .state-error .gui-textarea ~ .input-footer {
  border-color: #DE888A;
}
form em.state-error  {
  display: block!important;
  margin-top: 6px;
  padding: 0 3px;
  font-family: Arial, Helvetica, sans-serif;
  font-style: normal;
  line-height: normal;
  font-size: 0.85em;
  color: #DE888A;
}
form .state-error label {
	color:#DE888A;
}
/*==================================================================
  Validation - success state 
===================================================================*/
form .state-success input,
form .state-success textarea,
form .state-success select,
form .state-success.select-multiple > select,
form .state-success input:hover + .checkbox,
form .state-success input:hover + .radio,
form .state-success input:focus + .checkbox,
form .state-success input:focus + .radio,
form .state-success checkbox,
form .state-success radio {
  background: #F0FEE9;
  border-color: #A5D491;
}
form .state-success input:focus,
form .state-success textarea:focus,
form .state-success select:focus,
form .state-success.select-multiple > select:focus {
  -webkit-box-shadow: 0px 0px 3px #A5D491 inset;
  -moz-box-shadow: 0px 0px 3px #A5D491 inset;
  -o-box-shadow: 0px 0px 3px #A5D491 inset;
  box-shadow: 0px 0px 3px #A5D491 inset;
}
form .state-success .gui-input ~ .field-icon i,
form .state-success .gui-textarea ~ .field-icon i {
  color: #A5D491;
}
form .state-success.select .arrow {
  color: #A5D491;
}
form .state-success.select > select:focus + .arrow {
  color: #A5D491;
}
form .state-success .gui-input ~ .input-footer,
form .state-success.file .gui-file:hover + .gui-input,
form .state-success .gui-textarea ~ .input-footer {
  border-color: #A5D491;
}
/*form .state-error label {
	color:#A5D491;
}*/
.bg-summit-dark-blue {
  background-color: #04092F;
}
.bg-summit-med-blue {
  background-color: #233DFF;
}
.bg-summit-light-blue {
  background-color: #00C2CB;
}
.bg-summit-yellow {
  background-color: #FFDE1C;
}
.summit-text-dark-blue {
  color: #04092F;
}
.summit-text-med-blue {
  color: #233DFF;
}
.summit-text-light-blue {
  color: #00C2CB;
}
.summit-text-yellow {
  color: #FFDE1C;
}
.summit-heading-line-bottom {
  border-bottom: 1px solid #233DFF !important;
}
.summit-progress-bar {
  background-color: #00C2CB;
}
.summit-footer-circle {
  width: 53px;
}
.summit-footer-circle-multiline {
  width: 53px;
  vertical-align: top;
}
.summit-footer-text {
  display: inline-block;
}
.summit-scrollToTop {
  bottom: 35px !important;
}
.summit-horizontal-divide-med-blue {
  background-color: #233DFF;
  border-top-left-radius: 60px 60px;
  border-top-right-radius: 60px 60px;
  height: 60px;
}
.summit-horizontal-divide-light-blue {
  background-color: #00C2CB;
  border-top-left-radius: 60px 60px;
  border-top-right-radius: 60px 60px;
  height: 60px;
  margin-top: -40px;
}
.summit-horizontal-divide-light-blue-stop {
  background-color: #04092F;
  border-top-left-radius: 60px 60px;
  border-top-right-radius: 60px 60px;
  height: 60px;
  margin-top: -40px;
}
.img-responsive {
  max-width: 100%;
  height: auto;
}
.img-center {
    margin: auto;
}
.container-wide{
    width: 90%;
}