/* LOCATION OF ORIGINAL FILE: /data/web_apps/MODE/intelliapp/css/mobile_first_style.css */

/* grey-old: #edeff1 */

#content_body {
    border: none;
    font-family: sans-serif;
    overflow-x: hidden;
}

#progressbar_container {
    /* display: block; */
    font-size: 14px;
    font-family: sans-serif;
    padding: 15px 5% 0;
    width: 100%;
    box-sizing: border-box;
}

#progressbar_container td {
    display: block;
    width: 100%;
    text-align: center;
    padding-bottom: 5px;
    font-size: 1em;
}
#progressbar_container td:first-child {
    display: none;
}

#progressbar {
    position: relative;
    border: none;
    background: #efefef;
    max-width: 400px;
    margin: auto;
    height: 24px !important;
    border-radius: 5px;
    overflow: hidden;
}

#progressbar .ui-progressbar-value {
    height: 100%;
    background: #1787de;
}

#progressbar::after {
    position: absolute;
    content: "Completion Progress";
    top: 3px;
    left: 0;
    right: 0;
    text-align: center; 
    z-index: 5;
    color: #555;
}

.form-group center strong,
.page_title_container {
    /* display: block;
    font-family: sans-serif;
    margin-bottom: 20px;
    text-align: center;
    font-size: 1.2em;
    letter-spacing: 1px;
    font-weight: 300;
    width: 100%;
    padding: 8px 0px;
    color: #555;
    background: rgb(238,238,238);
    background: -moz-linear-gradient(top, rgba(238,238,238,1) 0%, rgba(221,221,221,1) 100%);
    background: -webkit-linear-gradient(top, rgba(238,238,238,1) 0%,rgba(221,221,221,1) 100%);
    background: linear-gradient(to bottom, rgba(238,238,238,1) 0%,rgba(221,221,221,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#dddddd',GradientType=0 ); */
    display: block;
    border-bottom: 1px solid #ccc;
    padding-bottom: 5px;
    margin: auto;
    margin-bottom: 15px;
    font-size: 23px;
    letter-spacing: 1px;
    width: 90%;
    max-width: 500px;
    font-family: sans-serif;
    text-align: left;
    font-weight: normal;
}
.form-group center strong {
    width: 100%;
}

.lower_nav_wrapper {
    padding-top: 70px;
}

#lower_nav {
    border-radius: 0;
    border: none;
}

#lower_nav .navbk_button,
#lower_nav .navfw_button {
    height: auto;
}

#lower_nav button {
    border: none;
    border-radius: 0;
}
/*  */
/*  */
/*  */
::-moz-selection {
    background-color: #FFD296;
}
::selection {
    background-color: #FFD296;
}

select::-ms-expand {
    display: none;
}

#personal_information_page_content {
    /* font-family: sans-serif; */
}

.form-group {
    text-align: left;
    font-size: 18px;
    padding-top: 15px;
    margin: 0 auto 20px auto;  
    font-family: sans-serif; 
    max-width: 500px;
}

.form-group.pre_signature_info {
    margin-bottom: 0;
    padding-bottom: 0;
}

.form-group.signature_block {
    padding-top: 0;
    max-width: none;
}

.form-group-title {
    border-bottom: 1px solid #ccc;
    padding-bottom: 5px;
    margin-bottom: 15px;
    font-size: 1.2em;
    letter-spacing: 1px;
}

.bordered_input_section {
    border: 1px solid #ccc;
    border-radius: 4px;
    padding: 10px;
    margin-bottom: 20px;
}

.input-subsection-items {
    padding-left: 20px;
}

.input-item-wrapper {
    margin-bottom: 20px;
}

.input-item-wrapper .label,
.input-item-wrapper label {
    display: block;
    margin-bottom: 2px;
    color: #555;
    font-weight: normal;
}

.input-item-wrapper .label .rheader,
.input-item-wrapper label .rheader {
    font-size: 1em;
    font-weight: 400;
}

.input-item-wrapper textarea,
.input-item-wrapper input[type=email],
.input-item-wrapper input[type=tel],
.input-item-wrapper input[type=number],
.input-item-wrapper input[type=url],
.input-item-wrapper input[type=text] {
    display: block;
    font-size: 1.1em;
    padding: 5px 10px 7px;
    width: 100%;
    max-width: 500px;
    box-sizing: border-box;
    border: none;
    border-bottom: 2px solid transparent;
    background: #dbdfe3;
    /* border-radius: 3px; */
    color: #555;
    border-radius: 0px;
}

