@font-face {
  font-family: 'lcd';
  font-style: normal;
  src: url('/_fonts/alarm-clock.ttf') format('truetype'); /* Safari, Android, iOS */
}

body {
	font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
	font-size:1em;
	background:#f4f4f4;
	color:#5a5c69;
}

h1, h2, h3, h4, h5, h6 {
	font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
}

h1 small {
	color:inherit;
}

.h1 {
	height:15px;
}

legend .button {
	margin:0;
	position:absolute;
	top:7px;
	right:7px;
}

.button.narrow-height {
	padding-top:1px;
	padding-bottom:1px;
	margin:0px;
}

h1 {
	margin:0 5px 20px;
	font-size:2em;
}

h2, .h2 {
	font-size:1.7em;
}

.help h2 {
	border-bottom:1px solid #ccc;
}

h3, .h3 {
	font-size:1.3em;
}

a:focus, a:hover {
    outline: none;
}

a:hover {
    color:#43AC6A;
}

small {
	font-size:80%;
}

.small {
	font-size: 0.8125rem;
}

.bold {
	font-weight:bold;
}

.expand, .columns.expand {
	width:100%;
}

.strikethrough {
	text-decoration: line-through;
}

.button-light {
	padding: 0 7px;
	margin: 0 2px;
	background: rgba(33, 153, 232,1);
	color: #fff;
	border-radius:3px;
}

a.button-light:focus, a.button-light:hover {
    color: #fff;
	background:#43AC6A;
}

p.info, ul.info {
	opacity: .7;
	font-size: .9em;
}



th.min-width, td.min-width {
	width:1px;
	white-space: nowrap;
}

.display {
	background:#000;
	color:#fff;
	overflow:hidden;
}.display * {
	background:transparent;
}

.display h1 {
	margin:5px;
}

.display .name {
	line-height:1.0em;
	font-size:1.2em;
	font-weight:bold;
}.display .name small {
	font-size:.8em;
	font-weight:normal;
	color:rgba(255,255,255,.5);
}


table.minimal {
	border:1px solid #ccc;
	padding:0;
	margin:0;
}

table.minimal tr td {
	border:none;
	border-right:1px solid #ccc;
	border-bottom:1px solid #ccc;
	padding:0;
	margin:0;
}
table.minimal tr th {
	border:none;
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
	border-left:1px solid #ccc;
	border-right:1px solid #ccc;
	background:#f4f4f4;
	padding:10px;
}

table.minimal tbody tr:nth-child(even) {
	background-color:transparent;

}

table.vertical tr th {
	border-right:1px solid #ccc;
	border-bottom:1px solid #ccc;
}
table.vertical tr td {
	border-right:1px solid #ccc;
}

.transparent, table.minimal tr.transparent  td, table.transparent, table.transparent, table.transparent tr td, tr.transparent, tr.transparent td {
	background:transparent;
	border:none;
	padding:0;
	margin:0;
}
table.transparent tr th {
	border:none;
	border-bottom:1px solid #ccc;
	border-left:1px solid #ccc;
	border-right:1px solid #ccc;
}
table.transparent tr td {
	border:none;
	padding:2px;
	margin:0;
	border-bottom:1px solid #ccc;
}
table.transparent tbody tr:nth-child(even) {
	background-color:transparent;

}

.stick {
	z-index:1;
}

h1.stick {

}
h1 input.button {
	margin-top:12px;
	background: rgba(33, 153, 232,1);
	padding-left:50px;
	padding-right:50px;
}

.stuck {
	position:fixed;
	top:35px;
	z-index: 5;
	background: #f4f4f4;
	border-top:none;
	padding:21px 10px 5px 5px;
	margin:0 0 20px -5px;
	transition: box-shadow 0.5s ease;
}

.stuck.shadow {
	-webkit-box-shadow: 0 8px 6px -6px rgba(0,0,0,0.3);
	-moz-box-shadow: 0 8px 6px -6px rgba(0,0,0,0.3);
	box-shadow: 0 8px 6px -6px rgba(0,0,0,0.3);
}

.stuck h1 {
	margin-bottom:0;
}

.stuck .button {
	margin-bottom:0;
}

.stuck.shadow .button {

}

input {
	transition:none;
}
input[type="search"]::-webkit-search-cancel-button {
    -webkit-appearance: searchfield-cancel-button;
}



.is_stuck {
	top:36px !important;
	background: #E9F5FD;
	border:1px solid #ccc;
	border-top:none;
	padding:18px 0 10px 7px;
	-webkit-box-shadow: 0px 2px 3px 0px rgba(0,0,0,0.1);
	-moz-box-shadow: 0px 2px 3px 0px rgba(0,0,0,0.1);
	box-shadow: 0px 2px 3px 0px rgba(0,0,0,0.1);
	margin:0 0 20px;
}
.is_stuck.transparent {
	background:transparent;
	box-shadow:none;
	border:none;
	padding-left: 0.9375rem;
	padding-right: 0.9375rem;
}.is_stuck.transparent h1 {
	font-size:3em;
	margin: 0px 0 0px;
}
.is_stuck h1 {
	margin:0;
	padding:0px;
}.is_stuck .button {
	margin:0;
}

b.heading {
	border-bottom:1px dotted #ccc;
	display:block;
}


form label {
	text-align:right;
	font-weight:normal;
	font-size:.8em;
	color:#999;
}

form label.inline {
	line-height:3em;
}

form label.input {
	text-align:right;
	display:inline-block;
	font-weight:normal;
	font-size:1em;
	margin-bottom: 1rem;
}

.input {
	padding:5px;
}



.block {
	text-align:left;
	display:block;
	background:#f4f4f4;
	padding:0 0 0 0px;
	position:relative;
	border-top:4px solid transparent;
	border-bottom:4px solid transparent;
}

.checked-border {
	border-bottom:4px solid #fff;
}

.checked-border-top {
	border-top:4px solid #fff;
}
.checked-border-bottom {
	border-bottom:4px solid #fff;
}

.selected {
	border-bottom:4px solid #fff;
}

.wssa_division {
	background-image: linear-gradient(45deg, transparent 25%, rgba(0,0,0,.04) 25%, rgba(0,0,0,.04) 50%, transparent 50%, transparent 75%, rgba(0,0,0,.04) 75%, rgba(0,0,0,.04) 100%);
	background-size: 14.14px 14.14px;
}

.block:first-of-type > .div-arrow  {
	padding:10px 0 0 15px;
}


