html, body { background-image: url("../i/bg.jpg"); background-repeat: no-repeat;
  background-attachment: fixed; background-position: center; color: #2D3643; font-family: Quicksand; font-weight: 500; font-size: 15px; cursor: default }
* { font-family: inherit; border-radius: 0 !important }
button, input, select, textarea { font-family: inherit; font-weight: 500; border-radius: 0 !important }
a.hover { position: relative }
a.hover:after { content: ''; position: absolute; left: 50%; bottom: -5px; width: 0; background: #1384D3; height: 2px; border-radius: 2px !important; transition: .2s ease-in-out; }
a.hover:hover:after { width: 100%; left: 0; background: #36363s6; }
.align-center { text-align: center !important }
.align-right { text-align: right !important }

.navbar-item img { max-height: 2.5rem; }

.message:not([class*="is-"]) { display: none !important }
.message-body { padding: 0.8em 1.5em; font-size: 13px; }
.tag { text-transform: uppercase; border-radius: 290486px !important; font-size: 10px !important; line-height: 11px !important; }
.table td { padding: 3px 15px; vertical-align: middle; text-align: inherit; }
.table th { padding: 3px 15px; }
.table td input[type=checkbox], .table td input[type=radio] { vertical-align: middle; }
.table td, .table .button { font-size: 12px; }

.page-tracking .table td, .page-tracking .table .button { font-size: 14px; }
.page-tracking .table th, .page-tracking .table td { padding: 6px 15px; }

.label:not(:last-child) { margin-bottom: .25em; }
.field:not(:last-child) { margin-bottom: .75em; }

.navbar-brand .logout { display: none }

.logo { display: table; margin: 0 auto; line-height: 0; padding: 60px 0 30px; }
.logo > img { display: block; line-height: 0; max-width: 100%; height: auto; }

.login-box { margin: 0 auto; width: 100%; max-width: 800px; flex: none; padding: 0 40px; }
.login-box > div { background: #F5F5F5; padding: 60px; border-radius: 10px; }
.login-box h4 { margin-bottom: 30px !important; font-family: Oswald; text-align: center }
.login-box .is-1 { position: relative; }
.login-box .is-1:after { content: ''; display: block; position: absolute; left: 50%; top: 0; bottom: 0; width: 1px; background: #424F63; opacity: .5; }

.login-box .notice { font-size: 12px; color: #fff; padding: 20px 10px 30px; text-align: center }

.section { margin: 40px 0; padding: 0; }
.section > .container { background: #fff; padding: 30px; }
.section .title { color: #1384D3; }
.section .subtitle { color: #209CEE; }

section#user-edit { display: none }
section#user-edit .delete { float: right }

.Zebra_DatePicker_Icon_Wrapper { display: block !important; }
.Zebra_DatePicker_Icon_Wrapper input { box-shadow: inset 0 1px 2px rgba(10,10,10,.1) !important; }

html.page-admin-login .login-box { max-width: 500px; }
html.page-admin-login .login-box > div { padding: 50px; 40px; }

table.track-progress td { position: relative }
table.track-progress td > .buttons { position: absolute; right: 100%; top: 0; }
table.track-progress td:last-child > .buttons { position: absolute; left: 100%; right: auto; top: 0; }
table.track-progress td .field:not(:last-child) { margin-bottom: 0 }
table.track-progress tr#new { display: none !important }
table.track-progress tr.data [do=edit] { display: none !important }
table.track-progress tr.data [do=save] { display: block !important }

.table-res { overflow-y: auto; }

@media(max-width:1087px){
	.navbar-brand .logout { display: block; margin: 7px 10px 0 0; }
	.navbar-menu .navbar-end { display: none }
}
@media(max-width:768px){
}
@media(max-width:640px){
	.login-box .is-1:after { left: 0; top: 50%; right: 0; width: auto; height: 1px; }
	.login-box .columns { display: block }
	.login-box .column { flex: none; width: 100% !important; }
	.login-box .column:not(:last-of-type) { margin-bottom: 20px }
}
@media(max-width:375px){
	.login-box > div { padding: 40px 30px; }
}