/**
 * Reset
 */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
    border: 0;
    font-family: inherit;
    font-size: 100%;
    font-style: inherit;
    font-weight: inherit;
    margin: 0;
    outline: 0;
    padding: 0;
    vertical-align: baseline;
}

html {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 62.5%;
    overflow-y: scroll;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
}

*,
*:before,
*:after {
    -webkit-box-sizing: inherit;
    -moz-box-sizing: inherit;
    box-sizing: inherit;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
nav,
section,
label {
    display: block;
}

ol,
ul {
    list-style: none;
}

table {
    border-collapse: separate;
    border-spacing: 0;
}

caption,
th,
td {
    font-weight: normal;
    text-align: left;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
    content: "";
}

blockquote,
q {
    -webkit-hyphens: none;
    -moz-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
    quotes: none;
}

a:hover,
a:active {
    outline: 0;
}

a img {
    border: 0;
}

input[type=text], input[type=password], input[type=button], input[type=submit], input[type=number], input[type=file], select {
    border-radius: 6px!important;
}

/**
 * Typography
 */

body,
button,
input,
select,
textarea,
div,
p,
a {
    font-family: 'Metrophobic', sans-serif;
    font-size: 13px;
    line-height: 1.42857143;
    color: #333;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: 'Barlow', sans-serif;
    clear: both;
    font-weight: 700;
    color: #333;
    line-height: 25px;
}

h2 {
    font-size: 22px;
}
h4 {
    font-size: 16px;
}

p {
    margin: 10px auto;
    line-height: 24px;
}

b,
strong {
    font-weight: 700;
}

dfn,
cite,
em,
i {
    font-style: italic;
}

a:focus {
    text-decoration: none;
}

a {
    text-decoration: none;
}

a:hover {
    color: #818181;
}

figure {
    margin: 0;
}

::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #7f7f7f;
}
::-moz-placeholder { /* Firefox 19+ */
  color: #7f7f7f;
}
:-ms-input-placeholder { /* IE 10+ */
  color: #7f7f7f;
}
:-moz-placeholder { /* Firefox 18- */
  color: #7f7f7f;
}

html.login, html.login body {
    height: 100%;
}

body {
    background-color: white;
}

#main-sidebar {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 800;
    width: 230px;
    min-height: 100%;
    background-color: #242424;
    transition: left 0.3s;
    padding-top: 4px;
    transition: left 0.3s;
}
.link-logo, .link-tablet-logo {
    display: block;
    max-width: 190px;
    min-height: 52px;
    transition: margin-left 0.3s;
    background: url(img/MERLIN_CONNECT_Logo.png) no-repeat center center;
    background-position: center center;
    background-size: 90%;
    margin: 0 auto;
}
.link-tablet-logo {
    display: none;
    margin: initial;
}
.sidebar-menu {
    overflow-y: auto;
}
.sidebar-menu > li {
    margin-bottom: 4px;
}
.sidebar-menu li > a {
    font-family: Barlow, sans serif;
    color: #c7c7c7;
    width: 95%;
    margin: 0 auto;
    display: flex;
    font-weight: 500;
    border: 1px solid transparent;
    border-radius: 6px;
    padding: 6px 5px 6px 15px;
    font-size: 15px;
    transition: all 0.4s;
}
.sidebar-menu li > a:hover, .active-item {
    border-left: solid 3px #F7CA0D!important;
    background-color: #353535!important;
    color: white!important;
}
.sidebar-menu li a .fa, .user-menu .fa {
    width: 20px;
}
.menu-title {
    color: white!important;
    background-color: #141414;
    text-transform: uppercase;
    font-size: 11px!important;
    font-weight: bold!important;
    padding: 6px 25px 6px 15px!important;
    margin: 0!important;
    /* display: none; */
}
.user-menu {
    display: flex;
    align-items: center;
    text-transform: uppercase;
    padding: 0 20px 0 0;
}
.user-menu > a, .user-menu {
    font-size: 12px;
}
.content-wrapper {
    margin-left: 230px;
    transition: margin-left 0.3s;
}
.content {
    padding: 0 30px 30px 30px;
}
.content-header {
    padding: 0 0 40px 0;
}
.content-header > h1, .page-title {
    font-size: 22px;
    font-weight: 500;
}
.content-wrapper {
    min-height: 620px;
    padding-bottom: 25px;
}
.user-menu a:hover {
    color: white;
}
.main-footer {
    padding: 10px 30px;
    text-align: right;
    font-size: 11px;
    color: #b1b1b1;
}
.link-small-logo {
    width: 150px;
    background-color: #2b2b2b;
    display: none;
}
.link-small-logo img {
    width: 145px;
}
.login-page .wrapper {
    width: 50%;
    height: 100%;
    margin: 0 auto;
}
.box-login {
    background-color: white;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.box-login > .logo-login-container figure:nth-of-type(1), .box-login > .logo-login-container figure:nth-of-type(2) {
    background: url(img/MERLIN_CONNECT_300px_POS.png) no-repeat;
    background-size: 100%;
    width: 280px;
    height: 67px;
    margin: 0 auto;
}
.box-login > .logo-login-container figure:nth-of-type(1) {
    display: none;
}
.box-login > hr {
    border-bottom: 1px solid #bfbfbf;
}
.logo-login-container {
    display: flex;
    height: 30%;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}
label {
    display: block;
    margin-bottom: 5px;
    font-weight: bold;
}
.form-login {
    width: 310px;
    margin: 0 auto;
    height: 55%;
}
.form-control, .form-control-login {
    border-radius: 3px;
    width: 100%;
    color: #7f7f7f;
    padding: 6px 12px;
    border: 1px solid #bababa;
    background-color: white;
}
.form-group {
    margin: 0 0 15px 0;
    position: relative;
}
.form-login-ico {
    position: absolute;
    top: 25px;
    right: 0;
    z-index: 2;
    display: block;
    width: 34px;
    height: 34px;
    line-height: 34px;
    text-align: center;
    color: #7f7f7f;
}
.btn, .btn-login{
    display: inline-block;
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
    padding: 0 12px;
    text-align: center;
    cursor: pointer;
    border: 0;
    border-radius: 6px;
}
.btn-primary{
    color: #000000;
    background-color: #F7CA0D;
    transition: all 0.4s;
    line-height: 42px;
}
.btn-primary:hover{
    color: #fff;
    background-color: #dfb305;
}
.btn-secondary{
    color: #000;
    background-color: #d9d9d9;
    transition: all 0.4s;
    line-height: 42px;
}
.btn-secondary:hover{
    color: #fff;
    background-color: #353535;
}
.btn-block {
    display: block;
    width: 100%;
    line-height: 1.42857143;
}
.login-footer > ul {
    width: 95%;
    margin: 0 auto 20px  auto;
    padding: 0 0 10px 0;
    border-bottom: 1px solid #BFBFBF;
    display: flex;
    justify-content: center;
}
.login-footer > ul > li:nth-of-type(1) {
    padding: 0 4px;
}
.login-footer > ul > li:nth-of-type(2):after {
    content: '-';
    display: inline-block;
    padding: 0 2px;
}
.text-danger {
    color: #f61b3d!important;
    text-align: center;
    padding: 5px 0;
    font-weight: bold;
    background-color: #ffd9d4;
}
.ins-get-pages {
    position: relative;
    margin: 30px 0 0 0;
    min-height: 40px;
}
.margin-bottom-10 {
    margin-bottom: 10px;
}
.margin-bottom-20 {
    margin-bottom: 20px;
}
.margin-bottom-30 {
    margin-bottom: 30px;
}
.padding-bottom-10 {
    padding-bottom: 10px;
}
.padding-bottom-20 {
    padding-bottom: 20px;
}
.padding-top-30 {
    padding-top: 30px;
}
.padding-bottom-30 {
    padding-bottom: 30px;
}
.border-dotted {
    border: 2px solid #aaa;
    border-style: dotted;
}
.composer-row {
    min-height: 100px;
    padding: 20px;
}
.displayflex {
    display: flex;
}
.flexwrap{
    flex-wrap: wrap;
}
.valign {
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.baseline {
    flex-direction: column;
    justify-content: end;
}
.row-btn-container > div, .col-btn-container > div {
    height: 25px;
    width: 25px;
    background-color: #d2d2d2;
    margin: 0 4px 1px 0;
    cursor: pointer;
}
.row-btn-container > div {
    background-color: black;
    color: white;
}
.row-btn-container > div > i:before, .col-btn-container > div > i:before {
    font-size: 12px;
}
.composer-col-container {
    margin: 0 10px;
}
.composer-col {
    background-color: #d2d2d2;
    min-height: 70px;
    cursor: pointer;
    padding: 10px;
}
.add-col {
    font-size: 20px;
    font-weight: bold;
}
.blockoverlay, .blockoverlay-fix {
    position: fixed;
    z-index: 1990;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.4);
}
.divoverlay {
    box-shadow: 0 2px 3px rgba(0, 0, 0, 0.2);
    position: relative;
}
.close-overlay {
    position: fixed;
    right: 40px;
    top: 40px;
    z-index: 2000;
    cursor: pointer;
}
.close-overlay > i:before {
    font-size: 40px;
    color: white;
}
.divoverlay > section { 
    padding:  20px;
}
.col-content > h2 {
    font-size:  20px;
    padding: 0 0 30px 0;
}
.col-content > article > h2 {
    font-size: 17px;
}
.divoverlay > section > article {
    padding: 15px;
}
.col-content-checkbox {
    width: 17px;
    height: 17px;
}
.col-content > article > input, .col-content > article > textarea {
    margin-bottom: 10px;
}
.save-btn-container {
    display: flex;
    flex-direction: column;
    align-items: center;
}
#save-composer, .composer-chart {
    display: none;
}
.save-btn-container-overlay{
    padding: 20px 0;
}
.composer-radio-container > div, .sending-data-radio > div {
    padding: 0 12px 6px 0;
}
.composer-radio-container > div > input, .sending-data-radio > div > input {
    vertical-align: top;
    margin-right: 3px;
    width: 15px;
    height: 15px;
}
.graph-container {
    justify-content: space-around;
    padding: 10px 0;
    display: none;
}
.graph-container img {
    width: 47%;
    border: 2px solid #ddd;
    padding: 6px;
}
.graph-title {
    cursor: pointer;
}
.composer-dati-container {
    width: 100%;
}
.composer-dati-container > div {
    margin: 0 6px 6px 6px;
    padding: 2px 4px;
    background-color: white;
}
.composer-elenco-container > li {
    margin: 0 20px 6px 20px;
}
.composer-elenco-container{
    padding: 0;
}
.fileupload-btn {
    margin: 10px 0;
}
.small-preload {
    padding: 6px 0;
    justify-content: center;
}
.small-preload img {
    width: 30px;
}
.msg-response {
    color: #dd4b39;
    font-weight: bold;
    padding: 10px 0;
    width: 100%;
}
.col-content .box-info:nth-of-type(1) textarea {
    min-height: 200px;
}
.composer-paragr-text {
    min-height: 150px;
}
.blockoverlay > img {
    width: 50px;
}
.col-sending-data textarea {
    min-height: 120px;
}
.col-sending-data:not(:last-child), .col-view-data:not(:last-child) {
    padding-right: 15px;
    margin-bottom: 20px;
}
/*.row-view-data:not(:last-child) {
    border-bottom: 1px solid #dcdcdc;
}*/
#saved-data, #saved-view-data, #registry-container, #languages-container, #transl-container ul, .send-report-container, #events-container, #consumptions-container, #mesf-func-data-container, #mesf-views-data-container, #timeline-container {
    padding: 10px 0 25px 0;
    margin: 15px 0 30px 0;
    min-height: 160px;
    background-color: white;
    display: none;
    position: relative;
    overflow-x: auto;
    overflow-y: hidden;
    border: 1px solid #bababa;
    border-radius: 10px;
}
#saved-data ul, #saved-latest-data ul, #saved-view-data ul, #registry-container ul, #languages-container ul, .events-labels, .events-val, .consumptions-labels, .consumptions-val, .mesf-func-data-labels, .mesf-func-data-vals, .mesf-view-data-cols, .mesf-view-data-vals {
    margin: 0;
    border-bottom: 1px solid #e4e4e4;
}
#saved-data > article > ul:nth-of-type(1) {
    pointer-events: none;
}
#saved-data li, #saved-latest-data li, #saved-view-data li, #registry-container li, #languages-container li, .events-labels li, .events-val li, .consumptions-labels li, .consumptions-val li, .mesf-func-data-labels li, .mesf-func-data-vals li, .mesf-func-enter-data-form > li, .mesf-view-data-cols li, .mesf-view-data-vals li {
    list-style: none;
    padding: 8px 0 8px 10px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    line-height: 16px;
    word-wrap: break-word;
}
#saved-data ul:nth-of-type(1) li, #saved-latest-data ul:nth-of-type(1) li, #saved-view-data ul:nth-of-type(1) li, #registry-container ul:nth-of-type(1) li, .events-labels li, .consumptions-labels li, .mesf-func-data-labels li, .mesf-view-data-cols li{
    font-weight: bold;
}
#pagination-nav {
    padding: 20px 0 0 0;
    width: 700px;
    position: sticky;
    /*bottom: 0;*/
    left: 0;
}
#pagination-nav button, #pagination-navig button, #mesf-pagination-btns button {
    background-image: url(img/arrow.svg);
    background-repeat: no-repeat;
    background-size: 6px;
    background-position: center;
    padding: 14px;
    width: 42px;
}
#pagination-nav button:nth-of-type(1), #pagination-navig button:nth-of-type(1), #mesf-pagination-btns button:nth-of-type(1) {
    transform: rotate(180deg);
}
.totpage {
    margin: 0 6px 0 4px;
    font-weight: bold;
}
#pagination-nav select, #pagination-navig select, #mesf-pagination-btns select {
    margin-left: 8px;
    min-width: 42px;
    min-height: 42px;
}
.small-preload-absolute {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    padding: 60px 0;
    justify-content: center;
    background: rgba(255, 255, 255, 0.7);
    z-index: 495;
}
.small-preload-absolute img {
    width: 30px;
    height: 30px;
}
#results-filters, #events-filters, #mesf-func-data-filters, #mesf-view-data-filters, #timeline-filters {
    padding: 0 0 10px 0;
    position: sticky;
    z-index: 50;
    left: 0;
}
.filters-row {
    display: flex;
    padding-bottom: 20px;
    flex-wrap: wrap;
}
#results-search button {
    height: 34px;
}
#results-perpage select {
    width: auto;
}
#results-perpage label {
    margin: 0 5px 0 0;
    display: flex;
    justify-content: center;
    flex-direction: column;
}
#results-exp-csv, #results-exp-pdf, #results-send-mail {
    display: flex;
    justify-content: flex-end;
}
#results-exp-csv i, #results-exp-pdf i {
    font-size: 18px;
}
.pallino-stato {
    display: block;
    width: 12px;
    height: 12px;
    border-radius: 10px;
}
.pallino-stato.p_verde {
    background-color: #6ddc4c;
}
.pallino-stato.p_giallo {
    background-color: orange;
}
.pallino-stato.p_rosso {
    background-color: red;
}
/*.page-composer-link, .sending-view-data-link {
    width: 230px;
    margin: 0 20px 20px 0;
}*/
.ins-get-pages .small-preload-absolute {
    flex-direction: column;
    align-items: center;
    padding: 0;
    min-height: 50px;
    background: transparent;
}
.filters-col, .events-filters-col, .timeline-filters-col {
    margin: 0 10px 10px 0;
}
#results-search {
    min-width: 500px;
}
#results-search > input { 
    width: 50%;
}
#results-search select { 
    width: 20%;
}
#results-search input:nth-of-type(2), #results-search input:nth-of-type(3) { 
    width: 15%;
}
#logo-dealer {
    padding: 0 15px;
    color: white;
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 70px;
    display: none;
    background-color: #353535;
    align-items: center;
}
#logo-dealer img, .uploaded-dealer-logo, .uploaded-machine-img {
    max-width: 105px;
    max-height: 60px;
}
#logo-dealer div {
    font-size: 10px;
    color: #b3b3b3;
    padding: 5px 0;
    text-transform: none;
}
.dealer-logo-container {
    background-color: #2b2b2b;
    padding: 10px;
    display: none;
}
.composer-chart {
    margin-bottom: 20px;
}
.composer-chart .composer-row {
    min-height: initial;
    justify-content: center;
}
.composer-chart .composer-row > div:nth-of-type(1) {
    padding: 0 30px 0 0;
}
.composer-chart .composer-row input {
    margin: 0;
}
.no-results {
    padding-left: 10px;
}
#charts1 {
    margin-bottom: 30px;
}
.chart-filters div {
    margin: 0 3px 2px 0;
}
.data-chart-select {
    list-style: none;
    background-color: #ffffff;
    width: 500px;
    max-height: 400px;
    flex-wrap: wrap;
    padding: 15px;
    position: absolute;
    z-index: 100;
    left: 0;
    top: -110px;
    box-shadow: 0px 0px 8px #ddd;
    border: 1px solid #c9c9c9;
    overflow-y: auto;
    display: none;
}
.data-chart-select li {
    width: 50%;
    padding: 0 0 6px 0;
}
.data-chart-select li input {
    vertical-align: middle;
    margin: 0 5px 0 0;
}
.chart-filters > div:first-child {
    position: relative;
}
.chart-filters > div:first-child select {
    /*pointer-events: none;*/
}
.chart-filters-btn {
    /*pointer-events: none;*/
    /*opacity: 0.3;*/
}
#charts1, #charts2 {
    box-shadow: 0 1px 1px rgb(0 0 0 / 10%);
    position: relative;
}

