@font-face {
    font-family: 'BKKIcon';
    src: url('../js/bkk_icon.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}

.timetable-site {
    --bkkibi-height: 30px;
    --bkkibi-width: 30px;
    --bkkibi-fontsize: 21px;
}

.timetable-site .timetable-site .bpt-item {
    height: 100%;
    text-align: center;
    line-height: 60px;
    cursor: pointer;
    transition: background-color 0.2s ease-in-out;
    margin: 0 !important;
    width: calc(100% / 3) !important;
}

.timetable-site .bpt-item:focus,.timetable-site .bpt-item:hover {
    background-color: rgba(255, 255, 255, 0.05);
}

.timetable-site .bpt-item.active {
    background-color: rgba(255, 255, 255, 0.1);
    border-radius: 4px 4px 0px 0px;
}

.timetable-site .bpt-item p {
    text-transform: uppercase;
    color: #FFF;
    font-weight: 600;
    font-size: 14px;
}

.timetable-site .bpb-box {
    float: left;
    width: 100%;
    height: 100%;
    padding: 30px;
    display: none;
}

.timetable-site .bpb-box.active {
    display: inline-block;
}

.timetable-site .bpb-destinations {
    float: left;
    width: 100%;
}

.timetable-site .bpb-destinations .bpbd-left .bpbd-icon.bkk-icon-pointA {
    color: #5E6167;
}

.timetable-site .bpb-destinations .bpbd-left .bpbd-icon.bkk-icon-pointB {
    color: #95c11f;
}

.timetable-site .bpb-destinations .bpbd-left {
    float: left;
    width: 25px;
    padding-top: 15px;
}

.timetable-site .bpb-destinations .bpbd-left .bpbd-icon {
    font-size: 25px;
    width: 25px;
    height: 25px;
    object-fit: contain;
    color: #999;
    display: inline-block;
    background-color: #FFF;
    border-radius: 50%;
}

.timetable-site .bpb-destinations .bpbd-left .bpbd-dots {
    float: left;
    width: 100%;
}

.timetable-site .bpb-destinations .bpbd-left .bpbd-dots i {
    float: left;
    width: 5px;
    height: 5px;
    margin-right: 10px;
    margin-left: 10px;
    background-color: rgba(255, 255, 255, 0.5);
    border-radius: 50%;
}

.timetable-site .bpb-destinations .bpbd-left .bpbd-dots i:nth-child(1) {
    margin-top: 5px;
    margin-bottom: 5px;
}

.timetable-site .bpb-destinations .bpbd-left .bpbd-dots i:nth-child(2) {
    margin-bottom: 5px;
}

.timetable-site .bpb-destinations .bpbd-left .bpbd-dots i:nth-child(3) {
    margin-bottom: 7.5px;
}

.timetable-site .bpb-destinations .bpbd-middle input[type="text"] {
    float: left;
    width: 100%;
    background-color: rgba(255, 255, 255, 0.1);
    border: 1px solid rgba(255, 255, 255, 0.3);
    border-radius: 3px;
    padding: 10px 15px;
    height: 50px;
    outline: none;
    color: #FFF;
    transition: background-color 0.2s ease-in-out;
    font-family: 'Open Sans', sans-serif;
    font-size: 16px;
}

.timetable-site .bpb-destinations .bpbd-middle input[type="text"]:hover,.timetable-site .bpb-destinations .bpbd-middle input[type="text"]:focus {
    background-color: rgba(255, 255, 255, 0.15);
}

.timetable-site .bpb-destinations .bpbd-middle input[type="text"]:nth-child(1) {
    margin-top: 2.5px;
}

.timetable-site .bpb-destinations .bpbd-middle input[type="text"]:nth-child(2) {
    margin-top: 12.5px;
}

.timetable-site .bpbd-right {
    float: left;
    width: 25px;
    height: 115px;
}

.timetable-site .bpbd-right img.bpbd-icon {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    height: 30px;
    width: 30px;
    cursor: pointer;
    transition: transform 0.2s ease-in-out;
    transform-origin: center;
}

.timetable-site .bpbd-right img.bpbd-icon:focus,.timetable-site .bpbd-right img.bpbd-icon:hover {
    transform: translateY(-50%) scale(1.25)
}

.timetable-site .bpb-time-date {
    margin-top: 20px;
    float: left;
    width: 100%;
}

.timetable-site .bpbtd-select {
    position: relative;
    float: left;
    width: 100%;
    margin-bottom: 10px;
}

.timetable-site .bpbtd-select i {
    position: absolute;
    top: 15.5px;
    right: 10px;
    color: #FFF;
    opacity: 0.3;
    pointer-events: none;
}

.timetable-site .bpbtd {
    float: left;
    background-color: rgba(255, 255, 255, 0.1);
    border: 1px solid rgba(255, 255, 255, 0.3);
    border-radius: 3px;
    padding: 10px 15px;
    height: 50px;
    outline: none;
    color: #FFF;
    transition: background-color 0.2s ease-in-out;
    font-family: 'Open Sans', sans-serif;
    font-size: 16px;
    width: 100%;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    cursor: pointer;
}

.timetable-site .bpbtd:focus,.timetable-site .bpbtd:hover {
    background-color: rgba(255, 255, 255, 0.2);
}

.timetable-site .bpbtd option {
    color: #000;
}

.timetable-site .bpbtd-traveldate,.timetable-site .bpbtd-traveltime {
    position: relative;
    float: left;
}

.timetable-site .bpbtd-traveldate {
    width: 60%;
}

.timetable-site .bpbtd-traveltime {
    width: calc(40% - 10px);
    margin-left: 10px;
}

.timetable-site .bpbtd-icon {
    position: absolute;
    left: 15px;
    top: 12.5px;
    font-size: 25px;
    width: 25px;
    height: 25px;
    object-fit: contain;
    color: #FFF;
}

.timetable-site .bpbtd-traveldate input[type="text"],.timetable-site .bpbtd-traveltime input[type="text"] {
    float: left;
    background-color: rgba(255, 255, 255, 0.1);
    border: 1px solid rgba(255, 255, 255, 0.3);
    border-radius: 3px;
    padding: 10px 15px 10px 55px;
    height: 50px;
    outline: none;
    color: #FFF;
    transition: background-color 0.2s ease-in-out;
    font-family: 'Open Sans', sans-serif;
    font-size: 16px;
    width: 100%;
}

.timetable-site .bpbd-middle input[type="text"]::-webkit-input-placeholder,.timetable-site .bpbtd-traveldate input[type="text"]::-webkit-input-placeholder,.timetable-site .bpbtd-traveltime input[type="text"]::-webkit-input-placeholder,.timetable-site .bpbd-middle input[type="text"]::placeholder,.timetable-site .bpbtd-traveldate input[type="text"]::placeholder,.timetable-site .bpbtd-traveltime input[type="text"]::placeholder {
    color: rgba(255, 255, 255, 0.5);
    font-style: italic;
}

.timetable-site .bpbtd-traveldate input[type="text"]:hover,.timetable-site .bpbtd-traveltime input[type="text"]:focus,.timetable-site .bpbtd-traveldate input[type="text"]:hover,.timetable-site .bpbtd-traveltime input[type="text"]:focus {
    background-color: rgba(255, 255, 255, 0.15);
}

.timetable-site .bpb-options {
    float: left;
    width: 100%;
    padding-top: 20px;
}

.timetable-site .bpb-lookup-btn,.timetable-site .bpb-opt-btn {
    float: left;
    width: 100%;
    color: #FFF;
    border: 2px solid rgb(76, 14, 95);
    border-radius: 40px;
    text-align: center;
    text-transform: uppercase;
    height: 50px;
    line-height: 48px;
    font-weight: bold;
    font-size: 14px;
    cursor: pointer;
    transition: color 0.2s ease-in-out,background-color 0.2s ease-in-out;
}

.timetable-site .bpb-lookup-btn.active,.timetable-site .bpb-lookup-btn:hover,.timetable-site .bpb-lookup-btn:focus,.timetable-site .bpb-opt-btn.active,.timetable-site .bpb-opt-btn:hover,.timetable-site .bpb-opt-btn:focus {
    background-color: #FFF;
    color: rgb(76, 14, 95);
}

.timetable-site .bpb-bottom {
    float: left;
    width: 100%;
    padding-top: 50px;
}

.timetable-site .bpb-planner-logo {
    float: left;
    width: 150px;
    object-fit: contain;
    padding-top: 7.5px;
}

.timetable-site .bpb-lookup-btn {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    float: left;
    width: calc(100% - 170px);
    margin-left: 20px;
    background-color: #FFF;
    color: rgb(76, 14, 95);
    position: relative;
    line-height: 45px;
    outline: none;
}

.timetable-site .bpb-lookup-btn img {
    float: left;
    width: 20px;
    height: 20px;
    position: absolute;
    pointer-events: none;
    top: 50%;
    left: 5px;
    transform: translateY(-50%);
}

.timetable-site .bpb-filter .bkkinf-item {
    margin: 0px 10px 10px 0px;
    height: 50px;
    width: 50px;
    padding: 0px;
    background-color: rgba(255, 255, 255, 0.3);
}

.timetable-site .bpb-filter .bkkinf-img {
    border-radius: 50%;
    position: relative;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    transition: transform 0.2s ease-in-out;
}

.timetable-site .bpb-filter .bkkinf-chkbox:checked {
    border: none;
}

.timetable-site .bpb-filter .bkkinf-chkbox:checked ~ .bkkinf-img {
    transform: translate(-50%, -50%) scale(0.7);
}

.timetable-site .bpb-innerbox {
    float: left;
    width: 100%;
}

.timetable-site .bpb-innerbox .bpbd-middle {
    width: 100%;
    padding: 0;
}

.timetable-site .bpbd-middle-desc {
    float: left;
    width: 100%;
    color: #FFF;
    font-size: 16px;
    font-weight: 600;
    margin: 15px 0px 0px;
}

.timetable-site .bpb-innerbox .bpb-lookup-btn {
    width: 100%;
    margin: 20px 0px;
}

.timetable-site .bpb-innerbox .bpb-lookup-btn img {
    position: static;
    transform: none;
    float: none;
    margin-bottom: -5px;
    left: auto;
    top: auto;
}

.timetable-site .bpdb-file {
    margin: 20px 0px 0px;
}

.timetable-site .bpdb-file i,.timetable-site .bpdb-file img {
    color: rgb(76, 14, 95);
    font-size: 38px;
    float: left;
    width: 40px;
    height: 40px;
    text-align: center;
    line-height: 40px;
}

.timetable-site .bpdb-file a {
    color: #FFF;
    font-size: 15px;
    font-weight: 600;
    float: left;
    width: calc(100% - 40px);
    padding-left: 10px;
}

.timetable-site .bpdb-file a:focus,.timetable-site .bpdb-file a:hover {
    text-decoration: underline;
}

.timetable-site .bpb-innerbox .bkkinfo-box.item {
    padding: 5px;
}

.timetable-site .bkkinfo-box .bpb-innerbox {
    max-height: 100%;
}

.timetable-site .bkkinfo-box .bpb-innerbox a {
    font-weight: 700;
}

.timetable-site .bkkinfo-box .bpb-innerbox a:hover,.timetable-site .bkkinfo-box .bpb-innerbox a:focus {
    text-decoration: underline;
}

.timetable-site .bpb-innerbox .bkkibi-number {
    width: auto;
    height: auto;
    max-width: 50px;
    min-height: 30px;
    float: left;
}

.timetable-site .bpb-innerbox .bkkibi-icon {
    float: left;
}

.timetable-site .bpb-innerbox .bkkibi-number span:first-child + span,.timetable-site .bpb-innerbox .bkkibi-icon i:first-child + i {
    margin-top: 10px;
}

.timetable-site .bpb-innerbox .bkkibi-text,.timetable-site .bpb-innerbox .bkkibi-date,.timetable-site .bpb-innerbox .bkkibi-time {
    padding: 0px 5px 10px !important;
    float: left;
}

.timetable-site .bpb-innerbox .bkkibi-date,.timetable-site .bpb-innerbox .bkkibi-time {
    width: auto;
}

.timetable-site .bpb-innerbox .bkkibi-time {
    float: right;
}

.timetable-site .bpb-innerbox .bkkibi-text {
    font-size: 15px;
    padding-bottom: 5px;
    margin-bottom: 5px;
    border-bottom: 1px solid rgba(94, 97, 103, 0.25);
    width: 100%;
}

.timetable-site .bpb-innerbox .bkkinfo-box.item {
    background-color: #FFF;
}

.timetable-site .bkkinfo-box.big .bpbd-middle input[type="text"] {
    background-color: #FFF;
    border: 1px solid rgba(0, 0, 0, 0.3);
    color: rgba(0, 0, 0, 1);
}

.timetable-site .bkkinfo-box.big .bpbd-middle input[type="text"]::placeholder {
    color: rgba(0, 0, 0, 0.3);
}

.timetable-site .bkkinfo-box.big .bpbd-dots i {
    background-color: rgba(0, 0, 0, 0.25);
}

.timetable-site .bkkicol {
    float: left;
}

.timetable-site .bkkicol:last-child {
    width: calc(100% - 90px);
    padding-left: 20px;
    float: right;
}

.timetable-site .bpb-innerbox .bkkinfo-box.item {
    background-color: #FFF;
}

.timetable-site .bkkinfo-cnt .bkkinfo-box.big {
    height: auto;
    background-color: #EEEFEF;
    padding-bottom: 20px;
}

.timetable-site .bkkinfo-box.big .bpbd-middle input[type="text"] {
    background-color: #FFF;
    border: 1px solid rgba(0, 0, 0, 0.3);
    color: rgba(0, 0, 0, 1);
}

.timetable-site .bkkinfo-box.big .bpbd-middle input[type="text"]::placeholder {
    color: rgba(0, 0, 0, 0.3);
}

.timetable-site .bkkinfo-box.big .bpbd-icon.bkk-A_full {
    color: #5E6167;
}

.timetable-site .bkkinfo-box.big .bpbd-dots i {
    background-color: rgba(0, 0, 0, 0.25);
}

.timetable-site .bkkinfo-box.big .bpb-destinations {
    width: 50%;
    padding-right: 40px;
}

.timetable-site .bkkinfo-box.big .bpb-lookup-btn {
    background-color: rgb(76, 14, 95);
    color: #FFF;
    width: auto;
    padding: 0 8px;
    float: left;
    margin: 10px 0 0;
}

.timetable-site .bkkinfo-box.big .bpb-lookup-btn:first-child {
    margin-right: 10px;
}

.timetable-site #BKKTSearchStr + .bpb-lookup-btn {
    margin-left: 10px;
}

.timetable-site .bkkinfo-box.big .bpbd-middle .bpb-lookup-btn {
    height: 40px;
    width: 40px;
    padding: 4px;
    border-radius: 50%;
    background-color: rgba(76, 14, 95, 1);
    border: 2px solid rgb(76, 14, 95);
    margin: 5px 0px 5px 10px;
}

.timetable-site .bkkinfo-box.big .bpb-lookup-btn .srchimg {
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAABRCAMAAAByk9E6AAAACXBIWXMAABYlAAAWJQFJUiTwAAAAM1BMVEX////////////////////////////////////////////////////////////////////lEOhHAAAAEHRSTlMAECAwQFBgcICQoLDA0ODwVOCoyAAAAlJJREFUWMPtmEtihCAMQIMgAvK7/2m7cEZRAgSkqzZreRLyD0BTFgFzhK3KuvgVu6tXYK4u1iV2W8buJjHaIfvaj1Mh1sTLPt5Wx8UYo+94Te4iRXZG5KlIlEB6SrZHumiCBz/V9UYJDgAAQqj9+ba2pTa/n/CKPz/Q/vaFYx08ixvy7qBV4pLyXNkvpKcRWfLrsNX9PnWf4meJfV0rXnlySVUKj+sT0/bZVB38cXjCIzmsud4H/b/t4wGAqZ6Q3bxU61xpdnqM60hy5yFbzgihJx+L8hXPf21diVOXrijLdycq/Qh6V3epskjclMvgBQHgGzEBD5L+snseXTGn9gPlNiA6szET3+PFY+400hOsyGE1rnGi3ponQjMCPF1O5TbZhoA6z9zjTpM6js2BY32ayC3wBcIrYPwH/gZwmpXDKz9UuR++ixSTR4qZHcvb7GwjCqWrr0wxpCrrAeCOqbe/qCnoRCDR0tU31Qj0N911+Sx6vtDqidEL6kI8+sELZmHrWh14o8835QaWj/gg8lTnFT0j867By9SaUbKl2TWrLN09fb1nV3WDEeeUi+daHXhraH3OZry9G2iuKGSgDF4mnf4ZfY8gKQNhZTWTL3VoxOglo+6IiMQYzPpcYBWWJpL0joef600cokxlQyTbcwJBDIkoPBHneJIdakSmSTx1zzc1InDb1nZ5ZrAqEUQdaQSSE+tEWHRpiej1gmfZBhFg1bl9nOblvN0kAjChzGdPbK1RgtUrAYHYWVv+KDHAXGLgMJU4jfchTuQByMk8AHnwfgAVJHF71RuzZwAAAABJRU5ErkJggg==');
    background-position: center;
    background-repeat: no-repeat;
    background-size: calc(100% - 12.5px);
    width: 30px;
    height: 30px;
    float: left;
    image-rendering: -webkit-optimize-contrast;
    vertical-align: middle;
}

.timetable-site .bkkinfo-box.big .bpb-lookup-btn:focus .srchimg,.timetable-site .bkkinfo-box.big .bpb-lookup-btn:hover .srchimg {
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAABRCAMAAAByk9E6AAAACXBIWXMAABYlAAAWJQFJUiTwAAAAM1BMVEX///9MDl9MDl9MDl9MDl9MDl9MDl9MDl9MDl9MDl9MDl9MDl9MDl9MDl9MDl9MDl9MDl9WKAFMAAAAEHRSTlMAECAwQFBgcICQoLDA0ODwVOCoyAAAAlJJREFUWMPtmEtihCAMQIMgAvK7/2m7cEZRAgSkqzZreRLyD0BTFgFzhK3KuvgVu6tXYK4u1iV2W8buJjHaIfvaj1Mh1sTLPt5Wx8UYo+94Te4iRXZG5KlIlEB6SrZHumiCBz/V9UYJDgAAQqj9+ba2pTa/n/CKPz/Q/vaFYx08ixvy7qBV4pLyXNkvpKcRWfLrsNX9PnWf4meJfV0rXnlySVUKj+sT0/bZVB38cXjCIzmsud4H/b/t4wGAqZ6Q3bxU61xpdnqM60hy5yFbzgihJx+L8hXPf21diVOXrijLdycq/Qh6V3epskjclMvgBQHgGzEBD5L+snseXTGn9gPlNiA6szET3+PFY+400hOsyGE1rnGi3ponQjMCPF1O5TbZhoA6z9zjTpM6js2BY32ayC3wBcIrYPwH/gZwmpXDKz9UuR++ixSTR4qZHcvb7GwjCqWrr0wxpCrrAeCOqbe/qCnoRCDR0tU31Qj0N911+Sx6vtDqidEL6kI8+sELZmHrWh14o8835QaWj/gg8lTnFT0j867By9SaUbKl2TWrLN09fb1nV3WDEeeUi+daHXhraH3OZry9G2iuKGSgDF4mnf4ZfY8gKQNhZTWTL3VoxOglo+6IiMQYzPpcYBWWJpL0joef600cokxlQyTbcwJBDIkoPBHneJIdakSmSTx1zzc1InDb1nZ5ZrAqEUQdaQSSE+tEWHRpiej1gmfZBhFg1bl9nOblvN0kAjChzGdPbK1RgtUrAYHYWVv+KDHAXGLgMJU4jfchTuQByMk8AHnwfgAVJHF71RuzZwAAAABJRU5ErkJggg==');
}

.timetable-site .bkkinfo-box.big .bpbd-middle {
    width: calc(100% - 25px);
    padding: 0px 0px 0px 20px;
}

.timetable-site .bkkinfo-box.big .bpb-lookup-btn:focus,.timetable-site .bkkinfo-box.big .bpb-lookup-btn:hover {
    background-color: transparent;
    color: rgb(76, 14, 95);
    border-color: rgb(76, 14, 95);
}

.timetable-site .bkkinfo-box {
    float: left;
    width: 100%;
    margin-bottom: 10px;
    border-radius: 8px;
    padding: 0px 15px;
}

.timetable-site .bkkinfo-box.filter {
    background-color: rgba(238, 239, 239, 1);
    padding-bottom: 20px;
}

.timetable-site .bkkinfo-box.big .bpb-innerbox {
    width: 50%;
}

.timetable-site .bkkinfo-box.big .bpbd-middle-desc {
    color: #000;
    margin: 0px 0px 10px;
}

.timetable-site .bkkinfo-box.big .bpbd-middle-desc ~ input {
    margin-top: 0px;
    width: calc(100% - 50px);
}

.timetable-site .bkkinfo-list .bpdb-file,.timetable-site .bkkinfo-box.big .bpdb-file {
    padding: 0px;
    margin-right: 20px;
    padding-left: 10px;
    color: rgb(76, 14, 95);
    float: left;
    width: 100%;
}

.timetable-site .bkkinfo-list .bpdb-file:first-child {
    margin-top: 5px;
}

.timetable-site .bkkinfo-list .bpdb-file p,.timetable-site .bkkinfo-box.big .bpdb-file p {
    font-size: 14px;
    color: #000;
    padding: 15px 7.5px 10px;
    float: left;
    width: 100%;
}

.timetable-site .bkkinfo-list .bpdb-file p a,.timetable-site .bkkinfo-box.big .bpdb-file p a {
    font-size: inherit;
    color: rgb(76, 14, 95);
    float: none;
    width: auto;
    padding: 0;
}

.timetable-site .bkkinfo-list .bpdb-file a,.timetable-site .bkkinfo-list .bpdb-file img,.timetable-site .bkkinfo-box.big .bpdb-file a,.timetable-site .bkkinfo-box.big .bpdb-file img {
    color: inherit;
}

.timetable-site .bkkinfo-box.green {
    padding: 10px;
    margin-top: -9px;
    background-color: rgba(152, 196, 33, 0.2);
}

.timetable-site .bpb-innerbox.green h3 {
    padding-bottom: 15px;
}

.timetable-site .bpb-innerbox.green p {
    padding-bottom: 15px;
}

.timetable-site .bkkinf-item {
    height: 60px;
    width: 60px;
    float: left;
    position: relative;
    margin-top: 20px;
    margin-right: 10px;
    padding: 10px;
    border-radius: 8px;
    box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.08);
}

