.hidden::hover {
    display: block;
}
.error-message {
    max-width: 500px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    font-size: 12pt;
    color: red;
    padding: 10px;
}
.permission-notification {
    text-align: center;
    margin-top: 20px;
}
.permission-denied {
    font-size: 26pt;
    font-weight: bold;
}
.permission-denied-note {
    padding: 10px;
    font-size: 11pt;
}
.not-logged-in {
    font-size: 18pt;
    margin-left: auto;
    margin-right: auto;
    width: 70%;
    font-family: 'Rajdhani';
    text-align: center;
}
.not-logged-in-image {
    text-align: center;
    display: block;
    margin-right: auto;
    margin-left: auto;
    padding-top: 60px;
}
.not-logged-in-image-container   {
    width: 110px;
    height: 180px;
    background-color: #1c2555;
    display: inline-block;
}
.not-logged-in-signin-container   {
    display: inline-block;
    border: #f0f0f0 solid 1px;
    width: 80%;
    height: 180px;
    vertical-align: top;
    text-align: left;
}
.not-logged-in-signin   {
    padding: 15px;
    margin: 0;
}
.not-logged-in-buttons   {
    padding: 15px;
}
.application-information-box-access-denied {
    background-color: #eee;
    max-width: 600px;
    width: 80%;
    margin-left: auto;
    margin-right: auto;
    margin-top: 10px;
}
.application-information-box-access-denied .dash-label-left-col {
    font-size: 13pt;
    font-weight: bold;
    vertical-align: top;
    border: 1px solid #d3d3d3;
    padding: 10px;
}
.application-information-box-access-denied .dash-info-right-col {
    font-size: 12pt;
    padding: 10px;
    border: 1px solid #e6e6e6;
    background-color: #ffffff;
}
.main-body.application {
    background-color: #eee;
    display: table;
}
.page-description {
    margin-left: auto;
    margin-right: auto;
    font-size: 15pt;
    width: 80vw;
    min-width: 300px;
    background-color: #fff;
    margin-top: 10px;
    padding: 1px;
    margin-bottom: 5px;
    text-align: center;
}
.options-bar {
    width: 90%;
    margin-left: auto;
    margin-right: auto;
    position:relative;
    min-height:35px;
    margin-top:10px;
}

