body {
    margin: 0px;
    padding: 0px;
    font-family: 'Roboto', sans-serif;
    line-height: 24px;
    font-size: 16px;
    -webkit-touch-callout: none;
    /* iOS Safari */
    -webkit-user-select: none;
    /* Safari */
    -khtml-user-select: none;
    /* Konqueror HTML */
    -moz-user-select: none;
    /* Firefox */
    -ms-user-select: none;
    /* Internet Explorer/Edge */
    color: #444444;
}

* {
    user-select: none;
    outline: 0;
}

.clear {
    clear: both;
}

/*TOAST MESSAAGES*/

toastmessage {
	padding: 0px;
	color: #fff;
	min-height: 22px;
	padding: 14px;
	position: fixed;
	left: 0px;
	right: 0px;
	bottom: -100px;
	background: #3EC378;
	box-shadow: 0px 0px 15px rgba(0,0,0,0.2);
	text-align: center;
	font-weight: bold;
	z-index: 1000;
	-webkit-transition-duration: 400ms;
	   -moz-transition-duration: 400ms;
		-ms-transition-duration: 400ms;
			transition-duration: 400ms;
}

toastmessage.show {
	-webkit-transform: translateY(-100px);
	   -moz-transform: translateY(-100px);
   	    -ms-transform: translateY(-100px);
			transform: translateY(-100px);
}

toastmessage.error {
	background: #F44336;
}

toastmessage.warning {
	background: #FFC107;
}

/*THEME*/

body.theme-domoticalabs a {
    color: #30D8F5;
}

body.theme-domoticalabs .c-1 {
    width: 100%;
    box-sizing: border-box;
}

body.theme-domoticalabs .c-2 {
    width: 50%;
    box-sizing: border-box;
}

body.theme-domoticalabs .c-3 {
    width: 33.3333%;
    box-sizing: border-box;
}

body.theme-domoticalabs .c-4 {
    width: 25%;
    box-sizing: border-box;
}

body.theme-domoticalabs .c-5 {
    width: 20%;
    box-sizing: border-box;
}

body.theme-domoticalabs .left {
    float: left;
}

body.theme-domoticalabs .right {
    float: right;
}

body.theme-domoticalabs .clear {
    clear: both;
}

body.theme-domoticalabs .header {
    height: 60px;
    position: relative;
    border-bottom: 5px solid #30D8F5;
    background: #000000;
    z-index: 10;
}

