/****
 ****
 ****
 **** CSS for Directory Listings, Member Pages, Rooms, Packages, and Related
 ****
 ****
 ****/

/**************************************** Tab Stuff ****************************************/

#gt-tabs.directory-search #tab2,
#gt-tabs.member-page #tab2{
  padding-bottom:4px;
}

.node-gt-transportation #gmap-auto2map-gmap0 {
  left: -49px;
}
.node-location-individual-page #gmap-auto2map-gmap0{
  left:0px;
}

/* found in tab2 */
#results{
  display:none;
}
li.ui-state-active #results{
  display: inline;
  font-style:italic;
  font-weight:bold;
  margin-left:20px;
}

#hotel_map.hide{
  display:none;
} 

/**************************************** Search Filters ****************************************/

#sidebar-first .sidebar-left-inner .block-views .content{
  width: 202px;
  margin-left: -21px;
}

#ads .block-views .content{
  width: 208px;
  margin-left: -10px;
}

#sidebar-first .search-filters{
  padding: 0px;
  width:202px;
  margin-top: -14px;
}

#ads .search-filters {
  padding: 0px;
  width:208px;
}

#sidebar-first div.search-filters .submit input,
#ads div.search-filters .submit input{
  width:114px;
  float:left;
  margin-left:12px;
}

#views-exposed-form-gt-deal-all-deals-overview .submit input {
  width: 180px !important;
}

#sidebar-first div.search-filters .reset input,
#ads div.search-filters .reset input{
  width:54px;
  float:right;
  margin-right:12px;
}

#sidebar-first div.search-filters *,
#ads div.search-filters * {
  margin: 0px;
  padding: 0px;
}

#sidebar-first div.views-exposed-widget > label,
#ads div.views-exposed-widget > label {
  color: #c2d5ee;
  display: block;
  background:url("/sites/all/themes/ninesixty/assets/images/bg-slider-expanded.png") left top repeat-x #0b4288;
  border-top: 1px solid #1f5caa;
  border-bottom: 1px solid #1f5caa;
  height: 37px;
  text-indent: 20px;
  overflow: hidden;
  cursor: pointer;
  line-height: 37px;
}

#sidebar-first div.views-exposed-widget > label.expanded,
#ads div.views-exposed-widget > label.expanded {
  background:url("/sites/all/themes/ninesixty/assets/images/bg-slider-closed.png") left top repeat-x #0b4288 !important;       
}

#sidebar-first div.views-exposed-widget > div.views-widget,
#ads div.views-exposed-widget > div.views-widget {
  background-color: #05316b;
  color: #c2d5ee;
  padding: 20px;
  font-size:12px;
  line-height: 20px;
}

#sidebar-first div.views-exposed-widget > div.views-widget .views-operator{
  margin-bottom:10px;
}

.search-filters .form-item input#edit-name{
  width: 99%;
  height: 30px;
  font-size: 15px;
}

.form-item.highlight label{
  color:yellow;
  font-weight:bold;
}

.select-all-boxes {
  overflow:hidden;
  background-color: #2369C5 !important;
  margin: 5px !important;
  -moz-border-radius: 3px 3px 3px 3px;
  -webkit-border-radius: 3px 3px 3px 3px;
  border-radius: 3px 3px 3px 3px;
  behavior: url("/sites/all/libraries/pie/PIE.php");
}
.select-all-boxes:hover {
  background-color: #3B77BF;
  color: #fff;
}

a.select-all {
  color: #C2D5EE;
  background: none !important;
  display: block;
  padding: 3px !important;
  clear: both;
  font-weight: bold !important;
  cursor: pointer;
  text-align: center !important;
  overflow: hidden;
}

.views-widget .form-item .description{
  line-height: normal;
  padding-top: 5px !important;
}

.views-widget .date-float{
  float:none;
}

.container-inline-date > .form-item{
  border:none;
}

div.block-views .views-exposed-widget select#edit-year-value-year{
  background: white;
  height: 35px;
  font-weight: normal;
  margin-top: 1px;
  width: 160px;
  font-size: 20px;
}

.search-filters .exposed_buttons{
  height:64px
}

#views-exposed-form-gt-deal-all-deals-overview .exposed_buttons {
  height: 95px;
}

.stick {
  position:fixed !important;
  width: 220px;
  left: 50%;
  top: 0%;
  margin-left: -470px;
}

