@font-face {
    font-family: 'open_sans';
    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_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: 500;
    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_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;

}

/********Global CSS*******/
*{ margin:0px; padding:0px; outline:none!important}
.fr{ float:right}
.fl{ float:left}
em{ font-family:Arial, Helvetica, sans-serif !important; font-style:normal}
ul{ margin:0px; padding:0px;}
p{ margin:0px; padding:0px;}
img{ max-width:100%}
a{ color:#000000; text-decoration:none}
label.empty{ display:none;}
span.empty{ display:none;}
::-webkit-input-placeholder {font-size:14px;}
:-moz-placeholder { font-size: 14px;}
::-moz-placeholder {font-size: 14px;}
:-ms-input-placeholder {font-size: 14px;}
table.dataTable { width:100%!important}
iframe, object, embed{max-width: 100%;}
body{ background:#fff; font-family: Arial, Helvetica, sans-serif !important; font-size:14px; line-height:normal; color:#000000; font-weight:400}
/********Loader*******/
/* #spinner {position: fixed; left: 0px; top: 0px; width: 100%; height: 100%; z-index: 9999; background: url('../images/page-loader.gif') 50% 50% no-repeat rgb(249,249,249);} */
 
.wrapper{ width:100%; margin:auto; font-size:14px}

.middle_container{ min-height:300px; background:#faf8fa; font-family: Arial, Helvetica, sans-serif !important;
border:none;}
.pink_container{ background:#ddd4e6}
/********Breadcrumb*******/
.breadcrumb{ margin:24px 0px -3px 0px; background:#004876; padding:0px; border-radius:0px!important}
.breadcrumb ul{ float:right; margin:0px;}
.breadcrumb ul li{ display:block; float:left; position:relative}
.breadcrumb ul li:after{ content:" "; position:absolute; right:0px; top:5px; color:#fff; }
.breadcrumb ul li a{ color:#fff; display:block; padding:5px 25px 5px 15px}
.breadcrumb ul li a:hover{ text-decoration:none;}
.breadcrumb ul li.last:after{ display:none}
.breadcrumb ul li.last a{ color:#fff; display:block; padding:5px 0px 5px 15px}

.middle_container { padding:30px 0px}
.middle_container h1{ margin:0px; padding:0 0 20px 0; font-size:21px;  color:#004876; font-family:Arial, Helvetica, sans-serif !important}
.middle_container h3{ margin:0px; padding:0 0 20px 0; font-size:21px;  color:#004876; font-family:Arial, Helvetica, sans-serif !important}
.middle_container h2{ margin:0px; padding:0 0 20px 0; font-size:21px;  color:#004876; font-family:Arial, Helvetica, sans-serif !important}
.middle_container .white_shadow{ background:#fff; min-height:235px; -webkit-box-shadow: 2px 2px 4px 0px rgba(0,0,0,0.50); -moz-box-shadow: 2px 2px 4px 0px rgba(0,0,0,0.50); box-shadow: 2px 2px 4px 0px rgba(0,0,0,0.50);  padding:20px 20px 60px 20px }
.middle_container .white_shadow p{ padding-bottom:15px; font-size:14px!important}
.middle_container .white_shadow p a{ color:#000}
.middle_container .link a{ background:#004876; width:180px;  text-align:center; line-height:42px; display:block; color:#fff; text-decoration:none; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; -webkit-box-shadow: 2px 2px 4px 0px rgba(0,0,0,0.50); -moz-box-shadow: 2px 2px 4px 0px rgba(0,0,0,0.50); box-shadow: 2px 2px 4px 0px rgba(0,0,0,0.50); border:2px solid #fff}


.middle_container .link a:hover,
.middle_container .link a:focus,
.middle_container .link a:active,
.middle_container .link a.active
{
background:#004876; width:180px;  text-align:center; line-height:42px; display:block; color:#fff; text-decoration:none; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; -webkit-box-shadow: 2px 2px 4px 0px rgba(0,0,0,0.50); -moz-box-shadow: 2px 2px 4px 0px rgba(0,0,0,0.50); box-shadow: 2px 2px 4px 0px rgba(0,0,0,0.50); border:2px solid #fff
}




.middle_container .link .input_btn{ background:#61277a; width:220px;  text-align:center; line-height:42px; display:block; color:#fff; text-decoration:none; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; -webkit-box-shadow: 2px 2px 4px 0px rgba(0,0,0,0.50); -moz-box-shadow: 2px 2px 4px 0px rgba(0,0,0,0.50); box-shadow: 2px 2px 4px 0px rgba(0,0,0,0.50); border:2px solid #fff}

.middle_container ul.btn_bgp li{ display:block; margin-left:15px}
.middle_container .link a span.icon{ margin-right:8px;}
.middle_container .white_shadow .link{ position:absolute; right:25px; bottom:10px}
.padding_btm_30{ padding-bottom:30px}
/********DataTable*******/
table.dataTable{ padding:0px; margin:0px; -webkit-box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.50); -moz-box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.50); box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.50); background: #fff; }
.dataTables_wrapper thead{ min-height:30px; line-height:30px; background:#004876!important; color:#fff; font-weight:400!important}
.dataTables_wrapper thead th{font-weight:400!important}
.grid_head .border_right{ border-right:1px solid #4e1f62}
.line_50{ line-height:50px; padding-bottom:10px!important}
.grid .grid_row{ background:#fff; line-height:50px;}
.grid_body .border_right{ border-right:1px solid #b1aab8}
.grid_body .alt{ }
.dataTables_wrapper tbody tr td { line-height:34px; height:34px;}
/*.dataTables_wrapper tbody .even{background:#ddd4e6!important}*/
.dataTables_wrapper .dataTables_length{ display:none!important}
table.dataTable.no-footer{ border:none!important}
#latest_toll{ padding-bottom:20px}
.dataTables_wrapper .dataTables_paginate{ padding-top:20px!important}
.dataTables_wrapper .dataTables_paginate .paginate_button.previous { background:url(../images/icon_pre.png)  center top no-repeat; width:41px; height:37px; text-indent:-200000px;}
.dataTables_wrapper .dataTables_paginate .paginate_button.previous:hover {border:none!important;  background:url(../images/icon_pre.png)  center top no-repeat;}
.dataTables_wrapper .dataTables_paginate .paginate_button.next { background:url(../images/icon_next.png)  center top no-repeat; width:41px; height:37px; text-indent:-200000px;}
.dataTables_wrapper .dataTables_paginate .paginate_button.next:hover {border:none!important;  background:url(../images/icon_next.png)  center top no-repeat;}
.dataTables_wrapper .dataTables_paginate .paginate_button.previous.disabled { background:url(../images/icon_pre.png)  center top no-repeat; width:41px; height:37px; text-indent:-200000px;}
.dataTables_wrapper .dataTables_paginate .paginate_button.previous.disabled:hover {border:none!important;  background:url(../images/icon_pre.png)  center top no-repeat;}
.dataTables_wrapper .dataTables_paginate .paginate_button.next.disabled { background:url(../images/icon_next.png)  center top no-repeat; width:41px; height:37px; text-indent:-200000px;}
.dataTables_wrapper .dataTables_paginate .paginate_button.next.disabled:hover {border:none!important;  background:url(../images/icon_next.png)  center top no-repeat;}

.dataTables_wrapper .dataTables_paginate .paginate_button.first  { background:url(../images/icon_first.png)  center top no-repeat; width:41px; height:37px; text-indent:-200000px;}
.dataTables_wrapper .dataTables_paginate .paginate_button.first :hover {border:none!important;  background:url(../images/icon_first.png)  center top no-repeat;}
.dataTables_wrapper .dataTables_paginate .paginate_button.last { background:url(../images/icon_last.png)  center top no-repeat; width:41px; height:37px; text-indent:-200000px;}
.dataTables_wrapper .dataTables_paginate .paginate_button.last:hover {border:none!important;  background:url(../images/icon_last.png)  center top no-repeat;}
.dataTables_wrapper .dataTables_paginate .paginate_button.first.disabled { background:url(../images/icon_first.png)  center top no-repeat; width:41px; height:37px; text-indent:-200000px;}
.dataTables_wrapper .dataTables_paginate .paginate_button.first.disabled:hover {border:none!important;  background:url(../images/icon_first.png)  center top no-repeat;}
.dataTables_wrapper .dataTables_paginate .paginate_button.last.disabled { background:url(../images/icon_last.png)  center top no-repeat; width:41px; height:37px; text-indent:-200000px;}
.dataTables_wrapper .dataTables_paginate .paginate_button.last.disabled:hover {border:none!important;  background:url(../images/icon_last.png)  center top no-repeat;}

.dataTables_wrapper .dataTables_paginate span .paginate_button{ background:none!important; border:none!important; padding:10px 0px; margin:0px;}
.dataTables_wrapper .dataTables_paginate span .paginate_button.current{ color:#61277a!important}
.dataTables_wrapper .dataTables_paginate span .paginate_button:hover{ color:#61277a!important}
table.dataTable thead th, table.dataTable thead td{ padding:10px!important}
table.dataTable thead th, table.dataTable thead td{border-right:1px solid #4e1f62}
table.dataTable.display tbody th, 
table.dataTable.display tbody td{border-right:1px solid #cccccc}
table.dataTable tbody tr.child td.child:hover{ background:#fff!important}
table.dataTable.dtr-inline.collapsed > tbody > tr > td:first-child::before, table.dataTable.dtr-inline.collapsed > tbody > tr > th:first-child::before{ top:15px!important}
/********Header*******/
#header{ }
#header .header{ padding:15px 0px; height:117px}
body.home_page #header .header{ padding:15px 0px; height:75px!important}
#header .header .logo { margin-left: -78px;float:left;}
#header .header .logo a{ background:url(../images/logo.png) left top no-repeat; width:260px; height:66px; display:block; text-indent:-10000px;background-size: contain;}
/* #header .header .main_navigation{ float:right}
 */
/********Top Navigation*******/
.top_navigation{ float:right}
.top_navigation,
.top_navigation a,
.top_navigation ul,
.top_navigation li,
.top_navigation div,
.top_navigation form,
.top_navigation input {
	margin: 0;
	padding: 0;
	border: none;
	outline: none;
}

.top_navigation a { text-decoration: none; }

.top_navigation li { list-style: none; }

/* Menu Container */
.top_navigation {
	display: inline-block;
	position: relative;
	cursor: default;

}

/* Menu List */
.top_navigation > li {	display: block;float: left; padding:0px; }
/* Menu Links */
.top_navigation > li > a {position: relative;  color:#0f4876 !important; background:none; font-size:16px;  border:none!important; box-shadow:none!important; padding:0 25px; font-family:Arial, Helvetica, sans-serif !important}
.top_navigation > li > a em{ font-family:Arial, Helvetica, sans-serif !important}
.top_navigation > li:hover > a { color:#ffff  }
.top_navigation > li:first-child{ padding-left:0px;}
.top_navigation > li:last-child{ padding-right:0px;}
.top_navigation > li:first-child > a {}
/* Search Form */
.top_navigation > li.top_navigation-search > form {position: relative; width: inherit; height: 54px; border-left: 1px solid #4b4441;}
.top_navigation > li.top_navigation-search input[type="text"] {	display: block;	float: left;	width: 1px;	height: 24px;	padding: 15px 0;	line-height: 24px;		font-weight: bold;	font-size: 13px;	color: #999999;	text-shadow: 0 0 1px rgba(0,0,0,.35);	background: #372f2b;	-webkit-transition: all .3s ease 1s;	-moz-transition: all .3s ease 1s;	-o-transition: all .3s ease 1s;	-ms-transition: all .3s ease 1s;	transition: all .3s ease 1s;}
.top_navigation > li.top_navigation-search input[type="text"]:focus { color: #fcfcfc; }
.top_navigation > li.top_navigation-search input[type="text"]:focus,
.top_navigation > li.top_navigation-search:hover input[type="text"] {	width: 110px;	padding: 15px 20px;	-webkit-transition: all .3s ease .1s;	-moz-transition: all .3s ease .1s;	-o-transition: all .3s ease .1s;	-ms-transition: all .3s ease .1s;	transition: all .3s ease .1s;}
.top_navigation > li.top_navigation-search input[type="submit"] {	display: block;	float: left;	width: 20px;	height: 54px;	padding: 0 25px;	cursor: pointer;	background: #372f2b url(../img/search-icon.png) no-repeat center center;	border-radius: 0 3px 3px 0;	-webkit-transition: all .3s ease;	-moz-transition: all .3s ease;	-o-transition: all .3s ease;	-ms-transition: all .3s ease;	transition: all .3s ease;}
.top_navigation > li.top_navigation-search input[type="submit"]:hover { background-color: #4b4441; }
/* Menu Dropdown */
.top_navigation > li > div {	position: absolute;	display: block;	width: 100%;	top:25px;	right: 0;	opacity: 0;	visibility: hidden;	overflow: hidden;	background: #ffffff;	border-radius:5px;	-webkit-transition: all .3s ease .15s;	-moz-transition: all .3s ease .15s;	-o-transition: all .3s ease .15s;	-ms-transition: all .3s ease .15s;	transition: all .3s ease .15s; 	-webkit-box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.50); 	-moz-box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.50); 	box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.50); z-index:1000}
.top_navigation > li:hover > div {	opacity: 1;	visibility: visible;	overflow: visible;}
/* Menu Content Styles */
.top_navigation .top_navigation_column2 {float: left; width: 100%; padding: 2.5%;}
.top_navigation .top_navigation-column {	float: left;	width: 50%;	padding: 2.5%;}
.top_navigation .top_navigation-column h3 {	margin: 0px 0 10px 0;	line-height: 18px;		font-size: 16px;	color: #004876;  font-family:Arial, Helvetica, sans-serif !important}
.top_navigation .top_navigation-column h3.orange { color: #ff722b; }
.top_navigation .top_navigation-column li a {	display: block;	line-height: 36px;	color: #6a207f; border-bottom:1px solid #004876; padding:0 10px;}
.top_navigation .top_navigation-column li a:hover { color:#fff; background:#004876; }
.top_navigation .top_navigation_column2 h3 {	margin: 0px 0 10px 0; line-height: 18px;	 font-size: 16px; color: #004876;  font-family:Arial, Helvetica, sans-serif !important}
.top_navigation .top_navigation_column2 h3.orange { color: #ff722b; }
.top_navigation .top_navigation_column2 li a {display: block; line-height: 36px; color: #004876; border-bottom:1px solid #004876; padding:0 10px;}
.top_navigation .top_navigation_column2 li a:hover { color:#fff; background:#004876;}
/********Footer*******/
#footer{ background:#004876; color:#fff;}

#footer .footer{ padding:20px 0px; text-align:center}
.navigation_footer{ padding-bottom:0px}
.navigation_footer ul{ margin:0px}
.navigation_footer ul li{ display:inline-block; padding:0 16px 0 15px; position:relative}
/*.navigation_footer ul li:after{ border-right:1px solid #000; width:1px; height:10px; content:""; position:absolute; right:0px; top:5px}*/
.navigation_footer ul li:after{ width:1px; height:10px; content:""; position:absolute; right:0px; top:5px}
.navigation_footer ul li a{ color:#fff;}
.navigation_footer ul li:last-child:after{ border:none }
.copy_footer{ padding-top:20px; font-size:12px;}
/*******My Account ****/
.account_navigation2{ margin-top:20px;}
.account_navigation{ float:right; border:1px solid #fff; background:url(../images/nav_bg.png) left top repeat; display:block; float:left; padding:3px 20px; line-height:28px;-webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; color:#fff; 
-webkit-box-shadow: 2px 2px 4px 0px rgba(0,0,0,0.50); -moz-box-shadow: 2px 2px 4px 0px rgba(0,0,0,0.50); box-shadow: 2px 2px 4px 0px rgba(0,0,0,0.50); padding:0px 20px 0px 30px!important}
.account_navigation,
.account_navigation a,
.account_navigation ul,
.account_navigation li,
.account_navigation div,
.account_navigation form,
.account_navigation input {
	border: none;
	outline: none;
}

.account_navigation a { text-decoration: none; }

.account_navigation li { list-style: none; }

/* Menu Container */
.account_navigation {
	display: inline-block;
	position: relative;
	cursor: default;
margin-left: 512px;
    margin-top: 9px;
    border: 1px solid white;
}

/* Menu List */
.account_navigation > li {
	display: block;
	float: left;  line-height:36px; position:relative;
}
.account_navigation > li.user_name{ padding-right:70px}

/* Menu Links */
.account_navigation > li > a {
	position: relative;
	display: block;
 color:#fff !important; padding:3px 15px; line-height:30px;
	
}

.account_navigation > li:hover > a {   }
.account_navigation > li:first-child{ padding-left:0px;}
.account_navigation > li:last-child{ padding-right:0px;}
.account_navigation > li:first-child > a {

}

/* Search Form */
.account_navigation > li.account_navigation-search > form {
	position: relative;
	width: inherit;
	height: 54px;

	border-left: 1px solid #4b4441;
}

.account_navigation > li.account_navigation-search input[type="text"] {
	display: block;
	float: left;
	width: 1px;
	height: 24px;
	padding: 15px 0;
	line-height: 24px;

	
	font-weight: bold;
	font-size: 13px;
	color: #999999;
	text-shadow: 0 0 1px rgba(0,0,0,.35);

	background: #372f2b;

	-webkit-transition: all .3s ease 1s;
	-moz-transition: all .3s ease 1s;
	-o-transition: all .3s ease 1s;
	-ms-transition: all .3s ease 1s;
	transition: all .3s ease 1s;
}

.account_navigation > li.account_navigation-search input[type="text"]:focus { color: #fcfcfc; }

.account_navigation > li.account_navigation-search input[type="text"]:focus,
.account_navigation > li.account_navigation-search:hover input[type="text"] {
	width: 110px;
	padding: 15px 20px;

	-webkit-transition: all .3s ease .1s;
	-moz-transition: all .3s ease .1s;
	-o-transition: all .3s ease .1s;
	-ms-transition: all .3s ease .1s;
	transition: all .3s ease .1s;
}

.account_navigation > li.account_navigation-search input[type="submit"] {
	display: block;
	float: left;
	width: 20px;
	height: 54px;
	padding: 0 25px;
	cursor: pointer;

	background: #372f2b url(../img/search-icon.png) no-repeat center center;

	border-radius: 0 3px 3px 0;

	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-o-transition: all .3s ease;
	-ms-transition: all .3s ease;
	transition: all .3s ease;
}

.account_navigation > li.account_navigation-search input[type="submit"]:hover { background-color: #4b4441; }

/* Menu Dropdown */
.account_navigation > li > div {
	position: absolute;
	z-index:1000!important;
	display: block;
	width: 250px;
	top: 36px;
	left: 0;
	opacity: 0;
	visibility: hidden;
	overflow: hidden;
	background: #004876;
	border-radius:5px;
	-webkit-transition: all .3s ease .15s;
	-moz-transition: all .3s ease .15s;
	-o-transition: all .3s ease .15s;
	-ms-transition: all .3s ease .15s;
	transition: all .3s ease .15s; 
	-webkit-box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.50); 
	-moz-box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.50); 
	box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.50); 
}
.account_navigation > li.last > div{ left:auto; right:-20px}
.account_navigation > li:hover > div {
	opacity: 1;
	visibility: visible;
	overflow: visible;
}

/* Menu Content Styles */
.account_navigation .account_navigation-column {
	float: left;
	width: 100%;
	padding: 2.5%;
}

.account_navigation .account_navigation-column h3 {
	margin: 0px 0 10px 0;
	line-height: 18px;	
	font-size: 16px;
	color: #6a207f;
	text-transform: uppercase;
}
/* Highlight active submenu item */
.panel-body ul li.active {
  background-color: #e6f0fa;   /* light blue */
}

/* Optional: improve link appearance */
.panel-body ul li.active > a {
  color: #004876;              /* dark blue text */
  font-weight: 600;
}

/* Optional: hover state */
.panel-body ul li:hover {
  background-color: #f2f6fb;
}

.account_navigation .account_navigation-column h3.orange { color: #ff722b; }

.account_navigation .account_navigation-column li a {	display: block;	line-height: 30px;	color: #fff; border-bottom:1px solid #004876; padding:5px 5px;  background:#004876;}
.account_navigation .account_navigation-column li a:hover { color:#621e74; background:#f3f3f3; }
.account_navigation li li{ line-height:30px;}
.account_navigation li li:after{visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0;}
.account_navigation li li span{ width:30px; height:30px; display:block; float:left; margin-right:10px;}
.account_navigation li li span{ background:url(../images/icon_account_sprite.png) left top no-repeat}
.account_navigation li li:last-child a{ border:none}

.account_navigation li li.overview_item span{ background-position:0px 0px}
.account_navigation li li.profile_item span{ background-position:0px -30px}
.account_navigation li li.plan_item span{ background-position:0px -60px}
.account_navigation li li.violations_item span{ background-position:-60px -150px}
.account_navigation li li.logout_item span{ background-position:0px -120px}

.account_navigation li li.vehicles_item span{ background-position:-60px -120px}
.account_navigation li li.tags_item span{ background-position:-60px -90px}

.account_navigation li li.correspondence_item span{ background-position:-60px -60px}
.account_navigation li li.transactions_item span{ background-position:-60px -30px}
.account_navigation li li.statements_item span{ background-position:-60px 0px}

.account_navigation li li.paymentmethod_item span{ background-position:0px -150px}
.account_navigation li li.makepayment_item span{ background-position:0px -180px}

.account_navigation li li.overview_item a:hover span{ background-position:-30px 0px}
.account_navigation li li.profile_item a:hover span{ background-position:-30px -30px}
.account_navigation li li.plan_item a:hover span{ background-position:-30px -60px}
.account_navigation li li.violations_item a:hover span{ background-position:-90px -150px}
.account_navigation li li.logout_item a:hover span{ background-position:-30px -120px}

.account_navigation li li.vehicles_item a:hover span{ background-position:-90px -120px}
.account_navigation li li.tags_item a:hover span{ background-position:-90px -90px}

.account_navigation li li.correspondence_item a:hover span{ background-position:-90px -60px}
.account_navigation li li.transactions_item a:hover span{ background-position:-90px -30px}
.account_navigation li li.statements_item a:hover span{ background-position:-90px 0px}

.account_navigation li li.paymentmethod_item a:hover span{ background-position:-30px -150px}
.account_navigation li li.makepayment_item a:hover span{ background-position:-30px -180px}

#desktop{ display:block}
#fixed-top{ display:none}

#error_msg{ margin-bottom:30px}
#error_msg .white_shadow{ min-height:40px; padding:20px}
#error_msg ul{ margin-left:10px; padding:5px 0px}
#error_msg ul li{ padding-bottom:5px; display:block; background:url(../images/arrow_list.jpg) left 7px no-repeat; padding-left:15px; line-height:21px}
#error_msg ul li .btn-primary{   background: #61277a none repeat scroll 0 0; color:#fff; border: 1px solid #61277a; text-decoration:none;     border-radius: 100px;    font-size: 11px;    height: 20px;    line-height: 18px;    padding: 0;    position: relative;    text-align: center;    top: -1px;    width: 20px;}
#error_msg .icon_msg{ background:url(../images/icon_msg.png) left 5px no-repeat; padding-left:60px; min-height:60px;}
span.red{ color:#FF0000}
.exports { position:relative; margin-top:-40px}
.exports.no_pagination { position:relative; margin-top:20px}
.exports.no_pagination2 { position:relative; margin-top:0px}
.exports h2{ float:left; margin:0px; padding:0 0px 0 0; line-height:45px; font-size:18px; font-weight:400}
.middle_container .exports .link a{ width:90px}
#registered_tags_table_filter{ display:none}
#registered_tags_table_filter.show{ display:block!important}
#registered_vehicles_table_filter{ display:none}
#registered_vehicles_table_filter.show{ display:block!important}
.dataTables_filter.show{background:#fff!important; width:335px;  text-align:center; line-height:40px; display:block; color:#000; text-decoration:none; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; -webkit-box-shadow: 2px 2px 4px 0px rgba(0,0,0,0.50); -moz-box-shadow: 2px 2px 4px 0px rgba(0,0,0,0.50); box-shadow: 2px 2px 4px 0px rgba(0,0,0,0.50); border:2px solid #fff; margin-bottom:15px}
.dataTables_filter.show label{ margin:0px; padding:0px;}
.dataTables_filter.show input{ padding:5px 15px; font-weight:400; font-family: Arial, Helvetica, sans-serif !important; font-size:14px; background:none; border:none; width:300px; height:auto!important; margin:0px; padding:10px; color:#000; line-height:normal!important}
.dataTables_filter.show{ position:relative}
.dataTables_filter.show:after { content:""; width: 0;  height: 0;  border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 10px solid #fff!important; position:absolute; right:90px; top:-10px }
#registered_vehicles{ padding-top:20px}
table.dataTable.dtr-inline.collapsed > tbody > tr > td:first-child::before, table.dataTable.dtr-inline.collapsed > tbody > tr > th:first-child::before{ background:#004876!important}
table.dataTable > tbody > tr.child ul{ width:100%}
table.dataTable > tbody > tr.child span.dtr-title{ font-weight:600!important; font-family:Arial, Helvetica, sans-serif !important}

#violations_outer table.dataTable tbody tr.child td.child{ padding:0px}
#violations_outer table.dataTable tbody tr.child td.child ul li{ float:left; padding:0px; margin:0px}
#violations_outer table.dataTable tbody tr.child td.child ul li[data-dt-column="5"],
#violations_outer table.dataTable tbody tr.child td.child ul li[data-dt-column="6"],
#violations_outer table.dataTable tbody tr.child td.child ul li[data-dt-column="7"],
#violations_outer table.dataTable tbody tr.child td.child ul li[data-dt-column="8"],
#violations_outer table.dataTable tbody tr.child td.child ul li[data-dt-column="9"]{ display:none}
#violations_outer .btn_bgp { margin-top:15px}
#violations_outer .btn_bgp .link{ margin:0px; padding:0px}
#violations_outer .btn_bgp .link a{ width:220px}
/****Note ***/
#note{-webkit-box-shadow: 2px 2px 4px 0px rgba(0,0,0,0.50); -moz-box-shadow: 2px 2px 4px 0px rgba(0,0,0,0.50); box-shadow: 2px 2px 4px 0px rgba(0,0,0,0.50); border:2px solid #fff; background:#fff  url(../images/icon_note.png) 20px 50% no-repeat;  padding:30px 100px; margin-bottom:5px;}
#note ul{}
#note ul li { display:block}

#note2{-webkit-box-shadow: 2px 2px 4px 0px rgba(0,0,0,0.50); -moz-box-shadow: 2px 2px 4px 0px rgba(0,0,0,0.50); box-shadow: 2px 2px 4px 0px rgba(0,0,0,0.50); border:2px solid #fff; background:#fff  url(../images/icon_note.png) 20px 50% no-repeat;  padding:30px 100px; margin-bottom:5px;}
#note2 ul{}
#note2 ul li { display:block}

#note3{-webkit-box-shadow: 2px 2px 4px 0px rgba(0,0,0,0.50); -moz-box-shadow: 2px 2px 4px 0px rgba(0,0,0,0.50); box-shadow: 2px 2px 4px 0px rgba(0,0,0,0.50); border:2px solid #fff; background:#fff  url(../images/icon_note.png) 20px 50% no-repeat;  padding:30px 100px; margin-bottom:5px;}
#note3 ul{}
#note3 ul li { display:block}

#intro{ padding:30px; background:#e4ddeb;}
.amt_box{ border:1px solid #7c7c7c; padding:15px; font-size:18px; background:#fff; color:#61277a; margin:15px 0 0 0;  cursor:pointer; font-family:Arial, Helvetica, sans-serif !important}
/***Transction page***/
#form_group{ background:#c4b1d0; padding:30px;}
#form_group label{ font-weight:normal; line-height:50px;}

#form_group3{ background:#c4b1d0; padding:30px;}
#form_group3 label{ font-weight:normal; line-height:50px;}

.select2-container{-webkit-box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.50); -moz-box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.50); box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.50);  width:100%!important; }
.select2-container .selection,
.select2-container--default .select2-selection--single{height:40px!important;  line-height:40px!important;}
.select2-container .select2-selection--single .select2-selection__rendered{height:50px; display:block; line-height:50px; background:#fff }
.select2-container--default .select2-selection--single .select2-selection__rendered{height:40px!important; display:block; line-height:40px!important;}
.select2-container--default .select2-selection--single .select2-selection__arrow{ height:40px!important; width:20px!important; background:#61277a!important;}
.select2-container--default .select2-selection--single .select2-selection__arrow b{}
input[type="text"]{ height:38px!important;  line-height:34px!important; background:#fff; 
/*border:none;*/ border: 1px solid #ccc;  font-family:FontAwesome, "Open Sans", Verdana, sans-serif; text-decoration: inherit;
padding:0 10px!important; width:100%; border-right:4px solid #004876; -webkit-box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.50); -moz-box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.50); box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.50); padding:10px}

input[type="password"]{ height:38px!important;  line-height:normal!important; background:#fff; border:none; padding:0 0  0 10px; width:100%; border-right:4px solid #004876; -webkit-box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.50); -moz-box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.50); box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.50); padding:10px}

#datetimepicker2,
#datetimepicker1,
#datetimepicker3{ position:relative; background:#fff url(../images/icon_datepicker.png) right top no-repeat!important; border:none!important}
.bootstrap-datetimepicker-widget table td.active, .bootstrap-datetimepicker-widget table td.active:hover{ background:#61277a!important}
.glyphicon::before{ color:#61277a!important}
.bootstrap-datetimepicker-widget .btn-primary,
.bootstrap-datetimepicker-widget table td span.active{ background:#61277a!important; color:#fff!important; border:1px solid #61277a}
button.link{ background:#61277a; width:180px;  text-align:center; line-height:42px; display:block; color:#fff; text-decoration:none; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; -webkit-box-shadow: 2px 2px 4px 0px rgba(0,0,0,0.50); -moz-box-shadow: 2px 2px 4px 0px rgba(0,0,0,0.50); box-shadow: 2px 2px 4px 0px rgba(0,0,0,0.50); border:2px solid #fff; cursor:pointer;  padding: 3px 1px}
#form_group .form-group:last-child{ margin-bottom:0px;}
#form_group3 .form-group:last-child{ margin-bottom:0px;}
.dataTables_wrapper  tbody tr.child td.child{ padding:0px!important}
#transactions_table tbody tr.child td.child{ padding:0px;} 
#transactions_table tbody tr.child td.child ul{ padding:15px; background:#eaeaea}
#transactions_table tbody tr.child td.child ul li{ float:left; width:50%; padding:5px 10px; border-bottom:1px solid #bbbbbb;}
#transactions_table tbody tr.child td.child ul li span{ float:left; width:50%}
#transactions_table tbody tr.child td.child ul li span.dtr-title{ color:#61277a}
#transactions_table tbody a.print_receipt{ background:#61277a; width:auto;  text-align:center; line-height:30px; display:block; color:#fff; text-decoration:none; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; -webkit-box-shadow: 2px 2px 4px 0px rgba(0,0,0,0.50); -moz-box-shadow: 2px 2px 4px 0px rgba(0,0,0,0.50); box-shadow: 2px 2px 4px 0px rgba(0,0,0,0.50); border:2px solid #fff; cursor:pointer; width:130px}
/****Contact Us*********/
.dataTables_wrapper tbody tr td{ vertical-align:top}
#inquiry_table tbody tr td{ line-height:24px!important}
#contact_info{ background:url(../images/line_box.png) center top repeat-y; margin:15px 0px; -webkit-box-shadow: 2px 2px 4px 0px rgba(0,0,0,0.50); -moz-box-shadow: 2px 2px 4px 0px rgba(0,0,0,0.50); box-shadow: 2px 2px 4px 0px rgba(0,0,0,0.50); border:2px solid #fff;}
#contact_info .margin_negative{ }
p.subheading{ margin-bottom:15px; margin-top:-10px;}
#contact_info ul{ margin-left:0px}
#contact_info ul li{ margin-bottom:20px; background:url(../images/icon_circle.png) 0px 50% no-repeat; display:block; padding-left:25px;}
#contact_info ul li strong{ display:block; font-weight:normal; width:60%; float:left}
#contact_info ul li em{ display:block; font-weight:normal; width:40%; font-style:normal; float:left}
#contact_info ul li:after{visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0;}
.filter_contact{ padding-top:25px;}
.padding_btm_15{ padding-bottom:15px;}
.padding_left_15{ padding-left:15px;}
.padding_right_15{ padding-right:15px;}
.padding_top_15{ padding-top:15px;}
#inquiry_submit{ margin:20px 0px 30px 0px; position:relative}
#inquiry_submit::after { content:""; width: 0;  height: 0;  border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 10px solid #c4b1d0; position:absolute; left:80px; top:-10px}
#inquiry_submit .textarea{ height:220px!important;  line-height:50px!important; background:#fff; border:none; padding:0 0  0 10px; width:100%; border-right:8px solid #61277a; -webkit-box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.50); -moz-box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.50); box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.50);}
#inquiry_submit p{ padding-bottom:15px}
#inquiry_submit{ display:none!important}
#inquiry_submit.show{ display:block!important}
#browse_btn{}
#browse_btn .btn-file{ background:#61277a; width:100px;  text-align:center; line-height:42px; display:block; color:#fff; text-decoration:none;  -webkit-box-shadow: 2px 2px 4px 0px rgba(0,0,0,0.50); -moz-box-shadow: 2px 2px 4px 0px rgba(0,0,0,0.50); box-shadow: 2px 2px 4px 0px rgba(0,0,0,0.50); border:2px solid #fff; cursor:pointer;  -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;}
.text_area_margin{ margin-top:-33px;}
.small_size{ font-size:12px;}
/****Payment *********/
.marging_right_15{ margin-right:15px;}
.padding_top_30{ padding-top:30px}
.icheckbox_square-green, .iradio_square-green{ width:23px!important; height:23px!important}
#payment_outer{ padding-bottom:30px}
#payment_outer .skin.skin-square{ padding-top:5px!important}

.payment_outer{ padding-bottom:30px}
.payment_outer .skin.skin-square{ padding-top:5px!important}

.add_content{ background:#e4ddeb; padding:30px 30px 10px 30px;  -webkit-box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.20); -moz-box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.20); box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.20); }
.add_content .notice{ margin:0 -30px}
#form_group2{  padding:30px 0px;}
#form_group2 label{ font-weight:normal; line-height:50px;}
.add_content .notice2{ margin:0 -30px; background:#fff url(../images/notice2.png) 20px 50% no-repeat!important;}
.dropdown_item{ width:150px; float:left}
.dropdown_item + .dropdown_item{ width:150px; margin-left:15px}
#paymentcc_table .iradio_square-green{ float:left}
#paymentcc_table  #payment_edit1{ display:none}
#paymentcc_table  #payment_edit1.visible{ display:block}
#paymentcc_table  #payment_edit_save1{ display:none}
#paymentcc_table  #payment_edit_save1.visible{ display:block}
#paymentcc_table  #payment_edit2{ display:none}
#paymentcc_table  #payment_edit2.visible{ display:block}
#paymentcc_table  #payment_edit_save2{ display:none}
#paymentcc_table  #payment_edit_save2.visible{ display:block}
#paymentcc_table  #payment_edit3{ display:none}
#paymentcc_table  #payment_edit3.visible{ display:block}
#paymentcc_table  #payment_edit_save3{ display:none}
#paymentcc_table  #payment_edit_save3.visible{ display:block}
/***Profile******/
#account_menu{ margin-top:-100px; padding-top:100px; position:relative; display:none}
#account_menu a:hover button{ text-decoration:none}
#account_menu a button{ text-decoration:none}
#account_menu a:hover{ text-decoration:none}
#change_password.show{ display:block!important} 
.profile_box{ /*background:#dac8e5;*/ background:#e2f0f1; padding:30px}
.profile_box_alt{ background:#e2f0f1; padding:30px}
.font_size21{ font-size:21px;}
.profile_box button.link,
.profile_box_alt button.link { background:#004876; width:240px;  text-align:center; line-height:normal; display:block; color:#fff !important; text-decoration:none; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; -webkit-box-shadow: 2px 2px 4px 0px rgba(0,0,0,0.50); -moz-box-shadow: 2px 2px 4px 0px rgba(0,0,0,0.50); box-shadow: 2px 2px 4px 0px rgba(0,0,0,0.50); border:2px solid #fff; cursor:pointer; padding:10px 20px; text-align:left}
.profile_box_alt button.link2,
.profile_box button.link2,
.notice3 button.link2 { background:#004876; width:210px;  text-align:center; line-height:42px; display:block; color:#fff; text-decoration:none; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; -webkit-box-shadow: 2px 2px 4px 0px rgba(0,0,0,0.50); -moz-box-shadow: 2px 2px 4px 0px rgba(0,0,0,0.50); box-shadow: 2px 2px 4px 0px rgba(0,0,0,0.50); border:2px solid #fff; cursor:pointer;}
.profile_box a.link,
.profile_box_alt a.link { background:#004876; width:240px;  text-align:center; line-height:normal; display:block; color:#fff !important; text-decoration:none; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; -webkit-box-shadow: 2px 2px 4px 0px rgba(0,0,0,0.50); -moz-box-shadow: 2px 2px 4px 0px rgba(0,0,0,0.50); box-shadow: 2px 2px 4px 0px rgba(0,0,0,0.50); border:2px solid #fff; cursor:pointer; padding:10px 20px; text-align:left}

.profile_box a.link:hover,
.profile_box a.link:focus,
.profile_box a.link:active,
.profile_box a.link.active,
.profile_box_alt a.link:hover,
.profile_box_alt a.link:focus,
.profile_box_alt a.link:active,
.profile_box_alt a.link.active
{
background:#004876; width:240px;  text-align:center; line-height:normal; display:block; color:#fff; text-decoration:none; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; -webkit-box-shadow: 2px 2px 4px 0px rgba(0,0,0,0.50); -moz-box-shadow: 2px 2px 4px 0px rgba(0,0,0,0.50); box-shadow: 2px 2px 4px 0px rgba(0,0,0,0.50); border:2px solid #fff; cursor:pointer; padding:10px 20px; text-align:left
}



.profile_box label,
.profile_box_alt label{ font-weight:normal; line-height:45px}
.notice3{ margin:30px 0 0 0; background:#fff url(../images/notice2.png) 20px 50% no-repeat!important;}
.profile_box h4,
.profile_box_alt h4{  padding-bottom:10px; font-size:14px; text-transform:uppercase; font-family:Arial, Helvetica, sans-serif !important}
#change_password{ background:#c4b1d0; position:relative}
#change_password::after { content:""; width: 0;  height: 0;  border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 10px solid #c4b1d0; position:absolute; right:150px; top:-10px }
.margin_btm_30{ margin-bottom:30px;}
/***Plan List******/
#plan_table_wrapper{ margin-bottom:30px;}
.dataTables_wrapper tbody tr td .icheckbox_square-green, .iradio_square-green{ margin-top:7px}
#mobile_menu{ display:none}
.cssParsedBox{    margin: 0 auto 20px;    color: #ffffff;    width: 60%;    padding: 20px;    text-align: left;    background-color: #ff0000;    border: 10px solid #ffffff;    -webkit-border-radius: 20px;    -moz-border-radius: 20px;    border-radius: 20px;borderRadius: 20px;}
table.dataTable thead th.right_align, 
table.dataTable tbody td.right_align{ text-align:right!important} 
table.dataTable thead th .right_align, 
table.dataTable tbody td .right_align{ text-align:right!important} 
.item1.right_align, 
.item2.right_align{ text-align:right!important} 
#violations_outer table.dataTable tbody tr.child td.child ul li[data-dt-column="16"] .dtr-title,
#violations_outer table.dataTable tbody tr.child td.child ul li[data-dt-column="17"] .dtr-title,
#violations_outer table.dataTable tbody tr.child td.child ul li[data-dt-column="18"] .dtr-title{ text-align:right!important}
.header.sticky{ position:fixed; width:100%; top:0px; left:0px; z-index:1000; transition: all 0.4s ease; -webkit-box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.50); -moz-box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.50); box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.50); }
#header .header.sticky{ }
header,
#header .header .account_navigation2,
#header .header .logo{transition: all 0.2s ease}
.select2-container--default .select2-selection--single .select2-selection__rendered{ text-align:left}
#paymentcc_table .visible{ float:left; margin-left:10px}
[class^="icon-"], [class*=" icon-"] {
    background-image: url("../images/glyphicons-halflings.png");
    background-position: 14px 14px;
    background-repeat: no-repeat;
    display: inline-block;
    height: 14px;
    line-height: 14px;
    vertical-align: text-top;
    width: 14px;
}
[class^="icon-"]:last-child, [class*=" icon-"]:last-child {
}
.icon-white {
    background-image: url("../images/glyphicons-halflings-white.png");
}
.icon-glass {
    background-position: 0 0;
}
.icon-music {
    background-position: -24px 0;
}
.icon-search {
    background-position: -48px 0;
}
.icon-envelope {
    background-position: -72px 0;
}
.icon-heart {
    background-position: -96px 0;
}
.icon-star {
    background-position: -120px 0;
}
.icon-star-empty {
    background-position: -144px 0;
}
.icon-user {
    background-position: -168px 0;
}
.icon-film {
    background-position: -192px 0;
}
.icon-th-large {
    background-position: -216px 0;
}
.icon-th {
    background-position: -240px 0;
}
.icon-th-list {
    background-position: -264px 0;
}
.icon-ok {
    background-position: -288px 0;
}
.icon-remove {
    background-position: -312px 0;
}
.icon-zoom-in {
    background-position: -336px 0;
}
.icon-zoom-out {
    background-position: -360px 0;
}
.icon-off {
    background-position: -384px 0;
}
.icon-signal {
    background-position: -408px 0;
}
.icon-cog {
    background-position: -432px 0;
}
.icon-trash {
    background-position: -456px 0;
}
.icon-home {
    background-position: 0 -24px;
}
.icon-file {
    background-position: -24px -24px;
}
.icon-time {
    background-position: -48px -24px;
}
.icon-road {
    background-position: -72px -24px;
}
.icon-download-alt {
    background-position: -96px -24px;
}
.icon-download {
    background-position: -120px -24px;
}
.icon-upload {
    background-position: -144px -24px;
}
.icon-inbox {
    background-position: -168px -24px;
}
.icon-play-circle {
    background-position: -192px -24px;
}
.icon-repeat {
    background-position: -216px -24px;
}
.icon-refresh {
    background-position: -240px -24px;
}
.icon-list-alt {
    background-position: -264px -24px;
}
.icon-lock {
    background-position: -287px -24px;
}
.icon-flag {
    background-position: -312px -24px;
}
.icon-headphones {
    background-position: -336px -24px;
}
.icon-volume-off {
    background-position: -360px -24px;
}
.icon-volume-down {
    background-position: -384px -24px;
}
.icon-volume-up {
    background-position: -408px -24px;
}
.icon-qrcode {
    background-position: -432px -24px;
}
.icon-barcode {
    background-position: -456px -24px;
}
.icon-tag {
    background-position: 0 -48px;
}
.icon-tags {
    background-position: -25px -48px;
}
.icon-book {
    background-position: -48px -48px;
}
.icon-bookmark {
    background-position: -72px -48px;
}
.icon-print {
    background-position: -96px -48px;
}
.icon-camera {
    background-position: -120px -48px;
}
.icon-font {
    background-position: -144px -48px;
}
.icon-bold {
    background-position: -167px -48px;
}
.icon-italic {
    background-position: -192px -48px;
}
.icon-text-height {
    background-position: -216px -48px;
}
.icon-text-width {
    background-position: -240px -48px;
}
.icon-align-left {
    background-position: -264px -48px;
}
.icon-align-center {
    background-position: -288px -48px;
}
.icon-align-right {
    background-position: -312px -48px;
}
.icon-align-justify {
    background-position: -336px -48px;
}
.icon-list {
    background-position: -360px -48px;
}
.icon-indent-left {
    background-position: -384px -48px;
}
.icon-indent-right {
    background-position: -408px -48px;
}
.icon-facetime-video {
    background-position: -432px -48px;
}
.icon-picture {
    background-position: -456px -48px;
}
.icon-pencil {
    background-position: 0 -72px;
}
.icon-map-marker {
    background-position: -24px -72px;
}
.icon-adjust {
    background-position: -48px -72px;
}
.icon-tint {
    background-position: -72px -72px;
}
.icon-edit {
    background-position: -96px -72px;
}
.icon-share {
    background-position: -120px -72px;
}
.icon-check {
    background-position: -144px -72px;
}
.icon-move {
    background-position: -168px -72px;
}
.icon-step-backward {
    background-position: -192px -72px;
}
.icon-fast-backward {
    background-position: -216px -72px;
}
.icon-backward {
    background-position: -240px -72px;
}
.icon-play {
    background-position: -264px -72px;
}
.icon-pause {
    background-position: -288px -72px;
}
.icon-stop {
    background-position: -312px -72px;
}
.icon-forward {
    background-position: -336px -72px;
}
.icon-fast-forward {
    background-position: -360px -72px;
}
.icon-step-forward {
    background-position: -384px -72px;
}
.icon-eject {
    background-position: -408px -72px;
}
.icon-chevron-left {
    background-position: -432px -72px;
}
.icon-chevron-right {
    background-position: -456px -72px;
}
.icon-plus-sign {
    background-position: 0 -96px;
}
.icon-minus-sign {
    background-position: -24px -96px;
}
.icon-remove-sign {
    background-position: -48px -96px;
}
.icon-ok-sign {
    background-position: -72px -96px;
}
.icon-question-sign {
    background-position: -96px -96px;
}
.icon-info-sign {
    background-position: -120px -96px;
}
.icon-screenshot {
    background-position: -144px -96px;
}
.icon-remove-circle {
    background-position: -168px -96px;
}
.icon-ok-circle {
    background-position: -192px -96px;
}
.icon-ban-circle {
    background-position: -216px -96px;
}
.icon-arrow-left {
    background-position: -240px -96px;
}
.icon-arrow-right {
    background-position: -264px -96px;
}
.icon-arrow-up {
    background-position: -289px -96px;
}
.icon-arrow-down {
    background-position: -312px -96px;
}
.icon-share-alt {
    background-position: -336px -96px;
}
.icon-resize-full {
    background-position: -360px -96px;
}
.icon-resize-small {
    background-position: -384px -96px;
}
.icon-plus {
    background-position: -408px -96px;
}
.icon-minus {
    background-position: -433px -96px;
}
.icon-asterisk {
    background-position: -456px -96px;
}
.icon-exclamation-sign {
    background-position: 0 -120px;
}
.icon-gift {
    background-position: -24px -120px;
}
.icon-leaf {
    background-position: -48px -120px;
}
.icon-fire {
    background-position: -72px -120px;
}
.icon-eye-open {
    background-position: -96px -120px;
}
.icon-eye-close {
    background-position: -120px -120px;
}
.icon-warning-sign {
    background-position: -144px -120px;
}
.icon-plane {
    background-position: -168px -120px;
}
.icon-calendar {
    background-position: -192px -120px;
}
.icon-random {
    background-position: -216px -120px;
}
.icon-comment {
    background-position: -240px -120px;
}
.icon-magnet {
    background-position: -264px -120px;
}
.icon-chevron-up {
    background-position: -288px -120px;
}
.icon-chevron-down {
    background-position: -313px -119px;
}
.icon-retweet {
    background-position: -336px -120px;
}
.icon-shopping-cart {
    background-position: -360px -120px;
}
.icon-folder-close {
    background-position: -384px -120px;
}
.icon-folder-open {
    background-position: -408px -120px;
}
.icon-resize-vertical {
    background-position: -432px -119px;
}
.icon-resize-horizontal {
    background-position: -456px -118px;
}


/**************Front end CSS *********/
body#frontend #header .header{ }
body#frontend .account_navigation{ float:right}
body#frontend .top_navigation > li { padding:0px}
body#frontend .top_navigation > li > a{ color:#552a84; background:none; font-size:16px;  border:none!important; box-shadow:none!important; padding:0 25px; font-family:Arial, Helvetica, sans-serif !important}
body#frontend .top_navigation > li > a em{ font-family:Arial, Helvetica, sans-serif !important}
body#frontend .breadcrumb{ background:#004876;}
body#frontend .middle_container{ background:#faf8fa /*url(../images/bg.png)*/ center top no-repeat; background-size:cover!important}
body#frontend .account_navigation{ float:right; border:1px solid #fff; background:url(../images/nav_bg.png) left top repeat; display:block; padding:0px 10px 3px 10px!important; line-height:28px;-webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; color:#fff;  -webkit-box-shadow: 2px 2px 4px 0px rgba(0,0,0,0.50); -moz-box-shadow: 2px 2px 4px 0px rgba(0,0,0,0.50); box-shadow: 2px 2px 4px 0px rgba(0,0,0,0.50);}
.box{ background:#5e968f; padding:20px 20px 10px 20px; -webkit-box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.50); -moz-box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.50); box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.50); border:2px solid #fff; min-height:300px; color:#fff}
.box h4{ margin:0px; padding:10px; font-size:18px; font-weight:400; color:#fff; background:#552a84; margin:-20px -20px 10px -20px; padding:15px;}
.box h2{ margin:0px; padding:0px 0px 15px 0px; font-size:18px; font-weight:400; color:#fff;}
.box p{ padding-bottom:15px;}
.box a.link{background:#552a84; -webkit-box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.50); -moz-box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.50); box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.50); border:2px solid #fff; color:#fff; float:right; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; padding:10px 20px; width:180px; text-align:center}
.box a:hover.link{ background:#76348a; text-decoration:none}
h3.box_rounded{ width:350px; padding:20px; background:#552a84; color:#fff; margin:auto; font-size:24px; text-align:center; margin-bottom:45px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;}
.box_map{ background:#5e968f; -webkit-box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.50); -moz-box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.50); box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.50); border:2px solid #fff; margin-bottom:30px; padding:0px!important}
.padding_btm_45{ padding-bottom:45px;}
.customer_list { color:#ffffff}
.customer_list h4{ line-height:26px;}
.customer_list .customer_list_top{ background:#5e968f; padding:15px;  min-height:150px}
.customer_list .customer_list_btm{ background:#552a84; padding:15px; min-height:130px; line-height:24px}
.margin_right_cols{ margin-right:145px;}
.box_white_shadow{ background:#fff; padding:15px; margin-bottom:30px; -webkit-box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.50); -moz-box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.50); box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.50); border:2px solid #fff; line-height:24px; min-height:140px;}
.box_white_shadow h4{ font-size:18px;  margin:0px 0px 10px 0px; font-family:Arial, Helvetica, sans-serif !important }
.footer_logo{ text-align:center; border:1px solid #b5bbbc; border-left:none; border-right:none;}
.footer_logo ul{}
.footer_logo ul li{ display:inline-block; padding:15px 20px }
.footer_logo ul li a{}
.icon_chat{ position:fixed; top:148px; right:0px; background:url(../images/icon_chat.png) left top no-repeat; width:290px; height:72px; z-index:98}
.icon_chat a{ height:72px; display:block; text-indent:-2500px}
.how_it_work{-webkit-box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.50); -moz-box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.50); box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.50); border:2px solid #fff; color:#fff; min-height:500px; position:relative}
.how_it_work_first{ background:url(../images/how_we_work1.jpg) center top no-repeat; background-size:cover!important; }
.text{ background:url(../images/black_transperent.png) left top repeat; padding:20px; margin:70px 20px 30px 0px; text-align:justify;}
.text p{ padding-bottom:15px; line-height:20px}
.how_it_work_second{ background:url(../images/how_we_work2.jpg) center top no-repeat; background-size:cover!important}
.how_it_work_third{ background:url(../images/how_we_work3.jpg) center top no-repeat; background-size:cover!important}
.cirlce{position:absolute; right:0px; top:0px; background:url(../images/icon_circle2.png) left top no-repeat; width:63px; height:58px; text-align:center; font-size:40px;  font-family:Arial, Helvetica, sans-serif !important}
.cirlce2{position:absolute; left:0px; top:0px; background:url(../images/icon_circle3.png) left top no-repeat; width:63px; height:58px; text-align:center; font-size:40px;  font-family:Arial, Helvetica, sans-serif !important}
.toll_facilities_main{ background:url(../images/toll_main_img.png) left top no-repeat; min-height:639px; -webkit-box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.50); -moz-box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.50); box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.50); border:2px solid #fff; background-size:cover!important}
.toll_map_main{ padding:60px 0px} 

.box2{ background:#552a84; padding:0px; -webkit-box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.50); -moz-box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.50); box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.50); border:2px solid #fff; color:#fff; padding:15px}
.box2 ul{}
.box2 ul li{ display:block; padding-bottom:10px; margin-bottom:10px; border-bottom:1px solid #9480a9}
.box2 ul li:last-child{padding-bottom:0px; margin-bottom:0px; border-bottom:none}
.box2 ul li:after{visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0;}
.box2 span{ width:18px; height:18px; display:block; background:#953995; float:left; margin-right:15px}
.box2 span.square_state{background:#953995}
.box2 span.square_non{background:#f5f800}
.box2 span.square_bridges{background:#fafafa}
.box ul{ float:left;}
.box h4{ line-height:22px}
.box ul.first{ width:30%}
.box ul.second{ width:40%}
.box ul.third{ width:30%}
.box ul li{ display:block; border-bottom:1px solid #55827d; font-size:12px;}
.box ul li a{ color:#fff; display:block; padding:10px 0px 10px 15px; background:url(../images/icon_arrow1.jpg) 5px 50% no-repeat}
.box ul li a:hover{background:#55827d url(../images/icon_arrow1.jpg) 5px 50% no-repeat; text-decoration:none}
table.dataTable.nowrap th, table.dataTable.nowrap td{white-space: normal}
.AmountLoaned p{display:inline}
#white_box{ margin:50px 0px 0px 0px}
#white_box .item{}
#white_box .item a{ display:block; padding:0 0 15px 0; text-align:center}
#white_box .white_box{ padding-bottom:30px;}
#white_box .item_outer{background:#fff; -webkit-box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.50); -moz-box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.50); box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.50); padding:15px 15px 15px 15px; min-height:220px; margin-bottom:30px; text-align:center}
#white_box .white_box:after{visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0;}
#white_box .item_outer img{ max-height:70px;}
.filtr-container .content{ height:240px}
#accordionFAQS{}
#accordionFAQS .panel.panel-default{ border-radius:0px!important;}
#accordionFAQS .panel-group{ margin:0px; ; border-radius:0px!important}
#accordionFAQS .panel-default{ margin:0px; padding:0px}
#accordionFAQS .panel-heading{  padding:0px; margin:0px; border-radius:0px!important}
#accordionFAQS .panel-heading a{ color:#fff; padding:15px; display:block; position:relative}
#accordionFAQS .panel-heading a:hover{ text-decoration:none}
#accordionFAQS .panel-heading a[aria-expanded="false"]{ background:#5e968f}
#accordionFAQS .panel-heading a[aria-expanded="true"]{ background:#552a84}
#accordionFAQS  .panel-collapse .panel-body{ padding:0px}
#accordionFAQS  .panel-collapse .panel-body .panel-body{ padding:15px}
#accordionFAQS .panel-heading a[aria-expanded="false"]:after{ width:30px; height:30px; content:"+"; position:absolute; right:0px; top:0px; font-size:30px; }
#accordionFAQS .panel-heading a[aria-expanded="true"]:after{ width:30px; height:30px; content:"-"; position:absolute; right:0px; top:0px;  font-size:30px; }
#accordionFAQS .panel  .panel .panel-heading a{ padding-left:25px}
#accordionFAQS .panel  .panel .panel-heading a[aria-expanded="false"]:after{ width:30px; height:30px; content:""; position:absolute; left:10px; right:auto; top:18px; font-size:30px; background:url(../images/arrow_open.png) no-repeat }
#accordionFAQS .panel  .panel .panel-heading a[aria-expanded="true"]:after{ width:30px; height:30px; content:""; position:absolute; left:10px; right:auto; top:20px; font-size:30px; background:url(../images/arrow_close.png) no-repeat; }
#accordionFAQS .btn.btn-primary{ float:right; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; -webkit-box-shadow: 2px 2px 4px 0px rgba(0,0,0,0.50); -moz-box-shadow: 2px 2px 4px 0px rgba(0,0,0,0.50); box-shadow: 2px 2px 4px 0px rgba(0,0,0,0.50); border:2px solid #fff; z-index:100; background:#552a84; padding:10px 15px; margin-bottom:5px}
#accordionFAQS .panel-group:before{visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0;}

#accordionFAQS .panel  .panel .panel-heading a[aria-expanded="false"]{ background:#e5e5e5; color:#000;}
#accordionFAQS .panel  .panel .panel-heading a[aria-expanded="true"]{ background:#552a84 ; color:#fff;}
#simplefilter{ display:none}
#simplefilter.show{ display:block!important}
#simplefilter{ margin-bottom:20px; border:1px solid  #ccc; background:#fff}
#simplefilter:after{visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0;}
#simplefilter li{ width:25%; display:block; padding:10px 15px; line-height:24px; float:left; border-bottom:1px solid  #ccc; cursor:pointer;}
#simplefilter li:hover{ background:#552a84; color:#fff}
a.simplefilter_btn{ background:#61277a; width:180px;  text-align:center; line-height:42px; display:block; color:#fff; text-decoration:none; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; -webkit-box-shadow: 2px 2px 4px 0px rgba(0,0,0,0.50); -moz-box-shadow: 2px 2px 4px 0px rgba(0,0,0,0.50); box-shadow: 2px 2px 4px 0px rgba(0,0,0,0.50); border:2px solid #fff; float:right; margin-bottom:20px;}
.search{ margin-bottom:30px}
#search_result_box{ display:none; background:#fff;  -webkit-box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.50); -moz-box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.50); box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.50); padding:30px 10px 10px 30px; margin-bottom:30px}
#search_result_box.show{ display:block!important}
#search_result_box .content{ height:350px;}
#search_result_box .content .panel{ background:none!important; border:none!important; padding:0px!important;  -webkit-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.0); -moz-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.0); box-shadow:0px 0px 0px 0px rgba(0,0,0,0.0); margin:0px;}
#search_result_box .content .panel-default > .panel-heading{ background:none!important; border:none!important; padding :0px!important;  -webkit-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.0); -moz-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.0); box-shadow:0px 0px 0px 0px rgba(0,0,0,0.0);  font-family:Arial, Helvetica, sans-serif !important}
#search_result_box .content .panel-default > .panel-heading a{padding:5px 0px!important; display:block}
#search_result_box .content .panel-body{ border:none!important; padding:0px 0px 10px 0px!important;}
#search_result_box .content .panel.panel-default{ border-bottom:1px solid #ccc!important; padding:5px 0px 5px 0px!important;}
#frontend .account_navigation > li{ position:static!important}
#frontend .account_navigation > li{ position:static!important}
#frontend .account_navigation > li > div{ width:100%!important; background:#ffffff!important; color:#000!important}

#form_front{}
#form_front h2{ font-size:14px;  color:#000000; padding-bottom:15px; margin:0px; font-family:Arial, Helvetica, sans-serif !important}
#form_front p{ padding-bottom:15px; line-height:24px}
#form_front p.or{ text-align:center; font-size:16px; padding:5px 0px;  font-family:Arial, Helvetica, sans-serif !important}
#form_front input[type="text"]{ padding:0px 10px!important; line-height:34px!important; height:38px!important;-webkit-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0); -moz-box-shadow:  0px 0px 0px 0px rgba(0,0,0,0); box-shadow: 0px 0px 0px 0px rgba(0,0,0,0); font-size:12px; border:1px solid #ccc!important; background:#f3f3f3!important}

#form_front input[type="password"]{ padding:8px 5px!important; line-height:normal!important; height:38px!important;-webkit-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0); -moz-box-shadow:  0px 0px 0px 0px rgba(0,0,0,0); box-shadow: 0px 0px 0px 0px rgba(0,0,0,0); font-size:12px; border:1px solid #ccc!important; background:#f3f3f3!important}

#form_front input[type="text"].input_violations{ width:270px; margin-right:10px}
#form_front p.paddingno{ padding-bottom:5px;}
#form_front .input_btn{ background:#61277a; width:100%;  text-align:center; line-height:42px; display:block; color:#fff; text-decoration:none; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; -webkit-box-shadow: 2px 2px 4px 0px rgba(0,0,0,0.50); -moz-box-shadow: 2px 2px 4px 0px rgba(0,0,0,0.50); box-shadow: 2px 2px 4px 0px rgba(0,0,0,0.50); border:2px solid #fff; margin-bottom:10px}
#form_front .account_navigation-column{ padding:15px 15px!important;}
#form_front .tooltip.in{ padding:15px!important;}
#form_front select{ width:100%!important; padding:8px 5px!important; border:1px solid #ccc}
#form_front .padding_btm_15{ padding-bottom:15px!important}
#form_front .col-lg-6 ,
#form_front .col-md-6 ,
#form_front .col-sm-6 ,
#form_front .col-xs-6 ,
#form_front .col-ms-12{padding-left: 15px!important; padding-right: 15px!important;}
#form_front .row {margin-left: -15px!important; margin-right: -15px!important;}


#form_front2{}
#form_front2 h2{ font-size:14px;  font-family:Arial, Helvetica, sans-serif !important; color:#000000; padding-bottom:15px; margin:0px;}
#form_front2 p{ padding-bottom:15px; line-height:24px}
#form_front2 p.or{ text-align:center; font-size:16px; padding:5px 0px;  font-family:Arial, Helvetica, sans-serif !important;}
#form_front2 input[type="text"]{ padding:0px 10px!important; line-height:34px!important; height:38px!important;-webkit-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0); -moz-box-shadow:  0px 0px 0px 0px rgba(0,0,0,0); box-shadow: 0px 0px 0px 0px rgba(0,0,0,0); font-size:12px; border:1px solid #ccc!important; background:#f3f3f3!important}
#form_front2 input[type="text"].input_violations{ width:270px; margin-right:10px}
#form_front2 p.paddingno{ padding-bottom:5px;}
#form_front2 .input_btn{ background:#61277a; width:100%;  text-align:center; line-height:42px; display:block; color:#fff; text-decoration:none; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; -webkit-box-shadow: 2px 2px 4px 0px rgba(0,0,0,0.50); -moz-box-shadow: 2px 2px 4px 0px rgba(0,0,0,0.50); box-shadow: 2px 2px 4px 0px rgba(0,0,0,0.50); border:2px solid #fff; margin-bottom:10px}
#form_front2 .account_navigation-column{ padding:15px 15px!important;}
#form_front2 .tooltip.in{ padding:15px!important;}
#form_front2 select{ width:100%!important; padding:8px 5px!important; border:1px solid #ccc}
#form_front2 .padding_btm_15{ padding-bottom:15px!important}
#form_front2 .col-lg-6 ,
#form_front2 .col-md-6 ,
#form_front2 .col-sm-6 ,
#form_front2 .col-xs-6 ,
#form_front2 .col-ms-12{padding-left: 15px!important; padding-right: 15px!important;}
#form_front2 .row {margin-left: -15px!important; margin-right: -15px!important;}


.form_front{}
.form_front h2{ font-size:14px;  color:#000000; padding-bottom:15px; margin:0px; font-family:Arial, Helvetica, sans-serif !important;}
.form_front p{ padding-bottom:15px; line-height:24px}
.form_front p.or{ text-align:center; font-size:16px; padding:5px 0px;  font-family:Arial, Helvetica, sans-serif !important;}
.form_front input[type="text"]{ padding:0px 10px!important; line-height:34px!important; height:38px!important;-webkit-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0); -moz-box-shadow:  0px 0px 0px 0px rgba(0,0,0,0); box-shadow: 0px 0px 0px 0px rgba(0,0,0,0); font-size:12px; border:1px solid #ccc!important; background:#f3f3f3!important}
.form_front input[type="password"]{ padding:8px 5px!important; line-height:24px!important; height:38px!important;-webkit-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0); -moz-box-shadow:  0px 0px 0px 0px rgba(0,0,0,0); box-shadow: 0px 0px 0px 0px rgba(0,0,0,0); font-size:12px; border:1px solid #ccc!important; background:#f3f3f3!important}
.form_front input[type="text"].input_violations{ width:270px; margin-right:10px}
.form_front p.paddingno{ padding-bottom:5px;}
.form_front .input_btn{ background:#61277a; width:100%;  text-align:center; line-height:42px; display:block; color:#fff; text-decoration:none; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; -webkit-box-shadow: 2px 2px 4px 0px rgba(0,0,0,0.50); -moz-box-shadow: 2px 2px 4px 0px rgba(0,0,0,0.50); box-shadow: 2px 2px 4px 0px rgba(0,0,0,0.50); border:2px solid #fff; margin-bottom:10px}
.form_front .account_navigation-column{ padding:15px 15px!important;}
.form_front .tooltip.in{ padding:15px!important;}
.form_front select{ width:100%!important; padding:8px 5px!important; border:1px solid #ccc}
.form_front .padding_btm_15{ padding-bottom:15px!important}
.form_front .col-lg-6 ,
.form_front .col-md-6 ,
.form_front .col-sm-6 ,
.form_front .col-xs-6 ,
.form_front .col-ms-12{padding-left: 15px!important; padding-right: 15px!important;}
.form_front .row {margin-left: -15px!important; margin-right: -15px!important;}



.small_font{ font-size:12px; line-height:18px!important; background:url(../images/icon_note3.png) left 50% no-repeat; padding-left:50px; padding-bottom:0px!important}

.search_result_box_input{ width:350px!important}

#accordionFAQS .panel .panel .panel-heading a,
#accordionFAQS .panel .panel .panel-heading a:hover{ text-decoration:none}
#accordionFAQS .panel-collapse .panel-body { line-height:22px}
#accordionFAQS .panel-collapse .panel-body ol{ margin-left:20px; margin-top:15px}
#accordionFAQS .panel-collapse .panel-body ol li{ padding-bottom:15px;}
#accordionFAQS .panel-collapse .panel-body ol li:last-child{ padding-bottom:0px}

#accordionFAQS .panel-collapse .panel-body ul{ margin-left:20px; margin-top:15px}
#accordionFAQS .panel-collapse .panel-body ul li{ padding-bottom:15px;}
#accordionFAQS .panel-collapse .panel-body ul li:last-child{ padding-bottom:0px}

.form-inline.searchInput{ position:absolute; right:15px; top:0px;}
.faq.p-sieve{  /*background:#fff;  -webkit-box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.50); -moz-box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.50); box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.50);*/  margin-top:30px}
.faq.p-sieve .faqhide-head { padding:15px 15px 0px 15px}
.faq.p-sieve .faqhide { padding-bottom:15px}
#search_result_box .content .panel{ background:none!important; border:none!important; padding:0px!important;  -webkit-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.0); -moz-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.0); box-shadow:0px 0px 0px 0px rgba(0,0,0,0.0); margin:0px;}
.faq.p-sieve .panel-default > .panel-heading{ background:none!important; border:none!important;  -webkit-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.0); -moz-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.0); box-shadow:0px 0px 0px 0px rgba(0,0,0,0.0);  padding:0 15px!important; font-family:Arial, Helvetica, sans-serif !important;}
.faq.p-sieve .panel-default > .panel-heading a{padding:5px 0px!important; display:block}
.faq.p-sieve .panel-body{ border:none!important; padding:0px 15px 10px 15px!important;}
.faq.p-sieve .panel.panel-default{ border:none;  -webkit-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.0); -moz-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.0); box-shadow:0px 0px 0px 0px rgba(0,0,0,0.0); border-bottom:1px solid #ccc!important; padding:5px 0px 5px 0px!important; border-radius:0px;}
.noresults{ margin:-30px 0 30px 0; padding:0 15px}
h2.resp-accordion span.resp-arrow{ display:none;}



#accordionFAQS_search .panel .panel .panel-heading a,
#accordionFAQS_search .panel .panel .panel-heading a:hover{ text-decoration:none}
#accordionFAQS_search .panel-collapse .panel-body { line-height:22px}
#accordionFAQS_search .panel-collapse .panel-body ol{ margin-left:20px; margin-top:15px}
#accordionFAQS_search .panel-collapse .panel-body ol li{ padding-bottom:15px;}
#accordionFAQS_search .panel-collapse .panel-body ol li:last-child{ padding-bottom:0px}

/********Slider***************/
body.home_page{}
.slider_bg{ background:url(../images/slider_new.jpg) center top no-repeat;  }
.middle_container_home{ padding:0 0 50px 0}
body.home_page #desktop{ background:none!important}
body#frontend.home_page #header .header{ background:none!important}
body#frontend.home_page #header .header.sticky{ background:#e0eff1 !important; min-height:60px!important}
body#frontend.home_page #header .header .main_navigation{ padding-top:5px;}

body#frontend.home_page #header .header .logo{ padding:0px}


.home_box{ background:url(../images/transperent_home_top.png) left top repeat; -webkit-box-shadow: 2px 2px 4px 0px rgba(0,0,0,0.50); -moz-box-shadow: 2px 2px 4px 0px rgba(0,0,0,0.50); box-shadow: 2px 2px 4px 0px rgba(0,0,0,0.50); border:1px solid #fff; padding:20px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; }
.home_box h3{ padding:0 0 20px 40px; margin:0px; font-size:18px;  line-height:30px; color:#fff; font-family:Arial, Helvetica, sans-serif !important; }
#signup_home h3{background:url(../images/icon_home_signup.png) left top no-repeat;}
#login_home h3{background:url(../images/icon_home_login.png) left top no-repeat;}
#violations_home h3{background:url(../images/icon_home_violations.png) left top no-repeat;}
.content_box{color:#ffffff}

.home_box p{ padding-bottom:20px;}
.home_box .link{ background:#f3f3f3 url(../images/icon_home_arrow.png) 94% 50% no-repeat; -webkit-box-shadow: 2px 2px 4px 0px rgba(0,0,0,0.50); -moz-box-shadow: 2px 2px 4px 0px rgba(0,0,0,0.50); box-shadow: 2px 2px 4px 0px rgba(0,0,0,0.50); border:1px solid #fff; padding:10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; color:#000; display:block;  text-decoration:none; font-family:Arial, Helvetica, sans-serif !important;}
.home_box .link:hover{ text-decoration:none; background:#048b92 url(../images/icon_home_arrow.png) 94% 50% no-repeat; color:#fff}
.home_box p:last-child{ padding-bottom:0px;}
.home_box p.last-item{ padding-bottom:0px;}

.home_box .content_box{ min-height:90px}

.home_box_btm{ background:url(../images/transperent_home_btm.png) left top repeat; -webkit-box-shadow: 2px 2px 4px 0px rgba(0,0,0,0.50); -moz-box-shadow: 2px 2px 4px 0px rgba(0,0,0,0.50); box-shadow: 2px 2px 4px 0px rgba(0,0,0,0.50); border:1px solid #fff; padding:25px 25px 25px 25px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; color:#ffffff; min-height:300px}
#btm_boxes{}
.text_center{ text-align:center}
.home_box_btm h3{ text-align:center; padding:10px 0 20px 0px; margin:0px; font-size:24px;  line-height:30px; font-family:Arial, Helvetica, sans-serif !important; }
.home_box_btm h3 em,
.home_box h3 em{ font-family:Arial, Helvetica, sans-serif !important}
#btm_boxes #news_home ul{}
#btm_boxes #news_home ul li{ display:block; padding-bottom:15px; margin-bottom:15px; border-bottom:1px solid #37a3a9; text-align:justify}
#btm_boxes #news_home ul li:last-child{ margin-bottom:0px; padding-bottom:0px; border-bottom:none}
#btm_boxes #toll_home a{-webkit-box-shadow: 2px 2px 4px 0px rgba(0,0,0,0.50); -moz-box-shadow: 2px 2px 4px 0px rgba(0,0,0,0.50); box-shadow: 2px 2px 4px 0px rgba(0,0,0,0.50); border:1px solid #fff;  -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; background:#6a207f; display:block; color:#fff; text-decoration:none; font-size:18px; padding:15px 25px; text-align:center;}

#register_box_front{ display:none!important}
#register_box_front.show{ display:block!important}

#violations_box_front{ display:none!important; max-width:350px;}
#violations_box_front.show{ display:block!important}
#login_home,
#login_home{ position:relative}
#register_box_front{ position:absolute; left:20px; top:210px; background:#fff; z-index:100;}
#register_box_front:after { content:""; width: 0;  height: 0;  border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 10px solid #fff!important; position:absolute; left:50%; top:-10px; margin-left:-5px }

#violations_home{ position:relative}
#violations_box_front{ position:absolute; left:20px; top:210px; background:#fff; z-index:100;}
#violations_box_front:after { content:""; width: 0;  height: 0;  border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 10px solid #fff!important; position:absolute; left:50%; top:-10px; margin-left:-5px }
a.close_icon{ background:#6a207f; padding:0px 5px; float:right; margin:5px; color:#fff}
a:hover.close_icon{ background:#6a207f; padding:0px 5px; float:right; margin:5px; color:#fff; text-decoration:none;}
a.contact_page_no_link{ display:none!important; background:red}
a.contact_page_link{ display:block!important}
body.contact-us a.contact_page_no_link{ display:block!important}
body.contact-us a.contact_page_link{ display:none!important}

/**********Dispute Page**********/
.dispute_type_label label{ line-height:45px; font-weight:normal}
.dispute_box .inner_dispute_box{ min-height:230px}


button[disabled], html input[disabled]{ background:#ccc}
.select2-container--disabled .select2-selection__rendered{ background:#ccc!important}
.modal-backdrop.fade.in{ display:none}
.modal{ z-index:1060;}
#violations_table tbody a.btn{ background:#61277a; width:auto;  text-align:center; line-height:30px; display:block; color:#fff; text-decoration:none; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; -webkit-box-shadow: 2px 2px 4px 0px rgba(0,0,0,0.50); -moz-box-shadow: 2px 2px 4px 0px rgba(0,0,0,0.50); box-shadow: 2px 2px 4px 0px rgba(0,0,0,0.50); border:2px solid #fff; cursor:pointer; width:130px;}

#background_cycler{padding:0;margin:0;width:100%;height:117px;position:absolute;top:0;left:0;z-index:10000;}
#background_cycler div{position:absolute;left:0;top:0;width:100%;height:100%;z-index:10001;background-color:white;background-size:cover;background-position:center center}
#background_cycler div.active{z-index:10003}
#header{ position:fixed; z-index:101; width:100%}
#sb-site{ padding-top:117px;}
#header #desktop{ z-index:10010!important; position:relative}
#header .header {padding:15px 0;}
body#frontend #header .header{ background:none!important}

#violations_outer table.dataTable tbody tr.child td.child ul li .dtr-title{ background:#004876;  padding:10px; display:block; color:#fff }
#violations_outer table.dataTable tbody tr.child td.child ul li .dtr-data{padding:10px;  display:block; background:none; }
#violations_outer table.dataTable tbody tr.child td.child ul li .item1{ min-height:55px; }
#violations_outer table.dataTable tbody tr.child td.child ul li .item2{ min-height:50px; padding-top:5px }
#violations_outer table.dataTable tbody tr.child td.child ul{ background:url(../images/line_violations.png) left top repeat}
#violations_outer table.dataTable tbody tr.child td.child ul{ position:relative}
#violations_outer table.dataTable tbody tr.child td.child ul:after { content:""; width: 0;  height: 0;  border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 10px solid #61277a; position:absolute; left:50%; top:-10px}


.google_map_iframe{ width:100%; height:450px}


/******Theme 1**********/

#top_boxes{ padding-bottom:180px}
.partners_logo{ text-align:center; border:1px solid #b5bbbc; border-left:none; border-right:none; background:#e0eff1;}
.partners_logo ul{}
.partners_logo ul li{ display:inline-block; padding:15px 20px }
.partners_logo ul:after{visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0;}
.partners_logo ul li a{}
.box_btm_full_size{ background:red url(../images/box_btm.jpg) center top no-repeat; background-size:cover!important; padding-top:50px}


body.home_page #header.sticky{ background:#e0eff2!important;}
#header.sticky .header{ padding:15px 0px; -webkit-box-shadow: 2px 2px 4px 0px rgba(0,0,0,0.50); -moz-box-shadow: 2px 2px 4px 0px rgba(0,0,0,0.50); box-shadow: 2px 2px 4px 0px rgba(0,0,0,0.50);}
#header.sticky .header .account_navigation2{margin-top:10px}
#header.sticky .header .logo{ padding-top:20px}
#header.sticky #background_cycler{ height:117px;}
.footer_btm_bg{  padding:15px 0px; text-align:center; }
.resp-tab-content{ border:none!important}
.box_map{ background:none; -webkit-box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.0); -moz-box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.0); box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.0); border:none; margin-bottom:30px; padding:0px!important}
.google_map_iframe{ border:none!important; display:block}


body.vehicle-list .exports{ float:left; position:relative!important; z-index:1000}
label.error{ font-size:12px; font-weight:normal; color:#000; display:block!important; line-height:normal!important; background:url(../images/arrow_list.jpg) left 50% no-repeat; padding-left:20px}
.errorTxt label{ display:block; list-style-type:decimal}
#form_front input.error[type="text"],
.form_front input.error[type="text"],
.form_front select.error,
#form_front2 input.input_violations.error[type="text"],
input.error,
select.error,
#form_front input.error[type="password"],
.form_front input.error[type="password"]{ border:1px solid #FF0000!important}
a.close_icon{ display:none}
body.home_page a.close_icon{ display:block}
#mobile_menu{padding-top:60px; margin-top:-60px}
button.link input{ background:none!important; border:none}

.errorTxt, .errorTxt1, .errorTxt2, .errorTxt3, .errorTxt4, .errorTxt5,  .errorTxt6, .errorTxt7, .errorTxt8, .errorTxt9, .errorTxt10
, .errorTxt11, .errorTxt12, .errorTxt13, .errorTxt14{-webkit-box-shadow: 2px 2px 4px 0px rgba(0,0,0,0.50); -moz-box-shadow: 2px 2px 4px 0px rgba(0,0,0,0.50); box-shadow: 2px 2px 4px 0px rgba(0,0,0,0.50); border:2px solid #fff; display:none; padding:15px; margin:0px -30px 30px -30px; background:#fff url(../images/notice2.png) 15px 50% no-repeat; padding-left:110px }

#header .errorTxt, #header .errorTxt1, #header .errorTxt2, #header .errorTxt3, #header .errorTxt4,#header .errorTxt5,#header .errorTxt6, #header .errorTxt7, #header .errorTxt8,#header .errorTxt9, #header .errorTxt10, .errorTxt11, .errorTxt12, .errorTxt13, .errorTxt14{margin:0px -15px 15px -15px!important;}
#top_boxes .errorTxt, #top_boxes .errorTxt1, #top_boxes .errorTxt2, #top_boxes .errorTxt3, #top_boxes .errorTxt4, #top_boxes .errorTxt5, #top_boxes .errorTxt6, #top_boxes .errorTxt7, #top_boxes .errorTxt8, #top_boxes .errorTxt9, #top_boxes .errorTxt10{margin:0px -15px 15px -15px!important;}

#mobile_menu .errorTxt, 
#mobile_menu .errorTxt1, #mobile_menu .errorTxt2, #mobile_menu .errorTxt3, #mobile_menu .errorTxt4,#mobile_menu .errorTxt5,#mobile_menu .errorTxt6, #mobile_menu .errorTxt7, #mobile_menu .errorTxt8,#mobile_menu .errorTxt9, #mobile_menu .errorTxt10, #mobile_menu .errorTxt11, #mobile_menu .errorTxt12, #mobile_menu .errorTxt13, #mobile_menu .errorTxt14{margin:0px -15px 15px -15px!important;}


.header_mobile_new{ display:none;}

#security_code{ width:180px!important}
.dataTables_wrapper .dataTables_paginate span .paginate_button{ position:relative; padding:5px 10px; margin:2px 0px; border-radius:0px!important;  } 
.dataTables_wrapper .dataTables_paginate span .paginate_button.current{ background:#004876 !important; color:#fff!important; }
.dataTables_wrapper .dataTables_paginate span .paginate_button:last-child:after{ display:none}
.dataTables_wrapper .dataTables_paginate span .paginate_button:after{ content:""; height:15px; width:1px; background:#004876!important; position:absolute; right:0px; top:7px}
.inner_padding{ padding:50px 0px}


.vertical .carousel-inner {
  height: 100%;
}

.carousel.vertical .item {
  -webkit-transition: 0.6s ease-in-out top;
     -moz-transition: 0.6s ease-in-out top;
      -ms-transition: 0.6s ease-in-out top;
       -o-transition: 0.6s ease-in-out top;
          transition: 0.6s ease-in-out top;
}

.carousel.vertical .active {
  top: 0;
}

.carousel.vertical .next {
  top: 100%;
}

.carousel.vertical .prev {
  top: -100%;
}

.carousel.vertical .next.left,
.carousel.vertical .prev.right {
  top: 0;
}

.carousel.vertical .active.left {
  top: -100%;
}

.carousel.vertical .active.right {
  top: 100%;
}

.carousel.vertical .item {
    left: 0;
}
#myCarouselvertical{position:relative; padding-bottom:30px}
#myCarouselvertical .carousel-inner{ min-height:120px;}
#myCarouselvertical a.carousel-control{ display:block; width:30px; height:30px; line-height:22px!important; position:absolute; bottom:0px; top:auto;  background:#61277a; color:#fff; text-decoration:none; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; -webkit-box-shadow: 2px 2px 4px 0px rgba(0,0,0,0.50); -moz-box-shadow: 2px 2px 4px 0px rgba(0,0,0,0.50); box-shadow: 2px 2px 4px 0px rgba(0,0,0,0.50); border:2px solid #fff; opacity:1;     -ms-transform: rotate(90deg); /* IE 9 */
    -webkit-transform: rotate(90deg); /* Chrome, Safari, Opera */
    transform: rotate(90deg);}
#myCarouselvertical a.carousel-control.left{ left:auto!important; right:45px!important}
#myCarouselvertical a.carousel-control.right{left:auto!important; right:0px!important}

#myCarouselvertical{position:relative; padding-bottom:30px}
#myCarousel .carousel-inner{ min-height:140px;}
#myCarousel a.carousel-control{ display:block; width:30px; height:30px; line-height:22px!important; position:absolute; bottom:0px; top:auto;  background:#61277a; color:#fff; text-decoration:none; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; -webkit-box-shadow: 2px 2px 4px 0px rgba(0,0,0,0.50); -moz-box-shadow: 2px 2px 4px 0px rgba(0,0,0,0.50); box-shadow: 2px 2px 4px 0px rgba(0,0,0,0.50); border:2px solid #fff; opacity:1;}
#myCarousel a.carousel-control.left{ left:auto!important; right:45px!important}
#myCarousel a.carousel-control.right{left:auto!important; right:0px!important}

@media screen and (min-width: 1440px) {
  .navMargin {
    margin-left: 768px;
    margin-top: 1px;
  }
}

@media (min-width:1599px) {
.slider_bg{ background:url(../images/slider_new.jpg) center top no-repeat; width:100%; background-size:cover!important }
}

.btn-file{ display:block!important}
.ie_fileupload{ display:none!important}


@media (max-width:1200px) {
#form_front input[type="text"].input_violations{ width:250px; margin-right:10px}
#form_front2 input[type="text"].input_violations{ width:250px; margin-right:10px}
.form_front input[type="text"].input_violations{ width:250px; margin-right:10px}
}
@media (min-width:1024px) {
#sb-site {
    height: auto !important;
    min-height: 100px !important;
}
.account_navigation2 {
    position: fixed;
    top: 135px;
    left: 116px;
    right: 0;
    z-index: 1000;
    transition: transform 0.3s ease;
  }
  .account_navigation2.hide {
    transform: translateY(-100%);
  }
.breadcrumb-li {
		color: white;
		margin-top: 1px;
	}
.marginleft-span{
margin-left: 0px;
}
.marginleft {
    margin-left: 417px;
}
.ul-css {
float: left;margin-left: -49px;
}
.span-css{
color: white; padding: 9px; font-weight: 600; margin-left: 149px;
}

}
@media (max-width:1024px) {
#note{ padding:30px 30px 30px 100px}
#note2{ padding:30px 30px 30px 100px}
#note3{ padding:30px 30px 30px 100px}
#inquiry_table_wrapper table.dataTable > tbody > tr.child ul{ padding:15px}

}
@media (min-width:990px) and (max-width:1200px) {
.account_navigation > li > a{ padding:3px 2px!important}
.top_navigation > li > a{ padding:0px 10px!important}
body#frontend .top_navigation > li > a{ padding:0px 10px!important}
.account_navigation > li.user_name{ padding:0px}
}

@media (max-width:999px){
#form_front input[type="text"].input_violations{ width:94%; margin-right:10px}
#form_front2 input[type="text"].input_violations{ width:94%; margin-right:10px}
.form_front input[type="text"].input_violations{ width:94%; margin-right:10px}
.header_mobile_new{ display:block;}
.dRmtaGreenBanner{display: none;}
#sb-site{ padding:64px 0px 0px 0px;}
.breadcrumb-li {
		color: white;
		margin-left: 53px;
		font-weight: 600;
		margin-top: 5px;
}
.marginleft-span{
margin-left: 107px;
}
.ul-css {
float: left;margin-left: -49px;
}
.span-css{
color: white;/* padding: 9px; *//* font-weight: 600; *//* margin-left: 149px; */
}
	#background_cycler { display:none!important;}
.text{margin:70px 0 30px; text-align:left}
#register_box_front{margin-bottom:20px}
#violations_box_front{margin-bottom:20px}
.exports{ margin:0px!important}
#frontend{ padding-top:60px}
a.mobile_menu2_btn{ display:none}
.breadcrumb{ margin-top:0px!important}
.rmtaFooter{flex: 1 1 200px;}
.rmtaSubFooter1{margin:0;flex:1 1 300px;}
.rmtaSubFooter2{margin:0;flex:1 1 300px;}

#mobile_menu .padding_inner .dropdown ul li a{ padding:10px 10px 10px 10px!important; display:block}
#mobile_menu .padding_inner .dropdown ul li img{ float:left!important; margin-right:10px; margin-left:-25px}
.container {width: 100%;}
#fixed-top{ display:block}
#desktop{ display: none}
#fixed-top { position:fixed; height:60px; width:100%; z-index:100; background-size:cover!important; top:15px; background: #ffffff !important;}
#frontend #fixed-top {background:#e0eff1 ; }
#frontend #fixed-top .mobile_menu_btn span span{ background:#000!important}
#frontend #fixed-top .rmta_mobile_menu_btn span span{ background:#000!important}

#frontend #fixed-top .mobile_menu2_btn span span.first{ background:#000!important}
#frontend #fixed-top .mobile_menu2_btn span span.second{ background:#000!important}


#header #fixed-top.header{ min-height:65px; padding:10px 0px}
#fixed-top .logo{ padding:17px;}
#fixed-top .logo { float:left; padding-top:17px;}
#fixed-top .logo a{ background:url(../images/logo_mobile.png) left top no-repeat; width:147px; height:38px; display:block;background-size:contain; text-indent:-12000px}

#fixed-top .mobile_menu_btn{ width:30px; height:30px; margin:15px; float:right;/* ;float:left; margin-left: -222px;margin-top: 67px; display: none; *//* --tw-text-opacity: 1;background-color: rgb(0 72 118 / 77%) */}
#fixed-top .mobile_menu_btn span{ cursor:pointer; display:block}
#fixed-top .mobile_menu_btn span span{ background:#fff; display:block; height:3px; margin:5px 0px }

#fixed-top .rmta_mobile_menu_btn{ width:30px; height:30px; margin:15px; float:right;--tw-text-opacity: 1;background-color: rgb(0 72 118 / 77%)}
#fixed-top .rmta_mobile_menu_btn span{ cursor:pointer; display:block}
#fixed-top .rmta_mobile_menu_btn span span{ background:#fff; display:block; height:3px; margin:5px 0px }

#fixed-top .mobile_menu2_btn{ width:30px; height:30px; margin:10px 15px; float:right;--tw-text-opacity: 1;background-color: rgb(0 72 118 / 77%)}
#fixed-top .mobile_menu2_btn span{ cursor:pointer; margin-top:13px; display:block}
#fixed-top .mobile_menu2_btn span span.first{ background:#fff; display:block; height:3px;   -ms-transform: rotate(45deg); /* IE 9 */    -webkit-transform: rotate(45deg); /* Safari */    transform: rotate(45deg); }
#fixed-top .mobile_menu2_btn span span.second{ background:#fff; display:block; height:3px; margin:0px;  -ms-transform: rotate(-45deg); /* IE 9 */    -webkit-transform: rotate(-45deg); /* Safari */    transform: rotate(-45deg); }


.breadcrumb{ margin-top:60px}
#mobile_menu .dropdown-menu{ position:relative; left:0px; top:0px; width:100%; float:none;}
#mobile_menu {border:2px solid #ccc}
#mobile_menu .padding_inner{ padding:0px}
#mobile_menu .panel-body{padding:0px; margin-left: 1px;}
#mobile_menu .panel-heading{ padding:0px;}
#mobile_menu .panel-heading a{padding:10px 10px; display:block}
#mobile_menu .panel-heading a{ text-decoration:none}
#mobile_menu .panel-heading a:hover{ text-decoration:none; padding:10px 10px; display:block; background:#ddd4e6; color:#621e74 }
#mobile_menu .panel-group{ margin-top: -1px; margin-bottom:0px}

#mobile_menu .panel .panel-heading a{ background:#004876; color:#fff!important; border-bottom:1px solid #621e74}
#mobile_menu .panel .panel .panel-heading a{ background:#dee2e6; color:#000!important}
#mobile_menu .panel .panel-heading a:hover{ background:#004876; color:#fff!important; border-bottom:1px solid #621e74}
#mobile_menu .panel .panel .panel-heading a{ background:#dee2e6; color:#000!important}

#mobile_menu .panel  .panel  .panel .panel-heading a{ background:#621e74; color:#fff!important; border-bottom:1px solid #621e74}

#mobile_menu .panel-heading,
.panel-group .panel,
#mobile_menu .panel-heading:hover {

    border-radius: 0px!important;
    border-radius: 0px!important;

}
#mobile_menu .panel-group .panel + .panel{ margin:0px;}
#mobile_menu .padding_inner .dropdown{}
#mobile_menu .padding_inner .dropdown ul{}
#mobile_menu .padding_inner .dropdown ul li{ display:block}
#mobile_menu .padding_inner .dropdown ul li a{ display:block; padding:10px 10px; border-bottom:1px solid #ccc; color:#621e74; text-decoration:none; white-space: normal!important; text-decoration:none!important  }
#mobile_menu .padding_inner .dropdown ul li a:hover{ background:#621e74; color:#fff}
#mobile_menu .padding_inner .dropdown ul li a span{ display:none}
.divider{ border-bottom:2px solid #621e74; margin:10px 0px}
.dropdown-menu{ -webkit-border-radius:0px; -moz-border-radius:0px; border-radius:0px; -webkit-box-shadow: 0px 0px 4px 0px rgba(0,0,0,0); -moz-box-shadow: 0px 0px 4px 0px rgba(0,0,0,0); box-shadow: 0px 0px 4px 0px rgba(0,0,0,0); margin:0px; border:none!important; padding:0px}
#mobile_menu .padding_inner .dropdown ul li.disabled{ background:#621e74; color:#fff; padding:10px}
#mobile_menu .padding_inner .dropdown ul li img{ float:right}

table.dataTable > tbody > tr.child ul{ padding:15px!important; border-bottom:1px solid #61277a}
table.dataTable > tbody > tr.child ul li{ width:50%; float:left}
table.dataTable > tbody > tr.child span.dtr-title{ font-weight:800; color:#004876}
table.dataTable tbody tr.child td.child ul{ position:relative; background:#e4ddeb}
table.dataTable tbody tr.child td.child ul:after { content:""; width: 0;  height: 0;  border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 10px solid #e4ddeb; position:absolute; left:50%; top:-10px }
#error_msg .icon_msg{ min-height:60px}
#infinite-scroll.content{height:auto!important;}
body{ padding-top:60px;}
.icon_chat{ bottom:0px; top:auto}
.item_outer #infinite-scroll.content{height:240px!important;}
#top_boxes{ padding-bottom:50px; padding-top:50px}

#paymentcc_table_wrapper,
#add_vehicle_account_wrapper{ margin-bottom:30px;}
#violations_outer table.dataTable tbody tr.child td.child ul{ background:none!important}
.inner_padding{ padding:40px}
#contact_info{ background:#fff} 

body.contact-us .footer_btm_bg{ padding-bottom:90px}
}
@media (max-width:768px){
.middle_container_box{ margin-bottom:30px;}
.middle_container_box + .middle_container_box{ margin-bottom:0px;}
.navigation_footer ul li{ padding:0 16px 10px 15px}
.middle_container .white_shadow{ min-height:207px;}
.dropdown_item{ float:none!important; width:100%!important; margin-bottom:5px; margin-left:0px!important}
.dropdown_item .select2-container{ width:100%!important}
.tablet_padding_btm_15{ padding-bottom:15px}
.home_box{ margin-bottom:20px; min-height:100px;}
.home_box .content_box{min-height:40px;}
.home_box_btm{ margin-bottom:20px; min-height:100px;}

#login_home{ position:static}
#register_box_front{ position:relative; left:0px; top:20px; background:#fff; z-index:100; }
#violations_home{ position:static}
#violations_box_front{ position:relative; left:0px; top:20px; background:#fff; z-index:100;  max-width:100%; }
.dispute_box .inner_dispute_box{ min-height:50px}
#form_front input.input_violations[type="text"]{ width:100%!important;}
#form_front2 input.input_violations[type="text"]{ width:100%!important;}
.form_front input.input_violations[type="text"]{ width:85%!important;}
.toll_map_main{ padding:15px 0px;}
#simplefilter li{ width:50%}
.tablet_padding_btm_15{ padding-bottom:15px;}
.dropdown_item{ margin-bottom:15px}
.dataTables_paginate.paging_simple_numbers{ padding-bottom:20px; margin:0px}
.icon_chat{ display:none!important;}
.slider_bg{ background:url(../images/slider_new.jpg) center top no-repeat; width:100%; background-size:cover!important }
#calign { text-align:center}
}
@media (max-width:568px){
.col-xs-padding-btm-15{ padding-bottom:15px;}
.text_area_margin{ margin-top:0px;}
#registered_tags .btn_bgp.fr{ padding-bottom:15px}
}
@media (max-width:540px){
#note{ padding:90px 15px 15px 15px!important; background-position:center 15px!important; text-align:center}
#note2{ padding:90px 15px 15px 15px!important; background-position:center 15px!important; text-align:center}
#note3{ padding:90px 15px 15px 15px!important; background-position:center 15px!important; text-align:center}
.add_content .notice2{ padding:90px 15px 15px 15px!important; background-position:center 15px!important; text-align:center}
.margin_btm_xs_15{ margin-bottom:15px}
.profile_box,
.profile_box_alt{ padding:15px;}
.footer_logo ul li{ width:30%;}
.box ul.first{ width:100%}
.box ul.second{ width:100%}
.box ul.third{ width:100%}
.item_last{ margin-top:20px}
#violation-resolution_btn{ padding-top:20px;}
#violation-resolution_btn ul.btn_bgp{ float:none!important}
#violation-resolution_btn ul.btn_bgp li{ float:none!important; width:100%; text-align:center}
#violation-resolution_btn ul.btn_bgp li button { float:none!important}
#violation-resolution_btn ul.btn_bgp li .link.fr{ float:none!important}

}
@media (max-width:480px){
table.dataTable > tbody > tr.child ul li{ width:100%; float:left}
table.dataTable > tbody > tr.child ul li span{ float:left; width:50%}
#transactions_table tbody tr.child td.child ul li{ width:100%; float:left}

.btn_bgp { margin-bottom:15px}
.btn_bgp li{}
#error_msg .icon_msg{ padding:60px 0 0 0; background:url(../images/icon_msg.png) center 5px no-repeat;}
#error_msg .icon_msg h3{ text-align:center}
#profile_btn_grp .link{ float:left!important}
#change_password::after { left:100px!important; right:auto!important; top:-10px }
#violation_details_btn.btn_bgp li{ float:none!important; margin-bottom:15px!important}
.search_result_box_input{ width:100%!important}
.search.fr{ width:100%}
.footer_logo ul li{ width:49%;}
#form_front input[type="text"].input_violations{ width:85%; margin-right:10px}
#form_front2 input[type="text"].input_violations{ width:85%; margin-right:10px}
.form_front input[type="text"].input_violations{ width:85%; margin-right:10px}
#form_front select{ margin-bottom:15px}
#form_front2 select{ margin-bottom:15px}
.form_front select{ margin-bottom:15px}
.mobile_padding_btm_15{ padding-bottom:15px}
.btn_bgp.fl{ margin-left:0px!important}
h3.box_rounded{ width:90%; margin:0 5% 10px 5%}
.dataTables_filter.show{ width:100%} 
.inner_padding{ padding:15px}
.errorTxt, .errorTxt1, .errorTxt2, .errorTxt3, .errorTxt4, .errorTxt5,  .errorTxt6, .errorTxt7, .errorTxt8, .errorTxt9, .errorTxt10
, .errorTxt11, .errorTxt12, .errorTxt13, .errorTxt14{
background:#fff url(../images/notice2.png) center 10px no-repeat!important; 
padding:90px 10px 10px 10px!important }
#contact_info ul li strong{ width:100%; float:none}
#contact_info ul li em{width:100%; font-style:normal; float:none}
.middle_container ul.btn_bgp li{ margin-bottom:10px}
#registered_tags_table_paginate{ padding-bottom:15px}
}

 .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12, .col-ms-1, .col-ms-2, .col-ms-3, .col-ms-4, .col-ms-5, .col-ms-6, .col-ms-7, .col-ms-8, .col-ms-9, .col-ms-10, .col-ms-11, .col-ms-12  {
  position: relative;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
}

@media (min-width: 1366px) {
#header .header{background-size:cover!important;}
}

@media (min-width:1000px) and (max-width:1060px) {
#violations_outer table.dataTable tbody tr.child td.child ul{ background:url(../images/line_violations2.png) left top repeat; padding:0px 15px}
#violations_outer table.dataTable tbody tr.child td.child ul li .dtr-title{ padding:0px; display:block; color:#fff; line-height:50px }
#violations_outer table.dataTable tbody tr.child td.child ul li .dtr-data{padding:0px;  display:block; background:none; min-height:50px;  line-height:49px }
#violations_outer table.dataTable tbody tr.child td.child ul li .item1{ min-height:50px;padding:0px;  line-height:49px}
#violations_outer table.dataTable tbody tr.child td.child ul li .item2{ min-height:49px; padding:0px; line-height:49px}
table.dataTable > tbody > tr.child ul{ padding:15px!important; border-bottom:1px solid #61277a}
table.dataTable > tbody > tr.child ul li{ width:50%; float:left}
table.dataTable > tbody > tr.child span.dtr-title{ font-weight:800; color:#004876}
table.dataTable tbody tr.child td.child ul{ position:relative; background:#e4ddeb}
table.dataTable tbody tr.child td.child ul:after { content:""; width: 0;  height: 0;  border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 10px solid #e4ddeb; position:absolute; left:50%; top:-10px }
}

.close_change_password.link2{background:#61277a; width:210px;  text-align:center; line-height:42px; display:block; color:#fff; text-decoration:none; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; -webkit-box-shadow: 2px 2px 4px 0px rgba(0,0,0,0.50); -moz-box-shadow: 2px 2px 4px 0px rgba(0,0,0,0.50); box-shadow: 2px 2px 4px 0px rgba(0,0,0,0.50); border:2px solid #fff; cursor:pointer;}

.profile_box label.profile_label, 
.profile_box_alt label.profile_label{ line-height:normal; font-weight:normal; margin-bottom:0px}

table.dataTable#example > tbody > tr.child ul{}
table.dataTable#example > tbody > tr.child ul li{ padding:0px;}
table.dataTable#example > tbody > tr.child ul li:after{visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0;}
table.dataTable#example > tbody > tr.child ul li .dtr-title{ display:block; float:left; width:50%; display:block; padding:5px 10px; line-height:normal}
table.dataTable#example > tbody > tr.child ul li .dtr-data{display:block; float:left; width:50%; display:block; padding:5px 10px; line-height:normal}
.edit_icon{ background:url(../images/icon_edit.png) left top no-repeat; display:block; text-indent:-25000px; float:left; width:33px; height:33px;} 
.edit_icon a{ width:33px; height:33px; display:block}

.delete_icon{ background:url(../images/icon_delete.png) left top no-repeat; display:block; text-indent:-25000px; float:left; width:33px; height:33px;} 
.delete_icon a{ width:33px; height:33px; display:block}

table.dataTable tr td input[type="checkbox"], 
table.dataTable tr td input[type="radio"]{ margin-right:5px!important}
a{ color:#61277a; /*text-decoration:underline*/}
.form_front a{ color:#61277a; text-decoration:underline}
a.bold{color:#61277a; text-decoration:underline; font-weight:bold}
.breadcrumb ul li a,
.box ul li a,
.navigation_footer ul li a,
#accordionFAQS .panel-heading a,
.box a.link,
a.link{ text-decoration:none}

#dialog-session, .modal-dialog, .modal-dialogViol, .modal-limitdialog {
    padding-top: 125px;
}

#myModal{
    top: auto;
    bottom: 300px;
}

.btn-xs {
    font-size: 18px;
    padding: 6px 12px;
}

.btn-pln {
    padding: 10px 5px;
}

.select_default{ height:auto!important;  line-height:normal!important; background:#fff; border:none; padding:0 0  0 10px; width:100%; border-right:8px solid #61277a; -webkit-box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.50); -moz-box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.50); box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.50); padding:10px}
.select_default option{ padding:5px; border-bottom:1px solid #ccc} 
/*
select {
*/
  /* styling */
/*  background-color: white;
  border: thin solid blue;
  border-radius: 4px;
  display: inline-block;
  font: inherit;
  height:auto!important;
  line-height: 1.5em;
  padding: 0.5em 3.5em 0.5em 1em;
*/
  /* reset */
/*
  margin: 0;      
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-appearance: none;
  -moz-appearance: none;
  */
/*}*/


/* arrows */
/*
select.classic {
  background-image:
    linear-gradient(45deg, transparent 50%, #fff 50%),
    linear-gradient(135deg, #fff 50%, transparent 50%),
    linear-gradient(to right, #61277b, #61277b);
  background-position:
    calc(100% - 20px) calc(1em + 2px),
    calc(100% - 15px) calc(1em + 2px),
    100% 0;
  background-size:
    5px 5px,
    5px 5px,
    2.5em 2.5em;
  background-repeat: no-repeat;
}
*/
/*
select.classic:focus {
  background-image:
    linear-gradient(45deg, white 50%, transparent 50%),
    linear-gradient(135deg, transparent 50%, white 50%),
    linear-gradient(to right, gray, gray);
  background-position:
    calc(100% - 15px) 1em,
    calc(100% - 20px) 1em,
    100% 0;
  background-size:
    5px 5px,
    5px 5px,
    2.5em 2.5em;
  background-repeat: no-repeat;
  border-color: grey;
  outline: 0;
}
*/



/* enable absolute positioning */
.inner-addon { 
    position: relative; 
}

/* style icon */
.inner-addon .glyphicon {
  position: absolute;
  padding: 10px;
  pointer-events: none;
}

/* align icon */
.left-addon .glyphicon  { left:  0px;}
.right-addon .glyphicon { right: 0px;}

/* add padding  */
.left-addon input  { padding-left:  30px; }
.right-addon input { padding-right: 30px; }

.hideShowPassword-toggle {
background-color: transparent;

background-image: url(../images/wink5.png);

background-position: 0 center;

background-repeat: no-repeat;
border:  solid transparent;
border-radius: 0.25em;
cursor: pointer;

margin: 0;
height: 100%;

overflow: hidden;

text-indent: -999em;

width: 20px;
right: 2.4% !important;

}


.hideShowPassword-toggle-hide {
  background-position: -20px center;
}

.sidePadding {
padding-left: 40px; padding-right: 40px;
}


.col-state, .col-country , .col-vehType, .col-plate, .col-plateType, .col-remove, .col-suffix  {
position:relative;
min-height:1px;
padding-right:15px;
padding-left:15px
}

@media (min-width: 992px) {
.col-state, .col-country, .col-vehType, .col-plate, .col-plateType, .col-remove, .col-suffix{
float: left;
}

.col-state  {
width:10%;
}
.col-country  {
width:11.03%;
}
.col-vehType  {
width:27%;
}
.col-plate{
width: 13.6%;
}
.col-plateType{
width: 21.66666667%;
}
.col-remove{
margin-top: 8px;
width: 3%;
}

.col-suffix  {
width:12%;
}
.confirmationVehPanelDiv  {
margin-left:-50px;
}
.rgt-aln-txt{
text-align:right;
}
}

.icon-remove:hover, .hideShowPassword-toggle:hover, .hideShowPassword-toggle:focus{
-ms-transform: scale( 1.15); 
-webkit-transform: scale( 1.15); 
transform: scale( 1.15);
}

.box_pink{ background: #ddd4e6; padding:20px 20px 10px 20px; -webkit-box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.50); -moz-box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.50); box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.50); border:2px solid #fff; color:#000}
.box_pink h4{ margin:0px; padding:10px; font-size:18px; font-weight:400; color:#fff; background:#552a84; margin:-20px -20px 10px -20px; padding:15px;}

@media (min-width: 768px) {
.modal-dialogViol {width:700px;margin:30px auto;}
}

.panel-group{width:100%;display:inline-block;vertical-align:top;margin-left: 0px;}#accordion2{margin-left:0px;}
.form-control{height:38px;font-size: 14px;}

.middle_container .white_shadow{
margin-left: 0px;
}
@media (max-width: 999px) {
.middle_container, .mrg-sm-15{
margin-left:15px;
margin-right:15px;
/* padding-top: 96px;
 */} 
.middle_container.panel{
margin-left:-15px;
margin-right:-15px;
}
}
@media (max-width: 480px){
.middle_container .white_shadow{
min-height: 240px;
margin-left: 0px;
}
.contentEnvelope{
padding: 20px; 
}
}
@media (max-width: 394px){
.sc-sz-xs > tbody > tr > td {
padding: 4px;
font-size: 12px;
}
.sc-sz-xs .btn-lg{
padding: 4px 8px;
font-size: 12px;
}
.sc-sz-xs{
font-size: 12px;
}
.btn-viol-xs {
padding: 10px 8px;
font-size: 15px;
}
}
#mobile_menu .dropdown {
position: inherit;
}

#existingCardTab .input-group-addon, #existingCardTabSec .input-group-addon {
padding: 6px 9px;
}

#error1{
color:red;font-weight: bold;
}

.iframe_cc{
width: 100%;
height: 60px;
margin-top: -10px;
margin-bottom: -10px;
}

.col-iframe{
padding-right: 14px;
padding-left: 14px;
}

#orgCardNumId[disabled], #orgSecCardNumId[disabled] {
background: #ddd;
}

#existingCardTab, #existingCardTabSec {
padding-left: 2px;
padding-right: 2px;
padding-bottom:7px;
}

div.col-iframe .error_msg{
margin-top: -7px;
margin-left: 3px;
}

.gpay-button{
width:100%!important;
padding: 10px 16px;
height: 40px; 
}
.padding_btm_7 {
	padding-bottom:7px
}

#applePay {  
	width:100%!important;
	min-width: 150px;  
	height: 40px;  
	display: none;   
	border-radius: 5px;    
	margin-left: auto;
	margin-right: auto;
	background-image: -webkit-named-image(apple-pay-logo-white); 
	background-position: 50% 50%;
	background-color: black;
	background-size: 55%; 
	background-repeat: no-repeat;  
}

.web-chat {
    background-color: #61277a;
    color: white;
    padding: 10px 15px;
    border: none;
    cursor: pointer;
    position: fixed;
    bottom: 23px;
    right: 28px;
    width: 81px;
    font-size: 10px;
    text-align: center;
    border-radius: 10px;
}
	
@media (max-width:999px){
.web-chat, .chatGrayedOut {
	width: 60px;
    height: 60px;
    padding: 4px 2px;
    bottom: 18px;
    right: 22px;
}
.chat-img
{
	width:18px;
    height:18px;
 }
}
 .modal .webchat-dialog {
    position:fixed;
    bottom:0px;
    right:0px;
    margin:0px;
    padding:10px;
    width:320px;
} 
 .chat-content {
    height: 450px;
}       
.chat-header {
  height: 253px;
  padding:28px 16px;
 }
.chat-body {
 height: 130px;
 }
 
 .chat-footer {
 height: 150px;
 }
     
.chatNowLink {
    display: block;
    line-height: 36px;
    color: #6a207f;
    border-bottom: 1px solid #6a207f;
    padding: 0 10px;
}
.chatNowLink:hover {
  color: white;
  background-color: #61277a;
  cursor:pointer;
}
 
.chatGrayedOut:hover{
    background: rgba(0, 0, 0, 0.5);
    transition: .5s ease;
    opacity: 1;
    cursor: default !important;
}
.web-chat .tooltiptext1 {
  visibility: hidden;
  width: 263px;
  background-color: #4c4c4c;
  color: #fff;
  text-align: left;
  padding: 10px 10px;
  border-radius: 5px; 
  border: 2px solid #000; 

  /* Position the tooltip */
  position: absolute;
  z-index: 1;
  margin-left: -325px;
  margin-top: -180px;
  height: 273px;
  font-family: Arial, Helvetica, sans-serif !important;
  font-size: 14px;
}
.web-chat .tooltiptext1::after {
     content: "";
    position: absolute;
    top: 170px;
    left: 0%;
    margin-left: 260px;
    border-width: 10px;
    border-style: solid;
    border-color: black transparent transparent transparent;
    transform: rotate(270deg);
}
.web-chat .tooltiptext2 {
  visibility: hidden;
  width: 263px;
  background-color: #4c4c4c;
  color: #fff;
  text-align: left;
  padding: 10px 10px;
  border-radius: 5px; 
  border: 2px solid #000;

  /* Position the tooltip */
  position: absolute;
  z-index: 1;
   margin-left: -325px;
   margin-top: -180px;
    height: 273px;
  font-family: Arial, Helvetica, sans-serif !important;
  font-size: 14px;
  
}
.web-chat .tooltiptext2::after {
    content: "";
    position: absolute;
    top: 170px;
    left: 0%;
    margin-left: 260px;
    border-width: 10px;
    border-style: solid;
    border-color: black transparent transparent transparent;
    transform: rotate(270deg);
}
.web-chat:hover .tooltiptext2 {
  visibility: visible;
} 
.web-chat:hover .tooltiptext1 {
  visibility: visible;
}

/*****Modal style for Feedback Limit Pop-up**/
@media (min-width: 768px) {
	.modal-limitdialog {
	width:700px;margin:30px auto;
	}
	.gpay {
	        max-width: 100%;
	    }
}
.limit-body{
	padding:15px;
	font-size:16px;
	font-weight:100;
	position:relative;
}

.removeflex, .modal-header {
	display:block;
}

.h4, h4 {
    font-size: 18px;
}

.h5, h5 {
    font-size: 14px;
}

.fas {
    color: #61277a !important;
}

label{
	font-weight:700;	
}

.fa-question-circle{
    color: #61277a !important;
}

.text-muted
 {
    color: #000000 !important;
    font-size : 75%
}

b{
	font-weight: 700;
}

.input-group-addon {
    padding: 6px 12px;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.8;
    color: #555;
    text-align: center;
    background-color: #eee;
    border: 1px solid #ccc;
    border-radius: 4px;
}

.stylePayIcons{
	float:left;
	margin-right:15px;
	height:56px;
	padding-top: 13px;
}

.pointer{
	color: #ac29db !important;
}

.mdlwidth{
	width: 115%;
}

.progress{
	height: 52px;
}

.colwidth{
	max-width:45%
}


.glyphicon-question-sign:before {
    content: "\f059"; /* Unicode for fa-question-circle */
    font-family: "FontAwesome"; 
    font-weight: 900; 
}

.aligncenter{
	justify-content: center;
}

.row > .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}

.pleft{
	padding-left: 856px !important;
}

.bachmodify{
	max-width: 1100px !important;;
}

.nav-tabs>li.active>a{
    color: #555;
    cursor: pointer;
    background-color: #fff;
    border: 1px solid #ddd;
    border-bottom-color: transparent;
}

.bachlabel .control-label{
	text-align:right;
}


.nav-tabs>li>a {
    margin-right: 2px;
    line-height: 1.42857143;
    border: 1px solid transparent;
    border-radius: 4px 4px 0 0;
}

.nav>li>a {
    position: relative;
    display: block;
    padding: 10px 15px;
}

.fullwidth{
	width: 100%
}

.marginlft{
	margin-left: 0px;
}

.nav-tabs > li > a{
	text-decoration: none;
}


 .nav-tabs> li > a:hover{
        background-color: #a7a2a2;
}
  
.b .a{
	color: #ac29db !important;
}

.iwdth{
	max-width: 700px;
}


.incpadding{
	padding: 13px;
	padding-right: 0px;
}

.form-control-static {
    min-height: 34px;
    padding-top: 7px;
    padding-bottom: 7px;
    margin-bottom: 0;
}

.input-group {
	flex-wrap: nowrap;
}

.padtop{
    padding-top: 15px;
}

.btnColor{
    background-color: #e8e8e8;
}

.fpmdlwidth{
	width:600px;
}

.btnAuth {
    color: #ffffff;
    background: #61277a;
 }
 
.padright{
    padding-right: 30px;
}

.modal-backdrop{
background-color: rgb(0, 0, 0, 0.5);
}

.spinner-overlay {
  position: fixed;
  inset: 0; 
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1045;
}
 .spinner-border {
  width: 4rem;
  height: 4rem;
  color: #004876;
  font-size: 16px;
}

.greenbar {
	background-color: rgb(0, 191, 140);
	color: rgb(255, 255, 255) !important;
	padding: 2px;
	text-decoration: none !important;
	float: right;
	width: 100%;
	margin-top: -15px;
	text-align: center;
	font-size: 16px;
	height: 40px;
	font-family: Open Sans,sans-serif;
}