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


/* File: /odin/apps/cfb/template/css/datagrid-controls.css */ 
/* ----- DATAGRID CONTROLS AND OPTIONS----- */

.controls {
    margin: 0 !important;
    background-color: #eee;
}

.well.grid-status-area {
 /*
   min-height: 0;
    padding: 0;
    margin: 0;
    margin-bottom: 0;
    background-color: #fff;
    border: 0;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    line-height: 0;
*/
	margin:.5rem 0;
    padding: 0;
	min-height: 52px;
}

.well.grid-status-area .btn-group {
    background-color: #f5f5f5;
    width: 100%;
}

.well.grid-status-area .btn-group .btn {margin: 1rem;}

.controls .results-per-page {
    display: block;
    overflow: auto;
    margin: 0;
    padding: 0 1rem 1rem 0;
    float: left;
}

#main > .page-received > .ng-scope > .btn-group {display: inline;}
#main > .page-received > .ng-scope > .ng-scope {
	margin: 0;
	line-height: normal;
}

.controls .results-per-page label {
    margin: 0 .5rem 0 0;
    text-transform: uppercase;
    font-weight: 500;
}

.controls .results-per-page select {
    vertical-align: top;
    margin: 0 .2rem 0 .1rem;
}

.controls .results-per-page p {
    float: left;
    margin: 0;    
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
}

/* ----- OPTIONS PANE ----- */

.options-pane {
    line-height: normal !important;
    background-color: #DCDCDC;
    padding: 1rem;
}



.options-pane .btn-group {
    display: inline-block;
    margin-bottom: 0;
    margin: 0 .6rem 0 0;
    padding: 0;
}

.options-pane .btn-group .btn {
	white-space: nowrap;
}

#main .dropdown-menu{
    max-height: 20rem;
    overflow: auto;
    /* width: 100%; */
	width: auto;
    border-top-color: #fff;
}
#main .dropdown-menu>li .ok_button{
	position: absolute;
	top: 5px;
	right: 0;
	width: 35px;
	padding: 0;
	line-height: 26px;
	text-align: center;
	border: 1px solid #aaa;
	border-radius: 3px;
	font-size:1rem;
}
#main .dropdown-menu>li .ok_button:hover{
	background-color:#9dbef8;
}
#main .dropdown-menu>li .toggle_button{
	line-height: 26px;
	font-size:1rem;
	margin-right:38px;
	padding-right:0 0 0 .5rem;
	overflow: hidden;
}
.options-pane .dropdown-menu>li {
	margin: 0;
	padding: 0;
}

.options-pane .dropdown-menu>li>a,
.options-pane .dropdown-menu label,
.options-pane .dropdown-menu label input {
	text-align: left;
}

.options-pane .dropdown-menu li a,
.options-pane .dropdown-menu li input,
.options-pane .dropdown-menu li .dot-csv {
    padding: 0 .75rem;
    display: block;
    width: 100%;
    text-align: left !important;
    border-radius: 0;
    border: solid 1px #C0C0C0;
    border-top: 0;
    border-left: 0;
    border-right: 0;
}


.options-pane .dropdown-menu .size-small .fa { font-size: 80%; }
.options-pane .dropdown-menu .size-regular .fa { font-size: 100%; }
.options-pane .dropdown-menu .size-large .fa { font-size: 110%; }

.options-pane .btn-group.option-download-csv .input-group {
    width: 100%;
    overflow: auto;
    line-height: 1.8rem;
    padding: 0 3% 0 3%;
    margin-bottom: 0;
    border-bottom: solid 1px #ccc;
}

.options-pane .btn-group.option-download-csv .input-group > label > .form-control {
    width: 74%;
    max-width: 116px;
    line-height: 1.8rem;
    vertical-align: middle;
    background-color: #F9F9F9;
    border: solid 1px #ccc;
    border-width: 1px 0 1px 1px;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    padding: 0 .2rem 0 .5rem;
}

.options-pane .btn-group.option-download-csv .input-group .input-group-addon {
    width: 24%;
    max-width: 44px;
    float: left;
    line-height: 1.8rem;
    vertical-align: middle;
    border: solid 1px #ccc;
    margin: 0 .5% .5% .5%;
    padding: 0 3px;
}

.options-pane .btn-group.option-download-csv a {
	background-color: transparent;
	padding: .4rem .75rem .2rem .75rem;
}


/* ----- CSV DOWNLOAD ----- */

