/* Minification failed. Returning unminified contents.
(491,1): run-time error CSS1035: Expected colon, found '}'
(979,18): run-time error CSS1063: Expected calculation unit, found ''100% - 20px''
(979,18): run-time error CSS1064: Expected calculation product, found ''100% - 20px''
(979,18): run-time error CSS1065: Expected calculation sum, found ''100% - 20px''
(979,18): run-time error CSS1034: 
(979,18): run-time error CSS1042: Expected function, found ''100% - 20px''
(979,31): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')'
 */
.error-alert-outer {
    position: absolute;
    margin-left: 40%;
    z-index: 999;
    margin-top: 3%;
    display: none;
}

.error-alert-inner {
    display: none;
}


.mlView .sort_asc, .grid .sort_asc {
    background: url('/Content/App/v4/Icons/sort_asc.png') no-repeat center right;
}

.mlView .sort_desc,.grid .sort_desc {
    background: url('/Content/App/v4/Icons/sort_desc.png') no-repeat center right;
}

.colCustBtn {
    cursor: pointer;
}


.popover-content {
    max-height: 350px;
    overflow-y: scroll;
}

/*Grid header Cell filter Button*/
.filterHeadCellBtn {
    display: block;
}

/*.filterHeadCell:hover .filterHeadCellBtn{
    display: block;
    
}*/
.filterBtInput {
    margin-bottom: 20px !important;
}


/*Sorting Styles*/

body.dragging, body.dragging * {
    cursor: move !important;
}

.dragged {
    position: absolute;
    opacity: 0;
    z-index: 2000;
}

ol.example li.placeholder {
    position: relative;
    /** More li styles **/
}

ol.example li.placeholder:before {
    position: absolute;
    /** Define arrowhead **/
}

/*Sorting Styles Ends*/
.grid th .dropdown-menu .find .glyphicon-warning-sign{
    display: none!important;
}

.grid th .dropdown-menu .find.invalid-input .glyphicon-warning-sign{
    display: block!important;
    color: red;
    float: right;
    margin-right: 6px;
}

.sortable-placeholder {
    display: none;
}


.gridMainBtns {
   float: right;
   margin-right: 30px;
}

.gridEditSwitch {
    margin-top: 10px;
}


.gridAddRowBtn {
    margin-top: 6px;
}


.columnCustBtns {
    cursor: pointer;
    margin: 5px;
    width: calc(20% - 10px)!important;
    float: left;
}

.columnCustBtns.active {
    background-color: dimgray !important;
}


.editLoadIcon {
    float: right;
    margin-top: -27px;
    margin-right: 7px;
}

.gridRowActionCell {
    width: 40px;
    border: 0px!important;
}

/*//This is added for resize purpose because if we dont set a fix width to the settings cell then when a resize happens the settings also gets resized to be fix ot should have a div in it*/
.gridRowActionHeaderCellDiv {
    width: 40px;
}

.gridRowActionCell > div{
    overflow: visible!important;
}


.gridRowActionCellImg {
    display: none;
    height: 20px;
    width: 20px;
    cursor: pointer;
}

.gridRow:hover td:last-child > div > img {
    display: block!important;
}


.grid td.boolean-edit .toggle-bool {
    float: right;
    margin-top: -16px;
    cursor: pointer;
    color: #FF69B4;
}

.gridEditModalTitle {
    float: left;
}

.gridEditModalBody {
    max-height: 768px;
    overflow-y: auto;
}

.gridEditModalHeader {
    height: 65px!important;
}

.gridSaveSuccessMessage {
    right: 5%;
    top: 1%;
}


.gridSaveErrorMessage{
    right: 25%;
    top: 1%;
    z-index: 9999;
}

.gridDeleteSuccessMessage {
    right: 5%;
    top: 1%;
}



.gridDeleteErrorMessage {
    right: 25%;
    top: 1%;
    z-index: 9999;
}

.cursorPointer {
    cursor: pointer;
}

