@import url('open-iconic/font/css/open-iconic-bootstrap.min.css');
@import url('SynergyConfig.css');

html, body {
    font-family: var(--primary-font-family);
}

.synergycolor {
    background: maroon;
    color: var(--primary-color);
}

/* Make icons all transparent*/
i {
    font-size: 1em;
}

    i::before {
        background: transparent !important;
        color: var(--primary-color) !important;
    }

/*Full Screen / Window iFrame*/
.h_iframe iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: -webkit-fill-available;
}

a, .btn-link {
    color: maroon;
}

.btn-primary {
    color: #fff;
    background-color: maroon;
    border-color: maroon;
}

app {
    position: relative;
    display: flex;
    flex-direction: column;
}

.top-row {
    height: 3.5rem;
    display: flex;
    align-items: center;
}

.main {
    flex: 1;
}

    .main .top-row {
        background-color: #f7f7f7;
        border-bottom: 1px solid #d6d5d5;
        justify-content: flex-end;
    }

        .main .top-row > a, .main .top-row .btn-link {
            white-space: nowrap;
            margin-left: 1.5rem;
        }

        .main .top-row a:first-child {
            overflow: hidden;
            text-overflow: ellipsis;
        }

.sidebar {
    background-image: linear-gradient(180deg, rgb(5, 39, 103) 0%, #3a0647 70%);
}

    .sidebar .top-row {
        background-color: rgba(0,0,0,0.4);
    }

    .sidebar .navbar-brand {
        font-size: 1.1rem;
    }

    .sidebar .oi {
        width: 2rem;
        font-size: 1.1rem;
        vertical-align: text-top;
        top: -2px;
    }

    .sidebar .nav-item {
        font-size: 0.9rem;
        padding-bottom: 0.5rem;
    }

        .sidebar .nav-item:first-of-type {
            padding-top: 1rem;
        }

        .sidebar .nav-item:last-of-type {
            padding-bottom: 1rem;
        }

        .sidebar .nav-item a {
            color: #d7d7d7;
            border-radius: 4px;
            height: 3rem;
            display: flex;
            align-items: center;
            line-height: 3rem;
        }

            .sidebar .nav-item a.active {
                background-color: rgba(255,255,255,0.25);
                color: var(--primary-color);
            }

            .sidebar .nav-item a:hover {
                background-color: rgba(255,255,255,0.1);
                color: var(--primary-color);
            }

.content {
    padding-top: 1.1rem;
}

.navbar-toggler {
    background-color: rgba(255, 255, 255, 0.1);
}

.valid.modified:not([type=checkbox]) {
    outline: 1px solid #26b050;
}

.invalid {
    outline: 1px solid red;
}

.validation-message {
    color: red;
}

.blazored-modal {
    border: none !important;
    padding: 0px !important;
}

.bm-header {
    display: none;
}

#blazor-error-ui {
    background: lightyellow;
    bottom: 0;
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
    display: none;
    left: 0;
    padding: 0.6rem 1.25rem 0.7rem 1.25rem;
    position: fixed;
    width: 100%;
    z-index: 20010;
}

    #blazor-error-ui .dismiss {
        cursor: pointer;
        position: absolute;
        right: 0.75rem;
        top: 0.5rem;
    }

#refresh-button {
    width: 100% !important;
}

    #refresh-button span:first-of-type {
        align-items: normal !important;
    }

@media (max-width: 649px) {
    .refresh-button {
        flex: 0 0 auto;
        width: 41.33333333%;
    }
}

@media (min-width: 650px) and (max-width: 849px) {
    .refresh-button {
        flex: 0 0 auto;
        width: 21.33333333%;
    }
}

@media (min-width: 850px) and (max-width: 1499px) {
    .refresh-button {
        flex: 0 0 auto;
        width: 18.33333333%;
    }
}

@media (min-width: 1500px) {
    .refresh-button {
        flex: 0 0 auto;
        width: 8.33333333%;
    }
}

/******** From Header **********/
/* formats header and icons */
/* icon shadows */
.fa {
    text-shadow: 3px 2px #272634;
}

.xrow {
    background: maroon;
    color: var(--primary-color);
    height: 70px;
    width: 100%;
    display: d-flex;
    align-items: flex-end;
    margin-top: 2px;
}

.separator {
    flex-grow: 1;
}

.aligner {
    display: flex;
    align-items: center;
    justify-content: center;
}

.aligner-item {
    max-width: 50%;
}

.aligner-item--top {
    align-self: flex-start;
}

.aligner-item--bottom {
    align-self: flex-end;
}

