/*horizontal margin changes*/
hr {
    margin: 0.75rem 0;
    color: #777;
}

.full-hr {
    margin: 0 -20px;
    color: #777;
}

.no-margin-hr {
    margin: 0px;
}

.table_panel {
    border: 0px !important;
}

.centered-popup {
    position: fixed !important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
}

.scrollable-popup .popup-container {
    max-height: 500px; /* Set the desired fixed height */
    overflow-y: auto; /* Enable vertical scrolling */
}

.wrap-text {
    max-width: 100%; /* Ensure the width does not exceed the container */
    word-wrap: break-word; /* Break words that are too long to fit */
    word-break: break-word; /* Break lines within words */
    overflow-wrap: break-word; /* Handle overflow within words */
    white-space: normal; /* Allow normal wrapping of text */
}
/*Chandrashekhar Deore - Classes for UI Consistency*/
.left-nav {
    height: 100% !important;
    width: 20% !important;
}

.right-data-container {
    flex-grow: 1;
    padding: 0px 12px 12px 12px;
    overflow-x: hidden;
    width: 100% !important;
    height: 100% !important;
}

.scrollable-content {
    overflow-y: auto;
    overflow-x: auto;
}

.list-group-item {
    position: relative;
    display: block;
    padding: .5rem 1rem;
    color: #003C7C;
    text-decoration: none;
    /*background-color: #ccc;*/
    background-color: #d8d8df;
    border: none
}

.list-group {
    border-radius: 0;
}

.list-group-item.active {
    z-index: 2;
    color: black;
    background-color: #FFFFFF;
    /*    background-color: #e9ecef;*/
    border-color: #DEE2E6;
    border-left-style: solid;
    border-left-color: #003c7c;
    border-left-width: 4px;
    border-right: none;
    border-top-style: solid;
    border-top-color: #DEE2E6;
    border-top-width: 1px;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #DEE2E6;
}

.section-header {
    font-size: 1.25rem;
    font-weight: 700;
    margin: 0px 16px 4px 16px;
    color: #003C7C;
    align-items: center;
}

.section-first-header {
    font-size: 1.25rem;
    font-weight: 700;
    margin: 0px 16px 12px 16px;
    color: #003C7C;
    align-items: center;
}

.section-subheader {
    padding: 8px 16px;
    font-size: 0.875rem;
    font-weight: 500
}

.section-hr {
    margin: 0px 16px;
    visibility: hidden;
}

.section-hr-subheader {
    margin: 1px -16px;
}

.section-content {
    padding: 0px 16px 16px 16px;
}

.tab-section-container {
    padding: 0px 0px 16px 0px; /* samir: bottom padding to keep extra space at the end of the page */
    margin-left: 16px;
    /*transform: scaleX(0.95);
    transform-origin: top left;*/
}

.footer-margin {
    margin-bottom: 2.4rem;
}
.footer-margin-small-bottom {
    margin-bottom: 1rem;
}
.footer-margin-bottom {
    margin-bottom: 3rem;
}
.call-log-footer-margin {
    margin-bottom: 3rem;
}
.footer-margin-large-bottom {
    margin-bottom: 3.9rem;
}
.tab-section-container-W {
    width: 1040px;
}

.photo-content {
    padding: 0px 16px 16px 16px;
}

.full-page-container {
    margin: 1rem;
}

.section-3-column {
    padding: 0px 16px 16px 16px;
    width: 33%;
}

.section-column-content {
    display: flex;
    padding: 4px 0;
    justify-content: space-between;
}

.section-column-header {
    font-weight: 700;
}

.section-content-key {
    width: 55%;
}


.section-content-value {
    text-align: right;
}

.section-content-Half {
    width: 80%;
}

.project-section-content-value {
    width: 45%;
    text-align: right;
}

.value-container-1 {
    width: 10vw;
}

.status-completed {
    background-color: #228B22; /* The exact green color you want */
    color: white;
    padding: 5px 10px;
    border-radius: 15px;
    font-weight: 400;
}

.left-bar-styles {
    width: 100%;
    height: 100%;
    font-size: 16px;
}

h6 {
    margin-bottom: 0rem;
}

.section-column-data {
    color: #212529;
}

.kpi-table td, .kpi-table th {
    border: 1px solid #dddddd;
    text-align: left;
    padding: 8px;
}

