html {
    font-size: 14px;
}

.btn:focus, .btn:active:focus, .btn-link.nav-link:focus, .form-control:focus, .form-check-input:focus {
    box-shadow: 0 0 0 0.1rem white, 0 0 0 0.25rem #258cfb;
}

html {
    position: relative;
    min-height: 100%;
}

body {
    font-family: "_bakermckenziecondensed" !important;
}

.enable-Scrolling{
    overflow-y:auto !important;
}

.banner {
    position: relative;
    width: 100%;
    height: 200px;
    background: url('/content/img/banner.jpg') no-repeat center center;
    background-size: cover;
    display: flex;
    align-items: center;
    padding-left: 30px;
    padding-bottom: 20px;
    color: white;
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
}

.k-grid-header .k-grid-header-menu.k-active {
    background-color: #e4e7eb !important;
}

.banner_logo {
    background: url(/content/img/BMLogo.png) no-repeat left;
    width: 50%;
    height: 100%;
}

.banner_preview {
    position: relative;
    width: 100%;
    height: 200px;
    background: url('/content/img/banner.jpg') no-repeat center center;
    background-size: contain;
    display: flex;
    align-items: center;
    padding-left: 30px;
    padding-bottom: 20px;
    color: white;
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
}

.emailSupport {
    position: center;
    width: 115px;
    height: 136px;
    background: url('/content/img/icon_email.jpg') no-repeat center center;
    background-size: cover;
    display: flex;
    align-items: center;
    color: white;
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
}

.banner h1 {
    font-size: 30pt !important;
}

.navbar.custom-navbar {
    font-size: 20px;
    font-family: "_bakermckenziecondensedbold" !important;
    border-bottom: none !important;
}

.custom-text-color {
    color: #6d000e !important;
}

    .custom-text-color:active,
    .custom-text-color:focus {
        color: black !important;
        background-color: transparent !important;
    }


.nav-item.pl-3 {
    padding-left: 20px;
    color: #6d000e !important;
}

ul.dropdown-menu.custom-dropdown-menu {
    margin-top: -1rem;
}

.no-caret::after {
    display: none !important;
}

.zoom-hover {
    transition: transform 0.3s ease;
}

    .zoom-hover:hover {
        transform: scale(1.1);
    }

.custom-dropdown-menu {
    background-color: transparent !important;
    box-shadow: none !important;
    border: none !important;
}

h1.title {
    position: absolute;
    color: white !important;
    font-family: "_bakermckenziecondensedbold" !important;
}

h1 {
    font-size: 29pt !important;
    color: #6d000e !important;
    margin-bottom: 30px !important;
    font-family: "_bakermckenziecondensedbold" !important;
}

h4 {
    font-size: 16pt !important;
    padding-right: 5em;
    font-family: "_bakermckenzieberninicondensedregular";
}

.content {
    flex: 1;
}

.footer {
    background-color: black;
    color: white;
    bottom: 0px;
    width: 100%;
    font-family: "_bakermckenziecondensedbold" !important;
    padding-left: 30px !important;
}

    .footer .container {
        text-align: left;
    }

    .footer h5 {
        margin-bottom: 15px;
        font-size: 14pt;
        padding-bottom: 20px;
        width: 80%;
    }

    .footer p {
        margin-bottom: 0;
        padding-bottom: 20px;
        font-size: 12pt;
        font-family: "_bakermckenziecondensed" !important;
        width: 80%;
    }

.dropdown-item:hover {
    background-color: transparent;
}

/*right menu*/
.right-menu {
    width: 200px;
}

div.right-menu-label, a.right-menu-label, div.right-menu-label a {
    font-family: "bakermckenzieberniniCnBd",Helvetica,Arial,sans-serif;
    font-size: 12pt;
    color: #6D000E !important;
    text-decoration: none;
}

    div.right-menu-label:hover, div.right-menu-label:visited, div.right-menu-label:active, div.right-menu-label:focus, div.right-menu-label:after,
    a.right-menu-label:hover, a.right-menu-label:visited, a.right-menu-label:active, a.right-menu-label:focus, a.right-menu-label:after, div.right-menu-label a:hover {
        text-decoration: none;
        color: #000000 !important;
    }

a.text-left {
    font-size: 8pt !important;
}

.k-button, input[type=button], input[type=submit] {
    background-color: #007A65 !important;
    color: #FFF !important;
    border: solid 1px #007A65 !important;
    font-size: 11pt;
    border-radius: 4px;
    font-family: "bakermckenzieberniniCnBd",Helvetica,Arial,sans-serif !important;
    height: 30px;
}

.btn-quicklink {
    height: calc(1em + 0.8rem);
    vertical-align: middle;
}


/*home page icon*/
img .icon {
    width: 50px !important;
    height: 50px !important;
}

div.img-icon:hover {
    transform: scale(1.2);
    margin-left: 0rem;
}

div.img-icon-test:hover {
    transform: scale(1.2);
    margin-left: 0rem;
}

img.middle-icon {
    width: 10rem !important;
    height: 10rem !important;
}

/*Grid*/
.k-column-title {
    white-space: normal;
    word-wrap: break-word;
}

.k-grid .k-grid-header .k-table-th {
    vertical-align: top;
    background-color: #007A65;
    color: white;
    font-weight: bolder
}

.k-grid .k-table-td {
    vertical-align: top;
    border-right: none;
    border-left: none;
    border-bottom: 1px solid darkgrey !important;
    font-family: "_bakermckenzieberninicondensedregular";
    font-size: inherit;
}


.k-icon::before,
.k-icon:before {
    font-family: WebComponentsIcons !important;
    speak: none; /* avoids screen reader weirdness */
}


span.k-icon.k-svg-icon.k-svg-i-filter {
    color: white;
}

.k-grid {
    border: none;
}

    .k-grid .k-table-row, .k-grid .k-table-row.k-table-alt-row {
        background-color: transparent;
    }

    .k-grid .k-table-tbody > .k-table-row:not(.k-detail-row):hover, .k-grid .k-table-tbody > .k-table-row:not(.k-detail-row).k-hover {
        background-color: #75CFB8;
    }

.k-grid-header .k-grid-filter.k-active, .k-grid-header .k-header-column-menu.k-active, .k-grid-header .k-grid-header-menu.k-active, .k-grid-header .k-hierarchy-cell .k-icon.k-active {
    background-color: #007A65;
}

