/*common css for both create event and create costume page*/
 @font-face 
{
      font-family: Graphik;
     src: url('../fonts/Graphik-Regular-Web.eot') format('embedded-opentype'), 
	 url( '../fonts/Graphik-Regular-Web.ttf' ) format('truetype'), 
	 url('../fonts/Graphik-Regular-Web.woff2') format('woff2'), 
	 url('../fonts/Graphik-Regular-Web.woff') format('woff'),
	 url('../fonts/whitneybook.svg#Graphik-Regular-Web') format('svg');
}
 body 
{
     margin: 0px 0 0 0!important; 
}
 .user-res-sitting
{
     font-family:Graphik,Helvetica,helvetica,arial,sans-serif;
     color:#39364f;
	 height:100%;
    /* padding-top: 50px; */
}
 .user-res-sitting btn,h1,h2,h3,h4,h5,h6
 {
     font-family:Graphik,Helvetica,helvetica,arial,sans-serif;
     color:#39364f;
}
 .user-res-sitting label
 {
     font-weight: normal;
     margin-bottom: 8px;
     text-align: left;
     font-size: 14px;
     color: #1C232B;
     margin-top: 0;
     width: 100%;
}
 .user-res-sitting label span 
 {
     padding-left: 5px;
     color: #FF0000;
     font-weight: normal;
}
 .user-res-sitting    ::-webkit-scrollbar
{
        height: 6px;
        width: 6px;
        background: #9E9E9E;
}

 .user-res-sitting   ::-webkit-scrollbar-thumb:horizontal
{
        background: rgba(158, 158, 158, 0.5098039215686274);
        border-radius: 10px;
		
}
 .special-notes 
 {
     font-size: 12px;
     line-height: 16px;
     color: #6F7287;
     display: block;
     padding-left: 0px;
     margin-top: 5px;
     margin-bottom: 5px;
}
 .user-res-sitting-np 
 {
     padding-left:0;
     padding-right:0;
}
 .user-res-sitting-pl
 {
     padding-left:0;
     padding-right:15px;
}
 .user-res-sitting-pr
 {
     padding-left:15px;
     padding-right:0;
}
.user-res-sitting select
 {
     background: #fff url(https://www.ticketgateway.com//images/dd-arrow.png) no-repeat 100% center;
     background-position-x: 99%;
     width:100%;
}
 .user-res-sitting a 
 {
     font-size: 14px;
     color:#39364f;
     text-transform: capitalize;
     text-decoration: none;
     cursor:pointer;
}
 .user-res-sitting a:hover
 {
     color:#2196F3;
}
 .user-res-sitting a.view-anchor 
 {
     font-size: 14px;
     color:#26baee;
     text-transform: capitalize;
     text-decoration: none;
}
 .user-res-sitting a.view-anchor:hover 
 {
     color:#6F7287;
}
 .user-res-sitting .tooltip
 {
     font-family: Graphik,Helvetica,helvetica,arial,sans-serif;
     font-size: 12px;
}
 .user-res-sitting .form-control
 {
    /* border: 1px solid #E2E5E7 !important;
     */
     border:1px solid rgba(128, 128, 128, 0.16862745098039217) !important;
     -webkit-box-shadow: none;
     box-shadow: none;
     -moz-appearance: none;
     -webkit-appearance: none;
     border-radius: 0;
     font-size:14px;
     color: #39364f;
     padding: 6px 12px;
}
 .user-res-sitting .form-control:focus, .user-res-sitting .form-control:active 
 {
     border-color: #20a7d6 !important;
     outline: 0;
     -webkit-box-shadow: none;
     box-shadow: none;
}
 .user-res-sitting input[type="text"], input[type="password"], input[type="date"], input[type="email"], input[type="time"] ,.user-res-sitting select
 {
     height: 36px;
     border-top-width: 1px;
     border-style: solid;
}
 input[type="color" i] 
 {
     -webkit-appearance: square-button;
     width: 44px;
     height:30px;
     background-color: buttonface;
     cursor: default;
     border-width: 1px;
     border-style: solid;
     border-color: rgb(169, 169, 169);
     border-image: initial;
     padding: 1px 2px;
     vertical-align:middle;
}
 .user-res-sitting .btn-common-reserve-sit
 {
     padding: 5px 12px;
     font-size: 15px;
     font-weight: normal;
     text-transform: capitalize;
     height: auto;
     background-color: #7bad22;
     border: 2px solid #7bad22;
     color: #fff;
     text-align: center;
     margin-bottom:0px;
     overflow-wrap: break-word;
     /* white-space: normal; */
     border-radius: 0px;
     cursor: pointer;
     text-decoration: none;
}
 .user-res-sitting .btn-common-reserve-sit:hover,
 .user-res-sitting .btn-common-reserve-sit:focus,
 .user-res-sitting .btn-common-reserve-sit:active 
 {
     background-color: #9CCC47;
     border: 2px solid #9CCC47;
     outline:0;
     box-shadow: none;
     color:#fff;
     box-shadow: none;
}
 .user-res-sitting .btn-reserve-sit-cancel 
 {
     background-color: #fff;
     border: 2px solid #C2C2CC;
     color: #000;
}
 .user-res-sitting .btn-reserve-sit-cancel:hover, 
 .user-res-sitting .btn-reserve-sit-cancel:focus, 
 .user-res-sitting .btn-reserve-sit-cancel:active 
 {
     background-color: #eee;
     border: 2px solid #6F7287;
     box-shadow: none;
     outline:none;
	 color:#000;
}
 .user-res-sitting .btn-reserve-sit-close 
 {
     background-color: #fff;
     border: 2px solid transparent;
     color: #000;
}
 .user-res-sitting .btn-reserve-sit-close:hover, 
 .user-res-sitting .btn-reserve-sit-close:focus, 
 .user-res-sitting .btn-reserve-sit-close:active 
 {
     background-color: #eee;
     border: 2px solid transparent;
     box-shadow: none;
     outline:none; color:#000;
}
 .user-res-sitting .reserve-sitting-right .navbar 
 {
     padding: 15px 10px;
     background: #fff;
     border: none;
     border-radius: 0;
     margin-bottom: 40px;
     box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.1);
} 
 .user-res-sitting .reserve-wrapper 
 {
     display: flex;
     align-items: stretch;
}
#reserve-left
 {
    /* padding: 20px;*/ /* comment by devendra */
     /* min-height: 100vh; */
     transition: all 0.3s;
	  /*height: 100%;*/ /* comment by devendra */
    /* width: calc(100% - 60px);
     */
     width: 75%;
    /* margin-right: 250px;
     */
     border: 1px solid #dbdae3;
}
.user-res-sitting .user-reserve-left .desk-checkout 
{
	position: fixed;
	bottom: 0;
	/* height: 56px;  */
	width:75%;
	/* min-height: 56px;    */
	background: #ffffff;
	border-top: 1px solid #EEEDF2;
	-webkit-box-shadow: 0px -2px 50px 0px rgba(255, 255, 255, .4);
	box-shadow: 0px -2px 50px 0px rgba(255, 255, 255, .4); 
	text-align:right;
	padding:10px;
}
.user-res-sitting .user-reserve-left .desk-checkout  .btn-desk-checkout 
{ 
	font-size:18px;
}
#reserve-left-top
{
	padding-bottom:100px;
	margin: auto;
    text-align: center;
}
#reserve-right
{ 
     transition: all 0.3s; 
     width: 25%; height: 100%;
     /* border: 1px solid #dbdae3;  */
}

