@charset "utf-8";
/* CSS Document */
* {
  outline: medium none;
  box-sizing: border-box;
}

html {
  -webkit-text-size-adjust:100%;
	font-family: Roboto, arial, sans-serif;
	font-weight:400;
	font-size:14px;
	overflow-y:scroll;
	width:100%;
  margin:0px auto;
	position:relative;
  line-height:1.3;
}

body {
	width:100%;
	margin:0px auto;
	padding:0px;
	box-sizing:border-box;
	background-color:#e8e8e8;
	color:#666;
}

h1, h2, h3, h4 {
  	font-weight:500;
    margin:0px 0px 8px 0px;
}

h1 { font-size: 24px; }
h2 { font-size: 22px; }
h3 { font-size: 18px; }
h4 { font-size: 16px; }

p { margin: 8px 0px; }

b, strong { font-weight:500; }

a:link, a:visited, a:active {
	color: #006699;
	text-decoration: none;
}

a:hover {
	color: #DC181E;
	text-decoration:underline;
}

@media print {
	body {
		background-color:#fff;
		color:#000;
	}
	a:link, a:visited, a:active {
		color: #000;
	}
}

img {
    border: 0 none;
}

.small_text {
	font-size:12px !important;
	line-height:16px !important;
}

th {
	font-weight:500;
}

.show_print_only { display:none; }
@media print {
	.no_print  { display:none !important; }
	.show_print_only { display:block; }
}
@media print and (orientation: portrait) { .no_print_portrait { display:none !important; } }
@media print and (orientation: landscape) { .no_print_landscape { display:none !important; } }
@media screen {	.print_only {	display:none !important;	} }

@media screen and (max-width: 479px) { .lowResHide_480 { display:none !important; } }
@media screen and (max-width: 666px) { .lowResHide_667 { display:none !important; } }
@media screen and (max-width: 799px) { .lowResHide_800 { display:none !important; } }
@media screen and (max-width: 1023px) { .lowResHide_1024 { display:none !important; } }
@media screen and (max-width: 1280px) { .lowResHide_1280 { display:none !important; } }

@media screen and (min-width: 480px) { .highResHide_480 { display:none !important; } }
@media screen and (min-width: 667px) { .highResHide_667 { display:none !important; } }
@media screen and (min-width: 800px) { .highResHide_800 { display:none !important; } }
@media screen and (min-width: 1024px) { .highResHide_1024 { display:none !important; } }
@media screen and (min-width: 1280px) { .highResHide_1280 { display:none !important; } }


/* Begin Top Nav */

#top_nav {
  display:table;
	width:100%;
	box-sizing:border-box;
	padding:5px 10px;
	background-color:#fff;
}

#logo {
	display:table-cell;
	vertical-align:middle;
  width:50px;
}

#logo img {
  width:40px;
  height:40px;
  vertical-align:middle;
}

#top_search {
	display:table-cell;
	vertical-align:middle;
	position:relative;
  white-space:nowrap;
}

#top_search input[type='text'] {
	border:1px solid #e4e4e4;
  background-color:#e4e4e4;
  max-width:400px;
}

#top_search input[type='text']:focus {
	border:1px solid #ccc;
}

#top_search .x_button {
	padding:5px;
	margin:0px 0px 0px -30px;
	height:25px;
	background-color:inherit;
	background-color:#e4e4e4;
	border:none;
	color:#777 !important;
	text-shadow:none;
	cursor:pointer;
	-webkit-appearance:none;
}

#top_search #top_search_results {
	display:none;
	font-size:12px;
	font-weight:300;
	position:absolute;
	top:32px;
	width:100%;
	max-width:360px;
	background-color:#ffffff;
	box-shadow:0px 0px 3px rgba(0,0,0,.25);
	z-index:1000;
	line-height:15px;
	overflow-y:auto;
}

#top_search_results ul {
	list-style: none outside none;
	padding:0px;
	margin:0px;
}