.row-report {
    flex-wrap: wrap;
}
.col-report, .col-filters-admin {
    padding-right: 40px;
}
.row-report h4, .row-filters-admin h4 {
    font-size: 19px;
    border-bottom: 1px solid #bfbfbf;
    padding-bottom: 8px;
    margin-bottom: 15px;
}
.row-report:first-child .col-report:first-child {
    width: 15%;
}
.row-report:first-child .col-report:nth-of-type(2) {
    width: 15%;
}
.row-report:nth-of-type(2) .col-report:last-child {
    width: 60%;
    padding-right: 0;
}
.box-filters-admin {
    background-color: white;
    border-top: 3px solid #F7CA0D;
    box-shadow: 0 1px 1px rgb(0 0 0 / 10%);
    padding: 0 10px 10px 10px;
    margin: 0 0 15px 0;
    flex-wrap: wrap;
}
.box-filters-admin h5 {
    font-size: 16px;
    width: 100%;
    margin: 10px 0 20px 0;
}
.col-filters-admin:last-child a, .col-cols-data:last-child a, .canc-empty-function, .canc-empty-field, .col-mes-filters-admin:last-child a {
    display: inline-block;
    margin-top: 27px;
    padding: 2px 4px;
    color: white;
    background-color: black;
    font-size: 10px;
}
.canc-empty-function {
    margin-top: 0;
}
#filters-search-btn, .reset-filters, .events-reset-filters, #events-filters-search-btn, #mesf-func-data-dyn-filters-search-btn, #mesf-view-data-dyn-filters-search-btn, #timeline-filters-search-btn, .timeline-reset-filters {
    margin-top: 23px;
}
.back-to-machines {
    margin: 0 0 30px 0;
    line-height: 20px;
    padding: 4px 10px;
}
.back-to-machines > div > div:nth-of-type(1) {
    font-size: 20px;
}
.back-to-machines > div > div:nth-of-type(2) {
    padding: 5px 0 0 4px;
}
#registry-container ul:hover {
    background-color: #f1f1f1;
}
#registry-container ul:nth-of-type(1):hover {
    background-color: white;
}
.edit-canc-anagr {
    width: 5%;
}
.edit-anagr, .on-off-btn {
    margin: 0 4px 0 0;
}
.edit-canc-anagr a, .lang-on-off-btn i, .file-canc, .edit-machine-preview, .row-saved-data-trash a, .edit-data-ico, .edit-data-enter-ico {
    background-color: #2b2b2b;
    color: white;
    font-size: 10px;
    border-radius: 2px;
}
.btn-primary:hover div {
    color: white;
}
.box.box-info {
    border-top-color: #F7CA0D;
}
.box {
    position: relative;
    border-radius: 3px;
    background: #ffffff;
    border-top: 3px solid #d2d6de;
    margin-bottom: 20px;
    width: 100%;
    box-shadow: 0 1px 1px rgb(0 0 0 / 10%);
}
.btn-info {
    background-color: #2b2b2b;
    border-color: #2b2b2b;
    color: white;
}
.btn-info:hover{
    background-color: #524B49;
    border-color: #524B49;
}
.modal-header {
    min-height: 16.43px;
    padding: 15px;
    border-bottom: 1px solid #e5e5e5;
}