.user-res-sitting .user-reserve-right .eventimgbox 
{ 
    width: 100%;
    height: 180px;
    text-align: center;
    background: #f4f4f4;
    border-bottom: 1px solid #f4f4f4; 
}


.user-res-sitting .user-reserve-right .user-event-img
{
	width: auto;  
    max-width: 100%;
    height: 100%; 
}
.user-res-sitting .user-reserve-right .ticket-box-height
{
	 max-height: calc(100vh - 232px); 
	/*max-height:calc(100vh - 250px);*/
	overflow-y:auto; 
}
.user-res-sitting .user-reserve-right  .tic-detail-box,
.user-res-sitting .user-reserve-right  .order-summery-box
 {
	 padding:20px; 
}
.user-res-sitting .user-reserve-right  .order-summery-box
 {
	 padding-left:0px; 
	 padding-right:0px; 
}
 .user-res-sitting .user-reserve-right  .tic-detail-box 
 {
	 padding-bottom:50px; 
}
.user-res-sitting .user-reserve-right  .tic-detail-box  .tic-detail-box-pl
{
	 padding-left:0;
	 padding-right:5px;
}
.user-res-sitting .user-reserve-right  .tic-detail-box  .tic-detail-box-pl:last-child
{
	 padding-left:0;
	 padding-right:0;
}
.user-res-sitting .user-reserve-right  .tic-detail-box  .tic-detail-right
{
	 text-align:right;
}
.user-res-sitting .user-reserve-right  .tic-detail-box  .tic-title-hidden
{
	 visibility:hidden;
}
.user-res-sitting .user-reserve-right  .tic-detail-box h3,
.user-res-sitting .user-reserve-right  .order-summery-box h3
{
	color:#1C232B;
	font-size:14px;
	font-style:normal;
	font-weight:normal;
	text-transform:capitalize;
	margin-top:0;
	margin-bottom:20px;
 } 