.input-item-wrapper input[type=tel].inline-input-field {
    display: inline-block;
    max-width: none;
    width: auto;
    vertical-align: top;
}

.input-item-wrapper textarea {
    resize: none;
}

.input-item-wrapper textarea:focus,
.input-item-wrapper input[type=email]:focus,
.input-item-wrapper input[type=tel]:focus,
.input-item-wrapper input[type=number]:focus,
.input-item-wrapper input[type=url]:focus,
.input-item-wrapper input[type=text]:focus {
    color: #1787de;
    border-bottom: 2px solid #1787de;
    outline: none;
}

.input-item-wrapper .select-wrapper {
    position: relative;
    display: inline-block;
    top: 1px;
}

.input-item-wrapper select {
    display: block;
    font-size: 1.1em;
    padding: 3px 20px 5px 10px;
    box-sizing: border-box;
    border: 2px solid transparent;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: #dbdfe3;
    border-radius: 0;
    color: #555;
}

.input-item-wrapper .select-wrapper::after {
    position: absolute;
    content: "";
    width: 0; 
    height: 0; 
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-top: 7px solid #aaa; /* #1787de */
    top: 50%;
    right: 5px;
    transform: translateY(-50%);
}

.input-item-wrapper .select-wrapper.full-width-select {
    width: 100%;
    max-width: 500px;
}

.input-item-wrapper .select-wrapper.full-width-select select {
    width: 100%;
    max-width: 500px;
}

.input-item-wrapper .radio-btns-option {
    display: inline-block;
    float: left;
    margin: 0;
    padding: 0;
    font-size: 1em;
}
.input-item-wrapper input[type="radio"] {
    position: absolute;
    left: -9000px;
}

.input-item-wrapper input[type="radio"]:checked + .radio-label {
    background: #1787de;
    color: #fff;
}

.input-item-wrapper .radio-label {
    display: inline-block;
    background: #dbdfe3;
    padding: 8px 30px;
    margin: 0;
    cursor: pointer;
}

.input-item-wrapper .radio-label:hover {
    background: #1787de;
    color: #fff;
}
.input-item-wrapper .radio-btns-option:first-of-type .radio-label {
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
}

.input-item-wrapper .radio-btns-option:nth-of-type(2) .radio-label {
    border-left: 2px solid #fff;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
}

.input-item-wrapper .checkbox-item {
    margin-bottom: 2px;
}
.input-item-wrapper input[type="checkbox"].styled-checkbox {
  position: absolute;
  left: -9000px;
}

.input-item-wrapper .checkbox-label {
    position: relative;
    display: inline-block;
    margin-left: 30px;
    cursor: pointer;
    line-height: 24px;
}

.input-item-wrapper .checkbox-label::before {
    position: absolute;
    top: 0;
    left: -30px;
    height: 24px;
    width: 24px;
    background: #dbdfe3;
    text-align: center;
    content: "";
}

.input-item-wrapper input[type="checkbox"].styled-checkbox:checked + .checkbox-label {

}

.input-item-wrapper input[type="checkbox"].styled-checkbox:checked + .checkbox-label::before {
  color: #1787de;
  content: "\002714";
  font-size: 20px;
}

.input-item-wrapper input[type="checkbox"][disabled].styled-checkbox + .checkbox-label::before {
  background: #aaa;
}

.input-item-wrapper input[type="checkbox"][disabled].styled-checkbox + .checkbox-label {
  color: #aaa;
}


.input-item-wrapper .checkbox-label:hover::before {
    background: #ccc;
}

.input-item-wrapper.styled-radio-multi-wrapper .label {
    margin-bottom: 8px;
}

.input-item-wrapper .radio-option-container {
  margin-bottom: 4px;
}

.input-item-wrapper .styled-radio-multi {
  position: absolute;
  left: -9000px;
}

.input-item-wrapper .styled-radio-multi-label {
  position: relative;
  padding-left: 30px;
  padding-top: 0;
  line-height: 24px;
  margin-bottom: 4px;
}

.input-item-wrapper .styled-radio-multi-label::before {
  position: absolute;
  left: 0;
  top: 0;
  width: 24px;
  height: 24px;
  background: #dbdfe3;
  border-radius: 100%;
  content: "";
}

.input-item-wrapper .styled-radio-multi:checked + .styled-radio-multi-label::after {
  position: absolute;
  left: 5px;
  top: 5px;
  height: 14px;
  width: 14px;
  content: "";
  background: #1787de;
  border-radius: 100%;
}

