.form-input {
    width: 400px !important;
    max-width: 100% !important;
    

}

.form-input-lg {
    width: 800px !important;
    max-width: 100% !important;
}
.form-input-sm {
    width: 200px !important;
    max-width: 100% !important;
}
.form-input-vs {
    width: 100px !important;
    max-width: 100% !important;
}

    .form-input input {
        width: 400px !important;
        max-width: 100% !important;
    }

.monthpicker-dropdown {
    width: 70px !important;
    padding-left: 5px !important; padding-right: 0px !important; display:inline
}

.monthpicker {
    width: 57px !important;
    padding-left: 0px !important;
}


.addressSM {
    width: 150px !important;
    padding-left: 0px !important;
}

.form-input-other {
    width: 300px !important;
    max-width: 70% !important;
    display:inline !important
}
.form-input-description {
    width: 500px !important;
    max-width: 65% !important;
    display: inline !important;
    padding:5px!important
}
.spacer{
    height:10px

}

.hr_spacer {
    margin-top:5px!important;margin-bottom:10px!important
}

.disabled_button {
    cursor:default;
}

.inline-block {
    display: inline-block;
}

.chklabel {
    float: right;
    width: 98%
}

label{

    font-weight:bold
}
.labeloption {
    font-weight: normal
}
.chkprompt {
    float: left;
  
}

.invalid {
    background-color: #fbeed5
}


#divSchoolYear .k-dropdown-wrap {
    font-size: 12pt !important;
    font-weight: bold;
    color: blue !important;
}

 .k-popup .k-item {
    font-size: 11pt !important;
    font-weight: bold
}

.spanMessage {
    font-size: 12pt !important;

}

.document-button {
    width: 365px !important;
    max-width: 88% !important;
    box-sizing:unset!important;
}


*,
*::before,
*::after {
    box-sizing:padding-box

}