/*

* Override Pages default styles or create your own styles here

*/

body {
    background-image: url('../img/background-desat.jpg');
    background-size: cover;
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-color: #2b6d87;
}

.bg-login{
    background-image: url('../img/background.jpg');
}

.login-panel{
    background-color: rgba(255,255,255,0) !important;
    border: none;
    color: white;
}
.login-panel label{
    color: black;
    opacity: .6;
}
.login-panel label.error{
    color:#ffc107;
    opacity: 1;
    text-align: center;
}
.login-panel .checkbox label {
    color:white;
    opacity: 1;
}
.login-panel > .form-group.has-results{
    color: white;
    background-color: white;
}

.login-panel > .form-group.focused{
    color: white;
    background-color: white;
}

.collapse.show {
    visibility: visible;
}

.page-sidebar .sidebar-menu .menu-items > li > a > .title {
    text-overflow: clip;
    overflow: visible;
}

.app-background {
    background-image: url("../img/background.png");
}

.compareList {
    max-height: 96%;
}

.projectLink {
    cursor: pointer;
}

.highcharts-credits {
    display: none !important;
}

.sensor-item {
    border-bottom: 1px solid rgba(0, 0, 0, 0.07);
    margin-right: 10px;
    width: unset !important;
}

.sensor-item > a {
    border-bottom: none !important;
}

.spectrum-custom-container {
    border: none;
    padding: 0;
}

.spectrum-custom-replacer .sp-preview {
    width: 18px !important;
    height: 15px !important;
    border: solid 1px #575757;
}

.spectrum-custom-replacer {
    padding: 0 !important;
    border: none !important;
}

.search-link {
    position: relative;
    border-radius: 3px;
    box-shadow: 0px 0px 3px 3px rgba(109, 94, 172, .8);
    font-family:Montserrat!important;
}

.search-link:focus {
    box-shadow: 0px 0px 6px 6px rgba(109, 94, 172, .8) !important;

}

.split-view {
    z-index: 500;
}

/*
@page {
    size: A4;
    margin: 0;
}
*/

.autocomplete-suggestions {
    margin-top: 10px;
    /* -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
     box-sizing: border-box;
     background: #FFF;
     cursor: default;
     overflow: auto;
     -webkit-box-shadow: 1px 4px 5px rgba(50, 50, 50, 0.64);
     -moz-box-shadow: 1px 4px 5px rgba(50, 50, 50, 0.64);
     box-shadow: 1px 4px 5px rgba(50, 50, 50, 0.64);*/
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    cursor: default;
    padding: 3px 20px 3px 20px;
    background-color: rgba(255,255,255,0.99);
    border-top: 0;
    border-radius: 3px;
    box-shadow: 0px 1px 3px 3px rgba(109, 94, 172, .8);
    max-height: 500px;
    overflow-y: auto;
    /* prevent horizontal scrollbar */
    overflow-x: hidden;
    vertical-align: middle;
    line-height: 12px;
}

.autocomplete-suggestion img {
    height: 2.5vh;
}

.tt-suggestion{
    padding-left: 5px;
    margin-bottom: 0px;
}


.tt-suggestion:hover{
    background-color: rgba(215, 239, 251,.8);
}

.autocomplete-selected .tt-suggestion{
    background-color: rgba(215, 239, 251,.8);
}

/*
.autocomplete-suggestion {
    padding-top: 10px;
    padding-left: 10px;
    padding-right: 10px;
    white-space: nowrap;
    overflow: hidden;
}

.autocomplete-no-suggestion {
    padding: 2px 5px;
}

.autocomplete-selected {
    background: #F0F0F0;
}

.autocomplete-suggestions strong {
    font-weight: bold;
    color: #000;
}

.autocomplete-group {
    padding: 2px 5px;
    font-weight: bold;
    font-size: 16px;
    color: #000;
    display: block;
    border-bottom: 1px solid #000;
}*/

/* USER MANAGEMENT */

.disabledDiv {
    pointer-events: none;
    opacity: 0.6;
}

li.disabled {
    pointer-events: none;
    color: #959595;
    text-decoration: none;
    cursor: default;
    opacity: .5;
}

/* Sensor Management */

