html, body {
	height: 100%;
	padding: 0;
	margin: 0;
	border: 0;
}
body.activepopup  {
	overflow-y: hidden !important;
}
body, body.ui-mobile-viewport {
 padding-top: constant(safe-area-inset-top); /* iOS 11.0 */
 padding-top: env(safe-area-inset-top); /* iOS 11.2 */
}

select, textarea { /* Needed to add because bootstrap css was using color:inherit which was causing select dropdown to be white color on white */
	margin: 0;
	font: inherit;
	color: black;
}

.pad5{
	padding:5px
}

.pad3{
	padding:3px
}

h1 {
	font-weight: 600;
	font-size: 2em;
	margin-bottom: 3px !important;
}
strong {
	font-weight: 600;
}

::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
	color: #c0c0c0;
	opacity: 1; /* Firefox */
	font-size: 16px;
  }
  
  :-ms-input-placeholder { /* Internet Explorer 10-11 */
	color: #c0c0c0;
  }
  
  ::-ms-input-placeholder { /* Microsoft Edge */
	color: #c0c0c0;
  }

.ui-collapsible-heading-toggle.ui-btn {
	font-size: 1rem;
	font-weight: 500;
	text-shadow: none !important;
	color: #4f4f4f !important;
}

.ui-collapsible-heading-toggle.ui-btn:hover,
.ui-collapsible-heading-toggle.ui-btn:active
 {
	color: #111 !important;
}

.ui-popup .ui-header{
	height: 48px;    
}

.ui-popup .ui-header h1.ui-title, .ui-footer h1.ui-title{
	margin: 0 10%;
	text-shadow: none;
	color: #fff !important;
	font-weight: normal !important;
    font-size: 1.25em;
    line-height: 46px;
    /* padding: .15em; */
	/* line-height: 30px; Commented out because confirm popup header was shifted*/
	margin-left: 29px;
	/* padding-top: 5px;    Commented out because Info title on popup was off, fixed by line-height */
	/* margin-top: 6px;
	//text-align: left;
	//margin-left: 40px;
	*/
	margin: auto;
}


.ui-header{
	/* height:63px; */
	box-shadow: 0 0 10px rgba(0, 0, 0, .1);
	border-radius: 0em 0em 1.5rem 1.5rem;
}

.ui-header .header_main{
	height: 50px;
	box-shadow: 0 0 10px rgba(0, 0, 0, .1);
	border-radius: 0em 0em 1.5rem 1.5rem;
}

.ui-header h1.ui-title, .ui-footer h1.ui-title{
	margin: 0 10%;
	  text-shadow: none;
	color: #fff !important;
	font-weight: normal !important;
	font-size: 24px;
	padding: 0px;
	/* 
	line-height: 60px; /* Commented because causing top logo to be offset
	margin-top: 6px;
	//text-align: left;
	//margin-left: 40px;
	*/
}
.ui-header .ui-btn-icon-notext,
.ui-header .ui-btn-icon-notext:hover{
	background-color: #01add5;
	box-shadow: none;
	border: 0;
	
}
.ui-header .ui-btn-icon-notext:after {
	background-color: #01add5;
}

.ui-header .header_back_spacer,
.ui-header .ui-btn-left {
	/* margin-top: 10px; Commented out since converting header_main and adding header_pre */
	margin-top: 4px;
	margin-left: 10px;
    float: left;
	position: relative;
}

.ui-popup .ui-header .ui-btn-left {
	/* margin-top: 10px; Commented out since converting header_main and adding header_pre */
	margin-top: -16px !important;
	margin-left: -16px !important;
	position: absolute !important;
    float: left;
}

.ui-header .header_back_spacer{
	width: 32px;
}

.ui-header .ui-btn-right {
	/* margin-top: 10px; Commented out since converting header_main and adding header_pre */
	margin-right: 10px;
	position: relative;
    float: right;
}
.ui-header .ui-icon-bars {
	width: 40px;
	height: 40px;
	margin-top: -2px;
}
.ui-header .ui-icon-bars:after {
	background-size: 20px 20px;
}

/* .header-logo-textonly */
.ui-header .header_main h1{
	/* Commented out because header was misaligned when removing left/right icons of header
	position: relative;
    float: left;
	margin-left: calc(50% - 100px);
	*/
	position: absolute;
    width: 100%;

    /* margin: auto; */
    /* text-align: center; */
	/* top: 5px; Commenting out because when demo header is showing, it is not visible */
	padding-top: 5px;
}

.ui-header .header_main .header-logo-textonly{
	height: 45px;
	margin-top: 3px;
	/**
    margin-left: calc(50% - 80px);
    margin-left: -webkit-calc(53%-80px);
	**/
}


.uiPageUiContent{
    margin-top: 0px;
}

.uiPageUiContentDemo{
    margin-top: 76px;
}

.ui-collapsible-inset .ui-collapsible-content {
	border: 0 !Important;
	box-shadow: none;
	line-height: 2em; /* So line spacing in collapsible divs have good spacing like in pg-reservation */
}

.popup-header > h1.ui-title {
	margin-top: 0px;
	padding-top: 5px;    
}

.popup-image{
	width: 100%;
}

#pg-donate-popup,
#popup_confirm,
#popup-info,
.pg-popup
{
	min-width: 300px;
	max-width: 300px;
	border-radius: 1em;
}

#pg-donate-popup .ui-header,
#popup-info .ui-header,
.pg-popup .popupHeader
{
	border-radius: 1em;
}

#pg-donate-popup-content,
#popup-info-content,
.pg-popup .popupContent
{
	padding: 1em;
}

.popup_default_class{
	border-radius: 1em;
}

.popup_default_class .popup_header_div{
	border-radius: 1em;
}

#popup_main{
	max-width: 400px;
}

.popup_content{
	padding: 1em;
}

#pg-intro {
 margin-top: constant(safe-area-inset-top); /* iOS 11.0 */
 margin-top: env(safe-area-inset-top); /* iOS 11.2 */
}
.ui-page > .ui-header {
 margin-top: constant(safe-area-inset-top); /* iOS 11.0 */
 margin-top: env(safe-area-inset-top); /* iOS 11.2 */
 }
.ui-footer {
 margin-bottom: constant(safe-area-inset-bottom); /* iOS 11.0 */
 margin-bottom: env(safe-area-inset-bottom); /* iOS 11.2 */
 padding-bottom: 0px; /* to remove small blue line at bottom for pg-availability */
 }

.ui-header .ui-title a {
	text-decoration: none;
	color: #fff;
	font-weight: normal !important;
}

.ui-li-divider{
	font-weight: 500 !important;
}

.ui-li-count{
	font-weight: normal !important;
}

.ui-page > .ui-content {
/*    background: #fff8ed; */
	padding: 1em;
	padding-bottom: 2em; /* To assist with spacing for phones where bottom bar is raised */
	/* overflow-x: visible !important;  Added because when selecting available time in pg-availability, the pg-reserve page was shifted left, Removed because wasn't fixing problem */
}

.ui-page-theme-a .ui-slider.ui-bar-inherit {
	background-color: #eee;
	border-color: #ddd;
}

.inline-msg {
	color: #555;
	padding: 0.5em 1em;
	border-radius: 0.2em;
	text-shadow: none;
}
.info-msg {
	background: #ffffaa;
}
.error-msg {
	background: #FFAAAA;
}
.td-views-cs {
	margin: 1px -1em
}

.td-views-cs .ui-collapsible-content .ui-input-search {
	margin: 0 0 15px 0;
}

a.tdb-new-add.tdb-views-li-item{
	background-color: #f7fe88 !important;
}

hr{
	color:#fff
}

.loading-div {
	text-align: center;
}
.loading-text {
	display: block;
	font-size: 14px;
}

.ul-views-thumb .ui-btn{
	padding: 5px 60px 0 50px !important;
	min-height: 40px !important;
	max-height: 50px !important;
	white-space: normal !important;
	word-wrap: normal !important;
	font-size: 16px;
	line-height: 16px;
}

a.tdb-edit-image-btn.ui-btn {
	padding: 0.7em 1em !important;
	min-height: 0px !important;
	line-height: normal !important;
	font-size: 14px;
}

.ul-views-thumb .ui-btn img {
	height: 40px;
	width: 40px;
	padding: 5px;
}



.ui-page-theme-c .ui-btn.ui-icon-carat-l {
	background-color: #01add5 !important;
	border: 0;
	box-shadow: none;
}

.ui-icon-carat-l:after {
	background: url(images/back_btn.png) 70% 70% no-repeat;
	background-size: 1.5em 1.5em;
	margin-top: -0.6em !important;
}
.ui-icon-carat-l.ui-icon-alt:after {
	background: url(images/back_btn_b.png) 70% 70% no-repeat;
	background-size: 1.5em 1.5em;
	margin-top: -0.6em !important;
}

.ui-icon-carat-r-w:after,
.ui-icon-carat-r:after {
	background: url(images/right_caret.png) 70% 70% no-repeat;
	background-size: 1em 1em;
	/* margin-top: -1.1em; // Commented out because causing carat to be too high */
	background-color: transparent !important;
}

.ui-footer .ui-btn-icon-right:after {
	/* top: 1.05em; //Removed because was causing carat on button to be off for footer buttons like on pg-item */
}

.ui-collapsible-heading-toggle.ui-icon-carat-r::after {
	margin-top: -0.8em;
}

.availability-search-details-date {
	padding-top: 1em;
    padding-bottom: 2em;
	width: 100%;
}

.img_carat{
    height: 1em;
    width: 1em;
    margin-top: -.5em;
    margin-left: 1em;
    margin-right: 1em;

}

.availability_dow_carat{
	float:left;
	width: 25%;
}

.availability_dow{
	float:left;
	width: 50%;
	min-width: 33%;
}

.pg-main-listview{
	margin-top: 1em !important;
}

#pg-availability-cont-checkin-label{
	text-align: center;
}

#pg-availability-details-date-multiple-content{
	clear:both;
}

#pg-availability-reservation-listview{
	clear:both;
}

.ui-icon-carat-r:after {
	/* background: url(images/right_caret_b.png) 70% 70% no-repeat; */
	background-image: url(images/right_caret_b.png) !important;
	background-size: 1em 1em;
	margin-top: -0.8em;
	background-color: transparent !important;

}
.ui-icon-carat-r.ui-icon-alt:after {
	background: url(images/right_caret.png) 70% 70% no-repeat;
	background-image: url(images/right_caret.png) !important;	
	background-size: 1em 1em;
	margin-top: -0.8em;
	background-color: transparent !important;
}

.ui-icon-carat-d:after {
	background: url(images/down_caret_b.png) 50% 50% no-repeat;
	background-size: 1em 1em;
	margin-top: -0.8em !Important;
	background-color: transparent !important;
}

.ui-icon-carat-dw:after,
.ui-icon-carat-d.ui-icon-alt:after {
	background: url(images/down_caret.png) 50% 50% no-repeat;
	background-size: 1em 1em;
	margin-top: -0.8em !Important;
	background-color: transparent !important;
}

.ui-icon-carat-u:after {
	background: url(images/up_caret_b.png) 50% 50% no-repeat;
	background-size: 1em 1em;
	margin-top: -0.8em !Important;
}
.ui-icon-carat-u.ui-icon-alt:after {
	background: url(images/up_caret.png) 50% 50% no-repeat;
	background-size: 1em 1em;
	margin-top: -0.8em !Important;
}

