@charset "utf-8";

body {
    /*font-family: 'roboto', sans-serif, Arial;*/
    font-family: "Segoe UI Emoji";
    line-height: 28px;
    font-style: normal;
    color: #101010;
    overflow-x: hidden;
    position: relative;
    background-color: #f8f8f8;
    background: url(../images/bg-pattern.png) repeat;
}

@font-face {
    font-family: 'roboto';
    src: url(../fonts/roboto.ttf) format('truetype');
}

.tree_wdth {
    width: 15px !important;
}

.tree_bckg .tree-icon {
    display: block !important;
}

.tree-title a {
    font-size: 1.1em;
    display: inherit !important;
}

#dynForm .tree-icon {
    display: none;
}

#dynForm .tree-folder {
    display: none;
}

#dynForm .tree-folder-open {
    display: none;
}


.tree_bckg {
    color: red !important;
}


a {
    color: #2e375f;
}

    a, a:hover, a:visited, a:active, a:focus, .hvr, .hvr:hover, .btn-sm:hover, .btn-sm, table i:hover, table i, footer:hover, footer {
        text-decoration: none;
        transition: all ease-in-out .5s;
        -webkit-transition: all ease-in-out .5s;
        -moz-transition: all ease-in-out .5s;
        -ms-transition: all ease-in-out .5s;
        -o-transition: all ease-in-out .5s;
    }

.rel {
    position: relative;
}

.form-group {
}

.form-control {
    color: #252525;
    background-color: #fff;
    font-size: 14px;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05) inset;
    /*padding: 6px;*/
    padding: 0px 0px;
    height: 28px;
    position: relative;
}

.icnn {
    font-size: 19px;
    position: absolute;
    top: 0px;
    left: 0px;
    padding: 11px 11px 10px 11px;
    background: #2494f2;
    color: #fff;
    border-radius: 3px 0 0 3px;
}

    .icnn.pe-7s-note2 {
        padding-left: 14px;
        padding-right: 12px;
    }

.form-group i {
    position: absolute;
    top: 14px;
    left: 15px;
    font-size: 16px;
}

textarea {
    resize: vertical;
}

.radius {
    border-radius: 3px !important;
    -moz-border-radius: 3px !important;
    -o-border-radius: 3px !important;
    -webkit-border-radius: 3px !important;
}

.radius_tp {
    -webkit-border-radius: 3px 3px 0px 0px;
    -moz-border-radius: 3px 3px 0px 0px;
    -o-border-radius: 3px 3px 0px 0px;
    border-radius: 3px 3px 0px 0px;
}

.radius_btm {
    -webkit-border-radius: 0px 0px 3px 3px;
    -moz-border-radius: 0px 0px 3px 3px;
    -o-border-radius: 0px 0px 3px 3px;
    border-radius: 0px 0px 3px 3px;
}

p {
    text-align: justify;
    line-height: 25px;
    font-size: 13px;
}

li, ul {
    list-style: none;
}

.row {
    margin-right: -15px;
    margin-left: -15px;
    margin-bottom: 0px;
}

.pdngrgt {
    padding-right: 10px !important;
}

.pdnglft {
    padding-left: 10px;
}

.no_space {
    margin: 0;
    padding: 0;
}

li, ul {
    margin: 0;
    padding: 0;
}

h1, h2, h3, h4 {
    font-family: 'Roboto';
    font-weight: 500;
    color: #363638;
    text-align: left;
    margin: 0px;
    padding: 0px;
    padding-bottom: 20px;
    clear: both;
}

.ful_wdth {
    float: left;
    width: 100%;
}

.btm_space {
    float: left;
    width: 100%;
    margin-bottom: 250px;
}
/*!
 * Waves v0.6.0
 * http://fian.my.id/Waves
 *
 * Copyright 2014 Alfiana E. Sibuea and other contributors
 * Released under the MIT license
 * https://github.com/fians/Waves/blob/master/LICENSE
 */
.waves-effect {
    position: relative;
    cursor: pointer;
    display: inline-block;
    overflow: hidden;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: transparent;
    vertical-align: middle;
    z-index: 1;
    will-change: opacity, transform;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

    .waves-effect .waves-ripple {
        position: absolute;
        border-radius: 50%;
        width: 20px;
        height: 20px;
        margin-top: -10px;
        margin-left: -10px;
        opacity: 0;
        background: rgba(0, 0, 0, 0.2);
        -webkit-transition: all 0.7s ease-out;
        -moz-transition: all 0.7s ease-out;
        -o-transition: all 0.7s ease-out;
        -ms-transition: all 0.7s ease-out;
        transition: all 0.7s ease-out;
        -webkit-transition-property: -webkit-transform, opacity;
        -moz-transition-property: -moz-transform, opacity;
        -o-transition-property: -o-transform, opacity;
        transition-property: transform, opacity;
        -webkit-transform: scale(0);
        -moz-transform: scale(0);
        -ms-transform: scale(0);
        -o-transform: scale(0);
        transform: scale(0);
        pointer-events: none;
    }

    .waves-effect.waves-light .waves-ripple {
        background-color: rgba(255, 255, 255, 0.45);
    }

    .waves-effect.waves-red .waves-ripple {
        background-color: rgba(244, 67, 54, 0.7);
    }

    .waves-effect.waves-yellow .waves-ripple {
        background-color: rgba(255, 235, 59, 0.7);
    }

    .waves-effect.waves-orange .waves-ripple {
        background-color: rgba(255, 152, 0, 0.7);
    }

    .waves-effect.waves-purple .waves-ripple {
        background-color: rgba(156, 39, 176, 0.7);
    }

    .waves-effect.waves-green .waves-ripple {
        background-color: rgba(76, 175, 80, 0.7);
    }

    .waves-effect.waves-teal .waves-ripple {
        background-color: rgba(0, 150, 136, 0.7);
    }

.waves-notransition {
    -webkit-transition: none !important;
    -moz-transition: none !important;
    -o-transition: none !important;
    -ms-transition: none !important;
    transition: none !important;
}

.waves-circle {
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0);
    text-align: center;
    width: 2.5em;
    height: 2.5em;
    line-height: 2.5em;
    border-radius: 50%;
    -webkit-mask-image: none;
}

.waves-input-wrapper {
    border-radius: 0.2em;
    vertical-align: bottom;
}

    .waves-input-wrapper .waves-button-input {
        position: relative;
        top: 0;
        left: 0;
        z-index: 1;
    }

.waves-block {
    display: block;
}

.btn-sm {
    background-color: #2494f2;
    /*font-family: initial;*/
    color: #fff;
    font-size: 14px;
    padding: 5px 14px;
    border-radius: 4px;
    border: 1px solid rgba(0,0,0,0.15);
    box-shadow: 1px 1px 0 rgba(255,255,255,0.2) inset;
}

    .btn-sm:hover, .btn-sm:focus {
        box-shadow: inset 0 0 3px rgb(59, 116, 208);
        color: #fff;
        background-color: #4e9dff;
    }

    .btn-sm a {
        color: white;
    }
/* Login Styles */
#bdy_bg {
    /* background: url(../images/bg.jpg) repeat; */
}

#login_frm .alert-danger {
    margin-left: -31px !important;
}

#login_frm {
    margin-top: 120px;
    margin-bottom: 50px;
}

    #login_frm .form-control {
        padding-left: 50px;
        height: 40px;
        width: 300px !important;
    }

    #login_frm .inr_frm {
        background-color: #fff;
    }

    #login_frm .panel-body {
        padding: 15px;
        margin-left: 15px !important;
    }

    #login_frm .row {
        margin-right: -10px;
        margin-left: -10px;
    }

    #login_frm h1 {
        font-family: Calibri;
    }

.log_logo figure {
    display: block;
    text-align: center;
}

    .log_logo figure img {
    }

#login_frm .lnk {
    /* text-align: center; */
    /* display: block; */
    color: #0695C9;
}

#login_frm .frm {
    border-left: 1px solid #EBECED;
}

/*#login_frm .log_logo {
    font-size: 20px;
    text-align: center;
    background-color: #2494F2;
    padding: 15px 0;
    margin: 0;
    border-bottom: 1px solid rgba(227, 227, 227, 0.53);
    color: #fff;
    width: 100%;
    float: left;
}*/
#login_frm .log_logo {
    font-size: 20px;
    text-align: center;
    background-color: #2494F2;
    padding: 0px 0;
    margin: 0;
    border-bottom: 1px solid rgba(227, 227, 227, 0.53);
    color: #fff;
    width: 100%;
    float: left;
}

#login_frm p {
    text-align: center;
    width: 100%;
    font-size: 12px;
    line-height: 24px;
    color: #C9D4F6;
    float: left;
    padding-top: 10px;
}

.frm_fot {
    padding: 10px 5px;
    text-align: center;
    border-top: 1px solid #cccccc;
    background-color: #ccc8c8;
}

    .frm_fot a {
        font-size: 14px;
    }
/* Header Styles */
header {
    background-color: #2494F2;
    color: #FFF;
    padding: 1px 0;
}

.hdr_logo img {
    /*width: 150px;
    padding: 8px 12px;
    background-color: white;
    border-radius: 3px;*/
    width: 179px;
    padding: 12px 2px;
    background-color: white;
    border-radius: 3px;
}

.caldr_btn {
    background-color: #1d66a3;
    color: #fff;
    padding: 5px;
    line-height: 7px;
}

    .caldr_btn i {
        font-size: 40px;
        color: #fff;
    }

/* Content Styles */
.bg_white {
    background-color: #fff;
    width: 100%;
    padding: 0;
    margin-bottom: 30px;
}

.cnt_spce {
    padding: 9px;
}

/* Table Style Starts */

.table > thead > tr > th {
    color: #ffffff !important;
    padding: 16px 5px;
    border: none;
    background-color: #2593f3;
    font-size: 12px;
    font-weight: bold;
}

.tab-pane .table-responsive1 {
    margin-top: 2px !important;
}

/*.table-striped > tbody > tr:nth-of-type(odd), .table-striped > tbody > tr:nth-of-type(even) {
    background-color: #ffffff;
    border-bottom: 1px solid #dfdede;
    color: #30363c;
}

.table-condensed > tbody > tr > td, .table-condensed > tbody > tr > th, .table-condensed > tfoot > tr > td, .table-condensed > tfoot > tr > th, .table-condensed > thead > tr > td, .table-condensed > thead > tr > th {
    padding: 10px 10px;
    border: none;
}*/

.table-condensed > tbody > tr > td {
    font-size: 12px;
    /*font-family: 'helveticaneuelight';
  font-weight: bold;
  font-variant: normal;*/
}
/*.table-condensed>tbody>tr>td:first-child
{
	border-radius: 8px 0px 0px 8px
}
.table-condensed>tbody>tr>td:last-child
{
	border-radius: 0px 8px 8px 0px
}*/
.empty_tr {
    background-color: transparent !important;
    border: none !important;
}

.empty_td {
    padding: 0px !important;
    line-height: 4px !important;
    background-color: transparent !important;
}

.table-condensed > tbody > tr > td i {
    font-size: 14px;
    cursor: pointer;
}

    .table-condensed > tbody > tr > td i.mre {
        /*color: #9C27B0;*/
        color: #999;
    }

    .table-condensed > tbody > tr > td i:hover {
        -webkit-transform: translateY(-3px);
        -moz-transform: translateY(-3px);
        -ms-transform: translateY(-3px);
        -o-transform: translateY(-3px);
        transform: translateY(-3px);
        -webkit-box-shadow: 0 10px 10px -7px rgba(0, 0, 0, .7);
        -moz-box-shadow: 0 10px 10px -7px rgba(0, 0, 0, .45);
        -ms-box-shadow: 0 10px 10px -7px rgba(0, 0, 0, .45);
        -o-box-shadow: 0 10px 10px -7px rgba(0, 0, 0, .45);
        box-shadow: 0 10px 10px -7px rgba(0, 0, 0, .45);
    }

td.edit {
    border-left: 0px solid #f4f6f8 !important;
    border-right: 1px solid rgba(226, 226, 226, 0.47) !important;
    padding: 0px 20px !important;
}

.table-condensed > tbody > tr > td.dele, .table-condensed > tbody > tr > td.lft_lne {
    border-left: 1px solid rgba(226, 226, 226, 0.47);
}

.icons_wdth {
    width: 8%;
}

.table-condensed > tbody > tr > td > span > button.save-row i, .table-condensed > tbody > tr > td > span > a.save-row i, .table-condensed > tbody > tr > td > span > a.edit-row i {
    color: #0cba62 !important;
}

/*.table-condensed > tbody > tr > td >span.save i {
    color: #353535 !important;
    margin-top: 9px;
}*/

.table-condensed > tbody > tr > td > span > a.cancel-icon i, .table-condensed > tbody > tr > td > span > span > a.cancel-icon i, .table-condensed > tbody > tr > td > span > span > a.delete-icon i, .table-condensed > tbody > tr > td > span > a.delete-icon i {
    color: #f73c54 !important;
}


.tble_head th {
    font-size: 12px !important;
    background-color: rgb(244, 244, 244);
    text-transform: capitalize !important;
    color: #1d1b1b !important;
}

.tactn {
    width: 50px;
    text-align: center;
}

.tble_spce {
    padding: 6px;
    background-color: rgba(171, 171, 171, 0.18);
    /*background: url(../images/bodyBg.png) repeat;*/
    /*margin-bottom: -5px;*/
    margin-top: -16px;
}

.tble_spce_woColor {
    padding: 6px;
    padding-left: 1px !important;
    /*background-color: rgba(171, 171, 171, 0.18);*/
    /*background: url(../images/bodyBg.png) repeat;*/
    /*margin-bottom: -5px;*/
    margin-top: -16px;
}

#fl_chrt .mCSB_container {
    margin-right: -45px !important;
}


.tble_spce_act {
    padding: 0;
    background-color: rgba(171, 171, 171, 0.18);
    /*background: url(../images/bodyBg.png) repeat;*/
    /*margin-bottom: -5px;*/
    margin-top: -27px;
}

.tble_spce_ov {
    padding: 0;
    background-color: rgba(171, 171, 171, 0.18);
    /*background: url(../images/bodyBg.png) repeat;*/
    /*margin-bottom: -5px;*/
    margin-top: -13px;
}

.resource_view .tble_spce_act {
    padding: 4px !important;
    background-color: rgba(171, 171, 171, 0.18);
    margin-top: -40px;
}

.rscr_cal_combo {
    width: 12%;
    padding: 0px 10px;
}

.tble_spce_plnr {
    /*padding: 6px;*/
    background-color: rgba(171, 171, 171, 0.18);
    /*margin-top: -53px;*/
}


.tble_spce_assign {
    padding: 6px;
    background-color: rgba(171, 171, 171, 0.18);
    /*background: url(../images/bodyBg.png) repeat;*/
    margin-bottom: -6px !important;
}

.tble_spce_popup {
    padding: 12px;
    background-color: rgba(171, 171, 171, 0.18);
    /*background: url(../images/bodyBg.png) repeat;*/
    margin-bottom: 10px;
}

.table {
    margin-bottom: 8px;
}

th {
    font-weight: bold;
}

.table-responsive {
    min-height: initial;
    overflow: hidden;
    overflow-x: auto;
}
/* Table Style Ends */
.pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover {
    background-color: #2494f2;
    border-color: #2494f2;
}

.drop_grid a {
    width: 100%;
    float: left;
    padding: 5px 10px;
    border-bottom: 1px solid #c1c1c1;
}

    .drop_grid a i {
        font-size: 14px !important;
        margin-right: 8px;
        /* float: left; */
        font-weight: bold;
    }

    .drop_grid a:hover {
        background-color: #2494f2;
        color: #fff;
    }

.drop_grid_frst.open > .dropdown-menu {
    display: block;
    right: 0;
    left: inherit;
    min-width: 173px;
}

.pagination > li > a, .pagination > li > span {
    padding: 3px 9px;
    font-size: 12px;
}

.pro_pic {
    float: right;
    margin-left: 12px;
    position: relative;
    width: 40px;
    height: 40px;
}

    .pro_pic .drop_arw {
        border-color: transparent;
        border-style: dashed dashed solid;
        border-width: 0 5px 5px;
        position: absolute;
        left: 21px;
        z-index: 1;
        height: 0;
        width: 0;
        border-bottom-color: #ccc;
        border-bottom-color: rgb(255, 255, 255);
        top: 46px;
        display: none;
    }

    .pro_pic img {
        width: 100%;
        float: right;
        border-radius: 50%;
        height: 100%;
        cursor: pointer;
    }

.pp_ovr {
    display: none;
    position: absolute;
    right: 10px;
    background-color: white;
    border: 1px solid #ccc;
    border-color: rgba(0,0,0,.2);
    color: #000;
    -webkit-box-shadow: 0 2px 10px rgba(0,0,0,.2);
    box-shadow: 0 2px 10px rgba(0,0,0,.2);
    border-radius: 3px;
    top: 40px;
    z-index: 9;
    width: 300px;
}

.lft_acnt {
    display: block;
}

    .lft_acnt:hover .pp_ovr, .lft_acnt:hover .drop_arw {
        display: block;
    }

.frst_tow {
    padding: 8px;
}

.pp_ovr figure {
    width: 80px;
    height: 80px;
}

    .pp_ovr figure img {
        width: 100%;
        height: 100%;
        float: right;
        border-radius: 50%;
    }

.pp_ovr p {
    display: block;
    text-align: left;
    padding-left: 15px;
    font-size: 14px;
    margin-bottom: 0;
}

    .pp_ovr p i {
        font-size: 14px;
    }

    .pp_ovr p a {
        color: #2494f2;
        font-size: 12px;
    }

.ppovr_fot {
    background: #f5f5f5;
    border-top: 1px solid #ccc;
    border-color: rgba(0,0,0,.2);
    padding: 10px 0;
    width: 100%;
    display: table;
}

td .progress {
    margin-bottom: 0px;
}
/* Schedule Popup */
#schle_btn, #schle_clse_btn {
    display: block;
}

.sc_ovrly, .pp_ovly, .pre_ovrly {
    position: fixed;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(21, 20, 20, 0.58);
    z-index: 99999;
}

.pp_bgns {
    display: block;
    position: absolute;
    left: 40%;
    top: 20%;
    background-color: white;
    width: 420px;
    border-radius: 3px;
}

.pp_hed {
    display: block;
    background-color: #2494f2;
    color: #fff;
    text-align: center;
    padding: 8px 6px;
    font-size: 18px;
    text-transform: capitalize;
    border-radius: 3px 3px 0 0;
}

    .pp_hed i {
        color: #4b261f;
        position: absolute;
        right: 12px;
        top: 12px;
        cursor: pointer;
    }

        .pp_hed i:hover {
            color: #111;
        }

.pp_ttle {
    display: block;
    background-color: #f1f1f1;
    padding: 14px 10px;
    font-size: 16px;
    margin-top: 5px;
}

.pp_inr {
    display: block;
    padding: 15px;
}

    .pp_inr .form-control {
        padding-left: 52px;
        height: 40px;
    }

.mrgt_spce {
    margin-right: 8px;
}

.edt_row td {
    padding: 6px !important;
}

.edt_row .form-control {
    padding: 4px;
    height: 35px;
}

#tab_vew .tab-content {
    background-color: #dcdcdc;
    padding: 10px;
    margin-bottom: 20px;
    padding-bottom: 0;
    background: url(../images/bodyBg.png) repeat;
}

.nav-pills > li > a {
    border-radius: 4px 4px 0 0;
    padding: 5px 23px;
    background: #8a8a81;
    color: white;
}

.pge_hd {
    /* background-color: #1d66a3; */
    /* color: #fff;*/
    padding: 7px 7px 7px 14px;
    margin-top: -6px;
}

    .pge_hd h2 {
        font-size: 16px;
        line-height: 27px;
        color: #040404;
        font-weight: bold;
        font-family: "Segoe UI Emoji";
    }

.bg_clr {
    background-color: #fff;
    padding: 10px;
    box-shadow: 0px 2px 1px rgba(160, 160, 160, 0.41);
    border-radius: 0 0 3px 3px;
    margin-bottom: 50px;
}

/*Filter Styles*/
.filter_icon .btn-sm {
    font-size: 14px;
    padding: 4px 13px;
}

    .filter_icon .btn-sm:hover {
        color: #fff;
    }

fieldset.fltr_sec {
    padding: 9px 9px 4px 9px;
    border: 3px rgba(0, 0, 0, 0.09);
    margin: 10px 0px 10px 0px;
    float: left;
    width: 100%;
    /*    display: none;*/
    background-color: #fff;
    /* border-radius: 5px; */
    border-style: double;
    border-image-outset: 25px;
    margin-top: 0px;
}

    fieldset.fltr_sec legend {
        width: initial;
        border: 0px solid silver;
        padding: 1px 8px;
        font-size: 15px;
        background-color: #444446;
        color: #fff;
        margin-bottom: 0px;
        margin-left: 15px;
    }

.filter_frm {
    padding-right: 8px;
}

/* Select2 Style*/
#select2_drop .select2-container {
    width: 100% !important;
    border: none;
    border-radius: 3px;
    padding: 0;
    box-shadow: none;
}

.select2-container--default.select2-container--focus .select2-selection--multiple {
    border: 1px solid rgba(99, 99, 99, 0.36);
}

.select2-container--default .select2-selection--multiple {
    height: 35px;
    overflow: auto;
}

.pagination {
    margin: 0;
}

/* Calendar Style */
.calendar table.month tr:nth-child(odd) {
    background-color: rgba(17, 17, 17, 0.04);
}

.fc-toolbar h2 {
    padding: 0;
}

footer {
    position: fixed;
    bottom: 0;
    width: 100%;
    background-color: #183d5d;
    color: #fff;
    z-index: 9;
    padding: 3px 0;
    opacity: 0;
}

    footer:hover {
        opacity: 1;
    }

    footer p {
        margin: 0;
        font-size: 12px;
    }

.fc th {
    background-color: #2494f2;
    color: #fff;
    font-size: 12px;
    line-height: 26px;
}

    .fc th a {
        color: #fff;
        text-decoration: underline;
    }

/*------Old eZeeConfig Style------------------*/
.display-row .form-control {
    -webkit-appearance: none;
    -moz-appearance: none;
    -appearance: none;
    -ms-appearance: none;
    pointer-events: none;
    background-color: inherit;
    display: none;
}

.display-row .SumoSelect {
    /*width: 200px;*/
    display: none;
}

.display-row .chkForm {
    -webkit-appearance: none;
    -moz-appearance: none;
    -appearance: none;
    -ms-appearance: none;
    pointer-events: none;
    background-color: inherit;
    display: none;
}




#tc_details .form-control, #tc_notes .form-control {
    display: block;
}

.display-row span {
    display: inline;
}


.display-row:hover .form-control {
    background-color: inherit;
}

.edit_row .form-control {
    /*display: block;*/
    pointer-events: all;
}

.edit_row .chkForm {
    /*display: block;*/
    pointer-events: all;
}


.edit_row .hide_span {
    display: none;
}

.display-row .save-icon, .display-row .cancel-icon {
    display: none !important;
}

.display-row .edit-icon, .display-row .delete-icon {
    display: block;
}

.save-icon, .cancel-icon {
    display: block;
}

.edit-icon, .delete-icon {
    display: none;
}

#tc_delete .delete-icon {
    display: block !important;
}

.disabled {
    pointer-events: none;
    outline: none;
}

    .disabled a, .disabled input, .disabled select, .disabled button, .disabled textarea, .disabled optgroup {
        pointer-events: none;
        outline: none;
    }

.table tr.display-row td input, .table tr.display-row td input:focus {
    border: none !important;
    outline: none !important;
}

.table-striped > tbody > tr:nth-of-type(odd) {
    background-color: #ffffff;
}

tbody, thead {
    color: #000;
    /*font-family: "Segoe UI Emoji";*/
}

body {
    font-size: 12px;
}

.table > tbody > tr > td, .table > tbody > tr > th,
.table > tfoot > tr > td, .table > tfoot > tr > th,
.table > thead > tr > td, .table > thead > tr > th {
    padding: 2px;
    /*vertical-align: middle;*/
}

/*.form-control {
    padding: 0px 5px;
    height: 30px;
    font-size: 13px;

    padding: 0px 2px;
    height: 28px;
    
}*/
.fc-event {
    border: none !important;
}

    .fc-event, .fc-event:hover, .ui-widget .fc-event {
        color: #000 !important;
        /*background-color: #fff !important;*/
        background: none !important;
        padding: 0px 15px;
        /*width: 59px;*/
    }


.nav1 > li > a {
    line-height: 0 !important;
    color: #23527c !important;
    padding: 0 !important;
}

    .nav1 > li > a i {
        font-size: 12px !important;
    }

    .nav1 > li > a i {
        padding: 0 !important;
    }

.content-page {
    padding-bottom: 150px !important;
}

.fc-event {
    font-size: 15px !important;
}

#Activity_Planner .fc-event {
    font-size: 10px !important;
}

.field-validation-error {
    color: red;
}

.field-validation-valid {
    color: red;
}

.input-validation-error {
    border: 1px solid red;
}

a.active {
    background-color: burlywood;
    border-radius: 7px;
}

.nav-tabs > li.active > a, .nav-tabs > li.active > a:focus {
    background-color: burlywood;
    border-radius: 7px;
}


.nav-tabs > li > a {
    background-color: darkgray;
    border-radius: 6px;
    border-radius: 7px 7px 0 0;
}

.k-tabstrip-items > li.k-state-active {
    background-color: #0069aa !important;
}

    .k-tabstrip-items > li.k-state-active .k-link {
        color: #ffffff !important;
    }

.c_field-validation-error, .cop_field-validation-error, .ccp_field-validation-error, .cp_field-validation-error {
    color: #f44336;
    float: right;
    font-size: 12px;
    line-height: 15px;
    margin-bottom: 11px;
    text-align: right;
    width: 100%;
}

h6 span {
    display: block !important;
}

.link_freeze {
    cursor: not-allowed !important;
    pointer-events: none !important;
    opacity: 0.7;
    /*background: #b3afaf;*/
}

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

.dropdown_freeze {
    cursor: not-allowed !important;
    pointer-events: none !important;
    opacity: 0.7 !important;
}

.orange {
    box-shadow: inset 0 0 10px orange;
}

.calesize {
    width: 42px;
}

.datetimepicker {
    line-height: 8px;
}

.select2-container-multi .select2-choices {
    display: block;
    width: 103%;
    height: 28px !important;
    padding: 1px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    margin-left: -3px;
    margin-top: -1px;
}



    .select2-container-multi .select2-choices .select2-search-choice {
        border: 1px solid #2494f2 !important;
    }