/*main table and contriner*/ 
    .gridMainTable {
        /*border: 0px!important;*/
        /*table-layout: fixed;*/
        /*margin-bottom: 90px!important;*/
    }

    .gridTableContainer.fixed table{
        table-layout: initial;    
    }

    .gridTableContainer.scroll {
        overflow-x: auto!important;        
        
    }

    .gridTableContainer.scroll > table{
        max-width: none!important;
    }

    .gridTableContainer.scroll .bodyContainer table {
        table-layout: auto!important;
    }

    /*.gridTableContainer.scroll table th {
        width: 100px;
    }*/


    .gridTableContainer.scroll.bigData .bodyContainer{
        overflow-x: scroll!important;
    }

     .gridTableContainer.bigData .bodyContainer{
        overflow-y: scroll!important;
    }

.gridTableContainer.scroll.bigData .headerTableContainer {
    overflow-x: hidden;
    overflow-y: scroll;
}

    .gridTableContainer.scroll.bigData {
        overflow: hidden!important;        
        
    }

    .gridTableContainer.scroll.bigData > table{
        max-width: none!important;
    }

    .gridTableContainer.scroll.bigData table {
        table-layout: fixed!important;
    }

    .gridTableContainer.scroll.bigData table th {
        width: 100px;
    }


/*end*/



.gridEditCheckBoxDiv {
    margin-bottom: 15px;
    height: 79px;
    
}


.gridEditCheckBoxLabel {
    margin-top: 22px;   
}



.applyInputChange {
    color: #428bca!important;
    background-color: white!important;
    cursor: pointer;
}

.cancelInputChange {
    color: #C62828!important;
    background-color: white!important;
    cursor: pointer;
}

.globalBookmarkFlag {
    color: #C62828!important;
    background-color: white!important;
    cursor: pointer;
}

.globalBookmarkFlag.active {
    color: #428bca!important;
}



.gridHeaderRow  > th{
    border-bottom-width: 4px!important;
}

.textAreaEdit {
    resize: vertical;
}

.gridEditModal{
    border-radius: 0px!important;
}

.editSaveBtn{
    margin-left: 30px!important;
    margin-right: 22px!important;
}

.saveBtnText, .cancelBtnText {
    margin-left: 30px!important;
    margin-right: 30px!important;
}


.gridEditFGroup {
    padding-left: 30px!important;
    padding-right: 30px!important;
}

.editModelTitle {
    margin-top: 10px!important;
    margin-left: 30px!important;
}

.gridEditHeaderIcon {
    float: left;
    margin-right: 14px;
}

.gridEditOptionsIcon{
    float: right;
    margin-right: 15px;
}



.gridEditModalBody::-webkit-scrollbar {
    width: 16px;
    height: 12px;
}
 
/*.gridEditModalBody::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); 
}
 
.gridEditModalBody::-webkit-scrollbar-thumb {
    border-radius: 0px!important;
    background-color: rgb(231, 223, 223);
}*/


.formatApplybtn{
    float: right;
    margin-right: 15px;
}

.formatClearbtn {
    float: right;
    margin-right : 30px;
}

.gridSortIcon, .gridFilterIcon{
    cursor: pointer;
    float: right
}

.grid .gridHeaderCell ul .glyphicon-search {
    float: right;
    margin-right: 6px;
    margin-top: -22px;
}

.grid .gridHeaderCell .dropdown > .glyphicon-search
{
    float: right;
    margin-right: 11px;
    margin-top: -19px;
}


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

.gridHeaderCapCellDiv .glyphicons-ruler {
    margin-top: 2px;        
}

.gridHeaderCell .dropdown-menu a {
    cursor: pointer;
    font-size: 12px;
}

.gridHeaderCell {
    border-top: 1px solid #ddd!important;
    cursor: pointer;
}

.gridHeaderCell .dropdown-menu {
    margin-top: 27px;
    margin-left: -8px;    
}

.gridHeaderCell .glyphicon-search{
    float: left;
}


.fieldItem.gridItem {
    margin: 0px!important;
}

.fieldItem.gridItem > div {
    margin-left: -13px!important;
    margin-right: -12px!important;
    margin-bottom: 10px!important;
}

