.uk-notification {
    background-color: transparent;    
}

.uk-notification-message {
    padding: 0px;
}

.my-div-icon {
}

.uk-nav-header {
    color: #4A6A65 !important;
}

.uk-offcanvas-bar {
    background: #FFFFFF;
    color: #779CAB !important;
    border-left: 1px solid #EEEEEE;
}

.uk-offcanvas-close {
    color: #779CAB !important;
}

/* css to customize Leaflet default styles  */
.popupCustom .leaflet-popup-tip,
.popupCustom .leaflet-popup-content-wrapper {
}

.fa-uk-icon-button {
    padding-left: 9px;
    padding-top: 9px;
}

.fa-uk-form-icon2 {
    padding-left: 11px;
    padding-top: 11px;
}

.fa-uk-icon-button2 {
    padding-top: 6px;
    font-size: 24px;
    width: 36px;
    height: 36px;
}

.fa-uk-form-icon {
    position: relative;
    left: 10px;
    top: 1px;
}

.im_background_success {
    background: #04724D;
}
.im_background_danger {
    background: #da314b;
}
.im_background_warning {
    background: #E0BE36;
}
.im_background_warning2 {
    background: rgba(250, 220, 0);
}

.im_background_okay {
    background: #04724D;
}
.im_background_hot {
    background: #da314b;
}
.im_background_warm {
    background: #E0BE36;
}
.im_background_cold {
    background: rgb(89,167,251);
}
.im_background_freezing {
    background: rgb(79,138,179);
}

.im_icon_success {
    color: #04724D;
}
.im_icon_danger {
    color: #da314b;
}
.im_icon_cold {
    color: rgba(20,100,180,1);
}
.im_icon_coldish {
    color: rgba(50,170,240,1);
}
.im_icon_warning {
    color: #E0BE36;
}
.im_icon_primary {
    color: #1E87F0;
}
.im_icon_bold {
    font-weight: bold;
}
.im_text_line_through {
    text-decoration: line-through;
}

.im_text_blink {
    animation: animate 2s linear infinite;
}
@keyframes animate{
    0%{
	opacity: 0.1;
    }
    25% {
	opacity: 0.4;
    }
    50%{
	opacity: 1;
    }
    75% {
	opacity: 0.4;
    }
    100%{
	opacity: 0.1;
    }
}
.im_text_blink_hard {
    animation: animate 0.5s linear infinite;
}
@keyframes animate{
    0%{
	opacity: 1;
	left: 0px;
	top: 0px;
    }
    25% {
	opacity: 0.5;
	left: 0px;
	top: -2px;
    }
    50%{
	opacity: 0.0;
	left: 0px;
	top: 0px;
    }
    75% {
	opacity: 0.5;
	left: 0px;
	top: 2px;
    }
    100%{
	opacity: 1;
	left: 0px;
	top: 0px;
    }
}

.im_text_48 {
    font-size: 48px;
}
.im_text_36 {
    font-size: 36px;
}
.im_text_32 {
    font-size: 32px;
}
.im_text_30 {
    font-size: 30px;
}
.im_text_24 {
    font-size: 24px;
}
.im_text_20 {
    font-size: 20px;
}
.im_text_18 {
    font-size: 18px;
}
.im_text_16 {
    font-size: 16px;
}
.im_text_14 {
    font-size: 14px;
}
.im_text_12 {
    font-size: 12px;
}
.im_text_11 {
    font-size: 11px;
}
.im_text_10 {
    font-size: 10px;
}
.im_text_9 {
    font-size: 9px;
}
.im_text_8 {
    font-size: 8px;
}
.im_text_7 {
    font-size: 7px;
}
.im_text_linethrough {
    text-decoration: line-through;
}
.im_text_muted {
    opacity: 0.25;
}
.im_text_half_muted {
    opacity: 0.50;
}
.im_text_semi_muted {
    opacity: 0.75;
}
.im_text_white {
    color: #FFFFFF !important;
}

.uk-text-semi-danger {
    color: #EE884b;
}

.im_pointer {
    cursor: pointer;
     user-select: none; 
     -webkit-user-select: none;
     -moz-user-select: none; 
     -khtml-user-select: none;
     -ms-user-select: none; 
}
.im_grab {
    cursor: move;
    cursor: grab;
}
.im_grabbing {
    cursor: grabbing;
}
.im_sticky_headline {
    background: #FFFFFF;
    z-index: 1001;
}
.im_invisible {
    visibility: hidden;
}

.im_top_background {
    background-color: #779CAB !important;
    height: 50px;
}

.im_top_bar_icons:hover {
    background-color: #527c85 !important;    
}

.im_top_bar_text {
    position: relative;
    color: #FFFFFF; !important;    
}

