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

body {
background: #fff;
padding: 0;
margin: 0;
font-size: 13px;
font-family: Verdana,Geneva,sans-serif;
font-weight: 500;
line-height: 24px;
color: #5e6572;
}

.wrapper {
background: #fff;
}

header {
width: 100%;
position: relative;
z-index: 2;
}

.topstrip {
width: 100%;
background: #820a1c;
color: #fff;
}

topstrip .loginsec {
margin: 0;
width: 100%;
}

.topstrip .loginsec a {
float: left;
position: relative;
margin-left: 20px;
color: #fff;
text-decoration: none;
}

.topstrip .loginsec a i {
margin-right: 10px;
line-height: 50px;
font-size: 18px;
float: left;
}

.topstrip .loginsec a span {
line-height: 50px;
float: left;
}

.logo-section {
width: 100%;
background: #fff url("../images/logo-bg.jpg") no-repeat top center;
}

.logo-section img {
max-width: 100%;
}

.menu-section {
width: 100%;
background: #2f67c9;
}

.banner-section {
width: 100%;
/*background: url("../images/banner_04.jpg") no-repeat top center;*/
/*height: 505px;*/
border-bottom: #2f67c9 30px solid;
margin-top:-18%;
}

.banner-section .input-lg {
border-radius: 0px;
font-size:14px;
}

.banner-section .btn-lg {
border-radius: 0px;
}

.btn-red {
color: #fff;
outline:none;
background-color: #810a1c;
border-color: #9c001d;
/* width: 100%; */
font-size: 14px;
text-transform: uppercase;
padding: 0 30px;
border-radius: 50px!important;
margin: 0 auto;
height: 36px;
}
.btn-red:focus, .btn-red:hover {
outline:none;
background-color: #2f67c9;
border:none;
color:#fff;
}

h2.background {
position: relative;
z-index: 1;
text-align: center;
margin-top:-10px;
margin-bottom:0;
}

h2.background span {
background: none;
padding: 0 15px;
font-size: 18px;
line-height: 50px;
}

h2.background::before {
border-top: 2px solid #fff;
content: "";
margin: 0 auto;
position: absolute;
top: 50%;
left: 0;
bottom: 0;
width: 45%;
z-index: -1;
}

h2.background::after {
border-top: 2px solid #fff;
content: "";
margin: 0 auto;
position: absolute;
top: 50%;
right: 0;
bottom: 0;
width: 45%;
z-index: -1;
}

.route-option {
margin: 0;
min-height: 550px;
border-radius: 8px;
border: #dddddd 1px solid;
}

.route-option .table > tbody > tr > td {
padding: 2px 8px;
border-top: 0;
}


.welcome-section {
width: 100%;
font-size: 13px;
font-weight: 500;
font-family: Verdana,Geneva,sans-serif;
margin: 30px 0;
float: left;
}

.welcome-section .wel-right {
position: relative;
z-index: 1;
padding: 0;
}

.welcome-section .wel-text {
position: relative;
padding: 0;
}

.welcome-section .wel-text h1 {
font-size: 28px;
font-weight: 500;
font-family: Verdana,Geneva,sans-serif;
margin-bottom: 24px;
margin-top:0;
}

.welcome-section .wel-text p {
font-size: 13px;
font-weight: 500;
font-family: Verdana,Geneva,sans-serif;
text-align: justify;
line-height: 30px;
}

.welcome-section .wel-text a {
color: #820a1c;
text-decoration: none;
font-weight: bold;
border: #cccccc 2px solid;
padding: 10px 20px;
border-radius: 8px;
float:right;
}

.welcome-section .wel-text a:hover {
color: #fff;
background:#820a1c;
border:none;
}

.welcome-section .wel-right h1 {
font-size: 16px;
color: #fff;
font-weight: 600;
padding: 14px 30px;
margin: 0;
background: #e7c237;
}

.welcome-section .wel-right p {
font-size: 13px;
font-weight: 500;
font-family: Verdana,Geneva,sans-serif;
text-align: justify;
line-height: 24px;
padding: 0 30px;
}

.welcome-section .wel-right span {
margin: 0 0 0 10px;
}

.welcome-section .wel-right::before {
background-color: #f8ba00;
content: "";
height: 100%;
position: absolute;
top: 0;
width: 100%;
z-index: -9;
}

.welcome-section .wel-right .right-text-box {
/*position: relative;*/
z-index: 2;
padding: 0;
padding: 15px 0;
color: #fff;
}

.welcome-section .wel-right .right-text-box::before {
background-color: #2f67c9;
content: "";
height: 100%;
position: absolute;
top: 0;
width: 100%;
z-index: -9;
}

.welcome-section .wel-right .right-text-box .fa {
color: #e7c237;
}

.footer-menu-section {
width: 100%;
background: #222a35;
padding: 15px 0;
}

.footer-menu-section ul li {
list-style-type: none;
padding: 5px 0;
}

.footer-menu-section ul li .fa {
color: #cccccc;
margin-right: 15px;
}

.footer-menu-section ul li a {
font-size: 13px;
font-weight: 500;
font-family: Verdana,Geneva,sans-serif;
line-height: 24px;
color: #cccccc;
text-decoration: none;
}

.footer-menu-section ul li a:hover {
color: #6ba0fc;
text-decoration: none;
}

