/*
 * Title:   Custom Style File
 * Author:  http://themeforest.net/user/soaptheme 
 */
 
 
.toggle-container .panel.style3 .panel-title > a {
  line-height: 24px; }
  .toggle-container .panel.style3 .panel-title > a:before {
    display: block;
    font-family: FontAwesome;
    margin-right: 16px;
    line-height: 24px;
    font-size: 10px;
    float: left;
    width: 24px;
    height: 24px;
    text-align: center;
    -webkit-border-radius: 50% 50% 50% 50%;
    -moz-border-radius: 50% 50% 50% 50%;
    -ms-border-radius: 50% 50% 50% 50%;
    border-radius: 50% 50% 50% 50%; }
  .toggle-container .panel.style3 .panel-title > a.collapsed:before {
    }
.toggle-container .panel.style3 .panel-content {
  padding: 10px 15px 15px 15px; }
.toggle-container .panel.style3.arrow-right .panel-title {
  position: relative; }
  .toggle-container .panel.style3.arrow-right .panel-title > a {
    padding-right: 36px; }
    .toggle-container .panel.style3.arrow-right .panel-title > a:before {
      float: none;
      position: absolute;
      right: 0;
      height: 16px;
      line-height: 17px;
      width: 16px;
      font-size: 9px;
      border: none;
      margin-top: -8px;
      top: 50%; }
.toggle-container .panel.style3.arrow-right .panel-content {
  padding: 10px 15px; }
       
       
/* start calendar */

      #hotel-main-content .calendar table tbody td > a:before, #hotel-main-content .calendar table tbody td > span:before, #flight-main-content .calendar table tbody td > a:before, #flight-main-content .calendar table tbody td > span:before, #cruise-main-content .calendar table tbody td > a:before, #cruise-main-content .calendar table tbody td > span:before {
        position: absolute;
        left: 0;
        top: 0;
        bottom: 0;
        right: 0;
        content: "NOT AVAILABLE";
        background: #da6161;
        font-size: 10px;
        text-align: center;
        z-index: 1;
        line-height: 1;
        padding: 2.2em 5px 5px;
        color: #fff;
        display: none;
        cursor: text; }
        
      #hotel-main-content .calendar table tbody td > a:hover:before, #hotel-main-content .calendar table tbody td > span:hover:before, #flight-main-content .calendar table tbody td > a:hover:before, #flight-main-content .calendar table tbody td > span:hover:before, #cruise-main-content .calendar table tbody td > a:hover:before, #cruise-main-content .calendar table tbody td > span:hover:before {
        display: none; }


    #hotel-main-content .calendar table tbody td.date-passed > a, #hotel-main-content .calendar table tbody td.date-passed > span, #flight-main-content .calendar table tbody td.date-passed > a, #flight-main-content .calendar table tbody td.date-passed > span, #cruise-main-content .calendar table tbody td.date-passed > a, #cruise-main-content .calendar table tbody td.date-passed > span {
      border-color: #fff;
      background: #01b7f2;
      color: #ffffff;
      cursor: text; 
      }
      
    #hotel-main-content .calendar table tbody td.available > a, #hotel-main-content .calendar table tbody td.available > span, #flight-main-content .calendar table tbody td.available > a, #flight-main-content .calendar table tbody td.available > span, #cruise-main-content .calendar table tbody td.available > a, #cruise-main-content .calendar table tbody td.available > span {
      border-color: #fff;
      background: #98ce44;
      color: #ffffff;
      cursor: text;}
      
    #hotel-main-content .calendar table tbody td.unavailable > a, #hotel-main-content .calendar table tbody td.unavailable > span, #flight-main-content .calendar table tbody td.unavailable > a, #flight-main-content .calendar table tbody td.unavailable > span, #cruise-main-content .calendar table tbody td.unavailable > a, #cruise-main-content .calendar table tbody td.unavailable > span {
      border-color: #fff;
      background: #da6161;
      color: #ffffff;
      cursor: text;}      
      
    #hotel-main-content .calendar-legend label.available:before, #flight-main-content .calendar-legend label.available:before, #cruise-main-content .calendar-legend label.available:before {
      border-color: #fff;
      background: #98ce44; }
    #hotel-main-content .calendar-legend label.unavailable:before, #flight-main-content .calendar-legend label.unavailable:before, #cruise-main-content .calendar-legend label.unavailable:before {
      border-color: #fff;
      background: #da6161; 
      }
    #hotel-main-content .calendar-legend label.past:before, #flight-main-content .calendar-legend label.past:before, #cruise-main-content .calendar-legend label.past:before {
      border-color: #fff; 
      background: #01b7f2;}      
      
      
      
/* end calendar */      
       

.obm_padding_15px{
    padding: 15px;
}
.obm_padding_20px{
    padding: 20px;
}
.obm_padding_10px{
    padding: 10px;
}

.obm_font_size_20{
    font-size:20px;
}

.obm_font_size_15{
    font-size:15px;
}

.obm_background_color_33AA33{
    background-color:#33AA33
}


.obm_background_color_F5F5F5{
    background-color:#F5F5F5
}

.obm_color_01B7F2{
    color:#01B7F2;
}

.obm_hotels_search_autocomplete{
    position:absolute;
    z-index: 99999;
    
    
}

.obm_hotels_search_autocomplete_ul{
    border:1px solid #ececec;
    padding:10px;
    background-color:#ffffff;
}

.obm_hotels_search_autocomplete_li{
    padding:5px;
    border-bottom:1px solid #ececec;
    font-size:13px;
}

.obm_cursor_pointer{
    cursor:pointer;
}

.image-box.style5 figure figcaption, .image-box.style11 figure figcaption {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); 
}



.obm-border{
   border: 1px solid #DDDDDD;
   /*box-shadow: 2px 2px 2px #F0F0F0;*/
}
.obm-border-no-shadow{
   border: 1px solid;
}
.obm-no-border{
   border: 0px;
   box-shadow: 0px;
}
.obm-no-radius{
   -webkit-border-radius: 0px;
   -moz-border-radius: 0px;
   border-radius: 0px;
}

.search-box-wrapper.style2 .search-tab-content {
    background: transparent;
}

.search-box-wrapper.style2 .search-box {
    background: rgba(0, 0, 0, 0.3);
}    

.alpha30 {
    /* Fallback for web browsers that don't support RGBa */
    background-color: rgb(0, 0, 0);
    /* RGBa with 0.6 opacity */
    background-color: rgba(0, 0, 0, 0);
    /* For IE 5.5 - 7*/
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);
    /* For IE 8*/
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";
}