.input-item-wrapper  .styled-radio-multi-label:hover::before {
    background: #ccc;
}

.input-item-wrapper .styled-radio-multi[disabled] + .styled-radio-multi-label::before {
  background: #aaa;
}

.input-item-wrapper .styled-radio-multi[disabled] + .styled-radio-multi-label {
  color: #aaa;
}


.input-item-wrapper .file_upload_input_wrapper {
    position: relative;
    padding-top: 10px;
}

.input-item-wrapper input[type="file"] {
    display: block;
    position: absolute;
    left: -9000px;
}

.input-item-wrapper .file_upload_input_label {
    display: block;
    font-weight: bold;
    padding: .5em 1em .6em;
    font-size: 1em;
    cursor: pointer;
    border: 1px solid #1787de;
    color: #1787de;
    border-radius: 3px;
    text-align: center;
}

.action-buttons {
    text-align: right;
}

.action-buttons.align-center {
    text-align: center;
}

.action-buttons .secondary_btn,
.action-buttons .primary_btn {
    font-weight: bold;
    padding: .4em 1em;
    font-size: 16px;
    cursor: pointer;
}

.action-buttons .primary_btn {
    border: 1px solid #1787de;
    background: #1787de;
    color: #fff;
    border-radius: 3px;
    font-weight: 300;
    letter-spacing: 1px;
}

.action-buttons .secondary_btn {
    border: 1px solid #1787de;
    background: #fff;
    color: #1787de;
    border-radius: 3px;
}

.action-buttons .text_btn {
    color: #1787de;
    font-size: .8em;
    border: none;
    border-bottom: 2px solid #1787de;
    background: none;
    padding-left: 0;
    padding-right: 0;
    cursor: pointer;
}

.action-buttons .full-width {
    width: 100%;
    display: block;
    margin-bottom: 10px;
}

.action-buttons .stacked_btn {
    display: block;
    margin: auto;
    margin-bottom: 5px;
    max-width: 400px;
    width: 100%;
}


.pulse_cta {
    position: relative;
    max-width: 500px;
    margin: auto;
    padding: 30px 10px;
    box-sizing: border-box;
    margin-bottom: 30px;
}
.pulse_cta::before {
    position: absolute;
    content: "";
    left: 0;
    top: 0;
    width: 100%;
    transform: translateX(-99%);
    height: 100%;
}
.pulse_cta::after {
    position: absolute;
    content: "";
    right: 0;
    top: 0;
    width: 100%;
    transform: translateX(99%);
    height: 100%;
}

.pulse_cta_inner {
    padding: 30px 20px;
    border-radius: 5px;
    background: #fff;
    box-sizing: border-box;
    /* box-shadow: 0 0 2px #707070;
    border-bottom: 2px solid #707070; */
    box-shadow: 0 5px 15px #aaa;
    border: 1px solid #ddd;
}

.pulse_cta_header {
    font-size: 1.3em;
    text-align: center;
    padding-bottom: 5px;
    /* border-bottom: 1px solid #ccc; */
    margin-bottom: 15px;
}


.pulse_cta_content {
    
}

.action-buttons .pulse_signup_buttons {
    font-size: 1.4em;
}

.action-buttons .pulse_signup_buttons .primary_btn {
    text-align: center;
    margin-bottom: 10px;
    font-weight: normal;
    color: #fff;
    /* background: #1787de;
    border-color: #1787de; */
    font-weight: bold;
    background: #4BD54B;
    border-color: #4BD54B;
    font-size: .85em;
}
.action-buttons .pulse_signup_buttons .primary_btn:hover {
    color: #fff;
    /* background: #1787de;
    border-color: #1787de; */
    background: #4BD54B;
    border-color: #4BD54B;
}
.action-buttons .pulse_signup_buttons .primary_btn a {
    text-decoration: none;
    color: inherit;
}

.action-buttons .pulse_signup_buttons .secondary_btn {
    display: block;
    width: 100%;
    font-size: .7em;
    background: #fff;
    /* color: #1787de;
    border-color: #1787de; */
    border-color: #aa5e5e;
    color: #aa5e5e;
}
.action-buttons .pulse_signup_buttons .secondary_btn:hover {
    color: #1787de;
    background: #fff;
    border-color: #1787de;
    border-color: #aa5e5e;
    color: #aa5e5e;
}

.application_thanks_msg {
    margin-bottom: 40px;
}

.violations_check_buttons,
.employment_check_buttons {
    text-align: left;
}

