html {
    font-family: sans-serif;
}

/* inconsolata-regular - latin */
/* Generated using: https://google-webfonts-helper.herokuapp.com/fonts/inconsolata?subsets=latin */
@font-face {
  font-family: 'Inconsolata';
  font-style: normal;
  font-weight: 400;
  src: local(''),
       url('../fonts/inconsolata-v21-latin-regular.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../fonts/inconsolata-v21-latin-regular.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

@font-face {
  font-family: 'Inconsolata';
  font-style: normal;
  font-weight: 800;
  src: local(''),
       url('../fonts/inconsolata-v21-latin-800.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../fonts/inconsolata-v21-latin-800.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

.header_title {
    color: #FFFFFF;
    font-size: 24px;
    white-space: nowrap;
}

.header_main_gird {
    display: grid;
    grid-template-columns: max-content auto;
    padding: 10px 15px;
}

.navbar_content_left {
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.navbar_content_right {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.main_container {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}

.flex_container {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
}

.fixed_header {
    color: #FFFFFF;
    width: 100%;
    background-color: #000050;
    flex-shrink: 0;
    z-index: 100;
}

.main_content_scroll {
    flex-grow: 1;
    overflow: auto;
    z-index: 99;
}

.main_content_scroll_background_secondary {
    flex-grow: 1;
    overflow: auto;
    z-index: 99;
    background: #000050;
}

.main_content_fixed {
    flex-grow: 1;
    overflow: hidden;
    z-index: 99;
}

.full_page_content_fixed {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}

footer {
    flex-shrink: 0;
    z-index: 100;
    width: 100%;
    text-align: center;
    border-top: 1px solid #000000;
    background-color: #D0D0D0;
    font-size: 22px;
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 5px;
}

.header_secondary {
    color: #FFFFFF;
    width: 100%;
    background-color: #333383;
    box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.12), 0 4px 4px 0 rgba(0, 0, 0, 0.24);
}

.center_horizontally {
    width: 100%;
    text-align: center;
}

.flex_center {
    display: flex;
    align-items: center;
    justify-content: center;
}

.flex_center * {
    margin: 5px;
}

.flex_info {
    display: flex;
    align-items: center;
    justify-content: center;
}

.flex_info * {
    font-size: 14px;
    color: #000000;
    text-align: center;
    display: inline-block;
    border: 1px solid #000000;
    margin: 5px;
    padding: 5px;
}

.custom_checkbox_large_container {
    width: 40px;
}

.custom_checkbox_input {
    display: none;
}

.custom_checkbox_input:checked + .custom_checkbox {
    background-image: url(../images/check_box_checked.svg);
}

.custom_checkbox_input:checked + .custom_checkbox_large {
    background-image: url(../images/check_box_checked.svg);
}

.custom_checkbox_input:checked + .custom_checkbox_small {
    background-image: url(../images/check_box_checked.svg);
}

.custom_checkbox_input:checked + .custom_checkbox_light {
    background-image: url(../images/check_box_checked_light.svg);
}

.custom_checkbox_input:checked + .custom_checkbox_large_light {
    background-image: url(../images/check_box_checked_light.svg);
}

.custom_checkbox_input:checked + .custom_checkbox_small_light {
    background-image: url(../images/check_box_checked_light.svg);
}

.custom_checkbox_input:checked + .custom_checkbox_small_disabled {
    background-image: url(../images/check_box_checked_disabled.svg);
}

.custom_checkbox {
    background-image: url(../images/check_box_outline_blank.svg);
    background-position: left center;
    background-size: auto 100%;
    width: 40px;
    height: 40px;
    background-repeat: no-repeat;
}

.custom_checkbox_large {
    background-image: url(../images/check_box_outline_blank.svg);
    background-position: left center;
    background-size: auto 100%;
    width: 40px;
    height: 40px;
    background-repeat: no-repeat;
}

.custom_checkbox_small {
    background-image: url(../images/check_box_outline_blank.svg);
    background-position: left center;
    background-size: auto 100%;
    width: 20px;
    height: 20px;
    background-repeat: no-repeat;
}

.custom_checkbox_light {
    background-image: url(../images/check_box_outline_blank_light.svg);
    background-position: left center;
    background-size: auto 100%;
    width: 40px;
    height: 40px;
    background-repeat: no-repeat;
}

.custom_checkbox_large_light {
    background-image: url(../images/check_box_outline_blank_light.svg);
    background-position: left center;
    background-size: auto 100%;
    width: 40px;
    height: 40px;
    background-repeat: no-repeat;
}

.custom_checkbox_small_light {
    background-image: url(../images/check_box_outline_blank_light.svg);
    background-position: left center;
    background-size: auto 100%;
    width: 20px;
    height: 20px;
    background-repeat: no-repeat;
}

.custom_checkbox_small_disabled {
    background-image: url(../images/check_box_outline_blank_disabled.svg);
    background-position: left center;
    background-size: auto 100%;
    width: 20px;
    height: 20px;
    background-repeat: no-repeat;
}

.flex_checkboxes {
    display: flex;
    align-items: center;
    justify-content: center;
}

.flex_checkboxes * {
    font-size: 20px;
    color: #000000;
    text-align: center;
    display: inline-block;
    cursor: pointer;
    -webkit-touch-callout: none;
    /* iOS Safari */
    -webkit-user-select: none;
    /* Chrome/Safari/Opera */
    -khtml-user-select: none;
    /* Konqueror */
    -moz-user-select: none;
    /* Firefox */
    -ms-user-select: none;
    /* Internet Explorer/Edge */
    user-select: none;
}

.flex_checkboxes input {
    margin-left: 5px;
    margin-top: 20px;
    margin-bottom: 20px;
}

.flex_checkboxes label {
    margin-bottom: 0;
}

.text_large_bold {
    font-size: 22px;
    font-weight: bold;
}

.text_large {
    font-size: 22px;
}

.text_medium_bold {
    font-size: 20px;
    font-weight: bold;
}

.text_medium {
    font-size: 20px;
}

.text_white {
    color: #FFFFFF;
}

.text_black {
    color: #000000;
}

.text_white_click {
    color: #FFFFFF;
    display: inline-block;
}
.text_white_click:link {
    color: #FFFFFF;
    background-color: transparent;
    text-decoration: none;
}
.text_white_click:visited {
    color: #FFFFFF;
    background-color: transparent;
    text-decoration: none;
}
.text_white_click:hover {
    color: #FFFFFF;
    background-color: transparent;
    text-decoration: underline;
}
.text_white_click:active {
    color: #FFFFFF;
    background-color: transparent;
    text-decoration: underline;
}

.form_logout {
    margin: 0;
    padding-left: 15px;
    display: inline;
}

.back_link_layout {
    color: #FFFFFF;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.back_link_layout:link {
    color: #FFFFFF;
    background-color: transparent;
    text-decoration: none;
}
.back_link_layout:visited {
    color: #FFFFFF;
    background-color: transparent;
    text-decoration: none;
}
.back_link_layout:hover {
    color: #FFFFFF;
    background-color: transparent;
    text-decoration: underline;
}
.back_link_layout:active {
    color: #FFFFFF;
    background-color: transparent;
    text-decoration: underline;
}

.link_back {
    width:24px;
    height:24px;
    margin-left: 20px;
    margin-right: 20px;
}

.td_break_word {
    word-wrap: break-word;
    word-break: break-all;
    white-space: normal;
}

.group_checkbox {
}

.button_light_rounded_full {
    font-weight: 500;
    text-transform: none;
    border-radius: 18px;
    width: 100%;
    background: #FFFFFF;
    color: #000000 !important;
    white-space: normal;
    word-wrap: break-word;
}

.button_light_rounded_full:hover:enabled, .button_light_rounded_full:focus:enabled {
    background: #F0F0F0 !important;
}

.button_light_rounded_full:active:enabled {
    background: #E0E0E0 !important;
}

.button_light_rounded_full:disabled {
    background: rgba(255, 255, 255, 0.6) !important;
}

.button_dark_rounded_full {
    font-weight: 500;
    text-transform: none;
    border-radius: 18px;
    width: 100%;
    background: #707070;
    color: #FFFFFF !important;
    white-space: normal;
    word-wrap: break-word;
}

.button_dark_rounded_full:hover:enabled, .button_dark_rounded_full:focus:enabled {
    background: #808080 !important;
}

.button_dark_rounded_full:active:enabled {
    background: #909090 !important;
}

.button_dark_rounded_full:disabled {
    background: rgba(112, 112, 112, 0.6) !important;
}

.button_blue_full {
    font-weight: 500;
    text-transform: none;
    width: 100%;
    background: #4267B2;
    color: #FFFFFF !important;
    white-space: normal;
    word-wrap: break-word;
}

.button_blue_full:hover:enabled, .button_blue_full:focus:enabled {
    background: #3E61A8 !important;
}

.button_blue_full:active:enabled {
    background: #385999 !important;
}

.button_blue_full:disabled {
    background: rgba(102, 147, 255, 0.8) !important;
}

.white_image_button {
    border: none;
    background: transparent;
    background-image: none;
    outline: none;
    fill: #FFFFFF;
    cursor: pointer;
}

.white_image_button:hover {
    border: none;
    background: transparent;
    fill: #F0F0F0;
}

.white_image_button:focus {
    border: none;
    background: transparent;
    fill: #F0F0F0;
}

.user_input_item_button {
    cursor: pointer;
    -webkit-touch-callout: none;
    /* iOS Safari */
    -webkit-user-select: none;
    /* Chrome/Safari/Opera */
    -khtml-user-select: none;
    /* Konqueror */
    -moz-user-select: none;
    /* Firefox */
    -ms-user-select: none;
    /* Internet Explorer/Edge */
    user-select: none;
}

.grid_custom_container {
    display: grid;
}

.grid_label_input {
    display: grid;
    grid-template-columns: auto 1fr;
    grid-gap: 5px;
}

.grid_label_input label {
    align-self: center;
    text-align: left;
    margin-top: auto;
    margin-bottom: auto;
    font-size: 16px;
    white-space: nowrap;
}

.grid_label_input input {
    align-self: center;
}

.grid_label_input select {
    padding: 3px;
    width: 100%
}

.grid_label_input div {
    text-align: left;
}

.grid_multi_label_input {
    display: grid;
    grid-template-columns: auto 1fr auto 1fr;
    grid-gap: 5px;
}

.grid_multi_label_input * {
    align-self: center;
    text-align: left;
    margin-top: auto;
    margin-bottom: auto;
}

.grid_multi_label_input select {
    padding: 3px;
    width: 100%
}

.grid_multi_label_input *:nth-child(4n+3) {
    padding-left: 25px;
}

.grid_multi_label_input label {
    font-size: 16px;
    white-space: nowrap;
}

.grid_text_info {
    display: inline-grid;
    grid-template-columns: auto auto;
    grid-gap: 10px;
    align-items: center;
    word-break: break-word;
    padding: 10px;
}

.grid_text_info div {
    font-size: 20px;
    color: #000000;
    text-align: left;
}

.grid_text_info a {
    font-size: 20px;
    text-align: left;
}

.grid_collapse {
    display: inline-grid;
    grid-gap: 10px;
}

.grid_collapse_no_padding {
    display: inline-grid;
}

.camera_details_grid {
    grid-template-columns: max-content max-content;
}

.grid_column_1 {
    grid-column: 1/span 1;
}

.grid_column_2 {
    grid-column: 2/span 1;
}

.grid_column_3 {
    grid-column: 3/span 1;
}

.grid_column_4 {
    grid-column: 4/span 1;
}

.grid_column_5 {
    grid-column: 5/span 1;
}

.grid_column_6 {
    grid-column: 6/span 1;
}

.grid_column_7 {
    grid-column: 7/span 1;
}

.grid_column_8 {
    grid-column: 8/span 1;
}

.grid_center_item {
    align-self: center;
}

.grid_text_container {
    display: inline-grid;
    grid-template-columns: auto auto auto auto;
    gap: 20px;
    row-gap: 10px;
    justify-items: left;
}

.grid_checkbox {
    display: inline-grid;
    grid-template-columns: max-content max-content max-content max-content;
    gap: 20px;
    row-gap: 10px;
    justify-items: left;
    align-items: center;
}

.grid_checkbox * {
    cursor: pointer;
    -webkit-touch-callout: none;
    /* iOS Safari */
    -webkit-user-select: none;
    /* Chrome/Safari/Opera */
    -khtml-user-select: none;
    /* Konqueror */
    -moz-user-select: none;
    /* Firefox */
    -ms-user-select: none;
    /* Internet Explorer/Edge */
    user-select: none;
}

.grid_2_row_checkbox {
    display: inline-grid;
    grid-template-columns: auto auto;
    grid-gap: 20px;
    grid-row-gap: 10px;
    justify-items: left;
    align-items: center;
}

.grid_2_row_checkbox * {
    cursor: pointer;
    -webkit-touch-callout: none;
    /* iOS Safari */
    -webkit-user-select: none;
    /* Chrome/Safari/Opera */
    -khtml-user-select: none;
    /* Konqueror */
    -moz-user-select: none;
    /* Firefox */
    -ms-user-select: none;
    /* Internet Explorer/Edge */
    user-select: none;
}

a {
    color: #0000ee;
}

a:hover {
    color: blue;
}

a:visited {
    color: #551a8b;
}

.user_input_item {
    cursor: pointer;
    -webkit-touch-callout: none;
    /* iOS Safari */
    -webkit-user-select: none;
    /* Chrome/Safari/Opera */
    -khtml-user-select: none;
    /* Konqueror */
    -moz-user-select: none;
    /* Firefox */
    -ms-user-select: none;
    /* Internet Explorer/Edge */
    user-select: none;
}

.input_light {
    color: #FFFFFF;
    background: transparent;
    border: none;
    border-bottom: 1px solid rgba(255, 255, 255, 0.22);
    outline: none;
    box-shadow: none;
}

.input_light:focus {
    color: #FFFFFF;
    background: transparent;
    border: none;
    border-bottom: 1px solid rgba(255, 255, 255, 0.5);
    outline: none;
    box-shadow: none;
}

.input_light::placeholder {
    color: rgba(255, 255, 255, 0.6);
}

.input_light::-webkit-input-placeholder {
    /* Chrome/Opera/Safari */
    color: rgba(255, 255, 255, 0.6);
}

.input_light::-moz-placeholder {
    /* Firefox 19+ */
    color: rgba(255, 255, 255, 0.6);
}

.input_light:-ms-input-placeholder {
    /* IE 10+ */
    color: rgba(255, 255, 255, 0.6);
}

.input_light:-moz-placeholder {
    /* Firefox 18- */
    color: rgba(255, 255, 255, 0.6);
}

.input_dark {
    color: #000000;
    background: transparent;
    border: none;
    border-bottom: 1px solid rgba(0, 0, 0, 0.22);
    outline: none;
    box-shadow: none;
}

.input_dark:focus {
    color: #000000;
    background: transparent;
    border: none;
    border-bottom: 1px solid rgba(0, 0, 0, 0.5);
    outline: none;
    box-shadow: none;
}

.input_dark::placeholder {
    color: rgba(0, 0, 0, 0.6);
}

.input_dark::-webkit-input-placeholder {
    /* Chrome/Opera/Safari */
    color: rgba(0, 0, 0, 0.6);
}

.input_dark::-moz-placeholder {
    /* Firefox 19+ */
    color: rgba(0, 0, 0, 0.6);
}

.input_dark:-ms-input-placeholder {
    /* IE 10+ */
    color: rgba(0, 0, 0, 0.6);
}

.input_dark:-moz-placeholder {
    /* Firefox 18- */
    color: rgba(0, 0, 0, 0.6);
}

.button_alert_dialog {
    font-weight: bold;
}

.image_info_container {
    height: 35px;
}

.image_info {
    width: 35px;
    height: 35px;
}

.fieldError {
    background-color: lightcoral;
}

.strike {
    display: block;
    text-align: center;
    overflow: hidden;
    white-space: nowrap;
}

.strike > span {
    position: relative;
    display: inline-block;
}

.strike > span:before,
.strike > span:after {
    content: "";
    position: absolute;
    top: 50%;
    width: 9999px;
    height: 1px;
    background: blue;
}

.strike > span:before {
    right: 100%;
    margin-right: 15px;
}

.strike > span:after {
    left: 100%;
    margin-left: 15px;
}

table.anomalies {
    margin: 0 auto;
    border-collapse: separate;
    border-spacing: 4mm 0;
}

table.anomalies td, th {
    border: 1px solid darkgoldenrod;
}

table.anomalies li:first-child {
    font-weight: bolder;
    color: mediumorchid;
}

.monospace {
    font-family: Inconsolata;
    font-weight: 800;
}

.image_container {
    width: 100%;
    text-align: center;
    margin: 0;
}

img.main_logo {
    max-width: 300px;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}

@media only screen and (max-width: 900px) {
    .grid_label_input label {
        word-wrap: normal;
        font-size: 12px;
        white-space: normal;
    }

    .grid_multi_label_input label {
        word-wrap: normal;
        font-size: 12px;
        white-space: normal;
    }

    .grid_2_row_checkbox {
        grid-template-columns: auto;
    }

    .grid_text_container {
        grid-template-columns: auto auto;
    }
}

@media only screen and (max-width: 768px) {
    .fixed_footer {
        font-size: 16px;
    }

    .camera_details_grid {
        grid-template-columns: max-content;
    }

    .grid_checkbox {
        grid-template-columns: max-content max-content;
    }

    .text_large_bold {
        font-size: 16px;
    }

    .text_large {
        font-size: 16px;
    }

    .text_medium_bold {
        font-size: 14px;
    }

    .text_medium {
        font-size: 14px;
    }

    .image_info_container {
        height: 25px;
    }

    .image_info {
        width: 25px;
        height: 25px;
    }

    .main_logo {
        max-width: 150px;
        text-align: center;
        margin-left: auto;
        margin-right: auto;
    }
}