.controls .row {
    margin-left: 0;
    margin-right: 0;
}

.controls .download-data {
    background-color: #eee;
    display: block;
    width: auto;
    margin: 0;
    padding: 0;
    border: solid #fff;
    border-width: 0 0 4px 4px;
    float: right;
    overflow: auto;
    min-height: 13rem;
}

.controls .download-data dl {
    margin: 0;
    padding: 1rem 1.2rem 0 1.2rem;
}

.controls .download-data dt {
    background-color: #ccc;
    padding: 0 1.2rem;
    margin: -1rem -1.2rem 1rem -1.2rem;
    line-height: 3.8rem;
}

.controls .download-data dd {
    margin: 0 0 1rem 0;
}

.controls .download-data dd label {
    margin: 0;
    padding: 0;
}

.controls .download-data label input {
    text-align: right;
    max-width: 12rem;
    margin: 0;
    padding: 0 .3rem 0 0;
}

.controls .download-data .dot-csv {
    padding: 0 0 0 .3rem;
}

.controls .download-data button {width: 100%;}

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

.controls .pagination-controls {
    display: block;
    overflow: auto;
    background-color: #DCDCDC;
    margin: 0;
    width: 100%;
    padding: 1rem 0 0 1rem;   
}
.controls .pagination-controls .results-per-page
{
	min-width: 25rem;
}

.controls .pagination-controls > .dir-pagination-controls {
    float: left;
    padding: 0 1rem 1rem 0;
}

.controls .pagination-controls .pagination {
    display: block;
    margin: 0;
    padding: 0;
}

#main .pagination>li>a,
#main .pagination>li>span {position: initial;}

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

@media (max-width: 1300px) {
	
	
	
}

@media (max-width: 1024px) {
	
	
	
}

@media (max-width: 992px) {
	
	
	
}

@media (max-width: 780px) {
	
.options-pane button {padding: 5px;}	
	
}

@media (max-width: 767px) {
	
.options-pane {overflow: auto;}

.options-pane .btn-group {
    display: block;
    clear: both;
    margin: 0 auto;
    max-width: 28rem;
}

.options-pane button {
    width: 100%;
    margin: 0 auto;
    float: none !important;
    text-align: left;
    font-size: 1.4rem;
}

.options-pane button .fa-caret-down {
    float: right;
    padding: 0 .5rem;
}

.options-pane .dropdown-menu {
    max-height: 20rem;
    overflow: auto;
    margin-top: -1px;
    width: 100%;
    -webkit-box-shadow: none;
    box-shadow: none;
    position: relative;
    border-radius: 0;
    margin: 0;
    border-width: 1px;
    border-color: #cccccc;
    background-color: #D6D6D6;
}

.controls .pagination-controls .results-per-page {
    margin: 0 auto;
    float: none;
}

.controls .pagination-controls .results-per-page p {float: none;}

.controls .pagination-controls .pagination {
    clear: both;
    text-align: center;
    margin: 0 1rem 1rem 0;
}	

.controls .pagination-controls .pagination>li {
	display: inline-block;
}

.controls .pagination-controls .pagination-sm>li>a,
.controls .pagination-controls .pagination-sm>li>span {
    padding: 5px 7px;
}
	
}

@media (max-width: 760px) {
	
	
	
}

@media (max-width: 540px) {
	
	
	
}

/* File: /odin/apps/cfb/template/css/datagrid-scrolltable.css */ 
.grid-data{
	overflow: hidden;
}
.grid-data table.grid-data-table{
	display: table;
	width:auto;
	min-width: 100%;
	min-height: inherit;
}
.grid-data .results-head-scroll{
	position: relative;
}
.grid-data .results-area-scroll{
	overflow: auto;
	min-height:200px;
	max-height:500px;
}
.grid-data .results-area-scroll .grid-rows{
	display:block;
}
.grid-data .results-head-scroll table,
.grid-data .results-area-scroll table{
	min-width: auto;
	width:auto;
	max-width: auto;
}
.grid-data .results-head-scroll th,
.grid-data .results-area-scroll td{
	padding: 0 .7rem; /*10-11*/
	margin:0;
}
.grid-data .results-area-scroll td{
	min-width: auto !important;
}
.grid-data .results-head-scroll .cell-wrap,
.grid-data .results-area-scroll .cell-wrap{
	 padding: .5rem .7rem;
}	
/*
.grid-data .results-area-scroll .cell-wrap span{
	white-space: nowrap;
}
*/