.kpi-table tr:nth-child(even) {
    background-color: #dddddd;
}
/*End Here* - chandrashekhar/

/*prathamesh dutondkar - Classes for Revert to old link,Export buuton,Clear Search filter,for background shadow for all popup */
.revert_old_button {
    color: #003c7c;
    opacity: .9;
    font-size: 14px;
    font-weight: 500;
    padding: 3px 3px;
}

.custom-button {
    font-size: 14px;
    padding: 3px 3px;
}


/*End Here - prathamesh */

/* Nav-bar & container frame background change */
.left-nav {
    background-color: #ffffff;
}

.right-data-container {
    /*background-color: #f8f9fa;*/
    background-color: #eee;
    padding-top: 4px;
}

.right-component-container {
    background-color: white;
    margin-bottom: 10px;
    margin-right: 4px;
    padding-top: 10px;
    border-radius: 10px;
}
/* End Here - samir */

/* Layout v2 */

.left-nav-v2 {
    /*    height: 100% !important;*/
    width: 210px;
    /*background-color: #e9ecef;*/
    /*background-color: #ccc;*/
   /* background-color: #c8c8cf; */
    background-color: #d8d8df;
}

.left-bar-styles-v2 {
    width: 206.55px; /*100%;*/
    height: 100%;
    font-size: 12.8px;
}

.right-data-container-v2 {
    /*flex-grow: 1;
    padding: 0px 0px 12px 24px;
    overflow-x: hidden;
    width: 100% !important;
    height: 100% !important;*/
    /*background-color: #f8f9fa;*/
    /*background-color: #e9ecef;*/
    flex-grow: 1;
    padding: 0px 0px 12px 24px;
    overflow-x: hidden;
    width: 100% !important;
    height: 100% !important;
}

.right-data-container-v3 {
    flex-grow: 1;
    padding: 16px 16px 16px 16px;
    overflow-x: auto;
    width: 100% !important;
    height: 100% !important;
}

.section-content-v2 {
    padding: 0px 16px 8px 16px;
}

.k-font-size-sm-v2 {
    font-size: 0.875rem
}

.right-component-container-v2 {
    background-color: white;
    margin-right: 24px;
    padding-top: 20px;
    padding-bottom: 16px;
    border-radius: 10px;
    margin-bottom: 8px;
}

.right-component-container-v3 {
    background-color: white;
    margin-right: 24px;
    padding-top: 8px;
    padding-bottom: 16px;
    border-radius: 10px;
    margin-bottom: 8px;
}

.right-component-container-snapshot {
    background-color: white;
    margin-right: 24px;
    border-radius: 10px;
    margin-bottom: 8px;
}

.grid-100vh {
    height: 100vh;
}

.grid-90vh {
    height: 88vh;
}

.grid-96vh {
    height: 96vh;
}

.grid-80vh {
    height: 80vh;
}

/*Tab page applies*/
.grid-120px-fit {
    height: calc(100vh - 98px);
}

/*Doble line Tab page applies*/
.grid-113px-fit {
    height: calc(100vh - 113px);
}

/* Grid page with one line of filter dropdowns */
.grid-110px-fit {
    height: calc(100vh - 154px);
}
.grid-155px-fit {
    height: calc(100vh - 155px);
}
/* Grid page with double line of filter dropdowns */
.grid-176px-fit {
    height: calc(100vh - 176px);
}
.grid-177px-fit {
    height: calc(100vh - 177px);
}

.grid-172px-fit {
    height: calc(100vh - 172px);
}

.grid-178px-fit {
    height: calc(100vh - 178px);
}

.grid-147px-fit {
    height: calc(100vh - 147px);
}

/*single grid applies*/
.grid-65px-fit {
    height: calc(100vh - 65px);
}

.grid-117px-fit {
    height: calc(100vh - 117px);
}

.grid-216px-fit {
    height: calc(100vh - 216px);
}

.grid-121px-fit {
    height: calc(100vh - 120px);
}
/*single filter applies*/
.grid-82vh {
    height: 82vh;
}
.grid-76vh {
    height: 76vh;
}

/*single line filter applies*/
.grid-75vh {
    height: 75vh;
}

.grid-85vh {
    height: 85vh;
}

.customer-info-name {
    font-size: 1.05rem;
    font-weight: 700;
    color: #003c7c;
    margin-left: -10px;
}

.tools-container {
    margin: 0.5rem;
}

/* classes in per-page <style> tags moved to single place here */
.validation-message {
    color: red;
    font-size: 14px;
}