#filters .results-text{
  text-align: center;
  color: white;
  padding: 10px 10px 0 10px;
}

/* hide these villages from search */
.bef-checkboxes .form-item-edit-village-7,
.bef-checkboxes .form-item-edit-village-28{
  display:none
}

/**************************************** No Results ****************************************/
body.page-visiting-thassos-hotels .view-directory .view-empty{
  background: url("/sites/all/themes/ninesixty/assets/images/directory/noresults-hotels.jpg") no-repeat bottom center;
  height: 370px;
  width: 100%;
  margin-bottom: 45px;
}

.view-directory .view-empty,
.view-gt-deal .view-empty,
.view-gt-offers .view-empty{
  text-align: center;
}

.view-directory .view-empty h2,
.view-gt-deal .view-empty h2,
.view-gt-offers .view-empty h2{
  font-weight: bold;
}

.view-directory .view-empty p,
.view-gt-deal .view-empty p,
.view-gt-offers .view-empty p{
  margin:1em 0;
  text-align: center !important
}

.view-gt-deal .view-empty .search_suggestions {
  font-size: 16px;
}

.view-gt-deal .view-empty .search_suggestions li {
  margin-bottom: 10px;
  font-style: italic;
  list-style: none;
}

.view-directory .view-empty #alternative{
  position: absolute;
  bottom: 45px;
  background-color: #246ac5;
  width: 100%;
}

.view-directory .view-empty #alternative p{
  margin:5px 0px;
  color:white;
  font-style: italic;
  font-weight: bold;
}

/**************************************** Directory Page Layout ****************************************/
body.page-control-center #main-content{
  padding-bottom:38px !important;
}

body.page-views #main-content{
  padding-bottom:0px;
}

h1#page-title span{
  font-size: 16px;
  font-style: italic; 
  line-height: normal;
  display:inline-block;
}

h1#page-title span:not(.tag){
  margin-right: 10px;
}

h1#page-title span a{
  text-shadow: none;
  color:inherit;
  display:inline;
  text-decoration:none;
  border-bottom:1px dotted
}

#results-text,
.results-text{
  margin-bottom:35px;
  font-size:12px;
  font-weight:bold;
  font-style:italic;
  text-align:right;
}

/* hide extra menu links */
body.page-visiting-thassos-hotels .menu-mlid-4666,
body.page-visiting-thassos-hotels .menu-mlid-4667,
body.page-visiting-thassos-hotels .menu-mlid-4668,
body.page-visiting-thassos-hotels .menu-mlid-4683,
body.page-visiting-thassos-hotels .menu-mlid-4684,
body.page-visiting-thassos-hotels .menu-mlid-5870,
body.page-visiting-thassos-hotels .menu-mlid-5873,
body.page-visiting-thassos-hotels .menu-mlid-5874,
body.page-visiting-thassos-hotels .menu-mlid-5875,
body.page-visiting-thassos-hotels .menu-mlid-5876, 
body.node-type-gt-hotel .menu-mlid-4666,
body.node-type-gt-hotel .menu-mlid-4667,
body.node-type-gt-hotel .menu-mlid-4668,
body.node-type-gt-hotel .menu-mlid-4683,
body.node-type-gt-hotel .menu-mlid-4684,
body.node-type-gt-hotel .menu-mlid-5870,
body.node-type-gt-hotel .menu-mlid-5873,
body.node-type-gt-hotel .menu-mlid-5874,
body.node-type-gt-hotel .menu-mlid-5875,
body.node-type-gt-hotel .menu-mlid-5876 {
  display: none;
}

body.page-visiting-thassos-hotels #block-menu-block-7 .menu-mlid-2679 > a,
body.page-visiting-thassos-hotels #block-menu-block-7 .menu-mlid-4648 > a,
body.page-visiting-thassos-hotels #block-menu-block-7 .menu-mlid-5864 > a,
body.page-visiting-thassos-hotels #block-menu-block-7 .menu-mlid-6825 > a,
body.node-type-gt-hotel #block-menu-block-7 .menu-mlid-2679 > a,
body.node-type-gt-hotel #block-menu-block-7 .menu-mlid-4648 > a,
body.node-type-gt-hotel #block-menu-block-7 .menu-mlid-5864 > a,
body.node-type-gt-hotel #block-menu-block-7 .menu-mlid-6825 > a {
  display: none !important;
}


