:root {

    --background: #f2f1f7;
    --ion-color-primary: #4aabcb;
    --ion-color-primary-rgb: 74,171,203;
    --ion-color-primary-contrast: #ffffff;
    --ion-color-primary-contrast-rgb: 0,0,0;
    --ion-color-primary-shade: #4196b3;
    --ion-color-primary-tint: #5cb3d0;

    --ion-color-secondary: #1e5e73;
    --ion-color-secondary-rgb: 30,94,115;
    --ion-color-secondary-contrast: #ffffff;
    --ion-color-secondary-contrast-rgb: 255,255,255;
    --ion-color-secondary-shade: #1a5365;
    --ion-color-secondary-tint: #356e81;

    --ion-color-tertiary: #5260ff;
    --ion-color-tertiary-rgb: 82,96,255;
    --ion-color-tertiary-contrast: #ffffff;
    --ion-color-tertiary-contrast-rgb: 255,255,255;
    --ion-color-tertiary-shade: #4854e0;
    --ion-color-tertiary-tint: #6370ff;

    --ion-color-success: #2dd36f;
    --ion-color-success-rgb: 45,211,111;
    --ion-color-success-contrast: #000000;
    --ion-color-success-contrast-rgb: 0,0,0;
    --ion-color-success-shade: #28ba62;
    --ion-color-success-tint: #42d77d;

    --ion-color-warning: #ffc409;
    --ion-color-warning-rgb: 255,196,9;
    --ion-color-warning-contrast: #000000;
    --ion-color-warning-contrast-rgb: 0,0,0;
    --ion-color-warning-shade: #e0ac08;
    --ion-color-warning-tint: #ffca22;

    --ion-color-danger: #eb445a;
    --ion-color-danger-rgb: 235,68,90;
    --ion-color-danger-contrast: #ffffff;
    --ion-color-danger-contrast-rgb: 255,255,255;
    --ion-color-danger-shade: #cf3c4f;
    --ion-color-danger-tint: #ed576b;

    --ion-color-medium: #92949c;
    --ion-color-medium-rgb: 146,148,156;
    --ion-color-medium-contrast: #000000;
    --ion-color-medium-contrast-rgb: 0,0,0;
    --ion-color-medium-shade: #808289;
    --ion-color-medium-tint: #9d9fa6;

    --ion-color-light: #f4f5f8;
    --ion-color-light-rgb: 244,245,248;
    --ion-color-light-contrast: #000000;
    --ion-color-light-contrast-rgb: 0,0,0;
    --ion-color-light-shade: #d7d8da;
    --ion-color-light-tint: #f5f6f9;


    --ion-color-ybtn: #fff600;
    --ion-color-ybtn-rgb: 244,245,248;
    --ion-color-ybtn-contrast: #000000;
    --ion-color-ybtn-contrast-rgb: 0,0,0;
    --ion-color-ybtn-shade: #e0d800;
    --ion-color-ybtn-tint: #fff71a;

    --ion-color-planned: #f8f8c7;
    --ion-color-planned-rgb: 244,245,248;
    --ion-color-planned-contrast: #000000;
    --ion-color-planned-contrast-rgb: 0,0,0;
    --ion-color-planned-shade: #f8f8c7;
    --ion-color-planned-tint: #f8f8c7;




    --ion-color-forme: #b7e2f0;
    --ion-color-forme-rgb: 244,245,248;
    --ion-color-forme-contrast: #000000;
    --ion-color-forme-contrast-rgb: 0,0,0;
    --ion-color-forme-shade: #b7e2f0;
    --ion-color-forme-tint: #b7e2f0;

    --ion-color-priority: #f8f8c7;
    --ion-color-priority-rgb: 244,245,248;
    --ion-color-priority-contrast: #000000;
    --ion-color-priority-contrast-rgb: 0,0,0;
    --ion-color-priority-shade: #f8f8c7;
    --ion-color-priority-tint: #f8f8c7;


    --ion-color-scheduled: #b3ecfe;
    --ion-color-scheduled-rgb: 244,245,248;
    --ion-color-scheduled-contrast: #000000;
    --ion-color-scheduled-contrast-rgb: 0,0,0;
    --ion-color-scheduled-shade: #b3ecfe;
    --ion-color-scheduled-tint: #b3ecfe;

    --ion-color-awaiting: #f9ff93;
    --ion-color-awaiting-rgb: 244,245,248;
    --ion-color-awaiting-contrast: #000000;
    --ion-color-awaiting-contrast-rgb: 0,0,0;
    --ion-color-awaiting-shade: #f9ff93;
    --ion-color-awaiting-tint: #f9ff93;
}

