.no-list-style
{
    list-style:none;
}

.list-element
{
}
 
.list-element-left
{
    float: left;
    width: 120px;
}

 
.ul > li {
    margin: 10px 0;
}

/* to make compact grid popup editor */
.k-edit-label, k-edit-form-container .editor-label { width: auto; padding: .5em 0 .5em 0; }
.k-edit-field, k-edit-form-container .editor-field { width: auto; padding: .1em .1em; }

/* long tooltip fix */
.k-edit-field .k-tooltip { white-space: normal; }
/* tooltip icon height fix */
.k-edit-field .k-tooltip .k-icon { height: 16px; }

/*.k-combobox .k-state-focused .k-icon.k-loading,
.k-combobox .k-state-hover .k-icon.k-loading,
.k-dropdown .k-state-focused .k-icon.k-loading,
.k-dropdown .k-state-hover .k-icon.k-loading
{
  background-image: url('../images/custom_loading.gif');
}*/

.k-pdf-export .k-grid-toolbar,
.k-pdf-export .k-grouping-header {
    display: none;
}

.k-dirty-clear {
  border-width: 0 !important;
}

button.k-primary > span.k-icon {
    margin-top: -3px;
    margin-right: 3px;
    color: #ffffff;
}

button.k-primary:active > span.k-icon {
    color: #fff;
}

button.k-primary:disabled > span.k-icon {
    color: #B9B9B9;
}

.ecoweb-averagingintervalunitselector
{
    width: 100px;
}

.topic-common
{
    height: 100%;
    width: 100%;
    border-width: 0px;
}

.hs-topic-panel {
    margin: 0px;
    padding: 0px;
    border-width: 0px;
    width: 100%;
    height: 100%;
}

.hs-parameter-container {
    overflow-x: hidden;
    overflow-y: auto;
    margin: 0px;
    padding: 0px;
    border-width: 0px;
    width: 100%;
    height: 100%;
}

.hs-parameter-group {
    margin-top: 4px;
    margin-left: 4px;
    margin-right: 4px;
}
.hs-parameter-label {
    margin-bottom: 2px;
    font-weight: bold;
}

.hs-parameter-label input.k-checkbox {
    /*display: none;*/
}

.hs-parameter-input {
    margin-top: 0px;
}

.hs-parameter-input100 {
    margin-top: 0px;
    width: 100%
}

.hs-parameter-group-center {
    margin-top: 4px;
    text-align:center;
}

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

.hs-parameter-container button > span.k-icon {
    margin-top: -3px;
}

.hs-parameter-clear {
    padding-top: 3px;
    padding-bottom: 1px;
    padding-left: 2px;
    padding-right: 1px;
    margin: 0px;
    width: 22px;
    border-color: #dddede;
    color: #333;
    background-color: #f5f6f8;
}

.hs-parameter-update {
    min-width: 100px;
    min-height: 36px;
}
.hs-parameter-update > span.k-icon {
    margin-right: 4px;
    margin-top: -2px;
}

.hs-parameter-separator 
{
    margin-top: 12px;
    margin-bottom: 12px;
    margin-left: 4px;
    margin-right: 4px;
    height: 1px;
    background: #D0D6E0;
}

.hs-ecoweb-small-icon { width:20px; line-height:20px; vertical-align:middle; margin-right:5px; }

.hs-ecoweb-eventtype-ok { 
    margin:-5px; 
    height:24px; 
    background-image:url(../images/ok.png);
    background-repeat:no-repeat; 
    background-size:24px; 
}      

.hs-ecoweb-eventtype-warning { 
    margin:-5px; 
    height:24px; 
    background-image:url(../images/warn.png);
    background-repeat:no-repeat; 
    background-size:24px; 
}      

.hs-ecoweb-eventtype-error { 
    margin:-5px; 
    height:24px; 
    background-image:url(../images/error.png);
    background-repeat:no-repeat; 
    background-size:24px; 
}      

