@font-face {
    font-family: 'SegoeUI', sans-serif;
    src: url('fonts/Segoe_UI/SegoeUI.eot'); /* IE9 Compat Modes */
    src: url('fonts/Segoe_UI/SegoeUI.eot?#iefix') format('embedded-opentype'),
    /* IE6-IE8 */ url('fonts/Segoe_UI/SegoeUI.otf') format('opentype'),
    /* Open Type Font */ url('fonts/Segoe_UI/SegoeUI.svg') format('svg'),
    /* Legacy iOS */ url('fonts/Segoe_UI/SegoeUI.ttf') format('truetype'),
    /* Safari, Android, iOS */ url('fonts/Segoe_UI/SegoeUI.woff') format('woff'),
    /* Modern Browsers */ url('fonts/Segoe_UI/SegoeUI.woff2') format('woff2'); /* Modern Browsers */
}

.content_header {
    word-wrap: break-word;
    background-clip: border-box;
    border: 1px solid rgba(0, 0, 0, 0.06);
    border-radius: 0.25rem;
    background: #fff;
    margin-bottom: 1.875rem;
    border: none;
    border-radius: 0;
    -webkit-box-shadow: 0 10px 40px 0 rgba(62, 57, 107, 0.07), 0 2px 9px 0 rgba(62, 57, 107, 0.06);
    box-shadow: 0 10px 40px 0 rgba(62, 57, 107, 0.07), 0 2px 9px 0 rgba(62, 57, 107, 0.06);
    background-color: #fff;
    padding: 10px;
}

.after_none::after {
    display: none !important;
}

.text-blue {
    color: #038bc9 !important;
}

.voiletclr {
    color: #9351ad !important;
}

.rounded_input {
    border-radius: 30px !important;
}

.card_hdr_brdr {
    border-bottom: #999999 2px solid;
}

.fisicalyear_width {
    max-width: 115px !important;
}

.fyear {
    width: 102px;
    padding-right: 0px;
}

.mns_-5 {
    margin-top: -5px !important;
}

.mns_-4 {
    margin-top: -4px !important;
}

.mw-50px {
    max-width: 50px !important;
}

.minw80per {
    min-width: 80% !important;
}

.maxw650px {
    max-width: 650px !important;
}

.mw-120px {
    max-width: 120px !important;
}

.vcenter {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
}

.dash_card_right {
    height: calc(100vh - 428px);
}

.bg_none {
    background: none !important;
}

.boxshadow_0 {
    box-shadow: none !important;
}

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

.max400px {
    max-width: 400px !important;
}

.footer-dev {
    background: #ffff99 !important;
}

.footer-prod {
    background: #353535 !important;
}

.footer-prod-gray {
    color: #ccc !important;
}

.e-grid .e-groupdroparea {
    /*background: #1d89cf !important;*/
    color: #fff !important;
    min-height: 30px !important;
    padding: 7px !important;
}

    .e-grid .e-groupdroparea.e-grouped {
        padding: 3px 0 6px !important;
        min-height: 30px !important;
    }

.e-grid .e-groupheadercell,
.e-grid .e-groupheadercell:hover {
    margin: 3px 0 0 10px !important;
}

.e-pager .e-currentitem,
.e-pager .e-currentitem:hover {
    background: #1d89cf !important;
}

.e-toolbar-items .e-toolbar-right .e-toolbar-item .e-tbtn-txt .e-tbar-btn-text {
    display: inline-block !important;
}

.e-toolbar-items .e-toolbar-item .e-tbtn-txt .e-tbar-btn-text {
    display: none !important;
}

.disblkbtntxt .e-toolbar-items .e-toolbar-item .e-tbtn-txt .e-tbar-btn-text {
    display: inline-block !important;
}

.disblkbtntxt .e-toolbar-left .e-next {
    float: right;
}

.disblkbtntxt .e-toolbar-right .e-today {
    display: none !important;
}

#AttachmentsGrid_toolbarItems .e-tbar-btn-text,
#NotifiersGrid_toolbarItems .e-tbar-btn-text {
    display: none !important;
}

.e-pagercontainer {
    float: right;
}

.e-delete::before {
    color: #e01b2d !important;
}

.e-add::before {
    color: #1d89cf;
}

.e-edit::before {
    color: #26d2fb;
}

.e-update::before {
    color: #66b941;
}

.e-cancel::before {
    color: #ff7800;
}

.e-float-input,
.e-float-input.e-control-wrapper {
    max-height: 30px;
    border: 1px #bfc6ca solid !important;
}

    .e-float-input,
    .e-float-input.e-control-wrapper .e-control {
        padding: 0px !important;
    }

.lineheight36px {
    line-height: 36px;
}

.lineheight30px {
    line-height: 30px;
}

    .lineheight30px label,
    label .lineheight30px {
        margin-bottom: 0px !important;
    }

.lineheight18px {
    line-height: 18px !important;
}

.lineheight25px {
    line-height: 25px !important;
}

.rightpad20 {
    float: right;
}

.tab-content {
    background: #fff;
    padding: 10px;
}

    .tab-content .content .content-wrapper {
        padding: 0px;
    }

.mr-05 {
    margin-right: 5px;
}

.p-3px {
    padding: 3px !important;
}

.mt-05 {
    margin-top: 5px !important;
}

.mt-03 {
    margin-top: 3px !important;
}

.btn {
    margin-right: 5px;
}

.modal .btn {
    max-height: 30px;
}

.security_users_roles_radio_left {
    height: calc(100vh - 214px) !important;
    overflow: auto;
}

.security_users_roles_radio_right {
    height: calc(100vh - 200px) !important;
    overflow: auto;
}

.error-validation {
    color: red !important;
}

.red {
    color: red !important;
}

.width180 {
    width: 180px !important;
}

.width85px {
    width: 85px !important;
}

.width100px {
    width: 100px !important;
}

.width90px {
    width: 90px !important;
}

.show-Success-Msg {
    color: darkgreen !important;
}

.show-ValidationSummary-Msg {
    color: red !important;
}

.leftpad20 {
    margin-right: 5px !important;
    line-height: 30px;
    float: left;
    color: #333 !important;
    font-size: 14px;
}

.leftTen {
    margin-right: 5px !important;
    line-height: 30px;
    float: left;
    color: red !important;
    font-size: 14px;
}

.gridtemplatecolumn {
    color: #2382c3 !important;
}

    .gridtemplatecolumn:hover {
        cursor: pointer !important;
        text-decoration: underline !important;
    }

.ngx-toggle-wrapper {
    margin: 0px !important;
    background: none !important;
    min-width: 75px !important;
    box-shadow: 0 6px 10px rgba(0, 0, 0, 0.25);
    -webkit-box-shadow: 0 6px 10px rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 10px -10px 5px rgba(0, 0, 0, 0.25);
    -o-box-shadow: 10px -10px 5px rgba(0, 0, 0, 0.25);
    text-shadow: 4px 3px 3px rgba(0, 0, 0, 0.6);
    -webkit-text-shadow: 10px -10px 5px rgba(0, 0, 0, 0.6);
    -o-text-shadow: 10px -10px 5px rgba(0, 0, 0, 0.6);
    -moz-text-shadow: 10px -10px 5px rgba(0, 0, 0, 0.6);
    /*border-radius: 13px !important;*/
    background: #47a447 !important;
}

    .ngx-toggle-wrapper .btn {
        margin: 0px;
        width: auto !important;
        padding: 5px 15px;
        border-radius: 0px;
        font-size: 13px;
    }

.ngx-toggled-off .ngx-toggle-on,
.ngx-toggled-on .ngx-toggle-off {
    display: none !important;
}

.ngx-toggle-off {
    border: none !important;
}

.ngx-toggled-on .ngx-toggle-off,
.ngx-toggled-off .ngx-toggle-on {
    display: none !important;
}

.ngx-toggle-container {
    width: 134px !important;
    margin-left: auto !important;
}

/*.ngx-toggle-on {
  width:61px !important; 
}*/

.ngx-toggle-handle {
    padding: 5px 5px !important;
    background-color: #eee !important;
}

.cstmsideic .participant {
    /*background: url('../images/user_managehr.png') no-repeat left center !important;*/
    background-size: 18px 18px !important;
    border: 0px !important;
    width: 18px;
    height: 18px;
    opacity: 0.8;
}

.navigation > li:hover > a .cstmsideic .participant {
    /*background: url('../images/user_managehr.png') no-repeat left center !important;*/
    background-size: 18px 18px !important;
    border: 0px !important;
    width: 18px;
    height: 18px;
    opacity: 1 !important;
}

/*.cstmsideic .participant {
  background: url('../images/user_managehr.png') no-repeat left center !important;
  background-size: 18px 18px !important;
  border: 0px !important;
  width: 18px;
  height: 18px;
}*/

.sharepoint img {
    opacity: 0.35 !important;
    background: none !important;
}

.sharepoint:hover img {
    opacity: 1 !important;
}

.FavouriteDeSelect {
    background-image: url('../images/stardeselect.png');
    height: 20px;
    width: 20px;
}

.FavouriteSelect {
    background-image: url('../images/starselect.png');
    height: 20px;
    width: 20px;
}

.e-tbar-btn .e-btn-icon {
    float: left !;
}

.e-tbar-btn .e-tbar-btn-text {
    float: left;
}

.bg-primary i,
.bg-primary span,
.bg-primary,
.bg-success i,
.bg-success span,
.bg-success,
.bg-warning i,
.bg-warning span,
.bg-warning,
.btn-primary i,
.btn-primary span,
.btn-primary,
.btn-success i,
.btn-success span,
.btn-success,
.btn-warning i,
.btn-warning span,
.btn-warning,
.btn-danger i,
.btn-danger span,
.btn-danger,
.bg-danger,
.btn-purple i,
.btn-purple span,
.btn-purple,
.bg-purple,
.btn-delete i,
.btn-delete span,
.btn-purple,
.bg-delete {
    color: #fff !important;
}

.card-header {
    padding: 6px 10px;
}

.preventselection {
    -webkit-user-select: none; /* webkit (safari, chrome) browsers */
    -moz-user-select: none; /* mozilla browsers */
    -khtml-user-select: none; /* webkit (konqueror) browsers */
    -ms-user-select: none; /* IE10+ */
}

.card-title {
    /*color: #0378d5 !important;*/
    font-weight: 600 !important;
    text-transform: capitalize !important;
    font-size: 18px !important;
}

.dash_section .card-title {
    /*color: #0378d5 !important;*/
    font-weight: 500 !important;
    text-transform: capitalize !important;
    font-size: 18px !important;
    margin-bottom: 0px;
}

.border-bottom {
    border-bottom: 1px solid #d6d6d6 !important;
}

.border-bottom-primary {
    border-bottom: 1px solid #038bc9 !important;
}

.border1 {
    border: 1px solid #d6d6d6 !important;
}

.border-0 {
    border: none !important;
}

.creatmodilfy {
    width: auto;
    float: right;
    padding: 0px 15px;
    background: #f7f7f7;
    margin-left: 10px;
    border: 1px #ddd solid;
}

    .creatmodilfy .control-label {
        text-align: right !important;
        line-height: 30px;
        padding-right: 5px;
        margin-bottom: 0px !important;
    }

    .creatmodilfy strong {
        font-size: 15px;
        font-weight: normal;
        color: #167cbe;
    }

    .creatmodilfy span {
        line-height: 25px;
        color: #333;
    }

.mb-05 {
    margin-bottom: 5px !important;
}

.no_mat_input_brdr::after {
    background: none !important;
}

.input[type='checkbox'],
.input[type='radio'] {
    margin-right: 4px !important;
}

.form-control .e-input-group {
    border: none !important;
}

.form-control {
    font: 400 1rem/1.45 'SegoeUI', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
    color: #353535 !important;
}

    .form-control .e-input-group::before,
    .form-control .e-input-group::after {
        background: none !important;
    }

/*.form-control {
  max-height:36px;
}


textarea .form-control {
  max-height:none !important;
}*/

app-main-menu .main-menu .main-menu-content .navigation-main p {
    margin-bottom: 0px !important;
}

.e-grid .e-groupheadercell {
    background-color: #ffffff;
    color: #000000;
}

.e-grid .e-groupdroparea .e-icons {
    color: #000;
}

.e-grid .e-groupheadercell:hover {
    background-color: #94d0f7;
    border-color: #000;
}

.projectbuttons_prjlist {
    float: left;
    max-width: 280px;
    margin-right: 5px;
}

.leftpad {
    margin-right: 5px !important;
    line-height: 30px;
    float: left;
    color: #333 !important;
}

.modal {
    z-index: 99999;
}

.modal-header {
    background: #038bc9;
    color: #fff;
    padding: 0.7rem;
}

.custom-control-label::after,
.custom-control-label::before {
    left: -1.5rem !important;
}

.custom-control {
    padding-left: 1.5rem !important;
}

/* Css for Lookup Search */

.ValueField {
    display: none !important;
}

.LkpCtrlAlign {
    margin-top: 0px !important;
    margin-left: 0px !important;
    margin-right: 0px !important;
}

.compoctrlfield {
    padding-right: 48px !important;
}

.compoctrlbtn {
    position: absolute;
    top: 0;
    right: 9px;
}

.wfgreen {
    background-color: #5cb75c !important;
    color: white !important;
}

.wfred {
    background-color: #f93031 !important;
    color: white !important;
}

.prjsts {
    padding: 0px !important;
}

    .prjsts label {
        padding-left: 5px;
        line-height: 32px;
    }

.max25 {
    max-width: 25% !important;
    float: left;
}

.max10 {
    max-width: 10% !important;
}

.max45 {
    max-width: 45% !important;
    float: left;
    margin-right: 2% !important;
    margin-left: 2% !important;
}

.maxw200px {
    max-width: 200px;
}

.maxw240px {
    max-width: 240px;
}

.maxw145px {
    max-width: 145px;
}

.Projectdigits {
    max-width: 57px !important;
    margin-left: 3px !important;
    float: left;
    padding-left: 5px;
    padding-right: 5px;
}

.Projectdigits_last {
    max-width: calc(100% - 123px) !important;
    margin-left: 3px !important;
    float: left;
    padding-left: 5px;
    padding-right: 5px;
}

.dailogicons {
    border-bottom: #ddd 1px solid;
    width: 100%;
    padding-left: 4px;
    padding-top: 2px;
    padding-bottom: 4px;
    height: auto;
}
/* class for parentid */
.parentBold {
    color: #5a8da5;
    font-size: small;
}

.ClassEditButton {
    margin-top: 3px !important;
    margin-left: 5px !important;
}
/*#endregion */

/*Menu*/

/*.main-menu.menu-dark .navigation > li.active, .main-menu.menu-dark .navigation > li .hover {
  border-left: 4px solid #038bc9;
}*/

.main-menu.menu-dark .navigation > li ul li a:hover {
    /*background: #5aafc6 !important;*/
}

.pure-checkbox input[type='checkbox']:checked + label:before {
    background: #0079fe;
}

.pure-checkbox input[type='checkbox'] + label:before {
    width: 18px;
    height: 18px;
    color: #0079fe;
    border: 2px solid #0079fe;
}

.c-btn {
    background: #fff;
    border: 1px solid #ccc;
    color: #333;
    line-height: 1.2;
    padding: 3px 7px !important;
    height: calc(2rem + 2px);
    overflow-y: hidden;
    min-height: 30px !important;
}

