/* CSS FOR maincontent TABLES ON VLAB
*/
.labellink {
    font-weight: 600;
    color: #327da8;
}

table {
    border-spacing: 0.1px;
    border-collapse: collapse;
    font-size: 10pt;
}

.backtop {
    background-color: rgb(122, 213, 233);
    border-bottom: 1px solid rgb(68, 91, 106);
    border-top: 1px solid rgb(68, 91, 106);
    border-left: 1px solid rgb(68, 91, 106);
    border-right: 1px solid rgb(68, 91, 106);
    text-align: center;
    width: 48;
    display: inline-block;
}

.backtop:hover{
    text-decoration: underline;
    cursor: pointer;
}

.maincontent {
    padding: 0.25em;
    width: 80%;
    display: inline-block;
    float: right;
    position: relative;
    background-color: #defcfc;
    padding: 0.25em;
    border-bottom: 1px solid #cccccc;
    border-top: 1px solid #cccccc;
    border-left: 1px solid #cccccc;
    border-right: 1px solid #cccccc;
    font-weight: 500;
    cursor: arrow;
}

.maincontent p {
    width: 90%;
    margin: 4px;
    padding: 2px;
}

.maincontent.tsubgroup {
    background-color: #99ccff;
    pointer-events: none;
    text-decoration: underline;
    font-weight: 700;
}

.popup-label{
    background-color: #c7e4eb;
    margin-left: 2px;
    cursor: default;
    font-weight: 500;
    opacity: 1.0;
    text-align: left;
    position: relative;
    padding: 0.25 em;
}

/*.popup-label:before{
    position: relative;
    content:'';
    border: 7px solid transparent;
    border-top-color: rgb(220, 113, 56);
    top: 12px;
    right: 4px;
    margin-top: -3px;
    margin-right: 6px;
}

.popup-label.anchor:before{
    border-bottom-color: rgb(220, 113, 56);
    border-top-color: transparent;
    margin-top: -9px;
    top: -12px;
}

.popup-label.anchor{
    position: relative;
}

.popup-label:hover:before{
    cursor: default;
    opacity: 1;
}

.popup-label:hover{
    text-decoration: underline;
}
*/

.droptable-header{
    margin-left: 10px;
    cursor: default;
    font-weight: 400;
    opacity: 1.0;
    text-align: center;
    position: relative;
}

.droptable-header:before{
    position: relative;
    content:'';
    border: 7px solid transparent;
    border-top-color: #000066;
    top: 12px;
    right: 4px;
    margin-top: -3px;
    margin-right: 6px;
}

.droptable-header.anchor:before{
    border-bottom-color: #000066;
    border-top-color: transparent;
    margin-top: -9px;
    top: -12px;
}

.droptable-header.anchor{
    position: relative;
}

.droptable-header:hover:before{
    cursor: default;
    opacity: 1;
}

.label-link{
    font-weight: lighter;
}

.expt-models-link{
    font-weight: lighter;
}

.dash-models-link{
    font-weight: lighter;
}

.modexplink{
    opacity: 1;
}

.dashexplink{
    opacity: 1;
}

.framelink{
    border: 0px none #ffffff;
}

.framelink iframe{
    color: blue;
}

.framelink iframe:hover{
    text-decoration-line: underline;
}

.embedtable{
    border-collapse: collapse;
    width: 50%;
    left: 20%;
    font-size: 1.0em;
    font-family: 'Calibri';
    max-width: 480px;
    box-shadow: 0 0 6px rgba(0,0,0,1);
    max-height: 240px;
    cursor: default;
    transition: opacity 0.4s ease-in-out;
}

.embedtable thead tr{
    display: block;
}

.embedtable thead{
    background-color: rgb(135,135,135);
}

.embedtable tr td{ 
    display: none;
}

.embedtable tbody tr th{
    display: none;
}

.embedtable.anchor tbody tr th{
    displaY: inline-block;
}

.embedtable thead tr th:first-of-type:hover{
    background-color: rgb(215,215,215);
}

.embedtable.anchor tr td{
    display: inline-block;
}

.embedtable.labels{
    float: right;
}

.embedtable th, .embedtable tr{
    background-color: rgb(145, 190, 220);
    color: black;
    font-size: 14px;
}

.embedtable td{
    width: 64px;
    min-width: 128px;
    font-size: 14px;
    padding: 12px;
}

.embedtable th, tr:first-child{
    background-color: rgb(235,235,235);
    text-align: center;
}

.embedtable tbody tr{
    border-bottom: 1px solid #dddddd;
    text-align: left;
    margin-left: 4px;
    max-width: 120px;
}

.embedtable td:first-of-type{
    border-right: 1px gray;
}

.embedtable tbody tr:last-of-type{
    border-bottom: 1px solid black;
}

.poprow{
    padding: 12px;
    display: block;
    overflow: hidden;
    text-decoration-color: rgb(245, 245, 245);
    background-color:  hsl(208, 54%, 80%);
    border-spacing: 2.5px;
    border: 1.25px ridge #192c3d;
    /*max-height: 324px;
    transition: max-height 1s ease-in-out;*/
    font-style: normal;
}

.poprow:hover{
    opacity: 0.9;
    transition: opacity 0.1s ease-in-out;
    background-color:  rgb(155, 200, 240);
}

.poprow.anchor{
    max-height: 324px;
}

.togglerow{
    overflow-y: scroll;
    overscroll-behavior: contain;
    padding: 0.25em;
    text-decoration-color: rgb(245, 245, 245);
    background-color:  hsl(208, 54%, 80%);
    border-spacing: 0.25px;
    border: 1.25px ridge #192c3d;
    font-style: normal;
    max-height: 300px;
    transition: max-height 1s ease-in-out;
}

.togglerow.anchor{
    transition: max-height 1s ease-in-out;
    /*overflow-y: scroll;*/
}

.togglerow label{
    font-size: 14px;
    font-weight: normal;
    font-style: italic;
    margin-left: 8px;
}

.togglerow a{
    font-weight: 50;
    font-style: italic;
    font-size: 12px;
    pointer-events: none;
}

.left .middle .right {
    display: inline-block;
    vertical-align: top;
}