#filterProgress {
    margin: -15px 5px 0px 12px !important;
    padding: 3px 0px 3px 0px !important;
    background-color: var(--GridHeaderlvl);
}
#content .k-button {
    margin: 2px 1px 2px 4px !important;
}

.expand-sidebar-body .content-wrapper {
   /* margin-left: 230px !important;*/
    transition: transform 0.3s ease-in-out, margin 0.3s ease-in-out;
}

.mini-sidebar-body .content-wrapper {
    /*margin-left: 62px;*/
    transition: transform 0.3s ease-in-out, margin 0.3s ease-in-out;
}

.expand-sidebar-body #refineryconten {
    /*margin-left: 230px*/
    width: 100%
}
.expand-sidebar-body #sidebar {
    width: 230px !important;
    overflow-x: hidden;
}

/*.expand-sidebar-body .content-wrapper {
    margin-left: 230px !important;
    transition: transform 0.3s ease-in-out, margin 0.3s ease-in-out;
}
*/

.k-tabstrip-wrapper #tabStrip .nav {
    flex-wrap: unset;
}

.expand-sidebar-body #sidebar {
    width: 230px !important;
    overflow-x: hidden;
}
.k-tabstrip-wrapper #tabStrip .k-tabstrip-items {
    margin: unset !important;
}

.k-tabstrip-wrapper #tabStrip .k-flat {
    border: 1px solid #ffffffc2 !important;
    box-shadow: 0px 0px 4px 0px #fff !important;
    background-color: var(--NavBarlvl) !important;
    border-radius: 150px 0 0 150px;
    margin-top: -2.7px;
    height: 32px;
}

    .k-tabstrip-wrapper #tabStrip .k-flat.k-tabstrip-prev {
        border-radius: 0 150px 150px 0;
    }


/*.modalClose {
    padding-left: 8px !important;
}*/
#SequenceToggle {
    color: var(--NavBarlvl) !important;
    cursor: pointer;
}
upper-row-layout
.VendormenuBtn {
    /*    background-color: rgba(247, 247, 247, 0.55);*/
    width: 70px;
    text-align: center;
    cursor: pointer
}

.VendormenuBtn a {
    font-size: 13px;
    /* font-weight: bold; */
    color: var(--Activesidebar) !important;
    text-decoration: none;
    line-height: 68px;
    cursor: pointer;
    text-decoration: none !important;
}

.logoutLogo {
    height: 46px;
    font-size: 20px;
    margin-top: 0%;
    /* border-radius: 50%;*/
    font-weight: bold;
    color: #fff;
    text-align: center;
    float: left;
    margin-left: -8px;
}

.userbg {
    margin-top: 7px;
    height: 50px;
    font-size: 19px;
    margin-left: 2px;
    width: auto;
   /* padding: 26px 11px !important;*/
}


.logout_txt {
    background-color: var(--NavBarlvl) !important;
    color: #fff;
    border-radius: 2px;
    cursor: pointer;
}

.toptxt {
  /*  line-height: 0px;*/
    float: left;
    font-size: 19px;
}

.divparent {
    position: relative;
}

.layoutProfile a.nav-link.nav-link-label.active-icon {
    background-color: transparent !important;
}

.right-container-sticky {
    display: none;
}

.right-container-sticky {
    PADDING: 0px 8px;
    MARGIN: 0;
    background-color: var(--bgColor);
    width: 58px;
}

.upper-row-layout .breadcrumb1, .upper-row .breadcrumb1 {
    padding: 0px 16px;
    line-height: 16px;
    margin-top: 2px;
}

.stngCollapseDiv label {
    /*  color: white;*/
    font-size: 14px;
    font-family: Segoe UI;
    font-style: normal;
}


.k-grid-header, .k-grid .k-grid-header-locked, .k-grid-header {
    /*background-color: var(--TableHeader) !important;*/ /*#347a99 !important;*/
    background-color: var(--GridHeaderlvl) !important;
    background-image: none,linear-gradient(to bottom,rgb(95 96 97 / 20%) 0,rgba(255,255,255,0) 100%) !important;
    color: white !important;
    /*color: white !important;*/
    /*background-image: none,linear-gradient(to bottom,rgb(95 96 97 / 20%) 0,rgba(255,255,255,0) 100%);*/
}

.k-grid tr.k-alt {
    /*  background: var(--TableBody) !important; */ /*rgba(66, 184, 192, 0.13)*/
}

/*#sidebar {*/
/* min-width: 250px;*/
/*max-width: 250px;*/
/* min-height: calc(100vh - 100px) !important;
    max-height: calc(100vh - 100px) !important;*/
/*background: #ffffff;
    transition: all 0.3s;
    color: #773ddf;*/
/* box-shadow: 0 0 2px 1px #c0bbbb, 0 0 2px 5px #c0bbbb57; */
/*overflow-y: auto;
}*/

.expand-sidebar-body #sidebar .dropdown-toggle:after {
    display: block;
}



.k-button {
    background-color: var(--GridHeaderlvl) !important;
    background-image: var(--GridHeaderlvl) !important;
    color: white !important;
    border-radius: 5px;
}

.k-treeview .k-checkbox-wrapper {
    margin: 0 !important
}

.k-treeview .k-treeview-lines .k-top {
    align-items: flex-end;
}

.editorToggleDiv .k-widget.k-editor.k-editor-widget .k-editor-toolbar-wrap .k-editor-toolbar {
    display: none
}

/*.k-animation-container > .k-popup {
    box-shadow: none !important;
}
*/
.k-loading-mask {
    z-index: 2
}

#content .k-editor {
    border-color: rgb(17 80 128 / 58%);
}

.VendormenuBtn a {
    font-size: 21px;
    font-weight: bold;
    /*color: aliceblue;*/
    text-decoration: none;
    line-height: 68px;
    cursor: pointer;
    text-decoration: none !important
}

.VendormenuBtn.MenuShow a {
    background-color: #1c8bb9;
    color: white !important;
}