.selected-list .c-list .c-token {
    background: #0079fe;
    margin-bottom: 4px;
    margin-top: 0px !important;
}

    .selected-list .c-list .c-token .c-label {
        color: #fff;
    }

.selected-list .c-angle-down,
.selected-list .c-angle-up {
    top: calc(50% - 3px) !important;
}

.ChildGridShowAll {
    line-height: 33px;
    float: left;
    padding-left: 5px;
}

.rihgtpage {
    text-align: right !important;
    line-height: 30px;
}
/*Project History Tab CSS*/
.activity-stream {
    list-style-type: none;
    margin: 2em 3em;
    padding: 0;
    border-left: 1px solid #ccc;
    padding-left: 1.5em;
}

    .activity-stream li {
        border: 1px solid #ccc;
        padding: 1em 1em 1.5em 3em;
        margin: 1em;
        display: block;
        position: relative;
        /* Stroke */
        /* Fill */
    }

        .activity-stream li .icon {
            height: 30px;
            width: 30px;
            padding: 8px 5px;
            color: #fff;
            box-sizing: border-box;
            display: block;
            background: #53b2ea;
            position: absolute;
            left: -3.5em;
            top: 0.5em;
            -moz-border-radius: 50%;
            -webkit-border-radius: 50%;
            border-radius: 50%;
            text-align: center !important;
        }

        .activity-stream li:before,
        .activity-stream li:after {
            content: '';
            position: absolute;
            width: 0;
            height: 0;
            border-style: solid;
            border-color: transparent;
            border-left: 0;
        }

        .activity-stream li:before {
            top: 1em;
            left: -8px;
            /* If 1px darken stroke slightly */
            border-right-color: #aaa;
            border-width: 7px;
        }

        .activity-stream li:after {
            top: 1em;
            left: -7px;
            border-right-color: white;
            border-width: 7px;
        }

.e-numeric {
    height: 40px !important;
    padding: 7px 10px !important;
    border-radius: 3px !important;
    border: 1px solid #dcdcdc !important;
}

.mlpage .content,
.mlpage .footer {
    margin-left: 0px !important;
}

.mlpage2 .content,
.mlpage2 .footer {
    margin-left: 0px !important;
}

.mlpage .widget-head {
    display: none !important;
}

.test .mlpage .modal-body .widget-head {
    display: block !important;
}

.textheighlight {
    background-color: #9cd8ff !important;
    background: #9cd8ff !important;
    color: #000 !important;
    /*margin-right: 10px !important;
    padding-bottom: 10px !important;
    padding-top: 10px !important;
    padding-left: 10px !important;*/
}

    .textheighlight .e-input {
        background-color: #9cd8ff !important;
        color: #000 !important;
    }

[disabled].textheighlight input,
[readonly].textheighlight input,
fieldset[disabled] .textheighlight input {
    background-color: #9cd8ff !important;
    background: #9cd8ff !important;
    padding-left: 5px !important;
    padding-top: 0px !important;
    padding-bottom: 0px !important;
    color: #000 !important;
}

.e-rte-content {
    max-height: 350px;
}

.modal-body {
    max-height: calc(100vh - 127px);
    overflow-y: auto;
    overflow-x: hidden;
}

.modal-dialog .modal-content:nth-child(n + 1) {
    -webkit-box-shadow: 0 0 0 100vw rgba(0, 0, 0, 0.06) !important;
    box-shadow: 0 0 0 100vw rgba(0, 0, 0, 0.36) !important;
}

/*Reports Css Star*/

.reports_sidebar {
    background: #3d3d3d;
    height: 100%;
    left: 0px;
    width: 5%;
    max-width: 56px;
    min-width: 56px;
    float: left;
    color: #fff;
    position: absolute;
    z-index: 999;
}

    .reports_sidebar .logo {
        width: 100%;
        padding: 5px 5px 7px 5px;
        height: auto;
        background: #1d89cf;
        box-sizing: border-box;
    }

        .reports_sidebar .logo img {
            width: 100%;
            height: auto;
        }

.reports_form {
    float: left;
    margin-left: 65px;
    width: calc(100% - 65px);
    height: 100%;
    position: absolute;
    overflow: auto;
}

    .reports_form .export {
        margin: 5px 0px;
    }

        .reports_form .export select {
            min-width: 65px !important;
            text-align: right;
        }

    .reports_form .content {
        padding-bottom: 60px;
        padding-left: 10px;
    }

.reports_footer {
    position: absolute;
    bottom: 0px;
    height: 32px;
    padding: 0px 10px;
    left: 56px;
    width: calc(100% - 56px);
    box-sizing: border-box;
    font-size: 13px;
    color: #ebcb2a !important;
    line-height: 30px;
    font-family: 'SegoeUI', sans-serif;
}

.report_export_button {
    left: 40%;
}

.float-md-left {
    float: left !important;
}

.d-md-inline-block {
    display: inline-block !important;
}

.float-md-right {
    float: right !important;
}

/* Responsive */
/* Device = Tablets, Ipads */

@media (min-width: 768px) and (max-width: 1023px) {
    .col-md-2.side-min {
        min-width: 5.5%;
        max-width: 5.5%;
    }

    .col-lg-10.main-min {
        min-width: 94.5%;
    }

    .col-md-2.side-max {
        min-width: 21%;
        max-width: 21%;
    }

    .col-lg-10.main-max {
        min-width: 79%;
        max-width: 79%;
    }

    .dashboard-box .col {
        width: 33%;
        flex-basis: unset;
        flex-grow: unset;
        margin: 8px 0;
    }

        .dashboard-box .col:last-child {
            padding-right: 0.25rem !important;
        }

    .pdfreport {
        left: 85% !important;
    }
}

.pdfreport {
    position: absolute;
    top: 10px;
    left: 82%;
    display: inline-block;
}

@media (min-width: 1024px) and (max-width: 1279px) {
    .pdfreport {
        left: 80% !important;
    }
}

@media (min-width: 1280px) and (max-width: 1365px) {
    .pdfreport {
        left: 65% !important;
    }
}

@media (min-width: 1366px) and (max-width: 1599px) {
    .pdfreport {
        left: 61% !important;
    }
}

@media (min-width: 1600px) and (max-width: 1919px) {
    .pdfreport {
        left: 52% !important;
    }
}

@media (min-width: 1920px) and (max-width: 2559px) {
    .pdfreport {
        left: 43% !important;
    }
}

@media (min-width: 2560px) {
    .pdfreport {
        left: 32% !important;
    }
}

.tabdisable {
    pointer-events: none;
    cursor: not-allowed;
}

.text-white .card-title {
    color: #fff !important;
}

.fnt12 {
    font-size: 12px !important;
}

.pdlf0 {
    padding-left: 0px !important;
}

.pdlftop {
    padding-left: 0px !important;
    padding-top: 5px !important;
}

.pdlftop25 {
    padding-left: 0px !important;
    padding-top: 25px !important;
}

/*query manager*/

.cstmbrd .table-bordered {
    border: 1px solid #ddd;
}

.cstmbrd th {
    background: #fff !important;
    border-bottom: #2382c3 solid 3px !important;
    font-weight: bold !important;
    font-size: 14px !important;
    font-family: 'SegoeUI', sans-serif !important;
    color: #5c5c5c !important;
}

.cstmbrd .table-bordered th {
    border-bottom: #2382c3 solid 2px !important;
}

.cstmbrd .table-bordered .table-bordered {
    border: 0;
}

    .cstmbrd .table-bordered .table-bordered td:last-child {
        border-right: 0px !important;
    }

.cstmbrd .table-bordered td {
    border-bottom: 1px solid #efefef !important;
}

.brackets_with_dots {
    height: 29px !important;
    width: 26px !important;
}

.groupic {
    height: 29px !important;
    width: 36px !important;
}

.disinline {
    display: inline-block !important;
}

.width100per {
    width: 100% !important;
}

    .width100per .e-grid {
        width: 100% !important;
    }

.hiddencls {
    display: none !important;
}

.widget-head {
    /*background: url('../images/list.png') left no-repeat !important;*/
    border: 0px !important;
    /*border-bottom: 1px #1d89cf solid !important;*/
    padding-left: 20px !important;
    font-size: 17px !important;
    margin-bottom: 7px !important;
}

.card-header .widget-head {
    border-bottom: 0px !important;
    margin-bottom: 0px !important;
}

.e-datepicker {
    padding: 0px 0px 0px 7px !important;
}

    .e-datepicker .e-date-wrapper .e-input {
        font-size: 12px !important;
    }

bs-datepicker-container,
bs-daterangepicker-container {
    z-index: 99999;
}

.e-datepicker .e-input-group input.e-input {
    line-height: 20px !important;
}

/*.e-input-group-icon.e-date-icon, .e-control-wrapper .e-input-group-icon.e-date-icon {
  margin: 0 0 10px 0 !important;
}*/

.nav.nav-tabs .nav-item a,
.nav.nav-tabs .nav-item a.nav-link.active {
    font-weight: 600;
    color: #000;
}

/*page tabs Start*/

tabset .nav.nav-tabs .nav-item a {
    color: #000;
}

tabset .nav.nav-tabs {
    padding-right: 50px;
}

    tabset .nav.nav-tabs .nav-item a.nav-link.active {
        border-top: 3px solid #a94442;
        border-top-left-radius: 0;
        border-top-right-radius: 0;
        color: #555;
    }

    tabset .nav.nav-tabs .nav-item a:hover {
        color: #084835;
    }

        tabset .nav.nav-tabs .nav-item a:hover:not(.active) {
            border-color: transparent;
        }

/*page tabs End*/

.btnshadow {
    -webkit-box-shadow: 0 6px 10px rgba(0, 0, 0, 0.25);
    box-shadow: 0 6px 10px rgba(0, 0, 0, 0.25);
}

    .btnshadow i {
        text-shadow: 4px 3px 3px rgba(0, 0, 0, 0.6);
        -moz-text-shadow: 10px -10px 5px rgba(0, 0, 0, 0.6);
        -webkit-text-shadow: 10px -10px 5px rgba(0, 0, 0, 0.6);
        -o-text-shadow: 10px -10px 5px rgba(0, 0, 0, 0.6);
    }

    .btnshadow .inactivetxt {
        color: #656565 !important;
        text-shadow: 4px 3px 3px rgba(0, 0, 0, 0.2) !important;
        -moz-text-shadow: 10px -10px 5px rgba(0, 0, 0, 0.2) !important;
        -webkit-text-shadow: 10px -10px 5px rgba(0, 0, 0, 0.2) !important;
        -o-text-shadow: 10px -10px 5px rgba(0, 0, 0, 0.2) !important;
    }

.dropdown-item {
    border-bottom: #ddd 1px solid;
}

    .dropdown-item:focus,
    .dropdown-item:hover {
        color: #1e2122;
        background-color: #e4e4e4;
    }

.dropdown-menu {
    padding: 0px !important;
}

form label {
    font-weight: 600;
}

.menu-collapsed .collapsedlogo {
    display: block !important;
}

.menu-collapsed .expanded .collapsedlogo {
    display: none !important;
}

.expanded .collapsedlogo {
    display: none !important;
}

.expanded .nrmllogo {
    display: block;
}

.menu-collapsed .nrmllogo {
    display: none !important;
}

.menu-collapsed .expanded .nrmllogo {
    display: block !important;
}

.menu-collapsed .main-menu .navigation-main .has-sub .show {
    display: none;
}

.menu-collapsed .main-menu:hover .navigation-main .has-sub .show {
    display: block;
}

.e-input-group input.e-input,
.e-float-input.e-input-group input,
.e-input-group.e-control-wrapper input.e-input,
.e-float-input.e-input-group.e-control-wrapper input,
.e-float-input input,
.e-float-input.e-control-wrapper input {
    min-height: 15px !important;
}

.e-float-input.e-input-group .e-input-group-icon,
.e-float-input.e-control-wrapper.e-input-group .e-input-group-icon {
    margin-top: -1px !important;
}

.datebg {
    background-image: url('../../assets/images/calendar.gif');
    background-size: contain;
    background-position: right center;
    background-repeat: no-repeat;
    padding-right: 30px;
    cursor: pointer;
}

.list-group-item {
    padding: 10px !important;
}

.SrchAtribts_modal {
    z-index: 999999 !important;
}

    .SrchAtribts_modal .modal-body {
        max-height: calc(100vh - 170px);
    }

.modal80 {
    max-width: 80% !important;
}

.modalh80 .modal-content {
    height: 80vh;
    overflow-y: auto;
    overflow-x: hidden;
}

.radioclass .radio label {
    min-height: 11px !important;
    margin-right: 0px !important;
}

.details_share {
    position: absolute !important;
    right: 5px !important;
    top: 5px !important;
    z-index: 99999;
}

.e-headerchkcelldiv {
    display: none !important;
}

.ShowHeaderChkbx.e-grid .e-headercelldiv.e-headerchkcelldiv {
    overflow: visible !important;
    display: block !important;
}

/*Grid Export Icons  */
.e-btn-icon.e-excelexport {
    color: green !important;
    font-weight: bold !important;
    font-size: 18px !important;
}

.tab-container {
    max-width: 100%;
}

.hyperlink {
    color: #2382c3 !important;
}

.disablegrid {
    pointer-events: none;
    opacity: 0.4;
}

/*.wrapper {
  cursor: not-allowed;
}*/
ngb-modal-backdrop,
ngb-modal-window {
    z-index: 999999 !important;
}
/*Fixed detail sections start*/

.contract_tab_fd_fxd,
.tab_fd_wtb_fxd,
.prti_tab_fxd > .tab-content {
    overflow: auto;
    overflow-x: hidden;
}

.prti_tab_fxd > .tab-content {
    padding-bottom: 0px !important;
}

.prj_tab_f_fxd,
.prj_tab_fd_fxd,
.prj_tab_d_fxd,
.prj_mtab_fxd > .tab-content {
    overflow: auto;
    padding: 10px 0px;
    overflow-x: hidden;
}

@media only screen and (max-width: 1249px) and (min-width: 986px) {
    .prj_mtab_fxd > .tab-content {
        max-height: calc(100vh - 322px);
    }

    .prti_tab_fxd > .tab-content {
        height: calc(100vh - 320px);
    }

    .prj_tab_d_fxd {
        max-height: calc(100vh - 270px);
    }

    .prj_tab_f_fxd {
        max-height: calc(100vh - 213px);
    }

    .prj_tab_fd_fxd {
        max-height: calc(100vh - 240px);
    }

    .contract_tab_fd_fxd {
        max-height: calc(100vh - 175px);
    }

    .tab_fd_wtb_fxd {
        max-height: calc(100vh - 195px);
    }
}
.prj_fixed_height {
    max-height: calc(100vh - 70px);
    overflow-y: auto;
    overflow-x: hidden;
}
@media only screen and (max-width: 1300px) and (min-width: 1250px) {
    .prj_mtab_fxd > .tab-content {
        max-height: calc(100vh - 250px);
    }

    .prti_tab_fxd > .tab-content {
        height: calc(100vh - 248px);
    }

    .prj_tab_d_fxd {
        max-height: calc(100vh - 199px);
    }

    .prj_tab_f_fxd {
        max-height: calc(100vh - 148px);
    }

    .prj_tab_fd_fxd {
        max-height: calc(100vh - 180px);
    }

    .contract_tab_fd_fxd {
        max-height: calc(100vh - 105px);
    }

    .tab_fd_wtb_fxd {
        max-height: calc(100vh - 125px);
    }
}

