body { margin: 0px; padding: 0px; font-family: 'Helvetica','Arial','sans-serif'; font-size: 16px; line-height: 1.4; color: #333333; background-color: #ffffff; }

#top-wrapper { background-color: #008cdb; }
#top { height: 120px; position: relative; }
#top .logo { position: absolute; top: 15px; left: 0px; }
#top .logo span { font-size: 1.8em; color: #ffffff; }
#top .logout { position: absolute; top: 20px; right: 0px; }
#top .logout .btn { margin: 0px; }
#top .sessiontime { position: absolute; top: 23px; right: 70px; color: #333333; font-size: 0.8rem; font-weight: bold; }

#main { padding: 40px 0px 40px 0px; }

#login { margin: 40px auto; padding: 20px; background-color: #dddddd; }

h1 	{ margin: 0px 0px 20px 0px; padding: 0px 0px 0px 0px; font-size: 1.8em; font-weight: normal; font-family: 'Helvetica','Arial','sans-serif'; color: #333333; }
h2 	{ margin: 40px 0px 20px 0px; padding: 0px 0px 10px 0px; font-size: 1.4em; font-weight: normal; font-family: 'Helvetica','Arial','sans-serif'; color: #333333; }
h3 	{ margin: 0px; padding: 0px 0px 5px 0px; font-size: 1.4em; font-weight: normal; font-family: 'Helvetica','Arial','sans-serif'; color: #333333; }
h4 	{ margin: 0px 0px 12px 0px; padding: 0px 0px 6px 0px; font-size: 1em; font-weight: bold; font-family: 'Helvetica','Arial','sans-serif'; color: #333333; border-bottom: 1px solid #dddddd; }
p { padding: 0px; margin: 0px 0px 15px 0px; }
a { color: #007bff; text-decoration: underline; }
a:hover,
a:active,
a:focus { color: #007bff; text-decoration: underline; }
.vspace { margin-bottom: 30px; }

.logout a { color: #ffffff; text-decoration: underline; }

form { padding: 0px; margin: 0px auto; display: block; }
.form-group { width: 100%; margin: 0px 0px 15px 0px; }
.form-control,
.custom-select { box-shadow: none; transition: none; border-radius: 0px; border-color: #333333; color: #333333; }
.form-control:focus,
.custom-select:focus { box-shadow: none; transition: none; border-radius: 0px; border-color: #333333; color: #333333; }
.form-check { padding-left: 25px; }
.form-check-input { margin-left: -25px; }
.form-check-label {  }
.has-error,
.form-control.has-error,
.form-control.has-error:focus,
.custom-select.has-error,
.custom-select.has-error:focus,
.form-check-label.has-error { background-color: #f2dede; }
.form-check { margin-bottom: 5px; }
.form-check-input { margin-top: 0px; }

.btn { margin-top: 15px; border-radius: 0px; box-shadow: none; text-decoration: none; }
.btn-primary { border-color: #003063; color: #ffffff; background-color: #003063; }
.btn-primary:hover,
.btn-primary:active,
.btn-primary:focus { border-color: #003063; color: #ffffff; background-color: #003063; box-shadow: none; }
.btn-default { border-color: #333333; color: #333333; background-color: #ffffff; }
.btn-default:hover,
.btn-default:active,
.btn-default:focus { border-color: #333333; color: #333333; background-color: #ffffff; box-shadow: none; }
.btn-small { margin: 0px; padding: 3px 10px 3px 10px; font-size: 0.8rem; line-height: 1.5; }

label { margin: 0px 0px 5px 0px; color: #333333; }

table { width: 100%; max-width: 100%; border: none; border-collapse: collapse; }
td { padding: 5px 15px 5px 15px; border-top: 1px solid #dddddd; border-bottom: 1px solid #dddddd; background-color: #f3f3f3; }
table.standard { border: 1px solid #000000; border-collapse: collapse; }
table.standard td { border: 1px solid #000000; }

#pageblocker { display: none; width: 100%; height: 100%; position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px; background-color: rgba(0, 0, 0, 0.7); z-index: 2000; }
#pageblocker .throbber { color: #ffffff; font-size: 30px; position: absolute; left: 50%; top: 0px; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); }

.errors,
.messages { margin: 0px 0px 30px 0px; padding: 10px 20px; }

.box { margin: 0px 0px 30px 0px; }
.box.nospace { margin-bottom: 0px; }
.box-top { padding: 8px 20px 8px 20px; background-color: #dddddd; font-weight: bold; color: #444444; }
.box-content { padding: 15px 20px 20px 20px; background-color: #f3f3f3; }

#select-date { display: none; }
.gj-datepicker { width: 100% !important; flex-wrap: nowrap; }
.gj-datepicker > .datepicker.form-control,
.gj-datepicker > .datepicker.form-control:focus { border-right: none; border-radius: 0px; }
.gj-datepicker-bootstrap.input-group-sm [role="right-icon"] button { margin: 0px; color: #333333; background-color: #ffffff; border-color: #333333; border-radius: 0px; }
.gj-datepicker-bootstrap.input-group-sm [role="right-icon"] button:hover { color: #333333; background-color: #ffffff; }

/************************
 * menu
 ***********************/
.menu { margin: 0px; padding: 0px; position: absolute; left: 0px; bottom: 0px; list-style-type: none; }
.menu li { display: block; float: left; }
.menu li a { padding: 10px 15px 10px 15px; display: block; border-top: 1px solid #ffffff; border-right: 1px solid #ffffff;  color: #ffffff; text-decoration: none; background-color: transparent; }
.menu li:first-child a { border-left: 1px solid #ffffff; }
.menu li a.active { color: #333333; background-color: #ffffff; }
.menu li a:hover { text-decoration: none; }


@media (max-width: 767px) {
	
}

@media (min-width: 768px) {
	
}

@media (min-width: 992px) {
	
}