/*------------------------------------------------------------------

[Custom Stylesheet]

-------------------------------------------------------------------*/

.display-inline {
	display:inline-block;
}

.diplay-inline-block {
	display:inline-block;
}

.displayInlineBlockSpace5Left {
	display:inline-block;
	margin-left: 5px;
}

.displayInlineBlockSpace10 {
	display:inline-block;
	margin-right: 10px;
}

ul.no-bullet {
    list-style: none;
}

.displayInlineBlockSpace25 {
	display:inline-block;
	margin-right: 25px;
}

.displayInlineBlockSpace25Left {
	display:inline-block;
	margin-left: 25px;
}

.fullwidth {
	width:100%;
}

.allCaps { 
	text-transform: uppercase; 
}

.btn.selected {
    background-color: #DD8400;
    color: #ffffff;
    background-image: none;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15) inset, 0 1px 2px rgba(0, 0, 0, 0.05);
    outline: 0 none;
    text-shadow: 1px 1px 1px #292929;
    border-color: #A76E00;
}

.sectionHeader {
	border-bottom:1px solid rgb(238, 238, 238);
	margin-top:20px;
}

.applicationHeaderBar{
    margin-bottom:0px;
}

.no-margin-vertical {
    margin-top: 0px;
    margin-bottom: 0px;
}

.no-margin-bottom {
    margin-bottom: 0px;
}

.marginAutoHorizontalCenter {
	margin: 0 auto 0 auto;
}

/** perspectiveSwitcher **/

.perspectiveSwitcher{
	font-weight: 600;
	margin: 4px 0 0 30px;
	float: left;
	cursor: pointer;
	font-size: 20px;
	color: #999999;
	position: relative;
	width: 202px;
    box-sizing:content-box;
}


.perspectiveSwitcherActive{
	color: #FDB72F;
	padding: 10px;
	border: 1px solid #595959;
	border-bottom: 1px solid #404040;
	background-color: #414141;
}

.perspectiveSwitcher:hover ul,
.perspectiveSwitcher .hover
{
	display:block;
}

.perspectiveSwitcher > ul{
	width: 200px;
	background-color: #3E3E3E;
	position: absolute;
	top: 0;
	left: 0;
	margin: 0px;
	display: none;
	border: 1px solid #595959;
	border-radius: 0px;
	list-style: none inside none;
	float: left;
	z-index: 999;
	box-shadow: 0px 2px 30px 10px #151515;
    padding: 0px;
    box-sizing:inherit;
}
.perspectiveSwitcher > ul > li{
	padding: 10px;
	height: 22px;
	border-top: 1px solid #595959;
	border-bottom: 1px solid #121212;
	cursor: pointer;
    box-sizing:inherit;
}
.perspectiveSwitcher > ul > li.active{
	color:#FDB72F;
}
.perspectiveSwitcher > ul > li:hover{
	background-color: #505050;
}


/** override the navbar styling **/
.navbar .navbar-inner{
	padding:0px;
}
.subnavbar .subnavbar-inner {
  height: auto;
}
.subnavbar .navbar-toggle {
	width: 100%;
	padding: 0;
	margin: 0;
	float: none;
	border: none;

}
.subnavbar .toggle-button{
	float: right;
	margin-right: 15px;
	padding: 9px 10px;
	margin-top: 8px;
	margin-bottom: 8px;
	background-color: transparent;
	background-image: none;
	border: 1px solid transparent;
	border-radius: 3px;
}
.subnavbar .navbar-toggle:hover{
	background-color:#222222;
}
.subnavbar .toggle-button > .icon-bar {
    background-color: #FF9900;
}
.subnavbar .mainnav{
	display:block;
	height: auto;
	margin:0px;
	float:none;
	list-style:none;

}

.subnavbar .mainnav > li{
	border-top:1px solid #595959;
	border-bottom:1px solid #202020;
	margin:0px;
}

.subnavbar .mainnav > li > a:hover,
.subnavbar .mainnav > li > a:focus,
.subnavbar .mainnav > li.open > a,
.subnavbar .mainnav > li.open > a:focus {
	background-color:transparent;
}

.dropdown-submenu {
    position:relative;
}
.dropdown-submenu>.dropdown-menu {
    top:0;
    left:100%;
    margin-top:-6px;
    margin-left:-1px;
    -webkit-border-radius:0 6px 6px 6px;
    -moz-border-radius:0 6px 6px 6px;
    border-radius:0 6px 6px 6px;
}
.dropdown-submenu:hover>.dropdown-menu {
    display:block;
}

.dropdown-submenu>a:after {
	position: absolute;
	right: 10px;
	top: 8px;
	content: " ";
	width: 0;
	height: 0;
	border-color: transparent;
	border-style: solid;
	border-width: 5px 0 5px 5px;
	border-left-color: #cccccc;
}
.dropdown-menu > .active > a:after, 
.dropdown-submenu > .active > a:after{
	border-left-color:#808080;
}
.dropdown-submenu:hover>a:after {
    border-left-color:#ffffff;
}
.dropdown-submenu.pull-left {
    float:none;
}
.dropdown-submenu.pull-left>.dropdown-menu {
    left:-100%;
    margin-left:10px;
    -webkit-border-radius:6px 0 6px 6px;
    -moz-border-radius:6px 0 6px 6px;
    border-radius:6px 0 6px 6px;
}

.dropdown-menu > .active > a,
.dropdown-submenu > .active > a{
	background-color:#ffd89e;
	color:#333;
}
.dropdown-menu > .active > a:hover{
	background-color:#ff9900;
	color:#FFFFFF;
}
.dropdown-submenu:hover > a {
	background-color:#505050;
	color:#FFFFFF;
}

@media (max-width: 767px) {
	.subnavbar .mainnav > li > a {
		padding-top:12px;
		padding-bottom:12px;
	}
	.subnavbar .dropdown-menu {
		padding-left: 20px;
	}
	.navbar-nav .open .dropdown-menu>li>a, .navbar-nav .open .dropdown-menu .dropdown-header {
		padding: 5px 15px 5px 20px;
	}
	.subnavbar .dropdown-submenu > .dropdown-menu > li > a {
		padding-right: 20px;
		padding-left: 20px;
	}
	.dropdown-menu > .active > a,
	.dropdown-submenu > .active > a{
		background-color: #544834;
		color: #ccc;
	}
	.dropdown-menu > .active > a:hover{
		background-color: #ff9900;
		color:#FFFFFF;
	}
	.dropdown-submenu:hover > a {
		background-color:#505050;
		color:#FFFFFF;
	}
}