.full-menu:before {
    border-left: 12px solid transparent;
    border-right: 12px solid transparent;
    background: #122a55;
    /* border-top: 12px solid #FA8620; */
    content: "";
    height: 0;
    left: 0px;
    position: absolute;
    top: 0;
    width: 0;
    z-index: 9999;
}

.full-menu:after {
    <!-- content: ''; -->
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #122a55;
    opacity: 0.98;
}

.disabled:hover {
    /* opacity: 0.5;
    cursor: not-allowed !important;*/
    pointer-events: none;
}

.editButtonGridExcept, .editButtonGridExcept.k-button {
    font-size: 8px;
    padding: 0px;
    height: 25px;
    width: 40px;
}

.fancybox-inner {
    max-height: 153vh;
/*    width: 860px !important;*/
    height: 98.5vh !important
}

.fancybox-skin {
    width: 100% !important;
    height: 100% !important;
}

.k-grid-content-locked tr:last-child td {
    border-bottom: 1px solid #cccc;
}

.k-multiselect .k-multiselect-wrap .k-clear-value {
    right: 30px !important;
}

fieldset legend {
    border: 1px solid #ccc;
    border-radius: 3px;
    padding: 2px;
    font-size: 0.9rem;
    color: #3c3a3a;
    /*background: #35b7e1;*/
    background: var(--GridHeaderlvl);
    margin-left: 15px;
}

    fieldset legend a {
        font-size: 15px;
        padding: 4px 4px;
        cursor: pointer;
        border-radius: 4px;
        font-weight: bold;
        color: white !important;
/*        padding-left: 5px;
*/    }

.project-info div {
    border-right: 0.3px solid #c1c6c9;
    padding: 0px 10px;
}

.project-info {
    /*  background: var(--NavBarlvl);*/
    padding: 5px 0px;
    font-size: 14px
}