.timetable-site .bkkinf-img {
    float: left;
    pointer-events: none;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    line-height: 40px;
    font-size: 40px;
    position: relative;
}

.timetable-site .bkkinf-chkbox {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: none;
    outline: none;
    float: left;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    cursor: pointer;
    margin: 0px;
    border-radius: 8px;
    background-color: rgba(255, 255, 255, 0.7);
    transition: background-color 0.2s ease-in-out;
}

.timetable-site .bkkinf-chkbox:checked {
    background-color: rgba(0, 0, 0, 0.1);
}

.timetable-site .bkkinf-desc {
    pointer-events: none;
    float: left;
    line-height: 40px;
    color: rgb(76, 14, 95);
    padding: 0px 10px;
    pointer-events: none;
    font-weight: 600;
}

.timetable-site .bkkinfo-box.title {
    color: #FFF;
    background-color: rgb(76, 14, 95);
    min-height: 50px;
    line-height: 50px;
    position: relative;
}

.timetable-site .bkkinfo-box.title .bkkinfo-backbtn {
    position: absolute;
    display: inline-block;
    top: 5px;
    right: 10px;
    color: #FFF;
    transition: color 0.2s ease-in-out;
    text-align: center;
    line-height: 42.5px;
    font-size: 26px;
    z-index: 2;
    width: 40px;
    height: 40px;
    cursor: pointer;
}

