@font-face {
    font-family: "Exo 2.0";
    src        : url("/fonts/exo-2-0.regular.otf");
}

html,
body {
    height: 100%;
}

body {
    background : #9696a0;
    font-family: roboto !important;
    font-size  : 14px;
}

h1,
h2,
h3 {
    font-family: "Exo 2.0" !important;
}

body.mini-navbar.nav-header,
.nav-header {
    background: #3E1D74 !important;
}

.navbar-default .nav>li>a {
    color: #fff;
}

.navbar-default .nav>li>a:hover,
.navbar-default .nav>li>a:focus,
.mini-navbar .nav .nav-second-level,
ul.nav-second-level,
.nav>li.active {
    background-color: #6448A5;
    border-left     : 3px solid #fff;
}

.lower-side-menu-item.active {
    background: #3e1d74 !important;
}

.lower-side-menu-item>a:hover {
    background-color: #3e1d74 !important;
}

#danlex-login {
    background         : #3E1D74;
    background-image   : url("../img/danlex/svg/bgnd.jpg");
    background-position: center center;
    background-repeat  : no-repeat;
    background-size    : cover;
    height             : 100%;
}

.read-more-text {
    color     : #fff;
    text-align: justify;
}

#readMoreBtn {
    font-weight    : bolder;
    color          : #d7d7ff;
    text-decoration: underline;
    transition     : 0.8s;
}

#readMoreBtn:hover {
    color: #b0b0ff;
}

.copyright {
    color: #fff;
}

.login-center-content {
    width     : 100%;
    background: none;
}

.danlex-logo {
    margin-top: -0.7rem;
    width     : 37%;
}

.danlex-footer-logo {
    width: 7%;
}

.app-logo {
    width        : 70%;
    margin-bottom: 15px;
}

.danlex-sub-logo,
.app-logo.pages {
    width        : 100%;
    margin-bottom: 15px;
}

.alert-dismissible .close {
    padding: 0.5rem 1.25rem;
}

#loginModal h2,
#loginModal p {
    color: #3E1D74;
}

#password-reset {
    vertical-align: middle;
    color         : #4285F4;
}

#password-reset:hover {
    color          : #3E1D74;
    text-decoration: underline;
}

#danlex-login hr {
    border-top: 1px solid #84D7F5;
}

.loginColumns {
    max-width: 550px;
    padding  : 0px;
}

.danlex-login-col {
    padding: 15px;
}

#danlex-login-btn {
    font-size  : 18px;
    padding    : 15px;
    outline    : none;
    border     : none;
    font-weight: bold;
    background : #3E1D74;
    color      : #fff;
    transition : 0.5s;
}

.lang-toggle,
.lang-toggle:hover,
.lang-toggle:focus,
.lang-toggle:active {
    border    : none !important;
    box-shadow: none !important;
}

.lang-dropdown {
    min-width: 22px;
}

.lang-toggle:after {
    display: none;
}

.lang-toggle {
    width    : 22px !important;
    font-size: 0px;
    padding  : 0;
}

.set_en,
.set_bg {
    width     : 26px !important;
    min-height: 10px !important;
    padding   : 1px !important;
    margin    : 3px !important;
}

.danlex-dashboard-col img,
.lang-flags {
    width: 100%;
}

body.mini-navbar .logo-element {
    background: #3E1D74 !important;
}

.logo-element img {
    padding: 5px;
    width  : 100%;
}

.danlex-charts {
    width  : 100%;
    padding: 7px;
}

.logout:hover {
    color          : #3E1D74 !important;
    text-decoration: underline;
}

.danlex-form-btn {
    font-size : 16px;
    width     : 100%;
    transition: 0.5s;
    margin-top: 5px;
}

.btn-primary,
.buttons-html5,
.page-item.active .page-link,
.btn-secondary {
    color           : #fff;
    background-color: #6448A5;
    border-color    : #6448A5;
}

.nav navbar-top-links {
    margin-right: 25px;
}

.usr-btn,
.btn-primary,
.buttons-html5,
.btn-danger {
    transition: 0.5s;
}

.btn-danger:hover {
    opacity: 0.77;
}

.danlex-form-btn:hover,
#danlex-login-btn:hover,
.btn-primary:hover,
.buttons-html5:hover,
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:focus,
.btn-secondary:hover,
.btn-secondary:focus,
.btn-secondary:focus {
    background-color: #6448A5;
    border-color    : #6448A5;
    opacity         : 0.77;
}

#pager_list_2_right,
#pager_list_2_center {
    display: none;
}

#pager_list_2 {
    height : unset;
    padding: 7px !important;
}

.form-error,
.form-success,
.login-form-error {
    display      : none;
    border-radius: 3px;
}

table.table-bordered.dataTable tbody th,
table.table-bordered.dataTable tbody td {
    vertical-align: middle;
}

#deleteUserModal,
#loginModal {
    padding: 0px;
}

.modal-dialog {
    max-width: 570px;
}

.home-links {
    margin       : 3px !important;
    background   : #9696a0;
    border-radius: 3px;
    transition   : 0.5s;
    color        : #fff;
    max-width    : 32.8%;
}

