.DATAGRID tr:hover  {
		background-color:#fafafa
}

.DATAGRID {
	background-image:url('https://sbo.ezugi.com/office/office_1.0/images/white_trans.png');
	border-collapse: collapse;
	border:1px solid  #ddd;
	table-layout: fixed;
}
.DATAGRID a{
	color:#00C !important	
}
.DATAGRID .delete_row{
	text-align:center ;
	background-image:url('https://sbo.ezugi.com/office/office_1.0/images/Close.png') ;
    background-repeat:no-repeat;    
    background-position:center;
    cursor:pointer        
}

.DATAGRID .delete_row_gray{
    text-align:center ;
    background-image:url('https://sbo.ezugi.com/office/office_1.0/images/error.svg') ;
    opacity: 0.2;
    background-repeat:no-repeat;
    background-position:center;
}

.DATAGRID .delete_row_red{
    text-align:center ;
    color: red;
}

.DATAGRID div, .DATAGRID a{
	font-size:11px;		
	white-space:nowrap;	
	
}
.DATAGRID td {
	font-size:11px;	
    height:25px;
	border-style:solid;
	border-left-style:none;		
	border-right-style:none;	
	border-left-color: #fff;
	border-right-color: #fff;	
	border-top-color: #eee;
	border-bottom-color: #eee;		
    padding: 1px 4px 1px 4px;
    text-align: left;
}
.DATAGRID .header{

	font-size:11px;
	background-color:#fff;
	color:#666666;
	padding:4px;
	padding-right:13px !important;	
	cursor:pointer;
	border-style:solid;
	border-left-color: #ddd;
	border-right-color: #ddd;	
	border-top-color: #ddd;		
	background-size: contain;
    text-align: center;
}
.DATAGRID .header:hover{
	background-color:#fafafa
}

.DATAGRID_PAGING.infinite_pagination {
    tbody {
        width: 100%;

        td.go_to_td {
            border: none;
            background: none;
            padding: 0 0 0 20px;
            width: 40%;

            &:hover {
                color: black;
                text-decoration: none;
            }
        }

        .go_to_page_container {
            height: 100%;
            display: flex;

            .submit_page_number {
                padding: 6px;
                display: block;
                background-color: #f6f6f6;
                margin-right: 10px;
                border: 1px solid #ccc;
                border-radius: 3px;
            }

            input {
                width: 40px;
                margin-right: 10px;
            }
        }
    }
}

.DATAGRID_PAGING{
	clear:both;
	margin-bottom:10px;
	margin-top:10px;	
}
.DATAGRID_PAGING td{
	width:20px;
	height:22px;
    text-align:center;
    border:1px solid #aaa ;
    border-color:#ddd #aaa #aaa #ddd ;    
    font-size:11px;
    font-weight:bold;
    padding:4px;

}

.DATAGRID_PAGING td:hover{
	width:19px;	
	height:21px;	
    border:1px solid #aaa;
    border-right-width:2px;
    border-bottom-width:2px;	
    border-color:#ccc #666 #666 #ccc ;       
    background-color:#ffe;
    font-size:13px;    
	color:#d00;	
	cursor:pointer;
	

}
.DATAGRID_PAGING .marked{
	color:#d00;	
    font-size:13px;    	
    border-color: #aaa #eee #eee #aaa ;       	
    background-image:none;
}
.DATAGRID_PAGING .disabled{
    border-color:#fff !important;
	background-image:none;
	cursor:default !important;
}
.DATAGRID_PAGING .disabled:hover{
    border-color:#fff !important;
    background-color:#fff !important;
}

.DATAGRID_PAGING .arrow{
	width:40px;
    font-family:arial;
    font-size:13px;

}
.DATAGRID_PAGING .expand{
	background-image:url('https://sbo.ezugi.com/office/office_1.0/images/expand.png')	;
	background-repeat:no-repeat;
	background-position:center;
}
.DATAGRID_PAGING .arrow:hover{
	width:39px ;
    font-size:12px;	
}

.bootstrap .dropdown-menu > .active > a, .bootstrap .dropdown-menu > .active > a:hover, .bootstrap .dropdown-menu > .active > a:focus{
	background-color: #eee !important;
}

.bootstrap .dropdown-menu > .active > a, .bootstrap .dropdown-menu > .active > a:hover, .bootstrap .dropdown-menu > .active > a:focus{
	color: black !important;
}