.footer-menu-section h1 {
font-size: 24px;
color: #e7c237;
text-align: center;
font-family: Verdana,Geneva,sans-serif;
}

.footer-menu-section p {
font-size: 14px;
color: #ccc;
text-align: center;
font-family: Verdana,Geneva,sans-serif;
}

.footer-menu-section .social-icon {
text-align: center;
}

.footer-menu-section .social-icon .fa {
padding: 12px 14px;
font-size: 24px;
width: 48px;
height: 48px;
text-align: center;
text-decoration: none;
margin: 5px 2px;
border-radius: 50%;
}

.footer-menu-section .social-icon .fa:hover {
opacity: 0.7;
}

.footer-menu-section .social-icon .fa-facebook {
background: #3B5998;
color: white;
}

.fa-twitter {
background: #55ACEE;
color: white;
}

.fa-linkedin {
background: #007bb5;
color: white;
}

.footer-section {
width: 100%;
background: #020202;
padding: 15px 0;
color: #fff;
}

.footer-section a {
color: #6ba0fc;
text-decoration: none;
}


/* BACKGROUND COLORS */
.bg-red, .bg-yellow, .bg-aqua, .bg-blue, .bg-light-blue, .bg-green, .bg-navy, .bg-teal, .bg-olive, .bg-lime, .bg-orange, .bg-fuchsia, .bg-purple, .bg-maroon, bg-gray, bg-black, .bg-red a, .bg-yellow a, .bg-aqua a, .bg-blue a, .bg-light-blue a, .bg-green a, .bg-navy a, .bg-teal a, .bg-olive a, .bg-lime a, .bg-orange a, .bg-fuchsia a, .bg-purple a, .bg-maroon a, bg-gray a, .bg-black a {
color: #f9f9f9 !important;
}

.bg-white, .bg-white a {
color: #999999 !important;
}

.bg-red {
background-color: #f56954 !important;
}

.bg-yellow {
background-color: #f39c12 !important;
}

.bg-aqua {
background-color: #00c0ef !important;
}

.bg-blue {
background-color: #0073b7 !important;
}

.bg-light-blue {
background-color: #3c8dbc !important;
}

.bg-green {
background-color: #00a65a !important;
}

.bg-navy {
background-color: #001f3f !important;
}

.bg-teal {
background-color: #39cccc !important;
}

.bg-olive {
background-color: #3d9970 !important;
}

.bg-lime {
background-color: #01ff70 !important;
}

.bg-orange {
background-color: #ff851b !important;
}

.bg-fuchsia {
background-color: #f012be !important;
}

.bg-purple {
background-color: #932ab6 !important;
}

.bg-maroon {
background-color: #85144b !important;
}

.bg-gray {
background-color: #eaeaec !important;
}

.bg-black {
background-color: #222222 !important;
}

/* TEXT COLORS */
.text-red {
color: #f56954 !important;
}

.text-yellow {
color: #f39c12 !important;
}

.text-aqua {
color: #00c0ef !important;
}

.text-blue {
color: #0073b7 !important;
}

.text-light-blue {
color: #3c8dbc !important;
}

.text-green {
color: #00a65a !important;
}

.text-navy {
color: #001f3f !important;
}

.text-teal {
color: #39cccc !important;
}

.text-olive {
color: #3d9970 !important;
}

.text-lime {
color: #01ff70 !important;
}

.text-orange {
color: #ff851b !important;
}

.text-fuchsia {
color: #f012be !important;
}

.text-purple {
color: #932ab6 !important;
}

.text-maroon {
color: #85144b !important;
}

.text-gray {
color: #666666 !important;
}

.text-black {
color: #222222 !important;
}

.table-responsive {
margin-bottom: 0px;
}

.table-responsive .table {
margin-bottom: 0px;
}

.inner-banner {
width: 100%;
margin-bottom: 30px;
}
.inner-banner img {
max-width: 100%;

}

.content-heading {
font-size: 24px;
font-weight: 600;
margin: 0 0 15px 0;
border-bottom: #cccccc 2px solid;
padding: 0 0 10px 0;
position: relative;
}

.content-heading:before {
position: absolute;
background: #2f67c9;
height: 4px;
content: '';
width: 110px;
bottom: -3px;
left: 0;
}

.inner-left-box {
background: #f2cd41;
border-radius: 8px;
}

.inner-left-box h3 {
text-transform: uppercase;
color: #fff;
padding: 15px;
border-top-left-radius: 8px;
border-top-right-radius: 8px;
background: #820a1c;
text-align: center;
font-size: 18px;
margin: 0;
}

.inner-left-box ul {
padding: 15px;
}

.inner-left-box ul li {
list-style-type: none;
padding: 0 0 12px 0;
}

.inner-left-box ul li a {
color: #333;
text-decoration: none;
}

.inner-right-box {
margin: 0;
width: 100%;
}

.inner-right-box h3 {
padding: 0;
font-size: 18px;
margin: 0;
font-weight: 600;
}

.inner-right-box ul {
padding: 15px 0;
border-bottom: #ececec 1px solid;
}

.inner-right-box ul li {
list-style-type: none;
padding: 0 0 10px 0;
color: #428bca;
}

.inner-right-box ul li span {
background: #323232;
color: #fff;
padding: 5px;
border-radius: 4px;
margin-right: 5px;
}

