:root {
/*V4 color Variables*/
  --b2ggreen-50: #f3f8f5;
  --b2ggreen-100: #e6f1ea;
  --b2ggreen-200: #c5dfce;
  --b2ggreen-300: #9dc3ab;
  --b2ggreen-400: #6ea681;
  --b2ggreen-500: #275e37;
  --b2ggreen-600: #225532;
  --b2ggreen-700: #1d4a2c;
  --b2ggreen-800: #173f26;
  --b2ggreen-900: #123520;
  --b2ggreen-950: #0d2b1b;
  --b2gblue-50: #E6EEFF;
  --b2gblue-100: #CCDDFF;
  --b2gblue-200: #99BBFF;
  --b2gblue-300: #6699FF;
  --b2gblue-400: #3366CC;
  --b2gblue-500: #012169;
  --b2gblue-600: #001C59;
  --b2gblue-700: #00164A;
  --b2gblue-800: #00103A;
  --b2gblue-900: #000A2B;
  --b2gblue-950: #00051D;
  --green-50: #ECF7F0;
  --green-100: #D8EEDD;
  --green-200: #B8E0C3;
  --green-300: #8FCEA4;
  --green-400: #68B983;
  --green-500: #47955E;
  --green-600: #3E8454;
  --green-700: #35734A;
  --green-800: #2C623F;
  --green-900: #224F33;
  --green-950: #183C28;
  --red-50: #FBEAEA;
  --red-100: #F5D0D0;
  --red-200: #EAA6A6;
  --red-300: #DF7B7B;
  --red-400: #D55555;
  --red-500: #C14A4A;
  --red-600: #A94040;
  --red-700: #8F3535;
  --red-800: #752B2B;
  --red-900: #5C2121;
  --red-950: #421717;
  --orange-50: #fff7ed;
  --orange-100: #ffedd5;
  --orange-200: #fed7aa;
  --orange-300: #fdba74;
  --orange-400: #fb923c;
  --orange-500: #f97316;
  --orange-600: #ea580c;
  --orange-700: #c2410c;
  --orange-800: #9a3412;
  --orange-900: #7c2d12;
  --orange-950: #431407;
  --yellow-50: #FFF8E7;
  --yellow-100: #FEEFC6;
  --yellow-200: #FDE59E;
  --yellow-300: #FCD974;
  --yellow-400: #F7CD57;
  --yellow-500: #F6C64D;
  --yellow-600: #DFA93E;
  --yellow-700: #BD8631;
  --yellow-800: #996624;
  --yellow-900: #6B4718;
  --yellow-950: #3F2A0D;
  --slate-50: #f8fafc;
  --slate-100: #f1f5f9;
  --slate-200: #e2e8f0;
  --slate-300: #cbd5e1;
  --slate-400: #94a3b8;
  --slate-500: #64748b;
  --slate-600: #475569;
  --slate-700: #334155;
  --slate-800: #1e293b;
  --slate-900: #0f172a;
  --slate-950: #020617;
}

