body{
  color: #777777;
    font-family: 'helvetica';
  padding: 0;
  margin: 0;
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    font-family: inherit;
    font-weight: normal;
    line-height: 1.1;
    color: inherit;
}

a:hover{
    text-decoration: none;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.nopadding{
  padding: 0 !important;
}
.nomargin{
  margin: 0;
}

/* margin classes*/
.mt5{margin-top: 5px;}
.mt10{margin-top: 10px;}
.mt15{margin-top: 15px;}
.mt20{margin-top: 20px;}
.mt25{margin-top: 25px;}
.mt30{margin-top: 30px;}
.mt35{margin-top: 35px;}
.mt40{margin-top: 40px;}
.mt45{margin-top: 45px;}
.mt50{margin-top: 50px;}
.mt60{margin-top: 60px;}
.mt70{margin-top: 70px;}
.mt80{margin-top: 80px;}
.mt90{margin-top: 90px;}
.mt100{margin-top: 100px;}
.mt110{margin-top: 110px;}
.mt120{margin-top: 120px;}
.mt130{margin-top: 130px;}
.mt140{margin-top: 140px;}

.mb10{margin-bottom: 10px;}
.mb20{margin-bottom: 20px;}
.mb30{margin-bottom: 30px;}
.mb40{margin-bottom: 40px;}
.mb50{margin-bottom: 50px;}
.mb60{margin-bottom: 60px;}
.mb70{margin-bottom: 70px;}
.mb80{margin-bottom: 80px;}
.mb90{margin-bottom: 90px;}
.mb100{margin-bottom: 100px;}
.mb110{margin-bottom: 110px;}
.mb120{margin-bottom: 120px;}
.mb15{margin-bottom: 15px;}
.mb25{margin-bottom: 35px;}
.mb35{margin-bottom: 35px;}
.fs10{font-size:10px;}
.fs15{font-size:15px;}
.fs20{font-size:20px;}
.fs30{font-size:30px;}
.fs40{font-size:40px;}
.fs50{font-size:50px;}
.fs60{font-size:60px;}
.fs70{font-size:70px;}
.fs80{font-size:80px;}
.fs90{font-size:90px;}
body {
  background: url(../images/bg-ONP.jpg) no-repeat 0 0 #000000;
    background-size: cover;
    background-position-y: -200px;
}
#page-wrapper {
    margin-top: 150px;
}
.no-round{
	border-radius: 0;
}
.text-grey{
	color: #999;
}
.bg-white{background: #ffffff;}
.bg-grey{background: #dfdfdf;}
.bg-lightgrey{background: #eaeaea;}
.bg-green{background: #98ca8f;}
.bg-black{background: #000;}
.login-overlay{
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
}
/* .main-cnt {
	width: 40%;
    color: white;
    text-align: center;
    padding: 20px;
    height: 625px;
    position: relative;
    margin: -312px auto 0;
    top: 40%;
} */
.logo-txt{
	color: #fff;
	font-size: 40px;
	text-transform: uppercase;
}
.text-black {color: #000;}
img.login-img {
	margin-bottom: 30px;
}
.login-cnt{
    width: 100%;
	padding-top: 20px;
	overflow: hidden;
    background: #f3f3f3;
}
.login-img img {
  width: 100%;
}
.main-cnt form .form-group input, .main-cnt form .form-group select {
  border-radius: 0;
}
.main-cnt form .form-group .login-submit{
  transition: all 0.2s ease-in-out 0s;  
}
.main-cnt form .form-group .login-submit:hover{
  color: #ffffff;
  background: #000;
}
.login-submit{
  color: #ffffff;
  font-size: 23px;
  width: 290px;
  line-height: 30px;
  background: #e05c26;  
}
.top-nav{
  height: 53px;
  overflow: hidden;
}
.navbar-brand{
  display: block;
  height: auto;
  padding: 0;
}
.user-cnt{
  height: 100%;
  text-align: right;
}
ul.welcome-cnt{
  height: 57px;
  margin: 0 -15px 0 0;
  float: right;
}
ul.welcome-cnt li{
  color: #ffffff;
  font-size: 20px;
  padding-top: 15px;
  text-align: center;
}
ul.welcome-cnt li a{
	display: block;
	color: #fff;
}
ul.welcome-cnt li.lock-cnt{
  width: 35px;
  height: 100%;
  background: #d66122;
}
.bottom-nav{
  background: #eceded;
  border-top: solid 2px #d1520e;
}
#navbar{
  padding: 0;
}
#navbar .navbar-nav{
	width: 100%;
	height: 70px;
	display: table;
	transition: all 0.2s ease-in-out 0s;
}
#navbar .navbar-nav li {
  /* width: calc(100%/12); */
	width: 8.233%;
	height: 70px;
	display: table;
	text-align: center;
	border-right: solid 1px #c4c5c6;
	transition: all 0.2s ease-in-out 0s;
}
#navbar .navbar-nav li a{
	color: #222224;
	width: 100%;
	height: 70px;
	display: table-cell;
	vertical-align: middle;
    font-size: 14px;
	font-weight: bold;
	position: relative;
	background: transparent;
	transition: all 0.2s ease-in-out 0s;
}
/* #navbar .navbar-nav li a:hover , #navbar .navbar-nav li a.active > .hover-el{
	display: block;
}
#navbar .navbar-nav li a:hover > .hover-el:after, #navbar .navbar-nav li a.active > .hover-el{ */
/* header start */
	/*.top-header {
		color: #0053a1;
		font-weight: 700;
		background-color: #0053a1;
		border-color: #0053a1;
	}
	.top-header-dark .top-header .content-info {
			color: #fff;
		font-weight: normal;
		padding: 5px 0 0 0;
	}
	.top-header-dark .top-header a, .top-header-dark .top-header a:hover {
		color: #fff;
	}
	.header-menu-wrapper{
		background: #fff;
	}
	.nav.navbar-nav.navbar-right{
		height: 100px;
		margin-right: 0;
	}
	.nav.navbar-nav.navbar-right li{
		height: 100%;
	    font-family: century gothic;
		font-weight: bold;
		display: table;
		vertical-align: middle;
		font-size: 18px;
		position: relative;
	}
	.nav.navbar-nav.navbar-right > li > a{
		color: #4d4d4f;
		height: 100%;
	    display: table-cell;
		padding: 0 15px;
		vertical-align: middle;
	}
	.nav.navbar-nav.navbar-right > li > a:hover{
		background: none;
	}
	.nav.navbar-nav.navbar-right > li.active .topBar{
		display: block;
	}*/
	.topBar {
		display: none;
		width: 100%;
		height: 5px;
		position: absolute;
		left: 0;
		top: -1px;
		background: #d66022;
		transition: all 0.2s ease-in-out 0s;
	}
	/*.nav.navbar-nav.navbar-right > li.active  a{
		color: #d66022;
	}
	.nav.navbar-nav.navbar-right > li  a:hover .topBar{
		display: block;
	}
	.nav.navbar-nav.navbar-right > li > a:hover {
		color: #d66022;
	}*/
	.carousel {
		height: 450px;
		overflow: hidden;
		position: relative;
	}
	.carousel-caption{
		bottom: 100px;
	}
	.carousel-caption h3{
		font-size: 70px;
		font-weight: bold;
		padding: 10px 0;
		border-top: solid 2px #fff;
		border-bottom: solid 2px #fff;
	}
	.carousel-caption .btn.btn-primary{
		background: #f03e3c;
		border: solid 1px #f03e3c;
		margin-top: 50px;
	}
	.carousel-caption p{
		font-size: 30px;
	}
	h1.hero-title{
		padding: 10px 0;
	}
	.carousel-inner > .item > img, .carousel-inner > .item > a > img{
		width: 100%;
	}
	.middle-cnt{
		width: 100%;
		clear: both;
		background: #fff;
	}
/* header end */
/* Top Section start */
.top-Section{
	height: 40px;
	background: #d66022;
}
.top-Section ul{
	height: 100%;
	line-height: 100%;
	margin: 0;
	display: table;
}
.top-Section ul li{
	height: 100%;
	display: table-cell;
	vertical-align: middle;
}
.top-Section ul li:last-child{
	padding-right: 0;
	padding-left: 0;
	border-left: solid 2px #fff;
}
.top-Section .logout{
	display: table-cell;
	width: 30px;
    height: 40px;
	margin-right: -5px;
	vertical-align: middle;
	/*background: #f03e3c;*/
    background: #000;
}
.top-sec-heading{
	color: #fff;
}
.top-Section .logout span {
	color: #fff;
    width: 100%;
    text-align: center;
}
/* Top Section end*/
/* footer start */
.widget {
    width: 100%;
    display: block;
    margin: 0 auto 50px;
}
.widget .widget-title {
    width: 100%;
    display: block;
    overflow: hidden;
    margin: -6px auto 15px;
}
.widget-text p {
    margin-bottom: 0;
    margin-top: 10px;
}
.widget-category {
    width: 100%;
    display: block;
    overflow: hidden;
}
.widget-category ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
.widget-category ul li {
    width: 100%;
    display: block;
    margin: 0 auto 10px;
    /* padding-bottom: 10px; 
    border-bottom: 1px solid #e5e5e5;*/
}
.widget-category ul li a {
    width: 100%;
    color: #666666;
    display: block;
    overflow: hidden;
    position: relative;
    text-transform: capitalize;
}
.widget-text a{
	color: #fff;
}
.contact-info {
    width: 100%;
    display: block;
    overflow: hidden;
    margin: 0 auto 30px;
}
.footer .widget-business .contact-info ul strong {
    color: #cccccc;
}
.widget-category ul li a:hover {
    color: #e74848;
}
/* parking check page */

.success-message-cnt {
    padding: 15px;
    /*text-align: left;*/
    border-radius: 5px;
}


.parking-check-cnt {
    margin: 0 25%;
}
.parking-check-cnt .form-lg{
	height: 60px;
	line-height: 40px;
}
/*.no-plate-feild{
	font-size: 35px;
	line-height: normal;
}*/
.status-table-cnt{
	position: relative;
}
.parking-check-cnt .btn-submit{
	color: #fff;
	width: 100%;
	text-transform: uppercase;
	border-radius: 0;
	background: #d66022;
}
.parking-check-table tr td{
	color: #000;
	text-align: center;
}
.parking-check-table thead tr th{
	text-align: center;
	color: #fff;
	background: #d66022;
}
.parking-check-table thead tr th:last-child, .parking-check-table tr td:last-child{
	/*text-align: center;*/
}
.parking-check-table tr.active td{
	background: #88ca84 !important;
}

.parking-check-table tr.expired td{
	background: #F9966B !important;
}
.view-history-cnt{
	position: absolute;
	right: 0;
	bottom: -45px;
}
.view-history-cnt a{
	color: #d66022;
	text-decoration: underline;
}
.subheading-txt{
	color: #fff;
	font-size: 30px;
}
.btn-login{
	width: 150px;
	color: #fff;
	background: #d66022;
}
.login-btn-cnt {
    padding-left: 10px;
}
.btn{
	transition: all 0.2s ease-in-out 0s;
}
.input-group-btn > .btn.btn-login:hover {
    background: #333;
    color: #fff;
}
.no-bg{
	background: none;
}
/* sidebar section start */
.main-wrapper.manage-user-cnt{
    min-height: 600px;
    background: #fff;
}
.sidebar {
	margin: 0;
	margin-left: -15px;
}
.sidebar h4 {
	margin-top: 0;
    padding-bottom: 15px;
    padding-top: 15px;
    text-align: center;
    color: #E2E2E4;
    background: #000000 url("/psstoolkit/images/admin-bg.jpg") no-repeat scroll 0 0 / 100% 100%;
}
.sidebar ul {
    margin: 0;
}
.sidebar ul>li {
    position: relative;
}
.sidebar ul li a {
	/*padding: 5px 0;
    display: block;
    font-weight: bold;
    color: #333;
    text-transform: uppercase;
    text-align: center;*/
}
.sidebar ul li a span {
    color: #D66122;
}
.pg-heading {
    color: #000;
    font-size: 25px;
    text-transform: uppercase;
}
.status-table-cnt .table {
    border: 1px solid #ccc;
}
.status-table thead th {
    color: #fff;
    font-size: 16px;
    font-weight: normal;
    background: #000;
}
.table > thead > tr > th {
    vertical-align: bottom;
    border-bottom: 2px solid #ddd;
}
.table-striped > tbody > tr:nth-of-type(odd) {
    background-color: #d6d6d8;
}
.table-striped > tbody > tr:nth-of-type(even) {
    background-color: #fff;
}
.edit-del a{
	margin: 0 5px;
}
.login-cnt-onp {
    margin: 0 20%;
}
.login-cnt-onp input.form-control{
	margin: 10px auto;
	border: none;
}
.login-cnt-onp input.form-control:first-child{
	margin-top: 0;
}
.modal-dialog{
	z-index: 9999;
}
#new-user input.form-control, #new-user select.form-control{
	border-radius: 0;
	border: solid 1px #a8a9ad;
}
#new-user .modal-content{
	background: #f0efee;
}
#new-user .form-submit-btn{
    width: 100%;
	color: #fff;
    margin-top: 25px;
    border-radius: 0;
    border: none;
	background: #d66022;
}
#new-user .modal-title{
    margin-left: 15px;
	font-size: 30px;
	color: #d66022;
}
.modalPopup{
    border: none !important;
    background: none !important;
}
.modal-header .close{
    border:none;
    background: none;
}
.heading {
    color: #fff;
    font-size: 33px;
    line-height: 30px;
}
/* sidebar section end*/

.heading {
    color: #fff;
    font-size: 33px;
    line-height: 30px;
}
.lostPet-cnt {
    margin-left: -15px;
    margin-top: 5px;
}
.lostPet-cnt label,.lostPet-cnt-pop label {
    margin-left: 10px;
}
.lostPet-cnt-pop {
    margin-left: 0px;
}