.violations_check_buttons input[type="button"] {
    margin-right: 5px;
}

.employment_check_buttons input[type="button"] {
    /* margin-right: 5px; */
}


table td input[type="button"][value="Print"] {
    font-weight: bold;
    padding: .4em 1em;
    font-size: 16px;
    cursor: pointer;
    border: 1px solid #1787de;
    background: #fff;
    color: #1787de;
    border-radius: 3px;
}

.company_start_page_custom_code {
}
.company_start_page_custom_code button {
    font-weight: bold;
    padding: .4em 1em;
    font-size: 16px;
    cursor: pointer;
    border: 1px solid #1787de;
    background: #1787de;
    color: #fff;
    border-radius: 3px;
}
.company_start_page_custom_code .sm_header {
    display: block;
    margin-bottom: 2px;
    font-weight: 300;
    color: #444;
}
.company_start_page_custom_code input[type="tel"],
.company_start_page_custom_code input[type="text"] {
    font-size: 1.1em;
    padding: 5px 10px 7px;
    box-sizing: border-box;
    border: none;
    border-bottom: 2px solid transparent;
    background: #dbdfe3;
    color: #555;
}


body .privacy_policy_link {
    font-size: 14px;
    margin-bottom: 0;
}

body .tenstreet_copyright {
    font-size: 14px;
}

.ia_modal_backdrop {
    position: absolute;
    left: 0;
    right: 0;
    height: 100%;
    background: rgba(0,0,0,.3);
    z-index: 150;
}

.ia_modal {
    position: absolute;
    width: 100%;
    max-width: 700px;
    background: #fff;
    left: 50%;
    transform: translateY(-150%) translateX(-50%);
    transition: transform .2s;
    z-index: 151;
    box-shadow: 0px 2px 5px #555;
}

.ia_modal_header {
    background: #1787de;
    background: #fff;
    position: relative;
    color: #fff;
    color: #555;
    padding: 10px;
    font-size: .9em;
    font-weight: bold;
    text-align: center;
    display: none;
}

.ia_modal_close_btn {
    position: absolute;
    color: #222;
    top: 50%;
    right: 5px;
    padding: 5px;
    background: #fff;
    border: none;
    border-radius: 3px;
    cursor: pointer;
    width: 24px;
    height: 24px;
    transform: translateY(-50%);
}

.ia_modal_close_btn::before {
    position: absolute;
    top: 4px;
    right: 50%;
    height: 16px;
    width: 4px;
    border-radius: 4px;
    background: #333;
    content: "";
    transform: translateX(50%) rotate(45deg);
}

.ia_modal_close_btn::after {
    position: absolute;
    top: 4px;
    right: 50%;
    height: 16px;
    width: 4px;
    border-radius: 4px;
    background: #333;
    content: "";
    transform: translateX(50%) rotate(-45deg);
}

.ia_modal_inner {
    padding: 20px;
}

.ia_modal_btn_container {
    margin-top: 15px;
}

.ia_modal .secondary_btn,
.ia_modal .primary_btn {
    font-weight: bold;
    cursor: pointer;
    padding: .4em 1em;
    font-size: 1em;
}

.ia_modal .primary_btn {
    border: 1px solid #1787de;
    background: #1787de;
    color: #fff;
    border-radius: 3px;
}

.ia_modal .secondary_btn {
    border: 1px solid #1787de;
    background: #fff;
    color: #1787de;
    border-radius: 3px;
}

.ia_modal .ui-widget-content {
    border: none;
    background: #fff;
}

.ia_modal #content_body {
    border: none;
}

.modal_select_employment_buttons {
    text-align: center;
}

.modal_select_employment_buttons button {
    margin: 5px 10px;
}

.notification-box {
    border: 1px solid #dbdfe3;
    border-radius: 4px;
    position: relative;
    border-radius: 4px;
    overflow: hidden;
    font-size: .85em;
    color: #777;
    margin-bottom: 5px;
}

.info-notification-icon {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 44px;
    padding: 10px;
    background: #dbdfe3;
    font-size: 24px;
    box-sizing: border-box;
}
.info-notification-icon i {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    color: #333;
    opacity: .9;
}
.notification-box.info-notification {
    border: 1px solid #acebc6;
}

.notification-box.alert-notification {
    border: 1px solid #FFDFBB;
}

.info-notification .info-notification-icon {
    background: #acebc6;
}
.alert-notification .info-notification-icon {
    background: #FFDFBB;
}

