/* STYLESHEET */
/* Sets styles for menu/page design, tables (mostly for DIVs) and input forms*/

/* SECTION: MENU/PAGE DESIGN */

/* THE PAGE TOP MENU/TITLE */
div.tops { background-color:#006699;
            color:white;
            padding:5px;
            padding-left:20px;
            padding-right:20px;
            overflow:hidden;
            border-radius:5px;
            border:0px solid black;
}

/* NOTICE WHEN USER IS LOGGED IN */
div.loggedin { background-color:#009966;
                color:white;
                padding:5px;
                padding-left:20px;
                overflow:hidden;
                border-radius:5px;
                border:0px solid black;
}

/* NOTICE WHEN SOMETHING BAD HAPPENEND */
div.somethingbad { background-color:#996600;
                color:white;
                padding:5px;
                padding-left:20px;
                overflow:hidden;
                border-radius:5px;
                border:0px solid black;
}

/* NOTICE WHEN USER IS LOGGED IN */
div.somethinggood { background-color:#009966;
                color:white;
                padding:5px;
                padding-left:20px;
                overflow:hidden;
                border-radius:5px;
                border:0px solid black;
}

/* BORDER AND PADDING FOR MAIN CONTENT */
div.mainblock { background-color:white;
                color:black;
                padding:5px;
                padding-left:20px;
                overflow:hidden;
                border-radius:5px;
                border:1px solid black;
}

/* MENU ITEM */
div.item {  float:left;
            margin:3px;
            padding:5px;
            border:1px solid;
            border-color:black;
            border-radius:4px;
            min-width:80px;
            #line-height:25px;
            background-color:#0088AA;
            color:white;
            text-align:center;
            text-decoration:none;
}

/* PRODUCT FRAME */
div.product { float:left;
              min-width:144px;
              min-height:144px;
              background-color:#CC3333;
              color:white;
              padding:5px;
              margin:5px;
              border-radius:1px;
              border:1px solid black;
}

/* MENU ITEM HOVER: greenish */
div.item:hover { background-color:#00AA88;
}

/* MENU ITEM CLICK: orange, doesn't seem to work on chromium, but whatever */
div.item:active { background-color:AA8800;
}

/* SECTION: GENERAL */

.center {   text-align:center;
}

.right  {   float:right;
}

/* SECTION: TABLES */

/* HEAD: Green, white font */
th { background-color: #CF4C50;
     color: white;
}

/* CONTENT: padded by 5px */
th, td { border:1px solid #888888;
         padding:5px;
}

/* TABLE: Single border around cells, full width */
table { border-collapse: collapse;
        width: 100%;
}

/* ROWS: Every second gray */
tr:nth-child(even) {background-color: #f2f2f2
}

/* HOVERING OVER ROWS: Something red */
tr:hover {background-color: #ffe5e5
}

/* SECTION: INPUT FORMS */

input[type=text], input[type=password], input[type=number], input[type=email] {
    width: 100%;
    max-width: 300px;
    padding: 10px;
    margin: 8px 0px;
    box-sizing: border-box;
}

input[type=button], input[type=submit], input[type=reset] {
    width: 100%;
    max-width: 300px;
    background-color: #006699;
    border: none;
    color: white;
    padding: 10px 10px;
    text-decoration: none;
    margin: 8px 0px;
    cursor: pointer;
}

/* SECTION: FRIDGE */

div.fridge { background-color:#FFCC00;
             margin:20px;
             padding:10px;
             padding-left:15px;
             padding-right:15px;
             padding-bottom:20px;
             border-radius:5px;
             border:4px solid black;
             float: left;
}

div.fridge_top { color:black;
             padding:2px;
             text-align:center;
}

div.fridge_bottom { background-color:#AACCFF;
             padding:2px;
             border-radius:4px;
             border:3px solid black;
}

div.fridge_sensor { background-color:#E3E6FF;   /*#CCEFFF;*/
             text-align:center;
             min-height: 170px;
             padding:3px;
             border-radius:2px;
             border:1px;
             border-color:#CCCCCC;
             margin: 3px
}