/*
 * Licensed to the Apache Software Foundation (ASF) under one
 * or more contributor license agreements.  See the NOTICE file
 * distributed with this work for additional information
 * regarding copyright ownership.  The ASF licenses this filelarge
 * to you under the Apache License, Version 2.0 (the
 * "License"); you may not use this file except in compliance
 * with the License.  You may obtain a copy of the License at
 *
 * http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing,
 * software distributed under the License is distributed on an
 * "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
 * KIND, either express or implied.  See the License for the
 * specific language governing permissions and limitations
 * under the License.
 */

* {
    -webkit-tap-highlight-color: rgba(0,0,0,0); /* make transparent link selection, adjust last value opacity 0 to 1.0 */
    -webkit-font-smoothing: antialiased;
}

body {
    -webkit-touch-callout: none; /* prevent callout to copy image, etc when tap to hold */
    -webkit-text-size-adjust: none; /* prevent webkit from resizing text to fit */
    -webkit-user-select: none; /* prevent copy paste, to allow, change 'none' to 'text' */
    /*background-color: #E4E4E4;*/
    /*background-image: linear-gradient(top, #A7A7A7 0%, #E4E4E4 51%);*/
    /*background-image: -webkit-linear-gradient(top, #A7A7A7 0%, #E4E4E4 51%);*/
    /*background-image: -ms-linear-gradient(top, #A7A7A7 0%, #E4E4E4 51%);*/
    /*background-image: -webkit-gradient( linear, left top, left bottom, color-stop(0, #A7A7A7), color-stop(0.51, #E4E4E4) );*/
    /*background-attachment: fixed;*/
    font-family: 'Roboto-Bold', 'HelveticaNeue-Light', 'HelveticaNeue', Helvetica, Arial, sans-serif;
    font-size: 12px;
    height: 100%;
    margin: 0px;
    padding: 0px;
    /*text-transform: uppercase;*/
    width: 100%;
}

/* Portrait layout (default) */
.app {
    /*background:url(..img/logo.png) no-repeat center top;*/ /* 170px x 200px */
    /*position: absolute;*/ /* position in the center of the screen */
    /*left: 50%;*/
    /*top: 50%;*/
    /*height: 50px; /* text area height */ 
    /*width: 225px;*/ /* text area width */
    text-align: center;
    /*padding: 180px 0px 0px 0px;*/ /* image height is 200px (bottom 20px are overlapped with text) */
    /*margin: -115px 0px 0px -112px*/; /* offset vertical: half of image height and text area height */
    /* offset horizontal: half of text area width */
}

/* Landscape layout (with min-width) */
@media screen and (min-aspect-ratio: 1/1) and (min-width:400px) {
    .app {
        background-position: left center;
        /*padding: 75px 0px 75px 170px;*/ /* padding-top + padding-bottom + text area = image height */
        /*margin: -90px 0px 0px -198px;*/ /* offset vertical: half of image height */
        /* offset horizontal: half of image width and text area width */
    }
}

h1 {
    font-size: 24px;
    font-weight: normal;
    margin: 0px;
    overflow: visible;
    padding: 0px;
    text-align: center;
}

.event {
    border-radius: 4px;
    -webkit-border-radius: 4px;
    color: #FFFFFF;
    font-size: 12px;
    margin: 0px 30px;
    padding: 2px 0px;
}

    .event.listening {
        background-color: #333333;
        display: block;
    }

    .event.received {
        background-color: #4B946A;
        display: none;
    }

@keyframes fade {
    from {
        opacity: 1.0;
    }

    50% {
        opacity: 0.4;
    }

    to {
        opacity: 1.0;
    }
}

@-webkit-keyframes fade {
    from {
        opacity: 1.0;
    }

    50% {
        opacity: 0.4;
    }

    to {
        opacity: 1.0;
    }
}

.blink {
    animation: fade 3000ms infinite;
    -webkit-animation: fade 3000ms infinite;
}

/* 
 * CUSTOMIZATIONS 
 */
.factory-palette.green {
    background-color: rgba(127, 197, 36, 1) !important;
}

.no-margin {
    margin: 0px;
}

/* text size */
.text-display-4 {
    font-size: 11.2rem;
    font-weight: 300;
    line-height: 128px;
    letter-spacing: -5px;
}

.text-display-3 {
    font-size: 5.6rem;
    font-weight: 400;
    line-height: 64px;
}

.text-display-2 {
    font-size: 4.5rem;
    font-weight: 400;
    line-height: 64px;
}

.text-display-1 {
    font-size: 1.5rem;
    font-weight: 400;
    line-height: 44px;
}

.text-headline {
    font-size: 2.4rem;
    font-weight: 400;
    line-height: 44px;
}

.text-title {
    font-size: 2.0rem;
    font-weight: 600;
    line-height: 44px;
}

.text-subhead {
    font-size: 1.6rem;
    font-weight: 400;
    line-height: 32px;
}

.text-body {
    font-size: 1.4rem;
    font-weight: 400;
    line-height: 25px;
}

.text-caption {
    font-size: 1.2rem;
    font-weight: 400;
    line-height: 32px;
}

.text-menu {
    font-size: 1.4rem;
    font-weight: 600;
    line-height: 32px;
}

.text-button {
    font-size: 1.4rem;
    text-transform: uppercase;
    font-weight: 600;
    /*line-height: 32px;*/
}

.text-warning {
    color: #ffc107 !important;
}

/* nav and sidenav */
nav {
    position: absolute;
    top: 0;
    z-index: 1000;
}

.sidenav .user-view {
    height: 235px;
}

    .sidenav .user-view .background {
        overflow: hidden;
        position: absolute;
        top: 5px;
        right: 5px;
        bottom: 5px;
        left: 5px;
        z-index: -1;
    }

/* text inputs */
.input-field > label {
    color: #9e9e9e;
    position: absolute;
    top: -20px;
    left: 0;
    font-size: 1rem;
    cursor: text;
    -webkit-transition: color .2s ease-out, -webkit-transform .2s ease-out;
    transition: color .2s ease-out, -webkit-transform .2s ease-out;
    transition: none;
    transition: none;
    -webkit-transform-origin: 0% 100%;
    transform-origin: 0% 100%;
    text-align: initial;
    -webkit-transform: none;
    transform: none;
}

    .input-field > label:not(.label-icon).active {
        -webkit-transform: none;
        transform: none;
        -webkit-transform-origin: initial;
        transform-origin: initial;
    }

    .input-field > label[class^=error] {
        position: initial;
        text-transform: lowercase;
        color: #F44336;
    }

input:not([type]):focus:not([readonly]),
input[type=text]:not(.browser-default):focus:not([readonly]),
input[type=password]:not(.browser-default):focus:not([readonly]),
input[type=email]:not(.browser-default):focus:not([readonly]),
input[type=url]:not(.browser-default):focus:not([readonly]),
input[type=time]:not(.browser-default):focus:not([readonly]),
input[type=date]:not(.browser-default):focus:not([readonly]),
input[type=datetime]:not(.browser-default):focus:not([readonly]),
input[type=datetime-local]:not(.browser-default):focus:not([readonly]),
input[type=tel]:not(.browser-default):focus:not([readonly]),
input[type=number]:not(.browser-default):focus:not([readonly]),
input[type=search]:not(.browser-default):focus:not([readonly]),
textarea.materialize-textarea:focus:not([readonly]) {
    border-bottom: 1px solid #9e9e9e;
    -webkit-box-shadow: none;
    box-shadow: none;
}

    input:not([type]):focus:not([readonly]) + label,
    input[type=text]:not(.browser-default):focus:not([readonly]) + label,
    input[type=password]:not(.browser-default):focus:not([readonly]) + label,
    input[type=email]:not(.browser-default):focus:not([readonly]) + label,
    input[type=url]:not(.browser-default):focus:not([readonly]) + label,
    input[type=time]:not(.browser-default):focus:not([readonly]) + label,
    input[type=date]:not(.browser-default):focus:not([readonly]) + label,
    input[type=datetime]:not(.browser-default):focus:not([readonly]) + label,
    input[type=datetime-local]:not(.browser-default):focus:not([readonly]) + label,
    input[type=tel]:not(.browser-default):focus:not([readonly]) + label,
    input[type=number]:not(.browser-default):focus:not([readonly]) + label,
    input[type=search]:not(.browser-default):focus:not([readonly]) + label,
    textarea.materialize-textarea:focus:not([readonly]) + label {
        color: #9e9e9e;
    }

input.invalid:not([type]),
input.invalid:not([type]):focus,
input[type=text].invalid:not(.browser-default),
input[type=text].invalid:not(.browser-default):focus,
input[type=password].invalid:not(.browser-default),
input[type=password].invalid:not(.browser-default):focus,
input[type=email].invalid:not(.browser-default),
input[type=email].invalid:not(.browser-default):focus,
input[type=url].invalid:not(.browser-default),
input[type=url].invalid:not(.browser-default):focus,
input[type=time].invalid:not(.browser-default),
input[type=time].invalid:not(.browser-default):focus,
input[type=date].invalid:not(.browser-default),
input[type=date].invalid:not(.browser-default):focus,
input[type=datetime].invalid:not(.browser-default),
input[type=datetime].invalid:not(.browser-default):focus,
input[type=datetime-local].invalid:not(.browser-default),
input[type=datetime-local].invalid:not(.browser-default):focus,
input[type=tel].invalid:not(.browser-default),
input[type=tel].invalid:not(.browser-default):focus,
input[type=number].invalid:not(.browser-default),
input[type=number].invalid:not(.browser-default):focus,
input[type=search].invalid:not(.browser-default),
input[type=search].invalid:not(.browser-default):focus,
textarea.materialize-textarea.invalid,
textarea.materialize-textarea.invalid:focus,
.select-wrapper.invalid > input.select-dropdown,
.select-wrapper.invalid > input.select-dropdown:focus {
    border-bottom: 1px solid #F44336;
    -webkit-box-shadow: none;
    box-shadow: none;
}

input.valid:not([type]), input.valid:not([type]):focus,
input[type=text].valid:not(.browser-default),
input[type=text].valid:not(.browser-default):focus,
input[type=password].valid:not(.browser-default),
input[type=password].valid:not(.browser-default):focus,
input[type=email].valid:not(.browser-default),
input[type=email].valid:not(.browser-default):focus,
input[type=url].valid:not(.browser-default),
input[type=url].valid:not(.browser-default):focus,
input[type=time].valid:not(.browser-default),
input[type=time].valid:not(.browser-default):focus,
input[type=date].valid:not(.browser-default),
input[type=date].valid:not(.browser-default):focus,
input[type=datetime].valid:not(.browser-default),
input[type=datetime].valid:not(.browser-default):focus,
input[type=datetime-local].valid:not(.browser-default),
input[type=datetime-local].valid:not(.browser-default):focus,
input[type=tel].valid:not(.browser-default),
input[type=tel].valid:not(.browser-default):focus,
input[type=number].valid:not(.browser-default),
input[type=number].valid:not(.browser-default):focus,
input[type=search].valid:not(.browser-default),
input[type=search].valid:not(.browser-default):focus,
textarea.materialize-textarea.valid,
textarea.materialize-textarea.valid:focus,
.select-wrapper.valid > input.select-dropdown {
    border-bottom: 1px solid #4CAF50;
    -webkit-box-shadow: none;
    box-shadow: none;
}

/* toast */
#toast-container {
    top: auto;
    bottom: 0px;
    left: 0px;
    right: 0px;
    /*background-color: rgba(255,255,255,1);*/
    filter: Alpha(Opacity=100);
    opacity: 1;
    min-width: 100%;
    width: 100%;
}

.toast {
    border-radius: 5px;
    /*border-top-left-radius: 5px;*/
    /*border-top-right-radius: 5px;*/
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
    width: 100%;
    min-height: 64px;
    height: auto;
    /*background-color: rgba(0,0,0,0.4);*/
    background-color: rgba(204,204,204,1);
    background-color: rgba(0, 0, 0, 0.5) !important;
    padding: 0px 25px;
    word-break: keep-all;
    justify-content: flex-start;
    margin-top: 0px;
    /*justify-content: center;*/
    vertical-align: middle;
    color: rgba(255, 255, 255, 0.87);
    font-weight: 400;
    border-top: 1px solid rgba(255,255,255,0.2);
}

    .toast table {
        width: 100%;
        height: 100%;
    }

        .toast table td {
            padding: 0px;
            line-height: 62px;
            vertical-align: middle;
        }

            .toast table td:first-child a {
                float: right;
            }

    .toast a {
        margin-left: 10px;
    }

/* men� */
.sidenav li > a {
    font-size: 1.2rem;
}

.material-icons.normal {
    font-size: 10vw;
}

.material-icons.double {
    font-size: 20vw;
}
.material-icons.warning {
    color: #E64A19 !important;
}

/* icon prefix */
.material-icons.prefix {
    line-height: 1.5rem;
    padding-right: 10px;
    font-size: 2rem;
    vertical-align: text-bottom;
    font-style: normal;
}

    .material-icons.prefix.info {
        color: #689F38 !important;
    }

    .material-icons.prefix.waiting {
        color: #fbc02d !important;
    }

    .material-icons.prefix.warning {
        color: #E64A19 !important;
    }

/* row */
.row {
    min-height: 7.5rem;
}

#wrapper {
    /*max-width: 80%;*/
} 


/* SAFEMONEY MAIN LAYOUT */
html {
    width: 100%;
    height: 99.9%;
    line-height: initial;
}

#success,
#inner-box,
.app,
#wrapper {
    width: 100%;
    height: 100%;
}

.center {
    text-align: center !important;
}

/* LAYER(s) */
.layer-0,
.layer-1 {
    width: 100%;
    height: 100%;
}

.layer-0 {
    background:rgb(32, 50, 88);
    /* background: radial-gradient(circle at 45% 45%, rgba(36,154,212, 0.9) 10%, rgba(22,49,106, 1) 70%); */
}

    .layer-0:after {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        /**/
        background: url("../img/safemoney-home.svg") left bottom no-repeat;
        background-size: cover;
    }

.layer-1 {
    background: url("../img/safemoney-background.svg") left bottom no-repeat;
    background-size: cover;
}

/* GRID KEYBOARD LAYOUT */
.grid-keyboard {
    width: 100%;
    height: 100%;
    border-collapse: collapse;
    overflow: hidden;
}

    .grid-keyboard td, .grid-keyboard tr {
        border: none;
        border-radius: 0;
        text-align: center;
        padding: 0px;
        color: transparent;
    }

    .grid-keyboard td {
        width: 9.09091%;
        position: relative;
    }

    .grid-keyboard.light-theme thead tr {
        height: 8.36%;
        background-color: #333333;
        border-bottom: 2px solid #fff;
        color: #FFF;
    }

/* GRID PAGE LAYOUT */
.grid-page {
    width: 100%;
    height: 100%;
    border-collapse: collapse;
    overflow: hidden;
}

    .grid-page td, .grid-page tr {
        border: none;
        border-radius: 0;
        text-align: center;
        padding: 0px;
        color: transparent;
    }

    .grid-page td {
        width: 9.09091%;
        position: relative;
    }

    .grid-page.light-theme thead td:nth-last-child(1) {
        background-color: dimgray;
        border-left: 2px solid #fff;
    }

    .grid-page.dark-theme tbody td:nth-last-child(1) {   
        background-color: rgba(0,0,0,0.2);        
    } 

    .grid-page.light-theme tbody td:nth-last-child(1) {
        background-color: rgba(178,178,178,1);
        background-color: rgba(158,158,158,1);
        border-left: 1px solid #fff;
    }

    .grid-page.dark-theme thead tr {
        height: 8.36%;
        background-color: #212121;
        color: #FFF;
    }

    .grid-page.light-theme thead tr {
        height: 8.36%;
        background-color: #333333;
        border-bottom: 2px solid #fff;
        color: #FFF;
    }

    .grid-page.show-grid thead tr,
    .grid-page.show-grid tbody tr,
    .grid-page.show-grid td,
    .grid-page.show-grid tr {
        border: 1px dotted darkgray;
        color: darkgray;
    }

    .grid-page tbody tr {
        /*height: 15.273%;*/
        /*height: 14.96528%;*/
        height: 16.66667%;
    }

    .grid-page.header {
        position: absolute;
        -webkit-box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 3px 1px -2px rgba(0,0,0,0.12), 0 1px 5px 0 rgba(0,0,0,0.2);
        box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 3px 1px -2px rgba(0,0,0,0.12), 0 1px 5px 0 rgba(0,0,0,0.2);
    }



/* TEXT SETTINGS */
td > div[class^="-text"],
td > div[class*="-text"] {
    /* text */
    font-family: Roboto-Bold;
    font-size: 1.4vw;
    /* position */
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0%;
    box-sizing: border-box;
    margin: auto;
}

td > div[class^="title"],
td > div[class*="title"] {
    font-size: 2.0vw;
    bottom: 25%;
}

td > div[class^="subtitle"],
td > div[class*="subtitle"] {
    font-size: 1.4vw;
    bottom: 25%;
}

td > div[class^="large"],
td > div[class*="large"] {
    font-size: 4.0vw;
    top: 0%;
    bottom: 0%;
    color: #333333;
    line-height: 2.2;
}

td > span[class^="vke2ypad"],
td > span[class*="vke2ypad"] {
    font-size: 4.0vw;
    top: 0%;
    bottom: 0%;
    color: #333333;
    line-height: 2.2;
    font-family: Roboto-Bold;
    /* position */
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0%;
    box-sizing: border-box;
    margin: auto;
    color: black;
}


