/* override bootstrap 4 - a little bit smaller */
h1 {
    font-size: 1.85rem;
}

/* override bootstrap 4 - a little bit smaller */
h2 {
    font-size: 1.7rem;
}

/* override bootstrap 4 - a little bit larger */
h6 {
    font-size: 1.08rem;
}

.dkfqsBorderLight {
    border-color: #6c757d82 !important;
}
.dkfqsBackgroundLight {
    background-color: #6c757d82 !important;
}

.dkfqsHighlightBackgroundLightBlue {
    background-color: #cce5ff;
}

.dkfqsRealtimeIcon {
    cursor: pointer;
}

.dkfqsDisabledIcon {
    opacity: 0.4;
    cursor: not-allowed;
}

.fa-rotate-30 {
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";
    -webkit-transform: rotate(30deg);
    transform: rotate(30deg);
}

.dkfqsIconMarginRight {
    margin-right: 0.35rem;
}

.dkfqsNowrap {
    white-space: nowrap
}

/* darker replacement for bootstrap text-warning */
.text-warning-darker {
    color: #e5ac00;
}

.visible {
    display: block;
}

.invisible {
    display: none;
}

.dkfqsNoBorder {
    border: none !important;
}

.dkfqsTableNonFluid {
    width: auto !important;
}

.dkfqsTableCellSmallNoPadding {
    padding: 0 !important;
    word-wrap: anywhere
}

.dkfqsTableCellSmallNoTopBottomPadding {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    padding-left: 0.25rem !important;
    padding-right: 0.25rem !important;
    line-height: 1.3rem;
    word-wrap: anywhere
}

.dkfqsTableCellSmallPadding {
    padding-top: 0.1rem !important;
    padding-bottom: 0.1rem !important;
    padding-left: 0.25rem !important;
    padding-right: 0.25rem !important;
    word-wrap: anywhere
}

.dkfqsTableCellMediumSmallPadding {
    padding-top: 0.1rem !important;
    padding-bottom: 0.1rem !important;
    padding-left: 0.35rem !important;
    padding-right: 0.35rem !important;
    word-wrap: anywhere
}

.dkfqsTableCellMediumPadding {
    padding-top: 0.15rem !important;
    padding-bottom: 0.15rem !important;
    padding-left: 0.35rem !important;
    padding-right: 0.35rem !important;
    word-wrap: anywhere
}

.dkfqsDropdownItemPaddingSmall {
    padding-top: 0.25rem !important;
    padding-left: 0.5rem !important;
    padding-right: 0.5rem !important;
    padding-bottom: 0.25rem !important;
}

.dkfqsWordWrapAny {
    word-wrap: anywhere
}

.dkfqsTextareaNowrap {
    white-space: pre;
    overflow-wrap: normal;
    overflow-x: auto;
}

/* mark a font awesome icon as disabled. note that this does not suppress clicks on the icon */
.fa-disabled {
    opacity: 0.4;
    /* cursor: not-allowed; */
}

/* mandatory class for any popup */
.dkfqsPopup {
}

/* close all popups which belong to this class - used when a new popup is opened which is not compatible to other popups */
.dkfqsClosablePopup {
}

/* the background color of a predefined list of immutable options which copy the selected option to a target input field */
.dkfqsPredefinedListBgColor {
    background-color: lightskyblue;
}

/* mandatory class for any fontawesome spinner */
.dkfqsSpinner {
}

/* used in dkfqsLib.js only */
.dkfqsMarkTemporarilyDisabled {
}

/* see dkfqsLib.clearAllClearableInnerHTMLvalues(e, htmlText) and dkfqsLib.clearAllClearableInnerHTMLvaluesWithSpinner(e) */
.dkfqsClearableInnerHTMLvalue {
}

/* see dkfqsLib.clearAllClearableFormTextValues(e) */
.dkfqsClearableFormTextValue {
}

/* see dkfqsLib.clearAllClearableSelects(e) */
.dkfqsClearableSelect {
}

/* see dkfqsLib.clearAllClearableCheckboxes(e) */
.dkfqsClearableCheckbox {
}

/* see dkfqsLib.clearAllClearableInvalidFormElements(e) */
.dkfqsClearableInvalidFormElement {
}

/* see dkfqsLib.clearAllClearableSpinnerElements(e) */
.dkfqsClearableSpinnerElement {
}

/* see dkfqsLib.toggleAllDisabledFormElements(e, disabled) */
.dkfqsToggleDisabledFormElement {
}

/* see dkfqsLib.toggleAllToggleableBootstrapButtons(e, enable) */
.dkfqsToggleableBootstrapButton {
}

/* see dkfqsLib.initializeDetectFormChangeElements(e, callbackFunction) */
.dkfqsDetectFormChangeElement {
}

/* a button which contains a data-action="" attribute */
.dkfqsActionButton {
}

/* see: http://blog.adeel.io/2015/10/18/adding-an-asterisk-to-required-fields-in-bootstrap/ */
.form-row.required .control-label:after {
    content:" *";
    color:red;
}

