.max_with_home{    
    width: 538px;
    float: left;
}
.row_full{
    margin: 0 auto;
    width: 100%;
    text-align: center;
    float: left;
}
.bus_route_list {
    font-family: Helvetica !important;
    float: left;
    min-height: 636px;
    _height: 636px;    
    border-radius: 10px;
    background-color: #edf8fe;
    padding: 15px;
    font-size: 7.5pt;
    border: 1px solid #eceff1;
}
.more_padding{    
    padding: 20px 44px 100px 39px;
}
.content_busroute{
    text-align: left;
    border-radius: 10px;
    background-color: #edf8fe;
    float: left;
    padding: 15px 15px 15px 30px;
    border: 1px solid #eceff1;
    width: 94%;
}
.content_busroute h2{
    margin-top: 0px;
    padding-top: 0px;
}
.content_busroute h2,.content_busroute p{
    margin-bottom: 15px;
}
.page_title_f {
    font-family: 'helvetica_condensed_black', Helvetica;
    font-weight:normal;
    font-size: 20.5pt;
    color:#0c509f;
    margin-bottom:10px;
    text-transform:uppercase;
    padding-top: 0px;
}
.bus_route_list .title_row{
    font-family: Helvetica;
    color: #fff;
    font-size: 15.12pt;
    font-weight: bold;
    text-align: center;
    line-height: 8.36pt;
}
.bus_route_list .page_title{
    text-align: center;
}
.page_title .color_b, .color_b{
    color: #00aeef;
}
.font_25pt{
    font-size: 25pt;
}
.page_title .color_r, .color_r{
    color: #da252a;
}
.padding_top{
    padding-top: 10px;
}
.margin_top{
    margin-top: 2px;
}
.margin_right{
    margin-right: 2px;
}
.row_10{
    float: left;
    width: 100%;
}
.row_5{
    float: left;
    width: 50%;
}
.row_4{
    float: left;
    width: 48.5%;
}
.row_first{
    padding-right: 3%;
}
.ro_button{
    width: 35%;
    float: left;
}
.ro_line{
    width: 65%;
    float: left;   
    color: #fff;
    text-transform: capitalize;
    text-align: left;
    padding-top: 3px;
}
.ro_line, .ro_line td{
    font-family: Helvetica !important;
    font-size: 12px !important;
}
.ro_line a, .ro_line a:hover, .ro_line a:link, .ro_line a:visited
.ro_button a, .ro_button a:hover, .ro_button a:link, .ro_button a:visited{  
    color: #fff;
    text-decoration: none;
}
.ro_button
{
    border-radius: 10px;
    color: #fff;
    font-size: 14.5pt;
    font-weight: normal;
    text-align: center;
}
.ro_button .title_row{ 
    padding: 16px 5px;
}
.route1,.route2,.route3
,.route4,.route5,.route6
,.route7,.route8,.route9
,.route21,.route22,.route23
,.route24,.route25,.route26
,.route27,.route28,.route32
,.route33{
    float: left;
    width: 100%;            
    margin-bottom: 15px;
} 
.route1 .ro_button, .route1 .bg_route1{
    background-color: #ed1c2a;     
}
.route2 .ro_button, .route2 .bg_route2{
    background-color:#a25334;
}
.route3 .ro_button, .route3 .bg_route3{
    background-color:#d80c8c;
}
.route4 .ro_button, .route4 .bg_route4{
    background-color:#009c6c;
}
.route5 .ro_button, .route5 .bg_route5{
    background-color:#173877;
}
.route6 .ro_button, .route6 .bg_route6{
    background-color:#00a5c0;
}
.route7 .ro_button, .route7 .bg_route7{
    background-color:#790000;
}
.route8 .ro_button, .route8 .bg_route8{
    background-color:#6c5b5d;
}
.route9 .ro_button, .route9 .bg_route9{
    background-color:#f27174;
}
.route21 .ro_button, .route21 .bg_route21{
    background-color:#f7aba6;
}
.route22 .ro_button, .route22 .bg_route22{
    background-color:#373896;
}
.route23 .ro_button, .route23 .bg_route23{
    background-color:#90b03e;
}
.route24 .ro_button, .route24 .bg_route24{
    background-color:#00bdf2;
}
.route25 .ro_button, .route25 .bg_route25{
    background-color:#f6ed08;
}
.route26 .ro_button, .route26 .bg_route26{
    background-color:#006f3b;
}
.route27 .ro_button, .route27 .bg_route27{
    background-color:#08111e;
}
.route28 .ro_button, .route28 .bg_route28{
    background-color:#a154a0;
}
.route32 .ro_button, .route32 .bg_route32{
    background-color:#299df7;
}
.route33 .ro_button, .route33 .bg_route33{
    background-color:#ef9f19;
}
.route21 .title_row, .route21 .bg_route21, .route21 .bg_route21 a, .route21 .bg_route21 a td
,.route25 .title_row, .route25 .bg_route25, .route25 .bg_route25 a, .route25 .bg_route25 a td{
    color: #000 !important;
}
.nmber_p{
    font-family: Helvetica !important;
    font-size: 30.98pt;
    line-height: 34.36pt;
    color: #0c4da2;
    font-weight: normal;
    text-align: center;
}
.color_blue
{
    font-size: 42.98pt;
    color: #00aeef;
}
.color_red{
    color: #da252a;
}
.arrow-up {
    width: 0; 
    height: 0; 
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;

    border-bottom: 10px solid black;
}