#top_search_results ul li {
	border-bottom:1px solid #ccc;
	border-collapse:collapse;
	padding:5px;
}

#top_search_results ul li:hover {
	background-color:#e8efef;
	cursor:pointer;
}

#menu_button {
	display:table-cell;
	width:50px;
	text-align:right;
}

#menu_button #nav_button {
	padding-left:12px;
	padding-right:12px;
}

@media screen and (min-width: 960px) {
	#menu_button {
		display:none;
	}
}

/* End Top Nav */


/* Begin Side Nav */

#menu_nav {
	background-color:#2f4150;
	color:rgba(255,255,255,.8);
	font-size:16px;
  padding:10px;
  box-sizing:border-box;
}

#menu_nav #user_menu {
  background-color:#fff;
  position:absolute;
  top:90px;
  left:15px;
  width:225px;
  overflow-y: auto;
  border-radius:4px;
  box-shadow:0 5px 5px rgba(0,0,0,.2);
  border:1px solid rgba(0,0,0,.33);
  background-clip: padding-box;
  color:#666;
  padding:15px;
  z-index:1000;
}

#menu_nav #user_menu .user_links {
  margin:0px -15px;
}

#menu_nav #user_menu .user_links a {
  color:#333;
  display:block;
  padding:8px 15px;
}

#menu_nav #user_menu .user_links a:hover {
  background-color:#e4e4e4;
  background-color:rgba(0,0,0,.105);
  color:#000;
}

#menu_nav #user_menu .fas, #menu_nav #user_menu .far  {
  width:1.3em;
}

#menu_nav a {
	color:rgba(255,255,255,.7);
}

#menu_nav a:hover {
	color:rgba(255,255,255,1);
  text-decoration:none;
}

#menu_nav ul, #menu_nav ol {
	position:relative;
	list-style: none outside none;
	padding:0px 0px;
	margin:0px -10px;
}

#menu_nav ul li {
	position:relative;
}

#menu_nav ul li a {
	color:rgba(255,255,255,.7);
	display:block;
	padding:8px 10px;
	border-left:3px solid rgba(255,255,255,0);
}

#menu_nav ul li a:hover, #menu_nav ul li .active {
	color:#fff;
	text-decoration:none;
	border-left:3px solid rgba(255,255,255,.25);
	background-color:rgba(255,255,255,.1);
}

#menu_nav ul li ul {
  margin: 0px 0px;
}

#menu_nav ul li ul li {
	font-size:12px;
	border-top:0px;
	border-bottom:0px;
}

#menu_nav ul li ul li a {
	display:block;
	padding:3px 10px 3px calc(17px + 1.3em);
	color:rgba(255,255,255,.7);
}

#menu_nav ul li .fas, #menu_nav ul li .far {
	width:1.3em;
}

@media screen and (min-width: 960px) {
	#menu_nav {
		display:block !important;
		position:fixed;
		top:0px;
		left:0px;
		bottom:0px;
		width:225px;
		font-size:14px;
    overflow-y: none;
	}

  #menu_nav #user_menu {
    top:37px;
  }

  body {
		padding-left:225px;
	}
}

/* End Side Nav */

#main_body {
	margin:10px 10px;
}

#footer {
  margin-top:30px;
  background-color:#fff;
  padding:10px;
}

@media screen and (min-width: 800px) {
	#main_body {
		margin:16px 16px;
	}

  #footer {
    padding:10px 16px;
  }
}

@media print {
	#main_body {
		margin: 0px;
	}
}


.blue, a.blue, .green, a.green, .orange, a.orange, .red, a.red, .gray, a.gray {
	color:#fff;
	text-shadow:0px 0px 1px rgba(0,0,0,.5);
}

.yellow, a.yellow {
	color:#5b6300;
}