.download-text {
padding-bottom: 10px;
margin-bottom: 10px;
border-bottom: 1px #ececec solid;
text-align: justify;
}

.download-text h6 {
font-size: 14px;
color: #820a1c;
font-weight: 600;
line-height: 24px;
margin-top: 0;
}

.download-text .fa {
font-size: 16px;
margin-right: 5px;
}

.ticket-search {
}

.ticket-search fieldset {
padding: 15px;
margin: 0 0 15px 0;
border: 1px solid silver;
width: 100%;
}

.ticket-search legend {
display: block;
padding: 0 10px;
margin-bottom: 0;
font-weight: 600;
font-size: 18px;
line-height: inherit;
color: #0073b7;
border: 0;
width: auto;
}


.bus-stop-box {
background: #f5f5f5;
border-radius: 8px;
border: #dddddd 1px solid;
}

.bus-stop-box h3 {
text-transform: uppercase;
color: #fff;
padding: 15px;
border-top-left-radius: 8px;
border-top-right-radius: 8px;
background: #2f67c9;
text-align: center;
font-size: 18px;
margin: 0;
}

.bus-stop-box ul {
padding: 0 0 0 0;
}

.bus-stop-box ul li {
list-style-type: none;
padding: 10px 15px;
border-bottom: #dddddd 1px solid;
}

.bus-stop-box ul li:last-child {
border-bottom: none;
}

.bus-stop-box ul li a {
color: #2877fa;
text-decoration: none;
}

.bus-stop-box ul li a span {
float: right;
color: #333;
}

/* NEW CSS */


.gridHead {
padding: 10px 15px;
border-bottom: 1px solid transparent;
color: #fff;
background-color: #173364;
font-size: 16px;
}

.checkbox {
padding-left: 10px;
}

.blackies {
background: #2c3e50;
z-index: 999;
transition: all 0.2s ease-out;
/*min-height: 100%;*/
display: block;
height: 550px;
overflow-y: auto;
/*width:250px;*/
}

.right {
margin-left: 250px;
}

.busno {
background: #f5e9d0;
min-height: 550px;
}

.separetor {
margin: auto;
text-align: center;
margin-top: 30px;
margin-bottom: 37px;
}

.or {
background: #327bb9;
color: #fff;
border-radius: 50%;
text-align: center;
padding: 10px 10px;
position: relative;
margin: 10px;
}

.or + hr {
margin-top: -10px;
border-top: 2px solid #f3f3f3;
}

.plan .form-inline {
text-align: center;
}

.triangle-topright {
width: 0;
height: 0;
border-top: 30px solid #4583b7;
border-left: 30px solid transparent;
right: 0;
position: absolute;
top: 0;
}
.card {
background: #f0f0f0;
padding: 35px 10px 0;
color: #000;
position: relative;
margin-bottom: 20px;
box-shadow: 3px 3px 9px #e7e4e4;
border: 1px solid #ccc;
}

.bus {
text-align: center;
font-size: 16px;
font-weight: 600;
margin-bottom: 15px;
}

.bus i {
font-size: 24px;
}

.bus img {
width: 21px;
margin-left: -45px;
}

.path {
padding-right: 0;
}

.path h4 {
font-size: 14px;
margin-bottom: 0px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}

.path h5 {
margin-top: 5px;
font-size: 13px;
color: #e56a00;
}









/* Style 06-12-2017 */

.tabbox {
background-color: #fafafa;
padding: 0;
margin: 15px 0;
position: relative;
border: solid 1px #bfbfbf;
border-left: solid 5px #bfbfbf;
box-shadow: 2px 2px 9px #c1c1c1;
}
.tabbox .tab-heading {
background-color: #fff;
color: #333;
float: left;
width: 100%;
padding: 0 15px;
border-bottom: solid 1px #bfbfbf;
}
.flag {
display: none;
}
.activeflag {
display: block;
font-size: 50px;
position: absolute;
right: -20px;
color: #82091e;
top: 30px;
}
.activetabbox {
background-color: #fafafa;
color: #2f67c9;
padding: 0;
margin: 15px 0;
position: relative;
border: #82091d 1px solid;
border-right: solid 5px #82091d;
}
.activetabbox span {
font-weight: 600;
}
.activetabbox .tab-heading {
background-color: #82091d;
color: #fff;
float: left;
width: 100%;
padding: 0 15px;
}
.activetabbox h4 {
margin-top: 0;
color: #fff;
margin-bottom: 0;
font-size: 13px;
font-weight: 600;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
line-height: 35px;
width: 47%;
}
.activetabbox .busdays {
color: #fff;
}
.activetabbox .fromfa {
color: #008209;
font-size: 14px;
margin-right: 8px;
}
.activetabbox .tofa {
color: #82091d;
font-size: 14px;
margin-right: 8px;
}
.tabbox h5 {
margin-bottom: 5px;
margin-top: 5px;
font-size: 13px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
line-height: 24px;
}

.tabbox h4 {
margin-top: 0;
color: #333;
margin-bottom: 0;
font-size: 13px;
font-weight: 600;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
line-height: 35px;
width: 47%;
}

.tabbox .fromfa {
color: #333;
font-size: 14px;
margin-right: 8px;
}

.tabbox .tofa {
color: #333;
font-size: 14px;
margin-right: 8px;
}