.hs-ecoweb-eventtype-alarm { 
    margin:-5px; 
    height:24px; 
    background-image:url(../images/alarm.png);
    background-repeat:no-repeat; 
    background-size:24px; 
}  

.hs-ecoweb-alarmtype-opened { 
    margin:-5px; 
    height:24px; 
    background-image:url(../images/alarm-red.png);
    background-repeat:no-repeat; 
    background-size:24px; 
}  

.hs-ecoweb-alarmtype-closed { 
    margin:-5px; 
    height:24px; 
    background-image:url(../images/alarm-green.png);
    background-repeat:no-repeat; 
    background-size:24px; 
}  

.hs-ecoweb-download-result-none { 
    height:24px; 
    background-image:url(../images/empty.png);
    background-repeat:no-repeat; 
    background-size:24px; 
}      

.hs-ecoweb-download-result-downloading { 
    height:24px; 
    background-image:url(../images/downloading.png);
    background-repeat:no-repeat; 
    background-size:24px; 
}      

.hs-ecoweb-download-result-success { 
    height:24px; 
    background-image:url(../images/ok.png);
    background-repeat:no-repeat; 
    background-size:24px; 
}      

.hs-ecoweb-download-result-warning { 
    height:24px; 
    background-image:url(../images/warn.png);
    background-repeat:no-repeat; 
    background-size:24px; 
}      

.hs-ecoweb-download-result-failed { 
    height:24px; 
    background-image:url(../images/error.png);
    background-repeat:no-repeat; 
    background-size:24px; 
}      

.hs-ecoweb-download-phase-notstarted { 
    height:24px; 
    background-image:url(../images/empty.png);
    background-repeat:no-repeat; 
    background-size:24px; 
}      

.hs-ecoweb-download-phase-initializing { 
    height:24px; 
    background-image:url(../images/initializing.png);
    background-repeat:no-repeat; 
    background-size:24px; 
}      

.hs-ecoweb-download-phase-communicating { 
    height:24px; 
    background-image:url(../images/downloading.png);
    background-repeat:no-repeat; 
    background-size:24px; 
}      

.hs-ecoweb-download-phase-waiting-database { 
    height:24px; 
    background-image:url(../images/database.png);
    background-repeat:no-repeat; 
    background-size:24px; 
}      

.hs-ecoweb-download-phase-storing { 
    height:24px; 
    background-image:url(../images/database2.png);
    background-repeat:no-repeat; 
    background-size:24px; 
}      

.hs-ecoweb-download-phase-completed { 
    height:24px; 
    background-image:url(../images/ok.png);
    background-repeat:no-repeat; 
    background-size:24px; 
}      

.hs-ecoweb-download-phase-failed { 
    height:24px; 
    background-image:url(../images/error.png);
    background-repeat:no-repeat; 
    background-size:24px; 
}      

.hs-ecoweb-datasource-longterm { 
    height:24px; 
    background-image:url(../images/interval_LONG.png);
    background-repeat:no-repeat; 
    background-size:24px; 
}      

.hs-ecoweb-datasource-shortterm { 
    height:24px; 
    background-image:url(../images/interval_MIDDLE.png);
    background-repeat:no-repeat; 
    background-size:24px; 
}      

.hs-ecoweb-datasource-immediate { 
    height:24px; 
    background-image:url(../images/interval_SHORT.png);
    background-repeat:no-repeat; 
    background-size:24px; 
}      

.hs-value-exceeded1
{
    background-color: #FEFE00;
    font-weight:bold;
}

.hs-value-exceeded5
{
    background-color: #FEA400;
    font-weight:bold;
}

.hs-value-exceeded10
{
    background-color: #FF6347;
    font-weight:bold;
}

