@import url("custom-tinymce.css");
/* General CSS */

/* page styles */
/*
html
{
  font-size: initial !important;
}

body
{
  color: #222222 !important;
  font-family: "Futura", Trebuchet MS, Tahoma, Verdana, Arial, sans-serif !important;
  font-size: initial !important;
  line-height: 1.42857 !important;
}

#tinymce p 
{
  line-height: 1.42857 !important;
}

p
{
  margin: initial;
}
*/

#search-button-1, #search-button-2
{
  cursor: pointer;
}

#page-specific-content
{
  float: left;
  width: 100%;
  padding: 0 2%;
}

#secondary-navigation-pane, #secondary-navigation-pane div div ul
{
  float: left;
  width: 100%;
}

/* Menu styles */
#sp-navbar
{
  top: 0;
  width: 100%;
  z-index: 999;
}
#sp-navbar, #sp-navbar-2
{
  border: none;
  font-family: "Futura", Trebuchet MS, Tahoma, Verdana, Arial, sans-serif;
  font-weight: bold;
  color: #222222;
}
#sp-navbar-2
{
  margin-bottom: 0;
}

#end-of-page-items .navbar-header
{
  float: left;
  margin: 0;
  padding: 0;
}

#end-of-page-items .navbar-header .navbar-toggle
{
  float: left;
  border: 1px solid #cccccc;
  margin: 0 10px;
}

#end-of-page-items .navbar-header .navbar-toggle .icon-bar
{
  clear: right;
  margin: 2px 0;
}

#sp-navbar.navbar-default .navbar-brand, #sp-navbar-2.navbar-secondary .navbar-brand
{
    color: rgba(34, 34, 34, 1);
}
#sp-navbar.navbar-default, #sp-navbar-2.navbar-secondary
{
    font-size: 14px;
    background-color: rgba(255, 255, 255, 1);
	background-image: none;
    background-repeat: none;
    border-radius: 0px;
}
#sp-navbar.navbar-default .navbar-nav>li>a, #sp-navbar-2.navbar-secondary .navbar-nav>li>a
{
    color: rgba(34, 34, 34, 1);
    background-color: rgba(255, 255, 255, 1);
}
#sp-navbar.navbar-default .navbar-nav>li>a:hover,
#sp-navbar.navbar-default .navbar-nav>li>a:focus,
#sp-navbar-2.navbar-secondary .navbar-nav>li>a:hover,
#sp-navbar-2.navbar-secondary .navbar-nav>li>a:focus
{
    color: rgba(153, 153, 255, 1);
    background-color: rgba(255, 255, 255, 1);
}
#sp-navbar.navbar-default .navbar-nav>.active>a,
#sp-navbar.navbar-default .navbar-nav>.active>a:hover,
#sp-navbar.navbar-default .navbar-nav>.active>a:focus,
#sp-navbar-2.navbar-secondary .navbar-nav>.active>a,
#sp-navbar-2.navbar-secondary .navbar-nav>.active>a:hover,
#sp-navbar-2.navbar-secondary .navbar-nav>.active>a:focus
{
    color: rgba(85, 85, 153, 1);
    background-color: rgba(255, 255, 255, 1);
    background-image: none;
    box-shadow: none;
}
#sp-navbar.navbar-default .navbar-toggle, #sp-navbar-2.navbar-secondary .navbar-toggle, #end-of-page-items .navbar-header
{
    border-color: #ffffff;
	margin-right: 0;
	padding: 9px 0;
}
#sp-navbar.navbar-default .navbar-toggle:hover,
#sp-navbar.navbar-default .navbar-toggle:focus,
#sp-navbar-2.navbar-secondary .navbar-toggle:hover,
#sp-navbar-2.navbar-secondary .navbar-toggle:focus,
#end-of-page-items .navbar-header:hover,
#end-of-page-items .navbar-header:focus
{
    background-color: #ffffff;
}
#sp-navbar.navbar-default .navbar-toggle .icon-bar,
#sp-navbar-2.navbar-secondary .navbar-toggle .icon-bar,
#end-of-page-items .navbar-header .icon-bar
{
    background-color: #222222;
}
#sp-navbar.navbar-default .navbar-toggle:hover .icon-bar,
#sp-navbar.navbar-default .navbar-toggle:focus .icon-bar,
#sp-navbar-2.navbar-secondary .navbar-toggle:hover .icon-bar,
#sp-navbar-2.navbar-secondary .navbar-toggle:focus .icon-bar
#end-of-page-items .navbar-header:hover .icon-bar,
#end-of-page-items .navbar-header:focus .icon-bar
{
    background-color: #9999FF;
}
#company-branding
{
  font-size: 150%;
  height: 100%;
  margin: 8px 0;
  position: absolute;
  text-align: center;
  width: 100%;
}

