.booking-section{
    margin-top: 75px;
    margin-bottom: 75px;
}
.availabilities-pagination {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 12px;
    margin-top: 15px;
    text-align: center;
    z-index: 1000;
}
.availabilities-pagination-left{
    margin-right: -12px;
 }
.availabilities-pagination-right{
    margin-left: -12px;
}
.availabilities-pagination-left:hover {
    opacity: 0.8;
}
.availabilities-pagination-right:hover {
    opacity: 0.8;
}
.availabilities-pagination .availabilities-pagination-arrow {
    display: inline;
    height: auto;
    width: 14px;
    cursor: pointer;
    fill: #2C4F78;
    -webkit-transition: color 200ms, opacity 200ms;
    transition: color 200ms, opacity 200ms;
}

.availabilities-pagination.availabilities-pagination-disabled .availabilities-pagination-arrow {
    cursor: default;
    fill: #435f71;
    opacity: 0.3;
}
.bdl-wrap-planning{
    margin: 80px 0;
}

.bdl-wrap-planning .block-title:before{
    font-family: 'icomoon' !important;
    font-size: 32px;
    color: #2c4f78;
    margin-right: 10px;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\e958";
}

.bdl-cal-title{
    font-size: 12px;
    padding: 10px;
    min-width: 120px;
    color: #003a78;
    font-weight: 500;
    border-bottom: 1px solid#e1e8ee;
}
.bdl-cal-card{
    display: flex;
    flex-direction: column;
    height: 175px;
    background-color: #FFF;
    margin: 0.5rem !important;
    border: 1px solid #2c4f7817;
}

.bdl-card-header{
    padding: 7px 5px;
    color: #FFF;
    background-color: #2e517a;
    border-bottom: 1px solid #e1e8ee;
}
.bdl-cal-card-body{
    font-size: 15px;
    padding: 10px;
    color: #86939e;
}
.bdl-card-footer{
    padding: 5px 10px;
    text-align: center;
    font-size: 14px;

}
.bdl-card-empty{
    height: 175px;
    opacity: 0.6;
    background-color: #f3f6f8;
}
/*Bookings*/

.bdl-card{
    background-color: #FFF;
    padding:1em;
    height: 100px;
    margin-bottom: 5px;
    border: 1px solid #2c4f7817;
}

.bdl-card-lg{
    width: 550px;
}
.bdl-card-sm{
    width: 330px;
}
.bdl_title_1{
    font-size: 18px;
    font-weight: 500;
    color: #2c4f78;
}
.badge-bdl{
    color: #212529;
    background-color: #c9d2dd;
}

.bdl-title-a{
    color: #86939e;
    font-weight: 400;
}
.btn-bdl-a{
    border-color:#919da7 !important;
    background: #919da7 !important;
    min-width: 6em !important;
}
.btn-bdl-blanc{
    background-color: #FFF !important;
    color: #2c4f78 !important;
    border: 1px solid #2c4f78 !important;
}
.btn-bdl-blanc:hover{
    border-color: #223d5d;
    background: #223d5d;
}
.btn-bdl-a:hover{
 border-color: #bdc3c5 !important;
 color: #FFF !important;
}
.bdl-section{
    margin: 15px 0;
}
.bdl-title-vol:before{
    font-size: 24px;
    content: "\e93a";
    font-family: 'icomoon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    color: #2c4f78;
    margin-right: 5px;
}
.bdl-title-user:before{
    font-size: 24px;
    content:"\e915";
    font-family: 'icomoon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    color: #2c4f78;
    margin-right: 5px;
}


/*progress bar*/
.multi-steps > li.is-active:before, .multi-steps > li.is-active ~ li:before {
    content: counter(stepNum);
    font-family: inherit;
    font-weight: 700;
}
.multi-steps > li.is-active:after, .multi-steps > li.is-active ~ li:after {
    background-color: #ededed;
}
.multi-steps {
    display: table;
    table-layout: fixed;
    width: 100%;
}
.multi-steps > li {
    counter-increment: stepNum;
    text-align: center;
    display: table-cell;
    position: relative;
    color: #2c4f78;
}
.multi-steps > li:before {
    content: '\f00c';
    content: '\2713';
    content: '\10003';
    content: '\10004';
    content: '\2713';
    display: block;
    margin: 0 auto 4px;
    background-color: #fff;
    width: 36px;
    height: 36px;
    line-height: 32px;
    text-align: center;
    font-weight: bold;
    border-width: 2px;
    border-style: solid;
    border-color: #2c4f78;
    border-radius: 50%;
}
.multi-steps > li:after {
    content: '';
    height: 2px;
    width: 100%;
    background-color: #2c4f78;
    position: absolute;
    top: 16px;
    left: 50%;
    z-index: -1;
}
.multi-steps > li:last-child:after {
    display: none;
}
.multi-steps > li.is-active:before {
    background-color: #fff;
    border-color: #2c4f78;
}
.multi-steps > li.is-active ~ li {
    color: #808080;
}
.multi-steps > li.is-active ~ li:before {
    background-color: #ededed;
    border-color: #ededed;
}
.bdl_color_green{
    background-color: #7DC855 !important;
}
.bdl_color_yellow{
    background-color:#FFC107; !important;
}

