*:focus, *:active{
    box-shadow: none !important;
    outline: none !important;
}
.disableSeatPlan{
   width: 100%;
   height: 100%;
   position: absolute;
   background: #0003;
   z-index: 1;
}
.usernametop{
    text-overflow: ellipsis;
    overflow: hidden;
    max-width: 200px;
    display: inline-block;
    white-space: nowrap;
    top: 5px;
    position: relative;
}
.preLoad{
    font-weight: bold;
    position: fixed;
    left: -99999px;
}
select.form-control {
    background: url(https://www.buspro.pk/a/i/caret-icon.svg) no-repeat calc(100% - 10px) center #fff;
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance:none;
    padding-right: 24px;
}
select.form-control::-ms-expand {
    display: none;
}
.form-control{
    border: 1px solid #d4dadf;
    box-shadow: none;
    background-color: #fff;
    padding-left: 7px;
    padding-right: 7px;
}
.form-control:focus{
    color: #397ffe !important;
    border-color: #397ffe !important;
}
.bootstrap-select > .dropdown-toggle{
    padding-right: 24px;
    background: url(https://www.buspro.pk/a/i/caret-icon.svg) no-repeat calc(100% - 10px) center #fff !important;}
.btn-group.open .dropdown-toggle {
    -webkit-box-shadow:none;
    box-shadow: none;
    color: #397ffe !important;
    border-color: #397ffe !important;
}
.bootstrap-select > .dropdown-toggle:focus{
    color: #397ffe !important;
    border-color: #397ffe !important;
    outline: none !important;
    box-shadow: none !important;
}
.bootstrap-select > .dropdown-toggle .bs-caret{
    display: none;
}
a, button, input[type='submit'], input[type='button']{
    transition: ease-in-out .2s;
    -moz-transition: ease-in-out .2s;
    -webkit-transition: ease-in-out .2s;
}
h2{
    margin-top: 0;
}
.cCheck{display: inline-block; vertical-align: middle;}
.cCheck label{
    position: relative;
    padding-left: 40px;
    min-height: 34px;
    margin-bottom: 0;
    width: auto !important;
    line-height: 34px !important;
}
.cCheck label input{
    display: none;
}
.cCheck label input + i{
    background: url(https://www.buspro.pk/a/i/tick.svg) no-repeat -100px center;
    display: inline-block;
	height:34px;
	width:34px;
	border:1px solid #d4dadf;
	border-radius: 4px;
    color: #333;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    text-align: right;
    left: 0;
    position: absolute;
    top: -1px;
}
.cCheck label input:checked + i{
	background-position:center center;
}
.cCheck label input:disabled + i{
    opacity: .7;
}
.btn:focus{
    box-shadow: inset 2px 2px 10px rgba(0,0,0,.5) !important;
    outline: 1px dotted rgba(255,255,255,.5) !important;
}
.btn-primary,
.btn-primary:active,
.btn-primary:focus{
    color: #fff !important;
    background-color: #424242 !important;
    border-color: #424242;
}
.btn-primary:hover{
    color: #fff !important;
    background-color: #212121 !important;
    border-color: #212121;
}
.btn-warning,
.btn-warning:active,
.btn-warning:focus{
    color: #fff;
    background-color: #ff8e01 !important;
    border-color: #ff8e01;
}
.btn-warning:hover{
    color: #fff;
    background-color: #ffa200 !important;
    border-color: #ffa200;
}
.btn-info,
.btn-info:active,
.btn-info:focus{
    color: #fff;
    background-color: #3a7ffe !important;
    border-color: #3a7ffe;
}
.btn-info:hover{
    color: #fff;
    background-color: #3a7ffe !important;
    border-color: #3a7ffe;
}
.btn-success,
.btn-success:active,
.btn-success:focus{
    color: #fff;
    background-color: #19cc7a !important;
    border-color: #19cc7a;
}
.btn-success:hover{
    color: #fff;
    background-color: #0e9e5c !important;
    border-color: #0e9e5c;
}
.btn-add,
.btn-add:active,
.btn-add:focus{
	background: url(https://www.buspro.pk/a/i/plus.svg) no-repeat center center  #19cc7a !important;
    color: #fff;
    border-color: #19cc7a;
}
.btn-add:hover{
    color: #fff;
    background-color: #0e9e5c !important;
    border-color: #0e9e5c;
}
.btn-add .glyphicon-plus{visibility:hidden;}

.btn-minus,
.btn-minus:active,
.btn-minus:focus{
	background: url(https://www.buspro.pk/a/i/minus.svg) no-repeat center center  #19cc7a !important;
    color: #fff;
    border-color: #19cc7a;
}
.btn-minus:hover{
    color: #fff;
    background-color: #0e9e5c !important;
    border-color: #0e9e5c;
}
.btn-minus .glyphicon-minus{visibility:hidden;}

body{
    background-color: #f1f3f4;
    font-family: 'Roboto', sans-serif;
}
header{
    position: relative;
    z-index: 2;
}
header nav.navbar{
    background-color: #fff;
    box-shadow: 0px 3px 9.5px 0.5px rgba(189, 189, 189, 0.3) !important;
    border-radius: 0;
    border: 0;
}
.navbar-brand{
    height: 70px;
}
.navbar-brand img{max-height: 36px;}
.navbar-brand:hover{
    filter: grayscale(.7);
    -webkit-filter: grayscale(.7);
    -moz-filter: grayscale(.7);
}
.navbar-form{
    margin-top: 15px;
}
.navbar-default .navbar-nav > li > a {
    font-size: 18px;
    color: #212121;
    font-weight: 300;
}
.navbar-default .navbar-nav > li.theNotification a{
    padding-left: 20px;
    padding-right: 20px;
    height: 70px;
}
.userImg {
    overflow: hidden;
    border-radius: 100%;
    height: 36px;
    width: 36px;
    display: inline-block;
    border: 1px solid #767676;
    vertical-align: middle;
}
.userImg img {
    min-height: 100%;
    min-width: 100%;
    max-height: 100%;
    max-width: 100%;
}
.navbar-default .navbar-nav > li > a em {
    font-style: normal;
    font-weight: 300;
    margin-left: 7px;
}
.navbar-default .navbar-nav > li > a.dropdown-toggle {
    background: url(https://www.buspro.pk/a/i/chevron-down.svg) no-repeat calc(100% - 15px) center;
    padding-right: 40px;
    height: 70px;
    padding-top: 17px;
    padding-left: 15px;
}
aside {
    display: none;
    position: fixed;
    left: 10px;
    top: 66px;
    z-index: 1;
    width: 125px;
    padding: 20px 10px 0;
    bottom: 0;
    overflow: auto;
}
aside .list-group{
    padding: 0 15px;
    background-color: #ffffff;
    margin: 0;
    border-radius: 3px;
    box-shadow: 0px 3px 6px 0px rgba(189, 189, 189, 0.3) !important;
}
aside .list-group a.list-group-item{
    background: none !important;
    border: 0;
    border-top: 1px solid #e0e0e0;
    color: #212121 !important;
    font-size: 16px;
    text-align: center;
    padding: 15px 5px;
}
aside .list-group a.list-group-item:first-child{
    border-top: 0;
}
aside .list-group a.list-group-item .theIcon{
    display: block;
    margin-bottom: 10px;
    transition: ease-in-out .2s;
    -moz-transition: ease-in-out .2s;
    -webkit-transition: ease-in-out .2s;
    filter: grayscale(.7);
    -webkit-filter: grayscale(.7);
    -moz-filter: grayscale(.7);
}
aside .list-group a.list-group-item:hover .theIcon,
aside .list-group a.list-group-item.active .theIcon{
    filter: grayscale(0);
    -moz-filter: grayscale(0);
    -webkit-filter: grayscale(0);
}
aside .list-group a.list-group-item .theText{}
.tDash{}
.tDash .grid01{}
.tDash .bSec{
    background-color: #fff;
    border: 1px solid transparent;
    border-radius: 4px;
    -webkit-box-shadow:0px 3px 6px 0px rgba(189, 189, 189, 0.3) !important;
    box-shadow: 0px 3px 6px 0px rgba(189, 189, 189, 0.3) !important;
}
.bSec .tHead{border-bottom: 1px solid #e1e1e1;padding-left: 10px;}
.bSec .tHead table{
    width: 100%;
}
.bSec .tHead table td{
    background: no-repeat center 10px;
    height: 62px;
    padding: 34px 3px 0;
    text-align: center;
    vertical-align: middle;
    width: 80px;
    font-size: 10px;
}
.bSec .tHead table td.bBay1{background-image:url(../i/bBay1.png);}
.bSec .tHead table td.bBay2{background-image:url(../i/bBay2.png);}
.bSec .tHead table td.bBay3{background-image:url(../i/bBay3.png);}
.bSec .tHead table td.bBay4{background-image:url(../i/bBay4.png);}
.bSec .tHead table td.bBay5{background-image:url(../i/bBay5.png);}
.bSec .tHead table td.bBay6{background-image:url(../i/bBay6.png);}
.bSec .tHead table td.bBay7{background-image:url(../i/bBay7.png);}
.bSec .tHead table td.bBayRLoad{padding: 0;border-left: 1px solid #e1e1e1;}
.bSec .tHead table td.bBayRLoad a{
    background: url(https://www.buspro.pk/a/i/reload.svg) no-repeat center center;
    display:block;
    filter: grayscale(1) contrast(20);
    height: 100%;
}
.bSec .tHead table td.bBayRLoad a:hover{
    filter: grayscale(1) contrast(1);
}
.bSec .tHead table td.bBayRLoad a:active{
    filter: grayscale(0) contrast(1);
    background-color: #e1e1e1;
}
.bSec .tBody{
    height: 400px;
    overflow: auto;
}
.bSec .tFoot{
    padding: 10px;
    text-align: center;
}
.bSec .tFoot .btn{
    margin: 5px;
    min-width: 28%;
}
.bSec .tFoot .btn:focus{
	position:relative;
	outline:2px dashed #212121 !important;
	border:2px solid #fff;
    padding-top: 5px;
    padding-bottom: 5px;
}
.tDash .bBay{
    padding: 5px 6px 0;
    list-style: none;
    margin: 0;
    direction: rtl;
    background-color: #fff;
    text-align: center;
    position: relative;
}
.tDash .bBay:before{
    background-color: #fff;
    height: 10px;
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    z-index: 2;
}
.tDash .bBay:before{top: 0;}
.tDash .bBay li{
    margin: 0;
    padding: 5px;
    width: 20%;
    display: inline-block;
    vertical-align: middle;
    margin: 0 -2px;
    direction: ltr;
}
.tDash .bBay li.pr{
    position: relative;
}
.tDash .bBay li.pr:before{
    content: " ";
    width: 8px;
    height: 8px;
    background: #df4666;
    border-radius: 4px;
    position: absolute;
    left: 8px;
top: 14px;
z-index: 1;
}
.tDash .bBay li > a{
    height: 38px;
    display: block;
    color: #fff;
    text-align: center;
    line-height: 1;
    position: relative;
    text-decoration: none !important;
	box-shadow:0 0 0 rgba(33,33,33,0.3);
}
.tDash .bBay li > a.st00{
    pointer-events: none;
}
.tDash .bBay li > a.st0{
    pointer-events: none;
}
.tDash .bBay li > a.st0:before{
    background-color: #f5f5f5;
    content: '';
    position: absolute;
    left: 0;
    top: -5px;
    right: 0;
    bottom: -5px;
}
.tDash .bBay li > a.st1{
    border: 2px solid #757575;
    color: #424242;
}
.tDash .bBay li > a.st2{
    background-color: #0ec85b;
    border: 2px solid #0ec85b;
}
.tDash .bBay li > a.st3{
    background-color: #c553f0;
    border: 2px solid #c553f0;
}
.tDash .bBay li > a.st4{
    background-color: #e9714c;
    border: 2px solid #e9714c;
}
.tDash .bBay li > a.st5{
    background-color: #697bf9;
    border: 2px solid #697bf9;
}
.tDash .bBay li > a.st6{
    background-color: #fc4c7d;
    border: 2px solid #fc4c7d;
}
.tDash .bBay li > a.st7{
    background-color: #28a79c;
    border: 2px solid #28a79c;
}
.tDash .bBay li > a.st8{
    background-color: #8e24aa;
    border: 2px solid #8e24aa;
}
.tDash .bBay li > a.fcs{
	position:relative;
	outline:2px dashed #212121;
	border:2px solid #fff;}
.tDash .bBay li > a.fcs:before{
	position:absolute;
	left:-1px;
	top:-1px;
	right:-1px;
	bottom:-1px;
	content:'';
	background-color:rgba(0,0,0,.2);
}
.tDash .bBay li > a:hover{
    border-color:rgba(0,0,0,.4);
    filter: contrast(.6);
    -webkit-filter: contrast(.6);
    -moz-filter: contrast(.6);
	box-shadow:0 4px 5px 0 rgba(33,33,33,0.3);
	-webkit-box-shadow:0 4px 5px 0 rgba(33,33,33,0.3);
	-moz-box-shadow:0 4px 5px 0 rgba(33,33,33,0.3);
}
.tDash .bBay li.seat-locked > a{
    border-color:#000; 
    filter: brightness(.8);
    -webkit-filter: brightness(.8);
    -moz-filter: brightness(.8);
	box-shadow:0 4px 5px 0 rgba(33,33,33,0.3);
	-webkit-box-shadow:0 4px 5px 0 rgba(33,33,33,0.3);
	-moz-box-shadow:0 4px 5px 0 rgba(33,33,33,0.3);
}
.tDash .bBay li > a .tTxt {
    display: block;
    font-weight: bold;
    font-style: normal;
    font-size: 18px;
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
}
.tDash .bBay li > a .tTxt small{display: block;font-weight: normal;font-size: 13px; white-space: nowrap;overflow: hidden;text-overflow: ellipsis; padding: 0 3px;}
.popover table{
    font-size: 12px;
    white-space: nowrap;
}
.popover table th, .popover table td{
    padding: 3px 5px;
}
main {
    position: fixed;
    left: 0;
    right: 0;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 20px;
    bottom: 0;
    overflow-x:hidden;
    overflow-y: auto;
    top: 70px;
    z-index: 1;
}
.form01{}
.form01 .form-group{
    margin-bottom: 2px;
}
.form01 .theLabel, .cCheck label {
    display: inline-block;
    vertical-align: middle;
    width: 65px;
    color: #212121;
    font-weight: 500;
    margin: 0;
    line-height: 1;
    margin-bottom: 5px;
}
.form01 .theField{
    display: inline-block;
    vertical-align: middle;
    width: calc(100% - 70px);
    padding-left: 5px;
}
.form01.routeF .theLabel{
    width: 75px;
}
.form01.routeF .theField{
    width: calc(100% - 79px);
}
.form01.routeF1 .theLabel{
    width: 105px;
}
.form01.routeF1 .theField{
    width: calc(100% - 109px);
}
.form01.routeF1 .theField.theRoute .form-control {width: calc(100% - 42px);}
.form01.bDtlF .theLabel{
    width: 120px;
    font-weight: 600;
}
.form01.bDtlF .theField{
    width: calc(100% - 124px);
    min-height: 34px;
    line-height: 28px;
}

.form01.nUsrF .theLabel{
    width: 85px;
}
.form01.nUsrF .theField{
    width: calc(100% - 89px);
}
.form01.chngPasF .theLabel{
    width: 125px;
}
.form01.chngPasF .theField{
    width: calc(100% - 129px);
}
.form01 .theField > *{
    margin-bottom: 5px;
}
.form01 .theField.theCnic .form-control {
    width: calc(100% - 70px);
    display: inline-block;
    vertical-align: middle;
    margin-right: 6px;
}
.form01 .theField.theCnic .btn{
    width: 60px;
    display: inline-block;
    vertical-align: middle;
}
.form01 .theField.theName select.form-control {
    width: 70px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 6px;
}
.form01 .theField.theName input.form-control {
    width: calc(100% - 80px);
    display: inline-block;
    vertical-align: middle;
}
.form01 .theField.theRoute .form-control {
    width: calc(100% - 46px);
    display: inline-block;
    vertical-align: middle;
    margin-right: 6px;
}
.form01 .theField.theRoute .btn {
    width: 35px;
    display: inline-block;
    vertical-align: middle;
    padding-left: 2px;
    padding-right: 2px;
}
.form01 .theField.theDepDate .form-control {
    width: calc(100% - 116px);
    display: inline-block;
    vertical-align: middle;
    margin-right: 6px;
}
.form01 .theField.theDepDate .btn {
    width: 105px;
    display: inline-block;
    vertical-align: middle;
    padding-left: 2px;
    padding-right: 2px;
    background-color: #616161;
    border-color: #616161;
}
.form01 .theField.theTime .form-control {
    width: calc(100% - 115px);
    display: inline-block;
    vertical-align: middle;
    margin-right: 6px;
}
.form01 .theField.theTime .cCheck{
    min-width: 77px;
}
.form01 .theField.theTime .btn {
    width: 35px;
    display: inline-block;
    vertical-align: middle;
    padding-left: 2px;
    padding-right: 2px;
}
.form01 .theField.theTime > span {
    width: 67px;
    display: inline-block;
    vertical-align: middle;
    padding: 6px 2px;
}
.form01 .theField.theRfinish .cCheck{
    width: 45px;
}
.form01 .theField.theRfinish .theLabel{
    width: 74px;
}
.form01 .theField.theRfinish .form-control {
    width: calc(100% - 127px);
    display: inline-block;
    vertical-align: middle;
}
.form01 .theFare div{
    display: inline-block;
    vertical-align: middle;
    margin-bottom: 5px;
}
.form01 .theFare .form-control {
    width: 40px;
    display: inline-block;
    vertical-align: middle;
    text-align: center;
    margin: 0 4px 0 5px;
}
.form01 .theFare span{
    display: inline-block;
    vertical-align: middle;
    color: #212121;
    font-weight: 500;
}
.form01.sChFrm .theFare .form-control {width: 50px;}
.form01 .stsF0 .form-control {
    width: 72px;
    display: inline-block;
    vertical-align: middle;
}
.form01 .stsF0 .form-control + .form-control {width: calc(100% - 76px);}
.form01.sChFrm .theField .id01{}
.form02 .form-group{
    margin-bottom: 5px;
}
.form02 .theLabel {
    display: inline-block;
    vertical-align: middle;
    width: 100%;
    color: #212121;
    font-weight: 500;
    margin: 0;
    line-height: 1;
    margin-bottom: 10px;
}
.form02 .theField{
    display: block;
}
.form02 .theField .form-control{
    text-align: center;
    width: 60px;
}
.seatScheme{
    line-height: 1.1;
    padding-top: 7px;
}
.seatScheme img{
    display: block;
    margin: 0 auto 5px;
}
.panel-body{
    border: 0;
    padding: 10px 15px;
    box-shadow: 0px 3px 6px 0px rgba(189, 189, 189, 0.3) !important;
    border-radius: 5px;
}
.panel-body h4{
    margin-top: 0;
}
.barCode{
    display: block;
    width: 100%;
    margin-bottom: 20px;
}
.fieldCode{
    width: 100%;
    margin-bottom: 20px;
}
.stopName{
    color: #ed724c;
    position: relative;
    padding-left: 20px;
}
.stopName:before{
    background-color: #ed724c;
    border-radius: 50px;
    position: absolute;
    left: 0;
    top: 3px;
    content: '';
    height: 14px;
    width: 14px;
    display: inline-block;
    vertical-align: middle;
}
.userInfo{
    padding-top: 5px;
    min-height: 80px;
    overflow: auto;
}
.userInfo p{
    margin: 5px 0 0;
}
.seatInte{
    min-height: 60px;
}

.calculator .form-group{
    margin-bottom: 5px;
}
.calculator .theLabel {
    display: inline-block;
    vertical-align: middle;
    width: calc(100% - 104px);
    color: #212121;
    font-weight: 500;
    margin: 0;
    line-height: 1;
    margin-bottom: 5px;
}
.calculator .theField{
    display: inline-block;
    vertical-align: middle;
    width: 100px;
    padding-left: 5px;
}
.calculator .theField .form-control{
    text-align: center;
}
.calculator .theField .form-control.calculate02{
    background-color: #1e88e5;
    border-color: #1e88e5;
    color: #fff;
}
.calculator .theField .form-control.calculate04{
    background-color: #f44336;
    border-color: #f44336;
    color: #fff;
}
.seats49 .cCheck {
	display:block;}
.seats49 .cCheck label{
	display:block;
	width:100% !important;
	padding-right:40px;
	padding-left:0;
	margin:0;
}
.seats49 .cCheck label input + i{
	left:auto;
	right:0;
}
.seats49 .checkbox label input + i:before {
    content: "\e157";
}
.seats49 .checkbox label input:checked + i:before {
    content: "\e067";
}
.seats49 .checkbox label input:disabled + i{
    opacity: .7;
}
.theBadges{
    border: 1px solid #d4dadf;
    background-color: #e5e7e8;
    border-radius: 3px;
    padding: 10px;
    display: inline-block;
    margin: 0 3px 5px 0;
    line-height: 1.1;
    color: #212121;
    font-size: 12px;
}
.busPanel h4{
    padding: 5px 0 15px;
    margin: 0 15px 15px;
    font-size: 18px;
    line-height: 1.1;
    text-align: center;
    border-bottom: 1px solid #e0e0e0;
}
.busBay{
    direction: rtl;
}
.busBay .popover{
    direction: ltr;
}
.busBay .popover table{
    font-size: 12px;
    white-space: nowrap;
}
.busBay .popover table th, .busBay .popover table td{
    padding: 3px 5px;
}
.busBay > a, .busBay .blank{
    display: inline-block;
    vertical-align: top;
    width: 20%;
    text-align: center;
    padding:10px 3px 2px;
    margin: 0 -2px 0;
}
.busBay > span.blank {
    background-color: #f1f3f4;
    width: calc(18% - 2px);
    margin: 0 1%;
}
.busBay > span.blank .theImg{
    max-width: 100%;
}
.busBay > span.blank *{
    opacity: 0;
}
.busBay > a .theNum{
    text-decoration: none !important;
    color: #212121;
    border-radius: 3px;
    padding: 2px 4px;
    text-align: center;
    display: inline-block;
    width: 46px;
    max-width: 90%;
    margin: 0 12% 4px;
    direction: ltr;
}
.busBay > a .theNum.active{
    background-color: #ed724c;
    color: #fff !important;
}
.clear{
    clear: both;
    display: block;
}
.busBay > a .theImg, .busBay > .blank .theImg{
    display: inline-block;
    clear: both;
}
.busBay > a .theImg img{
    display: inline-block;
    max-width: 100%;
    opacity: 0;
}
.busBay > a .theImg, .busBay > .blank .theImg{
    background: no-repeat center center;
    background-size: 100% 100%;
    background-size: contain;
    max-width: 80%;
    transition: ease-in-out .2s;
    -webkit-transition: ease-in-out .2s;
    -moz-transition: ease-in-out .2s;
} 
.busBay > a:hover .theImg{
    filter: brightness(.6);
    -webkit-filter: brightness(.6);
    -moz-filter: brightness(.6);
}
.busBay > a.state00 .theImg{
    background-image: url(../i/st0.png);
}
.busBay > a.state01 .theImg{
    background-image: url(../i/st1.png);
}
.busBay > a.state02 .theImg{
    background-image: url(../i/st2.png);
}
.busBay > a.state03 .theImg{
    background-image: url(../i/st3.png);
}
.busBay > a.state04 .theImg{
    background-image: url(../i/st4.png);
}
/* new design starts */
.nav li a.nv{
    background: no-repeat center 13px;
    background-color: rgba(255,255,255,0) !important;
    color: #397ffe !important;
    padding: 40px 15px 12px;
    height: 70px;
    font-size: 14px;
    transition: ease-in-out .2s;
    -moz-transition: ease-in-out .2s;
    -webkit-transition: ease-in-out .2s;
    filter: grayscale(1) brightness(.8);
    -webkit-filter: grayscale(1) brightness(.8);
    -moz-filter: grayscale(1) brightness(.8);
}
.nav li.active a.nv,
.nav li a.nv:hover,
.nav li.dropdown:hover > a.nv{
    filter: grayscale(0) brightness(1);
    -webkit-filter: grayscale(0) brightness(1);
    -moz-filter: grayscale(0) brightness(1);
}
.nav li a.nv1{background-image:url(https://www.buspro.pk/a/i/nv1.svg);}
.nav li a.nv2{background-image:url(https://www.buspro.pk/a/i/nv2.svg);}
.nav li a.nv3{background-image:url(https://www.buspro.pk/a/i/nv3.svg);}
.nav li a.nv4{background-image:url(https://www.buspro.pk/a/i/nv4.svg);}
.nav li a.nv5{background-image:url(https://www.buspro.pk/a/i/nv5.svg);}
.nav li a.nv6{background-image:url(https://www.buspro.pk/a/i/nv6.svg);}
.nav li a.nv7{background-image:url(https://www.buspro.pk/a/i/nv7.svg);}
.nav li a.nv8{background-image:url(https://www.buspro.pk/a/i/nv8.svg);}
.nav li a.nv7,
.nav li a.nv8{
	background-color:rgba(57,127,254,1) !important;
	color:#fff !important;
    filter: grayscale(0) brightness(1);
    -webkit-filter: grayscale(0) brightness(1);
    -moz-filter: grayscale(0) brightness(1);
}
.nav li.bl{border-left:1px solid #e4e6e6;}

.bS01 .theLabel {
    display: inline-block;
    vertical-align: middle;
    width: 65px;
    color: #212121;
    font-weight: 500;
    margin: 0;
    line-height: 1;
    margin-bottom: 5px;
    font-size: 14px;
}
.bS01 .theField{
    display: inline-block;
    vertical-align: middle;
    width: calc(100% - 70px);
    padding-left: 5px;
}
.bS01 .theField > *{
    margin-bottom: 5px;
}
.bS01 .theField.theDepDate > .form-control {
    width: calc(100% - 100px);
    display: inline-block;
    vertical-align: middle;
    margin-right: 6px;
}
.bS01 .theField.theDepDate > .form-control + .form-control {
    width: 90px;
    margin-right: 0;
}
.bS01 .theField.theDepDate .bootstrap-select{
    width: calc(100% - 100px) !important;
    display: inline-block;
    vertical-align: middle;
    margin-right: 6px;
    margin-bottom: 5px;
}
.bS01 .theField.theDepDate .bootstrap-select .btn{
    width: 100% !important;
}
.bS01 .theField.theDepDate .btn{
    width: 90px;
    display: inline-block;
    vertical-align: middle;
}
.bS01 .theField.tFtotl{font-size: 24px;}
.m0{margin: 0 !important;}
/* new design ends */
@media screen and (min-width:1600px){
    .form-control{
        height: auto;
    }
    aside {
        left: 15px;
        width: 165px;
        padding: 30px 15px 0;
    }
    main {
    }
    .busBay > a .theImg img{width: 100%;}
    .busBay > a .theNum {width: 58%;}
    .busBay > span.blank .theImg {padding-bottom: 10px;}
    .busBay > span.blank .theImg {max-width: 54%;}
    .busBay > a .theImg {
    min-width: 10%;
    max-width: 60%;}
    .busBay > a .theNum {width: 46%;padding: 0px 4px;line-height: 1.2;}
}
@media screen and (max-width:1599px){
    
    .form-control{
		font-size: 12px;
        height: 26px;
        padding: 2px 7px;
    }
    .btn{
		font-size: 12px;
        padding: 2px 7px;
    }
    text-area.form-control{
        height: 78px;
    }
    .row, .form-horizontal .form-group {
        margin-right: -10px;
        margin-left: -10px;
    }
    .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 {
        padding-right: 10px;
        padding-left: 10px;
    }
    .container-fluid {
        padding-right: 10px;
        padding-left: 10px;
    }
    header nav.navbar > .container-fluid{
        padding:0 0 0 20px;
    }
    aside .list-group a.list-group-item {
        font-size: 14px;
        line-height: 1.2;
    }
    aside .list-group a.list-group-item .theIcon img{height: 26px;}
    aside .list-group {padding: 0;}
    .navbar-form {
        margin-top: 21px;
    }
    .theLabel, .form01 .theFare span{font-size: 12px;}
    .h2, h2 {font-size: 26px;}
    .h4, h4 {font-size: 16px;}
	.form01 .theField.theRoute .btn, .form01 .theField.theTime .btn{width: 26px;}
    .form01 .theField.theRoute .form-control {width: calc(100% - 37px);}
    .busBay .popover table{font-size: 11px;}
    .busBay > a .theImg img{max-height: 30px;}
    .busBay > a, .busBay .blank {padding: 0px 3px 2px;}
    .busBay > a .theNum {
    padding: 3px 4px 2px;
    width: 30px;
    font-size: 12px;
    line-height: 1;}
	.cCheck label{
		padding-left: 32px;
		min-height: 26px;
		line-height: 26px !important;
	}
	.cCheck label input + i{
		height:26px;
		width:26px;
		background-size:55% auto !important;
	}
    
}
@media screen and (max-width:1599px) and (min-width:1171px){
    .tDash .bBay li > a {height: 27px; }
    .tDash .bBay li > a .tTxt {font-size: 12px;}
    .tDash .bBay li > a .tTxt small{font-size: 11px;}
}
@media screen and (max-width:1170px){
    .busBay > a .theNum {width: 28px;font-size: 12px;}
    .form01 .theLabel, .cCheck label, .form01 .theFare span{width: 55px;}
    .form01 .theField {width: calc(100% - 59px);}
    .btn {font-size: 12px;}
    aside .list-group a.list-group-item {font-size: 12px;}
    aside {width: 100px;}
    .seatScheme {
        line-height: 1.2;
        font-size: 12px;
    }
    .seatScheme img{width: 28px;}
    .form01 .theField.theDepDate .btn {width: 88px;}
    .form01 .theField.theDepDate .form-control {width: calc(100% - 98px);}
    .form-control{font-size: 12px;}
    .theBadges{font-size: 11px;}
}
@media screen and (max-width:991px){
    .tDash .bSec{margin: 20px 0;}
    #tTickts, #bBay{height: auto !important;}
    #bBay{min-height: 400px;}
}
/* login page starts */
.logPage{
    font-size: 16px;}
.logPage .lftBox{position: fixed;left: 0;top: 0;bottom: 0;width: 500px; background:#357af9 url(../i/loogin.png) no-repeat center center / cover; padding: 20px; text-align: center; color: #fff;font-size: 14px;}
.logPage .lftBox .tSec{position: absolute; left: 0; right: 0; top: 0; padding:30px 20px;}
.logPage .lftBox .tSec img{max-width: 70%;}
.logPage .lftBox .mSec{ position: absolute; left: 20px;right: 20px;top: 50%;transform: translateY(-50%);}
.logPage .lftBox .mSec b{display: block;font-size: 24px;font-weight: 400;}
.logPage .lftBox .bSec{position: absolute; left: 0; right: 0; bottom: 0; padding:30px 20px;font-size: 18px;}
.logPage .rgtBox{position: fixed;right: 0;top: 0;bottom: 0;left: 500px;background-color: #fff;}
.logPage .rgtBox .lFrm{
    width: 540px;
    max-width: 45%;
    margin: 0 auto;
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
}
.logPage .rgtBox h2{
    margin: 0 0 35px;
    font-size: 28px;
    color: #212121;
}
.logPage .rgtBox h2 small{display: block;font-weight: 300;font-size: 16px; color: #777777; margin-top: 10px;}
.logPage .rgtBox .form-group{}
.logPage .rgtBox .form-control{font-size: 16px;border-color:#bdbdbd; height: 60px; padding: 20px;}
.logPage .has-error .form-control{border-color: #a94442 !important;color: #a94442 !important;}
.logPage .rgtBox label{
    font-weight: normal;
}
.logPage .rgtBox .fPass{
    float: right;
    color: #909090;
    text-decoration: none !important;
}
.logPage .rgtBox .btn{
    padding: 14px 50px;
    border-radius: 35px;
    font-size: 16px;
	position:relative;
}
.logPage .rgtBox .btn.ldCon{
	pointer-events: none;}
.logPage .rgtBox .btn.ldCon:after{
	background:#fff url(../i/loader.gif) no-repeat center center / auto 70%;
	content:'';
	position:absolute;
	left:-1px;
	right:-1px;
	top:-1px;
	bottom:-1px;}
@media screen and (max-width:1599px){
    .logPage{font-size: 12px;}
    .logPage .lftBox{width: 300px;}
    .logPage .lftBox .mSec{font-size: 12px;}
    .logPage .lftBox .mSec b{font-size: 20px;}
    .logPage .lftBox .bSec{font-size: 14px;}
    .logPage .lftBox .bSec small{font-size: 12px;}
    .logPage .rgtBox{left: 300px;}
    .logPage .rgtBox h2{margin: 0 0 25px;font-size: 24px;}
    .logPage .rgtBox h2 small{font-size: 14px;}
    .logPage .rgtBox .form-control{font-size: 14px;height: 40px; padding: 10px 15px;}
    .logPage .rgtBox .btn{
        padding: 8px 30px;
        font-size: 14px;
    }
}
/* login page ends */
/*modals start*/
.form-group sup{color: #f44336;}
.modal-header .close{
    background: url(https://www.buspro.pk/a/i/close.svg) no-repeat center center;
    width: 16px;
}
.btn .glyphicon-plus{background: url(https://www.buspro.pk/a/i/plus.svg) no-repeat center center;top: 2px; min-width: 14px;}
.btn .glyphicon-plus:before{opacity: 0;}
.modal-title{
    font-weight: 500;
    color: #212121;
    padding-right: 20px;
}
.modal-footer{border: 0; padding-top: 0;}
.modal-footer .btn{min-width: 88px;}
.modal-header .close span{opacity: 0;}
.modal-sm {width: 385px;}
.modal-backdrop.in {filter: alpha(opacity=80);opacity: .8;}
.modal-sm .form01 .theField.theTime .form-control {width: calc(100% - 180px);}
.theBtns{text-align: right;}
.theBtns .btn{margin-top: 5px;min-width: 85px;}
.theBtns .btn + .btn{margin-left: 5px;}
.formBox{width:385px;max-width: 100%; margin:0 auto;}
.user-rights .panel{margin-top: 15px;}
.user-rights .row .col-md-4:nth-child(3n){clear: right;}
.user-rights .row .col-md-4:nth-child(3n+1){clear: left;}
.user-rights .list-group{margin: 10px 0;}
.user-rights .list-group .thCont{max-height: 247px;overflow: auto;border-radius: 0 0 4px 4px;}
.user-rights .list-group .thCont .list-group-item:first-child{border-radius: 0;}
.user-rights .list-group-item{}
.user-rights .thCont .list-group-item:last-child,
.user-rights .thCont .list-group-item:nth-last-child(2){
    margin-bottom: 0;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
}
.user-rights div.list-group-item{
    background-color: #eee;
}
.user-rights div.list-group-item span{
    display: inline-block;
    font-size: 16px;
    font-weight: 500;
    width: calc(100% - 110px);
}
.user-rights div.list-group-item label{font-size: 14px;font-weight: normal;}
.user-rights label.list-group-item,
.user-rights div.list-group-item label{position: relative;padding-left: 50px;font-weight: normal;}
.user-rights label.list-group-item.item-child{padding-left: 65px;background-color: #f9f9f9;}
.user-rights label.list-group-item input[type='checkbox'],
.user-rights div.list-group-item label input[type='checkbox']{display: none;}
.user-rights .list-group-item.edit{
    padding: 7px 15px;
}
.user-rights label.list-group-item input + i,
.user-rights div.list-group-item label input + i{
    background: url(https://www.buspro.pk/a/i/tick.svg) no-repeat -100px center;
    background-size: 55% auto !important;
    display: inline-block;
    height: 24px;
    width: 24px;
    border: 1px solid #d4dadf;
    border-radius: 4px;
    color: #333;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    text-align: right;
    left: 15px;
    position: absolute;
    top: 50%;
    margin-top: -12px;
}
.user-rights label.list-group-item.item-child input + i{left: 30px;}
.user-rights label.list-group-item input:checked + i,
.user-rights div.list-group-item label input:checked + i{
    background-position: center center;
}
.formBox.formBoxLg{
    width: 600px;
}
@media screen and (min-width:1600px){
	.modal-sm, .formBox{width:470px;}
    .modal-title{font-size: 20px;}
    .modal-header .close {margin-top: 2px;}
}
@media screen and (max-width:1170px){.theBtns .btn{min-width: 75px;}}
/*modals end*/
.dropdown-menu .divider{
    margin: 2px 0;
}
.dropdown-menu .dropdown > a{position: relative;}
.dropdown-menu .dropdown > a:after{
    position: absolute;
    top: 50%;
    margin-top: -5px;
    right: 10px;
    content: '';
    border-left: 5px solid #444;
    border-bottom: 5px solid transparent;
    border-top: 5px solid transparent;
}
.dropdown-menu .dropdown:hover > a{background-color: #f5f5f5;}
.dropdown-menu .dropdown:hover > .dropdown-menu{
    display: block;
    left: 100%;
    top: 0;
}
.has-error .theLabel{color: #a94442 !important;}
.has-error .form-control{border-color: #a94442 !important;color: #a94442 !important;}
.fulAlrt{
    margin: -15px 0 0;
}
.fulAlrt .alert{
    margin: 0 0 5px;
}
.alert{border-radius: 3px; font-size: 21px;}
.alert-danger {
    color: #fff;
    background-color: #cf5865;
    border-color: #6f2129;
}
.alert-success {
    color: #fff;
    background-color: #19cc7a;
    border-color: #135134;
}
.alert h3{margin-top: 0;}
.blHdng{padding: 15px 10px 8px;}
.blModal .table td{vertical-align: middle;}
.blModal .table .btn{padding: 2px 10px !important;}
.panel .panel-heading{overflow: auto;}
.panel.panel-defualt .panel-heading {
    background-color: #fdfdfd;
    border-bottom: 1px solid #e4e6e6;
}
.panel .panel-heading .panel-title{font-size: 18px;font-weight: 500;margin-top: 5px;}
.content-wrapper{clear: both; margin-top: 20px;}
.bootstrap-select{display: block;width: 100% !important;}
.sReport thead th{text-align: center;}
.w100px{width: 100px;}
.nowrap{white-space: nowrap;}
.w100px{width: 100px;}
.nowrap{white-space: nowrap;}
.tblCol .tblTitl td{text-align: left;font-weight: bold;}
.tblCol tr{opacity: 0; display: none;transition: ease-in-out .2s;-webkit-transition: ease-in-out .2s;-moz-transition: ease-in-out .2s;}
.tblCol tr.act{display:table-row !important;opacity: 1;}
.tblCol .tblTitl{display:table-row !important;cursor: pointer;opacity: 1;}
.tblCol .tblTitl td{transition: ease-in-out .2s;-webkit-transition: ease-in-out .2s;-moz-transition: ease-in-out .2s;background-color: #f5f5f5;color: #3072fa;}
.tblCol .tblTitl:hover td{background-color: #eee;}
.usrLstng{}
.usrLstng td{vertical-align: middle !important;}
.no-net {
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 99999;
    background-color: rgba(255,255,255,.7);
    font-size: 36px;
    font-weight: normal;
    text-align: center;
    padding: 20% 10%;
    text-shadow: 0 0 3px #fff;
}
.alert-dismissable .close, .alert-dismissible .close {opacity: 1;}
@media screen and (max-width:767px){
    .logPage .lftBox{display: none;}
    .logPage .rgtBox{left: 0;}
    .lFrm .subLogo{ margin-bottom: 20px;}
    .logPage .rgtBox .lFrm {max-width: 80%;}
    header nav.navbar > .container-fluid {padding: 0 15px;}
    .rptBookingL{margin-top: 20px;}
    .navbar-brand {
        height: 48px;
        padding: 8px 15px;
    }
    .navbar-brand img{height: 36px;}
    main{top: 45px;}
    .nav li a.nv{padding: 10px 10px 10px 40px; background-position: 10px center; height: auto; line-height: normal;}
    .btn-xs-block{display: block;width: 100%;}
    .form01.routeF1 .theLabel,
    .form01.bDtlF .theLabel,
    .form01 .theField.theRfinish .theLabel,
    .form01 .theField.theRfinish .form-control,
    .form01 .theField.theTime .cCheck,
    .form01 .theField.theTime .form-control,
    .form01 .theLabel, .cCheck label,
    .form01 .theFare span{width: 100%;}
    .form01.routeF1 .theField,
    .form01.bDtlF .theField,
    .form01 .theField{width: 100%;padding: 5px 0 10px;}
    .form01.sChFrm .theFare .form-control{margin: 5px 0 5px;}
    .theBtns{text-align: center;}
}
/* cargo module starts */
.cargoBox{width:960px;max-width: 100%; margin:0 auto;}
.cargoBox .panel {
    box-shadow: 0px 3px 6px 0px rgba(189, 189, 189, 0.3) !important;
}
.cargoBox .panel-body {
    box-shadow: none !important;}
.cargoBox .form01 .theLabel{width: 125px;}
.cargoBox .form01 .theField {width: calc(100% - 130px);}
.cargoBox .form01 textarea.form-control{resize: none;height: 75px;}
.cargoBox .form01 input[type='radio']{position: relative;top: 1px;}
@media screen and (max-width:991px){
    .cargoBox{width: 450px;}
}
.cargo-batch .srchForm{}
.cargo-batch .srchForm label{
    display: inline-block;
    width: 100px;
}
.cargo-batch .srchForm .form-control{
    display: inline-block;
    width: calc(100% - 105px);
}
.cargo-batch .srchForm{}
.cargo-batch .table-responsive{
    height: 410px;
    margin-bottom: 20px;
}
.cargo-batch .table-responsive .table{margin: 0;}
@media screen and (min-width:992px) and (max-width:1599px){
    
    .cargo-batch .table-responsive{
        height: 290px;
        margin-bottom: 15px;
    }
}
.cargo-batch .table tbody{
    overflow: auto;
}
.cargo-batch .table th{text-align: center;}
.cargo-batch .table td{text-align: left;}
.cargo-batch .table .active td{background-color: #e2f9ff;}
.cargo-batch .table .slct{
    width: 25px;
    text-align: center;
}
.cargo-daily{}
.cargo-daily .srchForm{}
.cargo-daily .srchForm label{
    display: inline-block;
    width: 100px;
}
.cargo-daily .srchForm .form-control{
    display: inline-block;
    width: calc(100% - 105px);
}
.cargo-daily .srchForm{}
.cargo-daily .table-responsive{
    max-height: 410px;
    margin-bottom: 20px;
}
.cargo-daily .table-responsive .table{margin: 0;}
@media screen and (min-width:992px) and (max-width:1599px){
    
    .cargo-daily .table-responsive{
        max-height: 290px;
        margin-bottom: 15px;
    }
}
.cargo-daily .table tbody{
    overflow: auto;
}
.cargo-daily .table th{text-align: center;}
.cargo-daily .table td{text-align: left;}
.cargo-daily .table .active td{background-color: #e2f9ff;}
.cargo-daily .table .slct{
    width: 25px;
    text-align: center;
}
.cargo-daily hr{margin: 10px 0;}
.cargoView{}
.cargoView .form-inline{ margin-bottom: 10px;}
.cargoView .form-inline label{padding-right: 15px;}
.cargoView .form-inline input[type='radio']{
    margin: 0 5px 0 0;
    position: relative;
    top: 2px;
}
.cargoView .editIco{
    color: #212121;
    font-size: 18px;
    line-height: 1;
    display: inline-block;
    margin: 0 3px;
}
/* cargo module ends */


.rdiv_bus_stype .tDash .bBay li > label{
    
    height: 38px;
    display: block;
    color: #fff;
    text-align: center;
    line-height: 1;
    position: relative;
    text-decoration: none !important;
    box-shadow: 0 0 0 rgba(33,33,33,0.3);
    border: 2px solid #757575;
    cursor: pointer;
    color: #424242;
    margin-top: 5px;
}
.rdiv_bus_stype .tDash .bBay li input {
    display:none;
}
.tDash .bBay li .tTxt {
    display: block;
    font-weight: bold;
    font-style: normal;
    font-size: 14px;
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
}
.rdiv_bus_stype .tDash .bBay li input[type=checkbox]:checked + label{
       border: 2px solid #397ffe;
    background: #397ffe;
    color: #fff;
}