/***

	Cross-Browses CCS3 definitions based on: http://css3please.com

***/
/*
	generic block element reset
*/
/*
	generic cross-browser inline block definition and reset
*/
/* 
	usage:	.rounded-corners(5px);
*/
/* 
	usage:	.border-radius(5px, 0, 0 5px);
*/
/*
	usage	.box-shadow(1px, 2px, #000);
			.box-shadow(1px, 2px, #000, 3px);
			.box-shadow(1px, 2px, #000, 2px, 4px);

	1. The horizontal offset of the shadow, positive means the shadow will be on the right of the box, a negative offset will put the shadow on the left of the box.
	2. The vertical offset of the shadow, a negative one means the box-shadow will be above the box, a positive one means the shadow will be below the box.
	3. Color
	4. The blur radius (optional), if set to 0 the shadow will be sharp, the higher the number, the more blurred it will be.
	5. The spread radius (optional), positive values increase the size of the shadow, negative values decrease the size. Default is 0 (the shadow is same size as blur).

*/
/*
	usage: .linear-vertical-gradient (#000, rgba(127,127,127,0.5) );
*/
/*
	usage: .linear-horizontal-gradient (#000, rgba(127,127,127,0.5) );
*/
/*
	usage .opacity(90);
	NB! value is 0..100! (not 0..1)
*/
/*
	usage: .transparent-background(rgba(127,127,127,0.5) );
*/
/*
	generic icon definition template
	usage: .icon(20px, 20px, "sprite.png");
*/
/*
	those are just a slam dunk mixins of very basic, but 100% compatible flex box things
*/
/* this is also loaded before splash in sihnin */
* {
  /* this is the correct box model */
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  /* as default, nothing can be dragged */
  -moz-user-drag: -moz-none;
  -webkit-user-drag: none;
  user-drag: none;
  text-rendering: geometricPrecision;
  -webkit-font-smoothing: antialiased;
  -ms-content-zooming: zoom;
  transform-origin: 0 0;
  -ms-transform-origin: 0 0;
  -webkit-transform-origin: 0 0;
  -moz-transform-origin: 0 0;
}
html,
body,
div,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
span a,
img,
strong,
sub,
sup,
q,
dd,
dl,
dt,
li,
ol,
ul,
form,
label,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td {
  /* as default, nothing can be selected 
       MP: moved here from '*' section above, applying to all
       elements was preventing selection in <input> boxes
    */
  user-select: none;
  -moz-user-select: -moz-none;
  -ms-user-select: none;
  -webkit-user-select: none;
  margin: 0;
  padding: 0;
  border: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  line-height: 1;
  font-family: inherit;
  text-align: left;
  vertical-align: baseline;
  overflow: hidden;
  position: relative;
  -webkit-touch-callout: none;
}
table {
  table-layout: fixed;
  border-collapse: collapse;
}
ol,
ul,
menu,
dir {
  list-style: none;
}
img {
  display: block;
  /* pointer events is not supported on IE, but here it seems to cure FF desire to always drag images */
  pointer-events: none;
}
html {
  font-family: 'Open Sans', Arial, Helvetica, sans-serif;
  font-weight: normal;
  font-style: normal;
  line-height: 1.2;
  -webkit-text-size-adjust: 100%;
  /* this is base font size, we use rem/em units on EVERYTHING ELSE! */
  font-size: 10px;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -ms-content-zooming: none;
}
html.is-touch {
  /*	font-size: 14px;*/
}
html,
body {
  overflow: hidden;
  height: 100%;
}
body {
  background: #edebdd;
}
/*** UI for menus, buttons, inputs, etc ***/
/* whether visible or not, we always have 1px border so if we need that, the layout does not change, but instead border comes visible, untul then keep the colors in sync*/
/* normal background and border*/
/*@input-background-color: transparent;*/
/*@input-border-color: @input-background-color;*/
/* checked checkboxes and radio buttons may have different*/
/* hover color on mouse only*/
/* active, pressed */
/* passive, can not be pressed */
/* to achive consistent margins at left edge*/
/* (@input-height / @input-font-size) - 2px  */
/* input text has border, so it must be 2*border-width higher */
/* THIS IS NOT COMMON FILE */
/* THIS IS FOR DESKTOP */
/* passive, can not be pressed */
menu {
  margin: 0;
  padding: 0;
  overflow: visible;
  width: 100%;
  /* IE 10 has wrong defaults */
  -ms-flex: 0 1 auto;
}
menu {
  /* it seems that on XP, IE8 the min height of select is 21px, when font size is 14px = 1.5*/
  /* IE8 balks when defining with ..-of-type pseudoclasses */
  /* negate flex-box effect, allow only 100% width elemenst in multuple rows */
  /* this is educated guess that back always has icon at the begnning*/
  /* allow multiple lines of text, auto-grow */
  /* box in line, center the content */
  /* those are all buttons, with button design */
  /* for menu items - no specific checked style */
  /* IE8 balks at not, so we need separate rule here, set with JS */
  /* input and textarea have borders already */
  /*
		the HTML

		<li id="..." class="slider">
			<div class=slider-ruler-wrapper>
				<table class=slider-ruler>
					<tr><td>0<td><td><td><td><td>2,5<td><td><td><td><td>5
					<tr><td><p class=big><td><p><td><p><td><p><td><p><td><p class=big><td><p><td><p><td><p><td><p><td><p class=big>
				</table>
				<div id="..." class="slider-input">
					<div class="slider-input-range"></div>
					<div class="slider-input-thumb"></div>
					<input type="hidden" name="..." value="">
				</div>
			</div>
	
	*/
  /* IE8 copy-paste of &:not(.passive) above, for IE8, set with JS */
  /* end of IE8 */
}
menu > li {
  overflow: visible;
  margin-bottom: 0.5em;
  width: 100%;
  /* flex box, this helps to distribute icons and text */
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
  -ms-flex-pack: justify;
  /* into cursor.less
		cursor: default;

		& * {
			cursor: inherit;
		}
		*/
}
menu textarea,
menu input[type=text],
menu input[type=email],
menu input[type=password] {
  user-select: auto;
  -moz-user-select: text;
  -webkit-user-select: auto;
  -webkit-appearance: none;
  -moz-appearance: none;
  outline: none;
  display: block;
  line-height: 1;
  color: #333;
  width: 100%;
  /* the left right padding is visually just a bit better a bit smaller */
  padding: 0.37em 0.6em 0.4em 0.6em;
  height: 2.2em;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  -webkit-box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.15);
  box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.15);
  border: 0.1em solid transparent;
  /*cursor: text!important;*/
}
menu textarea:focus,
menu input[type=text]:focus,
menu input[type=email]:focus,
menu input[type=password]:focus {
  border-color: #87b4e1;
}

