/*this css file will be loaded on all sites and products both frontend and backend*/

.noticeBox{
  z-index:9999;
  position:fixed;
  left: 0px;
  top: 0px;
  width:100%;
}

.noticeBox div{
  padding:10px;
}
.noticeBox ul {
  margin-bottom:0px;
  padding:8px;
}
.noticeError{
  border: 1px solid #F00;
  background: none repeat scroll 0% 0% #FFF0F0;
  color: #A94442;
}
.noticeAlert{
  color: #8a6d3b;
  border: 1px solid #8a6d3b;
  background-color: #fcf8e3;
}

.textAlert{ /*used for text blocks only*/
  color: #8a6d3b;
  border: 1px solid #8a6d3b;
  background-color: #fcf8e3;
  padding:15px;
  margin:15px 0px;
}

#promoAlert, .promoAlert{ /*used for massage path three*/
  color: #8a6d3b;
  border: 1px solid #8a6d3b;
  background-color: #fcf8e3;
  padding:15px;
  margin:15px 0px;
}
#promoNotice, .promoNotice{ /*used on member log in error*/
  color: #8a6d3b;
  border: 1px solid #8a6d3b;
  background-color: #fcf8e3;
  padding:15px;
  margin:15px 0px;
}
.noticeInfo{
  color: #4480ae;
  border: 1px solid #85c0e0;
  background-color: #cde8f5;
}
.noticeConfirm{
  color: #3c763d;
  border: 1px solid #3c763d;
  background-color: #dff0d8;
}
.noticeYes {
    float:right;
    width: 22px;
    height: 20px;
    background:url('https://public.mindzplay.com/images/icons/master_backend.png') no-repeat;
    display: inline-block;
    background-position: -0px -126px;
    cursor:pointer;
}
.noticeClose {
    float:right;
    width: 22px;
    height: 20px;
    background:url('https://public.mindzplay.com/images/icons/master_backend.png') no-repeat;
    display: inline-block;
    background-position: -0px -126px;
    cursor:pointer;
}
.noticeNo {
    float:right;
    width: 22px;
    height: 20px;
    background:url('https://public.mindzplay.com/images/icons/master_backend.png') no-repeat;
    display: inline-block;
    background-position: -0px -189px;
    cursor:pointer;
}
.confirmation{/*used for confirmation booking */
  color: #4480ae;
  border: 1px solid #85c0e0;
  background-color: #cde8f5;
  border-bottom:2px solid ;
}

.hidden {
    display:none;
}

/* responsive google maps */

	.google-maps {
		position: relative;
		padding-bottom: 75%; /* This is the aspect ratio */
		height: 0;
		overflow: hidden;
		margin: 0 0 1em 0;
	}
	
		.google-maps iframe {
			position: absolute;
			top: 0;
			left: 0;
			width: 100% !important;
			height: 100% !important;
			border: 0;
		}	
		
/* Responsive Video (Youtube, Vimeo, etc.) Embed */		

	.video-container {
		position: relative;
		padding-bottom: 56.25%;
		height: 0; 
		overflow: hidden;
	}
	 
		.video-container iframe,
		.video-container object,
		.video-container embed {
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
		}