.options-link {
    display: inline-block;
    margin-left: auto;
    position: absolute;
    right: 0%;
    cursor:pointer;
}
.options-label {
    padding: 5px 10px 5px 10px;
    /* background-color: #f2f2f2; */
    text-align: center;
    font-size: 12pt;
    border-radius: 5px 5px 0px 0px;
}
.options-label img {
    transform: rotate(0deg);
    transition: transform 400ms;
}
.options-menu {
    position: absolute;
    top: auto;
    background-color: #d9d9d9;
    right: 0%;
    opacity: 0;
    max-height: 0px;
    transition: max-height 200ms, opacity 600ms;
    overflow:hidden;
    z-index:99;
}
.options-menu-item {
    padding: 5px 14px 5px 14px;
    margin: 5px;
    background-color: #ffffff;
    border: 1px solid #e6e6e6;
    white-space: nowrap;
    font-size: 14pt;
    font-family: Rajdhani;
    font-weight: bold;
    min-width: 200px;
}
.options-menu-item.disabled-menu-item {
    background-color: #eee;
    color: #aaa;
    cursor: not-allowed;
}
.options-menu-item:hover {
    background-color: #3b3b75;
    color: #fff;
}
.options-menu-item-parent::before {
    content: 'v';
    color: inherit;
    float: right;
    font-family: consolas;
    transform: rotate(0deg);
    transition: 300ms;
    font-weight: normal;
}
.options-menu-item-parent.options-menu-item-parent-open::before {
    transform:rotate(180deg);
    transition: 300ms;
}
.options-menu-item.options-menu-sub-item {
    color: #000;
    font-size: 10pt;
}
.options-menu-item.options-menu-sub-item:hover {
    color: #fff;
    background-color: #2b2b55;
    border: 1px solid #323262;
}
.options-menu-item-parent .options-menu-sub-item {
    display: none;
}
.options-menu-item-parent-open .options-menu-sub-item {
    display: block;
}
.options-link-open .options-menu {
    display:block;
    height: auto;
    max-height:900px;
    opacity: 1;
    transition: max-height 800ms, opacity 150ms;
}
.options-link-open .options-label {
    background-color: #d9d9d9;
    color: #fff;
}
.options-link-open .options-label img {
    transform: rotate(135deg);
    transition: transform 400ms;
}
.classic-container {
    width: 143px !important;
    height: 43px;
    background-color: #fff;
    transition: width 200ms, height 200ms, background-color 200ms, margin-bottom;
    display: block !important;
    vertical-align: top;
    transform: translate(1%,0px);
    margin-left: 0 !important;
    border-radius: 10px;
    box-shadow: -2px 5px 10px rgba(0,0,0,.2);
    margin-top: 10px;
    margin-right: auto;
}
.classic-container button {
    height: 30px;
    width: 130px;
    color: #fff;
    background-color: #363e7b;
    top: 7px;
    right: 7px;
    position: absolute;
    border: 0;
    font-size: 12pt;
    line-height: 30px;
    vertical-align: middle;
    font-family: Rajdhani;
    font-weight: bold;
    border-bottom: 2px solid #2c3363;
    border-radius: 5px;
    cursor: pointer;
}
.content-container {
    width: 90%;
    position: fixed;
    z-index: 99;
    display: block;
    background-color: #ffffff;
    transition: width 200ms, height 200ms, background-color 200ms, box-shadow 200ms;
    border-radius: 10px;
    box-shadow: -2px 5px 10px rgba(0,0,0,.2);
    margin-top: 10px;
    background-color: #fff;
    margin-left: auto;
    margin-right: auto;

}
.input-container {
    width: 90%;
    margin-left: auto;
    margin-right: auto;
    display: block;
    background-color: #ffffff;
    transition: width 200ms, height 200ms, background-color 200ms, box-shadow 200ms;
    border-radius: 10px;
    box-shadow: -2px 5px 10px rgba(0,0,0,.2);
    margin-top: 10px;
    background-color: #fff;
}
.content-display-controller {
    height: 30px;
    width: 150px;
    color: #fff;
    background-color: #363e7b;
    top: 7px;
    right: 7px;
    position: absolute;
    border: 0;
    font-size: 12pt;
    line-height: 30px;
    vertical-align: middle;
    font-family: Rajdhani;
    font-weight: bold;
    border-bottom: 2px solid #2c3363;
    border-radius: 5px;
    cursor: pointer;
}
.input-form-display-controller {
    height: 30px;
    width: 105px;
    color: #fff;
    background-color: #363e7b;
    top: 0;
    right: 0;
    position: absolute;
    border: 0;
    font-size: 12pt;
    line-height: 30px;
    vertical-align: middle;
    font-family: Rajdhani;
    font-weight: bold;
    border-bottom: 2px solid #2c3363;
    border-radius: 5px;
    cursor: pointer;
}
.input-form-display-collapse-btn::before {
    content: '-';
}
.input-form-display-expand-btn::before {
    content: '+';
}
.content-display-collapse-btn::before {
    content: '-';
}
.content-display-expand-btn::before {
    content: '+';
}
.input-field.input-field-collapsed {
    font-size: 0 !important;
    opacity: 0;
    width: 0%;
    transition: width 200ms, opacity 200ms, font-size 200ms;
}
.content-field.content-field-collapsed {
    font-size: 0 !important;
    opacity: 0;
    width: 0%;
    transition: width 200ms, opacity 200ms, font-size 200ms;
}
.input-container.input-container-collapsed {
    width: 119px !important;
    height: 43px;
    background-color: #fff;
    transition: width 200ms, height 200ms, background-color 200ms, margin-bottom;
    /*margin-bottom: 3vh;*/
}
.content-container.content-container-collapsed {
    width: 165px !important;
    height: 43px;
    background-color: #fff;
    transition: width 200ms, height 200ms, background-color 200ms, margin-bottom;
    /*margin-bottom: 3vh;*/
}
.input-container.input-container-collapsed #run {
    display:none;
}
.content-container.content-container-collapsed #run {
    display:none;
}
.content-container form {
    max-width: 500px;
    margin-left: auto;
    margin-right: auto;
    padding:10px;
    position: relative;
}
.input-container form {
    max-width: 500px;
    margin-left: auto;
    margin-right: auto;
    padding:10px;
    position: relative;
}
.input-field {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 90%;
    margin-top: 10px;
    position: relative;
}
.content-field {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 90%;
    margin-bottom: 10px;
    background-color: white;
    padding: 10px;
    border-radius: 6px;
    border: solid grey 1px;
    font-size: 12pt;
}
.content-container .content-field label {
    display: block;
    font-weight: bold;
    font-size: 12pt;
}
.input-container .input-field label {
    display: block;
    font-weight: bold;
    font-size: 12pt;
}
.content-container .content-field input, .content-container .content-field select {
    width: 100%;
    min-width: 200px;
    max-width: 500px;
    font-size: 12pt;
    padding: 10px;
    position: relative;
    top: 2px;
    box-sizing: border-box;
}
.input-container .input-field input, .input-container .input-field select {
    width: 100%;
    min-width: 200px;
    max-width: 500px;
    font-size: 12pt;
    padding: 10px;
    position: relative;
    top: 2px;
    box-sizing: border-box;
}
.input-action-button {
    display: inline-block;
}
.input-visualizer {
    background-color: #dadada;
    padding: 6px;
    border-radius: 2px;
    margin-top: 2px;
}
span.selected-input-element {
    background-color: #6363ab;
    color: #fff;
    padding: 2px 8px 2px 8px;
    border-radius: 6px;
    margin-right: 2px;
    margin-left: 2px;
    cursor: pointer;
    display: inline-block;
    margin-bottom: 2px;
}
span.remove-selected-element {
    margin-left: 6px;
    color: #9292c4;
}
.selected-input-element:hover .remove-selected-element {
    color:#fff;
}
button#run {
    margin-top: 20px;
    margin-bottom: 20px;
}
.autocomplete-container {
    background-color: #f2f2f2;
    border: 1px solid #dedede;
    position: absolute;
    z-index: 5;
    width: auto;
    display:none;
}
.autocomplete-item {
    font-size: 12pt;
    padding: 10px 10px 10px 10px;
    background-color: #fff;
    margin: 3px;
    transform: scale(1);
    color:#000;
    transition: transform 200ms, color 200ms;
}
.autocomplete-item:hover {
    background-color: #42427b;
    color: #fff;
    transform: scale(1.03);
    transition: transform 300ms, color 200ms;
    cursor:pointer;
}
.output-container {
    /*width: 100vw;*/
    margin-left: auto;
    margin-right: auto;
    padding: 10px;
    font-size: 12pt;
    display: inline-block;
    width: 59%;
}
.output-container-service-dash {
    /*width: 100vw;*/
    margin-left: auto;
    margin-right: auto;
    padding: 10px;
    font-size: 12pt;
    /*display: inline-block;*/
    /*width: 59%;*/
}
.output-container-expanded {
    width: 100% !important;
}
.output-section {
    width: 100%;
    margin: 2px;
    background-color: #fff;
    box-shadow: 0 4px 9px 0 rgba(0,0,0,.25);
}
.output-section-title-srvdash {
    font-size: 12pt;
    font-weight: bolder;
    text-align: left;
    font-family: Rajdhani;
    padding: 0px;
    border-bottom: 3px solid #000;
}
.output-section-title {
    font-size: 20pt;
    font-weight: bolder;
    text-align: center;
    font-family: Rajdhani;
    padding: 20px;
    border-bottom: 3px solid #000000;
}
.output-section table {
    font-size: 12pt;
    margin-bottom: 2px;
    font-family: Rajdhani;
    border-collapse: collapse;
}
.output-section .data-table > table {
    box-shadow: inset 0px 0px 20px #dbdbdb;
}

