.k-panelbar > .k-item > .k-link,
.k-panelbar > .k-panelbar-header > .k-link {
    color: #f8f9fa !important;
    background-color: #262525 !important;
    padding: 2rem 2rem !important;
}

.k-drawer {
    background-color: #262525 !important;
    color: white !important;
}

.navmenu .k-button {
    background-image: linear-gradient(#262525, #262525) !important;
    color: white !important;
}

.sk-chase {
    width: 40px;
    height: 40px;
    position: relative;
    animation: sk-chase 2.5s infinite linear both;
}

.sk-chase-dot {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    animation: sk-chase-dot 2.0s infinite ease-in-out both;
}

.sk-chase-dot:before {
    content: '';
    display: block;
    width: 25%;
    height: 25%;
    background-color: #fff;
    border-radius: 100%;
    animation: sk-chase-dot-before 2.0s infinite ease-in-out both;
}

.sk-chase-dot:nth-child(1) {
    animation-delay: -1.1s;
}

.sk-chase-dot:nth-child(2) {
    animation-delay: -1.0s;
}

.sk-chase-dot:nth-child(3) {
    animation-delay: -0.9s;
}

.sk-chase-dot:nth-child(4) {
    animation-delay: -0.8s;
}

.sk-chase-dot:nth-child(5) {
    animation-delay: -0.7s;
}

.sk-chase-dot:nth-child(6) {
    animation-delay: -0.6s;
}

.sk-chase-dot:nth-child(1):before {
    animation-delay: -1.1s;
}

.sk-chase-dot:nth-child(2):before {
    animation-delay: -1.0s;
}

.sk-chase-dot:nth-child(3):before {
    animation-delay: -0.9s;
}

.sk-chase-dot:nth-child(4):before {
    animation-delay: -0.8s;
}

.sk-chase-dot:nth-child(5):before {
    animation-delay: -0.7s;
}

.sk-chase-dot:nth-child(6):before {
    animation-delay: -0.6s;
}

@keyframes sk-chase {
    100% {
        transform: rotate(360deg);
    }
}

@keyframes sk-chase-dot {
    80%, 100% {
        transform: rotate(360deg);
    }
}

@keyframes sk-chase-dot-before {
    50% {
        transform: scale(0.4);
    }

    100%, 0% {
        transform: scale(1.0);
    }
}

.k-drawer-container {
    position: fixed;
}

.k-drawer-items .k-drawer-item.k-state-hover, .k-drawer-items .k-drawer-item:hover {
    color: #1a1a24;
    background-color: rgb(196, 196, 205, 0.35) !important;
    cursor: pointer;
}

/*.k-drawer-items .k-drawer-item.k-state-hover, .k-drawer-items .k-drawer-item:hover {
    color: #656565;
    background-color: #f6f6fa !important;
    background-color: rgb(196, 196, 205, 0.35) !important;
}*/

.wrapper {
    margin-top: 21px;
    margin-bottom: 100px;
    display: block !important;
}

.drawer-input ul.list-unstyled.components li {
    width: 100%;
    display: block;
    float: left;
}

    .drawer-input ul.list-unstyled.components li a:hover {
        color: #000;
        background: #f6f6fa;
        border-left: 5px solid #FFE600
    }

.k-drawer-items .k-drawer-item.k-state-hover, .k-drawer-items .k-drawer-item:hover {
    color: #1a1a24 !important;
    background-color: #f6f6fa !important;
    cursor: pointer !important;
}


.dd-editcombo .kendo-dropdownlist {
    outline: #f6f6fa solid .0625rem;
    outline-offset: 0;
    margin-bottom: 15px;
    margin-left: 10px;
}

    .dd-editcombo .kendo-dropdownlist .k-dropdown-wrap {
        background-color: #f6f6fa !important;
    }

.dd-editcombo .k-dropdown {
    width: 100% !important;
}

.dd-editcombo .k-select {
    background: #f6f6fa !important;
}

.dd-editcombo .k-drawer-items .k-drawer-item.k-state-hover, .dd-editcombo .k-drawer-items .k-drawer-item:hover {
    color: #656565 !important;
    background-color: rgb(196, 196, 205, 0.35) !important;
    cursor: pointer !important;
}

.k-drawer-items .k-drawer-item.k-state-selected {
    /* background-color: rgb(196, 196, 205, 0.35) !important; */
    /* background-color: #c4c4cd;
    color: #000 !important;*/
    background-color: #1a1a24;
    border-left: 2px solid #ffe600 !important;
}

.k-drawer-item.k-state-selected {
    background-color: #1a1a24;
}


.k-list .k-item.k-state-selected, .k-list .k-item.k-state-selected:hover {
    background-color: transparent;
    color: inherit;
}

#pinicon {
    padding-left: 25px;
}

#rowinDrawerHeader {
    padding-bottom: 7%;
}

#col8id {
    padding-left: 9%;
}

/*#pinicon i:hover {
    color: #000;
}*/

.iconsetindrawer {
    color: #000;
    padding-top: 14px !important;
    cursor: pointer;
}
/*
.iconunsetindrawer {
    color: #656565;
    padding-top: 14px !important;
    cursor:pointer;
}*/


.itemclassformenus {
    width: 200px;
    white-space: pre-wrap;
    cursor: pointer;
    /*    font-size: 14px;*/
    /*color: #1a1a24;*/
    font-weight: 500;
    margin-top: 2px;
    color: #ffffff;
    font-size: 14px;
    padding-left: 25px;
    /*position: absolute;*/
}

.dd-editcombo {
    /*  padding-top: 12px !important;*/
    padding-top: 30px !important;
    padding-left: 8px;
    padding-right: 11px;
    /*width: 100%;*/
}

    .dd-editcombo .k-dropdown-wrap .ng-star-inserted li:hover {
        background-color: #f6f6fa;
    }


.page-header .header-group__labels-container {
    Margin-top: 0;
}

.panelbar-wrapper {
    max-width: 100%;
    margin: 0 auto;
}

#itemTitle, #itemTitle1 {
    margin-top: 0;
    text-align: center;
    margin-right: auto;
    margin-left: auto;
    color: white !important;
}


#footergroupid {
    /* padding: 0 0rem 0 2rem !important;*/
    padding: 0 0rem 0 0rem !important;
}

.footer__parag {
    background-color: #2e2e38;
    padding: 0 !important;
}

/*.panelbar-wrapper .k-content {
    background-color: #000 !important;
    color: #fff !important;
}*/

.bookmarkPadding {
    padding: 10px 5px 5px 1px;
}

.noPaddingBookmark {
    padding: 0px;
}

.header {
    display: block;
    font-family: Arial, Helvetica, sans-serif;
    background-color: #cccccc;
    padding: 2%;
}

    .header .close_icon {
        float: right;
        color: #b3b3b3;
        cursor: pointer;
    }

.bookmark-icon {
    padding-top: 12px;
}

    .bookmark-icon a {
        font-size: 19.6px;
        display: block;
        padding: 5px;
        color: #fff;
    }

        .bookmark-icon a:hover {
            color: #ffe600;
        }

.displayBookmark {
    display: block;
    width: 375px;
    padding: 0px;
}

.k-icon {
    font-family: "WebComponentsIcons" !important;
}

/*.k-drawer-container kendo-drawer {
    flex-basis: 280px !important;
}*/
.kendodrawer_open {
    flex-basis: 350px !important;
    padding-top: 12px;
    /* height: calc(100% - 137px);*/
    /*   background: 35% center rgb(244, 244, 244);
    box-shadow: rgb(181, 190, 189) 2px 2px 2px;*/
    flex-basis: 350px;
    height: 641px !important;
    background: #2e2e38;
    box-shadow: none;
}

.kendodrawer_close {
    flex-basis: 80px !important;
    background: #2e2e38;
    /* height: 641px !important; */
}

