@media (max-width: 499px){

  #booking-reservation-area .sx-ibe-horizontal-wrapper 

  .ibe-column.ibe-location-pickup, #booking-reservation-area  

  .sx-ibe-horizontal-wrapper 

  .ibe-column.ibe-datetime-pickup {

        padding: 0;

        width: 100% !important;

    } 

    

    #booking-reservation-area .sx-ibe-horizontal-wrapper 

    .ibe-datetime-return {

        padding: 0;

        width: 100% !important;

    } #booking-reservation-area     

  

}



/*---------------------------------------------------------*/

/*---------------------------------------------------------*/

/*---------------------------------------------------------*/





#booking-reservation-area .bootstrap-datetimepicker-widget

{

    list-style:none;

}



#booking-reservation-area .bootstrap-datetimepicker-widget dropdown-menu{

    z-index: 39000 !important;

}



#booking-reservation-area .bootstrap-datetimepicker-widget table td.day {

    font-size: 12px !important;

    font-weight: bold !important;

} 



 /* Date picker rules */



 #booking-reservation-area .ui-widget-content .ui-state-default{

 background:transparent;

	border: 0px ;

 

} 



#booking-reservation-area .ui-state-active, #booking-reservation-area  .ui-widget-content .ui-state-active {

    background: #e60000 !important;

    font-weight: bold;

    color: white;

    

} #booking-reservation-area 



 .ui-state-hover{

 background: #e60000 !important;

} #booking-reservation-area 



.ui-datepicker{

    /*width: 22em !important;*/

    padding: .2em .2em 0;

    background: red !important;

} #booking-reservation-area 



.ui-datepicker .ui-datepicker-header {

    background: white;

    position: relative;

    padding: .2em 0;

    border: 0px !important;

} #booking-reservation-area 



#datepickerFrom{

 width:auto;

 height:auto;



} #booking-reservation-area 



#datepickerTo{

 width:auto;

 height:auto;



} #booking-reservation-area 



.ui-datepicker-prev span {

    background-image: url('/fileadmin/resources/images/arrow-right.png') !important;

        background-position: 0px 0px !important;

} #booking-reservation-area 



.ui-datepicker-next span {

    background-image: url(http://legacy.australianetwork.com/img/icon_arrow_right_black.png) !important;

        background-position: 0px 0px !important;

} 





/* Date picker rules End

------------------------*/



/* -------------------------

    Reservation check boxe & check box rules Start

--------------------------*/



#booking-reservation-area #customTabElement .checkbox-c label:after, #booking-reservation-area  

#customTabElement .radio-c label:after {

    content: '';

    display: table;

    clear: both;

} #booking-reservation-area 



#customTabElement .checkbox-c .cr, #booking-reservation-area 

#customTabElement .radio-c .cr {

    position: relative;

    display: inline-block;

    border: 1px solid #a9a9a9;

    border-radius: .25em;

    width: 1.3em;

    height: 1.3em;

    float: left;

    margin-right: .5em;

} #booking-reservation-area 



#customTabElement .radio-c .cr {

    border-radius: 50%;

} #booking-reservation-area 



#customTabElement .checkbox-c .cr .cr-icon, #booking-reservation-area 

#customTabElement .radio-c .cr .cr-icon {

    position: absolute;

    font-size: .8em;

    line-height: 0;

    top: 50%;

    left: 20%;

} #booking-reservation-area 



#customTabElement .radio-c .cr .cr-icon {

    margin-left: 0.04em;

} #booking-reservation-area 



#customTabElement .checkbox-c label input[type="checkbox"], #booking-reservation-area 

#customTabElement .radio-c label input[type="radio"] {

    display: none;

} #booking-reservation-area 



#customTabElement .checkbox-c > label input[type="checkbox"] + .cr > .cr-icon, #booking-reservation-area 

#customTabElement .radio-c label input[type="radio"] + .cr > .cr-icon {

    transform: scale(3) rotateZ(-20deg);

    opacity: 0;

    transition: all .3s ease-in;

} #booking-reservation-area 



