/*ELEMENTS**********************/
/* 
light green:    #E5EECF
light blue:     #ADD8E6
light yellow:   #FFCE60

dark green:     #3E771B
dark blue:      #337AB7
dark orange:    #EB711F

dark red:       #B73338
dark gray:      #333333

text-----------------------------------
font:           Arial, Helvetica, sans-serif
title:          dark green  #3E771B bold    24px
prompt:         dark green  #3E771B
data:           dark gray   #333333
link:           dark blue   #337AB7

    line-height: 150%;
    font-size: 16px;


*/
/** {
    --for debugging
    outline: 1px solid #f00 !important;
}*/
.fhases {
    color: var(--font-color-darkgreen);
    font-size: 2.4em;
}

.logo_auth {
    vertical-align: middle;
}

.caption {
    padding: 18px;
    background-color: #ffffff /* #ADD8E6 /*#f0f0f0 */;
    border-radius: 0 0 16px 16px;
    border: solid 1px #333333;
}

.block {
    display: block;
}

.lh100 {
    line-height: 100%;
}

.height-60 {
    min-height: 60px;
}

.height-80 {
    min-height: 80px;
}

.width-110 {
    width: 110px;
    min-width: 110px;
}

.width-120 {
    width: 120px;
    min-width: 120px;
}

.width-145 {
    width: 142px;
    min-width: 142px;
    max-width: 142px;
}

.width-150 {
    width: 150px;
    min-width: 150px;
    max-width: 150px;
}

.width-160 {
    width: 160px;
    min-width: 160px;
    max-width: 160px;
}

.width-180 {
    width: 180px;
    min-width: 180px;
}

.width-210 {
    width: 210px;
    min-width: 210px;
}

.width-240 {
    width: 240px;
    min-width: 240px;
}

.width-400 {
    width: 280px;
    min-width: 280px;
}

.width-10 {
    min-width: 10%;
    width: 10%;
}

.width-15 {
    min-width: 15%;
    width: 15%;
}

.width-20 {
    width: 20%;
}

Z
.width-25 {
    width: 25%;
}

.width-32 {
    width: 31.8%;
}

.width-33 {
    width: 33.3%;
}

.width-38 {
    width: 38.2%;
}

.width-50 {
    width: 50%;
}

.width-62 {
    width: 61.8%;
}

.width-90 {
    width: 90%;
}

.width-99 {
    width: 99%;
}

.width-99 {
    width: 99.9%;
}

.width-360 {
    min-width: 360px;
    width: 360px;
}

.width-auto {
    width: auto;
}

.prompt::after {
}

.prompt {
    text-align: left;
    color: var(--font-color-darkgray); /* #337AB7; /* #3E771B; */
    float: left;
    line-height: 125%;
}

/*span.title {
    display: block;
}
*/
input, select, textarea { /* makes select equal width */
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    padding: 3px;
}

    input::placeholder {
    }

.dark {
    color: #333333;
}

input.data {
    height: 30px;
}

.data {
    color: #333333;
    text-align: left;
    letter-spacing: 1px;
    padding-top: 4px;
    padding-bottom: 4px;
    padding-left: 4px;
    margin-bottom: 6px;
    height: 30px;
    width: 200px;
}

.data-small {
    color: #333333;
    text-align: left;
    letter-spacing: 1px;
    padding-top: 4px;
    padding-bottom: 4px;
    padding-left: 4px;
    margin-bottom: 6px;
    height: 30px;
    width: 125px;
}

.data-med {
    color: #333333;
    text-align: left;
    letter-spacing: 1px;
    padding-top: 4px;
    padding-bottom: 4px;
    padding-left: 4px;
    margin-bottom: 6px;
    height: 30px;
    width: 140px;
}

.data-date {
    color: #333333;
    text-align: left;
    letter-spacing: 1px;
    padding-top: 4px;
    padding-bottom: 4px;
    padding-left: 4px;
    margin-bottom: 6px;
    height: 30px;
    width: 125px;
}

.short {
    width: 80px;
}

.ddl {
    margin-bottom: 12px;
    margin-top: 3px;
    margin-right: 3px;
    height: 30px;
}

.disabled {
    background-color: #d3d3d3 !important;
    /*text-decoration: line-through;*/
}

    .disabled:hover {
        background: none !important;
        background-color: #d3d3d3 !important;
        color: #333333;
    }
/*******************************/
/*MENU**************************/
.menu-divider {
    background-color: #ffffff;
}

a[disabled] {
    color: #CCCCCC;
    text-decoration: line-through;
}