tr[class*='line'] td span[class*='vkeypad'] {
    /* box-shadow: 0px 3px 3px rgba(0, 0, 0, .7);     */
    color: white;
    background: #2F3336;
    border-radius: 1vh;
    /* text-shadow: 0px 0px 40px #71D4FE, 0px 0px 80px #71D4FE; */
    text-align: center;
    font-family: Roboto-Bold;
    font-size: 2.0vw;
    display: flex;
    width: 90%;
    height: 80%;
    align-items: center;
    margin: auto;
    justify-content:center;
}

tr[class*='line2'] td span[class*='vkeypad'] {
    /*width: 35px;
    padding: 10px 25px;*/
    margin-left: 20px;
}

tr[class*='line2'] td span {
    /* padding: 25px;*/
}

tr[class*='line'] td span[class*='vkeypad']:active {
    transform: scale(.9);
}

textarea[class*='vkeyboard-input'] {
    position: absolute;
    padding: 0.5vh;
    width: 100%;
    height: 100%;
    margin-left: 0;
    font-size: 2vw !important;
    display: block;
    top: 1.5vh;
    border-radius: 1vh;
}

textarea[class*='vkeyboard-input'].error {
    border-color: red !important;
}

td[disabled][class*='img-moneychanger']:before,
td[disabled][class*='img-more'],
td[disabled][class*='img-moneychanger'] {
    background-size: 0;
} 

td[disabled][class^='img-money ']:before,
td[disabled][class*='img-start']:before {
    content: "";
    position: absolute;
    left: 1vw;
    right: 0;
    top: auto;
    /* bottom: 5.2vw; */
    z-index: 1;
    border: 0.4vw solid rgba(255,255,255,1);
    transform: rotate(45deg);
    border-width: 0.4vw 0 0 0;
    width: 7vw;
}


/*
.grid-page.dark-theme td[disabled]:before {
    box-shadow: 0 -0.35vw 0 0 rgba(22,49,106,1);
}
*/

.grid-page.dark-theme td[disabled]:not([id*='cmd-about'])td[disabled]:not([id*='cmd-operationsync']) {
    box-shadow: 0 -0.35vw 0 0 rgba(22,49,106,1);
    opacity: .5;
}

.grid-page.light-theme td[disabled]:before {
    box-shadow: 0 -0.35vw 0 0 rgba(178,178,178,1);
    box-shadow: 0 -0.35vw 0 0 rgba(158,158,158,1);
}

/*.grid-page.light-theme td:not([class*="label"])[disabled]:before {*/
.grid-page.light-theme td[id*="cmd-"][disabled]:before,
.grid-page.light-theme td[class*="cmd-"][disabled]:before {
    bottom: 4.2vw;
    background-image: none;
}

/*
.grid-page.light-theme td[class*="label"][class*="large"][disabled]:before {
    left: 2.5vw;
    bottom: 12.5vw;
    border-width: 0.6vw 0 0 0;
    border-color: #333333;
    width: 13vw;
    box-shadow: 0 -0.55vw 0 0 #fff;
}
*/

.grid-page.light-theme td[class*="label"][class*="large"][disabled] {
    opacity: .2;
}

/* IMAGE(s) SETTINGS */
[class^="img-"], [class*="img-"],
[class^="img-"]::before, [class*="img-"]::before,
[class^="img-"]::after, [class*="img-"]::after {
    /* background */
    background-position-x: center;
    background-position-y: 20%;
    background-position-y: center;
    background-repeat: no-repeat;
    background-size: 65%;
    background-size: 5vw;
}

div[class^="img-"],
div[class*="img-"] {
    height: 100%;
}

[class*="img-"][class*="label"] {
    /*background-position-y: 25%;*/
}

    [class*="img-"][class*="label"][class*="large"] {
        background-position-y: 5%;
        background-size: 10vw;
    }

    [class*="img-"][class*="label"] > div,
    [class*="label"] > div {
        /* text */
        font-family: Roboto-Bold;
        font-size: 1.4vw;
        /* position */
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0%;
        box-sizing: border-box;
        margin: auto;
        /*bottom: 10%;*/
        top: 60%;
    }

[class*="label"][class*="large"] > div:first-child {
    font-family: 'Roboto-Bold';
    font-size: 2.5vw;
    /*bottom: 30%;*/
}

/*
[class*="label"][class*="large"] > div:last-child {
    font-size: 1.5vw;
    bottom: 6%;
}
*/

td:not([class*="img-"])[class*="label"][class*="large"] > div:first-child {
    font-family: 'Roboto-Bold';
    font-size: 2.5vw;
    text-align: left;
    letter-spacing: 0.4vw;
    top: 10%;
    left: 5%;
    text-transform: uppercase;
}

/*
td:not([class*="img-"])[class*="label"][class*="large"] > div:last-child {
    font-size: 1.5vw;
    text-align: left;
    top: 50%;
    left: 5%;
}
*/

.grid-page.dark-theme [class*="label"] > div {
    color: #fff;
}

.grid-page.light-theme [class*="label"] > div {
    color: #333;
}

[class^="img-"][class^="size-4"],
[class*="img-"][class*="size-4"],
[class^="img-"][class^="size-4"]::before,
[class*="img-"][class*="size-4"]::before,
[class^="img-"][class^="size-4"]::after,
[class*="img-"][class*="size-4"]::after {
    background-size: 4vw;
}

[class^="cmd-"]:not([disabled]), [class*="cmd-"]:not([disabled]),
[class^="cmd-"]:not([disabled])::after, [class*="cmd-"]:not([disabled])::before,
[class^="cmd-"]:not([disabled])::after, [class*="cmd-"]:not([disabled])::after,
[id^="cmd-"]:not([disabled]), [id*="cmd-"]:not([disabled]),
[id^="cmd-"]:not([disabled])::after, [id*="cmd-"]:not([disabled])::before,
[id^="cmd-"]:not([disabled])::after, [id*="cmd-"]:not([disabled])::after,
[class^="input-field"]:not([disabled]), [class*="input-field"]:not([disabled]),
[class^="input-field"]:not([disabled])::after, [class*="input-field"]:not([disabled])::before,
[class^="input-field"]:not([disabled])::after, [class*="input-field"]:not([disabled])::after {
    /* cursor */
    cursor: pointer;
}

.grid-page.dark-theme > tbody > tr > td[class*=img-]:nth-last-child(1):after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 1;
    width: 100%;
    height: 98.5%;
    border-top: 0.15vw solid rgba(255,255,255,0.1);
    border-bottom: 0.15vw solid rgba(255,255,255,0.1);
}

.grid-page.dark-theme > tbody > tr:first-child > td[class*=img-]:nth-last-child(1):after {
    border-top: initial;
}

.grid-page.dark-theme > tbody > tr:last-child > td[class*=img-]:nth-last-child(1):after {
    border-bottom: initial;
}

.grid-page.light-theme > tbody > tr > td[class*=img-]:nth-last-child(1):after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 1;
    width: 100%;
    height: 98.5%;
    border-top: 0.15vw solid rgba(255,255,255,0.9);
    border-bottom: 0.15vw solid rgba(255,255,255,0.9);
}

.grid-page.light-theme > tbody > tr:first-child > td[class*=img-]:nth-last-child(1):after {
    border-top: initial;
}

.grid-page.light-theme > tbody > tr:last-child > td[class*=img-]:nth-last-child(1):after {
    border-bottom: initial;
}

/* COMMAND(s) SETTINGS */
.grid-page.dark-theme > tbody > tr > td.cmd-hover,
.grid-page.dark-theme > tbody > tr > td[id*=cmd-]:not([disabled]):hover,
.grid-page.dark-theme > tbody > tr > td[class*=cmd-]:not([disabled]):hover,
.grid-page.dark-theme > tbody > tr > td:not([disabled]) > div[class*=cmd-]:hover {
    /* background */
    background-color: rgba(105,105,105, 0.8) !important;
    background-color: rgba(178,178,178, 0.8) !important;
    background-color: rgba(158,158,158, 0.8) !important;
    background-color: rgba(117,117,117, 1) !important;
    background-color: rgba(0,0,0, 0.2) !important;
    transition: .2s;
    /* cursor */
    cursor: pointer;
}

td[class*='tabs'][class*='active'],
.no-touch .grid-page.light-theme > tbody > tr > td[class*=cmd-hover],
.no-touch .grid-page.light-theme > tbody > tr > td[id*=cmd-]:not([disabled]):hover,
.no-touch .grid-page.light-theme > tbody > tr > td[class*=cmd-]:not([disabled]):hover,
.no-touch .grid-page.light-theme > tbody > tr > td:not([disabled]) > div[class*=cmd-]:hover {
    /* background */
    background-color: rgba(105,105,105, 0.8) !important;
    background-color: rgba(178,178,178, 0.8) !important;
    background-color: rgba(158,158,158, 0.8) !important;
    background-color: rgba(159,159,159, 1) !important;
    background-color: rgba(117,117,117, 1) !important;
    transition: .2s;
    /* cursor */
    cursor: pointer;
}

    .no-touch .grid-page.light-theme > tbody > tr > td[class*=cmd-hover]:not(:nth-last-child(1)),
    .no-touch .grid-page.light-theme > tbody > tr > td[id*=cmd-]:not(:nth-last-child(1)):not([disabled]):hover,
    .no-touch .grid-page.light-theme > tbody > tr > td[class*=cmd-]:not(:nth-last-child(1)):not([disabled]):hover,
    .no-touch .grid-page.light-theme > tbody > tr > td:not(:nth-last-child(1)):not([disabled]) > div[class*=cmd-]:hover {
        /* background */
        background-color: rgba(178,178,178, 0.8) !important;
        /*background-color: rgba(158,158,158, 0.8) !important;*/
        transition: .2s;
        border-radius: 0.4vw;
        /* cursor */
        cursor: pointer;
    }

/* DATE AND TIME SETTINGS */
div.date-and-time {
    color: white;
    width: 70%;
    font-family: 'Roboto-Bold';
}

    div.date-and-time div#date {
        font-size: 1.6vw;
        letter-spacing: 0.1vw;
        font-family: 'Roboto-Bold';
    }

    div.date-and-time div#time {
        font-size: 2.6vw;
        letter-spacing: 0.4vw;
    }

/* FIELD(s) SETTINGS */
div.field {
    height: 100%;
}

    div.field > div:first-child {
        height: 50%;
        line-height: 2.5;
        text-align: left;
        padding: 0 2%;
        color: #333333;
        color: #000;
        font-size: 2vw;
    }

    div.field > div:last-child {
        height: 50%;
        text-align: left;
        padding: 0 2%;
        background-color: lightgray;
        color: #fff;
        font-size: 3.5vw;
        letter-spacing: 1vw;
        border-radius: 2px;
    }


div#password {
    /* background */
    background-position-x: 86%;
    background-size: 10%;
    /* cursor */
    cursor: pointer;
}


/* INTERNAL GRID LAYOUT */
/* (DATA) */
td[class*='internal-table'] > div {
    width: 100%;
    height: 100%;
}

    td[class*='internal-table'] > div > table {
        width: 100%;
        height: 100%;
        border-collapse: collapse;
    }

        td[class*='internal-table'] > div > table td,
        td[class*='internal-table'] > div > table tr {
            height: 10%;
            /* border */
            border: 1px solid rgba(178,178,178,1) !important;
            border: 1px solid rgba(158,158,158,1) !important;
            border-bottom: 1px solid rgba(178,178,178,1) !important;
            border-bottom: 1px solid rgba(158,158,158,1) !important;
            border-radius: 0;
            /* text */
            text-align: center;
            padding: 0px;
            z-index: 0;
        }

            td[class*='internal-table'] > div > table tr,
            td[class*='internal-table'] > div > table tr td:nth-child(1) {
                border-left: 0px solid rgba(158,158,158,1) !important;
            }

                td[class*='internal-table'] > div > table tr,
                td[class*='internal-table'] > div > table tr td:nth-last-child(1) {
                    border-right: 0px solid rgba(158,158,158,1) !important;
                }

                    td[class*='internal-table'] > div > table tr:nth-child(1),
                    td[class*='internal-table'] > div > table tr:nth-child(1) td {
                        border: none !important;
                        border-bottom: 2px solid rgba(178,178,178,1) !important;
                        border-bottom: 2px solid rgba(158,158,158,1) !important;
                    }

                        td[class*='internal-table'] > div > table tr:nth-child(1) td > div {
                            font-size: 1.6vw;
                            font-size: 2.0vw;
                            text-transform: lowercase;
                        }

                        td[class*='internal-table']:not([class*='no-header']) > div > table tr:nth-child(1) td > div {                        
                            line-height: inherit; /* @26/08/2022 */
                        }

            td[class*='internal-table'] > div > table td:nth-last-child(1) {
                background-color: initial !important;
                background-color: inherit !important;
            }


            td[class*='internal-table'] > div > table td > div {
                font-family: 'Roboto-Bold';
                font-size: 2.5vw;
                position: relative;
                line-height: 0vw;
                color: #333333;
                color: #000;
                padding: 0 1vw;
            }

td[class*='sm'] > div > table td > div {
    font-size: 1.7vw;
    padding: 0 0.2vw;
    line-height: normal;
}

td[class*='sm'] > div > table td:nth-child(3) > div {
    font-size: 1.1vw;
}


td[class*='internal-table'] > div > table tr > td[id*='cmd-']:before,
td[class*='internal-table'] > div > table tr > td[class*=cmd-]:before,
td[class*='internal-table'] > div > table tr > td > div[class*=cmd-]:before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1;
}

td[class*='internal-table'] > div > table tr > td[id*='cmd-']:not([disabled]):after,
td[class*='internal-table'] > div > table tr > td[class*=cmd-]:not([disabled]):after,
td[class*='internal-table'] > div > table tr > td:not([disabled]) > div[class*=cmd-]:after {
    /*background-position: center;*/
    /*transition: background .8s;*/
}

.no-touch td[class*='internal-table'] > div > table tr > td[class*=cmd-hover]:after,
.no-touch td[class*='internal-table'] > div > table tr > td[id*='cmd-']:not([disabled]):hover:after,
.no-touch td[class*='internal-table'] > div > table tr > td[class*=cmd-]:not([disabled]):hover:after,
.no-touch td[class*='internal-table'] > div > table tr > td:not([disabled]) > div[class*=cmd-]:hover:after {
    background-color: rgba(117,117,117, 1) !important;
    transition: .2s;
    /*background: rgba(117,117,117, .8) radial-gradient(circle, transparent 1%, rgba(117,117,117, .8) 1%) center/15000%;*/
}

td[class*='internal-table'] > div > table tr > td[class*=active][id*='cmd-']:not([disabled]):after,
td[class*='internal-table'] > div > table tr > td[class*=active][class*=cmd-]:not([disabled]):after,
td[class*='internal-table'] > div > table tr > td:not([disabled]) > div[class*=active][class*=cmd-]:after {
    background-color: rgba(246,104,94,1) !important;
}

.no-touch td[class*='internal-table'][class*='no-header'] > div > table tr > td[id*='cmd-'][class*='activegreen']:not([disabled]):hover:after,
.no-touch td[class*='internal-table'][class*='no-header'] > div > table tr > td[class*='cmd-'][class*='activegreen']:not([disabled]):hover:after {
    background-color: #4CAF50 !important;
}



.no-touch td[class*='internal-table'] > div > table tr > td[class*=active][class*=cmd-hover]:after,
.no-touch td[class*='internal-table'] > div > table tr > td[class*=active][id*='cmd-']:not([disabled]):hover:after,
.no-touch td[class*='internal-table'] > div > table tr > td[class*=active][class*=cmd-]:not([disabled]):hover:after,
.no-touch td[class*='internal-table'] > div > table tr > td:not([disabled]) > div[class*=active][class*=cmd-]:hover:after {
    background-color: rgba(244,67,54,1) !important;
    transition: .2s;
    /*background: rgba(117,117,117, .8) radial-gradient(circle, transparent 1%, rgba(117,117,117, .8) 1%) center/15000%;*/
}

.no-touch td[class*='internal-table'] > div > table tr > td[class*=activegreen][class*=cmd-hover]:after,
.no-touch td[class*='internal-table'] > div > table tr > td[class*=activegreen][id*='cmd-']:not([disabled]):hover:after,
.no-touch td[class*='internal-table'] > div > table tr > td[class*=activegreen][class*=cmd-]:not([disabled]):hover:after,
.no-touch td[class*='internal-table'] > div > table tr > td:not([disabled]) > div[class*=activegreen][class*=cmd-]:hover:after {
    background-color: #689F38 !important;
    transition: .2s;
    /*background: rgba(117,117,117, .8) radial-gradient(circle, transparent 1%, rgba(117,117,117, .8) 1%) center/15000%;*/
}

td[class*='internal-table'][disabled] > div > table[class*='tablehwtest'] {
    display: none;
}

td[class*='internal-table'] > div > table[class*='tablehwtest'][active='green'] tr:nth-child(1) {
    background-color: #4caf50;
}

td[class*='internal-table'] > div > table[class*='tablehwtest'][active='red'] tr:nth-child(1) {
    background-color: #f44336;
}

td[class*='internal-table'] > div > table[class*='tablehwtest'][active='yellow'] tr:nth-child(1) {
    background-color: #ff9800;
}