/*.textinput-group__label {
    color: white !important;
}*/
.dd-topnavbar .k-dropdown .k-dropdown-wrap {
    background-image: none !important;
    background-color: #2e2e34 !important;
    color: #fff !important;
    width: auto;
    /* border: 1px solid #ffffff; */
    border-radius: 0px;
    /* border: 1px solid #ffffff!important; */
    /* margin-left: 12px; */

    height: 30px;
    padding-top: 0px;
    padding-left: 0px;
}


    .dd-topnavbar .k-dropdown .k-dropdown-wrap:hover {
        /* border: 1px solid #fff !important; */
        height: 30px;
        padding-top: 0px;
        padding-left: 0px;
    }

    .dd-topnavbar .k-dropdown .k-dropdown-wrap .k-input {
        color: #fff !important;
        font-size: 0.875rem;
    }



.dd-editcombo .k-dropdown-wrap .ng-star-inserted li:hover {
    background-color: #f6f6fa !important;
}

.k-textbox::selection, .k-input::selection, .k-textarea::selection {
    background-color: #f6f6fa !important;
    color: #000 !important;
}

.k-level-1 {
    padding-left: 15px;
}

.k-level-2 {
    padding-left: 30px;
}

.k-level-3 {
    padding-left: 45px;
}

.k-level-4 {
    padding-left: 60px;
}

.k-level-5 {
    padding-left: 75px;
}

#footerheaderpart {
    margin-left: 40%;
}

.available-users {
    width: 250px;
    height: 250px;
    border-radius: 5px;
}

.bookmark-filter {
    margin-left: 5.3333% !important;
}

.bookmark-buttons {
    margin-top: 90px;
}

.bookmarkPadding {
    padding: 10px 5px 5px 1px;
}

.noPaddingBookmark {
    padding: 0px;
}

.header {
    display: block;
    font-family: Arial, Helvetica, sans-serif;
    background-color: #cccccc;
    padding: 2%;
}

    .header .close_icon {
        float: right;
        color: #b3b3b3;
        cursor: pointer;
    }

.bookmark-icon {
    padding-top: 12px;
}

    .bookmark-icon a {
        font-size: 19.6px;
        display: block;
        padding: 5px;
        color: #fff;
    }

        .bookmark-icon a:hover {
            color: #ffe600;
        }

.displayBookmark {
    display: block;
    width: 375px;
    padding: 0px;
}

#modal-title {
    flex-direction: row;
    align-items: center;
    /*justify-content: center;*/
    vertical-align: middle;
    display: inline-flex;
    flex: auto;
}


#searchBox {
    margin-bottom: 5px;
    padding: 10px;
    border-radius: 0;
    background-color: #f6f6fa;
    border: none;
    color: #333;
    height: 40px;
    margin-left: 0;
}

#availabelist option {
    padding: 5px;
    font-size: 14px;
    font-weight: 500;
}

#availabelist {
    width: 250px;
    height: 250px;
    border-radius: 0;
    margin-top: 10px;
}

.sharebookmarkmiddleButtons .btn--utility > i {
    font-size: 30px !important;
}


.btn-secondary {
    color: #1a1a24 !important;
    background-color: #fff !important;
    border: 1px solid #1a1a24 !important;
}

    .btn-secondary:hover {
        color: #fff !important;
        background-color: #2e2e38 !important;
        border-color: .0625rem solid transparent !important;
        outline: 0 !important;
        box-shadow: none !important;
    }


.btn-primary {
    color: #000 !important;
    background-color: #ffe600 !important;
    border-color: #ffe600 !important;
}

    .btn-primary:hover {
        color: #fff !important;
        background-color: #2e2e38 !important;
        border-color: .0625rem solid transparent !important;
        outline: 0 !important;
        box-shadow: none !important;
    }



.k-drawer-container .k-drawer-items .k-drawer-item {
    padding: 8px !important;
}

.k-drawer-container .k-drawer-items .k-drawer-item {
    line-height: 1.5 !important;
    list-style: none !important;
    font-size: 13px !important;
    /*border: none !important;*/
    padding: 12px !important;
    padding-left: 20px !important;
    /*margin-bottom:-15px!important;*/
}

.k-drawer-item .k-item-text{
    vertical-align:bottom;
}
.itemclassformenusicon > i {
    font-size: 20px !important;
}

.itemclassformenusicon {
    color: #ffffff;
}


#expand_more, #chevron_right {
    position: relative;
    left: 0px;
    top: 0px;
    line-height: inherit;
}

#remove_circle_outline {
    /*position: absolute;*/
    position: relative;
    /*right: 38px;*/
    line-height: inherit
}

#share_icon {
    /*position: absolute;*/
    position: relative;
    /*right: 11px;*/
    line-height: inherit
}


.requiredSpanColor {
    color: red;
}

.addbookmarkmodalpopup {
    background-color: #FFF;
    padding: 18px 26px 18px 25px !important;
}

.modalinConfirm {
    padding: 19px !important;
}

#bookmark-pane .modal-header > span > i {
    cursor: pointer !important;
}

.closeusersettingicon > i {
    cursor: pointer !important;
}


#modal-title > span > i {
    cursor: pointer !important;
}

.usersettingmodal {
    background-color: #FFF;
    padding: 18px 26px 18px 25px !important;
}

.k-list-container .k-nodata {
    text-transform: none;
}

.logOutIcon {
    cursor: pointer;
    padding-bottom: 17px !important;
}

.userpreferenceButton {
    cursor: pointer;
    margin-top: 1px !important;
}

.usericon {
    cursor: pointer;
    /* color: white !important; */
    width: 100%;
    display: -webkit-inline-box;
    margin-left: 0px;
    /*padding-left: 7px;*/
    margin-right: 0px;
    padding-right: 0px;
    padding-left: 0px !important;
    height: auto !important;
    font-size: 14px !important;
    line-height: 1.0rem !important;
}
/*
.scrollbar::-webkit-scrollbar {
    background-color: transparent;
    width: 5px;
}*/
.scrollbar::-webkit-scrollbar {
    width: 5px;
}

/* background of the scrollbar except button or resizer */
.scrollbar::-webkit-scrollbar-track {
    background-color: transparent
}

/*::-webkit-scrollbar {
    width: 6px;
}*/

.scrollbar::-webkit-scrollbar-track:hover {
    background-color: #f4f4f4;
}

/* scrollbar itself */
.scrollbar::-webkit-scrollbar-thumb {
    background-color: #babac0;
    border-radius: 4px;
    border: 5px solid #babac0;
}

    .scrollbar::-webkit-scrollbar-thumb:hover {
        background-color: #a0a0a5;
        border: 4px solid #f4f4f4
    }

/* set button(top and bottom of the scrollbar) */
.scrollbar::-webkit-scrollbar-button {
    display: none
}

.k-drawer-items::-webkit-scrollbar-track {
    background: #1a1a24;
}

.k-drawer-items::-webkit-scrollbar-thumb {
    background: #747480;
}

#kendo_drwaer_leftnav .k-drawer-wrapper .k-drawer-items::-webkit-scrollbar {
    width: 5px;
}

.ey-drawer-container .k-drawer-content .container {
    /*width: 100% !important;
    max-width: initial;
    height: 1000px;*/
    width: 100% !important;
    max-width: initial;
    margin-left: 7px;
    height: 85% !important;
    margin-bottom: 10px;
    position: relative;
    /* overflow-y: auto;*/
    overflow-x: hidden;
    overflow-y: scroll;
}

.panel-title {
    border: 1px solid #c4c4cd;
    padding: 5px;
    font-size: 16px;
    margin: 0;
    border-left: 4px solid grey;
}



.panel-collapse {
    border: 1px solid #c4c4cd;
    padding: 5px;
}

#modal-title {
    font-size: 1.25rem;
    font-weight: 500;
    color: #2e2e38;
    line-height: 1.5rem;
    margin: 0;
}

.labelInstruction_alert {
    font-size: 14px;
    color: #e0362c;
    padding-left: 10px;
    /*color: red;*/
}



.tickicon_alert {
    color: #2db757;
    float: right;
}

.tickicon_alert_Unread {
    color: grey;
    float: right;
}


.errorcolor_alert {
    color: #ff9831;
    /*font-size: 20px;*/
    margin-right: 20px;
    /* padding-top: 4px;*/
}