.alert-notification .info-notification-text {
    color: #b55;
}


.info-notification-text {
    padding: 10px;
    display: inline-block;
    padding-left: 55px;
}


.informational-card-container {
    margin-bottom: 15px;
}

.informational-card {
    margin-bottom: 15px;
    /* background: #dbdfe3; */
    background: #edeff1;
    padding: 4px;
    border-radius: 4px;
    position: relative;
    cursor: pointer;
    border-bottom: 2px solid #ddd;
}

.informational-card:last-child {
    /* border-bottom: 1px solid #68B0E7; */
}

.informational-card .card-header {
    font-size: 1.3em;
    margin-bottom: 5px;
    /* color: #1787de; */
    color: #68B0E7;
    width: calc(100% - 40px);
    font-weight: 300;
}

.informational-card .card-header {
    padding-bottom: 4px;
    border-bottom: 1px solid #68B0E7;
}

.informational-card .card-header .card-data-title {
    display: none;
}

.informational-card .card-content {
    font-size: 1em;
    padding: 5px;
    width: calc(100% - 40px);
    box-sizing: border-box;
}

.informational-card .card-content .card-data {
    display: inline-block;
    width: 50%;
    margin-bottom: 4px;
    box-sizing: border-box;
    border-bottom: 1px solid #ddd;
}

.informational-card .card-content .card-data .card-data-content,
.informational-card .card-content .card-data .card-data-title {
    display: inline-block;
    width: 50%;
    box-sizing: border-box;
}

.informational-card .card-content .card-data .card-data-title {
    padding: 3px;
}

.informational-card .card-content .card-data .card-data-content {
    padding: 2px 5px;
    font-weight: 300;
    text-align: right;
}

.informational-card .action-buttons {
    position: absolute;
    bottom: 0;
    right: 0;
    text-align: right;
    padding: 3px;
    /* background: #dbdfe3; */
}

.informational-card .action-buttons button {
    padding: 5px;
    border: none;
    background: none;
    font-size: 1.3em;
    /* color: #555; */
    display: block;
    color: #68B0E7;
    opacity: .6;
    cursor: pointer;
}
.informational-card .action-buttons button:last-child {
    margin-bottom: 0;
}

.informational-card .edit_btn:hover {
    color: #0a0;
    opacity: 1;
}

.informational-card .delete_btn:hover {
    color: #a00;
    opacity: 1;
}

.button-option-activator {
    padding: 20px 0;
}

.employment-option-btns-title {
    text-align: center;
    padding: 10px 0;
    border-bottom: 2px solid #ccc;
    border-top: 2px solid #ccc;
    margin-bottom: 10px;
    margin-top: 10px;
    font-weight: 300;
    font-family: sans-serif;
}

.req_requirements_list,
.start_requirements_list {
    list-style: none;
    padding-left: 0;
}

.requirements_list_item {
    position: relative;
    margin-bottom: 5px;
}

.requirements_list_item .list_item_icon {
    position: absolute;
    top: 0;
    left: 0;
    color: #0a0;
}
.requirements_list_item .list_item_text {
    padding-left: 30px;
}
.file_upload_message_wrapper {
    padding: 10px;
    border-radius: 5px;
    margin-bottom: 30px;
    background: #edeff1;
    border-bottom: 2px solid #ddd;
}
.staged_upload_file_list_title {
    text-align: center;
    font-weight: bold;
}

.staged_upload_file_list {
    padding: 0 10px;
}

.staged_upload_file_list .staged_upload_file_item {
    font-size:14px;
    padding: 5px 0;
    border-bottom: 1px solid #ccc;
    position: relative;
}

.staged_upload_file_list .staged_upload_file_item:first-child {
    border-top: 1px solid #ccc;
}

.staged_upload_file_list .document_icon {
    display: block;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}

.staged_upload_file_list .staged_file_name {
    display: block;
    padding: 0 25px;
}

.staged_upload_file_list .staged_file_delete {
    display: block;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    padding: 0px 2px;
    color: #a55;
    cursor: pointer;
}

.confirmation_container {
    max-width: 500px;
    margin: auto;
    padding: 15px;
    /* background: #edeff1; */
    box-sizing: border-box;
    border-radius: 6px;
    /* border-bottom: 3px solid #ddd; */
    margin-bottom: 20px;
}

.confirmation_title {
    font-size: 1.1em;
    margin-bottom: 5px;
}