/* classes for acordion expander */
.e-accordion .e-acrdn-item .e-acrdn-panel .e-acrdn-content {
    line-height: 1.5;
    overflow: hidden;
    padding: 1px;
    text-overflow: ellipsis;
}

.e-accordion .e-acrdn-item .e-acrdn-header .e-toggle-icon {
    display: table;
    font-size: 12px;
    /*height: 20px;*/
    min-height: 20px;
    min-width: 20px;
    position: absolute;
    right: 1;
    top: 0;
}

.e-accordion .e-acrdn-item .e-acrdn-header {
    line-height: 20px !important;
    min-height: 20px !important;
}

. /*e-accordion .e-acrdn-item .e-acrdn-header {
    line-height: 2px;
    min-height: 2px;
    overflow: hidden;
    padding: 0 0 0 0;
    text-decoration: none;
    text-overflow: ellipsis;
    white-space: nowrap;
}*/
/******************************************************** CUSTOM CSS *********************************************************/
/*custom css For Header*/
.window-logo {
    margin: 0px !important;
    padding: 0px !important;
}

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

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

.window-alert {
    font-size: 14px;
    color: white;
    background-color: orangered;
    display: inline-block;
}

.blink-alert {
    animation: blinker 2s linear infinite;
}

@keyframes blinker {
    50% {
        opacity: 0;
    }
}

/* classes for acordion expander */
.custom-css .e-accordion .e-acrdn-item .e-acrdn-panel .e-acrdn-content {
    line-height: 20px;
    overflow: hidden;
    padding: 1px;
    text-overflow: ellipsis;
}

.custom-css .e-accordion .e-acrdn-item .e-acrdn-header {
    text-decoration: none;
    text-overflow: ellipsis;
    white-space: nowrap;
}

    .custom-css .e-accordion .e-acrdn-item .e-acrdn-header .e-acrdn-header-content {
        text-decoration: none !important;
        font-weight: 600 !important;
        font-size: 15px;
    }

.custom-css .e-accordion {
    border-radius: 0px !important;
}

    .custom-css .e-accordion, .custom-css .e-accordion:hover, .custom-css .e-accordion:focus,
    .custom-css .e-accordion .e-acrdn-item.e-select.e-selected.e-expand-state > .e-acrdn-header,
    .e-accordion .e-acrdn-item.e-select.e-expand-state > .e-acrdn-header,
    .e-accordion .e-acrdn-item .e-acrdn-header:hover,
    .e-accordion .e-acrdn-item .e-toggle-icon,
    .e-accordion .e-acrdn-item .e-toggle-icon :focus {
        background-color: var(--window-header-bg-color) !important;
        /*        background-color: #d8690a !important;*/
        color: var(--primary-color) !important;
    }

.custom-css .e-acrdn-item .e-select {
    background-color: var(--window-header-bg-color) !important;
    /*    background-color: var(--window-header-bg-color) !important;*/
    color: var(--primary-color) !important;
}

.custom-css .e-accordion .e-acrdn-item.e-selected.e-select > .e-acrdn-header, .e-accordion .e-acrdn-item.e-select:last-child {
    border-radius: 0px !important;
}

.custom-css .e-accordion {
    color: var(--primary-color) !important;
}

/* Custom CSS for Switch*/
.custom-css .k-switch-on .k-switch-container, .custom-css .k-switch-on:hover, .custom-css .k-switch-on:focus {
    background-color: var(--window-header-bg-color);
}

/* Custom CSS for Button */
.custom-css .save {
    border-color: var(--window-header-bg-color) !important;
    background-color: var(--window-header-bg-color) !important;
}

.custom-css .e-acrdn-header-content, .custom-css .e-toggle-icon, .custom-css .e-acrdn-header:hover {
    color: var(--primary-color) !important;
}

/*CM - synergy orange*/
.custom-css .synergycolor, .custom-css .synergycolor .row {
    background: var(--window-header-bg-color);
    /*    background: #d8690a;*/
    color: var(--primary-color);
}

.custom-css .text-larger {
    font-size: larger !important;
}

.custom-css .custom-fontColor {
    color: var(--alt-color) !important;
}

.custom-css .flex-end {
    align-content: flex-end;
}

.k-window-titlebar {
    background-color: var(--window-header-bg-color) !important;
}

.custom-pointer {
    cursor: pointer !important;
}

.custom-img {
    width: 100%;
    height: 120px;
}

.ml-36-p {
    margin-left: 97% !important;
}
/*@* The myWindow class used in the media queries is the same as in the Class parameter *@ @* Add the CSS file in the _Host.cshtml *@ @media only screen and (min-width: 992px) {*/
.myWindow {
    max-width: 800px;
}