.output-row-title {
    font-weight: bold;
    padding: 5px;
    border-bottom: 1px solid #ececec;
    font-size: 12pt;
}
.output-section table th {
    width: 40%;
    text-align: left;
    font-size: 12pt;
}
.output-section-service-dash {
    width: 100%;
    margin: 2px;
    background-color: #fff;
    box-shadow: 0 4px 9px 0 rgba(0,0,0,.25);
}
.output-section-service-dash > table {
    box-shadow: inset 0px 0px 20px #dbdbdb;
}
.output-section-service-dash table {
    font-size: 12pt;
    margin-bottom: 2px;
    font-family: Rajdhani;
    border-collapse: collapse;
}
.output-section-service-dash .data-table > table {
    box-shadow: inset 0px 0px 20px #dbdbdb;
}
.output-section-service-dash table th {
    white-space: none;
    width: 40%;
    text-align: left;
    font-size: 10pt;
}

/*.aligntd1 {*/
/*    max-width: 850px;*/
/*}*/
.aligntd1, .aligntd2 {
    width: 900px;
    vertical-align: top;
}
.maintable {
    margin-left: auto;
    margin-right: auto;
    table-layout: auto;
}
span.highlight-value {
    /* border-bottom: 2px solid #333; */
    padding-left: 5px;
    padding-right: 5px;
}
.display {
    display: block !important;
}
.dd-arrow {
    background-color: #283e75;
    color: #eee;
    margin: 0;
    padding: 0;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 9999;
}
.output-section-title-arrow::before {
    content: '';
    width: 30px;
    height: 30px;
    position: absolute;
    display: block;
    background-color: #283e75;
    margin-top: 19px;
    left: 35px;
    transform: translate(0,-50%) rotate(0);
    background-image: url(/images/dd-arrow.png);
    background-size: 70%;
    background-position: center;
    background-repeat: no-repeat;
}
.data-table {
    margin-top: 20px;
    padding: 15px !important;
    margin-left: auto;
    margin-right: auto;
    /*width: 100%;*/
    /*overflow: auto;*/
}
.data-table table {
    table-layout: auto !important;
    margin-left: auto;
    margin-right: auto;
}
.text-blue {
    color: #5065d2 !important
}
.number {
    padding: 2px;
    padding-left: 10px;
    padding-right: 10px;
    height: 21px;
}
.data-table tr {
    font-size: 12pt !important;
    border-bottom: 1px solid #d6d6d6;
}
/* table row highlight colors */
.data-table table table tr:hover {
    background-color: #fafafa;
}
.data-table table table table tr:hover {
    background-color: #d3ffd3;
}
.data-table table table table table tr:hover {
    background-color: #beffbe;
}
.data-table table table table table table tr:hover {
    background-color: #aaffaa;
}
.data-table td {
    font-size: 10pt !important
}
.data-table td, .data-table th {
    white-space: nowrap;
    border-left: 1px solid #ebebeb;
    font-weight: bold;
    width: auto !important;
}
.data-table span, .data-table a {
    padding: 2px;
    padding-left: 10px;
    padding-right: 10px;
    height: 21px;
}
.data-table th {
    white-space: pre-line;
    padding: 2px;
    border-left: 1px solid #ebebeb;
    padding-left: 10px;
    padding-right: 10px;
}
.data-table thead th {
    background-color: #283e75;
    color: #fff;
    padding: 0px 10px 0px 10px;
    white-space: pre-line;
    font-size: 10pt;
}
.section-medium .data-table {
    /* max-width: 400px; */
    vertical-align: top;
    width: 100%;
}
.section-large .data-table {
    /*width: 80vw;*/
    vertical-align: top;
    width: 100%;
    box-sizing: border-box;
    white-space: unset;
    box-shadow: 0 4px 9px 0 rgba(0,0,0,.25);
    margin: 5px;
    padding: 2%;
    margin-left: auto;
    margin-right: auto;
}
.output-section.section-medium {
    vertical-align: top;
    width: 50%;
    box-sizing: border-box;
    display: inline-block;
    white-space: unset;
    margin: 5px;
    padding: 2%;
    margin-left: auto;
    margin-right: auto;
}
.output-section-service-dash.section-medium {
    vertical-align: top;
    /*width: 50%;*/
    box-sizing: border-box;
    display: inline-block;
    white-space: unset;
    margin: 2px;
    padding: 2%;
    margin-left: auto;
    margin-right: auto;
}
.output-section.section-small {
    min-width: 300px;
    max-width: 600px;
    width: 50vw;
    margin-left: auto;
    margin-right: auto;
    white-space: unset;
    margin: 5px;
    padding: 2%;
}
.output-section.section-small-srv-dash {
    min-width: 300px;
    max-width: 600px;
    width: 50vw;
    margin-left: auto;
    margin-right: auto;
    white-space: unset;
    /*margin: 5px;*/
    padding: 2%;
}
/* nested object classes (tableify) */
td.object td, td.object th {
    font-size: 11pt !important;
}
td.object th {
    white-space: pre-line;
    font-size: 11pt!important;
}
/* == field value styling == */
span.break-word {
    white-space: normal;
}
.green {
    background-color: #aed581;
}
.blue {
    background-color: #89cff0;
}
.yellow {
    background-color: #fffcbb;
}
.vertthead {
    background-color: #363e7b;
    color: #fff;
}
.data-table th.ascending,
.data-table th.descending
{
    position:relative;
}
.data-table th.ascending::before {
    content: '';
    width: 20px;
    height: 20px;
    position: absolute;
    display: block;
    background-color: #1d2c54;
    right: 5px;
    top: 50%;
    transform: translate(0%,-50%) rotate(180deg);
    background-image: url(/images/dd-arrow.png);
    background-size: 70%;
    background-position: center;
    background-repeat: no-repeat;
}
.data-table th.descending::before {
    content: '';
    width: 20px;
    height: 20px;
    position: absolute;
    display: block;
    background-color: #1d2c54;
    right: 5px;
    top: 50%;
    transform: translate(0%,-50%) rotate(0deg);
    background-image: url(/images/dd-arrow.png);
    background-size: 70%;
    background-position: center;
    background-repeat: no-repeat;
}
.applications-button {
    background-color: #2e2e5c;
    padding: 10px;
}
.applications-button a {
    background-color: #2e2e5c;
    padding: 10px 25px 10px 25px;
    color: #fff;
    font-size: 14pt;
    text-transform: uppercase;
    font-family: Rajdhani;
}
.applications-button a:hover {
    background-color: #51518a;
    cursor: pointer;
    transition: background-color 500ms;
}
.array_text_button {
    display: inline-block; width: 18%;
}
.array-text {
    display: inline-block !important; width: 80% !important;
}
.week-of {
    background-color: #c0c0c0;
    display: block;
}
.note {
    color: red;
    font-size: 10pt;
    position: relative;
}
.output-container button {
    font-weight: bold;
    padding: 5px 15px 5px 15px;
    font-size: 12pt;
    border-radius: 5px;
    border: none;
    border-bottom: 5px solid #00000022;
    border-bottom: 5px solid rgba(0, 0, 0, 0.2);
    position:relative;
    display: inline-block;
    margin-right: 2px;
    margin-left: 2px;
    box-sizing:border-box;
    background-color: #e4e3e1;
    color: black;
    font-family: Rajdhani;
}
.tableexport-caption {
    margin-top: 10px;
    text-align: left;
}
.button-default {
    cursor: pointer;
}
.button-default:hover {
    background-color: #efefef;
}
.g-modal-window-content table {
    width: 100%;
}
.tip {
    margin-top: 10px;
    margin-bottom: 10px;
    margin-left: 26px;
}
.loading {
    display: none;
}
.array-text-input {
    width: 85% !important;
    display: inline-block;
}
.toc-display {
    display: none;
}
/*--------------------------------- For vertical tables -------------------------------------*/
.show {
    display: block;
    margin-left: 30px;
    margin-right: 30px;
    margin-top: 10px;
}
.hidden {
    display: none;
}
.hidden1  {
    display: none;
}
.hidden2 {
    display: none;
}
.hidden3 {
    display: none;
}
.pointer {
    cursor: pointer;
}
.minus:before {
    background-image: url(/images/minus.svg);
    background-size: 11px 21px;
    display: inline-block;
    margin-left: 4px;
    width: 11px;
    height: 16px;
    content: "";
}
.sub-head:before {
    background-image: url(/images/plus-sign.svg);
    background-size: 11px 21px;
    display: inline-block;
    margin-left: 4px;
    width: 11px;
    height: 16px;
    content: "";
}
.sub-head1:before {
    background-image: url(/images/plus-sign.svg);
    background-size: 11px 21px;
    display: inline-block;
    margin-left: 4px;
    width: 11px;
    height: 16px;
    content: "";
}
.sub-head2:before {
    background-image: url(/images/plus-sign.svg);
    background-size: 11px 21px;
    display: inline-block;
    margin-left: 4px;
    width: 11px;
    height: 16px;
    content: "";
}
.sub-head3:before {
    background-image: url(/images/plus-sign.svg);
    background-size: 11px 21px;
    display: inline-block;
    margin-left: 4px;
    width: 11px;
    height: 16px;
    content: "";
}
.sub-head-minus:before {
    background-image: url(/images/minus.png);
    background-size: 11px 21px;
    display: inline-block;
    margin-left: 4px;
    width: 11px;
    height: 16px;
    content: "";
}
.sub-head1-minus:before {
    background-image: url(/images/minus.png);
    background-size: 11px 21px;
    display: inline-block;
    margin-left: 4px;
    width: 11px;
    height: 16px;
    content: "";
}
.sub-head2-minus:before {
    background-image: url(/images/minus.png);
    background-size: 11px 21px;
    display: inline-block;
    margin-left: 4px;
    width: 11px;
    height: 16px;
    content: "";
}
.sub-head3-minus:before {
    background-image: url(/images/minus.png);
    background-size: 11px 21px;
    display: inline-block;
    margin-left: 4px;
    width: 11px;
    height: 16px;
    content: "";
}
.vertString {
    padding-left: 10px;
    padding-right: 10px;
}
.hidden-excel-tab {
    display: none!important;
}