@media only screen and (max-width: 1390px) and (min-width: 1301px) {
    .prj_mtab_fxd > .tab-content {
        max-height: calc(100vh - 245px);
    }

    .prti_tab_fxd > .tab-content {
        height: calc(100vh - 214px);
    }

    .prj_tab_d_fxd {
        max-height: calc(100vh - 199px);
    }

    .prj_tab_f_fxd {
        max-height: calc(100vh - 148px);
    }

    .prj_tab_fd_fxd {
        max-height: calc(100vh - 180px);
    }

    .contract_tab_fd_fxd {
        max-height: calc(100vh - 105px);
    }

    .tab_fd_wtb_fxd {
        max-height: calc(100vh - 125px);
    }
}

@media only screen and (max-width: 1500px) and (min-width: 1391px) {
    .prj_mtab_fxd > .tab-content {
        max-height: calc(100vh - 240px);
    }

    .prti_tab_fxd > .tab-content {
        height: calc(100vh - 238px);
    }

    .prj_tab_d_fxd {
        max-height: calc(100vh - 199px);
    }

    .prj_tab_f_fxd {
        max-height: calc(100vh - 148px);
    }

    .prj_tab_fd_fxd {
        max-height: calc(100vh - 180px);
    }

    .contract_tab_fd_fxd {
        max-height: calc(100vh - 105px);
    }

    .tab_fd_wtb_fxd {
        max-height: calc(100vh - 125px);
    }
}

@media only screen and (max-width: 1850px) and (min-width: 1501px) {
    .prj_mtab_fxd > .tab-content {
        max-height: calc(100vh - 245px);
    }

    .prti_tab_fxd > .tab-content {
        height: calc(100vh - 216px);
    }

    .prj_tab_d_fxd {
        max-height: calc(100vh - 199px);
    }

    .prj_tab_f_fxd {
        max-height: calc(100vh - 148px);
    }

    .prj_tab_fd_fxd {
        max-height: calc(100vh - 180px);
    }

    .contract_tab_fd_fxd {
        max-height: calc(100vh - 105px);
    }

    .tab_fd_wtb_fxd {
        max-height: calc(100vh - 125px);
    }
}

@media only screen and (max-width: 2050px) and (min-width: 1851px) {
    .prj_mtab_fxd > .tab-content {
        max-height: calc(100vh - 230px);
    }

    .prti_tab_fxd > .tab-content {
        height: calc(100vh - 228px);
    }

    .prj_tab_d_fxd {
        max-height: calc(100vh - 199px);
    }

    .prj_tab_f_fxd {
        max-height: calc(100vh - 148px);
    }

    .prj_tab_fd_fxd {
        max-height: calc(100vh - 180px);
    }

    .contract_tab_fd_fxd {
        max-height: calc(100vh - 105px);
    }

    .tab_fd_wtb_fxd {
        max-height: calc(100vh - 125px);
    }
}

@media only screen and (min-width: 2051px) {
    .prj_mtab_fxd > .tab-content {
        max-height: calc(100vh - 207px);
    }

    .prti_tab_fxd > .tab-content {
        height: calc(100vh - 205px);
    }

    .prj_tab_d_fxd {
        max-height: calc(100vh - 199px);
    }

    .prj_tab_f_fxd {
        max-height: calc(100vh - 148px);
    }

    .prj_tab_fd_fxd {
        max-height: calc(100vh - 180px);
    }

    .contract_tab_fd_fxd {
        max-height: calc(100vh - 105px);
    }

    .tab_fd_wtb_fxd {
        max-height: calc(100vh - 125px);
    }
}

/*Fixed detail sections End*/

.cntrctpg .card-header {
    display: none;
}

.cntrctpg .modal-body .card-header {
    display: block;
}

.cntrctpg .tab-content {
    padding: 0px !important;
}
/*.cntrctpg .modal-body .tab-content {
  padding: 0px !important;
}*/
.cntrctpg .modal-body .card-content {
    border: 1px solid #d6d6d6 !important;
}

.cntrctpg .card-content {
    border: none !important;
}

.dflt_pg_height {
    height: calc(100vh - 70px);
    overflow: auto;
    overflow-x: hidden;
}

#topbtn {
    position: fixed;
    bottom: 50px;
    right: 10px;
    z-index: 99999999;
    padding: 10px 22px;
    background: rgba(0, 0, 0, 0.5);
    color: #fff;
    border-radius: 10px;
}

@keyframes bounceAlpha {
    0% {
        opacity: 1;
        transform: translatey(0px) scale(1);
    }

    25% {
        opacity: 0;
        transform: translatey(-10px) scale(0.9);
    }

    26% {
        opacity: 0;
        transform: translatey(10px) scale(0.9);
    }

    55% {
        opacity: 1;
        transform: translatey(0px) scale(1);
    }
}

#topbtn i {
    animation-name: bounceAlpha;
    animation-duration: 1.4s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}

.ngx-editor-textarea {
    max-height: 150px !important;
    min-height: 100px !important;
    font-size: 1rem;
    font-family: 'SegoeUI', sans-serif !important;
}

    .ngx-editor-textarea p,
    .ngx-editor-textarea span,
    .ngx-editor-textarea b,
    .ngx-editor-textarea strong,
    .ngx-editor-textarea h1,
    .ngx-editor-textarea div {
        font-family: 'SegoeUI', sans-serif !important;
        font-size: 1rem !important;
    }

.modal-body .ngx-editor-textarea {
    max-height: 60vh !important;
}

c-btn.disabled {
    background: #eceff1 !important;
}

.clear-all {
    display: none !important;
}

.c-btn.disabled {
    background: #eceff1;
}

.c-btn.disabled {
    background: #eceff1 !important;
}

.cstmdrplist .dropdown-list {
    position: relative;
    max-height: 150px;
    overflow: auto;
}

.pure-checkbox input[type='checkbox'] + label:after {
    color: #fff;
}

/* hide resize functionality in text area */
textarea {
    resize: none !important;
}

.cstmtxthght .ngx-editor-textarea {
    min-height: calc(80vh - 123px) !important;
}

.cstmtxthght textarea {
    min-height: calc(80vh - 75px) !important;
}

.check_radio_lbl {
    margin-bottom: 3px;
    margin-left: 3px;
    margin-right: 3px;
}

.cstmmultislct .selected-list .c-list {
    position: absolute !important;
    top: 3px !important;
}

/* inline grid hide default popup css */
.e-dlg-container {
    display: none;
}

#BoardItemGrid .e-dlg-container,
#CBProjectPermitGrid .e-dlg-container,
#SubstantialGrid .e-dlg-container,
#EngProjectPermitGrid .e-dlg-container,
#MajorTradeGrid .e-dlg-container,
#GOAASAAGrid .e-dlg-container,
#EngSubstantialGrid .e-dlg-container,
#ProjectCloseoutChklistGrid .e-dlg-container,
#Adden_RoutingInfoGrid .e-dlg-container,
#adAmountBreakdown_Grid .e-dlg-container,
#AmountBreakdown_Grid .e-dlg-container,
#AmendRoutingInfo_Grid .e-dlg-container,
#amAmountBreakdown_Grid .e-dlg-container,
#BreakdownPrposed_Grid .e-dlg-container,
#InvoiceOracleLineItemGrid .e-dlg-container,
#CostDescriptionGrid .e-dlg-container,
#ProjectCostSMF_Grid .e-dlg-container,
#SmallBusinessGrid .e-dlg-container,
#ActualParticiptionPayGrid .e-dlg-container,
#ActualParticiptionProfGrid .e-dlg-container,
#InvActualParticiptionGrid .e-dlg-container,
#PayAppActualParticiptionGrid .e-dlg-container,
#itemTypeGroupGrid .e-dlg-container,
#itemTypeGrid .e-dlg-container {
    display: none !important;
}
/*.e-grid td.e-active {
  background: #3998d5 !important;
  color: #fff !important;
}*/

.e-grid td.e-active .gridtemplatecolumn {
    color: #fff !important;
}

.e-grid.e-gridhover tr[role='row']:not(.e-editedrow):hover .e-rowcell:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell),
.e-grid.e-gridhover tr[role='row']:hover .e-detailrowcollapse:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell),
.e-grid.e-gridhover tr[role='row']:hover .e-rowdragdrop:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell),
.e-grid.e-rtl .e-gridhover tr[role='row']:hover .e-rowdragdrop:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell),
.e-grid.e-gridhover tr[role='row']:hover .e-detailrowexpand:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell) {
    /*background: #a8dcfe !important;*/
    color: #000 !important;
}

.heilighttodaydate {
    border: 1px solid #e3165b !important;
    border-radius: 50% !important;
    color: #e3165b !important;
}

.PrjAlertOutlook {
    width: 28px;
    height: auto;
    background: #179bd7 !important;
    padding: 5px;
}

    .PrjAlertOutlook:hover {
        cursor: pointer;
    }

.e-cc-selectall {
    display: none !important;
}
/*.e-ddl {
  max-height:175px !important;
  overflow:auto;
}*/

.cstmmdlovrvsbl {
    overflow: visible !important;
}

.f-14 {
    font-size: 14px;
}

.theme_default .maindivlogin .card-footer,
.theme_default .maindivlogin .card-header,
.theme_light .maindivlogin .card-footer,
.theme_light .maindivlogin .card-header,
.theme_dark .maindivlogin .card-footer,
.theme_dark .maindivlogin .card-header {
    background: none !important;
    background-color: none !important;
}

.login_frgt .footer {
    margin-left: 0px !important;
}

.e-numeric,
.e-numeric input {
    direction: ltr;
    text-align: right;
}

.hdnftr_qry .footer {
    margin-left: 56px !important;
}

.e-filter-popup .e-dlg-content {
    height: 100% !important;
    padding-bottom: 0px;
    padding-right: 0px;
}

.e-filter-popup {
    max-height: 295px !important;
}

.e-grid .e-checkboxlist {
    height: auto !important;
    min-height: unset !important;
}

.content-wrapper .content-body {
    padding-bottom: 22px;
}

.WaitControlBackground {
    top: calc(50vh - 34px) !important;
}

.notifidateic {
    margin: 0px;
    border-radius: 0;
    border-left: 0;
    padding: 5.5px 8px;
}

.e-grid,
.e-control,
.e-css {
    font-family: 'SegoeUI', sans-serif !important;
}

.box-container {
    position: relative;
    height: 150px;
    padding: 45px 0;
}

.box-swap {
    position: absolute;
    text-align: center;
    width: 150px;
    height: 60px;
    padding: 15px 35px;
    line-height: 30px;
}

.dashdrop {
    right: 0 !important;
    left: auto !important;
}

.form-check-inline [type='checkbox'] {
    vertical-align: middle;
}

.e-grid .e-rowcell:not(.e-editedbatchcell),
.e-grid .e-detailrowcollapse:not(.e-editedbatchcell),
.e-grid .e-detailrowexpand:not(.e-editedbatchcell),
.e-grid .e-gridcontent .e-rowdragdrop:not(.e-editedbatchcell),
.e-grid .e-emptyrow:not(.e-editedbatchcell) {
    opacity: 1 !important;
    color: #333 !important;
}

.e-grid .e-rowcell,
.e-grid .e-headercell,
.e-grid .e-detailheadercell,
.e-grid .e-gridheader .e-sortfilter .e-headercelldiv,
.e-grid .e-gridheader .e-stackedheadercelldiv,
.e-grid .e-gridheader .e-headercell .e-headercelldiv.e-headerchkcelldiv {
    padding-right: 6px !important;
    padding-left: 6px !important;
}

.e-headercell .e-headercelldiv,
.e-headercell .e-headercelldiv .e-headertext {
    font-weight: 600 !important;
    font-size: 14px !important;
    opacity: 1 !important;
    color: #5c5c5c !important;
}

.crsrpntr {
    cursor: pointer;
}

.fixeddashboard {
    max-height: calc(100vh - 78px) !important;
    overflow: auto;
}

    .fixeddashboard .e-pagercontainer {
        margin: 0px 0px 5px 4px !important;
    }

    .fixeddashboard .e-pager .e-pagercontainer .e-firstpage,
    .fixeddashboard .e-pager .e-pagercontainer .e-prevpage,
    .fixeddashboard .e-pager .e-pagercontainer .e-firstpagedisabled,
    .fixeddashboard .e-pager .e-pagercontainer .e-prevpagedisabled,
    .fixeddashboard .e-pager .e-pagercontainer .e-nextpage,
    .fixeddashboard .e-pager .e-pagercontainer .e-lastpage,
    .fixeddashboard .e-pager .e-pagercontainer .e-nextpagedisabled,
    .fixeddashboard .e-pager .e-pagercontainer .e-lastpagedisabled {
        border-right-style: solid;
        border-right-width: 0;
        display: inline-block;
        margin-right: 3px;
        margin-top: 5px;
        min-width: 17px;
        padding: 5px;
    }

fixeddashboard .e-pager .e-next.e-icons.e-icon-next.e-nextpagedisabled.e-disable,
fixeddashboard .e-pager .e-next.e-icons.e-icon-next.e-nextpage.e-pager-default {
    margin-left: 9px;
}

.fixeddashboard .col-md-4 .card,
.fixeddashboard .col-md-8 .card {
    min-height: 340px;
}

.alrtdtls_fxd {
    height: calc(100vh - 83px);
    overflow: auto;
    overflow-x: hidden;
}
/* hide the legends by id */
#pie-ProjectsByVendors_chart_legend_g {
    display: none;
}

#pie-ProjectsByVendorsMAX_chart_legend_g {
    display: none;
}

#pie-ProjectsByPrograms_chart_legend_g {
    display: none;
}

#pie-ProjectsByProgramsMAX_chart_legend_g {
    display: none;
}

#pie-ProjectsByStatus_chart_legend_g {
    display: none;
}

#pie-ProjectsByStatusMAX_chart_legend_g {
    display: none;
}

#pie-Airports_chart_legend_g {
    display: none;
}

#pie-Dept_chart_legend_element {
    display: none;
}

#pie-Groups_chart_legend_element {
    display: none;
}

#pie-Dept_chart_legend_clipPath {
    display: none;
}
/* Resizable CSS */
mwlResizable {
    box-sizing: border-box;
}

.dropdown-toggle::after {
    font-weight: 600;
}

.e-gridchkbox .e-checkbox-wrapper,
.e-headercell .e-checkbox-wrapper {
    max-width: 18px !important;
}