.arrow-down {
    width: 0; 
    height: 0; 
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;

    border-top: 10px solid #f00;
}

.arrow-right {
    width: 0; 
    height: 0; 
    border-top: 8px solid transparent;
    border-bottom: 8px solid transparent;

    border-left: 8px solid white;
}
.arrow-right-31{
    width: 0; 
    height: 0; 
    border-top: 12px solid transparent;
    border-bottom: 12px solid transparent;

    border-left: 20px solid #0c4da2;
}
.arrow-right-32{
    width: 0; 
    height: 0; 
    border-top: 12px solid transparent;
    border-bottom: 12px solid transparent;

    border-left: 20px solid #00aeef;
}
.arrow-right-33{
    width: 0; 
    height: 0; 
    border-top: 12px solid transparent;
    border-bottom: 12px solid transparent;

    border-left: 20px solid #da252a;
}
.arrow-left {
    width: 0; 
    height: 0; 
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent; 

    border-right:10px solid blue; 
}
.arrow-left-31{
    width: 0; 
    height: 0; 
    border-top: 12px solid transparent;
    border-bottom: 12px solid transparent;

    border-right: 20px solid #0c4da2;
}
.arrow-left-32{
    width: 0; 
    height: 0; 
    border-top: 12px solid transparent;
    border-bottom: 12px solid transparent;

    border-right: 20px solid #00aeef;
}
.arrow-left-33{
    width: 0; 
    height: 0; 
    border-top: 12px solid transparent;
    border-bottom: 12px solid transparent;

    border-right: 20px solid #da252a;
}
.route21 .arrow-right
,.route25 .arrow-right{
    border-left:10px solid #000; 
}
.clear{
    clear: both;
}
.row_full img{
    max-width: 100%;
    text-align: center;
}
.row_full #content_busroute img{
    
    padding: 0px !important;
    margin: 0px !important;
}
.margin_20{
    margin: 40px 0px;
}
.bus_route_list table{
    margin: 0px !important;
    padding: 0px !important;
    border: 0px solid #fff !important;
}
.bus_route_list td
{
    /*line-height: 20px;
    padding: 0px !important;
    border: 0px solid #fff !important;
    font-size: 7.5pt;
    text-align: left !important;
    color: #fff !important;*/
}

.font_end .route_results td{
    padding: 0px !important;
    height: 22px;
}
.left_with_340{
    width: 351px !important;
    float: left;
}
.left_with_800{
    width: 789px !important;
    float: left;
}
.font_end .route_results
{
    margin-top: 5px;
}
.font_end .text_bottom{
    margin-bottom: 5px;
}
.row_10_p{
    margin: 15px 0px;
    width: 99%;
}
.font_end, .font_end td, .font_end .text_bottom{
    font-family: Arial, Helvetica !important;
    font-size: 9px !important;
    color: #000;
    font-weight: bold;
}

