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

@font-face {
    font-family: "MrEavesXLModOT-Reg";
    src: url("../fonts/MREavesXLMod/MrEavesXLModOT-Reg.ttf");
}

@font-face {
    font-family: "MrEavesXLModOT-Bold";
    src: url("../fonts/MREavesXLMod/MrEavesXLModOT-Bold.ttf");
}

@font-face {
    font-family: "Lato-Regular";
    src: url("../fonts/Lato2OFL/Lato-Regular.ttf");
}

@font-face {
    font-family: "Lato-Bold";
    src: url("../fonts/Lato2OFL/Lato-Bold.ttf");
}
/* Razors _Layout.cshtml.css follows: */

.lblHeader {
    font-family: 'Lato-Bold',sans-serif !important;
}

.k-button-flat-primary {
    color: #007FBA !important;
}

a.navbar-brand {
    white-space: normal;
    text-align: center;
    word-break: break-all;
}

.navbar > .container-fluid {
    margin-left: 50px;
}

.custom-navitem {
    font-family: Lato-Regular,sans-serif;
}

a.nav-link.active {
    background-color: transparent;
    color: #00205C;
    font-weight: bold;
}

a {
    color: #0077cc;
}

.btn-primary {
    color: #fff;
    background-color: #1b6ec2;
    border-color: #1861ac;
}

.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
    color: #fff;
    background-color: #1b6ec2;
    border-color: #1861ac;
}

.border-top {
    border-top: 1px solid #e5e5e5;
}

.border-bottom {
    border-bottom: 1px solid #e5e5e5;
}

.box-shadow {
    box-shadow: 0 .25rem .75rem rgba(0, 0, 0, .05);
}

button.accept-policy {
    font-size: 1rem;
    line-height: inherit;
}

.footer {
    position: absolute;
    bottom: 0;
    width: 100%;
    white-space: nowrap;
    line-height: 20px;
    font-size: x-small;
    padding: 0px;
    overflow: hidden !important;
}

.row-footer {
    background-color: #fff;
    margin: 0px;
}

    .row-footer .col {
        font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
    }

/* blazor required */

h1:focus {
    outline: none;
}

#blazor-error-ui {
    background: lightyellow;
    bottom: unset;
    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: 1000;
    top: 0;
}

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

.blazor-error-boundary {
    background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTYiIGhlaWdodD0iNDkiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIG92ZXJmbG93PSJoaWRkZW4iPjxkZWZzPjxjbGlwUGF0aCBpZD0iY2xpcDAiPjxyZWN0IHg9IjIzNSIgeT0iNTEiIHdpZHRoPSI1NiIgaGVpZ2h0PSI0OSIvPjwvY2xpcFBhdGg+PC9kZWZzPjxnIGNsaXAtcGF0aD0idXJsKCNjbGlwMCkiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0yMzUgLTUxKSI+PHBhdGggZD0iTTI2My41MDYgNTFDMjY0LjcxNyA1MSAyNjUuODEzIDUxLjQ4MzcgMjY2LjYwNiA1Mi4yNjU4TDI2Ny4wNTIgNTIuNzk4NyAyNjcuNTM5IDUzLjYyODMgMjkwLjE4NSA5Mi4xODMxIDI5MC41NDUgOTIuNzk1IDI5MC42NTYgOTIuOTk2QzI5MC44NzcgOTMuNTEzIDI5MSA5NC4wODE1IDI5MSA5NC42NzgyIDI5MSA5Ny4wNjUxIDI4OS4wMzggOTkgMjg2LjYxNyA5OUwyNDAuMzgzIDk5QzIzNy45NjMgOTkgMjM2IDk3LjA2NTEgMjM2IDk0LjY3ODIgMjM2IDk0LjM3OTkgMjM2LjAzMSA5NC4wODg2IDIzNi4wODkgOTMuODA3MkwyMzYuMzM4IDkzLjAxNjIgMjM2Ljg1OCA5Mi4xMzE0IDI1OS40NzMgNTMuNjI5NCAyNTkuOTYxIDUyLjc5ODUgMjYwLjQwNyA1Mi4yNjU4QzI2MS4yIDUxLjQ4MzcgMjYyLjI5NiA1MSAyNjMuNTA2IDUxWk0yNjMuNTg2IDY2LjAxODNDMjYwLjczNyA2Ni4wMTgzIDI1OS4zMTMgNjcuMTI0NSAyNTkuMzEzIDY5LjMzNyAyNTkuMzEzIDY5LjYxMDIgMjU5LjMzMiA2OS44NjA4IDI1OS4zNzEgNzAuMDg4N0wyNjEuNzk1IDg0LjAxNjEgMjY1LjM4IDg0LjAxNjEgMjY3LjgyMSA2OS43NDc1QzI2Ny44NiA2OS43MzA5IDI2Ny44NzkgNjkuNTg3NyAyNjcuODc5IDY5LjMxNzkgMjY3Ljg3OSA2Ny4xMTgyIDI2Ni40NDggNjYuMDE4MyAyNjMuNTg2IDY2LjAxODNaTTI2My41NzYgODYuMDU0N0MyNjEuMDQ5IDg2LjA1NDcgMjU5Ljc4NiA4Ny4zMDA1IDI1OS43ODYgODkuNzkyMSAyNTkuNzg2IDkyLjI4MzcgMjYxLjA0OSA5My41Mjk1IDI2My41NzYgOTMuNTI5NSAyNjYuMTE2IDkzLjUyOTUgMjY3LjM4NyA5Mi4yODM3IDI2Ny4zODcgODkuNzkyMSAyNjcuMzg3IDg3LjMwMDUgMjY2LjExNiA4Ni4wNTQ3IDI2My41NzYgODYuMDU0N1oiIGZpbGw9IiNGRkU1MDAiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPjwvZz48L3N2Zz4=) no-repeat 1rem/1.8rem, #b32121;
    padding: 1rem 1rem 1rem 3.7rem;
    color: white;
}

    .blazor-error-boundary::after {
        content: "An error has occurred."
    }