.link-primary {
    text-decoration: none !important;
}

    .link-primary:focus, .link-primary:hover {
        color: var(--kendo-color-on-app-surface, #3d3d3d);
        font-size: 10pt;
    }

.k-pager {
    background-color: white;
    border: none;
}

.k-pager-info {
    margin-right: 30px;
    margin-top: 20px;
}

.k-pager-md .k-pager-numbers-wrap .k-button {
    border-radius: 50px;
    background-color: #007A65 !important;
}

.btn-refresh {
    background-color: #007A65;
    border: none;
    border-radius: 50px;
    float: right;
    margin-top: -30px;
    position: relative;
    height: 25px;
}

.refresh-chart, .refresh-grid {
    height: 25px;
    width: 15px;
    background-color: white;
    mask: url(../content/img/arrow-clockwise.svg) no-repeat center / contain;
    -webkit-mask: url(../content/img/arrow-clockwise.svg) no-repeat center / contain;
}

.clearfilter, .ToBMOLink {
    float: right;
    margin-top: -1rem;
    color: #007A65;
    background: transparent;
    border: none;
}

.right {
    float: right;
}

/*text*/

.cc-label {
    color: #007A65;
    font-size: 11pt;
    font-family: "bakermckenzieberniniCnBd", Helvetica, Arial, sans-serif !important;
    font-weight: bold;
}


.h3-bold {
    font-family: "_bakermckenziecondensedbold" !important;
    color: #6d000e !important;
    font-size: 17pt !important;
    margin-left: 1em;
}

.right {
    float: right !important;
}

.k-grid a {
    color: #007A65 !important;
    text-decoration: underline;
}

.btn-std-questionnaire {
    margin-left: 0px !important;
}

/* HIDE BOARDERS */
.cc-custom-grid.k-grid,
.cc-custom-grid .k-grid-header th.k-header,
.cc-custom-grid .k-grid td,
.cc-custom-grid .k-grid-footer-wrap,
.cc-custom-grid .k-grid-header-wrap {
    border: none !important;
}

    .cc-custom-grid .k-grid-header-wrap > table {
        /*padding-right:17px;*/
    }


.k-button .outer {
    padding-bottom: 1px;
    background-color: #007A65 !important;
}



.k-button-flat {
    background-color: #007A65 !important;
}


.cc-custom-grid {
    margin-left: 0.5em;
}
/* UPDATE HEADER */
.k-grid-header th.k-header:last-child {
    text-align: left;
}

.cc-custom-grid .k-grid-header th.k-header, .k-grid-header th.k-header > .k-link {
    background-color: #007A65 !important;
    border: none;
    color: white !important;
    font-family: "bakermckenzieberniniCnBd",Helvetica,Arial,sans-serif !important;
    background-image: none !important;
    /*    font-size: 13pt;*/
}

    .cc-custom-grid .k-grid-header th.k-header:hover {
        color: white !important;
    }

.k-pager-numbers-wrap select.k-dropdown {
    display: none;
}

/* REMOVE SCROLL BAR */

.adderror {
    border: solid 1px red !important;
}

.removeerror {
    border: none;
}

.error {
    color: red;
    max-width: 700px;
}

a {
    text-decoration: none !important;
}

    a:active {
        text-decoration: none !important;
    }

.cc-custom-grid .k-grid-header {
    border-bottom-style: solid;
    text-align: left;
    height: auto;
    background-color: transparent;
}

.cc-custom-grid .k-toolbar .k-grid-toolbar {
    float: right;
    min-width: auto;
}

.cc-custom-grid .k-grid-content {
    min-height: 50px !important;
    overflow-y: scroll;
    overflow-x: hidden;
    max-height: 450px;
}

/* UPDATE ROW STYLE */
.cc-custom-grid .k-grid tr {
    background-color: #FFF !important;
}

    .cc-custom-grid .k-grid tr.k-alt {
        background-color: #F2F3F3 !important;
    }

    .cc-custom-grid .k-grid tr td {
        border-bottom: 1px solid black;
        width: 140px !important;
        padding: 0.4em 0.4em 0.4em 1em !important;
    }

/* UPDATE FOOTER */

.cc-custom-grid-nodata .k-grid-content {
    overflow-x: hidden;
    overflow-y: hidden;
}

.cc-custom-grid .k-pager-wrap {
    background-color: #fff !important;
}

.cc-custom-grid .k-i-reload {
    color: #007A65 !important;
}

.cc-custom-grid .k-state-selected {
    background-color: #75CFB8 !important;
    color: #FFFF !important;
    border: none !important;
}

ul.k-pager-numbers.k-reset li span.k-state-selected {
    background-color: #007A65 !important;
    font-family: "bakermckenzieberniniCnRg",Helvetica,Arial,sans-serif !important;
    border: solid 1px #007A65 !important;
}

.cc-custom-grid tbody tr {
    background-color: white !important;
    text-align: left;
    font-family: "bakermckenzieberniniCnRg",Helvetica,Arial,sans-serif !important;
}

    .cc-custom-grid tbody tr:hover {
        background-color: #75CFB8 !important;
    }

.navbar {
    border: none !important;
    /*padding-bottom: 4.5em;*/
}

.k-button.delete {
    background-color: #007A65 !important;
    max-width: 2em;
    min-width: 2em;
    padding-bottom: 1px !important;
}

.k-button.right-menu {
    min-width: 3em;
}

.k-button, input[type=button], input[type=submit] {
    background-color: #007A65 !important;
    color: #FFF !important;
    border: solid 1px #007A65 !important;
    font-size: 11pt;
    border-radius: 4px;
    font-family: "bakermckenzieberniniCnBd",Helvetica,Arial,sans-serif !important;
}

    .k-button:hover {
        background-color: #339584 !important;
        border: solid 1px #339584 !important;
        color: white !important;
        box-shadow: none !important;
    }

    .k-button:focus {
        box-shadow: none !important;
    }

    .k-button.k-upload-button.k-state-focused {
        box-shadow: none !important;
    }

.btn-modal {
    height: auto !important;
    background-color: #007A65 !important;
    color: #FFF !important;
    min-width: 2em !important;
    padding: 0.5em !important;
    border-radius: 5px;
    border: 0 !important;
    border-color: transparent !important;
    outline: none !important;
    outline-style: none;
    box-shadow: none;
    width: auto;
    font-size: 10pt;
}

.browse-btn {
    position: relative;
    margin-top: -30px;
    float: right;
}


.k-state-disabled {
    background-color: #7F7F7F !important;
    color: #FFF !important;
    border: solid 1px #7F7F7F !important;
}


.button-create {
    float: right;
}

span.k-icon.k-svg-icon.k-svg-i-reorder {
    padding-top: 0px;
}

.k-grid-toolbar {
    padding-right: 0px;
    min-width: auto;
    background-color: transparent;
    float: right;
    /*margin-right: 1rem;*/
}

a.clearfilter {
    float: right;
    color: #007A65 !important;
}

    a.clearfilter dashboard {
        float: right;
        color: #007A65 !important;
        margin-top: -1rem;
    }

/*.clearfilter-margintop {
    margin-top: 5rem;
}*/

.clearfilter-no-data {
}

.lblMessage, .required {
    font-size: 12pt;
    color: #ad122a;
}

/* .cc-grid  */
.k-grid,
.k-grid-header th.k-header,
.k-grid td,
.k-grid-footer-wrap,
.k-grid-header-wrap {
    border: none !important;
}

    /* UPDATE HEADER */
    .k-grid-header th.k-header, .k-grid-header th.k-header > .k-link {
        background-color: #007A65 !important;
        border: none;
        color: white !important;
        font-family: "bakermckenzieberniniCnBd",Helvetica,Arial,sans-serif !important;
        background-image: none !important;
        font-size: 10pt;
        white-space: normal !important;
        vertical-align: top;
    }

        .k-grid-header th.k-header:hover {
            color: white !important;
        }

    .k-grid tr td .k-button {
        font-size: 9pt;
        min-width: 30px;
    }

.k-header.k-grid-toolbar {
    border-bottom: none;
}

span.k-file-name {
    font-family: "bakermckenzieberniniCn",Helvetica,Arial,sans-serif !important;
}

div.cc-grid .k-grid-header th.k-header:last-child {
    text-align: center
}

div.cc-grid .k-filter-row th:last-child {
    background-color: transparent;
}

@media screen and (min-width: 600px) and (max-width: 900px) {
    /*.k-grid-header th.k-header, .k-grid-header th.k-header > .k-link {
        font-size: 7pt !important;
    }

    .k-grid tr td {
        font-size: 6pt !important;
    }

        .k-grid tr td .k-button {
            font-size: 5pt !important;
            min-width: 5px !important;
        }*/

    .k-button {
        font-size: 8pt !important;
    }
}

@media screen and (min-width: 900px) and (max-width: 1000px) {
    .k-grid-header th.k-header, .k-grid-header th.k-header > .k-link {
        /*        font-size: 8pt;*/
    }

    .k-grid tr td {
        /*        font-size: 7pt;*/
    }
}

@media screen and (min-width: 1000px) and (max-width: 1100px) {
    .k-grid-header th.k-header, .k-grid-header th.k-header > .k-link {
        /*        font-size: 8pt;*/
    }

    .k-grid tr td {
        /*        font-size: 8pt !important;*/
    }

        .k-grid tr td .k-button {
            font-size: 9pt !important;
            min-width: 30px !important;
        }

    .k-button {
        font-size: 9pt !important;
    }
}

@media screen and (min-width: 1100px) and (max-width: 1200px) {
    .k-grid-header th.k-header, .k-grid-header th.k-header > .k-link {
        /*        font-size: 9pt;*/
    }

    .k-grid tr td {
        /*        font-size: 8pt !important;*/
    }
}

@media screen and (min-width: 1300px) and (max-width: 1400px) {
    .k-grid-header th.k-header, .k-grid-header th.k-header > .k-link {
        /*        font-size: 10.5pt;*/
    }

    .k-grid tr td {
        /*        font-size: 10pt;*/
    }

        .k-grid tr td .k-button {
            font-size: 9pt !important;
            min-width: 50px !important;
        }
}

@media screen and (min-width: 1400px) and (max-width: 1500px) {
    .k-grid-header th.k-header, .k-grid-header th.k-header > .k-link {
        /*        font-size: 11pt;*/
    }

    .k-grid tr td {
        font-size: 10pt;
    }
}

@media screen and (min-width: 1200px) and (max-width: 1300px) {
    .k-grid-header th.k-header, .k-grid-header th.k-header > .k-link {
        /*        font-size: 11pt;*/
    }

    .k-grid tr td {
        /*        font-size: 11pt;*/
    }

        .k-grid tr td .k-button {
            font-size: 9pt !important;
            min-width: 50px !important;
        }
}

/* REMOVE SCROLL BAR */
.k-grid-header {
    border-bottom-style: solid;
    text-align: left;
    background-color: white;
}

.cc-grid .k-grid-content {
    min-height: 100px !important;
    overflow-y: auto;
}

/* UPDATE ROW STYLE */
.cc-grid .k-grid tr {
    background-color: #FFFF !important;
}


.k-grid tr td {
    border-bottom: 1px solid black;
    /*    width: auto !important;*/
    padding: 0.4em 0.4em 0.4em 1em !important;
    color: #007A65 !important;
    font-size: 9pt;
    vertical-align: top;
}

    .k-grid tr td:last-child {
        text-align: left;
    }

span.k-icon.k-clear-value.k-i-close {
    color: #007A65;
}

.k-button .k-image {
    height: 16px;
}

/* UPDATE FOOTER */
.k-pager-wrap {
    background-color: #fff !important;
}

.cc-custom-grid.user .k-pager-wrap .k-pager-numbers li {
    display: inline-block !important;
    margin-left: -4rem;
}

span.k-link k-state-selected:hover {
    background-color: #007A65 !important;
}

.k-pager-numbers .k-link {
    border-color: #007A65 !important;
    font-family: "bakermckenzieberniniCnRg",Helvetica,Arial,sans-serif !important;
    color: #2e2e2e !important;
}

    .k-pager-numbers .k-link.k-state-selected {
        background-color: #007A65 !important;
        color: #FFFF !important;
    }

    .k-pager-numbers .k-link:hover {
        border-color: #007A65;
    }


.k-state-selected {
    background-color: #007A65 !important;
}

    .k-state-selected label,
    .k-state-disabled label {
        color: #FFF !important;
    }


.cc-grid tr {
    background-color: white !important;
    text-align: left;
    font-family: "bakermckenzieberniniCnRg",Helvetica,Arial,sans-serif !important;
}

.cc-grid tbody tr:hover {
    background-color: #75CFB8 !important;
}

.dialog-entity {
    width: 90%;
    margin-top: -20px;
    margin-left: 15px;
}

.k-window-titlebar {
    background-color: white;
    border-bottom-color: white;
}

.k-dialog-title {
    color: #007A65;
    font-family: "bakermckenzieberniniCnBd",Helvetica,Arial,sans-serif !important;
    font-size: 17pt;
    padding-right: 10px;
    white-space: normal;
    word-wrap: break-word !important;
    overflow-wrap: break-word !important;
}

label {
    color: #007A65;
    font-size: 11pt;
    font-family: "_bakermckenziecondensed" !important;
}

.k-input[type=text], .k-reset {
    /*    color: rgb(0,122,101);
    font-size: 14px;
    font-family: "bakermckenzieberniniCnRg",Helvetica,Arial,sans-serif !important;*/
    color: #7F7F7F;
    font-size: 11pt;
    font-family: "bakermckenzieberniniCnBd",Helvetica,Arial,sans-serif !important;
}

.cc-control {
    width: 700px;
    display: block; /* kendo fix - line break */
}

.form-control, input[type=text],
.form-control:focus, input[type=text]:focus {
    border-radius: 4px !important;
    color: #7F7F7F;
    font-size: 11pt !important;
    font-family: "bakermckenzieberniniCnBd",Helvetica,Arial,sans-serif !important;
    /* width: 700px; */ /*-- removed : DO NOT add CSS like this when the selector is very generic, note that this will affect everything and cause bugs to other's work */
}

    .form-control:focus, .form-control:hover {
        border-color: #ccc !important;
        box-shadow: none !important;
    }

.createnew-link {
    float: right;
    color: #007A65 !important;
    font-family: "bakermckenzieberniniCnRg",Helvetica,Arial,sans-serif !important;
    font-style: italic;
}

.createnew-link-myproject {
    float: right;
    color: #007A65 !important;
    font-family: "bakermckenzieberniniCnRg",Helvetica,Arial,sans-serif !important;
    font-style: italic;
    padding-right: 5px;
}

.createnew-link-segment {
    margin-top: 0px;
    float: right;
    color: #007A65 !important;
    font-family: "bakermckenzieberniniCnRg",Helvetica,Arial,sans-serif !important;
    font-style: italic;
}

.uploaded-files > div {
    border: solid #CCC 1px;
    border-radius: 2px;
    background-color: #DDD;
    padding: 10px;
}

.uploaded-files .cc-close {
    float: right;
    cursor: grab;
}

.k-widget.k-window.k-dialog {
    height: auto;
    border-radius: 10px;
}

.k-pager-wrap .k-label, .k-dropdown .k-input, span.k-link.k-pager-nav
/*, span.k-icon.k-i-arrow-60-right
, span.k-icon.k-i-arrow-60-left
, span.k-icon.k-i-arrow-end-left
, span.k-icon.k-i-arrow-end-right
, span.k-icon.k-i-arrow-60-down */ {
    color: #007A65;
}

.k-dropdown .k-input {
    color: #7F7F7F !important;
    font-size: 11pt;
    background-color: white;
}

.k-list-container {
    color: #7F7F7F !important;
}

.k-popup .k-item {
    color: #7F7F7F !important;
}

.cls-radiolabel {
    margin-left: 10px;
    margin-top: 10px;
    min-width: 46%;
}

.myproject-dialog .k-dialog-title {
    margin-left: 0px !important;
}

.cockpit-dialog {
    width: auto;
}

    .cockpit-dialog .k-dialog-content {
        height: 500px !important;
    }

.BudgetAllocation {
    float: right;
    width: 74% !important;
}

.btn-createnew-link {
    float: right;
    color: #007A65 !important;
    font-family: "bakermckenzieberniniCnRg",Helvetica,Arial,sans-serif !important;
    font-style: italic;
    background-color: transparent !important;
    border: 0px none transparent;
    padding: 0px;
    padding-right: 3px;
}

    .btn-createnew-link:hover {
        text-decoration: underline;
    }

.k-grid-header th.k-header {
    padding-left: 11px;
}

.comment-grid .k-grid-header th.k-header {
    display: none;
}

.comment-grid.k-grid tr {
    background-color: white;
}

    .comment-grid.k-grid tr td {
        vertical-align: middle;
    }

        .comment-grid.k-grid tr td:first-child {
            border-left: 1px solid #d5d5d5 !important;
        }

        .comment-grid.k-grid tr td:last-child {
            border-right: 1px solid #d5d5d5 !important;
        }

.k-draghandle.k-state-selected:hover, .k-ghost-splitbar-horizontal, .k-ghost-splitbar-vertical, .k-list > .k-state-highlight, .k-list > .k-state-selected, .k-marquee-color, .k-panel > .k-state-selected, .k-scheduler .k-scheduler-toolbar .k-state-selected, .k-scheduler .k-today.k-state-selected, .k-state-selected, .k-state-selected:link, .k-state-selected:visited, .k-tool.k-state-selected {
    background-color: #007A65;
    border-color: #007A65 !important;
    color: white !important;
}

.k-delete-dialog-content {
    color: #007A65;
    font-family: "bakermckenzieberniniCnBd",Helvetica,Arial,sans-serif !important;
    font-size: 15pt;
    margin-bottom: 0px;
}

.k-delete-dialog-content-detail {
    font-family: "bakermckenzieberniniCnBd",Helvetica,Arial,sans-serif !important;
}

.comment-grid .k-grid-content tr.selected {
    background-color: #75CFB8 !important;
}

.k-dropdowntree-clearable .k-dropdown-wrap .k-input, .k-dropdowntree-clearable .k-multiselect-wrap, .k-multiselect-clearable .k-multiselect-wrap {
    /*padding-right: 6em;*/ /* this is causing UI issue on other pages */
}

.link-downloadfilecontent {
    text-decoration: underline !important;
    color: #007A65 !important;
}

.k-primary:focus {
    box-shadow: 0 0 2px 1px #FFFFFF;
}

.lbl-information {
    font-size: 8pt;
    font-style: italic;
    width: 700px;
    line-height: 1.8rem;
}

.comment-grid .k-hierarchy-col {
    width: 10px;
}

.k-grid-norecords {
    width: 100%;
    height: 100%;
    text-align: center;
    color: #333333;
    font-size: 11pt;
    display: block;
}

.radio-item {
    display: inline-block;
    position: relative;
}

    .radio-item input[type='radio'] {
        display: none;
    }

    .radio-item label {
        color: #007A65;
        font-weight: normal;
        margin-right: 30px;
    }

        .radio-item label:before {
            margin-top: 0px;
            content: " ";
            display: inline-block;
            position: relative;
            top: 3px;
            margin: 0 10px 0 0;
            width: 14px;
            height: 14px;
            border-radius: 10px;
            border: 2px solid #333333;
            background-color: transparent;
        }


    .radio-item input[type=radio]:checked + label:after {
        border-radius: 11px;
        width: 8px;
        height: 8px;
        position: absolute;
        top: 9px;
        left: 3px;
        content: " ";
        display: block;
        background: #333333;
    }

.k-dropdowngrid-popup .k-item:nth-child(2n) {
    background-color: transparent;
}

.k-dropdowngrid-popup .k-item.k-state-hover {
    background-color: #75CFB8 !important;
    color: white !important;
}

.k-item {
    background-color: white;
}

    .k-item .k-state-hover {
        background-color: #75CFB8 !important;
        color: white !important;
    }

    .k-item .k-state-focus {
        background-color: #75CFB8 !important;
        color: white !important;
    }

.k-list > .k-state-hover, .k-list > .k-state-focus {
    background-color: #75CFB8 !important;
    color: white !important;
}


.k-dropdowngrid-popup .k-item.k-state-hover, k-item, li.k-list-item.k-state-hover {
    background-color: #75CFB8 !important;
    color: white !important;
}

/*Calendar*/
.k-calendar .k-footer a:hover a:focus {
    color: #007A65;
}

.k-calendar .k-footer .k-nav-today {
    color: #007A65;
}

span.k-calendar-nav-prev.k-button, span.k-calendar-nav-fast.k-button, span.k-calendar-nav-next.k-button, button.k-calendar-nav-today.k-flex.k-button.k-button-md.k-button-flat.k-button-flat-primary.k-rounded-md {
    background-color: #007A65 !important;
}

.k-calendar .k-footer > .k-state-disabled {
    background-color: transparent !important;
    color: #007A65 !important;
    border: none !important;
    opacity: 1 !important;
}

.k-calendar .k-calendar-view .k-today a.k-link {
    border-color: white;
    box-shadow: inset 0 0 0 1px #007A65;
}

.k-calendar td.k-state-focused .k-link, .k-calendar .k-calendar-view .k-today.k-focus .k-link {
    box-shadow: inset 0 0 2px 1px #007A65 !important;
}

.k-calendar td.k-state-selected .k-link, .k-calendar .k-calendar-td.k-selected.k-focus .k-link {
    border-color: #007A65 !important;
    background-color: #007A65 !important;
    box-shadow: inset 0 0 2px 1px #007A65 !important;
}

.k-calendar .k-today .k-link {
    box-shadow: inset 0 0 2px 1px white;
    color: #007A65;
}

.k-calendar td.k-state-hover .k-link {
    box-shadow: inset 0 0 2px 1px #007A65;
    background-color: white;
    color: #007A65;
}

/*Dialog Button*/
.k-dialog-buttongroup {
    padding: 0px 0px;
}

    .k-dialog-buttongroup button.k-button.k-primary,
    .k-dialog-buttongroup .k-button + .k-button,
    .k-dialog-button-layout-stretched .k-button {
        margin-left: 0px;
        border-radius: 0px;
    }


/* footer */
.cc-main-body {
    min-height: 44vh !important; /* set min value to push the footer down when content is empty*/
}


.cc-page-title {
    font-family: "bakermckenzieberniniCnBd",Helvetica,Arial,sans-serif !important;
    color: #6d000e !important;
    font-size: 17pt !important;
}


.form-control:focus,
input[type=color]:focus,
input[type=date]:focus,
input[type=datetime-local]:focus,
input[type=datetime]:focus,
input[type=email]:focus,
input[type=month]:focus,
input[type=number]:focus,
input[type=password]:focus,
input[type=search]:focus,
input[type=tel]:focus,
input[type=text]:focus,
input[type=time]:focus,
input[type=url]:focus,
input[type=week]:focus,
select:focus,
textarea:focus {
    border-color: #ccc !important;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(0,0,0,.5);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(0,0,0,.5)
}

.DeliveryDateG {
    width: 83%;
    float: right;
    border-bottom: solid 1px #d5d5d5;
    border-left: solid 1px #d5d5d5;
    border-right: solid 1px #d5d5d5;
    border-top: 0px
}

.k-listview-content .row {
    /* IMPORTANT - remove vertical scrollbar from k-list-content when a row reside inside it */
    margin-left: 0 !important;
    margin-right: 0 !important;
}

.k-window-dialog.k-dialog-content {
    text-align: center;
}

.k-multiselect-wrap:hover {
    border-color: #c5c5c5 !important;
}

html.k-upload {
    border: none;
    padding-left: 0px;
}

div.centerAlert {
    /*text-align:center;*/
}

.k-widget.k-upload.k-upload-sync {
    padding-left: 0px;
    padding-right: 0px;
}

/*NAVIGATION*/
li.nav-item {
    min-width: 15rem;
    max-width: 15rem;
}

    li.nav-item.home-tab {
        min-width: 10rem;
        max-width: 10rem;
    }


@media screen and (max-width: 1770px) {
    li.nav-item {
        min-width: 14rem;
        max-width: 14rem;
    }
}

@media screen and (max-width: 1660px) {
    li.nav-item {
        min-width: 13rem;
        max-width: 13rem;
    }
}

@media screen and (max-width: 1560px) {
    li.nav-item {
        min-width: 12rem;
        max-width: 12rem;
    }
}

@media screen and (max-width: 1430px) {
    li.nav-item {
        min-width: 12rem;
        max-width: 12rem;
    }
}

@media screen and (max-width: 1320px) {
    li.nav-item {
        min-width: 11rem;
        max-width: 11rem;
    }
    /*
    li.a-nav-link {
        font-size: 19px !important;
    }*/
}

@media screen and (max-width: 1200px) {
    li.nav-item {
        min-width: 11rem;
        max-width: 11rem;
    }

        li.nav-item.home-tab {
            min-width: 8rem;
            max-width: 8rem;
        }
    /*
    li.a-nav-link{
        font-size:17px !important;
    }*/
}

@media screen and (max-width: 1100px) {
    li.nav-item {
        min-width: 9rem;
        max-width: 9rem;
    }

        li.nav-item.home-tab {
            min-width: 6rem;
            max-width: 6rem;
        }

    li a.nav-link, span a.logout {
        font-size: 17px !important;
    }
}

@media screen and (max-width: 1000px) {
    li.nav-item {
        min-width: 9rem;
        max-width: 9rem;
    }

        li.nav-item.home-tab {
            min-width: 5rem;
            max-width: 5rem;
        }

    li a.nav-link, span a.logout {
        font-size: 17px !important;
    }
}

/*a.nav-link {
    font-family: "bakermckenzieberniniCnBd",Helvetica,Arial,sans-serif !important;
    color: #6D000E !important;
}*/

.bg-light {
    background-color: white !important;
}

button.navbar-toggler {
    background-color: white !important;
}

.k-filemanager-navigation, .k-filemanager-content, .k-splitbar.k-splitbar-horizontal.k-splitbar-draggable-horizontal.k-filemanager-splitbar-navigation, nav.k-filemanager-breadcrumb.k-widget.k-breadcrumb {
    display: none;
}

span.k-widget.k-datepicker.DeadlineDate.form-control {
    margin-top: -0.5em;
}

span.k-icon.k-i-calendar {
    margin-bottom: 0.5em
}

div#dialogValuationModel {
    overflow-x: hidden;
}