/**************************************** Member Blocks (results) ****************************************/
.view-directory{
  min-height: 320px;
  margin-bottom: 20px;
}

.view-directory .row .buttons{
  position:absolute;
  top:10px;
  right:3px;
}

.row .featured-position{
  display:none;
}
.row .featured-member{
  background: url("/sites/all/themes/ninesixty/assets/images/bg-featured.png") no-repeat scroll left top transparent;
  display: block;
  height: 25px;
  left: -4px;
  overflow: hidden;
  position: absolute;
  text-indent: -9999px;
  top: -4px;
  width: 31px;
  z-index: 99;
}
.row .featured-position{
  position: absolute;
  bottom: 0px;
  right: 0px;
  font-size: 10px;
  font-weight: bold;
  font-style: italic;
  background-color: #eada39;
  width: 130px;
  text-align: center;
  border-top:1px solid #d4d4d4;
  border-left:1px solid #d4d4d4;
}



.buttons .view-more,
.buttons .edit-node,
.buttons .add-room{
  margin-bottom:5px;
}
.buttons .view-more a,
.buttons .edit-node a,
.buttons .add-room a{
  background: url("/sites/all/themes/ninesixty/assets/images/bg-view-listing.png") no-repeat scroll left top transparent;
  color: #FFFFFF !important;
  display: block;
  font-size: 11px;
  height: 29px;
  line-height: 25px;
  text-decoration: none;
  text-indent: 10px;
  width: 92px;
}

.member-listing:hover {
  background-color: #f8de31 !important;
  border: 1px solid #f8de31 !important;
}

.member-listing .member{
  color: #333333;
  font-family: "Lucida Grande","Lucida Sans Unicode",sans-serif;
  font-weight: bold;
  text-decoration: none;
  font-size: 13px;
}

body#fb .member-listing .member{
  padding-top:0
}

.member-listing .body .info{
  position: relative;
  padding: 10px 10px 0;
  height: 50px;
}

.member-listing .info .village{
  font-size:12px
}

.member-listing .description{
  font-size: 10px;
  position: absolute;
  bottom: 0;
  background-color: #246ac5;
  opacity: .8;
  color: white;
  padding: 10px;
  display:none
}

.member-listing .description h1,
.member-listing .description h2,
.member-listing .description h3,
.member-listing .description h4,
.member-listing .description h5 {
  display: none;
}

.member-listing .description p{
  line-height:normal;
  margin-bottom: 0; 
}

.member-listing .photo,
img.lazyload{
  position: relative;
  background: url("/sites/all/themes/ninesixty/assets/images/ajax-loader-white-2.gif") no-repeat center center;
  background-size:auto;
}

.member-listing .photo{
  height: 205px;
}

.member-listing img{
  width: 278px;
  height: 204px;
}

#main-content .view-directory div.member-listing,
body#fb .view-directory div.member-listing {
  background-color: #f6f6f6;
  border: 1px solid #d4d4d4;
  margin-bottom: 55px;
  -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box;    /* Firefox, other Gecko */
  box-sizing: border-box;
}

.member-listing .view-more-map-tab{
  display:none;
}

.member-listing .admin{
  position: absolute;
  top: 0px;
  right: 0px;
  font-size: 9px;
  background-color: #FFF;
  text-align: center;
  opacity: .8;
}

.member-listing .admin .info{
  display: inline-block;
  padding: 0;
}

.member-listing a.seeMap{
  background: url("/sites/all/themes/ninesixty/assets/images/directory/map.png") no-repeat center center;
  width: 56px;
  height: 56px;
  float: right;
  opacity: 0.7;
}

.member-listing .member_village {
  position: absolute;
  top: 50%;
  width: 80%;
  transform: translateY(-50%);
}

.member-listing .open_map{
  position: absolute;
  top: 50%;
  right: 0px;
  width: 20%;
  transform: translateY(-50%);
}

.member-listing .tag {
  position: absolute;
  top: -20px;
  right: -1px;
  padding: 1px 15px;
  display: none;
  border-radius: 8px 8px 0 0;
  font-weight: bold;
  color: white;
}

.member-listing .body .tag {
  display: block;
}

.gm-style-iw .tag {
  float: right;
  margin-bottom: 5px;
  padding: 0px 10px;
  font-weight: bold;
  color: white;
  border-radius: 5px;
}

