/*New Epcproma CSS Start*/



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

.Drpdwnplchdr{
    color:#b7c1cb;
}

.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: 978px !important;
    height: 96.5vh !important
}

.fancybox-skin {
    width: 114% !important;
    height: 100% !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 20px;
        cursor: pointer;
        border-radius: 4px;
        font-weight: bold;
        color: white !important;
        padding-left: 5px;
    }


.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;
}


/*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*/
}


.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;
}


.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;
}



[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;
    }




.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;
}



/*.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;*/
}
.txtDetail {
    min-height: 30px;
    max-height: 50px !important;
}

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

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

.ExpandScreen {
    margin-left: 4px !important;
}

label {
    color: rgb(0,36,92);
}

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

    #OverlayModalOpen .WindoFooter {
        bottom: 0%;
        z-index: 9999999;
        position: absolute;
        width: 98%;
    }

#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)
}

.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;
}

    .clkLogo:hover {
        text-decoration: none !important;
    }


/*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*/

.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%;
}
/*----------------End Profile Modal--------------------*/

.k-command-cell {
    text-align: center !important;
}

.k-grid-content tr:last-child td {
    border-bottom-width: 1px
}


.k-dropdown .k-dropdown-wrap .k-input, .k-dropdowntree .k-dropdown-wrap .k-input {
    font-weight: bold;
}

.k-datepicker .k-picker-wrap .k-input {
    /*font-weight: bold;*/
}
/*for m2 delte icon to remian aligned*/
.k-command-cell.text-right-delete-icon {
    text-align: right !important;
    padding-right: 22px;
}

.k-callout-n {
    margin-left: 0px !important;
    border-bottom-color: currentColor;
    top: -13px !important;
    left: 50%;
    pointer-events: none;
}

.k-tooltip {
    border-color: rgba(0,0,0,.75);
    color: #000 !important;
    background-color: #fff !important;
}

.k-callout {
    width: auto !important;
}

/*-----kendo prog stat - plng pkg -------------*/
.k-grid tr.k-alt td.ActualCol.text-right, .k-grid tr.k-alt td.ActualCol {
    background-color: #6af68c;
}

td.ActualCol.text-right, td.ActualCol {
    background-color: #7cff9c;
}

.k-dropdown .k-dropdown-wrap, .k-dropdowntree .k-dropdown-wrap {
    border-color: rgba(0,0,0,.15) !important;
    color: #656565 !important;
    background-color: #f6f6f6;
    background-image: linear-gradient(#f6f6f6,#f1f1f1);
}

.k-datepicker .k-picker-wrap, .k-datetimepicker .k-picker-wrap, .k-timepicker .k-picker-wrap {
    border-color: rgb(118 118 118);
    color: #656565 !important;
    background-color: #fff;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
}

/*-----------------TAB INDEX CSS-------------------------*/
.k-button:focus, .k-button:hover {
    text-decoration: none;
    outline: 0;
    /* border: 1px solid #314482 !important;*/
}

.k-checkbox:focus {
    border-color: var(--NavBarlvl) !important;
    box-shadow: 0 0 0 2px var(--GridContent) !important;
    border: 1px solid var(--NavBarlvl) !important;
}

span.k-i-none {
    display: none;
}

#content .k-radio:focus {
    border-color: var(--NavBarlvl) !important;
    box-shadow: 0 0 0 2px var(--GridContent) !important;
    border: 1px solid var(--NavBarlvl) !important;
}

input[type="checkbox"]:focus {
    border-color: var(--NavBarlvl) !important;
    box-shadow: 0 0 0 2px var(--GridContent) !important;
    border: 1px solid var(--NavBarlvl) !important;
}

.k-grid .k-validator-tooltip {
    display: inline-block;
}

/*Kendo Toggle switch Css Adedd by Priya*/
.k-switch-off {
    width: 80px !important;
    height: 22px;
}

.k-switch-on {
    width: 77px !important;
    height: 22px;
}

.k-switch-label-off, .k-switch-label-on {
    text-transform: initial !important;
}

.k-switch-label-on {
    left: 4px;
    width: calc(100% + -3em + 5px);
}

.k-switch-on .k-switch-handle {
    left: calc(100% - 1.5em) !important;
}

