body {
	background-color: white;
	font-family: 'Open Sans', sans-serif;
	min-height: 550px;
}
.main-content {
	min-height: 700px;
}
header {
	  box-shadow:0px 5px 25px 0px gainsboro;  
	  border-radius: 20px;
	  margin: 0px 0px 60px 0px;
	  font-size: 15px;
}
.nav-item {
	padding: 0px 3px;
	font-size: 14px;
}
.dropdown-item {
	font-size: 14px;
}
.underline {
	text-decoration: underline;
}
.nav-link{
	color: black;
}
#nav-logo {
	width: 130px;
	height: auto;
	margin: 5px 20px;
}
#lawyernavlogin {
	width: 215px;
	left: -114px;
	padding: 5px;
}
#navbutton{
	background-color: #87C304;
	padding: 5px 10px;
	border-radius: 10px;
	color: white;
	font-size: 15px;
	font-weight: 900;
	border: 1px solid white;
}
#navbutton:hover {
	background-color: #0099e6;
}
p {
	color: #777777;
}
a {
	color: #0088cc;
}
a:hover {
	color: #0099e6;
}
.list-no-style li{
	padding: 10px 30px 10px 0px;
	list-style-type: none;
}
.button {
	background-color: #87C304;
	padding: 10px 20px;
	border-radius: 10px;
	color: white;
	font-size: 20px;
	font-weight: 900;
	border: 1px solid white;
}
.button:hover {
	background-color: #0099e6;
	color: white;
	text-decoration: none;
}
.eye-button {
	border-radius: 0px;
}
#login_password-attorney {
	border-top-right-radius: 0px;
	border-bottom-right-radius: 0px;
}

#login_password-provider {
	border-top-right-radius: 0px;
	border-bottom-right-radius: 0px;
}
.smallbutton {
	background-color: #87C304;
	padding: 10px 20px;
	border-radius: 10px;
	color: white;
	font-size: 14px;
	font-weight: 900;
	border: 1px solid white;
}
.smallbutton:hover {
	background-color: #0099e6;
	color: white;
	text-decoration: none;
}
.rectanglebreak1 {
	height: 5px;
	background-color: #87C304;
	margin: 10px 0px 7px 0px;
}
footer{
	background-color: #EDEDED;
	margin: 40px 0px 0px 0px;
}
footer h4 {
	margin: 40px 0px 20px 0px;
}
.footer-contact{
	list-style: none;
	padding: 0px;
	margin: 0px 0px 50px 0px;
}
.footer-contact li{
	color: dimgrey;
	padding: 5px 0px;
}
input::-ms-reveal,
input::-ms-clear {
        display: none;
}
h1{
	color: #777777;
	font-weight: bold;
}
h2{
	color: #0288CB;
	font-weight: 700;
}
h3 {
	color: #0288CB;
	padding: 0px;
	margin: 0px;
}
h4{
	padding: 7px 0px;
	color: #0288CB;
}
h5 {
	color: #777777;
}
.shadow-div{
	border: 1px solid #EDEDED;
	border-radius: 10px;
	box-shadow:0px 5px 25px 0px gainsboro; 
	padding: 20px;
	margin: 10px 0px;
}
.attendancepara {
	margin: 20px 0px 0px 0px;
	font-size: 20px;
}
.input-addon {
	background-color: #0288CB;
	padding: 7px 10px;
	margin: 0px;
	color: white;
	border-radius: 3px;
}
.input-addon:hover{
	cursor: pointer;
}
.input-group {
	margin: 0px 0px 15px 0px;
}
#homepagelogo {
	margin: auto;
	height: 100%;
	width: 100%;
}
#news-div {
	max-height: 200px;
	overflow: hidden;
}
#newsh3 {
	padding: 0px 0px 10px 0px;
}
.news_title {
	padding: 0px 0px 2px 0px;
	font-weight: bold;
}
.news_story {
	padding: 5px 0px 12px 0px;
}
.rectanglebreak2 {
	background-color: #0288CB;
	height: 2px;
	
}
.toggle {
	margin: 10px 0 0;
	position: relative;
	clear: both;
}

.toggle > input {
	cursor: pointer;
	filter: alpha(opacity=0);
	height: 45px;
	margin: 0;
	opacity: 0;
	position: absolute;
	width: 100%;
	z-index: 2;
}

.toggle > label {
	-webkit-transition: all 0.15s ease-out;
	-moz-transition: all 0.15s ease-out;
	transition: all 0.15s ease-out;
	background: #F4F4F4;
	border-left: 3px solid #CCC;
	border-radius: 5px;
	color: #CCC;
	display: block;
	font-size: 1.1em;
	min-height: 20px;
	padding: 12px 20px 12px 10px;
	position: relative;
	cursor: pointer;
	font-weight: 400;
}

.toggle > label:-moz-selection {
	background: none;
}

.toggle > label i.fa-minus {
	display: none;
}

.toggle > label i.fa-plus {
	display: inline;
}

.toggle > label:selection {
	background: none;
}

