body {
    padding: 2rem;
    background-color: #fff;
}

.company-header {
    font-weight: bold;
    font-size: 1.2rem;
    border-bottom: 20px solid #c5d7b2;
    display: flex;
    justify-content: space-between;
    align-items: center;
}


.highlight {
    font-weight: bold;
    color: #000;
}

.important {
    font-weight: bold;
    color: #d32f2f;
}

.clsRed {
    font-size: 0.9rem;
    color: red;
    position: relative;
    top: 3px;
}

.clsMandatoryFields {
    color: red;
    position: relative;
    top: 3px;
}

label {
    font-size: 1rem!important;
    color: #9e9e9e;
}

/*  input:not([type]), input[type=text]:not(.browser-default), input[type=password]:not(.browser-default), input[type=email]:not(.browser-default), input[type=url]:not(.browser-default), input[type=time]:not(.browser-default), input[type=date]:not(.browser-default), input[type=datetime]:not(.browser-default), input[type=datetime-local]:not(.browser-default), input[type=tel]:not(.browser-default), input[type=number]:not(.browser-default), input[type=search]:not(.browser-default), textarea.materialize-textarea {
            height: 2rem
        }*/

.input-field > label:not(.label-icon).active {
    font-size: 1.3rem!important;
}


/*mat clrs*/
.teal {
    background-color: #c5d7b2 !important;
}

.teal-text {
    color: #c5d7b2 !important;
}

.teal.lighten-5 {
    background-color: #f4f7ef !important;
}

.teal-text.text-lighten-5 {
    color: #f4f7ef !important;
}

.teal.lighten-4 {
    background-color: #e8efde !important;
}

.teal-text.text-lighten-4 {
    color: #e8efde !important;
}

.teal.lighten-3 {
    background-color: #dce8cd !important;
}

.teal-text.text-lighten-3 {
    color: #dce8cd !important;
}

.teal.lighten-2 {
    background-color: #d0e0bd !important;
}

.teal-text.text-lighten-2 {
    color: #d0e0bd !important;
}

.teal.lighten-1 {
    background-color: #c5d7b2 !important;
}

.teal-text.text-lighten-1 {
    color: #c5d7b2 !important;
}

.teal.darken-1 {
    background-color: #b0c2a0 !important;
}

.teal-text.text-darken-1 {
    color: #b0c2a0 !important;
}

.teal.darken-2 {
    background-color: #9aad8d !important;
}

.teal-text.text-darken-2 {
    color: #9aad8d !important;
}

.teal.darken-3 {
    background-color: #85997b !important;
}

.teal-text.text-darken-3 {
    color: #85997b !important;
}

.teal.darken-4 {
    background-color: #708468 !important;
}

.teal-text.text-darken-4 {
    color: #708468 !important;
}

.teal.accent-1 {
    background-color: #ecfbe1 !important;
}

.teal-text.text-accent-1 {
    color: #ecfbe1 !important;
}

.teal.accent-2 {
    background-color: #def8c8 !important;
}

.teal-text.text-accent-2 {
    color: #def8c8 !important;
}

.teal.accent-3 {
    background-color: #d0f4af !important;
}

.teal-text.text-accent-3 {
    color: #d0f4af !important;
}

.teal.accent-4 {
    background-color: #c2f096 !important;
}

.teal-text.text-accent-4 {
    color: #c2f096 !important;
}


#divcboHours .select-wrapper {
    width: 95px
}

#divcboNoticeDays .select-wrapper {
    width: 95px
}



#divBornOnMonth .select-wrapper {
    width: 95px
}


#divcboColdCallingExp .select-wrapper {
    width: 95px
}

#divcboColdCalling .select-wrapper {
    width: 95px
}

#divBornOnDate .select-wrapper {
    width: 40px
}

#divBornOnYear .select-wrapper {
    width: 57px
}

.dropdown-content li {
    min-height: 30px !important;
}


#soptWorkStatus, #soptEnglishGrade, #soptEducation {
    display: none;
}

.dropdown-content li > a, .dropdown-content li > span {
    /*line-height: 22px;*/
    padding: 5px 10px !important;
}

#myModal {
    width: 90% !important;
    max-width: 540px !important;
    
}