.k-window-title.k-dialog-title {
    color: var(--primary-color) !important;
}

.custom-numeric {
    width: 50% !important;
}

.custom-btnicon {
    width: 50% !important;
    margin-left: -4px !important;
    height: 100%;
}

.custom-icon {
    width: 32px !important;
    /*vertical-align: middle;*/
    /*horiz-align: center;*/
    margin-left: -4px !important;
    /* height: 100% !important; */
    height: auto !important;
}

.custom-w80 {
    width: 80% !important;
}

/*main layout css*/
.login-header {
    /* width: 300px; */
    padding: 6px;
}

/* header-section styles */
#header.header-section {
    height: 50px;
}
/*CM - top header*/
#header, #header .custom-bg {
    /*    background-color: white !important;*/
    background-color: var(--navbar-bg-color) !important;
    /* color: black; */
    color: var(--primary-color);
}

    #header .fa {
        text-shadow: 0px 0px #272634;
    }

    #header #hamburger.icon-menu {
        font-size: 24px;
        float: left;
        line-height: 50px;
    }

    #header .right-header {
        height: 35px;
        padding: 7px;
        float: right;
    }

    #header .list {
        list-style: none;
        cursor: pointer;
        font-size: 16px;
        line-height: 35px;
    }

    #header .header-list {
        padding-left: 15px;
        margin: 0;
        height: 100%;
    }

    #header .fusion21 {
        float: left;
        padding: 7px;
    }

    #header .vl {
        /* border-right: 2px solid #070707; */
        /* border-right: 1px solid rgb(0 0 0 / 36%); */
        border-right: 1px solid var(--primary-color);
        height: 27px;
        position: absolute;
        left: 95%;
        margin-left: -3px;
        top: 11px;
        bottom: 11px;
    }
    /*CM - top left header section*/
    #header .custom-header {
        color: var(--primary-color) !important;
        background-color: var(--navbar-bg-color) !important;
        /*        background-color: #1e2129 !important;*/
        /* width: 17%!important; */
        /* width: 70.75%!important; */
        width: 100% !important;
    }

    #header .settings {
        text-align: right;
        /* margin-right: 21%; */
        padding: 7px;
    }

/* end of header-section styles */
/* content area styles */
#main-text.main-content {
    height: 94vh;
    background: var(--primary-bg-color) !important;
}

#main-text .content {
    margin-top: 230px;
    text-align: center;
    font-size: 32px;
    color: #1784c7;
}

/* end of content area styles */
/* menu styles */
/* horizontal-menu styles */
#header .header-list .horizontal-menu .e-menu-item {
    height: 35px;
    vertical-align: middle;
    font-size: 16px;
    line-height: 35px;
}

#header .e-menu-item .e-caret {
    line-height: 35px;
}

/* end of horizontal-menu styles */
/* vertical-menu styles */
.sidebar-menu .e-menu-container ul .e-menu-item.e-menu-caret-icon {
    width: 220px;
}

/* docksidebar styles */
.e-menu-container ul .e-menu-item .e-caret,
#header .search-icon,
.sidebar-menu .action-btn,
#header .e-menu-item .e-caret,
.e-menu-container ul .e-menu-item {
    color: #fff !important;
}

.e-close .e-menu-container ul .e-menu-item {
    width: 50px;
}

.e-close ul .e-menu-item.e-menu-caret-icon {
    padding-right: 12px;
}

.sidebar-menu,
.e-menu-wrapper,
.e-menu-container ul {
    /* background-color: #039be5 !important; */
    background-color: var(--window-header-bg-color);
    color: #fff !important;
    overflow: hidden;
}

/* custom code start */
.center {
    text-align: center;
    display: none;
    font-size: 13px;
    font-weight: 400;
    margin-top: 20px;
}

.sb-content-tab .center {
    display: block;
}

#sb-content-header {
    display: none
}

.sb-content-section {
    border: 0;
}

/*body styles */
body {
    margin: 0;
    overflow-y: hidden;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    -webkit-tap-highlight-color: transparent;
}

/*end of body styles */
/* custom code end */
/*icon styles */
@font-face {
    font-family: 'fontello';
    src: url('data:application/octet-stream;base64,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') format('truetype');
}

.sidebar-menu .icon-up-hand:before {
    content: '\e801';
}

.sidebar-menu .icon-bell-alt:before {
    content: '\e802';
}

.sidebar-menu .icon-user:before {
    content: '\e803';
}