/* sprites 128x128 */
/*.hs-sprite30 {
    background-image: url('../images/sprites-30.png');
    background-repeat: no-repeat;
    background-clip: content-box;
    background-position-x: 0px;
    display: inline-block;
    overflow: hidden;
    padding: 0px;
    border-width: 0px;
    width: 30px;
    height: 30px;
    margin-right: 4px;
}

.hs-s30-overview { background-position-y: 0px; }
.hs-s30-measurement { background-position-y: -33px; }
.hs-s30-chart { background-position-y: -66px; }
.hs-s30-histogram { background-position-y: -99px; }
.hs-s30-correlation { background-position-y: -132px; }
.hs-s30-windrose { background-position-y: -165px; }
.hs-s30-map { background-position-y: -198px; }
.hs-s30-status { background-position-y: -231px; }
.hs-s30-dashboard { background-position-y: -264px; }
.hs-s30-availability-chart { background-position-y: -297px; }
.hs-s30-availability-table { background-position-y: -330px; }
.hs-s30-alarm { background-position-y: -363px; }
.hs-s30-log { background-position-y: -396px; }
.hs-s30-downloader { background-position-y: -429px; }
.hs-s30-reports { background-position-y: -462px; }
.hs-s30-reports-basic-averages { background-position-y: -495px; }
.hs-s30-reports-basic-mac { background-position-y: -528px; }
.hs-s30-reports-tza4 { background-position-y: -561px; }
.hs-s30-reports-day { background-position-y: -594px; }
.hs-s30-settings { background-position-y: -627px; }
.hs-s30-settings-server { background-position-y: -660px; }
.hs-s30-settings-users { background-position-y: -693px; }
.hs-s30-settings-stations { background-position-y: -726px; }
.hs-s30-settings-points { background-position-y: -759px; }
.hs-s30-settings-devices { background-position-y: -792px; }
.hs-s30-settings-components { background-position-y: -825px; }
.hs-s30-settings-alarms { background-position-y: -858px; }
.hs-s30-settings-reports { background-position-y: -891px; }
.hs-s30-settings-nls { background-position-y: -924px; }
.hs-s30-help { background-position-y: -957px; }
.hs-s30-license { background-position-y: -990px; }
.hs-s30-database { background-position-y: -1023px; }*/

.ol-popup {
    position: absolute;
    background-color: white;
    -webkit-filter: drop-shadow(0 1px 4px rgba(0,0,0,0.2));
    filter: drop-shadow(0 1px 4px rgba(0,0,0,0.2));
    padding: 15px;
    border-radius: 10px;
    border: 1px solid #cccccc;
    bottom: 12px;
    left: -50px;
    z-index: 20;
}
.ol-popup:after, .ol-popup:before {
    top: 100%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    min-width: 0;
    position: absolute;
    pointer-events: none;
}
.ol-popup:after {
    border-top-color: white;
    border-width: 10px;
    left: 48px;
    margin-left: -10px;
}
.ol-popup:before {
    border-top-color: #cccccc;
    border-width: 11px;
    left: 48px;
    margin-left: -11px;
}
.ol-popup-closer {
    text-decoration: none;
    position: absolute;
    top: 2px;
    right: 8px;
}
.ol-popup-closer:after {
    content: "✖";
}

.hs-map-legend-item {
    width: 10px;
    height: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    border-width: 1px;
    border-style: solid;
    margin-right: 1px;
    margin-left: 2px;
    display: inline-block;
}

.hs-map-legend-normal {
    background-color: #000000;
    border-color: #000000;
}

.hs-map-legend-no-data {
    background-color: #A4A4A4;
    border-color: #000000;
}

.hs-map-legend-exceed1 {
    background-color: #FEFE00;
    border-color: #000000;
}

.hs-map-legend-exceed5 {
    background-color: #FEA400;
    border-color: #000000;
}
.hs-map-legend-exceed10 {
    background-color: #FF6347;
    border-color: #000000;
}

.hs-map-legend-alarm {
    background-color: #ff0000;
    border-color: #000000;
}

.hs-map-legend {
    list-style-type: none;
    margin: 0 auto;
    display: table;
    padding: 0;
    overflow: hidden;
    background-color: #ffffff;
    opacity:0.8;
    overflow-x:visible;
}

.hs-map-legend li {
    float: left;
    margin: 3px;
}

.hs-map-legend li span {
    line-height: 15px;
    font-size: 10pt;
}