/*******************
       GENERAL
********************/

html, body {
    border: 0;
    padding: 0;
    margin: 0;
    font-family: 'Open Sans', sans-serif;
    color: white;
    background: fixed;
    background-color: darkslateblue;
    background-image: url(../imgs/bgimg.jpg);
    
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

#info {display: block;}
#go-to-bed-when {display: none;}

.unselectable {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

#content {
    margin-top: 30px;
}

#notcontrol {display: none;}

#WUW-button {
    /*background-color: rgb(233, 74, 74);*/
    background-color: darkorange;
    border: none;
    border: white solid 1px;
}
#WUW2-button {
    /*background-color: rgb(233, 74, 74);*/
    background-color: rgb(201, 19, 19);
    border: none;
    border: white solid 1px;
}
#WUW3-button {
    /*background-color: rgb(233, 74, 74);*/
    background-color: rgb(19, 92, 201);
    border: none;
    border: white solid 1px;
}
#restart {
    /*background-color: rgb(233, 74, 74);*/
    background-color: rgb(209, 10, 10);
    border: none;
    border: white solid 1px;
    font-size: 1.6rem;
    display: none;
}

#wake-up-when, #amounttime { display:none;
margin-left: -45px;}

#wake-up-when li, #amounttime li {
    background-color: rgba(214, 214, 214, 0.966);
    color:black;
    display: block;
    padding: 10px 20px;
    border-radius: 1px;
    border: rgb(102, 102, 102) solid 1px;
}
/*
#wake-up-when li:first-child {
    background-color: lightgreen;
    display: inline-block;
}
#wake-up-when li:nth-child(2) {
    background-color: rgb(216, 60, 21);
    display: inline-block;
}
#wake-up-when li:nth-child(3) {
    background-color: rgb(243, 105, 50);
    display: inline-block;
}
#wake-up-when li:nth-child(6) {
    background-color: rgb(31, 185, 31);
    display: inline-block;
}
#wake-up-when li:nth-child(8) {
    background-color: rgb(31, 185, 31);
    display: inline-block;
}
#wake-up-when li:nth-child(7) {
    background-color: rgb(31, 185, 31);
    display: inline-block;
}
*/

#timeinput {
    color: black;
}




/*************
 G E N E R A L
**************/

.bold {font-weight: bold;}

.spaceUp5 {margin-top: 5px;}
.spaceUp10 {margin-top: 10px;}

.spaceDown5 {margin-bottom: 5px;}
.spaceDown10 {margin-bottom: 10px;}

.spaceRight10 {margin-right: 10px;}

.closer5 {margin-top: -5px;}
.closer15 {margin-top: -15px;}

.white-border {border-color: white;}
.white-text {color:white;}

.inline-this {display: inline;}

.copyright {font-size: 0.8rem; color: grey;}

.noTextDecoration:hover {text-decoration: none;}

.floatLeft {float:left;}
.floatRight {float:right;}