menu #scaletofitmaxwidth-slider input[type="text"],
menu #pagegap-slider input[type="text"] {
  outline: none;
  height: 2.1em;
  resize: none;
  margin: 0;
  padding: 0;
  border: 0;
  background: transparent;
  color: #fff;
  -webkit-box-shadow: inset 0 0px 0px rgba(0, 0, 0, 0.15);
  box-shadow: inset 0 0px 0px rgba(0, 0, 0, 0.15);
  width: 37px;
  text-align: right;
}
menu #pagegap-slider label {
  color: #fff;
}

menu #scaletofitmaxwidth-slider.passive input[type="text"],
menu #pagegap-slider.passive input[type="text"] {
  color: #76797e;
}
menu textarea {
  line-height: 1.4;
  height: 6.6em;
  resize: none;
}
menu select {
  outline: none;
  line-height: 1;
  height: 2.1em;
  width: 100%;
  border: 0;
  margin: 0;
  padding: 0.285714em 0.83333333em;
  background: transparent;
  color: white;
  -webkit-appearance: none;
  background: url(../camonline/selectarrow.svg) no-repeat;
  background-size: 0.7em 1em;
  background-position: right 0.83333333em center;
}
menu option {
  height: 2em;
  color: #FFF;
  background-color: transparent;
  vertical-align: middle;
}
menu select:focus option {
  color: #444;
}
menu label,
menu select,
menu textarea,
menu input[type=text],
menu input[type=email],
menu input[type=password] {
  font-family: 'Open Sans', Arial, Helvetica, sans-serif;
  font-size: 1.2em;
  font-weight: normal;
}
menu label {
  display: inline-block;
  text-align: left;
  padding-left: 0.83333333em;
  line-height: 2em;
  height: 2em;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  -ms-text-overflow: ellipsis;
  width: 100%;
}
menu .group {
  margin: 0;
}
menu .group > menu:first-of-type {
  padding-left: 0;
}
menu .group > menu:last-of-type {
  padding-right: 0;
}
menu .row-2 > menu:first-of-type {
  padding-right: 0.25em;
}
menu .row-2 > menu:last-of-type {
  padding-left: 0.25em;
}
menu .row-2 > menu.col-1 {
  padding-right: 0.25em;
}
menu .row-2 > menu.col-2 {
  padding-left: 0.25em;
}
menu .row-3 > menu:first-of-type {
  padding-right: 0.33335em;
}
menu .row-3 > menu:nth-of-type(2) {
  padding-left: 0.16665em;
  padding-right: 0.16665em;
}
menu .row-3 > menu:last-of-type {
  padding-left: 0.33335em;
}
menu .row-3 > menu.col-1 {
  padding-right: 0.33335em;
}
menu .row-3 > menu.col-2 {
  padding-left: 0.16665em;
  padding-right: 0.16665em;
}
menu .row-3 > menu.col-3 {
  padding-left: 0.33335em;
}
menu .row-4 > menu:first-of-type {
  padding-right: 0.375em;
}
menu .row-4 > menu:nth-of-type(2) {
  padding-left: 0.125em;
  padding-right: 0.25em;
}
menu .row-4 > menu:nth-of-type(3) {
  padding-left: 0.25em;
  padding-right: 0.125em;
}
menu .row-4 > menu:last-of-type {
  padding-left: 0.375em;
}
menu .row-4 > menu.col-1 {
  padding-right: 0.375em;
}
menu .row-4 > menu.col-2 {
  padding-left: 0.125em;
  padding-right: 0.25em;
}
menu .row-4 > menu.col-3 {
  padding-left: 0.25em;
  padding-right: 0.125em;
}
menu .row-4 > menu.col-4 {
  padding-left: 0.375em;
}
menu .row-5 > menu:first-of-type {
  padding-right: 0.4em;
}
menu .row-5 > menu:nth-of-type(2) {
  padding-left: 0.1em;
  padding-right: 0.3em;
}
menu .row-5 > menu:nth-of-type(3) {
  padding-left: 0.2em;
  padding-right: 0.2em;
}
menu .row-5 > menu:nth-of-type(4) {
  padding-left: 0.3em;
  padding-right: 0.1em;
}
menu .row-5 > menu:last-of-type {
  padding-left: 0.4em;
}
menu .row-5 > menu.col-1 {
  padding-right: 0.4em;
}
menu .row-5 > menu.col-2 {
  padding-left: 0.1em;
  padding-right: 0.3em;
}
menu .row-5 > menu.col-3 {
  padding-left: 0.2em;
  padding-right: 0.2em;
}
menu .row-5 > menu.col-4 {
  padding-left: 0.3em;
  padding-right: 0.1em;
}
menu .row-5 > menu.col-5 {
  padding-left: 0.4em;
}
menu .text,
menu .input,
menu .textarea {
  display: block;
}
menu .header label,
menu .back label,
menu .button label {
  text-align: center;
}
menu .back label {
  left: -1.7em;
}
menu .text {
  padding-left: 1em;
  padding-top: 0.6em;
}
menu .text label {
  padding: 0;
  display: inline;
  white-space: pre-wrap;
  line-height: 1.4;
}
menu i {
  _height: 2.5em\9;
  height: 2.5em\9;
  position: relative;
  overflow: hidden;
  display: inline-block;
  width: 3.4em;
  padding-left: 1em;
}
menu i ~ label {
  padding-left: 0;
}
menu i > img,
menu i > input[type=radio],
menu i > input[type=checkbox] {
  position: absolute;
  top: 0;
  /* not sure seems to better center in the middle*/
  bottom: 0;
  margin: auto 0;
  padding: 0;
}
menu i.arrow {
  background: url(menuarrow.svg) no-repeat;
  background-size: 0.7em 1em;
  background-position: center center;
}
menu i.help {
  color: #FFF;
  text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.3);
  line-height: 1.4em;
  font-size: 2em;
  font-weight: 700;
  text-align: center;
  padding: 0;
}
menu .back .arrow {
  transform-origin: 50% 50%;
  -webkit-transform-origin: 50% 50%;
  transform: rotateZ(180deg);
  -webkit-transform: rotateZ(180deg);
}
menu .radio,
menu .select,
menu .checkbox,
menu .button {
  -webkit-border-radius: 3px;
  border-radius: 3px;
  border: 0.1em solid transparent;
  background-color: #575a5f;
}
menu .radio label,
menu .select label,
menu .checkbox label,
menu .button label {
  color: #FFF;
  text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.3);
}
menu .button > label:first-child {
  padding-left: 0;
}
menu .checked:not(.menu) {
  border-color: #b4b7bc;
  background-color: #575a5f;
}
menu .checked:not(.menu) label {
  color: #FFF;
  text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.3);
}
menu .checked-not-menu {
  border-color: #b4b7bc;
  background-color: #575a5f;
}
menu .checked-not-menu label {
  color: #FFF;
  text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.3);
}
menu .input,
menu .textarea,
menu .text,
menu .menu {
  -webkit-border-radius: 0;
  border-radius: 0;
  border: 0.1em solid transparent;
  background-color: transparent;
  border-color: transparent;
  margin-bottom: 0;
}
menu .input label,
menu .textarea label,
menu .text label,
menu .menu label {
  color: #FFF;
  text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.3);
}
menu .input,
menu .textarea {
  border: none;
  margin-bottom: 0.5em;
}
menu .slider {
  padding: 1px 2em;
  width: 100%;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  border: 0.1em solid transparent;
  background-color: #575a5f;
  /* for IE 9 and below this is needed */
}
menu .slider .slider-input {
  line-height: 2em;
  height: 2em;
  width: 100%;
  font-size: 1.2em;
  overflow: visible;
  display: inline-block;
}
menu .slider .slider-input-range {
  position: absolute;
  top: 0px;
  left: 0px;
  border: 0;
  margin: 0;
  padding: 0;
  height: 100%;
}
menu .slider .slider-input-thumb {
  position: absolute;
  margin-left: -1em;
  bottom: 0;
  left: 0px;
  border: 1px solid #FFF;
  height: 100%;
  width: 2em;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}