.confirmation_number {
    border: 1px solid #ccc;
    /* background: #dfd; */
    background: #f0f0f0;
    padding: 5px;
    border-radius: 4px;
    box-sizing: border-box;
    font-size: 1em;
    margin-bottom: 2px;
}

.confirmation_note {
    font-size: .85em;
}

.translate_loading {
  height: 20px;
  width: 20px;
  display: inline-block;
}

/** OVERIDES */
#lic_form,
#vio_form {
    margin-bottom: 60px;
}

#accidents_frm .action-buttons .secondary_btn,
#military_page_content .action-buttons .secondary_btn,
#truck_school_page_content .action-buttons .secondary_btn,
#regular_school_page_content .action-buttons .secondary_btn,
#unemployment_page_content .action-buttons .secondary_btn,
#employment_page_content .action-buttons .secondary_btn,
#lic_form .action-buttons .secondary_btn,
#vio_form .action-buttons .secondary_btn {
    border: none;
}

.grid_class {
    height: auto;
    overflow-y: hidden;
    border-radius: 4px;
    margin-bottom: 20px;
}

#wizard_grid {
    max-width: 500px;
}

#employer_da_release_opt_out_div {
    margin: auto;
}

.borderless_content_block {
    max-width: 500px;
    margin: auto;
    padding: 5px;
    box-sizing: border-box;
    border-radius: 4px;
}

.custom_block_content_container {
    width: 90%;
    max-width: 500px;
    margin: auto;
    border: 1px solid #ccc;
    padding: 5px;
    box-sizing: border-box;
    border-radius: 4px;
}

.da_release_table,
#wizard_grid_container {
    border: none;
}
.da_release_table {
    width: 100%;
    font-size: 12px;
}

.da_release_table .table-super-header,
#wizard_grid_container .table-super-header {
    padding: 10px;
    color: #fff;
    background: #9AA9B8;
    text-align: center;
}

.da_release_table .table-header,
#wizard_grid_container .table-header {
    padding-top: 10px;
    padding-bottom: 10px;
    background: #dbdfe3;
}

.da_release_table .table-header {
    padding: 10px 4px;
}

#wizard_grid_container .start_header,
#wizard_grid_container .end_header {
    min-width: 55px;
}

#wizard_grid_container .delete_header {
    min-width: 40px;
}

.da_release_table .da_release_row td,
#wizard_grid_container tr .l,
#wizard_grid_container tr .r {
    border: none;
    border-bottom: 1px solid #ccc;
    padding-top: 10px;
    padding-bottom: 10px;
    vertical-align: bottom;
}
.da_release_table .da_release_row td {
    padding: 10px 3px;
}

#wizard_grid_container tr .r {
    text-align: center;
}
#wizard_grid_container tr .r i {
    font-size: 1.7em;
    color: #555;
}


#affirmative_action_frm .form-group ol {
    list-style: disc;
    padding-left: 20px;
}

#affirmative_action_frm .form-group ol li {
    margin-bottom: 10px;
}

@media only screen and (max-width: 767px) {
    #ui-datepicker-div {
        font-size: .9em;
    }
    
    .input-item-wrapper {
        position: relative;
    }
    
    button.ui-datepicker-trigger {
        /* position:relative; */
        border: none;
        padding: 0;
        background: none;
        position: absolute;
        bottom: 0;
        right: 0;
        transform: translateX(-300%) translateY(-120%);
    }

    button.ui-datepicker-trigger::after {
        position: absolute;
        content: "\f073";
        font-family: FontAwesome;
        font-size: 1.3em;
        top: 0;
        left: 0;
        padding: 6px 12px;
        color: #fff;
        background: #1787de;
        border-radius: 3px;
    }
}

.wizard_summary_completion_message_table .completion-percentage-message {
    font-size: 1.4em;
    font-weight: 300;
    margin-bottom: 10px;
    text-align: center;
}

.wizard_summary_completion_message_table .complete_percentage_wrapper {
    font-weight: bold;
    color: #0a0;
}

.wizard_summary_completion_message_table #dot_requirements-message {
    margin-top: 10px;
    padding: 10px;
    background: #eee;
    border-radius: 4px;
    color: #333;
}

.wizard_summary_completion_message_table #dot_requirements-message .action-buttons {
    padding-top: 10px;
}

#lower_nav .navfw_button button.secondary_btn,
#lower_nav .navbk_button button.secondary_btn {
    border-radius: 4px;
    font-weight: 300;
    letter-spacing: 1px;
    font-size: 20px;
    margin-top: 8px;
    margin-bottom: 8px;
}