.ui-icon-delete:after {
	background: url(images/close_btn_b.png) 50% 50% no-repeat;
	background-size: 1em 1em;
	margin-top: -0.8em !Important;
	background-color: transparent !important;
}
.ui-icon-delete.ui-icon-alt:after {
	background: url(images/close_btn.png) 50% 50% no-repeat;
	background-size: 1em 1em;
	margin-top: -0.8em !Important;
	background-color: transparent !important;
}
.fas {
	height: 0.9em;
	width: 0.9em;
	display: inline-block;
	/* background-size: 1em 1em; */
}
.fa-map-marker-alt {
	background: url(images/location_alt.svg) 100% 100% no-repeat;
}
.fa-label-alt {
	background: url(images/monument-alt.svg) 100% 100% no-repeat;
}
.fa-home-alt {
	background: url(images/home-alt.svg) 100% 100% no-repeat;
}
.fa-desc-alt {
	background: url(images/contract-alt.svg) 100% 100% no-repeat;
}

.ui-header .ui-icon-carat-l:after {
	background-size: 1.2em 1.5em;
	
}

/* Page Location */

#pg-location-details-div h3 a.ui-collapsible-heading-toggle {
	background-color: #b2e6f2;
	color: #222;
	text-shadow: none;
	border: 0 !important;
	box-shadow: none;
}

html body .ui-group-theme-b .ui-btn-b.ui-collapsible-heading-toggle {
	border-bottom: 0;
	border-color: #8eccda;
	color: #222;
	text-shadow: none;
	box-shadow: none;
}

html body .ui-collapsible-set.ui-group-theme-c h3 a.ui-btn,
html body .ui-collapsible-set.ui-group-theme-c h3 a.ui-btn:hover,
html body .ui-collapsible-set.ui-group-theme-c h3 a.ui-btn:active
 {
	background:#b2e6f2;
	border-color: #8eccda;
	box-shadow: none;
}

#pg-location-cont .ui-collapsible{
	clear: left;
}

#pg-location-content-header-div{
	text-align: center;
}

#pg-location-details-div .ui-collapsible-content {
	border: 0;
	padding-bottom: 0;
}

#pg-location-list-listview a{
	/* padding-top:0px; // Commented out because causing "no locations exist" li to be cut off at top */
}

#pg-location-list-listview .listview-add{
	/*npadding-top:1em; */
}

#pg-location-list-listview h2{
	margin-top: 0.3em;
	margin-bottom: 0.1em;
	padding-bottom: 3px;
}

#pg-location-list-listview p{
	margin-top: 0.25em;
	margin-bottom: 0.25em;        
}


.ui-collapsible-content p {
	/* border-bottom: 1px solid #eeefff; */
	padding: 0.1em 0;
	margin: 0px !important;
	line-height: 1.5em; /* So line spacing in collapsible divs have good spacing like in pg-reservation */
}
.ui-collapsible-content div p:last-child {
	/* background: #000; AD: Commented out because was causing different headings to have a black background, like Availability <p> above the availalble/open times, and the pdf instructions link */
}

.ui-listview>li p {
	border-bottom: 1px solid #eeefff;
}
/* End Page Location */

#pg-payment-message-div{
}

.message-div-green{
	background: #ccffcc;
}

.message-div-yellow{
	background: rgba(255,255,204,0.9) !important;    
}

.message-div-pink{
	background: #ffcccc;
}

.message-div{
	text-align: center;
	padding: 1em;
	font-weight: bold;
	margin-top: 0.5em;
	border-radius: 1em;
	margin-bottom: 1em;
}

.confirm-approved{
	background: #ccffcc;
}

.confirm-rejected{
	background: #ffcccc;
}

.rental-details-div{
	border-width: 2px;
	border-color: #01add5;
	background: aliceblue;
	border-style: solid;
	padding: 1em;
	background-image: url(images/BlueFadeRectangle.jpg);
	background-size: 100% 100%;
	/* border: none;  */
}

.rental-details-div img{
	/* Changed to width 100% because mobile view had image too large */
	width: 100%;
	border-radius: 1em;
	max-width: 480px;
	margin-bottom: 1em;
}

#reports-cont{

}

#reports-search-form{
	max-width: 500px;
	margin: auto;
}

#pg-report-table-main{
	width: 100%;
}

#pg-report-table-download{
	float: right;
}

#pg-reserve-form-quantity-menu .ui-btn{
	text-align: center;
}


.main-div{
	border-radius: 1em;
	border-style: solid;
	margin-top: 1em !important;
	margin-bottom: 1em !important;
	margin: auto;
	max-width: 800px;
	padding: 1em;
}

.yellow-div{
	border-width: 2px;
	border-color: #d5ce01;
	background-image: url(images/YellowFadeRectangle.png);
	background-size: 100% 100%;
	/* border: none;  */
}

.green-div{
	border-width: 2px;
	border-color: #04ce11;
	border-radius: 1em;
	border-style: solid;
	background-image: url(images/GreenFadeRectangle.png);
	background-size: 100% 100%;
	/* border: none;  */
}

.availability-search .ui-listview{    
	margin-top: 1em;
}

.availability-search .ui-btn{
	border-color: white;
}

#paypal-button-container-signup {
	padding-top: 1em;
}

#pg-signup-footer a {
	min-width: 10em;
}

.home-image-logo{
	text-align: center;
}
.home-image-logo img{
	width: 100%;
	/* margin-bottom: -2em; /* handle whitespace at bottom of logo */
	max-width: 22em;
}

#pg-scan,
#pg-menu,
.ui-page {
	background-image: url('../../../images/img-swing-bg30.jpg');
	background-size: cover;
	/* background-position: center; */
	position: absolute !important;
    height: 100%;
}

#pg-menu-cont{
	background: rgba(255,255,255,0.5);
	min-height: 936px;
}

#pg-menu-logo{
	text-align: center;
	margin-top: 35px;
}
.logo-menu{
	width:100%;
	max-width: 300px;
	/*
	max-width: 22em;
	*/
	background: rgba(255,255,255,0.75);
	border-radius: 1em;
	padding:1em;
}

#upgradeAccountCarousel {
	/* max-width: 1125px;  Commented out to show 4 options better w/ corporate */
	display: block;
}

.owl-dots {
	display: none;
}
.owl-controls {
	position: absolute;
	top: calc(50% - 179px); /* calc(70% - 83px); */
	top: -moz-calc(70% - 83px);
	z-index: 999;
	width: 100%;
	height: 63px;
	display: block;
	margin-left: -50%;
	left: 50%;
	opacity: 0.5;
}
.o_arrow {
	cursor: pointer;
}
.o_arrow img {
	width: 40px;
	height: 63px;
}

#upgradeTinySliderLeft,
#owlArrowLeft {
	margin-left: 0;
	float: left;
}

#upgradeTinySliderRight,
#owlArrowRight {
	margin-right: 0;
	float: right;
}

#upgradeSlider-mw .item{
/*
	margin-left: 1.5em;
	margin-right: 1.5em;
	*/
}
#upgradeSlider-mw {
	overflow: visible;
}

.tablesorter-fixedheading-divcontainer-class{
	margin-top: -45px; 
}

.tablesorter-fixedheading-table-class{
	padding-top: 45px; 
	max-height:500px;
}

.tablesorter-fixedheading-table-class tbody{
	max-height:500px;
}

.tablesorter-fixedheading-table-class thead{
	background-color: #eee;
}
/**
#pg-rentout-form-fee-div{
	clear: left;    
}

#pg-rentout-form-fee-div .ui-input-text{
	float: left;
	width: 35%;
	top: -2px;
	margin-right: 2%;
}

#pg-rentout-form-feeper-button {
	float: left;
	width: 43%;
	max-width: 20%
}

#pg-rentout-form-feeper-button {
	float: left;
	padding-top: 12px
}
**/

.inputTextSelect label{
	clear: left;
}

.inputTextSelect .ui-input-text{
	float: left;
	width: 10%;
	min-width: 50px; /* So will fit on mobile */
	margin-right: 2%;
	margin-top: 5px;
}

.inputTextSelect input{
	line-height: 30px;
	text-align: center;
}

.fee_number_div .ui-input-text{
	float: left;
	width: 10%;
	min-width: 50px; /* So will fit on mobile */
	margin-top: 3px;
}

.fee_label_div{
	clear: both;
}

#pg-rentout-form-addlprices-div .ui-input-text{

}

.fee_text_div .ui-input-text,
.inputTextSelect .ui-select .ui-btn
{
	float: left;
	width: 33%;
	min-width: 148px; /* updated to 100px so will fit on one line for pg-rentout */
	margin-left: 2%;
	margin-right: 2%;
	margin-top: 3px;
}

.ui-selectmenu-list a{
	font-weight: normal !important;
}

#pg-rentout-form-fee-addlPricingLink{
	clear: both;
	margin-top: 2px;
	margin-bottom: 8px;
}

.pg-rentout-form-timeperiod-advanced{
	padding-left: 40px;
}

.feecurrency-select{
	text-overflow: ellipsis;
	width: 50px;
}

.fee-text-display{
	padding-top:14px;
}

.sm-search-input-title{
	font-weight: 600 !important;
	/* padding-top: 1em; Commented out because From/To fields with 50/50 split were dropping low */
}

.sm-search-input-date{
	font-size: 16px; /* 0.93em; */
}

::-webkit-calendar-picker-indicator{
    margin-left: 0px;
}

.fee_checkbox_div{
	float: left;
	max-width: 125px;
	/**
	margin-top: 12px;    
	padding-top: 7px;
	padding-bottom: 7px;
	**/
}

.fee_checkbox_div .sm-search-input-title{
	padding-top: 7px;
	padding-bottom: 7px;
	margin-top: -5px;
	font-weight: normal !important;
	font-size: small;
	line-height: 22px;
}

#pg-rentout-form-fee-div span{
	float: left;
	padding-right: 4px;
}


#pg-rentout-form-availability-div input{
/*    width: 50px !important; */

}

#pg-rentout-form-availability-times-div .ui-input-text{
	max-width: 7.5em !important; 
	
}

#pg-rentout-form-availability-times-div .ui-li-aside {
	right: 1em !important;
	position: absolute !important;
}
	
.pg-rentout-form-availability-to{
	max-width: 7em !important;     
	text-align: center;
}

.pg-rentout-form-collapsible-div{
	clear: left;
}

.pg-rentout-form-collapsible-div .ui-collapsible-content{
	padding: 1em;    
	border-bottom-width: 0px; /* Removes hanging bottom border that is displayed when containing divs are not displayed, like Rental Item */
}

.qr-image{
	text-align: center;
	max-width: 500px;
	margin: auto;
}

.qr-image img{
	width: 100%;
}

#pg-qr-cont-qr-logo-img{
  width:200px;
  height:200px;
  object-fit:cover;
  background-color: white;
  border-radius: 1em;
}

#pg-availability-search .ui-navbar ul{
	margin-left: 0px;
}

.available-listview-li-text h1,
#pg-availability-listview h1{
	font-size: 1.5em !important;
	font-weight: normal !important;    
}

