/* Copyright (c) 2017, Xuan Linh Do & Finn Ole Koenecke */

/* This file is part of Interneural. */

/* Interneural 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. */

/* Interneural 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 Interneural.  If not, see <https://www.gnu.org/licenses/>. */

#topconfig{
    width: 100%;
    float: left;
}

.add-button {
    border: none;
    margin-top: 1px;
    color: white;
    text-align: center;
    text-decoration: none;
    font-size: 16px;
    width: 100%;
    float: left;
    clear: both;
    height: 26px;
    display: inline-block;
    vertical-align: middle;
    line-height: 26px;
}

.delete-button {
    text-align: center;
    text-decoration: none;
    display: inline-block;
    border: none;
    width: 18px;
    font-weight: bold;
    height: 18px;
    float: left;
    background-color: #d62728;
    color: #fff;
    margin: 1px;
}
.delete-button:hover {
    background-color: #ff9896;
}

#maxIterationsContainer{
    border: none;
    margin-top: 1px;
    margin-bottom: 1px;
    width: 100%;
}

#maxIterationsLabel{
    border: none;
    color: white;
    padding: 0px;
    text-align: center;
    vertical-align: middle;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    width: 40%;
    height: 26px;
    line-height: 26px;
}

#maxIterationsInput{
    border: none;
    color: white;
    /*padding: 10px 0px;*/
    padding: 0px;
    text-align: center;
    font-size: 16px;
    width: 40%;
    height: 26px;
    display: inline-block;
    vertical-align: middle;
    line-height: 26px;
}

#maxIterationsButton{
    font-size: 16px;
    border: none;
    padding: 0px;
    width: 20%;
    height: 26px;
    display: inline-block;
    vertical-align: middle;
    line-height: 26px;
}


.green-button {
    background-color: #42ab6c;
    color: white;
}
.green-button:hover {
    background-color: #98df8a;
}

.green-button-clicked {
    background-color: #98df8a;
}


.headerNnConfig{
    cursor: default;
    background-color: #3077ab;
    color: white;
    text-align: center;
    font-size: 16px;
    width: 100%;
    height: 40px;
    display: inline-block;
    vertical-align: middle;
    line-height: 40px;
}

#nn-config{
    border: solid;
    border-color: white;
    border-width: 0px 0px 0px 1px;
    width: 198px;
    height: 106px;
    position:relative;
    float: right;

}

.ulActFuncOptions .liActFuncOptions {
    list-style-type: none;
}
.ulActFuncOptions,.ulActFuncOptions .liActFuncOptions:not(.init) {
    display: none;
}
.ulActFuncOptions .liActFuncOptions:not(.init):hover {
    cursor: pointer;
}

li.init {
    cursor: pointer;
}

.ulActFuncOptions {
    z-index: 1;
    position:relative;

}

#inputLearningRate, .ulActFuncOptions{
    border: none;
    margin: 0px;
    padding: 0px;
    font-size: 16px;
    color: white;
    width: 80%;
    text-align: center;
    display: inline-block;
    height: 33px;
    vertical-align: middle;
    line-height: 33px;
    list-style-type: none;
}

.nnConfigContainerRow{
    width: 100%;
    border: solid;
    border-color: white;
    border-width: 0px 0px 1px 0px;
}

.tooltip{
    float: right;
    border: none;
    color: white;
    padding: 0px;
    text-align: center;
    font-size: 16px;
    display: inline-block;
    vertical-align: middle;
    cursor: help;
}

.nnConfigContainerRow .tooltip{
    display: inline-block;
    height: 33px;
    line-height: 33px;
    width: 19%;
}