.tabStrip-section-header {
    /* color: #003C7C; */
    font-size: 16px;
    font-weight: 500;
    align-self: center;
}

.tabStrip-section-header-Media {
    font-size: 16px;
    font-weight: 500;
}

.tabStrip-section-header-WOM {
    font-size: 14px;
    font-weight: 500;
    align-self: center;
}

.k-tabstrip-top .k-tabstrip-content, .k-tabstrip-top .k-tabstrip > .k-content {
    padding-block: 0rem;
    padding-inline: 0rem;
}

.greyed-out {
    color: grey;
    line-height: 1rem;
}

    .greyed-out:hover {
        background-color: initial; /* Remove hover effect */
    }

.grid-no-scroll .k-grid-content {
    overflow-y: auto;
}

.grid-no-scroll .k-grid-header,
.grid-no-scroll .k-grid-footer {
    padding-right: 0;
}

.grid-no-scroll .k-grid-header-wrap,
.grid-no-scroll .k-grid-footer-wrap {
    border-right-width: 0;
}

.k-input.k-invalid.valid-null {
    border-color: rgba(0, 0, 0, 0.08);
}

/*------ Small font size correction after Themebuilder Customization ----*/
.k-font-size-sm {
    font-size: .75rem
}

.\!k-font-size-sm {
    font-size: .75rem !important
}

.k-font-size-md {
    font-size: 0.875rem
}

.\!k-font-size-md {
    font-size: 0.875rem !important
}

/*.k-button-md {
    padding-block: .175rem;
}*/

.k-card {
    line-height: 1.5rem;
}

/* Figma exports - only significant item */
.k-body {
    color: #000;
    background-color: #fff
}

.label-container-1 {
    display: flex;
    justify-content: flex-end;
    width: 40%;
}

/* Required for login page centering */
.k-centered-login {
    width: 80%; /* Adjust the width as needed */
    max-width: 500px; /* Set a maximum width if desired */
    padding: 3%;
    background-color: #fff;
    border-radius: 10px;
    box-shadow: 0 0 4px rgb(0 0 0 / 20%);
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

/* Can be replaced with k-font-size-xl */
.k-font-size-custom {
    font-size: 1.125rem
}

/* Required for left bar highlighting */
.k-border-t-solid {
    border-top-color: #eee;
}

.k-border-r-solid {
    border-right-color: #eee;
}

.k-border-b-solid {
    border-bottom-color: #eee;
}

.k-border-l-solid {
    border-left-color: #eee;
}

/* To be reviewed: can be customized in Themebuilder */
.k-grid-norecords {
    text-align: initial;
}

div.k-grid-norecords {
    align-items: initial;
    max-height: 400px;
}


/*
.k-grid.k-grid-md .k-table-thead .k-table-row, .k-grid.k-grid-md .k-grid-header .k-table-row {
    padding-bottom: inherit;
    padding-left: inherit;
    padding-right: inherit;
    padding-top: inherit;
    height: 40px
}*/

.k-grid a {
    color: #003C7C;
    cursor: pointer
}

.icon-border {
    border: 1px solid #003C7C;
    padding: 8px;
}

/* Add the triangle indicator */
.left-indicator::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 0;
    border-left: 15px solid; /* Adjust the size and color */
    border-bottom: 15px solid transparent;
}

.left-indicator.green-indicator::before {
    border-left-color: green;
}

.left-indicator.orange-indicator::before {
    border-left-color: orange;
}

.k-state-disabled, .k-disabled {
    pointer-events: none;
    opacity: 0.6;
}

.tabstrip-header-container {
    width: 180px; /*230px;*/
    text-wrap: wrap;
}

.tabstrip-page-header {
    font-size: 1rem;
    font-weight: 500;
    /*margin-left: 8px;
    padding: 16px 8px;*/
}

.h5, h5 {
    font-size: 1rem;
}

.k-label {
    font-weight: 400 !important;
}

.k-font-light-bold {
    font-weight: 500;
}

.disclaimer {
    color: #888;
}

.k-tabstrip-items-wrapper {
    border-color: white;
}

.k-tabstrip-item {
    outline: none !important;
    box-shadow: none !important;
    border: none !important;
}

.k-item:focus {
    outline: none !important;
    box-shadow: none !important;
    border: none !important;
}

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

.doctype-title {
    font-weight: 500;
    font-size: .875rem;
    line-height: 1rem;
    align-self: center;
}