.warningcolor_alert {
    color: #b9251c;
    margin-right: 20px;
    /*font-size: 18px;
    padding-top:4px;*/
}

.plusicon_alert {
    cursor: pointer;
    float: right;
}

    .plusicon_alert i {
        font-size: 30px !important;
        margin-right: 10px !important;
    }

.close-notification {
    background-color: #f6f6fa !important;
}

.open-notifiction {
    background-color: rgba(135,211,242,242);
}

.border_critical_unread_alert {
    border-left: 4px solid red;
}

.border_critical_read_alert {
    border-left: 4px solid #2db757;
}

.border_normal_unread_alert {
    border-left: 4px solid #ff9b31;
}

.border_normal_read_alert {
    border-left: 4px solid #747480;
}

.dd-editcombo .k-dropdown-wrap .k-input {
    height: calc(24px + 1.42857em);
    background-color: #f6f6fa;
}

.dd-editcombo .k-dropdown {
    width: 100% !important;
    border: 1px solid rgb(196,196,196);
}

.dd-editcombo {
    padding-top: 9px !important;
}

    .dd-editcombo .form-control {
        width: auto;
    }

.list-icons {
    font-size: 20px;
    vertical-align: middle;
    margin-right: 10px;
    float: left;
    /*color: #656565;*/
    color: #ffffff;
    /*margin-top:-2px !important;*/
    /*    height:45px;*/
}

/* #expand_more, #chevron_right { */
/* position: absolute; */
/* right: 18px; */
/* line-height: inherit; */
/* } */

.kendodrawer_open {
    flex-basis: 300px !important;
    padding-top: 0px;
}

.k-drawer-items .k-drawer-item.k-state-hover, .k-drawer-items .k-drawer-item:hover {
    color: #1a1a24 !important;
    /*    background-color: rgba(196,196,196,0.5) !important;*/
    cursor: pointer !important;
    background-color: #1a1a24 !important;
}

.iconunsetindrawer {
    color: #656565;
    padding-top: 20px !important;
    cursor: pointer;
}

.k-drawer-content {
    /*flex: 1 1 auto;
    position: relative;
    overflow-y: scroll;
    margin-top: 12px;
    height: 100%;
*/
    flex: 1 1 auto;
    position: relative;
    overflow-y: auto !important;
    margin-top: 0px !important;
    height: calc(100vh - 117px) !important;
}

.task-dropdown {
    position: absolute;
    will-change: transform;
    top: 0px;
    left: 0px;
    transform: translate3d(-172px, 60px, 0px);
}

.pagination-block .pagination-block__page {
    vertical-align: middle;
}

.pagination_btn {
    border: none;
    background: none;
}

.rightside {
    float: right;
}

.tickicon_alert i {
    /*font-size: 20px !important;*/
    margin-right: 10px;
    cursor: pointer;
    /* margin-left: 590px;*/
}

.tickicon_alert_Unread i {
    /*font-size: 20px !important;*/
    margin-right: 10px;
    cursor: pointer;
    /*margin-left: 540px;*/
}

.legends_alert label {
    padding: 0px 8px;
    margin-right: 10px;
}

.dropdown__expand_more, .dropdown__expand_less {
    color: #2e2e38;
    position: absolute;
    right: 0.375rem;
    transform: none;
    top: 10px;
}

.text-elipses {
    white-space: nowrap;
    /*width: 50px;*/
    overflow: hidden;
    text-overflow: ellipsis;
    height: 25px;
}

.text-without-elipses {
    white-space: pre-wrap;
    width: 420px;
    padding-right: 10px;
}

.selectPastColor {
    background-color: lightgray;
}

.selectAllFlag {
    background-color: lightgray;
}

.selectRunningColor {
    background-color: lightgray;
}

.selectFutureColor {
    background-color: lightgray;
}
/*.task-data a
{
    color:blue;
}*/
.text-centre {
    text-align: center;
}

.cache_displayflex {
    display: flex;
}

.menutop {
    top: 85px;
}

.bookmarktop {
    top: 122px;
}

/*.initialPaddingWrapper {
    padding-left: 65px;
}*/

.goto_tasks {
    color: #155cb4;
    font-weight: 600;
}

.alltasks_filtersortlegends {
    display: inline-flex;
    width: 100%;
}

.legendsparent_tasks {
    margin-left: 200px;
    padding-top: 15px;
}

.textinput-group__label {
    top: -1.8rem !important;
}

.dropdown .dropdown-toggle {
    height: 2.3rem;
    min-height: 2.3rem;
}

.task-list-item {
    height: 100%;
}

.lblpadding_tasks {
    padding-left: 2%;
}

.kendoDropdownHeader {
    background: none;
}

    .kendoDropdownHeader > button .k-image {
        width: 31px;
        height: 19px;
        margin-top: -37px;
        padding-top: 0px;
    }

.navigation-bar-utility__button-container button {
    margin-left: 0 !important;
}

.navigation-bar-utility__button-container {
    margin-right: 10px;
    margin-top: -17px;
}

#UserPreferences {
    margin-top: -35px;
}

.dropdown_userinfo > div .userName_info {
    /* white-space: pre-wrap;*/
    word-break: break-word;
}

.userName_info {
    padding-top: 9px;
    padding-left: 12px;
}

.userprofile__dropdown .dropdown-item {
    font-size: .875rem;
    color: #2e2e38;
    font-size: .875rem !important;
    font-family: EYInterstate-Light,"Noto Sans",Arial,sans-serif !important;
    line-height: 1.375rem !important;
    height: auto !important;
    width: calc(100% - .0625rem);
    display: block;
    clear: both;
    font-weight: 400;
    text-align: inherit;
    white-space: break-spaces !important;
    background-color: transparent;
    border: 0;
    padding-bottom: 12px;
    word-break: break-all !important;
}


    .userprofile__dropdown .dropdown-item .material-icons, .userprofile__dropdown a.dropdown-item .material-icons {
        font-size: 1rem;
        position: relative;
        top: .1875rem;
        padding-right: .375rem;
    }















/* 
.userprofile__dropdown .dropdown-item {
    height: auto !important; */
/* padding-top: 1.129rem !important;*/
/* font-family: "EYFontLight", "Noto Sans", Arial, sans-serif !important;
    font-size: 0.875rem !important;
    color: #2e2e38 !important;
    line-height: 1.313rem !important;
    height: 2.5rem !important;
    padding-top: 0.625rem;
    padding-left: 1.125rem;
} */

.userprofile__dropdown .dropdown-toggle:hover {
    color: #ffffff !important;
}
/*
.k-panelbar > .k-item > .k-link {
    background-color: #2e2e38 !important;
}
*/
.k-panelbar > .k-item > .k-link.k-state-selected {
    height: 50px;
}

.footer--anchor, .footer--anchor:active, .footer--anchor:hover, .footer--anchor:visited {
    color: #ffe600 !important;
}
/* .footer {
   
    width: calc(98% + 40px);
    padding-left: 79px;
} */

.footer-collapsed {
    /* Width: calc(94% + 13px); */
    margin-left: 79px;
    padding-left: 0px;
}

.footer-expanded {
    /* width: calc(80% +13px);
    margin-left: 300px; */
    /* width: calc(78% + 40px); */
    margin-left: 300px;
}

.k-animation-container .k-list-container {
    background-color: #2e2e38;
    color: #ffffff;
}

.notificationicon_header {
    font-size: 1.425rem !important;
    width: 20px;
    height: 25px;
}

.badge_notification {
    width: 30px;
    height: 19px;
    left: 13px;
    top: -13px;
    font-size: 8px;
}

.badge_notification {
    color: #2e2e3c;
    font-size: .75rem;
    letter-spacing: 0;
    text-align: center;
    line-height: 0.725rem;
    padding-left: .75rem;
    padding-right: .75rem;
    display: inline-block;
    border-radius: .625rem;
    height: 1.25rem;
    min-width: 3rem;
    margin: .625rem 1.875rem .625rem 0;
    left: 13px;
    top: -31px;
    font-family: 'EYFontLight';
}