#customTabElement .checkbox-c > label input[type="checkbox"]:checked + .cr > .cr-icon, #booking-reservation-area 

#customTabElement .radio-c > label input[type="radio"]:checked + .cr > .cr-icon {

    transform: scale(1) rotateZ(0deg);

    opacity: 1;

} #booking-reservation-area 



#customTabElement .checkbox-c > label input[type="checkbox"]:disabled + .cr, #booking-reservation-area 

#customTabElement .radio-c label input[type="radio"]:disabled + .cr {

    opacity: .5;

}

/*--------------------------custom----------------------------------*/

#booking-reservation-area #nav-tabs .col-sm-4, #booking-reservation-area  #nav-tabs .col-xs-4{

    padding-left: 0px !important;

    padding-right: 0px !important;

} #booking-reservation-area 

.sx-waiting-infotop{

    background: url(../images/speed-crs.webp) 50% 50% no-repeat transparent; 

    height: 120px; 

    width: 120px; 

    margin: 0px auto -35px; 

    text-align: center; 

    z-index: 20203;

    position: relative;

} #booking-reservation-area 

.panel-body{

    padding: 25px !important;

} #booking-reservation-area 

.panel-body label{

    margin-top: 15px !important;

    margin-bottom: 15px !important;

}



/*--------------------------------------style1525322150.css----------------------------------------------*/

/* USE this area for Responsive layouts for different sizes.*/



@media (max-width: 499px){

    

  #booking-reservation-area .sx-ibe-horizontal-wrapper 

  .ibe-column.ibe-location-pickup, #booking-reservation-area  

  .sx-ibe-horizontal-wrapper 

  .ibe-column.ibe-datetime-pickup {

        padding: 0;

        width: 100% !important;

    } #booking-reservation-area 

    

    .sx-ibe-horizontal-wrapper 

    .ibe-datetime-return {

        padding: 0;

        width: 100% !important;

    } #booking-reservation-area     

  

}



/*---------------------------------------------------------*/

/*---------------------------------------------------------*/

/*---------------------------------------------------------*/





#booking-reservation-area .bootstrap-datetimepicker-widget

{

    list-style:none;

} #booking-reservation-area 



.bootstrap-datetimepicker-widget dropdown-menu{

    z-index: 39000 !important;

} #booking-reservation-area 



.bootstrap-datetimepicker-widget table td.day {

    font-size: 12px !important;

    font-weight: bold !important;

} 



 /* Date picker rules */



 #booking-reservation-area .ui-widget-content .ui-state-default{

 background:transparent;

    border: 0px ;

 

} #booking-reservation-area 



.ui-state-active, #booking-reservation-area  .ui-widget-content .ui-state-active {

    background: #e60000 !important;

    font-weight: bold;

    color: white;

    

} #booking-reservation-area 



 .ui-state-hover{

 background: #e60000 !important;

} #booking-reservation-area 



.ui-datepicker{

    /*width: 22em !important;*/

    padding: .2em .2em 0;

    background: red !important;

} #booking-reservation-area 



.ui-datepicker .ui-datepicker-header {

    background: white;

    position: relative;

    padding: .2em 0;

    border: 0px !important;

} #booking-reservation-area 



#datepickerFrom{

 width:auto;

 height:auto;



} #booking-reservation-area 



#datepickerTo{

 width:auto;

 height:auto;



} #booking-reservation-area 



.ui-datepicker-prev span {

    background-image: url('/fileadmin/resources/images/arrow-right.png') !important;

        background-position: 0px 0px !important;

} 
#booking-reservation-area 
.ui-datepicker-next span {

    background-image: url(http://legacy.australianetwork.com/img/icon_arrow_right_black.png) !important;

        background-position: 0px 0px !important;

} 





/* Date picker rules End

------------------------*/



/* -------------------------

    Reservation check boxe & check box rules Start

--------------------------*/



#booking-reservation-area #customTabElement .checkbox-c label:after, #booking-reservation-area  

#customTabElement .radio-c label:after {

    content: '';

    display: table;

    clear: both;

} #booking-reservation-area 



#customTabElement .checkbox-c .cr, #booking-reservation-area 