td[class*='internal-table'] > div > table[class*='tablehwtest'] {
    border-color: red;
    width: 98%;
    height: 98%;
    background-color: #607d8b;
    padding: 0.15em 0.15em;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: 0.5rem;
    margin: auto;
    /*border-width: medium;
        border: 4px solid violet;*/
    border-spacing: 0 10px;
    border-bottom-color: red !important;
    font-size: 1.4vw;
    font-family: Roboto-Bold;
}

.tablehwtest td:nth-last-child(1) {
    background-color: inherit
}

.tablehwtest td {
    color: white;
    border-bottom-color: none;
}

    .tablehwtest td[class*='green'] {
        color: #cddc39;
        font-weight: bold;
    }

    .tablehwtest td[class*='red'] {
        color: #f44336;
        font-weight: bold;
    }

    .tablehwtest td[class*='bkgreen'] {
        background-color: green;
    }

    .tablehwtest td[class*='bkred'] {
        background-color: red;
    }

td[class*='clear-table'] > div {
    width: 100%;
    height: 100%;
}

    td[class*='clear-table'] > div > table {
        width: 100%;
        height: 100%;
        border-collapse: collapse;
    }







/* INTERNAL GRID TEMPLATE */
/* (DATA) */
table.tbl-denominations tr:nth-child(1) td:nth-child(1),
table.tbl-denominations tr:nth-child(1) td:nth-child(2),
table.tbl-denominations tr:nth-child(1) td:nth-child(3),
table.tbl-denominations tr:nth-child(1) td:nth-child(4) {
    text-align: center;
}

table.tbl-denominations td:nth-child(1) {
    width: 20%;
    text-align: right;
}

table.tbl-denominations td:nth-child(2),
table.tbl-denominations td:nth-child(3) {
    width: 30%;
    text-align: right;
}

table.tbl-denominations td:nth-child(4) {
    width: 20%;
}

/* INTERNAL GRID TEMPLATE */
/* (DATA) */
table.tbl-denominations-quantity tr:nth-child(1) td:nth-child(1),
table.tbl-denominations-quantity tr:nth-child(1) td:nth-child(2),
table.tbl-denominations-quantity tr:nth-child(1) td:nth-child(3),
table.tbl-denominations-quantity tr:nth-child(1) td:nth-child(4) {
    text-align: center;
}

table.tbl-denominations-quantity td:nth-child(1) {
    width: 20%;
    text-align: right;
}

table.tbl-denominations-quantity td:nth-child(2),
table.tbl-denominations-quantity td:nth-child(3) {
    width: 27%;
    text-align: right;
}

table.tbl-denominations-quantity td:nth-child(4) {
    width: 26%;
    text-align: right;
}

/* INTERNAL GRID TEMPLATE */
/* (INVENTORY DATA) */
table.tbl-inventory tr:nth-child(1) td:nth-child(1),
table.tbl-inventory tr:nth-child(1) td:nth-child(2),
table.tbl-inventory tr:nth-child(1) td:nth-child(3),
table.tbl-inventory tr:nth-child(1) td:nth-child(4),
table.tbl-inventory tr:nth-child(1) td:nth-child(5),
table.tbl-inventory tr:nth-child(1) td:nth-child(6),
table.tbl-inventory tr:nth-child(1) td:nth-child(7),
table.tbl-inventory tr:nth-child(1) td:nth-child(8) {
    text-align: center;
}

table.tbl-inventory td:nth-child(1),
table.tbl-inventory td:nth-child(6),
table.tbl-inventory td:nth-child(7) {
    width: 10%;
    text-align: right;
}

table.tbl-inventory td:nth-child(2),
table.tbl-inventory td:nth-child(3),
table.tbl-inventory td:nth-child(4) {
    width: 15%;
    text-align: right;
}

table.tbl-inventory td:nth-child(5) {
    width: 10%;
}

table.tbl-inventory td:nth-child(8) {
    width: 15%;
}

/* INTERNAL GRID LAYOUT */
/* (TOTALS) */
td[class*='internal-table'][class*='totals'] > div > table td,
td[class*='internal-table'][class*='totals'] > div > table tr,
td[class*='internal-table'][class*='totals'] > div > table tr:nth-child(1),
td[class*='internal-table'][class*='totals'] > div > table tr:nth-child(1) td {
    height: 50%;
    /* border */
    border-width: 0px !important;
    border-bottom: 1px solid rgba(178,178,178,1) !important;
    border-bottom: 1px solid rgba(158,158,158,1) !important;
    border-radius: 0;
    /* text */
    padding: 0px;
}

    td[class*='internal-table'][class*='totals'] > div > table tr:nth-child(1) td > div,
    td[class*='internal-table'][class*='totals'] > div > table td > div {
        font-family: 'Roboto-Bold';
        font-size: 2.5vw;
        position: relative;
        line-height: 0vw;
        color: #333333;
        color: #000;
        padding: 0 1vw;
    }

    td[class*='internal-table'][class*='totals'] > div > table tr:nth-last-child(1),
    td[class*='internal-table'][class*='totals'] > div > table tr:nth-last-child(1) td {
        border-width: 0px !important;
        border-bottom: 0px solid rgba(178,178,178,1) !important;
        border-bottom: 0px solid rgba(158,158,158,1) !important;
    }

        td[class*='internal-table'][class*='totals'] > div > table tr:nth-last-child(1) td > div {
            font-family: 'Roboto';
        }

/* INTERNAL GRID TEMPLATE */
/* (TOTALS) */
table.tbl-denominations-totals td:nth-child(1),
table.tbl-denominations-totals td:nth-child(5) {
    width: 10%;
    text-align: center;
    text-align: left;
}

table.tbl-denominations-totals td:nth-child(2),
table.tbl-denominations-totals td:nth-child(3),
table.tbl-denominations-totals td:nth-child(6),
table.tbl-denominations-totals td:nth-child(7) {
    width: 15%;
    text-align: right;
}

table.tbl-denominations-totals td:nth-child(4),
table.tbl-denominations-totals td:nth-child(8) {
    width: 10%;
    text-align: right;
}

/* INTERNAL GRID TEMPLATE */
/* (INVENTORY TOTALS) */
table.tbl-inventory-totals td:nth-child(1),
table.tbl-inventory-totals td:nth-child(5),
table.tbl-inventory-totals td:nth-child(6),
table.tbl-inventory-totals td:nth-child(7) {
    width: 10%;
    text-align: left;
}

table.tbl-inventory-totals td:nth-child(2),
table.tbl-inventory-totals td:nth-child(3),
table.tbl-inventory-totals td:nth-child(4),
table.tbl-inventory-totals td:nth-child(8) {
    width: 15%;
    text-align: right;
}


/* BACKGROUND-COLORS DENOMINATIONS */
tr[denomination='500.00'] > td:first-child:after {
    background-color: rgba(176, 152, 200, 1);
}

tr[denomination='200.00'] > td:first-child:after {
    background-color: rgba(254, 203, 54, 1);
}

tr[denomination='100.00'] > td:first-child:after {
    background-color: rgba(85, 175, 49, 1);
}

tr[denomination='50.00'] > td:first-child:after {
    background-color: rgba(244, 151, 57, 1);
}

tr[denomination='20.00'] > td:first-child:after {
    background-color: rgba(157, 200, 236, 1);
}

tr[denomination='10.00'] > td:first-child:after {
    background-color: rgba(242, 150, 153, 1);
}

tr[denomination='5.00'] > td:first-child:after {
    background-color: rgba(204, 203, 203, 1);
}

tr[denomination='2.00'] > td:first-child:after,
tr[denomination='1.00'] > td:first-child:after,
tr[denomination='0.50'] > td:first-child:after,
tr[denomination='0.20'] > td:first-child:after,
tr[denomination='0.10'] > td:first-child:after {
    background-color: rgba(223, 171, 48, 1);
}

tr[denomination='0.05'] > td:first-child:after,
tr[denomination='0.02'] > td:first-child:after,
tr[denomination='0.01'] > td:first-child:after {
    background-color: rgba(145, 100, 81, 1);
}

/*tr[denomination] > td:after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: -1;
    border: 0.4vw solid rgba(255,255,255,1);
}*/

tr[denomination] > td::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: -1;
    border: 0.2vw solid rgba(255,255,255,1);
    border-radius: 0.3vw;
}

tr[denomination] > td:first-child > div {
    font-family: 'Roboto-Bold';
    color: #fff;
}

tr[denomination] > td[class*='below-threshold-value'] > div {
    color: #ff0000;
}

tr[denomination][disabled] > td:nth-child(1):after {
    transition: all ease 1.6s;
    box-shadow: inset -7.5vw 0 0 0 rgba(255,255,255,.4);
}

tr[denomination][disabled] > td > div {
    color: rgba(0,0,0,.6) !important;
}

[class*='img-route_'],
[class*='img-level_'] {
    background-size: 3.5vw;
}

/* INTERNAL GRID LAYOUT */
/* (KEYPAD) */
td[class*='internal-table'][class*='keypad-grid'] > div > table td,
td[class*='internal-table'][class*='keypad-grid'] > div > table tr,
td[class*='internal-table'][class*='keypad-grid'] > div > table tr:nth-child(1),
td[class*='internal-table'][class*='keypad-grid'] > div > table tr:nth-child(1) td {
    /* border */
    border: 0px solid rgba(178,178,178,1) !important;
    border: 0px solid rgba(158,158,158,1) !important;
    border-radius: 0;
    /* text */
    padding: 0px;
    /*background-color: rgba(0,0,0,0.1);*/
    /*background-color: rgba(178,178,178,1);*/
    /*background-color: rgba(158,158,158,1);*/
}

    td[class*='internal-table'][class*='keypad-grid'] > div > table tr:nth-child(1) td > div,
    td[class*='internal-table'][class*='keypad-grid'] > div > table td > div {
        font-family: 'Roboto-Bold';
        font-size: 2.5vw;
        font-size: 4.0vw;
        color: #333333;
        color: #000;
        color: #fff;
        padding: 0 0.75vw;
        z-index: 1;
    }

    td[class*='internal-table'][class*='keypad-grid'] > div > table tr > td:after {
        content: "";
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        z-index: 0;
        border: 0.15vw solid rgba(255,255,255,1);
        border-radius: .3vw;
        background-color: rgba(158,158,158,1);
        background-size: 4.0vw;
    }

/* INTERNAL GRID LAYOUT */
/* (DISPLAY) */
td[class*='internal-table'][class*='display'] > div > table td,
td[class*='internal-table'][class*='display'] > div > table tr,
td[class*='internal-table'][class*='display'] > div > table tr:nth-child(1),
td[class*='internal-table'][class*='display'] > div > table tr:nth-child(1) td {
    /* border */
    border: 0px solid rgba(178,178,178,1) !important;
    border: 0px solid rgba(158,158,158,1) !important;
    border-radius: 0;
    /* text */
    padding: 0px;
}

    td[class*='internal-table'][class*='display'] > div > table tr:nth-child(1) td > div,
    td[class*='internal-table'][class*='display'] > div > table td > div {
        font-family: 'Roboto-Bold';
        font-size: 2.5vw;
        color: #333;
        padding: 0 0.75vw;
    }

    td[class*='internal-table'][class*='display'] > div > table tr:nth-child(2n+1) td > div {
        padding: 0 1.75vw;
        font-size: 4.0vw;
        color: #fff;
        padding-top: 4.0vw;
    }

    td[class*='internal-table'][class*='display'] > div > table tr:nth-child(1) td > div {
        padding: 0 1.75vw;
        font-size: 5vw;
        color: #fff;
        padding-top: 7.4vw;
    }


    td[class*='internal-table'][class*='display'] > div > table tr:nth-child(2n+1) td[class*='img-currency'],
    td[class*='internal-table'][class*='display'] > div > table tr:nth-child(1) td[class*='img-currency'] {
        background-position-x: 1.5vw;
        background-position-y: 78%;
        background-repeat: no-repeat;
        background-size: 5vw;
    }

    td[class*='internal-table'][class*='display'] > div > table tr > td:after {
        content: "";
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        z-index: 1;
        /*border: 0.15vw solid rgba(255,255,255,1);*/
    }

    /* INTERNAL GRID TEMPLATE */
    /* (DISPLAY) */
    td[class*='internal-table'][class*='display'] > div > table tr:nth-child(2n+0),
    td[class*='internal-table'][class*='display'] > div > table tr:nth-child(2n+0) td {
        height: 0%;
        text-align: left;
        border: 0px solid rgba(178,178,178,0.8) !important;
        border: 0px solid rgba(158,158,158,0.8) !important;
    }

    td[class*='internal-table'][class*='display'] > div > table tr:nth-child(2n+1) > td[class*='withdrawal'] {
        display: none;
    }

    td[class*='internal-table'][class*='display'] > div > table tr:nth-child(2n+1):not([class*='withdrawal']),
    td[class*='internal-table'][class*='display'] > div > table tr:nth-child(2n+1) td:not([class*='withdrawal']) {
        height: 25%;
        text-align: right;
        background-color: rgba(108,108,108,0.6);
    }

    td[class*='internal-table'][class*='display'] > div > table tr:nth-child(2n+1) > td[class*='remaining'] {
        background-color: rgba(249,168,37,1) !important;
    }

    td[class*='internal-table'][class*='display'] > div > table tr:nth-child(2n+1) > td[class*='dispensing'] {
        background-color: rgba(76,175,80,1) !important;
    }

    td[class*='internal-table'][class*='display'] > div > table tr:nth-child(1), td[class*='internal-table'][class*='display'] > div > table tr:nth-child(1) td {
        height: 40%;
        text-align: right;
        background-color: rgba(16,156,216,0.6);
    }

    td[class$='changerdsp'] > div > table[id=display].terminated > tbody tr:nth-child(n),
    table#display.terminated > tbody tr:nth-child(1) {
        background-color: rgba(108,108,108,0.6);
    }

td[class*='internal-table'][class*='display'] > div > table tr:nth-child(2n+1) > td:before {
    content: "";
    position: absolute;
    left: 1.5vw;
    right: auto;
    top: 1.0vw;
    bottom: auto;
    z-index: 1;
    color: rgba(255,255,255,1);
    font-size: 2.0vw;
    font-family: 'Roboto-Bold';
}

td[class*='internal-table'][class*='display'] > div > table tr:nth-child(2n+1) > td[class*='to_dispense']:before, td[class*='internal-table'][class*='display'] > div > table tr:nth-child(2n+1) > td[class*='dispensed']:before, td[class*='internal-table'][class*='display'] > div > table tr:nth-child(2n+1) > td[class*='not_dispensed']:before, td[class*='internal-table'][class*='display'] > div > table tr:nth-child(2n+1) > td[class*='to_pay']:before, td[class*='internal-table'][class*='display'] > div > table tr:nth-child(2n+1) > td[class*='paid']:before {
    content: attr(data-before);
}
/* INTERNAL GRID LAYOUT */
/* (KEYPAD-INLINE) */
td[class*="internal-table"][class*="keypad-inline"] > div > table td, td[class*="internal-table"][class*="keypad-inline"] > div > table tr, td[class*="internal-table"][class*="keypad-inline"] > div > table tr:nth-child(1), td[class*="internal-table"][class*="keypad-inline"] > div > table tr:nth-child(1) td {
    border: 0px solid rgba(158,158,158,1) !important;
    border-radius: 0;
    padding: 0px;
    position: relative;
    /*z-index: -1;*/
    border-top: 0.15vw solid rgba(255,255,255,1) !important;
    background-color: rgba(189,189,189,1);
}

    td[class*="internal-table"][class*="keypad-inline"] > div > table tr:nth-last-child(1), td[class*="internal-table"][class*="keypad-inline"] > div > table tr:nth-last-child(1) td {
        border-bottom: initial;
    }

    td[class*="internal-table"][class*="keypad-inline"] > div > table tr:nth-child(1) td > div, td[class*="internal-table"][class*="keypad-inline"] > div > table td > div {
        font-family: 'Roboto-Bold';
        font-size: 2.5vw;
        font-size: 4.0vw;
        color: #333333;
        color: #000;
        color: #fff;
        padding: 0 0.75vw;
        background-size: 4.0vw !important;
        text-align: center;
    }

    td[class*="internal-table"][class*="keypad-inline"] > div > table tr:nth-child(1) td[class*="cmd-keypad"] > div, td[class*="internal-table"][class*="keypad-inline"] > div > table td[class*="cmd-keypad"] > div {
        /*text-transform: uppercase;*/
    }

    td[class*="internal-table"][class*="keypad-inline"] > div > table tr > td[id*="cmd-"][class*="cmd-keypad"]::before, td[class*="internal-table"][class*="keypad-inline"] > div > table tr > td[class*="cmd-keypad"][class*="cmd-"]::before, td[class*="internal-table"][class*="keypad-inline"] > div > table tr > td[class*="cmd-keypad"] > div[class*="cmd-"]::before {
        content: initial;
    }

    td[class*="internal-table"][class*="keypad-inline"] > div > table tr > td::after {
        content: "";
        position: absolute;
        left: 0px;
        right: 0px;
        top: -1px;
        bottom: 0px;
        z-index: -1;
        border-left: 0.15vw solid rgba(255,255,255,0.8);
        border-bottom: 0vw solid rgba(189,189,189,1);
        border-top: 0.15vw solid rgba(255,255,255,0.8);
        /* 201811 test */
        width: 0px;
    }

    td[class*='internal-table'][class*='keypad-inline'] > div > table tr > td.cmd-hover, td[class*='internal-table'][class*='keypad-inline'] > div > table tr > [id*=cmd-]:not([disabled]):hover, td[class*='internal-table'][class*='keypad-inline'] > div > table tr > td[class*=cmd-]:not([disabled]):hover, td[class*='internal-table'][class*='keypad-inline'] > div > table tr > td:not(:nth-last-child(1)):not([disabled]) > div[class*=cmd-]:hover {
        background-color: rgba(0,0,0, 0.4) !important;
        transition: .2s;
        cursor: pointer;
    }

        td[class*='internal-table'][class*='keypad-inline'] > div > table tr > td.cmd-hover:after, td[class*='internal-table'][class*='keypad-inline'] > div > table tr > td[id*=cmd-]:not([disabled]):hover:after, td[class*='internal-table'][class*='keypad-inline'] > div > table tr > td[class*=cmd-]:not([disabled]):hover:after {
            border-bottom: 0px solid white;
        }

    td[class*='internal-table'][class*='keypad-inline'] > div > table tr > td:nth-child(1):after {
        left: -1px;
        /* 201811 test */
        /*border-left: 1px solid rgba(255,255,255,0.8);*/
    }

    td[class*="internal-table"][class*="keypad-inline"] > div > table tr > td:nth-last-child(1)::after {
        right: -0.09vw;
        /* 201811 test */
        /*border-right: 0.15vw solid rgba(255,255,255,0.8);*/
    }

    td[class*='internal-table'][class*='keypad-inline'] > div > table tr > td.cmd-hover[class*='running'] {
        background-color: #ff9800 !important;
    }
