/*********************************
 // Colors
 // -----------------------------*/

:root {
	--c-deep-blue: #1161b8;
	--c-mid-red: #c50909;
	--c-dark-black: #212121;
	--c-light-grey: #eaeeee;
	--c-dark-grey: #6f7374;
	--c-dark-green: #009114;
	--c-inad-dark: #424453;
	--c-fws-dark: #2d4730;
	--c-inad-med: #0015af;
	--c-fws-med: #047f13;
	--c-red-background: #fdd4d4;
}


/*********************************
 // HTML CORE
 // -----------------------------*/

body {
	font-family: Trebuchet MS, Arial;
	height: 100%;
}
html {
	height: 100%;
}
input:disabled {
	background-color: var(--c-light-grey);
}

form > * th, form > * td { padding: 7px }
table { border-collapse: collapse; border-spacing: 0; }

label.required:after {
    content:" *";
}

/*********************************
 // GENERAL LAYOUT
 // -----------------------------*/
.FormSectionTitle {
	color: #777;
	font-size: 13pt;
	font-weight: bold;
	text-decoration: none;
	text-transform: uppercase;
}
.FormSectionTitleWrapper {
	display: block;
	margin-top: 15px;
	margin-bottom: 15px;
}
#Wrapper {
	width: 100%;
	/* height: 100%; */
	padding: 1rem 2rem;
	box-sizing: border-box;
}

@media (min-width: 1300px){
    #Wrapper {
		margin: auto;
		width: 998px;
		padding: 1rem 0rem;
	}
}

/*********************************
 // MESSAGES AND ERRORS
 // -----------------------------*/
#BroadcastMessageWrapper {
	background-color: #f7f7f7;
	border: 2px solid #e7e7e7;
	color: #333;
	display: block;
	font-size: 10pt;
	font-weight: bold;
	margin-bottom: 15px;
	padding: 15px;
}
.Error {
	color: #dd0000 !important;
	display: block;
	font-size: 10pt;
	font-weight: bold;
}
.ErrorFooter {
	color: #dd0000;
	font-size: 9pt;
	font-weight: normal;
	margin-top: 15px;
	margin-left: 9px;
}
.ErrorLabel {
	color: #dd0000;
	font-size: 10pt;
	font-weight: bold;
	text-align: right;
	text-transform: uppercase;
	width: 260px;
}
.ErrorMessage {
	color: red;
	display: none;
	font-size: 8pt;
}
#ErrorWrapper {
	background-color: #ffeeee;
	border: 1px solid #dd0000;
	display: block;
	margin-bottom: 15px;
	padding: 10px;
}
.Message {
	color: #008800;
	display: block;
	font-size: 10pt;
	font-weight: bold;
}
#MessageWrapper {
	border: 1px solid #008800;
	background-color: #eeffee;
	display: block;
	padding: 10px;
	margin-bottom: 15px;
}

/*********************************
 // GENERAL FORM CLASSES
 // -----------------------------*/
 .ButtonNoStyle {
    background: none;
    color: inherit;
    border: none;
    padding: 0;
    font: inherit;
    cursor: pointer;
    outline: inherit;
}
.ButtonNoStyle:focus {
	outline: 0;
    filter: drop-shadow(1px 1px 3px #27263482);
}

.ButtonIcon {
    background: none;
    color: inherit;
    border: none;
    padding: 0;
    font: inherit;
    cursor: pointer;
    outline: inherit;
    filter: drop-shadow(1px 1px 1px #27263440);
}
.ButtonIcon:hover {
    filter: brightness(0.85);
}
.ButtonIcon:active {
    filter: brightness(0.85);
	filter: drop-shadow(1px 1px 3px #27263482);
}
.ButtonIcon:disabled {
    color: var(--c-light-grey);
	filter: drop-shadow(0px 0px 0px #27263482);
	cursor: none;
}
.ButtonIcon:focus {
    filter: drop-shadow(1px 1px 3px #27263482);
}

.Button {
	background-color: #534842;
	border: 1px solid #534842;
	color: #FFF;
	cursor: pointer;
	font-family: Arial;
	font-size: 10pt;
	font-weight: bold;
	margin-bottom: 10px;
	padding-left: 25px;
	padding-right: 25px;
	height: 40px;
	text-transform: uppercase;
}
.LinkButton {
	background-color: #534842;
	border: 1px solid #534842;
	color: #FFF;
	cursor: pointer;
	font-family: Arial;
	font-size: 10pt;
	font-weight: bold;
	margin-bottom: 10px;
	padding-left: 25px;
	padding-right: 25px;
	height: auto;
	text-transform: uppercase;
	text-decoration: none;
	padding: 10px 20px;
	display: inline-block;
}
.DateField, .GridDateField {
	background-color: #EFF4F2;
	border: 1px solid #949599;
	font-size: 10pt;
	font-weight: normal;
	height: 26px;
	line-height: 22px;
	padding-left: 4px;
}
.DateField {
	width: 184px;
}
.DropDown {
	background-color: #EFF4F2;
	border: 1px solid #949599;
	font-size: 10pt;
	font-weight: normal;
	height: 26px;
	line-height: 26px;
	padding: 3px;
	padding-left: 4px;
	width: 200px;
}
.Field {
	background-color: #EFF4F2;
	border: 1px solid #949599;
	font-size: 10pt;
	font-weight: normal;
	height: 26px;
	line-height: 22px;
	padding-left: 4px;
	width: 200px;
}
.Label {
	font-size: 10pt;
	font-weight: bold;
	text-align: right;
	text-transform: uppercase;
	width: 260px;
}

/*********************************
 // THIRD-PARTY
 // -----------------------------*/
.ui-datepicker {
	z-index: 10100;
}
.ui-datepicker-trigger {
	cursor: pointer;
}

/*********************************
 // UTILITY CLASSES
 // -----------------------------*/

.ClearFix {
	clear: both;
}
.LoadingHtml {
	color: #aaa;
	font-size: 14pt;
	font-weight: bold;
	height: 100px;
	line-height: 100px;
	text-align: center;
	text-transform: uppercase;
	width: 100%;
}
.LoadingHtmlMini {
	color: #aaa;
	font-size: 10pt;
	font-weight: bold;
	padding-left: 10px;
	padding-top: 10px;
	text-transform: uppercase;
}

/*********************************
 // HOME PAGE
 // -----------------------------*/
.ForgotPasswordTitle {
	color: #777;
	font-size: 10pt;
	font-weight: bold;
	margin: 10px;
	text-transform: uppercase;
}
.ForgotPasswordValue {
	color: #777;
	font-size: 12pt;
	font-weight: bold;
	margin-bottom: 5px;
	text-transform: uppercase;
}
#HomeCopyright {
	color: #ccc;
	font-size: 10pt;
	font-weight: bold;
	text-align: center;
	padding: 10px;
	width: 150px;
	margin: auto;
}
#HomeFormWrapper {
	background: url(../img/loginbackground.png);
	min-height: 220px;
	width: 650px;
}
#HomeHeader {
	background-color: #E7E7E7;
	color: #6E6E6E;
	display: block;
	font-size: 19pt;
	font-weight: bold;
	height: 120px;
	margin-top: 5px;
	padding: 0px;
	padding-top: 11px;
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
	width: 100%;
}
#HomeHeaderFootnote {
	display: block;
	font-size: 12pt;
	font-weight: bold;
	padding: 0px;
	width: 100%;
}
#HomeLoginBar {
	border-right: 1px solid #534842;
	height: 230px;
}
#HomeLogoSubtitle {
	color: #534842;
	font-size: 10pt;
	font-weight: bold;
	margin-top: 5px;
	text-decoration: underline;
}
#HomeLogoWrapper {
	background: url(../img/loginbackground.png);
	min-height: 261px;
	display: flex;
	flex-direction: column;
	align-items: center;
	padding: 10px 50px;
}
#HomeNewUserFormWrapper {
	left: 50%;
	margin-left: -42%;
	padding-bottom: 30px;
	position: relative;
	width: 85%;
}
#HomeNewUserInstructions {
	font-size: 12pt;
	left: 50%;
	margin-left: -42%;
	padding-top: 25px;
	position: relative;
	width: 85%;
}
.HomeNewUserLabel {
	color: #534842;
	font-size: 11pt;
	font-weight: bold;
	white-space: nowrap;
}
#HomeNewUserLabel {
	color: #777;
	font-size: 11pt;
	font-weight: bold;
	left: 50%;
	margin-top: 3px;
	padding-top: 25px;
	position: relative;
	margin-left: -42%;
	text-transform: uppercase;
	width: 85%;
}
.HomeSectionHeader {
	background-color: #534842;
	color: #E7E7E7;
	font-size: 15pt;
	font-weight: bold;
	height: 37px;
	margin-top: 12px;
	padding-top: 9px;
	text-align: center;
	width: 650px;
}
#HomeWrapper {
	left: 50%;
	margin-left: -325px;
	position: absolute;
	width: 650px;
}
.LoginField {
	background-color: #fff;
	border: 1px solid #949599;
	font-size: 11pt;
	font-weight: normal;
	height: 30px;
	line-height: 28px;
	padding-left: 4px;
	width: 250px;
}
.LoginForgotPassword {
	color: #777;
	font-size: 8pt;
}
.LoginLabel {
	color: #777;
	font-size: 11pt;
	font-weight: bold;
	margin-top: 3px;
	text-transform: uppercase;
	width: 200px;
}
.PasswordTip {
	display: block;
	font-size: 8pt;
}