.atxtclr {
    color: white;
}

.Deliver_status {
    width: 14%;
}

.fc button .fc-icon {
    top: -3px;
}

.fc .fc-toolbar > * > :first-child {
    line-height: 14px;
    text-transform: capitalize;
}

.fc-row .fc-content-skeleton td, .fc-row .fc-helper-skeleton td {
    font-size: 16px;
    padding-right: 14px;
}

#Activity_Planner .fc-row .fc-content-skeleton td, .fc-row .fc-helper-skeleton td {
    font-size: 12px;
    padding-right: 0px;
}

.fc-icon-right-single-arrow:after {
    top: inherit;
}

.fc-icon-left-single-arrow:after {
    top: inherit;
}


.seq_wdth {
    width: 3%;
}

.score_wdth {
    width: 5%;
}

.name_wdth {
    width: 12%;
}

.prj_wdth {
    width: 8%;
}

.Phse_name_wdth {
    width: 19%;
}

.flg_wdth {
    width: 5%;
}

.dt_wdth {
    width: 6%;
}

.alloc_txt {
    width: 8%;
}

.leg_wdth {
    width: 25%;
}

.grp_wdth {
    width: 8%;
}

.nt_wdth {
    width: 25%;
}

.sts_wdth {
    width: 14%;
}

.wdth_estimate {
    width: 7%;
}

.act_wdth {
    width: 5%;
}

.select2-choices:hover {
    height: 100px !important;
}
/*.desc:hover
    {
       height: 100px !important;
    }*/
.flg_tag {
    margin-left: 24px;
}
/*------------------Deliverable  Tracebility-----------------------------*/

.trace_date {
    width: 5%;
}

.trace_Deliverable {
    width: 10%;
}

.trace_details {
    width: 8%;
}

.trace_prdate {
    width: 12%;
}

.trace_reledate {
    width: 11%;
}

.trace_reqtrace {
    width: 23%;
}

.trace_resNotes {
    width: 19%;
}

.mil_Resource {
    width: 15% !important;
}

.mil_type {
    width: 15%;
}

.mil_coreSkill {
    width: 8%;
}

.mil_role {
    width: 6%;
}

.mil_depart {
    width: 10%;
}

.mil_location {
    width: 11%;
}

.mil_notes {
    width: 23%;
}

.pop_bgns {
    position: relative;
    width: 100%;
    float: left;
}

.popup_inner_pge {
    position: relative;
    width: 700px;
    margin: 0 auto;
    top: 1.5%;
    z-index: 999;
    background-color: #fff;
    margin: 5% auto;
    display: table;
    border-radius: 3px;
}

.kendo_popup_inner_pge {
    position: relative;
    width: 700px;
    z-index: 999;
    background-color: #fff;
    margin-bottom: 5% !important;
    display: table;
    border-radius: 3px;
}

.long_wdth {
    width: 90%;
}

.medium_wdth {
    height: 538px;
}

.two_wdth {
    width: 40%;
}

.notes_two_wdth {
    width: 40%;
}

.three_wdth {
    width: 46%;
}

.pp_cntnts {
    padding: 8px;
}

#chnge_pwd, #main_clse_btn {
    display: block;
}

.scroe_head {
    width: 80%;
}

.scroe_error {
    color: #F44336;
}

.stg_mstr_wdth {
    width: 18% !important;
}

.score_mileston {
    width: 45%;
}

.stgm_sts_wdth {
    width: 20% !important;
}

.stgm_name_wdth {
    width: 15% !important;
}

.stg_mflg_wdth {
    width: 9% !important;
}

.stgm_act_wdth {
    width: 10% !important;
}

.score_mileston_task {
    width: 45% !important;
}

/*---------------------------------Milestone task details-------------------*/
.task_seq {
    width: 2%;
}

.task_task {
    width: 30%;
}

.task_des {
    width: 25%;
}

.task_Owner {
    width: 12%;
}

.task_score {
    width: 5%;
}

.task_stdate {
    width: 6%;
}

.task_enddate {
    width: 6%;
}

.task_status {
    width: 16%;
}

.task_act {
    width: 12%;
}
/*---------------------------------Milestone  details-------------------*/
.Milestone_seq {
    width: 2%;
}

.Milestone {
    width: 30%;
}

.Milestone_Owner {
    width: 17%;
}

.Milestone_score {
    width: 5%;
}

.Milestone_stdate {
    width: 9%;
}

.Milestone_enddate {
    width: 9%;
}

.Milestone_status {
    width: 16%;
}

.mile_combo {
    width: 182px !important;
    padding-left: 14px;
}

.curr_popup_wdth {
    width: 54%;
}

.Req_wdth {
    width: 15%;
}

/*---------------------------------Deliverable  details-------------------*/
.Deliv_name {
    width: 12%;
}


.Deliv_des {
    width: 13%;
}

.Deliv_type {
    width: 8%;
}

.Deliv_compl {
    width: 8%;
}

.Deliv_scor {
    width: 5%;
}

.Deliv_stadate {
    width: 8%;
}

.Deliv_enddate {
    width: 8%;
}

.Deliv_notes {
    width: 16%;
}

.Deliv_staus {
    width: 13%;
}
/*---------------------------------Activity  details-------------------*/
.act_activi {
    width: 16%;
}

.act_activi_res {
    width: 25%;
}

.act_activi_notes {
    width: 17%;
}

.act_details_res {
    width: 25%;
}

.act_details {
    width: 12%;
}

.act_score {
    width: 7%;
}

.act_chareq {
    width: 10%;
}

.act_plnhors {
    width: 9%;
}

.act_type {
    width: 10%;
}

.act_skill {
    width: 13%;
}

.act_assto {
    width: 8%;
}

.act_needtodate {
    width: 8%;
}

.act_actistatus {
    width: 11%;
}

.act_act_status {
    width: 8%;
}

.act_action {
    width: 9%;
}

.dyname_save {
    color: #0cba62 !important;
    font-size: 17px;
    cursor: pointer;
}

.dyname_cancel {
    color: #F44336;
    font-size: 17px;
    cursor: pointer;
}

.txt_align_rignt {
    text-align: right;
}

/*---------------------------------------GActivity Dependency-----------------------*/
.act_dep_mil {
    width: 13% !important;
}

.act_dep_tk {
    width: 13% !important;
}

.act_dep_de {
    width: 13% !important;
}

.act_dep_act {
    width: 13% !important;
}

.act_dep_enddate {
    width: 7% !important;
}

.act_dep_nots {
    width: 15% !important;
}

.act_dep_nots {
    width: 14% !important;
}

.act_dep_enable {
    width: 5% !important;
}

.act_dep_stats {
    width: 11% !important;
}

.icon_algn {
    float: right !important;
    margin-top: -20px !important;
    margin-right: -77px !important;
}

.prj_icon_algn {
    float: right !important;
    margin-top: -20px !important;
    margin-right: -19px !important;
}

.Stra_act_wdth {
    width: 15px !important;
}

.buttn_icn {
    background-color: transparent;
    border: none;
    float: left;
    padding: 0;
}

.actn_ins {
    padding: 0 10px;
}

.actn_ins1 {
    padding: 0 20px;
}

.actn_prof_ins {
    padding: 0 4px;
}

.tobe_sts_wdth {
    width: 15%;
}

.tobe_name_wdth {
    width: 10%;
}

.phdes_wdth {
    width: 25%;
}

.phnotes_wdth {
    width: 4%;
}

.header_p {
    color: #2494f2;
    font-size: 12px;
}

.reference_Name {
    color: #2494f2;
    font-size: 12px;
    font-weight: bold;
}

.delivername_wdth {
    width: 30%;
}

.resrc_nme_wdth {
    width: 20%;
}

.resrc_dprmt_wdth {
    width: 10%;
}

.rsrc_time_wdth {
    width: 15%;
}

.resrc_lnme_wdth {
    width: 17%;
}

.enable_tag {
    margin-left: 42px;
}

.resrc_hd_act {
    padding: 0px 34px !important;
}

.form-control.test {
    /* border:none !important; */
    width: inherit;
    text-align: center;
    margin: auto;
}

    .form-control.test:focus {
        box-shadow: none;
    }

.skl_core_wdth {
    width: 22%;
}

.pln_cost_wdth {
    width: 16%;
}

.currency_wdth {
    width: 20%;
}

.pln_others_wdth {
    width: 10%;
}

.tsk_dep_wdth {
    width: 23%;
}

.tsk_depnt_wdth {
    width: 23%;
}

.comnt_det_wdth {
    width: 26%;
}
/*---------------------------------------Edit Activity Dependency-----------------------*/
.edt_act_name {
    width: 12%;
}

.edt_act_details {
    width: 10%;
}

.eidt_act_score {
    width: 4%;
}

.eidt_act_needbydate {
    width: 8%;
}

.eidt_act_complx {
    width: 10%;
}

.eidt_act_startdate {
    width: 9%;
}

.eidt_act_ebdate {
    width: 9%;
}

.eidt_act_hours {
    width: 7%;
}

.eidt_act_comments {
    width: 10%;
}

.act_enable_tag {
    margin-left: 22px;
}

.cal_btn_bck {
    margin-bottom: 29px;
    margin-right: 11px;
}

.act_inpt_det {
    width: 20%;
}

.act_inpt_dt {
    width: 10%;
}

.history_popup {
    background: lightgray;
}

.assign_res {
    margin-top: 1%;
}
/*-------------------------------------------- assign stop resource-------------------------------*/
.assign_eril_date {
    width: 12%;
}

.assign_availb {
    width: 10%;
}

.assign_needdate {
    width: 9%;
}

.assign_notes {
}

.assign_plhours {
    width: 10%;
}

.history_popup {
    background: lightgray;
}

hispup_dt_wdth {
    width: 20%;
}

hispup_nt_wdth {
    width: 80%;
}
/* Content Styles */
.assign_bg_white {
    background-color: #fff;
    padding: 0;
    margin-bottom: 30px;
}

.assign_popup {
    margin-top: -2%;
}

hispup_dt_wdth {
    width: 20%;
}

hispup_nt_wdth {
    width: 80%;
}

.assign_fullcalendar {
    margin-top: -3%;
}

table.fc-border-separate, table.fc-border-separate.fc td, .fc th {
    /*width: 80px !important;*/
    height: 50px !important;
}



.plnr_view_clr {
    color: #39bcf1;
}

/*Preloader Style Starts*/
.spinner {
    width: 40px;
    height: 40px;
    position: absolute;
    margin: 0 auto;
    left: 49%;
    top: 49%;
}

.double-bounce1, .double-bounce2 {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background-color: #ffffff;
    opacity: 0.6;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-animation: sk-bounce 2.0s infinite ease-in-out;
    animation: sk-bounce 2.0s infinite ease-in-out;
}

.double-bounce2 {
    -webkit-animation-delay: -1.0s;
    animation-delay: -1.0s;
}

@-webkit-keyframes sk-bounce {
    0%, 100% {
        -webkit-transform: scale(0.0);
    }

    50% {
        -webkit-transform: scale(1.5);
    }
}

@keyframes sk-bounce {
    0%, 100% {
        transform: scale(0.0);
        -webkit-transform: scale(0.0);
    }

    50% {
        transform: scale(1.5);
        -webkit-transform: scale(1.5);
    }
}

.plnr_tab_wdth {
    width: 20%;
}

.plnr_wdth {
    width: 100px !important;
}

.plnr_wdth_sm {
    width: 80px !important;
}

.clr_icn {
    background: #2494f2;
    color: #fff;
}

.assign_calan {
    margin-top: -10%;
}

.fc-toolbar.fc-header-toolbar {
    margin-bottom: 1em;
    margin-top: 7px !important;
}
/** Breadcrumb Styles**/
.btn-breadcrumb {
    margin-bottom: 10px;
}

    .btn-breadcrumb span, .btn-breadcrumb span:hover {
        background-color: #ee393f;
        color: #fff;
        border-color: #ee393f;
        cursor: default;
    }

    .btn-breadcrumb .btn:not(:last-child):after {
        content: " ";
        display: block;
        width: 0;
        height: 0;
        border-top: 17px solid transparent;
        border-bottom: 17px solid transparent;
        border-left: 10px solid white;
        position: absolute;
        top: 50%;
        margin-top: -17px;
        left: 100%;
        z-index: 3;
    }

    .btn-breadcrumb .btn:not(:last-child):before {
        content: " ";
        display: block;
        width: 0;
        height: 0;
        border-top: 17px solid transparent;
        border-bottom: 17px solid transparent;
        border-left: 10px solid rgb(173, 173, 173);
        position: absolute;
        top: 50%;
        margin-top: -17px;
        margin-left: 1px;
        left: 100%;
        z-index: 3;
    }

    /** The Spacing **/
    .btn-breadcrumb .btn {
        padding: 6px 12px 6px 24px;
    }

        .btn-breadcrumb .btn:first-child {
            padding: 6px 6px 6px 10px;
        }

        .btn-breadcrumb .btn:last-child {
            padding: 6px 18px 6px 24px;
        }

        /** Default button **/
        .btn-breadcrumb .btn.btn-default:not(:last-child):after {
            border-left: 10px solid #fff;
        }

        .btn-breadcrumb .btn.btn-default:not(:last-child):before {
            border-left: 10px solid #ccc;
        }

        .btn-breadcrumb .btn.btn-default:hover:not(:last-child):after {
            border-left: 10px solid #ebebeb;
        }

        .btn-breadcrumb .btn.btn-default:hover:not(:last-child):before {
            border-left: 10px solid #adadad;
        }

    .btn-breadcrumb a, .btn-breadcrumb a:hover {
        background-color: #2494f2;
        color: #fff;
        border-color: #2494f2;
        cursor: default;
    }

.icon_user {
    font-size: 16px !important;
    background: #e74c3c;
    border-radius: 50%;
    color: white;
    padding: 0px;
}

.icon_user_spn {
    /*color: #e74c3c;*/
    padding: 5px;
    /*text-transform: uppercase;*/
    font-size: 13px !important;
}

mark {
    color: white;
    background: #e74c3c;
    /*color: #ff0000;
    background: #fed700;*/
    padding: 0 3px;
    border-radius: 2px;
}
/*-----------Custom Event-----------------------*/
.fc-customEvent {
    position: absolute;
    bottom: 0px;
    font-size: 10px;
    color: #000;
    font-weight: bolder;
    margin: 4px 3px 0px 3px;
    overflow-wrap: break-word;
    line-height: 14px;
}

.fc-more-popover {
    top: 51% !important;
    left: 40% !important;
}
/*---------------------------- Organization Calander ----------------------------------------*/
.Cal_name {
    width: 13%;
}

.Cal_des {
    width: 30%;
}

.Cal_worhrday {
    width: 11%;
}

.Cal_weekofday {
    width: 35%;
}

/*---------bootstrap-dialog--------*/
.bootstrap-dialog.type-warning .modal-header {
}

.partial_hide {
    pointer-events: none;
}

.tble_head td {
    font-weight: bolder;
}
/*---------Time Card --------*/
.time_user {
    width: 14%;
}

.time_dev_comm {
    width: 25%;
}

.time_workday {
    width: 6%;
}

.time_unplan {
    width: 7%;
}

.time_overtime {
    width: 6%;
}

.time_meeting {
    width: 6%;
}

.time_vacation {
    width: 7%;
}

.time_totalhours {
    width: 10%;
}

.time_total_status {
    width: 9%;
}

.tble_head td {
    font-weight: bolder;
}
/*---------Time Card Daily activity--------*/
.time_daily_type {
    width: 9%;
}

.time_daily_act {
    width: 10%;
}

.time_daily_deta {
    width: 18%;
}

.time_daily_com {
    width: 18%;
}

.time_daily_nots {
    width: 18%;
}

.time_daily_wday {
    width: 5%;
}


.time_daily_unpla {
    width: 5%;
}

.time_daily_ovtime {
    width: 5%;
}

.time_daily_meetings {
    width: 5%;
}



.time_daily_vac {
    width: 5%;
}



.time_daily_tohours {
    width: 5%;
}

#myTab > li > a {
    line-height: 15px !important;
}

.activeDay {
    background-color: yellow !important;
}

.asgn_tab {
    width: 100%;
    overflow: hidden;
    overflow-x: scroll;
    padding: 10px 0;
    height: 399px;
}

.sm_cal_bckgd {
    background-color: white;
    /*height: 364px !important;*/
    padding: 0;
}
/*---------------------------------enter hours-------------------*/
.en_hrs_type {
    width: 12%;
}

.en_reshrs {
    width: 16%;
}

.en_hrs_BudDay {
    width: 25%;
}

.en_hrs_aphours {
    width: 16%;
}

#contentdivres {
    margin-top: 0;
}

    #contentdivres table.fc-border-separate, table.fc-border-separate.fc td, .fc th {
        /*width: 85px !important;*/
        height: 25px !important;
    }

    #contentdivres .fc-nonbusiness {
        width: 0px !important;
    }

    #contentdivres .fc-sun {
        width: 50px !important;
    }

    #contentdivres .fc-sat {
        width: 50px !important;
    }

    #contentdivres .fc-bg .fc-sat {
        background: rgba(128, 128, 128, 0.12);
    }

    #contentdivres .fc-bg .fc-sun {
        background: rgba(128, 128, 128, 0.12);
    }

.inpt_hvr:hover {
    height: 100px !important;
}

#contentdivres .fc-sat .fc-day-number {
    /*margin-right: -14px;*/
}

/*input[type=checkbox], input[type=radio] {
    margin: 0px 0 0 !important;
    margin-top: 1px\9;
    line-height: normal;
}*/

#Activity_Planner #tab_vew .tab-content {
    padding: 0;
}

.tb_spce {
    padding: 0 5px;
}

#content_timecard .fc-content {
    margin-left: 23%;
}

#content_timecard .fc-bg .fc-sat {
    background: rgba(128, 128, 128, 0.12);
}

#content_timecard .fc-bg .fc-sun {
    background: rgba(128, 128, 128, 0.12);
}

#content_timecard .fc-nonbusiness {
    width: 0px !important;
}

#content_timecard .fc-sun {
    width: 55px !important;
}

#content_timecard .fc-sat {
    width: 55px !important;
}

.txt_center_popup {
    text-align: center;
}

#contentdivres .fc-event, #contentdivres .fc-event:hover, #contentdivres .ui-widget .fc-event {
    color: #000 !important;
    /*background-color: #fff !important;*/
    width: 60px;
    padding: 0;
}

.txt_wrap {
    white-space: nowrap;
}

.tab_aln {
    margin-top: 6px;
    padding: 0px 4px;
}

/*.fc-basic-view .fc-body .fc-row {
    min-height: inherit;
    height: 81px !important;
}*/
#contentdivres .fc-day-grid-event .fc-content {
    white-space: nowrap;
    overflow: hidden;
    /* margin-bottom: -32px; */
    margin-top: -24px;
    line-height: 32px;
}

.rpt_wdth {
    width: 10%;
}

.rpt_wk_wdth {
    width: 15%;
}

.mrgn_del {
    margin-bottom: 21px;
}

.select2-container-multi .select2-choices {
    z-index: 2 !important;
    overflow-y: auto;
}

.tmentry {
    margin-top: 11px;
}

.lov_mrgn {
    margin-top: -15px;
}

.phase_tab_wdth {
    width: 20%;
}

.Del_tab_wdth {
    width: 68% !important;
}

.Del_bckrnd {
    background: rgba(128, 128, 128, 0.22) !important;
}

.phase_txt_wdth {
    width: 11%;
}

.phase_txtstatus_wdth {
    width: 16%;
}


.error_style {
    padding: 100px 0;
}

    .error_style .tp {
        border-top: 1px solid rgba(154, 154, 154, 0.24);
        border-bottom: 1px solid rgba(154, 154, 154, 0.24);
        margin-bottom: 0px;
        text-align: center;
        padding: 0;
    }

    .error_style h1 { /* float: left; */
        margin-top: 0;
        font-size: 80px;
        margin: 0px;
        padding: 0;
        text-align: center;
        text-shadow: 4px 4px #c3c3c3, 9px 3px #e2e2e2;
    }

    .error_style h2 { /* float: right; */
        font-size: 18px;
        text-transform: none;
        margin-top: 20px;
        margin-bottom: 0;
        text-align: center;
    }

    .error_style p {
        font-weight: normal;
        text-transform: none;
        text-align: center;
        font-size: 16px;
        font-family: calibri, sans-serif, Arial;
    }

    .error_style .act_btn {
        padding: 10px;
        border: 1px solid #CCCCCC;
    }

    .error_style a {
        color: #fff;
    }

        .error_style a.btn-lg {
            color: #fff !important;
            font-size: 11px;
            background-color: #0197d6;
            text-shadow: 1px 1px 1px #111;
            padding: 6px 15px;
            border: none;
            /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#0197d6+0,0069aa+100 */
            background: #0197d6; /* Old browsers */
            background: -moz-linear-gradient(top, #0197d6 0%, #0069aa 100%); /* FF3.6+ */
            background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0197d6), color-stop(100%,#0069aa)); /* Chrome,Safari4+ */
            background: -webkit-linear-gradient(top, #0197d6 0%,#0069aa 100%); /* Chrome10+,Safari5.1+ */
            background: -o-linear-gradient(top, #0197d6 0%,#0069aa 100%); /* Opera 11.10+ */
            background: -ms-linear-gradient(top, #0197d6 0%,#0069aa 100%); /* IE10+ */
            background: linear-gradient(to bottom, #0197d6 0%,#0069aa 100%); /* W3C */
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0197d6', endColorstr='#0069aa',GradientType=0 ); /* IE6-9 */
            border-radius: 3px;
            -webkit-border-radius: 3px;
            -moz-border-radius: 3px;
            -ms-border-radius: 3px;
            -o-border-radius: 3px;
            cursor: pointer;
        }

.grp_app_wdth {
    width: 10%;
}

.obj_wdth_tbl {
    width: 30% !important;
    padding: 4px;
}

.obj_wdth_tbl2 {
    width: 70% !important;
    padding: 4px;
}

.ov_nt_wdth {
    width: 38% !important;
}

.dyn_div {
    background: rgba(224, 222, 222, 0.42) !important;
    /* border: 1px solid !important; */
    height: 449px !important;
    overflow: auto;
    border-radius: 5px;
    margin-top: -37px !important;
}

.obj_container {
    width: 612px !important;
    background: lightgray;
}

.obj_name {
    margin-left: -57px !important;
    /* margin-bottom: 6px; */
    margin-top: 5px !important;
}

.obj_con {
    margin-left: -13px;
    margin-top: 5px;
}

.ritch_txt {
    width: 97% !important;
    height: 88px !important;
    margin-left: 25px !important;
    margin-top: -3px !important;
}

.grp_head {
    margin-left: 16px;
    font-size: 14px;
    font-family: inherit;
}

.time_cost_mrgn {
    margin-top: 19px;
}

.time_cost_cal {
    text-align: center;
}

.chart_combo_wdth {
    width: 145px !important;
}

.chart_type, .chart_category {
    position: relative;
    margin: 0 auto;
    padding: 1px !important;
}

.k-state-selected {
    background-color: #8fc7f7 !important;
    border-color: none;
}

    .k-state-selected a {
        background-color: #8fc7f7 !important;
        color: #fff;
        border-color: #428bca;
    }

.cal_pic {
    width: 250px !important;
}


.display-row .form-control .ref_col_lov {
    display: block !important;
}

.resrs_type_wdth {
    width: 6% !important;
}

.cus_mrgn {
    margin-right: 200px !important;
    font-size: 24px;
    text-align: center;
}

.k-picker-wrap {
    height: 26px !important;
}

.timepicker {
    height: 17px !important;
}

/*.k-event {
    top: 462px !important;
    width: 115px !important;
    left: 2px !important;
    height: 100px !important;
}*/
.Holiday_cal {
    padding: 0px 51px !important;
    margin-left: 280px !important;
}

    .Holiday_cal #contentdivres {
        margin-top: -8px !important;
        width: 70% !important;
    }

    .Holiday_cal #scheduler .k-scheduler-content {
        height: 575px !important;
    }

    .Holiday_cal #scheduler {
        height: 650px !important;
        overflow: hidden !important;
    }

    .Holiday_cal .k-scheduler-table .k-today, .k-today > .k-scheduler-datecolumn, .k-today > .k-scheduler-groupcolumn {
        background-color: #f1e9b7 !important;
    }

.Jdate_pic, .JPlnrdate_pic {
    height: 21px !important;
    width: 105px !important;
}


.ui-datepicker-year {
    color: black !important;
}

.ui-widget-header {
    border: 1px solid #908e8b !important;
    background: #bdb9b3 url(images/ui-bg_gloss-wave_35_f6a828_500x100.png) 50% 50% repeat-x !important;
    color: #ffffff;
    font-weight: bold;
}


/*activity reference colunms checkbox align command design change by parthiban*/
.check_ali_mva {
    margin-left: 37% !important;
}

.ref_col_sq {
    width: 2%;
}

.ref_col_act {
    width: 12%;
}

.ref_col_objn {
    width: 12%;
}

.ref_col_col {
    width: 12%;
}

.ref_col_disp {
    width: 10%;
}

.ref_col_mva {
    width: 10%;
}

.ref_col_df {
    width: 7%;
}

.ref_col_ken {
    width: 7%;
}

.ref_col_gp {
    width: 10%;
}

.ref_col_action {
    width: 10%;
}

.check_ali_df {
    margin-left: 33% !important;
}

.ref_enb_df {
    margin-left: 26% !important;
}

.check_ali_ken {
    margin-left: 39% !important;
}

.ref_enb_ken {
    margin-left: 33% !important;
}

.check_ali_gy {
    margin-left: 16% !important;
}

.ref_enb_gy {
    margin-left: 10% !important;
}


.prj_notes {
    width: 2%;
}

.dte_picker_m_btm {
    margin-bottom: 7px !important;
}

.dte_picker_m_btm_audit {
    margin-bottom: 7px !important;
    width: 110px !important;
}

.k-picker-wrap .k-input {
    width: 100% !important;
}

.endDt_frz {
    pointer-events: none;
}

.cal_wohrs {
    width: 15%;
}

.cal_wonewhrs {
    width: 20%;
}

.cal_by {
    width: 10%;
}

.Jdate_pic_cal {
    height: 21px !important;
    width: 105px !important;
}

.cal_bckgd {
    background-color: white;
    padding: 0;
}

.cal_tb_spce {
    padding: 0 5px;
    margin-top: -2%;
}

#scheduler .k-scheduler-toolbar, .k-scheduler-footer {
    /* make them invisible
       prevent height and paddings from influencing the size calculations */
    display: none;
    height: 0;
    padding: 0;
    overflow: hidden;
}

.k-event {
    /*top: 106px !important;
    width: 99px !important;
    left: 106px !important;*/
    height: 21px !important;
}

.rpt_bck_clr {
    background-color: rgba(169, 169, 169, 0.22) !important;
    /*margin-top: -19px;*/
}

.k-scheduler-header {
    text-align: center;
    background-color: #2494f2 !important;
    color: #fff !important;
}

.srchbtn_aln {
    padding: 2px 11px;
    margin-right: 48px;
}


/*Dynamic Dashboard*/
#sidebar.active .lft_side {
    width: 0%;
}