.badge_task_circle {
    width: 30px !important;
    height: 18px;
    top: -39px !important;
    font-size: 8px !important;
    padding-bottom: 0.4rem;
}

/*.dd-topnavbar  .k-i-sarrow-s::before {
    content: "\e006" !important;
}*/
.footer_icon .k-i-arrow-60-down::before, .footer_icon .k-i-arrow-s::before, .footer_icon .k-i-sarrow-s::before, .footer_icon .k-i-collapse::before, .footer_icon .k-i-expand-s::before {
    content: "\e004";
    color: #fff !important;
}

.footer_icon .k-i-arrow-60-up::before, .footer_icon .k-i-arrow-n::before, .footer_icon .k-i-sarrow-n::before, .footer_icon .k-i-expand-n::before {
    content: "\e006";
    color: #fff !important;
}

.k-panelbar > .k-item > .k-link.k-state-focused {
    box-shadow: none !important;
}

.k-panelbar {
    border: none;
}


.dd-topnavbar > kendo-dropdownlist .listbox span.k-icon.k-i-arrow-s::before {
    content: "\e006" !important;
}

.input-group-text {
    border-radius: 0 !important;
}

.header-border {
    border-bottom: 2px solid #ffe600;
}

.menu_icon_header_drawer {
    cursor: pointer;
    padding-left: 50px;
    padding-top: 10px;
    padding-bottom: 10px;
}

.bookmark_icon_header_drawer {
    padding-left: 50px;
    padding-top: 10px;
    padding-bottom: 10px;
}

.bookmark_icon_1 {
    padding-left: 42px;
    padding-bottom: 20px;
}

.footer_arrowicon_1 i {
    margin-left: 155px;
    /* color: #ffffff; */
    cursor: pointer;
    color: #ffe600;
}

.footer_Bookmark_icon i {
    padding-left: 19px;
    padding-top: 3px;
    cursor: pointer;
}

.footer_arrowicon i {
    padding-left: 19px;
    padding-top: 10px;
    cursor: pointer;
}
/* .footer_kenodrwer_3 {
  /*  padding-top: 16px;
    margin-top: 10px;*/
/* padding-bottom: 21px; */
/*background: #747480;*/
/* background: #2e2e38;
    border-top: none;
    margin-top: 3px; */
/* padding-top: 12px;*/
/* } */
.footer_menuicon {
    padding-left: 21px;
    padding-bottom: 20px;
}

.ey-drawer-container .kendodrawer_close .k-drawer-wrapper .k-drawer-items {
    overflow-y: auto;
    overflow-x: hidden;
    /*height: calc(100vh - 241px) !important;*/
    background: #2e2e38;
    /*   margin-top: -1px;*/
    height: calc(105vh - 170px) !important;
    margin-top: 0px;
}

.ey-drawer-container .kendodrawer_open .k-drawer-wrapper .k-drawer-items {
    overflow-y: auto;
    /*height: calc(100vh - 298px) !important;*/
    /*height: calc(100vh - 254px) !important;*/
    /*height: calc(100vh - 202px) !important;*/
    height: calc(107vh - 250px) !important;
    overflow-x: hidden;
}
/* .userprofile__dropdown a {
    font-size:16px!important;
} */

.userprofile__dropdown .dropdown-menu {
    background: #fff;
    color: #212529;
    padding: 0;
    height: auto !important;
    margin: .125rem 0 0;
    bottom: auto;
    font-size: 1rem;
    text-align: left;
    margin: 0rem 0 0;
    display: block;
    border-radius: 0;
    min-width: 12.5rem;
    border: 1px solid #2e2e38;
    box-shadow: -0.125rem -0.125rem 0.3125rem 0 rgba(26,26,36,.2);
    position: absolute;
    will-change: transform;
    top: 0px;
    transform: translate3d(0px, 54px, 0px);
}

/* .userprofile__dropdown .dropdown-menu {
    background: #2e2e38;
    color: #ffffff; */
/* padding: 0 0 5px 0;*/
/* top: 85% !important;
    height: auto !important;
    margin: 0rem 0 0;
    border-radius: 0px; */
/* } */
.userprofile__dropdown .dropdown-item:hover {
    color: #2e2e38 !important;
    background-color: #e1e1e6;
    font-family: EYInterstate-Light,"Noto Sans",Arial,sans-serif !important;
}


.userprofile__dropdown {
    margin-top: 8px !important;
}


.task_list_custom {
    background-color: #f6f6fa;
    padding: 10px;
    display: flex;
    margin-bottom: 10px;
    margin-right: 10px;
    width: 430px !important;
    height: 146px;
    border-bottom: 1px solid #747480 !important;
    border-right: 1px solid #747480 !important;
    border-top: 1px solid #747480 !important;
}

.task-data {
    position: absolute;
    background-color: #f6f6fa;
    width: 430px !important;
    border-right: 1px solid #747480;
    border-bottom: 1px solid #747480;
    padding-bottom: 10px;
    padding-right: 10px;
    margin-left: -14px;
    padding-left: 10px;
    min-height: 135px;
    max-height: 100%;
}

.text-ellipses {
    padding-right: 10px;
}

i.add_client {
    color: white;
    cursor: pointer;
    /* padding-left: 10px; */
    padding-left: 17px;
}

i.user_guide {
    color: white;
    cursor: pointer;
    padding-right: 10px;
}

.lbl-main-nav {
    width: 100% !important;
}

.footer_Bookmark_icon_1 {
    padding-left: 35px;
    /* color: #ffffff; */
    color: #ffe600;
    cursor: pointer;
}

.footer_menuicon_1 {
    padding-left: 35px;
    color: #ffffff;
}

.itemclassformenus_footer {
    padding-left: 42px;
    padding-top: 2px;
    /* color: #ffffff; */
    cursor: pointer;
    color: #ffe600;
}

.itemclassformenus_header {
    padding-left: 10px;
    padding-top: 12px;
    cursor: pointer;
}

#drawer_header_selectedName {
    /* border-bottom: 1px solid #c4c4cd; */
    /* color: #ffffff; */
    background: #2e2e38;
    border-bottom: none;
    color: #ffe600;
}

.footer_kenodrwer_3 {
    /* border-top: 1px solid #c4c4cd;
    padding-top: 20px; */
    border-top: none;
    padding-top: 12px;
    background: none;
}

.footer_kenodrwer_2 {
    border-top: 1px solid #c4c4cd;
    /*    background: #747480;*/
    /* color: #ffffff; */
    padding-top: 6px;
    border-top: none;
    background: #2e2e38;
    color: #ffe600;
}

.footer_kenodrwer_1 {
    /*background: #747480;*/
    /* color: #ffffff; */
    padding-bottom: 8px;
    background: #2e2e38;
    color: #ffe600;
}

.ms-Icon--DoubleChevronRight:before {
    content: "\edbf ";
}
/*.k-button-icon {
    width: 0px;
    height: 0px;
    padding: 4px;
}
*/
/*.kendo-popup.k-animation-container.k-animation-container-fixed.k-animation-container-shown {
    left: 1396.4px !important;
    top: 74.025px !important;
    z-index: 100000 !important;
}*/
kendo-popup > .popupCustomDropDown {
    left: 1396.4px !important;
    top: 74.025px !important;
    z-index: 100000 !important;
}

.badge_task_header {
    padding-right: 10px;
}

.k-drawer-push .k-drawer {
    height: 100vh !important;
    position: relative;
    align-self: stretch;
}

.k-drawer-wrapper {
    height: 100vh;
}

.form-control:focus {
    color: #495057;
    background-color: #fff;
    border-color: #c4c4cd;
    outline: 0;
    box-shadow: none;
    border-radius: 0px !important;
}

.add-client-icon {
    margin-top: 5px;
}

.client-list-dropdown-custom {
    width: auto;
}

.k-list .k-item:hover, .k-list .k-item.k-state-hover, .k-list-optionlabel:hover, .k-list-optionlabel.k-state-hover {
    color: #747480 !important;
    background-color: #e1e1e6;
}

