* {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

body {
    background-color:#E6F1F6;
}

.survey-bg {
    width: 60%;
    margin: auto;
}
.modal-card {
    z-index: 20;
    min-width: 100vw;
    min-height: 100vh;
}

.intro-box {
    min-height: 90px;
    padding: 15px 15px;
    font-size: 18px;
}

.heading-text {
    border-bottom: 1px solid #D9D9D9;
    padding-bottom: 8px;
}

.intro-box h1 {
    font-size: 26px;
}

.intro-box img {
    width: 100px;
}

.bottom-style {
    height: 15px;
    background-color: #F49D2F;
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;
}

.basic-info {
    background-color: #F5F5F5;
}

input[type="radio"], input[type="checkbox"] {
    width: 1rem;
    height: 1rem;
}

input[type="text"], input[type="number"] {
    border: none;
    border-bottom:1px solid #D9D9D9 ;
    width: 100%;
    padding-top: 15px;
}

input[type="text"]:focus, input[type="number"]:focus{
    outline: none;
    border-bottom: 2px solid red;
}

.input-text-empty {
    border-bottom: 2px solid red;
}

.checkbox-and-radio-empty {
    border-color: red;    
}

.label-font {
    font-size: 14px;
}

#back-button {
    border: 2px solid #0870A7;
    padding: 6px 20px;
    background-color: transparent;
}

#next-button, #submit-button, #submit-business-button, #submit-repair-station-button, #submit-not-repair-station-button, .survey-button {
    background-color: #0870A7;
    padding: 6px 20px;
    border: none;
}

.footer-text {
    font-size: 12px;
}

@media screen and (max-width: 764px) {
    .survey-bg {
        width: 80%;
    }
}