.dash_section {
    border: 1px solid #cccccc !important;
    background-image: -webkit-gradient(linear, left 0%, left 100%, from(#fff), to(#f9f9f9)) !important;
    background-image: -webkit-linear-gradient(top, #fff, 0%, #f9f9f9, 100%) !important;
    background-image: -moz-linear-gradient(top, #fff 0%, #f9f9f9 100%) !important;
    background-image: linear-gradient(to bottom, #fff 0%, #f9f9f9 100%) !important;
    background-repeat: repeat-x !important;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#fff9f9f9', GradientType=0) !important;
    -webkit-box-shadow: 0px 0px 14px 0px rgba(0, 0, 0, 0.1) !important;
    -moz-box-shadow: 0px 0px 14px 0px rgba(0, 0, 0, 0.1) !important;
    box-shadow: 0px 0px 14px 0px rgba(0, 0, 0, 0.1) !important;
    background-color: #ffffff !important;
    padding: 5px !important;
    min-height: 350px;
}

.btnhght {
    height: calc(2rem + 2px);
}

.ProjImg {
    width: 400px !important;
    height: 250px !important;
}

.ProjImgMAX {
    width: 500px !important;
    height: 250px !important;
}

/*Gant Chart STart*/
.ganthalf .e-splitter-horizontal {
    width: 100% !important;
}

.ganthalf .e-gantt-tree-grid-pane {
    flex-basis: 40%;
}
/*! component's default definitions and variables */

/*! component's default definitions and variables */
.e-gantt .e-add::before {
    content: '\e7f9';
}

.e-gantt .e-edit::before {
    content: '\e81e';
}

.e-gantt .e-delete::before {
    content: '\e84e';
}

.e-gantt .e-cancel::before {
    content: '\e825';
}

.e-gantt .e-save::before {
    content: '\e98e';
}

.e-gantt .e-update::before {
    content: '\e735';
}

.e-gantt .e-search-icon::before {
    content: '\e993';
}

.e-gantt .e-cancel-icon::before {
    content: '\e825';
}

.e-gantt .e-notes-info::before {
    content: '\1F6C8';
}

.e-gantt .e-left-resize-gripper::before,
.e-gantt .e-right-resize-gripper::before {
    content: '\ec16';
}

.e-gantt .e-expandall::before {
    content: '\e556';
}

.e-gantt .e-collapseall::before {
    content: '\e554';
}

.e-gantt .e-prevtimespan::before {
    content: '\e85b';
}

.e-gantt .e-nexttimespan::before {
    content: '\e85f';
}

.e-gantt .e-zoomin::before {
    content: '\e349';
}

.e-gantt .e-zoomout::before {
    content: '\e351';
}

.e-gantt .e-zoomtofit::before {
    content: '\e657';
}

.e-gantt .e-csvexport::before {
    content: '\e241';
}

.e-gantt .e-excelexport::before {
    content: '\e242';
}

.e-gantt .e-add-above::before {
    content: '\e658';
}

.e-gantt .e-add-below::before {
    content: '\e659';
}

.e-gantt.e-device .e-backarrowspan::before,
.e-gantt.e-device .e-icon-dlg-close::before {
    content: '\e85b';
}

.e-gantt.e-device .e-left-resize-gripper::before,
.e-gantt.e-device .e-right-resize-gripper::before {
    content: '\e903';
}

.e-gantt {
    display: block;
    width: 100%;
}

    .e-gantt .e-gantt-toolbar {
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0;
        border-style: solid;
        border-width: 1px 1px 0;
    }

    .e-gantt .e-flmenu-valuediv {
        padding-top: 24px;
    }

    .e-gantt .e-gantt-splitter .e-split-bar.e-split-bar-horizontal.e-resizable-split-bar {
        margin: 0;
    }

    .e-gantt .e-gantt-splitter .e-pane {
        overflow: hidden !important;
    }

    .e-gantt .e-temp-content {
        border-left: 1px solid;
    }

    .e-gantt .e-tab {
        border: 0;
    }

        .e-gantt .e-tab .e-tab-header .e-toolbar-item.e-active {
            border-color: transparent;
        }

    .e-gantt .e-gantt-dialog .e-tab .e-tab-header {
        padding-left: 0px;
    }

        .e-gantt .e-gantt-dialog .e-tab .e-tab-header .e-indicator {
            display: block;
        }

        .e-gantt .e-gantt-dialog .e-tab .e-tab-header .e-toolbar-item .e-tab-wrap {
            border-style: solid;
            border-width: 0px;
        }

        .e-gantt .e-gantt-dialog .e-tab .e-tab-header:not(.e-vertical)::before {
            border: 0;
        }

    .e-gantt .e-gantt-tree-grid-pane .e-grid {
        border-width: 0;
    }

        .e-gantt
        .e-gantt-tree-grid-pane
        .e-grid.e-gridhover
        tr[role='row']:not(.e-editedrow):hover
        .e-rowcell:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell),
        .e-gantt .e-gantt-tree-grid-pane .e-grid.e-gridhover tr[role='row']:hover .e-detailrowcollapse:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell),
        .e-gantt .e-gantt-tree-grid-pane .e-grid.e-gridhover tr[role='row']:hover .e-rowdragdrop:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell),
        .e-gantt .e-gantt-tree-grid-pane .e-grid.e-rtl .e-gridhover tr[role='row']:hover .e-rowdragdrop:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell),
        .e-gantt .e-gantt-tree-grid-pane .e-grid.e-gridhover tr[role='row']:hover .e-detailrowexpand:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell) {
            background-color: transparent;
        }

    .e-gantt .e-gantt-tree-grid-pane .e-gantt-temp-header {
        border-bottom-style: solid;
        border-bottom-width: 1px;
        height: 45px;
    }

    .e-gantt .e-gantt-tree-grid-pane .e-headercontent {
        border-right-width: 0 !important;
    }

    .e-gantt .e-gantt-tree-grid-pane .e-gridheader {
        border-top-style: none;
        border-top-width: 0;
        padding-right: 0 !important;
    }

    .e-gantt .e-gantt-tree-grid-pane .e-columnheader,
    .e-gantt .e-gantt-tree-grid-pane .e-headercell {
        height: 63px !important;
    }

    .e-gantt .e-gantt-tree-grid-pane .e-gridcontent .e-content {
        overflow-x: scroll !important;
    }

        .e-gantt .e-gantt-tree-grid-pane .e-gridcontent .e-content.e-gantt-scroll-padding {
            width: calc(100% + 17px);
        }

    .e-gantt .e-gantt-tree-grid-pane .e-ganttnotes-info {
        text-align: center;
    }

    .e-gantt .e-gantt-tree-grid-pane .e-icons.e-notes-info {
        display: inline-block;
        font-size: 18px;
        height: 15px;
        line-height: 10px;
        vertical-align: middle;
    }

    .e-gantt .e-gantt-chart {
        height: 100%;
        overflow: hidden;
        position: relative;
        width: 100%;
    }

        .e-gantt .e-gantt-chart .e-chart-root-container {
            border-right: 0 solid;
        }

            .e-gantt .e-gantt-chart .e-chart-root-container .e-content {
                -webkit-overflow-scrolling: touch;
                overflow-x: scroll;
                overflow-y: auto;
                position: relative;
            }

            .e-gantt .e-gantt-chart .e-chart-root-container .e-nonworking-day-container {
                position: absolute;
            }

            .e-gantt .e-gantt-chart .e-chart-root-container .e-event-markers-container {
                position: absolute;
            }

            .e-gantt .e-gantt-chart .e-chart-root-container .e-holiday-container {
                position: absolute;
            }

            .e-gantt .e-gantt-chart .e-chart-root-container .e-weekend-container {
                position: absolute;
            }

        .e-gantt .e-gantt-chart .e-timeline-header-container {
            border-bottom-style: solid;
            border-right-width: 0;
            overflow: hidden;
            position: relative;
            z-index: 6;
        }

        .e-gantt .e-gantt-chart .e-timeline-header-table-container > thead > tr > th {
            border-left: 0;
            padding: 0 3px;
        }

        .e-gantt .e-gantt-chart .e-timeline-header-table-container {
            border-collapse: collapse;
            border-spacing: 0;
            border-width: 0;
            box-sizing: border-box;
            margin: 0;
            padding: 0;
        }

        .e-gantt .e-gantt-chart .e-timeline-header-table-body {
            border-collapse: collapse;
            box-sizing: border-box;
            display: inline-block;
            white-space: nowrap;
            zoom: 1;
        }

        .e-gantt .e-gantt-chart .e-timeline-top-header-cell,
        .e-gantt .e-gantt-chart .e-timeline-single-header-cell {
            border-spacing: 0;
            border-style: solid;
            border-top: 0;
            border-width: 1px;
            box-sizing: border-box;
            display: -ms-inline-flexbox;
            display: inline-flex;
            font-size: 12px;
            font-weight: 500;
            margin: 0;
            padding: 0;
            position: static;
            text-align: center;
            -webkit-user-select: none;
            -ms-user-select: none;
            user-select: none;
            white-space: nowrap;
        }

            .e-gantt .e-gantt-chart .e-timeline-top-header-cell .e-header-cell-label,
            .e-gantt .e-gantt-chart .e-timeline-single-header-cell .e-header-cell-label {
                box-sizing: border-box;
                margin: auto;
                overflow: hidden;
                position: static;
                text-overflow: ellipsis;
                white-space: nowrap;
            }

            .e-gantt .e-gantt-chart .e-timeline-top-header-cell .e-gantt-top-cell-text,
            .e-gantt .e-gantt-chart .e-timeline-single-header-cell .e-gantt-top-cell-text {
                padding-left: 8px;
                text-align: left;
            }

        .e-gantt .e-gantt-chart .e-gantt-grid-lines {
            border-bottom-style: solid;
            border-bottom-width: 1px;
            border-collapse: collapse;
            border-spacing: 0;
            box-sizing: border-box;
        }

        .e-gantt .e-gantt-chart .e-zero-spacing {
            border-spacing: none;
        }

        .e-gantt .e-gantt-chart .e-chart-row:first-child .e-chart-row-border {
            border-top-color: transparent;
        }

        .e-gantt .e-gantt-chart .e-chart-row .e-chart-row-border {
            border-collapse: separate;
            border-style: solid;
            border-width: 1px 0 0;
        }

        .e-gantt .e-gantt-chart .e-chart-row .e-chart-row-cell {
            font-size: 0;
            padding: 0;
        }

        .e-gantt .e-gantt-chart .e-chart-row .e-chart-row-border.e-lastrow {
            border-bottom-width: 1px;
        }

        .e-gantt .e-gantt-chart .e-line-container-cell {
            border-right-style: solid;
            border-right-width: 1px;
            height: 100%;
            position: absolute;
        }

        .e-gantt .e-gantt-chart .e-taskbar-main-container {
            cursor: move;
            display: inline-block;
            position: absolute;
            vertical-align: middle;
            z-index: 3;
        }

        .e-gantt .e-gantt-chart .e-left-label-container.e-left-label-temp-container {
            -ms-flex-align: center;
            align-items: center;
            display: -ms-inline-flexbox;
            display: inline-flex;
            -ms-flex-pack: end;
            justify-content: flex-end;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
        }

        .e-gantt .e-gantt-chart .e-right-label-container.e-right-label-temp-container {
            -ms-flex-align: center;
            align-items: center;
            display: -ms-inline-flexbox;
            display: inline-flex;
            float: left;
            outline: none;
            overflow: hidden;
            position: absolute;
            text-overflow: ellipsis;
            white-space: nowrap;
        }

        .e-gantt .e-gantt-chart .e-left-label-container {
            display: inline-block;
        }

        .e-gantt .e-gantt-chart .e-left-label-inner-div,
        .e-gantt .e-gantt-chart .e-right-label-container {
            overflow: hidden;
        }

        .e-gantt .e-gantt-chart .e-left-label-inner-div {
            -ms-flex-align: center;
            align-items: center;
            display: -ms-inline-flexbox;
            display: inline-flex;
            -ms-flex-pack: end;
            justify-content: flex-end;
            width: 100%;
        }

        .e-gantt .e-gantt-chart .e-label {
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
        }

        .e-gantt .e-gantt-chart .e-right-label-container {
            background-color: transparent;
            display: inline-block;
            margin: 0;
            position: absolute;
        }

        .e-gantt .e-gantt-chart .e-right-label-inner-div {
            -ms-flex-align: center;
            align-items: center;
            display: -ms-inline-flexbox;
            display: inline-flex;
            float: left;
            outline: none;
            overflow: hidden;
        }

        .e-gantt .e-gantt-chart .e-indicator-span {
            display: inline-block;
            font-size: 13px;
            font-weight: 400;
            overflow: hidden;
            position: absolute;
            text-overflow: ellipsis;
        }

        .e-gantt .e-gantt-chart .e-gantt-child-taskbar,
        .e-gantt .e-gantt-chart .e-gantt-parent-taskbar,
        .e-gantt .e-gantt-chart .e-gantt-child-progressbar,
        .e-gantt .e-gantt-chart .e-gantt-parent-progressbar,
        .e-gantt .e-gantt-chart .e-gantt-milestone {
            display: inline-block;
            width: 100%;
        }

        .e-gantt .e-gantt-chart .e-gantt-child-taskbar-inner-div,
        .e-gantt .e-gantt-chart .e-gantt-parent-taskbar-inner-div {
            border-spacing: 0;
            box-sizing: border-box;
            margin: auto;
            overflow: hidden;
            padding: 0;
            z-index: 3;
        }

        .e-gantt .e-gantt-chart .e-gantt-parent-progressbar-inner-div {
            z-index: 3;
        }

        .e-gantt .e-gantt-chart .e-gantt-child-progressbar-inner-div,
        .e-gantt .e-gantt-chart .e-gantt-parent-progressbar-inner-div {
            box-sizing: border-box;
            text-align: right;
        }

        .e-gantt .e-gantt-chart .e-chart-scroll-container,
        .e-gantt .e-gantt-chart .e-chart-rows-container {
            -webkit-user-select: none;
            -ms-user-select: none;
            user-select: none;
        }

        .e-gantt .e-gantt-chart .e-taskbar-left-resizer,
        .e-gantt .e-gantt-chart .e-taskbar-right-resizer {
            display: inline-block;
            position: absolute;
            top: 0;
            width: 10px;
            z-index: 4;
        }

        .e-gantt .e-gantt-chart .e-child-progress-resizer {
            display: inline-block;
            height: 15px;
            position: absolute;
            top: 0;
            width: 20px;
            z-index: 5;
        }

        .e-gantt .e-gantt-chart .e-progress-resize-gripper {
            cursor: col-resize;
        }

            .e-gantt .e-gantt-chart .e-progress-resize-gripper .e-progressbar-handler {
                border-style: solid;
                border-width: 1px;
                box-sizing: content-box;
                cursor: col-resize;
                height: 2px;
                position: absolute;
                top: 7px;
                width: 12px;
            }

            .e-gantt .e-gantt-chart .e-progress-resize-gripper .e-progressbar-handler-element {
                border-bottom-style: solid;
                border-bottom-width: 6px;
                border-left: 7px solid transparent;
                border-right: 7px solid transparent;
                cursor: col-resize;
                height: 0;
                left: -1px;
                position: absolute;
                top: -7px;
                width: 0;
            }

            .e-gantt .e-gantt-chart .e-progress-resize-gripper .e-progressbar-handler-after {
                border-bottom-style: solid;
                border-bottom-width: 6px;
                border-left: 6px solid transparent;
                border-right: 6px solid transparent;
                cursor: col-resize;
                height: 0;
                left: -1;
                position: absolute;
                top: -6px;
                width: 0;
            }

        .e-gantt .e-gantt-chart .e-baseline-bar {
            box-sizing: border-box;
            position: absolute;
            z-index: 3;
        }

        .e-gantt .e-gantt-chart .e-milestone-top {
            border-style: none solid solid;
            border-top: 0;
        }

        .e-gantt .e-gantt-chart .e-milestone-top,
        .e-gantt .e-gantt-chart .e-milestone-bottom {
            border-left-color: transparent;
            border-right-color: transparent;
        }

        .e-gantt .e-gantt-chart .e-milestone-bottom {
            border-bottom: 0;
            border-style: solid solid none;
        }

        .e-gantt .e-gantt-chart .e-baseline-gantt-milestone-container {
            position: absolute;
            z-index: 2;
        }

        .e-gantt .e-gantt-chart .e-task-label {
            display: inline;
            font-weight: normal;
            margin-left: 8px;
            margin-right: 15px;
            vertical-align: middle;
        }

        .e-gantt .e-gantt-chart .e-task-table {
            overflow: hidden;
        }

        .e-gantt .e-gantt-chart .e-left-resize-gripper,
        .e-gantt .e-gantt-chart .e-right-resize-gripper {
            -ms-flex-align: center;
            align-items: center;
            cursor: e-resize;
            display: -ms-inline-flexbox;
            display: inline-flex;
        }

        .e-gantt .e-gantt-chart .e-holiday {
            display: inline-block;
            position: absolute;
        }

            .e-gantt .e-gantt-chart .e-holiday .e-span {
                font-size: 13px;
                position: absolute;
                transform: rotate(-90deg);
                white-space: nowrap;
                width: 0;
            }

        .e-gantt .e-gantt-chart .e-weekend {
            display: inline-block;
            position: absolute;
            z-index: 0;
        }

        .e-gantt .e-gantt-chart .e-event-markers {
            border-left: 1px dashed;
            position: absolute;
            width: 1px;
            z-index: 2;
        }

            .e-gantt .e-gantt-chart .e-event-markers .e-span-label {
                border-radius: 3px;
                font-weight: 500;
                height: 30px;
                left: 5px;
                line-height: 1.4;
                padding: 7px 12px;
                position: absolute;
                top: 50px;
                white-space: nowrap;
                width: auto;
                z-index: 2;
            }

            .e-gantt .e-gantt-chart .e-event-markers .e-gantt-right-arrow {
                border-bottom: 5px solid transparent;
                border-right: 5px solid;
                border-top: 5px solid transparent;
                height: 0;
                position: absolute;
                top: 60px;
                width: 0;
            }

        .e-gantt .e-gantt-chart .e-gantt-unscheduled-taskbar {
            border-radius: 0;
            border-style: none;
            display: inline-block;
        }

        .e-gantt .e-gantt-chart .e-connector-line-right-arrow {
            border-left-style: solid;
            border-left-width: 10px;
        }

        .e-gantt .e-gantt-chart .e-connector-line-left-arrow {
            border-right-style: solid;
            border-right-width: 10px;
        }

        .e-gantt .e-gantt-chart .e-connector-line-right-arrow,
        .e-gantt .e-gantt-chart .e-connector-line-left-arrow {
            border-bottom: 5px solid transparent;
            border-top: 5px solid transparent;
        }

        .e-gantt .e-gantt-chart .e-connector-line-container {
            z-index: 5;
        }

        .e-gantt .e-gantt-chart .e-connector-line-z-index {
            z-index: 1;
        }

        .e-gantt .e-gantt-chart .e-connector-line-hover {
            outline: 1px solid;
        }

        .e-gantt .e-gantt-chart .e-connector-line-hover-z-index {
            z-index: 100;
        }

        .e-gantt .e-gantt-chart .e-connectortouchpoint {
            background-color: transparent;
            display: block;
            position: absolute;
            z-index: 5;
        }

        .e-gantt .e-gantt-chart .e-connectorpoint-right,
        .e-gantt .e-gantt-chart .e-connectorpoint-left,
        .e-gantt .e-gantt-chart .e-right-connectorpoint-outer-div,
        .e-gantt .e-gantt-chart .e-left-connectorpoint-outer-div {
            border-radius: 50%;
            display: inline-block;
            position: absolute;
        }

        .e-gantt .e-gantt-chart .e-connectorpoint-left-hover,
        .e-gantt .e-gantt-chart .e-connectorpoint-right-hover {
            border-style: solid;
            border-width: 1px;
            box-sizing: content-box;
            cursor: pointer;
            display: inline-block;
        }

        .e-gantt .e-gantt-chart .e-connectorpoint-allow-block {
            cursor: no-drop;
        }

        .e-gantt .e-gantt-chart .e-icon {
            font-family: 'e-icons';
            font-size: 13px;
            font-style: normal;
            font-variant: normal;
            font-weight: normal;
            line-height: 1;
            text-transform: none;
            vertical-align: middle;
        }

    .e-gantt .e-gantt-dialog {
        border: 0;
    }

        .e-gantt .e-gantt-dialog .e-gridform .e-table {
            border-spacing: 0;
        }

        .e-gantt .e-gantt-dialog .e-item {
            height: 241px;
        }

        .e-gantt .e-gantt-dialog .e-dependent-div {
            border-bottom-width: 1px;
        }

        .e-gantt .e-gantt-dialog .e-icon-dlg-close {
            opacity: initial;
        }

        .e-gantt .e-gantt-dialog .e-toolbar {
            border-top-width: 0;
        }

        .e-gantt .e-gantt-dialog .e-resource-div {
            border-bottom-width: 1px;
        }

            .e-gantt .e-gantt-dialog .e-resource-div .e-gridheader {
                border-top-width: 0;
            }

        .e-gantt .e-gantt-dialog .e-edit-form-row {
            height: 241px;
            overflow-y: auto;
            padding-bottom: 16px;
        }

        .e-gantt .e-gantt-dialog .e-edit-form-column:nth-child(odd) {
            float: left;
            padding: 16px 18px 0 18px;
            width: 50%;
        }

        .e-gantt .e-gantt-dialog .e-edit-form-column:nth-child(even) {
            float: left;
            padding: 16px 16px 0 0;
            width: 50%;
        }

        .e-gantt .e-gantt-dialog .e-edit-form-row.e-scroll .e-edit-form-column:nth-child(even) {
            padding: 16px 16px 0 0;
        }

        .e-gantt .e-gantt-dialog .e-edit-form-column {
            height: 75px;
        }

        .e-gantt .e-gantt-dialog .e-dependent-div .e-content {
            height: 153px;
        }

        .e-gantt .e-gantt-dialog .e-resource-div .e-content {
            height: 196px;
        }

        .e-gantt .e-gantt-dialog .e-richtexteditor {
            border-bottom-width: 1px;
            height: 241px !important;
            overflow: hidden;
        }

            .e-gantt .e-gantt-dialog .e-richtexteditor.e-rte-tb-expand {
                border-top: 0;
            }

            .e-gantt .e-gantt-dialog .e-richtexteditor .e-rte-content {
                border-bottom-width: 0px;
                height: 198px;
            }

        .e-gantt .e-gantt-dialog > .e-dlg-content {
            padding: 0 !important;
        }

        .e-gantt .e-gantt-dialog .e-dlg-header-content {
            border-bottom: 0 !important;
        }

        .e-gantt .e-gantt-dialog .e-dlg-header-content {
            border-radius: 0px;
            padding-bottom: 4px;
        }

            .e-gantt .e-gantt-dialog .e-dlg-header-content .e-btn.e-dlg-closeicon-btn {
                border-radius: 50%;
            }