/** Base Body Styles **/

.account-container {
	width: 380px;
	display: block;
	margin: 60px auto 0 auto;
	background: #f9f9f9;
	border: 1px solid #d5d5d5;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

.content {
	padding: 16px 28px 23px;
}

.login-fields {
}

.login-fields .field {
    height: 40px;
	margin-bottom: 1.25em;
}

.login-fields label {
	display: none;
}

.login-fields input {
	font-family: 'Open Sans';
	font-size: 13px;
	color: #8e8d8d;
	padding: 0px 15px 0px 53px;
	background-color: #fdfdfd;
	display: block;
	margin: 0;
    height: 100%;
	box-shadow: inset 2px 2px 4px #f1f1f1;
}

.two-factor-fields {
	margin-top: 30px;
}

.two-factor-details {
	margin-left: 20px;
}

.two-factor-h1 {
	line-height: 45px;
}

.two-factor-qr-image {
	display: block;
	width: 150px;
	height: 150px;
	margin: 0px 85px;
	text-align:center;
	position:absolute;
}

.two-factor-qr-image-loading {
	height: 150px;
    display: block;
    padding-top: 60px;
    	text-align:center;
}

.two-factor-qr-holder {
	text-align: center;
	margin-top: -10px;
}

.two-factor-fields .field {
    height: 40px;
	margin-bottom: 1.25em;
}

.two-factor-fields label {
	display: none;
}

.two-factor-fields input {
	font-family: 'Open Sans';
	font-size: 13px;
	color: #8e8d8d;
	padding: 0px 15px 0px 53px;
	background-color: #fdfdfd;
	display: block;
	margin: 0;
    height: 100%;
	box-shadow: inset 2px 2px 4px #f1f1f1;
}

.top-margin-error {
	margin-top: 15px;
}

.two-factor-reset-pop-up-text {
	width: 370px;
	margin-bottom: 30px;
}

.popup-button-holder {
	text-align: right;
}

.btn-float-padding {
	margin-left: 20px;
}

.username-field { background: url(../base20/img/signin/user.png) no-repeat; }

.password-field { background: url(../base20/img/signin/password.png) no-repeat; }

.login-actions {
	float: left;
	width: 100%;
	margin-top: -1em;
	margin-bottom: 1.25em;
}

.login-social {
	float: left;
	padding: 10px 0 15px;
	border: 1px dotted #CCC;
	border-right: none;
	border-left: none;
}

span.login-checkbox {
	float: left;
	margin-top: 31px;
}

span.login-checkbox > input[type='checkbox'] {
    opacity: 0;
    float: left;
    width: 15px;
}

span.login-checkbox > input[type='checkbox'] + label {
    clear: none;
	height: 15px;
	display: block;
    padding: 0 0 0 22px;
    margin: 0;
    font-size: 12px;
    line-height: 1.2em;
    background: url(../base20/img/signin/check.png) no-repeat 0 0;
    cursor: pointer;
}

span.login-checkbox > input[type='checkbox']:checked + label {
	background-position: 0 -15px;
}


/** Text Under Box**/
.login-extra {
	display: block;
	width: 300px;
	margin: 1.5em auto;
	text-align: center;
	line-height: 19px;
	text-shadow: 1px 1px 0px #fff;
}

/* moved to whitelabel/passport/whitelabel.css
.account-container h1 {
	margin-bottom: .4em;
	color: #f90;
}
*/

/** Buttons **/
.twitter, .fb {
	position: relative;
	height: 32px;
	width: 157px;
	display: block;
	background: url(../base20/img/signin/twitter_btn.png) no-repeat;
}

.fb {
	width: 162px;
	background: url(../base20/img/signin/fb_btn.png) no-repeat;
}

.twitter:active, .fb:active {
	top: 1px;
}

.twitter:hover, .fb:hover {
	background-position: 0 -32px;
}

.twitter a, .fb a {
	padding: 5px 0 0 35px;
	text-shadow: -1px -1px 0px rgba(0,0,0,.3);
	color:#fff;
	font-weight: bold;
	font-size: 11px;
	height: 32px;
	display: block;
}

.fb a {
	padding: 5px 0 0 31px;
}

.twitter, .fb {
	display: inline-block;
}

.twitter a:hover, .fb a:hover {
	color: #fff;
	text-decoration: none;
}

.button {-webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; display: inline-block; float: right; margin-top: 18px;}

.register .login-social {
	margin-bottom: 1em;
}

.register .login-actions {
	margin-bottom: 0;
}

.register .login-fields input {
	width: 299px;
	padding-left: 6px;
}

.register h1 {
	color: #444;
}

.register span.login-checkbox {
	position: relative;
	top: -6px;
	width: 200px;
}

.register span.login-checkbox > input[type="checkbox"] + label {
	position: relative;
	line-height: 1.3em;
}

.backloginlogo {
  background: #e9e9e9 url(../base20/img/tiny_grid.png) repeat 0 0;
}

@media (max-width: 480px) {

	.account-container {
		margin-top: 35px;
	}

	.login-social {
		width: 100%;
	}

	.twitter {
		display: block;
		margin-bottom: 1em;
	}

	.register .login-fields input {
		width: 204px;
		padding-left: 6px;
	}

}


/*------------------------------------------------------------------
[Stats / .stats]
*/

.stats {
	width: 100%;
	display: table;
	padding: 0 0 0 10px;
	margin-top: .5em;
	margin-bottom: 1.9em;
}

.stats .stat {
	display: table-cell;
	width: 40%;
	vertical-align: top;
	font-size: 11px;
	font-weight: bold;
	color: #999;
}

.stat-value {
	display: block;
	margin-bottom: .55em;
	font-size: 30px;
	font-weight: bold;
	letter-spacing: -2px;
	color: #444;
}

.stat-time {
	text-align: center;
	padding-top: 1.5em;
}

.stat-time .stat-value {
	color: #F90;
	font-size: 40px;
}

.stats #donut-chart {
	height: 100px;
	margin-left: -20px;
}


/*------------------------------------------------------------------
[News Item / .news-items]
*/

.news-items {
	margin: 1em 0 0;
}

.news-items li {
	display: table;
	padding: 0 2em 0 1.5em;
	padding-bottom: 1em;
	margin-bottom: 1em;
	border-bottom: 1px dotted #CCC;
}

.news-items li:last-child { padding-bottom: 0; border: none; }