.block .total {
	margin:0 0 0 5px;
	padding:4px 5px 2px 4px;
	top:-2px;
	position:relative;
	background:#2199e8;
	color:#fff;
}

.block .count {
	margin:0 0 0 5px;
	padding:4px 5px 2px 4px;
	top:-2px;
	position:relative;
	background:rgba(0,0,0,.1);
	color:rgba(0,0,0,.5);
}

.block .text {
	margin:5px 0 0 10px;
}

.div-arrow {
	color: rgb(0 0 0 / 50%);
	padding-left:15px;
	background:#f4f4f4;
	display:block;
}

.line {
    clear: both;
    padding-top: 5px;
    margin-bottom: 10px;
    width: 100%;
	border-bottom:1px solid #ccc;
	-webkit-box-shadow: 0px 4px 2px -2px rgba(0,0,0,0.2);
	-moz-box-shadow: 0px 4px 2px -2px rgba(0,0,0,0.2);
	box-shadow: 0px 4px 2px -2px rgba(0,0,0,0.2);
} .line.thin {
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}


select.width-auto {

}
.switch {
	margin-bottom:0;
}
input + .switch-paddle {
margin-right: 1rem;
}

.icheck {
	/*display:none;*/
}
.icheckbox_square-blue, .iradio_square-blue {
	margin: 5px 0 2px;
}

.list-checkbox, .list-checkbox ul  {
	line-height:2em;
}

input[type="checkbox"] { margin-left:10px }
/*
input[type="checkbox"] { position: absolute; opacity: 0; z-index: -1; }
input[type="checkbox"]+span { color: #000; }
input[type="checkbox"]+span:before { font-size:20px; color: rgb(0 0 0 / 20%); font-family: "Font Awesome 5 Pro"; font-weight: 100; content: "\f0c8"; display: inline-block; padding: 0 0 0 3px; margin-right: 0.5em; }
input[type="checkbox"]:checked+span:before { content: '\f14a'; color: rgb(33 153 232 / 100%); font-weight: 900;  }
input[type="checkbox"]:focus+span:before { outline: none; }
input[type="checkbox"]:disabled+span { color: #999; }
input[type="checkbox"]:not(:disabled)+span:hover:before {  }
*/
.indent, .ichildren {
	margin-left:1.5em;
}

.display .times {
	font-size:1.5em;
}

.display .gap {
	color:#66b9ef;
}

.display th.min-width, .display td.min-width {
	width:1px;
	white-space: nowrap;
	padding:0 40px;
}

.progress-bar {
	background: rgba(0,0,0,.05);
	padding:4px;
}

.progress-bar span.load {
	display: block;
	height: 2px;
	background:#66b9ef;
}

@keyframes load {
	from { width: 0%; }
	to { width: 100%; }
}

.color-picker {
	display:inline;
	width:auto;
}
.palette-color-picker-button {
	top:10px;left:5px;
}
.row.expand {
	margin:5px;
	max-width:100%;
}

table {
	font-size:1em;
}
table tr th {
	text-align:left;
}
table.dataable tr th {
	border-right:1px solid #ccc;
}

table tr.finals {
	border-left:1px solid #333;
}

table tr.finals td {
	background:#ffc !important;
}

.display table {
	font-size:1.4em;
}

.display table, .display table tbody {
	border:none;
}

.display table tr th {
	font-size:1em;
	text-align:left;
	color:#fff;
	border-bottom:1px solid #ccc;
}
.display table tr th.text-center {
	text-align:center;
}

.display table tbody tr:nth-child(even) {
	background: rgba(0,0,0,.05);
}

.text {
	display:inline-block;
	margin:5px 0 5px;
}

.faded {
	opacity: 0.7;
}
.faded-50 {
	opacity: 0.5;
}
.faded-40 {
	opacity: 0.4;
}
.faded-30 {
	opacity: 0.3;
}
.faded-20 {
	opacity: 0.2;
}

.disabled-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background:#fff;
    z-index: 10;
	opacity: 0.7;
}

body.dark .disabled-overlay {
    background:#373942;
	
	opacity: 0.8;
}


.de-activated {
	background:#ffc;
	color:#ccc;
}
.de-activated label {
	color:#ccc;
}

label.error {
	margin-top: -1rem;
}
.button.warning {
	color:#fff;
	background:#FFAE00;
}
.button.warning:hover {
	color:#fff;
	background:#CC8B00;
}

.button.success {
	color:#fff;
	background:#43AC6A;
}
.button.success:hover {
	color:#fff;
	background:#3A945B;
}

.success-text {
	color:#43AC6A;
}.warning-text {
	color:#ffae00;
}.alert-text {
	color:#ec5840;
}

.callout {
	background:#ffffff;
	color:#333333;
}

.callout.notice {
	background:#388dc5;
	color:#fff;
}

.callout.alert, body.dark .callout.alert, .button.alert {
	background:#b73e41;
	color:#fff;
}

.callout.hollow, body.dark .callout.hollow, .button.hollow {
	background:transparent;
}

.callout.success, body.dark .callout.success {
	color: #fff;
    background: #43AC6A;
}

.callout.dark {
	background:#5a5c69;
	color:#fff;
}

.button.warning, .callout.warning, body.dark .button.warning, body.dark .callout.warning {
    color: #fff;
    background: #FFAE00;
}

body.dark .button.secondary {
    color: #fff;
    background: #373942;
}
body.dark .button.secondary:hover {
    color: #fff;
    background: #23252b;
}



div.dataTables_wrapper div.dataTables_filter label {
	float:none;
}


.select2 {
	margin-bottom:.5rem;
	position:relative;
	max-width:100%;
}

.select2-container {
	width:100% !important;
}
.select2-container--default .select2-selection--multiple {
	border: solid #ddd 1px;
	outline: 0;
}
.select2-container--default.select2-container--focus .select2-selection--multiple {
	border: solid #999 1px;
	outline: 0;
}

.select2-container--default .select2-results__option--highlighted[aria-selected] span {
	color:#fff;
}

.select2-search__field {
	margin:0;
	height:auto;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice {
	background-color: #79c2f1;
	border: 1px solid #79c2f1;
	color: #fff;
} .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
	color: #fff;
}

.select2-container--default .select2-selection--single {
    border-radius: 4px 0 0 4px;
}

.input-group {
	/*margin-bottom:0;*/
}

.has-tip {
    display: inherit;
}