.sidebar-menu .icon-picture:before {
    content: '\e804';
}

.sidebar-menu .icon-comment-alt:before {
    content: '\e805';
}

.sidebar-menu .icon-tag:before {
    content: '\e806';
}

.sidebar-menu .icon-comment-inv-alt2:before {
    content: '\e807';
}

.sidebar-menu .icon-eye:before {
    content: '\e808';
}

.sidebar-menu .icon-globe:before {
    content: '\e809';
}

.sidebar-menu .icon-bookmark-empty:before {
    content: '\e810';
}

.sidebar-menu .icon-bookmark:before {
    content: '\e811';
}

#header .icon-menu:before {
    content: '\e812';
}

.sidebar-menu .icon,
#header #hamburger.icon-menu {
    font-family: 'fontello';
}

.sidebar-menu .e-menu-icon::before {
    color: #656a70;
}

/*icon styles */
/* custom code start */
.sf-new .sb-header,
.sf-new .sb-bread-crumb,
.sf-new #action-description,
.sf-new .sb-action-description,
.sf-new .e-tab-header,
.sf-new .description-section,
.sf-new #description-section,
.sf-new #description,
.sf-new #navigation-btn,
.sf-new .sb-toolbar-splitter,
.sf-new .sb-footer,
.sf-new #left-sidebar,
.sb-component-name {
    display: none
}

.sf-new .sb-right-pane.e-view {
    margin-left: 0px !important;
}

.sb-action-description.sb-rightpane-padding {
    padding-bottom: 0;
}

.description-section {
    padding-top: 0;
}

#content-tab.sb-content-tab {
    height: 100% !important;
}

.sf-new .container-fluid,
.sf-new .container-fluid .control-section,
#sidebar-section,
description-section sb-rightpane-padding {
    padding: 0;
}

.sb-component-name.sb-rightpane-padding {
    margin-top: -56px;
}

.sb-right-pane.e-view {
    left: 0;
    padding-left: 0;
    padding-right: 0;
    top: 0;
    overflow-y: hidden;
}

.sb-desktop-wrapper {
    height: 100%;
}

.sb-component-name h1 {
    padding-top: 0;
}

.sf-new .sb-content.e-view {
    top: 0;
}

/* custom code end */
@font-face {
    font-family: 'e-icons';
    src: url(data:application/x-font-ttf;charset=utf-8;base64,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) format('truetype');
    font-weight: normal;
    font-style: normal;
}
/*CM - sidebar nav*/
/* end of newTab support */
.e-sidebar.e-left.e-open {
    color: var(--primary-color) !important;
    /* background-color: #1e2129 !important; */
    background-color: var(--navbar-bg-color) !important;
}

/*menu hover*/
.main-sidebar .k-treeview,
.main-sidebar .sidebar-treeview .main-menu .main-menu-header,
.main-sidebar .k-treeview .k-item {
    color: var(--primary-color) !important;
}

    .main-sidebar .k-treeview .k-in:hover,
    .main-sidebar .k-treeview .k-in.k-state-hover {
        color: var(--primary-color);
        /* background-color: #039be5; */
        background-color: var(--window-header-bg-color);
        border-radius: 9px;
    }

.custom-bkc {
    background-color: var(--window-header-bg-color);
    /*    background-color: #d8690a;*/
}

.custom-fnt {
    /* font-family: Calibri light; */
    font-family: var(--primary-font-family) !important;
}

.show {
    display: inline;
}

.hide {
    display: none;
}
/*Modal sizes*/
.w-modal-xl {
    width: 90%;
}

.w-modal-lg {
    width: 80%;
}

.w-modal-md {
    width: 60%;
}

.w-modal-sm {
    width: 50%;
}

.w-modal-xs {
    width: 40%;
}

.h-modal-lg {
    height: 90%;
}

.h-modal-md {
    max-height: 60%;
}

.max-h-modal-sm {
    max-height: 40%;
}

.max-h-modal-25-p {
    max-height: 26%;
}

.max-h-modal-50-p {
    max-height: 50%;
}

.max-h-modal-75-p {
    max-height: 75%;
}

.max-h-modal-100-p {
    max-height: 100%;
}

.m-t-18 {
    margin-top: 16px;
}

.custom-font-family {
    /* font-family: Calibri light!important;  */
    font-family: var(--primary-font-family) !important;
}

.h-100-p {
    height: 100% !important;
}

.h-75-p {
    height: 75% !important;
}

.k-radio:checked {
    border-color: var(--window-header-bg-color) !important;
    background-color: var(--window-header-bg-color) !important;
}

