body { font-size: 140%; }
td.highlight {
    background-color: whitesmoke !important;
}

/* Ensure that the table scrolls */
th, td {
    white-space: normal;
    max-width: 200px;
    min-width: 170px;
}
div.dataTables_wrapper {
    /*width: 800px;*/
    margin: 10px;
    horiz-align: left;
}
body { font-size: 140%; }
    div.DTTT { margin-bottom: 0.5em; float: right; }
    div.dataTables_wrapper { clear: both; }

.tab {
  overflow: hidden;
  border: 1px solid #ccc;
  background-color: #f8f8f8 ;
}

/* Style the buttons that are used to open the tab content */
.tab button {
  background-color: inherit;
  float: left;
  border: none;
  outline: none;
  cursor: pointer;
  padding: 14px 16px;
  transition: 0.3s;
}

/* Change background color of buttons on hover */
.tab button:hover {
  background-color: #ddd;
}

/* Create an active/current tablink class */
.tab button.active {
  background-color: #ccc;
}

/* Style the tab content */
.tabcontent {
  display: none;
  padding: 6px 12px;
  border: 1px solid #ccc;
  border-top: none;
}

@media (min-width: 992px) {

    .pdbviewer {

        border: 1px solid transparent;
        border-radius: 4px;
        -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
        box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
        border-color: #ddd;
        padding: 0;
    }
}

@media (max-width: 991px) {
    .pdbviewer {
        display: none;
    }

    .mitowheel-viewer {
        display: none;
    }
    .powered-by{
        display: none;
    }
    .col-sm-8 {
        width: 100% !important;
    }
    .banner{
        display: none;
    }
    #residue_inter_container{
        padding-left: 0;
        padding-right: 0;
    }
    #residue_inter_container>div{
        padding-left: 0;
        padding-right: 0;
    }
}
canvas {
    width:100%;
    padding:20px;
}

.General_info{
    background-color: #93d5fd !important;
}

.Conservation{
    background-color: #89d2bb !important;
}

.Pathogenicity_predictors{
    background-color: #abdda4 !important;
}

.Pathogenicity_meta-predictors{
    background-color: #e6f598 !important;

}

.Cancer-specific_predictors {
    background-color: #fee08b !important;

}

.Residue_interaction {
    background-color: #ffb097 !important;
}

.Databases_of_Frequencies_and_Phenotypes {
    background-color: #ffc790 !important;
}

.Compensated_Pathogenic_Deviations{
    background-color: #ffdce0 !important;
}

@media (min-width: 1200px) {
    .panel-cell-heading {
        border: 1px solid transparent;
        -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
        box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
        border-color: #ddd;
        padding-top: 5px;
        padding-right: 10px;
        padding-left: 10px;
        padding-bottom: 5px;
        /*margin-left: 15px;*/


    }

    .panel-cell-content {
        border: 1px solid transparent;
        -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
        box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
        border-color: #ddd;
        padding-top: 5px;
        padding-right: 10px;
        padding-bottom: 5px;
        padding-left: 10px;

    }

}
@media (max-width: 1199px) {
    .panel-cell-heading {
        text-align: left !important;
        border: 1px solid transparent;
        -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
        box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
        border-color: #ddd;
        padding-top: 5px;
        padding-right: 10px;
        padding-left: 10px;
        padding-bottom: 5px;
        /*margin-left: 15px;*/
    }

    .panel-cell-content {
        border: 1px solid transparent;
        -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
        box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
        border-color: #ddd;
        padding-top: 5px;
        padding-right: 10px;
        padding-bottom: 5px;
        padding-left: 10px;

    }

}
.genoverse{
    margin-top: 20px;
    width: 100% !important;
    font-family: Lato !important;
    font-weight: normal !important;
}

.gv-name{
    font-weight: normal !important;

}
.genoverse > table{
    width: 100%;
}

.gv-canvas-container{
    width: 90% !important;
}

.gv-panel {
    width:auto !important;
    min-width: 0 !important;

}

.gv-control-panel-plugin .gv-panel-left {
    background-image: -webkit-linear-gradient(right, #84cefb, #84cefb)!important;
}

.gv-panel-right {
    background-image: -webkit-linear-gradient(right, #84cefb, #84cefb)!important;
}
.gv-name, .gv-control-panel-plugin .gv-panel button {
    color: #383838 !important;
    text-shadow: 0 0px 0 rgba(128, 123, 123, 0.75) !important;
}

.gv-tooltips {
    display: none;
}

.gv-fullscreen-button {
    height: 60px !important;
}

div.banner {
  width: 290px;
  height: 250px;
  background-color:white;
  position: fixed;
  z-index: 999;
  right: -300px;
  top: 120px;
  text-align: left;
  padding: 0;
  border:1px solid #ddd;
  /*border-right:none;*/
  padding:20px;
}

div.banner > span#close {
    position: absolute;
    left: 0;
    top: 0;
    padding: 5px;
    color: #c35353;
}

div.banner > span#close:hover {
    background-color: #c35353;
    color: white;
}

.btn-secondary{
    background-color: #e6d8ca;
    color:#636363;
}

.no-js #loader { display: none;  }
.js #loader { display: block; position: absolute; left: 100px; top: 0; }
.se-pre-con {
	position: fixed;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	z-index: 9999;
	background: url(../images/loader-64x/Preloader_2.gif) center no-repeat #fff;
}

#table_container{
    display:none;
}

.powered-by{
    float: right;
    font-size: 10px;
}

.questionmark {
    width:13px;
    vertical-align: top;
}

.tooltip_templates{
    display: none;
}