.input-group-label.success {
	background:#00B200;
	border-color:#00B200;
	color:#fff;
}
.input-group-label.alert {
	background:#b73e41;
	border-color:#b73e41;
	color:#fff;
}

.light-list {
	color:#999;
	font-size:.9em;
}.light-list b {
	color:#333;
}

.menu.sub {
	font-size:.9em;
}
.menu.sub li a {
	padding:5px 7px;
	color:#333;
}
.menu.sub li a:hover {
	background:#eee;
}

.menu.tabs >li.menu-text {
	font-weight:normal;
	color:rgba(0, 0, 0,.5);
	padding-top:1.1rem;
}

.tabs > li > a {
	padding: 1rem 1.5rem;
	margin: 0 10px -1px 0;
	border:1px solid #e6e6e6;
	border-top-width: 2px;
	border-bottom:transparent;
}
.tabs > li > a:hover {
	background:rgba(255,255,255,.5);
}

.tabs dd > a, .tabs .tab-title > a{
    outline: none;
}

.menu.tabs > li.active > a {
	background:#fff;
	color:#333;
	z-index: 1;
	position: relative;
	border:1px solid #e6e6e6;
	border-bottom:1px solid #fff;
}

form.has-tabs .tabs-content, form.has-tabs .tabs-panel {
	background:none;
	border:none;
	padding:0;
}

form.has-tabs .tabs a:focus, .tabs-title > a[aria-selected='true'] {

	background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#0ffffff',GradientType=0 ); /* IE6-9 */
	position:relative;
	z-index:1;
	margin-bottom:-1px;
	border:1px solid #ccc;
	border-top:2px solid rgba(33, 153, 232,.6);
	border-bottom:1px solid #f4f4f4;
	outline:none;
}

form.has-tabs .tabs-content {

	position:relative;
}

.title-bar {
	background: #333;
}
.title-bar-title {
	font-weight: normal;
}.title-bar .menu-icon {
	margin-top: 4px;
}

.side {
	font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
	background:#333;
	width:225px;
	position:fixed;
	z-index:10;
	height:100%;
	float:left;
	 -webkit-box-shadow: 2px 2px 5px rgba(0,0,0,0.3);
	-moz-box-shadow: 2px 2px 5px rgba(0,0,0,0.3);
	box-shadow: 2px 2px 5px rgba(0,0,0,0.3);

}

.side .menu li.active a, .side .menu ul li.active a {
	background:#222;
}
.side .menu li.active a i, .side .menu ul li.active a i {
	color:#43AC6A;
}

.side .menu li.update a, .side .menu ul li.update a {
	background:#FF4D4D;
}

.side nav {
	height:100%;
}

.side .menu {
	margin-top:6px;
}

.menu .menu {
	margin-top:0;
}

.side .menu > li > a {
	font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
	font-weight:400;
	color:rgba(255, 255, 255,.9);
	padding:.7rem;
	border:none;
	background:none;
	margin:0;
}

.side .menu > li > a i {
	color:rgba(255, 255, 255,.5);
}



.side .menu > li.notifications {
	margin:0 5px;
}
.side .menu > li.notifications > a {
	display:inline-block;
	padding:5px 1px 5px 5px;
}
.side .menu > li > a > i.badge {
	line-height:1.5em;
	margin:0px 0 0 3px;
	float:right;
	-webkit-box-shadow: 0px 0px 5px rgba(0,0,0,1);
	-moz-box-shadow: 0px 0px 5px rgba(0,0,0,1);
	box-shadow: 0px 0px 5px rgba(0,0,0,1);
}

.side .menu > li > a:hover > span.badge {

}

.side .menu li {
	margin-bottom:7px;
	font-size:.8em;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}


.side .menu .menu li {
	font-size:1em;
	border:none;
	margin-bottom:0;

}

.side .menu .menu li a {
	background:#333;
	font-size:1.1em;
}

.side .menu li > a {
	position:relative
}

.main.min {
	margin-left:40px;
}
.side.min {
	width:45px;
}
.side.min .menu  > li > a span, .side.min .menu  > li > ul > li a {
	font-size:1.1em;
}
.side.min .menu  > li > a span, .side.min .menu  > li > ul > li a i {
	display:none;
}


.side .menu > li.su-access a {
	background:rgba(240,65,36,.45)
}

.side .menu > li.no-access a, .side .menu > li.no-access > a i {
	color:rgba(255,255,255,.15)
}

.side .menu li.su-access.active a {
    background:rgba(240,65,36,.75)
}
.side .menu li.su-access.active a i, .side .menu ul li.su-access.active a i {
    color:#fff;
}

.min .dropdown.menu.vertical>li.opens-right>a:after {
	display: none;
}

.button:focus, .button:hover {
    background-color: #43AC6A;
}

.button.wide {
	padding-left:3em;
	padding-right:3em;
	margin-right:2px;
}

.callout h2.relative {
	position:relative;
}

table tfoot {
    background: #f8f8f8;
    color: #0a0a0a;
}

.thead {
	position:fixed;
	z-index:1000;
	top:0;
	background:#43AC6A;
	width:100%;
	display:block;
	font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
	font-size:.95em;
	box-shadow: 2px 2px 5px rgba(0,0,0,0.3);
	white-space: nowrap;
}.thead a i {
	color:rgba(255,255,255,1);
}.thead a {
	color:rgba(255,255,255,.6);
	padding:7px 10px;
	display:inline-block;
}.thead a:hover {
	color:rgba(255,255,255,1);
}

.num-pad, .lcd-pad {
	opacity: 0.5;
	height:42px;
}

.check-icon i {
	position:relative;
	top:-4px;
	font-size: 1em;
}
.check-icon .badge {
	position:absolute;
	margin-top: -24px;
	margin-left:-22px;
	font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
	padding:5px;
}

.check-icon .owr .badge {
	background: rgba(0, 94, 171, .5);
}
.check-icon .onr .badge {
	background: rgba(67,172,106, .5);
}
.check-icon .dwr .badge {
	background: rgba(166,77,255, .5);
}

.side .menu > li > a.menu-min {
	/*position:absolute;
	bottom:40px;
	right:0;
	padding:25px 2px 25px 5px;
	background:rgba(255,255,255,.15);
	border-radius: 3px 0 0 3px;
	-moz-border-radius: 3px 0 0 3px;
	-webkit-border-radius: 3px 0 0 3px;*/
}

