/*
Copyright (C) 2018 Martin Mandelkow <netbeans-pdr@martin-mandelkow.de>

This program is free software: you can redistribute it and/or modify
it under the terms of the GNU Affero 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 Affero General Public License for more details.

You should have received a copy of the GNU Affero General Public License
along with this program.  If not, see <http://www.gnu.org/licenses/>.
*/
/*
    Created on : 11.12.2018, 22:08:20
    Author     : Martin Mandelkow <netbeans-pdr@martin-mandelkow.de>
*/

input[type="time"] {
    width: 6em;
    /*size: 5em;*/
    font-family: monospace;
    border-top: initial;
    border-left: 3px dotted #FEFEFF;
    border-right: 3px dotted #FEFEFF;
    border-bottom: 3px dotted #FEFEFF;
}

input[type="time"]:hover {
    border: 3px dotted #BDE682;
}

div.centered-form-div {
    text-align: center;
    padding: 10px;
    border: 3px solid #73AC22;
    max-width: 465px;
    margin: auto;
}

div.centered-form-div form input {
    margin-bottom: 1em;
}

div.centered-form-div form input[type="text"], input[type="password"], input[type="email"] {
    /**
     * we exclude input[type="number"]
     */
    width: 200px;
}

div.centered-form-div form fieldset {
    text-align: left;
    margin-top: 1em;
    margin-bottom: 1em;
}

input[type=number] {
    /*
     * We are dealing with numbers only up to 60 in our input boxes.
     * 2em are for the numbers, 1em is for the broswer styles and 1em is free space left.
     */
    width: 4em;
}

/*
 * Toggle Switch
 */
/* The switch - the box around the slider */
label.switch {
    position: relative;
    display: inline-block;
    width: 60px;
    height: 34px;
}
/* Hide default HTML checkbox */
.switch input {
    opacity: 0;
    width: 0;
    height: 0;
}
/* The slider */
.slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #B4B4B4;
    -webkit-transition: .4s;
    transition: .4s;
}
.slider:before {
    position: absolute;
    content: "";
    height: 26px;
    width: 26px;
    left: 4px;
    bottom: 4px;
    background-color: white;
    -webkit-transition: .4s;
    transition: .4s;
}
input:checked + .slider {
    background-color: #73AC22;
}

input:checked + .slider:before {
    -webkit-transform: translateX(26px);
    -ms-transform: translateX(26px);
    transform: translateX(26px);
}
/*
 * <--Toggle Switch
 */

span.form-input-unit{
    /* a piece of text representing a physical unit of an input */
    margin-left: 1em;
}

select {
    color: #73AC22;
    background-color: #FEFEFF;

    border-top: 1px dashed #B4B4B4;
    border-left: 1px dashed #B4B4B4;
    border-right: 1px dashed #B4B4B4 ;
    border-bottom: 1px dashed #B4B4B4;
}

select:hover {
    border: 1px double #BDE682;
}

fieldset {
    margin-top: 0.5em;
    border: 1px solid #BDE682;
    padding: 1em;
    font: 80%/1 sans-serif;
    /*
    */
}

fieldset legend {
    padding: 0.2em 0.5em;
    border: 1px solid #73AC22;
    color: #73AC22;
    /*
    font-size:90%;
    text-align: right;
    */
}

fieldset legend img {
    max-height: 1em;
    max-width: 1em;
}

fieldset label {
    display: inline-block;
    /*
    */
}