.available-listview-li-text h3,
#pg-availability-listview h3{
	font-size: 1.25em !important;
	font-weight: normal !important;
	text-transform: capitalize !important;
}

.btn-class {
	font-weight: 400 !important;
	border-radius: 0.5em;
	text-shadow: none !important;    
}

.pg_menu_btn_class,
.btn_submit_class,
.btn-submit-class{
	color: white !important;
	background-color: #01add5 !important;
	font-weight: 400 !important;
	border-radius: 0.5em;
	text-shadow: none !important;
	max-width: 300px;
	margin: auto;
	margin-top: 0.25em;
	margin-bottom: 0.25em;
}

.pg_menu_btn_footer_class{
	color: #333333 !important;
	background-color: #fff !important;
	font-weight: 400 !important;
	border-radius: 0.5em;
	text-shadow: none !important;
	font-size: 1em !important;

}

/*#upg_accounttype-button, */
.btn-submit-class-footer{
	color: black !important;
	background-color: #f0f8ff !important;
	font-weight: 400 !important;
	border-radius: 0.5em;
	font-size: 1em !important;
	max-width: 96%;
}

.btn-confirm-class{
   color: white !important;
   background-color: #00c247!important;
}

.btn-delete-class{
	color: white !important;
	background-color: #cb3722!important;
}

.btn-contact-class{
   color: white !important;
   background-color: #38c !important;
}


.count-rounded .ui-li-count{
	border-color: #dddddd !important;
	font-weight: 650 !important;
	border-radius: 1em;
	padding-top: 1px !important;
}

.ui-li-count{
	min-width: 2em;
}

.ui-li-count-green,
.count-green .ui-li-count{
	color: #04ce11 !important;
	background-color: #cdf5cf !important;
}

.ui-li-count-red,
.count-red .ui-li-count{
	color: #ff5050 !important;
	background-color: #ffdada !important;
}

.ui-li-count-yellow,
.count-yellow .ui-li-count{
	color: #efc30f !important;
	background-color: #fcf3cf !important;
}

.count-gray .ui-li-count{
	color: #dadada !important;
	background-color: #4f4f4f !important;
}





.cs-bottom-action-btns {
	height:40px;
	width:40px;
	display: inline-block;
    margin-left: 1px;
    margin-right: 1px;
	border-radius: 2em;
}

.cs-bottom-action-btns i{
	padding: 0.1em;
}

.content-copy {
	background-color: #e1ffe1;
	padding: 0;
	/* margin: 0; */
	margin-top: -10px;
	position: relative;
}

.content-edit {
	background-color: #fcf3cf;
	padding: 0;
	/* margin: 0; */
	margin-top: -10px;
	position: relative;
}

.content-delete, .availabletimes-delete-icon


 {
	background: #ffdada;
	margin: 0;
	margin: 0 2px;
}

.fa-edit-alt {
	top: 5px;
	left: 12px;
	position: absolute;
	margin: 5px 5px 5px 3px;
	background: url(images/edit-col.svg) 100% 100% no-repeat;
}
.fa-copy-alt {
	top: 12px;
	left: 14px;
	position: absolute;
	background: url(images/copy-col.svg) 100% 100% no-repeat;
}
.fa-paste-alt {
	top: 11px;
	left: 12px;
	position: absolute;
	background: url(images/paste-col.svg) 100% 100% no-repeat;
}
.fa-delete-alt {
	top: 12px;
	left: 14px;
	position: absolute;
	background: url(images/trash-col.svg) 100% 100% no-repeat;
}

.availabletimes-copy-icon {
	background:#ddf4de;
	margin: 0 2px;
	/**
	border-top-left-radius: 6px;
	border-top-right-radius: 6px;
	**/

}
.availabletimes-delete-icon {
	/**
	border-top-left-radius: 6px;
	border-top-right-radius: 6px;
	**/

}
.availabletimes-paste-icon {
	background: #cce4f7;
	/**
	border-top-left-radius: 6px;
	border-top-right-radius: 6px;
	**/
}

.cs-bottom-action-btns {
	position: relative;
}

.content-logo-div{
	clear: left;
	text-align: right;
	height: 40px;
	padding-right: 0px;
	overflow: hidden;
	margin: 0;
}
.content-actions-div{
	text-align: right;
	height: 40px;
	padding-right: 0px;
	overflow: hidden;
	margin: 0;
	padding-top:10px;
	float: right;
}

#pg-rentout .content-logo-div {
	margin-bottom: -10px;
}

#pg-item-activity-collapsible-div .ui-listview{
	padding-bottom: 1em;
}

#pg-item-availability-date-div{
	padding: 1em;
	padding-bottom: 2em;
}

#pg-item-availability-listview{
	/* padding-bottom: 0.5em; */
	/* margin-top: -9px;
    margin-bottom: 0px !important;
	*/
}

#pg-item-availability-listview .ui-li-aside{
	top: 0.75em;
}

.content-logo-div img {
	/* width: 2em; */
}

.book_firstAvailable_label{
	font-weight: normal;
	text-align: center;
	margin-top: 0.5em;
}

.available-yes {
	background-color:rgba(204,255,204,0.05) !important;    
}

.available-yes-old {
	background-color:rgba(204,255,204,0.95) !important;    
}

.available-yes h2{
	color: #72c04c;

}

.available-booked,
.available-no {
	background-color:rgba(255,204,204,0.95) !important;    
}

.available-booked h2,
.available-no h2{
	color: #ff0303;

}

.available-pending {
	background-color:rgba(255,255,204,0.95) !important;    
}
.available-pending h2{
	color: #efc30f;
}

.available-not,
.available-past {
	background-color: #cccccc !important;
}

.sharelink_box_div,
#pg-item_sharelink_box {
	border-radius: 8px;
	overflow: hidden;
	padding: 5px;
	text-align: center;
}

.sharelink_box_div strong,
#pg-item_sharelink_box strong {
	background: #01add5 !important;
	color: #fff !important;
	text-decoration: none !important;
	font-weight: normal;
	padding: 20px;
	border-radius: 8px;
	/* float: left; // Commented out because was causing button to not exist in the parent div, no spacing at bottom */
	text-align: center;
}

.sharelink_box_div a,
.sharelink_box_div span,
#pg-item_sharelink_box span {
	width: 94%;
	word-wrap: normal;
	white-space:normal;
	/* line-height: 12px; */
	/* float: left; // Commented out because was causing button to not exist in the parent div, no spacing at bottom */
}


/* stack all grids below 40em (640px) */
@media all and (max-width: 35em) {
	.ui-landing-grid .ui-block-a,
	.ui-landing-grid .ui-block-b,
	.ui-landing-grid .ui-block-c,
	.ui-landing-grid .ui-block-d,
	.ui-landing-grid .ui-block-e {
		width: 100% !important; 
		float: none;
		clear: both;        
	}
}
.ui-landing-grid .ui-block-a.align-center,
.ui-landing-grid .ui-block-b.align-center,
.ui-landing-grid .ui-block-c.align-center,
.ui-landing-grid .ui-block-d.align-center,
.ui-landing-grid .ui-block-e.align-center {
	text-align:center;
}

	/* Responsive Styles */
	@media only screen and (max-width : 800px) and (min-width : 320px) {
		.details-left-div {
			max-width: unset !important;
			
		}	
		.details-right-div {
		    width: 100% !important;	
		}
	}

	@media only screen and (max-width : 607px) {

		.availability-half {
			min-width: 288px;
			width: 100% !important;
		}
	}

	@media only screen and (max-width : 1290px) and (min-width : 1000px) {
	   /* Medium desktop: 4 tiles */
		.owl-controls {
			display: none;
		}
		#upgradeAccountCarousel {
			 margin: 0 auto !important; 
		}
		#pg-account-upgrade-cont {
			margin-bottom: 120px;
		}
		
	}
	@media only screen and (min-width : 1291px) {
		#upgradeAccountCarousel {
			margin: 0 auto !important; 
		}
		.owl-controls {
			display: none;
		}
		#pg-account-upgrade-cont {
			margin-bottom: 120px;
		}
		
		
	}

.btn_standard {
	/* width: 300px; */
	max-width: 300px; /* Updated to 300 to make it look more like a button for Book Current Timeslot on pg=availability */
	margin: auto;
	margin-bottom: 0.5em;
	border-radius: 0.5em;
	padding: 0.7em 1em;
}

.btn_wide {
	width: 300px;
	margin: auto;
	margin-bottom: 0.5em;
	border-radius: 0.5em;
	padding: 0.7em 1em;
}

.btn_booknow{
	
}

#pg-signup .ui-select,
#pg-signup .ui-input-text,
#pg-account-upgrade .ui-select {
	max-width: 420px;
	margin: auto;
    margin-bottom: 6px;
}

.contentBody{
    /* max-width: 600px; Commented because was causing tables to be cut off and inaccessible */
    margin: auto;
}

.ui-select{
    max-width: 420px;
    margin: auto;
	background-color: white;
}

.ui-select .ui-btn select {
	font-weight: normal !important;
}    

#stripe-button-container-upgrade {

}

#paypal-button-container-upgrade {
	padding-top: 1em;
	min-height: 5.5em;
	margin-bottom: -1em;
}

#pg-upgrade-footer .ui-btn {
	font-size: 1em;
}

#pg-upgrade-footer .ui-btn-icon-right:after {
    top: 1.33em;
}


#pg-account-listview{
	margin-top: 1em;
}

#pg-account-info-user-div .content-logo-div{
	margin-top: 12px;
	overflow:visible;
}

.location-qr-listview-img {
	position: absolute;
	left: 0;
	top: 0;
	max-height: 5em;
	max-width: 5em;
}

.location-qr-listview-img canvas{
	height: 2em !important;
	margin: 1em;
}

.error{
	color:red;
}
.fee-input{
	text-align: right !important;
}

.signup_addllinks{
	font-size: 0.75em;
	text-align: center;
    margin-top: 1em;
}

.content-icon{
	width: 2em;
	margin-top: -0em;
}

.content-edit-icon img{
	width: 2em;
	margin-top: -1em;
}

.content-delete-icon img{
	width: 2em;
	margin-top: -1em;
}

.header_pre,
#toppanel {
	/**
    max-height: 100px;
    height: 100px;
    min-height: 100px;
	**/
    width: 100%;
    /* background: #f7f796; */
	background: #ffc309;
	margin-top: -1px;
	color: black;
	font-weight: normal;
	border-radius: 0em 0em 1.5rem 1.5rem;
	padding: 0.5em;
	display: block;
	/*
    background-image: url(images/YellowFadeRectangle.png);
    background-size: 100% 100%;	
	*/
}

.ui-panel,
#rightmenupanel{
	z-index: 999999;
}
.logo-rightmenupanel{
	max-width: 100%;
	margin-bottom: 1em;
}

/* #upg_accounttype-button, */
/* .dark-blue-select .ui-btn,
.dark-blue-select, */
#pg-availability-details-name-select-button{
	/* background-color:#01add5; /* Changing button color because carat-d cannot use ui-icon-alt */
	border: 1px solid #01add5;
	/* color: #fff; */
	font-weight:500;
}


#pg-availability-details-media-div{
	height: 200px;
}

#pg-availability-details-media-div img{
	max-height: 180px;
	width: unset;
}

