:root {
    --ColorGrey0: #000000;
    --ColorGrey1: #000000;
    --ColorGrey2: #000000;
    --ColorGrey3: #969696;
    --ColorGrey4: #dadada;
    --ColorGrey5: #f6f6f6;
    --ColorGrey6: #f6f6f6;
    --ColorGrey7: #ffffff;
    --ColorDeco1: #e40521;
    --ColorDeco2: #001a72;
    --ColorDeco3: #001a72;
    --ColorDeco4: #e5b8b8;
    --ColorDeco5: #001a72;
    --ColorDeco6: #001a72;
    --ColorDeco7: #001a72;
    --ColorFalse: #001a72;
    --ColorTrue: #1e9480;
    --ColorTransparent: transparent;
    --ColorIcon: var(--ColorGrey0);
    --Font1: 'UniversLight', arial, sans-serif;
    --Font2: 'UniversBold', arial, sans-serif;
    --Font3: Arial,sans-serif;
    --Font4: 'UniversRegular',arial,sans-serif;
    --Font5: 'UniversRegular',arial,sans-serif;
    --Font6: 'UniversRegular',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: 1vh;
    --Radius3: 1.5vh;
    --Radius4: 0;
    --Radius5: 0;
    --Line1: 1px solid var(--ColorGrey4);
    --Line2: 0px solid var(--ColorGrey4);
    --Line3: 1px solid var(--ColorGrey4);
    --Contour1: none;
    --Contour2: none;
    --Contour3: none;
    --Space05: 0.5vh;
    --Space1: 1vh;
    --Space2: 2vh;
    --Space3: 3vh;
    --Space4: 4vh;
    --Space5: 5vh;
    --Space6: 6vh;
    --Space7: 7vh;
    --Space8: 8vh;
    --Space10: 10vh;
    --Space15: 15vh;
    --PageWidth: 100%;
    --PageHeight: 100%;
    --HeightHeader: 15vh;
    --HeightFooter: 15vh;
    --SizeLoader: 100px;
    --KeyboardOffset: calc(-1 * var(--HeightHeader));
    --PageInnerWidth: 80vw;
    --KeyboardWidth: 80%;
    --ButtonWidth1: 10vh;
    --ButtonHeight1: 10vh;
    --BoxShadow1:none rgba(0, 0, 0, 0.2);
    --TransitionSpeed1: 0.3s;
    --IconArrowLeft: '0';
    --IconArrowRight: '1';
}

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

.logo{
    width:21vh;
}

h1 {
    font-family:var(--Font1);
    font-size:var(--FontSize8);
    color:var(--ColorDeco1);
    font-weight:normal;
}
p,
small,
strong {
    color: var(--ColorGrey2);
}
.active, li.active * {
    color: var(--ColorFalse);
}
.card-envelope {
    padding: 3px;
}
#TWKeyboard {
    background-color: var(--ColorGrey0);
}
#TWKeyboardHeader div {
    color: var(--ColorGrey0);
    background-color: var(--ColorGrey0);
}
[template="VisitorTypeSelection01"] section button{
    background-color:var(--ColorGrey3);
    max-height: 25%;
}