/* Contents: 
 *    datagrid.css
 */
/* File: /odin/apps/cfb/template/css/datagrid.css */ 
#searchbox .searchbox-added,
.options-pane,
.controls .pagination-controls,
.page-received table {
    border-top: solid #fff 2px;
}

/* ------ TABLE STYLES ------ */

table { 
  width: 100%; 
  border-collapse: collapse; 
  margin: 0;
  background-color: #fff;
/*   table-layout: fixed; */			/*10-11*/
  box-sizing: border-box;
}
table.grid-data-table{
  display: block;
  min-height: 27rem;
}
table.loading {
	opacity: .5;
}

table caption {
    margin: 0;
    padding: 1rem 1.6rem;
    background-color: #172D55;
    font-size: 1.3rem;
    font-weight: 700;
    line-height: normal;
    color: #fff;
    text-align: left;
    vertical-align: baseline;
    border-radius: 0;
    border: solid #ffffff;
    border-width: 1px 1px 0 1px;
}
table.grid-totals caption{
    padding: .2rem 1.6rem;
    font-size: 1.2rem;
}
thead tr {
    background: #3D5684;
}

tr:nth-of-type(odd) { 
  background: #F9F9F9; 
}

tr:nth-of-type(even) {
  background: #eeeeee;
}

td {
    padding: .5rem .7rem;
}

td, th {
    margin: 0;
    border: 1px solid #fff;
    text-align: left;
    vertical-align: top;
    font-size: 1.2rem;
}

table th label,
table td label {margin: 0;}

.cell-sm {vertical-align: middle;}

.size-small td,
.size-small th {
    font-size: 1rem;
}
.size-large td,
.size-large th {
    font-size: 1.4rem;
    padding: 1rem 1.2rem;
}
.page-entities td:nth-child(2),
.page-entities th:nth-child(2) {
  min-width: 16rem;
}

thead tr th,
th {
    position: initial;
    white-space: nowrap;
    background-color: #5777AF;
    border-top-width: 0;
	border-color: #fff;
/*     padding: 2px .7rem 0 .7rem; */
    color: #ffffff;
    font-weight: 200;
    letter-spacing: 1px;
    padding: .7rem;
    line-height: normal;
    height: auto;
}

th .label {
    font-weight: 200;
    letter-spacing: 1px;
    line-height: 2.3rem;
}

th .sort-icon {
    margin-right: .9rem;
}

/* ----- TABLE HEADING TEXT ----- */

.label {
	display: inline;
    padding: 0;
    font-size: 1.3rem;
    font-weight: 700;
    line-height: 1;
    color: #fff;
    text-align: left;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: 0;
}

.size-small .label { font-size: 1.1rem; }
.size-large .label { font-size: 1.4rem; }


td.bool,
td.date,
td.currency,
td.number{
	text-align: right;
}
td.date{
  min-width: 16rem;
}
tr.selected-row td{
	background-color: #E9EDF5;
}
td.selected-column{
/* 	background-color: #E9EDF5; */
}
tr.selected-row td.selected-column{
/* 	background-color: #fff; */
	font-weight: bold;
}

[ng-click]{
	cursor: pointer;
}

/* ----- TABLE LINKS ----- */

table a {
	font-weight: 500;
	text-decoration: underline;
}

table th a {color: #fff;}

table .btn-standard,
table .btn-standard:hover,
table .btn-standard:focus {
	text-decoration: none;
}

/* ----- FILTER BOXES ----- */

.column_filter {
/*     padding: .6rem; */
    background-color: #3D5684;
    border-bottom-color: #3D5684;
}

.column_filter select {width: 100%;}

.form-control {
    display: block;
    width: 100%;
    height: auto;
    font-size: 1.3rem;
    color: #000;
    background-color: #fff;
    background-image: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-transition: initial;
    transition: initial;
    padding: 0 .5rem;
    line-height: 1.8rem;
    border: 0;
    border-radius: 2px;
    font-weight: 300;
}

.form-control:focus {
    border-color: #ccc;
    outline: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    background-color: #C0CADE;
    color: #333;
}

.column_filter option {color: #000;}

table input {color: #000;}

/* ----- SELECTS ----- */

#main th.column_filter.select .btn-group {width: 100%;}

#main th.column_filter.select .btn-group button {
    padding: 0 .5rem;
    line-height: 1.8rem;
    border: 0;
    border-radius: 2px;
    border-top-right-radius: 2px;
    border-bottom-right-radius: 2px;
    font-weight: 300;
    font-size: 1.3rem;
    float: none;
    margin: 0 auto;
    width: 100%;
}

table select,
table select option {color: #000;}

/* ----- PAGINATION ----- */

.pagination>li>a,
.pagination>li>span {
	color: #4D6A9E;	
}

.pagination>.active>a,
.pagination>.active>span,
.pagination>.active>a:hover,
.pagination>.active>span:hover,
.pagination>.active>a:focus,
.pagination>.active>span:focus {
    color: #fff;
    background-color: #4D6A9E;
    border-color: #4D6A9E;
}

/* ----- Dropdowns Within Table Headings ----- */

table .dropdown-menu>li>a,
table .dropdown-menu .ok_button {
	color: #333;
	text-decoration: none;
}

table th .dropdown-menu li {
    border-bottom: solid 1px #ccc;
}

table th .dropdown-menu li:last-child {
    border-bottom: 0;
}

table .dropdown-menu .ok_button {margin-right: .3rem;}




/* ----- nixed mobile table styles begin ----- */

/*
@media (max-width: 760px) {
	
#main > div > div > table.ng-scope th,
#main > div > div > table.ng-scope td {
    min-width: 14rem;
    padding: 0;
    text-indent: .5rem;
    border-width: 0 0 1px 0;
    text-align: left;
}

#main > div > div > table.ng-scope th span,
#main > div > div > table.ng-scope td span {line-height: 3rem;}
	
}
*/

/* ----- nixed mobile table styles end ----- */