.tabbox .timefa {
color: #e56a00;
font-size: 14px;
margin-right: 5px;
}

.tabbox span {
font-weight: 600;
color: #000;
}

.tabbox .triangle-topright {
width: 0;
height: 0;
border-top: 30px solid #e9a30b;
border-left: 30px solid transparent;
right: 0;
position: absolute;
top: 0;
}
.triangle-toprightActive {
width: 0;
height: 0;
border-top: 30px solid #00b0f0;
border-left: 30px solid transparent;
right: 0;
position: absolute;
top: 0;
}
.busstop-box {
background: #fff;
color: #1b232f;
min-height: 740px;
}

.closeimg {
width: 24px;
height: 24px;
opacity: 1;
position: relative;
top: 25px;
z-index: 9999;
right: 15px;
}

.busstop-box .stop-cont {
    padding: 5px 15px 5px 0;
    border-left: 2px #ccc solid;
    margin: 0 0 0 15px;
    border-bottom: 1px dashed #ccc;
    float: left;
    font-size: 13px;
}

.busstop-box .stop-cont span {
float: left;
width: 100%;
/*margin-bottom: 10px;*/
}

.busstop-box .stop-cont .fa {
color: #b71616;
font-size: 18px;
left: -8px;
position: relative;
}

.busstop-box .stop-cont .timefa {
color: #e56a00;
font-size: 14px;
}


#style-4::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
background-color: #F5F5F5;
}

#style-4::-webkit-scrollbar {
width: 10px;
background-color: #F5F5F5;
}

#style-4::-webkit-scrollbar-thumb {
background-color: #9bba37;
border: 2px solid #819c2a;
}

.scrollbar {
height: 300px;
background: #F5F5F5;
overflow-y: scroll;
margin-bottom: 5px;
}
.days {
margin: 0;
}
.days li {
display: inline;
font-size: small;
}

.busdays {
color: #333;
font-weight: bolder;
line-height: 35px;
font-size: 13px;
}

#style-5::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
background-color: #F5F5F5;
}

#style-5::-webkit-scrollbar {
width: 10px;
background-color: #F5F5F5;
}

#style-5::-webkit-scrollbar-thumb {
background-color: #2f67c9;
border: 2px solid #2f67c9;
}

#style-6::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
background-color: #F5F5F5;
}

#style-6::-webkit-scrollbar {
width: 10px;
background-color: #F5F5F5;
}

#style-6::-webkit-scrollbar-thumb {
background-color: #9bba37;
border: 2px solid #819c2a;
}

#style-7::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
background-color: #F5F5F5;
}

#style-7::-webkit-scrollbar {
width: 5px;
background-color: #F5F5F5;
}

#style-7::-webkit-scrollbar-thumb {
background-color: #9bba37;
border: 2px solid #819c2a;
}

@media only screen and (max-width: 800px) {
.divAdjust {
width: 100%;
height: 350px;
}
}

.pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover {
z-index: 0 !important;
color: #fff;
cursor: default;
background-color: #337ab7;
border-color: #337ab7;
}








.wickedpicker {
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
box-shadow: 0 0 0 1px rgba(14, 41, 57, 0.12), 0 2px 5px rgba(14, 41, 57, 0.44), inset 0 -1px 2px rgba(14, 41, 57, 0.15);
background: #fefefe;
margin: 0 auto;
border-radius: 0.1px;
width: 210px;
height: 130px;
font-size: 14px;
display: none;
}