.blue {	background-color:#258ac1 !important;border-color:#258ac1 !important; }
a.blue:hover, input.blue:hover {	background-color:#157ab1 !important;border-color:#157ab1 !important; }
.blue_hollow { color:#258ac1 !important;text-shadow:none !important;font-weight:500 !important;background-color:#fff !important;border-color:#258ac1 !important; }
a.blue_hollow:hover, input.blue_hollow:hover { color:#157ab1 !important;background-color:#fff !important;border-color:#157ab1 !important; }

.green { background-color:#25bc8d !important;border-color:#25bc8d !important; }
a.green:hover, input.green:hover { background-color:#15ac7d !important;border-color:#15ac7d !important; }
.green_hollow {	color:#25bc8d !important;text-shadow:none !important;font-weight:500 !important;background-color:#fff !important;border-color:#25bc8d !important; }
a.green_hollow:hover, input.green_hollow:hover { color:#15ac7d !important;background-color:#fff !important;border-color:#15ac7d !important; }

.yellow { background-color:#F8F8BB !important;border-color:#F8F8BB !important; }
a.yellow:hover, input.yellow:hover { background-color:#E8E8AB !important;border-color:#E8E8AB !important; }
.yellow_hollow {	color:#5b6300 !important;text-shadow:none !important;font-weight:500 !important;background-color:#fff !important;border-color:#F8F8BB !important; }
a.yellow_hollow:hover, input.yellow_hollow:hover { color:#5b6300 !important;background-color:#fff !important;border-color:#e1e14d !important; }

.orange {	background-color:#f1a95d !important;border-color:#f1a95d !important; }
a.orange:hover, input.orange:hover {	background-color:#e1994d !important;	border-color:#e1994d !important; }
.orange_hollow { color:#f1a95d !important;text-shadow:none !important;font-weight:500 !important;background-color:#fff !important;border-color:#f1a95d !important; }
a.orange_hollow:hover, input.orange_hollow:hover { color:#e1994d !important;background-color:#fff !important;border-color:#e1994d !important; }

.red {	background-color:#e24b69 !important;border-color:#e24b69 !important; }
a.red:hover, input.red:hover {	background-color:#d23b59 !important;border-color:#d23b59 !important; }
.red_hollow { color:#e24b69 !important;text-shadow:none !important;font-weight:500 !important;background-color:#fff !important;border-color:#e24b69 !important; }
a.red_hollow:hover, input.red_hollow:hover { color:#d23b59 !important;background-color:#fff !important;border-color:#d23b59 !important; }

.gray {	background-color:#767676 !important;border-color:#767676 !important; }
a.gray:hover, input.gray:hover {	background-color:#666666 !important;border-color:#666666 !important; }
.gray_hollow { color:#767676 !important;text-shadow:none !important;font-weight:500 !important;background-color:#fff !important;border-color:#767676 !important; }
a.gray_hollow:hover, input.gray_hollow:hover { color:#666666 !important;background-color:#fff !important;border-color:#666666 !important; }

.blue_text {
	color:#258ac1 !important;
}

.green_text {
	color:#25bc8d !important;
}

.yellow_text {
	color:#f1f15d !important;
}

.orange_text {
	color:#f1a95d !important;
}

.red_text {
	color:#e24b69 !important;
}

.gray_text {
	color:#767676 !important;
}

/* Notification Boxes */

.notification_box {
	margin:0px 0px;
}

.notification_box_info, .notification_box_success, .notification_box_warning, .notification_box_error, .notification_box_gray  {
  margin: -10px -10px 10px -10px;
  padding:10px;
	clear:both;
	border-style:solid;
	border-width:1px;
	border-left-width:8px;
	border-right-width:8px;
	overflow:hidden;
	color:#333;
}

@media screen and (min-width: 800px) {
  .notification_box_info, .notification_box_success, .notification_box_warning, .notification_box_error, .notification_box_gray  {
    margin: -16px -16px 16px -16px;
  }
}

.notification_box_info {
	border-color:#258ac1;
	background-color:#b6d8ea;
}

.notification_box_success {
	border-color:#25bc8d;
	background-color:#b6e9d9;
}

.notification_box_warning {
	border-color:#f1a95d;
	background-color:#fae2c9;
}

.notification_box_error {
	border-color:#e24b69;
	background-color:#f5c3cd;
}

.notification_box_gray {
	border-color:#767676;
	background-color:#d1d1d1;
}

.notification_box_info a, .notification_box_success a, .notification_box_warning a, .notification_box_error a  {
	text-decoration:underline;
}

/* End Notification Boxes */


/* Begin Forms */

input, textarea, password, select {
  box-sizing:border-box;
  -webkit-appearance:none;
  font-family:Roboto, arial, sans-serif;
  font-size:14px;
  line-height:20px;
  padding:7px 8px 7px 8px;
  margin:3px 0px;
  border:none;
  border-radius:3px;
  /*background-color:#e4e4e4;*/
  background-color:#f8f8f8;
  border:1px solid #ccc;
  color:#333;
  vertical-align:middle;
}

input:focus, textarea:focus, password:focus, select:focus {
  background-color: lightyellow;
	border-color:#26abe2;
}

input[type=file] {
  height:36px;
  border:none;
  padding:0px;
}

select {
  padding:7px 8px 7px 5px;
  height:36px;
}

/*
.file_upload {
  box-sizing:border-box;
  font-family:Roboto, arial, sans-serif;
  font-size:14px;
  line-height:18px;
  padding:8px 8px 8px 8px;
  border-radius:3px;
  background-color:#f8f8f8;
  border:1px solid #ccc;
  color:#333;
  display: inline-block;
  cursor: pointer;
  vertical-align:middle;
  margin:3px 0px;
}
*/

input[type=text], input[type=password], textarea, input[list], input[type=email], input[type=tel], input[type=number], input[type=url] {
  width:100%;
}

input[type=radio], input[type=checkbox] {
	-webkit-appearance:checkbox;
  margin:0px 3px 0px 0px;
}

input[type=button], input[type=submit], input[type=reset] {
  padding:7px 18px 7px 18px;
  background-color:#258ac1;
  color:#fff;
  text-shadow:0px 0px 1px rgba(0,0,0,.5);
  white-space:nowrap;
  cursor:pointer;
  margin:3px 0px;
  border-radius:4px;
  border-color:#258ac1;
}

input[type=button]:hover, input[type=submit]:hover, input[type=reset]:hover, input[type=button]:active, input[type=submit]:active, input[type=reset]:active {
  background-color:#157ab1;
}

a.button_large, input.button_large {
  display:inline-block;
  box-sizing:border-box;
  padding:11px 20px 11px 20px;
	font-size:16px;
	line-height:20px;
	font-weight:400;
	margin:3px 0px;
	border-radius:4px;
	border-width:1px;
	border-style:solid;
	text-decoration:none;
	white-space:nowrap;
  vertical-align:middle;
}

a.button_medium, input.button_medium {
  display:inline-block;
  box-sizing:border-box;
  padding:8px 18px 8px 18px;
	font-size:16px;
	line-height:18px;
	font-weight:400;
	margin:3px 0px;
	border-radius:4px;
	border-width:1px;
	border-style:solid;
	text-decoration:none;
	white-space:nowrap;
  vertical-align:middle;
}

a.button_small, input.button_small {
  display:inline-block;
  box-sizing:border-box;
  padding:3px 14px 3px 14px;
	font-size:12px;
	line-height:16px;
	font-weight:400;
	margin:3px 0px;
	border-radius:4px;
	border-width:1px;
	border-style:solid;
	text-decoration:none;
	white-space:nowrap;
  vertical-align:middle;
}

.filter_form_field {
  display:inline-block;
  margin-right:8px;
}

.g-recaptcha > div {
  margin:0px auto;
}

label {
  color:#333;
}

.form_label {
  margin-top:8px;
}

.form_label_text {
  margin-top:8px;
}

.form_field {
	margin:0px;
	margin-bottom:8px;
}

.form_field p {
  margin-top:12px;
}

.form_field_text {
	margin:0px;
	padding-bottom:8px;
  border-bottom:1px solid rgba(0,0,0,.05);
}

@media (min-width: 667px) {
  .form_row {
    display:table;
    width:100%;
    max-width:1440px;
    margin:0px auto;
  }

  .form_label {
    display:table-cell;
    margin:0px;
		width:30%;
    max-width:120px;
		vertical-align:top;
		text-align:right;
		box-sizing: border-box;
    padding:20px 8px 8px 0px;
  }

  .form_label_text {
    display:table-cell;
    margin:0px;
		width:30%;
    max-width:120px;
		vertical-align:top;
		text-align:right;
		box-sizing: border-box;
    padding:8px 8px 8px 0px;
    border-bottom:1px solid rgba(0,0,0,.05);
  }

  .form_field {
    display:table-cell;
    margin:0px;
    width:auto;
		vertical-align:top;
		box-sizing:border-box;
    padding:8px 0px 8px 8px;
  }

  .form_field_text {
    display:table-cell;
    margin:0px;
    width:auto;
		vertical-align:top;
		box-sizing:border-box;
    padding:8px 0px 8px 8px;
  }
}

form label abbr[title="required"] {
  cursor: default;
  color: #e24b69;
  top: -1px;
  position: relative;
  border-bottom: none;
  text-decoration: none;
}

/* End Forms */


.page_header {
  display:flex;
  flex-direction:row;
  flex-wrap:wrap;
  justify-content:space-between;
  align-items:stretch;
  margin:-10px -10px 8px -10px;
  padding:8px 10px 8px 10px;
  background-color:#fff;
  border-top:1px solid #ccc;
}

.breadcrumbs {
  flex-grow:1;
  align-self:center;
}

.page_header_links {
  float:right;
  flex-grow:1;
  align-self:center;
  text-align:right;
  margin-left:8px;
}

@media (min-width: 800px) {
  .page_header {
    margin:-16px -16px 8px -16px;
    padding:8px 16px 8px 16px;
  }
}

.dropdown_parent {
  position:relative;
}

.dropdown_button {

}

.dropdown_menu {
  display:none;
  background-color:#fff;
  position:absolute;
  top:1em;
  left:auto;
  min-width:220px;
  text-align:left;
  overflow:auto;
  border-radius:4px;
  box-shadow:0 5px 5px rgba(0,0,0,.2);
  border:1px solid rgba(0,0,0,.2);
  background-clip: padding-box;
  color:#666;
  padding:7px 0px;
  z-index:1000;
  list-style: none outside none;
  font-size:13px;
}

.dropdown_menu .fas, .dropdown_menu .far {
  width:1.3em;
}

.dropdown_menu.drop_right {
  right:0px;
}

.dropdown_menu.drop_left {
  left:0px;
}

.dropdown_menu li {
  display:block;
  white-space:nowrap;
}

.dropdown_menu a {
  display:block;
  padding:7px 14px;
  color:#444;
}

.dropdown_menu a:hover {
  text-decoration:none;
  background-color:rgba(0,0,0,.075);
  color:#000;
}

.disabled {
  opacity:.5;
}


.login_container {
  margin:25px auto 50px auto;
  text-align:center;
}

.login_container .logo {
  text-align:center;
  margin-bottom:25px;
}

.login_container .logo img {
  width:100px;
  height:100px;
  vertical-align:middle;
}

.login_block {
  box-sizing: border-box;
  background-color:#fff;
  vertical-align:top;
	overflow:hidden;
  margin:20px auto 40px auto;
  border:none;
  box-shadow:0 2px 1px -1px rgba(0,0,0,.2),0 1px 1px 0 rgba(0,0,0,.14),0 1px 3px 0 rgba(0,0,0,.12);
  padding:15px;
  text-align:left;
}

.block {
  box-sizing: border-box;
  background-color:#fff;
	/*overflow:hidden;*/
  margin:0px 0px 16px 0px;
  border:none;
  /*box-shadow:0 2px 1px -1px rgba(0,0,0,.2),0 1px 1px 0 rgba(0,0,0,.14),0 1px 3px 0 rgba(0,0,0,.12);*/
  padding:10px 10px;
  border-radius:4px;
}

@media print {
	.login_block, .block {
		border:1px solid #ccc;
    box-shadow:none;
	}
}

@media (min-width: 480px) {
  .login_block {
    max-width:480px;
  }
}

@media (min-width: 667px) {
  .login_block {
    padding:25px;
    max-width:540px;
  }
}

@media (min-width: 800px) {
  .block {
    padding:10px 15px;
  }
}

.block_title {
  font-weight:500;
  font-size:16px;
}

.block_title h1, .block_title h2, .block_title h3, .block_title h4 {
  padding:0px;
  margin:0px;
}

.block table.dataTable {
  margin-left:-10px;
	margin-right:-10px;
	width:calc(100% + 20px);
}

@media (min-width: 800px) {
  .block table.dataTable {
    margin-left:-15px;
  	margin-right:-15px;
  	width:calc(100% + 30px);
  }
}

.data_table tr td img {
  vertical-align:middle;
}


.flex_container {
  margin:0px -8px;
  display:flex;
  flex-direction:row;
  flex-wrap:wrap;
  justify-content:flex-start;
  align-items:stretch;
}

.flex_item {
  flex:auto;
  margin:8px 8px 8px 8px;
  width:288px;
  max-width:592px;
  flex-grow:1;
}

@media (min-width: 667px) {
  .grid {
    display:grid;
    margin-bottom:0px;
    grid-column-gap:16px;
    grid-row-gap:0px;
    grid-template-columns: 1fr 1fr;
    grid-auto-rows:auto;  /*item height*/
    justify-items:stretch;
    /*align-items:start;*/
    align-items:stretch;
  }
}


.side_menu {
  border-top:1px solid rgba(0,0,0,.1);
  margin-bottom:16px;
}

.side_menu_title {
  cursor:pointer;
  display:block;
  padding:8px 8px;
  border-bottom:1px solid rgba(0,0,0,.1);
  color:#000;
}

@media (min-width: 667px) {
  .side_menu {
    border-radius:4px;
    background-color:#fff;
    padding:4px 0px;
    display:block !important;
  }
  .side_menu_title {
    display:none;
  }
}

.side_menu a {
  display:block;
  padding:8px 8px;
  border-bottom:1px solid rgba(0,0,0,.1);
  color:#444;
}

.side_menu a.active {
  background-color:#157AB1 !important;
  color:#fff !important;
}

.side_menu a:hover, .side_menu a.active:hover {
  background-color:#157AB155;
  color:#222;
  text-decoration:none;
}

.side_menu a:last-of-type {
  border-bottom:none;
}

.popup_mask {
  position:fixed;
  top:0;
  right:0;
  bottom:0;
  left:0;
  z-index:100;
  background:rgba(0,0,0,0.7);
  display:none;
}
.popup_outer {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	z-index: 110;
  display:none;
}
.popup_inner {
  position:relative;
  width:96%;
  max-width:670px;
  box-sizing: border-box;
  margin-left: auto;
	margin-right:auto;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
  border-radius:4px;
  border-top:5px solid #157AB1;
  background-color:#FFFFFF;
  z-index:110;
  text-align:left;
  padding:0px;
}
.popup_header {
  padding:5px 10px;
  margin-bottom:5px;
  border-bottom:1px solid #ddd;
}
.popup_title {
  font-size:20px;
}
.popup_close {
  float:right;
  font-size:24px;
  margin-top:-2px;
}
.popup_close a {
}
.popup_content {
  padding:10px;
}
@media (min-width: 667px) {
  .popup_header {
    padding:5px 15px;
  }
  .popup_content {
    padding:10px 15px 15px 15px;
  }
}

#column_selection {
	margin:8px 0px;
}

#column_selection label {
	margin-right:10px;
	font-weight:normal;
  white-space:nowrap;
}

/*
@media print {
	body,input,select {
		font-size:.8571em;
	}
}
*/