/*********************************
 // STUDY
 // -----------------------------*/
.DrugSpecificElement {
	color: #777;
	font-size: 15pt;
	font-weight: bold;
	margin-top: 20px;
	text-decoration: none;
	text-transform: uppercase;
}
.EstimatedNeededAlert {
	color: red;
	font-size: 10pt;
	font-weight: normal;
}
.StudyBar {
	float: left;
	margin-bottom: 5px;
	margin-top: 0px;
}
.StudyButton {
	margin-bottom: 10px;
	width: 260px;
}
#StudyButtonsWrapper {
	margin-left: 280px;
	position: relative;
	width: 260px;
}
.StudyEditExplanation {
	border: 1px solid #666;
	background-color: #eee;
	display: block;
	padding: 10px;
	
	color: #DD0000;
	font-size: 11pt;
	font-weight: bold;
	text-transform: uppercase;
	margin-left: 45px;
	margin-right: 45px;
	margin-top: 20px;
	margin-bottom: 20px;
}
.StudyHeaderLabel {
	color: #999;
	float: left;
	font-size: 11pt;
	font-weight: bold;
	height: 30px;
	line-height: 30px;
	margin-left: 10px;
	margin-right: 5px;
	margin-top: 1px;
	text-align: right;
	text-transform: uppercase;
	width: 70px;
}
.StudyHeaderDrugList {
	border: 1px solid #949599;
	color: #333;
	float: left;
	font-size: 10pt;
	font-weight: bold;
	font-family: Trebuchet MS, Arial;
	height: 27px;
	margin-top: 2px;
	padding: 3px;
	padding-left: 1px;
	width: 440px;
}
.StudyHeaderValue {
	color: #666;
	float: left;
	font-size: 11pt;
	font-weight: bold;
	margin-top: 7px;
	text-align: left;
}
.StudyHeaderStudyNumber {
	color: #666;
	font-size: 13pt;
	font-weight: bold;
	float: left;
	margin-top: 4px;
	text-align: left;
}
.StudyHeaderStage {
	color: #dd0000;
	font-size: 12pt;
	font-weight: bold;
	text-transform: uppercase;
}
.StudyHeaderTip {
	color: #777;
	font-size: 12pt;
	font-weight: bold;
	text-transform: uppercase;
}
.StudyHeaderWrapper {
	background-color: #E7E7E7;
	color: #6E6E6E;
	font-size: 22pt;
	font-weight: bold;
	margin-bottom: 5px;
	padding: 7px;
}
#TreatmentObjectivesWrapper {
}
.TreatmentObjectiveWrapper {
	margin-bottom: 10px;
	font-size: 11pt;
}

/*********************************
 // STAGES
 // -----------------------------*/
.StagesText {
	color: #777;
	font-size: 10pt;
	font-weight: bold;
	margin: 1px;
	margin-left: 5px;
}
.StagesTitle {
	color: #777;
	font-size: 10pt;
	font-weight: bold;
	margin-left: 5px;
	margin-top: 5px;
	text-transform: uppercase;
}
.StagesWrapper {
	background-color: #E7E7E7;
	border: 1px solid #949599;
	padding-bottom: 5px;
	text-align: left;
	width: 100%;
}

/*********************************
 // PAGE TITLE
 // ------------------------------*/
.PageTitle {
	background-color: #E7E7E7;
	color: #6E6E6E;
	font-size: 15pt;
	font-weight: bold;
	height: 47px;
	line-height: 47px;
	padding-left: 11px;
	margin-top: 5px;
	text-transform: uppercase;
}
.PageTitleButton {
	background-color: #F69E29;
	height: 47px;
	text-align: center;
	margin-left: 5px;
	margin-right: 0px;
}
.PageTitleButton:hover {
	background-color: #db8d27;
}
.PageTitleButtonText {
	margin: auto;
	/* line-height: 30px; */
	text-align: center;
	text-transform: uppercase;
	position: relative;
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
}
.PageTitleButtonText a {
	color: #fff;
	font-size: 10pt;
	font-weight: bold;
	text-decoration: none;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 100%;
}
#PageTitleWrapper {
	margin-bottom: 5px;
	margin-top: 5px;
}

/*********************************
 // NAVIGATION BAR 
 // -----------------------------*/