.k-grid-content > .k-loading-mask {
    visibility: hidden;
}

.k-grid > .k-loading-mask {
    z-index: 2;
}


cc-dropdown {
    display: block;
    width: 100%;
}

.cc-required {
    box-shadow: 0 0 1px 1px red !important;
}

.cc-checkbox {
    vertical-align: top !important;
    margin-right: 5px !important;
    margin-top: 0.2em !important;
}

.k-checkbox:checked, .k-checkbox.k-checked {
    border-color: #dc3545;
    color: white;
    background-color: #dc3545;
}

#listview-wrapper label {
    color: black !important;
}

.listview-header {
    background-color: #007A65 !important;
    color: white;
    padding-top: 1em;
    padding-bottom: 1em;
    border-radius: 0.5em;
    font-weight: bold;
}

.cc-control-group {
    display: flex !important;
}

    .cc-control-group .cc-control-group-control {
        flex-grow: 1 !important;
    }

    .cc-control-group .cc-control-group-append .k-button,
    .cc-control-button {
        min-width: 0 !important;
        padding: 0.5em !important;
        height: 100% !important;
        color: #007A65 !important;
        background-color: transparent !important;
        border: 0 !important;
        border-color: transparent !important;
        outline: none !important;
        outline-style: none;
        box-shadow: none;
        border-color: transparent;
    }

        .cc-control-group .cc-control-group-append .k-button:hover,
        .cc-control-group .cc-control-group-append .k-button:active,
        .cc-control-group .cc-control-group-append .k-button:focus,
        .cc-control-button:hover,
        .cc-control-button:active,
        .cc-control-button:focus {
            border: 0 !important;
            outline-style: none;
            box-shadow: none;
            border-color: transparent !important;
        }