.timetable-site .bkkinfo-box.title h3 {
    font-size: 18px;
    font-weight: 600;
}

.timetable-site .bkkinfo-box.item {
    background-color: rgba(238, 239, 239, 0.5);
    border: 1px solid rgba(238, 239, 239, 1);
    min-height: 70px;
    padding-top: 5px;
}

.timetable-site .bkkinfo-box .bkkinfo-wrapper {
    width: 100%;
    margin-bottom: 0px;
    float: left;
}

.timetable-site .bkkinfo-box .bkkinfo-row {
    float: left;
    width: 100%;
}

.timetable-site .bkkinfo-box .bkkinfo-col {
    padding: 0px !important;
}

.timetable-site .bkkibi-icon {
    border-radius: 50%;
    width: 40px;
}

.timetable-site .bkkibi-icon i {
    height: var(--bkkibi-height);
    width: var(--bkkibi-width);
    font-size: 25px;
    line-height: 25px;
    border-radius: 50%;
    position: relative;
}

.timetable-site .bkkibi-number {
    width: 110px;
}

.timetable-site .bkkibi-number span {
    font-family: 'BKKFont-Regular', var(--font1);
    float: left;
    height: var(--bkkibi-height);
    text-align: center;
    color: #FFF;
    line-height: calc(var(--bkkibi-height) + 4px) !important;
    margin-right: 0px;
    margin-top: 5px;
    font-weight: 600;
    font-size: var(--bkkibi-fontsize);
}

.timetable-site .bkkibi-number span:not(:last-child) {
    margin-bottom: 2.5px;
}

.timetable-site .bkkinfo-list .bkkinfo-box.item {
    --color-scheme: #666;
}

.timetable-site .bkkinfo-list .bkkinfo-box.item.busz {
    --color-scheme: rgb(0,159,227);
}

.timetable-site .bkkinfo-list .bkkinfo-box.item.villamos {
    --color-scheme: rgb(255,216,0);
}