.e-icon-rowselect::before {
    content: '\e930';
}

.e-ganttpopup {
    -moz-user-select: none;
    -ms-user-select: none;
    -webkit-user-select: none;
    font-weight: normal;
    position: absolute;
    user-select: none;
    z-index: 99999;
}

    .e-ganttpopup .e-rowselect {
        line-height: 18px;
        text-indent: 7%;
    }

    .e-ganttpopup span {
        border: 1px solid transparent;
        cursor: pointer;
        display: inline-block;
        height: 26px;
        padding: 4px;
        width: 26px;
    }

    .e-ganttpopup .e-content {
        border-radius: 4px;
        border-style: solid;
        border-width: 1px;
        font-size: 14px;
        padding: 4px;
    }

    .e-ganttpopup .e-tail::after,
    .e-ganttpopup .e-tail::before,
    .e-ganttpopup .e-ganttpopup {
        border: 10px solid transparent;
        content: '';
        height: 0;
        left: 8px;
        position: absolute;
        width: 0;
    }

    .e-ganttpopup .e-downtail::after {
        top: 34px;
    }

.e-gantt-tooltip.e-tooltip-wrap {
    opacity: 1;
}

.e-gantt-tooltip-label {
    padding-bottom: 2px;
    padding-right: 2px;
    text-align: right;
}

.e-gantt.e-device .e-edit-form-column:nth-child(odd),
.e-gantt.e-device .e-edit-form-column:nth-child(even) {
    float: none;
    padding: 16px 18px 0 18px;
    width: 100%;
}

.e-gantt.e-device .e-edit-form-row {
    height: auto;
}

.e-gantt.e-device .e-adaptive-searchbar {
    padding: 5px 10px;
    width: 90%;
}

.e-gantt.e-device .e-backarrowspan {
    font-size: 16px;
    padding: 5px 10px;
}

.e-gantt.e-device .e-gantt-dialog {
    max-height: auto;
}

    .e-gantt.e-device .e-gantt-dialog .e-dlg-closeicon-btn {
        float: left;
        left: -4px;
    }

    .e-gantt.e-device .e-gantt-dialog .e-icon-dlg-close {
        font-size: 16px;
    }

    .e-gantt.e-device .e-gantt-dialog .e-dlg-header {
        display: inline-block;
    }

.e-gantt.e-device .e-toolbar-item {
    padding: 7px;
}

.e-gantt.e-device .e-toolbar .e-icons {
    font-size: 18px;
}

.e-gantt.e-device .e-gridheader .e-icons {
    font-size: 12px;
}

.e-gantt.e-device .e-right-resize-gripper,
.e-gantt.e-device .e-left-resize-gripper {
    border: 7px solid;
    z-index: -1;
}

    .e-gantt.e-device .e-right-resize-gripper::before,
    .e-gantt.e-device .e-left-resize-gripper::before {
        font-size: 14px;
        margin-left: -7px;
    }

.e-gantt.e-device .e-dependent-div .e-content {
    height: 100%;
}

.e-gantt.e-device .e-resource-div .e-content {
    height: 100%;
}

.e-gantt.e-device .e-richtexteditor {
    height: 100%;
}

    .e-gantt.e-device .e-richtexteditor .e-rte-content {
        height: 100%;
    }

/*! Gantt theme */
.e-gantt .e-gantt-splitter {
    border-color: #e0e0e0;
    border-radius: 0px;
}

.e-gantt .e-gantt-toolbar + .e-gantt-splitter {
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
}

.e-gantt .e-active-container {
    box-shadow: 0 0 0 1px #9e9e9e inset;
}

.e-gantt .e-gantt-dialog .e-dlg-header {
    color: #fff;
}

.e-gantt .e-gantt-dialog .e-dlg-header-content {
    background: #3f51b5;
}

.e-gantt .e-gantt-dialog .e-icon-dlg-close {
    color: #fff;
}

.e-gantt .e-gantt-dialog .e-btn.e-dlg-closeicon-btn:hover {
    background-color: rgba(255, 255, 255, 0.15);
}

    .e-gantt .e-gantt-dialog .e-btn.e-dlg-closeicon-btn:hover .e-icon-dlg-close {
        color: black;
    }

.e-gantt .e-gantt-dialog .e-tab .e-tab-header {
    background: #3f51b5;
}

    .e-gantt .e-gantt-dialog .e-tab .e-tab-header .e-indicator {
        background: #e3165b;
    }

    .e-gantt .e-gantt-dialog .e-tab .e-tab-header .e-toolbar-item.e-active {
        background-color: transparent;
    }

        .e-gantt .e-gantt-dialog .e-tab .e-tab-header .e-toolbar-item.e-active .e-tab-wrap .e-tab-text {
            color: #fff;
        }

    .e-gantt .e-gantt-dialog .e-tab .e-tab-header .e-toolbar-item .e-tab-wrap {
        border-color: transparent;
    }

        .e-gantt .e-gantt-dialog .e-tab .e-tab-header .e-toolbar-item .e-tab-wrap .e-tab-text {
            color: rgba(255, 255, 255, 0.64);
        }

    .e-gantt .e-gantt-dialog .e-tab .e-tab-header .e-toolbar-item:not(.e-active) .e-tab-wrap:hover {
        background: transparent;
        border-bottom: 0px;
        border-bottom-left-radius: 0px;
        border-bottom-right-radius: 0px;
        border-color: transparent;
    }

        .e-gantt .e-gantt-dialog .e-tab .e-tab-header .e-toolbar-item:not(.e-active) .e-tab-wrap:hover .e-tab-text {
            color: #e3165b;
        }

.e-gantt .e-temp-content {
    border-color: #e0e0e0;
}

.e-gantt .e-splitter-box {
    border-color: #e0e0e0;
}

.e-gantt .e-gantt-temp-header {
    border-color: #e0e0e0;
}

.e-gantt .e-gantt-chart-pane {
    border-color: #e0e0e0;
}

.e-gantt .e-gantt-tree-grid-pane .e-timeline-single-header-outer-div {
    height: 45px !important;
}

.e-gantt .e-gantt-tree-grid-pane .e-grid td.e-active {
    background: rgba(63, 81, 181, 0.15);
}

.e-gantt .e-gantt-chart .e-timeline-header-container {
    background: #fff;
    border-bottom-color: #e0e0e0;
    border-bottom-width: 1px;
    border-right-color: #e0e0e0;
    color: rgba(0, 0, 0, 0.54);
    height: 64px;
}

.e-gantt .e-gantt-chart .e-timeline-top-header-cell,
.e-gantt .e-gantt-chart .e-timeline-single-header-cell {
    border-color: #e0e0e0;
    color: rgba(0, 0, 0, 0.54);
}

.e-gantt .e-gantt-chart .e-timeline-single-header-cell {
    height: 46px;
    line-height: 46px;
}

.e-gantt .e-gantt-chart .e-timeline-single-header-outer-div {
    height: 46px !important;
}

.e-gantt .e-gantt-chart .e-timeline-top-header-cell {
    height: 32px;
}

.e-gantt .e-gantt-chart .e-chart-root-container {
    background-color: #fff;
    border-color: #e0e0e0;
}

.e-gantt .e-gantt-chart .e-timeline-header-table-body {
    border-spacing: 0;
}

.e-gantt .e-gantt-chart .e-chart-row-border {
    border-top-color: #e0e0e0;
}

.e-gantt .e-gantt-chart .e-chart-row-cell {
    color: black;
}

.e-gantt .e-gantt-chart .e-chart-row-border.e-lastrow {
    border-bottom-color: #e0e0e0;
}

.e-gantt .e-gantt-chart .e-line-container-cell {
    border-color: #e0e0e0;
}

.e-gantt .e-gantt-chart .e-gantt-child-taskbar-inner-div {
    background-color: #5869c5;
    border: 1px solid #3f51b5;
    border-radius: 4px;
}

.e-gantt .e-gantt-chart .e-gantt-parent-taskbar-inner-div {
    background-color: rgba(97, 97, 97, 0.87);
    border: 1px solid #616161;
    border-radius: 4px;
}

.e-gantt .e-gantt-chart .e-gantt-parent-progressbar-inner-div {
    background-color: #616161;
    border: 0px;
}

.e-gantt .e-gantt-chart .e-gantt-child-progressbar-inner-div {
    background-color: #3f51b5;
    border: 0px;
}