/* fix kendo wrapper with bootstrap contents*/
.k-animation-container, .k-animation-container *, .k-animation-container :after, .k-block .k-header, .k-dialog .k-window-content, .k-list-container, .k-widget, .k-widget *, .k-widget :before {
    box-sizing: inherit !important;
}

.k-block, .k-draghandle, .k-inline-block, .k-widget {
    border: none !important;
}

}

.k-grid-toolbar.k-toolbar.k-toolbar-resizable.k-toolbar-md {
    background-color: white;
}

.k-grid-header {
    padding-right: 0px !important;
}

.k-notification-success {
    color: #0f5132 !important;
    background-color: #d1e7dd !important;
    border-color: #badbcc !important;
}

.k-notification-error {
    color: #d1e7dd !important;
    background-color: #ad122a !important;
    border-color: #ad122a !important;
}

.notification-section {
    display: inline-flex;
}

.k-i-check-circle {
}

.btn-createnew-link {
    float: right;
    color: #007A65 !important;
    font-family: "_bakermckenziecondensed",Helvetica,Arial,sans-serif !important;
    font-style: italic;
    background-color: transparent !important;
    border: 0px none transparent;
    padding: 0px;
    padding-right: 3px;
    cursor: pointer;
    text-decoration: none;
}

.k-form-hint, .k-form-error {
    margin-top: var(--kendo-spacing-1, 0.25rem);
    display: flex;
    font-size: 12px;
    font-style: normal;
}

