/* 
 * fixed table header and scrollable table body
 * usage: <table class="fixed-header-table">
 * height of the <tbody> needs to be specified separately 
 */
.fixed-header-table tr {
    display: flex;
}    
.fixed-header-table td {
    flex: 1;
}    
.fixed-header-table thead tr:after {
    overflow-y: scroll;
    visibility: hidden;
    height: 0;
}    
.fixed-header-table thead th {
    flex: 1;
    display: block;
}    
.fixed-header-table tbody {
    display: block;
    overflow-y: auto;
}


/*-------------------- main layout start -----------------------*/

.no-padding{
    padding: 0%;
}

.uppercase{
    text-transform: uppercase;
}

/*#protinfo_panel,*/
#control_board{
    height:12vh;
}

#poc_panel{
    height:78vh;    
}
#vis_panel{
    height:78vh;    
}
#container_3dmol{
    height:78vh;
}
#container_3dmol.sticky{
    position: fixed;
    top: 1vh;
    left: 5vw;
    border: rgb(0, 38, 70);
    border-style: solid;
    border-width: 1;
    z-index: 1000;
}

/*-------------------- main layout end -----------------------*/

/*-------------------- <pocinfo panel> start -----------------------*/

#poc_table tbody{
    height:29vh;
}

#poc_table th,
#poc_table td{
    max-width:33.3%;
    min-width:33.3%;
}

#atom_table tbody{
    height:29vh;
}

#atom_table th,
#atom_table td{
    max-width:20%;
    min-width:20%;
}

/*-------------------- <pocinfo panel> end -----------------------*/


/*-------------------- <visconfig board> start -----------------------*/

#visconfig_board{
    overflow-y:hidden;
    height:80vh;
    width:60vw;
}

/*
#visconfig_board tbody{
    height:40vh;
}
*/

#visconfig_board th:nth-child(1),
#visconfig_board td:nth-child(1),
#visconfig_board th:nth-child(2),
#visconfig_board td:nth-child(2){
    max-width:10%;
    min-width:10%;
}
#visconfig_board th:nth-child(3),
#visconfig_board td:nth-child(3),
#visconfig_board th:nth-child(4),
#visconfig_board td:nth-child(4){
    max-width:15%;
    min-width:15%;
}

#visconfig_board th:nth-child(5),
#visconfig_board td:nth-child(5),
#visconfig_board th:nth-child(6),
#visconfig_board td:nth-child(6){
    max-width:25%;
    min-width:25%;
}

#visconfig_board_footer td:nth-child(1),
#visconfig_board_footer td:nth-child(1){
    max-width:25% !important;
    min-width:25% !important;
}
#visconfig_board_footer td:nth-child(2),
#visconfig_board_footer td:nth-child(2){
    max-width:75% !important;
    min-width:75% !important;
}
/*-------------------- <visconfig board> end -----------------------*/


/* label focus color */
.input-field input[type=text]:focus + label {
    color: #2196F3 !important;
}
/* label underline focus color */
.input-field input[type=text]:focus {
    border-bottom: 1px solid #2196F3 !important;
    box-shadow: 0 1px 0 0 #2196F3 !important;
}
/* valid color */
.input-field input[type=email].valid {
    border-bottom: 1px solid#2196F3 !important;;
    box-shadow: 0 1px 0 0 #2196F3 !important;;
}

/* label focus color */
.input-field input[type=email]:focus + label {
    color: #2196F3 !important;
}
/* label underline focus color */
.input-field input[type=email]:focus {
    border-bottom: 1px solid #2196F3 !important;
    box-shadow: 0 1px 0 0 #2196F3 !important;
}

/* valid color */
.input-field input[type=number].valid {
    border-bottom: 1px solid#2196F3 !important;;
    box-shadow: 0 1px 0 0#2196F3 !important;;
}
    /* label focus color */
.input-field input[type=number]:focus + label {
    color: #2196F3 !important;
}
/* label underline focus color */
.input-field input[type=number]:focus {
    border-bottom: 1px solid #2196F3 !important;
    box-shadow: 0 1px 0 0 #2196F3 !important;
}



/*---------------------*/
#assembly_help:visited{
    color:black;
}
#assembly_help:link{
    color:black;
}
#assembly_help:hover{
    color:#2196F3;
}
#assembly_help:active{
    color:black;
}


/*---------------------*/
#to-top-btn{
    right:90%;
    display: none;
}
#start-tour-btn{
    right:7%;
}