.lft_side {
    background-color: #f6f6f6;
    padding: 3px;
    width: 100%;
    float: left;
    font-family: 'roboto';
    height: 630px !important;
}
/* CSS Tree menu styles */
ol.tree {
    padding: 0 0 0 30px;
    width: 300px;
}




.lft_side li {
    position: relative;
    margin-left: -5px;
    list-style: none;
}

    .lft_side li.file {
        margin-left: -1px !important;
    }

        .lft_side li.file span {
            background: url(../images/q.png) 5px 4px no-repeat;
            padding-left: 30px;
            text-decoration: none;
            display: block;
            cursor: pointer;
            font-size: 13px;
            line-height: 30px;
        }

        .lft_side li.file a[href *= '.pdf'] {
            background: url(document.png) 0 0 no-repeat;
        }

        .lft_side li.file a[href *= '.html'] {
            background: url(document.png) 0 0 no-repeat;
        }

        .lft_side li.file a[href $= '.css'] {
            background: url(document.png) 0 0 no-repeat;
        }

li.file a[href $= '.js'] {
    background: url(document.png) 0 0 no-repeat;
}

.lft_side li input {
    /*position: absolute;
    left: 0;
    margin-left: 0;
    opacity: 0;
    z-index: 2;
    cursor: pointer;
    height: 1em;
    width: 1em;
    top: 0;*/
}

    .lft_side li input + ol {
        /*background: url(../images/toggle-small-expand.png) 40px 0 no-repeat;*/
        margin: -0.938em 0 0 -44px; /* 15px */
        height: 1em;
    }

        .lft_side li input + ol > li:first-child {
            margin-top: -4px !important;
        }

        .lft_side li input + ol > li {
            display: none;
            margin-left: -14px !important;
            padding-left: 1px;
            margin-top: -9px !important;
        }

.lft_side li label {
    background: url(../images/rt.png) 4px 3px no-repeat;
    cursor: pointer;
    display: block;
    padding-left: 27px;
    margin-bottom: -1px;
    font-size: 13px;
    font-weight: 700;
}

.lft_side ol li label {
    background: url(../images/g.png) 15px 4px no-repeat;
    padding-left: 37px;
    font-size: 13px;
    padding-top: 0;
    margin-top: 0px;
}

.lft_side li input:checked + ol {
    /*background: url(../images/toggle-small.png) 40px 5px no-repeat;*/
    /*		margin: -1.25em 0 0 -44px;
		padding: 1.563em 0 0 80px;*/
    margin-left: 0;
    padding-left: 9px;
    margin-top: 0;
    padding-top: 0;
    height: auto;
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

    .lft_side li input:checked + ol ol {
        padding-left: 16px;
        -webkit-animation-name: fadeInUp;
        animation-name: fadeInUp;
        -webkit-animation-duration: 1s;
        animation-duration: 1s;
        -webkit-animation-fill-mode: both;
        animation-fill-mode: both;
    }

    .lft_side li input:checked + ol > li {
        display: block;
        margin: 0 0 0.125em; /* 2px */
        margin-bottom: 2px !important;
    }

        .lft_side li input:checked + ol > li a {
            color: #333;
            font-size: 13px;
            /* background: url(../images/q.png) 5px 4px no-repeat; */
            /* display: block; */
        }

        .lft_side li input:checked + ol > li:last-child {
            margin: 0 0 0.063em; /* 1px */
            margin-bottom: 5px !important;
        }

        .lft_side li input:checked + ol > li span:hover, .lft_active {
            /*background-color: #008cbf !important;*/
            color: #008cbf !important;
        }

li input:checked + ol > li a .lft_active {
    /*background-image: url(../images/q_white.png);*/
}

.lft_side li.file span.algn {
    line-height: 18px;
    padding-top: 4px;
    margin-bottom: 7px;
}

.rgt_side {
    padding: 5px;
    width: 100%;
    float: right;
    margin-left: 0;
    padding-top: 0;
    height: auto !important;
}


.col-md-2 {
    width: 6.666667%;
}



#tabstrip123 .k-content {
    background: none transparent;
    border-width: 0;
    margin: 0;
    padding: 0;
}

/*.dyn_drp {
    margin-left: 15px !important;
}*/

.ul_referenceList {
    display: block;
    list-style-type: disc;
    padding-left: 40px;
    margin: 6px !important;
}

.lbl_FL {
    padding: 0px 9px;
}

.mile_fltr_mrgn {
    margin-top: 21px;
    display: inline-flex;
    padding-left: 11px;
}

.cmn_scr {
    padding: 0px 18px !important;
}

.Jdate_pic {
    border: none !important;
}

.cal_actn_ins {
    padding-left: 28px;
}

.cal_actn_ins_del {
    padding-left: 43px;
}

.k-scheduler-table tbody > tr > th {
    color: white !important;
}

.dyn_editor {
    /*height: 490px !important;
    overflow-y: auto !important;*/
}

.dyn_grid .table > thead > tr > th.del, .table > thead > tr > td.actn, .actn {
    width: 30px;
    vertical-align: middle !important;
}

    .actn > a.edit-icon i {
        color: #0cba62 !important;
        font-size: 13px;
        position: static !important;
        top: 14px;
        left: 15px;
    }

    .actn > a.delete-icon i {
        color: #f73c54 !important;
        font-size: 13px;
        position: static !important;
        top: 14px;
        left: 15px;
    }


.zmdi-save {
    color: #0cba62 !important;
    font-size: 13px;
    position: static !important;
    top: 14px;
    left: 15px;
}

.cancel-icon, .zmdi-close-circle-o {
    color: #f73c54 !important;
    font-size: 13px;
    position: static !important;
    top: 14px;
    left: 15px;
}

.user_text {
    line-height: 0px !important;
}

.resourcehide {
    pointer-events: none !important;
}

.cmn_rpt_aln {
    /*margin-top: 0px;*/
    /*background: #e2dede;*/
    height: 421px !important;
}

.cmn_left_mrgn {
    margin-top: 0px !important;
}

.rscr_cmn_height {
    /*height: 355px !important;*/
}

.rscr_chrt_combo {
    position: relative !important;
    margin: 0 auto !important;
    padding-top: 9px !important;
}

.dt_wdth_com {
    width: 11%;
}

.prj_time_mrgn {
    margin-top: 0px !important;
}

.act_type_skil {
    width: 10%;
}

.resrs_lname {
    width: 8% !important;
}

.resrc_eba {
    width: 10%;
}

.resrc_cno {
    width: 9%;
}

.resrc_rol_grp {
    width: 14%;
}


#popupcontentdiv {
    position: relative !important;
    margin: 0 auto;
}

.popupDragg {
    position: absolute !important;
    margin: 400px !important;
}


/*.tooltips :hover
{
 height: 100px !important;
 background-color: #ffffff;
}*/


/*Sumo select*/
.SumoSelect > .CaptionCont {
    position: relative;
    /* border: 1px solid #A4A4A4; */
    min-height: 10px;
    background-color: #fff;
    border-radius: 0px;
    margin: -11px;
}



.edit_row .SumoSelect {
    color: #252525;
    background-color: #fff;
    font-size: 14px;
    border-radius: 0px;
    -webkit-border-radius: 3px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05) inset;
    /* padding: 6px; */
    padding: 0px 2px;
    height: 0px;
    position: relative;
}



    .edit_row .SumoSelect p {
        text-align: justify;
        line-height: 14px;
        font-size: 13px;
        border: 0.5px solid #ccc;
    }


/*.k-content k-state-active {
  //  height: 200px;
}*/
/*.tool_id span:hover {
    color: red !important;
    background-color: red !important;
}*/

.k-tabstrip > .k-content {
    overflow: inherit !important;
}

.gen_rpt {
    color: #2693f4 !important;
    padding: 0px 16px !important;
}

.SumoSelect > .CaptionCont > span {
    display: block;
    padding-right: 30px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    cursor: default;
    /* padding: 0px 6px; */
    padding-bottom: 4px;
}


.SumoSelect > .optWrapper > .options li.opt label, .SumoSelect > .CaptionCont, .SumoSelect .select-all > label {
    user-select: none;
    -o-user-select: none;
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    font-weight: normal;
}

.easyui-panel .panel-body .panel-body-noheader {
    font-family: "Segoe UI Emoji";
    font-style: normal;
}


.k-toolbar > * {
    display: inline-flex !important;
}
/********Temp Message Style start***********/
.msg_overlay {
    width: 100%;
    height: 100%;
    position: fixed;
    background-color: rgba(17, 17, 17, 0.58);
    z-index: 9;
    left: 0;
    top: 0;
}

.bg_overlay_hide {
    display: none;
    opacity: 0;
    visibility: hidden;
    transition: all 1s ease-in-out 0s;
    -webkit-transition: all 1s cubic-bezier(1, -0.01, 0, 1.21) 0s;
    -moz-transition: all 1s ease-in-out 0s;
    -ms-transition: all 1s ease-in-out 0s;
    -o-transition: all 1s ease-in-out 0s;
}

.bg_overlay_show {
    display: block;
    opacity: 1;
    visibility: visible;
    z-index: 103;
    transition: all 1s ease-in-out 0s;
    -webkit-transition: all 1s cubic-bezier(0.4, 0, 1, 1) 0s;
    -moz-transition: all 1s ease-in-out 0s;
    -ms-transition: all 1s ease-in-out 0s;
    -o-transition: all 1s ease-in-out 0s;
    -webkit-transition: width 2s; /* Safari */
    -webkit-transition-timing-function: linear; /* Safari */
    transition: width 2s;
    transition-timing-function: linear;
}
/*Popu up*/
.bg_overlay_hide, .bg_overlay_hide1 {
    display: none;
    opacity: 0;
    visibility: hidden;
    transition: all 1s ease-in-out 0s;
    -webkit-transition: all 1s cubic-bezier(1, -0.01, 0, 1.21) 0s;
    -moz-transition: all 1s ease-in-out 0s;
    -ms-transition: all 1s ease-in-out 0s;
    -o-transition: all 1s ease-in-out 0s;
}

.bg_overlay_show, .bg_overlay_show1 {
    display: block;
    opacity: 1;
    visibility: visible;
    z-index: 103;
    transition: all 1s ease-in-out 0s;
    -webkit-transition: all 1s cubic-bezier(0.4, 0, 1, 1) 0s;
    -moz-transition: all 1s ease-in-out 0s;
    -ms-transition: all 1s ease-in-out 0s;
    -o-transition: all 1s ease-in-out 0s;
}

.popup_iner {
    position: relative;
    width: 790px;
    background-color: #66BF4D;
    top: 0;
    z-index: 999;
    margin: 9.7% auto;
    border: 3px solid rgba(23, 21, 21, 0.71);
    color: #fff;
    font-size: 20px;
    text-shadow: 1px 1px 1px #17420A;
}

    .popup_iner p {
        margin-left: 11px;
        padding: 4px;
        margin-bottom: 0;
        font-size: 20px !important;
    }




.chart-wrapper {
    /*margin-top: 5px !important;*/
}

.prj_rpt_mrgnlft {
    margin-left: -16px !important;
}

.prj_rpt_mrgnrht {
    margin-left: 16px !important;
}
/******Temp Message Style End***************/
.rpt_canvas {
    background: #347ab7;
    color: #ffffff;
    font-size: 16px;
}

.rpt_can_td {
    border-right: 2px solid #ffffff !important;
}

.k-today, .k-nonwork-hour, .k-today.k-nonwork-hour {
    background-color: #FFFFFF !important;
}

    .customNonwork, .k-today.k-nonwork-hour.customNonwork {
        background-color: #DDD !important;
    }

.Calother-month {
    display: none !important;
}

.Caldayhighlight {
    background-color: #DEDEDE;
}

.Calotherdates {
    pointer-events: none;
    content: none;
}
/*popup form currency message*/
.popup_iner_houst {
    position: relative;
    width: 790px;
    background-color: #66BF4D;
    top: 0;
    z-index: 999;
    margin: 9.7% auto;
    border: 3px solid rgba(23, 21, 21, 0.71);
    color: #fff;
    font-size: 20px;
    text-shadow: 1px 1px 1px #17420A;
}

    .popup_iner_houst p {
        margin-left: 11px;
        padding: 4px;
        margin-bottom: 0;
        font-size: 20px !important;
    }



.pp_Curr {
    display: block;
    color: #fff;
    text-align: center;
    padding: 8px 6px;
    font-size: 18px;
    text-transform: capitalize;
    border-radius: 3px 3px 0 0;
}

    .pp_Curr i {
        color: #f8f4f3;
        position: absolute;
        right: 12px;
        top: 16px;
        cursor: pointer;
    }

        .pp_Curr i:hover {
            color: #111;
        }

.resrc_rol {
    width: 15%;
}

.resrc_res_name {
    width: 20%;
}

.bug_res_name {
    width: 12%;
}

.stg_mstr_tblwidth {
    width: 45% !important;
}
/*Notifications*/

.pge_hd_dash {
    /* background-color: #1d66a3; */
    color: #fff;
    padding: 7px 7px 7px 14px;
    margin-top: 0px;
}

.notifi_box {
    height: 500px;
    padding: 10px;
    border: 2px solid #aeaeae;
    min-height: 20px;
    padding: 19px;
    margin-bottom: 20px;
    background-color: #f5f5f5;
    border: 1px solid #e3e3e3;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.05);
    box-shadow: inset 0 1px 1px rgba(0,0,0,0.05);
}

.ra-well-title {
    font-size: 2em;
    line-height: 1.2857em;
    border-bottom: 1px solid #e7e7e7;
    margin: -5px -19px 0.8333em;
    padding: 0 19px 0.7222em;
    text-align: center;
    font-family: "Segoe UI Emoji";
}

.pne_hed {
    padding: 0px 5px !important;
    background-color: #ffffff !important;
    border-color: #a8a5a5 !important;
}

.dash_panel_body {
    padding: 3px !important;
}

.not_div {
    margin-top: -33px !important;
}

.res_no_space {
    margin: 0;
    padding: 6px;
}

.noty_text {
    text-align: center;
    padding-bottom: 8px !important;
    color: white;
}

#content-3 .mCSB_inside > .mCSB_container {
    margin-right: 0px !important;
}


#content-3 {
    float: left;
    margin: 10px 0px !important;
}

.bdy_lft {
    width: 76px;
    float: left;
    background-color: #03273D;
    padding: 0;
    height: 100%;
    position: fixed;
    z-index: 91;
    padding-top: 76px;
}

.medium {
    height: 467px;
    overflow: hidden;
    overflow-y: auto;
}

.fixed_header {
    background-color: #2494f2;
    color: #fff;
    width: 100%;
    float: left;
    padding: 7px 0px 0px 0px;
    font-size: 18px;
    text-transform: capitalize;
    border-radius: 5px 5px 0px 0px;
    -webkit-border-radius: 5px 5px 0px 0px;
    -moz-border-radius: 5px 5px 0px 0px;
    -o-border-radius: 5px 5px 0px 0px;
    -ms-border-radius: 5px 5px 0px 0px;
    text-shadow: 1px 2px 1px #0F3145;
}

.text-left {
    text-align: left;
}

.div_stat {
    padding-top: 5px;
}

.mCSB_scrollTools_vertical {
    margin-right: -7px !important;
}

.act_name {
    width: 140px;
}

.act_Score_st {
    width: 33px;
}

.act_st_st {
    width: 100px;
}


/*-----Notes Info Style-----------*/
.grd_lgnd .label-mini {
    padding: 0px 5px;
    float: left;
    width: 10px;
    height: 10px;
    margin: 0 3px 0 6px;
    margin-top: 10px;
}

.activity-template {
    font-weight: bolder;
}

.grd_lgnd label {
    margin-right: 4px;
}

.grd_lgnd em {
    font-size: 12px;
}

.label-calevent {
    background-color: #f99b63 !important;
}

.label-calholiday {
    background-color: #9a9797 !important;
}

.label-calcompen {
    background-color: #77c1ff !important;
}

.label-timecard {
    background-color: #76abd9 !important;
}

.label-complete {
    background-color: #2593f3 !important;
}

.label-del {
    background-color: #d9534f;
    border-color: #d43f3a;
}

/*-----Calendar Event Style----------*/
.CalHolidayEvent {
    border-color: #9a9797 !important;
    background: #9a9797 0 -257px url(kendo/2017.3.913/textures/highlight.png) repeat-x !important;
    font-family: "Segoe UI Emoji";
    line-height: 20px;
    font-style: normal;
    color: white;
    width: 100%;
    height: 100%;
}

.CalCompenEvent {
    border-color: #77c1ff !important;
    background: #77c1ff 0 -257px url(kendo/2017.3.913/textures/highlight.png) repeat-x !important;
    font-family: "Segoe UI Emoji";
    line-height: 20px;
    font-style: normal;
    width: 100%;
    height: 100%;
    color: white;
}



.CalActivity {
    border-color: #f99b63;
    background: #f99b63 0 -257px url(kendo/2017.3.913/textures/highlight.png) repeat-x;
    color: white;
    width: 100%;
    height: 100%;
}

.CalTimecard {
    border-color: #76abd9;
    background: #76abd9 0 -257px url(kendo/2017.3.913/textures/highlight.png) repeat-x;
    color: white;
    width: 100%;
    height: 100%;
}
/*-------Set separate style for Activities------------*/
.CalPendingEstActivity {
    border-color: #f99b63;
    background: #f99b63 0 -257px url(kendo/2017.3.913/textures/highlight.png) repeat-x;
    color: white;
    width: 100%;
    height: 100%;
}

.CalApproveActivity {
    border-color: #72b173;
    background: #72b173 0 -257px url(kendo/2017.3.913/textures/highlight.png) repeat-x;
    color: white;
    width: 100%;
    height: 100%;
}

.CalPApprovalActivity {
    border-color: #dd4946;
    background: #dd4946 0 -257px url(kendo/2017.3.913/textures/highlight.png) repeat-x;
    color: white;
    width: 100%;
    height: 100%;
}

.CalCompleteActivity {
    border-color: #2593f3;
    background: #2593f3 0 -257px url(kendo/2017.3.913/textures/highlight.png) repeat-x;
    color: white;
    width: 100%;
    height: 100%;
}

.CalColseActivity {
    border-color: #3c763d;
    background: #3c763d 0 -257px url(kendo/2017.3.913/textures/highlight.png) repeat-x;
    color: white;
    width: 100%;
    height: 100%;
}

.help_icon {
    background-image: url('easyui/icons/help.png');
}

.project-header {
    position: relative;
    padding: 10px 20px 10px 30px;
}

#TimeCardscheduler .k-scheduler-toolbar {
    display: none;
}


.tab_con_time {
    height: 506px;
    background: url(../images/bodyBg.png) repeat;
}

.tble_spce_time {
    background-color: rgba(171, 171, 171, 0.18);
    margin-top: -16px;
}

#ResWorkBanchscheduler .k-scheduler-toolbar, .k-scheduler-footer {
    /* make them invisible
       prevent height and paddings from influencing the size calculations */
    display: none;
    height: 0;
    padding: 0;
    /*overflow: hidden;*/
}

#ResWorkBanchscheduler .k-more-events .k-button {
    display: none;
}

.work_year_month {
    background-color: whitesmoke;
    margin-left: 10px;
    float: left;
    width: 100%;
    color: black;
    margin-top: -17px;
    height: auto;
}


#workyear .k-picker-wrap {
    width: 167px !important;
    margin-top: -1px;
    /* margin-left: -2px; */
    height: 29px !important;
}

.monthpicker {
    height: 21px !important;
    width: 105px !important;
    margin-top: 6px;
}

.devact_name {
    width: 312px;
}

.devact_Score_st {
    width: 100px;
}

.dev_act_st_st {
    width: 167px;
}

/*.rgt_side {
    height: 900px !important;
    overflow: auto !important;
}*/
.toggle_diagwdth {
    width: 50px;
}

.diag_row {
    display: -webkit-box !important;
    margin: 0 auto !important;
}



.dig_partial {
    height: 771px !important;
    overflow: auto !important;
    width: 100% !important;
}

.time {
    margin-top: 0px !important;
}

.time_cnt_spce {
    padding: 7px;
}

.time_work_year_month {
    background-color: whitesmoke;
    margin-left: 9px;
    float: left;
    width: 100%;
    color: black;
    margin-top: -17px;
}

#TimeCardscheduler .k-event-template {
    padding: 2px 0px 1px 2px !important;
}

.planner_tabs {
    background-color: #2593f3;
    color: white;
}

.va_res_name {
    margin-top: 5px;
    margin-left: 14px;
}

#flow_chrt {
    margin-top: 5px;
}

.flwDiag_partial {
    overflow: auto;
    height: 605px;
}

/*--------Custom Kendo UI Notification------------------*/
.k-notification {
    border: 0;
}
/* Error template */
.k-notification-error {
    color: #fff !important;
    background-color: #d92800;
    border-color: #ffcdd2;
    height: 35px;
}

.k-notification-wrap {
    padding: 2px 20px 30px 10px !important;
    font-size: 14px;
}

.wrong-pass {
    width: 350px !important;
    height: 86px !important;
}

    .wrong-pass h3 {
        font-family: "Segoe UI Emoji";
        font-style: normal;
        display: inline-block;
        vertical-align: middle;
        font-size: 14px !important;
        margin-top: 26px !important;
        margin-bottom: -19px !important;
        color: #fff !important;
    }

    .wrong-pass img {
        float: left;
        margin: 30px 15px 30px 30px;
    }


/* Success template */
.k-notification-success {
    background: rgba(0%,60%,0%,.7);
    color: #fff;
    height: 35px;
}

.k-notification-upload-success {
    background: rgba(0%,60%,0%,.7);
    color: #fff;
    height: 86px !important;
}

.upload-success {
    width: 350px !important;
    height: 86px !important;
    padding: 0 30px;
    line-height: 100px;
}

    .upload-success h3 {
        font-family: "Segoe UI Emoji";
        font-style: normal;
        display: inline-block;
        vertical-align: middle;
        font-size: 18px !important;
        margin-top: 27px !important;
        margin-bottom: 9px !important;
        color: #fff !important;
    }

    .upload-success img {
        display: inline-block;
        vertical-align: middle;
        margin-right: 10px;
    }

.hierar_table {
    height: 200px !important;
}



.rTable {
    display: table;
    width: 100%;
}

.rTableRow {
    display: table-row;
    background-color: #2593f3;
    color: white;
}

.rTableRow_tree {
    display: table-row;
    height: 200px;
}

.rTableRow_tree_web {
    display: table-row;
    height: 200px;
}

.rTableHeading {
    display: table-header-group;
    background-color: #ddd;
}

.rTableCell, .rTableHead {
    display: table-cell;
    padding: 3px 10px;
    border: 1px solid #999999;
    /*width: 34% !important;*/
}

.rTableHeading {
    display: table-header-group;
    background-color: #ddd;
    font-weight: bold;
}

.hi_tree_tb {
    margin-top: 6px;
}

.leve_prnt_redonly {
    pointer-events: none !important;
    background-color: #eae8e8;
}

.tree_dy {
    width: 32%;
}

.tree_st {
    width: 32%;
}

.web_tree_st {
    width: 15%;
}

.tree_unass {
    width: 32%;
}

.dig_toggle {
    position: relative !important;
    /* margin-left: 27px; */
    margin-right: 21px;
    margin-top: -7px;
}

.select_icon {
    position: static !important;
    top: 14px;
    left: 15px;
    color: #0cba62;
    font-size: 20px !important;
}

.plus_icon {
    position: static !important;
    color: white;
}

.plus_hi {
    float: right;
    margin-top: -16px;
}

.plus_strhi {
    float: right;
}

.medium_hi {
    height: 200px;
}

/*#tblColumns .tbody_fix {
    height: 100px;
    display: block;
}
#tblColumns {
    border-collapse: collapse;
    width: 300px;
    overflow: hidden;
    display: block;
}*/


.seqWdth {
    width: 2% !important;
}

#pseudoTable td {
    font-size: 20px !important;
    background-color: white;
}


#pseudoTableCreate .form-control {
    border: 0 !important;
}

.display-row span.k-colorpicker {
    display: contents !important;
}

.display-row .k-icon:before {
    top: 17px !important;
}

.hi_drop {
    margin-left: 22%;
    margin-top: -17px;
}

.integration_drop {
    /* margin-left: 22%; */
    margin-top: -27px;
    float: right;
}

.hi_inp_drop {
    color: #252525;
    background-color: #fff;
    font-size: 14px;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05) inset;
    padding: 6px;
    padding: 0px 0px;
    height: 20px;
    position: relative;
}

.tdInput {
    border-color: #66afe9;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);
}

.mCSB_inside > .mCSB_container {
    margin-right: 0px;
}

.nicescroll-rails {
    z-index: 99 !important;
}

.nicescroll-cursors {
    height: 213px !important;
    background-color: rgb(66, 66, 66) !important;
    border: 0px solid rgb(255, 255, 255) !important;
    width: 6px !important;
    border-radius: 0px !important;
}


.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #9db7da;
    /*background-color: rgba(0,0,0,.4);*/
    filter: "alpha(opacity=40)";
}

.mCSB_dragger {
    position: relative !important;
}

#contextMenu23 {
    display: none;
    position: relative !important;
    left: 10px !important;
    top: 10px !important;
}



.lblHeader {
    font-family: 'Roboto';
    font-weight: 500;
    color: #363638;
    margin: 0px;
    padding: 0px;
    padding-bottom: 20px;
    clear: both;
    font-size: 20px;
}

.hi_inp_drop_read {
    color: #252525;
    font-size: 14px;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05) inset;
    padding: 6px;
    padding: 0px 0px;
    height: 20px;
    position: relative;
}



.divmark mark {
    background-color: transparent !important;
    color: black !important;
    padding: 0;
    margin: 0;
}