.link-nav {
    font-family: "_bakermckenziecondensedbold" !important;
    font-size: 12pt !important;
    color: #6d000e !important;
    text-decoration: none;
    cursor: pointer !important;
}

.space-top {
    padding-top: 5px;
}

.cc-title {
    font-weight: bold;
    color: #6d000e !important;
}

.Filename {
    text-align: left;
    font-weight: bold;
    color: #007A65 !important;
    padding-top: 8px !important;
    padding-right: 30px;
    text-decoration: underline;
    cursor: pointer;
}

.img-custom {
    margin-right: 12px;
    width: 40px;
    cursor: move;
}

.qrg-box {
    background-color: #FFFF;
    border-radius: .5em;
    padding: 10px;
}

.img-custom1 {
    margin-right: 12px;
    width: 40px;
}

.qrg-box1 {
    background-color: #FFFF;
    border-radius: .5em;
    padding: 10px;
}

.qrg-flex {
    display: flex;
}

.qrg-btn-space {
    margin-right: 5px;
}

.a-qrg-header {
    text-decoration: none;
    color: white;
}

.lbl-information {
    font-size: 8pt;
    font-style: italic;
    width: 700px;
    line-height: 1.8rem;
    color: #007A65;
}

.h3-bold-support {
    font-family: "_bakermckenziecondensedbold" !important;
    color: #007A65;
    font-size: 17pt !important;
}