.project-unit-info {
    background-color: #7bd7fff0;
    font-size: 14px;
    background-image: linear-gradient(45deg, #7074e56e, #57a7eb59);
    color: white;
    padding: 3px 0px;
}

/*functional schedule level wise color end*/
/*pre EXECUTION ARROW*/

.preExecutionarrow.stage-tab.breadcrumb li a {
    font-size: var(--GridFont); /* 15px;*/
    width: 230px;
    text-align: center;
    padding: 7px 0px 7px 23px;
    color: #575858;
    font-family: Arial;
    background-color: #cbccc9fa;
    font-weight: 600;
}

    .preExecutionarrow.stage-tab.breadcrumb li a:after {
        right: -14px;
        width: 35px;
        height: 35px;
        top: 2px;
    }

.preExecutionarrow.breadcrumb li.active a:after {
    background: #3866f4;
}

.preExecutionarrow.breadcrumb li.visited a:after {
    border-left: 0px solid hsl(153, 59%, 44%);
}

.preExecutionarrow.breadcrumb li a.HundredPercentgArrow:after {
    background: rgb(50, 233, 123)
}

.preExecutionarrow.stage-tab.breadcrumb li a:hover:after {
    border-left-color: transparent !important;
    background: #cbccc9;
}

.preExecutionarrow.stage-tab.breadcrumb li.active a:hover:after {
    background: #3866f4;
}

.preExecutionarrow.stage-tab.breadcrumb li a.HundredPercentgArrow:hover:after {
    background: rgb(50, 233, 123)
}

.preExecutionarrow.stage-tab.breadcrumb li.active a {
    box-shadow: inset 7px -3px 8px #197797;
    background-color: #3866f4;
    text-shadow: 3px 1px 1px #bd9321fc;
}

/*pre EXECUTION ARROW END*/
.PreexecutionFELArrow.stage-tab.breadcrumb li a {
    min-width: 200px
}

.rotateIcon {
    padding: 4px 4px;
    background-color: var(--btnColor) !important;
    background: linear-gradient(45deg, #0000004a, #0000004a);
    border-radius: 15px;
}

#nav-profCretntab .Financial-fielset legend a {
    padding: 0px 1px;
}

.Financial-fielset legend {
    margin-left: 0px;
    margin-bottom: .3rem !important;
    width: auto
}

.Financial-fielset {
    border: 1px solid;
    border-radius: 11px;
    border-color: #0c4a6f; /*#dbdbdb*/
    padding-bottom: 5px;
    transition: all ease 0.3s;
    padding-left: .5rem !important;
    height: auto;
    padding-right: .5rem !important;
    margin-left: .5rem !important;
    margin-right: .5rem !important;
    margin-bottom: .25rem !important;
    margin-top: 0 !important;
}

input:focus {
    outline: none !important;
}


/*================CARD CSS=============================*/
.card {
    border: 1px solid rgb(10 10 10 / 22%);
    border-radius: .15rem;
}

.card-body {
    cursor: pointer;
    /* background-image: radial-gradient(circle 248px at center, #50f6ff1f 0%, #86e1f999 40%,#46aef7 100%); */
    padding: 10px;
    background-color: white;
}

    .card-body.active {
        /* background-image: radial-gradient(circle 248px at center, #509eff 0%, #86e1f9 47%,#46aef7 100%) !important; */
        background-image: linear-gradient(25deg, #dcffdf73 0%,#49e1f191, #95ffe780);
        box-shadow: 0 0.5rem 1rem rgba(0,0,0,.15), 0.5rem 0.5rem 0.5rem 0px rgb(232 230 230 / 15%);
        background-color: aquamarine;
        transition: 0.5s box-shadow ease-in;
    }

.card.activeCard {
    border-color: transparent
}

.ActiveCardColor {
    background-image: radial-gradient(circle 248px at center, #50f6ff1f 0%, #86e1f999 40%,#46aef7 100%);
}

.card.activeCard {
    border-left-color: #1060a5 !important
}

.IncActive {
    transition: transform .2s;
}

.IncActive1 {
    transform: scale(1.1);
}

.IncActive:hover {
    transform: scale(1.1);
}

.border-left-primary {
    border-left: .25rem solid #4e73df !important;
}

.border-left-success {
    border-left: .25rem solid #1cc88a !important;
}

.border-left-pending {
    border-left: .25rem solid #ffc107 !important;
}

.border-left-danger {
    border-left: .25rem solid #dc3545d1 !important;
}

.CardTxt {
    border-right: 1px solid #4c5a5c;
    width: 256px !important;
}


.Cardcount {
    padding-left: 21px;
    /*    width: 61px;
*/
}

.text-gray-800 {
    color: #5a5c69 !important;
}

.text-ml {
    font-size: 1.09rem;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.text-xs {
    font-size: 1.6rem;
}

    .text-xs span {
        font-size: 0.9rem;
    }

.border-left-danger {
    border-left: .25rem solid #dc3545d1 !important;
}
/*-----------KendoEditor TableWizard Popup CSS End------*/
.k-radio:checked {
    color: #fff !important;
    border-color: #007bff !important;
    background-color: #007bff !important;
}

.table-striped tbody tr:nth-of-type(odd) {
    background: var(--TableBody) !important;
}

    .table-striped tbody tr:nth-of-type(odd):hover {
        background: #aaebe896 !important;
        color: #2d49e1;
        /* font-weight: 600; */
        text-shadow: 0 0 0.02rem #4957fa;
    }

.tableTr {
    margin: 5px;
    padding: 5px 15px;
}

    .tableTr:nth-child(2n+1) {
        background-color: rgb(235 239 243 / 41%);
    }

.tableTd:nth-child(2n+1) {
    background-color: #c0c4c74f;
}

.k-radio {
    border-color: rgba(0,0,0,.08) !important;
    color: #656565;
    background-color: #e0dada !important;
}

.k-multiselect:after {
    content: "\25BC";
    position: absolute;
    top: 0%;
    right: 0%;
    font-size: 12px;
    color: aliceblue;
    border-radius: 0 2px 2px 0;
    padding: 7px 4px;
    width: calc(1.42857143em + 11px);
    border-width: 0;
    box-sizing: border-box;
    border-style: solid;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    text-align: center;
    cursor: pointer;
    background-color: var(--GridHeaderlvl);
    background-image: none;
    /*line-height: 2em;*/
    vertical-align: middle;
    -moz-box-sizing: border-box;
    text-align: center;
}

.k-dropdowntree:after {
    content: "\25BC";
    position: absolute;
    top: 0%;
    right: 0%;
    font-size: 12px;
    color: aliceblue;
    border-radius: 0 2px 2px 0;
    padding: 6px 4px;
    width: calc(1.42857143em + 11px);
    border-width: 0;
    box-sizing: border-box;
    border-style: solid;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    text-align: center;
    cursor: pointer;
    background-color: var(--GridHeaderlvl) !important;
    background-image: none;
    /*line-height: 2em;*/
    vertical-align: middle;
    -moz-box-sizing: border-box;
    text-align: center;
}

.k-dropdowntree:after {
    font-size: 13px !important;
}

/*Audit Query Css Adedd 1-2-21*/

.QuesAnsEvalDes {
    width: 54em;
    height: 30px;
    padding: 3px 0 0 10px;
    border-radius: 0px 124px 1px 49px !important;
    /*background-color: #d6d3d3;*/
    background-color: #c8d1ed;
}

.EvaluationParentDiv .k-editable-area {
    height: 9vh !important;
}

.anima {
    width: 60em;
    height: 29px;
    border-radius: 0px 124px 1px 49px !important;
    background-color: #d6d3d3;
}

.QueAnsUname {
    font-size: var(--FontSize);
}

#MainDiv .k-editor {
    border: 1px solid #a8f3ab !important;
    /* background-color: #a8f3ab !important*/
}

.k-placeholder:before {
    font-size: 17px !important;
}

.inputClass::placeholder {
    font-size: var(--FontSize);
}

.DisciplinebgItem {
    background-color: blue;
    color: #fff;
    padding: 3px 17px;
    border-radius: 4px;
    background-image: linear-gradient( 45deg, rgb(246 246 246 / 33%), rgb(0 0 0 / 15%));
}

.Disciplinebg {
    background-color: #e86823;
    color: #fff;
    padding: 5px 30px;
    font-size: 16px;
    margin-right: 4px;
    /*width: 173px;*/
    text-align: center;
    border-radius: 4px;
    border: 1px solid #ccc;
    background-image: linear-gradient( 45deg, rgb(246 246 246 / 33%), rgb(0 0 0 / 15%));
}

.activebtn {
    background-color: #fff !important;
    color: #1986c5;
    border-left: 4px solid #5880ee !important;
    box-shadow: 1px 1px 20px 0px #ccc;
    font-size: 17px;
    border: 1px solid #3866f4;
}

.E2EPMSInfo b {
    float: left;
    margin-top: 4px;
    margin-right: 5px;
}

.ItemList-bg {
    width: 25px;
    height: 20px;
    float: left;
    margin-top: 3px;
    /*    background-color: rgb(255, 232, 0) !important;*/
    /*background-color: #0bace77a !important;*/
    transition: 0.5s box-shadow ease-in;
    border: 1px solid #967373;
}

.ItemListUnprepared-bg {
    width: 25px;
    height: 20px;
    float: left;
    margin-top: 3px;
    background-color: #fff !important;
    transition: 0.5s box-shadow ease-in;
    border: 1px solid #967373;
}

.Milestone1-bg {
    width: 25px;
    height: 20px;
    float: left;
    margin-top: 3px;
    background-color: #edc5c5 !important;
    transition: 0.5s box-shadow ease-in;
    border: 1px solid #967373;
}

.Milestone2-bg {
    width: 25px;
    height: 20px;
    float: left;
    margin-top: 3px;
    background-color: #a9aaab !important;
    /*background-color: #FF635840 !important;*/
    transition: 0.5s box-shadow ease-in;
    border: 1px solid #967373;
}

.Approval-bg {
    width: 25px;
    height: 20px;
    float: left;
    margin-top: 3px;
    background-color: rgba(0, 255, 0, 0.314) !important;
    transition: 0.5s box-shadow ease-in;
    border: 1px solid #967373;
}

.Total-bg {
    width: 25px;
    height: 20px;
    float: left;
    margin-top: 3px;
    /* background-color: #ffc107 !important;*/
    background-color: #0bace747 !important;
    transition: 0.5s box-shadow ease-in;
    border: 1px solid #967373;
}

.MasterTotalColumnBG {
    background-color: #0bace747 !important;
}

.MRPrepation-bg {
    width: 25px;
    height: 20px;
    float: left;
    margin-top: 3px;
    background-color: #faa082d4 !important;
    transition: 0.5s box-shadow ease-in;
    border: 1px solid #967373;
}


.Match-bg {
    width: 25px;
    height: 20px;
    float: left;
    margin-top: 3px;
    background-color: rgb(255 255 255) !important;
    transition: 0.5s box-shadow ease-in;
    border: 1px solid #967373;
}

.Done-bg {
    width: 25px;
    height: 20px;
    float: left;
    margin-top: 3px;
    background-color: rgb(180 198 231); /*#aaeb9a;*/
    transition: 0.5s box-shadow ease-in;
    border: 1px solid #967373;
}

.NotDone-bg {
    width: 25px;
    height: 20px;
    float: left;
    margin-top: 3px;
    background-color: rgb(248 203 173); /*#e65b67;*/
    transition: 0.5s box-shadow ease-in;
    border: 1px solid #967373;
}

.Partially-bg {
    width: 25px;
    height: 20px;
    float: left;
    margin-top: 3px;
    /* background-color: rgb(255 255 0);*/ /*#fdfd61;*/
    /*background-color: #0bace77a !important;*/
    background-color: #0bace747 !important;
    transition: 0.5s box-shadow ease-in;
    border: 1px solid #967373;
}

.PlanedMRLegend-bg {
    width: 25px;
    height: 20px;
    float: right;
    margin-top: 3px;
    background-color: rgb(255 255 0);
    transition: 0.5s box-shadow ease-in;
    border: 1px solid #967373;
}

.DOAGraphic-bg1 {
    width: 25px;
    height: 20px;
    float: left;
    margin-top: 3px;
    background-color: #75d4ff !important;
    transition: 0.5s box-shadow ease-in;
    border: 1px solid #967373;
}

.DOAGraphic-bg2 {
    width: 25px;
    height: 20px;
    float: left;
    margin-top: 3px;
    background-color: #ffd66a !important;
    transition: 0.5s box-shadow ease-in;
    border: 1px solid #967373;
}

.DOAGraphic-bg3 {
    width: 25px;
    height: 20px;
    float: left;
    margin-top: 3px;
    background-color: #b8fdd2 !important;
    transition: 0.5s box-shadow ease-in;
    border: 1px solid #967373;
}

.Global-bg {
    width: 25px;
    height: 20px;
    float: left;
    margin-top: 3px;
    background-color: yellow !important;
    transition: 0.5s box-shadow ease-in;
    border: 1px solid #967373;
}

.Project-bg {
    width: 25px;
    height: 20px;
    float: left;
    margin-top: 3px;
    background-color: #fff !important;
    transition: 0.5s box-shadow ease-in;
    border: 1px solid #967373;
}

.NAssign-bg {
    width: 25px;
    height: 20px;
    float: left;
    margin-top: 3px;
    background-color: #fff !important;
    transition: 0.5s box-shadow ease-in;
    border: 1px solid #967373;
}

.Assign-bg {
    width: 25px;
    height: 20px;
    float: left;
    margin-top: 3px;
    /*background-color: #0bace77a !important;*/
    background-color: #0bace747 !important;
    transition: 0.5s box-shadow ease-in;
    border: 1px solid #967373;
}

.Selected-bg {
    width: 25px;
    height: 20px;
    float: left;
    margin-top: 3px;
    background-color: #faa082d4 !important;
    transition: 0.5s box-shadow ease-in;
    border: 1px solid #967373;
}

.BidItemList-bg {
    width: 25px;
    height: 20px;
    float: right;
    margin-top: 3px;
    background-color: #faa082 !important;
    transition: 0.5s box-shadow ease-in;
    border: 1px solid #967373;
}

.bg-GridDataColor {
    /* background-color: #0bace77a !important;*/
    background-color: #0bace747 !important;
    width: 25px;
    height: 20px;
    float: left;
    margin-top: 3px;
    transition: 0.5s box-shadow ease-in;
    border: 1px solid #967373;
}

.Evaluationlegend-bg {
    background-color: #7de9b3ab !important;
    width: 25px;
    height: 20px;
    float: left;
    margin-top: 3px;
    transition: 0.5s box-shadow ease-in;
    border: 1px solid #967373;
}

.PreliminaryLegend-bg {
    /* background-color: #0bace77a !important;*/
    /*background-color: #344fc9 !important;*/
    background-color: #d0aef9b3 !important;
    width: 25px;
    height: 20px;
    float: left;
    margin-top: 3px;
    transition: 0.5s box-shadow ease-in;
    border: 1px solid #967373;
}

.SelectProject-bg {
    width: 25px;
    height: 20px;
    float: left;
    margin-top: 3px;
    /* background-color: #9aa3abc9 !important;*/
    background-color: #ccc7d0 !important;
    transition: 0.5s box-shadow ease-in;
    border: 1px solid #967373;
}

.Attachment-bg {
    width: 25px;
    height: 20px;
    float: left;
    margin-top: 3px;
    /*background-color: #0bace77a !important;*/
    background-color: #fff !important;
    transition: 0.5s box-shadow ease-in;
    border: 1px solid #2125297d !important;
}

.AttachmentVendor-bg {
    width: 25px;
    height: 20px;
    float: left;
    margin-top: 3px;
    /*background-color: #0bace77a !important;*/
    background-color: #bfbcbc !important;
    transition: 0.5s box-shadow ease-in;
    border: 1px solid #2125297d !important;
}

.RFASystem-bg {
    width: 25px;
    height: 20px;
    /*    float: left;
*/ margin-top: 3px;
    background-color: #3fd5526b !important;
    /*background-color: #3fd552d4 !important;*/
    transition: 0.5s box-shadow ease-in;
    border: 1px solid #2125297d;
}

.RFAUser-bg {
    width: 25px;
    height: 20px;
    /*    float: left;
*/ margin-top: 3px;
    background-color: #3fd552d4 !important;
    /* background-color: #ddd251d4 !important;*/
    transition: 0.5s box-shadow ease-in;
    border: 1px solid #2125297d;
}


.RFANA-bg {
    width: 25px;
    height: 20px;
    /*    float: left;
*/ margin-top: 3px;
    background-color: #d5c1c1 !important;
    transition: 0.5s box-shadow ease-in;
    border: 1px solid #2125297d;
}

.CompletelyAssign-bg {
    width: 25px;
    height: 20px;
    float: left;
    margin-top: 3px;
    background-color: #ACE1AF !important;
    transition: 0.5s box-shadow ease-in;
    border: 1px solid #967373;
}

.PartiallyAssign-bg {
    width: 25px;
    height: 20px;
    float: left;
    margin-top: 3px;
    background-color: #edcc6c !important;
    transition: 0.5s box-shadow ease-in;
    border: 1px solid #967373;
}

.RecommendedCD {
    background-color: #43F3ED !important;
}

.PoExpending {
    float: left;
    box-shadow: 0 0 6px 0px #b7bcc1;
    border: 1px solid #ccc;
    width: 98.5%;
    margin: 1% 0.7% 0.7% 0.7%;
    /* margin-top: 0.5%; */
    padding: 16px 10px;
}

.Gridtitle {
    /*background-color: var(--btnColor);*/
    background-color: var(--GridHeaderlvl);
    /*background: #0b5c8c;*/
    color: white;
    padding: 2px 10px;
    border-radius: 7px;
    /*    box-shadow: 2px 1px 3px var(--TabColor);
*/
    float: left;
    margin: -29px 5px 14px 1px;
}

/*===========File Upload CSS Start====================*/
.file-upload {
    width: 50%;
    position: relative;
    float: none;
    border: 1px solid #c8c8c8;
}

    .file-upload .upload-files {
        border-top: 1px solid #dadada;
        list-style-type: none;
        margin: 0;
        padding: 0;
    }

        .file-upload .upload-files .upload-file-list {
            border-bottom: 1px solid #dadada;
            font-family: inherit;
            font-size: 14px;
            height: 100%;
            line-height: normal;
            /*min-height: 90px;*/
            position: relative;
        }

            .file-upload .upload-files .upload-file-list .file-container {
                display: block;
                height: 100%;
                margin-left: 12px;
                margin-right: 90px;
                min-height: 35px;
                position: relative;
                top: 0;
            }

                .file-upload .upload-files .upload-file-list .file-container .file-name {
                    color: #333;
                    float: left;
                    font-family: inherit;
                    font-size: 14px;
                    max-width: 75%;
                    overflow: hidden;
                    padding-top: 12px;
                    position: relative;
                    text-overflow: ellipsis;
                    top: 0;
                    white-space: nowrap;
                }

                .file-upload .upload-files .upload-file-list .file-container .file-type {
                    color: #333;
                    display: block;
                    font-family: inherit;
                    font-size: 14px;
                    padding-top: 12px;
                }

            .file-upload .upload-files .upload-file-list .file-icons {
                color: #333;
                font-size: 11px;
                opacity: 1;
                align-items: center;
                box-sizing: border-box;
                cursor: pointer;
                display: inline-flex;
                height: 26px;
                justify-content: center;
                margin: 12px;
                margin-top: -14px;
                padding: 16px;
                position: absolute;
                right: -10px;
                top: 50%;
                vertical-align: middle;
                width: 26px;
            }

                .file-upload .upload-files .upload-file-list .file-icons.fa-download {
                    right: 22px;
                }
/*===========File Upload CSS End====================*/

.btnWidthSet {
    width: 4vw;
}

.k-multiselect-wrap .k-select {
    position: absolute;
    top: 3px !important;
    bottom: 2px;
    right: -2px !important;
    padding: 0.03em 0.2em;
}

.k-multiselect-wrap {
    overflow-y: auto;
    height: 80px;
}

[data-title='S.No.'] .k-header-column-menu, [data-title='Include'] .k-header-column-menu, [data-title='Select'] .k-header-column-menu, [data-title='MTO Upload'] .k-header-column-menu, [data-title='Tagged Item Upload'] .k-header-column-menu, [data-title='Tagged Item Analysis'] .k-header-column-menu, [data-title='MTO Analysis'] .k-header-column-menu, [data-title='Contingency'] .k-header-column-menu, [data-title='Substitution'] .k-header-column-menu, [data-title='STV'] .k-header-column-menu, [data-title='Final'] .k-header-column-menu, [data-title='Tagged Item Upload'] .k-header-column-menu, [data-title='Action'] .k-header-column-menu {
    display: none
}

@-webkit-keyframes Editbuton-Animation {
    0%, 49% {
        /*background-color: #28aeed;*/
        background-color: var(--TabColor);
    }

    50%, 100% {
        /* background-color: #558aee;*/
        background-color: var(--Shade2);
    }
}

.Clickeditbtn {
    float: right;
    background-color: #5a5858;
    /*  background-color: var(--GridHeaderlvl) !important;
    background-image: var(--GridHeaderlvl) !important;*/
    color: #fff;
    padding: 4px 14px;
    border-radius: 4px;
    width: auto;
    opacity: 1;
    margin-top: 0px !important;
/*     margin-top: 4px !important;*/
    /* margin-right: 8px!important;*/
}

    .Clickeditbtn p::after {
        content: "";
        position: absolute;
        margin-left: 12px;
        /*        border-left: 10px solid var(--GridHeaderlvl) !important;*/
        border-left: 10px solid #5a5858;
        border-bottom: 10px solid transparent;
        border-top: 10px solid transparent;
    }


.k-grid .k-grid-content .k-i-minus-circle, .k-grid .k-grid-content-locked .k-i-minus-circle {
    color: #0e9de0;
    font-size: 17px;
    margin-right: 9%;
}

.k-grid .k-grid-content .k-i-plus-circle, .k-grid .k-grid-content-locked .k-i-plus-circle {
    color: green;
    font-size: 17px;
    margin-right: 9%;
}

.k-grid .k-hierarchy-col {
    padding: 0;
    width: 14px;
}

.badge-info {
    color: #fff;
    /* background-color: var(--Sidebar) !important;*/
}


/*footer.footer {
    z-index: 999999;
}*/

.CalculateModelHgt label {
    font-family: Helvetica, Arial, sans-serif;
}

/*textarea Mike Css Start
*/
.sizeclr {
    margin-left: -37px;
    font-size: 16px;
    color: rgb(191, 197, 199) !important;
    cursor: pointer !important;
    padding: 4px 10px;
    border-radius: 3px;
    position: absolute;
    top: 6px;
    display: none;
}

    .sizeclr:active, .sizeclr:focus {
        color: red !important;
    }

    .sizeclr:hover {
        background-color: rgba(15, 39, 55, 0.52);
    }

.textareamic {
    top: 35px !important;
    /*   margin-right: -15px;*/
}

.colormicshade {
    background-color: var(--TabColor);
    color: #fff !important;
    border-radius: 14px;
    padding: 5px 9px;
    box-shadow: 0 0 3px 0px #669acf;
}

.LinkStyle {
    text-decoration: underline;
    font-weight: bold;
    color: blue !important;
    cursor: pointer;
}


/*textarea Mike Css End
*/
.DNoneCls {
    visibility: hidden !important;
    display: none !important;
}

/*fieldset .Financial-fielset {
    padding-bottom: unset;
}*/
.DrpdwnPlchdr {
    color: #b7c1cb;
    font-weight: normal;
}

.k-multiselect .k-multiselect-wrap li .k-icon {
    margin-left: 8px;
}
/*Textarea placeholder color*/
textarea::-webkit-input-placeholder {
    color: #b0b3b9 !important;
}

.k-grid .k-grid-content-locked td {
    background-color: transparent;
    border-top: 1px solid #cccc;
}

.k-grid tr.k-alt {
    background-color: transparent;
}   

.GridAltColor {
    background-color: #d0f3f2 !important;
}

.k-grid .k-grid-content-locked .k-alt td {
    background-color: transparent;
}

.k-textbox {
    border-color: #c7c7c7 !important;
}

.disabled_Demo {
    /*cursor:not-allowed !important;*/
    pointer-events: none !important
}

.Hovercolor {
    background: var(--GridContent) !important;
}

.OverallDisableNode {
    cursor: not-allowed !important;
    pointer-events: none !important;
    color: #838383 !important;
}

.LabelStyleDesign {
    text-shadow: 0px 0px 3px #00000087, 0 0 2px #f9141452, 0 0 3px #8b000054;
    color: #191b46;
    font-size: 27px;
    font-style: italic;
    /*font-family: Masque;*/
    font-family: var(--FontFamily);
    font-weight: 600;
}

.UncheckedBGClr {
    /*background-color: #FF635840 !important;*/
    background-color: #a9aaab !important;
    /*color: #c7c5c5 !important;*/
}

.rowColorSetBG {
    background-color: #FF635840 !important;
}

.VendorResponse-bg {
    width: 25px;
    height: 20px;
    float: left;
    margin-top: 3px;
    background-color: #c0c0f587 !important;
    transition: 0.5s box-shadow ease-in;
    border: 1px solid #967373;
}

.BuyerResponse-bg {
    width: 25px;
    height: 20px;
    float: left;
    margin-top: 3px;
    background-color: #b4dcffc9 !important;
    transition: 0.5s box-shadow ease-in;
    border: 1px solid #967373;
}

.VendorResponseForVendor-bg {
    width: 25px;
    height: 20px;
    float: left;
    margin-top: 3px;
    background-color: #9fccd0de !important;
    transition: 0.5s box-shadow ease-in;
    border: 1px solid #967373;
}

.BuyerResponseForBuyer-bg {
    width: 25px;
    height: 20px;
    float: left;
    margin-top: 3px;
    background-color: #c8d1ed !important;
    transition: 0.5s box-shadow ease-in;
    border: 1px solid #967373;
}

.txtDetail {
    min-height: 30px;
    max-height: 50px !important;
}

    .txtDetail::-webkit-scrollbar {
        width: 5px;
    }

#sidebar {
    /*box-shadow: 8px 9px 10px 0px #6b6363b8, -2px 5px 0px 5px #29a0ff5e, inset -2px 5px 17px 5px #0d66ad5e;*/
    position: absolute;
    z-index: 11;
    /*border-right: 1px solid #ebefef;*/
    width: 230px;
    background: var(--SidebarFstlvl);
    overflow-y: auto;
    max-height: calc(100% - 27px);
    transition: transform 0.3s ease-in-out, width 0.3s ease-in-out;
    height: calc(100% - 100px)
}

.expand-sidebar-body #sidebar {
    width: 230px !important;
    overflow-x: hidden;
}

.expand-sidebar-body .content-wrapper {
  /*  margin-left: 230px !important;*/
    transition: transform 0.3s ease-in-out, margin 0.3s ease-in-out;
}

.mini-sidebar-body #sidebar {
    width: 61px
}