.e-gantt .e-gantt-chart .e-holiday {
    background: #eee;
}

    .e-gantt .e-gantt-chart .e-holiday .e-span {
        color: rgba(0, 0, 0, 0.87);
        font-size: 12px;
    }

.e-gantt .e-gantt-chart .e-weekend {
    background: #fafafa;
}

.e-gantt .e-gantt-chart .e-weekend-header-cell {
    background: #fafafa;
}

.e-gantt .e-gantt-chart .e-event-markers {
    border-left-color: #e3165b;
}

    .e-gantt .e-gantt-chart .e-event-markers .e-span-label {
        background-color: #fdbf64;
        color: #212121;
        font-size: 12px;
    }

    .e-gantt .e-gantt-chart .e-event-markers .e-gantt-right-arrow {
        border-right-color: #fdbf64;
    }

.e-gantt .e-gantt-chart .e-gantt-unscheduled-taskbar {
    background: linear-gradient(to right, rgba(63, 81, 181, 0.2), #3f51b5 30%, #3f51b5 70%, #3f51b5 70%, rgba(63, 81, 181, 0.2) 100%);
    background-color: rgba(63, 81, 181, 0.2);
    border: 0px;
    border-radius: 2px;
}

.e-gantt .e-gantt-chart .e-unscheduled-milestone-top {
    border-bottom-color: rgba(51, 51, 51, 0.6);
}

.e-gantt .e-gantt-chart .e-unscheduled-milestone-bottom {
    border-top-color: rgba(51, 51, 51, 0.6);
}

.e-gantt .e-gantt-chart .e-progress-resize-gripper .e-progressbar-handler {
    background: #222;
    border-color: #fff;
}

.e-gantt .e-gantt-chart .e-progress-resize-gripper .e-progressbar-handler-element {
    border-bottom-color: #fff;
}

.e-gantt .e-gantt-chart .e-progress-resize-gripper .e-progressbar-handler-after {
    border-bottom-color: #222;
}

.e-gantt .e-gantt-chart .e-gantt-dependency-view-container {
    display: block;
    z-index: 5;
}

.e-gantt .e-gantt-chart .e-line {
    border-color: #3f51b5;
}

.e-gantt .e-gantt-chart .e-connector-line-right-arrow {
    border-left-color: #3f51b5;
}

.e-gantt .e-gantt-chart .e-connector-line-left-arrow {
    border-right-color: #3f51b5;
}

.e-gantt .e-gantt-chart .e-connector-line-right-arrow-hover {
    border-left-color: #3f51b5;
}

.e-gantt .e-gantt-chart .e-connector-line-left-arrow-hover {
    border-right-color: #3f51b5;
}

.e-gantt .e-gantt-chart .e-connector-line-hover {
    border-color: #3f51b5;
    outline-color: #3f51b5;
}

.e-gantt .e-gantt-chart .e-gantt-false-line {
    border-top-color: #3f51b5;
}

.e-gantt .e-gantt-chart .e-connectorpoint-left-hover,
.e-gantt .e-gantt-chart .e-connectorpoint-right-hover {
    background-color: #333;
    border-color: #fff;
}

    .e-gantt .e-gantt-chart .e-connectorpoint-left-hover:hover,
    .e-gantt .e-gantt-chart .e-connectorpoint-right-hover:hover {
        background-color: #bdbdbd;
        border-color: #3f51b5;
    }

.e-gantt .e-gantt-chart .e-left-label-inner-div,
.e-gantt .e-gantt-chart .e-right-label-inner-div {
    color: rgba(0, 0, 0, 0.87);
    font-size: 13px;
}

.e-gantt .e-gantt-chart .e-left-label-temp-container {
    color: rgba(0, 0, 0, 0.87);
    font-size: 13px;
    padding-right: 25px;
}

.e-gantt .e-gantt-chart .e-right-label-temp-container {
    color: rgba(0, 0, 0, 0.87);
    font-size: 13px;
    margin-left: 25px;
}

.e-gantt .e-gantt-chart .e-right-label-container {
    margin-left: 25px;
}

.e-gantt .e-gantt-chart .e-left-label-container {
    padding-right: 25px;
}

.e-gantt .e-gantt-chart .e-connectorpoint-right {
    margin-left: 2px;
}

.e-gantt .e-gantt-chart .e-right-connectorpoint-outer-div,
.e-gantt .e-gantt-chart .e-left-connectorpoint-outer-div {
    height: 8px;
    width: 12px;
}

.e-gantt .e-gantt-chart .e-left-connectorpoint-outer-div {
    left: -12px;
}

.e-gantt .e-gantt-chart .e-gantt-unscheduled-taskbar-left,
.e-gantt .e-gantt-chart .e-gantt-unscheduled-taskbar-right {
    border-right: transparent;
    border-width: 3px;
}

.e-gantt .e-gantt-chart .e-gantt-unscheduled-taskbar-right {
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 2px;
    border-top-left-radius: 0px;
    border-top-right-radius: 2px;
}

.e-gantt .e-gantt-chart .e-gantt-unscheduled-taskbar-left {
    border-bottom-left-radius: 2px;
    border-top-left-radius: 2px;
}

.e-gantt .e-gantt-chart .e-task-label {
    color: #fff;
    font-size: 12px;
}

.e-gantt .e-gantt-chart .e-icon {
    color: #fff;
}

.e-gantt .e-gantt-chart .e-milestone-top {
    border-bottom-color: #616161;
}

.e-gantt .e-gantt-chart .e-milestone-bottom {
    border-top-color: #616161;
}

.e-gantt .e-gantt-chart .e-label {
    color: rgba(0, 0, 0, 0.87);
    font-size: 13px;
}

.e-gantt .e-gantt-chart .e-active {
    background: rgba(63, 81, 181, 0.15);
    color: #000;
    opacity: 1;
}

    .e-gantt .e-gantt-chart .e-active .e-label {
        color: #000;
    }

.e-gantt .e-gantt-chart .e-baseline-bar {
    background-color: #ff9800;
}

.e-gantt .e-gantt-chart .e-baseline-milestone-top {
    border-bottom-color: #ff9800;
}

.e-gantt .e-gantt-chart .e-baseline-milestone-bottom {
    border-top-color: #ff9800;
}

.e-gantt .e-gantt-chart .e-uptail::before {
    border-bottom-color: #e0e0e0;
}

.e-gantt .e-gantt-chart .e-downtail::after {
    border-top-color: #fff;
}

.e-gantt .e-gantt-chart .e-downtail::before {
    border-top-color: #e0e0e0;
}

.e-gantt .e-gantt-chart .e-ganttpopup .e-content {
    background-color: #fff;
    border-color: #e0e0e0;
}

.e-gantt .e-gantt-chart .e-spanclicked,
.e-gantt .e-gantt-chart .e-grid .e-gridpopup .e-spanclicked {
    border-color: #000;
}

.e-gantt .e-gantt-chart .e-active-parent-task {
    border-radius: 4px;
    box-shadow: 4px 4px 3px 0 rgba(0, 0, 0, 0.5);
}

    .e-gantt .e-gantt-chart .e-active-parent-task .e-gantt-parent-taskbar-inner-div {
        background: #1a1a1a;
        border: #1a1a1a;
    }

    .e-gantt .e-gantt-chart .e-active-parent-task .e-gantt-parent-progressbar-inner-div {
        background-color: transparent;
        border: transparent;
    }

    .e-gantt .e-gantt-chart .e-active-parent-task .e-task-label {
        color: transparent;
    }

.e-gantt .e-gantt-chart .e-predecessor-touch-mode .e-task-label {
    color: transparent !important;
}

.e-gantt .e-gantt-chart .e-predecessor-touch-mode .e-line {
    border-color: #8a8a8a !important;
}

.e-gantt .e-gantt-chart .e-predecessor-touch-mode .e-connector-line-right-arrow {
    border-left-color: #8a8a8a !important;
}

.e-gantt .e-gantt-chart .e-predecessor-touch-mode .e-connector-line-left-arrow {
    border-right-color: #8a8a8a !important;
}

.e-gantt .e-gantt-chart .e-predecessor-touch-mode .e-gantt-child-taskbar-inner-div {
    background: #d5d5d5 !important;
    border: #d5d5d5 !important;
}

.e-gantt .e-gantt-chart .e-predecessor-touch-mode .e-gantt-child-progressbar-inner-div {
    background-color: transparent !important;
    border: transparent !important;
}

.e-gantt .e-gantt-chart .e-predecessor-touch-mode .e-milestone-top {
    border-bottom-color: #d5d5d5 !important;
}

.e-gantt .e-gantt-chart .e-predecessor-touch-mode .e-milestone-bottom {
    border-top-color: #d5d5d5 !important;
}

.e-gantt .e-gantt-chart .e-predecessor-touch-mode .e-gantt-parent-taskbar-inner-div {
    background-color: #8a8a8a !important;
    border: #8a8a8a !important;
}

.e-gantt .e-gantt-chart .e-predecessor-touch-mode .e-gantt-parent-progressbar-inner-div {
    background-color: transparent !important;
    border: transparent !important;
}

.e-gantt .e-gantt-chart .e-predecessor-touch-mode .e-active-child-task .e-gantt-child-taskbar-inner-div {
    background: #3f51b5 !important;
    border: #3f51b5 !important;
}

.e-gantt .e-gantt-chart .e-predecessor-touch-mode .e-active-child-task .e-milestone-top {
    border-bottom-color: #3f51b5 !important;
}

.e-gantt .e-gantt-chart .e-predecessor-touch-mode .e-active-child-task .e-milestone-bottom {
    border-top-color: #3f51b5 !important;
}

.e-gantt .e-gantt-chart .e-predecessor-touch-mode .e-active-connected-task .e-gantt-child-taskbar-inner-div {
    background: #8591d5 !important;
    border: #8591d5 !important;
}

.e-gantt .e-gantt-chart .e-predecessor-touch-mode .e-active-connected-task .e-milestone-top {
    border-bottom-color: #8591d5 !important;
}

.e-gantt .e-gantt-chart .e-predecessor-touch-mode .e-active-connected-task .e-milestone-bottom {
    border-top-color: #8591d5 !important;
}

.e-gantt .e-gantt-chart .e-predecessor-touch-mode .e-active-connected-task .e-line {
    border-color: #3f51b5 !important;
}

.e-gantt .e-gantt-chart .e-predecessor-touch-mode .e-active-connected-task .e-connector-line-right-arrow {
    border-left-color: #3f51b5 !important;
}

.e-gantt .e-gantt-chart .e-predecessor-touch-mode .e-active-connected-task .e-connector-line-left-arrow {
    border-right-color: #3f51b5 !important;
}

.e-gantt .e-grid .e-icons {
    color: rgba(0, 0, 0, 0.54) !important;
}

.e-gantt.e-device .e-left-resize-gripper,
.e-gantt.e-device .e-right-resize-gripper {
    border-color: #9e9e9e;
    color: #eee;
}

.e-gantt.e-device .e-backarrowspan {
    color: #000;
}

.e-gantt .e-gantt-chart .e-predecessor-touch-mode .e-active-connected-task .e-milestone-top {
    border-bottom-color: #8591d5 !important;
}

.e-gantt .e-gantt-chart .e-predecessor-touch-mode .e-active-connected-task .e-milestone-bottom {
    border-top-color: #8591d5 !important;
}

.e-gantt .e-gantt-chart .e-predecessor-touch-mode .e-active-connected-task .e-line {
    border-color: #3f51b5 !important;
}

.e-gantt .e-gantt-chart .e-predecessor-touch-mode .e-active-connected-task .e-connector-line-right-arrow {
    border-left-color: #3f51b5 !important;
}

.e-gantt .e-gantt-chart .e-predecessor-touch-mode .e-active-connected-task .e-connector-line-left-arrow {
    border-right-color: #3f51b5 !important;
}

.e-gantt .e-grid .e-icons {
    color: rgba(0, 0, 0, 0.54) !important;
}

.e-gantt.e-device .e-left-resize-gripper,
.e-gantt.e-device .e-right-resize-gripper {
    border-color: #9e9e9e;
    color: #eee;
}

.e-gantt.e-device .e-backarrowspan {
    color: #000;
}

.e-splitter .e-split-bar.e-split-bar-horizontal .e-resize-handler::before {
    content: '\e984';
    font-family: 'e-icons';
    font-size: 14px;
}

.e-splitter .e-split-bar.e-split-bar-vertical .e-resize-handler::before {
    content: '\eb04';
    font-family: 'e-icons';
    font-size: 14px;
}

.e-bigger .e-splitter .e-split-bar .e-resize-handler::before {
    font-size: 16px;
}

.e-bigger.e-splitter .e-split-bar .e-resize-handler::before {
    font-size: 16px;
}

.e-splitter.e-splitter-horizontal,
.e-splitter.e-splitter-vertical {
    border-width: 1px;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
    position: relative;
    -ms-touch-action: none;
    touch-action: none;
    width: 100%;
}

    .e-splitter.e-splitter-horizontal .e-pane,
    .e-splitter.e-splitter-vertical .e-pane {
        -ms-flex: 1 1 auto;
        flex: 1 1 auto;
        font-family: 'Roboto', 'Segoe UI', 'GeezaPro', 'DejaVu Serif', 'sans-serif', '-apple-system', 'BlinkMacSystemFont';
        font-size: 13px;
        font-weight: normal;
    }

        .e-splitter.e-splitter-horizontal .e-pane.e-scrollable,
        .e-splitter.e-splitter-vertical .e-pane.e-scrollable {
            overflow: auto;
        }

        .e-splitter.e-splitter-horizontal .e-pane.e-static-pane,
        .e-splitter.e-splitter-vertical .e-pane.e-static-pane {
            -ms-flex-positive: 0;
            flex-grow: 0;
            -ms-flex-negative: 0;
            flex-shrink: 0;
        }

        .e-splitter.e-splitter-horizontal .e-pane.e-pane-horizontal,
        .e-splitter.e-splitter-vertical .e-pane.e-pane-horizontal {
            overflow: auto;
        }

            .e-splitter.e-splitter-horizontal .e-pane.e-pane-horizontal.e-pane-hidden,
            .e-splitter.e-splitter-vertical .e-pane.e-pane-horizontal.e-pane-hidden {
                -ms-flex-preferred-size: 0 !important;
                flex-basis: 0 !important;
                overflow: hidden !important;
            }

.e-splitter.e-splitter-horizontal {
    -ms-flex-direction: row;
    flex-direction: row;
}

    .e-splitter.e-splitter-horizontal.e-pane.e-scrollable {
        overflow: hidden;
    }

    .e-splitter.e-splitter-horizontal.e-rtl {
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse;
    }

        .e-splitter.e-splitter-horizontal.e-rtl .e-split-bar.e-split-bar-horizontal {
            -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
        }

            .e-splitter.e-splitter-horizontal.e-rtl .e-split-bar.e-split-bar-horizontal .e-navigate-arrow:not(.e-arrow-right)::before,
            .e-splitter.e-splitter-horizontal.e-rtl .e-split-bar.e-split-bar-horizontal .e-navigate-arrow:not(.e-arrow-right)::after {
                right: auto;
            }

.e-splitter.e-splitter-vertical {
    -ms-flex-direction: column;
    flex-direction: column;
}

    .e-splitter.e-splitter-vertical.e-pane.e-scrollable {
        overflow: hidden;
    }

    .e-splitter.e-splitter-vertical .e-pane-vertical {
        overflow: auto;
    }

        .e-splitter.e-splitter-vertical .e-pane-vertical.e-pane-hidden {
            -ms-flex-preferred-size: 0 !important;
            flex-basis: 0 !important;
            overflow: hidden !important;
        }

    .e-splitter.e-splitter-vertical.e-rtl .e-split-bar.e-split-bar-vertical .e-navigate-arrow:not(.e-arrow-down)::before,
    .e-splitter.e-splitter-vertical.e-rtl .e-split-bar.e-split-bar-vertical .e-navigate-arrow:not(.e-arrow-down)::after {
        right: auto;
    }

    .e-splitter.e-splitter-vertical.e-rtl .e-split-bar.e-split-bar-vertical .e-navigate-arrow:not(.e-arrow-down) {
        border-radius: 50%;
        bottom: 18px;
        right: 22px;
    }

    .e-splitter.e-splitter-vertical.e-rtl .e-split-bar.e-split-bar-vertical .e-navigate-arrow.e-arrow-down {
        border-radius: 50%;
        left: 22px;
        right: auto;
        top: 18px;
    }

        .e-splitter.e-splitter-vertical.e-rtl .e-split-bar.e-split-bar-vertical .e-navigate-arrow.e-arrow-down::after {
            right: auto;
        }

.e-splitter .e-split-bar.e-split-bar-active .e-navigate-arrow {
    visibility: hidden;
}

.e-splitter .e-split-bar.e-split-bar-hover.e-split-bar-active .e-navigate-arrow {
    visibility: hidden;
}

.e-splitter .e-split-bar.e-split-bar-horizontal {
    -ms-flex-align: center;
    align-items: center;
    display: -ms-flexbox;
    display: flex;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    -ms-flex-pack: center;
    justify-content: center;
    min-width: 1px;
    z-index: 15;
}

    .e-splitter .e-split-bar.e-split-bar-horizontal .e-icon-hidden {
        visibility: hidden;
    }

    .e-splitter .e-split-bar.e-split-bar-horizontal.e-resizable-split-bar {
        cursor: col-resize;
    }

        .e-splitter .e-split-bar.e-split-bar-horizontal.e-resizable-split-bar::after {
            content: '';
            cursor: col-resize;
            display: block;
            height: 100%;
            position: absolute;
            width: 16px;
            z-index: 10;
        }

    .e-splitter .e-split-bar.e-split-bar-horizontal .e-resize-handler {
        -ms-flex-align: center;
        align-items: center;
        display: -ms-flexbox;
        display: flex;
        height: 18px;
        -ms-flex-pack: center;
        justify-content: center;
        position: relative;
        width: 1px;
    }

        .e-splitter .e-split-bar.e-split-bar-horizontal .e-resize-handler.e-hide-handler {
            visibility: hidden;
        }

    .e-splitter .e-split-bar.e-split-bar-horizontal .e-navigate-arrow:not(.e-arrow-right)::before,
    .e-splitter .e-split-bar.e-split-bar-horizontal .e-navigate-arrow:not(.e-arrow-right)::after {
        left: 8px;
        right: 3px;
    }

    .e-splitter .e-split-bar.e-split-bar-horizontal .e-navigate-arrow {
        border-image: none;
        border-width: 1px;
        cursor: pointer;
        display: -ms-flexbox;
        display: flex;
        height: 26px;
        padding: 1px 12px;
        position: relative;
    }

        .e-splitter .e-split-bar.e-split-bar-horizontal .e-navigate-arrow::before,
        .e-splitter .e-split-bar.e-split-bar-horizontal .e-navigate-arrow::after {
            border-radius: 16px;
            content: '';
            height: 8px;
            position: absolute;
            transform: rotate(0deg);
            width: 2px;
        }

        .e-splitter .e-split-bar.e-split-bar-horizontal .e-navigate-arrow::before {
            top: 5px;
            transform-origin: 1px 7px 0;
        }

        .e-splitter .e-split-bar.e-split-bar-horizontal .e-navigate-arrow::after {
            top: 11px;
            transform-origin: 1px 1px 0;
        }

        .e-splitter .e-split-bar.e-split-bar-horizontal .e-navigate-arrow:not(.e-arrow-right) {
            border-radius: 50%;
            right: 5px;
        }

        .e-splitter .e-split-bar.e-split-bar-horizontal .e-navigate-arrow.e-arrow-right {
            border-radius: 50%;
            left: 5px;
        }

            .e-splitter .e-split-bar.e-split-bar-horizontal .e-navigate-arrow.e-arrow-right::before,
            .e-splitter .e-split-bar.e-split-bar-horizontal .e-navigate-arrow.e-arrow-right::after {
                right: 8px;
            }

    .e-splitter .e-split-bar.e-split-bar-horizontal.e-last-bar:not(.e-resizable-split-bar) {
        margin: 0 3px;
    }

    .e-splitter .e-split-bar.e-split-bar-horizontal:not(.e-resizable-split-bar) {
        margin: 0 0 0 3px;
    }

.e-splitter .e-split-bar.e-split-bar-vertical {
    -ms-flex-align: center;
    align-items: center;
    border: none;
    display: -ms-flexbox;
    display: flex;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    -ms-flex-pack: center;
    justify-content: center;
    min-height: 1px;
}

    .e-splitter .e-split-bar.e-split-bar-vertical .e-icon-hidden {
        visibility: hidden;
    }

    .e-splitter .e-split-bar.e-split-bar-vertical.e-resizable-split-bar {
        cursor: row-resize;
    }

        .e-splitter .e-split-bar.e-split-bar-vertical.e-resizable-split-bar::after {
            content: '';
            cursor: row-resize;
            display: block;
            height: 16px;
            position: absolute;
            width: 100%;
            z-index: 12;
        }

    .e-splitter .e-split-bar.e-split-bar-vertical .e-resize-handler {
        -ms-flex-align: center;
        align-items: center;
        display: -ms-flexbox;
        display: flex;
        height: 1px;
        -ms-flex-pack: center;
        justify-content: center;
        width: 18px;
    }

        .e-splitter .e-split-bar.e-split-bar-vertical .e-resize-handler.e-hide-handler {
            visibility: hidden;
        }

    .e-splitter .e-split-bar.e-split-bar-vertical .e-navigate-arrow:not(.e-arrow-down)::before,
    .e-splitter .e-split-bar.e-split-bar-vertical .e-navigate-arrow:not(.e-arrow-down)::after {
        left: 10px;
    }

    .e-splitter .e-split-bar.e-split-bar-vertical .e-navigate-arrow {
        border-image: none;
        border-width: 0;
        cursor: pointer;
        display: -ms-flexbox;
        display: flex;
        height: 26px;
        padding: 10px 3px 10px 18px;
        position: relative;
        width: 26px;
    }

        .e-splitter .e-split-bar.e-split-bar-vertical .e-navigate-arrow::before,
        .e-splitter .e-split-bar.e-split-bar-vertical .e-navigate-arrow::after {
            border-radius: 16px;
            content: '';
            height: 8px;
            position: absolute;
            transform: rotate(90deg);
            width: 2px;
        }

        .e-splitter .e-split-bar.e-split-bar-vertical .e-navigate-arrow:not(.e-arrow-down)::before {
            top: 3px;
            transform-origin: 2px 7px 0;
        }

        .e-splitter .e-split-bar.e-split-bar-vertical .e-navigate-arrow:not(.e-arrow-down)::after {
            left: 11px;
            top: 8px;
            transform-origin: 1px 1px 0;
        }

        .e-splitter .e-split-bar.e-split-bar-vertical .e-navigate-arrow.e-arrow-down::before {
            left: 12px;
            top: 8px;
            transform-origin: 1px 6px 0;
        }

        .e-splitter .e-split-bar.e-split-bar-vertical .e-navigate-arrow.e-arrow-down::after {
            left: 10px;
            top: 12px;
            transform-origin: 1px 2px 0;
        }

        .e-splitter .e-split-bar.e-split-bar-vertical .e-navigate-arrow:not(.e-arrow-down) {
            border-radius: 50%;
            bottom: 18px;
            left: 22px;
        }

        .e-splitter .e-split-bar.e-split-bar-vertical .e-navigate-arrow.e-arrow-down {
            border-radius: 50%;
            right: 22px;
            top: 18px;
        }

            .e-splitter .e-split-bar.e-split-bar-vertical .e-navigate-arrow.e-arrow-down::before,
            .e-splitter .e-split-bar.e-split-bar-vertical .e-navigate-arrow.e-arrow-down::after {
                right: 10px;
            }

    .e-splitter .e-split-bar.e-split-bar-vertical.e-last-bar:not(.e-resizable-split-bar) {
        margin: 3px 0;
    }

    .e-splitter .e-split-bar.e-split-bar-vertical:not(.e-resizable-split-bar) {
        margin: 3px 0 0;
    }

.e-bigger.e-splitter .e-pane {
    font-size: 14px;
}

.e-bigger.e-splitter .e-split-bar.e-split-bar-horizontal .e-resize-handler {
    height: 20px;
}

.e-bigger.e-splitter .e-split-bar.e-split-bar-vertical .e-resize-handler {
    width: 20px;
}

.e-bigger.e-splitter .e-split-bar.e-split-bar-vertical .e-navigate-arrow:not(.e-arrow-down)::before,
.e-bigger.e-splitter .e-split-bar.e-split-bar-vertical .e-navigate-arrow:not(.e-arrow-down)::after {
    margin-top: -2px;
}

.e-bigger.e-splitter .e-split-bar.e-split-bar-vertical .e-navigate-arrow.e-arrow-down::after {
    margin-top: 2px;
}

.e-rtl .e-splitter.e-splitter-horizontal {
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
}

.e-bigger .e-splitter .e-pane {
    font-size: 14px;
}

.e-bigger .e-splitter .e-split-bar.e-split-bar-horizontal .e-resize-handler {
    height: 20px;
}

.e-bigger .e-splitter .e-split-bar.e-split-bar-vertical .e-resize-handler {
    width: 20px;
}

.e-content-placeholder.e-splitter.e-placeholder-splitter {
    background-size: 100px 110px;
    min-height: 110px;
}

.e-bigger .e-content-placeholder.e-splitter.e-placeholder-splitter,
.e-bigger.e-content-placeholder.e-splitter.e-placeholder-splitter {
    background-size: 100px 110px;
    min-height: 110px;
}

.e-splitter.e-ie .e-navigate-arrow.e-arrow-left {
    margin-left: -26px;
}

.e-splitter.e-ie .e-split-bar-horizontal .e-resize-handler {
    -ms-flex-direction: column;
    flex-direction: column;
}

.e-splitter.e-ie .e-split-bar.e-split-bar-horizontal .e-resize-handler::before {
    background: #fff;
    padding: 2px 0;
}

.e-splitter.e-splitter-horizontal,
.e-splitter.e-splitter-vertical {
    border: solid 1px #e0e0e0;
}

    .e-splitter.e-splitter-horizontal .e-pane,
    .e-splitter.e-splitter-vertical .e-pane {
        color: rgba(0, 0, 0, 0.87);
    }

        .e-splitter.e-splitter-horizontal .e-pane.e-splitter.e-splitter-horizontal,
        .e-splitter.e-splitter-horizontal .e-pane.e-splitter.e-splitter-vertical,
        .e-splitter.e-splitter-vertical .e-pane.e-splitter.e-splitter-horizontal,
        .e-splitter.e-splitter-vertical .e-pane.e-splitter.e-splitter-vertical {
            border: transparent;
        }

.e-splitter .e-split-bar.e-split-bar-horizontal {
    background: #e0e0e0;
    border: none;
}

    .e-splitter .e-split-bar.e-split-bar-horizontal .e-resize-handler {
        background: #fff;
        color: rgba(0, 0, 0, 0.54);
    }

    .e-splitter .e-split-bar.e-split-bar-horizontal .e-navigate-arrow {
        background-color: transparent;
        border-color: transparent;
        color: transparent;
        transition: background-color 500ms ease-out;
    }

        .e-splitter .e-split-bar.e-split-bar-horizontal .e-navigate-arrow::before,
        .e-splitter .e-split-bar.e-split-bar-horizontal .e-navigate-arrow::after {
            background-color: #e3165b;
            opacity: 0;
            transition-duration: 0.3s;
            transition-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1);
        }

    .e-splitter .e-split-bar.e-split-bar-horizontal.e-split-bar-hover {
        background: #e3165b;
    }

        .e-splitter .e-split-bar.e-split-bar-horizontal.e-split-bar-hover .e-resize-handler {
            background: #fff;
            color: #e3165b;
        }

        .e-splitter .e-split-bar.e-split-bar-horizontal.e-split-bar-hover .e-navigate-arrow.e-arrow-left,
        .e-splitter .e-split-bar.e-split-bar-horizontal.e-split-bar-hover .e-navigate-arrow.e-arrow-right {
            background-color: #fff;
            border-color: rgba(227, 22, 91, 0.5);
            border-width: 1px;
            opacity: 0.9;
        }

        .e-splitter .e-split-bar.e-split-bar-horizontal.e-split-bar-hover.e-split-bar-hover .e-navigate-arrow::before,
        .e-splitter .e-split-bar.e-split-bar-horizontal.e-split-bar-hover.e-split-bar-active .e-navigate-arrow::before {
            background-color: #e3165b;
            opacity: 1;
            transform: rotate(40deg);
        }

        .e-splitter .e-split-bar.e-split-bar-horizontal.e-split-bar-hover.e-split-bar-hover .e-navigate-arrow::after,
        .e-splitter .e-split-bar.e-split-bar-horizontal.e-split-bar-hover.e-split-bar-active .e-navigate-arrow::after {
            background-color: #e3165b;
            opacity: 1;
            transform: rotate(-40deg);
        }

        .e-splitter .e-split-bar.e-split-bar-horizontal.e-split-bar-hover .e-navigate-arrow.e-arrow-right::before,
        .e-splitter .e-split-bar.e-split-bar-horizontal.e-split-bar-active .e-navigate-arrow.e-arrow-right::before {
            background-color: #e3165b;
            opacity: 1;
            transform: rotate(-40deg);
        }

        .e-splitter .e-split-bar.e-split-bar-horizontal.e-split-bar-hover .e-navigate-arrow.e-arrow-right::after,
        .e-splitter .e-split-bar.e-split-bar-horizontal.e-split-bar-active .e-navigate-arrow.e-arrow-right::after {
            background-color: #e3165b;
            opacity: 1;
            transform: rotate(40deg);
        }

    .e-splitter .e-split-bar.e-split-bar-horizontal.e-split-bar-active {
        background: #e3165b;
    }

        .e-splitter .e-split-bar.e-split-bar-horizontal.e-split-bar-active .e-resize-handler {
            background: #fff;
            color: #e3165b;
        }