/* INTERNAL GRID TEMPLATE */
/* (ROUTES) */
table.tbl-routes tr:nth-child(1) td:nth-child(1), table.tbl-routes tr:nth-child(1) td:nth-child(2), table.tbl-routes tr:nth-child(1) td:nth-child(3) {
    text-align: center;
}

table.tbl-routes td:nth-child(1) {
    width: 20%;
    text-align: right;
}

table.tbl-routes td:nth-child(2), table.tbl-routes td:nth-child(3) {
    width: 40%;
}

    table.tbl-routes td:nth-child(2) > div, table.tbl-routes td:nth-child(3) > div {
        font-size: 2.0vw;
    }
/* INTERNAL GRID LAYOUT */
/* (KEYPAD-INLINE ROUTES) */
td[class*="internal-table"][class*="keypad-inline"][class*="routes"] > div > table td, td[class*="internal-table"][class*="keypad-inline"][class*="routes"] > div > table tr, td[class*="internal-table"][class*="keypad-inline"][class*="routes"] > div > table tr:nth-child(1), td[class*="internal-table"][class*="keypad-inline"][class*="routes"] > div > table tr:nth-child(1) td {
    background-position-x: 1.75vw;
}

    td[class*="internal-table"][class*="keypad-inline"][class*="routes"] > div > table tr:nth-child(1) td > div, td[class*="internal-table"][class*="keypad-inline"][class*="routes"] > div > table td > div {
        padding-right: 1.75vw;
        text-align: right;
        font-size: 3.5vw;
    }
    /* INTERNAL GRID TEMPLATE */
    /* (ROUTES) */
    td[class*="internal-table"][class*="keypad-inline"][class*="routes"] > div > table td:nth-child(1), td[class*="internal-table"][class*="keypad-inline"][class*="routes"] > div > table td:nth-child(3) {
        width: 33.33%;
    }

    td[class*="internal-table"][class*="keypad-inline"][class*="routes"] > div > table td:nth-child(2) {
        width: 33.34%;
    }

tr[denomination] > td[class*="denomination-active"] {
    z-index: 0;
}

    tr[denomination] > td[class*="denomination-active"]::after {
        content: "";
        position: absolute;
        left: 0px;
        right: 0px;
        top: 0px;
        bottom: 0px;
        z-index: -1;
        /* border: 0.4vw solid rgba(178,178,178,1); */
        background-color: rgba(189, 189, 189, 1);
        background-color: rgba(255, 255, 255, 1);
        border-radius: 0.3vw;
        transition: all ease 1.6s;
        box-shadow: inset -25vw 0 0 0 rgba(244,67,54,0.8);
    }

    tr[denomination] > td[class*="denomination-active"] > div {
        transition: all ease 1.9s;
        color: #fff;
    }

div[class*='img-level_'] {
    transition: all 0.4s ease;
}

    div[class*="img-level_"]::before, div[class*="img-level_"]::after {
        content: "";
        position: absolute;
        top: 46%;
        bottom: auto;
        border: 0.2vw solid rgba(51,51,51,1);
        border-radius: .1vw;
        transition: all 0.4s ease;
    }

    div[class*="img-level_"]::before {
        left: 49%;
        right: 40%;
    }

    div[class*="img-level_"]::after {
        left: 40%;
        right: 49%;
    }

    div[class*="img-level_"][class*='increase']::before {
        left: 47%;
        transform: rotateZ(45deg);
    }

    div[class*="img-level_"][class*='increase']::after {
        right: 47%;
        transform: rotateZ(-45deg);
    }

    div[class*="img-level_"][class*='decrease']::before {
        left: 47%;
        transform: rotateZ(-45deg);
    }

    div[class*="img-level_"][class*='decrease']::after {
        right: 47%;
        transform: rotateZ(45deg);
    }

    div[class*='img-level_'][class*='unchanged'] {
        /*transform: rotateZ(0deg);*/
    }

    div[class*='img-level_'][class*='increase'] {
        /*transform: rotateZ(-45deg);*/
    }

    div[class*='img-level_'][class*='decrease'] {
        /*transform: rotateZ(45deg);*/
    }


/* INTERNAL GRID LAYOUT */
/* (NO-HEADER - functionaltest) */
td[class*='internal-table'][class*='no-header'] > div > table tr[selected] > td:nth-child(1) {
    background-color: #ffc107 !important;
    border: 2px solid !important;
    transition: .2s;
}

td[class*='internal-table'][class*='no-header'] > div > table tr[disabled] > td:after {
    display: none;
    color: transparent;
}

td[class*='internal-table'][class*='no-header'] > div > table tr[status='FAIL'] > td[class*='cmd-']:after {
    background-color: #f44336 !important;
}

td[class*='internal-table'][class*='no-header'] > div > table tr[status='PASS'] > td[class*='cmd-']:after {
    background-color: #8bc34a !important;
}

td[class*='internal-table'][class*='no-header'] > div > table tr[status='PASS'] > td[class*='cmd-']:hover:after {
}

td[id='head3'][status='RUNNING'] {
    color: #ffeb3b !important;
}

td[id='head3'][status='PASS'] {
    color: #cddc39 !important;
}

td[id='head3'][status='STOP'],
td[id='head3'][status='FAIL'] {
    color: #f44336 !important;
}


td[class*='internal-table'] > div > table[id='testheader'] tr td,
td[class*='internal-table'] > div > table[id='testheader'] tr td:nth-last-child(1) {
    color: #03a9f4;
    text-align: center;
    margin: auto;
    background-color: dimgrey !important;
    font-size: 2vw;
    padding: 5px;
    border-left: 5px solid #2196f3 !important;
}

    td[class*='internal-table'] > div > table[id='testheader'] tr td:nth-child(1),
    td[class*='internal-table'] > div > table[id='testheader'] tr td:nth-child(4) {
        font-size: 3vw;
    }

    td[class*='internal-table'] > div > table[id='testheader'] tr td:nth-child(1),
    td[class*='internal-table'] > div > table[id='testheader'] tr td:nth-child(3),
    td[class*='internal-table'] > div > table[id='testheader'] tr td:nth-child(4) {
        width: 12%;
    }

    td[class*='internal-table'] > div > table[id='testheader'] tr td:nth-child(2) {
        width: 64%;
        text-align: left;
    }


/* INTERNAL GRID LAYOUT */
/* (NO-HEADER) */
td[class*='internal-table'][class*='no-header'] > div > table td, td[class*='internal-table'][class*='no-header'] > div > table tr, td[class*='internal-table'][class*='no-header'] > div > table tr:nth-child(1), td[class*='internal-table'][class*='no-header'] > div > table tr:nth-child(1) td {
    /* border */
    border: 0px solid rgba(178,178,178,1) !important;
    border: 0px solid rgba(158,158,158,1) !important;
    border-radius: 0;
    /* text */
    padding: 0px;
    border-bottom: 2px solid rgba(158,158,158,1) !important;
}

td[class*='txt_field_multiline'] {
    content: attr(data-before);
    overflow: auto !important;
}
/*
    td[class*='internal-table'][class*='no-header'] > div > table tr:nth-last-child(1),
    td[class*='internal-table'][class*='no-header'] > div > table tr:nth-last-child(1) td {
        border-bottom: 0px solid rgba(158,158,158,1) !important;
    }
    */
td[class*='internal-table'][class*='no-header'] > div > table tr, td[class*='internal-table'][class*='no-header'] > div > table tr td {
    text-align: right;
}

td[class*='internal-table'][class*='no-header'] > div > table td > div {
    font-family: 'Roboto-Bold';
    font-size: 2.5vw;
    position: relative;
    color: #333;
    padding: 0 0.75vw;
}

td[class*='internal-table'][class*='no-header'] > div > table tr td > div {
    padding: 0 1.75vw;
    font-size: 3.2vw;
    position: relative;
    /*color: #fff;*/
    padding-top: 2.0vw;
    text-transform: initial;
}

td[class*='internal-table'][class*='no-header'] > div > table tr td[class*='txt_field_multiline'] > div {
    padding: 0 1.75vw;
    position: relative;
    /*color: #fff;*/
    padding-top: 2.0vw;
    text-transform: initial;
    display: inline;
    overflow: hidden !important;
    font-size: 1.25vw;
    left: 4vw;
}

td[class*='internal-table'][class*='no-header'] > div > table tr > td:before {
    content: "";
    position: absolute;
    left: 1.5vw;
    right: auto;
    top: .2vw;
    bottom: auto;
    z-index: 1;
    color: rgba(158,158,158,1);
    color: rgba(0,0,0,1);
    /*font-size: 1.5vw;*/
    font-size: 2.0vw;
    font-family: 'Roboto-Bold' !important;
}

td[class*='internal-table'][class*='no-header'] > div > table tr > td[disabled]:before {
    border: initial;
    box-shadow: initial;
    transform: initial;
    width: initial;
}

td[class*='internal-table'][class*='no-header'] > div > table tr > td[class*='materialize-textarea']:before, td[class*='internal-table'][class*='no-header'] > div > table tr > td[class*='txt_field']:before, td[class*='internal-table'][class*='no-header'] > div > table tr > td[class*='email_to']:before, td[class*='internal-table'][class*='no-header'] > div > table tr > td[class*='email_smtphost']:before, td[class*='internal-table'][class*='no-header'] > div > table tr > td[class*='email_port']:before, td[class*='internal-table'][class*='no-header'] > div > table tr > td[class*='email_from']:before, td[class*='internal-table'][class*='no-header'] > div > table tr > td[class*='email_password']:before, td[class*='internal-table'][class*='no-header'] > div > table tr > td[class*='dhcp']:before, td[class*='internal-table'][class*='no-header'] > div > table tr > td[class*='ipAddress']:before, td[class*='internal-table'][class*='no-header'] > div > table tr > td[class*='subnet']:before, td[class*='internal-table'][class*='no-header'] > div > table tr > td[class*='gateway']:before, td[class*='internal-table'][class*='no-header'] > div > table tr > td[class*='dns1']:before {
    content: attr(data-before);
}

td[class*='internal-table'][class*='no-header'] > div > table tr > td:after {
    content: "";
    position: absolute;
    left: 2px;
    right: 2px;
    top: 2px;
    bottom: 2px;
    z-index: -1;
    border-radius: 0.3vw;
}
/* INTERNAL GRID TEMPLATE */
/* (NO-HEADER) */
table.tbl-no-header td:nth-child(1) {
    width: 50%;
    text-align: right;
}

table.tbl-no-header td:nth-child(2), table.tbl-no-header td:nth-child(3) {
    width: 25%;
    text-align: center;
}

td[class*='internal-table'][class*='no-header'] > div > table tr > td[class*=title]:before {
    font-family: 'Roboto';
}

td[class*="internal-table"][class*="no-header"] div[class*=subtitle] {
    padding: 1.5vw;
    font-size: 1.5vw;
    position: absolute;
    text-align: left;
    top: 1.5vw;
    line-height: initial;
}

td[class*='internal-table'][class*='no-header'] > div > table tr > td[class*='active'] {
    z-index: 0;
}

    td[class*='internal-table'][class*='no-header'] > div > table tr > td[class*='active']:before {
        /* transition: all ease 2.3s; */
        color: #fff;
    }

    td[class*='internal-table'][class*='no-header'] > div > table tr > td[class*='active']:not([id*='cmd-']):not([class*='cmd-']):after {
        /* transition: all ease 0.6s; */
        box-shadow: inset -80vw 0 0 0 rgba(244,67,54,0.8);
    }

td[class*="internal-table"][class*="no-header"] div[class*=subtitleshort] {
    padding: 3.0vw;
    font-size: 3.5vw;
    position: absolute;
    text-align: right;
    top: 0vw;
    line-height: initial;
}

td[class*='internal-table'][class*='no-header'] > div > table tr > td[id*='cmd-'], td[class*='internal-table'][class*='no-header'] > div > table tr > td[class*='cmd-'] {
    bottom: 0px;
}
    /*td[class*='internal-table'][class*='no-header'] > div > table tr > td[class*=cmd-hover],
    td[class*='internal-table'][class*='no-header'] > div > table tr > td[id*='cmd-']:not([disabled]):hover,
    td[class*='internal-table'][class*='no-header'] > div > table tr > td[class*=cmd-]:not([disabled]):hover,
    td[class*='internal-table'][class*='no-header'] > div > table tr > td:not([disabled]) > div[class*=cmd-]:hover {
        background-color: rgba(255, 255, 255, 1) !important;
    }*/
    
    td[class*='internal-table'][class*='no-header'] > div > table tr > td[id*='cmd-']:after, 
    td[class*='internal-table'][class*='no-header'] > div > table tr > td[id*='cmd-'][class*='active']:after, 
    td[class*='internal-table'][class*='no-header'] > div > table tr > td[class*='cmd-']:after, 
    td[class*='internal-table'][class*='no-header'] > div > table tr > td[class*='cmd-'][class*='active']:after {
        content: "";
        position: absolute;
        left: 0px;
        right: 0px;
        top: 0px;
        bottom: 0px;
        z-index: -1;
        background-color: rgba(158,158,158,0.8) !important;
        border-radius: 0.3vw;
        border: 2px solid rgba(255,255,255,1);
    }
    td[class*='internal-table'][class*='no-header'] > div > table tr > td[id*='cmd-'][class*='buttonselect']:after,     
    td[class*='internal-table'][class*='no-header'] > div > table tr > td[id*='cmd-'][class*='active']:after, td[class*='internal-table'][class*='no-header'] > div > table tr > td[class*='cmd-'][class*='active']:after {
        background-color: rgba(244,67,54,0.8) !important;
    }

    td[class*='internal-table'][class*='no-header'] > div > table tr > td[id*='cmd-'][class*='activegreen']:after, td[class*='internal-table'][class*='no-header'] > div > table tr > td[class*='cmd-'][class*='activegreen']:after {
        background-color: #4CAF50 !important;
    }

.no-touch td[class*='internal-table'][class*='no-header'] > div > table tr > td[id*='cmd-'][class*='activeblue']:hover:after, .no-touch td[class*='internal-table'][class*='no-header'] > div > table tr > td[class*='cmd-'][class*='activeblue']:hover:after {
    background-color: #00bcd4e0 !important;
}

td[class*='internal-table'][class*='no-header'] > div > table tr > td[id*='cmd-'][class*='activeblue']:after, td[class*='internal-table'][class*='no-header'] > div > table tr > td[class*='cmd-'][class*='activeblue']:after {
    background-color: #00bcd4 !important;
}

td[class*='internal-table'][class*='no-header'] > div > table tr > td[id*='cmd-'] > div, td[class*='internal-table'][class*='no-header'] > div > table tr > td[class*='cmd-'] > div {
    padding: 0;
    text-align: center;
}

td[class*='internal-table'][class*='no-header'] > div > table tr > td[id*='cmd-'] > div, td[class*='internal-table'][class*='no-header'] > div > table tr > td[class*='cmd-'] > div, td[class*='internal-table'][class*='no-header'] > div > table tr > td[class*='active'] > div {
    /* transition: all ease 2.3s; */
    color: #fff;
}

td[class*='internal-table'][class*='no-header'] > div > table tr > td[disabled] > div {
    /*transition: all ease 2.3s;*/
    color: rgba(158,158,158,1);
}

td[class*='internal-table'][class*='no-header'] > div > table tr > td[id*='cmd-'][disabled]:after, td[class*='internal-table'][class*='no-header'] > div > table tr > td[class*='cmd-'][disabled]:not([fieldtype*='checkbox']):after {
    background-color: rgba(158, 158, 158, 1) !important;
}

td[class*='internal-table'][class*='no-header'] > div > table tr > td[id*='cmd-'][disabled] > div, td[class*='internal-table'][class*='no-header'] > div > table tr > td[class*='cmd-'][disabled] > div {
    color: #fff !important;
}
/* INTERNAL GRID TEMPLATE */
/* (NETWORK) */
table[id=network].tbl-no-header td:nth-child(1) {
    width: 20%;
    text-align: right;
}

table[id=network].tbl-no-header td:nth-child(2) {
    width: 20.00%;
    text-align: center;
}
/* INTERNAL GRID TEMPLATE */
/* (USERS) */
table.tbl-users tr:nth-child(1) td:nth-child(1), table.tbl-users tr:nth-child(1) td:nth-child(2), table.tbl-users tr:nth-child(1) td:nth-child(3) {
    text-align: left;
}