.gm-style-iw .tag {
  display: inline-block;
}

body.node-type-gt-hotel .tag {
  padding: 5px 10px;
  border-radius: 10px;
  font-style: normal !important;
  font-weight: bold;
  color: white;
  text-shadow: none;
  font-family: Helvetica, Arial, 'Liberation Sans', FreeSans, sans-serif !important;
  font-size: 14px !important;
}

.tag.holiday_home {
  background-color: #ffb300;
}

.tag.hotel_guest_house {
  background-color: #4cb5e8;
}

.tag.resort {
  background-color: #c267d2;
}

.tag.camping {
  background-color: #60b560;
}

/**************************************** Map in tab2 (results) ****************************************/

.mapboxgl-popup {
  max-width: 340px !important
}

#gmap-hotel-map-gmap0{
  width:100% !important;
  height:520px !important;
}

#gmap-hotel-map-gmap0 .grid-5{
  height:220px;
}

#gmap-hotel-map-gmap0 .member{
  color: #333;
  font-family: "Lucida Grande","Lucida Sans Unicode",sans-serif;
  font-size: 14px;
  font-weight: bold;
  text-decoration: none;
}

#gmap-hotel-map-gmap0 .village{
  font-size: 12px
}

#gmap-hotel-map-gmap0 .description{
  display:none !important
}

#gmap-hotel-map-gmap0 img{
  border: 1px solid #666;
  width: 215px;
  height: 160px;
}

#gmap-hotel-map-gmap0 a.arrow{
  position: absolute;
  bottom: -14px;
  left: 0px;
}

/**************************************** Individual Member Page Layout ****************************************/

body.section-visiting-thassos #gmap-auto2map-gmap0 .gmap-popup{
  height: 60px;
  text-align: center;
  margin: 15px 10px 0px 10px;

  height: 120px !important;
  margin: 5px 10px 0px 30px !important;
}

body.node-type-location-individual-page #gmap-auto2map-gmap0 .gmap-popup{
  height:auto;
  width:auto;
  text-align: center;
  margin: 0px 10px 0px 10px;
  overflow: hidden;
}

body.section-visiting-thassos #gmap-auto2map-gmap0 .gmap-popup h4,
body.node-type-location-individual-page #gmap-auto2map-gmap0 .gmap-popup h4{
  font-size: 20px;
  margin: 0;
  color: #073873;
}

body.section-visiting-thassos #gmap-auto2map-gmap0 .gmap-popup h4{
  font-size: 24px !important;
}

body.section-visiting-thassos #gmap-auto2map-gmap0 .gmap-popup a.button{
  font-size:18px !important;
}

body.section-visiting-thassos #gmap-auto2map-gmap0 .gmap-popup div.location abbr,
body.node-type-location-individual-page #gmap-auto2map-gmap0 .gmap-popup div.location abbr{
  font-size:16px;
  margin:0 10px;
}

body.section-visiting-thassos #gmap-auto2map-gmap0 .gmap-popup div.location abbr{
  font-size: 20px !important;
}

#hotel-gallery {
  margin-left:-38px;
  margin-right:-38px;
  margin-bottom: 15px;
}

.hotel-edit{
  position:absolute !important;
  top: -114px !important;
  right: -45px !important;
}

.hotel-edit:active{
  top: -113px !important;
}

/**** Contact Info ****/
#member-contact .field-label{
  font-weight:bold;
}

#member-contact.no-description{
  width: 660px !important;
  position: relative;
  left: -26px;
}

.contact-info {
  display:none;
}

.contactinfo,
.contactinfo a:link,
.contactinfo a:visited,
.contactinfo a:active {
  color:#999;
  font-family:arial;
  font-size:15px;
  font-weight:700;
  margin:20px;
  padding:0;
  text-align:left;
  width:315px
}



#member-website,
#member-email,
#member-telephone{
  float:left;
  margin:30px 6px 0 6px;
  height:60px;
}

#member-telephone{
  height:auto;
}

#owner_photo,
#contact-buttons{
  margin-top:17px
}

#contact-buttons a.button {
  margin-bottom: 15px;
}

#owner_photo img{
  border:1px solid #999;
  width: 156px;
}

#owner_name{
  background-color: #246AC5;
  color: white;
  padding: 5px;
  width: 146px;
  text-align: center;
  border:1px solid #999;
  font-size:16px;
  letter-spacing: 1px
}