.jsl_fieldset {
    border: 1px solid #ccc;
    border-radius: 6px;
}

fieldset.active_jobs_aj_details {
    background: #f0f0f0;
    overflow: hidden;
}

fieldset.active_jobs_aj_details .form-group-title {
    background: #fff;
    font-size: 1.5em;
}

.active_jobs_fieldset_moz {
    border-radius: 0;
    border-left: 3px solid #1787de;
}

.release_validation_area .input-item-wrapper .label .rheader, 
.release_validation_area  .input-item-wrapper label .rheader {
    font-size: 2em;
}

#modal_detailed_address_history .input-item-wrapper {
    margin-bottom: 5px;
}

.comm_panel_mini_grid {
    margin: 0;
}

#modal_unemployment_query_div .tablegrid,
#modal_regular_school_query_div .tablegrid,
#modal_truck_school_query_div .tablegrid,
#modal_employer_query_div .tablegrid {
    font-size: 12px;
}

#content_body.micro_app .form-group {
    font-size: 16px;
    margin-bottom: 10px;
}

#content_body.micro_app .form-group .input-item-wrapper {
    margin-bottom: 10px;
}

#content_body.micro_app .input-item-wrapper textarea, 
#content_body.micro_app .input-item-wrapper input[type=email], 
#content_body.micro_app .input-item-wrapper input[type=tel], 
#content_body.micro_app .input-item-wrapper input[type=number], 
#content_body.micro_app .input-item-wrapper input[type=url], 
#content_body.micro_app .input-item-wrapper input[type=text] {
    padding: 3px 10px 5px;
}

#military_buttonset .y_n_btn,
#employment_buttonset .y_n_btn,
#truck_school_buttonset .y_n_btn,
#regular_school_buttonset .y_n_btn,
#unemployment_buttonset .y_n_btn {
    border-radius: 0;
    font-weight: 300;
    font-size: 16px;
    color: #444;  
    border: none;  
}

#military_buttonset .radio-label.y_n_btn:hover,
#employment_buttonset .radio-label.y_n_btn:hover,
#truck_school_buttonset .radio-label.y_n_btn:hover,
#regular_school_buttonset .radio-label.y_n_btn:hover,
#unemployment_buttonset .radio-label.y_n_btn:hover {
    color: #fff;  
}

#military_buttonset .y_n_btn:first-child,
#employment_buttonset .y_n_btn:first-child,
#truck_school_buttonset .y_n_btn:first-child,
#regular_school_buttonset .y_n_btn:first-child,
#unemployment_buttonset .y_n_btn:first-child {
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
}

#military_buttonset .y_n_btn:last-child,
#employment_buttonset .y_n_btn:last-child,
#truck_school_buttonset .y_n_btn:last-child,
#regular_school_buttonset .y_n_btn:last-child,
#unemployment_buttonset .y_n_btn:last-child {
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}

#military_buttonset .y_n_btn.primary_btn,
#employment_buttonset .y_n_btn.primary_btn,
#truck_school_buttonset .y_n_btn.primary_btn,
#regular_school_buttonset .y_n_btn.primary_btn,
#unemployment_buttonset .y_n_btn.primary_btn {
    border: none;
    padding: 8px 30px;
    color: #fff;
}

.hidden {
    display: none;
}

/* JQUERY UI OVERRIDES */

#ui-datepicker-div {
    position: absolute;
    top: 0;
    left: 0;
    background: #eee;
    border-radius: 4px;
    overflow: hidden;
    padding: .2em;
    border: 1px solid #ccc;
    display:none;
}

.ui-datepicker-header {
    background: #1787de;
    border-radius: 4px;
    width: 100%;
    padding: 4px;
    position: relative;
    box-sizing: border-box;
}

.ui-datepicker-header .ui-datepicker-prev {
    /* position: relative; */
}
.ui-datepicker-header .ui-datepicker-prev::after {
    position: absolute;
    display: block;
    content: "\f137";
    font-family: FontAwesome;
    top: 50%;
    transform: translateY(-50%);
    color: #fff;
    font-size: 1.4em;
}
.ui-datepicker-header .ui-icon-circle-triangle-w {
    display: none;
}

.ui-datepicker-header .ui-datepicker-next {
    /* position: relative; */
}
.ui-datepicker-header .ui-datepicker-next::after {
    position: absolute;
    display: block;
    content: "\f138";
    font-family: FontAwesome;
    top: 50%;
    right: 5px;
    transform: translateY(-50%);
    color: #fff;
    font-size: 1.4em;
}
.ui-datepicker-header .ui-icon-circle-triangle-e {
    display: none;
}