a.menu {
    color: #4B7B9F; /*#616f20; */ /* #ffffff;*/
    text-decoration: none;
    cursor: pointer;
    font-style: normal;
    font-family: Century Gothic, Arial, Helvetica, sans-serif;
    font-variant: normal;
    text-decoration: none;
    font-weight: normal;
    display: inline-block;
    width: 140px;
}

    a.menu:link {
        color: #4B7B9F; /* #ffffff;*/
    }

    a.menu:hover {
        text-decoration: underline;
        color: #4B7B9F;
    }

    a.menu:visited {
        text-decoration: none;
    }

    a.menu:focus {
    }

    a.menu:active {
    }

a.link_dark {
    color: #333333;
}

    a.link_dark:link {
        color: #333333;
    }

.anylinkcss {
    position: absolute;
    visibility: hidden;
    border: 1px solid black;
    border-bottom-width: 0;
    font: normal 14px arial;
    z-index: 100;
    background-color: #ffffff;
    width: 380px;
}

    .anylinkcss a:hover {
        background-color: #ffffff;
        color: #337AB7; /* #CEDFA9;*/
    }

    .anylinkcss a {
        width: 100%;
        display: block;
        text-indent: 3px;
        border-bottom: 1px solid black;
        padding: 1px 0;
        text-decoration: none;
        text-indent: 5px;
        /*color: #CEDFA9;*/
        background-color: #F4F8E7; /*799b3c;*/
    }


td.menu {
    width: 100%;
    text-align: left;
    background-color: #F4F8E7; /* #CEDFA9;/* #616f20;*/
    padding-left: 8px;
    padding-right: 8px;
    padding-top: 5px;
    padding-bottom: 5px;
}

.MD {
    background-color: #ffffff; /* #e1f4ff; */
}

.DN {
    background-color: #ffffff; /*#cdd7e8; */
}

.CM {
    background-color: #ffffff; /* #eee1ff;*/
}

.HE {
    background-color: #ffffff; /* #eef0ff; */
}

.MH {
    background-color: #ffffff; /* #d1cde8;*/
}
/*******************************/
/*GENERAL***********************/
.left {
    text-align: left;
}

.HeadMode {
    background-color: #ffffff; /* #E6EFFA; /*CEDFA9;*/
    vertical-align: middle;
    padding-left: 10px;
    padding-right: 10px;
    color: #616f20;
    font-weight: normal;
}

    .HeadMode th {
        text-align: left;
    }

.SelectedRowStyle {
    background-color: #E5EECF;
}

    .SelectedRowStyle td {
        background-color: #E5EECF;
    }

.EditMode {
    background-color: #ffffff; /* #E6EFFA; /*CEDFA9;*/
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 3px;
    padding-bottom: 3px;
}

.ListMode {
    background-color: #ffffff;
    vertical-align: middle;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 3px;
    padding-bottom: 3px;
}

.ListModeAlternate {
    background-color: #ffffff; /*#F4F8E7; /*E6EFFA;*/
    vertical-align: middle;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 3px;
    padding-bottom: 3px;
}

.ListModeAlternate2 {
    background-color: #efefef; /* #F4F8E7;*/
    vertical-align: middle;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 3px;
    padding-bottom: 3px;
}

    .ListMode:hover, .ListModeAlternate:hover, .ListModeAlternate2:hover {
        background-color: #CEDFA9;
        cursor: pointer;
        vertical-align: middle;
        padding-left: 10px;
        padding-right: 10px;
        padding-top: 3px;
        padding-bottom: 3px;
    }

.ListModeHover {
    background-color: #CEDFA9;
    vertical-align: middle;
    padding-left: 10px;
    padding-right: 10px;
}

.AlertMode {
    padding-right: 10px;
    padding-left: 10px;
}

.alert {
    color: #800000;
    background-color: #FFFDCC; /* var(--lightblue);*/
}

.icon {
    width: 12px;
}