.p-support {
    font-size: 14px !important;
}

}

ul.fieldlist {
    list-style-type: none !important;
    padding-left: 0rem !important;
    list-style: none !important;
    margin: 0 !important;
    padding: 0;
}

ul.fieldlist_distribute {
    list-style: none;
    margin-left: 0px;
    padding-left: 0px;
}

/*My Assign QUestionnaire*/

.cc-preview-grid {
    border: 1px solid #9c9a9a !important;
    border-radius: 1em;
}

.cc-preview-header {
    padding: 1em 0;
}

label {
    color: #007A65;
    font-size: 11pt;
    font-family: "bakermckenzieberniniCnBd", Helvetica, Arial, sans-serif !important;
}

.k-button, input[type=button], input[type=submit] {
    background-color: #007A65 !important;
    color: #FFF !important;
    border: solid 1px #007A65 !important;
    font-size: 11pt;
    border-radius: 4px;
    font-family: "bakermckenzieberniniCnBd", Helvetica, Arial, sans-serif !important;
}

.cc-page-button {
    color: #007A65;
    text-decoration: none;
}

.w-300-px {
    width: 300px;
}

.d-inline {
    display: inline !important;
}

.k-treelist .k-grid-header {
    display: none;
}

#QuestionnaireTreeList .k-toolbar {
    position: absolute;
    bottom: 0;
    width: 100%;
    border-bottom: none;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
}

#QuestionnaireTreeList .k-grid-content {
    /*    padding-bottom:40px;*/
}

#QuestionnaireTreeList td.k-table-td {
    border-bottom: none !important;
}

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

span.k-treelist-toggle.k-icon.k-svg-icon.k-svg-i-caret-alt-down, span.k-treelist-toggle.k-icon.k-svg-icon.k-svg-i-caret-alt-right {
    display: none;
}

.k-input .txt-form {
    margin-left: 0px !important;
}

/*need to be deleted*/
/*span.k-clear-value {
    margin-left: -3rem;
}
*/

.highlight-row {
    background-color: #75CFB8 !important;
    color: #FFFF !important;
    border: none !important;
}

h3.contactUs {
    font-size: 1.16em;
    font-weight: bold;
}

.cc-body {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
    margin: 0;
}

.cc-main {
    flex: 1;
}

.display-flow {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100px;
    width: 100%;
}

.margin-3px {
    margin: 3px;
}

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

    .btn-cc-primary:hover {
        color: #fff;
        background-color: #ad122a;
        border-color: #ad122a;
    }

    .btn-cc-primary:focus, .btn-cc-primary:active:focus {
        box-shadow: 0 0 0 0.1rem white, 0 0 0 0.25rem #ad122a;
        background-color: #ad122a;
    }

.burgundy-color {
    color: #ad122a;
}

.form-check-input:checked, .form-check-input:hover {
    background-color: #ad122a !important;
    border-color: #ad122a;
}

.form-check-input:focus {
    background-color: white;
    box-shadow: 0 0 0 0.1rem white, 0 0 0 0.25rem #ad122a;
}

.k-list-item.k-selected, .k-list-item.k-selected:hover, .k-selected.k-list-optionlabel, .k-selected.k-list-optionlabel:hover {
    background-color: #339584 !important;
    box-shadow: inset 0 0 3px 1px #339584 !important;
    color: white !important;
    font-family: "bakermckenzieberniniCnBd", Helvetica, Arial, sans-serif !important;
    transition-duration: 0s;
}

.k-list-item:hover {
    background-color: #75CFB8 !important;
    border-color: #75CFB8 !important;
    color: white !important;
}


button.k-button-solid-base-command.my-1.k-grid-edit.k-button.k-button-md.k-rounded-md.k-button-solid.k-button-solid-primary {
    flex: 1 1 0;
    width: 100%;
    box-sizing: border-box !important;
}

button.k-button-solid-base-command.my-1.k-grid-edit.k-button.k-button-md.k-rounded-md.k-button-solid.k-button-solid-base {
    width: 100%;
    flex: 1 1 0;
    width: 100%;
    box-sizing: border-box !important;
}

.k-window-actions {
    gap: 8px;
    width: 100%;
}