.user-res-sitting .user-reserve-right  .tic-detail-box p.tic-title,
.user-res-sitting .user-reserve-right  .tic-detail-box p.tic-value,
.user-res-sitting .user-reserve-right  .tic-detail-box a.tic-value
 {
	color:#39364f;
	font-size:13px;
	font-style:normal;
	font-weight:normal;
	text-transform:Uppercase; 
	margin-bottom:10px;
	text-align:left;
 }  
.user-res-sitting .user-reserve-right  .tic-detail-box a.tic-value
{
	cursor:pointer;
	text-decoration:none
} 
.user-res-sitting .user-reserve-right  .tic-detail-box a.tic-value:hover
{
	color:#03A9F4;
	text-decoration:none;
}  
.user-res-sitting .user-reserve-right  .order-summery-box h3
 { 
	font-weight:bold; 
	margin-bottom:25px;
	font-size:14px;
 }
.user-res-sitting .user-reserve-right  .order-summery-inner-box 
{ 
	border-bottom:1px solid #e2e5e7;
	padding-bottom:15px;
	margin-bottom:15px;
}
.user-res-sitting .user-reserve-right  .order-summery-subinner-box 
{  
	padding-bottom:15px;
	margin-bottom:15px;
}
.user-res-sitting .user-reserve-right  .order-summery-subinner-box:last-child
{  
	padding-bottom:0;
	margin-bottom:0;
}
.user-res-sitting .user-reserve-right  .order-summery-inner-box:last-child
{ 
	border-bottom:none;
	padding-bottom:0px;
	margin-bottom:0px;
}
.user-res-sitting .user-reserve-right  .order-summery-box  .order-col-l
{ 
	padding-left:0;
	padding-right:5px;
} 
.user-res-sitting .user-reserve-right  .order-summery-box  .order-col-r
{ 
	padding-left:5px;
	padding-right:0;
} 
 
.user-res-sitting .user-reserve-right  .order-summery-box p.order-title,
.user-res-sitting .user-reserve-right  .order-summery-box p.order-value 
 {
	color:#39364f;
	font-size:14px;
	font-style:normal;
	font-weight:normal;
	text-transform:capitalize; 
	margin-bottom:10px;
	text-align:left;
 }
.user-res-sitting .user-reserve-right  .order-summery-box p.order-title-fees ,
.user-res-sitting .user-reserve-right  .order-summery-box p.order-value-fees 
{ 
		margin-bottom:0px; 
}
.user-res-sitting .user-reserve-right  .order-summery-box p.order-value 
{
		text-align:right;
}
.user-res-sitting .user-reserve-right  .order-summery-box p.order-sub-title 
{
		color:#6f7287;
		font-size:12px;
		font-style:normal;
		font-weight:normal;
		text-transform:capitalize; 
		margin-bottom:0px;
		text-align:left;
}
.user-res-sitting .user-reserve-right  .order-summery-box p.order-sub-title  span  
{
		margin-right:10px;
}
.user-res-sitting .user-reserve-right  .order-summery-box p.order-sub-title  span i.fa
{
		color:rgb(250, 193, 20);
		font-size:8px; 
}
.user-res-sitting .user-reserve-right  .order-summery-box p.disc-price
{
		font-size: 10px !important;
		margin-bottom: 0;
		color: #ff0c0c !important;
}




 
 /*reserve footer css start here*/
 .user-res-sitting .reserve-footer
 {
		position: fixed;
		bottom: 0;
		line-height: 1;
		text-align: center;
		color: #616363;
		font-size: 10px;
		/* height: 56px; */
		background-color: #FFFFFF;
		border-top: 1px solid #EEEDF2;
		padding:15px;
 } 