body.i18n-el #owner_name{
  text-transform: uppercase
}

#contact-email, 
#contact-phone{
  margin: 10px 0px 10px 0px;
  padding-left: 5px;
}

#contact-email .field-items, 
#contact-phone .field-items{
  margin: 15px 0;
  font-size: 20px;
  text-align: right;
  line-height: 30px;
}

#contact-email .field-items{
  text-align: center;
}

#contact-email .grid-3, 
#contact-phone .grid-3{
  width: 100px;
  margin: 15px 0;
  font-size: 20px;
  line-height: normal;
}

#contact-email .grid-3, 
#contact-phone .grid-3{
  width:160px;
}

#contact-email .grid-4, 
#contact-phone .grid-4{
  width:220px;
}

#contact-email .grid-5, 
#contact-phone .grid-5{
  width:280px;
}

#contact-email .grid-6, 
#contact-phone .grid-6{
  width:340px;
}

#contact-email .grid-8, 
#contact-phone .grid-8{
  width:460px;
}

#contact-email .grid-8{
  text-align: center;
}

#contact-email a{
  font-size: 20px;
}

#contact-email .grid-8 .header{
  margin-bottom: 80px;
}

div#eot-numbers{
  position: absolute;
  bottom: -42px;
  left: -50px;
  width: 682px;
  font-size: 9px;
  border-top: 1px solid #56a1be;
  background-color: #a8d7cf;
  padding-top: 5px;
}

div#eot-numbers span#label{
  padding: 0 10px;
}

div#eot-numbers span.eot{
  padding: 0 16px;
  text-transform: uppercase;
}

/**** Description ****/
#member-description .header{
  margin-top:0px;
  margin-bottom:10px;
}


/**** General Special Offer table ****/
#special-offer-table{
  margin-top:0px;
}

#special-offer-table th{
  font-size:12px;
  font-weight:bold;
}

#special-offer-table td{
  font-size:11px;
  width:140px;
}


/**** Hotel Rooms - container ****/
#rooms.content{
  border:none;
  padding:0;
}

#rooms .add-buttons{
   margin-bottom:30px;
}


/**** Hotel Rooms - list ****/
#rooms .row{
  border-bottom: 1px solid #ccc;
  margin-bottom:46px;
  padding-bottom:26px;
}

#rooms .row-last{
  border-bottom:none;
  margin-bottom:0px;
  padding-bottom:0px;
}

#rooms .photo a:not(:first-child),
div.room .photo a:not(:first-child){
  display:none; 
}

#rooms .photo{
  margin-bottom:20px;
}

.imgpreview img {
  max-width: 600px;
  max-height: 600px;
}

#rooms .no-room-photo,
div.room .no-room-photo,
td.room .no-room-photo{
  background:url("/sites/all/themes/ninesixty/assets/images/directory/nophoto.png") no-repeat;
  width:154px;
  height:157px;
}

td.room .no-room-photo{
  width:100px;
  height:73px
}

a.gray img{
  border: 1px solid #999;
}

.node-gt-deal .float-right img,
.node-gt-offer .float-right img{
  width: 160px;
  height: 117px;
}

#rooms .room .count,
div.room .count{
  background: url("/sites/all/themes/ninesixty/assets/images/directory/photocounticon2.png") no-repeat;
  width: 51px;
  height: 24px;
  position: relative;
  top: -4px;
  color: white;
  font-weight: bold;
  text-indent: 34px;
  line-height: 24px;
  float:right;  
}

#rooms .room .stats,
div.room .stats{
  border-right:1px solid #246AC5;
  font-size: 16px;
  color: #333;
  line-height: normal;
}

#rooms .room .details,
div.room .details{
  font-size:16px;
  line-height: normal;
  font-style: italic;
  margin-bottom:10px;
}

#rooms .room .amenities,
div.room .amenities{
  font-size: 16px;
  line-height: normal;
}

#rooms .room-buttons,
div.room .room-buttons{
  display:none;
  height:65px;
}

.field-item.last{
  border-bottom:none
}

.field-item.last hr{
  display:none
}

#prices-field th,
#prices-field td{
  text-align: center;
  vertical-align: middle;
  width: 20%;
}

#prices-field th{
  padding: 15px 0;
}

#prices-field td{
  padding: 15px;
}