.main {
    border: var(--border-color) solid var(--border-width);
}

.mainDiv {
    /* @* border: #d8690a solid 1px; *@ */
    padding: 4px;
}
/* for the tab selection*/
.topnav {
    overflow: hidden;
    background-color: var(--primary-color);
}

    .topnav a {
        float: left;
        display: block;
        color: var(--alt-color);
        text-align: center;
        padding: 2px 2px;
        text-decoration: none;
        font-size: 15px;
        border-bottom: 3px solid transparent;
    }

        .topnav a:hover {
            border-bottom: var(--tab-bottom-width) solid var(--tab-bottom-color);
        }

        .topnav a.active {
            border-bottom: var(--tab-bottom-width) solid var(--tab-bottom-color);
        }

        .topnav a.btn .active {
            border-bottom: var(--tab-bottom-width) solid var(--tab-bottom-color) !important;
        }

.k-tabstrip-items > li.k-item.k-active {
    float: left;
    display: block;
    color: var(--alt-color);
    text-align: center;
    padding: 2px 2px;
    text-decoration: none;
    font-size: 15px;
    border-bottom: 3px solid transparent;
    border-radius: 10px;
}

.k-tabstrip-top > .k-tabstrip-items-wrapper .k-item.k-active {
    border-bottom: var(--tab-bottom-width) solid var(--tab-bottom-color) !important;
}

.k-tabstrip-items-wrapper .k-item:hover {
    border-bottom: var(--tab-bottom-width) solid var(--tab-bottom-color);
}

.w-100 {
    width: 100% !important;
}
/*custom css for hide arrows of numeric textbox*/
.hide-arrows.k-numerictextbox .k-numeric-wrap .k-select {
    display: none;
}
/*Disable numeric text box*/
.nonEditable {
    outline: none;
    cursor: default;
    opacity: 0.6;
    -webkit-filter: grayscale(0.1);
    filter: grayscale(0.1);
    pointer-events: none;
    box-shadow: none;
}

.padding-15 {
    padding-right: 15px !important;
    padding-left: 15px !important;
}

.k-grid {
    height: 75vh !important;
}

.k-grid-auto {
    height: auto !important;
}

/*Scrollbar for sidebar hidden*/
.k-widget.k-treeview.telerik-blazor::-webkit-scrollbar {
    display: none;
}

.display-flex {
    display: flex;
}
/*.k-treeview
{
    height:80vh;
}*/
.white-space {
    white-space: normal !important;
}

.k-tooltip {
    background-color: var(--window-header-bg-color) !important;
    align-items: self-start;
}

.k-button {
    white-space: normal !important;
}

.k-listview {
    border-color: #adb5bd !important;
}

.k-listview-header {
    background-color: var(--window-header-bg-color) !important;
    color: white;
}

.min-width-66 {
    min-width: 66px;
}

.min-width-60 {
    min-width: 60px;
}

.row-gap-d75 {
    row-gap: .75rem;
}

/*Set width min, max on Search Box in Grids*/
/*Class="custom-searchbox-width" in the Grid*/
.custom-searchbox-width .k-grid-search {
    width: 30%;
    min-width: 15rem;
    max-width: 30rem;
}

.custom-k-textarea {
    height: 20vh !important;
    width: 100% !important;
}

/* do not group these rules */
*::-webkit-input-placeholder {
    font-style: italic;
    color: #9BB1BF !important;
}

*:-moz-placeholder {
    /* FF 4-18 */
    font-style: italic;
    opacity: 1;
    color: #9BB1BF !important;
}

*::-moz-placeholder {
    /* FF 19+ */
    font-style: italic;
    opacity: 1;
    color: #9BB1BF !important;
}

*:-ms-input-placeholder {
    /* IE 10+ */
    font-style: italic;
    color: #9BB1BF !important;
}

*::-ms-input-placeholder {
    /* Microsoft Edge */
    font-style: italic;
    color: #9BB1BF !important;
}

*::placeholder {
    /* modern browser */
    font-style: italic;
    color: #9BB1BF !important;
}

.print-button {
    border: 1px solid lightgray !important;
    border-radius: 0.25rem !important;
    /* padding-left: 1.5rem;
    padding-right: 1.5rem;*/
    font-size: 16px;
    color: black;
}

.loader-color-title {
    display: block;
    margin-bottom: 10px;
}

.loader-container {
    text-align: center;
    width: 80px;
    display: inline-table;
    padding-top: 10px;
}

.textarea-50 {
    height: 50px;
}

.textarea-100 {
    height: 100px;
}

.textarea-150 {
    height: 150px;
}

