/**
 * MicroRisk style
 *
 * Main blue color: #0E5DA9
 * Secondary color: #24ABE2;
 */

 html, body {
    margin:0;
    padding:0;
    height:100%;
 }

 #container {
    min-height:100%;
    position:relative;
 }

 #body {
    display: flex;
    padding-bottom:80px;   /* Height of the footer */
 }

 #footer {
    position:absolute;
    bottom:0;
    width:100%;
    height:80px;   /* Height of the footer */
 }

input[type="number"] {
    width: 10em;
    text-align: right;
}


.ui-tabs .ui-tabs-panel div.scroll{
    max-height: 30em;
    overflow: auto;;
    margin-bottom: 1em;
}
.ui-tabs .ui-tabs-panel div.scroll table {
    margin-bottom: 0;
}


.top-bar.expanded .title-area {
    background: #0E5DA9;
    width: auto;
    padding: 0 9px;
}

button {
    background: #0E5DA9;
}
button:hover {
    background: #24ABE2;
}

a.button {
    color: #ffffff!important;
    text-decoration: none;
}

.content h3
, .side-nav li.heading              /* sidebar menu title */
, .side-nav li a:not(.button)       /* sidebar links */
, .side-nav li a:hover:not(.button) /* soidebar links:hover */
{
    color: #0E5DA9;
}

.top-bar.expanded, .top-bar, .top-bar-section ul li, .top-bar-section li:not(.has-form) a:not(.button) {
    background: #24ABE2;
}

.top-bar-section li:not(.has-form) a:hover:not(.button) {
    background: #0E5DA9;

}

.search-form{
    display: block;
    clear: both;
}

.status-label {
    display: inline-block;
    padding: 0.2rem 0.4rem;
    font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
    font-size: 0.75rem;
    font-weight: normal;
    text-align: center;
    border-radius: 0.2rem;
    color: #fff;
}

.status-label.enabled {
    background-color: #198754;
}

.status-label.disabled {
    background-color: #dc3545;
}

.status-column {
    width: 120px;
    text-align: center;
}

.actions-column {
    width: 150px;
    text-align: center;
}

td, th {
    word-break: normal !important;
    overflow-wrap: break-word !important;
    white-space: normal !important;
}

#terms * {
    font-size: 0.8rem;
}

#terms h1 {
    font-size: 1.75rem;
}

.terms-hr {
    margin: 20px 0;
}

#terms #terms * {
    font-size: 0.8rem;
}

#terms #terms h1 {
    font-size: 1.75rem;
}

.tabs {
    display: block;
    clear: both;
}