.user-res-sitting .reserve-footer .footer-pl
{
		padding-left:0;   
		padding-right:5px;
}
.user-res-sitting .reserve-footer .footer-pr
{
		padding-left:5px;   
		padding-right:0;
}
.user-res-sitting .reserve-footer ul.left-icons,
.user-res-sitting .reserve-footer .grand-tot
{
		padding-left: 0px;
		list-style-type: none;
		margin-bottom: 0;
		padding-top: 10px;
		padding-bottom: 10px;
		text-align: left; 
}
.user-res-sitting .reserve-footer span.amt-sign
{
	margin-right:5px; 
}
.user-res-sitting .reserve-footer ul.left-icons li
{
		padding-right: 15px; 
		list-style-type:none;
		display:inline-block;
		/* line-height:50px; */
}
.user-res-sitting .reserve-footer ul.left-icons li  i.fa
{
		color: #6f7287;
		font-size:20px;
		font-weight:normal;
		font-style:normal;
}
.user-res-sitting .reserve-footer .item-count
{
		color: #fff;
		font-size: 10px;
		font-weight: bold;
		font-style: normal;
		width: 15px;
		height: 15px;
		border-radius: 50%;
		background: #d1410c;
		line-height: 15px;
		position: absolute;
		top: 3px;
		left: 38px;
}
.user-res-sitting .reserve-footer .grand-tot
{
		padding-left: 0px; 
		margin-bottom: 0;
		padding-top: 10px;
		padding-bottom: 10px; 
		color: #6f7287;
		font-size:14px;
		font-weight:bold;
		font-style:normal;
}
.user-res-sitting .reserve-footer .btn-checkout
{
		width:100%;
}
.user-res-sitting .reserve-footer .click-fa-setting
{
		color: #6f7287;
		font-size: 20px;
		font-weight: bold;
		font-style: normal;
}
.user-res-sitting .reserve-footer .linknotclick
{
	pointer-events: none;
    cursor: default;
}



/*reserve footer css end here*/
 
 
/*loader css addde3d here*/
 .loader-overlay {
    background:#000;   
    display: none;         
    position: absolute;    
    top: 0;                 
    right: 0;                
    bottom: 0;
    left: 0;
    opacity: 0.5;
	z-index: 9999;
}
.loader-center
{
	position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    transform: -webkit-translate(-50%, -50%);
    transform: -moz-translate(-50%, -50%);
    transform: -ms-translate(-50%, -50%);
}
.loader-spinner
{
  display: inline-block;
  width: 80px;
  height: 80px;
  border-radius: 50%;
  border-top: 5px solid #2196F3;
  border-right: 5px solid transparent;
  animation: spin 0.75s linear infinite;
}

@keyframes spin {
  to {
    transform: rotate(360deg);
  }
}

/*#steady-spinner {
  border: 3px solid hsla(185, 100%, 62%, 0.2);
  border-top-color: #2196F3;
  border-radius: 50%;
  width: 6em;
  height:6em;
  animation: spin 1s linear infinite;
}

@keyframes spin {
  to {
    transform: rotate(360deg);
  }
}
*/ 
/*loader css end here*/ 
 
 
 
/*model css start*/
.common-reserve-model .modal-body
{
	overflow:hidden;
}
.common-reserve-model .modal-title 
{
    text-align: center;
    font-weight: 600;
    font-size: 20px;
    text-transform: capitalize;
}
.common-reserve-model .modal-header .close
{
    opacity: .5;
} 
 
 
 
 /*map plus and minus button css*/