.availability-search-details-date-input,
.availability-search-details-date{
/* #pg-availability-details-date{ */
	text-align: center !important;
	/* font-weight: bold; */
	font-size: 1.5em;
}

.icon-info-inline{
	top:-5px;
}

.icon-info-inline:after{
	background-color: rgba(1,173,213,0.75) !important;
}

.norows-li, .nowrows-li>a.ui-btn, .nowrows-li>li>a.ui-btn, .nowrows-li .ui-btn{
	text-align: center !important;
	white-space: normal !important;
}

.bg-pink{
	background-color: pink !important;
}

.link-standard{
	text-decoration: underline !important;
	color: #0142d5 !important;
}

.listview-add{
	/* background-color: #8bc34a !important; */
	background-color: #b1f2b3 !important;
	/* margin-bottom: 7px !important; commented because causing whitespace on pg-item Media/Photos Add */
}

.sideByside .ui-block-a {
	/* padding-right: 6px; /* commenting out because makes primary image look off-center in pg-location */
}
.sideByside .ui-block-b {
	/* padding-left: 6px; /* Removed so sidebyside for pg-availability will have proper alignment for Availability */
}

.ui-content .ui-listview {
	/*
	margin-top: -0.5em;
	margin-bottom: 0.5em;
	*/
	margin-left: -1em;
	margin-right: -1em;
	
	/* margin-top: 0em;  /* Removed because Weekly Availability/Open Hours Sun had extra space at top */
	/* margin-bottom: 0em !important; /* Added for WeeklyAvailability/open hours spacing on bottom */
}

.ui-panel-inner>.ui-listview {
	/*
	margin-top: -0.5em;
	margin-bottom: 0.5em;
	*/
	margin-left: -1em;
	margin-right: -1em;
	margin-top: 1em;
	/* margin-bottom: 0.5em; */
}


#pg-search-map-google-div{
	min-height: 24em;
}

.google-map-default-div{
	min-height: 14em;
	margin-top: 1em;
	margin-bottom: 1em;
}

.map_embedded{
	width: 100%;
	height: 420px;
}

.google-map-default-loaded-div{
	min-height: 24em;
}

#pg-rentout-form-img {
	opacity: 1;
}

.fileinput-btn {
	padding: 0;
	margin: 0;
	background: #ccc;
	
}

.fileinput-btn .ui-input-text{
	padding: 0;
	margin: 0;
	background-color: #ddd;
}

.fileinput-btn input {
	cursor: pointer;
}

.fileinput-btn span {
	position: absolute;
	top: 25%;
}

.tdb-thumb-cont{
	text-align: center;
}

.pdf-print{
	overflow: visible !important;
	min-width: 800px;
}

.pg-pdf-printable-table-class{

	/* Generic CSS for All Printable Tables */
	/**
	width: 8.5in;
	height: 11in;
	**/
	/* margin: 0in .1875in; */
	/* background-color: #FFFFAD; /* for testing */
}

.pdf-contentName{
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}

.pdf-label-qrcode{
	text-align: center;
}

#pg-pdf-labels-table-id {
}

#pg-pdf-labels-table-id  td {
}   

.pdf-label-header{
	background-color: rgba(221,221,221,0.85);
    color: #000;
}

.pdf-label-footer{
	background-color:rgba(1,173,213,0.9);
	margin-top: 0px;
}

.pdf-label-header-footer-bw{
    color: #000 !important;
	background-color: #fff !important;

}

.photopopup{
	background-color: white;
	border-radius: 1em;
}

#pg-pdf-printable-table-id {
	/*
	margin-top: 1em;
	min-width: 700px;
	*/
	text-align: center;
}

#pg-pdf-printable-table-id td {
	/* height: 300px; */
	/* background: #eee; */ /* For Testing */
	text-shadow: none;
}

#pg-pdf-printable-table-id td.colhf {
	height: 150px;
}

.pdf-printable-header-td{
	height: 5in;
}
.pdf-printable-steps-class{
	height: 2in;
}
.pdf-printable-footer-td{
	height: 2in;
}

.pdf-printable-footer img{
	max-height: 1.5in;
}

.pdf-instructions {
	background-image: url("images/PDF/PDFInstructions-Background.png");
	/* background-image: url("images/PDF/gymbgall.png"); */
	background-size: 100%; /* Resize the background image to cover the entire container */
	background-repeat: no-repeat;
	margin: 0;
	padding: 0px;
	width: 8.5in;
	height: 11in;
}

.pdf-instructions-header{
	color: #fff;
	position: absolute;
	top: 0.7in;
	text-align: center;
	width: 8.5in;
}

.pdf-instructions .pdf-printable-qrcode img,
.pdf-instructions canvas{
	/*
	position: absolute;
	top: 2.53in;
	left: 3.65in;
	height: 1.5in !important;
	width: 1.5in !important;
	*/
}

.pdf-instructions-qrcode{
    /* background-color: red; */
    height: 150px;
    width: 1.5in;
    position: absolute;
    top: 1.70in;
    left: 3.50in;
}

.pdf-instructions-contact{
	color: #28abe3;
	position: absolute;
	top: 4.25in;
	text-align: center;
	width: 8.5in;
	line-height: 1.75em;
}

.pdf-instructions-bgpic{
	/* background: red; */
	width: 8.5in;
	height: 5in;
	background-size: 100% 100%;

}

.pdf-instructions-image{
	height: 100%;
	border-radius: 9em;
	width: 100%;
}

.pdf-instructions-bottompics{
	background-color: #28abe3;
	height: 2.2in;
	width: 2.2in;
	position: absolute;
	border-radius: 9em;
	background-repeat: no-repeat;
	/* background-size: 100% 100%; */
	background-size: cover;
	background-position: center;
}

.pdf-instructions-leftpic{
	top: 4.94in;
	left: 0.55in;
}

.pdf-instructions-centerpic{
    top: 5.5in;
    left: 3.15in;
}

.pdf-instructions-rightpic{
	top: 4.94in;
	left: 5.73in;	
}

/*  Instructional CSS for different business types */

.pdf-instructions-gym1 .pdf-instructions-bg-pic{
	/* background-image: url("images/PDF/gymbg1.png"); */
}

.pdf-instructions-gym1 .pdf-instructions-leftpic{
	/* background-image: url("images/PDF/gympic1.png"); */
}

.pdf-instructions-gym1 .pdf-instructions-rightpic{
	/* background-image: url("images/PDF/gympic2.png"); */

}

/* Label CSS For different templates */

.previewTable {
	color: black;
    text-shadow: 1px 1px white;
}

.label-5160{
		/* Example from: https://boulderinformationservices.com/blog/print-avery-labels-using-css-and-html/ */
		/* Avery 5160 labels -- CSS and HTML by MM at Boulder Information Services */
		width: 2.025in; /* plus .6 inches from padding */
		height: .875in; /* plus .125 inches from padding */
		padding: .125in .3in 0;
		margin-right: .125in; /* the gutter */


		/* 
		Set the top margin at .5 inches, side margin to .19 inches, vertical pitch to 1 inch, horizontal pitch to 2.75 inches
		, paper size to 8.5 by 11 inches
		, label height at 1 inch and label width at 2.63 inches. The number across is three and the number down is 10.
		*/

		float: left;

		text-align: center;
		overflow: hidden;

		outline: 1px dotted; /* outline doesn't occupy space like border does, for testing */
}

/* https://begalabel.com/2-x-2-Square-Labels-Jar-Label-Product-Nutritional-Labels.html 

Gaps Between Labels: Horizontal 0.625", Vertical 0.57"

Margins: Top 0.645", Bottom 0.645", Left 0.625", Right 0.625"
*/

.label-8164 {
	width: 9in !important;
	/* Page Margins */
	padding-top: 0.3in !important;;
	padding-bottom: 0.3125in !important;;
	padding-left: 0.35in !important;;
	padding-right: 0in !important;
}

.label-8164 td{
	text-align:center;
	width: 4.0in; /* plus .6 inches from padding */
	height: 3.33in; /* plus .125 inches from padding */
	padding-top: .125in;
	padding-right: 0.0625in;
	padding-left: 0.0625in;
	padding-bottom: 0;
	/* padding: 0em 0.6em 1em 0.6em; */

	/* space between labels */
	margin-top: .2in; /* the gutter */
	margin-right: .275in; /* the gutter */
	margin-left: .2in; /* .625/2 */
	margin-bottom: .09in; /* the gutter */

	float: left;

	overflow: hidden;
	outline: 1px dotted; /* outline doesn't occupy space like border does, for testing */
}

.label-8164 canvas{
	/* QR Code Size */
	max-height:1.25in;
	max-width:1.25in;

}

/* Note: Printing via Google Print vs. Print from PDF/Adobe prints differently.  Please ensure all edits are for PDF print */

.label-22806{
	/** CSS For the label sheet **/

	/**
	width: 9in !important;
	height: 11in !important;
	**/

	/* Page Margins */
	/* Original */
	/*
	padding-top: 0.3in !important;;
	padding-bottom: 0.3125in !important;;
	padding-left: 0.35in !important;;
	padding-right: 0in !important;
	*/

	/* Test */
	padding-top: 0in !important;;
	padding-bottom: 0n !important;;
	padding-left: 0in !important;;
	padding-right: 0in !important;

	/* For Google Print */
	margin: 0 auto;
	margin-top: 0.3in !important;
	margin-left: 0.3in !important;
	/**/

	/* For PDF Print */
	/*
	margin: 0 auto;
	margin-top: 0.0in !important;
	margin-left: 0.0in !important;
	*/
	/**
	**/
	/* background-color: #f00 // For Testing */

}

.label-22806 td{
	text-align:center;
	width: 2.0in; /* plus .6 inches from padding */
	height: 2.0in; /* plus .125 inches from padding */
	padding-top: 0.0625in; /*.125in; */
	padding-right: 0.0625in;
	padding-left: 0.0625in;
	padding-bottom: 0;
	/* padding: 0em 0.6em 1em 0.6em; */

	/* space between labels */
	/* for Google Print */

	margin-top: .3in; 
	margin-right: .3in; 
	margin-left: .3in; 
	margin-bottom: .3in;
	/**/

	/* for PDF Print */
	/*
	margin-top: .33in;
	margin-right: .33in;
	margin-left: .33in;
	margin-bottom: .33in;
	*/

	float: left;

	overflow: hidden;
	outline: 1px dotted; /* outline doesn't occupy space like border does, for testing */
	/* border: 1px solid; /* for testing */
}

.label-22806 img,
.label-22806 canvas{
	/* QR Code Size */
	max-height:1.25in;
	max-width:1.25in;

}


.label-22806-exact{
	width: 9in !important;
	/* Page Margins */
	padding-top: 0.3125in !important;;
	padding-bottom: 0.3125in !important;;
	padding-left: 0.3125in !important;;
	padding-right: 0.3125in !important;
}
.label-22806-exact tr{
	
}

.label-22806-exact td{
	text-align:center;
	width: 2.0in; /* plus .6 inches from padding */
	height: 2.0in; /* plus .125 inches from padding */
	padding-top: .0625in;
	padding-right: 0.0625in;
	padding-left: 0.0625in;
	padding-bottom: 0;
	/* padding: 0em 0.6em 1em 0.6em; */
	/* space between labels */
	margin-top: .3125in; /* the gutter */
	margin-right: .3125in; /* the gutter */
	margin-left: .3125in; /* .625/2 */
	margin-bottom: .3125in; /* the gutter */

	float: left;

	overflow: hidden;
	outline: 1px dotted; /* outline doesn't occupy space like border does, for testing */
}