.icon_color {
    color: #ffe600;
}
/* .dropdown-item {
    white-space: pre-line!important;
} */
.taskExpandedZIndex {
    z-index: 9999999999;
}

.taskNotExpandedZIndex {
    z-index: 999999;
}

.DisplayText_NotExpanded {
    margin-bottom: 0px !important;
}

.DisplayText_Expanded {
    margin-bottom: -15px !important;
}

.k-text-selection ::selection, .k-widget ::selection, .k-block ::selection, .k-panel ::selection, .k-pane-wrapper ::selection, .k-view ::selection, .k-progressbar ::selection, .k-numerictextbox ::selection, .k-flatcolorpicker ::selection, .k-combobox ::selection, .k-dateinput ::selection, .k-datepicker ::selection, .k-datetimepicker ::selection, .k-timepicker ::selection, .k-dropdown ::selection, .k-dropdowntree ::selection, .k-multiselect ::selection, .k-maskedtextbox ::selection, .k-rating ::selection, .k-window ::selection, .k-drawer ::selection, .k-notification ::selection, .k-breadcrumb ::selection, .k-pager-wrap ::selection, .k-panelbar ::selection, .k-card ::selection, .k-splitter ::selection, .k-spreadsheet ::selection, .k-scheduler ::selection, .k-chat ::selection, .k-mediaplayer ::selection, .k-pdf-viewer ::selection, kendo-scrollview.k-scrollview-wrap ::selection, div.k-scrollview ::selection, .k-chart ::selection, .k-sparkline ::selection, .k-stockchart ::selection {
    background-color: #1777cf !important;
}

.popupCustomDropDown {
    margin-top: 13px;
    margin-left: -12px;
}
/*.task-abc p {
    color: unset;
}*/

.noti-icons .dropdown-menu.notify-drop .drop-content {
    color: #ffffff;
    overflow-x: hidden;
}

.noti-icons .dropdown .dropdown-toggle {
    color: #fff !important;
}

.noti-icons .dropdown-menu.notify-drop .drop-content:hover {
    color: #747480 !important;
    /* background-color: #e1e1e6;*/
}

#menu_icon_footer_1 {
    cursor: pointer;
}

.task_background:hover {
    background: #e1e1e6;
    color: #000000;
}

.child_bg_collapsed {
    /* background: #E1E1E6; */
    /* padding-top: 6px; */
    /* padding-bottom: 6px; */
    /* margin-top: -10px; */
    /*background: #E1E1E6;*/
    background: #747480;
    padding-bottom: 10px;
    padding-top: 10px;
    padding-left: 6px;
    margin-bottom: -11px !important;
    margin-top: -13px;
    margin-left: -20px;
}

.child_bg {
    /*background: #E1E1E6;*/
    padding-top: 15px;
    padding-bottom: 0px;
    margin-top: -10px;
    /* background: #747480; */
    background: rgba(116,116,128,0.2);
}

/* .child_bg :hover */
/* { */
/* background-color: rgba(196,196,196,0.5) !important; */

/* } */
.k-level-1.DisplayText_Expanded.child_bg:hover {
    /* background: rgba(196,196,196,0.5) !important; */
    background: #1a1a24 !important;
}

.child_bg_collapsed:hover {
    /* background-color: rgba(196,196,196,0.5) !important; */
    background: rgba(116,116,128,0.2);
}

.child_bg .DisplayText_Expanded :hover {
    background: rgba(196,196,196,0.5) !important;
}

.child_bg .DisplayText_Expanded :hover {
    background: rgba(196,196,196,0.5) !important;
}

.panel-group {
    position: relative;
    overflow-y: auto;
    height: 273px;
}

.userinfo_icon {
    padding-top: 5px;
}

.status-all_border {
    border-left: 4px solid #747480;
}

.icon_user {
    font-size: 19px !important;
}

.loadingAppRoot {
    width: 30px;
    height: 30px;
}

.spinner {
    z-index: 10;
    position: fixed;
    left: 50%;
    top: 50%;
    height: 60px;
    width: 60px;
    margin: 0px auto;
    -webkit-animation: rotation 0.6s infinite linear;
    -moz-animation: rotation 0.6s infinite linear;
    -o-animation: rotation 0.6s infinite linear;
    animation: rotation 0.6s infinite linear;
    border-left: 5px solid #d8d8d8 !important;
    border-right: 5px solid #d8d8d8 !important;
    border-bottom: 5px solid #d8d8d8 !important;
    border-top: 5px solid #2e2e38 !important;
    border-radius: 100%;
    overflow: hidden;
}


@-webkit-keyframes rotation {
    from {
        -webkit-transform: rotate(0deg);
    }

    to {
        -webkit-transform: rotate(359deg);
    }
}

@-moz-keyframes rotation {
    from {
        -moz-transform: rotate(0deg);
    }

    to {
        -moz-transform: rotate(359deg);
    }
}

@-o-keyframes rotation {
    from {
        -o-transform: rotate(0deg);
    }

    to {
        -o-transform: rotate(359deg);
    }
}

@keyframes rotation {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(359deg);
    }
}

.grid-backdrop {
    position: absolute;
    background-color: #000;
    opacity: 0.5;
    z-index: 1000;
}

span.grid-backdrop {
    width: 100% !important;
    height: auto !important;
}

.k-level-0.DisplayText_NotExpanded.child_bg_collapsed:hover {
    /* background-color: rgba(196,196,196,0.5) !important; */
    padding-bottom: 10px;
    padding-top: 10px;
    margin-bottom: -11px !important;
    margin-top: -13px;
    background: #1a1a24 !important;
}

/* [ng-reflect-spinner="true"] { */
/* width: 100%; */
/* height: 100%; */
/* background-color: white; */
/* position: absolute; */
/* OPACITY: 0.7; */
/* left: 0; */
/* margin: 0; */
/* height: 100%; */
/* overflow: hidden; */
/* } */
.EyLogoImage {
    width: 30px;
    height: 30px;
}
/* .header-group__divider {
    height: 1rem !important;
    padding-top: 33px !important;
        margin: 0px !important;
    margin-right: 12px !important;
} */

.task-border {
    width: 100% !important;
}

.EyLogoHomeRedirect {
    cursor: pointer;
}

.eyStdIcon {
    margin-right: 10px;
}

.error_message {
    color: #b9251c;
}

.success_message {
    color: #168736;
}

.warning_message {
    color: #ff9831;
}

.navigation-bar-tertiary ul li a:not([href]), .navigation-bar-tertiary ul li a {
    font-size: 0.875rem !important;
}

    .navigation-bar-tertiary ul li a:not([href]), .navigation-bar-tertiary ul li a {
        font-weight: unset !important;
    }

        .navigation-bar-tertiary ul li a:not([href]), .navigation-bar-tertiary ul li a:hover {
            color: #2e2e38 !important;
        }

.navigation-bar-tertiary__nav-link.active {
    color: #2e2e38;
    border-bottom: .25rem solid #2e2e38;
    font-weight: bold;
}

/*//User Module Css*/
.table_email {
    padding-right: 0px;
}

.eyStdBtn_custom {
    padding-top: 12px !important;
}

.form-control:disabled, .form-control[readonly] {
    background-color: unset !important;
}

.table-condensed {
    border: 1px solid #c4c4cd;
}

.table-condensed {
    width: 100%;
    font-size: 12px;
}

    .table-condensed td {
        border-collapse: collapse;
        word-break: break-word;
    }

    .table-condensed thead {
        display: table; /* to take the same width as tr */
        width: calc(100% - 17px); /* - 17px because of the scrollbar width */
    }

    .table-condensed tbody {
        display: block !important; /* to enable vertical scrolling */
        max-height: 400px; /* e.g. */
        overflow-y: scroll; /* keeps the scrollbar even if it doesn't need it; display purpose */
        overflow-x: hidden;
    }

    .table-condensed th, .table-condensed td {
        width: 33.33%; /* to enable "word-break: break-all" */
        padding: 5px;
        word-break: break-all; /* 4. */
    }

    .table-condensed tr {
        display: table; /* display purpose; th's border */
        width: 102%;
        box-sizing: border-box; /* because of the border (Chrome needs this line, but not FF) */
    }

    .table-condensed td {
        text-align: left;
        border-bottom: none;
        border-left: none;
        word-break: break-word;
    }

    .table-condensed ::-webkit-scrollbar {
        width: 5px;
    }



