/* Add here all your css styles (customizations) */
* {margin: 0;}
.ui-autocomplete {z-index: 5000;}

.font_12px {font-size: 12px ;}
.font_14px {font-size: 14px ;}
.font_16px {font-size: 16px ;}
.font_18px {font-size: 18px ;}
.font_20px {font-size: 20px ;}
.font_22px {font-size: 22px ;}
.font_24px {font-size: 24px ;}

.pad_5 {padding: 5px;}
.pad_10 {padding: 10px;}
.pad_20_left {padding-left: 20px;}

html {
	position: relative;
	min-height: 100%;}

.footer{
	position: absolute;
	bottom: 0;
	background-color: white;
	height: 30px;
	width:90%;
	padding-left:10%;}

.pubfooter{
	position: absolute;
	bottom: 0;
	/*background-color: white;*/
	height: 30px;
	width:910px;
	}

/* Hide HTML5 Up and Down arrows. */
.noSpin::-webkit-outer-spin-button, .noSpin::-webkit-inner-spin-button {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	margin: 0;
}

/* --- Large drop down menu. --- */

/* adjust total width of dropdown menu based on browser width */
@media (min-width: 1501px) {
	.dropdown-menu-large {
		width: 75%
	}
}
@media (max-width: 1500px) {
	.dropdown-menu-large {
		width: 95%
	}
}


.dropdown-large {position: static !important;}
.dropdown-menu-large {
	margin-left: 16px;
	margin-right: 16px;
	padding: 20px 0px;}

.dropdown-menu-large > li > ul {
	padding: 0;
	margin: 0;}

.dropdown-menu-large > li > ul > li {list-style: none;}

.dropdown-menu-large > li > ul > li > a {
	display: block;
	padding: 3px 20px;
	clear: both;
	font-weight: normal;
	line-height: 1.428571429;
	color: #333333;
	white-space: normal;
}

