.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 .datepicker-input, .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 .btn-set-now {
    position: absolute;
    height: 27px;
    margin-top: 2px;
    margin-bottom: 2px;
    right: 30px;
}

.control .btn-set-now-inline-edit {
    height: 20px !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;
}
.btn-clear-search {
    background-color: #636363;
    color: #FFF;
}

.tab-item-subtitle {
    height: 17px;
}

span[data-display-mode="create"] .input-group {
    position: relative !important;
    display: inline-table !important;
    border-collapse: separate !important;
    float: left;
    width: 100%;
}

span[data-display-mode="BulkEdit"] .input-group {
    position: relative !important;
    display: inline-table !important;
    border-collapse: separate !important;
    float: left;
    width: 100%;
}

.form-control.field.checkbox .input-group input[type="checkbox"] {
    position: relative;
    margin-left: 0px;
}

.inline-edit-field-tooltip {
    width: 90%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.field-tooltip {
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}