table.tbl-users td:nth-child(1) {
    width: 5%;
}

table.tbl-users td:nth-child(2) {
    width: 25%;
    text-align: left;
}

table.tbl-users td:nth-child(3) {
    width: 45%;
    text-align: left;
}

table.tbl-users td:nth-child(4) {
    width: 25%;
    text-align: left;
}


table.tbl-log {
    table-layout: fixed;
}

table.tbl-log tr:nth-child(1) td:nth-child(1), table.tbl-log tr:nth-child(1) td:nth-child(2), table.tbl-log tr:nth-child(1) td:nth-child(3) {
    text-align: left;
}

table.tbl-log td:nth-child(1) {
    width: 4%;
}

table.tbl-log td:nth-child(2) {
    width: 7%;
    text-align: left;
}

table.tbl-log tr[class*='security'] > td:nth-child(3),
table.tbl-log tr[class*='maintenance'] > td:nth-child(3) {
    text-align: right;
    padding-right: 0.5vw;    
}

table.tbl-log td:nth-child(3) {
    width: 15%;
    text-align: left;
}

table.tbl-log td:nth-child(4), table.tbl-log td:nth-child(5), table.tbl-log td:nth-child(6), table.tbl-log td:nth-child(7), table.tbl-log td:nth-child(8), table.tbl-log td:nth-child(9) {
    text-align: right;
    white-space: nowrap;
}

table.tbl-log td:nth-child(1) > div > span {
    color: rgba(33,150,243,0.6);
}

table.tbl-log td > div > span {
    color: #9E9E9E;
}

.maintenance td:nth-child(n+4) > div {
    color:#9E9E9E;
}

.security td:nth-child(4) > div {    
    border: 1px solid #9e9e9e;
}

.security.security_ok td:nth-child(3),
.security.security_ok td:nth-child(4) > div {
    color:#8bc34a; 
}

.security.security_forbidden td:nth-child(n) > div {
    color:red;
}


.security td:nth-child(5) > div {
    text-align: right;
}

.status.SeverityLevel_INFO  td:nth-child(4) > div {
    background-color: #4caf50; 
    color:whitesmoke;
}

.status.SeverityLevel_WARNING td:nth-child(4) > div {
    background-color: #f9a825; 
    color:whitesmoke;
}

.status.SeverityLevel_ERROR td:nth-child(4) > div,
.status.SeverityLevel_CRITICAL td:nth-child(4) > div {
    background-color: #f6685e; 
    color:whitesmoke;
}

table.tbl-log tr[class*="security"] > td:nth-child(4) > div,
table.tbl-log tr[class*="maintenance"] > td:nth-child(4) > div,
table.tbl-log tr[class*="status"] > td:nth-child(4) > div {    
    padding: 4px 8px;
    text-align: center;
    border-radius: 5px;
    display: inline-block;
    font-weight: bold;
}

table.tbl-log tr[class*="security"] > td:nth-child(n+3),
table.tbl-log tr[class*="maintenance"] > td:nth-child(n+3),
table.tbl-log tr[class*="status"] > td:nth-child(n+3) {    
    border: 0px !important;    
}

/* INTERNAL GRID LAYOUT */
/* (PAGING) */
td[class*="internal-table"][class*="keypad-inline"][class*="paging"] > div > table tr:nth-child(1) td > div, td[class*="internal-table"][class*="keypad-inline"][class*="paging"] > div > table td > div {
    font-family: 'Roboto-Bold';
    font-size: 2.0vw;
    color: #fff;
    padding: 0 2.75vw;
    background-size: 4.0vw !important;
    text-align: left;
}

td[class*='internal-table'][class*="keypad"][class*="paging"] > div > table tr > td[disabled]:before, td[class*='internal-table'][class*="keypad-inline"][class*="paging"] > div > table tr > td[disabled]:before {
    border: initial;
    box-shadow: initial;
    transform: initial;
    width: initial;
}
/* INTERNAL GRID TEMPLATE */
/* (PAGING) */
table.tbl-paging tr:nth-child(1) td:nth-child(1), table.tbl-paging tr:nth-child(1) td:nth-child(2), table.tbl-paging tr:nth-child(1) td:nth-child(3) {
    text-align: center;
}

table.tbl-paging td:nth-child(1), table.tbl-paging td:nth-child(2) {
    width: 10%;
}

table.tbl-paging td:nth-child(3) {
    text-align: left;
    width: 80%;
}

    table.tbl-paging td:nth-child(3) > div {
        font-size: 2.0vw;
    }
/* TABLE WITH ROW-SELECTOR */
table.row-selector tr:not(:nth-child(1)) > td:nth-child(1):after {
    content: "";
    position: absolute;
    left: 30%;
    /*right: 1.25vw;*/
    top: 30%;
    /*bottom: 1.25vw;*/
    z-index: -1;
    border: 0.35vw solid rgba(244,67,54,0);
    border-radius: 5%;
    width: 30%;
    height: 30%;
}

table.row-selector tr[class*="active"]:not(:nth-child(1)) > td:nth-child(1):after {
    border: 0.35vw solid rgba(244,67,54,1);
    border-radius: 50%;
    /* transition: all ease 1.2s; */
}

table.row-selector tr:not(:nth-child(1)) > td:nth-child(1) {
    border-right: 0px solid black !important;
}

table.row-selector tr:not(:nth-child(1)) > td:nth-child(2) {
    border-left: 0px solid black !important;
}

table.row-selector tr[class*="active"]:not(:nth-child(1)) > td > div {
    color: rgba(244,67,54,1) !important;
    transition: all ease .6s;
}
/* TABLE WITH ROW-SELECTOR-SIMPLE */
table.row-selector-simple tr:not(:nth-child(1)) > td:nth-child(1):after {
    content: "";
    position: absolute;
    left: 30%;
    /*right: 1.25vw;*/
    top: 30%;
    /*bottom: 1.25vw;*/
    z-index: -1;
    border: 0.35vw solid rgba(244,67,54,0);
    border-radius: 5%;
    width: 30%;
    height: 30%;
}

table.row-selector-simple tr[class*="active"]:not(:nth-child(1)) > td:nth-child(1):after {
    border: 0.35vw solid rgba(244,67,54,1);
    border-radius: 50%;
    /* transition: all ease 1.2s; */
}

table.row-selector-simple tr:not(:nth-child(1)) > td:nth-child(1) {
    border-right: 0px solid black !important;
}

table.row-selector-simple tr:not(:nth-child(1)) > td:nth-child(2) {
    border-left: 0px solid black !important;
}

table.row-selector-simple tr[class*="error"]:not(:nth-child(1)) > td > div {
    color: rgba(244,67,54,0.6) !important;
    /* transition: all ease .6s; */
}
/* INTERNAL GRID LAYOUT */
/* (USER PIN CHANGE) */
td[class*='internal-table'] > div > [class*='no-header'] > div > table tr > td[class*='txt_password']:before, td[class*='internal-table'][class*='no-header'] > div > table tr > td[id*='old_pin']:before, td[class*='internal-table'][class*='no-header'] > div > table tr > td[id*='new_pin']:before, td[class*='internal-table'][class*='no-header'] > div > table tr > td[id*='confirmed_pin']:before {
    content: attr(data-before);
}

td[class*='internal-table'] > div > [class*='no-header'] > div > table tr > td[class*='txt_password']:before, td[class*='internal-table'][class*='no-header'] > div > table tr > td[id*='old_pin']:before, td[class*='internal-table'][class*='no-header'] > div > table tr > td[id*='new_pin']:before, td[class*='internal-table'][class*='no-header'] > div > table tr > td[id*='confirmed_pin']:before {
    /* background */
    height: 100%;
    background-image: url(../img/black/visibility_on.svg);
    background-position-y: 55%;
    background-repeat: no-repeat;
    background-size: 4vw;
}

td[class*='internal-table'] > div > [class*='no-header'] > div > table tr > td[class*='txt_password']:before, td[class*='internal-table'][class*='no-header'] > div > table tr > td[id*='old_pin'][class*=visibility-on]:before, td[class*='internal-table'][class*='no-header'] > div > table tr > td[id*='new_pin'][class*=visibility-on]:before, td[class*='internal-table'][class*='no-header'] > div > table tr > td[id*='confirmed_pin'][class*=visibility-on]:before {
    /* background */
    background-image: url(../img/black/visibility_off.svg);
}

td[class*='internal-table'] > div > [class*='no-header'] > div > table tr > td[class*='txt_password']:before, td[class*='internal-table'][class*='no-header'] > div > table tr > td[id*='old_pin'][class*=active]:before, td[class*='internal-table'][class*='no-header'] > div > table tr > td[id*='new_pin'][class*=active]:before, td[class*='internal-table'][class*='no-header'] > div > table tr > td[id*='confirmed_pin'][class*=active]:before {
    filter: invert(100%);
    /* transition: all ease 2.3s; */
    color: #000;
}

textarea#textinput.txt_password,
td[class*='txt_password'] > div {
    -webkit-text-security: disc;
}
td[class*='internal-table'][class*='no-header'] > div > table tr[class*=no-border], td[class*='internal-table'][class*='no-header'] > div > table tr[class*=no-border] td {
    border: 0px solid black !important;
}
/* INTERNAL GRID LAYOUT */
/* (SETTINGS) */
td[class*='internal-table'][class*='no-header'] > div > table tr > td[class*='direct_payment_always']:before, td[class*='internal-table'][class*='no-header'] > div > table tr > td[class*='customer_mode']:before,
td[class*='internal-table'][class*='no-header'] > div > table tr > td[class*='dispensing_mode']:before,
td[class*='internal-table'][class*='no-header'] > div > table tr > td[class*='item_switch']:before, td[class*='internal-table'][class*='no-header'] > div > table tr > td[class*='assist_mode']:before,
td[class*='internal-table'][class*='no-header'] > div > table tr > td[class*='payments_queue']:before,
td[class*='internal-table'][class*='no-header'] > div > table tr > td[class*='partial_change']:before,
td[class*='internal-table'][class*='no-header'] > div > table tr > td[class*='cancelbuttonalwaysshowed']:before,
td[class*='internal-table'][class*='no-header'] > div > table tr > td[class*='moneychanger']:before,
td[class*='internal-table'][class*='no-header'] > div > table tr > td[class*='autoresetcashboxcounters']:before,
td[class*='internal-table'][class*='no-header'] > div > table tr > td[class*='applicationtimeout']:before {
    content: attr(data-before);
}
/* INTERNAL GRID TEMPLATE */
/* (SETTINGS) */
table[id=settings].tbl-no-header td:nth-child(1) {
    width: 60%;
    text-align: right;
}

table[id=settings].tbl-no-header td:nth-child(2), table[id=settings].tbl-no-header td:nth-child(3) {
    width: 20.00%;
    text-align: center;
}
/* INTERNAL GRID TEMPLATE */
/* (WARNINGS) */
table[id=warnings].tbl-no-header td[class*='txt_field_multiline'] {
    width: 66%;
    text-align: left !important;
}

table[id=warnings].tbl-no-header td:nth-child(1) {
    /* width: 66%; */
    text-align: right;
    max-width: 0;
    overflow: hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
}

table[id=warnings].tbl-no-header td:nth-child(2), table[id=warnings].tbl-no-header td:nth-child(3) {
    width: 17.00%;
    text-align: center;
}
/* SWITCH */
td.switch > div {
    width: 100%;
    height: 100%;
}

    td.switch > div div {
        width: 50%;
        height: 100%;
        float: left;
        position: relative;
        top: 50%;
        position: relative;
        z-index: 1;
        color: #fff;
    }

    td.switch > div:before {
        content: "";
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        border: 2px solid rgba(255,255,255,1) !important;
        background-color: rgba(158,158,158,1) !important;
        transition: all ease 0.6s;
        border-radius: 0.3vw;
    }
    
    td.switch > div:after {
        content: "";
        position: absolute;
        top: 2px;
        bottom: 2px;
        background-color: rgba(244,67,54,0.8) !important;
        background-color: rgba(246,104,94,1) !important;
        transition: all ease 0.6s;
        border-radius: 0.3vw;
    }

td.switch[switch=off] > div:after {
    left: 50%;
    right: 2px;
}

td.switch[switch=on] > div:after {
    left: 2px;
    right: 50%;
}

td[disabled].switch > div {
    color: inherit !important;
}

td[disabled].switch > div:after,
td[disabled].switch > div:before {
    background-color: rgba(255,255,255,1) !important;
}

td.buttonselect > div {
    width: 100%;
    height: 100%;
    float: left;
    position: relative;
    top: 50%;
    z-index: 1;
    color: #fff;
    font-size: 4vw !important;
    padding: 0em !important;
}

    td.buttonselect > div :after {
        background-color: rgba(246,104,94,1) !important;
    }
/* GRID LAYOUT */
/* (NO THEME) */
table [class*=grid-page]:not([class*=-theme]) > tbody > tr > td[id*=cmd-]:nth-last-child(1):before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    border: 2px solid rgba(158,158,158,1) !important;
    border-radius: 0 0 1vw 1vw;
    z-index: -1;
    transform: initial;
    width: initial;
}

table[class*=grid-page]:not([class*=-theme]) > tbody > tr > td[id*=cmd-]:nth-last-child(1):after {
    content: "";
    position: absolute;
    top: 4px;
    bottom: 2px;
    left: 2px;
    right: 2px;
    border: 2px solid rgba(255,255,255,1) !important;
    border-radius: 0vw 0vw 1vw 1vw;
    background-color: rgba(158,158,158,1) !important;
    z-index: -1;
}

table[class*=grid-page]:not([class*=-theme]) > tbody > tr > td[id*=cmd-][class*=outline]:nth-last-child(1):after {
    content: "";
    position: absolute;
    top: 4px;
    bottom: 2px;
    left: 2px;
    right: 2px;
    border: 5px solid rgba(246,104,94,1) !important;
    border-radius: 1vw 1vw 1vw 1vw;
    background-color: rgba(0,0,0,0) !important;
    z-index: -1;
}

/* table[class*=grid-page]:not([class*=-theme]) > tbody > tr > td[id*=cmd-][class*=outline], table[class*=grid-page]:not([class*=-theme]) > tbody > tr > td[id*=cmd-]:nth-last-child(1) {
    transform: initial;
    transition: all ease 1.6s;
    transition: transform 1s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

table[class*=grid-page]:not([class*=-theme]) > tbody > tr > td[id=cmd-home][class*=hidden] {
    transform: translateY(-100%) scaleY(0.0);
    transition: all ease 1.6s;
    transition: transform 1s cubic-bezier(0.175, 0.885, 0.32, 1.275);
} */

/*
table[class*=grid-page]:not([class*=-theme]) > tbody > tr > td[id*=cmd-][class*=hidden]:nth-last-child(1) {
    transform: translateY(-100%) scaleY(0.0);
    transition: all ease 1.6s;
    transition: transform 1s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}
*/
table[class*=grid-page]:not([class*=-theme]) > tbody > tr > td[class*=active][id*='cmd-']:not([disabled]):after, table[class*=grid-page]:not([class*=-theme]) > tbody > tr > td[class*=active][class*=cmd-]:not([disabled]):after, table[class*=grid-page]:not([class*=-theme]) > tbody > tr > td:not([disabled]) > div[class*=active][class*=cmd-]:after {
    background-color: rgba(246,104,94,1) !important;
}

table[class*=grid-page]:not([class*=-theme]) > tbody > tr > td:not([disabled]) > div[class*=outline][class*=cmd-]:after {
    background-color: rgba(244,67,54,0) !important;
}

table[class*=grid-page]:not([class*=-theme]) > tbody > tr > td[class*=active][class*=cmd-hover]:after, table[class*=grid-page]:not([class*=-theme]) > tbody > tr > td[class*=active][id*='cmd-']:not([disabled]):hover:after, table[class*=grid-page]:not([class*=-theme]) > tbody > tr > td[class*=active][class*=cmd-]:not([disabled]):hover:after, table[class*=grid-page]:not([class*=-theme]) > tbody > tr > td:not([disabled]) > div[class*=active][class*=cmd-]:hover:after {
    background-color: rgba(244,67,54,1) !important;
    transition: .2s;
}

/* INTERNAL GRID LAYOUT */
/* (BOOKED_PAYMENT) */
td[class*='internal-table'][class*='no-header'] > div > table[id=booked_payments] tr:nth-last-child(1), td[class*='internal-table'][class*='no-header'] > div > table[id=booked_payments] tr:nth-last-child(1) td {
    border-bottom: 0px solid rgba(158,158,158,1) !important;
}

td[class*="internal-table"][class*="no-header"] > div > table[id=booked_payments] tr td:not([class*=cmd-]) > div {
    font-size: 3.5vw !important;
    text-align: right;
    width: 50vw;
    top: 3.0vw;
}

td[class*="internal-table"][class*="no-header"] > div > table[id=booked_payments] tr td[class*=cmd-] > div {
    font-size: 2.5vw !important;
}