.k-switch-off .k-switch-container, .k-switch-off:hover .k-switch-container {
    color: #fff;
    background-color: #0079db;
    font-size: 14px !important;
    font-weight: 700;
}

.k-switch-on .k-switch-container, .k-switch-on:hover .k-switch-container {
    color: #fff !important;
    background-color: #0079db;
    font-size: 14px;
    font-weight: 700;
}

.k-switch-label-off {
    right: 4px;
    width: calc(100% + -3em + 9px);
}

.k-switch-handle {
    width: 22px !important;
    height: 22px !important;
}

.k-switch-container {
    width: auto;
}

.km-switch {
    width: 86px !important;
    height: 24px !important;
    line-height: inherit !important;
    overflow: hidden !important;
    vertical-align: middle !important;
    border-radius: 16px !important;
    font-size: 12px !important;
}

.km-content, .km-popover-root .km-content .km-widget, .km-widget {
    color: #2e2e2e !important;
    background: #fff !important;
}

.km-switch-wrapper {
    border-radius: 5px !important;
}

.km-switch-container {
    padding: 0px !important;
}

.km-switch-off .km-switch-handle {
    box-shadow: none !important;
    margin: 1px 3px 0px 1px !important;
}

.km-switch-handle {
    color: transparent !important;
    border-radius: 6em !important;
    width: 19px !important;
    height: 19px !important;
    border-width: 1px !important;
    border-style: solid !important;
    display: inline-block !important;
    vertical-align: middle !important;
    position: relative !important;
    left: 0 !important;
    transition: left .2s ease-out 0s !important;
    /* border-color: rgba(0,0,0,.08); */
    /* color: #656565; */
    /* background-color: #f2f2f2; */
    top: -3px !important;
}

.km-switch-handle {
    background: #f2f2f2 !important;
    margin: 0px 0px 1px 3px;
}

.k-switch-label-on .km-switch-container, .km-switch-on:hover .km-switch-container {
    color: #fff !important;
    background-color: #24ab43 !important;
    font-size: 12px !important;
    cursor: pointer !important
}

.km-switch-on .km-switch-container {
    color: #fff !important;
    background-color: #24ab43 !important;
    font-size: 12px !important;
    border-radius: 16px;
}

.km-switch-label-off .km-switch-container, .km-switch-off:hover .km-switch-container {
    color: #fff !important;
    background-color: #f34c3c !important;
    font-size: 12px !important;
    cursor: pointer !important
}

.km-switch-off .km-switch-container {
    color: #fff !important;
    background-color: #f34c3c !important;
    font-size: 12px !important;
}

.km-switch-label-off, .km-switch-label-on {
    font-size: 14px !important;
    font-weight: 700;
    top: -2px !important;
    text-transform: capitalize !important;
}

.km-switch-label-on {
    left: -294% !important;
}

.km-switch-label-off {
    left: 116% !important;
}

/*-----------KendoEditor TableWizard Popup CSS Start------*/
.k-widget .k-window {
    margin-top: .25rem;
}

.k-editor-dialog.k-editor-table-wizard-dialog.k-window-content {
    min-height: unset;
    width: unset;
    padding: 1em 1em;
}

.k-editor-table-wizard-dialog .k-tabstrip-wrapper {
    overflow: hidden auto;
}

.k-editor-dialog.k-editor-table-wizard-dialog .k-tabstrip-wrapper .k-content {
    overflow: hidden auto;
    margin-right: 0.2rem;
}

.k-edit-form-container .k-edit-buttons {
    margin: .5em 0 0 !important;
}
/*-----------KendoEditor TableWizard Popup CSS End------*/


.k-radio:checked {
    color: #fff !important;
    border-color: var(--GridHeaderlvl) !important;
    background-color: var(--GridHeaderlvl) !important;
}

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

#content td .k-multiselect .k-multiselect-wrap ul.k-reset li.k-button {
    min-width: unset;
    /* display: block;*/
    max-width: unset;
}

td .k-multiselect .k-multiselect-wrap ul.k-reset li.k-button span:first-child {
    padding-right: 15px;
}

td .k-multiselect .k-multiselect-wrap .k-button .k-select {
    right: -7px;
}

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

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

