* {
    padding: 0;
    margin: 0;
    font-family: 'Sora', sans-serif;
    font-size: 0.97em;
}

.emph {
    color: #598a00;
    font-weight: bold;
}

.bigger_font {
    font-size: 1.2em;
    padding-bottom: 15px;
}


#main table {
    border-collapse: collapse;
}
img.waiting {
    display: none;
    height: 18px;
}

td,th {
    padding: 10px 15px;
    text-align: left;
    border-bottom: 1px solid #ddd;
}

.floatcontent>div{
    float: left;
}

th {
    background-color: #f4f4f4;
}

.retained_true {
    background-color: #ffeded;
}

.clientbox {
    margin: 10px 4px;
}

tr.old {
    color: #909090;
}

.result {
    margin: 10px;
    border-left: 2px solid #999;
    border-top: 2px solid #999;
    border-bottom: 2px solid #ddd;
    border-right: 2px solid #ddd;
    padding: 4px;
    border-radius: 3px;
    background-color: #f9f9f9;
}

tr.bestilling {
    border-left: 1px solid #3429E4;
}

.head {
    background-color: #eee;
    border: 1px solid #ddd;
}

.infobox {
    padding: 8px;
    border: 1px solid #ddd;
    background-color: #fcfcfc;
    border-radius: 5px;
    margin: 5px;
}

.infobox div {
    padding: 2px;
}

#logout {
    float: right;
}

tr:hover {
    background-color: #eef;
}
.title {
    padding: 3px;
    margin: 5px 2px;
    font-size: 110%;
    font-weight: bold;
}

.title2 {
    padding: 3px;
    margin: 5px 2px;
    font-size: 140%;
    font-weight: bold;
}

input {
    border: none;
    border-bottom: 1px solid #c0c0c0;
    padding: 2px 3px;
}
input:required {
    border-bottom: 1px solid #000000;
}

#menu2 {
    padding: 3px;
    padding-left: 20px;
    border-bottom: 1px solid #ddd;
    background-color: #eee;
}

#menu2 a {
    margin-right: 15px;
    display: inline-block;
}
#menu {
    padding: 10px;
    border-bottom: 1px solid #999;
    background-color: #eef;
}

#menu a {
    margin-right: 15px;
    display: inline-block;
}

#main {
    padding : 10px;
}

.hidden {
    background-color: #D7E7D1;
}

.deleted-True {
    background-color: #fee;
}

.form-horizontal .fieldWrapper {
    float: left;
}

.fieldWrapper {
    padding: 5px;
    margin: 10px;
}

.space {
    margin: 5px;
    padding: 5px;
}

a {
    color: #1454ec;
    text-decoration: none;
}
a:hover {
    color: #5780e2;
    text-decoration: underline;
}

label {
    min-width: 200px;
    display: inline-block;
}
.form-horizontal label {min-width:0}

@media screen and (min-width: 40.5em) {
    #reportextra {
        float: right;
        width: 40%;
    }
}

.footer {
    clear: both;
}

.valuechanged {
    background-color: #fff5df;
}

.button:hover {
    background-color: #ddd;
}
.button {
    padding: 5px;
    margin: 5px;
    background-color: #ccc;
    border: 1px solid #999;
    border-radius: 3px;
    box-shadow: 3px 3px 8px #888;
    display: inline-block;
}

.warning {
    background-color: rgb(241, 145, 145);
}

.value {
    padding: 0 4px;
    background-color: #f0f0f0;
    border: 1px solid #ddd;
}

.value:hover {
    background-color: #fff697;
}

.tag-delete {
    padding: 0 4px;
    background-color: #f0f0f0;
    border: none;
}

.tag-delete:hover {
    background-color: #ff9797;
}

.tag-value-form {
    display: inline-block;
}

#realtimedata td {
    padding: 5px;
    font-size: 90%;
}

@media only screen and (max-width: 1300px) {
    #deviceinfo {
        float: none !important;
    }
    #deviceinfocontent {
        display: none;
    }
}

@media only screen and (max-width: 600px) {
    #logout {
        float: none;
    }

    label {
        min-width: 0;
    }

    td, th {
        padding: 2px 5px;
    }
    .infobox {
        padding: 4px;
        margin: 8px 2px;
    }
    #menu a, #menu2 a {
        padding: 3px 0px;
    }
    textarea {
        width: 100%;
    }
    .tableinfo td {
        font-size: 80%;
    }
}

.deleted {
    background-color: #f8dbdb;
    text-decoration: line-through;
}

#newsmstable .longdata {
    max-width: 400px;
    overflow: auto;
    max-height: 30px;
    display: inline-block;
}

.padleft {
    margin-left: 30px;
}

#chartdiv {
    float:right;
    position:fixed;
    right:0;
    top:0;
    padding: 3px;
    background-color: rgba(255, 255, 255, 0.5);
}

#tabs {
    border-bottom: 1px solid #999;
}

#tabs span:hover {
    background-color: rgb(161, 184, 248);
}

#chartdiv:hover {
    background-color: rgba(255, 255, 255, 1);
    padding-left: 8px;
    padding-bottom: 8px;
    border-bottom-left-radius: 5px;
    border-left: 1px solid #bcbcbc;
    border-bottom: 1px solid #bcbcbc;
}