@media(max-width:750px)
{
  #booking-form
  {
    width: 100% !important;
	margin-left: 0 !important;
  }
}

@media(max-width:1120px)
{
  #banner-overlay-logo
  {
    display: none;
  }
  /* OAP and Booking Fields */
  .width-15
  {
    width: calc(50% - 10px) !important;
	margin-left: 0 !important;
  }
  .width-25
  {
    width: calc(50% - 5px) !important;
	margin-left: 10px !important;
	margin-right: 0 !important;
  }
  .width-40
  {
    width: 100% !important;
	margin-left: 0 !important;
  }
  .width-20-l
  {
    width: calc(50% - 10px) !important;
	margin-left: 0 !important;
  }
  .width-20-r
  {
    width: calc(50% - 5px) !important;
	margin-left: 10px !important;
	margin-right: 0 !important;
  }
  /* Social Media Links */
  .social-media-img
  {
    width: 25px !important;
	height: 25px !important;
	margin: 5px 5px 0 0 !important;
  }
  .navbar-collapse.collapse
  {
    display: none !important;
  }
  .navbar-collapse
  {
    overflow-x: visible !important;
  }
  .navbar-collapse.in
  {
    overflow-y: auto !important;
  }
  .collapse.in
  {
    display: block !important;
  }
  .navbar-toggle
  {
    display: block !important;
  }
  /*
  .navbar-header
  {
    float: none;
    width: 100%;
    height: 60px;
  }
  */
  .navbar-nav
  {
    float: none!important;
    margin: 7.5px -15px;
  }
  .navbar-nav>li
  {
    float: none;
  }
  .navbar-nav>li>a
  {
    padding-top: 10px;
    padding-bottom: 10px;
  }
  .navbar-text
  {
    float: none;
    margin: 15px 0;
  }
  /* since 3.1.0 */
  .navbar-collapse.collapse.in
  { 
    display: block!important;
  }
  .collapsing
  {
    overflow: hidden!important;
  }
  /*
  #navbar-header
  {
    display: none;
  }
  */
  #company-branding
  {
    display: inline;
	padding: 3px 0;
  }
  .navbar-form
  {
    float: left!important;
	padding-left: 0;
  }
  /* End of page items */
  #atol-page-logo
  {
    margin-left: 0px !important;
  }
}

/* login */
.staff-login, .staff-logout
{
  cursor: pointer;
}

div.ui-dialog
{
  z-index: 1000;
}

div.ui-dialog
{
  position: fixed;
}

.sp-dialogue
{
  display: none;
}

.sp-dialogue img
{
  float: left;
  width: 100px;
  height: 100px;
}

.sp-dialogue div
{
  float: left;
  margin: 25px 0 0 10px;
  width: calc(100% - 110px);
}

#staff-login-dialogue
{
}

.sp-label
{
  float: left;
  width: 100%;
}

#special-logout
{
  position: absolute;
  z-index: 9999;
  margin-left:0;
  left:0;
}

#username, #password, #password1, #password2, #website
{
  color: #999999;
  height: 32px;
  border: solid #555599 1px;
  border-radius: 5px;
  margin: 5px;
  padding-left: 10px;
}

#staff-login-error, #staff-account-error, #special-login-error
{
  visibility: hidden;
  width: 100%;
  color: #992222;
  font-size: 80%;
  margin: 0;
  text-align: justify;
  width: 100%;
}

#staff-login-error span
{
  color: #555599;
  cursor: pointer;
}

#staff-login-error span:hover
{
  color: #8888FF;
}

#staff-login-error span:active
{
  color: #555599;
}

#continue-login
{
  display: none;
}

/* sections and headers */
.section-header, .empty-search
{
  float: left;
  width: 100%;
}

.section-header h3, .empty-search h4
{
  width: 100%;
  font-family: "Futura", Trebuchet MS, Tahoma, Verdana, Arial, sans-serif;
  text-align: center;
}

.content-container
{
  float: left;
  width: 100%;
}

.controls
{
  float: left;
  width: 100%;
  margin-top: 10px;
}