.hvr-float {
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}
.hvr-float:hover, .hvr-float:focus, .hvr-float:active {
    -webkit-transform: translateY(-8px);
    transform: translateY(-8px);
    text-decoration: none;
}
.bdl_invalid-input{
    font-size: 75%;
    color: red;
}
.bdl-hidden{
    display: none !important;
}
.bdl-select {
    display: block;
    width: 100%;
    min-width: 200px;
    height: 60px;
    padding: 0 18px;
    border: 2px solid #e1e8ee !important;
    font-size: 16px;
    line-height: 60px;
    font-weight: 300;
    color: #43484d;
    background: #fff;
    max-width: 100%;
    box-sizing: border-box;
    margin: 0;
    box-shadow: 0 1px 0 1px rgba(0,0,0,.04);
    border-radius: .1em;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2212%22%20height%3D%2212%22%20viewBox%3D%220%200%2012%2012%22%3E%3Ctitle%3Edown-arrow%3C%2Ftitle%3E%3Cg%20fill%3D%22%23000000%22%3E%3Cpath%20d%3D%22M10.293%2C3.293%2C6%2C7.586%2C1.707%2C3.293A1%2C1%2C0%2C0%2C0%2C.293%2C4.707l5%2C5a1%2C1%2C0%2C0%2C0%2C1.414%2C0l5-5a1%2C1%2C0%2C1%2C0-1.414-1.414Z%22%20fill%3D%22%23000000%22%3E%3C%2Fpath%3E%3C%2Fg%3E%3C%2Fsvg%3E");
    background-size: .65em auto, 100%;
    background-position: right .7em top 50%, 0 0;
    background-repeat: no-repeat, repeat;
}

.bdl-select::-ms-expand {
    display: none;
}
.bdl-select:hover {
    border-color: #888;
}
.bdl-select:focus {
    border-color: #aaa;
    box-shadow: 0 0 1px 3px rgba(59, 153, 252, .7);
    box-shadow: 0 0 0 3px -moz-mac-focusring;
    color: #222;
    outline: none;
}
.bdl-select option {
    font-weight:normal;
}
.bdl-select option.option-child{
    padding-left: 10px !important;
}

*[dir="rtl"] .bdl-select, :root:lang(ar) .bdl-select, :root:lang(iw) .bdl-select {
    background-position: left .7em top 50%, 0 0;
    padding: .6em .8em .5em 1.4em;
}

/* Disabled styles */
.bdl-select:disabled, .bdl-select[aria-disabled=true] {
    color: graytext;
    background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22graytext%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E'),
    linear-gradient(to bottom, #ffffff 0%,#e5e5e5 100%);
}
.bdl-select:disabled:hover, .bdl-select[aria-disabled=true] {
    border-color: #aaa;
}
.bdl-card-footer span{
    color: #2e517a;
}
.field-error{
    color: #ff5a5a;
    font-size: 14px;
}

#bdl_booking_cancel{
    font-size: 13px !important;
}

.bdl-cal-col{
    width: 16%;
}

@media all and (max-width: 1200px){
    .bdl-cal-col{
        width: 33%;
    }
}
@media all and (min-width: 1200px){
    .bdl_wrap-fields .form-row{
        width: 33%;
    }
}

@media all and (max-width: 560px){

    .bdl-cal-card{
        margin: 0.12rem !important;
    }
    .bdl-card-header {
        padding: 7px 5px;
    }
    .bdl-cal-card-body{
        padding: 5px !important;
    }
    .bdl-wrap-planning{
        padding-left: 5px !important;
        padding-right: 5px !important;
    }
    .bdl-cal-card-body{
        font-size: 13px;
    }
    .bdl-cal-card{
        height: 190px;
        padding: 2px;
    }
    .bdl-card-empty{
        height: 190px !important;
    }
    .btn-bdl-a{
        min-width: 2em !important;
    }
    .availabilities-pagination{
        margin-top: 10px;
    }
    .bdl-cal-title{
        padding: 5px!important;
    }
}