.mini-sidebar-body .content-wrapper {
    transition: transform 0.3s ease-in-out, margin 0.3s ease-in-out;
}

.mini-sidebar-body #sidebar span, .mini-sidebar-body #sidebar i {
    /*display: none;*/
    overflow:hidden;
}



.expand-sidebar-body #refineryconten {
    /*margin-left: 230px*/
    width: 100%
}

.mini-sidebar-body #refineryconten {
    margin-left: 0px;
}

#totalRecords {
    border-radius: 4px 4px 4px 4px;
}
/*.k-dropdown {
    width:100%;
}*/

.ExpandScreen {
     margin-left: 0.25rem !important;
  /*  margin: 4px 3px 3px 2px*/
}

label {
    color: rgb(0,36,92);
}
/*
#content .k-datepicker.k-widget {
    width: 100% !important;
}*/


#MRListModalOpen {
    top: 0 !important;
    right: 0 !important;
    z-index: 9999;
    height: 100%;
    /* width: 36%;*/
   /* max-width: 52%;*/
    width: 49% ;
    border-radius: 10px 0px 0px 0px;
    border-left: #999999 5px solid;
}

    #MRListModalOpen .WindoFooter {
        bottom: 0%;
        z-index: 9999999;
        position: absolute;
        width: 98%;
        /*  padding: 0.25rem 0.75rem 0.75rem;*/
        padding: 0.25rem 0.75rem 0.25rem;
    }