.im_top_bar_icons {
    background: #779CAB;
    color: #FFFFFF !important;
}

.im_top_bar_logo {
}

.im_top_bar_logo:hover {
}

.im_form_label {
    font-size: 1rem !important;
}

.im_form_checkbox {
    margin-top: 10px;
}

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

.im_checkbox_shift_down4 {
    position: relative;
    top: 4px;
}

.im_badge_upshift {
    position: relative;
    top: -2px;
}

.im_badge_upshift1 {
    position: relative;
    top: -1px;
}

.im_text_transparent {
    opacity: 0.3;
}

.im_text_primary {
    color: #779CAB !important;
}

.im_indent_0 {
    margin-left: 0px;
}

.im_indent_1 {
    margin-left: 20px;
}

.im_indent_2 {
    margin-left: 40px;
}

.im_indent_3 {
    margin-left: 60px;
}

.im_indent_4 {
    margin-left: 80px;
}

.im_link_no_hover:hover {
    text-decoration: none;
}

.im_valign_top {
    veimical-align: top;
}

.im_simple_table {
    margin: 0px;
    padding: 0px;
    border-collapse: collapse;
}

.im_simple_table_timeslot_cells {
    width: 25px;
    border-left: 1px dotted #EEEEEE;
    padding: 2px;
}

.im_light_level_border_dark {
    border-left: 1px solid #333333;
    border-bottom: 0px;
}

.im_light_level_border_light {
    border-left: 1px solid #EEEEEE;
    border-bottom: 1px solid #EEEEEE;
}

.im_light_level_header_padding {
    padding: 2px 5px 2px 5px !important;
}

.im_log_registrant {
    padding-top: 2px;
    padding-right: 10px;
    padding-bottom: 2px;
    padding-left: 0px;
}

.im_active {
    color: #613D44 !important;
    font-weight: bold;
}
.im_datepicker_z-index {
    position: relative;
    z-index: 1000 !important;
}
.im_line-through {
    text-decoration: line-through;
}
.im_modal_charts {
    height: 40vh;
}
.im_font_flip90 {
    -webkit-transform:rotateY(90deg);
    -moz-transform:rotateY(90deg);
    -o-transform:rotateY(90deg);
    -ms-transform:rotateY(90deg);
    unicode-bidi:bidi-override;
    direction:rtl;
}
.im_font_flip {
    -webkit-transform:rotateY(180deg);
    -moz-transform:rotateY(180deg);
    -o-transform:rotateY(180deg);
    -ms-transform:rotateY(180deg);
    unicode-bidi:bidi-override;
    direction:rtl;
}
.im_upside_down {
    transform: scale(1, -1);
    -moz-transform: scale(1, -1);
    -webkit-transform: scale(1, -1);
    -o-transform: scale(1, -1);
    -ms-transform: scale(1, -1);
    transform: scale(1, -1);
}
.im_status_button_menu_offset {
    position: relative;
    top: -20px;
    right: 0px;
}
.status_var_button {
    padding-top: 3px;
    padding-bottom: 3px;
    padding-left: 10px;
    padding-right: 10px;
}

.im_status_name {
    padding-top: 25px;
}
.status_info_row {
    display: none;   
}
.im_status_details_box {
    position: absolute;
    display: none;
    background: #FFFFFF;
    z-index: 100;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.08);
}

.im_striped_no_border {
    border: 0px !important;
}

.im_striped_less_border {
    border-top: 1px solid #F5F5F5 !important;
    border-bottom: 1px solid #F5F5F5 !important;
}



.parameter_chooser_button {
    padding-right: 45px;
    padding-left: 20px;
}

//Map style
.leaflet_legend {
    padding: 5px;
    line-height: 18px;
}
.leaflet_legend i {
    width: 18px;
    height: 18px;
    float: left;
    margin-right: 8px;
    opacity: 0.5;
}
.leaflet_info {
    padding: 10px 12px;
    font: 14px/16px Arial, Helvetica, sans-serif;
    background: #FFFFFF;
    box-shadow: 0 0 15px rgba(0,0,0,0.2);
    border-radius: 10px;
}
.leaflet_info h4 {
    margin: 0 0 5px;
    color: #777777;
}

.leaflet_number_icon {
    padding: 2px;
    text-align: center;
    color: #FFFFFF !important;
    font-size: 14px;
    border-radius: 18px;
    background-color: #1d8739;    
}

.leaflet_nob_icon {
    padding: 5px;
    text-align: center;
    color: #000000;
    font-size: 12px;
}