.ProjectSelect {
    cursor: pointer
}

.k-list-container .k-nodata .k-button {
    background-color: var(--GridBtnlvl) !important;
    color: white !important;
    background-image: linear-gradient( 45deg, rgb(246 246 246 / 33%), rgb(0 0 0 / 15%));
    height: 27px;
    border-radius: 5px;
    border-color: rgba(0,0,0,.08);
}

.fixed-bottom {
    z-index: 95;
}

.btn.disabled, .k-textbox[readonly], input.disabled, .k-textbox[readonly] {
    opacity: 0.9;
    cursor: not-allowed !important;
    pointer-events: none;
    background-color: #e9ecef !important;
    color: #656565 !important;
    /*border-color: #dee4ef !important*/
}

.k-grid-header th.k-with-icon .k-link {
    margin-right: 0px;
}

.k-filter-menu .k-action-buttons .k-button:hover {
    margin-right: 0;
    color: #656565 !important;
}

.k-animation-container .k-filter-menu .k-filter-menu-container .k-action-buttons button, .k-animation-container .k-filter-menu .k-filter-menu-container .k-action-buttons button:hover {
    background: var(--GridHeaderlvl) !important;
    color: white !important;
    margin: .1em .1em 0 .1em;
    padding:5px;
    border-radius:5px;
}

.k-animation-container .k-group .k-item .k-link input {
    margin-right: 5px;
}

.k-filter-menu-container .k-reset .k-item label span {
    margin-left: 10px;
}

.k-reset .k-multicheck-wrap {
    max-height: 160px !important;
    max-width: 235px;
    overflow: auto;
    padding-right: 10px;
}

.k-multicheck-wrap::-webkit-scrollbar {
    width: 7px;
    height: 7px;
}

.k-multicheck-wrap .k-item label {
    padding-right: 4px;
}

.k-window-titlebar .k-window-action {
    opacity: inherit !important
}

.k-grid-content table, .k-grid-header-wrap > table {
    width: 100% !important;
}
.k-datepicker .k-select, .k-datetimepicker .k-select, .k-timepicker .k-select {
    border-color: rgba(0,0,0,.08);
    color: #656565;
    background-color: var(--GridHeaderlvl);
    background-image: var(--GridHeaderlvl);
}
.k-grid .k-grid-content.k-auto-scrollable tr td .k-widget.k-dropdown {
    margin: 0px !important;
    width: 100%;
}
/*--------------------Kendo --------------------------*/
#content .k-button {
    border-color: rgba(0,0,0,.08);
    color: #fff;
    /*    background-color: #258fc1;
    background-image: linear-gradient(#377ea2,#3c92b9);*/
    background: var(--GridHeaderlvl);
    color: white;
    height: 27px;
    border-radius: 5px;
}

#content .k-filter-row th, #content .k-grid-header th.k-header {
    text-align: center
}

#content .k-grid-header .k-grid-filter, #content .k-grid-header .k-header-column-menu, .k-grid-header .k-grid-filter, #content .k-grid-header .k-header-column-menu {
    top: 0px;
    color: white;
    border-color: #c5c5c5
}

#content .k-grid-header .k-header-column-menu, .k-grid-header .k-header-column-menu {
    margin-right: -10px;
}

    .k-grid td {
        border-color: rgba(37, 36, 36, 0.15);
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
        word-break: unset;
        color: rgba(0, 32, 96, 1);
        font-size: var(--GridFont) !important;
        /* border: 0; */
        border-top: 1px solid #ccc;
        border-bottom: 0px solid #ccc;
        padding: 6px 8px;
    }

.k-grid tr.k-alt {
    background-color: rgb(237 230 230 / 4%) ;
}


.orgtext {
    color: var(--NavBarlvl);
    text-shadow: 1px 1px #ccc;
    font-size: 23px !important;
}

    .orgtext::before {
        content: "";
        width: 45px;
        height: 2px;
        display: inline-block;
        background: #e0a20c;
        margin: 9px 10px;
    }

    .orgtext::after {
        content: "";
        width: 45px;
        height: 2px;
        display: inline-block;
        background: #e0a20c;
        margin: 9px 10px;
    }

.Window-Title {
    color: var(--GridHeaderlvl)
}