.toggle > label:before {
	border: 6px solid transparent;
	border-left-color: inherit;
	content: '';
	margin-top: -6px;
	position: absolute;
	right: 4px;
	top: 50%;
}

.toggle > label:hover {
	background: #f5f5f5;
}

.toggle > label + p {
	color: #999;
	display: block;
	overflow: hidden;
	padding-left: 30px;
	text-overflow: ellipsis;
	white-space: nowrap;
	height: 25px;
}

.toggle > label i {
	font-size: 0.7em;
	margin-right: 8px;
	position: relative;
	top: -1px;
}

.toggle > .toggle-content {
	display: none;
}


.toggle > .toggle-content > p {
	margin-bottom: 0;
	padding: 10px 0;
}

.toggle.active i.fa-minus {
	display: inline;
}

.toggle.active i.fa-plus {
	display: none;
}

.toggle.active > label {
	background: #F4F4F4;
	border-color: #CCC;
}

.toggle.active > label:before {
	border: 6px solid transparent;
	border-top-color: #FFF;
	margin-top: -3px;
	right: 10px;
}

.toggle.active > p {
	white-space: normal;
}

.toggle > p.preview-active {
	height: auto;
	white-space: normal;
}

section.toggle label {
	color: #0088cc;
	border-left-color: #0088cc;
	border-right-color: #0088cc;
}

section.toggle.active > label {
	background-color: #0088cc;
	border-color: #0088cc;
	color: #FFF;
}
#staff {
	text-align: center;
}
.staffimg {
	height: 200px;
	width: auto;
	display: block;
	margin: 0 auto;
}
.form-button {
	max-height: 250px;
}
.form-button:hover{
	opacity:0.5;
}
.pager {
	list-style-type: none;
	padding: 0px;
	margin: 15px 0px;
}
.pager li{
	display: inline;
	padding: 0px 15px;
}
.pull-right {
	font-size: 12px;
}
.pull-right:hover {
	color: #87C304;
}
.lawyercompliancediv {
	font-size: 14px;
	min-height: 437px;
}
.exemption-div {
	border: 2px solid #0288CB;
	border-radius: 10px;
	padding: 10px 10px 0px 10px;
	margin: 10px 0px;
}
.circlebg {
	opacity: 0.5;
}
.infoicon {
	color: #0288CB;
}
.infoicon:hover {
	color: #87C304;
	cursor: pointer;
}
.form_h {
	display: none;
}



/* CSS Document */
#fees_row,
#fees_row > div { padding: 15px; }

#fees_row > div { background: #f5f5f5; }

#fees_row > div > h4 { margin-bottom: 0; }

.credit_summary .featured-box {
	margin-bottom: 20px;
	margin-top: 0;
}

.credit_summary .featured-box .box-content {
	padding: 20px;
}

.credit_summary .featured-box h4 {
	margin-bottom: 10px;
	margin-top: 0;
}

.credit_summary .box-content h4 small {
	font-size: 70%;
	line-height: inherit;
	text-transform: none;
}

.credit_summary .box-content .row + .row {
	padding-top: 8px;
}

.credit_summary .box-content table:last-of-type {
	margin-bottom: 0;
}

.credit_summary .fa-question-circle {
	cursor: pointer;
}
.table-striped > tbody > tr:nth-child(odd) {
	background-color: rgba(0, 136, 204, 0.20);
	color: #000;
}


/* Labels */
.label-primary {
	background-color: #CCC;
}

.label-dark,
.label-dark:hover {
	background: #111;
	text-decoration: none;
	font-weight: normal;
}

/* Forms */

select {
	border: 1px solid #E5E7E9;
	border-radius: 6px;
	outline: none;
}

.label {
	font-weight: normal;
}

.form-group:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}

.form-control:focus {
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
	border-color: #CCC;
}

/* Forms Validations */
label.valid {
	display: inline-block;
	text-indent: -9999px;
}

label.error {
	color: #C10000;
	font-size: 0.9em;
	margin-top: -5px;
	padding: 0;
}

label.error#captcha-error {
	margin-top: 15px;
}

/* Progress */
.progress {
	border-radius: 25px;
	height: 20px;
	background: #FAFAFA;
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) inset;
	overflow: visible;
}

.progress-bar {
	background-color: #CCC;
	box-shadow: none;
	position: relative;
	border-radius: 25px;
}

.progress-bar-tooltip {
	position: absolute;
	padding: 4px 8px;
	background-color: #333;
	color: #FFF;
	line-height: 15px;
	font-size: 11px;
	display: block;
	position: absolute;
	top: -28px;
	right: 5px;
	border-radius: 3px;
	filter: alpha(opacity=0);
	opacity: 0;
}

.progress-bar-tooltip:after {
	border-color: #333 transparent;
	border-style: solid;
	border-width: 5px 5px 0;
	bottom: -5px;
	content: "";
	display: block;
	left: 13px;
	position: absolute;
	width: 0;
}

.achtung {
	color: red;
	font-weight: bold;
}

