.inteli-listbox
{
    width: 100%;
    display: block;
}
.inteli-listbox-item
{
    height: 30px;
    width: 100%;
    padding: 1px;
    display: inline-table;
}
.inteli-listbox-item input{
margin: 1px;
}
.inteli-listbox-item label
{
margin-left: 0%;
}
.denested{
    margin-left: 0%;
}
.inteli-grid-container
{
    height: 100%;
    border: 1px solid #f4efef;
    background-color: #fff;
}

.inteli-grid-container tbody  tr:hover, td :hover {
    cursor: context-menu;
}

.inteli-grid-container thead:hover
{
    /*
    color: #000;
    */
}
.inteli-grid-container tr:hover input 
{
   /* background-color: #edf3ec !important;*/
    color: #000!important;
}
.inteli-grid-container tr:focus input  {
    background-color: #fff!important;
    color: #000!important;
  }
.inteli-grid-paging-button{
    float: left;
}
.inteli-grid-paging-selected{
    background-color: green;
}
thead[inteligrid-cell-ctrl-type=inteligrid-thead] {
    position: sticky;
    top: 0;
    z-index: 2;
}
.inteli-grid-header{
    position: sticky;
    top: 0;
    border:1px !important;
    border-right: 1px solid #d6d6d6 !important;
    /* border-bottom: 1px solid #d6d6d6 !important; */
}
.inteli-popup-compact
{
    max-height: 553px;
    overflow: scroll;
    margin-top: 5%;
}
.inteli-popup-medium
{
    height: 350px;
    overflow: scroll;
    margin-top: 14%;
}
.inteli-popup-large
{
    height: 600px;
    /*
    overflow: scroll;
    */
    margin-top: 0%;
}
.denested-down{
    margin-left: 0%;
}
.inteli-popup-body
{
    /*
    overflow: scroll;
    */
}
.inteligrid-menu{
    background-color: #fff !important;
    border: 1px solid #d8c8c8;
}
.inteligrid-menu ul
{
list-style-type: none;
margin: 0;
padding: 2px;
width: 100% !important;
}
.inteligrid-menu li
{
cursor: pointer;
color: #000;
white-space: nowrap;
}
.inteligrid-menu li :hover{
    background-color: #326c88;
    color: #fff;
    border-radius: .25rem;
}
.inteligrid-menu li div{
    padding: 3px;
}
.inteli-grid-paging-button button
{
background-color: #0f3874;
color: #fff;
}
.inteli-grid-paging-selected button
{
background-color: #4d6891;
color: #fff;
}
.bg-black
{
    background-color: rgb(176, 179, 5);
    color: #fff

}
.bg-purple
{
    background-color: rgb(165, 19, 129);
    color: #fff
}
ul[tqelement_type=inteli-treeview-root-ul] {
    list-style-type: none;
  }
  li[tqelement_type=inteli-treeview-child-li-headless]
  {
    list-style-type: none;
  }
  li[tqelement_type=inteli-treeview-child-li-headed]
  {
    list-style-type: none;
  }

span[tqelement_type=inteli-treeview-child]{
cursor: pointer;
-webkit-user-select: none; /* Safari 3.1+ */
-moz-user-select: none; /* Firefox 2+ */
-ms-user-select: none; /* IE 10+ */
user-select: none;
}
span[tqelement_type=inteli-treeview-child]::before {
content: "\25B6";
color: black;
display: inline-block;
margin-right: 6px;
}
.nested {
display: none;
}

.active {
display: block;
}
.inteli-wrap{
    width: 150px;
    word-wrap: break-word;
    word-break: break-all;
}
.grid-row-color tr:hover {
    background-color: #edf3ec!important;
}
.grid-row-color {
    background-color: #edf3ec!important;
}

.grid-row-color:hover input{
    background-color: #edf3ec!important;
}
.grid-row-color-td {
    background-color: #8892a7!important;
    /*border: 1px solid rgb(14, 13, 13) !important;*/
}
/*
tbody[inteligrid-cell-ctrl-type=inteligrid-tbody] {
    display:block;
    overflow:auto;
}
thead[inteligrid-cell-ctrl-type=inteligrid-thead], tbody[inteligrid-cell-ctrl-type=inteligrid-tbody] tr {
    display:table;
    width:100%;
    table-layout:fixed;
}
thead[inteligrid-cell-ctrl-type=inteligrid-thead] {
    width: calc( 100% - 1em )
}
*/
.gd-tr-th{
    font-size: 14px;
    text-align: center;
    background-color: #5771a0 !important;
    color: #fff !important;
}

.gd-tr-th-head{
     padding-left: 5px !important;
     background-color: #eb1f6d;
	}
.gd-tr-td-sub-head{
background-color: #d3e1ed !important;
}


.gd-tr-td-lbl{
width: 100% !important;
    padding: 5px !important;
    font-size: 12px !important;
	}

    @media (pointer: coarse), (hover: none) {
        [title] {
          position: relative;
          /* display: inline-flex; */
          justify-content: center;
        }
        [title]:focus::after {
          content: attr(title);
          position: absolute;
          top: 115%;
          color: #000;
          background-color: #fff;
          border: 1px solid;
          width:max-content;
          padding: 3px;
          font-size: 10px;
          left: 0;
        }
      
      }
      .inteligrid-context-window::-webkit-scrollbar {
        width: 5px;
      }