menu .slider .slider-ruler-wrapper {
  width: 100%;
  overflow: visible;
}
menu .slider .slider-ruler {
  position: absolute;
  width: 100%;
  height: 1em;
  border-collapse: separate;
  border-spacing: 0;
  margin-top: 0.2em;
}
menu .slider .slider-ruler td {
  color: #FFF;
  text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.3);
  text-align: center;
  font-family: 'Open Sans', Arial, Helvetica, sans-serif;
  font-size: 0.84em;
  font-weight: normal;
}
menu .slider .slider-ruler p {
  vertical-align: top;
  width: 1px;
  height: 0.4em;
  background: #FFF;
  border-right: 1px #FFF solid;
  display: inline-block;
  margin-top: 0.3em;
}
menu .slider .slider-ruler p.big {
  height: 1em;
}
menu .radio,
menu .checkbox,
menu .button,
menu .menu {
  /* cover to target clicks and prevent defaults */
  /* IE8 polyfill, keep in sync with :after above, set with JS*/
}
menu .radio:not(.native):after,
menu .checkbox:not(.native):after,
menu .button:not(.native):after,
menu .menu:not(.native):after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background-image: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7);
}
menu .radio .after,
menu .checkbox .after,
menu .button .after,
menu .menu .after {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background-image: url(cd.gif);
}
menu .radio:not(.passive),
menu .checkbox:not(.passive),
menu .button:not(.passive),
menu .menu:not(.passive) {
  /* onpress effect */
}
menu .radio:not(.passive):active,
menu .checkbox:not(.passive):active,
menu .button:not(.passive):active,
menu .menu:not(.passive):active {
  border-color: #87b4e1;
  background-color: #87b4e1;
  outline: #87b4e1 0px solid;
}
menu .radio:not(.passive):active label,
menu .checkbox:not(.passive):active label,
menu .button:not(.passive):active label,
menu .menu:not(.passive):active label {
  color: #FFF;
  text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.3);
}
menu .radio:not(.passive):active .arrow,
menu .checkbox:not(.passive):active .arrow,
menu .button:not(.passive):active .arrow,
menu .menu:not(.passive):active .arrow {
  background-image: url(menuarrow.svg);
}
menu .slider:not(.passive) {
  /* onpress effect */
}
menu .slider:not(.passive):active {
  border-color: #87b4e1;
  background-color: #87b4e1;
  outline: #87b4e1 0px solid;
}
menu .hover,
menu .pressed {
  border-color: #87b4e1;
  background-color: #87b4e1;
  outline: #87b4e1 0px solid;
}
menu .hover label,
menu .pressed label {
  color: #FFF;
  text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.3);
}
menu .hover .arrow,
menu .pressed .arrow {
  background-image: url(menuarrow.svg);
}
menu .hover {
  outline: none;
}
menu .hr {
  font-size: 1.2em;
  height: 0;
  margin-bottom: 0.5em;
}
menu .blank {
  font-size: 1.2em;
  height: 0;
  margin-bottom: 1em;
  /*
		font-size: @input-font-size;
		height:  @input-height;
		margin-bottom: @input-space-between;
		*/
}
html.is-mouse menu {
  /* copy-paste of :active*/
}
html.is-mouse menu .help:hover {
  background-color: #87b4e1;
}
html.is-mouse menu .radio:not(.passive),
html.is-mouse menu .slider:not(.passive),
html.is-mouse menu .select:not(.passive),
html.is-mouse menu .checkbox:not(.passive),
html.is-mouse menu .button:not(.passive),
html.is-mouse menu .menu:not(.passive) {
  -webkit-transition-duration: 10ms;
  transition-duration: 10ms;
  -webkit-transition-property: background-color;
  transition-property: background-color;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
html.is-mouse menu .radio:not(.passive):hover,
html.is-mouse menu .slider:not(.passive):hover,
html.is-mouse menu .select:not(.passive):hover,
html.is-mouse menu .checkbox:not(.passive):hover,
html.is-mouse menu .button:not(.passive):hover,
html.is-mouse menu .menu:not(.passive):hover {
  -webkit-transition-duration: 0;
  transition-duration: 0;
  border-color: #87b4e1;
  background-color: #87b4e1;
  /*
				select {
					background-image: url(menuarrow.svg);
				}
				*/
}
html.is-mouse menu .radio:not(.passive):hover label,
html.is-mouse menu .slider:not(.passive):hover label,
html.is-mouse menu .select:not(.passive):hover label,
html.is-mouse menu .checkbox:not(.passive):hover label,
html.is-mouse menu .button:not(.passive):hover label,
html.is-mouse menu .menu:not(.passive):hover label {
  color: #FFF;
  text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.3);
}
html.is-mouse menu .radio:not(.passive):hover .arrow,
html.is-mouse menu .slider:not(.passive):hover .arrow,
html.is-mouse menu .select:not(.passive):hover .arrow,
html.is-mouse menu .checkbox:not(.passive):hover .arrow,
html.is-mouse menu .button:not(.passive):hover .arrow,
html.is-mouse menu .menu:not(.passive):hover .arrow {
  background-image: url(menuarrow.svg);
}
menu {
  /* no background for text, so we need to have different class*/
}
menu .back,
menu .header {
  border-color: transparent;
  border-bottom: 1px #a0a0a0 solid;
  -webkit-border-radius: 0;
  border-radius: 0;
}
menu .back label,
menu .header label {
  color: #a0a0a0;
  text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.25);
}
menu .back .arrow,
menu .header .arrow {
  background-image: url(menuarrow-hover.svg);
}
/* 
 * We want to remove this bacause the borderless disabled
 *  controls look weird. It seems safe to do so because the 
 *  .passive class is only used by the web export dialog. 
 *
 * menu .passive {
 * border-color: transparent !important;
 * background-color: #4c4f54 !important;
 *}
 */