.ui-datepicker-header .ui-datepicker-title {
    padding: 0 20px;
    text-align: center;
}

.ui-datepicker-header a {
    text-decoration: none;
}

.ui-datepicker-month {
    width: 40%;
    margin-right: 5px;
}

.ui-datepicker-year {
    width: 40%;
}

.ui-datepicker-calendar td {
    border: 1px solid #ccc;
    border-radius: 5px;
    /* margin: 2px; */
    text-align: center;
    width: 14%;
    background: #f9f9f9;
    width: 2em;
    height: 1.5em;
}

.ui-datepicker-calendar td:hover {
    background: #fff;
    border: #999;
}

.ui-datepicker-calendar td.ui-datepicker-unselectable {
    background: none;
    border: none;
}

.ui-datepicker-calendar td.ui-datepicker-unselectable:hover {
    background: none;
    border: none;
}

.ui-datepicker-calendar td a {
    color: #333;
    text-decoration: none;
}

ul.ui-autocomplete {
    background: #fff;
    max-width: 500px;
    list-style: none;
    margin: 0;
    padding: 0;
    border: 1px solid #aaa;
}

ul.ui-autocomplete .ui-menu-item {
    padding: 5px;
    border-bottom: 1px solid #ccc;
    cursor: pointer;
}

ul.ui-autocomplete .ui-menu-item:hover {
    background: #ddd;
}

.ui-dialog {
    background: #fff;
    z-index: 100;
    box-shadow: 0px 2px 5px #555;
    color: #555;
    padding: 20px 10px;
    box-sizing: border-box;
    width: 100%;
    max-width: 700px;
    max-height: 100%;
    border-top: 1px solid #eee;
    /* position: absolute !important;
    top: 0 !important; */
}

.ui-dialog[aria-describedby="modal_detailed_address_history"] {
    overflow-y: scroll;
}

.ui-dialog-titlebar {
    display: none;
}

.ui-dialog-buttonset {
    text-align: right;
}

.ui-dialog-buttonset button {
    font-weight: bold;
    padding: .4em 1em;
    font-size: 16px;
    cursor: pointer;
    border: 1px solid #1787de;
    background: #fff;
    color: #1787de;
    border-radius: 3px;
    margin-right: 10px;
    margin-top: 4px;
    margin-bottom: 5px;
}

.ui-dialog-buttonset button:last-child {
    border: 1px solid #1787de;
    background: #1787de;
    color: #fff;
    border-radius: 3px;
    font-weight: 300;
    letter-spacing: 1px;
}

.ui-widget-overlay {
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: #000;
    position: absolute;
    opacity: .3;
}

.ui-widget-overlay {
    z-index: 99 !important;
}

/*     */
/* MQs */
/*     */

@media only screen and (min-width: 768px) {
    #wizard_grid {
        font-size: 14px;
    }
    .form-group center strong,
    .page_title_container {
        font-size: 17px;
    }
    
    
    .form-group {
        max-width: 500px;
        padding: 20px 50px;
        border-radius: 5px;
        font-size: 14px;
    }
    
    .form-group.signature_block {
        padding: 0 0 20px;
    }
    
    .input-item-wrapper {
        margin-bottom: 15px;
    }
    
    .input-item-wrapper label,
    .input-item-wrapper .label {
        font-weight: 300;
        color: #444;
        font-size: 16px;
    }
    
    .ia_modal_header {
        font-size: 1.3em;
    }
    
    .ia_modal .secondary_btn,
    .ia_modal .primary_btn {
        font-size: 16px;
    }
    
    .input-item-wrapper .secondary_btn,
    .input-item-wrapper .primary_btn {
        font-size: 16px;
    }
    
    #releases_page_content button {
        font-size: 1.2em;
    }
    
    #lower_nav .navfw_button button.secondary_btn,
    #lower_nav .navbk_button button.secondary_btn {
        font-size: 18px;
    }
    
    #content_body,
    .lower_nav_wrapper {
        border-left: 1px solid #ccc;
        border-right: 1px solid #ccc;
    }
    
    .pulse_cta_header {
        font-size: 1.5em;
    }
    
    .application_thanks_msg {
        font-size: 1.3em;
    }
    
    .ia_modal_inner {
        font-size: 1.3em;
    }
    
    .ui-dialog-content {
        font-size: 16px;
        line-height: 1.1;
    }
}