/** General styles */

.br-logo { height: 80px; }
.br-header { height: 80px; }
.navicon-left { height: 80px; }

.row {
    margin-left: 0 !important;
    margin-right: 0 !important;
}
 
.checkboxButton {
	text-align: left !important;
	padding-left: 20px;
	height: 50px;
}

.checkboxButton p {
	vertical-align: middle;
	margin: 5px 0px 0px 35px;
}

.checkboxChecked {
	background-image: url("../images/checkbox_checked.png");
	background-size: 23px;
	height: 23px;
	width: 23px;
	margin-top: 3px;
	float: left;
}

.checkboxUnchecked {
	background-image: url("../images/checkbox_unchecked.png");
	background-size: 23px;
	height: 23px;
	width: 23px;
	margin-top: 3px;
	vertical-align: middle;
	float: left;
}

.enrollmentCheckbox {
	vertical-align: middle;
	float: left;
}

.btn-group-vertical>.btn input[type=checkbox], .btn-group-vertical>.btn input[type=radio], .btn-group-vertical>.btn input[type=checkbox], .btn-group-vertical>.btn input[type=radio] {
	position: absolute;
    clip: rect(0,0,0,0);
    pointer-events: none;
}

.btn-group>.btn input[type=checkbox], .btn-group>.btn input[type=radio], .btn-group>.btn input[type=checkbox], .btn-group>.btn input[type=radio] {
	position: absolute;
    clip: rect(0,0,0,0);
    pointer-events: none;
}

.btn-group-vertical > .btn {
	margin-bottom: 0px;
}

.clickableRow {
	cursor: pointer;
}

.pageinateButton {
	margin: 0 2px;
}

#pagination {
	font-size: 18px;
	margin-top: 10px;
	margin-bottom: 20px;
}

.btn-outline-primary {
	color: #000000;
	border-color: #d1d3e2;
}

.tooltip-inner {
	white-space:nowrap;
	max-width:none;
}

input[type='checkbox'] {
    -webkit-appearance:none;
    width: 20px;
    height: 20px;
    background: white;
    border-radius: 5px;
    border: 1px solid #d1d3e2;
}

input[type='checkbox']:checked {
    background: #858796;
    -webkit-appearance: checkbox;
}

.selectpicker {
	font-size: 14px;
	height: 35px;
	border: 1px solid #ccc;
	padding: 6px 2px;
	width: 100%;
}

select.stateDropdown { 
	min-width: 50px;
}

textarea {
	border: 1px solid rgba(0,0,0,0.15);
	border-radius: 3px;
}

/* All p that come immediately after a checkbox need to be repositioned to deal with the additional height/width of the resized checkboxes */
input[type='checkbox'] + p {
	position: relative;
	top: -0px;
	margin-left: 10px;
	margin-bottom: 0px;
}

label.checkboxLabel {
	position: relative;
	top: -3px;
} 
div.form-inline input[type='checkbox'] {
	margin-right: 4px;
}

label {
	margin-bottom: 0;
}

select {
	border-radius: .35rem;
}

/** Add Referral */

.form-control {
	color: black;
}
.form-control:focus {
	color: black;
}

.form-control::placeholder {
  color: #b0b0b0;
}

.referralFile:lang(en):empty::after {
  content: "ATTACH FINANCIAL RECORDS";
}

.referralMail:lang(en):empty::after {
  content: "ATTACH MAIL PIECE(S)";
}

.subpoenaText:lang(en):empty::after {
  content: "ATTACH SUBPOENA/RELEASE";
}

.required-placeholder {
	color: #db1313;
	padding-left: 2px;
	font-weight: bold;
}

.attachedFile {
	border: 1px solid rgba(0,0,0,0.125);
	border-radius: 3px;
	padding: 10px;
}

.attachedFile p {
	margin-bottom: 0px;
	padding-top: 3px;
	font-weight: bold;
	word-break: break-all;
}

.attachedFile .icon {
	font-size: 18px;
}

/* Strict div sizing */
.strictWidth {
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	display: block;
}

/* Strict span sizing */
.strictWidthSpan {
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	display: inline-block;
}

.strictWidthGray {
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	display: block;
	color: #888;
}

/** Parsley JS Error styling */
ul.parsley-errors-list {
	list-style-type: none;
	padding-left: 0px;
	margin-top: 2px;
	margin-bottom: 0px;
}

ul.parsley-errors-list li {
	color: red;
}

/* Left Side Menu */
#advancedSearchButton {
	color: #adb5bd; 
	text-decoration: underline;
}
#advancedSearchButton:hover {
	color: white; 
}

/* Referral Table */


/* Referral View */

div.referralView {
	word-break: break-word;
}

div.referralView p {
	margin-bottom: 0;
}

div.referralView label.checkbox {
	min-width: 15px;
	margin-right: 4px;
	border-bottom: 1px solid #858796;
	text-align: center;
}