.label-vc500{
	width: 3.75in; /* plus .6 inches from padding */
	height: 2.0in; /* plus .125 inches from padding */

	/* width: 4in !important; */
	/* Page Margins */
	/*
	padding-top: 0.3in !important;;
	padding-bottom: 0.3125in !important;;
	padding-left: 0.35in !important;;
	padding-right: 0in !important;
	margin-left: 0.35in !important;
	*/
	/* background-color: #f00 // For Testing */
	
}

.label-vc500 .previewTd,
.label-vc500 td{
	text-align:center;
	width: 3.75in; /* plus .6 inches from padding, Reduced to 3.4 because labels were too long */
	height: 2.0in; /* plus .125 inches from padding */
	/**
	padding-top: .125in;
	padding-right: 0.0625in;
	padding-left: 0.0625in;
	padding-bottom: 0;
	**/
	/* padding: 0em 0.6em 1em 0.6em; */

	float: left;

	overflow: hidden;
	outline: 1px dotted; /* outline doesn't occupy space like border does, for testing */
}

.label-vc500 .labelSpacing{
	/* space between labels */
	margin-top: .625in; /* the gutter */
	margin-right: .275in; /* the gutter */
	margin-left: .40in; /* .625/2 */
	margin-bottom: .09in; /* the gutter */
}

.label-vc500 .pdf-label-background{
    height: 100%;
    width: 100%;
	position: absolute;
}

.label-vc500 .pdf-label-background img{
    max-height: 100%;
    max-width: 100%;
}

.label-vc500 .pdf-label-header{
	float:right;
    position: relative;
	vertical-align: middle;
	display: table;
    outline: 1px solid black;
	margin-top: 0.1in;
	right: 0.05in;
	width: 1.85in;
}

.label-vc500 .pdf-label-header-inner{
	height: 0.66in;
	vertical-align: middle;
	display: table-cell;
}

.label-vc500 .pdf-label-header-inner{
	vertical-align: middle;
}

.label-vc500 .pdf-label-qrcode{
	position: relative;
	top: 0.1in;
	height:1.85in;
	width:1.85in;
	/**
	top: -19px;
	left: 25px;
	**/
}

.label-vc500 .pdf-label-footer{
	float:right;
	position: relative;
	width:1.85in;
	bottom: 1in;
	margin-bottom: 0.1in;
	right: 0.05in;
	display: table;
	outline: 1px solid black;
}

.label-vc500 .pdf-label-footer-inner{
	vertical-align: middle;
	display: table-cell;
	height: 1in;
	color: white;
	text-shadow: 1px 1px black;
}

.label-vc500 img,
.label-vc500 canvas{
	/* QR Code Size */
	max-height:1.75in;
	max-width:1.75in;
}

.label-3x6{
	/**
	width: 6.0in; /* plus .6 inches from padding */
	/* height: 3.0in; /* plus .125 inches from padding */
	
	/* width: 4in !important; */
	/* Page Margins */
	/*
	padding-top: 0.3in !important;;
	padding-bottom: 0.3125in !important;;
	padding-left: 0.35in !important;;
	padding-right: 0in !important;
	margin-left: 0.35in !important;
	*/
	/* background-color: #f00 // For Testing */
	
}

.label-standard .previewTd,
.label-standard td {
	text-align:center;

	float: left;

	overflow: hidden;
	outline: 1px dotted; /* outline doesn't occupy space like border does, for testing */
}

.label-standard .pdf-label-background{
    height: 100%;
    width: 100%;
	position: absolute;
}

.label-standard .pdf-label-background img{
    max-height: 100%;max-width: 100%;
}
.label-standard .pdf-label-header{
	float:right;
    position: relative;
	vertical-align: middle;
	display: table;
    outline: 1px solid black;
    border: 1px solid black;
}
.label-standard .pdf-label-header-inner{
	vertical-align: middle;
	display: table-cell;
}

.label-standard .pdf-label-header-inner{
	vertical-align: middle;
}

.label-standard .pdf-label-qrcode{
	position: relative;
}

.label-standard .pdf-label-footer{
	float:right;
	position: relative;
	display: table;
	outline: 1px solid black;
    border: 1px solid black;
}

.label-standard .pdf-label-footer-inner{
	vertical-align: middle;
	display: table-cell;
	color: white;
	text-shadow: 1px 1px black;
}

.label-standard-bw .pdf-label-footer-inner{
	color: black !important;
	text-shadow: 1px 1px white !important;
}

.label-standard img,
.label-standard canvas{
	/* QR Code Size */
	height:95%;
	/* max-width:1.75in; */
}


.label-3x6 .previewTd,
.label-3x6 td{
	width: 6in; /* plus .6 inches from padding, Reduced to 3.4 because labels were too long */
	height: 3in; /* plus .125 inches from padding */
	/**
	padding-top: .125in;
	padding-right: 0.0625in;
	padding-left: 0.0625in;
	padding-bottom: 0;
	**/
	/* padding: 0em 0.6em 1em 0.6em; */
}

.label-3x6 .labelSpacing{
	/* space between labels */
	margin-top: .625in; /* the gutter */
	margin-right: .275in; /* the gutter */
	margin-left: .40in; /* .625/2 */
	margin-bottom: .09in; /* the gutter */
}

.label-3x6 .pdf-label-header-footer{
	right: 0.1in;
	width: 2.8in;
}

.label-3x6 .pdf-label-header{
	margin-top: 0.1in;
	height: 1in;
	font-size: 24px;
}

.label-3x6 .pdf-label-header-inner{
	height: 0.66in;
}

.label-3x6 .pdf-label-qrcode{
	top: 0.1in;
	height: 2.8in;
	/**
	height:1.85in;
	width:1.85in;
	**/
	/**
	top: -19px;
	left: 25px;
	**/
}

.label-3x6 .pdf-label-footer{
	bottom: 1in;
	margin-bottom: 0.1in;
	height: 1.6in;
    top: -1.5in;	
}

.label-3x6 .pdf-label-footer-inner{
	height: 1in;
	font-size: 24px;
}

/* 3.5x4.5 */
	.label-3-5x4-5 .previewTd,
	.label-3-5x4-5 td{
		width: 4.5in; /* plus .6 inches from padding, Reduced to 3.4 because labels were too long */
		height: 3.5in; /* plus .125 inches from padding */
		/**
		padding-top: .125in;
		padding-right: 0.0625in;
		padding-left: 0.0625in;
		padding-bottom: 0;
		**/
		/* padding: 0em 0.6em 1em 0.6em; */
	}

	.label-3-5x4-5 .labelSpacing{
		/* space between labels */
		margin-top: .625in; /* the gutter */
		margin-right: .275in; /* the gutter */
		margin-left: .40in; /* .625/2 */
		margin-bottom: .09in; /* the gutter */
	}

	.label-3-5x4-5 .pdf-label-header-footer{
		right: 0.1in;
		width: 2.0in;
	}

	.label-3-5x4-5 .pdf-label-header{
		margin-top: 0.1in;
		height: 1in;
		font-size: 18px;
		width: 1.7in !important;
		right: 0.1in;
    	top: 0.8in;
    	height: 2.5in;
	}

	.label-3-5x4-5 .pdf-label-header-inner{
		height: 0.66in;
		padding: 0.25em;
	}

	.label-3-5x4-5 .pdf-label-qrcode{
		top: 0.9in;
		left: -0.05in;
		height: 2.5in;
	}

	.label-3-5x4-5 .pdf-label-footer{
		float:left !important;
		width: 4.3in;
		left: 0.1in;
		right: 0.1in;
		top: -2.5in;
		height: 0.75in;
	}

	.label-3-5x4-5 .pdf-label-footer-inner{
		font-size: 36px;
	}


.label-5x5 .previewTd,
.label-5x5 td{
	width: 5in; /* plus .6 inches from padding, Reduced to 3.4 because labels were too long */
	height: 5in; /* plus .125 inches from padding */
	/**
	padding-top: .125in;
	padding-right: 0.0625in;
	padding-left: 0.0625in;
	padding-bottom: 0;
	**/
	/* padding: 0em 0.6em 1em 0.6em; */
}

.label-5x5 .labelSpacing{
	/* space between labels */
	margin-top: .625in; /* the gutter */
	margin-right: .275in; /* the gutter */
	margin-left: .40in; /* .625/2 */
	margin-bottom: .09in; /* the gutter */
}

.label-5x5 .pdf-label-header-footer{
	/* right: 0.1in; */
	width: 2.8in;
}

.label-5x5 .pdf-label-header{
	float: unset;
	width: 96%;
	margin: 0.1in;
	height: 0.75in;
	font-size: 36px;
}

.label-5x5 .pdf-label-header-inner{
	height: 0.66in;
}

.label-5x5 .pdf-label-qrcode{
	top: 0.1in;
	height: 2.8in;
	/**
	height:1.85in;
	width:1.85in;
	**/
	/**
	top: -19px;
	left: 25px;
	**/
}

.label-5x5 .pdf-label-footer{
	bottom: 1in;
	margin: 0.1in;
	/* margin-bottom: 0.1in; */
	/* height: 2in; */
    top: 0.1in;	
	width: 96%;
}

.label-5x5 .pdf-label-footer-inner{
	height: 1in;
	font-size: 24px;
}


.label-2x3 .previewTd,
.label-2x3 td{
	width: 3in; /* plus .6 inches from padding, Reduced to 3.4 because labels were too long */
	height: 2in; /* plus .125 inches from padding */
	/**
	padding-top: .125in;
	padding-right: 0.0625in;
	padding-left: 0.0625in;
	padding-bottom: 0;
	**/
	/* padding: 0em 0.6em 1em 0.6em; */
}

.label-2x3 .labelSpacing{
	/* space between labels */
	margin-top: .625in; /* the gutter */
	margin-right: .275in; /* the gutter */
	margin-left: .40in; /* .625/2 */
	margin-bottom: .09in; /* the gutter */
}

.label-2x3 .pdf-label-header-footer{
	right: 0.1in;
	width: 2.8in;
}

.label-2x3 .pdf-label-header{
	margin-top: 0.1in;
	height: 1in;
	width: 1in;
	font-size: 13px;

}

.label-2x3 .pdf-label-header-inner{
	height: 0.66in;
}

.label-2x3 .pdf-label-qrcode{
	/* top: 0.1in; */
	height: 2in;
	width: 2in;
	/**
	height:1.85in;
	width:1.85in;
	**/
	/**
	top: -19px;
	left: 25px;
	**/
}

.label-2x3 .pdf-label-footer{
	/* bottom: 1in;
	margin-bottom: 0.1in; */
	height: 0.8in;
	width: 0.8in;
    top: -1.0in;	
}

.label-2x3 .pdf-label-footer-inner{
	font-size: 13px;
}


.listview-image{
	object-fit: cover;
	width: 100%;
	height: 100%;
}


.ui-page-theme-c .ui-collapsible-heading-toggle.ui-btn {
	background-color: #b2e6f2 !important;
}

/* Landing Page Specific CSS */