.sensor-widget-placeholder {
    background-color: #6d5eac;
}

.fab {
    display: none;
    position: fixed;
    bottom: 25px;
    right: 35px;
    width: 10vw;
    margin-left: auto;
    margin-right: auto;
    z-index: 100;

}

@media (max-width: 991px) {
    .fab {
        position: fixed;
        bottom: 0px;
        left: 0px;
        right: 0px;
        width: 95vw;
    }

    .page-content-wrapper, .page-content-wrapper *{
        touch-action: pan-y;
    }

}

.connectorRadio label:before {
    display: none;
}

.connectorRadio input:checked ~ label {
    background-color: #6DC0F9;
}

.nav-tabs-simple > li.enabled > a:after {
    background-color: #10CFBD;
}

@media print {
    @page {
        size: landscape
    }

    html, body {
        padding: 0px;
        margin: 0px;
        width: 210mm;
        /*height: 24mm;*/
    }

    #highchart-container {
        float: left;
        padding: 0px;
        margin: 0px;
        width: 80%;
    }
}

.stat-cards.card-collapsed  {
    padding-bottom: 5px;
}

.list-view-fake-header{
    font-weight: bold;
}

.list-view-group-header{
    font-weight: bold;
    cursor: pointer;
}

.highslide-header {
    display: none;
}

.rounded-white {
    background: white;
}

.highslide-html{
    margin-top: 7px;
}

.sensor-outer-group:after {
    content : "";
    position: absolute;
    left    : 1em;
    bottom  : 0;
    height  : 1px;
    width   : 78%;  /* or 100px */
    border-bottom:1px solid #6d5eac;
}

.sensor-inner-group:after {
    content : "";
    position: absolute;
    left    : 1em;
    bottom  : 0;
    height  : 1px;
    width   : 78%;  /* or 100px */
    border-bottom:1px solid #37b0e9 !important;
}

.sensor-item.active {
    border: 1px solid darkgrey !important;
}

.solar-card-button {
    background-color: #8a7ebd;
}

.solar-card-button:hover {
    background-color: #A99FC7FF;
}

.solar-card-button:hover img {
    opacity: .6;
}

.solar-card-button:hover h4 {
    opacity: .6;
}

.pulse-primary {
    color: rgba(255, 255, 255, 0.8);
    box-shadow: 0px 0px 5px 5px rgba(109, 94, 172, .8);
    animation: pulse-primary 3s infinite;
}
.pulse-primary:hover {
    color: rgba(255, 255, 255, 1) !important;
}
@-webkit-keyframes pulse-primary {
    0% {
        -webkit-box-shadow: 0px 0px 5px 5px rgba(109, 94, 172, .8);
        color: rgba(255, 255, 255, 1);
    }
    70% {
        -webkit-box-shadow: 0px 0px 5px 5px rgba(109, 94, 172, 0);
    }
    100% {
        -webkit-box-shadow: 0px 0px 5px 5px rgba(109, 94, 172, .8);
        color: rgba(255, 255, 255, 1);
    }
}
@keyframes pulse-primary {
    0% {
        -moz-box-shadow: 0px 0px 5px 5px rgba(109, 94, 172, .8);
        box-shadow: 0px 0px 5px 5px rgba(109, 94, 172, .8);
        color: rgba(255, 255, 255, 1);
    }
    70% {
        -moz-box-shadow: 0px 0px 5px 5px rgba(109, 94, 172, 0);
        box-shadow: 0px 0px 5px 5px rgba(109, 94, 172, 0);
    }
    100% {
        -moz-box-shadow: 0px 0px 5px 5px rgba(109, 94, 172, .8);
        box-shadow: 0px 0px 5px 5px rgba(109, 94, 172, .8);
        color: rgba(255, 255, 255, 1);
    }
}