.e-splitter .e-split-bar.e-split-bar-vertical {
    background: #e0e0e0;
}

    .e-splitter .e-split-bar.e-split-bar-vertical .e-resize-handler {
        background: #fff;
        color: rgba(0, 0, 0, 0.54);
    }

    .e-splitter .e-split-bar.e-split-bar-vertical.e-split-bar-hover {
        background: #e3165b;
    }

        .e-splitter .e-split-bar.e-split-bar-vertical.e-split-bar-hover .e-navigate-arrow.e-arrow-up,
        .e-splitter .e-split-bar.e-split-bar-vertical.e-split-bar-hover .e-navigate-arrow.e-arrow-down {
            background-color: #fff;
            border-color: rgba(227, 22, 91, 0.5);
            border-width: 1px;
            opacity: 0.9;
        }

        .e-splitter .e-split-bar.e-split-bar-vertical.e-split-bar-hover .e-resize-handler {
            background: #fff;
            color: #e3165b;
        }

        .e-splitter .e-split-bar.e-split-bar-vertical.e-split-bar-hover .e-navigate-arrow.e-arrow-up::before,
        .e-splitter .e-split-bar.e-split-bar-vertical.e-split-bar-active .e-navigate-arrow.e-arrow-up::before {
            background-color: #e3165b;
            opacity: 1;
            transform: rotate(125deg);
        }

        .e-splitter .e-split-bar.e-split-bar-vertical.e-split-bar-hover .e-navigate-arrow.e-arrow-up::after,
        .e-splitter .e-split-bar.e-split-bar-vertical.e-split-bar-active .e-navigate-arrow.e-arrow-up::after {
            background-color: #e3165b;
            opacity: 1;
            transform: rotate(50deg);
        }

        .e-splitter .e-split-bar.e-split-bar-vertical.e-split-bar-hover .e-navigate-arrow.e-arrow-down::before,
        .e-splitter .e-split-bar.e-split-bar-vertical.e-split-bar-active .e-navigate-arrow.e-arrow-down::before {
            background-color: #e3165b;
            opacity: 1;
            transform: rotate(55deg);
        }

        .e-splitter .e-split-bar.e-split-bar-vertical.e-split-bar-hover .e-navigate-arrow.e-arrow-down::after,
        .e-splitter .e-split-bar.e-split-bar-vertical.e-split-bar-active .e-navigate-arrow.e-arrow-down::after {
            background-color: #e3165b;
            opacity: 1;
            transform: rotate(125deg);
        }

    .e-splitter .e-split-bar.e-split-bar-vertical .e-navigate-arrow {
        background-color: transparent;
        border-color: transparent;
        color: transparent;
        transition: background-color 300ms ease-out;
    }

        .e-splitter .e-split-bar.e-split-bar-vertical .e-navigate-arrow::before,
        .e-splitter .e-split-bar.e-split-bar-vertical .e-navigate-arrow::after {
            background-color: #e3165b;
            opacity: 0;
            transition-duration: 0.3s;
            transition-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1);
        }

    .e-splitter .e-split-bar.e-split-bar-vertical.e-split-bar-active {
        background: #e3165b;
    }

        .e-splitter .e-split-bar.e-split-bar-vertical.e-split-bar-active .e-resize-handler {
            background: #fff;
            color: #e3165b;
        }

