@charset "utf-8";

/* CSS Document */



body {

	background: #fff ;

	padding: 0 !important;

	

}

#mainLogo {

	padding-top: 10px;

	text-align: center

}

#mainLogo img:last-child{

	/*display: none;*/

}

/*#top-nav.fixed #mainLogo img:last-child{

	display: block;

}

#top-nav.fixed #mainLogo img:first-child{

	display: none;

}*/

#top-nav {

	border-bottom: solid 5px #000; /* Changed the colour of the bottom border to black */

	background-color: #373737;

	border-top: solid 5px #000; /* Here I have added a black boder at the top of the page like on the NCP website*/

	color: #fff;
}

#top-nav.fixed{

	position: fixed;

	top: 0;

	left: 0;

	width: 100%;

	z-index: 9;

	margin: 0;

	-webkit-animation: slide 0.3s;

	background-color: #373737;

	color: #fff;

}

@-webkit-keyframes slide{

    0%{top: -100px;}

    100%{top:0}

}

#top-nav.fixed #loginBtn a{

	color: #fff;

}

#top-nav.fixed #searchBox form,

#top-nav.fixed #searchBox button span,

#top-nav.fixed h1{

	background-color: #373737;

	color: #fff;

}

#top-nav a{

	text-decoration: none;

}

#footerBar {

	height: 100%;

	// margin-top: 20px;

}

#footer {

	background: #373737;

	color: #ffffff;

	height: 100%;

	padding: 30px 15px;

	text-align: center;

}

#footer p{

	margin: 0;

	line-height: 1;

}

#footer p a{

	text-decoration: none;

	color: #fff;

}

#loginBtn {

	margin-top: 15px;

	padding-bottom: 10px;

}

#loginBtn td{

	text-align: right;

}

#loginBtn .fa{

	vertical-align: bottom;

}

#loginBtn td strong{

	padding-bottom: 5px;

	display: inline-block;

	padding-left: 5px;

}





#loginBtn a {

	margin-top: 15px;

	padding-bottom: 10px;

	text-decoration: none;

	color: #fff;

}



#loginBtn a:hover {

	text-decoration: none;

	color: #fff;

}



#loginBtn a:active {

	text-decoration: none;

	color: #000000;

}

#loginBtn a:focus {

	text-decoration: none;

	color: #000000;

}



#ContactBox {

	// padding: 7px;

	// background-color: #058E84;

	// width: 110px;

	text-align: center;

	// height: 37px;

	// margin-top: 15px;

	// margin-bottom: 15px;

	// color: #ffffff;

	color: #000;

	padding-top: 39px;

	font-weight: bold;

}

#ContactBox .fa{

	font-size: 12px !important;

}



#searchBox {

	margin-top: 15px;

	margin-bottom: 15px;

	height: 37px;

}

#searchBox form{

	border-bottom: 2px solid #000;

	display: inline-block;

	background-color: #fff;

}



#searchBox input[type="text"] {

	width: 200px;

	display: inline;

	margin-right: 0px;

	height: 37px;

	border:none;

	font-size: 13px;

	padding-left: 5px;

	outline: none;

	background-color: transparent;

}



#searchBox button {

	display: inline;

	width: 40px;

	margin-left: -5px;

	height: 37px;

	border: none;

	background-color: transparent;

	outline: none;

}



#searchBox button span {

	display: inline;

	line-height: 0px;

	font-size: 22px;

	color: #000000;

}



#btnRow {

	padding-bottom: 30px;

	padding-top: 30px;

}



#btnRow .btn-default {

	background-image: none;

	background-color: #D9D9D9;

	color: #373737;

	text-shadow: none;

}



#btnRow .completed {

	background-image: none;

	background-color: #fce25f;

	color: #373737;

	text-shadow: none;

}



#btnRow .btn-default[disabled] {

	background-color: #e0e0e0;

    background-image: none;

	color: #333333;

}



#FormbtnRow {

	padding-bottom: 30px;

}