.NavBarLink a, .NavBarLink button  {
	color: #999;
	font-size: 9pt;
	font-weight: bold;
	margin-left: 15px;
	margin-right: 15px;
	text-decoration: none;
	text-transform: uppercase;
	white-space: nowrap;
}
.NavBarLink a:hover, .NavBarLink button:hover {
	color: #e0e0e0;
}
.NavBarLinkActive a, .NavBarLinkActive button {
	color: #fff;
	font-size: 9pt;
	font-weight: bold;
	margin-left: 15px;
	margin-right: 15px;
	text-decoration: none;
	text-transform: uppercase;
	white-space: nowrap;
}
.NavBarLinkIcon a, .NavBarLinkIcon button{
	margin-left: 5px;
	margin-right: 10px;
	font-size: 22px;
}
.NavBarSignOut {
	color: #999;
	cursor: pointer;
	font-size: 9pt;
	font-weight: bold;
	margin-right: 25px;
	text-decoration: none;
	text-transform: uppercase;
	white-space: nowrap;
}
#NavBarWrapper {
	background-color: #534842;
	height: 47px;
	width: 100%;
}
#NavBarWrapper.fws-navbar {
	background-color: var(--c-fws-dark);
}

#NavBarWrapper.inad-navbar {
	background-color: var(--c-inad-dark);
}

.NavCurrentFacility {
	color: #d1d0d0;
	font-size: 9pt;
	font-weight: bold;
	padding-left: 15px;
	padding-right: 15px;
	text-transform: uppercase;
}

.NavCurrentContext {
	color: #ededed;
	font-size: 9pt;
	font-weight: bold;
	padding-right: 15px;
	text-transform: uppercase;
}

/*********************************
 // GRIDS WITH FOOTER
 // -----------------------------*/
.GridDateField {
	text-align: center;
	width: 100%;
}
.GridFooterButton {
	background-color: #DBD0CF;
	border: 1px solid #534842;
	color: #534842;
	cursor: pointer;
	font-family: Arial;
	font-size: 9pt !important;
	font-weight: bold;
	height: 30px;
	margin-right: 17px;
	text-transform: uppercase;
	width: 180px;
}
.GridField {
	background-color: #EFF4F2;
	border: 1px solid #949599;
	font-size: 10pt;
	font-weight: normal;
	height: 26px;
	line-height: 22px;
	text-align: center;
	width: 100%;
}
.GridDropDown {
	background-color: #EFF4F2;
	border: 1px solid #949599;
	font-size: 10pt;
	font-weight: normal;
	height: 26px;
	line-height: 26px;
	padding: 3px;
	padding-left: 4px;
	width: 100%;
}
.GridFooterButtonRow {
	float: left;
	height: 30px;
	margin-bottom: 15px;
	margin-top: 10px;
	text-align: right;
	width: 100%;
}
.GridFooterFieldRow {
	height: 30px;
	float: left;
	width: 100%;
}
.GridFooterFieldWrapper {
	float: left;
	height: 30px;
	margin-left: 1px;
}
.GridFooterLabelWrapper {
	height: 30px;
	float: left;
	width: 100%;
}
.GridFooterLabelWrapperTall {
	height: 38px;
	float: left;
	margin-top: 5px;
	width: 100%;
}
.GridFooterLabel, .GridFooterLabelFaded {
	color: #ccc;
	float: left;
	font-size: 8pt;
	font-weight: bold;
	height: 30px;
	line-height: 28px;
	margin-left: 1px;
	text-align: center;
	text-transform: uppercase;
}
.GridFooterLabelTall, .GridFooterLabelTallFaded {
	color: #ccc;
	float: left;
	font-size: 8pt;
	font-weight: bold;
	height: 38px;
	line-height: 17px;
	margin-left: 1px;
	text-align: center;
	text-transform: uppercase;
}
.GridFooterLabelFaded, .GridFooterLabelTallFaded {
	filter: alpha(opacity=30); /* internet explorer */
	-khtml-opacity: 0.3; /* khtml, old safari */
	-moz-opacity: 0.3; /* mozilla, netscape */
	opacity: 0.3;
}
.GridFooterWrapper {
	background-color: #6E6E70;
	min-height: 75px;
	float: left;
	margin-bottom: 20px;
	margin-top: 10px;
	position: relative;
	width: 948px;
}

/*********************************
 // GRIDS (RIGHT)
 // -----------------------------*/
.GridRightButton {
	background-color: #DBD0CF;
	border: 1px solid #534842;
	color: #534842;
	cursor: pointer;
	font-family: Arial;
	font-size: 9pt !important;
	font-weight: bold;
	height: 30px;
	text-transform: uppercase;
	width: 160px;
}
.GridRightButtonRow {
	float: left;
	height: 30px;
	margin-top: 20px;
	width: 100%;
}
.GridRightDateField {
	background-color: #EFF4F2;
	border: 1px solid #949599;
	font-size: 10pt;
	font-weight: normal;
	height: 26px;
	line-height: 22px;
	padding-left: 4px;
	width: 160px;
}
.GridRightField {
	background-color: #EFF4F2;
	border: 1px solid #949599;
	font-size: 10pt;
	font-weight: normal;
	height: 26px;
	line-height: 22px;
	padding-left: 4px;
	width: 160px;
}
.GridRightDropDown {
	background-color: #EFF4F2;
	border: 1px solid #949599;
	font-size: 10pt;
	font-weight: normal;
	height: 26px;
	line-height: 26px;
	padding: 3px;
	padding-left: 4px;
	width: 160px;
}
.GridRightFooterInstructions {
	color: #fff;
	font-size: 11pt;
	font-weight: bold;
	font-style: italic;
	margin-left: 15px;
	margin-top: 10px;
	text-transform: uppercase;
}
.GridRightFormArea {
	background-color: #6E6E70;
	border-left: 1px solid #fff;
	float: left;
	height: 230px;
	overflow: hidden;
	padding: 0px;
}
.GridRightItemWrapper {
	display: block;
	float: left;
	height: 30px;
	line-height: 28px;
	padding-left: 20px;
	position: relative;
	text-align: left;
	margin: 0;
}
.GridRightLabel {
	color: #fff;
	font-size: 10pt;
	font-weight: bold;
	height: 30px;
	line-height: 28px;
	padding-top: 4px;
	text-transform: uppercase;
}
.GridRightListArea {
	float: left;
	height: 230px;	
}
.GridRightRow {
	float: left;
	height: 30px;
	margin-top: 5px;
	width: 100%;
}
.GridRightWrapper {
	background-color: #6E6E70;
	border-left: 1px solid #fff;
	height: 230px;
	min-height: 75px;
	padding: 0px;
	text-align: right;
	width: 648px;
}

/*********************************
 // GRIDS (GENERAL)
 // -----------------------------*/
