.edi-btn {max-width: 870px;}
.edi-btn inputgroup.prd-slt {display: flex;align-items: center;margin: auto;max-width: 600px;justify-content: center;}
.edi-btn inputgroup.prd-slt .prd-slt-inner {display: flex;align-items: center;width: fit-content;justify-content: left;margin: 20px 20px 0;}
.edi-btn inputgroup.prd-slt .prd-slt-inner label {transform: none;pointer-events: all;width: fit-content !important;color: #000;}
.edi-btn inputgroup.prd-slt .prd-slt-inner input {width: 40px !important;}
@media(max-width:600px){.edi-btn inputgroup.prd-slt .prd-slt-inner input {min-width: auto;width: 30px !important;}
.edi-btn inputgroup.prd-slt .prd-slt-inner {min-width: 110px;margin: 0 10px;}
}
.edi-btn .za_country_code + label{margin-left: 67px;}
.edi-btn .za_country_code + label:focus{margin-left: 0;}
input#Phone{margin-left: 70px !important;width: 310px !important;}
.edi-btn inputgroup.select.country-code:after {left: 52px;bottom: 10px;top: 50px;}
.edi-btn inputgroup input[type="number"]:focus{outline: none !important;border: 1px solid #2a79bb !important;box-shadow: none !important;}
inputgroup.select.country-code .country-value{left: 4px;bottom: 3px;position: absolute;height: 18px !important;font-size: 15px;width: 26px !important;font-weight: 300;padding: 10px 10px 7px !important;background: white;z-index: 100;line-height: 14px;cursor: pointer;}
inputgroup.half.select.country-code.focus label{margin: 0;}
.date-time-note {font-weight: 300;font-size: 12px;line-height: 17px;color: #999;margin-top:10px;}
inputgroup.half.select.country-code{margin:10px 15px;}
.edi-btn inputgroup.select.country label, .edi-btn inputgroup.select.country label sup{color:transparent}
.edi-btn inputgroup.select.country.focus label{color:#2a79bb}
.edi-btn inputgroup.select.country.focus label sup{color:red}
@media screen and (max-width: 600px) {inputgroup.half.select.country-code{margin: 0;width: max-content}
inputgroup.select.half.country{margin: 0;width: auto !important;}
input#Phone, .edi-btn .za_country_code + label{width: auto !important;min-width: 275px;}
.edi-btn inputgroup.half select{width: auto !important;}
}
.flatpickr-months, .flatpickr-time{background-color: aliceblue;}
.flatpickr-time input:hover, .flatpickr-time .flatpickr-am-pm:hover, .flatpickr-time input:focus, .flatpickr-time .flatpickr-am-pm:focus, .flatpickr-current-month .flatpickr-monthDropdown-months:hover, .numInputWrapper:hover{background: rgb(198, 229, 255) !important;}

select#country_code {left: 0;bottom: 0;width: 70px !important;position: absolute;z-index: 1;padding: 10px 20px 10px 7px !important;}
.edi-btn .za_country_code + label{margin-left: 67px;}
.edi-btn .za_country_code + label:focus{margin-left: 0;}
input#Phone{margin-left: 70px !important;width: 310px !important;}
.edi-btn inputgroup.select.country-code:after {left: 52px;bottom: 10px;top: 50px;}
.edi-btn inputgroup input[type="number"]:focus{outline: none !important;border: 1px solid #2a79bb !important;box-shadow: none !important;}
inputgroup.select.country-code .country-value{left: 4px;bottom: 3px;position: absolute;height: 18px !important;font-size: 15px;width: 26px !important;font-weight: 300;padding: 10px 10px 7px !important;background: white;z-index: 100;line-height: 14px;cursor: pointer;}
inputgroup.half.select.country-code.focus label{margin: 0;}
.date-time-note {font-weight: 300;font-size: 12px;line-height: 17px;color: #999;margin-top:10px;}
inputgroup.half.select.country-code{margin:10px 15px;}
.edi-btn inputgroup.select.country label, .edi-btn inputgroup.select.country label sup{color:transparent}
.edi-btn inputgroup.select.country.focus label{color:#2a79bb}
.edi-btn inputgroup.select.country.focus label sup{color:red}
@media screen and (max-width: 600px) {
inputgroup.half.select.country-code{margin: 0;width: max-content}
inputgroup.select.half.country{margin: 0;width: auto !important;}
input#Phone, .edi-btn .za_country_code + label{width: auto !important;min-width: 275px;}
.edi-btn inputgroup.half select{width: auto !important;}
}
.flatpickr-months, .flatpickr-time{background-color: aliceblue;}
.flatpickr-time input:hover, .flatpickr-time .flatpickr-am-pm:hover, .flatpickr-time input:focus, .flatpickr-time .flatpickr-am-pm:focus, .flatpickr-current-month .flatpickr-monthDropdown-months:hover, .numInputWrapper:hover{background: rgb(198, 229, 255) !important;}
inputgroup.select.half.country{display: inline-block;margin: 15px;}