.survey-content-container.mx-auto.w-60 {
    width: 80% !important;
}
/* bootstrap overrides */
.container-fluid {
    padding-left: 0;
    padding-right: 0;
}

.no-gutters {
    margin-left: 0px;
    margin-right: 0px;
    --bs-gutter-x: 0;
    --bs-gutter-y: 0;
    padding-left: 0px !important;
    padding-right: 0px !important;
}

/* custom supplimentary */

.custom-main {
    padding-left: 10px;
    padding-right: 10px;
}

.custom-navmenu {
    background-color: #fff !important; /*#004987 !important;*/
    padding-top: 0px;
    padding-bottom: 0px;
}

.custom-navbar {
    margin-left: 20px;
}

    .custom-navbar > .nav-item {
        margin-top: 10px;
        padding-left: 5px;
        padding-right: 5px;
        padding-bottom: 0px;
        min-width: 100px;
    }

        .custom-navbar > .nav-item > a {
            border-radius: 0px;
        }

.custom-brandhead {
}

.custom-brandlogo {
    width: 75px;
    margin-left: 5px;
    height: auto;
    cursor: pointer;
}

.custom-contentarea {
    /*
    border-left: 1px solid lime;
    border-right: 1px solid lime;
    */
}

.custom-footertext {
    color: #e0e0e0;
    padding-right: 5px;
}

.custom-homeleftcell {
    background-color: #00205C; /* corp blue */
    color: #fff;
    height: 380px;
    padding-left: 70px;
    padding-right: 70px;
}

    .custom-homeleftcell p {
        font-size: 12px;
        color: #fff;
        margin-top: 20px;
    }

.custom-homewelcome {
    font-size: 25px;
    margin-top: 65px;
    margin-bottom: 0px;
}

.custom-homewelcome-greeting {
    color: gold;
}

.custom-homewelcome-userfirst {
    color: white;
}

.custom-homeapptitle {
    font-size: 50px;
}

.custom-homerightcell {
    background-image: url("/images/home-background.png");
    height: 380px;
    padding-left: 70px;
    padding-right: 70px;
}

.custom-homerequestdiv {
    display: flex;
    align-items: center;
}

div[b-x3jkwa7uzz] .k-button-text {
    color: white;
    font-family: 'Lato-Bold',sans-serif;
    font-size: 30px;
}

.custom-homerequestbutton {
    background-color: transparent !important;
    color: #fff !important;
    height: 50px;
    font-size: 32px !important;
}

    .custom-homerequestbutton span.k-button-text {
        font-family: 'Lato-Regular',sans-serif;
    }

.custom-homerequestbuttonarrow {
    color: #fff;
    font-size: 30px !important;
    margin-left: 20px;
    vertical-align: top;
}

.custom-headermenu {
    margin-right: 5px;
}

    .custom-headermenu span span {
        color: #c0c0c0
    }


.custom-popupgrid {
    /*border:1px solid lime !important;*/
}

    .custom-popupgrid div.k-window-titlebar {
        background-color: #00205C !important; /* corp blue */
        color: #fff !important;
    }

.btn-primary, .k-button-solid-primary {
    background-color: #00205C !important; /* corp blue */
    color: #fff !important;
    border: #c0c0c0 !important;
}


    .btn-primary:is(:hover), .k-button-solid-primary:is(:hover) {
        background-color: #00205C !important; /* corp blue */
        color: #fff !important;
    }

.btn, .k-button-solid-base {
}


div[b-t7pbeytpz1] .k-button-text {
    font-size: 14px;
    font-weight: bold;
    color: #00205C !important;
}

button.telerik-blazor.k-button.k-button-solid.k-rounded-md.k-button-md.k-button-solid-primary {
    background-color: #FFDA00 !important;
    border-color: #FFDA00 !important;
    padding: 10px 40px;
}