.button_help {
    box-shadow: inset 0px 1px 4px 0px #dcecfb;
    background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #bddbfa), color-stop(1, #80b5ea) );
    background: -moz-linear-gradient( center top, #bddbfa 5%, #80b5ea 100% );
    background: linear-gradient(to bottom, #bddbfa, #80b5ea);
    background-color: #bddbfa;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
    border-bottom-right-radius: 15px;
    border-bottom-left-radius: 15px;
    text-indent: 0;
    border: 1px solid #84bbf3;
    display: inline-block;
    color: #333333;
    height: 40px;
    line-height: 40px;
    width: 100px;
    text-decoration: none;
    text-align: center;
}

    .button_help:hover {
        background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #80b5ea), color-stop(1, #bddbfa) );
        background: -moz-linear-gradient( center top, #80b5ea 5%, #bddbfa 100% );
        background: linear-gradient(to bottom, #bddbfa, #80b5ea);
        background-color: #80b5ea;
    }

    .button_help:active {
        position: relative;
        top: 1px;
    }

/*.button {
    box-shadow: inset 0px 1px 0px 0px #fcf8f2;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 0px;
    text-indent: 0;
    border: 1px solid #eeb44f;
    display: inline-block;
    color: #333333;
    height: 30px;
    line-height: 30px;
    width: 100px;
    text-decoration: none;
    text-align: center;
    text-shadow: 1px 1px 0px #cc9f52;
    border-radius: 8px;
    background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #eb711f), color-stop(1, #fdb713) );
    background: -moz-linear-gradient( center top, #eb711f 5%, #fdb713 100% );
    background-color: #eb711f;
}*/
.button {
    border-radius: 9px 9px 9px 9px;
    padding-top: 9px;
    padding-bottom: 9px;
    margin-top: 9px;
    margin-bottom: 0px;
    min-width: 110px;
    overflow: hidden;
    cursor: pointer;
    background-color: #ffce60;
}

    .button:hover {
        background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #fae4bd), color-stop(1, #eac380) );
        background: -moz-linear-gradient( center top, #fae4bd 5%, #eac380 100% );
        background-color: #fae4bd;
        color: #333333;
    }



    .button:active {
        position: relative;
        top: 1px;
    }

.button1 {
    border-radius: 9px 9px 9px 9px;
    padding-top: 9px;
    padding-bottom: 9px;
    margin-bottom: 0px;
    min-width: 100px;
    width: 100px;
    overflow: hidden;
    cursor: pointer;
    background-color: #ffce60;
    font-size: .8em;
}

.button2 {
    border-radius: 9px 9px 9px 9px;
    padding-top: 9px;
    padding-bottom: 9px;
    margin-bottom: 0px;
    min-width: 90px;
    width: 90px;
    overflow: hidden;
    cursor: pointer;
    background-color: #ffce60;
    font-size: .8em;
}

.button3 {
    border-radius: 9px 9px 9px 9px;
    padding-top: 9px;
    padding-bottom: 9px;
    margin-top: 9px;
    margin-bottom: 0px;
    min-width: 70px;
    overflow: hidden;
    cursor: pointer;
    background-color: #ffce60;
    font-size: .8em;
}

.button_square {
    /*
	box-shadow:inset 0px 1px 0px 0px #fcf8f2;
        */
    /* border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 0px;*/
    text-indent: 0;
    /*border: 0px solid; /* #eeb44f;*/
    display: inline-block;
    /*color: #eb711f;*/
    font-weight: normal;
    font-style: normal;
    height: 20px;
    line-height: 20px;
    width: 74px;
    text-decoration: none;
    text-align: center;
    background-color: transparent; /*#eb711f;*/
    margin: 4px;
}

    .button_square:hover {
        /*color: #000000;*/
    }

    .button_square:active {
        position: relative;
        border: none;
        /* top: 1px;*/
    }

.button_sonnet {
    box-shadow: inset 0px 1px 0px 0px #ffffff;
    background-color: transparent;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 0px;
    text-indent: 0;
    border: 1px solid #dcdcdc;
    display: inline-block;
    color: #666666;
    font-size: .8em;
    height: 25px;
    line-height: 25px;
    width: 90px;
    text-decoration: none;
    text-align: center;
    text-shadow: 1px 1px 0px #ffffff;
}

    .button_sonnet:hover {
        cursor: pointer;
    }

    .button_sonnet:active {
        position: relative;
        top: 1px;
    }

.button_tab {
    /*    box-shadow: inset 0px 1px 0px 0px #fcf8f2;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 0px;*/
    text-indent: 0;
    /*border: 1px solid #eeb44f;*/
    display: inline-block;
    color: #ffffff;
    font-family: Arial;
    font-size: 1.1em;
    font-weight: normal;
    font-style: normal;
    height: 32px;
    line-height: 30px;
    width: 74px;
    text-decoration: none;
    text-align: center;
    text-shadow: 1px 1px 0px #cc9f52;
    border-radius: 999px;
    background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #eb711f), color-stop(1, #fdb713) );
    background: -moz-linear-gradient( center top, #eb711f 5%, #fdb713 100% );
    background-color: #eb711f;
}

    .button_tab:hover {
        background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #fae4bd), color-stop(1, #eac380) );
        background: -moz-linear-gradient( center top, #fae4bd 5%, #eac380 100% );
        background-color: #fae4bd;
        color: #333333;
    }

    .button_tab:active {
        position: relative;
        top: 1px;
    }

.button_small {
    border-radius: 9px 9px 9px 9px;
    width: 60px;
    overflow: hidden;
    cursor: pointer;
    background-color: #ffce60;
    height: 90%;
    padding-right: 0px;
    margin-right: 0px;
    margin-bottom: 6px;
}

    .button_small:hover {
        background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #fae4bd), color-stop(1, #eac380) );
        background: -moz-linear-gradient( center top, #fae4bd 5%, #eac380 100% );
        background-color: #fae4bd;
        color: #333333;
    }

    .button_small:active {
        position: relative;
        top: 1px;
    }

.image_button {
    width: 24px;
    padding: 3px;
}

.center {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}

.right {
    text-align: right !important;
}

.left {
    text-align: left;
}

.bold {
    font-weight: 700;
}

.italic {
    font-style: italic;
    font-weight: 600;
}

.warning {
    color: #B73338;
    text-align: center;
}

.encounter_label {
    font-family: verdana;
    font-size: .8em;
    color: #333300;
    padding: 0px;
    margin: 0px;
}

.error {
    text-align: left;
    /*    float: left;*/
    line-height: 125%;
    color: #B73338;
}

.form {
    vertical-align: top;
    padding: 6px;
    border: solid 1px #333333;
    /*border-radius: 12px;    */
    border-radius: 0px 0px 12px 12px;
}

.form-1080 {
    padding: 6px;
    border: solid 1px #333333;
    border-radius: 0px 0px 12px 12px;
    width: 910px;
    min-width: 910px;
    max-width: 910px;
}

.form-1080-2 {
    padding: 6px;
    border: solid 1px #333333;
    border-radius: 12px;
    background-color: #eeeeee;
    width: 910px;
    min-width: 910px;
    max-width: 910px;
}

.form-min {
    padding: 6px;
    border: solid 1px #333333;
    border-radius: 12px;
    width: 300px;
}

.form-240 {
    width: 240px;
}

.form-300 {
    width: 300px;
}

.td-data {
}

.td-prompt {
    width: 120px;
}


.log {
    vertical-align: top;
    font-size: .6em;
}

.log2 {
    height: 230px;
    max-height: 230px;
    overflow-y: auto;
    border: 1px solid #ccc;
    vertical-align: top;
    font-size: .75em;
    padding: 2px;
}

.note {
    height: 20em;
    font-size: 1em;
}

.note-small {
    height: 10em;
    font-size: 1em;
}

.notice {
    margin-top: 5px;
    margin-bottom: 5px;
    /*float: left*/
    text-align: left;
    line-height: 125%;
}



.report-meta {
    color: #333333;
    font-size: 1.2em;
}

.report {
    color: #696969;
    padding-left: 10px;
    padding-right: 10px;
}

.report-large {
    overflow-x: auto;
    max-width: 1220px;
}

.small {
    font-size: .8em;
}

.tab {
    margin-top: 20px;
    padding-top: 8px;
    padding-bottom: 10px;
    padding-right: 1px;
    padding-left: 1px;
    width: 110px;
    color: #ffffff;
    overflow: hidden;
    text-transform: lowercase;
    cursor: pointer;
    border-radius: 8px 8px 0px 0px;
    border: 0;
    background-color: #CEDFA9; /*#616f20;*/
    border-top: 1px solid #cccccc;
    border-right: 1px solid #cccccc;
    border-left: 1px solid #cccccc;
}

.tab-title {
    /* width: 90px*/
}

input[disabled].tab {
    color: #616f20;
    font-weight: bold;
    padding-bottom: 15px;
    border-top: 1px solid black;
    border-right: 1px solid black;
    border-left: 1px solid black;
}

.tab2 {
    margin-top: 6px;
    padding-top: 4px;
    padding-bottom: 8px;
    padding-right: 1px;
    padding-left: 1px;
    width: 95px;
    font-family: Arial, Helvetica, sans-serif;
    color: #666666;
    overflow: hidden;
    text-transform: lowercase;
    cursor: pointer;
    border-radius: 9px 9px 0px 0px;
    border: 0;
    background: rgba(206,223,169,0.3);
    border-top: 1px solid #cccccc;
    border-right: 1px solid #cccccc;
    border-left: 1px solid #cccccc;
}

input[disabled].tab2 {
    color: #800000;
    font-weight: bold;
    background-color: #CEDFA9;
    padding-bottom: 12px;
    border-top: 1px solid #cccccc;
    border-right: 1px solid #cccccc;
    border-left: 1px solid #cccccc;
}

input[disabled] {
    border-bottom: 0px solid black;
}

button[disabled], a[disabled] {
    /*background-color:#f4f4f4;*/
    text-shadow: none;
}

[disabled] {
    color: darkgray;
}

.page-title {
    font-size: 1.2em;
    padding-right: 6px;
    font-weight: 600;
    color: var(--font-color-darkgreen);
    /*color: var(--font-color-darkblue);*/
}

.title {
    font-size: 1.6em;
    padding-right: 6px;
    display: block;
    /*color: #3E771B; /*#616f20; /*color: #800000; /*#616f20; */
}

.subtitle {
    font-size: 1.2em;
    /*    color: #337AB7;*/
    padding-top: 12px;
    color: var(--font-color-darkgreen);
}

.account {
    font-size: 1.6em;
    color: #333333;
}

.margin-top-10 {
    margin-top: 10px;
}

.margin-bottom-0 {
    margin-bottom: 0px;
}

.margin-bottom-10 {
    margin-bottom: 10px;
}

.margin-right-10 {
    margin-right: 10px;
}

.margin-right-12 {
    margin-right: 12px;
}

.margin-right-40 {
    margin-right: 40px;
}

.margin-left-10 {
    margin-left: 10px;
}

.margin-left-20 {
    margin-left: 40px;
}

.padding-5 {
    padding: 5px;
}

.padding-10 {
    padding: 10px;
}

.padding-top-5 {
    padding-top: 5px;
}

.padding-top-6 {
    padding-top: 6px;
}

.padding-top-9 {
    padding-top: 9px;
}

.padding-top-10 {
    padding-top: 10px;
}

.padding-top-20 {
    padding-top: 20px;
}

.padding-bottom-6 {
    padding-bottom: 3px;
}

.padding-bottom-9 {
    padding-bottom: 3px;
}

.padding-bottom-10 {
    padding-bottom: 10px;
}

.padding-bottom-20 {
    padding-bottom: 20px;
}

.padding-right-4 {
    padding-right: 4px;
}

.padding-right-6 {
    padding-right: 6px;
}

.padding-right-9 {
    padding-right: 9px;
}

.padding-right-10 {
    padding-right: 10px;
}

.padding-left-4 {
    padding-left: 4px;
}

.padding-left-10 {
    padding-left: 10px;
}

.padding-left-15 {
    padding-left: 15px;
}

.float-right {
    float: right;
}

.float-left {
    float: left;
}

.height-20 {
    min-height: 20px;
    height: 20px;
}

.height-210 {
    min-height: 220px;
    max-height: 220px;
    height: 220px;
}

.height-240 {
    min-height: 240px;
    max-height: 240px;
    height: 240px;
}

.watermark {
    font-weight: 100;
    font-size: .8em;
    font-style: italic;
    font-variant: normal;
    text-transform: lowercase;
    color: #808080;
    height: 1em;
}

.popupbody {
    margin: auto;
    padding: 0;
    background-color: #ffffff;
    text-align: center;
}

.popupControl {
    background-color: #AAD4FF;
    visibility: hidden;
    border-style: solid;
    border-color: Black;
    border-width: 2px;
    position: fixed;
    left: 100px;
    top: 100px;
}
/*******************************/
/*PANELS************************/
.main-panel {
    /*    -moz-border-radius: 20px 20px 20px 20px;
    -webkit-border-radius: 20px 20px 20px 20px;*/
    border-radius: 20px 20px 20px 20px;
    /*padding-top: 14px;*/
    background-color: #ffffff;
}

.inner-panel {
    /*    -moz-border-radius: 20px 20px 20px 20px;
    -webkit-border-radius: 20px 20px 20px 20px;*/
    border-radius: 20px 20px 20px 20px;
    padding-top: 5px;
    padding-left: 0px;
    padding-right: 0px;
}

.pnlContent {
    /*    -moz-border-radius: 0px 0px 20px 20px;
    -webkit-border-radius: 0px 0px 20px 20px;*/
    border-radius: 0px 0px 20px 20px;
    overflow-y: scroll;
    height: 100%;
    min-height: 100%;
    padding-bottom: 30px;
    /*background-color: #CEDFA9;*/
}

.content {
    vertical-align: top;
    width: 99.9%;
    padding-bottom: 28px;
    padding-top: 6px;
    /* padding-left: 150px;*/
}

table.mainTable {
    padding: 1px 1px 1px 1px;
    /*width: 100%;*/
    border: 0px solid #ffffff;
    border-collapse: collapse;
    line-height: 100%;
    padding-top: 14px;
}



/*******************************/
/*PAGING************************/
tr.pager td table tr td {
    text-align: center;
    padding-right: 14px;
    font-size: 1.2em;
}

tr.pager td table {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    width: auto;
}
/*******************************/
/*tables************************/
table.registration {
    border-right: #ffffff 0px solid;
    padding-right: 10px;
    border-top: #ffffff 0px solid;
    padding-left: 20px;
    padding-bottom: 10px;
    border-left: #ffffff 0px solid;
    width: 800px;
    padding-top: 10px;
    border-bottom: #ffffff 0px solid;
    border-collapse: collapse;
}

table.banner {
    border-right: medium none;
    padding-right: 1px;
    border-top: medium none;
    padding-left: 1px;
    padding-bottom: 1px;
    margin: 1px;
    border-left: medium none;
    color: #000099;
    padding-top: 1px;
    border-bottom: medium none;
}
.sticky {
    position: sticky;
}
.banner {
    position: sticky;
    top: 0px;
    background: #ffffff;
    padding-top: 14px;
    height: 90px;
    border-bottom: solid 1px #333333;
}

.navbar {
    position: sticky;
    top: 106px;
    left: 0px;
    background: #ffffff;
    overflow-y: auto;
    scrollbar-width: none;
    max-height: 90vh;
}

.element::-webkit-scrollbar {
    display: none;
}

.gridview {
    padding: 6px;
    margin: 3px;
}


table.gridview tr td {
    padding-top: 3px;
    padding-bottom: 3px;
    padding-right: 3px;
}

.lsehidden {
    display: none;
}


#ContentControl_tcPatient_header {
}



.portrait {
    width: 140px;
    height: 140px;
    border-radius: 12px 12px 12px 12px;
}

.footer {
    padding-top: 15px;
    padding-bottom: 15px;
    text-align: center;
    font-family: Tunga;
    font-weight: lighter;
    color: #999999;
}

.sonnet {
    font-family: Tunga;
    font-weight: bold;
    color: #003366;
}

.width40 {
    width: 40%;
}

.width50 {
    width: 50%;
}

.width60 {
    width: 60%;
}

.width100 {
    width: 100%;
}

.HeaderStyle th {
    text-align: left
}

.modalBackground {
    background-color: Black;
    opacity: 0.9;
}

.modalPopup {
    background-color: #FFFFCC;
    border-width: 3px;
    border-style: solid;
    border-color: black;
    padding-top: 10px;
    padding-left: 10px;
    width: 450px;
    height: 200px;
}

.dx {
    width: auto;
}

.dxscLoadingPanel_Office2003Olive {
    width: 300px;
}

.dxmSubMenu_Office2003Olive {
    width: 300px;
}

.dxpcControl_Office2003Olive {
    position: absolute;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
}


iframe.dxheDesignViewArea {
    width: 300px !important;
    height: 100% !important;
}

#ContentControl_gvItem_ctl02_txtProtocolTemplateInstructions_DesignIFrame {
    width: 100% !important;
}

#ContentControl_tcPatient_tpCMEncounters_gvCMEncounter_ctl02_txtCMEncounterNote_DesignIFrame {
    width: 100% !important;
}

.Responses td:nth-child(1) {
    border: 2px solid #ffffff;
    width: 9%;
    max-width: 9%;
    margin: 0px;
    padding: 3px;
}

.Responses td {
    border: 2px solid #ffffff;
    width: 13%;
    margin: 0px;
    padding: 3px;
    text-align: left;
}

    .Responses td:nth-last-child(1) {
        border: 2px solid #ffffff;
        width: 91%;
        margin: 0px;
        padding: 3px;
        text-align: left;
    }

.Responses2 td {
    border: 2px solid #ffffff;
    width: 20%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin: 0px;
    padding: 3px;
    text-align: left;
    padding-right: 10px;
    vertical-align: top;
}

    .Responses2 td:nth-last-child(1) {
        border: 2px solid #ffffff;
        width: 90%;
    }

.question_prompt {
    padding: 5px;
    border: 2px solid #ffffff;
}

.question_response {
    color: black;
}

.justify {
    text-align: justify;
}

.flex-container {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: flex-start;
}

    .flex-container > table {
        width: 400px;
        margin: 0px;
    }

.data-spacing {
    margin-top: 0px;
    margin-bottom: 12px;
}

.report-uds td, .report-uds th {
    padding-left: 6px;
}

.ordered-letters {
    list-style-type: lower-alpha;
}

.privacy-paragraph {
    margin-top: 0px;
    margin-bottom: 24px;
}

.privacy-h3 {
    margin-bottom: 6px;
    margin-top: 6px;
}

.privacy-spacing-h1 {
    margin-bottom: 24px;
}

.privacy-spacing-h2 {
    margin-bottom: 12px;
}

.privacy-first-p {
    margin-top: 0px;
}

.privacy-last-p {
    margin-bottom: 24px;
}

.ul-last-spacing {
    margin-bottom: 24px;
}

.filter-width {
    width: 240px;
    border: none;
}

.filter-width50 {
    width: 116px;
}

.filter-button {
    text-align: center;
    margin-bottom: 9px;
}

.enrollment-status-cell {
    width: 12px;
    vertical-align: middle;
}

.cell-width-499pct {
    width: 49.9%;
}

.cell-width-998pct {
    width: 99.8%;
}

.border-top {
    border-top: solid 1px #cccccc;
}

.border-left {
    border-left: solid 1px #333333;
    padding-left: 10px;
}

.border-right {
    border-right: solid 1px #333333;
    padding-right: 10px;
}

.vertical-align-top {
    vertical-align: top;
}

.vertical-align-bottom {
    vertical-align: bottom;
}

.vertical-align-middle {
    vertical-align: middle
}

.scrolly {
    overflow-y: scroll;
}

.font-small {
    font-size: .8em;
}

.hidden {
    display: none;
    visibility: hidden;
}

.patient-section {
    width: 99%;
    vertical-align: top;
    height: 100%;
    background-color: #ffffff;
    padding-right: 0px;
    padding-left: 2px;
}

.goog-logo-link {
    display: none !important;
}

.goog-te-gadget {
    color: transparent !important;
}

.languages {
    display: inline-flex;
    height: 36px;
}


.dxgvHeader_Office365 a, .dxgvHeader_Office365 a.dxgvCommandColumnItem_Office365 {
    color: var(--font-color-red);
}

.dxpLite_Office365 .dxp-current {
    background-color: #ffffff;
    color: var(--font-color-red);
}

.dxpLite_Office365 .dxp-num {
    background-color: #ffffff;
}

.dxpLite_Office365:not(.dxpLiteDisabled_Office365) .dxp-current.dxp-num:hover {
    background-color: #ffffff;
}

.dxmLite .dxm-main.dxmtb {
    margin-left: 2px;
    margin-bottom: 0px;
}

a.dxbButton_Office365 {
    color: var(--font-color-red);
}

.dxtc-activeTab {
    /* width: 200px;*/
    width: 58px;
    max-width: 58px;
}

.dxtc-tab {
    /* width: 200px;*/
    background-color: #f3f3f3;
    /* border-radius: 16px 16px 0 0;*/
    font-size: .8em;
    width: 58px;
    max-width: 58px;
}

.dxtc-leftIndent {
    display: none !important;
}

.filter > .dxtc-stripContainer {
    max-width: 180px;
    display: flex !important;
    flex-wrap: wrap !important;
    width: 100% !important;
}

.filter > .dxtc-tab .dxtc-activeTab {
    flex: 0 0 33% !important; /* Approximately 3 tabs per row */
    max-width: 33% !important;
    margin: 2px 0 !important;
    box-sizing: border-box !important;
    margin-left: 10px;
}

.dxtcLite_Office365 {
    font-size: .9em;
    /*font-family: Roboto, Arial, Helvetica, sans-serif;*/
}

    .dxtcLite_Office365 > .dxtc-stripContainer .dxtc-link {
        /*padding: 0.5em .5em;*/
    }

    .dxtcLite_Office365 > .dxtc-stripContainer .dxtc-activeTab a {
        font-size: .9em;
        /*color: var(--font-color-red);*/
    }

    .dxtcLite_Office365.dxtc-top > .dxtc-stripContainer .dxtc-activeTab {
        /*border-color: var(--font-color-red);*/
        /* text-align: left;*/
        /* max-width: 49px;*/
        width: 100%;
    }

    .dxtcLite_Office365.dxtc-left > .dxtc-stripContainer .dxtc-tab {
        /*width: 120px;*/
    }

    .dxtcLite_Office365 > .dxtc-stripContainer .dxtc-tab {
        font-size: .9em;
        color: var(--font-color-red);
        border-radius: 8px 8px 0px 0px;
        text-align: center;
        padding-top: 4px;
        padding-bottom: 4px;
        /*    text-align: left;
        padding-left: 28px;*/
    }

    .dxtcLite_Office365 > .dxtc-stripContainer .dxtc-activeTab {
        text-align: left;
    }

.patient-tab {
    width: 100%;
    height: 1vh;
    min-height: 1vh;
}

    .patient-tab .dxtc-tab {
        width: 80px;
        min-width: 80px !important;
        max-width: 80px;
        text-align: left;
    }

    .patient-tab .dxtc-activeTab {
        width: 80px;
        min-width: 80px !important;
        max-width: 80px;
        text-align: left;
    }

.code-tab .dxtc-tab {
    width: 60px;
    min-width: 60px !important;
    max-width: 60px;
}

.code-tab .dxtc-activeTab {
    width: 60px;
    min-width: 60px !important;
    max-width: 60px;
}

.info-tab .dxtc-tab {
    width: 160px;
    min-width: 160px !important;
    max-width: 160px;
    text-align: left;
}

.info-tab .dxtc-activeTab {
    width: 160px;
    min-width: 160px !important;
    max-width: 160px;
    text-align: left;
}

.dxtcLite_Office365 > .dxtc-stripContainer .dxtc-activeTab {
    /* text-align: left;*/
    /*        padding-left: 28px;*/
    /*background-color: #f3f3f3;*/
    border-color: #f3f3f3;
    font-weight: normal;
    color: var(--font-color-darkgreen);
    background-color: #eeeeee;
}

.dxtcLite_Office365.dxtc-top > .dxtc-stripContainer .dxtc-activeTab {
    /*border: solid 2px #f3f3f3;*/
    color: var(--font-color-darkgreen);
    border-radius: 8px 8px 0px 0px;
    font-weight: normal;
    background-color: #D3E4A6;
    text-align: center;
    padding-top: 4px;
    padding-bottom: 4px;
}
/*.dxtcLite_Office365.dxtc-top > .dxtc-stripContainer .dxtc-activeTab {
    border-bottom-color: #ffce60;
}*/
.dxtcLite_Office365 > .dxtc-stripContainer .dxtc-activeTab a {
    color: var(--font-color-darkgreen);
    font-size: .8em;
    font-weight: bold;
}

.dxtcLite_Office365 > .dxtc-stripContainer .dxtc-tab a {
    color: var(--font-color-darkgreen);
    font-size: .8em;
    font-weight: bold;
}

div.dxtc-flex.dxtc-left > .dxtc-stripContainer {
    margin-left: -24px;
}

.dxtcLite_Office365 > .dxtc-content {
    padding: 0px;
}

.dxtcLite_Office365.dxtc-top > .dxtc-stripContainer .dxtc-tab {
    border: none;
}

.dxtcLite_Office365 > .dxtc-stripContainer .dxtc-link {
    padding-top: .2em;
    padding-bottom: .2em;
    padding-right: 1em;
    padding-left: 1em;
}

.dxnbLite_Moderno .dxnb-content {
    border: none;
}

.dx-combo {
    margin-left: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 6px;
}

.goog-tooltip {
    display: none !important;
}

    .goog-tooltip:hover {
        display: none !important;
    }

.goog-text-highlight {
    background-color: transparent !important;
    border: none !important;
    box-shadow: none !important;
}

#goog-gt- {
    display: none !important;
}

body > .skiptranslate {
    display: none !important;
}

.claim-thumb {
    max-height: 200px;
}

.claim {
    background-color: #f1f1f1;
    border-top: solid 1px #333333;
    padding-top: 3px;
}

.claim-header {
    background-color: var(--lightgray);
    border: solid 2px #333333;
    padding: 12px;
    border-radius: 12px;
}

.claim-detail {
    background-color: var(--white);
    border: solid 2px #333333;
    border-radius: 12px;
    padding: 12px;
}

.grid-table {    
    display: grid;
    grid-template-columns: 40% 60%;
    width: 100%;
    /*border-right: 1px solid #ddd;*/
    border-radius: 4px;
    overflow: hidden;
    
}
.grid-col-prompt {
    background-color: #f8f9fa;
    border-bottom: 1px solid #e9ecef;
    display: flex;
    align-items: center;
    box-sizing: border-box;
}
.grid-col-data {
    border-bottom: 1px solid #eee;
    box-sizing: border-box;
    align-items: center;
}
    .grid-col-data input,
    .grid-col-data textarea {
        width: 100%;
        border: 1px solid #ccc;
        border-radius: 4px;
        box-sizing: border-box;
        font-family: inherit;
        font-size: inherit;
    }
.grid-table > div:last-child,
.grid-table > div:nth-last-child(2) {
    border-bottom: none;
}
.grid-footer {
    grid-column: 1 / -1;
    padding: 1rem;
    background-color: #f8f9fa;
    border-top: 1px solid #dee2e6;
    text-align: right;
    box-sizing: border-box;
}
#timerDisplay {
    font-size: 11pt;
    font-weight: bold;
    /*position: fixed;*/
    /*top: 10px;*/
    /*left: 50%;*/
    /*transform: translateX(-50%);*/
    /*z-index: 9999;*/
/*    background: black;
    color: orange;*/
    /*font-family: monospace;
    font-size: 14px;
    font-weight: bold;
    padding: 8px 20px;
    border-radius: 30px;
    border: 1px solid orange;
    white-space: nowrap;*/
}
/** NOT USED 
.filter {
    padding: 6px 10px 10px 10px;
    font-weight: normal;
    color: #616F20;
    border: solid 1px #333333;
    border-radius: 12px;
    margin-bottom: 12px;
}

.filter-meta {
    padding: 6px 10px 10px 10px;
    color: #616F20;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-bottom-color: #616F20;
}
**/