.bar.custom .bar-face,.bar.custom[aria-valuenow='0'] .face-position.right {
background-color:rgba(255,255,255,0.3)
}

.bar.custom .face-position.floor.volume-lights {
box-shadow:0 -.2em 1em rgba(0,0,0,0.15),0 .2em .1em -5px rgba(0,0,0,0.3),0 -.75em 1.75em rgba(254,254,254,0.6)
}

.bar.custom .face-position.left,.bar.custom[aria-valuenow='100'] .face-position.right {
background-color:rgba(235,203,92,0.7)
}


.bar.custom .percentage:before {
background-color:rgba(235,203,92,0.7)
}

.bar.custom .volume-lights.shine:before {
box-shadow:0 1.6em 3em rgba(235,203,92,0.4)
}

.bar.custom:not(.has-colors) .percentage:before {
background-color:transparent
}

.bar.custom:not(.has-colors) .volume-lights.shine:before {
box-shadow:0 1.6em 3em rgba(235,203,92,0)
}

.bar.custom:not(.has-colors)[aria-valuenow] .face-position {
background-color:rgba(68,68,68,0.6)
}

.teia-block-bottom-a,.teia-block-bottom-a li {
pointer-events:none
}

.teia-block-bottom-b,.teia-block-bottom-c li {
pointer-events:none
}

.teia-block-bottom-c,.teia-block-bottom-c li {
pointer-events:none
}

.teia-block-top-a {
margin:0;
padding:0;
pointer-events:none;
position:absolute;
right:0;
top:116px;
width:100%;
z-index:1000
}

.teia-nav-logo {
display:block;
left:10px;
min-height:40px;
min-width:250px;
pointer-events:all;
position:absolute;
top:10px
}

.user-Content {
pointer-events:all
}


audio,canvas,img,svg,video {
touch-action:none
}





@-webkit-keyframes rotating {
from {
-moz-transform:rotate(0deg);
-ms-transform:rotate(0deg);
-o-transform:rotate(0deg);
-webkit-transform:rotate(0deg);
transform:rotate(0deg)
}

to {
-moz-transform:rotate(360deg);
-ms-transform:rotate(360deg);
-o-transform:rotate(360deg);
-webkit-transform:rotate(360deg);
transform:rotate(360deg)
}
}

@keyframes rotating {
from {
-moz-transform:rotate(0deg);
-ms-transform:rotate(0deg);
-o-transform:rotate(0deg);
-webkit-transform:rotate(0deg);
transform:rotate(0deg)
}

to {
-moz-transform:rotate(360deg);
-ms-transform:rotate(360deg);
-o-transform:rotate(360deg);
-webkit-transform:rotate(360deg);
transform:rotate(360deg)
}
}

.rotating {
-moz-animation:rotating 2s linear infinite;
-ms-animation:rotating 2s linear infinite;
-o-animation:rotating 2s linear infinite;
-webkit-animation:rotating 2s linear infinite;
animation:rotating 2s linear infinite
}

@font-face {
font-family:'weather';
font-style:normal;
font-weight:400;
src:url(./fonts/artill_clean_icons-webfont.eot);
src:url(./fonts/artill_clean_icons-webfont.eot?#iefix) format("embedded-opentype"),url(./fonts/artill_clean_icons-webfont.woff) format("woff"),url(./fonts/artill_clean_icons-webfont.ttf) format("truetype"),url(./fonts/artill_clean_icons-webfont.svg#artill_clean_weather_iconsRg) format("svg")
}

#MyDivScenarioText {
z-index:1000!important
}

#sendButton {
cursor:pointer
}

#settings-panel {
-moz-border-radius:10px;
-webkit-border-radius:10px;
background-color:#fff;
border-radius:10px;
display:inline-block;
padding:20px;
position:relative
}

#teiapage .jqx-rc-all {
border-radius:0
}

#theme {
margin-bottom:20px;
margin-left:20px
}


#weather {
margin:0 auto;
margin-top:-65px;
pointer-events:none;
position:absolute;
text-align:center;
text-transform:uppercase;
width:500px;
z-index:90
}

#weather .currently {
margin:0 20px
}

#weather h2 {
color:#fff;
font-size:60px;
font-weight:300;
margin:0 0 8px;
text-align:center;
text-shadow:0 1px 3px rgba(0,0,0,0.15)
}

#weather li {
background:#fff;
background:rgba(255,255,255,0.90);
border-radius:5px;
display:inline-block;
font-size:12px;
padding:10px
}