div[b-t7pbeytpz1] button.telerik-blazor.k-button.k-button-solid.k-rounded-md.k-button-md.k-button-solid-base {
    background-color: #FFDA00;
    border-color: #FFDA00;
    padding: 10px 40px;
}



html, body {
    font-family: 'Lato-Regular',sans-serif;
    height: 100%;
    margin: 0;
    padding: 0;
    overflow-x: hidden;
}

.seeall-button {
    text-align: end !important;
}

.see-all {
    margin-left: 0 !important;
    margin-right: 1rem !important;
    color: #2182DB !important;
    text-decoration: underline !important;
}

.k-grid-norecords td.k-table-td {
    color: black !important;
}

.k-grid td {
    border-width: 0 0 0px 0px !important;
}

.k-grid th {
    border-width: 0 0 0px 0px !important;
}

.k-grid {
    border: none !important;
    border-width: 0px !important;
    border-color: none !important;
    min-height: 450px;
}

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

.k-grid table {
    border: none !important;
    color: #112b46 !important;
    height: auto !important;
}

div[b-x3jkwa7uzz] .k-table-td {
    padding: 12px !important;
}

div[b-x3jkwa7uzz] td.k-table-td:first-child {
    color: blue;
}

.k-grid-toolbar {
    border-color: none !important;
    border-width: 0px !important;
    margin-top: 1em !important;
    margin-bottom: 1em !important;
    padding-left: 2em !important;
    background-color: #F3F5FA !important;
}

.k-grid-header, .k-grouping-header, .k-grid-add-row, .k-grid-footer {
    color: #42516e !important;
    background-color: #fafafa !important;
    font-weight: bold !important;
}

.k-grid-search {
    width: 20em !important;
}


.k-grid-header {
    background-color: #fff !important;
    padding-right: 0px !important;
}

.k-grid {
    font-size: 0.8rem !important;
    font-weight: 500 !important;
}

    .k-grid td.k-state-selected,
    .k-grid tr.k-state-selected > td {
        background-color: rgba(0,127,197,0.18) !important;
    }

    .k-grid tr.k-alt {
        background-color: #ffffff !important;
    }


.k-pager-numbers .k-link.k-state-selected {
    color: #172741 !important;
    background-color: #D1E8F5 !important;
}

.k-pager-numbers .k-link {
    color: #172741 !important;
}

.rectangle-2 {
    height: 571px;
    width: 2px;
    background-color: #DFDFDF;
    padding: 1px;
}

.header-sidebar {
    height: 22px;
    width: max-content;
    color: #172741;
    font-family: MrEavesXLModOT-Bold,sans-serif;
    font-size: 22px;
    line-height: 22px;
    margin: 24px;
    font-weight: bold;
}

.rectangle-8 {
    height: 70px;
    width: 10.73px;
    border-radius: 2px 0 0;
    background-color: #007FC5;
}

.activeCircle {
    color: #76B858 !important;
}

.pendingCircle {
    color: #DFB40F !important;
}

.rejectedCircle {
    color: #df0f0f !important;
}

.chkCircle {
    color: #6EC34B !important;
    width: 53px !important;
    height: 53px !important;
    font-size: 50px !important;
}
/*#endregion*/
/*#region Telerik Tab CSS*/
.k-tabstrip-top > .k-tabstrip-items .k-item.k-state-active {
    border-top-color: #ffffff !important;
    border-bottom-color: #DFB40F !important;
}

.k-tabstrip-top > .k-tabstrip-items-wrapper .k-item.k-active {
    border: none;
    border-bottom: 4px solid #ffda00 !important;
    opacity: 1;
    font-weight: bold;
}

.k-tabstrip-items-wrapper, .k-tabstrip-top > .k-tabstrip-items-wrapper {
    border-bottom: 1px solid lightgrey;
}

.k-tabstrip-content, .k-tabstrip > .k-content {
    padding: 0 !important;
    border: none !important;
}

.k-tabstrip-items-wrapper .k-item:focus, .k-tabstrip-items-wrapper .k-item.k-focus {
    box-shadow: none !important;
}

.k-tabstrip-items-wrapper .k-item {
    color: #424242 !important;
    opacity: 0.5;
}

.k-tabstrip-items .k-link {
    padding: 12px 30px !important;
}

.tab-icon-inactive {
    opacity: 0.6;
}

.tab-header-active {
    font-size: 0.8rem;
    margin-left: 5px;
    color: #172741;
    margin-right: 10px;
    font-weight: 600;
}

.tab-header-inactive {
    color: #797979;
    font-size: 0.8rem;
    margin-left: 5px;
    margin-right: 10px;
    font-weight: 600;
    opacity: 0.6;
}

/*#endregion*/
/*#region Button*/
.btnSave {
    padding: 10px 40px !important;
    font-weight: bold;
    border-radius: 3px;
}

