* {
            box-sizing: border-box;
        }
        input, select, button {
            outline: none;
        }
        select {
            -webkit-appearance: none;
            -moz-appearance: none;
            text-indent: 1px;
            text-overflow: '';
            z-index: 2;
        }
        select::-ms-expand {
            display: none;
        }
        .input-unselect {
            /*color:gray;*/
        }
        #design .preview {
            background-image: url('/config/background/back8.jpg');
            background-color: #004a8f;
            background-position: 0px 14px;
            background-size: 328px 192.2px;
            background-repeat: no-repeat;
        }
        #design .preview h2 {
            font-size: 10px;
            font-family: Arial;
            padding: 0px;
            color: white;
            background: transparent;
            cursor:default;
        }
        #design .preview h2:before {
            display:none;
        }
        #design .preview h3 {
            font-size: 14.4px;
            font-family: Arial;
            color: black;
            margin-top: 49px;
            margin-bottom: 0px;
            font-style:italic;
        }
        #design .emoji {
            position: absolute;
            top: 90px;
            width: 100%;
        }
        #design .emoji img {
            width:50px;
        }
        html, body {
            margin:0px;
            padding:0px;
            position:relative;
        }
        .relative {
          position:relative;
        }
        #clear {
            clear: both;
        }
        body.login  {
            background: url('/photo/intro/background_19.jpg') no-repeat center center fixed; 
            -webkit-background-size: cover;
            -moz-background-size: cover;
            -o-background-size: cover;
            background-size: cover;
            overflow-y: scroll;
        }
        body.login.admin  {
            overflow-y:scroll;
        }
        .middle {
            display: flex;
            align-items: center;
            height: 100%;
        }
        .center {
            text-align:center;
            width: 100%;
        }
        .add-playlist {
            padding-left: 2px;
            padding-bottom: 1px;
        }
        div.login {
            display: inline-block;
            width: 400px;
            border-radius: 30px;
            border: 3px solid #004a8f;
            box-shadow: 0px 0px 5px #000;
            background: rgba(255, 255, 255, 0.8);
        }
        .no-spaces {
            margin:0px;
            padding:0px;
        }
        .input {
            margin-bottom:20px;
            background-image: url('/image/input-back.png');
            overflow: hidden;
            border-radius: 28px;
            box-shadow: 0px 0px 8px #a0a0a0;
            position:relative;
        }
        #linked-devices .input:last-of-type {
            margin-bottom:0px;
        }
        .button-position input[type='text'] {
            width: 169px !important;
        }
        .button-position input[type='range'] {
            max-width: 90px !important;
            margin-right: 0px !important;
        }
        .button-position i.fa-arrows-alt-h {
            font-size: 25px;
            padding-left: 1px;
        }
        .device-status {
            background: green;
            width: 16px;
            height: 16px;
            top: -41px !important;
            margin-left: 2px;
            border: 1px solid black;
            border-radius: 10px;
            margin-bottom: 14px;
            box-shadow: 0px 0px 3px black;
        }
        .offline {
            background:red;
        }
        .input div:first-of-type {
            color: white;
            background: #004a8f;
            display: inline-block;
            font-size: 19px;
            width: 50px;
            position: absolute;
            height: 50px;
            display: inline-flex;
            border-radius: 100%;
            z-index: 1;
        }
        .input div:first-of-type i {
            margin: auto;
            padding-bottom: 1px;
            padding-left: 1px;
        }
        .input div:nth-of-type(2) {
            display: inline-flex;
            position: relative;
            border-radius: 25px;
            width: 100%;
            padding-left: 25px;
            height: 50px;
            border: 3px solid #004a8f;
            overflow:hidden;
            box-shadow: 0px 0px 8px #a0a0a0;
        }
        .sensors .file-chooser .input input {
            border:0px;
            text-align:left;
            width:100%;
            margin-left: 20px;
            padding-left: 12px;
            padding-right: 82px;
            overflow: hidden;
            text-overflow: ellipsis;
        }
        .sensors .file-chooser .input i {
            font-size: 19px;
        }
        .sensors .file-chooser:last-of-type {
            margin-bottom:20px;
        }
        .input div:nth-of-type(2) input,
        .input div:nth-of-type(2) select {
            width: 100%;
            height: 100%;
            border: 0px;
            padding-left: 32px;
            background: transparent;
        }
        div.login h1 {
            background: #004a8f;
            margin: 0px;
            padding: 10px;
            padding-top: 6px;
            border-radius: 22px 22px 0px 0px;
        }
        .submit input, .submit button, .submit a {
            background: #004a8f;
            border-radius: 25px;
            padding: 14px 30px;
            text-transform: uppercase;
            color: white;
            font-weight: bold;
            border: 0px;
            font-size: 14px;
            box-shadow: 0px 0px 8px #a0a0a0;
            transition:0.2s all;
            cursor:pointer;
            font-family:arial;
            text-decoration:none;
        }
        .submit input:hover, .submit button:not([disabled]):hover, .submit a:hover {
            background:#003c73;
        }
        div.login h3 {
            margin-top: 0px;
            margin-bottom: 26px;
            font-size: 13px;
            font-family: arial;
            color: #e40000;
        }
        div.login h1 img {
            width:130px;
        }
        form {
            padding: 30px 30px;
            margin: 0px;
        }


        body.admin::after {
            content:'';
            display:block;
            height:40px;
        }
        header, footer {
            padding:30px;
            padding-top:0px;
        }
        header .container, footer .container {
            margin: auto;
            text-align: center;
            background: #004a8f;
            border-radius: 0px 0px 30px 30px;
            overflow: hidden;
            box-shadow: 0px 0px 5px #000;
            width:1702px;
        }
        footer {
            padding-top: 0px;
            padding-bottom: 0px;
            font-family: arial;
            position: absolute;
            bottom: 0px;
            width: 100%;
        }
        footer .container {
            border-radius: 30px 30px 0px 0px;
            color: white;
        }
        footer .copyright a {
            display: inline-block;
            color: white;
            text-decoration: none;
            padding-top: 7px;
            padding-bottom: 2px;
            font-size: 13px;
            font-weight: bold;
        }
        footer .copyright small {
            font-size: 8px;
            color: white;
        }
        footer .copyright a:hover {
            text-decoration: underline;
        }
        footer .copyright {
            display:inline-block;
        }
        footer a {
            color:white;
        }
        .left {
            float: left;
            display:inline-block;
        }
        .right {
            float: right;
            display:inline-block;
        }
        header .logo {
            display:inline-block;
            padding: 10px;
        }
        header .logo img {
            width:130px;
        }
        header i, footer i {
            font-size:25px;
            color:white;
        }
        footer i {
            font-size:20px;
        }
        footer .right a {
            height:40px !important;
        }
        header .left a, header .right a, footer .right a, footer .left a {
            display: inline-flex;
            width: 70px;
            height: 60px;
            justify-content: center;
            align-items: center;
            text-decoration: none;
            border-radius: 30px 0px 0px 0px;
        }
        footer .left a {
            height:40px !important;
        }
        header .left a {
            border-radius: 0px 30px 0px 0px;
        }
        header .left a.disabled, header .right a.disabled {
            opacity:0.2;
            pointer-events: none;
        }
        header a:hover, footer .left a:hover, footer .right a:hover {
            background:rgba(255,255,255,0.2);
        }
        footer .left a {
            border-radius: 0px 0px 30px 0px;
        }
        footer .right a {
            border-radius: 0px 0px 0px 30px;
        }
        .lang-choose a img {
            width: 25px;
            border-radius: 100%;
            position: relative;
            left: -1px;
            top: -1px;
            /*border: 2px solid white;*/
        }
        .lang-choose a {
            border-radius: 0px 0px 30px 0px !important;
        }
        .lang-choose {
            width: 70px;
            height: 40px !important;
        }

        .center > div:not(:last-of-type) {
            margin-right:30px;
        }
        h1 i {
            padding-right: 7px;
            font-size:27px;
        }
        h1 {
            color:white;
            font-family:arial;
        }
        .admin .middle {
            display:block;
            height:auto;
        }
        .admin div.login h1 {
            background: #004a8f;
            margin: 0px;
            padding: 14px;
            font-size: 20px;
            display: flex;
            align-items: center;
            cursor: pointer;
            justify-content: center;
            padding-top: 11px;
            border-radius: 22px 22px 0px 0px;
        }
        .admin h1 i {
            padding-right: 11px;
        }
        .prepare-place {
            position: absolute;
            height: 16px;
            left: 0px;
            margin-top: -76px;
            right: 0px;
            display: flex;
            justify-content: center;
        }
        .prepare-place .info-box {
            color: #ffffff;
            box-shadow: 0px 0px 5px #c7adad;
            background: #3d97ea;
            font-family: arial;
            font-size: 11px;
            display: inline-block;
            padding: 2px 8px;
            position: absolute;
            border-radius: 14px;
            left: auto;
            right: auto;
            margin-left: 6px;
        }
        .prepare-place .info-box i {
            padding: 0px 4px 0px 0px;
            font-size: 9px;
            position: relative;
            top: -0.5px;
        }
        .admin .login > div {
            padding: 30px 30px;
            margin: 0px;
            background: rgba(255,255,255,0.8);
        }
        .admin .login > div form {
            position:relative;
        }
        .admin .login h2 {
            margin-top:0px;
        }
        .admin .input.bottom {
            margin-bottom:0px;
        }
        .admin .center > * {
            vertical-align: top;
        }
        .admin .login h2 {
            text-transform: uppercase;
            font-family: arial;
            color: #004a8f;
            font-weight: bold;
            position: relative;
            margin-bottom:10px;
        }
        .admin .login h2:before {
            content: ' ';
            display: block;
            position: absolute;
            width: 100%;
            height: 1px;
            top: 30px;
            background: #004a8f;
        }
        .admin .login p, .norma {
            font-family: arial;
            font-size: 14px;
            margin-top:0px;
        }
        .admin input.disabled {
            pointer-events: none;
            font-weight: bold;
        }
        .admin input.disabled::placeholder {
            color: rgba(0,0,0,0.7);
        }
        .disabled-color {
            color: #424242;
        }
        .admin .add h2 {
            color:#3d97ea;
        }
        .admin .add h2:before {
            background:#3d97ea;
        }
        .admin .add .input div:first-of-type {
            background:#3d97ea;
        }
        .admin .add .input div:last-of-type {
            border: 3px solid #3d97ea;
        }
        .admin .remove h2 {
            color:#3d97ea;
        }
        .admin .remove h2:before {
            background:#3d97ea;
        }
        .admin .remove .input div:first-of-type {
            background:#3d97ea;
        }
        .admin .remove .input div:nth-of-type(2) {
            border: 3px solid #3d97ea;
        }
        .admin .remove .submit input, .admin .remove .submit button  {
            background: #3d97ea;
            margin-left: 10px;
        }
        .setting-next.inverse a {
            border: 2px solid #004a8f;
            background: white;
            color: #004a8f;
        }
        .setting-next.unactive {
            margin-top: -30px;
            left: 315px;
            top: 19px;
        }
        .setting-next.unactive a {
            border-color: #98b5d0;
            background: #98b4cf;
            box-shadow: none;
            border-width: 3px;
            width: 32px;
            height: 32px;
        }
        .remove-next-3 {
            left: 303px !important;
            top: 12px !important;
        }
        .setting-next-3 {
            top: 66px !important;
            left: 303px !important;
        }
        .center-next-3 {
            left: 325px !important;
            top: 39px !important;
        }
        .center-next-3 button {
            transform:none !important;
        }
        .media_progress {
            position: absolute;
            width: 100px;
            height: 7px;
            background: #94afca;
            margin-left: 116px;
            margin-top: 0px;
            border-radius: 5px;
            z-index: 1;
            overflow: hidden;
        }
        .media_progress.hide {
            display:none;
        }
        .media_progress .active {
            background: #004a8f;
            height: 100%;
        }
        .setting-next.unactive.inverse a {
            background: white;
            color: #98b4cf;
        }
        .admin .remove input[type='submit']:hover, .admin .remove button[type='submit']:hover {
            background:#2f7cc3;
        }
        .admin .input.bottom2, .admin .submit.bottom2 {
            width: 100%;
            margin-bottom: 0px;
        }
        .simulate .inline {
            position: relative;
            background: rgba(255, 255, 255, 0.9);
            border-radius: 27px;
            border: 3px solid #004a8f;
            box-shadow: 0px 0px 8px rgb(0, 0, 0);
            width:400px;
            text-align:center;
        }
        .simulate .inline .input {
            width: 334px;
            margin-top: 0px;
        }
        .up-text {
            text-transform: uppercase;
        }
        .inline {
            display: inline-block;
        }
        .inline > div {
            display:inline-block;
        }
        .admin .inline-send {
            display: flex;
        }
        .admin .inline-send .superadmin-file div {
            font-size:25px;
        }
        .admin .inline-send .superadmin-file div i {
            position:relative;
            top:-1px;
            left:1px;
        }
        .admin .input.select > div:nth-of-type(2) {
            padding-left:0px;
        }
        .admin .input.select > div:nth-of-type(2) select {
            padding-left: 57px;
        }
        .admin .input.select {
            position:relative;
        }
        .admin .input.select > div:first-of-type {
            left:1px;
        }
        .admin .column {
            display: inline-block;
            width: 400px;
        }
        .admin .column .login {
            margin-bottom: 30px;
            overflow:hidden;
            background: linear-gradient(to bottom, #004a8f 50px, rgba(30, 87, 153, 0) 2%);
        }
        .admin div.login.add h1 {
            background:#3d97ea;
        }
        .admin div.login.add {
            border: 3px solid #3d97ea;
            background: linear-gradient(to bottom, #3d97ea 50px, rgba(30, 87, 153, 0) 2%);
        }
        .admin div.login.remove h1 {
            background:#3d97ea;
        }
        .admin div.login.remove {
            border: 3px solid #3d97ea;
            background: linear-gradient(to bottom, #3d97ea 50px, rgba(30, 87, 153, 0) 2%);
        }
        .login h1 {
            position:relative;
        }
        .login h1 .right {
            right: 5px;
            position: absolute;
            opacity: 1;
        }
        .login h1 .right i {
            font-size: 20px;
            padding: 10px;
            opacity:0.5;
        }
        .login h1 .right i:hover {
            font-size: 20px;
            padding: 10px;
            opacity:1;
        }
        .info-file {
            position: absolute;
            right: 0px;
            top: 0px;
            z-index: 3;
            color: #004a8f;
            font-size: 10px;
            padding: 7px 7px;
            font-family: arial;
            font-weight: bold;
            padding-top: 19px;
            padding-right: 13px;
        }
        .info-device {
            position: absolute;
            right: 0px;
            top: 0px;
            z-index: 3;
            color: #004a8f;
            font-size: 20px;
            padding: 11px 10px;
            opacity: 0.2;
        }
        .checked .info-device {
            opacity:0.4;
        }
        .info-device i {
            padding: 4px;
            color: #004a8f;
        }
        .stat-device {
            position: absolute;
            right: 11px;
            top: 11px;
            z-index: 3;
            color: #ffffff;
            font-weight: bold;
            font-size: 10px;
            opacity:0.4;
            background: #004a8f;
            font-family: arial;
            padding: 3px 2px 1px 2px;
            text-transform: uppercase;
            border-radius: 20px;
            cursor: pointer;
        }
        #files > div {
            margin-bottom: -20px;
        }
        #files p.empty {
            margin-bottom: 20px;
        }
        #files .submit:first-of-type  > button, .button {
            padding: 10px 30px !important;
            font-size: 14px !important;
            margin: 0px 7px;
            margin-bottom: 20px;
        }
        
        #files .submit:first-of-type  > button[disabled], .button[disabled] {
            opacity:0.5;
            cursor:default;
        }
        #files form:first-of-type {
            padding-bottom:10px;
        }
        /*#files form:last-of-type .input > div:first-of-type {
            background: #3d97ea;
        }
        #files form:last-of-type .input div:nth-of-type(2) {
            border: 3px solid #3d97ea;
        }
        #files form:last-of-type .submit > button {
            background: #3d97ea;
        }*/
        #files .inline-send button {
            font-size: 19px;
            padding: 15px 15.5px 16px 15.5px;
            margin-left: 10px;
        }
        #files .inline-send {
            padding-bottom: 20px;
        }
        #files .submit > p {
            margin-bottom: 5px;
            font-size: 12px;
            letter-spacing: -0.2px;
        }
        #files .submit {
            padding:0px;
        }
        #devices > div {
            padding-bottom: 10px;
        }
        #devices > div p.empty {
            margin-bottom: 20px;
        }
        #linked-devices .info-device {
            opacity:0.4;
        }
        .faq > p.submit {
            display:none;
        }
        .inactive {
            opacity: 0.4;
            pointer-events: none;
        }
        .clickable {
            cursor:pointer;
        }
        .stat-device i {
            padding: 4px;
            color: #ffffff;
            font-size: 14px;
        }
        .middle .center .column:nth-of-type(4) {
            margin-right:0px;
        }
        .pad-b-0 {
            padding-bottom:0px !important;
        }
        .login.fixed h1 {
            cursor:default !important;
        }
        .admin .add .submit input, .admin .add .submit button {
            background: #3d97ea;
            font-size: 19px;
            padding: 15px 16.5px 16px 16.5px;
            margin-left: 10px;
        }
        .add .submit input:hover, .add .submit button:hover, .add .button:not([disabled]):hover {
            background: #2f7cc3;
        }
        .admin .submit button {
            padding: 17px 17px 17px 19px;
            font-size:16px;
        }
        .admin .simulate .submit button {
            padding: 11px 20px;
            font-size: 14px;
            width: auto;
            height: auto;
            width: 145px;
            margin: 0px;
            margin-left: 12px;
            margin-right: 12px;
            margin-bottom: 30px;
        }
        .admin .list .submit button {
            padding: 16px 16px;
            font-size: 18px;
            margin-left: 10px;
        }
        .admin .input div:first-of-type i {
            padding-left:0px;
            padding-bottom:0px;
        }
        .login.closed {
            height: 55px;
        }
        .closed > div {
            display:none;
        }
        .add-file .input div:first-of-type {
            font-size: 20px;
        }
        .add-file .input div:first-of-type i {
            padding-left:2px;
        }
        .input-file input, .input-filer input {
            display:none;
        }
        .input-file span, .input-filer span {
            font-family:arial;
            font-size: 13px;
            color: #737373;
            padding: 14px 0px 0px 32px;
            overflow: hidden;
            white-space: nowrap;
            padding-right: 10px;
            text-overflow: ellipsis;
        }
        .inline-send {
            cursor:default;
        }
        form.inline-send {
            padding:0px;
        }
        .inline-send input[type="file"] {
            display:none;
        }
        .files input {
            padding-right: 63px;
            text-overflow: ellipsis;
        }
        .admin div.login.assign-device h1 {
            background:#1883e6;
        }
        .admin .column .login.assign-device {
            border: 3px solid #1883e6;
            background: linear-gradient(to bottom, #1883e6 50px, rgba(30, 87, 153, 0) 2%);
        }
        .assign-device .input div:first-of-type {
            background:#1883e6;
        }
        .assign-device .input div:nth-of-type(2) {
            border:3px solid #1883e6;
        }
        .assign-device .info-file {
            color:#1883e6;
        }
        .playlist .input div:first-of-type i, .companies .input div:first-of-type i {
            padding-left: 2px;
            font-size: 26px;
        }
        .playlist .input, .companies .input {
            cursor:pointer;
            opacity: 0.7;
        }
        .playlist .input.checked, .companies .input.checked { 
            opacity:1;
        }
        .extend {
            border: 3px solid #004a8f;
            padding: 15px;
            border-radius: 28px;
            position: relative;
            top: -70px;
            margin-bottom: -50px;
            padding-top: 60px;
            padding-bottom: 14px;
            z-index: 1;
            background: rgba(0, 74, 143, 0.1);
            overflow:hidden;
            display:none;
        }
        .z-index-2 {
            z-index:2;
        }
        .extend.closed {
            height: 50px;
            padding-top: 14px;
            padding-bottom: 14px;
        }
        .extend.bottom {
            margin-top: 20px;
            margin-bottom:-70px;
        }
        .space {
            margin-top: 17px;
            background: #3d97ea;
            height: 15px;
            position:relative;
            border: 2px solid #3d97ea;
            border-radius: 8px;
            background-image: url(/image/space.png);
            overflow: hidden;
        }
        .space .used {
            height: 15px;
            border-top: 2px solid #004a8f;
            border-left: 2px solid #004a8f;
            border-bottom: 2px solid #004a8f;
            background: #004a8f;
            display: inline-block;
            width: 20%;
            position: relative;
            top: -2px;
            background-image: url(/image/space.png);
            left: -2px;
            border-radius: 8px 0px 0px 8px;
            float: left;
        }
        .space .label {
            position: absolute;
            top: 1px;
            right: 0px;
            bottom: 0px;
            left: 0px;
            text-align: center;
            color: white;
            /* font-weight: bold; */
            font-family: arial;
            font-size: 8px;
            text-transform: uppercase;
            letter-spacing: 1px;
        }
        .split {
            display:inline-block;
            width:400px;
        }
        .split > * {
            vertical-align:top;
        }
        .split .column:first-of-type {
            margin-right:30px;
        }
        .window > div h3 {
            margin-top: 0px;
            font-weight: normal;
        }
        .window > div span {
            font-size: 11px;
            display: inline-block;
            font-style: italic;
            margin-bottom: 20px;
        }
        .window {
            background: rgba(0,0,0,0.8);
            display: flex;
            justify-content: center;
            align-items: center;
            right: 0px;
            position: fixed;
            padding: 20px;
            left: 0px;
            top: 0px;
            z-index: 1000;
            /* overflow-y: scroll; */
            color: rgba(0,0,0,0.9);
            min-height: 100%;
            bottom: 0px;
        }
        .window .faq, .window > div {
            width: 400px;
            margin: auto;
            background: linear-gradient(to bottom, #004a8f 50px, rgba(255, 255, 255, 0.9) 2%);
            border-radius: 30px;
            box-shadow: 0px 0px 20px #000;
            font-family: arial;
            border: 3px solid #004a8f;
            max-height: 100%;
            position: relative;
        }
        .window .faq h1, .window > div h1 {
            background: #004a8f;
            margin: 0px;
            padding: 14px;
            font-size: 20px;
            display: flex;
            align-items: center;
            justify-content: center;
            padding-top: 13px;
            padding-bottom: 12px;
            border-radius: 22px 22px 0px 0px;
        }
        .window .faq h1 .close, .window > div h1 .close {
            right: 5px;
            position: absolute;
            opacity: 1;
            float:right;
            cursor:pointer;
        }
        .window .faq h1 .close i, .window > div h1 .close i {
            font-size: 20px;
            padding: 10px;
            opacity: 0.5;
            transition:0.2s all;
        }
        .window .faq h1 .close i:hover, .window > div h1 .close i:hover {
            opacity: 1;
        }
        .window .faq h1 i, .window > div h1 i {
            padding-right: 11px;
            font-size: 27px;
            position: relative;
            top: -1px;
        }
        .window .faq .closed, .window > div .closed {
            display:none;
        }
        .window .faq > div, .window > div > div {
            padding: 30px;
            text-align: center;
            max-height: calc(100% - 70px);
        }
        .window > div > div > ul, .window > div > div > div {
            max-height: calc(100% - 208px);
        }
        .window > div > div > div > ul {
            padding-right: 17px !important;
            padding-left: 10px !important;
        }
        .window .faq h2 {
            text-align: center;
            display: inline-block;
            border: 1px solid black;
            margin-bottom: 0px;
            padding: 0px 20px;
            margin-top: 0px;
            background: rgba(0,0,0,0.05);
            font-size: 16px;
            padding-bottom: 7px;
            margin-bottom: 23px;
            border-radius: 30px;
            padding-top: 7px;
        }
        .window .faq h2 i {
            position: relative;
            top: 1px;
            padding-right: 5px;
        }
        .window ul {
            padding-left: 18px;
            text-align: left;
            margin-bottom: 5px;
            margin-top: 20px;
            font-size: 14px;
            list-style-type: decimal;
            counter-reset: item;
        }
        .window ul li {
            padding-left: 12px;
            padding-bottom: 7px;
            display: block;
            text-indent: -12px;
        }
        .window ul li:nth-of-type(9) ~ li {
            padding-left: 20px;
            text-indent: -20px;
        }
        .window ul li li {
            padding-left: 24px;
            padding-bottom: 7px;
            display: block;
            text-indent: -24px;
        }
        .window ul li ul {
            margin-top:10px;
        }
        .window div > ul {
            padding-left:0px;
        }
        .window li:before { 
            content: counters(item, ".") " "; 
            counter-increment: item;
            font-weight:bold;
        }
        .window ul li:last-of-type {
            padding-bottom:0px;
        }
        .window.closed {
            display:none;
        }
        .alert .submit a {
            display:inline-block;
            margin-bottom:0px;
        }
        p.submit a {
            text-decoration:none;
        }
        p.submit {
            text-align:center;
            padding-bottom:30px;
            margin-top: 10px;
        }
        #add-playlist {
            padding-left:0px;
        }
        .admin .login p.error, .err-msg {
            color: #ffffff;
            font-weight: bold;
            font-size: 11px;
            background: #b30302;
            display: inline-block;
            border-radius: 10px;
            padding: 2px 12px;
        }
        .admin .login p.ok, .ok-msg {
            color: #ffffff;
            font-weight: bold;
            font-size: 11px;
            background: green;
            display: inline-block;
            border-radius: 10px;
            padding: 2px 12px;
        }
        .err-msg, .ok-msg {
            margin-bottom: 20px;
        }
        .window .faq h2 i {
            display:none;
        }
        .no-display {
            display:none;
        }
        p.empty {
            margin-bottom: 0px;
            font-style: italic;
            border: 1px solid rgba(0, 0, 0, 0.63);
            /* width: auto; */
            display: inline-block;
            padding: 4px 8px 5px 8px;
            border-radius: 14px;
            background: rgba(0,0,0,0.05);
        }
        .rotate {
            animation: rotation 2s infinite linear;
        }
        .setting .center > div:not(:last-of-type) {
            margin-right:34px;
        }
        @keyframes rotation {
            from {
              transform: rotate(0deg);
            }
            to {
              transform: rotate(359deg);
            }
        }
        @keyframes blink2 {
            0% {
                opacity:0.5;
            }
            50% {
                opacity:1;
            }
            100% {
                opacity:0.5;
            }
        }

        @keyframes blink {
            0% {
                color: rgba(0,74,143,0.5);
            }
            50% {
                color: rgba(0,74,143,1);
            }
            100% {
                color: rgba(0,74,143,0.5);
            }
        }

        @media (min-width:1341px) and (max-width:1779px) {
            .admin header .container {
                width:1260px;
            }
            footer .container {
                width:1260px;
            }
            .admin .center {
                display: grid;
                grid-template-columns: repeat(3, 1fr);
                width: 1260px;
                margin: auto;
            }
            .admin .center .column:nth-of-type(1) {
                grid-column-start: 1;
                grid-column-end: 2;
                grid-row-start: 1;
                grid-row-end: 4;
            }
            .admin .center .column:nth-of-type(3) {
                grid-column-start: 3;
                grid-column-end: 4;
                grid-row-start: 1;
                grid-row-end: 4;
            }
            .group-columns {
                display:none;
            }
            .setting .center > div:not(:last-of-type) {
                margin-right:30px;
            }
        }

        @media (min-width:910px) and (max-width:1340px) {
            .admin header .container {
                width:834px;
            }
            footer .container {
                width:834px;
            }
            .admin .center {
                width:834px;
                margin:auto;
            }
            .center > div:nth-of-type(4),
            .center > div:nth-of-type(6) {
                margin-right:0px;
            }
            .group-column-1, .group-column-2, .group-column-3 {
                width: 400px;
                display: inline-block;
            }
            .setting .group-column-3 {
                display:none;
            }
            .setting .group-column-2 {
                margin-right:0px !important;
            }
            .setting .center > div:not(:last-of-type) {
                margin-right:30px;
            }
        }

        @media (max-width:909px) {
            .admin header .container {
                width:400px;
            }
            footer .container {
                width:400px;
            }
            .admin .center {
                width:400px;
                margin:auto;
            }
            .center > div:nth-of-type(4),
            .center > div:nth-of-type(5),
            .center > div:nth-of-type(3),
            .center > div:nth-of-type(6) {
                margin-right:0px;
            }
        }

        .scrollbar-inner > .scroll-element .scroll-bar {
            background-color: #696969 !important;
        }
        .scrollbar-inner > .scroll-element .scroll-bar:hover {
            background-color: #191919 !important;
        }
        .scrollbar-inner > .scroll-element .scroll-element_track {
            background-color: #cccccc !important;
        }

        form div div.visibility {
            background: transparent !important;
            position: absolute !important;
            right: 12px !important;
            top: 10px !important;
            width: auto !important;
            height: auto !important;
        }
        form div div.visibility input[type='checkbox'] {
            display:none;
        }
        form div div.visibility input[type='checkbox'] + label:before {
            font-family: 'Font Awesome 5 Free';
            display: inline-block;
            content: "\f070";
            color: #004a8f;
            font-weight: bold;
            font-size: 19px;
            cursor:hand;
        }
        form div div.visibility input[type='checkbox']:checked + label:before {
            content: "\f06e";
            padding-right: 1.2px;
            /*color:#029600;*/
        }
        form div div.visibility input[type='checkbox']:not(:checked) + label:before {
            padding-right: 0px;
            /*color:#cc0000;*/
        }
        #files form:last-of-type input:first-of-type {
            padding-right: 48px;
            text-overflow: ellipsis;
            overflow: hidden;
        }

        form.questionnaire {
            padding:0px;
            padding-bottom:0px !important;
        }
        .comment-icon {
            padding-left: 2px !important;
            padding-bottom: 1px !important;
        }
        .remove-next, .setting-next {
            position: relative;
            margin-top: -30px;
            left: 318px;
            top: 19px;
            color: white;
            z-index: 5;
        }
        .setting-next {
            top: 60px;
        }
        .admin-only .playlists .setting-next, .admin-only .playlists .remove-next {
            position: relative;
            margin-top: -30px;
            left: 300px;
            top: 13px;
            color: white;
            z-index: 5;
        }
        .admin-only .playlists .setting-next {
            top: 67px;
        }
        .sensor-set, .admin-only .playlists .sensor-set {
            top: 40px;
            left: 324px;
        }
        .sensor-set i, .admin-only .playlists .sensor-set i {
            transform: rotate(-45deg);    
            position: relative;
            top: -1px;
        }
        .remove-next button, .remove-next a, #files .remove-next .inline-send button, .setting-next a {
            color: inherit;
            width: 30px;
            height: 30px;
            display: flex;
            z-index: 5;
            justify-content: center;
            align-items: center;
            font-size: 15px;
            box-shadow: 0px 0px 3px #0c0c0c;
            background: #004a8f;
            border-radius: 17px;
            text-decoration: none;
            transform: rotate(45deg);
            transition:all 0.2s;
            border:0px;
            cursor:hand;
            padding:0px;
            margin:0px;
        }
        .setting-next a {
            background: #004a8f;
        }
        #files .remove-next form:first-of-type {
            padding-bottom:0px;
        }
        .remove-next.hidden, .setting-next.hidden {
            display:none;
        }
        .remove-next button:hover, .remove-next a:hover, #files .remove-next .inline-send button:hover {
            background: #00376b;
        }
        .setting-next a:hover {
            background: #003c73;
        }
        .setting-next.inverse a:hover {
            background: #004a8f;
            border-color: #004a8f;
            color:white;
        }
        .classic {
            padding:0px;
        }
        .classic button {
            margin-bottom:0px;
            margin-top:20px;
        }
        /* The switch - the box around the slider */
        .switch {
            position: relative;
            display: inline-block;
            width: 60px;
            height: 34px;
        }
        
        /* Hide default HTML checkbox */
        .switch input {
            opacity: 0;
            width: 0;
            height: 0;
        }
        
        /* The slider */
        .slider {
            position: absolute;
            cursor: pointer;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            background-color: #004a8f;
            -webkit-transition: .4s;
            transition: .4s;
        }
        
        .slider:before {
            position: absolute;
            content: "";
            height: 26px;
            width: 26px;
            left: 4px;
            bottom: 4px;
            background-color: white;
            -webkit-transition: .4s;
            transition: .4s;
        }
        
        input:checked + .slider {
            background-color: rgba(0, 74, 143, 1);
        }
        
        input:focus + .slider {
            box-shadow: 0 0 1px #2196F3;
        }
        
        input:checked + .slider:before {
            -webkit-transform: translateX(26px);
            -ms-transform: translateX(26px);
            transform: translateX(26px);
        }
        
        /* Rounded sliders */
        .slider.round {
            border-radius: 34px;
        }
        
        .slider.round:before {
            border-radius: 50%;
        }

        .no-back {
            box-shadow: none;
            background: none;
            display: flex;
            justify-content:center;
        }

        .checkbox-ext {
            font-family: arial;
            font-size: 13px;
            position: relative;
            top: 9px;
            left: 12px;
            display:inline-block;
            width:100px;
            text-align:left;
            cursor:default;
        }
        .checkbox-ext:first-of-type {
            left: -12px;
            text-align:right;
        }
        .no-margin {
            margin:0px !important;
        }
        .no-padding {
            padding:0px !important;
        }
        .margin-b10 {
            margin-bottom:10px !important;
        }
        .margin-b0 {
            margin-bottom:0px !important;
        }
        .margin-t20 {
            margin-top:20px !important;
        }
        .margin-r6 {
            margin-right:6px !important;
        }
        .inblock {
            display:inline-block;
        }
        .no-click {
            pointer-events:none !important;
        }
        .hours .input i {
            font-size:26px;
        }
        .open-hour {
            position: absolute;
            right: 8px;
            top: 7px;
            font-size: 20px;
            border:0px !important;
        }
        .open-hour input {
            display: inline-block;
            width: 30px !important;
            font-size: 14px;
            text-align: center;
            padding: 7px 0px;
            margin: 3px;
            color: #ffffff;
            font-weight: bold;
            border-radius: 15px;
            border: 0px;
            background: rgba(0, 74, 143, 0.5);
        }
        .open-hour input:focus {
            background: rgba(0, 74, 143, 1);
        }
        /* Chrome, Safari, Edge, Opera */
        input[type=number]::-webkit-outer-spin-button,
        input[type=number]::-webkit-inner-spin-button {
            -webkit-appearance: none;
            margin: 0;
        }

        /* Firefox */
        input[type=number] {
            -moz-appearance: textfield;
        }
        .hours .input:not(.checked) {
            opacity:0.6;
        }
        .hours .input:not(.checked) .open-hour {
            opacity:0.3;
            pointer-events:none;
        }
        .hours .input div:first-of-type {
            cursor:hand;
        }
        .image-chooser {
            position: relative;
            display: flex;
            margin-bottom: 18px;
        }
        .image-chooser .prev, .image-chooser .next {
            display:inline-block;
            width:40px;
        }
        .image-chooser .images {
            display: inline-block;
            white-space: nowrap;
            width: calc(100% - 100px);
            margin: 0px 10px;
            overflow: hidden;
            justify-content: center;
            position: relative;
            height: 110px;
            padding-top: 2px;
        }
        .image-chooser .images .image { 
            display: inline-block;
            position: absolute;
            left: 0px;
            top: 22px;
        }
        .image-chooser .images .image a {
            display:inline-block;
            border: 4px solid #004a8f;
        }
        .image-chooser .images .image.actual ~ * {
            left: 126px;
            top: 22px;
        }
        .image-chooser .images .image.actual {
            position: relative;
            left: 0px;
            top: 0px;
            z-index: 2;
        }
        .image-chooser .images .image.actual a {
            border: 5px solid #004a8f;
        }
        .image-chooser .images .image.actual img {
            width:160px;
        }
        .image-chooser .images .image img {
            width:100px;
        }
        .image-chooser > .prev a, .image-chooser > .next a {
            background: #004a8f;
            color: white;
            display: inline-block;
            width: 40px;
            height: 40px;
            border-radius: 20px;
            display: flex;
            font-size: 20px;
            justify-content: center;
            align-items: center;
            text-decoration: none;
            position: relative;
            top: 36px;
            box-shadow: 0px 0px 8px #a0a0a0;
            transition:0.2s all;
        }
        .image-chooser > .prev a:hover,
        .image-chooser > .next a:hover {
            background: #003c73;
        }
        .image-chooser > .prev a i {
            position: relative;
            left: -1px;
        }
        .image-chooser > .next a i {
            position: relative;
            left: 2px;
        }
        .image-chooser .image.next {
            z-index:1;
        }
        .over-input {
            position: absolute;
            z-index: 2;
            margin-left: 260px;
            margin-top: 10px;
        }
        .color-chooser {
            margin-bottom:20px;
            position:relative;
            z-index:3;
        }
        .color-chooser .over-input {
            margin-left: 256px;
            white-space: nowrap;
            display: flex;
        }
        .color-chooser .over-input .choosed-color {
            width: 30px;
            height: 30px;
            border-radius: 15px;
            border: 1px solid #004a8f;
            box-shadow: 0px 0px 5px #333333;
            cursor:hand;
            position:relative;
            background:#004a8f;
        }
        .color-chooser i {
            font-size: 26px;
        }
        .sp-container {
            background-color: transparent !important;
            border: solid 0px #f0c49B !important;
        }
        .sp-picker-container {
            border-left:0px !important;
        }
        .sp-button-container {
            display:none !important;
        }
        .sp-input {
            border: 1px solid #666666 !important;
            border-radius: 0px !important;
            background: rgba(255, 255, 255, 0.62) !important;
        }
        .sp-top {
            margin-bottom:6px !important;
        }
        .color-chooser:nth-of-type(2) .input > div:first-of-type,
        .interaction .color-chooser:nth-of-type(2) .input > div:first-of-type,
        .interaction .color-chooser:nth-of-type(1) .input > div:first-of-type,
        .interaction .color-chooser:nth-of-type(3):not(.blocked) .input > div:first-of-type {
            cursor:hand;
        }
        .interaction .color-chooser:nth-of-type(3).blocked .input > div:first-of-type {
          cursor:default;
          pointer-events: none;
        }
        .color-chooser .input:not(.checked) {
            opacity:0.6;
        }
        .opacity-6 {
            opacity:0.6;
            cursor:default !important;
        }
        .opacity-4 {
            opacity:0.4;
        }
        .hand {
            cursor:hand;
        }
        .choosed-color i {
            font-size: 15px;
            padding-top: 7px;
            color: white;
            text-shadow: 0px 0px 3px black;
            z-index: 1;
            position: relative;
        }

        /* INPUT RANGE */
          input[type=range] {
            -webkit-appearance: none;
            margin: 12px 0;
            width: 100%;
          }
          input[type=range]:focus {
            outline: none;
          }
          input[type=range]::-webkit-slider-runnable-track {
            width: 100%;
            height: 8.4px;
            cursor: pointer;
            animate: 0.2s;
            box-shadow: 0px 0px 8px #a0a0a0;
            background: #004a8f;
            border-radius: 5px;
            border: 0px solid #010101;
          }
          input[type=range]::-webkit-slider-thumb {
            box-shadow: 0px 0px 5px black;
            background: #ffffff;
            height: 24px;
            width: 24px;
            border-radius: 12px;
            cursor: pointer;
            -webkit-appearance: none;
            margin-top: -8px;
          }
          input[type=range]:focus::-webkit-slider-runnable-track {
            background: #004a8f;
          }
          input[type=range]::-moz-range-track {
            width: 100%;
            height: 8.4px;
            cursor: pointer;
            animate: 0.2s;
            box-shadow: 0px 0px 8px #a0a0a0;
            background: #004a8f;
            border-radius: 5px;
            border: 0.2px solid #010101;
          }
          input[type=range]::-moz-range-thumb {
            box-shadow: 0px 0px 5px white;
            height: 30px;
            width: 30px;
            border-radius: 15px;
            border: 3px solid #004a8f;
            background: #ffffff;
            cursor: pointer;
          }
          input[type=range]::-ms-track {
            width: 100%;
            height: 8.4px;
            cursor: pointer;
            animate: 0.2s;
            background: transparent;
            border-color: transparent;
            border-width: 16px 0;
            color: transparent;
          }
          input[type=range]::-ms-fill-lower {
            background: #004a8f;
            border: 0px solid #010101;
            border-radius: 5px;
            box-shadow: 0px 0px 8px #a0a0a0;
          }
          input[type=range]::-ms-fill-upper {
            background: #004a8f;
            border: 0px solid #010101;
            border-radius: 5px;
            box-shadow: 0px 0px 8px #a0a0a0;
          }
          input[type=range]::-ms-thumb {
            box-shadow: 0px 0px 5px white;
            height: 30px;
            width: 30px;
            border-radius: 15px;
            border: 3px solid #004a8f;
            background: #ffffff;
            cursor: pointer;
          }
          input[type=range]:focus::-ms-fill-lower {
            background: #004a8f;
          }
          input[type=range]:focus::-ms-fill-upper {
            background: #004a8f;
          }
          .range {
              margin-bottom:20px;
          }
          .range .input > div:last-of-type > input:first-of-type {
            width: 167px;
          }
          .range .input > div:last-of-type > input:last-of-type {
            max-width: 90px;
            padding-left: 8px;
            margin: 0px;
            margin-right: 41px;
          }
          .range .over-input {
            margin-left: 293px;
            font-size: 9px;
            font-family: arial;
            width: 30px;
            height: 30px;
            border-radius: 15px;
            display: flex;
            justify-content: center;
            align-items: center;
            box-shadow: 0px 0px 5px #3e3e3e;
            background: #004a8f;
            color: white;
            font-weight: bold;
            box-shadow: 0px 0px 8px #a0a0a0;
          }
          .range.light input[type=range]::-webkit-slider-runnable-track {
            background: #3d97ea;
          }
          .range.light input[type=range]:focus::-webkit-slider-runnable-track {
            background: #3d97ea;
          }
          .range.light input[type=range]::-moz-range-track {
            background: #3d97ea;
          }
          .range.light input[type=range]::-moz-range-thumb {
            border: 3px solid #3d97ea;
          }
          .range.light input[type=range]::-ms-fill-lower {
            background: #3d97ea;
          }
          .range.light input[type=range]::-ms-fill-upper {
            background: #3d97ea;
          }
          .range.light input[type=range]::-ms-thumb {
            border: 3px solid #3d97ea;
          }
          .range.light input[type=range]:focus::-ms-fill-lower {
            background: #3d97ea;
          }
          .range.light input[type=range]:focus::-ms-fill-upper {
            background: #3d97ea;
          }
          .range.light .over-input {
            background: #3d97ea;
          }
          .font-size { 
              cursor:default;
          }
          #settings .input i {
            padding-bottom: 1px;
            font-size: 25px;
            padding-left: 1px;
          }
          .over-it {
            position: absolute;
            font-family: arial;
            pointer-events: none;
            font-size: 12px;
            right: 23px;
            top: 18px;
          }
          .over-it-device {
            position: absolute;
            font-family: arial;
            font-size: 12px;
            margin-top: 3px;
            margin-left: 250px;
            z-index: 1;
          }
          .over-it-device button {
            background: #004a8f;
            border-radius: 14px;
            border: 0px;
            color: white;
            font-weight: bold;
            padding: 6px 14px;
            margin-top: 8px;
            cursor: pointer;
            transition: 0.2s all;
          }
          .over-it-device button:hover {
            background: #003c73;
          }
          span.dev-desc {
            position: absolute;
            right: 45px;
            margin-top: 16px;
            font-size: 10px;
            color: #97b5d1;
            text-transform: uppercase;
            font-style: italic;
            font-family: arial;
          }
          .selected-playlist .input > div:first-of-type i {
            font-size: 21px;
          }
          #quest .input:not(.checked) {
                opacity:0.6;
          }
          .preview {
            border: 3px solid #004a8f;
            border-radius: 25px;
            box-sizing: content-box;
            height:206.2px;
            margin-bottom: 20px;
            position: relative;
          }
          .input.toggle {
              transition:0.4s all;
          }
          .input.toggle input[type='text'] {
            padding-left: 32px !important;
            max-width: 196px !important;
            width: 196px !important;
          }
          .input.toggle i {
            font-size: 22px !important;
          }
          .after-elem.toggle {
            position: absolute;
            margin-left: 269px;
            margin-top: 5px;
            z-index: 1;
          }
          .after-elem.toggle .switch {
            margin-top: 5px;
            width: 54px;
            height: 30px;
          }
          .after-elem.toggle .slider {
              background-color:#3d97ea;
              box-shadow: 0px 0px 8px #a0a0a0;
          }
          .toggle-main .after-elem.toggle .slider {
              background-color:#004a8f;
          }
          input[name='admin_video']:checked + .slider:before,
          input[name='mail_min']:checked + .slider:before,
          input[name='mail_max']:checked + .slider:before,
          input[name='in_playlist']:checked + .slider:before {
            -webkit-transform: translateX(24px);
            -ms-transform: translateX(24px);
            transform: translateX(24px);
          }
          .after-elem.toggle .slider:before {
              height: 22px !important;
              width: 22px !important;
          }
          .questionnaire .input {
              transition:all 0.4s;
          }
          p.error small {
            font-weight: normal;
          }
          #canvas-holder small {
            font-family: arial;
            font-size: 10px;
            font-style:italic;
            color: #a7a7a7;
          }
          .reset-stats {
            position: absolute;
            margin-left: 241px;
            margin-top: -46px;
          }
          .reset-stats a, .reset-stats button {
            color: white;
            background: #004a8f;
            display: block;
            font-family: arial;
            font-size: 9px;
            width: 60px;
            height: 60px;
            border-radius: 30px 0px 15px 0px;
            display: flex;
            flex-flow: column;
            align-items: center;
            text-decoration: none;
            margin: 12px;
            border:0px;
            cursor:hand;
            padding: 2px;
            padding-top: 0px;
          }
          .reset-stats a i, .reset-stats button i {
            display: block;
            font-size: 22px;
            padding-top: 10px;
            padding-bottom: 1px;
          }
          .reset-stats form {
              padding:0px;
          }
          .remove-file {
            top: 16px;
            left: 316px;
            width:30px;
          }
          .tools {
            top: 16px;
            left: 280px; 
            width: 30px;
          }
          .tools a {
            transform:none;
          }
          .faq .file-settings input[name='file-name'] {
            padding-right: 60px;
            overflow: hidden;
            text-overflow: ellipsis;
            padding-top: 2px;
          }
          .faq .file-settings .hidden {
            opacity:0.4;
            pointer-events:none;
          }
          .faq .file-settings .input.hand {
              box-shadow:none;
              cursor:default;
          }
          .file-settings {
            padding: 35px 15px 35px 30px !important;
          }
          .file-settings form {
            padding-right: 15px !important;
          }
          .file-set .range.light .over-input {
            background: #004a8f;
          }
          .file-set .range.light input[type=range]::-webkit-slider-runnable-track {
            background: #004a8f;
          }
          .file-set .range.light input[type=range]:focus::-webkit-slider-runnable-track {
            background: #004a8f;
          }
          .file-set .range.light input[type=range]::-moz-range-track {
            background: #004a8f;
          }
          .file-set .range.light input[type=range]::-moz-range-thumb {
            border: 3px solid #004a8f;
          }
          .file-set .range.light input[type=range]::-ms-fill-lower {
            background: #004a8f;
          }
          .file-set .range.light input[type=range]::-ms-fill-upper {
            background: #004a8f;
          }
          .file-set .range.light input[type=range]::-ms-thumb {
            border: 3px solid #004a8f;
          }
          .file-set .range.light input[type=range]:focus::-ms-fill-lower {
            background: #004a8f;
          }
          .file-set .range.light input[type=range]:focus::-ms-fill-upper {
            background: #004a8f;
          }
          .file-set .range.light .over-input {
            background: #004a8f;
          }
          .file-set .range.light .fa-stopwatch {
            font-size: 24px;
          }
          .file-set .range .over-input {
            margin-left: 293px;
          }
          .file-set .range .input > div:last-of-type > input:last-of-type {
            max-width: 147px;
            padding-left: 10px;
            margin: 0px;
            margin-right: 47px;
            padding-top: 2px;
          }
          .file-set .over-it-file {
              position:absolute;
          }
          .file-set .input {
              box-shadow:none;
          }
          .file-set .input.hand .buttons {
            position: absolute;
            right: 0px;
            top: 0px;
            padding: 10px;
            padding-right: 11px;
          }
          .file-set .input.hand .buttons button {
            background: #004a8f;
            border: 0px;
            width: 30px;
            height: 30px;
            border-radius: 100%;
            color: white;
            font-size: 11px;
            padding-top: 1px;
            cursor: hand;
            box-shadow: 0px 0px 8px #a0a0a0;
            transition:0.2s all;
          }
          .file-set .input.hand .buttons button:hover {
            background: #003c73;
          }
          .file-set .input.hand .buttons button:first-of-type {
            margin-right: 1px;
          }
          .file-set .submit.bottom button {
              box-shadow:none;
          }
          .file-set .input.hand .buttons span {
            padding-right: 4px;
            font-size: 14px;
            position: relative;
            top: 0px;
            color: gray;
          }
          .file-settings input[type='number']::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
            color: black;
            opacity: 1; /* Firefox */
          }
          
          .file-settings input[type='number']:-ms-input-placeholder { /* Internet Explorer 10-11 */
            color: black;
            opacity: 1; /* Firefox */
          }
          
          .file-settings input[type='number']::-ms-input-placeholder { /* Microsoft Edge */
            color: black;
            opacity: 1; /* Firefox */
          } 
          .width-120 {
            width: 120px;
          }
          .margin-r-5 {
              margin-right:5px !important;
          }
          .margin-r-20 {
              margin-right:20px;
          }
          .margin-l-20 {
              margin-left:20px;
          }
          .margin-r-10 {
              margin-right:10px;
          }
          .margin-l-10 {
              margin-left:10px;
          }
          .margin-l-5 {
              margin-left:5px !important;
          }
          .monitor-online {
              color:#81ff81;
          }
          .monitor-offline {
              color:#ff8484;
          }
          .reset button {
              transform:rotate(0);
          }
          .reset.remove-next {
            position: absolute;
            margin-top: -14px;
            margin-left: 315px;
            color: white;
            z-index: 5;
            left:auto;
            top:auto;
          }
          .light.input div:nth-of-type(2) {
              border-color:#3d97ea;
          }
          .light .open-hour input {
            background: rgba(61, 151, 234, 0.6);
          }
          .setting-next.stats {
            top: 16px;
            left: 315px;
            width: 30px;
          }
          .setting-next.stats a {
            transform: none;
          }
          .setting-next.stats.excel {
            top: 37px;
            left: 296px;
          }
          .setting-next.stats.excel > a {
            background: rgb(153, 183, 210);
            width: 26px;
            height: 26px;
            box-shadow: none;
          }
          .remove-excel {
              top:15px;
          }
          .click-before {
              cursor:hand;
          }
          .file-set #linked-devices .info-device {
              right:0px;
          }
          .time-bar {
            width:100%;
            background:rgba(0, 74, 143, 0.2);
            border-radius:4px;
            height:8px;
            position:relative;
            border-radius:4px;
            overflow:hidden;
            display:flex;
            display:none;
          }
          .time-bar .actual {
            background:#004a8f;
            height:8px;
            display:inline-block;
            border-radius:4px 0px 0px 4px;
          }
          .time-bar .used {
            background:rgba(0, 74, 143, 0.5);
            height:8px;
            display:inline-block;
            border-radius:0px;
          }
          .padding-20 {
              padding:20px;
          }
          .padding-30 {
              padding:30px;
          }
          .padding-l-0 {
              padding-left:0px;
          }
          .simulate h1 {
            background: #004a8f;
            margin: 0px;
            padding: 14px;
            font-size: 20px;
            display: flex;
            align-items: center;
            cursor: default;
            justify-content: center;
            padding-top: 11px;
            border-radius: 22px 22px 0px 0px;
          }
          label[for=time-bar] {
            font-size: 8px;
            font-weight: bold;
            padding-bottom:3px;
            display:inline-block;
            margin-bottom:17px;
            margin-top:3px;
            display:none;
          }
          label[for=time-bar] span {
            font-style:normal;
            display:inline;
            font-size: inherit;
            padding:0px 5px;
          }
          label[for=time-bar] span > span {
            display:inline-block;
            width:8px;
            height:8px;
            border-radius:4px;
            padding:0px;
            margin-bottom:0px;
            position: relative;
            top: 1px;
          }
          label[for=time-bar] span.actual > span {
            background:#004a8f;
          }
          label[for=time-bar] span.used > span {
            background:rgba(0, 74, 143, 0.5);
          }
          label[for=time-bar] span.free > span {
            background:rgba(0, 74, 143, 0.2);
          }
          .play-mode {
            width: 334px;
            height: 50px;
            position: absolute;
            background: rgba(0,0,0,0.5);
            z-index: 3;
            border-radius: 25px;
          }
          .play-mode-quest {
            margin-top: -7px;
            width: 250px;
            margin-left: 39px;
            height:47px;
          }
          .play-mode::after {
              display:inline-block;
              color:white;
              background:rgba(0,0,0,0.8);
              position:absolute;
              top:-7px;
              font-size:10;
              font-weight:bold;
              font-family:Arial, Helvetica, sans-serif;
              padding:3px 6px;
              border-radius:10px;
              left: 50%;
              width: 200px;
              margin-left: -103px;
          }
          .play-mode-quest::after {
              left: 50%;
              width: 200px;
              margin-left: -103px;
          }
          .play-mode.input-7 {
              height: 470px;
          }
          .play-mode.input-2 {
              height: 49px;
          }
          .index.lang-choose {
            position: absolute;
            right: -7px;
            top: 12px;
          }
          .index.lang-choose img {
            width:30px;
          }
          .small-menu {
            margin-bottom:20px;
          }
          .small-menu-item {
            background: #5e8ab3;
            color: white;
            font-size: 21px;
            border-radius: 100%;
            width: 50px;
            height: 50px;
            display: inline-flex;
            justify-content: center;
            align-items: center;
            margin: 0px 7px;
            text-decoration:none;
            z-index:1;
            position:relative;
          }
          .small-menu-item.active {
            background: #004a8f;
          }
          .small-menu-item:hover {
            background: #004a8f;
          }
          .uppercase {
              text-transform: uppercase;
          }
          .general-settings .lang-choose a {
              text-decoration:none;
              opacity:0.3;
              transition:all 0.2s;
          }
          .general-settings .lang-choose a img {
            width: 35px;
            border: 2px solid #004a8f;
            margin-top: 5px;
            margin-right: 1px;
          }
          .general-settings .lang-choose a:hover {
              opacity:1;
          }
          .general-settings .lang-choose {
              width:auto;
              position: relative;
              left: 2px;
          }
          .general-settings a.active {
              opacity:1;
          }
          header .logo a {
              background:transparent;
          }
          .ban-set button {
              transform:none;
          }
          .companies span.dev-desc {
            right: 15px;
          }
          .upper-placeholder { 
            text-transform: uppercase;
          }
          .upper-placeholder::-webkit-input-placeholder { /* WebKit browsers */
            text-transform: uppercase;
          }
          .upper-placeholder:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
            text-transform: uppercase;
          }
          .upper-placeholder::-moz-placeholder { /* Mozilla Firefox 19+ */
            text-transform: uppercase;
          }
          .upper-placeholder:-ms-input-placeholder { /* Internet Explorer 10+ */
            text-transform: uppercase;
          }
          .upper-placeholder::placeholder { /* Recent browsers */
            text-transform: uppercase;
          }
          .input.red div:first-of-type {
            background:#ad3333;
          }
          .input.red div:nth-of-type(2) {
            border: 3px solid #ad3333;
          }
          .remove-next.red button {
            background:#ad3333;
          }
          .remove-next.red button:hover {
            background:#800707;
          }
          .input.red span.dev-desc {
            color:rgb(218, 136, 136);
          }
          .users .input div:first-of-type i {
            padding-left: 2px;
            font-size: 26px;
          }
          .users .input:not(.checked) {
            opacity: 0.7;
          }
          .users .input {
            cursor: pointer;
          }
          .font-size-22 {
              font-size:22px !important;
          }
          .simulate {
            margin-bottom: 30px;
            z-index: 111;
            position: relative;
          }
          .simulate .norma {
            margin-top: 30px;
          }
          .read-only {
            position: fixed;
            top: 0px;
            left: 0px;
            width: 100%;
            height: 100%;
            background: rgb(16, 16, 16, 0.7);
            z-index: 10;
            display:flex;
            align-items: center;
            justify-content: center;
          }
          .simulate-button {
            width: 80px;
            border-radius: 50px !important;
            height: 80px;
          }
          .simulate-button i {
            font-size: 35px;
          }
          .h1-left {
            float:left;
            position: absolute;
            left: 11px;
          }
          .h1-right {
            float: right;
            position: absolute;
            right: 11px;
          }
          .simulate .h1-left a i {
            padding-right: 0px;
            font-size: 20px;
          }
          .simulate .h1-right a i {
            padding-right: 0px;
            font-size: 24px;
          }
          .simulate .h1-left a {
            color: white;
            opacity: 0.6;
            transition: 0.2s all;
            padding-left: 4px;
            padding-top: 2px;
            display: inline-block;
          }
          .simulate .h1-right a {
            color: white;
            opacity: 0.6;
            transition: 0.2s all;
            padding-right: 5px;
            display: inline-block;
          }
          .simulate .h1-left a:hover {
            color:white;
            opacity:1;
          }
          .simulate .h1-right a:hover {
            color:white;
            opacity:1;
          }
          .simulate.hidden h1 {
            border-radius: 20px;
          }
          .simulate.hidden .input {
            display:none;
          }
          .simulate.hidden .submit {
            display:none;
          }
          .simulate.hidden .norma {
            display:none;
          }
          .text-submit {
            border: 3px solid #004a8f;
            background: white;
            padding: 12px;
            border-radius: 25px;
            text-transform: uppercase;
            font-size: 13px;
            text-align: center;
            margin-top: 0px;
            letter-spacing: 0px;
            height: 44px;
            width: 140px !important;
            padding-right: 20px;
            padding-left: 24px;
            font-weight: bold;
            padding-left: 20px;
            white-space: nowrap;
            text-decoration: none;
            color: #004a8f;
            font-family: arial;
            transition: 0.2s all;
          }
          .text-submit:hover {
            border-color: #003c73;
            color: #003c73;
          }
          .forgotten-password {
            font-family: arial;
            color: #004a8f;
            font-size: 18px;
            margin-top: -4px;
          }
          .half {
              width:50%;
              display:inline-block;
          }
          .submit.half {
            text-align: right;
            padding-left: 30px;
          }
          .submit.half input {
            width: 140px !important;
          }
          .flex {
            display:flex;
            padding: 0px 12px;
          }
          div.login h3.err-msg {
            margin-top: 0px;
            margin-bottom: 20px;
            font-size: 11px;
            font-family: arial;
            color:white;
          }
          .no-robot {
            display: flex;
            justify-content: center;
            margin-bottom: 20px;
            position:relative;
          }
          .no-robot .over-my {
            position: absolute;
            left: 0px;
            right: 0px;
            top: 0px;
            bottom: 0px;
            border: 3px solid #004a8f;
            border-radius: 20px;
            pointer-events:none;
          }
          .no-robot > div {
            position:relative;
            padding-left: 0.5px;
            z-index:1;
            border-radius: 20px;
            overflow:hidden;
          }
          .no-robot > div > div {
            padding-top: 2px;
          }
          .no-robot::after {
              content:' ';
              background:#004a8f;
              width:34px;
              height:34px;
              border-radius:17px;
              position:absolute;
              right:0px;
              top:22px;
          }
          .no-robot::before {
              content:' ';
              background:#004a8f;
              width:34px;
              height:34px;
              border-radius:17px;
              position:absolute;
              left:0px;
              top:22px;
          }
          .submit.half button {
              width:140px;
          }
          .loadings {
            font-size: 20px !important;
            padding: 12px !important;
          }
          .change-pass-submit {
              width:150px;
          }
          .height-120 {
            height: 120px !important;
          }
          .remember i {
              padding-top:2px;
          }
          .remember input::-webkit-input-placeholder { /* Edge */
            color: black;
          }
          
          .remember input:-ms-input-placeholder { /* Internet Explorer 10-11 */
            color: black;
          }
          
          .remember input::placeholder {
            color: black;
          }
          .remember input:checked + .slider:before {
            -webkit-transform: translateX(24px);
            -ms-transform: translateX(24px);
            transform: translateX(24px);
          }
          .default_video input:checked + .slider:before {
            -webkit-transform: translateX(24px);
            -ms-transform: translateX(24px);
            transform: translateX(24px);
          }
          .line-padd {
              margin-bottom:20px;
          }
          .superadmin-file span {
            padding: 15px 0px 0px 32px;
          }
          .trashing-parent:not(.trashing-add) .superadmin-file span {
            text-transform:uppercase;
          }
          .superadmin .default_video input::-webkit-input-placeholder {
            font-weight:normal;
          }
          .superadmin .default_video input:-moz-placeholder { 
            font-weight:normal;
          }
          .superadmin .default_video input::-moz-placeholder {  
            font-weight:normal;
          }
          .superadmin .default_video input:-ms-input-placeholder { 
            font-weight:normal;
          }
          .def-vid::-webkit-input-placeholder {
            text-transform: uppercase;
          }
          .def-vid:-moz-placeholder { 
            text-transform: uppercase;
          }
          .def-vid::-moz-placeholder {  
            text-transform: uppercase;
          }
          .def-vid:-ms-input-placeholder { 
            text-transform: uppercase;
          }
          .trashing-parent .trashing {    
            padding: 6.5px 9px 7.5px 10px !important;
            font-size: 18px !important;
            background: #b13131 !important;
          }
          .trashing-parent .submit {
            position: absolute;
            right: 9px;
            margin-top: 9px;
            cursor:pointer;
            transition:all 0.4s;
          }
          .trashing-parent.trashing-add .trashing {
            background: #004a8f !important;
            transform: rotate(45deg);
          }
          div.adm-vid-parent:not(.disabled-admin) > label {
              display:none;
          }
          div.adm-vid-parent.disabled-admin > label {
            position: absolute;
            font-size: 10px;
            font-family: arial;
            z-index: 2;
            background: #004a8f;
            color: white;
            padding: 2px 7px;
            text-transform: uppercase;
            border-radius: 9px;
            margin-left: 79px;
            width: 180px;
            margin-top: -5px;
          }
          .disabled-admin {
            opacity: 0.6;
            cursor: default !important;
            pointer-events: none !important;
          }
          .liquid-level {
            position: absolute;
            width: 28px;
            height: 28px;
            border-radius: 15px;
            z-index: 2;
            margin-left: 293px;
            margin-top: 11px;
            border: 2px solid #004a8f;
            box-shadow: 0px 0px 5px grey;
            display: flex;
            overflow: hidden;
          }
          .liquid-level img {
            height: 4px;
            margin-left: -2px;
          }
          .sensors span.dev-desc {
            right: 54px;
            margin-top: 20px;
            position:absolute;
          }
          .liquid-level-container .input:last-of-type {
              margin-bottom:0px;
          }
          .sensors .interaction .over-input {
              margin-left: 293px;
          }
          .sensors .interaction .over-input.right div {
            padding-top: 0px;
            padding-left: 3px;
          }
          .sensors .interaction .over-input.left div {
            padding-top: 0px;
          }
          .sensors .interaction .over-input.left {
            margin-left: 256px;
          }
          .sensors .interaction .color-chooser .choosed-color {
            font-family: arial;
            font-weight: bold;
            color: white;
            padding-top: 6.5px;
            padding-left: 0.5px;
            font-size: 13px;
          }
          .sensors .interaction .color-chooser:not(.file-chooser) .choosed-color i {
            color:#99b7d2;
            text-shadow:none;
            padding-top: 4px;
          }
          .sensors .interaction .color-chooser:nth-of-type(2) .choosed-color i {
            color:#99b7d2;
            text-shadow:none;
            padding-top: 6px;
          }
          .sensors .interaction .color-chooser:not(.file-chooser) .choosed-color {
            background: transparent;
            box-shadow:none;
            border-color:transparent;
            color: #99b7d2;
            border-width: 2px;
            padding-top: 6px;
          }
          .sensors .interaction .color-chooser:first-of-type .over-input .choosed-color,
          .sensors .interaction .color-chooser:nth-of-type(2) .over-input .choosed-color {
            font-size: 19px;
            padding-top: 0px;
          }
          .sensors .interaction .color-chooser:nth-of-type(3) .over-input .choosed-color {
            font-size: 19px;
            padding-top: 2px;
            padding-left: 2px;
          }
          .liquid-level span {
            position: absolute;
            font-family: arial;
            font-size: 8px;
            font-weight: bold;
            margin-top: 7.5px;
            color: #004a8f;
            width: 26px;
            text-align: center;
          }
          .interaction .color-chooser .over-input .choosed-color {
              cursor:auto;
          }
          .sensors .color-chooser:first-of-type .choosed-color i {
            font-size: 18px;
            padding-top: 5px;
            padding-left: 1px;
          }
          .liquid-level-container .input {
              opacity:0.6;
          }
          .liquid-level-container .input.active {
              opacity:1;
          }
          .liquid-level-container .liquid-level.active {
              background: #004a8f !important;
          }
          .liquid-level-container .liquid-level.active img {
              opacity:0;
          }
          .liquid-level-container .liquid-level:not(.active) .next {
              display:none;
          }
          .liquid-level-container .liquid-level.active span:not(.next) {
              display:none;
          } 
          .liquid-level-container .liquid-level .next {
              color: white;
              font-size: 15px;
              font-weight: bold;
              font-size: 15px;
              color: white;
              margin-top: 5px;
          }
          .interaction .color-chooser:not(.file-chooser):not(.blocked) .input {
              cursor:hand;
          }
          .liquid-overlay:hover + .input:not(.active) {
              opacity:0.7;
          }
          .interaction .color-chooser.file-chooser .input > div:first-of-type {
              cursor:default;
          }
          .interaction .color-chooser:not(.file-chooser) .over-input {
              pointer-events:none;
          }
          .liquid-level-container .liquid-overlay:hover span:first-of-type {
              display:none;
          }
          .liquid-level-container .liquid-overlay:hover span:last-of-type {
              display:inline-block;
          }
          .liquid-level-container .liquid-overlay:hover .liquid-level {
              background:#004a8f !important;
          }
          .liquid-level-container .liquid-overlay:hover img {
              display:none;
          }
          .liquid-overlay {
            display: block;
            width: 334px;
            height: 50px;
            position: absolute;
            z-index:2;
            border-radius:25px;
            cursor:hand;
          }
          .interaction .color-chooser:not(.blocked):hover .opacity-6 {
            opacity:0.7;
          }
          .interaction .color-chooser:not(.blocked):hover .input:not(.checked) {
            opacity:0.7;
          }
          .num-liquid {
            position: absolute;
            font-family: arial;
            top: 14px;
            right: 16px;
            font-size: 11px;
            font-weight: bold;
            border: 2px solid #004a8f;
            color: white;
            padding: 3px 10px;
            font-weight: bold;
            background: #004a8f;
            border-radius: 13px;
            box-shadow: 0px 0px 5px grey;
          }
          .amount-liquid i {
            font-size: 21px;
            margin-left: 16px !important;
            margin-top: 14px !important;
          }
          .count-liquid i {
            font-size: 21px;
            margin-left: 15px !important;
            margin-top: 14px !important;
          }
          .percent-liquid i {
            font-size: 23px;
          }
          .image-liquid > div {
            background: linear-gradient(0deg, #a7d5ff 70%, #ffffff 0%);
            width: 150px;
            height: 150px;
            margin: auto;
            border-radius: 75px;
            border: 3px solid #004a8f;
            margin-bottom: 19px;
            margin-top: 22px;
            overflow:hidden;
            position:relative;
            box-shadow: 0px 0px 8px #a0a0a0;
            z-index:1;

          }
          .image-liquid span {
            position: absolute;
            width: 100%;
            text-align: center;
            left: 3px;
            top: 48px;
            font-family: arial;
            font-weight: bold;
            color: #004a8f;
            font-size: 44px;
          }
          .image-liquid {
              position:relative;
          }
          .image-liquid:after, .image-liquid:before {
            position: absolute;
            background: #004a8f;
            width: 100px;
            height: 100px;
            border-radius: 50px;
            content: ' ';
            left: 54px;
            top: 25px;
            box-shadow: 0px 0px 8px #a0a0a0;
          }
          .image-liquid:before {
            left: 180px;
          }
          .dev-desc.num-liq {
            right: 23px !important;
          }
          .choosed-color.no-def {
              cursor:hand !important;
          }
          #file-chooser-button {
            color: inherit;
            display: flex;
            text-decoration: none;
            width: 100%;
          }
          .interaction .setting-next {
              position:absolute;  
              top: 40px;
              left: 256px;
          }
          .interaction .setting-next i {
              font-size:16px;
          }
          .no-def.to-left, .no-def.to-right {
            transition:all 0.2s;
          }
          .no-def.to-left:hover, .no-def.to-right:hover {
            background: #003c73;
          }
          .arrow-up {
            width: 0;
            height: 0;
            border-left: 11px solid transparent;
            border-right: 11px solid transparent;
            border-bottom: 20px solid #004a8f;
            position: absolute;
            margin-top: -20px;
            margin-left: calc(50% - 11px);
            z-index: 1;
          }
          .sensors .input.toggle .mail-people {
            max-width: 305px !important;
            width: 305px !important;
          }
          .bold-placeholder::-webkit-input-placeholder { /* Chrome/Opera/Safari */
            font-weight:bold;
          }
          .bold-placeholder::-moz-placeholder { /* Firefox 19+ */
            font-weight:bold;
          }
          .bold-placeholder:-ms-input-placeholder { /* IE 10+ */
            font-weight:bold;
          }
          .bold-placeholder:-moz-placeholder { /* Firefox 18- */
            font-weight:bold;
          }
          .normal-placeholder::-webkit-input-placeholder { /* Chrome/Opera/Safari */
            text-transform: none;
          }
          .normal-placeholder::-moz-placeholder { /* Firefox 19+ */
            text-transform: none;
          }
          .normal-placeholder:-ms-input-placeholder { /* IE 10+ */
            text-transform: none;
          }
          .normal-placeholder:-moz-placeholder { /* Firefox 18- */
            text-transform: none;
          }
          .mail-people > div:first-of-type {
            height: 100%;
            border-radius: 25px;
          }
          .mail-people > div:nth-of-type(2) {
            padding-left:55px;
          }
          .mail-people .users {
            background: none !important;
            border: none !important;
            box-shadow: none !important;
            position: relative !important;
            width: 100% !important;
            display: block !important;
            text-align: left;
            height: auto !important;
            margin:11px 0px 11px 0px;
            padding-right:6px;
          }
          .mail-people .user {
            border: none !important;
            box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.3) !important;
            position: relative !important;
            width: fit-content !important;
            display: inline-block !important;
            height: fit-content !important;
            background: #3d97ea !important;
            border-radius: 20px !important;
            font-family: arial;
            font-size: 11px !important;
            padding: 2px 12px !important;
            padding-right: 24px !important;
            overflow:inherit !important;
            margin: 3px 6px 3px 0px !important;
          }
          .mail-people .mail-list {
            border: none !important;
            box-shadow: none !important;
            padding-left: 0px !important;
            margin-top: -3px !important;
            width: 100% !important;
          }
          .sensors .mail-people .mail-list input {
            padding-left: 2px !important; 
          }
          .mail-people > div:nth-of-type(2) {
            flex-flow: column;
            height: auto !important;
          }
          .mail-people .mail-delete i {
            font-size: 11px !important;
            margin:0px !important;
          }
          .mail-delete {
            background: #004a8f;
            border-radius: 10px;
            width: 20px;
            height: 20px;
            position: absolute;
            display: inline-flex;
            padding-right: 1px;
            margin-top: -4px;
            margin-left: 4px;
            cursor:hand;
            display:inline-flex;
            justify-content: center;
            align-items: center;
            box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.3) !important;
          }
          .mail-people {
            border-radius: 25px !important;
          }
          .mail-add a {
            background: #3d97ea;
            color: white;
            width: 28px;
            height: 28px;
            display: inline-flex;
            border-radius: 14px;
            text-decoration: none;
            justify-content: center;
            align-items: center;
            box-shadow: 0px 0px 5px grey;
          }
          .sensors .mail-add {
            margin-left: 293px;
            margin-top: 11px;
          }
          .mail-add-main i {
            padding-left: 4px !important;
          }
          .sensors #notification .mail-add-main input {
              width:100% !important;
          }
          .sensors #notification .mail-add-main input {
              min-width: 305px !important;
          }
          .user.empty {
            opacity:0.5;
            background: #d84444 !important;
            padding-right: 12px !important;
          }
          .super-admin-1 {
            left: 303px !important;
            top: 12px !important;
          }
          .super-admin-2 {
            left: 325px !important;
            top: 39px !important;
          }
          .super-admin-3 {
            top: 66px !important;
            left: 303px !important;
          }
          .super-admin-2 button {
            transform: rotate(0deg);
          }
          .super-admin-2.active button {
            border: 2px solid #004a8f;
            background: white;
            color: #004a8f;
            cursor:default;
          }
          .super-admin-2.hide {
            display:none !important;
          }
          .unknown-level {
            font-size:11px !important;
            margin-top:5.5px !important;
            padding-right:1px !important;
          }
          .section-sets {
            position: absolute;
            background: #004a8f;
            color: white;
            display: flex;
            width: 30px;
            height: 30px;
            font-size: 15px;
            justify-content: center;
            align-items: center;
            margin-top: -39px;
            margin-left: 303px;
            padding-left: 1px;
            border-radius: 20px;
            box-shadow: 0px 0px 5px grey;
          }
          .interaction-setting {
            border: 3px solid #004a8f !important;
            padding: 0px !important;
            height: 36px !important;
            background: white !important;
            color: #004a8f !important;
            margin-right: 5px !important;
            min-width: 130px;
            z-index: 4;
            position: relative;
          }
          .interaction-save {
            margin-left: 5px !important;
            min-width: 130px;
            padding: 0px !important;
            height: 36px;
            z-index: 4;
            position: relative;
            border: 3px solid #004a8f !important;
          }
          .interaction-setting.active {
            background: #004a8f !important;
            color: white !important;
          }
          .interaction-save:not(.active) {
            background: white !important;
            color: #004a8f !important;
          }
          .interaction > div > div {
            position:relative !important;
          }
          .interaction-setting-layer {
            background: #e2f1ff;
            position: absolute;
            top: -30px;
            bottom: -30px;
            left: -30px;
            right: -30px;
            z-index: 4;
            padding:30px;
            display:none;
          }
          .interaction-setting-layer.open { 
            display:block;
          }
          .interaction-setting-layer i {
            font-size: 23px !important;
            padding-left: 1px !important;
          }
          .show-adv .choosed-color {
            padding-top: 2px !important;
            padding-left: 3px !important;
          }
          #playlists > div > .two_position1 {
            top:18px !important;
            left:318px !important;
          }
          #playlists > div > .two_position2 {
            top:60px !important;
            left:318px !important;
          }
          .stats-sens {
            background: #004a8f;
            width: 28px;
            height: 28px;
            border-radius: 28px;
            margin-right: 2px;
            display: inline-flex;
            justify-content: center;
            align-items: center;
            position:relative;
          }
          .stats-sens i {
            color: white;
            font-size: 16px;
            display: inline;
            padding: 0px;
            padding-left: 2px;
          }
          span.stats-sens i {
            font-size: 15px;
          }
          span.stats-sens {
          }
          .info-device span.stats-sens:first-of-type {
            margin-right:2px;
          }
          .info-device span.stats-sens:first-of-type i {
            font-size:14px;
            padding-left: 1px;
          }
          .admin #linked-devices .info-device {
            height:50px;
            opacity:1 !important;
          }
          .info-device span.stats-sens {
            top:-1px;
            opacity:0.4;
          }
          a.stats-sens {
            transition:0.2s all;
          }
          a.stats-sens:hover {
            background:#003c73;
          }