.k-upload-button {
    background-color: #003C7C;
    color: white;
    height: 30px;
}

    .k-upload-button:hover {
        background-color: #013369;
    }

.go-back-img {
    width: 24px;
}

.k-window {
    font-size: 0.75rem;
}
/* samir: make buttons more prominent with slightly wider with bigger font */
.k-button.k-button-solid-primary.k-button-md {
    padding-right: 1rem;
    padding-left: 1rem;
    font-size: 0.8rem;
}

.k-button.k-button-solid-dark.k-button-md {
    padding-right: 1rem;
    padding-left: 1rem;
    font-size: 0.8rem;
}

/* samir: Grid header bg to match new UI section headers */
.k-grid.k-grid-md .k-table.k-grid-header-table .k-table-thead, .k-grid.k-grid-md .k-table.k-grid-header-table .k-grid-header {
    background-color: #f8f9fa;
    background-image: none;
}

/* siddharth: schedule calendar reduced event font size and padding */
kendo-scheduler .k-event > div, .k-event > div {
    font-size: 9px;
    padding: 4px !important;
}

/* siddharth: style of "Show full day" button in schedule calendar */
.k-scheduler .k-event {
    background-color: #ccc;
}

.k-scheduler .k-toolbar.k-scheduler-footer .k-button.k-button-md.k-button-solid.k-button-solid-base.k-rounded-md {
    background-color: #003c7c;
    background-image: none
}

    .k-scheduler .k-toolbar.k-scheduler-footer .k-button.k-button-md.k-button-solid.k-button-solid-base.k-rounded-md .k-button-text {
        color: #fff
    }

    .k-scheduler .k-toolbar.k-scheduler-footer .k-button.k-button-md.k-button-solid.k-button-solid-base.k-rounded-md .k-icon.k-svg-icon > svg {
        color: #fff
    }

.long-text-ellipsis {
    text-overflow: ellipsis;
    overflow: hidden;
}

.long-text-breakword {
    word-wrap: break-word;
}

.redsm-link {
    cursor: pointer;
    color: #003c7c;
}

.redsm-link-underline {
    cursor: pointer;
    color: #003c7c;
    text-decoration: underline
}
/* styles for new UI(like contractors) */

span.k-color-error-star:before {
    content: "\00a0 ";
}

span.k-color-error-star {
    color: red;
    font-weight: 700;
    font-size: medium;
    line-height: 0;
}

.label-type-2 {
    text-transform: uppercase;
    /* color: #003C7C; */
}

.table-label {
    text-transform: uppercase;
    font-weight: normal;
}

.label-red {
    /* color: black; */
}

.cp-v2 .k-input-inner {
    background-color: ghostwhite;
}

.cp-v2 .textLightColor {
    font-size: 0.675rem
}

.section-box {
    background-color: #fff;
    border: 1px solid #ccc;
    width: 1064px;
    border-radius: 3px;
    /* box-shadow: rgba(45, 62, 80, 0.12) 0px 1px 5px 0px; */
}
.section-box-mailModal {
    background-color: #fff;
    border: 1px solid #ccc;
    width: 1064px;
    border-radius: 3px;
    /* box-shadow: rgba(45, 62, 80, 0.12) 0px 1px 5px 0px; */
}

.section-box-project-new {
    background-color: #fff;
    border: 1px solid #ccc;
    /*width: 800px;*/
    border-radius: 3px;
    /* box-shadow: rgba(45, 62, 80, 0.12) 0px 1px 5px 0px; */
}

.section-box-PIP {
    background-color: #fff;
    border: 1px solid #ccc;
    width: 1450px;
    border-radius: 3px;
    /* box-shadow: rgba(45, 62, 80, 0.12) 0px 1px 5px 0px; */
}

.section-box-window {
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 3px;
}

.section-box-width {
    width: 1064px;
}

.section-box-header {
    padding: 0.75rem 1rem;
    /*background-color: #e9ecef;*/
    /*background-color: #ddd;*/
    background-color: #d8d8df;
}

.section-box-header-wo {
    padding: 0.75rem 1rem;
    /* background-color: #e9ecef;*/
    background-color: #ccc;
    border: 1px solid #ccc;
}

.section-box-content {
    padding: 1rem;
}

.section-box-content-wo {
    padding: 1rem;
    font-weight: 500;
    display: flex;
    justify-content: center;
}