.pulse-warning {
    color: rgba(255, 255, 255, 0.8);
    box-shadow: 0px 0px 20px 5px rgba(255, 170, 0, .8);
    animation: pulse-warning 2.5s infinite;
}
.pulse-warning:hover {
    color: rgba(255, 255, 255, 1) !important;
}
@-webkit-keyframes pulse-warning {
    0% {
        -webkit-box-shadow: 0px 0px 20px 5px rgba(255, 170, 0, .8);
        color: rgba(255, 255, 255, 1);
    }
    70% {
        -webkit-box-shadow: 0px 0px 20px 5px rgba(255, 170, 0, 0);
    }
    100% {
        -webkit-box-shadow: 0px 0px 20px 5px rgba(255, 170, 0, .8);
        color: rgba(255, 255, 255, 1);
    }
}
@keyframes pulse-warning {
    0% {
        -moz-box-shadow: 0px 0px 20px 5px rgba(255, 170, 0, .8);
        box-shadow: 0px 0px 20px 5px rgba(255, 170, 0, .8);
        color: rgba(255, 255, 255, 1);
    }
    70% {
        -moz-box-shadow: 0px 0px 20px 5px rgba(255, 170, 0, 0);
        box-shadow: 0px 0px 20px 5px rgba(255, 170, 0, 0);
    }
    100% {
        -moz-box-shadow: 0px 0px 20px 5px rgba(255, 170, 0, .8);
        box-shadow: 0px 0px 20px 5px rgba(255, 170, 0, .8);
        color: rgba(255, 255, 255, 1);
    }
}


.pulse-default {
    color: rgba(0, 0, 0, 0.8);
    box-shadow: 0px 0px 20px 5px rgba(245, 245, 245, .8);
    animation: pulse-default 3.2s infinite;
}
.pulse-default:hover {
    color: rgba(0, 0, 0, 1) !important;
}
@-webkit-keyframes pulse-default {
    0% {
        -webkit-box-shadow: 0px 0px 20px 5px rgba(245, 245, 245, .8);
        color: rgba(0, 0, 0, 1);
    }
    70% {
        -webkit-box-shadow: 0px 0px 20px 5px rgba(245, 245, 245, 0);
    }
    100% {
        -webkit-box-shadow: 0px 0px 20px 5px rgba(245, 245, 245, .8);
        color: rgba(0, 0, 0, 1);
    }
}
@keyframes pulse-default {
    0% {
        -moz-box-shadow: 0px 0px 20px 5px rgba(245, 245, 245, .8);
        box-shadow: 0px 0px 20px 5px rgba(245, 245, 245, .8);
        color: rgba(0, 0, 0, 1);
    }
    70% {
        -moz-box-shadow: 0px 0px 20px 5px rgba(245, 245, 245, 0);
        box-shadow: 0px 0px 20px 5px rgba(245, 245, 245, 0);
    }
    100% {
        -moz-box-shadow: 0px 0px 20px 5px rgba(245, 245, 245, .8);
        box-shadow: 0px 0px 20px 5px rgba(245, 245, 245, .8);
        color: rgba(0, 0, 0, 1);
    }
}


.pulse-danger {
    color: rgba(255, 255, 255, 0.8);
    box-shadow: 0px 0px 20px 5px rgba(255, 63, 58, .8);
    animation: pulse-danger 2.7s infinite;
}
.pulse-danger:hover {
    color: rgba(255, 255, 255, 1) !important;
}
@-webkit-keyframes pulse-danger {
    0% {
        -webkit-box-shadow: 0px 0px 20px 5px rgba(255, 63, 58, .8);
        color: rgba(255, 255, 255, 1);
    }
    70% {
        -webkit-box-shadow: 0px 0px 20px 5px rgba(255, 63, 58, 0);
    }
    100% {
        -webkit-box-shadow: 0px 0px 20px 5px rgba(255, 63, 58, .8);
        color: rgba(255, 255, 255, 1);
    }
}
@keyframes pulse-danger {
    0% {
        -moz-box-shadow: 0px 0px 20px 5px rgba(255, 63, 58, .8);
        box-shadow: 0px 0px 20px 5px rgba(255, 63, 58, .8);
        color: rgba(255, 255, 255, 1);
    }
    70% {
        -moz-box-shadow: 0px 0px 20px 5px rgba(255, 63, 58, 0);
        box-shadow: 0px 0px 20px 5px rgba(255, 63, 58, 0);
    }
    100% {
        -moz-box-shadow: 0px 0px 20px 5px rgba(255, 63, 58, .8);
        box-shadow: 0px 0px 20px 5px rgba(255, 63, 58, .8);
        color: rgba(255, 255, 255, 1);
    }
}


