/* Minification failed. Returning unminified contents.
(3,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(13,18): run-time error CSS1039: Token not allowed after unary operator: '-info-header-height'
(21,35): run-time error CSS1039: Token not allowed after unary operator: '-grey-shade-03'
(25,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(26,18): run-time error CSS1039: Token not allowed after unary operator: '-site-header-height'
(27,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(39,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(50,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '&'
(132,1): run-time error CSS1035: Expected colon, found '{'
(143,18): run-time error CSS1039: Token not allowed after unary operator: '-info-header-height'
(147,1): run-time error CSS1035: Expected colon, found '{'
(237,18): run-time error CSS1039: Token not allowed after unary operator: '-site-header-height'
(241,1): run-time error CSS1035: Expected colon, found '{'
(292,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '>'
(387,1): run-time error CSS1035: Expected colon, found '{'
(479,14): run-time error CSS1034: 
(521,26): run-time error CSS1036: Expected expression, found '.'
(521,26): run-time error CSS1019: Unexpected token, found '.'
(521,26): run-time error CSS1042: Expected function, found '.'
(521,26): run-time error CSS1062: Expected semicolon or closing curly-brace, found '.'
 */
/*main layout*/
:root {
    --info-header-height: 36px;
}

body {
    display: grid;
    grid-template-rows: auto auto auto 1fr auto;
    min-height: 100dvh;
}

.cnf-info-header-bar {
    height: var(--info-header-height);
    display: flex;
    flex-wrap: nowrap;
    position: sticky;
    z-index: 1041;
    top: 0;
    left: 0;
    background-color: #fff;
    border-bottom: 1px solid var(--grey-shade-03);
}

.cnf-application-header {
    --site-header-height: 42px;
    height: var(--site-header-height);
    background-color: var(--primary-color);
    color: #fff;
}

.cnf-content-wrapper {
    background-color: #fff;
    padding-block: 10px;
}

footer.cnf-site-footer {
    /* --site-footer-height: 124px;
    height: var(--site-footer-height); */
    background-color: var(--primary-color);
    color: #fff;
}

/**layout elements*/
/**sprite images*/
.cnf-sprite-set {
    display: inline-flex;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center center;
    &.phone-icon

{
    aspect-ratio: 741/741;
    background-image: url(/assets/img/brandingUpdate/Phone-Blue.png);
}

&.notification-icon,
&.bell-blue-icon {
    aspect-ratio: 648/741;
    background-image: url(/assets/img/brandingUpdate/Bell-Blue.png);
}

&.refresh-icon {
    aspect-ratio: 671/649;
    background-image: url(/assets/img/brandingUpdate/Rotate-Right-Blue.png);
}

&.info-icon {
    aspect-ratio: 1/1;
    background-image: url(/assets/img/brandingUpdate/Circle-Info-Blue.png);
}

&.hint-icon,
&.bulb-blue-icon {
    aspect-ratio: 671/649;
    background-image: url(/assets/img/brandingUpdate/Lightbulb-Blue.png);
}

&.envelope-icon {
    aspect-ratio: 741/556;
    background-image: url(/assets/img/brandingUpdate/Envelope-Blue.png);
}

&.comment-icon {
    aspect-ratio: 741/649;
    background-image: url(/assets/img/brandingUpdate/Comment-Blue.png);
}

&.user-icon {
    aspect-ratio: 648/741;
    background-image: url(/assets/img/brandingUpdate/User-Blue.png);
}

}
/**font awesome override*/
.fa,
.fa-brands,
.fa-regular,
.fa-solid,
.fab,
.far,
.fas {
    text-rendering: inherit;
}

/*.btn:not([data-toggle="dropdown"]) {
    border-radius: 0;
    clip-path: polygon(0 0, 100% 0, 100% 70%, 90% 100%, 0 100%);
    border: none;
    background-color: #eee;

    &.btn-primary
{
    background-color: var(--primary-color);
    color: var(--white-text-color);
}
}*/

/**extra button utilities**/
.btn {
    box-shadow: none !important;
}
.btn.btn-icon-only {
    font-size: inherit;
    background-color: transparent !important;
    border: none;
    line-height: inherit;
    outline: none !important;
    clip-path: none;
    .cnf-sprite-set

{
    height: 14px;
}
}
/** header info bar */
.cnf-info-header-list {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: center;
    height: var(--info-header-height);
    row-gap: 2px;
    li

{
    --inline-space: 12px;
    min-height: var(--info-header-height);
    overflow: visible;
    border-style: solid;
    border-width: 0 1px 0 0;
    border-color: transparent var(--grey-shade-03) transparent var(--grey-shade-03);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding-inline: var(--inline-space);
    column-gap: 5px;
    line-height: 1;
    font-size: 14px;
    isolation: isolate;

&.hide-when-dd {
    display: inline-flex;
}

&.show-when-dd {
    display: none !important;
}
&:first-of-type, &.ms-auto

{
    border-left-width: 1px;
}

&.seperator {
    flex-grow: 1;
    flex-shrink: 0;
}

strong {
    font-weight: 600;
}

span {
    font-size: 13px;
}

/*.btn {
    display: inline-flex;
    background-color: transparent !important;
    box-shadow: none !important;
    padding-block: 0;
    border-radius: 0;
    clip-path: none;
    height: auto;
}
*/
.cnf-sprite-set {
    height: 12px;
}

header .btn:only-child {
    align-self: stretch;
    justify-self: stretch;
    align-items: center;
    justify-content: center;
    margin-inline: calc(var(--inline-space) * -1);
    padding-inline: var(--inline-space);
   
}

}

li.cnf-user--info {
    cursor: pointer;
    .cnf-user-icon--wrapper

{
    aspect-ratio: 1/1;
    height: 26px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background-color: var(--grey-shade-03);
    border-radius: 100%;
}

}
}

