body {
    background-color: #f5f5f5;
}

.daterangepicker {
    width: 300px !important;
}

.daterangepicker select {
    width: 100% !important;
    margin-block-end: 5px !important;
}

.registerSection {
    --smoke-white: #fff;
    padding: 2rem 0 1rem;
}

.registerSection.splitterSection {
    grid-template-columns: 2fr 1fr;
    align-items: flex-start;
}

.registerSection .loginDetails,
.registerSection form,
.registerSection aside,
.registerSection section {
    background-color: #fff;
    border: 1px solid #eee;
    box-shadow: 5px 5px 5px #4f4f4f09;
    padding: 2rem 3rem;
    border-radius: 15px;
    overflow: hidden;
    margin-bottom: 20px;
}

.registerSection h3,
.registerSection h4 {
    margin-bottom: 3rem;
    user-select: none;
}

.registerSection .entryContainer label,
.registerSection .entryContainer input:focus~label,
.registerSection .entryContainer textarea:focus~label,
.registerSection .entryContainer .active~label {
    background-color: #fff;
}

.registerSection .entryContainer input[type="checkbox"]~label {
    padding-right: 30px;
}

.registerSection .entryContainer input:disabled,
.registerSection .entryContainer textarea:disabled,
.registerSection .entryContainer input:disabled~label,
.registerSection .entryContainer textarea:disabled~label {
    cursor: not-allowed;
}

.registerSection .entryContainer input,
.registerSection .entryContainer textarea {
    background-color: transparent;
    border: none;
    padding: 0px 20px;
    height: auto;
    transition: 0.3s color ease-in-out;
}

.registerSection .entryContainer textarea {
    max-height: 250px;
}

.registerSection .entryContainer textarea.company::placeholder {
    visibility: visible;
}

.registerSection .entryContainer.hide~p.err {
    display: none;
}

@media (max-width: 780px) {

    .registerSection.splitterSection {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 380px) {

    .registerSection .loginDetails,
    .registerSection aside {
        padding: 2rem 1rem;
    }
}