.pulse-success {
    color: rgba(255, 255, 255, 0.8);
    box-shadow: 0px 0px 20px 5px rgba(45, 220, 45, .8);
    animation: pulse-success 3.5s infinite;
}
.pulse-success:hover {
    color: rgba(255, 255, 255, 1) !important;
}
@-webkit-keyframes pulse-success {
    0% {
        -webkit-box-shadow: 0px 0px 20px 5px rgba(45, 220, 45, .8);
        color: rgba(255, 255, 255, 1);
    }
    70% {
        -webkit-box-shadow: 0px 0px 20px 5px rgba(45, 220, 45, 0);
    }
    100% {
        -webkit-box-shadow: 0px 0px 20px 5px rgba(45, 220, 45, .8);
        color: rgba(255, 255, 255, 1);
    }
}
@keyframes pulse-success {
    0% {
        -moz-box-shadow: 0px 0px 20px 5px rgba(45, 220, 45, .8);
        box-shadow: 0px 0px 20px 5px rgba(45, 220, 45, .8);
        color: rgba(255, 255, 255, 1);
    }
    70% {
        -moz-box-shadow: 0px 0px 20px 5px rgba(45, 220, 45, 0);
        box-shadow: 0px 0px 20px 5px rgba(45, 220, 45, 0);
    }
    100% {
        -moz-box-shadow: 0px 0px 20px 5px rgba(45, 220, 45, .8);
        box-shadow: 0px 0px 20px 5px rgba(45, 220, 45, .8);
        color: rgba(255, 255, 255, 1);
    }
}


.pulse-info {
    color: rgba(255, 255, 255, 0.8);
    box-shadow: 0px 0px 20px 5px rgba(125, 249, 255, .8);
    animation: pulse-info 3.7s infinite;
}
.pulse-info:hover {
    color: rgba(255, 255, 255, 1) !important;
}
@-webkit-keyframes pulse-info {
    0% {
        -webkit-box-shadow: 0px 0px 20px 5px rgba(125, 249, 255, .8);
        color: rgba(255, 255, 255, 1);
    }
    70% {
        -webkit-box-shadow: 0px 0px 20px 5px rgba(125, 249, 255, 0);
    }
    100% {
        -webkit-box-shadow: 0px 0px 20px 5px rgba(125, 249, 255, .8);
        color: rgba(255, 255, 255, 1);
    }
}
@keyframes pulse-info {
    0% {
        -moz-box-shadow: 0px 0px 20px 5px rgba(125, 249, 255, .8);
        box-shadow: 0px 0px 20px 5px rgba(125, 249, 255, .8);
        color: rgba(255, 255, 255, 1);
    }
    70% {
        -moz-box-shadow: 0px 0px 20px 5px rgba(125, 249, 255, 0);
        box-shadow: 0px 0px 20px 5px rgba(125, 249, 255, 0);
    }
    100% {
        -moz-box-shadow: 0px 0px 20px 5px rgba(125, 249, 255, .8);
        box-shadow: 0px 0px 20px 5px rgba(125, 249, 255, .8);
        color: rgba(255, 255, 255, 1);
    }
}

.widget-pinned-template-location-title:hover{
    color: #8a7ebd !important;
    /*background-color: rgba(0,0,0,.075) !important;*/
}

.sensor-widget-info{
    background-color: rgba(1,1,1,0.12);
    border-radius: 6px;
    padding: 5px;
}

.sensorStatusPlaceholder{
    background-color: rgba(1,1,1,0.1);
    pointer-events: none;
    border-style: dashed;
    border-radius: 5px;
    opacity: .8;
}

.sensorStatusPlaceholder .progress {
    background: url('../../pages/img/progress/progress-circle-success.svg') no-repeat center center;
}

.sensor-status-location-link:hover{
    opacity: .6;
}

.sensor-status-sensor-link {
    z-index: 1;
}
.sensor-status-sensor-link:hover {
    opacity: .6;
}

.fav-empty-dialog{
    opacity: .8;
    background-color: rgba(9,9,9,0.05);
    margin: 30px;
    border-radius: 6px;
}

