.progress-bar-inner[data-progress="2"] {
width: 40%
}
.progress-bar-inner[data-progress="3"] {
width: 60%
}
.progress-bar-inner[data-progress="4"] {
width: 80%
}
.progress-bar-inner[data-progress="5"] {
width: 100%
}
label,.label,ledgend, #kr_tag_crmwebforms legend{
font-family: 'TagHeuerRegular', Helvetica, Arial, sans-serif;
font-size: 0.75rem;
line-height: 14px;
}
@media (min-width:768px) {
label,.label {
font-size: 18px;
line-height: 18px;
letter-spacing: 1px
}
.question-text {
margin: 0 auto 30px;
}
}
.time-part {
position: relative;
border: 1px solid transparent;
transition: border-color 0.15s;
width: 85px;
margin: 3px;
}
.time-part:not(:last-child) {
margin-right: 0;
margin-bottom: 5px
}
.time-label {
display: block;
padding: 12px 16px;
font-family:  'TagHeuerRegular', Helvetica, Arial, sans-serif;
font-size: .75rem;
color: #000000;
border: 1px solid currentColor;
cursor: pointer;
-webkit-tap-highlight-color: transparent;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
text-align: center;
}
@media (max-width:768px) {
.radio-label   {
width: 70vw;
}
}
@media (min-width:768px) {
.inlineradios{
flex-direction: row;
}
}
input[type="radio"].checkbox,.checkbox {
position: initial;
top: auto;
left: auto;
opacity: 100%;
}
input[type="radio"]:checked~.radio-label,
input[type="radio"]:checked~.time-label
{
background: #000;
border-color: #000;
color: #fff
}
input[type="radio"]:checked~.card-label{
border: 1px solid black;
}
textarea {
font-family:'TagHeuerRegular', Helvetica, Arial, sans-serif;
font-size: 0.75rem;
line-height: 14px;
color: #000;
border: none;
border-bottom: 1px solid #000;
outline: none;
resize: vertical;
padding-top: 20px;
width: 400px;
}
textarea::placeholder {
color: #707070
}
@media (max-width:500px) {
textarea {
width: 90vw;
}
}
.text_char {
display: block;
margin: auto;
font-family:'TagHeuerRegular', Helvetica, Arial, sans-serif;
font-weight: 700;
font-size: 0.75rem;
line-height: 14px;
letter-spacing: 2px;
text-shadow: 1px 1px 10px white;
text-align: center;
color: #707070;
padding-bottom: 10px;
text-align:left
}
@media (min-width:768px) {
.block:first-of-type.summary{
border-right: 0px;
}
}
@media (max-width:768px) {
.block:first-of-type .summary{
border-right: 0px;
}
}
.cl_summ{
display: flex;
text-align: center;
align-items: center;
flex-direction: column;
}
.cl_summ_left{
display: flex;
text-align: center;
align-items: start;
flex-direction: column;
}
.datesumm {
width: 70vw;
border: 1px solid #707070;
padding: 12px 15px 12px 15px;
}
.datesumm:first-of-type{
margin-bottom: 15px;
}
.datesumm #date_summary, .datesumm #time_summary{
font-size: 0.75rem;
text-align: center;
}
.block {
color: black;
padding: 1rem;
}
.blocks {
margin: 0 auto;
}
label[for*='visit'] {
font-weight: 600;
letter-spacing: 1.6px;
text-transform: uppercase;
margin-top: 3px;
}
@media (min-width:768px) {
label[for*='visit'] {
width: 70vw;
}
}
.popup-wrapper,#kr_tag_crmwebforms .popup-wrapper{
min-height: 100%;
}
#kr_tag_crmwebforms{
margin: 5% 10% 70px;
}
.popup-wrapper .form-row {
width: 100%;
margin-bottom: 2rem;
display: flex;
flex-direction: column;
position: relative;
}
.popup-wrapper input[type="checkbox"]:checked, input[type="radio"]:checked, .summarycheckbox_checked, .summaryradio_checked{
background: #2e2e2e;
accent-color: black;
}
.popup-wrapper input[type="checkbox"],input[type="radio"].checkbox, .summarycheckbox {
-webkit-appearance: none !important;
-moz-appearance: none !important;
appearance: none !important;
outline: 1px solid #707070;
border: 3px solid #fff;
padding: 0.35em;
width: 5px;
height: 5px;
margin-right: 20px;
cursor: pointer;
margin-top: 5px;
margin-left: 0;
}
.popup-wrapper .terms-text {
color: #707070;
font-family: Helvetica, arial, sans-serif;
font-size: 10px !important;
line-height: 18px;
cursor: pointer;
}
.terms-text a {
color: #595959;
text-decoration: underline;
line-height: inherit;
cursor: pointer;
}
#kr_tag_crmwebforms .popup-wrapper label, .label {
font-size: 0.75rem;
}
a {
color: #595959;
text-decoration: underline;
line-height: inherit;
cursor: pointer;
}
.fonticon-link:before {
content: "\F128";
}
.fonticon-link:before {
display: inline-block;
vertical-align: middle;
font-family: fonticon!important;
font-style: normal;
font-weight: 400!important;
font-variant: normal;
text-transform: none;
text-rendering: auto;
text-decoration: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.popup-wrapper .err-msg-field {
display: none;
margin-top: 10px;
color: #e32a37 !important;
font-family: Helvetica, arial, sans-serif;
font-style: normal;
font-weight: 400;
font-size: 0.75rem;
line-height: 14px;
}
.calendar {
display: grid;
justify-items: center;
align-content: center;
}
#TimeWrapper {
max-width: 100%;
display: flex;
justify-content: center;
}
select:hover,select:focus {
outline: 1px black dotted;
}
select {
padding: 18px 0;
border: none;
border-bottom: 1px solid #000;
font-size: 0.75rem;
color: #2e2e2e;
background: transparent;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background: transparent url(https://cdn4.iconfinder.com/data/icons/ionicons/512/icon-ios7-arrow-down-256.png) no-repeat 95% center;
background-size: 10px;
cursor: pointer;
display: block;
font-family: 'TagHeuerRegular', Helvetica, Arial, sans-serif;
width: 300px;
outline: 0;
}
.select_border{
border: 1px solid #707070;
font-family: 'TagHeuerRegular', Helvetica, Arial, sans-serif;
font-size: 0.75rem;
font-weight: 600;
line-height: 14px;
letter-spacing: 1px;
text-align: left;
color: black;
padding: 10px;
text-transform: uppercase;
width: 400px;
}
.step2width{
width: 400px;
padding-top:0px;
}
@media (max-width:500px) {
.select_border, .step2width{
width: 90vw;
}
}
.selected_val {
padding: 18px 0;
border: none;
border-bottom: 1px solid #000;
font-size: 0.75rem;
width: 100%;
background: transparent;
border-radius: 0;
font-family:  'TagHeuerRegular', Helvetica, Arial, sans-serif;
}
#next-month .fonticon-arrow-down, #previous-month .fonticon-arrow-down{
color: #000000;
}
.txtarea-label{
font-family: 'TagHeuerRegular', Helvetica, Arial, sans-serif;
font-size: 0.75rem;
font-weight: 400;
line-height: 16px;
letter-spacing: 0px;
text-align: center;
margin-top: 30px;
color: #707070;
}
#kr_tag_crmwebforms .popup-wrapper select{
width: 100%;
}
details[open] summary ~ * {
animation: open 0.3s ease-in-out;
}
@keyframes open {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
details summary::-webkit-details-marker {
display: none;
}
details{
border: 1px solid #707070;
padding: 10px;
width: 80vw;
margin-bottom: 2rem;
}
@media (min-width: 768px) {
details{
width: 70vw;
}
}
details summary {
width: 100%;
padding: 0.5rem 0;
position: relative;
cursor: pointer;
list-style: none;
font-family: 'TagHeuerRegular', Helvetica, Arial, sans-serif;
font-size: 0.75rem;
font-weight: 600;
letter-spacing: 1.6px;
text-transform: uppercase;
outline: 0;
}
details summary:after {
content: ".";
color: white;
transform: rotate(0deg);
position: absolute;
font-size: 8px;
right: 0;
font-weight: 200;
transition: 200ms linear;
background: transparent url(https://cdn4.iconfinder.com/data/icons/ionicons/512/icon-ios7-arrow-down-256.png) no-repeat 100% center;
background-size: 25px;
padding-right: 22px;
}
details[open] summary:after {
transform: rotate(180deg);
}
details[open] summary{
padding: 0.5rem 0 2rem 0;
}
.white-line{
position: absolute;
display: inline-block;
background: white;
width: 15px;
height: 11px;
left: 66px;
top: 64px;
}
.iti__flag {
background-image: url(https://image.emailing.tagheuer.com/lib/fe8b13727261017870/m/1/3c214315-e2a6-4c65-944a-0ca1251831b3.png) !important;
height: 15px !important;
background-color: transparent;
background-repeat: no-repeat;
box-shadow: none;
background-size: 5652px 15px;
}
.before_wl  {
display: flex;
align-items: center;
height: 100%;
padding: 0 20px 0 8px;
}
.after_wl{
padding-left: 25px;
}
.popup-wrapper .contact-wrapper {
margin-bottom: 25px;
}
.popup-wrapper .contact-radio-wrapper {
display: flex;
align-items: center;
align-items: center;
flex-wrap: wrap;
}
.popup-wrapper .radio-wrapper {
display: flex;
margin-right: 28px;
}
.summaryradio {
border-radius: 20px;
margin-right: 10px;
width: 10px;
height: 10px;
border: 2px solid #ffffff;
padding: 3.5px;
outline: 1.3px solid;
margin-top: 0px;
}
.summarycheckbox{
cursor: unset;
}
.summary{
width: 100vw;
}
#kr_tag_crmwebforms a{
font-family: Helvetica,'TagHeuerRegular',  Arial, sans-serif;
font-size: 10px;
}
.iti__selected-dial-code{
margin-left: 6px;
font-size: 0.75rem;
}
#kr_tag_crmwebforms .popup-wrapper input {
padding: 18px 0;
border: none;
border-bottom: 1px solid #000;
font-size: 0.75rem;
width: 100%;
background: transparent;
border-radius: 0;
font-family: 'TagHeuerRegular', Helvetica, Arial, sans-serif;
}
#kr_tag_crmwebforms #phone {
padding-left: 82px !important;
}
#kr_tag_crmwebforms .iti--separate-dial-code .iti__selected-flag{
background-color: transparent !important;
background: none;
padding-left: 0;
}
#kr_tag_crmwebforms .label_placeholder {
color: gray;
padding-left: 10px;
font-family: 'TagHeuerRegular', Helvetica, Arial, sans-serif;
}
#kr_tag_crmwebforms .iti__arrow {
border-left: none !important;
border-right: none !important;
border-top: none !important;
width: 10px;
height: 15px;
background-image: url(https://cdn4.iconfinder.com/data/icons/ionicons/512/icon-ios7-arrow-down-256.png);
background-repeat: no-repeat;
background-position: center;
margin-left: 10px !important;
background-size: 15px;
}
#kr_tag_crmwebforms .popup-wrapper .white-line {
position: relative;
display: block;
background: #fff;
width: 15px;
height: 20px;
left: 66px;
top: -13px;
z-index: 1;
}
#kr_tag_crmwebforms .popup-wrapper input:focus {
outline: 0;
border-bottom: 2px solid black;
}
#kr_tag_crmwebforms .popup-wrapper input[type="checkbox"] {
outline: 1px solid gray;
border: 3px solid #fff;
padding: 0.35em;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
width: 5px;
height: 5px;
margin-right: 20px;
cursor: pointer;
margin-top: 5px;
margin-left: 0;
}
#kr_tag_crmwebforms .popup-wrapper .terms-wrapper:first-child {
margin-bottom: 30px;
}
#kr_tag_crmwebforms .popup-wrapper input.radio-input {
width: 15px;
height: 15px;
position: relative;
margin-right: 10px;
cursor: pointer;
margin-top: 0;
-webkit-appearance: radio;
}
#kr_tag_crmwebforms .popup-wrapper input[type="checkbox"]:checked {
background: #2e2e2e;
}
#kr_tag_crmwebforms .terms-wrapper:focus-within {
border: 1px dashed black;
}
.disableBTN{
pointer-events: none;
background-color: rgb(112, 112, 112) !important;
}