Used for mandatory fields*/
.Required_asterisk {
    font-family: "EYFontLight", "Noto Sans", Arial, sans-serif !important
}

.form-control {
    border-radius: 0px !important;
    /*border:none;*/
}
/* .search_btn { */
/* border: none; */
/* background-color: #f6f6fa; */
/* margin-bottom: 5px; */
/* padding-top: 7px; */
/* border-bottom: .0625rem solid #2e2e38; */
/* } */
.search_btn {
    border: none;
    background-color: #f6f6fa;
    margin-top: 0px;
    margin-left: 0px;
    height: 40px;
    border-bottom: .0625rem solid #2e2e38;
    min-width: 0px;
    padding: 0px !important;
}

.k-grid-content {
    overflow: auto;
    height: 20em;
}

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


#searchBox {
    margin-bottom: 5px;
    padding: 10px;
    border-radius: 0;
    background-color: #f6f6fa;
    border: none;
    color: #333;
    height: 40px;
    margin-left: 0;
    border-bottom: .0625rem solid #2e2e38;
}

.table_width {
    width: 100%;
    overflow-y: auto !important;
}

/* .nav-tabs .nav-item
{
margin-left: 20px;
margin-right: 20px;
} */

.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
    /* background-color: #fff;
    border-color: #dee2e6 #dee2e6 #fff;
    border-right: 1px solid #ddd;
    border-left: 1px solid #ddd;
    border-bottom: 0;
    border-top: 3px solid #ffe600;
    border-radius: 0px;
    padding-left: 20px;
    padding-right: 20px;
    font-size: 11pt;
    cursor: pointer;
    padding-left: 40px;
    padding-right: 40px; */

    background-color: transparent;
    Color: #2e2e38 !important;
    Padding-bottom: .5rem;
    Border-color: #fff !important;
    Line-height: 2.8125rem !important;
    Font-size: .875rem !important;
    Border-bottom: .25rem solid #2e2e38 !important;
    Font-weight: 700;
    Padding: 0 1.25rem;
    Outline: 0;
    Text-decoration: none;
}

.nav-tabs > li > a {
    /* background: none;
    padding-left: 20px; */
    background: none;
    /* padding-left: 5px;
    margin-right: 10px; */
}

    .nav-tabs > li > a:focus {
        border: none;
        outline: none;
    }

.border_input {
    border-radius: 0px;
}


.roles_width {
    width: 350px !important;
    border-radius: 0px;
    height: 250px !important;
    overflow-y: auto;
}

#custom-search-input {
    width: 108%;
}

.action_table td {
    width: 50%
}

.action_table tr:nth-child(odd) {
    background-color: #f6f6fa;
}

.action_table th {
    background-color: #ffffff;
}

.table_height {
    height: 454px !important;
}

.input-md:focus {
    color: #c4c4cd;
}

.input-md {
    color: #c4c4cd;
    cursor: not-allowed;
}

.yellowthemebtn {
    min-width: 125px;
}

.btn:disabled:hover, .btn:disabled:active {
    background-color: #e7e7ea !important;
    color: #747480 !important;
    border: none !important;
}

.btn.disabled, .btn:disabled {
    background-color: #e7e7ea !important;
    color: #747480 !important;
    border: none !important;
}



/* .grid-spinner  {
    background: #fff;
    opacity: 0.4;
    z-index: 10;
} */


.popup_content {
    overflow: hidden !important;
}


.btn--progress.btn--progress-primary.active, .btn--progress.btn--progress-primary.focus, .btn--progress.btn--progress-primary.hover, .btn--progress.btn--progress-primary:active, .btn--progress.btn--progress-primary:focus, .btn--progress.btn--progress-primary:hover {
    background-color: #2e2e38;
    color: #fff !important;
}

.btn1:hover {
    background: #000;
    color: #fff !important;
}

.k-animation-container .k-list-container {
    background-color: #fff;
    color: #2e2e38;
    border: 1px solid #000;
    line-height: 2.5rem !important;
}

.k-list .k-item, .k-list-optionlabel {
    padding: 1.1rem 1.5rem;
    height: 2.813rem;
    font-size: .75rem !important;
    line-height: .75rem !important;
    white-space: normal;
}

.k-list-optionlabel {
    padding: 20px !important;
}

    .k-list .k-item.k-state-selected, .k-list-optionlabel.k-state-selected {
        color: #2e2e38;
        background-color: #fff;
    }

        .k-list .k-item.k-state-selected, .k-list-optionlabel.k-state-selected:hover {
            color: #747480 !important;
            background-color: #e1e1e6 !important;
        }

.k-dropdown .k-dropdown-wrap, .k-dropdowntree .k-dropdown-wrap {
    color: #2e2e38;
    background-color: #f6f6fa;
    height: 35px;
    font-size: 0.875rem;
    border: none;
    /* border-bottom: 1px solid #000!important; */
    padding-top: 0.45rem;
    padding-left: 0.75rem;
    background-image: unset;
}


    .k-dropdown .k-dropdown-wrap:hover, .k-dropdowntree .k-dropdown-wrap:hover, .k-dropdown .k-dropdown-wrap.k-state-hover, .k-dropdowntree .k-dropdown-wrap.k-state-hover {
        color: #2e2e38;
        background-color: #e1e1e6;
        height: 35px;
        font-size: 0.875rem;
        border: none;
        padding-top: 0.45rem;
        padding-left: 0.75rem;
        background-image: none;
    }

.theader_color td .form-control {
    font-size: 12px;
    width: 100% !important;
    border: none;
}

/*Input Box css starts here*/

input:placeholder-shown + label {
    cursor: text;
    max-width: 66.66%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    transform-origin: left bottom;
    transform: translate(0, 2.125rem) scale(1.5);
    font-family: "EYFontLight", "Noto Sans", Arial, sans-serif !important;
}

::-webkit-input-placeholder {
    opacity: 0;
    transition: inherit;
}

input:focus::-webkit-input-placeholder {
    opacity: 1;
}

input:not(:placeholder-shown) + label,
input:focus + label {
    transform: translate(0, 0) scale(1);
    cursor: pointer;
}


.md-form .form-control {
    margin: 0;
    border-radius: 0;
    background-color: #f6f6fa !important;
    padding: 1.5em 1em 0.6em 0.75em;
    background-image: none;
    border-bottom: 1px solid #2e2e38;
    border-right: none;
    border-left: none;
    border-top: none;
    height: 45px;
    font-family: "EYFontLight", "Noto Sans", Arial, sans-serif !important;
}
    /* .form-control
      {
        width:600px;
      }
       */
    .md-form .form-control:focus {
        -webkit-box-shadow: none;
        box-shadow: none;
        background: transparent;
        border: none;
        border-bottom: 2px solid #1a1a24;
    }

    .md-form .form-control:disabled,
    .md-form .form-control[readonly] {
        border-bottom: 1px solid #1a1a24;
        background-color: transparent;
    }

.md-form label {
    position: absolute;
    -webkit-transition: 0.2s ease-out;
    -o-transition: 0.2s ease-out;
    transition: 0.2s ease-out;
    cursor: text !important;
    color: #2e2e38 !important;
    margin: 0px;
    left: 0 !important;
    top: 2px !important;
    pointer-events: none;
    font-size: 10px !important;
    height: 45px !important;
    padding-left: 0.75rem !important;
}

/* .md-form label {
          position: absolute;
          -webkit-transition: 0.2s ease-out;
          -o-transition: 0.2s ease-out;
          transition: 0.2s ease-out;
          cursor: text;
          color: #757575;
          margin: 0px;
          pointer-events:none;
          font-size:10px;
          height:45px;
      } */
.material-custom {
    font-size: 16px;
}


/*Input Box css ends here*/
.reqControl {
    border: 1px solid red !important;
    height: auto;
}



