/*------------------------------------------------------------------------------------------------------------*/
/*------------------------------------------>>> MISCELLANEOUS <<<---------------------------------------------*/
/*-------------------------------------------------------------------------------------------------------------*/

/* Avoid extra vertical space in nav icon pages and side menu due to stretch default value */
div.row.content-main {
    align-content: flex-start;
}

/* Added missing class in bootstrap 4 since it is spread throughout the interface*/
.pull-right {
    float: right !important;
}

/* Adjustments on padding of page top header title */
#Bootstrap_TitleDisplay_ID {
    margin-top: 10px;
    margin-bottom: 10px;
    font-size: 23px;
}

/* Centralize page top header title when in small screens */
@media (max-width: 767px) {
    #Bootstrap_TitleDisplay_ID {
        text-align: center;
    }
}

/* Update style of close button on top right of dialog windows */
.lk-modal-header button.close {
    font-weight: 600;
    font-size: 21px;
}

/* Simulates disable link using span */
.lk-span-disabled {
    opacity: 0.6;
}

.lk-text-ellipses-anim-badge {
    margin-left: 15px;
    text-align: left;
}

.lk-text-ellipses-anim:after {
        overflow: hidden;
        display: inline-block;
        vertical-align: bottom;
        -webkit-animation: ellipsis steps(4,end) 900ms infinite;
        animation: ellipsis steps(4,end) 900ms infinite;
        content: "\2026"; /* ascii code for the ellipsis character */
        width: 0px;
}

@keyframes ellipsis {
    to {
        width: 1.25em;
    }
}

@-webkit-keyframes ellipsis {
    to {
        width: 1.25em;
    }
}

.lk-hidden-dom-element {
    display: none;
}

.badge-lightblue {
    background-color: #5BC0DE;
    color: white;
}

/* enable absolute positioning */
.inner-addon {
    position: relative;
}

/* style icon */
.inner-addon i {
    position: absolute;
    padding: 10px;
    margin-left: 10px;
    pointer-events: none;
    color: darkgrey;
}

/* align icon */
.left-addon i {
    left: 0px;
}

.right-addon i {
    right: 0px;
}

/* add padding  */
.left-addon input {
    padding-left: 30px;
}

.right-addon input {
    padding-right: 30px;
}

.left-right-addon input {
    padding-left: 30px;
    padding-right: 30px;
}

.inner-addon svg {
    position: absolute;
    pointer-events: none;
    color: darkgrey;
}

.right-addon svg {
    right: 0px;
}

.left-addon svg {
    left: 0px;
}

/*--------------------------------------------------------------------------------------------------------------*/
/*------------------------------------------->>> FONT CLASSES <<<-----------------------------------------------*/
/*--------------------------------------------------------------------------------------------------------------*/
/* specialty font heights to fix headers when we really just wanted a specific height */
.font-size-24 {
    font-size: 24px;
}

.font-size-18 {
    font-size: 18px;
}

.font-size-16 {
    font-size: 16px;
}

.font-size-14 {
    font-size: 14px;
}

.font-size-13 {
    font-size: 13px;
}

.font-weight-600 {
    font-weight: 600;
}

/*-------------------------------------------------------------------------------------------------------------------*/
/*----------------------------------------->>> CHOSEN BOOTSTRAP4C Changes <<<--------------------------------------------*/
/*-------------------------------------------------------------------------------------------------------------------*/
/* Changes so the BOOTSTRAP4C Chosen style looks similar to our other dropdowns */

.chosen-container {
    font-size: .9rem !important;
    line-height: 1.5 !important;
}

.chosen-container-single .chosen-single {
    height: 2.05rem !important;
    border: 1px solid #e5e6e7 !important;
    border-top-left-radius: 0rem !important;
    border-top-right-radius: 0rem !important;
    border-bottom-right-radius: 0rem !important;
    border-bottom-left-radius: 0rem !important;
}

.chosen-container-single .chosen-single div:after {
    background-size: 1.2rem !important;
    left: -0.1em !important;
    top: 0 !important;
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%236e7173' d='M7.41 7.84L12 12.42l4.59-4.58L18 9.25l-6 6-6-6z'/%3E%3C/svg%3E") !important;
}

.chosen-container-active.chosen-with-drop .chosen-single div:after {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%236e7173' d='M7.41 15.41L12 10.83l4.59 4.58L18 14l-6-6-6 6z'/%3E%3C/svg%3E") !important;
}
/*-------------------------------------------------------------------------------------------------------------------*/
/*----------------------------------------->>> LABEL/H4 STYLE CLASSES <<<--------------------------------------------*/
/*-------------------------------------------------------------------------------------------------------------------*/
/* Customize paragraph tags (<p>) as a label-like style */
.paragraph-label {
    font-family: "open sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #676a6c;
    box-sizing: border-box;
    line-height: 1.2;
    font-size: 14px;
    margin-top: 5px;
    font-weight: 600;
    margin-bottom: 0px;
    padding-bottom: 0px;
}

/* Class to style label and paragraph tags as h4*/
.to-h4 {
    font-weight: 600;
    font-size: 14px;
}

/* Customize label font and margin */
.label-font-normal {
    margin-bottom: 5px;
    font-weight: normal;
}

/* Customize label font ,margin and padding */
.label-padding-bottom-15 {
    margin-bottom: 5px;
    font-weight: bold;
    padding-bottom: 15px;
}

/*--------------------------------------------------------------------------------------------------------*/
/*-------------------------------------------->>> EDITOR <<<-----------------------------------------------*/
/*--------------------------------------------------------------------------------------------------------*/

/* Hide field validation when field value is valid */
.field-validation-valid {
    display: none;
}

/* Hide summary validation when there is no page error */
.validation-summary-valid {
    display: none;
}

/* Added support to set iframe editor to full screen. http://bugtracker.weblakes.com/view.php?id=31838 */
.editor-fullscreen {
    z-index: 2030;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    overflow: auto;
    margin-bottom: 0;
}

/*--------------------------------------------------------------------------------------------------------*/
/*-------------------------------------------->>> PANEL <<<-----------------------------------------------*/
/*--------------------------------------------------------------------------------------------------------*/

/* Style for panel titles. Also used in other parts of legacy UI code - That's why not in panel.css - */
.lkPanelHeaderText {
    display: inline-block;
    font-size: 14px;
    margin: 0 0 7px;
    padding: 0;
    text-overflow: ellipsis;
    float: none;
    font-weight: 600;
}
.Info-BuildVersion {
  color: #4D5B65;
}