body.theme-domoticalabs .header .title {
    position: absolute;
    right: 120px;
    left: 120px;
    line-height: 60px;
    color: #fff;
    text-align: center;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

body.theme-domoticalabs .header .title.logo {
    background: url('../img/logo.png') center center no-repeat;
    background-size: 90px;
    height: 60px;
}

body.theme-domoticalabs .header .icon {
    color: #fff;
}

body.theme-domoticalabs .header .icon.right {
    float: right;
}

body.theme-domoticalabs .header .icon.left {
    left: left;
}

body.theme-domoticalabs .list-content {
    overflow: scroll;
    -webkit-overflow: touch;
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    padding-top: 65px;
    padding-bottom: 30px;
}

body.theme-domoticalabs .bg-transparent {
    background: transparent;
}

body.theme-domoticalabs .bg-pattern-1 {
    background: linear-gradient(45deg, #9E9E9E 0%, #03A9F4 100%);
}

body.theme-domoticalabs .bg-pattern-2 {
    background: radial-gradient(ellipse at center, rgba(255, 255, 255, 1) 41%, rgba(255, 255, 255, 1) 41%, rgba(222, 225, 232, 1) 94%);
}

body.theme-domoticalabs .bg-pattern-3 {
    background: linear-gradient(45deg, rgba(222, 225, 232, 1) 0%, rgba(245, 246, 248, 0.46) 69%, rgba(255, 255, 255, 0.46) 100%);
}

body.theme-domoticalabs .bg-pattern-4 {
    background: radial-gradient(ellipse at center, rgb(205, 61, 72) 0%, rgb(123, 60, 112) 100%);
}

body.theme-domoticalabs .bg-pattern-5 {
    background: linear-gradient(15deg, #bebebe 0%, #ffffff 100%);
}

body.theme-domoticalabs .bg-pattern-6 {
    background: linear-gradient(15deg, #000000 0%, #888888 100%)
}

body.theme-domoticalabs .bg-pattern-red {
    background: #F44336;
}

body.theme-domoticalabs .container {
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
}

body.theme-domoticalabs .icon {
    width: 60px;
    height: 60px;
    text-align: center;
    box-sizing: border-box;
    transition-duration: 30ms;
    -webkit-transition-duration: 30ms;
    border-radius: 5px;
    display: block;
}

body.theme-domoticalabs .icon .material-icons {
    line-height: 60px;
    font-size: 28px;
}

body.theme-domoticalabs .icon.rounded {
    border-radius: 100%;
}

body.theme-domoticalabs .icon.borded {
    border: 2px solid #fff;
}

body.theme-domoticalabs .icon.shadow {
    box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.2);
}

body.theme-domoticalabs .icon.list-config {
    position: absolute;
    top: 40px;
    left: 40px;
    /*z-index: 10;*/
}

body.theme-domoticalabs .icon.list-config i {
    color: #aaa;
}

body.theme-domoticalabs .object .icon.list-config {
    border-radius: 5px;
    left: auto;
    right: 12px;
    top: 12px;
}

body.theme-domoticalabs .object .list-title {
    position: absolute;
    left: 15px;
    right: 70px;
    overflow: hidden;
    font-size: 18px;
    top: 15px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-align: left;
    color: #999fa5;
}

body.theme-domoticalabs .object .list-data {
    position: absolute;
    font-size: 15px;
    left: 15px;
    top: 60px;
    line-height: 16px;
    text-align: left;
    opacity: 0.8;
}

body.theme-domoticalabs .object .list-data .material-icons {
    font-size: 12px;
    margin-left: 10px;
}

body.theme-domoticalabs .object .list-data span {
    color: #30D8F5;
    font-size: 15px;
}

body.theme-domoticalabs .object .list-data span.disabled {
    color: #aaaaaa;
}

body.theme-domoticalabs .main {
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
}

body.theme-domoticalabs .list-label {
    color: #fff;
    line-height: 28px;
    margin-top: 20px;
    text-align: center;
    font-size: 12px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

body.theme-domoticalabs label {
    font-size: 12px;
}

body .info-data {
    color: #444;
    margin-top: 0px;
}

body.theme-domoticalabs .app-modal.show-message .display.center {
    top: 130px;
}

body.theme-domoticalabs .app-modal.show-message .display.top {
    height: 70px;
}

body.theme-domoticalabs .app-modal.show-message .bg-curve-1 {
    height: 0px;
}

body.theme-domoticalabs .app-modal {
    z-index: 10;
    transition-duration: 500ms;
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    opacity: 0;
    display: none;
    transform: translateY(100px);
}

body.theme-domoticalabs .app-modal .header .icon.close {
    transition-duration: 500ms;
    transform: rotate(180deg);
}

body.theme-domoticalabs .app-modal.intro .header .icon.close {
    transform: rotate(0deg);
}

body.theme-domoticalabs .app-modal.intro {
    transform: translateY(0px);
    opacity: 1;
}

body.theme-domoticalabs .app-modal[type='hot'] .bg-pattern-1 {
    background: linear-gradient(45deg, #583a7e 0%, #d83e42 100%);
}

body.theme-domoticalabs .app-modal[type='medium'] .bg-pattern-1 {
    background: linear-gradient(45deg, #00BCD4 0%, #FFC107 100%);
}

body.theme-domoticalabs .state-speed[status='on'] .bg-pattern-red {
    background: #cddc39;
}

body.theme-domoticalabs .state-speed[status='off'] .state-speed-background i {
    display: none;
}

body.theme-domoticalabs .app-modal .display {
    position: absolute;
    left: 0px;
    right: 0px;
    transition-duration: 500ms;
}

body.theme-domoticalabs .app-modal .display.bottom {
    bottom: 0px;
    height: 35%;
    background: #fff;
}

body.theme-domoticalabs .app-modal .bg-curve-1 {
    position: absolute;
    top: 0px;
    width: 100%;
    background: url(../img/bg-curve-1.png) no-repeat;
    background-size: 100% 100%;
    background-position: bottom;
    height: 60px;
    opacity: 0.2;
    transform: rotate(180deg);
    transition-duration: 500ms;
}

body.theme-domoticalabs .app-modal .bg-curve-2 {
    position: absolute;
    bottom: 0px;
    width: 100%;
    background: url(../img/bg-curve-2.png) no-repeat;
    background-size: 100% 100%;
    background-position: bottom;
    height: 150px;
    transition-duration: 500ms;
}

body.theme-domoticalabs .app-modal .display.center {
    top: 85px;
    bottom: 35%;
}

body.theme-domoticalabs .app-modal .display.top {
    top: 65px;
    height: 20px;
    overflow: hidden;
    background: rgba(255, 255, 255, 0.2);
}

body.theme-domoticalabs .app-modal .state {
    position: absolute;
    top: -60px;
    left: 0px;
    width: 100%;
}

body.theme-domoticalabs .app-modal .state .icon-set,
body.theme-domoticalabs .app-modal .state-status {
    margin: auto;
    width: 120px;
}

body.theme-domoticalabs .app-modal .state .icon-set .icon {
    float: left;
    width: 120px;
    height: 120px;
}

body.theme-domoticalabs .app-modal .state .icon-set .icon i {
    opacity: 0.5;
}

body.theme-domoticalabs .app-modal .state .icon-set .icon.state-2 {
    margin-top: -9px;
}

body.theme-domoticalabs .app-modal .state .icon-set .icon i {
    line-height: 120px;
    font-size: 40px;
}

body.theme-domoticalabs .app-modal .icon.onoff {
    position: absolute;
    top: 40px;
    left: 40px;
    z-index: 10;
}

body.theme-domoticalabs .app-modal .icon.onoff i {
    color: #fff;
}

body.theme-domoticalabs .app-modal .icon.rounded:active {
    transform: translateY(3px);
    box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.3);
}

body.theme-domoticalabs .app-modal .text-label {
    font-weight: 300;
    font-size: 11px;
    opacity: 0.5;
}

body.theme-domoticalabs .app-modal .text-white {
    color: #fff;
}

body.theme-domoticalabs .app-modal .text-selected {
    text-shadow: 0px 0px 7px #fff;
    /*text-decoration: underline;*/
    opacity: 1;
}

body.theme-domoticalabs .text-left {
    text-align: left;
}

body.theme-domoticalabs .text-right {
    text-align: right;
}

body.theme-domoticalabs .text-center {
    text-align: center;
}

body.theme-domoticalabs .text-upper {
    text-transform: uppercase;
}

body.theme-domoticalabs .text-lower {
    text-transform: lowercase;
}

body.theme-domoticalabs .app-modal .state-showed {
    position: absolute;
    bottom: 60px;
    width: 100%;
}

body.theme-domoticalabs .app-modal .text-medium {
    font-size: 32px;
    font-weight: 300;
    line-height: 50px;
    font-family: 'Varela Round', sans-serif;
}

body.theme-domoticalabs .app-modal .text-big {
    font-size: 82px;
    font-weight: 200;
    line-height: 88px;
    font-family: 'Varela Round', sans-serif;
}

body.theme-domoticalabs .app-modal .state-main-params {
    position: absolute;
    bottom: 0%;
    width: 100%;
    left: 0px;
}

body.theme-domoticalabs .app-modal .state-main-params .indicator {
    width: 201px;
    height: 200px;
    margin: auto;
    position: relative;
}

body.theme-domoticalabs .app-modal .state-main-params .indicator .line,
body.theme-domoticalabs .app-modal .state-main-params .indicator .index {
    width: 1px;
    height: 200px;
    left: 100px;
    position: absolute;
    bottom: 0px;
    transform-origin: center bottom;
}

body.theme-domoticalabs .app-modal .state-main-params .indicator .line span {
    position: absolute;
    top: 0px;
    width: 1px;
    height: 30px;
    background:#fff;
}

body.theme-domoticalabs .app-modal .state-main-params .indicator .line span.mini,
body.theme-domoticalabs .app-modal .state-main-params .indicator .line span.medium {
    height: 10px;
    width: 1px;
    left: 0px;
    opacity: 0.5;
}

body.theme-domoticalabs .app-modal .state-main-params .indicator .line span.medium {
    height: 20px;
}

body.theme-domoticalabs .app-modal .state-main-params .indicator .index {
    width: 16px;
    left: 92px;
    border-top-left-radius: 100%;
    border-top-right-radius: 100%;
    background: #F44336;
    box-shadow: -4px 4px 4px rgba(0,0,0,0.3);
    transition-duration: 500ms;
    bottom: 0px;
    height: 190px;
    transform: rotate(-67.7deg);
}

body.theme-domoticalabs .app-modal .state-main-params .indicator .index::after {
    content: "";
    position: absolute;
    top: 5px;
    left: 2px;
    right: 2px;
    bottom: 2px;
    box-shadow: inset 0px 0px 5px rgba(0,0,0,0.3);
    border-radius: 10px;
    background: rgba(0,0,0,0.1);
    border-top-left-radius: 100%;
    border-top-right-radius: 100%;
}

body.theme-domoticalabs .app-modal .state-main-params .indicator .light {
    background: #ffc107;
    width: 80px;
    height: 80px;
    border-radius: 100%;
    position: absolute;
    left: 60px;
    bottom: -12px;
    box-shadow: 0px 0px 200px #ffc107;
    display: none;
}

body.theme-domoticalabs .app-modal .state-main-params .indicator.on .light {
    display: block;
}

body.theme-domoticalabs .app-modal .state-main-params .indicator.on .index {
    transform: rotate(33deg);
}

body.theme-domoticalabs .app-modal .value span {
    font-size: 30%;
}

body.theme-domoticalabs .main .state-speed {
    height: 140px;
    width: 100%;
}

body.theme-domoticalabs .main .state-speed.list {

}

body.theme-domoticalabs .app-modal .state-speed {
    position: absolute;
    height: 140px;
    bottom: 7%;
    width: 100%;
    left: 0px;
    /*transform: rotate(90deg);*/
}

body.theme-domoticalabs .state-speed .state-speed-slider {
    width: 140px;
    height: 140px;
    margin: auto;
    position: relative;
}

body.theme-domoticalabs .state-speed-background {
    /*background: linear-gradient(45deg, rgba(222, 225, 232, 1) 0%, rgba(245, 246, 248, 1) 20%, rgba(255, 255, 255, 1) 100%);*/
    position: absolute;
    top: 26px;
    left: 26px;
    width: 88px;
    height: 88px;
    z-index: 5;
    border-radius: 100%;
    box-shadow: inset 0px 0px 20px rgba(0, 0, 0, 0.2);
}

body.theme-domoticalabs .state-speed-background i {
    line-height: 88px;
    text-align: center;
    font-size: 88px;
    opacity: 0.1;
    color: #000;
}

body.theme-domoticalabs .rs-border {
    border-color: #eee;
}

body.theme-domoticalabs .rs-handle {
    background: linear-gradient(45deg, rgba(222, 225, 232, 1) 0%, rgba(245, 246, 248, 1) 20%, rgba(255, 255, 255, 1) 100%);
    box-sizing: border-box;
    border: 2px solid #fff;
    box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.4);
}

body.theme-domoticalabs .rs-seperator {
    border: 1px solid #eee;
    width: 40px !important;
    display: none;
}

body.theme-domoticalabs .speed-counters .counter {
    position: absolute;
    width: 20px;
    height: 20px;
    border-radius: 100%;
    line-height: 20px;
    text-align: center;
    font-size: 12px;
    z-index: 8;
    color: #ccc;
    box-sizing: border-box;
    /*
    transform: rotate(-90deg);
    background: #fff;
    border: 1px solid #ddd;
    */
}

body.theme-domoticalabs .main .speed-counters .counter {
    display: none;
}

body.theme-domoticalabs .speed-counters .counter.counter-0 {
    top: -20px;
    left: 60px;
}

body.theme-domoticalabs .speed-counters .counter.counter-1 {
    top: 20px;
    left: 130px;
}

body.theme-domoticalabs .speed-counters .counter.counter-2 {
    top: 100px;
    left: 130px;
}

body.theme-domoticalabs .speed-counters .counter.counter-3 {
    top: 140px;
    left: 60px;
}

body.theme-domoticalabs .speed-counters .counter.counter-4 {
    top: 100px;
    left: -10px;
}

body.theme-domoticalabs .speed-counters .counter.counter-5 {
    top: 20px;
    left: -10px;
}

body.theme-domoticalabs .app-modal .message {
    color: #fff;
    text-align: center;
    font-size: 12px;
    position: absolute;
    transition-duration: 500ms;
    box-sizing: border-box;
    width: 100%;
    padding-left: 10px;
    padding-right: 10px;
    top: -40px;
}

body.theme-domoticalabs .app-modal.show-message .message {
    top: 10px;
}

body.theme-domoticalabs .app-modal .alert {
    text-align: center;
    position: absolute;
    top: -20px;
    width: 100%;
    transition-duration: 500ms;
}

body.theme-domoticalabs .app-modal.show-message .alert {
    top: -22px;
}

body.theme-domoticalabs .app-modal .alert i {
    line-height: 44px;
    margin-right: 3px;
    margin-left: 3px;
    color: #fff;
    /*color: #F44336;*/
    color:#FF5722;
}

@keyframes pulse_animation {
    0% {
        transform: scale(1);
    }
    30% {
        transform: scale(1);
    }
    40% {
        transform: scale(1.11);
    }
    50% {
        transform: scale(1);
    }
    60% {
        transform: scale(1);
    }
    70% {
        transform: scale(1.8);
    }
    80% {
        transform: scale(1);
    }
    100% {
        transform: scale(1);
    }
}

@keyframes rotate_animation { 100% { -webkit-transform: rotate(360deg); transform:rotate(360deg); } }

body.theme-domoticalabs .pulse {
    animation-name: pulse_animation;
    animation-duration: 1000ms;
    transform-origin: 50% 50%;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}

body.theme-domoticalabs .rotate {
    animation-name: rotate_animation;
    animation-duration: 800ms;
    transform-origin: 50% 50%;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}

body.theme-domoticalabs .state-speed[speed="0"] .rotate,
body.theme-domoticalabs [property-id='speed'][property-value='0'] .rotate {
    animation-duration: 10000000000ms;
}

body.theme-domoticalabs .state-speed[speed="1"] .rotate,
body.theme-domoticalabs [property-id='speed'][property-value='1'] .rotate {
    animation-duration: 3000ms;
}

body.theme-domoticalabs .state-speed[speed="2"] .rotate,
body.theme-domoticalabs [property-id='speed'][property-value='2'] .rotate {
    animation-duration: 2000ms;
}

body.theme-domoticalabs .state-speed[speed="3"] .rotate,
body.theme-domoticalabs [property-id='speed'][property-value='3'] .rotate {
    animation-duration: 1200ms;
}

body.theme-domoticalabs .state-speed[speed="4"] .rotate,
body.theme-domoticalabs [property-id='speed'][property-value='4'] .rotate {
    animation-duration: 850ms;
}

body.theme-domoticalabs .state-speed[speed="5"] .rotate,
body.theme-domoticalabs [property-id='speed'][property-value='5'] .rotate {
    animation-duration: 500ms;
}

body.theme-domoticalabs .state-speed[speed="6"] .rotate,
body.theme-domoticalabs [property-id='speed'][property-value='6'] .rotate {
    animation-duration: 500ms;
}

body.theme-domoticalabs form {
    padding: 20px;
    color: #555555;
    box-sizing: border-box;
    max-width: 400px;
    margin: auto;
}

body.theme-domoticalabs form input,
body.theme-domoticalabs form select,
body.theme-domoticalabs form textarea {
    -webkit-appereance: none;
    background: transparent;
    line-height: 44px;
    min-height: 44px;
    border: 0px;
    border-bottom: 1px solid #555555;
    border-radius: 0px;
    -webkit-appearance: none;
    margin-bottom: 15px;
    color: #555555;
    padding: 0px;
    font-size: 16px;
    width: 100%;
}

body.theme-domoticalabs form .field-input.error input,
body.theme-domoticalabs form .field-input.error select,
body.theme-domoticalabs form .field-input.error textarea {
    border-color: #f44336;
    color: #f44336;
}

body.theme-domoticalabs form .field-input.error label {
    color: #f44336;
}

body.theme-domoticalabs form input[type="checkbox"] {
    width: 22px;
    height: 22px;
    background: transparent;
    border: 1px solid #555;
    float: left;
    line-height: 22px;
    padding: 0px;
    margin: 0px;
    min-height: 22px;
    margin-right: 7px;
}

body.theme-domoticalabs form input[type="checkbox"]:checked {
    background: #555;
}

body.theme-domoticalabs form.field-input {
    min-height: 44px;
}

body.theme-domoticalabs form textarea {
    line-height: 22px;
    margin-top:  10px;
}


body.theme-domoticalabs form label {
    font-size: 12px;
    object-position: 0.5;
    color: #555555;
}

body.theme-domoticalabs form .field-input.checkbox label {
    line-height: 44px;
    float: left;
}

body.theme-domoticalabs button {
    position: relative;
    background: #607d8b;
    border: 0px;
    line-height: 44px;
    color: #fff;
    font-size: 16px;
    margin-bottom: 15px;
    width: 100%;
    box-shadow: 0px 2px 4px rgba(0,0,0,0.2);
    border-radius: 5px;
}

body.theme-domoticalabs  button.off {
    display: none;
}

body.theme-domoticalabs  .off {
    display: none;
}

body.theme-domoticalabs button.green  {
    background: #cddc39;
}

body.theme-domoticalabs button.red  {
    background: #f44336;
}

body.theme-domoticalabs button.blue  {
    background:#03a9f4;
}

body.theme-domoticalabs button.yellow  {
    background:#30D8F5
}

body.theme-domoticalabs button.loader  {
    color: transparent;
    background-image: url('../img/loader.svg');
    background-position: center center;
    background-repeat: no-repeat;
}

body.theme-domoticalabs .loader  {
    color: transparent;
    background-image: url('../img/loader-black.svg');
    background-position: center center;
    background-repeat: no-repeat;
    width: 100%;
    height: 44px;
}

body.theme-domoticalabs form  button:active {
    box-shadow: 0px 2px 12px rgba(0,0,0,0.4);
}

body.theme-domoticalabs .msg,
body.theme-domoticalabs .object {
    text-align: center;
    background: rgba(255,255,255,0.6);
    padding:  15px;
    border-radius: 5px;
    box-shadow: 0px 2px 4px rgba(0,0,0,0.1);
    position: relative;
    font-size: 16px;
}

body.theme-domoticalabs .object .content {
    position: absolute;
    top: 2px;
    left: 2px;
    right: 2px;
    bottom: 2px;
    background: transparent;
    box-shadow: inset 0px 0px 10px rgba(0,0,0,0.1);
    border-radius: 2px;
}

body.theme-domoticalabs .object {
    margin-top: 15px;
    height: 60px;
}

body.theme-domoticalabs .msg .material-icons {
    font-size: 44px;
    width: 100%;
    margin-top: -44px;
}

body.theme-domoticalabs .msg.error .material-icons {
	color: #ed1d25;
}

body.theme-domoticalabs .padding-standard {
    padding: 20px;
}

body.theme-domoticalabs .state-status[property-id='mode'][property-value='0'] [mode='0'],
body.theme-domoticalabs .state-status[property-id='mode'][property-value='1'] [mode='1'],
body.theme-domoticalabs .state-status[property-id='mode'][property-value='2'] [mode='2'],
body.theme-domoticalabs .state-status[property-id='mode'][property-value='3'] [mode='3'] {
    color: #30D8F5;
    text-shadow: 0px 0px 8px #30D8F5;
    opacity: 1;
}

body.theme-domoticalabs .list-data span[property-id='mode'] {
    float: left;
}

body.theme-domoticalabs .list-data [property-id='mode'] label {
    display: none;
}

body.theme-domoticalabs .list-data [property-id='mode'][property-value='0'] [mode='0'],
body.theme-domoticalabs .list-data [property-id='mode'][property-value='1'] [mode='1'],
body.theme-domoticalabs .list-data [property-id='mode'][property-value='2'] [mode='2'],
body.theme-domoticalabs .list-data [property-id='mode'][property-value='3'] [mode='3'] {
    display: block;
}

body.theme-domoticalabs .slider-elements {
    overflow: auto;
    margin-bottom: 0px;
    padding-left: 15px;
}

body.theme-domoticalabs .slider-time {
    position: relative;
}

body.theme-domoticalabs .slider-time .title {
    text-transform: uppercase;
    font-size: 10px;
    text-align: center;
    width: 44px;
    background: #979ea3;
    position: absolute;
    transform: rotate(-90deg);
    color: #fff;
    top: 45px;
    left: 0px;
    transform-origin: top left;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    line-height: 15px;
}

body.theme-domoticalabs .slider-elements td {
    line-height: 44px;
    min-width: 32px;
    text-align: center;
    background: rgba(255,255,255,0.4);
    color: #aaa;
    padding-left: 6px;
    padding-right: 6px;
}

body.theme-domoticalabs .slider-elements td.selected {
    background: #30D8F5;
    color: #fff;
}

body.theme-domoticalabs .c-14 {
    width: 14.2857%;
}

body.theme-domoticalabs .c-20 {
    width: 20%;
}

body.theme-domoticalabs .c-16 {
    width: 16.6666%;
}

body.theme-domoticalabs .c-33 {
    width: 33.3333%;
}

body.theme-domoticalabs .days {
    height: 32px;
    margin-top: 10px;
    margin-bottom: 30px;
}

body.theme-domoticalabs .ball.day {
    width:  32px;
    height: 32px;
    background: #fff;
    text-align: center;
    line-height: 32px;
    border: 1px solid #ddd;
    border-radius: 100%;
    box-sizing: border-box;
    margin: auto;
}

body.theme-domoticalabs .ball.day.selected {
    background: #30D8F5;
    color: #fff;
}

body.theme-domoticalabs .schedulation-objects-bars-legenda {
    font-size:  10px;
    color: #aaa;
}

body.theme-domoticalabs .schedulation-single-object .label {
    text-align: center;
    font-size: 12px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    color: #9E9E9E;
}

body.theme-domoticalabs .schedulation-objects-bars {
    width: 100%;
    height: 22px;
    background: #fff;
    text-align: center;
    line-height: 22px;
    border-radius: 22px;
    box-sizing: border-box;
    margin-top: 0px;
    position: relative;
    /*overflow: hidden;*/
}

body.theme-domoticalabs .schedulation-objects-bars .range {
    position: absolute;
    top: 0px;
    height: 22px;
    width: 22px;
    border-radius: 100%;
    box-sizing: border-box;
    background: #f44336;
    color: #fff;
    font-size: 10px;
    line-height: 22px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}


body.theme-domoticalabs .schedulation-objects-bars .range .material-icons {
    font-size: 15px;
    line-height: 22px;
}

body.theme-domoticalabs .schedulation-objects-bars .range.mode-1 {
    background: #cedd39;
}

body.theme-domoticalabs .schedulation-objects-bars .range.mode-2 {
    background: #03a9f4;
}

body.theme-domoticalabs .schedulation-objects-bars .range.mode-3 {
    background: #f46f03;
}

body.theme-domoticalabs .time-group {
    background: rgba(255,255,255,0.5);
    padding: 15px;
    border-radius: 5px;
    margin-bottom: 15px;
    box-shadow: 0px 2px 4px rgba(0,0,0,0.2);
}

body.theme-domoticalabs .time-group button {
    margin: 0px;
}

body.theme-domoticalabs .time-group button {
    line-height: 0px;
}

body.theme-domoticalabs .time-group button i {
    line-height: 44px;
}

/*Toggle ono-off*/

.toggleWrapper {
	margin: auto;
    width: 100%;
    margin-bottom: 20px;
}

.toggleWrapper input {
	position: absolute;
	left: -99em;
}

.toggle {
	cursor: pointer;
	display: inline-block;
	position: relative;
	width: 100%;
	height: 50px;
	background: #f44336;
	border-radius: 5px;
	-webkit-transition: all 200ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
	transition: all 200ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
}

.toggle:before, .toggle:after {
	position: absolute;
	line-height: 50px;
	font-size: 14px;
	z-index: 2;
	-webkit-transition: all 200ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
	transition: all 200ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
}

.toggle:before {
    content: "NON ATTIVA";
    width: 50%;
    text-align: center;
	color: #888.toggleWrapper;
}

.toggle:after {
    content: "ATTIVA";
    right: 0px;
    width: 50%;
    text-align: center;
	color: #fff;
}

.toggle__handler {
    display: inline-block;
    position: relative;
    z-index: 1;
    background: #fff;
    width: 50%;
    height: 50px;
    border-radius: 5px;
    /* top: 3px; */
    /* left: 3px; */
    -webkit-transition: all 200ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
    transition: all 200ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
    -webkit-transform: translateX(0px);
    transform: translateX(0px);
    box-sizing: border-box;
}

input:checked + .toggle {
	background: #cddd39;
}

input:checked + .toggle:before {
	color: #fff;
}

input:checked + .toggle:after {
	color: #cddd39;
}

input:checked + .toggle .toggle__handler {
	width: 50%;
	-webkit-transform: translateX(100%);
	transform: translateX(100%);
	border-color: #fff;
}