.marker_label {
    position: absolute;
    font-size: 10px;
    padding: 0px 2px 0px 2px;
    background-color: rgba(255, 255, 255, 1);
    border: 0px;
    top: 6px;
    box-shadow: 1px 1px 1px 1px #CCCCCC;
    border-radius: 0px;
}

.leaflet-popup-content {
    margin: 5px 10px 5px 10px;
    opacity: 0.9;
}
.uk-accordion-title:before {
    display: none;
}
.uk-accordion-title.uk-active:before {
    display: none;
}
.uk-tooltip {
    background: #ebf7fd !important;
    border: 1px solid rgba(45,112,145,0.3);
    border-radius: 5px;
    padding: 5px;
    color: #2d7091;
}

.uk-badge-danger {
    background-color: #da314b;
    border-color: #da314b;
    color: #FFFFFF;
    padding-left: 10px;
    padding-right: 10px;
}
.uk-badge-semi-danger {
    background-color: #EE884b;
    border-color: #EE884b;
    color: #FFFFFF;
    padding-left: 10px;
    padding-right: 10px;
}
.uk-badge-warning {
    background-color: rgba(250, 220, 0);
    color: #000000;
    padding-left: 10px;
    padding-right: 10px;
}
.uk-badge-success {
    background-color: #03724d;
    color: #fff;
    padding-left: 10px;
    padding-right: 10px;
}
.uk-badge-muted {
    background-color: #FFFFFF;
    color: #000000;
    padding: 0px;
    border: 1px solid #DDDDDD
}

@-moz-keyframes im_spin {
    to { -moz-transform: rotate(360deg); }
}
@-webkit-keyframes im_spin {
    to { -webkit-transform: rotate(360deg); }
}
@keyframes im_spin {
    to {transform:rotate(360deg);}
}

.im_spin {
    animation: im_spin 2000ms linear infinite;
}

.im_calendar_cell {
    border: 1px solid #FFFFFF;
    position: relative;
    width: 16px;
}
.im_calendar_cell_div {
    width: 16px;
    height: 24px;
}
.im_calendar_sunday {
    background-color: rgba(0,0,0,0.01);
}
.im_calendar_saturday {
    background-color: rgba(0,0,0,0.01);
}
.im_calendar_friday {
}
.im_calendar_low_cell {
    opacity: 0;
    position: absolute;
    top: 50%;
    left: 0px;
    right: 0px;
    bottom: 0px;    
    background-color: #779CAB !important;
}
.im_calendar_high_cell {
    opacity: 0;
    position: absolute;
    top: 0%;
    left: 0px;
    right: 0px;
    bottom: 50%;    
    background-color: #da314b;
}
.im_calendar_month_boundary {
    border-left: 1px solid #BBBBBB;
}
.im_calendar_weekday_label {
    font-size: 9px;
}
.im_calendar_outside {
    opacity: 0.1;
}

.im_calendar_date {
    position: relative;
    top: -8px;
}

.im_occupancy_minus_slot {
    opacity: 0.25 !important;
    background: repeating-linear-gradient(
	-45deg,
	#000000,
	#000000 10px,
	#222222 10px,
	#222222 20px
    );    
}

.im_occupancy_minus_slot:hover {
    opacity: 0.25 !important;
}
.im_hardware_log_badge {
    position: absolute;
    top: -10px;
    left: -10px;
} 
.im_relative {
    position: relative;
}

.im_status_header_border {
    border-top: 1px solid #EEEEEE;
    border-left: 1px solid #EEEEEE;
    border-right: 1px solid #EEEEEE;
}

.im_status_body_border {
    border-bottom: 1px solid #EEEEEE;
    border-left: 1px solid #EEEEEE;
    border-right: 1px solid #EEEEEE;
}

.im_parameter_icon {
    width: 24px;
}

.im_deviation_matrix_cell_micro {
    padding: 0px !important;
    height: 30px;
    width: 4px;
}
.im_deviation_matrix_micro {
    table-layout: fixed;
    border-collapse: collapse;
    width: 100%;
    margin: 0px;    
}

@media (max-width: 480px) {
    .im_padding_remove_narrow {
	padding-left: 0px !important;
	padding-right: 0px !important;
    }
}

.ra_floorplan_blob {
    font-size: 48px;
    text-shadow: 0px 0px 5px #000000;
    opacity: 0;
    z-index: 5;
}

.ra_floorplan_badge {
    cursor: pointer;
    border: 0px;
}

.crisp_floorplan {
    image-rendering: -webkit-optimize-contrast;
    image-rendering: crisp-edges;
}

.ra_floorplan_image {
    width: 1024px;
    height: 768px;
    border: 1px solid #EEEEEE;
    image-rendering: -webkit-optimize-contrast;
    image-rendering: crisp-edges;
    z-index: 9;
}