.cc-eye::before {
    content: "";
    display: inline-block;
    width: 1.5em; /* scale with font-size */
    height: 1.5em;
    line-height: 1;
    vertical-align: -0.125em; /* tweak to align with text; adjust if needed */
    background-color: currentColor;
    /* Use the SVG as a mask so it takes currentColor */
    -webkit-mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'><path d='M256 128c-94.8 0-179.8 51.5-224 128 44.3 76.5 129.3 128 224 128s179.8-51.5 224-128c-44.2-76.5-129.2-128-224-128m-32 64c17.7 0 32 14.3 32 32s-14.3 32-32 32-32-14.3-32-32 14.3-32 32-32M69.8 256c18.4-26.4 44.8-48.7 72.6-65.1 12.2-7.2 25.1-13.2 38.4-17.9-22.6 20.5-36.8 50.1-36.8 83s14.2 62.5 36.8 83c-13.3-4.7-26.2-10.7-38.4-17.9-27.8-16.4-54.2-38.7-72.6-65.1m299.8 65.1c-12.2 7.2-25.1 13.2-38.4 17.9 22.6-20.5 36.8-50.1 36.8-83s-14.2-62.5-36.8-83c13.3 4.7 26.2 10.7 38.4 17.9 27.8 16.4 54.2 38.7 72.6 65.1-18.5 26.4-44.8 48.7-72.6 65.1'/></svg>") no-repeat center / contain;
    mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'><path d='M256 128c-94.8 0-179.8 51.5-224 128 44.3 76.5 129.3 128 224 128s179.8-51.5 224-128c-44.2-76.5-129.2-128-224-128m-32 64c17.7 0 32 14.3 32 32s-14.3 32-32 32-32-14.3-32-32 14.3-32 32-32M69.8 256c18.4-26.4 44.8-48.7 72.6-65.1 12.2-7.2 25.1-13.2 38.4-17.9-22.6 20.5-36.8 50.1-36.8 83s14.2 62.5 36.8 83c-13.3-4.7-26.2-10.7-38.4-17.9-27.8-16.4-54.2-38.7-72.6-65.1m299.8 65.1c-12.2 7.2-25.1 13.2-38.4 17.9 22.6-20.5 36.8-50.1 36.8-83s-14.2-62.5-36.8-83c13.3 4.7 26.2 10.7 38.4 17.9 27.8 16.4 54.2 38.7 72.6 65.1-18.5 26.4-44.8 48.7-72.6 65.1'/></svg>") no-repeat center / contain;
}

/* Size variants (optional) */
.cc-eye--sm::before {
    width: 0.875em;
    height: 0.875em;
}

.cc-eye--lg::before {
    width: 1.25em;
    height: 1.25em;
}

/* Color utility (optional) */
.cc-eye--muted {
    color: #6c757d;
}
/* Bootstrap's gray-600-ish */
.cc-eye--success {
    color: #198754;
}
/* Bootstrap success green */

/* Hover/active states (optional) */
.cc-eye-btn:hover .cc-eye::before,
.cc-eye:hover::before {
    filter: brightness(0.8);
}

.cc-eye-btn:active .cc-eye::before,
.cc-eye:active::before {
    filter: brightness(0.7);
}

/* Eye-slash icon using CSS mask (inherits color) */
.cc-eye-slash::before {
    content: "";
    display: inline-block;
    width: 1.5em; /* scales with font-size */
    height: 1.5em;
    line-height: 1;
    vertical-align: -0.125em; /* adjust if you need slightly different alignment */
    background-color: currentColor;
    /* Use your eye-slash SVG as a mask */
    -webkit-mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'><path d='m245.43 358.68 24.92 24.92c-4.75.26-9.54.4-14.34.4-94.7 0-179.7-51.5-224-128 13.19-22.83 30.01-43.43 49.65-61.1l23.01 23.01C91.46 229.29 79.51 242.07 69.8 256c26.33 33.77 54.15 53.86 72.6 65.1 39.18 23.88 77.54 33.37 103.03 37.58m131.42-4.44L480 457.39 457.39 480 345.51 368.12s-.07.03-.1.04L232.2 254.94l.11-.03-39.21-39.21-.03.11-26.8-26.8s.04-.05.06-.08l-7.01-7.01s-.06.03-.09.04l-24.17-24.17s.06-.03.09-.05L32 54.61 54.61 32l111.87 111.87A260.2 260.2 0 0 1 256 128c94.8 0 179.8 51.5 224 128-24 41.53-60.05 75.69-103.15 98.24m-7.25-33.14c27.8-16.4 54.1-38.7 72.6-65.1-18.4-26.4-44.8-48.7-72.6-65.1-12.2-7.2-25.1-13.2-38.4-17.9 22.6 20.5 36.8 50.1 36.8 83 0 25.15-8.31 48.37-22.32 67.08l7.01 7.01c5.76-2.76 11.41-5.74 16.91-8.99'/></svg>") no-repeat center / contain;
    mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'><path d='m245.43 358.68 24.92 24.92c-4.75.26-9.54.4-14.34.4-94.7 0-179.7-51.5-224-128 13.19-22.83 30.01-43.43 49.65-61.1l23.01 23.01C91.46 229.29 79.51 242.07 69.8 256c26.33 33.77 54.15 53.86 72.6 65.1 39.18 23.88 77.54 33.37 103.03 37.58m131.42-4.44L480 457.39 457.39 480 345.51 368.12s-.07.03-.1.04L232.2 254.94l.11-.03-39.21-39.21-.03.11-26.8-26.8s.04-.05.06-.08l-7.01-7.01s-.06.03-.09.04l-24.17-24.17s.06-.03.09-.05L32 54.61 54.61 32l111.87 111.87A260.2 260.2 0 0 1 256 128c94.8 0 179.8 51.5 224 128-24 41.53-60.05 75.69-103.15 98.24m-7.25-33.14c27.8-16.4 54.1-38.7 72.6-65.1-18.4-26.4-44.8-48.7-72.6-65.1-12.2-7.2-25.1-13.2-38.4-17.9 22.6 20.5 36.8 50.1 36.8 83 0 25.15-8.31 48.37-22.32 67.08l7.01 7.01c5.76-2.76 11.41-5.74 16.91-8.99'/></svg>") no-repeat center / contain;
}

/* Optional size variants to match the first icon */
.cc-eye-slash--sm::before {
    width: 0.875em;
    height: 0.875em;
}

.cc-eye-slash--lg::before {
    width: 1.25em;
    height: 1.25em;
}

/* Optional color helpers */
.cc-eye-slash--muted {
    color: #6c757d;
}

.cc-eye-slash--danger {
    color: #dc3545;
}

/* Circular check icon using CSS mask (scales with font-size, inherits color) */
.k-i-check-circle::before {
    content: "";
    display: inline-block;
    width: 1em; /* scales with font-size */
    height: 1em;
    line-height: 1;
    vertical-align: -0.125em; /* tweak as needed for your line-height */
    background-color: currentColor;
    /* SVG as mask so it follows currentColor */
    -webkit-mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'><path d='M256 32C132.3 32 32 132.3 32 256s100.3 224 224 224 224-100.3 224-224S379.7 32 256 32m0 416c-106 0-192-86-192-192S150 64 256 64s192 86 192 192-86 192-192 192m-32-154-83-83-45 45 128 128 176-176-45-45z'/></svg>") no-repeat center / contain;
    mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'><path d='M256 32C132.3 32 32 132.3 32 256s100.3 224 224 224 224-100.3 224-224S379.7 32 256 32m0 416c-106 0-192-86-192-192S150 64 256 64s192 86 192 192-86 192-192 192m-32-154-83-83-45 45 128 128 176-176-45-45z'/></svg>") no-repeat center / contain;
}

/* Optional size variants */
.k-i-check-circle--sm::before {
    width: 0.875em;
    height: 0.875em;
}

.k-i-check-circle--lg::before {
    width: 1.25em;
    height: 1.25em;
}

/* Optional color helpers (match your palette) */
.k-i-check-circle--success {
    color: #198754;
}
/* Bootstrap success green */
.k-i-check-circle--warning {
    color: #ffc107;
}

.k-i-check-circle--muted {
    color: #6c757d;
}