#customTabElement .radio-c .cr {

    position: relative;

    display: inline-block;

    border: 1px solid #a9a9a9;

    border-radius: .25em;

    width: 1.3em;

    height: 1.3em;

    float: left;

    margin-right: .5em;

} #booking-reservation-area 



#customTabElement .radio-c .cr {

    border-radius: 50%;

} #booking-reservation-area 



#customTabElement .checkbox-c .cr .cr-icon, #booking-reservation-area 

#customTabElement .radio-c .cr .cr-icon {

    position: absolute;

    font-size: .8em;

    line-height: 0;

    top: 50%;

    left: 20%;

} #booking-reservation-area 



#customTabElement .radio-c .cr .cr-icon {

    margin-left: 0.04em;

} #booking-reservation-area 



#customTabElement .checkbox-c label input[type="checkbox"], #booking-reservation-area 

#customTabElement .radio-c label input[type="radio"] {

    display: none;

} #booking-reservation-area 



#customTabElement .checkbox-c > label input[type="checkbox"] + .cr > .cr-icon, #booking-reservation-area 

#customTabElement .radio-c label input[type="radio"] + .cr > .cr-icon {

    transform: scale(3) rotateZ(-20deg);

    opacity: 0;

    transition: all .3s ease-in;

} #booking-reservation-area 



#customTabElement .checkbox-c > label input[type="checkbox"]:checked + .cr > .cr-icon, #booking-reservation-area 

#customTabElement .radio-c > label input[type="radio"]:checked + .cr > .cr-icon {

    transform: scale(1) rotateZ(0deg);

    opacity: 1;

} #booking-reservation-area 



#customTabElement .checkbox-c > label input[type="checkbox"]:disabled + .cr, #booking-reservation-area 

#customTabElement .radio-c label input[type="radio"]:disabled + .cr {

    opacity: .5;

}


/*----------------------------------Custome-------------------------------------------*/


#booking-reservation-area > a:hover, .entry-content a:focus, .entry-content a:hover, .entry-summary a:focus, .entry-summary a:hover, .comment-content a:focus, .comment-content a:hover, .widget a:focus, .widget a:hover, .site-footer .widget-area a:focus, .site-footer .widget-area a:hover, .posts-navigation a:focus, .posts-navigation a:hover, .comment-metadata a:focus, .comment-metadata a:hover, .comment-metadata a.comment-edit-link:focus, .comment-metadata a.comment-edit-link:hover, .comment-reply-link:focus, .comment-reply-link:hover, .widget_authors a:focus strong, .widget_authors a:hover strong, .entry-title a:focus, .entry-title a:hover, .entry-meta a:focus, .entry-meta a:hover, .page-links a:focus .page-number, .page-links a:hover .page-number, .entry-footer a:focus, .entry-footer a:hover, .entry-footer .cat-links a:focus, .entry-footer .cat-links a:hover, .entry-footer .tags-links a:focus, .entry-footer .tags-links a:hover, .post-navigation a:focus, .post-navigation a:hover, .pagination a:not(.prev):not(.next):focus, .pagination a:not(.prev):not(.next):hover, .comments-pagination a:not(.prev):not(.next):focus, .comments-pagination a:not(.prev):not(.next):hover, .logged-in-as a:focus, .logged-in-as a:hover, a:focus .nav-title, a:hover .nav-title, .edit-link a:focus, .edit-link a:hover, .site-info a:focus, .site-info a:hover, .widget .widget-title a:focus, .widget .widget-title a:hover, .widget ul li a:focus, .widget ul li a:hover{
    -webkit-box-shadow:inset 0 0 0 rgba(0, 0, 0, 0), 0 0px 0 rgba(0, 0, 0, 1) !important;
    box-shadow:inset 0 0 0 rgba(0, 0, 0, 0), 0 0px 0 rgba(0, 0, 0, 1) !important;
}
#booking-reservation-area > a, .entry-content a, .entry-summary a, .comment-content a, .widget a, .site-footer .widget-area a, .posts-navigation a, .widget_authors a strong{
    -webkit-box-shadow: inset 0 0px 0 rgba(15, 15, 15, 1) !important;
    box-shadow: inset 0 0px 0 rgba(15, 15, 15, 1) !important;
        }