.e-splitter.e-disabled {
    opacity: 00.4;
    pointer-events: none;
}

/*Gant Chart End*/

select.form-control {
    padding-left: 3px !important;
}

@media print {
    /* Hide button when priting*/
    .sidebar {
        display: none !important;
        width: 0px !important;
    }

    .remove {
        display: none !important;
        width: 0px !important;
    }

    .fixeddashboard {
        overflow: visible !important;
    }

    .vertical-menu-modern.menu-expanded .main-menu {
        width: 0px !important;
        display: none !important;
    }

    rect {
        display: none !important;
    }

    .app-content {
        margin-left: 0px !important;
    }

    body.vertical-layout.vertical-menu-modern.menu-expanded .content {
        margin-left: 0px !important;
    }
}

.dash_shrt30_lbl {
    width: 30px;
    line-height: 15px;
}

.custommultiselect .arrow-down {
    top: 0px !important;
    bottom: unset !important;
    -webkit-transform: rotate(0deg) !important;
    transform: rotate(0deg) !important;
    border-bottom: 15px solid #dadada !important;
}

.custommultiselect .arrow2 {
    border-bottom: 15px solid #ccc !important;
    top: -1px !important;
}

.ngx-toolbar .ngx-toolbar-set:first-child .ngx-editor-button {
    color: #038bc9;
}

.ngx-toolbar .ngx-toolbar-set:nth-child(2) .ngx-editor-button {
    color: #47a447;
}

.ngx-toolbar .ngx-toolbar-set:nth-child(3) .ngx-editor-button {
    color: #47a447;
}

.ngx-toolbar .ngx-toolbar-set:nth-child(4) .ngx-editor-button {
    color: #f0ad4e;
}

.ngx-toolbar .ngx-toolbar-set:nth-child(5) .ngx-editor-button {
    color: #9c27b0;
}

.ngx-toolbar .ngx-toolbar-set:nth-child(6) .ngx-editor-button {
    color: #5bc0de;
}

.e-input-group.e-disabled {
    color: #353535 !important;
    opacity: 1 !important;
}

.carousel-item .ProjImgMAX {
    width: 100% !important;
    height: auto !important;
}

.carousel-item .ProjImg {
    width: 100% !important;
    height: auto !important;
}

.carousel-item {
    text-align: center;
}

.carousel-control-prev,
.carousel-control-next {
    background: rgba(0, 0, 0, 0.5);
    width: 40px;
    height: 40px;
    top: calc(50% - 35px);
    z-index: 9999;
}

.e-grid .e-filtered::before {
    color: #ffffff !important;
    padding: 1px 3px;
    font-size: 15px;
    border-radius: 3px;
    background: #008fcf;
}

.CurrencyCtrl .e-input-group {
    max-height: 30px;
    padding: 0px !important;
}

    .CurrencyCtrl .e-input-group input {
        padding: 0px 10px !important;
        text-align: left !important;
    }

.NgxEditor__MenuItem.NgxEditor__MenuItem--Icon .NgxEditor__MenuItem--IconContainer[title='Bold'] path,
.NgxEditor__MenuItem.NgxEditor__MenuItem--Icon .NgxEditor__MenuItem--IconContainer[title='Italic'] path,
.NgxEditor__MenuItem.NgxEditor__MenuItem--Icon .NgxEditor__MenuItem--IconContainer[title='Underline'] path,
.NgxEditor__MenuItem.NgxEditor__MenuItem--Icon .NgxEditor__MenuItem--IconContainer[title='Strike'] path{
    color: #038bc9 !important;
}

.NgxEditor__MenuItem.NgxEditor__MenuItem--Icon .NgxEditor__MenuItem--IconContainer[title='Left Align'] path,
.NgxEditor__MenuItem--IconContainer[title='Center Align'] path,
.NgxEditor__MenuItem--IconContainer[title='Right Align'] path,
.NgxEditor__MenuItem--IconContainer[title='Justify'] path {
    color: #47a447 !important;
}

.NgxEditor__MenuItem--IconContainer[title='Code'] path,
.NgxEditor__MenuItem--IconContainer[title='Blockquote'] path,
.NgxEditor__MenuItem--IconContainer[title='Ordered List'] path,
.NgxEditor__MenuItem--IconContainer[title='Bullet List'] path,
.NgxEditor__MenuItem--IconContainer[title='Horizontal rule'] g {
    color: #9c27b0 !important;
}
.ql-toolbar.ql-snow .ql-formats .ql-bold path,
.ql-toolbar.ql-snow .ql-formats .ql-italic .ql-stroke,
.ql-toolbar.ql-snow .ql-formats .ql-underline path {
    stroke: #038bc9 !important;
}
.ql-toolbar.ql-snow .ql-formats .ql-strike path,
.ql-toolbar.ql-snow .ql-formats .ql-strike .ql-stroke {
    fill: #038bc9 !important;
}
.ql-toolbar.ql-snow .ql-formats .ql-align .ql-stroke {
    stroke: #47a447 !important;
}
.ql-toolbar.ql-snow .ql-formats .ql-list .ql-stroke {
    stroke: #9c27b0 !important;
}
.ql-toolbar.ql-snow .ql-formats .ql-color-picker .ql-picker-label .ql-stroke,
.ql-toolbar.ql-snow .ql-formats .ql-color-picker .ql-picker-label .ql-stroke,
.ql-toolbar.ql-snow .ql-formats .ql-clean .ql-stroke,
.ql-toolbar.ql-snow .ql-formats .ql-clean .ql-fill {
    stroke: #f0ad4e !important;
}

.NgxEditor__MenuItem--IconContainer[title='Insert Link'] path {
    color: #5bc0de !important;
}

.NgxEditor__MenuItem--IconContainer[title='Insert Image'] path {
    color: #5bc0de !important;
}

.NgxEditor__MenuItem--IconContainer[title='Text Color'] path {
    color: #f0ad4e !important;
}

.NgxEditor__MenuItem--IconContainer[title='Background Color'] path {
    color: #f0ad4e !important;
}

.NgxEditor__MenuItem--IconContainer[title='Clear Formatting'] path {
    color: #f0ad4e !important;
}

#AlertsNotificationsGrid_content_table .e-rowcell p {
    margin-bottom: 0 !important;
}

#ProjectSetupGrid_content_table .e-groupcaption {
    padding-left: 30px !important;
}

.cstmmultislct {
    position: relative;
}

.dropdown-list.tagToBody {
    position: absolute !important;
    left: auto !important;
    top: 31px !important;
}

    .dropdown-list.tagToBody .list-area {
        border: 0px solid #ccc;
        border-radius: 3px;
        background: #fff;
        width: 100%;
        height: auto;
        position: relative;
    }

        .dropdown-list.tagToBody .list-area > .filter-select-all + div {
            overflow: auto;
            max-height: 298px !important;
            position: absolute;
            background-color: #fff;
            width: 100%;
            border: 1px solid #ccc;
            margin-top: -1px;
        }

    .dropdown-list.tagToBody .arrow-2 {
        z-index: 1;
    }

        .dropdown-list.tagToBody .arrow-2 + .arrow-down,
        .dropdown-list.tagToBody .arrow-2 + .arrow-up {
            z-index: 2;
        }

    .dropdown-list.tagToBody .arrow-down.arrow-2 {
        bottom: inherit;
        top: -1px;
    }

        .dropdown-list.tagToBody .arrow-down.arrow-2 + .arrow-down {
            bottom: inherit;
            top: 0;
        }

    .dropdown-list.tagToBody .arrow-down {
        transform: rotate(0deg) !important;
    }

select.aspNetDisabled option[value='PageWidth'],
select.aspNetDisabled option[value='FullPage'] {
    display: none !important;
}

.e-sortnumber {
    display: none !important;
}

#SubProgramsAndProjectsMovedialog .modal-body {
    overflow-y: inherit !important;
    overflow-x: inherit !important;
}

.modal-dialog .editor-height-100,
.modal-dialog .NgxEditor__Wrapper {
    height: 99.25%;
}

.modal-dialog .NgxEditor {
    max-height: 97%;
    overflow: inherit;
}

.NgxEditor__Wrapper {
    border: 1px solid #ddd !important;
}

    .NgxEditor__Wrapper .NgxEditor__MenuBar,
    .ql-toolbar.ql-snow {
        background-color: #f5f5f5 !important;
        padding-left: 0.4rem;
    }

.NgxEditor__MenuItem.NgxEditor__MenuItem--Icon,
.ql-snow.ql-toolbar button, .ql-snow .ql-toolbar button,
.ql-toolbar.ql-snow .ql-formats .ql-color-picker .ql-picker-label {
    background-color: #fff;
    margin-right: 0.2rem;
    border: 1px solid #ddd;
    margin-bottom: 0.2rem;
}
.ql-toolbar.ql-snow .ql-formats {
    margin-right: 0.2rem !important;
    border-right: 1px solid #ccc;
    padding: 0 5px;
}
.ql-toolbar.ql-snow .ql-formats:last-child{
   border-right:0 !important;
}
.ql-snow .ql-color-picker, .ql-snow .ql-icon-picker {
    height: 26px !important;
    margin-right: 0.2rem;
}
.ql-snow.ql-toolbar button, .ql-snow .ql-toolbar button {
    width: 30px !important;
    height: 25px !important;
}
.ql-toolbar.ql-snow{
    padding:3px !important;
}

.NgxEditor {
    max-height: calc(100vh - 600px);
    min-height: 100px;
    overflow: auto;
    border-top-left-radius: 0 !important;
    border-top-right-radius: 0 !important;
}

.NgxEditor__MenuBar {
    background-color: #f5f5f5 !important;
}

.selected-list .countplaceholder {
    right: 24px !important;
    background-color: #28bcff !important;
    color: #fff !important;
    border-radius: 4px;
    padding: 2px 3px !important;
}

.pure-checkbox.select-all {
    border: 1px solid #ccc;
    border-radius: 4px;
}

#AgendaFCOGrid.e-grid .e-rowcell .e-checkbox-wrapper,
#AgendaFCOGrid.e-grid .e-rowcell .e-css.e-checkbox-wrapper,
#AgendaChangeOrderGrid.e-grid .e-rowcell .e-checkbox-wrapper,
#AgendaChangeOrderGrid.e-grid .e-rowcell .e-css.e-checkbox-wrapper {
    margin-top: 15px;
}

#AgendaChangeOrderGrid_content_table .form-group,
#AgendaFCOGrid_content_table .form-group {
    margin-bottom: 0;
}

ejs-numerictextbox.CurrencyCtrl .e-input-group {
    display: flex !important;
    background-color: #fff !important;
}

ejs-datepicker.e-datepicker .e-input-group {
    background-color: #fff !important;
}

.top-border-line {
    border-top: 1px solid rgba(0, 0, 0, 0.25);
    padding-top: 1.5rem;
}

.timepick ejs-timepicker.form-control {
    padding: 0.4rem 0.75rem;
}

    .timepick ejs-timepicker.form-control .e-control-wrapper.e-time-wrapper input.e-input {
        padding: 0 !important;
    }

    .timepick ejs-timepicker.form-control .e-time-icon {
        margin: 0 !important;
    }

@media (min-width: 992px) {
    .modal-lg,
    .modal-xl {
        max-width: 975px;
    }
}

.cuppa-dropdown .selected-list .c-btn {
    font: 400 1rem/1.45 'SegoeUI', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
    color: #353535 !important;
}

.resize-handle-top,
.resize-handle-bottom {
    position: absolute;
    height: 5px;
    cursor: row-resize;
    width: 100%;
}

.resize-handle-top {
    top: 0;
}

.resize-handle-bottom {
    bottom: 0;
}

.resize-handle-left,
.resize-handle-right {
    position: absolute;
    height: 100%;
    cursor: col-resize;
    width: 5px;
}

.resize-handle-left {
    left: 0;
}

.resize-handle-right {
    right: 0;
}

.marginleft15 {
    margin-left: 15px;
}
.mlpage .collapse-icon .widget-head {
    display:block !important;
}
ejs-datepicker.e-datepicker .e-input-group.e-disabled {
    background-color:transparent !important;
}
#ProjectKPIDashboardDropdown.show > .dropdown-menu {
    z-index:99999;
}
html body .content .content-wrapper{
    height:calc(100vh);
}
#AlertsList_content_table td.e-ellipsistooltip > p {
    margin-bottom: 0;
    max-width: 190px;
    overflow: hidden;
    text-overflow: ellipsis;
}
 app-agenda-richtexteditor, quill-editor {
    width: 100%;
}
.ql-snow.ql-toolbar button.ql-active {
    background-color: #e8f0fe;
}