.textarea-200 {
    height: 200px;
}

/* telerik tab strip */
.custom-tabstrip .k-tabstrip-items-wrapper .k-item:active {
    border-bottom-color: #FF5000;
}

.custom-tabstrip .k-tabstrip-items-wrapper .k-item,
.custom-tabstrip .k-tabstrip-items-wrapper .k-item:hover {
    color: #57819A;
}


/* telerik panelbar */
.k-panelbar > .k-item > .k-link.k-selected, .k-panelbar > .k-panelbar-header > .k-link.k-selected {
    color: #ffffff !important;
    background-color: #57819A !important;
}

.k-panelbar > .k-item > .k-link, .k-panelbar > .k-panelbar-header > .k-link {
    color: #ffffff !important;
    background-color: #57819A !important;
    padding-top: 5px;
    padding-bottom: 7px;
}

.k-panelbar {
    border-color: #57819A !important;
    background-color: #ffffff;
}

    .k-panelbar .k-panelbar-content {
        padding: 16px !important;
    }

/* field set */
fieldset {
    height: 100%
}

    fieldset > legend {
        font-weight: bold;
        text-align: center;
        font-size: 1rem;
        color: #424242;
    }

.k-drawer-mini .k-drawer-wrapper .k-drawer-items .k-level-1,
.k-drawer-mini .k-drawer-wrapper .k-drawer-items .k-level-2 {
    -webkit-padding-start: 15px;
    /* padding-inline-start: 15px !important; */
}

.k-drawer-mini .custom-toc {
    display: none !important;
}

.toolbar-combo-reports {
    width: 300px !important;
}

/* Schedular - Month View */
.k-scheduler-monthview .k-scheduler-body .k-event {
    height: auto !important;
}

/* TelerikMultiSelect : Single line display */
.multiselect-single-tag-mode .k-input-values {
    float: left;
}

    .multiselect-single-tag-mode .k-input-values .k-chip {
        display: none;
    }

    .multiselect-single-tag-mode .k-input-values:before {
        /* content: change on your razor file */
        display: inline-block;
        line-height: 1.4em;
        padding: 0 7px;
        vertical-align: bottom;
        border: 1px solid rgba(0, 0, 0, 0.08);
        background: #f5f5f5 linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.02));
    }


/* TelerikMultiSelect : Single line display */
.multiselect-single-tag-mode-editor .k-input-values {
    float: left;
}

    .multiselect-single-tag-mode-editor .k-input-values .k-chip {
        display: none;
    }

    .multiselect-single-tag-mode-editor .k-input-values:before {
        /* content: change on your razor file */
        display: inline-block;
        line-height: 1.4em;
        padding: 0 7px;
        vertical-align: bottom;
        border: 1px solid rgba(0, 0, 0, 0.08);
        background: #f5f5f5 linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.02));
    }

/* TelerikMultiSelect : Single line display */
.multiselect-single-tag-mode-editor_child1 .k-input-values {
    float: left;
}

    .multiselect-single-tag-mode-editor_child1 .k-input-values .k-chip {
        display: none;
    }

    .multiselect-single-tag-mode-editor_child1 .k-input-values:before {
        /* content: change on your razor file */
        display: inline-block;
        line-height: 1.4em;
        padding: 0 7px;
        vertical-align: bottom;
        border: 1px solid rgba(0, 0, 0, 0.08);
        background: #f5f5f5 linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.02));
    }

.text-login {
    color: #FF5733;
}

i.loginpage:before {
    color: #ff6c00 !important;
}


.border-solid {
    border: 2px solid red !important;
}

.k-textarea-custom-height {
    height: 135px;
    max-height: 135px;
}


@media (max-width: 768px) {
    .navbar-brand {
        margin-left: 10px;
    }

    .col-md-1 {
        width: 20%;
    }

    .col-md-2 {
        width: 30%;
    }
}

/* ********************* Media Queries Start *****************************/
@media (max-width: 820px) {
    .col-md-1 {
        width: 20%;
    }

    .col-md-2 {
        width: 30%;
    }
}

@media (max-width: 767.98px) {
    #header .fusion21,
    #header .hiddenMobile,
    #loginDetails,
    #header .vl {
        display: none;
    }
}

@media (max-width: 1000px) {
    #header .main-sidebar {
        display: none;
    }
}