.section-box-half {
    background-color: #fff;
    border: 1px solid #ccc;
    width: 536px;
    border-radius: 3px;
}

.section-box-quarter {
    background-color: #fff;
    border: 1px solid #ccc;
    width: 268px;
    border-radius: 3px;
}

.section-box-media {
    background-color: #fff;
    border: 1px solid #ccc;
    /*width: 1064px;*/
    border-radius: 3px;
}

.half-section-container {
    background-color: #fff;
    border: 1px solid #ccc;
    /*width: 536px;*/
    border-radius: 3px;
}

.k-rounded-md {
    border-radius: .25rem;
}

.section-subheader-h1 {
    /*font-size: 0.875rem;*/
    font-size: 0.925rem;
    font-weight: 500;
    color: #003C7C;
}

.img-bg {
    background-image: url('../images/coming_soon_57.png');
    height: 60px;
    width: 60px;
}
.img-bg-media {
    background-image: url('../images/coming_soon_57.png');
    height: 60px;
    width: 60px;
}

.img-bg-IRA {
    height: 205px;
    width: 205px;
    background-size: cover;
    background-image: url('../images/coming_soon.png');
    background-repeat: no-repeat;
}

.k-checkbox {
    border-color: #666;
}

.k-w-34 {
    width: 34%;
}
/* till here styles for new UI */
/*
    .k-grid.k-grid-md .k-toolbar.k-grid-toolbar.k-toolbar-md {
    padding-bottom: .5rem;
    padding-left: .5rem;
    padding-right: .5rem;
    padding-top: .5rem
}
.k-list-container {
    max-height: fit-content;
    overflow-y: auto;
}

.k-calendar .k-range-start, .k-calendar .k-range-end, .k-calendar .k-range-mid {
    background-color: rgba(13,110,253,.25)
}
.k-calendar .k-range-split-start::after {
    background-image: linear-gradient(to left, rgba(13, 110,253,0.25),transparent 100%)
}

.k-calendar .k-range-split-end::after {
    background-image: linear-gradient(to right, rgba(13, 110,253,0.25),transparent 100%)
}

.k-drawer-content {
    overflow: auto;
    padding: 1rem;
}
.k-drawer-push {
    flex-direction: row;
    min-height:90vh;
}

.k-tabstrip-content, .k-tabstrip > .k-content {
    padding-block: 0rem;
    padding-inline: 0rem;
    border-width: 0px;
}
*/
/* Initial Loading Screen 
.spinner {
    margin: 100px auto;
    width: 50px;
    height: 40px;
    text-align: center;
    font-size: 10px;
}

    .spinner > div {
        background-color: #333;
        height: 100%;
        width: 6px;
        display: inline-block;
        -webkit-animation: sk-stretchdelay 1.2s infinite ease-in-out;
        animation: sk-stretchdelay 1.2s infinite ease-in-out;
    }

    .spinner .rect2 {
        -webkit-animation-delay: -1.1s;
        animation-delay: -1.1s;
    }

    .spinner .rect3 {
        -webkit-animation-delay: -1.0s;
        animation-delay: -1.0s;
    }

    .spinner .rect4 {
        -webkit-animation-delay: -0.9s;
        animation-delay: -0.9s;
    }

    .spinner .rect5 {
        -webkit-animation-delay: -0.8s;
        animation-delay: -0.8s;
    }

@-webkit-keyframes sk-stretchdelay {
    0%, 40%, 100% {
        -webkit-transform: scaleY(0.4);
    }

    20% {
        -webkit-transform: scaleY(1.0);
    }
}

@keyframes sk-stretchdelay {
    0%, 40%, 100% {
        transform: scaleY(0.4);
        -webkit-transform: scaleY(0.4);
    }

    20% {
        transform: scaleY(1.0);
        -webkit-transform: scaleY(1.0);
    }
}
Ends Loading Screen */
/*
.k-column-title {
    overflow: hidden
}

.k-header.k-alt, .k-header.k-table-alt-row {
    background-color: #eeeff0
}

.k-task-summary.k-selected {
    color: #86b7fe
}
.k-task-single.k-selected {
    background-color: #86b7fe
}

.k-event {
    background-color: #3485fd
}

.k-map-controls {
    position: relative;
    align-items: initial;
    left: 0;
}
*/
/*.k-grid-header .k-header {*/
/*
  height: 24px;
  padding: 0px 10px 10px 10px;
  background-color: #E9ECEF;
  */