#prices-field thead{
  background-color: #d3e7ff;
  border-bottom: 2px solid #246ac5;
  font-size: 12px;
}

#prices-field tbody{
  background-color: #f1f5f9;
  font-size: 16px;
}

.booking-system-button,
.booking-system-text {
  text-align: center !important;
  margin: 0 auto;
}

.booking-system-text {
  color: #777;
  font-size: 14px;
}

/**************************************** Package Details ****************************************/
.package-details h4{
  margin-top: 0;
  font-family: inherit !important;
  font-weight: bold;
  margin-bottom: 0;
}

.package-details .hotel-name a{
  font-size:20px;
  margin-bottom:5px;
}

.package-details .price{
  text-align: center;
  font-size: 60px;
  color: #073873;
}

.package-details .includes{
  margin-top: 15px;
  color: green;
}

.includes-0 {
  display: none !important;
}

.includes-1,
.includes-2,
.includes-3 {
  display: inline;
}

.includes-1 + .hotel,
.includes-2 + .hotel,
.includes-3 + .hotel {
  margin-top: 5px !important;
}

.package-details .offer{
  color: #073873;
  font-size: 20px;
  line-height: normal;
  padding: 20px 0;
}

.package-details .offer.price{
  padding: 0
}

.package-details .offer div{
  text-align: center;
}

.package-details .offer div.percent-off,
.package-details .offer div.price-per-night{
  font-size:40px
}

.package-details .offer span{
  font-size:15px;
  font-style: italic;
  display:block
}

.package-details .offer span.strike{
  display:inline-block
}

.package-form .under-offer{
  text-align:center;
  font-weight:bold;
}

body.page-node div.view .view-footer{
  margin-bottom:0 !important
}

/**************************************** Room Overview Table ****************************************/
.room-overview-table .view-content{
  border-top: 1px solid #246AC5;
  padding-top: 15px;
}
.room-overview-table table{
  font-size:11px;
}

.room-overview-table table tr.room-row:hover{
  background-color:lightyellow;
}

.room-overview-table table td{
  vertical-align:middle;
}

.room-overview-table table th{
  font-size:12px;
}
.room-overview-table table tr{
  background-color:#fff;
}

.room-overview-table table tr.room-row{
  height:100px;
}

.room-overview-table table td.photo{
  width:120px;
}
.room-overview-table table td.room{
  width:220px;
}

.room-overview-table table th.available,
.room-overview-table table td.available,
.room-overview-table table th.published,
.room-overview-table table td.published,
.room-overview-table table td.edit{
  text-align:center;
}

.room-overview-table table td.published{
  font-weight:bold;
}

.room-overview-table table td.published.Yes{
  color:green;
}

.room-overview-table table td.published.No{
  color:red;
}

.room-overview-table table.rooms_2_hotel_overview{
  margin-bottom:60px;
}

.room-overview-table table caption{
  font-weight:bold;
  font-size:20px;
  text-align:left;
  padding-bottom:10px;
}

/**** Admin Stuff ****/
#rooms .room.unpublished{
  background-color:yellow;
}
#rooms .unpublished-message{
  text-align:center;
  font-weight:bold;
  margin-top:10px;
  padding-bottom:10px;
}


/**************************************** Featured Hotel on Village Page ****************************************/
.view.hotels-2-location .row-first{
  margin-left:0;
}
.view.hotels-2-location .row-last{
  margin-right:0;
}
.view.hotels-2-location .view-header,
.view.hotels-2-location .view-content{
  clear:both
}
.view.hotels-2-location .view-header h3{
  margin-top:0;
}
.view.hotels-2-location .results{
  font-size: 10px;
  font-weight: bold;
  font-style: italic;
  text-align: right;
  margin-top:4px;
}
.view.hotels-2-location .row a{
  font-size:12px;
}
.view.hotels-2-location .row img{
  border: 1px solid #666;
  width: 100px;
  height: 73px;
}
.view.hotels-2-location .view-footer{
  clear: both;
  padding-top: 16px;
}