/*Web UI Design*/
.page_ta_ul {
    margin-left: 20px;
}

.page_ta-li {
    margin: -15px 0;
}

.icon-parent {
    background: url(../images/ag.gif) no-repeat center center !important;
}

.icon-child {
    background: url(../images/at.gif) no-repeat center center !important;
}

.webtab_hi {
    height: 250px !important;
}

.WebUI_medium_hi {
    height: 250px;
}

.scroll_custom_int_tree {
    height: 600px !important;
}

.W_tble_spce {
    padding: 6px;
    background-color: rgba(171, 171, 171, 0.18);
}

.Web_lbl {
    width: 27%;
}

.web_drop {
    margin-left: 3%;
}

.web_droptxt {
    color: #252525;
    font-size: 14px;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05) inset;
    padding: 6px;
    padding: 0px 0px;
    position: relative;
}

.Web_tbox1 {
    width: 30%;
    height: 20px !important;
}

.Web_tbox2 {
    width: 77%;
    height: 20px !important;
}

.Web_tbox3 {
    width: 75px !important;
    height: 20px !important;
}

.Web_lbl3 {
    width: 11%;
}

.weblbl1 {
    width: 25.666667%;
}

.lbl_web {
    font-weight: 100 !important;
}

.tab_name {
    width: 15px;
}

/*-----------Pre Loader for Tree List----------------*/
@keyframes blink {
    /**
     * At the start of the animation the dot
     * has an opacity of .2
     */
    0% {
        opacity: .2;
    }
    /**
     * At 20% the dot is fully visible and
     * then fades out slowly
     */
    20% {
        opacity: 1;
    }
    /**
     * Until it reaches an opacity of .2 and
     * the animation can start again
     */
    100% {
        opacity: .2;
    }
}

.loading span {
    /**
     * Use the blink animation, which is defined above
     */
    animation-name: blink;
    /**
     * The animation should take 1.4 seconds
     */
    animation-duration: 1.4s;
    /**
     * It will repeat itself forever
     */
    animation-iteration-count: infinite;
    /**
     * This makes sure that the starting style (opacity: .2)
     * of the animation is applied before the animation starts.
     * Otherwise we would see a short flash or would have
     * to set the default styling of the dots to the same
     * as the animation. Same applies for the ending styles.
     */
    animation-fill-mode: both;
}

    .loading span:nth-child(2) {
        /**
     * Starts the animation of the third dot
     * with a delay of .2s, otherwise all dots
     * would animate at the same time
     */
        animation-delay: .2s;
    }

    .loading span:nth-child(3) {
        /**
     * Starts the animation of the third dot
     * with a delay of .4s, otherwise all dots
     * would animate at the same time
     */
        animation-delay: .4s;
    }

/*------Login Botton------*/
.btn_login {
    margin-right: 37px !important;
    margin-bottom: 7px !important;
}

.numalign {
    margin-right: 0px;
}

.numalign_app {
    margin-right: 23px;
}

.prg_audit_div {
    margin-top: -27px;
}

.audit_domain {
    /*margin-top: -7px;*/
    display: inline-flex;
    /*padding-left: 514px;*/
}

.progrss_plan {
    display: inline-flex;
    margin-bottom: 10px;
}

.au_det_hgt {
    height: 68px !important;
}

.pge_hd_moj {
    color: #fff;
    padding: 0px 7px 7px 1px;
    margin-top: 19px;
}

    .pge_hd_moj h2 {
        font-size: 16px;
        line-height: 27px;
        color: #040404;
        font-weight: bold;
        font-family: "Segoe UI Emoji";
    }

.mas_dom {
    display: inline-flex;
    padding-left: 0px;
}

/*MDM Program Audit hierarchy*/
.hiseq {
    width: 2%;
}

.hi_type {
    width: 8%;
}

.hi_name {
    width: 15%;
}

.hi_des {
    width: 12%;
}

.hi_map {
    width: 9.5%;
}

.prof_txt {
    width: 9.5%;
}

.prof_desc {
    width: 10%;
}

.hi_task {
    width: 13%;
}

.hi_owner {
    width: 8%;
}

hi_str {
    width: 12%;
}

.hi_esthrs {
    width: 4%;
}

.Bf_Name {
    width: 22%;
}

.Bf_des {
    width: 22%;
}

.Bf_res {
    width: 22%;
}

.Bf_esthors {
    width: 10%;
}

.Bf_Seq {
    width: 6%;
}

/*master object design*/
.mst_seq {
    width: 2%;
}

.mst_name {
    width: 13%;
}

.prof_name {
    width: 10% !important;
}

.mst_des {
    width: 16%;
}

.mst_mapto {
    width: 15%;
}

.mst_task {
    width: 15%;
}

.mst_own {
    width: 12%;
}

.mst_eshrs {
    width: 3.5%;
}

/*Project Plan*/

.plan_name {
    width: 20%;
}

.plan_owner {
    width: 12%;
}

.plandate_wdth {
    width: 10%;
}

.planend_wdth {
    width: 10%;
}

.planend_status {
    width: 20%;
}

.tree-title .tree-editor {
    width: 170px !important;
}

/*Webui*/

.web_seq {
    width: 2%;
}

.web_name {
    width: 15%;
}

.web_des {
    width: 18%;
}

.web_mapto {
    width: 15%;
}

.web_task {
    width: 15%;
}

.web_own {
    width: 15%;
}

.web_eshrs {
    width: 6%;
}

.integ_esthrs_wdth {
    width: 3%;
}

.pk_record {
    text-align: center;
    max-width: 100%;
    margin-bottom: 5px;
    font-weight: 700;
    color: red;
}

.pgm_auti_dis {
    pointer-events: none !important;
}

.totHrsFormat {
    font-weight: bold;
    font-size: 15px;
    margin-left: -137px;
}

.prj_planTot {
    background: #c7c2c2;
    border-radius: 5px;
}

.integ_wdth {
    width: 9% !important;
}

.impl_name {
    width: 12%;
}

.integ_seqwdth {
    width: 1.5% !important;
}

.lyt_mrgn {
    margin-left: 92px !important;
}
/*Object Type Column Heading*/
.no_Heading {
    margin: 0px;
    padding: 0;
    color: black;
    font-weight: 700;
}

.projPlan_GoBack {
    float: right;
    padding-left: 11px;
    font-weight: bold;
    text-decoration: underline;
}

.clsFulWidth {
    display: inline-flex;
}

.approv_ri {
    float: right;
}

.approv_li {
    float: left;
}

.dyn_link_ach {
    font-weight: bold;
    color: #337ab7;
}

.dyn_likn_i {
    position: relative !important;
    top: 1px !important;
    left: 4px !important;
    font-size: 16px !important;
    padding: 4px !important;
}

.dyn_frm div.k-grid-footer, .dyn_frm div.k-grid-header {
    border-bottom-style: solid !important;
    border-bottom-width: 1px !important;
    zoom: 1 !important;
}

.dyngrid_wdth_th {
    width: 33px !important;
}

.dyngrid_th_color {
    background: #2593f3 !important;
}

.dyn_frm .edit_row .form-control {
    /*display: block;*/
    pointer-events: all;
    /*width: 355px !important;*/
}

.dyn_frm .table > tbody > tr > td, .table > tbody > tr > th, .dyn_frm .table > tfoot > tr > td, .table > tfoot > tr > th, .dyn_frm .table > thead > tr > td, .dyn_frm .table > thead > tr > th {
    /*border-top: none !important;*/
}

/*.dyn_tr {
    height: 30px !important;
}*/

.dyn_tr:hover {
    background-color: none !important;
}

webUI_crnew_wdth {
    width: 42%;
}

.web_action {
    width: 13%;
}

.web_ui_del {
    color: #f73c54 !important;
}

.web_ui_ed {
    color: #0cba62 !important;
}

.paddingCls {
    padding-left: 48px !important;
    width: 10% !important;
}

.domainCls {
    width: 7% !important;
}

.esHours {
    width: 10% !important;
}

.web_ulo_action {
    width: 18%;
}

.webUI_crnewulo_wdth {
    width: 80%;
}



.rpt_res_monthPicker {
    width: 7% !important;
    background: none !important;
    padding-right: 5px !important;
    margin-top: 3px;
}

.rpt_task_monthPicker {
    width: 16% !important;
    background: none !important;
    padding-right: 5px !important;
    margin-top: 3px;
}

.res_fac {
    width: 15% !important;
    padding-right: 5px !important;
}

.res_fac_comp {
    width: 18% !important;
    padding-right: 5px !important;
}

.res_fac_comp_exec {
    width: 36% !important;
    padding-right: 5px !important;
}

.res_fac_rpt {
    width: 21% !important;
    padding-right: 5px !important;
}

.res_fac_mrgn {
    margin-top: 3px;
    margin-left: 5px;
}

.res_fil_div {
    display: inline-flex;
    width: 100%;
    background: #f7f7f7;
    height: 43px;
}

.medium_hi_prev {
    height: 258px;
}

.webui_predrop {
    /*width: 24%;*/
    position: absolute;
}

.web_ui_pre {
    width: 40%;
}

.pre_tablewi {
    width: 100%
}

.pre_hi {
    width: 25%
}

.web_pre_table {
    border-collapse: collapse;
}

    .web_pre_table td, .web_pre_table th {
        border: 1px solid #ddd;
        padding: 8px;
    }

.clrCode {
    background-color: #b9b5b5 !important;
}

.RPT_clrCode {
    display: none;
}

.clrCodeWhite {
    background-color: #ffffff !important;
}

.rpt_li {
    width: 300px !important;
}

.rpt_li_mw {
    width: 200px !important;
}

.mn_ul {
    margin-left: -9px;
}

.con_st {
    margin-top: 8px;
}

.tab_subdiv {
    margin-top: 14px;
}

.ul_bgclr {
    background: #f7f7f7 !important;
}

.rpt_fltr {
    margin-top: -20px;
}

.rpt_detgrd {
    margin-top: -20px;
}


.refreshIcon {
    display: inline-block;
    font: normal normal normal 34px/1 'material-design-iconic-font';
    font-size: 17px;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-weight: bold;
}

.k-chart, .k-stockchart {
    height: 235px !important;
}

.aces_rgts fieldset {
    border: 1px dotted #969696;
    margin-bottom: 10px;
}

.ass_widh {
    width: 33px !important;
}

.acc_align {
    width: 14%;
}

.acc_check input[type="checkbox"] {
    width: 111px;
}

.ass_del {
    padding-right: 2% !important;
}

.ass_paint {
    padding-right: 3% !important;
}

.ass_red {
    padding-left: 3% !important;
}




.acc_check .mlft {
    margin-left: 83px !important;
}

.acc_check .mlftrsltvw input:first-child {
    margin-left: 83px;
}

.check_tab {
    border: 1px solid #ddd;
}

#headermenu {
    padding: 4px;
    position: absolute;
    left: 0px;
    bottom: -314px;
}

#toggle-section {
    display: none;
}

#time_cost_div h5 {
    margin-top: 22px !important;
    margin-bottom: 10px;
}


/*panel Toggle*/
#head_cmn1 {
    border: none;
    border-bottom: 1px solid #03273D;
}



    #head_cmn1 .panel_head {
        padding-left: 1%;
        /*margin: 6px 0 6px 0px;*/
        font-size: 14px;
        color: #065B90;
        text-shadow: none;
        cursor: pointer;
        font-weight: bold;
    }

        #head_cmn1 .panel_head b {
            font-weight: normal;
            font-size: 13px;
        }

    #head_cmn1 .btn_head_lft {
        margin-top: -1px;
    }

.tools_rpt a {
    text-shadow: none;
    font-size: 14px;
    margin-right: 18px;
    color: #03273D;
    margin-top: 2px;
}

    .tools_rpt a:hover {
        border: none;
        box-shadow: none;
        text-decoration: none;
    }

.panel_rpt {
    margin-bottom: -1px;
}

/*Togglepanel*/
.k-panelbar > .k-item > .k-link {
    border-color: #fbf3f3;
}

.k-panel > .k-item > .k-link, .k-panelbar > .k-item > .k-link {
    display: block;
    position: relative;
    border-bottom-style: solid;
    border-bottom-width: 2px;
    padding: 2px 1em;
    line-height: 2.34em;
    text-decoration: none;
    zoom: 1;
    font-style: unset;
    font-size: 13px;
    font-weight: 550;
}

horizontal-hover:hover, .k-splitbar-vertical-hover:hover, .k-state-hover, .k-state-hover:hover {
    background-color: #aeb3bf;
}

.k-panel > .k-item, .k-panelbar > .k-item {
    list-style-type: none;
    display: block;
    border-width: 0;
    margin: -1px;
    zoom: 1;
    border-radius: 0;
}

.dy_grp_name {
    padding-bottom: 0px;
    text-align: center;
    font-size: 16px;
}

#rpt_fil_div .select2-input {
    margin-top: -3px !important;
    width: 125px !important;
}

#rpt_fil_div .select2 {
    margin-right: 6px;
}

/*Kendo grid in Executive Report*/

#kendo_Rscr_grd .k-header {
    background: #2593f3 !important;
}

    #kendo_Rscr_grd .k-header .k-link {
        color: #fff !important;
        font-weight: bold !important;
        margin-top: -9px !important;
    }

#kendo_Rscr_grd .k-grid-content {
    height: 101px !important;
    overflow-x: hidden !important;
    overflow-y: hidden !important;
}

#kendo_Rscr_grd .k-grid-header, .k-grid-header tr:first-child {
    height: 21px !important;
    padding-right: 0px !important;
}

#kendo_Rscr_grd .k-grid td {
    border-width: 0px 0px 1px 0px !important;
}

.hiass_check {
    width: 6%;
}

.hiass_id {
    width: 19%;
}

.hiass_name {
    width: 20%;
}

.hiass_assign {
    width: 20%;
}

.rpt_head {
    text-transform: capitalize !important;
}

.rest_fac_rpt {
    width: 9%;
    margin-top: 0px;
}

#hierarchywindow_wnd_title {
    color: white;
}

.rpt_task_lbl {
    margin-right: 16px;
    padding-left: 17px;
}

.tsk_stab_li {
    width: 141px;
}

.mnthwk_tab {
    margin-top: -26px;
}

.rpt_sel_lov {
    display: inline-flex;
    margin-left: -14px;
}

.assing_whi {
    width: 35%;
}

    .assing_whi.assign_actve {
        width: 75%;
    }

.web_hierar {
    width: 25%;
}

.web_assing {
    width: 35%;
}

.web_pre {
    width: 35%;
}

.ken_phier {
    width: 1%;
    background-color: #2494f2;
    color: white;
}

.ken_phierass {
    width: 1%;
    background-color: #2494f2;
    color: white;
    height: 22px;
}

.ken_phi_prv {
    width: 1%;
    background-color: #2494f2;
    color: white;
    height: 22px;
}

.webui_assign_tab {
    font-size: 20px !important;
    margin-top: 1%;
    margin-left: 1%;
}

.bottom_pane_ex {
    left: 336px !important;
    width: 100% !important;
}

.bottom_div_ex {
    left: 329px !important;
}

.pre_aling {
    margin-left: 1%;
    margin-top: 8px;
}

.web_icn {
    position: static !important;
    top: 14px;
    left: 15px;
    font-size: 16px;
}

.rtate {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}

#assign_icon, .rtate {
    -webkit-transition: all 1s ease-in-out;
    -moz-transition: all 1s ease-in-out;
    -o-transition: all 1s ease-in-out;
    -ms-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out;
}

.click_icon {
    /* background-color: white; */
    /* color: #2593f3; */
    /* width: 20px; */
    float: right;
    /* text-align: center; */
    /* border-radius: 2px; */
    /* line-height: 21px; */
    /* cursor: pointer; */
}

#assign_icon {
    background-color: white;
    color: #2593f3;
    width: 20px;
    text-align: center;
    border-radius: 2px;
    line-height: 21px;
    cursor: pointer;
}

    #assign_icon:hover {
        background-color: #111;
        color: #fff;
    }

    #assign_icon i {
        font-size: 17px;
        font-weight: bold;
        margin-top: 3px;
    }


.bottom_pane_ex {
    left: 31.3% !important;
    width: 100% !important;
}


.k-splitbar {
    width: 11px !important;
}

.ass_tbl {
    height: auto;
    width: 100% !important;
}

.pre_exw {
    width: 100%;
}

.pre_expant {
    width: 73%;
}

.bkcol {
    background-color: #f0efef;
}

.dyn_selact_wdth {
    width: 40px !important;
}

.kendo_assign_inner_pge {
    /* position: relative; */
    width: 700px;
    z-index: 999;
    background-color: #fff;
    margin-bottom: 5% !important;
    display: table;
    border-radius: 3px;
}


#Webtabstrip {
    height: 800px !important;
}

#Refgrid {
    margin-left: -14px;
    margin-right: -16px;
}

#ref_pager {
    margin-left: -14px;
    margin-right: -16px;
}

#dy_scroll {
    height: 235px;
}

.assign_color {
    background-color: #f0efef !important;
}

.impt_name_wdth {
    width: 10% !important;
}

.impt_desc_wdth {
    width: 20% !important;
}

.bottom_pane_preview {
    margin-left: -59px !important;
}

.dy_scroll_web {
    /*height: 233px !important;*/
}

.dy_namic_tabls {
    /*height: 300px !important;*/
}




/*tbody {
    height:100px;
    overflow: hidden;
}

.fixed_headers {
    table-layout: fixed;
    border-collapse: collapse;
    display: block;
    width: 100px;
}


tbody {
    display: block;
    width: 100%;
    
}


.old_ie_wrapper
{
    height: 200px;
    width: 100%;
    overflow-x: hidden;
    overflow-y: auto;
}*/








.frm_sm_wdth {
    width: 45% !important;
}





#weburedcss input[type='checkbox'] {
    margin: 0;
    position: relative;
}


    #weburedcss input[type='checkbox']:after {
        vertical-align: middle;
        text-align: center;
        line-height: 13px;
        position: absolute;
        cursor: pointer;
        width: 13px;
        color: white;
        /*-webkit-box-shadow: inset 0 1px 1px #5F95FC, 0 1px 0 #5F95FC;
        -moz-box-shadow: inset 0 1px 1px #5F95FC, 0 1px 0 #5F95FC;
        box-shadow: inset 0 1px 1px #5F95FC, 0 1px 0 #5F95FC;*/
    }

    #weburedcss input[type='checkbox']:checked:before {
        background: #FF0000 !important;
        content: '';
        width: 13px;
        height: 12px;
        position: absolute;
        border-radius: 3px;
    }

    #weburedcss input[type='checkbox']:checked:after {
        color: #ffffff !important;
        content: "\f00c";
        display: inline-block;
        font: normal normal normal 14px/1 FontAwesome;
        font-size: inherit;
        text-rendering: auto;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        font-size: 9px;
        padding-top: 1px;
        padding-bottom: 2px;
    }

#webugreencss input[type='checkbox']:checked:after {
    box-shadow: none;
}




#webugreencss input[type='checkbox'] {
    margin: 0;
    position: relative;
}


    #webugreencss input[type='checkbox']:after {
        vertical-align: middle;
        text-align: center;
        line-height: 13px;
        position: absolute;
        cursor: pointer;
        width: 13px;
        color: white;
        /*-webkit-box-shadow: inset 0 1px 1px #5F95FC, 0 1px 0 #5F95FC;
        -moz-box-shadow: inset 0 1px 1px #5F95FC, 0 1px 0 #5F95FC;
        box-shadow: inset 0 1px 1px #5F95FC, 0 1px 0 #5F95FC;*/
    }

    #webugreencss input[type='checkbox']:checked:before {
        background: #4CAF50 !important;
        content: '';
        width: 13px;
        height: 12px;
        position: absolute;
        border-radius: 3px;
    }

    #webugreencss input[type='checkbox']:checked:after {
        color: #ffffff !important;
        content: "\f00c";
        display: inline-block;
        font: normal normal normal 14px/1 FontAwesome;
        text-rendering: auto;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        font-size: 9px;
        padding-top: 1px;
        padding-bottom: 2px;
        position: absolute;
    }

.prvhed {
    color: white !important;
    background-color: #2494f2;
}

#gantt_mn .k-task-summary {
    border-color: #6e6e6e;
    background: #f7f7f7 !important;
    margin-left: 30px;
}

#gantt_mn .k-resource {
    /*background: #5fbfbf !important;*/
    font-size: 15px;
    padding: 0px 133px 0px 0px;
}

#gantt_mn .k-gantt-create {
    display: none !important;
}

.assignRef {
    width: 18%;
}

.assignNameRef {
    width: 18.5%;
}

.stphase, .stphase1 {
    color: blue;
    cursor: pointer;
}

#frmwindow {
    height: 370px !important;
    width: 1178px !important;
}

#frmwindow_wnd_title {
    font-size: 16px !important;
    font-weight: bold !important;
    color: WHITE;
    top: 1px;
}

#group_pge, .x_panel {
    left: 12px;
    background-color: #dcdcdc00;
}

.k-window-titlebar, #frmwindow {
    background-color: #056cff;
}

.k-i-close:before, #frmwindow {
    content: "\e11b";
    color: white;
    top: -6px;
}

.k-widget > .k-window > #frmwindow {
    background-color: white !important;
}

.k-window-titlebar, #actwindow {
    color: white;
}

#actwindow_wnd_title {
    font-size: 16px !important;
    font-weight: bold !important;
    color: WHITE;
    top: 1px;
}

#actwindow, .k-filter-row th, .k-grid-header, .th.k-header {
    overflow: hidden;
    border-style: solid;
    border-width: 0px 0 1px 1px;
    font-weight: 400;
    white-space: nowrap;
    text-overflow: ellipsis;
    text-align: left;
}

#gantt_mn .k-gantt-toolbar {
    height: 18px !important;
    /*display:none !important;*/
}

#gantt_mn .k-treelist .k-grid-content {
    margin-top: 30px !important;
    background: white;
    height: 611px !important;
}

#Closechange {
    float: right !important;
    margin-top: 12px;
}

/*.k-task-single {
    background-color: #ffd7c0;
    border-color: #ffc09c;
    color: #000000 !important;
}*/

/*#gantt_mn .k-gantt-rows {
    width: 80% !important;
}

#gantt_mn .k-gantt-columns {
    width: 80% !important;
}*/
#gantt_mn .k-view-week {
    display: none !important;
}

/*#gantt_mn .k-grid-header-wrap > table {
    width: 80% !important;
}*/

.awesomplete > ul {
    max-height: 550% !important;
    overflow-y: auto !important;
}

#gantt_mn .k-timeline .k-header:hover {
    cursor: pointer !important;
}

#frmwindows {
    height: 335px !important;
    width: 1178px !important;
}

#frmwindowfm {
    height: 340px !important;
}

.stphase {
    position: relative;
    display: inline-block;
}

    .stphase .tooltiptext {
        visibility: hidden;
        width: 120px;
        background-color: #555;
        color: #fff;
        text-align: center;
        border-radius: 6px;
        padding: 5px 0;
        position: absolute;
        z-index: 1;
        bottom: 125%;
        left: 50%;
        margin-left: -60px;
        opacity: 0;
        transition: opacity 0.3s;
    }

        .stphase .tooltiptext::after {
            content: "";
            position: absolute;
            top: 100%;
            left: 50%;
            margin-left: -5px;
            border-width: 5px;
            border-style: solid;
            border-color: #555 transparent transparent transparent;
        }

    .stphase:hover .tooltiptext {
        visibility: visible;
        opacity: 1;
    }

.web_dygrid {
    margin: 15px;
}

#tabstrip {
    height: 772px !important;
}

#dynForm {
    height: 800px !important;
}

.web_UI #dynForm {
    height: 1132px !important;
}

#dynForm .easyui-panel {
    height: 820px !important;
    overflow-x: scroll !important;
}


.messageShow {
    padding: 3px !important;
    font-weight: bold;
    margin-bottom: 0;
}

#spinner {
    /* margin: 100px auto; */
    width: 40px;
    height: 40px;
    /* position: relative; */
    text-align: center;
    -webkit-animation: sk-rotate 2.0s infinite linear;
    animation: sk-rotate 2.0s infinite linear;
    width: 40px;
    height: 40px;
    position: absolute;
    margin: 0 auto;
    left: 49%;
    top: 100%;
}



.dot1, .dot2 {
    width: 60%;
    height: 60%;
    display: inline-block;
    position: absolute;
    top: 0;
    background-color: #333;
    border-radius: 100%;
    -webkit-animation: sk-bounce 2.0s infinite ease-in-out;
    animation: sk-bounce 2.0s infinite ease-in-out;
}

.dot2 {
    top: auto;
    bottom: 0;
    -webkit-animation-delay: -1.0s;
    animation-delay: -1.0s;
}

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

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

@-webkit-keyframes sk-bounce {
    0%, 100% {
        -webkit-transform: scale(0.0)
    }

    50% {
        -webkit-transform: scale(1.0)
    }
}

@keyframes sk-bounce {
    0%, 100% {
        transform: scale(0.0);
        -webkit-transform: scale(0.0);
    }

    50% {
        transform: scale(1.0);
        -webkit-transform: scale(1.0);
    }
}

#FileUpload {
    width: 189px;
    float: left;
    /*height: 23px;*/
    /*top: -15px;*/
    /*height: 21px;
    left: 232px;
    margin-bottom: -23px;*/
}

.Upfileload {
    /*height: 23px !important;*/
}
/*.rows {
    margin-right: -153px;
    margin-left: -15px;
    margin-bottom: 0px;
}*/
.m_b_0 {
    margin-bottom: 0 !important;
}

.btn_clear {
    /*height: 22px;*/
    width: 52px;
}

.Setcalender {
    width: 200px;
    border: 0px solid #ccc !important;
}

.selectpicker {
    border: 0px solid #ccc !important;
}

.File_Submit_butn {
    color: currentColor;
    cursor: not-allowed;
    opacity: 0.5;
    text-decoration: none;
}

.selectddlproject {
    width: 200px;
    border: 0px solid #ccc !important;
}

.dyn_link_ach {
    cursor: pointer;
}

#txtSearch {
    width: 215px !important;
    height: 32px !important;
    font-size: 14px !important;
    bottom: 2px;
    margin-left: 23px !important;
}

#ddlSearchCols {
    width: 200px !important;
    height: 30px !important;
    font-size: 14px !important;
    border-radius: 5px;
}

.ridge {
    border-style: ridge
}

.scroll_score {
    height: 460px;
}

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