/*
  font-weight: 400;
    */
/*}*/
/*
.k-link_to_old {
    color: cornflowerblue !important;
    cursor: pointer;
    font-weight: 500;
}
*/
/*
.k-font-size-sm {
    font-size: 1rem
}
*/
/* samir kulkarni : custom changes in edms-template.css - 24-08-07 */
/*
.k-pr-3 {
    padding-right: 1.5rem
}

.k-pr-8 {
    padding-right: .1rem
}

.k-pl-6 {
    padding-left: 1.8rem
}

.k-button-solid-error {
    background-color: #d1646f;
}

.k-toolbar {
    line-height: 1;
}
*/
/*
.k-body {
    font-size: 0.875rem;
}
*/
/*prathamesh dutondkar - Classes for  background shadow for all popup and Layout issue on evalution details  */
.k-window {
    box-shadow: 0px 4px 16px 4px rgba(0, 0, 0, 0.6);
}

.rightside-section-header {
    font-size: 0.875rem;
    font-weight: 500;
    color: #003C7C;
}

.section-subheader-content {
    padding: 0px 0px 8px 0px;
    font-size: 0.875rem;
    font-weight: 500
}

.content-section {
    padding: 0px 0px 16px 0px;
}

.form-value {
    color: #707070;
}

.no-tab-border {
    outline: none;
}

/* End prathamesh dutondkar - Classes for  background shadow for all popup */

/* Start prathamesh dutondkar -  Classes for  border radius for all grid  
}*/
.k-grid {
    border-radius: 3px;
    border: 1px solid #ccc;
}

    .k-grid .k-pager {
        border-radius: 0px 0px 3px 3px;
    }

    .k-grid .k-grid-header,
    .k-grid .k-grid-aria-root {
        border-radius: 3px 3px 0px 0px;
    }

/* End prathamesh dutondkar -  Classes for  border radius for all grid  
}*/

/* Start prathamesh dutondkar -  Classes for  Gray border on left bar top to be removed 
}*/

/*.k-tabstrip-items-wrapper .k-item.k-active {
    border-color: #fff;
}*/

.k-tabstrip-left > .k-tabstrip-items-wrapper {
    width: 180px; /*216.55px;*/ /*266.55px;*/
}

.k-tabstrip-items .k-item {
    white-space: normal !important;
    padding: 0px;
    line-height: 1.2;
    font-size: 12.8px;
    text-align: start;
}

/* Telerik 11.x uses k-hstack flexbox for tab items - override legacy display:inline and align-items:start */
.k-tabstrip-top .k-tabstrip-items-wrapper .k-tabstrip-items .k-item {
    display: flex !important;
    align-items: center !important;
}
.k-hstack .k-item {
    border-right: 2px solid #bbb;
}
    .k-hstack .k-item:hover {
        border-right: 2px solid #bbb;
    }
/* End prathamesh dutondkar -  Classes for  Gray border on left bar top to be removed 
}*/
.k-tabstrip-items-wrapper .k-item.k-active {
    border-top: 0px;
    border-bottom: 0px;
    border-radius: 0px; /* rounded corners */
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
    background-color: #003c7c;
    color: white;
    font-size: 12.8px;
}

/* Remove top/bottom/left borders on active tab link for horizontal top tab strips */
.k-tabstrip-top .k-tabstrip-items-wrapper .k-item.k-active .k-link {
    border-top: 0px !important;
    border-bottom: 0px !important;
    border-left: 0px !important;
}
.k-tabstrip-items {
    justify-content: flex-start !important;
}

.k-tabstrip-items-wrapper .k-item.k-active:focus {
    border-top: 0px;
    border-bottom: 0px;
    border-radius: 0px; /* rounded corners */
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
    background-color: #003c7c;
}
/* samir: blue left border on active tab */
.no-tab-border > .k-tabstrip-items-wrapper .k-item.k-active {
    border-top: 0px;
    border-bottom: 0px;
    border-left: 4px solid #003c7c;
    background-color: #fff;
    color: #212529
}

    .no-tab-border > .k-tabstrip-items-wrapper .k-item.k-active:focus {
        border-color: #fff;
        border-top: 0px;
        border-bottom: 0px;
        border-left: 4px solid #003c7c !important;
        background-color: #fff;
        color: #212529
    }