.k-dropdown .k-dropdown-wrap .k-input, .k-dropdowntree .k-dropdown-wrap .k-input {
    font-weight: normal !important;
}

/*.modalClose {
    background-color: var(--GridHeaderlvl) !important;*/
    /*border-radius: 10px 10px 0 0;*/
    /*border-radius: 50% !important;
    width: 24px;
    height: 24px !important;
    cursor: pointer;
    padding-right: 1px;
}*/

.modal-overlay {
    /*background-color: rgb(78 78 77 / 28%);*/
    background-color: rgb(0 0 0 / 60%);
    opacity: inherit;
    z-index: 9999;
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    outline: 0;
}


.CalculateModelHgt {
    overflow: auto;
}

#SequenceToggleEPCPROMA {
    /*  font-size: 18px;*/
    color: var(--NavBarlvl) !important;
    cursor: pointer;
}

#filterProgress {
    /*    margin: -15px 5px 0px 12px !important;
    padding: 3px 13px !important;*/
    background-color: var(--GridHeaderlvl);
    border-radius: 6px;
}

.highlighttxtlayout {
    font-family: 'Segoe UI';
    font-style: italic;
    font-size: 24px;
    color: var(--NavBarlvl) !important;
    font-weight: 600;
    text-shadow: 2px 2px 1px #bbc8efb3, 0px 4px 1px #eee;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 175px;
}