.ddlpopulation_ddl {
    width: 206px !important;
}

#importDivMsg {
    /*margin-left: -130px !important;*/
    /* margin-top: 14px; */
    /*margin-bottom: -2px;
    padding-top: 5px;*/
}

#importDivMsg1 {
    /*float: right;*/
    /* margin-left: 11px; */
    /*margin-right: 153px;
    padding: 2px;*/
}

.popup_scrl {
    overflow: scroll !important;
    height: 500px !important;
}

.tble_head {
    color: white !important;
    background-color: #2593f3 !important;
}

.see_dt {
    margin-top: 4px;
}

.Upfileload {
    color: white;
}

.err_Msg {
    /*margin-top: 21px;*/
    padding: 7px
}

.succ_Msg {
    top: 12px;
    margin-top: -41px;
    padding: 7px;
}

.uploadtxt {
    /*margin-top: 25px;*/
    /*margin-right: -92px;*/
}

.refreshIcon {
    cursor: pointer;
}

.reloadIcon {
    margin-left: 19px;
}

.error_message {
    /*margin-right: 426px;*/
    margin-bottom: -39px;
    margin-top: 0px;
}

.sucess_msg {
    bottom: 0px;
}

.FilterDync, .zmdi-search {
    color: #4e4949 !important;
    font-size: 13px;
    position: static !important;
    top: 14px;
    left: 15px;
    text-align: center;
}

.file_fr {
    bottom: 4px;
}

.svae {
    top: -15px;
}

.inpu_search_icn {
    position: absolute;
    right: 0;
    top: 2px;
    z-index: 99;
    font-size: 21px !important;
    background-color: #c7c6c6;
    padding-left: 4px;
}

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

.btn_refresh {
    /*padding: 0px;*/
    padding-right: 5px;
    padding-left: 5px;
}

.gantt_ovfl {
    overflow: hidden;
}

#kendo_Rscr_grd .k-grid tbody tr {
    line-height: 14px;
}

#kendo_Rscr_grd .k-grid tbody td {
    padding: 0px 7px;
}

#chart_data_grd {
    margin-top: 14px !important;
}


#gantt_mn .k-gantt-tables {
    width: 100% !important;
}

#gantt_mn .k-gantt-timeline .k-grid-header-wrap table {
    width: 100% !important;
}

#gantt_mn .k-grid-content .k-gantt-tables .k-gantt-rows,
#gantt_mn .k-grid-content .k-gantt-tables .k-gantt-columns,
#gantt_mn .k-grid-content .k-gantt-tables .k-gantt-tasks {
    width: 100% !important;
}

.k-gantt .k-splitbar {
    position: relative;
    cursor: e-resize;
    border-width: 0 1px;
    background-repeat: repeat-y;
    pointer-events: none;
    /*display:none;*/
}

.k-state-selected.k-task-single {
    border-color: #8fc7f7 !important;
    border-style: solid !important;
    border-width: 3px !important;
}

.Export_butn {
    /*padding: 0px;*/
    padding-left: 7px;
    padding-right: 6px;
}

.bus_butn {
    margin: 2px .16em;
}

.captchatxt {
    padding-top: 3px !important;
}

.captchaicn {
    top: 53px !important;
    left: 0px !important;
}

.zmdi-searc {
    color: #4e4949 !important;
    font-size: 13px;
    position: static !important;
    top: 14px;
    left: 15px;
    text-align: center;
}

.ref_search {
    margin-left: -39px;
    position: relative !important;
    font-size: 13px;
    text-align: center;
    top: 5px !important;
    font-size: 23px !important;
    background-color: #92ccff;
    padding-bottom: 2px;
    padding-right: 0px;
    padding-left: 2px;
    padding-top: 5px;
    cursor: pointer;
}


#ERTree .tree-icon, .tree-file {
    display: none !important;
}

#ERTree .tree-expanded {
    display: none !important;
}


.ERList_Span {
    padding-top: 2px;
    width: 410px;
    background: url(../images/ERImg.png) repeat;
    height: 372px;
    /* background: #7ab9d1; */
    margin-left: 12px;
    margin-top: 10px;
    color: black;
    /* border: 1px solid black; */
    /* border-bottom-right-radius: 160% 84%; */
    /* border-bottom-left-radius: 63% 20%; */
}

.ERDiagram_Root {
    border: 1px solid black;
    width: 81px;
    height: 22px;
    background: #7ab9d1;
    text-align: center;
    /*background: url(../images/ERImg.png) repeat;*/
}


#ERTree .tree-node:not(ERDiagram_Root) {
    padding: 10px;
}

#ERTree .tree-node .tree-root-one .tree-node-last {
    display: block;
    overflow-y: scroll;
    height: 258px;
    width: 367px;
}

.listUL {
    height: 210px;
}

#ERTree li {
    margin-left: 39px !important;
}


#ERTree .listUL li {
    margin-top: 7px;
}

#ERTree {
    margin-top: 58px;
}

.ERHeaderStyle {
    font-weight: bold;
    font-size: 12px;
}

#defwindow {
    height: 300px !important;
    width: 400px !important;
}

#defwindow, .k-window div.k-window-content {
    overflow: hidden;
}

.pro_plus {
    position: absolute !important;
    top: 1px !important;
    left: 5px !important;
    font-size: 25px !important;
    color: #0cba62 !important;
}

.pro_btn {
    margin-left: 163px;
}

.prjNew_Seq {
    width: 4%;
}

.icon_style {
    padding-right: 39px;
    color: #d97070;
}

.plnr_wdth_prgaudit {
    width: 173px !important;
}

/*PanelBar design*/
#Profiler_Panel .k-header {
    background-color: #2494f2;
    color: white;
}

#DropErrorMsg {
    color: red;
}

.k-list .k-item {
    position: relative;
}

.k-item input {
    position: absolute;
    left: 0
}

#UncolErrorMsg {
    color: red;
}

#ddlUniquecolumn-list .k-item {
    padding: 0 17px !important;
}

.k-multiselect-wrap > .k-i-close {
    display: none !important;
}

#ddlUniquecolumn-list .Header {
    padding: 0 6px !important;
}

.k-multiselect {
    height: 31px !important;
    overflow-y: scroll !important;
}

#grid_pro .k-grid-header th.k-header {
    vertical-align: top !important;
    background: #2593f3 !important;
    color: #ffffff !important;
    padding: .1em .6em .1em .6em;
    /*width: 120px !important;*/
}

.k-detail-cell #grid_pro .k-grid-header {
    display: none !important;
}

.k-grid td {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.k-grid tbody tr {
    height: 10px !important;
}

#flter_panel fieldset {
    border: 2px groove #ddd !important;
    padding-bottom: 0;
    border-radius: 4px;
}

#flter_panel legend {
    display: block;
    width: 53px;
    margin-bottom: -6px;
    font-size: 12px;
    line-height: 20px;
    color: #FFFFFF;
    background-color: #0069AA;
    text-align: left;
    padding: 0px 9px;
    text-transform: capitalize;
    font-weight: bold;
    text-shadow: 1px 1px 1px #111;
    border-bottom: none;
}

#grid_pro .k-hierarchy-cell {
    padding-left: 0px !important;
}

#ddlFilterColumn-list .k-item {
    padding: 0 17px !important;
}

#ddlFilterColumn-list .Header {
    padding: 0 6px !important;
}

.ke_result_txt {
    width: 73px !important;
}

#customerSettings {
    position: relative;
}

#grid_pro .k-master-row {
    line-height: 14px;
    padding: 0;
    /*background-color:white !important;
    color: black !important;*/
}

/*#grid_pro .k-alt .k-master-row {
    background-color: #f1f1f1 !important;
}*/

#main-content > .k-loading-mask > .k-loading-image {
    z-index: 3; /* must be larger than the z-index:2 of #container */
    background-image: url('../images/loader.gif');
    background-position-x: 10px;
    background-position-y: 10px;
}
/*.k-hierarchy-cell .k-tooltip.k-popup {
    visibility: hidden;
}*/

.k-detail-cell #grid_pro {
    height: 100px;
    overflow-y: scroll;
}

#grid_pro .k-detail-cell div {
    /*width: 1845px;*/
    /*margin-left: 44px;*/
}

#grid_pro .k-detail-row .k-detail-cell {
    overflow: visible;
    background: #95bee1 !important;
}

#grid_pro .k-dropdown-operator {
    display: none;
}

#grid_pro .k-filtercell > span {
    min-height: 1em;
    width: 100%;
}

#grid_pro .k-autocomplete-clearable .k-input, #grid_pro .k-combobox-clearable .k-input, #grid_pro .k-multiselect-clearable .k-input {
    height: 1.6em;
}

#grid_pro .k-filter-row th,
#grid_pro .k-grid-header,
#grid_pro .th.k-header {
    padding: .1em .6em .1em .6em;
}



#grid_pro .k-grid-header {
    width: 100% !important;
    padding-right: 0 !important;
    padding-left: 0 !important;
    /*overflow: hidden !important;
    overflow-y: scroll !important;*/
}

#grid_pro.k-grid td {
    padding: .1em .6em;
}

#grid_pro .k-grid-content {
    overflow-y: hidden;
    height: 509px !important;
}

.k-filter-row > .k-hierarchy-cell {
    display: table-column !important;
}

.res_grp_lbl {
    line-height: 26px !important;
    margin-bottom: -6px !important;
    display: block !important;
}

.res_txt {
    padding: 3px !important;
}

.dip_cols {
    height: 30px !important;
}

.k-multiselect .k-button span {
    color: #ffffff !important;
}

.loader_wweb {
    width: 68px;
    height: 63px;
    position: fixed;
    top: 55%;
    left: 56%;
    margin-top: -100px;
    margin-left: -100px;
}
/*#loder_text {
    width: 139px;
    height: 43px;
    position: fixed;
    top: 61%;
    left: 55%;
    margin-top: -100px;
    margin-left: -100px;
    color: #0e76cd;
}*/

.k-master-row .k-hierarchy-cell {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

#grid_pro .k-grid-norecords-template {
    font-size: initial;
}

.topPanel_filter {
    margin: 0 auto !important;
    background: white !important;
}

#grid_pro .k-grid .k-group-col, .k-grid .k-hierarchy-col {
    width: 40px;
}

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

.strag_pa_dom {
    width: 7% !important;
}

.strag_pa_isdef {
    width: 5% !important;
}


#tinterTarg > li > ul > li > ul {
    padding-left: 12px !important;
}

#tinterScr > li > ul > li > ul {
    padding-left: 12px !important;
}

#tinterMap > li > ul > li > ul {
    padding-left: 12px !important;
}

#MapruleErrorMsg {
    color: red;
}

#MapvaluesErrorMsg {
    color: red;
}

.pro_map_hei {
    height: 140px !important;
}

#grid_pro1 .k-grid-header .k-header {
    vertical-align: top !important;
    background: #2593f3 !important;
    color: #ffffff !important;
    padding: .1em .6em .1em .6em;
    width: 120px !important;
}

#grid_pro6 .k-grid-header .k-header {
    vertical-align: top !important;
    background: #2593f3 !important;
    color: #ffffff !important;
    padding: .1em .6em .1em .6em;
    width: 120px !important;
}

#compGrid .k-grid-header .k-header {
    vertical-align: top !important;
    background: #2593f3 !important;
    color: #ffffff !important;
    padding: .1em .6em .1em .6em;
}


.Pro_Mao_pge_hd h2 {
    font-size: 13px;
    line-height: 27px;
    color: #040404;
    font-weight: bold;
    font-family: "Segoe UI Emoji";
}

.Pro_Mao_pge_hd {
    color: #fff;
    padding: 5px 5px 5px 7px;
    margin-top: -6px;
}


/*#Profilerwindow{
    width: 135% !important;
    height: 160% !important;

}*/
.pro_map_hei {
    width: 406px !important;
    height: 300px !important;
}

#frmmapfunction .k-multiselect {
    overflow-x: hidden;
    height: 31px !important;
}

#ddlSourceColumn-list .k-item input {
    position: absolute;
    left: 0;
    width: 20px !important;
    margin-left: 297px !important;
}

#ddlSourceColumn-list .clsSelAll {
    position: absolute;
    left: 0;
    width: 20px !important;
    margin-left: 300px !important;
}

.mappColor {
    color: red;
}

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

.btn_prev {
    margin-right: 5px !important;
}

.k-grid-norecords-template {
    height: 2em !important;
    line-height: 2em !important;
    vertical-align: middle !important;
}
/*****Current Changes July-04-2019 - Surya*******/
#PrjPlan2Div .k-event, .k-task-complete {
    border: none !important;
}

#PrjPlan2Div .Caldayhighlight {
    background-color: white !important;
}

#PrjPlan2Div .activity-template {
    font-weight: normal !important;
}

#PrjPlan2Div .CalActivity {
    border-color: white !important;
    background: white !important;
    color: black !important;
    width: 100%;
    height: 100%;
}

.prjPlan_headers {
    margin-top: -9px !important;
}

.ref_idk {
    width: 168px !important;
    height: 31px !important;
    font-size: 14px !important;
}

.ref_upload {
    margin-left: 6px !important;
}

.up_div {
    margin-left: 8px;
}

/*****Current Changes July-10-2019 - parthiban*******/
#Calen_div .k-event, .k-task-complete {
    border: none !important;
}

#Calen_div .Caldayhighlight {
    background-color: white !important;
}

#Calen_div .activity-template {
    font-weight: normal !important;
}

#Calen_div .CalActivity {
    border-color: white !important;
    background: white !important;
    color: black !important;
    width: 100%;
    height: 100%;
}

.k_btn_test {
    height: 30px !important;
    padding-top: 3px !important;
}

.hidetree_node {
    margin-top: -19px !important;
}

#LOVErrorMsg {
    color: red;
}

.mapp_row_color {
    background-color: yellow !important;
}

#grid_dte_from .k-datepicker {
    height: 28px !important;
}

#grid_dte_from .k-picker-wrap {
    height: 26px !important;
}

#grid_dte_from .k-input {
    height: 21px !important;
}

#grid_dte_to .k-datepicker {
    height: 28px !important;
}

#grid_dte_to .k-picker-wrap {
    height: 26px !important;
}

#grid_dte_to .k-input {
    height: 21px !important;
}

.dig_partial_himapp {
    height: 711px !important;
    overflow: auto !important;
    width: 100% !important;
}

.hi_map_drop {
    margin-left: 22%;
    margin-top: -18px;
    float: right;
}

.hi_map_left {
    padding-left: 0px !important;
    width: 20% !important;
}

.hi_map_right {
    padding-left: 0px !important;
    width: 30% !important;
}

.fst_col {
    width: 27% !important;
}

.scnd_col {
    width: 15% !important;
}

.third_col {
    width: 70% !important;
}


#current_table > thead > td > th {
    color: #ffffff !important;
    padding: 5px 5px;
    border: none;
    background-color: #2593f3;
    font-size: 12px;
    font-weight: bold;
}

#current_table tbody > td > td {
    padding: 0px !important;
    border: 1px solid #ddd;
}

#current_table {
    display: block !important;
}


.k_check_in {
    list-style: none;
    padding-bottom: 1em;
}
/*Checked checkbox*/
#k_IsDuplicate > .k-checkbox:checked + .k-checkbox-label:before {
    background: red;
    color: white;
}

.prf_pager {
    width: 100% !important;
    margin-top: 2px !important;
}

.k-grid-pager {
    border-width: 1px 0 0 !important;
}

.prf_activity {
    height: 25px !important;
    padding: 1px 0px 0px 0px !important;
}

.green {
    color: green;
}

.red {
    color: red;
}

#grid_pro6 .k-grid-content tr td {
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 120px !important;
}

#grid_pro .k-grid-content tr td {
    text-overflow: ellipsis;
    white-space: nowrap;
    /*width: 121px !important ;*/
}

.k-detail-cell #grid_GropBy {
    height: 100px;
    overflow-y: scroll;
}



#grid_GropBy .k-detail-row .k-detail-cell {
    overflow: visible;
    background: #95bee1 !important;
}

#grid_GropBy .k-dropdown-operator {
    display: none;
}

#grid_GropBy .k-filtercell > span {
    min-height: 1em;
    width: 100%;
}

#grid_GropBy .k-autocomplete-clearable .k-input, #grid_GropBy .k-combobox-clearable .k-input, #grid_GropBy .k-multiselect-clearable .k-input {
    height: 1.6em;
}

#grid_GropBy .k-filter-row th,
#grid_GropBy .k-grid-header,
#grid_GropBy .th.k-header {
    padding: .1em .6em .1em .6em;
}

#grid_GropBy {
    width: 100% !important;
    /*width: 1093px !important;*/
}

    #grid_GropBy .k-grid-header {
        width: 100% !important;
        padding-right: 0 !important;
        padding-left: 0 !important;
        overflow: hidden !important;
        overflow-y: scroll !important;
    }

    #grid_GropBy.k-grid td {
        padding: .1em .6em;
    }

    #grid_GropBy .k-grid-content tr td {
        text-overflow: ellipsis;
        white-space: nowrap;
        width: 120px !important;
    }

    #grid_GropBy .k-grid-header th.k-header {
        vertical-align: top !important;
        background: #2593f3 !important;
        color: #ffffff !important;
        padding: .1em .6em .1em .6em;
        width: 120px !important;
    }

.k-detail-cell #grid_GropBy .k-grid-header {
    display: none !important;
}

.romve_check {
    display: none !important;
}

.scroll_custom_prfil_cate {
    height: 600px !important;
    width: 80% !important;
}

.scroll_custom_prfil_product {
    /*height: 717px !important;*/
    width: 336px !important;
}

.scroll_custom_mappingsrc {
    height: 516px !important;
    width: 336px !important;
}

.scroll_custom_mappingtag {
    height: 516px !important;
    width: 336px !important;
}


.scroll_current_prfil_product {
    height: 589px !important;
    width: 245px !important;
}


#ProfMaingrid .k-grid-header th.k-header {
    vertical-align: top !important;
    background: #2593f3 !important;
}

    #ProfMaingrid .k-grid-header th.k-header > .k-link {
        color: #ffffff !important;
    }

#ProfSplCharaGrid .k-grid-header th.k-header {
    vertical-align: top !important;
    background: #2593f3 !important;
    background-color: #337ab7 !important;
    position: relative !important;
}


    #ProfSplCharaGrid .k-grid-header th.k-header > .k-link {
        color: #ffffff !important;
    }

#ProfCasegrid .k-grid-header th.k-header {
    vertical-align: top !important;
    background: #2593f3 !important;
    background-color: #337ab7 !important;
    position: relative !important;
}

    #ProfCasegrid .k-grid-header th.k-header > .k-link {
        color: #ffffff !important;
    }

#Req_Grid .k-link {
    color: #ffffff !important;
    background-color: #2593f3 !important;
}

#functionalMasterGrid .k-link {
    color: #ffffff !important;
}


/*///Main Windows///*/
#Pro_Main_Window {
    height: 609px !important;
    width: 100% !important;
}


#divResultData .k-grid-header {
    width: 100% !important;
    padding-right: 0 !important;
    padding-left: 0 !important;
    overflow: hidden !important;
    overflow-y: scroll !important;
}

#divResultData.k-grid td {
    padding: .1em .6em;
}

#divResultData .k-grid-content tr td {
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 15px;
    /*width: 120px !important;*/
}

#divResultData .k-grid-header th.k-header {
    vertical-align: top !important;
    background: #2593f3 !important;
    color: #ffffff !important;
    padding: .1em .6em .1em .6em;
    /*width: 120px !important;*/
}

#divResultData .k-filter-row {
    display: none !important;
}

.prohighlight {
    background: #ffe7ae !important;
    border: 1px solid #f1f1f1 !important;
    font-weight: 800;
}

.pro_float {
    float: left !important;
    width: 50% !important;
}

/*.colUsedTotal {
    width: 22% !important;
    float: left !important;
}

.colUnUsedTotal {
    width: 25% !important;
    float: left !important;
}

.colTotRows {
    float: left !important;
    width: 10% !important;
}*/

.marginText {
    margin-top: 2% !important;
}

.pro_txt {
    float: left;
    /*margin-top: -7px;*/
    padding: 3px;
}

.pro_txt_with {
    width: 184px !important;
}

.pro_column_hide {
    display: none;
}

#grid_pro {
    width: 80% !important;
}
/*Small devices (landscape phones, 576px and up)*/
@media (min-width: 576px) {
    #grid_pro {
        width: 84% !important;
    }
}

/*// Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) {

    #grid_pro {
        width: 84% !important;
    }
}

/*// Large devices (desktops, 992px and up)*/
@media (min-width: 992px) {

    #grid_pro {
        width: 84% !important;
    }
}


/*// Extra large devices (large desktops, 1200px and up)*/
@media (min-width: 1200px) {

    #grid_pro {
        width: 84% !important;
    }
}

.profWidth {
    width: 80% !important;
}

#req_dtl * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}


/*div.k-window {
        width: 50% !important;
        max-height: 250px;
    }*/

.requirement-tabs tr.k-state-selected {
    color: #000;
}

#Req_Grid .k-grid-header .k-header, #Req_Grid .k-grid-header .k-header a {
    background-color: #2593f3;
    background-image: none;
    color: #fff;
}

.requirement-tabs .k-state-selected a {
    background-color: transparent !important;
}

.requirement-tabs .k-grid table tr td .k-button {
    padding: 0 3px;
}

.requirement-tabs .k-grid tr:nth-child(odd), .requirement-tabs .k-grid tr.k-state-selected:nth-child(odd) {
    background-color: transparent !important;
}

.requirement-tabs .k-grid tr:nth-child(even), .requirement-tabs .k-grid tr.k-state-selected:nth-child(even) {
    background-color: #f1f1f1 !important;
}

.requirement-tabs .k-grid td.k-state-selected:hover, .requirement-tabs .k-grid tr.k-state-selected:hover td {
    background-color: transparent !important;
}

.button-icononly .k-icon {
    font-size: 13px;
}

    .button-icononly .k-icon.zmdi-edit {
        color: #0cba62 !important;
    }

    .button-icononly .k-icon.k-i-check {
        color: #0cba62 !important;
    }

    .button-icononly .k-icon.k-i-cancel {
        color: #f73c54 !important;
    }


    .button-icononly .k-icon.fa-trash {
        color: #f73c54 !important;
    }

.button-icononly {
    min-width: 25px !important;
    text-indent: -9999px;
    background-color: Transparent;
    background-repeat: no-repeat;
    border: none;
    cursor: pointer;
    overflow: hidden;
    outline: none;
    background-image: none;
}

    .button-icononly:hover {
        border: none;
        background-color: transparent;
        background-image: none;
    }

    .button-icononly .k-icon {
        float: left;
        margin: 1px 0 0;
    }

.k-grid-edit-row actn-ed i.zmdi-edit {
    display: none;
}

.k-grid-edit-row actn-ed i.zmdi-edit {
    display: block;
}

.actn > .actn-ed i {
    color: #0cba62 !important;
    font-size: 13px;
    position: static !important;
    top: 14px;
    left: 15px;
}

.actn > .actn-dl i {
    color: #f73c54 !important;
    font-size: 13px;
    position: static !important;
    top: 14px;
    left: 15px;
}


#Req_Grid .k-grid-header .k-checkbox-label.k-no-text {
    display: none;
}

#functionalMasterGrid .k-grid-header .k-header, #functionalMasterGrid .k-grid-header .k-header a {
    background-color: #2593f3 !important;
    background-image: none !important;
    color: #fff !important;
}

#functionalGrid .k-grid-header .k-header, #functionalGrid .k-grid-header .k-header a {
    background-color: #2593f3 !important;
    background-image: none !important;
    color: #fff !important;
}

#technicalGrid .k-grid-header .k-header, #technicalGrid .k-grid-header .k-header a {
    background-color: #2593f3 !important;
    background-image: none !important;
    color: #fff !important;
}

#functionalGrid .k-widget.k-tooltip-validation {
    border-color: #ff9800 !important;
    background-color: #ff9800 !important;
    color: #fff !important;
}

#technicalGrid .k-widget.k-tooltip-validation {
    border-color: #ff9800 !important;
    background-color: #ff9800 !important;
    color: #fff !important;
}

.page_heading_with_img {
    font-size: 16px;
    line-height: 27px;
    color: #040404;
    font-weight: bold;
    font-family: "Segoe UI Emoji";
}

.notifi_align {
    right: 0 !important;
    margin: 0 auto !important;
}

#Req_Grid .k-pager-info {
    background-color: #2593f3;
    color: #fff;
    margin-right: 10px;
    padding: 0 0.6em;
}

#functionalGrid .k-pager-info {
    background-color: #2593f3;
    color: #fff;
    margin-right: 10px;
    padding: 0 0.6em;
}

#technicalGrid .k-pager-info {
    background-color: #2593f3;
    color: #fff;
    margin-right: 10px;
    padding: 0 0.6em;
}

#functionalGrid .k-link {
    color: #ffffff !important;
    background-color: #2593f3 !important;
}

#technicalGrid .k-link {
    color: #ffffff !important;
    background-color: #2593f3 !important;
}

.Reqicon_freeze {
    pointer-events: none !important;
    opacity: 0.3 !important;
}

.GoboPRo_Link {
    cursor: pointer;
}

.vality_Specific {
    color: blue !important;
}

.vality_Common {
    color: green !important;
}

.ass_impor_div {
    float: left;
    padding-top: 10px;
}

#AssignErrorMsg {
    margin-left: 10px;
    margin-top: 10px;
    color: red;
}

.Inheritance_Color_Style {
    color: #4CAF50 !important;
    font-weight: bold !important;
}

.lft_side_profInter {
    background-color: #f6f6f6;
    padding: 3px;
    width: 10% !important;
    float: left;
    font-family: 'roboto';
    height: 630px !important;
}

.rgt_side_profInter {
    padding: 5px;
    width: 100%;
    float: right;
    margin-left: 0;
    padding-top: 0;
    height: auto !important;
}


.rgt_side_profInterInitial {
    /*padding: 5px;*/
    width: 89% !important;
    float: right;
    /* margin-left: 0; */
    padding-top: 0;
    height: auto !important;
    /* margin-top: -19px; */
    /* padding-left: 15px*/
    border: 1px solid #dcdcdc;
}

@media (min-width:1292px) and (max-width:1366px) {
    .acc_check input[type="checkbox"] {
        width: 70px;
    }

    .ass_del {
        padding-right: 2% !important;
    }

    .ass_paint {
        padding-right: 6% !important;
    }

    .rgt_side_profInterInitial {
        padding: 5px;
        width: 90% !important;
        float: right;
        margin-left: 0;
        padding-top: 0;
        height: auto !important;
    }
}



