@import url(https://fonts.googleapis.com/css?family=Open+Sans);

body{
  color: #777777;
  font-family: 'Open Sans', sans-serif;
  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;
}

/* text color classes start */
.text-white{color:#fff;}
.text-black{color:#000;}
.text-blue{color:#337ab7;}
.text-red{color: #ff0000;}
/* text color classes end */

/* 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;}

/* Margin bottom classes */
.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;}

/* font size classes */
.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/frontline-bg-new.jpg) no-repeat 0 0 #000000;
    background-repeat: repeat; 
}
.no-round{
	border-radius: 0;
}
/* background colors */
.bg-white{background: #ffffff;}
.bg-grey{background: #dfdfdf;}
.bg-lightgrey{background: #eaeaea;}
.bg-green{background: #98ca8f;}
.bg-black{background: #000;}
.bg-red{background: #ff0000;}
.login-overlay{
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
}

/* navigation section start */
.navbar{
    padding: 20px 0;
	margin-bottom: 0;
	background: #ffffff;
	border-radius: 0;
}
.navbar-brand{
	display: block;
}
.navbar-nav{
	/*height: 90px;*/
}
.navbar-nav > li, .navbar-nav > li > a{
	display: table;
	height: 100%;
}
.navbar-nav > li{
	max-width: 130px;
    text-align: center;
}
.navbar-nav > li > a{display:table-cell; vertical-align: middle;}

.icon-1, .icon-2, .icon-3, .icon-4, .icon-5, .icon-6, .icon-7, .icon-8, .icon-9, .icon-10,.icon-11, .icon-12, .icon-13{
	width: 66px;
	height: 50px;
	margin: 0 auto;
	background: url(../images/bg-sprite.png) no-repeat 0 0;
}
.divider{width: 1px;}
.divider .spacer{    
	margin-top: 12px;
    height: 70px;
    display: block;
	background: #949599;
}
.navbar-nav > li > a{
	padding: 0 20px;
	color: #a8a9ad;
}
.navbar-nav > li > a:hover, .navbar-nav > li > a:focus{
	color: #337ab7;
	background: none;
}
.icon-1{background-position:0 -135px;}
.icon-2{background-position:-76px -135px;}
.icon-3{background-position:-152px -135px;}
.icon-4{background-position:-227px -135px;}
.icon-5{background-position:-305px -135px;}
.icon-6{background-position:-382px -135px;}
.icon-7{background-position:-450px -132px;}
.icon-8 {background-position: -515px -135px;}
.icon-9 {background-position: -584px -135px;}
.icon-10 {background-position: -654px  -135px;}
.icon-11 {background-position: -739px  -135px;}
.icon-12 {background-position: -829px  -135px;}
.icon-13 {background-position: -914px  -135px;}

.bottom-cnt{
	/* padding: 10px 0; */
	background: #77787a;
}
.bottom-cnt ul{
	margin-bottom: 0;
}
.bottom-cnt ul li.btm-divider{
	color: #ffffff;
}
.bottom-cnt ul li a{
	color: #ffffff;
}
.log-out{
	color: #ffffff;
	display: table;
	width: 40px;
	height: 40px;
	background: #ff0000;
}
.btm-Section {
    height: 40px;
}
.btm-Section ul {
    height: 100%;
    line-height: 100%;
    margin: 0;
    display: table;
}
.btm-Section ul li {
    height: 100%;
    display: table-cell;
    vertical-align: middle;
}
.btm-sec-heading {
    color: #fff;
    font-size: 16px;
    font-family: 'trebuchet Ms';
}
.btm-Section .logout {
    display: table;
    width: 30px;
    height: 40px;
    margin-right: -5px;
    vertical-align: middle;
    background: #f03e3c;
}
.btm-Section .logout span{
	display: table-cell;
	vertical-align: middle;
	height: 100%;
}
.top-sec-heading {
    color: #a8a9ad;
}
.btm-Section ul li {
    height: 100%;
    display: table-cell;
    vertical-align: middle;
}
.btm-Section .logout span {
    color: #fff;
    width: 100%;
    text-align: center;
}
.welcom-txt{
	color: #fff;
	font-size: 25px;
}
.heading-txt{
	color: #88898c;
	font-size: 45px;
	font-weight: bold;
	text-transform: uppercase;
}
/* navigation section end */

/* Loging section start */
.btn-login{
	width: 150px;
	color: #ffffff;
	margin: 0 auto;
	line-height: 20px;
	background: #e05c26;
	transition: all 0.2s ease-in-out 0s;
	border-radius: 0;
}
.btn-login:hover{
	color: #337ab7;
	font-weight: bold;
	background: #ffffff;
}
.login-cnt{
	max-width: 320px;
	margin: 100px auto 0;
}
.login-form input{
	border-radius: 0;
}
/* Loging section end */

/* middle section start */
.item-cnt{
	display: block;
	margin: 30px 100px;
	text-align: center;
}
.item-icon{
	padding: 20px;
}
.item-text{
	color: #ffffff;
	font-size: 18px;
	margin: 10px 0;
}
.item-icon1,.item-icon2,.item-icon3,.item-icon4,.item-icon5,.item-icon6, .item-icon7, .item-icon8, .item-icon9, .item-icon10, .item-icon11, .item-icon12, .item-icon13{
	width: 100px;
	height: 100px;
	margin: 0 auto;
	background: url(../images/bg-sprite.png) no-repeat;
}
.item-icon1{background-position: -16px -10px;}
.item-icon2{background-position: -150px -10px;}
.item-icon3{background-position: -288px -10px;}
.item-icon4{background-position: -420px -10px;}
.item-icon5{background-position: -562px -10px;}
.item-icon6{background-position: -701px -10px;}
.item-icon7{background-position: -820px -10px;}
.item-icon8{background-position: -915px -10px;}
.item-icon9{background-position: -1000px -10px;}
.item-icon10{background-position: -1105px -10px;}
.item-icon11{background-position: -1205px -10px;}
.item-icon12{background-position: -1323px -10px;}
.item-icon13{background-position: -1440px -10px;}


#default-Popup .modal-dialog,
#default-Popup2 .modal-dialog{
	z-index: 999999;
}
#default-Popup .modal-title,
#default-Popup2 .modal-title{
	color: #d66022;
}
#default-Popup label{
	font-weight: normal;
	color: #48484a;
}
h5.ppformH {
    font-weight: bold;
}
#default-Popup input.form-control, 
#default-Popup select.form-control{
	border: solid 1px #a8a9ad;
	border-radius: 0;
}
.popup-form-h{
	font-weight: bold;
	margin: 20px 0;
	color: #48484a;
}
.star{
	color: #ff0000;
}
.popup-overlay, 
.popup-overlay2{
	position: absolute !important;
	left:0;
	top:0;
	height: 100%;
	width: 100%;
	background: rgba(0,0,0,0.7);
}

/* ONP-table */

.status-table-cnt .table {
    border: 1px solid #ccc;
	background: #fff;
    text-align: center;
}
.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;
}
.table > thead > tr > th {
    vertical-align: bottom;
    border-bottom: 2px solid #ddd;
}
.parking-check-table thead tr th {
	padding: 8px;
    text-align: center;
    color: #fff;
    background: #d66022;
}
.input-group-btn:last-child > .btn{margin: inherit;}
.plate-btn-submit, .add-new-btn, .search-btn {
    color: #fff;
	margin-left: 10px !important;
    text-transform: uppercase;
    border-radius: 0;
    background: #d66022;
}
/*.plate-btn-submit:hover, .add-new-btn:hover, .search-btn:hover, .popup-btn:hover,
.plate-btn-submit:focus, .add-new-btn:focus, .search-btn:focus, .popup-btn:focus{*/
.plate-btn-submit:hover,  .search-btn:hover, .popup-btn:hover,
.plate-btn-submit:focus,  .search-btn:focus, .popup-btn:focus{
    color: #fff;
    background: #d66022;
    border: inherit;
}

.add-new-btn i.fa{margin-right: 5px;}
.add-new-btn{
	width: 100%;
	border:#999;
	margin: 0 !important;
	background: #999;
	transition: all 0.2s ease-in-out 0s;
}
.add-new-btn:hover, .add-new-btn:focus{
	color: #999;
    border: inherit;
}
.popup-btn-submit{
	color: #fff;
    width: 100%;
    padding: 10px 0;
    font-size: 20px;
	text-transform: uppercase;
    background: #d66022;
    border: none;
    border-radius: 0;
}
.popup-btn-submit:hover, .popup-btn-submit:focus{
	color: #fff;
}
.pg-heading {
    color: #d66122;
    font-size: 30px;
    text-transform: uppercase;
}
.sidebar {
    margin-left: -15px;
}
.sidebar h4 {
    margin-top: 0;
    padding-bottom: 15px;
    padding-top: 15px;
    text-align: center;
    color: #E2E2E4;
    /* border-top: 4px solid #d66022; */
    background: #000000 url("../images/admin-bg.jpg") no-repeat scroll 0 0 / 100% 100%;
}
h4.sub-heading{
	margin-bottom: 20px;
	font-weight: bold;
}
.sidebar ul {
    margin-left: 10px;
}
.sidebar ul li {
    position: relative;
    padding-left: 20px;
    margin-bottom: 10px;
}
.sidebar ul li a{
	color: #333;
	font-size: 16px;
}
.sidebar ul li a:hover, .sidebar ul li a.active{
	color: #337ab7;
	font-weight: bold;
}
.middle-cnt{
	min-height: 500px;
	background: #fff;
}
.page-heading{
	color: #000;
	font-size: 30px;
	font-weight: bold;
}
.days-remain{
	color: #e25d26;
}
.btn-renew{
	color: #999;
	font-size: 25px;
	font-weight: bold;
	width: 100%;
	padding: 15px;
	margin: 20px 0;
	border-radius: 0;
	background:#ccc;
}
.admin-form .form-group input.form-control{
	border-radius: 0;
}
/* middle section end */
/* manage user start */
.noBg{
	background: none;
}
.parking-check-table tr td{
	vertical-align: middle;
	padding: 8px 8px 0;
}
table.parking-check-table.manage-table tr td{
	color: #231f20;
	vertical-align: middle;
}
.parking-check-table.manage-table thead tr th{
	background: #000;
}
.parking-check-table.manage-table tr:nth-child(odd){background: #d6d6d8;}
.parking-check-table.manage-table tr:nth-child(even){background:#fff;}
/* manage user end */
/* Customize ONP start */

.pole-icon{
	float: right;
    width: 66px;
    height: 50px;
	background: url(../images/bg-sprite.png) no-repeat 0 -135px;
}
.custom-onp-panel.panel{
	border: none;
	border-radius: 0;
}
.custom-onp-panel .panel-heading{
	color: #fff;
	background: #8e8f93;
	border-radius: 0;
}
.btn-form-submit{
	color: #fff;
	font-weight: bold;
    text-transform: uppercase;
    border-radius: 0;
    background: #d66022;
	margin: 0;
}
.btn-form-submit:hover{
	color: #fff;
}
/* Customize ONP end*/
/* Customize report start */
.custom-report-form ul.list-unstyled .form-group label, 
.custom-report-form ul.list-unstyled .form-group input{
	display: inline-block;
}
.custom-report-form ul.list-unstyled .form-group label{width: 30px;}
.custom-report-form ul.list-unstyled .form-group input{width: 90%;border-radius: 0;}
/* Customize report end */
/* Daily Activities Report start */
.filter-sel{
	margin-left: 10px;
	padding: 5px 20px;
}
.export-cnt{
    margin-top: 20px;
	text-align: right;
}
.pdf-txt{
    font-weight: bold;
    display: inline-block;
    margin-top: 10px;
    vertical-align: top;
}
.pdf-cnt a{
    color: #e24423;
}
.pdf-cnt{
    color: #e24423;
    display: inline-block;
    margin-top: 5px;
    margin-left: 10px;
	/* background: #e24423; */
}
.activity-table-cnt{
	margin: 0 -15px;
}
.activity-table-cnt table{
	text-align: center;
}
.activity-table-cnt table tr td{
	vertical-align: middle;
}
.activity-table-cnt thead tr th{
	color: #ffffff;
	text-align: center;
	background: #d66022;
	border-bottom: none;
}

.time-txt {
    font-size: 20px;
    left: 330px;
    position: absolute;
    top: 75px;
}
#default-Popup .popup-heading {
    font-size: 26px;
    font-weight: bold;
    margin: 20px 0;
}
#default-Popup .popup-table-cnt .popup-table-cnt{
    max-height: 200px;
    margin-top: 20px;
    overflow-y: auto;
}
#default-Popup .popup-btn{
    color: #fff;
    text-transform: uppercase;
    border-radius: 0;
    background: #d66022;
}
#default-Popup .popup-btn-submit{
    color: #fff;
    margin-top: 22px;
    padding: 4px 0;
    text-transform: uppercase;
    border-radius: 0;
    background: #d66022;
}
/* Daily Activities Report end */

.row.columncenter {
    text-align:center;
}
.row.columncenter .col-lg-4 {
    float:none;
    display:inline-block;
    margin:0 -2px;
} 

.table-responsive{overflow-x: visible;}

/*-17-5-2018-*/
.data-div-tbl{
    display:table;
    width:100%;
}
.data-div-tbl .data-row{
    display:table-row;
}
.data-div-tbl .data-row:nth-of-type(odd){
    background:#eee;
}
.data-div-tbl .data-row .data-col-1, .data-div-tbl .data-row .data-col-2{
    display:table-cell;
    padding:5px 15px;
    color:#333;
}

.data-div-tbl .data-row .data-col-1{
    width:200px;
}
.data-div-tbl .data-row .data-col-2{}

.popup-table-cnt th{
    color: #ffffff;
    text-align: center;
    background: #d66022;
    border-bottom: none;
}

/*--------For Dashboard Page--------------*/
.dashboard-page .navbar{
    border-bottom: 2px solid #e46025;
    text-align: center;
    padding: 15px;
    min-height: 100px;
}
.dashboard-page .navbar-header{
    float: none;    
}
.dashboard-page .navbar-header .branding{
    width:100%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.dashboard-page .navbar-header .branding .img-logo {
    max-width: 100px;
    max-height: 100px;
    float:left;
}
.dashboard-page .navbar-header .branding .title-box {
    text-align: left;
    padding-left: 15px;
    font-family: 'Roboto', sans-serif;
}
.dashboard-page .navbar-header .branding .title-box .title {
    font-size: 28px;
    font-weight: 400;
    text-transform: uppercase;
    color: #e46025;
    line-height: 30px;
    margin-bottom: 0;
    margin-top:15px;
}
.dashboard-page .navbar-header .branding .title-box .date {
    font-size: 16px;
    font-weight: 300;
    color: #333;
    letter-spacing: 0.5px;
}

.dashboard-page .inner-page .page-banner-sec {
    min-height: 200px;
    padding: 30px 0 15px 0;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    position: relative;
    display:flex;
    align-items: center !important;
}
.dashboard-page .inner-page .page-banner-sec .banner-title-box {
    position: relative;
    top: auto;
    right: auto;
    bottom: auto;
    left: auto;
    margin: 0 auto;
}
.dashboard-page .inner-page .page-banner-sec .banner-title-box .banner-sub-title.no-caps {
    font-family: 'Oswald', sans-serif;
    font-weight: 300;
    font-size: 40px;
    line-height: 55px;
    color: #fff;
    text-align: center;
    margin:0 auto;
    margin-bottom:10px;
}
.dashboard-page .inner-page .page-banner-sec .banner-title-box p {
    font-family: "Roboto", sans-serif;
    color: #fff;
    text-align: center;
    font-size: 18px;
    font-weight: 300;
}

.dashboard-page .tool-grid {
    padding-top: 50px;
    padding-bottom: 35px;
}
.dashboard-page .tool-grid .row{
    display: flex;
    flex-wrap: wrap;
    justify-content:center;
}
.dashboard-page .tool-grid .grid-col {
    position: relative;
    margin-bottom: 30px;
}
.dashboard-page .tool-grid .grid-col::before {
    content: '';
    position: absolute;
    top: 0;
    right: 15px;
    bottom: 0;
    left: 15px;
    border: 1px solid #8b8b8b;
    border-radius: 10px;
}
.dashboard-page .tool-grid .grid-col:hover::before {
    border-color: #e46025;
}
@media (min-width: 768px){
    .col-md-4{
        flex: 0 0 33.33333%;
        max-width: 33.33333%;
    }
}
@media (min-width: 992px){
    .col-lg-3 {
        flex: 0 0 25%;
        max-width: 25%;
    }
}
.dashboard-page .tool-grid .grid-col .box {
    padding: 30px 25px;
    text-align: center;
    padding-bottom: 75px;
}
.dashboard-page .tool-grid .grid-col .box .item-icon{
    margin-bottom:15px;
}
.dashboard-page .tool-grid .grid-col .box .title {
    font-family: 'Oswald', sans-serif;
    font-size: 16px;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    margin-bottom: 15px;
    color: #333;
}
.dashboard-page .tool-grid .grid-col .box .desc {
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    font-weight: 400;
    color: #666;
    line-height: 20px;
    margin-bottom: 15px;
}
.dashboard-page .tool-grid .grid-col .box .cta {
    position: absolute;
    bottom: 30px;
    left: 0;
    right: 0;
    text-align: center;
}
.dashboard-page .tool-grid .grid-col .box .cta .btn {
    background: #fff;
    color: #e46025;
    border-color: #e46025;
    font-size: 13px;
    padding: 5px 20px;
    font-family: 'Oswald', sans-serif;
    text-transform: uppercase;
    border-radius: 10px;
    letter-spacing: 0.5px;
    font-weight: 500;
    cursor: pointer;
}
.dashboard-page .tool-grid .grid-col .box .cta .btn:hover {
    background: #e46025;
    color: #fff;
}
.dashboard-page .disclaimer-sec {
    background: #ececec;
    border-top: 1px solid #999999;
    padding: 30px 0 15px 0;
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    font-weight: 400;
    text-align: center;
}
.dashboard-page .disclaimer-sec p {
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    font-weight: 400;
    color: #666;
}
.dashboard-page .pls-call-sec {
    background-color: #e46025;
    color: #fff;
    font-family: 'Oswald', sans-serif;
    font-size: 16px;
    font-weight: 400;
    text-transform: uppercase;
    letter-spacing: 1px;
    text-align: center;
    padding: 15px;
}

.dashboard-page .navbar-header .branding .language-sec {
float: right;
margin-left: 25px; }

.dashboard-page .navbar-header .branding .language-sec a {
width: 40px;
display: inline-block;
margin: 3px; }

.dashboard-page .navbar-header .branding .language-sec a img {
max-width: 100%; }

@media only screen and (max-width: 991px){
    .dashboard-page .navbar-header .branding {
        min-height: 70px;
    }
    .dashboard-page .navbar-header .branding .img-logo {
        max-width: 70px;
        max-height: 70px;
    }
    .dashboard-page .navbar-header .branding .title-box .title {
        font-size: 20px;
        line-height: 24px;
        margin-bottom: 0;
    }
    .dashboard-page .navbar-header .branding .title-box .date {
        font-size: 14px;
    }
    .dashboard-page .inner-page .page-banner-sec .banner-title-box .banner-sub-title.no-caps {
        font-size: 26px;
        line-height: 34px;
    }
}
@media only screen and (max-width: 767px){
    .dashboard-page .navbar-header .branding .title-box .title {
        font-size: 16px;
        line-height: 16px;
        margin-bottom: 0;
    }
    .dashboard-page .tool-grid .grid-col .box .desc {
        margin-bottom: 30px;
    }
}