.ra_floorplan_blob_container {
    position: absolute;
}

.timelapse_sensor_blob_name {
    background:#FFFFFF;
    padding: 2px;
    box-shadow: 2px 2px 2px #CCCCCC;
    border-radius: 5px;
    border: 1px solid #EEEEEE;
}

.floorplan_blob {
    z-index: 100;
    position: relative;
}
.floorplan_blob_name {
    z-index: 101;
    position: relative;
}
@keyframes im_row_update {
    0% { background-color: #55AA55; color: #FFFFFF; }
    50% { color: #FFFFFF;}
    100% { background-color: #FFFFFF; }
}

.im_row_update {
    border-radius: 5px 5px;
    padding: 2px 4px 2px 4px;
    animation: im_row_update 5s 0s linear;
}

.tableview_td {
    padding-bottom: 8px !important;
    padding-top: 8px !important;
}

.identify_by_touch_blob {
    background-color: rgba(0,150,20,0.5);
    border-radius: 10px;
    padding: 2px;
    color: #FFFFFF;
}
/*Form placeholder gray color*/
.im_placeholder_gray::placeholder {
    opacity: .5;
    color: #D3D3D3 !important;
}

/*Identify by touch animation*/
 @-moz-keyframes im_touch {
     10% {
	 -moz-transform: translateY(1px);
     }
     25% {
	 -moz-transform: translateY(-1px);
	 background: #CC0000;
     }
     50% {
	 -moz-transform: translateY(-2px);
     }
     75% {
	 -moz-transform: translateY(-1px);
     }
     90% {
	 -moz-transform: translateY(0px);
     }
 }
 @-webkit-keyframes im_touch {
     10% {
	 -webkit-transform: translateY(1px);
     }
     25% {
	 -webkit-transform: translateY(-1px);
	 background: #CC0000;
     }
     50% {
	 -webkit-transform: translateY(-2px);
     }
     75% {
	 -webkit-transform: translateY(-1px);
     }
     90% {
	 -webkit-transform: translateY(0px);
     }
 }
 @keyframes im_touch {
     10% {
	 transform: translateY(1px);	 
     }
     25% {
	 transform: translateY(-1px);
	 background: #CC0000;
     }
     50% {
	 transform: translateY(-2px);
     }
     75% {
	 transform: translateY(-1px);
     }
     90% {
	 transform: translateY(0px);
     }
 }

 .im_touch {
     animation: im_touch 750ms linear infinite;
 }

 @-moz-keyframes im_bob {
     10% {
	 -moz-transform: translateY(1px);
     }
     25% {
	 -moz-transform: translateY(-1px);
     }
     50% {
	 -moz-transform: translateY(-2px);
     }
     75% {
	 -moz-transform: translateY(-1px);
     }
     90% {
	 -moz-transform: translateY(0px);
     }
 }
 @-webkit-keyframes im_bob {
     10% {
	 -webkit-transform: translateY(1px);
     }
     25% {
	 -webkit-transform: translateY(-1px);
     }
     50% {
	 -webkit-transform: translateY(-2px);
     }
     75% {
	 -webkit-transform: translateY(-1px);
     }
     90% {
	 -webkit-transform: translateY(0px);
     }
 }
 @keyframes im_bob {
     10% {
	 transform: translateY(1px);	 
     }
     25% {
	 transform: translateY(-1px);
     }
     50% {
	 transform: translateY(-2px);
     }
     75% {
	 transform: translateY(-1px);
     }
     90% {
	 transform: translateY(0px);
     }
 }

 .im_bob {
     animation: im_bob 750ms linear infinite;
 }

 .im_touch_rotate {
     rotate: 30deg;
 }

 .badge_small {
     font-size: 9px;
     min-width: 18px !important;
     height: 16px;
     border-radius: 500px;
     padding: 1px 4px;
     color: #FFFFFF;
     position: relative;
     top: -2px;
 }
 .im_list_flat {
     padding-top: 4px !important;
     padding-bottom: 4px !important;
 }
 
 .im_input_no_show {
     border: 0px;
     background-color: rgba(255,255,255,0);
 }

 .im_input_no_show:focus {
     outline: none;
 }

 .im_flatter_list {
     line-height: 10px;
 }

 .im_button {
     background: rgba(0,0,0,0);
 }

 .im_no_selection {
     user-select: none; 
     -webkit-user-select: none;
     -moz-user-select: none; 
     -khtml-user-select: none;
     -ms-user-select: none; 
 }

 .im_no_height {
     height: 1px !important;
 }

 .menu_scrollbar {
     -ms-overflow-style: none; 
     scrollbar-width: none; 
 }
 .menu_scrollbar::-webkit-scrollbar {
     display: none;
 }