#booking-reservation-area .submit-panel button:hover, .submit-panel button:active, .submit-panel button:focus{

    /*background: red;*/

    border: none;

    /*color: #ffffff;*/

        outline: none; 

 outline-offset: none; 

}

#booking-reservation-area .submit-panel{

    padding-left: 15px;

    padding-right: 15px;

}

#booking-reservation-area .submit-panel .form-group{

    margin-bottom: 0px !important;

}

#booking-reservation-area .panel-default .form-group{

    margin-bottom: 0px !important;

}

#booking-reservation-area .ui-select-bootstrap>.ui-select-match>.btn{

    /*padding-top: 17px;*/

}

#booking-reservation-area .input-group-addon{

        padding: 5px 8px;

}

#booking-reservation-area .panel-default{

        margin: 5px 0px;

}
#booking-reservation-area i.caret.pull-right {
    margin-top: 8px;
}

#booking-reservation-area .panel-body{

    padding: 25px;

}

#booking-reservation-area .panel-body label{

    margin-top: 15px;

    margin-bottom: 15px;

}
/*
#booking-reservation-area .panel-body .col-md-12, .col-md-8{

    padding: 0px;

}*/

#booking-reservation-area .panel-body .col-12{

    padding-left: 15px;

    padding-right: 15px;

}

#booking-reservation-area .panel-body p{

    margin: 10px 0px !important;

    /*font-weight: bold;*/

}

#booking-reservation-area .ui-select-toggle, .form-control{

    /*background: #eeeeee;*/

    height: 55px;

    border-radius: 0px;

}

#booking-reservation-area .panel-body *:last-child p{

    border-left: 0;

    /*font-size: {{labelTextSize}}px;*/

}