.table-font {
    font-size: 12px;
}

.action_table tr:nth-child(odd) {
    Background-color: #fafafc !important;
}

.table-hover tbody tr:hover {
    font-weight: 700;
    border-top: .125rem solid #aaaab1;
}

.nav-tabs {
    Box-shadow: 0 0.1875rem 0.1875rem -0.125rem rgba(0, 0, 0, .15);
    border-bottom: none;
}

    .nav-tabs .nav-link {
        Font-weight: 200;
        border: 1px solid transparent;
        background-color: transparent;
        line-height: 2.8125rem !important;
        padding: 0 1.25rem;
        color: #2e2e38;
        font-size: .875rem !important;
        font-family: EYInterstate-Light, "Noto Sans", Arial, sans-serif !important;
    }

        .nav-tabs .nav-link:focus,
        .nav-tabs .nav-link:hover {
            Border-bottom: .25rem solid #2e2e38;
            color: #2e2e38 !important;
            border-top: transparent;
            border-left: transparent;
            border-right: transparent;
            font-family: EYInterstate-Light,"Noto Sans",Arial,sans-serif !important;
        }

.modal-lg .modal-body {
    Padding: 1.875rem 2rem 0 !important;
    overflow-x: hidden !important;
}

.modal-body {
    Font-size: 14px;
}

.text-label {
    Font-size: 14px;
}

.btn_small {
    font-size: 10px !important;
    min-width: 80px;
    height: 32px;
    margin: 2px;
    padding: 5px !important;
}

.text-primary {
    color: #2e2e38 !important;
}

.input_url_bookmark {
    width: 100%;
}

/* global header changes */

.header-group__image {
    margin: .6875rem .9375rem .75rem 1.5rem !important;
    height: 1.688rem !important;
    width: 1.563rem !important;
    vertical-align: middle !important;
    border-style: none !important;
}

.header-group__labels {
    font-size: .9375rem !important;
    height: 11px;
    font-family: EYInterstate-Light,"Noto Sans",Arial,sans-serif !important;
    line-height: .6875rem !important;
    margin: 1.5625rem 0 .875rem 1rem !important;
    color: #ffffff;
    padding-right: 1.5rem;
    padding-left: 1.5rem;
    padding-top: 16px;
}

.page-header .header-group__labels-container .header-group__sub-label {
    font-size: .75rem !important;
    font-family: "Noto Sans", Arial, sans-serif !important;
    display: flex;
    margin: 0;
    padding-left: 15px;
    line-height: -0.125rem !important;
    font-style: unset;
    color: #c4c4cd;
}

.header-group__divider {
    width: 0 !important;
    height: 2rem !important;
    margin: 0px 8px 0 .5rem !important;
    border-left: .0625rem solid #747480 !important;
}

/*------------Bulk import--------------*/
.material-custom {
    font-size: 16px;
    color: #2e2e38;
}

.k-grid thead, .k-grid tbody, .k-grid tfoot {
    color: #2e2e38;
}

.k-columnmenu-actions .k-button.k-primary {
    border: none !important;
    background-color: #ffe600 !important;
    color: #2e2e38 !important;
    opacity: 100% !important;
    height: 45px !important;
    background-image: unset !important;
}

    .k-columnmenu-actions .k-button.k-primary:hover {
        background-color: #2e2e38 !important;
        color: #fff !important;
    }

.k-columnmenu-actions .k-button {
    border-color: unset !important;
    color: #2e2e38 !important;
    border: 1px solid #2e2e38 !important;
    background-color: #fff !important;
    background-image: none !important;
    border-radius: 0px !important;
    height: 45px !important;
}

    .k-columnmenu-actions .k-button:hover {
        background-color: #2e2e38 !important;
        color: #fff !important;
    }

.k-upload .k-upload-button {
    background: #fff !important;
}

.k-upload .k-dropzone {
    background: #fff !important;
}

kendo-list .k-list .k-item:nth-of-type(even) {
    background-color: #f6f6fa !important;
}

/*------Bulk Import------------*/

/*------Adhoc Report-----------*/
.k-grid-content {
    overflow: auto !important;
    height: 100% !important;
    min-height: 20em !important;
    max-height: 25em !important;
}

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

.k-grid table {
    min-width: auto !important;
    overflow-x: auto !important;
}

.k-grid .k-grid-aria-root {
    /* max-width: 1370px !important; */
}

.k-animation-container .k-list-container {
    min-width: 250px !important;
}

.kendoGridPagedButton {
    padding-left: 10px !important;
}

.k-pager-info, .k-pager-sizes, .k-pager-input {
    margin-right: 0px !important;
}

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

.k-panelbar .k-panelbar-expand {
    right: 85px !important;
}

.k-panelbar .k-panelbar-collapse {
    right: 85px !important;
}

.footer-collapsed {
    width: 100% !important;
}

.footer-expanded {
    width: 100% !important;
}

#footerheaderpart {
    width: 100%;
    margin-left: 0px !important;
}

.footer-expanded .k-panelbar .k-panelbar-expand {
    right: 306px !important;
}

.footer-expanded .k-panelbar .k-panelbar-collapse {
    right: 306px !important;
}

.footer-expanded #footerheaderpart {
    width: 85%;
}

.ey-drawer-container .k-drawer-content .container {
    overflow: auto !important;
}
/*------Adhoc Report-----------*/



.k-panelbar > .k-item > .k-link {
    background-color: #2e2e38 !important;
}

.panelbar-wrapper .k-content {
    background-color: #fafafc !important;
    color: #2e2e38 !important;
}

.property_panelbar-wrapper {
    min-width: 80px;
}


/* ////kendo styles.css */

.k-panelbar > .k-item > .k-link:hover,
.k-panelbar > .k-item > .k-link.k-state-hover {
    color: #2e2e38 !important;
}

.k-panelbar > .k-item > .k-link.k-state-selected {
    color: #2e2e38 !important;
}


/*-------------------Bulk Import External Data source -----------*/
.externalsourcegrid .k-dropdown .k-dropdown-wrap {
    color: #2e2e38;
    height: 30px;
    padding-top: 0rem;
    padding-left: 0rem;
    background-color: white;
    border-bottom: 0px !important;
}

.externalsourcegrid .k-checkbox:checked {
    border-color: #2e2e38;
    background-color: #ffe600;
    color: #2e2e38;
}

.externalsourcegrid .k-checkbox:indeterminate {
    color: #ffe600;
}

.externalsourcegrid .k-checkbox:checked:focus {
    border-color: #2e2e38;
    box-shadow: 0 0 0 2px rgba(255, 255, 255, 255);
}

.externalsourcegrid tbody tr:nth-of-type(odd) {
    background-color: white;
}

.externalsourcegrid input[type=checkbox] {
    border-color: #2e2e38;
}

.externalsourcegrid th input[type=checkbox] {
    border-color: white;
}

.externalsourcegrid th .k-checkbox:indeterminate {
    color: white;
}

.externalsourcegrid .k-header .k-checkbox:checked {
    border-color: white;
    background-color: white;
    color: white;
}

/*-------------------Bulk Import External Data source -----------*/

/*-------------------Added this to solve red color on dropdown menu hover in surveymenus-----------*/

.k-menu-group .k-item > .k-state-active {
    background-color: #ffe600 !important;
}

/*-------------------end -----------*/

/*-------------------added this condition to make userdrop in alignmnet with all other items in dashboard -----------*/

.userprofile__dropdown a {
    font-size: 1rem !important;
    line-height: 1rem !important;
}
/*-------------------end -----------*/

/*--ey-design-systems-input-validation-message-overload-- Had to do this because "top:-1.75 rem" was causing the error message to move inside the text box. Changed it to top:0*/
.textinput-group__errmsg_custom {
    font-size: 0.625rem !important;
    font-family: "EYFontRegular", "Noto Sans", Arial, sans-serif !important;
    line-height: 1.125rem !important;
    color: #e0362c;
    padding-left: 0.3rem;
    width: 100%;
    text-align: left;
    position: relative;
    top: 0 !important;
}

