.vtn-unavailable,
.vtn-submit:not(.ignore-disabled):disabled, .vtn-submit:not(.ignore-disabled)[disabled],
.vtn-cancel:not(.ignore-disabled):disabled, .vtn-cancel:not(.ignore-disabled)[disabled],
.vtn-active-action:not(.ignore-disabled):disabled, .vtn-active-action:not(.ignore-disabled)[disabled],
.vtn-future-action:not(.ignore-disabled):disabled, .vtn-future-action:not(.ignore-disabled)[disabled],
.vtn-default:not(.ignore-disabled):disabled, .vtn-default:not(.ignore-disabled)[disabled],
.vtn-outline-active-action:not(.ignore-disabled):disabled, .vtn-outline-active-action:not(.ignore-disabled)[disabled],
.vtn-outline-future-action:not(.ignore-disabled):disabled, .vtn-outline-future-action:not(.ignore-disabled)[disabled],
.vtn-outline-submit:not(.ignore-disabled):disabled, .vtn-outline-submit:not(.ignore-disabled)[disabled],
.vtn-outline-cancel:not(.ignore-disabled):disabled, .vtn-outline-cancel:not(.ignore-disabled)[disabled],
.vtn-submit:not(.ignore-disabled):hover:disabled, .vtn-submit:not(.ignore-disabled):hover[disabled],
.vtn-cancel:not(.ignore-disabled):hover:disabled, .vtn-cancel:not(.ignore-disabled):hover[disabled],
.vtn-active-action:not(.ignore-disabled):hover:disabled, .vtn-active-action:not(.ignore-disabled):hover[disabled],
.vtn-future-action:not(.ignore-disabled):hover:disabled, .vtn-future-action:not(.ignore-disabled):hover[disabled],
.vtn-default:not(.ignore-disabled):hover:disabled, .vtn-default:not(.ignore-disabled):hover[disabled],
.vtn-outline-active-action:not(.ignore-disabled):hover:disabled, .vtn-outline-active-action:not(.ignore-disabled):hover[disabled],
.vtn-outline-future-action:not(.ignore-disabled):hover:disabled, .vtn-outline-future-action:not(.ignore-disabled):hover[disabled],
.vtn-outline-submit:not(.ignore-disabled):hover:disabled, .vtn-outline-submit:not(.ignore-disabled):hover[disabled],
.vtn-outline-cancel:not(.ignore-disabled):hover:disabled, .vtn-outline-cancel:not(.ignore-disabled):hover[disabled],
fieldset[disabled] .vtn-submit:not(.ignore-disabled),
fieldset[disabled] .vtn-cancel:not(.ignore-disabled),
fieldset[disabled] .vtn-active-action:not(.ignore-disabled),
fieldset[disabled] .vtn-future-action:not(.ignore-disabled),
fieldset[disabled] .vtn-default:not(.ignore-disabled),
fieldset[disabled] .vtn-outline-active-action:not(.ignore-disabled),
fieldset[disabled] .vtn-outline-future-action:not(.ignore-disabled),
fieldset[disabled] .vtn-outline-submit:not(.ignore-disabled),
fieldset[disabled] .vtn-outline-cancel:not(.ignore-disabled),
fieldset[disabled] .vtn-submit:not(.ignore-disabled):hover,
fieldset[disabled] .vtn-cancel:not(.ignore-disabled):hover,
fieldset[disabled] .vtn-active-action:not(.ignore-disabled):hover,
fieldset[disabled] .vtn-future-action:not(.ignore-disabled):hover,
fieldset[disabled] .vtn-default:not(.ignore-disabled):hover,
fieldset[disabled] .vtn-outline-active-action:not(.ignore-disabled):hover,
fieldset[disabled] .vtn-outline-future-action:not(.ignore-disabled):hover,
fieldset[disabled] .vtn-outline-submit:not(.ignore-disabled):hover,
fieldset[disabled] .vtn-outline-cancel:not(.ignore-disabled):hover {
    background-color: #929292 !important;
    color: black !important;
    font-weight: normal !important;
    font-style: normal !important;
    border-color: transparent !important;
    opacity: .65 !important; /* force standard bootstrap opacity */
}

i.more-clickable {
    padding: 12px 12px;
    margin: -12px -12px;
}

.ignore-disabled, .ignore-disabled:hover {
    opacity: 1 !important;
    cursor: pointer !important;
}

/* override kendo grid k-button styling to add gap below buttons (equivalent to kendo-defined margin-left/right) */
/* use chained selectors since the class="k-button k-active-action" */
.k-grid .k-button.vtn-active-action,
.k-grid .k-button.vtn-outline-active-action,
.k-grid .k-button.vtn-future-action,
.k-grid .k-button.vtn-outline-future-action,
.k-grid .k-button.vtn-submit,
.k-grid .k-button.vtn-outline-submit,
.k-grid .k-button.vtn-cancel,
.k-grid .k-button.vtn-outline-cancel,
.k-grid .k-button.vtn-default,
.k-grid .k-button.vtn-unavailable {
    margin: .16em;
}