.progress-bar
{
  display: none;
  float: left;
  height: 30px;
  overflow: hidden;
  width: calc(100% - 150px);
}

.progress-completion
{
  font: bold 90%/190% "Futura", Trebuchet MS, Tahoma, Verdana, Arial, sans-serif;
  position: absolute;
  text-align: center;
  width: calc(96% - 150px);
  background-color: transparant;
}

.progress-icon, #destination-progress-icon
{
  display: none;
  background-image: url("../resources/images/ajax-loader.gif");
  float: left !important;
  height: 25px !important;
  margin: 8px 0 0 5px;
  width: 25px !important;
}

.active-label
{
  float: right;
}

.active-label-small, .active-label-small-2
{
  float: right;
  margin: 5px;
}

.active-title
{
  float: left;
  font: 90% "Futura", Trebuchet MS, Tahoma, Verdana, Arial, sans-serif;
  font-weight: bold;
  margin-top: 8px;
  color: #222222;
}

.placeholder-card, .placeholder-card-2
{
  float: left;
  width: 202px;
  background-color: #FFFFFF;
  border-radius: 5px;
  margin: 5px;
  overflow: hidden;
}

.placeholder-card-2
{
  width: calc(50% - 50px);
  min-width: 525px;
  padding: 10px;
}

.placeholder-card-3
{
  float: left;
  width: calc(100% - 50px);
  /*min-width: 400px;*/
  margin: 10px 0 10px 25px;
}

.text-block-value
{
  float: left;
  width: calc(100% - 202px);
  height: 200px;
  font-family: "Futura", Trebuchet MS, Tahoma, Verdana, Arial, sans-serif;
  font-size: 100%;
  padding: 5px;
}

.linked-card
{
  cursor: pointer;
}

.card-img
{
  float: left;
  cursor: pointer;
}

.field-label
{
  float: left;
  border: solid #555599 1px;
  border-radius: 3px;
  margin: 5px;
}

.field-title
{
  float: right;
  font: 65%/110% "Futura", Trebuchet MS, Tahoma, Verdana, Arial, sans-serif;
  font-weight: bold;
  color: #FFFFFF;
  background-color: #555599;
  width: 100%;
  padding-left: 2px;
}

.field-value
{
  float: left;
  width: 100%;
  font: 90% "Futura", Trebuchet MS, Tahoma, Verdana, Arial, sans-serif;
  font-weight: bold;
  text-align:center;
  color: #222222;
  margin: 0 5px;
}

.head-value
{
  color: #555599;
  font-size: 110%;
}

.hyphen
{
  width: 6px;
  font: 90% "Futura", Trebuchet MS, Tahoma, Verdana, Arial, sans-serif;
  font-weight: bold;
  color: #222222;
  text-align: center;
  font-weight: bold;
  margin: 0 5px;
}

.sp-input, .sp-textarea, .sp-select
{
  float: left;
  height: 20px;
  width: 100%;
  font: 80% "Futura", Trebuchet MS, Tahoma, Verdana, Arial, sans-serif;
  color: #222222;
  text-align: left;
  font-weight: bold;
  padding-right: 5px;
}

.sp-textarea
{
  height: 60px;
  resize: none;
}

.active-chk
{
}

.checkbox
{
  margin: 7px 0 0 5px;
  cursor: pointer;
}

.sp-button, .sp-button-small
{
  float: right;
  font-size: 90%;
  margin-left: 10px;
}

.sp-button-small
{
  margin: 5px;
}

.sp-check
{
}

.sp-select
{
}

.image-file[type="file"]
{
  display: none;
}

/* editors */
.content-editor
{
  float: left;
  width: 100%;
  height: 300px;
  resize: none;
}

/* miscellaneous */
.ui-progressbar .ui-progressbar-value
{
  margin: 0px;
}

.information
{
  float: left;
  width: 100%;
  font: 90% "Futura", Trebuchet MS, Tahoma, Verdana, Arial, sans-serif;
  color: #222222;
  text-align: center;
  font-weight: bold;
}

a.sp-link
{
  text-decoration: none;
  color: #555599;
  cursor: pointer;
}

a.sp-link:hover
{
  color: #8888FF;
}

a.sp-link:active
{
  color: #555599;
}

.image-carousel
{
  float: left;
  width: 80%;
  margin: 0 10%;
}

.carousel .item
{
  background:#CCCCCC;
  overflow:hidden;
  padding:5px;
}

.carousel-inner > .item > img:hover
{
}

