/* Contents: 
 *    datagrid.css
 *    datagrid-searchbox.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 ----- */

/* File: /odin/apps/cfb/template/css/datagrid-searchbox.css */ 
/* ----- DATAGRID SEARCHBOX ----- */

#searchbox,
.controls,
.well.grid-status-area {
    max-width: 135.7rem;
}

#searchbox {
	margin: 3rem 0 0 0;
    background-color: #eee;
    min-height: 97px;
}

#searchbox .loading-search-wrapper {margin: 0;}

#searchbox .loading-namesearch {
	display: inline-block;
    padding: 1rem 1rem 0 1rem;
    margin: 0;
}

#searchbox .loading-search-status {
	padding-bottom: 1rem;
	font-style: italic;
}

#searchbox fieldset {
    overflow: initial;
    display: block;
    clear: both;
}

#searchbox-data {
    border: solid 1px #EEE;
    padding: 0 3.6rem;
    background-color: #eee;
}

#searchbox legend {
    background-color: #172D55;
    color: white;
    font-weight: 500;
    padding: 1rem 1.6rem;
    letter-spacing: 1px;
    margin: 0;
    clear: both;
    overflow: auto;
    line-height: normal;
/*     text-transform: lowercase; */
}

#searchbox legend .search-title {text-transform: capitalize;}

#searchbox legend .no-prefix {
    text-transform: none;
}

#searchbox .options-wrapper {
	background-color: #eee;
	position: relative;
	overflow: auto;
}

#searchbox .options-wrapper .name {
    padding: 1rem 0 1rem 1rem;
    width: 23rem;
    white-space: nowrap;
}

#searchbox .options-wrapper .name .btn {
	background-color: #D0D0D0;
    border: solid 1px #C5C5C5;
    font-size: 1.2rem;
    padding: 0 .1rem;
    line-height: 1.6rem;
    margin: 0 .6rem 0 0.2rem;
    border-radius: 3px;
    vertical-align: middle;
}

#searchbox label {
    margin: 0;
    padding: 1rem;
    line-height: 3rem;
    display: block;
    float: left;
    vertical-align: top;
}

/*
#searchbox label.match,
#searchbox label.terminated {
    line-height: 2rem;
    margin: .5rem 1rem .5rem 0;
    padding: 1rem;
    background-color: #E0E0E0;
}
*/

#searchbox input {
    margin: 0;
    padding: 0 .5rem;
    line-height: 2.8rem;
    font-weight: lighter;
}

#searchbox .options-wrapper .name input {
	margin-left: .5rem;
	max-width: 100%;
	vertical-align: top;
}

#searchbox .terminated input,
#searchbox .match input {
    line-height: normal;
    vertical-align: middle;
    margin: 0 .4rem .3rem 0;
}

#searchbox button .fa {margin-right: .5rem;}

#searchbox-data .search-results {
    display: block;
    clear: both;
    position: relative;
    margin: 0 0 1.5rem 0;
    padding: 1rem 1rem .2rem 1rem;
    border: solid #DCDCDC;
    border-width: 0 1px 1px 0;
    border-radius: 3px;
    background-color: #fff;    
}

#searchbox-data .fa-caret-up {
    font-size: 2.6rem;
    position: absolute;
    top: -1.7rem;
    left: 12rem;
    color: #fff;
}

#searchbox-data .button .fa {
	display: none !important;	
    margin: 0 .6rem 0 0;
	padding: .4rem .48rem;
    border-radius: .3rem;
    color: #172D55;   
}

#searchbox-data .terminated .button .fa {background-color: #E4A8A8;}
#searchbox-data .not-terminated .button .fa {background-color: #BCE4A8;}

#searchbox-data .options-wrapper label.terminated,
#searchbox-data .search-results .terminated a {color: #B74B4B;}

#searchbox-data > div > div {
	line-height: 2rem;
    border-top: solid 1px #eee;
    padding: .3rem 1rem;
}

#searchbox-data > div > div:last-child {border-bottom: 0;}

#searchbox-data .selected{background: #b9d6ec;}

#searchbox-data .pagination {
    display: block;
    margin: 0 0 1.5rem 0;
    overflow: auto;
}

#searchbox > form {
	/*
	 * 	Modified by Jon Peterson - 07/25/2018
	 *	Removed because it was causing a strange line when loading the results-spinner
	 */
	//border-bottom: solid 1px #fff;
}

#searchbox .searchbox-added {
    padding: 0;
    line-height: 0;
    border: 0;
}

#searchbox .searchbox-added button.btn-primary {
    background-color: #5777AF;
    color: #fff;
}

#searchbox .searchbox-added button {
    margin: .5rem .5rem .5rem 1rem;
    padding: .2rem .8rem;
    border-radius: 3px;
    background-color: #E9EDF5;
    color: #000;
    white-space: normal;
}

/* search entry filter checks */

#searchbox .search-entry .options-wrapper {clear: both;}

#searchbox .search-entry .filter-checks ul {
    display: block;
    margin: 0;
    padding: 0;
    list-style-type: none;
}

#searchbox .search-entry .filter-checks ul li {display: inline-block;}

/* loading styles */

/*
#searchbox > form.ng-dirty .legend-wrapper > legend,
#searchbox > form.ng-dirty .options-wrapper {
	display: none;
}

#searchbox > form.ng-dirty.ng-valid-parse .legend-wrapper > legend,
#searchbox > form.ng-dirty.ng-valid-parse .options-wrapper {
	display: block;
}
*/


/* ----- MEDIA QUERIES ----- */

@media (max-width: 767px) {

#searchbox .options-wrapper .name {
    width: 90%;
    max-width: 29rem;
    padding: 1rem;
}

#searchbox .options-wrapper .name input {width: 90%;}

#searchbox .terminated,
#searchbox .match {
	display: block;
	clear: both;
	padding: 0 0 1rem 3.6rem;
}

#searchbox-data {margin: -8rem 0 0 -1px;}
	
	
}

@media (max-width: 540px) {
/*
	#searchbox .options-wrapper {
		padding-right: 29%;
	}
		
	#searchbox .options-wrapper .name {
	    border-right: 0;
	    height: auto;
	   width: 50%;
	}
	
	#searchbox .options-wrapper .name input {
		margin: 1rem 0 0 0;
	    font-size: 1.28rem;
	}
	
	#searchbox .terminated,
	#searchbox .match {
    	width: 50%;
		float: right;
		padding: 1rem 0 1rem 1rem;
	}
	
	#searchbox .match {border-width: 0 0 0 2px;}
	
	#searchbox button {
	    position: absolute;
	    right: 0;
	    top: 0;
	    bottom: 0;
	    border: solid #fff;
	    border-width: 0 0 0 2px;
	    padding: 1rem 0;
	    width: 29%;
	}
*/
}

/* Hide-Styles */
.page-affidavit .controls,
.page-affidavit .grid-status-area,
.page-subsidy .controls,
.page-subsidy .grid-status-area{
	display: none;
}