.wickedpicker__title {
background-image: -webkit-linear-gradient(top, #ffffff 0%, #f2f2f2 100%);
background-image: linear-gradient(to bottom, #ffffff 0%, #f2f2f2 100%);
position: relative;
background: #f2f2f2;
margin: 0 auto;
border-bottom: 1px solid #e5e5e5;
padding: 12px 11px 10px 15px;
color: #4C4C4C;
font-size: inherit;
}

.wickedpicker__close {
-webkit-transform: translateY(-25%);
-moz-transform: translateY(-25%);
-ms-transform: translateY(-25%);
-o-transform: translateY(-25%);
transform: translateY(-25%);
position: absolute;
top: 25%;
right: 10px;
color: #34495e;
cursor: pointer;
}

.wickedpicker__close:before {
content: '\00d7';
}

.wickedpicker__controls {
padding: 10px 0;
line-height: normal;
margin: 0;
}

.wickedpicker__controls__control, .wickedpicker__controls__control--separator {
vertical-align: middle;
display: inline-block;
font-size: inherit;
margin: 0 auto;
width: 35px;
letter-spacing: 1.3px;
}

.wickedpicker__controls__control-up, .wickedpicker__controls__control-down {
color: #34495e;
position: relative;
display: block;
margin: 3px auto;
font-size: 18px;
cursor: pointer;
}

.wickedpicker__controls__control-up:before {
/*content: "+";*/
content: url('../images/chevron-arrow-up.png');
}

.wickedpicker__controls__control-down:after {
content: url('../images/chevron-arrow-down.png');
}

.wickedpicker__controls__control--separator {
width: 5px;
}

.text-center, .wickedpicker__title, .wickedpicker__controls, .wickedpicker__controls__control, .wickedpicker__controls__control--separator, .wickedpicker__controls__control-up, .wickedpicker__controls__control-down {
text-align: center;
}

.hover-state {
color: #3498db;
}


.inner-attraction {
margin: 0 0 30px 0;
}

.inner-attraction .att-row-separator {
padding: 15px;
margin: 30px 0 0 0;
border: #ececec 1px solid;
box-shadow: 0px 0px 5px 0px #dfdfdf;
}

.inner-attraction h3 {
color: #2f5597;
margin: 0 0 15px 0;
}

.inner-attraction p {
line-height: 24px;
text-align: justify;
}

.inner-grievance {
margin: 30px 0;
}

.inner-grievance .att-row-separator {
padding: 15px;
margin: 15px 0 0 0;
border: #ececec 1px solid;
box-shadow: 0px 0px 5px 0px #dfdfdf;
}

.inner-grievance .att-row-separator span {
color: #2f5597;
font-size: 13px;
}

.inner-grievance h4 {
color: #2f5597;
margin: 0 0 10px 0;
}

.inner-grievance p {
line-height: 24px;
text-align: justify;
}

.inner-grievance .btn-file {
position: relative;
overflow: hidden;
}

.inner-grievance .form-box {
border: 2px solid #ccc;
margin-top: 15px;
margin-bottom: 15px;
float: left;
}

.inner-grievance .btn-file input[type=file] {
position: absolute;
top: 0;
right: 0;
min-width: 100%;
min-height: 100%;
font-size: 100px;
text-align: right;
filter: alpha(opacity=0);
opacity: 0;
outline: none;
background: white;
cursor: inherit;
display: block;
}

.inner-grievance .head {
color: rgb(138,169,223);
font-weight: bold;
font-size: 20px;
display: block;
padding-left: 4px;
padding-right: 4px;
border: none;
width: 112px;
background-color: white;
margin-top: -16px;
}
.tabcontent {
}

.tablinks {
background-color: #fafafa;
padding: 0;
margin: 10px 0 0 0;
position: relative;
border: solid 1px #bfbfbf;
border-left: solid 5px #bfbfbf;
box-shadow: 2px 2px 9px #c1c1c1;
float: left;
width: 100%;
}
.tablinks .fromfa {
color: #333;
font-size: 14px;
margin-right: 5px;
}

.tablinks .tofa {
color: #333;
font-size: 14px;
margin-right: 5px;
}

.tablinks .tab-heading {
background-color: #fff;
color: #333;
float: left;
width: 100%;
padding: 0 15px;
border-bottom: solid 1px #bfbfbf;
}

.tablinksActive {
background-color: #fafafa;
padding: 0;
margin: 15px 0 0 0;
position: relative;
border: solid 1px #84061d;
border-right: solid 5px #84061d;
box-shadow: 2px 2px 9px #c1c1c1;
float: left;
width: 100%;
}
.tablinksActive .tab-heading {
background-color: #84061d;
color: #fff;
float: left;
width: 100%;
padding: 0 15px;
border-bottom: solid 1px #84061d;
}

.tablinksActive .fromfa {
color: #008209;
font-size: 14px;
margin-right: 5px;
}

.tablinksActive .tofa {
color: #84061d;
font-size: 14px;
margin-right: 5px;
}

.tablinksActive h4 {
margin-top: 0;
color: #fff;
margin-bottom: 0;
font-size: 13px;
font-weight: 600;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
line-height: 35px;
width: 92%;
float: left;
}

.tablinksActive h5 {
margin: 5px 0;
font-size: 13px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
line-height: 22px;
color: #3864c4;
}

.tablinks .triangle-topright {
width: 0;
height: 0;
border-top: 30px solid #e9a30b;
border-left: 30px solid transparent;
right: 0;
position: absolute;
top: 0;
}

.triangle-toprightActive {
width: 0;
height: 0;
border-top: 30px solid #00b0f0;
border-left: 30px solid transparent;
right: 0;
position: absolute;
top: 0;
}

.tablinks h5 {
margin-bottom: 0;
margin-top: 6px;
font-size: 10px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
line-height: 22px;
font-weight:bold;
cursor:pointer;
}

.tablinks h4 {
margin-top: 0;
color: #000;
margin-bottom: 0;
font-size: 13px;
font-weight: 600;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
line-height: 35px;
width: 93%;
float: left;
}

.halfWidth {
width: 50%;
}

.data {
position: absolute;
right: 10px;
top: 10px;
}

.data button {
border-radius: 0;
}


.grid {
position: relative;
width: 100%;
background: #fff;
color: #666666;
border-radius: 2px;
margin-bottom: 25px;
box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.1);
}

.user {
border: none;
background: none;
line-height: 50px;
}
.user-box {
background:#820a1d;
}
.user-box a {
float:none !important;
margin:0 !important;
}
.grid .grid-body {
padding: 10px 8px 10px 8px;
}

div.tab {
width: 100%;
padding: 0px 10px;
}

/* Style the buttons inside the tab */
div.tab button {
display: block;
background-color: inherit;
color: black;
padding: 22px 16px;
width: 100%;
border: none;
outline: none;
text-align: left;
cursor: pointer;
transition: 0.3s;
}

/* Change background color of buttons on hover */
div.tab button:hover {
background-color: #ddd;
}

/* Create an active/current "tab button" class */
div.tab button.active {
background-color: #ccc;
}
.sliderloader {
background: url(loader11.gif) no-repeat scroll 50% 42% rgba(0, 0, 0, 0.8);
display: table;
height: 680px;
position: absolute;
width: 100%;
z-index: 2;
}





/* Style Plan Section */
.plan-card {
float: left;
width: 100%;
padding: 35px 0 10px 0;
padding: 0 0 10px 0;
background: #fff;
box-shadow: 2px 2px 9px #c1c1c1;
border: 1px #c1c1c1 solid;
}
.plan-card .tab-heading {
padding-top: 10px;
width: 100%;
float: left;
border-bottom: #3864c4 1px solid;
}

.plan-card .tab-heading h4 {
margin-top: 0;
color: #fff;
margin-bottom: 0;
font-size: 14px;
font-weight: 600;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
line-height: 30px;
background: #2f67c9;
float: left;
padding-right: 15px;
}

.plan-card .tab-heading h6 {
float: right;
font-size: 24px !important;
color: #666 !important;
margin: 0;
padding: 0;
line-height: 15px;
cursor: pointer;
}

.plan-card .tab-heading span {
color: #f7e307;
}

.plan-card .tab-heading .fa {
background: #173364;
padding: 0 10px;
margin-right: 10px;
line-height: 30px;
font-size: 15px;
color:#fff;
}

.plan-card .plan-card-left {
margin: 10px 0;
padding: 0 5px;
}

.plan-card .plan-card-left p {
padding: 0;
line-height: 24px;
font-weight: 600;
font-size: 12px;
}

.plan-card .plan-card-left h2 {
padding: 0 0 0 3px;
line-height: 10px;
font-weight: 600;
color: #8d8d8d;
margin: 0;
font-size: 5px;
}

.plan-card .plan-card-left .fa {
color: #3864c4;
margin-right: 5px;
}

.plan-card .plan-card-left span {
color: #3864c4;
float: right;
}

.plan-card .plan-card-right {
margin: 10px 0 0 0;
border-left: #3864c4 1px dashed;
}

.plan-card .plan-card-right .stop-img {
float: left;
width: 100%;
}

.plan-card .plan-card-right .distance-text h6 {
line-height: 15px;
font-weight: 600;
color: #3864c4;
font-size: 11px;
text-align: center;
}

.plan-card .plan-card-right p {
line-height: 30px;
font-weight: 600;
color: #3864c4;
font-size: 13px;
text-align: center;
float: left;
width: 100%;
padding: 0;
}

.plan-card .plan-card-right .fa {
font-size: 14px;
margin-right: 5px;
}

.plan-card .plan-card-right .distance-text h6::before {
width: 30%;
top: 45%;
border-top: 5px #1b3261 solid;
position: absolute;
right: 0;
bottom: 0;
content: "";
}

.plan-card .plan-card-right .distance-text h6::after {
width: 30%;
top: 48%;
border-top: 5px #1b3261 solid;
position: absolute;
left: 0;
bottom: 0;
content: "";
}
.plan-card-box {
    /*height: 105px;*/
    clear: both;
    margin-bottom:20px;
}

.plan-card p {
font-size: 13px;
padding: 8px 0;
margin: 0;
}

.plan-card h6 {
font-size: 13px;
color: #335393;
font-weight: bold;
margin: 0;
}

.plan-card-stop {
text-align: center;
}

.plan-card-stop img {
max-width: 100%;
width: auto;
}

.plan-card-run {
text-align: center;
}

.plan-card-run .fa {
margin-right: 10px;
font-size: 18px;
}

.plan-card-run .btn {
padding: 4px 15px;
margin: 10px 0;
}

    .plan-card-run .plan-bus-road {
        border-bottom: 2px #0073b7 dashed;
        padding: 0 0 5px 0;
        margin-bottom: 10px;
        float: left;
        width: 100%;
    }

.plan-card-run .plan-bus-road span {
color: #335393;
}

.plan-card-run .plan-walk-road {
border-bottom: 5px #335393 dashed;
padding: 0 0 5px 0;
margin-bottom: 10px;
float: left;
width: 100%;
}

.plan-card-run .plan-walk-road img {
width: auto;
max-width: 100%;
}

.plan-card-run .plan-walk-road span {
color: #335393;
}

.input-group {
width:100%;
}
.input-group-addon {
    border-radius:6px;
}

.input-group .form-control:last-child, .input-group-addon:last-child, .input-group-btn:first-child > .btn-group:not(:first-child) > .btn, .input-group-btn:first-child > .btn:not(:first-child), .input-group-btn:last-child > .btn, .input-group-btn:last-child > .btn-group > .btn, .input-group-btn:last-child > .dropdown-toggle {
/*border-top-right-radius: 0;
border-bottom-right-radius: 0;*/
}

.input-group .form-control:first-child, .input-group-addon:first-child, .input-group-btn:first-child > .btn, .input-group-btn:first-child > .btn-group > .btn, .input-group-btn:first-child > .dropdown-toggle, .input-group-btn:last-child > .btn-group:not(:last-child) > .btn, .input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle) {
/*border-top-left-radius: 0;
border-bottom-left-radius: 0;*/
}