@media (min-width:1450px) and (max-width:1657px) {
    .acc_check input[type="checkbox"] {
        width: 93px;
    }

    .ass_del {
        padding-right: 2% !important;
    }

    .ass_paint {
        padding-right: 3% !important;
    }

    .rgt_side_profInterInitial {
        padding: 5px;
        width: 90% !important;
        float: right;
        margin-left: 0;
        padding-top: 0;
        height: auto !important;
    }
}

@media (min-width:1058px) and (max-width:1292px) {
    .acc_check input[type="checkbox"] {
        width: 69px;
    }

    .ass_del {
        padding-right: 2% !important;
    }

    .ass_paint {
        padding-right: 3% !important;
    }

    .rgt_side_profInterInitial {
        padding: 5px;
        width: 90% !important;
        float: right;
        margin-left: 0;
        padding-top: 0;
        height: auto !important;
    }
}

@media (min-width:320px) and (max-width:1058px) {
    .acc_check input[type="checkbox"] {
        width: 54px;
    }

    .ass_del {
        padding-right: 2% !important;
    }

    .ass_paint {
        padding-right: 3% !important;
    }

    .rgt_side_profInterInitial {
        padding: 5px;
        width: 90% !important;
        float: right;
        margin-left: 0;
        padding-top: 0;
        height: auto !important;
    }
}

@media (max-width: 1292px) and (min-width: 1058px) {
    .acc_check input[type="checkbox"] {
        width: 55px;
    }

    .rgt_side_profInterInitial {
        padding: 5px;
        width: 90% !important;
        float: right;
        margin-left: 0;
        padding-top: 0;
        height: auto !important;
    }
}

@media (max-width: 1366px) and (min-width: 1292px) {
    acc_check input[type="checkbox"] {
        width: 63px;
    }

    .rgt_side_profInterInitial {
        padding: 5px;
        width: 90% !important;
        float: right;
        margin-left: 0;
        padding-top: 0;
        height: auto !important;
    }
}

.p_l_r_2 {
    padding: 0 2px !important;
}

.p_l_r_5 {
    padding: 0 5px !important;
}

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

.m_t_10 {
    margin-top: 10px !important;
    padding-left: 20px !important;
}

.curentstate_cus_btn {
    padding: 3px !important;
}

.tree_category_drp {
    height: 32px;
    font-size: 12px !important;
}

    .tree_category_drp option {
        padding-left: 2px !important;
    }

    .tree_category_drp .optgroup {
        font-weight: 900 !important;
    }

    .tree_category_drp .optparent {
    }

.currnt_float {
    float: right;
}




/*#Future_grid .k-hierarchy-cell {
    padding-left: 0px !important;
}
*/

#Future_grid .k-hierarchy-cell {
    display: none !important;
}

#Future_grid .k-grid tbody tr {
    height: 14px !important;
    line-height: 14px;
    padding: 0;
}
/*#grid_pro1 .k-grid-header {
    padding-right: 2px !important;
}*/


#CurrentVerifi_grid .k-grid-content tr td {
    text-overflow: ellipsis;
    white-space: nowrap;
    /*width: 121px !important;*/
    height: 11px;
}


/*#CurrentVerifi_grid .k-grid-header th.k-header {
    vertical-align: top !important;
    background: #2593f3 !important;
    color: #ffffff !important;
    padding: .1em .6em .1em .6em;
}*/

#tabStrip_future-1 {
    display: none !important;
}

#CurrentVerifi_grid .k-grid-content {
    overflow-y: scroll;
    height: 184px;
}

#CurrentVerifi_grid .k-hierarchy-cell {
    padding-left: 0px !important;
}

#CurrentVerifi_grid .k-master-row {
    line-height: 14px;
    padding: 0;
    /*background-color:white !important;
    color: black !important;*/
}

/*#CurrentVerifi_grid .k-dropdown-operator {
    display: none;
}*/

#CurrentVerifi_grid .k-filtercell > span {
    min-height: 1em;
    width: 100%;
}

#CurrentVerifi_grid .k-autocomplete-clearable .k-input, #CurrentVerifi_grid .k-combobox-clearable .k-input, #CurrentVerifi_grid .k-multiselect-clearable .k-input {
    height: 1.6em;
}

#CurrentVerifi_grid .k-filter-row th,
/*#CurrentVerifi_grid .k-grid-header,*/
#CurrentVerifi_grid .th.k-header {
    padding: .1em .6em .1em .6em;
}


/*///Main Windows///*/
#Pro_Comparison_Window {
    height: 517px !important;
    width: 100% !important;
}

#divComparisonData .k-grid-header {
    padding-right: 0 !important;
    padding-left: 0 !important;
    overflow: hidden !important;
    overflow-y: scroll !important;
}

#divComparisonData.k-grid td {
    padding: .1em .6em;
}

#divComparisonData .k-grid-content tr td {
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 120px !important;
}

#divComparisonData .k-grid-header th.k-header {
    vertical-align: top !important;
    background: #2593f3 !important;
    color: #ffffff !important;
    padding: .1em .6em .1em .6em;
    width: 120px !important;
}

#divComparisonData .k-filter-row {
    display: none !important;
}
/*Comparsion*/

#Comparison_tabs-1, #Comparison_tabs-2, #Comparison_tabs-3 {
    height: 700px !important;
}

.compar_panel {
    margin-left: 7px !important
}

#ComColumnsGrid .k-grid-content tr td {
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 121px !important;
    height: 11px;
}

#ComColumnsGrid .k-hierarchy-cell {
    padding-left: 0px !important;
}

#ComColumnsGrid .k-grid tbody tr {
    height: 14px !important;
    line-height: 14px;
    padding: 0;
}
/*#grid_pro1 .k-grid-header {
    padding-right: 2px !important;
}*/
#ComColumnsGrid .k-grid-header .k-header {
    vertical-align: top !important;
    background: #2593f3 !important;
    color: #ffffff !important;
    padding: .1em .6em .1em .6em;
    width: 120px !important;
}

/*#consolidationGrid .k-grid-header .k-header {
    vertical-align: top !important;
    background: #2593f3 !important;
    color: #ffffff !important;
    padding: .1em .6em .1em .6em;
    width: 120px !important;
}*/

#ComMatchedGrid .k-hierarchy-cell {
    padding-left: 0px !important;
}

#ComMatchedGrid .k-grid tbody tr {
    height: 14px !important;
    line-height: 14px;
    padding: 0;
}
/*#grid_pro1 .k-grid-header {
    padding-right: 2px !important;
}*/
#ComMatchedGrid .k-grid-header .k-header {
    vertical-align: top !important;
    background: #2593f3 !important;
    color: #ffffff !important;
    padding: .1em .6em .1em .6em;
    width: 120px !important;
}

.com_grid {
    margin-left: -14px;
}

#ComResultDataGrid .k-grid-content tr td {
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 121px !important;
    height: 11px;
}

#ComResultDataGrid .k-hierarchy-cell {
    padding-left: 0px !important;
}

#ComResultDataGrid .k-grid tbody tr {
    height: 14px !important;
    line-height: 14px;
    padding: 0;
}
/*#grid_pro1 .k-grid-header {
    padding-right: 2px !important;
}*/
#ComResultDataGrid .k-grid-header .k-header {
    vertical-align: top !important;
    background: #2593f3 !important;
    color: #ffffff !important;
    padding: .1em .6em .1em .6em;
    width: 120px !important;
}

/*.k-widget, .k-window {
    padding-top: 29px;
    min-width: 90px;
    min-height: 50px;
    width: 1344px !important;
    display: block;
    top: 90.4844px;
    left: -59px;
    z-index: 10003;
    opacity: 1;
}*/

.totCountstxt {
    width: 85px !important;
}

.totNullTxt {
    width: 60px !important;
}

.com_probtn {
    padding-top: 3px !important;
}

.k-filter-row th, .k-grid-header th.k-header {
    overflow: hidden;
    border-style: solid;
    border-width: 0 0 1px 1px;
    padding: .5em .6em .4em .6em;
    font-weight: 400;
    white-space: nowrap;
    text-overflow: ellipsis;
    text-align: left;
    background: #337ab7 !important;
    color: white !important;
}

.matched_header {
    width: 12px !important;
}

.curent_hearer {
    width: 120px !important;
}

.matched_filtercell {
    display: none !important;
}

.matched_contnt {
    width: 12px !important;
    text-align: right !important;
}

.curent_hearer_contnt {
    width: 121px !important
}

.matched_header_count {
    width: 66px !important;
}

.k-overlay {
    background-color: white !important;
}

#grid_pro .k-auto-scrollable {
    width: auto;
    overflow: hidden;
    padding-right: 18px;
}

#com_dynForm .tree-icon {
    display: none;
}

#com_dynForm .tree-folder {
    display: none;
}

#com_dynForm .tree-folder-open {
    display: none;
}

#com_dynForm {
    height: 800px !important;
}

.web_UI #com_dynForm {
    height: 1132px !important;
}

#com_dynForm .easyui-panel {
    height: 700px !important;
    overflow-x: scroll !important;
}

.prof_filter {
    margin-left: -25px;
}

.txt_highlight {
    color: #5199ff;
}

.medium_hi_prev_com {
    height: 205px;
}

.hiass_assign_inheit {
    width: 5%;
}

.hiass_assign_AttType {
    width: 10%;
}

#grid_pro .k-icon, .k-clear-value {
    float: right;
    /*margin-top: -9px;*/
    background: cadetblue;
    margin-right: 3px;
}

#grid_pro .k-input {
    width: 94% !important;
}

#tabStrip_Current-1 {
    display: none !important;
}

.frmGrpConsolidation {
    margin-bottom: 0px !important;
    padding-left: 0px !important;
}

.data_elements {
    width: 17% !important;
}

.data_elements_label {
    width: 6% !important;
    padding-top: 6px !important;
}

#grid_pro .k-hierarchy-col {
    width: 0px;
}

#CurrentVerifi_grid .k-hierarchy-col {
    width: 0px;
}

/*#CurrentVerifi_grid .k-grid-header {
    width: 100% !important;
    padding-right: 0 !important;
    padding-left: 0 !important;
}*/

/*#CurrentVerifi_grid .k-auto-scrollable {
    padding-right: 0px !important;
}*/

#CurrentVerifi_grid .k-scrollbar-vertical {
    /*visibility: hidden !important;*/
    height: 97%;
}

#divResultData_profiler .k-grid-header, #divResultData_profiler .k-header {
    /*  height: 20px;*/
    padding: 0;
}

#divResultData_profiler .k-grid-content tbody tr {
    line-height: 14px;
}

/*#divResultData_profiler .k-grid-content tbody td {
    padding: 0;
}*/
.console_app_txt {
    margin-top: -30px;
    color: #2494f2;
}

.label_padding {
    padding-top: 6px !important;
    padding-left: 34px;
}


#consolidationGrid .k-grid-content tbody td {
    padding: 0 !important;
}

.ComColumnsGrid_text {
    height: 18px !important;
}

.com_combo_wdth {
    width: 150px !important;
}


#Req_Grid .k-grid-header th.k-header {
    vertical-align: top !important;
    background: #2593f3 !important;
    color: #ffffff !important;
    padding: .1em .6em .1em .6em;
    /*width: 120px !important;*/
}


/*#Req_Grid .k-button.k-button-icon .k-icon, .k-grid-filter {
    display: none !important;
}*/

#Req_Grid .k-button.k-button-icon .k-icon {
    display: none !important;
}

#Req_Grid .k-grid tbody tr {
    height: 10px !important;
}

.leaf_node {
    font-weight: bold !important;
}

.highlight_node {
    font-weight: bold !important;
    /*color: #0e0e0e;*/
    color: #000000 !important;
}

#CurResultCountgrid .k-grid-header th.k-header {
    vertical-align: top !important;
    background: #ffffff !important;
    color: #101010 !important;
    padding: .1em .6em .1em .6em;
    font-weight: bold;
}

#CurResultCountgrid .k-grid tbody tr {
    height: 10px !important;
}

.cur_child_seleable {
    display: none;
}

.matched_header_child {
    width: 15px !important;
}

.div_pro {
    width: 246px !important;
}

#Future_grid .k-hierarchy-cell {
    padding-left: 0px !important;
}

.k-detail-cell #Future_grid {
    height: 100px;
    overflow-y: scroll;
}

#Future_grid .k-master-row {
    line-height: 14px;
    padding: 0;
}

#Future_grid .k-filtercell > span {
    min-height: 1em;
    width: 100%;
}

#Future_grid .k-autocomplete-clearable .k-input, #grid_pro .k-combobox-clearable .k-input, #grid_pro .k-multiselect-clearable .k-input {
    height: 1.6em;
}

#Future_grid .k-filter-row th,
/*#Future_grid .k-grid-header,*/
#Future_grid .th.k-header {
    padding: .1em .6em .1em .6em;
}



/*#Future_grid .k-grid-header {
    width: 100% !important;
    padding-right: 0 !important;
    padding-left: 0 !important;
}*/

#Future_grid.k-grid td {
    padding: .1em .6em;
}


#Future_grid .k-hierarchy-col {
    width: 200px !important;
}

#Future_grid .k-scrollbar-vertical {
    top: 0;
    right: 0;
    width: 17px;
    height: 71%;
    overflow-x: hidden;
}

#Future_grid .k-grid-content {
   /* height: 153px !important;*/
    overflow-y: scroll;
    margin-left: 1px;
}
/*#Future_grid .k-grid .k-group-col, .k-grid .k-hierarchy-col {
    width: 40px;
}*/

#Future_grid .k-virtual-scrollable-wrap {
    overflow-y: hidden;
    position: relative;
}

#Future_grid .k-grid-content tr td {
    text-overflow: ellipsis;
    white-space: nowrap;
    height: 11px;
    /*width: 121px !important ;*/
}

#Future_grid .k-display-block {
    margin-left: -8px !important;
    margin-top: 10px !important;
}

#Future_grid .k-detail-row .k-detail-cell {
    /* overflow: visible;
    background: #95bee1 !important;*/
}

#Future_grid_detail .k-grid-header {
    width: 100% !important;
    padding-right: 0 !important;
    padding-left: 0 !important;
}

#Future_grid_detail .k-grid-content {
    overflow-y: scroll;
}

    #Future_grid_detail .k-grid-content tr td {
        text-overflow: ellipsis;
        white-space: nowrap;
        height: 11px;
    }

#divResultData_profiler tbody tr {
    height: 32px !important;
}

#divResultData_profiler .maingrid_checkbox {
    padding-left: 24px !important;
}

.pro_edit {
    position: relative !important;
    left: 15px !important;
    font-size: 16px !important;
    top: 0px !important;
}


.pro_cancel {
    color: red !important;
}

.parent_node {
    font-weight: bold !important;
}

.child_node {
    font-weight: bold !important;
    color: #2494F2 !important;
}

.scroll_custom_consli {
    height: 600px !important;
    width: 80% !important;
}

.consli_hafdiv {
    /*width: 77%;*/
    width: 58%;
    padding-left: 24px;
    float: inherit;
}

.cons_tree_div {
    width: 18% !important;
    float: left;
    padding-left: 12px;
}

.consli_fulldiv {
    float: right;
    padding-left: 30px;
}

.target_div {
    /*  width: 18% !important;
    float: right;*/
    width: 18% !important;
    padding-left: 12px;
    float: right;
}

.consli_so_tree {
    width: 40%;
    padding-left: 16px;
    font-size: 14px;
}

.con_lba {
    font-size: 14px;
}

.cate_dele_icon {
    color: red !important;
}

.con_lba_targ {
    font-size: 14px;
    /* float: right;
    margin-right: 17%;*/
}

.cate_taglbl {
    margin-left: 41%;
}

.cate_tagldd {
    margin-right: 6%;
    padding-top: 1px !important;
}

#divResultData .k-widget {
    position: inherit;
    padding-left: 42px;
    border: none;
    color: white !important;
}

#Pro_Main_Window .k-header a {
    color: white !important;
    font-weight: 200;
}

.k-icon, .k-i-arrow-e {
    color: black;
}

.hi_tree_tb th:last-child {
    width: 550px;
}

#divResultData_profiler, #ruleGrid_profiler {
    font-size: 15px;
}

    #divResultData_profiler .k-grid-header {
        line-height: 40px;
        padding-right: 2.1% !important;
    }
/*.tree-node-hover
{
    color:red !important
}*/

.k-widget.k-tooltip {
    color: #000000;
    border-width: 1px;
    border-color: #333333;
    font-weight: bold;
    text-align: center;
    font-size: 15px;
}

.treetooltip:hover:after {
    content: attr(data-content);
    visibility: visible;
    /*background-color: #337ab7 !important;
    color: white !important;
    text-align: center;
    border-radius: 6px;
    padding: 3px 5px;
    font-size: 20px;
    position: relative;
    left: -65px;
    top: -28px;
    word-break: break-all;
    white-space: initial;*/
    background-color: #337ab7 !important;
    color: white !important;
    border-radius: 4px;
    padding: 3px 5px;
    font-size: 14px;
    width: 140px;
    word-break: break-all;
    white-space: initial;
    z-index: 999;
    /*float: right;*/
    float: left;
    position: absolute;
}

.notify_Header {
    padding: 7px 19px 0.7222em;
    text-align: center;
    font-size: 1.50em;
    margin-top: 1%;
}

.se_mom {
    margin-top: 1%;
}


.rv_order_box {
    display: flex;
}

.rvneww-100 > span {
    width: 100%;
}

.display_count_area {
    border: 1px solid #eee;
    margin: 20px 15px;
    padding: 20px;
    background: #f9f9f9;
    width: fit-content;
    background: #f9f9f9;
}

.rv_font_weight_400 {
    font-weight: 400;
}

.padding_15px_rv {
    padding: 0 2px;
}


#ProfSplCharaGrid table thead > tr > th.k-header {
    width: 50px;
    text-align: right;
}

#ProfSplCharaGrid table tbody > tr > td {
    width: 50px;
    text-align: right;
}


.mds_txtaln {
    width: 75px;
    text-align: right;
}

.mds_txtaln_extrawidth {
    width: 105px;
    text-align: right;
}

#ProfSplCharaGrid .k-grid-header-locked table thead > tr > th:nth-child(1) {
    text-align: left !important;
}

#ProfSplCharaGrid .k-grid-header-locked table thead > tr > th:nth-child(2) {
    text-align: left !important;
}

#ProfSplCharaGrid .k-grid-header-locked table thead > tr > th:nth-child(3) {
    text-align: left !important;
}





/*#ProfSplCharaGrid table thead > tr > th:nth-child(1), #ProfSplCharaGrid table thead > tr > th:nth-child(2){
    text-align: left !important;
    width: 180px !important;
}*/

/*#ProfSplCharaGrid table thead > tr > th:nth-child(3) {
    text-align: left !important;
    width: 80px;
}*/

/*
#ProfSplCharaGrid table tbody > tr > td:nth-child(3) {
    text-align: left !important;
    width: 80px;
}*/

/*#ProfSplCharaGrid table tbody > tr > td:nth-child(1), #ProfSplCharaGrid table tbody > tr > td:nth-child(2){
    text-align: left !important;
    width: 180px !important;
}*/

/*#divResultData_profiler table tbody > tr > td:nth-child(5), #divResultData_profiler table tbody > tr > td:nth-child(6), #divResultData_profiler table tbody > tr > td:nth-child(7), #divResultData_profiler table tbody > tr > td:nth-child(8), #divResultData_profiler table tbody > tr > td:nth-child(11) {
    text-align: right !important;
}*/
#divResultData_profiler table tbody > tr > td:nth-child(7), #divResultData_profiler table tbody > tr > td:nth-child(8), #divResultData_profiler table tbody > tr > td:nth-child(9), #divResultData_profiler table tbody > tr > td:nth-child(10), #divResultData_profiler table tbody > tr > td:nth-child(11) {
    text-align: right !important;
}

#divResultData_profiler table thead > tr > th:nth-child(7), #divResultData_profiler table thead > tr > th:nth-child(8), #divResultData_profiler table thead > tr > th:nth-child(9), #divResultData_profiler table thead > tr > th:nth-child(10), #divResultData_profiler table thead > tr > th:nth-child(11) {
    text-align: right !important;
    padding-right: 5px !important;
}

/*#ProfSplCharaGrid table tbody > tr > td:last-child {
    display: none !important;
}*/

#divResultData_profiler table thead > tr > th.k-header {
    font-weight: bold;
}

#ProfCasegrid table thead > tr > th.k-header {
    font-weight: bold;
}

.k-filter-row {
    line-height: 9px;
}

.mg-top {
    margin-top: 10px;
}
/*.mg-left {
    margin-left: -27px;
}*/
#divResultData_profiler k-grid-content k-auto-scrollable {
    height: 525px;
}

#ProfSplCharaGrid {
    height: 601px !important;
    /*margin-left: 13px;*/
}

#ProfCasegrid k-grid-content k-auto-scrollable {
    height: 529px;
}

#ProfCasegrid {
    height: 600px !important;
}



.main_div {
    border: 1px solid #9f9f9f;
}

.main_tab {
    margin-left: -15px;
}

/*.popover-content {
    background-color: #337ab7 !important;
    color: white !important;*/
/*text-align: center;*/
/*border-radius: 6px;
    padding: 3px 5px;
    font-size: 14px;
    width: 200px;
    word-break: break-all;
    white-space: initial;*/
/*left: 0px;
    top: -28px;*/
/*z-index:999;
    float:right;
    position:absolute;
    
}*/
.mglft-12 {
    margin-left: -12px;
}

.mglft-14 {
    margin-left: -14px;
}

.g_div {
    /* margin-left: -12px;*/
    width: 100%;
}

.macurrent_div {
    width: 15%;
}

.macurrent_div1 {
    width: 10%;
}

.lft_side_profInter_current {
    background-color: #f6f6f6;
    padding: 3px;
    width: 15% !important;
    float: left;
    font-family: 'roboto';
    margin-left: 10px;
    height: 630px !important;
}

.catelog_lov {
    width: 215px !important;
}

.us_uns_txt {
    width: 45px !important;
}

.total_txt {
    margin-left: 51px;
}

/*///Main Windows///*/
#UsedUnUsed_Window {
    height: 609px !important;
    width: 100% !important;
}

.use_txt_notes {
    width: 350px;
}

.use_btn {
    margin-top: 7px;
    float: right;
    /* margin-left: 15px; */
    /* padding-left: 9px; */
    margin-right: 174px;
}

.txtUseNotes {
    color: red;
}

.rowselect {
    color: red;
}

.used_windows {
    top: 181px !important;
}

.integ_subTab {
    margin-top: -31px;
    margin-left: -10px;
}

#Mapping_Rule-1 {
    height: 701px !important;
}

div#LogicalDataModelTab-1 {
    height: 629px !important;
}

div#LogicalDataModelTab-2 {
    height: 629px !important;
}

div#integMDSTab-2 {
    height: 903px !important;
}

#Mapping_Rule-4 {
    height: 825px !important;
}

#Mapping_Rule-3 {
    height: 603px !important;
}

#Mapping_Rule-2 {
    height: 822px !important;
}

div#Classification_SubTabs-1 {
    height: 641px !important;
}

div#Classification_SubTabs-2 {
    height: 641px !important;
}

#consolidationCategoryGrid .k-grid-toolbar {
    display: none !important;
}

.Mapping_Rule-tabs {
    display: contents !important;
}

div#PhysicalDataModelTab-1 {
    height: 665px !important;
}

div#Classification_SubTabs {
    margin-top: 7px;
}

div#PhysicalDataModelTab-2 {
    height: 665px !important;
}

div#Mapping_Rule-8 {
    height: 778px !important;
}

div#PIMGovernanceTab_SubTabs {
    margin-top: 8px;
}

div#PhysicalDataModelTab {
    margin-top: 5px;
}

.mapplbl_fs {
    display: flex;
    float: right;
    justify-content: right;
}

.mainlbltxt {
    float: right;
}

.future_eye {
    float: right;
    margin-top: 14px;
    z-index: 9;
    padding-right: 12px;
    color: #23971b;
    cursor: pointer;
}

.mapp_mapp {
    width: 230px;
}

.mapp_mapp_to {
    width: 280px;
    float: right;
    margin-right: -14px !important;
}

.mappddl {
    float: right;
    margin-right: -74px;
}

.disply_none_mapp {
    display: none !important;
}

.exjsonbtn {
    padding: 4px;
}

.Jbtn_Mapping_Submit {
    color: currentColor;
    cursor: not-allowed;
    opacity: 0.5;
    text-decoration: none;
}

.ref_state {
    margin-left: 6% !important;
    margin-top: -34px;
}

.lbl_state {
    margin-top: 4px;
    margin-left: 10px;
}

.div_ref_grid {
    margin-top: 10px;
}

.ref_search {
    margin-left: -29px !important;
    margin-top: 10px;
}
/*.ref_norecord {
    height: 51px;
}*/
.ref_parenddiv {
    width: 463px !important;
}

.ref_importdiv {
    width: 414px !important;
}

.cata_parenddiv {
    width: 494px !important;
}

.cata_importdiv {
    width: 414px !important;
}

.cat_succ_msg {
    padding: 4px !important;
    margin-top: 0 !important;
}

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

.RefDelCat {
    padding: 3px;
}

.RefDelAll {
    padding: 3px;
}

.catFilterNoRecordDiv {
    height: 135px;
}

.catFilterdivNoRecordLine {
    display: none;
}

.source_main_tab {
    width: 80% !important;
}

.mapping_main_tab {
    width: 100% !important;
}

.main_tree_disp {
    display: none !important
}


.CategoryMappingRuleLabel {
    background-color: #337ab7 !important;
    color: white;
    border: 1px solid;
    text-align: center;
}

.scroll_width_maprule {
    width: 100% !important
}

.usedfilterdata {
    margin-left: 10px;
    float: right;
}

#integMDSTab-1 {
    height: 838px !important;
}

.toast.toast_div {
    position: absolute;
    padding: 10px;
    z-index: 999;
    top: 60px;
    color: #fff;
    /* left: calc(50% - 140px); */
    right: 14px;
    border-radius: 5px;
    width: 309px;
    /* animation-name: toasteranimation;
    animation-duration: 10s;*/
}

@keyframes toasteranimation {
    0% {
        right: -200px;
    }

    70% {
        right: 0px;
    }
}

.toast.toast_div.greenbg {
    background: #009320;
}

.toast.toast_div.redbg {
    background: #e45041;
}