.dropdown-toggle {
    font-size: 25px;
}

.btn-primary {
    background-color: var(--NavBarlvl) !important;
    border-color: var(--NavBarlvl) !important;
}


/*User Access CSS*/
.menu-col ul li.Access-0 {
    cursor: not-allowed;
}

    .menu-col ul li.Access-0 a {
        color: #878787 !important;
        pointer-events: none;
    }

.imgfluid {
    max-width: 100%;
    height: auto;
}

.clkLogo {
    text-decoration: unset;
}


/*New Epcproma CSS End*/
/*-------------Release Note Css----------------*/
/*#ReleaseNoteOpen .table th {
    padding: 0.50rem;
    vertical-align: middle;
    font-size: 20px;
}

#ReleaseNoteOpen .table thead th {
    vertical-align: bottom;
    border: 3px solid #dee2e6;
}

#ReleaseNoteOpen .table td {
    font-size: 14px;
}

#ReleaseNoteOpen .table td, .table th {
    padding: 0.2rem;
    vertical-align: middle;
    font-size: 18px;
}

#ReleaseNoteOpen h4 {
    text-decoration: underline;
}

#ReleaseNoteOpen .table thead th {
    vertical-align: bottom;
    border: 1px solid #dee2e6;
}

#ReleaseNoteOpen .table tbody {
    background-color: #f3f3f3;
}

#ReleaseNoteOpen .table thead tr td {
    background-color: var(--GridHeaderlvl);
    color: #fff;
}

#ReleaseNoteOpen .table thead tr th {
    color: #fff;
    background-color: var(--GridHeaderlvl);
    border-color: var(--BorderColorlvl);
}


#ReleaseNoteOpen h4 {*/
/* text-decoration:none;*/
/*width: 35%;
    background-color: #0da70d;
}

#ReleaseNoteOpen span, #ReleaseNoteOpen label {
    font-size: 15px !important;
}

#ReleaseNoteOpen .modal-content {
    height: 500px;
}

#ReleaseNoteOpen .container-fluid {
    height: 445px;
    overflow: auto;
}*/