.cnf-site-nav-wrapper {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: nowrap;
    height: var(--site-header-height);
    line-height: 1;
    .cnf-project-name

{
    font-size: 28px;
    font-weight: 600;
    a

{
    color: inherit;
    cursor:pointer;
    text-decoration: none;
    &:hover, &:focus {
                         text-decoration :none;
                     }
}

}

.cnf-site-menu {
    display: flex;
    flex-direction: row;
    column-gap: 20px;
    font-size: 14px;
    font-weight: 500;
    color: inherit;
    > li

{
    height: var(--site-header-height);
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    > a, > button

{
    text-transform: uppercase;
    display: flex;
    border: none;
    padding: 8px 4px;
    background-color: transparent;
    color: inherit;
    text-decoration: none;
    flex-wrap: nowrap;
    gap: 6px;
}

}
}
}

li.submenu-wrapper {
    position: relative;
    > ul.cnf-site-menu-sub

{
    z-index: 1111;
    display: none;
    opacity: 0;
    animation: slideUpClose 500ms forwards;
    transition-behavior: allow-discrete;
    background-color: var(--grey-shade-01);
    color: var(--body-text-color);
    border: 1px solid var(--grey-shade-04);
    width: auto;
    position: absolute;
    inset: 100% 0 auto auto;
    overflow: hidden;
    box-shadow:0 3px 4px -1px rgba(0,0,0,.3);
    > li
       
{
    padding: 0;
    display:flex;
    min-height:0;
    align-items:center;
    justify-content:start;
   a, > span {
    display: block;
    color: inherit;
    white-space: nowrap;
    font-size: 13px;
    font-weight: 500;
    text-decoration: none;
}
             >span {
                 cursor: default;
             }
                &.show-when-dd, > a:only-child, > span:only-child {
                    padding: 9px 6px;
                    flex-grow: 1;
                    cursor: default;
                }

+ li {
    border-top: 1px solid var(--grey-shade-03);
}

}
}

.fa-chevron-down {
    transition: transform 400ms;
}

&.submenu-opened {
    > ul.cnf-site-menu-sub

{
    display: block;
    animation: slideDown 500ms forwards;
    &.with-arrow {
                     --border-width: 2px;
                     border-top: var(--border-width) solid var(--primary-color);
                     border-bottom: var(--border-width) solid var(--primary-color);
                     overflow:visible;
                     inset-block-start:calc(100% - 3px);
                     &::before {
                        --triangle-height: 8px;
                        content:'';
                        position:absolute;
                        top: calc((var(--triangle-height) * -1) - var(--border-width));
                        right: 10px;
                        width: 0;
                        height: 0;
                        border-width: var(--triangle-height);
                        border-top-width: 0;
                        border-style:solid;
                        border-color: transparent;
                        border-bottom-color: var(--primary-color);
                    }
                 }
}

.fa-chevron-down {
    transform: rotate(180deg);
}

}
}
/**site-footer */
.cnf-site-footer-content {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-block: 20px;
    a

{
    color: #fff !important;
    text-underline-offset: 5px;
}

p {
    margin: 0;
    line-height: 1;
    color:inherit;
}

.cnf-site-info-content {
    display: flex;
    flex-direction: column;
    gap: 20px;
    .cnf-office-address

{
}

.cnf-product-note {
    font-size: 13px;
}

}

.cnf-social-link-wrap {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 15px;
    .cnf-social-links

{
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    .btn

{
    width: 42px;
    height: 30px;
    padding: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: var(--primary-color) !important;
    text-decoration: none !important;
    background-color: #fff !important;
    border-radius: 0;
    font-size: 18px;
    clip-path: polygon(0 0, 100% 0, 100% 80%, 80% 100%, 0 100%);
}

}

.cnf-site-links {
    ul

{
    color: #fff;
    display: flex;
    li

{
    padding-inline: 10px;
    & + li

{
    border-left: 1px solid #eee;
}

}

li a {
    padding: 0;
    color: #fff;
}

}
}
}
}

.submenu-trigger {
    display: inline-flex;
    align-items: center;
    gap: 3px;
}

@media (width<=1399px) {
    .cnf-info-header-list {
        li {
               a {
                     font-size:12px;
                 }
&.hide-when-dd {
    display: none;
}
&.show-when-dd {
    display: flex !important;
    flex-wrap:nowrap;
    i.fa, .cnf-sprite-set {
                              display: none;
    }
    span {
        font-weight: 400 !important;
        font-size: 11px !important;
    }
}
           }
.cnf-site-menu-sub {
    li {
           font-size: 12px;
       }
}
    }
}
.content-search-toggle-wrap {
    width: 450px;
}


.eq-fields-tree .date-range-wrap-error {
    position: relative;
    display: grid;
    grid-template-columns: 1fr 125px;
    align-items: start;
    justify-content: end;
    justify-items: end;
    gap: 16px;
    padding-inline-end: 1px;
    .from-date-error:has(.k-hidden)

{
    display: none;
    +.to-date-error

{
    grid-column: 1/3;
}

}
}

.kendo-grid-custom-overlay--wrap {
    overflow: auto;
    max-width: 100%;
}