#FormbtnRow .btn-default {

	background-image: none;

	background-color: #D9D9D9;

	color: #373737;

	text-shadow: none;

}



#FormbtnRow .btn-default[disabled] {

	background-color: #e0e0e0;

    background-image: none;

	color: #333333;

}



.titleHeader {

	// border-bottom: 1px solid #000000;

	padding-bottom: 5px;

	text-align: center;

	margin-bottom: 0;

}

.titleHeader span{

	display: inline-block;

	padding-bottom: 5px;

	// border-bottom: 2px solid #058E84;

	position: relative;

}

.titleHeader span:after,

.titleHeader span:before{

	content: "";

	position: absolute;

	width: 40px;

	top: 45%;

	height: 2px;

	background-color: #D9D9D9;

	left: -50px;

}

.titleHeader span:after{

	right: -50px;

	left: auto;

}



.nav.nav-pills.nav-stacked li a {

	// font-weight: bold;

	color: #000000;

	background-color: transparent;

	

}



.nav.nav-pills.nav-stacked li a:hover {

	background: #000 !important; /*Colour Change*/

	color: #D9D9D9 !important; /*Colour change*/

}



.nav.nav-pills.nav-stacked li {

	background: #D9D9D9;

	margin: 0;

	// margin-bottom: 7px;

}



.nav-pills>li>a {

    border-radius: 0px;

	border-bottom: #000 1px solid;

}

.nav>li>a:active {

	background: #FFFFFF;

	

}



.nav.nav-pills.nav-stacked li a:focus {

	background: #FFFFFF;

	

	// font-weight: bold;

	color: #000;

}



.nav.nav-pills.nav-stacked li a:active {

	background: #FFFFFF;

	

	// font-weight: bold;

	color: #058E84;

}



.forgotLink {

	font-weight: bold;

	color: #D9D9D9;	

}



.loginButton {

	padding: 0px;

}



.table-striped>tbody>tr:nth-of-type(even) {

	background-color: #e4e4e4;

}



#payPCN .btn-default {

    background-image: none;

	background-color: #D9D9D9;

    color: #ffffff;

    text-shadow: none;

}



.container-fluid {

	height: 100%;

}



/* 1-8-2017 */

.content_section > .col-md-2{

	background-color: #D9D9D9;
	

	padding: 0;

	padding-top: 15px;

	min-height: 100vh;

}
.content_section > .col-md-2.active{
	left: 0;
}
.nav.nav-pills.nav-stacked li a span{

	float: right;

	margin-top: 3px;

}

.nav.nav-pills.nav-stacked li a{

	padding: 12px 10px;

}

.content_tabs ul:after{

	display: block;

	clear: both;

	content: "";

}

.content_tabs ul{

	// padding: 50px 0;

	padding: 0;

	max-width: 900px;

	margin: 0 auto;

}

.content_tabs ul li{

	width: 33.33%;

	float: left;

	text-align: center;

	list-style: none;

	padding: 25px 15px;

	font-size: 14px;

	-webkit-transition: .3s ease-in-out;

    -moz-transition: .3s ease-in-out;

    -o-transition: .3s ease-in-out;

    transition: .3s ease-in-out;

}

.content_tabs ul li a{

	color: #000;

	text-decoration: none;

}

.content_tabs ul li:hover{

	box-shadow: 0 0 10px 1px #ddd;

	background: #D9D9D9;

}

.content_tabs ul li img{

	width: 55px;

	display: block;

	margin: 0 auto;

	margin-bottom: 5px;

}

.content_tabs ul li span{

	display: block;

}

.content_section .col-md-9{

	padding-top: 15px;

	padding-bottom: 15px;

}

.portal_ofers{

	padding: 15px;

	text-align: center;

	margin-top: 20px;

}

.portal_ofers:after{

	clear: both;

	display: block;

	content: "";

}

.portal_ofers > p{

	font-size: 18px;

	color: #373737;

}