.media-list::-webkit-scrollbar {
    width: 6px;
    height: 10px;
}

/*.ReleaseNote {
    text-decoration: underline;
    color: var(--GridHeaderlvl);
    background: #fff;
}

    .ReleaseNote:hover {
        color: var(--GridHeaderlvl);
    }*/

.footertext {
    color: var(--NavBarlvl) !important;
    font-weight: 600;
    font-size: 13px;
}

.releasenotetxt a {
    color: var(--NavBarlvl) !important;
    font-weight: 600;
    text-decoration: underline;
    font-size: 14px;
}

/*CSS address For dropdown title*/

.k-dropdown .k-dropdown-wrap .k-input, .k-dropdowntree .k-dropdown-wrap .k-input {
    padding: 4px 15px 4px 8px;
    width: 100%;
    min-width: 0;
    height: 30px;
    box-sizing: border-box;
    outline: 0;
    color: inherit;
    background: 0 0;
    font: inherit;
    -ms-flex: 1;
    flex: 1;
    display: -ms-flexbox;
    display: initial;
    -ms-flex-align: center;
    align-items: center;
    overflow: hidden;
    text-overflow: ellipsis;
}


.TextAreaAddress1 {
    resize: none;
    width: 98%;
    padding: 0px !important;
    border: none;
    background-color: transparent;
    cursor: default !important;
    color: #756e6e !important;
}

    .TextAreaAddress1::-webkit-scrollbar {
        width: 6px;
        height: 10px;
        /* background: #d8d7d670;*/
    }