#time-sheet-img {
	background:#fff;
	padding:25px;
	margin-bottom:25px;
	
    border: 1px solid #ddd;
	border-radius: 3px 3px 3px 3px;
	-moz-border-radius: 3px 3px 3px 3px;
	-webkit-border-radius: 3px 3px 3px 3px;
	-webkit-box-shadow: 0px 2px 3px 0px rgba(0,0,0,0.1);
	-moz-box-shadow: 0px 2px 3px 0px rgba(0,0,0,0.1);
	box-shadow: 0px 2px 3px 0px rgba(0,0,0,0.1);
}
.parse_time {
	height: 50px;
	max-height: 50px;
	width: 700px;
	max-width: 700px;
	padding:4px;
}

.parse_time_finals {
	width: 150px;
	float:right;
	padding:4px;
}

i.badge {
	font-style:normal;
}


.side.min .menu > li > a > i.badge{
	margin:-25px -6px 0 0px;

}


.is-accordion-submenu-parent > a::after {
	display:none;
}

.side .menu > li > a:hover, .side .menu > li.is-active > a {
	color:#fff;
	background:#43AC6A;
	background: rgba(0,0,0,.2);
	background:#222;
}
.side .menu > li > a:hover i {
	color:#43AC6A;
}

.side .menu li.active a:hover, .side .menu ul li.active a:hover {
	background:#222;
}


.side .menu > li > a.logo:hover .track, .menu > li > a.logo:hover small {
	color:rgba(255, 255, 255,.5);
}

.dropdown.menu.vertical>li.opens-right>a:after {
	border-color: transparent transparent transparent #999;
}

.dropdown.menu.vertical>li.opens-right.is-active>a:after {
	border-color: transparent transparent transparent #fff;
}

.is-dropdown-submenu {
	border:none;
	border-left: 2px solid #222;
	z-index:1000;
}

.select2-container {
	z-index:2;
}

.side .nested {

}

.is-dropdown-submenu-parent a::after {
	margin-top: -2px;
}

.label {
    background: #43ac6a;
}

.label.gray {
	background:#999;
}

.new {
	font-size:.7em;
	background:#FD5900;
	color:#fff;
	position:relative;
	padding:2px 3px 1px 3px;
	position:relative;
	top:-3px;
	border-radius:3px;
}


.main {
	margin-top:36px;
	margin-left:225px;
	padding-left:15px;
	padding-top:20px;
}

.top .row , .main .row {
	max-width:3500px;
}


.stats.callout {
	border-radius:10px;
}

.stats.callout:hover {
	box-shadow: 2px 2px 10px rgba(0,0,0,.4);
}

.stats ul li {
	font-size:1em;
}

.stats ul > :first-child {
	/*border-bottom:1px solid rgba(255,255,255,.4);
	margin-bottom:10px;*/
}

.stats ul li span.stat {
	font-size:2.7em;
	opacity: 1

}


.age {
	margin:0;
	padding:0;
	line-height:1em;
	font-size:1.5rem;
	font-weight:bold;
}

.button {
	background: rgba(33, 153, 232,1);
}

.clr {
	clear:both;
}



.logo {
	color:#fff;
}
.track {
	color:rgba(255,255,255,.5);
	font-weight:100;
}


.callout .track, .reveal .track {
	color:rgba(255,255,255,.5);
	font-weight:100;
}

.logo small {
	font-size:.7em;
	color:rgba(255,255,255,.7);
}

legend .logo {
	color:#333;
}
legend .track {
	color:rgba(0,0,0,.5);
}
legend .logo small {
	font-size:.7em;
	color:rgba(0,0,0,.3);
	font-weight:400;
}

input.times, input.times-no-scratch, .best-time {
	font-family: 'lcd', Arial, sans-serif;
	font-size:2.5em !important;
	text-align:right !important;
	color:#2199e8;
	height:45px;
	border-radius:0;
	
	
} input.times:focus {
	/*border-color:#43ac6a !important;*/
}

input::-webkit-outer-spin-button, input::-webkit-inner-spin-button, input[type=number] {
	-webkit-appearance: none;
	-moz-appearance: textfield;
}

.best-time {
	font-family: 'lcd', Arial, sans-serif;
	line-height: 1.15em;
	color:#43ac6a;
	padding-right:7px;
	font-weight:normal;
}

.times-header {
	background:#eee;
	color:#888;
	display:block;padding:5px;
	text-align:center;
}

.badge {
	padding: 0 0 .2em 0;
	border-radius: 20%;
}

.icon-bar .side {
	background:#2199e8;
}
.icon-bar a {
	position:relative;
	padding:2px 7px;
	display:inline-block;
}
.icon-bar .badge {
	position:relative;
	top:-2px;
}

.icon-bar .switch {
	margin:5px 0 0;
	float:left;
}

.icons {
	float:right;
}
.alert-box.header {
	background-color: #eee;
	border-top:none;
	border-left:none;
	border-right:none;
	border-color: #ccc;
	color: white;
	padding-top:0;
	padding-bottom:0;
}



.block label.input {
	display:inline-block;
	text-align:left;
}

.columns .block:first-child {
	border-top:1px solid rgb(204, 204, 204);
}

.block.faded-50 {
	opacity: 1
}

.block.faded-50 > * {
	opacity: .5
}

[type='text']:focus,
[type='search']:focus,
[type='number']:focus,
[type='password']:focus,
select:focus {
	background:#fff;
	border-color:#2199E8;
    z-index: 1000;
    position: relative;
	box-shadow: 0 0 0 0.25rem rgb(13 110 253 / 25%);
}

[type='text'].required:focus,
[type='number'].required:focus {
	background:#fff;
	border-color:#2199E8;
}



input.required,
select.required,
textarea.required {
    border-left: 4px solid #f00;
}


label {
	color:inherit;
}
label.error {
	background:#EC5840;
	color:#fff;
	text-align:left;
	padding:3px 3px 3px 7px;
	font-weight:normal;
	position: relative;
}

.input-group-button {
	vertical-align: top;
}

select, textarea, [type='text'], [type='password'], [type='date'], [type='datetime'], [type='datetime-local'], [type='month'], [type='week'], [type='email'], [type='number'], [type='search'], [type='tel'], [type='time'], [type='url'], [type='color'], textarea {
	border: 1px solid #ddd;
	color: inherit;
	background-color: #fff;
	color:#333;
	box-shadow: none;
	transition:none;
}

.dob-sel select, .dob-sel select.valid {
	display:inline;
	width:auto;
}