.timetable-site .bkkinfo-list .bkkinfo-box.item.troli {
    --color-scheme: rgb(228,31,24);
}

.timetable-site .bkkinfo-list .bkkinfo-box.item.metro-1 {
    --color-scheme: rgb(255,216,0);
}

.timetable-site .bkkinfo-list .bkkinfo-box.item.metro-2 {
    --color-scheme: rgb(228,31,24);
}

.timetable-site .bkkinfo-list .bkkinfo-box.item.metro-3 {
    --color-scheme: rgb( 0,92,165);
}

.timetable-site .bkkinfo-list .bkkinfo-box.item.metro-4 {
    --color-scheme: rgb(76,162,47);
}

.timetable-site .bkkinfo-list .bkkinfo-box.item.hev-5 {
    --color-scheme: rgb(30,16,102);
}

.timetable-site .bkkinfo-list .bkkinfo-box.item.hev-6 {
    --color-scheme: rgb( 130,75,0);
}

.timetable-site .bkkinfo-list .bkkinfo-box.item.hev-7 {
    --color-scheme: rgb(228,114,3);
}

.timetable-site .bkkinfo-list .bkkinfo-box.item.hev-8 {
    --color-scheme: rgb(237,103,126);
}

.timetable-site .bkkinfo-list .bkkinfo-box.item.hev-9 {
    --color-scheme: rgb(237,103,126);
}

.timetable-site .bkkinfo-list .bkkinfo-box.item.ejszaka {
    --color-scheme: rgb(0, 0, 0);
}

.timetable-site .bkkibi-number span[class*="square"] {
    border-radius: 4px;
    width: calc(var(--bkkibi-width) * 2);
    font-size: var(--bkkibi-fontsize);
    background-color: var(--color-scheme);
}

.timetable-site .bkkibi-number span[class*="circle"] {
    border-radius: 50%;
    width: var(--bkkibi-width);
    font-size: calc(var(--bkkibi-fontsize) - 1px);
    background-color: var(--color-scheme);
}

.timetable-site .bkkibi-number span.square.black {
    background-color: #000;
}

.timetable-site .bkkibi-number span.square.blue {
    background-color: #009FE3;
}

.timetable-site .bkkibi-number span.square.yellow {
    background-color: #ffd800;
    color: #000;
}

.timetable-site .bkkibi-number span.square.red {
    background-color: #e41f18;
}

.timetable-site .bkkibi-number span.square.brown {
    background-color: #824c13;
    font-size: calc(var(--bkkibi-fontsize) / 1.5);
    line-height: var(--bkkibi-height) !important;
}

.timetable-site .bkkibi-number span.square.green {
    background-color: #008849;
    font-size: calc(var(--bkkibi-fontsize) / 1.5);
    line-height: var(--bkkibi-height) !important;
}

.timetable-site .bkkibi-number span.square.white {
    background-color: #fff;
    color: #000;
}

.timetable-site .bkkibi-number span.circle-1 {
    background-color: #FFD500;
    color: #000;
}

.timetable-site .bkkibi-number span.circle-2 {
    background-color: #FE180A;
}

.timetable-site .bkkibi-number span.circle-3 {
    background-color: #0068AA;
}

.timetable-site .bkkibi-number span.circle-4 {
    background-color: #19a949;
}

.timetable-site .bkkibi-number span.circle-5 {
    background-color: #900166;
}

.timetable-site .bkkibi-number span.circle-6 {
    background-color: #884200;
}

.timetable-site .bkkibi-number span.circle-7 {
    background-color: #ff6e00;
}

.timetable-site .bkkibi-number span.circle-8,.timetable-site .bkkibi-number span.circle-9 {
    background-color: #ff6677;
}

.timetable-site .bkkibi-number span.circle-11 {
    background-color: #ff0070;
    letter-spacing: -2px;
    text-indent: -2px;
}

.timetable-site .bkkibi-number span.circle-14 {
    background-color: #e70039;
    letter-spacing: -2px;
    text-indent: -2px;
}

.timetable-site .bkkibi-text,.timetable-site .bkkibi-date,.timetable-site .bkkibi-time {
    padding-left: 25px !important;
}

.timetable-site .bkkibi-text {
    width: 100%;
}

.timetable-site .bkkibi-date,.timetable-site .bkkibi-time {
    font-weight: 600;
    font-size: 13px;
}

.timetable-site .bkkibi-date {
    width: 70%;
}

.timetable-site .bkkibi-time {
    text-align: right;
    width: 45%;
}

.timetable-site .bkkibi-nochange {
    line-height: 55px;
    font-weight: bold;
    padding-left: 10px;
}

.timetable-site .today .bkkibi-date span:first-child,.timetable-site .today .bkkibi-time span:first-child {
    color: rgba(0, 0, 0, 0.5);
}

.timetable-site .bkkinfo-sidebar {
    float: right;
    width: calc(((100vw - 1300px) / 2) + 320px);
    position: relative;
    margin-top: -100px;
    margin-right: calc(0px - (100vw - 1300px) / 2);
    height: 300px;
    background: #FFF;
    border-radius: 8px 0px 0px 0px;
}

.timetable-site .bkkinfo-sidebar ~ .bkkinfo-cnt {
    width: calc(100% - 320px);
    padding-right: 20px;
}

.timetable-site .bkkiside-box {
    float: left;
    width: 320px;
    padding: 20px 30px;
    border-radius: 8px;
    margin-bottom: 20px;
}

.timetable-site .bkkiside-box.gray {
    background-color: #EEEFEF;
}

.timetable-site .bkkiside-box.orange {
    color: #FFF;
    background-color: #E5481D;
}

.timetable-site .bkkiside-box.purple {
    color: #FFF;
    background-color: #4C0F5F;
}

.timetable-site .bkkiside-box.nopad {
    padding: 0;
}

.timetable-site .bkkiside-title {
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 15px;
}

.timetable-site .bkkibi-stopname {
    vertical-align: top;
    top: 5px;
    position: relative;
}

.timetable-site .bkkibi-stopname .bkkibi-stop-title {
    float: left;
    width: 50%;
    font-weight: 600;
}

.timetable-site .bkkibi-stopname .bkkibi-stop-title:before {
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 6px 0 6px 10px;
    border-color: transparent transparent transparent #000000;
    display: inline-block;
    margin: 0px 12.5px;
}

.timetable-site .bkkibi-stopname.noservice .bkkibi-stop-title:before {
    display: none;
}

.timetable-site .bkkibi-stopname .bkkibi-stop-title small {
    text-align: left;
    font-size: 12px;
    float: none;
    display: none;
}

.timetable-site .bkkinfo-box.item.active .bkkibi-stopname .bkkibi-stop-title small {
    display: block;
}

.timetable-site .bkkibi-stopname.standard {
    width: 100%;
    max-width: calc(100% - 275px);
    position: static;
    top: 0;
    margin: 0;
    display: inline-table;
    vertical-align: middle;
    min-height: 30px;
}

.timetable-site .bkkibi-stopname.standard p {
    margin-left: 35px;
    font-size: 10pt;
}

.timetable-site .bkkibi-stopname.standard .bkkibi-stop-title {
    width: 100%;
    display: table-cell;
    vertical-align: middle;
    float: none;
}

.timetable-site .bkkibi-stopname.standard .bkkibi-stop-title:before {
    margin: 0;
}

.timetable-site .bkkibi-stopname.standard .direction-title {
    display: inherit;
    margin: 20px 0px 0px 10px;
    font-weight: bold;
}

.timetable-site .bkkinfo-box.item.active .bkkibi-stopname .bkkibi-stop-title small {
    display: block;
}

.timetable-site .bkkibi-validbox {
    background-color: #FFF;
    border: 1px solid rgba(238, 239, 239, 1);
    margin-top: 10px;
    border-radius: 8px;
    position: relative;
    padding-bottom: 0;
    display: none !important;
}

.timetable-site .bkkibi-announcement {
    display: none !important;
}

.timetable-site .bkkinfo-box.item.timetable-item.active .bkkibi-validbox,.timetable-site .bkkinfo-box.item.timetable-item.active .bkkibi-announcement {
    display: inline-block !important;
}