.content_section h3{

	max-width: 900px;

	margin: 0 auto;

	padding: 20px 0;

	font-size: 20px;

	text-align: center;

	padding-top: 10px;

}

.parking_status{

	position: relative;

	display: block;

	padding: 15px;

}

.parking_status p{

	color: #373737;

	width: 50%;

	margin: 0;

	display: inline-block;

	margin-left: -3px;

	padding: 5px 15px;

	font-size: 18px;

	line-height: 1;

}

.parking_status p:first-child{

	text-align: right;

	border-right: 1px solid #373737;

}

.parking_status p span{

	border: 1px solid #373737;

	background-color: #373737;

	display: inline-block;

	line-height: 1;

	padding: 3px 10px;

	padding-top: 5px;

	color: #fff;

	width: 75px;

	text-align: center;
	vertical-align: middle;

}

.add_vehcl{

	margin-bottom: 20px;

}

#accordion{

	padding-top: 20px;

}

.titleHeader.text-right{

	text-align: right;

}

.other_srvc_items{

	text-align: center;

}

.other_srvc_items p{

	padding-top: 50px;

}

.other_srvc_items a{

	display: inline-block;

	margin-right: 5px;

	background-color: #D9D9D9;

	color: #fff;

	text-transform: uppercase;

	padding: 5px 20px;

	text-decoration: none;

}

button.btn.btn-default{

	display: inline-block;

	margin-right: 5px;

	background-color: #D9D9D9 ;

	border: 1px solid #D9D9D9 ;

	color: #373737;

	text-transform: uppercase;

	padding: 7px 20px;

	background-image: none !important;

	color: #373737 ;

	outline: none !important;

	border-radius: 0;

	line-height: 1;

	text-shadow: none;

	box-shadow: none;

}

.btn.btn-default{
	
		display: inline-block;
	
		margin-right: 5px;
	
		background-color: #D9D9D9 ;
	
		border: 1px solid #D9D9D9 ;
	
		color: #373737;
	
		text-transform: uppercase;
	
		padding: 7px 20px;
	
		background-image: none !important;
	
		color: #373737 ;
	
		outline: none !important;
	
		border-radius: 0;
	
		line-height: 1;
	
		text-shadow: none;
	
		box-shadow: none;
	
	}
	
.panel-default>.panel-heading{

	background-color: #D9D9D9;

	background-image: none;

	color: #373737;

	text-decoration: none;

}

.titleHeader.inner{

	text-align: left;

	border-bottom: 1px solid #000;

}

.comn_model .modal-header{

	background: #FFF9EA;

}

.comn_model .modal-footer {

	background: #FFF9EA;

}

.comn_model label{

	color: #EBA600;

}

.comn_model .modal-body:after{

	display: block;

	clear: both;

	content: "";

}

.col-sm-6.form-control {

	width: 50%;

}

#confrm_vehcl{

	text-align: center;

}

#confrm_vehcl a{

	display: inline-block;

	padding: 10px 30px;

	background-color: #ddd;

	color: #fff;

	line-height: 1;

	margin-top: 15px;

	margin: 15px 10px;

	font-size: 16px;

	text-decoration: none;

}

#confrm_vehcl a:last-child{

	background-color: #DD6B54;

}

.content_section form h2{

	color: #888;

	font-size: 28px;

	margin: 0;

}

.content_section form{

	margin-top: 30px;

}

form.inner_form{


	margin-top: 0;


}

.form_inner{


}

#payment .modal-footer,

#payment .modal-header{

	border: none;

}

#payment .modal-header > p{

	background-color: #fff;

	padding: 10px;

}

#payment .modal-header > p img{

	float: right;

	max-width: 120px;

}

#payment label{

	color: #666;

	font-size: 12px;

	display: block;

	padding-top: 10px;

}

#payment label sup{

	color: red;

}

.titleHeader.text-left{

	text-align: left;

}

.form_inner:after{

	display: block;

	clear: both;

	content: "";

}

.error{
	border-color: red !important;
	color: red;
}