.ion-no-border{
    margin-bottom: -1px;
}

p#status_counter_legend{
    padding:0;
    margin:0;
    float:right;
    margin-left:20px;
    font-size:11px;
    color:#fff;
}
p#status_counter_legend span{
    display:block;
}

p#status_counter{
    padding:0;
    margin:0;
    margin-left:20px;
    font-size:25px;
    color:#fff;
    float:right;
}
#status_counter span#status_new,span#legend_new{
    color: #70c399;
}

#status_counter span#status_accepted,span#legend_accepted{
    color: #fff;
}

#status_counter span#status_completed, span#legend_completed{
    color: #6e6e6e;
}

#main_request_btn_grid{
    background: var(--ion-color-primary);
    margin-top:-1px;
}

#request_list_main, #background-content, ion-content, #assets_list_main,#request_list_archive,#request_list_notes{
    background: #f2f1f7;
}
#request_list_main .item, #assets_list_main .item, #request_list_archive .item,#request_list_notes .item{
    --border-width: 0 0 1px 0;
    border-radius: 10px;
    margin-top: 5px;
    width: 97%;
    margin: 0 auto;
    margin-top: 5px;
}

.ion-color-priority {
    --ion-color-base: var(--ion-color-priority);
    --ion-color-base-rgb: var(--ion-color-priority-rgb);
    --ion-color-contrast: var(--ion-color-priority-contrast);
    --ion-color-contrast-rgb: var(--ion-color-priority-contrast-rgb);
    --ion-color-shade: var(--ion-color-priority-shade);
    --ion-color-tint: var(--ion-color-priority-tint);
}

.ion-color-planned {
    --ion-color-base: var(--ion-color-planned);
    --ion-color-base-rgb: var(--ion-color-planned-rgb);
    --ion-color-contrast: var(--ion-color-planned-contrast);
    --ion-color-contrast-rgb: var(--ion-color-planned-contrast-rgb);
    --ion-color-shade: var(--ion-color-planned-shade);
    --ion-color-tint: var(--ion-color-planned-tint);
}

.ion-color-scheduled {
    --ion-color-base: var(--ion-color-scheduled);
    --ion-color-base-rgb: var(--ion-color-scheduled-rgb);
    --ion-color-contrast: var(--ion-color-scheduled-contrast);
    --ion-color-contrast-rgb: var(--ion-color-scheduled-contrast-rgb);
    --ion-color-shade: var(--ion-color-scheduled-shade);
    --ion-color-tint: var(--ion-color-scheduled-tint);
}

.ion-color-awaiting {
    --ion-color-base: var(--ion-color-awaiting);
    --ion-color-base-rgb: var(--ion-color-awaiting-rgb);
    --ion-color-contrast: var(--ion-color-awaiting-contrast);
    --ion-color-contrast-rgb: var(--ion-color-awaiting-contrast-rgb);
    --ion-color-shade: var(--ion-color-awaiting-shade);
    --ion-color-tint: var(--ion-color-awaiting-tint);
}

.ion-color-forme {
    --ion-color-base: var(--ion-color-forme);
    --ion-color-base-rgb: var(--ion-color-forme-rgb);
    --ion-color-contrast: var(--ion-color-forme-contrast);
    --ion-color-contrast-rgb: var(--ion-color-forme-contrast-rgb);
    --ion-color-shade: var(--ion-color-forme-shade);
    --ion-color-tint: var(--ion-color-forme-tint);
}

.ion-color-ybtn {
    --ion-color-base: var(--ion-color-ybtn);
    --ion-color-base-rgb: var(--ion-color-ybtn-rgb);
    --ion-color-contrast: var(--ion-color-ybtn-contrast);
    --ion-color-contrast-rgb: var(--ion-color-ybtn-contrast-rgb);
    --ion-color-shade: var(--ion-color-ybtn-shade);
    --ion-color-tint: var(--ion-color-ybtn-tint);
}