#pg-share .qr-logo,
#pg-landing .qr-logo,
#pg-landing-item .qr-logo
{
	top: 68px !important;
	left: -5px !important;
}


#pg-share .qr-logo-bg,
#pg-landing-item .qr-logo-bg,
#pg-landing .qr-logo-bg {
	max-width: 225px;
}

#pg-share #logo-top,
#pg-landing-item #logo-top,
#pg-landing #logo-top {
	max-width: 225px;
	margin-left: 20px;
}

#pg-landing h2{
	text-transform: capitalize !important;
}

#pg-landing .qr-home-right {
	/* min-width: 50%; // Commented because black box in top right of landing page was flush right */
}

#landing-item-lower .landing_lower_half{
	padding: 1em;
}

.qr-home-right ul{
	color: #29abe2;
	padding-left: 3em;
	padding-bottom: 1em;
}

#pdf-landing-cont{
	padding: 0px;
	margin-top: -1em;
}

/**
#landing-lower .ui-landing-grid{
	overflow: visible !important;
}
**/

.ui-landing-grid .ui-block-a,
.ui-landing-grid .ui-block-b{
	/*
	margin-left: 0.25em;
	margin-right: 0.25em;
	*/
}

.ui-landing-grid .ui-block-a,
.ui-landing-grid .ui-block-b,
#landing-lower-howitworks{
	width: 50%;
	padding-bottom: 0.5em;
	padding-right: 0.5em;
}

#landing-lower-howitworks .container{
	padding: 2em;
	margin-bottom:0.5em;
}

#landing_search{
	margin-bottom: 1em;
}

#landing_search_form{
	padding: 1em;
    background: lightgoldenrodyellow;
    border-radius: 1em;
}


.ui-loader {
	background-color: #b2e6f2;	
}

#howitworks h4,
#howitworks .qr-light-gray-text
{
	margin-block-start: 0em;
	margin-block-end: 0em;
}

#howitworks .hiw-img{
	clear: both; 
	width:50%; 
	float: left;
	padding-bottom: 2em;
	text-align: center;
}

#howitworks .hiw-text{
	width:50%; 
	float: left;
}

#howitworks img{
max-height: 100px;
}

#landing-lower{
	/**
	background: rgba(256,256,256,0.5) !important;
	background-color: rgba(256,256,256,0.5) !important;
    border-radius: 1em !important;	
	**/
}

.landing_lower_half{
	/* background-color: rgba(256,256,256,0.5) !important; */
    /* border-radius: 1em !important;	*/
}

.landing-lower-right{
/*    width: 50% !important; */
	padding: 0px;
}

#pg-landing-form,
#pg-landing-form fieldset{
	background:none;
}


/* END Landing Page Specific CSS */

/** There are the CSS Alvin copied from main.css because they are not here in qrsrv_main.css **/
#home-login {
	margin: auto;
	/* width: 50%; */
	/* border: 3px solid green; */
	/* padding: 10px; */
	width: 300px;    
}

#home-login-msg, #changepwd-msg, #signup-msg, .signup-msg, #pg-sett-cp-msg {
	background: #FFAAAA;
	line-height: normal;
	color: #111;
	border-radius: 10px;
	padding: 10px;
	/* overflow: hidden; */
	font-size: 12px;
	text-shadow: none;
	text-align: center;
}

.login-sms-confirmation{
	text-align: center !important;
}

.signup-msg li{
	text-align: left;
}

.signup-msg ul{
	padding-left: 2em;
}
/** End of copied from main.css **/


/**
#pg-display{

}

#pg-display td{
padding: 2px; 
}

#pg-display-cont{
	height:100%;
	min-height:800px;
}

#pg-display-content-table{
	width: 100%;
	height: 100%;
}
#pg-display-content-table, #pg-display-content-table td {
	border: 1px solid black; 

}

#pg-display-media-equipment{
	min-width: 480px;
}

#pg-display-availability-details{
	max-width: 240px;
}

#pg-display-currentRenter{
	text-align: center;
}

#pg-display-qrCode{
	text-align: center;
}

.pg-display-media-equipment-img{
	min-width:50%;
}

.pg-display-media-user-img{
	max-width:240px;
	max-height:300px;
}
**/


/** pg-display CSS to display on TV/iPad **/
#pg-display-cont, #pg-display {
	padding: 0;
	margin: 0;
	/* overflow: hidden; */
}
#pg-disp-main {
	height: -moz-calc(100% - 76px);
	height: -webkit-calc(100% - 76px);
	height: calc(100vh - 1em - 76px);
	position: relative;
	width: calc(100% - 1em - 10px);
	
	display: block;
	/* background: #000; */
	float: none;
	padding: 0;
	margin: 0.5em;
	overflow: hidden !important;
	border-radius: 1em;
	border: 5px solid #01add5;
}

#pg-disp-row-1 {
	width: calc(100%);
	height: -moz-calc(100% - 168px);
	height: -webkit-calc(100% - 168px);
	height: calc(100vh - 1em - 168px);
	max-height: 1200px;
	display: block;
	overflow: hidden;
	background: #fff;
}
#pg-disp-rc-1 { /* left column 1  weekly availability */
	width: 20%;
	min-width:206px;
	float: left;
	padding: 0 1%;
	margin-top: 0.9em;
	min-height: 400px; /* Placing min-height, but needs to be 100% of body frame */
    overflow-y: scroll;
    padding-top: 1em;	
}
#pg-disp-rc-2 { /* middle column Pics/Media */
	width: 52%;
	/* max-width: 526px; */
	/* For Portrait
	width: 54%;
	max-width: 285px; 
	*/
	float: left;
	padding: 0 1%;
	overflow-y: none;
	margin-top: 1em;
}
#pg-disp-rc-3 { /* right column Logo, Availability, Scan Me */
	width: 20%;
	min-width:206px;
	float: right;
	padding: 0 1%;
	overflow-y: none;
   /* margin-top: 1em; */
}

#pg-display-availability-listview-vertical{
	/* width: 100%; Commented out because when scroll is applied, it is not going full width */
}
#pg-display-availability-details-listview {
	font-size: 12px;
	font-weight: bold;
	line-height: 30px;
}
#pg-display-availability-details-listview li {
	text-align: left;
	line-height: 20px;
}
#pg-display-availability-details-listview li span {
	font-size: 14px;
	font-weight: normal;
	line-height: 30px;
	display: block;
	padding-left: 1em;
	float: right;
	position: absolute;
	text-align: left;
	right: 1em;
	top: 0.5em;
}


li.tns-item{
	text-align:center;
	height: 240px;
}

#pg-display-media-user{
	text-align: center;
	height: 140px;
}

.pg-display-media-user-img{
	max-height: 140px;
	max-width: 10em;
}

/** Company/Location/Equipment Details **/
#pg-display-equipment-details{
	text-align: center;
	border: 1px solid #01add5;
	padding-top: 1em;
	/* height: 140px; Removed because text was getting cut off */
	margin-bottom: 1em;	
}

/* Media Slider on pg-display */
.media-slider-div-holder{
	/* min-height: 225px; */
    text-align: center;
    vertical-align: middle;
}

.media-slider-status-div{
	/* min-height: 225px; */
    text-align: center;
    vertical-align: middle;
	margin-top: 100px;
	margin-bottom: 100px;
}

.media-slider-div {
	float: left;
	width: 100%;
	padding-bottom: 1em; /* view swing had no gap before Checkins */
}

.media-slider-div img {
	max-width: 96%;
	/* padding: 2%; */
	border-radius: 0.5em;
	max-height: 240px;
	height: 100%
}

#pg-display-media-equipment {
	/*
	margin-left: 12px;
	margin-right: 12px;
	*/
	height: -moz-calc(100% - 480px);
	height: -webkit-calc(100% - 480px);
	height: calc(100vh - 1em - 480px);
}

#pg-display-media-equipment img {
	max-height: -moz-calc(100% - 510px);
	max-height: -webkit-calc(100% - 510px);
	max-height: calc(100vh - 1em - 510px);    
}

#pg-display-equipment-details h2{
	color: #28abe3
}

#pg-display-instruction {
	float: left;
	width: 100%;
	background: #fff;
	text-align: center;
}

#pg-display-instruction h3{
	margin-bottom: 0px;
}

#pg-display-equipment-qrCode img{
	width: 100% !important;
	height: unset !important;
	max-height: 333px;
	max-width: 333px;
}

#pg-display-currentRenter h2 {
	margin: 0.5em 0;
	padding: 0;
	font-size: 1.5em;
}

#pg-display-currrent-renter-notrented{
	/* float: left; Disabled because text was not centering */
	vertical-align: middle;
	text-align: center;
	padding-top: 1.5em;
	/*
	height: 100%;
	width: 100%;
	padding-left: 2em;
	padding-top: 2em;
	*/
}

.pg-display-content-footer,
#pg-disp-row-2 {
	width: 100%;
	background:#eeefff;
	overflow-y: hidden !important;
	border-top: 3px solid #01add5;
	height: 92px;
}

.pg-display-content-footer div.label-box,
#pg-disp-row-2 div.label-box {
	float: left;
	height: 100%;
	/* display: block; */
	width: 180px;
	/* height: 50px; */
	vertical-align: middle;
	text-align: center;
	padding: 0.7em 1em 1em 1em;
	color: #fff;
	background: #01add5;
	position: relative;
	font-weight: bold;
	font-size: 20px;
}

#pg-display-availability-listview {
	font-size: 18px;
	margin-left: 30px;
	display: block;
	float: left;
	padding-top: 0.5em;
}

#pg-display-availability-listview li {
	display: inline-block;
	height: 100%;
	margin: 0 1em;
}
/** End of pg-display CSS to display on TV/iPad **/

#pg-payment-gateway-div {
	/* text-align: center; Commenting out to left-align "Payment" in this div */
}

#pg-payment-cont-stripe p{
	text-align: center;
}

#pg-reserve-form-addOnItems-select-listbox .ui-header .ui-btn-left {
	margin-left:-5px !important;
	margin-top:-2px !important;
	background-color: rgba(255,255,255,0);

}

.ui-page ul,
.pg-item-details-addlPricing-div ul,
.pg-item-details-addOnItems-div ul,
.reservation-details-addOnItems-div ul,
.reservationSummaryAddOnItems {
margin-left: 2em;
margin-bottom: 1em;
}

#pg-location-collapsible-div .ui-collapsible-content,
#pg-item-collapsible-div .ui-collapsible-content{
	/* padding: 1em; Commented out because causing weird spacing for Media/Photos in pg-item */
	margin-top: 0em;
	margin-bottom: 0em;
	padding: 1em;
}

#pg-location-collapsible-div .ui-collapsible-set,
#pg-item-collapsible-div .ui-collapsible-set{
	/* padding: 1em; Commented out because causing weird spacing for Media/Photos in pg-item */
	margin-top: 0em;
	margin-bottom: 0em;
}

.collapsible-listview-content .ui-collapsible-content{
	/* margin-top: 8px !important; */
	padding-top: 0em !important;
	padding-bottom: 0em !important;
	/* margin-bottom: 8px !important; */
}

.details-img-div{
	text-align: center;
}

#pg-rentout-form-progress{
margin-top:20px;
}

#pg-account-info p{
	line-height: 2em;
}

#pg-account-info-media-form-div{
	padding-top: 1em;
}