.user-res-sitting  .box-map-plus-minus
{
	position: absolute;
    z-index: 100;
    top: 0;
    left: 0;
    margin-left: 18px;
	margin-top: 1%; 
    width: 40px;
    height: 80px;
    box-shadow: 0 1px 4px rgba(40, 44, 52, 0.1), 0 0 8px 0 rgba(40, 44, 52, 0.1);
	padding-left: 0;
    padding-right: 0;
}
.user-res-sitting  .btn-map-plus-minus
 {
	padding: 5px;
    font-weight: normal;
    text-align: center;
    margin-bottom: 0px;
    overflow-wrap: break-word;
    white-space: normal;
    border-radius: 0px;
    cursor: pointer;
    text-decoration: none;
    display: block;
    width: 40px;
    height: 40px;
    background: #fff;
    border: none;
    border-bottom: 1px solid #EEEDF2;
    font-size: 30px;
    color: #4B4D63;
    line-height: 30px;
}
.user-res-sitting    .btn-map-plus-minus:hover,
.user-res-sitting    .btn-map-plus-minus:focus,
.user-res-sitting  .btn-map-plus-minus:active 
 {
     background-color:#F8F7FA;
     color:#03A9F4;
	 outline:0;
	 box-shadow: none;
}

 
 
 
#event-listing-view .user-res-sitting  .row_label a{ 
    font-size: 12px;
}
 
 .user-res-sitting .user-reserve-right   .user-promo-code
 {
	 padding: 20px;
	 border-bottom: 1px solid #DBDAE3;
 }
 
 
 .user-res-sitting .user-reserve-right   .user-promo-msg
 {
	 padding: 10px 20px 10px 20px; 
 }
 
  .user-res-sitting .user-reserve-right   .user-promo-msg .promo-text
 {
	 color:#254bd7 !important;
    font-size: 14px;
    font-style: normal;
    font-weight: normal;
    text-transform: capitalize; 
	margin-bottom:0;
 }
 
 
 
 
 
 
/*css added for promo code to enter of mobile*/
.user-res-sitting .reserve-prmomob 
{ 
	padding: 10px; 
} 
.user-res-sitting .reserve-prmomob .promoinput-field 
{
	position: relative;
	width: 100%;
	/* height: 44px; */
	line-height: 44px;display: inline-flex;
}
.user-res-sitting .reserve-prmomob   .promoinput-field label 
{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	color: #03A9F4;
	transition: 0.2s all;
	cursor: text;
	font-weight:normal;
	text-transform: capitalize;
	margin-bottom:0;
	font-size: 16px;

} 
.user-res-sitting .reserve-prmomob  .promoinput-field  label span
{

	color: #03A9F4; 
	padding-left: 0;
	font-weight: normal; 
}
.user-res-sitting .reserve-prmomob  .promoinput-field input
 {
	width: 100%;
	border: 0 !important;
	outline: 0 !important;
	padding: 0  0;
	border-bottom: 2px solid #d3d3d3;
	box-shadow: none;
	color: #111;
	height: 40px !important;
	font-size: 14px;
}
.user-res-sitting .reserve-prmomob  .promoinput-field input:invalid
{
	outline: 0; 
}
.user-res-sitting .reserve-prmomob  .promoinput-field input:focus,
.user-res-sitting .reserve-prmomob .promoinput-field  input:valid
{ 
	border-radius:0;
}
.user-res-sitting .reserve-prmomob  .promoinput-field input:focus~label,
.user-res-sitting .reserve-prmomob  .promoinput-field input:valid~label 
{
	font-size: 10px;
	top: -17px;
	color: #03A9F4;
} 
.user-res-sitting .reserve-prmomob  .promoinput-field input:focus~label span.hide-enter,
.user-res-sitting .reserve-prmomob  .promoinput-field input:valid~label  span.hide-enter
{
	display:none;
}
.user-res-sitting .reserve-prmomob  .promoinput-field input::-webkit-input-placeholder
{
	opacity:0;
} 
.user-res-sitting .reserve-prmomob  .promoinput-field input:focus::-webkit-input-placeholder
{
	opacity:1;
} 
.user-res-sitting .reserve-prmomob  .promoinput-field  .btn-pro-mob
{
	background: transparent;
	color: #03A9F4;
	border: 0;
	-webkit-appearance: none;
	z-index: 99;
	outline: 0;
	box-shadow: none;
	opacity: 0;
	padding:6px 0px 6px 12px;
	font-size: 14px;
}
.user-res-sitting .reserve-prmomob  .promoinput-field input:focus~.btn-pro-mob,
.user-res-sitting .reserve-prmomob  .promoinput-field input:valid~.btn-pro-mob
{
	opacity:1;
} 
/*css added for promo code to enter of mobile*/

