@import "//fonts.googleapis.com/css2?family=Source+Sans+Pro";
@import "//fonts.googleapis.com/css2?family=Alegreya+Sans";

/* ====== ALL MEDIA WIDTHS ====== */

/* GENERAL STYLES */
html, body {
	height: 100%;
}

body {
	overflow-y: scroll;
}

body.serviceslogin {
	overflow-y: hidden;
}

body.menuless {
	overflow-y: auto;
}

:focus {
    outline-color: #00A7F5;
}

.iti__flag {
	background-image: url("/intlTelFlags.png");
}

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
	.iti__flag {
		background-image: url("/intlTelFlags@2x.png");
	}
}

.reveal-overlay {
	z-index: 8000;
}

.reveal {
	z-index: 8001;
}

div.reveal:focus {
	outline: none;
}

body.menuless {
	display: flex;
	flex-direction: column;
	min-height: 100vh;
	height: unset;
}

body.menuless video { 
    position: fixed;
    top: 50%;
    left: 50%;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    z-index: -100;
    transform: translateX(-50%) translateY(-50%);
	transition: 1s opacity;
}

.tooltip {
	max-width: 15rem;
}

div.fullwidthcontainer {
	padding-right: 1.5rem;
	padding-left: 1.5rem;
}

div.widewidthcontainer {
	padding-right: 1.5rem;
	padding-left: 1.5rem;
	max-width: 120rem;
	margin-left: auto;
	margin-right: auto;
}

p.mainmenuhelpblue, span.mainmenuhelpblue, i.mainmenuhelpblue {
	color:	#0977FF
}

p.mainmenudarkpink, span.mainmenudarkpink, i.mainmenudarkpink {
	color:	#D43D8D;
}

p.mainmenublue, span.mainmenublue, i.mainmenublue {
	color:	#80b3ff;
}

p.mainmenugold, span.mainmenugold, i.mainmenugold {
	color:	#d4aa00;
}

p.mainmenugreen, span.mainmenugreen, i.mainmenugreen {
	color:	#44aa00;
}

p.mainmenupink, span.mainmenupink, i.mainmenupink {
	color:	#ff5555;
}

p.mainmenuorange, span.mainmenuorange, i.mainmenuorange {
	color:	#ff8200;
}

p.mainmenulightorange, span.mainmenulightorange, i.mainmenulightorange {
	color:	#fa9b4e;
}

p.mainmenupurple, span.mainmenupurple, i.mainmenupurple {
	color: #8080FF
}

p.mainmenulightpurple, span.mainmenulightpurple, i.mainmenulightpurple {
	color: #BF79E4
}

p.mainmenubluegreen, span.mainmenubluegreen, i.mainmenubluegreen {
	color:	#0083C0;
}

p.mainmenucyan, span.mainmenucyan, i.mainmenucyan {
	color: #6DADBD;
}

p.mainmenulightgreen, span.mainmenulightgreen, i.mainmenulightgreen {
	color: #94B86E;
}

p.mainmenusoftgreen, span.mainmenusoftgreen, i.mainmenusoftgreen {
	color: #11d500;
}

p.mainmenuyellow, span.mainmenuyellow , i.mainmenuyellow{
	color: #FFB848;
}

p.mainmenured, span.mainmenured, i.mainmenured {
	color: #E25856;
}

p.mainmenulightred, span.mainmenulightred, i.mainmenulightred {
	color: #CC7474;
}

p.mainmenulightblue, span.mainmenulightblue, i.mainmenulightblue {
	color: #4D7496;
}

p.mainmenugrey, span.mainmenugrey, i.mainmenugrey {
	color: #999;
}

p.mainmenudarkblue, span.mainmenudarkblue, i.mainmenudarkblue {
	color: #002FD4;
}

p.mainmenubluepurple, span.mainmenubluepurple, i.mainmenubluepurple {
	color: #3500C8;
}

p.mainmenulightbrown, span.mainmenulightbrown, i.mainmenulightbrown {
	color: #BD9D6D;
}

p.mainmenusoftgrey, span.mainmenusoftgrey, i.mainmenusoftgrey {
	color: #7B8273;
}

div.mainmenuhelpblue, input.mainmenuhelpblue, a.mainmenuhelpblue {
	background:	#0977FF
}

div.mainmenudarkpink, input.mainmenudarkpink, a.mainmenudarkpink {
	background:	#D43D8D;
}

div.mainmenublue, input.mainmenublue, a.mainmenublue {
	background:	#80b3ff;
}

div.mainmenugold, input.mainmenugold, a.mainmenugold {
	background:	#d4aa00;
}

div.mainmenugreen, input.mainmenugreen, a.mainmenugreen {
	background:	#44aa00;
}

div.mainmenupink, input.mainmenupink, a.mainmenupink {
	background:	#ff5555;
}

div.mainmenuorange, input.mainmenuorange, a.mainmenuorange {
	background:	#ff8200;
}

div.mainmenulightorange, input.mainmenulightorange, a.mainmenulightorange {
	background:	#fa9b4e;
}

div.mainmenupurple, input.mainmenupurple, a.mainmenupurple {
	background: #8080FF
}

div.mainmenulightpurple, input.mainmenulightpurple, a.mainmenulightpurple {
	background: #BF79E4
}

div.mainmenubluegreen, input.mainmenubluegreen, a.mainmenubluegreen {
	background:	#0083C0;
}

div.mainmenucyan, input.mainmenucyan, a.mainmenucyan {
	background: #6DADBD;
}

div.mainmenulightgreen, input.mainmenulightgreen, a.mainmenulightgreen {
	background: #94B86E;
}

div.mainmenusoftgreen, input.mainmenusoftgreen, a.mainmenusoftgreen {
	background: #11d500;
}

div.mainmenuyellow, input.mainmenuyellow, a.mainmenuyellow {
	background: #FFB848;
}

div.mainmenured, input.mainmenured, a.mainmenured {
	background: #E25856;
}

div.mainmenulightred, input.mainmenulightred, a.mainmenulightred {
	background: #CC7474;
}

div.mainmenulightblue, input.mainmenulightblue, a.mainmenulightblue {
	background: #4D7496;
}

div.mainmenugrey, input.mainmenugrey, a.mainmenugrey {
	background: #999;
}

div.mainmenudarkblue, input.mainmenudarkblue, a.mainmenudarkblue {
	background: #002FD4;
}

div.mainmenubluepurple, input.mainmenubluepurple, a.mainmenubluepurple {
	background: #3500C8;
}

div.mainmenulightbrown, input.mainmenulightbrown, a.mainmenulightbrown {
	background: #BD9D6D;
}

div.mainmenusoftgrey, input.mainmenusoftgrey, a.mainmenusoftgrey {
	background: #7B8273;
}

#waitspinner {
	display:none;
	position:fixed;
	left:0;
	top:0;
	width:100%;
	height:100%;
	background:rgba(255,255,255,0.8);
	z-index:1800;
}

#waitspinnercontent {
	display:table;
	position:relative;
	left:0;
	top:0;
	width:100%;
	height:100%;
}

#waitspinnertext {
	display: table-cell;
	vertical-align:middle;
	width: 100%;
	text-align: center;
	font-size:larger;
	padding-top:80px;
}

#waitspinner2 {
	display: none;
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.6);
	z-index: 1800;
}

#waitspinnercontent2 {
	display: table;
	position: relative;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}

#waitspinnerbox2 {
	vertical-align: middle;
	width: 500px;
	height: 160px;
	text-align: center;
	font-size: larger;
	padding-top: 130px;
	position: relative;
    top: 480px;
}

#waitspinnerbox2 div.spinner {
	top: 65% !important;
}

#waitspinnerbox2 h1.message {
	top: -120px;
}

p.headerbacklink {
	margin-bottom: 0.5rem;
	margin-top: -0.5rem;
	font-size: 0.85rem;
}

p.headerbacklink a.headerbacklink i {
	margin-right: 0.3rem;
}

table.pricetable th,
table.locationlisttable th {
	font-family: Verdana,Arial,sans-serif;
	font-size: 0.75rem;
	padding-top: 0.3rem;
	padding-bottom: 0.3rem;
}

table.pricetable td,
table.locationlisttable td {
	font-family: Verdana,Arial,sans-serif;
	font-size: 0.75rem;
	padding-top: 0.1rem;
	padding-bottom: 0.1rem;
}

table.pricetable td p,
table.locationlisttable td p {
	margin-bottom: 0;
}

table.locationlisttable tbody {
	border: none;
}

table.locationlisttable tbody tr:nth-child(2n) {
	border: none;
	background-color: transparent;
}

.cd-top {
	display: inline-block;
	height: 40px;
	width: 40px;
	position: fixed;
	bottom: 40px;
	right: 10px;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
	background: rgba(0, 131, 192, 0.8);
	visibility: hidden;
	opacity: 0;
	-webkit-transition: opacity .3s 0s, visibility 0s .3s;
	-moz-transition: opacity .3s 0s, visibility 0s .3s;
	transition: opacity .3s 0s, visibility 0s .3s;
	color: #FFF !important;
	font-size: 2.5rem;
	text-align: center;
	z-index: 1000;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
}

.cd-top i {
	margin-top: 0.55rem;
	display: inherit;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
}

.cd-top.cd-is-visible, .cd-top.cd-fade-out, .no-touch .cd-top:hover {
	-webkit-transition: opacity .3s 0s, visibility 0s 0s;
	-moz-transition: opacity .3s 0s, visibility 0s 0s;
	transition: opacity .3s 0s, visibility 0s 0s;
}

.cd-top.cd-is-visible {
	visibility: visible;
	opacity: 1;
}

.cd-top.cd-fade-out {
	opacity: .5;
}

.no-touch .cd-top:hover {
	background-color: #0083C0;
	color: #FFF !important;
	opacity: 1;
}

.cd-top:visited {
	color: #FFF !important;
}

/* Medium screen size only */
@media only screen and (min-width: 40em) and (max-width: 63.9375em) { 
	.cd-top i {
		margin-top: 0;
	}
}

/* ====== max width 640px ====== */
@media only screen and (max-width: 40em) {
	.cd-top {
		font-size: 2rem;
	}
	
	.cd-top i {
		margin-top: 0.25rem;
	}
}

@media only screen and (min-width: 768px) {
	.cd-top {
		right: 20px;
		bottom: 20px;
	}
}

@media only screen and (min-width: 1024px) {
	.cd-top {
		height: 60px;
		width: 60px;
		right: 30px;
		bottom: 30px;
	}
}

/* HEADER SECTION */
.header-section {
    position: fixed;
    z-index: 3000;
    min-width: 100%;
	background: #FFF;
}
 
.contain-to-grid {
    background-color: rgba(255, 255, 255, 0.97);
}

.header-section div.userhelpbar {
	padding-right: 1rem;
	padding-top: 0.3rem;
	padding-bottom: 0rem;
}

.header-section div.userhelpbar a {
	color: #000;
}

.header-section div.userhelpbar div.activehelpicon {
	height: 18px;
	width: 18px;
	background: #FFFFFF url("/sale_help.png") no-repeat right center;
	background-size: 100%;
	margin-right: .1rem;
	margin-top: -0.3rem;
	display: inline-block;
	vertical-align: middle;
}

.header-section div.titlebar {
	margin-top: 0.3rem;
	margin-bottom: 0.5rem;
	border-bottom: 1px solid #D5D5D5;
	border-top: 1px solid #D5D5D5;
}

.header-section div.titlebar div.titlelogo {
	margin-left: 1rem;
}

.header-section div.titlebar div.titlelogo img {
	max-height: 48px;
}

.header-section div.titlebar p.titletext {
	margin-bottom: 0;
	font-family: Verdana,Arial,sans-serif;
	font-size: 3rem;
	line-height: 1.8;
	text-align: center;
}

.header-section div.titlebar ul.menu {
	background: none;
}

.header-section div.titlebar ul.menu li a {
    background: none;
}

.header-section div.titlebar ul.menu li a span {
    color: #000;
    background: none;
	font-size: 0.9rem;
}

.header-section div.titlebar ul.menu li a i {
	font-size: 1.7rem;
}

.header-section div.titlebar ul.menu li a.menulink {
	line-height: 2.5rem;
	min-width: 4.9rem;
	border-bottom: 1px solid transparent;
	padding-bottom: 0.2rem;
	padding-top: 0.2rem;
	text-align: center;
	text-decoration: none;
}

.header-section div.titlebar ul.menu li a.menulink p.menitemrow {
	margin-bottom: 0;
	text-align: center;
}

.header-section div.titlebar ul.menu li a.menulink i.menicon {
	color: #8c8c8c;
	font-size: 2rem;
	position: relative;
}

/* FILL USED FOR HEADER */
.header-fill {
    background: #fff;
    height: 120px;
}

.header-fill .tablet-mobile-logo img {
	padding-top: 30px;
}
 
/* CONTENT SECTION */
.content-section .main-content {
	margin-top: 35px;
}

body.servlet-UploadJobServlet div.grid-container {
	margin-top: 9rem;
}

/* CONTENT HEADER TITLE */
h2.pageheader {
	background: transparent;
	border-bottom: none;
	font-family: 'Source Sans Pro', sans-serif;
	color: #000000c7;
	margin-bottom: 0.9rem;
}

h5.subheader {
	color: #F47216;
}

h5.subheader.secondheader {
	margin-top: 1rem;
}

div.headeruserchoice {
	float: right;
	margin-top: -4.3rem;
}

div.headeruserchoice p.headerusertitle {
	font-family: Verdana,Arial,sans-serif;
	font-size: 0.75rem;
	color: #808080;
	margin-bottom: 0;
}

div.headeruserchoice div.button-group a.button {
	background: none;
	padding-top: 0.4rem;
	padding-bottom: 0.4rem;
	border: 1px solid #0083C0;
	color: #0083C0;
}

div.headeruserchoice div.button-group a.dropdown.button {
	background: #0083C0;
}

div.headeruserchoice div.button-group a.currentuser {
	min-width: 12rem;
	max-width: 18rem;
	white-space: nowrap;
	overflow: hidden;
	margin-right: 0px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
}

div.headeruserchoice div.dropdown-pane {
	padding: 0;
	border: 1px solid #0083C0;
}

div.headeruserchoice div.dropdown-pane a {
	display: block;
	color: #000;
	font-family: Verdana,Arial,sans-serif;
	font-size: 0.9rem;
	white-space: nowrap;
	overflow: hidden;
	padding-left: 0.7rem;
	padding-right: 0.3rem;
	padding-top: 0.3rem;
	padding-bottom: 0.3rem;
}

div.headeruserchoice div.dropdown-pane a:hover {
	background: rgb(242, 242, 242) none repeat scroll 0% 0%;
}

div.headeruserchoice div.dropdown-pane a i {
	margin-right: 0.5rem;
	color: #F47216;
}

div.headeruserchoice div.dropdown-pane a.userself {
	border-bottom: 1px solid RGBA(0, 131, 192, 0.22);
}
 
 
/* HELP BAR */ 
div.helpbar {
	margin-top: 5rem;
	margin-bottom: 1rem;
}
 
div.helpbar div.helpbarheader { 
	padding-top: 0.2rem;
	padding-bottom: 0.2rem;
}
 
div.helpbar div.helpbarheader h5 {
	color: #F47216;
	margin-bottom: 0.1rem;
	display: inline-block;
}
 
div.helpbar div.helpbarheader h5.headericon {
	float: right;
	margin-bottom: 0;
}
 
div.helpbar p.helptopic {
	margin-bottom: 0.2rem;
	font-family: Verdana,Arial,sans-serif;
	color: #656565;
	font-size: 0.9rem;
}
 
div.helpbar p.helptopic span.topictext {
	margin-right: 1rem;
}

div.helpbar p.helptopic span.topiclink {
	white-space: nowrap;
}

div.helpbar p.helptopic span.topiclink i {
	margin-right: 0.4rem;
}
 
div.helpbar div.card-divider.empty {
	padding: 0.5px;
}

div.helpbar div.card-section.defaultpage {
	padding-top: 0.4rem;
	padding-bottom: 0.4rem;
}

div.helpbar div.card-section iframe {
	width: 100%;
}

p.topicvideotitle {
	color: #F47216;
}

div.helpbar.pulse {
  box-shadow: 0 0 0 rgba(123,193,247, 1);
  animation: pulse 1s;
}

@-webkit-keyframes pulse {
  0% {
    -webkit-box-shadow: 0 0 0 0 rgba(123,193,247, 1);
  }
  70% {
      -webkit-box-shadow: 0 0 0 10px rgba(123,193,247, 0);
  }
  100% {
      -webkit-box-shadow: 0 0 0 0 rgba(123,193,247, 0);
  }
}
@keyframes pulse {
  0% {
    -moz-box-shadow: 0 0 0 0 rgba(123,193,247, 1);
    box-shadow: 0 0 0 0 rgba(123,193,247, 1);
  }
  70% {
      -moz-box-shadow: 0 0 0 10px rgba(123,193,247, 0);
      box-shadow: 0 0 0 10px rgba(123,193,247, 0);
  }
  100% {
      -moz-box-shadow: 0 0 0 0 rgba(123,193,247, 0);
      box-shadow: 0 0 0 0 rgba(123,193,247, 0);
  }
}
 
/* FOOTER SECTION GENERAL */
div.footer.contentpage {
	border-top: solid 1px #A8A8A8;
	border-bottom: solid 1px #A8A8A8;
	margin-top: 3rem;
}

div.footer.menulesspage div.footcontent {
	padding-bottom: 0.4rem;
}

div.footer.menulesspage div.backgroundlabel {
	background: #00000029;
	padding-left: 0.3rem;
	padding-right: 0.3rem;
	border: 1px solid #FFFFFF1A;
}

div.footer.menulesspage p {
	font-family: Verdana,Arial,sans-serif;
	font-size: 0.8rem;
	margin-bottom: 0;
	color: #F5F5F5;
}

div.footer.menulesspage p.copyrightlogo img {
	margin-right: 0.3rem;
	max-height: 18px;
}

div.footer.loginpage p, div.footer.contentpage p {
	color: #fff;
}

div.footer.loginpage p a, div.footer.contentpage p a {
	color: #fff;
}

div.footer.loginpage p.copyrightlogo, div.footer.contentpage p.copyrightlogo {
	margin-top: 0.5rem;
	margin-bottom: 0.3rem;
	color: #000;
}

div.footer.loginpage p.copyrightlogo, div.footer.contentpage p.copyrightlogo.eapospfoot {
	margin-top: 0;
}

div.footer.loginpage p.copyrightlogo img, div.footer.contentpage p.copyrightlogo img {
	margin-right: 0.5rem;
	max-height: 18px;
}

div.footer.loginpage p.workstationname, div.footer.contentpage p.workstationname {
	margin-top: 0;
	margin-bottom: 0rem;
	font-family: Verdana,Arial,sans-serif;
	font-size: 0.8rem;
	color: #000;
}

div.footer.loginpage span.language-selector-container, div.footer.contentpage span.language-selector-container {
	text-align: right;
	display: inherit;
}

div.footer.loginpage div.language-selector-icon, div.footer.contentpage div.language-selector-icon {
	display: inline-block;
}

div.footer.loginpage div.language-selector-icon p.language-selector-icon, div.footer.contentpage div.language-selector-icon p.language-selector-icon {
	margin-bottom: 0;
	font-size: 1.6rem;
	color: #000;
}

div.footer.loginpage div.language-selector, div.footer.contentpage div.language-selector {
	display: inline-block;
	margin-left: 0.5rem;
}

.langsel-button {
	background: #000;
	height: 1.6rem;
	width: 12rem;
	padding-top: 0;
	padding-bottom: 0;
	padding-left: 1rem;
	padding-right: 0.5rem;
}

.langsel-button:hover, .langsel-button:focus {
	background: #000;
}

.langsel-options {
	padding: 0.5rem;
	width: 12rem;
	border: 1px solid #4d4d4d;
}

.langsel-options a.dropdown-link {
	display: block;
	border-radius: 3px;
	color: #FF6700;
	padding-top: 0.2rem;
	padding-bottom: 0.2rem;
	padding-left: 0.5rem;
	padding-right: 0.5rem;
	text-decoration: none;
	-webkit-transition: all .2s ease-in;
	-moz-transition: all .2s ease-in;
	-ms-transition: all .2s ease-in;
	-o-transition: all .2s ease-in;
	transition: all .2s ease-in; 
	text-align: left;
	font-size: 0.8rem;	
}

.langsel-options a.dropdown-link:hover {
	background-color: #BBBBBB;
	color:#FF6700;
}

.langsel-options a.dropdown-link.langsel-current, .langsel-options a.dropdown-link.langsel-current:hover {
	background-color: #FF6700;
	color:#FFFFFF;
}

span.link-container {
	display: flex;
	flex-direction: row;
	align-items: center;
}

span.link-container div.link-icon {
	display: inline-block;
	width: 1.7rem;
}

span.link-container div.link-icon p.link-icon {
	font-size: 1.3rem;
	margin-bottom: 0;
	color: #000;
}

span.link-container div.link-target {
	display: inline-block;
}

span.link-container div.link-target + div.link-icon {
	margin-left: 1.3rem;
}

span.link-container div.link-target p.link-target {
	margin-bottom: 0;
}

span.link-container div.link-target p.link-target a {
	color: #000;
}

/* TOPBAR NAVIGATION */
.no-js .top-bar {
  display: none;
}

@media screen and (min-width: 40em) {
  .no-js .top-bar {
    display: block;
  }

  .no-js .title-bar {
    display: none;
  }
}

/* MENU ITEM STYLES */
.top-bar {
	background: none;
	padding-left: 0.9375rem;
}

.topmenurow {
	margin-bottom: 0.5rem;
	border-bottom: 1px solid #D5D5D5;
	padding-top: 0;
	padding-bottom: 0;
}

.bottommenurow {
	padding-bottom: 0.9rem;
	border-bottom: 1px solid #D5D5D5;
}

.top-bar div.top-bar-logo img {
	max-height: 48px;
}

.top-bar ul.dropdown.menu, .top-bar ul.menu {
    background: none;
}

.top-bar li.useraction i {
	margin-right: 0.7rem;
	color: rgba(0, 0, 0, 0.25);
	font-size: 1rem;
}

.top-bar ul.menu.submenu {
    background-color: #FFF;
	border-top: 1px #FFF solid;
}

.top-bar ul.dropdown.menu li.isactive {
	border: 1px solid #CACACA;
}

.top-bar ul.dropdown.menu li a, .top-bar ul.menu.submenu li a {
    color: #000;
}

.top-bar ul.menu.submenu li:hover {
	background: rgb(242, 242, 242) none repeat scroll 0% 0%;
}

.top-bar ul li a {
	font-family: Verdana,Arial,sans-serif;
	font-size: 0.75rem;
	line-height: 1.3;
}

.top-bar ul li a i {
	font-size: 1.2rem;
	margin-right: 0.4rem;
}

.dropdown.menu > li.is-dropdown-submenu-parent > a::after {
    border-color: #000 transparent transparent;
}

.top-bar .usermenu {
	text-align: center;
}

.top-bar .usermenu i {
	margin-right: 0.4rem;
}

.top-bar .usermenuactions {
	text-align: center;
	margin-top: 0.7rem;
	margin-bottom: 0.7rem;
	font-size: 0.9rem;
}

.top-bar .usermenuactions a {
	color: #000;
}

.top-bar .usermenuactions a+a {
	border-left: 1px solid #000;
	margin-left: 0.2rem;
	padding-left: 0.4rem;
}

.top-bar .usermenuactions i {
	margin-right: 0.4rem;
	color: rgba(0, 0, 0, 0.25);
}

.bottommenurow ul.menu {
	background: none;
}

.bottommenurow ul.menu li a {
    background: none;
}

.bottommenurow ul.menu li a span {
    color: #000;
    background: none;
	font-size: 0.9rem;
}

.bottommenurow ul.menu li a i {
	font-size: 1.7rem;
}

.bottommenurow ul.menu li a.bottommenulink {
	line-height: 2.5rem;
	min-width: 4.9rem;
	border-bottom: 1px solid transparent;
	padding-bottom: 0.2rem;
	padding-top: 0.2rem;
	text-align: center;
	text-decoration: none;
}

.bottommenurow ul.menu li.active a.bottommenulink {
	border-bottom: 1px solid #000;
}

.bottommenurow ul.menu li a.bottommenulink i.botmenicon {
	visibility: hidden;
	color: rgba(0, 0, 0, 0.07);
	font-size: 3rem;
	position: relative;
	margin-top: -3.3rem;
	top: 3.1rem;
	margin-bottom: 0.3rem;
}

.bottommenurow ul.menu li a.bottommenulink span.botmentext {	
}

.title-bar {
	background: none;
}

.title-bar div.title-bar-title {
	color: #000;
}

.title-bar div.title-bar-logo img {
	width: 145px;
}

.title-bar .menubutton {
	cursor: pointer;
}

.title-bar .menu-icon {
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
}

.title-bar .menu-icon::after {
	background: #F47216 none repeat scroll 0% 0%;
	box-shadow: 0px 7px 0px #F47216, 0px 14px 0px #F47216;
}

.title-bar .menu-icon:hover::after {
	background: #F47216 none repeat scroll 0% 0%;
	box-shadow: 0px 7px 0px #F47216, 0px 14px 0px #F47216;
}

div.topmenurow div.activehelpicon {
	height: 18px;
	width: 18px;
	background: #FFFFFF url("/sale_help.png") no-repeat right center;
	background-size: 100%;
	margin-right: .1rem;
	display: inline-block;
	vertical-align: middle;
}


/* ACCORDION */
.accordion-title::before {
	content: "";
	display: block;
	width: 0px;
	height: 0px;
	border-width: 6px 6px 0px;
	border-style: solid inset inset;
	-moz-border-top-colors: none;
	-moz-border-right-colors: none;
	-moz-border-bottom-colors: none;
	-moz-border-left-colors: none;
	border-image: none;
	border-color: #0083C0 transparent transparent;
	position: absolute;
	top: 50%;
	margin-top: -4px;
	right: 1rem;
}

.accordion-title[aria-expanded="true"]::before {
    transform-origin: 50% 50% 0px;
    transform: scaleY(-1);
	content: "";
}

/* Bootstrap-select drop down with font-awesome images in the options */
.bootstrap-select {
	height: 2.4rem;
	max-width: 20rem;
	position: relative;
}

.bootstrap-select button.btn {
	height: 2.4375rem;
	display: inline-block;
	position: relative;
	padding-top: 0;
	padding-bottom: 0;
	padding-left: 0.5rem;
	padding-right: 1.5rem;
	margin-bottom: 0;
	white-space: nowrap;
	vertical-align: middle;
	-ms-touch-action: manipulation;
	touch-action: manipulation;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	background: transparent;
	border: 1px solid #c4c4c4;
	color: #333;
}

.bootstrap-select > .btn {
	width: 100%;
	padding-right: 25px;
}

.bootstrap-select .btn-default.active, 
.bootstrap-select .btn-default.focus, 
.bootstrap-select .btn-default:active, 
.bootstrap-select .btn-default:focus, 
.bootstrap-select.open > .dropdown-toggle.btn-default {
	outline					: none;
	border					: 1px solid #8a8a8a;
	box-shadow				: 0 0 5px #cacaca;
}

.bootstrap-select.btn-group > .btn.active, 
.bootstrap-select.btn-group > .btn:active, 
.bootstrap-select.btn-group > .btn:focus, 
.bootstrap-select.btn-group > .btn:hover {
	z-index: 2;
}

.bootstrap-select.btn-group .btn .caret {
	position: absolute;
	top: 50%;
	right: 12px;
	margin-top: -2px;
	vertical-align: middle;
	margin-left: 0;
	display: inline-block;
	width: 0;
	height: 0;
	border-top: 4px dashed;
	border-right: 4px solid transparent;
	border-left: 4px solid transparent;
}

.bootstrap-select .btn .pull-left {
	float: left !important;
}

.bootstrap-select .btn i.selicon {
	width: 1.8rem;
}

.bootstrap-select .dropdown-menu {
	position: relative;
	top: 0;
	margin: 0;
	left: 0;
	z-index: 1035;
	display: none;
	float: left;
	min-width: 100%;
	padding: 5px 0;
	text-align: left;
	list-style: none;
	background-color: #fff;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
	border: 1px solid #ccc;
	border: 1px solid rgba(0,0,0,.15);
	border-radius: 4px;
	-webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
	box-shadow: 0 6px 12px rgba(0,0,0,.175);
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.bootstrap-select.open > .dropdown-menu {
	display: block;
}

.bootstrap-select > .dropdown-menu {
	max-height: 250px !important;
	overflow-y: scroll !important;
}

.bootstrap-select .dropdown-menu i.selicon {
	width: 1.8rem;
}

.bootstrap-select .dropdown-menu.open > .dropdown-menu {
	display: block;
}

.bootstrap-select.btn-group .dropdown-menu.inner {
	position: static;
	border: 0;
	padding: 0;
	margin: 0;
	border-radius: 0;
	-webkit-box-shadow: none;
	box-shadow: none;
}

.bootstrap-select.btn-group .dropdown-menu li {
	position: relative;
}

.bootstrap-select.btn-group .dropdown-menu > li > a {
	display: block;
	padding: 3px 20px;
	clear: both;
	line-height: 1.42857143;
	white-space: nowrap;
}

.bootstrap-select.btn-group .dropdown-menu li a {
	cursor: pointer;
	color: #404040;
}

.bootstrap-select.btn-group .dropdown-menu li.selected a {
	background-color: #eaeaea;
}

.bootstrap-select.btn-group .dropdown-menu:hover li.selected a {
	background-color: transparent;
}

.bootstrap-select.btn-group .dropdown-menu:hover li.selected a:hover {
	background-color: #eaeaea;
}

.bootstrap-select.btn-group .dropdown-menu li a:hover {
	background-color: #eaeaea;
}

/* GROUPED DROP DOWN BOXES */
.multiselect {
	height					: 1.69rem;
	background				: transparent;
	border					: 1px solid #c4c4c4;
	padding					: 4px 4px 4px 6px;
	-webkit-box-shadow		: inset 0 1px 2px rgba(10,10,10,.1);
	box-shadow				: inset 0 1px 2px rgba(10,10,10,.1);
	-webkit-appearance		: none;
}
	  
.multiselect:focus {
	outline					: none;
	border					: 1px solid #8a8a8a;
	box-shadow				: 0 0 5px #cacaca;
}

.multiselect-all label {
	font-weight				: bold;
}

.multiselect-group {
	font-weight				: bold;
	text-decoration			: underline;
	text-decoration-color	: #F47216;
}

p.label + p div.btn-group {
	margin-top				: -6px;
}

span.multiselect-native-select{
	position:relative
}

span.multiselect-native-select select{
	border					: 0!important;
	clip					: rect(0 0 0 0)!important;
	height					: 1px!important;
	margin					: -1px -1px -1px -3px!important;
	overflow				: hidden!important;
	padding					: 0!important;
	position				: absolute!important;
	width					: 1px!important;
	left					: 50%;
	top						: 30px
}

/* Grouped drop down: combobox */
span.multiselect-native-select {
	width					: 100%;
}

span.multiselect-native-select div.btn-group {
	width					: 100%;
}

span.multiselect-native-select div.btn-group:before, div.btn-group:after {
    box-sizing				: border-box;
}

span.multiselect-native-select div.btn-group {
    position				: relative;
    display					: inline-block;
    vertical-align			: middle;
}

span.multiselect-native-select div.btn-group {
    box-sizing				: border-box;
}

span.multiselect-native-select div.btn-group button:before, span.multiselect-native-select div.btn-group button:after {
    box-sizing				: border-box;
}

span.multiselect-native-select div.btn-group > div.btn-group button.btn:first-child {
    margin-left: 0px;
}

span.multiselect-native-select div.btn-group > div.btn-group button.btn {
    position: relative;
    float: left;
}

span.multiselect-native-select div.btn-group button {
    margin: 0px;
    overflow: visible;
	text-transform: none;
}

span.multiselect-native-select div.btn-group button.btn {
    box-sizing: border-box;
	display: inline-block;
    margin-bottom: 0px;
    text-align: left;
    white-space: nowrap;
    vertical-align: middle;
    cursor: pointer;
    -moz-user-select: none;
}

span.multiselect-native-select div.btn-group button.btn-default{
	color: #333;
}

span.multiselect-native-select div.btn-group.open > .dropdown-menu {
	display: block;
}

span.multiselect-native-select div.btn-group.open > a {
	outline: 0;
}

span.multiselect-native-select div.btn-group.open .dropdown-toggle {
	outline: 0;
}

span.multiselect-native-select div.btn-group button.btn.disabled,
span.multiselect-native-select div.btn-group button.btn[disabled] {
	pointer-events: none;
	cursor: not-allowed;
	filter: alpha(opacity=50);
	opacity: .50;
}

span.multiselect-native-select b.caret {
	margin-left: 0px;
	float: right;
    width: 0px;
    height: 0px;
    border-top: 4px solid;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
	box-sizing: border-box;
	font-weight: 700;
	margin-top: 0.3rem;
	margin-right: 0.2rem;
}

span.multiselect-native-select b.caret:before, span.multiselect-native-select b.caret:after {
    box-sizing: border-box;
}

/* Grouped drop down: drop down container */
.multiselect-container {
	position				: absolute;
	list-style-type			: none;
	margin					: 0;
	padding					: 0;
}

.multiselect-container .input-group {
	margin					: 5px;
}

.multiselect-container > li {
	padding					: 0;
}

.multiselect-container > li > a.multiselect-all label {
	font-weight				: 700;
}

.multiselect-container > li > label.multiselect-group {
	margin					: 0;
	padding					: 3px 20px;
	height					: 100%;
	font-weight				: 700;
}

.multiselect-container > li.multiselect-group label {
	margin					: 0;
	padding					: 3px 20px 3px 20px;
	height					: 100%;
	font-weight				: 700
}

.multiselect-container > li.multiselect-group-clickable label {
	cursor:pointer
}

.multiselect-container > li > a {
	padding					: 0;
}

.multiselect-container > li > a > label {
	margin					: 0;
	height					: 100%;
	cursor					: pointer;
	font-weight				: 400;
	padding					: 0px 20px 0px 10px;
}

.multiselect-container > li > a > label.radio, .multiselect-container > li > a > label.checkbox {
	margin					: 0;
}

.multiselect-container > li > a > label > input[type=checkbox], .multiselect-container > li > a > label > input[type=radio] {
	margin-bottom			: 4px;
	vertical-align			: middle;
}

.btn-group > .btn-group:nth-child(2) > .multiselect.btn {
	border-top-left-radius		: 4px;
	border-bottom-left-radius	: 4px;
}

.form-inline .multiselect-container label.checkbox, .form-inline .multiselect-container label.radio {
	padding					: 3px 20px 3px 40px;
}

.form-inline .multiselect-container li a label.checkbox input[type=checkbox], .form-inline .multiselect-container li a label.radio input[type=radio] {
	margin-left				: -20px;
	margin-right			: 0;
}

.multiselect-container li a label.checkbox, .multiselect-container li a label.radio {
    display				: block;
}
.multiselect-container li a label.checkbox input, .multiselect-container li a label.radio input {
    margin-right		: 0.5em;
	position			: absolute;
	overflow			: hidden; 
	clip				: rect(0 0 0 0); 
	height				: 1px;
	width				: 1px; 
	margin				: -1px; 
	padding				: 0;
	border				: 0;
}

.multiselect-container {
	box-sizing: border-box;
}

.multiselect-container:before, .multiselect-container:after {
    box-sizing: border-box;
}

.multiselect-container.dropdown-menu {
    top: 100%;
    left: 0px;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 160px;
    font-size: 14px;
    text-align: left;
    list-style: none outside none;
    background-color: #FFF;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, 0.15);
    box-shadow: 0px 6px 12px rgba(0, 0, 0, 0.176);
}

.multiselect-container.dropdown-menu > li > a:hover,
.multiselect-container.dropdown-menu > li > a:focus {
  color: #262626;
  text-decoration: none;
  background-color: #E9E9E9;
}

.multiselect-container.dropdown-menu > .active > a,
.multiselect-container.dropdown-menu > .active > a:hover,
.multiselect-container.dropdown-menu > .active > a:focus {
  color: #fff;
  text-decoration: none;
  background-color: #00A7F5;
  outline: 0;
}

.multiselect-container.dropdown-menu > .disabled > a,
.multiselect-container.dropdown-menu > .disabled > a:hover,
.multiselect-container.dropdown-menu > .disabled > a:focus {
  color: #777;
}

.multiselect-container.dropdown-menu > .disabled > a:hover,
.multiselect-container.dropdown-menu > .disabled > a:focus {
  text-decoration: none;
  cursor: not-allowed;
  background-color: transparent;
  background-image: none;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}

.multiselect-container > li {
    padding: 0px;
	box-sizing: border-box;
}

.multiselect-container div.input-group {
    margin:	0;
	box-sizing: border-box;
	position: relative;
    display: table;
    border-collapse: separate;
}

.multiselect-container span.input-group-addon {
    box-sizing: border-box;
	display: table-cell;
	width: 1%;
    white-space: nowrap;
    vertical-align: middle;
	padding: 6px 12px;
    font-size: 14px;
    font-weight: 400;
    line-height: 1;
    color: #555;
    text-align: center;
    background-color: #EEE;
    border-bottom: 1px solid #CCC;
}

@font-face {
  font-family: 'Glyphicons Halflings';
  src: url('/glyphicons-halflings-regular.ttf') format('truetype');
}

.multiselect-container span.input-group-addon i.glyphicon {
    box-sizing: border-box;
	position: relative;
    top: 1px;
    display: inline-block;
    font-family: "Glyphicons Halflings";
    font-style: normal;
    font-weight: 400;
    line-height: 1;
}

.glyphicon-search:before {
	content: "\e003";
}

.multiselect-container div.input-group input.multiselect-search {
    box-sizing: border-box;
	margin: 0px;
    padding: 6px 12px;
    color: #555;
    background-color: #FFF;
    background-image: none;
    border: 1px solid #CCC;
	border-top: none;
    box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.075) inset;
    transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
	position: relative;
    z-index: 2;
    float: left;
    width: 100%;
    margin-bottom: 0px;
	display: table-cell;
	height: 36px;
}

.multiselect-container .input-group .form-control:not(:first-child):not(:last-child), .input-group-addon:not(:first-child):not(:last-child), .input-group-btn:not(:first-child):not(:last-child) {
    border-radius: 0;
}

.multiselect-container .input-group-btn {
    position: relative;
    font-size: 0;
    white-space: nowrap;
	width: 1%;
	vertical-align: middle;
	display: table-cell;
	box-sizing: border-box;
}

.multiselect-container .input-group-btn:last-child > .btn, .input-group-btn:last-child > .btn-group {
    margin-left: -1px;
}

.multiselect-container .input-group-btn:first-child > .btn-group:not(:first-child) > .btn, .input-group-btn:first-child > .btn:not(:first-child), .input-group-btn:last-child > .btn, .input-group-btn:last-child > .btn-group > .btn, .input-group-btn:last-child > .dropdown-toggle {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.multiselect-container .input-group-btn > .btn {
    position: relative;
}

.multiselect-container span.input-group-btn .btn {
    display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.6;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
	-ms-touch-action: manipulation;
	touch-action: manipulation;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	background-image: none;
	border: none;
	border-bottom: 1px solid #CCC;
}

.multiselect-container span.input-group-btn .btn-default {
    color: #333;
    background-color: #fff;
    border-color: #ccc;
}

.multiselect-container span.input-group-btn .btn-default:hover {
	background-color: #eee;
}

.multiselect-container span.input-group-btn i.glyphicon {
    box-sizing: border-box;
	position: relative;
	top: 1px;
	display: inline-block;
	font-family: 'Glyphicons Halflings';
	font-style: normal;
	font-weight: 400;
	line-height: 1;
}

.glyphicon-remove-circle:before {
	content: "\e088";
}

.multiselect-container li a {
	box-sizing: border-box;
	background: none repeat scroll 0px 0px transparent;
	text-decoration: none;
	display: block;
    clear: both;
    font-weight: 400;
    color: #333;
    white-space: nowrap;
	padding: 0px;
}

.multiselect-container li a.multiselect-all {
    box-sizing: border-box;
	background: none repeat scroll 0px 0px transparent;
	text-decoration: none;
	display: block;
    clear: both;
    font-weight: 400;
    color: #333;
    white-space: nowrap;
	padding: 0px;
}

.multiselect-container li a.multiselect-all label.checkbox, .multiselect-container li a.multiselect-all label.radio {
    box-sizing: border-box;
	max-width: 100%;
	position: relative;
    display: block;
    min-height: 20px;
	height: 100%;
    cursor: pointer;
    padding: 3px 20px 3px 10px;
	font-weight: 700;
	margin: 0px;
}

.multiselect-container li a.multiselect-all label.checkbox input[type="checkbox"], .multiselect-container li a.multiselect-all label.radio input[type="radio"] {
	font: inherit;
	font-family: inherit;
    font-size: inherit;
    color: inherit;
	box-sizing: border-box;
    padding: 0px;
	margin: 4px 0px 0px;
    line-height: normal;
	display: none;
	position: absolute;
    margin-left: -20px;
	margin-bottom: 5px;
}

.multiselect-container li.multiselect-group a {
    box-sizing: border-box;
	background: none repeat scroll 0px 0px transparent;
	text-decoration: none;
	display: block;
    clear: both;
    font-weight: 400;
    color: #333;
    white-space: nowrap;
	padding: 0px;
}

.multiselect-container li.multiselect-group a label {
    box-sizing: border-box;
	max-width: 100%;
	position: relative;
    display: block;
    min-height: 20px;
	height: 100%;
    cursor: pointer;
    padding: 3px 20px 3px 10px;
	font-weight: 700;
	margin: 0px;
	color: #F47216;
}

.multiselect-container li.multiselect-group a label b {
	text-decoration: none;
	font-weight: 700;
}

.multiselect-container li.multiselect-group a label input[type="checkbox"] {
	font: inherit;
	font-family: inherit;
    font-size: inherit;
    color: inherit;
	box-sizing: border-box;
    padding: 0px;
	margin: 4px 0px 0px;
    line-height: normal;
	display: none;
	position: absolute;
    margin-left: -20px;
	margin-bottom: 5px;
}


/* FOUNDATION ROW PROPERTIES */
div.pageheader {
	margin-top: 0.8rem;
}

/* HOME/LOGIN SERVLET */
body.serviceslogin {
	overflow-y: auto;
}
	
div.bodycontainer div.contentcontainer.loginpage {
	min-height: calc(100vh - 3.2rem);
}

div.contentcontainer.loginpage div.maincontent {
	height: 100%;
}

div.loginbox {
	color: #3a3a3a;
}

div.loginbox div.black-box {
	background-color: rgba(255, 255, 255);
	padding: 2.2rem;
	font-weight: 900;
	max-width: 28rem;
	border-radius: 8px;
	border: 1px solid #919191;
}

div.loginbox div.black-box div.boxheader {
	margin-bottom: 1rem;
	text-align: left;
}

div.loginbox div.black-box div.boxheader p.boxheadertitle {
	color: #3a3a3a;
	font-size: 36px;
	line-height: 34px;
}

div.loginbox div.black-box div.boxheader img.boxheaderlogo {
	margin-top: 0.5rem;
	max-height: 5rem;
}

div.loginbox div.black-box div.boxheader img.boxheaderlogo.errorlogo {
	float: right;
	max-width: 15rem;
}

div.errorheaderrow+div.errorheaderrow {
	margin-top: 2rem;
}


div.loginbox div.black-box div.boxcontent div.textline p {
	font-weight: normal;
	text-align: left;
	color: #3a3a3a;
}

div.loginbox div.black-box div.boxcontent div.textline h4 {
	font-weight: 600;
	text-align: left;
	color: #3a3a3a;
}

div.loginbox div.black-box div.boxcontent div.callout.alert {
	background-color: rgba(240, 65, 36, 0.54);
	color: #3a3a3a;
	border-width: 2px;
}

div.loginbox div.black-box div.boxcontent div.callout.success {
	background-color: rgba(67, 172, 106, 0.54);
	color: #3a3a3a;
	border-width: 2px;
}

div.loginbox div.black-box div.boxcontent div.callout button.close-button {
	color: #000;
	opacity: 1;
	background: rgba(0, 0, 0, 0) none repeat scroll 0% 0%;
}

div.loginbox form.loginform div.name-field input, div.loginbox form.loginform div.password-field input {
	border-color: #000;
	background-color: rgba(0, 0, 0, 0);
	color: #3a3a3a;
}

div.loginbox form.loginform div.name-field input:focus, div.loginbox form.loginform div.password-field input:focus {
	-webkit-box-shadow: 0 0 5px #939393 inset;
	box-shadow: 0 0 5px #939393 inset;
	-webkit-transition: border-color .25s ease-in-out,-webkit-box-shadow .5s;
	transition: border-color .25s ease-in-out,-webkit-box-shadow .5s;
	transition: box-shadow .5s,border-color .25s ease-in-out;
	transition: box-shadow .5s,border-color .25s ease-in-out,-webkit-box-shadow .5s;
}

div.loginbox form.loginform div.name-field input::-webkit-input-placeholder {
	color: #3a3a3a;
	opacity: 1;
}

div.loginbox form.loginform div.password-field input::-webkit-input-placeholder {
	color: #3a3a3a;
	opacity: 1;
}

div.loginbox form.loginform div.name-field input:-moz-placeholder {
	color: #3a3a3a;
	opacity: 1;
}

div.loginbox form.loginform div.password-field input:-moz-placeholder {
	color: #3a3a3a;
	opacity: 1;
}

div.loginbox form.loginform div.name-field input::-moz-placeholder {
	color: #3a3a3a;
	opacity: 1;
}

div.loginbox form.loginform div.password-field input::-moz-placeholder {
	color: #3a3a3a;
	opacity: 1;
}

div.loginbox form.loginform div.name-field input:-ms-input-placeholder {
	color: #3a3a3a;
}

div.loginbox form.loginform div.password-field input:-ms-input-placeholder {
	color: #3a3a3a;
}

div.loginbox form.loginform div.name-field span.input-group-label, div.loginbox form.loginform div.password-field span.input-group-label {
	border-color: #000;
	background: #000 none repeat scroll 0% 0%;
	color: #FFF;
	min-width: 3.2rem;
}

div.loginbox form.loginform div.password-field .togglefield {
	margin-top: -48px;
    position: relative;
    z-index: 2;
    color: #3a3a3a;
    float: right;
    margin-right: 10px;
}

div.emailregisterbox form.loginform div.name-field span.input-group-label, 
div.emailregisterbox form.loginform div.password-field span.input-group-label,
div.emailregisterbox form.loginform div.email-field span.input-group-label {
	min-width: 3.2rem;
}

div.loginbox form.loginform div.formbuttons {
	margin-top: 1.5rem;
}

div.loginbox form.loginform div.formbuttons button.loginbutton {
	background-color: transparent;
	color: #3a3a3a;
	border: 2px solid #e6e6e6;
	border-radius: 5px;
	padding: 15px 50px;
	margin: 0px;
	font-size: 1rem;
}

div.loginbox form.loginform div.formbuttons button.loginbutton:hover {
	background-color: rgba(0, 0, 0, 0.05);
}

div.loginbox form.loginform div.formbuttons button.loginbutton:disabled,
div.loginbox form.loginform div.formbuttons button.loginbutton:disabled:hover {
	border-color: #9f9f9f;
	background-color: transparent;
}

div.loginbox div.sidcontainer {
	margin-top: 2rem;
	padding-top: 0.5rem;
	border-top: 1px solid #000;
}

div.loginbox div.sidcontainer.notop {
	margin-top: 0;
}

div.loginbox div.sidcontainer.notopborder {
	border-top: none;
	margin-top: 0;
}

div.loginbox div.sidcontainer p.sidmessage {
	font-weight: normal;
}

div.loginbox div.sidcontainer p.sidmessage.extratopspace {
	margin-top: 0.5rem;
}

div.loginbox div.sidcontainer p.sidmessage a.sidlink i {
	margin-right: 0.5rem;
}

div.loginbox div.sidcontainer a.sidbutton img {
	max-height: 70px;
	max-width: 110px;
}

div.loginbox div.sidcontainer a.sidbutton p.cardtext {
	font-weight: normal;
	text-align: center;
	line-height: 1.3;
}

div.loginbox div.sidcontainer a.sidbutton div.card {
	margin-bottom: 0;
	border-radius: 5px;
	border-width: 2px;
	-webkit-transition: background-color .25s ease-out,color .25s ease-out;
	transition: background-color .25s ease-out,color .25s ease-out;
	max-width: 18.5rem;
}

div.loginbox div.sidcontainer a.sidbutton div.card:hover {
	background-color: rgba(0, 0, 0, 0.05);
}

div.loginbox div.sidcontainer a.sidbutton div.card div.card-section:first-child {
	text-align: center;
	padding: 0.6rem;
}

div.loginbox div.sidcontainer a.sidbutton div.card div.card-section:last-child {
	padding-top: 0;
}

div.loginbox div.sidcontainer button.sidbutton {
	background-color: transparent;
	color: #3a3a3a;
	border: 2px solid #e6e6e6;
	border-radius: 5px;
	padding: 15px 1rem;
	margin: 0px;
	margin-bottom: 1rem;
	font-size: 1rem;
	line-height: 1.8;
}

div.loginbox div.sidcontainer button.sidbutton:hover {
	background-color: rgba(0, 0, 0, 0.05);
}

div.loginbox div.sidcontainer button.sidbutton:disabled,
div.loginbox div.sidcontainer button.sidbutton:disabled:hover {
	border-color: #9f9f9f;
	background-color: transparent;
}

div.loginbox div.sidcontainer button.sidbutton i {
	font-size: 1.8rem;
	margin-right: 0.5rem;
	float: left;
}

div.loginbox div.sidcontainer button.otherauthbutton {
	background-color: transparent;
	color: #3a3a3a;
	border: 2px solid #e6e6e6;
	border-radius: 5px;
	padding: 15px 50px;
	margin: 0px;
	font-size: 1rem;
}

div.loginbox div.sidcontainer button.otherauthbutton:hover {
	background-color: rgba(0, 0, 0, 0.05);
}

div.loginbox div.sidcontainer button.otherauthbutton:disabled,
div.loginbox div.sidcontainer button.otherauthbutton:disabled:hover {
	border-color: #9f9f9f;
	background-color: transparent;
}

div.loginbox div.sidcontainer img.presentcardicon {
	width: auto;
	max-width: 110px;
}

div.loginbox div.sidcontainer p.presentcardmessage {
	text-align: center;
	font-weight: normal;
}

div.loginbox div.sidcontainer div.hiddencardreaderdiv {
	width: 0;
	overflow: hidden;
	margin-top: -4rem;
}

/* GUARD SERVLET */
div.guardbox div.guardbutton {
	margin-top: 1.5rem;
	margin-bottom: 1.5rem;
	display: inline-block;
}

div.guardbox div.guardbutton a {
	font-family: "Segoe UI","Segoe UI Web Regular","Segoe UI Symbol","Helvetica Neue","BBAlpha Sans","S60 Sans",Arial,sans-serif;
	background-color: transparent;
	color: #3a3a3a;
	border: 2px solid #3a3a3a;
	border-radius: 5px;
	padding: 15px 50px;
	margin: 0px;
	font-weight: bold;
}

div.guardbox div.guardbutton a:hover {
	background-color: rgba(179, 179, 179, 0.5);
}

div.guardbox div.guardbutton a img {
	display: none;
}

div.guardbox div.guardbutton p.buttontext {
	font-family: "Segoe UI","Segoe UI Web Regular","Segoe UI Symbol","Helvetica Neue","BBAlpha Sans","S60 Sans",Arial,sans-serif;
	color: #FFF;
	font-weight: bold;
	margin-bottom: -1.5rem;
	margin-left: 0.55rem;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
}

div.tile {
	display: block;
	background: #fff;
	padding: 12px 18px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	box-shadow: rgba(0, 0, 0, 0.3) 0px 1px 2px 0px;
}

div.tile.borderless {
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	box-shadow: none;
	background: none;
}

/* GUARD RESERVATION SERVLET */
div.tile.activationmessage {
	margin: 0 auto;
	margin-top: 7%;
}

div.tile.activationmessage h4 {
	font-weight: 600;
	text-align: center;
	color: #3a3a3a;
}

div.tile.activationmessage p.workstationlabel {
	text-align: right;
	color: #3a3a3a;
	margin-bottom: 2rem;
	margin-right: 1.5rem;
	font-size: 1.1rem;
	font-weight: 600;
	text-transform: uppercase;
}

div.tile.activationmessage p.workstationname {
	font-size: 7rem;
	font-weight: 600;
	text-align: left;
	color: #3a3a3a;
	margin-bottom: 2rem;
	line-height: 0.8;
}

div.tile.activationbox {
	margin: 0 auto;
	margin-top: 2rem;
	max-width: 28rem;
}

div.tile.activationbox div.black-box {
	color: #3a3a3a;
	background-color: rgba(255, 255, 255);
	padding: 2.2rem;
	font-weight: 900;
	max-width: 28rem;
	border-radius: 8px;
	border: 1px solid #919191;
}

div.tile.activationbox div.black-box div.boxheader {
	margin-bottom: 1rem;
	text-align: left;
}

div.tile.activationbox div.black-box div.boxheader p.boxheadertitle {
	color: #3a3a3a;
	font-size: 36px;
	line-height: 34px;
}

div.tile.activationbox div.black-box div.boxheader img.boxheaderlogo {
	margin-top: 0.5rem;
	max-height: 5rem;
}

div.tile.activationbox div.black-box div.boxheader img.boxheaderlogo.errorlogo {
	float: right;
	max-width: 15rem;
}

div.tile.activationbox div.black-box div.boxcontent div.textline p {
	font-weight: 600;
	text-align: left;
	color: #3a3a3a;
}

div.tile.activationbox div.black-box div.boxcontent div.textline h4 {
	font-weight: 600;
	text-align: left;
	color: #3a3a3a;
}

div.tile.activationbox form.activateform div.name-field input, div.tile.activationbox form.activateform div.password-field input {
	border-color: #000;
	background-color: rgba(0, 0, 0, 0);
	color: #3a3a3a;
}

div.tile.activationbox form.activateform div.name-field input:focus, div.tile.activationbox form.activateform div.password-field input:focus {
	-webkit-box-shadow: 0 0 5px #939393 inset;
	box-shadow: 0 0 5px #939393 inset;
	-webkit-transition: border-color .25s ease-in-out,-webkit-box-shadow .5s;
	transition: border-color .25s ease-in-out,-webkit-box-shadow .5s;
	transition: box-shadow .5s,border-color .25s ease-in-out;
	transition: box-shadow .5s,border-color .25s ease-in-out,-webkit-box-shadow .5s;
}

div.tile.activationbox form.activateform div.name-field input::-webkit-input-placeholder {
	color: #3a3a3a;
	opacity: 1;
}

div.tile.activationbox form.activateform div.name-field input:-moz-placeholder {
	color: #3a3a3a;
	opacity: 1;
}

div.tile.activationbox form.activateform div.name-field input::-moz-placeholder {
	color: #3a3a3a;
	opacity: 1;
}

div.tile.activationbox form.activateform div.name-field input:-ms-input-placeholder {
	color: #3a3a3a;
}

div.tile.activationbox form.activateform div.name-field span.input-group-label {
	border-color: #000;
	background: #000 none repeat scroll 0% 0%;
	color: #FFF;
	min-width: 3.2rem;
}

div.tile.activationbox form.activateform div.formbuttons {
	margin-top: 1.5rem;
}

div.tile.activationbox form.activateform div.formbuttons button.activatebutton {
	background-color: transparent;
	color: #3a3a3a;
	border: 2px solid #000;
	border-radius: 5px;
	padding: 15px 50px;
	margin: 0px;
	font-weight: bold;
	font-size: 1rem;
}

div.tile.activationbox form.activateform div.formbuttons button.activatebutton:hover {
	background-color: rgba(0, 0, 0, 0.12);
}

div.tile.activationbox.qrbox {
	max-width: none;
}

div.tile.activationbox.qrbox div.textline p.textvalue {
	font-size: 1.5rem;
	max-width: 33rem;
	text-align: center;
	line-height: 1.3;
}

div.tile.localebox.qrpage {
	max-width: 30rem;
	position: absolute;
	bottom: 1.5rem;
	left: 0;
}

div.tile.localebox.qrpage div.languagecontainer div.iconcontainer {
	margin-right: 1rem;
}

div.tile.localebox.qrpage div.languagecontainer p.languageicon {
	margin-bottom: 0;
	margin-right: 1rem;
	font-size: 1.5rem;
}

div.tile.localebox.qrpage div.languagecontainer a.languagelink {
	display: flex;
	position: relative;
}

div.tile.localebox.qrpage div.languagecontainer a.languagelink img.flagimage {
	width: 35px;
}

div.tile.localebox.qrpage div.languagecontainer a.languagelink div.shadow {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
	-moz-box-shadow:    inset 0 0 5px #919191;
	-webkit-box-shadow: inset 0 0 5px #919191;
	box-shadow:         inset 0 0 5px #919191;
}

div.tile.nextreservationbox.qrpage {
	width: 20rem;
	position: absolute;
	bottom: 4rem;
	right: 5rem;
}

div.tile.nextreservationbox.qrpage div.nextrescontainer p.nextrestitle {
	margin-bottom: 0;
	text-align: center;
	font-size: 1.4rem;
	font-weight: bold;
}

div.tile.nextreservationbox.qrpage div.nextrescontainer p.nextresvalue {
	margin-bottom: 0;
	text-align: center;
	font-size: 1.4rem;
}

div.hiddenunlockcode.qrpage div.hiddeninputcontainer {
	width: 0;
	overflow: hidden;
	margin-top: -2.8rem;
}




/* GUARD HOME SERVLET */
div.tile.msgbox {
	margin: 0 auto;
	margin-bottom: 20px;
	margin-top: 14em;
	max-width: 430px;
}

div.tile.msgbox.servicescontent {
	margin-top: 1rem;
}

div.tile.msgbox.logincontent {
	margin-top: 0;
	margin-bottom: 0;
}

div.tile.msgbox h1 {
    margin-bottom: 6px;
    color: #000;
    font-size: 2.5em;
    line-height: 1.5em;
    letter-spacing: -0.05em;
    padding: 0.1em 0px;
    position: relative;
    overflow: hidden;
    white-space: nowrap;
    text-align: center;
    text-transform: uppercase;
	font-family: Verdana,Arial,sans-serif;
	font-size: 1.9rem;
}

div.tile.msgbox h1::before {
    background: #E87717;
    left: -0.5em;
    margin: 0px 0px 0px -50%;
    content: "";
    position: relative;
    display: inline-block;
    width: 50%;
    height: 2px;
    vertical-align: middle;
}

div.tile.msgbox h1::after {
    background: #E87717;
    left: 0.5em;
    margin: 0px -50% 0px 0px;
    content: "";
    position: relative;
    display: inline-block;
    width: 50%;
    height: 2px;
    vertical-align: middle;
}

div.tile.msgbox span {
    display: block;
    text-align: center;
    margin-bottom: 10px;
}

div.tile.msgbox img {
    border: 0;
    vertical-align: top;
}

div.tile.msgbox p.message {
    display: block;
    font-size: 1.35em;
    line-height: 1.5em;
    margin-bottom: 22px;
	font-family: Verdana,Arial,sans-serif;
	font-size: 1rem;
	text-align: center;
}

div.tile.widget {
	position: absolute;
}

div.tile.widget.singlebutton p {
	font-family: Verdana,Arial,sans-serif;
	font-size: 0.9rem;
	margin-bottom: 0.2rem;
}

div.tile.widget.singlebutton a.button {
	height: 2.55rem;
}

div.tile.widget.singlebutton a.button div.vertcenterlbl {
	position: relative;
	top: 50%;
	transform: translateY(-50%);
}

div.tile.widget.singlebutton a.button div.vertcenterlbl img.buttonimage {
	margin-bottom: 0.4rem;
}

div.tile.widget.singlebutton a.button.disableditem div.vertcenterlbl {
	opacity: 0.25;
}

div.tile.widget.singlebutton a.button.disableditem div.disabledmsg {
	font-family: Verdana,Arial,sans-serif;
	font-size: 0.7rem;
	margin-bottom: 0.2rem;
	text-align: center;
	position: relative;
	top: 30%;
	transform: translateY(-30%);
}

div.tile.widget.loginbox div.explanation p  {
	font-family: Verdana,Arial,sans-serif;
	font-size: 0.9rem;
}

div.tile.widget.loginbox div.explanation h4  {
	font-family: Verdana,Arial,sans-serif;
	font-size: 1.3rem;
}

div.tile.widget.loginbox div.name-field span.input-group-label, div.tile.widget.loginbox div.password-field span.input-group-label {
	min-width: 3.2rem;
	font-family: Verdana,Arial,sans-serif;
	font-size: 0.9rem;
}

div.tile.widget.loginbox div.name-field span.input-group-field, div.tile.widget.loginbox div.password-field span.input-group-field {
	font-family: Verdana,Arial,sans-serif;
	font-size: 0.9rem;
}

div.tile.widget.loginbox div.formbuttons {
	text-align: center;
}

div.tile.widget.loginbox div.formbuttons button.loginbutton {
	margin-bottom: 0;
}

div.tile.widget.loginbox div.name-field.thinlayout {
	display: inline-block;
	max-width: 15rem;
}

div.tile.widget.loginbox div.name-field.thinlayout div.input-group {
	margin-bottom: 0;
}

div.tile.widget.loginbox div.password-field.thinlayout {
	display: inline-block;
	max-width: 15rem;
	margin-left: 0.5rem;
}

div.tile.widget.loginbox div.password-field.thinlayout div.input-group {
	margin-bottom: 0;
}

div.tile.widget.loginbox div.password-field .togglefield {
	margin-top: 8px;
	position: absolute;
	z-index: 2;
	color: #00000080;
	right: 30px;
}

div.tile.widget.loginbox div.formbuttons.thinlayout {
	display: inline-block;
	max-width: 15rem;
	margin-left: 0.5rem;
}

div.tile.widget.loginbox div.cardreadercontainer {
	padding-top: 0.4rem;
	margin-top: 0.8rem;
	border-top: 1px solid #cacaca;
}

div.tile.widget.loginbox div.cardreadercontainer p {
	margin-bottom: 0.5rem;
	line-height: 1.3;
	text-align: center;
}

div.tile.widget.loginbox div.cardreadercontainer.thinlayout p {
	display: inline-block;
	width: 30rem;
	max-width: 30rem;
}

div.tile.widget.loginbox div.formbuttons button.logincardreaderbutton {
	margin-bottom: 0;
	max-width: 15rem;
}

div.tile.widget.loginbox div.cardreadercontainer.thinlayout button.logincardreaderbutton {
	margin-bottom: 0;
}

div.tile.widget.loginbox div.nouserloggedincontainer div.hiddencardreaderdiv {
	width: 0;
	overflow: hidden;
	margin-top: -2.8rem;
}

div.tile.widget.loginbox div.nouserloggedincontainer div.cardloginimage {
	text-align: center;
	margin-top: 1rem;
}

div.tile.widget.loginbox div.nouserloggedincontainer div.cardusernameswitch {
	border-top: 1px solid #cacaca;
	padding-top: 1rem;
	margin-top: 1rem;
}

#waitcardreader {
	display: none;
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.6);
	z-index: 1800;
}

#waitcardreadercontent {
	display: table;
	position: relative;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}

#waitcardreaderbox {
	vertical-align: middle;
	width: 500px;
	height: 160px;
	text-align: center;
	font-size: larger;
}

#waitcardreaderbox img.presentcardicon {
	width: auto;
	max-width: 110px;
}

#waitcardreaderbox h2.title {
	color: #E87717;
	font-family: Verdana,Arial,sans-serif;
	font-size: 1.5rem;
	line-height: 1.5em;
	text-align: center;
	white-space: nowrap;
	overflow: hidden;
	margin-top: 1.2rem;
	padding-left: 2.0rem;
}

#waitcardreaderbox p.message {
	color: #000;
	font-family: Verdana,Arial,sans-serif;
	margin-top: 1.5rem;
}

#waitcardreaderbox div.hiddencardreaderdiv {
	width: 0;
	overflow: hidden;
}

div.tile.widget.loginbutton div.explanation p  {
	font-family: Verdana,Arial,sans-serif;
	font-size: 1rem;
	margin-bottom: 0;
}

div.tile.widget.loginbutton div.nouserloggedincontainer {
	height: 100%;
}

div.tile.widget.loginbutton div.nouserloggedincontainer div.cardloginimage {
	margin-right: 1.5rem;
}

div.tile.widget.loginbutton div.nouserloggedincontainer div.cardloginimage img.presentcardicon {
	max-height: 60px;
}

div.tile.widget.loginbutton div.nouserloggedincontainer div.hiddencardreaderdiv {
	width: 0;
	overflow: hidden;
	margin-top: -2.8rem;
}

div.tile.widget.loginbutton div.nouserloggedincontainer div.explanation.loginbuttonmessage {
	height: 100%;
}

div.tile.widget.loginbutton div.nouserloggedincontainer div.explanation.loginbuttonmessage button.loginbutton {
	margin-bottom: 0;
	font-size: 1.1rem;
}

div.tile.widget.loginbutton div.userloggedincontainer {
	height: 100%;
}

div.tile.widget.loginbutton div.userloggedincontainer div.explanation.loginbuttonmessage {
	height: 100%;
}

div.tile.widget.loginbutton div.userloggedincontainer div.explanation.loginbuttonmessage button.logoutbutton {
	margin-bottom: 0;
	font-size: 1.1rem;
}

div.tile.widget.loginbutton div.freesessionactivecontainer {
	height: 100%;
}

div.tile.widget.loginbutton div.freesessionactivecontainer div.explanation.loginbuttonmessage {
	height: 100%;
}

div.tile.widget.loginbutton div.freesessionactivecontainer div.explanation.loginbuttonmessage p {
	font-size: 1.4rem;
}

div.tile.widget.unlockbox div.explanation p  {
	font-family: Verdana,Arial,sans-serif;
	font-size: 0.9rem;
}

div.tile.widget.unlockbox div.explanation h4  {
	font-family: Verdana,Arial,sans-serif;
	font-size: 1.3rem;
	text-align: center;
}

div.tile.widget.unlockbox div.countdown p.timeoutlabel  {
	font-family: Verdana,Arial,sans-serif;
	font-size: 0.7rem;
	text-align: center;
	margin-bottom: -0.6rem;
}

div.tile.widget.unlockbox div.countdown p.clock  {
	font-family: Verdana,Arial,sans-serif;
	font-size: 2.5rem;
	text-align: center;
}

div.tile.widget.unlockbox div.countdown div.is-countdown  {
	font-family: Verdana,Arial,sans-serif;
	font-size: 2.5rem;
	text-align: center;
	border: none;
	background: none;
	margin-bottom: 1rem;
}

div.tile.widget.unlockbox div.name-field span.input-group-label, div.tile.widget.unlockbox div.password-field span.input-group-label {
	min-width: 3.2rem;
	font-family: Verdana,Arial,sans-serif;
	font-size: 0.9rem;
}

div.tile.widget.unlockbox div.name-field span.input-group-field, div.tile.widget.unlockbox div.password-field span.input-group-field {
	font-family: Verdana,Arial,sans-serif;
	font-size: 0.9rem;
}

div.tile.widget.unlockbox div.password-field .togglefield {
	margin-top: 8px;
	position: absolute;
	z-index: 2;
	color: #00000080;
	right: 30px;
}

div.tile.widget.unlockbox div.formbuttons {
	text-align: center;
}

div.tile.widget.unlockbox div.formbuttons button.loginbutton {
	margin-bottom: 0;
}

div.tile.widget.unlockbox div.formbuttons button.logincardreaderbutton {
	margin-bottom: 0;
	max-width: 15rem;
}

div.tile.widget.unlockbox div.cardreadercontainer {
	padding-top: 0.4rem;
	margin-top: 0.8rem;
	border-top: 1px solid #cacaca;
}

div.tile.widget.unlockbox div.cardreadercontainer p {
	margin-bottom: 0.5rem;
	line-height: 1.3;
	text-align: center;
}

div.tile.widget.unlockbox div.hiddencardreaderdiv {
	width: 0;
	overflow: hidden;
	margin-top: -2.8rem;
}

div.tile.widget.unlockbox div.cardloginimage {
	text-align: center;
	margin-top: 1rem;
}

div.tile.widget.unlockbox div.cardusernameswitch {
	border-top: 1px solid #cacaca;
	padding-top: 1rem;
	margin-top: 1rem;
}

div.tile.widget.unlockbox div.unlockcardmessage p {
	text-align: center;
}

div.tile.widget.localechoice {
	padding: 0;
}

div.tile.widget.localechoice div.localebox {
	margin-top: 0;
	margin-bottom: 0;
	margin-left: 0;
	margin-right: 0;
}

div.tile.widget.localechoice div.localebox > .cell {
	margin-top: .3rem;
	margin-bottom: .3rem;
	margin-left: .4rem;
	margin-right: .4rem;
}

div.tile.widget.localechoice div.localebox span.roundedimage {
	display: inline-block;
	webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
	-moz-box-shadow:    inset 0 0 10px #000000;
	-webkit-box-shadow: inset 0 0 10px #000000;
	box-shadow:         inset 0 0 10px #000000;
}

div.tile.widget.localechoice div.localebox.vertical span.roundedimage {
	margin-bottom: 0.5rem;
}

div.tile.widget.localechoice div.localebox.dropdown div.language-selector-icon p.language-selector-icon {
	font-size: 1.6rem;
	line-height: 1.3;
	color: #000;
	background: #FFF;
	height: 2rem;
	border: 1px outset #000;
	border-radius: 5px;
	border-top-right-radius: 0px;
	border-bottom-right-radius: 0px;
	border-right: none;
	margin-bottom: 0;
	padding-left: 0.3rem;
	padding-right: 0.3rem;
}

div.tile.widget.localechoice div.localebox.dropdown .langsel-button {
	background: #FFF;
	color: #000;
	border: 1px outset #000;
	border-top-left-radius: 0px;
	border-bottom-left-radius: 0px;
	height: 2rem;
	width: 12rem;
	margin-bottom: 0;
	padding-top: 0;
	padding-bottom: 0;
	padding-left: 1rem;
	padding-right: 0.5rem;
}

div.tile.widget.localechoice div.localebox.dropdown .langsel-button:hover,
div.tile.widget.localechoice div.localebox.dropdown .langsel-button:focus {
	background: #FFF;
}

div.tile.widget.localechoice div.localebox.dropdown .langsel-button::after {
	border-color: #000 transparent transparent;
}

div.tile.widget.localechoice div.localebox.dropdown .langsel-options {
	padding: 0.5rem;
	width: 12rem;
	border: 1px solid #4d4d4d;
}

div.tile.widget.localechoice div.localebox.dropdown .langsel-options a.dropdown-link {
	display: block;
	border-radius: 3px;
	color: #FF6700;
	padding-top: 0.2rem;
	padding-bottom: 0.2rem;
	padding-left: 0.5rem;
	padding-right: 0.5rem;
	text-decoration: none;
	-webkit-transition: all .2s ease-in;
	-moz-transition: all .2s ease-in;
	-ms-transition: all .2s ease-in;
	-o-transition: all .2s ease-in;
	transition: all .2s ease-in; 
	text-align: left;
	font-size: 0.8rem;	
}

div.tile.widget.localechoice div.localebox.dropdown .langsel-options a.dropdown-link.langsel-current {
	background-color: #FFFFFF;
	color: #FF6700;
	font-weight: bold;
}

div.tile.widget.localechoice div.localebox.dropdown .langsel-options a.dropdown-link:hover,
div.tile.widget.localechoice div.localebox.dropdown .langsel-options a.dropdown-link.langsel-current:hover {
	background-color: #FF6700;
	color: #FFFFFF;
}

div.tile.widget.buttoncarousel p {
	font-family: Verdana,Arial,sans-serif;
	font-size: 0.9rem;
	margin-bottom: 0.2rem;
}

div.tile.widget.buttoncarousel a.button {
	height: 2.55rem;
	margin-bottom: 0;
	padding: 0;
}

div.tile.widget.buttoncarousel a.button div.vertcenterlbl {
	position: relative;
	top: 50%;
	transform: translateY(-50%);
}

div.tile.widget.buttoncarousel a.button.disableditem div.vertcenterlbl {
	opacity: 0.25;
}

div.tile.widget.buttoncarousel a.button.disableditem div.disabledmsg {
	font-family: Verdana,Arial,sans-serif;
	font-size: 0.7rem;
	margin-bottom: 0.2rem;
	text-align: center;
	position: relative;
	top: 30%;
	transform: translateY(-30%);
}

div.tile.widget.buttoncarousel a.button div.vertcenterlbl img.buttonimage {
	margin-bottom: 0.4rem;
}

div.tile.widget.buttoncarousel div.carousel {
    overflow: hidden;
    position: relative;
    width: 100%;
    height: 300px;
    -webkit-perspective: 500px;
    perspective: 500px;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-transform-origin: 0% 50%;
    transform-origin: 0% 50%;
}

div.tile.widget.buttoncarousel div.carousel .carousel-item {
    display: none;
    width: 200px;
    height: 200px;
    position: absolute;
    top: 0;
    left: 0;
}

div.tile.widget.buttonbar p {
	font-family: Verdana,Arial,sans-serif;
	font-size: 0.9rem;
	margin-bottom: 0.2rem;
}

div.tile.widget.buttonbar ul.osx-dock {
	display: inline-block;
	padding: 0 40px 0 0;
	overflow: hidden;
	margin: 0 0 0 40px;
}

div.tile.widget.buttonbar ul.osx-dock li {
    display: block;
    position: relative;
    float: left;
    width: 50px;
    height: 50px;
    margin: 60px 0 4px 0;
    margin-right: 5px;
	margin-left: 5px;
	-webkit-transition: 0.15s linear;
    -webkit-transition-property: -webkit-transform margin;
    text-align: center;
}

div.tile.widget.buttonbar ul.osx-dock li a {
	display: flex;
	justify-content: center;
	height: 50px;
	padding: 0 1px;
	margin: 0;
	-webkit-transition: 0.15s linear;
	-webkit-transition-property: -webkit-transform margin;
	-webkit-box-reflect: below 2px; 
	-webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(0.45, transparent), to(rgba(255, 255, 255, 0.25)));
}
 
div.tile.widget.buttonbar ul.osx-dock li a div.disabledmsg {
	display: none;
}

div.tile.widget.buttonbar ul.osx-dock li.disableditem:hover a div.disabledmsg {
	font-family: Verdana,Arial,sans-serif;
	font-size: 0.7rem;
	text-align: center;
	line-height: 0.9rem;
	display: inline-block;
	position: absolute;
	margin: 0;
	top: 10px;
}

div.tile.widget.buttonbar ul.osx-dock li a img {
	padding-bottom: 17px;
}

div.tile.widget.buttonbar ul.osx-dock li.disableditem a img {
	opacity: 0.25;
}
 
div.tile.widget.buttonbar ul.osx-dock li:hover a {
	-webkit-transform: translateY(-15px);
	transform: translateY(-15px);
	-webkit-transition-duration: 0.1s;
    transition-duration: 0.1s;
}
 
div.tile.widget.buttonbar ul.osx-dock li span {
	background: rgba(0,0,0,0.75);
	position: absolute;
	top: -35px;
	display: none;
	width: auto;
	font-size: 11px;
	font-weight: bold;
	padding: 3px 6px;
	-webkit-border-radius: 16px;
	color: #fff;
	white-space: nowrap;
	flex-shrink: 0;
}
 div.tile.widget.buttonbar ul.osx-dock li:hover span {
	display: inline-block;
}

div.tile.widget.simplelabel p.textlabel {
	font-family: Verdana,Arial,sans-serif;
	font-size: 0.9rem;
}

div.tile.widget.freehtml {
	font-family: Verdana,Arial,sans-serif;
	overflow-y: auto;
}

div.tile.widget.urlpanel {
	display: flex;
	flex-direction: column;
}

div.tile.widget.urlpanel p {
	font-family: Verdana,Arial,sans-serif;
	font-size: 0.9rem;
	margin-bottom: 0.8rem;
}

div.tile.widget.urlpanel iframe.infopanel {
	width: 100%;
	flex-grow: 1;
	border: #c2c2c2 solid 1px;
}

div.tile.widget.urllist p {
	font-family: Verdana,Arial,sans-serif;
	font-size: 0.9rem;
	margin-bottom: 2rem;
}

div.tile.widget.urllist div.nano div.urlcontainer.nano-content {
	padding: 10px;
}

div.tile.widget.urllist div.nano .nano-pane {
	background: #fff;
	border: 1px solid #d1d1d1;
	border-radius: 0px;
	width: 8px;
}

div.tile.widget.urllist div.nano .nano-slider {
	background: #0083C0;
	border-radius: 0px;
}

div.tile.widget.urllist div.urlcontainer div.urlitem {
	position: relative;
	padding-right: 1.5rem;
	padding-left: 1.5rem;
}

div.tile.widget.urllist div.urlcontainer div.urlitem img.urlimage {
	width: 60px;
	height: 60px;
	border: #FFF solid 4px;
	box-shadow: rgba(0, 0, 0, 0.3) 0px 1px 2px 0px;
	position: absolute;
	top: 10px;
	left: -5px;
}

div.tile.widget.urllist div.urlcontainer div.urlitem div.textblock {
	display: block;
	background: #fff;
	padding-top: 12px;
	padding-right: 12px;
	padding-bottom: 12px;
	padding-left: 50px;
	box-shadow: rgba(0, 0, 0, 0.3) 0px 1px 2px 0px;
	margin-bottom: 1.5rem;
	min-height: 80px;
}

div.tile.widget.urllist div.urlcontainer div.urlitem div.textblock div.disabledicon {
	float: right;
}

div.tile.widget.urllist div.urlcontainer div.urlitem div.textblock p.blocktitle {
	font-family: Verdana,Arial,sans-serif;
	font-size: 0.9rem;
	text-transform: uppercase;
	font-weight: bold;
	margin-bottom: 0.5rem;
	line-height: 1.1rem;
}

div.tile.widget.urllist div.urlcontainer div.urlitem div.textblock p.blockdescription {
	font-family: Verdana,Arial,sans-serif;
	font-size: 0.8rem;
	line-height: 0.9rem;
	margin-bottom: 0.2rem;	
	color: #7a7a7a;
}

div.tile.widget.urllist div.urlcontainer div.urlitem div.textblock a.blocklink p.linktext {
	font-family: Verdana,Arial,sans-serif;
	font-size: 0.7rem;
	text-transform: uppercase;
	font-weight: bold;
	margin-bottom: 0;
	text-align: right;
	margin-top: 0.5rem;
}

div.tile.widget.urllist div.urlcontainer div.urlitem div.textblock a.disabledblocklink {
	color: #c8c8c8;
}

div.tile.widget.urllist div.urlcontainer div.urlitem div.textblock a.disabledblocklink p.linktext {
	font-family: Verdana,Arial,sans-serif;
	font-size: 0.7rem;
	text-transform: uppercase;
	font-weight: bold;
	margin-bottom: 0;
	text-align: right;
	margin-top: 0.5rem;
}

div.tile.widget.catalogsearch div.explanation p  {
	font-family: Verdana,Arial,sans-serif;
	font-size: 0.9rem;
}

div.tile.widget.catalogsearch div.explanation h4  {
	font-family: Verdana,Arial,sans-serif;
	font-size: 1.3rem;
}

div.tile.widget.catalogsearch div.search-field span.input-group-label {
	min-width: 3.2rem;
	font-family: Verdana,Arial,sans-serif;
	font-size: 0.9rem;
}

div.tile.widget.catalogsearch div.search-field span.input-group-field {
	font-family: Verdana,Arial,sans-serif;
	font-size: 0.9rem;
}

div.tile.widget.catalogsearch div.formbuttons {
	text-align: center;
}

div.tile.widget.catalogsearch div.formbuttons button.searchbutton {
	margin-bottom: 0;
}

div.tile.widget.groupedurllist {
	display: flex;
	flex-direction: column;
}

div.tile.widget.groupedurllist p {
	font-family: Verdana,Arial,sans-serif;
	font-size: 0.9rem;
	margin-bottom: 2rem;
}

div.tile.widget.groupedurllist div.cooltabs {
	flex-grow: 1;
	width: calc(100% + 36px);
	left: -18px;
	display: flex;
	flex-direction: column;
}

div.tile.widget.groupedurllist div.cooltabs nav {
	background: rgba(69, 69, 69, 0.5);
}

div.tile.widget.groupedurllist div.cooltabs nav ul li:first-child::before, div.tile.widget.groupedurllist div.cooltabs nav ul li::after {
    background: rgba(255, 255, 255, 0.5);
}

div.tile.widget.groupedurllist div.cooltabs nav ul li.tab-current a {
    background: #0083C0;
    box-shadow: -1px 0 0 #0083C0;
}

div.tile.widget.groupedurllist div.cooltabs nav li a {
    color: #fff;
}

div.tile.widget.groupedurllist div.cooltabs nav li.tab-current a {
    color: #fff;
}

div.tile.widget.groupedurllist div.cooltabs nav ul li.tab-current a::after {
    border-top-color: #0083C0;
}

div.tile.widget.groupedurllist div.cooltabs nav li a.icon-home::before {
    content: "";
}

div.tile.widget.groupedurllist div.cooltabs div.content-wrap {
	flex-grow: 1;
}

div.tile.widget.groupedurllist div.cooltabs div.content-wrap section {
	max-width: none;
	height: 100%;
	width: 100%;
    position: absolute;
}

div.tile.widget.groupedurllist div.cooltabs div.content-wrap section h3.cattitle {
	margin: 20px 0 10px 0;
	line-height: 18px;
	font-family: Verdana,Arial,sans-serif;
	font-weight: bold;
	font-size: 14px;
	text-transform: uppercase;
	color: #F47216;
	text-align: left;
}

div.tile.widget.groupedurllist div.cooltabs div.content-wrap section ul.catcontents {
	text-align: left;
	margin-left: 0;
}

div.tile.widget.groupedurllist div.cooltabs div.content-wrap section ul.catcontents li {
	list-style: none;
}

div.tile.widget.groupedurllist div.cooltabs div.content-wrap section ul.catcontents li a {
	display: block;
	line-height: 26px;
	font-family: Verdana,Arial,sans-serif;
	font-weight: bold;
	font-size: 13px;
	color: #888888;
	text-decoration: none;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow-x: hidden;
}

div.tile.widget.groupedurllist div.cooltabs div.content-wrap section ul.catcontents li a i {
	margin-left: 0.5rem;
}

div.tile.widget.groupedurllist div.nano {
	height: 100%;
}

div.tile.widget.groupedurllist div.nano div.nano-content {
	padding: 10px;
	max-width: none;
}

div.tile.widget.groupedurllist div.nano .nano-pane {
	background: #eae9e9;
	border: 1px solid #d1d1d1;
	border-radius: 0px;
	width: 8px;
}

div.tile.widget.groupedurllist div.nano .nano-slider {
	background: #0083C0;
	border-radius: 0px;
}



/* MAIN PAGE: COMPACT USER INFO BLOCK */
div.compactuserdata {
	background: #FFF;
	margin-top: 1rem;
	margin-bottom: 1rem;
	border: 1px solid #F47216;
}

div.compactuserdata.reservations {
	margin-top: 0;
}

div.compactuserdata.reservations div.resrow {
	padding-left: 1rem;
	padding-right: 1rem;
	margin-bottom: 0.5rem;
}

div.compactuserdata.reservations div.resrow div.reservationtick {
	width: 0.4rem;
	height: 100%;
	margin-right: 0.3rem;
}

div.compactuserdata.reservations div.resrow p.reservationdate {
	margin-bottom: 0;
	font-weight: bold;
	font-size: 0.9rem;
}

div.compactuserdata.reservations div.resrow p.reservationitem {
	margin-bottom: 0;
	font-size: 0.9rem;
	line-height: 1.3;
}

div.compactuserdata.reservations div.resrow p.reservationlocation {
	margin-bottom: 0;
	font-size: 0.9rem;
	line-height: 1.3;
}

div.compactuserdata.reservations a.showlistlink {
	padding-left: 1rem;
	margin-bottom: 0.4rem;
	display: block;
	font-size: 0.9rem;
}

div.compactuserdata.reservations a.showlistlink i {
	margin-right: 0.3rem;
}

div.compactuserdata p {
	color: #000;
}

div.compactuserdata p.walleticon {
	color: #F47216;
	font-size: 4rem;
	padding-left: 0;
	padding-right: 0;
	margin-bottom: 0;
	text-align: center;
}

div.compactuserdata p.infoboxtitle {
	font-size: 1.1rem;
	margin-bottom: 0.3rem;
	margin-top: 0.3rem;
	padding-left: 1rem;
	padding-right: 1rem;
}

div.compactuserdata h4.username {
	color: #000;
	margin-left: 1rem;
	margin-top: 1.8rem;
	font-size: 1.1rem;
}

div.compactuserdata p.accountname {
	color: #000;
	margin-left: 1rem;
	margin-bottom: 0.5rem;
	line-height: 1.1;
}

div.compactuserdata p.accountname i.accinfoicon {
	margin-left: 0.3rem;
	color: #F47216;
}

div.compactuserdata p.accountamount {
	color: #000;
	line-height: 1.1;
	margin-bottom: 0.5rem;
	text-align: right;
}

div.compactuserdata p.receiptbarcodecontainer span.inputdata div {
	white-space: nowrap;
}

div.compactuserdata p.receiptbarcodecontainer span.receiptbarcode svg {
	max-width: 80%;
	max-height: 80px;
}

div.compactuserdata div.usermessagerow {
	margin-top: 1rem;
	margin-bottom: 0;
	margin-right: 0;
	margin-left: 0;
}

div.compactuserdata div.usermessagestitle {
	display: table;
	padding-right: 1rem;
	padding-left: 1rem;
}

div.compactuserdata span.envelopicon {
	color: #F47216;
	font-size: 1.5rem;
	display: table-cell;
	vertical-align: middle;
}

div.compactuserdata span.envelopicon i {
	margin-right: 0.3rem;
}

div.compactuserdata span.usermessage {
	display: table-cell;
	vertical-align: middle;
}

div.compactuserdata div.grid-x.messagesrow {
	margin-bottom: 1rem;
	padding-right: 1rem;
	padding-left: 1rem;
}

div.compactuserdata div.message {
	padding-top: 0.2rem;
	padding-bottom: 0.2rem;
	padding-right: 1rem;
	padding-left: 1rem;
	font-size: 0.9rem;
	background: #F47216;
	color: #FFF;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	-webkit-transition: height 1s; 
	-moz-transition: height 1s; 
	-ms-transition: height 1s; 
	-o-transition: height 1s; 
	transition: height 1s;
}

div.compactuserdata div.message+div.message {
	margin-top: 0.3rem;
}

div.compactuserdata div.messagesrow p.messagetext {
	color: #FFF;
	margin-bottom: 0;
}

div.compactuserdata div.messagesrow p.messagetext.truncate {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

div.compactuserdata div.messagesrow p.messagetext.fulltext {
	display: none;
}

div.compactuserdata div.messagesrow p.messagetext.fulltext a, div.compactuserdata div.messagesrow p.messagetext.fulltext a:hover {
	color: #3E3E3E;
}

div.compactuserdata div.messagesrow p.toggleicon {
	color: #FFF;
	margin-bottom: 0;
	text-align: right;
}

div.compactuserdata div.messagesrow p.toggleicon.close {
	display: none;
}

/* MAIN PAGE: MENU BUTTONS */
div.grid-x.mainmenuitem {
	margin-bottom: 1.5rem;
	margin-top: 1rem;
}

div.logoutusercolor {
	margin-top: 1rem;
}

p.menuicon {
	color: #FFF;
	font-size: 3rem;
	margin-bottom: 0;
	text-align: center;
	padding-left: 1rem;
}

h3.menuname {
	color: #FFF;
	text-align: center;
	padding-top: 1.1rem;
	padding-right: 1.5rem;
	font-size: 1.4rem;
}

p.menudescription {
	color: #FFF;
	padding-left: 0.4rem;
	padding-right: 0.4rem;
	line-height: 1.1;
}



/* ACCOUNT DETAILS PAGE: ACCOUNTLIST */
div.accountblock:last-child {
	margin-bottom: 1rem;
}

div.accountblock+div.accountblock {
	margin-top: 1rem;
}

div.accountblock p.blockheader {
	border: 1px solid rgba(0, 131, 192, 0.5);
	background: rgba(0, 131, 192, 0.15);
	font-family: Verdana, Arial, sans-serif;
	font-size: 0.8rem;
	font-weight: bold;
	padding-left: 0.4rem;
	padding-right: 0.4rem;
	margin-bottom: 0;
	padding-top: 0.1rem;
	padding-bottom: 0.1rem;
	vertical-align: middle;
}

div.accountblock div.accountrow {
	border: 1px solid rgba(0, 131, 192, 0.5);
	border-top: none;
	background: rgba(0, 131, 192, 0.15);
	padding: 0.4rem;
	padding-top: 0.6rem;
	min-height: 2.9rem;
}

div.accountblock div.accountrow.first {
	border-top: 1px solid rgba(0, 131, 192, 0.5);
}

div.accountblock div.accountrow.collapsable {
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
}

div.accountblock div.accountrow div.accountactionbutton {
	text-align: right;
}

div.accountblock div.accountrow div.accountactionbutton a.accountaction {
	margin-bottom: 0;
	padding-top: 0.3rem;
	padding-bottom: 0.3rem;
	padding-right: 0.4rem;
	padding-left: 0.4rem;
	font-size: 0.8rem;
	background: #0083C0;
}

div.accountblock div.accountrow div.accountactionbutton a.accountaction:hover {
	background: #0083C0;
}

div.accountblock div.accountrow img.accountactionicon {
	cursor: pointer;
	margin-top: -0.2rem;
}

div.accountblock div.accountrow p.accountnote {
	margin-bottom: 0;
	font-family: Verdana, Arial, sans-serif;
	font-size: 0.75rem;
	margin-top: 0.3rem;
}

div.accountblock div.accountrow p.accountnote i {
	font-size: 1rem;
	margin-right: 0.3rem;
}

div.accountblock span.toggleswitch {
	float: right;
	font-size: 1.4rem;
	margin-right: 0.5rem;
	margin-top: -0.7rem;
	text-align: center;
}

div.accountblock span.toggleswitch p.togglecomment {
	font-size: 0.5rem;
	text-transform: uppercase;
	font-weight: bold;
	margin-bottom: 0;
	margin-top: -0.4rem;
}

div.accountblock span.accountname {
	font-family: Verdana, Arial, sans-serif;
	font-size: 0.75rem;
}

div.accountblock span.accountname i.rollover {
	margin-right: 0.3rem;
}

div.accountblock div.accountamount {
	text-align: right;
}

div.accountblock span.accountamount {
	font-family: Verdana, Arial, sans-serif;
}

div.accountblock div.extraaccountinfo {
	border-right: 1px solid rgba(0, 131, 192, 0.5);
	border-left: 1px solid rgba(0, 131, 192, 0.5);
	border-bottom: 1px solid rgba(0, 131, 192, 0.5);
	padding: 0.5rem;
	background: rgba(0, 131, 192, 0.04);
}

div.accountblock div.extraaccountinfo p.accountaction, div.accountblock div.extraaccountinfo p.accountnote {
	margin-bottom: 0;
	font-family: Verdana, Arial, sans-serif;
	font-size: 0.75rem;
}

div.accountblock div.extraaccountinfo p.accountaction i {
	margin-right: 0.5rem;
}

p.accountnote+div.accountaction {
	margin-top: 0.5rem;
}

div.accountblock div.extraaccountinfo p.accountnote i.membershipwarning {
	font-size: 1.2rem;
	color: #F80000;
}

hr.accounttransdivider {
	border-color: #F47216;
	margin-top: 0;
	margin-bottom: 1rem;
}

/* ACCOUNT DETAILS PAGE: TRANSACTIONLIST */
div.transactionblock:last-child {
	margin-bottom: 1rem;
}

div.transactionblock+div.transactionblock {
	margin-top: 1rem;
}

div.transactionblock p.blockheader {
	border: 1px solid rgba(192, 108, 0, 0.5);
	background: rgba(192, 108, 0, 0.15);
	font-family: Verdana, Arial, sans-serif;
	font-size: 0.8rem;
	font-weight: bold;
	padding-left: 0.4rem;
	padding-right: 0.4rem;
	margin-bottom: 0;
	padding-top: 0.1rem;
	padding-bottom: 0.1rem;
	vertical-align: middle;
}

div.transactionblock div.transactionrow {
	border: 1px solid rgba(192, 108, 0, 0.5);
	border-top: none;
	background: rgba(192, 108, 0, 0.15);
	padding: 0.4rem;
	padding-top: 0;
	padding-bottom: 0;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
}

div.transactionblock span.toggleswitch {
	float: right;
	font-size: 1.4rem;
	margin-right: 0.5rem;
	margin-top: -0.4rem;
	text-align: center;
}

div.transactionblock span.toggleswitch p.togglecomment {
	font-size: 0.5rem;
	text-transform: uppercase;
	font-weight: bold;
	margin-bottom: 0;
	margin-top: -0.4rem;
}

div.transactionblock div.actiondescription {
	margin-top: 0.4rem;
	margin-bottom: 0.4rem;
}

div.transactionblock span.actiondescription {
	font-family: Verdana, Arial, sans-serif;
	font-size: 0.75rem;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	display: block;
}

div.transactionblock div.transamount {
	text-align: right;
	margin-top: 0.28rem;
}

div.transactionblock span.amountsign i.fa-minus {
	color: red;
	font-size: 0.9rem;
	margin-right: 0.2rem;
}

div.transactionblock span.amountsign i.fa-plus {
	color: green;
	font-size: 0.9rem;
	margin-right: 0.2rem;
}

div.transactionblock span.transamount {
	font-family: Verdana, Arial, sans-serif;
}

div.transactionblock span.accountnametitle {
	font-family: Verdana, Arial, sans-serif;
	font-size: 0.6rem;
	color: #808080;
}

div.transactionblock div.accountsection {
	line-height: 1.1;
	margin-bottom: 0.2rem;
}

div.transactionblock span.accountname {
	font-family: Verdana, Arial, sans-serif;
	font-size: 0.75rem;
}

div.transactionblock div.extratransinfo {
	border-right: 1px solid rgba(192, 108, 0, 0.5);
	border-left: 1px solid rgba(192, 108, 0, 0.5);
	border-bottom: 1px solid rgba(192, 108, 0, 0.5);
	padding: 0.5rem;
	padding-top: 0;
	padding-bottom: 0;
	background: rgba(192, 108, 0, 0.04);
}

div.transactionblock div.extratransinfo p.extrainfotitle, div.transactionblock div.extratransinfo p.extrainfovalue, div.transactionblock div.extratransinfo div.extrainfovalue {
	font-family: Verdana, Arial, sans-serif;
	font-size: 0.75rem;
	margin-bottom: 0;
}

div.transactionblock div.extratransinfo p.extrainfotitle {
	padding-left: 0.7rem;
	color: #6C5000;
	font-weight: bold;
}

div.transactionblock div.extratransinfo p.extrainfovalue, div.transactionblock div.extratransinfo div.extrainfovalue {
	padding-left: 0.7rem;
	margin-bottom: 0.4rem;
}

div.transactionblock div.extratransinfo div.extrainfovalue ul.printlist {
    list-style: none;
}

div.transactionblock div.extratransinfo div.extrainfovalue ul.printlist li {
	text-indent: -0.9rem;
}

div.transactionblock div.extratransinfo div.extrainfovalue ul.printlist li::before {
	content: "■";
	padding-right: 7px;
	color: #6C5000;
}

div.transactionblock div.extratransinfo p.extrainfovalue i.fa-external-link-alt {
	margin-left: 0.4rem;
}

div.transactionblock div.extratransinfo p.extrainfovalue a.receiptlink i.fa-external-link-alt {
	margin-right: 0.3rem;
	margin-left: 1rem;
}


div.transactionblock div.extratransinfo div.proconlineinfo {
	position: relative;
}

div.transactionblock div.extratransinfo a.processonlinebutton {
	position: absolute;
	right: 1.0rem;
	top: 0.5rem;
	margin-bottom: 0.5rem;
}

div.notransactionsfound {
	margin-bottom: 1rem;
}

div.searchtransactions {
	margin-top: 1rem;
	margin-bottom: 1rem;
}

p.searchtransactions {
	margin-bottom: 0;
	min-height: 2rem;
	color: #FFF;
	text-align: center;
	padding-top: 0.2rem;
}


/* ACCOUNT DETAILS PAGE: SEARCH TRANSACTIONS */
div.usersearchtrans div.actiontitlecell {
	margin-left: 0;
}

div.usersearchtrans h5.rowactiontitle {
	color: #F47216;
	margin-bottom: 0;
}

div.usersearchtrans img.rowactionimage {
	max-width: 32px;
}

h5.filterheader span.filtericon {
	float: left;
	margin-right: 1rem;
	color: #000;
}

form.searchtransactions button.searchtransbutton {
	background:	#0083C0;
	padding-top: 0.65rem;
    padding-bottom: 0.65rem;
	margin-top: 1.6rem;
}

form.searchtransactions button.searchtransbutton i {
	float: left;
	margin-right: -1.5rem;
	margin-left: 1.5rem;
}

form.searchtransactions div.fdatepicker input.selecteddate {
	background:	#FFF;
}

form.searchtransactions div.fdatepicker span.calendarbutton {
	background:	#0083C0;
	color: #FFF;
	padding: 0px 1rem;
	margin-bottom: 0;
	display: flex;
}

form.searchtransactions div.fdatepicker span.calendarbutton:hover {
	background:	#0083C0;
	color: #FFF;
}

.datepicker td.active.day, .datepicker th.active.day, .datepicker span.active.month, .datepicker span.active.year {
    background: #00A7F5;
}

.datepicker td.day, .datepicker th.day, .datepicker th.dow, .datepicker span.month, .datepicker span.year {
	border-bottom: 1px solid #FFF;
}

.datepicker td.day:hover, .datepicker th.day:hover, .datepicker th.dow:hover, .datepicker span.month:hover, .datepicker span.year:hover {
	border-bottom: 1px solid #00A7F5;
}

div.zerotranscontainer {
	margin-top: 1.65rem;
	padding-left: 1.4rem;
}

div.zerotranscontainer div.showzerotrans {
	display: inline-block;
	float: left;
}

div.zerotranscontainer div.showzerotrans input:checked ~ .switch-paddle {
    background: #0083C0 none repeat scroll 0% 0%;
}

div.zerotranscontainer div.showzerotrans label.switch-paddle span.switch-inactive {
    right: 10%;
}

div.zerotranscontainer div.showzerotranslabel {
	margin-left: 1rem;
	display: inline-block;
	float: left;
}

div.zerotranscontainer div.showzerotranslabel span.showzerotranslabel {
	font-size: 0.875rem;
	color: #000;
}

/* PRINT JOB PAGE */
div.totaljobsactionrow {
	margin-top: 0.5rem;
	text-align: right;
}

div.totaljobsactionrow div.printpricecontainer {
	float: left;
}

div.totaljobsactionrow div.printpricecontainer p.printpriceslink {
	margin-bottom: 0.5rem;
	font-family: Verdana,Arial,sans-serif;
	font-size: 0.8rem;
	padding-left: 0.2rem;
}

div.totaljobsactionrow div.printpricecontainer p.printpriceslink i {
	margin-right: 0.5rem;
}

div.totaljobsactionrow div.totaljobactionbutton {
	display: inline-block;
	vertical-align: top;
}

div.totaljobsactionrow div.totaljobactionbutton button {
	background: #0083C0;
	margin-bottom: 0;
	font-size: 0.7rem;
	height: 2rem;
}

div.totaljobsactionrow div.totaljobactionbutton .dropdown-pane {
	padding: 0;
}

div.totaljobsactionrow div.totaljobactionbutton .dropdown-pane a.dropdown-link {
    display: block;
    padding: 0.5rem;
    color: #555;
	font-size: 0.9rem;
}

div.totaljobsactionrow div.totaljobactionbutton .dropdown-pane a.dropdown-link:hover {
	background:	#E4E4E4;
}

div.totaljobsactionrow div.jobactionbutton {
	display: inline-block;
	margin-left: 0.3rem;
	height: 2rem;
	vertical-align: top;
}

div.totaljobsactionrow div.jobactionbutton a.jobactionbuttonlink p.jobactionbuttonicon {
	color: #FFF;
	padding-left: 0.5rem;
	padding-right: 0.5rem;
	padding-top: 0.4rem;
	padding-bottom: 0.4rem;
	font-size: 0.7rem;
	margin-bottom: 0;
	height: 2rem;
}

div.totaljobsactionrow div.jobactionbutton a.jobactionbuttonlink p.jobactionbuttonicon i {
	margin-right: 0.5rem;
	font-size: 1rem;
	vertical-align: middle;
}

div.agreealert {
	margin-top: 1rem;
}

div.printjobs h5.jobtypegrouptitle {
	font-family: Verdana,Arial,sans-serif;
	font-size: 1.1rem;
	margin-top: 2.0rem;
	margin-bottom: 0;
	color: #F47216;
}

div.printjobs h5.jobtypegrouptitle.singletitle {
	margin-bottom: 0.5rem;
}

div.printjobs h6.jobtypegroupsubtitle {
	font-family: Verdana,Arial,sans-serif;
	font-size: 0.9rem;
	color: #656565;
}

div.printjobs div.printjobrowcontainer {
	margin-bottom: 0.4rem;
}

div.printjobs div.printjobrowcontainer+div.printjobrowcontainer {
	border-top: 1px solid #CCC;
	padding-top: 0.5rem;
}

div.printjobs div.printjobrow div.jobactionrow {
	padding-left: 2rem;
}

div.printjobs div.printjobrow div.jobactionrow span.jobaction {
	
}

div.printjobs div.printjobrow div.jobactionrow span.jobaction + span.jobaction {
	margin-left: 0.7rem;
}

div.printjobs div.printjobrow div.jobactionrow span.jobaction a {
	font-size: 0.9rem;
}

div.printjobs div.printjobrow div.jobactionrow span.jobaction a i {
	margin-right: 0.3rem;
}

div.printjobs div.printjobrow p.generaljobstatusinfo {
	margin-bottom: 0;
	font-family: Verdana,Arial,sans-serif;
	font-size: 0.9rem;
	color: #000;
	display: inline-block;
	line-height: 1.3;
}

div.printjobs div.printjobrow div.jobstatusicon {
	display: inline-block;
	margin-right: 0.5rem;
}

div.printjobs div.printjobrow h5.jobtitle {
	display: inline-block;
	margin-bottom: 0;
}

/* Small screen size only */
@media only screen and (max-width: 39.9375em) {
	div.printjobs div.printjobrow div.jobactionrow {
		padding-left: 0;
	}
	
	div.printjobs div.printjobrow h5.jobtitle {
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
		max-width: 20rem;
	}
}

div.printjobs div.printjobrow div.jobstatusicon span.processingjob {
	color: #CFCFCF;
	font-size: 1.3rem;
}

div.printjobs div.printjobrow div.jobstatusicon span.processingjob.failed {
	color: red;
}

div.printjobs div.printjobrow div.jobstatusicon span.processingjob.success {
	color: green;
}

div.printjobs div.printjobrow div.jobstatusicon span.unacceptedjob {
	color: #CFCFCF;
	font-size: 1.3rem;
}

div.printjobs div.printjobrow div.jobstatusicon span.acceptedjob {
	color: #009521;
	font-size: 1.3rem;
}

div.printjobs div.printjobrow div.jobactionbutton {
	display: inline-block;
}

div.printjobs div.printjobrow div.toggleswitch {
	display: inline-block;
	float: right;
	font-size: 1.4rem;
	margin-right: 0.5rem;
}

div.printjobs div.printjobrow div.jobactionbutton button {
	background: #0083C0;
	margin-bottom: 0;
	font-size: 0.7rem;
}

div.printjobs div.printjobrow div.jobactionbutton .dropdown-pane {
	padding: 0;
}

div.printjobs div.printjobrow div.jobactionbutton .dropdown-pane a.dropdown-link {
    display: block;
    padding: 0.5rem;
    color: #555;
	font-size: 0.9rem;
}

div.printjobs div.printjobrow div.jobactionbutton .dropdown-pane a.dropdown-link:hover {
	background:	#E4E4E4;
}

div.policylist {
	max-height: 85%;
	width: 900px;
	max-width: 100%;
}

div.locationlist a.closebutton,
div.jobpricelist a.closebutton,
div.policylist a.closebutton {
	color: #0083C0;
}

div.locationlist p.locationheader,
div.jobpricelist p.pricetitle,
div.policylist p.policyheader {
	color: #F47216;
}

div.locationlist p.locationsubtext {
	color: #8F8F8F;
	font-size: 0.9rem;
	margin-top: -0.8rem;
}

/* Small screen size only */
@media only screen and (max-width: 39.9375em) {
	div.policylist {
		max-height: 100%;
		width: initial;
	}
}

div.printjobs div.extraprintjobinfo div.extrainfosection {
	background: #eff8ff;
	margin-top: 0.4rem;
}

div.printjobs div.extraprintjobinfo div.extrainfosection p.jobactioninfo {
	margin-bottom: 0;
	font-family: Verdana, Arial, sans-serif;
	font-size: 0.8rem;
	margin-top: 1rem;
}

div.printjobs div.extraprintjobinfo div.extrainfosection p.jobactioninfo i {
	margin-right: 0.5rem;
}

p.jobactioninfo+p.jobactioninfo {
	margin-top: -0.85rem;
}

div.printjobs div.extraprintjobinfo p.extrainfotitle, div.printjobs div.extraprintjobinfo p.extrainfovalue {
	font-family: Verdana, Arial, sans-serif;
	font-size: 0.75rem;
	margin-bottom: 0;
}

div.printjobs div.extraprintjobinfo p.extrainfotitle {
	padding-left: 0.7rem;
	color: #004A6C;
	font-weight: bold;
}

div.printjobs div.extraprintjobinfo p.extrainfovalue {
	padding-left: 0.7rem;
	margin-bottom: 0.4rem;
}

div.printjobs div.printjobrow h4.nojobsinfo {
	margin-top: 3rem;
	margin-bottom: 2rem;
}

div.printjobs div.printjobrow h4.allprocjobsfinished {
	color: #F47216;
}


/* WIFIPRINT PAGE */
iframe.printframecontents {
	border-style: none;
}


/* UPLOAD PRINT JOB SERVLET */
div.userdetails.uploadjobinfo p.usermessage {
	margin-bottom: 0.3rem;
}

div.userdetails.uploadjobinfo div.printerselcontainer {
	padding: 0.3rem;
	padding-top: 1rem;
	border: 1px solid #D9D9D9;
	border-bottom-color: #CCC;
	box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.05);
	min-height: 4.3rem;
	background: #F9F9F9;
	margin-bottom: 1rem;
}

div.userdetails.uploadjobinfo div.printerselcontainer.createduserinfo div.qrcontainer {
	width: 10rem;
	margin-left: 1rem;
	margin-right: 2rem;
}

div.userdetails.uploadjobinfo div.printerselcontainer.createduserinfo p.createdvouchercode {
	font-size: 4rem;
	line-height: 1;
	margin-bottom: 0;
}

div.userdetails.uploadjobinfo div.printerselcontainer.createduserinfo p.createdvoucherinfo {
	color: #646C7F;
}

/* Small screen size only */
@media only screen and (max-width: 39.9375em) {
	div.userdetails.uploadjobinfo div.printerselcontainer.createduserinfo div.qrbox {
		text-align: center;
	}
	
	div.userdetails.uploadjobinfo div.printerselcontainer.createduserinfo div.qrcontainer {
		width: 10rem;
		margin-left: 0;
		margin-right: 0;
		margin-bottom: 1rem;
	}
	
	div.userdetails.uploadjobinfo div.printerselcontainer.createduserinfo h5.createdvouchertitle {
		text-align: center;
	}
	
	div.userdetails.uploadjobinfo div.printerselcontainer.createduserinfo p.createdvouchercode {
		font-size: 2.5rem;
		text-align: center;
	}
	
	div.userdetails.uploadjobinfo div.printerselcontainer.createduserinfo p.createdvoucherinfo {
		margin-top: 0.5rem;
		text-align: center;
	}
}

div.userdetails.uploadjobinfo p.printpriceslink {
	margin-bottom: 0;
	margin-top: 1rem;
	float: right;
	font-size: 0.9rem;
}

div.userdetails.uploadjobinfo div.printerselcontainer div.printerdatarow {
	margin-bottom: 0.7rem;
}

div.userdetails.uploadjobinfo div.printerselcontainer div.printerdatarow span.radiocontainer {
	margin-top: 0;
	margin-right: 0;
	margin-bottom: -0.3rem;
	margin-left: 0.8rem;
	display: block;
}

div.userdetails.uploadjobinfo div.printerselcontainer div.printerdatarow span.printerlocation {
	margin-left: 2.4rem;
	font-size: 0.8rem;
	overflow: hidden;
	color: #555;
}

div.userdetails.uploadjobinfo div.printerselcontainer div.printerdatarow span.radiocontainer input {
	display: none;
	margin-right: 0.5em;
}

div.userdetails.uploadjobinfo div.printerselcontainer div.printerdatarow span.radiocontainer input:checked + label.radiolabel {
    background-position: 0 -18px;
}

div.userdetails.uploadjobinfo div.printerselcontainer div.printerdatarow span.radiocontainer input:disabled + label.radiolabel {
    color: LightGray;
}

div.userdetails.uploadjobinfo div.printerselcontainer div.printerdatarow span.radiocontainer input:checked:disabled + label.radiolabel {
	background-position	: 0 -18px;
	color: LightGray;
}

div.userdetails.uploadjobinfo div.printerselcontainer div.printerdatarow span.radiocontainer input + label.radiolabel {
    padding-left: 24px;
    height: 18px;
    display: inline-block;
    line-height: 18px;
    background-repeat: no-repeat;
    background-position: 0 0;
    vertical-align: middle;
    cursor: pointer;
	background-image: url("/config/elegantradiobutton.png");
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0.3em;
	margin-left: 0;
	font-size: 0.9rem;
	font-weight: 600;
	overflow: hidden;
	color: #555;
}

div.userdetails.uploadjobinfo div.printerselcontainer div.printerdatarow div.toggleextraoptions {
	margin-left: 1rem;
	margin-right: 1rem;
	padding-top: 0.3rem;
	border-top: 1px solid #848484;
}

div.userdetails.uploadjobinfo div.printerselcontainer div.printerdatarow p.currentprintparamtext {
	margin-bottom: 0;
	font-size: 0.8rem;
	font-weight: 600;
	overflow: hidden;
	color: #555;
}

div.userdetails.uploadjobinfo div.printerselcontainer div.printerdatarow p.currentprintparamtext span.currentprintparams {
	margin-left: 0.4rem;
	font-size: 0.8rem;
	font-weight: 400;
	color: #555;
}

div.userdetails.uploadjobinfo div.printerselcontainer div.printerdatarow p.toggleextraoptionslink {
	margin-bottom: 0;
	padding-top: 0.3rem;
	color: #1779ba;
	cursor: pointer;
	font-size: 0.9rem;
}

div.userdetails.uploadjobinfo div.printerselcontainer div.printerdatarow p.toggleextraoptionslink i {
	margin-right: 0.3rem;
}

div.userdetails.uploadjobinfo div.printerselcontainer div.printerdatarow div.extraoptionscontainer {
	margin-left: 1rem;
	margin-right: 1rem;
	padding-top: 1rem;
	font-size: 0.9rem;
	border-top: 1px solid #848484;
}

div.userdetails.uploadjobinfo div.printerselcontainer div.printerdatarow div.extraoptionscontainer div.optionrow+div.optionrow {
	margin-top: 0.5rem;
}

div.userdetails.uploadjobinfo div.printerselcontainer div.printerdatarow div.extraoptionscontainer div.optionrow input[type=text],
div.userdetails.uploadjobinfo div.printerselcontainer div.printerdatarow div.extraoptionscontainer div.optionrow input[type=number] {
	height: 1.9rem;
	margin-bottom: 0;
}

div.userdetails.uploadjobinfo div.printerselcontainer div.printerdatarow div.extraoptionscontainer div.optionrow input[type=text] {
	max-width: 12rem;
}

div.userdetails.uploadjobinfo div.printerselcontainer div.printerdatarow div.extraoptionscontainer div.optionrow input[type=number] {
	max-width: 6rem;
}

div.userdetails.uploadjobinfo div.printerselcontainer div.printerdatarow div.extraoptionscontainer div.optionrow select {
	max-width: 6rem;
	height: 1.9rem;
	margin-bottom: 0;
}

div.userdetails.uploadjobinfo div.printerselcontainer div.printerdatarow div.extraoptionscontainer div.optionrow div.input-group {
	margin-bottom: 0;
}

div.userdetails.uploadjobinfo div.printerselcontainer div.printerdatarow div.extraoptionscontainer div.optionrow div.input-group-button i {
	font-size: 1.2rem;
	margin-left: 0.4rem;
	margin-top: 0.3rem;
}

div.userdetails.uploadjobinfo div.printerselcontainer div.printerdatarow div.extraoptionscontainer div.optionrow span.radiocontainer.printoption {
	margin-left: 0;
}

div.userdetails.uploadjobinfo div.printerselcontainer div.printerdatarow div.extraoptionscontainer div.optionrow span.radiocontainer.printoption+span.radiocontainer.printoption {
	margin-top: 0.3rem;
}

div.userdetails.uploadjobinfo div.printerselcontainer div.printerdatarow span.radiocontainer.printoption input + label.radiolabel {
	font-weight: normal;
}

div.userdetails.uploadjobinfo div.printerselcontainer div.printerdatarow div.extraoptionscontainer div.optionrow p.optionlabel {
	margin-bottom: 0;
	line-height: 1.4;
}

div.fileuploadzone {
	border: 2px dashed #0087F7;
	border-radius: 5px;
	background: white;
	margin-bottom: 2rem;
}

div.fileuploadzone .dz-message {
    font-family: Roboto, "Open Sans", sans-serif;
	font-size: 20px;
	font-weight: 400;
	line-height: 1.4rem;
	color: #646C7F;
	text-rendering: optimizeLegibility;
	margin-top: 0;
	margin-bottom: 0;
}

div.fileuploadzone .dz-message .note {
    font-size: 0.8em;
    font-weight: 200;
    display: block;
    margin-top: 1.4rem;
}

div.fileuploadzone .dz-message .note+.note {
	margin-top: 0.5rem;
}

div.fileuploadzone .dz-preview {
	display: flex;
	width: 100%;
	margin-left: 0;
	margin-right: 0;
	margin-top: 0.5rem;
	margin-bottom: 0.5rem;
	min-height: auto;
}

div.fileuploadzone .dz-preview .dz-image {
    display: inline-block;
	width: 40px;
	height: 40px;
	border: 1px #eaeaea solid;
	border-radius: 10px;
}

div.fileuploadzone .dz-preview:hover .dz-image {
	box-shadow: 0 0 5px rgba(0, 56, 115, 0.49);
}

div.fileuploadzone .dz-preview .dz-image img {
    margin: auto;
}

div.fileuploadzone .dz-preview:hover .dz-image img {
	-webkit-transform: none;
	-moz-transform: none;
	-ms-transform: none;
	-o-transform: none;
	transform: none;
	-webkit-filter: none;
	filter: none;
}

div.fileuploadzone .dz-preview .dz-filename {
	display: inline-block;
	width: 19rem;
	margin-left: 0.5rem;
}

div.fileuploadzone .dz-preview .dz-filename span {
	overflow: hidden;
    text-overflow: ellipsis;
	width: 18.5rem;
	display: block ruby;
}

div.fileuploadzone .dz-preview .dz-progress {
	display: inline-block;
	position: initial;
	border: 1px #eaeaea solid;
	width: 70px;
	height: 12px;
	margin-left: 0;
	margin-top: 0;
}

div.fileuploadzone .dz-preview:not(.dz-processing) .dz-progress {
	-webkit-animation: none;
	-moz-animation: none;
	-ms-animation: none;
	-o-animation: none;
	animation: none;
}

div.fileuploadzone .dz-preview .dz-error-mark {
	top: 0;
	left: 6px;
	margin-left: 0;
	margin-top: 0;
}

div.fileuploadzone .dz-preview .dz-error-mark i {
	color: red;
	font-size: 2.5rem;
}

div.fileuploadzone .dz-preview .dz-success-mark {
	top: 4px;
	left: 4px;
	margin-left: 0;
	margin-top: 0;
}

div.fileuploadzone .dz-preview .dz-success-mark i {
	color: #00b900;
	font-size: 2rem;
}

div.fileuploadzone .dz-preview .dz-remove {
	display: inline-block;
	text-align: left;
	margin-left: 0.8rem;
}

div.fileuploadzone .dz-preview .dz-error-message {
	top: 40px;
	left: 0px;
	width: 300px;
}

div.fileuploadzone .dz-preview .dz-error-message::after {
    left: 15px;
}

/* Small screen size only */
@media only screen and (max-width: 39.9375em) {
	div.fileuploadzone .dz-preview .dz-image {
		width: 28px;
		height: 28px;
	}
	
	div.fileuploadzone .dz-preview .dz-filename {
		width: 13rem;
	}

	div.fileuploadzone .dz-preview .dz-filename span {
		width: 12.5rem;
	}
	
	div.fileuploadzone .dz-preview .dz-remove {
		margin-left: 2.3rem;
	}
	
	div.fileuploadzone .dz-preview .dz-progress {
		width: 45px;
	}
}

/* Medium screen size only */
@media only screen and (min-width: 40em) and (max-width: 63.9375em) and (orientation: portrait) {
	div.fileuploadzone .dz-preview .dz-image {
		width: 28px;
		height: 28px;
	}
	
	div.fileuploadzone .dz-preview .dz-filename {
		width: 15rem;
	}

	div.fileuploadzone .dz-preview .dz-filename span {
		width: 14.5rem;
	}
	
	div.fileuploadzone .dz-preview .dz-remove {
		margin-left: 2.3rem;
	}
	
	div.fileuploadzone .dz-preview .dz-progress {
		width: 45px;
	}
}
@media only screen and (min-width: 40em) and (max-width: 63.9375em) and (orientation: landscape) {
	div.fileuploadzone .dz-preview .dz-image {
		width: 28px;
		height: 28px;
	}
	
	div.fileuploadzone .dz-preview .dz-filename {
		width: 15rem;
	}

	div.fileuploadzone .dz-preview .dz-filename span {
		width: 14.5rem;
	}
	
	div.fileuploadzone .dz-preview .dz-remove {
		margin-left: 2.3rem;
	}
}

div.fileupload.buttonrow button.button i {
	margin-right: 0.5rem;
}

#uploadstarterror, #printoptionserror {
	display: none;
}

/* UPLOAD PRINT JOB ANONYMOUS CHOICE PAGE */
h5.uploadusagechoicetitle {
	margin-bottom: 1.5rem;
	text-align: center;
}

div.uploadusagechoicebox div.black-box {
	background-color: rgba(249, 249, 249);
	padding-right: 2.2rem;
	padding-left: 2.2rem;
	padding-top: 1.5rem;
	padding-bottom: 1.5rem;
	margin-left: auto;
	margin-right: auto;
	font-weight: 900;
	max-width: 28rem;
	height: 100%;
	border-radius: 8px;
	border: 1px solid #919191;
}

div.uploadusagechoicebox div.black-box div.boxheader h4.boxheadertitle {
	font-weight: 600;
	text-align: center;
	color: #3a3a3a;
}

div.uploadusagechoicebox div.black-box div.boxcontent div.textline p.choiceinfotext {
	font-weight: normal;
	text-align: left;
	color: #3a3a3a;
}

div.uploadusagechoicebox div.black-box div.boxcontent div.callout.alert {
	background-color: rgba(240, 65, 36, 0.54);
	color: #3a3a3a;
	border-width: 2px;
}

div.uploadusagechoicebox div.black-box div.boxcontent div.callout button.close-button {
	color: #000;
	opacity: 1;
	background: rgba(0, 0, 0, 0) none repeat scroll 0% 0%;
}

div.uploadusagechoicebox form.loginform div.name-field input,
div.uploadusagechoicebox form.loginform div.password-field input {
	border-color: #000;
	background-color: #fff;
	color: #3a3a3a;
}

div.uploadusagechoicebox form.loginform div.name-field input:focus,
div.uploadusagechoicebox form.loginform div.password-field input:focus {
	-webkit-box-shadow: 0 0 5px #939393 inset;
	box-shadow: 0 0 5px #939393 inset;
	-webkit-transition: border-color .25s ease-in-out,-webkit-box-shadow .5s;
	transition: border-color .25s ease-in-out,-webkit-box-shadow .5s;
	transition: box-shadow .5s,border-color .25s ease-in-out;
	transition: box-shadow .5s,border-color .25s ease-in-out,-webkit-box-shadow .5s;
}

div.uploadusagechoicebox form.loginform div.name-field input::-webkit-input-placeholder {
	color: #3a3a3a;
	opacity: 1;
}

div.uploadusagechoicebox form.loginform div.password-field input::-webkit-input-placeholder {
	color: #3a3a3a;
	opacity: 1;
}

div.uploadusagechoicebox form.loginform div.name-field input:-moz-placeholder {
	color: #3a3a3a;
	opacity: 1;
}

div.uploadusagechoicebox form.loginform div.password-field input:-moz-placeholder {
	color: #3a3a3a;
	opacity: 1;
}

div.uploadusagechoicebox form.loginform div.name-field input::-moz-placeholder {
	color: #3a3a3a;
	opacity: 1;
}

div.uploadusagechoicebox form.loginform div.password-field input::-moz-placeholder {
	color: #3a3a3a;
	opacity: 1;
}

div.uploadusagechoicebox form.loginform div.name-field input:-ms-input-placeholder {
	color: #3a3a3a;
}

div.uploadusagechoicebox form.loginform div.password-field input:-ms-input-placeholder {
	color: #3a3a3a;
}

div.uploadusagechoicebox form.loginform div.name-field span.input-group-label,
div.uploadusagechoicebox form.loginform div.password-field span.input-group-label {
	border-color: #000;
	background: #000 none repeat scroll 0% 0%;
	color: #FFF;
	min-width: 3.2rem;
}

div.uploadusagechoicebox form.loginform div.name-field div.input-group.disabled span.input-group-label,
div.uploadusagechoicebox form.loginform div.password-field div.input-group.disabled span.input-group-label {
	background: #c6c6c6;
	border-color: #c6c6c6;
}

div.uploadusagechoicebox form.loginform div.name-field div.input-group.disabled input,
div.uploadusagechoicebox form.loginform div.password-field div.input-group.disabled input {
	background: #f5f5f5;
	border-color: #c6c6c6;
	color: #c6c6c6;
}

div.uploadusagechoicebox form.loginform div.name-field div.input-group.disabled input::placeholder {
	color: #c6c6c6;
}

div.uploadusagechoicebox form.loginform div.name-field div.input-group.disabled input::-webkit-input-placeholder {
	color: #c6c6c6;
}

div.uploadusagechoicebox form.loginform div.name-field div.input-group.disabled input:-moz-placeholder {
	color: #c6c6c6;
}

div.uploadusagechoicebox form.loginform div.name-field div.input-group.disabled input::-moz-placeholder {
	color: #c6c6c6;
}

div.uploadusagechoicebox form.loginform div.name-field div.input-group.disabled input:-ms-input-placeholder {
	color: #c6c6c6;
}

div.uploadusagechoicebox form.loginform div.password-field div.input-group.disabled input::placeholder {
	color: #c6c6c6;
}

div.uploadusagechoicebox form.loginform div.password-field div.input-group.disabled input::-webkit-input-placeholder {
	color: #c6c6c6;
}

div.uploadusagechoicebox form.loginform div.password-field div.input-group.disabled input:-moz-placeholder {
	color: #c6c6c6;
}

div.uploadusagechoicebox form.loginform div.password-field div.input-group.disabled input::-moz-placeholder {
	color: #c6c6c6;
}

div.uploadusagechoicebox form.loginform div.password-field div.input-group.disabled input:-ms-input-placeholder {
	color: #c6c6c6;
}

div.uploadusagechoicebox form.loginform div.password-field .togglefield {
	margin-top: -48px;
    position: relative;
    z-index: 2;
    color: #3a3a3a;
    float: right;
    margin-right: 10px;
}

div.uploadusagechoicebox form.loginform div.emailgroup {
	margin-top: 0.3rem;
	padding-left: 2.4rem;
}

div.uploadusagechoicebox form.loginform div.emailgroup.mailmandatory {
	padding-left: 0;
}

div.uploadusagechoicebox form.loginform input.checkboxentry {
	-webkit-appearance: none;
	width: 1.8rem;
	height: 1.8rem;
	border: 1px solid #bfbfbf;
	border-radius: 1px;
	position: relative;
	top: 8px;
	outline: none;
	margin-bottom: 0;
}

div.uploadusagechoicebox form.loginform input.checkboxentry:checked {
	background-color: #000;
	border-color: #000;
}

div.uploadusagechoicebox form.loginform input.checkboxentry:after {
	content: "";
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	background-image: none;
	background-color: #fefefe;
	background-size: 40px;
	background-repeat: no-repeat;
	background-position: center;
}

div.uploadusagechoicebox form.loginform input.checkboxentry:checked:after {
	background-color: transparent;
	background-image: url("data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9JzMwMHB4JyB3aWR0aD0nMzAwcHgnICBmaWxsPSIjZmZmZmZmIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2aWV3Qm94PSIwIDAgMTAwIDEwMCIgdmVyc2lvbj0iMS4xIiB4PSIwcHgiIHk9IjBweCI+PHRpdGxlPmljb25fYnlfUG9zaGx5YWtvdjEwPC90aXRsZT48ZGVzYz5DcmVhdGVkIHdpdGggU2tldGNoLjwvZGVzYz48ZyBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48ZyBmaWxsPSIjZmZmZmZmIj48ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSgyNi4wMDAwMDAsIDI2LjAwMDAwMCkiPjxwYXRoIGQ9Ik0xNy45OTk5ODc4LDMyLjQgTDEwLjk5OTk4NzgsMjUuNCBDMTAuMjI2Nzg5MSwyNC42MjY4MDE0IDguOTczMTg2NDQsMjQuNjI2ODAxNCA4LjE5OTk4Nzc5LDI1LjQgTDguMTk5OTg3NzksMjUuNCBDNy40MjY3ODkxNCwyNi4xNzMxOTg2IDcuNDI2Nzg5MTQsMjcuNDI2ODAxNCA4LjE5OTk4Nzc5LDI4LjIgTDE2LjU4NTc3NDIsMzYuNTg1Nzg2NCBDMTcuMzY2ODIyOCwzNy4zNjY4MzUgMTguNjMzMTUyOCwzNy4zNjY4MzUgMTkuNDE0MjAxNCwzNi41ODU3ODY0IEw0MC41OTk5ODc4LDE1LjQgQzQxLjM3MzE4NjQsMTQuNjI2ODAxNCA0MS4zNzMxODY0LDEzLjM3MzE5ODYgNDAuNTk5OTg3OCwxMi42IEw0MC41OTk5ODc4LDEyLjYgQzM5LjgyNjc4OTEsMTEuODI2ODAxNCAzOC41NzMxODY0LDExLjgyNjgwMTQgMzcuNzk5OTg3OCwxMi42IEwxNy45OTk5ODc4LDMyLjQgWiI+PC9wYXRoPjwvZz48L2c+PC9nPjwvc3ZnPg==");
}

div.uploadusagechoicebox form.loginform label.formchkboxlabel {
	white-space: nowrap;
	font-size: 1rem;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	display: inline;
	padding-right: 1rem;
}

div.uploadusagechoicebox form.loginform input.checkboxentry:hover,
div.uploadusagechoicebox form.loginform label.formchkboxlabel:hover {
	cursor: pointer;
}

div.uploadusagechoicebox form.loginform div.formbuttons {
	margin-top: 1.5rem;
}

div.uploadusagechoicebox form.loginform div.formbuttons button.loginbutton {
	background-color: #fff;
	color: #3a3a3a;
	border: 2px solid #e6e6e6;
	border-radius: 5px;
	padding: 15px 50px;
	margin: 0px;
	font-size: 1rem;
}

div.uploadusagechoicebox form.loginform div.formbuttons button.loginbutton:hover {
	background-color: rgba(0, 0, 0, 0.05);
}

div.uploadusagechoicebox form.loginform div.formbuttons button.loginbutton:disabled,
div.uploadusagechoicebox form.loginform div.formbuttons button.loginbutton:disabled:hover {
	border-color: #9f9f9f;
	background-color: transparent;
}

div.uploadusagechoicebox div.sidcontainer {
	margin-top: 2rem;
	padding-top: 0.5rem;
	border-top: 1px solid #000;
}

div.uploadusagechoicebox div.sidcontainer.notop {
	margin-top: 0;
}

div.uploadusagechoicebox div.sidcontainer.notopborder {
	border-top: none;
	margin-top: 0;
}

div.uploadusagechoicebox div.sidcontainer p.sidmessage {
	font-weight: normal;
}

div.uploadusagechoicebox div.sidcontainer p.sidmessage.extratopspace {
	margin-top: 0.5rem;
}

div.uploadusagechoicebox div.sidcontainer p.sidmessage a.sidlink i {
	margin-right: 0.5rem;
}

div.uploadusagechoicebox div.sidcontainer a.sidbutton img {
	max-height: 70px;
	max-width: 110px;
}

div.uploadusagechoicebox div.sidcontainer a.sidbutton p.cardtext {
	font-weight: normal;
	text-align: center;
	line-height: 1.3;
}

div.uploadusagechoicebox div.sidcontainer a.sidbutton div.card {
	margin-bottom: 0;
	border-radius: 5px;
	border-width: 2px;
	-webkit-transition: background-color .25s ease-out,color .25s ease-out;
	transition: background-color .25s ease-out,color .25s ease-out;
	max-width: 18.5rem;
}

div.uploadusagechoicebox div.sidcontainer a.sidbutton div.card:hover {
	background-color: rgba(0, 0, 0, 0.05);
}

div.uploadusagechoicebox div.sidcontainer a.sidbutton div.card div.card-section:first-child {
	text-align: center;
	padding: 0.6rem;
}

div.uploadusagechoicebox div.sidcontainer a.sidbutton div.card div.card-section:last-child {
	padding-top: 0;
}

div.uploadusagechoicebox div.sidcontainer button.sidbutton {
	background-color: transparent;
	color: #3a3a3a;
	border: 2px solid #e6e6e6;
	border-radius: 5px;
	padding: 15px 1rem;
	margin: 0px;
	margin-bottom: 1rem;
	font-size: 1rem;
	line-height: 1.8;
}

div.uploadusagechoicebox div.sidcontainer button.sidbutton:hover {
	background-color: rgba(0, 0, 0, 0.05);
}

div.uploadusagechoicebox div.sidcontainer button.sidbutton:disabled,
div.uploadusagechoicebox div.sidcontainer button.sidbutton:disabled:hover {
	border-color: #9f9f9f;
	background-color: transparent;
}

div.uploadusagechoicebox div.sidcontainer button.sidbutton i {
	font-size: 1.8rem;
	margin-right: 0.5rem;
	float: left;
}

div.uploadusagechoicebox div.sidcontainer button.otherauthbutton {
	background-color: #fff;
	color: #3a3a3a;
	border: 2px solid #e6e6e6;
	border-radius: 5px;
	padding: 15px 50px;
	margin: 0px;
	font-size: 1rem;
}

div.uploadusagechoicebox div.sidcontainer button.otherauthbutton:hover {
	background-color: rgba(0, 0, 0, 0.05);
}

div.uploadusagechoicebox div.sidcontainer button.otherauthbutton:disabled,
div.uploadusagechoicebox div.sidcontainer button.otherauthbutton:disabled:hover {
	border-color: #9f9f9f;
	background-color: transparent;
}

div.uploadusagechoicebox div.sidcontainer img.presentcardicon {
	width: auto;
	max-width: 110px;
}

div.uploadusagechoicebox div.sidcontainer p.presentcardmessage {
	text-align: center;
	font-weight: normal;
}

div.uploadusagechoicebox div.sidcontainer div.hiddencardreaderdiv {
	width: 0;
	overflow: hidden;
	margin-top: -4rem;
}

/* EASYINTERNET: STATUS PAGE */
div.freeinternetstatus {
	border: 1px solid #58BFD5;
	background: rgba(88, 191, 213, 0.21);
	padding: 0.7rem;
	margin-top: 3rem;
}

div.freeinternetstatus img.freeinterneticon {
	margin-right: 1rem;
	width:	3rem;
	height:	3rem;
}

div.freeinternetstatus h5 {
	display: inline-block;
}

div.internetmessage {
	border: 1px solid #58BFD5;
	background: rgba(88, 191, 213, 0.21);
	padding: 0.7rem;
	margin-top: 1.5rem;
	margin-bottom: 1.5rem;
}

div.internetmessage img.internetmessageicon {
	margin-right: 1rem;
	width:	3rem;
	height:	3rem;
}

div.internetmessage p {
	display: inline-block;
	margin-bottom: 0;
}

hr.freewebsitedivider {
	border-color: #F47216;
	margin-top: 0;
	margin-bottom: 1rem;
}

p.startinternetbutton {
	text-align: center;
}

p.startinternetbutton input.startinternet {
	background: #0083C0;
}

div.internetnextpayment {
	border-left: 1px solid #CCC;
	padding-left: 1rem;
	padding-right: 1rem;
	text-align: center;
}

div.internetnextpayment input.stopinternet {
	background: #0083C0;
}

div.internetnextpayment p.nextpaymentmessage {
	line-height: 1.3;
	font-family: Verdana, Arial, sans-serif;
	color: #004A6C;
	font-weight: bold;
	font-size: 0.8rem;
}

div.internetnextpayment div.is-countdown {
	margin-bottom: 1.4rem;
	display: inline-block;
	min-width: 10rem;
	border: none;
	background: none;
}

div.internetnextpayment div.is-countdown.highlight {
	color: #F00;
}

div.internetnextpayment div.is-countdown span.countdown-descr {
	font-family: Verdana, Arial, sans-serif;
	color: #004A6C;
	font-weight: bold;
	font-size: 0.7rem;
	margin-top: 0.2rem;
}


div.internetcounterblock p.counterlabel, div.internetcounterblock p.countervalue {
	font-family: Verdana, Arial, sans-serif;
	font-size: 0.8rem;
	margin-bottom: 0;
}

div.internetcounterblock p.counterlabel {
	padding-left: 0.7rem;
	color: #004A6C;
	font-weight: bold;
}

div.internetcounterblock p.countervalue {
	padding-left: 0.7rem;
	margin-bottom: 0.4rem;
}

div.loading {
	display:none;
	position:fixed;
	left:0;
	top:0;
	width:100%;
	height:100%;
	background:rgba(255,255,255,0.8);
	z-index:1000;
}

div.loading div.loadingcontent {
	display:table;
	position:fixed;
	left:0;
	top:0;
	width:100%;
	height:100%;
}

div.loading div.loadingcontent p.loadingspinner {
	display: table-cell;
	vertical-align:middle;
	width: 100%;
	text-align: center;
	font-size:larger;
	padding-top:80px;
}

div.loading div.loadingcontent p.loadingspinner img.errmsgicon {
	margin-right: 1rem;
}

div.internettopinforow {
	border-bottom: 1px solid #CCC;
	padding-bottom: 0.3rem;
	margin-bottom: 2rem;
}

p.internetpriceslink {
	margin-bottom: 0.5rem;
	font-family: Verdana,Arial,sans-serif;
	font-size: 0.9rem;
}

div.internetpricelist a.closebutton {
	color: #0083C0;
}

div.internetpricelist p.pricetitle {
	color: #F47216;
}




/* EASYINTERNET: WHITELIST */
div.websitelist div.category {
	position				: relative;
	margin					: 0px;
	margin-bottom			: 15px;
	background				: #FFFFFF;
	background-image		: url("/bg-widget.png");
	background-repeat		: repeat-x;
	background-attachment	: scroll;
	background-position		: left bottom;
	box-shadow				: 0 1px 3px 0 #868686;
	border					: 1px solid #AAAAAA;
}

div.websitelist div.category h2 {
	position			: relative;
	height				: 22px;
	color				: #FF7320;
	font-size			: 16px;
	font-weight			: bold;
	line-height			: 22px;
	padding				: 0px 6px;
	overflow			: hidden;
	white-space			: nowrap;
	text-overflow		: ellipsis;
}

div.websitelist div.category-content {
	padding-bottom: 0.5rem;
}

div.websitelist div.category-content ul {
	list-style			: none outside none;
}

div.websitelist div.category-content ul li {
	line-height			: 15px;
	padding				: 3px 5px 2px;
}

div.websitelist div.category-content ul li span.helper {
	display				: inline-block;
    height				: 100%;
    vertical-align		: middle;
}

div.websitelist div.category-content ul li img {
	vertical-align		: middle;
	padding-right		: 8px;
}

div.websitelist div.category-content ul li a {
	color				: #505450;
	text-decoration		: none;
	vertical-align		: middle;
}

div.websitelist p.backlink {
	margin-bottom		: 1rem;
}

div.sitecategorygrouplist div.catgroup {
	position				: relative;
	margin					: 0px;
	margin-bottom			: 15px;
	box-shadow				: 0 1px 3px 0 #868686;
	border					: 1px solid #AAAAAA;
	cursor					: pointer;
}

div.sitecategorygrouplist div.catgroup h2 {
	position			: relative;
	height				: 22px;
	font-size			: 16px;
	font-weight			: bold;
	line-height			: 22px;
	padding				: 0px 6px;
	overflow			: hidden;
	white-space			: nowrap;
	text-overflow		: ellipsis;
}

div.sitecategorygrouplist div.catgroup p.catgroup-description {
	margin-bottom		: 1rem;
	padding-left: 1rem;
	padding-right: 1rem;
}


/* COUNTER: DASHBOARD */
body.servlet--secure-counter {
	background-color: #f6f8fb;
}

h2.pageheader.dashboard {
	font-size: 2.4rem;
}

body.servlet--secure-counter div.page-body {
	margin-bottom: 0;
}

div.page.dashboardpage div.page-header div.titlerow {
	/*background-color: #edf0f5;
	padding-top: 0.3rem;
	padding-bottom: 0.3rem;
	border-radius: 5px;*/
}

div.page.dashboardpage div.page-header div.titlerow label.democheck {
	margin-bottom: 0;
	font-size: 1rem;
	line-height: 1;
	margin-right: 1.5rem;
	cursor: pointer;
}

div.page.dashboardpage div.page-header div.titlerow label.democheck input {
	cursor: pointer;
}

div.page.dashboardpage div.page-body div.legendarow {
	margin-top: -1rem;
	padding-left: 1rem;
	margin-bottom: 0.8rem;
}

div.page.dashboardpage .card {
	overflow: visible;
	margin-bottom: 0;
}

div.page.dashboardpage .card.systembusy {
	min-height: 382px;
}

div.page.dashboardpage .card.workplaceoccupancy {
	min-height: 467px;
}

div.page.dashboardpage .progress {
	margin-bottom: 0;
}

div.page.dashboardpage .container-fluid + .container-fluid {
	margin-top: 1rem;
}

div.page.dashboardpage tbody tr:nth-child(2n) {
	background-color: transparent;
	border-bottom-color: var(--tblr-table-border-color);
}

div.page.dashboardpage tbody td.remainingwksbar {
	width: 30%;
}

div.page.dashboardpage div.dropdown div.dropdown-menu.resdaysahead {
	max-height: 250px;
	overflow-y: auto;
	padding-right: 10px;
}

div.page.dashboardpage div.chartloadercontainer {
	height: 100%;
}

div.page.dashboardpage div.chartloadercontainer.sysactivity div.container {
	margin-top: 6rem;
}

div.page.dashboardpage div.chartloadercontainer.workplaceoccupancy div.container {
	margin-top: 8rem;
}

div.reservationstatcontents table.busytable {
	margin-bottom: 0.3rem;
	margin-top: 0.7rem;
	table-layout: fixed;
}

div.reservationstatcontents table.busytable thead {
	background-color: transparent;
}

div.reservationstatcontents table.busytable th.hourfield {
	padding: 0;
    padding-left: 0px;
	padding-left: 0.1rem;
	font-size: 0.7rem;
	font-weight: normal;
	color: var(--tblr-secondary);
	font-family: var(--tblr-font-sans-serif);
	line-height: 1.3;
	width: 12px;
}

div.reservationstatcontents table.busytable th.hourfield span.prehourtick {
	margin-left: -0.35rem;
}

div.reservationstatcontents table.busytable th.hourfield:first-child span.prehourtick {
	margin-left: 0;
}

div.reservationstatcontents table.busytable th.hourfield span.posthourtick {
	float: right;
	margin-right: -0.35rem;
}

div.reservationstatcontents table.busytable th.hourfield:last-child span.posthourtick {
	margin-right: 0;
}

div.reservationstatcontents table.busytable tbody tr td.hourvalue:first-child {
	border-top-left-radius: 10px;
	border-bottom-left-radius: 10px;
}

div.reservationstatcontents table.busytable tbody tr td.hourvalue:last-child {
	border-top-right-radius: 10px;
	border-bottom-right-radius: 10px;
}

div.reservationstatcontents table.busytable td.hourvalue {
	padding: 0;
    padding-top: 0.55rem;
}

div.reservationstatcontents table.busytable td.hourvalue.busypast {
	background-color: var(--tblr-border-color);
}

div.reservationstatcontents table.busytable td.hourvalue.busysmall {
	background-color: var(--tblr-green);
}

div.reservationstatcontents table.busytable td.hourvalue.busymedium {
	background-color: var(--tblr-yellow);
}

div.reservationstatcontents table.busytable td.hourvalue.busylarge {
	background-color: var(--tblr-red);
}

div.reservationstatcontents table.busytable td.hourvalue:hover {
	filter: brightness(85%);
}

div.page.dashboardpage div.card.terminalcard {
	height: 542px;
}

div.page.dashboardpage table.terminallist thead,
div.page.dashboardpage table.terminallist thead th {
	border-bottom: none;
}

div.page.dashboardpage table.terminallist thead th.stickyborderline {
	height: 1px; 
	padding: 0px; 
	background-color: var(--tblr-border-color-translucent);
}

div.page.dashboardpage table.terminallist td.reportlink a {
	white-space: nowrap;
}

div.page.dashboardpage table.terminallist td.reportlink img.remoteviewicon {
	max-width: 24px;
}

div.page.dashboardpage table.terminallist span.status-dot.status-greyish {
	background-color: var(--tblr-border-color);
}

div.reportpopup div.modal-dialog {
	margin-top: 15rem;
}

div.reportpopup div.reportrow {
	margin-bottom: 1rem;
	border-bottom: 1px solid #CCC;
	padding-bottom: 1rem;
}

div.reportpopup div.reportrow:last-child {
	border-bottom: none;
	margin-bottom: 0;
}

div.reportpopup div.reportrow div.reportinforow p.detailtitle {
	font-family: Verdana, Arial, sans-serif;
	font-size: 0.75rem;
	margin-bottom: 0;
	color: #004A6C;
	font-weight: bold;
}

div.reportpopup div.reportrow div.reportinforow p.detailvalue {
	font-family: Verdana, Arial, sans-serif;
	font-size: 0.75rem;
	margin-bottom: 0;
}

div.reportpopup div.reportrow div.reportinforow p.reportmessage {
	font-weight: bold;
}

div.reportpopup div.reportrow div.reportinforow a.reprintlink {
	margin-bottom: 0;
	margin-top: 0.3rem;
	padding: 0.4rem;
	font-family: Verdana, Arial, sans-serif;
	font-size: 0.75rem;
}

div.reportpopup div.reportrow div.reportinforow a.reprintlink img {
	margin-right: 0.3rem;
}

div.page.dashboardpage div.card.printjobcard {
	height: 400px;
}

div.page.dashboardpage table.printjoblist thead,
div.page.dashboardpage table.printjoblist thead th {
	border-bottom: none;
}

div.page.dashboardpage table.printjoblist thead th.stickyborderline {
	height: 1px; 
	padding: 0px; 
	background-color: var(--tblr-border-color-translucent);
}

div.page.dashboardpage table.printjoblist td.groupname {
	padding-top: 0.5rem;
	padding-bottom: 0.5rem;
	background: var(--tblr-gray-200);
	font-size: .75rem;
	font-weight: bold;
	line-height: 1;
	color: var(--tblr-secondary);
}

div.page.dashboardpage div.guardheatmapcontainer {
	width: 100%;
	margin-bottom: 1rem;
	margin-top: 1rem;
}

div.page.dashboardpage div.guardheatmapcontainer div.noguardsmessage {
	height: 8rem;
	width: 100%;
	text-align: center;
	display: flex;
	align-items:center;
    justify-content:center;
}

div.page.dashboardpage div.guardheatmapcontainer span.guardheatmapitem {
	width: 24px;
	height: 24px;
	display: inline-block;
	margin-right: -1px;
	margin-bottom: -2px;
}

div.page.dashboardpage div.guardheatmapcontainer span.guardheatmapitem:hover {
	filter: brightness(85%);
}

div.page.dashboardpage div.guardheatmapcontainer span.guardheatmapitem.small {
	width: 18px;
	height: 18px;
}

div.page.dashboardpage div.guardheatmapcontainer span.guardheatmapitem.smaller {
	width: 15px;
	height: 15px;
}

div.page.dashboardpage div.guardheatmapcontainer span.guardheatmapitem.tiny {
	width: 15px;
	height: 15px;
}

div.page.dashboardpage div.guardheatmapcontainer span.guardheatmapitem.offline {
	background-color: var(--tblr-border-color) !important;
}

/* COUNTER: WORKSTATION SERVLET */
form.searchworkstations {
	margin-top: -0.3rem;
}

form.searchworkstations div.actiontitlecell {
	margin-left: 0;
}

form.searchworkstations h5.rowactiontitle {
	color: #F47216;
	margin-bottom: 0;
}

form.searchworkstations img.rowactionimage {
	max-width: 32px;
}

form.searchworkstations select, form.searchworkstations input {
	padding-top: 0px;
	padding-bottom: 0px;
	height: 1.7rem;
	margin-bottom: 0.3rem;
}

form.searchworkstations button.searchwsbutton {
	background:	#0083C0;
	padding-top: 0.5rem;
    padding-bottom: 0.5rem;
	margin-top: 0.5rem;
}

form.searchworkstations button.searchwsbutton i {
	float: left;
	margin-right: -1.5rem;
	margin-left: 1.5rem;
}

hr.accounttransdivider.wssearchservlet {
	margin-bottom: 0.5rem;
}

div.notransactionsfound {
	margin-bottom: 1rem;
}

div.workstationblock {
	border-top: 1px solid #C9C9C9;
	margin-bottom: 1rem;
	padding-top: 0.25rem;
}

div.workstationblock span.actiondescription {
	font-family: Verdana, Arial, sans-serif;
	font-size: 0.75rem;
}

div.workstationblock div.workstationrow {
	border-bottom: 1px solid #C9C9C9;
	margin-bottom: 0.25rem;
	padding-bottom: 0.25rem;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
}

div.workstationblock div.workstationrow div.wsactionbutton {
	float: right;
}

div.workstationblock div.workstationrow div.wsactionbutton button.wsactionlink {
	background: none;
	padding-top: 0.4rem;
	padding-bottom: 0.4rem;
	font-size: 0.8rem;
	color: #2199E8;
	margin-bottom: 0;
}

div.workstationblock div.workstationrow div.wsactionbutton button.wsactionlink:hover,
div.workstationblock div.workstationrow div.wsactionbutton button.wsactionlink:focus {
	color: #1585CF;
}

div.workstationblock div.workstationrow div.wsactionbutton button.wsactionlink i.wsactionicon {
	margin-right: 0.3rem;
	font-size: 0.9rem;
}

div.workstationblock div.workstationrow div.wsactionbutton .dropdown-pane {
	padding: 0;
}

div.workstationblock div.workstationrow div.wsactionbutton .dropdown-pane a.dropdown-link {
    display: block;
    padding: 0.5rem;
    color: #555;
	font-size: 0.9rem;
}

div.workstationblock div.workstationrow div.wsactionbutton .dropdown-pane a.dropdown-link:hover {
	background:	#E4E4E4;
}

div.workstationblock div.workstationrow div.wsactionbutton .dropdown-pane a.dropdown-link img.actionimage {
	margin-right:0.5rem;
	padding-bottom: 0.1rem;
}

div.workstationblock div.workstationrow div.wsactionbutton i.infobutton {
	color: #D4D4D4;
	font-size: 1rem;
	vertical-align: middle;
	border-bottom: none;
}

div.workstationblock div.workstationrow div.wsactionbutton img.remoteviewicon {
	max-height: 22px;
}

div.workstationblock div.workstationrow div.wsactionbutton+div.wsactionbutton {
	margin-right: 0.5rem;
}

div.workstationheaderrow div.headerrowcolleft {
	padding-right: 0;
}

div.workstationheaderrow div.headerrowcolright {
	padding-left: 0;
}

div.workstationheaderrow p.legend {
	margin-bottom: 0;
}

div.workstationheaderrow p.legend span.legenditem {
	font-size: 0.7rem;
	margin-right: 0.8rem;
}

div.workstationheaderrow p.legend span.legenditem i {
	margin-right: 0.2rem;
	vertical-align: super;
	font-size: 0.5rem;
	color: #00AE14;
}

div.workstationheaderrow p.legend span.legenditem i.nightmode {
	color: #000;
}

div.workstationheaderrow div.wsactionbutton {
	float: right;
	display: inline;
}

div.workstationheaderrow div.wsactionbutton button {
	background: #0083C0;
	padding-top: 0.4rem;
	padding-bottom: 0.4rem;
	font-size: 0.9rem;
	margin-bottom: 0.5rem;
}

div.workstationheaderrow div.wsactionbutton .dropdown-pane {
	padding: 0;
}

div.workstationheaderrow div.wsactionbutton .dropdown-pane a.dropdown-link {
    display: block;
    padding: 0.5rem;
    color: #555;
	font-size: 0.9rem;
}

div.workstationheaderrow div.wsactionbutton .dropdown-pane a.dropdown-link:hover {
	background:	#E4E4E4;
}

div.workstationheaderrow div.wsactionbutton .dropdown-pane a.dropdown-link img.actionimage {
	margin-right:0.5rem;
	padding-bottom: 0.1rem;
}

div.workstationheaderrow h5 {
	display: inline;
}

div.workstationheaderrow div.wsrefreshbutton, div.workstationheaderrow div.wsselectallbutton {
	display: inline;
	float: right;
	margin-right: 0.8rem;
}

div.workstationheaderrow div.wsrefreshbutton a.button, div.workstationheaderrow div.wsselectallbutton a.button {
	background: #0083C0;
	cursor: pointer;
	margin-bottom: 0;
	padding-top: 0.4rem;
	padding-bottom: 0.4rem;
	font-size: 0.9rem;
}

div.workstationblock div.workstationrow p.wsgrpname {
	margin-bottom: 0;
	color: #F47216;
	font-size: 0.8rem;
	font-weight: 600;
}

div.workstationblock div.workstationrow p.wsname {
	margin-bottom: 0;
	display: inline;
	border-bottom: none;
	font-weight: normal;
}

div.workstationblock div.workstationrow p.wsname i {
	color: #00AE14;
	vertical-align: super;
	font-size: 0.5rem;
	margin-left: 0.4rem;
}

div.workstationblock div.workstationrow p.wsname i.nightmode {
	color: #000;
}

div.workstationblock div.workstationrow span.wsselect input {
	margin-right		: 1rem;
	position			: absolute;
	overflow			: hidden; 
	clip				: rect(0 0 0 0); 
	height				: 1px;
	width				: 1px; 
	margin				: -1px; 
	padding				: 0;
	border				: 0;
}

div.workstationblock div.workstationrow span.wsselect input + label.checkboxlabel {
	padding-left		: 24px;
	height				: 17px; 
	display				: inline-block;
	line-height			: 17px;
	background-repeat	: no-repeat;
	background-position	: 0 0;
	vertical-align		: middle;
	cursor				: pointer;
}

div.workstationblock div.workstationrow span.wsselect input:checked + label.checkboxlabel {
	background-position	: 0 -17px;
}

div.workstationblock div.workstationrow span.wsselect input:disabled + label.checkboxlabel {
	color				: LightGray;
}

div.workstationblock div.workstationrow span.wsselect input:checked:disabled + label.checkboxlabel {
	background-position	: 0 -17px;
	color				: LightGray;
}

label.checkboxlabel { 
	background-image	: url("/config/elegantcheckbox.png");
}

div.workstationblock div.workstationrow div.statusiconcol {
	padding-left: 0.1rem;
	padding-right: 0.1rem;
	text-align: center;
}

div.workstationblock div.workstationrow div.statusiconcol p.statusimage {
	margin-bottom: 0;
	border-bottom: none;
}

div.workstationblock div.workstationrow div.statusiconcol p.statusimagetext {
	margin-bottom: 0;
	margin-top: -0.2rem;
	font-size: 0.5rem;
	text-transform: uppercase;
	color: #6E6E6E;
}

span.tooltip {
	color: #555;
    background: none repeat scroll 0% 0% #FFF;
	border: 1px solid #CCC;
}

span.tooltip > .nub {
	content: "";
	border-width: 6px;
	border-style: inset inset solid;
	border-color: transparent transparent #CCC;
	top: -12px;
	z-index: 89;
}

div.loginbox.addfamily {
	margin-top: 1.2rem;
}

div.loginbox.addfamily div.black-box div.textline p {
  font-weight: normal;
  text-align: left;
  color: #3a3a3a;
}

button.formrequestbutton, a.button.formrequestbutton {
	background: #0083C0;
}

div.loginfamilybuttonrow {
	margin-top: 2rem;
}

form.extrainforequestform div.formsubmitbuttonrow {
	margin-top: 1rem;
}

form.extrainforequestform div.printbutrow {
	margin-top: 1.5rem;
	margin-bottom: 1rem;
}

form.extrainforequestform div.printbutrow span.buttonexplanation {
	font-size: 0.9rem;
}

form.extrainforequestform div.profilebutrow {
	margin-top: 1.5rem;
	margin-bottom: 1rem;
}

form.extrainforequestform div.profilebutrow span.buttonexplanation {
	font-size: 0.9rem;
}

form.extrainforequestform div.deletemsgbutton {
	margin-top: 2.1rem;
	margin-left: 0.7rem;
}

form.extrainforequestform div.deletemsgbutton i {
	font-size			: 1.3rem;
	color				: #fd4848;
	cursor				: pointer;
	-webkit-user-select	: none;
	-moz-user-select	: none;
	-ms-user-select		: none;
}

div.switchcontainer {
	display: inline-block;
}

div.switchcontainer div.switchingpart {
	display: inline-block;
	float: left;
	margin-top: 0.5rem;
}

div.switchcontainer div.switchingpart input:checked ~ .switch-paddle {
    background: #0083C0 none repeat scroll 0% 0%;
}

div.switchcontainer div.switchingpart label.switch-paddle span.switch-inactive {
    right: 10%;
}

div.switchcontainer div.switchoutsidelabel {
	margin-left: -0.7rem;
	margin-top: 0.5rem;
	display: inline-block;
	float: left;
}

div.switchcontainer div.switchoutsidelabel span.switchoutsidelabel {
	font-size: 0.875rem;
	color: #000;
}

div.switchcontainer div.fdatepicker {
	margin-left: 1rem;
	display: inline-block;
	float: left;
}

div.switchcontainer div.fdatepicker input.selecteddate {
	background:	#FFF;
	cursor: pointer;
}

div.switchcontainer div.fdatepicker span.calendarbutton {
	background:	#0083C0;
	color: #FFF;
	display: table-cell;
	padding: 0px 1rem;
	margin-bottom: 0;
	display: flex;
}

div.switchcontainer div.fdatepicker span.calendarbutton:hover {
	background:	#0083C0;
	color: #FFF;
}

div.switchcontainer div.durationchoicebox {
	float: left;
	margin-left: 1rem;
}

div.switchcontainer div.durationchoicebox input.durationvalue {
	width: 4rem;
	display: inline-block;
}

div.switchcontainer div.durationchoicebox select.durationunit {
	display: inline-block;
	width: 6rem;
}

div.finalizeprofileoptions p.formtext {
	margin-top: 0.9rem;
}

div.profileoptionblock {
	border-bottom		: #e8e8e8 1px solid;
	padding-bottom		: 0.8rem;
	margin-bottom		: 0.5rem;
}

div.profileoptionblock p.optionblocktitle {
	margin-bottom		: 0;
	font-size			: .875rem;
	font-weight			: 400;
	line-height			: 1.8;
}

div.profileoptionblock fieldset.containerbox {
	margin-left: 1.9rem;
}

div.switchcontainer span.extraprofileoption input[type="checkbox"] {
	margin-right		: 1rem;
	position			: absolute;
	overflow			: hidden; 
	clip				: rect(0 0 0 0); 
	height				: 1px;
	width				: 1px; 
	margin				: -1px; 
	padding				: 0;
	border				: 0;
}

div.switchcontainer span.extraprofileoption input[type="checkbox"] + label.checkboxlabel {
	padding-left		: 24px;
	height				: 17px; 
	display				: inline-block;
	line-height			: 17px;
	background-repeat	: no-repeat;
	background-position	: 0 0;
	vertical-align		: middle;
	cursor				: pointer;
	-webkit-user-select	: none;
	-moz-user-select	: none;
	-ms-user-select		: none;
}

div.switchcontainer span.extraprofileoption input[type="checkbox"]:checked + label.checkboxlabel {
	background-position	: 0 -17px;
}

div.switchcontainer span.extraprofileoption input[type="checkbox"]:disabled + label.checkboxlabel {
	color				: LightGray;
	cursor				: default;
}

div.switchcontainer span.extraprofileoption input[type="checkbox"]:checked:disabled + label.checkboxlabel {
	background-position	: 0 -17px;
	color				: LightGray;
	cursor				: default;
}

div.switchcontainer.profilechangeduration {
	display				: table;
}

div.switchcontainer.profilechangeduration span.extraprofileoption {
	float				: left;
	margin-top			: 0.4rem;
}

div.printswitchcontainer {
	display				: block;
	margin-top			: 1rem;
}

div.switchcontainer.printoptions {
	min-width			: 20rem;
	margin-bottom		: -0.3rem;
}

div.switchcontainer.printoptions span.extraprofileoption {
	float				: left;
	margin-top			: 0;
}

div.switchcontainer.printoptions div.switchoutsidelabel {
	margin-top			: 0.1rem;
}

div.switchcontainer.printoptions div.switchoutsidelabel span.switchoutsidelabel {
	-webkit-user-select	: none;
	-moz-user-select	: none;
	-ms-user-select		: none;
}

div.switchcontainer.printoptions div.switchoutsidelabel span.switchoutsidelabel.labeldisabled {
	color				: LightGray;
}

div.switchcontainer span.extraprofileoption input[type="radio"] {
	margin-right		: 1rem;
	display				: none;
}

div.switchcontainer span.extraprofileoption input[type="radio"] + label.radiolabel {
	padding-left		: 24px;
	height				: 18px; 
	display				: inline-block;
	line-height			: 18px;
	background-repeat	: no-repeat;
	background-position	: 0 0;
	vertical-align		: middle;
	cursor				: pointer;
	-webkit-user-select	: none;
	-moz-user-select	: none;
	-ms-user-select		: none;
}

div.switchcontainer span.extraprofileoption input[type="radio"]:checked + label.radiolabel {
	background-position	: 0 -18px;
}

div.switchcontainer span.extraprofileoption input[type="radio"]:disabled + label.radiolabel {
	color				: LightGray;
	cursor				: default;
}

div.switchcontainer span.extraprofileoption input[type="radio"]:checked:disabled + label.radiolabel {
	background-position	: 0 -18px;
	color				: LightGray;
	cursor				: default;
}

label.radiolabel {
	background-image	:url("/config/elegantradiobutton.png");
}

div.overallstatus {
	border: 1px solid #D9D9D9;
	border-bottom-color: #CCC;
	box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.05);
	background: #F9F9F9;
	margin-bottom: 1rem;
	padding: 0.3rem;
}

div.overallstatus div.titlelabel {
	font-size: 0.9rem;
	font-weight: 600;
	text-transform: uppercase;
	color: #FF8200;
	border-bottom: 1px solid #D9D9D9;
	margin-bottom: 0;
}

div.overallstatus div.statusitem {
	border-top: 1px solid #D9D9D9;
	margin-bottom: 0.5rem;
	margin-top: 0.3rem;
	padding-top: 0.3rem;
	padding-left: 0.4rem;
	padding-right: 0.4rem;
	min-height: 2.4rem;
}

div.overallstatus div.statusitem.first {
	border-top: none;
}

div.overallstatus div.statusitem div.statusimage {
    padding-left: 0;
    padding-right: 0;
}

div.overallstatus div.statusitem div.statuslabel {
    padding-right: 0;
}

div.overallstatus p.statuslabel {
	font-family: Verdana,Arial,sans-serif;
	font-size: 0.9rem;
	color: #424242;
	line-height: 1.2;
	margin-bottom: 0;
}

div.overallstatus p.statusvalue {
	margin-bottom: 0;
	font-family: Verdana,Arial,sans-serif;
	font-size: 0.8rem;
	color: #424242;
	padding-left: 0.4rem;
	padding-right: 0.4rem;
}

div.wspagination.bottom {
	margin-top: 0.5rem;
}

div.wspagination li.current {
	background: #0083C0;
}



/* COUNTER: USER SERVLET */
div.useractionblock {
	border: 1px solid #D9D9D9;
	border-bottom-color: #CCC;
	box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.05);
	background: #F9F9F9;
	margin-bottom: 1rem;
	padding: 0.3rem;
}

div.useractionblock div.titlelabel {
	font-size: 0.9rem;
	font-weight: 600;
	text-transform: uppercase;
	color: #FF8200;
	border-bottom: 1px solid #D9D9D9;
	margin-bottom: 0;
}

div.useractionblock form input {
    padding-top: 0px;
    padding-bottom: 0px;
    height: 1.7rem;
	margin-bottom: 0.2rem;
}

div.useractionblock form input.searchbutton {
	height: 1.7rem;
	line-height: 1.6rem;
}

div.useractionblock form span.calendarbutton {
	padding-top: 0.3rem;
	padding-bottom: 0.3rem;
	padding-right: 0.5rem;
	padding-left: 0.5rem;
	margin-bottom: 0;
}

div.useractionblock form input.selecteddate {
	cursor: pointer;
	background-color: #fff;
	margin-bottom: 0;
}

div.useractionblock form input.selecteddate:focus {
	background-color: #fff;
	border: 1px solid #cacaca;
	box-shadow: inset 0 1px 2px rgba(10,10,10,.1);
}

div.useractionblock div.transdategroup {
	margin-bottom: 1.2rem;
}

div.useractionblock form {
	margin-top: 0.5rem;
}

div.useractionblock form.searchtransactionlist {
	margin-top: -0.6rem;
}

div.useractionblock div.actionbuttoncontainer {
	text-align: center;
}

div.useractionblock a.actionbutton {
	margin-bottom: 0px;
	padding-bottom: 0.3rem;
	padding-top: 0.3rem;
	padding-left: 0.8rem;
	padding-right: 0.8rem;
}

div.useractionblock a.actionbutton+a.actionbutton {
	margin-top: 0.5rem;
}

div.useractionblock form select.input-group-field.workstationlist {
	padding-top: 0;
	padding-bottom: 0;
	height: 1.7rem;
}

div.useractionblockrow {
	border-bottom: 1px solid #D8D8D8;
	padding-bottom: 0.5rem;
	margin-bottom: 1.5rem;
}

div.useractionblockrow.last {
	border-bottom: none;
	margin-bottom: 1rem;
}

div.useractionblockrow div.actiontitlecell {
	margin-left: 0;
}

div.useractionblockrow h5.rowactiontitle {
	color: #F47216;
	margin-bottom: 0;
}

div.useractionblockrow img.rowactionimage {
	max-width: 32px;
}

div.useractionblockrow p.rowactiondescription {
	color: #5C5C5C;
	font-size: 0.8rem;
	margin-bottom: 0.2rem;
	margin-top: 0.2rem;
}

div.useractionblockrow form span.calendarbutton {
	padding-top: 0.3rem;
	padding-bottom: 0.3rem;
	padding-right: 0.5rem;
	padding-left: 0.5rem;
	margin-bottom: 0;
}

div.useractionblockrow form input {
    padding-top: 0px;
    padding-bottom: 0px;
    height: 1.7rem;
}

div.useractionblockrow form input.selecteddate {
	cursor: pointer;
	background-color: #fff;
}

div.useractionblockrow form input.selecteddate:focus {
	background-color: #fff;
	border: 1px solid #cacaca;
	box-shadow: inset 0 1px 2px rgba(10,10,10,.1);
}

div.useractionblockrow form input.searchbutton {
	height: 1.7rem;
	line-height: 1.6rem;
}

div.useractionblockrow p.rowactionimage img.rowactionimage {
    opacity: 0.7;
    filter: alpha(opacity=70);
}

div.useractionblockrow form select.input-group-field.workstationlist {
	padding-top: 0;
	padding-bottom: 0;
	height: 1.7rem;
}

div.useractionblockrow form p.onlinetranslabel {
	margin: 0;
	font-size: .875rem;
	font-weight: 400;
	line-height: 1.8;
	color: #0a0a0a;
}

div.userdetails p.usermessage {
	margin-bottom: 0.3rem;
}

div.userdetails div.userinfocontainer {
	padding: 0.3rem;
	border: 1px solid #D9D9D9;
	border-bottom-color: #CCC;
	box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.05);
	min-height: 4.3rem;
	background: #F9F9F9;
}

div.userdetails div.userinfocontainer div.userdatarow div.itemtitle {
	padding-left: 0.2rem;
	color: #ADADAD;
	display: block;
	font-size: 0.7rem;
	font-weight: 600;
	text-transform: uppercase;
}

div.userdetails div.userinfocontainer div.userdatarow div.itemvalue {
	margin-top: -0.2rem;
	padding-left: 0.2rem;
	font-size: 1rem;
	font-weight: 600;
	overflow: hidden;
	color: #555;
	margin-bottom: 0.25rem;
}

div.userdetails div.userinfocontainer div.userdatarow div.itemvalue a.editlink {
	margin-left: 1.5rem;
	font-size: 1rem;
}

div.userdetails div.userinfocontainer div.userdatarow div.itemvalue a.editlink+a.editlink {
	margin-left: 0.7rem;
}

div.userdetails div.userinfocontainer div.userdatarow div.itemvalue a.editlink i {
	margin-right: 0.2rem;
}

div.userdetails div.userinfocontainer div.userdatarow p.userenabledicon {
	display: flex;
	align-items: center;
	font-size: 1rem;
	font-weight: 600;
	overflow: hidden;
	color: #555;
}

div.userdetails div.userinfocontainer div.userdatarow p.userenabledicon+p.userenabledicon {
	margin-top: -0.7rem;
}

div.userdetails div.userinfocontainer div.userdatarow p.userenabledicon i {
	font-size: 1.7rem;
}

div.userdetails div.userinfocontainer div.userdatarow p.userenabledicon i.allok {
	color: #44aa00;
}

div.userdetails div.userinfocontainer div.userdatarow p.userenabledicon i.coins {
	color: #484848;
}

div.userdetails div.userinfocontainer div.userdatarow p.userenabledicon i.crosscoins {
	font-size: 2.0rem;
	color: #E25856;
}

div.userdetails div.userinfocontainer div.userdatarow p.userenabledicon span.icontext {
	margin-left: 0.3rem;
	line-height: 1.1;
}

div.userdetails div.userinfocontainer div.userdatarow div.closeuseritem a.closeuser {
	padding-left: 0.8rem;
	padding-right: 0.8rem;
	padding-top: 0.8rem;
	padding-bottom: 0.9rem;
	background: #0083C0;
}

div.userdetails div.userinfocontainer div.userdatarow div.closeuseritem a.closeuser:hover {
	padding-left: 0.8rem;
	padding-right: 0.8rem;
	padding-top: 0.8rem;
	padding-bottom: 0.9rem;
	background: #0083C0;
}
	
div.userdetails div.userinfocontainer div.userdatarow div.closeuseritem a.closeuser i {
	font-size: 1.4rem;
	margin-right: 0.5rem;
}

div.userdatarow h6.userdatarowheader {
	font-size: 0.9rem;
	font-weight: 600;
	text-transform: uppercase;
	color: #FF8200;
	border-bottom: 1px solid #D9D9D9;
	margin-bottom: 0px;
}

div.transactiondetails, div.accountdetails, div.userdetails {
	margin-bottom: 1rem !important;
}

div.transactiondetails div.filtertransactionbutton {
	display: inline-block;
	margin-left: 0.3rem;
	float: right;
}

div.transactiondetails div.filtertransactionbutton a.filtertransactionbuttonlink p.filtertransactionbuttonicon {
	margin-bottom: 0.5rem;
	color: #FFF;
	padding-left: 0.5rem;
	padding-right: 0.5rem;
	padding-top: 0.4rem;
	padding-bottom: 0.4rem;
	font-size: 0.7rem;
}

div.transactiondetails div.filtertransactionbutton a.filtertransactionbuttonlink p.filtertransactionbuttonicon i {
	margin-right: 0.5rem;
	font-size: 1rem;
	vertical-align: middle;
}

div.transactiondetails div.usershowallzerotrxbutton {
	display: inline-block;
	margin-left: 0.3rem;
	float: right;
}

div.transactiondetails div.usershowallzerotrxbutton a.button {
	background: #0083C0;
	cursor: pointer;
	margin-bottom: 0;
	padding-top: 0.4rem;
	padding-bottom: 0.4rem;
	font-size: 0.9rem;
}

div.transactiondetails div.usershowallzerotrxbutton a.button i {
	font-size: 1rem;
}

h5.usersectiontitle {
	display: inline-block;
}

div.extraaccountinfo div.accountaction.counter {
	margin-bottom: 0.2rem;
}

div.extraaccountinfo div.accountmakeupcolumn {
	padding-right: 0.5rem !important;
}

div.extraaccountinfo p.accountmakeup {
	font-family: Verdana,Arial,sans-serif;
	font-size: 0.75rem;
	margin-bottom: 0.4rem;
}

div.extraaccountinfo table.accountmakeup th {
	font-family: Verdana,Arial,sans-serif;
	font-size: 0.75rem;
	padding-top: 0.3rem;
	padding-bottom: 0.3rem;
}

div.extraaccountinfo table.accountmakeup td {
	font-family: Verdana,Arial,sans-serif;
	font-size: 0.75rem;
	padding-top: 0.1rem;
	padding-bottom: 0.1rem;
}

div.extraaccountinfo a.disabledlink {
	cursor: default;
	color: #c9c9c9;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
}

div.extraaccountinfo a.disabledlink p {
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
}

div.changebalanceinfo div.userinfocontainer {
	margin-bottom: 0.8rem;
}

div.changebalanceinfo p.changebalancetext {
	margin-bottom: 0.2rem;
}

div.changebalanceinfo div.callout {
	margin-top: 1rem;
}

div.changebalanceinfo form.changebalance input, div.changebalanceinfo form.changebalance select {
	margin-bottom: 0.3rem;
	padding-top: 0px;
	padding-bottom: 0px;
	height: 1.7rem;
}

div.changebalanceinfo form.changebalance input.bulkusepincode {
	height: unset;
}

div.changebalanceinfo form.changebalance div.input-group input.input-group-field {
	margin-bottom: 0;
}

div.changebalanceinfo form.changebalance div.buttonrow {
	margin-top: 1.3rem;
}

div.changebalanceinfo form.changebalance button {
	padding-top: 0.7rem;
	padding-bottom: 0.7rem;
	background: #0083C0;
}

div.changebalanceinfo form.changebalance button:hover {
	background: #0083C0;
}
	
div.changebalanceinfo form.changebalance button i {
	margin-right: 1.5rem;
	font-size: 1.5rem;
	vertical-align: middle;
}

div.changebalanceinfo form.changebalance p.formtext {
	font-size: 0.95rem;
	line-height: 1.2;
}

div.changebalanceinfo form.changebalance div.vouchernumbergroup p.grouplabel {
	margin-bottom: 0;
	font-size: 0.875rem;
	font-weight: normal;
	line-height: 1.8;
	color: #0a0a0a;
}

div.changebalanceinfo form.changebalance div.vouchernumbergroup fieldset.numberoptions {
	margin-bottom: 0.4rem;
}

div.changebalanceinfo form.changebalance div.vouchernumbergroup fieldset.numberoptions div.inputlabel {
	padding-right: 0;
}

div.changebalanceinfo form.changebalance div.vouchernumbergroup fieldset.numberoptions div.inputfield {
	padding-left: 0;
}

div.changebalanceinfo form.changebalance div.vouchernumbergroup input.freechoice, div.changebalanceinfo form.changebalance div.vouchernumbergroup input.randomchoice {
	margin-bottom: 0;
	padding-top: 0px;
	padding-bottom: 0px;
	height: auto;
}

div.changebalanceinfo form.changebalance div.vouchernumbergroup input.randominput {
	width: 7rem;
}

div.changebalanceinfo form.changebalance div.vouchernumbergroup input.freeinput {
	width: 10rem;
}

div.changebalanceinfo p.usercreateresult {
	font-size: 0.95rem;
	line-height: 1.2;
}

div.transdata+div.transdata {
	margin-top: 1rem;
}

div.transdata:last-child {
	margin-bottom: 1rem;
}

div.transdata div.transinfocontainer {
	padding: 0.3rem;
	border: 1px solid #D9D9D9;
	border-bottom-color: #CCC;
	box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.05);
	min-height: 4.3rem;
	background: #F9F9F9;
}

div.transdata div.transinfocontainer div.transdatarow div.itemtitle {
	padding-left: 0.2rem;
	color: #ADADAD;
	display: block;
	font-size: 0.7rem;
	font-weight: 600;
	text-transform: uppercase;
}

div.transdata div.transinfocontainer div.transdatarow div.itemvalue {
	margin-top: -0.2rem;
	padding-left: 0.2rem;
	font-size: 1rem;
	font-weight: 600;
	overflow: hidden;
	color: #555;
	margin-bottom: 0.25rem;
}

div.transdatarow h6.transdatarowheader {
	font-size: 0.9rem;
	font-weight: 600;
	text-transform: uppercase;
	color: #FF8200;
	border-bottom: 1px solid #D9D9D9;
	margin-bottom: 0px;
}

h5.transsectiontitle {
	display: inline-block;
}

div.annotationblock+div.annotationblock {
	margin-top: 1rem;
}

div.annotationblock div.annotationrow {
	border: 1px solid rgba(0, 117, 192, 0.5);
	border-top: none;
	background: rgba(0, 117, 192, 0.2);
	padding: 0.4rem;
	padding-top: 0;
	padding-bottom: 0;
}

div.annotationblock div.annotationrow.first {
	border-top: 1px solid rgba(0, 117, 192, 0.5);
}

div.annotationblock div.annotationrow div.itemtitle {
	font-family: Verdana,Arial,sans-serif;
	font-size: 0.6rem;
	color: #808080;
	text-transform: uppercase;
}

div.annotationblock div.annotationrow div.itemvalue {
	font-family: Verdana,Arial,sans-serif;
	font-size: 0.75rem;
	overflow: hidden;
}

div.receiptblock+div.receiptblock {
	margin-top: 1rem;
}

div.receiptblock div.receiptrow {
	border: 1px solid rgba(0, 117, 192, 0.5);
	border-top: none;
	background: rgba(0, 117, 192, 0.2);
	padding: 0.4rem;
	padding-top: 0;
	padding-bottom: 0;
}

div.receiptblock div.receiptrow.first {
	border-top: 1px solid rgba(0, 117, 192, 0.5);
}

div.receiptblock div.receiptrow div.itemtitle {
	font-family: Verdana,Arial,sans-serif;
	font-size: 0.6rem;
	color: #808080;
	text-transform: uppercase;
}

div.receiptblock div.receiptrow div.itemvalue {
	font-family: Verdana,Arial,sans-serif;
	font-size: 0.75rem;
	overflow: hidden;
}

div.receiptblock div.receiptrow p.receiptprinted {
	color: green;
	margin-bottom: 0;
	border-bottom: none;
}

div.receiptblock div.receiptrow p.receiptnotprinted {
	color: red;
	margin-bottom: 0;
	border-bottom: none;
}

div.receiptblock div.receiptrow p.receiptlink {
	margin-bottom: 0;
	font-family: Verdana,Arial,sans-serif;
	font-size: 0.75rem;
	text-align: right;
}

div.receiptblock div.receiptrow p.receiptlink i {
	margin-right: 0.5rem;
}

div.receiptbox {
	font-family: Courier New,Courier,Lucida Sans Typewriter,Lucida Typewriter,monospace;
	max-width: 28rem !important;
}

div.receiptbox p.receiptbarcodecontainer {
	margin-bottom: 0;
}

div.receiptbox span.receiptbarcode {
	width: 25rem;
	display: block;
}

div.receiptbox a.reprintreceiptlink {
	position: absolute;
	color: #8a8a8a;
	right: 3.5rem;
	top: 0.6rem;
	font-size: 1.5em;
	line-height: 1;
	cursor: pointer;
}

div.compblockcontainer {
	padding-bottom: 0.8rem;
}

div.compositionblock {
	border: 1px solid rgba(192, 163, 0, 0.5);
	background: rgba(192, 163, 0, 0.2);
	padding: 0.4rem;
	padding-top: 0;
	padding-bottom: 0;
	margin-bottom: 0.5rem;
	height: 100%;
}

div.compositionblock div.compositionrow h6.compositionrowheader {
	font-size: 0.9rem;
	font-weight: 600;
	text-transform: uppercase;
	color: #FF8200;
	border-bottom: 1px solid #B9B9B9;
	margin-bottom: 0px;
}

div.compositionblock div.compositionrow p.compositiontext {
	margin-bottom: 0;
	font-family: Verdana,Arial,sans-serif;
	font-size: 0.75rem;
}

div.compositionblock div.compositionrow p.compositiontext.large {
	font-size: 0.9rem;
}

div.compositionblock div.compositionrow p.compositiontext.date {
	text-align: right;
}

div.compositionblock div.compositionrow p.compositiontext.date i {
	border-bottom: none;
}

div.compositionblock div.compositionrow p.compositiontext.resultok {
	text-align: right;
}

div.compositionblock div.compositionrow p.compositiontext.resultok i {
	color: green;
	border-bottom: none;
}

div.compositionblock div.compositionrow p.compositiontext.resultnok {
	text-align: right;
}

div.compositionblock div.compositionrow p.compositiontext.resultnok i {
	color: red;
	border-bottom: none;
}

div.countersearchtrans div.actiontitlecell {
	margin-left: 0;
}

div.countersearchtrans h5.rowactiontitle {
	color: #F47216;
	margin-bottom: 0;
}

div.countersearchtrans img.rowactionimage {
	max-width: 32px;
}


/* COUNTER: RESERVATION SERVLET */
div.reservationsite div.dateentrygroup {
	margin-bottom: 0;
}

div.reservationsite input.dateentry {
	margin-bottom: 0;
	width: 20rem;
}

div.reservationsite input.dateentry:disabled, div.reservationsite input.dateentry[readonly] {
    background-color: #fff;
    cursor: pointer;
	color: #0a0a0a;
}

div.reservationsite span.agendaicon i {
	font-size: 1.2rem;
	color: #a8a8a8;
	margin-top: 0.55rem;
	margin-left: -1.6rem;
	pointer-events: none;
}

div.reservationsite span.agendaadjustback i, 
div.reservationsite span.agendaadjustforward i,
div.reservationsite span.agendafilter i,
div.reservationsite span.agendadayview i,
div.reservationsite span.agendaweekview i {
	font-size: 1.7rem;
	margin-top: 0.3rem;
	margin-left: 0.8rem;
	color: #F47216;
	cursor: pointer;
}

div.reservationsite span.agendacancelfilter span.fa-stack {
	font-size: 1.7rem;
	margin-top: 0.3rem;
	margin-left: 0.8rem;
	color: #F47216;
	cursor: pointer;
	height: 1em;
	width: 1em;
}

div.reservationsite span.agendacancelfilter i.fa-filter {
	line-height: 1;
}

div.reservationsite span.agendacancelfilter i.fa-times {
	font-size: 1.2rem;
	color: #000;
	line-height: 1.3;
	padding-left: 0.7rem;
	padding-top: 0.2rem;
}

div.reservationsite span.agendadayview i.selected:after,
div.reservationsite span.agendaweekview i.selected:after {
    content: "";
    display: block;
    margin: 0 auto;
    width: 50%;
    padding-top: 4px;
    border-bottom: 2px solid #F47216;
}

div.reservationsite span.agendaseperator {
	margin-left: 0.8rem;
	margin-right: -0.4rem;
	border-left: 1px solid #e1e1e1;
}

div.reservationsite span.searchreservationsicon {
	margin-left: 1rem;
}

div.reservationsite span.searchreservationsicon a.searchbutton span {
	font-size: 1.1rem;
	color: #F47216;
}

div.reservationsite span.searchreservationsicon i {
	margin-right: 0.3rem;
	font-size: 1.3rem;
}

div.reservationsite span.agendaaddrecurring {
	font-size: 1.1rem;
	color: #F47216;
	margin-left: 1rem;
	cursor: pointer;
}

div.reservationsite span.agendaaddrecurring i {
	margin-right: 0.3rem;
	font-size: 1.3rem;
}

div.reservationsite span.configurecontainer {
	margin-left: 1rem;
}

div.reservationsite span.configurecontainer a.configurebutton span {
	font-size: 1.1rem;
	color: #F47216;
}

div.reservationsite span.configurecontainer a.configurebutton i {
	margin-right: 0.3rem;
	font-size: 1.3rem;
}

div.reservationsite .picker__select--month, div.reservationsite .picker__select--year {
	padding-right: 1.5em;
}

div.reservationsite .picker__button--close, div.reservationsite .picker__button--today {
	background: #F47216;
	color: #FFF;
	margin-right: 0.5rem;
	margin-left: 0.5rem;
	margin-bottom: 0.3rem;
	font-weight: normal;
}

div.reservationsite .picker__button--close:hover, div.reservationsite .picker__button--today:hover,
div.reservationsite .picker__button--close:focus, div.reservationsite .picker__button--today:focus {
	background: #000;
	color: #FFF;
}

div.reservationsite .picker__button--today::before {
    border-top: .66em solid #FFF;
}

div.reservationsite .picker__button--close::before {
    color: #FFF;
}

div.reservationsite .picker__nav--prev::before {
    border-right: .75em solid #F47216;
}

div.reservationsite .picker__nav--next::before {
    border-left: .75em solid #F47216;
}

div.reservationsite .picker__box {
    border-radius: 0;
    box-shadow: rgba(0, 0, 0, 0.3) 0px 1px 2px 0px;
}

div.reservationsite .picker__frame {
	max-width: 500px;
	transition: none;
}

div.reservationsite .picker__table thead {
	background: transparent;
	border: none;
}

div.reservationsite .picker__table tbody {
    border: none;
    background-color: transparent;
}

div.reservationsite .picker__table tbody tr:nth-child(2n) {
	background-color: transparent;
}

div.reservationsite .picker__table th, div.reservationsite .picker__table td {
	text-align: center;
}

div.reservationsite .picker__day--outfocus {
    color: #9b9b9b;
}

div.reservationsite div.reservationcontainer {
	margin-top: 1rem;
	height: 65vh;
	border: 1px solid #cacaca;
	display: flex;
	flex-direction: column;
	position: relative;
}

div.reservationsite table.agendatable.header {
	margin-bottom: 0;
}

div.reservationsite div.tablescrollarea {
	overflow-y: scroll;
	flex-grow: 1;
}

div.reservationsite div.reservationcontainer div.reservation-cover-spin {
    position: absolute;
    top: 0px;
    right: 0px;
    width: 100%;
    height: 100%;
	background-color: rgba(255,255,255,0.7);
    z-index: 9999;
    display: none;
}

@-webkit-keyframes spin {
	from {-webkit-transform:rotate(0deg);}
	to {-webkit-transform:rotate(360deg);}
}

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

div.reservationsite div.reservationcontainer div.reservation-cover-spin::after {
    content: '';
    display: block;
    position: absolute;
    left: 48%;
	top: 40%;
    width: 40px;
	height: 40px;
    border-style: solid;
    border-color: black;
    border-top-color: transparent;
    border-width: 8px;
    border-radius: 50%;
    -webkit-animation: spin .8s linear infinite;
    animation: spin .8s linear infinite;
}

div.reservationsite table.agendatable tbody, div.reservationsite table.agendatable thead {
	border: none;
}

div.reservationsite table.agendatable tbody {
	font-family: 'Source Sans Pro', sans-serif;
}

div.reservationsite table.agendatable tbody tr:nth-child(2n) {
    background-color: #fefefe;
}

div.reservationsite table.agendatable th {
	padding-left: 0;
	padding-right: 0;
	padding-top: 2px;
	padding-bottom: 2px;
	font-family: 'Alegreya Sans', sans-serif;
	position: sticky;
	top: 0px;
	z-index: 1000;
	background-color: #f7f7f7;
}

div.reservationsite table.agendatable thead th span.prehourtick {
	margin-left: -0.35rem;
}

div.reservationsite table.agendatable thead th span.posthourtick {
	float: right;
}

div.reservationsite table.agendatable thead th.dayfield {
	text-align: center;
	line-height: 1.3;
}

div.reservationsite table.agendatable thead th span.dayheader {
	font-size: 1.1rem;
	font-weight: 500;
	display: block;
	border-left: 1px solid #bfbfbf;
	cursor: pointer;
}

div.reservationsite table.agendatable thead th span.dayheader span.weekday {
	display: block;
}

div.reservationsite table.agendatable thead th span.dayheader span.daymonth {
	display: block;
	margin-top: -0.2rem;
}

div.reservationsite table.agendatable th.locationfield {
	width: 20%;
}

div.reservationsite table.agendatable td {
	border: 1px solid #f1f1f1;
}

div.reservationsite table.agendatable td.locationrow {
	padding-top: 3px;
	padding-bottom: 3px;
	color: #F47216;
	background-color: #F472161A;
	cursor: pointer;
}

div.reservationsite table.agendatable td.locationrow i {
	margin-right: 0.5rem;
}

div.reservationsite table.agendatable td.locationrow span.loctitlename {
	color: #000;
	font-size: 0.9rem;
}

div.reservationsite table.agendatable td.locationrow span.floortitlename {
	color: #000;
}

div.reservationsite table.agendatable td.locationfield {
	border-right: 1px solid #f1f1f1;
	padding-top: 5px;
	padding-bottom: 5px;
	font-size: 0.9rem;
	width: 20%;
}

div.reservationsite table.agendatable td.locationfield i {
	float: right;
	margin-top: 0.2rem;
	color: #b3b3b3;
}

div.reservationsite table.agendatable td.weekeventrow {
	position: relative;
	padding-top: 0;
	padding-bottom: 0;
	padding-left: 0;
	padding-right: 0;
	vertical-align: top;
}

div.reservationsite table.agendatable td.weekeventrow span.weekevent {
	display: block;
	margin-top: 0.3rem;
	margin-left: 0.2rem;
	margin-right: 0.2rem;
	padding: 0.2rem;
	cursor: pointer;
	border-radius: 5px;
	border: solid 1px #646464;
	font-family: 'Alegreya Sans', sans-serif;
	font-size: 0.9rem;
	line-height: 0.8;
	color: #FFF;
}

div.reservationsite table.agendatable td.weekeventrow span.weekevent:hover {
	filter: brightness(85%);
}

div.reservationsite table.agendatable td.weekeventrow span.weekevent.optional {
	background-color: #b9b9b9;
}

div.reservationsite table.agendatable td.weekeventrow span.weekevent.recur i.recuricon {
	float: right;
	font-size: 0.7rem;
}

div.reservationsite table.agendatable td.weekeventrow span.weekevent:last-child {
	margin-bottom: 0.3rem;
}

div.reservationsite table.agendatable td.weekeventrow span.blank {
	display: block;
	margin-top: 0;
	margin-left: 0.2rem;
	margin-right: 0.2rem;
	padding-right: 0.2rem;
	padding-left: 0.2rem;
	padding-top: 0.3rem;
	padding-bottom: 0.3rem;
	background-color: #fefefe;
	cursor: pointer;
	font-family: 'Alegreya Sans', sans-serif;
	font-size: 0.9rem;
	line-height: 0.8;
	color: #b5b5b5;
	text-align: center;
}

div.reservationsite table.agendatable td.weekeventrow.blank {
	vertical-align: middle;
	text-align: center;
	cursor: pointer;
	font-family: 'Alegreya Sans', sans-serif;
	font-size: 0.9rem;
	line-height: 0.8;
	color: #b5b5b5;
}

div.reservationsite table.agendatable td.weekeventrow.blank.disabled {
	cursor: default;
	background-color: #f7f7f7;
}

div.reservationsite table.agendatable td.weekeventrow span.blank:hover {
	color: #000;
}

div.reservationsite table.agendatable td.weekeventrow.blank:hover {
	color: #000;
}

div.reservationsite table.agendatable td.weekeventrow span.blank+span.weekevent {
	margin-top: 0;
}

div.reservationsite table.agendatable td.eventrow {
	position: relative;
	padding-top: 5px;
	padding-bottom: 5px;
}

div.reservationsite table.agendatable td.eventrow span.event {
	display: inline-block;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 500;
	cursor: pointer;
	border-radius: 5px;
	border: solid 1px #646464;
	font-family: 'Alegreya Sans', sans-serif;
	font-size: 0.6rem;
	line-height: 0.8;
	color: #FFF;
	padding-top: 0.2rem;
	padding-left: 0.2rem;
	padding-right: 0.2rem;
	overflow-x: hidden;
}

div.reservationsite table.agendatable td.eventrow span.event:hover {
	filter: brightness(85%);
}

div.reservationsite table.agendatable td.eventrow span.event.optional {
	background-color: #b9b9b9;
}

div.reservationsite table.agendatable td.eventrow span.event.recur i.recuricon {
	bottom: 0.1rem;
	right: 0.2rem;
	position: absolute;
}

div.reservationsite table.agendatable td.eventrow span.blank {
	display: inline-block;
	background-color: #fefefe;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 100;
	cursor: pointer;
}

div.reservationsite table.agendatable td.eventrow span.blank:hover {
	background-color: #d8e9ff;
}

div.reservationsite table.agendatable td.eventrow span.blank.blocked {
	cursor: default;
}

div.reservationsite table.agendatable td.eventrow span.blank.blocked:hover {
	background-color: #fefefe;
}

div.reservationsite table.agendatable td.eventrow span.blank.disabled {
	cursor: default;
	background: repeating-linear-gradient( 45deg, #eee, #eee 5px, #ddd 5px, #ddd 10px );
	z-index: 200;
}

div.reservationsite table.agendatable tr:hover td.locationfield {
    background-color: #d8e9ff;
}

div.reservationsite div.searchcontainer {
    margin-top: 1rem;
}

div.reservationsite div.searchcontainer div.searchblock {
	border: 1px solid #d0d0d0;
	border-radius: 0.5rem;
	padding-left: 0.8rem;
	padding-top: 0.5rem;
	padding-bottom: 0.5rem;
	padding-right: 0.8rem;
}

div.reservationsite div.searchcontainer div.searchblock p.searchblocktitle {
	font-family: 'Alegreya Sans', sans-serif;
	font-size: 1.5rem;
	color: #F47216;
	margin-bottom: 0.5rem;
}

div.reservationsite div.searchcontainer div.searchblock div.searchgroup {
	background: #00000005;
	padding-left: 0.5rem;
	padding-right: 0.5rem;
	border: 1px solid #eaeaea;
	margin-bottom: 0.5rem;
}

div.reservationsite div.searchcontainer div.searchblock p.searchblocksubtitle {
	font-family: 'Alegreya Sans', sans-serif;
	font-size: 1rem;
	margin-bottom: 0.5rem;
	padding-top: 0.2rem;
	color: #606060;
}

div.reservationsite div.searchcontainer div.searchblock div.searchrow {
	margin-bottom: 1rem;
	margin-right: 0.5rem;
	margin-left: 0.5rem;
}

div.reservationsite div.searchcontainer div.searchblock div.searchrow.extrabotspace {
	margin-bottom: 2rem;
}

div.reservationsite div.searchcontainer div.searchblock div.searchrow span.requiredfieldlabel {
	font-family: 'Alegreya Sans', sans-serif;
	font-size: 0.9rem;
	color: #888;
}

div.reservationsite div.searchcontainer div.searchblock div.searchrow span.searchrowgrouplabel {
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 1.1rem;
}

div.reservationsite div.searchcontainer div.searchblock div.searchrow div.searchrowgroup {
	min-width: 22rem;
	margin-bottom: 0;
}

div.reservationsite div.searchcontainer div.searchblock div.searchrow div.searchrowgroup input.searchrowgroupentry {
	height: 1.9rem;
	margin-bottom: 0;
}

div.reservationsite div.searchcontainer div.searchblock div.searchrow div.searchrowgroup select.searchrowgroupentry {
	height: 1.9rem;
	margin-bottom: 0;
}

div.reservationsite div.searchcontainer div.searchblock div.searchrow div.searchrowgroup input.dateentry {
	margin-bottom: 0;
	width: 16rem;
	display: inline;
}

div.reservationsite div.searchcontainer div.searchblock div.searchrow div.searchrowgroup input.dateentry:disabled,
div.reservationsite div.searchcontainer div.searchblock div.searchrow div.searchrowgroup input.dateentry[readonly] {
    background-color: #fff;
    cursor: pointer;
	color: #0a0a0a;
}

div.reservationsite div.searchcontainer div.searchblock div.searchrow div.searchrowgroup span.agendaicon i {
	font-size: 1.2rem;
	color: #a8a8a8;
	margin-left: -1.9rem;
	pointer-events: none;
	margin-top: 0.35rem;
}

div.reservationsite div.searchcontainer div.searchblock div.searchrow button.ressearchhistbutton {
	height: 1.9rem;
	padding-top: 0;
	padding-bottom: 0;
	font-size: 1rem;
}

div.reservationsite div.searchcontainer div.searchblock div.filterrow div.locationselectiongroup.workplacefilter {
	margin-top: 0;
}

div.reservationsite div.searchcontainer div.searchblock div.filterrow {
	margin-bottom: 1rem;
	margin-right: 0.5rem;
	margin-left: 0.5rem;
}

div.reservationsite div.searchcontainer div.searchblock div.filterrow span.filterlabel {
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 1.1rem;
}

div.reservationsite div.searchcontainer div.searchblock div.filterrow span.filterlabel.extraspaceleft {
	margin-left: 3rem;
}

div.reservationsite div.searchcontainer div.searchblock div.filterrow span.filterentry {
	display: inline-block;
	margin-left: 1rem;
}

div.reservationsite div.searchcontainer div.searchblock div.filterrow div.locationselectiongroup.workplacefilter input.histinput {
	height: 1.9rem;
	width: 8rem;
}

div.reservationsite div.searchcontainer div.searchblock div.filterrow div.locationselectiongroup.workplacefilter select.locationentry {
	width: 17rem;
	height: 1.9rem;
}

div.reservationsite div.searchcontainer div.searchblock table thead,
div.reservationsite div.searchcontainer div.searchblock table tbody {
	background: #FFF;
	border: none;
}

div.reservationsite div.searchcontainer div.searchblock table thead tr.hdrrow {
	border-bottom: 1px solid #d0d0d0;
	border-top: 1px solid #d0d0d0;
	margin-right: 0.5rem;
	margin-left: 0.5rem;
}

div.reservationsite div.searchcontainer div.searchblock table thead tr.hdrrow th {
	padding: 0;
	padding-top: 0.15rem;
	padding-bottom: 0.15rem;
}

div.reservationsite div.searchcontainer div.searchblock table thead tr.hdrrow th:first-child {
	padding-left: 10px;
}

div.reservationsite div.searchcontainer div.searchblock table thead tr.hdrrow th:last-child {
	padding-right: 10px;
}

div.reservationsite div.searchcontainer div.searchblock table thead tr.hdrrow th p {
	margin-bottom: 0;
	font-size: 1rem;
	color: #828282;
	line-height: 1.2;
	font-family: 'Source Sans Pro', sans-serif;
	padding-top: 0.15rem;
	padding-bottom: 0.15rem;
	font-weight: normal;
}

div.reservationsite div.searchcontainer div.searchblock table thead tr.fltrow {
	border-bottom: 1px solid #d0d0d0;
	margin-right: 0.5rem;
	margin-left: 0.5rem;
	background: #00000008;
}

div.reservationsite div.searchcontainer div.searchblock table tbody tr:nth-child(2n) {
    background-color: #FFF;
}

div.reservationsite div.searchcontainer div.searchblock table tbody tr.valuerow td {
	font-size: 1.0rem;
	margin-bottom: 0;
	font-family: 'Source Sans Pro', sans-serif;
	padding-top: 0.15rem;
	padding-bottom: 0.15rem;
}

div.reservationsite div.searchcontainer div.searchblock table tbody tr.valuerow td i.recuricon {
	margin-left: 0.4rem;
	color: #60b960;
	font-size: 0.8rem;
}

div.reservationsite div.searchcontainer div.searchblock table tbody tr.valuerow td span.userinfotext {
	color: #1779ba;
	cursor: help;
}

div.reservationsite div.searchcontainer div.searchblock table tbody tr.valuerow td span.userinfotext.fullsearch {
	margin-left: 0.5rem;
}

div.reservationsite div.searchcontainer div.searchblock table tbody tr.valuerow td span.userinfotext i.userinfoicon {
	margin-right: 0.3rem;
	font-size: 1rem;
}

div.reservationsite div.searchcontainer div.searchblock table tbody tr.valuerow td span.userinfotext.fullsearch i.userinfoicon {
	margin-right: 0;
}

div.reservationsite div.searchcontainer div.searchblock table tbody tr.valuerow td span.showdetailslink {
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 0.9rem;
    padding-top: 0.15rem;
    padding-bottom: 0.15rem;
	color: #1779ba;
	cursor: pointer;
}

div.reservationsite div.searchcontainer div.searchblock table tbody tr.valuerow td span.showdetailslink i {
    margin-right: 0.3rem;
}

div.reservationsite div.searchcontainer div.searchblock table tbody tr.valuerow td {
	padding: 0;
	padding-top: 0.15rem;
	padding-bottom: 0.15rem;
}

div.reservationsite div.searchcontainer div.searchblock table tbody tr.valuerow td:first-child {
	padding-left: 10px;
}

div.reservationsite div.searchcontainer div.searchblock table tbody tr.valuerow td:last-child {
	padding-right: 10px;
}

div.reservationsite div.searchcontainer div.searchblock div.showupcomingextraslink {
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 1rem;
	color: #1779ba;
	cursor: pointer;
	margin-bottom: 0.8rem;
}

div.reservationsite div.searchcontainer div.searchblock div.showupcomingextraslink i {
	margin-right: 0.3rem;
}

div.reservationsite div.searchcontainer div.searchblock p.tabletitle {
	margin-bottom: 0.4rem;
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 1.1rem;
	color: #F47216;
}

div.reservationsite div.searchcontainer div.searchblock span.tabletitle {
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 0.9rem;
	color: #F47216;
}

div.reservationsite div.searchcontainer div.searchblock div.tabletitletrow {
	margin-bottom: 0.4rem;
}

div.reservationsite div.searchcontainer div.searchblock div.tabletitletrow span.showdetailslink {
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 0.9rem;
    color: #1779ba;
	cursor: pointer;
}

div.reservationsite div.searchcontainer div.searchblock div.tabletitletrow span.showdetailslink i {
    margin-right: 0.3rem;
}

div.reservationsite div.searchcontainer div.searchblock table.extratable {
	margin-bottom: 2rem;
	border-bottom: 1px solid #d0d0d0;
}

div.reservationsite div.searchcontainer div.searchblock table.extratable th.extradaycol {
	min-width: 6rem;
}

div.reservationsite div.searchcontainer div.searchblock table.extratable th.extraextracol {
	min-width: 8rem;
}

div.reservationsite div.searchcontainer div.searchblock table.extratable th.extratotalcol {
	min-width: 4rem;
}

div.reservationsite div.searchcontainer div.searchblock table.extratable td span.extradetailstring {
	margin-left: 0.3rem;
	margin-right: 0.1rem;
	color: #82aa80;
	font-size: 0.9rem;
	border: 1px solid;
	border-radius: 4px;
	padding-left: 0.15rem;
	padding-right: 0.15rem;
	vertical-align: text-bottom;
}

div.reservationsite div.searchcontainer div.searchblock table.extratable td span.extradetailstring span.extracount {
	margin-right: 0.15rem;
	padding-left: 0.2rem;
	padding-right: 0.3rem;
	border-right: 1px solid;
}

div.reveal.reservationdetails.agendafilter select.locationentry {
	margin-bottom: 0;
	max-width: 20rem;
	background-color: #fff;
	cursor: pointer;
	color: #0a0a0a;
}

div.reveal.reservationdetails.agendafilter div.detailrow.first {
	margin-top: 0.5rem;
}

div.reveal.reservationdetails.agendafilter div.detailrow.bottomspace {
	margin-bottom: 1rem;
}

div.reveal.reservationdetails.agendafilter div.actionbuttons {
	margin-top: 1.5rem;
}

div.reveal.reservationdetails.agendafilter div.actionbuttons button.actionbutton {
	margin-bottom: 0;
}

div.reveal.reservationdetails.agendafilter div.actionbuttons button.hidecolor {
	color: #1779ba;
}

div.reveal.reservationdetails.agendafilter div.actionbuttons button.hidecolor:hover,
div.reveal.reservationdetails.agendafilter div.actionbuttons button.hidecolor:focus {
	color: #14679e;
}



div.reveal.reservationdetails.wide {
	width: 850px;
}

div.reveal.reservationdetails div.popuptitle p.lead {
	color: #F47216;
	font-family: 'Alegreya Sans', sans-serif;
	font-size: 1.8rem;
	margin-bottom: 0.2rem;
}

div.reveal.reservationdetails div.progressbar div.stepcontainer div.arrow-steps .step {
	font-size: 14px;
	text-align: center;
	color: #666;
	cursor: default;
	margin: 0 3px;
	padding: 7px 10px 7px 30px;
	height: 36px;
	float: left;
	position: relative;
	background-color: #d9e3f7;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none; 
	transition: background-color 0.2s ease;
}

div.reveal.reservationdetails div.progressbar div.stepcontainer div.arrow-steps .step.done {
	cursor: pointer;
}

div.reveal.reservationdetails div.progressbar div.stepcontainer div.arrow-steps .step:after,
div.reveal.reservationdetails div.progressbar div.stepcontainer div.arrow-steps .step:before {
	content: " ";
	position: absolute;
	top: 0;
	right: -17px;
	width: 0;
	height: 0;
	border-top: 19px solid transparent;
	border-bottom: 17px solid transparent;
	border-left: 17px solid #d9e3f7;	
	z-index: 2;
	transition: border-color 0.2s ease;
}

div.reveal.reservationdetails div.progressbar div.stepcontainer div.arrow-steps .step:before {
	right: auto;
	left: 0;
	border-left: 17px solid #fff;	
	z-index: 0;
}

div.reveal.reservationdetails div.progressbar div.stepcontainer div.arrow-steps .step:first-child:before {
	border: none;
}

div.reveal.reservationdetails div.progressbar div.stepcontainer div.arrow-steps .step:first-child {
	border-top-left-radius: 4px;
	border-bottom-left-radius: 4px;
}

div.reveal.reservationdetails div.progressbar div.stepcontainer div.arrow-steps .step span {
	position: relative;
}

div.reveal.reservationdetails div.progressbar div.stepcontainer div.arrow-steps .step span.text {
	display: initial;
}

div.reveal.reservationdetails div.progressbar div.stepcontainer div.arrow-steps .step span.check {
	display: none;
}

div.reveal.reservationdetails div.progressbar div.stepcontainer div.arrow-steps .step.done span.text {
	display: none;
}

div.reveal.reservationdetails div.progressbar div.stepcontainer div.arrow-steps .step.done span.check {
	display: initial;
}

div.reveal.reservationdetails div.progressbar div.stepcontainer div.arrow-steps .step.current {
	color: #fff;
	background-color: #23468c;
}

div.reveal.reservationdetails div.progressbar div.stepcontainer div.arrow-steps .step.current:after {
	border-left: 17px solid #23468c;
}

div.reveal.reservationdetails input.userinputbox {
	max-width: 17rem;
}

div.reveal.reservationdetails button.setanonymbut {
	margin-left: 2rem;
}

div.reveal.reservationdetails div.currentuserbox {
	border: 1px solid #b7b7b7;
	background: #00000005;
	padding: 0.5rem;
	margin-top: 0.5rem;
}

div.reveal.reservationdetails div.currentuserbox div.usererrorrow p.usererrormessage {
	margin-bottom: 0;
	color: red;
}

div.reveal.reservationdetails div.currentuserbox div.userinforow p.userinforowlabel {
	margin-bottom: 0;
	font-size: 0.9rem;
}

div.reveal.reservationdetails div.currentuserbox div.userinforow p.userinforowvalue {
	margin-bottom: 0;
	font-weight: bold;
}

div.reveal.reservationdetails div.filterrow {
	margin-bottom: 1rem;
	margin-top: 0.5rem;
	border: 1px solid #b7b7b7;
	background: #00000005;
	padding: 0.5rem;
	padding-bottom: 0;
}

div.reveal.reservationdetails div.filterrow div.locationselectiongroup.workplacefilter {
	margin-top: 0;
}

div.reveal.reservationdetails div.filterrow span.filterlabel {
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 1.3rem;
}

div.reveal.reservationdetails div.filterrow span.filterentry {
	display: inline-block;
	margin-top: 0.3rem;
}

div.reveal.reservationdetails div.filterrow span.filterentry+span.filterentry {
	  margin-left: 1rem;
}

div.reveal.reservationdetails div.filterrow div.locationselectiongroup.workplacefilter select.locationentry {
	width: 16rem;
	height: 1.9rem;
}

div.reveal.reservationdetails div.workplacelistcontainer table thead,
div.reveal.reservationdetails div.workplacelistcontainer table tbody {
	background: #FFF;
	border: none;
}

div.reveal.reservationdetails div.workplacelistcontainer table thead,
div.reveal.reservationdetails div.workplacelistcontainer table tbody tr {
	display: table;
	width: 100%;
	table-layout: fixed;
}

div.reveal.reservationdetails div.workplacelistcontainer table tbody {
	display: block;
	overflow-y: scroll;
	table-layout: fixed;
	max-height: 24rem;
}

div.reveal.reservationdetails div.workplacelistcontainer table thead tr.hdrrow {
	border-bottom: 1px solid #d0d0d0;
	margin-right: 0.5rem;
	margin-left: 0.5rem;
}

div.reveal.reservationdetails div.workplacelistcontainer table thead tr.hdrrow th {
	padding: 0;
	padding-top: 0.15rem;
	padding-bottom: 0.15rem;
	width: 16.5rem;
}

div.reveal.reservationdetails div.workplacelistcontainer.recurseries table thead tr.hdrrow th:nth-child(1) {
	width: 8rem;
}

div.reveal.reservationdetails div.workplacelistcontainer.recurseries table thead tr.hdrrow th:nth-child(2) {
	width: 7rem;
}

div.reveal.reservationdetails div.workplacelistcontainer.recurseries table thead tr.hdrrow th:nth-child(3) {
	width: 9rem;
}

div.reveal.reservationdetails div.workplacelistcontainer.recurseries table thead tr.hdrrow th:nth-child(4) {
	width: 15rem;
}

div.reveal.reservationdetails div.workplacelistcontainer table thead tr.hdrrow th:first-child {
	padding-left: 10px;
}

div.reveal.reservationdetails div.workplacelistcontainer table thead tr.hdrrow th:last-child {
	padding-right: 10px;
	width: auto;
	display: block;
}

div.reveal.reservationdetails div.workplacelistcontainer table thead tr.hdrrow th p {
	margin-bottom: 0;
	font-size: 1rem;
	color: #F47216;
	line-height: 1.2;
	font-family: 'Alegreya Sans', sans-serif;
	padding-top: 0.15rem;
	padding-bottom: 0.15rem;
	font-weight: normal;
}

div.reveal.reservationdetails div.workplacelistcontainer table thead tr.fltrow {
	border-bottom: 1px solid #d0d0d0;
	margin-right: 0.5rem;
	margin-left: 0.5rem;
	background: #00000008;
}

div.reveal.reservationdetails div.workplacelistcontainer table thead tr.fltrow td {
	width: 16.5rem;
}

div.reveal.reservationdetails div.workplacelistcontainer.recurseries table thead tr.fltrow td:nth-child(1) {
	width: 8rem;
}

div.reveal.reservationdetails div.workplacelistcontainer.recurseries table thead tr.fltrow td:nth-child(2) {
	width: 7rem;
}

div.reveal.reservationdetails div.workplacelistcontainer.recurseries table thead tr.fltrow td:nth-child(3) {
	width: 9rem;
}

div.reveal.reservationdetails div.workplacelistcontainer.recurseries table thead tr.fltrow td:nth-child(4) {
	width: 15rem;
}

div.reveal.reservationdetails div.workplacelistcontainer table thead tr.fltrow td:last-child {
	width: auto;
}

div.reveal.reservationdetails div.workplacelistcontainer.recurseries table thead tr.fltrow td input {
	max-width: 80%;
}

div.reveal.reservationdetails div.workplacelistcontainer table tbody tr:nth-child(2n) {
    background-color: #FFF;
}

div.reveal.reservationdetails div.workplacelistcontainer table tbody tr.valuerow {
	height: 2.1rem;
}

div.reveal.reservationdetails div.workplacelistcontainer table tbody tr.valuerow td {
	font-size: 1.0rem;
	margin-bottom: 0;
	font-family: 'Source Sans Pro', sans-serif;
	padding-top: 0.15rem;
	padding-bottom: 0.15rem;
	width: 16.5rem;
}

div.reveal.reservationdetails div.workplacelistcontainer.recurseries table tbody tr.valuerow td:nth-child(1) {
	width: 8rem;
}

div.reveal.reservationdetails div.workplacelistcontainer.recurseries table tbody tr.valuerow td:nth-child(2) {
	width: 7rem;
}

div.reveal.reservationdetails div.workplacelistcontainer.recurseries table tbody tr.valuerow td:nth-child(3) {
	width: 9rem;
}

div.reveal.reservationdetails div.workplacelistcontainer.recurseries table tbody tr.valuerow td:nth-child(4) {
	width: 15rem;
}

div.reveal.reservationdetails div.workplacelistcontainer table tbody tr.valuerow td:last-child {
	width: auto;
}

div.reveal.reservationdetails div.workplacelistcontainer table tbody tr.valuerow td i.recuricon {
	margin-left: 0.4rem;
	color: #60b960;
	font-size: 0.8rem;
}

div.reveal.reservationdetails div.workplacelistcontainer table tbody tr.valuerow td span.showdetailslink {
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 0.9rem;
    padding-top: 0.15rem;
    padding-bottom: 0.15rem;
	color: #1779ba;
	cursor: pointer;
}

div.reveal.reservationdetails div.workplacelistcontainer table tbody tr.valuerow td span.showdetailslink i {
    margin-right: 0.3rem;
}

div.reveal.reservationdetails div.workplacelistcontainer table tbody tr.valuerow td {
	padding: 0;
	padding-top: 0.15rem;
	padding-bottom: 0.15rem;
}

div.reveal.reservationdetails div.workplacelistcontainer table tbody tr.valuerow td:first-child {
	padding-left: 10px;
}

div.reveal.reservationdetails div.workplacelistcontainer table tbody tr.valuerow td:last-child {
	padding-right: 10px;
}

div.reveal.reservationdetails div.workplacelistcontainer table tr td span.toggle__text {
	font-size: 1rem;
}

div.reveal.reservationdetails div.detailrow div.recurcontainer {
	border: 1px solid #e1e1e1;
	padding-top: 0.2rem;
	padding-bottom: 0.2rem;
	padding-left: 0.8rem;
	padding-right: 0.8rem;
}

div.reveal.reservationdetails div.detailrow div.recurcontainer p.containerlabel {
	font-size: 1.1rem;
	color: #F47216;
	font-family: 'Alegreya Sans', sans-serif;
	margin-bottom: 0.3rem;
}

div.reveal.reservationdetails div.detailrow div.recurcontainer div.dateentrygroup {
	margin-bottom: 0;
}

div.reveal.reservationdetails div.detailrow div.recurcontainer div.dateentrygroup span.datelabel.disabled {
	color: #d0d0d0;
}

div.reveal.reservationdetails div.detailrow div.recurcontainer input.dateentry {
	margin-bottom: 0;
	width: 12rem;
	max-width: 12rem;
}

div.reveal.reservationdetails div.detailrow div.recurcontainer input.dateentry:disabled, 
div.reveal.reservationdetails div.detailrow div.recurcontainer input.dateentry[readonly] {
    background-color: #fff;
    cursor: pointer;
	color: #0a0a0a;
}

div.reveal.reservationdetails div.detailrow div.recurcontainer input.dateentry.disabled {
	color: #d0d0d0;
}

div.reveal.reservationdetails div.detailrow div.recurcontainer span.agendaicon i {
	font-size: 1.2rem;
	color: #a8a8a8;
	margin-top: 0.55rem;
	margin-left: -1.6rem;
	pointer-events: none;
}

div.reveal.reservationdetails div.detailrow div.recurcontainer .picker__select--month, 
div.reveal.reservationdetails div.detailrow div.recurcontainer .picker__select--year {
	padding-right: 1.5em;
}

div.reveal.reservationdetails div.detailrow div.recurcontainer .picker__button--close,
div.reveal.reservationdetails div.detailrow div.recurcontainer .picker__button--today {
	background: #F47216;
	color: #FFF;
	margin-right: 0.5rem;
	margin-left: 0.5rem;
	margin-bottom: 0.3rem;
	font-weight: normal;
}

div.reveal.reservationdetails div.detailrow div.recurcontainer .picker__button--close:hover,
div.reveal.reservationdetails div.detailrow div.recurcontainer .picker__button--today:hover,
div.reveal.reservationdetails div.detailrow div.recurcontainer .picker__button--close:focus,
div.reveal.reservationdetails div.detailrow div.recurcontainer .picker__button--today:focus {
	background: #000;
	color: #FFF;
}

div.reveal.reservationdetails div.detailrow div.recurcontainer .picker__button--today::before {
    border-top: .66em solid #FFF;
}

div.reveal.reservationdetails div.detailrow div.recurcontainer .picker__button--close::before {
    color: #FFF;
}

div.reveal.reservationdetails div.detailrow div.recurcontainer .picker__nav--prev::before {
    border-right: .75em solid #F47216;
}

div.reveal.reservationdetails div.detailrow div.recurcontainer .picker__nav--next::before {
    border-left: .75em solid #F47216;
}

div.reveal.reservationdetails div.detailrow div.recurcontainer .picker__box {
    border-radius: 0;
    box-shadow: rgba(0, 0, 0, 0.3) 0px 1px 2px 0px;
}

div.reveal.reservationdetails div.detailrow div.recurcontainer .picker__frame {
	max-width: 500px;
	transition: none;
}

div.reveal.reservationdetails div.detailrow div.recurcontainer .picker__table thead {
	background: transparent;
	border: none;
}

div.reveal.reservationdetails div.detailrow div.recurcontainer .picker__table tbody {
    border: none;
    background-color: transparent;
}

div.reveal.reservationdetails div.detailrow div.recurcontainer .picker__table tbody tr:nth-child(2n) {
	background-color: transparent;
}

div.reveal.reservationdetails div.detailrow div.recurcontainer .picker__table th,
div.reveal.reservationdetails div.detailrow div.recurcontainer .picker__table td {
	text-align: center;
}

div.reveal.reservationdetails div.detailrow div.recurcontainer .picker__day--outfocus {
    color: #9b9b9b;
}

div.reveal.reservationdetails div.detailrow div.recurcontainer div.rangerow {
	margin-bottom: 0.6rem;
}

div.reveal.reservationdetails div.detailrow div.recurcontainer div.rangerow span.toggle__label.extravertcenterspace {
	margin-top: -0.2rem;
}

div.reveal.reservationdetails div.detailrow div.recurcontainer input.rangeinputbox {
	margin-bottom: 0;
	margin-left: 0.5rem;
	margin-right: 0.5rem;
	width: 4rem;
}

div.reveal.reservationdetails div.detailrow div.recurcontainer input.rangeinputbox.disabled {
	color: #d0d0d0;
}

div.reveal.reservationdetails div.detailrow div.recurcontainer span.rangelabel.disabled {
	color: #d0d0d0;
}

div.reveal.reservationdetails div.detailrow div.recurcontainer select.recurrenceselector {
	max-width: 15rem;
}

div.reveal.reservationdetails div.detailrow div.recurcontainer div.recurtypecontents {
	height: 9rem;
}

div.reveal.reservationdetails div.detailrow div.recurcontainer div.recurtypecontents p.recurtypedaylabel {
	margin-bottom: 0.2rem;
}

div.reveal.reservationdetails div.detailrow div.recurcontainer div.recurtypecontents select.recurweekcountselector {
	max-width: 5rem;
	margin-bottom: 0;
}

div.reveal.reservationdetails div.detailrow div.recurcontainer div.recurtypecontents p.recurtypeweeklabel {
	margin-bottom: 0;
}

div.reveal.reservationdetails div.detailrow div.recurcontainer div.recurtypecontents p.recurtypeweeklabel.front {
	margin-right: 0.5rem;
}

div.reveal.reservationdetails div.detailrow div.recurcontainer div.recurtypecontents p.recurtypeweeklabel.back {
	margin-left: 0.6rem;
}

div.reveal.reservationdetails div.detailrow div.recurcontainer div.recurtypecontents div.recurweekcountrow,
div.reveal.reservationdetails div.detailrow div.recurcontainer div.recurtypecontents div.recurmonthdaycountrow {
	margin-bottom: 0.5rem;
}

div.reveal.reservationdetails div.detailrow div.recurcontainer div.recurtypecontents select.recurmonthdaycountselector {
	max-width: 8rem;
	margin-bottom: 0;
	margin-left: 0.5rem;
}

div.reveal.reservationdetails div.detailrow div.recurcontainer div.recurtypecontents select.recurmonthdaycountselector.disabled {
	color: #d0d0d0;
}

div.reveal.reservationdetails div.detailrow div.recurcontainer div.recurtypecontents select.recurmonthweekdaycountselector {
	max-width: 15rem;
	margin-bottom: 0;
	margin-left: 0.5rem;
}

div.reveal.reservationdetails div.detailrow div.recurcontainer div.recurtypecontents select.recurmonthweekdaycountselector.disabled {
	color: #d0d0d0;
}

div.reveal.reservationdetails div.detailrow div.recurcontainer div.recurtypecontents select.recurmonthweekdayselector {
	max-width: 15rem;
	margin-bottom: 0;
	margin-left: 1rem;
}

div.reveal.reservationdetails div.detailrow div.recurcontainer div.recurtypecontents select.recurmonthweekdayselector.disabled {
	color: #d0d0d0;
}

div.reveal.reservationdetails div.detailrow div.recurcontainer div.recurtypecontents span.toggle__label.extravertcenterspace {
  margin-top: -0.1rem;
}

div.reveal.reservationdetails div.detailrow div.recurcontainer div.reservationdatescontainer {
	min-height: 4rem;
	max-height: 8rem;
	overflow-y: auto;
	overflow-x: hidden;
	position: relative;
}

div.reveal.reservationdetails div.detailrow div.recurcontainer div.reservationdatescontainer div.dateboxcell {
	margin-right: 0;
}

div.reveal.reservationdetails div.detailrow div.recurcontainer div.reservationdatescontainer div.datebox {
	border: 1px solid #000;
	border-radius: 20px;
	margin-bottom: 0.5rem;
}

div.reveal.reservationdetails div.detailrow div.recurcontainer div.reservationdatescontainer div.info {
	color: #FFF;
	border-bottom-left-radius: 20px;
	border-top-left-radius: 20px;
	padding-left: 0.4rem;
	padding-right: 0.3rem;
	border-right: 1px solid #000;
}

div.reveal.reservationdetails div.detailrow div.recurcontainer div.reservationdatescontainer div.info.success {
	background-color: #1bb71b;
}

div.reveal.reservationdetails div.detailrow div.recurcontainer div.reservationdatescontainer div.info.warning {
	background-color: #dfca1d;
}

div.reveal.reservationdetails div.detailrow div.recurcontainer div.reservationdatescontainer div.info.error {
	background-color: #ff4e4e;
}

div.reveal.reservationdetails div.detailrow div.recurcontainer div.reservationdatescontainer span.infoicon {
	width: 1.1rem;
	display: inline-block;
	text-align: center;
}

div.reveal.reservationdetails div.detailrow div.recurcontainer div.reservationdatescontainer div.datetext {
	padding-left: 0.3rem;
	padding-right: 0.3rem;
	font-size: 0.9rem;
	min-width: 6rem;
}

div.reveal.reservationdetails div.detailrow div.recurcontainer div.reservationdatescontainer div.removeerror {
	width: 1.2rem;
}

div.reveal.reservationdetails div.detailrow div.recurcontainer div.reservationdatescontainer span.removeicon {
	cursor: pointer;
}

div.reveal.reservationdetails div.detailrow div.recurcontainer div.reservationdatescontainer div.reservation-cover-spin {
    position: absolute;
    top: 0px;
    right: 0px;
    width: 100%;
    height: 100%;
	background-color: rgba(255,255,255,0.7);
    z-index: 9999;
    display: none;
}

div.reveal.reservationdetails div.detailrow div.recurcontainer div.reservationdatescontainer div.reservation-cover-spin::after {
    content: '';
    display: block;
    position: absolute;
    left: 48%;
	top: 20%;
    width: 30px;
	height: 30px;
    border-style: solid;
    border-color: black;
    border-top-color: transparent;
    border-width: 6px;
    border-radius: 50%;
    -webkit-animation: spin .8s linear infinite;
    animation: spin .8s linear infinite;
}

div.reveal.reservationdetails div.existresmailbox div.detailrow span.toggle__label.extravertcenterspace {
  margin-top: -0.1rem;
}

div.reveal.reservationdetails div.existresmailbox div.detailrow.mailcontent {
	margin-top: 0.5rem;
}

div.reveal.reservationdetails div.flooritemextrascontents div.extrastitlerow {
	border-bottom: 2px solid #0000001c;
	margin-bottom: 0.5rem;
}

div.reveal.reservationdetails div.flooritemextrascontents div.extrastitlerow p.extracoltitle {
	font-family: 'Alegreya Sans', sans-serif;
	color: #F47216;
	font-size: 1rem;
	margin-bottom: 0;
}

div.reveal.reservationdetails div.flooritemextrascontents div.extrasvaluerow+div.extrasvaluerow {
	margin-top: 0.7rem;
}

div.reveal.reservationdetails div.flooritemextrascontents div.extrasvaluerow p.extracolvalue {
	font-size: 1rem;
	margin-bottom: 0;
}

div.reveal.reservationdetails div.flooritemextrascontents div.extrasvaluerow p.smallpricevalue {
	font-size: 0.75rem;
	margin-bottom: 0;
	margin-top: -0.3rem;
	color: #868686;
}

div.reveal.reservationdetails div.flooritemextrascontents div.extrasvaluerow input.extrasinput {
	margin-bottom: 0;
	max-width: 3rem;
	font-size: 1.1rem;
}

div.reveal.reservationdetails div.flooritemextrascontents div.extrasvaluerow p.extracolvalue.unavailable {
	color: #E62B2B;
}

div.reveal.reservationdetails div.flooritemextrascontents .handle-counter {
	margin-bottom: 0;
}

div.reveal.reservationdetails div.flooritemextrascontents .handle-counter input {
	text-align: center;
	border: 1px solid #F47216;
	-webkit-box-shadow: inset 0 1px 2px rgba(230, 98, 1, 0.1);
	box-shadow: inset 0 1px 2px rgba(230, 98, 1, 0.1);
}

/* Chrome, Safari, Edge, Opera */
div.reveal.reservationdetails div.flooritemextrascontents .handle-counter input::-webkit-outer-spin-button,
div.reveal.reservationdetails div.flooritemextrascontents .handle-counter input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
div.reveal.reservationdetails div.flooritemextrascontents .handle-counter input[type=number] {
  -moz-appearance: textfield;
}

div.reveal.reservationdetails div.flooritemextrascontents .handle-counter button {
	padding-left: 0.7rem;
	padding-right: 0.7rem;
}

div.reveal.reservationdetails div.flooritemextrascontents .handle-counter button,
div.reveal.reservationdetails div.flooritemextrascontents .handle-counter button:focus,
div.reveal.reservationdetails div.flooritemextrascontents .handle-counter button:hover,
div.reveal.reservationdetails div.flooritemextrascontents .handle-counter button.disabled,
div.reveal.reservationdetails div.flooritemextrascontents .handle-counter button.disabled:focus,
div.reveal.reservationdetails div.flooritemextrascontents .handle-counter button.disabled:hover,
div.reveal.reservationdetails div.flooritemextrascontents .handle-counter button[disabled],
div.reveal.reservationdetails div.flooritemextrascontents .handle-counter button[disabled]:focus,
div.reveal.reservationdetails div.flooritemextrascontents .handle-counter button[disabled]:hover {
    color: #F47216;
	border: 1px solid #F47216;
	background: #F472161C;
}

div.reveal.reservationdetails div.flooritemextrascontents .handle-counter button.counter-minus,
div.reveal.reservationdetails div.flooritemextrascontents .handle-counter button.counter-minus:focus,
div.reveal.reservationdetails div.flooritemextrascontents .handle-counter button.counter-minus:hover,
div.reveal.reservationdetails div.flooritemextrascontents .handle-counter button.counter-minus.disabled,
div.reveal.reservationdetails div.flooritemextrascontents .handle-counter button.counter-minus.disabled:focus,
div.reveal.reservationdetails div.flooritemextrascontents .handle-counter button.counter-minus.disabled:hover,
div.reveal.reservationdetails div.flooritemextrascontents .handle-counter button.counter-minus[disabled],
div.reveal.reservationdetails div.flooritemextrascontents .handle-counter button.counter-minus[disabled]:focus,
div.reveal.reservationdetails div.flooritemextrascontents .handle-counter button.counter-minus[disabled]:hover {
	border-right: none;
}

div.reveal.reservationdetails div.flooritemextrascontents .handle-counter button.counter-plus,
div.reveal.reservationdetails div.flooritemextrascontents .handle-counter button.counter-plus:focus,
div.reveal.reservationdetails div.flooritemextrascontents .handle-counter button.counter-plus:hover,
div.reveal.reservationdetails div.flooritemextrascontents .handle-counter button.counter-plus.disabled,
div.reveal.reservationdetails div.flooritemextrascontents .handle-counter button.counter-plus.disabled:focus,
div.reveal.reservationdetails div.flooritemextrascontents .handle-counter button.counter-plus.disabled:hover,
div.reveal.reservationdetails div.flooritemextrascontents .handle-counter button.counter-plus[disabled],
div.reveal.reservationdetails div.flooritemextrascontents .handle-counter button.counter-plus[disabled]:focus,
div.reveal.reservationdetails div.flooritemextrascontents .handle-counter button.counter-plus[disabled]:hover {
	border-left: none;
}

div.reveal.reservationdetails div.flooritemprofilecontents div.profilechoicedescriptionbox {
	border-top: 2px solid #0000001c;
	margin-top: 1rem;
	padding-top: 0.2rem;
}

div.reveal.reservationdetails div.flooritemprofilecontents div.profilechoicedescriptionbox p.profileinfoicon {
	margin-bottom: 0;
	font-size: 1.5rem;
	color: #F47216;
}

div.reveal.reservationdetails div.flooritemprofilecontents div.profilechoicedescriptionbox p.profileinfotitle {
	margin-bottom: 0;
	font-size: 1.3rem;
	color: #F47216;
	font-family: 'Alegreya Sans', sans-serif;
}

div.reveal.reservationdetails div.flooritemprofilecontents div.profilechoicedescriptionbox p.profileinfovalue {
	margin-bottom: 0;
}

div.reveal.reservationdetails div.flooritemprofilecontents p.profilechoicemessage {
	margin-top: 1rem;
}

div.reveal.reservationdetails div.flooritemprofilecontents select.profilechoiceentry {
	max-width: 20rem;
}

div.summarybox {
	padding-left: 1.5rem;
}

div.summaryline p.datalabel {
	margin-bottom: 0;
	font-size: 0.9rem;
}

div.summaryline p.datavalue {
	margin-bottom: 0;
	font-size: 0.9rem;
}

div.summaryline.checkbox p.datalabel {
	margin-right: 1rem;
}

div.costheaderline p.datalabel {
	margin-bottom: 0;
	font-size: 1rem;
	font-weight: bold;
}

div.costvalueline p.datavalue {
	margin-bottom: 0;
	font-size: 1rem;
}

div.costtotalline p.totallabel {
	margin-bottom: 0;
	font-size: 1rem;
	font-weight: bold;
	text-align: right;
	padding-right: 0.8rem;
}

div.costtotalline p.totalvalue {
	margin-bottom: 0;
	font-size: 1rem;
	font-weight: bold;
}

div.costvalueline+div.costheaderline {
	margin-top: 0.7rem;
}

div.summarymessage.extratopspace {
	margin-top: 1rem;
}

div.summarymessage p.summaryinfo.top {
	color: #F47216;
	margin-bottom: 0.2rem;
	font-size: 1.3rem;
	font-family: 'Alegreya Sans', sans-serif;
}

div.costsbox,
div.summarybox {
	border: 1px solid #b7b7b7;
	background: #00000005;
	padding: 0.5rem;
}

div.summarybox {
	margin-top: 0.5rem;
}

div.summarycontainer p.skipmessage {
	margin-top: 1rem;
	font-size: 1.1rem;
	color: red;
	line-height: 1.3;
	font-family: 'Alegreya Sans', sans-serif;
}

div.reveal.reservationdetails div.detailrow p.detaillabel,
div.reveal.reservationdetails div.detailrow p.detailvalue {
	margin-bottom: 0;
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 1rem;
}

div.reveal.reservationdetails div.detailrow p.detaillabel.extratopspace {
	margin-top: 0.25rem;
}

div.reveal.reservationdetails div.detailrow p.detailvalue span.historylink {
	margin-left: 1rem;
}

div.reveal.reservationdetails div.detailrow p.detailvalue span.historylink a i {
	margin-right: 0.2rem;
}

div.reveal.reservationdetails div.detailrow p.detailvalue i.colordot {
	margin-right: 0.4rem;
	font-size: 1rem;
}

div.reveal.reservationdetails div.detailrow p.detailheaderlabel {
	margin-bottom: -0.3rem;
	margin-top: 0.3rem;
	color: #F47216;
	font-family: 'Alegreya Sans', sans-serif;
	font-size: 1rem;
}

div.reveal.reservationdetails div.detailrow p.detailheaderlabel.larger {
	font-size: 1.3rem;
}

div.reveal.reservationdetails div.detailrow p.detailvalue a.extrastogglelink {
	margin-bottom: 0;
}

div.reveal.reservationdetails div.detailrow p.detailvalue a.extrastogglelink span {
	
}

div.reveal.reservationdetails div.detailrow p.detailvalue a.extrastogglelink span i {
	margin-right: 0.3rem;
}

div.reveal.reservationdetails div.reservationbuttons {
	margin-top: 1.5rem;
}

div.reveal.reservationdetails div.reservationbuttons.upborder {
	border-top: solid 1px #a4a4a4;
	padding-top: 0.5rem;
}

div.reveal.reservationdetails div.reservationbuttons a.reservationaction {
	display: table;
}

div.reveal.reservationdetails div.reservationbuttons a.reservationaction+a.reservationaction {
	margin-top: 0.5rem;
}

div.reveal.reservationdetails div.reservationbuttons a.reservationaction i {
	margin-right: 0.4rem;
}

div.reveal.reservationdetails div.detailrow.extratopspace {
	margin-top: 1rem;
}

div.reveal.reservationdetails div.detailrow.starttime {
	margin-top: 1rem;
}

div.reveal.reservationdetails div.detailrow.stoptime {
	margin-top: 1rem;
}

div.reveal.reservationdetails div.formdata fieldset.multiselcontainer legend {
	display: block;
	margin: 0;
	padding: 0;
	font-size: .875rem;
	font-weight: 400;
	line-height: 1.8;
	color: #0a0a0a;
	width: 100%;
}

div.reveal.reservationdetails div.formdata fieldset.multiselcontainer input.mulselectentry {
	-webkit-appearance: none;
	width: 1.25rem;
	height: 1.25rem;
	border: 1px solid #bfbfbf;
	border-radius: 1px;
	position: relative;
	top: 4px;
	outline: none;
	margin-bottom: 0;
}

div.reveal.reservationdetails div.formdata fieldset.multiselcontainer input.mulselectentry:checked {
	background-color: #F47216;
	border-color: #F47216;
}

div.reveal.reservationdetails div.formdata fieldset.multiselcontainer input.mulselectentry:after {
	content: "";
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	background-image: none;
	background-color: #fefefe;
	background-size: 40px;
	background-repeat: no-repeat;
	background-position: center;
}

div.reveal.reservationdetails div.formdata fieldset.multiselcontainer input.mulselectentry:checked:after {
	background-color: transparent;
	background-image: url("data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9JzMwMHB4JyB3aWR0aD0nMzAwcHgnICBmaWxsPSIjZmZmZmZmIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2aWV3Qm94PSIwIDAgMTAwIDEwMCIgdmVyc2lvbj0iMS4xIiB4PSIwcHgiIHk9IjBweCI+PHRpdGxlPmljb25fYnlfUG9zaGx5YWtvdjEwPC90aXRsZT48ZGVzYz5DcmVhdGVkIHdpdGggU2tldGNoLjwvZGVzYz48ZyBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48ZyBmaWxsPSIjZmZmZmZmIj48ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSgyNi4wMDAwMDAsIDI2LjAwMDAwMCkiPjxwYXRoIGQ9Ik0xNy45OTk5ODc4LDMyLjQgTDEwLjk5OTk4NzgsMjUuNCBDMTAuMjI2Nzg5MSwyNC42MjY4MDE0IDguOTczMTg2NDQsMjQuNjI2ODAxNCA4LjE5OTk4Nzc5LDI1LjQgTDguMTk5OTg3NzksMjUuNCBDNy40MjY3ODkxNCwyNi4xNzMxOTg2IDcuNDI2Nzg5MTQsMjcuNDI2ODAxNCA4LjE5OTk4Nzc5LDI4LjIgTDE2LjU4NTc3NDIsMzYuNTg1Nzg2NCBDMTcuMzY2ODIyOCwzNy4zNjY4MzUgMTguNjMzMTUyOCwzNy4zNjY4MzUgMTkuNDE0MjAxNCwzNi41ODU3ODY0IEw0MC41OTk5ODc4LDE1LjQgQzQxLjM3MzE4NjQsMTQuNjI2ODAxNCA0MS4zNzMxODY0LDEzLjM3MzE5ODYgNDAuNTk5OTg3OCwxMi42IEw0MC41OTk5ODc4LDEyLjYgQzM5LjgyNjc4OTEsMTEuODI2ODAxNCAzOC41NzMxODY0LDExLjgyNjgwMTQgMzcuNzk5OTg3OCwxMi42IEwxNy45OTk5ODc4LDMyLjQgWiI+PC9wYXRoPjwvZz48L2c+PC9nPjwvc3ZnPg==");
}

div.reveal.reservationdetails div.formdata fieldset.multiselcontainer label {
	white-space: nowrap;
	font-size: 1rem;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	display: inline;
	padding-right: 1rem;
}

div.reveal.reservationdetails div.formdata fieldset.multiselcontainer input.mulselectentry:hover,
div.reveal.reservationdetails div.formdata fieldset.multiselcontainer label:hover {
	cursor: pointer;
}

div.reveal.reservationdetails div.formdata input.forminputentry {
	margin-bottom: 0;
}

div.reveal.reservationdetails div.formdata input.forminputentry.inputok {
	border-color: green;
}

div.reveal.reservationdetails div.formdata input.forminputentry.inputerr {
	border-color: red;
}

div.reveal.reservationdetails div.formdata select.selectentry {
	margin-bottom: 0;
}

div.reveal.reservationdetails div.formdata div.detailrow.optionalline p.optionaltextlabel {
	margin-bottom: 0;
	font-size: 0.8rem;
	font-style: italic;
	color: #828282;
	text-align: right;
	max-width: 22rem;
}

div.reveal.reservationdetails div.formdata.recur div.detailrow.optionalline p.optionaltextlabel {
	max-width: 34rem;
}

div.reveal.reservationdetails div.formdata span.optionaltextlabel {
	margin-bottom: 0;
	margin-top: 0.4rem;
	margin-right: 0.2rem;
	font-size: 0.8rem;
	font-style: italic;
	color: #828282;
	float: right;
}

div.reveal.reservationdetails div.formdata input.checkboxentry {
	-webkit-appearance: none;
	width: 1.8rem;
	height: 1.8rem;
	border: 1px solid #bfbfbf;
	border-radius: 1px;
	position: relative;
	top: 8px;
	outline: none;
	margin-bottom: 0;
}

div.reveal.reservationdetails div.formdata input.checkboxentry:checked {
	background-color: #F47216;
	border-color: #F47216;
}

div.reveal.reservationdetails div.formdata input.checkboxentry:after {
	content: "";
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	background-image: none;
	background-color: #fefefe;
	background-size: 40px;
	background-repeat: no-repeat;
	background-position: center;
}

div.reveal.reservationdetails div.formdata input.checkboxentry:checked:after {
	background-color: transparent;
	background-image: url("data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9JzMwMHB4JyB3aWR0aD0nMzAwcHgnICBmaWxsPSIjZmZmZmZmIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2aWV3Qm94PSIwIDAgMTAwIDEwMCIgdmVyc2lvbj0iMS4xIiB4PSIwcHgiIHk9IjBweCI+PHRpdGxlPmljb25fYnlfUG9zaGx5YWtvdjEwPC90aXRsZT48ZGVzYz5DcmVhdGVkIHdpdGggU2tldGNoLjwvZGVzYz48ZyBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48ZyBmaWxsPSIjZmZmZmZmIj48ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSgyNi4wMDAwMDAsIDI2LjAwMDAwMCkiPjxwYXRoIGQ9Ik0xNy45OTk5ODc4LDMyLjQgTDEwLjk5OTk4NzgsMjUuNCBDMTAuMjI2Nzg5MSwyNC42MjY4MDE0IDguOTczMTg2NDQsMjQuNjI2ODAxNCA4LjE5OTk4Nzc5LDI1LjQgTDguMTk5OTg3NzksMjUuNCBDNy40MjY3ODkxNCwyNi4xNzMxOTg2IDcuNDI2Nzg5MTQsMjcuNDI2ODAxNCA4LjE5OTk4Nzc5LDI4LjIgTDE2LjU4NTc3NDIsMzYuNTg1Nzg2NCBDMTcuMzY2ODIyOCwzNy4zNjY4MzUgMTguNjMzMTUyOCwzNy4zNjY4MzUgMTkuNDE0MjAxNCwzNi41ODU3ODY0IEw0MC41OTk5ODc4LDE1LjQgQzQxLjM3MzE4NjQsMTQuNjI2ODAxNCA0MS4zNzMxODY0LDEzLjM3MzE5ODYgNDAuNTk5OTg3OCwxMi42IEw0MC41OTk5ODc4LDEyLjYgQzM5LjgyNjc4OTEsMTEuODI2ODAxNCAzOC41NzMxODY0LDExLjgyNjgwMTQgMzcuNzk5OTg3OCwxMi42IEwxNy45OTk5ODc4LDMyLjQgWiI+PC9wYXRoPjwvZz48L2c+PC9nPjwvc3ZnPg==");
}

div.reveal.reservationdetails div.formdata label.formchkboxlabel {
	white-space: nowrap;
	font-size: 1rem;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	display: inline;
	padding-right: 1rem;
}

div.reveal.reservationdetails div.formdata input.checkboxentry:hover,
div.reveal.reservationdetails div.formdata label.formchkboxlabel:hover {
	cursor: pointer;
}

div.reveal.reservationdetails div.formdata div.dateentrygroup {
	margin-bottom: 0;
}

div.reveal.reservationdetails div.formdata input.dateentry {
	margin-bottom: 0;
}

div.reveal.reservationdetails div.formdata input.dateentry:disabled,
div.reveal.reservationdetails div.formdata input.dateentry[readonly] {
    background-color: #fff;
    cursor: default;
	color: #0a0a0a;
}

div.reveal.reservationdetails div.formdata span.agendaicon i {
	font-size: 1.2rem;
	color: #a8a8a8;
	margin-top: 0.55rem;
	margin-left: -1.6rem;
	pointer-events: none;
}

div.reveal.reservationdetails div.formdata {
	margin-top: 1rem;
}

div.reveal.reservationdetails div.formdata:first-child {
	margin-top: 0;
}

div.reveal.reservationdetails form.personaldatacontainer .picker__select--month, 
div.reveal.reservationdetails form.personaldatacontainer .picker__select--year {
	padding-right: 1.5em;
}

div.reveal.reservationdetails form.personaldatacontainer .picker__button--close, 
div.reveal.reservationdetails form.personaldatacontainer .picker__button--today {
	background: #F47216;
	color: #FFF;
	margin-right: 0.5rem;
	margin-left: 0.5rem;
	margin-bottom: 0.3rem;
	font-weight: normal;
	border: 1px solid #F47216;
}

div.reveal.reservationdetails form.personaldatacontainer .picker__button--today::before {
    border-top: .66em solid #FFF;
}

div.reveal.reservationdetails form.personaldatacontainer .picker__button--close::before {
    color: #FFF;
}

div.reveal.reservationdetails form.personaldatacontainer .picker__nav--prev::before {
    border-right: .75em solid #F47216;
}

div.reveal.reservationdetails form.personaldatacontainer .picker__nav--next::before {
    border-left: .75em solid #F47216;
}

div.reveal.reservationdetails form.personaldatacontainer .picker__box {
    border-radius: 0;
    box-shadow: rgba(0, 0, 0, 0.3) 0px 1px 2px 0px;
}

div.reveal.reservationdetails form.personaldatacontainer .picker__frame {
	max-width: 600px;
	margin-bottom: 20%;
	transition: none;
}

div.reveal.reservationdetails form.personaldatacontainer .picker__table thead {
	background: transparent;
	border: none;
}

div.reveal.reservationdetails form.personaldatacontainer .picker__table tbody {
    border: none;
    background-color: transparent;
}

div.reveal.reservationdetails form.personaldatacontainer .picker__table tbody tr:nth-child(2n) {
	background-color: transparent;
}

div.reveal.reservationdetails form.personaldatacontainer .picker__table th, .picker__table td {
	text-align: center;
}

div.reveal.reservationdetails form.personaldatacontainer .picker__day--outfocus {
    color: #9b9b9b;
}

div.reveal.reservationdetails form.personaldatacontainer .picker__footer {
	margin-bottom: 0.5rem;
}

div.reveal.reservationdetails form.personaldatacontainer div.fieldformerrormsg {
	padding-top: 0.5rem;
	padding-bottom: 0.5rem;
	margin-top: 0.3rem;
	margin-bottom: 0;
}

div.reveal.reservationdetails form.personaldatacontainer div.fieldformerrormsg p i {
	font-size: 1.3rem;
	line-height: 1.2;
	margin-right: 0.5rem;
	color: #d51d00;
}

div.reveal.reservationdetails form.personaldatacontainer fieldset.fieldset {
	margin-top: 0.7rem;
	margin-bottom: 0.7rem;
	padding-top: 0.7rem;
	padding-bottom: 0.7rem;
	padding-right: 0;
	padding-left: 0;
}

div.reveal.reservationdetails div.reservationbuttons a.reservationactionbutton,
div.reveal.reservationdetails div.reservationbuttons button.reservationactionbutton {
	margin-bottom: 0;
	min-width: 8rem;
}

div.reveal.reservationdetails div.timeentrygroup {
	margin-bottom: 0;
}

div.reveal.reservationdetails div.starttimedata, div.reveal.reservationdetails div.stoptimedata {
	margin-top: 2rem;
	margin-bottom: 0;
}

div.reveal.reservationdetails div.starttimedata p.datalabel, div.reveal.reservationdetails div.stoptimedata p.datalabel {
	font-size: 1.1rem;
	margin-bottom: 0;
}

div.reveal.reservationdetails input.timeentry {
	max-width: 10rem;
	margin-bottom: 0;
}

div.reveal.reservationdetails input.timeentry:disabled, div.reveal.reservationdetails input.timeentry[readonly] {
    background-color: #FFF;
}

div.reveal.reservationdetails input.timeentry.error {
	color: red;
}

div.reveal.reservationdetails span.timeicon i {
	font-size: 1.2rem;
	color: #a8a8a8;
	margin-top: 0.65rem;
	margin-left: -1.6rem;
	pointer-events: none;
}

div.reveal.reservationdetails span.inputwarning {
	font-size: 1.2rem;
	color: red;
	margin-top: 0.35rem;
	margin-left: 0.5rem;
}

div.reveal.reservationdetails span.inputwarning i {
	margin-right: 0.3rem;
}

div.reveal.reservationdetails div.timemsgbox.bottomspace {
	margin-bottom: 1rem;
}

div.reveal.reservationdetails p.timeentrymessage {
	font-size: 0.9rem;
	margin-bottom: 0;
}

div.reveal.reservationdetails div.timemsgbox div.timeentryinfo {
	margin-top: 0.2rem;
}

div.reveal.reservationdetails div.timemsgbox div.timeentryinfo table.agendatable.header {
	margin-bottom: 0;
}

div.reveal.reservationdetails div.timemsgbox div.timeentryinfo table.agendatable tbody,
div.reveal.reservationdetails div.timemsgbox div.timeentryinfo table.agendatable thead {
	border: none;
}

div.reveal.reservationdetails div.timemsgbox div.timeentryinfo table.agendatable tbody {
	font-family: 'Source Sans Pro', sans-serif;
}

div.reveal.reservationdetails div.timemsgbox div.timeentryinfo table.agendatable tbody tr:nth-child(2n) {
    background-color: #fefefe;
}

div.reveal.reservationdetails div.timemsgbox div.timeentryinfo table.agendatable th {
	padding-left: 0;
	padding-right: 0;
	padding-top: 0;
	padding-bottom: 0;
	font-family: 'Alegreya Sans', sans-serif;
	position: sticky;
	top: 0px;
	z-index: 999;
	background-color: #f7f7f7;
}

div.reveal.reservationdetails div.timemsgbox div.timeentryinfo table.agendatable thead th span.prehourtick {
	margin-left: -0.35rem;
	color: #959595;
}

div.reveal.reservationdetails div.timemsgbox div.timeentryinfo table.agendatable thead tr th.hourfield:first-child span.prehourtick {
	margin-left: 0;
}

div.reveal.reservationdetails div.timemsgbox div.timeentryinfo table.agendatable thead th span.posthourtick {
	float: right;
	color: #959595;
}

div.reveal.reservationdetails div.timemsgbox div.timeentryinfo table.agendatable td {
	border: 1px solid #f1f1f1;
}

div.reveal.reservationdetails div.timemsgbox div.timeentryinfo table.agendatable td.eventrow {
	position: relative;
	padding-top: 5px;
	padding-bottom: 5px;
	height: 26px;
}

div.reveal.reservationdetails div.timemsgbox div.timeentryinfo table.agendatable td.eventrow span.event {
	display: inline-block;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 500;
	border-radius: 5px;
	border: solid 1px #646464;
	font-family: 'Alegreya Sans', sans-serif;
	font-size: 0.6rem;
	line-height: 0.8;
	color: #FFF;
	padding-top: 0.2rem;
	padding-left: 0.2rem;
	padding-right: 0.2rem;
	overflow-x: hidden;
}

div.reveal.reservationdetails div.timemsgbox div.timeentryinfo table.agendatable td.eventrow span.event.optional {
	background-color: #b9b9b9;
}

div.reveal.reservationdetails div.timemsgbox div.timeentryinfo table.agendatable td.eventrow span.event.recur i.recuricon {
	bottom: 0.1rem;
	right: 0.2rem;
	position: absolute;
}

div.reveal.reservationdetails div.timemsgbox div.timeentryinfo table.agendatable td.eventrow span.blank {
	display: inline-block;
	background-color: #fefefe;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 100;
}

div.reveal.reservationdetails div.timemsgbox div.timeentryinfo table.agendatable td.eventrow span.blank.disabled {
	cursor: default;
	background: repeating-linear-gradient( 45deg, #eee, #eee 5px, #ddd 5px, #ddd 10px );
	z-index: 200;
}

.flatpickr-calendar {
	position: fixed;
}

.flatpickr-input[readonly] {
    cursor: default;
}

.flatpickr-time.time24hr .numInputWrapper:hover {
    background: #FFF;
}

.flatpickr-time.time24hr .numInputWrapper input {
	padding-right: 80px;
	font-size: 1.4rem;
}

.flatpickr-time.time24hr .numInputWrapper input:disabled, .flatpickr-time.time24hr .numInputWrapper input[readonly] {
	cursor: default;
}

.flatpickr-time.time24hr .numInputWrapper span.arrowUp {
	width: 40px;
	height: 100%;
	opacity: 1;
	border: none;
}

.flatpickr-time.time24hr .numInputWrapper span.arrowDown {
	width: 40px;
	height: 100%;
	top: 0%;
	opacity: 1;
	border: none;
	right: 40px;
}

.flatpickr-time.time24hr .numInputWrapper span.arrowUp::after {
	content: " ";
	position: absolute;
	display: block;
	background-color: #F47216;
	height: 4px;
	margin-top: -2px;
	top: 50%;
	left: 12px;
	right: 12px;
	z-index: 9;
	border: none;
}

.flatpickr-time.time24hr .numInputWrapper span.arrowUp::before {
  content: " ";
  position: absolute;
  display: block;
  background-color: #F47216;
  width: 4px;
  margin-left: -2px;
  left: 50%;
  top: 12px;
  bottom: 12px;
  z-index: 9;
}

.flatpickr-time.time24hr .numInputWrapper span.arrowDown::after {
	content: " ";
	position: absolute;
	display: block;
	background-color: #F47216;
	height: 4px;
	margin-top: -2px;
	top: 50%;
	left: 12px;
	right: 12px;
	z-index: 9;
	border: none;
}

.flatpickr-time.time24hr .flatpickr-time-separator {
	font-size: 1.4rem;
	background: #FFF;
}

.flatpickr-time.time24hr .flatpickr-time-separator:hover, .flatpickr-time.time24hr .flatpickr-time-separator:focus {
	background: #FFF;
}

.flatpickr-time.time24hr input:hover, .flatpickr-time.time24hr input:focus {
    background: #FFF;
}

div.reveal.reservationdetails div.reservationbuttons button.hidecolor {
	color: #1779ba;
}

div.reveal.reservationdetails div.reservationbuttons button.hidecolor:hover, div.reveal.reservationdetails div.reservationbuttons button.hidecolor:focus {
	color: #14679e;
}

.finishspinner {
	position: initial;
	height:30px;
	width:30px;
	margin:0px auto;
	margin-top: -2.3rem;
	-webkit-animation: rotation .6s infinite linear;
	-moz-animation: rotation .6s infinite linear;
	-o-animation: rotation .6s infinite linear;
	animation: rotation .6s infinite linear;
	border-left: 6px solid rgba(255, 255, 255, 0.3);
	border-right: 6px solid rgba(255, 255, 255, 0.3);
	border-bottom: 6px solid rgba(255, 255, 255, 0.3);
	border-top: 6px solid rgba(255, 255, 255, 0.9);
	border-radius:100%;
}

@-webkit-keyframes rotation {
	from {-webkit-transform: rotate(0deg);}
	to {-webkit-transform: rotate(359deg);}
}
@-moz-keyframes rotation {
	from {-moz-transform: rotate(0deg);}
	to {-moz-transform: rotate(359deg);}
}
@-o-keyframes rotation {
	from {-o-transform: rotate(0deg);}
	to {-o-transform: rotate(359deg);}
}
@keyframes rotation {
	from {transform: rotate(0deg);}
	to {transform: rotate(359deg);}
}

div.reveal.reservationdetails div.errormessage p.messagetext {
	font-size: 1.2rem;
	color: red;
	line-height: 1.1;
}

div.reveal.reservationdetails div.errormessage p.messagetext i.messageicon {
	margin-right: 0.5rem;
}

div.reveal.reservationdetails div.detailrow p.popupmessage {
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 1rem;
	line-height: 1.3;
}

div.reveal.reservationdetails div.detailrow p.popupmessage i.fronticon {
	margin-right: 0.4rem;
}

div.reveal.reservationdetails div.detailrow ul.popupmessagelist {
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 1rem;
	line-height: 1.3;
}

div.reveal.reservationdetails div.detailrow.mailcontent p.upperlabel {
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 1rem;
	margin-bottom: 0;
}

div.reveal.reservationdetails div.detailrow.mailcontent textarea.emailcontententry {
	color: #666;
	font-family: Verdana,Arial,sans-serif;
	font-size: 0.8rem;
	margin-bottom: 0;
}

div.reveal.reservationdetails div.detailrow.mailcontent p.textlegend {
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 0.9rem;
	text-align: right;
	color: #a4a4a4;
}

div.reveal.reservationdetails div.detailrow p.spinnermessage {
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 1rem;
	text-align: center;
	margin-bottom: 1rem;
}

.rotatingspinnermessage {
	position: initial;
	height:30px;
	width:30px;
	margin:0px auto;
	margin-top: 0.5rem;
	margin-bottom: 1rem;
	-webkit-animation: rotation .6s infinite linear;
	-moz-animation: rotation .6s infinite linear;
	-o-animation: rotation .6s infinite linear;
	animation: rotation .6s infinite linear;
	border-left: 6px solid rgba(0, 0, 0, 0.3);
	border-right: 6px solid rgba(0, 0, 0, 0.3);
	border-bottom: 6px solid rgba(0, 0, 0, 0.3);
	border-top: 6px solid rgba(0, 0, 0, 0.9);
	border-radius:100%;
}

div.reveal.reservationdetails div.detailrow.mailcontent.custom input.emailentry {
	margin-bottom: 0.5rem;
}

div.reveal.reservationdetails div.detailrow.mailcontent.changemail input.emailentry {
	margin-bottom: 1rem;
}


/* COUNTER: RESERVATION SERVLET: CONFIG */
div.mainreservationsettings {
	margin-top: 2rem;
	margin-bottom: 5rem;
	margin-left: auto;
	margin-right: auto;
	max-width: 1050px;
}

div.mainreservationsettings div.mainsettingbutton {
	border: 1px solid #b3b3b3;
	border-radius: 0.2rem;
	cursor: pointer;
}

div.mainreservationsettings div.mainsettingbutton:hover {
	background: #F472161F;
}

div.mainreservationsettings div.mainsettingbutton {
	color: #000;
}

div.mainreservationsettings div.mainsettingbutton p.buticon {
	text-align: center;
	font-size: 5rem;
	margin-bottom: 0;
}

div.mainreservationsettings div.mainsettingbutton p.buttext {
	text-align: center;
	font-size: 1.3rem;
}

div.settingblock {
	margin-top: 0;
}

div.settingblock.second {
	margin-top: 2rem;
}

div.settingblock div.settingrow {
	max-width: 1400px;
	margin-bottom: 1.5rem;
}

div.settingblock div.settingrow span.settinglabeltext {
	font-size: 1rem;
	font-family: 'Source Sans Pro', sans-serif;
	margin-top: 0.35rem;
	display: block;
}

div.settingblock div.settingrow span.settinginfotext {
	font-size: 1rem;
	font-family: 'Source Sans Pro', sans-serif;
	font-style: italic;
	color: grey;
	margin-top: 0.35rem;
	display: block;
}

div.settingblock div.settingrow span.settinginfoactions {
	font-size: 1rem;
	font-family: 'Source Sans Pro', sans-serif;
	margin-top: 0.35rem;
	display: block;
}

div.settingblock div.settingrow input {
	margin-bottom: 0;
	font-size: 1.2rem;
}

div.settingblock div.settingrow select {
	font-size: 1.2rem;
}

div.settingblock div.settingrow div.page__toggle+div.page__toggle {
	margin-top: 0.5rem;
}

div.settingconfigbuttons {
	margin-top: 2rem;
}

div.settingconfigbuttons button.hidecolor {
	color: #1779ba;
}

div.settingconfigbuttons button.hidecolor:hover, div.settingconfigbuttons button.hidecolor:focus {
	color: #14679e;
}

div.settingconfigmessage p.messagetext {
	font-size: 1.2rem;
	line-height: 1.1;
	margin-bottom: 0;
	margin-top: 2rem;
}

div.settingconfigmessage p.messagetext.error {
	color: red;
}

div.settingconfigmessage p.messagetext.success {
	color: green;
}

div.settingconfigmessage p.messagetext i.messageicon {
	margin-right: 0.5rem;
}

div.reveal.reservationdetails div.detailsinputrow {
	margin-top: 0.4rem;
	margin-bottom: 0.8rem;
}

div.reveal.reservationdetails div.detailsinputrow input {
	margin-bottom: 0;
}

div.reveal.reservationdetails div.detailsinputrow input.inputok {
	border-color: green;
}

div.reveal.reservationdetails div.detailsinputrow input.inputerr {
	border-color: red;
}

div.reveal.reservationdetails div.detailsinputrow.profile p.detaillabel {
	margin-top: 0.3rem;
}

div.reveal.reservationdetails div.detailsinputrow.profile div.profilechoicedescriptionbox p.profileinfoicon {
	margin-bottom: 0;
	margin-right: 0.5rem;
	font-size: 1.2rem;
	color: #F47216;
}

div.reveal.reservationdetails div.detailsinputrow.profile div.profilechoicedescriptionbox p.profileinfovalue {
	margin-bottom: 0;
	margin-top: 0.27rem;
	line-height: 1.3;
	font-size: 0.95rem;
	color: #999;
}

div.reveal.reservationdetails div.detailsinputrow.checkinput p.detaillabel,
div.reveal.reservationdetails div.detailsinputrow.multiselinput p.detaillabel {
	margin-top: -0.25rem;
}

div.reveal.reservationdetails div.detailsinputrow fieldset.multiselcontainer div.page__toggle {
	display: inline;
	margin-right: 0.5rem;
}

div.reveal.reservationdetails div.moveinputrow {
	margin-top: 0.4rem;
	margin-bottom: 0.8rem;
}

div.reveal.reservationdetails div.moveinputrow span.multiselect-native-select button.multiselect {
	height: 2.4375rem;
}

div.reveal.reservationdetails div.moveinputrow span.multiselect-native-select ul.multiselect-container {
	width: 100%;
}

div.reveal.reservationdetails div.moveinputrow input.timeentry {
	cursor: pointer;
}

div.reveal.reservationdetails div.moveinputrow div.dateentrygroup,
div.reveal.reservationdetails div.detailsinputrow div.dateentrygroup {
	margin-bottom: 0;
}

div.reveal.reservationdetails div.moveinputrow input.dateentry,
div.reveal.reservationdetails div.detailsinputrow input.dateentry {
	margin-bottom: 0;
}

div.reveal.reservationdetails div.moveinputrow input.dateentry:disabled,
div.reveal.reservationdetails div.moveinputrow input.dateentry[readonly],
div.reveal.reservationdetails div.detailsinputrow input.dateentry:disabled,
div.reveal.reservationdetails div.detailsinputrow input.dateentry[readonly] {
    background-color: #fff;
    cursor: pointer;
	color: #0a0a0a;
}

div.reveal.reservationdetails div.moveinputrow span.agendaicon i,
div.reveal.reservationdetails div.detailsinputrow span.agendaicon i {
	font-size: 1.2rem;
	color: #a8a8a8;
	margin-top: 0.55rem;
	margin-left: -1.6rem;
	pointer-events: none;
}

div.reveal.reservationdetails div.moveinputrow .picker__select--month, 
div.reveal.reservationdetails div.moveinputrow .picker__select--year,
div.reveal.reservationdetails div.pickcontainerpopup .picker__select--month, 
div.reveal.reservationdetails div.pickcontainerpopup .picker__select--year {
	padding-right: 1.5em;
}

div.reveal.reservationdetails div.moveinputrow .picker__button--close,
div.reveal.reservationdetails div.moveinputrow .picker__button--today,
div.reveal.reservationdetails div.pickcontainerpopup .picker__button--close,
div.reveal.reservationdetails div.pickcontainerpopup .picker__button--today {
	background: #F47216;
	color: #FFF;
	margin-right: 0.5rem;
	margin-left: 0.5rem;
	margin-bottom: 0.3rem;
	font-weight: normal;
}

div.reveal.reservationdetails div.moveinputrow .picker__button--close:hover,
div.reveal.reservationdetails div.moveinputrow .picker__button--today:hover,
div.reveal.reservationdetails div.moveinputrow .picker__button--close:focus,
div.reveal.reservationdetails div.moveinputrow .picker__button--today:focus,
div.reveal.reservationdetails div.pickcontainerpopup .picker__button--close:hover,
div.reveal.reservationdetails div.pickcontainerpopup .picker__button--today:hover,
div.reveal.reservationdetails div.pickcontainerpopup .picker__button--close:focus,
div.reveal.reservationdetails div.pickcontainerpopup .picker__button--today:focus {
	background: #000;
	color: #FFF;
}

div.reveal.reservationdetails div.moveinputrow .picker__button--today::before,
div.reveal.reservationdetails div.pickcontainerpopup .picker__button--today::before {
    border-top: .66em solid #FFF;
}

div.reveal.reservationdetails div.moveinputrow .picker__button--close::before,
div.reveal.reservationdetails div.pickcontainerpopup .picker__button--close::before {
    color: #FFF;
}

div.reveal.reservationdetails div.moveinputrow .picker__nav--prev::before,
div.reveal.reservationdetails div.pickcontainerpopup .picker__nav--prev::before {
    border-right: .75em solid #F47216;
}

div.reveal.reservationdetails div.moveinputrow .picker__nav--next::before,
div.reveal.reservationdetails div.pickcontainerpopup .picker__nav--next::before {
    border-left: .75em solid #F47216;
}

div.reveal.reservationdetails div.moveinputrow .picker__box,
div.reveal.reservationdetails div.pickcontainerpopup .picker__box {
    border-radius: 0;
    box-shadow: rgba(0, 0, 0, 0.3) 0px 1px 2px 0px;
}

div.reveal.reservationdetails div.moveinputrow .picker__frame,
div.reveal.reservationdetails div.pickcontainerpopup .picker__frame {
	max-width: 500px;
	transition: none;
}

div.reveal.reservationdetails div.moveinputrow .picker__table thead,
div.reveal.reservationdetails div.pickcontainerpopup .picker__table thead {
	background: transparent;
	border: none;
}

div.reveal.reservationdetails div.moveinputrow .picker__table tbody,
div.reveal.reservationdetails div.pickcontainerpopup .picker__table tbody {
    border: none;
    background-color: transparent;
}

div.reveal.reservationdetails div.moveinputrow .picker__table tbody tr:nth-child(2n),
div.reveal.reservationdetails div.pickcontainerpopup .picker__table tbody tr:nth-child(2n) {
	background-color: transparent;
}

div.reveal.reservationdetails div.moveinputrow .picker__table th,
div.reveal.reservationdetails div.moveinputrow .picker__table td,
div.reveal.reservationdetails div.pickcontainerpopup .picker__table th,
div.reveal.reservationdetails div.pickcontainerpopup .picker__table td {
	text-align: center;
}

div.reveal.reservationdetails div.moveinputrow .picker__day--outfocus,
div.reveal.reservationdetails div.pickcontainerpopup .picker__day--outfocus {
    color: #9b9b9b;
}

div.reveal.reservationdetails div.colorchoice {
	margin-top: 0.4rem;
	margin-bottom: 0.8rem;
}

div.reveal.reservationdetails div.colorchoice div.bootstrap-select div.dropdown-menu {
	position: absolute;
	top: 2.4375rem;
}

div.reveal.reservationdetails div.colorchoice p.detaillabel {
	margin-top: 0.3rem;
}

div.reveal.reservationdetails div.optionalchoice {
	margin-bottom: 0.3rem;
}

div.reveal.reservationdetails div.optionalchoice span.checkinfo i {
	font-size: 1.3rem;
	color: #0927cc;
}

/*
=====
Setting Toggle CORE STYLES
=====
*/
div.reservationsettings .toggle,
div.reveal.reservationdetails .toggle {
	--uiToggleSize: var(--toggleSize, 1.25rem);
	--uiToggleBorderWidth: var(--toggleBorderWidth, 2px);
	--uiToggleColor: var(--toggleColor, #222);
	display: var(--toggleDisplay, inline-flex);
	position: relative;
}

div.reveal.reservationdetails div.optionalchoice .toggle {
	margin-top: 0.4rem;
}

div.reservationsettings .toggle__input,
div.reveal.reservationdetails .toggle__input {
	/*
	The pattern by Sara Soueidan https://www.sarasoueidan.com/blog/inclusively-hiding-and-styling-checkboxes-and-radio-buttons/
	*/
	width: var(--uiToggleSize);
	height: var(--uiToggleSize);
	opacity: 0;
	position: absolute;
	top: 0;
	left: 0;
	margin: 0;
}

/*
1. Calculation of the gap for the custom checkbox
*/
div.reservationsettings .toggle__label,
div.reveal.reservationdetails .toggle__label {
	display: inline-flex;
	min-height: var(--uiToggleSize);
	padding-left: calc(var(--uiToggleSize) + var(--toggleIndent, .4em));
}

div.reveal.reservationdetails div.workplacelistcontainer table tbody tr.valuerow td .toggle__label {
	margin-top: -0.12rem;
}

div.reservationsettings .toggle__input:not(:disabled) ~ .toggle__label,
div.reveal.reservationdetails .toggle__input:not(:disabled) ~ .toggle__label {
	cursor: pointer;
}

/*
1. Ems helps to calculate size of the checkbox
*/
div.reservationsettings .toggle__label::after,
div.reveal.reservationdetails .toggle__label::after {
	content: "";
	box-sizing: border-box;  
	width: 1em;
	height: 1em;
	font-size: var(--uiToggleSize); /* 1 */
	background-color: transparent;
	border: var(--uiToggleBorderWidth) solid var(--uiToggleColor);
	position: absolute;
	left: 0;
	top: 0;
	z-index: 2;
}

div.reservationsettings .toggle__input:checked ~ .toggle__label::after{
	background-color: var(--uiToggleColor);
}

div.reveal.reservationdetails .toggle__input:checked ~ .toggle__label::after {
	background-color: #F47216;
}

div.reservationsettings .toggle__text,
div.reveal.reservationdetails .toggle__text {
	margin-top: auto;
	margin-bottom: auto;
	font-size: 1rem;
	line-height: 1.5;
	margin-left: 0.4rem;
	font-family: 'Source Sans Pro', sans-serif;
}

/*
The arrow size and position depends from sizes of square because I needed an arrow correct positioning from the top left corner of the element toggle
1. Ems helps to calculate size and position of the arrow
*/
div.reservationsettings .toggle__label::before,
div.reveal.reservationdetails .toggle__label::before {
	content: "";
	width: 0;
	height: 0;
	font-size: var(--uiToggleSize); /* 1 */
	border-left-width: 0;
	border-bottom-width: 0;
	border-left-style: solid;
	border-bottom-style: solid;
	border-color: var(--toggleArrowColor, #fff);
	position: absolute;
	top: .5428em;
	left: .25em;
	z-index: 3;
	transform-origin: left top;
	transform: rotate(-40deg) skew(10deg);
}

div.reservationsettings .toggle__input:checked ~ .toggle__label::before,
div.reveal.reservationdetails .toggle__input:checked ~ .toggle__label::before {
	--uiToggleArrowWidth: var(--toggleArrowWidth, 2px);
	width: .4em;
	height: .2em;
	border-left-width: var(--uiToggleArrowWidth);
	border-bottom-width: var(--uiToggleArrowWidth);
}

/* disabled state */
div.reservationsettings .toggle__input:disabled ~ .toggle__label,
div.reveal.reservationdetails .toggle__input:disabled ~ .toggle__label {
	opacity: var(--toggleOpacityDisabled, .24);
	cursor: var(--toggleCursorDisabled, not-allowed);
	user-select: none;
}

/*
=====
PRESENTATION STYLES
=====
*/
div.reservationsettings .toggle__label::after,
div.reveal.reservationdetails .toggle__label::after {
	border-radius: var(--toggleBorderRadius, 2px);
}

div.reservationsettings div.page__toggle.radio span.toggle__label::after,
div.reveal.reservationdetails div.page__toggle.radio span.toggle__label::after {
	border-radius: 20px;
}

div.reservationsettings div.page__toggle.radio,
div.reveal.reservationdetails div.page__toggle.radio {
	display: inline;
}

div.reservationsettings div.page__toggle.radio+div.page__toggle.radio,
div.reveal.reservationdetails div.page__toggle.radio+div.page__toggle.radio {
	margin-left: 1.7rem;
}

div.reservationsettings div.page__toggle.radio input.toggle__input:checked ~ .toggle__label::before,
div.reveal.reservationdetails div.page__toggle.radio input.toggle__input:checked ~ .toggle__label::before {
	content: "";
	box-sizing: border-box;
	width: 1em;
	height: 1em;
	font-size: var(--uiToggleSize);
	background-color: #F47216;
	border-radius: 20px;
	border-left-width: 0;
	border-bottom-width: 0;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 4;
	transform: translate(20%, 20%) scale(0.6,0.6);
}

div.reservationsettings div.page__toggle.radio input.toggle__input:checked ~ .toggle__label::after,
div.reveal.reservationdetails div.page__toggle.radio input.toggle__input:checked ~ .toggle__label::after {
	background-color: transparent;
}

div.reservationsettings div.page__toggle.radio input.toggle__input:not(:disabled):checked ~ .toggle__label::before,
div.reveal.reservationdetails div.page__toggle.radio input.toggle__input:not(:disabled):checked ~ .toggle__label::before {
    transition: none;
}

/* 
The animation of switching states
*/
div.reservationsettings .toggle__input:not(:disabled) ~ .toggle__label::before,
div.reveal.reservationdetails .toggle__input:not(:disabled) ~ .toggle__label::before {
	will-change: width, height;
	opacity: 0;
}

div.reservationsettings .toggle__input:not(:disabled):checked ~ .toggle__label::before,
div.reveal.reservationdetails .toggle__input:not(:disabled):checked ~ .toggle__label::before {
	opacity: 1;
	transition: opacity .05s ease-out .125s, width .05s ease-out .25s, height .1s ease-out .15s;
}

div.reservationsettings .toggle__input:not(:disabled) ~ .toggle__label::after,
div.reveal.reservationdetails .toggle__input:not(:disabled) ~ .toggle__label::after {
	will-change: background-color;
	transition: background-color .2s ease-out;
}

div.reservationsettings div.inputboxbehindtoggle {
	margin-top: -0.5rem;
	width: 20rem;
}

div.reveal.reservationdetails div.detailsinputrow fieldset.multiselcontainer span.toggle__text {
	margin-left: 0;
}

/*
=====
SETTINGS
=====
*/
div.reservationsettings {
  --toggleColor: #F47216;
  --toggleSize: 1.5rem;
}

div.reservationsettings div.enabledrowcheck div.page__toggle {
	height: 1.5rem;
	margin-right: 0.3rem;
}

div.reservationsettings p.detaillabel.disabled,
div.reservationsettings span.toggle__text.disabled {
	color: #9d9d9d;
}

div.reservationsettings div.locationselectiongroup {
	margin-bottom: 0;
	margin-top: 1rem;
}

div.reservationsettings select.locationentry {
	margin-bottom: 0;
	max-width: 20rem;
	background-color: #fff;
	cursor: pointer;
	color: #0a0a0a;
}

div.reservationsettings select.locationentry.short {
	max-width: 10rem;
	display: inline;
}

div.reservationsettings select.locationentry:disabled {
	cursor: not-allowed;
	color: #9d9d9d;
	background-color: #fff;
}

div.reservationsettings div.hourcontainer {
	margin-top: 1rem;
}

div.reservationsettings div.hourcontainer p.hourblockcomment {
	font-size: 1.1rem;
	font-family: 'Source Sans Pro', sans-serif;
	margin-top: 0.2rem;
	margin-left: 0.2rem;
}

div.reservationsettings div.hourcontainer div.hourblock {
	border: 1px solid #d0d0d0;
	border-radius: 0.5rem;
	padding-left: 0.8rem;
	padding-top: 0.5rem;
	padding-bottom: 0.5rem;
	padding-right: 0.8rem;
}

div.reservationsettings div.hourcontainer div.hourblock p.hourblocktitle {
	font-family: 'Alegreya Sans', sans-serif;
	font-size: 1.5rem;
	color: #F47216;
	margin-bottom: 0.5rem;
}

div.reservationsettings div.hourcontainer div.hourblock div.defaultdayrow {
	margin-left: -0.5rem;
	margin-right: -0.5rem;
}

div.reservationsettings div.hourcontainer div.hourblock p.daylabel {
	margin-bottom: 0;
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 1.1rem;
	padding-top: 0.15rem;
	padding-bottom: 0.15rem;
}

div.reservationsettings div.hourcontainer div.hourblock p.dayvalue {
	margin-bottom: 0;
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 1.2rem;
	padding-top: 0.15rem;
	padding-bottom: 0.15rem;
}

div.reservationsettings div.hourcontainer div.hourblock div.headerrow {
	border-bottom: 1px solid #d0d0d0;
	margin-right: 0.5rem;
	margin-left: 0.5rem;
}

div.reservationsettings div.hourcontainer div.hourblock div.valueblock {
	margin-right: 0.5rem;
	margin-left: 0.5rem;
}

div.reservationsettings div.hourcontainer div.hourblock div.headerrow p.dayvalue.header {
	font-size: 1rem;
	color: #828282;
	line-height: 1.2;
}

div.reservationsettings div.hourcontainer div.hourblock div.headerrow p.dayvalue.header.checkcolumn {
	padding-left: 2rem;
}

div.reservationsettings div.hourcontainer div.hourblock a.defaulthouraction {
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 0.9rem;
	padding-top: 0.15rem;
	padding-bottom: 0.15rem;
}

div.reservationsettings div.hourcontainer div.hourblock a.defaulthouraction i {
	margin-right: 0.3rem;
}

div.reservationsettings div.hourcontainer div.hourblock span.daylabel {
	margin-bottom: 0;
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 1.1rem;
	margin-left: -0.8rem;
}

div.reservationsettings div.hourcontainer div.hourblock p.dayvalue.special {
	padding-top: 0;
	padding-bottom: 0;
}

div.reservationsettings div.hourcontainer div.hourblock span.tablenoselectlabel {
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 1.1rem;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	padding-left: 2rem;
}

div.reservationsettings div.hourcontainer div.hourblock p.dayvalue i.colordot {
	margin-right: 0.4rem;
}

div.reservationsettings div.hourcontainer div.hourblock span.tableselectcontainer {
	overflow: hidden;
	white-space: nowrap;
	display: block;
	padding-left: 0.2rem;
}

div.reservationsettings div.hourcontainer div.hourblock span.tableselectcontainer input.tablerowselect {
	-webkit-appearance: none;
	width: 1.25rem;
	height: 1.25rem;
	border: 1px solid #d9d9d9;
	border-radius: 1px;
	position: relative;
	top: 4px;
	outline: none;
	margin-bottom: 0;
}

div.reservationsettings div.hourcontainer div.hourblock span.tableselectcontainer input.tablerowselect:checked {
	background-color: #666666;
	border-color: #666666;
}

div.reservationsettings div.hourcontainer div.hourblock span.tableselectcontainer input.tablerowselect:checked:hover {
  box-shadow: 0 0 0 3px #d9d9d9;
  border-color: #666666;
}

div.reservationsettings div.hourcontainer div.hourblock span.tableselectcontainer input.tablerowselect:after {
	content: "";
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	background-image: url("data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9JzMwMHB4JyB3aWR0aD0nMzAwcHgnICBmaWxsPSIjZmZmZmZmIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2aWV3Qm94PSIwIDAgMTAwIDEwMCIgdmVyc2lvbj0iMS4xIiB4PSIwcHgiIHk9IjBweCI+PHRpdGxlPmljb25fYnlfUG9zaGx5YWtvdjEwPC90aXRsZT48ZGVzYz5DcmVhdGVkIHdpdGggU2tldGNoLjwvZGVzYz48ZyBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48ZyBmaWxsPSIjZmZmZmZmIj48ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSgyNi4wMDAwMDAsIDI2LjAwMDAwMCkiPjxwYXRoIGQ9Ik0xNy45OTk5ODc4LDMyLjQgTDEwLjk5OTk4NzgsMjUuNCBDMTAuMjI2Nzg5MSwyNC42MjY4MDE0IDguOTczMTg2NDQsMjQuNjI2ODAxNCA4LjE5OTk4Nzc5LDI1LjQgTDguMTk5OTg3NzksMjUuNCBDNy40MjY3ODkxNCwyNi4xNzMxOTg2IDcuNDI2Nzg5MTQsMjcuNDI2ODAxNCA4LjE5OTk4Nzc5LDI4LjIgTDE2LjU4NTc3NDIsMzYuNTg1Nzg2NCBDMTcuMzY2ODIyOCwzNy4zNjY4MzUgMTguNjMzMTUyOCwzNy4zNjY4MzUgMTkuNDE0MjAxNCwzNi41ODU3ODY0IEw0MC41OTk5ODc4LDE1LjQgQzQxLjM3MzE4NjQsMTQuNjI2ODAxNCA0MS4zNzMxODY0LDEzLjM3MzE5ODYgNDAuNTk5OTg3OCwxMi42IEw0MC41OTk5ODc4LDEyLjYgQzM5LjgyNjc4OTEsMTEuODI2ODAxNCAzOC41NzMxODY0LDExLjgyNjgwMTQgMzcuNzk5OTg3OCwxMi42IEwxNy45OTk5ODc4LDMyLjQgWiI+PC9wYXRoPjwvZz48L2c+PC9nPjwvc3ZnPg==");
	background-size: 40px;
	background-repeat: no-repeat;
	background-position: center;
}

div.reservationsettings div.hourcontainer div.hourblock span.tableselectcontainer input.tablerowselect:hover {
	box-shadow: 0 0 0 3px #ebebeb;
	border-color: #8c8c8c;
}

div.reservationsettings div.hourcontainer div.hourblock span.tableselectcontainer label.checkboxlbl {
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 1.1rem;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

div.reservationsettings div.hourcontainer div.hourblock span.tableselectcontainer input.tablerowselect:hover,
div.reservationsettings div.hourcontainer div.hourblock span.tableselectcontainer label.checkboxlbl:hover {
	cursor: pointer;
}

div.reservationsettings div.hourcontainer div.hourblock div.specialdaybuttons {
	border-bottom: 1px solid #d0d0d0;
	margin-right: 0.5rem;
	margin-left: 0.5rem;
}

div.reservationsettings div.hourcontainer div.hourblock div.specialdaybuttons.abovetable {
	border-bottom: none;
}

div.reservationsettings div.hourcontainer div.hourblock div.specialdaybuttons a.specialhouraction {
	margin-bottom: 0.5rem;
	padding-top: 0.3rem;
	padding-bottom: 0.3rem;
}

div.reservationsettings div.hourcontainer div.hourblock div.specialdaybuttons div.cell+div.cell {
	margin-left: 0.7rem;
}

div.reservationsettings div.hourcontainer div.hourblock table.selectabletable thead,
div.reservationsettings div.hourcontainer div.hourblock table.selectabletable tbody {
	background: #FFF;
	border: none;
}

div.reservationsettings div.hourcontainer div.hourblock table.selectabletable thead tr.hdrrow {
	border-bottom: 1px solid #d0d0d0;
	border-top: 1px solid #d0d0d0;
	margin-right: 0.5rem;
	margin-left: 0.5rem;
}

div.reservationsettings div.hourcontainer div.hourblock table.selectabletable thead tr.hdrrow th {
	padding: 0;
	padding-top: 0.15rem;
	padding-bottom: 0.15rem;
}

div.reservationsettings div.hourcontainer div.hourblock table.selectabletable thead tr.hdrrow th:first-child {
	padding-left: 10px;
}

div.reservationsettings div.hourcontainer div.hourblock table.selectabletable thead tr.hdrrow th:last-child {
	padding-right: 10px;
}

div.reservationsettings div.hourcontainer div.hourblock table.selectabletable thead tr.hdrrow th p {
	margin-bottom: 0;
	font-size: 1rem;
	color: #828282;
	line-height: 1.2;
	font-family: 'Source Sans Pro', sans-serif;
	padding-top: 0.15rem;
	padding-bottom: 0.15rem;
	font-weight: normal;
}

div.reservationsettings div.hourcontainer div.hourblock table.selectabletable thead tr.fltrow {
	border-bottom: 1px solid #d0d0d0;
	margin-right: 0.5rem;
	margin-left: 0.5rem;
	background: #00000008;
}

div.reservationsettings div.hourcontainer div.hourblock table.selectabletable tbody tr:nth-child(2n) {
    background-color: #FFF;
}

div.reservationsettings div.hourcontainer div.hourblock table.selectabletable thead tr.fltrow td:first-child a {
	margin-bottom: 0;
	margin-top: -0.25rem;
	margin-right: 0.5rem;
	display: inline-block;
	height: 1.85rem;
	padding-right: 0.5rem;
	padding-left: 0.5rem;
	padding-top: 0.4rem;
	padding-bottom: 0.4rem;
	border-color: #626262;
	color: #626262;
}

div.reservationsettings div.hourcontainer div.hourblock table.selectabletable thead tr.fltrow td:first-child input {
	display: inline-block;
}

div.reservationsettings div.hourcontainer div.hourblock table.selectabletable tbody tr.valuerow {
	height: 2rem;
}

div.reservationsettings div.hourcontainer div.hourblock table.selectabletable tbody tr.valuerow td {
	font-size: 1.0rem;
	margin-bottom: 0;
	font-family: 'Source Sans Pro', sans-serif;
	padding-top: 0.15rem;
	padding-bottom: 0.15rem;
}

div.reservationsettings div.hourcontainer div.hourblock table.selectabletable tbody tr.valuerow td span.valueextra {
	font-size: 0.8rem;
	color: #828282;
	margin-left: 0.5rem;
}

div.reservationsettings div.hourcontainer div.hourblock table.selectabletable tbody tr.valuerow td span.showdetailslink {
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 0.9rem;
    padding-top: 0.15rem;
    padding-bottom: 0.15rem;
	color: #1779ba;
	cursor: pointer;
}

div.reservationsettings div.hourcontainer div.hourblock table.selectabletable tbody tr.valuerow td span.showdetailslink i {
    margin-right: 0.3rem;
}

div.reservationsettings div.hourcontainer div.hourblock table.selectabletable tbody tr.valuerow td {
	padding: 0;
	padding-top: 0.15rem;
	padding-bottom: 0.15rem;
}

div.reservationsettings div.hourcontainer div.hourblock table.selectabletable tbody tr.valuerow td:first-child {
	padding-left: 10px;
}

div.reservationsettings div.hourcontainer div.hourblock table.selectabletable tbody tr.valuerow td:last-child {
	padding-right: 10px;
}

div.reveal.openinghourdetails div.popuptitle p.lead {
	color: #F47216;
	font-family: 'Alegreya Sans', sans-serif;
	font-size: 1.8rem;
	margin-bottom: 0.2rem;
}

div.reveal.openinghourdetails div.detailrow.first {
	margin-top: 0.5rem;
}

div.reveal.openinghourdetails div.detailrow.bottomspace {
	margin-bottom: 1rem;
}

div.reveal.openinghourdetails div.detailrow.lesstopspace {
	margin-top: -1rem;
}

div.reveal.openinghourdetails div.detailrow p.detaillabel, 
div.reveal.openinghourdetails div.detailrow p.detailvalue {
	margin-bottom: 0;
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 1rem;
}

div.reveal.openinghourdetails div.detailrow p.selectinputinfo {
	margin-bottom: 0;
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 0.9rem;
	color: #aeaeae;
}

div.reveal.openinghourdetails div.detailrow p.detaillabel.transheader {
	color: #F47216;
	font-size: 0.9rem;
}

div.reveal.openinghourdetails div.detailrow p.detaillabel.entryheader {
	font-size: 0.9rem;
}

div.reveal.openinghourdetails div.detailrow p.detaillabel.entryheader.error {
	font-size: 0.9rem;
	color: red;
	line-height: 1.2;
}

div.reveal.openinghourdetails div.detailrow p.detailvalue.transrowvalue {
	font-size: 0.9rem;
}

div.reveal.openinghourdetails div.detailrow div.translatebox div.translationslangrow+div.translationslangrow {
	margin-top: -0.1rem;
}

div.reveal.openinghourdetails div.detailrow input.translationentry {
	height: 1.7rem;
	font-size: 0.9rem;
}

div.reveal.openinghourdetails div.detailrow input.translationentry:focus {
	border: 1px solid #cacaca;
	-webkit-box-shadow: inset 0 0 3px #ccc;
	box-shadow: inset 0 0 3px #ccc;
	-webkit-transition: border-color .25s ease-in-out,-webkit-box-shadow .2s;
	transition: border-color .25s ease-in-out,-webkit-box-shadow .2s;
	transition: box-shadow .2s,border-color .25s ease-in-out;
	transition: box-shadow .2s,border-color .25s ease-in-out,-webkit-box-shadow .2s;
}

div.reveal.openinghourdetails div.detailrow div.curicon button.iconbutton,
div.reveal.openinghourdetails div.detailrow div.curicon button.iconbutton:focus,
div.reveal.openinghourdetails div.detailrow div.curicon button.iconbutton:hover {
	border: 1px solid #cacaca;
	border-left: none;
	color: #F47216;
}

div.reveal.openinghourdetails div.detailrow div.iconpicker-popover {
	border: 1px solid #cacaca;
}

div.reveal.openinghourdetails div.detailrow div.iconpicker-popover.popover.bottom > .arrow::after,
div.reveal.openinghourdetails div.detailrow div.iconpicker-popover.popover.bottomRight > .arrow::after,
div.reveal.openinghourdetails div.detailrow div.iconpicker-popover.popover.bottomLeft > .arrow::after {
    border-bottom-color: #f7f7f7;
}

div.reveal.openinghourdetails div.detailrow div.iconpicker-popover div.popover-content div.iconpicker-items a.iconpicker-item {
	font-size: 24px;
	padding-left: 7px;
	padding-right: 17px;
	padding-top: 7px;
	padding-bottom: 17px;
}

div.reveal.openinghourdetails div.detailrow .clr-field button {
	width: 26px;
	height: 26px;
	left: 5px;
	right: auto;
	border-radius: 40px;
}

div.reveal.openinghourdetails div.detailrow .clr-field input {
	cursor: pointer;
	width: 150px;
	height: 2.4375rem;
	padding: 0 10px;
	padding-left: 40px;
	border: 1px solid #ccc;
	font-family: inherit;
	font-size: inherit;
	font-weight: inherit;
	box-sizing: border-box;
}

div.reveal.openinghourdetails div.detailrow div.input-group {
	margin-bottom: 0;
}

div.reveal.openinghourdetails div.detailrow div.input-group button.iconbutton {
	padding-right: 0.5rem;
	padding-left: 0.5rem;
	min-width: 3rem;
}

div.reveal.openinghourdetails div.detailrow div.input-group button.iconbutton i {
	font-size: 1.5rem;
}

div.reveal.openinghourdetails div.detailrow div.pricecontainer {
	border: 1px solid #e1e1e1;
	padding-top: 0.2rem;
	padding-bottom: 0.2rem;
	padding-left: 0.4rem;
	padding-right: 0.4rem;
}

div.reveal.openinghourdetails div.detailrow div.pricecontainer div.entrychoicerow button {
	margin-bottom: 0;
	height: 2rem;
	width: 2rem;
	padding-top: 0.2rem;
	padding-bottom: 0.2rem;
	padding-left: 0.55rem;
}

div.reveal.openinghourdetails div.detailrow div.pricecontainer div.entrychoicerow button.widthless {
	width: auto;
	padding-right: 0.55rem;
}

div.reveal.openinghourdetails div.detailrow div.pricecontainer div.entrychoicerow select.locationentry {
	height: 2rem;
	font-size: 0.9rem;
}

div.reveal.openinghourdetails div.detailrow div.pricecontainer div.entrychoicerow input.textentry {
	height: 2rem;
	font-size: 0.9rem;
}

div.reveal.openinghourdetails div.detailrow div.pricecontainer div.curlisttitlerow {
	margin-top: 0.5rem;
	border-top: 1px solid #e1e1e1;
}

div.reveal.openinghourdetails div.detailrow div.pricecontainer div.curlistvaluerow+div.curlistvaluerow {
	margin-top: 0.2rem;
}

div.reveal.openinghourdetails div.detailrow div.pricecontainer div.curlistvaluerow p.transrowvalue {
	padding-right: 0.5rem;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

div.reveal.openinghourdetails div.detailrow div.pricecontainer div.curlistvaluerow button {
	margin-bottom: 0;
	width: 1.7rem;
	height: 1.7rem;
	padding: 0;
	font-size: 0.8rem;
	border: none;
}

div.reveal.openinghourdetails div.detailrow div.pricecontainer div.curlistvaluerow input.editpriceentry {
	margin-bottom: 0;
	font-size: 0.9rem;
	height: 1.6rem;
}

div.reveal.openinghourdetails div.detailrow div.pricecontainer div.messagerow {
	margin-top: 0.5rem;
}

div.reveal.openinghourdetails div.detailrow div.pricecontainer div.messagerow p.pricelinemessage {
	margin-bottom: 0;
	font-size: 0.8rem;
	line-height: 1.1;
	color: #aeaeae;
}

div.reveal.openinghourdetails div.detailrow p.detaillabeltitle {
	margin-bottom: 0;
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 1.2rem;
	color: #F47216;
}

div.reveal.openinghourdetails div.actionbuttons {
	margin-top: 1.5rem;
}

div.reveal.openinghourdetails div.detailrow.opentime {
	margin-top: 1rem;
}

div.reveal.openinghourdetails div.detailrow.closetime {
	margin-top: 1rem;
}

div.reveal.openinghourdetails div.actionbuttons a.actionbutton {
	margin-bottom: 0;
}

div.reveal.openinghourdetails div.timeentrygroup {
	margin-bottom: 0;
}

div.reveal.openinghourdetails div.opentimedata, div.reveal.openinghourdetails div.closetimedata {
	margin-top: 2rem;
	margin-bottom: 0;
}

div.reveal.openinghourdetails div.opentimedata p.datalabel, div.reveal.openinghourdetails div.closetimedata p.datalabel {
	font-size: 1.1rem;
	margin-bottom: 0;
}

div.reveal.openinghourdetails input.timeentry {
	max-width: 10rem;
	margin-bottom: 0;
}

div.reveal.openinghourdetails input.timeentry:disabled, div.reveal.openinghourdetails input.timeentry[readonly] {
    background-color: #FFF;
}

div.reveal.openinghourdetails input.timeentry.error {
	color: red;
}

div.reveal.openinghourdetails span.timeicon i {
	font-size: 1.2rem;
	color: #a8a8a8;
	margin-top: 0.65rem;
	margin-left: -1.6rem;
	pointer-events: none;
}

div.reveal.openinghourdetails span.inputwarning {
	font-size: 1.2rem;
	color: red;
	margin-top: 0.35rem;
	margin-left: 0.5rem;
}

div.reveal.openinghourdetails span.inputwarning i {
	margin-right: 0.3rem;
}

div.reveal.openinghourdetails p.timeentrymessage {
	font-size: 0.9rem;
	margin-bottom: 0;
}

div.reveal.openinghourdetails div.actionbuttons button.actionbutton {
	margin-bottom: 0;
}

div.reveal.openinghourdetails div.actionbuttons button.hidecolor {
	color: #1779ba;
}

div.reveal.openinghourdetails div.actionbuttons button.hidecolor:hover,
div.reveal.openinghourdetails div.actionbuttons button.hidecolor:focus {
	color: #14679e;
}

div.reveal.openinghourdetails div.errormessage p.messagetext {
	font-size: 1.2rem;
	color: red;
	line-height: 1.1;
}

div.reveal.openinghourdetails div.errormessage p.messagetext i.messageicon {
	margin-right: 0.5rem;
}

div.reveal.openinghourdetails div.detailrow p.popupmessage {
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 1rem;
}

div.reveal.openinghourdetails div.detailrow.popupmessage.cancelwarning {
	margin-top: 1rem;
}

div.reveal.openinghourdetails div.detailrow.popupmessage.cancelwarning p.popupmessage {
	margin-bottom: 0;
}

div.reveal.openinghourdetails div.detailrow.popupmessage.cancelwarning p.popupmessage i {
	margin-right: 0.5rem;
}

div.reveal.openinghourdetails div.detailrow.mailcontent p.upperlabel {
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 1rem;
	margin-bottom: 0;
}

div.reveal.openinghourdetails div.detailrow.mailcontent textarea.emailcontententry {
	color: #666;
	font-family: Verdana,Arial,sans-serif;
	font-size: 0.8rem;
	margin-bottom: 0;
}

div.reveal.openinghourdetails div.detailrow.mailcontent p.textlegend {
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 0.9rem;
	text-align: right;
	color: #a4a4a4;
}

div.reveal.openinghourdetails div.detailrow p.spinnermessage {
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 1rem;
	text-align: center;
	margin-bottom: 1rem;
}

div.reveal.openinghourdetails input.dateentry {
	margin-bottom: 0;
	max-width: 20rem;
	display: inline;
}

div.reveal.openinghourdetails input.dateentry:disabled, div.reveal.openinghourdetails input.dateentry[readonly] {
    background-color: #fff;
    cursor: pointer;
	color: #0a0a0a;
}

div.reveal.openinghourdetails span.agendaicon i {
	font-size: 1.2rem;
	color: #a8a8a8;
	margin-left: -1.9rem;
	pointer-events: none;
}

div.reveal.openinghourdetails span.agendaadjustback i,
div.reveal.openinghourdetails span.agendaadjustforward i {
	font-size: 1.7rem;
	margin-top: 0.3rem;
	margin-left: 0.8rem;
	color: #F47216;
	cursor: pointer;
}

div.reveal.openinghourdetails .picker__select--month, 
div.reveal.openinghourdetails .picker__select--year {
	padding-right: 1.5em;
}

div.reveal.openinghourdetails .picker__button--close, div.reveal.openinghourdetails .picker__button--today {
	background: #F47216;
	color: #FFF;
	margin-right: 0.5rem;
	margin-left: 0.5rem;
	margin-bottom: 0.3rem;
	font-weight: normal;
}

div.reveal.openinghourdetails .picker__button--close:hover, div.reveal.openinghourdetails .picker__button--today:hover,
div.reveal.openinghourdetails .picker__button--close:focus, div.reveal.openinghourdetails .picker__button--today:focus {
	background: #000;
	color: #FFF;
}

div.reveal.openinghourdetails .picker__button--today::before {
    border-top: .66em solid #FFF;
}

div.reveal.openinghourdetails .picker__button--close::before {
    color: #FFF;
}

div.reveal.openinghourdetails .picker__nav--prev::before {
    border-right: .75em solid #F47216;
}

div.reveal.openinghourdetails .picker__nav--next::before {
    border-left: .75em solid #F47216;
}

div.reveal.openinghourdetails .picker__box {
    border-radius: 0;
    box-shadow: rgba(0, 0, 0, 0.3) 0px 1px 2px 0px;
}

div.reveal.openinghourdetails .picker__frame {
	max-width: 500px;
	transition: none;
}

div.reveal.openinghourdetails .picker__table thead {
	background: transparent;
	border: none;
}

div.reveal.openinghourdetails .picker__table tbody {
    border: none;
    background-color: transparent;
}

div.reveal.openinghourdetails .picker__table tbody tr:nth-child(2n) {
	background-color: transparent;
}

div.reveal.openinghourdetails .picker__table th, div.reveal.openinghourdetails .picker__table td {
	text-align: center;
}

div.reveal.openinghourdetails .picker__day--outfocus {
    color: #9b9b9b;
}

div.reservationsettings div.actionerrormessage p.messagetext {
	font-size: 1rem;
	line-height: 1.1;
}

div.reservationsettings div.actionerrormessage p.messagetext.error {
	color: red;
}

div.reservationsettings div.actionerrormessage p.messagetext.success {
	color: green;
}

div.reservationsettings div.actionerrormessage p.messagetext i.messageicon {
	margin-right: 0.5rem;
}

div.reservationsettings div.leftmenubar {
	padding-right: 0.8rem;
	border-right: 1px solid #D5D5D5;
}

div.reservationsettings div.wsmenubutton {
	text-align: center;
	margin-bottom: 1rem;
	padding: 0.3rem;
	cursor: pointer;
}

div.reservationsettings div.wsmenubutton:hover, 
div.reservationsettings div.wsmenubutton:focus, 
div.reservationsettings div.wsmenubutton:active {
    box-shadow: 0 0 4px #F472166B;
}

div.reservationsettings div.wsmenubutton p.iconcontainer {
	font-size: 2.5rem;
	margin-bottom: 0;
}

div.reservationsettings div.wsmenubutton p.iconlabel {
	margin-top: -0.7rem;
	margin-bottom: 0;
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 1.2rem;
}

div.reservationsettings div.hourcontainer div.hourblock div.valueblock label.checkboxlabel {
	font-size: 1.1rem;
}

div.reservationsettings div.hourcontainer div.hourblock div.valueblock p.dayvalue {
	font-size: 1.1rem;
}

div.reservationsettings div.hourcontainer div.hourblock div.valueblock p.dayvalue.small {
	font-size: 0.9rem;
}

div.reservationsettings div.hourcontainer div.hourblock div.valueblock p.dayvalue span.dayvalueextra {
	font-size: 0.8rem;
	color: #828282;
	margin-left: 0.5rem;
}

div.reservationsettings div.hourcontainer div.hourblock div.filterrow div.locationselectiongroup.workplacefilter {
	margin-top: 0;
}

div.reservationsettings div.hourcontainer div.hourblock div.filterrow {
	margin-bottom: 1rem;
	margin-right: 0.5rem;
	margin-left: 0.5rem;
}

div.reservationsettings div.hourcontainer div.hourblock div.filterrow span.filterlabel {
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 1.1rem;
}

div.reservationsettings div.hourcontainer div.hourblock div.filterrow span.filterentry {
	display: inline-block;
	margin-left: 1rem;
}

div.reservationsettings div.hourcontainer div.hourblock div.filterrow div.locationselectiongroup.workplacefilter select.locationentry {
	width: 17rem;
	height: 1.9rem;
}

div.reservationsettings div.hourcontainer div.hourblock a.defaulthouraction+a.defaulthouraction {
	margin-left: 0.5rem;
}

div.reservationsettings div.hourcontainer div.hourblock a.defaulthouraction.viewimage i {
	font-size: 1.2rem;
	vertical-align: text-bottom;
}

div.reveal.openinghourdetails input.textentry {
	margin-bottom: 0;
	max-width: 20rem;
}

div.reveal.openinghourdetails input.textentry.short {
	max-width: 10rem;
	display: inline;
}

div.reveal.openinghourdetails span.inputtraillabel {
	margin-left: 0.5rem;
}

div.reveal.openinghourdetails div.detailrow span.multiselect-native-select {
	max-width: 20rem;
	display: inline-block;
}

div.reveal.openinghourdetails div.detailrow span.multiselect-native-select button.multiselect.dropdown-toggle {
	height: 2.4375rem;
	color: #000;
	padding-left: 0.9rem;
}

div.reveal.openinghourdetails div.detailrow span.multiselect-native-select button.multiselect.dropdown-toggle b.caret {
	color: #848484;
	margin-right: 0.3rem;
}

div.reveal.openinghourdetails div.detailrow span.multiselect-native-select ul.multiselect-container.dropdown-menu {
	width: 100%;
	border: 1px solid rgba(0, 0, 0, 0.35);
}


div.reveal.openinghourdetails div.detailrow span.multiselect-native-select ul.multiselect-container.dropdown-menu > .active > a, 
div.reveal.openinghourdetails div.detailrow span.multiselect-native-select ul.multiselect-container.dropdown-menu > .active > a:hover, 
div.reveal.openinghourdetails div.detailrow span.multiselect-native-select ul.multiselect-container.dropdown-menu > .active > a:focus {
	background-color: #0078d7;
}

div.reveal.openinghourdetails div.detailrow span.multiselect-native-select ul.multiselect-container.dropdown-menu > li.active > a > label {
	color: #FFF;
}

div.reveal.openinghourdetails {
	overflow-y: visible;
	width: 750px;
}

div.reveal.openinghourdetails div.detailrow label.uploadbutton {
	margin-bottom: 0;
}

div.reveal.openinghourdetails div.detailrow label.uploadbutton i {
	margin-right: 0.4rem;
}

#progress-wrp {
	border: 1px solid #F47216;
	padding: 1px;
	position: relative;
	height: 30px;
	border-radius: 3px;
	margin: 10px;
	text-align: left;
	background: #fff;
	box-shadow: inset 1px 3px 6px rgba(0, 0, 0, 0.12);
}

#progress-wrp .progress-bar {
	height: 100%;
	border-radius: 3px;
	background-color: #F472168C;
	width: 0;
	box-shadow: inset 1px 1px 10px rgba(0, 0, 0, 0.11);
}

#progress-wrp .status {
	top: 3px;
	width: 100%;
	left: unset;
	text-align: center;
	position: absolute;
	display: inline-block;
	color: #000000;
}

/* SIP USER SERVLET */
div.userdetails div.userinfocontainer.itemloan {
	height: 9rem;
}

div.userdetails div.userinfocontainer.mail {
	height: 9rem;
	overflow-y: scroll;
}

div.userdetails div.userinfocontainer div.usermessagerow {
	margin-top: 3rem;
	margin-bottom: 0;
	margin-right: 0;
	margin-left: 0;
}

div.userdetails div.userinfocontainer div.usermessagestitle {
	display: table;
	padding-right: 1rem;
	padding-left: 1rem;
}

div.userdetails div.userinfocontainer span.envelopicon {
	color: #F47216;
	font-size: 1.5rem;
	display: table-cell;
	vertical-align: middle;
}

div.userdetails div.userinfocontainer span.usermessage {
	display: table-cell;
	vertical-align: middle;
}

div.userdetails div.userinfocontainer div.messagesrow.row.column {
	padding-right: 1rem;
	padding-left: 1rem;
}

div.userdetails div.userinfocontainer div.message {
	padding-top: 0.2rem;
	padding-bottom: 0.2rem;
	padding-right: 1rem;
	padding-left: 1rem;
	font-size: 0.9rem;
	color: #555;
	border-bottom: 1px #DEDEDE solid;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	-webkit-transition: height 1s; 
	-moz-transition: height 1s; 
	-ms-transition: height 1s; 
	-o-transition: height 1s; 
	transition: height 1s;
}

div.userdetails div.userinfocontainer div.message+div.message {
	margin-top: 0.3rem;
}

div.userdetails div.userinfocontainer div.messagesrow div.message:last-child {
	border-bottom: none;
}

div.userdetails div.userinfocontainer div.messagesrow p.messagetext {
	color: #555;
	margin-bottom: 0;
}

div.userdetails div.userinfocontainer div.messagesrow p.messagetext.truncate {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

div.userdetails div.userinfocontainer div.messagesrow p.messagetext.fulltext {
	display: none;
}

div.userdetails div.userinfocontainer div.messagesrow p.toggleicon {
	color: #555;
	margin-bottom: 0;
	text-align: right;
}

div.userdetails div.userinfocontainer div.messagesrow p.toggleicon.close {
	display: none;
}

div.feeitemsection div.generalmessage span.generalmessage {
	font-family: Verdana, Arial, sans-serif;
	font-size: 0.75rem;
}

div.feeitemblock:last-child {
	margin-bottom: 1rem;
}

div.feeitemblock+div.feeitemblock {
	margin-top: 1rem;
}

div.feeitemblock p.blockheader {
	border: 1px solid rgba(192, 108, 0, 0.5);
	background: rgba(192, 108, 0, 0.5);
	font-family: Verdana, Arial, sans-serif;
	font-size: 0.8rem;
	font-weight: bold;
	padding-left: 0.4rem;
	padding-right: 0.4rem;
	margin-bottom: 0;
	padding-top: 0.1rem;
	padding-bottom: 0.1rem;
	vertical-align: middle;
}

div.feeitemblock p.blockheader i {
	font-size: 1.35rem;
	margin-right: 0.5rem;
}

div.feeitemblock div.feeitemrow {
	border: 1px solid rgba(192, 108, 0, 0.5);
	border-top: none;
	background: rgba(192, 108, 0, 0.15);
	padding: 0.4rem;
	padding-top: 0;
	padding-bottom: 0;
}

div.feeitemblock div.feedescription {
	line-height: 1.1;
	margin-top: 0.4rem;
	margin-bottom: 0.4rem;
	font-family: Verdana, Arial, sans-serif;
	font-size: 0.75rem;
}

div.feeitemblock span.feecoltitle {
	font-family: Verdana, Arial, sans-serif;
	font-size: 0.6rem;
	color: #808080;
	display: block;
}

div.feeitemblock span.feeamount {
	font-family: Verdana, Arial, sans-serif;
}


/* PERSONALITY SERVLET */
div.personality {
	margin-top: 3rem;
	margin-bottom: 3rem;
}

div.personality.first {
	margin-top: 0;
}

div.personality p.sectiondescription {
	font-family: Verdana,Arial,sans-serif;
	font-size: 0.75rem;
	margin-bottom: 0.4rem;
}

div.personality div.persdatacontainer {
	padding: 0.3rem;
	border: 1px solid #D9D9D9;
	border-bottom-color: #CCC;
	box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.05);
	min-height: 4.3rem;
	background: #F9F9F9;
}

div.personality div.persdatacontainer div.persdatarow div.itemtitle {
	padding-left: 0.2rem;
	color: #ADADAD;
	display: block;
	font-size: 0.7rem;
	font-weight: 600;
	text-transform: uppercase;
}

div.personality div.persdatacontainer div.persdatarow div.itemvalue {
	margin-top: -0.2rem;
	padding-left: 0.2rem;
	font-size: 1rem;
	font-weight: 600;
	overflow: hidden;
	color: #555;
	margin-bottom: 0.25rem;
	min-height: 1.5rem;
}

div.personality div.persdatacontainer div.persdatarow p.extratext {
	font-family: Verdana,Arial,sans-serif;
	font-size: 0.75rem;
	margin-bottom: 0;
	color: #555;
}

div.personality div.famrelcontainer div.famitemtitlerow {
	border-bottom: 2px solid #DBDBDB;
	margin-left: 0;
	margin-right: 0;
}

div.personality div.famrelcontainer div.famitemtitlerow span.famitemtitle {
	font-family: Verdana,Arial,sans-serif;
	font-size: 0.75rem;
	margin-bottom: 0.4rem;
	color: #004A6C;
	font-weight: bold;
}

div.personality div.famrelcontainer div.famitemrow {
	padding-top: 0.3rem;
	padding-bottom: 0.3rem;
	border-bottom: 1px solid #DBDBDB;
	margin-left: 0;
	margin-right: 0;
}

div.personality div.famrelcontainer div.famitemrow span.famitemcoltitle {
	font-family: Verdana,Arial,sans-serif;
	font-size: 0.75rem;
	margin-bottom: 0px;
	color: #004A6C;
	font-weight: bold;
}

div.personality div.famrelcontainer div.famitemrow span.famitemcardid, div.personality div.famrelcontainer div.famitemrow span.famitemdescription {
	font-family: Verdana,Arial,sans-serif;
	font-size: 0.75rem;
	margin-bottom: 0.4rem;
}

div.personality div.famrelcontainer div.famitemrow div.famitemactions a {
	padding-left: 0.3rem;
	padding-right: 0.3rem;
	padding-top: 0.3rem;
	padding-bottom: 0.3rem;
	background: #0083C0;
	margin-bottom: 0;
}

div.personality div.famrelcontainer div.famitemrow div.famitemactions a:hover {
	background: #0083C0;
}
	
div.personality div.famrelcontainer div.famitemrow div.famitemactions a i {
	margin-right: 0.5rem;
}

div.personality div.famrelcontainer div.famitemadd {
	margin-top: 0.5rem;
}

div.personality div.famrelcontainer div.famitemadd a {
	padding-left: 0.3rem;
	padding-right: 0.3rem;
	padding-top: 0.3rem;
	padding-bottom: 0.3rem;
	background: #0083C0;
	margin-bottom: 0;
}

div.personality div.famrelcontainer div.famitemadd a:hover {
	background: #0083C0;
}

div.personality div.famrelcontainer div.famitemadd a i {
	margin-right: 0.5rem;
}

div.personality form.removeemailform input {
	padding-top: 0.2rem;
	padding-bottom: 0.2rem;
	height: 2rem;
}

div.personality form.removeemailform button {
	padding-left: 0.3rem;
	padding-right: 0.3rem;
	padding-top: 0.5rem;
	padding-bottom: 0.45rem;
	background: #0083C0;
	margin-bottom: 0;
	margin-top: 1.6rem;
}

div.personality form.removeemailform button:hover {
	background: #0083C0;
}

div.personality form.removeemailform button i {
	margin-right: 0.5rem;
}

form.famaccountform input::placeholder, form.famaccountform input::-moz-placeholder {
	color: #717171;
}



/* WEBSALE SERVLET */
div.websale div.footerbox p.copyrightlogo img {
	margin-right: 0.5rem;
}

div.websale div.sidemenu {
	background: #FFF;
	color: #000;
	font-family: Verdana,Arial,sans-serif;
}

div.websale div.sidemenu a.usertoggle {
	background: #FFF;
	color: #FF8200;
	padding-top: 0.6rem;
	text-align: center;
}

div.websale div.sidemenu a.usertoggle i {
	font-size: 1.5rem;
	float: left;
	margin-top: 0.6rem;
	margin-left: 1px;
}

div.websale div.header-section {
	position: static;
}

div.websale .off-canvas {
	height: 100vh;
	display: flex;
	flex-direction: column;
	min-height: 100%;
}

div.websale .off-canvas.is-closed {
	visibility: visible;
}

div.websale div.osptest p.testnote {
	margin-bottom: 0;
}

div.websale div.osptest form.entry h5.subheader {
	margin-bottom: 0;
}

div.websale div.osptest form.entry textarea {
	font-family: Verdana,Arial,sans-serif;
	font-size: 0.8rem;
	line-height: 1.4;
}

div.websale div.osptest form.entry p.buttoncontainer input.button {
	margin-bottom: 0px;
	padding-top: 0.5rem;
	padding-bottom: 0.5rem;
	max-width: 8rem;
	background:	#0083C0;
	color: #FFF;
}

div.websale div.osptest form.entry p.buttoncontainer input.button:hover {
	background:	#0083C0;
	color: #FFF;
}

div.websale div.osptest div.ospresponse div.callout pre {
	font-size: 0.8rem;
}

div.websale {
	height: 100vh;
	overflow: initial;
}

div.websale .off-canvas.position-right {
    width: 310px;
	-webkit-transform: translateX(270px);
    -ms-transform: translateX(270px);
    transform: translateX(270px);
}

div.websale .off-canvas.position-right.is-open {
	-webkit-transform: translateX(0px);
    -ms-transform: translateX(0px);
    transform: translateX(0px);
}

div.websale .off-canvas.position-right.is-transition-push {
	-webkit-box-shadow: none;
	box-shadow: none;
	border-left: 1px solid #DDD;
	padding-left: 0.5rem;
	padding-right: 0.5rem;
}

div.websale .off-canvas ~ .off-canvas-content {
	margin-right: 40px;
}

div.websale .off-canvas.is-open ~ .off-canvas-content {
	margin-right: 0px;
	margin-left: 310px;
	-webkit-transform: translateX(-310px);
    -ms-transform: translateX(-310px);
    transform: translateX(-310px);
}

div.websale .off-canvas div.footerbox p.copyrightlogo {
	margin-bottom: 0.3rem;
	font-size: 0.8rem;
}

div.websale .off-canvas div.footerbox p.workstationname {
	font-family: Verdana,Arial,sans-serif;
	font-size: 0.8rem;
	color: #000;
	margin-bottom: 0.3rem;
	margin-top: -0.3rem;
}

div.websale .top-bar.salemenu {
    padding-top: 0.9rem;
	padding-bottom: 0.9rem;
}

div.websale .top-bar.salemenu div.top-bar-left, div.websale .top-bar.salemenu div.top-bar-right {
	height: 5rem;
	border-bottom: 1px solid #D5D5D5;
}

div.websale div.salemenubutton {
	text-align: center;
	width: 128px;
	line-height: 1;
	display: table-cell;
}

div.websale div.salemenubutton + div.salemenubutton {
	margin-left: 1.2rem;
}

div.websale div.salemenubutton a.salemenulink {
}

div.websale div.salemenubutton div.salemenuicon {
	height: 64px;
	width: 64px;
	left: 25%;
	position: relative;
	margin-bottom: 0.5rem;
}

div.websale div.salemenubutton div.sale-account-icon {
	background: #FFFFFF url("/sale_accounts.png") no-repeat right center;
	background-size: 100%;
}

div.websale div.salemenubutton div.sale-merge-icon {
	background: #FFFFFF url("/sale_merge.png") no-repeat right center;
	background-size: 100%;
}

div.websale div.salemenubutton div.sale-product-icon {
	background: #FFFFFF url("/sale_products.png") no-repeat right center;
	background-size: 100%;
}

div.websale div.salemenubutton div.sale-logout-icon {
	background: #FFFFFF url("/sale_logout.png") no-repeat right center;
	background-size: 100%;
}

div.websale div.salemenubutton span.salemenutext {
	color: #000;
	font-family: Verdana,Arial,sans-serif;
	font-size: 0.8rem;
}

div.websale div.salehelpbutton {
	line-height: 1;
	margin-right: 1rem;
	position: fixed;
	right: 0px;
	margin-top: -0.5rem;
}

div.websale div.salehelpbutton.closedbar {
	right: 40px;
}

div.websale div.salehelpbutton a.salehelplink {
}

div.websale div.salehelpbutton div.salehelpicon {
	height: 22px;
	width: 22px;
	float: right;
}

div.websale div.salehelpbutton div.sale-help-icon {
	background: #FFFFFF url("/sale_help.png") no-repeat right center;
	background-size: 100%;
}

div.websale div.salehelpbutton span.salehelptext {
	color: #000;
	font-family: Verdana,Arial,sans-serif;
	font-size: 0.8rem;
}

div.websale h2.pageheader {
    border-bottom: none;
	font-size: 1.4rem;
	margin-top: 0.3rem;
	margin-bottom: 0.1rem;
}

div.websale div.off-canvas-content h2.pageheader {
	margin-top: -1rem;
}

div.websale a.usertoggle h2.pageheader {
    background: none;
	color: #FF8200;
	display: inline-block;
}

div.websale p.headerbacklink {
	margin-top: 0.3rem;
}

div.websale div.userbox {
	padding-top: 0.5rem;
	flex-grow: 1;
	visibility: hidden;
}

div.websale .off-canvas.is-open div.userbox {
	visibility: visible;
}

div.websale div.userbox div.userinput {
	border-bottom: 1px solid #D5D5D5;
}

div.websale div.userbox div.userinput label {
	color: #000;
}

div.websale div.userbox div.userinput input {
	padding-top: 0.2rem;
	padding-bottom: 0.2rem;
	height: 2rem;
}

div.websale div.userbox div.userinput button {
	margin-bottom: 0px;
	padding-top: 0.5rem;
	padding-bottom: 0.5rem;
	max-width: 8rem;
	background:	#0083C0;
	color: #FFF;
	height: 2rem;
}

div.websale div.userbox div.userinput button:hover {
	background:	#0083C0;
	color: #FFF;
}

div.websale div.userbox div.userinput button i {
	margin-right: 0.3rem;
}

div.websale div.userbox div.userinput button.disabled {
	cursor: default;
	background: #757575;
}

div.websale div.userbox div.userinput button.disabled:hover {
	background: #757575;
}

div.websale div.userbox div.userresult.general {
	border-bottom: 1px solid #D5D5D5;
}

div.websale div.userbox div.userresult.extended {
	border-bottom: 1px solid #D5D5D5;
}

div.websale div.userbox div.userresult p.usersearchmessage {
	margin-top: 1rem;
	font-size: 0.8rem;
}

div.websale div.userbox div.userresult div.userpersonality {
	padding-top: 0.7rem;
	border-bottom: 1px solid #D5D5D5;
}

div.websale div.userbox div.userresult div.userpersonality div.personvalue {
	padding-left: 1rem;
}

div.websale div.userbox div.userresult div.userpersonality p.personalitylabel {
	font-size: 0.8rem;
	font-weight: bold;
	line-height: 1.1;
	margin-bottom: 0.1rem;
}

div.websale div.userbox div.userresult div.userpersonality p.personalityvalue {
	font-size: 0.8rem;
	line-height: 1.1;
	margin-bottom: 0.7rem;
}

div.websale div.userbox div.userresult div.generaluserinfo {
	padding-top: 0.7rem;
}

div.websale div.userbox div.userresult div.generaluserinfo div.personvalue {
	padding-left: 1rem;
}

div.websale div.userbox div.userresult div.generaluserinfo p.personalitylabel {
	font-size: 0.8rem;
	font-weight: bold;
	line-height: 1.1;
	margin-bottom: 0.1rem;
}

div.websale div.userbox div.userresult div.generaluserinfo p.personalityvalue {
	font-size: 0.8rem;
	line-height: 1.1;
	margin-bottom: 0.7rem;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

div.websale div.userbox div.userresult div.generaluserinfo div.personvalue i {
	color: red;
	margin-right: 0.3rem;
}

div.websale div.userbox div.userresult div.generaluserinfo p.personalityvalue span.xcoinsstack {
	font-size: 1.2rem;
	width: 1.7rem;
	height: 2rem;
	line-height: 2rem;
}

div.websale div.userbox div.userresult div.generaluserinfo p.personalityvalue span.xcoinsstack i.coins {
	color: #a0a0a0;
}

div.websale div.userbox div.userresult div.generaluserinfo p.personalityvalue span.xcoinsstack i.crosscoins {
	color: #F00;
	font-size: 1.3rem;
	margin-top: 0.3rem;
}

div.websale div.userbox div.userresult a.closeuser {
	padding-top: 0.5rem;
	padding-bottom: 0.5rem;
	background:	#0083C0;
	color: #FFF;
	float: right;
	margin-bottom: 0px;
	height: 2rem;
}

div.websale div.userbox div.userresult a.closeuser:hover {
	background:	#0083C0;
	color: #FFF;
}

div.websale div.userbox div.userresult a.closeuser.disabled {
	cursor: default;
	background: #757575;
}

div.websale div.userbox div.userresult a.closeuser.disabled:hover {
	background: #757575;
}

div.websale div.userbox div.userresult ul.accordion {
	margin-top: 0.5rem;
	margin-bottom: 0.5rem;
	background: #FFF;
}

div.websale div.userbox div.userresult ul.accordion a.accordion-title {
	padding: 0;
	border: none;
}

div.websale div.userbox div.userresult ul.accordion a.accordion-title:hover, div.websale div.userbox div.userresult ul.accordion a.accordion-title:focus {
	background: #FFF
}

div.websale div.userbox div.userresult div.accordion-content {
	border: none;
	padding-right: 0;
	padding-left: 0;
	padding-top: 1rem;
	padding-bottom: 0.5rem;
}	

div.websale div.userbox div.userresult div.accordion-content div.userpersonality {
	padding-top: 0;
}

div.websale div.userbox div.userresult div.userbalance {
	padding-top: 0.7rem;
}

div.websale div.userbox div.userresult div.userbalance p.balancetitle {
	font-size: 0.8rem;
	font-weight: bold;
	line-height: 1.1;
	margin-bottom: 0.7rem;
}

div.websale div.userbox div.userresult div.userbalance div.balancerow {
	padding-left: 1rem;
}

div.websale div.userbox div.userresult div.userbalance div.balancerow.certificate {
	margin-top: 0.8rem;
}

div.websale div.userbox div.userresult div.userbalance p.balancename {
	font-size: 0.8rem;
	line-height: 1.1;
	margin-bottom: 0.7rem;
}

div.websale div.userbox div.userresult div.userbalance p.balancevalue {
	font-size: 0.8rem;
	line-height: 1.1;
	margin-bottom: 0.7rem;
}

div.websale div.userbox div.userresult div.transactionbox {
	padding-top: 1rem;
	text-align: right;
}

div.websale a.showtransactions {
	padding-top: 0.5rem;
	padding-bottom: 0.5rem;
	background:	#0083C0;
	color: #FFF;
	margin-bottom: 0;
}

div.websale a.showtransactions:hover {
	background:	#0083C0;
	color: #FFF;
}

div.websale a.showtransactions.disabled {
	cursor: default;
	background: #757575;
}

div.websale a.showtransactions.disabled:hover {
	background: #757575;
}

div.websale div.cardstatusbox {
	visibility: hidden;
}

div.websale .off-canvas.is-open div.cardstatusbox {
	visibility: visible;
}

div.websale div.cardstatusbox div.cardstatus {
	border-top: 1px solid #D5D5D5;
	border-bottom: 1px solid #D5D5D5;
	text-align: center;
	padding-top: 0.4rem;
	padding-bottom: 0.4rem;
}

div.websale div.userbox div.userorder {
	padding-top: 1rem;
}

div.websale div.userbox div.userorder p.ordertitle {
	font-size: 0.8rem;
	font-weight: bold;
	line-height: 1.1;
	margin-bottom: 0.7rem;
}

div.websale div.ordertable div.tablecontainer {
	margin-bottom: 0.3rem;
}

div.websale div.ordertable div.tablecontainer table {
	margin-bottom: 0;
	border: 1px solid #D5D5D5;
	border-collapse: collapse;
}

div.websale div.ordertable div.tablecontainer table thead, div.websale div.ordertable div.tablecontainer table tbody {
	border: none;
	background: none;
}

div.websale div.ordertable div.tablecontainer table tbody tr:nth-child(2n) {
	background: none;
}

div.websale div.ordertable div.tablecontainer table thead tr, div.websale div.ordertable div.tablecontainer table tbody tr {
	border-bottom: 1px dotted #D5D5D5;
}

div.websale div.ordertable div.tablecontainer table tbody tr {
	height: 2.5rem;
	cursor: pointer;
}

div.websale div.ordertable div.tablecontainer table tbody tr.disabled {
	cursor: default;
}

div.websale div.ordertable div.tablecontainer table tbody tr:hover {
	background: #F1FAFF;
}

div.websale div.ordertable div.tablecontainer table tbody tr.disabled:hover {
	background: none;
}

div.websale div.ordertable div.tablecontainer table tbody tr:last-child {
	border-bottom: none;
}

div.websale div.ordertable div.tablecontainer table thead th {
	font-size: 0.8rem;
	font-weight: initial;
	padding-top: 0.1rem;
	padding-bottom: 0.1rem;
	padding-left: 0.2rem;
	padding-right: 0.2rem;
}

div.websale div.ordertable div.tablecontainer table tbody td {
	font-size: 0.7rem;
	padding-top: 0.1rem;
	padding-bottom: 0.1rem;
	padding-left: 0.2rem;
	padding-right: 0.2rem;
}

div.websale div.userbox div.userorder div.ordertotal p {
	margin-bottom: 0.5rem;
}

div.websale div.userbox div.userorder div.orderbuttons a.button {
	padding-top: 0.5rem;
	padding-bottom: 0.5rem;
	background:	#0083C0;
	color: #FFF;
	margin-bottom: 25px;
	max-width: 120px;
	min-height: 2rem;
}

div.websale div.userbox div.userorder div.orderbuttons a.button:hover {
	background:	#0083C0;
	color: #FFF;
}

div.websale div.userbox div.userorder div.orderbuttons a.button.disabled {
	background: #757575;
	cursor: default;
}

div.websale div.userbox div.userorder div.orderbuttons a.button.disabled:hover {
	background: #757575;
	cursor: default;
}

div.websale div.userbox div.userresult.nouser+div.userorder {
	border-top: 1px solid #D5D5D5;
}

div.websale div.delayedmsg {
	margin-top: 1.5rem;
}

div.websale div.transstatus td i.transopen {
	color: red;
	font-size: 1.2rem;
}

div.websale div.transstatus td i.transclosed {
	color: green;
	font-size: 1.2rem;
}



div.websale div.callout p {
	margin-bottom: 0;
	margin-right: 1rem;
	font-family: Verdana,Arial,sans-serif;
	font-size: 0.9rem;
}

div.websale div.accountpayment div.callout p {
	margin-bottom: 0;
	margin-right: 1rem;
	font-family: Verdana,Arial,sans-serif;
	font-size: 0.9rem;
}

div.websale div.accountpayment div.callout p.details {
	color: #A2A2A2;
}

div.websale div.accountpayment div.callout a.canceltransbutton {
	margin-top: 0.5rem;
	background: #0083C0;
}

div.websale div.accountpayment div.callout a.canceltransbutton:hover {
	background: #0083C0;
}

div.websale div.accountpayment p.changebalancelabel {
	font-family: Verdana,Arial,sans-serif;
	font-size: 0.9rem;
	margin-bottom: 0.1rem;
}

div.websale div.accountpayment p.changebalancetext {
	font-family: Verdana,Arial,sans-serif;
	font-size: 0.9rem;
}

div.websale div.accountpayment p.changebalancetext span.largeamount {
	font-size: 1.5rem;
	font-weight: 600;
	color: #555;
	margin-left: 1rem;
	font-family: "Helvetica Neue",Helvetica,Roboto,Arial,sans-serif;
}

div.websale div.accountpayment span.balinfo:first {
	margin-right: 1.5rem;
}

div.websale div.accountpayment span.balancetitle {
	font-family: Verdana,Arial,sans-serif;
	font-size: 0.8rem;
	color: #AAA;
}

div.websale div.accountpayment span.balancevalue {
	font-family: Verdana,Arial,sans-serif;
	font-size: 0.8rem;
	color: #AAA;
	margin-left: 0.3rem;
}

div.websale div.accountpayment div.accountselector {
	margin-bottom: 1rem;
}

div.websale div.accountpayment div.selectedamount {
	margin-bottom: 1rem;
}

div.websale div.accountpayment div.accountselector a.button {
	background:	#0083C0;
	color: #FFF;
}

div.websale div.accountpayment div.accountselector a.button:hover {
	background:	#0083C0;
	color: #FFF;
}

div.websale div.accountpayment div.accountselector a.button.hollow {
	border: 1px solid #0083C0;
	color: #0083C0;
	background: transparent;
}

div.websale div.accountpayment div.accountselector a.button.hollow:hover {
	border: 1px solid #0083C0;
	color: #0083C0;
	background: transparent;
}

div.websale div.accountpayment div.accountselector a.button i {
	margin-right: 0.7rem;
}

div.websale div.accountpayment div.amountselector form.changebalance button.docreditbutton {
	background: #0083C0;
	margin-bottom: 0px;
	margin-left: 1rem;
}

div.websale div.accountpayment div.amountselector form.changebalance button.docreditbutton:hover {
	background: #0083C0;
}

div.websale div.accountpayment div.amountselector form.changebalance div.input-group {
	margin-bottom: 0;
}

div.websale div.accountpayment div.amountselector form.changebalance input {
	margin-bottom: 0px;
}

div.websale div.accountpayment div.providerselection p.providerseltext {
	font-family: Verdana,Arial,sans-serif;
	font-size: 0.9rem;
}

div.websale div.accountpayment div.providerselection a.providerzeropay {
	background: #0083C0;
}

div.websale div.accountpayment div.providerselection a.providerzeropay:hover {
	background: #0083C0;
}

div.websale div.mergevoucherpayment p.changebalancelabel {
	font-family: Verdana,Arial,sans-serif;
	font-size: 0.9rem;
	margin-bottom: 1rem;
	margin-top: 0.5rem;
}

div.websale div.mergevoucherpayment div.voucherlist p.voucherlisttext {
	font-family: Verdana,Arial,sans-serif;
	font-size: 0.9rem;
	margin-top: 0.8rem;
}

div.websale div.voucherlist div.ordertable div.tablecontainer table {
	width: 85%;
}

div.websale div.voucherlist div.ordertable div.tablecontainer table tbody tr {
	cursor: auto;
}

div.websale div.voucherlist div.ordertable div.tablecontainer table thead th {
	font-weight: 700;
	font-size: 1rem;
	color: #808080;
}

div.websale div.voucherlist div.ordertable div.tablecontainer table tbody td {
    font-size: 0.8rem;
}

div.websale div.voucherlist div.ordertable div.tablecontainer td.statusicon i.error {
	color: red;
	font-size: 1rem;
	margin-left: 0.3rem;
}

div.websale div.voucherlist div.ordertable div.tablecontainer td.statusicon i.noproblem {
	color: green;
	font-size: 0.8rem;
	margin-left: 0.3rem;
}

div.websale div.voucherlist div.ordertable div.tablecontainer td.emptyvouchermsg {
	padding-left: 0.5rem;
	color: #999;
}

div.websale div.voucherlist div.ordertotal p {
	font-size: 1.5rem;
}

div.websale div.statusbox {
	padding: 1rem;
	border: 1px solid rgba(10, 10, 10, 0.25);
	border-radius: 0;
	position: relative;
	color: #0a0a0a;
	background-color: white;
	z-index: 1100;
}

div.websale div.statusbox h5.statusboxtitle {
	font-family: Verdana,Arial,sans-serif;
	text-align: center;
}

div.websale div.statusbox h5.statusboxtitle.topspace {
	margin-top: 1rem;
}

div.websale div.statusbox h5.statusboxtitle.error {
	color: #F00;
}

div.websale div.statusbox div.statusboxnotes {
	font-family: Verdana,Arial,sans-serif;
	text-align: center;
}

div.websale div.statusbox div.statusboxnotes p {
	margin-bottom: 0.2rem;
}

div.websale div.statusbox div.receipt {
  margin-right: auto;
  margin-left: auto;
  margin-bottom: 30px;
  margin-top: 0;
  width: 70px;
  height: 50px;
  position: relative;
}

div.websale div.statusbox div.receiptselector {
	text-align: center;
	padding-top: 1rem;
}

div.websale div.statusbox div.receiptselector a {
	margin-bottom: 0;
	padding-top: 0.5rem;
	padding-bottom: 0.5rem;
	background: #0083C0;
	color: #FFF;
}

div.websale div.statusbox div.receiptselector a:hover {
	background: #0083C0;
	color: #FFF;
}

div.websale div.statusbox div.spinner {
  margin-right: auto;
  margin-left: auto;
  margin-bottom: 30px;
  margin-top: 0;
  width: 40px;
  height: 40px;
  position: relative;
}

div.websale div.statusbox div.spinner div.cube1, div.websale div.statusbox div.spinner div.cube2 {
  background-color: #F47216;
  width: 15px;
  height: 15px;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-animation: sk-cubemove 1.8s infinite ease-in-out;
  animation: sk-cubemove 1.8s infinite ease-in-out;
}

div.websale div.statusbox div.spinner div.cube2 {
  -webkit-animation-delay: -0.9s;
  animation-delay: -0.9s;
}

@-webkit-keyframes sk-cubemove {
  25% { -webkit-transform: translateX(42px) rotate(-90deg) scale(0.5) }
  50% { -webkit-transform: translateX(42px) translateY(42px) rotate(-180deg) }
  75% { -webkit-transform: translateX(0px) translateY(42px) rotate(-270deg) scale(0.5) }
  100% { -webkit-transform: rotate(-360deg) }
}

@keyframes sk-cubemove {
  25% { 
    transform: translateX(42px) rotate(-90deg) scale(0.5);
    -webkit-transform: translateX(42px) rotate(-90deg) scale(0.5);
  } 50% { 
    transform: translateX(42px) translateY(42px) rotate(-179deg);
    -webkit-transform: translateX(42px) translateY(42px) rotate(-179deg);
  } 50.1% { 
    transform: translateX(42px) translateY(42px) rotate(-180deg);
    -webkit-transform: translateX(42px) translateY(42px) rotate(-180deg);
  } 75% { 
    transform: translateX(0px) translateY(42px) rotate(-270deg) scale(0.5);
    -webkit-transform: translateX(0px) translateY(42px) rotate(-270deg) scale(0.5);
  } 100% { 
    transform: rotate(-360deg);
    -webkit-transform: rotate(-360deg);
  }
}

#blockingstatusbox {
	position:fixed;
	left:0;
	top:0;
	width:100%;
	height:100%;
	z-index:1000;
}



/* WEBSALE PRODUCT SERVLET */
div.websale div.products {
	margin-left: 1rem;
	max-width: none;
}

div.websale div.products div.productscol h2.productscoltitle {
	background: #fff;
	color: #F47216;
	border-bottom: none;
	font-size: 1.4rem;
	margin-bottom: 0.3rem;
	margin-top: -0.5rem;
}

div.websale div.products div.groupscroller { 
	height: 100%;
	position: relative;
	margin-top: 0;
	margin-right: 20px;
	margin-bottom: 1rem;
	margin-left: 0;
}

div.websale div.products div.groupscroller div.frame { 
	padding: 0;
	height: 100%;
}

div.websale div.products div.groupscroller div.frame ul.slidee { 
	margin: 0;
	padding: 0;
	width: 100%;
	list-style: none;
	font-size: 0.9rem;
}

div.websale div.products div.groupscroller div.frame ul.slidee li {
	float: left; 
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 1px;
	margin-left: 0;
	padding: 0;
	width: 100%; 
	height: 4rem;
	background: #0083C0;
	color: #FFF;
	cursor: pointer;
	text-align: center;
	display: flex;
	justify-content: center;
	align-content: center;
	flex-direction: column;
}

div.websale div.products div.groupscroller div.frame ul.slidee li.active {
	color: #0083C0;
	background: #FFF;
	border: 1px solid #0083C0;
}

div.websale div.products div.groupscroller div.frame div.productgrid { 
	margin: 0;
	width: 100%;
}

div.websale div.products div.groupscroller div.frame div.productgrid div.griditem {
	margin: 0.3rem 0.3rem 0.3rem 0.3rem;
	height: 4rem;
	cursor: pointer;
	text-align: center;
	display: flex;
	justify-content: center;
	align-content: center;
	flex-direction: column;
	color: #FFF;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

div.websale div.products div.groupscroller div.frame div.productgrid div.griditem.empty {
	border: 1px solid #efefef;
	cursor: auto;
}

div.websale div.products div.groupscroller div.frame div.productgrid div.griditem.unavailable {
	background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1' preserveAspectRatio='none' viewBox='0 0 100 100'><path d='M100 0 L0 100 ' stroke='rgb(180,180,180)' stroke-width='1'/><path d='M0 0 L100 100 ' stroke='rgb(180,180,180)' stroke-width='1'/></svg>");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100% 100%, auto;
    border: 1px solid #8a8a8a;
	color: #8a8a8a;
	cursor: auto;
}

div.websale div.products div.groupscroller div.frame div.productgrid div.griditem p.griditemtext {
	margin-bottom: 0;
	font-family: Verdana,Arial,sans-serif;
	font-size: 0.8rem;
}

div.websale div.products div.groupscroller div.scrollbar { 
	position: absolute;
	right: -10px;
	width: 2px;
	height: 100%;
	background: #ccc;
	line-height: 0;
}

div.websale div.products div.groupscroller div.scrollbar div.handle {
    width: 100%;
    height: 4rem;
    background: #222;
}

div.productoverlay {
	display:none;
	position:fixed;
	left:0;
	top:0;
	width:100%;
	height:100%;
	background:rgba(255,255,255,0.8);
	z-index:1000;
}

div.productoverlay div.productoverlaycontent {
	display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
	position:fixed;
	left:0;
	top:0;
	width:100%;
	height:100%;
}

div.editproduct {
	width: 35rem;
	padding: 1rem;
	border: 1px solid rgba(10, 10, 10, 0.25);
	border-radius: 0;
	color: #0a0a0a;
	background-color: white;
	z-index: 1100;
}

div.editproduct div.popuptitle p.lead {
	color: #F47216;
}

div.editproduct div.productname p {
	font-family: Verdana,Arial,sans-serif;
	font-size: 0.9rem;
}

div.editproduct div.productcount {
	border-top: 1px solid #D5D5D5;
	padding-top: 0.5rem;
	margin-bottom: 1rem;
}

div.editproduct div.productcount a.button {
	margin-bottom: 0;
	padding-top: 0.5rem;
	padding-bottom: 0.5rem;
	color: #0083C0;
	border: 1px solid #0083C0;
	height: 2.1rem;
}

div.editproduct div.productcount a.button:hover {
	color: #0083C0;
	border: 1px solid #0083C0;
}

div.editproduct div.productcount p.countlabel, div.editproduct div.productcount p.countvalue {
	margin-bottom: 0;
	margin-top: 0.2rem;
}

div.editproduct div.productcount p.countlabel {
	font-family: Verdana,Arial,sans-serif;
	font-size: 0.9rem;
}

div.editproduct input.quantityinputbox {
	margin-bottom: 0;
	padding-top: 0.3rem;
	padding-bottom: 0.3rem;
	color: #0083C0;
	border: 1px solid #0083C0;
	width: 7rem;
	display: inline-block;
	font-size: .9rem;
	line-height: 1;
	height: 2.1rem;
	box-shadow: none;
	vertical-align: middle;
}

div.editproduct input.quantityinputbox:disabled {
	cursor: default;
}

div.editproduct input.quantityinputbox::-webkit-outer-spin-button,
div.editproduct input.quantityinputbox::-webkit-inner-spin-button,
div.editproduct input.quantityinputbox::-webkit-clear-button {
    display: none;
}

div.editproduct input.quantityinputbox[type=number] {
	-moz-appearance: textfield;
}

div.editproduct input.quantityinputbox::-webkit-input-placeholder {
    color: #0083C0;
}
div.editproduct input.quantityinputbox:-moz-placeholder {
   color: #0083C0;
   opacity:  1;
}
div.editproduct input.quantityinputbox::-moz-placeholder {
   color: #0083C0;
   opacity:  1;
}

div.editproduct div.productamount {
	border-bottom: 1px solid #D5D5D5;
	padding-bottom: 0.5rem;
	margin-bottom: 1rem;
}

div.editproduct div.productamount a.button {
	margin-bottom: 0;
	padding-top: 0.5rem;
	padding-bottom: 0.5rem;
	color: #0083C0;
	border: 1px solid #0083C0;
}

div.editproduct div.productamount a.button:hover {
	color: #0083C0;
	border: 1px solid #0083C0;
}

div.editproduct div.productamount p.countlabel, div.editproduct div.productamount p.countvalue {
	margin-bottom: 0;
	margin-top: 0.2rem;
}

div.editproduct div.productamount p.countlabel {
	font-family: Verdana,Arial,sans-serif;
	font-size: 0.9rem;
}

div.editproduct div.productamount p.discountinfo {
	margin-bottom: 0;
	margin-top: 0.2rem;
	font-family: Verdana,Arial,sans-serif;
	font-size: 0.8rem;
	display: none;
}

div.editproduct div.productamount p.discountinfo span.disclabel {
	margin-right: 0.3rem;
}

div.editproduct div.productamount.disabledamount {
	pointer-events: none;
    opacity: 0.4;
}

div.editproduct div.productbuttons {
	margin-top: 3rem;
}

div.editproduct div.productbuttons a.button {
	margin-bottom: 0;
	padding-top: 0.5rem;
	padding-bottom: 0.5rem;
	background: #0083C0;
	color: #FFF;
	min-width: 7rem; 
}

div.editproduct div.productbuttons a.button:hover {
	background: #0083C0;
	color: #FFF;
}

div.editproduct div.productbuttons a.button.cancelok {
	float: right;
}

div.editproduct div.productbuttons a.button.cancelok+a.button.cancelok {
	margin-right: 0.5rem;
}

div.websale div.websale-usertransactions div.usertransscrollcontainer {
	height: 100%;
}

div.websale div.websale-usertransactions div.groupscroller { 
	height: 100%;
	position: relative;
	margin-top: 0;
	margin-right: 20px;
	margin-bottom: 1rem;
	margin-left: 0;
}

div.websale div.websale-usertransactions div.groupscroller div.frame { 
	padding: 0;
	height: 100%;
}

div.websale div.websale-usertransactions div.groupscroller div.frame ul.slidee { 
	margin: 0;
	padding: 0;
	width: 100%;
	list-style: none;
	font-size: 0.9rem;
}

div.websale div.websale-usertransactions div.groupscroller div.scrollbar { 
	position: absolute;
	right: -10px;
	width: 2px;
	height: 100%;
	background: #ccc;
	line-height: 0;
}

div.websale div.websale-usertransactions div.groupscroller div.scrollbar div.handle {
    width: 100%;
    height: 4rem;
    background: #222;
}




/* CREDIT ACCOUNT SERVLET */
div.creditaccountform {
	margin-bottom: 1rem;
}

div.creditaccountform div.userinfocontainer {
	padding: 0.3rem;
	border: 1px solid #D9D9D9;
	border-bottom-color: #CCC;
	box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.05);
	min-height: 4.3rem;
	background: #F9F9F9;
}

div.creditaccountform div.userinfocontainer div.userdatarow div.itemtitle {
	padding-left: 0.2rem;
	color: #ADADAD;
	display: block;
	font-size: 0.7rem;
	font-weight: 600;
	text-transform: uppercase;
}

div.creditaccountform div.userinfocontainer div.userdatarow div.itemvalue {
	margin-top: -0.2rem;
	padding-left: 0.2rem;
	font-size: 1rem;
	font-weight: 600;
	overflow: hidden;
	color: #555;
	margin-bottom: 0.25rem;
}

div.creditaccountform form.changebalance button {
	background: #0083C0;
	margin-bottom: 0px;
	margin-left: 1rem;
}

div.creditaccountform form.changebalance button:hover {
	background: #0083C0;
}

div.creditaccountform form.changebalance span.balinfo {
	line-height: 1rem;
	display: inline-block;
}

div.creditaccountform form.changebalance span.balinfo:first {
	margin-right: 1.5rem;
}

div.creditaccountform form.changebalance span.balancetitle {
	font-family: Verdana,Arial,sans-serif;
	font-size: 0.8rem;
	color: #AAA;
}

div.creditaccountform form.changebalance span.balancevalue {
	font-family: Verdana,Arial,sans-serif;
	font-size: 0.8rem;
	color: #AAA;
	margin-left: 0.3rem;
}

div.creditaccountform form.changebalance label {
	line-height: 1.3;
}

div.creditaccountform form.changebalance input {
	margin-bottom: 0;
}

div.creditaccountform form.changebalance div.input-group {
	margin-bottom: 0;
	margin-top: 0.3rem;
}

div.creditaccountform p.changebalancetext {
	margin-bottom: 0.2rem;
	margin-top: 1rem;
	font-family: Verdana,Arial,sans-serif;
	font-size: 0.9rem;
}

div.creditaccountform p.changebalancetext + p.changebalancetext {
	margin-top: 0;
	margin-bottom: 1rem;
}

div.creditaccountform p.changebalancetext span.largeamount {
	font-size: 1.5rem;
	font-weight: 600;
	color: #555;
	margin-left: 1rem;
	font-family: "Helvetica Neue",Helvetica,Roboto,Arial,sans-serif;
}

div.creditaccountform p.changebalancetext span.backlinks {
	margin-left: 1rem;
	display: inline-table;
	height: 4rem;
}

div.creditaccountform p.changebalancetext span.backlinks span.headerbacklink {
	font-size: 0.85rem;
	display: table-row;
}

div.creditaccountform div.providerselection p.providerseltext {
	font-family: Verdana,Arial,sans-serif;
	font-size: 0.9rem;
}

div.creditaccountform div.backselection a.backbutton {
	background: #0083C0;
}

div.creditaccountform div.backselection a.backbutton:hover {
	background: #0083C0;
}

div.creditaccountform h5.accresultheader {
	border-top: 1px solid rgba(10, 10, 10, 0.25);
	margin-bottom: 0;
	padding-top: 0.4rem;
	color: #8a8a8a;
}

div.creditaccountform div.accresults p {
    margin-bottom: 0;
}

div.creditaccountform div.accresults span.accresultlabel {
	font-family: Verdana, Arial, sans-serif;
	font-size: 0.75rem;
	margin-bottom: 0;
	padding-left: 0.7rem;
	color: #595959;
	font-weight: bold;
}

div.creditaccountform div.accresults span.accresultvalue {
	font-family: Verdana, Arial, sans-serif;
	font-size: 0.75rem;
	margin-bottom: 0;
	padding-left: 0.7rem;
	margin-bottom: 0.4rem;
}

div.creditaccountform div.callout p {
	margin-bottom: 0;
}

div.creditaccountform div.success p.mainsuccessmsg i {
	color: #42B021;
	font-size: 1.8rem;
	margin-right: 0.5rem;
	margin-bottom: 0.6rem;
	vertical-align: middle;
}

div.creditaccountform div.alert p.mainalertmsg i {
	color: #B02121;
	font-size: 1.8rem;
	margin-right: 0.5rem;
	margin-bottom: 0.6rem;
	vertical-align: middle;
}

/* LARGE PAYMENT PROVIDERS */
.providerbox {
	margin-bottom: 1rem;
}

.provider-table {
	border: solid 1px #DDDDDD;
	background: RGBA(244, 114, 22, 0.07);
	
	display: flex;
	flex-direction: column;
	height: 280px;
}

.provider-table li {
    border-bottom: dotted 1px #DDDDDD;
    font-size: 0.75rem;
    padding: 0.875rem 1.125rem; 
}

.provider-table li:last-child {
    border-bottom: 0; 
}

.provider-table .title {
    font-family: Verdana,Arial,sans-serif;
    font-size: 1rem;
    border-bottom: dotted 1px #DDDDDD;	
}

.provider-table .content {
    font-family: Verdana,Arial,sans-serif;
    font-size: 0.9rem;
    border-bottom: none;
	flex-grow: 1;
}

.provider-table .content select.useraccountselect {
	font-size: 0.9rem;
	height: auto;
	padding-top: 0.3rem;
	padding-bottom: 0.3rem;
	margin-bottom: 0.5rem;
}

.provider-table .executebutton {
    margin: 0;
	border-top: dotted 1px #DDDDDD;
}

.provider-table .executebutton input.button,
.provider-table .executebutton button.button {
	background: #0083C0;
	margin-bottom: 0;
}

.provider-table .executebutton input.button:hover,
.provider-table .executebutton button.button:hover {
	background: #0083C0;
}

.provider-table .executebutton p.formexecutemessage {
	margin-bottom: 0;
	margin-top: -0.75rem;
	font-family: Verdana,Arial,sans-serif;
    font-size: 0.8rem;
	color: #EC2E2E;
}

.provider-table .providerform img.providerimage {
	max-width: 12rem;
}

.provider-table .providerform img.smalllogo {
	max-width: 3.5rem;
}

.provider-table div.titlerow {
	height: 3rem;
	line-height: 3rem;
}

.provider-table div.imagecontainer {
	text-align: center;
	margin-top: -0.8rem;
}

.provider-table div.imagecontainer span.imagecontainer {
	min-width: 100px;
	display: inline-block;
	height: 58px;
}

.provider-table div.imagecontainer span.imagecontainer div.orbit ul.orbit-container {
	margin-top: 0.8rem;
}

.provider-table div.imagecontainer span.imagecontainer div.orbit li.orbit-slide {
	border-bottom: none;
	padding: 0;
}

.provider-table div.imagecontainer span.imagecontainer div.orbit img.orbit-image {
	max-height: 45px;
	width: auto;
}

/* PAYMENT PROVIDERS (small versions) */
.providerbox div.providercontainer {
	border: solid 1px #DDDDDD;
	background: RGBA(244, 114, 22, 0.07);
}

.providerbox div.providercontainer img.providerimage {
	max-width: 3.5rem;
	margin-left: auto;
	margin-right: auto;
	display: block;
}

.providerbox div.providercontainer p.providerimage {
	font-size: 2.6rem;
	color: #000;
	margin-bottom: 0;
	text-align: center
}

.providerbox div.providercontainer p.providerimage img {
	max-width: 58px;
	max-height: 26px;
}

.providerbox div.providercontainer div.providernamerow {
	margin-bottom: 0.5rem;
}

.providerbox div.providercontainer p.providertitle {
	text-align: center;
	margin-bottom: 0;
	font-size: 1.3rem;
	border-bottom: 1px solid #F4721645;
}

.providerbox div.providercontainer input.formexecutebutton,
.providerbox div.providercontainer button.formexecutebutton {
	min-width: 7rem;
	background: #F47216;
	font-size: 1.1rem;
	padding-top: 0.6rem;
	padding-bottom: 0.6rem;
	margin-left: auto;
	margin-right: auto;
	display: block;
}

.providerbox div.providercontainer input.formexecutebutton:focus,
.providerbox div.providercontainer input.formexecutebutton:hover,
.providerbox div.providercontainer button.formexecutebutton:focus,
.providerbox div.providercontainer button.formexecutebutton:hover {
	background-color: #000;
}

.providerbox div.providercontainer p.formexecutemessage {
	margin-bottom: 0;
	margin-top: -0.75rem;
	font-family: Verdana,Arial,sans-serif;
    font-size: 0.8rem;
	color: #EC2E2E;
	text-align: center;
}

.providerbox div.providercontainer div.providerbuttonrow div.providerbuttoncell {
	padding-left: 0.3rem;
	padding-right: 0.3rem;
}

.providerbox div.providercontainer div.providerbuttonrow select.useraccountselect {
	margin-bottom: 0.5rem;
}

/* PAYMENTPROVIDER POPUP STYLES */
.providerpopup h3.popuptitle {
	color: #F47216;
}

.providerpopup div.popupdatarow {
	margin-bottom: 0.5rem;
}

.providerpopup div.popupdatarow p.popupdatalabel {
	margin-bottom: 0;
}

.providerpopup div.popupdatarow input.popupdatainput {
	margin-bottom: 0;
}

.providerpopup div.popupbuttonrow {
	margin-top: 1.5rem;
}

.providerpopup div.popupbuttonrow button.invoicepopupbutton {
	min-width: 7rem;
	background: #F47216;
	font-size: 1.1rem;
	padding-top: 0.6rem;
	padding-bottom: 0.6rem;
	margin-bottom: 0;
}

.providerpopup div.popupbuttonrow button.invoicepopupbutton:focus,
.providerpopup div.popupbuttonrow button.invoicepopupbutton:hover {
	background-color: #000;
}

/* RESERVATION COUNTER PAYMENT POPUP */
div.reveal.reservationpayment {
	width: 500px;
}

div.reveal.reservationpayment div.popuptitle p.lead {
	color: #F47216;
	font-family: 'Alegreya Sans', sans-serif;
	font-size: 1.8rem;
	margin-bottom: 0.2rem;
}

div.reveal.reservationpayment div.paymentcontentcontainer iframe.paymentcontent {
	width: 100%;
	border: none;
}

/* LOGIN SERVLET FOR WEBSALE */
div.handpayment {
	background-image: url("/hand-payment.jpg");
	background-size: contain;
    background-repeat: no-repeat;
    width: 100%;
	max-width: 100%;
    height: 0;
    padding-top: 50%;
	border: none;
}

div.handpayment div.handpaymentcontents {
	margin-top: -45%;
}

div.handpayment div.loginbox {
	color: #FFF;
	text-align: center;
}

div.handpayment div.loginbox div.black-box {
	background-color: rgba(0, 0, 0, 0.81);
	padding: 2.2rem;
	font-weight: 900;
	max-width: 34rem;
	margin: 0 auto;
}

div.handpayment div.loginbox div.black-box div.boxheader {
	margin-bottom: 1rem;
	text-align: left;
}

div.handpayment div.loginbox div.black-box div.boxheader img.boxheaderlogo {
	margin-top: -0.3rem;
	max-height: 5rem;
}

div.handpayment div.loginbox div.black-box div.boxheader img.boxheaderlogo.errorlogo {
	float: right;
	max-width: 15rem;
}

div.handpayment div.errorheaderrow+div.errorheaderrow {
	margin-top: 2rem;
}

div.handpayment div.loginbox div.black-box div.boxcontent div.textline p {
	font-weight: 600;
	text-align: left;
}

div.handpayment div.loginbox div.black-box div.boxcontent div.textline h4 {
	font-weight: 600;
	text-align: left;
}

div.handpayment div.loginbox div.black-box div.boxcontent div.callout.alert {
	background-color: rgba(240, 65, 36, 0.54);
	color: #FFF;
	border-width: 2px;
	padding-right: 2.5rem;
}

div.handpayment div.loginbox div.black-box div.boxcontent div.callout.success {
	background-color: rgba(67, 172, 106, 0.54);
	color: #FFF;
	border-width: 2px;
	padding-right: 2.5rem;
}

div.handpayment div.loginbox div.black-box div.boxcontent div.callout button.close-button {
	color: rgb(255, 255, 255);
	opacity: 1;
	background: rgba(255, 255, 255, 0) none repeat scroll 0% 0%;
}

div.handpayment div.loginbox form.loginform div.name-field input, div.handpayment div.loginbox form.loginform div.password-field input {
	border-color: #FFF;
	background-color: rgba(255, 255, 255, 0);
	color: #FFF;
}

div.handpayment div.loginbox form.loginform div.name-field input::-webkit-input-placeholder {
	color: #FFF;
	opacity: 1;
}

div.handpayment div.loginbox form.loginform div.password-field input::-webkit-input-placeholder {
	color: #FFF;
	opacity: 1;
}

div.handpayment div.loginbox form.loginform div.name-field input:-moz-placeholder {
	color: #FFF;
	opacity: 1;
}

div.handpayment div.loginbox form.loginform div.password-field input:-moz-placeholder {
	color: #FFF;
	opacity: 1;
}

div.handpayment div.loginbox form.loginform div.name-field input::-moz-placeholder {
	color: #FFF;
	opacity: 1;
}

div.handpayment div.loginbox form.loginform div.password-field input::-moz-placeholder {
	color: #FFF;
	opacity: 1;
}

div.handpayment div.loginbox form.loginform div.name-field input:-ms-input-placeholder {
	color: #FFF;
}

div.handpayment div.loginbox form.loginform div.password-field input:-ms-input-placeholder {
	color: #FFF;
}

div.handpayment div.loginbox form.loginform div.name-field span.input-group-label, div.handpayment div.loginbox form.loginform div.password-field span.input-group-label {
	border-color: #FFF;
	background: #FFF none repeat scroll 0% 0%;
	color: #000;
	min-width: 3.2rem;
}

div.handpayment div.loginbox form.loginform div.formbuttons {
	margin-top: 1.5rem;
}

div.handpayment div.loginbox form.loginform div.formbuttons button.loginbutton {
	background-color: transparent;
	color: #FFF;
	border: 2px solid #FFF;
	border-radius: 5px;
	padding: 15px 50px;
	margin: 0px;
	font-weight: bold;
	font-size: 1rem;
}

div.handpayment div.loginbox form.loginform div.formbuttons button.loginbutton:hover {
	background-color: rgba(255, 255, 255, 0.5);
}



/* LOCKER SERVLET */
div.lockerform form button.searchlockersbutton {
	background:	#0083C0;
	padding-top: 0.65rem;
    padding-bottom: 0.65rem;
	margin-top: 1.6rem;
}

div.lockerform form button.searchlockersbutton:hover {
	background:	#0083C0;
}

div.lockerform form button.searchlockersbutton i {
	float: left;
	margin-right: -1.5rem;
	margin-left: 1.5rem;
}

div.lockerform form fieldset legend {
	font-size: 0.875rem;
	font-weight: normal;
	line-height: 1.8;
	color: #0a0a0a;
}

div.lockerresult {
	margin-top: 2rem;
	margin-bottom: 1rem;
}

div.lockerresult table thead th {
	font-size: 0.9rem;
}

div.lockerresult table tbody td {
	font-size: 0.8rem;
}


/* BASE POPUP STYLES */
div.reveal.detailspopup {
	overflow-y: visible;
	border-radius: 10px;
	background-color: #fefefe;
}

div.reveal.detailspopup.wide {
	width: 800px;
}

div.reveal.detailspopup.fullscreen {
	width: 85%;
	max-width: 85rem;
}

div.reveal.detailspopup:focus-visible {
	outline: none;
}

div.reveal.detailspopup div.popuptitle p.lead {
	color: #F47216;
	font-family: 'Alegreya Sans', sans-serif;
	font-size: 1.8rem;
	margin-bottom: 0.2rem;
}

div.reveal.detailspopup div.detailrow.first {
	margin-top: 0.5rem;
}

div.reveal.detailspopup div.detailrow.bottomspace {
	margin-bottom: 1rem;
}

div.reveal.detailspopup div.detailrow.smallbottomspace {
	margin-bottom: 0.4rem;
}

div.reveal.detailspopup div.detailrow p.detaillabel,
div.reveal.detailspopup div.detailrow p.detailvalue {
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 1rem;
	line-height: 1.2;
	margin-top: 0.4rem;
	margin-bottom: 0.4rem;
}

div.reveal.detailspopup div.detailrow input.textentry {
	margin-bottom: 0;
	max-width: 20rem;
	padding-top: 0.2rem;
	padding-bottom: 0.2rem;
	height: 2rem;
}

div.reveal.detailspopup div.detailrow div.styled-input-single {
	position: relative;
	padding: 0px 0 0px 40px;
	text-align: left;
}

div.reveal.detailspopup div.detailrow div.styled-input-single label {
	cursor: pointer;
	margin-left: -0.2rem;
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 1rem;
}

div.reveal.detailspopup div.detailrow div.styled-input-single label:before,
div.reveal.detailspopup div.detailrow div.styled-input-single label:after {
	content: "";
	position: absolute;
	top: 50%;
	border-radius: 50%;
}

div.reveal.detailspopup div.detailrow div.styled-input-single label:before {
	left: 0;
	width: 24px;
	height: 24px;
	margin: -12px 0 0;
	background: #fefefe;
	box-shadow: 0 0 1px grey;
}

div.reveal.detailspopup div.detailrow div.styled-input-single label:after {
	left: 3px;
	width: 18px;
	height: 18px;
	margin: -9px 0 0;
	opacity: 0;
	background: #F47216;
	transform: translate3d(-40px, 0, 0) scale(0.5);
	transition: opacity 0.25s ease-in-out, transform 0.25s ease-in-out;
}

div.reveal.detailspopup div.detailrow div.styled-input-single input[type=radio],
div.reveal.detailspopup div.detailrow div.styled-input-single input[type=checkbox] {
	position: absolute;
	top: 0;
	left: -9999px;
	visibility: hidden;
}

div.reveal.detailspopup div.detailrow div.styled-input-single input[type=radio]:checked + label:after,
div.reveal.detailspopup div.detailrow div.styled-input-single input[type=checkbox]:checked + label:after {
	transform: translate3d(0, 0, 0);
	opacity: 1;
}

div.reveal.detailspopup div.detailrow div.styled-input--square label:before,
div.reveal.detailspopup div.detailrow div.styled-input--square label:after {
	border-radius: 0;
}

div.reveal.detailspopup div.actionbuttons {
	margin-top: 1.5rem;
}

div.reveal.detailspopup div.actionbuttons button.actionbutton {
	margin-bottom: 0;
	padding-top: 0.5rem;
	padding-bottom: 0.6rem;
}

div.reveal.detailspopup div.actionbuttons button.actionbutton:hover {
	background-color: #1779ba;
}

div.reveal.detailspopup div.actionbuttons button.actionbutton:focus, 
div.reveal.detailspopup div.actionbuttons button.actionbutton.disabled, 
div.reveal.detailspopup div.actionbuttons button.actionbutton.disabled:focus, 
div.reveal.detailspopup div.actionbuttons button.actionbutton.disabled:hover, 
div.reveal.detailspopup div.actionbuttons button.actionbutton[disabled], 
div.reveal.detailspopup div.actionbuttons button.actionbutton[disabled]:focus, 
div.reveal.detailspopup div.actionbuttons button.actionbutton[disabled]:hover {
	background-color: #1779ba;
}

div.reveal.detailspopup div.actionbuttons button.actionbutton.hidecolor {
	color: #1779ba;
	position: relative;
}

div.reveal.detailspopup div.actionbuttons button.actionbutton.hidecolor::after {
    content: "";
    position: absolute;
    width: 22px;
    height: 22px;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    border: 4px solid transparent;
    border-top-color: #000;
    border-radius: 50%;
    animation: button-loading-spinner 1s linear infinite;
}

div.reveal.detailspopup div.errormessage p.messagetext {
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 1rem;
	color: red;
	line-height: 1.1;
}

div.reveal.detailspopup div.errormessage p.messagetext i.messageicon {
	margin-right: 0.5rem;
}

@keyframes button-loading-spinner {
    from {
        transform: rotate(0turn);
    }

    to {
        transform: rotate(1turn); 
	}
}



/* Medium screen size only */
@media only screen and (min-width: 40em) and (max-width: 63.9375em) { 

	.header-section {
		-webkit-box-shadow: 0 0 5px 0 rgba(0,0,0,0.4);
		box-shadow: 0 0 5px 0 rgba(0,0,0,0.4);
	}
	
	.top-bar {
		padding-left: 0;
	}
	
	.topmenurow .top-bar-right, .bottommenurow .top-bar-right {
		margin-left: 0;
		width: 100%;
	}
	
	.botmenubuttons {
		padding-left: 1rem;
		padding-right: 1rem;
	}
	
	.bottommenurow {
		padding-bottom: 0.4rem;
	}

	.botmenubuttons .botmenurow .botmenuitem {
		margin-bottom: 0.5rem;
	}
	
	.botmenubuttons .botmenurow .botmenuitem .botmenuitembox {
		font-size: 0.9rem;
		height: 3rem;
	}
	
	.botmenubuttons .botmenurow .botmenuitem .botmenuitembox i {
		margin-right: 0.3rem;
	}
	
	.botmenubuttons .botmenurow .botmenuitem a {
		color: #FFF;
	}
	

	
	/* ACCORDION */
	.accordion .accordion-navigation > a {
		padding: 1rem;
	}


	
	/* SMALLER HEADER */
	.header-fill {
        height: 40px;
    }
	
	/* HOME/LOGIN SERVLET */
	div.contentcontainer.loginpage div.maincontent {
		height: 100%;
	}
	
	
	/* MAIN PAGE: COMPACT USER INFO BLOCK */
	div.compactuserdata {
		background: #FFF;
		min-height: 0;
		margin-top: 1rem;
		margin-bottom: 1rem;
		border: 2px solid #F47216;
	}

	div.compactuserdata p.envelopicon {
		color: #F47216;
		font-size: 1.5rem;
		margin-left: 1rem;
		margin-bottom: 0;
	}

	div.compactuserdata div.usermessagerow {
		margin-top: 3rem;
		margin-bottom: 0;
	}

	div.compactuserdata p.usermessage {
		padding-right: 0.5rem;
		margin-bottom: 0.5rem;
		line-height: 1.2;
		margin-left: 0;
	}
	
	/* MAIN PAGE: MENU BUTTONS */
	div.grid-x.mainmenuitem {
		margin-bottom: 0;
		margin-top: 0;
	}

	div.mainmenucolor {
		margin-top: 1rem;
	}

	
	/* ACCOUNT DETAILS PAGE: ACCOUNTLIST */
	div.accountblock div.accountrow div.accountactionbutton {
		margin-left: 0.5rem;
	}
	
	div.accountblock p.blockheader {
		font-size: 1rem;
	}
	
	div.accountblock span.accountname {
		font-size: 0.85rem;
	}
	
	div.accountblock div.extraaccountinfo div.accountaction+div.accountblock div.extraaccountinfo div.accountaction {
		margin-top: 1rem;
	}
	
	div.accountblock div.extraaccountinfo div.accountaction:last-child {
		margin-bottom: 0.4rem;
	}
	
	/* ACCOUNT DETAILS PAGE: TRANSACTIONLIST */
	div.transactionblock p.blockheader {
		font-size: 1rem;
	}
	
	div.transactionblock span.actiondescription {
		font-size: 0.85rem;
	}
	
	/* ACCOUNT DETAILS PAGE: SEARCH TRANSACTIONS */
	form.searchtransactions button.searchtransbutton {
		margin-top: 1rem;
		padding-top: 0.8rem;
		padding-bottom: 0.8rem;
	}
	
	.datepicker td.day {
		min-width: 3rem;
	}
	
	.datepicker th.date-switch {
		height: 3rem;
	}
	
	.datepicker thead tr:first-child th {
		min-width: 3rem;
	}
	
	div.zerotranscontainer {
		margin-top: 0.3rem;
		margin-bottom: 2.8rem;
		padding-left: 0;
	}
	
	/* EASYINTERNET: STATUS PAGE */
	div.internetmessage img.internetmessageicon {
		margin-right: 0;
		width:	2.5rem;
		height:	2.5rem;
	}
	
	div.internetmessage div.msgiconcontainer {
		padding-right: 0;
	}
	
	div.internetmessage div.msgtextcontainer {
		padding-left: 0;
	}
	
	
	/* COUNTER: WORKSTATION SERVLET */
	div.overallstatus p.statusvalue+p.statusvalue {
		margin-top: 0.4rem;
	}
}


/* Small to slightly larger than Medium screen size only */
@media only screen and (max-width: 67em) { 

	.iframescrollwrapper {
		-webkit-overflow-scrolling: touch; 
		overflow-y: scroll; 
		overflow-x: scroll;
	}	
	
	/* WEBSALE SERVLET */
	div.websale .header-section {
		-webkit-box-shadow: none;
		box-shadow: none;
	}
	
	div.salemenu a.logolink img {
		height: 3rem;
	}
	
	div.salemenu div.top-bar-logo {
		margin-bottom: 0.5rem;
	}
	
	div.salemenu div.salemenubutton {
		width: 96px;
	}
	
	div.salemenu div.salemenubutton div.salemenuicon {
		height: 40px;
		width: 40px;
		left: 29%;
	}
	
	div.salemenu div.salemenubutton span.salemenutext {
		font-size: 0.7rem;
	}
	
	div.websale .off-canvas div.footerbox {
		height: 3rem;
	}
	
	div.websale a.usertoggle h2.pageheader {
		margin-bottom: 0;
	}
	
	div.websale div.transactionbox {
		padding-top: 1rem;
		padding-bottom: 1rem;
	}

}

/* Small screen size only */
@media only screen and (max-width: 39.9375em) {

	.header-section {
		-webkit-box-shadow: 0 0 5px 0 rgba(0,0,0,0.4);
		box-shadow: 0 0 5px 0 rgba(0,0,0,0.4);
	}
	
	.header-section div.titlebar {
		border-bottom: none;
		border-top: none;
		margin-bottom: 0;
	}
	
	.header-section div.titlebar div.titlelogo {
		margin-left: 0;
		text-align: center;
	}
	
	.header-section div.titlebar div.titlelogo img {
		max-height: 24px;
	}
	
	.header-section div.titlebar p.titletext {
		font-size: 1.5rem;
	}
	
	body.servlet-UploadJobServlet div.grid-container {
		margin-top: 4rem;
	}
	
	.top-bar {
		padding-left: 0;
	}
	
	.topmenurow .top-bar-right, .bottommenurow .top-bar-right {
		margin-left: 0;
		width: 100%;
	}
	
	.botmenubuttons {
		padding-left: 1rem;
		padding-right: 1rem;
	}
	
	.bottommenurow {
		padding-bottom: 0.4rem;
	}

	.botmenubuttons .botmenurow .botmenuitem {
		margin-bottom: 0.5rem;
	}
	
	.botmenubuttons .botmenurow .botmenuitem .botmenuitembox {
		font-size: 0.9rem;
		height: 3rem;
	}
	
	.botmenubuttons .botmenurow .botmenuitem .botmenuitembox i {
		margin-right: 0.3rem;
	}
	
	.botmenubuttons .botmenurow .botmenuitem a {
		color: #FFF;
	}
	
	
	
	
	/* ACCORDION */
	.accordion .accordion-navigation > a {
		padding: 1rem;
	}


	
	/* SMALLER HEADER */
	.header-fill {
        height: 40px;
    }
	
	
	/* FOOTER SECTION GENERAL */
	footer p.copyrightlogo {
		margin-top: 0;
	}
	
	div.footer.loginpage span.language-selector-container, div.footer.contentpage span.language-selector-container {
		text-align: center;
	}
	
	/* HOME/LOGIN SERVLET */
	div.bodycontainer div.contentcontainer.loginpage {
		min-height: unset;
		margin-bottom: 1rem;
	}
	
	div.loginbox div.black-box {
		margin-bottom: 1rem;
		margin-top: 1.5rem;
		padding: 1.5rem;
		max-width: 20rem;
	}
	
	div.loginbox div.black-box div.boxheader {
		text-align: center;
	}
	
	div.loginbox div.black-box div.boxheader p.boxheadertitle {
		margin-bottom: 0;
		margin-top: 0.5rem;
	}
	
	div.loginbox div.black-box div.boxheader img.boxheaderlogo.errorlogo {
		float: none;
		max-width: 100%;
	}
	
	div.errorheaderrow+div.errorheaderrow {
		margin-top: 0;
	}
	
	div.linkcontainer div.link-icon p.link-icon {
		font-size: 1.3rem;
		margin-bottom: 0;
		color: #000;
	}

	div.linkcontainer div.link-target p.link-target {
		margin-bottom: 0;
		margin-top: 0.2rem;
		margin-left: 0.5rem;
	}

	div.linkcontainer div.link-target p.link-target a {
		color: #000;
	}
	
	div.linkcontainer div.link-target + div.link-icon {
		margin-left: 1.3rem;
	}
	
	div.loginbox div.sidcontainer a.sidbutton div.card {
		max-width: 16rem;
	}
	
	div.loginbox div.sidcontainer button.otherauthbutton {
		max-width: 16rem;
		padding-left: 10px;
		padding-right: 10px;
	}
	
	/* MAIN PAGE: COMPACT USER INFO BLOCK */
	div.compactuserdata {
		background: #FFF;
		min-height: 0;
		margin-top: 1rem;
		margin-bottom: 0;
		border: 2px solid #F47216;
	}

	div.compactuserdata p {
		color: #000;
	}

	div.compactuserdata p.walleticon {
		color: #F47216;
		font-size: 4rem;
		padding-left: 1.3rem;
		margin-bottom: 0;
	}

	div.compactuserdata p.envelopicon {
		color: #F47216;
		font-size: 1.5rem;
		margin-left: 1rem;
		margin-bottom: 0;
	}

	div.compactuserdata h4.username {
		color: #000;
		margin-left: 1rem;
		margin-top: 1.8rem;
	}

	div.compactuserdata p.accountname {
		color: #000;
		margin-left: 1rem;
		margin-bottom: 0.5rem;
		line-height: 1.1;
	}

	div.compactuserdata p.accountamount {
		color: #000;
		line-height: 1.1;
		margin-bottom: 0.5rem;
		text-align: right;
	}

	div.compactuserdata div.usermessagerow {
		margin-top: 1rem;
		margin-bottom: 0;
	}

	div.compactuserdata p.usermessage {
		padding-right: 2rem;
		margin-bottom: 0.5rem;
		line-height: 1.2;
	}
	
	
	/* MAIN PAGE: MENU BUTTONS */
	div.grid-x.mainmenuitem {
		margin-bottom: 0;
		margin-top: 0;
	}
	
	div.grid-x.mainmenuitem:last-child {
		margin-bottom: 1rem;
	}

	div.mainmenucolor {
		margin-top: 1rem;
	}

	p.menuicon {
		color: #FFF;
		font-size: 3rem;
		margin-bottom: 0;
		text-align: center;
		padding-left: 1rem;
	}

	h3.menuname {
		color: #FFF;
		text-align: center;
		padding-top: 1.1rem;
		padding-right: 1.5rem;
	}

	p.menudescription {
		color: #FFF;
		padding-left: 0.4rem;
		padding-right: 0.4rem;
		line-height: 1.1;
	}
	
	
	/* ACCOUNT DETAILS PAGE: ACCOUNTLIST */
	div.accountblock div.accountrow div.accountactionbutton {
		margin-left: 0.5rem;
	}
	
	div.accountblock p.blockheader {
		font-size: 1rem;
	}
	
	div.accountblock span.accountname {
		font-size: 0.85rem;
	}
	
	div.accountaction+div.accountaction {
		margin-top: 1rem;
	}
	
	div.accountblock div.extraaccountinfo div.accountaction:last-child {
		margin-bottom: 0.4rem;
	}
	
	/* ACCOUNT DETAILS PAGE: TRANSACTIONLIST */
	div.transactionblock p.blockheader {
		font-size: 1rem;
	}
	
	div.transactionblock span.actiondescription {
		font-size: 0.85rem;
	}
	
	div.transactionblock span.toggleswitch {
		margin-top: 0;
	}
	
	div.transactionblock div.extratransinfo a.processonlinebutton {
		position: static;
		width: 100%;
		margin-top: 1rem;
	}
	
	/* ACCOUNT DETAILS PAGE: SEARCH TRANSACTIONS */
	form.searchtransactions button.searchtransbutton {
		margin-top: 1rem;
		padding-top: 0.8rem;
		padding-bottom: 0.8rem;
	}
	
	.datepicker td.day {
		min-width: 2.7rem;
	}
	
	.datepicker th.date-switch {
		height: 3rem;
	}
	
	.datepicker thead tr:first-child th {
		min-width: 3rem;
	}
	
	div.zerotranscontainer {
		margin-top: 0.3rem;
		margin-bottom: 2.8rem;
		padding-left: 0;
	}
	
	
	/* PRINT JOB PAGE */
	div.totaljobsactionrow div.printpricecontainer {
		margin-top: -0.5rem;
		margin-bottom: 0.5rem;
	}
	
	div.totaljobsactionrow div.totaljobactionbutton {
		margin-bottom: 0.3rem;
	}
	
	div.totaljobsactionrow div.jobactionbutton {
		margin-bottom: 0.3rem;
	}
	
	div.printjobs h5.jobtypegrouptitle {
		margin-top: 1.1rem;
	}
	
	div.printjobs div.printjobrow p.generaljobstatusinfo {
		font-size: 0.8rem;
	}
	
	div.printjobrowcontainer div.printjobrow h5.jobtitle {
		font-size: 0.8rem;
	}
	
	div.printjobs div.extraprintjobinfo div.extrainfosection p.jobactioninfo {
		margin-top: 0.3rem;
		padding-left: 0.7rem;
		margin-bottom: 0.5rem;
	}
	
	div.jobstatusicon span.processingjob {
		font-size: 2.4rem;
	}
	
	div.jobstatusicon span.unacceptedjob {
		font-size: 2.4rem;
	}

	div.jobstatusicon span.acceptedjob {
		font-size: 2.4rem;
	}
	
	div.printjobs div.printjobrow p.jobactioninfo {
		font-size: 0.9rem;
	}
	
	div.printjobs div.printjobrow div.mainjobinfo {
		padding-left: 0;
		padding-right: 0;
	}
	
	div.printjobs div.extraprintjobinfo div.extendedjobinfo {
		padding-left: 0;
		padding-right: 0;
	}
	
	div.printjobs div.printjobrow div.printjobtoggle {
		padding-left: 0;
		padding-right: 0.3rem;
	}
	
	div.printjobs span.toggleswitch {
		font-size: 1.4rem;
		margin-left: -1rem;
		margin-right: 0;
		float: none;
	}
	
	div.locationlist p.locationheader {
		margin-top: 1rem;
	}
	
	div.table-wrapper {
		overflow: initial;
	}
	
	div.table-wrapper .pinned table.pricetable {
		margin-bottom: 0;
	}
	
	
	/* UPLOAD PRINT JOB SERVLET */
	div.userdetails.uploadjobinfo p.printpriceslink {
		margin-top: 0;
		float: none;
	}
	
	div.uploadusagechoicebox form.loginform label.formchkboxlabel {
		white-space: unset;
	}
	
	div.uploadusagechoicebox form.loginform div.formbuttons button.loginbutton {
		padding-left: 10px;
		padding-right: 10px;
	}
	
	div.uploadusagechoicebox div.sidcontainer a.sidbutton div.card {
		max-width: 16rem;
	}
	
	div.uploadusagechoicebox div.sidcontainer button.otherauthbutton {
		max-width: 16rem;
		padding-left: 10px;
		padding-right: 10px;
	}
	
	
	/* EASYINTERNET: STATUS PAGE */
	div.internetpricelist p.lead {
		padding-right: 2rem;
	}
	
	div.internetnextpayment {
		border-left: none;
		border-top: 1px solid #CCC;
		margin-top: 1rem;
		padding-top: 1rem;
	}
	
	div.internettopinforow {
		margin-bottom: 0.5rem;
	}
	
	div.internetmessage img.internetmessageicon {
		margin-right: 0;
		width:	2.8rem;
		height:	2.8rem;
	}
	
	div.internetmessage div.msgiconcontainer {
		padding-right: 0;
	}
	
	
	/* COUNTER: DASHBOARD */
	div.termstat div.statuscontainer {
		font-size: 1.4rem;
		margin-bottom: 0.6rem;
	}
	
	div.termstat div.detailscontainer {
		margin-bottom: 0.6rem;
	}
	
	div.termstat div.detailscontainer p.terminalname {
		border-bottom: 1px solid #A7A7A7;
	}
	
	div.reportpopup {
		overflow-y: none;
		height: auto;
	}
	
	div.queuestat div.printerblock div.printjobrow div.jobidentifier {
		padding-left: 0;
		padding-right: 0;
	}

	
	/* COUNTER: WORKSTATION SERVLET */
	div.workstationheaderrow {
		margin-top: -0.8rem;
	}
	
	div.workstationheaderrow div.headerrowcolleft {
		padding-right: 0.9375rem;
	}

	div.workstationheaderrow div.headerrowcolright {
		padding-left: 0.625rem;
		margin-top: 0.3rem;
	}
	
	div.workstationheaderrow div.wsactionbutton {
		float: left;
		margin-bottom: 0;
		margin-right: 0.8rem;
	}
	
	div.workstationheaderrow div.wsrefreshbutton {
		float: left;
		margin-bottom: 0.5rem;
		margin-right: 1rem;
	}
	
	div.workstationheaderrow div.wsselectallbutton {
		float: left;
		margin-bottom: 0.5rem;
		margin-right: 0;
	}
	
	div.workstationblock div.workstationrow div.wsactionbutton a.wsactionlink {
		text-align: right;
	}
	
	div.workstationblock div.workstationrow p.wsname {
		display: inline-block;
	}
	
	div.wspagination.top {
		margin-top: 0.5rem;
	}
	
	div.overallstatus p.statusvalue+p.statusvalue {
		margin-top: 0.4rem;
	}
	
	
	
	/* COUNTER: USER SERVLET */
	div.useractionblockrow {
		padding-top: 0.2rem;
	}
	
	div.useractionblockrow img.rowactionimage.smallsize {
		height: 2rem;
		width: 2rem;
		float: left;
	}
	
	div.useractionblockrow h4.rowactiontitle {
		position: relative;
		left: 0.6rem;
	}
	
	div.extraaccountinfo div.accountaction.counter.certinfo {
		margin-top: 0.5rem;
	}
	
	div.extraaccountinfo table.accountmakeup {
		margin-bottom: 0;
	}
	
	div.changebalanceinfo form.changebalance button i {
		margin-left: 3rem;
		margin-right: 3rem;
	}
	
	div.receiptblock div.receiptrow p.receiptlink {
		text-align: left;
	}
	
	div.receiptbox {
		font-size: 0.75rem;
	}
	
	div.receiptbox span.receiptbarcode {
		width: 100%;
	}
	
	div.receiptbox p {
		font-size: 0.75rem;
	}
	
	div.transdata:last-child {
		margin-bottom: 1rem;
	}
	
	div.compblockcontainer div.compblockcontents {
		margin-bottom: 0.8rem;
	}
	
	div.compblockcontainer {
		padding-bottom: 0;
	}
	
	
	
	/* SIP USER SERVLET */
	div.userdetails div.userinfocontainer.itemloan {
		height: auto;
	}

	div.userdetails div.userinfocontainer.mail {
		height: auto;
		overflow-y: visible;
		margin-bottom: 0.5rem;
	}
	
	h5.usersectiontitle {
		margin-bottom: 0;
	}
	
	div.transactiondetails h5.usersectiontitle {
		margin-bottom: 1rem;
	}
	
	div.feeitemblock div.feeitemrow {
		padding-top: 0.3rem;
	}
	
	div.feeitemblock div.feeamount {
		line-height: 1.1;
		margin-bottom: 0.4rem;
		font-family: Verdana,Arial,sans-serif;
		font-size: 0.75rem;
	}
	
	div.feeitemblock div.feedescription {
		margin-top: 0;
	}
	
	
	/* USER SETTINGS SERVLET */
	div.personality {
		margin-top: 1.5rem;
	}

	div.personality.last {
		margin-bottom: 1.5rem;
		margin-top: 1.5rem;
	}
	
	div.personality div.famitemrow.first {
		border-top: 1px solid #DBDBDB;
	}
	
	div.personality div.famitemrow div.famitemcardid {
		display: inline-block;
	}
	
	div.personality div.famrelcontainer div.famitemrow div.famitemactions {
		float: right;
	}
	
	div.personality div.famrelcontainer div.famitemrow div.famitemactions a + a {
		margin-left: 0.4rem;
	}
	
	div.personality div.famrelcontainer div.famitemrow div.famitemactions a i {
		margin-right: 0;
	}
	
	div.personality form.removeemailform input {
		margin-bottom: 0.3rem;
	}
	
	div.personality form.removeemailform button {
		padding: 0.3rem;
		margin-top: 0.5rem;
	}
	
	
}


/* Small screen size in portrait mode only */
@media only screen and (max-width: 39.9375em) and (orientation: portrait) {

	/* CONTENT HEADER TITLE */
	div.headeruserchoice {
		float: left;
		margin-top: 0;
	}
}


/* Small screen size in landscape mode only */
@media only screen and (max-width: 39.9375em) and (orientation: landscape) {

	/* FOUNDATION ROW PROPERTIES */
	div.pageheader.userheader {
		margin-top: 1.8rem;
	}
	
	/* HOME/LOGIN SERVLET */
	div.loginbox div.black-box {
		padding: 2.6rem;
		padding-top: 1.5rem;
		max-width: 23rem;
	}
	
	/* MAIN PAGE: COMPACT USER INFO BLOCK */
	div.compactuserdata p.walleticon {
		padding-left: 0;
	}
	
	/* MAIN PAGE: MENU BUTTONS */
	div.row.mainmenuitem:first-child div.mainmenucolor:first-child {
		margin-top: 1rem;
	}

	/* COUNTER: DASHBOARD */
	div.termstat div.statuscontainer {
		font-size: 1.5rem;
	}
	
	/* COUNTER: USER SERVLET */
	div.changebalanceinfo form.changebalance button i {
		margin-left: 0;
		margin-right: 1.5rem;
	}
}