/* Body */
body {background: #F6F5F4; font-family: latolight; font-weight: normal; font-style: normal;}
a {color: #BBB; outline: 0 !important;}
a:hover {color: #555;}
em {font-family: latoitalic; font-weight: normal; font-style: normal;}
hr {border-color: #CCC;}
strong {font-family: latoregular; font-weight: normal; font-style: normal;}
strong em {font-family: latobold_italic; font-weight: normal; font-style: normal;}
h1, h2, h3, h4, h5, h6 {font-family: latobold; font-weight: normal; font-style: normal;}

.border-push-top {border-top: 1px solid #DDD; padding-top: 10px;}
.border-push-bottom {border-bottom: 1px solid #DDD; padding-bottom: 10px;}
.file-form-control {display: inline-block !important; width: 100%;}

#main-navbar.navbar-login {text-align: center; background: #26344D;}
#ito-logo {display: inline-block; width: 125px; height: 40px; background: url(../../images/admin/ito-logo.png) 0 0 no-repeat;}
#copyright {display: inline-block; line-height: 48px; vertical-align: text-bottom; color: #FFF;}

.btn-login {
	color: #FFF;
	background-color: #26344D;
	border-color: #26344D;
}
.btn-login.active, .btn-login.focus, .btn-login:active, .btn-login:focus, .btn-login:hover, .open > .dropdown-toggle.btn-login {
	color: #FFF;
	background-color: #194874;
	border-color: #194874;
}
.login-page {}
.login-page #contents {padding-bottom: 0;}
.login-image-container {position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: -1; background: url(../../images/admin/login-bckgrd1920x1080.jpg) 0 0 no-repeat; background-size: cover;}

/* Code to Keep things on top of page */
.stuck {
	position: fixed;
	width: 100%;
	top: 0px;
	z-index: 30;
}

.text-light-gray, .text-light-gray a {color: #BBB;}
.top-buffer {margin-top: 20px;}
.bottom-buffer {margin-bottom: 20px;}

/* Nav Bar */
#main-navbar {margin-bottom: 5px;}
#main-navbar .navbar-brand {font-size: 100% !important;}
#main-navbar .navbar-header {background: #006639;}
#main-navbar .navbar-header, #main-navbar .navbar-header a {color: #FFF;}
#main-navbar .navbar-header a:hover {color: #CCC;}
#main-navbar .nav li a:hover {color: #555; background-color: #F8F8F8;}
.navbar {border: 0; background: #FFF;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	
	-webkit-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.04), 0px 1px 0px rgba(0, 0, 0, 0.04);
	-moz-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.04), 0px 1px 0px rgba(0, 0, 0, 0.04);
	box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.04), 0px 1px 0px rgba(0, 0, 0, 0.04);
}
.navbar a.navbar-toggle {padding: 5px 10px; color: #999;}

.nav-tabs li.active {margin-bottom: 0;}
.nav-tabs li a {background-color: #EEE;}
.nav-tabs li a:hover {border-bottom-color: #EEE !important;}
.nav-tabs li.active a:hover {border-bottom: 1px solid transparent !important;}
.tab-content {border: 1px solid #DDD; border-top: 0;
	-webkit-border-radius: 0 0 10px 10px;
	-moz-border-radius: 0 0 10px 10px;
	border-radius: 0 0 10px 10px;
}
.tab-pane-content {margin: 0 15px;}

.sortable {list-style-type: none; margin: 0; padding: 0;}
.sortable .ui-state-default {margin: 0 0 0.5em 0; padding: 0.5em; padding-left: 1.5em;}
.sortable .ui-state-default span {position: absolute; margin-left: -1.25em; margin-top: 2px;}

.breadcrumb-wrapper {border-bottom: 1px solid #D6D6D6; font-size: 85%;}
.breadcrumb {margin-bottom: 5px;}
.breadcrumb-wrapper .breadcrumb li a:hover, .breadcrumb-wrapper .breadcrumb li.active a,
.breadcrumb-wrapper .breadcrumb li.active a:hover {color: #555; text-decoration: none;}

#contents {padding-bottom: 64px;}

.footer {text-align: center; background: #433D3C; padding: 22px 0; position: fixed; bottom: 0; width: 100%; z-index: 10;}

/* Alertify Plugin Styles */
.alertify {border-color: rgba(0, 0, 0, 0.3) !important; font-family: latolight !important;}
.alertify .alertify-button,
.alertify .alertify-button:focus,
.alertify .alertify-button:active {box-shadow: none !important;}/* Box shadow - button edge highlight */
.alertify .alertify-button-cancel,
.alertify .alertify-button-cancel:hover,
.alertify .alertify-button-cancel:focus {background-color: #082C4D !important; border: 1px solid #072845 !important;}
.alertify .alertify-button-ok,
.alertify .alertify-button-ok:hover,
.alertify .alertify-button-ok:focus {background-color: #5CB85C !important; border: 1px solid #5CB85C !important;}
.alertify .alertify-message {}

/* Icheck Plugin Styles */
.icheckbox_minimal {top: -2px;}

@media only screen and (max-width: 767px) {
	#main-navbar .nav li a:hover {background: none;}
	
	#contents.contents-login .container {width: 280px;}
}

/* Small Devices, Tablets */
@media only screen and (min-width: 768px) and (max-width: 991px) {
	#contents.contents-login .container {width: 515px;}
}

/* Medium Devices, Desktops */
@media only screen and (min-width: 992px) and (max-width: 1199px) {
	#contents.contents-login .container {width: 750px;}
}

/* Large Devices, Wide Screens */
@media only screen and (min-width: 1200px) {
	#contents.contents-login .container {width: 750px;}
}