/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 30/aug/2017, 18:05:41
    Author     : Milu
*/

/* WARNINGS */
.warnings_container {
    padding: 6px 6px 12px;
}
.warning_text {
    font-size: 10px;
    color: #646464;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.warning_second_title {
    color: #007dab;
    font-size: 10px;
    margin-right: 12px;
}
.warning_details_title {
    color: #007dab;
    font-size: 14px;
    margin-right: 12px;
}
.site_image_icon {
    width: 24px;
    height: 24px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}
.warning_title {
    color: #d00a16;
    padding: 0 12px 0 6px;
    font-size: 14px;
    width: 70px;
}
.warning_timestamp {
    color: #00c4f9;
    font-size: 10px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.warning_details {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.warnings_details_container {
    max-width: 1076px;
    width: 100%;
    cursor: pointer;
}




/* HEADER */
.site_header_container {
    background: #007dab;
}
button.header_button.md-button.md-default-theme.md-primary:not([disabled]) md-icon, button.header_button.md-button.md-primary:not([disabled]) md-icon {
    color: #fff;
}
.header_logo {
    width: 185px;
    height: 40px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    cursor: pointer;
}
.header_item_text {
    color: #fff;
    margin: 6px;
    padding: 18px 6px;
    cursor: pointer;
}
.site_header_container {
    background: #007dab;
    /*padding: 12px 0;*/
}





.warnings_title_container {
    cursor: pointer;
}


@media screen and (max-width: 960px) {
    body {
    overflow: auto;
    overflow-x: hidden;
    max-width: 100vw;
}
body.opened_sidemenu {
    overflow: hidden;
}
.sidemenu_container.opened_sidemenu {
    position: absolute;
    /* top: 113px; */
    overflow: auto;
}
.sidemenu_items_wrapper {
    padding: 0 24px 0px !important;
    max-height: calc(100vh - 175px);
    overflow: auto;
}
home-sidemenu {
    position: relative;
}
body.opened_sidemenu home-sidemenu {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 1000;
    background: rgba(51, 51, 51, 0.52);
}
    .mobile_logo {
    width: 36px;
    height: 35px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    margin: 0 6px;
}
.header_item_text {
    display: none;
}
.header_logo_mobile {
    width: 185px;
    height: 40px;
    background-position: center left;
    background-repeat: no-repeat;
    background-size: contain;
    cursor: pointer;
}
.header_logo {
    display: none;
}

.sidemenu_container.opened_sidemenu {
    position: absolute;
}
body.opened_sidemenu .home_banner_container > div {
    padding-left: 0px !important;
    width: 100% !important;
}
}