/*.btnCancel, .btnCancel:hover {
    border: none !important;
    color: #172741 !important;
    font-weight: 600 !important;
    font-size: 16px !important;
    background: transparent;
    border-radius: 3px !important;
    width: 150px !important;
}*/
button.telerik-blazor.k-button.p-2.m-2.btnCancel.k-button-solid.k-rounded-md.k-button-md.k-button-solid-base {
    border: 1px solid transparent;
    border-color: #00205c;
    border-radius: 3px !important;
    background: transparent;
    font-weight: 600;
}

html, body {
    font-family: 'Lato-Regular',sans-serif;
    height: 100%;
    margin: 0;
    padding: 0;
    overflow-x: hidden;
}

.k-wizard {
    height: 800px;
    padding: 20px 0px !important;
}

.k-grid td {
    border-width: 0 0 1px 0px !important;
}

.k-grid th {
    border-width: 0 0 0px 0px !important;
}

.k-grid {
    border: none !important;
    border-width: 0px !important;
    border-color: none !important;
}

.k-grid-content {
    overflow-y: hidden !important;
}

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

.k-grid table {
    border: none !important;
    color: #112b46 !important;
    height: auto !important;
}

.k-grid-toolbar {
    border-color: none !important;
    border-width: 0px !important;
    margin-bottom: 1em !important;
    padding-left: 2em !important;
    background-color: #F3F5FA !important;
}

.k-grid-header, .k-grouping-header, .k-grid-add-row, .k-grid-footer {
    color: #42516e !important;
    background-color: #fafafa !important;
    font-weight: bold !important;
}

.k-grid-search {
    width: 20em !important;
}


.k-grid-header {
    background-color: #fff !important;
    padding-right: 0px !important;
}

.k-grid {
    font-size: 0.8rem !important;
    font-weight: 500 !important;
}

    .k-grid td.k-state-selected,
    .k-grid tr.k-state-selected > td {
        background-color: rgba(0,127,197,0.18) !important;
    }

    .k-grid tr.k-alt {
        background-color: #ffffff !important;
    }


.k-pager-numbers .k-link.k-state-selected {
    color: #172741 !important;
    background-color: #D1E8F5 !important;
}

.k-pager-numbers .k-link {
    color: #172741 !important;
}

.rectangle-2 {
    height: 571px;
    width: 2px;
    background-color: #DFDFDF;
    padding: 1px;
}

.header-sidebar {
    height: 22px;
    width: max-content;
    color: #172741;
    font-family: MrEavesXLModOT-Bold,sans-serif;
    font-size: 22px;
    line-height: 22px;
    margin: 24px;
    font-weight: bold;
}

.rectangle-8 {
    height: 70px;
    width: 10.73px;
    border-radius: 2px 0 0;
    background-color: #007FC5;
}

.activeCircle {
    color: #76B858 !important;
}

.pendingCircle {
    color: #DFB40F !important;
}

.rejectedCircle {
    color: #df0f0f !important;
}

.chkCircle {
    color: #6EC34B !important;
    width: 53px !important;
    height: 53px !important;
    font-size: 50px !important;
}
/*#endregion*/
/*#region Telerik Tab CSS*/
.k-tabstrip-top > .k-tabstrip-items .k-item.k-state-active {
    border-top-color: #ffffff !important;
    border-bottom-color: #DFB40F !important;
}

.k-tabstrip-content, .k-tabstrip > .k-content {
    padding: 0 !important;
}

.tab-icon-inactive {
    opacity: 0.6;
}

.tab-header-active {
    font-size: 0.8rem;
    margin-left: 5px;
    color: #172741;
    margin-right: 10px;
    font-weight: 600;
}

.tab-header-inactive {
    color: #797979;
    font-size: 0.8rem;
    margin-left: 5px;
    margin-right: 10px;
    font-weight: 600;
    opacity: 0.6;
}

ul[role=tablist] {
    background: #FFF;
}
/*#endregion*/
/*#region Button*/


ul.k-reset.k-header.k-menu.telerik-blazor.k-menu-horizontal.custom-headermenu {
    margin-right: 50px;
}

span.k-in.k-link.k-menu-link {
    padding-left: 10px;
    padding-right: 15px;
}


ul.k-radio-list.telerik-blazor.radio.k-list-vertical {
    display: -webkit-box;
}

li.k-radio-item {
    margin-right: 15px;
}

.k-radio {
    margin-bottom: 10px !important;
}

div[b-x3jkwa7uzz] .tile-primary-bottom {
    margin: 50px 30px;
    padding-right: 0;
}

div[b-x3jkwa7uzz] .tiles-header {
    color: #172741;
    font-size: 18px;
    font-weight: bold;
    margin-left: 5px;
}


span.telerik-blazor.k-icon.k-i-arrow-right {
    font-size: 50px;
}



/* side div*/

.side-div {
    top: 127px !important;
    border-style: none !important;
    position: static !important;
    border-left: 2px solid #eeeeee !important;
    width: 40% !important;
}

.sidediv-heading {
    font-size: 20px;
    font-weight: bold;
}

.sidediv-heading-label {
    margin-top: 5%;
    margin-bottom: 0 !important;
}