.gridItem .dropdown-menu {
    margin-top: -11px;
    margin-left: 30px;
}

.gridPager{
    text-align: center;
}

.grid .find .findLoading {
    position: absolute;
    display: none;    
    right: 12px;
    top: 10px;
}

.grid .find input {
    width: 100%;
    height: 32px;
    background-color: beige;
}

.grid .find .findLoading {
  right: 22px;
  top: 3px;
  float: right;
}

.grid .find{
    margin-bottom: 10px;
}

.grid .find a {
    padding: 0px;
}

.grid .drillDown .glyphicon-eye-open{
    float: right;
}


.gridMainTable tr .findCellValue span:last-child,
.grid .val .copy_row span:last-child,
.grid .val .edit_row span:last-child,
.grid .val .delete_row span:last-child{
    width: calc(100% - 14px);
    float: left;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-left: 12px;
}

.grid .findCellValue .glyphicon-search,
.grid .val .glyphicons-copy,
.grid .val .glyphicon-trash,
.grid .val .glyphicon-pencil{
    float: left;
    margin-left: -13px;
}


.grid .val li a{
    height: 22px;   
}

.grid .cellOperations {
    padding-top: 0px;
    text-al
}

.ispager input::-webkit-input-placeholder {
    text-align: center;
}
.ispager input:-moz-placeholder {
    /* FF 4-18 */
    text-align: center;
}
.ispager input::-moz-placeholder {
    /* FF 19+ */
    text-align: center;
}
.ispager input:-ms-input-placeholder {
    /* IE 10+ */
    text-align: center;
}


.grid .previewedRow {
    border: 3px solid gray;
}

.gridMainTable  > thead > th {
    min-width: 100px;
}

.gridMainTable td.EO {
    padding: 0px!important;
}


.gridHeaderCapCellDiv {
    overflow: hidden;
}

.gridMainTable > tbody td > div:first-child {
    text-overflow: ellipsis;
    min-height: 20px;
}

.grid th.search-applied .gridHeaderCapCellDiv {
    width: calc(100% - 22px);  /*Include the size of the find icon*/
}

.grid th .gridHeaderCapCellDiv {
    width: calc(100% - 7px);  /*Exclude the size of the find icon*/
}
 

.gridMainTable tr.EO td {
    background-color: #f5f5f5;
}

.gridMainTable tr.EO td.EO
{
padding: 0px!important;
}


.gridMainTable tr.rowPager td:hover{
    background-color: white!important;
}

.style{
    padding: 27px;
}

.style table{
    margin-top: 40px;
}

.style table th, .style table td{
    padding: 10px;
}

.style table tr td:first-child {
    font-weight: bold;
}

.grid tbody .gridDBSelectedRow {
    background-color: gray!important;
    color: white;
}


.grid tbody .gridDBSelectedRow td{
    background-color: inherit!important; 
    color: inherit!important; 
}

/*.grid .gridHeaderCell .dropdown.open {
    position: absolute;
}*/


.grid .gridHeaderCell {
    position: initial;
}


.grid .gridHeaderCell .ui-resizable-handle.ui-resizable-e{
    position: relative;
    min-height: 20px;
    float: right;
}


.is-small.grid .gridMainTable td, 
.is-small.grid .gridMainTable th{
    font-size: 10px;
    padding: 1px;
    padding-right: 3px;
    padding-left: 3px;
    vertical-align: middle;
    line-height: 20px;
}


.is-large.grid .gridMainTable td, 
.is-large.grid .gridMainTable th{
    font-size: 38px;
    padding: 14px;
    vertical-align: middle;
    line-height: 36px;
}

/*
.is-excel .grid .gridMainTable td, 
.is-excel .grid .gridMainTable th {
        font-size: 12px;
        padding: 0 4px 0 4px;
        font-size: 10px;
        vertical-align: middle;
        line-height: 20px;
        font-family: Verdana, Helvetica, Arial, FreeSans, sans-serif;
}*/

.grid .bigData .bodyContainer{
    display: block; 
    width: calc(100% + 1px);
}