/*----------------Profile Modal--------------------*/
.TextAreaAddress {
    padding: 0px !important;
    pointer-events: none;
    border: none;
    background-color: transparent;
    cursor: default !important;
    color: #756e6e !important;
}

.UserProfileImg1 {
    height: 130px;
    width: 145px;
    border-radius: 5%;
    box-shadow: 0 3px 10px 0 rgb(145 169 169 / 14%), 0 2px 4px 0 rgb(191 195 197 / 52%);
}

.UserProfilewdth {
    width: 96%;
   /* max-width: 52%;*/
    top: 10%;
}
/*----------------End Profile Modal--------------------*/


/*Start TabStrip CSS*/
.k-tabstrip-wrapper #tabstrip .nav {
    flex-wrap: unset;
}

.k-tabstrip-wrapper #tabstrip .k-tabstrip-items {
    margin: unset !important;
}

.k-tabstrip-wrapper #tabstrip .k-flat {
    border: 1px solid #ffffffc2 !important;
    box-shadow: 0px 0px 4px 0px #fff !important;
    background-color: var(--NavBarlvl) !important;
    border-radius: 150px 0 0 150px;
    margin-top: 0.3px;
    height: 32px;
}

    .k-tabstrip-wrapper #tabstrip .k-flat.k-tabstrip-prev {
        border-radius: 0 150px 150px 0;
    }
/*End TabStrip CSS*/

.Editfalse {
    pointer-events: none;
}

.k-hierarchy-cell .k-i-expand {
    width: 35% !important;
}

.k-detail-cell {
    padding: 8px 3px 8px 1px !important;
}

.checkAll .k-header-column-menu {
    display: none !important;
}
.ExpandedScreen #globalmenuID,
.ExpandedScreen #topbar, .ExpandedScreen #projectwiseID {
    display: none;
}

.ExpandedScreen #sidebar {
    max-height: calc(100vh - 30px) !important;
    min-height: calc(100vh - 30px) !important;
}

.ExpandGrid {
    z-index: 9999;
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background-color: #fff !important;
}

.gridDatamodal {
    left: 50% !important;
    width: 50% !important;
}

.LookaheadmodalDiv {
    width: 100% !important;
    max-width: 100% !important; /*changes added by dhanashree at 25/7/2023*/
}

#datagrid .k-grid-content {
  /*  overflow: hidden !important;*/
    display: -webkit-box;
   /* height: 37vh;*/
}


.k-filter-item .k-animation-container {
    width: 190px !important;
}

.k-filter-menu .k-filter-menu-container .k-action-buttons {
    border: none;
    margin-bottom: 0px !important;
    height: 30px;
}

.FormLegend b {
    float: left;
    margin-top: 4px;
    margin-right: 5px;
}

.CompPossible-bg {
    width: 25px;
    height: 20px;
    float: left;
    margin-top: 4px;
    background-color: #86eb9a !important;
    transition: 0.5s box-shadow ease-in;
    border: 1px solid #967373;
}

.PartPossible-bg {
    width: 25px;
    height: 20px;
    float: left;
    margin-top: 4px;
    background-color: #fde482 !important;
    transition: 0.5s box-shadow ease-in;
    border: 1px solid #967373;
}

.NotPossible-bg {
    width: 25px;
    height: 20px;
    float: left;
    margin-top: 4px;
    background-color: #f16e7f !important;
    transition: 0.5s box-shadow ease-in;
    border: 1px solid #967373;
}

.NotAssigned-bg {
    width: 25px;
    height: 20px;
    float: left;
    margin-top: 4px;
    background-color: #8783838f !important;
    transition: 0.5s box-shadow ease-in;
    border: 1px solid #967373;
}

.EditColumn-bg {
    width: 25px;
    height: 20px;
    float: left;
    margin-top: 4px;
    background-color: #036b03 !important;
    transition: 0.5s box-shadow ease-in;
    border: 1px solid #967373;
}

.CompletelyPossibleL {
    background-color: #86eb9a !important;
    padding: 7px 9px;
    line-height: 0.3;
    font-weight: normal;
    font-size: 13px;
    margin-top: 4px;
    border: 1px solid #b7b7b794;
}

.PartiallyPossibleL {
    background-color: #fde482 !important;
    padding: 7px 9px;
    line-height: 0.3;
    font-weight: normal;
    margin-top: 4px;
    font-size: 13px;
    border: 1px solid #b7b7b794;
}

.NotPossibleL {
    background-color: #f16e7f !important;
    padding: 7px 9px;
    line-height: 0.3;
    font-weight: normal;
    margin-top: 4px;
    font-size: 13px;
    border: 1px solid #b7b7b794;
}

.NotAssignedL {
    background-color: #9392928f !important;
    padding: 7px 9px;
    line-height: 0.3;
    font-weight: normal;
    margin-top: 4px;
    font-size: 13px;
    border: 1px solid #b7b7b794;
}

.EditableL {
    background-color: #036b03 !important;
    padding: 7px 9px;
    line-height: 0.3;
    font-weight: normal;
    font-size: 13px;
    border: 1px solid #b7b7b794;
}

.EditableColumn {
    background: #036b03;
}

.LRQuantityColor {
    background: #036b03;
}

.EditColumn-bg {
    width: 25px;
    height: 20px;
    float: left;
    margin-top: 3px;
    background-color: #036b03 !important;
    /*    background-color: #90EE90 !important;
*/ transition: 0.5s box-shadow ease-in;
    border: 1px solid #967373;
}