.modal-header {
    padding-top: 5px;
    padding-bottom: 5px;
}

.box-header > .fa, .box-header > .glyphicon, .box-header > .ion, .box-header .box-title {
    font-size: 16px;
}

.box-header {
    padding: 5px;
}

.control .form-label{
    margin-bottom: 0px;
}

.control .box-title {
    font-size: 12px;
    vertical-align: middle;
    line-height: 22px;
}

.control span.display-value {
    padding: 6px 12px;
}

.control .field .k-dropdown, .control .field .input-group .form-control.inline-edit-input {
    width: 88%;
}

.section-header-help-text {
    border: 2px solid #0188d1;
    display: inline-flex;
    gap: 5px;
    border-radius: 3px;
    padding: 2px;
}

.control .field .datepicker-input {
    width: 100% !important;
}

.control .btn-set-now {
    position: absolute;
    margin-top: 1px;
    margin-bottom: 1px;
    right: 30px;
    z-index: 10;
    height: 26px !important;
}
.control .btn-set-now-inline-edit {
    height: 26px !important;
}

.control .field i {
    position: relative;
    float: right;
}

.control .field .textarea i.inline-edit-remove {
    position: absolute;
    right: 0;
    z-index: 1100;
}

span[data-display-mode='create'] input.w-100.form-control.input-sm.inline-edit-input {
    width: 100% !important;
}

span[data-display-mode='create'] input.w-100.droup-down-control.datepicker-input.k-input {
    width: 100% !important;
}

span[data-display-mode='create'] span.k-widget.k-datepicker.w-100.droup-down-control.datepicker-input {
    width: 100% !important;
}

span[data-display-mode='create'].k-widget.k-dropdown {
    width: 100% !important;
}

.form-control .btn-locality-lookup {
    position: relative;
    right: 0px;
    top: 2px;
    height: 34px;
}

.nav.flex-column {
    flex-direction: column !important;
    display: flex;
}