@import url('../online.ticket/skeleton.css?v=2.2');

.zoom-in {
  transform: scale(0) !important;
  opacity: 0;
  -webkit-transition: .5s all 0s;
  -moz-transition: .5s all 0s;
  -ms-transition: .5s all 0s;
  -o-transition: .5s all 0s;
  transition: .5s all 0s;
  display: block !important;
}
.zoom-in.show {
  opacity: 1;
  transform: scale(1) !important;
  transform:none;
}

input[type=text],input[type=password],input[type=number],input[type=email],input[type=tel],textarea,select,option
{transition:box-shadow 1s ease-in-out;background:#FFF;color:#231f20;}

input[type=text]:focus,input[type=password]:focus,select:focus{box-shadow:none !important;border-bottom-width:5px;border-bottom-color:#33835a !important;}

#div_select_route input,#div_select_route select{height:48px;}

#div_load_data th,#div_load_data td{border:1px solid #000 !important;}

.heading{font-family:'Changa',verdana;color:#FFF;text-align:center;box-shadow:2px 2px 15px inset #33835a,-2px -2px 15px inset #33835a;}

.online-ticket-content{transition:background .5s ease-in-out;}
.online-ticket-block:hover .online-ticket-content{background-color:#33835ae0 !important;}

.online-ticket-block label{font-family:'Any Body',verdana;font-size:12pt;margin-bottom:5px;}
.online-ticket-block .journey_date{cursor:pointer;background:#FFF;height:48px;border-color:#33835a !important;border-radius:5px;align-items: center;}
.online-ticket-block .journey_date * {font-family:'Any Body',verdana;}
.online-ticket-block .journey_date .dayname{font-size:1rem;}
.online-ticket-block .journey_date .month{font-size:1rem;}
.online-ticket-block .journey_date .day{font-size:1rem;font-weight:bold;}
.online-ticket-block .journey_date .year{font-size:1.4rem;}

.choose_schedule{min-height:80vh;}
.choose_schedule .heading{height:2.5rem;padding:.25rem 0px}

.row_schedule{margin:.125rem 0px 0rem 0px !important;padding:.5rem 0px;transition: .5s all 0s;cursor:pointer;background:#FFF !important; border-radius:1rem;box-shadow:2px 2px 1px inset #33835a,-2px -2px 1px inset #33835a;}
/* .row_schedule td{vertical-align:middle !important;} */
/*.row_schedule:nth-of-type(even){background:#f8f8f8;}*/
.row_schedule .btn{padding:2px 12px !important;}
.row_schedule:hover{background:#33835a45 !important;}
.row_schedule.active{background:#33835a45 !important;padding-bottom:1.5rem;}

.par-logo{width:13mm;height:13mm;text-align:center;margin-right:5px;border-radius:.5rem;}
.par_nm{float:left;font-size:1rem;color:#33835a;padding-top:.3rem;text-transform: uppercase;height:6.5mm;overflow:hidden;text-overflow: ellipsis;}
div.coach_info{clear:both;font-size:1rem;color:#000;text-transform:capitalize !important;}
span.coach_type{font-size:1rem;color:#e68f2c;text-transform:uppercase;}
.coach_no{font-size:1rem;color:#0e7677;overflow:hidden;text-overflow: ellipsis;}

div.starting-point,div.ending-point{clear:both;font-size:1rem;color:#33835a;text-transform:capitalize !important;font-weight:bold;}
span.starting-point{font-size:1rem;color:#0e7677;overflow:hidden;text-overflow: ellipsis;color:#681322}
div.ending-point{font-weight:bold;}
span.ending-point{font-size:1rem;color:#0e7677;overflow:hidden;text-overflow: ellipsis;color:#681322}

div.jtime{text-align:center;}
div.jtime label{color:#666;font-size:1rem;}
span.jtime{color:#6b1717;font-weight:bold;font-size:1.5rem;}
span.starting-counter{font-size:.8rem;color: #555657;height:5mm;overflow:hidden;}

div.avail-seat{text-align:center;}
div.avail-seat label{color:#666;font-size:1rem;}
span.avail-seat{color:#6b1717;font-weight:bold;font-size:1.5rem;}

div.seat_fare{text-align:center;}
.fare{font-weight:500;font-size:2.2rem;padding-left:1.4rem;background:url('taka.png') no-repeat;background-size:1.3rem;background-position:0px .6rem;font-weight:bold;font-family:'Any Body',verdana;}
.fare_off{text-decoration:line-through #FF0000;color:#837e7e;margin-right:5px}

.cancel_button{display:none;}

#div_coach_schedule_list .seat_plan{display:none;background:#F0F0F0;margin-bottom:1rem;padding-bottom:1rem;box-shadow:2px 2px 1px inset #33835a,-2px -2px 1px inset #33835a;}
#div_coach_schedule_list .seat_plan.show{display:block;}

#table_coach_seat_plan td{border:none !important;padding:0px;width:56px;}
#table_coach_seat_plan td span{height:48px;width:48px;border:1px solid #0e7677;background:#FFF;color:#33835a;display:block;text-align:center;border-radius:4px;font-size: 15px;font-family: 'Rubik', sans-serif !important;font-weight: bold;padding-top: 10px;cursor:pointer;margin:1px auto;}
#table_coach_seat_plan td[colspan="2"] span{width:96px;}
#table_coach_seat_plan td span.seats:hover{color:#FFF;background:#33835a;}
#table_coach_seat_plan td span.seats.active{background-image:url('./loading.gif');background-repeat:no-repeat;background-position:center center;background-size:cover;}
#table_coach_seat_plan td span.seats.active{color:#FFF;background-color:#7B8EC3;}
#table_coach_seat_plan td span.seats.selected{background:#33835a;color:#FFF;}
#table_coach_seat_plan td span.gap{border:none !important;cursor:default !important;background: none;}

#div_journey_info span.seats{height:48px;width:auto;border:1px solid #CCC;background:#FFF;color:#000;display:block;text-align:center;border-radius:4px;font-size: 15px;font-family: tahoma;font-weight: bold;padding-top: 10px;cursor:pointer;margin:1px auto;}
#div_journey_info span.seats.selected{background:#425077;color:#FFF;}
#div_journey_info span.seats.available{background:#39cd52;color:#FFF;}

.issued{background-color:#C31D20 !important;color:#FFF !important;}
.booked{background-color:#57971e !important;color:#FFF !important;}
.booked{background-color:#57971e !important;color:#FFF !important;}

#div_journey_passenger_details h3{font-family:'Changa', verdana;}
#div_journey_passenger_details input,#div_journey_passenger_details select{padding:5px 10px !important;font-size:12pt !important;height:32px !important;}

div.payment_method{min-height:180px;max-width:320px;background:#0e7677;padding:6px;border-radius:12px;margin:0px auto;}
div.payment_method input[type=radio]{float: left;width:36px;height:36px;margin-top:3mm;margin-right:8px;}
div.payment_method img{float:left;width:calc(100% - 48px);}
div.payment_method .radio{background:#FFF;padding:12px;border-radius:5px;}