.GridButton {
	background-color: #DBD0CF;
	border: 1px solid #534842;
	color: #534842;
	cursor: pointer;
	font-family: Arial;
	font-size: 9pt !important;
	font-weight: bold;
	text-transform: uppercase;
	height: 30px;
}
.GridCell {
	background-color: #fff;
	cursor: default;
	float: left;
	height: 25px;
	line-height: 23px;
	margin-bottom: 1px;
	margin-right: 1px;
	overflow: hidden;
	text-align: center;
	white-space: nowrap;
}
.GridCellHover {
	background-color: #efefef;
}
.GridCell a {
	color: #d98514;
}
.GridCell a:visited {
	color: #6e6e6e;
}
.GridCell div {
	color: #414141;
	font-size: 11px;
	font-weight: bold;
	height: 25px;
	line-height: 23px;
	margin-left: 5px;
	margin-right: 5px;
	text-transform: uppercase;
}
.GridCell div input[type="radio"] {
	vertical-align: middle;
	position: relative;
	top: 3px;
}
.GridCell img {
	cursor: pointer;
	margin-top: 4px;
}
.GridCellSaveIcon {
	display: inline;
	cursor: pointer;
	float: left;
	margin-left: 6px;
}
.GridCellText {
	border: 1px solid #aaa;
	border-right: 1px solid #efefef;
	border-bottom: 1px solid #efefef;
	color: #777;
	font-size: 8pt;
	font-weight: bold;
	padding: 3px;
	float: left;
	text-transform: uppercase;
	display: inline;
	width: 90%;
}
.GridCellTextBox {
	border: 1px solid #aaa;
	border-right: 1px solid #efefef;
	border-bottom: 1px solid #efefef;
	color: #777;
	display: inline;
	float: left;
	font-size: 8pt;
	font-weight: bold;
	height: 21px; 
	line-height: 19px;
	text-transform: none;
	width: 548px;
}
.GridColumnHeader {
	height: 26px;
	line-height: 26px;
}
.GridColumnHeaderLast {
	height: 26px;
	line-height: 26px;
}
.GridColumnHeaderLastTall {
	height: 38px;
	line-height: 19px;
}
.GridColumnHeaderLast, .GridColumnHeaderLastTall {
	background-color: #6E6E70;
	float: left;
	width: 17px;
	margin-right: 0px;
}
.GridColumnHeaderTall {
	height: 38px;
	line-height: 19px;
}
.GridColumnHeader, .GridColumnHeaderTall {
	background-color: #6E6E70;
	margin-right: 1px;
	float: left;
	color: #FFF;
	font-size: 9pt;
	font-weight: bold;
	text-align: center;
	text-transform: uppercase;
}
.GridColumnHeaderWrapper {
	height: 30px;
}
.GridColumnHeaderWrapperTall {
	height: 38px;
}
.GridColumnHeaderWrapper, .GridColumnHeaderWrapperTall {
	float: left;
	font-size: 1px;
	overflow: hidden;
	width: 948px;
	/* width: 998px;  */
}
.GridFilterLabel {
	color: #777;
	float: left;
	font-size: 11pt;
	font-weight: bold;
	height: 26px;
	line-height: 26px;
	padding-right: 5px;
	text-align: right;
	text-transform: uppercase;
	width: 142px;
}
.GridFilter {
	float: left;
	height: 26px;
	line-height: 26px;
	width: 161px;
}

.GridFilterField {
	background-color: #EFF4F2;
	border: 1px solid #949599;
	font-size: 10pt !important;
	font-weight: normal;
	height: 26px;
	line-height: 24px;
	margin-left: 10px;
	padding-left: 4px;
	position: relative;
	width: 150px;
}
.GridFooterClearLeft {
	float: left;
	width: 60%;
}
.GridFooterClearRight {
	float: left;
	text-align: right;
	width: 40%;
}
.GridFooterClearWrapper {
	float: left;
	margin-bottom: 20px;
	margin-top: 10px;
	position: relative;
	width: 948px;
}
.GridFooterInstructions {
	color: #fff;
	font-size: 11pt;
	font-weight: bold;
	font-style: italic;
	margin-top: 5px;
	margin-bottom: 10px;
	text-transform: uppercase;
	width: 100%;
	text-align: center;
}
.GridHeaderWrapper {
	/* float: left; */
	height: 35px;
	margin-top: 10px;
	width: 948px;
}
.GridInstructions {
	color: #555;
	float: left;
	font-size: 10pt;
	margin-top: 5px;
	margin-bottom: 15px;
}
.GridRow {
	float: left;
	height: 25px;
	width: 931px;
	/* width: 985px;  */
	margin-bottom: 1px;
}
.GridRowHover {
	background-color: #efefef;
}
.GridTitle {
	color: #777;
	font-size: 11pt;
	font-weight: bold;
	text-transform: uppercase;
	color: #777;
	float: left;
	font-size: 11pt;
	font-weight: bold;
	height: 26px;
	line-height: 26px;
	text-transform: uppercase;
	width: 635px;
}
.GridWrapper {
	background-color: #efefef;
	overflow: auto;
	max-height: 215px;
	width: 948px;
	/* width: 998px; */
	float: left;
}

/*********************************
 // GRIDS (ADMIN)
 // -----------------------------*/
.AdminGridCell {
	background-color: #fff;
	cursor: default;
	float: left;
	height: 25px;
	line-height: 23px;
	margin-bottom: 1px;
	margin-right: 1px;
	overflow: hidden;
	text-align: center;
	white-space: nowrap;
	display:flex;
	align-items: center;
	justify-content: center;
}
.AdminGridCellHover {
	background-color: #efefef;
}
.AdminGridCell div {
	color: #777;
	font-size: 11px;
	font-weight: bold;
	height: 25px;
	line-height: 23px;
	margin-left: 5px;
	margin-right: 5px;
	text-transform: uppercase;
}
.AdminGridColumnHeaderWrapper {
	height: 30px;
}
.AdminGridColumnHeaderWrapperTall {
	height: 38px;
}
.AdminGridColumnHeaderWrapper, .AdminGridColumnHeaderWrapperTall {
	font-size: 1px;
	overflow: hidden;
	whitespace: nowrap;
	width: 907px;
}
.AdminGridHeaderWrapper {
	float: left;
	height: 35px;
	width: 908px;
}
.AdminGridRow {
	float: left;
	height: 25px;
	margin-bottom: 1px;
	width: 890px;
}
.AdminGridRowHover {
	background-color: #efefef;
	float: left;
	height: 25px;
	margin-bottom: 1px;
	width: 890px;
}
.AdminGridTitle {
	color: #777;
	float: left;
	font-size: 11pt;
	font-weight: bold;
	height: 26px;
	line-height: 26px;
	text-transform: uppercase;
	width: 600px;
}
.AdminGridWrapper {
	background-color: #efefef;
	height: 290px;
	overflow: auto;
	width: 907px;
}
.AdminGridFooterClearWrapper {
	float: left;
	margin-top: 10px;
	position: relative;
	width: 907px;
}