.frequent-pin-dialog-row{
    background-color: rgba(9,9,9,0.03);
}

.disturbance-entry:hover {
    background-color: #daeffd;
}

.disturbance-entry:hover i {
    color: #ffc107;
}

.ignoreButton:hover i:before{
    content: "\f070";
    /*color: #ffc107;*/
}

.unignoreButton:hover i:before{
    content: "\f06e";
    /*color: #ffc107;*/
}

.closeButton {
    color: #28a745;
}

.closeButton:hover {
    color: #ffc107;
}

.ignored {
    color: #959595;
    text-decoration: none;
    cursor: default;
    opacity: .5;
}

.completed {
    color: #959595;
    text-decoration: none;
    background-color: rgba(40,167,69,0.2);
    cursor: default;
    opacity: .5;
}

.completed .btn {
    pointer-events: none;
}

.bg-grey{
    background-color: rgba(9,9,9,0.02);
}
.hover-div{
    background: rgba(9,9,9,0.03);
}
.hover-div.border {
    border-color: rgba(9,9,9,0.06) !important
}
.hover-div:hover{
    background-color: rgba(0,0,0,.075) !important;
    cursor: pointer;
}

.error-div{
    background: rgba(243, 89, 88, 0.03);
}

.error-div:hover{
    background: rgba(243, 89, 88, 0.075) !important;
}

.warning-div{
    background : rgba(255, 193, 7, 0.03);
}

.warning-div:hover{
    background : rgba(255, 193, 7, 0.075) !important;
}

.widget-bg-warning{
    background : rgba(255, 193, 7, 0.06);
}

.widget-bg-warning:hover{
    background : rgba(255, 193, 7, 0.12) !important;
}

.glow-warning {
    box-shadow: 0px 0px 5px 5px rgba(255, 193, 7, .8);
}

.glow-primary {
    box-shadow: 0px 0px 5px 5px rgba(109, 94, 172, .8);
}

.glow-complete {
    box-shadow: 0px 0px 5px 5px rgba(58, 143, 200, 0.8)
}

.checkedButton{
    background-color: rgba(40, 167, 69, 0.75);
}

.checkedButton:hover{
    background-color: rgba(40, 167, 69, 0.3) !important;
}

.checkButton:hover{
    background-color: rgba(40, 167, 69, 0.3) !important;
}

.div-glow{
    box-shadow: 0px 0px 5px 5px rgba(255, 193, 7, 0.8);
}
.inactive {
    opacity: 0.3;
}

.inactive .sensor-item {
    /*pointer-events: none;*/
}

.pin-icon:hover{
    color: #1dbb99 !important;
}
.pin-icon.text-success:hover{
    color: rgba(29, 187, 153, 0.6) !important;
}

/*REDISGN YO*/
.bg-almost-white{
    background-color: rgba(255,255,255,.96) !important;
}

.bg-90-white{
    background-color: rgba(255,255,255,.9) !important;
}

.bg-60-white{
    background-color: rgba(255,255,255,.6) !important;
}

.bg-30-white{
    background-color: rgba(255,255,255,.6) !important;
}

.projectsTable td{
    background-color: transparent !important;
}

.nav-item.bg-90-white{
    margin-left: 3px;
    margin-right: 3px;
    border-radius: 3px;
}
.nav-item.bg-90-white:hover{
    background-color: rgba(255,255,255,1) !important;
}

.nav.nav-tabs.nav-tabs-simple:after{
    border: none;
}

.border-r-3{
    border-radius: 3px;
}


.menu-items a, .menu-items span{
    font-family: Montserrat !important;
}

.noUi-horizontal .noUi-handle{
    border: 2px solid #6d5eac !important;
}

.vex-dialog-buttons .vex-last {
    display: none;
}

.vex-dialog-button-primary{
    background: rgba(109, 94, 172, 1) !important;
}

.vex-content{
    background: rgba(255,255,255,.96) !important;
}

.vex.vex-theme-default .vex-content {
    width: 750px !important;
}

.vex-dialog-message li {
    line-height: 33px;
}
.color-primary{
    color: rgba(109,94,172,1) !important;
}

.changelog ul {
    list-style: none;
}

.changelog .detail-text {
    font-size: 12px;
}