td[class*='internal-table'][class*='no-header'] > div > table[id=booked_payments] tr td[class*='img-currency'][class*='black'] {
    background-position-x: 1.5vw;
    background-position-y: 78%;
    background-repeat: no-repeat;
    background-size: 5vw;
    /**/
    /*background-position-x: 95%;*/
    background-position-y: 90%;
    background: none;
}

    td[class*='internal-table'][class*='no-header'] > div > table[id=booked_payments] tr td[class*='img-currency'][class*='black']:after {
        content: "";
        position: absolute;
        top: 0%;
        left: 0%;
        bottom: 0;
        right: 0;
        background-position-x: 1.5vw;
        background-position-y: 78%;
        background-repeat: no-repeat;
        background-size: 5vw;
        /*background-position-x: 95%;*/
        background-position-y: 90%;
        opacity: .5;
    }

td[class*='internal-table'][class*='no-header'] > div > table tr > td[class*='item_grid']:before {
    content: attr(data-before);
}

td[class*='internal-table'][class*='no-header'] > div > table tr[_status*='running'] > td[class*='item_grid']:before {
    content: attr(data-before);
    color: #084298;
    display: inline-block;
    padding: 0.15em 0.15em;
    line-height: 1;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: 0.5rem;
    background-color: #cfe2ff !important;
}

td[class*='internal-table'][class*='no-header'] > div > table tr[_status*='error'] > td[class*='item_grid']:before {
    content: attr(data-before);
    color: #084298;
    display: inline-block;
    padding: 0.15em 0.15em;
    line-height: 1;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: 0.5rem;
    background-color: #ffc107 !important;
}

td[class*='internal-table'][class*='no-header'] > div > table tr[id*='row-'] > td:before {
    content: attr(data-before);
}
/* INTERNAL GRID TEMPLATE */
/* (BOOKED_PAYMENT) */
table[id=booked_payments].tbl-no-header td:nth-child(1) {
    /*width: 70%;*/
    /*text-align: right;*/
}

table[id=booked_payments].tbl-no-header td:nth-child(2), table[id=booked_payments].tbl-no-header td:nth-child(3), table[id=booked_payments].tbl-no-header td:nth-child(4) {
    width: 8%;
    text-align: center;
}
/* INTERNAL GRID LAYOUT - plugintable */
td[class*="internal-table"][class*="no-header"] > div > table[id=plugintable] tr[disabled], td[class*="internal-table"][class*="no-header"] > div > table[id=plugintable] tr[disabled] td td[class*="internal-table"][class*="no-header"] > div > table[id=booked_payments] tr[disabled], td[class*="internal-table"][class*="no-header"] > div > table[id=booked_payments] tr[disabled] td {
    visibility: hidden;
    border-bottom: 0px solid rgba(158,158,158,1) !important;
}

table[id=plugintable].tbl-no-header td:nth-child(1) {
    max-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
table[id=plugintable].tbl-no-header td:nth-child(1) > div {    
}

table[id=plugintable].tbl-no-header td:nth-child(2)
/*table[id=plugintable].tbl-no-header td:nth-child(3),
table[id=plugintable].tbl-no-header td:nth-child(4),
table[id=plugintable].tbl-no-header td:nth-child(5)*/ 
{
    width: 9.09091%;
    text-align: center;
}

/* INTERNAL GRID LAYOUT - methodinvoketable */
td[class*="internal-table"][class*="no-header"] > div > table[id=methodinvoketable] tr[disabled], td[class*="internal-table"][class*="no-header"] > div > table[id=methodinvoketable] tr[disabled] td td[class*="internal-table"][class*="no-header"] > div > table[id=booked_payments] tr[disabled], td[class*="internal-table"][class*="no-header"] > div > table[id=booked_payments] tr[disabled] td {
    visibility: hidden;
    border-bottom: 0px solid rgba(158,158,158,1) !important;
}

table[id=methodinvoketable].tbl-no-header td:nth-child(1) {
    max-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

table[id=methodinvoketable].tbl-no-header td:nth-child(1) > div {        
}

table[id=methodinvoketable].tbl-no-header td:nth-child(1) > div[class*=subtitle] {
    content: attr(data-before);
    color: #084298;
    /*display: inline-block;*/
    padding: 0.15em 0.15em;
    line-height: 1;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: 0.5rem;
    background-color: #cfe2ff;
    height:fit-content;
}

table[id=methodinvoketable][class*="no-header"] div[class*=subtitle] {
    top: 3vw;    
    left: 1.5vw;
}

table [id=methodinvoketable].tbl-no-header td:nth-child(2) {
width: 9.09091%;
text-align: center;
}

/* INTERNAL GRID LAYOUT - pluginlist */
td[class*="internal-table"][class*="no-header"] > div > table[id=pluginlist] tr[disabled], td[class*="internal-table"][class*="no-header"] > div > table[id=pluginlist] tr[disabled] td td[class*="internal-table"][class*="no-header"] > div > table[id=booked_payments] tr[disabled], td[class*="internal-table"][class*="no-header"] > div > table[id=booked_payments] tr[disabled] td {
    visibility: hidden;
    border-bottom: 0px solid rgba(158,158,158,1) !important;
}

table[id=pluginlist].tbl-no-header td:nth-child(1) {
}

table[id=pluginlist].tbl-no-header td:nth-child(1) > div {
}

table[id=pluginlist].tbl-no-header td:nth-child(2),
table[id=pluginlist].tbl-no-header td:nth-child(3),
table[id=pluginlist].tbl-no-header td:nth-child(4),
table[id=pluginlist].tbl-no-header td:nth-child(5) {
    width: 9.09091%;
    text-align: center;
}

table[id=functionaltesttable].tbl-no-header td:nth-child(2) {
    width: 9.09091%;
    text-align: center;
}

/* INTERNAL GRID LAYOUT - changerdenomination */
td[class*="internal-table"][class*="no-header"] > div > table[id=changerdspcontainer] > tbody > tr:nth-child(1) > td {
    height: 16%;
}

td[class*="internal-table"][class*="no-header"] > div > table[id=changerdspcontainer] > tbody > tr:nth-child(2) > td {
    height: 16%;    
}
td[class*="internal-table"][class*="no-header"] > div > table[id=changerdspcontainer] > tbody > tr:nth-child(3) > td {
    height: 63%;    
}

td[class*='internal-table'][class*='no-header'] > div > table[id=changerdenomination] tr > td[id*='cmd-']:after {
    border: 0px;
}

td[class*="internal-table"][class*="no-header"] > div > table[id=changerdspcontainer] > tbody > tr:nth-child(n+2) > td {
    background-color: #607d8b !important;
}


td[class*="internal-table"][class*="no-header"] > div > table[id=changerdspcontainer] tr td > div {
    padding: 0 0;
    padding-top: 0px;
}
td[class*="internal-table"][class*="no-header"] > div > table[id=changerdspcontainer] {    
    border-spacing: 0px;

}

td[class*="internal-table"][class*="no-header"] > div > table[id=changerdspcontainer],
td[class*="internal-table"][class*="no-header"] > div > table[id=changerdenomination] {
    table-layout: fixed;
}

td[class*="internal-table"][class*="no-header"] > div > table[id=changerdspcontainer] tr > td[id*='cmd-'][disabled]:after,
td[class*="internal-table"][class*="no-header"] > div > table[id=changerdenomination] tr > td[id*='cmd-'][disabled]:after {
    display: none;
}

td[class*="internal-table"][class*="no-header"] > div > table[id=changerdspcontainer] tr:nth-child(n) td,
td[class*="internal-table"][class*="no-header"] > div > table[id=changerdspcontainer] tr:nth-child(n),
td[class*="internal-table"][class*="no-header"] > div > table[id=changerdenomination] tr:nth-child(n) td,
td[class*="internal-table"][class*="no-header"] > div > table[id=changerdenomination] tr:nth-child(n) {
    border-bottom: unset !important;
}


/* INTERNAL GRID LAYOUT */
/* (QUICK-GUIDE) */
td[class*='internal-table'] > div > table.tbl-quick_guide td, td[class*='internal-table'] > div > table.tbl-quick_guide tr, td[class*='internal-table'] > div > table.tbl-quick_guide tr:nth-child(1), td[class*='internal-table'] > div > table.tbl-quick_guide tr:nth-child(1) td {
    border: 0px solid rgba(158,158,158,1) !important;
}

    td[class*="internal-table"] > div > table.tbl-quick_guide tr td:not([id*='cmd-']):not([class*='cmd-']) > div {
        padding: 0 1.75vw;
        padding-top: 0.0vw;
        font-size: 2.0vw;
        position: relative;
        line-height: initial;
    }
    /* INTERNAL GRID TEMPLATE */
    /* (QUICK-GUIDE) */
    td[class*='internal-table'] > div > table.tbl-quick_guide tr:nth-child(2), td[class*='internal-table'] > div > table.tbl-quick_guide tr:nth-child(2) td {
        height: 60%;
        text-align: right;
    }

    td[class*='internal-table'] > div > table.tbl-quick_guide tr:nth-child(1), td[class*='internal-table'] > div > table.tbl-quick_guide tr:nth-child(1) td {
        height: 20%;
        text-align: center;
    }

    td[class*='internal-table'] > div > table.tbl-quick_guide tr:nth-child(3), td[class*='internal-table'] > div > table.tbl-quick_guide tr:nth-child(3) td {
        height: 20%;
        text-align: center;
    }

/* INTERNAL GRID TEMPLATE */
    /* (CHANGER DISPLAY) */

td[class*='internal-table'][class$='changerdsp'] > div > table td,
td[class*='internal-table'][class$='changerdsp'] > div > table tr,
td[class*='internal-table'][class$='changerdsp'] > div > table tr:nth-child(1),
td[class*='internal-table'][class$='changerdsp'] > div > table tr:nth-child(1) td {
    /* border */
    border: 0px solid rgba(178,178,178,1) !important;
    border: 0px solid rgba(158,158,158,1) !important;
    border-radius: 0;
    /* text */
    padding: 0px;
}

    td[class*='internal-table'][class$='changerdsp'] > div > table tr:nth-child(1) td > div,
    td[class*='internal-table'][class$='changerdsp'] > div > table td > div {
        font-family: 'Roboto-Bold';
        font-size: 2.5vw;        
        padding: 0 0.75vw;
    }

    td[class*='internal-table'][class$='changerdsp'] > div > table td > div {
        color:white;
    }

    td[class*='internal-table'][class$='changerdsp'] > div > table  td[class*='warning'] > div {
        color:red;
    }

    td[class*='internal-table'][class$='changerdsp'] > div > table tr:nth-child(2n+1) td > div {
        padding: 0 1.75vw;
        font-size: 4.0vw;
        color: #fff;
        padding-top: 4.0vw;
    }

    td[class*='internal-table'][class$='changerdsp'] > div > table tr:nth-child(1) td > div {
        padding: 0 1.75vw;
        font-size: 5vw;
        color: #fff;
        padding-top: 7.4vw;
    }


    td[class*='internal-table'][class$='changerdsp'] > div > table tr:nth-child(2) td[class*='img-currency'],
    td[class*='internal-table'][class$='changerdsp'] > div > table tr:nth-child(1) td[class*='img-currency'] {
        background-position-x: 1.5vw;
        background-position-y: 78%;
        background-repeat: no-repeat;
        background-size: 5vw;
    }
    
    td[class*='internal-table'][class$='changerdsp'] > div > table tr:nth-child(2n+0),
    td[class*='internal-table'][class$='changerdsp'] > div > table tr:nth-child(2n+0) td {
        height: 0%;
        text-align: left;
        border: 0px solid rgba(178,178,178,0.8) !important;
        border: 0px solid rgba(158,158,158,0.8) !important;
    }
    

    td[class*='internal-table'][class$='changerdsp'] > div > table tr:nth-child(2n+1) > td[class*='withdrawal'] {
        display: none;
    }

    /*
    td[class*='internal-table'][class$$='changerdsp'] > div > table tr:nth-child(2n+1):not([class*='withdrawal']),
    td[class*='internal-table'][class$$='changerdsp'] > div > table tr:nth-child(2n+1) td:not([class*='withdrawal']) {
        height: 15%;
        text-align: right;
        background-color: rgba(108,108,108,0.6);
    }
    */

    td[class*='internal-table'][class$='changerdsp'] > div > table tr:nth-child(2n+1) > td[class*='remaining'] {
        background-color: rgba(249,168,37,1) !important;
    }

    td[class*='internal-table'][class$='changerdsp'] > div > table tr:nth-child(2n+1) > td[class*='dispensing'] {
        background-color: rgba(76,175,80,1) !important;
    }


    td[class*='internal-table'][class$='changerdsp'] > div > table tr:nth-child(1), 
    td[class*='internal-table'][class$='changerdsp'] > div > table tr:nth-child(1) td {
        height: 70%;
        text-align: right;        
    }

    td[class*='internal-table'][class$='changerdsp'] > div > table tr:nth-child(2), 
    td[class*='internal-table'][class$='changerdsp'] > div > table tr:nth-child(2) td {
        height: 30%;
        text-align: right;        
    }

    td[class*='internal-table'][class$='changerdsp'] > div > table tr:nth-child(n), 
    td[class*='internal-table'][class$='changerdsp'] > div > table tr:nth-child(n) td {
        background-color:  rgba(76,175,80,1);
    }

    /* td[class*='internal-table'][class$='changerdsp'] > div > table tr:nth-child(n) > td[class*='warning'] {
         background-color: rgba(249,168,37,1) !important;        
    } */

table#changerdsp.terminated > tbody tr:nth-child(1) {
    background-color: rgba(108,108,108,0.6);
}

td[class*='internal-table'] > div > table[id=changerdspcontainer] tr:nth-child(n) > td:before,
td[class*='internal-table'][class$='changerdsp'] > div > table tr:nth-child(2n+1) > td:before {
    content: "";
    position: absolute;
    left: 1.5vw;
    right: auto;
    top: 1.0vw;
    bottom: auto;
    z-index: 1;
    color: rgba(255,255,255,1);
    font-size: 2.0vw;
    font-family: 'Roboto-Bold';
}

td[class*='internal-table'] > div > table[id=changerdspcontainer] tr:nth-child(n) > td[class*='choosedenominations']:before,
td[class*='internal-table'][class$='changerdsp'] > div > table tr:nth-child(2n+1) > td[class*='to_dispense']:before, 
td[class*='internal-table'][class$='changerdsp'] > div > table tr:nth-child(2n+1) > td[class*='dispensed']:before, 
td[class*='internal-table'][class$='changerdsp'] > div > table tr:nth-child(2n+1) > td[class*='not_dispensed']:before, 
td[class*='internal-table'][class$='changerdsp'] > div > table tr:nth-child(2n+1) > td[class*='to_pay']:before, 
td[class*='internal-table'][class$='changerdsp'] > div > table tr:nth-child(2n+1) > td[class*='paid']:before {
    content: attr(data-before);
}

td[class*='head'][class$='changerdspdenominations'] > div {
    background-color: #084298;
} 

td[class*='internal-table'][class$='changerdspdenominations'] > div > table tr:nth-child(n), 
td[class*='internal-table'][class$='changerdspdenominations'] > div > table tr:nth-child(n) td {
    /* height: 70%; */
    text-align: right;
    background-color:  rgb(230, 198, 17);
}

    /* INTERNAL GRID LAYOUT */
    /* (MONEY-CHANGER) */
td[class*='internal-table'] > div > table.tbl-moneychanger td,
td[class*='internal-table'] > div > table.tbl-moneychanger tr,
td[class*='internal-table'] > div > table.tbl-moneychanger tr:nth-child(n),
td[class*='internal-table'] > div > table.tbl-moneychanger tr:nth-child(n) td {
    border: 0px solid rgba(158,158,158,1) !important;    
}

td[class*='internal-table'] > div > table.tbl-moneychanger tr:nth-child(n) td:nth-child(1) {
    /* border: 5px solid white !important;     */
    /* background-color: #2196f3; */
    
}


td[class*="internal-table"] > div > table.tbl-moneychanger tr td:not([id*='cmd-']):not([class*='cmd-']) > div {
    padding: 0 1.75vw;
    padding-top: 0.0vw;
    font-size: 3.0vw;
    position: relative;
    line-height: initial;
}

    

    /* INTERNAL GRID TEMPLATE */
    /* (MONEY CHANGER) */
    td[class*='internal-table'] > div > table.tbl-moneychanger {
        table-layout: fixed;
    }

    td[class*='internal-table'] > div > table.tbl-moneychanger tr[denomination] > td:nth-child(1)::after {
        /* border-radius: 5vw;      */
        border-top-left-radius: 1vw;        
        border-bottom-left-radius: 1vw;           
    }
    
    
    td[class*='internal-table'] > div > table.tbl-moneychanger tr:nth-child(n), 
    td[class*='internal-table'] > div > table.tbl-moneychanger tr:nth-child(n) td {
        height: 20%;
        text-align: center;        
    }
    
    td[class*='internal-table'] > div > table.tbl-moneychanger tr:nth-child(n) td:nth-child(2) {        
        text-align: right;        
    }

td[class*='internal-table'] > div > table.tbl-moneychanger tr:nth-last-child(1),
td[class*='internal-table'] > div > table.tbl-moneychanger tr:nth-last-child(1) td {
    height: 20%;
    text-align: center;
}

td[class*="internal-table"] > div > table.tbl-moneychanger tr td[class*='cmd-'] {
    text-align: center;
}

td[class*="internal-table"] > div > table.tbl-moneychanger tr td[class*='cmd-']:after {
    text-align: center;
    /* background-color:rgba(158,158,158,1) !important; */
    background-color: #00bcd4 !important;
}
 
/* INTERNAL GRID LAYOUT */
/* (Vertical PAGING) */
td[class*="internal-table"][class*=v-paging] > div > table tr, td[class*="internal-table"][class*=v-paging] > div > table tr td {
    border: none !important;
}

    td[class*="internal-table"][class*=v-paging] > div > table tr td[id*='cmd-']:after {
        content: "";
        position: absolute;
        left: 0px;
        right: 0px;
        top: 0px;
        bottom: 0px;
        z-index: -1;
        background-color: rgba(158,158,158,0.8) !important;
        border: 2px solid rgba(255,255,255,1);
        border-radius: 0.3vw;
    }

td[class*="internal-table"][class*=v-paging] > div > table.tbl-paging td:nth-child(1), td[class*="internal-table"][class*=v-paging] > div > table.tbl-paging td:nth-child(2) {
    width: 10%;
    /*padding: 5vw 0 0 0;*/
    height: 0%;
}

td[class*="internal-table"][class*="v-paging"] > div > table tr td[id*="cmd-"][disabled]::after {
    background-color: rgba(158,158,158,0.4) !important;
    transition: all ease 1.6s;
}

td[class*="internal-table"][class*="v-paging"] > div > table tr td[id*="cmd-prev-page"]::after {
    background-color: rgba(158,158,158,0.8) !important;
    border: 2px solid rgba(255,255,255,1);
    border-radius: 10.3vw 0.3vw 0.3vw 0.3vw;
}

td[class*="internal-table"][class*="v-paging"] > div > table tr td[id*="cmd-next-page"]::after {
    background-color: rgba(158,158,158,1) !important;
    border: 2px solid rgba(255,255,255,1);
    border-radius: 0.3vw 0.3vw 0.3vw 10.3vw;
}

td[class*="internal-table"][class*=v-paging] > div > table tr > td[id*="cmd-prev-page"]::before, td[class*="internal-table"][class*=v-paging] > div > table tr > td[class*="cmd-prev-page"]::before, td[class*="internal-table"][class*=v-paging] > div > table tr > td > div[class*="cmd-prev-page"]::before {
    content: "";
    position: absolute;
    top: 1vw;
    bottom: 0vw;
    left: 1vw;
    right: 0vw;
    z-index: 1;
}

td[class*="internal-table"][class*=v-paging] > div > table tr > td[id*="cmd-next-page"]::before, td[class*="internal-table"][class*=v-paging] > div > table tr > td[class*="cmd-next-page"]::before, td[class*="internal-table"][class*=v-paging] > div > table tr > td > div[class*="cmd-next-page"]::before {
    content: "";
    position: absolute;
    top: 0vw;
    bottom: 1vw;
    left: 1vw;
    right: 0vw;
    z-index: 1;
}

td[class*="internal-table"][class*=v-paging] > div > table tr > td[id*="page-index"], td[class*="internal-table"][class*=v-paging] > div > table tr > td[class*="page-index"] {
    position: absolute;
    top: 18vw;
    bottom: 0vw;
    left: -9vw;
    right: 0vw;
    z-index: 0;
    width: 100% !important;
    /**/
    position: absolute;
    top: 18vw;
    bottom: 0vw;
    left: 0%;
    right: 0vw;
    z-index: 1;
    width: 100% !important;
}

td[class*="internal-table"][class*="v-paging"] > div > table tr td[id*="page-index"]::after {
    content: "";
    position: absolute;
    left: 0px;
    right: 0px;
    top: -1.50vw;
    bottom: 0px;
    z-index: -1;
    background-color: rgba(255,255,255,.4) !important;
    border-radius: 1.3vw 0.3vw 0.3vw 1.3vw;
    height: 3vw;
}

td[class*="internal-table"][class*=v-paging] > div > table {
    transform: rotateZ(0deg);
    transition: all ease 1.6s;
    transition: transform 1s cubic-bezier(.25, .1, .25, 1);
    transform-origin: 100% 66%;
}

    td[class*="internal-table"][class*=v-paging] > div > table[class*=hidden] {
        transform: rotateZ(-180deg);
    }

[class*="label"][class*="normal"] {
    line-height: 3.0vw;
}

    [class*="label"][class*="normal"] > div {
        position: relative;
        left: 0%;
        top: 0%;
        bottom: 0%;
        text-align: left;
        font-size: 1.5vw;
        font-family: 'Roboto';
    }

    [class*="label"][class*="normal"][class*="headline"] > div:before {
        content: "";
        left: 0px;
        right: 0px;
        top: 0px;
        bottom: 0px;
        z-index: -1;
        background-color: rgba(158,158,158,0.8) !important;
        border-radius: 0.3vw;
        margin: 0 5% 0 5%;
        padding: 0.3vw 1vw;
        color: #fff;
        font-family: 'Roboto-Bold';
    }

    [class*="label"][class*="normal"][class*="headline"] > div[id='']:before {
        background-color: rgba(158,158,158,0) !important;
    }

    [class*="label"][class*="normal"] > div[id*='device_firmware_details']::before, [class*="label"][class*="normal"] > div[id*='device_model']::before, [class*="label"][class*="normal"] > div[id*='device_serial']::before, [class*="label"][class*="normal"] > div[id*='device_drv_version']::before, [class*="label"][class*="normal"] > div[id*='device_fw_version']::before, [class*="label"][class*="normal"] > div[id*='device_active']::before, [class*="label"][class*="normal"] > div[id*='factory_name']::before, [class*="label"][class*="normal"] > div[id*='factory_email']::before, [class*="label"][class*="normal"] > div[id*='factory_www']::before {
        content: attr(data-before);
    }
/* INTERNAL GRID LAYOUT */
/* (FIRST_CONFIGURATION) */
td[class*='internal-table'][class*='no-header'] > div > table[id=device_models] tr:nth-last-child(1), td[class*='internal-table'][class*='no-header'] > div > table[id=device_models] tr:nth-last-child(1) td {
    border-bottom: 0px solid rgba(158,158,158,1) !important;
}

td[class*="internal-table"][class*="no-header"] > div > table[id=device_models] tr[disabled], td[class*="internal-table"][class*="no-header"] > div > table[id=device_models] tr[disabled] td {
    visibility: hidden;
    border-bottom: 0px solid rgba(158,158,158,1) !important;
}
/* INTERNAL GRID TEMPLATE */
/* (FIRST_CONFIGURATION) */
table[id=device_models].tbl-no-header td:nth-child(1) {
    width: 70%;
    /*text-align: right;*/
}

table[id=device_models].tbl-no-header td:nth-child(2), table[id=device_models].tbl-no-header td:nth-child(3) {
    width: 10%;
    text-align: center;
}

table[id=device_models].tbl-no-header td:last-child[disabled] > div {
    background-image: none;
}

td[class*='internal-table'][class*='no-header'] > div > table tr > td[id*='device_model']:before, td[class*='internal-table'][class*='no-header'] > div > table tr > td[id*='device_serial']:before, td[class*='internal-table'][class*='no-header'] > div > table tr > td[id*='activation_key']:before, td[class*='internal-table'][class*='no-header'] > div > table tr > td[id*='activation_code']:before {
    content: attr(data-before);
}

td[class*="internal-table"][class*="no-header"] > div > table[id=device_activation] tr > td[class*="active"]:not([id*="cmd-"]):not([class*="cmd-"])::after {
    transition: all ease 1.6s;
    box-shadow: inset -80vw 0 0 0 rgba(244,67,54,0.8);
}

td[class*="internal-table"][class*="no-header"] > div > table[id=device_activation] tr td > div {
    font-size: 3.25vw;
}
/* BUBBLE LAYOUT */
td[class*=bubble][class*=terminated] > div {
    background-color: #4CAF50 !important;
}

td[class*=bubble] > div {
    font-size: 2.0vw !important;
    text-align: center;
    line-height: 2.5vw !important;
    color: #fff !important;
    padding: 1vw !important;
    background-color: #F9A825;
    border-radius: 1vw;
    font-family: 'Roboto-Bold' !important;
}

td[class*=bubble][class*=minified] > div {
    width: 80%;
    margin: auto;
}

td[class*=bubble-][class*=terminated] > div:before {
    background-color: #4CAF50 !important;
}

td[class*=bubble-] > div:before {
    content: "";
    position: absolute;
    bottom: 0;
    right: 0;
    border-radius: .3vw;
    width: 2.8vw;
    height: 2.8vw;
    background-color: #F9A825;
    z-index: -1;
    transform: rotate(45deg);
}

td[class*="bubble-up"][class*="two-rows"] > div::before {
    top: 0%;
    left: 45%;
}

td[class*=bubble-right][class*=two-rows] > div:before {
    top: 50%;
    left: 95%;
}

td[class*=bubble-left-down][class*=two-rows] > div:before {
    top: 75%;
    left: 5%;
}

td[class*="bubble-right-down"][class*=one-row] > div::before {
    top: 55%;
    right: 5%;
}
/* PULSE EFFECT */
/* .pulse::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    bottom: 0;
    right: 0;
    border: 1.0vw solid #333333;
    border-radius: 50%;
    width: 4.5vw;
    height: 4.5vw;
    -webkit-animation: pulse 2.5s ease-out infinite normal;
    z-index: 1;
    will-change: transform;
} */

@-webkit-keyframes pulse {
    0% {
        -webkit-transform: scale(0.1);
        opacity: .8;
    }

    100% {
        -webkit-transform: scale(1);
        opacity: 0.99;
    }

    100% {
        -webkit-transform: scale(1);
        opacity: .0;
    }
}

/* td[class*=cash_in] > div[class*=pulse]:after {
    border: 1.0vw solid #1565C0 !important;
    background-color: #1E88E5 !important;
    transition: all ease 2.3s;
} */
/*
    td[class*=cash_in] > div[class*=pulse][class*=note]:after {
    top: -7.5vw;
    left: 11.5vw;
}
*/
/* td[class*=cash_in] > div[class*=pulse][class*=note]:after {
    top: -11vw;
    left: 8.3vw;
}

td[class*=cash_in] > div[class*=pulse][class*=coin]:after {
    top: -15.5vw;
    left: 19.6vw;
}

td[class*=cash_out] > div[class*=pulse]:after {
    border: 1.0vw solid #558B2F !important;
    background-color: #7CB342 !important;
    transition: all ease 2.3s;
} */
/*
td[class*=cash_out] > div[class*=pulse][class*=note]:after {
    top: -3.7vw;
    left: 11.5vw;
}
    */
/* td[class*=cash_out] > div[class*=pulse][class*=note]:after {
    top: -10.8vw;
    left: 8.3vw;
}
td[class*=cash_out] > div[class*=pulse][class*=coin]:after {
    top: 1.5vw;
    left: 19.7vw;
}

td[class*=terminated] > div[class*=pulse]:after {
    animation: none;
    opacity: 0;
} */

td[class*=payment-error] > div[class*=pulse]:after {
    border: 1.0vw solid rgba(255,0,0,.8) !important;
    background-color: rgba(255,0,0,.6) !important;
    transition: all ease 2.3s;
}

td[class*=payment-error] > div[class*=pulse][class*=note]:after {
    top: 1vw;
    left: 15.0vw;
}

td[class*=payment-error] > div[class*=pulse][class*=coin]:after {
    top: -1.4vw;
    left: 15vw;
}

#cmd-warnings-notification {
    /* filter: brightness(0.5) sepia(1) hue-rotate(140deg) saturate(6);*/
    background-image: url("../img/toast_error_warning.svg");
    /*
         filter: brightness(100) sepia(1) hue-rotate(-70deg) saturate(5);
    background-image: url("../img/toast_error_warning.svg");
    
     background-image: url("../img/alert-square.svg");

    
    background-color: yellow;
    -webkit-mask: url("../img/toast_error_warning.svg") no-repeat 50% 50%;    
        */
}