.news-item-date {
	display: table-cell;
}

.news-item-detail {
	display: table-cell;
	width: 100%;
}

.news-item-title {
	font-size: 13px;
	font-weight: 600;
}

.news-item-date {
	width: 75px;
	vertical-align: middle;
	padding-left:10px;
	text-align: right;
}

.news-item-day {
	display: block;
	margin-bottom: .25em;
	font-size: 24px;
	color: #888;
}

.news-item-preview {
	margin-bottom: 0;
	color: #777;
}

.news-item-month {
	display: block;
	padding-right: 1px;
	font-size: 12px;
	font-weight: 600;
	color: #888;
}


/*------------------------------------------------------------------
[Action Table / .action-table]
*/

.action-table .btn-small {
	padding: 4px 5px 5px;
	font-size: 10px;
}

.action-table .td-actions {
	width: 80px;
	text-align: center;
}

.action-table .td-actions .btn {
	margin-right: .5em;
}

.action-table .td-actions .btn:last-child {
	margin-rigth: 0;
}

@media (max-width: 979px) {
}

@media (max-width: 480px) {

	.stats .stat {
		margin-bottom: 3em;
	}

	.stats .stat .stat-value {
		margin-bottom: .15em;
		font-size: 20px;
	}

	.stats {
		float: left;
		display: block;
		margin-bottom: 0;
	}

	#chart-stats {
		margin: 2em 0 1em;
	}

}


/* monitor widget columns */
.label-Paid-Free {
	background-color: blue;
}
.label-Unpaid-Occupied {
	background-color: red;
}
.pp-MonitorWidget-listCell-Active, .pp-MonitorWidget-listCell-Expiration {
  text-align: center;
  font-weight:bold;
}

.pp-MonitorWidget-listCell-Active {
  color: #468847;
  border: 1px solid #468847;
}
.pp-MonitorWidget-listCell-Expiration {
  color: #F89406;
  border: 1px solid #F89406;
}
.pp-MonitorWidget-listCell-Paid-Free {
  color: blue;
  border: 1px solid blue;
}
.pp-MonitorWidget-listCell-Unpaid-Occupied {
  color: red;
  border: 1px solid red;
}


/*gridviews in monitor widget */

.pp-MonitorWidget-gridCell-InActive, .pp-MonitorWidget-gridCell-Expiration, .pp-MonitorWidget-gridCell-Active,
.pp-MonitorWidget-gridCell-Paid-Free, .pp-MonitorWidget-gridCell-Unpaid-Occupied {
    display: block;
    float: left;
    height: 3em;
    margin: 0.5em;
    width: 6em;
    text-align:center;
}
.pp-MonitorWidget-gridCell-InActive {
    border: 1px dotted black;
}
.pp-MonitorWidget-gridCell-Expiration {
	border: 1px solid #F89406;
}
.pp-MonitorWidget-gridCell-Active {
	border: 1px solid #468847;
}
.pp-MonitorWidget-gridCell-Paid-Free {
	border: 1px solid blue;
}
.pp-MonitorWidget-gridCell-Unpaid-Occupied {
	border: 1px solid red;
}


/* events feeds css */

.pp-InfiniteScroll {
     border: 1px solid #CCCCCC;
     height: 500px ! important;
     text-align: left;
}

.pp-EventFeed-EventContainer {
     border-bottom: 1px dotted green;
     clear: both;
    /* height: 50px;*/
     padding: 8px;
     background-color:white;
     color:black;
}

.pp-EventFeed-DayMarkContainer {
     background: url("../base20/img/tiny_grid.png") repeat scroll 0px 0px #E9E9E9;
     clear: both;
     color: black;
     font-weight: bold;
     height: 15px;
     padding: 4px;
}

.pp-EventFeed-EventImage {
     float: left;
     margin-right: 5px;
}

.pp-EventFeed-EventTitle {
     font-weight: bold;
}

.pp-EventFeed-EventVenue {
     float: left;
     margin-right: 5px;
}

.pp-EventFeed-EventTime {
     color: #F59433;
     float: right;
     margin-left: 20px;
     margin-right: 5px;
}


/* link hover styling */

a,
.cursor-pointer{
	cursor: pointer;
	cursor: hand;
}


/* image fix canvas images */

.mapcanvasfix img {
	max-width: none !important;
	height: auto !important;
	background: none !important;
	border: 0 !important;
	margin: 0 !important;
	padding: 0 !important;
}

.mapcanvasfix label {
	width: auto;
	display: inline;
}

.form-inline>.gwt-CheckBox>input {
	margin-top: -2px;
}


/* parker history active session */

.pp-ParkerHistory-activeSessionRow {
	border-left: 4px solid green !important;
}


/* General */
.spacer1			{ height:1px; clear:both; }
.spacer2			{ height:2px; clear:both; }
.spacer3			{ height:3px; clear:both; }
.spacer5			{ height:5px; clear:both; }
.spacer10			{ height:10px; clear:both; }
.spacer15			{ height:15px; clear:both; }
.spacer20			{ height:20px; clear:both; }
.spacer25			{ height:25px; clear:both; }
.spacer30			{ height:30px; clear:both; }
.spacer40			{ height:40px; clear:both; }
.spacer50			{ height:50px; clear:both; }

.width600			{ width:600px;}

.fontSize12			{ font-size:12px;}

.tdPadding5 td		{ padding:5px !important;}

.floatLeft			{ float:left; }
.floatRight			{ float:right; }

.displayInlineBlock { display:inline-block;}
.displayInline		{ display:inline;}
.displayNone 		{ display:none;}

.table-no-padding table:not(.table) > tbody > tr > td	{ padding:0 !important; }

.default_cursor					{ cursor:auto !important; }
.default_cursor tbody tr		{ cursor:auto !important; }
.pointer_cursor					{ cursor:pointer !important; }
.pointer_cursor tbody tr		{ cursor:pointer !important; }
.pointer_cursor thead tr		{ cursor:pointer !important; }

.fixed_width140			{ width:140px; }
.never_underline		{ text-decoration:none !important; }

.no_bottom_margin		{ margin-bottom:0px !important; }
.no_bottom_border		{ border-bottom:0px solid white !important; }
.marginLeft15			{ margin-left:15px !important; }
.marginLeft5			{ margin-left:5px !important; }
.marginRight100			{ margin-right:100px !important; }
.marginRight20			{ margin-right:20px !important; }
.marginRight10			{ margin-right:10px !important; }
.marginRight5			{ margin-right: 5px !important; }
.marginTop15			{ margin-top:15px !important; }
.marginTop4				{ margin-top:4px !important; }
.marginTop3				{ margin-top:3px !important; }
.marginTopNeg5			{ margin-top:-5px !important; }
.noMargin 				{ margin:0px !important;}