.grid .bigData .headerTableContainer{
    display: block; 
    overflow-x: hidden;
    overflow-y: scroll;
    width: 100%;
}

.grid .bigData .headerTableContainer::-webkit-scrollbar { 
    visibility: hidden; 
}


.grid .bigData {

    
}

.grid tr td.Integer > .val > div,
.grid tr td.Double > .val > div,
.grid tr td.Float > .val > div {
    text-align: right;
}

.grid .selection-cell {
    width: 31px;
}

.grid .total-row td > div> div {
    text-align: right;
    font-weight: 900;
    overflow: hidden; 
    text-overflow: ellipsis;
}

.grid .rowPager .toggle-totals {
    margin-top: 2px;
}

.is-small.grid .rowPager .toggle-totals {
    margin-top: 4px;
}

.grid td.selection-cell {
    text-align: center;
}

.grid td.close-selection {
    cursor: pointer;
}

.grid td.close-selection span {
    position: absolute;
    margin-top: 5px;
}

.grid .bodyContainer tbody .ui-sortable-helper,
.grid .bodyContainer tbody .ui-sortable-placeholder {
    display: table;
}

.grid .bodyContainer tbody tr.seq-changed .row-sort-handle > div > span {
    color: red;
}

.grid .bodyContainer tbody tr.selected td:first-child{
    background-color: #ffd1dc;
}

.grid .link-field .link-field-text{
    cursor: pointer;
}
.plotree .treeMainBtns {
    float:right;
    margin-right: 30px;
}


.plotree  .plotreeMainTable {
    table-layout: fixed;
}

.plotree .plotreeMainTable th .headerCaption{
    overflow: hidden;
    text-overflow: ellipsis;    
}

.plotree .plotreeMainTable th:not(.expandCell) {
    cursor: pointer;
}

.plotree .plotreeMainTable {
    table-layout: fixed;
}

.plotree th.expandCell,
.plotree td.expandCell{
    border: 0px!important;
    background-color: white!important;
    color: black!important;
}

.plotree .plotreeMainTable {
    border: 0px!important;
}

.plotree .plotreeTableHearderCell {
    border-top: 1px solid #ddd!important;
}

.plotree .plotreeMainTable td:not(.expandCell) > div {
    text-align: right;
    overflow: hidden;
    text-overflow: ellipsis;
    float: right;
    width: 100% ;
}

.plotree  .treeTable {
  width: 95%;
  margin-left: 2%;
}

.plotree td.expandCell .halflings {
    cursor: pointer;
}

.plotree td.expandCell .loadGifIcon,
.plotree tr td.expandCell .halflings,
.plotree tr.expandable.onServerSide td.expandCell .halflings {
    display: none;
}

.plotree tr.onServerSide td.expandCell .loadGifIcon,
.plotree tr.expandable td.expandCell .halflings{
    display: block;
}

.plotree tr td.expandCell span:before{
    content: '\E250';
}

.plotree tr.expanded td.expandCell span:before{
    content: '\E252';
}


.plotree th.sort_asc{
    background: url('/Content/App/v4/Icons/sort_asc.png') no-repeat center right;
}

.plotree th.sort_desc{
    background: url('/Content/App/v4/Icons/sort_desc.png') no-repeat center right;
}


.plotree .sort .glyphicon {
    margin-left: 10px;
}
.pivot h2 {
	text-align: center;
}

.pivot .clear {
  clear: both;
}

.pivot.rowBasket {
    width: 100%;
}


.pivot {
    border-radius: 5px;
    padding: 5px;
    width: 100%;
    min-height: 300px;
    height: 100%;
}

.pivotActionBtn {
    margin-top: 5px;
}

.sortable {
    -moz-user-select: none; 
    -webkit-user-select: none;
     -ms-user-select:none; 
     user-select:none;
}

.pivot .chArea > table, .pivot .fhArea > table, .pivot .dataArea > table {
    margin-bottom: 0px!important;
}

.pivot .fhArea td > div {
    font-weight: bold;
}