#Profile_Data-6 {
    height: 649px !important;
}

#Profile_Data-2 {
    height: 649px !important;
}

#Profile_Data-3 {
    height: 648px !important;
}

#Profile_Data-5 {
    height: 648px !important;
}

#Profile_Data {
    height: 721px !important;
}

#Profile_Data-4 {
    height: 649px !important;
}

#ProfCasegrid .k-grid-content.k-auto-scrollable {
    height: 567px !important;
}


#divResultData_profiler .k-grid-content.k-auto-scrollable {
    height: 489px;
}

#Profile_Data-1 {
    height: 648px !important;
}

.mapp_head_source {
    width: 8%;
}

.mapp_head_name {
    width: 20%;
}

.mapp_head_rule {
    width: 27%;
}

.mapp_head_code {
    width: 25%;
}

.mapp_head_new {
    width: 0%;
}
/*.arrNewclas {
overflow:auto;
}*/
/*.arrNewclas > div {
   width: 900px;

}*/

.attributeViewicon {
    position: static !important;
    top: 14px;
    left: 15px;
    color: #0cba62;
    font-size: 20px !important;
}

.link_freeze_specific {
    cursor: not-allowed !important;
    pointer-events: none !important;
    opacity: 0.7;
    background-color: #eee;
    /*background: #b3afaf;*/
}

.mainGrid_commonSpecificDDL {
    color: #fff;
    background-color: #337ab7;
    border: none;
    padding-bottom: 5px;
    font-weight: normal !important;
    font-family: inherit !important;
}


#redonlyspecificCss input[type='checkbox']:checked:after {
    box-shadow: none;
}




#redonlyspecificCss input[type='checkbox'] {
    margin: 0;
    position: relative;
}


    #redonlyspecificCss input[type='checkbox']:after {
        vertical-align: middle;
        text-align: center;
        line-height: 13px;
        position: absolute;
        cursor: pointer;
        width: 13px;
        color: white;
        /*-webkit-box-shadow: inset 0 1px 1px #5F95FC, 0 1px 0 #5F95FC;
        -moz-box-shadow: inset 0 1px 1px #5F95FC, 0 1px 0 #5F95FC;
        box-shadow: inset 0 1px 1px #5F95FC, 0 1px 0 #5F95FC;*/
    }

    #redonlyspecificCss input[type='checkbox']:checked:before {
        background: #484444 !important;
        content: '';
        width: 13px;
        height: 12px;
        position: absolute;
        border-radius: 3px;
    }

    #redonlyspecificCss input[type='checkbox']:checked:after {
        color: #ffffff !important;
        content: "\f00c";
        display: inline-block;
        font: normal normal normal 14px/1 FontAwesome;
        text-rendering: auto;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        font-size: 9px;
        padding-top: 1px;
        padding-bottom: 2px;
        position: absolute;
    }

#divResultData_profiler .k-header > .k-grid-filter, .k-header > .k-header-column-menu {
    margin-right: 3%;
}

.consolidationSettings_category_grids {
    display: grid;
    grid-template-columns: 20% auto auto auto;
    grid-gap: 15px;
    overflow-x: auto;
    padding-left: 2%;
}

.consolidationSettings_categorySpecAttr_grids {
    display: grid;
    grid-template-columns: 20% 45% auto auto;
    grid-gap: 15px;
    overflow-x: auto;
    padding-left: 2%;
}

.attributeViewicon_active {
    color: #accdaa;
}

.scroll_custom_mappingsrc > #mCSB_1 {
    overflow-x: auto;
}

.scroll_custom_mappingsrc > #mCSB_2 {
    overflow-x: auto;
}

.scroll_custom_mappingsrc > #mCSB_1 > .mCSB_container {
    overflow: unset !important;
}

.scroll_custom_mappingsrc > #mCSB_2 > .mCSB_container {
    overflow: unset !important;
}

.highlight_node_green {
    font-weight: bold !important;
    color: #0cba62;
}

/*.scroll_custom_mappingsrc > #mCSB_1 > .mCSB_1_scrollbar {
    visibility: unset;
}*/

.numbers_align_Grid {
    text-align: right !important;
}

.splgridPager_div {
    margin-left: 0px;
    width: 100%;
}

#CurrentVerifi_grid > div > div > table {
    width: 100% !important
}

#ProfCasegrid table thead > tr > th:nth-child(4) {
    text-align: right !important;
}

#ProfCasegrid table thead > tr > th:nth-child(5) {
    text-align: right !important;
}

#ProfCasegrid table thead > tr > th:nth-child(6) {
    text-align: right !important;
}

#ProfCasegrid table thead > tr > th:nth-child(7) {
    text-align: right !important;
}

#ProfCasegrid table thead > tr > th:nth-child(8) {
    text-align: right !important;
}

#ProfCasegrid table thead > tr > th:nth-child(9) {
    text-align: right !important;
}

#ProfCasegrid table thead > tr > th:nth-child(10) {
    text-align: right !important;
}


#ProfCasegrid table tbody > tr > td:nth-child(4) {
    text-align: right !important;
}

#ProfCasegrid table tbody > tr > td:nth-child(5) {
    text-align: right !important;
}

#ProfCasegrid table tbody > tr > td:nth-child(6) {
    text-align: right !important;
}

#ProfCasegrid table tbody > tr > td:nth-child(7) {
    text-align: right !important;
}

#ProfCasegrid table tbody > tr > td:nth-child(9) {
    text-align: right !important;
}

#ProfCasegrid table tbody > tr > td:nth-child(10) {
    text-align: right !important;
}

#ProfCasegrid table tbody > tr > td:nth-child(8) {
    text-align: right !important;
}

#permissionrole table thead > tr > th:nth-child(4) {
    text-align: right !important;
}

#permissionrole table thead > tr > th:nth-child(5) {
    text-align: right !important;
}

#permissionrole table tbody > tr > td:nth-child(4) {
    text-align: right !important;
}

#permissionrole table tbody > tr > td:nth-child(5) {
    text-align: right !important;
}


#grid_pro .k-grid-content table, .k-grid-content-locked > table, .k-grid-footer table, .k-grid-header table {
    border-bottom: 1px solid #cccccc !important;
}

#CurrentVerifi_grid .k-grid-content table, .k-grid-content-locked > table, .k-grid-footer table, .k-grid-header table {
    border-bottom: 1px solid #cccccc !important;
}

#Future_grid .k-grid-content table, .k-grid-content-locked > table, .k-grid-footer table, .k-grid-header table {
    border-bottom: 1px solid #cccccc !important;
}

/*#ProfSplCharaGrid .k-grid-header thead tr th{
    position:absolute;
}*/

.div_attrt_maping {
    width: 100%;
    margin-left: -2px;
    margin-top: 15px;
}

.div_ddl_attri {
    margin-top: 10px;
}


#integMDSTab {
    margin: 3px !important;
}


#attributeGrid table thead > tr > th:nth-child(6) {
    text-align: left !important;
}

#attributeGrid table tbody > tr > td:nth-child(6) {
    text-align: left !important;
}


#attributeGrid table thead > tr > th:nth-child(7) {
    text-align: left !important;
}

#attributeGrid table tbody > tr > td:nth-child(7) {
    text-align: left !important;
}

#attributeGrid table thead > tr > th:nth-child(14) {
    text-align: left !important;
}

#attributeGrid table tbody > tr > td:nth-child(14) {
    text-align: left !important;
}

#attributeGrid table thead > tr > th:nth-child(13) {
    text-align: left !important;
}

#attributeGrid table tbody > tr > td:nth-child(13) {
    text-align: left !important;
}

#attributeGrid table thead > tr > th:nth-child(4) {
    text-align: left !important;
}

#attributeGrid table tbody > tr > td:nth-child(4) {
    text-align: left !important;
}

#attributeGrid table thead > tr > th:nth-child(11) {
    text-align: left !important;
}

#attributeGrid table tbody > tr > td:nth-child(11) {
    text-align: left !important;
}

.attribute_ddl {
    width: 12% !important;
}

.attr_catalog_ddl {
    width: 16% !important;
}

.btnmapping_Attribute {
    padding: 4px;
    margin-top: 8px;
}

.div_btn_attribute {
    width: 15px !important;
}

.attributeGrid_tagDDL {
    color: #fff;
    background-color: #337ab7;
    border: none;
    padding-bottom: 5px;
    font-weight: normal !important;
    font-family: inherit !important;
}

.source_main_tab .scroll_current_prfil_product {
    width: 100% !important
}

.source_main_tab .mCSB_container {
    min-height: 100% !important;
    overflow-x: auto
}

#Mapping_Rule-5 {
    height: 725px !important;
}

#Mapping_Rule-6 {
    height: 719px !important;
}

div#Mapping_Rule-7 {
    height: 720px !important;
}


#AliesAttributeGrid table tbody > tr > td:nth-child(4), #AliesAttributeGrid table tbody > tr > td:nth-child(5), #AliesAttributeGrid table tbody > tr > td:nth-child(6), #AliesAttributeGrid table tbody > tr > td:nth-child(8) {
    text-align: right !important;
}

.alias_defaultyes {
    cursor: not-allowed;
}

.cleans_popup {
    position: relative !important;
    left: 7px !important;
    font-size: 16px !important;
    top: 0px !important;
    color: #0cba62 !important;
}

.cleans_edit {
    position: relative !important;
    left: 5px !important;
    font-size: 16px !important;
    top: 0px !important;
}

.cleans_del {
    position: relative !important;
    left: 9px !important;
    font-size: 16px !important;
    top: 0px !important;
    color: red !important;
}

.cleans_Save {
    position: relative !important;
    left: 15px !important;
    font-size: 16px !important;
    top: 0px !important;
}

.cleans_cancel {
    color: red !important;
    left: 19px !important;
}

.cleansTest_popup {
    position: relative !important;
    left: 7px !important;
    font-size: 16px !important;
    top: 0px !important;
    color: #370cba !important;
}

.cateSpecHighlight_row {
    color: red;
    font-weight: bold;
}

.underline_Data {
    /*color: red;*/
    text-decoration: underline !important;
}
.underline_Color_Data {
    color: red;
    text-decoration: underline !important;
}
.underlinePass_Color_Data {
    color: forestgreen;
    text-decoration: underline !important;
}

.pkey_bold {
    font-weight: bold;
}

.underl {
    text-decoration: underline;
}

.Pim_Reference_btn {
    margin-left: 87% !important;
    margin-bottom: 5px;
    text-align: right;
}

.sourceTarget_contextLanguage {
    position: absolute;
    right: 1%;
    display: flex;
    top: 29px;
}

.pimAttrContextPopup_fields {
    background-color: #efefef;
    padding: 10px;
    opacity: 1;
    border-radius: 3px;
    max-width: 50%;
}

.custom-disabled {
    pointer-events: none;
    opacity: .65;
}

.displayNone {
    display: none;
    cursor: none;
}

.MediaTypes {
    width: 200px;
    margin: 0px 10px;
}

.SourceTargetReferenceDdls {
    width: 200px;
    /*margin: 0px 10px;*/
}

.Positions {
    width: 200px;
}

.MPos {
    margin-left: 20px;
}



.media_ImgSize {
    width: 500px;
}

/*//*/
.slider-container {
    /*width: 50%;*/
    overflow: hidden;
    padding: 0px 20px;
}

.slider {
    list-style: none;
    padding: 0;
    margin: 0;
    /*display: flex;*/
    overflow-x: auto; /* Enable horizontal scrolling */
    scroll-behavior: smooth; /* Smooth scrolling behavior */
    max-height: 543px;
}

    .slider li {
        margin-right: 10px; /* Adjust spacing between images */
        padding: 30px 0px;
        margin: 0 .25rem .25rem 0;
        /*background-color: #f5f5f5;*/
        background-color: #ddd;
        text-align: center;
    }

    .slider img {
        max-width: 40%;
        height: auto;
        opacity: 0.6;
    }

.mediaTypeContainer .slider-container img {
    transition: transform .5s ease;
}

    /* [3] Finally, transforming the image when container gets hovered */
    .mediaTypeContainer .slider-container img:hover {
        opacity: 1;
        transform: scale(1.5);
    }

#mediaTypeImage {
    min-width: 70%;
    text-align: center;
    overflow: hidden;
    background: #f5f5f5;
    align-content: center;
    padding: 30px 20px;
}

.entityAssignment_listBoxContent {
    justify-content: center;
    align-items: center;
    display: flex;
}

    .entityAssignment_listBoxContent .demo-section {
        max-width: none;
        /*width: 665px;*/
        text-align: right;
    }

    .entityAssignment_listBoxContent .k-listbox {
        width: 285px;
        height: 350px;
        border: 1px solid #d7cdcd;
        background-color: #eaeaeb;
        /*height: 100vh;*/
    }

        .entityAssignment_listBoxContent .k-listbox:first-of-type {
            margin-right: 1px;
        }

/*//*/
.list_search {
    width: -webkit-fill-available;
}

/*div#Profile_Data {
    font-size: 16px;
}*/

.main_div .tree-node {
    padding: 5px !important;
}



#Future_grid_htmltable {
    position: relative;
    width: 100%;
    overflow: hidden;
    border-style: solid;
    border-width: 0 1px 0 0;
    zoom: 1;
    overflow-x: auto;
}

    #Future_grid_htmltable .tab_size {
        width: 100%;
        margin: 0;
        max-width: none;
        border-collapse: separate;
        border-spacing: 0;
        empty-cells: show;
        border-width: 0;
        outline: 0;
        height: 50px;
    }

    #Future_grid_htmltable .tab_head {
        overflow: hidden;
        border-style: solid;
        border-width: 0 0 1px 1px;
        padding: 0.5em 0.6em 0.4em 0.6em;
        font-weight: 400;
        white-space: nowrap;
        text-overflow: ellipsis;
        text-align: left;
        background: #337ab7 !important;
        color: white !important;
    }

    #Future_grid_htmltable .tab_data {
        border-style: solid;
        border-color: #ccc;
        border-width: 0 0 0 1px;
        text-overflow: ellipsis;
        white-space: nowrap;
        height: 11px;
        width: 121px !important;
        padding: 0.1em 0.6em;
    }

#Future_grid {
    width: 100% !important;
}
/*Small devices (landscape phones, 576px and up)*/
@media (min-width: 576px) {
    #Future_grid {
        width: 100% !important;
    }
}

/*// Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) {

    #Future_grid {
        width: 100% !important;
    }
}

/*// Large devices (desktops, 992px and up)*/
@media (min-width: 992px) {

    #Future_grid {
        width: 100% !important;
    }
}


/*// Extra large devices (large desktops, 1200px and up)*/
@media (min-width: 1200px) {

    #Future_grid {
        width: 100% !important;
    }
}

#Future_grid {
    height: 118px;
    width: 100% !important;
}

.reftable-width-class {
    width: 500% !important;
}

#Refgrid table {
    width: 300% !important;
}

#Refgrid_category table {
    width: 300% !important;
}

div#PhysicalDataModelTab-3 {
    height: 606px !important;
}

div#EntityAssignedGrid {
    width: 100%;
}

div#EntityUnAssignedGrid {
    width: 100%;
}

.entityGridAsignUnAsing {
    display: flex;
    justify-content: space-evenly;
    align-items: stretch;
}

.k-upload-sync .k-upload-button {
    margin: 0 !important;
}

.k-upload-files {
    border-style: solid;
    border-width: 1px 0 0;
    padding-bottom: 5px;
    float: right !important;
    margin-top: -1px !important;
    width: 274px !important;
}

.k-upload-files {
    line-height: 1.66;
}

.k-file {
    background-color: #fff;
    border-color: #d5d5d5;
    padding: 2px;
}

.k-file-extension-wrapper, .k-file-invalid-extension-wrapper, .k-multiple-files-extension-wrapper, .k-multiple-files-invalid-extension-wrapper {
    position: relative;
    width: 24px;
    height: 25px;
    border-width: 2px;
    border-style: solid;
    vertical-align: top;
    font-size: .57em;
    text-transform: uppercase;
}

.k-file-name {
    line-height: 1.2em;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-top: -5px;
    font-size: 13px;
}

/*Customer Reference Tabs*/

.CusRef_ValidErrorMsg {
    color: red;
    padding-top: 2px;
}

.cusRef_attribute-section {
    margin-bottom: 15px;
}

/* Media Query for Smaller Screens */
/*@media (max-width: 768px) {
    .cusRef_filter-section, .cusRef_button-section {
        flex-direction: column;
    }

    .CusRef_FilterDdls, .CusRefBtns {
        width: 100%;
    }

    .cusRef_button-section {
        justify-content: center;
    }
}*/
.piesDdlContainer2 {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 15px;
    padding: 20px 0px;
}

.piesBtnContainer2 {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
}

.CusRefBtns {
    padding-top: 25px;
    padding-left: 11px;
    flex: 0 0 auto;
}

.CusRef_DdlsCss {
    margin-right: 15px;
    flex: 1;
}

.SourceTargetReferenceDdls {
    width: 100%;
}

.hidden-tab {
    display: none !important;
}

.attrextlte {
    height: 30px;
}

.completebtn {
    float: right;
    width: 84px !important;
    margin-top: 13px;
}

.ddl_PIES {
    margin-right: 15px
}

#dynamicbtn {
    float: right !important;
    flex: 1;
    margin-top: 13px;
}

.CusRef_SaveAll_btn {
    float: right;
    margin-right: 10px;
}


/*File upload */
.fileupload-wrapper {
    flex-grow: 1; /* Allows the FileUpload to expand */
    min-width: 120px; /* Set a minimum width for smaller screens */
    margin-right: 5px; /* Small margin to create space between file input and buttons */
}

.button-wrapper {
    display: flex;
    flex-wrap: wrap;
    gap: 5px; /* Space between buttons */
    padding-left: 5px;
}

@media (max-width: 1200px) { /* Adjusts for smaller screens */
    .fileupload-wrapper {
        width: 60%; /* FileUpload takes 60% of the row */
    }

    .button-wrapper {
        width: 40%; /* Buttons take 40% of the row */
        justify-content: flex-start; /* Align buttons to the left */
    }
}

@media (max-width: 992px) { /* For even smaller screens (Bootstrap MD breakpoint) */
    .fileupload-wrapper {
        width: 100%; /* Full width for the file input */
    }

    .button-wrapper {
        width: 100%; /* Stack buttons on smaller screens */
        justify-content: space-between;
    }
}

@media (max-width: 768px) { /* For very small screens (Bootstrap SM breakpoint) */
    .fileupload-wrapper {
        width: 100%;
    }

    .button-wrapper {
        width: 100%;
        justify-content: space-around;
    }
}

#CategoryFileUpload {
    width: 189px;
    float: left;
}

.hover-image {
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

    .hover-image:hover {
        transform: scale(1.05); /* Slightly enlarges the image */
        box-shadow: 0 4px 8px rgba(255, 255, 255, 0.8); /* Adds white shadow */
    }

#acesbtn {
    float: right !important;
    flex: 1;
    margin-top: 4px;
}

.assignGriddefault {
    cursor: default;
    pointer-events: none;
}

.acescompletebtn {
    float: right;
    margin-top: 5px;
    margin-right: 14px;
}

.non-editable-row {
    pointer-events: none; /* Prevent any interaction */
    opacity: 0.5; /* Optional: Dim the row visually to indicate non-editability */
}


div#Classification_SubTabs-4 {
    height: 663px !important;
}

#JPublishpic {
    height: 21px !important;
    background: none !important;
}

#PIESJPublishpic {
    height: 21px !important;
    background: none !important;

}
div#Notifications_SubTabs-1 {
    height: 766px !important;
}
div#Notifications_SubTabs-2 {
    height: 747px !important;
}
ul#Notifi_CategoryTree {
    margin-top: 7px;
}
#mainContainer {
    display: flex;
}

.scroll_Noti_SourceTree_cate {
    height: 717px !important;
    width: 336px !important;
}

div#Notifi_Changes_SubTabs-1 {
    height: 660px !important;
}
div#Notifi_Changes_SubTabs-2 {
    height: 660px !important;
}
div#Notifi_Changes_SubTabs-3 {
    height: 660px !important;
}
div#Notifi_Add_SubTabs-1 {
    height: 695px !important;
}
div#Notifi_Add_SubTabs-2 {
    height: 695px !important;
}
div#Notifi_Add_SubTabs-3 {
    height: 695px !important;
}
.iconColorChange i {
    color: green !important;
}

.sb-col-lg-1 {
    width: 5.333333%;
}

div#PIM_Media_SubTabs-1 {
    height: 651px !important;
}
div#PIMMediaFileinfo_Grid {
    margin-top: 60px;
}


#dataMan_PopUpDetails {
    margin-top: 20px;
    padding: 20px;
    border: 1px solid #e5e5e5;
    border-radius: 8px;
    background-color: #f4f4f9;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
}

    #dataMan_PopUpDetails h4 {
        font-size: 18px;
        font-weight: 600;
        color: #444;
        margin-bottom: 15px;
    }

#dataMan_PopUpDetails_Container .k-list-group {
    padding: 12px;
    border: 1px solid #ddd;
    border-radius: 5px;
    background-color: #fff;
    margin-bottom: 15px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
    color: #555;
}

.btn_login_coun {
    margin-right: 29px !important;
    margin-bottom: 7px !important;
}

#Future_grid .k-grid-content tbody tr {
    line-height: 14px !important;
}


#Future_grid tbody tr {
    height: 32px !important
}

.futurespan {
    padding-left: 63px;
}

#PIMDataCleanse_Tabs-1 {
    height: 679px !important
}
.splitdiv {
    display: grid;
    grid-template-columns: 32% 67%;
}

#id_legacydataAttributeGrid k-grid-content k-auto-scrollable {
    height: 619px;
}

.green-eye i {
    color: green !important;
}

.red-eye i{
    color: red !important;
}

.tree-node-disabled {
    pointer-events: none;
    opacity: 0.5;
    cursor: not-allowed;
}

.savePivort_btn{
    min-width: fit-content;
}
#Classification_SubTabs-5 {
    height: 600px !important
}

.col-lg-w6 {
    width: 8%;
}
#PIMDataCleanse_Tabs-2 {
    height: 679px !important
}

.legacyData_div_container {
    display: flex;
    gap: 10px; /* Space between items */
    flex-wrap: wrap;  /*Allow wrap on smaller screens */
    align-items: flex-end;  /*Align to top properly */
}

.legacyData_btn{
    min-width:100%;
}

.legacyData_Ddl_item {
    /*flex: 0 0 auto;*/  /*Do not stretch, keep natural size */
    /*display: flex;
    flex-direction: column;
    align-items: flex-start;*/
    min-width: 200px;  /*Minimum width for buttons/dropdowns */
}

/*.legacyData_div_container {
    display: grid;
    grid-template-columns: 1fr auto;
    gap: 16px;
    align-items: end;
    width: 100%;
    flex-wrap: wrap;
}

.legacyData_dropdown-cell {
    display: flex;
    flex-direction: column;
    width: 100%;
}

.legacyData_button-cell {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
    justify-content: flex-end;
}

@media (max-width: 768px) {
    .filter-grid {
        grid-template-columns: 1fr;
    }
    .button-cell {
        justify-content: flex-start;
    }
}*/

div#LogicalDataModelTab-3 {
    height: 628px !important;
}


/*#tblColumns {
    table-layout: auto;*/ /* Allow column width to be based on content */
    /*width: auto;*/ /* Let the table grow horizontally */
    /*min-width: 100%;*/ /* Prevent collapse if data is small */
/*}

    #tblColumns th,
    #tblColumns td {
        white-space: nowrap;*/ /* Prevent wrapping */
    /*}*/


.save-icon-green {
    color: green;
}

/*Switch button*/
.cleanseAttrswitch {
    position: relative;
    display: inline-block;
    width: 45px;
    height: 24px;
}

    .cleanseAttrswitch input {
        display: none;
    }

.cleanseAttrSlider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    transition: .4s;
    border-radius: 24px;
}

    .cleanseAttrSlider:before {
        position: absolute;
        content: "";
        height: 18px;
        width: 18px;
        left: 3px;
        bottom: 3px;
        background-color: white;
        transition: .4s;
        border-radius: 50%;
    }

input:checked + .cleanseAttrSlider {
    background-color: #03a9f4;
}

    input:checked + .cleanseAttrSlider:before {
        transform: translateX(21px);
    }

button#SaveRefSelection {
    margin-left: 96%;
}

div#ClnsRefDataPopup_Grid {
    margin-top: 10px;
}

#PIMlegacyDataTabs-1 {
    height: 531px !important
}

div#AppliesToTabStrip-1 {
    height: 600px !important;
}
div#AppliesToTabStrip-2 {
    height: 600px !important;
}
div#AppliesToTabStrip-3 {
    height: 600px !important;

}

/*.productTree-search-box {
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;*/ /* important: includes padding and border in width */
    /*padding: 8px 12px;
    font-size: 14px;
    border: 1px solid #ccc;
    border-radius: 4px;
    outline: none;
    box-shadow: inset 0 1px 2px rgba(0,0,0,0.1);
    margin-bottom: 10px;
    transition: border-color 0.2s ease, box-shadow 0.2s ease;*/
    /*max-width: -webkit-fill-available;*/
/*}*/


.productTree-search-box {
    position: relative;
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
    padding: 8px 30px 8px 10px; /* space for clear icon */
    font-size: 14px;
    border: 1px solid #ccc;
    border-bottom: none;
    border-radius: 4px 4px 0 0;
    outline: none;
}

    .productTree-search-box:focus {
        /*border-color: #007acc;*/
        box-shadow: 0 0 4px rgba(0, 122, 204, 0.4);
    }

.productTree-search-box-clear {
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 16px;
    color: #aaa;
    cursor: pointer;
    display: none;
    z-index: 2;
}

/* ACES Application attributes */
/* Main layout container */
.aces_Applies-layout {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    gap: 10px;
    min-height: 500px;
}

/* Tabs section */
.aces_Applies-layout .tabs-area {
    flex: 1 1 65%;
    min-width: 300px;
}

/* Preview section */
.aces_Applies-layout .preview-area {
    flex: 1 1 30%;
    min-width: 250px;
    max-height: 650px;
    background-color: #f9f9f9;
    border: 1px solid #ccc;
    padding: 10px;
    display: flex;
    flex-direction: column;
}

.aces_Applies-layout .preview-area label {
    font-weight: bold;
    margin-bottom: 8px;
}

.aces_Applies-layout #acesApplies_XmlPreview {
    flex-grow: 1;
    overflow: auto;
    background: #fff;
    padding: 8px;
    border: 1px solid #ddd;
    border-radius: 4px;
}