.font_end .table_result td.header_sub_data_title ,.font_end .table_result td.header_sub{
    background-color: #fff;
}
.font_end .table_result td.header_first {
    font-weight: bold !important;
}
.font_end .table_result td.header_sub_data_title
, .font_end .table_result td.header_first.fontend_css1
, .font_end .table_result td.header_first.backend_css1{
    width: 72px !important;
}
.font_end .table_result td.data_transfer_to {
    width: 55px !important;
}
.font_end .table_result td.header_sub{
    min-width: 20px !important;
}
.font_end .table_result td.header_map{
    width: 33px !important;
}
.font_end .table_result td.header_second{
    /*background-color: #000066 !important;*/
}
.font_end .table_result td.header_map, .font_end .table_result td.data_map{
    background-color: #003399 !important;
}
.font_end .table_result td.data_row.editable
, .font_end .table_result td.double_asterisk_row.editable
, .font_end .table_result td.double_asterisk_row_data_title.editable {
    /*background: #CCCCCC !important;*/
}
.font_end .table_result td.head_11, .font_end .table_result td.head_12{
    background: #fff !important;
} 
.font_end .table_result td.data_row.backend_css
, .font_end .table_result td.data_row.fontend_css{
    background: #003399 !important;
}
.font_end .table_result td.data_transfer_to.backend_css
, .font_end .table_result td.data_transfer_to.fontend_css{
    background: #d51e29 !important;
}
.font_end .table_result td.header_first.backend_css
,.font_end .table_result td.header_first.fontend_css{
    height: 25px;
}

.div_map_img{
    width: 100%;
    text-align: center;
}
a.btn_view_schedule{
    padding: 10px;
    background: #59a5d5;
    border: 1px solid #acc7e2;
    border-radius: 12px;
    text-decoration: none;
    color: #fff;
    float: left;
    width: auto;
}
a.btn_download_schedule{
    padding: 10px;
    background: #59a5d5;
    border: 1px solid #acc7e2;
    border-radius: 12px;
    text-decoration: none;
    color: #fff;
    float: left;
    width: auto;
}
.font_end .table_result td.tilte_f{
    text-align: left !important;
}
.page_title_font{
    font-family: Arial, "Helvetica", sans-serif;    
    color: #0c4da1;
    font-size: 24px;
    font-weight: bold;
    text-transform: uppercase;
    padding-bottom: 0px;
    text-align: left;
}
#content_busroute h2{
    font-family: Arial, "Helvetica", sans-serif; 
    color: #0c4da1;
    font-size: 18px;
    font-weight: bold;
    text-transform: uppercase;
    padding-top: 21px;
    text-align: left;
}
#content_busroute a{
    font-family: Arial, "Helvetica", sans-serif;
    font-size: 16px;
    font-weight: bold;
}
#content_busroute p{
    padding: 10px 0px;
    font-family: Arial, "Helvetica", sans-serif;
    color: #5d6162;
    font-size: 16px;
    font-weight: bold;
    text-align: left;
}
.bus_route_list.more_padding{
    width: 694px;
}

.direction_categories,.direction_categories_select,.custom_select{
    display: block;
    max-height: 30px;
    overflow: hidden;
    border: 1px solid #ccc;
    border-radius: 5px;
    padding: 5px 10px;
    background-color: #fff;
    position: relative;
    cursor: pointer;
    width: 100%;
}

.direction_categories_select:after{
    content: " ";
    width: 0;
    height: 0;
    border-top: 4px dashed;
    border-top: 4px solid\9;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
    position: absolute;
    top: 13px;
    right: 10px;
}

.direction_categories{
    max-height: 0;
    padding: 0;
    margin: 0;
    border-radius: 0 0 5px 5px;
    border-top: none;
}

.direction_categories .parent{
    padding-left: 10px;
    font-weight: bold;
    color: #000;
}

.direction_categories .child{
    padding-left: 20px;
}

.direction_categories li{
    padding: 5px;
}

.direction_categories li.child:hover,.direction_categories li.active{
    background: #ddd;
}

.custom_select{
    width: 100%;
    float: left;
}

.custom_select[multiple="multiple"]{
    max-height: none;
    overflow-y: auto;
    width: 100%;
}

.columns{
    margin: 20px 0.5%;
    width: 24%;
    float: left;
}

.columns.medium{
    width: 15%;
}

.columns.small{
    width: 8%;
}

.columns *{
    margin-top: 0;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

.stops_action:first-of-type{
    margin-top: 80px;
}

.stops_action{
    cursor: pointer;
    display: block;
    margin: 10px auto;
}

#add_direction{
    display: block;
    margin-top: 20px;
}

#add_more_direction_wrap{
    display: none;
}

.get_route_direction{
    margin: 15px;
    cursor: pointer;
    display: block;
    min-height: 30px;
}

.get_route_direction .spinner{
    margin: 0 0 0 10px;
    float: none;
    visibility: visible;
    display: inline-block;
}

.stops_action[action="edit"]{
    display: none;
}

#stop_address_wrap{
    margin-top: 20px;
    float: left;
    width: 100%;
    display: none;
}

#stop_address_wrap input{
    width: 100%;
    margin-bottom: 10px;
}

#save_stop_details_btn{
    display: block;
    margin: 10px auto;
}