/*********************************
 // LOOKUP GRID
 // -----------------------------*/
.LookupGridButton {
	background-color: #DBD0CF;
	border: 1px solid #534842;
	color: #534842;
	cursor: pointer;
	float: left;
	font-family: Arial;
	font-size: 9pt !important;
	font-weight: bold;
	height: 30px;
	margin-left: 10px;
	margin-top: 12px;
	text-transform: uppercase;
}
.LookupGridFooterWrapper {
	background-color: #6E6E70;
	border: 1px solid #999;
	height: 56px;
	text-align: left;
	width: 625px;
}
.LookupGridFooterLabel {
	color: #fff;
	float: left;
	font-size: 10pt;
	font-weight: bold;
	height: 30px;
	line-height: 28px;
	margin-left: 54px;
	margin-top: 12px;
	text-transform: uppercase;
	width: 50px;
}
.LookupGridFooterTextBox {
	background-color: #EFF4F2;
	border: 1px solid #949599;
	float: left;
	font-size: 10pt;
	height: 30px;
	line-height: 28px;
	margin-left: 10px;
	margin-top: 12px;
	width: 300px;
}
#LookupGridOuterWrapper {
	background-color: #fff;
	overflow: hidden;
	height: 357px;
	float: left;
	width: 626px;
}
#LookupGridWrapper {
	height: 267px;
	width: 626px;
}
#LookupListWrapper {
	float: left;
	height: 357px;
	width: 279px;
}

/*********************************
 // INVENTORY CLASSES
 // ------------------------------*/

.InventoryActivityFooterTotalLabel {
	color: #999;
	float: left;
	font-size: 9pt;
	font-weight: normal;
	height: 22px;
	line-height: 22px;
	margin-right: 5px;
	padding: 2px;
	text-align: right;
	text-transform: uppercase;
}
.InventoryActivityFooterTotalValue {
	color: #6e6e6e;
	float: left;
	font-size: 10pt;
	font-weight: bold;
	height: 22px;
	line-height: 22px;
	margin-right: 5px;
	padding: 2px;
	text-align: center;
	text-transform: none;
	width: 220px;
}
.InventoryActivityFooterWrapper {
	height: 22px;
	margin-bottom: 10px;
	width: 100%;
}
.InventoryActivityGridWrapper {
	height: auto;
	width: 100%;
}
.InventoryButton {
	background-color: #DBD0CF;
	border: 1px solid #534842;
	color: #534842;
	cursor: pointer;
	font-size: 8pt;
	font-weight: normal;
	height: 21px;
	margin-left: 5px;
	text-align: center;
	text-transform: uppercase;
	width: 90px;
}
.InventoryFormButton {
	background-color: #534842;
	border: 1px solid #534842;
	color: #FFF;
	cursor: pointer;
	font-family: Arial;
	font-size: 10pt;
	font-weight: bold;
	padding-left: 25px;
	padding-right: 25px;
	height: 40px;
	text-transform: uppercase;
	margin-bottom: 15px;
}
.InventoryFormButtonsWrapper {
	float: left;
	left: 270px;
	top: 30px;
	position: relative;
	width: 300px;
}
.InventoryFormFieldWrapper {
	float: left;
	height: 27px;
	line-height: 27px;
	margin-bottom: 10px;
	width: 420px;
}
.InventoryFormLabel {
	float: left;
	font-size: 10pt;
	font-weight: bold;
	height: 27px;
	line-height: 27px;
	margin-bottom: 10px;
	margin-right: 10px;
	text-align: right;
	text-transform: uppercase;
	vertical-align: middle;
	width: 260px;
}
.InventoryFormWrapper {
	clear: both;
	left: 50%;
	margin-left: -350px;
	position: relative;
	width: 700px;
}
.InventoryGridCell {
	background-color: #f6f6f6;
	border-bottom: 1px solid #f6f6f6;
	color: #777;
	float: left;
	font-size: 8pt;
	font-weight: bold;
	height: 25px;
	line-height: 25px;
	overflow: hidden;
	padding-left: 1px;
	text-align: left;
	text-transform: uppercase;
	white-space: nowrap;
}
.InventoryGridCellAlt {
	background-color: #fff;
	border-bottom: 1px solid #fff;
	color: #777;
	float: left;
	font-size: 8pt;
	font-weight: bold;
	height: 25px;
	line-height: 25px;
	overflow: hidden;
	padding-left: 1px;
	text-align: left;
	text-transform: uppercase;
	white-space: nowrap;
}
.InventoryGridCell div, .InventoryGridCellAlt div {
	margin-left: 0px;
}
.InventoryGridColumnHeader {
	border-bottom: 1px dotted #e7e7e7;
	border-right: 1px solid #fff;
	color: #999;
	display: inline-block;
	float: left;
	font-size: 9pt;
	font-weight: normal;
	height: 19px;
	line-height: 19px;
	overflow: hidden;
	text-transform: uppercase;
	whitespace: nowrap;
}
.InventoryGridColumnHeaderWrapper {
	font-size: 1px;
	height: 20px;
	overflow: hidden;
	width: 100%;
	whitespace: nowrap;
}
.InventoryHeaderLotNumber {
	color: #999;
	display: block;
	font-size: 14pt;
	font-weight: bold;
	margin-bottom: 10px;
	overflow: hidden;
	padding: 2px;
	text-transform: uppercase;
	white-space: nowrap;
	width: 100%;
}
.InventoryHeaderRow {
	color: #777;
	display: block;
	font-size: 10pt;
	font-weight: bold;
	padding: 2px;
	text-transform: uppercase;
	width: 100%;
}
.InventoryInstructions {
	color: #555;
	font-size: 10pt;
	margin-bottom: 5px;
	margin-top: 5px;
}
.InventoryItemHeader {
	height: 100px;
	margin-bottom: 15px;
	width: 100%;
}
.InventoryItemHeaderLeft {
	float: left;
	height: 100px;
	width: 45%;
}
.InventoryItemHeaderRight {
	float: right;
	height: 100px;
	text-align: right;
	width: 53%;
}
.InventoryItemTitle {
	background-color: #e7e7e7;
	border: 1px solid #e7e7e7;
	color: #6e6e6e;
	font-size: 15pt;
	font-weight: bold;
	height: 26px;
	margin-bottom: 10px;
	margin-top: 10px;
	padding: 10px;
}
.InventoryTitle {
	color: #777;
	font-size: 20pt;
	font-weight: bold;
	margin-bottom: 20px;
	margin-top: 10px;
	text-transform: uppercase;
}
.NoInventoryStageOne {
	color: #000;
	font-size: 10pt;
	padding: 5px;
	width: 390px;
}
.NoInventoryStageFour {
	color: #DD0000;
	font-size: 10pt;
	padding: 5px;
	width: 390px;
}
.StudyInventoryColumnHeader {
	border-bottom: 1px dotted #e7e7e7;
	color: #999;
	float: left;
	font-size: 9pt;
	font-weight: normal;
	height: 15px;
	line-height: 15px;
	margin-right: 5px;
	padding: 2px;
	text-transform: uppercase;
}
.StudyInventoryColumnHeaderWrapper {
	height: 20px;
	line-height: 20px;
	margin-left: 5px;
	margin-top: 5px;
	width: 655px;
}
.StudyInventoryDateField {
	background-color: #EFF4F2;
	border: 1px solid #949599;
	font-size: 8pt;
	font-weight: normal;
	height: 22px;
	padding-left: 4px;
	width: 130px;
}
.StudyInventoryEntryWrapper {
	background-color: #f6f6f6;
	height: 22px;
	margin-left: 0px;
	padding-bottom: 5px;
	padding-top: 5px;
	width: 660px;
}
.StudyInventoryEntryWrapperAlt {
	background-color: #fff;
	height: 22px;
	margin-left: 0px;
	padding-top: 5px;
	padding-bottom: 5px;
	width: 660px;
}
.StudyInventoryField {
	background-color: #EFF4F2;
	border: 1px solid #949599;
	font-size: 8pt;
	font-weight: normal;
	height: 22px;
	padding-left: 4px;
	width: 130px;
}
.StudyInventoryHeader {
	background-color: #e7e7e7;
	border: 1px solid #e7e7e7;
	height: 19px;
	line-height: 19px;
	margin-bottom: 2px;
	padding: 7px;
	width: 650px;
}
.StudyInventoryItemAddButton {
	background-color: #DBD0CF;
	border: 1px solid #534842;
	color: #534842;
	cursor: pointer;
	font-size: 9pt;
	font-weight: normal;
	height: 20px;
	line-height: 20px;
	margin-left: 5px;
	text-align: center;
	text-transform: uppercase;
	width: 80px;
}
.StudyInventoryItemButton {
	background-color: #DBD0CF;
	border: 1px solid #534842;
	color: #534842;
	cursor: pointer;
	float: left;
	font-size: 9pt;
	font-weight: normal;
	height: 20px;
	margin-left: 5px;
	text-align: center;
	text-transform: uppercase;
	width: 80px;
}
.StudyInventoryItemCell {
	color: #6e6e6e;
	float: left;
	font-size: 9pt;
	font-weight: bold;
	height: 20px;
	line-height: 20px;
	margin-right: 5px;
	padding: 2px;
	padding-left: 4px;
	padding-top: 0px;
	text-transform: none;
}
.StudyInventoryItemFooter {
	height: 22px;
	margin-left: 5px;
	margin-top: px;
	width: 655px;
}
.StudyInventoryItemFooterCell {
	border-top: 1px dotted #e7e7e7;
	color: #6e6e6e;
	float: left;
	font-size: 9pt;
	font-weight: bold;
	height: 24px;
	line-height: 20px;
	margin-right: 5px;
	padding: 2px;
	padding-top: 4px;
	text-transform: none;
}
.StudyInventoryItemWrapper {
	margin-bottom: 6px;
	padding-bottom: 10px;
}
.StudyInventoryLotNumber {
	color: #6e6e6e;
	float: left;
	font-size: 11pt;
	font-weight: bold;
	height: 19px;
	line-height: 19px;
	width: 200px;
}
.StudyInventoryLotNumber a {
	color: #d98514;
}
.StudyInventoryLotNumber a:visited {
	color: #6e6e6e;
}
.StudyInventoryOnHand {
	color: #6e6e6e;
	float: left;
	font-size: 9pt;
	font-weight: normal;
	height: 19px;
	line-height: 19px;
	text-align: left;
	width: 180px;
}
.StudyInventoryReceived {
	color: #6e6e6e;
	float: left;
	font-size: 9pt;
	font-weight: normal;
	height: 19px;
	line-height: 19px;
	text-align: left;
	width: 243px;
}
.StudyInventoryTotalAmount {
	color: #6e6e6e;
	float: left;
	font-size: 9pt;
	font-weight: bold;
	height: 19px;
	line-height: 19px;
	margin-right: 5px;
	padding: 2px;
	text-transform: none;
	width: 220px;
}
.StudyInventoryTotalLabel {
	color: #999;
	float: left;
	font-size: 9pt;
	font-weight: normal;
	height: 19px;
	line-height: 19px;
	margin-right: 5px;
	padding: 2px;
	text-align: right;
	text-transform: uppercase;
	width: 213px;
}
.StudyInventoryTotalWrapper {
	height: 22px;
	margin-left: 5px;
	margin-top: 15px;
	width: 655px;
}