.k-list-md .k-list-item, .k-list-md .k-list-optionlabel,
.k-list-lg .k-list-item, .k-list-lg .k-list-optionlabel {
    font-size: 0.75rem;
}
/* end samir: blue left border */

.project-guidelines {
    color: red;
    font-size: 12px;
}


.k-grid col.k-sorted, .k-grid .k-table-th.k-sorted {
    background-color: rgba(0, 0, 0, 0);
}

.k-grid .k-table-thead .text-end {
    text-align: right !important;
    justify-content: end;
    /*display: grid;*/
}

span.text-end {
    justify-content: end;
    display: grid;
    padding-right: 10px;
}

.k-table-td.k-grid-edit-cell .k-picker-solid.k-valid {
    border-color: #ced4da !important;
}

.k-table-td.k-grid-edit-cell .k-input-solid.k-valid {
    border-color: #ced4da !important;
}

.k-drawer-item {
    padding-block: .2rem;
    padding-inline: .5rem;
    font-size: 12px;
    color: #003C7C;
    padding-top: 0;
}

.k-svg-icon {
    width: 12.8px;
    height: 12.8px;
}

.minimode-label {
    display: inline-block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 9px;
    line-height: 1rem;
    text-align: left;
}

.k-drawer-item .k-icon {
    padding-block: 0.3rem;
}

.drawer-scroll-container {
    max-height: calc(100vh - 58px); /* Adjust 64px to your AppBar height */
    overflow-y: hidden;
}

.k-drawer-mini .k-drawer-wrapper {
    width: 3.2rem;
}

.k-drawer-item.k-level-mini-1 {
    padding-inline-start: 1rem
}

.k-drawer-item.k-level-mini-2 {
    padding-inline-start: 2rem
}

.k-drawer-item.k-level-mini-3 {
    padding-inline-start: 3rem
}

.k-drawer-item.k-level-mini-4 {
    padding-inline-start: 4rem
}

.k-drawer-item.k-level-mini-5 {
    padding-inline-start: 5rem
}

.k-tabstrip-content, .k-tabstrip > .k-content {
    padding-left: 8px;
}

.PageLoadTimeLbColor {
    color: #f8f9fa;
}

.demo-notification {
    z-index: 20000 !important;
}

/*Start of top bar new theam*/

.NewStyleTopBar .nav-item img {
    width: 20px;
    height: 20px;
    filter: invert(1) !important;
}

.NewStyleTopBar .nav-item svg {
    width: 20px;
    height: 20px;
    filter: none !important;
}

.NewStyleTopBar .k-drawer-wrapper {
    background-color: #2d3e50;
}

.NewStyleTopBar .k-appbar-light {
    background-color: #2d3e50;
    color: #dfe3eb;
    border-bottom: 1px solid #6b95be;
}

.NewStyleTopBar .k-drawer-item {
    color: #dfe3eb;
}

.NewStyleTopBar .k-drawer {
    background-color: #2d3e50;
}

.NewStyleTopBar .k-drawer-items, .k-drawer-items ul {
    color: #dfe3eb;
}

.NewStyleTopBar .link-underline .redsm-link-underline {
    cursor: pointer;
    color: #dfe3eb !important;
    text-decoration: underline;
}

.NewStyleTopBar .k-drawer-item.k-selected {
    background-color: #537494 !important;
}

.NewStyleTopBar .iconFill .k-appbar-section svg {
    fill: #dfe3eb !important;
}

.NewStyleTopBar .k-drawer-item:hover, .k-drawer-item.k-hover {
    background-color: #405972 !important;
}

.NewStyleTopBar .PageLoadTimeLbColor {
    color: #2d3e50 !important;
}

.NewStyleTopBar .LogoBackground {
/*    background-color: white;*/
    padding: 0px 2px 0px 2px;
}

/*End of top bar new theam*/


#custom-reconnect-modal {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    height: 50px;
    background-color: white;
    color: #aaa;
    font-size: 20px;
    text-align: center;
    padding-top: 8px;
    z-index: 20000 !important;
}

.adminhub-tools-container {
    margin: 0.5rem 0.5rem 4rem 0.5rem;
}

.k-drawer-item .k-item-text {
    display: inline-block;
    white-space: normal;
    overflow: hidden;
    text-overflow: ellipsis;
}

.measure-bg {
    background-color: #D0D0D0;
    padding: 0.5rem;
    border-radius: 4px;
}

