body {
    margin:auto;
    padding-top:5rem;
}
.center {
    text-align:center;
}
.err {
    padding: 10px;
}
.form-add {
    border: 1px solid #f8f9fa;
    border-radius: 10px;
    padding: 20px;
}
.form-row {
    padding: 1rem 0;
}
.large-icon {
    font-size:200% !important;
}
.medium-icon {
    font-size:180% !important;
}
.icon-button {
    cursor:pointer;
}
.icon-button:hover {
    text-shadow: 1px 1px 1px #333333;
}
.header-logout {
    padding: 0 1rem;
}
.lang-icon {
    width: 32px;
    height: 32px;
}
footer {
    padding: 30px 30px;
    border-top: 1px solid #333333;
    background-color: #f8f9fa;
    width: 100%;
}
.hooklist, .obulist, .obu-info, #state-row {
    padding-bottom:120px;
    margin-bottom: 120px;
}
.login {
    margin-bottom: 120px;
}
.striped .row:nth-of-type(even) {
    background: #eeeeee;
}
.tag {
    float: left;
    width: auto;
    padding: 3px;
    background: #fff;
    border: 1px solid #ccc;
    border-radius: 6px;
    margin: 2px;
    font-size: 90%;
}
.endpoint {
    font-size: 80%;
}
.uuid {
    font-size: 80%;
    font-weight: bold;
}
.valid-row{
    background-color: rgb(169, 251, 200);
}
#sending-running-info .check-icon {
    font-size:300%;
    padding:3%;
    border-radius: 8px;
    /*background-color: #cccccc;
    border: 1px solid #433e3b;*/
    margin-top:20px;
    margin-bottom: 10px;
}
#stop-row {
    margin-top: 50px;
    margin-bottom: 50px;
}
.fixed-height {
    height: 30px;
}
.fixed-footer {
    position: fixed;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1030;
}
.title-container {
    margin-top:10px;
}
.stop-button-row {
    padding:2%;
}
#state-table{

}
span.th {
    font-size: 100%;
    font-weight: bold;
    min-height: 50px;
}
.row.th {
    font-size: 100%;
    font-weight: bold;
    padding: 10px;
    min-height: 70px;
    align-content: center;
}
.row.obus {
    padding:5px;
}
.row.obus div {
    padding: 2px;
}

@media only screen and (max-width: 768px){
    .fixed-footer {
        position: static;
    }    
    .title-container {
        margin-top:30px;
    }
    span, span.th, .obu-info h5, span.invoice-status {
        font-size:70%;
    }
    .obu-info h2, .obu-info h3 {
        font-size: 90%;
    }
    .row.obus div {
        font-size:80%;
    }
    .invoice-status {
        font-size: 70%;
    }
}

.card.sla-card{
    margin:5px;
    padding:0px;
}
.invoice-status {
    font-weight:bold;
    font-size:120%;
}
.platenum {
    font-weight:bold;
}
.obu-info .float-start {
    margin-right: 10px;
    line-height: 2em;
}
.tag.obu-tag {
    margin-right: 10px;
}
.sla .float-start, .sla .float-end {
    margin-right: 10px;
}
.sla .h5 {
    line-height: 2em;
}
.obu-info .float-start.invoice-status {
    margin-top: -4px;
}
.sla-row {
    margin-top:5px;
    line-height: 2em;
}
.cut {
    overflow: hidden;
}
.main-obu-info * {
    line-height: 30px;
    vertical-align: middle;
    display: inline-block;
}
.obu-info span.th {
    min-height: 0px;
}
.obulist .row:nth-child(even){
    background-color: #eeeeee;   
}
#state-table i {
    font-size: 180%;
}
.dashboard-500 {
    min-height: 540px;
}
.container {
    max-width: 2000px;
}