/**
 * TheVirtualBrain-Framework Package. This package holds all Data Management, and
 * Web-UI helpful to run brain-simulations. To use it, you also need to download
 * TheVirtualBrain-Scientific Package (for simulators). See content of the
 * documentation-folder for more details. See also http://www.thevirtualbrain.org
 *
 * (c) 2012-2023, Baycrest Centre for Geriatric Care ("Baycrest") and others
 *
 * This program is free software: you can redistribute it and/or modify it under the
 * terms of the GNU General Public License as published by the Free Software Foundation,
 * either version 3 of the License, or (at your option) any later version.
 * This program is distributed in the hope that it will be useful, but WITHOUT ANY
 * WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR A
 * PARTICULAR PURPOSE.  See the GNU General Public License for more details.
 * You should have received a copy of the GNU General Public License along with this
 * program.  If not, see <http://www.gnu.org/licenses/>.
 *
 **/

/* -------------------------------------------- */
/* The Virtual Brain: System */
/* -------------------------------------------- */
/* Created by @twotribes, Stuttgart */
/* -------------------------------------------- */
/* StyleSheet Scope: SECTION STIMULUS */
/* Version: Odinson / 2.3.1 */
/* !-------------------------------------------- */

/* !-------------------------------------------- */
/* !LAYOUT: Column configuration */
/* !-------------------------------------------- */

/* We presume to inherit some particular colscheme-* classes from base.css */

.ss-surfacestim .view-column {
overflow: auto;
}

/* !-------------------------------------------- */
/* !COMPONENT: Region management */
/* !-------------------------------------------- */
.regionSelector{
width: 100%;
padding: 0 10px 10px 10px;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
}

.regionSelector h5,.regionSelector h6{
color: #194343;
font-size: 14px;
margin: 5px 0 10px 0;
text-shadow: rgba(255, 255, 255, 0.2) 0px 1px 0px, rgba(0, 0, 0, 0.4) 0px -1px 0px;
text-transform: uppercase;
}

.regionSelector h5{
/*hide connectivity name*/
display: none;
}

.regionSelector .submatrix label{
width: 46%;
position: relative;
border-right: 5px solid #bbb;
background: #ccc;
cursor: pointer;
padding: 2px 2px 2px 2px;
margin: 0 4px 1px 0;

-webkit-transition: border-color .5s ease;
-moz-transition: color .5s ease;
}

.regionSelector .submatrix label.selected{
border-color: #41921f;
-webkit-transition: border-color .5s ease;
-moz-transition: color .5s ease;
}

.regionSelector .node-scale{
font-weight: normal;
margin-left: 4px;
position: absolute;
top:8px;
right:8px;
}

.regionSelector .node-scale-selected{
color:#41921f;
font-weight: bold;
}

.toolbar-inline > li:last-child{
float:right;
}

/* Oh my god. This is just an ugly copy from section_connectivity.css. Shouldn't be. */
.hemisphere {
float: left;
padding: 0 10px 10px 10px;
width: 50%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
}

.hemisphere + .toolbar-inline {
clear: both;
}

.hemisphere h5 {
color: #194343;
font-size: 14px;
margin: 5px 0 10px 0;
text-shadow: rgba(255, 255, 255, 0.2) 0px 1px 0px, rgba(0, 0, 0, 0.4) 0px -1px 0px;
text-transform: uppercase;
}

.hemisphere table {
width: 100%;
}

.hemisphere td {
border-right: 5px solid #bbb;
background: #ccc;
cursor: pointer;
padding: 2px 2px 2px 2px;
text-align: center;
-webkit-transition: border-color .5s ease;
-moz-transition: color .5s ease;
}

.hemisphere td:hover {
border-color: #52a514;
-webkit-transition: border-color .5s ease;
-moz-transition: color .5s ease;
}

.hemisphere td.selected {
border-color: #41921f;
-webkit-transition: border-color .5s ease;
-moz-transition: color .5s ease;
}

.hemisphere td.selected:hover {
border-color: #1a4c45;
-webkit-transition: border-color .5s ease;
-moz-transition: color .5s ease;
}