/*specific for reasearcher dashboard service rotation*/
.researcher-td-div {
    white-space: normal;
    width: 150px;
    word-break: break-word;
}
.researcher-footnotes {
    white-space: normal;
    max-width: 400px;
    word-break: break-word;
}
@media (max-width: 1550px) {
    .researcher-td-div {
        white-space: normal;
        width: 100px;
        word-break: break-word;
    }
    .aligntd1, .aligntd2 {
        text-align: left;
        display: block;
        width: 90% !important;
        margin-left: auto;
        margin-right: auto;
    }
}
@media (min-width:1000px) {
    .input-container {
        width: 40% !important;
        display: inline-block;
        vertical-align: top;
}
.content-container {
    width: 40% !important;
    display: block !important;
    vertical-align: top;
    margin-left: 0 !important;
}
.select2-container {
    width: 100% !important;
}
.output-container {
    width: 59%;
    display: inline-block;
    /*margin-top: 70px;*/
}
/*.section-large .data-table {*/
/*    width: 100% !important;*/
/*}*/
}
@media (max-width: 1000px) {
    .classic-container {
        margin-left: auto !important;
        margin-right: auto !important;
    }
}
@media (max-width: 925px) {
    .output-section.section-medium {
        width: 100% !important;
        display: block !important;
    }
    .output-section.section-small {
        width: 100% !important;
        display: block !important;
    }

}
@media (max-width:800px) {
    .output-section-title {
        font-size: 20pt;
        padding: 10px;
    }
    .data-table {
        margin-top: 20px;
        width: 100%;
        /*width: 100vw;*/
        overflow: auto;
    }
    /*div.main-body {*/
    /*    width: 100vw;*/
    /*}*/

}