.dropdown-menu-large > li ul > li > a:hover,
.dropdown-menu-large > li ul > li > a:focus {
	text-decoration: none;
	color: #262626;
	background-color: #f5f5f5;
}
.dropdown-menu-large .disabled > a,
.dropdown-menu-large .disabled > a:hover,
.dropdown-menu-large .disabled > a:focus {color: #999999;}
.dropdown-menu-large .disabled > a:hover,
.dropdown-menu-large .disabled > a:focus {
	text-decoration: none;
	background-color: transparent;
	background-image: none;
	filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
	cursor: not-allowed;
}
.dropdown-menu-large .dropdown-header {
	color: #428bca;
	font-size: 18px;
	white-space: normal;
}

@media (max-width: 768px) {
  .dropdown-menu-large {
	margin-left: 0 ;
	margin-right: 0 ;
  }
  .dropdown-menu-large > li {
	margin-bottom: 30px;
  }
  .dropdown-menu-large > li:last-child {
	margin-bottom: 0;
  }
  .dropdown-menu-large .dropdown-header {
	padding: 3px 15px !important;
  }
}


/* Panels (Portlets)
------------------------------------*/
.panel-u {border-color: #728ab2;}
.panel-u > .panel-heading {background: #728ab2; color: #ffffff}
.panel-u > .panel-heading > .table > tbody > tr > td {border: 0;}


.btn-u {
	background: #728ab2;
	color:#ffffff;}

.btn-u:hover,.btn-u:focus,.btn-u:active,.btn-u.active,.open .dropdown-toggle.btn-u {
	background: #728ab2;
	color: #fff;}

.btn-nocolor {
	background: white;
	color:black;
	padding-top: 0px;
	padding-left: 0px;
	padding-bottom: 0px;
	padding-right: 0px;}

.btn-nocolor:hover,.btn-nocolor:focus,.btn-nocolor:active,.btn-nocolor.active,.open .dropdown-toggle.btn-nocolor {
	background: white;
	color: black;
	padding-top: 0px;
	padding-left: 0px;
	padding-bottom: 0px;
	padding-right: 0px;}

.panel-animal {border-color: #442d17;}
.panel-animal > .panel-heading {background: #996633; color: #ffffff}
.panel-animal > .panel-heading > .table > tbody > tr > td {border: 0;}


.btn-animal {
	background: #996633;
	color:#ffffff;}

.btn-animal:hover,.btn-animal:focus,.btn-animal:active,.btn-animal.active,.open .dropdown-toggle.btn-animal {
	background: #996633;
	color: #fff;}



/* background color to input fields onfocus */
input:focus, select:focus, textarea:focus {background-color: #F0F0F0;}

/* add paragraph breaks to long text strings */
p.format {white-space: pre-line;}

.cursor_pointer {
    cursor: pointer;
}

.font_bold {
	font-weight: bold;
}

.font_italic {
	font-style: italic;
}

.font_underline {
	text-decoration: underline;
}

.autowidth {width: auto;}



.list-unstyled-pad40 {
  padding-left: 40px;
  list-style: none;
}

/*custom a.list-group-item for site summary*/
a.list-group-item-white {
	color: white ;
}


/* BACKGROUND COLOR BASED ON PRIMARY COLOR FROM THEME-COLORS */
.bgc_primary {
	background:  #728ab2;
	color: white;
	border-color: #728ab2;
}

.bgc_secondary {
	background:  #728ab2;
	color: white;
}


.bgc_silver {background:silver;}

.bgc_folder {
	background: lightgrey;
	color: black;
	font-weight: bold;
}

.bgc_folder > a {
	color: black;
}

.bgc_chem {
	background: #68389A;
	color: white;
}

.bgc_clin {
	background: #B02418;
	color: white;
}

.bgc_coor {
	background: #4275B0;
	color: white;
}

.bgc_pass {
	background: #5F8040;
	color: white;
}

.bgc_yellow {
	background: #ffff00;
	color: black;
}

.bgc_lightorange {
	background: #FFD8B2;
	color: black;
}
.bgc_pink {
	background: #ffe0e2;
	color: black;
}
.bgc_purple {
	background: #edc1ff;
	color: black;
}
.bgc_black{
	background: #000000;
	color: #ffffff;
}

/* TAB-V1 */
.tab-v1 .nav-tabs {border-bottom: solid 2px #728ab2;}
.tab-v1 .nav-tabs > li > a{ border: solid 2px black;}
.tab-v1 .nav-tabs > .active > a,
.tab-v1 .nav-tabs > .active > a:hover,
.tab-v1 .nav-tabs > .active > a:focus {background: #728ab2;}
.tab-v1 .nav-tabs > .active >  a {background: #728ab2 !important;color: #FFFFFF !important;}
.tab-v1 .nav-tabs > li > a:hover {background: #728ab2 !important;color: #FFFFFF !important;}


/********************************************************************/
/*** TABLE MODIFICATIONS ***/

.table-nonfluid {width: auto !important;}

.table-bordered-black>tbody>tr>td,
.table-bordered-black>tbody>tr>th,
.table-bordered-black>tfoot>tr>td,
.table-bordered-black>tfoot>tr>th,
.table-bordered-black>thead>tr>td,
.table-bordered-black>thead>tr>th,
.table.table-bordered-black>caption+thead>tr:first-child>td,
.table.table-bordered-black>caption+thead>tr:first-child>th,
.table.table-bordered-black>colgroup+thead>tr:first-child>td,
.table.table-bordered-black>colgroup+thead>tr:first-child>th,
.table.table-bordered-black>thead:first-child>tr:first-child>td,
.table.table-bordered-black>thead:first-child>tr:first-child>th{
	border: 1px solid #000000;
}

.table>tbody>tr>td.media-middle-table,
.table>tbody>tr>th.media-middle-table,
.table>tfoot>tr>td.media-middle-table,
.table>tfoot>tr>th.media-middle-table,
.table>thead>tr>td.media-middle-table,
.table>thead>tr>th.media-middle-table{
	vertical-align: middle;
}

/* Filter */
.dataTables_wrapper .dataTables_filter {
  float: left;
  text-align: right;
}

.dataTables_filter input { width: 300px }

/* Table information */
.dataTables_wrapper .dataTables_info {
	float: right;
}

/* Page length menu */
.dataTables_length {
	float: right;
}

table.dataTable tr.odd { background-color: white; }
table.dataTable tr.even { background-color: white; }

table.dataTable tr.odd td.sorting_1 { background-color: #cccccc; }
table.dataTable tr.odd td.sorting_2 { background-color: white; }
table.dataTable tr.odd td.sorting_3 { background-color: white; }
table.dataTable tr.even td.sorting_1 { background-color: #cccccc; }
table.dataTable tr.even td.sorting_2 { background-color: white; }
table.dataTable tr.even td.sorting_3 { background-color: white; }

.dataTables_wrapper.no-footer .dataTables_scrollBody {
	border-bottom: 1px solid #728ab2;
}

.panel-table{
    /*border-left: 1px solid #728ab2;*/
    /*border-right: 1px solid #728ab2;*/
    /*border-top: 1px solid white;*/
	border-radius: 0 0 4px 4px;
}

.table.dataTable{
	margin-top:0 !important;
	margin-bottom:0 !important;
	border-bottom: 1px solid #DDDDDD;
}

/* cell-border class. used to place border around cells and not header */
table.dataTable.cell-border tbody th, table.dataTable.cell-border tbody td {
	border-top: 1px solid #ddd;
	border-right: 1px solid #ddd
}

table.dataTable.cell-border tbody tr th:first-child, table.dataTable.cell-border tbody tr td:first-child {
	border-left: 1px solid #ddd
}

table.dataTable.cell-border tbody tr:first-child th, table.dataTable.cell-border tbody tr:first-child td {
	border-top: none
}

.dataTables_scrollBody{
    border-radius: 0 0 4px 4px;
}

.dataTables_scrollHeadInner{
    border-right: 1px solid #728ab2;
}

/******************** END TABLE MODIFICATIONS **********************/

.pagination {
  display: inline-block;
  padding-left: 0;
  margin: 10px 0;
  border-radius: 4px;
}

/* PANELS ******************************************************************** */

h4.panel-title > a:hover,
h4.panel-title > a:focus {
  color: white;
}

.panel-u > .panel-heading > p {
   color: white;
}

.panel-u > .panel-heading > a {
   color: white;
   text-decoration: none;
}

.panel-title > a {
	text-decoration: none;
}

.panel-overflow{
	overflow: hidden;
}

.panel-no-border{
	border:none;
}



/*--------------------------------------------------
	[8. Header - Fixed]
----------------------------------------------------*/

/*Header*/


.header-fixed .header {
	height: auto;

}

.header-fixed .header.header-fixed-noshrink {
	z-index: 9999;
	position: fixed;

}

@media (max-width: 991px) {
	/*Header*/
	.header-fixed .header,
	.header-fixed .header.header-fixed-noshrink {
		height: inherit;
		position: relative;
	}
}


/* puts a dotted line between data entry questions******************************** */
.form_dotted_Line {
  margin-bottom: 10px;
  border-top: 1px dotted #cccccc;
  padding-top: 10px;
}



/* provides color/text highlights for specific work flow management purposes.*/


/* Form work flow process status colors */
.status-specify {
	background-color: #F0DE75;
}
.status-review {
	background-color: #A0D2EB;
}
.status-change {
	background-color: #F273BC;
}
.status-completed {
	background-color: #B3FFC6;
}
.status-approved {
	background-color: #00CC33;
}
.status-wrksession {
	background-color: #FF9933;
}


/* for data dictionary font display */
.datatype-highlight {
	background-color: #64A0DD;
	color: #FFF;
}
.fieldname-highlight {
	background-color: #FEF9CF;
}

/* map */
#map {
	height:600px;
	width: 100%
}


.autowidth {
	width: auto;
}

.barcode {
font:"BC C39 3 to 1 Narrow";
font-family:"BC C39 3 to 1 Narrow";
font-size: 34pt; }



.width5 {
	width: 5%;
}

.width10 {
	width: 10%;
}

.width15 {
	width: 15%;
}

.width20 {
	width: 20%;
}


.cursor_pointer {cursor: pointer;}



/* --- Sticky footer styles --- */

/*html {*/
	/*position: relative;*/
	/*min-height: 100%;*/
/*}*/

/*body {*/
	/*!* Margin bottom by footer height *!*/
	/*margin-bottom: 80px;*/
/*}*/

/*.footer {*/
	/*position: absolute;*/
	/*bottom: 0;*/
	/*width:inherit;*/
	/*!* Set the fixed height of the footer here *!*/
	/*height: 60px;*/
	/*!*background-color: #f5f5f5;*!*/
/*}*/

/********************************************************************/
/*** BREADCRUMB MODIFICATIONS ***/
.pull-right-breadcrumb{
	float: right !important;
}

.breadcrumb>.pull-right-breadcrumb::before{
	content:"";
}

.breadcrumb>li+li.pull-right-breadcrumb{
	display: inline-flex;
}

.breadcrumbFolders{
    padding: 0;
    top: 0;
    margin-bottom: 0;
	background-color: #728ab2;
}


.breadcrumb li.active,
.breadcrumb li a:hover {
   text-decoration: none;
}
/********************************************************************/

.headerDiv10{
	margin-top:10px;
}

.headingText{
	color:white;
}

/********************************************************************/
/*** PANEL TABS ***/
.panel.with-nav-tabs .panel-heading{
	padding: 5px 5px 0 5px;
}
/*.panel{*/
	/*margin-bottom:0;*/
/*}*/
.panel.with-nav-tabs .nav-tabs{
	border-bottom: none;
}
/*.header-fixed.boxed-layout.container{*/
	/*margin-bottom: 20px;*/
	/*box-shadow: 5px 5px 10px 5px rgba(189, 189, 189, 0.4);*/

/*}*/
.panel.with-nav-tabs .nav-justified{
	margin-bottom: -1px;
}

.panel-tabs>.panel-heading {
	color: #fff;
	background-color: #778AAE;
	border:none;
	border-top-left-radius: 0;
	border-top-right-radius: 0;

}
.panel.with-nav-tabs{
	border-color: #778AAE;
	border-top-left-radius: 0;
	border-top-right-radius: 0;
}

.with-nav-tabs.panel-tabs .nav-tabs > li > a,
.with-nav-tabs.panel-tabs .nav-tabs > li > a:hover,
.with-nav-tabs.panel-tabs .nav-tabs > li > a:focus {
	color: #fff;
}
.with-nav-tabs.panel-tabs .nav-tabs > .open > a,
.with-nav-tabs.panel-tabs .nav-tabs > .open > a:hover,
.with-nav-tabs.panel-tabs .nav-tabs > .open > a:focus,
.with-nav-tabs.panel-tabs .nav-tabs > li > a:hover,
.with-nav-tabs.panel-tabs .nav-tabs > li > a:focus {
	color: #fff;
	background-color: #8C9FC3;
	border-color: transparent;
}
.with-nav-tabs.panel-tabs .nav-tabs > li.active > a,
.with-nav-tabs.panel-tabs .nav-tabs > li.active > a:hover,
.with-nav-tabs.panel-tabs .nav-tabs > li.active > a:focus {
	color: #778AAE;
	background-color: #fff;
	border-color: #8C9FC3;
	border-bottom-color: transparent;
}
.with-nav-tabs.panel-tabs .nav-tabs > li.dropdown .dropdown-menu {
	background-color: #778AAE;
	border-color: #778AAE;
}
.with-nav-tabs.panel-tabs .nav-tabs > li.dropdown .dropdown-menu > li > a {
	color: #fff;
}
.with-nav-tabs.panel-tabs .nav-tabs > li.dropdown .dropdown-menu > li > a:hover,
.with-nav-tabs.panel-tabs .nav-tabs > li.dropdown .dropdown-menu > li > a:focus {
	background-color: #8C9FC3;
}
.with-nav-tabs.panel-tabs .nav-tabs > li.dropdown .dropdown-menu > .active > a,
.with-nav-tabs.panel-tabs .nav-tabs > li.dropdown .dropdown-menu > .active > a:hover,
.with-nav-tabs.panel-tabs .nav-tabs > li.dropdown .dropdown-menu > .active > a:focus {
	background-color: #8C9FC3;
}
/********************************************************************/

/********************************************************************/
/*** VERTICAL PANEL TABS ***/
/*@media (min-width: 768px) {*/
    .nav-tabs-vertical > li.active > a,
    .nav-tabs-vertical > li.active > a:hover{
        border-bottom: 1px solid #AEAEAE;
        border-right:transparent;
        margin-right: 0;
		border-radius: 4px 0 0 4px;
    }
    .panel.with-nav-tabs .panel-vertical-tabs{
        padding-bottom:5px;
        padding-right:0;
    }

    .equal-col{
        display: -webkit-flex;
        display: flex;
    }
/*}*/
/********************************************************************/


.pubmenu {color:white !important;background-color:#728ab2;}
a.pubmenu:hover {color:#728ab2 !important;}

.pubmenuactive {background: white;color: #728ab2;}


/********************************************************************/
/*** BUTTON CLASSES ***/

.btn-wrap {
	white-space: normal;
}


/*}*/
/********************************************************************/

/********************************************************************/
/*** PROJECT-THEMED BUTTON ***/
.btn-project {
  color: #ffffff;
  background-color: #728ab2;
  border-color: #627ca9;
}
.btn-project:focus,
.btn-project.focus {
  color: #ffffff;
  background-color: #55709c;
  border-color: #31405a;
}
.btn-project:hover {
  color: #ffffff;
  background-color: #55709c;
  border-color: #495f85;
}
.btn-project:active,
.btn-project.active,
.open > .dropdown-toggle.btn-project {
  color: #ffffff;
  background-color: #55709c;
  border-color: #495f85;
}
.btn-project:active:hover,
.btn-project.active:hover,
.open > .dropdown-toggle.btn-project:hover,
.btn-project:active:focus,
.btn-project.active:focus,
.open > .dropdown-toggle.btn-project:focus,
.btn-project:active.focus,
.btn-project.active.focus,
.open > .dropdown-toggle.btn-project.focus {
  color: #ffffff;
  background-color: #495f85;
  border-color: #31405a;
}
.btn-project:active,
.btn-project.active,
.open > .dropdown-toggle.btn-project {
  background-image: none;
}
.btn-project.disabled:hover,
.btn-project[disabled]:hover,
fieldset[disabled] .btn-project:hover,
.btn-project.disabled:focus,
.btn-project[disabled]:focus,
fieldset[disabled] .btn-project:focus,
.btn-project.disabled.focus,
.btn-project[disabled].focus,
fieldset[disabled] .btn-project.focus {
  background-color: #728ab2;
  border-color: #627ca9;
}
.btn-project .badge {
  color: #728ab2;
  background-color: #ffffff;
}

.btn-project-no-border,
.btn-project-no-border .badge {
    border-color: #728ab2;
}
/********************************************************************/

/********************************************************************/
/*** BTN-RADIO (bootstrap style radio buttons) ***/
.btn-radio:focus,
.btn-radio.focus {
    color: #FFFFFF;
    background-color: #437c3b;
    border-color: #150206;
}

.btn-radio:active,
.btn-radio.active,
.open > .dropdown-toggle.btn-radio {
    color: #FFFFFF;
    background-color: #437c3b;
    border-color: #3e5c25;
}
.btn-radio:active:hover,
.btn-radio.active:hover,
.open > .dropdown-toggle.btn-radio:hover,
.btn-radio:active:focus,
.btn-radio.active:focus,
.open > .dropdown-toggle.btn-radio:focus,
.btn-radio:active.focus,
.btn-radio.active.focus,
.open > .dropdown-toggle.btn-radio.focus {
    color: #FFFFFF;
    background-color: #3e5c25;
    border-color: #150206;
}
.btn-radio:active,
.btn-radio.active,
.open > .dropdown-toggle.btn-radio {
    background-image: none;
}
.btn-radio.disabled:hover,
.btn-radio[disabled]:hover,
fieldset[disabled] .btn-radio:hover,
.btn-radio.disabled:focus,
.btn-radio[disabled]:focus,
fieldset[disabled] .btn-radio:focus,
.btn-radio.disabled.focus,
.btn-radio[disabled].focus,
fieldset[disabled] .btn-radio.focus {
    background-color: #6bab57;
    border-color: #54944d;
}
.btn-radio .badge {
    color: #6bab57;
    background-color: #FFFFFF;
}

.btn-radio-no-border,
.btn-radio-no-border .badge {
    border-color: #6bab57;
	color: #FFFFFF;
}

/*Class for ineligible buttons*/
.btn-ineligible{
	color: #FFFFFF;
	background-color: rgba(62, 59, 64, 0.41);
	border-color: #150206;
}
.btn-ineligible:active,
.btn-ineligible.active,
.open > .dropdown-toggle.btn-radio {
	color: #FFFFFF;
	background-color: rgba(62, 59, 64, 0.41);
	border-color:  #150206;
}
.btn-ineligible:active:hover,
.btn-ineligible.active:hover,
.open > .dropdown-toggle.btn-ineligible:hover,
.btn-ineligible:active:focus,
.btn-ineligible.active:focus,
.open > .dropdown-toggle.btn-ineligible:focus,
.btn-ineligible:active.focus,
.btn-ineligible.active.focus,
.open > .dropdown-toggle.btn-ineligible.focus {
	color: #FFFFFF;
	background-color:  rgba(62, 59, 64, 0.41);
	border-color:#150206;
}

/* add some spacing at bottom. also fixes border-radius for btn-radio within a btn-group div */
.btn-group>.btn-radio:first-child:not(:last-child):not(.dropdown-toggle),
.btn-group>.btn-radio:not(:first-child):not(:last-child):not(.dropdown-toggle),
.btn-group>.btn-radio:last-child:not(:first-child), .btn-group>.dropdown-toggle:not(:first-child){
	margin-top: 5px;
	width: 100%;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
/*Adds padding to radio button groups for eyecatcher*/
.btn-group-eyecatcher{
	padding: 6pt;
}

/********************************************************************/



.btn-radio-leftdot input[type="radio"] {
    float: left;
    padding-left: 0px !important;
    padding-right: 0px !important;
}


/********************************************************************/




.btn-radio-interior label, .btn-radio-interior input[type="radio"] {

    display:inline-block;

    vertical-align:middle

}

/********************************************************************/
/*** BUTTON FOR WEB SCREENER BUTTON ***/
.btn-screen {
  color: #ffffff;
  background-color: #17a9dd;
  border-color: #179FD4;
}
.btn-screen:focus,
.btn-screen.focus {
  color: #ffffff;
  background-color: #1795C7;
  border-color: #106285;
}
.btn-screen:hover {
  color: #ffffff;
  background-color: #1795C7;
  border-color: #1785B0;
}
.btn-screen:active,
.btn-screen.active,
.open > .dropdown-toggle.btn-screen {
  color: #ffffff;
  background-color: #1795C7;
  border-color: #1785B0;
}
.btn-screen:active:hover,
.btn-screen.active:hover,
.open > .dropdown-toggle.btn-screen:hover,
.btn-screen:active:focus,
.btn-screen.active:focus,
.open > .dropdown-toggle.btn-screen:focus,
.btn-screen:active.focus,
.btn-screen.active.focus,
.open > .dropdown-toggle.btn-screen.focus {
  color: #ffffff;
  background-color: #1785B0;
  border-color: #106285;
}
.btn-screen:active,
.btn-screen.active,
.open > .dropdown-toggle.btn-screen {
  background-image: none;
}
.btn-screen.disabled:hover,
.btn-screen[disabled]:hover,
fieldset[disabled] .btn-screen:hover,
.btn-screen.disabled:focus,
.btn-screen[disabled]:focus,
fieldset[disabled] .btn-screen:focus,
.btn-screen.disabled.focus,
.btn-screen[disabled].focus,
fieldset[disabled] .btn-screen.focus {
  background-color: #17a9dd;
  border-color: #179FD4;
}
.btn-screen .badge {
  color: #17a9dd;
  background-color: #ffffff;
}

.btn-screen-no-border,
.btn-screen-no-border .badge {
    border-color: #17a9dd;
}
/********************************************************************/

/********************************************************************/
/*** BTN-RADIO-SCREEN (bootstrap style radio buttons) ***/
.btn-radio-screen:focus,
.btn-radio-screen.focus {
	color: #ffffff;
	background-color: #1795C7;
	border-color: #106285;
}
.btn-radio-screen:active,
.btn-radio-screen.active,
.open > .dropdown-toggle.btn-radio-screen {
	color: #ffffff;
	background-color: #1795C7;
	border-color: #1785B0;
}
.btn-radio-screen:active:hover,
.btn-radio-screen.active:hover,
.open > .dropdown-toggle.btn-radio-screen:hover,
.btn-radio-screen:active:focus,
.btn-radio-screen.active:focus,
.open > .dropdown-toggle.btn-radio-screen:focus,
.btn-radio-screen:active.focus,
.btn-radio-screen.active.focus,
.open > .dropdown-toggle.btn-radio-screen.focus {
	color: #ffffff;
	background-color: #1785B0;
	border-color: #106285;
}
.btn-radio-screen:active,
.btn-radio-screen.active,
.open > .dropdown-toggle.btn-radio-screen {
    background-image: none;
}
.btn-radio-screen.disabled:hover,
.btn-radio-screen[disabled]:hover,
fieldset[disabled] .btn-radio-screen:hover,
.btn-radio-screen.disabled:focus,
.btn-radio-screen[disabled]:focus,
fieldset[disabled] .btn-radio-screen:focus,
.btn-radio-screen.disabled.focus,
.btn-radio-screen[disabled].focus,
fieldset[disabled] .btn-radio-screen.focus {
	background-color: #17a9dd;
	border-color: #179FD4;
}
.btn-radio-screen .badge {
	color: #17a9dd;
	background-color: #ffffff;
}

.btn-radio-screen-no-border,
.btn-radio-screen-no-border .badge {
	border-color: #17a9dd;
	color: #FFFFFF;
}

/* add some spacing at bottom. also fixes border-radius for btn-radio-screen within a btn-group div */
.btn-group>.btn-radio-screen:first-child:not(:last-child):not(.dropdown-toggle),
.btn-group>.btn-radio-screen:not(:first-child):not(:last-child):not(.dropdown-toggle),
.btn-group>.btn-radio-screen:last-child:not(:first-child), .btn-group>.dropdown-toggle:not(:first-child){
	margin-top: 5px;
	width: 100%;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

.btn-group>.btn-radio-split:first-child:not(:last-child):not(.dropdown-toggle),
.btn-group>.btn-radio-split:not(:first-child):not(:last-child):not(.dropdown-toggle),
.btn-group>.btn-radio-split:last-child:not(:first-child), .btn-group>.dropdown-toggle:not(:first-child){
	margin-top: 5px;
	width: 100%;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

.btn-group-no-circle input[type=radio]{
  clip: rect(0,0,0,0);
  position: absolute;
}
/*}*/
/********************************************************************/



.btn-orange {
	color: #ffffff;
	background-color: #f27f21;
	border-color: #ec720e;
}
.btn-orange:focus,
.btn-orange.focus {
	color: #ffffff;
	background-color: #d4660c;
	border-color: #733807;
}
.btn-orange:hover {
	color: #ffffff;
	background-color: #d4660c;
	border-color: #b2560a;
}
.btn-orange:active,
.btn-orange.active,
.open > .dropdown-toggle.btn-orange {
	color: #ffffff;
	background-color: #d4660c;
	border-color: #b2560a;
}
.btn-orange:active:hover,
.btn-orange.active:hover,
.open > .dropdown-toggle.btn-orange:hover,
.btn-orange:active:focus,
.btn-orange.active:focus,
.open > .dropdown-toggle.btn-orange:focus,
.btn-orange:active.focus,
.btn-orange.active.focus,
.open > .dropdown-toggle.btn-orange.focus {
	color: #ffffff;
	background-color: #b2560a;
	border-color: #733807;
}
.btn-orange:active,
.btn-orange.active,
.open > .dropdown-toggle.btn-orange {
	background-image: none;
}
.btn-orange.disabled:hover,
.btn-orange[disabled]:hover,
fieldset[disabled] .btn-orange:hover,
.btn-orange.disabled:focus,
.btn-orange[disabled]:focus,
fieldset[disabled] .btn-orange:focus,
.btn-orange.disabled.focus,
.btn-orange[disabled].focus,
fieldset[disabled] .btn-orange.focus {
	background-color: #f27f21;
	border-color: #ec720e;
}
.btn-orange .badge {
	color: #f27f21;
	background-color: #ffffff;
}


/*** FONT AWESOME STACK SIZES ***/
.fa-md{
	font-size: 150%;
}
.fa-stack-sm{
	top:1px;
	font-size: 75%
}
/********************************************************************/


/********************************************************************/
/*** MARGINS FOR BODY UNDERNEATH FIXED NAV HEADER ***/
@media (min-width: 1150px) {
	.body-content{
		margin-top:65px;
	}
}
@media (min-width: 976px) and (max-width: 1149px){
	.body-content{
		margin-top:95px;
	}
}
@media (min-width: 768px) and (max-width: 975px){
	.body-content{
		margin-top:105px;
	}
}
@media (max-width: 767px) {
	.body-content{
		margin-top:65px;
	}
}
/********************************************************************/


/**************************** Upload CSS ****************************/
div.uploader {
	background-color: #FAFAFA ;
	border: 1px solid #CCCCCC ;
	height: 150px ;}

div.uploader a {
	display: block ;
	height: 100px ;
	text-align: center ;
	text-decoration: none ;}

div.uploader span.label {
	display: block ;
	padding: 27px 0px 0px 0px ;
	text-decoration: underline ;
	color:black;}

div.uploader span.standby {
	color: #999999 ;
	display: block ;
	padding: 12px 0px 0px 0px ;}

div.uploader span.progress {
	color: #999999 ;
	display: none ;
	padding: 12px 0px 0px 0px ;}

div.uploader.uploading span.standby {display: none ;}
div.uploader.uploading span.progress {display: block ;}
/*************************** Upload CSS ****************************/


/* ---- Accordions ---- */
/*Accordion v1*/
.acc-v1 .panel-heading {
  padding: 0;
  box-shadow: none;}

.acc-v1 .panel-heading a {
  display: block;
  font-size: 14px;
  padding: 5px 15px;
  background: #728ab2;
  color: #fff;
}
.acc-v1 .panel-heading a:hover {
  color: #fff;
}

.acc-v1 .panel-heading a:focus {
  color: #fff;
}

.panel-heading-nopadding,
.panel.with-nav-tabs .panel-heading.panel-heading-nopadding{
    padding:0;
}

.acc-icon a.accordion-toggle i {
  color: #fff;
  margin-right: 8px;
}
.acc-icon a.accordion-toggle:hover i {
  color: #39414c;
}


span.strike {text-decoration: line-through}

/* The following classes are defined in the custom.js file.  They are here so they autocomplete in IJ. */
.basicDataTable {}
.confirmDelete {}
.datepicker {}
.basicDataTable {}

/* Icon when the collapsible content is shown */
.aCollapse:after {
	font-family: "FontAwesome";
	content: "\f078";
	float: right;
	margin-left: 15px;
}
/* Icon when the collapsible content is hidden */
.aCollapse.collapsed:after {
	content: "\f054";
}

/* fixes input-group displaying in front of jQuery calendar */
.input-group {
    z-index: 0;
}

/* fix misaligned 'No file chosen' or file name when uploading file */
input[type="file"] {
    height: auto;
    line-height: normal;
    margin-top: 2px;
}

.form-control.grayBackground {
	background-color:lightslategray;
	color:white;
}

.label.grayBackground {
	background-color:lightslategray;
	color:white;
}

.grayBackground > option{
	background-color: white;
	color: black;
}

/********************************************************************/
/*** MODAL CLASSES ***/
/*to use, give your modal-dialog div the classes 'modal-dialog modal-xl modal-lg'*/
@media (min-width: 1500px) {
	.modal-xl {
		width: 1200px;
	}
}

/*to use, give your top-level modal div the classes 'modal modal-center'*/
@media only screen and (min-width: 768px) {
  .modal-center {
    text-align: center;
  }
  .modal-center:before {
    display: inline-block;
    vertical-align: middle;
    content: " ";
    height: 100%;
  }
  .modal-center > .modal-dialog {
    display: inline-block;
    text-align: left;
    vertical-align: middle;
  }
  .modal-center.fade .modal-dialog {
    -webkit-transform: scale(0.9);
    -moz-transform: scale(0.9);
    -ms-transform: scale(0.9);
    transform: scale(0.9);
    opacity: 0;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
  }
  .modal-center.fade.in .modal-dialog {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    //-webkit-transform: translate3d(0, -300px, 0);
    //transform: translate3d(0, -300px, 0);
    opacity: 1;
  }
}

.modal-center h2 {
  text-align: center;
}

.modal-center .p {
  text-align: center;
  padding-top: 130px;
}
/********************************************************************/

.text-danger{
	color:#a94442;
}
.text-success{
	color:#3c763d;
}



/*.badge:hover {*/
  /*color: #ffffff;*/
  /*text-decoration: none;*/
  /*cursor: pointer;*/
/*}*/
.badge-error {
  background-color: #b94a48;
}
.badge-error:hover {
  background-color: #953b39;
}
.badge-warning {
  background-color: #f89406;
}
.badge-warning:hover {
  background-color: #c67605;
}
.badge-success {
  background-color: #468847;
}
.badge-success:hover {
  background-color: #356635;
}
.badge-info {
  background-color: #3a87ad;
}
.badge-info:hover {
  background-color: #2d6987;
}
.badge-inverse {
  background-color: #333333;
}
.badge-inverse:hover {
  background-color: #1a1a1a;
}


.bg-u {background-color: #728ab2;color: #ffffff}

.bg-navbar{background-color:white;}



/********************************************************************/
/*** rotating loading spinner ***/
/*use:
	<div class="la-ball-clip-rotate">
		<div></div>
	</div>
*/
/* use la-dark for black or create your own custom class with color */
/* use la-sm, la-2x,or la-3x to change size */

/*!
 * Load Awesome v1.1.0 (http://github.danielcardoso.net/load-awesome/)
 * Copyright 2015 Daniel Cardoso <@DanielCardoso>
 * Licensed under MIT
 */

.la-ball-clip-rotate,
.la-ball-clip-rotate > div {
    position: relative;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
}
.la-ball-clip-rotate {
    display: block;
    font-size: 0;
    color: #fff;
}
.la-ball-clip-rotate.la-dark {
	color: #333;
}
.la-ball-clip-rotate > div {
    display: inline-block;
    float: none;
    background-color: currentColor;
    border: 0 solid currentColor;
}
.la-ball-clip-rotate {
    width: 32px;
    height: 32px;
}
.la-ball-clip-rotate > div {
    width: 32px;
    height: 32px;
    background: transparent;
    border-width: 2px;
    border-bottom-color: transparent;
    border-radius: 100%;
    -webkit-animation: ball-clip-rotate .75s linear infinite;
       -moz-animation: ball-clip-rotate .75s linear infinite;
         -o-animation: ball-clip-rotate .75s linear infinite;
            animation: ball-clip-rotate .75s linear infinite;
}
.la-ball-clip-rotate.la-sm {
    width: 16px;
    height: 16px;
}
.la-ball-clip-rotate.la-sm > div {
    width: 16px;
    height: 16px;
    border-width: 1px;
}
.la-ball-clip-rotate.la-2x {
    width: 64px;
    height: 64px;
}
.la-ball-clip-rotate.la-2x > div {
    width: 64px;
    height: 64px;
    border-width: 4px;
}
.la-ball-clip-rotate.la-3x {
    width: 96px;
    height: 96px;
}
.la-ball-clip-rotate.la-3x > div {
    width: 96px;
    height: 96px;
    border-width: 6px;
}
/*
 * Animation
 */
@-webkit-keyframes ball-clip-rotate {
    0% {
        -webkit-transform: rotate(0deg);
                transform: rotate(0deg);
    }
    50% {
        -webkit-transform: rotate(180deg);
                transform: rotate(180deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
                transform: rotate(360deg);
    }
}
@-moz-keyframes ball-clip-rotate {
    0% {
        -moz-transform: rotate(0deg);
             transform: rotate(0deg);
    }
    50% {
        -moz-transform: rotate(180deg);
             transform: rotate(180deg);
    }
    100% {
        -moz-transform: rotate(360deg);
             transform: rotate(360deg);
    }
}
@-o-keyframes ball-clip-rotate {
    0% {
        -o-transform: rotate(0deg);
           transform: rotate(0deg);
    }
    50% {
        -o-transform: rotate(180deg);
           transform: rotate(180deg);
    }
    100% {
        -o-transform: rotate(360deg);
           transform: rotate(360deg);
    }
}
@keyframes ball-clip-rotate {
    0% {
        -webkit-transform: rotate(0deg);
           -moz-transform: rotate(0deg);
             -o-transform: rotate(0deg);
                transform: rotate(0deg);
    }
    50% {
        -webkit-transform: rotate(180deg);
           -moz-transform: rotate(180deg);
             -o-transform: rotate(180deg);
                transform: rotate(180deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
           -moz-transform: rotate(360deg);
             -o-transform: rotate(360deg);
                transform: rotate(360deg);
    }
}
/********************************************************************/

.checkbox-label {
	display: inline-block;
	max-width: 80%;
	vertical-align: top;
}

.checkbox-input {
	width: 1.4em;
}

.panel-ineligible {border-color: #a94442;}
.panel-ineligible > .panel-heading {background: #a94442; color: #ffffff}
.panel-ineligible > .panel-heading > .table > tbody > tr > td {border: 0;}

.panel-incomplete {border-color: #f89406;}
.panel-incomplete > .panel-heading {background: #f89406; color: #ffffff}
.panel-incomplete > .panel-heading > .table > tbody > tr > td {border: 0;}

.panel-eligible {border-color: #468847;}
.panel-eligible > .panel-heading {background: #468847; color: #ffffff}
.panel-eligible > .panel-heading > .table > tbody > tr > td {border: 0;}

.panel-CPETwarning {border-color: #c67605;}
.panel-CPETwarning > .panel-heading {background: #c67605; color: #ffffff}
.panel-CPETwarning > .panel-heading > .table > tbody > tr > td {border: 0;}

.panel-60days {border-color: #03ad8e;}
.panel-60days > .panel-heading {background: #03ad8e; color: #ffffff}
.panel-60days > .panel-heading > .table > tbody > tr > td {border: 0;}

div.panel.panel-studycolor {
	border-color: #778AAE;
	margin-bottom:40px;
}

.panel-studycolor > .panel-heading {
	background: #778AAE;
	color: #ffffff;
	border-radius: 0;
}

.panel-studycolor > .panel-heading > .table > tbody > tr > td {
	border: 0;
}

.panel-r{
    padding:10px;
    border:1px solid #ccc;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
	margin-bottom: 20px;
}

.panel-r:last-child{
	margin-bottom: 0;
}

.align_c {
	text-align: center;
}

.color_red {color: red;}
.color_orange {color: orange;}

#spanGlobalSearch input {
	outline: none;
}
input[type=globalsearch] {
	-webkit-appearance: textfield;
	-webkit-box-sizing: content-box;
	font-family: inherit;
	/*font-size: 100%;*/
}
#spanGlobalSearch input::-webkit-search-decoration,
#spanGlobalSearch input::-webkit-search-cancel-button {
	display: none;
}

input[type=globalsearch] {
	background: #ededed url(https://static.tumblr.com/ftv85bp/MIXmud4tx/search-icon.png) no-repeat 9px center;
	border: solid 1px #ccc;
	padding: 0px 10px 0px 5px;
	width: 10px;
	height:28px;

	-webkit-border-radius: 10em;
	-moz-border-radius: 10em;
	border-radius: 10em;

	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	transition: all .5s;
}
input[type=globalsearch]:focus {
	width: 150px;
	background-color: #fff;
	border-color: #66CC75;

	-webkit-box-shadow: 0 0 5px rgba(109,207,246,.5);
	-moz-box-shadow: 0 0 5px rgba(109,207,246,.5);
	box-shadow: 0 0 5px rgba(109,207,246,.5);
}


input:-moz-placeholder {
	color: #999;
}

input::-webkit-input-placeholder {
	color: #999;
}

#spanGlobalSearch input[type=globalsearch] {
	width: 15px;
	padding-left: 10px;
	color: transparent;
	cursor: pointer;
}

#spanGlobalSearch input[type=globalsearch]:hover {
	background-color: #fff;
}

#spanGlobalSearch input[type=globalsearch]:focus {
	width: 150px;
	padding-left: 32px;
	color: #000;
	background-color: #fff;
	cursor: auto;
}

#spanGlobalSearch input:-moz-placeholder {
	color: transparent;
}

#spanGlobalSearch input::-webkit-input-placeholder {
	color: transparent;
}

/*Table Formatting*/

td.pad10 {
    padding-top: 10px;
    padding-bottom: 10px;
}

td.pad20 {
    padding-top: 20px;
    padding-bottom: 20px;
}

/********************************************************************/
/*** nav-pills used for new forms development ***/


.nav-pills .nav-link.active, .nav-pills .show>.nav-link {
    color: #fff;
    background-color: #026DBA;
    margin-right: 10px;
}

.nav-pills .nav-link.title {
    color: #fff;
    background-color: #EC6143;
    margin-right: 10px;
}

.nav-pills .nav-link.success {
    color: #fff;
    background-color: #28a745;
    margin-right: 10px;
}

.nav-pills .nav-link.option {
    color: black;
    background-color: lightgray;
    margin-right: 10px;
}

.nav-pills .nav-link.altoption {
    color: white;
    background-color: #8d837f;
    margin-right: 10px;
}

.nav-separator {
    display: flex;
    align-items: center;
}

/********************************************************************/