/*********************************
// REPORTING
// ------------------------------*/
.AppendixTitle {
	border-bottom: 3px solid black;
	border-top: 2px solid black;
	font-family: Arial;
	font-size: 18pt;
	font-weight: bold;
	margin-bottom: 50px;
	padding: 8px;
	text-transform: uppercase;
	text-align: center;
}
.DrugSpeciesCategory {
	font-size: 18pt;
	font-weight: bold;
	margin-top: 10px;
	padding: 15px;
	text-align: center;
}
.DrugSpeciesColumnHeader {
	font-size: 16pt;
	font-weight: bold;
	padding: 3px;
}
.DrugSpeciesHeader {
	border-bottom: 3px solid black;
	border-top: 2px solid black;
	padding: 5px;
}
.MortalityReportLabel {
	font-family: Arial;
	font-size: 11pt;
	font-weight: bold;
}
.MortalityReportTitle {
	font-family: Arial;
	border-top: 2px solid black;
	border-bottom: 3px solid black;
	padding: 8px;
	text-transform: uppercase;
	font-size: 14pt;
	text-align: center;
	margin-bottom: 50px;
}
.MortalityReportValue {
	font-family: Arial;
	font-size: 11pt;
}
.ReceiptReportDarkCell {
	background-color: #efefef;
}
.ReceiptReportDarkCellValue {
	background-color: #efefef;
}
.ReceiptReportName {
	font-size: 14pt;
	font-weight: bold;
}
.ReceiptReportSponsor {
	font-size: 10pt;
	font-weight: bold;
	font-style: italic;
	margin-top: 20px;
	margin-bottom: 5px;
}
.ReceiptReportTable {
	border-color: #666;
	border-width: 0 0 1px 1px;
	border-style: solid;
}
.ReceiptReportTable td {
	border-color: #666666;
	border-width: 1px 1px 0 0;
	border-style: solid;
}
.ReceiptReportTitle {
	font-size: 13pt;
	font-weight: bold;
}
.StudyReportLabel {
	font-family: Arial;
	font-size: 13pt;
}
.StudyReportPartTitle {
	border-bottom: 2px solid black;
	font-family: Arial;
	font-size: 16pt;
	font-weight: bold;
	padding: 8px;
	text-align: center;
}
.StudyReportResults {
	font-family: Arial;
	font-size: 13pt;
	font-weight: bold;
	padding: 10px;
	margin-left: 20px;
	margin-right: 20px;
	margin-bottom: 15px;
}
.StudyReportSubTitle {
	font-family: Arial;
	font-size: 17pt;
	font-weight: bold;
	padding: 8px;
	text-align: center;
}
.StudyReportTableTitle {
	font-family: Arial;
	font-size: 13pt;
	font-weight: bold;
	margin-bottom: 10px;
}
.StudyReportTableWrapper {
	padding: 20px;
}
.StudyReportTitle {
	font-family: Arial;
	font-size: 21pt;
	font-weight: bold;
	padding: 8px;
	text-align: center;
	margin-bottom: 50px;
}
.StudyReportValue {
	font-family: Arial;
	font-size: 13pt;
	font-weight: bold;
}

