/* roboto-100 - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 100;
  src: url('../fonts/roboto-v15-latin-100.eot'); /* IE9 Compat Modes */
  src: local('Roboto Thin'), local('Roboto-Thin'),
       url('../_fonts/roboto-v15-latin-100.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../_fonts/roboto-v15-latin-100.woff2') format('woff2'), /* Super Modern Browsers */
       url('../_fonts/roboto-v15-latin-100.woff') format('woff'), /* Modern Browsers */
       url('../_fonts/roboto-v15-latin-100.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../_fonts/roboto-v15-latin-100.svg#Roboto') format('svg'); /* Legacy iOS */
}
/* roboto-regular - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/roboto-v15-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Roboto'), local('Roboto-Regular'),
       url('../_fonts/roboto-v15-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../_fonts/roboto-v15-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../_fonts/roboto-v15-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../_fonts/roboto-v15-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../_fonts/roboto-v15-latin-regular.svg#Roboto') format('svg'); /* Legacy iOS */
}


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

body {
	font-family: "open sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size:1em;
	font-weight:400;
	background:#f4f4f4;
	color:#666;
}

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 {
	font-family: 'Roboto', Arial, sans-serif;
	font-weight:100;
	margin:15px 0 20px;
	font-size:2em;
}

h2 {
	font-family: 'Roboto', Arial, sans-serif;
	font-weight:400;
	font-size:1.5em;
}

h3 {
	font-family: 'Roboto', Arial, sans-serif;
	font-weight:400;
	font-size:1.2em;
}

small {
	font-size:80%;
}

.small {
	font-size: 0.8125rem;
}

.new {
	background:#ff4000;
	color:#fff;
	padding:3px;
}

.reveal.medium {
    width: 45%;
    max-width: 75rem;
}

.sub-nav dl {
    margin: 0 0 .5em;
}


.sub-nav dt, .sub-nav dd, .sub-nav li {
    float: left;
    display: inline;
    margin-left: 1rem;
    margin-bottom: 0.625rem;
    font-family: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
    font-weight: normal;
    font-size: 0.8rem;
    color: #999;
}

.sub-nav dd, .sub-nav li {
    margin:  0 0 .5em .5em;
}

.sub-nav dd a {
    text-decoration: none;
}
.sub-nav dt a, .sub-nav dd a, .sub-nav li a {
    color: #008cba;
}
.sub-nav dt a, .sub-nav dd a, .sub-nav li a {
    background: #fff;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    padding: 3px 5px;
}



.sub-nav dt.active a, .sub-nav dd.active a, .sub-nav li.active a {
    -webkit-border-radius: 3px;
    border-radius: 3px;
    font-weight: normal;
    background: #008cba;
    padding: 0.1875rem 1rem;
    cursor: default;
    color: #fff;
}

.sub-nav dt.active a, .sub-nav dd.active a, .sub-nav li.active a {
    padding: 3px 5px;
}

.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight{
	background:inherit;
}


.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {
	background:#CC8B00;
	color:#fff;
}

.title-header {
	color:#fff;
	padding:7px 0 0 0;
}

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

textarea{
	overflow:hidden;
}

table tbody tr:hover, table tbody tr:nth-child(even):hover {
    background:#cdebec;
}

table tr td {
	vertical-align: top;
}

table tbody tr.highlight {
	background: rgba(67, 172, 106, .3);
}

table tbody tr.hlight {
	background: rgba(226, 78, 78, .3);
}

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

}

.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;

}


tr.deleted td {
	color:#c00;
}

.stick {
	z-index:100;
}

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

.is_stuck {
	top:36px !important;
	padding:5px 5px 5px 15px;
	background: #E9F5FD;
	border:1px solid #ccc;
    border-top:none;
    padding:10px;
    -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 {
	font-size:1.8em;
	margin:0;
	padding:0px;
}.is_stuck .button {
	margin:0;
	background: rgba(33, 153, 232,1);
}



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

.block {
	text-align:left;
	display:block;
	border:1px solid #ccc;
	border-bottom:none;
	border-top:none;
	background:#f4f4f4;
	padding:5px 5px 5px 10px;
}
.block:last-child {
	border-bottom:1px solid #ccc;
}

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

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

.icheck {
	display:none;
}
.list-checkbox, .list-checkbox ul  {
	line-height:2em;
}
.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;
}

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

.row.expand {
	/*margin:5px;*/
	max-width:100%;
	display:block;
	width:auto;
}

table {
	font-size:.8em;
}
 table tr th {
	text-align:left;
}

.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);
}

.faded {
	opacity: 0.7;
}
.faded-50 {
	opacity: 0.5;
}
.faded-20 {
	opacity: 0.2;
}