#cmd-warnings-notification.yellow {    
    background-image: url("../img/toast_yellow_warning.svg");    
}


    #cmd-warnings-notification.onlywarnings {
        background-image: url("../img/alert-square-fill.svg");
    }

        #cmd-warnings-notification.onlywarnings::before {
            display: none;
        }

    #cmd-warnings-notification.hidden {
        background-image: none;
    }

    #cmd-warnings-notification::before {
        display: block;
    }

    #cmd-warnings-notification.hidden::before {
        display: none;
    }

    #cmd-warnings-notification::before {
        content: "";
        position: absolute;
        top: 10%;
        left: 50%;
        bottom: 0;
        right: 0;
        border: .4vw solid #212121;
        border-radius: 50%;
        width: 2.5vw;
        height: 2.5vw;
        z-index: 1;
        will-change: transform;
        background-color: #f00;
        line-height: 2.4vw;
        /**/
        font-family: 'Roboto-Bold';
        font-size: 1.5vw;
        color: #212121;
    }

    #cmd-warnings-notification.yellow::before {
        background-color: #F9A825;
    }
        #cmd-warnings-notification::before {
        content: attr(data-before);
    }
/*
        #cmd-notifications > div {
        color: #212121;
        font-size: 2.0vw;
        top: -.35vw;
        position: relative;
        font-family: 'Roboto-Bold';
    }
    */
/*Grid for dialog*/
.grid-dialog {
    width: 100%;
    height: 100%;
    border-collapse: collapse;
    overflow: hidden;
}

    .grid-dialog tbody tr {
        /*height: 15.273%;*/
        /*height: 14.96528%;*/
        height: 16.66667%;
    }

.dialoggrid {
    display: grid;
    grid-template-columns: auto;
    grid-template-rows: auto;
    grid-gap: 0px;
    padding: 0px;
    text-align: center;
    height: inherit;
}
/*.dialoggrid {
    display: grid;
    grid-template-columns: auto;
    grid-template-rows: 40% 60% 40% 60% 40% 60%;
    grid-gap: 0px;
    padding: 0px;
    text-align: center;
    height: inherit;
}*/
.dialoggridcell {
    display: grid;
    grid-template-columns: 40% 60%;
    grid-template-rows: 100%;
    grid-gap: 0px;
    padding: 0px;
    text-align: left !important;
    vertical-align: middle !important;
    align-items: center;
}
/* ASSETS */
.img-default {
    background-image: url("../img/twotone-add_a_photo-24px.svg");
}

.img-logo {
    background-image: url("../img/safemoney_logo.svg");
    background-size: 7vw;
}

.img-logo_factory {
    background-image: url("../img/safemoney_logo_factory.svg");
    background-size: 20vw;
    background-position-x: center;
    background-position-y: bottom;
}

.img-device {
    background-image: url("../img/safemoney_icon.svg");    
    background-size: 30vw;
}
.img-device.cash_in {
    background-image: url("../img/safemoney_icon_acceptance.svg");    
    background-size: 30vw;
}
.img-device.cash_out {
    background-image: url("../img/safemoney_icon_refund.svg");    
    background-size: 30vw;
}


.img-notifications {
    background-image: url("../img/white/notifications.svg");
}

.img-backspace {
    background-image: url("../img/black/backspace.svg");
}

.img-reset {
    background-image: url("../img/black/reset.svg");
}

.img-confirm {
    background-image: url("../img/black/confirm.svg");
}

.img-assign {
    background-image: url("../img/white/assign.svg");
}

.img-backspace.white, .img-backspace.white::before {
    background-image: url("../img/white/backspace.svg");
}

.img-confirm.white, .img-confirm.white::before {
    background-image: url("../img/white/confirm.svg");
}

.img-currency.black, .img-currency.black::after {
    background-image: url("../img/black/euro_symbol.svg");
}

.img-currency.white {
    background-image: url("../img/white/euro_symbol.svg");
}

.img-reset.white, .img-reset.white::before {
    background-image: url("../img/white/reset.svg");
}

.img-currency.red {
    background-image: url("../img/red/euro_symbol.svg");
}

.img-route_none {
    background-image: url("../img/black/route_none.svg");
}

    .img-route_none.white {
        background-image: url("../img/white/route_none.svg");
    }

.img-route_recycle {
    background-image: url("../img/black/route_recycle.svg");
}

    .img-route_recycle.white {
        background-image: url("../img/white/route_recycle.svg");
    }

.img-route_deposit {
    background-image: url("../img/black/route_deposit.svg");
}

    .img-route_deposit.white {
        background-image: url("../img/white/route_deposit.svg");
    }

.img-visibility {
    /* background */
    background-image: url(../img/white/visibility_on.svg);
}

    .img-visibility.visibility-on {
        /* background */
        background-image: url(../img/white/visibility_off.svg);
    }
/* RIGHT SIDE MENU DARK-THEME */
.img-reload {
    background-image: url("../img/white/reload.svg");
}

.img-money {
    background-image: url("../img/white/money.svg");
}

.img-moneychanger {
    background-image: url("../img/white/moneychanger.svg");
}

.img-moneychanger-black {
    background-image: url("../img/black/moneychanger.svg");
}

.img-more {
    background-image: url("../img/white/more.svg");
}
/* RIGHT SIDE MENU LIGHT-THEME */
.img-home {
    background-image: url("../img/white/home.svg");
}

.img-back {
    background-image: url("../img/white/back.svg");
}

.img-forward {
    background-image: url("../img/white/forward.svg");
}

.img-page-up, .img-page-up::before {
    background-image: url("../img/white/page_up.svg");
}

.img-page-down, .img-page-down::before {
    background-image: url("../img/white/page_down.svg");
}

.img-page-prev, .img-page-prev::before {
    background-image: url("../img/white/page_prev.svg");
}

.img-page-next, .img-page-next::before {
    background-image: url("../img/white/page_next.svg");
}

.img-start {
    background-image: url("../img/white/start.svg");
}

.img-stop {
    background-image: url("../img/white/stop.svg");
}

.img-partial-empty {
    background-image: url("../img/white/partial_empty.svg");
}

