input + select,
input + input,
input + label,
input + span,
input + button,
select + select,
select + input,
select + label,
select + span,
select + button,
label + select,
label + input,
label + label,
label + span,
label + button,
span + select,
span + input,
span + label,
span + span,
span + button,
button + select,
button + input,
button + label,
button + span,
button + button {
    margin-left: 4px;
}

form {
    width: 100%;
    margin: 0;
    padding: 0;
}

/* Input basic */
input {
    font-family: "SpoqaHanSansNeo";
    font-size: 14px;
    color: black;
    padding: 8px;
    width: 100%;
    border: 1px solid #D1D1D1;
    border-radius: 3px;
    transition-property: background-color, background, color, opacity;
    transition-duration: 0.1s;
}

    input::placeholder {
        color: #868D96;
    }

    input:focus {
        border: 1px solid #4A67C7;
        outline: none;
        background-color: #EAF3FF;
    }

    input:disabled {
        background-color: #eeeeee;
    }

/* Checkbox */
.checkbox_container {
    width: fit-content !important;
    height: 20px;
    display: inline-block;
    position: relative;
    padding: 0 0 0 34px;
    cursor: pointer;
    font-size: 14px;
    font-weight: 400;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    margin: 0px 20px 0 0;
}

.checkbox_container_nolabel {
    margin: 0 20px 0 0;
    padding: 0;
}

.checkbox_container input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}

.checkbox_container .checkmark {
    position: absolute;
    top: 0;
    left: 0;
    width: 20px;
    height: 20px;
    background-color: white;
    border-radius: 2px;
    border: 1px solid #D1D1D1;
}

.checkbox_container:hover input ~ .checkmark {
    background-color: #ddd;
}

.checkbox_container input:checked ~ .checkmark {
    background-color: #2196F3;
    border: 1px solid #2196F3;
    border-radius: 2px;
}

.checkmark:after {
    content: "";
    position: absolute;
}

.checkbox_container input:checked ~ .checkmark:after {
    display: block;
}

.checkbox_container .checkmark:after {
    left: 6px;
    top: 1px;
    width: 5px;
    height: 9px;
    border: solid #E6E6E6;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

/* Radio */
.radio_container {
    display: inline-block;
    position: relative;
    padding-left: 25px;
    cursor: pointer;
    font-size: 14px;
    font-weight: 300;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    margin: 0px 20px 0 0;
}

    .radio_container input {
        position: absolute;
        opacity: 0;
        cursor: pointer;
        height: 0;
        width: 0;
    }

    .radio_container .checkmark {
        position: absolute;
        top: 0;
        left: 0;
        height: 20px !important;
        width: 20px !important;
        background-color: white;
        border: 1px solid #398BEC;
        border-radius: 50%;
        margin: 0;
        padding: 0;
    }

    .radio_container:hover input ~ .checkmark {
        background-color: #ddd;
    }

    .radio_container input:checked ~ .checkmark {
        background-color: #2196F3;
    }

    .radio_container .checkmark:after {
        content: "";
        position: absolute;
        display: none;
    }

    .radio_container input:checked ~ .checkmark:after {
        display: block;
    }

    .radio_container .checkmark:after {
        top: 3px;
        left: 3px;
        width: 12px;
        height: 12px;
        border-radius: 50%;
        background: white;
    }

/* Select */
select {
    width: fit-content;
    font-family: "SpoqaHanSansNeo";
    font-size: 14px;
    font-weight: 300;
    color: black;
    background-color: #fff;
    padding: 8px 30px 8px 8px;
    margin: 0;
    border: 1px solid #D1D1D1;
    border-radius: 3px;
    outline: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-image: url("/images/dropdown.svg");
    background-position: right 12px center;
    background-repeat: no-repeat;
}

/* Textaera */
textarea {
    font-family: "SpoqaHanSansNeo";
    font-size: 14px;
    color: black;
    padding: 8px;
    width: 100%;
    height: 160px;
    border: 1px solid #E0E0E0;
    border-radius: 3px;
    transition-property: background-color, background, color, opacity;
    transition-duration: 0.1s;
    margin-bottom: 12px;
    resize: none;
}

    textarea::placeholder {
        color: #8D8D8D;
        font-weight: 300;
    }

    textarea:focus {
        border: 1px solid #4A67C7;
        outline: none;
        background-color: #EAF3FF;
    }

    .pop_text {
        border: 1.5px solid #303030;
        border-radius:0px;
        margin-top: 20px;
    }

    .pop_text:focus {
        border: 1.5px solid #4c85ff;
    }

   .pop_text_edit {
       border: 1.5px solid #303030;
       border-radius: 0px;
   }

   .pop_text_edit:focus {
       border: 1.5px solid #4c85ff;
   }