menu .passive select,
menu .passive label {
  color: #76797e !important;
  text-shadow: 0px 1px 0px rgba(0, 0, 0, 0) !important;
}
menu .passive .arrow {
  display: none;
}
menu .passive select {
  background-image: none;
}
menu .passive.menu {
  background-color: transparent !important;
  border-color: transparent !important;
}
menu .passive .slider-input-thumb {
  border: 1px solid #76797e;
}
menu .passive .slider-ruler td {
  color: #76797e;
  text-shadow: 0px 1px 0px rgba(0, 0, 0, 0);
  text-align: center;
}
menu .passive .slider-ruler p {
  border-right: 1px #76797e solid;
}
menu .passive-text label {
  color: #76797e !important;
  text-shadow: 0px 1px 0px rgba(0, 0, 0, 0) !important;
}
menu.horizontal {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
  float: left;
}
menu.horizontal > li {
  --display: block;
  margin-bottom: 0;
  overflow: hidden;
  width: auto;
}
menu.horizontal .menu {
  border: none;
  border-right: 1px solid transparent !important;
}
menu.horizontal .menu label {
  padding-right: 1.66666667em;
  padding-left: 1.66666667em;
  text-align: center;
  --text-overflow: clip;
}
menu.horizontal .menu:first-of-type {
  padding-left: 0;
}
menu.horizontal .menu:last-of-type {
  border: none!important;
}
menu.horizontal li[data-submenu] > label {
  padding-left: 0.83333333em;
  padding-right: 0;
}
menu.horizontal > li:first-of-type {
  -webkit-border-top-left-radius: 0.28571429em;
  -webkit-border-top-right-radius: 0;
  -webkit-border-bottom-right-radius: 0;
  -webkit-border-bottom-left-radius: 0.28571429em;
  border-top-left-radius: 0.28571429em;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0.28571429em;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
menu.horizontal > li:last-of-type {
  -webkit-border-top-left-radius: 0;
  -webkit-border-top-right-radius: 0.28571429em;
  -webkit-border-bottom-right-radius: 0.28571429em;
  -webkit-border-bottom-left-radius: 0;
  border-top-left-radius: 0;
  border-top-right-radius: 0.28571429em;
  border-bottom-right-radius: 0.28571429em;
  border-bottom-left-radius: 0;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
#contextmenu {
  -webkit-border-radius: 0.28571429em;
  border-radius: 0.28571429em;
}
.squeezer {
  float: left;
}
/* TODO: those 2 does not belong to here at all, but i need input height for them */
.menu-pointer {
  position: absolute;
  background: inherit;
  width: 2em;
  height: 2em;
  transform: rotateZ(45deg);
  -webkit-transform: rotateZ(45deg);
}
@-webkit-keyframes menuflashframes {
  0% {
    background-color: rgba(255, 255, 255, 0.9);
  }
  50% {
    background-color: #87b4e1;
  }
  100% {
    background-color: #575a5f;
  }
}
@keyframes menuflashframes {
  0% {
    background-color: rgba(255, 255, 255, 0.9);
  }
  50% {
    background-color: #87b4e1;
  }
  100% {
    background-color: #575a5f;
  }
}
.button-flash {
  animation-name: menuflashframes;
  -webkit-animation-name: menuflashframes;
  animation-duration: 250ms;
  -webkit-animation-duration: 250ms;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
  -webkit-transition-timing-function: linear;
  transition-timing-function: linear;
  -webkit-transition-duration: 0;
  transition-duration: 0;
}
* {
  cursor: inherit;
}
#menubar .menubar-button:not(.passive) {
  cursor: pointer;
}
#freezer {
  cursor: wait;
}
#documents-grid .thumbnail {
  width: 10em;
  float: left;
  margin: 0 5em 0 0;
  padding: 0 0 5em 0;
  overflow: visible;
  cursor: pointer;
}
#pager li {
  cursor: pointer;
}
#pager-dragger-handle {
  cursor: pointer;
}
.pp-scroll-bar {
  cursor: default;
}
.slider-input-thumb {
  cursor: pointer;
}
menu > li {
  cursor: default;
  /*
		& * {
			cursor: inherit;
		}
		*/
}
menu textarea,
menu input[type=text],
menu input[type=email],
menu input[type=password] {
  cursor: text!important;
}
menu .help:not(.passive),
menu .radio:not(.passive),
menu .select:not(.passive),
menu .checkbox:not(.passive),
menu .button:not(.passive),
menu .menu:not(.passive) {
  cursor: pointer;
}
#pageicons:not(.passive) .browser-preview-group {
  cursor: pointer;
}
.wait {
  cursor: wait!important;
}
#renderer-pages {
  /* the same names as selection parts */
}
#renderer-pages .object {
  cursor: default;
}
#renderer-pages .pasteboard .object,
#renderer-pages .background .object {
  cursor: -moz-grab;
  cursor: -webkit-grab;
}
#renderer-pages .TextStory.textedit {
  cursor: text;
}
#renderer-pages.push * {
  cursor: -moz-grabbing !important;
  cursor: -webkit-grabbing !important;
}
#renderer-pages.left-top * {
  cursor: nw-resize !important;
}
#renderer-pages.right-top * {
  cursor: ne-resize !important;
}
#renderer-pages.right-bottom * {
  cursor: se-resize !important;
}
#renderer-pages.left-bottom * {
  cursor: sw-resize !important;
}
#renderer-pages.top * {
  cursor: n-resize !important;
}
#renderer-pages.right * {
  cursor: e-resize !important;
}
#renderer-pages.bottom * {
  cursor: s-resize !important;
}
#renderer-pages.left * {
  cursor: w-resize !important;
}
#renderer-pages.bbox * {
  cursor: move!important;
}
#renderer-pages.puck * {
  cursor: pointer!important;
}
#renderer-selection .left-top {
  cursor: nw-resize;
}
#renderer-selection .right-top {
  cursor: ne-resize;
}
#renderer-selection .right-bottom {
  cursor: se-resize;
}
#renderer-selection .left-bottom {
  cursor: sw-resize;
}
#renderer-selection .top {
  cursor: n-resize;
}
#renderer-selection .right {
  cursor: e-resize;
}
#renderer-selection .bottom {
  cursor: s-resize;
}
#renderer-selection .left {
  cursor: w-resize;
}
#renderer-selection .bbox {
  cursor: move;
}
#renderer-selection .puck {
  cursor: pointer;
}
#cover.cover-everything {
  z-index: 101;
}
/* preparing z-index for all body main views */
#menubar {
  z-index: 100;
}
#documents {
  z-index: 1;
}
#properties {
  z-index: 1;
}
#settings {
  z-index: 1;
}
#addobject {
  z-index: 1;
}
#crosshair {
  z-index: 10;
}
.xScrollV,
.xScrollH {
  z-index: 100;
}
.xScrollV > div,
.xScrollH > div {
  z-index: 100;
}
#signin-authselecthelp {
  z-index: 100;
}
#freezer {
  z-index: 101;
}