.bus-det-head {
background: #82091e;
}
.bus-tabbox {
background-color: #fffcfd;
position: relative;
border: #e5e5e5 1px solid;
margin: 15px 0 0 0;
border-bottom: solid 4px #2f67c9;
box-shadow: 2px 2px 9px #c1c1c1;
}
.bus-tabbox .tab-heading {
padding-top: 10px;
width: 100%;
float: left;
}
.bus-tabbox .tab-heading h4 {
margin-top: 0;
color: #fff;
margin-bottom: 0;
font-size: 14px;
font-weight: 600;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
line-height: 30px;
background:#2f67c9;
float:left;
padding-right:15px;
}
.bus-tabbox .tab-heading .fa {
background: #173364;
padding: 0 10px;
margin-right: 10px;
line-height: 30px;
font-size: 15px;
}
.bus-tabbox h5 {
margin-bottom: 5px;
margin-top: 5px;
font-size: 13px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
line-height: 24px;
color: #333;
}
.bus-tabbox span {
color: #2f67c9;
font-weight: 600;
font-size: 13px;
}
.bus-tabbox .fromfa {
color: #008209;
font-size: 14px;
margin-right: 8px;
}
.bus-tabbox .tofa {
color: #82091d;
font-size: 14px;
margin-right: 8px;
}