.padding15				{ padding:15px;}

.textCenter				{ text-align:center !important; }
.textGray				{ color:gray; }
.textBold				{ font-weight:bold;}

.no_text_shadow th		{ text-shadow:none !important; }

.form-error				{ border-color:rgba(256, 128, 128, 0.8) !important; box-shadow:0px 1px 1px rgba(0, 0, 0, 0.075) inset, 0px 0px 8px rgba(256, 128, 128, 0.6) !important; outline:0 none !important; transition:none !important; }
.popupInstructions		{ text-align:center; margin-bottom:20px; width:320px; }
.dividerLine			{ height:1px; width:auto; display:block; border-top:1px solid gray; }
.dividerLineLight		{ height:1px; width:auto; display:block; border-top:1px solid #E0E0E0; }

.italic					{ font-style:italic;}

.fillWidth 								{ min-width:100%; height:auto;}
.fillHeight 							{ min-height:100%; width:auto;}

.grayPopupPanelGlass 		{ background: none repeat scroll 0 0 #333333; opacity: 0.4;}

/* AddNewTicket */
.antSelectWidth						{ width:285px; }
.remove_error_arrow:after			{ border-bottom:0px !important; }

/* Edit Ticket */
.editticket span.error { color: #B94A48; font-size: 11px; font-weight: 600; position: relative; top: 5px; padding: 4px 8px; margin-bottom: 1em; color: #FFF; background: #B94A48; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.35); }

/* TicketInformationView */
.topspacer40 { margin-top:40px; }
.note_divider { border-top: 1px solid rgb(221, 221, 221); margin-top: 3px; }
.note_details { font-size:10px; text-align:left; color:grey; margin-bottom:10px; }
.note_details .note_creation_details	{ display:inline-block; }
.visible_to_violator_holder 		{ float:right; display:inline-block; color:grey; font-size:10px;}
.visible_to_violator_holder .checkbox	{ padding-left:0px !important;}
.visible_to_violator_holder label	{ display:none;}
.visible_to_violator_holder .vislabel	{ float:left; display:inline-block !important; margin-right:3px;}
.visible_to_violator_holder input	{ float:left; display:inline-block; margin-top:6px !important; margin-left:0px !important;
									  -ms-transform: scale(0.8); /* IE */ -moz-transform: scale(0.8); /* FF */ -webkit-transform: scale(0.8); /* Safari and Chrome */ -o-transform: scale(0.8); /* Opera */ transform: scale(0.8); }

.partial_payment			{ }
.partial_payment .date		{ font-size:10px; text-align:right; color:grey; margin-right:20px; display:inline-block; font-weight:normal;}
.partial_payment .amount	{ display:inline-block; padding:4px 0px; color:red;  }
.partial_payment_remaining	{ display:inline-block; width:auto; border-top:1px solid #DDDDDD; padding-top:4px; }

/* ZoneInformationView */
.pp-ZoneLookup-Table		{ width:100%; }
.pp-ZoneLookup-Table tr		{ cursor:pointer; }
.pp-ZoneLookup-Table tr td	{ border:0 solid #FFFFFF; }

.zoneInformationView .big				{ font-size:110%;}
.zoneInformationView .gray				{ color:gray;}
.zoneInformationView .underline			{ text-decoration:underline;}
.zoneInformationView .sameWidth			{ width:105px; display: inline-block;}
.zoneInformationView .ital				{ font-style:italic;}
.zoneInformationView .page-header		{ margin:0px; margin-bottom:15px; padding-bottom: 10px;}
.zoneInformationView .margin-left		{ margin-left:15px;}
.zoneInformationView .topCol1			{ width:45%; float:left;}
.zoneInformationView .topCol2			{ width:45%; float:right;}
.zoneInformationView .botCol1			{ width:30%; float:left;}
.zoneInformationView .botCol2			{ width:30%; border-left:1px solid red; padding-left: 1em; float:left;}
.zoneInformationView .botCol3			{ width:30%; border-left:1px solid red; padding-left: 1em; float:left;}

/* Reports */
.rFixBMargin .form-group				{ margin-bottom:0px;}
.rPaddingTopBot							{ padding:10px 0px;}
.rMarginBotFix							{ margin-bottom:5px !important;}
.rDownloadLink							{ margin-left:20px; margin-top:5px; float:right;}

/* Payments Report */
.prFixBMargin .form-group            { margin-bottom:0px;}
.prPaddingTopBot                        { padding:10px 0px;}
.prMarginBotFix                         { margin-bottom:5px !important;}
.prMinHeight							{ min-height:50px;}

/* DialogBox Draggable Fix */
.dialogTop .dialogTopCenter				{ cursor:move; left:0px; padding:0; position:absolute; top:0; z-index:101; height:42px; }

/* Manage Citations */
.mcIssueDateCol							{ width:147px; }
.mcStatusCol							{ width:120px; }
.mcActionCol							{ text-align:center !important; }
.mcActionCol input						{ margin:0px !important; }
.manage_citations_notes_check			{ background: url(../images/check.png) no-repeat; background-size:14px 14px; height:14px; width:14px; display:inline-block; text-align:center;}
.manage_citations_notes_check_holder div	{ text-align:center;}
.mcPaymentPlanCol							{ width:190px; }

/* Quick Entry */
.quick_entry_question_mark_icon			{ background: url(../images/question_mark.png) no-repeat; background-size:25px 25px; height:25px; width:25px; margin-top:3px; float:left; margin-right:45px; cursor:pointer; display:inline-block; }
.quick_entry_start_batch_spacer         {margin-left:10px;}

/* Add/Edit Violation Type */
.violationLetterArea					{ width:210px; text-align:left;}
.violationLetterArea span				{ display:block; margin-bottom:5px; float:left;}
.violationLetterArea span label			{ display:inline-block; margin-left:10px;}
.violationLetterArea span input			{ vertical-align:text-top;}
.violationLetterArea a					{ background: url(../images/contractIcon24.png) no-repeat; background-size:20px 20px; height:20px; width:20px; cursor:pointer; display:inline-block; float:right; margin-left:10px; margin-top: 3px;}

/* Event Summary Report */
.audit_datetimes						{ float:right; color:gray; font-size:12px; display:inline-block; }
.no_table_bottom_margin 				{ margin-bottom:0px !important; }
.float_left_ERW							{ float:left; display:inline-block; }
.operatoruser_on_image					{ display:inline-block; font-size:10px; color:gray; width:130px; text-align:center; overflow:hidden; height:21px;}
.datecreated_on_image					{ display:inline-block; font-size:10px; color:gray; width:130px; text-align:center; overflow:hidden; height:21px;}
.timeEntry_control						{ display:inline !important;}
.fixedWidthEventImage					{ width:130px !important; margin-left:15px !important;}
.pageFloatLeft							{ float:left; display:inline-block;}
.showAllTransactionsLink				{ float:right; display:inline-block;}

/* Letters And Collections */
.lacOperatorName						{ float:left; font-size:18px; font-weight:bold; }
.lacOperatorAddress						{ float:left; }
.lacChangeAddressButton					{ float:left; margin-left:5px; color:#808080; margin-top:4px; cursor:pointer; }
.lacTotalCountsContainer				{ float:right; font-size:18px; }
.lacTotalViolationTypes					{ float:right; color:gray; }
.lacIcon								{ display:inline-block; cursor:default; margin-left:5px; }
.lacMoneyIcon							{ display:inline-block; cursor:default; margin-left:0px; }
.lacNoAddress							{ color:red; font-style:italic; }
.lacTotalCountLabel						{ display:inline-block; }
.lacTotalCountsSubContainer				{ display:inline-block; margin-right:30px; }
.lacTotalCountsSubContainerLast			{ display:inline-block; }
.lacGlobalActionsContainer				{ display:inline-block; padding:15px 0px; border-top:1px solid #DDDDDD; border-bottom:1px solid #DDDDDD; width:100%; text-align:center; }
.lacGlobalActionButton					{ display:inline-block; margin:0px 10px; font-size:11px; }

.vtName 								{ float:left; display:inline-block; margin-right:10px; font-size:16px; }
.vtFee 									{ float:left; display:inline-block; color:gray; font-size: 10px; }
.vtIconHolder 							{ float:left; display:inline-block; color:gray; margin-left:10px; margin-right:10px; }
.vtDivider 								{ border-top: 1px solid #DDDDDD; border-bottom:1px solid #EEEEEE; width:100%; height:0px; }
.vtCountsContainer						{ float:right; }
.vtCountsSubContainer					{ display:inline-block; margin-right:30px; }
.vtCountsSubContainerLast				{ display:inline-block; }
.vtCountLabel							{ display:inline-block; }
.vtIconForType							{ display:inline-block; cursor:default; }
.vtIcon									{ display:inline-block; cursor:default; margin-left:5px; }
.vtVLContainer							{ display:inline-block; float:left; }
.vtCContainer							{ display:inline-block; float:right; }
.vtLabelOn								{ display:inline-block; color:green; }
.vtLabelOff								{ display:inline-block; color:red; }
.vtLabel								{ display:inline-block; }
.vtChangeLookupButton					{ margin-left:5px; color:#808080; margin-top:4px; cursor:pointer; }
.vtChangeCollectionsButton				{ margin-left:5px; color:#808080; margin-top:4px; cursor:pointer; }
.vtAddLetterButton						{ margin-left:5px; color:#808080; margin-top:4px; cursor:pointer; display:inline-block; }
.vtDeleteLetterLink						{ margin-left:10px; }

.vtLetterTable							{ font-size:11px; width: 790px; margin-left: 50px; }
.vtLetterTable th						{ bottom-border: 1px solid #DDDDDD; color:#333333; padding:0px 5px; text-shadow: none; }
.vtLetterTable td						{ padding:5px; border:0px solid white !important; }
.vtLetterTable tr						{ background-color:white !important; }
.vtLetterTable tr:hover					{ background-color:white !important; }

.cvlLabel								{ display:inline-block; width:100px; }
.eoaLabel								{ display:inline-block; width:75px; }
.eoaMarginRight							{ margin-right:15px; }
.eoaError								{ width:295px; text-align:center; color:red; height:22px; font-size:11px; }

.actionCell								{ margin-right:10px; cursor:pointer; color:#0088CC; }
.actionCell:hover						{ color:#005580; }
.deleteLetterCell						{ margin-left:0px; }

.viewTemplatesHolder					{ min-height: 70px; min-width: 300px; }
.viewTemplateMessage					{ text-align:center; margin-top:20px; }
.templateAnchor							{ display:block; }
.templateAnchorP1						{ display:inline-block; width:150px; }
.templateAnchorP2						{ display:inline-block; }

/* Violation Settings Dialog */
.violationSettingsHolder								{ border:1px solid #E0E0E0; padding:15px;}
.violationSettingsHolder .enabledIndicator				{ margin-right:10px; float:left; display:inline-block; height:15px; width:15px; background-image: url("../images/green_circle.png"); margin-top:3px;}
.violationSettingsHolder .disabledIndicator				{ margin-right:10px; float:left; display:inline-block; height:15px; width:15px; background-image: url("../images/red_circle.png"); margin-top:3px;}
.violationSettingsHolder .settingsLabel					{ float:left; display:inline-block; }
.violationSettingsHolder .btn							{ float:right; display:inline-block; font-size:10px !important; padding:0 10px !important; }
.violationSettingsHolder .helpMessage					{ color:gray; font-size:11px; margin-left:25px; margin-top:-1px;}
.confirmAreaHolder .btn									{ float:none; }
.confirmAreaHolder .buttonHolder						{ display:inline-block; height:25px; }
.confirmAreaHolder .loader								{ display:inline-block; height:16px; width:16px; background-image: url("../images/loading2.gif");  }
.violationSettingLink									{ display:inline-block; float:right;}

.newBlackListForm { width:500px; margin-top:10px; margin-bottom:30px; }
.newBlackListForm div { width:100%; margin-bottom:10px; clear:both; }
.newBlackListForm input { float:right; }
.newBlackListForm select { float:right; }
.viewPermitContainer .editPermitData { text-align: right; height:inherit; margin:0px; margin-left:8px; border:none; padding:0px; background-color:#EEE; padding-right:8px; box-sizing:border-box; font-size:13px; font-weight:bold; }
.viewPermitContainer .editPermitDataError { text-align: right; height:inherit; margin:0px; margin-right:8px; border:none; padding:0px; padding-left:8px; padding-right:8px; box-sizing:border-box; font-size:13px; font-weight:bold; }
.viewPermitContainer .editPermitDataApproval { text-align: right; height:inherit; margin:0px; padding:0px; background-color:#FFF; font-size:13px; border-style:solid; border-width:1px; border-color:#CCCCCC;}
.height150 { height: 150px !important; }
.permitMessageToLine {width: 100%;}

/* Custom Widgets */
/*TODO: Remove this class:actionColumnCell; */
.actionColumnCell div span button{
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background-repeat: repeat-x;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    border-image: none;
    border-radius: 4px;
    border-style: solid;
    border-width: 1px;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset, 0 1px 2px rgba(0, 0, 0, 0.05);
    color: #333333;
    cursor: pointer;
    display: inline-block;
    margin-bottom: 0;
    text-align: center;
    text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
    vertical-align: middle;
    background-color: #ED940F;
    color: #FFFFFF;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    margin:0px 5px;
    font-size:12px;
    padding:2px 6px;
}
.actionColumnCell div span button:hover	{ background-position: 0 -15px; background-color: #D17D00; text-decoration: none; transition: background-position 0.1s linear 0s;}
.cellTableHiddenColumn { display: none; }
.dialogTitlePad							{ font-weight: bold; padding-left: 10px; padding-right: 10px;}
.dialogBtnRPad							{ margin-right: 10px;}

/* Approve Violators */
.av_remaining							{ display:inline-block; float:left;}
.remaining_inline_label					{ display:inline-block;}
.remaining_inline_label_margin			{ display:inline-block; margin-left:5px;}
.av_refreshHolder						{ display:inline-block; float:right; margin-top:-5px;}
.av_questionmark						{ display:inline-block; float:right; margin-left:15px; cursor:pointer; margin-top:-5px; width:30px; height:30px;}
.av_info_small						    { display:inline-block; float:right; margin-left:15px; cursor:pointer; margin-top:8px; width:10px; height:10px;}
.av_loader								{ display:inline-block; float:right; margin-right:15px;}
.av_loader img							{ display:inline-block; height:15px; width:120px;}
.av_infoMainBoxHolder					{ display:inline-block; float:left; width:600px;}
.av_infoImageBoxHolder					{ display:inline-block; float:right; }
.av_infoBoxHolder						{ display:inline-block; padding:10px; border:1px solid gray;}
.av_infoBoxTitle						{ font-weight:bold; font-size:16px;}
.av_infoBoxAttribute					{ display:inline-block;}
.av_infoBoxAttributeKey					{ width:80px; display:inline-block;}
.av_infoBoxAttributeValue				{ width:200px; display:inline-block;}
.av_infoBoxAttributeLongValue			{ width:480px; display:inline-block;}
.av_infoBoxAttributeFullWidthValue		{ width:578px; display:inline-block;}
.av_infoImageBoxSubHolder				{ float:right; margin-left:15px; width:75px;}
.av_skipButton							{ width:600px; }
.av_big_image							{ display:inline-block; width:400px; height:225px; border:1px solid gray; vertical-align: top; overflow:hidden; }
.av_sub_image							{ display:inline-block; margin-bottom:4px; width:70px; height:70px; border:1px solid gray; vertical-align: top; overflow:hidden; }
.av_popup_width							{ width:400px; color:#555555;}

.lookupViolatorWidget					{ display:inline-block; margin:15px; border:1px solid gray; vertical-align:top;}
.lvw_title								{ font-weight:bold; font-size:16px; padding:10px;}
.lvw_holder								{ display:inline-block; width:350px; font-size:12px;}
.lvw_subtitle_holder					{ display:inline-block; background-color:#CCCCCC; width:100%; border-top: 1px solid #808080; border-bottom: 1px solid #808080;}
.lvw_subtitle_holder_top				{ border-top:0px solid #808080 !important;}
.lvw_subtitle							{ display:inline-block; padding:5px;}
.lvw_row_holder							{ display:inline-block; border-top:1px solid gray; border-bottom:1px solid gray; float:left;}
.lvw_row_holder_key						{ background-color:#e5e5e5;}
.lvw_row1								{ display:inline-block; width:65px; padding:5px; border-right:1px solid #CCCCCC; float:left;}
.lvw_row2								{ display:inline-block; width:126px; overflow:hidden; padding:5px; float:left;}
.lvw_row3								{ display:inline-block; width:127px; overflow:hidden; padding:5px; border-left:1px solid #CCCCCC; float:right;}
.lvw_row23								{ display:inline-block; width:264px; overflow:hidden; padding:5px; float:right;}
.lvw_matchingRow						{ background-color:#e5ffe5;}
.lvw_acceptButton						{ display:inline-block; width:320px;}
.lvw_noMarginRight						{ margin-right:0px !important;}

/* Manual Appeal Popup */
.manualAppealHearingDate				{ width:95px;}
.manualAppealHearingTime				{ margin-left:0px !important; width:95px;}
.manualAppealScheduleRB					{ display: inline-block; margin-right: 35px;}

/* Other */
.form-horizontal .form-group .form-inline:not(:last-child) { margin-bottom: 10px; }
.simulateAnchorTag						{ color:#0088CC; text-decoration:none; cursor:pointer;}
.simulateAnchorTag:hover				{ color:#005588;}
.ppConfirmHeader						{ color:#333333; font-weight:normal; }

.truncate-label							{ display: inline-block; width: 150px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.ajax-loader							{ display: block; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; }
.ajax-loader-container					{ display: block; height: 50px; position: relative; }
.gwt-DialogBox                          { z-index: 1001; }
.glass-style 							{ position: fixed; top: 0px; left: 0px; opacity: 0.5; background-color: rgb(0, 0, 0); height: 995px; width: 100%; z-index:1000;}
.userdeflabel 							{ font-size: 14px; font-weight: normal; line-height: 20px; display: block; margin-bottom: 5px; }
.visibleToViolatorLabel					{ float:left; display:inline-block; margin-right:5px;}
.visibleToViolatorCheckbox				{ float:left; display:inline-block;}
.visibleToViolatorCheckbox				{ float:left; display:inline-block;}
.visibleToViolatorCheckbox label		{ display:none;}
.visibleToViolatorCheckbox input		{ margin-top:0px !important;}
.recentSearchPanel						{ padding: 8px; color: #2c86ed; }
.recentSearchPanel:hover				{ text-decoration: underline; cursor: pointer; }

/* modal */
.pp-modal {
     border-radius: 5px 5px 5px 5px;
     border: 1px solid #A0A0A0;
     box-shadow: 1px 1px 10px 4px rgba(0, 0, 0, 0.3);
     clear: both;
     margin-bottom: 2em;
     overflow: hidden;
     position: relative;
     width: auto;
     background-color:#FFF;
}

.pp-modal .modal-body {
     background: none repeat scroll 0px 0px #FFFFFF;
}
.pp-modal .modal-body-padding{
	padding:10px;
}

.pp-modal .modal-header h1, .modal-header h2, .modal-header h3, .modal-header h4, .modal-header h5, .modal-header h6 {
     color: #FFFFFF;
     margin-bottom: 0px;
}

.table_row_highlight {
	outline: thin solid black;
}

.table_row_true_highlight {
	background-color: #fcf8e3 !important;
}

.table_row_red_highlight {
	background-color: #F26F6F;
}

.table_row_green_highlight {
	background-color: #1CD44A;
}

.table_row_blue_highlight {
	background-color: #39A3FA;
}

.table_row_grey_highlight {
	background-color: #ABB9C4;
}

.img-thumbnail {
	padding: 2px;
	background-color: #fff;
	border: 1px solid #ddd;
	border-radius: 2px;
	display: inline-block;
}

.btn-like-link {
	background: none!important;
	border: none;
	padding: 0!important;
	color: #2c86ed;
	text-decoration: none;
	cursor: pointer;
	outline: none;
}
.btn-like-link:hover {
	text-decoration: underline;
}




/******************* Styles overridden for PPSelect *******************/

div.pq-select-button{
	width: 100% !important;
    line-height: 25px;
    background: none;
    height: auto;
}
.pq-select-button > .ui-icon{
    position: relative;
    top: 5px;
}
.pq-select-single .pq-select-item-text{
    margin-bottom: -3px;
}
.pq-select-all{
    margin: 0px;
    padding: 1px;
}
.pq-select-search-div{
    border:none;
    margin-bottom: 0px;
    margin-top: 2px;
    padding:0px 2px;
}
.pq-select-search-input{
    padding: inherit;
    border-width:inherit;
    width: 100%;
	min-height: 30px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.pq-select-search-div > .ui-icon{
    display: none;
}
div.pq-select-menu > .pq-select-option-label{
    padding: 2px;
    border:none;
}
.pq-select-option-label > input, .pq-select-all > input{
	top: inherit;
	margin: -2px 3px 0px 2px;
}
.pq-select-item{
    margin-right: 5px;
}
.pq-select-popup label.pq-state-hover{
    background: #e0e0e0;
    border:none;
}
.pq-select-option-label.ui-state-highlight{
	background: #b0b0b0;
	color: #000000;
}
.pq-select-option-label.ui-state-highlight.pq-state-hover{
	background: #c0c0c0;
}

.pq-select-all.ui-widget-header {
	background: #d0d0d0;
	color: #606060;
	border-color:#b0b0b0;
}
.pq-select-button.ui-state-active,
.pq-select-button.ui-state-hover {
	border: 1px solid #ccc !important;
}

.pq-select-text,
.pq-select-item-text
{
	color: #000;
	max-width: 100% !important;
	font-weight: normal;
}
.pq-select .ui-icon,
.pq-select-item .ui-icon,
.pq-select-button .ui-icon,
.pq-select-popup-cont .ui-icon{
	background-image: url("./ui-lightness/images/ui-icons_222222_256x240.png");
}

.pq-select-single .pq-select-text,
.pq-select-single .pq-select-item-text{
	overflow: inherit;
    text-overflow: inherit;
    white-space: inherit;
}

/******************* End of Styles for PPSelect *******************/


/******************* Start of Styles for Sequencer *******************/
.sequencer{

}
.sequencer.sequencerHero{
    border:1px solid #e0e0e0;
    background-color:#ffffff;
    margin:20px;
    box-shadow: 1px 2px 14px #202020;
    padding:10px;
}
.sequencerHero .sequencerTitle{
    font-weight: 600;
    font-size: 20px;
    line-height: 23px;
    padding: 13px;
    margin: 0px 0px 20px 0px;
    border-bottom: 1px solid #f0f0f0;
    background-color: #292929;
    color: #f0f0f0;
}
.sequencer .sequencerTitle{}
.sequencer .sequencerInfo{}
.sequencer .sequencerContent{}

/******************* End of Styles for Sequencer *******************/

.bs-docs-example:after {
	background-color: #F5F5F5;
	border: 1px solid #DDDDDD;
	border-radius: 4px 0;
	color: #9DA0A4;
	content: "Notes";
	font-size: 12px;
	font-weight: bold;
	left: -1px;
	padding: 3px 7px;
	position: absolute;
	top: -1px;
}

.bs-docs-example {
	background-color: #FFFFFF;
	border: 1px solid #DDDDDD;
	border-radius: 4px;
	margin: 15px 0;
	padding: 39px 19px 14px;
	position: relative;
}
/********  Start VioLationLocation ***********/
.legendDiv {
	color:#555;
	background:rgba(187, 187, 187, 0.6);
}
.legendDiv:hover {
	color:#08c;
	background:rgba(255, 255, 255, 0.5);
}
.selectedLegend {
	color:#08c;
	background:rgba(255, 255, 255, 0.5);
}

/********  End VioLationLocation ***********/

.chalkingWindow{
	width:33%;
}
.chalkingWindowList {
	width:20%;
}


/******************* Start of Bootstrap Overrides *******************/
.label{
	padding: 4px 4px;
}
.form-horizontal{
    padding: 0px 15px;
}

.api-key-panel {
    margin-left: 30px;
    margin-bottom: 20px;
    margin-top: 20px;
    margin-right: 20px;
}

.api-section-label {
    font-size: 14px;
    display: block;
    margin-right: 10px;
    margin-bottom: 5px;
    font-weight: bold;
}

.api-key {
	font-size: 13px;
    padding: 2px;
}

.radio-group > .active{
    color: #ffffff;
    text-shadow: 0px -1px 1px rgba(0, 0, 0, 0.50);
    background-color: #DD8400;
}
.radio-group > .active:hover{
    color:#FFFFFF;
    text-shadow: 0px -1px 1px rgba(0, 0, 0, 0.80);
    background-color: #C77A08;
}
.widget-header > .right-corner-button{
	height:39px;
	width:39px;
	position:absolute;
	right:0px;
	top:0px;
	border-left:1px solid #D5D5D5;
	cursor:pointer;
	text-align: center;
	vertical-align: middle;
}
.widget-header > .right-corner-button:hover{
	background-color:#D5D5D5;
}
.widget-content:not(.padding_0) .modal-footer{
    margin-left:-13px;
    margin-right:-13px;
    margin-bottom:-13px;
}
.widget-content > .form-horizontal > .modal-footer{
	margin-bottom:0px;
	margin-left:-15px;
    margin-right:-15px;
}
.form-horizontal > .modal-footer{
    margin-left:-15px;
    margin-right:-15px;
}
.modal-footer{
    border-top: 1px solid #CBCBCB;
	background-color:#EAEAEA;
}

.panel{
    margin-top: 10px;
}
.panel-heading:focus {
    outline:none;
}
.panel-controls {
    text-align:right;
    padding:3px 6px;
    border-bottom: 1px solid #D0D0D0;
}

/* bagkground hover */
.bg-hover:hover{
	background-color:#f5f5f5;
}

/* overriding the bootstrap's breadcrumb seperator. "/" to glyphicon-chevron-right. */
.breadcrumb > li + li:before {
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\e080";
    padding: 0px 5px;
    color: #cccccc;
    vertical-align: middle;
}

/* new style on list-group. list-group-hover will make the li rows hoverable. */
.list-group.list-group-hover li.list-group-item:hover{
    background-color: #f5f5f5;
}

.label.label-lg{
    font-size:100%;
}
.label+.label{
    margin-left:2px;
}

.well > hr {
    border-color: #c9c9c9;
}

.list-group-item.active,
.list-group-item.active:hover,
.list-group-item.active:focus {
    color: #fff;
    background-color: #DD8400;
    border-color: #AB6601;
}
/******************* End of Bootstrap Overrides *******************/
/* TODO: remove these -- START */
.pp-settings-title 	{
	font-weight:bold;
	font-size:18px;
}
.pp-settings-subheading {
	color: #999999;
	font-size: 14px;
}
.pp-settings-header {
	font-weight:bold;
	font-size:20px;
	display: block;
	margin-bottom: 2px;
}
/* TODO: Remove these -- END */

.alert-margin-0{
	margin-bottom:0px !important;
}

/******************* Start of GWT Styling ************************/
.gwt-CheckBox{	
}
.gwt-CheckBox > input[type=checkbox],
.gwt-RadioButton > input[type=radio]{
    width: 13px;
    height: 13px;
    display: inline-block;
    cursor: pointer;
    margin:0px 0px 0px 0px;
    vertical-align:middle;
}
.gwt-CheckBox > label,
.gwt-RadioButton > label{
    padding-left: 4px;
    cursor: pointer;
}

.gwt-CheckBox + .gwt-CheckBox,
.gwt-RadioButton + .gwt-RadioButton{
    margin-left: 10px;
}
.gwt-CheckBox.gwt-CheckBox-disabled,
.gwt-RadioButton.gwt-RadioButton-disabled{
	opacity:0.5;
}
.gwt-TreeItem{
    padding:0px 0px 0px 15px;
}


/******************* END of GWT Styling **************************/




/******************* Start of LiveChat **************************/
.live-chat-name{

}

.live-chat-user-list{
    max-height:600px;
    overflow-y:scroll;
}

.live-chat-chat-container{
    height: 350px;
    overflow-y: scroll;
    margin-bottom: 10px;
    border-bottom: 1px solid #c9c9c9;
}

.live-chat-message{}
.live-chat-message > pre{
    font-family:inherit;
}
.live-chat-message:last-child{
    padding-bottom:40px;
}

.live-chat-message-sent,
.live-chat-message-recieved{
	margin-top:5px;
	padding:3px 8px;
	text-align:left;
	word-break: break-all;
	word-wrap: break-word;
	white-space: pre-wrap;
}
.live-chat-message-sent {
    float:right;
    border: 1px solid #D2C300;
    background-color: #FFFABA;
    border-radius:6px 0px 0px 6px;
    margin-left:40px;
}

.live-chat-message-recieved{
    float:left;
    border: 1px solid #BDBDBD;
    background-color: #FFFFFF;
    border-radius:0px 6px 6px 0px;
    margin-right:40px;
}
.live-chat-input-text-area{
    max-width: 100%;
    resize: vertical;
    min-height: 100px;
}
.live-chat-send-button{
    padding:0px 20px;
    height:100%;
}

option.subItem {
    padding-left: 24px;
}

.attachWidgetSelectBox {
    width: 100%;
    border-radius: 10px;
    padding: 8px;
}
.attachWidgetSelectBox:focus {
    outline: none;
}

/******************* End of LiveChat **************************/

/******************* SideBar styles **************************/
.condensed-side-bar{
	width:18px;
}
.condensed-side-bar .side-bar-button{
	height:18px;
	width:18px;
	padding:10px 0px;
	cursor:pointer;
	text-align: center;
	vertical-align: middle;
	box-sizing:content-box;
	color: #ffffff;
	background-color:#DD8400;
	border:1px solid;
	border-color:#D98200 #D98200 #975A00;
}
.condensed-side-bar .side-bar-button:hover{
	color: #ffffff;
    background-color: #d17d00;
    border-color: #d17d00 #d17d00 #855000;
}
/******************* End of SideBar **************************/

/*******************     Fares CRUD    **************************/
.fare-table .com-passport-ui-client-CellTableResources-TableStyle-cellTableSelectedRow {
	background: #f1bd57 !important;
}
/******************* End of Fares CRUD **************************/

.lpr_violation_image 			{ border:1px solid black; margin-right:20px; }
.btn-small-padding 				{ margin-left:10px; }



/* ** manual facebook wallet transfer**/
.wallet-transfer-panel {
    float: left;
} 
.existing-wallet {
    padding-right: 20px;
}
.wallet-transfer-panel.destination-wallet {
	min-width: 300px;
}

.wallet-transfer-panel-container {
    margin:  30px 20px 20px 20px;
    padding-top: 10px;
    min-height: 220px;
    border-top: solid 1px #ddd;
}
.wallet-transfer-entries-table {
    margin:  5px 20px 20px 20px;
}
.offer-name-label {
    font-size: 18px;
    display: block;
    margin: 20px 20px 5px 20px;
    font-weight: bold;
}
.from-to-label {
    font-size: 14px;
    font-weight: bold;
}
.destination-wallet-table {
    width: 50%;
}
#potential-migration-description {
	margin: 10px 20px 15px 0px;
    font-size: 14px;s
}
.find-parker {
	margin-left:20px;
}
/* ** manual facebook wallet transfer**/