.home-links:hover {
    opacity: 0.83;
}

.home-no-padding img {
    width  : 100%;
    padding: 15px;
}

#password-icon img {
    width: 89%;
}

#user-icon,
#service-providers-icon {
    background: #af007d;
}

#dashboard-icon,
#paas-icon,
#maas-icon {
    background: #461e82;
}

#unit-types-icon,
#unit-configuration-icon,
#password-icon {
    background: #0096dc;
}

#contacts-icon {
    background: #6441be;
}

.page-heading {
    margin-bottom: 20px;
    padding      : 15px;
}


.table-striped tbody tr:nth-of-type(odd) {
    background: #f0f0f5;
}

.table-striped thead tr {
    background-color: #c8c8d2;
}

.sidebar-icons {
    margin-right: 0px !important;
    font-size   : 25px;
}

#map {
    height: 500px;
    width : 100%;
}

.flot-chart-container {
    height : 500px !important;
    padding: 0px;
}

.flot-chart-pie-content {
    width     : 100%;
    min-height: 300px;
    max-height: 100%;
}

.flot-chart {
    min-height: 80%;
}

.marker-info-box {
    width : 230px;
    height: 160px;
}

#unit-name {
    margin-left: 15px;
}

#unit-type-label,
#unit-class-label,
#unit-serial-label,
#unit-location-label,
#unit-subsite-label,
#unit-state-label {
    padding   : 0px;
    margin-top: 5px;
}

.info-window-value {
    margin-top: 5px;
    font-size : 16px;
}

#info-window-unit-name {
    font-size: 18px;
    width    : 100%;
}

#unit-name {
    width        : 40%;
    margin-bottom: 5px;
}

.unit-properties-card {
    border  : 0 none;
    width   : 94%;
    margin  : 0 3% 20px 3%;
    position: relative
}

fieldset:not(:first-of-type) {
    display: none;
}

.unit-creation-row {
    width  : 95%;
    display: flex;
}

.save {
    width      : 75px;
    margin-left: 10px;
}

.prev {
    width       : 75px;
    margin-right: 10px;
}

.badge {
    font-size: 14px !important;
}

.chip {
    overflow: auto;
}

.closeBtn {
    transition: 0.5s;
}

.chip-badge-wrapper {
    margin-bottom: 3px;
    margin-right : 3px;
}

.chip-badge {
    vertical-align: middle;
    padding       : 3px;
}

.closeBtn {
    font-size  : 20px;
    font-weight: bolder;
}

.closeBtn:hover {
    cursor: pointer;
    color : black;
}

.danlex-paas,
.danlex-maas,
#more {
    display: none;
}

.home-no-padding {
    padding: 0px;
}

.home-btn-text {
    height         : 100%;
    padding        : 15px;
    display        : flex;
    align-items    : center;
    justify-content: center;
    font-size      : 24px;
    color          : #fff;
}

.navbar-top-links {
    margin-right: 25px;
}

.machine:hover {
    cursor: pointer;
}

.selected-unit {
    background: #e1e1ff !important;
}

.dataTables_filter,
.html5buttons {
    display: inline;
    float  : none;
}

table.dataTable {
    width: 100% !important;
}

.dataTables_filter label {
    margin-right: 0px;
}

.dataTables_info {
    display: none;
}

#importFileBtn,
#createUnitTypeBtn {
    margin-top: 5px;
}

.dt-buttons.btn-group.flex-wrap button {
    margin-right : 3px !important;
    border-radius: 3px !important;
}

.google-visualization-tooltip {
    min-width: 210px;
}

#eventTimestamp,
#annotationPeriod {
    margin-bottom: 5px;
    width        : 49%;
    text-align   : center;
}

#annotationPeriod {
    float: right;
}

.modal-backdrop {
    z-index: unset !important;
}

#editProfile {
    cursor    : pointer;
    transition: 0.3s;
    background: #3E1D74 !important;
    border    : 1px solid white !important;
}

#editProfile:hover {
    background: #6448A5 !important;
    border    : 1px solid #6448A5 !important;
}

.dates {
    padding: 5px 0px 0px 0px;
}

#codesWrapper,
#modelsWrapper,
#presetEditCodesWrapper,
.providersWrapper,
#presets {
    padding : 7px;
    border  : 1px solid grey;
    height  : 150px;
    overflow: scroll;
}

#presetEditCodesWrapper,
#presetEventCodesWrapper,
#deletePresets {
    padding : 7px;
    border  : 1px solid grey;
    height  : 350px;
    overflow: scroll;
}

.providersWrapper {
    width : 94%;
    margin: 0 auto;
}

.hcvm-main-rows,
.hcvm-tab {
    padding: 23px;
}

.hcvm-h1 {
    padding: 13px;
}

.hcvm-ul {
    list-style: none;
    /* Remove HTML bullets */
}
/*
.hcvm-circle {
    color: #05DA73;
}
*/
.hcvm-buttons {
    padding  : 17px;
    font-size: 23px;
}

.b-left,
.b-right {
    font-size: 17px;
}

.b-left {
    background: #3e1d74 !important;
}