.vtn-submit,
/* standardize [Update] button on OU types grid and OU tree window (out-of-the-box kendo doesn't define a way to add a CSS class to this button) */
[kendo-grid=ouTypeGrid] .k-button.k-grid-update,
.k-window .k-button.k-grid-update {
    background-color: #008000 !important;
    color: white !important;
    font-weight: bold !important;
    font-style: normal !important;
    border-color: transparent !important;
}
.vtn-submit:hover, .vtn-outline-submit:hover,
/* standardize [Update] button on OU types grid and OU tree window (out-of-the-box kendo doesn't define a way to add a CSS class to this button) */
[kendo-grid=ouTypeGrid] .k-button.k-grid-update:hover,
.k-window .k-button.k-grid-update:hover {
    background-color: #006700 !important;
    color: white !important;
    font-weight: bold !important;
    font-style: normal !important;
}
.vtn-outline-submit {
    background-color: transparent !important;
    color: #008000 !important;
    border: 1px solid #008000 !important;
    font-weight: bold !important;
    font-style: normal !important;
}
.vtn-cancel,
/* standardize [Cancel] button on OU types grid and OU tree window (out-of-the-box kendo doesn't define a way to add a CSS class to this button) */
[kendo-grid=ouTypeGrid] .k-button.k-grid-cancel,
.k-window .k-button.k-grid-cancel {
    background-color: #ff2600 !important;
    color: white !important;
    font-weight: normal !important;
    font-style: normal !important;
    border-color: transparent !important;
}
.vtn-cancel:hover, .vtn-outline-cancel:hover,
/* standardize [Cancel] button on OU types grid and OU tree window (out-of-the-box kendo doesn't define a way to add a CSS class to this button) */
[kendo-grid=ouTypeGrid] .k-button.k-grid-cancel:hover,
.k-window .k-button.k-grid-cancel:hover {
    background-color: #e60d00 !important;
    color: white !important;
    font-weight: normal !important;
    font-style: normal !important;
}
.vtn-outline-cancel {
    background-color: transparent !important;
    color: #e60d00 !important;
    border: 1px solid #e60d00 !important;
    font-weight: normal !important;
    font-style: normal !important;
}

.vtn-future-action {
    background-color: #8ec6f6 !important;
    color: black !important;
    font-weight: normal !important;
    font-style: italic !important;
    border-color: transparent !important;
}
.vtn-future-action:hover {
    background-color: #75addd !important;
    color: black !important;
    font-weight: normal !important;
    font-style: italic !important;
}
.vtn-text-future-action {
    color: #8ec6f6;
}
.vtn-future-action:hover .vtn-text-future-action {
    color: #75addd;
}
.vtn-outline-future-action {
    border-color: #8ec6f6 !important;
    color: #8ec6f6 !important;
    font-weight: normal !important;
    font-style: italic !important;
}
.vtn-outline-future-action:hover {
    border-color: #75addd !important;
    color: #75addd !important;
    font-weight: normal !important;
    font-style: italic !important;
}

.vtn-active-action,
/* Style action buttons on OU types grid and OU tree (on OU admin page) since out-of-the-box kendo doesn't allow adding CSS classes to these buttons in the configuration */
[kendo-grid=ouTypeGrid] .k-button,
#ouTreeList .k-button {
    background-color: #286090 !important;
    color: white !important;
    font-weight: normal !important;
    font-style: italic !important;
    border-color: transparent !important;
}
.vtn-active-action:hover,
/* Style action buttons on OU types grid and OU tree (on OU admin page) since out-of-the-box kendo doesn't allow adding CSS classes to these buttons in the configuration */
[kendo-grid=ouTypeGrid] .k-button:hover,
#ouTreeList .k-button:hover {
    background-color: #0f4777 !important;
    color: white !important;
    font-weight: normal !important;
    font-style: italic !important;
}
.vtn-outline-active-action {
    background-color: white !important;
    border-color: #286090 !important;
    color: #286090 !important;
    font-weight: normal !important;
    font-style: italic !important;
}
.vtn-outline-active-action:hover {
    background-color: #286090 !important;
    color: white !important;
    font-weight: normal !important;
    font-style: italic !important;
}

.vtn-default {
    background-color: #808080 !important;
    color: black !important;
    font-weight: normal !important;
    font-style: normal !important;
    border-color: transparent !important;
}
.vtn-default:hover {
    background-color: #676767 !important;
    color: black !important;
    font-weight: normal !important;
    font-style: normal !important;
}

.vtn-outline-default {
    background-color: white !important;
    color: black !important;
    font-weight: normal !important;
    font-style: normal !important;
    border-color: #808080 !important;
}

.vtn-outline-default:hover {
    background-color: #676767 !important;
    color: black !important;
    font-weight: normal !important;
    font-style: normal !important;
    border-color: transparent !important;
}
.high-z-index {
    z-index: 99000 !important;
}

.tab-panel-as-list-and-details {
    border: 2px solid gray;
    padding: 5px;
}

.pseudo-link {
    text-decoration: none;
}
.pseudo-link:hover {
    text-decoration: underline;
    cursor: pointer;
}

span.k-textbox.k-date-range-filter {
    width: calc(100% - 10px - 1.4285714286em - 14px) !important; /* subtract default k-btn width */
}

.k-date-range-filter, .k-date-range-btn {
    padding: 0px !important;
    display: inline-block !important;
}

.k-date-range-btn span.k-icon {
    margin-top: 8px;
}