/* Reuse for individual grids inside tabs */
.aces_Applies .grid-block label {
    font-weight: bold;
    margin-bottom: 5px;
}

.preview-header-container {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 10px;
    gap: 10px;
}

.export-button-wrapper {
    flex-shrink: 0;
}

/* Optional: Stack label and button on small screens */
@media (max-width: 600px) {
    .preview-header-container {
        flex-direction: column;
        align-items: flex-start;
    }

    .export-button-wrapper {
        width: 100%;
    }

        .export-button-wrapper .k-button {
            width: 100%;
        }
}

#marketCopy_LevelDdl {
    border: none;
}

@media (min-width: 1200px) {
    .my-custom-col {
        width: 13.666667% !important;
    }
}

/*.diff-cell {
    background-color: #ffdddd;
    font-weight: bold;
}

.diff-row {
    background-color: #fff3cd !important;*/ /* Light yellow (row level) */
/*}

.subSegment-table {
    width: 100%;
    border-collapse: collapse;
}

    .subSegment-table td, .subSegment-table th {
        border: 1px solid #ccc;
        padding: 5px;
    }*/

.detail-scroll {
    overflow-x: auto; /* enable horizontal scroll */
    max-width: 100%; /* don't overflow outside grid */
    display: block; /* ensures scroll wrapper works */
}

/*#PiesMultiRowGrid {
    width: 100%;
    border-collapse: collapse;
    margin-top: 5px;*/
    /* 🔑 Key fix */
    /*width: max-content !important;*/ /* fit to content */
    /*min-width: 100%;*/ /* still at least grid width */
    /*white-space: nowrap;*/ /* prevent wrapping */
/*}

    #PiesMultiRowGrid th {
        background-color: #337ab7;
        color: white;
        font-weight: bold;
        padding: 4px 8px;
        border: 1px solid #ccc;
    }*/

    /*#PiesMultiRowGrid td {
        background-color: #e6eff7;
        color: #000;
        padding: 4px 8px;
        border: 1px solid #ccc;
    }*/

        /* Highlight different cells */
        /*#PiesMultiRowGrid td.diff-cell {*/
            /*background-color: #d0e2f0;*/
            /*background-color: #fff3cd !important;
        }*/

    /* Optional: Alternate row coloring for inner table (if multiple rows exist) */
   /* #PiesMultiRowGrid tr:nth-child(even) td {
        background-color: #f4f8fc;
    }*/

/*#PiesMultiRowGrid .k-grid-content {
    overflow-x: auto !important;*/ /* enable horizontal scroll */
/*}

#PiesMultiRowGrid .k-grid table {
    width: max-content !important;*/ /* expand grid to fit all columns */
    /*min-width: 100%;*/ /* never shrink below container */
    /*white-space: nowrap;*/ /* prevent cell wrapping */
/*}*/


.MCgrid-btn {
    padding: 1px 6px;
    margin-right: 6px;
    border: none;
    border-radius: 6px;
    font-size: 14px;
    font-weight: 500;
    cursor: pointer;
    color: #fff;
}

.approve-button {
    background-color: #28a745; /* Green */
}

.reject-button {
    background-color: #dc3545; /* Red */
}

.MCgrid-btn:hover {
    opacity: 0.85;
}

#MarketCopyXMLPublishGrid .k-datepicker input.k-input {
    border: 1px solid #ccc !important;
    border-radius: 4px;
    padding: 4px 6px;
    box-sizing: border-box;
}


/*#avatar-preview {
    width: 510px;
    height: 577px;
    object-fit: cover;
}
*/

#mediaPreviewWindow_wnd_title {
    margin-top: -40px;
}
.mcc_picon {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: 30px;
    height: 30px;
    background-color: #f0f0f0;
    border-radius: 4px;
    margin-left: 10px;
    cursor: pointer;
}

.mcc_piconfa {
   /* width: 35px;
    height: 31px;*/
    background-color: #ffffff;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    border-radius: 4px;
    /*margin-left: 22%;*/
    cursor: pointer;
    border-style: solid;
    border-width: 1px;
    border-color: #ccc;
}

/*#GCC_aiChatInputBox {
    display: flex;
    align-items: center;
    background: #fff;
    border: 1px solid #ccc;
    border-radius: 7px;
    padding: 10px 16px;
    max-width: 600px;
    margin: 20px auto;
    box-shadow: 0 2px 8px rgba(0,0,0,0.1);
    position: relative;
}*/
/*#GCCaiInput {
    border: none;
    outline: none;
    font-size: 14px;
    resize: none;
    overflow: hidden;
    border-radius: 7px;
    line-height: 18px;
    max-height: 150px;
    width: 550px !important;
    height: 100px !important;
}*/
/*#GCC_sendAIQuery {
    background: none;
    border: none;
    cursor: pointer;
    float: right;
    position: absolute;
    right: 15px;
    bottom: 9px;
}*/
/*.airequestdiv {
    background-color: #fff;
    padding: 10px 14px;
    border-radius: 16px;
    max-width: 96%;*/
    /*margin-left: auto;*/
    /*margin-bottom: 6px;
    font-size: 17px;*/
    /* font-size: 14px;*/
    /*margin-top: 25px;
}
.orgintxt {
    color: #13788a;
    font-size: 17px;
    margin-top: 10px;
}*/

/*.highlight-box {
    background-color: #e3f2fd;*/ /* light blue */
    /*border-radius: 0.5rem;
    padding: 1rem;
    color: #212529;
}

.highlight-text {
    font-weight: 500;
    color: #0d6efd;
}*/

/*.airesponsediv {
    background-color: #f0f8ff;
    padding: 12px 16px;
    margin: 10px 0;
    border-radius: 6px;
    font-family: 'Segoe UI', sans-serif;
    font-size: 14px;
}*/

    /*.airesponsediv ol {
        margin-top: 8px;
        padding-left: 20px;
    }*/
.aiinputboxscroll {
    width: 550px !important;
    height: 80px !important;
}
.scroll-area::-webkit-scrollbar {
    width: 8px;
}

.scroll-area::-webkit-scrollbar-thumb {
    background-color: #999;
    border-radius: 4px;
}

.scroll-area::-webkit-scrollbar-track {
    background-color: #eee;
}


/* New AI assitant*/

/* Container of the result text - matching input style with rounded corners */
/*#GCC_chatHistory .chat-msg.ai-result span {
    background: #f0f4fc;*/ /* Light background similar to input */
    /*border-radius: 8px;
    padding: 10px 14px;
    max-width: 90%;*/ /* Wide but with margin */
    /*min-width: 300px;*/ /* Avoid too narrow */
    /*color: #1d70b8;*/ /* Brand blue, like input */
    /*font-weight: 500;
    font-size: 14px;
    box-shadow: 0 1px 4px rgba(26, 39, 89, 0.1);
    display: inline-block;
    white-space: normal;
    line-height: 1.4;
    word-break: break-word;
}*/

/* Save icon button next to the AI result */
/*.mc_Gcc_AI_save-btn {
    background: transparent;
    border: none;
    cursor: pointer;
    margin-left: 8px;
    padding: 4px;
    color: #1d70b8;
    font-size: 18px;
}*/

/* Result label styling */
/*#GCC_chatHistory .chat-msg.ai-result > div:first-child > div:first-child {
    margin-bottom: 6px;
    font-size: 12px;
    font-weight: 600;
    color: #666;
}*/

/* AI loader animation */
.ai-loader {
    display: flex !important; /* Ensure flexbox */
    justify-content: center; /* Center horizontally */
    align-items: center; /* Center vertically */
    gap: 5px; /* Space between dots */
    padding: 10px 0; /* Some vertical spacing */
}

    .ai-loader .dot {
        width: 8px;
        height: 8px;
        background-color: #1d70b8; /* Brand blue color */
        border-radius: 50%;
        animation: bounce 0.6s infinite alternate;
    }

        .ai-loader .dot:nth-child(2) {
            animation-delay: 0.2s;
        }

        .ai-loader .dot:nth-child(3) {
            animation-delay: 0.4s;
        }

@keyframes bounce {
    0% {
        transform: translateY(0);
        opacity: 0.3;
    }

    100% {
        transform: translateY(-6px);
        opacity: 1;
    }
}
/*.ai-loader {
    display: inline-flex;
    gap: 4px;
    align-items: center;
}

    .ai-loader .dot {
        width: 6px;
        height: 6px;
        background: #666;
        border-radius: 50%;
        animation: bounce 0.6s infinite alternate;
    }

        .ai-loader .dot:nth-child(2) {
            animation-delay: 0.2s;
        }

        .ai-loader .dot:nth-child(3) {
            animation-delay: 0.4s;
        }

@keyframes bounce {
    from {
        transform: translateY(0);
        opacity: 0.3;
    }

    to {
        transform: translateY(-6px);
        opacity: 1;
    }
}*/

#GCCaioutput {
    border: none;
    outline: none;
    font-size: 14px;
    resize: none;
    overflow: hidden;
    border-radius: 7px;
    line-height: 18px;
    max-height: 150px;
    width: 550px !important;
    height: 100px !important;
}


#GCC_popupWindow {
    box-shadow: 0 6px 24px 0 rgba(30,49,105,.15);
    border-radius: 16px;
    background: #f6fafd;
}

/*.chat-msg span, .ai-bubble {
    box-shadow: 0 2px 8px rgba(26,39,89,.09);
    border-radius: 14px;
    padding: 10px 16px;
    margin: 2px 0;
    font-size: 15px;
    line-height: 1.6;
}*/
/*.chat-msg .Mc_AIRephraseResult, .ai-bubble {
    box-shadow: 0 2px 8px rgba(26,39,89,.09);
    border-radius: 14px;
    padding: 10px 16px;
    margin: 2px 0;
    font-size: 15px;
    line-height: 1.6;
}*/



/*#GCC_chatHistory {
    background: #f7f9fa;
    padding: 20px;
    border-radius: 0 0 16px 16px;
}*/

/*.mc_Gcc_AI_save-btn {
    margin-left: 10px;
    margin-top: 0;
    padding: 6px;
    border: none;
    background: none;
    color: inherit;
    border-radius: 24px;
    cursor: pointer;
    font-size: 13px;
    box-shadow: 0 1px 6px rgba(0,0,0,.07);
    transition: background .15s;
}

    .mc_Gcc_AI_save-btn:hover {
        background: #fff;
    }*/


/*New AI assitant*/

.highlight-node {
    color: #337c05 !important;
    /*background-color: #99c77c !important;*/
    font-weight: bold;
}

.pending_ReComplete {
    color: red !important;
    /*background-color: #99c77c !important;*/
    font-weight: bold;
}

/*Multirow*/
/*.merge-cell {
    display: flex;
    justify-content: space-between;
    gap: 5px;
}*/
/*
.source-val {
    color: #333;
}
*/
/*.target-val {
    color: #e11515;*/ 
    /*color: #555;*/
    /*font-weight: bold;*/
/*}*/

/*.diff-cell {
    background-color: #fdd;*/ /* highlight differences */
/*}*/

.merge-cell {
    display: flex;
    flex-direction: column;
    gap: 2px;
    padding: 2px;
}

.source-wrapper {
    display: flex;
    align-items: center;
}

.toggle-source {
    cursor: pointer;
    color: #007bff;
    font-weight: bold;
    margin-right: 4px;
}

.source-val {
    display: none; /* collapsed by default */
    /*color: #333;*/
    color: #e11515;
}

/*.target-val {
    color: #e11515;*/ /* red for target */
/*}*/

.diff-cell {
    background-color: #fdeaea;
    border-radius: 3px;
    padding: 0 2px;
}

.row-toggle {
    cursor: pointer;
    color: #007bff;
    font-weight: bold;
    user-select: none;
}

div#acesSubTabStrip-2 {
    height: 670px !important;
}

#acesApplies_XmlPreview {
    background-color: #f4f4f4;
    padding: 16px;
    border: 1px solid #ccc;
    border-radius: 4px;
    overflow-x: auto;
    font-family: Consolas, monospace;
    font-size: 14px;
    max-height: 600px;
}

/* AI Assist common */

/* Kendo Window Title Bar & Header */
.k-window-titlebar, #actwindow {
    color: white !important;
    background-color: #056cff !important;
    font-weight: 600;
}

/* Popup main container */
#aiFunctionPopupWindow {
    box-shadow: 0 6px 24px rgba(30,49,105,.15);
    border-radius: 16px;
    background: #f6fafd;
    font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
}

    /* Header container inside popup */
    #aiFunctionPopupWindow > div:first-child {
        padding: 12px;
        border-bottom: 1px solid #ddd;
        background: #f8faff;
    }

/* Labels */
.ai-label {
    font-weight: 600;
    color: #1d70b8;
    font-size: 14px;
}

/* Original Text box */
#aiOriginalTextContent {
    margin-top: 10px;
    background: #eef6fb;
    padding: 12px;
    border-radius: 6px;
    font-size: 14px;
    color: #1d70b8;
    font-weight: 500;
    white-space: pre-wrap;
    min-height: 80px;
}

/* Button group container */
.ai-btn-group {
    display: flex;
    gap: 12px;
    margin: 16px 0;
    flex-wrap: wrap;
    justify-content: flex-start;
}



.ai-btn {
    /*background-color: #056cff;*/
    background-color: #2593f3;
    border: none;
    color: #fff;
    padding: 10px 18px;
    border-radius: 6px;
    font-size: 14px;
    cursor: pointer;
    transition: background-color 0.25s ease;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    user-select: none;
}

    .ai-btn:hover {
        background-color: #044bb5;
    }

    .ai-btn:focus {
        outline: 2px solid #0343a3;
        outline-offset: 2px;
    }

/* Responsive for small devices */
@media (max-width: 640px) {
    #aiFunctionPopupWindow {
        width: 90% !important;
        padding: 10px !important;
    }

        #aiFunctionPopupWindow textarea {
            min-height: 90px !important;
            font-size: 13px !important;
        }

    .ai-btn {
        width: 100%;
        justify-content: center;
        font-size: 13px;
    }
}


/* Chat history area */
#aiResponseChatHistory {
    flex: 1;
    overflow-y: auto;
    padding: 15px;
    background: #f9f9f9;
    min-height: 140px;
    border-radius: 0 0 16px 16px;
    font-size: 14px;
    color: #313131;
}

    /* Response label */
    #aiResponseChatHistory > div:first-child {
        font-weight: 600;
        margin-bottom: 10px;
    }

/* Response content box */
#aiResponseContent {
    min-height: 100px;
    background: white;
    border-radius: 8px;
    padding: 12px;
    box-shadow: 0 2px 5px rgba(0,0,0,0.05);
    white-space: pre-wrap;
}

/* Footer Note */
#aiFunctionPopupWindow > div:last-child {
    padding: 10px;
    border-top: 1px solid #ddd;
    text-align: center;
    color: #aaa;
    font-size: 12px;
}


/********************/
.k-top-fixed-dialog {
    position: fixed !important;
    top: var(--k-top-offset, 20px) !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    margin: 0 !important;
    border-radius: 0 0 0px 0px !important;
    box-shadow: 0 8px 25px rgba(0,0,0,0.3) !important;
    z-index: 20000 !important;
}

/* Header */
.k-top-fixed-dialog .k-dialog-titlebar {
    background-color: #2494F2 !important; /* consistent blue */
    color: #fff !important;
    font-weight: bold !important;
    border-top-left-radius: 0 !important;
    border-top-right-radius: 0 !important;
}

/* Buttons */
.k-top-fixed-dialog .k-button {
    border-radius: 0px !important;
    padding: 6px 15px !important;
    font-weight: bold !important;
}

/* Confirm button (click-proof) */
    .k-top-fixed-dialog .k-primary,
    .k-top-fixed-dialog .k-primary:hover,
    .k-top-fixed-dialog .k-primary:focus,
    .k-top-fixed-dialog .k-primary:active {
        background-color: #dc3545 !important; /* danger */
        color: #fff !important;
        border: none !important;
        box-shadow: none !important;
    }

/* Cancel button (click-proof) */
.k-top-fixed-dialog .k-button:not(.k-primary),
.k-top-fixed-dialog .k-button:not(.k-primary):hover,
.k-top-fixed-dialog .k-button:not(.k-primary):focus,
.k-top-fixed-dialog .k-button:not(.k-primary):active {
    background-color: #0d6efd !important; /* primary */
    color: #333 !important;
    border: none !important;
    box-shadow: none !important;
}


/******************/

/*---Product & Fitment - Media----*/

.media-tab-container {
    /*display: flex;*/
    align-items: center;
    gap: 18px;
    flex-wrap: wrap;
    min-height: 58px;
    background: #fff;
    border-radius: 10px;
    padding: 22px;
    box-shadow: 0 4px 15px rgba(0,0,0,0.08);
    font-family: "Segoe UI", sans-serif;
    color: #333;
}

.divider {
    border-top: 1px solid #e3e3e3;
}

.form-label {
    font-weight: 600;
    color: #444;
}

.btn {
    border-radius: 6px;
    font-weight: 500;
    transition: all 0.2s ease-in-out;
}

    .btn:hover {
        transform: translateY(-1px);
    }

    .btn i {
        margin-right: 4px;
    }

/* File input styling */
.custom-file-input {
    padding: 6px;
    border: 1px solid #ccc;
    border-radius: 6px;
    background-color: #f9f9f9;
}

/* Add spacing for checkbox switch */
.form-check-input {
    cursor: pointer;
}

/* Responsive padding adjustments */
@media (max-width: 768px) {
    .media-tab-container {
        padding: 15px;
    }
}

.media-tab-container .form-label,
.media-tab-container .form-check-label {
    margin-bottom: 0;
    font-weight: 600;
    color: #444;
}

.media-tab-container .btn .k-icon {
    color: inherit;
    font-size: 1.1em;
}

.media-tab-container .btn.btn-primary .k-icon, .media-tab-container .btn.btn-success .k-icon {
    color: #fff;
}

.media-tab-container .btn.btn-outline-secondary .k-icon {
    color: #6c757d;
}

.media-tab-container .btn.btn-warning .k-icon {
    color: #212529;
}

.media-tab-container .btn.btn-outline-info .k-icon {
    color: #17a2b8;
}

.media-tab-ImportContainer #importContentArea {
    display: flex;
    flex-direction: row;
    gap: 14px; /* Optional: spacing between import sections */
    align-items: center; /* Vertically center */
    flex-wrap: nowrap; /* Prevent wrapping to next line */
}

.media-tab-ImportContainer {
    display: flex;
    flex-direction: column; /* stack radio/section vertically */
    gap: 12px; /* space between rows */
}

    .media-tab-ImportContainer > .d-flex {
        display: flex;
        flex-direction: row;
        align-items: center;
        gap: 20px;
    }

#importContentArea {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 20px;
}

.import-mode {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 10px;
}
/* Put this after Kendo CSS */
/*#YearRange_Grid .k-header.k-filtered-column {
    background: #ffe48d !important;
    color: #392121 !important;
}*/

    /* ensure the filter icon and anchor inherit the color */
    /*#YearRange_Grid .k-header.k-filtered-column a,
    #YearRange_Grid .k-header.k-filtered-column .k-icon {
        color: inherit !important;
        fill: currentColor !important;*/ /* for SVG icons if used */
    /*}*/
/*k-filtered-column {
    background: #ffe48d !important;
    color: #392121 !important;
}

#YearRange_Grid .k-header.k-filtered-column a,
#YearRange_Grid .k-header.k-filtered-column .k-icon {
    color: inherit !important;
    fill: currentColor !important;
}*/

/* Place this AFTER Kendo's CSS (or in a <style> at the end of the page) */
/*#YearRange_Grid th.k-header.k-filtered-column,
.grid-header th.k-header.k-filtered-column {
    background: #ffe48d !important;
    color: #392121 !important;
}*/

    /* Make sure the filter icon/anchor uses the same color */
    /*#YearRange_Grid th.k-header.k-filtered-column a,
    #YearRange_Grid th.k-header.k-filtered-column .k-icon,
    .grid-header th.k-header.k-filtered-column a,
    .grid-header th.k-header.k-filtered-column .k-icon {
        color: inherit !important;
        fill: currentColor !important;
    }*/

#YearRange_Grid th.k-header.k-filtered-column,
.grid-header th.k-header.k-filtered-column {
    background: #ffe48d !important;
    color: #392121 !important;
}

    /* Make sure the filter icon/anchor uses the same color */
    #YearRange_Grid th.k-header.k-filtered-column a,
    #YearRange_Grid th.k-header.k-filtered-column .k-icon,
    .grid-header th.k-header.k-filtered-column a,
    .grid-header th.k-header.k-filtered-column .k-icon {
        color: inherit !important;
        fill: currentColor !important;
    }


.filtered-header {
    background: #ffe48d !important;
    color: #392121 !important;
/*    transition: background-color 0.3s ease, color 0.3s ease;
*/}



#YearRange_Grid .k-filter-menu {
    min-width: 260px !important;
    padding: 10px 12px !important;
    box-sizing: border-box;
    font-family: Roboto, Arial, sans-serif;
}

#YearRange_Grid .k-multiselect {
    width: 100% !important;
    border-radius: 6px !important;
    border: 1px solid #ccc !important;
    min-height: 32px;
}

#YearRange_Grid .k-multiselect-wrap li.k-button {
    background-color: #e7f1ff !important;
    color: #333;
    border-radius: 4px;
    margin: 2px 4px;
    font-size: 13px;
}

#YearRange_Grid .k-multiselect-wrap input.k-input {
    min-width: 80px !important;
    padding: 2px 4px !important;
    font-size: 13px !important;
}

#YearRange_Grid .k-animation-container,
#YearRange_Grid .k-popup {
    z-index: 9999 !important;
}

#YearRange_Grid .k-list-scroller {
    max-height: 250px !important;
    overflow-y: auto !important;
    border: 1px solid #ddd;
}

#YearRange_Grid .k-list .k-item:hover {
    background-color: #f0f8ff !important;
}

#YearRange_Grid .k-popup .k-item {
    font-size: 13px !important;
    padding: 5px 8px !important;
}



#YearRange_Grid .k-multiselect,
#YearRange_Grid .k-dropdown {
    width: 100% !important;
    font-size: 13px;
}

#YearRange_Grid .k-list-filter > input {
    font-size: 12px;
    padding: 4px 8px;
}

#YearRange_Grid .k-multiselect-wrap {
    min-height: 28px !important;
    padding: 2px 5px !important;
}

#YearRange_Grid .k-multiselect {
    width: 100% !important;
    border-radius: 6px !important;
    border: 1px solid #ccc !important;
    min-height: 32px;
    box-sizing: border-box;
}

#YearRange_Grid .k-multiselect-wrap li.k-button {
    background-color: #e7f1ff !important;
    color: #333;
    border-radius: 4px;
    margin: 2px 4px;
    font-size: 13px;
}

#YearRange_Grid .k-multiselect-wrap input.k-input {
    padding: 2px 4px !important;
    font-size: 13px !important;
}

#YearRange_Grid .k-popup .k-item {
    font-size: 13px !important;
    padding: 5px 8px !important;
}


/******/
/* spacing and vertical alignment for checkboxes inside Kendo list items */
#cusRef_AttrGrp-list .cusRefAttrChk {
    margin-right: 8px !important; /* horizontal space between checkbox and text */
    vertical-align: middle !important;
    transform: translateY(0); /* ensure vertical centering */
}

/* make sure the label doesn't get background overlay that hides checkbox */
#cusRef_AttrGrp-list .k-list-item > label {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 6px 8px;
    margin: 0;
    background: transparent;
}

/* ensure the focused/hovered/selected state does not apply a full overlay that hides checkbox */
#cusRef_AttrGrp-list .k-state-focused,
#cusRef_AttrGrp-list .k-state-selected,
#cusRef_AttrGrp-list .k-list-item.k-state-focused,
#cusRef_AttrGrp-list .k-list-item.k-state-selected {
    background: rgba(0, 0, 0, 0.04); /* subtle highlight but not full opaque */
}

/* keep the checkbox clickable and not covered by pseudo elements */
#cusRef_AttrGrp-list .cusRefAttrChk {
    z-index: 2;
    position: relative;
}

/* text style */
#cusRef_AttrGrp-list .cusRefItemText {
    display: inline-block;
    vertical-align: middle;
}

/*****/

/* All styles only apply to tooltips inside .custom-tooltip-wrapper */
/* Elegant styled tooltip */
.custom-tooltip-wrapper .k-tooltip.custom-tooltip {
    background: #ffffff;
    border: 1px solid #ddd;
    border-radius: 8px;
    padding: 0;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
    overflow: hidden;
    width: 280px;
    font-family: "Segoe UI", Arial, sans-serif;
}

.custom-tooltip-wrapper .tooltip-wrapper {
    display: flex;
    flex-direction: column;
}

.custom-tooltip-wrapper .tooltip-header {
    background: linear-gradient(90deg, #0078d4, #00bfa5);
    color: white;
    font-weight: 600;
    font-size: 14px;
    text-align: left;
    padding: 8px 12px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
    letter-spacing: 0.5px;
}

.custom-tooltip-wrapper .tooltip-body {
    max-height: 180px; /* makes it scrollable if too many items */
    overflow-y: auto;
    background: #fff;
    padding: 8px 12px;
}

.custom-tooltip-wrapper .tooltip-item {
    font-size: 13px;
    color: #333;
    border-bottom: 1px dashed #eee;
    /*padding: 4px 0;*/
    padding: 6px 8px;
    transition: all 0.2s ease;
    cursor: pointer; /* 🟢 shows hand cursor */
    border-radius: 4px;
}

    /* Hover effect for clickable feel */
    .custom-tooltip-wrapper .tooltip-item:hover {
        background-color: #f0f8ff; /* soft blue hover */
        color: #0078d4; /* accent color to match header */
        font-weight: 600;
        transform: translateX(3px); /* subtle move */
    }

    .custom-tooltip-wrapper .tooltip-item:last-child {
        border-bottom: none;
    }

.custom-tooltip-wrapper .tooltip-body::-webkit-scrollbar {
    width: 6px;
}

.custom-tooltip-wrapper .tooltip-body::-webkit-scrollbar-thumb {
    background-color: #ccc;
    border-radius: 4px;
}


.category-highlight-strip {
    content: "";
    position: absolute;
    left: 0;
    top: 2px;
    bottom: 2px;
    width: 4px;
    background-color: #28a745; /* green strip */
    border-radius: 2px;
}

#tProduct_referenceData [data-has-tooltip="true"] {
    cursor: pointer;
}