.pre_booking a{
    background-color: #D9D9D9 !important;
    border: 1px solid #D9D9D9;
    color: #fff;
    text-decoration: none;
    display: inline-block;
    padding: 5px 15px;
    margin-top: 20px;
}
.autoplay p{
font-size: 18px;
margin-bottom: 15px;
}
.autoplay p a{
font-weight: bold;
color: #D9D9D9;
}
.sub_title{
font-size: 18px;
padding-bottom: 10px;
}
.form_inner.other_srvc{
text-align: left;
font-size: 18px;
padding: 20px 30px;
}
.form_inner.other_srvc p{
padding: 0;
}
.form_inner.other_srvc a{
background: transparent; 
color: #000;
}

h1{
	margin-left: 115px; /*Stu Asked for this to be moved across*/
}

#logo {
	height: 40px;
	width: 200px;
	padding-top: 10px;
}
#logo2 {
	height: 50px;
	width: 166px;
	padding-top: 0px;
	margin-right:10px;
}
#italic{
	font-style: italic;
	font-size: 12px;
}

#underline{
	text-decoration: underline;
}

.page-header {
	margin-top:20px;
}
.parking_status {
	padding:0px;
}
.wizard > .content {
	background-color: #fff;
}
.btn-default {
	margin-right:0px !important;
}
.btn-primary {
    color: #fff !important;
    background-color: #337ab7 !important;
    border-color: #2e6da4 !important;
}

.login_register {
	text-align:center;
	padding-top:10px;
	height:350px;
	background-color: #f8f8f8;
	border-radius:5px;
	border:1px solid #aaa;
}

.main-login-form {

	
	height:350px;
	background-color: #f8f8f8;
	border-radius:5px;
	border:1px solid #aaa;
	padding-left:20px;
	padding-right:20px;
}

.login_register .content_tabs {
	margin-top:30px;
}
.login_register .content_tabs ul li{
	
		width: 50%;
		float:none;
		margin-left:auto;
		margin-right:auto;	
	
	}
	

	.main-login-form .input-icon > span{color:#ccc; display:block; position:absolute; margin:11px 2px 4px 10px; z-index:3; width:16px; font-size:16px; text-align:center;}
	
	.main-login-form .input-icon > .form-control{padding-left:33px;}
	
	/* IE8 & IE9 mode utilities */
	.visible-ie8{display:none;}
	.ie8 .visible-ie8{display:inherit !important;}
	.visible-ie9{display:none;}
	.ie9 .visible-ie9{display:inherit !important;}
	.hidden-ie8{display:inherit;}
	.ie8 .hidden-ie8{display:none !important;}
	.hidden-ie9{display:inherit;}
	.ie9 .hidden-ie9{display:none !important;}
	
	.main-login-form h3 {
		margin-bottom:20px;
	}
	
	.main-login-form .form-control {
		margin-bottom:0px;
		margin-top:8px;
	}

.checkbox {
	font-size: 14px;
    line-height: 1.42857143;
    color: #333;
}

label.checkbox {
		-webkit-touch-callout: none;
		-webkit-user-select: none;
		-khtml-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
		user-select: none;
}

.login_name {
    display: block;
    position: relative;
    padding: 0.78em 20px 0.78em 20px;
    color: #333;
    text-decoration: none;
    font-size: 0.9125em;
    line-height: 1.38462em;
    text-align:center;
    margin-bottom:30px; 
}


a[data-toggle="collapse"][aria-expanded="true"] .fa {
	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}

.sub-menu a{
	padding-left:20px !important;
}

.page_form_footer {
	text-align:right;
}
.page_header {
	border-top:0px;
}

.ekashu_payment_frame {
	min-height:450px;
}
.cardpayment_payment_frame {
	min-height:450px;
}
#mainLogo {
	float:left;
	margin-left:30px;
}
h1 {
	margin-left:0px;
}

#header_name {
	margin-left:30px;
	float:left;
}
#loginBtn {
	float:right;
	margin-right:20px;
}