.k-animation-container {
    border-radius: 0 0 2px 2px;
    z-index: 10002 !important;
    /*width:203.312px !important;*/
}

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


/* Column Setting Css Start */

.kendocolsettingdiv div table {
    width: 100%;
    border: 1px solid #ddd;
    border-collapse: collapse;
    border-spacing: 0;
}

.kendocolsettingdiv .colstngTbl {
    max-height: 250px;
    overflow-y: scroll;
    overflow-x: hidden;
    margin-bottom: 10px;
    margin-top: 5px;
    width: max-content;
}

.ColunmSetting-Header {
    background: #466aa9;
    background: var(--GridHeaderlvl) !important;
    color: #fff !important;
    color: var(--textColor);
}

.kendocolsettingdiv {
    /*height: 500px;*/
    /*width: 550px;*/
 /*   right: 0;*/
    width: max-content;
    position: fixed;
    /*top: 25%;*/
    /*left: 40%;*/
    background-color: #F9F9F9;
    padding: 15px; /*..*/
    border: 1px solid #bfabab;
    border-radius: 10px;
    color: #666;
    text-align: center;
    font-weight: bold;
    box-shadow: inset 0 2px 2px rgba(0, 0, 0, 0.075), 0 0 10px #666666;
}

    .kendocolsettingdiv input[type=text] {
        width: auto;
        padding: 2px 7px 2px 7px;
        margin: 3px 0px 3px 0px;
        font-size: 12px;
    }

.SlideDown {
    /*position:absolute;*/
    animation-name: slidedown;
    animation-duration: 0.2s;
    /*animation-delay: 1s;*/
    animation-fill-mode: forwards;
    /*animation-iteration-count: infinite;*/
    animation-timing-function: linear;
}

.kendocolsettingdiv input[type=number] {
    width: 260px;
    padding: 2px 7px 2px 7px;
    margin: 3px 0px 3px 0px;
    font-size: 12px;
}

.kendocolsettingdiv input[type=checkbox] {
    margin: 0;
}

.kendocolsettingdiv select {
    /*width: 260px;*/
    /*height: 24px;*/
    padding: 2px 7px 2px 7px;
    margin: 3px 0px 3px 0px;
    font-size: 12px;
}

/*.kendocolsettingdiv .colstngTbl {
    max-height: 300px;
    overflow-y: scroll;
    overflow-x: hidden;
    margin-bottom: 10px;
    margin-top: 5px;
    width: max-content;
}*/
.kendocolsettingdiv .colstngTbl {
    max-height: 250px;
    overflow-y: scroll;
    overflow-x: hidden;
    margin-bottom: 10px;
    margin-top: 5px;
    width: max-content;
}

.colstngTbl::-webkit-scrollbar {
    width: 7px;
    height: 7px;
    background-color: #ececec;
    border-radius: 8px;
}

.colstngTbl:hover::-webkit-scrollbar {
    width: 12px;
}

.colstngTbl::-webkit-scrollbar-thumb {
    background: linear-gradient(#999, #777);
    border-radius: 8px;
    border: 1px solid #ddd;
}

.kendocolsettingdiv .input-append {
    margin-bottom: 0;
}

.kendocolsettingdiv div table {
    width: 100%;
    border: 1px solid #ddd;
    border-collapse: collapse;
    border-spacing: 0;
}

    .kendocolsettingdiv div table tr th {
        padding: 5px;
        background-color: #466aa9;
        background-color: var(--GridHeaderlvl) !important;
        color: #fff;
        /*color: #000;*/
        border-collapse: collapse;
        border-spacing: 0;
        border-left: 1px solid #ddd;
        white-space: nowrap;
        font-size: 12px;
    }

    .kendocolsettingdiv div table tr td {
        padding: 0px 5px;
        /*border-bottom: 1px solid #ddd;
        border-left: 1px solid #ddd;*/
        border: 1px solid #ddd;
        font-size: 11px;
        text-align: center;
    }

        .kendocolsettingdiv div table tr td input {
            text-align: center;
        }

            .kendocolsettingdiv div table tr td input.SeqNo {
                width: 34px
            }

.kendocolsettingdiv {
    z-index: 840;
    padding-top: 10px;
    padding-bottom: 7px;
   /* position: absolute;*/
   position:fixed;
    /*display:none*/
    /*top: 120px;*/

  /*  top: 154px;*/
}

#myColumnSettingTable thead tr th {
    position: sticky;
    top: 0
}