#dob_M-error, #dob_D-error, #dob_Y-error {
	display:none !important;
}

select.valid, input.valid {
	border-left-color:#52cf80;
	transition: border-left-color 1s;
}

.hlite {
	background:#ff9;
	padding:3px;
}

.hlite-b, table tr td.hlite-b, table tr th.hlite-b, table.minimal tr th.hlite-b {
	background:#ff6;
	/*background:#333;
	color:#fff !important;*/
	padding:3px;
}

fieldset.highlight {
	/*box-shadow: 0px 0px 15px rgb(50, 146, 208);
	border: 1px solid #2199E8;*/
} fieldset.highlight legend {
	color: #000;
}

.connected {
	color:#3adb76
}

.a-bold a {
	font-weight:bold;

}
.callout {
	position:relative;
	border:none;
	border-radius: 3px 3px 3px 3px;
	-moz-border-radius: 3px 3px 3px 3px;
	-webkit-border-radius: 3px 3px 3px 3px;
	-webkit-box-shadow: 0px 2px 3px 0px rgba(0,0,0,0.1);
	-moz-box-shadow: 0px 2px 3px 0px rgba(0,0,0,0.1);
	box-shadow: 0px 2px 3px 0px rgba(0,0,0,0.1);
}.callout.legend {
	/*padding-top:70px;*/
}

.is-stuck {
	width:92%;
}
form {
	background:none;
}

fieldset legend {
	padding:2px 7px 0px;
	-moz-box-shadow: 0 0 5px #999;
	-webkit-box-shadow: 0 0 5px #999;
	box-shadow: 0px 0px 5px #999;
}

fieldset {
	position:relative;
	z-index:0;
	background:#fff;
	border:1px solid #ddd;
	padding:70px 20px 10px;
	border-radius: 3px 3px 3px 3px;
	-moz-border-radius: 3px 3px 3px 3px;
	-webkit-border-radius: 3px 3px 3px 3px;
	-webkit-box-shadow: 0px 2px 3px 0px rgba(0,0,0,0.1);
	-moz-box-shadow: 0px 2px 3px 0px rgba(0,0,0,0.1);
	box-shadow: 0px 2px 3px 0px rgba(0,0,0,0.1);
	margin:0px 0 20px;
}
fieldset:first-child {
	margin-top:0;
}

fieldset legend, .callout h2 {
	font-weight:400;
	font-size:1.2em;
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	-moz-box-shadow: none;
	-webkit-box-shadow:none;
	box-shadow:none;
	border-bottom:1px solid #ddd;
	padding: 15px 10px 13px 10px;
	color:#555;
}

.callout h2 {
	padding: 0px 0px 5px 0px;
}

form.has-tabs fieldset {
	padding:20px;
}

label small {
	text-transform: none;
}

table.expand {
	width:100%;
}

ul.inline li {
	display:inline-block;
}
.vertical-text {
	-webkit-transform:rotate(90deg);
	-moz-transform:rotate(90deg);
	-o-transform: rotate(90deg);
	-ms-transform:rotate(90deg);
	transform: rotate(90deg);
	white-space:nowrap;
	display:block;
	top:0;
	width:5px;
	margin-top:-30px;
	margin-left:10px;
}

.footer {
	background:#eee;
	padding:15px 0 0;
	font-size:.7em;
	color:#999;
}

.footer.no-menu {
	background:none;
	color:#ccc;
}

.footer .row .columns p {
	font-size:125%;
}

.ui-datepicker-trigger {
	display:none;
}

.top-bar-section ul.lang {
	min-width:200%
}
.top-bar-section .dropdown.lang li {
	width:50%;
	float:left;
}



.only-print {
		display:none;
	}


.lcd {
	font-family: 'lcd';
}

.lcd.time {
	font-size:2.5em;
	color:#eee;
	-ms-transform: skewX(8deg); /* IE 9 */
	-webkit-transform: skewX(8deg); /* Safari */
	transform: skewX(8deg); /* Standard syntax */
}.lcd.time b {
	font-weight:normal;
	color:#444;
}

.records {
	font-size:.8em;
	color:#999;
}

.clr-page {
	page-break-before: always !important;;
}

.timesheet h2 {
	line-height:1em;
	vertical-align:top;
	display:block;
}

.timesheet h2 small {
	color:#444;
	font-size:.5em;
	display:inline-block;
	margin-top:7px;
}

.timesheet h2 .timesheet-stacker-list {
	margin-top:10px;
}

.timesheet h2 .timesheet-details {
	margin-top:15px;
}

.timesheet .id {
	float:right;
	margin-top:3px;
	font-size:1.5em;
	color:#ccc;
	position:relative;
}

.timesheet .id .lcd.time {
	font-size:1em;
	color:#333;
}

tr.th {
	background:#f4f4f4;
}

.print-hide {
	display:none;
}

.tabs {
	background:none;
	border:none;
}

.tabs-title > a {

}

.tabs-content {
	border:none;
	border-top: 1px solid #ccc;
	background:none;
}



.best-time {
		text-align:center;
		min-width:150px;
	}
.best-time .lcd {
	font-size:2em;
}

.no-js #nav {
  display: none;
}

.no-js .top-bar {
		display: block;
	  }

	  .no-js .title-bar {
		display: none;
	  }


input::-ms-clear {
  display:none;
}


.scroll {
	overflow-y: scroll;
}

table.scroll {
	overflow:visible
}
table.scroll tbody, table.scroll thead {
	display:block;
	width:100%;
}
table.scroll tbody {
	overflow-y: scroll;
}

.percent_green {
	background: rgba(67,172,106,1);
	color:#fff;
}

.percent_yellow {
	background: #FFDC73;
	color:#333;
}

.percent_orange {
	background: #FF9326;
	color:#fff;
}

.percent_red {
	background: #c00;
	color:#fff;
}

.min .percent {
	max-width: 1px;
	padding: 0;
	padding-left:5px;
	overflow: hidden;
}

.jq-hide {
	display:none !important;
}

.dataTables_info {
	display:none;
}

.no-margin, form label.input.no-margin {
	margin:0;
}

.no-border {
	border:none;
}

.clear-border {
	border:1px solid transparent;
}
.width-auto {
	width:auto;
}

.callout.info {
	font-size:.8em;
}