.measure-info-bg {
    /* background-color: whitesmoke;*/
    background-color: #fff;
    padding: 0.5rem;
    border: 1px solid #c0c0c0;
}

.header-flex {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

/*.hup-measure-info-bg {
    background-color: whitesmoke;
    padding: 0.5rem;
     border: 1px solid #c0c0c0; 
}*/
.zd_asap_app_wrapper {
    border-radius: 15px !important;
}

.zd-asap-newbox-common .zd-asap-layoutstyle-column .custom_box_container .zd-asap-header-name__description .zd-asap-headeraccessibility-name__description .zd_asap_greeting_intro .zd-asap-layoutstyle-flex, h1 {
    font-size: 12px !important;
    border-bottom: 1px solid silver;
    padding: 5px 5px 3px 3px;
}

.zd-asap-applayout-container {
    position: fixed;
    z-index: 2000000000 !important;
}


/* new UI layout changes*/

.k-tabstrip {
    /*background-color: #fff;*/
    /*background-color: #ddd;*/
    background-color: #d8d8df;
}

.k-tabstrip-top {
    background-color: #fff !important;
    /*background-color: #ddd;*/
}


.k-grid.k-grid-md .k-toolbar.k-grid-toolbar.k-toolbar-md {
    background-color: #d8d8df;
}

/* Fix: Telerik v9+ wraps toolbar content in .k-toolbar-items-scroll,
   breaking right-alignment. display:contents removes the wrapper from layout. */
.k-grid-toolbar .k-toolbar-items-scroll {
    display: contents;
}

/* Fix: Ensure toolbar content divs using k-justify-content-between get flex display */
.k-grid-toolbar .k-justify-content-between {
    display: flex;
    align-items: center;
}

.k-grid.k-grid-md .k-table .k-table-tbody .k-master-row.k-table-row.k-table-alt-row > td {
    /*background-color: #eee;*/
    background-color: #e8e8ef;
}

.k-window.nonmodal-window .k-window-titlebar {
    /*background-color: #ccc !important;*/
   /* background-color: #c8c8cf !important; */
    background-color: #d8d8df !important;
}

.k-grid.k-grid-md .k-table-thead .k-table-row .k-header.k-table-th .k-cell-inner .k-link, .k-grid.k-grid-md .k-grid-header .k-table-row .k-header.k-table-th .k-cell-inner .k-link {
    background-color: #fff;
    background-image: none;
}

.k-grid.k-grid-md .k-table-thead .k-table-row.k-filter-row, .k-grid.k-grid-md .k-grid-header .k-table-row.k-filter-row {
    /*background-color: #eee;*/
    background-color: #e8e8ef;
    background-image: none;
}

.k-grid-header .k-filtercell .k-input-solid {
    border-color: #003C7C;
}

.k-window.nonmodal-window {
    padding-block: 0;
    padding-inline: 0
}

.section-box-notes {
    background-color: #fff;
    border: 1px solid #ccc;
    width: 260px;
    border-radius: 3px;
}

.section-box-header-Status {
    padding: 0.75rem 1rem;
    /*background-color: #ddd;*/
    background-color: #d8d8df;
}

.section-box-header-small-Status {
    padding: 0.5rem 1rem;
    /*background-color: #ddd;*/
    background-color: #d8d8d9;
}

.k-window.nonmodal-window {
    padding-block: 0;
    padding-inline: 0;
}

.k-window-content:last-child {
    padding-bottom: 0rem;
}

.k-window-content:first-child {
    padding-top: 0;
}

.k-window-content, .k-prompt-container {
    padding-block: 0;
    padding-inline: 0;
}

.k-grid-content tbody tr:hover > td {
    /*background-color: #ddd !important;*/
    background-color: #d8d8df !important;
}

.tools-container-bg{
    padding:0.5rem;
    background-color:#d8d8df;
}

/* new UI layout changes end here*/
.hr-newUI-title {
    margin: 0 0 0.75rem 0;
}

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

.tab-section-container-top-margin{
    margin-top:16px;
}

.note-content-wrap {
    word-break: break-word;
    overflow-wrap: anywhere;
}


/* PrePay Import grid */
#prePayImportGrid .k-grid {
    min-height: 200px;
    height: auto !important;
    margin-bottom: 5rem;
}

#prePayImportGrid .k-grid-content {
    overflow-y: auto;
    max-height: 350px;
}

.note-content-unwrap {
    word-break: keep-all !important;
    overflow-wrap: normal;
}