.hemisphere td .scale {
float: right;
}

.hemisphere td .scale-zero {
color: #fff;
}

/* !-------------------------------------------- */
/* !COMPONENT: Focal point management */
/* !-------------------------------------------- */

.focal-points {
margin-left: 10px;
position: relative;
}

.focal-points li {
background: rgba(250, 247, 228, 0.3);
float: left;
margin: 0 10px 10px 0;
padding: 5px 25px 5px 5px;
position: relative;
width: 13%;
}

/* Special action button case: Only icon, no text */
#main .focal-points li .action-delete {
position: absolute;
right: -2px;
top: 0;
padding-left: 0;
text-indent: -1000em;
width: 32px;
}

.focal-points:after {
clear: both;
content: "";
display: block;
}

/* !-------------------------------------------- */
/* !COMPONENT: Special viewers */
/* !-------------------------------------------- */

.specialviewer {
margin-bottom: 10px;
min-height: 200px;
position: relative;
text-align: center;
}

.ss-surfacestim .specialviewer#brain-3d {
background: #000;
min-height: 500px;
}

/* Action buttons for 3D brain viewer */
.ss-surfacestim #main .specialviewer .action-plus {
position: absolute;
top: 5px;
right: 5px;
}

.ss-surfacestim #main .specialviewer .block-player {
position: absolute;
top: 5px;
left: 5px;
}

.viewer-legend li {
padding: 5px 10px 0 10px;
}


/* !============================================================================ */
/* !============================================================================ */
/* !TEMPORARY STUFF BELOW - ONLY FOR BACK-END DEVELOPERS! */
/* !============================================================================ */
/* !Needs major cleanup and will possibly be replaced completely! */
/* !============================================================================ */
/* !============================================================================ */

.node-scale-selected {
font-weight: bold;
color: green;
}


body#s-stimulus div.equationDisplay,
html.ss-local div.equationDisplay {
width: 90%;
margin-left: 5%;
}

#div_spatial_model_params {
    max-width: 1000px;
}

#div_spatial_model_params input{
    font-size: 12px;
}

#div_spatial_model_params button{
    margin: 0 10px 5px 0;
    float:right;
    font-size: 10px;
}

.paramSlidersTable {
    width: 100%;
    border-spacing: 1px;
}

.paramSlidersTable td{
    padding: 0 5px;
}

.paramName {
    width: 8%;
    text-align: right;
}

.paramSlider {
    width: 32%
}

.paramValue {
    width: 8%;
    text-align: center;
}

.paramSlidersTable td.paramHelp{
    width:16px;
    padding:0;
}

.sliderGroup{
    padding: 4px 0;
    border-top: 1px solid #999;
}

.sliderGroup button{
    margin: 0 10px 5px 0;
    float:right;
    font-size: 10px;
}

.sliderGroup input{
    font-size: 12px;
}

.axisSlidersTable{
    width:100%;
}

.axisSlidersTable td{
    padding: 0 5px;
}

.axisSlidersTable .c3{
    width: 50%;
}


/* !------------------------------------------------ */
/* !CSS for divs used for displaying the brain pick  */
/* !------------------------------------------------ */

.mainDiv {
    width: 98%;
    height: 75%;
    position: absolute;
    margin-left: 1%;
    margin-right: 1%;
}

html.ss-local div.mainDiv, 
html.ss-surfacemodel div.mainDiv {
    height: 80%;
}

.controllersDiv {
    width: 100%;
    height: 3%;
    position: absolute;
}

.addFocalPoint {
    right: 0;
    float: right;
}

.brainDiv {
    width:100%;
    height:87%;
    position: absolute;
    top: 30px;
}

#s-pick .helper {
    bottom: 4%;
    color: #fff;
    position: absolute;
}

#s-pick #slider-div.shadow {
    bottom: 2%;
    position: absolute;
    width: 100%
}

.model-param-empty{
    padding: 60px;
    margin: 20px;
    background-color: rgba(255,255,255,0.20);
    text-align: center;
}
.model-param-empty a{
    display: inline;
}