.sidediv-heading-status {
    font-weight: 500;
    color: darkgrey;
    font-size: 18px;
}

.custom-sidebar-cancel {
    display: flex;
    align-items: center;
}

.custom-sidebar-headermenu {
    min-height: 5rem !important;
    margin: 0;
}

.custom-sidebar-headermenu-button {
    width: .75em !important;
    padding-right: 0;
    padding-left: 0;
}

.custom-sidebar-main {
    margin: 0;
}

.card-columns {
    background-color: #007FC5 !important;
    -webkit-user-modify: read-write-plaintext-only !important;
    height: 100% !important;
}


label.sidediv-label {
    font-size: 18px;
    font-weight: bold;
    margin-top: 5%;
}

a.custom-cancelbtn {
    color: #041f5a;
    padding-right: 10px;
    text-decoration: none;
}

.custom-cancelbtn span.telerik-blazor.k-icon.k-i-x {
    font-size: 25px;
}

.custom-cancelbtn span.telerik-blazor.k-button-icon.k-icon {
    font-size: 20px;
}

.col-12.custom-sidebar-content {
    padding: 0;
}

.custom-sidebar-content-row.row {
    padding: 10px;
    margin: 0;
    border-top: 7px solid #eeeeee;
    border-left: 7px solid #eeeeee;
}

.sidebar-content-rowheader {
    font-size: 16px;
}

.sidebar-content-row {
    padding: 10px;
    padding-left: 0px;
    padding-top: 0px;
    margin-bottom: 10px;
    display: flex;
}

.custom-content-row {
    margin: 0;
}

.custom-content-row-button {
    margin: 0;
    padding: 5px 0;
}

li.k-step.k-step-first.k-step-current.icon-class {
    background: transparent !important;
}

button.telerik-blazor.k-button.custom-sidediv-button.k-button-solid.k-rounded-md.k-button-md.k-button-solid-base {
    border: 1px solid transparent;
    border-color: #007FC5 !important;
    border-radius: 3px !important;
    background: transparent !important;
    font-weight: 600;
    height: 35px;
    width: auto;
}

button.telerik-blazor.k-button.custom-sidediv-button1.k-button-solid.k-rounded-md.k-button-md.k-button-solid-base {
    border: 1px solid transparent;
    border-color: #007FC5 !important;
    border-radius: 3px !important;
    background: #007FC5 !important;
    font-weight: 600;
    height: 35px;
    width: auto;
}

.custom-sidediv-reviewbtn {
    background-color: #FFDA00 !important;
    border-color: #FFDA00 !important;
    padding: 10px 40px !important;
    width: 40%;
    font-weight: bold;
    margin-left: .75rem !important;
}

.custom-sidediv-button1 {
    border: 1px solid transparent;
    border-color: #007FC5 !important;
    border-radius: 3px !important;
    background: #007FC5 !important;
    font-weight: 600;
    height: 35px;
    width: auto;
}

button.telerik-blazor.k-button.custom-sidediv-button1.k-button-solid.k-rounded-md.k-button-md.k-button-solid-base > .k-button-text {
    color: white !important;
}

/*sections*/

.k-wizard-content label {
    font-family: 'Lato-Regular',sans-serif;
}

.custom-sectionfield label {
    font-family: 'Lato-Regular',sans-serif;
}

.k-wizard-content {
    font-family: 'Lato-Regular',sans-serif;
}

.k-wizard-buttons {
    font-family: 'Lato-Bold',sans-serif;
}

.row.section-panel {
    margin-bottom: -65px !important;
}

li.k-step {
    height: 45px;
}

.k-stepper {
    left: 82px !important;
}

.section-back {
    margin-top: -8px !important;
    margin-left: 1px !important;
    padding-top: 13px !important;
    font-family: inherit !important;
    color: grey !important;
    font-size: 14px !important;
}

.k-step-link {
    flex-direction: row !important;
}

.k-step-list-horizontal .k-step-indicator + .k-step-label {
    margin-top: 0 !important;
}

.k-step-list-horizontal .k-step {
    flex: 0 0 0 !important;
    padding-right: 10px !important;
    padding-left: 10px !important;
    padding-top: 8px !important;
}

.telerik-blazor.k-progressbar.k-progressbar-horizontal {
    display: none !important;
}

.k-stepper .k-step-done .k-step-indicator {
    border: 1px solid #007FBA !important;
    background-color: #9FCBE3 !important;
}

.k-stepper .k-step-current .k-step-indicator {
    border-color: #007FBA !important;
    background-color: #9FCBE3 !important;
}

li.k-step.k-step-first.k-step-current {
    background-color: #c0d8e5 !important;
}

li.k-step.k-step-current {
    background-color: #c0d8e5 !important;
}


.k-stepper .k-step-current .k-step-indicator:focus {
    border-color: #007FBA !important;
    font-size: 0px !important;
    background-color: #9FCBE3 !important;
}

