/*#clearableComboBox-1067-labelTextEl{*/
/*color:white;*/
/*}*/

/*#clearableComboBox-1023-labelTextEl{*/
/*color:white;*/
/*}*/

#reportView-1049-placeholder-title img{
width:1.5% !important;
}

#devicesView-1043-placeholder-title-textEl img{
height:40% !important;
}

#devicesView-1060-placeholder-title-textEl img{
height:40% !important;
}

#reportView-1072_header-title-textEl img{
height:40% !important;
}

#reportView-1089_header-title-textEl img{
height:40% !important;
}


#reportView-1066-placeholder-title img{
width:2% !important;
}

#devicesView-1066-placeholder-title-textEl img{
height:40% !important;
}



@media only screen and (min-width: 768px) {
    body {
        background-image: url("fog.jpeg") !important;
        background-size: cover !important;
    }

}

@media only screen and (max-width: 768px) {

.demo-info{
width:100% !important;
}
.map-combo div{
display:none;
}

.map-combo label{
display:none;
}


    #clearableComboBox-1023-labelTextEl {
        display: none;
        width: 0px;
    }

    #clearableComboBox-1067-labelTextEl {
        display: none;
        width: 0px;
    }

    #clearableComboBox-1023-bodyEl {
        display: none;
        width: 0px;

    }

    #clearableComboBox-1067 {
        display: none;
        width: 0px;
    }

    #clearableComboBox-1023 {
        display: none;
        width: 0px;
    }
}

.map-combo label{
    color: white;
}

.statusIcon {
    width: 9%;
}

.statusIconBig {
    width: 10%;
}

.statusIconB {
    max-height: 30%;
    position: relative;
    max-width: 30%;
}

.statusIconBear {
    max-height: 30%;
    position: relative;
    max-width: 30%;

}

.statusIconBearB {
    max-height: 30%;
    position: relative;
    max-width: 30%;
}

.statusIconList {
    max-height: 12%;
    position: relative;
    max-width: 12%;
    margin-top: 5%;

}

.statusIconActive {
    max-height: 10px;
    position: relative;
    max-width: 10px;
    margin-right: 4px;
}

.view-color-green {
    background-color: rgba(77, 250, 144, 0.7);
}

.view-color-yellow {
    background-color: rgba(250, 190, 77, 0.7);
}

.view-color-red {
    background-color: rgba(255, 84, 104, 0.7);
}

.x-btn-default-small {

    background-color: #002255 !important;
    border-color: #002255 !important;
}

.x-boundlist-item-over {
    background-color: #002255 !important;

}

.x-menu-item-focus {
    background-color: #002255 !important;
}

.x-menu-item-active {
    background-color: #002255 !important;
}

.x-tool-toggle {

    color: white !important;
}

.view-item-disabled {
    opacity: 0.5;
}

.toolbar-header-style {
    background-color: #002255 !important;
    border: none !important;
}

.x-splitter {
    background-color: #ccd3dd !important;
}

.x-tool-tool-el {
    background-color: #002255 !important;
}

.x-window-header-default {
    background-color: #002255 !important;
    border-color: #002255 !important;
}

.x-panel-header-default {
    background-color: #002255 !important;
    border-color: #002255 !important;
}

.x-window-body-default {
    border-color: #002255 !important;

}

.x-window-default {
    border-color: #002255 !important;

}

#panel-1010_header {
    height: 200px !important;
}

@media only screen and (max-width: 1190px) {
    #panel-1010 {
        display: none;
    }
}

body.x-border-layout-ct, div.x-border-layout-ct {
    background-color: white !important;
}

.x-fieldset {
    overflow: visible !important; /* workaround for Safari issue */
}

#attribution {
    position: absolute;
    bottom: 10px;
    right: 15px;
    font-size: x-small;
}

#spinner:before {
    content: '';
    box-sizing: border-box;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 60px;
    height: 60px;
    margin-top: -30px;
    margin-left: -30px;
    border-radius: 50%;
    border-top: 6px solid #002255;
    border-right: 6px solid transparent;
    animation: spinner .6s linear infinite;
}

@keyframes spinner {
    to {
        transform: rotate(360deg);
    }

}

#attribution {
    display: none;
}