caption {
    caption-side: top;
    color       : white;
    text-align  : center;
}

.hcvm-buttons:hover,
.hcvm-buttons:focus {
    opacity: 1;
}

.btn-disabled {
    background: #9696A0 !important;
}

.btn-success {
    background: #05DA73 !important;
    border    : #05DA73 !important;
}

.columns-btn {
    align-self: center;
}

@media only screen and (max-width: 1230px) {
    .height-row {
        height: unset !important;
    }

    .height-btn {
        margin-bottom: 15px;
        height       : unset;
    }
}

@media only screen and (max-width: 1024px) {
    .home-btn-text {
        font-size: 18px;
    }

    .home-links {
        max-width: 32.4%;
    }

    .hcvm-buttons {
        font-size: 17px;
    }
}

@media only screen and (max-width: 995px) {
    .hcvm-buttons {
        margin-bottom: 15px !important;
        height       : unset !important;
    }

    .tabs-container,
    .panel-body,
    .hcvm-main-rows,
    .hcvm-tab {
        padding: 0px;
    }

    .height-btn {
        margin-bottom: 0px;
    }
}

@media only screen and (max-width: 700px) {
    .home-btn-text {
        font-size: 14px;
    }

    #map {
        height: 320px;
        width : 100%;
    }

    .flot-chart-container {
        height: 320px !important;
    }

    .dataTables_filter {
        width: unset;
        float: unset;
    }
}

@media only screen and (max-width: 500px) {
    .home-btn-text {
        font-size: 14px;
    }

    .home-links {
        max-width: 100%;
    }

    .danlex-footer-logo {
        width: 20%;
    }

    h1 {
        font-size: 21px;
    }

    h3 {
        font-size: 13px;
    }

    .hcvm-buttons {
        font-size: 13px;
    }

    .dose-rate-col {
        padding: 0px;
    }
}

.backdrop {
    position  : fixed;
    top       : 0px;
    left      : 0px;
    z-index   : 999;
    height    : 100%;
    width     : 100%;
    background: rgba(0, 0, 0, 0.2);
}

.google-visualization-tooltip {
    pointer-events: auto !important;
}

/* January 2021 changes */

form,
h1,
h2,
h3,
h4,
h5,
h6,
p,
label {
    color: #494949 !important;
}

.app-logo.pages {
    color          : #00befa;
    text-decoration: none !important;
    transition     : 0.5s;
}

a:hover,
.logout:hover {
    color          : #00befa !important;
    text-decoration: underline !important;
    cursor         : pointer;
}

.annotationRow,
.propRow,
.machine {
    color: #000000 !important;
}

.annotationRow:hover,
.propRow:hover,
.machine:hover {
    text-decoration: underline !important;
    cursor         : pointer;
}

input,
select,
textarea,
.form-control,
.single-line,
.providersWrapper,
#codesWrapper,
#modelsWrapper,
.form-control:focus,
.single-line:focus,
input:focus,
textarea:focus,
select:focus,
#presetEventCodesWrapper,
#presets,
#presetEditCodesWrapper,
#deletePresets {
    border : 1px #6446a5 solid !important;
    outline: none !important;
}

input[type="file"] {
    border: unset !important;
}

.pace .pace-progress {
    background: #6446a5 !important;
}

.navbar-default .nav>li>a:hover,
.navbar-default .nav>li>a:focus,
.mini-navbar .nav .nav-second-level,
ul.nav-second-level,
.nav>li.active {
    border-left: none !important;
}

.btn-primary:hover,
.btn-primary:active,
.btn-primary:focus,
.navbar-minimalize:hover,
.navbar-minimalize:focus,
.navbar-minimalize:active,
.btn-secondary:hover,
.btn-secondary:active,
.btn-secondary:focus {
    background: #321e64 !important;
}

ul#side-menu li a {
    color          : white !important;
    text-decoration: none !important;
}

ul.nav.navbar-top-links.navbar-right li a {
    color          : #494949 !important;
    text-decoration: none !important;
}

.navbar-minimalize,
.navbar-minimalize:hover {
    color: white !important;
}

table {
    text-align: center !important;
}

.modal {
    text-align: left !important;
}

table,
td,
th {
    border-radius: 4px !important;
}

#alertsTableMaas_wrapper {
    margin-top: 35px;
}

.logs-btn:hover,
.logs-btn:focus,
.logs-btn:active {
    color: white !important;
}

.c3-chart-arc text {
    fill     : #ffffff !important;
    font-size: 20px;
    padding  : 5px;
}

input[type=file] {
    white-space  : nowrap;
    overflow     : hidden;
    text-overflow: ellipsis;
}

#alertsTableMaas_info {
    display: none;
}

.presets,
.share,
.options {
    background: white;
    color     : #6448A5;
    padding   : 3px;
    border    : 2px solid #6448A5;
}

.alertsRow:hover {
    text-decoration: underline;
    cursor         : pointer;
}

#dashRefreshBtn {
    background-color: transparent!important;
    color: #c4c4c4!important;
    border: none!important;
}

#dashRefreshBtn:hover {
    color: rgba(57, 180, 255, 0.9) !important;
}