.k-grid-header th, .k-grid-content td {
    font-size: 1.1em !important
}

.ColumnSetting, .ColumnSetting:hover, .FilterIconClr, .FilterIconClr:hover {
    background: var(--GridHeaderlvl) !important;
    color: #fff !important;
}

.kendocolsettingdiv #fontFamily option {
    font-size: 14px
}

.ColumnSetting {
    border-color: rgba(0,0,0,.08) !important;
    color: #fff !important;
    background: var(--GridHeaderlvl) !important;
    color: white !important;
    height: 27px !important;
    border-radius: 5px !important;
}

.BgClrHead {
    color: #fff !important;
    background: var(--GridHeaderlvl) !important;
}

.btnOk, .btnCancel {
    background-color: #dc911f !important;
    color: #fff !important;
    background: var(--GridHeaderlvl) !important;
    /*color: var(--textColor1) !important;*/
}

/* Column Setting Css End */


/* Link Tag Style */

.lnkStyle {
    text-decoration: underline !important;
}

/*.k-popup .k-item.k-first {
    display: none !important;
}*/

.disabled {
opacity : 0.5!important;
cursor : not-allowed !important;
}

.disabled:active {
    pointer-events : none!important;
}
    .lnkStyle:hover {
        color: #007bff !important;
        text-decoration: underline !important;
    }

/* Link Tag Style */


::placeholder {
    color: #b7c1cb !important;
}

.btnDownloadStyle {
    color: #fff !important;
    background: var(--GridHeaderlvl) !important;
}

.comboboxWidthSet{
    max-width:400px !important;
    overflow-x:auto !important;
}
.KListItem {
    white-space: unset !important;
   
}
.FocusedRemoved {
    box-shadow: unset !important;
}

/*Start BarCodeSetting CSs*/
.BarcodeSetting {
    width: 100%;
    margin: 0;
    clear: both;
    border-spacing: collapse;
    border-spacing: 0;
    border: 1px solid #ccc;
}

.BarcodeSetting thead th, .BarcodeSetting thead td {
    padding: 4px 18px;
    white-space: normal;
    background: var(--NavBarlvl) !important;
    border: 0px;
    border-right: 1px solid #ddd;
    text-transform: uppercase;
    border-collapse: collapse;
    border-spacing: 0;
    user-select: none;
    vertical-align: middle;
    text-overflow: ellipsis;
}

.BarcodeSetting thead th {
    font-weight: bold;
    white-space: nowrap;
    font-size: 13px;
    color: #fff !important;
    text-align: center
}

.BarcodeSetting tbody tr {
    background: #fff
}

    .BarcodeSetting tbody tr:nth-child(odd) {
        background: #f8f8f8
    }

.BarcodeSetting tbody tr, .BarcodeSetting tbody td {
    border-left: 1px solid #ddd;
    border-top: none
}

.BarcodeSetting tbody tr, .BarcodeSetting tbody td {
    padding: 4px 6px !important;
}

.PrixHide input {
    height: 11px !important;
    width: 100%;
}

.BarcodeSetting tbody td > input, .BarcodeSetting tbody td > div input {
    margin-left: -14px;
}

.tsb1 {
    height: 62% !important;
    overflow: auto;
}

.structuralfieldset1 {
    height: auto !important;
}

.BarcodeSetting .k-combobox.k-combobox-clearable .k-input {
    height: 25px !important;
}

/*End BarCodeSetting CSs*/


.totalRecords > b {
    font-weight: 900 !important;
}

.Conctivitywdth{
    min-width:40px;
}
.ConnectivityID {
    margin: 6px 2px 2px 2px;
    line-height: 11px;
   /* width: 45px;*/
}

.fade .show {
    opacity: 0.5;
}

#downloadModal .DownModalclose {
    font-size: 1.5rem;
    font-weight: 700 !important;
    padding: 0px 7px 5px 7px !important;
    border-radius: 30px;
    line-height: 1;
    margin: 0%;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    background-color: #fff;
}