.k-stepper .k-step-indicator {
    height: 23px !important;
    width: 23px !important;
}

    .k-stepper .k-step-indicator::after {
        content: none !important;
    }

span.k-step-indicator-text {
    display: none;
}

.k-radio:checked, .k-radio.k-checked {
    border-color: #00205c !important;
    color: white;
    background-color: #00205c !important;
}

span.k-wizard-buttons-left {
    display: none !important;
}

span.k-wizard-buttons-right {
    width: 100%;
    display: flex !important;
    justify-content: space-between;
}

span.k-wizard-buttons-custom-left {
    display: flex;
    justify-content: end;
}

button.telerik-blazor.k-button.custom-addbutton.k-button-solid.k-rounded-md.k-button-md.k-button-solid-base > .k-button-text {
    font-size: 14px !Important;
}

button.telerik-blazor.k-button.custom-addbutton.k-button-solid.k-rounded-md.k-button-md.k-button-solid-base > .k-icon {
    font-size: 14px;
}

button.telerik-blazor.k-button.k-button-solid.k-rounded-md.k-button-md.k-button-solid-base.k-icon-button {
    background: transparent !important;
    padding: 1px !important;
    border: none !important;
}

.custom-textarea {
    width: 140px;
    height: 30px;
}

.custom-sectionadd {
    top: 15%;
    left: 5%;
    width: 90%;
}

.custom-maintextarea {
    width: 12% !important;
}

.custom-maintextarea-search {
    margin-top: 24px;
    width: 8% !important;
}

button.telerik-blazor.k-button.custom-searchbtn.k-button-solid.k-rounded-md.k-button-md.k-button-solid-base {
    width: 100%;
    height: 30px;
    border-color: #00205c !important;
    padding: 10px 20px !important;
    background: #00205c !important;
}

button.telerik-blazor.k-button.custom-clearbtn.k-button-solid.k-rounded-md.k-button-md.k-button-solid-base {
    width: 100%;
    border: 1px solid transparent;
    border-color: #00205c !important;
    border-radius: 3px !important;
    background: transparent !important;
    font-weight: 600;
    padding: 10px 20px !important;
    height: 30px;
}

button.telerik-blazor.k-button.custom-savebtn.k-button-solid.k-rounded-md.k-button-md.k-button-solid-base {
    border-color: #00205c !important;
    padding: 10px 40px !important;
    background: #00205c !important;
}

button.telerik-blazor.k-button.custom-searchbtn.k-button-solid.k-rounded-md.k-button-md.k-button-solid-base > span.k-button-text {
    color: white !important;
    font-size: 14px;
}

button.telerik-blazor.k-button.custom-savebtn.k-button-solid.k-rounded-md.k-button-md.k-button-solid-base > span.k-button-text {
    color: white !important;
    font-size: 14px;
}


button.telerik-blazor.k-button.btnCancel.k-button-solid.k-rounded-md.k-button-md.k-button-solid-base {
    border: 1px solid transparent;
    border-color: #00205c !important;
    border-radius: 3px !important;
    background: transparent !important;
    font-weight: 600;
    padding: 10px 40px !important;
    margin-right: 5px !important;
}

    button.telerik-blazor.k-button.btnCancel.k-button-solid.k-rounded-md.k-button-md.k-button-solid-base > span.k-button-text {
        font-size: 14px;
    }

.row.custom-documentsbtn {
    justify-content: end;
}

.custom-sectiongrid {
    min-height: auto !important;
}

    .custom-sectiongrid.manualadd .k-grid-aria-root {
        overflow-x: scroll;
    }

    .custom-sectiongrid.manualadd .k-grid-header, .custom-sectiongrid.manualadd .k-grid-container {
        width: 200%;
    }


div[b-t7pbeytpz1] .k-toolbar.telerik-blazor.k-grid-toolbar.k-toolbar-md {
    padding: 0 !important;
    align-self: start;
    width: 100%;
    justify-content: space-between;
}

    div[b-t7pbeytpz1] .k-toolbar.telerik-blazor.k-grid-toolbar.k-toolbar-md > label {
        margin: 0 !important;
        font-weight: bold;
    }

.k-toolbar.telerik-blazor.k-grid-toolbar.k-toolbar-md::before {
    display: none;
}



.custom-s2-row.row {
    padding: 25px 10px;
}

.DocumentModal .telerik-blazor.k-grid.k-grid-md {
    min-height: auto !important;
}

.DocumentModal .k-grid-content {
    overflow-y: scroll !important;
    height: 20rem !important;
}

.k-checkbox:indeterminate, .k-checkbox.k-indeterminate {
    background-image: none !important;
}

/*  My Requests*/


.custom-gridpagepadding .k-grid {
    height: 75vh;
}

.k-toolbar.telerik-blazor.k-grid-toolbar.k-toolbar-md {
    align-self: end;
    background-color: transparent !important;
    margin: 0 !important;
}

.k-grid .k-grid-container {
    font-family: 'Lato-Regular',sans-serif !important;
}