.no-results {
	opacity: 0.6;
	font-size:.8em;
	font-style:italic;
	margin-bottom:40px;
}

.sticky, .sticky-container {
	margin-bottom: 20px;
}

.one-line {
	white-space: nowrap;
	overflow:hidden;
	max-width:400px;
}
table thead {
    background:#fdf0d0;
    color: #666;
}

table tfoot {
    background:#dbebf5;
    color: #000;
}

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

.main > .row {
	padding-top:8px;
}


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

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

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

.tabs > li > a {
	padding: 1.25rem 1.5rem;
	font-size:12px;
	margin: 0 10px -1px 0;
    border:1px solid #e6e6e6;
}
.tabs > li > a:hover {
    background:rgba(255,255,255,.5);
}

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

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

.side {
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    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);

}






.nav.menu li.active a, .nav.menu ul li.active a {
	background:#222;
}
.nav.menu li.active a i, .nav.menu ul li.active a i {
	color:#00B200;
}

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

.nav.menu {
	margin-top:0px;
	display: inline;
    float: left;
}

.nav.menu>li>a {
    padding: .7rem .5rem;
}

.nav.menu .menu {
	margin-top:50px;
}
.dropdown.menu.vertical>li.opens-right>.is-dropdown-submenu {
    right: auto;
    left: 0;
}

.nav.menu > li > a {
	color:rgba(255, 255, 255,.9);
	padding:.4rem;
	border:none;
	background:none;
	margin:0;
}



.nav.menu > li.notifications {
	margin:0 5px;
}
.nav.menu > li.notifications > a {
	display:inline-block;
	padding:5px 1px 5px 5px;
}
.nav.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);
}

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

}

.nav.menu li {
	padding:7px 0;
	font-size:.8em;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 0;
}


.nav.menu li.sep {
	padding:7px 0 0 0;
	border-bottom:1px solid rgba(255,255,255,.2);
	margin-bottom:7px;
	height:0;
}


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

}

.nav.menu .menu li a {
	background:#333;
	font-size:1.1em;
	padding: .7rem 1rem .7rem .5rem;
}

.nav.menu .is-dropdown-submenu {
    border: none;
    border-left:none;
    left: 0;
}

.nav.menu .is-dropdown-submenu>a {
    position: relative;
    padding-right:0
}

.nav.menu .menu>li.is-dropdown-submenu-parent>a, .nav.menu .menu>li.opens-right>a:after {
    display:none;
}

.nav.menu .menu > li.admin-opt > a {
	border-radius:0;
}
.nav.menu .menu > li.admin-opt > a {
	color:rgba(251, 114, 90,.9);
}
.nav.menu .menu > li.admin-opt > a:hover {
	color:#fff;
	background:rgba(251, 114, 90,.9);
}





.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:#00B200;
}

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

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

.menu .menu {
	margin-top:7px;
}

.side .menu > li > a {
	color:rgba(255, 255, 255,.9);
	padding:.7rem;
	border:none;
	background:none;
	margin:0;
}



.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 {
	padding:7px 0;
	font-size:.8em;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 0;
}


.side .menu li.sep {
	padding:7px 0 0 0;
	border-bottom:1px solid rgba(255,255,255,.2);
	margin-bottom:7px;
	height:0;
}


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

}

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

.main.min {
	margin-left:30px;
}
.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 {
	display:none;
}

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

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

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

.check-icon i {
	position:relative;
	top:-4px;
    font-size: 1em;
}
.check-icon .badge {
	position:absolute;
    margin-top: -24px;
    margin-left:-22px;
    font-family:Arial, Helvetica, 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;
}

.parse_time {
	width:100%;
	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;
}
.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;
}

/**/
.side .menu > li.admin-opt > a {
	border-radius:0;
}
.side .menu > li.admin-opt > a {
	color:rgba(251, 114, 90,.9);
}
.side .menu > li.admin-opt > a:hover {
	color:#fff;
	background:rgba(251, 114, 90,.9);
}

.is-dropdown-submenu {
	border:none;
    border-left: 1px solid #bbb;
}

.side .nested {

}

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


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

.main-full {
	margin-top:60px;
}

.top > .row , .main  > .row, .main > .row > .row, .top > .row , .main-full  > .row, .main-full > .row > .row {
	/*max-width:100%;*/
}

.card {
	color:inherit;
	padding:10px;
	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);
}

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

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

.button.disabled, .button[disabled] {
    background: rgba(33, 153, 232,.6);
	    opacity: .75;
}

.clr {
	clear:both;
}

.line {
	clear:both;
	margin-top:10px;
	border-top:1px dotted #ccc;
	padding-bottom:10px;
}

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


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

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