/* Circle X (close/remove) icon using CSS mask */
.k-i-x-circle::before {
    content: "";
    display: inline-block;
    width: 1em; /* scales with font-size */
    height: 1em;
    line-height: 1;
    vertical-align: -0.125em; /* tweak if needed */
    background-color: currentColor;
    /* SVG as mask so it follows currentColor */
    -webkit-mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'><path d='M256 32C132.3 32 32 132.3 32 256s100.3 224 224 224 224-100.3 224-224S379.7 32 256 32m128 306.7L338.7 384 256 301.3 173.3 384 128 338.7l82.7-82.7-82.7-82.7 45.3-45.3 82.7 82.7 82.7-82.7 45.3 45.3-82.7 82.7z'/></svg>") no-repeat center / contain;
    mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'><path d='M256 32C132.3 32 32 132.3 32 256s100.3 224 224 224 224-100.3 224-224S379.7 32 256 32m128 306.7L338.7 384 256 301.3 173.3 384 128 338.7l82.7-82.7-82.7-82.7 45.3-45.3 82.7 82.7 82.7-82.7 45.3 45.3-82.7 82.7z'/></svg>") no-repeat center / contain;
}

/* Optional size variants to match your other icons */
.k-i-x-circle--sm::before {
    width: 0.875em;
    height: 0.875em;
}

.k-i-x-circle--lg::before {
    width: 1.25em;
    height: 1.25em;
}

/* Optional color helpers (tweak to your palette) */
.k-i-x-circle--muted {
    color: #6c757d;
}

.k-i-x-circle--danger {
    color: #dc3545;
}

/* ?? Session Timeout Modal ?? */
#sessionModal {
    display: none;
    position: fixed;
    z-index: 99999;
    inset: 0;
    background-color: rgba(0, 0, 0, 0.55);
    align-items: center;
    justify-content: center;
    animation: fadeInBackdrop 0.25s ease;
}

    #sessionModal.visible {
        display: flex;
    }

@keyframes fadeInBackdrop {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

.session-modal-card {
    background: #ffffff;
    border-radius: 10px;
    width: 420px;
    max-width: 90vw;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.18);
    overflow: hidden;
    animation: slideUp 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);
}

@keyframes slideUp {
    from {
        transform: translateY(30px);
        opacity: 0;
    }

    to {
        transform: translateY(0);
        opacity: 1;
    }
}

.session-modal-header {
    background-color: #007A65;
    padding: 18px 24px;
    display: flex;
    align-items: center;
    gap: 10px;
}

    .session-modal-header svg {
        flex-shrink: 0;
    }

    .session-modal-header h5 {
        margin: 0;
        color: #ffffff;
        font-size: 16px;
        font-weight: 600;
        letter-spacing: 0.2px;
    }

.session-modal-body {
    padding: 24px;
}

    .session-modal-body p {
        margin: 0 0 6px;
        color: #444;
        font-size: 14px;
        line-height: 1.5;
    }

.session-countdown-ring {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: 20px 0;
}

    .session-countdown-ring .ring-label {
        font-size: 12px;
        color: #888;
        margin-bottom: 8px;
        text-transform: uppercase;
        letter-spacing: 0.6px;
    }

#countdown {
    font-size: 42px;
    font-weight: 700;
    color: #007A65;
    letter-spacing: 2px;
    font-variant-numeric: tabular-nums;
    transition: color 0.5s;
}

    #countdown.urgent {
        color: #c0392b;
        animation: pulse 1s infinite;
    }

@keyframes pulse {
    0%, 100% {
        transform: scale(1);
    }

    50% {
        transform: scale(1.06);
    }
}

.session-modal-footer {
    display: flex;
    gap: 10px;
    padding: 0 24px 24px;
}

.btn-session-continue {
    flex: 1;
    padding: 10px 0;
    background-color: #007A65;
    color: #ffffff;
    border: none;
    border-radius: 5px;
    font-size: 14px;
    font-weight: 600;
    cursor: pointer;
    transition: background-color 0.2s, transform 0.1s;
}

    .btn-session-continue:hover {
        background-color: #005f4f;
        transform: translateY(-1px);
    }

.btn-session-logout {
    flex: 1;
    padding: 10px 0;
    background-color: #f0f0f0;
    color: #333;
    border: 1px solid #ddd;
    border-radius: 5px;
    font-size: 14px;
    font-weight: 600;
    cursor: pointer;
    transition: background-color 0.2s;
}

    .btn-session-logout:hover {
        background-color: #e0e0e0;
    }

/* Progress bar that drains during countdown */
.session-progress-bar-wrap {
    background: #eee;
    border-radius: 3px;
    height: 5px;
    margin: 0 0 16px;
    overflow: hidden;
}

#sessionProgressBar {
    height: 100%;
    background: #007A65;
    border-radius: 3px;
    width: 100%;
    transition: width 1s linear, background-color 0.5s;
}

    #sessionProgressBar.urgent {
        background: #c0392b;
    }
.cc-bars {
    display: inline-block;
    width: 1em;
    height: 1em;
    vertical-align: middle;
    background-color: currentColor;
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath d='M0 96c0-17.7 14.3-32 32-32h384c17.7 0 32 14.3 32 32s-14.3 32-32 32H32C14.3 128 0 113.7 0 96zm0 160c0-17.7 14.3-32 32-32h384c17.7 0 32 14.3 32 32s-14.3 32-32 32H32c-17.7 0-32-14.3-32-32zm448 160c0 17.7-14.3 32-32 32H32c-17.7 0-32-14.3-32-32s14.3-32 32-32h384c17.7 0 32 14.3 32 32z'/%3E%3C/svg%3E") no-repeat center / contain;
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath d='M0 96c0-17.7 14.3-32 32-32h384c17.7 0 32 14.3 32 32s-14.3 32-32 32H32C14.3 128 0 113.7 0 96zm0 160c0-17.7 14.3-32 32-32h384c17.7 0 32 14.3 32 32s-14.3 32-32 32H32c-17.7 0-32-14.3-32-32zm448 160c0 17.7-14.3 32-32 32H32c-17.7 0-32-14.3-32-32s14.3-32 32-32h384c17.7 0 32 14.3 32 32z'/%3E%3C/svg%3E") no-repeat center / contain;
    color: #007A65;
}

.disabled-div {
    pointer-events: none; /* Disables mouse events */
    opacity: 0.9; /* Optional: Visually indicates it's disabled by graying it out */
    cursor: wait; /* Optional: Changes the cursor appearance */
}
.custom-locked-alert {
    background-color: #fff8e6; /* Lighter background color */
    border-color: #fcebc3; /* Lighter border color */
    color: #856404; /* Darker text color */
    padding: 1rem 1.5rem; /* Adjust padding for better look */
    border-radius: 8px; /* Softer rounded corners */
}

.custom-locked-alert .bi-exclamation-triangle-fill {
    font-size: 1.5rem; /* Larger icon size */
    margin-right: 0.75rem; /* Space between icon and text */
    color: #ffc107; /* Warning yellow color for the icon */
}

button.k-pager-refresh.k-button.k-button-md.k-button-flat.k-button-flat-base.k-icon-button {
    display: none !important;
}

.k-filter-menu-container > span[title="Operator"] {
    display: none !important;
}