@CHARSET "UTF-8";

/*
 * #################### File: assets/css/dichterechner.css #################### 
 */
/**
   @file
   <pre>
     ----------------------------------------------------------------
     Status:       [x] in Bearbeitung
                   [ ] Release Candidate
     ----------------------------------------------------------------
     Beschreibung: CSS f�r die Dichterechner-Anwendung
     ----------------------------------------------------------------
     Datum       Wer       Version   Was
     15.06.2015  richterf                Datei angelegt
     ----------------------------------------------------------------
   </pre>
*/

#main #content .background * {
    font-size: 0.98em;
    font-weight: normal;
}

.background .widgetButton {
    border-radius: 0;
}

.background {
    background-color: #00589c;
    padding: 5px;
    display: flex;
    display: -webkit-flex;
    flex-flow: row nowrap;
}

.leftBox, .rightBox {
    background-color: white;
    border: 1px solid black;
    padding: 5px;
    display: flex;
    display: -webkit-flex;
    flex-flow: column nowrap;
    min-width: 47%;
}

.leftBox {
    margin-right: 5px;
}

.rightBox {
}

.solutes-input {
    display: flex;
    display: -webkit-flex;
    flex-flow: row nowrap;
}

.input-col * {
    width: 35%;
    margin-bottom: 1px;
}

.input-col {
    margin-bottom: 2px;
}

.result-wrapper {
    position: absolute;
    bottom: 10px;
}

.result-wrapper * {
    margin-right: 2px;
}

.result {
    background-color: #00589c;
    padding: 4px;
    color: white;
    border: 1px solid black;
}

.temperature, .select {
    margin-bottom: 15px;
}

.background input[type=button] {
    border-radius: 0;
}

#info {
    margin-bottom: 15px;
}
.background input[type=submit] {
    font-size: 0.95em;
}
/* Wenn bootstrap aktiviert wird, müssen diese Parameter entkommentiert werden!*/

.background label {
    font-weight: normal !important;
    min-width: 47%;
}
.background .leftBox input {
    min-width: 46%;
}
.result-wrapper {
    position: absolute;
    bottom: 30px;
}