.modal-footer {
    padding: 15px;
    text-align: right;
    border-top: 1px solid #e5e5e5;
}
.bg-yellow-active, .modal-warning .modal-header, .modal-warning .modal-footer {
    background-color: #db8b0b !important;
}
.modal-warning .modal-header, .modal-warning .modal-footer {
    border-color: #c87f0a;
}
.bg-yellow, .callout.callout-warning, .alert-warning, .label-warning, .modal-warning .modal-body {
    background-color: #f39c12 !important;
}
.modal-warning .modal-body p, .modal-warning .modal-header h4, .modal-success .modal-header h4 p, .modal-success .modal-header h4, .modal-success .modal-body p {
    color: white!important;
}
.modal-body {
    position: relative;
    padding: 10px;
}
.modal-title {
    margin: 0;
    line-height: 1.42857143;
}
.btn-outline {
    border: 1px solid #fff;
    background: transparent;
    color: #fff;
    font-size: 12px;
}
.modal-footer .btn+.btn {
    margin-bottom: 0;
    margin-left: 5px;
}
.btn-outline:hover, .btn-outline:focus, .btn-outline:active {
    color: rgba(255,255,255,0.7);
    border-color: rgba(255,255,255,0.7);
}
.dn {
    display: none;
}
.example-modal {
    /*display: none;*/
    position: fixed;
    z-index: 1900;
    padding-top: 100px;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgb(0,0,0);
    background-color: rgba(0,0,0,0.4);
}
.example-modal .modal {
    background: transparent!important;
}
.example-modal .modal {
    position: relative;
    top: auto;
    bottom: auto;
    right: auto;
    left: auto;
    display: block;
    z-index: 1;
}
.modal-dialog {
    position: relative;
    width: 600px;
    margin: 30px auto;
}
.modal-content {
    border-radius: 0;
    -webkit-box-shadow: 0 2px 3px rgb(0 0 0 / 13%) !important;
    box-shadow: 0 2px 3px rgb(0 0 0 / 13%) !important;
    border: 0;
}
.bg-green-active, .modal-success .modal-header, .modal-success .modal-footer {
    background-color: #008d4c !important;
}
.bg-green, .callout.callout-success, .alert-success, .label-success, .modal-success .modal-body {
    background-color: #00a65a !important;
}
.bg-green-active, .modal-success .modal-header, .modal-success .modal-footer {
    background-color: #008d4c !important;
}
.btn-primary[disabled] {
    background-color: #BDBDBD;
    border-color: #BDBDBD;
}
.btn.disabled, .btn[disabled] {
    pointer-events: none;
    box-shadow: none;
    opacity: .65;
}
#registry-container, #languages-container, .send-report-container {
    display: block;
    padding: 30px;
}
#registry-container ul, #languages-container ul {
    padding: 0;
}
#search-registry {
    width: 50%;
}
.edit-canc-anagr a i, .lang-on-off-btn i, .row-saved-data-trash a i {
    width: 20px;
    height: 20px;
    padding: 6px 5px;
}
.lang-on-off-btn {
    width:20px;
}
.canc-list, .file-canc, .row-saved-data-trash a {
    background-color: #d73925!important;
}
#registry-container #pagination-nav {
    padding: 50px 0;
}
.form-col, .evad-col {
    padding: 0 20px 20px 0;
}
.fileupload-btn {
    background-color: #f7ca0d;
    padding: 5px 8px;
    min-height: 42px;
}
#dealer-logo-form .form-col, #machine-img-form .form-col {
    position: relative;
}
#form-container, .subsect-form {
    flex-wrap: wrap;
}
.form-disabled {
    pointer-events: none;
    background-color: #eeeeee;
}
.field-required {
    border:  2px solid #dd4b39;
}
#languages-container li {
    width: 20%;
}
#transl-container ul {
    display: flex;
    padding: 20px;
    flex-flow: wrap;
    min-height: auto;
}
#transl-container li {
    padding: 0 6px 10px 0;
    width: 33.333333%;
}
#transl-container textarea {
    min-height: 80px;
}
#transl-container textarea li:last-child {
    width: 10%;
    padding-top: 22px;
}
#transl-container li:last-child {
  width: 100%  
}
#transl-container li:first-child textarea {
  font-weight: bold;
  color: #5f5f5f;
}
#transl-container li:last-child {
  width: 100%;
  padding: 20px 0;
}
#transl-search {
    width: 50%;
    padding: 0 0 20px 0;
}
#transl-search .btn {
    background-color: #d9d9d9;
    margin-left: 6px;
}
.languages-page #pagination-nav {
    padding: 0;
    min-height: auto;
}
.machine-name {
    position: fixed;
    bottom: 20px;
    right: 10px;
    z-index: 800;
    padding: 6px 10px;
    border-radius: 2px;
    color: white;
    text-transform: uppercase;
    display: none;
    background-color: rgba(0, 0, 0, 0.5);
}
#psw-reset-form-container .form-group {
    width: 50%;
}
#login-lang {
    color: #333;
    padding-left: 40px;
    background: url(img/lingue.svg) white no-repeat 12px center;
    background-size: 15px;
    /*appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;*/
}
.form-login input[type=text], input[type=password] {
    padding-left: 40px;
}
.form-login .form-group {
    position: relative;
}
.ico-login {
    position: absolute;
    z-index: 100;
    left: 14px;
    top: 13px;
    width: 13px;
}
.ico-login-ligue {
    width: 15px;
}
.form-login a {
    color: #dfb305;
    text-decoration: underline;
}
.form-login a:hover {
    text-decoration: none;
}
.ico-login-email {
    width: 15px;
    top: 16px;
}
#user-menu {
    background: #353535;
    padding: 15px 10px 15px 20px;
    margin: 7px 0 0 0;
}
.account-ico img {
    width: 30px;
}
.account-utility div:first-child {
    color: white;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 12px;
    padding: 0 0 6px 0;
    line-height: 10px;
}
.account-utility {
    padding: 0 0 0 20px;
    position: relative;
}
.btn-logout {
    color: white;
    font-size: 10px;
    padding: 3px 8px 3px 25px;
    background: url(img/logout.svg) no-repeat #f71b3d;
    background-size: 10px;
    background-position: 7px 4px;
}
.btn-logout:hover {
    color: white;
}
.account-lang {
    border: 1px solid #ddd;
    border-radius: 3px;
    width: 20px;
    height: 20px;
    display: block;
    margin: 0px 0 0 4px;
    padding: 2px 0 0 3px;
    line-height: 19.5px;
}
.account-lang img {
    width: 12px;
}
#lang-overlay, #admin-item-overlay {
    position: absolute;
    bottom: -35px;
    right: -55px;
    background-color: #7d7d7d;
    border-radius: 2px;
    min-width: 55px;
    display: none;
}
#lang-overlay a, #admin-item-overlay a {
    display: block;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 11px;
    color: white;
    padding: 6px;
    line-height: 14px;
}
#admin-item {
    position: relative;
}
#admin-item-overlay {
    bottom: 35px;
    left: 0;
    min-width: 100px;
    max-width: 100%;
    z-index: 850;
}
#lang-overlay {
    z-index: 860;
}
#lang-overlay a:hover, #admin-item-overlay a:hover {
    background-color: #a1a1a1;
}
.navbar-top-content {
    margin-left: 230px;
    min-height: 50px;
    padding: 20px 30px 20px 30px;
}
.navbar-top-content > div {
    display: grid;
    grid-template-columns: 50% 50%;
}
#top-home article:first-child {
    min-height: 200px;
}
#top-home {
    display: grid;
    grid-template-columns: repeat(4, 250px);
    grid-template-rows: repeat(1, 190px);
    column-gap: 20px;
    margin: 0 0 30px 0;
}
#top-home .box-radius {
    display: grid;
    grid-template-rows: auto 25px;
}
.btn-login, .btn-reset-psw {
    padding: 0 12px;
    line-height: 42px;
}
.form-control-login {
    padding: 10px 12px;
    min-height: 42px;
}
.box-top-yellow, .box-no-top-yellow, #events-charts {
    padding: 15px;
    background-color: white;
    border: 1px solid #bababa;
    border-radius: 10px;
    display: flex;
}
.box-no-top-yellow {
    border: 1px solid #bababa;
    justify-content: space-around;
}
.box-radius {
    border-radius: 10px;
    padding: 15px 25px;
    border: 1px solid #c9c9c9;
}
.connected-machineries h3, .activity-machineries-chart h3 {
    font-weight: bold;
    font-size: 14px;
    text-align: left;
}
.connected-machineries h2, .connected-machineries-on h2, .connected-machineries-off h2 {
    font-size: 80px;
    line-height: initial;
    display: flex;
    align-items: center;
}
#pagination-nav > a {
    background-image: url(img/arrow.svg);
    background-repeat: no-repeat;
    background-size: 6px;
    background-position: center;
    padding: 14px;
    width: 42px;
    height: 42px;
}
#pagination-nav > a:nth-of-type(1) {
    transform: rotate(180deg);
}
.thumb-machine, .thumb-locat-machine, .thumb-synop-machine {
    width: 70px;
    height: 70px;
    background-repeat: no-repeat;
    background-size: 85%;
    background-position: center;
    border-radius: 10px;
    border: 1px solid #dedede;
}
.name-thumb-machine, .name-thumb-locat-machine, .name-thumb-synop-machine {
    padding: 0 30px 0 15px;
}
.name-thumb-machine, .name-thumb-locat-machine, .name-thumb-synop-machine {
    padding: 0 20px 0 0;
    text-transform: uppercase;
    word-break: break-all;
    line-height: 16px;
    font-size: 16px;
    font-weight: 500;
}
.name-thumb-synop-machine {
    padding: 0 8px 0 0;
}
.btns-thumb-machine {
    padding: 0 10px 0 0;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}