#appstore {
	float:right;
	margin-right:20px;
}

.appstore img {
	width:130px;
}
.appstore p {
	margin-bottom:2px;
	margin-top:2px;
	color: #D02213;
}

.paybyphone_tabs ul li{
	
		width: 100%;
	
		float: left;
	
		text-align: center;
	
		list-style: none;
	
		padding: 25px 15px;
	
		font-size: 14px;
	
		-webkit-transition: .3s ease-in-out;
	
		-moz-transition: .3s ease-in-out;
	
		-o-transition: .3s ease-in-out;
	
		transition: .3s ease-in-out;
	
	}

.paybyphone_tabs img {
	width:50%;
	max-width:400px;
}



/* 09-11-2017 
 Responsive */


 .lines-button {
    transition: .3s;
    cursor: pointer;
    outline: none;
    background-color: #373737;
    width: 50px;
    height: 50px;
    margin: 0;
    border: none;
    position: absolute;
    top: 0;
    left: 100%;
    z-index: 9;
    display: none;
    opacity: 1 !important;
    padding: 0;
}
.lines-button.close{
	float: none;
	background-color: #373737;
}
.lines-button:hover {
    opacity: 1
}
.lines-button:active {
    transition: 0
}
.lines {
    display: block;
    width: 35px;
    height: 6px;
    background: #ecf0f1;
    border-radius: .28571rem;
    transition: .3s;
    position: relative;
    margin: 0 auto;
    left: 35%;
    transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
}
.lines:after,
.lines:before {
    display: block;
    width: 35px;
    height: 6px;
    background: #ecf0f1;
    border-radius: .28571rem;
    transition: .3s;
    position: absolute;
    left: 0;
    content: '';
    -webkit-transform-origin: .28571rem center;
    transform-origin: .28571rem center
}
.lines:before {
    top: 12px;
}
.lines:after {
    top: -12px;
}

.lines-button.arrow.close .lines:after,
.lines-button.arrow.close .lines:before {
    width: 2.22222rem
}
.lines-button.arrow.close .lines:before{
  top: 2px;
}
.lines-button.arrow.close .lines:after{
  top: -2px;
}

.lines-button.arrow.close .lines:before {
    -webkit-transform: rotate3d(0, 0, 1, 40deg);
    transform: rotate3d(0, 0, 1, 40deg)
}

.lines-button.arrow.close .lines:after {
    -webkit-transform: rotate3d(0, 0, 1, -40deg);
    transform: rotate3d(0, 0, 1, -40deg)
}


#menubutton {
	display:none;
	
}


@media (max-width:1200px){
	#top-nav h1{
		font-size: 26px;
		padding-left: 15px;
	}
	#searchBox button{
		position: absolute;
		top: 0;
		right: 0;
	}
	#searchBox form{
		position: relative;
	}
	#logo img{
	    height: auto;
    	width: 175px;
	}
	.steps > ul > li {
		width:auto !important;
	}
}

@media (max-width:992px){
    .content_section > .col-md-2 .nav{
       /* max-height: 70vh;*/
        overflow: auto;
	 /*   padding-bottom: 50px;*/
	}
	#top-nav h1{
		text-align: center;
	}
	#loginBtn .fa{
		font-size: 28px;
	}
	#loginBtn{
		margin-top: 22px;
	}
	#searchBox input[type="text"]{
		width: 100%;
		padding-right: 15px;
	}
	.lines-button{
		display: block;
	}
	.content_section > .col-md-2{
		position: fixed;
		z-index: 9;
		left: -250px;
	}
	
    #FormbtnRow{
        padding-left: 0;
        padding-top: 15px;
    }
	.content_holder_section {
		min-height:100vh;
	}
	
}

@media (max-width:800px){
	#top-nav h1{
		padding-top: 3px;
		font-size: 22px;
	}
	#logo img{
		width: 160px;
	}
	/* #menubutton {
		display:block;
		float:left;
		margin-left: 20px;
		margin-top: 25px;
	} */

}

