/* a365.jpm-splitcollapsible styles */

.ui-collapsible-inset .ui-collapsible-heading .ui-btn {
    padding-top: 0.5em;
    padding-bottom: 0.5em;
}

.ui-collapsible-inset .ui-collapsible-heading .ui-split-btn {
    top: 0;
    right: 0;
}

.actions-button {
    margin: 0;
    background-color: transparent !important;
    color: inherit !important;
    border-width: 0px 0px 0px 1px;
    text-shadow: none !important;
}

.actions-button:hover {
    color: #1487d1 !important;
}

#actions-button {
    margin-right: 16px;
    margin-top: 1px;
    padding: .4em 11px .4em;
}


#phone-actions-button {
    margin-top: 2px;
}


/* end of a365.jpm-splitcollapsible styles */

.touchcontrol {
    -ms-touch-action: none; /*setting to disable default touch actions in IE 10. This is to fix the slider issue in Win 8 */
}

/* bugfix: checkboxes are visible in IE - not 100% sure this won't break some other browser though */
.ui-checkbox input {
    display: none;
}

.ui-popup-screen.in {
    opacity: 0.5;
}

.ui-page {
    background: #f0f1f3; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2QwZDFkMyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjI1JSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijc3JSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNjNWM2Y2EiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background-image: -moz-linear-gradient(top, #d0d1d3 0%, #ffffff 25%, #ffffff 77%, #c5c6ca 100%); /* FF3.6+ */
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d0d1d3), color-stop(25%,#ffffff), color-stop(77%,#ffffff), color-stop(100%,#c5c6ca)); /* Chrome,Safari4+ */
    background-image: -webkit-linear-gradient(top, #d0d1d3 0%,#ffffff 25%,#ffffff 77%,#c5c6ca 100%); /* Chrome10+,Safari5.1+ */
    background-image: -o-linear-gradient(top, #d0d1d3 0%,#ffffff 25%,#ffffff 77%,#c5c6ca 100%); /* Opera 11.10+ */
    background-image: -ms-linear-gradient(top, #d0d1d3 0%,#ffffff 25%,#ffffff 77%,#c5c6ca 100%); /* IE10+ */
    background-image: linear-gradient(to bottom, #d0d1d3 0%,#ffffff 25%,#ffffff 77%,#c5c6ca 100%); /* W3C */
}


.ui-bar-a {
    background: rgb(226,12,12); /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2UyMGMwYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjI1JSIgc3RvcC1jb2xvcj0iI2UyMGMwYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQwJSIgc3RvcC1jb2xvcj0iIzBmMGYxMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwZjBmMTAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background-image: -moz-linear-gradient(top, rgba(255,255,255,0.4) 0%,rgba(255,255,255,0.2) 49%,rgba(255,255,255,0) 50%,rgba(255,255,255,0) 100%), -moz-linear-gradient(left, rgba(226,12,12,1) 0%,rgba(226,12,12,1) 25%,rgba(15,15,16,1) 40%,rgba(15,15,16,1) 100%); /* W3C */ /* FF3.6+ */
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(226,12,12,1)), color-stop(25%,rgba(226,12,12,1)), color-stop(40%,rgba(15,15,16,1)), color-stop(100%,rgba(15,15,16,1))); /* Chrome,Safari4+ */
    background-image: -webkit-linear-gradient(top, rgba(255,255,255,0.4) 0%,rgba(255,255,255,0.2) 49%,rgba(255,255,255,0) 50%,rgba(255,255,255,0) 100%), -webkit-linear-gradient(left, rgba(226,12,12,1) 0%,rgba(226,12,12,1) 25%,rgba(15,15,16,1) 40%,rgba(15,15,16,1) 100%); /* Chrome10+,Safari5.1+ */
    background-image: -o-linear-gradient(top, rgba(255,255,255,0.4) 0%,rgba(255,255,255,0.2) 49%,rgba(255,255,255,0) 50%,rgba(255,255,255,0) 100%), -o-linear-gradient(left, rgba(226,12,12,1) 0%,rgba(226,12,12,1) 25%,rgba(15,15,16,1) 40%,rgba(15,15,16,1) 100%); /* Opera 11.10+ */
    background-image: -ms-linear-gradient(top, rgba(255,255,255,0.4) 0%,rgba(255,255,255,0.2) 49%,rgba(255,255,255,0) 50%,rgba(255,255,255,0) 100%), -ms-linear-gradient(left, rgba(226,12,12,1) 0%,rgba(226,12,12,1) 25%,rgba(15,15,16,1) 40%,rgba(15,15,16,1) 100%); /* IE10+ */
    background-image: linear-gradient(top, rgba(255,255,255,0.4) 0%,rgba(255,255,255,0.2) 49%,rgba(255,255,255,0) 50%,rgba(255,255,255,0) 100%), linear-gradient(left, rgba(226,12,12,1) 0%,rgba(226,12,12,1) 25%,rgba(15,15,16,1) 40%,rgba(15,15,16,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e20c0c', endColorstr='#0f0f10',GradientType=1 ); /* IE6-8 */
    background-position: right center;
    background-repeat: no-repeat;
    background-size: contain;
}


.ui-footer-fixed {
    padding-bottom: 0px;
}

.ui-slider-handle,
.atw-theme .control-back .ui-slider-handle.ui-btn.ui-btn-b {
    background: rgb(254,254,254); /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZlZmVmZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijg2JSIgc3RvcC1jb2xvcj0iI2VmZWZlZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijk5JSIgc3RvcC1jb2xvcj0iI2UyZTJlMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
    background-image: -moz-linear-gradient(top, rgba(254,254,254,1) 0%, rgba(239,239,239,1) 86%, rgba(226,226,226,1) 99%); /* FF3.6+ */
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(254,254,254,1)), color-stop(86%,rgba(239,239,239,1)), color-stop(99%,rgba(226,226,226,1))); /* Chrome,Safari4+ */
    background-image: -webkit-linear-gradient(top, rgba(254,254,254,1) 0%,rgba(239,239,239,1) 86%,rgba(226,226,226,1) 99%); /* Chrome10+,Safari5.1+ */
    background-image: -o-linear-gradient(top, rgba(254,254,254,1) 0%,rgba(239,239,239,1) 86%,rgba(226,226,226,1) 99%); /* Opera 11.10+ */
    background-image: -ms-linear-gradient(top, rgba(254,254,254,1) 0%,rgba(239,239,239,1) 86%,rgba(226,226,226,1) 99%); /* IE10+ */
    background-image: linear-gradient(to bottom, rgba(254,254,254,1) 0%,rgba(239,239,239,1) 86%,rgba(226,226,226,1) 99%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefefe', endColorstr='#e2e2e2',GradientType=0 ); /* IE6-8 */
}

.ui-btn.ui-btn-a,
.ui-btn-a,
.ui-btn-a a,
.mits-form-button,
.button-bar-2 .ui-input-btn {
    background: #eeeeee /*{a-bup-background-color}*/;
    text-shadow: 0 /*{a-bup-shadow-x}*/ 1px /*{a-bup-shadow-y}*/ 0 /*{a-bup-shadow-radius}*/ #ffffff /*{a-bup-shadow-color}*/;
    background-image: -webkit-gradient(linear, left top, left bottom, from( #ffffff /*{a-bup-background-start}*/ ), to( #f1f1f1 /*{a-bup-background-end}*/ )); /* Saf4+, Chrome */
    background-image: -webkit-linear-gradient( #ffffff /*{a-bup-background-start}*/, #f1f1f1 /*{a-bup-background-end}*/ ); /* Chrome 10+, Saf5.1+ */
    background-image: -moz-linear-gradient( #ffffff /*{a-bup-background-start}*/, #f1f1f1 /*{a-bup-background-end}*/ ); /* FF3.6 */
    background-image: -ms-linear-gradient( #ffffff /*{a-bup-background-start}*/, #f1f1f1 /*{a-bup-background-end}*/ ); /* IE10 */
    background-image: -o-linear-gradient( #ffffff /*{a-bup-background-start}*/, #f1f1f1 /*{a-bup-background-end}*/ ); /* Opera 11.10+ */
    background-image: linear-gradient( #ffffff /*{a-bup-background-start}*/, #f1f1f1 /*{a-bup-background-end}*/ );
}

.btn-mqtt-refresh {
    margin-left: 4px;
    margin-top: 5px;
    display: inline;
}

.ui-btn-hover-a,
.ui-btn-a:hover,
.ui-btn-a a:hover,
.ui-btn.ui-btn-a:hover,
.mits-form-button:hover,
.button-bar-2 .ui-input-btn:hover {
    border: 1px solid #cccccc /*{a-bup-border}*/;
    background: #eeeeee /*{a-bup-background-color}*/;
    font-weight: bold;
    color: #2F3E46 /*{a-bup-color}*/;
    text-shadow: 0 /*{a-bup-shadow-x}*/ 1px /*{a-bup-shadow-y}*/ 0 /*{a-bup-shadow-radius}*/ #ffffff /*{a-bup-shadow-color}*/;
    background-image: -webkit-gradient(linear, left top, left bottom, from( #ffffff /*{a-bup-background-start}*/ ), to( #f1f1f1 /*{a-bup-background-end}*/ )); /* Saf4+, Chrome */
    background-image: -webkit-linear-gradient( #ffffff /*{a-bup-background-start}*/, #f1f1f1 /*{a-bup-background-end}*/ ); /* Chrome 10+, Saf5.1+ */
    background-image: -moz-linear-gradient( #ffffff /*{a-bup-background-start}*/, #f1f1f1 /*{a-bup-background-end}*/ ); /* FF3.6 */
    background-image: -ms-linear-gradient( #ffffff /*{a-bup-background-start}*/, #f1f1f1 /*{a-bup-background-end}*/ ); /* IE10 */
    background-image: -o-linear-gradient( #ffffff /*{a-bup-background-start}*/, #f1f1f1 /*{a-bup-background-end}*/ ); /* Opera 11.10+ */
    background-image: linear-gradient( #ffffff /*{a-bup-background-start}*/, #f1f1f1 /*{a-bup-background-end}*/ );
}

.ui-btn-active-a,
.ui-btn-a:active,
.ui-btn-a a:active,
.ui-btn.ui-btn-a:active,
.mits-form-button:active,
.button-bar-2 .ui-input-btn:active {
    background: #d6d6d6 /*{a-bdown-background-color}*/;
    text-shadow: 0 /*{a-bdown-shadow-x}*/ 1px /*{a-bdown-shadow-y}*/ 0 /*{a-bdown-shadow-radius}*/ #ffffff /*{a-bdown-shadow-color}*/;
    background-image: -webkit-gradient(linear, left top, left bottom, from( #d0d0d0 /*{a-bdown-background-start}*/ ), to( #dfdfdf /*{a-bdown-background-end}*/ )); /* Saf4+, Chrome */
    background-image: -webkit-linear-gradient( #d0d0d0 /*{a-bdown-background-start}*/, #dfdfdf /*{a-bdown-background-end}*/ ); /* Chrome 10+, Saf5.1+ */
    background-image: -moz-linear-gradient( #d0d0d0 /*{a-bdown-background-start}*/, #dfdfdf /*{a-bdown-background-end}*/ ); /* FF3.6 */
    background-image: -ms-linear-gradient( #d0d0d0 /*{a-bdown-background-start}*/, #dfdfdf /*{a-bdown-background-end}*/ ); /* IE10 */
    background-image: -o-linear-gradient( #d0d0d0 /*{a-bdown-background-start}*/, #dfdfdf /*{a-bdown-background-end}*/ ); /* Opera 11.10+ */
    background-image: linear-gradient( #d0d0d0 /*{a-bdown-background-start}*/, #dfdfdf /*{a-bdown-background-end}*/ );
}


.ui-bar-c .ui-btn,
.mits-form-button-black {
    text-shadow: 0 /*{c-bup-shadow-x}*/ 1px /*{c-bup-shadow-y}*/ 0 /*{c-bup-shadow-radius}*/ #444444 /*{c-bup-shadow-color}*/;
    background: #151516; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzE1MTUxNiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQ5JSIgc3RvcC1jb2xvcj0iIzJmMmYzMyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iIzBmMGYxMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwZjBmMTAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background-image: -moz-linear-gradient(top, #151516 0%, #2f2f33 49%, #0f0f10 50%, #0f0f10 100%); /* FF3.6+ */
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#151516), color-stop(49%,#2f2f33), color-stop(50%,#0f0f10), color-stop(100%,#0f0f10)); /* Chrome,Safari4+ */
    background-image: -webkit-linear-gradient(top, #151516 0%,#2f2f33 49%,#0f0f10 50%,#0f0f10 100%); /* Chrome10+,Safari5.1+ */
    background-image: -o-linear-gradient(top, #151516 0%,#2f2f33 49%,#0f0f10 50%,#0f0f10 100%); /* Opera 11.10+ */
    background-image: -ms-linear-gradient(top, #151516 0%,#2f2f33 49%,#0f0f10 50%,#0f0f10 100%); /* IE10+ */
    background-image: linear-gradient(to bottom, #151516 0%,#2f2f33 49%,#0f0f10 50%,#0f0f10 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#151516', endColorstr='#0f0f10',GradientType=0 ); /* IE6-8 */
}

.ui-bar-c .ui-btn:hover,
.ui-bar-c .ui-btn.ui-btn-active,
.mits-form-button-black:hover {
    background: #3d3d3e; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzNkM2QzZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQ5JSIgc3RvcC1jb2xvcj0iIzU3NTc1MSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iIzM3MzczOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMzNzM3MzgiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background-image: -moz-linear-gradient(top, #3d3d3e 0%, #575751 49%, #373738 50%, #373738 100%); /* FF3.6+ */
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3d3d3e), color-stop(49%,#575751), color-stop(50%,#373738), color-stop(100%,#373738)); /* Chrome,Safari4+ */
    background-image: -webkit-linear-gradient(top, #3d3d3e 0%,#575751 49%,#373738 50%,#373738 100%); /* Chrome10+,Safari5.1+ */
    background-image: -o-linear-gradient(top, #3d3d3e 0%,#575751 49%,#373738 50%,#373738 100%); /* Opera 11.10+ */
    background-image: -ms-linear-gradient(top, #3d3d3e 0%,#575751 49%,#373738 50%,#373738 100%); /* IE10+ */
    background-image: linear-gradient(to bottom, #3d3d3e 0%,#575751 49%,#373738 50%,#373738 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3d3d3e', endColorstr='#373738',GradientType=0 ); /* IE6-8 */
}

.ui-bar-c .ui-btn.ui-btn-active,
.mits-form-button-black.ui-btn-active {
    background: #e20c0c; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2UyMGMwYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkMjA4MDgiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background-image: -moz-linear-gradient(top, #e20c0c 0%, #d20808 100%); /* FF3.6+ */
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e20c0c), color-stop(100%,#d20808)); /* Chrome,Safari4+ */
    background-image: -webkit-linear-gradient(top, #e20c0c 0%,#d20808 100%); /* Chrome10+,Safari5.1+ */
    background-image: -o-linear-gradient(top, #e20c0c 0%,#d20808 100%); /* Opera 11.10+ */
    background-image: -ms-linear-gradient(top, #e20c0c 0%,#d20808 100%); /* IE10+ */
    background-image: linear-gradient(to bottom, #e20c0c 0%,#d20808 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e20c0c', endColorstr='#d20808',GradientType=0 ); /* IE6-8 */
    border-color: #E20C0C;
}

.mits-footer-button {
    color: white !important;
}


.footerlink {
    padding-top: 5px;
    text-align: right;
    color: white;
    margin-left: 15px;
    margin-right: 15px;
}

.footerlink a {
    text-decoration: none;
    padding-left: 25px;
    color: white;
}

.clearfloat {
    clear: both;
    height: 1px;
}

.footer-logo {
    border: 0px;
    padding: 0px;
    background-color: white;
    text-align: right;
}


.leftmargin65 {
    margin-left: 65px;
}

.buttonseperator {
    height: 0.5em;
}

div.ui-content {
    padding-bottom: 65px !important;
}

div.ui-dialog-contain div.ui-content {
    padding-bottom: 15px !important;
}

.ui-header .ui-title {
    margin-left: 0px;
    margin-right: 0px;
}

.app-version {
    text-align: right;
    color: #aaa;
}

/* Fixed broken sliders in IE 9 */
input.ui-input-text.ui-slider-input {
    width: 40px !important;
}

#loading-message {
    display: none;
    background: white url("assets/logo.png") no-repeat;
    background-position: center 20px;
    border: 2px solid black;
    padding: 120px 0px 30px 0px;
    width: 60%;
    max-width: 600px;
    top: 30%;
    left: 20%;
    text-align: center;
    color: black;
    cursor: wait;
    z-index: 99999;
    position: fixed;
    font-family: Helvetica, Arial, sans-serif;
    font-size: 16px;
    box-sizing: border-box;
    font-weight: bold;
    -webkit-box-shadow: 4px 4px 7px 0px rgba(0, 0, 0, .4);
    box-shadow: 4px 4px 7px 0px rgba(0, 0, 0, .4);
}

@media all and (min-width: 28em) {
    #loading-message {
        background: white url("assets/logo-wide.png") no-repeat;
        background-size: 75% auto;
        background-position: center 20px;
    }
}

@media all and (min-width: 48em) {
    #loading-message {
        width: 40%;
        left: 30%;
    }
}

@media all and (min-width: 95em) {
    #loading-message {
        width: 24%;
        left: 38%;
    }
}


.ui-loading .ui-loader {
    display: none;
}

/* *************************************************************************  */
/* Forms */
/* *************************************************************************  */


@media all and (max-width: 28em) {
    .form-guidance {
        margin-top: 10px;
    }
}

.field-guidance {
    padding: 6px 10px 2px 10px;
    font-size: 90%;
    color: #888;
    text-shadow: none;
}

@media all and (min-width: 28em) {
    .field-guidance {
        margin-left: 22%;
    }
}

.required:after {
    content: "*";
    color: red;
}

label.error {
    padding: 6px 0px 6px 0px;
    color: red;
    text-shadow: none;
    display: block;
    float: none;
    width: inherit;
}

.ui-field-contain label.ui-input-text {
    padding-top: 8px;
}

.ui-field-contain label.error {
    padding: 8px 10px 2px 10px;
    font-size: 90%;
}

@media all and (min-width: 28em) {
    .ui-field-contain label.error {
        margin-left: 22%;
    }
}


.userwarning {
    background: white;
    border: 2px solid black;
    -webkit-border-radius: .25em;
    -moz-border-radius: .25em;
    border-radius: .25em;
    padding: .75em;
    color: black;
    margin: 1em;
}

.form-guidance {
    text-shadow: none;
    padding: 10px;
    margin-left: 0px;
    margin-right: 0px;
    border-radius: .5em;
    min-height: 3em;
    color: #666;
    background: rgb(224,224,224); /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2UwZTBlMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijk5JSIgc3RvcC1jb2xvcj0iI2YwZjBmMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
    background-image: -moz-linear-gradient(top, rgba(224,224,224,1) 0%, rgba(240,240,240,1) 99%); /* FF3.6+ */
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(224,224,224,1)), color-stop(99%,rgba(240,240,240,1))); /* Chrome,Safari4+ */
    background-image: -webkit-linear-gradient(top, rgba(224,224,224,1) 0%,rgba(240,240,240,1) 99%); /* Chrome10+,Safari5.1+ */
    background-image: -o-linear-gradient(top, rgba(224,224,224,1) 0%,rgba(240,240,240,1) 99%); /* Opera 11.10+ */
    background-image: -ms-linear-gradient(top, rgba(224,224,224,1) 0%,rgba(240,240,240,1) 99%); /* IE10+ */
    background-image: linear-gradient(to bottom, rgba(224,224,224,1) 0%,rgba(240,240,240,1) 99%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e0e0e0', endColorstr='#f0f0f0',GradientType=0 ); /* IE6-8 */
}

@media all and (min-width: 28em) {
    .dual-date div.ui-input-text {
        width: 38%;
        margin-left: 1%;
        margin-bottom: 0px;
    }
}


/* Button bars*/

.button-bar-1,
.button-bar-2,
.button-bar-3 {
    margin-top: .5em;
}

.button-bar-1 .ui-btn,
.button-bar-2 .ui-btn,
.button-bar-3 .ui-btn {
    margin-top: .5em;
    box-sizing: border-box;
}



@media all and (min-width: 28em) {
    .button-bar-1 ui-btn {
        max-width: 28em;
        margin-left: auto;
        margin-right: auto;
    }

    .button-bar-2:after {
        clear: both;
    }

    .button-bar-2 .ui-btn {
        width: 48%;
    }

    .button-bar-2 .ui-submit,
    .button-bar-2 .ui-input-btn {
        float: right;
    }

    .button-bar-2 .button-bar-left {
        float: left;
    }

    .button-bar-2 .button-bar-right {
        float: right;
    }
}

@media all and (min-width: 45em) {

    .button-bar-3:after {
        clear: both;
    }

    .button-bar-3 .ui-btn {
        width: 30.85%;
    }

    .button-bar-3 .button-bar-left {
        float: left;
    }

    .button-bar-3 .button-bar-center {
        float: right;
        margin-right: 3%;
    }

    .button-bar-3 .ui-submit {
        float: right;
    }

    .button-bar-3 .button-bar-right {
        float: right;
    }

    .button-bar-3 .button-bar-notright {
        margin-right: 3%;
    }

    .button-bar-3 .button-bar-ordered {
        display: inline-block;
    }

    .button-bar-3-container {
        padding-left: 1.5%;
        padding-right: 1.5%;
    }
}

#page-language .ui-content {
    padding-left: 1%;
    padding-right: 1%;
}

.languages .ui-btn {
    margin-bottom: 8px;
}


@media all and (min-width: 28em) {

    .languages .ui-btn {
        display: inline-block;
        box-sizing: border-box;
        margin-right: 2%;
        width: 48%;
    }

    .languages .ui-btn:nth-child(2n) {
        margin-right: 0;
    }
}

@media all and (min-width: 45em) {

    .languages .ui-btn {
        width: 32%;
    }

    .languages .ui-btn:nth-child(2n) {
        margin-right: 2%;
    }

    .languages .ui-btn:nth-child(3n) {
        margin-right: 0;
    }
}


/* *************************************************************************  */
/* Languages */
/* *************************************************************************  */


.languages .ui-icon:after {
    border-radius: 0px;
    height: 16px;
}

.ui-icon-en:after {
    background: url(flags/en.png) 50% 50% no-repeat;
    background-size: 22px 11px;
}

.ui-icon-fr:after {
    background: url(flags/fr.png) 50% 50% no-repeat;
    background-size: 22px 15px;
}

.ui-icon-de:after {
    background: url(flags/de.png) 50% 50% no-repeat;
    background-size: 22px 13px;
}

.ui-icon-cs:after {
    background: url(flags/cs.png) 50% 50% no-repeat;
    background-size: 22px 15px;
}

.ui-icon-bg:after {
    background: url(flags/bg.png) 50% 50% no-repeat;
    background-size: 22px 13px;
}

.ui-icon-hu:after {
    background: url(flags/hu.png) 50% 50% no-repeat;
    background-size: 22px 11px;
}

.ui-icon-it:after {
    background: url(flags/it.png) 50% 50% no-repeat;
    background-size: 22px 15px;
}

.ui-icon-nl:after {
    background: url(flags/nl.png) 50% 50% no-repeat;
    background-size: 22px 15px;
}

.ui-icon-pl:after {
    background: url(flags/pl.png) 50% 50% no-repeat;
    background-size: 22px 14px;
}

.ui-icon-ru:after {
    background: url(flags/ru.png) 50% 50% no-repeat;
    background-size: 22px 15px;
}

.ui-icon-hy:after {
    background: url(flags/hy.png) 50% 50% no-repeat;
    background-size: 22px 11px;
}

.ui-icon-es:after {
    background: url(flags/es.png) 50% 50% no-repeat;
    background-size: 22px 15px;
}

.ui-icon-pt:after {
    background: url(flags/pt.png) 50% 50% no-repeat;
    background-size: 22px 15px;
}

.ui-icon-sv:after {
    background: url(flags/sv.png) 50% 50% no-repeat;
    background-size: 22px 14px;
}

.ui-icon-da:after {
    background: url(flags/da.png) 50% 50% no-repeat;
    background-size: 22px 17px;
}


.ui-icon-et:after {
    background: url(flags/et.png) 50% 50% no-repeat;
    background-size: 22px 14px;
}

.ui-icon-fi:after {
    background: url(flags/fi.png) 50% 50% no-repeat;
    background-size: 22px 13px;
}

.ui-icon-lv:after {
    background: url(flags/lv.png) 50% 50% no-repeat;
    background-size: 22px 11px;
}

.ui-icon-lt:after {
    background: url(flags/lt.png) 50% 50% no-repeat;
    background-size: 22px 13px;
}

.ui-icon-no:after {
    background: url(flags/no.png) 50% 50% no-repeat;
    background-size: 22px 16px;
}

.ui-icon-uk:after {
    background: url(flags/uk.png) 50% 50% no-repeat;
    background-size: 22px 16px;
}

.ui-icon-tr:after {
    background: url(flags/tr.png) 50% 50% no-repeat;
    background-size: 22px 16px;
}

.ui-icon-el:after {
    background: url(flags/el.png) 50% 50% no-repeat;
    background-size: 22px 15px;
}

.ui-icon-hr:after {
    background: url(flags/hr.png) 50% 50% no-repeat;
    background-size: 22px 11px;
}

.ui-icon-ro:after {
    background: url(flags/ro.png) 50% 50% no-repeat;
    background-size: 22px 15px;
}

.ui-icon-sl:after {
    background: url(flags/sl.png) 50% 50% no-repeat;
    background-size: 22px 11px;
}

.ui-icon-sq:after {
    background: url(flags/sq.png) 50% 50% no-repeat;
    background-size: 22px 15px;
}



a.default-language {
    background: rgb(244,224,151); /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPHJhZGlhbEdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgY3g9IjUwJSIgY3k9IjUwJSIgcj0iNzUlIj4KICAgIDxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiNmNGUwOTciIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZmVmY2VhIiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L3JhZGlhbEdyYWRpZW50PgogIDxyZWN0IHg9Ii01MCIgeT0iLTUwIiB3aWR0aD0iMTAxIiBoZWlnaHQ9IjEwMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background-image: -moz-radial-gradient(center, ellipse cover, rgba(244,224,151,1) 0%, rgba(254,252,234,1) 100%); /* FF3.6+ */
    background-image: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,rgba(244,224,151,1)), color-stop(100%,rgba(254,252,234,1))); /* Chrome,Safari4+ */
    background-image: -webkit-radial-gradient(center, ellipse cover, rgba(244,224,151,1) 0%,rgba(254,252,234,1) 100%); /* Chrome10+,Safari5.1+ */
    background-image: -o-radial-gradient(center, ellipse cover, rgba(244,224,151,1) 0%,rgba(254,252,234,1) 100%); /* Opera 12+ */
    background-image: -ms-radial-gradient(center, ellipse cover, rgba(244,224,151,1) 0%,rgba(254,252,234,1) 100%); /* IE10+ */
    background-image: radial-gradient(ellipse at center, rgba(244,224,151,1) 0%,rgba(254,252,234,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4e097', endColorstr='#fefcea',GradientType=1 ); /* IE6-8 fallback on horizontal gradient */
}


/* *************************************************************************  */
/* Device Tiles */
/* *************************************************************************  */

#mainpage-content {
    padding: 0px !important;
    padding-bottom: 0px !important;
}

#buildings-view {
    padding-bottom: 65px;
}

#map-actions {
    position: absolute;
    bottom: 24px;
    padding-left: 10px;
    padding-right: 30px;
}

#map-actions a{
    margin-right: 10px;
    padding-left: 20px;
    padding-right: 20px;
}

#map-actions a:visited {
    color: black;
}
    
@media all and (min-width: 480px) {
    #buildings-view {
        padding-left: 10px;
        padding-right: 10px;
    }
}

#page-building-map-prompt{
    padding: 5px 10px 5px 10px; 
}

#buildings .ui-collapsible-heading, .ui-collapsible-heading > .ui-btn {
    border-radius: 0px;
}

#buildings .ui-collapsible-heading-toggle {
    border-right-width: 0px;
}

#buildings ul {
    padding: 0px;
    margin: 10px 0px 0px 7px;
}

#buildings div.ui-collapsible-content {
    padding: 0px;
    margin: 0px;
}

.device-tile {
    min-width: 126px;
    margin-bottom: 5px;
    margin-right: 5px;
    border: 1px solid #ccc;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    display: inline-block;
    position: relative;
    padding: 10px;
    text-align: center;
    -webkit-box-shadow: 4px 4px 7px 0px rgba(0, 0, 0, .4);
    box-shadow: 4px 4px 7px 0px rgba(0, 0, 0, .4);
    font-size: 75%;
    background-position: center 10px;
    background-size: 122px 70px;
    background-image: url(icons/icon-1.png);
    background-repeat: no-repeat;
}


.tile-add {
    min-width: 126px;
    margin-bottom: 5px;
    margin-right: 5px;
    display: inline-block;
    position: relative;
    padding: 10px;
    text-align: center;
    font-size: 75%;
}

.tile-add-link {
    padding-top: 80px;
    border: solid 1px rgb(36,137,206);
    border-radius: 6px;
    display: block;
}

.tile-add-plus {
    position: absolute;
    left: 55px;
    top: 20px;
    font-size: 60px;
    color: rgb(36,137,206);
}

.device-error {
    -webkit-box-shadow: 4px 4px 7px 0px rgba(0, 0, 0, .4);
    box-shadow: 4px 4px 7px 0px rgba(255, 0, 0, .4);
    border: 1px solid #f54;
    color: #f54;
}

.device-error .device-name {
    color: #f54;
}

.device-name {
    overflow-x: hidden
}

.tiles ul {
    list-style: none;
    margin-left: 7px;
}

.tiles .clearboth {
    clear: both;
    height: 0px;
}

.rightmenu {
    float: right;
}

.device-tile a:link,
.device-tile a:visited {
    text-decoration: none;
    text-shadow: none;
    color: black;
    padding-top: 80px;
    display: block;
}

.tile-left {
    float: left;
}

.tile-topleft {
    padding-right: 5px;
    padding-bottom: 3px;
    margin-left: 2px;
    text-shadow: none;
    background: rgba(255,255,255,0.7);
    -webkit-border-bottom-right-radius: 4px;
    -moz-border-bottom-right-radius: 4px;
    border-bottom-right-radius: 4px;
}

.tile-bottomleft {
    margin-left: 2px;
    text-shadow: none;
    padding-top: 3px;
    margin-top: 34px;
    background: rgba(255,255,255,0.7);
    -webkit-border-top-right-radius: 4px;
    -moz-border-top-right-radius: 4px;
    border-top-right-radius: 4px;
}

.tile-right {
    float: right;
    padding-left: 3px;
}

.tile-topright {
    margin-right: 2px;
    text-shadow: none;
    padding-bottom: 3px;
    background: rgba(255,255,255,0.7);
    -webkit-border-bottom-left-radius: 4px;
    -moz-border-bottom-left-radius: 4px;
    border-bottom-left-radius: 4px;
}

.tile-bottomright {
    margin-right: 2px;
    text-shadow: none;
    padding-top: 3px;
    margin-top: 34px;
    background: rgba(255,255,255,0.7);
    -webkit-border-top-left-radius: 4px;
    -moz-border-top-left-radius: 4px;
    border-top-left-radius: 4px;
}

.device-tile h4 {
    text-align: center;
}


div.floorheader {
    text-align: left;
    margin-top: 5px;
    background-color: #DAE5EB;
    text-shadow: none;
    color: rgb(116, 147, 170);
}

div.floorheader span.headertitle {
    padding: 8px;
    display: inline-block;
    font-size: 14pt;
}

div.floorheader a {
    display: block;
    text-decoration: none;
    color: #708EA3;
}


div.areaheader {
    text-align: left;
    color: #666;
    margin-top: 5px;
    border-bottom: 1px solid black;
    text-shadow: none;
}

div.areaheader span.headertitle {
    padding: 8px;
    display: inline-block;
    font-size: 14pt;
}

div.areaheader a {
    display: block;
    text-decoration: none;
    color: #666;
}

#menu-right {
    float: right;
    margin-right: 0.5em;
}

#menu-right ul {
    margin-right: 0.5em;
    right: 0em;
}





/* *************************************************************************  */
/* Control Panel */
/* *************************************************************************  */

.ata-theme {
    background: #6b92ab;
}

.atw-theme {
    background: #eeb84b; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VlYjg0YiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjgzJSIgc3RvcC1jb2xvcj0iI2VkOGQ0MCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlZDY2MzYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, #eeb84b 0%, #ed8d40 83%, #ed6636 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eeb84b), color-stop(83%,#ed8d40), color-stop(100%,#ed6636)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #eeb84b 0%,#ed8d40 83%,#ed6636 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #eeb84b 0%,#ed8d40 83%,#ed6636 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #eeb84b 0%,#ed8d40 83%,#ed6636 100%); /* IE10+ */
    background: linear-gradient(to bottom, #eeb84b 0%,#ed8d40 83%,#ed6636 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeb84b', endColorstr='#ed6636',GradientType=0 ); /* IE6-8 */
    text-shadow: none;
}

.erv-theme {
    background: #07b45e;
}

/* *************************************************************************  */
/* Control Panel - Header Bar */
/* *************************************************************************  */

.ui-header label.ui-slider {
    display: inline-block;
    vertical-align: top;
    line-height: 1;
    padding-top: 8px;
}

.ui-header div.ui-slider {
    margin: 0px;
    display: block;
}

.ui-bar-c .ui-btn-active {
    background: #e20c0c; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2UyMGMwYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkMjA4MDgiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background-image: -moz-linear-gradient(top, #e20c0c 0%, #d20808 100%); /* FF3.6+ */
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e20c0c), color-stop(100%,#d20808)); /* Chrome,Safari4+ */
    background-image: -webkit-linear-gradient(top, #e20c0c 0%,#d20808 100%); /* Chrome10+,Safari5.1+ */
    background-image: -o-linear-gradient(top, #e20c0c 0%,#d20808 100%); /* Opera 11.10+ */
    background-image: -ms-linear-gradient(top, #e20c0c 0%,#d20808 100%); /* IE10+ */
    background-image: linear-gradient(to bottom, #e20c0c 0%,#d20808 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e20c0c', endColorstr='#d20808',GradientType=0 ); /* IE6-8 */
    border-color: #E20C0C;
}


.ui-btn-up-c {
    background: #151516; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzE1MTUxNiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQ5JSIgc3RvcC1jb2xvcj0iIzJmMmYzMyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iIzBmMGYxMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwZjBmMTAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background-image: -moz-linear-gradient(top, #151516 0%, #2f2f33 49%, #0f0f10 50%, #0f0f10 100%); /* FF3.6+ */
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#151516), color-stop(49%,#2f2f33), color-stop(50%,#0f0f10), color-stop(100%,#0f0f10)); /* Chrome,Safari4+ */
    background-image: -webkit-linear-gradient(top, #151516 0%,#2f2f33 49%,#0f0f10 50%,#0f0f10 100%); /* Chrome10+,Safari5.1+ */
    background-image: -o-linear-gradient(top, #151516 0%,#2f2f33 49%,#0f0f10 50%,#0f0f10 100%); /* Opera 11.10+ */
    background-image: -ms-linear-gradient(top, #151516 0%,#2f2f33 49%,#0f0f10 50%,#0f0f10 100%); /* IE10+ */
    background-image: linear-gradient(to bottom, #151516 0%,#2f2f33 49%,#0f0f10 50%,#0f0f10 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#151516', endColorstr='#0f0f10',GradientType=0 ); /* IE6-8 */
}

.ui-btn-hover-c {
    background: #3d3d3e; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzNkM2QzZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQ5JSIgc3RvcC1jb2xvcj0iIzU3NTc1MSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iIzM3MzczOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMzNzM3MzgiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background-image: -moz-linear-gradient(top, #3d3d3e 0%, #575751 49%, #373738 50%, #373738 100%); /* FF3.6+ */
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3d3d3e), color-stop(49%,#575751), color-stop(50%,#373738), color-stop(100%,#373738)); /* Chrome,Safari4+ */
    background-image: -webkit-linear-gradient(top, #3d3d3e 0%,#575751 49%,#373738 50%,#373738 100%); /* Chrome10+,Safari5.1+ */
    background-image: -o-linear-gradient(top, #3d3d3e 0%,#575751 49%,#373738 50%,#373738 100%); /* Opera 11.10+ */
    background-image: -ms-linear-gradient(top, #3d3d3e 0%,#575751 49%,#373738 50%,#373738 100%); /* IE10+ */
    background-image: linear-gradient(to bottom, #3d3d3e 0%,#575751 49%,#373738 50%,#373738 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3d3d3e', endColorstr='#373738',GradientType=0 ); /* IE6-8 */
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    /* display: none; <- Crashes Chrome on hover */
    -webkit-appearance: none;
    margin: 0; /* <-- Apparently some margin are still there even though it's hidden */
}

#ata-slider-power {
    padding-top: 3px;
}


/* *************************************************************************  */
/* Control Panel - Grid Layout */
/* *************************************************************************  */


.device-controls-popup .ui-grid-a {
    padding-bottom: 10px;
}

.device-controls-popup .ui-block-a {
    padding-left: 10px;
    padding-right: 5px;
}

/*residential ui-block-a fix*/
.erv-grid-a {
    padding-bottom: 10px;
}

.erv-block-a {
    padding-left: 10px;
}

.erv-block-b {
    padding-left: 6px;
}

.device-controls-popup .ui-block-b {
    padding-left: 5px;
    padding-right: 10px;
}

.device-controls div.ui-content {
    padding-left: 0px;
    padding-right: 0px;
}

.control-panel legend {
    margin-top: 8px;
    color: white;
}

.control-panel .ui-slider-input {
    display: none !important;
}

.ata-menu-hide {
    display: none !important;
}

.ata-column,
.erv-column,
.atw-column {
    margin-left: auto;
    margin-right: auto;
    width: 320px;
}

.control-panel .ui-controlgroup-controls {
    width: 320px;
    position: relative;
}

.control-back {
    border-radius: 10px;
    padding-left: 10px;
    padding-top: 10px;
}

.control-panel .ui-controlgroup .ui-btn-corner-all {
    border-radius: .5em;
    -webkit-border-radius: .5em;
    -moz-border-radius: .5em;
}

.ata-theme .control-back {
    border: 1px solid #57778e;
    background-color: #809db1;
    -webkit-box-shadow: inset 0px 1px 1px 1px rgba(115, 141, 158, .8);
    box-shadow: inset 0px 1px 1px 1px rgba( 115, 141, 158, .8);
}

.atw-theme .control-back {
    background: #f0bc6c; /* Ie 8 */
    background: rgba(255,255,255,.2);
    box-shadow: rgba(0,0,0,0.07) 0px 2px;
    border-width: 0px;
}

.erv-theme .control-back {
    border: 1px solid #098045;
    background-color: #00a553;
    -webkit-box-shadow: inset 0px 1px 1px 1px rgba(15, 147, 86, 0.67);
    box-shadow: inset 0px 1px 1px 1px rgba(15, 147, 86, 0.67);
};
}

a.ui-collapsible-heading-toggle.ui-font-text-bold.headerPadding.ui-btn.ui-btn-icon-left.ui-btn-a {
    font-size: 16px;
    padding-top: .6em 20px;
    padding-bottom: .6em 20px;
}

.control-panel .ui-controlgroup,
.control-panel fieldset.ui-controlgroup {
    margin: 0px;
}

.control-panel div.ui-controlgroup-label {
    font-size: 110%;
    padding-left: 10px;
    padding-right: 10px;
}

/* *************************************************************************  */
/* Control Panel - Radio Buttons */
/* *************************************************************************  */


.control-back .ui-radio {
    padding-right: 11px;
}

.control-back .ui-radio label.ui-btn {
    border-width: 0px;
    border-radius: 0.6em;
    text-shadow: none;
    box-sizing: border-box;
    margin-bottom: 10px;
    padding: 0px;
}


.ata-theme .control-back .ui-btn,
.ata-theme .control-back .ui-btn:hover, /* IE requires explicit hover text colors */
.ata-theme .control-back .ui-btn:visited,
.ata-theme .control-back .ui-btn:visited:hover,
.ata-theme .control-back .ui-radio label.ui-btn {
    color: white;
    background-color: #708ea3;
}

.atw-theme .control-back .ui-btn,
.atw-theme .control-back .ui-btn:hover, /* IE requires explicit hover text colors */
.atw-theme .control-back .ui-btn:visited,
.atw-theme .control-back .ui-btn:visited:hover,
.atw-theme .control-back .ui-radio label.ui-btn {
    background-color: #eea245;
    background-image: none;
    color: white;
}

.atw-theme .control-back .atw-forcedhw .ui-btn,
.atw-theme .control-back .atw-forcedhw .ui-btn:hover, /* IE requires explicit hover text colors */
.atw-theme .control-back .atw-forcedhw .ui-btn:visited,
.atw-theme .control-back .atw-forcedhw .ui-btn:visited:hover,
.atw-theme .control-back .atw-forcedhw .ui-radio label.ui-btn {
    background-color: #f3956f;
    background-image: none;
    color: white;
}


.erv-theme .control-back .ui-btn,
.erv-theme .control-back .ui-btn:hover, /* IE requires explicit hover text colors */
.erv-theme .control-back .ui-btn:visited,
.erv-theme .control-back .ui-btn:visited:hover,
.erv-theme .control-back .ui-radio label.ui-btn {
    color: white;
    background-color: #07b45e;
}


.control-back .ui-btn:hover,
.no-touch .control-back label.ui-btn.ui-btn-b:hover,
.control-back label.ui-btn.ui-btn-b.ui-btn-active {
    text-shadow: none;
    color: white;
}

.ata-theme .control-back .ui-btn:hover,
.ata-theme .control-back .ui-btn:visited:hover,
.no-touch .ata-theme .control-back label.ui-btn.ui-btn-b:hover,
.ata-theme .control-back label.ui-btn.ui-btn-b.ui-btn-active {
    background-color: #89a8bd;
}

.atw-theme .control-back .ui-btn:hover,
.atw-theme .control-back .ui-btn:visited:hover,
.no-touch .atw-theme .control-back label.ui-btn.ui-btn-b:hover,
.atw-theme .control-back label.ui-btn.ui-btn-b.ui-btn-active {
    background: #137bbe {global-active-background-color};
    background-image: -webkit-gradient(linear, left top, left bottom, from( #1487d1 {global-active-background-start} ), to( #116eab {global-active-background-end} ));  Saf4+, Chrome 
    background-image: -webkit-linear-gradient( #1487d1 {global-active-background-start}, #116eab {global-active-background-end} );  Chrome 10+, Saf5.1+ 
    background-image: -moz-linear-gradient( #1487d1 {global-active-background-start}, #116eab {global-active-background-end} );  FF3.6 
    background-image: -ms-linear-gradient( #1487d1 {global-active-background-start}, #116eab {global-active-background-end} );  IE10 
    background-image: -o-linear-gradient( #1487d1 {global-active-background-start}, #116eab {global-active-background-end} );  Opera 11.10+ 
    background-image: linear-gradient( #1487d1 {global-active-background-start}, #116eab {global-active-background-end} );
}

.erv-theme .control-back .ui-btn:hover,
.erv-theme .control-back .ui-btn:visited:hover,
.no-touch .erv-theme .control-back label.ui-btn.ui-btn-b:hover,
.erv-theme .control-back label.ui-btn.ui-btn-b.ui-btn-active {
    background-color: #31d45c;
}



.ui-controlgroup-horizontal .ui-controlgroup-controls .control-back .ui-btn.ui-last-child {
    border-right-width: 0px;
}


.control-back .ui-radio label.ui-btn:after {
    content: "";
    display: block;
    box-sizing: border-box;
    filter: none;
    opacity: 0.7;
}

.control-back .ui-radio label.ui-btn.ui-radio-on:after {
    opacity: 1.0;
    border-width: 0px;
}



.ctl-mode .ui-radio label.ui-btn {
    height: 75px;
}

.ctl-mode label.ui-btn.ui-radio-off:after,
.no-touch .ctl-mode label.ui-btn.ui-radio-off:hover:after,
.ctl-mode label.ui-btn.ui-radio-on:after,
.no-touch .ctl-mode label.ui-btn.ui-radio-on:hover:after {
    content: " ";
    background-size: 175px 35px;
    background-repeat: no-repeat;
    width: 35px;
    height: 35px;
    display: block;
    left: 50%;
    top: 50%;
    margin: -17.5px 0px 0px -17.5px;
    position: relative;
}

/* *************************************************************************  */
/* Control Panel - Ata/Erv Operation Mode */
/* *************************************************************************  */


.ata-theme .ctl-operation-mode label.ui-btn.ui-radio-off:after {
    background-image: url(assets/Operate_off_Ata.png);
}

.erv-theme .ctl-operation-mode label.ui-btn.ui-radio-off:after {
    background-image: url(assets/Operate_off_Erv.png);
}

.erv-theme .ctl-ventilation-mode label.ui-btn.ui-radio-off:after {
    background-image: url(assets/erv_vent_off.png);
}

.no-touch .ata-theme .ctl-operation-mode label.ui-btn.ui-radio-off:hover:after,
.ata-theme .ctl-operation-mode label.ui-btn.ui-radio-on:after {
    background-image: url(assets/Operate_on_Ata.png);
    background-color: #89a8bd;
}

.no-touch .erv-theme .ctl-operation-mode label.ui-btn.ui-radio-off:hover:after,
.erv-theme .ctl-operation-mode label.ui-btn.ui-radio-on:after {
    background-image: url(assets/Operate_on_Erv.png);
    background-color: #31d45c;
}

.no-touch .erv-theme .ctl-ventilation-mode label.ui-btn.ui-radio-off:hover:after,
.erv-theme .ctl-ventilation-mode label.ui-btn.ui-radio-on:after {
    background-image: url(assets/erv_vent_on.png);
    background-color: #31d45c;
}


.radio-buttons-5 .ui-radio-off,
.radio-buttons-5 .ui-radio-on {
    width: 50px;
}

.radio-buttons-4 .ui-radio-off,
.radio-buttons-4 .ui-radio-on {
    width: 65px;
}

.radio-buttons-3 .ui-radio-off,
.radio-buttons-3 .ui-radio-on {
    width: 90.5px;
}

.radio-buttons-2 .ui-radio-off,
.radio-buttons-2 .ui-radio-on {
    width: 141px;
}

.radio-buttons-1 .ui-radio-off,
.radio-buttons-1 .ui-radio-on {
    width: 295px;
}

.fan-speed-buttons-5 {
    width: 50px;
}

.fan-speed-buttons-4 {
    width: 65px;
}

.fan-speed-buttons-3 {
    width: 90.5px;
}

.fan-speed-buttons-2 {
    width: 141px;
}

.fan-speed-buttons-1 {
    width: 295px;
}


.icon-op-auto:after {
    background-position: -140px 0px;
}

.icon-op-heating:after {
    background-position: -105px 0px;
}

.icon-op-cooling:after,
.icon-vent-energyrecovery:after {
    background-position: -0px -0px;
}

.icon-op-fan:after,
.icon-vent-auto:after {
    background-position: -70px 0px;
}

.icon-op-drying:after,
.icon-vent-bypass:after {
    background-position: -35px 0px;
}


.operation-mode-status {
    height: 29px;
    margin-bottom: 8px;
    margin-right: 6px;
    text-align: left;
}

/* *************************************************************************  */
/* Control Panel - Current Operation / Ventilation Mode Display               */
/* *************************************************************************  */

div.ctl-mode-status::before {
    content: " ";
    background-size: 175px 35px !important;
    width: 35px !important;
    height: 35px !important;
    float: left;
    margin-top: -8px;
}

.ata-theme .ctl-operation-mode .ctl-mode-status::before {
    background-image: url(assets/Operate_on_Ata.png);
    background-color: #89a8bd;
}

.erv-theme .ctl-operation-mode .ctl-mode-status::before {
    background-image: url(assets/Operate_on_Erv.png);
    background-color: #31d45c;
}

.erv-theme .ctl-fan-speed-mode .ctl-mode-status::before {
    background-image: url(assets/Fan_speed_auto_on_Erv.png)
}

.erv-theme .ctl-ventilation-mode .ctl-mode-status::before {
    background-image: url(assets/erv_vent_on.png);
    background-color: #31d45c;
}

div.fan-speed-mode-1:before,
div.operation-mode-cooling:before,
div.ventilation-mode-energyrecovery:before {
    background-position: -0px,-0px;
}

div.fan-speed-mode-2:before,
div.operation-mode-drying:before,
div.ventilation-mode-bypass:before {
    background-position: -35px,-0px;
}

div.fan-speed-mode-3:before,
div.operation-mode-fan::before,
div.ventilation-mode-auto:before {
    background-position: -70px,-0px;
}

div.fan-speed-mode-4:before,
div.operation-mode-heating:before {
    background-position: -105px,-0px;
}

div.fan-speed-mode-0:before,
div.operation-mode-auto:before {
    background-position: -140px,-0px;
}


div.ctl-mode-desc {
    margin-right: 10px;
    margin-bottom: 10px;
    padding-top: 12px;
    padding-bottom: 8px;
    display: inline-block;
    border-radius: 8px;
    width: 284px;
    padding-left: 10px;
}

.ata-theme div.ctl-mode-desc {
    background-color: #89a8bd;
}

.erv-theme div.ctl-mode-desc {
    background-color: #31d45c;
}

/* *************************************************************************  */
/* Control Panel - Ata / Erv Fan Speed */
/* *************************************************************************  */

.ctl-fan-speed .ui-radio label.ui-btn {
    text-align: center;
    height: 75px;
    padding-top: 10px;
}

.device-controls-popup .no-automatic-fanspeed .ctl-fan-speed .ui-radio label.ui-btn {
    height: 132px;
    padding-top: 25px;
}

.device-controls-popup-vl .no-automatic-fanspeed .ctl-fan-speed .ui-radio label.ui-btn {
    height: 70px;
    padding-top: 25px;
}

.device-controls-popup-vl-hidden {
    visibility: collapse;
    width: 0px;
    height: 0px;
}

.device-controls-popup-vl-shown {
    visibility: visible;
}

.ctl-fan-speed label.ui-btn.ui-radio-off:after,
.ctl-fan-speed label.ui-btn.ui-radio-on:after {
    content: "";
    width: 35px;
    height: 35px ;
    background-repeat: no-repeat;
    background-size: 175px 35px;
    display: block;
    top: 50%;
    left: 50%;
    margin: -27.5px 0px 0px -17.5px;
    position: relative;
}

.ata-theme .ctl-fan-speed label.ui-btn.ui-radio-off:after {
    background-image: url(assets/Fan_speed_off_Ata.png);
}

.erv-theme .ctl-fan-speed label.ui-btn.ui-radio-off:after {
    background-image: url(assets/Fan_speed_auto_off_Erv.png);
}

.no-touch .ata-theme .ctl-fan-speed label.ui-btn.ui-radio-off:hover:after,
.ata-theme .ctl-fan-speed label.ui-btn.ui-radio-on:after {
    background-image: url(assets/Fan_speed_on_Ata.png);
    background-color: #89a8bd;
}

.no-touch .erv-theme .ctl-fan-speed label.ui-btn.ui-radio-off:hover:after,
.erv-theme .ctl-fan-speed label.ui-btn.ui-radio-on:after {
    background-image: url(assets/Fan_speed_auto_on_Erv.png);
    background-color: #31d45c;
}


.ctl-fan-speed label.icon-fan-1:after {
    background-position: -0px -0px;
}

.ctl-fan-speed label.icon-fan-2:after {
    background-position: -35px 0px;
}

.ctl-fan-speed label.icon-fan-3:after {
    background-position: -70px 0px;
}

.ctl-fan-speed label.icon-fan-4:after {
    background-position: -105px 0px;
}

.ctl-fan-speed label.icon-fan-5:after {
    background-position: -140px 0px;
}

.ctl-fan-speed label.ui-btn.icon-fan-wide {
    width: 296px;
    height: 46px;
    text-align: left;
    padding-left: 50px;
    padding-top: 15px;
}

.ctl-fan-speed label.ui-btn.ui-radio-off.icon-fan-wide:after,
.ctl-fan-speed label.ui-btn.ui-radio-on.icon-fan-wide:after {
    content: " ";
    left: -37px;
    top: -27.5px;
    background-size: 175px 35px;
    background-repeat: no-repeat;
    margin: 0px;
}

.ata-theme .ctl-fan-speed label.ui-btn.ui-radio-off.icon-fan-auto:after {
    background-image: url(assets/Operate_off_Ata.png);
    background-position: -140px 0px;
}

.erv-theme label.ui-btn.ui-radio-off.icon-fan-auto:after {
    background-image: url(assets/Operate_off_Erv.png);
    background-position: -140px 0px;
}

.no-touch .ata-theme .ctl-fan-speed label.ui-btn.ui-radio-off.icon-fan-auto:hover:after,
.ata-theme .ctl-fan-speed label.ui-btn.ui-radio-on.icon-fan-auto:after {
    background-image: url(assets/Operate_on_Ata.png);
    background-position: -140px 0px;
    background-color: #89a8bd;
}

.no-touch .erv-theme .ctl-fan-speed label.ui-btn.ui-radio-off.icon-fan-auto:hover:after,
.erv-theme .ctl-fan-speed label.ui-btn.ui-radio-on.icon-fan-auto:after {
    background-image: url(assets/Operate_on_Erv.png);
    background-position: -140px 0px;
    background-color: #31d45c;
}

.erv-res-fan-speed {
    height: 27px !important;
}

/* *************************************************************************  */
/* Control Panel - Ata Vanes */
/* *************************************************************************  */

.ata-vane .ata-control-button {
    text-align: left;
    padding-left: 10px;
    padding-top: 15px;
    border-radius: .5em;
    -webkit-border-radius: .5em;
}

.ata-vane .ui-controlgroup-horizontal .ui-btn.ui-first-child {
    border-radius: .5em;
    -webkit-border-radius: .5em;
}

.ata-vane-horizontal-transition {
    content: "";
    float: left;
    width: 138px;
    height: 130px;
    background-image: url(assets/VaneHorizontal_transitions2_png.png);
    background-position: -0px -0px;
    background-size: 1242px 130px;
    background-repeat: no-repeat;
    -webkit-border-radius: .5em;
    border-radius: .5em;
    border: 0px;
    margin-left: 5px;
    margin-bottom: 10px;
}

.ata-vane-vertical-transition {
    content: "";
    float: left;
    width: 138px;
    height: 130px;
    background-image: url(assets/VaneVertical_transitions_png.png);
    background-position: -0px -0px;
    background-size: 828px 130px;
    background-repeat: no-repeat;
    -webkit-border-radius: .5em;
    border-radius: .5em;
    border: 0px;
    margin-left: 5px;
    margin-bottom: 10px;
}

/* horizontal auto */
#ata-icon-vane-horizontal-mode-auto-popup,
#ata-icon-vane-horizontal-mode-auto {
    height: 60px;
    padding-left: 45px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 10px;
    margin-left: 0px;
    padding-top: 20px;
    padding-right: 16px;
    padding-bottom: 11.2px;
    padding-left: 45px;
}

/* horizontal swing */
#ata-icon-vane-horizontal-mode-swing-popup,
#ata-icon-vane-horizontal-mode-swing {
    height: 60px;
    padding-left: 45px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 10px;
    margin-left: 0px;
    padding-top: 20px;
    padding-right: 16px;
    padding-bottom: 11.2px;
    padding-left: 45px;
}

/* vertical auto */
#ata-icon-vane-vertical-mode-auto-popup,
#ata-icon-vane-vertical-mode-auto {
    height: 60px;
    padding-left: 45px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 10px;
    margin-left: 0px;
    padding-top: 20px;
    padding-right: 16px;
    padding-bottom: 11.2px;
    padding-left: 45px;
}

/* vertical swing */
#ata-icon-vane-vertical-mode-swing-popup,
#ata-icon-vane-vertical-mode-swing {
    height: 60px;
    padding-left: 45px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 10px;
    margin-left: 0px;
    padding-top: 20px;
    padding-right: 16px;
    padding-bottom: 11.2px;
    padding-left: 45px;
}


#ata-icon-vane-horizontal-mode-auto-popup:after,
#ata-icon-vane-horizontal-mode-auto:after,
#ata-icon-vane-vertical-mode-auto-popup:after,
#ata-icon-vane-vertical-mode-auto:after {
    content: "";
    width: 35px !important;
    height: 35px !important;
    float: left;
    background-image: url(assets/Operate_off_Ata.png);
    background-position: -140px 0px;
    background-size: 175px 35px;
    background-repeat: no-repeat;
    left: 2px;
    margin-bottom: 0px;
    margin-left: 2px;
    margin-right: 2px;
    margin-top: -9px;
    opacity: 1;
    position: absolute;
    top: 22px;
}


#ata-icon-vane-horizontal-mode-auto-popup.ui-radio-on:after,
#ata-icon-vane-horizontal-mode-auto.ui-radio-on:after,
#ata-icon-vane-vertical-mode-auto-popup.ui-radio-on:after,
#ata-icon-vane-vertical-mode-auto.ui-radio-on:after,
.no-touch #ata-icon-vane-horizontal-mode-auto-popup.ui-radio-off:hover:after,
.no-touch #ata-icon-vane-horizontal-mode-auto-popup.ui-radio-on:hover:after,
.no-touch #ata-icon-vane-horizontal-mode-auto.ui-radio-off:hover:after,
.no-touch #ata-icon-vane-horizontal-mode-auto.ui-radio-on:hover:after,
.no-touch #ata-icon-vane-vertical-mode-auto-popup.ui-radio-off:hover:after,
.no-touch #ata-icon-vane-vertical-mode-auto-popup.ui-radio-on:hover:after,
.no-touch #ata-icon-vane-vertical-mode-auto.ui-radio-off:hover:after,
.no-touch #ata-icon-vane-vertical-mode-auto.ui-radio-on:hover:after,
.ui-radio-on#ata-icon-vane-horizontal-mode-auto-popup::after,
.ui-radio-on#ata-icon-vane-horizontal-mode-auto::after {
    background-image: url(assets/Operate_on_Ata.png);
    background-color: #89a8bd;
}



#ata-icon-vane-horizontal-mode-swing-popup:after,
#ata-icon-vane-horizontal-mode-swing:after {
    content: "";
    width: 35px !important;
    height: 35px !important;
    float: left;
    background-image: url(assets/VaneHorizontal_off.png);
    background-size: 35px 35px;
    background-repeat: no-repeat;
    left: 2px;
    margin-bottom: 0px;
    margin-left: 2px;
    margin-right: 2px;
    margin-top: -9px;
    opacity: 1;
    position: absolute;
    top: 22px;
}


#ata-icon-vane-horizontal-mode-swing-popup.ui-radio-on:after,
#ata-icon-vane-horizontal-mode-swing.ui-radio-on:after,
.no-touch #ata-icon-vane-horizontal-mode-swing-popup.ui-radio-off:hover:after,
.no-touch #ata-icon-vane-horizontal-mode-swing-popup.ui-radio-on:hover:after,
.no-touch #ata-icon-vane-horizontal-mode-swing.ui-radio-off:hover:after,
.no-touch #ata-icon-vane-horizontal-mode-swing.ui-radio-on:hover:after {
    background-image: url(assets/VaneHorizontal_animation.gif);
    background-color: #89a8bd;
}


#ata-icon-vane-vertical-mode-swing-popup:after,
#ata-icon-vane-vertical-mode-swing:after {
    content: "";
    width: 35px !important;
    height: 35px !important;
    float: left;
    background-image: url(assets/VaneVertical_off.png);
    background-size: 35px 35px;
    background-repeat: no-repeat;
    left: 2px;
    margin-bottom: 0px;
    margin-left: 2px;
    margin-right: 2px;
    margin-top: -9px;
    opacity: 1;
    position: absolute;
    top: 22px;
}

#ata-icon-vane-vertical-mode-swing-popup.ui-radio-on:after,
#ata-icon-vane-vertical-mode-swing.ui-radio-on:after,
.no-touch #ata-icon-vane-vertical-mode-swing-popup.ui-radio-off:hover:after,
.no-touch #ata-icon-vane-vertical-mode-swing-popup.ui-radio-on:hover:after,
.no-touch #ata-icon-vane-vertical-mode-swing.ui-radio-off:hover:after,
.no-touch #ata-icon-vane-vertical-mode-swing.ui-radio-on:hover:after {
    background-image: url(assets/VaneVertical_animation.gif);
    background-color: #89a8bd;
}


/* *************************************************************************  */
/* Control Panel - Temperature Display */
/* *************************************************************************  */

.temperature-box {
    padding: 0px;
    font-size: 16px;
    margin-bottom:10px;
}

.ui-mobile .temperature-label { /* ui-mobile to override some defaults from jQuery mobile */
    display: inline-block;
    margin: 0px;
    padding-left: 8px;
    width: 70%;
    box-sizing: border-box;
}

.ui-mobile .set-temperature-box .temperature-label {
    width: 55%;    
}

.temperature-value {
    display: inline-block;
    width: 30%;
    box-sizing: border-box;
    text-align: center;
    font-weight: bold;
}

.temperature-value.right {
    text-align: right;
    padding-right: 10px;
}

.set-temperature-box .temperature-value {
    font-size: 28pt;
    font-weight: normal;
    width: 45%;
    text-align: right;
}

.temperature-value-incompatible {
    font-size: 12px;
}

.erv-theme .outside-temperature-box {
    margin-top: 10px;
}

/* *************************************************************************  */
/* Control Panel - Set Temperature */
/* *************************************************************************  */

.set-temperature-box {
    color: white;
    font-size: 24pt;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    margin-right: 10px;
    margin-bottom: 10px;
}


.atw-theme .set-temperature-box {
    background-color: #ee9c44;
    padding: 14px 12px 24px 12px;
    box-shadow: rgba(0,0,0,0.07) 0px 2px inset;
    margin-top: 8px;
}


.ata-theme .set-temperature-box {
    padding: 14px 12px 30px 12px;
    background: #57778e; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzU3Nzc4ZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM4MDlkYjEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background-image: -moz-linear-gradient(top, #57778e 0%, #809db1 100%); /* FF3.6+ */
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#57778e), color-stop(100%,#809db1)); /* Chrome,Safari4+ */
    background-image: -webkit-linear-gradient(top, #57778e 0%,#809db1 100%); /* Chrome10+,Safari5.1+ */
    background-image: -o-linear-gradient(top, #57778e 0%,#809db1 100%); /* Opera 11.10+ */
    background-image: -ms-linear-gradient(top, #57778e 0%,#809db1 100%); /* IE10+ */
    background-image: linear-gradient(to bottom, #57778e 0%,#809db1 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#57778e', endColorstr='#809db1',GradientType=0 ); /* IE6-8 */
}

.erv-theme .set-temperature-box {
    padding: 14px 12px 19px 12px;
    background: #6b8a37; /* Old browsers */
    background: -moz-linear-gradient(top, #1c8237 0%,#31d45c 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #1c8237 0%,#31d45c 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #1c8237 0%,#31d45c 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1c8237', endColorstr='#31d45c',GradientType=0 ); /* IE6-9 */
}

.set-temperature-box div.ui-slider {
    height: auto;
    margin: 5px 0px 0px 0px;
}

.set-temperature-box div.ui-slider-track {
    margin-left: 10px;
    margin-right: 10px;
}

.ata-theme .ui-bar-b {
    border-color: #4a7190;
}





/* *************************************************************************  */
/* Control Panel - Weather & Logo */
/* *************************************************************************  */


.weather-box {
    width: 310px;
}

.ata-theme .weather-box {
    height: 143px;
    padding-bottom: 10px;
}

.atw-theme .weather-box {
    height: auto;
    padding-top: 20px;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
    padding-bottom:6px;
}

.erv-theme .weather-box {
    height: auto;
    padding-top: 20px;
}


.weather-box-column {
    float: left;
    width: 77px;
}

.weather-box-shadow {
    height: 85px;
    color: white;
    text-shadow: 0 /*{global-active-shadow-x}*/ 1px /*{global-active-shadow-y}*/ 1px /*{global-active-shadow-radius}*/ #444 /*{global-active-shadow-color}*/;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    /*padding: 14px 14px 30px 14px;*/
    margin-top: 8px;
    margin-right: 10px;
    padding-top: 10px;
}

.ata-theme .weather-box-shadow {
    background: #57778e; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzU3Nzc4ZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM4MDlkYjEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background-image: -moz-linear-gradient(top, #57778e 0%, #809db1 100%); /* FF3.6+ */
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#57778e), color-stop(100%,#809db1)); /* Chrome,Safari4+ */
    background-image: -webkit-linear-gradient(top, #57778e 0%,#809db1 100%); /* Chrome10+,Safari5.1+ */
    background-image: -o-linear-gradient(top, #57778e 0%,#809db1 100%); /* Opera 11.10+ */
    background-image: -ms-linear-gradient(top, #57778e 0%,#809db1 100%); /* IE10+ */
    /* background: linear-gradient(to bottom,  #57778e 0%,#809db1 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#57778e', endColorstr='#809db1',GradientType=0 ); /* IE6-8 */
}

.atw-theme .weather-box-shadow {
    text-shadow: none;
    background: none;
    background-image: none;
    filter: none;
}


.erv-theme .weather-box-shadow {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#6b8a37+0,8fb749+100 */
    background: #6b8a37; /* Old browsers */
    background: -moz-linear-gradient(top, #1c8237 0%,#31d45c 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #1c8237 0%,#31d45c 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #1c8237 0%,#31d45c 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1c8237', endColorstr='#31d45c',GradientType=0 ); /* IE6-9 */
}


.weather-box-icon {
    background-image: url(weather/wsymbol_0001_sunny.png);
    background-size: 48px 48px;
    width: 48px;
    height: 48px;
    margin-left: 10px;
    border-radius: 6px;
}

.weather-box-date {
    color: white;
    font-size: 12pt;
    text-align: center;
    padding-right: 10px;
}

.weather-box-temp {
    margin-top: 2px;
    color: white;
    font-size: 12pt;
    text-align: center;
    height: 20px;
}


.product-logo {
    height: 50px;
    background: white;
    background-repeat: no-repeat;
    background-position: top right;
}

.ecodan-logo {
    background-size: 144px 50px;
}

.lossnay-logo {
    background-size: 157px 50px;
    background-image: url(assets/lossnay_logo.png);
    border: 0px solid #098045;
    border-right: white solid 6px;
    position: relative;
    left: -8px;
    top: 2px;
    width: 100%;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
}


.atw-theme .weather-bottom {
    background: #fcc98d; /*IE 8*/
    background: rgba(255,255,255,.2);
    box-shadow: rgba(0,0,0,0.07) 0px 2px;
    border-width: 0px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    height: 10px;
}

.erv-theme .weather-bottom {
    border: 1px solid #098045;
    background-color: #00a553;
    -webkit-box-shadow: inset 0px 1px 1px 1px rgba(127, 153,85, .8);
    box-shadow: inset 0px 1px 1px 1px rgba( 127, 153,85, .8);
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    height: 10px;
}





/* *************************************************************************  */
/* Control Panel - Status and Error mesages */
/* *************************************************************************  */

.device-controls-popup .error-message {
    max-width: 620px;
    display: block;
}

.status-box {
    height: 40px;
    margin-top: 10px;
}

.erv-status-box {
    padding-top: 20px;
    min-height: 238px;
    border-radius: 10px;
}

.erv-status-temperatures {
    margin-bottom: 20px;
}

.status-indicator {
    padding-left: 8px;
}

div.residential-indicator:before {
    content: " ";
    background-size: 105px 35px !important;
    width: 35px !important;
    height: 35px !important;
    float: left;
    margin-left:8px;
    margin-right: 8px;
    margin-top: -9px;
    border-radius: 6px;
    border: #31d45c solid 2px;
    background-image: url(assets/erv_residential.png);
}

div.silent-mode:before {
    background-position: -0px,-0px;
}

div.device-holiday-mode:before {
    background-position: -35px,-0px;
}

div.external-control:before {
    background-position: -70px,-0px;
}

div.status-indicator:before {
    content: " ";
    background-size: 175px 35px !important;
    width: 35px !important;
    height: 35px !important;
    float: left;
    margin-right: 8px;
    margin-top: -9px;
    border-radius: 6px;
    border: #31d45c solid 2px;
    background-image: url(assets/erv_vent_on.png);
}

div.night-purge:before {
    background-position: -140px,-0px;
}

div.filter-maintenance:before,
div.core-maintenance:before {
    background-position: -105px,-0px;
}




/* *************************************************************************  */
/* DeviceTree Control */
/* *************************************************************************  */

.tree-device-node {
    margin-left: 0px !important;
}

.checktree .ui-collapsible-inset,
.checktree fieldset.ui-controlgroup {
    margin-top: 0px;
    margin-bottom: 0px;
}


.checktree .ui-collapsible-content {
    padding-top: 0px;
    padding-right: 0px;
}

.checktree fieldset.ui-controlgroup .ui-corner-top {
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
}

.checktree .ui-collapsible-heading fieldset.ui-controlgroup .ui-corner-top {
    -webkit-border-radius: 1em;
    -moz-border-radius: 1em;
    border-radius: 1em;
}


/* *************************************************************************  */
/* Check Collapsible Control */
/* *************************************************************************  */



@media all and (min-width: 28em) {
    .ui-collapsible-heading .ui-split-btn {
        max-width: 150px;
    }
}

.mits-controls-back {
    margin-left: 0.5em;
}

.controls-footer {
    width: 100%;
    height: 46px;
    border: 0px;
    border-top: 1px;
    vertical-align: middle;
    background: #6c7a8d; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzZjN2E4ZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMyZDM0M2QiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background-image: -moz-linear-gradient(top, #6c7a8d 0%, #2d343d 100%); /* FF3.6+ */
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#6c7a8d), color-stop(100%,#2d343d)); /* Chrome,Safari4+ */
    background-image: -webkit-linear-gradient(top, #6c7a8d 0%,#2d343d 100%); /* Chrome10+,Safari5.1+ */
    background-image: -o-linear-gradient(top, #6c7a8d 0%,#2d343d 100%); /* Opera 11.10+ */
    background-image: -ms-linear-gradient(top, #6c7a8d 0%,#2d343d 100%); /* IE10+ */
    background-image: linear-gradient(to bottom, #6c7a8d 0%,#2d343d 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6c7a8d', endColorstr='#2d343d',GradientType=0 ); /* IE6-8 */
    clear: both;
}

.controls-footer-message {
    text-shadow: none;
    color: white;
    font-weight: normal;
    padding-left: 10px;
    display: inline;
    line-height: 46px;
    vertical-align: middle;
    font-size: 90%;
}

.ui-page.control-panel .controls-footer-message {
    position: relative;
}

/* *************************************************************************  */
/* Reports */
/* *************************************************************************  */

.report156 {
    display: inline-block;
    width: 156px;
    /*background-color: grey;*/
}

.report470 {
    display: inline-block;
    width: 470px;
    max-width: 100%;
    /*background-color: grey;*/
}

.report-row {
    text-align: left;
    padding: 3px 3px 3px 3px;
    background-color: lightgray;
    text-shadow: none;
}

.report-alternate-row {
    text-align: left;
    padding: 3px 3px 3px 3px;
    background-color: white;
    text-shadow: none;
    color: black;
}

.report-header {
    text-align: left;
    padding: 3px 3px 3px 3px;
    margin-top: 5px;
    font-weight: bold;
    background-color: #575757;
    color: white;
    text-shadow: none;
}

.dual-date div.ui-input-text {
    margin-bottom: 6px;
}

.report-disclaimer {
    text-align: right;
    font-size: 80%;
    font-family: 'Lucida Grande', 'Lucida Sans Unicode', Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    text-shadow: none;
    color: #274b6d;
    background-color: white;
    /* padding-bottom: 70px;*/
    padding-right: 8px;
}

.report-pie {
    width: 100%;
    margin: 0 auto;
    text-shadow: 0px 0px 2px #ffffff;
}

@media all and (min-width: 1100px)
{
    .report-responsive-chart {
        width: 49.75%; 
        display: inline-block;
    }
}

.report-pieholder
{
    background-color: white;
}
/* *************************************************************************  */
/* Timer */
/* *************************************************************************  */
#timer-grid td {
    background-color: #fff;
    padding: 1px 10px;
    border-left: 1px solid #ddd;
}

#timer-grid th {
    background-color: #eee;
}

#timer-grid td a.timer-event {
    background-color: #809db1;
    padding: 2px 10px;
    color: white;
    text-shadow: none;
    display: block;
    text-decoration: none;
}

#timer-grid tr:nth-child(odd) {
    background-color: #eee;
}


@media all and (min-width: 28em) {
    #timer-event-settings-label,
    #timer-event-days-label {
        width: 20%;
        display: inline-block;
    }

    #timer-event-settings,
    #timer-event-days {
        width: 78%;
        display: inline-block;
        margin: 0px;
        box-sizing: border-box;
    }

    .button-field {
        width: 78%;
        display: inline-block;
    }
}


/* *************************************************************************  */
/* Device registrations */
/* *************************************************************************  */


.icon-tile {
    width: 126px;
    height: 74px;
    margin-bottom: 5px;
    margin-right: 5px;
    border: 1px solid #ccc;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    display: inline-block;
    position: relative;
    padding: 10px;
    text-align: center;
    -webkit-box-shadow: 4px 4px 7px 0px rgba(0, 0, 0, .4);
    box-shadow: 4px 4px 7px 0px rgba(0, 0, 0, .4);
    font-size: 75%;
    background-position: 10px 10px;
    background-size: 122px 70px;
    background-image: url(icons/icon-1.png);
    background-repeat: no-repeat;
}

    .icon-tile a:link,
    .icon-tile a:visited {
        text-decoration: none;
        color: black;
        padding-top: 80px;
        display: block;
    }

.icon-tile-preview {
    text-align: center;
    padding: 20px 0px 10px 0px;
    clear: both;
}

/*==file input button ==*/
.file-wrapper {
    cursor: pointer;
    /*display: inline-block;*/
    overflow: hidden;
    position: relative;
}

    .file-wrapper .file-button {
        -moz-border-radius: 0px;
        -webkit-border-radius: 0px;
        border-radius: 0px;
        cursor: pointer;
        /*display: inline-block;*/
        /*font-size: 11px;*/
        /*font-weight: bold;*/
        /*padding: 4px 18px;*/
    }

    .file-wrapper input {
        cursor: pointer;
        height: 100%;
        position: absolute;
        right: 0;
        top: 0;
        filter: alpha(opacity=1);
        -moz-opacity: 0.01;
        opacity: 0.01;
    }

@media all and (min-width: 28em) {
    .modeldiv {
        margin-left: 22%;
    }
}


/* *************************************************************************  */
/* Terms and Conditions */
/* *************************************************************************  */

#terms-content {
    width: auto;
    height: 300px;
    overflow: auto;
    background: white;
    padding: 10px;
    text-shadow: none;
}

#show-terms-content {
    width: auto;
    height: 300px;
    overflow: auto;
    background: white;
    padding: 10px;
    text-shadow: none;
}

.ui-navbar {
    padding: 0px;
    border-width: 0px;
}

.reportbuttons a:active,
.reportbuttons a:hover,
.reportbuttons a.selected {
    text-decoration: none;
    background: red !important;
}


#recaptcha-main {
    margin-bottom: 40px;
}

@media all and (min-width: 43em) {
    #recaptcha-div {
        padding-left: 22%;
    }

    #recaptcha-message {
        position: absolute;
        width: 20%;
    }
}


/* ATW Operation Mode styles*/


#atw-op-mode-heat:before,
#atw-op-mode-cool:before,
#atw-op-mode-heat-popup:before,
#atw-op-mode-cool-popup:before {
    content: "";
    width: 35px;
    height: 35px;
    float: left;
    background-image: url(assets/Operate_off_Ata.png);
    background-size: 175px 35px;
    background-repeat: no-repeat;
}

#atw-op-mode-heat:before,
#atw-op-mode-heat-popup:before {
    background-position: -105px 0px;
}

#atw-op-mode-cool:before,
#atw-op-mode-cool-popup:before {
    background-position: -0px -0px;
}

.ui-btn-hover-b #atw-op-mode-heat:before,
.ui-btn-hover-b #atw-op-mode-cool:before,
.ui-btn-hover-b #atw-op-mode-heat-popup:before,
.ui-btn-hover-b #atw-op-mode-cool-popup:before {
    background-image: url(assets/Operate_on_Ata.png);
    background-color: #89a8bd;
}


/* End ATA Operation mode styles*/



@media all and (min-width: 28em) {
    .form-message {
        /*display: inline-block;
        width: 100%;
        text-align: left;*/
    }
}

@media all and (min-width: 45em) {
    .form-message {
        display: inline-block;
        width: 100%;
        text-align: center;
    }
}

.ui-header A.logout-link {
    top: 0;
    right: 0;
    background-color: transparent;
    padding-top: 10px;
    border-width: 0px;
    margin: 0px;
    border-left-width: 1px;
}

.logoutimg {
    height: 20px;
    width: 20px;
}

.ui-collapsible-inset.ui-collapsible-themed-content .ui-collapsible-content {
    border-width: 0px;
    background: transparent;
}

#reset-code {
    text-align: center;
    font-weight: bold;
    font-size: 110%;
    padding-top: 25px;
    padding-bottom: 25px;
    /*padding-left: 47%;*/
}

/* *************************************************************************  */
/* ATW Controls */
/* *************************************************************************  */


.atw-op-mode-status-box,
.atw-water-mode-status-box {
    padding: 10px 20px 10px 10px;
}

.atw-op-mode-status,
.atw-water-mode-status {
    font-size: 20px;
    font-weight: bold;
    padding-top: 20px;
    display: inline-block;
}

.atw-op-mode-status-icon,
.atw-water-mode-status-icon {
    float: right;
    height: 69px;
    width: 72px;
    background: url(assets/atw_icons.png);
    background-size: 576px 69px;
    background-repeat: no-repeat;
}

.atw-op-mode-status-heat {
    background-position: -0px 0px;
}

.atw-op-mode-status-cool {
    background-position: -72px 0px;
}

.atw-op-mode-status-idle {
    background-position: -144px 0px;
}

.atw-water-mode-status-idle {
    background-position: -216px 0px;
}

.atw-water-mode-status-legionella {
    background-position: -288px 0px;
}

.atw-water-mode-status-heat {
    background-position: -360px 0px;
}

.atw-op-mode-status-prohibit {
    background-position: -432px 0px;
}

.atw-water-mode-status-prohibit {
    background-position: -504px 0px;
}


.atw-forcedhw {
    background-color: #ee9c44;
    background-image: url(assets/tap.png);
    background-repeat: no-repeat;
    background-position: 20px 30px;
    background-size: 71px 62px;
    box-shadow: rgba(0,0,0,0.07) 0px 2px inset;
    color: white;
    font-size: 24pt;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    padding: 11px 14px 1px 124px;
    margin-top: 3px;
    margin-right: 10px;
    margin-bottom: 9px;
    min-height: 110px;
}

    .atw-forcedhw .ui-btn-text {
        display: inline-block;
        width: auto;
        padding-top: 6px;
        padding-left: 4px;
    }


.control-back .atw-forcedhw .ui-radio .ui-icon {
    margin-top: -4px;
}

.control-back .atw-forcedhw .ui-radio .ui-btn {
    border: 1px solid #E28661 !important;
    height: 45px;
    width: 163px;
    font-size: 13px;
    padding-right: 2px;
    padding-top: 15px;
    padding-left: 35px;
}

.control-back .atw-forcedhw .ui-radio .ui-btn:after {
    width: 18px;
    height: 18px;
}


.no-touch .control-back .atw-forcedhw .ui-radio label.ui-btn.ui-radio-off:hover,
.control-back .atw-forcedhw .ui-radio label.ui-btn.ui-radio-on {
    background: #137bbe /*{global-active-background-color}*/;
    background-image: -webkit-gradient(linear, left top, left bottom, from( #1487d1 /*{global-active-background-start}*/ ), to( #116eab /*{global-active-background-end}*/ )); /* Saf4+, Chrome */
    background-image: -webkit-linear-gradient( #1487d1 /*{global-active-background-start}*/, #116eab /*{global-active-background-end}*/ ); /* Chrome 10+, Saf5.1+ */
    background-image: -moz-linear-gradient( #1487d1 /*{global-active-background-start}*/, #116eab /*{global-active-background-end}*/ ); /* FF3.6 */
    background-image: -ms-linear-gradient( #1487d1 /*{global-active-background-start}*/, #116eab /*{global-active-background-end}*/ ); /* IE10 */
    background-image: -o-linear-gradient( #1487d1 /*{global-active-background-start}*/, #116eab /*{global-active-background-end}*/ ); /* Opera 11.10+ */
    background-image: linear-gradient( #1487d1 /*{global-active-background-start}*/, #116eab /*{global-active-background-end}*/ );
    color: white;
}

.no-touch .control-back .atw-forcedhw .ui-radio .ui-radio-off:after:hover,
.control-back .atw-forcedhw .ui-radio .ui-radio-on:after {
    border-width: 5px !important;
}


#atw-control-timeronly .ui-field-contain .ui-controlgroup-label {
    width: inherit;
}

#atw-control-timeronly legend {
    margin-top: 8px;
    margin-bottom: 8px;
}

#atw-control-timeronly .ui-radio .ui-icon {
    margin-top: -4px;
}

#atw-control-timeronly .ui-btn {
    border: 1px solid #E28661;
    min-width: 90px;
}

#atw-control-timeronly .ui-radio {
    padding: .6em;
    border-top: 1px solid transparent;
}

#atw-control-timeronly .ui-radio-off {
    background: #f3956f;
    color: #FFE8E0;
}




#atw-control-timeronly .ui-radio-on {
    background: #137bbe /*{global-active-background-color}*/;
    background-image: -webkit-gradient(linear, left top, left bottom, from( #1487d1 /*{global-active-background-start}*/ ), to( #116eab /*{global-active-background-end}*/ )); /* Saf4+, Chrome */
    background-image: -webkit-linear-gradient( #1487d1 /*{global-active-background-start}*/, #116eab /*{global-active-background-end}*/ ); /* Chrome 10+, Saf5.1+ */
    background-image: -moz-linear-gradient( #1487d1 /*{global-active-background-start}*/, #116eab /*{global-active-background-end}*/ ); /* FF3.6 */
    background-image: -ms-linear-gradient( #1487d1 /*{global-active-background-start}*/, #116eab /*{global-active-background-end}*/ ); /* IE10 */
    background-image: -o-linear-gradient( #1487d1 /*{global-active-background-start}*/, #116eab /*{global-active-background-end}*/ ); /* Opera 11.10+ */
    background-image: linear-gradient( #1487d1 /*{global-active-background-start}*/, #116eab /*{global-active-background-end}*/ );
    color: white;
}



.atw-message-box {
    text-align: center;
    height: 131px;
    font-size: 18px;
    padding: 107px 30px 0px 30px;
}

#atw-no-hotwater-box-popup {
    height: 144px;
}

.atw-set-message-box {
    text-align: center;
    padding-top: 9px;
    padding-bottom: 9px;
    height: 63px;
    font-size: 18px;
}

.ui-datebox-container .ui-header {
    border-radius: 0px;
}

#page-holiday-mode-settings > div.ui-datebox-container.ui-overlay-shadow.ui-corner-all.pop.ui-body-a.in > span > div.ui-datebox-dboxin.ui-grid-b > div.ui-block-a > input {
    width: 100%;
}

#page-holiday-mode-settings > div.ui-datebox-container.ui-overlay-shadow.ui-corner-all.pop.ui-body-a.in > span > div.ui-datebox-dboxin.ui-grid-b > div.ui-block-b > input {
    width: 100%;
}

#page-holiday-mode-settings > div.ui-datebox-container.ui-overlay-shadow.ui-corner-all.pop.ui-body-a.in > span > div.ui-datebox-dboxin.ui-grid-b > div.ui-block-c > input {
    width: 100%;
}

#page-holiday-mode-settings > div.ui-datebox-container.ui-corner-all.pop.ui-body-a.ui-overlay-shadow.in > div > a > span {
    background-position: -73px -1px;
}

span.ui-slider-label.ui-slider-label-b {
    background-color: rgb(214, 214, 214);
    background-image: linear-gradient(rgb(208, 208, 208), rgb(223, 223, 223));
}

a.mits-menu-button,
a.ui-font-text-bold {
    font-size: 16px;
    font-weight: bold;
}

a.ui-icon-minus:after,
a.ui-icon-plus:after {
    width: 18px;
    height: 18px;
}


.report-error {
    padding: 2em;
    background-color: white;
    margin: 0px;
    color: red;
}


.ctl-presets {
    width: 140px;
    min-height: 344px;
    padding-left: 10px;
    padding-right: 10px;
    box-sizing: border-box;
    margin-left: 10px;
    margin-bottom: 10px;
}

.btn-apply-preset,
.btn-save-preset {
    min-height: 70px;
    margin-bottom: 10px !important;
    border-radius: 6px !important;
    border-width: 0px !important;
    text-shadow: none !important;
    vertical-align: middle;
    display: inherit;
    padding: 0px;
    display: table;
    width: 100%;
    max-width: 140px;
}

    .btn-apply-preset:focus,
    .btn-save-preset:focus {
        outline: 0px;
    }

.vertical-center {
    display: table-cell;
    height: 100%;
    width: 100%;
    vertical-align: middle;
    text-align: center;
    white-space: normal;
    max-width: 120px;
    overflow: hidden;
    height: 73px;
    text-overflow: clip;
}


.estimated-energy {
    background-color: white;
}

@media all and ( max-width: 35em ) {
    .estimated-energy td:first-child {
        font-weight: bold;
        text-align: center;
    }

    .estimated-energy td:first-child .ui-table-cell-label {
        display: none;
    }

    .estimated-energy .ui-table-cell-label {
        font-weight: normal;
    }

    #page-report-estimated-energy h3 {
        background: #e7e7e7;
        padding: 1em;
        margin: 0px;
    }
}

@media all and ( min-width: 35em ) {
    #page-report-estimated-energy .report-disclaimer {
        background-color: transparent;
        padding-top: -.25em;
    }

    .estimated-energy {
        width: auto;
        border: 1px solid black;
        margin-left: auto;
        margin-right: auto;
    }

    /* Show the table header rows and set all cells to display: table-cell */
    .estimated-energy td,
    .estimated-energy th,
    .estimated-energy tbody th,
    .estimated-energy tbody td,
    .estimated-energy thead td,
    .estimated-energy thead th {
        display: table-cell;
        margin: 0;
    }

    /* Hide the labels in each cell */
    .estimated-energy td .ui-table-cell-label,
    .estimated-energy th .ui-table-cell-label {
        display: none;
    }

    /* Firmware Update Reflow table*/

    .firmware-update-device-table {
        width: 100%;
    }
}

@media all and ( min-width: 30em ) {

    /* Show the table header rows and set all cells to display: table-cell */

    .firmware-update-device-table tbody th,
    .firmware-update-device-table tbody td,
    .firmware-update-device-table thead td,
    .firmware-update-device-table thead th {
        width: auto;
        float: none;
        clear: none;
        display: table-cell;
        margin: 0;
        padding: 0;
    }

    /* Hide the labels in each cell */
    .firmware-update-device-table td .ui-table-cell-label,
    .firmware-update-device-table th .ui-table-cell-label {
        display: none;
    }
}

.overlayButtonRight {
    float: right;
    right: 10px;
}

#maintabs {
    padding: 0px;
}


.ui-padding {
    padding: 10px;
}

.ui-no-padding {
    padding: 0px;
}

#scenes-content {
    padding: 0px;
}

#scenes-list {
    padding: 0px;
    margin: 10px 0px 0px 7px;
    list-style-type: none;
}

#scenes-status {
    position: fixed;
    bottom: 55px;
    background: #ccc;
    color: black;
    width: 80%;
    padding: 5%;
    margin: 5%;
    text-shadow: none;
    text-align: center;
    border-radius: 6px;
    display: none;
    -webkit-box-shadow: 4px 4px 7px 0px rgba(0, 0, 0, .4);
    box-shadow: 4px 4px 7px 0px rgba(0, 0, 0, .4);
}

.scenes-status-visible {
    display: block !important;
}

.tile-edit::before {
    background-image: url("assets/SceneEdit.png");
    width: 36px;
    height: 36px;
    content: " ";
    position: absolute;
    top: -10px;
    right: -10px;
}

.tile-delete::before {
    background-image: url("assets/SceneDelete.png");
    width: 36px;
    height: 36px;
    content: " ";
    position: absolute;
    top: -10px;
    right: -10px;
}


#scenes-toolbar {
    text-align: right;
    margin: 6px 10px 10px 6px;
}

#scenes-toolbar button {
    border: 1px solid rgb(36,137,206);
    color: rgb(36,137,206);
    padding-top: 6px;
    padding-bottom: 6px;
    padding-left: 16px;
    padding-right: 16px;
    margin-left: 6px;
    background: none;
}


#image-library-list {
    list-style-type: none;
    margin: 10px 0px 0px 7px;
    padding: 0px;
}


.card {
    margin: 0px 5px 10px 5px;
    border: 1px solid #ccc;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    display: block;
    padding: 5px;
    -webkit-box-shadow: 4px 4px 7px 0px rgba(0, 0, 0, .4);
    box-shadow: 4px 4px 7px 0px rgba(0, 0, 0, .4);
    font-size: 75%;
    clear: both;
    min-height: 90px;
}

.card-identity {
    width: 122px;
    color: rgb(36,137,206);
    text-align: center;
    display: block;
    margin-right: 10px;
    float: left;
}

.card-config {
    line-height: 170%;
}

.card-image {
    width: 122px;
    background-image: url(css/icons/icon-1.png);
    background-size: 122px 70px;
    height: 70px;
    display: block;
}

.card-title {
    width: 122px;
    color: rgb(36,137,206);
    text-align: center;
    display: block;
    font-weight: bold;
    margin-right: 5px;
    padding-top: 5px;
}

.card-setting {
    display: inline-block;
    margin-right: 20px;
}

.card-prompt {
    margin-right: 5px;
}

.card-prompt::after {
    content: ":";
}

.card-value {
    font-weight: bold;
}

.card-power {
    margin-top: 6px;
}

.card-fan {
    background-image: url(assets/Fan_speed_on_bw.png);
    width: 17.5px;
    height: 17.5px;
    display: inline-block;
    background-size: 105px 17.5px;
}


.card-vane-h {
    display: inline-block;
    background-image: url(assets/VaneHorizontal_bw2.png);
    width: 17.5px;
    height: 17.5px;
    background-size: 140px 17.5px;
    display: inline-block;
}

.card-vane-v {
    display: inline-block;
    background-image: url(assets/VaneVertical_bw.png);
    width: 17.5px;
    height: 17.5px;
    background-size: 122.5px 17.5px;
    display: inline-block;
    margin-right: 5px;
}

.vane-v-icon-0 {
    background-position-x: 0px;
}

.vane-v-icon-1 {
    background-position-x: -87.5px;
}

.vane-v-icon-2 {
    background-position-x: -70px;
}

.vane-v-icon-3 {
    background-position-x: -52.5px;
}

.vane-v-icon-4 {
    background-position-x: -35px;
}

.vane-v-icon-5 {
    background-position-x: -17.5px;
}

.vane-v-icon-7 {
    background-position-x: -105px;
}


.vane-icon-0 {
    background-position-x: 0px;
}

.vane-icon-1 {
    background-position-x: -17.5px;
}

.vane-icon-2 {
    background-position-x: -35px;
}

.vane-icon-3 {
    background-position-x: -52.5px;
}

.vane-icon-4 {
    background-position-x: -70px;
}

.vane-icon-5 {
    background-position-x: -87.5px;
}

.vane-icon-7,
.vane-icon-12 {
    background-position-x: -105px;
}

.vane-icon-8 {
    background-position-x: -122.5px;
}


.fan-icon-0 {
    background-position-x: 0px;
}

.fan-icon-1 {
    background-position-x: -17.5px;
}

.fan-icon-2 {
    background-position-x: -35px;
}

.fan-icon-3 {
    background-position-x: -52.5px;
}

.fan-icon-4 {
    background-position-x: -70px;
}

.fan-icon-5 {
    background-position-x: -87.5px;
}


.card-toolbar {
    clear: both;
    text-align: right;
    display: block;
}

.card-toolbar button {
    border: 1px solid rgb(36,137,206);
    color: rgb(36,137,206);
    padding-top: 6px;
    padding-bottom: 6px;
    padding-left: 16px;
    padding-right: 16px;
    margin-left: 6px;
    background: none;
}

#scenes-toolbar button:hover,
#scenes-toolbar button:active,
.card-toolbar button:hover,
.card-toolbar button:active {
    background-color: rgb(36,137,206);
    color: white;
}

.scene-off {
}

.scene-active {
    background-color: rgb(36,137,206);
    border-color: rgb(36,137,206);
}

li.scene-active a.deviceControlTextColor {
    color: white;
}

.scene-partial {
    background-color: rgba(152, 222, 236, 0.16);
}


.adaptor-container {
}

.adaptor-label {
    position: relative;
}

.adaptor-label img {
    max-width: 100%;
}

.adaptor-label-top {
    display: none;
}

.adaptor-label-bottom {
    display: block;
}

.adaptor-label-code {
    position: absolute;
    top: 0px;
    left: 0px;
}
.zone-show-on-mobile {
    display: none;
}


@media all and ( min-width: 50em ) {
    .adaptor-label-top {
        display: block;
        float: right;
        max-width: 50%;
    }

    .adaptor-label-bottom {
        display: none;
    }
}

@media all and ( min-width: 62em ) {
    .adaptor-label img {
        max-width: 450px;
    }
}

#contactus-product-impacted-wrapper,
#contactus-message-body-wrapper {
    float: left;
    width: 100%;
}

@media all and ( min-width: 28em ) {
    #contactus-product-impacted-wrapper,
    #contactus-message-body-wrapper {
        width: 78%;
    }
}

#contactus-product-impacted-wrapper .ui-controlgroup-controls
{
    width: 100%;
}
    
/*@media (hover:none), (hover:on-demand) {
    .ctl-mode label.ui-btn.ui-radio-off:hover:after,
    label.ui-btn.ui-radio-off:hover:after {
        background-color: rgb(112, 142, 163);
    }

    .ata-theme .ctl-operation-mode label.ui-btn.ui-radio-off:hover:after {
        background-image: url(assets/Operate_on_Ata.png);
    }

    .erv-theme .ctl-operation-mode label.ui-btn.ui-radio-off:hover:after {
        background-image: url(assets/Operate_on_Erv.png);
    }

    .erv-theme .ctl-ventilation-mode label.ui-btn.ui-radio-off:hover:after {
        background-image: url(assets/erv_vent_off.png);
    }

    .ata-theme .ctl-fan-speed label.ui-btn.ui-radio-off:hover:after {
    }

    .erv-theme .ctl-fan-speed label.ui-btn.ui-radio-off:hover:after {
    }

    #ata-icon-vane-horizontal-mode-auto.ui-radio-off:hover:after,
    #ata-icon-vane-horizontal-mode-auto-popup.ui-radio-off:hover:after,
    .ui-radio-off#ata-icon-vane-horizontal-mode-auto-popup:hover::after {
    }

    #ata-icon-vane-horizontal-mode-swing.ui-radio-off:hover:after,
    #ata-icon-vane-horizontal-mode-swing-popup.ui-radio-off:hover:after {
    }

    #ata-icon-vane-vertical-mode-auto.ui-radio-off:hover:after,
    #ata-icon-vane-vertical-mode-auto-popup.ui-radio-off:hover:after {
    }

    #ata-icon-vane-vertical-mode-swing.ui-radio-off:hover:after,
    #ata-icon-vane-vertical-mode-swing-popup.ui-radio-off:hover:after {
    }
    
}*/