.btns-thumb-machine > div > a {
    width: 170px;
    margin: 0 6px 4px 0;
}
.thumb-machine-container, .thumb-machine-locat-container, .thumb-machine-synop-container {
    display: flex;
    align-items: center;
    width: 70px;
    height: 70px;
    border-radius: 10px;
    background-color: #f0f0f0;
    justify-content: center;
    font-size: 30px;
    font-weight: bold;
    color: #9898a4;
    text-transform: uppercase;
}
.info-thumb-machine h6 {
    text-transform: uppercase;
    font-size: 12px;
    line-height: 14px;
}
.btns-thumb-machine-admin > a {
    font-size: 13px;
}
.btns-thumb-machine-admin {
    line-height: 16px;
    padding: 0 0 0 10px;
    display: none;
}
.p_verde {
    background-color:  #6ddc4c;
}
.p_giallo {
    background-color:  orange;
}
.p_rosso {
    background-color:  #f71b3d;
}
.sidebar-menu:nth-of-type(2) {position: absolute;width: 100%;}
.data-summary-top, .summary-send-view-data ul {
    display: flex;
}
.data-summary-top {
    margin: 0 0 20px 0;
    display: grid;
    grid-template-columns: 130px auto;
    display: none;
}
.form-control {
    padding: 3px 6px;
     min-height: 42px;
}
.summary-img-machine {
    padding: 0 20px 0 0;
}
.data-tit {
    padding: 0 30px 0 30px;
    text-transform: uppercase;
    position: sticky;
    left: 0;
    width: auto;
    display: inline-block;
}
.filters-row-data-select {
    width: 370px;
    padding: 0 20px 0 0;
    display: flex;
}
.filters-row-utility {
    display: flex;
    justify-content: end;
}
.static-filters-row {
    border-bottom: 1px solid #838383;
    margin: 0 0 20px 0;
    justify-content: space-between;
}
#results-perpage, #results-order, #events-filter-utility, #events-filter-order, #mesf-func-data-filters-utility, #mesf-view-data-filters-utility {
    display: flex;
    margin: 0 10px 0 0;
}
.filters-btn-utility, .manage-filters-btn a, .link-download-area, .data-refresh, .events-refresh, .mesf-func-data-manage-filters-btn a, .mesf-view-data-manage-filters-btn a {
    margin: 0 6px 0 0;
    width: 42px;
    height: 42px;
    padding: 0;
    background-repeat: no-repeat!important;
    background-size: 35%!important;
    background-color: #e1e1e1!important;
    background-position: center!important;
}
#reset-filters, #reset-filters-file, #events-reset-filters, #mesf-func-data-dyn-filters-reset-filters, #mesf-view-data-dyn-filters-reset-filters, #timeline-reset-filters {
    background-color: #e1e1e1;
    line-height: 42px;
}
.manage-filters-btn a, .link-download-area, .mesf-func-data-manage-filters-btn a, .mesf-view-data-manage-filters-btn a{
    height: 42px;
}
.settings-tit, .charts-admin-tit, .mes-charts-admin-tit {
    font-size: 14px;
    padding: 0 0 20px 0;
    text-transform: uppercase;
}
.machine-connect-time-container, .max-limit-data-container, .page-refresh-time-container, .synoptic-slideshow-delay, .active-menu-items, .agree-overlayer, .login-time, .license-request {
    display: block;
    margin-bottom: 20px;
}
#saved-view-data, #events-container, #consumptions-container, #mesf-func-data-container, #mesf-views-data-container, #timeline-container {
    margin: 0;
    overflow-y: auto;
    max-height: 900px;
}
.charts-sub-send-view-data, #events-charts, .charts-sub-mesf-func-data {
    position: relative;
    min-height: 250px;
    margin-top: 15px;
}
.charts-sub-send-view-data > div, .charts-sup-send-view-data > div, #events-charts > div, .charts-sub-mesf-func-data > div {
    width: 33.33333%;
    height: 250px;
}
.charts-sub-send-view-data .small-preload-absolute, .charts-sup-send-view-data .small-preload-absolute {
    height: 93%;
}
.charts-sup-send-view-data {
    position: relative;
    min-height: 250px;
    flex-wrap: wrap;
    margin-bottom: 20px;
}
.charts-sup-send-view-data > div {
    margin-bottom: 20px;
}
.link-download-area { 
    background-image: url('img/icona_download.svg');
    width: 30px!important;
} 
.row-sending-data {
    display: flex;
    flex-wrap: wrap;
}
.col-sending-data {
    padding-bottom: 15px;
}
.form-sending-data-container, .file-list-container {
    display: block!important;
}
.form-tit {
    text-transform: uppercase;
    padding: 0 0 10px 0;
}
#saved-data {
    margin-bottom: 15px;
}
.charts-admin-form-container, .charts-admin-data-container, .charts-admin-data-sup-container {
    display: block;
}
.row-charts-admin {
    display: flex;
    padding: 0 0 15px 0;
    margin: 0 0 10px 0;
    border-bottom: 1px solid #c8c8c8;
}
.row-charts-admin label {
    padding: 0 10px 0 0;
} 
.row-charts-admin > div {
    padding: 0 15px 0 0;
}
.charts-admin-sel-container {
    background-color: #d2d2d2;
    border: 0;
}
.charts-admin-tit-upper {
    text-transform: uppercase;
    color: #f71b3d;
}
.charts-admin-active, .mes-charts-admin-active {
    width: auto;
    margin: 0!important;
}
.row-charts-admin-btn {
    justify-content: center;
    border-bottom: 0;
}
.machine-connect-time-container-form, .max-limit-data-container-form, .page-refresh-time-container-form, .synoptic-slideshow-delay-form, .agree-overlayer-form, .tempo-login-form, .license-request-form {
    display: flex;
}
.machine-connect-time-container-form > div, .max-limit-data-container-form > div, .page-refresh-time-container-form > div, .synoptic-slideshow-delay-form > div, .active-menu-items-form > div, .agree-overlayer-form > div, .tempo-login-form > div, .license-request-form > div {
    padding: 0 20px 0 0;
}
.machine-connect-time-container-form > div:nth-of-type(1) input {
    border: 2px solid #6ddc4c;
}
.machine-connect-time-container-form > div:nth-of-type(2) input {
    border: 2px solid orange;
}
.machine-connect-time-container-form > div:nth-of-type(4), .max-limit-data-container-form > div:nth-of-type(2), .page-refresh-time-container-form > div:nth-of-type(3), .synoptic-slideshow-delay-form > div:nth-of-type(3), .agree-overlayer-form > div:nth-of-type(6), .tempo-login-form > div:nth-of-type(4), .license-request-form > div:nth-of-type(7) {
    padding: 23px 0 0 0;
}
.machine-connect-time-container-form > div:nth-of-type(3) {
    padding: 0 20px 0 0;
}
.machine-connect-time-container-form > div:nth-of-type(3) > select {
    min-height: 42px;
}
.file-list-container h6 {
    padding: 0 0 15px 0;
}
.file-filter-container {
    display: flex;
    padding: 0 0 20px 0;
    position: sticky!important;
    left: 0;
}
.file-filter-container > div {
    padding: 0 15px 0 0;
}
.file-filter-container > div:nth-of-type(2) {
    width: 30%;
}
.file-list-container {
    position: relative;
}
.file-form-container > div:nth-of-type(4) {
}
.file-list-container ul {
    display: flex;
    padding: 8px 0;
    border-bottom: 1px solid #e0e0e0;
}
.file-list-container > ul:hover {
    background-color: #f1f1f1;
}
.file-list-container > ul:nth-of-type(1):hover {
    background-color: transparent;
}
.file-list-container ul li a {
    text-decoration: underline;
}
.file-list-container ul li {
    display: flex;
    align-items: center;
}
.file-list-container ul li:nth-of-type(1) {
    width: 3%;
}
.file-list-container ul li:nth-of-type(7) {
    width: 5%;
}
.file-list-container ul li:nth-of-type(2) {
    width: 23%;
}
.file-list-container ul li:nth-of-type(3) {
    width: 23%;
}
.file-list-container ul li:nth-of-type(4), .file-list-container ul li:nth-of-type(5), .file-list-container ul li:nth-of-type(6) {
    width: 23%;
}
.ico-video, .ico-cad {
    width: 13px;
}
.ico-documenti {
    width: 10px;
}
.file-list-container ul:nth-of-type(1) li {
    font-weight: bold;
    text-transform: uppercase;
}
.file-list-container ul:nth-of-type(1) {
    border-bottom: 1px solid gray;
}
.file-canc {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.file-canc i {
    width: 15px;
    height: 15px;
    padding: 3px 4px;
    font-size: 8px;
}
.file-canc:hover {
    color: white;
}
#machine-preview, #overlay-edit-data, #overlay-agree {
    border: 1px solid #bababa;
    border-top: 3px solid #F7CA0D;
    width: 50%;
    height: 400px;
    background-color: white;
    overflow-y: auto;
    overflow-x: auto;
    border-radius: 3px;
    padding: 15px;
    position: relative;
}
.thumb-machine-preview {
    width: 100px;
    height: 100px;
}
.name-thumb-machine-preview{
    width: 60%;
    padding: 0 0 0 20px;   
}
.machine-preview-row {
    display: flex;
    padding: 0 0 20px 0;
}
#machine-preview .btns-thumb-machine, #machine-preview .info-thumb-machine {
    width: 100%;
    border: 0;
    padding: 0;
}
.machine-preview-row:nth-of-type(2) {
    border-bottom: 1px solid #d4d4d4;
    margin-bottom: 20px;
}
.edit-machine-preview, .edit-data-ico, .edit-data-enter-ico {
    margin-left: 10px;
}
.edit-machine-preview:hover, .edit-data-ico:hover, .edit-data-enter-ico:hover {
    background-color: #2b2b2b;
    color: white;
}
.edit-machine-preview i, .edit-data-ico i, .edit-data-enter-ico i{
    width: 17px;
    height: 17px;
    padding: 4px;
    font-size: 9px;
}
.subsect-form {
    margin: 20px 0;
    padding: 20px;
    border: 2px solid #f7ca0d;
}
.form-col textarea {
    min-height: 100px;
}
.send-report-container h1 {
    font-size: 15px;
    padding: 0 0 15px 0;
}
.send-report-container h1:nth-of-type(2) {
    padding: 25px 0 0 0;
}
.info-machine {
    background: url(img/info_machine.svg) no-repeat center;
    background-size: 72%;
}
.switch-data-form {
    background: url(img/switch_data_form.svg) no-repeat center;
    background-size: 65%;
}
.menu-ico {
    background: url(img/menu_ico.svg) no-repeat center;
    background-size: 100%;
    display: none;
}
#records-number-container > label {
    min-width: fit-content;
    padding: 3px 6px 0 40px;
}
#records-number-container input {
    width: 90px;
    margin: 0 6px 0 0;
}
.merlin-chart-container img {
    width: 250px;
    padding: 40px 0 0 0;
}
.merlin-chart-container {
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
}
.merlin-chart-container h1 {
    font-family: Arial;
}
.merlin-chart-container h1 {
    padding: 11px 0 11px 10px;
    width: 250px;
}
.merlin-chart-labels {
    width: 250px;
    display: flex;
}
.merlin-chart-labels > div {
    width: 83.3333px;
    padding: 2px 4px 0 4px;
    text-align: center;
    font-size: 11.5px;
}
.charts-sup-send-view-data > b, .charts-sub-send-view-data > b, .charts-sub-mesf-func-data > b {
    font-weight: normal;
    color: gray;
}
.fr_verde {
    background: url(img/p_green.svg) no-repeat center;
    background-size: 100%;
}
.fr_giallo {
    background: url(img/p_orange.svg) no-repeat center;
    background-size: 100%;
}
.fr_rosso {
    background: url(img/p_red.svg) no-repeat center;
    background-size: 100%;
}