/*------------------------------------------------------------------------*/

        #booking-reservation-area #c247 .done {

            background-color: green !important;

        }
        #booking-reservation-area #c247{
            font-size: 14px;            
        }


        #booking-reservation-area #c247 .loader {

            color: #e60000;

            position: fixed;

            z-index: 1000;

            top: 300px;*/

            width: 90%;

            height: 100%;

            text-align: center;

        }



        #booking-reservation-area #c247 .not-active {

            pointer-events: none;

            cursor: default;

        }

        #customTabElement .tab-number{

            color:#c0c0c0 !important;

        }



        #booking-reservation-area #c247 .vehicleSelected {

            border: 2px solid red !important;

        }
        #booking-reservation-area #c247 .fa-lg{
            font-size: inherit !important;
        }
        #booking-reservation-area #c247 h4.text-left.ng-binding.ng-scope{
            font-size: 15px;
            color: #333333;
            padding: 15px 0 10px 0;
            margin: 0;
            font-weight: 300;
            line-height: 1.1;
        }
        #booking-reservation-area #c247 h4.ng-binding{
            margin: 0px;
        }
        #booking-reservation-area #c247 .checkbox-c, #booking-reservation-area #c247 .radio-c{
            height: 21px;
        }
        #booking-reservation-area #c247 .tariffGroup-notes-below-image{
            font-weight: 400;
            line-height: 1.3;
            margin-bottom: 0px;
            font-size: 14px;
            color: #333;
            letter-spacing: 1px;
            text-transform: inherit;
            padding: 0;
            font-family: "Libre Franklin", "Helvetica Neue", helvetica, arial, sans-serif !important;
        }
        #booking-reservation-area #c247 #customTabElement .checkbox-c .cr, #booking-reservation-area #c247 #customTabElement .radio-c .cr{
                width: 20px;
                height: 20px;
                margin-top: 0px;
        }
        #booking-reservation-area #c247 #customTabElement .checkbox-c .cr .cr-icon, #booking-reservation-area #c247 #customTabElement .radio-c .cr .cr-icon{
            font-size: 10px;
        }



        #booking-reservation-area #c247 .vehicles {

            border: 1px solid #ccc;

            padding: 10px 0px 15px 15px;

        }
        #booking-reservation-area #tab-5 .form-control{
            font-size: 14px;
        }



        #booking-reservation-area #tab-5 .stations > h1,#booking-reservation-area  h2,#booking-reservation-area  h3 {

            font-size: 14px !important;

            font-weight: 700 !important;

            color: #263a45 !important;
        }

        #booking-reservation-area #tab-5 div h1 {

            color: #e60000!important;

            font-size: 40px!important;

            font-weight: lighter!important;

            padding: 10px 0 20px 0!important;

            margin: 0 !important;

        }
        #booking-reservation-area #c247 .nav-tabs {
            cursor: pointer;
        }
        #booking-reservation-area #c247 hr {
            background-color: #eee0 !important;
        }

        #booking-reservation-area #c247 html [type="button"] .btn-default{

            background-color: #fff !important;

            color: #333 !important;

            border-color: #ccc !important;

        }   

        #booking-reservation-area #c247 label{

            font-size: 14px;

        }
        @media (min-width: 768px){

            #booking-reservation-area #c247 .modal-dialog {

                margin: 60px auto;

            }

        }

        @media (min-width: 499px){

            #booking-reservation-area #c247 #customTabElement .nav-tabs > li {

                min-width: 0px;

            }

        }

        @media (min-width: 990px) and (max-width: 1134px) {

            #booking-reservation-area #other-pricing-tabs .col-sm-1,#booking-reservation-area #other-pricing-tabs .col-sm-6,#booking-reservation-area #other-pricing-tabs .col-sm-2 {

              padding-left: 10px !important;

              padding-right: 10px !important;

            }

        }

        #booking-reservation-area #c247 .panel {

            margin-bottom: 5px !important;

            background-color: #fff;

            /* border: 1px solid transparent; */

            border-radius: 0px;

            -webkit-box-shadow: 0 3px 8px rgba(0,0,0,.08);

             box-shadow: 0 3px 8px rgba(0,0,0,.08);

        }

        #booking-reservation-area #c247 .panel-default > .panel-heading {

            /*color: #333;*/

            background-color: #ffffff;

            border: none;
            box-shadow: 0px 0px 6px -4px #888888;

        }

        #booking-reservation-area #c247 .panel-default {

            border-color: #ddddddc9;

        }

        #booking-reservation-area #c247 .panel-footer {

            /*padding: 10px;*/

        }
         #booking-reservation-area #c247 a,#booking-reservation-area #c247 .entry-content a,#booking-reservation-area #c247  .entry-summary a,#booking-reservation-area #c247  .comment-content a,#booking-reservation-area #c247  .widget a,#booking-reservation-area #c247  .site-footer .widget-area a,#booking-reservation-area #c247  .posts-navigation a,#booking-reservation-area #c247  .widget_authors a strong{
            -webkit-box-shadow:inset 0 0px 0 rgba(15, 15, 15, 1) !important;
            box-shadow:inset 0 0px 0 rgba(15, 15, 15, 1) !important;
        }
        #booking-reservation-area .sx-gc-button-cta-list {

    font-size: 15px;

    border: none;

    width: auto;

    min-width: 150px;

    padding: 15px 32px 15px 32px !important;

    display: inline-block;

    letter-spacing: 0.6px;

}

#booking-reservation-area #customTabElement li.active > a {

    min-width: 100px;

    /*background: #e60000 !important;*/

}



#booking-reservation-area #customTabElement li > a {

    font-size: 30px;

    font-weight: bold;

    color: white;

    text-decoration: none;

    background: silver;

    text-transform: uppercase;

    margin: auto;

}



#booking-reservation-area #customTabElement li.active a span.tab-number {

    /*color: #e60000;*/

}



#booking-reservation-area #customTabElement .tab-number {

    border-radius: 49% !important;

    background-color: white;

    padding: 0px 10px;

    margin-right: 10px;

    color: silver;

}

#booking-reservation-area .panel-default .form-control{
    height: 40px;

}
#booking-reservation-area .panel-default .ui-select-bootstrap>.ui-select-match>.btn{
     padding-top: 8px; 
}