@charset "utf-8";
/* CSS Document */

/* container
<div class="cont_dg t25 l5 w200 h467">
<div class="row-head_dg">
<div class="cell_dg w75">TEXT</div>
</div>
<div class="row-cont_dg" id=""></div>
</div>
*/

.cont_dg{
position:absolute;
font-size: 12px;
font-family: 'Helvetica', 'Tahoma', 'Geneva', sans-serif;
background-color: rgba(180, 180, 180, 0.95);
overflow: hidden;
border: solid;
border-color: grey;
border-width: 1px;
margin: 0;
padding: 0;
}

.row-cont_dg{
display: block;
width: 100%;
height: 100%;
overflow: auto;
/*-ms-overflow-style: none;*/
margin: 0;
padding: 0;
}

.row-cont_dg::-webkit-scrollbar{width: 13px !important}
.row-cont_dg::-webkit-scrollbar-button{background: rgba(77,77,77,1.00) !important; height: 10px !important} 
.row-cont_dg::-webkit-scrollbar-button:hover{background: rgba(97,97,97,1.00) !important; height: 10px !important} 
.row-cont_dg::-webkit-scrollbar-track{background: rgba(241,241,241,1.00) !important} 
.row-cont_dg::-webkit-scrollbar-thumb{background: rgba(77,77,77,1.00) !important}
.row-cont_dg::-webkit-scrollbar-thumb:hover{background: rgba(97,97,97,1.00) !important}



.row-head_dg{
display: block;
width: 100%;
height: 22px;
line-height: 22px;
background-color: rgba(180, 180, 180, 0.95);
overflow: hidden;
border-bottom: solid;
border-bottom-color: black;
border-width: 1px;
margin: 0;
padding: 0;
}

.row_dg{
display: block;
width: 100%;
height: 20px;
line-height: 20px;
background-color: white;
border-bottom: 1px solid rgba(0,0,0,0.10);
overflow: hidden;
margin: 0;
padding: 0;
}

.row-nh_dg{/*ROW - No hoover*/
display: block;
width: 100%;
height: 20px;
line-height: 20px;
background-color: white;
border-bottom: 1px solid rgba(0,0,0,0.10);
overflow: hidden;
margin: 0;
padding: 0;
}

.row-c_dg{
display: block;
width: 100%;
background-color: white;
border-bottom: 1px solid rgba(0,0,0,0.10);
overflow: hidden;
margin: 0;
padding: 0;
}

.row-cont_dg .row_dg:hover, 
.row-cont_dg .row-c_dg:hover{
cursor: pointer;
background-color: rgba(136,198,238,0.80) !important;
}

.cell_dg{
display: block;
float: left;
font-size: 11px;
font-family: 'Helvetica', 'Tahoma', 'Geneva', sans-serif;
height: 20px;
line-height: 20px;
text-align: left;
text-indent: 2px;
overflow: hidden;
margin: 0;
padding: 0;
}

.cell-c_dg, .cell-clk_dg{
display: block;
float: left;
overflow: hidden;
margin: 0;
}


.cell-txt_dg{
display: block;
float: left;
font-size: 11px;
height: 20px;
line-height: 20px;
text-align: left;
text-indent: 2px;
overflow: hidden;
margin: 0;
padding: 0;
-webkit-user-modify: read-write;
-moz-user-modify: read-write;
user-modify: read-write;
}

.cell-c-txt_dg{
display: block;
float: left;
font-size: 11px;
text-align: left;
text-indent: 2px;
overflow: hidden;
margin: 0;
padding: 0;
-webkit-user-modify: read-write;
-moz-user-modify: read-write;
user-modify: read-write;
}

.cell-txt_dg:focus, .cell-c-txt_dg:focus{
background-color: rgba(190,227,23,0.80);
outline: none;
}

.cell_dg:hover,
.cell-c_dg:hover,
.cell-clk_dg:hover{
cursor: pointer;
}

.cell_dg:focus, .cell-c_dg:focus{
background-color: rgba(190,227,23,0.80);}

.row-head_dg > .cell_dg{
font-size: 12px;
text-align: center;
height: 22px;
line-height: 22px;
border-right: solid;
border-right-color: rgba(127,126,126,1.00);
border-right-width: 1px;
background-color: green;
background-image: url("../img/backgrounds/datagrid_header_background.jpg");
background-repeat: repeat-x;
}

.row-head_dg > .cell_dg:last-child{
border-right: none;
}

.row_dg > .cell_dg, 
.row-c_dg > .cell_custom_dg{
border-right: solid;
border-right-color: rgba(240,240,240,1.00);
border-right-width: 1px;
}

.row_dg > .cell_dg:last-child, 
.row-c_dg > .cell_custom_dg:last-child{
border-right: none;
}

/*---------------------minus button-----------------------------*/
.dg-minus_btn{  /* requires &nbsp;&nbsp;&nbsp; in div */
/*position: absolute;
display: block;
width: 14px;
height: 14px;
margin: 3px;*/
min-width:16px;
background-image: url("../img/btn/dg-row-btns-minus.png");
background-repeat: no-repeat;
background-size: 14px 14px;
background-position:center center;
}

.dg-minus_btn:hover{
cursor: pointer;
background-image: url("../img/btn/dg-row-btns-minus-over.png");
background-repeat: no-repeat;
background-size: contain;
}

/*---------------------edit button-----------------------------*/
.dg-edit_btn{  /* requires &nbsp;&nbsp;&nbsp; in div */
/*position: absolute;
display: block;
width: 14px;
height: 14px;
margin: 3px*/
background-image: url("../img/btn/dg-row-btns-edit.png");
background-repeat: no-repeat;
background-size: contain;
}

.dg-edit_btn:hover{
cursor: pointer;
background-image: url("../img/btn/dg-row-btns-edit-over.png");
background-repeat: no-repeat;
background-size: contain;
}