.timetable-site .bkkibi-valid-select {
    position: static;
    float: left;
    width: 100%;
    list-style: none;
    padding: 15px 15px 5px;
    margin: 0;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.timetable-site .bkkibi-extra-markers ~ .bkkibi-valid-select {
    padding: 15px 110px 5px 15px;
}

.timetable-site .bkkibi-valid-select li {
    float: left;
    background-color: #FFF;
    color: #999;
    border: 1px solid #999;
    padding: 5px;
    border-radius: 4px;
    font-size: 14px;
    cursor: pointer;
    margin-bottom: 10px;
    transition: color 0.2s ease-in-out,border-color 0.2s ease-in-out,background-color 0.2s ease-in-out;
}

.timetable-site .bkkibi-valid-select li:hover,.timetable-site .bkkibi-valid-select li:focus {
    color: rgb(var(--bkk-purple));
    border-color: rgb(var(--bkk-purple));
}

.timetable-site .bkkibi-valid-select li.active {
    background-color: rgb(var(--bkk-purple));
    color: #FFF;
    border-color: rgb(var(--bkk-purple));
    font-weight: bold;
}

.timetable-site .bkkibi-valid-select li:not(:last-child) {
    margin-right: 20px;
}

.timetable-site .bkkibi-valid-list {
    float: left;
    width: 100%;
    min-height: unset;
}

.timetable-site .bkkibi-stopname-side {
    float: left;
    width: 50%;
}

.timetable-site .bkkibi-stopname-side:first-of-type:last-of-type {
    width: 100%;
}

.timetable-site .bkkibi-stopname p {
    float: left;
    width: 100%;
}

.timetable-site .bkkibi-stopname p:first-child:last-child {
    margin-top: 30px;
    margin-left: 35px;
}

.timetable-site .bkkibi-stopname .bkkibi-stop-title.special {
    color: red;
    padding-left: 35px;
}

.timetable-site .bkkibi-stopname .bkkibi-stop-title:first-of-type:last-of-type {
    padding-left: 20px;
}

.timetable-site .bkkibi-stopname .bkkibi-stop-title:first-of-type:last-of-type:before,.timetable-site .bkkibi-stopname.noservice .bkkibi-stop-title:before {
    content: none;
}

.timetable-site .bkkibi-valid-list ul {
    float: left;
    width: 100%;
    padding-left: 0;
}

.timetable-site .bkkibi-valid-list {
    display: none;
}

.timetable-site .bkkibi-valid-list.show {
    display: inline-block;
}

.timetable-site .bkkibi-valid-list li {
    list-style: none;
    padding: 0px 40px !important;
    position: relative;
}

.timetable-site .bkkibi-valid-list li:first-child,.timetable-site .bkkibi-valid-list li:last-child {
    font-weight: 700;
}

.timetable-site .bkkibi-valid-list li a {
    color: #000;
    display: inline-block;
    padding: 2.5px 0px;
}

.timetable-site .bkkibi-valid-list li a:focus,.timetable-site .bkkibi-valid-list li a:hover {
    text-decoration: underline;
}

.timetable-site .bkkibi-valid-list li:before {
    content: '';
    height: 12.5px;
    width: 12.5px;
    margin-top: 0;
    border: 2px solid #000;
    float: left;
    margin-left: -28.5px;
    background-color: #FFF;
    position: absolute;
    z-index: 2;
    top: 50%;
    transform: translateY(-50%);
    border-radius: 50%;
}

.timetable-site .bkkibi-valid-list li:not(:first-child):not(:last-child):before {
    border: 2px solid #000;
}

.timetable-site .bkkinfo-row.metro .bkkibi-valid-list li:not(:first-child):not(:last-child):before,.timetable-site .bkkinfo-row.hev .bkkibi-valid-list li:not(:first-child):not(:last-child):before {
    border-color: var(--color-scheme);
}

.timetable-site .bkkibi-valid-list li:after {
    background-image: none;
    content: '';
    background-color: var(--color-scheme);
    position: absolute;
    left: 13px;
    top: 15px;
    width: 0.6em;
    height: 125%;
    z-index: 1;
}

.timetable-site .bkkibi-valid-list li:last-child:after {
    height: 10%;
}

.timetable-site .bkkibi-valid-list li:first-child:before,.timetable-site .bkkibi-valid-list li:last-child:before {
    background-color: #000;
}

.timetable-site .bkkibi-valid-list li:first-child,.timetable-site .bkkibi-valid-list li:last-child {
    font-weight: 600;
}

.timetable-site .bkkibi-valid-list li.empty:last-child:before {
    border-color: #000 !important;
    background-color: #FFF !important;
}

.timetable-site .bkkinfo-row.metro .bkkibi-valid-list li.empty:last-child:before,.timetable-site .bkkinfo-row.hev .bkkibi-valid-list li.empty:last-child:before {
    border-color: var(--color-scheme) !important;
}

.timetable-site .bkkibi-valid-list li.empty:first-child:before {
    border-color: transparent !important;
    background-color: transparent !important;
}

.timetable-site .bkkibi-valid-list li.empty:first-child:after,.timetable-site .bkkibi-valid-list li.empty:not(:first-child):after {
    background-color: var(--color-scheme) !important;
    filter: invert(1);
    mix-blend-mode: exclusion;
    background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyNC4zLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHZpZXdCb3g9IjAgMCA1LjUgOSIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNS41IDk7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+DQoJLnN0MHtmaWxsOiNGRkY7fQ0KPC9zdHlsZT4NCjxyZWN0IHg9IjAiIHk9IjIuMiIgY2xhc3M9InN0MCIgd2lkdGg9IjUuNSIgaGVpZ2h0PSIyLjIiLz4NCjxyZWN0IHk9IjYuOCIgY2xhc3M9InN0MCIgd2lkdGg9IjUuNSIgaGVpZ2h0PSIyLjIiLz4NCjwvc3ZnPg0K');
}

.timetable-site .bkkibi-valid-list li.empty:first-child:after {
    height: 30px;
    background-repeat: repeat-y;
    background-position-y: 8px;
}

.timetable-site .bkkibi-valid-list li.empty:first-child + li:after {
    top: 8px;
    height: 130%;
}

.timetable-site .bkkibi-valid-list li.empty:not(:first-child):after {
    height: 21px;
    background-repeat: repeat-y;
    background-position-y: 9px;
}

.timetable-site .bkkibi-valid-text {
    position: absolute;
    top: -25px;
    left: -65px;
}

.timetable-site .bkkibi-btns {
    text-align: right;
    width: 175px;
    float: right;
    display: flex;
    flex-flow: row-reverse;
    flex-wrap: wrap;
}

.timetable-site .bkkibi-btns > a {
    display: inline-block;
}

.timetable-site .bkkibi-btns i {
    color: rgb(76, 14, 95);
    font-size: 30px;
    width: 29px;
    height: 29px;
    cursor: pointer;
    float: left;
    border-radius: 50%;
    box-shadow: 0px 0px 0px rgba(0, 0, 0, 0);
    margin-left: 5px;
    transition: color 0.2s ease-in-out,background-color 0.2s ease-in-out;
}

.timetable-site .bkkibi-btns i:after {
    content: '';
}

.timetable-site .bkkibi-btns i:focus,.timetable-site .bkkibi-btns i:hover {
    background-color: rgb(76, 14, 95);
    color: #FFF;
}

.timetable-site .bkkibi-btns i.bkk-icon-phone_full:focus,.timetable-site .bkkibi-btns i.bkk-icon-phone_full:hover,.timetable-site .bkkibi-btns i.bkk-icon-info_full:focus,.timetable-site .bkkibi-btns i.bkk-icon-info_full:hover {
    background-color: #FFF;
}

.timetable-site .bkkibi-btns i.info,.timetable-site .bkkibi-btns i.phone,.timetable-site .bkkibi-btns i.plane {
    color: rgb(0, 104, 176);
}

.timetable-site .bkkibi-btns i.info:after,.timetable-site .bkkibi-btns i.phone:after,.timetable-site .bkkibi-btns i.plane:after {
    background-color: #FFF;
}

.timetable-site .bkkibi-btns i.alert {
    color: rgb(255, 213, 3);
}

.timetable-site .bkkibi-btns i.alert:after {
    background-color: #000;
}

.timetable-site .bkkibi-btns span {
    border: 1px solid rgb(76, 14, 95);
    border-radius: 4px;
    padding: 2.5px 5px;
    position: relative;
    top: 3.5px;
    cursor: default;
    font-size: 14px;
    font-weight: 600;
}

.timetable-site .bkkinfo-box.item.active .bkkibi-btns i.open-btn:before {
    content: '\e950'
}

.timetable-site .bkkibi-btns img {
    width: 30px;
    height: 30px;
    margin-right: 10px;
}

.timetable-site .bkkinfo-box.item.active .bkkibi-btns .bkk-add:before {
    content: '\e9c2'
}

.timetable-site .bkkinfo-box-bottom {
    float: left;
    width: 100%;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    margin-top: 5px;
}

.timetable-site .bkkinfo-box-bottom:first-child:last-child {
    border: none;
}

.timetable-site .bkkinfo-box-bottom .bpdb-file img {
    font-size: 38px;
    float: left;
    width: 40px;
    height: 40px;
    text-align: center;
    line-height: 40px;
}

.timetable-site .bkkinfo-list .bkkinfo-box.item {
    min-height: auto;
    padding: 10px;
    max-height: unset;
    overflow: hidden;
    transition: max-height 0.2s ease-in-out;
}

.timetable-site .bkkinfo-list .bkkinfo-box.item.active {
    max-height: max-content;
}

.timetable-site .bkkinfo-list .bkkibi-designation {
    float: left;
    width: 100px;
}

.timetable-site .bkkinfo-list .bkkibi-icon {
    text-align: center;
    height: var(--bkkibi-height);
    width: var(--bkkibi-width);
    padding-right: 0px;
    vertical-align: baseline;
    float: left;
}

.timetable-site .bkkinfo-list .bkkibi-btns .bkk-add {
    margin-left: 10px;
}

.timetable-site .bkkinfo-list .bkkibi-number {
    width: auto;
    vertical-align: top;
    float: left;
    padding-left: 0 !important;
}

.timetable-site .bkkinfo-box .bkkinfo-row:first-child .bkkibi-icon span,.timetable-site .bkkinfo-box .bkkinfo-row:first-child .bkkibi-icon i,.timetable-site .bkkinfo-box .bkkinfo-row:first-child .bkkibi-icon img,.timetable-site .bkkinfo-box .bkkinfo-row:first-child .bkkibi-number span[class*="circle"],.timetable-site .bkkinfo-box .bkkinfo-row:first-child .bkkibi-number span[class*="square"] {
    margin-top: 0;
}

.timetable-site .bkkinfo-list .bkkibi-number span[class*="circle"] {
    margin-left: calc(var(--bkkibi-width) * 0.1) !important;
}

.timetable-site .bkkinfo-list .bkkibi-number span[class*="square"] {
    margin-left: calc(var(--bkkibi-width) * 0.25) !important;
}

.timetable-site .bkkinfo-list .bkkibi-icon i {
    margin-right: 0px;
    height: var(--bkkibi-height);
    width: var(--bkkibi-width);
    font-size: var(--bkkibi-height);
    line-height: var(--bkkibi-height);
    margin-top: 5px;
    float: left;
}

.timetable-site .bkkinfo-list .bkkibi-number span[class*="circle"] {
    margin-bottom: 0px;
    width: var(--bkkibi-width);
    height: var(--bkkibi-height);
    line-height: var(--bkkibi-height);
    margin-top: 5px;
}

.timetable-site .bkkinfo-list .bkkibi-number span img {
    object-fit: contain;
    object-position: center;
    width: var(--bkkibi-width);
    height: var(--bkkibi-height);
}

.timetable-site .bkkiside-desc {
    font-weight: 600;
    font-size: 15px;
    line-height: 20px;
    color: #FFF;
}

.timetable-site .schedule-details {
    border-collapse: collapse;
}

.timetable-site .schedule-details .bkkinfo-row {
    vertical-align: top;
}

.timetable-site .schedule-details .bkkinfo-col:first-child {
    width: 200px;
    font-size: 16px;
    font-weight: 600;
}

.timetable-site .schedule-details .bkkinfo-col {
    padding: 10px 0px;
}

.timetable-site .schedule-details .bkkinfo-row:not(:last-child) .bkkinfo-col {
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.timetable-site .schedule-details .notes p {
    float: left;
    width: 100%;
}

.timetable-site .schedule-details .notes p:not(:last-child) {
    padding-bottom: 20px;
}

.timetable-site .schedule-details img {
    width: 30px;
    height: 30px;
    float: left;
    margin-right: 10px;
}

.timetable-site .sched-line-icons {
    margin-top: 2.5px;
    float: left;
    width: 110px;
}

.timetable-site .sched-line-icons i {
    font-size: 30px;
    height: 30px;
    width: 30px;
    float: left;
}

.timetable-site .sched-line-icons i ~ .bkkibi-number {
    width: 60px;
    float: left;
}

.timetable-site .sched-line-icons i ~ .bkkibi-number span[class*="circle"] {
    margin-left: 3px;
}

.timetable-site .sched-line-icons i ~ .bkkibi-number span[class*="square"] {
    margin-left: 12px;
}

.timetable-site .sched-line {
    font-size: 14px;
    font-weight: 600;
    padding-left: 15px;
    float: left;
}

.timetable-site .sched-map {
    width: 100%;
    float: left;
    min-height: 530px;
}

.timetable-site .poppin-wrapper .bkkinfo-box {
    margin-bottom: 30px;
    background: none;
    height: auto;
}

.timetable-site .poppin-wrapper .bkkinf-item.big {
    margin: 0px 10px 10px 0px !important;
    position: relative;
}

.timetable-site .poppin-wrapper .bkkinf-item.big .bkkinf-img {
    width: 40px;
}

.timetable-site .poppin-wrapper .bkkinf-chkbox:checked ~ .bkkinf-desc:after {
    position: absolute;
    content: 'L';
    transform: scaleX(-1) rotate(-35deg);
    right: 20px;
    font-size: 26px;
    color: #98C421;
    top: 7.5px;
}

.timetable-site .poppin-wrapper .bpbtd,.timetable-site .poppin-wrapper .bpbtd-traveldate input[type="text"],.timetable-site .poppin-wrapper .bpbtd-traveltime input[type="text"] {
    background-color: rgba(255, 255, 255, 1);
    border: 1px solid rgba(0, 0, 0, 0.3);
    color: #000;
}

.timetable-site .poppin-wrapper .bkk-walk_2:before {
    color: inherit;
}

.timetable-site .poppin-wrapper .bpbtd-select i {
    opacity: 1;
}

.timetable-site .poppin-wrapper .bpbtd-select i,.timetable-site .poppin-wrapper .bpbtd-icon {
    color: rgb(76, 14, 95);
}

.timetable-site .poppin-wrapper .bpbtd-traveldate.long {
    width: 100%;
}

.timetable-site .poppin-wrapper .bpdtd-desc {
    float: left;
    width: calc(100% - 150px);
    line-height: 45px;
}

.timetable-site .poppin-wrapper .bpdtd-subinput {
    float: left;
    width: 150px;
}

.timetable-site .poppin-wrapper button {
    color: #FFF;
    border: 1px solid rgb(76, 14, 95);
    border-radius: 40px;
    text-align: center;
    text-transform: uppercase;
    height: 50px;
    line-height: 45px;
    font-weight: bold;
    font-size: 14px;
    outline: none;
    cursor: pointer;
    padding: 0px 40px;
    background-color: rgb(76, 14, 95);
    transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out;
}

.timetable-site .poppin-wrapper button:focus,.timetable-site .poppin-wrapper button:hover {
    background-color: transparent;
    color: rgb(76, 14, 95);
}

.bkkibi-extra-markers {
    position: absolute;
    right: 15px;
    top: 11px;
}

.bkkibi-extra-icon {
    height: 40px;
    width: 40px;
    text-align: center;
    float: left;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
}

.bkkibi-extra-icon + .bkkibi-extra-icon {
    margin-left: 5px;
}

.bkkibi-extra-icon.eaf {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyMTIuNiAyMTIuNiI+PGRlZnM+PHN0eWxlPi5jbHMtMXtmaWxsOiNmZmQ0MDA7fS5jbHMtMSwuY2xzLTIsLmNscy02e2ZpbGwtcnVsZTpldmVub2RkO30uY2xzLTJ7ZmlsbDojMTMxMDBlO30uY2xzLTN7ZmlsbDojZTQxYzE1O30uY2xzLTR7ZmlsbDojMzNhODQ3O30uY2xzLTV7ZmlsbDojZTNlMWUxO30uY2xzLTYsLmNscy03e2ZpbGw6I2ZmZjt9PC9zdHlsZT48L2RlZnM+PGcgaWQ9IkxheWVyXzIiIGRhdGEtbmFtZT0iTGF5ZXIgMiI+PGcgaWQ9IkxheWVyXzEtMiIgZGF0YS1uYW1lPSJMYXllciAxIj48cGF0aCBjbGFzcz0iY2xzLTEiIGQ9Ik0xMDYuMywwQTEwNi4zLDEwNi4zLDAsMSwwLDIxMi42LDEwNi4zLDEwNi40LDEwNi40LDAsMCwwLDEwNi4zLDBaIi8+PHBhdGggY2xhc3M9ImNscy0yIiBkPSJNMTg4LjgsODkuNmgtMy42YTExLjksMTEuOSwwLDAsMC0uNS0yLjNoMGMtLjUtMS41LTEuMy00LjEtNS42LTQuMUgyNy4xYy0zLjgsMC0zLjgsMy0zLjgsNS40VjEwOWEuNC40LDAsMCwwLC4xLjNsLjkuOXYzLjJsLS45LDEuMXY1LjJjMCwzLDEwLjcsMy45LDE0LDQuMUg2My45bC4zLS4yYy4xLS4xLjEtLjIuMS0uNGgwYTgsOCwwLDAsMSwxNS45LDBoMGMwLC4yLDAsLjMuMS40bC4zLjJoNTguNWEuNS41LDAsMCwwLC40LS41Yy4xLS4xLDAtLjIsMC0uM2E4LDgsMCwwLDEsMTUuOS4xdi4yYS40LjQsMCwwLDAsLjEuM2wuMy4yaDIyLjNjMi41LDAsNi4yLTEuMiw3LjktMy4yYTIuNywyLjcsMCwwLDAsLjktMi4zLjQuNCwwLDAsMC0uNC0uNGMtLjItLjEtLjUtLjItLjUtLjN2LTEuN2wuMy0uM2MuMy0uMy43LS42LjctMS4xLDAtMi40LDAtNC44LS4yLTcuMS0uMy01LjYtLjktMTIuNi0xLjUtMTYuOGgxLjJ2Ny43YS41LjUsMCwwLDAsLjUuNWgxLjhhLjUuNSwwLDAsMCwuNS0uNVY5MC4xYS41LjUsMCwwLDAtLjUtLjUiLz48cGF0aCBjbGFzcz0iY2xzLTIiIGQ9Ik03OC42LDEyMy4xYTYuNCw2LjQsMCwwLDEtNi40LDYuNCw2LjQsNi40LDAsMCwxLDAtMTIuOCw2LjQsNi40LDAsMCwxLDYuNCw2LjRaIi8+PHBhdGggY2xhc3M9ImNscy0yIiBkPSJNMTUzLjksMTIzLjFhNi40LDYuNCwwLDEsMS02LjQtNi40LDYuNCw2LjQsMCwwLDEsNi40LDYuNFoiLz48cmVjdCBjbGFzcz0iY2xzLTMiIHg9IjM3LjYiIHk9IjkxLjMiIHdpZHRoPSIyNS4zIiBoZWlnaHQ9IjMwLjA2Ii8+PHJlY3QgY2xhc3M9ImNscy0zIiB4PSI5NS43IiB5PSI5MS4zIiB3aWR0aD0iMjUuMyIgaGVpZ2h0PSIzMC4wNiIvPjxyZWN0IGNsYXNzPSJjbHMtNCIgeD0iMTU3IiB5PSI5MS4zIiB3aWR0aD0iMjUuMyIgaGVpZ2h0PSIzMC4wNiIvPjxyZWN0IGNsYXNzPSJjbHMtNSIgeD0iNjQuMiIgeT0iOTEuMyIgd2lkdGg9IjMwLjQiIGhlaWdodD0iMTcuNDIiLz48cmVjdCBjbGFzcz0iY2xzLTUiIHg9IjMwLjUiIHk9IjkxLjMiIHdpZHRoPSI1LjkiIGhlaWdodD0iMTcuNDIiLz48cmVjdCBjbGFzcz0iY2xzLTUiIHg9IjEyMi4xIiB5PSI5MS4zIiB3aWR0aD0iMzMuOCIgaGVpZ2h0PSIxNy40MiIvPjxwYXRoIGNsYXNzPSJjbHMtNiIgZD0iTTE2OS42LDk2LjdhMTAuMiwxMC4yLDAsMSwxLTEwLjIsMTAuMiwxMC4yLDEwLjIsMCwwLDEsMTAuMi0xMC4yWm0wLS45YTExLjEsMTEuMSwwLDEsMCwxMS4xLDExLjEsMTEuMSwxMS4xLDAsMCwwLTExLjEtMTEuMVoiLz48cGF0aCBjbGFzcz0iY2xzLTYiIGQ9Ik0xNjMuNSwxMDYuOFptNy40LTMuM3YxMC4yYS44LjgsMCwwLDEtLjIuNCwxLjIsMS4yLDAsMCwxLS43LjUsMS43LDEuNywwLDAsMS0xLDBjLS4yLS4yLS41LS40LS42LS43YS45LjksMCwwLDEtLjEtLjV2LTkuOWwtMy4xLDMuMWExLjIsMS4yLDAsMCwxLTEuMS40LDEuNSwxLjUsMCwwLDEtLjktLjYuOC44LDAsMCwxLS4yLS44LDEuMSwxLjEsMCwwLDEsLjMtLjhoMGw1LjMtNS4zYTEuMywxLjMsMCwwLDEsLjktLjQsMS4xLDEuMSwwLDAsMSwxLC4zbDUuNCw1LjRhMS4xLDEuMSwwLDAsMSwuMywxLDEuMiwxLjIsMCwwLDEtMi4yLjhsLTMuMS0zLjFaIi8+PHBhdGggY2xhc3M9ImNscy02IiBkPSJNNTAuMiw5Ni43YTEwLjIsMTAuMiwwLDEsMSwwLDIwLjMsMTAuMiwxMC4yLDAsMCwxLDAtMjAuM1ptMC0uOWExMS4xLDExLjEsMCwxLDAsMTEuMSwxMS4xQTExLDExLDAsMCwwLDUwLjIsOTUuOFoiLz48cmVjdCBjbGFzcz0iY2xzLTciIHg9IjQzLjIiIHk9IjEwNC45IiB3aWR0aD0iMTQuMiIgaGVpZ2h0PSIzLjg2Ii8+PHBhdGggY2xhc3M9ImNscy02IiBkPSJNMTA4LjQsOTYuN2ExMC4yLDEwLjIsMCwxLDEtMTAuMiwxMC4yLDEwLjIsMTAuMiwwLDAsMSwxMC4yLTEwLjJtMC0uOWExMS4xLDExLjEsMCwxLDAsMTEuMSwxMS4xLDExLjEsMTEuMSwwLDAsMC0xMS4xLTExLjFaIi8+PHJlY3QgY2xhc3M9ImNscy03IiB4PSIxMDEuMyIgeT0iMTA0LjkiIHdpZHRoPSIxNC4yIiBoZWlnaHQ9IjMuODYiLz48L2c+PC9nPjwvc3ZnPg==);
}

.bkkibi-extra-icon.padlo {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyNC4zLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHZpZXdCb3g9IjAgMCAyMi43IDIyLjciIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDIyLjcgMjIuNzsiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPHN0eWxlIHR5cGU9InRleHQvY3NzIj4NCgkuc3Qwe2ZpbGw6IzAwNUZBNzt9DQoJLnN0MXtmaWxsOiNGRkZGRkY7fQ0KPC9zdHlsZT4NCjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0yMi43LDExLjNjMCw2LjMtNS4xLDExLjMtMTEuMywxMS4zQzUuMSwyMi43LDAsMTcuNiwwLDExLjNDMCw1LjEsNS4xLDAsMTEuNCwwQzE3LjYsMCwyMi43LDUuMSwyMi43LDExLjMiLz4NCjxwYXRoIGNsYXNzPSJzdDEiIGQ9Ik05LjEsNC42QzksNS41LDkuNiw2LjMsMTAuNCw2LjRjMC45LDAuMSwxLjctMC40LDEuOC0xLjNjMC4xLTAuOS0wLjQtMS43LTEuMy0xLjhDMTAuMSwzLjIsOS4zLDMuOCw5LjEsNC42Ii8+DQo8cGF0aCBjbGFzcz0ic3QxIiBkPSJNNi4zLDE0LjNMNi4zLDE0LjNjMC0wLjksMC40LTEuNywxLTIuM2MwLjUtMC41LDEtMC44LDEuNy0wLjlMOSwxMi45YzAuMSwwLjYsMC42LDEuMSwxLjEsMS4xaDIuNw0KCWMwLDAuMSwwLDAuMiwwLDAuM2MwLDAuOS0wLjQsMS43LTEsMi4zYy0wLjYsMC42LTEuNCwxLTIuMywxYy0wLjksMC0xLjctMC40LTIuMy0xQzYuNywxNiw2LjMsMTUuMiw2LjMsMTQuMyBNOC44LDguOUw4LjgsOC45DQoJbDAuMSwxLjNjLTAuNCwwLjEtMC44LDAuMi0xLjEsMC40bDAuMi0xLjFMOC44LDguOXogTTUuNCwxNC4zYzAsMi4zLDEuOSw0LjEsNC4xLDQuMWMyLjMsMCw0LjEtMS45LDQuMS00LjFjMC0wLjEsMC0wLjIsMC0wLjNoMA0KCWwxLjUsMy41YzAuMiwwLjQsMC42LDAuNywxLDAuN2MwLjEsMCwwLjMsMCwwLjQtMC4xYzAuNi0wLjIsMC44LTAuOCwwLjYtMS40bC0xLjctNC4yYy0wLjItMC40LTAuNi0wLjctMS0wLjdsLTIuOC0wLjFsLTAuOC0zLjkNCgljLTAuMS0wLjUtMC40LTEuMS0xLjEtMS4xYy0wLjIsMC0wLjQsMC4xLTAuNiwwLjJMNi45LDguNEM2LjcsOC41LDYuNiw4LjcsNi42LDguOWwtMC4xLDIuNkM1LjgsMTIuMiw1LjQsMTMuMiw1LjQsMTQuM3oiLz4NCjwvc3ZnPg0K);
}