#saved-data ul {
    position: relative;
}
.row-saved-data-trash {
    position: absolute;
    width: 95%;
    height: 100%;
    background-color: rgba(255, 255, 255, 0.8);
    display: flex;
    align-items: center;
    justify-content: center;
}
.time-filter-admin-div, .time-mes-filter-admin-div {
    display: none;
}
.filter-time, .events-filter-time, .timeline-filter-time {
    padding-top: 23px;
    width: 65px;
}
#search-registry select {
    margin-right: 4px;
    width: auto;
}
.row-cols-data-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.sect-cols-data h4 {
    padding-bottom: 6px;
    border-bottom: 1px solid #bababa;
}
.row-cols-data-form {
    display: flex;
}
.row-cols-data-form:nth-of-type(2) {
    border-bottom: 1px solid #bababa;
    margin-bottom: 20px;
    padding-bottom: 30px;
}
.col-cols-data {
    padding-right: 15px;
}
.cols-data-input-disabled {
    background-color: #ebebeb;
    pointer-events: none;
    color: #313131;
}
.cols-data-input-disabled2 {
    pointer-events: none;
    opacity: 0.3;
}
#report-multdata-select {
    min-width: 150px;
}
.hover-machine-error {
    position: absolute;
    width: 100%;
    height: 100%;
    display: flex;
    background-color: rgba(255, 255, 255, 0.8);
    color: red;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 11px;
    justify-content: center;
    align-items: center; 
}
#map {
    height: 800px;
    width: 64%;
    background-color: #e7e7e7;
}
#registry-list, #mes-admin-list {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-gap: 20px;
}
#registry-list li a, #mes-admin-list > li > a {
    display: block;
    word-wrap: break-word;
}
.ico-menu {
    display: block;
    width: 17px;
    height: 20px;
    margin: 0 12px 0 0;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100%;
}
.btns-thumb-machine-admin > a {
    margin: 0!important;
}
#synoptic-container {
    position: relative;
}
.synoptic-wrapper {
    display: flex;
    position: absolute;
    height: 100%;
    padding-top: 15px;
}
.synoptic-wrapper > ul {
   display: grid;
   grid-template-columns: 1fr 1fr 1fr;
   grid-template-rows: 1fr 1fr 1fr;
   grid-gap: 20px;
   padding-bottom: 10px;
   margin-right: 20px;
}
.synoptic-wrapper > ul > li > h3 {
    font-size: 12px;
    text-transform: uppercase;
    padding: 0 0 10px 0;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
}
.synoptic-wrapper > ul > li > h3 div:first-child {
    width: 12px;
    height: 12px;
    margin: 0 8px 0 0;
}
.synoptic-wrapper > ul > li {
    display: grid;
    align-items: center;
    background-color: #f0f0f0;
    padding: 15px 20px;
    border-radius: 8px;
    box-shadow: 0 4px 0 #6edb4c;
}
.synoptic-wrapper > ul > li > figure {
    min-height: 70%;
    width: 80%;
    margin: 0 auto;
    border: 1px solid #bababa;
    border-radius: 8px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 85%;
}
#gallery-btns {
    text-align: center;
    position: fixed;
    bottom: 50px;
    display: none;
}
#gallery-btns > a {
    display: inline-block;
    width: 8px;
    height: 8px;
    background-color: #e6e6e6;
    border-radius: 10px;
    margin-right: 10px;
}
#gallery-btns > a.selected {
    background-color: #F7CA0D;
}
.synoptic-wrapper > ul > li > ul {
    margin: 15px auto 0 auto;
    font-size: 12px;
    display: flex;
    justify-content: space-between;
    width: 84%;
}
.synoptic-wrapper > ul > li > ul li:last-child {
    color: red;
}
.filters-container > h3 {
    text-transform: uppercase;
    margin: 0 0 6px 0;
}
#locationing-machines-list {
    width: 35%;
}
#locationing-container {
    display: flex;
    justify-content: space-between;
}
#locationing-sidebar {
    height: 800px;
    overflow-y: auto;
    overflow-x: hidden;
    padding: 0!important;
    border: 0;
}
#locationing-sidebar > ul > li > a > figure {
    height: 80px;
    width: 80px;
    border: 1px solid #bababa;
    border-radius: 3px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 85%;
    background-color: white;
}
#locationing-sidebar > ul > li > a {
    display: flex;
}
#locationing-sidebar > ul > li {
    padding: 8px 10px;
    border-bottom: 1px solid #dedede;
    transition: all 0.3s;
}
#locationing-sidebar > ul > li > a > div {
    margin: 0 0 0 10px;
}
#locationing-sidebar > ul > li > a > div > h3 {
    display: flex;
    align-items: center;
    margin: 0 0 4px 0;
}
#locationing-sidebar > ul > li > a > div > h3 > div:nth-of-type(1) {
    width: 10px;
    height: 10px;
    margin: 0 4px 0 0;
}
#locationing-sidebar > ul > li > a > div > h3 > div:nth-of-type(2) {
    font-size: 12px;
    text-transform: uppercase;
}
#locationing-sidebar > ul {
    width: 100%;
}
#locationing-sidebar > ul > li > a > div > div {
    font-size: 12px;
}
#locationing-sidebar > ul > li > a > div > div:nth-of-type(4) {
    color: red;
}
.filters-container .reset-filters, #events-reset-filters, #timeline-reset-filters {
    background-color: #e1e1e1;
}
.filters-container button {
    margin: 0 8px 0 0;
}
.synoptic-view-ico {
    width: 20px;
    height: 20px;
    position: absolute;
    left: 20px;
    bottom: 0;
    background-repeat: no-repeat;
    background-size: cover;
    cursor: pointer;
    display: none;
}
.li-compact {
    width: 11%!important;
    min-height: 150px!important;
    padding: 7px 5px!important;
}
.li-compact > figure {
    min-height: 70px!important;
    width: 70%!important;
}
.li-compact > h3 > div:nth-of-type(2) {
    font-size: 10px;
    word-wrap: break-word;
    line-height: 12px;
}
.li-compact > h3 div:first-child {
    width: 8px!important;
    height: 8px!important;
    margin-right: 2px!important;
}
.li-compact > ul {
    margin: 5px auto 0 auto!important;
    display: block!important;
    font-size: 10px!important;
    text-align: center;
}
.li-compact > h3 {
    min-height: 30px;
}
.machine-connect-time-container {
    margin-top: 10px;
}
.countdown {
    position: absolute;
    right: 0;
    bottom: 2px;
    font-size: 20px;
    font-weight: bold;
    display: none;
}
#bottom-home {
    margin: 15px 0 0 0;
}
#bottom-home > ul > li, #locationing-sidebar > ul > li {
    margin: 0 0 30px 0;
    display: grid;
    grid-template-columns: auto 70px;
    border: 1px solid #eaeaea;
    box-shadow: 5px 5px 13px #efefef;
    border-radius: 10px;
    padding: 12px;
}
.filters-container article {
    display: flex;
}
.filters-container article > div {
    width: 20%;
    margin: 0 15px 0 0;
}
#synoptic-reset-filters {
    display: none;
}
#locationing-sidebar > ul > li > a > div > div:nth-of-type(1), #locationing-sidebar > ul > li > a > div > div:nth-of-type(2) {
    font-size: 10px;
}
.col-cols-data:nth-of-type(5) input, .col-cols-data:nth-of-type(6) input, .col-cols-data:nth-of-type(7) input {
    width: auto;
}
#saved-view-data li, .events-labels li, .events-val li, .consumptions-labels li, .consumptions-val li, .mesf-func-data-labels li, .mesf-func-data-vals li, .mesf-view-data-cols li, .mesf-view-data-vals li {
    position: relative;
}
.edit-data-ico, .edit-data-enter-ico {
    position: absolute;
    right: 2px
}
#saved-view-data li article, #mesf-func-data-container li article {
    position: absolute;
    z-index: 999;
}
.edit-data-enter-ico {
    right: 3px;
    top: 3px;
}
.edit-data-enter-ico i {
    width: 15px;
    height: 15px;
    padding: 3px;
}
#overlay-edit-data {
    width: 70%;
    height: 280px;
}
#overlay-edit-data h4 {
    padding: 0 0 6px 0;
    text-transform: uppercase;
    font-size: 15px;
}
#overlay-edit-data h3 {
    font-size: 14px;
    padding: 10px 0 4px 0;
    margin: 0 0 10px 0;
    border-bottom: 1px solid lightgrey;
}
#overlay-edit-data ul {
    display: flex;
    flex-wrap: wrap;
}
#overlay-edit-data li {
    padding: 0 10px 6px 0;
    width: 15%;
}
#overlay-edit-data ul b {
    font-size: 12px;
}
.charts-admin-sel-container, .charts-admin-form-container, .charts-admin-data-container, .charts-admin-data-sup-container{
    margin-bottom: 10px;
}
.active-menu-items-form input[type=checkbox], .agree-overlayer-form input[type=checkbox] {
    width: auto;
    margin: 0;
}
.contact-active-section {
    display: block;
    min-height: 150px;
}
.ins-man-fields {
    border-bottom: 0!important;
}
#submit-data-btn {
    width: 70px;
}
.ins-man-fields li, .mesf-func-enter-data-form > li {
    justify-content: space-between!important;
    flex-direction: row!important;
}
.ins-man-data-li input:nth-of-type(1), .mesf-func-enter-data-form-date-li input:nth-of-type(1) {
    width: 62%;
}
.ins-man-data-li input:nth-of-type(2), .mesf-func-enter-data-form-date-li input:nth-of-type(2) {
    width: 36%;
}
.canc-ins-man, .canc-empty-col, .canc-empty-function, .canc-empty-field, .canc-enter-data {
    background-color: black;
    width: 16px;
    height: 16px;
    border-radius: 2px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.canc-ins-man .fa-trash, .canc-empty-col .fa-trash, .canc-empty-function .fa-trash, .canc-empty-field .fa-trash, .canc-enter-data .fa-trash {
    font-size: 9px;
    color: white;
}
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {
    border: 1px solid #f7ca0d;
    background: #ffeb99;
    color: #000000;
}
.enter-data-btn {
    background-color:#242424;
    color:white;
    border-color:#242424
}
.enter-data-btn:hover {
    background-color: #838282;
    border-color: #6e6e6e;
}
.production-line-btn {
    /*background-color: #ff9708;
    color:white;
    border-color: #ff9708;*/
}
.production-line-btn:hover {
    /* background-color: #ff9708a8; */
    /* border-color: #ff9708a8; */
}
.agree-overlayer-form textarea, .tempo-login-form textarea, .license-request-form textarea {
    width: 360px!important;
    min-height: 150px!important;
}
#overlay-agree {
    width: 40%;
    height: 460px;
}
#overlay-agree > section > article {
    padding: 0 0 20px 0;

}
#overlay-agree > section > article > input[type=checkbox] {
    vertical-align: middle;
}
#agree-terms-btn {
    pointer-events: none;
    opacity: 0.4;
}
.btns-thumb-machine > div:nth-of-type(1) {
    display: flex;
    flex-wrap: wrap;
}
.disabled-btn {
    pointer-events: none;
    background-color: #e1e1e1;
    color: #787878;
}
#save-synoptic-data-enter-btn {
    margin: 20px auto 5px auto;
    display: block;
    width: 70px;
}
#close-overlay-edit-data, #close-machine-preview {
    display: block;
    position: absolute;
    top: 6px;
    right: 12px;
    font-size: 16px;
    font-family: Arial, sans-serif;
    transform: scale(1.3, 1);
    color: #f7ca0d;
    border: 1px solid #f7ca0d;
    border-radius: 4px;
    width: 18px;
    height: 24px;
    display: grid;
    align-items: center;
    justify-content: center;
    line-height: 22px;
}
.small-preload-div img {
    display: block;
    width: 30px;
    margin: 15px auto 0 auto;
}
#overlay-edit-data .msg-response {
    text-align: center;
}
#overlay-agree ul {
    margin: 10px 0;
    list-style: disc;
}
#overlay-agree ul li {
    margin: 0 0 0 25px;
}
#rebranding-brand-select, #rebranding-json-style, #rebranding-logos-upload-container, #rebranding-save-style, #rebranding-brand-name {
    margin: 0 0 25px 0;
}
#rebranding-json-style textarea {
    width: 100%;
    min-height: 220px;
}
.enter-data-home-ico {
    background-image:url(img/homepage_w.svg)!important;
    border:1px solid white!important
}
.enter-data-info-ico {
    background-image:url(img/info_machine_w.svg)!important;
    border:1px solid white!important    
}
.enter-data-menu-ico {
    background-image:url(img/menu_ico_w.svg)!important;
    border:1px solid white!important;
    display: none;   
}
.enter-data-topbar {
    background-color: #242424!important;
}
.production-line-topbar {
    /* background-color: #ff9708 !important; */
}
.enter-data-title-topbar, .production-line-topbar {
    /*color: white!important;*/
}
#rebranding-json-style > a {
    width: 20px;
    height: 20px;
    padding: 3px;
    font-size: 16px;
    font-family: Verdana;
    line-height: 12px;
}
#rebranding-logos-upload-container {
    display: flex;
}
#rebranding-logos-upload-container > div {
    position: relative;
}
#rebranding-logos-upload-container > div:nth-of-type(1) {
    margin: 0 40px 0 0;
}
#rebranding-logo-container0 img, #rebranding-logo-container1 img {
    width: 200px;
}
.canc-empty-col, .canc-empty-function {
    margin-top: 25px!important;
    padding-top: 1px!important;
}
#rebranding-brand-select {
    justify-content: space-between;
    align-items: center;
}
#close-menu {
    display: none;
    position: absolute;
    top: 14px;
    left: 10px;
    width: 20px;
    height: 20px;
    background: url(img/close_menu.svg) no-repeat center;
    background-size: 100%;
}
.blockoverlay-menu {
    position: fixed;
    z-index: 790;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.8);
    display: none;
}
.synoptic-compact-view .synoptic-wrapper {
    position: unset;
    height: auto;
}
.synoptic-compact-view .synoptic-wrapper > ul {
    gap: 20px;
    justify-content: space-between;
    grid-template-columns: repeat(auto-fit, 150px);
    grid-template-rows: auto;
}
.synoptic-compact-view .li-compact {
    width: auto!important;
}
#data-refresh, .events-refresh {
    width: auto;
    padding: 12.5px 11px 4px 28px;
    background: url(img/refresh.svg);
    background-position: 10px center!important;
    background-size: 14%!important;
    margin-left: 8px;
}
.summary-send-view-data ul {
    display: grid;
    grid-template-columns: auto auto auto;
}
.summary-send-view-data ul {
    display: grid;
    grid-template-columns: auto auto auto;
    grid-column-gap: 20px;
    height: 100%;
    align-items: center;
}
.file-form-container {
    display: grid;
    grid-template-columns: max-content 25% 25% max-content;
    grid-gap: 20px;
    margin-bottom: 15px;
    border-color: #f7ca0d;
}
#psw-reset-form-container input {
    padding-left: 12px;
}
#saved-view-data ul:nth-of-type(1), #saved-data ul:nth-of-type(1), .events-labels, .consumptions-labels, .mesf-func-data-labels, .mesf-view-data-cols {
    position: sticky;
    top: -10px;
    z-index: 50;
    background: rgba(255,255,255,0.9);
}
#saved-data {
    overflow-y: auto;
    max-height: 900px;
}
.menu-items-title {
    display: none;
}
.active-item .ico-menu-homepage, .sidebar-menu li > a:hover > .ico-menu-homepage {
    background-image: url(img/homepage_curr_mob.svg)!important;
}
.active-item .ico-menu-sinottico, .sidebar-menu li > a:hover > .ico-menu-sinottico {
    background-image: url(img/sinottico_curr_mob.svg)!important;
}
.active-item .ico-menu-eventi, .sidebar-menu li > a:hover > .ico-menu-eventi {
    background-image: url(img/eventi_curr_mob.svg)!important;
}
.active-item .ico-menu-localizzazione, .sidebar-menu li > a:hover > .ico-menu-localizzazione {
    background-image: url(img/locationing_curr_mob.svg)!important;
}
.active-item .ico-menu-assistenza_live, .sidebar-menu li > a:hover > .ico-menu-assistenza_live {
    background-image: url(img/live_assistance_curr_mob.svg)!important;
}
.active-item .ico-menu-data_enter, .sidebar-menu li > a:hover > .ico-menu-data_enter {
    background-image: url(img/data_enter_curr_mob.svg)!important;
}
.active-item .ico-menu-admin, .sidebar-menu li > a:hover > .ico-menu-admin {
    background-image: url(img/admin_curr_mob.svg)!important;
}
.active-item .ico-menu-linee_produzione, .sidebar-menu li > a:hover > .ico-menu-linee_produzione {
    background-image: url(img/linee_produzione_curr_mobile.svg)!important;
}
.active-item .ico-menu-controllo_qualita, .sidebar-menu li > a:hover > .ico-menu-controllo_qualita {
    background-image: url(img/controllo_qualita_curr_mobile.svg)!important;
}
.active-item .ico-menu-registri, .sidebar-menu li > a:hover > .ico-menu-registri {
    background-image: url(img/registri_curr_mobile.svg)!important;
}
.active-item .ico-menu-assistenza_remota, .sidebar-menu li > a:hover > .ico-menu-assistenza_remota {
    background-image: url(img/assistenza_remota_curr_mobile.svg)!important;
}
.active-item .ico-menu-consumi, .sidebar-menu li > a:hover > .ico-menu-consumi {
    background-image: url(img/consumi_curr_mobile.svg)!important;
}
.active-item .ico-menu-mes, .sidebar-menu li > a:hover > .ico-menu-mes {
    background-image: url(img/mes_curr_mobile.svg)!important;
}
.active-item .ico-menu-timeline, .sidebar-menu li > a:hover > .ico-menu-timeline {
    background-image: url(img/timeline_curr_mob.svg)!important;
}
.ico-menu-localizzazione {
    background-size: 80%;
}
.sidebar-menu li > a:hover, .active-item {
    border: 1px solid #F7CA0D!important;
    border-radius: 6px;
}
.file-list-container {
    overflow-x: auto;
    margin-bottom: 15px;
}
.file-list-container > div {
    position: relative;
}
.add-file-download {
    margin-bottom: 15px;
    position: sticky!important;
    left: 0;
}
.border-red {
    border: 2px solid #f61b3d;
}
#ui-datepicker-div {
    z-index: 5000!important;
}
.box-login hr {
    background-color: #bfbfbf;
    border: 0;
    height: 1px;
    width: 240px;
    margin: 10px 0 15px 0;
    display: none;
}
.container {
    display: grid;
    grid-template-columns: 250px auto;
}
#pagination-navig {
    margin-top: 40px;
}
.added-col > a {
    font-size: 10px;
    padding: 2px;
    max-width: 80px;
    line-height: 18px;   
}
#events-container, #consumptions-container, #mesf-func-data-container, #mesf-views-data-container, #timeline-container {
    display: block;
}
.events-filters-row:nth-of-type(1) > div:nth-of-type(1), .mesf-func-data-filters-row:nth-of-type(1) > div:nth-of-type(1) {
     width: 70%;
}
.events-filters-row:nth-of-type(1) > div:nth-of-type(2), .mesf-func-data-filters-row:nth-of-type(1) > div:nth-of-type(2), .mesf-view-data-filters-row:nth-of-type(1) > div:nth-of-type(2) {
    display: flex;
    align-items: center;
    width: 30%;
    padding-top: 12px;
}
.events-filters-row:nth-of-type(1) > div:nth-of-type(2) .events-filters-col, .mesf-func-data-filters-row:nth-of-type(1) > div:nth-of-type(2) .mesf-func-data-filters-col,  .mesf-view-data-filters-row:nth-of-type(1) > div:nth-of-type(2) .mesf-view-data-filters-col {
    width: 100%;
    margin: 0;
}
.events-filters-row, .events-filters-row:nth-of-type(1) > div:nth-of-type(1), .mesf-func-data-filters-row, .mesf-func-data-filters-row:nth-of-type(1) > div:nth-of-type(1), .mesf-view-data-filters-row, .mesf-view-data-filters-row > div:nth-of-type(1), .timeline-filters-row {   
    display: flex;
}
.events-filters-row:nth-of-type(1), .mesf-func-data-filters-row:nth-of-type(1), .mesf-view-data-filters-row:nth-of-type(1), .timeline-filters-row:nth-of-type(1) {
    margin: 0 0 10px 0;
}
#events-filter-utility, #mesf-func-data-filters-utility, #mesf-view-data-filters-utility {
    justify-content: flex-end;
}
#events-filter-utility > label, #mesf-func-data-filters-utility > label, #mesf-view-data-filters-utility > label {
    width: 50%;
    display: flex;
    justify-content: end;
    align-items: center;
    margin: 0 6px 0 0;
}
#events-filter-utility > select, #mesf-func-data-filters-utility > select, #mesf-view-data-filters-utility > select {
    width: auto;
}
#events-filter-utility > select:nth-of-type(1), #mesf-func-data-filters-utility > select:nth-of-type(1), #mesf-view-data-filters-utility > select:nth-of-type(1) {
    margin: 0 6px 0 0;
}
.events-labels, .events-val, .mesf-func-data-labels, .mesf-func-data-vals, .mesf-func-enter-data-form, .mesf-view-data-cols, .mesf-view-data-vals {
    display: flex;
}
#events-container .small-preload-absolute, #consumptions-container .small-preload-absolute {
    margin: 0;
}
.events-machine-select-filters-col {
    display: flex;
    align-items: flex-end;
}
.events-ico, .criticita-ico {
    width: 18px;
    margin: 0 4px 0 0;
    vertical-align: middle;
}
.data_enter-page .select-machine {
    width: 100%;
}
#machines-chart {
    height: 90%;    
}
#records-number-container {
    align-items: center;
}
#rebranding-brand-name input {
    width: auto;
}
input[type=checkbox] {
    width: 15px!important;
}
.link-download-area {
    width: 42px!important;
    background-size: 40%!important;
}
.link-brand {
    width: 24px;
    background-size: cover;
}
.ico-menu-controllo_qualita {
    background-size: 90%;
}
.ico-menu.ico-menu-manutenzione {
    display: none;
}
.item-submenu {
    display: none;
}
.ico-menu.ico-menu-registri {
    background-size: 80%;
    background-position: top center;
    height: 18px;
}
.ico-menu.ico-menu-consumi {
    background-size: 60%;
}
.events-val li, .mesf-func-data-vals li, .mesf-view-data-vals li {
    flex-direction: initial;
    justify-content: initial;
    align-items: center;
    word-break: break-all;
}
#item-menu-manutenzione {
    position: relative;
}
#item-menu-manutenzione img {
    width: 9px;
    position: absolute;
    right: 8px;
    top: 14px;
    transition: rotate 0.5s;
}
#machine-img-form {
    width: 50%;
}
#events-admin-container {    
    border: 2px solid #f7ca0d;
    width: 100%;
    margin: 0 0 20px 0;
    padding: 20px;
}
.evad-row {
    display: flex;
    flex-wrap: wrap;
}
#events-admin-container > h2 {
    font-size: 18px;
    padding: 0 0 20px 0;
}
.btn-verify-telegram {
    background-color: #d9d9d9;
    line-height: 42px;
}
.license-request-form > div:nth-of-type(2), .license-request-form > div:nth-of-type(3) {
    width: 17%;
}
.license-request-form > div:nth-of-type(6) {
    width: 30%;
}
.license-request-form > div:nth-of-type(6) {
    position: relative;
    padding: 0;
    margin-right: 20px;
}
.results-search-box {
    position: absolute;
    right: 0;
    width: 100%;
    min-height: 200px;
    max-height: 150px;
    padding: 10px;
    overflow-y: auto;
    border: 1px solid #f0f0f0;
    box-shadow: 0 0 12px #bababa;
    background-color: white;
}
.results-search-box a {
    display: block;
    border-bottom: 1px solid #cbcbcb;
}
.arrow-menu .fa-square-caret-left {
    color: #c7c7c7;
    font-size: 16px;
}
.arrow-menu {
    position: absolute;
    bottom: 0;
    right: 2px;
    cursor: pointer;
}
.connected-machineries-on h2, .connected-machineries-on h3 {
    color: #6cdc4c;
}
.connected-machineries-off h2, .connected-machineries-off h3 {
    color: #f71b3e;
}
.connected-machineries-on {
    background-color: #f2ffee;
    border: 1px solid #6cdc4c;
}
.connected-machineries-off {
    background-color: #ffe8ee;
    border: 1px solid #f71b3e;
}
.thumb-machine-dx > a {
    display: block;
    background-color: #f0f0f0;
    width: 45px;
    height: 45px;
    border-radius: 50px;
    background-image: url(img/right-arrow.svg);
    background-size: 44%;
    background-repeat: no-repeat;
    background-position: center center;
    transition: background-color 0.3s;
}
.thumb-machine-dx {
    display: flex;
    align-items: center;
    justify-content: center;
}
.thumb-machine-sx, .thumb-machine-locat-sx {
    display: grid;
    grid-template-columns: 100px auto;
    align-items: center;
}
.thumb-machine-sx > div, .thumb-machine-locat-sx > div, .thumb-machine-synop-sx > div {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}
.thumb-machine-sx > div > div:nth-of-type(1), .thumb-machine-locat-sx > div > div:nth-of-type(1), .thumb-machine-synop-sx > div > div:nth-of-type(1){
    width: 15px;
    height: 15px;
    margin: 0 20px 0 0;
}
.thumb-machine-synop-sx > div > div:nth-of-type(1) {
    margin: 0 8px 0 0;
}
.thumb-machine-dx > a:hover {
    background-color: #f7ca0d;
    background-image: url(img/right-arrow_w.svg);
}
.red {
    color: #f71b3e;
}
.box-red {
    color: #f71b3e;
    background-color: #ffe8ee!important;
    box-shadow: 0 4px 0 #f71b3e!important;
}
.alarm-ico {
    height: 15px;
    width: 15px;
    background: url(img/alarm.svg) no-repeat center;
    background-size: contain;
    margin: 0 8px 0 0;
}
.alarm-txt {
    font-size: 15px;
}
.select-machine, #mesf-filters {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(5%, 200px));
    grid-column-gap: 20px;
}
.page-tablet-title {
    display: none;
}
.navbar-top-content > div > div:nth-of-type(2) {
    display: flex;
    justify-content: flex-end;
}
.navbar-top-content > div > div:nth-of-type(1) {
    display: flex;
    align-items: center;
}
.link-btns-thumb-machine-admin {
    display: block;
    width: 18px;
    height: 18px;
    background: url(img/admin.svg) no-repeat;
    margin-left: 4px;
}
.page-desktop-title .fr_verde, .page-tablet-title .fr_verde, .page-desktop-title .fr_giallo, .page-tablet-title .fr_giallo, .page-desktop-title .fr_rosso, .page-tablet-title .fr_rosso {
    width: 15px;
    height: 15px;
}
.page-desktop-title {
    display: grid;
    grid-template-columns: max-content max-content max-content;
    column-gap: 8px;
    align-items: center;
}
.page-tablet-title {
    grid-template-columns: max-content max-content max-content;
    column-gap: 15px;
    align-items: center;
}
.data-machine-select {
    padding: 0 0 0 10px;
}
#saved-view-data, #saved-data, #events-container, #consumptions-container, #mesf-func-data-container, #mesf-views-data-container {
    padding: 15px;
}
.dyn-filters-btns {
    display: flex;
    align-items: center;
    padding-top: 10px;
}
#filters-search-btn, #reset-filters {
    margin: 0 6px 0 0;
}
.manage-filters-btn a, .mesf-func-data-manage-filters-btn a, .mesf-view-data-manage-filters-btn a {
    margin-top: 3px;
}
.col-sending-data:not(:last-child) {
    margin-bottom: 0;
}
.form-sending-data-container {
    border-color: #f7ca0d;
}
#saved-data .static-filters-row {
    align-items: center;
}
#saved-data .static-filters-row > .filters-row-utility {
    width: max-content;
}
#events-filters {
    padding: 0;
}
.events-filters-btns, .timeline-filters-btns {
    display: flex;
}
.events-filters-btns button:nth-of-type(1), .timeline-filters-btns button:nth-of-type(1){
    margin-right: 8px;
}
.locationing-page .page-desktop-title, .synoptic-page .page-desktop-title {
    grid-template-columns: max-content max-content 15% 15% 15%;
}
.locationing-page .page-tablet-title, .synoptic-page .page-tablet-title {
    grid-template-columns: max-content max-content 15% 15% 15%;
}
#locationing-sidebar > ul > li {
    margin: 0 0 20px 0;
    grid-template-columns: auto;
    width: 97%;
    cursor: pointer;
 }