@media (max-width: 576px) {
    .custom-icon {
        width: 20% !important;
        margin-left: -4px !important;
        height: 100% !important;
    }

    .col-xs-12 {
        width: 100% !important;
        max-width: 100% !important;
    }

    .toolbar-combo-reports {
        width: 50vw !important;
    }

    .custom-combobox-width {
        width: 80% !important;
    }

    .custom-combobox-width-xs-80 {
        width: 80% !important;
    }

    #refresh-button {
        margin-top: 5px;
        margin-bottom: 5px;
    }
}


@media only screen and (min-width: 576px) and (max-width: 992px) {
    .myWindow {
        width: 500px;
    }
}

@media only screen and (min-width: 300px) and (max-width: 576px) {
    .myWindow {
        width: 350px;
    }
}

@media (min-width: 768px) {
    .custom-css .container {
        max-width: 100%;
        margin: 0px;
    }
}

@media (max-width: 767.98px) {
    .main .top-row:not(.auth) {
        display: none;
    }

    .main .top-row.auth {
        justify-content: space-between;
    }

    .main .top-row a, .main .top-row .btn-link {
        margin-left: 0;
    }
}

@media (min-width: 768px) {
    app {
        flex-direction: row;
    }

    .sidebar {
        width: 250px;
        height: 100vh;
        position: sticky;
        top: 0;
    }

    .main .top-row {
        position: sticky;
        top: 0;
    }

    .main > div {
        padding-left: 1rem !important;
        padding-right: 1rem !important;
    }

    .sidebar .collapse {
        /* Never collapse the sidebar for wide screens */
        display: block;
    }

    .custom-combobox-width {
        width: 25% !important;
    }

    .custom-combobox-width-md-20 {
        width: 20% !important;
    }

    .custom-combobox-width-md-15 {
        width: 15% !important;
    }
}

@media only screen and (min-width: 600px) {
    .login-header {
        float: right;
    }
}

@media only screen and (max-width: 600px) {
    .login-header {
        float: left;
    }
}

/* ********************* Media Queries End *****************************/

.k-drawer-item.k-selected:hover, .k-drawer-item.k-selected.k-hover {
    color: white;
    background-color: #FF5000;
}

.k-drawer-item.k-selected, .k-drawer-item.k-selected {
    color: white;
    background-color: #FF5000;
}

.k-treeview-leaf.k-selected {
    color: white;
    background-color: #FF5000;
}

.k-drawer-item:hover {
    color: black !important;
    background-color: #E3E6E6;
}

.k-button-solid-primary {
    border-color: #FF5000 !important;
    background-color: #FF5000 !important;
}

.initial-data-loader.k-loader-container {
    position: fixed;
}

/*EXTRA CSS AFTER NUGET PACKAGES UPDATE -- TESTING CSS*/

ol, ul {
    padding-left: 0rem;
}

fieldset > legend {
    font-weight: bold;
    text-align: center;
    font-size: 1rem;
    color: #424242;
}

label {
    color: #424242;
}

.container-fluid {
    padding-left: calc(var(--bs-gutter-x)* .5);
}

.div-form {
    top: 0px;
}

@media (max-width: 992px) {
    .navbar-toggler {
        position: absolute;
        top: 10px;
        right: 60px
    }

    .container-fluid {
        padding-left: 0;
    }

    .div-form {
        top: 80px;
    }
}

.text-color-as-placeholder {
    color: #d3d3d3;
    font-size: 16px;
    font-weight: 400;
    text-shadow: none;
}

.k-validation-summary.k-messagebox.k-messagebox-error {
    margin-top: .5rem !important;
    border-radius: var(--bs-border-radius) !important;
}

.k-validation-summary.k-messagebox ul {
    list-style-type: none;
    margin-top: .25rem !important;
}

/* ********************* Custom CSS to display the Primary Notes text *****************************/

