/* .issues_services_container > .section > .row {
    margin-top: 128px;
} */

form > div > textarea,
form > div > textarea::placeholder {
    background-color: #FFF !important;
    margin: 1em 0 1em;
    height: 30vh;
    border-radius: 3px;

}

form > div > textarea:focus,
form > div > textarea,
form > input[type="email"],
form > div > input.datepicker,
form > div > .clock-timepicker > input.timepicker,
input[type="date"],
input[type="time"] {
    outline: 1px solid #c9f3ef !important;
    border: none !important;
}

form > select,
form > div > select,
form > input[type="email"],
form > div > input.datepicker,
form > div > .clock-timepicker > input.timepicker {
    margin-top: 1em !important;
    margin-bottom: 1em !important;
}

form > button{
    margin: 2em 0 5em;
}

form > input[type="email"],
form > div > input.datepicker,
form > div > .clock-timepicker > input.timepicker {
    background-color: white !important;
    padding-left: 12px !important;
    font-size: smaller !important;
}

#issues_modal {
    text-align: center;
}

#issues_modal a:not(.modal-close){
    color: #0099b6;
    font-size: larger;
    white-space: nowrap;
}

#user-children,
#user-contact {
    margin-bottom: 1em;
    display: inline list-item;
    position: relative;
    width: 100%;
}

#user-contact p{
    margin-bottom: 0;
}

#user-contact label:not(#issue_message_contact_label){
    margin-right: 1.2rem;
    color: #000000;
}

#user-email,
form > div > input.datepicker,
form > div > .clock-timepicker > input.timepicker {
    font-size: 15px !important;
}

#user-email{
    padding: 0 0 0 0.75em !important;
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;    /* Firefox, other Gecko */
    box-sizing: border-box;         /* Opera/IE 8+ */
}

.clock-timepicker-popup{
    font-family: CenturyGothic!important;
}

.clock-timepicker-mobile-time * {
    font-size: 30px;
}

.clock-timepicker a {
    font-size: 1rem !important;
}

.clock-timepicker-popup {
    top: 90px !important;
}


[type="radio"]:checked + span::after, [type="radio"].with-gap:checked + span::before, [type="radio"].with-gap:checked + span::after {
    border: 2px solid #0099b6!important;
}

[type="radio"]:checked + span::after, [type="radio"].with-gap:checked + span::after {
    background-color: #0099b6!important;
}

[type="radio"]:not(:checked) + span, [type="radio"]:checked + span {
    padding-left: 25px;
}

[type="radio"]:not(:checked) + span::before, [type="radio"]:not(:checked) + span::after {
    border: 2px solid #0099b6;
}

/* Specific CSS for iOS caret and outline (initially blue). */
select, textarea, input { 
    outline: 0 !important;
    box-shadow: 0 0 0 0 rgba(0, 0, 0, 0) !important;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none; 
    color: #000;
    caret-color: #0099b6 !important;
}

form .iti {
    background-color: #FFF!important;
    /* width: 100%; */
    left: 0 !important;
    padding-left: 20px !important;
    width: 83.3333333333%;
    margin-left: 8.3333333333%;
}

form .iti input {
    border-bottom: unset!important;
}

#user-contact > label {
    color: #155788 !important;
    padding-bottom: 0.75em !important;
}
/* 
#content_login span:not(.color-black) {
    font-size: 16px !important;
} */

.issues-error-border{
    outline: 1px solid #0099b6 !important;
}

.email_output {
    margin-top: -10px;
    margin-bottom: 8px;
    font-size: 12px;
    line-height: 12px;
    color: #00a0ad;
    padding: 1px !important;
}