.ui-selectmenu .ui-header {
	font-weight: normal;
	height: 3em;
}

.ui-selectmenu .ui-header .ui-btn-left{
	margin: 0px;
}

.ui-selectmenu .ui-input-search {
	margin-top: -0.5em;
	margin-bottom: 1.5em;
}

#pg-account-upgrade-continue-div{
	margin: 1em;
	text-align: center;
}

.details_active_flipswitch{
	text-align: right;
}

/** Custom CSS for default active switch to ensure colors are correct **/

html .ui-flipswitch{
	background-color: lightgray !important;
	width:6em !important;
}

html .ui-flipswitch-active{
	background-color: #01add5 !important;
	width:6em !important;
}

html .ui-btn.ui-flipswitch-on {
	color: white !important;
	margin-top: 0px !important;
}
html .ui-flipswitch-off {
	color: black;
	font-weight: normal;
}

.item_inactive{
	background-color: lightgrey !important;
}

.message_alert{
	color: red !important;
}

#pg-signup h1{
	/* line-height: 57px; */
}

.ui-listview>li h2{
	line-height: 1.5em;
}

.ui-listview>li h3{
	line-height: 1.3em;
}

.map_infoWindow_image{
	max-width: 100px !important;
	float: left;
}

.map_infoWindow_location_div{
	float: left;
	padding-left: 1em;
	width: 220px;
}

.map_infoWindow_location_name{
	font-weight: 600;
	font-size: 1em;
	/*
	text-overflow:ellipsis;
	white-space: nowrap;
	overflow: hidden;
	*/
}

.map_infoWindow_location_address{
	font-weight: 400;

}

.map_infoWindow_equipment_div{
	/** clear: left; **/
	font-weight: 400;
	width: 320px;
}

.map_infoWindow_spacer_div{
	float: left;
    width: 10px;
    height: 125px;
}

.details-left-div img{
	width: 100%;
	border-radius: 1em;
	/* max-height: 240px; */
	/* width: 240px; */
}

.details-left-div{
	float: left;
	width: 100% !important;
	padding-left: .25em;
	padding-right: .25em;
	padding-bottom: 1em;
	text-align: center;
	max-width: 375px; 
	min-width: 254px;
}

.details-right-div{
	float: left;
	width: 50%;    
	min-width: 254px;
	/* Removed so Company/Location can be aligned with Select Rental
	padding-left: .25em !important;
	padding-right: .25em !important;
	*/
	padding-left: .25em;
}

#pg-availability-details-equipment-content,
#pg-location-collapsible-div .ui-collapsible-themed-content {
	clear: left;
}

#pg-availability-details-media-div{
	padding-top: 1em;
}

.pg-header-img-div{
	text-align: center;
}
.pg-header-img{
	/* float: left; */
	/*
	padding-bottom: 1em;
	padding-right: 1em;
	*/
	max-width: 200px;
	border-radius: 1em;
    margin-bottom: 1em;	
}

.qrcode-item-name{
	font-weight: 600;
}

#pg-payment-cart-tbl-div{
	overflow-x: auto;
}

.sm-search-input-title,
.signup-field-input{
	text-align: left;
}

.signup-field-input-reveal{
	font-size: 0.8em;
}

.table_column_icons{
	width: 51px;
}

.cart_table_column_qty{
	width: 2em;
	text-align: center;    
}

.cart_table_column_fees{
	width: 6em;
}

.cart_table_column_amount{
	width: 6em;
}
 
.cart_table_column_value{
	text-align: right;        
}

#pg-payment-cart-tbl th{
	background-color: #01add5 !important;
	font-weight: 500;
	font-size: 1em;
	text-align: center;
}

.table-header-icons{
	position: relative;
	/* width: 100%; */
	text-align: right;
	/* top: 65px; */
	/* height: 26px; */
	float: right;
	margin-right: 47px;
}

.table-header-icons a{
	position: absolute;
	top: -27px;    
}

#pg-payment-cart-tbl,
#pg-payment-cart-tbl td{
	background-color:transparent !important;
}

/** For list checkbox **/
.has-listCheck .available-listview-li-text,
.has-listCheck > li > a:first-child {
	margin-left: 55px !important;
  }

  .has-listCheck .available-listview-li-text > .listCheck,
  .has-listCheck >li.ui-last-child > .listCheck {
	/** border-bottom: 1px solid rgb(221, 221, 221); **/
  }
  
  .has-listCheck >li>  {
	  /** padding-left: 40px; **/
  }


  .listCheck {
	position: absolute;
	top: 1.5em;width: 40px;bottom: 0px;z-index: 100;
	/**
	border-top: 1px solid rgb(221, 221, 221);
	border-right: 1px solid rgb(221, 221, 221);
	background-color: rgb(246, 246, 246);
	**/
  }
  
  .listCheck .ui-checkbox,
  .listCheck .ui-checkbox label {
	position: absolute;
	top: 0px;bottom: 0px;right: 0px;left: 0px;padding: 0;margin: 0;
  }
  
  .listCheck input {
	/* display: none; */
	height: 2em;
	width: 2em;
}
  
  .listCheck label {
	background-image: none;
	background-color: transparent;
	border: 0;
  }

  #pg-availability-multiple-reservation-details{
	  /* padding:1em; Removed padding because yellow div already has 1em padding*/ 
  }

  #pg-cart-list-collapsibleset-div .ui-listview .ui-li-count {
	  top: 17px;
  }

  .rightmenupanel_name_div{
	text-align: center;
  }

  .rightmenupanel_version_div{
	padding-top: 20px;
	text-align: center;
  }

  #pg-cart-actions-info{
	padding: 1em;
  }

  .table_wide{
	  overflow: auto;
  }


  .btn_standard:after{
	background-color:transparent !important;
  }

  .ui-btn-icon-left:after, .ui-btn-icon-right:after, .ui-btn-icon-top:after, .ui-btn-icon-bottom:after, .ui-btn-icon-notext:after{
	background-color: transparent; /* transparent, #01add5 ;*/
  }

  .su_emailConfirmation{
	text-align: center !important;
	font-size: xxx-large;
  }

  .ui-listview .ui-li-aside{
	/* background: #fff; /* To handle when title is longer than expected like pg-reservation-list; Removed because looks better with consistent bg like in guestbook entries  */
	right: 1em;
	  /* top: unset !important; commented out because pg-reservation-list times were shifted to the bottom *//* For Weekly Availability/Open Hours on pg-availability */
	top: 0.2em; /* Applied for guestbook time entries so they are above the carat-r for links */
  }

.availability-search ul{
	border-radius: 1em;
}

  #pg-availability-listview-multiple{
	  padding-top: 1em;
  }

.details-availability-listview .ui-li-aside{
	right: 2em !important;
	top: 0.75em;
}

.availability-half{
	min-width: 288px;
	padding: 0.5em;
}

.booknow_label{
	font-weight: normal;
	text-align: center;
	padding-top: 0.5em;
}

  .qrcodeDisplayDiv{
	max-width: 500px;
	text-align: center;
	margin: auto;
  }

.qrcodeDisplayDiv img,
.qrcodeDisplay{
	max-height: 500px;
	max-width: 100%;
}

.ui-footer .ui-btn-icon-right:after,
.ui-footer .ui-btn-icon-left:after {
	background-color: transparent !important;
}