.notes-html-content {
    font-family: var(--bs-body-font-family, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);
    color: #212529;
    line-height: 1.45;
    font-size: 0.95rem;
    border: 1px solid #ced4da;
    background: #ffffff;
    padding: 0.6rem;
    border-radius: 0.25rem;
    box-shadow: inset 0 1px 2px rgba(0,0,0,0.02);
    height: 220px;
    min-height: 120px;
    max-height: 400px;
    overflow: auto;
}

    .notes-html-content p {
        margin: 0 0 0.6rem 0;
        line-height: 1.45;
    }

    .notes-html-content ul, .notes-html-content ol {
        margin: 0 0 0.8rem 1.25rem;
        padding-left: 0.25rem;
    }

        .notes-html-content ul li, .notes-html-content ol li {
            margin: 0.25rem 0;
        }

        .notes-html-content ul ul, .notes-html-content ol ol, .notes-html-content ul ol, .notes-html-content ol ul {
            margin-left: 1rem;
            font-size: 0.95em;
        }

    .notes-html-content img {
        max-width: 100%;
        height: auto;
        display: block;
        margin: 0.5rem 0;
        border-radius: 4px;
    }

    .notes-html-content blockquote {
        margin: 0 0 0.8rem 0;
        border-left: 3px solid #e9ecef;
        color: #495057;
        background: #f8f9fa;
        padding: 0.5rem 0.75rem;
        border-radius: 4px;
    }

    .notes-html-content pre {
        background: #f1f3f5;
        padding: 0.6rem;
        overflow: auto;
        border-radius: 4px;
        margin: 0 0 0.8rem 0;
    }

    .notes-html-content code {
        background: rgba(27,31,35,0.05);
        padding: 0.15rem 0.3rem;
        border-radius: 4px;
        font-family: SFMono-Regular,Consolas,"Liberation Mono",monospace;
        font-size: 0.92em;
    }

    .notes-html-content table {
        width: 100%;
        border-collapse: collapse;
        margin: 0 0 0.8rem 0;
    }

    .notes-html-content th, .notes-html-content td {
        border: 1px solid #dee2e6;
        padding: 0.45rem 0.6rem;
        text-align: left;
    }

    .notes-html-content h1, .notes-html-content h2, .notes-html-content h3, .notes-html-content h4, .notes-html-content h5, .notes-html-content h6 {
        margin: 0.75rem 0 0.4rem 0;
        line-height: 1.2;
    }

    .notes-html-content a {
        color: #0d6efd;
        text-decoration: underline;
    }

    .notes-html-content .align-center {
        text-align: center;
    }

    .notes-html-content .align-right {
        text-align: right;
    }

    .notes-html-content .align-left {
        text-align: left;
    }

/* custom CSS to display the Primary Notes text (Event) */

.customer-notes-content {
    font-family: var(--bs-body-font-family, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);
    color: #212529;
    line-height: 1.45;
    font-size: 0.95rem;
    border: 1px solid #ced4da;
    background: #ffffff;
    padding: 0.6rem;
    border-radius: 0.25rem;
    box-shadow: inset 0 1px 2px rgba(0,0,0,0.02);
    height: 75px;
    max-height: 400px;
    overflow: auto;
}

    .customer-notes-content p {
        margin: 0 0 0.6rem 0;
        line-height: 1.45;
    }

    .customer-notes-content ul, .customer-notes-content ol {
        margin: 0 0 0.8rem 1.25rem;
        padding-left: 0.25rem;
    }

        .customer-notes-content ul li, .customer-notes-content ol li {
            margin: 0.25rem 0;
        }

        .customer-notes-content ul ul, .customer-notes-content ol ol, .customer-notes-content ul ol, .customer-notes-content ol ul {
            margin-left: 1rem;
            font-size: 0.95em;
        }

    .customer-notes-content img {
        max-width: 100%;
        height: auto;
        display: block;
        margin: 0.5rem 0;
        border-radius: 4px;
    }

    .customer-notes-content blockquote {
        margin: 0 0 0.8rem 0;
        border-left: 3px solid #e9ecef;
        color: #495057;
        background: #f8f9fa;
        padding: 0.5rem 0.75rem;
        border-radius: 4px;
    }

    .customer-notes-content pre {
        background: #f1f3f5;
        padding: 0.6rem;
        overflow: auto;
        border-radius: 4px;
        margin: 0 0 0.8rem 0;
    }

    .customer-notes-content code {
        background: rgba(27,31,35,0.05);
        padding: 0.15rem 0.3rem;
        border-radius: 4px;
        font-family: SFMono-Regular,Consolas,"Liberation Mono",monospace;
        font-size: 0.92em;
    }

    .customer-notes-content table {
        width: 100%;
        border-collapse: collapse;
        margin: 0 0 0.8rem 0;
    }

    .customer-notes-content th, .customer-notes-content td {
        border: 1px solid #dee2e6;
        padding: 0.45rem 0.6rem;
        text-align: left;
    }

    .customer-notes-content h1, .customer-notes-content h2, .customer-notes-content h3, .customer-notes-content h4, .customer-notes-content h5, .customer-notes-content h6 {
        margin: 0.75rem 0 0.4rem 0;
        line-height: 1.2;
    }

    .customer-notes-content a {
        color: #0d6efd;
        text-decoration: underline;
    }

    .customer-notes-content .align-center {
        text-align: center;
    }

    .customer-notes-content .align-right {
        text-align: right;
    }

    .customer-notes-content .align-left {
        text-align: left;
    }