/**************************************** Control Center - Deals & Offers ****************************************/
div.view-control-center-deals div.view-header h3,
div.view-control-center-offers div.view-header h3,
div.view-control-center-rooms div.view-empty h3{
  font-size:20px
}
div.view-control-center-deals div.view-header ol,
div.view-control-center-offers div.view-header ol{
  color:#036;
  list-style-type:none;
  margin-top:30px
}
div.view-control-center-rooms div.view-empty ol{
  color:#036;
}
div.view-control-center-deals div.view-header ol > li,
div.view-control-center-offers div.view-header ol > li,
div.view-control-center-rooms div.view-empty ol > li{
  font-size:20px
}
div.view-control-center-deals div.view-header ul,
div.view-control-center-offers div.view-header ul,
div.view-control-center-rooms div.view-empty ul{
  margin-top:10px !important
}
div.view-control-center-deals div.view-header ul > li,
div.view-control-center-offers div.view-header ul > li,
div.view-control-center-rooms div.view-empty ul > li{
  font-size:16px
}
div.view-control-center-offers tr.price-per-night div.offer-waiting-for-approval,
div.view-control-center-offers tr.sleep-pay div.offer-waiting-for-approval,
div.view-control-center-offers tr.percent-discount div.offer-waiting-for-approval,
div.view-control-center-offers tr.custom.approved td.offer div.offer-waiting-for-approval,
div.view-control-center-offers tr.custom td.offer div.custom-offer{
  display:none
}
div.view-control-center-offers tr.custom.approved td.offer div.custom-offer{
  display:block
}

body.i18n-en div.view-control-center-offers div.custom-offer.gr,
body.i18n-el div.view-control-center-offers div.custom-offer.en{
  display:none !important
}

/**************************************** Control Center - Rooms ****************************************/
div.view-control-center-rooms .row{font-size:12px;margin-bottom:80px}
div.view-control-center-rooms .row.row-last{margin-bottom:0}
div.view-control-center-rooms .row.published-No,
div.view-control-center-rooms .row.published-Όχι{
  background-color:rgb(255, 234, 234)}
div.view-control-center-rooms .row .grid-7 .grid-3.alpha.omega{border-right:1px solid #999}
div.view-control-center-rooms .row .grid-7 .photos img{display: inline;float: left;position: relative;margin: 8px;border: 1px solid #999;width:120px;height:88px;}
div.view-control-center-rooms .row .grid-7 .photos img:nth-child(3n + 1) {margin-left: 0;}
div.view-control-center-rooms .row .grid-7 .photos img:nth-child(3n + 3) {margin-right: 0;}
div.view-control-center-rooms .row .details .grid-3{text-align: right}
div.view-control-center-rooms .row .details strong{font-size:10px}

/**************************************** All Offers Overview Page ****************************************/
div.view-display-id-all_offers_overview .view-grouping-header {
  display: none;
}

div.view-gt-offers ul.pager{
  font-size: 30px;
  margin-bottom: 40px;
}

div.view-gt-deal ul.pager,
div.view-gt-deal-blocks ul.pager {
  font-size: 16px;
}

div.view-gt-deal-blocks ul.pager {
  margin-bottom: 50px;
}

ul.deals_month_selector {
  list-style: none;
  font-size: 20px;
  line-height: normal;
  padding-left: 0;
  text-align: center;
  margin-top: 0;
}

ul.deals_month_selector li {
  margin-bottom: 20px;
}

ul.deals_month_selector li.selected {
  background-color: #ecda44;
  padding: 10px;
  border-radius: 5px;
}

ul.deals_month_selector a {
  color: white;
  font-weight: bold;
  text-decoration: none;
}

ul.deals_month_selector li.selected a{
  color: #039;
}

select[name='village[]']:not(.modern-select) option {
  font-size: 16px;
}

.modern-select {
  text-indent: 10px;
  height: 50px;
  display: block;
  font-size: 16px;
  font-family: sans-serif;
  font-weight: 700;
  color: #444;
  line-height: 1.3;
  padding: .6em 1.4em .5em .8em;
  width: 100%;
  max-width: 100%; 
  box-sizing: border-box;
  margin: 0;
  border: 1px solid #aaa;
  box-shadow: 0 1px 0 1px rgba(0,0,0,.04);
  border-radius: .5em;
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  background-color: #fff;
  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%22%23007CB2%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%);
  background-repeat: no-repeat, repeat;
  background-position: right .7em top 50%, 0 0;
  background-size: .65em auto, 100%;
}

.modern-select::-ms-expand {
  display: none;
}

.modern-select:hover {
  border-color: #888;
}

.modern-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;
}

.modern-select option {
  font-weight:normal;
}

.matching-result td {
  background-color: #ffc1078f;
}