#weather ul {
margin:0;
padding:0
}


.LoadingBoxContainer {
height:100vh;
left:0;
position:absolute;
top:0;
width:100%
}

.account_balance:after {
content:"account_balance"
}

.box-container {
background-color:rgba(200,200,200,0.5);
border:1px solid #dedede;
border-radius:5px;
bottom:0;
display:block;
height:300px!important;
margin:10px;
padding:20px;
position:absolute;
right:10px;
width:300px
}

.camera_controls_table caption {
color:#333!important;
display:none;
font-size:.75em
}

.dmsComment {
height:150px
}

.events-container {
margin-left:20px
}

.flash_on:after {
content:"flash_on";
font-size:41px;
line-height:55px
}

.footer-contents {
bottom:0;
color:#fff;
left:0;
position:absolute;
width:100%;
z-index:1
}

.line {
font-size:10px;
margin:auto;
text-align:center;
width:900px
}

.location_city:after {
content:"location_city"
}


.meteo-icon-0:before {
content:":"
}

.meteo-icon-10:before {
content:"W"
}

.meteo-icon-11:before {
content:"I"
}

.meteo-icon-12:before {
content:"I"
}

.meteo-icon-13:before {
content:"I"
}

.meteo-icon-14:before {
content:"I"
}

.meteo-icon-15:before {
content:"W"
}

.meteo-icon-16:before {
content:"I"
}

.meteo-icon-17:before {
content:"W"
}

.meteo-icon-18:before {
content:"U"
}

.meteo-icon-19:before {
content:"Z"
}

.meteo-icon-1:before {
content:"p"
}

.meteo-icon-20:before {
content:"Z"
}

.meteo-icon-21:before {
content:"Z"
}

.meteo-icon-22:before {
content:"Z"
}

.meteo-icon-23:before {
content:"Z"
}

.meteo-icon-24:before {
content:"E"
}

.meteo-icon-25:before {
content:"E"
}

.meteo-icon-26:before {
content:"3"
}

.meteo-icon-27:before {
content:"a"
}

.meteo-icon-28:before {
content:"A"
}

.meteo-icon-29:before {
content:"a"
}

.meteo-icon-2:before {
content:"S"
}

.meteo-icon-30:before {
content:"A"
}

.meteo-icon-31:before {
content:"6"
}

.meteo-icon-32:before {
content:"1"
}

.meteo-icon-33:before {
content:"6"
}

.meteo-icon-34:before {
content:"1"
}

.meteo-icon-35:before {
content:"W"
}

.meteo-icon-36:before {
content:"1"
}

.meteo-icon-37:before {
content:"S"
}

.meteo-icon-38:before {
content:"S"
}

.meteo-icon-39:before {
content:"S"
}

.meteo-icon-3:before {
content:"Q"
}

.meteo-icon-40:before {
content:"M"
}

.meteo-icon-41:before {
content:"W"
}

.meteo-icon-42:before {
content:"I"
}

.meteo-icon-43:before {
content:"W"
}

.meteo-icon-44:before {
content:"a"
}

.meteo-icon-45:before {
content:"S"
}

.meteo-icon-46:before {
content:"U"
}

.meteo-icon-47:before {
content:"S"
}

.meteo-icon-48:before {
content:"5"
}

.meteo-icon-4:before {
content:"S"
}

.meteo-icon-5:before {
content:"W"
}

.meteo-icon-6:before {
content:"W"
}

.meteo-icon-7:before {
content:"W"
}

.meteo-icon-8:before {
content:"W"
}

.meteo-icon-9:before {
content:"I"
}

.section-bottom-log {
margin:auto;
width:800px
}

.sections-section-bottom {
-moz-border-radius-bottomleft:10px;
-moz-border-radius-bottomright:10px;
-webkit-border-bottom-left-radius:10px;
-webkit-border-bottom-right-radius:10px;
border-bottom-left-radius:10px;
border-bottom-right-radius:10px;
border-bottom-width:1px
}

.sections-top-shadow {
-moz-border-radius-topleft:10px;
-moz-border-radius-topright:10px;
-webkit-border-top-left-radius:10px;
-webkit-border-top-right-radius:10px;
border-top:1px solid #e4e4e4;
border-top-left-radius:10px;
border-top-right-radius:10px;
height:1px;
height:30px;
left:21px;
position:absolute;
top:21px;
width:400px
}

.settings-label {
float:left;
font:700 14px Sans-Serif;
margin-left:14px;
margin-top:15px
}

