.roommaster {
  background-color: #fff;
  background-clip: padding-box;
  border: solid 1px #eee;
  border-radius: 1px;
  box-shadow: 0 0 1px rgba($black, .075);

  &:not(:last-child) {
    margin-bottom: 1.5em;
  }
}

.roommaster-header {
	padding: .3em 15px;
	border-bottom: solid 1px $gray-200;
	position: relative;

	&__title,
	h3#{&}__title,
	h4#{&}__title {
		font-size: $h5-font-size;
		margin-bottom: 0;
	}

	.button--circle-icon {
		top: 4px;
		right: .75em;
		position: absolute;
		border-color: transparent;
	}
}

.roommaster-content {
  padding-left: 15px;
  padding-right: 15px;
  @include clearfix;

  > .columns > .column-lg-3 {
    padding-right: 0;
  }

	&__title {
    margin: 0;
		padding: 5px 5px;
    font-size: 1em;
    text-align: center;
  }
}

.roommaster-info {
	&__list {
		list-style: none;
		margin: 0;
		padding: 0.3em 0;

		.info-item {
			position: relative;
			font-size: .8em;
			padding-left: 1.2em;
			padding-bottom: .5em;
		}

		.info-icon {
			position: absolute;
			top: 1px;
			left: 0;
		}
	}
}

.roommaster-list {
	padding: 0;

  .roommaster-list__content {
    margin-bottom: 15px;
  }
}

.columns.roommaster-list__header {
  display: none;
  background-color: #f7f7f7;

  @include media-breakpoint-up(lg) {
    display: flex;
  }
}

.roommaster-box {
	padding: .3em;
  border-bottom: 1px solid #f3f3f3;

  @include media-breakpoint-up(lg) {
    border-bottom: none;
  }

  .roommaster-content__title {
    display: block;

    @include media-breakpoint-up(lg) {
      display: none;
    }
  }
}

.roommaster-deal {
	&__item {
		&:not(:last-child) {
			margin-bottom: .3em;
		}
	}

	&__bucketspan {
		font-size: .8em;
		font-weight: bold;
	}

	&__info {
		font-size: .8em;

		.info-icon {
			margin-right: .3em;
		}
	}
}

.roommaster-occupancy__item {
  display: block;
  padding: 0;
}

.roommaster-inventory {
	font-size: 1em;
	font-style: italic;

	.awebooking-price  {
		display: block;
		font-size: 1.2em;
	}
}

.roommaster-button {
	.button {
		width: 100%;
	}

	&__remaining-rooms {
		font-size: .9em;
		font-style: italic;
	}
}

.roommaster-detail {
	border-top: 1px solid $gray-500;
	padding: 1.2em .8em;
}

.roommaster-occupancy-list {
  padding: 0;
  margin-left: 0;
}

.tabs-main {
	overflow: hidden;
}

.tabs-main-list {
	position: relative;
	list-style: none;
	margin: 0;
	padding: 0;
	border-bottom: 1px solid $gray-500;

	li {
		position: relative;
		cursor: pointer;
		display: inline-block;
		padding: .8em 1.2em;

		+ li {
			margin-left: 1.2em;
		}

		&.active {
			color: $blue
		}
	}
}

.tabs-active-divider {
	position: absolute;
	left: 0;
	bottom: -1px;
	height: 3px;
	background-color: $blue;
	transition: all .6s ease;
}

.tabs-main-container {
	white-space: nowrap;
	transition: all .6s ease;
	box-sizing: border-box;
	font-size: 0;

	.tabs-main-content {
		display: inline-block;
	    vertical-align: top;
	    font-size: 1.1em;
	    width: 100%;
	    white-space: normal;
	}
}


.awebooking-tooltip-theme {
  color: #fff;
  padding: 15px;
	text-align: left;

	.occupancy-description {
    color: #fff;

		&__title {
      font-size: 1em;
      color: #fff;
			margin: 0 !important;
			padding-bottom: .4em;
		}

		&__list {
      font-size: .75em;
			list-style: none;
			margin: 0;
			padding: 0;

			li {
        color: #fff;
				padding: .2em 0;
			}
		}
	}
}