/* Stripe Style */
	.CardField-child,
	.CardField-number{
		background: white !important;
	}

	#pg-payment-cont-form-stripe-card-element,
	.__PrivateStripeElement{
		padding-top: 1em;
		padding-bottom: 1em;
	}

	.stripe-button {
		background: #635bff;
		color: white !important;
		font-weight: normal !important;
		display: inline-block;		
	}

	.stripe-button-size {
		height: 38px;
		width: 180px;
	}

	.stripe-connect {
	background: #635bff;
	color: white !important;
	font-weight: normal !important;
	display: inline-block;
	height: 38px;
	text-decoration: none;
	width: 180px;

	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;

	user-select: none;
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;

	-webkit-font-smoothing: antialiased;

	margin-bottom: 5px;
    /* padding-top: 9px; /* Applied because Connect text by itself was too high, Removed because was ok when stripe logo is present */
	}

	.stripe-connect-text {
	color: #ffffff;
	display: block;
	font-family: sohne-var, "Helvetica Neue", Arial, sans-serif;
	font-size: 15px;
	font-weight: 400;
	line-height: 14px;
	padding: 11px 0px 0px 0px;
	position: relative;
	text-align: center;
	}

	.stripe-connect-logotext {
	color: #ffffff;
	display: block;
	font-family: sohne-var, "Helvetica Neue", Arial, sans-serif;
	font-size: 15px;
	font-weight: 400;
	line-height: 14px;
	padding: 11px 0px 0px 24px;
	position: relative;
	text-align: right;
	width: 50%;
	}

	.stripe-connect:hover {
	background: #7a73ff;
	}

	.stripe-connect.slate {
	background: #0a2540;
	}

	.stripe-connect.slate:hover {
	background: #425466;
	}

	.stripe-connect.white {
	background: #ffffff;
	}

	.stripe-connect.white span {
	color: #0a2540;
	}

	.stripe-connect.white:hover {
	background: #f6f9fc;
	}

	.stripe-connect-logotext::after {
	background-repeat: no-repeat;
	background-size: 49.58px;
	content: "";
	height: 20px;
	/* left: 62%; Commented out because updating Span width to 50%*/
	position: absolute;
	top: 28.95%;
	width: 49.58px;
	}

	/* Logos */
	.stripe-connect-logotext::after {
	background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 23.0.4, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 468 222.5' style='enable-background:new 0 0 468 222.5;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill-rule:evenodd;clip-rule:evenodd;fill:%23FFFFFF;%7D%0A%3C/style%3E%3Cg%3E%3Cpath class='st0' d='M414,113.4c0-25.6-12.4-45.8-36.1-45.8c-23.8,0-38.2,20.2-38.2,45.6c0,30.1,17,45.3,41.4,45.3 c11.9,0,20.9-2.7,27.7-6.5v-20c-6.8,3.4-14.6,5.5-24.5,5.5c-9.7,0-18.3-3.4-19.4-15.2h48.9C413.8,121,414,115.8,414,113.4z M364.6,103.9c0-11.3,6.9-16,13.2-16c6.1,0,12.6,4.7,12.6,16H364.6z'/%3E%3Cpath class='st0' d='M301.1,67.6c-9.8,0-16.1,4.6-19.6,7.8l-1.3-6.2h-22v116.6l25-5.3l0.1-28.3c3.6,2.6,8.9,6.3,17.7,6.3 c17.9,0,34.2-14.4,34.2-46.1C335.1,83.4,318.6,67.6,301.1,67.6z M295.1,136.5c-5.9,0-9.4-2.1-11.8-4.7l-0.1-37.1 c2.6-2.9,6.2-4.9,11.9-4.9c9.1,0,15.4,10.2,15.4,23.3C310.5,126.5,304.3,136.5,295.1,136.5z'/%3E%3Cpolygon class='st0' points='223.8,61.7 248.9,56.3 248.9,36 223.8,41.3 '/%3E%3Crect x='223.8' y='69.3' class='st0' width='25.1' height='87.5'/%3E%3Cpath class='st0' d='M196.9,76.7l-1.6-7.4h-21.6v87.5h25V97.5c5.9-7.7,15.9-6.3,19-5.2v-23C214.5,68.1,202.8,65.9,196.9,76.7z'/%3E%3Cpath class='st0' d='M146.9,47.6l-24.4,5.2l-0.1,80.1c0,14.8,11.1,25.7,25.9,25.7c8.2,0,14.2-1.5,17.5-3.3V135 c-3.2,1.3-19,5.9-19-8.9V90.6h19V69.3h-19L146.9,47.6z'/%3E%3Cpath class='st0' d='M79.3,94.7c0-3.9,3.2-5.4,8.5-5.4c7.6,0,17.2,2.3,24.8,6.4V72.2c-8.3-3.3-16.5-4.6-24.8-4.6 C67.5,67.6,54,78.2,54,95.9c0,27.6,38,23.2,38,35.1c0,4.6-4,6.1-9.6,6.1c-8.3,0-18.9-3.4-27.3-8v23.8c9.3,4,18.7,5.7,27.3,5.7 c20.8,0,35.1-10.3,35.1-28.2C117.4,100.6,79.3,105.9,79.3,94.7z'/%3E%3C/g%3E%3C/svg%3E");
	}

	.stripe-connect-logotext.white::after {
	background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 24.0.3, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 468 222.5' style='enable-background:new 0 0 468 222.5;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill-rule:evenodd;clip-rule:evenodd;fill:%230A2540;%7D%0A%3C/style%3E%3Cg%3E%3Cpath class='st0' d='M414,113.4c0-25.6-12.4-45.8-36.1-45.8c-23.8,0-38.2,20.2-38.2,45.6c0,30.1,17,45.3,41.4,45.3 c11.9,0,20.9-2.7,27.7-6.5v-20c-6.8,3.4-14.6,5.5-24.5,5.5c-9.7,0-18.3-3.4-19.4-15.2h48.9C413.8,121,414,115.8,414,113.4z M364.6,103.9c0-11.3,6.9-16,13.2-16c6.1,0,12.6,4.7,12.6,16H364.6z'/%3E%3Cpath class='st0' d='M301.1,67.6c-9.8,0-16.1,4.6-19.6,7.8l-1.3-6.2h-22v116.6l25-5.3l0.1-28.3c3.6,2.6,8.9,6.3,17.7,6.3 c17.9,0,34.2-14.4,34.2-46.1C335.1,83.4,318.6,67.6,301.1,67.6z M295.1,136.5c-5.9,0-9.4-2.1-11.8-4.7l-0.1-37.1 c2.6-2.9,6.2-4.9,11.9-4.9c9.1,0,15.4,10.2,15.4,23.3C310.5,126.5,304.3,136.5,295.1,136.5z'/%3E%3Cpolygon class='st0' points='223.8,61.7 248.9,56.3 248.9,36 223.8,41.3 '/%3E%3Crect x='223.8' y='69.3' class='st0' width='25.1' height='87.5'/%3E%3Cpath class='st0' d='M196.9,76.7l-1.6-7.4h-21.6v87.5h25V97.5c5.9-7.7,15.9-6.3,19-5.2v-23C214.5,68.1,202.8,65.9,196.9,76.7z'/%3E%3Cpath class='st0' d='M146.9,47.6l-24.4,5.2l-0.1,80.1c0,14.8,11.1,25.7,25.9,25.7c8.2,0,14.2-1.5,17.5-3.3V135 c-3.2,1.3-19,5.9-19-8.9V90.6h19V69.3h-19L146.9,47.6z'/%3E%3Cpath class='st0' d='M79.3,94.7c0-3.9,3.2-5.4,8.5-5.4c7.6,0,17.2,2.3,24.8,6.4V72.2c-8.3-3.3-16.5-4.6-24.8-4.6 C67.5,67.6,54,78.2,54,95.9c0,27.6,38,23.2,38,35.1c0,4.6-4,6.1-9.6,6.1c-8.3,0-18.9-3.4-27.3-8v23.8c9.3,4,18.7,5.7,27.3,5.7 c20.8,0,35.1-10.3,35.1-28.2C117.4,100.6,79.3,105.9,79.3,94.7z'/%3E%3C/g%3E%3C/svg%3E");
	}

.class-center{
	text-align: center;
}



.su_main-div{
	padding: 1em;
	/* background: white; */
}

.su_form{
    max-width: 420px;
    margin: auto;
	background: #b2e6f2;
    padding: 1em;
	border-radius: 1em;
}

.su_main-div .ui-body-c{
	background: none !important;
}

.su_message_div {
	border-radius: 0.5em;
	margin-bottom: 0.5em;
	text-align: center;
	width: 100%;
	font-size: 0.75em;
}


.su_form .ui-input-text{
	background-color: #f3f8fb !important;
}

.su_fname_divholder .ui-input-text{
	float: left;
	width: 49%
}

.su_lname_divholder .ui-input-text{
	float: right;
	width: 49%	
}

.su_company_divholder .ui-input-text{
	clear: both;
}

.su_email_divholder .ui-input-text{
	clear: both;
}

.su_form .signup-btn{
	max-width: 250px;
}

.sms_icon{
    height: 24px;
    margin-top: -9px;
    max-width: 24px !important;
    border-radius: 0em !important;
}

.qrsrv-icon-img{
	margin-top: -8px;
	margin-left: 4px;
}

.users_favorite_star_header{
    max-width: 0.9em;
    margin-left: 0.2em;
    margin-top: -0.4em;
}

.users_favorite_star_header_left{
    max-width: 0.9em;
    margin-right: 0.2em;
    margin-top: -0.4em;
}

.pg-header-buttons{
	/* margin-top: 1em; Now, handled by book_label */
	margin-left:0.5em;
	margin-right: 0.5em;
}

#pg-availability-footer-checkin-label{
	padding: 1em;
}

.content_share_icon{
    max-width: 0.9em;
    margin-left: 0.2em;
    margin-top: -0.4em;	
}

.availability_timezone_header{
	font-size: 0.8em;
}

#pg-item-details-div .ui-grid-a{
	float: left;
}

#pg-location-details-div .content-logo-div,
#pg-item-details-div .content-logo-div{
	float: right;
	margin-left: 1em;
}

/* Used when flipswitch has on/off text of Active/Inactive */
.details_active_flipswitch .ui-btn.ui-flipswitch-on{
	text-indent: -3.6em;
}

.details_active_flipswitch .ui-flipswitch-off{
	top: -29px;
    position: relative;
    left: 11px;
}

.details_active_flipswitch .ui-flipswitch{
    margin-top: 5px;
}

.stats_table tbody
/* ,#pg-admin-stats-table tbody */
{
    /* display: block; *//* Commented out because column headings were not moving */
    max-height: 400px;
    overflow: auto;
}
.stats_table thead
,.stats_table tbody tr
/*,#pg-admin-stats-table thead, tbody tr  */
{
    /* display: table; Commented to have better column widths */
    width: 100%;
    table-layout: fixed; /* even columns width , fix width of table too*/
}

#pg-item-media-listview{
	/* margin-top: 16px; */
}

.formErrorHighlight{
	background: pink !important;
}

.popup_content .buttonsDiv{
	text-align: center;	
}

.popup_content .buttonsDiv a{
	margin: 0.5em;
}

#div_externalAccount_error{
    background: pink;
    padding: 1em;
    font-size: 0.8em;
    text-align: center;
    border-radius: 1em;
    margin-bottom: 1em;
}

#tidio-chat-iframe {
	inset: auto 9px 46px auto !important;
}

.swiper {
	width: 100%;
	height: 100%;
}

.swiper-nonslide {
    margin: auto;
}

.swiper-slide {
	text-align: center;
	font-size: 18px;
	background: #fff;

	/* Center slide text vertically I*/
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
}

.swiper-slide img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.swiper_signup_companyLogo_qr{
	height: 360px;
	width: 360px;
	margin: auto;
}

#pg-signup-form-location-div{
	margin: 0em;
	padding-bottom: 1em;
}

.iti__country-list{
	margin-left: -1px !important;
	margin: auto;
	/*
	max-height: 5em;
	max-width: 50%
	*/
}

.form_missing_input{
	border: 2px solid red !important;
    border-radius: 4px !important;
	background: pink !important;
}

.introText{
	background-color: #ffffffcc !important;
	padding: 1em;
    border-radius: 1em !important;
	margin-bottom: 1em;
}

.introText h2{
	margin-top: 0px !important;
}

#pg-scan-icons{
	width:100%;
	text-align: center;
    padding-top: 10px;
    padding-bottom: 10px;	
}

#pg-scan-icons img{
	width: 48px;
	margin-left: 1em;
    margin-right: 1em;
}

.body_footer_socials {
	/* height: 120px; */
	padding-bottom: 0.5em !important;
	position:fixed !important;
}

.body_footer_socials a{
	border: none;
    border-width: 0px;
    display: block;
}

.body_footer_socials img{
	width: 36px;
	margin-left: 0.5em;
    margin-right: 0.5em;
}


.form_status{
    border-radius: 4px !important;
	width: 100%;
	max-width: 420px;
	text-align: center;
	padding: 1em;
    margin-bottom: 1em !important;
    margin-top: 1em !important;	
	margin: auto;
}

.form_status_error{
	border: 1px solid red !important;
	background: pink !important;	
}

.form_status_success{
	border: 1px solid green !important;
	background: lightgreen !important;
}

.field_status{
    border-radius: 4px !important;
	width: 100%;
	/* max-width: 420px; */
	text-align: center;
	padding: 0.5em;
    margin-bottom: 1em !important;
    margin-top: 1em !important;	
	margin: auto;
}

.field_error{
	border: 1px solid red !important;
	background: pink !important;	
}

.iconHeaderText{
    padding-top: 10px;
    padding-bottom: 10px;
	font-size: 19px;

}

#pg-scan-handles{
    padding-top: 10px;
    padding-bottom: 10px;
	font-size: 45px;
	text-align: center;
}

.maps_current_location_icon{
	height: 30px;
    padding-bottom: 5px;
}

.maps_directions_icon{
	height: 30px;
    padding-bottom: 5px;
}

#pg-swing-view-qr-holder{
	text-align: center;
	height: 300px;
}

.div_swing_qr{
	height: 300px;
	width: 300px;	
}

.icon-share-header{
	height: 1em;
    vertical-align: top;
	float: right;
	margin-bottom: -15px;
}

.a_add{
	background: lightgreen !important;
}

#pg-search-listview-div .ui-listview .ui-btn-icon-right .ui-li-count {
	top: 1.5em;
}

#guestbook-entries img{
	height: 100%;
}

.img-listview{
	max-height: 100% !important;
	height: 100%;
	width: 100%;
	object-fit:cover;
}

.listview-padded{
	padding-top: 1em;
}

#rightmenupanel_ul .ui-btn-icon-left:after{
	background-color: #01add5;
}

.introHeaderText{
	font-size: 28px;
}

#pdf-label-maker-preview-table{
	margin: auto;
}

.width100{
	width: 100px;
	
}

.text-input-embedded{
	display:inline;
	float:left;
	margin-top: -8px;
	margin-bottom: -9px;
}

#swing-footer h3{
	font-weight: normal;
}

.icon_form{
	height: 1em;
    margin-top: -6px;
    margin-right: 6px;
    margin-left: 6px;	
}