/* see http://jsfiddle.net/mdz87jy1/ */
.Blink {
    animation: blinker 5.0s cubic-bezier(.5, 0, 1, 1) infinite alternate;
}
@keyframes blinker {
    from { opacity: 1; }
    to { opacity: 0; }
}

/* dkfqs tippy tooltip theme: see https://atomiks.github.io/tippyjs/themes/ */
.tippy-tooltip.dkfqs-theme {
    background-color: #343A40;
    color: white;
}

.tippy-tooltip.dkfqs-theme[data-animatefill] {
    background-color: transparent;
}

.tippy-tooltip.dkfqs-theme .tippy-backdrop {
    background-color: #343A40;
}

/* dkfqs2 tippy tooltip theme: see https://atomiks.github.io/tippyjs/themes/ */
.tippy-tooltip.dkfqs2-theme {
    background-color: white;
    color: black;
    border-color: black;
    border-style: solid;
    border-width: thin;
    padding: 8px;
}

.tippy-tooltip.dkfqs2-theme[data-animatefill] {
    background-color: transparent;
}

.tippy-tooltip.dkfqs2-theme .tippy-backdrop {
    background-color: white;
}

/* support for draggable bootstrap containers */
.dkfqsDraggableElement {
    position: absolute;
    z-index: 9;
    border: 1px solid #a3a3a3;
    padding: 0 !important;
    background-color: white;
    /* overflow-y: auto; */
}
.dkfqsDraggableElementHeader {
    cursor: move; !important;
    z-index: 10;
}
.dkfqsDraggableElementHeaderIcons {
    z-index: 10;
}

/* support for the draggable public chat container */
.dkfqsDraggablePublicChatNotificationArea {
    word-wrap: anywhere;
    overflow-x: auto;
    overflow-y: scroll;
    height: 18rem;
}

/* support for public chat notification */
.dkfqsPublicChatNotification {
    padding-top: 0.1rem !important;
    padding-bottom: 0.1rem !important;
    padding-left: 0.25rem !important;
    padding-right: 0.25rem !important;
}
.dkfqsPublicChatNotificationTextArea {
    padding-right: 2rem !important;
}
.dkfqsPublicChatNotificationCloseButton {
    padding-top: 0 !important;
    padding-bottom: 0.1rem !important;
    padding-right: 0.25rem !important;
}
.dkfqsPublicChatNotificationTime {
    font-size: 0.6rem;
}

/* support for dkfqsUploadFileWidget */
.dkfqsUploadFileDropArea {
    border: 2px dashed #333;
    border-radius: 0.8rem;
    padding: 0.5rem 1rem;
}
.dkfqsUploadFileInput {
    display: none;
}
.dkfqsUploadFileSpinner {
}
.dkfqsUploadFileGenericError {
}
.dkfqsUploadFileList {
}

/* styles for fixed table heads */
.dkfqsTableFixHead8rem          { overflow: auto; height: 8rem; }
.dkfqsTableFixHead8rem thead th { position: sticky; top: 0; z-index: 1; }

.dkfqsTableFixHead10rem          { overflow: auto; height: 10rem; }
.dkfqsTableFixHead10rem thead th { position: sticky; top: 0; z-index: 1; }

.dkfqsTableFixHead12rem          { overflow: auto; height: 12rem; }
.dkfqsTableFixHead12rem thead th { position: sticky; top: 0; z-index: 1; }

.dkfqsTableFixHead13rem          { overflow: auto; height: 13rem; }
.dkfqsTableFixHead13rem thead th { position: sticky; top: 0; z-index: 1; }

.dkfqsTableFixHead14rem          { overflow: auto; height: 14rem; }
.dkfqsTableFixHead14rem thead th { position: sticky; top: 0; z-index: 1; }

.dkfqsTableFixHead18rem          { overflow: auto; height: 18rem; }
.dkfqsTableFixHead18rem thead th { position: sticky; top: 0; z-index: 1; }

.dkfqsTableFixHead22rem          { overflow: auto; height: 22rem; }
.dkfqsTableFixHead22rem thead th { position: sticky; top: 0; z-index: 1; }

.dkfqsTableFixHead26rem          { overflow: auto; height: 26rem; }
.dkfqsTableFixHead26rem thead th { position: sticky; top: 0; z-index: 1; }

.dkfqsTableFixHead30rem          { overflow: auto; height: 30rem; }
.dkfqsTableFixHead30rem thead th { position: sticky; top: 0; z-index: 1; }

.dkfqsTableFixHead34rem          { overflow: auto; height: 34rem; }
.dkfqsTableFixHead34rem thead th { position: sticky; top: 0; z-index: 1; }

.dkfqsTableFixHead40rem          { overflow: auto; height: 40rem; }
.dkfqsTableFixHead40rem thead th { position: sticky; top: 0; z-index: 1; }

.dkfqsTableFixHead46rem          { overflow: auto; height: 46rem; }
.dkfqsTableFixHead46rem thead th { position: sticky; top: 0; z-index: 1; }

/* support for truncated table cells */
.dkfqsTdTruncate {
    overflow: hidden;
    text-overflow: ellipsis;
    width: 100%;
    max-width: 0;
    white-space: nowrap;
}