.name-thumb-locat-machine {
    font-size: 12px;
    padding: 0 6px;
}
.thumb-machine-locat-sx {
    grid-template-columns: max-content max-content;
}
.thumb-machine-locat-container, .thumb-locat-machine {
    width: 50px;
    height: 50px;
}
.thumb-machine-locat-sx > div > div:nth-of-type(1) {
    width: 12px;
    height: 12px;
    margin-right: 8px;
}
.thumb-machine-locat-sx .alarm-ico {
    width: 13px;
    height: 13px;
    margin-right: 6px;
}
.thumb-machine-locat-sx .alarm-txt {
    font-size: 13px;
}
#locationing-sidebar > ul > li:hover {
    box-shadow: none;
    border: 1px solid #f7ca0d;
}
.locationing-page .content-wrapper, .synoptic-page .content-wrapper {
    min-height: auto;
}
.thumb-machine-synop-sx {
    padding: 0 0 10px 0;
}
.thumb-synop-machine, .thumb-machine-synop-sx > a {
    pointer-events: none;
}
.edit-synop-ico > a > i {
    font-size: 15px;
    color: darkgrey;
}
.navbar-top {
    position: relative;
}
#date-synop {
    position: absolute;
    top: 26px;
    right: 40px;
    color:darkgrey;
    font-size: 16px;
}
.thumb-machine-synop-dx label {
    font-size: 13px;
    color: #949494;
    margin: 0 0 10px 0;
}
.thumb-machine-synop-dx > div > article > div {
    font-size: 24px;
    line-height: 25px;
}
.thumb-machine-synop-dx {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-column-gap: 20px;
}
.thumb-machine-synop-dx > div {
    background-color: white;
    border-radius: 8px;
    padding: 6px 10px 10px 8px;
}
.data-top-consumption, .data-top-consumption-page {
    margin: 0 0 20px 0;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-template-rows: 140px 140px;
    column-gap: 30px;
    row-gap: 20px;
}
.data-top-consumption > div, .data-top-consumption-page > div{
    padding: 5px 15px;
    border-radius: 10px;
}
.data-top-consumption > div:nth-of-type(5), .data-top-consumption-page > div:nth-of-type(5) {
    grid-column: 1 / span 2;
}
.data-top-consumption > div:nth-of-type(6), .data-top-consumption-page > div:nth-of-type(6) {
    grid-column: 3 / span 2;
}
.data-top-consumption > div:nth-of-type(5), .data-top-consumption > div:nth-of-type(6), .data-top-consumption-page > div:nth-of-type(5), .data-top-consumption-page > div:nth-of-type(6) {
    border: 1px solid #bababa;
    padding: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.data-top-consumption > div:nth-of-type(1), .data-top-consumption > div:nth-of-type(2), .data-top-consumption-page > div:nth-of-type(1), .data-top-consumption-page > div:nth-of-type(2) {
    background-color: #f1f1f1;
}
.data-top-consumption > div:nth-of-type(3), .data-top-consumption > div:nth-of-type(4), .data-top-consumption-page > div:nth-of-type(3), .data-top-consumption-page > div:nth-of-type(4) {
    border: 1px solid #f7ca0d;
    position: relative;
}
.data-top-consumption > div:nth-of-type(3) > article, .data-top-consumption > div:nth-of-type(4) > article, .data-top-consumption-page > div:nth-of-type(3) > article, .data-top-consumption-page > div:nth-of-type(4) > article, #consumption-chart-0-page > article:nth-of-type(1), #consumption-chart-1-page > article:nth-of-type(1) {
    position: absolute;
    top: 15px;
    right: 15px;
    z-index: 100;
}
.data-top-consumption > div:nth-of-type(3) > article > select, .data-top-consumption > div:nth-of-type(4) > article > select, .data-top-consumption-page > div:nth-of-type(3) > article > select, .data-top-consumption-page > div:nth-of-type(4) > article > select, #consumption-chart-0-page > article:nth-of-type(1) > select, #consumption-chart-1-page > article:nth-of-type(1) > select, #consumptions-data-sel {
    padding: 4px;
    border: 0;
    background-color: #f1f1f1;
}
.data-top-consumption > div:nth-of-type(1), .data-top-consumption > div:nth-of-type(2), .data-top-consumption > div:nth-of-type(3), .data-top-consumption > div:nth-of-type(4), .data-top-consumption-page > div:nth-of-type(1), .data-top-consumption-page > div:nth-of-type(2), .data-top-consumption-page > div:nth-of-type(3), .data-top-consumption-page > div:nth-of-type(4) {
    display: grid;
    grid-template-columns: 80%;
    grid-template-rows: 1fr 1fr 1fr;
    align-items: center;
}
.data-top-consumption > div > label, .data-top-consumption-page > div > label {
    font-size: 15px;
}
.data-top-consumption > div > h2, .data-top-consumption-page > div > h2 {
    font-size: 35px;
}
.data-top-consumption > div > div, .data-top-consumption-page > div > div {
    font-size: 17px;
    font-weight: bold;
}
.filters-row-data-select > h2 {
    font-weight: 500;
    display: flex;
}
.data-top-consumption-page {
    grid-template-rows: 140px 300px;
}
#consumption-chart-0-page, #consumption-chart-1-page {
    position: relative;
    padding: 15px;
}
#consumptions-filters {
    display: grid;
    grid-template-columns: max-content max-content;
    column-gap: 25px;
    margin-bottom: 15px;
}
#consumptions-filters > li:nth-of-type(2) {
    display: flex;
    align-items: center;
}
#consumptions-filters > li:nth-of-type(2) > label {
    margin-right: 6px;
}
.consumptions-labels, .consumptions-val {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(5%, 1fr));
}
.consumptions-val {
    word-break: break-all;
}
.consumptions-val .fr_verde, .consumptions-val .fr_giallo, .consumptions-val .fr_rosso {
    background-size: 60%;
    width: 20px;
    height: 20px;
}
.file-form-container .fileupload-btn {
    padding: 0 12px;
    min-height: auto;
    margin: 22px 0 0 0;
}
.cons-alert {

    color: red;
    font-weight: bold;
    display: flex;
    flex-wrap: wrap;
    align-content: center;
    margin-top: 16px;
}
.import-model-cols, .import-mes-form {
    display: grid;
    grid-template-columns: 300px max-content;
    grid-column-gap: 15px;
    border-bottom: 1px solid #bababa;
    padding-bottom: 30px;
}
.import-mes-form {
    border-bottom: 0;
}
#composer-header {
    display: grid;
    grid-template-columns: 1fr max-content;
}
#export-composer-model-btn, .import-composer-model-btn {
    display: none;
}
.import-composer-model-btn > div {
    display: grid;
    grid-template-columns: max-content max-content;
    grid-column-gap: 10px;
}
#machine-select {
    display: none;
}
#terminal-mes-select, #user-mes-select, #user-form-mes-select, #terminal-client-mes-select, #operator-client-mes-select, #operator-mes-select, #user-client-mes-select, #user_b-mes-select, #func-client-mes-select, #func-mes-select, #views-client-mes-select, #views-func-mes-select, #charts-client-mes-select, #charts-func-mes-select, #supervisor-client-mes-select, #supervisor-mes-select {
    width: 50%;
    margin: 0 0 30px 0;
}
#user-form-func-mes-select {
    width: 50%;
    margin: 0 0 15px 0;
}
#db-table-form-mes {
    margin: 0 0 15px 0;
}
#operator-mes-list, #func-mes-list, #user-mes-list, #func_b-mes-list, #view-mes-list {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 15px;
    margin: 0 0 20px 0;
}
#operator-mes-list > li, #func-mes-list > li, #user-mes-list > li, #func_b-mes-list > li, #view-mes-list > li {
    display: grid;
    grid-template-columns: max-content max-content;
    column-gap: 6px;
    align-items: center;
}
.row-mes-functions, .row-mes-fields {
    margin: 0 0 30px 0;
    display: grid;
    column-gap: 20px;
    row-gap: 10px;
}
.row-mes-functions {
    grid-template-columns: 1fr 1fr 1fr 1fr 1.5fr 1fr;
    grid-template-rows: max-content max-content max-content;
    border-bottom: 1px solid #c4c4c4;
    padding-bottom: 20px;
}
.row-mes-fields {
    grid-template-columns: 2fr 2fr 2fr 0.8fr 2fr 1fr 1fr 0.8fr 2fr 1fr 1fr 1fr;
}
.col-mes-fields-editable, .col-mes-fields-dot, .col-mes-functions-ins_man, .col-mes-functions-charts-active {
    background-color: #ebebeb;
    padding: 4px;
    border-radius: 6px;
}
.save-functions-mes-btn {
    display: block;
}
.mes-registry-btn {
    background-color: #e2e2e2;
    line-height: 20px;
    padding: 12px 6px;
}
.mes-registry-btn:hover {
    background-color: #7e7e7e;
}
.mes-registry-list {
    grid-template-columns: repeat(5, 1fr)!important;
}
#form-checkbox {
    background-color: #f7f7f7;
    padding: 15px;
    border-radius: 6px;
    margin: 0 0 20px 0;
}
#form-checkbox > ul {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 20px;
}
#form-checkbox > ul > li > label {
    font-weight: normal;
}
#form-checkbox > label {
    margin: 0 0 30px 0;
}
.mes-registry-list > li > select {
    border: 2px solid #f7ca0d;
}
#mesf-filters {
    margin-bottom: 20px;
}
#mesf-func > ul {
    display: grid;
    grid-template-columns: 1fr 1fr;
    column-gap: 50px;
    row-gap: 25px;
}
#mesf-func > ul > li {
    display: grid;
    grid-template-columns: 55px auto 65px;
    column-gap: 18px;
    border: 1px solid #eaeaea;
    box-shadow: 5px 5px 13px #efefef;
    border-radius: 10px;
    padding: 12px;
    align-items: center;   
}
.mesf-counter {
    display: flex;
    align-items: center;
    height: 55px;
    border-radius: 10px;
    background-color: #f0f0f0;
    justify-content: center;
    font-size: 28px;
    font-weight: bold;
    color: #9898a4;
    text-transform: uppercase;
}
.mesf-menu-txt {
    text-transform: uppercase;
    font-weight: 500;
    font-size: 14px;
}
.mesf-menu-txt > p {
    font-size:12px;
    text-transform:initial;
    line-height: 18px;
}
.mesf-menu-link {
    display: flex;
    align-items: center;
    justify-content: center;
}
.mesf-menu-link > a {
    display: block;
    background-color: #f0f0f0;
    width: 42px;
    height: 42px;
    border-radius: 50px;
    background-image: url(img/right-arrow.svg);
    background-size: 44%;
    background-repeat: no-repeat;
    background-position: center center;
    transition: background-color 0.3s;
}
.mesf-menu-link > a:hover {
    background-color: #f7ca0d;
    background-image: url(img/right-arrow_w.svg);
}
.border-yellow {
    border: 2px solid #f7ca0d!important;
}
#mesf-func > ul {
    margin: 0 0 40px 0;
}
#mesf-func-data-container > article {
    /*width: 200%;*/
}
.synoptic-page .content-wrapper {
    padding-bottom: 0;
}
.synoptic-page .content {
    padding: 0 30px 10px 30px;
}
.synoptic-page .page-desktop-title {
    position: fixed;
}
.synoptic-page #synoptic-container {
    margin-top: 30px;
}
.synoptic-page .main-footer {
    position: fixed;
    right: 0;
}
.info-registry {
    width: 100%;
    margin-bottom: 25px;
    border: 1px solid #f7ca0d;
    border-radius: 6px;
    padding: 4px 8px;
}
.info-registry > h1 {
    font-size: 16px;
    font-weight: 500;
}
.active-menu-items-form {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    grid-gap: 10px;
    align-items: end;
}
.active-menu-items-form input[type=checkbox] {
    min-height: 30px;
}
.mesf-view-data-filters-row > div:nth-of-type(1) {
    width: 70%;
}
.mesf-func-data-filters-row:nth-of-type(1) > div:nth-of-type(1), .mesf-view-data-filters-row > div:nth-of-type(1) {
    align-items: flex-end;
}
#add-mes-filter-btn {
    margin: 0 0 30px 0;
}
.row-mes-filters-admin {
    margin: 0 0 30px 0;
    display: grid;
    grid-column-gap: 40px;
    grid-template-columns: repeat(auto-fit, minmax(5%, max-content));
}
.mesf-func-data-filters-row:nth-of-type(1), .mesf-view-data-filters-row:nth-of-type(1){
    border-bottom: 1px solid #838383;
    margin: 0 0 20px 0;
    padding: 0 0 20px 0;
}
#mesf-func-data-dyn-filters-row, #mesf-view-data-dyn-filters-row {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(50px, max-content));
    grid-column-gap: 10px;
    margin-bottom: 20px;
}
.mesf-func-data-dyn-filters-time, .mesf-view-data-dyn-filters-time {
    width: 60px;
}
.mesf-func-data-dyn-filters-btns, .mesf-view-data-dyn-filters-btns {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-column-gap: 6px;
}
.mesf-func-data-manage-filters-btn a, .mesf-view-data-manage-filters-btn a {
    margin-top: 23px;
}
.mes-row-charts-admin {
    display: grid;
    grid-template-columns: repeat(5,1fr);
    grid-column-gap: 20px;
    padding-bottom: 18px;
    margin-bottom: 10px;
    border-bottom: 1px solid #bababa;
}
.login-attempts-alert {
    position: absolute;
    left: 10px;
    top: 10px;
    font-size: 14px;
    font-family: 'Metrophobic', sans-serif;
}
#timeline-container {
    border: 0;
    padding: 10px 0;
}
#timeline-container > article > .small-preload-absolute {
    height: initial;
}
.modebar {
    left: 0 !important;
    right: auto !important;
}