/*********************************
// STUDY PAGE
// ------------------------------*/
.PendingContainer {
	background-color: #ffeeee;
	border: 1px solid #dd0000;
	color: #dd0000;
	font-size: 9pt;
	font-weight: bold;
	margin-bottom: 10px;
	margin-left: 10px;
	margin-right: 10px;
	padding: 10px;
	text-transform: uppercase;
}
.PendingStudyCount {
	background-color: #dd0000;
	color: #fff;
	font-size: 12pt;
	font-weight: bold;
	height: 23px;
	width: 23px;
}
.PendingStudyLabel {
	color: #777;
	font-size: 12pt;
	font-weight: bold;
	margin-left: 4px;
	text-transform: uppercase;
}
.StudyDesignLabel {
	font-size: 11pt;
	margin-bottom: 5px;
}
.StudyDesignLabelBold {
	font-size: 11pt;
	font-weight: bold;
	margin-bottom: 5px;
}
.StudyRetreatmentLabel {
	color: #777;
	font-size: 13pt;
	font-weight: bold;
	margin-right: 10px;
	text-decoration: none;
	text-transform: uppercase;
}
.StudyValueLabel {
	color: #777;
	font-size: 10pt;
	font-weight: bold;
	text-transform: uppercase;
	white-space: nowrap;
}
.StudyYesNoLabel {
	color: #333;
	font-size: 11pt;
	font-weight: bold;
}
.WaterQualityDescriptionField {
	background-color: #fff;
	border: 1px solid #949599;
	font-size: 10pt;
	font-weight: normal;
	height: 26px;
	padding: 4px;
	height: 320px;
	width: 650px;
}
.WaterQualityDropDown {
	background-color: #fff;
	border: 1px solid #949599;
	font-size: 10pt;
	font-weight: normal;
	height: 26px;
	padding: 2px;
	padding-left: 4px;
	width: 200px;
}
.WaterQualityField {
	background-color: #fff;
	border: 1px solid #949599;
	font-size: 10pt;
	font-weight: normal;
	height: 26px;
	padding-left: 4px;
	width: 200px;
}
#WaterQualityWrapper {
	background-color: #E7E7E7;
	padding: 5px;
	padding-left: 15px;
	padding-bottom: 35px;
	width: 600px;
}

/*********************************
// ACCOUNT CREATED PAGE
// -----------------------------*/
.AccountCreatedBackground {
	background: url(../img/loginbackground.png);
	margin-top: 5px;
	height: 700px;
	width: 650px;
}
.AccountCreatedContactInfo {
	color: #777;
	font-size: 12pt;
	font-weight: bold;
	margin-top: 50px;
	text-align: center;
	width: 520px;
}
.AccountCreatedMessage {
	color: #777;
	font-size: 10pt;
	font-weight: bold;
	margin-top: 100px;
	text-align: center;
	width: 520px;
}
#AccountCreatedWrapper {
	margin: auto;
	width: 650px;
}