.grievances-browse {
position: absolute;
top: 0;
right: 0;
width: 1%;
min-width: 100%;
min-height: 100%;
font-size: 23px;
text-align: right;
filter: alpha(opacity=0);
opacity: 0;
outline: none;
background: white;
cursor: pointer;
display: block;
}

.navbar-right ul.navbar-nav > li .dropdown-menu.profile {
width: 200px !important;
}
.navbar-nav li.profile-menu .dropdown-menu {
float: right;
right: 0;
left:unset !important;
}
ul.navbar-nav .open .dropdown-menu {
position: absolute;
background-color: #fff;
}
.dropdown-menu.box li a {
border-bottom: 1px solid #ebebeb !important;
font-size: 0.9em;
list-style: none;
padding: 10px 10px!important;
width: 100%;
display: inline-block;
color: #333;
margin-left: 0;
cursor:pointer;
}
.dropdown-menu.box li a:hover {
background-color: #f7f8f9 !important;
}
.nav .open>a, .nav .open>a:focus, .nav .open>a:hover{
background:none;
}
.navbar-nav li.navbar-menu .up-arrow, .navbar-nav li.profile-menu .up-arrow {
border-style: solid;
border-width: 0 7px 7px;
height: 0;
margin-top: 0;
opacity: 0;
position: absolute;
width: 0;
z-index: 10;
margin-top: 10px;
opacity: 1;
border-color: transparent transparent #007aff;
border-bottom-color: #007aff !important;
border-top-color: #007aff !important;
}
.navbar-nav li.profile-menu .up-arrow {
right: 8px;
top: -18px;
}
.navbar-nav li.profile-menu .up-arrow {
border-color: transparent transparent #111111;
border-bottom-color: #111111 !important;
border-top-color: #111111 !important;
}
.dropdown-menu > li.border-top {
border-top: 2px solid #111111 !important;
}

.topstrip .loginsec .navbar-menu a:hover {
background:none;
cursor:pointer;
}
.topstrip .loginsec  .nav > li > a:hover {
background:none;
cursor:pointer;
}
.dropdown-menu.box li a  i {
line-height : normal;
}
.search-box {
background: #fff;
-webkit-transition: all .4s;
transition: all .4s;
-webkit-transition-delay: .3s;
transition-delay: .3s;
position: absolute;
right:0;
top: 44px;
z-index: 9999;
display: none;

}
.search-box .form-control {
/*height: auto;*/
border: 1px solid #e6e6e6;
border-radius: 0px;
box-shadow: none;
padding-right: 45px;
padding-bottom: 10px;
padding-top: 0px;
}
.search-box .form-control .search-btn {
position: absolute;
right: 75px;
top: 5px;
color: #070607;
padding: 11px 0px;
background: transparent;
border: none;
outline:none;
}
.search-box .content {
padding: 8px 65px 15px 15px;
}
.search-box input {
background: none;
border: none;
width: 100%;
font-size: 14px;
color: #727272;
outline:none;
height: 14px;
}
.search-box .close-btn {
position: absolute;
top: 0px;
right: 20px;
color: #070607;
font-size: 1.85714em;
opacity: .5;
padding:11px 5px;
text-decoration:none;
}

.planautoloader {
right: 3px;
position: absolute;
top: 2px;
width: 24px;
}

.ticketautoloader {
right: 19px;
position: absolute;
top: 46px;
width: 24px;
}

.faretoautoloader{
right: 343px;
position: absolute;
top: 33px;
width: 24px;
}
.farefromautoloader{
left: 268px;
position: absolute;
top: 33px;
width: 24px;
}
.eta-gridHead {
padding: 10px 15px;
border-bottom: 1px solid transparent;
color: #fff;
background: #1b3261;
font-size: 16px;
}