.k-upload-button:hover {
    color: #656565 !important;
}
/*--end--*/

/*-------------------added this condition to make changes in kendo calendar so that it shows year correctly -----------*/

.k-calendar-infinite .k-calendar-yearview .k-content .k-link,
.k-calendar-infinite .k-calendar-yearview .k-content td.k-empty,
.k-calendar-infinite .k-calendar-decadeview .k-content .k-link,
.k-calendar-infinite .k-calendar-decadeview .k-content td.k-empty,
.k-calendar-infinite .k-calendar-centuryview .k-content .k-link,
.k-calendar-infinite .k-calendar-centuryview .k-content td.k-empty {
    width: 3.55em;
    height: 3.4em;
}

/*--end--*/

/*-------------------added this condition to make changes in kendo calendar selected date -----------*/

.k-calendar .k-state-selected .k-link {
    background-color: #ffe600;
}

.k-calendar .k-state-selected:hover .k-link {
    background-color: #2e2e38;
}


.k-calendar .k-footer .k-nav-today, .k-calendar .k-calendar-header .k-today {
    color: #ffe600;
}

.k-calendar .k-footer .k-nav-today, .k-calendar .k-today .k-month {
    color: #ffe600;
}

.k-calendar .k-content .k-today {
    color: #ffe600;
}

.k-calendar .k-content .k-month {
    color: #ffe600;
}

.k-calendar .k-content .k-year {
    color: #ffe600;
}

.k-calendar .k-footer .k-nav-today, .k-calendar .k-calendar-header .k-today:hover {
    color: #2e2e38;
}

/*-------------------end------------------------------*/





/*-------------------UI/UX new classes -----------*/


.inline-message-warning {
    color: #ff9831;
}

.breadcrumb-separator-line {
    border-left: 1px solid lightgrey;
    height: 55px;
}

.breadcrumb-font {
    font-size: 2rem !important;
}

.gridActionButton {
    width: 45px !important;
    height: 45px !important;
    font-size: 20px !important;
    padding-top: 10px;
}

.k-calendar.k-calendar-range .k-range-mid {
    background-color: #FCFE50 !important;
    color: #000 !important;
    background-image: none !important;
}

.k-calendar.k-calendar-range .k-range-start .k-link, .k-calendar.k-calendar-range .k-range-end .k-link {
    background-color: #FCFE50 !important;
    color: #000 !important;
}

.k-calendar.k-calendar-range .k-range-start, .k-calendar.k-calendar-range .k-range-end, .k-calendar.k-calendar-range .k-range-mid {
    background-image: none !important;
}

.ey-logo-fix {
    position: absolute;
    top: 10px;
    left: 80px;
}

.hamburger-align {
    padding-left: 20px !important;
}

.toggleColor-Off {
    color: #747480;
    font-size: 29px !important;
}

.toggleSize-On {
    font-size: 30px !important;
}

.cursorpointer {
    cursor: pointer;
}

.cardsin h5 {
    height: auto !important;
    word-break: break-word !important;
}

.appTiles {
    height: auto !important;
}

.searchbox {
    display: inline-flex;
    margin-top: 8px;
}

.search-container {
    width: 20.5rem;
}

.des_box {
    padding-top: 16px;
}

.cardsout {
    display: flex;
    flex-wrap: wrap;
}

.cardsin {
    flex: 1;
    position: relative;
    background: #fff;
    border: solid 1px #B1B1B1;
    border-radius: 7px;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 20px 25px -5px, rgba(0, 0, 0, 0.04) 0px 10px 10px -5px;
    margin: 0 0 25px 0;
}

    .cardsin::after {
        content: '';
        position: absolute;
        display: block;
        width: 0;
        height: 5px;
        background: #FFE600;
        transition: width .3s;
        bottom: -1px;
        border-radius: 0 0 4px 4px;
    }

    .cardsin:hover::after {
        width: 100%;
    }

.cardsout a, button {
    color: #2E2E38;
}

.wide_grey {
    width: 100%;
    text-align: center;
    display: inline-block;
    background: #E7E7EA;
    padding: 30px 0 60px 0;
}

.cards_wrap {
    position: relative;
    top: 20px;
}

.cardsin h5 {
    height: 35%;
    display: flex;
    align-items: center;
    font-size: 20px;
    margin: 20px 20px 10px 20px;
    padding-bottom: 10px;
    cursor: pointer;
}

.cardsin p {
    padding: 5px 15px 15px 15px !important;
}

.btn_close i:hover {
    color: #636363;
}

.modal-content-fit {
    overflow-y: scroll !important;
    height: 800px;
}

.modal-body-fit {
    margin-left: 25px !important;
    margin-right: 25px !important;
    flex: inherit !important;
}

.shift-right{
    margin-left: 700px;
}

.collapsible {
    cursor: pointer;
    padding: 18px;
    width: 100%;
    border: none;
    text-align: left;
    outline: none;
    font-size: 15px;
}

.content {
    padding: 0 18px;
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.2s ease-out;
}

.right-aligned {
    position: absolute !important;
   /* top: 0px;*/
    bottom: 0;
    right: 0;
    z-index: 10040 !important;
    overflow: auto;
    overflow-y: auto;
}

.left-aligned {
    position: absolute !important;
    top: 0px;
    bottom: 0;
    left: 0px !important;
    z-index: 10040 !important;
    overflow: auto;
    overflow-y: auto;
}

.center-aligned {

}

.spinner {
    z-index: 10;
    position: fixed;
    left: 50%;
    top: 50%;
    height: 60px;
    width: 60px;
    margin: 0px auto;
    -webkit-animation: rotation 0.6s infinite linear;
    -moz-animation: rotation 0.6s infinite linear;
    -o-animation: rotation 0.6s infinite linear;
    animation: rotation 0.6s infinite linear;
    border-left: 5px solid #d8d8d8 !important;
    border-right: 5px solid #d8d8d8 !important;
    border-bottom: 5px solid #d8d8d8 !important;
    border-top: 5px solid #2e2e38 !important;
    border-radius: 100%;
    overflow: hidden;
}

.appclientselector .modal-content {
    overflow-x: hidden;
}


.center {
    position: absolute;
    margin: auto;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100px;
    height: 100px;
    background-color: #ccc;
    border-radius: 3px;
}

svg {
    margin-bottom: 0 !important;
}

.k-button-sm.k-icon-button .k-button-icon.k-svg-icon > svg, .k-button-sm.k-icon-button .k-button-icon.k-icon-md > svg{
    width: 20px !important;
    height: 20px !important;
}

.telerik-blazor k-button-icon k-svg-icon:hover{
    background-color: white !important;
}

.k-svg-icon > svg {
    fill: black !important;
}
/*-------------------end------------------------------*/

.right-position {
    margin-left: 750px;
    margin-top: -25px;
}

.cs-toast {
    display: none;
    padding: 1.5rem;
    color: #fff;
    z-index: 99999 !important;
    position: absolute;
    width: 25rem;
    top: 2rem;
    border-radius: 1rem;
    right: 2rem;
}

.cs-toast-icon {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 0 1rem;
    font-size: 2.5rem;
}

.cs-toast-body {
    display: flex;
    flex-direction: column;
    flex: 1;
    padding-left: 1rem;
}

    .cs-toast-body p {
        margin-bottom: 0;
    }

.cs-toast-visible {
    display: flex;
    flex-direction: row;
    animation: fadein 1.5s;
}

@keyframes fadein {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}
.k-panelbar > .k-item > .k-link.k-selected, .k-panelbar > .k-panelbar-header > .k-link.k-selected {
    padding: 0 !important;
    height: 45px !important;
    display: flex !important;
    justify-content: flex-start !important;
}
.toggle_on {
    color: #2db757;
    float: right;
}

.toggle_off {
    color: grey;
    float: right;
}

.toggle_on i {
    /*font-size: 20px !important;*/
    margin-right: 10px;
    cursor: pointer;
    /* margin-left: 590px;*/
}

.toggle_off i {
    /*font-size: 20px !important;*/
    margin-right: 10px;
    cursor: pointer;
    /*margin-left: 540px;*/
}