.rvRow {
	margin-left: 0 !important; margin-right: 0 !important;
}
.rvCol1 {
	width: 10%; padding: 0 15px; float: left;
}
.rvCol2 {
	width: 15%; padding: 0 15px; float: left;
}
.rvCol3 {
	width: 22.5%; padding: 0 15px; float: left;
}
.rvCol4 {
	width: 30%; padding: 0 15px; float: left;
}
.rvCol5 {
	width: 37.5%; padding: 0 15px; float: left;
}
.rvCol6 {
	width: 45%; padding: 0 15px; float: left;
}
.rvCol7 {
	width: 52.5%; padding: 0 15px; float: left;
}
.rvCol8 {
	width: 60%; padding: 0 15px; float: left;
}
.rvCol9 {
	width: 67.5%; padding: 0 15px; float: left;
}
.rvCol10 {
	width: 75%; padding: 0 15px; float: left;
}
.rvCol11 {
	width: 82.5%; padding: 0 15px; float: left;
}
.rvCol12 {
	width: 90%; padding: 0 15px; float: left;
}

.rvFormGroup {
	margin-bottom: 1em;
}

.rvCol50p { width: 50%; padding: 0 15px; float: left; }

/* float clearing for IE6 */
* html .rvRow {
  height: 1%;
  overflow: visible;
}

/* float clearing for IE7 */
*+html .rvRow {
  min-height: 1%;
}

/* float clearing for everyone else */
.rvRow:after {
  clear: both;
  content: ".";
  display: block;
  height: 0;
  visibility: hidden;
  font-size: 0;
}

/* Float */

.fl {
	float: left;
}

.fr {
	float: right;
}

/* float clearing for IE6 */
* html .floatclear {
  height: 1%;
  overflow: visible;
}

/* float clearing for IE7 */
*+html .floatclear {
  min-height: 1%;
}

/* float clearing for everyone else */
.floatclear:after {
  clear: both;
  content: ".";
  display: block;
  height: 0;
  visibility: hidden;
  font-size: 0;
}


/* Errors */

.errorMessage {
	font-size: 0.95em;
	font-family: "Open sans", sans-serif;
	color: #dd0000;
	margin-bottom: 2px;	
	/*
	background:url(../images/error_exclamation.png) top left no-repeat;
	padding-left: 18px; 
	*/
}

.errorMessageDim {
	color: rgba(221, 0, 0, 0.5);
}

/* Dashboard */
th.colHeader { border-top: 0; }
clickableRow {
	cursor: pointer;
}
      
.caseColumn { width: 85px; }
.dateReportedColumn { width: 100px; }
.clientColumn { width: 160px; }
.subjectColumn { width: 160px; }
.sentToColumn { width: 70px; }
.sentAsColumn { width: 110px; }
.institutionColumn { width: 110px; }
.statusColumn { width: 100px; }
.assignedToColumn { width: 110px; }
.seenColumn { width: 50px; }
.unreadMessagesColumn { width: 40px; }

.referralTableTabs {
	width: 1065px;
}
.referralTableContent {
	width: 1065px;
}
      
table#referralTable th, table#referralTable td {
	padding: 10px 6px;
}
.referralViewHeaderRow {
	background: #00b2974f;
	margin-bottom: 10px;
	padding-top: 2px;
	padding-bottom: 2px;
}
.referralViewHeaderText {
	font-weight: bold;
	text-decoration: underline;
}


/* Messages */
.msg-received {
}
.msg-sent {
}
.numberCircle {
    width: 24px;
    line-height: 23px;
    border-radius: 50%;
    text-align: center;
    font-size: 14px;
    border: 1px solid #ff0000;
    background-color: #db1313;
}

.collapsed-menu .numberCircle {
	display: none;
}

/* Printing */
@media print
{    
    .no-print, .no-print *
    {
        display: none !important;
    }
}

/** Terms and Conditions */
.tncUnderline { 
	text-decoration: underline;
}
.tncParagraph { 
	margin-top: 20px; 
}

/* Action Buttons */
.actionButton {
	padding-top: 5px;
	padding-bottom: 5px;
}


/* Accessibility improvements */
.tx-info {
        color: #128293 ;
}
.br-menu-item {
        color: #ddd;
}
.br-menu-item:hover {
        color: #fff;
}
a.tx-info, div#sitemap {
        text-decoration: underline;
}
div#footer a {
        text-decoration: underline;
}
div#privacyPolicy a {
        text-decoration: underline;
}
a {
	text-decoration-skip-ink: none;
}
.sidebar-label {
        opacity: 1;
        color: #ddd;
}
.br-menu-link.active {
	background-color: #02826e;
}
a.br-menu-link.active span.menu-item-label {
        color: #fff;
}
.navicon-left a{
        color: #737373;
}