@charset "utf-8";

html {
overflow-y: scroll;
}

body {
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
font-family: 'Inter';
color: #333333;
background-color:#f2f2f2;
}

a {
text-decoration: none;
color: #003972;
margin:0px;
padding:0px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
transition: all 0.2s ease-in-out;
}

a:hover {
color: #dd8500;
padding-left:5px;
}

textarea:focus, input:focus{
    outline: none;
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:active,
input:-webkit-autofill:focus {
    background-color: #FFFFFF !important;
    color: #555 !important;
    -webkit-box-shadow: 0 0 0 1000px white inset !important;
    -webkit-text-fill-color: #555555 !important;
}

.login_input {
width:100%;
padding:10px;
border:1px solid #CCCCCC;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}

.login_input_error {
width:100%;
padding:10px;
border:1px solid #FF0000;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}

.login_input_none {
display:none
}

.tcs {
display:inline-block; width:calc(100% - 90px);
font-size:12px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}

.no_file_button {
display:inline-block;
width:100%;
padding:10px;
background-color: #CCCCCC;
color:#FFFFFF;
margin-left:auto;
margin-right:0px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}

.file_button {
display:inline-block;
width:100%;
padding:10px;
background-color:#003972;
color:#FFFFFF;
margin-left:auto;
margin-right:0px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}

.file_button:hover {
cursor: pointer
}

.decline_button {
display:inline-block;
width:85px;
padding:10px;
background-color:#FF0000;
color:#FFFFFF;
margin-left:auto;
margin-right:0px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}

.decline_button:hover {
cursor: pointer
}

.login_button {
display:inline-block;
width:85px;
padding:10px;
background-color:#1878ad;
color:#FFFFFF;
margin-left:auto;
margin-right:0px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
transition: all 0.2s ease-in-out;
}

.login_button_none {
display:none
}

.login_button:hover {
cursor: pointer;
padding-left:15px;
background-color:#dd8500;
}

.form_label {
display:inline-block;
width:100px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}

.form_input {
display:inline-block;
width:calc(100% - 100px);
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}

.form_50 {
display:inline-block;
width:50%;
padding:10px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}

.register {
display:block;
width:100%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}

.form_helper {
display:table-cell;
background-color: #1878ad;
color: #FFFFFF;
border:1px solid #666666;
border-left:none;
width:30px;
}

.form_helper:hover {
display:table-cell;
background-color:#003972;
color:#FFFFFF;
border:1px solid #666666;
border-left:none;
width:30px;
cursor:pointer;
}

.side_menu {
display:inline-block;
background-color: #1878ad;
color:#FFFFFF;
border:1px solid #1878ad;
width:250px;
height:200px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
vertical-align:top
}

.no_side_menu {
display:none;
background-color: #003972;
color:#FFFFFF;
border:1px solid #666666;
width:250px;
height:200px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
vertical-align:top
}

.main_content {
display:inline-block;
width:calc(100% - 250px);
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
vertical-align:middle
}

.forms {
display:table;
width:calc(100% - 40px);
margin-left:20px;
margin-right:20px;
margin-top:20px;
background-color:#FFFFFF;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
vertical-align:middle
}

.welcome_forms {
display:table;
width:calc(100% - 40px);
margin-left:20px;
margin-right:20px;
margin-top:20px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
vertical-align:middle
}

.forms_hide {
display:none;
}

.form_headers {
padding:10px;
border:1px solid #FFFFFF;
text-align:center;
color:#FFFFFF;
background-color:#1878ad;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}

.review_cell {
padding:10px;
border:1px solid #666666;
text-align:left;
width:calc(50% - 125px);
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}

.form_labels {
display:inline-block;
width:300px;
text-align:left;
vertical-align:middle;
padding-left:10px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}

.form_inputs {
display:inline-block;
padding:5px;
width:calc(100% - 300px);
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}

.review_input_field_orange {
width:100%;
padding:10px;
padding-top:11px;
border:none;
background-color:#FFFFFF;
font-family: 'Inter';
color: #CC6600;
letter-spacing:1px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}

.review_input_field_green {
width:100%;
padding:10px;
padding-top:11px;
border:none;
background-color:#FFFFFF;
font-family: 'Inter';
color: #006600;
letter-spacing:1px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}

.form_input_field {
width:100%;
padding:10px;
border:1px solid #CCCCCC;
background-color:#FFFFFF;
font-family: 'Inter';
color: #333333;
letter-spacing:1px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}


.form_input_field_option {
width:100%;
padding:10px;
border:1px solid #CCCCCC;
background-color:#FFFFFF;
font-family: 'Inter';
color: #333333;
letter-spacing:1px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}

.form_input_field_error {
width:100%;
padding:10px;
font-family: 'Inter';
border:1px solid #FF0000;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}


.form_action_true {
color:#006600;
text-align:right;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}

.form_action_false {
color: #FF0000;
text-align:right;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}

.table_100 {
display:table;
width:100%
}

.table_95 {
display:table;
width:95%;
max-width:600px;
margin:auto;
}

.table_white {
display:table;
width:100%;
background-color:#FFFFFF;
border:1px solid #000000;
}

.table_row {
display:table-row
}

.table_cell_center {
display:table-cell;
text-align:center;
vertical-align:middle;
}

.table_cell_0 {
display:table-cell;
padding:0px
}

.table_cell_10 {
display:table-cell;
padding:10px
}

.table_cell {
display:table-cell;
}

.table_cell_heading {
display:table-cell;
padding:10px;
background-color:#1878ad;
color:#FFFFFF;
}

.error {
display:none;
}

.error_cell {
display:table-cell;
padding:10px;
color:#FF0000
}

.logo {
width:35%;
margin:auto;
max-width:155px
}

.href {
color:#dd8500
}

.retrieve_error {
display:table-cell;
padding:10px;
font-size:12px;
}

@media only screen and (max-width: 600px) {

.tcs {
display:block;
width:95%;
margin:auto;
font-size:12px;
margin-bottom:10px;
}


.form_label {
display:block;
width:100%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}

.form_input {
display:block;
width:100%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}

.form_50 {
display:block;
width:100%;
padding:10px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}

.side_menu {
display: none
}

.main_content {
display:block;
width:98%;
margin:auto;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
vertical-align:middle
}

.form_labels {
display:block;
width:98%;
text-align:center;
padding-top:5px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}

.form_inputs {
display:block;
width:98%;
text-align:center;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}

}