.img-selector-cashtype {
    background-image: url("../img/white/change_circle-24px.svg");
}

.img-full-empty {
    background-image: url("../img/white/total_empty.svg");
}

.img-withdrawal-classic {
    background-image: url("../img/white/withdrawal_by_denomination.svg");
}

.img-keypad {
    background-image: url("../img/white/keypad.svg");
}

    .img-keypad.active {
        background-image: url("../img/black/keypad.svg");
        transition: 2s ease-out;
    }

.img-keypad_num {
    background-image: url("../img/white/keyb_numerical.svg");
}

.img-keypad_let {
    background-image: url("../img/white/keyb_letteral.svg");
}

.img-save {
    background-image: url("../img/white/save.svg");
}

.img-user_detail {
    background-image: url("../img/white/user_detail.svg");
}

.img-user_manage {
    background-image: url("../img/white/manage_accounts_24dp_FFFFFF_FILL0_wght400_GRAD0_opsz24.svg");
}

.img-user_add {
    background-image: url("../img/white/person_add_24dp_FFFFFF_FILL0_wght400_GRAD0_opsz24.svg");
}

.img-user_remove {
    background-image: url("../img/white/person_remove_24dp_FFFFFF_FILL0_wght400_GRAD0_opsz24.svg");
}

.img-user_pinchange {
    background-image: url("../img/white/password_24dp_FFFFFF_FILL0_wght400_GRAD0_opsz24.svg");
}

.img-one {
    background-image: url("../img/white/looks_one_white_24dp.svg");
}

.img-page_info {
    background-image: url("../img/white/page_info_24dp_FFFFFF_FILL0_wght400_GRAD0_opsz24.svg");
}

.img-reset_settings {
    background-image: url("../img/white/reset_settings_24dp_FFFFFF_FILL0_wght400_GRAD0_opsz24.svg");
}

.img-safemoney_green {
    background-image: url("../img/safemoney_green.svg");    
    background-size: contain;    
}

.img-safemoney_red {
    background-image: url("../img/safemoney_red.svg");    
    background-size: contain;    
}
    
.img-logo_ditronetwork {
    background-image: url("../img/logo_ditronetwork.svg");  
    background-size: contain;  
}

.img-demo_version {
    background-image: url("../img/demo_version.svg");    
    background-size: 70%;
}

/* BODY IMAGE(s) */
.img-reboot {
    background-color: black;
    -webkit-mask: url("../img/menu_reboot.svg") no-repeat 50% 50%;
    mask: url("../img/menu_reboot.svg") no-repeat 50% 50%;
    /*background-image: url("../img/menu_reboot.svg");*/
}

.img-shutdown {
    background-image: url("../img/menu_shutdown.svg");
}

.img-shutdownmenu {
    background-color: black;
    -webkit-mask: url("../img/menu_shutdown.svg") no-repeat 25% 25%;
    mask: url("../img/menu_shutdown.svg") no-repeat 25% 25%;
}

.img-management {
    background-image: url("../img/menu_management.svg");
}

.img-manual_loader {
    background-image: url("../img/menu_manual_loader.svg");
}

.img-automatic_loader {
    background-image: url("../img/menu_automatic_loader.svg");
}

.img-empty {
    background-image: url("../img/menu_empty.svg");
}

.img-counter_reset {
    background-image: url("../img/menu_counter_reset.svg");
}

    .img-counter_reset.note {
        background-image: url("../img/menu_notes_counter_reset.svg");
    }

    .img-counter_reset.coin {
        background-image: url("../img/menu_coins_counter_reset.svg");
    }

.img-counters_reset {
    background-image: url("../img/menu_counters_reset.svg");
}

.img-fast_withdrawal {
    background-image: url("../img/menu_fast_withdrawal.svg");
}

.img-withdrawal {
    background-image: url("../img/menu_withdrawal.svg");
}

.img-inventory {
    background-image: url("../img/menu_inventory.svg");
}

.img-transactionslog {
    background-image: url("../img/query_stats_black_24dp.svg");
}

.img-configuration {
    background-image: url("../img/menu_configuration.svg");
}

.img-users {
    background-image: url("../img/menu_users.svg");
}

.img-network {
    background-image: url("../img/menu_network.svg");
}

.img-settings {
    background-image: url("../img/menu_settings.svg");
}

.img-warnings {
    background-image: url("../img/menu_warnings.svg");
}

.img-plugin {
    background-image: url("../img/menu_plugin.svg");
    background-size: 40%;
}

.img-plugin.white {
    background-image: url("../img/white/extension_white_24dp.svg");
    background-size: 40%;
}

.img-plugin.white.hidden {
    background-image: none;
}

.img-operationsync.white {
    background-image: url("../img/white/sync_alt_black_24dp.svg");
    background-size: 40%;
    opacity: .5;
}

.img-operationsync.white.hidden {
    background-image: none;
}

.img-warnings.white {
    background-image: url("../img/white/warnings.svg");
}

.img-min_levels {
    background-image: url("../img/menu_min_levels.svg");
}

.img-max_levels {
    background-image: url("../img/menu_max_levels.svg");
}

.img-routing {
    background-image: url("../img/menu_routing.svg");
}

.img-testnotifier.white {
    background-image: url("../img/white/check.svg");
}

.img-email {
    background-image: url("../img/black/email.svg");
}

    .img-email.white {
        background-image: url("../img/white/email.svg");
    }

.img-longtermshutdown {
    background-color: black;
    -webkit-mask: url("../img/menu_longtermshutdown.svg") no-repeat 50% 50%;
    mask: url("../img/menu_longtermshutdown.svg") no-repeat 50% 50%;
    /*-webkit-mask: url("../img/menu_longtermshutdown.svg") no-repeat 100% 100%;
    mask: url("../img/menu_longtermshutdown.svg") no-repeat 100% 100%;
    -webkit-mask-size: cover;
    mask-size: cover;
    background-color: black;*/
    /*background-color: black;
    -webkit-mask: no-repeat url("../img/menu_longtermshutdown.svg");
    mask-image: url("../img/menu_longtermshutdown.svg");*/
    /*background-image: url("../img/menu_longtermshutdown.svg");
    background-color: black;*/
}

.img-language {
    background-image: url("../img/menu_language.svg");
}

.img-timezone {
    background-image: url("../img/time_zone_icon.svg");
}

.img-schedule {
    background-image: url("../img/restart.svg");
}


.img-info_white {
    background-image: url("../img/white/info_white_24dp.svg");
}

.img-maintenance {
    background-image: url("../img/menu_maintenance.svg");
}

.img-firmware_download {
    background-image: url("../img/firmware_download.svg");
    transform: scale(6);
}

.dialogrow {
    /*position: absolute;*/
    padding: 1vw !important;
    color: #212121 !important;
    font-size: 2.0vw;
    text-align: left !important;
}

.dialogrowimg {
    background-size: 3vw !important;
    padding: 1em !important;
}

.dialogrow.select {
    /*position: absolute;*/
    color: #fff !important;
    text-align: left !important;
    background-color: rgba(246,104,94,1) !important;
}

.ovltxtwarninghighlighted {
    background-color: #F9A825;
    border: none;
    color: white;
    padding: 2px 1vw;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    /*margin: 4px 1px;*/
    cursor: pointer;
    border-radius: .3vw;
    font-family: 'Roboto-Bold';
}

.ovltxtwarning {
    color: #F9A825;
    padding: 0px 2px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-weight: bold;
}

.ovltxterror {
    color: #f94f25;
    padding: 0px 2px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-weight: bold;
}


.txtpill {
    color: #F9A825;
    padding: 0px 2px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-weight: bold;
}

.img-power-low {
    background-image: url("../img/white/power_off-24px.svg");
    background-size: 40%;
    background-position: left;
}

    .img-power-low.hidden {
        background-image: none;
    }

.btn {
    display: inline-block;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    background-color: transparent;
    border: 1px solid transparent;
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    border-radius: 0.25rem;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    font-family: 'Roboto-Bold', 'HelveticaNeue-Light', 'HelveticaNeue', Helvetica, Arial, sans-serif;
    font-size: 2.5vw;
}

.btn-success {
    color: #fff;
    background-color: #4CAF50;
    border-color: #4CAF50;
    display: block;
    width: 100%;
    height: 100%;
}

.btn-danger {
    color: #fff;
    background-color: #dc3545;
    border-color: #dc3545;
    display: block;
    width: 100%;
    height: 100%;
}

.active.btn-green {
    background-color: #4CAF50 !important;
}

textarea {
    font-family: 'Roboto';
    resize: none;
    padding: 1.5vw;
    font-size: 1.5vw;
    text-align: left;
    line-height: initial;
}

#firmwarelist {
    overflow-y: scroll;
    border: none;
    width: 80%;
    height: 100%;
    padding: 0.5vw;
    margin-left: 10%;
    background: inherit;
}

td.roundcorners {
    border-radius: 2vw;
    height: 100%;
    color: white;
    font-family: 'Roboto-Bold';
    font-size: 2.6vw;
    text-align: center;
}

    td.roundcorners.blue {
        background-color: #0d6efd !important;
        border: 1vw solid #0d6efd !important;
    }

    td.roundcorners.blue-500 {
        background-color: #2196f3 !important;
        border: 1vw solid #2196f3 !important;
    }

    td.roundcorners.pink {
        background-color: #d63384 !important;
        border: 1vw solid #d63384 !important;
    }

    td.roundcorners.yellow {
        background-color: #ffc107 !important;
        border: 1vw solid #ffc107 !important;
    }

table.roundcorners {
    height: 100%;
    width: 100%;
}

.roundcorners table td {
    padding: 0px;
    line-height: 33%;
    vertical-align: middle;
    color: white;
}

#outdisplay[infolevel='error'] {
    color: #ff9800;
    font-size: 2.2vw;
}

#outdisplay[infolevel='info'] {
    color: #cddc39;
    font-size: 2.2vw;
}

.no-touch td[class*='internal-table'] > div > table tr > td[id*='cmd-dispensing_mode']:not([disabled]):hover:after,
td[class*='internal-table'][class*='no-header'] > div > table tr > td[id*='cmd-dispensing_mode']:after {
    background-color: rgba(158,158,158,1) !important;
}

#usermessage {
    color: red;
    size: 2vw;
    font-size: 5vw;
    line-height: initial;
}

table[id*='firmware_download'] td {
    background-color: black; 
    color: yellowgreen !important;   
}

table[id*='system_locked'] td#cmd-settings {
    background-color: #E64A19;    
}

td[class*='alerttable'] > div {
    width: 100%;
    height: 100%;
}

table[class*='alerttable'] {    
    width: 98%;
    height: 98%;
    border-collapse: collapse;
    padding: 0.15em 0.15em;
    white-space: nowrap;
    vertical-align: left;
    border-radius: 0.2rem;
    margin: auto;
    /*border-width: medium;
        border: 4px solid violet;*/
    border-spacing: 0 10px;    
    font-size: 2.4vw;
    font-family: Roboto-Bold;
    white-space: normal;
    text-align: left;
}

table[class*='alerttable'] tr,
table[class*='alerttable'] td {
    border: 3px solid white;
    border-radius: 10px;
}

table[class*='alerttable'] td > div:nth-child(1) {
    padding-left: 10px;
    text-align: left;
    font-weight: bold;
}
table[class*='alerttable'] >td > div[class*='title']:nth-child(1) {
    font-size: 1.6vw;
}

table[class*='alerttable'] td > div[class*='description']:nth-child(2) {
    padding-left: 20px;
    text-align: left;    
    font-size: 1.4vw;
}

table[class*='alerttable'] td > div[class*='question']:nth-child(n) {
    padding-left: 20px;
    text-align: left;    
    font-size: 1.4vw;
}

#row2 td:nth-child(2) > div:nth-child(2) {
    font-size: 1.0vw;
}

table[class*='alerttable'] td > div:nth-child(2) {
    padding-left: 0px;
    text-align: center;    
    font-size: 2.2vw;
}

.alerttable tr[class*="alert1"] > td {
    background-color: #880E4F;
    color :white;
}

.alerttable tr[class*="alert2"] > td {
    background-color: #AD1457;
    color :white;
}

.alerttable tr[class*="alert3"] > td  {
    background-color: #C2185B;
    color :white;
}

.alerttable tr[class*="alert4"] > td:nth-child(2) > div:nth-child(1),
.alerttable tr[class*="alert4"] > td:nth-child(3) > div:nth-child(1) {
    text-align: center;
}

.alerttable tr[class*="alert4"] > td:nth-child(2),
.alerttable tr[class*="alert4"] > td:nth-child(3) {
    background-color: #13d84e;
}


.alerttable tr[class*="alert4"] > td  {
    background-color: rgba(158, 158, 158, 0.8);
    color :white;
}

table[id*="lockinfo"] {
    table-layout: fixed;
}

.progress, progress[value] {
    width: 100%;
    border: none;
    margin: 5px 0;    
    display: block;
    appearance: none;
    -webkit-appearance: none;
  }

  progress[value]:before {
    display: inline;
    content: attr(value)"%";
    font-size: x-large;
    color: white;
}

#progress_text {
    color:white;
}
  .progress::-webkit-progress-bar, progress[value]::-webkit-progress-bar {
    background-color: #e2ecfe;
  }
  .progress::-webkit-progress-value, progress[value]::-webkit-progress-value {
    background-color: #387ef5;
  }
  
  .progress-materializecss {
    margin: 5px 0;
    position: relative;
    height: 4px;
    display: block;
    width: 100%;
    background-color: #e2ecfe;
    border-radius: 2px;
    margin: 0.5rem 0 1rem 0;
    overflow: hidden;
  }
  .progress-materializecss .indeterminate {
    background-color: #387ef5;
  }
  .progress-materializecss .indeterminate:before {
    content: "";
    position: absolute;
    background-color: inherit;
    top: 0;
    left: 0;
    bottom: 0;
    will-change: left, right;
    animation: indeterminate 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite;
  }

  .progress-materializecss .indeterminate:after {
    content: "";
    position: absolute;
    background-color: inherit;
    top: 0;
    left: 0;
    bottom: 0;
    will-change: left, right;
    animation: indeterminate-short 2.1s cubic-bezier(0.165, 0.84, 0.44, 1) infinite;
    animation-delay: 1.15s;
  }
  
  @keyframes indeterminate {
    0% {
      left: -35%;
      right: 100%;
    }
    60% {
      left: 100%;
      right: -90%;
    }
    100% {
      left: 100%;
      right: -90%;
    }
  }
  @keyframes indeterminate-short {
    0% {
      left: -200%;
      right: 100%;
    }
    60% {
      left: 107%;
      right: -8%;
    }
    100% {
      left: 107%;
      right: -8%;
    }
  }
 
  #progress-text {
    font-size: large;
    color: white;
  }
  .progress-container {
    width: 60%;
    margin: auto;
  }

  [progress-status="error"] {   
    color: red;
  }

  [progress-status="busy"] {
    color: yellow;
  }

  [progress-status="success"] {
    color: greenyellow;
  }

  .datetime-selector {    
    background-color: #EFEFEF;
    color: black !important;
    font-size: 3vw;
  }

  .datetime-selector > span {        
    color: black;    
  }

/* table.logfilter-table tr:nth-child(1) td
{
    border-bottom: 0px solid black !important;
} */

table.logfilter-table tr:nth-child(n+2) td:nth-child(1) > div
{    
    font-size: 2.2vw;
}

#logfilter_description {
    color: red;
    font-size: 2vw;
    text-align: left;
    padding-left: 2vw;
    font-family: sans-serif;
}

table.logfilter-table tr td[class*='txt_field'][class*='invalid'] > div {
    color: red;
}

#vkeyboard_title {
    color: gray;
}

#vkeyboard_subtitle {
    text-align: right;    
    color: gray;
    font-size: 2vw;
}
#vkeyboard_subtitle > div {
    display: inline;    
    vertical-align: middle;
}

#vkeyboard_subtitle > div > span {
    color: #ff9800;
    vertical-align: middle;
}
#vkeyboard_subtitle.disabled {
    display: none;
}

table[id*='setuprequest'] {
    background-color: #EEF0F2;
    border-radius: 5%;
    border: 1rem solid white;
    color: black;
}

table[id*='setuprequest'] tr td > div {
    color: black !important;
}

table#setuprequest div.qrcode {
    background-color: white;
    border-radius: 15px;
    padding: 1.5rem;    
}

#setupmessage {
    text-align: right;
    padding-right: 2vw;
    font-size: 2.3vw;
}

.custom-button {
    background-color: #FE6847; /* Colore di sfondo principale */
    color: black; /* Colore del testo */
    border: none; /* Rimuovi il bordo */
    padding: 15px 30px; /* Spaziatura interna del bottone */
    font-size: 2.5vw; /* Dimensione del testo */    
    font-family: 'Roboto';
    border-radius: 25px; /* Angoli arrotondati */
    cursor: pointer; /* Icona del cursore al passaggio */
    position: relative; /* Posizione per animazioni */
    z-index: 1; /* Sovrapposizione per evitare interferenze con altre animazioni */
    overflow: hidden; /* Evita che l'animazione si estenda oltre il bottone */
}

.custom-button::before {
    content: ""; 
    position: absolute;
    top: 50%;
    left: 50%;
    width: 300%;
    height: 300%;
    background-color: rgba(255, 255, 255, 0.2); /* Colore dell'animazione hover */
    border-radius: 50%;
    z-index: 0;
}

#infotest {
    color: #03a9f4;
    font-size: 2.5vw;
}