:root {
    --ColorGrey0: #000000;
    --ColorGrey1: #9d9d9d;
    --ColorGrey2: #9d9d9d;
    --ColorGrey3: #9d9d9d;
    --ColorGrey4: #dadada;
    --ColorGrey5: #dadada;
    --ColorGrey6: #eaeaea;
    --ColorGrey7: #ffffff;
    --ColorDeco1: #000000;
    --ColorDeco2: #000000;
    --ColorDeco3: #000000;
    --ColorDeco4: #000000;
    --ColorDeco5: #000000;
    --ColorDeco6: #000000;
    --ColorDeco7: #000000;
    --ColorFalse: #de9918;
    --ColorCheckout: #A83016;
    --ColorTrue: #1e9480;
    --ColorTransparent: transparent;
    --ColorIcon: var(--ColorGrey0);
    --Font1: 'FuturaOT', arial, sans-serif;
    --Font2: 'FuturaOT', arial, sans-serif;
    --Font3: 'FuturaOTLight', arial, sans-serif;
    --Font4: 'FuturaOT', arial, sans-serif;
    --Font5: 'FuturaOT', arial, sans-serif;
    --Font6: 'FuturaOT', arial, sans-serif;
    --FontIcons: 'Touchway';
    --FontSize1: 1vh;
    --FontSize2: 2vh;
    --FontSize3: 3vh;
    --FontSize4: 4vh;
    --FontSize5: 5vh;
    --FontSize6: 6vh;
    --FontSize7: 7vh;
    --FontSize8: 8vh;
    --FontSize9: 9vh;
    --Radius0: 0;
    --Radius1: 100%;
    --Radius2: 0px;
    --Radius3: 1.5vh;
    --Radius4: 0;
    --Radius5: 0;
    --Line1: 1px solid var(--ColorGrey4);
    --Line2: 0px solid var(--ColorGrey4);
    --Line3: 1px solid var(--ColorGrey3);
    --Contour1: none;
    --Contour2: none;
    --Contour3: none;
    --Test:1;
    --Space05: 0.5vh;
    --Space1: 1vh;
    --Space2: 2vh;
    --Space3: 3vh;
    --Space4: 4vh;
    --Space5: 5vh;
    --Space6: 6vh;
    --Space7: 7vh;
    --Space8: 8vh;
    --Space9: 9vh;
    --Space10: 10vh;
    --Space15: 15vh;
    --Space20: 20vh;
    --PageWidth: 100%;
    --PageHeight: 100%;
    --HeightHeader: 18vh;
    --HeightFooter: 18vh;
    --SizeLoader: 100px;
    --KeyboardOffset: calc(-1 * var(--HeightHeader));
    --PageInnerWidth: 100vw;
    --KeyboardWidth: 80%;
    --ButtonWidth1: 10vh;
    --ButtonHeight1: 10vh;
    --BoxShadow1: none rgba(0, 0, 0, 0.2);
    --TransitionSpeed1: 0.3s;
    --IconArrowLeft: '\0026';
    --IconArrowRight: '\0028';
}

article>header {
    background-color: var(--ColorGrey7);
    border-bottom: var(--Line1);
}

#logo {
    display:none;
}
button.controls {
    border-radius:var(--Radius1);
    color:var(--ColorGrey7);
    border:var(--Line3);
}
button.controls i {
    font-size:var(--FontSize9);
    transform: translate3d(-50%, -45%, 0);  
}
button.controls.next i {
    transform: translate3d(-70%, -45%, 0);
}

button[disabled] {
    opacity: 1;
    background: var(--ColorGrey7);
    border-color: var(--ColorGrey0);
    color: var(--ColorGrey2);
}

article {
    background-image:none;
}
h1 {
    font-family: var(--Font1);
    font-size: var(--FontSize7);
    letter-spacing: 2px;
}
h3 {
    font-family: var(--Font3);
    font-weight: 300;
    font-size: var(--FontSize5);
}
section-body {
    padding:0;
}
.list>li {
    padding-top: var(--Space1);
    padding-right: var(--Space1);
    padding-bottom: var(--Space0);
}
.list.l2>li:last-child {
    border-bottom: var(--Line1);
}
.list-entry {
    display:flex;
    width:100%;
    padding-top:var(--Space1);
}
.list-entry.unit {
    padding-bottom:var(--Space1);   
}
.list-entry .phone {
    position: relative;
    top:-1.5vh;
}

qr {
    padding:0;
    margin-right: 0;
    margin-left: var(--Space1);
}
qr img {
    max-width: 7vh;
}
.list i {
    margin-right: var(--Space3);
    font-size: var(--FontSize9);
    color:var(--ColorGrey3);
}
.list i:before {
    top:-2px;
}
.list-entry .tw-phone {
    margin-right:0;
    position:relative;
    top:-6px;
}

p {
    font-family: var(--Font5);
    font-size: var(--FontSize5);
}

input[type="text"], input[type="email"], input[type="search"], input[type="password"], input[type="tel"], input[type="url"], input[type="date"] {
    line-height: var(--Space8);
    border:var(--Line3);
}

.active,
li.active * {
    background-color:var(--ColorGrey6);
    color:var(--ColorGrey0)!important;
}

article>header,
article>footer {
    position:relative;
    max-width: calc(100% - var(--Space20));
    left: var(--Space10);
    padding-left: 0;
    padding-right: 0;
}
article.in > footer {
    padding-left: var(--Space10);
}
language-selector a.selected {
    color:var(--ColorGrey0);
}

header time {
    font-size: var(--FontSize7);
    color: var(--ColorGrey3);
}

.tw-arrow-right:before {
    left:10px;

}
.scroller {
    overflow-y: auto;
}

[template="FinalInstruction01"] section > .flex {
    width:50%;
    padding: 0 var(--Space5) 0;
    position: relative;
}
[template="VisitorDataEntryForm01"] section .cols .thin {
    flex-basis: calc(var(--Space10) * 5);
    -webkit-flex-basis: calc(var(--Space10) * 5);
}
[template="WelcomeSelectionUnits01"] .align-text {
    padding-top:12px;
}

#TWKeyboard,
#TWKeyboardHeader div {
    background-color: var(--ColorGrey0);
}

#Reload {
    bottom:0;
    left:var(--Space10);
    transform: translateY(-45%);
    font-size: var(--FontSize7);
}