﻿.ces-datagrid-bootstrap-customized.btn-xs {
	padding: 5px;
	font-size: 12px;
	line-height: 1.5;
	border-radius: 3px;
}
.ces-datagrid-bootstrap-customized.btn-xs:hover:enabled {
	color: white;
}

/**/
.ces-datagrid {
	width: 100%;
	height: 100%;
	overflow-y: hidden;
}
.ces-datagrid-fullscreen {
	position: fixed !important;
	top: 0px !important;
	left: 0px !important;
	z-index: 1000 !important;
	background-color: white !important;
	border: 2px solid black !important;
	width: calc(100% - 50px) !important;
	height: calc(100vh - 50px) !important;
	min-height: 75px !important;
	padding: 30px !important;
	margin: 25px !important;
}

.ces-datagrid-fullscreen .ces-datagrid {
	height: calc(100% - 20px) !important;
}

.ces-datagrid-scrollable {
	height: 100%;
	overflow-y: auto;
}

.ces-datagrid-scrollable table {
	border-collapse: separate;
	border-spacing: 0;
}

.ces-datagrid thead {
	background-color: #f4f2f2;
	position: sticky;
	top: 0;
}

.ces-datagrid thead th {
	white-space: nowrap;
	border-top: 2px solid #dedfde !important;
	border-bottom: 2px solid #dedfde !important;
}

.ces-datagrid table {
	margin-bottom: 0px;
}

.ces-datagrid tbody > tr:hover {
    cursor: pointer;
}

.ces-datagrid tbody >tr:first-child > td {
    border: none;
}

.ces-datagrid-row {
	background-color: #ffffff;
}

.ces-datagrid-alt-row {
	background-color: #fbf9f9;
}

.ces-datagrid-row td.condensed,
.ces-datagrid-alt-row td.condensed, 
.ces-datagrid-scrollable th.condensed {
	padding: 2px 5px !important;
}

.ces-datagrid-link {
	cursor: pointer;
	margin-bottom: 4px;
}

.ces-datagrid-link-disabled {
	color: darkgrey;
	margin-bottom: 4px;
}

.ces-datagrid-loading {
    position: relative;
    background: linear-gradient(to bottom, rgba(0,0,0,0), #808080) ;
    width: 100%;
    height: 100%;
    display: inline-block;
    z-index: 900;
    opacity: 0.5;
    filter: alpha(opacity=50); /* For IE8 and earlier */
}

.ces-datagrid-loading > div {
    position: absolute;
    top: 40%;
    color: #000000;
    display: block;
    font-size: 14pt;
    font-weight: bolder;
    text-align: center;
    width: 100%;
}

.ces-datagrid-toolbar {
	margin-top: 3px;
}

.ces-datagrid-toolbar td {
	vertical-align: top;
	padding-right: 10px;
}

.ces-datagrid-filters {
	display: inline-block;
}

.ces-datagrid-search-expanded {
	margin-bottom: 5px;
}

.ces-datagrid-pagination {
	color: #808080;
	margin-top: 3px;
	margin-bottom: 6px;
}

.ces-datagrid-pagination > table {
	width: 100%;
}

.ces-datagrid-pagination td:first-child {
	vertical-align: bottom;
	text-align: left;
}

.ces-datagrid-pagination td:first-child div {
	display: inline;
}

.ces-datagrid-pagination td:last-child {
	text-align: right;
}

.ces-datagrid-pagination .btn {
	color: #808080;
}

.ces-datagrid-sort-selected {
	background: linear-gradient(to bottom, #CCCCCC, #f4f2f2);
}

.ces-datagrid-cell-minimum-width {
	white-space: nowrap;
	width: 1px;
}

.ces-datagrid-row {
	color: #000000;
}

.ces-datagrid-row-deleted {
	text-decoration: line-through;
	color: #ad2e2e;
}

.ces-datagrid-row-cancelled {
	text-decoration: line-through;
	color: #AAAAAA;
}

.ces-datagrid-row-danger {
	color: #ad2e2e;
}

.ces-datagrid-row-disabled {
	color: #AAAAAA;
}

.ces-datagrid-row-inactive {
	color: #AAAAAA;
}

.ces-datagrid-row-selected {
	background: #DDDDDD;
}

.ces-datagrid-row-primary-hover:hover {
	color: #007bff !important;
}

.ces-datagrid-row-danger-hover:hover {
	color: #dc3545 !important;
}

.ces-datagrid-row-success-hover:hover {
	color: #28a745 !important;
}

.ces-datagrid-row-warning-hover:hover {
	color: #ffc107 !important;
}

.ces-datagrid-row-dark-warning-hover:hover {
	color: #ff8407 !important;
}