.reveal {
	background:#eee;
	outline: none;
}
.reveal-overlay {
    background-color: rgba(0,0,4,.55);
}

.close-button {
	right: 0px;
	top:0;
    font-size: 2em;
    line-height: 1;
    background: #70b9e8;
    padding: 5px 7px;
    position: absolute;
    color: #fff;
}

[type=radio].fa-input {
	visibility:hidden;
	left: -200px;
    position: absolute;
}

[type=radio].fa-input  + label {
    font-size: 1em;
	margin:0 0 0px;
}

[type=radio].fa-input  + label:before {
    font-size: 1.3em;
    content: "\f111";
    font-family: 'Font Awesome\ 5 Pro';
    display: inline-block;
    padding-right:10px;
    color:#ccc;
}

[type=radio].fa-input:checked + label:before {
	font-size: 1.3em;
	content: "\f192";
	font-family: 'Font Awesome\ 5 Pro';
}

[type=radio].fa-input:checked + label, [type=radio].fa-input:checked, [type=radio].fa-input:checked  + label:before {
	color:#1779ba;
}


[type=checkbox].fa-input {
	visibility:hidden;
	left: -200px;
    position: absolute;
}

[type=checkbox].fa-input  + label {
    font-size: 1em;
	margin:0 0 0px;
}

[type=checkbox].fa-input  + label:before {
    font-size: 1.3em;
    content: "\f0c8";
    font-family: 'Font Awesome\ 5 Pro';
    display: inline-block;
    padding-right:10px;
    color:#ccc;
}

[type=checkbox].fa-input:checked + label:before {
	font-size: 1.3em;
	content: "\f14a";
	font-family: 'Font Awesome\ 5 Pro';
}

[type=checkbox].fa-input:checked, [type=checkbox].fa-input:checked  + label:before {
	color:#1779ba;
}

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 {
	font-family: 'lcd', Arial, sans-serif;
	font-size:2.5em !important;
	text-align:right !important;
	color:#2199e8;
} input.times:focus {
	/*border-color:#43ac6a !important;*/
}

.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 {
	position:relative;
}
.block .count {
	right:7px;
	top:10px;
	position:absolute;
}

.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='number']:focus {
	background:#fff;
	border-color:#2199E8;
}

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

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

.highlighter {
	background:#ffc;
	padding:3px;
}

.connected {
	color:#3adb76
}

.a-bold a {
	font-weight:bold;
	
}
.callout {
	position:relative;
	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);
}.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-bottom:20px;
}

fieldset.no-legend {
	padding:10px;
}

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: 10px 10px 10px 10px;
    color:#555;
    font-family: 'Roboto', sans-serif;
}

button.min-h-padding {
	padding-left:0;
	padding-right:0;
}

.callout.success {
	color:#fff;
	background:#45b76e;
}

.callout.alert {
	color:#fff;
	background:#d24c35;
}

.advanced-search-button {
	color:rgba(33, 153, 232,.6);
	background:#fff;
}

fieldset.global-search {
	background:#b6d7ec;
}

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

.has-tip, .title-bar-title {
    display: initial;
}

label small {
	text-transform: none;
}

table {
	border:1px solid #ddd;
    -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-bottom:40px;
}

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

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

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



.timesheet h2 {
	line-height:.8em;
}

.timesheet h2 small {
	color:#444;
	font-size:.5em;
}

.timesheet .id {
	float:right;
	margin-top:10px;
	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 {

}

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: #fff;
    position:relative;
    z-index:1;
    margin-bottom:-1px;
    border:1px solid #e6e6e6;
    border-bottom:1px solid #fff;
}

form.has-tabs .tabs-content {

	position:relative;
}

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

.timesheet-img {
	background:#fff;
	padding:15px; border:1px solid #fff;
	box-shadow: 0 7px 14px 0 rgba(0,0,0,0.2),0 7px 14px 0 rgba(0,0,0,0.19) !important;
}

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


.sub-nav {
	font-size:.8em;
}

.sub-nav a {
	border-left:2px solid transparent;
}
.menu .is-active > a, .menu a.is-active {
    border-left:2px solid #1779ba;
	background:#eee;
}

.address-card {
	display: inline-block;
}

.help h1 {
	margin-top:150px;
}.help h1:first-child {
	margin-top:10px;
}


.sub-nav ul li {
	margin-left:20px;
}

.help h1 {
    padding-left: 7px;
    background: #1779ba;
    color: #fff;
}
.help section h3 {
    margin: 37px 0 30px;
    border-left: 2px solid #1779ba;
    padding: 10px;
    background: #eee;

}