/*ALways subtract the scroll bar height form with iframe they area connected*/
.pivot .rhArea {
    max-height: 492px;
    overflow-y: hidden;
    overflow-x: hidden;
}

/*ALways subtract the scroll bar height form with iframe they area connected*/
.pivot .chArea {
    max-width: 1292px;
    overflow-x: hidden;
    overflow-y: scroll;
}

.pivot .dataArea {
    max-width: 1300px;
    max-height: 500px;
    overflow-x: auto;
    overflow-y: scroll;
}

.horizontalScroll { 
    height: 100%;
    overflow-x: auto;
}

.verticalScroll {
    width: 100%;
    overflow-y: auto;
}

.scrollNonVisibleText {
    color: white;
}

/*This is added for alignment purposes*/
.pivotTableContainer {
    padding-left: 0px!important;
}

.test3 {
        width: 2%!important;

}

.animated.ng-hide-remove,.animated.grid {
    -webkit-animation-duration: 1.3s;
    animation-duration: 1.3s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

@-webkit-keyframes rollIn {
    0% { opacity: 0; -webkit-transform: translateX(-100%) rotate(-120deg); }
    100% { opacity: 1; -webkit-transform: translateX(0px) rotate(0deg); }
}
@keyframes rollIn {
    0% { opacity: 0; transform: translateX(-100%) rotate(-120deg); }
    100% { opacity: 1; transform: translateX(0px) rotate(0deg); }
}
.rollIn.ng-hide-remove, .rollIn.grid {
    -webkit-animation-name: rollIn;
    animation-name: rollIn;
}

.borderless > tbody > tr > td{
    border: none;
}

.noTopPadding{
    padding-top: 0px!important;
}

.noBottomPadding{
    padding-bottom: 0px!important;
}

.noRightPadding{
    padding-right: 0px!important;
}

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

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

.fhArea td div.open {
    overflow: visible!important;
}

.pivotFilterIcon, .pivotSortIcon {
    cursor: pointer;   
    margin-left: 5px;
    margin-right: 5px;
}


.ffilterItems{
    margin-right: 15px;
    margin-left: 15px;
    color: black;
    background-color: #eee;
    border-color: #bce8f1;
}


.filterModalOptBtn {
    float: left;
}

.pivotNavBtn{
    margin: 0px; 
    width: 40px;
    height: 34px;
}


.cellEditMode {
    overflow: visible!important;
    float: left;
}

.fhArea td {
    cursor: pointer;
}

.chArea td > div a {
    width: calc(100% + 2px);    
}

.cellEditOptionsDiv {
    float: right;
}

.cellMainDivInpState {
    width: 100%;
}

.cellInput{
     width: calc(100% - 25px); 
     box-sizing: border-box;
     -webkit-box-sizing:border-box;
     -moz-box-sizing: border-box;
     max-width: 100%;
     width: calc('100% - 20px');
     height: 36px;
     float: left;
     border: none;
}

.cellInputCloseBtn {
    float: none!important;
    margin-left: 5px;
}

.cellDataDiv{
    text-align: right;
    overflow: hidden;
    text-overflow: ellipsis;
    float: right;
}

 .cellOperationsDiv{
    float: right;
    margin-left: 3px;
}

.pivotDataCellDiv {
    width: 100px;
    text-align: right;
    float: right;
    overflow: visible!important;
}

.valueChanged {
 border: 2px solid rgb(121, 1, 121) !important;
}


.tdvinput {
    padding: 0px!important;
}


.optvinput {
    margin-top: 7px;
}

.allocatevcellDataDiv {
    overflow: visible!important;
}



.basketTitle {
    position: relative;
    font-size: 20px;
    font-weight: bold;
    opacity: 0.2;
    float: left;
    height: 30px;
    color: black;
}

.apps-container {
  /*border: 2px solid gray;*/
  border-radius: 5px;
  margin: 10px 10px 0 0;
  padding: 5px;
  background-color: #eee;
  
}

.pivotFiledItem{
    padding: 2px!important;
}
.pivotFieldCaret {
    float: right;
}

.pivotCoulmnBasket{
    min-height: 41px;
    width: 100%;
}

.basketTitle.column, .basketTitle.field {
    margin-top: 17px!important;
    margin-left: 20px;

}
.basketTitle.row {
    margin-top: 17px!important;
    margin-left: 7px;

}
.basketTitle.data {
    margin-top: 17px!important;
}


.pivotRowBasket {
    min-height: 200px;
    width: 100%;
}

.pivotDataBasket 
{
    min-height: 200px;
    width: 100%;
}

.pivotFiledEditableIcon {
    float: left;
    margin-right: 7px;
}

.pivotFiledCaption {
    overflow: hidden;
    text-align: justify;
    white-space: nowrap !important;
    word-wrap: break-word;
    text-overflow: ellipsis;
}



.fieldItem.pivotItem {
    padding-left: 0px!important;
    padding-right: 0px!important;
}

.pivot .ui-resizable-e:hover {
    width: 10px;
}

.pivotColHeadersCellDiv .ui-resizable-disabled .ui-resizable-handle,.pivotColHeadersCellDiv .ui-resizable-autohide .ui-resizable-handle { display: none; }

.pivotColHeadersCellDiv .ui-resizable-e {
    right: 0;
}

.pivotopOptionEditForm .opOptionEditLabel {
    margin-top: 10px;
}

.pivot .pagerHeader {
  text-align: right;
  margin-top: 3px;
}

.pivot .progress {
    height: 33px!important;
    margin-bottom: 0px;
}

.prevPivotNavBtn {
    float: left;
}

.pivotNavBtn.addMore {
    float: right;
    margin-right: 107px;
}

.leftPart .glyphicons-calculator {
    float: left;
    margin-left: 7px;
}

.containsInputBox {
    width: 100%;
}

.pivot .dataArea td > div {
    text-align: right;
}

.pivot .dataArea td > div,
 .pivot .chArea tr:last-child td > div,
 .pivot .rhArea td > div,
 .pivot .fhArea td > div,
 .pivot .chArea tr td:not([rowspan="1"]) > div {
    width: 100px;
}


.pivot .rhArea td.data > div, .pivot .fhArea td.chField > div {
    width: 160px;
}

.pivot .rhArea td.total > div {
    width: 100%;
}

.pivot .dataArea td input {
    text-align: right;
    height: 36px;
}

.pivot .rhArea td.dropOpen {
    overflow: visible!important;
}

.pivot .rhArea td.dropOpen .dropdown.open{
    width: inherit;
  padding: inherit;
  overflow: visible;
}

.pivot .dataArea td.ui-selectee.ui-selected {
    background-color: red!important;
    color: white!important;
}


.pivot td.detailActive, .pivot td.graphActive {
    border: 3px solid gray;
}

.pivot .coordinatePath .alert{
    padding: 3px!important;
    float: left;
    margin-left: 19px;
    margin-bottom: 0px;
}

.pivot .tableActions {
    float: right;
    margin-top: 10px;
    margin-right: 28px;
}


.pivot .tableActions .glyphicon-pencil{
    margin-left: 20px;
    cursor: pointer;
}

/*.pivot .dataTable table{
    width: auto;
}*/

/*.pivot .rhArea .data > div{
    float: left;
}*/

.pivot.is-small .rhArea .data > span{
    margin-top: -15px;
}

.pivot .fhArea .dropdown > div:first-child {
    float: left;
}

.pivot .progress .glyphicon-plus{
    right: 22px;
    margin-top: 5px;
    font-size: 19px;
    position: absolute;
    cursor: pointer;
}

.is-small.pivot .chArea td > div:first-child, 
.is-small.pivot .rhArea  td > div:first-child,
.is-small.pivot .dataArea td > div:first-child,
.is-small.pivot .fhArea td > div >div:first-child{
    font-size: 10px;
    padding: 1px;
    line-height: 20px;
}

.is-default.pivot .chArea td > div:first-child, 
.is-default.pivot .rhArea  td > div:first-child,
.is-default.pivot .dataArea td > div:first-child,
.is-default.pivot .fhArea td > div >div:first-child{
    padding: 8px;
    height: 37px!important;
}

.pivot .dataArea td > div, .pivot .chArea td > div, .pivot .rhArea td > div, .pivot .fhArea td > div {
    overflow-x: hidden;
    text-overflow: ellipsis;
}

.pivot .dataArea td, 
.pivot .chArea td,
.pivot .rhArea td, 
.pivot .fhArea td{
    padding: 0px!important;
}


/*Graph STYLES*/
.pivot .graphCell {
    display: none;
    padding: 0px!important;   
}

.pivot .graphCell > div:first-child {
    padding-left: 20px;    
    overflow: hidden;
}

.pivot.graphActive .graphCell {
    display: table-cell;
}


.pivot.graphActive .rhArea .data,
.pivot.graphActive .fhArea .chField,
.pivot.graphActive .daCell,
.pivot.graphActive .chCell {
    display: none;
}

.pivot.graphActive .rhArea,
.pivot.graphActive .fhArea{ 
    overflow-y: scroll!important; 
}


.pivot.graphActive .rhArea::-webkit-scrollbar {
    display: block; 
}

.pivot.graphActive .fhCell{
    vertical-align: bottom;
}

.pivot .graphViewContainer.collapsedRT .rtContainer:not(.hovered) .toggleContainer{
    background-color: gray;
}

.pivot .graphViewContainer.collapsedRT .rtContainer:not(.hovered) .toggleContainer span {
    color: white;
}

.pivot .graphViewContainer.collapsedRT .rtContainer{
    z-index: 5;
}


.pivot .graphViewContainer.collapsedRT .graph{
    margin-left: 32px;
}

.pivot .graphViewContainer.collapsedRT .rtContainer.hovered .toggleContainer span,
.pivot .graphViewContainer:not(.collapsedRT) .rtContainer .toggleContainer span{
    margin-left: -16px;
    margin-top: 10px;
}

.pivot .graphViewContainer.collapsedRT .rtContainer:not(.hovered) .header-table,
.pivot .graphViewContainer.collapsedRT .rtContainer:not(.hovered) .body-table-container {
    display: none;       
}

.pivot .graphViewContainer.collapsedRT .rtContainer{
    position: absolute;
}

.pivot .graphViewContainer.collapsedRT .rtContainer:not(.hovered) {
    width: 17px!important;
    height: 0px!important;       
}

.pivot .cglEnabled tr.containerGridLine td{
    border-bottom: 1px solid black!important;
}

.pivot .cglEnabled tr.containerGridLineV td:nth-last-child(2){
    border-right: 1px solid black!important;
}


.pivot .fhArea .isDropDown > div > span {
    margin-top: 10px;
    margin-left: 5px;
}

.pivot .fhArea .isDropDown > div > div:first-child {
    float: left;
}

.pivot .chArea table, 
.pivot .chArea tr td:first-child {
    border-left: none;
}

.pivot .chArea table, 
.pivot .chArea tr td{
    border-bottom: none;
}

.pivot .fhArea table, 
.pivot .fhArea tr td {
    border-bottom: none;
}

.pivot .dataArea table, 
.pivot .dataArea tr td:first-child {
    border-left: none;
}

.pivot .graphViewContainer .body-table-container {
    overflow-x: hidden!important;
    
}



.pivot .graphViewContainer .header-table tr:first-child th > div {
    overflow: hidden;
}

.pivot .graphViewContainer .body-table thead tr:first-child th{
    border: 0px;
}

.pivot .graphViewContainer .body-table thead th {
    /*opacity: 0;*/
    /*visibility: hidden;*/
}

.pivot .graphViewContainer .header-table thead > tr > th, .pivot .graphViewContainer .header-table thead > tr > td {
    border-bottom: none;
}

.pivot .graphViewContainer .header-table thead th input{
    border-radius: 0px!important;
    border: 0px;
    background-color: #e8f4f8 ;
}

.pivot .graphViewContainer .rtContainer {
    background-color: white;
}


.DEISFolder a:before{
  content:"\e117";
  font-family:"Glyphicons Halflings";
  line-height:1;
  margin:10px;
  display:inline-block;
}

.DEISFolderOpen:before{
      content:"\e118"!important;
       
}

.DEISFolder .list-group-item, .DEISItem {
    border-radius: 0px!important;
    margin-top: 5px;
}

.DEISFolder {
    cursor: pointer;
}

.DEISItem:before{
   /*e162*/
    content:"\e072";
  font-family:"Glyphicons Halflings";
  line-height:1;
  margin:10px;
  display:inline-block;
}

.DEISFilter:before{
   /*e162*/
    content:"\e117";
  font-family:"Glyphicons Halflings";
  line-height:1;
  margin:10px;
  display:inline-block;
}

.DEISAction a:before{
  content:"\e162";
  font-family:"Glyphicons Halflings";
  line-height:1;
  margin:10px;
  display:inline-block;
}

.searchFormGroup {
  margin-bottom: 50px;
  margin-left: 30%;
}


.dESearchRow {
margin-bottom: 7px;

}


.modal-content.dataEditorModalContent{
    border-radius: 10px!important;
}

.dataEditorModalBodyRow {
    padding-left: 41px;
    padding-bottom: 41px;
    padding-right: 41px;
    padding-top: 20px;
}

.modal-header.dataEditor {
    border-bottom: 0px;
}

.dataEditorInput {
    height: 50px!important;
    border-radius: 8px!important;
    background-color: rgb(225, 225, 225)!important;
    font-size: 22px!important;
}

.dataEditorInput::-webkit-input-placeholder {
    color: white!important;
}
.dataEditorInput:-moz-placeholder {
    /* FF 4-18 */
    color: white!important;
}
.dataEditorInput::-moz-placeholder {
    /* FF 19+ */
    color: white!important;
}
.dataEditorInput:-ms-input-placeholder {
    /* IE 10+ */
    color: white!important;
}


.dataEditorModalTitle {
    float: left;
}

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


.dataEditorCloseIcon {
    float: right;
    margin-top: -19px;
    cursor: pointer;
}

.dataEditorShowIcon {
    float: right;
    margin-right: 29px;
    cursor: pointer;
}
.chartDetailSelection {
    float: right;
    margin-right: 35px;
    width: 25%;
}


.chartCustActiveDetail {
    z-index: 2;
    color: #fff;
    background-color: lightgray!important;
    border-color: lightgray;
}

.chartContainer {
    height: 100%; 
    width: 90%;
    margin-top: 50px;
}

.chartDetailSelectItem {
    float: right!important;
    margin-bottom: 10px;
}

.ganttchart .manager .list-group-item.moduleBox,
.scheduler .manager .list-group-item.moduleBox,
.chart .manager .list-group-item.moduleBox {
    width: 113px;
    float: left;
    margin-left: 5px;
    margin-right: 5px;
    margin-top: 5px;
    margin-bottom: 5px;
    text-overflow: ellipsis;
    overflow-x: hidden;
    white-space: nowrap !important;
    padding: 4px;
    text-align: center;
    border-radius: 5px;
}



.ganttchart .manager .item-list,
.scheduler .manager .item-list,
.chart .manager .item-list {
    display: table;
    content: " ";
}

.ganttchart .manager hr,
.scheduler .manager hr,
.chart .manager hr {
    margin: 10px;
}


.ganttchart .manager .title,
.scheduler .manager .title,
.chart .manager .title {
    margin-left: 10px;
    margin-top: 10px;
    font-weight: 700;
}

.ganttchart .manager,
.scheduler .manager,
.chart .manager {
    margin: 8px;
}

.ganttchart .manager .list-group-item,
.scheduler .manager .list-group-item,
.chart .manager .list-group-item {
    background-color: #fdfd96;
    color: black;
}

.ganttchart .manager .list-group-item.active,
.scheduler .manager .list-group-item.active,
.chart .manager .list-group-item.active {
    background-color: #428bca;
    color: white;
}

.chart .chart,
.chart .highcharts-container {
    width: 100%!important;
}