.bpb-lookup-infobox {
    border-radius: 3px;
    border: 1px solid #999;
    margin-top: 10px;
}

.bpb-lookup-infobox span {
    padding: 10px;
    font-weight: bold;
    font-size: 14px;
}

.bpb-lookup-infobox.success {
    border-color: var(--succ);
}

.bpb-lookup-infobox.error {
    border-color: var(--err);
}

.bpb-lookup-infobox.info {
    border-color: var(--alert);
}

.bpb-lookup-infobox.alert {
    border-color: var(--info);
}

.bpb-lookup-infobox.success span {
    color: var(--succ);
}

.bpb-lookup-infobox.error span {
    color: var(--err);
}

.bpb-lookup-infobox.info span {
    color: var(--alert);
}

.bpb-lookup-infobox.alert span {
    color: var(--info);
}

@media screen and (max-width: 1300px) {
    .timetable-site .bkkinfo-list .bkkibi-btns {
        position: static;
    }
}

@media screen and (max-width: 1150px) {
    .timetable-site .bkkinfo-list .bkkinfo-box .bkkinfo-col {
        float: left;
    }

    .timetable-site .bkkibi-stopname .bkkibi-stop-title:first-of-type:last-of-type {
        padding-right: 0px;
    }

    .timetable-site .bkkinfo-list .bkkibi-stopname .bkkibi-stop-title {
        width: 100%;
    }

    .timetable-site .bkkinfo-list .bkkinfo-box.item.active .bkkibi-stopname .bkkibi-stop-title {
        white-space: unset;
        overflow: initial;
        text-overflow: unset;
    }

    .timetable-site .bkkinfo-list .bkkibi-stopname .bkkibi-stop-title small {
        text-align: right;
        float: right;
    }

    .timetable-site .bkkinfo-list .bkkinfo-box .bkkinfo-row {
        display: block;
        position: relative;
    }

    .timetable-site .bkkibi-stopname.standard p {
        margin-top: 10px;
    }
}