/*********************************
// ENROLLMENT
// -----------------------------*/
.ContactInfo {
	color: #777;
	font-size: 12pt;
	font-weight: bold;
	line-height: 30px;
	margin-left: 20px;
	margin-top: 20px;
	text-align: left;
	width: 520px;
}
.CopyFedExLabel {
	font-size: 9pt;
}
.FacilityAdminNote {
	height: 70px;
	width: 100%;
	box-sizing: border-box;
}
.EnrolledFacility {
	margin: 7px;
}
.EnrolledFacilityAddress {
	color: #534842;
	font-size: 11pt;
	font-weight: normal;
	margin-left: 5px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.EnrolledFacilityButton {
	background-color: #f69e29;
	border: 1px solid #f69e29;
	color: #FFF;
	cursor: pointer;
	font-family: Arial;
	font-size: 10pt;
	font-weight: bold;
	padding-left: 15px;
	padding-right: 15px;
	height: 40px;
	text-transform: uppercase;
	width: 150px;
}
.EnrolledFacilityMonitorTitle {
	background-color: #e7e7e7;
	border: 1px solid #e7e7e7;
	color: #6e6e6e;
	font-size: 13pt;
	font-weight: bold;
	height: 28px;
	margin-bottom: 10px;
	margin-top: 10px;
	padding: 10px;
}
.EnrolledFacilityName {
	color: #534842;
	font-size: 13pt;
	font-weight: bold;
}
.EnrollmentLink {
	font-size: 10pt;
	font-weight: bold;
	padding-bottom: 10px;
	padding-top: 10px;
	text-transform: uppercase;
}
.EnrollmentLink a {
	color: #777;
}
.EnrollmentTitle {
	color: #777;
	font-size: 15pt;
	font-weight: bold;
	margin-bottom: 10px;
}
.FormFooterWrapper {
	text-align: right;
	width: 100%;
}
.RequiredHint {
	color: #777;
	font-size: 10pt;
	font-weight: bold;
	text-decoration: none;
}

/*********************************
// FAQ
// -----------------------------*/
.FAQAnswer {
	color: #777;
	font-size: 11pt;
	font-weight: bold;
	margin-bottom: 15px;
}
.FAQQuestion {
	color: #999;
	font-size: 14pt;
	font-weight: bold;
}

/*********************************
// GLOSSARY
// -----------------------------*/
.DefinitionField {
	background-color: #EFF4F2;
	border: 1px solid #949599;
	font-family: Arial;
	font-size: 10pt;
	font-weight: normal;
	height: 26px;
	padding: 4px;
	height: 300px;
	width: 500px;
}
.GlossaryDefinition {
	color: #777;
	font-size: 11pt;
	font-weight: bold;
	margin-bottom: 15px;
}
.GlossaryTerm {
	color: #999;
	font-size: 14pt;
	font-weight: bold;
}

/*********************************
// LINKS
// -----------------------------*/
.LinkTitle {
	color: #999;
	font-size: 14pt;
	font-weight: bold;
}
.LinkUrl {
	color: #777;
	font-size: 8pt;
	font-weight: normal;
	margin-bottom: 15px;
}

/*********************************
// ADMIN
// -----------------------------*/
.AdminHeader {
	margin-bottom: 10px;
}
.InadListColumnHeader {
	font-size: 13pt;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
}
.LookupList {
	border: 1px solid #dddddd;
	color: #777;
	font-size: 10pt !important;
	font-weight: bold;
	height: 357px;
	width: 100%;
}

.GenericButton{
	background-color: #DBD0CF;
	border: 1px solid #534842;
	color: #534842;
	cursor: pointer;
	text-transform: uppercase;
	padding: 5px 10px;
	text-decoration: none;
}

.GenericButton:hover{
	background-color: #c4bbbb;
}

/* Symfony generated forms add this class to buttons */
button.btn, a.btn {
	background: #DBD0CF;
	border: 1px solid #534842;
	color: #534842;
	cursor: pointer;
	text-transform: uppercase;
	padding: 5px 10px;
	text-decoration: none;
	font-size: .9rem;
	margin: 0;
	border-radius: 1px;
	white-space: nowrap;
	overflow: hidden;
	outline: none;
	text-overflow: ellipsis;
	user-select: none;
	text-shadow: 0;
}
button.btn:hover:not(.disabled), a.btn:hover:not(.disabled) {
	background: #c4bbbb;
}
button.btn:focus:not(.disabled), a.btn:focus:not(.disabled) {
	box-shadow: 0 0 0 0.1rem #5348427c;
}
button.btn:active:not(.disabled), a.btn:active:not(.disabled) {
	background: #b9b1b1;
	border: 2px solid #534842;
	margin: -1px;
	box-shadow: 0 0 0 0.2rem #5348427c;
}

.btn-no-style {
    background: none;
    color: inherit;
    border: none;
    padding: 0;
    font: inherit;
    cursor: pointer;
    outline: inherit;
}

/* .btn-no-style:focus {
	outline: 0;
	filter: drop-shadow(1px 1px 3px rgba(#272634, .51));
} */

.dataTable th {
	text-align: left;
}

table.dataTable .dt-group-row {
	background-color: #eae1e1;
}

.abs-header-container {
	position: relative;
}

.abs-header-top-right {
	position: absolute;
	top: 2px;
	right: 5px;
	color: #555;
	font-size: 10pt;
}

.fill-container{
	display:inline-block;
    width:100%;
    height:100%;
}

.listing-table {
	font-size: 1.5rem;
}

.listing-table a {
	text-decoration: none;
	color: #626262;
}

.listing-table a:hover {
	color: #000000;
}

.h1-sub-heading{
	font-size: 80%;
	opacity: .6;
}

.select2-container{
	font-size: 10pt;
	min-width: 100px;
}

.context-switcher-container{
	font-weight: 500;
	text-transform: none;
	padding: 5px;
}

.study-row-past-due > .GridCell{
	background-color: var(--c-red-background);
}

/* Quick and dirty stylings for symfony forms */
/* Would be nice to impliment something like bootrap without interfering with legacy stylings */
.form-container {
	padding: .5rem;
	position: relative;
}

.form-container form {
	margin-top: 1rem;
	margin-bottom: 1rem;
}

.form-container label {
	margin-right: 1rem;
}

/* Vertical spacing for form rows */
.form-container form > *  {
	margin-bottom: 1rem;
}

.form-container .top-right-actions-container{
	position: absolute;
	top: 0;
	right: 0;
}

.w-min-100{
	min-width: 100px;
}
.w-min-200{
	min-width: 200px;
}
.w-min-300{
	min-width: 300px;
}
.w-min-400{
	min-width: 400px;
}
.w-min-500{
	min-width: 500px;
}
.w-min-600{
	min-width: 600px;
}
.w-min-700{
	min-width: 700px;
}
.w-min-800{
	min-width: 800px;
}
.w-min-900{
	min-width: 900px;
}

*[class*="w-max"]{
	white-space: nowrap;
  	overflow: hidden;
  	text-overflow: ellipsis;
}
.w-max-100{
	max-width: 100px;
}
.w-max-200{
	max-width: 200px;
}
.w-max-300{
	max-width: 300px;
}
.w-max-400{
	max-width: 400px;
}
.w-max-500{
	max-width: 500px;
}
.w-max-600{
	max-width: 600px;
}
.w-max-700{
	max-width: 700px;
}
.w-max-800{
	max-width: 800px;
}
.w-max-900{
	max-width: 900px;
}

.color-fws-dark{
	color: var(--c-fws-dark);
}
.color-inad-dark{
	color: var(--c-inad-dark);
}

.color-fws-med{
	color: var(--c-fws-med);
}
.color-inad-med{
	color: var(--c-inad-med);
}
/*
.editIconButton {
  background: none;
  border: none;
  cursor: pointer;
  position: relative;
  width: 20px;
  height: 20px;
}

.editIconButton::before {
  content: '';
  position: absolute;
  left: 4px;
  top: 8px;
  width: 10px;
  height: 2px;
  background: black;
  transform: rotate(-45deg);
  box-shadow: 2px 2px 0 0 black;
}
*/

.editIconButton {
  width: 20px;
  height: 20px;
  background: transparent;
  border: none;
  position: relative;
  cursor: pointer;
  padding: 0;
}

.editIconButton::before,
.editIconButton::after {
  content: '';
  position: absolute;
  background-color: #007bff; /* pencil color */
  border-radius: 1px;
}

/* Pencil shaft */
.editIconButton::before {
  width: 12px;
  height: 2px;
  top: 9px;
  left: 4px;
  transform: rotate(-45deg);
}

/* Pencil tip */
.editIconButton::after {
  width: 4px;
  height: 2px;
  top: 9px;
  left: 13px;
  background-color: #333;
  transform: rotate(-45deg);
}

.trash-icon {
  background: none;
  border: none;
  padding: 0;
  width: 20px;
  height: 20px;
  position: relative;
  cursor: pointer;
}

.trash-icon .lid {
  position: absolute;
  top: 2px;
  left: 4px;
  width: 12px;
  height: 2px;
  background-color: #dc3545;
  border-radius: 1px;
}

.trash-icon .can {
  position: absolute;
  top: 5px;
  left: 4px;
  width: 12px;
  height: 12px;
  border: 2px solid #dc3545;
  border-top: none;
  border-radius: 0 0 2px 2px;
  box-sizing: border-box;
}

.trash-icon .line {
  position: absolute;
  width: 2px;
  height: 8px;
  background-color: #dc3545;
  top: 2px;
}

.trash-icon .line:nth-child(1) { left: 3px; }
.trash-icon .line:nth-child(2) { left: 6px; }
.trash-icon .line:nth-child(3) { left: 9px; }

.trash-icon:hover .lid,
.trash-icon:hover .can,
.trash-icon:hover .line {
  background-color: #a71d2a;
  border-color: #a71d2a;
}