.eta-bus-det-head {
background: #82091e;
}
.eta-bus-det-cont {
margin-top: 15px;
border: #d8d6d6 1px solid;
float: left;
}
.eta-bus-det-cont .tablinks {
background-color: #fafafa;
padding: 0;
margin: 0;
position: relative;
border: none;
border-left: none;
box-shadow: none;
float: left;
width: 100%;
border-bottom: #ccc 1px dashed;
}
.busactive {
background: #2f67c9 !important;
color: white !important;
}
.eta-bus-det-cont .tablinks span {
color: #2f67c9;
}
.busactive span {
color: #ecc440 !important;
}
.busactive h4 {
color: #fff !important;
}
/*.busnormal {
background: white;
}*/
/*.eta-bus-det-cont .tablinks:nth-child(odd) {
background:#e9f0ff;
}*/
.eta-bus-det-cont .tablinks h5 {
margin-bottom: 0px;
margin-top:0px;
}
.bus-round-icon {
background: #13b23e;
color: #fff;
border-radius: 50%;
padding: 5px;
font-size: 12px;
}

.carding {
margin: 0;
text-align: left;
font-family: Verdana,Geneva,sans-serif;
color: #333;
}
.carding .profile-img {
height: 190px;
padding: 10px;
border: #dadada 1px solid;
width: 190px;
margin-right: 30px;
float: left;
}
.carding .profile-img img {
max-width: 100%;
width: auto;
}
.topup-tab {
float: left;
width: 100%;
}
.topup-tab ul.nav {
background: none;
width: 100%;
float: left;
}
.topup-tab .nav > li > a {
font-size: 14px;
font-weight: 600;
}

.topup-card-butt {
float: right;
padding: 0 0;
margin: 0;
}

.topup-tab .tabform {
margin: 15px 0 15px 0;
}

.tab-pane .nopadding {
padding: 0;
}

.tab-pane input, .tab-pane select {
border-radius: 4px;
}

.tab-pane button {
border-radius: 4px;
}
.topup-tab .tab-content .active {
border: none;
background: none;
}
.topup-tab ul.nav .active {
border: none;
background: none;
}
.tab-content .inner-grievance {
margin:0;
}
.griv-rout-autoloader {
right: 20px;
position: absolute;
top: 45px;
width: 24px;
}
.main_box {
margin: 0 auto;
width: 600px;
border: 1px #ccc solid;
box-shadow:0 10px 16px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19) !important
}

.text_01 {
text-align: justify;
line-height: 28px;
margin: 0;
}
.text_b {
font-weight: 600;
color: #1314a0;
}
.text_g {
color: #757474;
}
.logo_sec {
padding: 15px;
border-bottom: 1px #ccc solid;
text-align:center;
}
.licenseInfoHeader {
font-weight: 600;
color: #000000;
}
.licenseInfo {
color: #000000;
}
.select_size {
width: 100%;
height: 34px;
padding: 0;
color: #333 !important;
text-align:left;
}
.chevron-left {
position: absolute;
top: 45%;
z-index: 5;
display: inline-block;
}
.overlaptext {
padding: 0;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
line-height: 34px;
}
.route_code {
background: rgb(19, 178, 62);
padding: 0 7px;
margin: 0 5px;
border-radius: 10px;
font-size: 12px;
color: #fff !important;
}
/*Over loading date picker*/
#ui-datepicker-div {
z-index: 2 !important;
}
p + br {
display: none;
}
/*br {
display: none;
}*/
.farechartloader{
left: 821px;
top: 193px;
width: 75px;
}
.contact_margin{
margin-bottom:0px;
}
hr{
margin-top:0px !important;
margin-bottom:0px !important;
border:1px !important;
border-top:1px solid black !important;
}



.plan-failure-box {
font-size: 14px;
text-align: center;
padding: 15px 40px;
border: #ccc 2px solid;
border-radius: 12px;
font-weight: 500;
background:#fff;
}
.footer-logo-box {
background: #394250;
border-radius: 12px;
padding: 10px 15px 0 15px;
float: left;
}
.footer-logo-box-img {
float: left;
text-align: center;
margin: 0 5px;
}
.footer-logo-box-img img {
/*width:80%;*/
height:74px;
}



/*Payment Section*/
.payment-box {
    border: #eaeaea 2px solid;
    padding: 15px;
    border-radius: 8px;
    float: left;
    width: 100%;
    margin-bottom:15px;
    margin-top: 15px;
}
.payment-box-cont {
    float:left;
    margin-bottom:15px;
    width:100%;
}
.payment-box p {
    margin-bottom:1px;
}
.payment-box span {
    /*color:#2f67c9;*/
    font-weight:600;
}
.alert-secondary {
    color: #383d41;
    background-color: #e2e3e5;
    border-color: #d6d8db;
}
.alert-dismissible {
    padding-right: 4rem;
}
.payment-exp {
    float: left;
    width: 100%;
    padding: 8px 15px !important;
    margin-bottom: 0 !important;
}

.price{
    font-weight:600;
    font-size:18px;
}
.topupsection {
    width: 100%;
    background: #e6f1f7;
    margin: auto;
    border: 2px solid #ccc;
    padding: 20px;
    border-radius: 10px;
    text-align: center;
    display: table;
}
.topupsection h1{
    font-size:18px;
}
.topupsection .topupcard {
    background-image: url(../images/Rupaycard.png);
    background-repeat: no-repeat;
    height: 246px;
    width: 400px;
    margin: auto;
    background-size: 100%;
    position: relative;
    margin-bottom: 20px;
}
.topupsection .topupcard h4 {
    position: absolute;
    /* margin-top: 100px; */
    display: block;
    bottom: 71px;
    width: 100%;
    font-size: 25px;
    color: #fff;
    font-weight: 300;
    letter-spacing: 4px;
}