table.calendar {
	background:#ddd;
	border:none;
	border-spacing:1px;
	font-family: Roboto,Helvetica,Arial,sans-serif;
	-webkit-font-smoothing: antialiased;
    text-rendering: geometricPrecision;
}


table tr th.cal_th {
	background:#f9f9f9;
	text-align:center;
}

table.calendar tr td {
	background:#f9f9f9;
	height:150px;
}

table.calendar tr td ul {
	margin-bottom:0;
}

table.calendar tr td b {
	color:#000;
}

table.calendar tr td.past, table.calendar tr td.past b {
	color:#bbb;
}table.calendar tr td.past ul li i {
	color:#a2daff;
}

table.calendar tr td._day {
	background:#fff;
}

table.calendar tr td .day {
	text-align:center;
	font-weight:bold;
	margin:2px 0 4px;
	color:#000;
	font-size:1em;
}

table.calendar tr td.current .day span {
	background:#3488ff;
	padding:4px;
	border-radius:500px;
	color:#fff;
    min-width: 25px;
    display: inline-block;
}



table.calendar tr td ul li {
	padding:3px;
}

table.calendar tr td div.li:hover {
	background:#f6f6f6;
	border-radius:5px;
}

table.calendar tr td ul li i {
	color:#2199E8;
}


.success-text {
	color:#00B200;
}.warning-text {
	color:#ffae00;
}.alert-text, .alert-text a {
	color:#ec5840;
}.alert-text a {
	text-decoration:underline;
}


/* 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.55em !important;
	}

	.parse_time {

		width:100%;
	    padding: 4px ;
	}

	.best-time {
		text-align:center;
		min-width:120px;
	}

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

}


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

  	.nav.menu .menu li a {
	    padding:30px 10px;
	}

	h2 {
  		font-size:1.35em;
  	}

	form label {
		text-align:left;
	}

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

	.parse_time {

		width:100%;
	    padding: 4px;
	}

	.best-time {
		text-align:center;
		min-width:70px;
	}

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

	.reveal.medium {
		width: 100%;
		max-width: 100%;
	}

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

	.row.expand {
		/*margin:5px;*/
		max-width:inherit;
		display:block;
		width:auto;
	}

	.button.small {
	    font-size: 1rem;
	}

	.close-button {
	    font-size: 3em;
	}

	.fa-ul>li {
	    margin-bottom: 5px;
	}

}


@media print{

	body {
		background:transparent;
		font-size:.7em;
		font-family: Arial, sans-serif;
	}

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

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

	.records i {
		color:#999
	}

	img.img {
		width:300px;
	}

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

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

	table, table tbody, tr, th, td {
		border:none;
		padding:0;
		margin:0;

		border-collapse: collapse;
	}

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

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

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

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

	table tr td h2 {
		text-align:center;
		border-bottom:2px solid #000;
	}

	tr.th, tr.th td {
		background:#f4f4f4;
	}

	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 #000 !important;
		border-collapse: collapse;
	}

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

	.page {
		position:absolute;
		height:100%;
		width:96%;
		page-break-after:always;
		overflow:hidden;
	}
	.height-50 {
		height:50% !important;
	}
	.height-50:nth-child(2)  {
		position:absolute;
		top:52.3%;
	}

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

	.columns {
		width:100% !important;
	}

	.main {
		margin:0;
	}

	.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:39px;
		margin:3px 0px;
	}

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

	.num-pad.blk {
		opacity: 1;

	}

}



.masonry-css {
	clear:both;
	margin:10px;
  -webkit-column-count: 1;
     -moz-column-count: 1;
          column-count: 1;
  -webkit-column-gap: 1rem;
     -moz-column-gap: 1rem;
          column-gap: 1rem;
}

@media screen and (min-width: 25em) {
  .masonry-css {
    -webkit-column-count: 1;
       -moz-column-count: 1;
            column-count: 1;
  }
}

@media screen and (min-width: 37.5em) {
  .masonry-css {
    -webkit-column-count: 1;
       -moz-column-count: 1;
            column-count: 1;
  }
}

@media screen and (min-width: 50em) {
  .masonry-css {
    -webkit-column-count: 2;
       -moz-column-count: 2;
            column-count: 2;
  }
}

@media screen and (min-width: 68.75em) {
  .masonry-css {
    -webkit-column-count: 3;
       -moz-column-count: 3;
            column-count: 3;
  }
}

.masonry-css-item {
  -webkit-column-break-inside: avoid;
     page-break-inside: avoid;
          break-inside: avoid;
  margin-bottom: 1rem;
}

.abcRioButton {
	margin:0 auto;
	width: 100% !important;
	display: block;
	}