.very-small{
    font-size:9px;
}
canvas#video_source{
    width: 100%;
}
img#deviceQr{
    max-width:150px;
    margin: 0 auto;
}
.deviceInfoRow{
    background: #dbdbe0;
    border-bottom: 1px solid #f0f0f6;
}
.deviceInfoHeader,.deviceInfoValue{
    text-align: left;
    padding:10px;
}

.request_list_main .request_title
{

}

.request_list_main .request_division
{
    font-size:12px;
    margin-bottom: 5px;
}

.request_list_main .request_author
{
    font-size:12px;
}

.request_list_main .request_location
{
    font-size:11px;
    margin-bottom:10px;
}

.request_list_main .request_status{
    font-size: 11px;
    margin-bottom: 0;
    margin-top: 0;
    margin-right: 20px;
}

.request_list_main .request_id{
    font-size: 11px;
    margin-bottom: 5px;
    margin-top: 0;
    margin-right: 20px;
    font-weight: bold;
}

.main_request_id{
    font-weight: bold;
}

.request_list_main .request_age{
    font-size: 11px;
    margin-bottom: 0;
    margin-top: 5px;
    margin-right: 20px;
}

#request_grid h5{
    font-size:12px;
}
.history_image{
    margin: 0 auto;
    display: block;
}

.marquee {
    height: 30px;
    overflow: hidden;
    position: relative;
    /*background: #1e5e73;*/
    background: var(--ion-color-secondary);
    color:  var(--ion-color-secondary-contrast);
    padding-top: 6px;
    border: none;
}

.tile{
    text-align: center;
    padding-top:50px;
    padding-bottom:50px;
}
#checklist_update_container{
    background: #f2f1f7;
    width: 114%;
    margin-left: -7%;
    padding-top: 1px;
    padding-bottom: 1px;
}
.questionContainer div, .questionContainer ion-item{
    background: #fff !important;
}
.questionContainer{
    background: #fff;
    width: 95%;
    border-radius: 10px;
    margin: 10px auto;
}

@media (min-width: 680px) {

    #checklist_update_container{
        background: #f2f1f7;
        width: auto;
        padding-top: 1px;
        margin-left: 0;
        padding-bottom: 1px;
    }

    .questionContainer div, .questionContainer ion-item{
        background: #fff !important;
    }

    .questionContainer{
        background: #fff;
        width: 95%;
        border-radius: 10px;
        margin: 10px auto 10px 0;
    }
}

#form_container{
    background: #dbdbe1;
}

.questionContainerForm div, .questionContainerForm ion-item{
    background: #fff !important;
}
.questionContainerForm{
    background: #fff;
    width: 95%;
    border-radius: 10px;
    margin: 10px auto;
}

ion-footer{
    display:none;
}
ion-footer#menu_footer{
    display: block;
}
ion-footer#menu_footer div{
    padding:15px;
    color: #919191;
}

.asset_image_container img{
    max-width:80px;
    max-height: 80px;
    display:block;margin-bottom:10px;
}

#form_menu_placeholder{
    display: none;
}

.signature_canvas{
    height:180px;
    border:1px solid black;
    width: 100%;
}

#form_container .item-lines-none{
    border: 1px solid #ccc;
    padding-left:10px;
}

#form_container ion-item::part(native) {
    font-weight: normal !important;
    padding-left: 0;
}

#form_container ion-item.item-header::part(native){
    text-align: center;
}

.segment-scrollable{
    padding-bottom: 10px;
}
.segment-scrollable::-webkit-scrollbar{
    width:0;
}

.select2-container{
    width: 100% !important;
}

.alert-tappable.alert-radio,
.alert-tappable.alert-checkbox
{
    height: auto;
    contain: content;
}

.alert-checkbox-label.sc-ion-alert-md,
.alert-checkbox-label.sc-ion-alert-ios,
.alert-radio-label.sc-ion-alert-md,
.alert-radio-label.sc-ion-alert-ios {
    white-space: normal;
}

.note_image_container{
    width: 100px;
    height: 100px;
    text-align: center;
    margin-bottom:10px;
    float:left;
    margin-right:10px;
}

.note_image_container img{
    max-width:100px;
    max-height: 100px;
    display:block;
    margin: 0 auto;
}