.notification-count {
	position:relative;
	top:-2px;
	right:0;
	padding:.3em;
	float:right;
	border: 1px solid #fff;
}
.side.min .menu > li > a span.notification-count {
	position:absolute;
	top:3px;
	right:3px;
	padding:.2em;
	min-width: 1.5em;
	font-size:.7em !important;
	display:inline-block;
}

.notifications li {
	padding:7px;
	margin-bottom:5px;
	background:rgba(0,0,0,.02);
	border-radius:5px;
	border:1px solid #ddd;
	border-left:2px solid #ddd;
	opacity:.8;
}

.notifications li.unread:hover {
	border-color:#2ba6cb;
}

.notifications li:hover {
	border-color:#ccc;
	opacity:1;
}

.notifications li.unread {
	opacity:1;
	border-left:2px solid #2ba6cb;
	background:#fff;
}

.notifications .type {
	float:left;
	font-size:.8em;
}

.notifications .date {
	float:right;
	
	font-size:.8em;
	opacity:.6;
}

.notifications .details {
	clear:both;
	display:block;
}

.div-heading {
	background:#ddecf9; 
	border-bottom:2px solid #fff;
}



.div-heading .text {
	color:#333;
}

/* extra-MEDIUM */
@media screen and (min-width: 64em) and (max-width: 80.9375em) {


	.side {
		width:180px;
	}

	.main {
		margin-left:180px;
		padding-left:5px;
	}

	form label {
		text-align:left;
	}

	input.times {
		font-size: 1.75em !important;
	}

	.parse_time {

		width:100%;
		padding: 4px ;
	}

	.best-time {
		text-align:center;
		min-width:120px;
		padding: .5rem;
		font-size: 1.55em !important;
	}

	.best-time .lcd {
		font-size:1.5em;
	}

	table h1 {
		font-size:1em;
		font-weight:bold;
		color:#000;
	}

}

/* MEDIUM */
@media screen and (min-width: 40em) and (max-width: 63.9375em) {


	.side {
		width:180px;
	}

	.main {
		margin-left:180px;
		padding-left:5px;
	}

	form label {
		text-align:left;
	}

	input.times {
		font-size: 1.25em !important;
	}

	.parse_time {
		border:1px solid #222;
		width:100%;
		padding: 4px ;
	}

	.best-time {
		text-align:center;
		min-width:120px;
		padding: .5rem;
		font-size: 1.55em !important;
	}

	.best-time .lcd {
		font-size:1.5em;
	}

	table h1 {
		font-size:1em;
		font-weight:bold;
		color:#000;
	}

	.select2-container--default .select2-selection--single {
		padding:7px 2px;
	}
	
	input.times, input[type=text], input[type=number], input[type=password], select {
        font-size: 1.55em !important;
		font-weight:bold;
		padding:10px 3px 10px 0;
    }

}


/* SMALL */
@media screen and (max-width: 39.9375em) {

	.breadcrumbs li {
		display:block;
		float:none;
		font-size:1em;
	}
	
	table tr th {
		font-size:.8em;
	}

	.main.min {
		margin-left:25px;
	}

	.column, .columns {
		padding-right: .675rem;
	}

	fieldset {
		padding-left:3px;
		padding-right:3px;
	}

	form label {
		text-align:left;
	}

	input.times, input[type=text], input[type=number], input[type=password], select {
		font-size: 2.55em !important;
		line-height: 1em !important;
		height:auto;
		padding: 5px;
	}

	legend span .float-right{
		clear:both;
		float:none !important;
		display: block;
	}

	fieldset legend {
		position: relative;
		top: 40px;
		padding: 10px;
		margin-bottom: -10px;
	}

	.parse_time {

		width:100%;
		padding: 4px;
	}

	.best-time {
		text-align:center;
		min-width:70px;
		padding: .5rem;
		font-size: 1.55em !important;
	}

	.best-time .lcd {
		font-size:1.5em;
	}

	.vertical-text {
		margin-left:1px;
	}


	table tbody th, table tbody td {
		padding: 0.2rem 0.325rem 0.325rem;
	}

	.select2-container--default .select2-selection--single {
		padding:7px 2px;
	}

	input.times, input[type=text], input[type=number], input[type=password], select {
        font-size: 1.55em !important;
		font-weight:bold;
		padding:10px 3px 10px 0;
    }

}



input[type="checkbox"]:checked {
    accent-color: rgba(33, 153, 232, 1);
}



body.dark {
	background:#2a2c33;
	color:#ccc;
}

body.dark legend .logo {
    color: #ccc;
}


body.dark .track {
	color:rgba(255,255,255,.5);
	font-weight:100;
}

body.dark legend .track {
    color: rgba(255,255,255,.5);
}

body.dark .side .menu > li > a {
    color: #ccc;
}

body.dark .side .menu .menu > li > a {
    color: #eee;
}

body.dark .side .menu li.active a, body.dark .side .menu ul li.active a {
    background: #373942;
    border-radius: 0;
}

body.dark .side .menu .menu li a, body.dark .is-dropdown-submenu {
    border-color: #2a2c33;
}

body.dark .side .menu > li.no-access a, body.dark .side .menu > li.no-access > a i, body.dark .side .menu .menu > li.no-access a {
    color: rgba(255,255,255,.3);
}

body.dark .side.min {
    background: #23252b;
}

body.dark .tabs > li > a:hover {
    background: rgba(0,0,0,.5);
}

body.dark .tabs > li > a {
    border: 1px solid rgba(0,0,0,.2);
	background: rgba(0,0,0,.2);
}

body.dark .menu-sub >li > a {
    background: #373942;
}

body.dark .menu.tabs > li.active > a {
    background: #373942;
    color: #eee;
    border: 1px solid #2a2c33;
    border-bottom: 1px solid #373942;
}

body.dark table {
	background:#2a2c33;
	color:#ccc;
	border: 1px solid #555;
}

body.dark table h1 {
	color:#ccc;
}

body.dark table tbody, body.dark table tfoot, body.dark table thead {
    border: none;
	background:#2a2c33;
	color:#ccc;
}

body.dark table thead, body.dark table tfoot {
	background:#23252b;
	color:#ccc;
}

body.dark table tbody tr:nth-child(even) {
    background-color: #373942;
}

body.dark table.minimal tr th {
    border: 1px solid #555;
    background: #1b1c21;
}
body.dark table.minimal tr td {
    border-right: 1px solid #555;
    border-bottom: 1px solid #555;
}

body.dark table tr.finals td {
    background: #18191d !important;
}