.info-slide-title, .info-slide-caption
{
  width: 100% !important;
  text-align: center !important;
  color: hsl(240, 29%, 47%) !important;
  border: 1px solid #555599;
  border-radius: 3px;
  padding: 5px;
  resize: none;
}

.aspect-ratio, .underlay
{
  visibility: hidden;
}

.overlay
{
  position: relative;
  visibility: visible;
  z-index: 99;
}

.c-indicators
{
  z-index: 999;
}

.sort-area
{
  float: left;
  list-style-type:none;
  width: 100%;
  background-color: #CCCCCC;
  border: solid #555599 1px;
  min-height: 110px;
  margin-top: 10px;
  padding-left: 17px;
  display: inline;
}

.sort-area li
{
  float: left;
  width:100px;
  height:100px;
  margin: 4px;
  border-radius: 5px;
}

.sort-area li img
{
  position:absolute;
  border-radius: 5px;
}

.ui-state-highlight .sort-place
{
  width: 100px;
  height: 100px;
}

/* carousel features */
.carousel-image
{
  position: absolute;
  margin: 0pt 3px;
  padding: 2px;
  height: none;
  width:  100%;
  padding: 0;
  margin: 0;
}

.ordering-header
{
  display: inline;
}

.carousel-progress
{
  width: calc(100% - 150px);
}

.carousel-completion
{
  width: calc(76% - 150px);
}

/* Search CSS */
.search-result
{
  float: left;
  width: calc(50% - 50px);
  min-width: 400px;
  border-bottom: dashed #CCCCCC 2px;
  padding: 10px;
  margin: 10px 0 10px 25px;
}

.search-image
{
  float: left;
  width: 100px;
  height: 100px;
}

.search-title
{
  float: left;
  text-align: center;
  font: "Futura", Trebuchet MS, Tahoma, Verdana, Arial, sans-serif;
  font-weight: bold;
  color: #555599;
  width: calc(100% - 10px);
}

.search-text
{
  float: left;
  width: calc(100% - 110px);
  height: 80px;
  font-family: "Futura", Trebuchet MS, Tahoma, Verdana, Arial, sans-serif;
  font-size: 100%;
  padding: 5px 20px;
  resize: none;
}

.search-controls
{
  float: left;
  width: calc(100% - 110px);
  height: 10px;
}

.search-link
{
  float: right;
  font-weight: bold;
}

/* Fade transition for carousel items */
.carousel .item {
    left: 0 !important;
      -webkit-transition: opacity .4s; /*adjust timing here */
         -moz-transition: opacity .4s;
           -o-transition: opacity .4s;
              transition: opacity .4s;
}
.carousel-control {
    background-image: none !important; /* remove background gradients on controls */
}
/* Fade controls with items */
.next.left,
.prev.right {
    opacity: 1;
    z-index: 1;
}
.active.left,
.active.right {
    opacity: 0;
    z-index: 2;
}

.nav li span
{
  text-shadow: 0 1px 0 hsla(0, 0%, 100%, 0.25);
  line-height: 20px;
  position: relative;
}

.nav li a
{
  padding-bottom: 0;
  outline: 0;
}

#end-of-page-items
{
  width: 98%;
  display: inline-block;
  text-align: left;
  margin-left: 2%;
  margin-bottom: 5px;
}

#end-of-page-items span:not(.icon-bar)
{
  float: right;
  color: #222222;
  font: bold 80%/50px "Futura", Trebuchet MS, Tahoma, Verdana, Arial, sans-serif;
  margin: 0 15px;
}

#end-of-page-items a
{
  color: #555599;
  text-decoration: none;
  font: bold 80%/50px "Futura", Trebuchet MS, Tahoma, Verdana, Arial, sans-serif;
  margin: 0 5px;
}

#end-of-page-items a:hover
{
  color: #9999FF;
}

#end-of-page-items a:active
{
  color: #555599;
}

.dropdown-menu li a
{
  font-weight: bold;
  cursor: pointer;
}

#atol-page-logo
{
  float: left;
  width: 50px;
  height: 50px;
  margin-left: 15px;
}

#icon-container
{
  position: absolute;
  width: 100%;
  z-index: 999;
}

.social-media-link
{
  text-decoration: none;
}

.social-media-img
{
  cursor: pointer;
  float: right;
  height: 50px;
  margin: 10px 10px 0 0;
  width: 50px;
}

.hidden-field, .hidden-field[type="file"]
{
  display: none;
}