@import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css');
	
	.prt {cursor: pointer;position: relative;background: linear-gradient(45deg, aliceblue, antiquewhite);padding: 5px;padding-right: 5px;padding-left: 5px;padding-right: 5px;padding-left: 5px;margin-bottom: 13px;max-width: 162px;display: flex;position: relative;align-items: center;color: black;margin-top: 15px;margin-bottom: 18px;text-align: center;border-radius: 9px;border: 1px solid wheat;}
	
	.prt:hover {
		opacity:0.8;
	}
	
	.prt:active {
		opactiy: 0.8;
		top: 2px;
		left: 2px;
		box-shadow: none;
	}
	
	.u {
		    width: 136px;
		    padding: 9px;
		    border: 1px solid wheat;
		    background: linear-gradient(45deg, aliceblue, antiquewhite);
		    color: black;
		    border-radius: 3px;
		    cursor: pointer;
	}
	
	.lrt {
		font-size: 12px;
		font-style: italic;
		color: cornsilk;
	}
	
	.prt > a { padding: 5px; width: 100%; color: black; }	
	
	.pt {
	    font-size: 12px;
	    color: orange;
	}
	
	.fhheader {
		width: 100%;
	}
	
	.fi {
		width: 100%;
		display: flex;
		justify-content: center;
		align-items: center;
		margin-top: 26px;
	}
	
	.fii {
		display: inline-block;
		width: 80vw;
		max-width: 370px;
		height: auto;
		overflow-x: scroll;
		white-space: nowrap;
	}
	
	.fii > img {
		     width: calc(100%);
		     object-fit: contain;
		     cursor: pointer;
		     background: black;
		     border-radius: 7px;
	}
	
	#fdd {
		cursor: pointer;
		font-size: 13px;
		padding: 14px;
	}
	
	#fdd:active , #fdd:hover {
		opacity: 0.8;
	}
	
	a {
	        text-decoration: none;
	        color: white;
	}
	
	prt:hover {
	        opacity: 0.8;
	}
	
	prt:active {
		opacity: 0.8;
		top: 2px;
		left:3px;
		box-shadow: none;
	}
	
	.picbox > .customAlertBox {
		max-width: 450px !important;
		width: 80% !important;
	}
	
	.picbox > .customAlertBox > .customAlertBody > .customAlertText  > .container > img {
		padding: none !important;
		border: none !important;
	}
	
	.picbox > .customAlertBox > .customAlertBody > .customAlertButtons {
		width: calc(100% - 10px);
	}
	
	div.viewmore {
		position: absolute;
	    	bottom: 8px;
	    	width: 100%;
	    	text-align: center;
	    	text-shadow: 0 0 5px gold, 0 0 5px gold
	}
	
	.floatingSchedule::-webkit-scrollbar   {
	    		width: 5px; 
	    		height: 5px;
	    		margin-bottom-bottom:5px;
	    		background: #2a2a2a;
	    		cursor:pointer;
	}
	
	.floatingSchedule::-webkit-scrollbar-thumb  {
	   		background: #fffde5;
	      		border-radius: 5px
	}
	
	.fBack {
		margin-left: 10px;
		cursor: pointer;
		position: fixed;
		border-radius: 15px;
	}
	
	.container {
	    white-space: nowrap;
	    width: 100%;
	    float: left;
	    overflow: scroll;
		margin-bottom: 5px;
	
	}
	
	.container > img {
	    padding: 5px;
	    border: 1px solid wheat;
	    margin: 5px;
	    width: 87%;
	}
	
	.thirty {
		color: burlywood;
	font-size: 13px;
	cursor: pointer;
	padding: 5px;
	border-radius: 36px;
	border: 1px solid;
	width: 150px;
	margin: auto;
	background: #28281e;
	}
	
	.thirty:hover {
		background: #2e2e2e;
	}
	
	.thirty:active {
	        opacity: 0.6;
	}
	
	
	.bookingList {
	    font-size: 16px;
	    font-family: 'Poppins';
	    color: white;
	}
	
	.bookingList > div {
		padding:5px;
	}
	
	.slot:hover {
		font-size: 18px;
		transition: 0.6s;
	}
		
	@-moz-document url-prefix() {
		.floatingSchedule{scrollbar-width:thin !important; }
	}
	
	#dateHeader:hover, #dateHover:active {
		text-shadow: 0 0 15px burlywood;
		cursor: pointer;
		transition: .2s;
	}
	
	.slots {
		display: flex;
		justify-content: center;
		align-content: center;
		width: 100%;
		flex-flow: wrap;
	    	flex-direction: row;
		flex-direction: row;
		max-width: 786px;
		margin-left: auto;
		margin-right: auto;
	}
	
	.confirmBottom {
	    position: fixed;
	    bottom: 0;
	    height: 100px;
	    display: flex;
	    justify-content: center;
	    align-items: center;
	    width: 100%;
	    background: black;
	    border-top: 1px solid;
	    z-index: 10000;
	    left: 0;
	}
	
	.confirmBottom > span {
		cursor: pointer;
		width: 248px;
		height: 50px;
		background: linear-gradient(90deg, #ff2a00, #d80100);
		display: flex;
		justify-content: center;
		align-items: center;
		flex-flow: wrap;
		padding: 5px;
		text-align: center;
		position: relative;
		border-radius: 18px;
		border: 1px solid wheat;
	}
	
	.buttonDiv {
	    font-size: 11px;
	    width: 80%;
	    color: cornsilk;
	}
	
	.activeCheckout {
	    background: crimson !important;
	}
	
	.confirmBottom > span:hover {
		opacity: 0.9;
	}
	
	.confirmBottom > span:active {
		opacity: 0.9;
		left: 2px;
		top: 3px;
		box-shadow: none;
	}
	
	.slot_held {
		background: greenyellow !important;
	}
	
	.slot {
		padding: 5px;
		margin: 5px;
		box-shadow: 0 0 3px wheat;
		min-width: 100px;
		min-height: 25px;
		border-radius: 8px;
		display: flex;
		justify-content: center;
		align-items: center;
		color: #2e2e2e;
		background: rgba(255,255,255,0.8);
		cursor: pointer;
		animation: 0.5s opacity_span;
	}
	
	.favlink {
	    text-decoration: none;
	    color: white;
	    margin-bottom: 10px;
	    margin-left: 5px;
	    margin-right: 5px;
	    text-align: center;
	    font-family: 'Poppins';
	}
	
	@media screen and (min-width:800px) {
		.showSchedule {
	       		text-align: center;
		}
	}
	
	.fd {
		display: flex;
		justify-content: center;
		align-items: center;
		height: 43px;
	}
	
	.floatingArrow:active {
		opacity: 0.6;
	}
	
	.fh {
		text-align: center;
		font-size: 20px;
		margin-bottom: 5px;
	}
	
	.fh:first-of-type {
		font-size:25px !important;
		display: flex;
	    	justify-content: center;
	    	align-items: center;
		flex-wrap:wrap;
	}
	
	.shareicon {position: fixed;bottom: 80px;right: 19px;background: white !important;color: #ff2e63 !important;border-radius: 50%;padding: 9px;box-shadow: 0 10px 30px rgba(0, 0, 0, 0.4);z-index: 100000;opacity: 1;}
	
	.fh:first-of-type > span {
		font-size: 14px;
		padding: 2px;
		width: 100%;
		color: #d0d0d0;
	}
	
	
	
	
	.floatingSchedule {
	    	position: fixed;
	    	width: calc(100% - 10px);
	    	height: 100%;
	    	z-index: 50;
	    	background: linear-gradient(rgb(26, 26, 26) 0%, rgb(15, 15, 15) 100%);
	    	left: 0;
	    	top: 0;
	    	color: white;
	    	font-family: 'Poppins';
	    	overflow:auto;
	    	padding-top:10px;
	    	margin: 5px;
	    	border-radius: 12px;
	    	border: 1px solid gray;
	    	margin-top: 10px;
	}
	
	.fii::-webkit-scrollbar {
	        background: #2a2a2a;
	}
	
	
	.noShow > span {
	    padding: 8px;
	    background: #ff2121;
	    box-shadow: 2px 2px 0px 0px gold;
	    color: antiquewhite;
	    animation: 0.5s opacity_span;
	}
	
	@keyframes opacity_span {
		from {opacity: 0;}
		to {opacity: 1;}
	}
	
	.noShow > span:hover, .noShow > span:active {
		cursor: pointer;
		opacity: 0.9;
	}
	
	.artistReach {
		padding-bottom: 5px;
	}
	
	.favdivimage {
	    	width: 200px;
	   	height: 200px;
		margin: auto;
	}
	
	.favdivimage > img {
	    width: auto;
	    height: 100%;
	    object-fit: cover;
	    border-radius: 50%;
	    background-color: black;
	}
	
	.favlink:hover, .favlink:active {
	    color: gold;
	}
	
	.unable {
	font-size: 15px;
	color: indianred;
	}
	
	.confirmImg {
		font-weight:bold;
		width:250px;
		min-height: 175px;
		animation: .5s appear;
		cursor: pointer;
	}
	
	.follow-icon {
	    align-items: center;
	    display: flex;
	    font-size: 13px;
	    box-shadow: 0 0 4px wheat;
	    width: 88px;
	    padding: 6px;
	    margin-top: 10px;
	    border-radius: 7px;
	    background: linear-gradient(45deg, black, grey 222%);
	    float: left;
	    margin-right: 8px;
	    justify-content: center;
	    cursor: pointer;
	}
	
	.follow-icon:hover, .follow-icon:active {
		filter: sepia(1) brightness(1.5);
		transition: .5s;
	}
	
	.topBarBottomBar {
		border-bottom: 1px solid white;
	}
	
	@keyframes appear {
	  from {opacity: 0}
	  to {opacity: 1}
	}
	
	.guestsDiv {
		padding: 10px;
		text-align: center;
		font-size: 24px;
		display: flex;
		justify-content: center;
	}
	
	.finalPrice {
		font-size: 20px;
		margin-top: 5px;
	}
	
	.finalGuestCount > span {
		cursor: pointer;
		padding-left: 2px;
		padding-right: 2px;
	}
	
	.finalGuestCount > span:hover, .finalGuestCount > span:active {
		color: gold;
	}
	
	.guestText {
		margin-right: 18px;
		width: 88px;
	}
	
	.finalGuestCount {
		border: 1px solid;
		float: left;
		min-width: 88px;
		display: flex;
		justify-content: space-around;
	}
	
	.floatingConfirm {
		height: 95% !important;
		width: 95% !important;
		font-family: 'Poppins' !important;
		/*border:none !important;*/
	}
	
	#cancellationButton {
		display:none;
	}
	
	.floatingScheduleHeader {
		position: fixed;
		width: 59vw !important;
		background: black;
	}
	
	
	@media screen and (max-width:786px) {
		.floatingScheduleHeader {
	       		width: 79vw !important;
		}
	}
	
	span.mw {
		color: white !important;
	}
	
	.spaceFilters {
	    color: #b5b5b5;
	    font-family: monospace;
	    font-size: 20px;
	    font-style: italic;
	}
	
	.wishicon {
	    z-index:101;	
	    cursor:pointer;	
	    position: fixed;
	    bottom: calc(90% - 32px);
	    right: calc(20% + 8px);
	    font-size: 30px !important;
	    box-shadow: 0 0 12px 4px #5f5f5f;
	    color: #ff4747;
	    background: #ffffff;
	    border-radius: 50%;
	    padding: 10px;
	    display: flex;
	    justify-content: center;
	    align-items: center;
	}
	
	.artistContainerSpace {
		height: 100%;
	    	justify-content: center;
	    	overflow-y: scroll;
	    	overflow-x: hidden;
	    	color: white !important;
		background: #081e29 !important;
	}
	
	.wishicon:hover, .wishicon:active {
	    color: #ff4747;
	}
	
	@media screen and (max-width:786px) {
		
	.wishicon {
	     	right: calc(5% + 8px);
		bottom: calc(5% + 8px);
	}
	
	
	}
	
	
	.artistButtons {
		display:flex;
		justify-content:center;
		align-items:center;
		margin-top:10px;
		margin-bottom:10px;
	}
	
	
	.fa {
	  padding: 20px;
	  font-size: 40px;
	  width: 50px;
	  text-align: center;
	  text-decoration: none;
	  margin: 5px 2px;
	  border-radius:25px;	
		    display: flex;
	    justify-content: center;
	    align-items: center;
	}
	
	.fa:hover {
	    opacity: 0.7;
	}
	
	textarea {
	  width: 90% !important;
	}
	
	.fa-facebook {
	  background: #3B5998;
	  color: white;
	}
	
	.fa-youtube {
	  background: #bb0000;
	  color: white;
	}
	
	.fa-instagram {
	  background: linear-gradient(225deg,#c32aa3,#4c5fd7,#7232bd,#f46f30,#ffdc7d);
	  color: white;
	}
	
	.fa-spotify {
	  background: #1db954;
	  color: white;
	}
	
	.fa-twitter {
	  background: #1da1f2;
	  color: white;
	}
	
	.fa-soundcloud {
	  background : linear-gradient(120deg, #FF8800, #ff3300);
	  color: white;		
	}
	
	.fa-linktree {
	        background: #e9e9e9;
	}
	
	.fa-website {
	        background: linear-gradient(45deg, gold, #fd3e3e);
	}
	
	
	.artistContainer::-webkit-scrollbar, .artistOtherDetailsContainer::-webkit-scrollbar, .artistOtherDetailsContainerInner::-webkit-scrollbar, .artistShowDetailsContainer::-webkit-scrollbar   {
	    width: 7px;  /* Remove scrollbar space */
	    /*background: black;*/  /* Optional: just make scrollbar invisible */
	}
	 
	.artistContainer::-webkit-scrollbar-thumb, .artistOtherDetailsContainer::-webkit-scrollbar-thumb, .artistOtherDetailsContainerInner::-webkit-scrollbar-thumb, .artistShowDetailsContainer::-webkit-scrollbar-thumb  {
	  background-color: #a59999;
	}
	
	@-moz-document url-prefix() {
	        .artistContainer, .artistOtherDetailsContainer, .artistOtherDetailsContainerInner, .artistShowDetailsContainer{scrollbar-width:thin !important; }
	}
	
	.showSchedule::-webkit-scrollbar {
	    height: 6px;  /* Remove scrollbar space */ 	
	    background: none;  /* Optional: just make scrollbar invisible */
	}
	
	.showSchedule::-webkit-scrollbar-thumb {
	  background-color: darkgrey;
	}
	
	@-moz-document url-prefix() {
	        .showSchedule{scrollbar-width:thin !important; }
	}
	
	
	
	.floatingImage > img {
		object-fit:contain;
		height:auto !important;
	}
	
	.link {
		color: white;
	}
	
	.courtesy {
		color:wheat !important;
	}
	
	.contentContainer {
		overflow:hidden;
		width:100%;
		position:fixed;
		/*height:50%;*/
		height: calc(70% - 125px);
	}
	
	.gradientTopBar {
		background: #2a2a2a;
	}
	
	.artistContainer {
		display:flex;
		width:100%;
		height:100%;
		justify-content:center;
		overflow-y:auto;
		overflow-x:hidden;
		background: #2a2a2a;
		color:white !important;
	}
	
	
	.showName {
		font-size:25px;
	}
	
	.showImage {
		border-radius:5px;
	}
	
	.showImage {
		width:100px;
		height:auto;
		border-radius:5px;
	}
	
	.floatingDate 
	{
		font-weight:bold; 
		width:100%;
		color:black;
		margin-bottom:7px;
		margin-top:10px;
		color:white;
	}
	
	.writeReview {
		padding: 7px;
	    	margin-bottom: 23px;
	    	cursor: pointer;
	    	color: white;
	    	text-align: right;
	    	font-size: 20px;
	    	border: 1px solid;
	    	box-shadow: 2px 2px 0px white;
	    	position: relative;
	    	border-radius: 8px;
	}
	
	.writeReview:hover {
		opacity : 0.9;
	}
	
	.writeReview:active {
		top: 2px;
		left: 2px;
		box-shadow: none;
		opacity: 0.8;
	}
	
	.reviews {width: 136px;padding: 9px;border: 1px solid wheat;background: linear-gradient(45deg, aliceblue, antiquewhite);color: black;border-radius: 3px;text-align: center;}
	
	.reviews:hover {
		opacity: 0.8;
	}
	
	.reviews:active {
		top : 2px;
		left: 2px;
		box-shadow: none;
		opacity: 0.8;
	}
	
	.artistShowDetailsContainer {
		display:flex;
		margin: auto;
		flex-direction:row;
		flex-flow:wrap;
	    	align-items: flex-start;
		justify-content:center;
		width:50%;
		overflow-y:auto;
		overflow-x:hidden;
		/*border-right: 1px solid #eeeeee;*/
	}
	
	.artistShowHead {
	    justify-content: center;
	    align-items: flex-start;
	    flex-flow: wrap;
	    flex-direction: row;
	    width: 350px;	
	    max-width: 100%;
	}
	
	.artistImage {
	    margin-top: 15px;
	    height: 100px;
	    width: 100px;
		    margin-right: auto;
	    margin-left: auto;
	}
	
	.artistImage > img {
		width: 100%;
		height: 100%;
		object-fit: cover;
		border-radius: 50%;
		background-color: black;
	}
	
	.artistData {
	    word-wrap: break-word;
	    width: calc(100% - 150px);
	    margin: auto;
	    text-align: center;}
	
	.artistName {
		font-size:25px;
		font-weight:bold;
	}
	
	.noShow {
		height:100%;
		min-height:80px;
		display:flex;
		justify-content:center;
		align-items:center;
		color: white;
	}
	
	.messageButton:hover, .messageButton:active {
		text-shadow: 0 0 5px gold;
		transition: all .2s ease-in-out;
	} 
	
	.scheduleButton {
		color: white;
	    border-radius: 5px;
	    width: 60px;
	    padding-left: 5px;
	    padding-right: 5px;
	    font-size: 12px;
	    text-align: center;
	    height: 50px;
	    margin-right: 1%;
	    margin-left: 1%;
	    cursor: pointer;
	    float: left;
	    justify-content: center;
	    align-items: center;
	    font-weight: bold;
	    box-shadow: 2px 2px 0px white;
	    border: 1px solid white;
	    display: flex;
	    position: relative;
	}
	
	.scheduleButton:hover {
		opacity: 0.6;
	}
	
	.scheduleButton:active {
		top: 2px;
		left: 2px;
		box-shadow: none;
		opacity : 0.6;
	} 
	
	
	/*alternative design*/
	
	.showData {
		border-top:1px solid white;
		word-wrap: break-all;
		width: 100%;
		position:fixed;
		margin-left:0%;
		bottom:10.5%;
		display:flex;
		height:20%;
		flex-direction:row;
		flex-flow:wrap;
		overflow:hidden;
		align-items: center;
		padding-top:5px;
		background: #2a2a2a;
	}
	
	.showData + div {
		box-shadow:none !important;
		border-top:0px solid black!important;
	}
	
	.showSchedule {
		float:left;
		white-space: nowrap;
	    	overflow-x: auto;
		overflow-y: auto;
		width:100%;
		height:100%;
		margin-left:2%;
	}
	
	
	
	.timingDetails 
	{
		position: relative;
		background: linear-gradient(45deg, aliceblue, antiquewhite);
		color: black;
		margin: 4px;
		text-align: center;
		height: auto;
		min-height: 70px;
		font-size: 10px;
		min-width: 150px;
		cursor: pointer;
		font-family: 'Poppins', sans-serif;
		display: inline-block;
		overflow: hidden;
		animation: 2s peepee;
		padding: 8px;
		animation: 0.5s opacity_span;
		border-radius: 5px;
		border: 1px solid wheat;
	}
	
	.timingDetails:hover {
	        opacity: 0.8;
	}
	
	.timingDetails:active {
	         opacity: 0.8;
	        top: 4px;
	        left:4px;
	        box-shadow: none;
	}
	
	@keyframes peepee {
	  from {height: 80px}
	  to {height: 80px}
	}
	
	
	@media screen and (min-width:787px) {
	
	.timingDetails {
		margin-top: calc(10vh - 47px);
	}
	
	}
	
	.showTimingHeaderContainer {
		width:29%;
		height:99%;
		display:none;
		justify-content:center;
		align-items:center;
		flex-flow:wrap;
		flex-direction:row;
		z-index:1;
		box-shadow:-15px 0px 10px -15px #656565;
		color:wheat;
	}
	
	.showTimingHeader {
		display:flex;
		flex-direction:row;
		flex-flow:wrap;
	    	justify-content:left;
		width:100%;
		height: 45%;
		text-align:center;
		font-weight:bold;
		justify-content:center; 
		align-items:center;	
	}
	
	.showTimeHeaderFont {
		font-size:20px;
	}
	
	@media screen and (max-width:786px) {
	
	.contentContainer {
		height: calc(90% - 255px);
	}
	 
	.showTimeHeaderFont {
		font-size:12px;
	}
	
	
	.artistShowHead {
		padding-top: 0px !important;
	}
	
	.showData {
		word-wrap: break-all;
		width: 100%;
		position:fixed;
		margin-left:0%;
		bottom:10.5%;
		/*background:white;*/
		display:flex;
		height:115px;
		flex-direction:row;
		flex-flow:wrap;
		overflow:hidden;
	}
	
	.showData + div {
		box-shadow:none !important;
		border-top:0px solid black!important;
	}
	
	.artistShowHead {
		padding-top: none;
	}
	}
	
	
	
	#on_offShow {
		text-align:center;
		padding-right: 5px;
	}
	
	#toggleButton {
		height:22px;
		width:50px;
		border: 1px solid white;
		border-radius:10px;
		display:flex;
	}
	
	#toggleButtonInside {
		cursor:pointer;
		margin:2px;
		margin-left:2px;
		height:18px;
		width:20px;
		background: wheat;
		border-radius:18px;
	}
	
	
	#floatingOnOffShow {
		text-align:center;
		color: rgb(144,144,144);
		padding-right: 5px;
		margin-left:5%;
		font-size:20px !important;
	}
	
	
	#floatingToggleButton {
		height:22px;
		width:50px;
		border: 1px solid white;
		border-radius:10px;
		display:flex;
		margin-right:5%;
		font-size:20px !important;
	}
	
	.floatingArrow:hover, .floatingArrow:active {
		color:gold;
		cursor:pointer;
		font-weight:bold;
		transition: color .2s;
	}
	
	.floatingArrow {
	        margin: 0px;
	        padding: 0px;
	        box-shadow: 0 0 2px;
	        border-radius: 47px;
	}
	
	#floatingOnOffShow {
		font-size:13px !important;	
	}
	
	}
	
	#floatingToggleButtonInside {
		cursor:pointer;
		margin:2px;
		margin-left:2px;
		height:18px;
		width:20px;
		background: wheat;
		border-radius:18px;
	}
	
	#floatingToggleButtonInside:hover , #floatingToggleButtonInside:active {
		background: rgb(144,144,144);
	}
	
	
	#scheduleDetails {
		display:flex;
		flex-direction:row;
		flex-flow:wrap;
	    	align-content:flex-start;
		justify-content:left;
		margin-top: 35px;
	}
	
	
	.bookNow 
	{
		width:100%;
		height: auto;
		font-size: 13px;
		display:flex;
		justify-content:center;
		align-items:center;
		font-family:'Poppins';
		padding-bottom: 0px;
		animation: 1s papa, 2s jetha;
	}
	
	span.venue_info {
		position: absolute;
	    	right: 7px;
	    	top: 7px;
	    	color: #353535;
	    	font-size: 24px !important;
	} 
	
	
	span.venue_info:hover, span.venue_info:active {
	       	color: black;
	}
	
	
	@keyframes papa {
	  from {font-size: 10px; min-height: 75px}
	  to {font-size: 18px; min-height: 75px}
	}
	
	@keyframes jetha {
	  50% {height: 75px}
	  100% {height: 25px}
	}
	
	.belowBookNow 
	{
		min-height:45px;
		margin-top:2px;
		padding-left: 5px;
		padding-right: 5px;
		font-family: 'Poppins';
	}
	
	.belowBookNow > span {
		font-size: 13px;
	}
	
	
	
	.timingDetailsWidth {
	}
	
	.subscribe {
		color:white;
		background:black;
		cursor:pointer;
		padding:5px;
		border-radius:5%
	}
	
	.subscribe:hover{
		background:red;
	}
	.onlineDetailsColour {
		border:1px solid green;
		color:green;
	}
	
	.onlineDetailsColour:hover  {
		opacity: 0.9;
	}
	
	.onlineDetailsColour:active  {
		opacity: 0.8;
	}
	
	.arrowKeyButtons {
		display:flex;
		width:100%;
		height:45%;
		flex-direction:row;
		flex-flow:wrap;
	    align-content:center;
		justify-content:center;	
	}
	
	.buttonsInner {
		height: 30px;
		margin-bottom:1px;
		justify-content:center; 
		align-items:center;	
		display:flex;
		width:45%;
		margin-left:1px;
		border:1px solid rgb(153,153,153);
		background: linear-gradient(45deg, black, darkgray 505%);
		border-radius: 15px;
		max-width: 70px;
		cursor:pointer;
	}
	
	.buttonsInner > div {
		display:flex;
		color:rgb(153,153,153);
		width:50%;
		font-size:12px;
		justify-content:center; 
		align-items:center;	
		height:100%;
	}
	
	.buttonsInner:hover, .buttonsInner:active {
		filter: sepia(1) brightness(1.5);
	    	transition: 0.7;
	}
	
	.buttonsInner:active {
		animation: 2.5s opa;
	}
	
	@keyframes opa {
	        from { opacity: 0.5; }
	        to { opacity: 1; }
	}
	
	
	.artistOtherDetailsContainer {
		display:flex;
		justify-content:center; 
		align-items:flex-start;	
		width:50%;
		overflow-y:auto;
		margin:auto;
	}
	
	.artistOtherDetailsContainerInner {
		margin:0% 5% 0% 5%;
		width:90%;
		height:auto;
		overflow-y:auto;
		justify-content:center; 
		align-items:center;
	}
	
	
	@media screen and (max-width:786px) {
		.artistOtherDetailsContainerInner {
		margin:0% 5% 0% 5%;
		}
	}
	
	.otherDetailsHeader:hover {
		text-shadow: 0 0 5px gold;
		transition: all .2s ease-in-out;
	}
	
	.otherDetailsHeader:not(:last-child) {
		display:flex;
		height: 40px;
		margin-bottom:2px;
		border-bottom:1px solid rgb(199,199,199);
		padding-left:2%;
		width:97%; 
		align-items:center;
		cursor:pointer;
	}
	
	
	.otherDetailsContent {
		display:none;
		margin-left:5%;
		margin-right:5%;
		margin-top:2%;
		margin-bottom:2%;
		width:90%;
		height:auto;
		flex-direction:row;
		flex-flow:wrap;
	    align-content:flex-start;
		justify-content:center;
	}
	
	.otherDetailsContent1 {
		display:none;
		margin-left:5%;
		margin-right:5%;
		margin-top:2%;
		margin-bottom:2%;
		width:90%;
		min-height:10px;
	}
	
	.imgImportantLinks {
		width:15%;
		height:50px;
		margin-left:5%;
		cursor:pointer;
		display:flex;
		flex-direction:row;
		flex-flow:wrap;
	    	align-content:center;
		justify-content:center;
	}
	
	
	
	.youTubeSongLink {
		 display:flex;
		 margin-left:2%;
		 cursor:pointer;
		 justify-content:left;
		 align-items:center;
	}
	
	#reportButton {
	    color: #bd9f71;
	    margin-top: 2%;
	    margin-left: 5%;
	    margin-bottom: 2%;
	    cursor: pointer;
	}
	
	.youTubeSongLinkParent {
		min-width:100px;
		overflow:scroll;
		margin-bottom: 20px;
	}
	
	.youTubeSongLinkParent::-webkit-scrollbar {
	    display: none;
	}
	
	.youTubeSongLinkImage {
		 float:left;
		 width:35px;
		 height:30px;
		 cursor:pointer;
	}
	
	.youTubeSongLinkImage > img {
		object-fit:contain !important;
	}
	
	
	.youTubeSongLinkImage + a {
		text-decoration: none;	
		color:white;
	}
	
	.youTubeSongLinkImage + a:hover  {
	        opacity: 0.9;
	}
	
	.youTubeSongLinkImage + a:active  {
	        opacity: 0.8;
	}
	
	.reviewHeader {
		font-weight:bold;
		width:100%;
		text-align:left;
	}
	
	.reviewBody {
		margin-left:5%;
		width:95%;
		float:left;
		font-family:monospace;
		margin-bottom:20px;;
	}
	
	.similarArtistsInner {
		display:flex;
		width: 100%;
		flex-direction:row;
		flex-flow:wrap;
	    align-content:flex-start;
	}
	
	.similarSingleArtist {
		width:23%;
		margin-right:1%;
		margin-left:1%;
		margin-bottom:1%;
		font-size:70%;
		text-align: center;
		background:#eeeeee;
		border-radius:25%;
	}
	
	.similarSingleArtist > img {
		border-radius:25%;
	}
	
	@media screen and (max-width:786px) {
	.artistContainer {
		display:block;
		width:100%;
		/*overflow:scroll;*/
	}
	
	
	.artistShowDetailsContainer {
		width:100%;
		height:auto;
	}
	
	.artistOtherDetailsContainer {
		display:flex;
		width:100%;
	}
	
	.contentContainer {
		overflow:hidden;
		width:100%;
		position:fixed;
		/*height:60%;*/
	}
	
	@media screen and (max-width:350px) {
	.showTimingHeader{
		font-size:9px
	}
	}
	.similarSingleArtist {
		width:31%;
		margin-right:1%;
		margin-left:1%;
		margin-bottom:1%;
		font-weight:bold;
		font-size:70%;
		text-align: center;
		background:#eeeeee;
		border-radius:25%;
	}
	
	.timingDetailsWidth {
	}
	}
	
	#paymentButtonPayAtTheVenue {
		max-width: 350px;
		margin: auto;
		border-radius:5px;
		height: 50px;
		display:flex;
		flex-direction:row;
		flex-flow:wrap;
		justify-content:center;
		align-items:center;
		margin-top:10px;
		cursor:pointer;
		color:white;
		background-color: crimson;
		padding-left:0% !important;
	}
	
	#paymentButtonPayAtTheVenue:hover, #paymentButtonPayAtTheVenue:active {
		background:#66b153;
		color:white;
		font-weight:bold;
		transition: all .15s ease-in-out;
	}
	
	.floatingImage {
		width: 50% !important; 
		float:left;
		text-align: center;
	}
	
	.floatingTicket {
		width: 50% !important;
	    float: left;
	    padding-left: 25% !important;
	    padding-bottom: 130px;
	}
	
	
	@media screen and (max-width:786px) { 
		.floatingImage {
			width: 100% !important; 
			float:left;
			text-align:center;
		}
	
		.floatingTicket {
			width: 80% !important; 
			padding-left:10% !important;
		}
	}
	
	.floatingImage{
		margin-right:15px;
		margin-top:5px;
		position: relative;
	}
	
	
	body {
		background: #2a2a2a;
	}
	
	
	
	#whatToExpectContent, .floatingTicket {
	        -webkit-touch-callout: text;
	        -webkit-user-select: text;
	        -khtml-user-select: text;
	        -moz-user-select: text;
	        -ms-user-select: text;
	        user-select: text;
	        margin-top: 5px;
	}
	
	.addlinks, .viewReviews {
	        -webkit-touch-callout: none;
	        -webkit-user-select: none;
	        -khtml-user-select: none;
	        -moz-user-select: none;
	        -ms-user-select: none;
	        user-select: none;
	}
	
	.floatingDiv {
	    position: fixed;
	    z-index: 99;
	    width: 100%;
	    color: black;
	    height: 100%;
	    background-color: rgba(0, 0, 0, 0.8);
	    justify-content: center;
	    align-items: center;
	    word-break: break-all;
	    display: none;
	}
	
.material-icons-outlined, .material-icons, .material-symbols-outlined {
    color: lightgray;
    cursor: pointer;
}
.venue-card {
    border-radius: 12px;
    max-width: 500px;
    font-family: 'Poppins';
}

.venue-row {
    display: flex;
    padding: 12px 0;
}

.venue-row:last-child {
    border-bottom: none;
}

.label {
    min-width: 90px;
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.value {
    flex: 1;
    line-height: 1.5;
    font-size: 12px;
}

.searchBarInner > div > .material-icons {
    color: white !important;
}