@CHARSET "UTF-8";

/* Sticky footer styles
-------------------------------------------------- */
html {
    position: relative;
    min-height: 100%;
    font-family: Merriweather !important;
}

body {
    /* Margin bottom by footer height */
    margin-bottom: 60px;
    font-size: 13px;
}

.footer {
    position: absolute;
    bottom: 0;
    width: 100%;
    /* Set the fixed height of the footer here */
    height: 60px;
    background-color: #f5f5f5;
}

/* Custom page CSS
-------------------------------------------------- */
/* Not required for template or sticky footer method. */
body>.container {
    padding: 60px 15px 0;
}

.container .text-muted {
    margin: 20px 0;
}

.footer>.container {
    padding-right: 15px;
    padding-left: 15px;
}

code {
    font-size: 80%;
}

.form-signin {
    margin: 0 auto;
    max-width: 330px;
    padding: 15px;
}

.print-button {
    float: right !important;
    margin-right: 0;
}

/** status icons taken from azure.microsoft.com/en-us/status/ **/

.wa-legend {
    display: inline-table;
    list-style: none;
    margin: 0px 25px 0px 25px;	
}
.wa-legend >  li {
    display: inline;
    margin-right: 50px;
}

.wa-icon-health-check.wa-icon-xs {
    background-position: 0 -80px;
    background-size: 20px 100px;
}

.wa-icon-health-check {
    background-image: url("../images/icons-health.svg");
    background-position: 0 -128px;
    background-size: 32px 160px;
}

.wa-icon-health-information.wa-icon-xs {
    background-position: 0 -20px;
    background-size: 20px 100px;
}

.wa-icon-health-information {
    background-image: url("../images/icons-health.svg");
    background-position: 0 -32px;
    background-size: 32px 160px;
}

.wa-icon-health-warning.wa-icon-xs {
    background-position: 0 -60px;
    background-size: 20px 100px;
}

.wa-icon-health-warning {
    background-image: url("../images/icons-health.svg");
    background-position: 0 -96px;
    background-size: 32px 160px;
}

.wa-icon-health-error.wa-icon-xs {
    background-position: 0 0;
    background-size: 20px 100px;
}

.wa-icon-health-error {
    background-image: url("../images/icons-health.svg");
    background-position: 0 0px;
    background-size: 32px 160px;
}

.wa-icon-xs {
    background-size: 60px 360px;
    height: 20px;
    width: 20px;
}

.wa-icon {
    background-clip: border-box;
    /*     background-image: url("../images/icons-services.svg"); */
    background-origin: border-box;
    background-position: 0 0;
    background-repeat: no-repeat;
    display: inline-block;
    /*     height: 32px; */
    overflow: hidden;
    vertical-align: bottom;
    width: 32px;
}

.center-align {
    text-align: center;
}

.network-stat-box {
    float: left;
    padding-left: 15px;
}


.status-div {
    border: 2px solid #ddd;;
    font-size: 30px;
    padding: 20px;
    width: 48%;
    float: left;
    margin-left: 10px;
    margin-bottom: 10px;
    height: 310px;
}

.status-div .subtext {
    font-size: 20px;
}

.status-div .subtext .number {
    font-size: 25px;
    color: #32a0ee;
    font-weight: bolder;
}

.status-div .data .number {
    color: #32a0ee;
    font-size: 60px;
    margin-right: 15px;
    font-weight: bolder;
}

.alert-info2 {
    background-color: #d9edf7;
    border-color: #bce8f1;
    color: #31708f;
}

.short-length {
    width: 140px;
}

.remove-margins {
    margin: 0px;
}

.modal-backdrop {
    display: inherit;
}

.openClientModal {
    cursor: pointer; 
    cursor: hand; 
}

#manageClientModalForm .form-group {
    margin-bottom: 5px;
}

#manageClientModalForm label {
   margin-bottom: 0px; 
}

.openVehicleModal {
    cursor: pointer; 
    cursor: hand; 
}

#manageVehicleModalForm .form-group {
    margin-bottom: 5px;
}

#manageVehicleModalForm label {
   margin-bottom: 0px; 
}