body {
    background: #fff;
    font-family: 'Noto Sans', sans-serif;
    font-size: 14px;
    line-height: 22px;
    color: #404040;
}
h1,
.h1 {
    font-size: 34px;
    line-height: 34px;
    margin-bottom: 25px;
    color: #00a1de; /* #00a4e0; */
}
h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
    font-family: sans-serif;
    font-weight: 600;
    font-style: normal;
    color: #00a1de;
}
h3red,
.h3red {
    font-family: sans-serif;
    font-weight: 600;
    font-style: normal;
    color: #FF595E;
}
h1,
h2,
h3,
h4,
h5,
h6 {
    clear: both;
}
body,
div,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
th,
td,
article,
aside,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    margin: 0;
    padding: 0;
    border: 0;
}
/* Colors */
.FormWizard {
    color: #1982C4;
}

.bgc_auxzenze_gray {
    background-color: #878786 !important;
}
.bgc_auxzenze_purle {
    background-color: #6A4C93 !important;
}
.bgc_auxzenze_blue {
    background-color: #1982C4 !important;
}
.bgc_aux_alarm {
    background-color: #FF595E !important;
}
.bgc_aux_warning {
    background-color: #FFCA3A !important;
}
.bgc_aux_unknown {
    background-color: #1982C4 !important;
}
.bgc_aux_normal {
    background-color: #8AC926 !important;
}
.bgc_aux_down {
    background-color: #0a0c0a !important;
}
.bgc_aux_unimportant {
    background-color: #607d8b !important;
}
.tc_aux_highlighted {
    color: #FF595E  !important;
}
.tc_aux_checked {
    color: #8AC926  !important;
}
.tc_aux_inform {
    color: #1982C4  !important;
}
.tc_aux_unimportant {
    color:  #607d8b  !important; opacity: 0.2;
}
.my-buttons .active {
    color: #0a0c0a !important;
    background-color: #00a1de !important;
    border-color: #0a0c0a !important;
}

.b-navbar {
    margin-bottom: 40px;
    background-color: #00a1de !important;
}

.b-navbar-item {
    color: ghostwhite;
    margin-right: 16px;
}

* {
    box-sizing: border-box;
}

.row::after {
    content: '';
    clear: both;
    display: table;
}

[class*='col-'] {
    float: left;
    padding: 15px;
}

html {
    font-family: 'Lucida Sans', sans-serif;
}

.header {
    background-color: #00a1de;
    color: ghostwhite;
    /* opacity: 0.5; */
    padding: 15px;
}

.menu ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.menu li {
    padding: 8px;
    margin-bottom: 7px;
    background-color: #33b5e5;
    color: #ffffff;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
}

.menu li:hover {
    background-color: #0099cc;
}

.aside {
    background-color: #33b5e5;
    padding: 15px;
    color: #ffffff;
    text-align: center;
    font-size: 14px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
}

.footer {
    background-color: #0099cc;
    color: #ffffff;
    text-align: center;
    font-size: 12px;
    padding: 15px;
}

/* For mobile phones: */
[class*='col-'] {
    width: 100%;
}

@media only screen and (min-width: 600px) {
    /* For tablets: */
    .col-s-1 {
        width: 8.33%;
    }
    .col-s-2 {
        width: 16.66%;
    }
    .col-s-3 {
        width: 25%;
    }
    .col-s-4 {
        width: 33.33%;
    }
    .col-s-5 {
        width: 41.66%;
    }
    .col-s-6 {
        width: 50%;
    }
    .col-s-7 {
        width: 58.33%;
    }
    .col-s-8 {
        width: 66.66%;
    }
    .col-s-9 {
        width: 75%;
    }
    .col-s-10 {
        width: 83.33%;
    }
    .col-s-11 {
        width: 91.66%;
    }
    .col-s-12 {
        width: 100%;
    }
}
@media only screen and (min-width: 768px) {
    /* For desktop: */
    .col-1 {
        width: 8.33%;
    }
    .col-2 {
        width: 16.66%;
    }
    .col-3 {
        width: 25%;
    }
    .col-4 {
        width: 33.33%;
    }
    .col-5 {
        width: 41.66%;
    }
    .col-6 {
        width: 50%;
    }
    .col-7 {
        width: 58.33%;
    }
    .col-8 {
        width: 66.66%;
    }
    .col-9 {
        width: 75%;
    }
    .col-10 {
        width: 83.33%;
    }
    .col-11 {
        width: 91.66%;
    }
    .col-12 {
        width: 100%;
    }
}
@media only print and (min-resolution: 300dpi) {
    
}