div[b-dohbz38c24] button.telerik-blazor.k-button.k-button-solid.k-rounded-md.k-button-md.k-button-solid-base {
    border: none;
    background-image: none;
    background-color: transparent;
}

div[b-dohbz38c24] span.k-button-text {
    font-size: 16px;
    color: #00205c;
}

thead.k-table-thead {
    background: transparent;
}

.k-grid-md .k-table-th > .k-cell-inner > .k-link {
    padding: 15px 12px !important;
}

.k-grid-md td, .k-grid-md .k-table-td {
    padding: 20px 12px !important;
}

div[b-4yfcvy84on] .k-link {
    padding: 12px 30px;
}

button.telerik-blazor.k-button.custom-addbutton.k-button-solid.k-rounded-md.k-button-md.k-button-solid-base {
    margin-left: 5px;
    background-color: #f5f5f5 !important;
    background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.02));
    border: 1px solid lightgrey !important;
    padding: 5px !important;
}

/* Project Selection*/

.k-window-titlebar {
    color: white !important; /* Project Selection*/
    background-color: #00205c !important;
}

.text-right {
    width: auto;
}

span#ddlProjectSelect {
    background-color: transparent;
    background-image: none;
}

.k-selected.k-list-optionlabel:hover {
    background-color: #00205C;
    color: white;
}

.k-selected.k-list-optionlabel {
    color: #ffffff;
    background-color: #00205c !important;
}

.k-picker-solid.k-invalid {
    border-color: #00205C !important;
}

.k-picker {
    height: calc(1.5em + .75rem + 2px) !important;
}

.k-list-item.k-selected {
    background-color: #00205c !important;
}

.form-group {
    padding: 10px 0;
}

label.label {
    padding: 10px 0;
    font-weight: 600;
    color: #00205C;
}

label {
    margin-bottom: .5rem !important;
    font-family: 'Lato-Bold',sans-serif;
}

.validation-message {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-danger-rgb),var(--bs-text-opacity)) !important;
}

/*  Manage Projects*/

.k-grid td.k-selected, .k-grid .k-table-row.k-selected > td, .k-grid .k-table-td.k-selected, .k-grid .k-table-row.k-selected > .k-table-td {
    background-color: rgb(88 174 255 / 25%) !important;
}

/* New approval group*/

button.telerik-blazor.k-button.custom-approval-addbutton.k-button-solid.k-rounded-md.k-button-md.k-button-solid-base {
    background: transparent !important;
    border: none;
    padding-top: 8px;
}

    button.telerik-blazor.k-button.custom-approval-addbutton.k-button-solid.k-rounded-md.k-button-md.k-button-solid-base > span.k-button-text {
        font-weight: bold;
        color: #00205c !important;
    }

.custom-textbox {
    padding: 0;
}

.k-switch-md {
    width: 50px !important;
}

    .k-switch-md .k-switch-track {
        height: 25px !important;
        width: 50px !important;
    }

    .k-switch-md .k-switch-thumb {
        width: 15px !important;
        height: 15px !important;
    }

.k-switch-on .k-switch-track {
    border-color: #00205C !important;
    color: white;
    background-color: #00205C !important;
}

/* approval group*/

.k-checkbox:checked, .k-checkbox.k-checked {
    border-color: #00205C !important;
    color: white;
    background-color: #00205C !important;
}

.button-right {
    justify-content: center;
    display: flex;
}

.telerik-blazor.k-grid.k-grid-md.custom-approvalgroupgrid {
    min-height: auto !important;
}

.custom-reapprovalbuttongroup {
    margin-left: auto;
    text-align: right;
    vertical-align: middle;
    width: 80px;
    display: flex;
    align-items: center;
}

.custom-reapprovalbutton {
    padding: 4px 8px !important;
    border-radius: 25px !important;
    font-weight: bold;
    background: darkorange !important;
}

/*Request Submission*/

.w-60 {
    width: 60%;
}

/*   My Approval*/


.custom-outergrid {
    overflow: scroll;
    overflow-y: scroll;
    width: 100%;
    height: auto;
}

.custom-innergrid {
    min-width: 75rem;
    height: 21rem;
}

.custom-buttongroup {
    margin-top: -60px;
    margin-left: 150px;
}

.k-button-group {
    height: 60px !important;
}

button.telerik-blazor.k-button.k-group-start.k-button-solid.k-rounded-md.k-button-md.k-button-solid-base.k-selected {
    border-color: #2f4e87 !important;
    color: white;
    background-color: #2f4e87 !important;
}

.k-button-group > .k-button:hover, .k-button-group > .k-button.k-hover, .k-button-group > .k-button:focus, .k-button-group > .k-button.k-focus, .k-button-group > .k-button:active, .k-button-group > .k-button.k-active, .k-button-group > .k-button.k-selected {
    z-index: 2;
    opacity: 1 !important;
}

