.obs-booking-page .bg-white   {  background: #fff;  }
.obs-booking-page .box-shadow {  box-shadow: 0 1px 1px 0 rgba(0,0,0,0.2); }
.obs-no-radius                {  border-radius: 0px !important;  }
.obs-booking-page .booing-main-area label {
    font-weight: 600;
    display: block;
    padding-top: 0px;
    font-size: 13px;
}
.obs-no-overfollow {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

form.booing-main-area label {
    font-weight: 500 !important;
    margin: 9px 0px 5px !important;
    color: #37454d !important;
}

.obs-booking-page .form-control:focus {
    box-shadow: none;
}

.obs-booking-page .obs-form-area:not(.reservation-area) {
        padding: 30px 0px 15px 0px;
}

.obs-booking-page .reservation_options .checkbox {
         margin-bottom: 0px !important;
}
.obs-booking-page .obs-footer-logo {
    position: relative;
    top: +25px;
}

.obs-booking-page .booing-main-area label {
    font-weight: 600 !important;
    color: #37454d;
    font-size: 13px;
}

.booing-main-area p {
    margin-bottom: 0px;
}

/*.booing-main-area .checkbox {
    margin: 23px 0px;
}*/

.obs-booking-page .booing-main-area h2 {
    font-size: 16px !important;
    line-height: 36px;
    padding: 10px 20px;
    color: #fff;
    border-bottom: 1px rgba(153,153,153,0.18) solid;
}

.booing-main-area input, .booing-main-area select, .booing-main-area textarea, .booing-main-area .select2-selection--single {
    background: #FFF none repeat scroll 0 0 !important;
    border: 1px solid #E7E9E9 !important;
    border-radius: 3px;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-transition: none;
    -o-transition: none;
    transition: none;
}

.booing-main-area .form-control input, .booing-main-area select, .booing-main-area .select2-selection--single {
    line-height: 34px!important;
    height: 34px!important;
    width: 100%;
}
.obs-booking-page .dogumArea [class^="col-"] {
    padding: 0px 5px;
}
h1 i, h2 i, h3 i, h4 i h5 i {
     padding-right: 0px;
}
 .obs-cart-booking-box { padding: 30px 0px; }
 .obs-cart-booking-box:nth-child(even) {  background: rgba(204, 204, 204, 0.1411764705882353); }
 .obs-cart-booking-box-item {      padding: 5px 0px !important;  }
 .obs-reservation-list-form {
         margin-left: -10px;
 }

 .obs-booking-page .product-item-box img {
    width: 100%;
    padding: 0px;
}

.obs-page-ltr.obs-booking-page .obs-padding-left {
     padding-left: 0px;
 }

.obs-page-rtl.obs-booking-page .obs-padding-left {
     padding-right: 0px;
 }

 .obs-page-ltr.obs-booking-page .obs-padding-right {
     padding-right: 0px;
 }

.obs-page-rtl.obs-booking-page .obs-padding-right {
     padding-left: 0px;
 }

.product-item-box-area {
    padding: 5px !important;
    color:#313948;
}

.product-item-box [class*="hotel-"] {

   background: #f0f0f0;
   font-size: 13px;
   padding: 7px !important;
}

.product-item-box .hotel-name {
    font-weight: 700;
    border-top:2px solid #e3e5e9;

}

.product-item-box .hotel-name .obs-open-close { opacity:.2; }

.product-item-box .person {
    font-size: 11px;

}

.product-item-box .person .room {
    font-size: 10px;
    color: #777575c4;
}

.product-item-box .price {
    font-size: 17px;
    line-height: 15px;

}

.product-item-box .hotel-area {
    padding: 20px 0px !important;
    border-top: 2px solid #e3e5e9;
}

.product-item-box {  margin-bottom: 10px; }



.right-box-area .reservation-area {
  text-align: center;
  font-size: 10px;
  padding: 15px;
}

.obs-booking-page .right-box-area  .reservation-area label {
   margin-bottom: 0px;
   border-bottom: 1px #ccc solid;
   font-size: 11px;
}

.obs-booking-page .right-box-area  .reservation-area .option-item-box {
   border-top: 1px #ccc solid;
}

.obs-booking-page .right-box-area  .reservation-area .option-item {
    font-size: 11.5px;
    padding-left: 10px;
}

.obs-booking-page .right-box-area  .reservation-area .option-item:first-child,
.obs-booking-page .right-box-area  .reservation-area .option-item:nth-child(2) {
    border-bottom:1px #ccc solid;
}

.obs-booking-page .right-box-area  .reservation-area .option-item:first-child,
.obs-booking-page .right-box-area  .reservation-area .option-item:nth-child(3) {
    border-right:1px #ccc solid;
}

.obs-booking-page .right-box-area  .reservation-area .option-item.obs-top-border {
    border-top:1px #ccc solid;
}

.obs-booking-page .right-box-area  .reservation-area .option-item.obs-polticy {
    padding-top: 7px;
    font-size: 11px;
}

.right-box-area .reservation-area [class^='col-'] {
    padding: 2px;
}
.right-box-area .reservation-area label {
   font-weight: 700;
}
.right-box-area .reservation-area date {
     display: block;
    font-size: 11px;
    padding-top: 5px;
}
.right-box-area .reservation-area label.head {
    text-align: left;
}

.right-box-area .reservation-area .obs-icon {
    text-align: center;
    font-size: 26px;
}

.right-box-area .reservation-area .obs-icon i {
    top: +7px;
}
figure {
    text-align: center;
    margin: 0px !important;
}
.obs-open-close {
    cursor: pointer;
}

@media screen and (min-width: 480px) {
   .obs-sm-no-padding {
       padding: 0px;
   }
   .obs-cart-booking-box-item [class^='col-'] {
       padding: 0px 5px;
   }

}
div.obs-card-div {
    width: 60px;
    text-align: center;
    height: 26px;
    font-size: 11px;
    line-height: 12px;
    font-weight: bold;
    white-space: normal;
    color: red;
    display: inline-block;
 }
img.obs-card-div {}

 .obs-callcenter-number-box {

 }

 .obs-callcenter-number-box i {
    font-size: 22px;
    height: 28px;
    line-height: 20px;
    color: #4c4949;
 }
 .obs-callcenter-number-box b {
    margin-top: 8px;
    display: inline-block;
    font-size: 30px;
    margin-bottom: -3px;
 }




.btn-process-ok {
   font-family: "Helvetica Neue",Helvetica,Arial,sans-serif !important;
   display: inline-block !important;
    font-weight: 700 !important;
    text-align: center !important;
    vertical-align: middle !important;
    cursor: pointer !important;
    background-image: none !important;
    color: #fff  !important;
        border: 0 !important;
    white-space: nowrap !important;
    line-height: 1 !important;
    border-radius: 2px !important;
    -webkit-user-select: none !important;
    -moz-user-select: none !important;
    -ms-user-select: none !important;
    user-select: none !important;
    font-size: 12px !important;
    padding: 17px 20px !important;
}





.reservation_options [type='checkbox']{
 margin: 10px -3px !important;
}

 .reservation-area div.obs-cart-booking-box:nth-child(even) {
     background: #efefef;
  }

 .morphing-btn-wrap {
    display: inline-block;
    position: relative;
    text-align: center;
}

.morphing-btn {
    -webkit-transition: background 0.3s, color 0.2s 0.2s, width 0.2s 0s;
    -moz-transition: background 0.3s, color 0.2s 0.2s, width 0.2s 0s;
    -o-transition: background 0.3s, color 0.2s 0.2s, width 0.2s 0s;
    transition: color 0.3s 0.2s, width 0.2s 0s;
    white-space: nowrap;
    box-sizing: border-box;
}

.morphing-btn_circle {
    color: transparent !important;
    padding-left: 0;
    padding-right: 0;
    width: 35.6px !important;

    /* Override inline style rule */
    -webkit-transition: color 0.2s 0s, width .3s 0.2s;
    -moz-transition: color 0.2s 0s, width .3s 0.2s;
    -o-transition: color 0.2s 0s, width .3s 0.2s;
    transition: color 0.2s 0s, width .3s 0.2s;
}

.morphing-btn-clone {
    position: fixed;
    background: #1e3b54;
    border-radius: 50%;
    z-index: 3;
    -webkit-transition: all 0.5s cubic-bezier(.65, .05, .36, 1);
    -moz-transition: all 0.5s cubic-bezier(.65, .05, .36, 1);
    -o-transition: all 0.5s cubic-bezier(.65, .05, .36, 1);
    transition: all 0.5s cubic-bezier(.65, .05, .36, 1);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.morphing-btn-clone_visible {
    display: block;
    -webkit-transform: scale(1) !important;
    -moz-transform: scale(1) !important;
    -ms-transform: scale(1) !important;
    -o-transform: scale(1) !important;
    transform: scale(1) !important;
}

.fancybox-morphing .fancybox-bg {
    background: #1e3b54;
    opacity: 1;
}

.fancybox-morphing .fancybox-toolbar {
    top: 20px;
    right: 40px;
}

.fancybox-morphing .fancybox-button--close {
    background: rgba(0, 0, 0, 0.2);
    border-radius: 50%;
    color: #fff;
}

.fancybox-morphing .fancybox-button--close::after,
.fancybox-morphing .fancybox-button--close::before {
        height: 1.55px;
        width: 22px;
        left: calc(50% - 11px);
}

.fancybox-morphing .fancybox-button--close:hover {
    background: rgba(0, 0, 0, 0.25);
}

/* Styling for element used in example */

#morphing-content {
    margin: 0;
    position: relative;
    background: transparent;
    color: #fff;
    padding: 6em 10vw;
    line-height: 2;
    z-index: 3;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

#morphing-content a {
    color: #fff;
}



.obs-bank-area  {
                    margin-bottom: 10px;
                }
                .obs-bank-area > .nav > li {
                    text-align: center;
                    padding: 0px !important;
                    border: 0px !important;
                }

                .obs-bank-area > .nav > li > a {
                    padding: 7px;
                    border: 1px #f7f7f7 solid;
                    border-radius: 0px;
                    text-align: center;
                    height: 40px;
                    margin: 4px;
                    opacity: .5;
                }



                .obs-bank-area .nav>li.active>a,
                .obs-bank-area .nav>li>a:focus,
                .obs-bank-area .nav>li>a:hover {
                    text-decoration: none;
                    background-color: #fff;
                    opacity: 1;

                }

                .obs-bank-area .nav>li.active>a .obs-card-div,
                .obs-bank-area .nav>li>a:focus .obs-card-div,
                .obs-bank-area .nav>li>a:hover .obs-card-div {
                    color:#fff;
                }

                .obs-bank-area .nav-tabs {
                    border: 0px;
                    padding: 0px 15px;
                }

                .obs-bank-area label {
                    text-transform: uppercase;
                }

                .obs-bank-area .obs-installment-item {
                    border: 1px #f7f7f7 solid;
                    padding: 3px 15px;
                    height: 50px;
                    line-height: 29px;
                }
                .obs-bank-area .obs-installment-item.active {
                      background: #add9ff;
                }

                .obs-bank-area .obs-installment-item input {
                    margin-top: 8px;
                    margin-left: -23px;
                }
                .obs-bank-area .obs-installment-item .price-area {
                    line-height: 14px;
                }

                .obs-installment-bad {
                    text-decoration: line-through;
                    font-size: 10px;
                    color: #CE1616;
                     width: 100%;
                    text-align: right;
                    min-height: 9px;
                }

                .obs-installment-discount {
                    color: #ff9c00;
                     text-align: right;
                }

                .obs-installment-good {

                    text-align: right;
                     width: 100%;
                }


.obs-panel-alert .panel-footer * {
     color: #8b8b92;
   }
   .obs-panel-alert .panel-footer .fa-cs {
     font-size: 17px !important;
   }
   .obs-panel-alert .panel-footer {
     padding: 10px 15px 5px 15px;
   }

   .obs-panel-alert .panel-body i {
     margin-bottom: 5px;
     display: block;
   }
   .obs-panel-alert .panel-body .obs-panel-header {
     margin-bottom: 5px;
     display: block; }
   .obs-panel-alert .panel-body p {
       margin-bottom: 30px;
   }

   .obs-panel-alert .panel-body .btn i,
   .obs-panel-alert .panel-body a.btn {
       color: #fff !important;
   }

   .obs-panel-alert .panel-body .btn i {
       display: inline;
   }

   .obs-panel-alert.has-danger {
     border-top: 5px solid #b00100;
   }
   .obs-panel-alert.has-danger .panel-body i { color: #730e15; }
   .obs-panel-alert.has-danger .obs-panel-header {
     color: #730e15;
   }
    .booing-main-area .obs-has-error,
    .booing-main-area .obs-has-error.bootstrap-select .dropdown-toggle
     {
       border-color: #a94442 !important;
        -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
        box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
        background: rgba(255, 232, 232, 0.4196078431372549) !important;
    }

   .obs-panel-alert.has-success .panel-body i { color: #1c9207; }
   .obs-panel-alert.has-success {
     border-top: 5px solid #1bb000;
   }
   .obs-panel-alert.has-success .obs-panel-header {
     color: #3e3e3e;
   }
   .obs-panel-alert.has-success .panel-body  {
     padding: 100px 15px;
   }

   .obs-panel-alert .panel-body  {
     padding: 75px 15px 100px 15px;
   }

   .obs-panel-alert.has-success .panel-body  {
     padding: 15px;
   }

   .btn-print {
     border-radius: 0px !important;
     text-align: left !important;
     padding: 9px 17px !important;
     margin-bottom: 5px;
     padding: 5px 6px !important;
   }

   .btn-print span.voucher-code {
    background: #fff;
    color: #333;
    padding: 7px 20px;
    border-radius: 6px;
    font-weight: normal;
    float: right;
   }

   .btn-print span.voucher-btn {
   margin: 0px 10px;
    float: left;
    padding: 7px 0px;
   }

.obs-hotdeals-container .obs-hotdeals-row {
                    margin-right: -5px;
                    margin-left: -5px;
                }
                .obs-hotdeals-container .obs-hotdeals-box {
                    padding-right: 5px;
                    padding-left: 5px;
                }
                .obs-hotdeals-container .obs-hotdeals-box .thumbnail {
                    border-radius: 0px;
                    padding: 5px 0px;
                    margin-bottom: 0px;
                }
                .obs-hotdeals-container .obs-hotdeals-box .thumbnail .caption {
                    position: absolute;
                    margin-top: -30px;
                    margin-left: +5px;
                    background: #333333c4;
                    border-radius: 5px;
                    color: #fff;
                    padding: 5px;
                }
                .obs-hotdeals-container .obs-hotdeals-box .thumbnail .caption h3 {
                    margin: 0px;
                }


 .obs-form-area .obs-last-step-area .full-total-area .total-head,
              .obs-form-area .obs-last-step-area .full-total-area .total-body {
                padding: 10px 15px;
              }

              .obs-form-area .obs-last-step-area .full-total-area currency {
                color: #333333a1 !important;
                font-size: 11px;
              }

              .obs-form-area .obs-last-step-area .full-total-area .total-head {
                background: #f9f9f9;
              }

              .obs-form-area .obs-last-step-area .full-total-area {

              }

              .text-danger {
                color: #c70606;
                font-weight: 550;
                font-size: 11px;
              }

              .obs-form-area .obs-last-step-area {
                padding-top: 30px;
              }

              .obs-form-area .obs-last-step-area .full-total-area {
                overflow: hidden;
                padding: 0px !important;
                border-top: 2px solid #e3e5e9;
                background: #f0f0f0;
              }

              .obs-form-area .obs-last-step-area .full-total-area .payment-amount {
                font-size: 19px;
              }

              .obs-form-area .obs-last-step-area .full-total-area .currency-label {
                margin-top:-6px;
              }

              .obs-form-area .obs-last-step-area .full-total-area .payment-amount-price price {
                font-size: 23px;
              }

              .obs-form-area .obs-last-step-area .full-total-area .sub-total {
                color: #868282;
              }

              .obs-form-area .obs-last-step-area .full-total-area .promotion {
                color: #8c0e0e;
              }