.settings-melody {
color:#385487;
display:inline-block;
font:14px Sans-Serif;
margin-top:7px
}

.settings-section {
background-color:#f7f7f7;
border:1px solid #b4b7bc;
border-bottom-width:0;
height:45px;
width:500px
}

.settings-section-top {
-moz-border-radius-topleft:10px;
-moz-border-radius-topright:10px;
-webkit-border-top-left-radius:10px;
-webkit-border-top-right-radius:10px;
border-bottom-width:0;
border-top-left-radius:10px;
border-top-right-radius:10px
}

.settings-setter {
float:right;
margin-right:14px;
margin-top:8px
}

.slow_motion_video:after {
content:"slow_motion_video"
}

.switchbut {
margin:50px auto;
position:relative
}

.switchbut input {
bottom:0;
cursor:pointer;
height:100%;
left:0;
opacity:0;
position:absolute;
right:0;
top:0;
width:100%;
z-index:100
}

.switchbut label {
display:block;
height:100%;
position:relative;
width:100%
}

.switchbut.buttonOnOff {
height:60px;
width:60px
}

.switchbut.buttonOnOff input:checked ~ label {
background:#dedede;
background:-moz-linear-gradient(#dedede,#fdfdfd);
background:-ms-linear-gradient(#dedede,#fdfdfd);
background:-o-linear-gradient(#dedede,#fdfdfd);
background:-webkit-gradient(linear,0 0,0 100%,from(#dedede),to(#fdfdfd));
background:-webkit-linear-gradient(#dedede,#fdfdfd);
background:linear-gradient(#dedede,#fdfdfd)
}

.switchbut.buttonOnOff input:checked ~ label:before {
background:#25d025;
background:radial-gradient(40% 35%,#5aef5a,#25d025 60%);
box-shadow:inset 0 3px 5px 1px rgba(0,0,0,0.1),0 1px 0 rgba(255,255,255,0.4),0 0 10px 2px rgba(0,210,0,0.5)
}

.switchbut.buttonOnOff label {
background:#eaeaea;
border-radius:50%;
box-shadow:0 3px 5px rgba(0,0,0,0.25),inset 0 1px 0 rgba(255,255,255,0.3),inset 0 -5px 5px rgba(100,100,100,0.1),inset 0 5px 5px rgba(255,255,255,0.3)
}

.switchbut.buttonOnOff label:after {
background:#ddd;
background:-moz-linear-gradient(#ccc,#fff);
background:-ms-linear-gradient(#ccc,#fff);
background:-o-linear-gradient(#ccc,#fff);
background:-webkit-gradient(linear,0 0,0 100%,from(#ccc),to(#fff));
background:-webkit-linear-gradient(#ccc,#fff);
background:linear-gradient(#ccc,#fff);
border-radius:inherit;
bottom:-8%;
box-shadow:inset 0 2px 1px rgba(0,0,0,0.15),0 2px 5px rgba(200,200,200,0.1);
content:"";
left:-8%;
position:absolute;
right:-8%;
top:-8%;
z-index:-1
}

.switchbut.buttonOnOff label:before {
background:#969696;
background:radial-gradient(40% 35%,#ccc,#969696 60%);
border-radius:inherit;
box-shadow:inset 0 2px 4px 1px rgba(0,0,0,0.3),0 1px 0 rgba(255,255,255,1),inset 0 1px 0 #fff;
content:"";
height:20%;
left:40%;
position:absolute;
top:40%;
width:20%
}

.switchbut.buttonhc {
height:50px;
width:180px
}

.switchbut.buttonhc input:checked ~ label {
background:#9abb82
}

.switchbut.buttonhc input:checked ~ label i {
right:-1%
}

.switchbut.buttonhc input:checked ~ label i:before {
color:#82a06a;
content:"on";
right:115%;
text-shadow:0 1px 0 #afcb9b,0 -1px 0 #6b8659
}

.switchbut.buttonhc label {
background:#a5a39d;
border-radius:40px;
box-shadow:inset 0 3px 8px 1px rgba(0,0,0,0.2),0 1px 0 rgba(255,255,255,0.5);
display:block;
height:100%;
width:100%
}

.switchbut.buttonhc label i {
background:silver;
background:#b2ac9e;
background:-moz-linear-gradient(#f7f2f6,#b2ac9e);
background:-ms-linear-gradient(#f7f2f6,#b2ac9e);
background:-o-linear-gradient(#f7f2f6,#b2ac9e);
background:-webkit-gradient(linear,0 0,0 100%,from(#f7f2f6),to(#b2ac9e));
background:-webkit-linear-gradient(#f7f2f6,#b2ac9e);
background:linear-gradient(#f7f2f6,#b2ac9e);
border-radius:inherit;
box-shadow:inset 0 1px 0 white,0 0 8px rgba(0,0,0,0.3),0 5px 5px rgba(0,0,0,0.2);
display:block;
height:100%;
position:absolute;
right:40%;
top:0;
width:60%;
z-index:2
}

.switchbut.buttonhc label i:after {
background:#d2cbc3;
background:-moz-linear-gradient(#cbc7bc,#d2cbc3);
background:-ms-linear-gradient(#cbc7bc,#d2cbc3);
background:-o-linear-gradient(#cbc7bc,#d2cbc3);
background:-webkit-gradient(linear,0 0,0 100%,from(#cbc7bc),to(#d2cbc3));
background:-webkit-linear-gradient(#cbc7bc,#d2cbc3);
background:linear-gradient(#cbc7bc,#d2cbc3);
border-radius:inherit;
content:"";
height:50%;
left:15%;
position:absolute;
top:25%;
width:70%
}

.switchbut.buttonhc label i:before {
color:rgba(0,0,0,0.4);
content:"off";
font:700 24px Helvetica,Arial,sans-serif;
margin-top:-12px;
position:absolute;
right:-50%;
text-shadow:0 1px 0 #bcb8ae,0 -1px 0 #97958e;
text-transform:uppercase;
top:50%
}

.switchbut.buttonhc label:after {
background:#ababab;
background:-moz-linear-gradient(#f2f2f2,#ababab);
background:-ms-linear-gradient(#f2f2f2,#ababab);
background:-o-linear-gradient(#f2f2f2,#ababab);
background:-webkit-gradient(linear,0 0,0 100%,from(#f2f2f2),to(#ababab));
background:-webkit-linear-gradient(#f2f2f2,#ababab);
background:linear-gradient(#f2f2f2,#ababab);
border-radius:inherit;
bottom:-8px;
box-shadow:0 0 10px rgba(0,0,0,0.3),0 1px 1px rgba(0,0,0,0.25);
content:"";
left:-8px;
position:absolute;
right:-8px;
top:-8px;
z-index:-1
}

.switchbut.buttonhc label:before {
-moz-filter:blur(1px);
-ms-filter:blur(1px);
-o-filter:blur(1px);
-webkit-filter:blur(1px);
background:#eee;
background:-moz-linear-gradient(#e5e7e6,#eee);
background:-ms-linear-gradient(#e5e7e6,#eee);
background:-o-linear-gradient(#e5e7e6,#eee);
background:-webkit-gradient(linear,0 0,0 100%,from(#e5e7e6),to(#eee));
background:-webkit-linear-gradient(#e5e7e6,#eee);
background:linear-gradient(#e5e7e6,#eee);
border-radius:inherit;
bottom:-18px;
box-shadow:0 1px 0 rgba(255,255,255,0.5);
content:"";
filter:blur(1px);
left:-18px;
position:absolute;
right:-18px;
top:-18px;
z-index:-1
}


.tm-bottom-log {
bottom:0!important;
margin:auto;
position:absolute;
width:100%
}

.tm-overlay-menu .tm-logo {
background-image:url(/Media/Default/theme/teia-logo.png)!important;
height:35px;
margin:40px auto!important;
text-align:center!important;
text-align:center;
width:200px
}

.toys:after {
content:"toys";
font-size:41px;
line-height:49px;
margin-left:0
}

.truncate {
display:inline-block;
overflow:hidden;
position:absolute;
text-overflow:ellipsis;
top:1px;
width:150px
}

.uk-button-group.toolbar {
display:block;
text-align:center;
width:100%
}

.uk-cta {
font-size:35px;
line-height:55px;
margin-left:5px
}

.uk-table thead th {
background-color:#00aff2;
color:#fff;
font-weight:700;
text-align:center;
vertical-align:bottom
}

.visibility:after {
content:"visibility";
font-size:31px;
line-height:62px
}


[class*="meteo-icon-"] {
color:#fff;
font:400 110px/1 weather;
text-transform:none
}

button {
background:transparent;
border:none;
outline:none!important
}



#teiapage .uk-container {
max-width:100%;
padding:0
}


.tm-action {
padding-right:35px;
pointer-events:none;
width:80%
}

.tm-action > div {
pointer-events:auto
}