.k-button-group > .k-button:hover, .k-button-group > .k-button.k-hover, .k-button-group > .k-button:focus, .k-button-group > .k-button.k-focus, .k-button-group > .k-button:active, .k-button-group > .k-button.k-active, .k-button-group > .k-button {
    padding: 20px 30px !important;
}

button.telerik-blazor.k-button.k-group-end.k-button-solid.k-rounded-md.k-button-md.k-button-solid-base.k-selected {
    border-color: #2f4e87 !important;
    color: white;
    background-color: #2f4e87 !important;
}

.k-button-solid-base.k-selected {
    border-color: #2f4e87 !important;
    color: white;
    background-color: #2f4e87 !important;
}

.k-button-group > .k-button:first-child:not(:only-child) {
    background: #2f4e87;
    color: white;
    opacity: 0.5;
}

.k-button-group > .k-button:last-child:not(:only-child) {
    background: #2f4e87;
    color: white;
    opacity: 0.5;
}

/*HeaderMenu*/

.custom-projectbutton {
    border: none !important;
    background: transparent !important;
}

/* Review Page*/

.survey-container {
    background-color: #EDF1F2;
}

.survey-content-container {
    background-color: white;
    box-shadow: 0 2px 4px 0 rgb(0 0 0 / 11%);
    padding: 1.5rem 8px !important;
}

.k-panelbar {
    padding: 10px !important;
    border-style: none !important;
}

.k-card-body.k-popup {
    border: none !important;
}

.thead-light > tr > th {
    border: none;
    font-size: 20px;
}

.custom-editbtn {
    text-align-last: end;
}

.table th {
    width: 100px;
}

.custom-review-sectiongrid {
    min-height: auto !important;
}

    .custom-review-sectiongrid > .k-toolbar.telerik-blazor.k-grid-toolbar.k-toolbar-md {
        align-self: start !important;
        font-weight: bold;
        padding-left: 0px !important;
    }

.custom-reviewheader {
    width: 100%;
    padding-left: 10px !important;
    font-weight: bold;
}

.custom-reviewbuttongroup {
    justify-content: center;
}

.custom-reviewbutton {
    width: 9.5rem !important;
    padding: 0 !important;
}

.btnApprove, .btnApprove:hover {
    background: #4EB457 !important;
    color: white !important;
}

button.telerik-blazor.k-button.p-2.m-2.custom-btnApprove.k-button-solid.k-rounded-md.k-button-md.k-button-solid-base {
    border-color: #4EB457 !important;
    color: #4EB457 !important;
    padding: 10px 40px !important;
    background: transparent;
    margin-right: 5px !important;
}

button.telerik-blazor.k-button.p-2.m-2.btnCancel.btnSoftReject.k-button-solid.k-rounded-md.k-button-md.k-button-solid-base {
    border-color: #CC534A !important;
    color: #CC534A !important;
}

button.telerik-blazor.k-button.p-2.m-2.btnCancel.btnReject.k-button-solid.k-rounded-md.k-button-md.k-button-solid-base {
    background: #CC534A !important;
    border: #CC534A !important;
    color: white !important;
}

.custom-onsavesuccess {
    min-width: 500px !important;
}

.custom-windowbutton {
    display: flex;
    justify-content: center;
}

/*   Filter*/

span.telerik-blazor.k-icon.k-i-sort-asc-small, span.telerik-blazor.k-icon.k-i-sort-desc-small {
    color: #00205c;
}

.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 {
    color: #ffffff;
    background-color: #00205c !important;
}

.k-columnmenu-item.k-selected {
    color: #ffffff;
    background-color: #00205c !important;
}

/*User Listing*/

.detail-location {
    color: black !important;
}

.attachmentLink {
    cursor: pointer;
    color: #0077cc;
    font-size: medium;
}

@media (max-width: 1920px) {
    .custom-gridpagepadding .k-grid {
        height: 65rem;
        padding-bottom: 2%;
    }
}

/* #region Telerik Editor */
.customTelerikEditor.k-editor button.telerik-blazor.k-button.k-button-solid.k-rounded-md.k-button-md.k-button-solid-base.k-icon-button {
    color: #424242 !important;
    opacity: 1 !important;
    border-color: rgba(0, 0, 0, 0.08) !important;
    border: 1px solid rgba(0, 0, 0, 0.08) !important;
    background-color: #f5f5f5;
    background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.02));
    padding: 4px !important;
}

    .customTelerikEditor.k-editor button.telerik-blazor.k-button.k-button-solid.k-rounded-md.k-button-md.k-button-solid-base.k-icon-button.k-selected {
        color: #FFF !important;
        background: #2f4e87 !important
    }

    .customTelerikEditor.k-editor button.telerik-blazor.k-button.k-button-solid.k-rounded-md.k-button-md.k-button-solid-base.k-icon-button.k-disabled {
        opacity: 0.5 !important;
    }

    .customTelerikEditor.k-editor button.telerik-blazor.k-button.k-button-solid.k-rounded-md.k-button-md.k-button-solid-base.k-icon-button[title="Insert image"] {
        display: none !important;
    }
/* #endregion */