body.dark table.vertical tr th {
	border-right:1px solid #666;
	border-bottom:1px solid #666;
}
body.dark table.vertical tr td {
	border-right:1px solid #666;
}

body.dark .breadcrumbs li {
    color: #ccc;
}

body.dark .is_stuck {
    background: #2a2c33;
    border-bottom: none;
	box-shadow: 0 5px 3px -2px rgb(0,0,0,.5);

}

body.dark .stuck {
    color:#ccc;
    background: #2a2c33;
}

body.dark form.has-tabs .tabs a:focus, body.dark .tabs-title > a[aria-selected='true'] {
    background: #2a2c33;
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2a2c33', endColorstr='#2a2c33',GradientType=0 );
    border-color: #222;
    outline: none;
}

body.dark .best-time {
	color:#4ae684;
}

body.dark .notifications li {
	border:1px solid #212228;
	border-left:2px solid #212228;
}


body.dark .notifications li.unread {
	border:1px solid #222;
	border-left:2px solid #2ba6cb;
	background:#212228;
}


body.dark fieldset legend, body.dark .callout h2 {
    border-bottom: 1px solid #333;
    color: #ccc;
}

body.dark fieldset {
    background: #373942;
    border: 1px solid #333;
	color:#ccc;
}

body.dark fieldset.highlight legend {
    color: #ccc;
}

body.dark input[type="checkbox"]+span {
    color: #ccc;
}

body.dark form label {
    color: #ccc;
}

body.dark .callout {
	background:#373942;
	color:#ccc;
}

body.dark .callout.notice {
	background:#388dc5;
	color:#ccc;
}

body.dark .hlite {
    background: #494c58;
    color:#ccc;
}

body.dark .block {
    background: #2a2c33;
	color:#ccc;
}

body.dark .wssa_division {
	background-image: linear-gradient(45deg, transparent 25%, rgba(0,0,0,.15) 25%, rgba(0,0,0,.15) 50%, transparent 50%, transparent 75%, rgba(0,0,0,.15) 75%, rgba(0,0,0,.15) 100%);
	background-size: 14.14px 14.14px;
}

body.dark .block .total {
	background:#2199e8;
	color:#111;
}

body.dark .block .count {
	background:rgba(0,0,0,.5);
	color:rgba(255,255,255,.6);
}

body.dark .line {
	border-bottom:1px solid #111;

	-webkit-box-shadow: 0px 4px 2px -2px rgba(0,0,0,0.4);
	-moz-box-shadow: 0px 4px 2px -2px rgba(0,0,0,0.4);
	box-shadow: 0px 4px 2px -2px rgba(0,0,0,0.4);
}

body.dark .div-arrow {
	color: rgb(255 255 255 / 50%);
	background:#2a2c33;
}

body.dark input[type="checkbox"]+span:before {
	color: rgb(255 255 255 / 20%);
}
body.dark input[type="checkbox"]:checked+span:before {
	color: rgb(33 153 232 / 100%);
}


body.dark .menu.tabs >li.menu-text {
    color: rgba(255,255,255,.5);
}

body.dark input.required, body.dark select.required, body.dark textarea.required {
   border-left: 4px solid #b73e41;
}

body.dark select.valid, body.dark input.valid {
	border-left-color:#52cf80;
}

body.dark .alert-text {
	color:#f97679;
}

body.dark .button.alert, body.dark .callout.alert {
	background-color:#b73e41;
}

body.dark select, body.dark textarea, body.dark [type='text'], body.dark [type='password'], body.dark [type='date'], body.dark [type='datetime'], body.dark [type='datetime-local'], body.dark [type='month'], body.dark [type='week'], body.dark [type='email'], body.dark [type='number'], body.dark [type='search'], body.dark [type='tel'], body.dark [type='time'], body.dark [type='url'], body.dark [type='color'], body.dark textarea {
    border: 1px solid #595b63;
    background-color: #2a2c33;
    color: #ccc;
}

body.dark [type=color]:focus, body.dark [type=date]:focus, body.dark [type=datetime-local]:focus, body.dark [type=datetime]:focus, body.dark [type=email]:focus, body.dark [type=month]:focus, body.dark [type=number]:focus, body.dark [type=password]:focus, body.dark [type=search]:focus, body.dark [type=tel]:focus, body.dark [type=text]:focus, body.dark [type=time]:focus, body.dark [type=url]:focus, body.dark [type=week]:focus, body.dark textarea:focus {
	border-color: #595b63;
    background-color: #2199e8;
    color: #ccc;
}

body.dark [type='text'].required:focus, body.dark [type='number'].required:focus, body.dark [type='text']:focus, body.dark [type='number']:focus, body.dark select:focus {
    background: #1b1c21;
    border-color: #2199e8;
}

body.dark [type='text'].times {
	border:none;
}

body.dark .select2-container--default .select2-selection--multiple {
    background-color: #2a2c33;
    border: 1px solid #595b63;
}

body.dark .select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: #2199e8;
    border: 1px solid #595b63;
}

body.dark .select2-container--default .select2-selection--single {
    background-color: #2a2c33;
    border: 1px solid #595b63;
	color:#eee;
}

body.dark .select2-dropdown {
    background-color: #2a2c33;
    border: 1px solid #aaa;
}

body.dark .select2-container--default .select2-results__option[aria-selected=true] {
    background-color: #373942;
}

body.dark .stuck.shadow {
    -webkit-box-shadow: 0 9px 6px -6px rgb(0 0 0 / 90%);
    -moz-box-shadow: 0 9px 6px -6px rgba(0,0,0,0.9);
    box-shadow: 0 9px 6px -6px rgb(0 0 0 / 90%);
}

body.dark .dropdown.menu.vertical>li.opens-right>a:after {
	border-color: transparent transparent transparent #666;
}

body.dark .dropdown.menu.vertical>li.opens-right.is-active>a:after {
	border-color: transparent transparent transparent #fff;
}

body.dark .select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #ccc;
}

body.dark .tabs-content {
	color:#ccc;
}

body.dark form.has-tabs .tabs a:focus, body.dark .tabs-title > a[aria-selected='true'] {
    background: #373942;
    border-bottom: 2px solid #373942;
	border-top: 2px solid rgba(33, 153, 232, 1);
}

body.dark .div-heading {
	background:#222; 
	border-bottom: 2px solid #666;
}

body.dark .tabs-content {
	border-top: 1px solid #000;
}


body.dark input[type="checkbox"]:checked {
    accent-color: rgba(33, 153, 232, 1);
}