@media screen and (max-width: 1024px) {
    .timetable-site .bkkinfo-list .bkkibi-valid-list ul:first-of-type {
        margin-bottom: 0px;
    }

    .timetable-site .bkkinfo-list .bkkibi-valid-list ul:last-of-type {
        margin-top: 5px;
        padding-top: 10px;
    }
}

@media screen and (max-width: 900px) {
    .timetable-site .bkkinfo-list .bkkibi-valid-list ul:last-of-type {
        border-top: none;
    }
}

@media screen and (max-width: 768px) {
    .timetable-site .bkkinfo-box.big .bpb-destinations,.timetable-site .bkkinfo-box.big .bpb-innerbox {
        width: 100%;
        padding-right: 0;
    }

    .timetable-site .bkkinfo-box.big .bpb-innerbox .bpbd-middle {
        width: 100%;
        padding: 0px;
    }

    .timetable-site .bkkinfo-box.big .bpdb-file {
        padding: 0px;
    }

    .timetable-site .bkkinfo-box.big .bpb-lookup-btn {
        margin-bottom: 5px;
    }

    .timetable-site .bkkibi-stopname-side:not(:first-of-type) {
        margin-top: 10px;
        border-top: 1px solid rgba(94, 97, 103, 0.25);
    }

    .timetable-site .bkkinfo-list .bkkibi-stopname .bkkibi-stop-title small {
        width: 100%;
        float: left;
        text-align: left;
        padding-left: 40px;
    }

    .timetable-site .bkkibi-stopname-side {
        width: 100%;
    }

    .timetable-site .bkkibi-valid-text {
        position: absolute;
        top: -25px;
        left: -50px;
    }

    .timetable-site .bkkinfo-box.filter.big > div:not(:last-child) {
        border-bottom: 1px solid #CCC;
        margin-bottom: 15px;
        padding-bottom: 15px;
    }

    .timetable-site .bkkinfo-box.filter.big > div:first-child {
        padding-bottom: 5px;
    }
}

