.alert-warning {
    background-image: linear-gradient(to bottom,#f5e1b5 0,#f0cd7f 100%);
    border-color: #d3a456;
    color: #4d1111;
}

.alert-regular {
    background-image: linear-gradient(to bottom, #f0ece3, #f3eada 100%);
    border-color: #eee;
    color: black;
}

.popover-content {
    font-size: 12px;
    color: #606060;
    line-height: 20px;
}

.user {
    text-align: center;
    margin-bottom: 10px;
    padding-bottom: 10px;
    padding-right: 15px;
    padding-left: 15px;
    padding-top: 10px;
    background-color: #f5f5f5;
    border:1px solid #e3e3e3;
    border-radius:4px;
    -webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.05);
    box-shadow:inset 0 1px 1px rgba(0,0,0,0.05);
}

.user .name {
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 3px;
}

.user .status {
    font-size: 12px;
    margin-bottom: 0px;
}

.permissions {
    position: relative;
    top: 2px;
}

.roles {
    position: relative;
    top: 2px;
}

.dropdown-menu li {
    font-size: 12px;
}

@font-face {
    font-family: 'Roboto-Medium';
    src: url('/static/fonts/customer/Roboto-Medium.ttf') format('truetype');
}

@font-face {
    font-family: 'Roboto-Black';
    src: url('/static/fonts/customer/Roboto-Black.ttf') format('truetype');
}

@font-face {
    font-family: 'NunitoSans-Regular';
    src: url('/static/fonts/customer/NunitoSans-Regular.ttf') format('truetype');
}

@font-face {
    font-family: 'NunitoSans-SemiBold';
    src: url('/static/fonts/customer/NunitoSans-SemiBold.ttf') format('truetype');
}

@font-face {
    font-family: 'NunitoSans-ExtraBold';
    src: url('/static/fonts/customer/NunitoSans-ExtraBold.ttf') format('truetype');
}

@font-face {
    font-family: 'NunitoSans-Black';
    src: url('/static/fonts/customer/NunitoSans-Black.ttf') format('truetype');
}

@font-face {
    font-family: 'Courgette-Regular';
    src: url('/static/fonts/customer/Courgette-Regular.ttf') format('truetype');
}

.icon, .icon-label {
    font-weight: bold;
}

.modal-toggle {
    cursor: pointer;
}

.error-container {
    display: none;
}

a.grid-link-white:hover, a.grid-link-white:active {
    color: #d0d0d0;
}

a.grid-link-white, a.grid-link-white:link, a.grid-link-white:visited {
    color: #ffffff;
}

.blue-background-class {
    background-color: #C8EBFB;
}

.grid-square {
    border-radius: 15px 15px 0px 0px;
    width: 110px;
    height: 145px;
    display: inline-block;
    text-align: center;
    background-color: #fff;
    border: solid 1px rgb(0,0,0,0.2);
    padding-top: 20px;
    margin: 6px;
}

.grid-icon {
    width: 109px;
    height: 105px;
    display: inline-block;
    text-align: center;
    padding-top: 20px;
    margin: 6px;
}

.grid-button {
    width: 145px;
    height: 130px;
    display: inline-block;
    text-align: center;
    padding-top: 20px;
    margin: 6px;
}

body {
    padding-top: 20px;
    padding-bottom: 20px;
    font-size: 12px;
}

th {
    background-image: linear-gradient(to bottom, #f5f5f5 0, #e8e8e8 100%);
}

.table-condensed tbody tr td {
    padding-left: 15px;
    padding-top: 6px;
    padding-bottom: 4px;
}

.navbar {
    margin-bottom: 20px;
}

.offline {
    color: #b0b0b0; !important
}

.form-control {
    font-size: 12px;
}

.grayed-out {
    color: #a0a0a0;
}

.table-popover tbody tr td {
    color: #808080;
    font-size: 12px;
    padding-left: 0px;
    padding-top: 2px;
    padding-bottom: 2px;
    padding-right: 20px;
}

label.module-label {
    position: relative;
    top: -3px;
    display: inline-block;
    margin-left: 5px;
    font-weight: normal;
}

.form-checkbox-list ul {
    list-style: none;
    padding-inline-start: 5px;
}

span.module-description {
    display: inline-block;
    padding-left:5px;
    font-style: italic;
    color: #999;
}

.heading-note {
    font-style: italic;
    color: #999;
}

.modal-content {
    background-color: #fff;
}

span.expl {
    font-weight: normal;
    font-style: italic;
    font-size: 0.9em;
    display: block;
}

.truncate {
    max-width: 1px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

ol.breadcrumb li.pull-right a {
    font-weight: bold;
}