.tooltip {
	max-width:15rem;
}


@media print{

	* {
		float:none;
	}
	body {
		background:transparent;
		font-size:1em;
		font-family: Arial, sans-serif;
	}

	h1, h1.stick {
		/*font-size:1em;*/
		margin:0px 0;
		padding-top:0;
		font-family: Arial, sans-serif;
		font-weight:bold;
	}

	h1.table-print {
		background:#eee !important;
		margin:25px 0 0;
	}

	h1 .thin {
		font-weight:100;
	}

	a {
		text-decoration:none;
	}

	p {
		font-size:12px;
	}

	img, tr {
		page-break-inside:auto;
	}

	.main.min {
		margin:0;
		padding:0;
	}

	.records i {
		color:#999
	}

	img.img {
		width:300px;
	}

	.no-print, .dataTables_filter, .dataTables_info, .tooltip {
		display:none !important;
	}

	.only-print {
		display:inline-block;
	}

	table, table tbody, tr, th, td, body.dark table, body.dark table tbody, body.dark tr, body.dark th, body.dark td {
		border:none;
		padding:0;
		margin:0;
		border-collapse: collapse;
	}

	th, td {
		border-bottom:1px solid #000;
	}
	table tr th, table tr td, body.dark table tr th, body.dark table tr td {
		padding:3px;
		margin:0;
	}

	table, body.dark table {
		font-size:.8em;
		/*width:99%;*/
		border-collapse: collapse;
	}
	table table {
		width:100%;
	}

	thead {
        display: table-row-group
    }

	table tr td {
		background:#fff;
		border-bottom:none;
	}

	table tr td, body.dark table tr td  {
		background:#fff;
		border-bottom:1px solid #000;
	}

	table tr.finals, body.dark table tr.finals {
		border-left:2px solid #333;
	}

	table tr.finals td:last-child {

	}

	table tr.finals td, body.dark table tr.finals td {
		background:#ff9 !important;
	}

	table tr td h2 {
		text-align:center;
		border-bottom:1px solid #000;
		background:#eee !important;
	}

	table tr td table tr, .no-break {
		page-break-inside: avoid !important;
	}

	table.minimal tr th {
		background:#eee !important;
		padding:5px 5px;
	}


	h1, h2, h3 {
		display:block;
		page-break-inside: avoid !important;
	}

	h2.packet-team {
		background:#333;
		color:#fff;
	}

	tr.th, tr.th td {
		background:#f4f4f4;
		page-break-inside: avoid !important;
	}

	table.minimal, table.minimal tbody, table.minimal tr, table.minimal tr th, table.minimal tr td {
		border: none;
		border-collapse: collapse;
	}

	table.minimal tr td.data-entry {
		border:1px solid #f1f1f1 !important;
		border-top:1px solid #000 !important;
		border-bottom:1px solid #000 !important;
		border-right: 1px solid #000 !important;
		border-collapse: collapse;
	}



	span.info {
		line-height:1.2em;
		margin: 4px 5px 0 0;
		display: block;
	} span.info small {
		color:rgba(0,0,0,.6);
	}

	table.minimal h1 {
		margin:5px 0;
	}


	table.horizontal tr th {
		background:#eee !important;
	}
	table.horizontal tr td {

	}

	.time-records {
		padding:2px 0 2px;
		display:inline-block;
		font-size:.8em;
		color:rgba(0,0,0,.5) !important;
	}

	.page {
		position:relative;
		display: block;
		
		page-break-after:always !important;
		break-after: page;
		height: 100vh;
    box-sizing: border-box;
		overflow:hidden;
	}

	.page.overflow {
		height:auto;
		overflow:visible;
	}

	.page .height-100 {
		height: 100vh !important;
		position: static !important;
		overflow: visible !important;
		box-sizing: border-box;
		border-bottom:none;
	}
	
	.page .height-50 {
		 height: 50vh !important;
		position: static !important;
		overflow: visible !important;
		box-sizing: border-box;
		width:100%;
		border-bottom: 1px dashed #ccc;
	}
	.page .height-50:nth-child(2)  {
		border-bottom:none;
		position:absolute;
		top:52.3%;
		padding-top: 17px;
	}

	.timesheet {
		position: static !important;
	}

	a[href]:after {
		content: none !important;
	}

	.row {
			width:auto !important;
	}
	.columns {
		width:auto !important;
		flex: 0 0 100%;
		max-width: 100%;
	}

	.main {
		margin:0;
		padding:0;
	}

	.timesheet .id {
		font-size: 1em;
	}
	.is_stuck {
		position:relative !important;
		width:auto;
		height:auto;
		top:0;
		margin:0 !important;
		padding:0;
		background:transparent;
		border:none;
		box-shadow:none;
	}

	.lcd.time {
		color:rgba(0,0,0,.08) !important;
	}

	.num-pad {
		opacity: 0.5;
		height:42px;
		margin:3px 0px;
	}

	.lcd-pad {
		opacity: 0.5;
		height:28px;
		margin:10px 2px;
	}

	.num-pad.blk {
		opacity: 1;

	}

	.scantron {
		width:235px;
		border-right:1px solid #000 !important;
		padding:0;
		height:45px;
	}

	.video-review-box {
	    border-right: 1px solid #000;
		border-bottom: 1px solid #000;
	    width: 15px;
	    height: 15px;
	    position: relative;
	    top: -15px;
	}

	.id-badge {
		width: 50%;
		position:relative;
		padding:10px;
		float:left;
	}

	.id-badge.tgs .name i {
		color:#f90 !important;
	}

	.id-badge-1, .id-badge-2 {
		height:33%;
	}
	.id-badge-3, .id-badge-4 {
		height:34%;
	}
	.id-badge-5, .id-badge-6 {
		height:32%;
	}
	
	.id-badge-1, .id-badge-3 {
		border-right: 1px dashed #ccc;
		border-bottom: 1px dashed #ccc;
	}
	.id-badge-2, .id-badge-4 {
		border-bottom: 1px dashed #ccc;
		padding-left:25px;
	}
	.id-badge-5 {
		border-right: 1px dashed #ccc;
	}
	.id-badge-6 {
		padding-left:25px;
	}

	h3.hlite-b b, .hlite-b span b, table tr td.hlite-b, table tr th.hlite-b, table.minimal tr th.hlite-b {
		background:#ff6 !important;
		background:#333 !important;
		color:#fff !important;
		padding:3px;
	}

}