@media (max-width:767px){
    #btnRow .btn-default{
        margin: 5px;
    }
    #btnRow{
        padding: 15px;
    }
	#logo{
		text-align: left;
	}
	#loginBtn{
		position: absolute;
		top: 0;
		right: 20px;
		margin-top: 15px;
	}
	#top-nav .col-sm-3{
		position: static;
	}
	#loginBtn td strong{
		width: 45px;
		overflow: hidden;
		height: 20px;
	}
	#top-nav h1{
		margin: 0;
		margin-top: -30px;
		background-color: transparent !important;
	}
	#searchBox form{
		display: block;
		width: 230px;
		float: right;
	}
	#searchBox input[type="text"]{
		display: block;
		height: auto;
		padding: 7px;
	}
	#logo img{
		width: 150px;
	}
	.titleHeader{
		font-size: 24px;
	}
	.content_section h3{
		font-size: 17px;
	}
	.content_tabs ul li{
		width: 50%;
	}
	.content_section .col-md-9{
		
	}
	.parking_status p{
		width: 100%;
		text-align: center !important;
		border: none !important;
	}
	.parking_status p span{
		display: block;
		margin: 0 auto;
		margin-bottom: 15px;
	}
	.parking_status p:first-child span{
		margin-top: 15px;
		margin-bottom: 0px;
	}
	.titleHeader span:after, .titleHeader span:before{
		width: 20px;
		left: -20px;
	}
	.titleHeader span:after{
		left: auto;
		right: -20px;
	}
    .other_srvc_items a{
        margin: 5px;
    }
	#appstore {
		display:none;
	}
}

@media (max-width:480px){
	#top-nav h1{
		margin-top: 0;
		font-size: 28px;
    	padding: 15px 0;
	}
	#searchBox{
		margin: 0;
		width: 100%;
		height: auto;
	}
	#searchBox form{
		display: block;
		margin: 0;
		width: 100%;
	}
	#searchBox input[type="text"]{
		margin: 0;
		
		color: #fff;
	}
    #searchBox form{
        background-color: #999;
    }
	#searchBox button span{
		font-size: 16px;
	}
	#searchBox button{
		height: 100%;
	}
	.titleHeader{
		font-size: 18px;
	}
	
	.content_tabs ul li{
		padding: 15px 10px;
	}
	.content_tabs ul li span{
		min-height: 40px;
	}
    #btnRow .btn-default{
        font-size: 12px;
        margin: 3px;
    }
    #FormbtnRow{
        text-align: left;
    }
 /*DD*/

	#header_name {
		margin-left:10px;
	}
	#header_name h1{
		font-size:20px;
		
	}

	#mainLogo {
		margin-left:5px;
		padding-top:5px;
	}
	#logo2 {
		width:100px;
		height:30px;
		margin-top:-22px;
		
	}
	#logo {
		width:100px;
		height:30px;
		margin-left: -100px;
		margin-top: 19px;
		margin-bottom:5px;
	}

	#menubutton {
		display:block;
		float:left;
		margin-left: 20px;
		margin-top: 25px;
	}
	.content_section > .col-md-2 {
		border-right: 1px solid #000;
	}

	#loginBtn {
		display:none;
	}

	.login_name {
		display:none !important;
	}

	
}

.payment_card {
	width: 300px;
    padding: 20px;
    border: 1px solid #ccc;
    border-radius: 5px;
    margin-bottom: 10px;
	background-color: #eee;
	cursor:pointer;
	-webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; 
}

.payment_card.other {
	width:100%;
}

.payment_card.selected {
	background-color: #fff;
}
.payment_card.other
{
	background-color: #fff;
}

.col_space {
	margin-left: 0px;
}

.main-login-form h5{
	text-align: center;
    margin-top: -35px;
}

@media (max-width:1016px) {
	#menubutton {
		display:block;
		float:left;
		margin-left: 20px;
		margin-top: 25px;
	}
}


.form-check-label {
	padding-left:0px !important;
}