@media screen and (max-width: 560px) {
    .timetable-site .schedule-details .bkkinfo-col {
        width: 100%;
        float: left;
        display: block;
    }

    .timetable-site .bkkinfo-list .bkkibi-stopname {
        margin-top: 10px;
        max-width: 100%;
    }

    .timetable-site .schedule-details .bkkinfo-col:first-child {
        border-bottom: none !important;
    }

    .timetable-site .bkkibi-stopname .bkkibi-stop-title:first-of-type:last-of-type {
        padding-left: 40px;
    }
}

@media screen and (max-width: 500px) {
    .timetable-site .bkkinfo-list .bkkibi-stopname {
        float: left;
    }

    .timetable-site .bkkinfo-list .bkkibi-stopname .bkkibi-stop-title {
        padding-right: 0px
    }

    .timetable-site .bkkibi-valid-select {
        left: auto;
        right: -31px;
    }

    .timetable-site .bkkibi-valid-list {
        width: 100%;
        float: left;
    }

    .timetable-site .bkkibi-valid-text,.timetable-site .bkkibi-valid-select {
        position: static;
        left: auto;
        right: auto;
        top: auto;
        float: left;
        width: 100%;
    }

    .timetable-site .bkkibi-valid-text {
        padding: 5px 10px;
    }

    .timetable-site .bkkibi-valid-select li {
        width: 100%;
        margin: 0;
        text-align: left;
        border: 1px solid #DDD;
        padding: 10px;
        margin-bottom: 10px;
        border-radius: 8px;
    }

    .timetable-site .bkkibi-valid-select {
        border-bottom: 1px solid rgba(238, 239, 239, 1);
    }

    .timetable-site .bkkinfo-box-bottom {
        padding-right: 0px;
    }

    .timetable-site .bkkinfo-box-bottom {
        padding-right: 145px;
    }

    .bkkibi-extra-icon {
        height: 45px;
        width: 45px;
    }

    .bkkibi-extra-markers {
        top: 14px;
    }
}

@media screen and (max-width: 420px) {
    .timetable-site .bkkibi-stopname.standard p {
        margin-top: 0;
    }

    .timetable-site .bkkinfo-list .bkkibi-stopname {
        margin-top: 10px;
        font-size: 14px;
    }
}

@media screen and (max-width: 390px) {
    .timetable-site .bkkinfo-box.big .bpb-lookup-btn {
        width: 100%;
    }
}

.autocomplete {
    background: white;
    z-index: 1000;
    font: 14px/22px "-apple-system", BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    overflow: auto;
    top: 100%;
    left: 0;
    box-sizing: border-box;
    border: 1px solid rgba(50, 50, 50, 0.6);
    max-height: 400px;
    width: 100%;
}

.autocomplete > div {
    padding: 5px 4px;
    border: 1px dotted #ccc;
}

.autocomplete .group {
    background: white;
    font-size: 16px;
}

.autocomplete .group.active {
    background: #5e276f;
    color: white;
}

.autocomplete .group:hover {
    background: #5e276f30;
    color: black;
}

.autocomplete > div:hover:not(.group),.autocomplete > div.selected {
    background: #81ca91;
    cursor: pointer;
}

.autocomplete-outter {
    position: relative;
    float: left;
    width: 100%;
}

.ac_results {
    padding: 0px;
    border: #DBDAD9 1px solid;
    background-color: white;
    overflow: hidden;
    z-index: 99999;
    border-radius: var(--radius);
    box-shadow: 2.5px 2.5px 10px -5px rgba(var(--iksz-gray-rgb), 0.5) ;
    margin-top: 10px;
}

.ac_results ul {
    width: 100%;
    list-style-position: outside;
    list-style: none;
    padding: 0;
    margin: 0;
}

.ac_results li {
    margin: 0px;
    padding: 10px 15px;
    cursor: default;
    display: block;
    font: menu;
    font-size: 14px;
    line-height: 16px;
    overflow: hidden;
    cursor: pointer;
}

.ac_results li:first-child {
    padding-top: 20px;
}

.ac_results li:last-child {
    padding-bottom: 20px;
}

.ac_odd {
    background-color: #f7f7f7;
}

.ac_over {
    background-color: #DDD;
    color: #000;
}

.ac_input {
    padding: 3px;
}

.ac_loading {
    padding: 3px;
    background: white url('../img/wait.gif') right center no-repeat;
}