@font-face {
    font-family: 'open_sanssemibold';
    src: url('../fonts/OpenSans-Semibold-webfont.eot');
    src: url('../fonts/OpenSans-Semibold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/OpenSans-Semibold-webfont.woff') format('woff'),
         url('../fonts/OpenSans-Semibold-webfont.ttf') format('truetype'),
         url('../fonts/OpenSans-Semibold-webfont.svg#open_sanssemibold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'open_sanssemibold_italic';
    src: url('../fonts/OpenSans-SemiboldItalic-webfont.eot');
    src: url('../fonts/OpenSans-SemiboldItalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/OpenSans-SemiboldItalic-webfont.woff') format('woff'),
         url('../fonts/OpenSans-SemiboldItalic-webfont.ttf') format('truetype'),
         url('../fonts/OpenSans-SemiboldItalic-webfont.svg#open_sanssemibold_italic') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'open_sansregular';
    src: url('../fonts/OpenSans-Regular-webfont.eot');
    src: url('../fonts/OpenSans-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/OpenSans-Regular-webfont.woff') format('woff'),
         url('../fonts/OpenSans-Regular-webfont.ttf') format('truetype'),
         url('../fonts/OpenSans-Regular-webfont.svg#open_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'open_sanslight';
    src: url('../fonts/OpenSans-Light-webfont.eot');
    src: url('../fonts/OpenSans-Light-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/OpenSans-Light-webfont.woff') format('woff'),
         url('../fonts/OpenSans-Light-webfont.ttf') format('truetype'),
         url('../fonts/OpenSans-Light-webfont.svg#open_sanslight') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'open_sanslight_italic';
    src: url('../fonts/OpenSans-LightItalic-webfont.eot');
    src: url('../fonts/OpenSans-LightItalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/OpenSans-LightItalic-webfont.woff') format('woff'),
         url('../fonts/OpenSans-LightItalic-webfont.ttf') format('truetype'),
         url('../fonts/OpenSans-LightItalic-webfont.svg#open_sanslight_italic') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'open_sansitalic';
    src: url('../fonts/OpenSans-Italic-webfont.eot');
    src: url('../fonts/OpenSans-Italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/OpenSans-Italic-webfont.woff') format('woff'),
         url('../fonts/OpenSans-Italic-webfont.ttf') format('truetype'),
         url('../fonts/OpenSans-Italic-webfont.svg#open_sansitalic') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'open_sansextrabold';
    src: url('../fonts/OpenSans-ExtraBold-webfont.eot');
    src: url('../fonts/OpenSans-ExtraBold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/OpenSans-ExtraBold-webfont.woff') format('woff'),
         url('../fonts/OpenSans-ExtraBold-webfont.ttf') format('truetype'),
         url('../fonts/OpenSans-ExtraBold-webfont.svg#open_sansextrabold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'open_sansextrabold_italic';
    src: url('../fonts/OpenSans-ExtraBoldItalic-webfont.eot');
    src: url('../fonts/OpenSans-ExtraBoldItalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/OpenSans-ExtraBoldItalic-webfont.woff') format('woff'),
         url('../fonts/OpenSans-ExtraBoldItalic-webfont.ttf') format('truetype'),
         url('../fonts/OpenSans-ExtraBoldItalic-webfont.svg#open_sansextrabold_italic') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'open_sansbold';
    src: url('../fonts/OpenSans-Bold-webfont.eot');
    src: url('../fonts/OpenSans-Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/OpenSans-Bold-webfont.woff') format('woff'),
         url('../fonts/OpenSans-Bold-webfont.ttf') format('truetype'),
         url('../fonts/OpenSans-Bold-webfont.svg#open_sansbold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'open_sansbold_italic';
    src: url('../fonts/OpenSans-BoldItalic-webfont.eot');
    src: url('../fonts/OpenSans-BoldItalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/OpenSans-BoldItalic-webfont.woff') format('woff'),
         url('../fonts/OpenSans-BoldItalic-webfont.ttf') format('truetype'),
         url('../fonts/OpenSans-BoldItalic-webfont.svg#open_sansbold_italic') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'muliregular';
    src: url('../fonts/muli-webfont.woff2') format('woff2'),
         url('../fonts/muli-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'mulibold';
    src: url('../fonts/muli-bold-webfont.woff2') format('woff2'),
         url('../fonts/muli-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'muliregularitalic';
    src: url('../fonts/muli-italic-webfont.woff2') format('woff2'),
         url('../fonts/muli-italic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'mulilight';
    src: url('../fonts/muli-light-webfont.woff2') format('woff2'),
         url('../fonts/muli-light-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'mulilightitalic';
    src: url('../fonts/muli-lightitalic-webfont.woff2') format('woff2'),
         url('../fonts/muli-lightitalic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

body {
	font-family: 'open_sansregular';
}

.tt-topbar {
	background-color: #f3f3f3;
	padding: 9px 0;
	margin-bottom: 20px;
	text-align: right;
}

.modal-content{text-align: left;}

.text-addon {
	cursor: pointer;
	background-color: transparent;
	border: none;
}

.signup-form {
	margin-bottom: 10px;
}

.hpForm button {
	padding: 15px 22px;
	font-size: 24px;
}

.page-signup h1 {
	text-align: center;
	font-weight: normal;
	margin-bottom: 20px;
}

.page-signup h2 {
	color: #b10f04;
}

.menu-item {
	display: block;
	font-size: 16px;
	color: #f3f3f3;
	padding: 10px 20px 10px 35px;
	font-family: 'open_sansregular';
}

.menu-item.active, .menu-item:hover {
	background-color: #37464d;
	text-decoration: none;
	color: #fff;
}

.menu-item i {
	width: 25px;
}

body.profile {
	background-color: #f3f3f3;
}

.profile-header {
	background-color: #fff;
}

.profile-menu {
	position: fixed;
	height: 100%;
	background-color: #242d32;
	width: inherit;
	padding: 20px 0;
}

@media (max-width: 768px) {
	.profile-menu {
		position: static;
		width: 100%;
		display:none;
	}
}

.navbar-profile {
	min-height: 0;
	margin-bottom: 0;
}

.profile-content {
	border-top: solid 1px #e6e6e6;
}

.btn-file input[type=file] {
	position: absolute;
	left: -1000px;
	display: block;
}

.btn-file {
	cursor: pointer;
	overflow: hidden;
	position: relative;
}

img.attorney-logo {
	max-width: 145px;
}

.or-bar {
	font-size: 31px;
	margin: 9px 0 30px 0;
	text-align: center;
	border-bottom: solid 1px #eaeaea;
	border-top: solid 1px #eaeaea;
	height: 7px;
	float: none;
}

.or-bar span {
	position: relative;
	top: -23px;
	font-family: 'open_sanslight';
	color: #333;
	background-color: #fff;
	padding: 0 10px;
	font-size: 24px;
}

.state-bar {
	background-color: #e8e6e7;
	padding: 8px;
}

.state-bar span {
	font-weight: bold;
}

.state-bar .entry-state {
	text-align: left;
}

.completion-percent {
	text-align: right;
	font-size: 25px;
	color: green;
	margin: 20px 0;
}

.btn-cancel-fee, .btn-save-fee, .btn-cancel-fees, .btn-save-fees {
	display: none;
}

.table-striped>tbody>tr:nth-of-type(odd) {
    background-color: #def0f2;
}

.h3-color {
	background-color: #f3f3f3;padding: 10px;color: #777;
	font-weight:bold;
}

.panel-tln .panel-heading {
	background-color: transparent;
	font-size: 18px;
    text-transform: capitalize;
	font-family: 'open_sansregular';
}

.panel-faq .panel-heading::after {
    font-family: FontAwesome;
    content: "\f107";
	float: right;
}

.panel-status .panel-heading{background-color: #a50d05; color: #fff;}
.panel-disabled .panel-heading { background-color: #eee; color: #000;}
.panel-disabled .panel-body {display:none;}

.charged-with {
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f3f3f3+0,f9f9f9+100 */
background: #f3f3f3; /* Old browsers */
background: -moz-linear-gradient(top,  #f3f3f3 0%, #f9f9f9 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #f3f3f3 0%,#f9f9f9 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #f3f3f3 0%,#f9f9f9 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f3f3f3', endColorstr='#f9f9f9',GradientType=0 ); /* IE6-9 */

}

.charged-with h3 {
	text-transform: uppercase;
    font-family: 'mulibold' !important;
}

.charged-with h3 span {
	color: #b10e03;
}

.panel {
	border-radius: 0px;
}

.charged-with p  {
	color: #777; font-size: 20px;
}

.law-firm-result {
	padding: 10px;
	background-color: #f9f9f9;
	margin-bottom: 20px;
	border: solid 1px #ccc;
	overflow: hidden;
}

.addTicketTitle {float: left; width: 50%;}
.sortSection {float: left; width: 50%; text-align: right; padding-top: 20px;}


.law-firm-result img {
	width: 100%;
    position: relative;
    top: 50%;
    transform: translateY(-50%);
}

.law-firm-result .law-firm-info {
	/*margin-left: 190px;*/
	height: 127px;
	float: left;
	width: 80%;
}

.indivAttorneyListing .law-firm-result .law-firm-info {height: auto;}

.profile .law-firm-result .law-firm-info {width: 72%;}

.law-firm-result .fee {
	font-size: 25px;
	font-weight: bold;
	margin-bottom: 15px;	
	display: block;
}

.law-firm-result .law-firm-info .middleContent {
	position: relative;
    top: 50%;
    transform: translateY(-50%);	
}

.law-firm-result h4 {
	color: #b10e03;
	text-transform: uppercase;
	font-weight: bold;
}

.modal-body h3.big {
	color: #b10e03;
	text-transform: uppercase;
	font-weight: bold;
	text-align: center;
}

.law-firm-result .law-firm-info p {color: #777}

.violation-details label span {font-weight: normal;}
.violation-details h4 {color: #b10e03; margin-bottom: 20px;}

.total-due {
	color: #29a440;
	font-size: 20px;
	text-transform: uppercase;
	font-weight: bold;
}

.footer {
	background-color: #242D32;
	margin-top: 30px;
	text-align: center;
	color: #A4A6A7;
}

.footer .footer-links a {
	color: #A4A6A7;
	margin: 0 10px;
}

.footer .footer-links {
	border-bottom: 1px groove #676e6f;
	padding: 20px;
}

.footer .footer-description {
	padding: 20px 20px 0;
}

.welcome {
	text-align: center;
}

.welcome h2 {
	color: #b10e03;
	font-size: 36px;
	font-family: 'muliregular';
}

.welcome h2 span {
	display: inline-block;
}

.welcome p.under {
	color: #555;
	font-size: 19px;
}

.top-search {
	float: left;
	margin-top: 19px;
	text-align: right;
	width: 50%;
}

.top-search a {
	margin: 0 5px;
	text-decoration: underline;
}

.vertical-divider {
	min-height: 20px;
	border-right: solid 1px #ccc;
	display: inline-block;
	vertical-align: middle;
	margin: 0 10px;
	width: 1px;
}

.profile-row h2, .profile-row h3, .panel-heading {
	font-family: 'open_sanslight';
}

.casesContent, .indivCase {clear: both;}
.casesTitle {float: left; width: 50%;}
.casesTitle2 {float: left; width: 50%;}

.nav-tabs.nav-justified {
	background: #d2d0d0;
	padding: 5px 8px;
	border-radius: 40px;
}

.nav-tabs.nav-justified>li {
    display: inline-block;
    width: 33.333%;
    margin: 0;
    padding: 0;
    float: left;
}

.nav-tabs.nav-justified>.active>a, .nav-tabs.nav-justified>.active>a:focus, .nav-tabs.nav-justified>.active>a:hover {
    border: none;
    background: rgb(255,255,255);
    background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(188,188,188,1) 100%);
    background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(188,188,188,1) 100%);
    background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(188,188,188,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#bcbcbc',GradientType=0 );
    border-bottom: solid 1px #888;
    border-right: solid 2px #fff;
}

.nav-tabs.nav-justified>li>a {
    border-bottom: 1px solid #ddd;
    border-radius: 4px 4px 0 0;
    color: #555;
    background: #b3b2b2;
    border-radius: 0;
    border-right: solid 2px #ccc;
    border-bottom: solid 1px #b3b2b2;
    font-size: 16px;
    font-family: 'open_sansbold';
}

.nav-tabs.nav-justified li a:hover {border-top: solid 1px #b3b2b2; border-left: solid 1px #b3b2b2;}

.nav-tabs.nav-justified>li:first-child a {
	border-radius: 20px 0 0 20px;
}

.nav-tabs.nav-justified li:last-child a {
	border-radius: 0 20px 20px 0;
	border-right: 0;
}


.completion-percent {
    color: #60b469;
    font-family: 'open_sansbold';
    font-size: 20px;
    margin: 10px 0 10px 0;
}

.list-group-item.active, .list-group-item.active:focus, .list-group-item.active:hover {
	border-radius: 0;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#b00f05+0,a00e05+100 */
	background: rgb(176,15,5);/* Old browsers */
	background: -moz-linear-gradient(top,  rgba(176,15,5,1) 0%, rgba(160,14,5,1) 100%);/* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(176,15,5,1) 0%,rgba(160,14,5,1) 100%);/* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(176,15,5,1) 0%,rgba(160,14,5,1) 100%);/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b00f05', endColorstr='#a00e05',GradientType=0 );/* IE6-9 */
	border: solid 1px #c6170d;
	font-family: 'open_sansbold';
	font-size: 16px;
}

.form-group {
    margin-bottom: 10px;
}

.panel-body h4 {
    font-family: 'open_sansregular';
	margin-top: 0;
}

a.list-group-item, button.list-group-item {
    color: #555;
    font-size: 16px;
    /*font-family: 'open_sansbold';*/
}

.list-group-item {
	padding: 15px;
}


.panel-body a {
	text-decoration: underline;
	color: #418ac8;
}

.nav>li>a {
	font-family: 'open_sansregular';
	text-decoration: none;
	color: #333;
	background-color: #f3f3f3;
	border: solid 1px #ddd;
}

.nav > li > a:hover,
.nav > li > a:focus {
	background-color: #f3f3f3;
	border: solid 1px #ddd;
	text-decoration: underline;
}

.btn {
    padding: 8px 22px;
	text-decoration: none !important;
    color: #fff !important;
}

.btn-default, .btn-link {
	color: #333 !important;
}

.btn {
	/* adjust btn line height based on opensans font */
	line-height: 1.1; 
}

.btn-primary {
    color: #fff;
    border-color: #2e6da4;
    background: rgb(66,139,202);
    background: -moz-linear-gradient(top, rgba(66,139,202,1) 1%, rgba(60,127,184,1) 100%);
    background: -webkit-linear-gradient(top, rgba(66,139,202,1) 1%,rgba(60,127,184,1) 100%);
    background: linear-gradient(to bottom, rgba(66,139,202,1) 1%,rgba(60,127,184,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#428bca', endColorstr='#3c7fb8',GradientType=0 );
    font-family: 'open_sansbold';
}

.nofloat {
	float: none;
}

.btn-group-lg>.btn, .btn-lg {
	font-size: 16px;	
}

.btn-success {
    color: #fff;
    border-color: #028332;
    background: rgb(0,153,57);
    background: -moz-linear-gradient(top, rgba(0,153,57,1) 0%, rgba(0,139,52,1) 100%);
    background: -webkit-linear-gradient(top, rgba(0,153,57,1) 0%,rgba(0,139,52,1) 100%);
    background: linear-gradient(to bottom, rgba(0,153,57,1) 0%,rgba(0,139,52,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#009939', endColorstr='#008b34',GradientType=0 );
    font-family: 'open_sansbold';
}

.btn-danger {
	font-family: 'open_sansbold';
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#b00f05+0,a00e05+100 */
	background: rgb(176,15,5);/* Old browsers */
	background: -moz-linear-gradient(top,  rgba(176,15,5,1) 0%, rgba(160,14,5,1) 100%);/* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(176,15,5,1) 0%,rgba(160,14,5,1) 100%);/* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(176,15,5,1) 0%,rgba(160,14,5,1) 100%);/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b00f05', endColorstr='#a00e05',GradientType=0 );/* IE6-9 */
	border-color: #960b02;
}

.btn-warning {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f0ad4e+0,db9e47+100 */
	background: rgb(240,173,78); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(240,173,78,1) 0%, rgba(219,158,71,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(240,173,78,1) 0%,rgba(219,158,71,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(240,173,78,1) 0%,rgba(219,158,71,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f0ad4e', endColorstr='#db9e47',GradientType=0 ); /* IE6-9 */
	border-color: #eea236;
	font-family: 'open_sansbold';
}

body .additionalFees .bootstrap-switch {
	border: none;
}

body .additionalFees .bootstrap-switch .bootstrap-switch-handle-off, body .additionalFees .bootstrap-switch .bootstrap-switch-handle-on, body .additionalFees .bootstrap-switch .bootstrap-switch-label {
	font-size: 12px;
	line-height: 14px;
	border: solid 1px #ccc;
}

body .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-primary, body .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-primary {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#61c261+0,58b158+100 */
	background: rgb(97,194,97);/* Old browsers */
	background: -moz-linear-gradient(top,  rgba(97,194,97,1) 0%, rgba(88,177,88,1) 100%);/* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(97,194,97,1) 0%,rgba(88,177,88,1) 100%);/* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(97,194,97,1) 0%,rgba(88,177,88,1) 100%);/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#61c261', endColorstr='#58b158',GradientType=0 );/* IE6-9 */
	border: solid 1px #51a351;
}

body .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-default, body .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-default {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#c6170d+0,a10e05+100 */
background: rgb(198,23,13); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(198,23,13,1) 0%, rgba(161,14,5,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(198,23,13,1) 0%,rgba(161,14,5,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(198,23,13,1) 0%,rgba(161,14,5,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c6170d', endColorstr='#a10e05',GradientType=0 ); /* IE6-9 */
color: #fff;
border: solid 1px #930d05;
}

.additionalFees input.form-control {width: 65px; margin: 0 4px;}
.additionalFees .doNotAccept {font-weight: normal; font-family: 'open_sansregular';}

.logoInfo {margin-top: 10px; font-size: 12px;}
.logoInfo label {font-weight: normal; font-family:'open_sansregular';}
.uploadLogo .thumbnail {margin-bottom: 6px;}
.uploadLogo .deleteLink {text-align: right; display: block;}

.userSignInButton label {margin-left: 10px; float: right; padding-top: 6px;}
#questions p {padding-bottom: 1%;}
.alert-danger {margin-top: 2%;}

.fa-search {color: #555;}
.table .fa-search {text-align: center; display: block;}
.magGlass a {text-decoration: none;}
.clear {clear: both;}
.clientName a {text-transform: capitalize;}

.nav.nav-tabs li.tab-complete a, .nav.nav-tabs li.tab-complete a:hover {color: #fff;/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#6bc86f+0,60b569+100 */  background: rgb(107,200,111); /* Old browsers */  background: -moz-linear-gradient(top,  rgba(107,200,111,1) 0%, rgba(96,181,105,1) 100%); /* FF3.6-15 */  background: -webkit-linear-gradient(top,  rgba(107,200,111,1) 0%,rgba(96,181,105,1) 100%); /* Chrome10-25,Safari5.1-6 */  background: linear-gradient(to bottom,  rgba(107,200,111,1) 0%,rgba(96,181,105,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6bc86f', endColorstr='#60b569',GradientType=0 ); /* IE6-9 */border: none;border-bottom: solid 1px #55a05f;}
.nav.nav-tabs li.tab-complete:nth-of-type(2) {border-left: solid 1px #55a05f; border-right: solid 1px #55a05f;}


.alert-success {margin-top: 2%;}
.caseInfo .clientName {text-transform: capitalize;}
.sendClientUpdate {margin-left: 2%;}
.checkboxArea label {font-weight: normal;}

.max-counter {float: right;font-family: 'Open Sans';}
.has-error .max-counter {color: red;}

.fee_progress{
	background: black none repeat scroll 0 0;
    opacity: 0.80;
    overflow: hidden;
    padding: 10px;
    position: absolute;
    width: 50%;
}

.fee_progress .progress {margin: 0;}

.panel-faq .panel-heading {
	color: #fff;
	cursor: pointer;
	border-color: #2e6da4;
	background: rgb(66,139,202);
	background: -moz-linear-gradient(top, rgba(66,139,202,1) 1%, rgba(60,127,184,1) 100%);
	background: -webkit-linear-gradient(top, rgba(66,139,202,1) 1%,rgba(60,127,184,1) 100%);
	background: linear-gradient(to bottom, rgba(66,139,202,1) 1%,rgba(60,127,184,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#428bca', endColorstr='#3c7fb8',GradientType=0 );
}
	
.panel-faq .panel-body {display: none;}
	

.hideMe {
    -moz-animation: hideAnimation 0s ease-in 5s forwards;
    /* Firefox */
    -webkit-animation: hideAnimation 0s ease-in 5s forwards;
    /* Safari and Chrome */
    -o-animation: hideAnimation 0s ease-in 5s forwards;
    /* Opera */
    animation: hideAnimation 0s ease-in 5s forwards;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}
@keyframes cssAnimation {
    to {
        width:0;
        height:0;
        overflow:hidden;
    }
}
@-webkit-keyframes hideAnimation {
    to {
        width:0;
        height:0;
        visibility: hidden;
    }
}

.payPalBox .form-control {
    height: 38px;
}

#questions-container .form-control {/*height: 38px;*/}
.formFieldSpan {margin: 0 10px;}
.buttonspacer {margin-left: 20px;}
.panel-faq .fa {float: right; padding-top: 5px;}
.cdlCheckbox label {font-weight: normal;}
.attListCitySt {text-transform: capitalize;}
.law-firm-info {transform-style: preserve-3d;}
.priceButton {position: relative; top: 50%; transform: translateY(-50%); padding-right: 0;}
.logoThumb {height: 140px; max-width: 200px;}
.indivAttorneyListing .law-firm-result {text-transform: capitalize;}
.indivAttorneyListing .law-firm-result img {top: 0; transform: unset;margin-right: 3%;width: 25%;float: left;}
.indivAttorneyListing label {margin-right: 15px; white-space: normal;}
.ticketPictureBox label, .additionalInfoBox label {font-weight: normal;}
.reportsTitle {clear: both;}
.infoRight .logo img {max-width: 100%;}
.trashBtn {background: transparent; color: #555 !important; font-size: 18px; padding-top: 0; padding-bottom: 0;}
.searchStatute {margin: 10px 0;}
.searchStatute .ajax-states {margin-right: 1%;}
.newStatuteBox {max-width: 500px;}
.adminSettingsBox {max-width: 500px;}
.adminSettingsBox .feeType label {margin-right: 2%;}
.adminFAQbtns {background: transparent; padding: 0 10px; margin: -5px -10px 0 13px;}
.adminFAQ .panel-heading::after {display: none;}
.adminFAQ .fa-angle-down {display: none !important;}
/*.adminFAQbtns:first-child:after { font-family: FontAwesome; content: "\f107"; float: right;margin: 3px 15px 0 0;}*/
.addFAQbtn {margin: 10px 0;}
.ticket-collapsed .uncollapse-ticket {border: solid 1px #ccc;}
.importantMsgBox {max-width: 600px;}
.evenAddOns {width: 100%;}
.evenAddOns .input-group-addon {width: 35%;}
.featuredon IMG {max-width: 100%; height: auto;}
.csvUpload {margin-top: 29px;}
.attRegTitle {font-family: 'open_sanslight';}
.regLawfirmHeading {font-family: 'open_sansbold';}
.above_header {
	font-size: 20px;
	background: #333232;
	padding: 13px 5px;
	color: #ffffff;
	font-weight: bold;
	text-align: center;
	font-family: open_sanslight;
}


.above_header .fa-times {float: right;margin-right: 2%;font-size: 16px;padding-top: 5px; cursor: pointer;}
.above_header a {white-space: nowrap; color: #fff;font-family: open_sansbold;border-radius: 4px;padding: 5px 8px;font-size: 18px;/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#599cd6+0,4e8fc6+100 */  background: #599cd6; /* Old browsers */  background: -moz-linear-gradient(top,  #599cd6 0%, #4e8fc6 100%); /* FF3.6-15 */  background: -webkit-linear-gradient(top,  #599cd6 0%,#4e8fc6 100%); /* Chrome10-25,Safari5.1-6 */  background: linear-gradient(to bottom,  #599cd6 0%,#4e8fc6 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#599cd6', endColorstr='#4e8fc6',GradientType=0 ); /* IE6-9 */}

.smallLogo {float: left; max-width: 48%; margin-right: 2%;}
.hpForm .glyphicon-calendar {font-size: 18px;}
.contentPage .panel-default, .contentPage .panel-heading {border: none;background: none;box-shadow: none;}
.contentPage .panel-heading {font-family: 'open_sanslight'; font-size: 28px;}
.contentPage .panel-body {margin-top: 0; padding-top: 0;}
.contentPage h2 {font-size: 20px; font-family: 'open_sansbold'; text-transform: uppercase; color: #b10e03;}
.contentPage ul {padding-left: 20px;}
.contentFAQPage .panel-default, .contentFAQPage .panel-heading {border: none; box-shadow: none;}
.contentFAQPage .panel-body .panel-body {border: solid 1px #eaeaea;}
.enter1ticket {color: #b10e03;font-size: 16px;margin-top: 2%;display: block;font-style: italic;}
.ticketSidebar.sticky {position: fixed; top: 1%; right: 1.5%;}
.ticketSidebar {}
.ticketSidebar .btn {display: block; width: 100%; margin-bottom: 2%;}
.indivAttorneyListFirmResult .law-firm-info {width: 70%;}
.addAnotherTicketBtn {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f9f9f9+0,dddddd+100 */
    background: #f9f9f9;/* Old browsers */
    background: -moz-linear-gradient(top,  #f9f9f9 0%, #dddddd 100%);/* FF3.6-15 */
    background: -webkit-linear-gradient(top,  #f9f9f9 0%,#dddddd 100%);/* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  #f9f9f9 0%,#dddddd 100%);/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9f9f9', endColorstr='#dddddd',GradientType=0 );/* IE6-9 */
    color: #2e6da4 !important;
    border: solid 1px #ccc;
}

.profile .ticketSidebar .btn {white-space: normal;}
.profile .ticketSidebar.sticky {max-width: 18%;}
.ina, .zone {padding: 8px 0px 0px 0px;}
.ticketImgUpload .panel {min-height: 195px;}
.profile .addTicketForm .btn {max-width: 30%;}
.removeTicket {text-align: center;}
.upicon {margin-right: 5px;}
.featuredon, .testimonials {
	text-align: center;
	margin: 30px 0;
}
.featuredon h3, .testimonials h3 {
    font-size: 40px;
    color: #000000;
    padding: 0px 0px;
    margin: 20px 0px;
    text-transform: uppercase;
    font-family: 'open_sansbold';
}

.testimonials {
	background-color: #f3f3f3;
	padding: 7px;
}

.testimonials-wrap {
	max-width: 500px;margin: 0 auto;
}

.testimonial-entry blockquote {border:none;}

.testimonial-name {
	text-align: right;
}

.newClientOrSignInPopup h3.big {margin: 0 0 3% 0;}
.newClientOrSignInPopupHeader {background: #f3f3f3; border-radius: 4px 4px 0 0;}
.newClientOrSignInPopup .wrap-signup-form .btn {float: right;}
.newClientOrSignInPopup label {margin-right: 1%;}

.statesCtsFees .text-info {float: right; padding-top: 6px;}
.enterNamePhone input {margin-bottom: 10px;}
.adminAccountsChart {font-size: 13px;}

.not-complete {border-color: red !important;}

.gradient {
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f9f9f9+0,ffffff+100 */
background: #f3f3f3; /* Old browsers */
background: -moz-linear-gradient(top,  #f3f3f3 0%, #ffffff 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #f3f3f3 0%,#ffffff 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #f3f3f3 0%,#ffffff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f3f3f3', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}

.uncollapse-ticket h4 {float: left;}
.collapsedInfoRight {float: right; text-align: right;}
.collapsedInfoRight .fa {padding-left: 5px;}
.collapsedInfoRight .total {color: #29a440; font-weight: bold;}