/*css added for promo code message of mobile*/
#event-listing-view .user-res-sitting .reserve-prmomob-apply 
{ 
	padding: 10px;
	background: #eeedf2;
}
#event-listing-view .user-res-sitting .reserve-prmomob-apply-inner 
{
	position:relative;
	display: flex;
}
#event-listing-view .user-res-sitting .reserve-prmomob-apply   span.apply-icon,
#event-listing-view .user-res-sitting .reserve-prmomob-apply   span.apply-msg
{ 
	display: table-cell;
}
#event-listing-view .user-res-sitting .reserve-prmomob-apply   span.apply-icon
{
	vertical-align: middle; 
	padding-right: 20px;
}
#event-listing-view .user-res-sitting .reserve-prmomob-apply   span.apply-icon  img.promo-msg-check
{
	width:15px;
} 
#event-listing-view .user-res-sitting .reserve-prmomob-apply   .reserve-prmomob-apply-inner p
{
	font-size:14px  ;
	font-weight:normal;
	font-style:normal;
	color:#39364f  ;
	margin-bottom:0;
} 
#event-listing-view .user-res-sitting .reserve-prmomob-apply   span.apply-msg a
{
	color:#03A9F4;
	cursor:pointer;
}
#event-listing-view .user-res-sitting .reserve-prmomob-apply   span.apply-msg a:hover
{
	color:#03A9F4 !important; 
}
/*css added for promo code message of mobile*/ 
 
 
 
 
 
/*sweetalert css start*/
.custom_sweetalert
{
	 font-family: Graphik;
}
.custom_sweetalert    h2 { 
    font-size: 18px  ; 
    margin: 5px 0; 
    line-height: inherit; 
}

.custom_sweetalert   button {  
    margin: 15px 5px 0; 
	padding: 8px 25px;
}




/*css added for ticket name indication*/
.user-res-sitting .user-reserve-left .desk-checkout ul.seat-indicator
{ 
	padding-left: 0;
    list-style-type: none;
	text-align: left; 
	margin-top: 5px;
    margin-bottom: 5px;
}
.user-res-sitting .user-reserve-left .desk-checkout ul.seat-indicator li
{
	 margin-right:25px;
	 font-size:16px;
	 color:#39364f;
	 display: inline-block;
	 text-transform: capitalize;
}
.user-res-sitting .user-reserve-left .desk-checkout ul.seat-indicator li span 
{
	 margin-right:10px;
	  
}


/*text center on dance floor*/
#reserve-left   .stagefloorimg
{
	position:relative;
}
#reserve-left  .dance-head
{
	margin: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
#reserve-left  .dance-head p
{
	/* font-size: 12px; */
    color: #39364f;
    text-transform: capitalize;
	margin-bottom:5px;
	font-weight:normal;
}
#reserve-left  .dance-head p.dance-head-tit
{
	/* font-size: 14px; */
	font-weight:bold;
}


/*text center on dance floor*/

#photoshoot-voucher .offer-bg
{  
 background-color:#03A9F4; 
    padding: 5px 10px;
	
}
#photoshoot-voucher  .offer-bg  p.offer-text
{   
	/* animation: blinker 1s linear infinite; */
	color:#fff !important;
	font-size: 14px;
    font-style: normal;
    font-weight: normal;
    text-transform: inherit;
    margin-bottom: 0;
} 
/* @keyframes blinker { */
  /* 50% { */
    /* opacity: 0; */
  /* } */
/* } */