* {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

@font-face {
	font-family: 'Open Sans';
	src: url('/includes/fonts/OpenSans-Regular.ttf');
	font-weight: normal;
	font-style: normal;
}

@font-face {
    font-family: 'Open Sans Bold';
    src: url('/includes/fonts/OpenSans-Bold.ttf');
    font-weight: bold;
    font-style: normal;
}

Body {
	font-family: 'Open Sans';
	font-size: 12px;
	font-variant-ligatures: none !important;
	font-feature-settings: "liga" 0;
}
	
input, select, textarea {
	font-family: 'Open Sans Bold';
	font-size: 12px;
	color: blue;
}
	
input[type="button"] {
	color: black;
	font-family: 'Open Sans';
}

input[type="checkbox"] {
	transform: scale(1.5);
	-ms-transform: scale(1.5);
	-webkit-transform: scale(1.5);
	padding: 5px;
	margin: 4px 4px 10px 4px;
}

input[type="radio"] {
	transform: scale(1.5);
	-ms-transform: scale(1.5);
	-webkit-transform: scale(1.5);
	padding: 5px;
	margin: 4px 4px 4px 4px;
}

input:disabled, select:disabled, textarea:disabled, input.disabled, select.disabled, textarea.disabled {
    color:#666;
}
	
h1 {
	font-size: 18px;
	font-family: 'Open Sans Bold';
}

p {
	margin: 0 0 10px 0;
}
	
.small_text {
	font-size: 10px;
}

.bold_text, strong, b {
    font-family: 'Open Sans Bold';
    font-weight: bold;
}

.button_box { width: 100%; text-align: center; padding: 20px; }
.button_box.left_align { text-align: left; padding-left: 0px; }
.button_box.right_align { text-align: right; padding-right: 0px; }
	
.content_box {
	font-size: 12px;
	margin: 15px 0 15px 0;
}

.success_message {
	font-family: 'Open Sans Bold';
	font-size: 120%;
	text-align: center;
	background: green;
	color: white;
	padding: 15px;
	margin: 15px 0 15px 0;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-ms-border-radius: 3px;
	border-radius: 3px;	
}

.error_message {
	font-family: 'Open Sans Bold';
	font-size: 120%;
	text-align: center;
	background: red;
	color: white;
	padding: 15px;
	margin: 15px 0 15px 0;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-ms-border-radius: 3px;
	border-radius: 3px;
}

.warning_message {
	font-family: 'Open Sans Bold';
	font-size: 120%;
	text-align: center;
	background: yellow;
	color: black;
	padding: 15px;
	margin: 15px 0 15px 0;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-ms-border-radius: 3px;
	border-radius: 3px;
}

.required_instruction {
	color: #cc0000;
	font-family: 'Open Sans Bold';
	font-size: 80%;
	margin-bottom: -25px;
}

.required_entry {
	color: red;
	font-weight: bold;
}

.section_box { 
	margin: 30px 0 30px 0; 
	padding: 10px; 
	border: 1px solid gray;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-ms-border-radius: 3px;
	border-radius: 3px;
	-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
	-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
}

.section_box.no_border { 
	padding: 0; 
	border: none;
	-webkit-border-radius: none;
	-moz-border-radius: none;
	-ms-border-radius: none;
	border-radius: none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}

.section_box .title { font-size: 16px; font-family:'Open Sans Bold'; background-color: #E0E0E0; margin: -10px -10px 10px -10px; padding: 10px 10px 10px 10px; font-weight: bold; border-top-left-radius: 2px; border-top-right-radius: 2px; }
.section_box .title_button { text-align: right; margin-top: -48px; margin-bottom: 14px; }
.section_box .title_edit_button { text-align: right; margin-top: -45px; margin-bottom: 18px; }
	
.section_box .instructions { font-size: 12px; margin: 10px 0 10px 0; }

.section_box .field_label { text-transform: uppercase; /*padding-top: 6px;*/ }
.section_box .field_data { font-family: 'Open Sans Bold'; }

.section_box .field_list td { border-bottom: 1px solid #E0E0E0; }
	
.section_box .tabulation th { /*border-bottom: 1px solid gray;*/ background: #F0F0F0; font-size: 80%; font-family: 'Open Sans Bold'; /*text-align: center;*/ }
.section_box .tabulation tr.inactive, .section_box .tabulation_nohover tr.inactive, .section_box .tabulation_grid tr.inactive { background-color:#F0F0F0;color:#808080; }
.section_box .tabulation tr.bgRed, .section_box .tabulation_nohover tr.bgRed, .section_box .tabulation_grid tr.bgRed { background-color:#FFCCCC; }
.section_box .tabulation tr.bgGreen, .section_box .tabulation_nohover tr.bgGreen, .section_box .tabulation_grid tr.bgGreen { background-color:#D9FFCC; }
.section_box .tabulation tr:hover { background-color: #F0F0F0 }
.section_box .tabulation td { /*border-bottom: 1px solid gray;*/ }
.section_box .tabulation .data { }
.section_box .tabulation .data_caps { text-transform: uppercase; }
.section_box .tabulation .data_small { font-size: 80%; }

.section_box .tabulation_nohover th { /*border-bottom: 1px solid gray;*/ background: #F0F0F0; font-size: 80%; font-family: 'Open Sans Bold'; /*text-align: center;*/ }
.section_box .tabulation_nohover td { /*border-bottom: 1px solid gray;*/ }
.section_box .tabulation_nohover .data { }
.section_box .tabulation_nohover .data_caps { text-transform: uppercase; }
.section_box .tabulation_nohover .data_small { font-size: 80%; }

.section_box .tabulation_grid th { border-bottom: 1px solid gray; background: #F0F0F0; font-size: 80%; font-family: 'Open Sans Bold'; text-align: center; }
.section_box .tabulation_grid td { border-bottom: 1px solid #E0E0E0; }
.section_box .tabulation_grid tr:hover { background-color: #F0F0F0 }
.section_box .tabulation_grid .data { }		
.section_box .tabulation_grid .data_caps { text-transform: uppercase; }
.section_box .tabulation_grid .data_small { font-size: 80%; }
/*Same styling as .section_box .tabulation_grid th*/
.section_box .tabulation_grid header { border-bottom: 1px solid gray; background: #F0F0F0; font-size: 80%; font-family: 'Open Sans Bold'; text-align: center; }

.section_box .tabulation_grid_nohover th { border-bottom: 1px solid gray; background: #F0F0F0; font-size: 80%; font-family: 'Open Sans Bold'; text-align: center; }
.section_box .tabulation_grid_nohover td { border-bottom: 1px solid #E0E0E0; }
.section_box .tabulation_grid_nohover .data { }		
.section_box .tabulation_grid_nohover .data_caps { text-transform: uppercase; }
.section_box .tabulation_grid_nohover .data_small { font-size: 80%; }
.section_box .tabulation_grid_nohover header { border-bottom: 1px solid gray; background: #F0F0F0; font-size: 80%; font-family: 'Open Sans Bold'; text-align: center; }

.navigation_box {
	width: 100%;
	text-align: left;
	font-size: 80%;
	margin-top: -30px;
}
	
.radio_button {
	padding-left: 25px;
	text-indent: -25px;
}
	
.radio_button_big {
	padding-left: 27px;
	text-indent: -27px;
	margin-bottom: 5px;
}
	
.radio_button_large {
	padding-left: 27px;
	text-indent: -27px;
	margin-bottom: 5px;
}
	
.radio_button.big {
	padding-left: 31px;
	text-indent: -31px;
}

.scale125 {
        transform: scale(1.25);
        -ms-transform: scale(1.25);
        -webkit-transform: scale(1.25);
        padding: 5px;
        margin: 4px 8px 4px 4px;
}

.scale150 {
        transform: scale(1.5);
        -ms-transform: scale(1.5);
        -webkit-transform: scale(1.5);
        padding: 5px;
        margin: 4px 8px 4px 4px;
}

.instructions_above {
	font-size: 80%;
	font-weight: normal;
	margin-bottom: 10px;
}

.instructions_below {
	font-size: 80%;
	font-weight: normal;
	margin-top: 10px;
}

.datepick-popup { font-size: 16px; }
.datepick { width: 218px !important; }	
.datepick-month-row { width: 214px !important; }	
.datepick-month { width: 214px !important; }

.checkbox_list { margin-top: 3px; }
.checkbox_list label {
  display: block;
  padding-left: 15px;
  text-indent: -15px;
}
.checkbox_list input {
  width: 13px;
  height: 13px;
  padding: 0;
  margin:0;
  vertical-align: bottom;
  position: relative;
  top: -1px;
  *overflow: hidden;
}

.div_table {
  display: table;
  width: 100%;
  overflow: auto;
}
.div_table_cell {
  display: table-cell;
  padding: 5px;
}
.div_table_row {
  display: table-row;
  overflow: auto;
}
.label_col {
  width: 30%;
}
.input_col {
  width: 70%;
}

input::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #666666;
  opacity: 1; /* Firefox */
  font-family: 'Open Sans';
}

::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #666666;
  opacity: 1; /* Firefox */
  font-family: 'Open Sans';
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #666666;
  font-family: 'Open Sans';
}

::-ms-input-placeholder { /* Microsoft Edge */
  color: #666666;
  font-family: 'Open Sans';
}

.ms-search input {
	font-family: "Open Sans Bold";
}

.ms-choice {
	font-family: "Open Sans Bold";
}