/* General Tags - Font Information and Other Information */
html,body {height: 100%;}
html {font-size: 10px;}
body {background: #F6F5F4; font-family: latolight; font-weight: normal; font-style: normal; font-size: 1.4rem;} /* 14 / 10 = 1.4 */
a {color: #BBB; outline: 0 !important;} /* 1.4rem */
a:hover {color: #555;}
hr {border-color: #CCC;}
label, .control-label, .static-control-label {font-family: latoregular; font-weight: normal; font-style: normal; font-size: 1.4rem;} /* 14 / 10 = 1.4 */
h2 {font-family: latobold; font-weight: normal; font-style: normal; font-size: 3.0rem;} /* 30 / 10 = 3 */
h3 {font-family: latobold; font-weight: normal; font-style: normal; font-size: 1.8rem;} /* 24 / 10 = 2.4 */
h4 {font-family: latobold; font-weight: normal; font-style: normal; font-size: 1.8rem;} /* 18 / 10 = 1.8 */
h5 {font-family: latobold; font-weight: normal; font-style: normal; font-size: 1.4rem;} /* 14 / 10 = 1.4 */
input.form-control {font-family: latolight; font-weight: normal; font-style: normal; font-size: 1.4rem; color: #555;} /* 14 / 10 */
textarea {font-family: latolight; font-weight: normal; font-style: normal; font-size: 1.4rem; color: #555;} /* 14 / 10 */
strong {font-family: latobold; font-weight: normal; font-style: normal;}

/* Modal Backdrop */
.modal-backdrop {--bs-backdrop-zindex: 1040;}

#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;}

/* Window Shade Styles */
a.init_open_exception {color: #000; text-decoration: none;}
a.init_open_exception .glyphicon-label {color: #5CB85C; position: relative; margin-left: 10px;} /* 14px / 20px */
a.init_open_exception .glyphicon {color: #5CB85C; margin-left: 3px; position: relative; top: 3px;}
a.init_open_exception .glyphicon-label, a.init_open_exception .glyphicon {font-weight: normal; font-style: normal; font-size: 1.4rem;}

/* Miscallenous Formatting Styles */
.border-push-top {border-top: 1px solid #DDD; padding-top: 10px;}
.border-push-bottom {border-bottom: 1px solid #DDD; margin-bottom: 10px;}
.file-form-control {display: inline-block !important; width: 100%;}
.small-gap {padding-left: 5px;}
.medium-gap {padding-left: 20px;}
.format-new-line {display: block;}
.text-light-gray, .text-light-gray a {color: #BBB;}
.top-buffer {margin-top: 20px;}
.no-top-buffer {margin-top: 0;}
.larger-top-buffer {margin-top: 50px;}
.bottom-buffer {margin-bottom: 20px;}
.smaller-bottom-buffer {margin-bottom: 15px;}
.format-alert {color: #F00;}/
.format-indent {margin-left: 30px;}

/* Textarea Height Info */
.textarea-4 {min-height: 100px;}
.textarea-8 {min-height: 200px;}
.textarea-12 {min-height: 300px;}
.textarea-16 {min-height: 400px;}
.textarea-20 {min-height: 500px;}
.textarea-24 {min-height: 600px;}

/* Collapsible Panel Styles */
.panel-title {}
.panel-title a {line-height: 20px;}

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

/* Nav Bar Styles */
#main-navbar {margin-bottom: 5px;}
#main-navbar .navbar-brand {font-size: 100% !important;}
#main-navbar .navbar-header {background: #536C8A;}
#main-navbar .navbar-header, #main-navbar .navbar-header a {color: #FFF;}
#main-navbar .navbar-header a:hover {cursor: pointer;}
#main-navbar .nav li {}
#main-navbar .nav li a {}
#main-navbar .nav li a:hover {color: #555; background-color: #F8F8F8;}
#main-navbar .nav li a.selected {/*color: #F00;*/} /* CURRENT MODULE styles */
#main-navbar .nav li a.selected:hover {} /* CURRENT MODULE styles */
.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;}

/* Module Tab Styles */
.nav-tabs li.active {margin-bottom: 0;}
.nav-tabs li a {background-color: #EEE; padding: 9px 9px;}
.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 Bar Styles */
.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 Styles */
.breadcrumb-wrapper {border-bottom: 1px solid #D6D6D6; font-size: .85em;}
.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 {}

/* Two Column Checkbox Validator */
.checkbox-columns-2 {display: inline; float: left; width: 50%;}

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

/* Alignmnet */
.text-left-xs {text-align: left;}
.text-center-xs {text-align: center;}
.text-right-xs {text-align: right;}
.pull-left-xs {float: left;}
.pull-right-xs {float: right;}
.l-m-xs-0 {padding-left: 0;}
.l-m-xs-15 {padding-left: 15px;}
.r-m-xs-0 {padding-right: 0;}
.r-m-xs-15 {padding-right: 15px;}

/* Spacing Classes (TOP) */
.t-m-xs-0 {margin-top: 0;}
.t-m-xs-5 {margin-top: 5px;}
.t-m-xs-10 {margin-top: 10px;}
.t-m-xs-15 {margin-top: 15px;}
.t-m-xs-20 {margin-top: 20px;}
.t-m-xs-25 {margin-top: 25px;}
.t-m-xs-50 {margin-top: 50px;}
.t-m-xs-75 {margin-top: 75px;}
.t-m-xs-100 {margin-top: 100px;}
.t-m-xs-125 {margin-top: 125px;}
.t-m-xs-150 {margin-top: 150px;}

/* Spacing Classes (BOTTOM) */
.b-m-xs-0 {margin-bottom: 0;}
.b-m-xs-5 {margin-bottom: 5px;}
.b-m-xs-10 {margin-bottom: 10px;}
.b-m-xs-15 {margin-bottom: 15px;}
.b-m-xs-20 {margin-bottom: 20px;}
.b-m-xs-25 {margin-bottom: 25px;}
.b-m-xs-50 {margin-bottom: 50px;}
.b-m-xs-75 {margin-bottom: 75px;}
.b-m-xs-100 {margin-bottom: 100px;}
.b-m-xs-125 {margin-bottom: 125px;}
.b-m-xs-150 {margin-bottom: 150px;}

@media only screen and (min-width: 768px) {
	
	/* Alignmnet */
	.text-left-sm {text-align: left;}
	.text-center-sm {text-align: center;}
	.text-right-sm {text-align: right;}
	.pull-left-sm {float: left;}
	.pull-right-sm {float: right;}
	.l-m-sm-0 {padding-left: 0;}
	.l-m-sm-15 {padding-left: 15px;}
	.r-m-sm-0 {padding-right: 0;}
	.r-m-sm-15 {padding-right: 15px;}

	/* Spacing Classes (TOP) */
	.t-m-sm-0 {margin-top: 0;}
	.t-m-sm-5 {margin-top: 5px;}
	.t-m-sm-10 {margin-top: 10px;}
	.t-m-sm-15 {margin-top: 15px;}
	.t-m-sm-20 {margin-top: 20px;}
	.t-m-sm-25 {margin-top: 25px;}
	.t-m-sm-50 {margin-top: 50px;}
	.t-m-sm-75 {margin-top: 75px;}
	.t-m-sm-100 {margin-top: 100px;}
	.t-m-sm-125 {margin-top: 125px;}
	.t-m-sm-150 {margin-top: 150px;}

	/* Spacing Classes (BOTTOM) */
	.b-m-sm-0 {margin-bottom: 0;}
	.b-m-sm-5 {margin-bottom: 5px;}
	.b-m-sm-10 {margin-bottom: 10px;}
	.b-m-sm-15 {margin-bottom: 15px;}
	.b-m-sm-20 {margin-bottom: 20px;}
	.b-m-sm-25 {margin-bottom: 25px;}
	.b-m-sm-50 {margin-bottom: 50px;}
	.b-m-sm-75 {margin-bottom: 75px;}
	.b-m-sm-100 {margin-bottom: 100px;}
	.b-m-sm-125 {margin-bottom: 125px;}
	.b-m-sm-150 {margin-bottom: 150px;}
	
	/* Large Container */
	.container-sm {width: 750px; margin-left: auto; margin-right: auto; padding-left: 15px; padding-right: 15px;}
	
	/* Main Top Navigation Tab Links */
	.nav_label_employee {background-color: #FFA500;}
	.nav_label_selected, .nav_label:hover {background-color: #F8F8F8;}
}

/* Medium Devices, Desktops */
@media only screen and (min-width: 992px) {
	
	/* Alignmnet */
	.text-left-md {text-align: left;}
	.text-center-md {text-align: center;}
	.text-right-md {text-align: right;}
	.pull-left-md {float: left;}
	.pull-right-md {float: right;}
	.l-m-md-0 {padding-left: 0;}
	.l-m-md-15 {padding-left: 15px;}
	.r-m-md-0 {padding-right: 0;}
	.r-m-md-15 {padding-right: 15px;}
	
	/* Spacing Classes (TOP) */
	.t-m-md-0 {margin-top: 0;}
	.t-m-md-5 {margin-top: 5px;}
	.t-m-md-10 {margin-top: 10px;}
	.t-m-md-15 {margin-top: 15px;}
	.t-m-md-20 {margin-top: 20px;}
	.t-m-md-25 {margin-top: 25px;}
	.t-m-md-50 {margin-top: 50px;}
	.t-m-md-75 {margin-top: 75px;}
	.t-m-md-100 {margin-top: 100px;}
	.t-m-md-125 {margin-top: 125px;}
	.t-m-md-150 {margin-top: 150px;}

	/* Spacing Classes (BOTTOM) */
	.b-m-md-0 {margin-bottom: 0;}
	.b-m-md-5 {margin-bottom: 5px;}
	.b-m-md-10 {margin-bottom: 10px;}
	.b-m-md-15 {margin-bottom: 15px;}
	.b-m-md-20 {margin-bottom: 20px;}
	.b-m-md-25 {margin-bottom: 25px;}
	.b-m-md-50 {margin-bottom: 50px;}
	.b-m-md-75 {margin-bottom: 75px;}
	.b-m-md-100 {margin-bottom: 100px;}
	.b-m-md-125 {margin-bottom: 125px;}
	.b-m-md-150 {margin-bottom: 150px;}
	
	/* Large Container */
	.container-md {width: 970px; margin-left: auto; margin-right: auto; padding-left: 15px; padding-right: 15px;}
	
}

/* Large Devices, Wide Screens */
@media only screen and (min-width: 1200px) {
	
	/* Alignmnet */
	.text-left-lg {text-align: left;}
	.text-center-lg {text-align: center;}
	.text-right-lg {text-align: right;}
	.pull-left-lg {float: left;}
	.pull-right-lg {float: right;}
	.l-m-lg-0 {padding-left: 0;}
	.l-m-lg-15 {padding-left: 15px;}
	.r-m-lg-0 {padding-right: 0;}
	.r-m-lg-15 {padding-right: 15px;}
	
	/* Spacing Classes (TOP) */
	.t-m-lg-0 {margin-top: 0;}
	.t-m-lg-5 {margin-top: 5px;}
	.t-m-lg-10 {margin-top: 10px;}
	.t-m-lg-15 {margin-top: 15px;}
	.t-m-lg-20 {margin-top: 20px;}
	.t-m-lg-25 {margin-top: 25px;}
	.t-m-lg-50 {margin-top: 50px;}
	.t-m-lg-75 {margin-top: 75px;}
	.t-m-lg-100 {margin-top: 100px;}
	.t-m-lg-125 {margin-top: 125px;}
	.t-m-lg-150 {margin-top: 150px;}

	/* Spacing Classes (BOTTOM) */
	.b-m-lg-0 {margin-bottom: 0;}
	.b-m-lg-5 {margin-bottom: 5px;}
	.b-m-lg-10 {margin-bottom: 10px;}
	.b-m-lg-15 {margin-bottom: 15px;}
	.b-m-lg-20 {margin-bottom: 20px;}
	.b-m-lg-25 {margin-bottom: 25px;}
	.b-m-lg-50 {margin-bottom: 50px;}
	.b-m-lg-75 {margin-bottom: 75px;}
	.b-m-lg-100 {margin-bottom: 100px;}
	.b-m-lg-125 {margin-bottom: 125px;}
	.b-m-lg-150 {margin-bottom: 150px;}
	
	/* Large Container */
	.container-lg {width: 1183px; margin-left: auto; margin-right: auto; padding-left: 15px; padding-right: 15px;}
	
}

@media only screen and (max-width: 767px) {
	#main-navbar .nav li a:hover {background: none;}
	
	.checkbox-columns-2 {display: block; float: none; width: 100%;}
	
	#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;}
}