/*****************************************************************************
*  
*  Forms
*  
*****************************************************************************/

.app-form {
	
	
	
}

.app-form .line {
	
	overflow				: hidden;
	margin-bottom			: 20px;
	
	
}

.app-form .line.dark {
	
	color					: #000;
	
}

.app-form strong {
	
	font-weight				: 700;
	
}

.app-form strong.red {
	
	color					: #d00;
	
}

.app-form .line-separator {
	
	border-bottom			: 1px solid #aaa;
	font-size				: 0;
	height					: 0px;
	margin-bottom			: 20px;
	
}

.app-form.on-dark-background .line-separator {
	
	border-bottom			: 1px solid #444;
	
}

.app-form .line-separator.dark {
	
	border-bottom			: 1px solid #000;
	
}

.app-form .tabPanel .line-separator {
	
	border-bottom			: 1px solid #aaa;
	
}

.app-form .sections {
	
	margin-left				: -20px;
	overflow				: hidden;
	
	
}

.app-form .sections .line-separator {
	
	margin-left				: 20px;
	
	
}

.app-form .sections .section {
	
	padding-left			: 20px; /** was padding-left**/
	
	width					: 100%;
	
	-webkit-box-sizing		: border-box;
	-moz-box-sizing			: border-box;
	-o-box-sizing			: border-box;
	box-sizing				: border-box;
	
	
}

.app-form .sections .section h2 {
	
	font-size				: 20px;
	line-height				: 26px;
	padding					: 0px 0px 20px;
	
	position				: relative;
	
	z-index					: 1;
	
	
}

.app-form .sections .section h2 span {
	
	position				: relative;
	background				: #363636;
	padding-right			: 20px;
	
	
}

.app-form .sections .section h2::before {
	
	content					: ' ';
	
	z-index					: -1;
	
	position				: absolute;
	top						: 33px;
	left					: 0px;
	
	width					: 100%;
	border-top				: 2px solid #fff;
	
	
}

.app-form .sections .section.size-10,
.app-form .sections .section.size-20,
.app-form .sections .section.size-25,
.app-form .sections .section.size-30,
.app-form .sections .section.size-40,
.app-form .sections .section.size-50,
.app-form .sections .section.size-60,
.app-form .sections .section.size-70,
.app-form .sections .section.size-75,
.app-form .sections .section.size-80,
.app-form .sections .section.size-90,
.app-form .sections .section.size-100,
.app-form .sections .section.size-56,
.app-form .sections .section.size-66,
.app-form .sections .section.size-50,
.app-form .sections .section.size-33 {
	
	float					: left;
	display					: inline-block;
	
	
}

.app-form .sections .section.size-10 {  width : 10.00%;  }
.app-form .sections .section.size-20 {  width : 20.00%;  }
.app-form .sections .section.size-25 {  width : 25.00%;  }
.app-form .sections .section.size-30 {  width : 30.00%;  }
.app-form .sections .section.size-40 {  width : 40.00%;  }
.app-form .sections .section.size-50 {  width : 50.00%;  }
.app-form .sections .section.size-60 {  width : 60.00%;  }
.app-form .sections .section.size-70 {  width : 70.00%;  }
.app-form .sections .section.size-75 {  width : 75.00%;  }
.app-form .sections .section.size-80 {  width : 80.00%;  }
.app-form .sections .section.size-96 {  width : 90.00%;  }
.app-form .sections .section.size-100 {  width : 100%;  }
.app-form .sections .section.size-33 {  width : 33.33%;  }
.app-form .sections .section.size-66 {  width : 66.66%;  }

.app-form .section.separator-top,
.app-form .sections.separator-top {
	
	border-top				: 1px solid #aaa;
	padding-top				: 20px;
	
}

.app-form .section.separator-bottom,
.app-form .sections.separator-bottom {
	
	border-bottom			: 1px solid #aaa;
	padding-bottom			: 0px;
	margin-bottom			: 20px;
	
}

.app-form .section .comment {
	
	font-size				: 12px;
	padding-top				: 5px;
	
}

.app-form .line {
	
	
}

.app-form .line label,
.app-form .line p.label,
.app-form .line span.label {
	
	/*width					: 125px;*/
	display					: inline;
	float					: left;
	padding-top				: 3px;
	
	min-height				: 18px;
	
	-webkit-box-sizing		: border-box;
	-moz-box-sizing			: border-box;
	-o-box-sizing			: border-box;
	box-sizing				: border-box;
	
	
}

.app-form.on-dark-background .line label,
.app-form.on-dark-background .line p.label,
.app-form.on-dark-background .line span.label {
	
	color					: #ccc !important;
	
	
}

.app-form.label-on-one-line .line > label,
.app-form.label-on-one-line .line > p.label,
.app-form.label-on-one-line .line > span.label,
.app-form .label-on-one-line .line > label,
.app-form .label-on-one-line .line > p.label,
.app-form .label-on-one-line .line > span.label {
	
	padding-top				: 0px;
	width					: auto;
	display					: block;
	float					: none;
	padding-bottom			: 4px;
	font-size				: 12px;
	font-weight				: bold;
	
}

.app-form .line > label.mobile-emphasized,
.app-form .line > p.label.mobile-emphasized,
.app-form .line > span.label.mobile-emphasized {
	
	
	
}

.app-form .line div.check-padding,
.app-form .line p.check-padding,
.app-form .line a.check-padding,
.app-form .line label.check-padding,
.app-form .line p.label.check-padding,
.app-form .line span.label.check-padding {
	
	padding-left			: 25px;
	
	
}

.app-form .line input[type="checkbox"] {
	
	display					: inline;
	float					: left;
	
	
}

.app-form .line label.wide,
.app-form .line p.label.wide,
.app-form .line span.label.wide {
	
	width					: 300px;
	
	
}

.app-form .line label.normal,
.app-form .line p.label.normal,
.app-form .line span.label.normal {
	
	width					: auto;
	display					: inline;
	float					: none;
	padding-top				: 0px;
	
	
}



.app-form .line.dark label {
	
	color					: #000;
	
}

.app-form .line > div {
	
	-webkit-box-sizing		: border-box;
	-moz-box-sizing			: border-box;
	-o-box-sizing			: border-box;
	box-sizing				: border-box;
	margin-left				: 135px;
	
	
}

.app-form.label-on-one-line .line > div,
.app-form .label-on-one-line .line > div {
	
	margin-left				: 0px;
	
}


.app-form .line > div.wide {
	
	margin-left				: 310px;
	
	
}

.app-form .line > div .subline {
	
	overflow				: hidden;
	
}

.app-form .line > div .comment {
	
	font-size				: 12px;
	padding-top				: 5px;
	
}

.app-form .line > div input[type="checkbox"],
.app-form .line > div input[type="radio"] {
	
	display					: inline;
	float					: left;
	
}

.app-form .line > div .radio-padding,
.app-form .line > div .checkbox-padding {
	
	margin-left				: 25px;
	
}

.input-container,
input[type="text"].normal-form-element,
.app-form .line > div textarea,
.app-form .line > div input[type="text"],
.app-form .line > div input[type="password"],
.app-form .line > div .wrapper {
	
	-webkit-box-sizing		: border-box;
	-moz-box-sizing			: border-box;
	-o-box-sizing			: border-box;
	box-sizing				: border-box;
	
	font-family				: Roboto, Arial, sans-serif;
	font-size				: 14px;
	
	background-color		: #fff;
	padding					: 7px 5px;
	border					: 0px;
	border-radius			: 3px;
	
}

.app-form.on-dark-background .line > div textarea,
.app-form.on-dark-background .line > div input[type="text"],
.app-form.on-dark-background .line > div input[type="password"],
.app-form.on-dark-background .line > div .wrapper {
	
	background-color		: #555;
	color					: #fff;
	
}

.app-form .line > div input[type="text"].readonly,
.app-form .line > div input[type="password"].readonly {
	
	background				: #ccc;
	
}

.app-form.on-dark-background .line > div input[type="text"].readonly,
.app-form.on-dark-background .line > div input[type="password"].readonly {
	
	background				: #555;
	color					: #888;
	
}

.app-form .line > div .currency {
	
	position				: relative;
	
}

.app-form .line > div .currency input[type="text"] {
	font-size				: 0px;
	line-height				: 17px;
	position				: relative;
}

.app-form .line > div .currency input[type="text"]:focus {
	font-size				: 14px;
	line-height				: 17px;
}

.app-form .line > div .currency input[type="text"] + span {
	position				: absolute;
	right					: 5px;
	top						: 7px;
	font-size				: 14px;
}

.app-form .line > div .currency input[type="text"]:focus + span {
	display					: none;
}

.input-container.search,
input[type="text"].normal-form-element.search,
.app-form .line > div textarea.search,
.app-form .line > div input[type="text"].search {
	
	position				: relative;
	padding-left			: 25px;
	background-image		: url(/resources/gfx/icon-search.png);
	background-repeat		: no-repeat;
	background-position		: 5px center;
	
}

.app-form .line > div .wrapper .input-content {
	
	display					: block;
	
	margin-right			: 20px;
	
	-webkit-box-sizing		: border-box;
	-moz-box-sizing			: border-box;
	-o-box-sizing			: border-box;
	box-sizing				: border-box;
	
}

.app-form .line > div .wrapper .input-remove {
	
	width					: 20px;
	float					: right;
	
	font-size				: 40px;
	text-align				: center;
	
	cursor					: pointer;
	
}

.input-container:disabled,
input[type="text"].normal-form-element:disabled,
.app-form .line > div textarea:disabled,
.app-form .line > div input[type="text"]:disabled,
.app-form .line > div input[type="password"]:disabled,
.app-form .line > div .select select:disabled {
	
	background-color		: #ddd;
	
}

.app-form .line > div .select select option[disabled="disabled"] {
	
	color					: #aaa;
	
}

.app-form .line > div div.check input[type="checkbox"] {
	
	vertical-align			: middle;
	
}

.app-form .line > div div.check {
	
	-webkit-box-sizing		: border-box;
	-moz-box-sizing			: border-box;
	-o-box-sizing			: border-box;
	box-sizing				: border-box;
	
	background				: #555;
	height					: 30px;
	padding-left			: 5px;
	padding-right			: 5px;
	border					: 1px solid #fff;
	border-radius			: 3px;
	
}


.app-form .line > div textarea {
	
	overflow				: scroll;
	overflow-x				: hidden;
	height					: 80px;
	
}

.app-form .line > div .w-50 {  width : 50px;  }
.app-form .line > div .w-75 {  width : 75px;  }
.app-form .line > div .w-100 {  width : 100px;  }
.app-form .line > div .w-125 {  width : 125px;  }
.app-form .line > div .w-150 {  width : 150px;  }
.app-form .line > div .w-200 {  width : 200px;  }
.app-form .line > div .w-250 {  width : 250px;  }
.app-form .line > div .w-300 {  width : 300px;  }

.app-form .line > div .w-full {  width : 100%;  }
.app-form .line > div .w-90p {  width : 90%;  }
.app-form .line > div .w-80p {  width : 80%;  }
.app-form .line > div .w-70p {  width : 70%;  }
.app-form .line > div .w-60p {  width : 60%;  }
.app-form .line > div .w-50p {  width : 50%;  }
.app-form .line > div .w-40p {  width : 40%;  }
.app-form .line > div .w-30p {  width : 30%;  }
.app-form .line > div .w-20p {  width : 20%;  }
.app-form .line > div .w-10p {  width : 10%;  }

.app-form .line > div .h-100 {  height : 100px;  }
.app-form .line > div .h-200 {  height : 200px;  }


input[type="text"].normal-form-element.dark,
.app-form .line > div textarea.dark,
.app-form .line > div input[type="text"].dark,
.app-form .line > div input[type="password"].dark {
	
	background-color		: #555555;
	color					: #fff;
	border					: 1px solid #fff;
	
}

input[type="text"].normal-form-element.full,
.app-form .line > div textarea.full,
.app-form .line > div input[type="text"].full,
.app-form .line > div input[type="password"].full,
.app-form .line > div .full {
	
	width					: 100%;
	
}

input[type="text"].normal-form-element.right,
.app-form .line > div textarea.right,
.app-form .line > div input[type="text"].right,
.app-form .line > div input[type="password"].right {
	
	text-align				: right;
	
}

.app-form .line > div .select.error {
	
	border					: 1px solid #cd303b;
	
}

.app-form .line > div textarea.error,
.app-form .line > div input[type="text"].error,
.app-form .line > div input[type="password"].error {
	
	border					: 1px solid #cd303b;
	background				: #fff;
	color					: #cd303b;
	
}

.app-form .line > div textarea.monospace {
	
	font-family				: "Courier New", Courier, monospace;
	font-size				: 12px;
	
}

.app-form .line .time-container {
	
	display					: inline-block;
	margin-left				: 5px;
	
	
}

.app-form .line .time-container > div {
	
	display					: inline-block;
	width					: 40%;
	padding-right			: 5px;
	
	
}

.app-form .line .unchecked-container p {
	
	color					: #aaa !important;
	
}

.app-form .line .time-container > div .select {
	
	width					: 100%;
	
}


.app-form .errors-container {
	
	display					: none;
	margin					: 20px 0px 0px;
	border					: 1px solid #fff;
	background				: #cd303b;
	padding					: 15px;
	
	
}

.app-form .errors-container .error-message p {
	
	margin					: 0px;
	padding					: 0px;
	color					: #fff;
	
}

.app-form .errors-container .error-message ul {
	
	padding					: 0px;
	margin					: 0px;
	list-style-type			: disc;
	
}

.app-form .errors-container .error-message ul li {
	
	padding					: 0px 0px 0px 0px;
	margin					: 0px 0px 0px 14px;
	font-size				: 14px;
	line-height				: 18px;
	color					: #fff;
	
}



.app-text-editor {
	
	width					: 100%;
	height					: 100%;
	min-height				: 200px;
	
}

.app-text-editor .container {
	
	position				: relative;
	display					: none;
	width					: 100%;
	height					: 100%;
	
}

.app-text-editor .container textarea {
	
	width					: 100%;
	height					: 100%;
	
	padding					: 0px;
	margin					: 0px;
	border					: 0px;
	
}

.app-text-editor .spinner {
	
	position				: absolute;
	top						: 0px;
	left					: 0px;
	width					: 100%;
	height					: 100%;
	
	background				: url(/resources/gfx/loader-big-blue.gif) center center no-repeat;
	
}




.save-info {
	
	padding					: 5px;
	border					: 1px solid #7CB133;
	background				: #4A681E;
	color					: #fff;
	
}



.text-editor-styles {
	
}





.app-form label {
	
	
}

.app-form label span {
	
	
}

.app-form .checkbox-text,
.app-form .radio-text,
.app-form [type="checkbox"]:not(:checked) + label,
.app-form [type="checkbox"]:checked + label,
.app-form [type="radio"]:not(:checked) + label,
.app-form [type="radio"]:checked + label {
	
		padding				: 2px 20px 0px 25px;
		vertical-align		: middle;
		min-height			: 18px;
	
}

/* Base for label styling */

.app-form [type="checkbox"]:not(:checked),
.app-form [type="checkbox"]:checked,
.app-form [type="radio"]:not(:checked),
.app-form [type="radio"]:checked {
	
		position: absolute;
		left: -9999px;
	
}

.app-form [type="checkbox"]:not(:checked) + label,
.app-form [type="checkbox"]:checked + label,
.app-form [type="radio"]:not(:checked) + label,
.app-form [type="radio"]:checked + label,
.app-form span.checkbox-checked {
	
		position: relative;
		min-height: 20px;
	
}

.app-form [type="checkbox"]:not(:checked) + label,
.app-form [type="checkbox"]:checked + label,
.app-form [type="radio"]:not(:checked) + label,
.app-form [type="radio"]:checked + label {
	
		cursor: pointer;
	
}
/* checkbox aspect */

.app-form [type="checkbox"]:not(:checked) + label:before,
.app-form [type="checkbox"]:checked + label:before,
.app-form span.checkbox-checked:before,
.app-form span.radio-checked:before {
	
		content: '';
		position: absolute;
		left: 0;
		top: 0px;
		width: 18px;
		height: 18px;
		border: 1px solid #fff !important;
		border-radius: 0px;
	
}

.app-form [type="radio"]:not(:checked) + label:before,
.app-form [type="radio"]:checked + label:before {
	
		content: '';
		position: absolute;
		left: 0;
		top: 0px;
		width: 18px;
		height: 18px;
		border: 1px solid #fff !important;
		-webkit-border-radius: 50%;
		-moz-border-radius: 50%;
		-o-border-radius: 50%;
		border-radius: 50%;
	
}


.tabPanel [type="checkbox"]:not(:checked) + label:before,
.tabPanel [type="checkbox"]:checked + label:before,
.tabPanel [type="radio"]:not(:checked) + label:before,
.tabPanel [type="radio"]:checked + label:before,
.tabPanel span.checkbox-checked:before,
.tabPanel span.radio-checked:before {
	
		border-color: #000 !important;
	
}


/* checked mark aspect */

.app-form [type="checkbox"]:not(:checked) + label:after,
.app-form [type="checkbox"]:checked + label:after,
.app-form span.checkbox-checked:after {
	
		content: '\2713';
		position: absolute;
		top: 1px;
		left: 3px;
		font-size: 18px;
		font-weight: bold;
		color: #fff;
		transition: all .1s;
	
}

.app-form [type="radio"]:not(:checked) + label:after,
.app-form [type="radio"]:checked + label:after,
.app-form span.radio-checked:after {
	
		content: '';
		position: absolute;
		left: 4px;
		top: 4px;
		width: 10px;
		height: 10px;
		border: 1px solid #fff !important;
		background: #fff;
		-webkit-border-radius: 50%;
		-moz-border-radius: 50%;
		-o-border-radius: 50%;
		border-radius: 50%;
	
}

.tabPanel [type="checkbox"]:not(:checked) + label:after,
.tabPanel [type="checkbox"]:checked + label:after,
.tabPanel span.checkbox-checked:after {
	
		color: #000;
	
}

.tabPanel [type="radio"]:not(:checked) + label:after,
.tabPanel [type="radio"]:checked + label:after,
.tabPanel span.radio-checked:after {
	
		background: #333;
		border-color: #333 !important;
	
}

/* checked mark aspect changes */

.app-form [type="checkbox"]:not(:checked) + label:after,
.app-form [type="radio"]:not(:checked) + label:after {
	
		opacity: 0;
		transform: scale(0) rotate(-25deg);
	
}

.app-form [type="checkbox"]:checked + label:after,
.app-form [type="radio"]:checked + label:after {
	
		opacity: 1;
		transform: scale(1) rotate(0deg);
	
}
/* disabled checkbox */

.app-form [type="checkbox"]:disabled:not(:checked) + label:before,
.app-form [type="checkbox"]:disabled:checked + label:before,
.app-form [type="radio"]:disabled:not(:checked) + label:before,
.app-form [type="radio"]:disabled:checked + label:before,
.app-form [type="checkbox"].disabled:not(:checked) + label:before,
.app-form [type="checkbox"].disabled:checked + label:before,
.app-form [type="radio"].disabled:not(:checked) + label:before,
.app-form [type="radio"].disabled:checked + label:before {
	
		opacity: 0.5;
	
}

.app-form [type="checkbox"]:disabled:checked + label:after,
.app-form [type="radio"]:disabled:checked + label:after,
.app-form [type="checkbox"].disabled:checked + label:after,
.app-form [type="radio"].disabled:checked + label:after {
	
		opacity: 0.5;
	
}

.app-form [type="checkbox"]:disabled + label,
.app-form [type="radio"]:disabled + label,
.app-form [type="checkbox"].disabled + label,
.app-form [type="radio"].disabled + label {
	
		opacity: 0.5;
	
}
/* accessibility */

/*
[type="checkbox"]:checked:focus + label:before,
[type="checkbox"]:not(:checked):focus + label:before {
  border: 1px dotted #7d861e;
}
*/
/* hover style just for information */

label:hover:before {
	
		border: 1px solid #000 !important;
	
}



/****************************************************************************************************************
*  
*  Color Schemes
*  
****************************************************************************************************************/


/**
* DARK GRAY, for windowless forms
**/

.colorscheme-darkgray .section-group {
	
	padding					: 40px 0px 20px;
	
	
	
}

.colorscheme-darkgray.input-container,
.colorscheme-darkgrayinput[type="text"].normal-form-element,
.app-form.colorscheme-darkgray .line > div textarea,
.app-form.colorscheme-darkgray .line > div input[type="text"],
.app-form.colorscheme-darkgray .line > div input[type="password"],
.app-form.colorscheme-darkgray .line > div .wrapper {
	
	background-color		: #555555;
	border					: 1px solid #ccc;
	color					: #fff;
	padding					: 6px 4px;
	
}

.colorscheme-darkgray.input-container.error,
.colorscheme-darkgrayinput[type="text"].normal-form-element.error,
.app-form.colorscheme-darkgray .line > div .select.error,
.app-form.colorscheme-darkgray .line > div textarea.error,
.app-form.colorscheme-darkgray .line > div input[type="text"].error,
.app-form.colorscheme-darkgray .line > div input[type="password"].error,
.app-form.colorscheme-darkgray .line > div .wrapper.error {
	
	border					: 1px solid #F06670;
	
}

.colorscheme-darkgray .line > label {
	
	color					: #ddd;
	
}

.colorscheme-darkgray .line > label + div {
	
	position				: relative;
	
}

.colorscheme-darkgray .line > div::after {
	
	content					: "";
	
	display					: none;
	
	position				: absolute;
	right					: 5px;
	top						: 7px;
	width					: 16px;
	height					: 16px;
	
	background-image		: url(/resources/gfx/loader-lightgray.gif);
	background-position		: center;
	background-repeat		: no-repeat;
	
}

.colorscheme-darkgray .line > div.spinner::after {
	
	display					: inline;
	
}

.colorscheme-darkgray .select {
	
	border					: 1px solid #ccc;
	border-radius			: 3px;
	background-color		: #555555;
	padding					: 5px;
	height					: 31px;
	text-align				: center;
	
}

.colorscheme-darkgray .select select {
	
	color					: #fff;
	
}

.colorscheme-darkgray .select select option {
	
	color					: #000;
	background				: #fff;
	
}

.app-form.colorscheme-darkgray .line-separator {
	
	border-bottom			: 1px solid #888;
	margin					: 20px 0px 30px;
	
}

 .div-list, .div-list-768 {
	
	overflow				: hidden;
	position				: relative;
	z-index					: 1;
	
}

.div-list .line {
	
	overflow				: hidden;
	width					: 100%;
	padding-bottom			: 10px;
	position				: relative;
	
	-webkit-box-sizing		: border-box;
	-moz-box-sizing			: border-box;
	-o-box-sizing			: border-box;
	box-sizing				: border-box;
	
	
}

.div-list .line,
.div-list .line.odd {
	
	background				: #222;
	
}

.div-list .line.headings {
	
	background				: transparent;
	
}

.div-list .line.always-odd {
	
	background				: #222;
	border-bottom			: 1px solid #ddd;
	
}

.div-list .line .item {
	
	display					: inline;
	float					: left;
	
	color					: #ccc;
	
	-webkit-box-sizing		: border-box;
	-moz-box-sizing			: border-box;
	-o-box-sizing			: border-box;
	box-sizing				: border-box;
	
}

.div-list .line.headings .item {
	
	color					: #fff;
	
}

.div-list .line .item.icons img.clickable {
	
	cursor					: pointer;
	
}

.div-list .line .item.heading {
	
	font-weight				: 700;
	/*border-bottom			: 1px solid #fff;*/
	padding					: 2px 0px 5px !important;
	margin					: 0px 0px 5px;
	
	
}

.div-list-768 .content {
	
	padding					: 0px;
	
	
}

.div-list-768 .line {
	
	overflow				: hidden;
	width					: 100%;
	padding					: 10px 0px 10px;
	position				: relative;
	
	-webkit-box-sizing		: border-box;
	-moz-box-sizing			: border-box;
	-o-box-sizing			: border-box;
	box-sizing				: border-box;
	
	
}

.div-list-768 .line.open .item,
.div-list-768 .line.open .item span {
	
	color					: #fff !important;
	font-weight				: bold;
	
}

.div-list-768 .line,
.div-list-768 .line.odd {
	
	background				: #222;
	
}

.div-list-768 .line.headings {
	
	padding					: 0px;
	background				: transparent;
	
}

.div-list-768 .line.always-odd {
	
	background				: #222;
	/*border-bottom			: 1px solid #ddd;*/
	
}

.div-list-768 .line.odd.open,
.div-list-768 .line.always-odd.open,
.div-list-768 .line.open {
	
	background				: #000;
	
}

.div-list-768 .line .item {
	
	display					: inline;
	float					: left;
	
	color					: #ccc;
	
	-webkit-box-sizing		: border-box;
	-moz-box-sizing			: border-box;
	-o-box-sizing			: border-box;
	box-sizing				: border-box;
	
}

.div-list-768 .line.headings .item {
	
	color					: #fff;
	
}

.div-list-768 .line .item.icons {
	
	padding-left			: 5px;
	
	-webkit-box-sizing		: border-box;
	-moz-box-sizing			: border-box;
	-o-box-sizing			: border-box;
	box-sizing				: border-box;
	
	
}

.div-list-768 .line .item.icons img.clickable {
	
	cursor					: pointer;
	
}

.div-list-768 .line.headings .item {
	
	font-weight				: 700;
	/*border-bottom			: 1px solid #fff;*/
	padding					: 2px 0px 5px !important;
	margin					: 0px 0px 0px;
	
	
}



.div-list-1010 .content {
	
	padding					: 0px;
	
	
}

.div-list-1010 .line {
	
	overflow				: hidden;
	width					: 100%;
	padding					: 10px 0px 10px;
	position				: relative;
	
	-webkit-box-sizing		: border-box;
	-moz-box-sizing			: border-box;
	-o-box-sizing			: border-box;
	box-sizing				: border-box;
	
	
}

.div-list-1010 .line.desktop-odd.open,
.div-list-1010 .line.odd.open,
.div-list-1010 .line.always-odd.open,
.div-list-1010 .line.open {
	
	background				: #000 !important;
	
}

.div-list-1010 .line.open .item,
.div-list-1010 .line.open .item span {
	
	color					: #fff !important;
	font-weight				: bold;
	
}

.div-list-1010 .line,
.div-list-1010 .line.odd {
	
	background				: #222;
	
}

.div-list-1010 .line.always-odd {
	
	background				: #222;
	
}

.div-list-1010 .line.headings {
	
	background				: transparent;
	padding					: 0px;
	
}

.div-list-1010 .line .item {
	
	display					: inline;
	float					: left;
	
	-webkit-box-sizing		: border-box;
	-moz-box-sizing			: border-box;
	-o-box-sizing			: border-box;
	box-sizing				: border-box;
	
}

.div-list-1010 .line .item.icons {
	
	padding-left			: 5px;
	
	-webkit-box-sizing		: border-box;
	-moz-box-sizing			: border-box;
	-o-box-sizing			: border-box;
	box-sizing				: border-box;
	
	
}

.div-list-1010 .line .item.icons img.clickable {
	
	cursor					: pointer;
	
}

.div-list-1010 .line.headings .item {
	
	font-weight				: 700;
	padding					: 2px 0px 5px !important;
	margin					: 0px 0px 0px;
	
	
}


.div-list .item.hidden,
.div-list-768 .item.hidden,
.div-list-1010 .item.hidden {
	
	display					: none;
	
}


.div-list + .page-controls {
	
	padding					: 16px 0px 0px;
	
	
}

.div-list-768 + .page-controls {
	
	padding					: 16px 0px 0px;
	
	
}

.div-list-1010 + .page-controls {
	
	padding					: 16px 0px 0px;
	
	
}

.div-list-colors {
	
	padding-top				: 5px;
	
}

.div-list-colors a {
	
	color					: #aaa;
	
}

.div-list-colors a.hidden {
	
	display					: none;
	
}

.div-list-colors p {
	
	display					: none;
	padding					: 0px 20px 10px 0px;
	color					: #ccc;
	
	
}

.div-list-colors p.visible {
	
	display					: inline-block;
	
	
}

.div-list-colors p span {
	
	display					: inline-block;
	width					: 10px;
	height					: 10px;
	
	margin					: 0px 0px 0px 0px;
	
	border					: 1px solid #000;
	
	-webkit-border-radius	: 50%;
	-moz-border-radius		: 50%;
	-o-border-radius		: 50%;
	border-radius			: 50%;
	
	
}


 /** responsive filter **/
.list-filter-button {
	
	display					: none !important;
	padding-right			: 28px !important;
	position				: relative;
	
	
}

.list-filter-button::after {
	
	content					: '';
	position				: absolute;
	
	top						: 16px;
	right					: 12px;
	
	background-image		: url(/resources/gfx/select-arrow-down.png?v=20211125);
	background-position		: center center;
	background-repeat		: no-repeat;
	width					: 9px;
	height					: 9px;
	
	
}

.list-filter-button.down::after,
.list-filter-button:hover::after {
	
	background-image		: url(/resources/gfx/select-arrow-down.png?v=20211125);
	
	
}

.list-filter-button img {
	
	display					: none;
	
}

.list-filter {
	
	display					: block;
	z-index					: 10;
	font-size				: 14px;
	
	
}

.list-filter div {
	
	
	
}

.list-filter div.pl5 {
	
}

.list-filter.visible {
	
	
	
}

/** always filter **/
.list-filter-button.always {
	
	display					: inline !important;
	
}

.list-filter.always {
	
	position				: absolute;
	display					: none;
	text-align				: center;
	background				: #222;
	/*border					: 1px solid #777;*/
	border-radius			: 5px;
	margin-top				: 5px;
	padding					: 15px;
	
	-webkit-box-shadow		: 0px 1px 15px -2px #000;
	-moz-box-shadow			: 0px 1px 15px -2px #000;
	-o-box-shadow			: 0px 1px 15px -2px #000;
	box-shadow				: 0px 1px 15px -2px #000;
	
	
}


.list-filter.always div {
	
	
	
}

.list-filter.always.visible {
	
	display					: block;
	
}

.list-filter div.section {
	
	margin-bottom			: 10px;
	
}

.list-filter div.section span.descr {
	
	font-size				: 12px;
	font-weight				: bold;
	line-height				: 16px;
	display					: block;
	padding-bottom			: 4px;
	
} /***********************************************************************************
* GENERAL
***********************************************************************************/

div.grid-list ul {
	
	display					: block;
	
	list-style-type			: none;
	min-height				: 200px;
	height					: 700px;
	
	font-size				: 0px;
	line-height				: 0px;
	
	margin					: 0px -1px -1px 0px;
	padding					: 0px;
	
	
	
	
}

div.grid-list ul li {
	
	position				: relative;
	
	display					: inline-block;
	
	width					: 20%;
	height					: 25%;
	
	margin					: 0px;
	/*padding					: 2px 0px 0px 2px;*/
	/*border-right			: 1px solid #fff;
	border-bottom			: 1px solid #fff;*/
	
	-webkit-box-sizing		: border-box;
	-moz-box-sizing			: border-box;
	-o-box-sizing			: border-box;
	box-sizing				: border-box;
	
	cursor					: pointer;
	
	
	
}

div.grid-list ul li div.container {
	
	width					: 100%;
	height					: 100%;
	
	background-repeat		: no-repeat;
	background-position		: center center;
	background-image		: url(/resources/gfx/loader-blue.gif);
	
}

div.grid-list ul li div.background {
	
	position				: absolute;
	
	background-size			: cover;
	background-repeat		: no-repeat;
	background-position		: center center;
	background-color		: transparent;
	
	top						: 0px;
	left					: 0px;
	width					: 100%;
	height					: 100%;
	
	opacity					: 1;
	
	-webkit-transition		: 0.5s all;
	-moz-transition			: 0.5s all;
	-o-transition			: 0.5s all;
	transition				: 0.5s all;
	
}

div.grid-list ul li:hover div.background {
	
	opacity					: 1;
	
	-webkit-transition		: 0.2s all;
	-moz-transition			: 0.2s all;
	-o-transition			: 0.2s all;
	transition				: 0.2s all;
	
}

div.grid-list ul li span.name {
	
	position				: absolute;
	
	bottom					: 0px;
	left					: 0px;
	width					: 100%;
	
	text-align				: center;
	text-overflow			: ellipsis;
	white-space				: nowrap;
	
	font-size				: 12px;
	line-height				: 12px;
	
	height					: 28px;
	overflow				: hidden;
	
	padding					: 8px 26px;
	
	background				: rgba(0, 0, 0, 0.7);
	
	-webkit-box-sizing		: border-box;
	-moz-box-sizing			: border-box;
	-o-box-sizing			: border-box;
	box-sizing				: border-box;
	
	-webkit-transition		: 0.5s all;
	-moz-transition			: 0.5s all;
	-o-transition			: 0.5s all;
	transition				: 0.5s all;
	
	
	
	
}

div.grid-list ul li:hover span.name {
	
	padding					: 12px 26px;
	height					: 36px;
	
	-webkit-transition		: 0.2s all;
	-moz-transition			: 0.2s all;
	-o-transition			: 0.2s all;
	transition				: 0.2s all;
	
	
	
}

div.grid-list ul li img.delete,
div.grid-list ul li img.edit {
	
	opacity					: 0;
	
	position				: absolute;
	width					: 18px;
	height					: 18px;
	
	bottom					: 10px;
	
	cursor					: pointer;
	
	-webkit-transition		: 0.5s all;
	-moz-transition			: 0.5s all;
	-o-transition			: 0.5s all;
	transition				: 0.5s all;
	
	
	
}

div.grid-list ul li img.edit {
	
	left					: 5px;
	
}

div.grid-list ul li img.delete {
	
	right					: 5px;
	
}

div.grid-list ul li:hover img.delete,
div.grid-list ul li:hover img.edit {
	
	opacity					: 1;
	
	-webkit-transition		: 0.2s all;
	-moz-transition			: 0.2s all;
	-o-transition			: 0.2s all;
	transition				: 0.2s all;
	
}


/***********************************************************************************
* COLOR SCHEMES
***********************************************************************************/

.popup div.grid-list {
	
	background-color		: #1F3E4F;
	background-position		: center center;
	background-repeat		: no-repeat;
	
	overflow				: hidden;
	
	margin					: 0px 0px 10px;
	/*
	border-top				: 1px solid #fff;
	border-bottom			: 1px solid #fff;
	*/
	
}

.popup div.grid-list.spinner {
	
	background-image		: url(/resources/gfx/loader-big-blue.gif);
	
}
 .info-blocks {
	
	margin							: 0px 0px 20px -20px;
	padding							: 0px;
	
	overflow						: hidden;
	
	
}

.info-blocks h1,
.info-blocks h2 {
	
	margin							: 0px 0px 20px 20px;
	
	
}

.info-blocks .info-block {
	
	float							: left;
	display							: inline-block;
	width							: 100%;
	max-height						: 600px;
	
	-webkit-transition				: all 0.2s;
	-moz-transition					: all 0.2s;
	-o-transition					: all 0.2s;
	transition						: all 0.2s;
	
	overflow						: hidden;
	
	
}

.info-blocks .info-block.hidden {
	
	max-height						: 0px;
	visibility						: hidden;
	opacity							: 0;
	
}

.info-blocks .info-block.desktop-col-3 {
	
	width							: 33.33%;
	
	
}

.info-blocks .info-block.desktop-col-2 {
	
	width							: 50%;
	
	
}

.info-blocks .info-block.tablet-col-3 {
	
	
}

.info-blocks .info-block.tablet-col-2 {
	
	
}

.info-blocks .info-block.tablet-col-1 {
	
	
}

.info-blocks .info-block.mobile-col-2 {
	
}

.info-blocks .info-block.mobile-col-1 {
	
}

.info-blocks .info-block > .content {
	
	margin							: 0px 0px 20px 20px;
	padding							: 20px;
	
	background						: #222;
	
	-webkit-box-sizing				: border-box;
	-moz-box-sizing					: border-box;
	-o-box-sizing					: border-box;
	box-sizing						: border-box;
	
	
}

.info-blocks .info-block.blue > .content,
.info-blocks .info-block.green > .content,
.info-blocks .info-block.red > .content,
.info-blocks .info-block.yellow > .content {
	
	border-left-width				: 4px;
	border-left-style				: solid;
	
	
}

.info-blocks .info-block.blue.fill > .content,
.info-blocks .info-block.green.fill > .content,
.info-blocks .info-block.red.fill > .content,
.info-blocks .info-block.yellow.fill > .content {
	
	border-left-width				: 0px;
	
	
}

.info-blocks .info-block.blue > .content {
	
	border-left-color				: #316380;
	
}

.info-blocks .info-block.green > .content {
	
	border-left-color				: #317f16;
	
}

.info-blocks .info-block.red > .content {
	
	border-left-color				: #bc2f35;
	
}

.info-blocks .info-block.yellow > .content {
	
	border-left-color				: #c29700;
	
}

.info-blocks .info-block.orange > .content {
	
	border-left-color				: #cd6f00;
	
}

.info-blocks .info-block.blue.fill > .content {
	
	background						: #316380;
	
}

.info-blocks .info-block.green.fill > .content {
	
	background						: #317f16;
	
}

.info-blocks .info-block.red.fill > .content {
	
	background						: #bc2f35;
	
}

.info-blocks .info-block.yellow.fill > .content {
	
	background						: #c29700;
	
}

.info-blocks .info-block.orange.fill > .content {
	
	background						: #cd6f00;
	
}
 html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl,
dt, dd, ol, ul, li, fieldset, form, label, legend, caption, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	
	margin				: 0px;
	padding				: 0px;
	border				: 0px;
	font				: inherit;
	
}

table, tbody, tfoot, thead, tr, th, td {
	
	border				: 0;
	font				: inherit;
	
}

* {
	
	
}

body {
	
	font-family			: Roboto, Arial, Helvetica, sans-serif;
	font-weight			: 400;
	font-size			: 14px;
	color				: #fff;
	line-height			: 1.3em;
	
}


/* roboto-100 - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 100;
  src: url('/resources/css/fonts/roboto-v20-latin-100.eot'); /* IE9 Compat Modes */
  src: local('Roboto Thin'), local('Roboto-Thin'),
       url('/resources/css/fonts/roboto-v20-latin-100.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/resources/css/fonts/roboto-v20-latin-100.woff2') format('woff2'), /* Super Modern Browsers */
       url('/resources/css/fonts/roboto-v20-latin-100.woff') format('woff'), /* Modern Browsers */
       url('/resources/css/fonts/roboto-v20-latin-100.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/resources/css/fonts/roboto-v20-latin-100.svg#Roboto') format('svg'); /* Legacy iOS */
}
/* roboto-regular - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: url('/resources/css/fonts/roboto-v20-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Roboto'), local('Roboto-Regular'),
       url('/resources/css/fonts/roboto-v20-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/resources/css/fonts/roboto-v20-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('/resources/css/fonts/roboto-v20-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('/resources/css/fonts/roboto-v20-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/resources/css/fonts/roboto-v20-latin-regular.svg#Roboto') format('svg'); /* Legacy iOS */
}
/* roboto-700 - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: url('/resources/css/fonts/roboto-v20-latin-700.eot'); /* IE9 Compat Modes */
  src: local('Roboto Bold'), local('Roboto-Bold'),
       url('/resources/css/fonts/roboto-v20-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/resources/css/fonts/roboto-v20-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('/resources/css/fonts/roboto-v20-latin-700.woff') format('woff'), /* Modern Browsers */
       url('/resources/css/fonts/roboto-v20-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/resources/css/fonts/roboto-v20-latin-700.svg#Roboto') format('svg'); /* Legacy iOS */
}
/* roboto-900 - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 900;
  src: url('/resources/css/fonts/roboto-v20-latin-900.eot'); /* IE9 Compat Modes */
  src: local('Roboto Black'), local('Roboto-Black'),
       url('/resources/css/fonts/roboto-v20-latin-900.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/resources/css/fonts/roboto-v20-latin-900.woff2') format('woff2'), /* Super Modern Browsers */
       url('/resources/css/fonts/roboto-v20-latin-900.woff') format('woff'), /* Modern Browsers */
       url('/resources/css/fonts/roboto-v20-latin-900.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/resources/css/fonts/roboto-v20-latin-900.svg#Roboto') format('svg'); /* Legacy iOS */
}


img {
	
	border				: 0px;
	
}

h1 {
	
	margin-bottom		: 20px;
	font-size			: 26px;
	line-height			: 32px;
	
}

h2 {
	
	margin-bottom		: 10px;
	font-size			: 14px;
	font-weight			: 700;
	
}

.f-right {
	
	float				: right !important;
	
}

.f-left {
	
	float				: left !important;
	
}

.c-right {
	
	clear				: right !important;
	
}

.c-left {
	
	clear				: left !important;
	
}

.v-middle {
	
	vertical-align		: bottom;
	
}

.t-left {
	
	text-align			: left;
	
}

.t-center {
	
	text-align			: center;
	
}

.t-right {
	
	text-align			: right;
	
}

.block {
	
	display				: block;
	
}

.inline {
	
	display				: inline;
	
}

.inline-block {
	
	display				: inline-block;
	
}

strong, .strong {
	
	font-weight			: 900;
	
}

.hidden {
	
	display				: none;
	
}

.relative {
	
	position			: relative;
	
}

.absolute {
	
	position			: absolute;
	
}

.clickable {
	
	cursor				: pointer;
	
}

.mb50 {margin-bottom : 50px;}
.mb40 {margin-bottom : 40px;}
.mb30 {margin-bottom : 30px;}
.mb20 {margin-bottom : 20px;}
.mb10 {margin-bottom : 10px;}
.mb5 {margin-bottom : 5px;}
.mb2 {margin-bottom : 2px;}

.mt60 {margin-top : 60px;}
.mt50 {margin-top : 50px;}
.mt40 {margin-top : 40px;}
.mt30 {margin-top : 30px;}
.mt20 {margin-top : 20px;}
.mt15 {margin-top : 15px;}
.mt10 {margin-top : 10px;}
.mt5 {margin-top : 5px;}
.mt2 {margin-top : 2px;}

.mtm20 {margin-top : -20px;}
.mtm15 {margin-top : -15px;}
.mtm10 {margin-top : -10px;}
.mtm5 {margin-top : -5px;}

.ml30 {margin-left : 30px;}
.ml20 {margin-left : 20px;}
.ml15 {margin-left : 15px;}
.ml10 {margin-left : 10px;}
.ml5 {margin-left : 5px;}
.ml2 {margin-left : 2px;}

.mr30 {margin-right : 30px;}
.mr20 {margin-right : 20px;}
.mr15 {margin-right : 15px;}
.mr10 {margin-right : 10px;}
.mr5 {margin-right : 5px;}
.mr2 {margin-right : 2px;}

.pl1 {padding-left : 1px;}
.pl2 {padding-left : 2px;}
.pl3 {padding-left : 3px;}
.pl4 {padding-left : 4px;}
.pl5 {padding-left : 5px;}
.pl6 {padding-left : 6px;}
.pl7 {padding-left : 7px;}
.pl8 {padding-left : 8px;}
.pl9 {padding-left : 9px;}
.pl10 {padding-left : 10px;}
.pl15 {padding-left : 15px;}
.pl20 {padding-left : 20px;}

.pr5 {padding-right : 5px;}
.pr10 {padding-right : 10px;}
.pr15 {padding-right : 15px;}
.pr20 {padding-right : 20px;}

.pt3 {padding-top : 3px;}
.pt5 {padding-top : 5px;}
.pt10 {padding-top : 10px;}
.pt15 {padding-top : 15px;}
.pt20 {padding-top : 20px;}

.pb3 {padding-bottom : 3px;}
.pb5 {padding-bottom : 5px;}
.pb10 {padding-bottom : 10px;}
.pb15 {padding-bottom : 15px;}
.pb20 {padding-bottom : 20px;}


.w-50p {width : 50% !important;}

.filter .w-50 {width : 50px !important;}
.filter .w-100 {width : 100px !important;}
.filter .w-150 {width : 150px !important;}
.filter .w-200 {width : 200px !important;}
.filter .w-250 {width : 250px !important;}
.filter .w-300 {width : 300px !important;}
.filter .w-350 {width : 350px !important;}
.filter .w-400 {width : 400px !important;}


.no-overflow {
	
	overflow			: hidden;
	
}

.overflow {
	
	overflow			: visible !important;
	
}


.message-box {
	
	border				: 1px solid #fff;
	border-radius		: 5px;
	background			: #555;
	padding				: 20px;
	
}

.no-mobile {
	
	
	
}

.no-mobile-real {
	
	
	
}

.mobile-only {
	
	display				: none;
	
	
}

.no-mobile-message {
	
	display				: none;
	
	
}

.desktop-only {
	
	
	
}

.tablet-desktop-only {
	
	
	
}

.no-desktop {
	
	display				: none;
	
	
}

.no-desktop-1010 {
	
	display				: none;
	
	
}

.no-desktop-table-cell {
	
	display				: none;
	
	
}



a {
	
	color				: #7CB133;
	text-decoration		: none;
	
}

a:hover {
	
	text-decoration		: underline;
	
}

a.no-hover:hover {
	
	text-decoration		: none;
	
}

img.button {
	
	cursor				: pointer;
	
}

img.button.disabled {
	
	opacity				: 0.2;
	cursor				: default !important;
	
}

table.list {
	
	font-size			: 14px;
	
}

table.list thead tr th {
	
	/*border-bottom		: 1px solid #fff;*/
	padding				: 5px 5px;
	font-weight			: 700;
	font-style			: normal;
	text-align			: left;
	
	-webkit-box-sizing	: border-box;
	-moz-box-sizing		: border-box;
	-o-box-sizing		: border-box;
	box-sizing			: border-box;
	
}

table.list tbody tr td {
	
	padding				: 5px 5px;
	
}

table.list tbody tr td.responsive-font-size {
	
	font-size			: 14px;
	
	
}

table.list tbody tr:first-child td {
	
	padding				: 10px 5px 5px;
	
}



/*****************************************************************************
*  
*  Form controls
*  
*****************************************************************************/

.button-panels {
	
	overflow			: hidden;
	
	margin-bottom		: 40px;
	
	
}

.button-panels .button-panel {
	
	margin-bottom		: 20px;
	
}

.button-panels .button-panel.desktop-right {
	
	float				: right;
	
	
	
}

.button-panels .button-panel.tablet-right {
	
	
}

.button-panels .button-panel.mobile-right {
	
}

.button-panels .button-panel.desktop-left {
	
	float				: left;
	
	
	
}

.button-panels .button-panel.tablet-left {
	
	
}

.button-panels .button-panel.mobile-left {
	
}

textarea, input, button {
	
	outline: none;
	
}

select {
	
	-webkit-appearance	: none;
	-moz-appearance		: none;
	appearance			: none;
	background-image	: url(/resources/gfx/select-arrow-down.png);
	background-position	: right center;
	background-repeat	: no-repeat;
	
}

.popup select {
	
	background-image	: url(/resources/gfx/contrast-select-arrow-down.png);
	
}

a.button, button, input[type=submit]  {
	
	font-size			: 14px;
	
	
}

.button-standard, button.standard, input[type=submit] {
	
	display				: inline-block;
	overflow			: hidden;
	
	padding				: 12px 15px; /**8px 15px**/
	background-color	: #7CB133;
	border				: 0px; /*1px solid #fff;*/
	-webkit-border-radius	: 3px;
	-moz-border-radius		: 3px;
	-o-border-radius		: 3px;
	border-radius			: 3px;
	color				: #fff;
	
	cursor				: pointer;
	
	text-decoration		: none;
	
	vertical-align		: middle;
	
	-webkit-transition	: all 0.1s;
	-moz-transition		: all 0.1s;
	-o-transition		: all 0.1s;
	transition			: all 0.1s;
	
}

.button-standard.busy, button.standard.busy, input[type=submit].busy, button.busy {
	
	min-width			: 60px;
	
}

.button-standard.busy, button.standard.busy, input[type=submit].busy, button.busy::after {
	
	top					: 0px;
	
}


.button-standard.transparent, button.standard.transparent, input[type=submit].transparent {
	
	background-color	: rgba(255, 255, 255, 0.25);
	/*padding				: 11px 14px; /**8px 15px**/
	border				: 0px;
	color				: #fff;
	
}

.button-standard.hidden, button.standard.hidden, input[type=submit].hidden {
	
	display				: none;
	
}

.button-standard.bw, button.standard.bw, input[type=submit].bw {
	
	background-color	: #fff;
	color				: #666;
	
}

.button-standard.bw.down, button.standard.bw.down, input[type=submit].bw.down {
	
	background-color	: #666;
	color				: #fff;
	
}

.button-standard.icon, button.standard.icon {
	
	padding				: 7px 15px 6px; /**8px 15px**/
	/*padding				: 3px 8px 2px;*/
	
	
}

.button-standard.icon img, button.standard.icon img {
	
	height				: 20px;
	padding-top			: 2px;
	padding-bottom		: 2px;
	
}

.button-standard.icon.icon-export, button.standard.icon.icon-export,
.button-standard.icon.icon-question, button.standard.icon.icon-question,
.button-standard.icon.icon-save, button.standard.icon.icon-save,
.button-standard.icon.icon-delete, button.standard.icon.icon-delete,
.button-standard.icon.icon-emailaddresses, button.standard.icon.icon-emailaddresses {
	
    background-repeat	: no-repeat;
    background-size		: 16px auto;
    background-position	: 14px center;
	padding				: 7px 15px 7px 28px;
	
	
}

.button-standard.icon.icon-export, button.standard.icon.icon-export {  background-image: url(/resources/gfx/icon-doc.png);  }
.button-standard.icon.icon-emailaddresses, button.standard.icon.icon-emailaddresses {  background-image: url(/resources/gfx/icon-docemail.png);  }
.button-standard.icon.icon-question, button.standard.icon.icon-question {  background-image: url(/resources/gfx/icon-question.png);  }
.button-standard.icon.icon-save, button.standard.icon.icon-save {  background-image: url(/resources/gfx/icon-save.png);  }
.button-standard.icon.icon-delete, button.standard.icon.icon-delete {  background-image: url(/resources/gfx/icon-delete-light.png);  }

.button-standard.left, button.standard.left {
	
	/*margin						: 0px;*/
	border-top-right-radius		: 0px;
	border-bottom-right-radius	: 0px;
	
}

.button-standard.middle, button.standard.middle {
	
	/*margin						: 0px;*/
	border-left					: 1px solid #000;
	border-radius				: 0px;
	
}

.button-standard.right, button.standard.right {
	
	/*margin						: 0px;*/
	border-left					: 1px solid #000;
	border-top-left-radius		: 0px;
	border-bottom-left-radius	: 0px;
	
}

.button-standard.left, button.standard.left,
.button-standard.middle, button.standard.middle,
.button-standard.right, button.standard.right {
	background					: #4f731c;
}

.button-standard.stackable-4.stackable-no-1, button.standard.stackable-4.stackable-no-1 {
	
	/*
	margin						: 0px;
	border-left					: 0px;
	border-top-left-radius		: 0px;
	border-bottom-left-radius	: 0px;
	*/
	
}

button.standard.image {
	
	padding				: 3px 7px 2px;
	
}

button.standard span,
.button-standard span {
	
	display				: inline-block;
	
	max-width			: 0px;
	
	white-space			: nowrap;
	font-size			: 12px;
	line-height			: 27px;
	padding				: 0px;
	vertical-align		: bottom;
	
	opacity				: 0;
	
	-webkit-transition	: 0.5s all;
	-moz-transition		: 0.5s all;
	-o-transition		: 0.5s all;
	transition			: 0.5s all;
	
	
}

button.standard.down span,
.button-standard span.always,
button.standard span.always {
	
	max-width			: 180px;
	padding				: 0px 5px 0px 8px;
	
	opacity				: 1;
	font-size			: 14px;
	
	-webkit-transition	: 0.5s all;
	-moz-transition		: 0.5s all;
	-o-transition		: 0.5s all;
	transition			: 0.5s all;
	
}

/*button.standard.symbol.big {*/
	
	/*font-size			: 20px;
	line-height			: 20px;
	padding				: 0px 2px;
	width				: 20px;*/
	
/*}*/

button.standard.symbol {
	
	font-size			: 20px;
	line-height			: 20px;
	padding				: 0px;
	width				: 26px;
	height				: 26px;
	
}

.button-standard.hover, .button-standard:hover, button.standard:hover, input[type=submit]:hover {
	
	background			: #87BF37;
	/*border-color		: #fff;*/
	
	text-decoration		: none;
	
	-webkit-transition	: all 0.1s;
	-moz-transition		: all 0.1s;
	-o-transition		: all 0.1s;
	transition			: all 0.1s;
	
}

.button-standard.transparent.hover, button-standard.transparent:hover, button.standard.transparent:hover, input[type=submit].transparent:hover {
	
	background			: #fff;
	color				: #000;
	
}

.button-standard.down, button.standard.down {
	
	background			: #CD303B;
	
	-webkit-transition	: all 0.1s;
	-moz-transition		: all 0.1s;
	-o-transition		: all 0.1s;
	transition			: all 0.1s;
	
}

button.standard.down:hover {
	
	background			: #E54F56;
	
	-webkit-transition	: all 0.1s;
	-moz-transition		: all 0.1s;
	-o-transition		: all 0.1s;
	transition			: all 0.1s;
	
}

.button-standard.left.down, button.standard.left.down,
.button-standard.middle.down, button.standard.middle.down,
.button-standard.right.down, button.standard.right.down {
	
	background					: #7AB037;
	
}

.button-standard.left.down:hover, button.standard.left.down:hover,
.button-standard.middle.down:hover, button.standard.middle.down:hover,
.button-standard.right.down:hover, button.standard.right.down:hover {
	
	background					: #7AB037;
	
}

button.standard.disabled {
	
	opacity				: 0.5;
	background			: #87BF37;
	
}

button.standard.disabled:hover {
	
	background			: #87BF37;
	
}

button.standard.control {
	
	border				: 1px solid transparent;
	background			: transparent !important;
	width				: 18px;
	height				: 26px;
	text-align			: center;
	
}

button.standard.control:hover {
	
	
}

.button-toggle {
	
	display					: inline-block;
	
	vertical-align			: bottom;
	
	font-size				: 0px;
	
	border					: 1px solid #aaa;
	
	-webkit-border-radius	: 3px;
	-moz-border-radius		: 3px;
	-o-border-radius		: 3px;
	border-radius			: 3px;
	
	overflow				: hidden;
	
	cursor					: pointer;
	
	padding					: 0px;
	margin					: 0px 0px 3px;
	
}

.button-toggle .on,
.button-toggle .off {
	
	font-size				: 10px;
	line-height				: 10px;
	
	padding					: 4px;
	
	display					: inline-block;
	vertical-align			: bottom;
	overflow				: hidden;
	
	-webkit-transition		: 0.2s all linear;
	-moz-transition			: 0.2s all linear;
	-o-transition			: 0.2s all linear;
	transition				: 0.2s all linear;
	
}

.button-toggle .on {
	
	background				: #444;
	color					: #444;
	
	max-width				: 10px;
	
}

.button-toggle.on .on {
	
	background				: #ddd;
	color					: #222;
	
	max-width				: 20px;
	
}

.button-toggle .off {
	
	background				: #ddd;
	color					: #222;
	
	max-width				: 20px;
	
}

.button-toggle.on .off {
	
	background				: #444;
	color					: #444;
	
	max-width				: 10px;
	
}

.emphazised {
	
	margin-top				: -1px;
	padding					: 1px 2px;
	
	-webkit-border-radius	: 4px;
	-moz-border-radius		: 4px;
	-o-border-radius		: 4px;
	border-radius			: 4px;
	
	text-transform			: uppercase;
	font-size				: 10px;
	
}

.emphazised.orange,
.emphazised.color-1 {
	
	background				: #f7941d;
	color					: #fff;
	
}

.emphazised.yellow,
.emphazised.color-2 {
	
	background				: #ffd200;
	color					: #fff;
	
}

.emphazised.green,
.emphazised.color-3 {
	
	background				: #138449;
	color					: #fff;
	
}

.emphazised.turquoise,
.emphazised.color-4 {
	
	background				: #1cbbb4;
	color					: #fff;
	
}

.emphazised.blue,
.emphazised.color-5 {
	
	background				: #316380;
	color					: #fff;
	
}

.emphazised.purple,
.emphazised.color-6 {
	
	background				: #a2189f;
	color					: #fff;
	
}

.emphazised.red,
.emphazised.color-7 {
	
	background				: #d92e35;
	color					: #fff;
	
}

.emphazised.transparent.orange,
.emphazised.transparent.color-1 {
	
	border-color			: #f7941d;
	color					: #f7941d;
	
}

.emphazised.transparent.yellow,
.emphazised.transparent.color-2 {
	
	border-color			: #ffd200;
	color					: #ffd200;
	
}

.emphazised.transparent.green,
.emphazised.transparent.color-3 {
	
	border-color			: #138449;
	color					: #138449;
	
}

.emphazised.transparent.turquoise,
.emphazised.transparent.color-4 {
	
	border-color			: #1cbbb4;
	color					: #1cbbb4;
	
}

.emphazised.transparent.blue,
.emphazised.transparent.color-5 {
	
	border-color			: #56A0CA;
	color					: #56A0CA;
	
}

.emphazised.transparent.purple,
.emphazised.transparent.color-6 {
	
	border-color			: #a2189f;
	color					: #a2189f;
	
}

.emphazised.transparent.red,
.emphazised.transparent.color-7 {
	
	border-color			: #d92e35;
	color					: #d92e35;
	
}

.emphazised.transparent {
	
	padding					: 1px 2px;
	border-width			: 1px;
	border-style			: solid;
	background				: #000 !important;
	-webkit-box-shadow		: 0px 1px 10px -3px #000;
	-moz-box-shadow			: 0px 1px 10px -3px #000;
	-o-box-shadow			: 0px 1px 10px -3px #000;
	box-shadow				: 0px 1px 10px -3px #000;
	
}


input[type=text], input[type=password], textarea {
	border				: 1px solid #aaaaaa;
	padding				: 2px;
	background			: #ffffff;
	font-family			: Arial;
	font-size			: 12px;
}

.input.w-100,
.input.w-200,
.input.w-300 {
	
	
	
}

.input.w-100 input[type="text"],
.input.w-200 input[type="text"],
.input.w-300 input[type="text"] {
	
	width				: 100%;
	
	
}


.select select {
	
	font-family			: Roboto, Arial, sans-serif;
	font-size			: 14px;
	background-color	: transparent;
	border				: 0px;
	width				: 100%;
	padding				: 0px;
	margin				: 0px;
	outline				: 0px;
	
}

.select {
	
	-webkit-box-sizing	: border-box;
	-moz-box-sizing		: border-box;
	-o-box-sizing		: border-box;
	box-sizing			: border-box;
	
	border				: 1px solid #fff;
	border-radius		: 3px;
	background			: #fff;
	padding				: 5px;
	height				: 31px;
	text-align			: center;
	
}

.select.dark,
.normal-form-element.dark {
	
	color				: #fff !important;
	background-color	: #555 !important;
	border				: 1px solid #fff !important;
	
}

.select.dark select {
	
	color				: #fff;
	
}

.select.dark select option {
	
	color				: #000;
	background			: #fff;
	
}

.select.w-20, .input.w-20 {width : 20px;}
.select.w-50, .input.w-50 {width : 50px;}
.select.w-60, .input.w-60 {width : 60px;}
.select.w-75, .input.w-75 {width : 75px;}
.select.w-100, .input.w-100 {width : 100px;}
.select.w-150, .input.w-150 {width : 150px;}
.select.w-200, .input.w-200 {width : 200px;}
.select.w-300, .input.w-300 {width : 300px;}


/*
.mainContent {
	background			: #ffffff;
	padding				: 5px 20px 20px 20px;
}

.mainContentHeader {
	color				: #777777;
	text-align			: right;
	font-size			: 10px;
	padding-bottom		: 0px;
}

div.menu {
	height				: 30px;
	padding				: 0px;
	margin				: 0px;
	background			: #f6f6f6;
	
	border-bottom		: 1px solid #bbbbbb;
}

ul.menu {
	list-style-type		: none;
	
	padding				: 0px 0px 0px 5px;
	margin				: 0px;
}

li.menu {
	display				: inline;
	float				: left;
	
	position			: relative;
	height				: 12px;
	
	padding				: 9px;
	
	font-family			: Arial;
	font-size			: 12px;
	line-height			: 12px;
	
	cursor				: pointer;
	color				: #000000;
}

a.menu:link {
	color				: #000000;
	text-decoration		: none;
}

a.menu:visited {
	color				: #000000;
	text-decoration		: none;
}

a.menu:hover {
	color				: #000000;
	text-decoration		: underline;
}

a.menu:active {
	color				: #000000;
	text-decoration		: underline;
}

li.menuItem {
	display				: inline;
	float				: left;
	
	position			: relative;
	height				: 29px;
	
	color				: #555555;
}

div.menuItem {
	display				: inline;
	float				: left;
	
	padding				: 7px 6px;
}

div.menuSeparator {
	background			: url(/gfx/menudots.jpg);
	
	display				: inline;
	float				: left;
	
	width				: 5px;
	height				: 29px;
	
	padding				: 0px 0px;
}

li.menuRight {
	display				: inline;
	float				: right;
	
	color				: #555555;
	
	padding				: 0px 0px 0px 0px;
	margin				: 0px;
}


li.submenuItem {
	display				: block;
	
	height				: 29px;
	width				: 160px;
	
	color				: #000000;
}

div.submenuItem {
	padding				: 5px 5px;
}

div.submenuItem:hover {
	background			: url(/gfx/menubkselected.jpg) repeat-x;
	
	color				: #000000;
	
	padding				: 5px 5px;
}

a.submenuItem {
	color				: #000000;
	text-decoration		: none;
}

.subMenuBox {
	background			: #f6f6f6;
	border				: 1px solid #699AAE;
}



a:link {
	color				: #3E6474;
	text-decoration		: none;
}

a:visited {
	color				: #3E6474;
	text-decoration		: none;
}

a:hover {
	color				: #3E6474;
	text-decoration		: underline;
}

a:active {
	color				: #3E6474;
	text-decoration		: underline;
}

.link {
	color				: #3E6474;
	text-decoration		: none;
}

.link:hover {
	color				: #3E6474;
	text-decoration		: underline;
}


p {
	margin				: 0px;
	padding				: 0px;
}


h1 {
	padding				: 0px 0px 16px 0px;
	
	margin				: 0px;
	font-family			: Arial;
	font-size			: 18px;
	line-height			: 22px;
}

h2 {
	padding				: 0px 0px 8px 0px;
	
	margin				: 0px;
	font-family			: Arial;
	font-size			: 12px;
	line-height			: 20px;
}


td.form {
	padding-bottom		: 5px;
}
*/

/*****************************************************************************
*  
*  Report colors
*  
*****************************************************************************/

input[type=text].messageOk, div.messageOk {
	border				: 1px solid #0EC600;
	background			: #E3F7E1;
}

input[type=text].messageError, div.messageError {
	border				: 1px solid #E65252;
	background			: #FFE5E3;
}


/*****************************************************************************
*  
*  Sections
*  
*****************************************************************************/

.tabPanel {
	background			: #e4e4e4;
	color				: #000;
	border				: 1px solid #e4e4e4;
	
	padding				: 30px 15px 15px;
	margin-bottom		: 10px;
}

.tabPanelWhite {
	background			: #ffffff;
	border-top			: 1px solid #699AAE;
	
	padding				: 15px;
	margin-bottom		: 10px;
}

.tabPanelTabSelected {
	display				: inline;
	float				: left;
	height				: 16px;

	background			: #e4e4e4;

	margin-right		: 5px;
	border-top			: 1px solid #e4e4e4;
	border-right		: 1px solid #e4e4e4;
	border-left			: 1px solid #e4e4e4;
	padding				: 11px 15px 7px 15px;

	font-weight			: bold;
	line-height			: 16px;
	color				: #333333;
	
	cursor				: pointer;
}

.tabPanelTabSelectedWhite {
	display				: inline;
	float				: left;
	height				: 16px;

	background			: #F0F7FA;

	margin-right		: 5px;
	border-top			: 1px solid #699AAE;
	border-right		: 1px solid #699AAE;
	border-left			: 1px solid #699AAE;
	border-bottom		: 1px solid #699AAE;
	padding				: 9px 15px 4px 15px;

	font-weight			: bold;
	line-height			: 16px;
	color				: #333333;
	
	cursor				: pointer;
}

.tabPanelTab {
	display				: inline;
	float				: left;
	height				: 16px;

	background			: #699AAE;
	
	margin-right		: 5px;
	margin-top			: 4px;
	padding				: 7px 15px;

	font-weight			: normal;
	line-height			: 16px;
	color				: #ffffff;
	
	cursor				: pointer;
}


.pageSectionHeader {
	border				: 1px solid #699AAE;
	background			: #C7E0EB;
	color				: #3E6474;
}

.tableHeader {
	border-bottom		: 1px solid #699AAE;
}

.sectionHeader {
	background			: #F0F7FA;
	border				: 1px solid #699AAE;
	
	color				: #3E6474;
	font-weight			: bold;
	
	padding				: 15px;
	margin-bottom		: 10px;
	
	cursor				: pointer;
}

.sectionFrame {
	background			: #F0F7FA;
	border				: 1px solid #699AAE;
}


.sectionFrameLink {
	color				: #0066CC;
}

.sectionContainer {
	padding 			: 15px 0px 15px 29px;
}

.sectionDivider {
	margin-bottom		: 13px;
	border-bottom		: 1px solid #699AAE;
}

/** light background **/
.lightBackground {
	background			: #F0F7FA;
}

/** store selector **/
.storeSelectorGroup {
	background			: #F0F7FA;
	margin-bottom		: 4px;
	padding				: 4px;
}

.storeSelectorGroupText {
	font-weight			: bold;
	color				: #333333;
}

/** selector buttons **/
.selectorButton {
	color				: #333333;
	background			: #ffffff;
	border				: 1px solid #699AAE;
}

.selectorButtonSelected {
	color				: #ffffff;
	background			: #699AAE;
	border				: 1px solid #699AAE;
}

.calDropDown {
	background			: #ffffff;
	border				: 1px solid #699AAE;
}

/** drop down **/
.dropDownHeader {
	background			: #ffffff;
	color				: #000000;
	border				: 1px solid #699AAE;
}

.dropDownHeaderSelected {
	background			: #699AAE;
	color				: #ffffff;
	border				: 1px solid #699AAE;
}

.dropDownContent {
	background			: #ffffff;
	border				: 1px solid #699AAE;
}

/** inline calendar **/
.calendarInline {
	background			: #ffffff;
	border				: 1px solid #699AAE;
}

/** popup calendar **/
.popupCalendarHeader {
	background			: #699AAE;
	color				: #ffffff;
	border-bottom		: 1px solid #699AAE;
}

.popupCalendarContainer {
	border				: 1px solid #699AAE;
	background			: #ffffff;
}

/** stores list **/
.storesChar {
	padding				: 5px;
	border				: 1px solid #aaa;
	border-radius		: 3px;
	cursor				: pointer;
	font-weight			: normal;
	background			: #555;
}

.storesChar:hover {
	border				: 1px solid #fff;
}

.storesCharSelected {
	padding				: 5px;
	border				: 1px solid #fff;
	border-radius		: 3px;
	cursor				: pointer;
	font-weight			: bold;
	background			: #7CB133;
}

.storesListRowColor {
	background			: #F0F7FA;
}

.storesListColNormal {
	border-bottom		: 1px solid #AFD1E1;
}

.storesListColShade {
	border-bottom		: 1px solid #C2DDEA;
	border-left			: 1px solid #AFD1E1;
	border-right		: 1px solid #AFD1E1;
	font-weight			: bold;
	background			: #D8EAF2;
	text-align			: center;
}

.listColTopBorder {
	border-top			: 1px solid #AFD1E1;
}

.registrationGraphicBorder {
	border				: 1px solid #699AAF;
}


.registrationDivider {
	border-bottom		: 1px solid #699AAF;
}

/*****************************************************************************
*  
*  Boxes
*  
*****************************************************************************/

.messageBox {
	margin-bottom		: 16px;
	padding				: 10px;
	
	background			: #E3F7E1;
	border				: 1px solid #0EC600;
}

.boxShadow {
	background			: url(boxshadow.png);
	padding				: 15px 15px 4px 15px;
}

.boxContainer {
	border				: 1px solid #000000;
}

.boxHeading {
	background			: url(boxheadingbk.jpg) repeat-x #bee8f8;
	border-top			: 1px solid #F1FBFF;
	border-left			: 1px solid #F1FBFF;
	border-right		: 1px solid #F1FBFF;
	padding				: 5px;
	height				: 32px;
}

.boxContent {
	background			: #F5FDFF;
	padding				: 15px;
}

.popupWindowBk {
	position			: absolute;
	background			: #ffffff;
	opacity				: 0.6;
	filter				: alpha(opacity = 60);
}

.popupWindowBorder {
	position			: absolute;
	background			: #000000;
	opacity				: 0.6;
	filter				: alpha(opacity = 60);
}

.popupWindowContentBk {
	border				: 1px solid #000000;
	background			: #ffffff;
}

.popupWindowHeading {
	background			: #C7E0EB;
	border-bottom		: 1px solid #699AAE;
	color				: #3E6474;
	font-size			: 16px;
	line-height			: 16px;
	font-weight			: bold;
	text-align			: center;
	padding				: 15px;
}

.popupWindowContent {
	background			: #ffffff;
	padding				: 10px;
}

.popupWindowBottomBar {
	height				: 30px;
	padding				: 5px;
}

.popupWindowContentNoPadding {
	background			: #ffffff;
	padding				: 0px;
}



.listitem {
	border-bottom		: 1px solid #AFD1E1;
}

.linkLine {
	padding-bottom		: 3px;
}

.linkList {
	padding-bottom		: 10px;
}

h2.linkListHeading {
	padding				: 0px 0px 3px 0px;
	font-size			: 12px;
	font-weight			: normal;
}

/*****************************************************************************
*  
*  Calendar
*  
*****************************************************************************/

.calCellNone {
	margin				: 1px;
	padding				: 4px 0px;
	
	background			: #E6F1F6;
	color				: #9EB7C2;
	border				: 1px solid #C7E0EB;
	border-top			: 6px solid #C7E0EB;
	font-weight			: normal;
}

.calCellMonth {
	margin				: 1px;
	padding				: 4px 0px;
	
	background			: #C7E0EB;
	color				: #000000;
	border				: 1px solid #699AAF;
	border-top			: 6px solid #699AAF;
	font-weight			: normal;
}

.calCellToday {
	padding				: 4px 0px;
	margin				: 1px;
	
	background			: #699AAF;
	color				: #ffffff;
	border				: 1px solid #699AAF;
	border-top			: 6px solid #699AAF;
	font-weight			: bold;
}

.calCellMinHeight {
	display				: inline;
	float				: right;
	width				: 1px;
	height				: 55px;
}

.calColorItem {
	display				: inline;
	float				: left;
	width				: 18px;
	height				: 18px;
	overflow			: hidden;
	margin				: 1px 5px 1px 1px;
	border				: 1px solid #000000;
	cursor				: pointer;
}

.calColorItemSelected {
	display				: inline;
	float				: left;
	width				: 18px;
	height				: 18px;
	overflow			: hidden;
	margin-right		: 4px;
	border				: 2px solid #000000;
	cursor				: pointer;
}

.calBackground {
	background			: #F6FBFE;
}

/*****************************************************************************
*  
*  Other
*  
*****************************************************************************/


.page-login .login-container ol {
	
	margin					: 10px 0px 30px 40px;
	
	
}

.photo {
}

div.photoContainer {
	margin-right		: 20px;
	float				: right;
	overflow			: hidden;
}

table.photoContainer {
	border				: 1px solid #BBBBBB;
	background			: #ffffff;
	
	padding				: 10px;
	margin-bottom		: 7px;
	width				: 160px;
}

.pfUIPhotoContainer {
}


img.formattingRight {
	
	-webkit-box-sizing	: border-box;
	-moz-box-sizing		: border-box;
	-o-box-sizing		: border-box;
	box-sizing			: border-box;
	
	float				: right;
	margin-left			: 10px;
	margin-bottom		: 10px;
	border				: 1px solid #fff;
	
	
}

img.formattingLeft {
	
	-webkit-box-sizing	: border-box;
	-moz-box-sizing		: border-box;
	-o-box-sizing		: border-box;
	box-sizing			: border-box;
	
	float				: left;
	margin-right		: 10px;
	margin-bottom		: 10px;
	border				: 1px solid #fff;
	
	
}

/*****************************************************************************
*  
*  Icon collection
*  
*****************************************************************************/

.ic-empty {
	
		width						: 16px;
		height						: 16px;
		font-size					: 16px;
		line-height					: 16px;
		display						: inline-block;
		vertical-align				: bottom;
	
}

.ic-listarrow-right,
.ic-listarrow-down,
.ic-gear {
	
		background-image			: url(/resources/gfx/icon-collection.png);
		width						: 16px;
		height						: 16px;
		font-size					: 16px;
		line-height					: 16px;
		display						: inline-block;
		vertical-align				: bottom;
	
}

.ic-listarrow-right {
	
		background-position			: 0px 0px;
	
}

.ic-listarrow-down {
	
		background-position			: -16px 0px;
	
}

.ic-gear {
	
		background-position			: -48px 0px;
	
}

.ic-gear:hover {
	
		background-position			: -32px 0px;
	
}


.gui-tabpanel {
	
	
}

.gui-tabpanel > ul.tabs {
	
	list-style-type					: none;
	margin							: 0px;
	padding							: 0px;
	
}

.gui-tabpanel > ul.tabs > li {
	
	display							: inline-block;
	
	padding							: 10px 15px;
	margin							: 0px;
	background						: #e4e4e4;
	
	color							: #000;
	font-size						: 14px;
	
}

.gui-tabpanel > ul.tabs > li.active {
	
	font-weight						: bold;
	
}

.gui-tabpanel > div.content {
	
	padding							: 30px 15px 15px;
	
	background						: #e4e4e4;
	color							: #000 !important;
	
}

/*****************************************************************************
*  
*  Popups
*  
*****************************************************************************/

#window-busy {
	
		max-width				: 200px;
		z-index					: 30000;
	
}

#window-busy .spinner {
	
		background				: url(/resources/gfx/loader-big-blue.gif) no-repeat center center;
		height					: 80px;
	
}

#maintenance-message {
	
	max-width					: 500px;
	
}

#maintenance-message > .background,
#maintenance-message > .container > .title {
	
	background					: #E17C0F;
	
}

.message-alert {
	background					: #E17C0F;
	padding						: 20px;
	color						: #fff;
	margin-bottom				: 20px;
}





.policies-text {
	
	
}

.policies-text ul {
	
	margin				: 0px 0px 0px 20px;
	
}

.policies-text ul.index {
	
	list-style-type		: none;
	margin				: 0px 0px 0px 0px;
	
}

.policies-text ul li {
	
	margin				: 0px 0px 0px 0px;
	
	font-size			: 14px;
	line-height			: 20px;
	
	
}

.policies-text.colorful ul li {
	
	line-height			: 26px;
	
	
}

.policies-text h2 {
	
	margin				: 30px 0px 7px 0px;
	font-size			: 18px;
	line-height			: 22px;
	color				: #fff;
	
	
}

.policies-text.colorful h2 {
	
	margin				: 50px 0px 7px 34px;
	
	
}

.policies-text.colorful h1 + p,
.policies-text.colorful h2 + p,
.policies-text.colorful h2 + ul {
	
	margin				: 0px;
	color				: #ddd;
	
    padding				: 30px;
    background			: #282828;
    border-left			: 4px solid #5797BB;
	
	font-size			: 14px;
	line-height			: 22px;
	
	
}

.policies-text.colorful h1 + p {
	
    border-left			: 4px solid #7CB133;
	
	
}

.policies-text p i {
	
	font-style			: italic;
	
}

.policies-text p strong {
	
	font-weight			: bold;
	color				: #fff;
	
}

.policies-text ul.index li a {
	
	color				: #fff;
	text-decoration		: none;
	
}

.policies-text ul.index li a:hover {
	
	text-decoration		: underline;
	
}

.policies-text p.accepted-date {
	
	margin				: 60px 0px 0px;
	padding				: 5px 0px 0px;
	border-top			: 1px solid #ccc;
	font-size			: 12px;
	
}

#user-policy-form {
	border-top			: 1px solid #fff;
	margin-top			: 40px;
}

.ajax-value {
}

.ajax-value.ajax-loading {
	min-width			: 40px;
	position			: relative;
	display				: inline-block;
}

.ajax-contents.ajax-loading {
	position			: relative;
	min-height			: 60px;
}

@keyframes ajax-loading {
	from {
		background-position: -10px 50%;
	}
	to {
		background-position: 0px 50%;
	}
}


.ajax-contents.ajax-loading:after,
.ajax-value.ajax-loading:after {
	background-image	: url(/resources/gfx/loader-lines.png);
	background-position	: 0px 50%;
	background-repeat	: repeat-x;
	width				: 30px;
	height				: 100%;
	left				: 50%;
	content				: ' ';
	transform			: translate(-50%, 0px);
	position			: absolute;
	animation			: ajax-loading 0.3s linear 0s infinite;
}

.ajax-contents.ajax-loading:after {
	transform			: translate(-50%, 0px);
	top					: 0px;
	left				: 50%;
	width				: 50%;
}

.ajax-contents.ajax-loading:before,
.ajax-value.ajax-loading:before {
	background-color	: rgba(255, 255, 255, 0.1);
	top					: 0px;
	left				: 0px;
	width				: 40px;
	height				: 100%;
	content				: ' ';
	position			: absolute;
}

.ajax-contents.ajax-loading:before {
	left				: 0px;
	width				: 100%;
}

.ajax-contents.ajax-loading.ajax-nobackground:before,
.ajax-value.ajax-loading.ajax-nobackground:before {
	background-color	: transparent;
}


.help-section {
	padding				: 20px;
	background-color	: #fff;
	border				: 1px solid #000;
	margin-bottom		: 20px;
}

.help-section h2 {
	font-size			: 20px;
	line-height			: 28px;
}

.help-section h3 {
	padding-top			: 10px;
	font-weight			: bold;
}

.help-section p,
.help-section li {
	padding				: 0 0 10px;
}

.help-section p,
.help-section li {
	color				: rgba(0, 0, 0, 0.65);
}

.help-section em,
.help-section strong {
	color				: #000;
}

.help-section ul {
	padding				: 10px 0 0 30px;
}

.help-section li {
}

.help-section em {
	
}

.help-section span.point {
	border				: 1px solid #000;
	border-radius		: 5px;
	width				: 8px;
	height				: 8px;
	display				: inline-block;
}

 /*****************************************************************************
*  
*  Main
*  
*****************************************************************************/

body {
	
	background-color	: #252525;
	color				: #fff;
	
}

.page-container {
	
	background			: #363636;
	padding-bottom		: 40px;
	
}

.page-dev-version {
	
	background			: #bc2f35;
	padding				: 10px;
	text-align			: center;
	font-size			: 18px;
	line-height			: 18px;
	border-bottom		: 1px solid #000;
	
}


.page-width {
	
	width				: 1100px !important;
	margin				: 0 auto;
	
	
	
	
	
}

.page-width-including-padding {
	
	width				: 1100px !important;
	margin				: 0 auto;
	
	
	
	
	
}

.page-container .page-logo {
	
	border-top			: 5px solid #bc2f35;
	/*border-bottom		: 1px solid #fff;*/
	margin-bottom		: 50px;
	
	-webkit-transition	: all 1.0s;
	-moz-transition		: all 1.0s;
	-o-transition		: all 1.0s;
	transition			: all 1.0s;
	
	
	
	
}

.page-container .page-logo .top-bar {
	
	background-color	: #252525;
	background-size		: cover;
	background-position	: center center;
	background-repeat	: no-repeat;
	
}

.page-container .page-logo .logo {
	
	padding-top			: 30px;
	height				: 103px;
	
	-webkit-transition	: all 1.0s;
	-moz-transition		: all 1.0s;
	-o-transition		: all 1.0s;
	transition			: all 1.0s;
	
	
	
}

.page-container .page-logo ul.top-menu {
	
	list-style-type		: none;
	padding				: 40px 0px 0px;
	
	-webkit-transition	: all 1.0s;
	-moz-transition		: all 1.0s;
	-o-transition		: all 1.0s;
	transition			: all 1.0s;
	
	
}

.page-container .page-logo ul.top-menu li {
	
	display				: inline-block;
	position			: relative;
	
	cursor				: pointer;
	
	-webkit-transition	: all 1.0s;
	-moz-transition		: all 1.0s;
	-o-transition		: all 1.0s;
	transition			: all 1.0s;
	
}

.page-container.menu-always-dropdown .page-logo li.dropdown {
	
	z-index				: 90;
	
}

.page-container.menu-right .page-logo li.dropdown {
	
	display				: none;
	
	
}

.page-container .page-logo li.dropdown[data-notification]::after {
	
	content					: attr(data-notification);
	
	position				: absolute;
	
	right					: 4px;
	top						: 4px;
	min-width				: 10px;
	height					: 10px;
	
	font-size				: 10px;
	font-weight				: bold;
	line-height				: 10px;
	text-align				: center;
	
	background				: #C41230;
	padding					: 5px;
	
	-webkit-border-radius	: 10px 10px;
	-moz-border-radius		: 10px 10px;
	-o-border-radius		: 10px 10px;
	border-radius			: 10px 10px;
	
}

.page-container .page-logo ul.top-menu li img {
	
	height				: 70px;
	border-radius		: 5px;
	
	
}

.page-container .page-logo ul.top-menu li img.active {
	
	background			: #d92e35;
	
	-webkit-transition	: all 1.0s;
	-moz-transition		: all 1.0s;
	-o-transition		: all 1.0s;
	transition			: all 1.0s;
	
}

.page-container .page-logo ul.top-menu li span {
	
	position			: absolute;
	width				: 100%;
	top					: 45px;
	left				: 0px;
	
	text-align			: center;
	font-size			: 12px;
	color				: #fff;
	
	
}

.page-container .page-logo ul.top-menu.buttons-dark li span {
	
	color				: #000;
	
	
}



.internal-info-messages-container ul {
	
	list-style-type					: none;
	
	
}

.internal-info-messages-container ul li {
	
	margin-bottom					: 30px;
	overflow						: hidden;
	
	
}

.internal-info-messages-container ul li h2 {
	
	
	
}

.internal-info-messages-container ul li p {
	
	padding-bottom					: 20px;
	
	
}

.internal-info-messages-container ul li button {
	
	float							: right;
	
	
}


.system-info-messages-container .message {
	
	border-top						: 1px solid #fff;
	
	padding							: 30px 0px;
	color							: #fff !important;
	
	
}

.system-info-messages-container.inline-padding .message {
	
	padding							: 30px 30px;
	
	
}

.system-info-messages-container .message.state-1 {
	
	background						: #c29700;
	
}

.system-info-messages-container .message.state-2 {
	
	background						: #bc2f35;
	
}

.system-info-messages-container .message.state-3 {
	
	background						: #317f16;
	
}

.system-info-messages-container .message.state-4 {
	
	background						: #316380;
	
}

.system-info-messages-container .message.notifications {
	
	background						: #316380;
	
}

.system-info-messages-container .message p a {
	
	color							: #fff;
	text-decoration					: underline;
	
}

.system-info-messages-container .message h2 {
	
	font-size						: 20px;
	line-height						: 26px;
	margin-bottom					: 20px;
	
	
}

.system-info-messages-container .message button,
.system-info-messages-container .message button:hover {
	
	background						: #fff !important;
	color							: #000 !important;
	
}

.system-info-messages-container .message.notifications .splitter {
	
	margin-top						: 20px;
	
}

.system-info-messages-container .message.notifications .section {
	
	margin-top						: 20px;
	padding							: 20px 30px;
	background						: #B37430;
	background						: rgba(0, 0, 0, 0.2);
	border-left						: 4px solid #5797BB;
	
}

.system-info-messages-container .message.notifications .section h3 {
	
	font-weight						: bold;
	
}

.system-info-messages-container .message.notifications .section span.info {
	
	color							: #F8CC1A;
	
}

.system-info-messages-container .message.notifications .section span.reference {
	
	padding-top						: 5px;
	color							: #fff;
	
}

.system-info-messages-container .message.notifications .section span.date {
	
	display							: block;
	padding-top						: 5px;
	font-size						: 12px;
	font-style						: italic;
	color							: #BFCFD9;
	
}

.system-info-messages-container .message.notifications .section button {
	
	float							: right;
	
	
}

.system-info-messages-container .message.notifications .section p {
	
	padding-top						: 20px;
	
}

.system-info-messages-container .message.notifications .section p a {
	
	color							: #fff;
	text-decoration					: underline;
	
}

.system-info-messages-container .message.notifications p.comment {
	
	padding							: 20px 0px 0px;
	font-size						: 12px;
	
}



.page-container .page-wrapper {
	
	position			: relative;
	overflow			: visible;
	
}

.page-container.menu-always-dropdown .page-menu {
	
	background			: #222;
	padding				: 10px 10px 6px;
	/*border				: 1px solid #999;*/
	border-radius		: 5px;
	
	width				: 310px;
	
	-webkit-box-shadow	: 0px 2px 10px -2px #000;
	-moz-box-shadow		: 0px 2px 10px -2px #000;
	-o-box-shadow		: 0px 2px 10px -2px #000;
	box-shadow			: 0px 2px 10px -2px #000;
	
	-webkit-box-sizing	: border-box;
	-moz-box-sizing		: border-box;
	-o-box-sizing		: border-box;
	box-sizing			: border-box;
	
	float				: none;
	display				: none;
	position			: absolute;
	right				: 0px;
	top					: 100px;
	opacity				: 0;
	
	z-index				: 90;
	
	-webkit-transition	: all 0.3s;
	-moz-transition		: all 0.3s;
	-o-transition		: all 0.3s;
	transition			: all 0.3s;
	
	
}

.page-container.menu-right .page-menu {
	
	float				: right;
	display				: inline;
	
	width				: 310px;
	z-index				: 90;
	
	-webkit-box-sizing	: border-box;
	-moz-box-sizing		: border-box;
	-o-box-sizing		: border-box;
	box-sizing			: border-box;
	
	
	
}

.page-container.menu-always-dropdown .page-menu.open,
.page-container.menu-right .page-menu.open {
	
	display				: block;
	
}

.page-container.menu-always-dropdown .page-menu.visible,
.page-container.menu-right .page-menu.visible {
	
	opacity				: 1;
	top					: 120px;
	
	-webkit-transition	: all 0.3s;
	-moz-transition		: all 0.3s;
	-o-transition		: all 0.3s;
	transition			: all 0.3s;
	
	
	
	
}

.page-container .page-menu-blocker {
	
	visibility			: hidden;
	
	background			: #000;
	opacity				: 0;
	
	position			: fixed;
	
	z-index				: 89;
	
	left				: 0px;
	top					: 0px;
	width				: 100%;
	height				: 0px;
	
	-webkit-transition	: all 0.3s;
	-moz-transition		: all 0.3s;
	-o-transition		: all 0.3s;
	transition			: all 0.3s;
	
}

.page-container .page-menu-blocker.display {
	
	visibility			: visible;
	opacity				: 0.7;
	
	height				: 100%;
	
	-webkit-transition	: all 0.3s;
	-moz-transition		: all 0.3s;
	-o-transition		: all 0.3s;
	transition			: all 0.3s;
	
}

.page-container .page-menu ul.buttons {
	
	margin-left			: -5px;
	list-style-type		: none;
	padding				: 0px;
	overflow			: hidden;
	
}

.page-container .page-menu ul.buttons.portal {
	
	padding				: 10px 0px 0px;
	
}

.page-container .page-menu ul.buttons li {
	
	display				: inline;
	float				: left;
	
	padding				: 0px 0px 5px 5px;
	font-size			: 13px;
	
	-webkit-box-sizing	: border-box;
	-moz-box-sizing		: border-box;
	-o-box-sizing		: border-box;
	box-sizing			: border-box;
	
}

.page-container .page-menu ul.buttons li.w-33 {
	
	width				: 33.33%;
	
}

.page-container .page-menu ul.buttons li.w-25 {
	
	width				: 25%;
	
}

.page-container .page-menu ul.buttons li.w-50 {
	
	width				: 50%;
	
}

.page-container .page-menu ul.buttons li.w-100 {
	
	width				: 100%;
	
}

.page-container .page-menu ul.buttons li.w-33 img.icon {
	
	height				: 50px;
	
	
}

.page-container .page-menu ul.buttons li.w-100 img.icon {
	
	height				: 70px;
	
	
}

.page-container .page-menu ul.buttons li span {
	
	display				: block;
	text-align			: center;
	font-size			: 12px;
	
}

.page-container .page-menu ul.buttons li a {
	
	position			: relative;
	
}

.page-container .page-menu ul.buttons li a.color-1,
.page-container .page-menu ul.buttons li a.color-2,
.page-container .page-menu ul.buttons li a.color-3,
.page-container .page-menu ul.buttons li a.color-4,
.page-container .page-menu ul.buttons li a.yellow,
.page-container .page-menu ul.buttons li a.blue,
.page-container .page-menu ul.buttons li a.active {
	
	display				: block;
	padding-top			: 5px;
	height				: 80px;
	border-radius		: 3px;
	
	text-align			: center;
	color				: #fff;
	
	border-width		: 1px;
	border-style		: solid;
	
	-webkit-transition	: all 0.2s;
	-moz-transition		: all 0.2s;
	-o-transition		: all 0.2s;
	transition			: all 0.2s;
	
	
}

.page-container .page-menu ul.buttons li a.color-1 {
	
	background			: #444;
	border-color		: #444;
	
}

.page-container .page-menu ul.buttons li a.color-1:hover {
	
	background			: #666;
	/*border-color		: #fff;*/
	
	-webkit-transition	: all 0.2s;
	-moz-transition		: all 0.2s;
	-o-transition		: all 0.2s;
	transition			: all 0.2s;
	
}

.page-container .page-menu ul.buttons li a.color-2 {
	
	background			: #555;
	border-color		: #555;
	
}

.page-container .page-menu ul.buttons li a.green {
	
	background			: #317f16;
	border-color		: transparent;
	
}

.page-container .page-menu ul.buttons li a.green:hover {
	
	background			: #3b941c;
	
}

.page-container .page-menu ul.buttons li a.blue {
	
	background			: #316380;
	border-color		: transparent;
	
}

.page-container .page-menu ul.buttons li a.blue:hover {
	
	background			: #397090;
	
}

.page-container .page-menu ul.buttons li.portal-logo {
	
	position			: relative;
	clear				: left;
	
}

.page-container .page-menu ul.buttons li.portal-logo a,
.page-container .page-menu ul.buttons li.profile-logo a {
	
	height				: 50px;
	
}

.page-container .page-menu ul.buttons li.portal-logo a {
	
	position			: relative;
	
}

.page-container .page-menu ul.buttons li.profile-logo a {
	
	position			: relative;
	
}

.page-container .page-menu ul.buttons li.portal-logo a img,
.page-container .page-menu ul.buttons li.profile-logo a img {
	
	position			: absolute;
	
	top					: 50%;
	left				: 50%;
	
	transform			: translate(-50%, -50%);
	
	max-width			: 80%;
	max-height			: 40px;
	
}

.page-container .page-menu ul.buttons li a.color-2:hover {
	
	background			: #777;
	/*border-color		: #fff;*/
	
	-webkit-transition	: all 0.2s;
	-moz-transition		: all 0.2s;
	-o-transition		: all 0.2s;
	transition			: all 0.2s;
	
}

.page-container .page-menu ul.buttons li a.active,
.page-container .page-menu ul.buttons li a.color-3 {
	
	background			: #d92e35;
	border-color		: #d92e35;
	
}

.page-container .page-menu ul.buttons li a.active:hover,
.page-container .page-menu ul.buttons li a.color-3:hover {
	
	background			: #E54F56;
	/*border-color		: #fff;*/
	
	-webkit-transition	: all 0.2s;
	-moz-transition		: all 0.2s;
	-o-transition		: all 0.2s;
	transition			: all 0.2s;
	
}

.page-container .page-menu ul.buttons li a.color-4 {
	
	background			: #821c20;
	border-color		: #821c20;
	
}

.page-container .page-menu ul.buttons li a.color-4:hover {
	
	background			: #821c20;
	/*border-color		: #fff;*/
	
	-webkit-transition	: all 0.2s;
	-moz-transition		: all 0.2s;
	-o-transition		: all 0.2s;
	transition			: all 0.2s;
	
}

.page-container .page-menu ul.buttons li a[data-notification]::after {
	
	content					: attr(data-notification);
	
	position				: absolute;
	
	right					: 4px;
	top						: 4px;
	min-width				: 10px;
	height					: 10px;
	
	font-size				: 10px;
	font-weight				: bold;
	line-height				: 10px;
	
	background				: #C41230;
	padding					: 5px;
	
	-webkit-border-radius	: 10px 10px;
	-moz-border-radius		: 10px 10px;
	-o-border-radius		: 10px 10px;
	border-radius			: 10px 10px;
	
}

.page-container .page-menu ul.buttons li.weather-full div.heading {
	
	color					: #fff;
	padding					: 10px 10px 10px;
	font-size				: 18px;
	background				: #316380;
	border-top-left-radius	: 3px;
	border-top-right-radius	: 3px;
	text-align				: center;
	
}

.page-container .page-menu ul.buttons li.weather-full .container {
	
	padding					: 10px 0px;
	border-radius			: 3px;
	border-top-left-radius	: 0px;
	border-top-right-radius	: 0px;
	border					: 0px;
	border-top				: 1px solid #ccc;
	background				: #555555;
	color					: #fff;
	font-size				: 13px;
	text-align				: center;
	height					: auto;
	overflow				: hidden;
	
}

.page-container .page-menu ul.buttons li.weather-full .container a {
	
	padding					: 0px;
	border					: 0px;
	margin					: 0px;
	display					: inline;
	color					: #fff;
	
}

.page-container .page-menu ul.buttons li.weather-full .container .button {
	
	font-weight			: bold;
	
}

.page-container .page-menu ul.buttons li.weather-full .container .credit {
	
	padding				: 15px 10px 10px;
	font-size			: 13px;
	
}

.page-container .page-menu ul.buttons li.weather-full .container .credit a {
	
	color				: #bbb;
	
}

.page-container .page-menu ul.buttons li.weather-full .container .section {
	
	display				: inline-block;
	padding				: 0px 5px 10px;
	font-size			: 11px;
	
}

.page-container .page-menu ul.buttons li.weather-full .container .section .border {
	
	border-radius		: 5px;
	padding				: 5px 10px;
	background			: #fff;
	border				: 1px solid #000;
	box-shadow			: 0px 1px 10px -3px #000;
	
}

.page-container .page-menu ul.buttons li.weather-full .container .section .temperature {
	
	font-size			: 16px;
	font-weight			: normal;
	
}

.page-container .page-menu ul.buttons li.weather-full .container .section .temperature.warm {
	
	color				: #ff1c1c;
	
}

.page-container .page-menu ul.buttons li.weather-full .container .section .temperature.cold {
	
	color				: #0280d9;
	
}

.page-container .page-menu ul.buttons li.weather-full .container .more {
	
	display				: none;
	padding				: 10px 0px 0px;
	
}

.page-container .page-menu ul.buttons li.settings {
	
	text-align			: right;
	
}

.page-container .page-menu ul.buttons li.settings a {
	
	color				: #fff;
	
}

.page-container .page-menu p.user-info {
	
	padding-top			: 10px;
	color				: #888;
	font-size			: 12px;
	line-height			: 15px;
	text-align			: right;
	
}

.page-container .page-menu p.user-info a {
	
	color				: #ccc;
	
}


.page-container.menu-right .page-content {
	
	margin-right		: 320px;
	
	
}

.page-container.menu-always-dropdown .page-content {
	
}

.page-container.menu-right .page-padding {
	
	padding				: 0px 30px 0px 0px;
	
	
	
}
.page-container.menu-always-dropdown .page-padding {
	
	padding				: 0px 0px 0px 0px;
	
	
	
}

.page-container .page-content h1 {
	
	font-size			: 46px;
	font-weight			: 100;
	line-height			: 46px;
	
	
}

.page-container #coreAjaxNoSupport {
	
	display				: none;
	border				: 1px solid #900;
	padding				: 20px;
	
}


.page-footer {
	
	padding				: 20px 0px 40px;
	text-align			: center;
	font-size			: 12px;
	color				: #888;
	
}

.page-footer .version-info {
	
	color				: #777;
	border-top			: 1px solid #444;
	margin				: 15px auto 0px;
	padding-top			: 5px;
	width				: auto;
	max-width			: 450px;
	
}

.page-footer .version-info span {
	
	display				: block;
	font-size			: 10px;
	
}

.page-footer .version-info a {
	
	color				: #777;
	text-decoration		: underline;
	
}

 /*****************************************************************************
*  
*  Popups
*  
*****************************************************************************/

.popup-blocker {
	
		display				: none;
		position			: fixed;
		z-index				: 99;
		
		background			: #000;
		
		width				: 100%;
		height				: 100%;
		top					: 0px;
		left				: 0px;
	
}

.popup .animated {
	
		-o-transition		: all .15s ease;
		-moz-transition		: all .15s ease;
		-webkit-transition	: all .15s ease;
		transition			: all .15s ease;
	
}

.popup {
	
		position			: absolute;
		z-index				: 100;
		width				: 90%;
		top					: 60px;
		
		opacity				: 0;
		display				: none;
		
		-webkit-transform	: scale(0.2, 1);
		-moz-transform		: scale(0.2, 1);
		-ms-transform		: scale(0.2, 1);
		-o-transform		: scale(0.2, 1);
		transform			: scale(0.2, 1);
		
		-webkit-box-sizing	: border-box;
		-moz-box-sizing		: border-box;
		box-sizing			: border-box;
		
		-webkit-box-shadow	: 0px 0px 35px 0px #000000;
		-moz-shadow			: 0px 0px 35px 0px #000000;
		box-shadow			: 0px 0px 35px 0px #000000;
		
		-webkit-transition	: -webkit-transform .1s ease-in, opacity .1s ease-in, visibility .1s ease-in;
		-moz-transition		: -moz-transform .1s ease-in, opacity .1s ease-in, visibility .1s ease-in;
		-ms-transition		: -ms-transform .1s ease-in, opacity .1s ease-in, visibility .1s ease-in;
		-o-transition		: -o-transform .1s ease-in, opacity .1s ease-in, visibility .1s ease-in;
		transition			: transform .1s ease-in, opacity .1s ease-in, visibility .1s ease-in;
	
	
	
	
	
}

.popup-mobile-fixed {
	
}

.popup-display {
	
		visibility			: visible;
		opacity				: 1;
		
		-webkit-transform	: scale(1, 1);
		-moz-transform		: scale(1, 1);
		-ms-transform		: scale(1, 1);
		-o-transform		: scale(1, 1);
		transform			: scale(1, 1);
		
		-webkit-transition	: -webkit-transform .1s ease-out, opacity .1s ease-out, visibility .1s ease-out;
		-moz-transition		: -moz-transform .1s ease-out, opacity .1s ease-out, visibility .1s ease-out;
		-ms-transition		: -ms-transform .1s ease-out, opacity .1s ease-out, visibility .1s ease-out;
		-o-transition		: -o-transform .1s ease-out, opacity .1s ease-out, visibility .1s ease-out;
		transition			: transform .1s ease-out, opacity .1s ease-out, visibility .1s ease-out;
	
	
}

.popup-hidden {
	
		visibility			: hidden;
		opacity				: 0;
	
}

.popup .close-button {
	
		font-size			: 24px;
		font-weight			: bold;
		line-height			: 24px;
		color				: #fff;
		position			: absolute;
		top					: 7px;
		right				: 5px;
		padding				: 0px 5px;
		cursor				: pointer;
	
}

.popup .close-button:hover {
	
		color				: #fff;
	
}

.popup .close-button.hidden {
	
		display				: none;
	
}

.popup .background {
	
		background			: #316380;
		position			: absolute;
		top					: 0px;
		left				: 0px;
		width				: 100%;
		height				: 100%;
	
}

.popup .container {
	
		position			: relative;
	
}

.popup .container > .title {
	
		padding				: 20px 30px;
		text-align			: left;
		background			: #316380;
		border-bottom		: 1px solid #fff;
		color				: #fff;
		
		font-size			: 36px;
		line-height			: 36px;
		font-weight			: 100;
	
	
}

.popup .container > .title.hidden {
	
		display				: none;
	
}

.popup .container .content {
	
		color				: #fff;
		min-height			: 20px;
	
}

.popup .container .content.padding {
	
		padding				: 30px;
	
	
}

.popup .container .content.padding-sides {
	
		padding				: 0px 30px;
	
	
}

.popup .container .content a {
	
		color				: #fff;
	
}

.popup .container .content a.dark {
	
		color				: #000;
		text-decoration		: underline;
	
}

.popup .container .content .spinner-container {
	
		display				: none;
		background			: url(/resources/gfx/loader-big-blue.gif) no-repeat center center;
		height				: 50px;
	
}

.popup .container .footer {
	
		padding				: 20px 30px;
		font-size			: 24px;
		background			: #316380;
		border-top			: 0px;
		overflow			: hidden;
	
	
}

.popup .container .footer.hidden {
	
		display				: none;
	
}



/** FULL SIZE POPUP **/
.popup.full-size {
	
		position			: fixed;
		width				: 100%;
		height				: 100%;
		top					: 0px;
		left				: 0px;
	
}

.popup.full-size .background {
	
		background			: #363636;
	
}

.popup.full-size .container {
	
		height				: 100%;
	
}

.popup.full-size .container .content {
	
		height				: 100%;
	
}

 .popup-menu {
	
		position			: absolute;
		top					: 0px;
		left				: 0px;
		z-index				: 10000;
		
		display				: none;
		box-shadow			: 0px 2px 15px -2px #000;
	
}
 #imagelibrary-browser {
	
	max-width				: 1100px;
	
}

#imagelibrary-browser .filter {
	
	overflow				: hidden;
	
}

#imagelibrary-browser .filter .search {
	
	display					: inline;
	float					: left;
	
	
}

#imagelibrary-browser .filter .search input {
	
	border-radius			: 3px;
	border					: 0px !important;
	padding					: 7px 5px;
	
}

#imagelibrary-browser .filter .sort {
	
	display					: inline;
	float					: left;
	
	
}

#imagelibrary-browser .filter .sort > div {
	
	display					: inline-block;
	border-radius			: 3px;
	border					: 0px;
	padding					: 5px;
	background				: #fff;
	
}

#imagelibrary-browser .filter .sort > div > select {
	
	border					: 0px;
	
}

#imagelibrary-uploader {
	
	max-width				: 700px;
	
}

#ilupImageContainer {
	
	overflow			: hidden;
	
}

#ilbrImagesContainer {
	
	
}

#ilbrImagesContainer .image {
	
	-webkit-box-sizing	: border-box;
	-moz-box-sizing		: border-box;
	-o-box-sizing		: border-box;
	box-sizing			: border-box;
	
	width				: 20%;
	padding-right		: 20px;
	margin-bottom		: 20px;
	display				: inline;
	float				: left;
	overflow			: hidden;
	position			: relative;
	
	
	
}

#ilbrImagesContainer .image .border {
	
	border				: 1px solid #316380;
	position			: relative;
	overflow			: hidden;
	
	-webkit-transition	: all 0.5s;
	-moz-transition		: all 0.5s;
	-o-transition		: all 0.5s;
	transition			: all 0.5s;
	
}

#ilbrImagesContainer .image:hover .border {
	
	border				: 1px solid #fff;
	
	-webkit-transition	: all 0.5s;
	-moz-transition		: all 0.5s;
	-o-transition		: all 0.5s;
	transition			: all 0.5s;
	
}

#ilbrImagesContainer .image table.thumbnail {
	
	padding				: 0px;
	margin				: 0px;
	height				: 80px;
	width				: 100%;
	cursor				: pointer;
	
}

#ilbrImagesContainer .image table.thumbnail tr td {
	
	padding				: 0px;
	margin				: 0px;
	text-align			: center;
	height				: 80px;
	
}

#ilbrImagesContainer .image table.thumbnail tr td img {
	
	max-height			: 80px;
	vertical-align		: bottom;
	
}

#ilbrImagesContainer .image .descr {
	
	text-align			: center;
	height				: 25px;
	padding				: 2px;
	font-size			: 10px;
	line-height			: 12px;
	
}

#ilbrImagesContainer .image .border .tools {
	
	position			: absolute;
	text-align			: center;
	left				: 0px;
	bottom				: -30px;
	width				: 100%;
	height				: 30px;
	padding				: 7px;
	background			: #fff;
	opacity				: 0;
	
	-webkit-box-sizing	: border-box;
	-moz-box-sizing		: border-box;
	-o-box-sizing		: border-box;
	box-sizing			: border-box;
	
	-webkit-transition	: all 0.2s;
	-moz-transition		: all 0.2s;
	-o-transition		: all 0.2s;
	transition			: all 0.2s;
	
}

#ilbrImagesContainer .image:hover .border .tools {
	
	bottom				: 0px;
	opacity				: 1;
	
	-webkit-transition	: all 0.2s;
	-moz-transition		: all 0.2s;
	-o-transition		: all 0.2s;
	transition			: all 0.2s;
	
}

#ilbrImagesContainer .image .border .tools img {
	
	cursor				: pointer;
	margin				: 0px 5px;
	
}

#ilupOrigContainer {
	
	display				: inline;
	float				: left;
	position			: relative;
	overflow			: hidden;
	
	width				: 310px;
	height				: 280px;
	
	background			: #699AAE;
	color				: #fff;
	
	text-align			: center;
	
	
}

#ilupPreviewContainer {
	
	display				: inline;
	float				: right;
	position			: relative;
	overflow			: hidden;
	
	margin-left			: 15px;
	
	width				: 310px;
	height				: 280px;
	
	background			: #699AAE;
	color				: #fff;
	
	text-align			: center;
	
	
} #settings-window {
	
	max-width				: 800px;
	
}

#settings-edit-menuitem {
	
	max-width				: 900px;
	
}

#settings-menuitems-list {
	
}

#settings-menuitems-list .line {
	
	padding-bottom			: 0px;
	
}

#settings-menuitems-list .line.inactive {
	
	opacity					: 0.5;
	
}

#settings-menuitems-list .line .item.icons {
	
	width					: 9%;
	
	
	
}

#settings-menuitems-list .line .item.name {
	
	width					: 30%;
	padding-top				: 4px;
	
	
}

#settings-menuitems-list .line .item.access {
	
	width					: 46%;
	padding-top				: 4px;
	
	
	
}
#settings-menuitems-list .line .item.access .level {
	
	background				: #fff;
	color					: #316380;
	font-size				: 12px;
	padding					: 3px;
	border-radius			: 5px;
	
}

#settings-menuitems-list .line .item.icon {
	
	width					: 15%;
	padding-top				: 4px;
	
	
	
}

#settings-menuitems-list .line .item.icon img {
	
	width					: 100%;
	max-width				: 32px;
	
	
}

#settings-menuitems-list .line .item.heading.access,
#settings-menuitems-list .line .item.heading.icon {
	
	
	
}

#settings-edit-menuitem .app-form .icons {
	
	overflow				: hidden;
	
	
}

#settings-edit-menuitem .app-form .icons .icon {
	
	display					: inline-block;
	float					: left;
	margin-right			: 20px;
	margin-bottom			: 20px;
	background				: #7CB133;
	border					: 1px solid #fff;
	border-radius			: 5px;
	padding					: 5px;
	cursor					: pointer;
	
	
}

#settings-edit-menuitem .app-form .icons .icon input {
	
	display					: inline;
	margin-top				: 10px;
	
	
}

#settings-edit-menuitem .app-form .icons .icon img {
	
	width					: 40px;
	
	
}


 .text-editor-styles img.embed-video {
	
	display				: none;
	
}

.text-editor-styles div.embed-video {
	
	position			: relative;
	
	width				: 100%;
	height				: 0px;
	padding-top			: 56.25%;
	
	background-color	: #000;
	background-image	: url(/resources/gfx/loader-big-black-transparent.gif);
	background-repeat	: no-repeat;
	background-position	: center center;
	
	-webkit-box-sizing	: border-box;
	-moz-box-sizing		: border-box;
	-o-box-sizing		: border-box;
	box-sizing			: border-box;
	
}

.text-editor-styles div.embed-video.youtube iframe {
	
	position			: absolute;
	
	top					: 0px;
	left				: 0px;
	width				: 100%;
	height				: 100%;
	
}

.text-editor-styles div.embed-video.internal {
	
	margin-bottom		: 30px;
	background			: #000;
	
}

.text-editor-styles div.embed-video.internal video {
	
	position			: absolute;
	
	z-index				: 10;
	
	top					: 0px;
	left				: 0px;
	width				: 100%;
	height				: 100%;
	
}

.text-editor-styles div.embed-video.internal div.overlay {
	
	position			: absolute;
	
	z-index				: 11;
	
	top					: 0px;
	left				: 0px;
	width				: 100%;
	height				: 100%;
	
}

.text-editor-styles div.embed-video.internal div.controls {
	
	position			: absolute;
	
	top					: 100%;
	left				: 0px;
	width				: 100%;
	height				: 30px;
	
	background-color	: #000;
	
	-webkit-box-sizing	: border-box;
	-moz-box-sizing		: border-box;
	-o-box-sizing		: border-box;
	box-sizing			: border-box;
	
}

.text-editor-styles div.embed-video.internal div.controls > span {
	
	position			: absolute;
	left				: 0px;
	top					: 0px;
	width				: 70px;
	height				: 30px;
	
	font-size			: 12px;
	line-height			: 30px;
	padding				: 0px 0px 0px 30px;
	text-align			: center;
	
	background-image	: url(/resources/gfx/icon-play.png);
	background-repeat	: no-repeat;
	background-position	: 3px 3px;
	
	cursor				: pointer;
	
}

.text-editor-styles div.embed-video.internal.pause div.controls > span {
	
	background-image	: url(/resources/gfx/icon-pause.png);
	
}

.text-editor-styles div.embed-video.internal div.controls > div {
	
	margin				: 14px 5px 0px 105px;
	border-top			: 1px solid #888;
	
}

.text-editor-styles div.embed-video.internal div.controls > div > span {
	
	display				: inline-block;
	background			: #fff;
	
	position			: relative;
	
	left				: 0px;
	top					: -10px;
	
	width				: 20px;
	height				: 20px;
	
	-webkit-border-radius	: 10px;
	-moz-border-radius		: 10px;
	-o-border-radius		: 10px;
	border-radius			: 10px;
	
	cursor				: pointer;
	
}

video::-webkit-media-controls{
    display: none;
    -webkit-appearance: none;
} #linkcreator {
	
	max-width				: 600px;
	
}

#linkcreator-selectfile {
	
	max-width				: 800px;
	
}

 #browser-folder-edit {
	
	max-width				: 800px;
	
}

.browser-container > .lists {
	
	margin-bottom			: 10px;
	height					: 300px;
	/*
	border-top				: 1px solid #fff;
	border-bottom			: 1px solid #fff;
	*/
	
}

.browser-container.colorscheme-grayscale > .lists {
	
	background				: #262626;
	overflow				: hidden;
	
}

.browser-container.colorscheme-blue > .lists {
	
	background				: #2C5872;
	overflow				: hidden;
	
}

.browser-container > .lists > .list {
	
	vertical-align			: bottom;
	
	height					: 100%;
	padding					: 10px;
	
	overflow				: hidden;
	
}

.browser-container > .lists > .list.folders {
	
	display					: inline-block;
	float					: left;
	
	width					: 35%;
	
	border-right			: 1px solid #444;
	
	
	
}

.browser-container > .lists > .list.folders.open {
	
	
	
}

.browser-container > .lists > .list.folders .current-folder {
	
	display					: none;
	
	
	
}

.browser-container > .lists > .list.folders .current-folder::after {
	
	
}

.browser-container > .lists > .list.folders > div.tools {
	
	height					: 20px;
	padding-top				: 10px;
	margin-top				: 10px;
	border-top				: 1px solid #444;
	
}

.browser-container.colorscheme-blue > .lists > .list.folders > div.tools {
	
	border-top				: 1px solid #444;
	
}

.browser-container > .lists > .list.folders > div.tools img {
	
	height					: 20px;
	opacity					: 0.2;
	
}

.browser-container > .lists > .list.folders > div.tools img.new,
.browser-container > .lists > .list.folders.has-selection > div.tools img.edit,
.browser-container > .lists > .list.folders.has-selection > div.tools img.delete {
	
	opacity					: 1;
	cursor					: pointer;
	
}

.browser-container > .lists > .list.folders > div.tools img.new {
	
	padding					: 0px 0px 0px 0px;
	
}

.browser-container > .lists > .list.folders > div.tools img.edit,
.browser-container > .lists > .list.folders > div.tools img.delete {
	
	padding					: 0px 0px 0px 10px;
	float					: right;
	
}

.browser-container > .lists.no-new > .list.folders > div.tools img.new {
	
	/*display					: none;*/
	opacity					: 0.25;
	
}

.browser-container > .lists.no-edit > .list.folders > div.tools img.edit {
	
	/*display					: none;*/
	opacity					: 0.25;
	
}

.browser-container > .lists.no-delete > .list.folders > div.tools img.delete {
	
	opacity					: 0.25;
	/*display					: none;*/
	
}

.browser-container > .lists.no-editing > .list.folders > div.tools {
	
	display					: none;
	
}


.browser-container > .lists > .list.folders > div.items-container {
	
	height					: 240px;
	
	overflow				: hidden;
	position				: relative;
	
	
}

.browser-container > .lists > .list.folders > div.items-container > div.items {
	
	width					: 1000px;
	height					: 100%;
	
	overflow				: scroll;
	overflow-x				: hidden;
	
}

.browser-container > .lists > .list.folders > div.items-container > span.scrollbar {
	
	display					: block;
	position				: absolute;
	
	top						: 0px;
	right					: 0px;
	width					: 10px;
	height					: 100%;
	
	cursor					: pointer;
	
	-webkit-border-radius	: 5px;
	-moz-border-radius		: 5px;
	-o-border-radius		: 5px;
	border-radius			: 5px;
	
	background				: rgba(255, 255, 255, 0.2);
	
}

.browser-container > .lists > .list.elements {
	
	
	
}

.browser-container > .lists > .list ul {
	
	list-style-type			: none;
	margin					: 0px;
	padding					: 0px;
	
}

.browser-container > .lists > .list.folders > div.items-container > div.items ul {
	
	
}

.browser-container > .lists > .list.folders > div.items-container > div.items ul > li {
	
	margin					: 0px;
	padding					: 1px 0px;
	
}

.browser-container > .lists > .list.folders > div.items-container > div.items ul > li > span {
	
	display					: inline-block;
	
	width					: 17px;
	height					: 12px;
	
}

.browser-container > .lists > .list.folders > div.items-container > div.items ul > li.has-children > span {
	
	display					: inline-block;
	
	background-position		: 3px 3px;
	background-repeat		: no-repeat;
	
	width					: 17px;
	height					: 12px;
	
	cursor					: pointer;
	
	background-image		: url(/resources/gfx/folder-closed.png);
	
}

.browser-container > .lists > .list.folders > div.items-container > div.items ul > li.has-children.open > span {
	
	background-image		: url(/resources/gfx/folder-open.png);
	
}

.browser-container > .lists > .list.folders > div.items-container > div.items ul > li > p {
	
	display					: inline-block;
	
	text-overflow			: ellipsis;
	white-space				: nowrap;
	height					: 12px;
	
	cursor					: pointer;
	
}

.browser-container > .lists > .list.folders > div.items-container > div.items ul > li.selected > p {
	
	font-weight				: bold;
	color					: #7cb133;
	
}

.browser-container > .lists > .list.folders > div.items-container > div.items ul > li.disabled > p {
	
	color					: #999;
	
}

.browser-container > .lists > .list.folders > div.items-container > div.items ul > li > p > span {
	
	display					: none;
	
	width					: 4px;
	height					: 4px;
	
	margin					: 3px 0px 3px 3px;
	
	-webkit-border-radius	: 2px;
	-moz-border-radius		: 2px;
	-o-border-radius		: 2px;
	border-radius			: 2px;
	
	background				: #fff;
	
}

.browser-container > .lists > .list.folders > div.items-container > div.items ul > li > p > span:first-child {
	
	margin					: 3px 0px 3px 5px;
	
}

.browser-container > .lists > .list.folders > div.items-container > div.items ul > li > p:hover > span {
	
	display					: inline-block;
	
}

.browser-container > .lists > .list.folders > div.items-container > div.items ul > li.has-notification > p::after,
.browser-container > .lists > .list.elements ul > li.has-notification > span::after {
	
	content					: 'NYTT INNHOLD';
	color					: #F8CC1A;
	background				: #3f2405;
	
	font-size				: 9px;
	line-height				: 9px;
	font-weight				: normal;
	
	border					: 1px solid #F8CC1A;
	-webkit-border-radius	: 10px;
	-moz-border-radius		: 10px;
	-o-border-radius		: 10px;
	border-radius			: 10px;
	
	margin-left				: 6px;
	margin-top				: -1px;
	
	padding					: 1px 4px;
	vertical-align			: middle;
	
	
}

.browser-container > .lists > .list.elements ul > li.has-notification > span::after {
	
	content					: 'NY';
	padding					: 1px 4px;
	
}

.browser-container > .lists > .list.folders > div.items-container > div.items ul > li > ul {
	
	display					: none;
	margin					: 0px 0px 0px 7px;
	padding					: 0px 0px 0px 7px;
	border-left				: 1px dotted #444;
	
}

.browser-container > .lists > .list.folders > div.items-container > div.items ul > li.open > ul {
	
	display					: block;
	
}

 #files-file-edit {
	
	max-width				: 600px;
	
}

.files-browser > .lists {
	
	height					: 620px;
	
	
}

.files-browser > .lists > .list.folders > div.items-container {
	
	height					: 560px;
	
	
}

.files-browser > .lists.no-editing > .list.folders > div.items-container {
	
	height					: 600px;
	
	
}

.files-browser .list.elements ul {
	
	height					: 100%;
	overflow				: hidden;
	
}

.files-browser .list.elements ul li {
	
	overflow				: hidden;
	
	margin					: -1px 0px 0px;
	padding					: 2px 0px 2px;
	height					: 26px;
	line-height				: 26px;
	font-size				: 14px;
	border-top				: 1px solid #444;
	
}

.files-browser.colorscheme-blue .list.elements ul li {
	
	border-top				: 1px solid #fff;
	
}


.files-browser .list.elements ul li img.edit,
.files-browser .list.elements ul li img.delete {
	
	float					: right;
	
	height					: 20px;
	padding					: 3px;
	
	cursor					: pointer;
	
}

.files-browser .list.elements ul li .click {
	
	cursor					: pointer;
	
}

.files-browser .list.elements ul li .click:hover {
	
	/*text-decoration			: underline;*/
	
}

.files-browser .list.elements ul li.no-access,
.files-browser .list.elements ul li.no-elements {
	
	opacity					: 0.6;
	padding					: 20px 0px 0px;
	text-align				: center;
	
}

.files-browser .list.elements ul li.spinner {
	
	padding					: 20px 0px 0px;
	text-align				: center;
	
}

 .window-container {
	
	background			: #316380;
	margin				: 100px auto 0px auto;
	width				: 700px;
	
	
	
}

.window-container.maintenance {
	
	background			: #E17C0F;
	
}

.window-container .title {
	
	padding				: 20px 30px;
	text-align			: left;
	background			: #316380;
	border-bottom		: 1px solid #fff;
	color				: #fff;
	
	font-size			: 36px;
	line-height			: 36px;
	font-weight			: 100;
	
	
}

.window-container.maintenance .title {
	
	background			: #E17C0F;
	
}

.window-container h1 {
	
	line-height			: 32px;
	
	
}

.window-container .padding {
	
	padding				: 30px;
	
	
}

.window-container .padding .forgotten-password {
	
	float				: right;
	
}

.window-container .padding .forgotten-password a {
	
	color				: #fff;
	
}

.window-container .custom-error-message {
	
	padding				: 10px;
	background			: #CD303B;
	border				: 1px solid #fff;
	color				: #fff;
	margin-bottom		: 16px;
	
}

.window-container .logo {
	
	text-align			: center;
	border-bottom		: 1px solid #fff;
	padding				: 10px 0px;
	margin-bottom		: 10px;
	
}

.window-container .logo img {
	
	max-width			: 100%;
	
}

.window-container .receivers-buttons {
	
	padding-top			: 20px;
	
	
}

.window-container .receivers-buttons a {
	
	margin-right		: 5px;
	
	
}

.window-container .button-container {
	
	margin-top			: 20px;
	
	
}

.window-container .success-message {
	
	display				: none;
	
	color				: #fff;
	border				: 1px solid #fff;
	
	padding				: 10px;
	
	
}

.window-container .failed-message {
	
	display				: none;
	
	background			: #CD303B;
	color				: #fff;
	border				: 1px solid #fff;
	
	padding				: 10px;
	
	
}

.window-container .receivers-edit-section-firsttime,
.window-container .receivers-edit-section-number,
.window-container .receivers-edit-section-code,
.window-container .receivers-edit-section-edit {
	
	display				: none;
	
}

.window-container .receivers-edit-section-firsttime.visible,
.window-container .receivers-edit-section-number.visible,
.window-container .receivers-edit-section-code.visible,
.window-container .receivers-edit-section-edit.visible {
	
	display				: block;
	
}

 .wrap-box {
	
	-webkit-box-sizing	: border-box;
	-moz-box-sizing		: border-box;
	-o-box-sizing		: border-box;
	box-sizing			: border-box;
	
	overflow			: hidden;
	background			: #222;
	border				: 0px; /*1px solid #ccc;*/
	border-radius		: 5px;
	padding				: 20px;
	
}

.wrap-box.w-25 {
	
	width				: 25%;
	
	
}
.wrap-box.w-50 {
	
	width				: 50%;
	
	
}
.wrap-box.w-75 {
	
	width				: 75%;
	
	
}

.wrap-box-tabs {
	
		border-radius		: 5px;
		position			: relative;
		padding-top			: 38px;
	
	
}

.wrap-box-tabs ul.tabs {
	
		list-style-type		: none;
		position			: absolute;
		
		top					: 0px;
		left				: 0px;
	
	
}

.wrap-box-tabs ul.tabs li {
	
		display				: inline;
		float				: left;
		height				: 14px;
		line-height			: 14px;
		
		padding				: 11px 20px 10px;
		margin				: 4px 3px 0px 0px;
		background			: #2a2a2a;
		border				: 0px; /*1px solid #ccc;*/
		border-bottom		: 0px;
		border-radius		: 3px 3px 0px 0px;
		color				: #ccc;
		
		cursor				: pointer;
		
		-webkit-transition	: all 0.1s;
		-moz-transition		: all 0.1s;
		-o-transition		: all 0.1s;
		transition			: all 0.1s;
	
	
}

.wrap-box-tabs ul.tabs li:hover {
	
		background			: #222;
		
		-webkit-transition	: all 0.1s;
		-moz-transition		: all 0.1s;
		-o-transition		: all 0.1s;
		transition			: all 0.1s;
	
	
}

.wrap-box-tabs ul.tabs li.active {
	
		padding				: 15px 20px 9px;
		margin				: 0px 3px 0px 0px;
		background			: #222;
		border				: 0px; /*1px solid #ccc;*/
		border-bottom		: 0px;
		border-radius		: 3px 3px 0px 0px;
		color				: #fff;
		font-weight			: bold;
		
		cursor				: default;
	
	
}

.wrap-box-tabs .wrap-box {
	
		border-radius		: 0px 5px 5px 5px;
	
	
}
 .accordion {
	
	padding					: 0px;
	margin					: 0px 0px 20px;
	overflow				: hidden;
	
	-webkit-border-radius	: 5px;
	-moz-border-radius		: 5px;
	-o-border-radius		: 5px;
	border-radius			: 5px;
	
}

.accordion.open {
	
	-webkit-border-radius	: 5px;
	-moz-border-radius		: 5px;
	-o-border-radius		: 5px;
	border-radius			: 5px;
	
	margin					: 0px 0px 40px;
	
}

.accordion > h2 {
	
	margin					: 0px 0px -1px;
	padding					: 20px 20px 20px 45px;
	
	background				: #222;
	
	position				: relative;
	
	cursor					: pointer;
	
	font-weight				: normal;
	font-size				: 18px;
	line-height				: 22px;
	
	
}

.accordion > h2:before {
	
	content					: url(/resources/gfx/left.png);
	position				: absolute;
	
	-webkit-transform		: rotate(180deg);
	-moz-transform			: rotate(180deg);
	-o-transform			: rotate(180deg);
	transform				: rotate(180deg);
	
	-webkit-transition		: all 0.3s;
	-moz-transition			: all 0.3s;
	-o-transition			: all 0.3s;
	transition				: all 0.3s;
	
	top						: 18px;
	left					: 20px;
	
	
}

.accordion.open > h2 {
	
	margin					: 0px 0px 0px;
	
	background				: #000;
	
	font-weight				: bold;
	
}
.accordion.open > h2:before {
	
	-webkit-transform		: rotate(270deg);
	-moz-transform			: rotate(270deg);
	-o-transform			: rotate(270deg);
	transform				: rotate(270deg);
	
	top						: 18px;
	
	-webkit-transition		: all 0.3s;
	-moz-transition			: all 0.3s;
	-o-transition			: all 0.3s;
	transition				: all 0.3s;
	
}


.accordion > div {
	
	max-height				: 0px;
	
	background				: #222;
	
	padding					: 0px 20px 0px;
	
	overflow				: hidden;
	
	-webkit-transition		: all 0.3s;
	-moz-transition			: all 0.3s;
	-o-transition			: all 0.3s;
	transition				: all 0.3s;
	
}

.accordion.open > div {
	
	max-height				: 2000px;
	
	padding					: 20px 20px 20px;
	
	-webkit-transition		: all 0.3s;
	-moz-transition			: all 0.3s;
	-o-transition			: all 0.3s;
	transition				: all 0.3s;
	
}

 .page-container .page-logo .logo {
	
	padding					: 25px 0px 20px;
	height					: 100px;
	
}

[data-puzzel-chat] {
	font-family: 'Roboto', sans-serif;
	z-index: 9999;
}

[data-puzzel-chat] h1 {
	margin-bottom: 0px !important;
}

.info-bar {
	
	background				: #ab0f50;
	color					: #fff;
	padding					: 10px 0 10px;
	overflow				: hidden;
	
}

.info-bar p > span {
	
	padding					: 0px;
	text-align				: center;
	
	line-height				: 22px;
	
	
	
}

.info-bar p > span.left {
	
	float					: left;
	font-size				: 16px;
	
	
}

.info-bar p > span.right {
	
	float					: right;
	text-align				: right;
	
	
	
}

.info-bar p > span > span {
	
	white-space				: nowrap;
	
}

.info-bar p > span > span.chat {
	
	
	
}

.info-bar p > span > span.hideable {
	
}



.info-bar a {
	
	color					: #fff;
	
}

/** 

	light theme
	
**/



/** login **/

.page-login .login-container {
	
	background-color		: #ffcfda;
	padding					: 40px 25%;
	
	
}

.page-login .page-content h1 {
	
	line-height: 56px !important;
	
	
}

.page-login .login-container p,
.page-login .login-container ol {
	
	line-height				: 20px;
	
	
}

.page-login .login-container ol {
	
	margin					: 10px 0px 30px 40px;
	
	
}

.page-login .login-container ol li {
	
	padding-bottom			: 5px;
	
	
}

.page-login .login-container .forgotten-password {
	
	float					: right;
	
}

#internal-info-messages button,
.page-login .login-container button.standard,
.page-login .login-container a.button-standard,
.page-login .login-container input[type="submit"] {
	
	background-color		: #ab0f50;
	color					: #fff;
	
}

#internal-info-messages button:hover,
.page-login .login-container button.standard:hover,
.page-login .login-container input[type="submit"]:hover  {
	
	background-color		: #a92a5f !important;
	
}

.page-login .login-container .title {
	
	font-weight				: 100;
	font-size				: 30px;
	line-height				: 30px;
	margin-bottom			: 30px;
	
}

.page-login h1 {
	
	text-align				: center;
	
}

.page-login .candy-people-product-photo {
	
	vertical-align			: bottom;
	width					: 100%;
	margin					: 40px 0px 0px;
	
}

.page-login .contact-section {
	
	margin					: 40px 0px 0px -30px;
	font-size				: 0px;
	
	
}

.page-login .contact-section .section {
	
	padding-left			: 30px;
	width					: 33.33%;
	display					: inline-block;
	
	vertical-align			: top;
	
	-webkit-box-sizing		: border-box;
	-moz-box-sizing			: border-box;
	-o-box-sizing			: border-box;
	box-sizing				: border-box;
	
	
}

.page-login .contact-section .section .background {
	
	padding					: 20px 20px 30px;
	background-color		: #c9e5f9;
	text-align				: center;
	overflow				: hidden;
	
	min-height				: 240px;
	
	
}

.page-login .contact-section .section .background h2 {
	
	font-size				: 20px;
	line-height				: 30px;
	padding-bottom			: 20px;
	
}

.page-login .contact-section .section .background a {
	
	background				: #007eb2;
	color					: #fff;
	font-size				: 12px;
	line-height				: 20px;
	padding					: 10px 20px;
	margin-bottom			: 10px;
    -webkit-border-radius	: 3px;
    -moz-border-radius		: 3px;
    -o-border-radius		: 3px;
    border-radius			: 3px;
	display					: inline-block;
	
	
}

.page-login .contact-section .section .background a span {
	
	font-size				: 16px;
	font-weight				: bold;
	display					: block;
	padding-bottom			: 2px;
	
	
}
.page-login .contact-section .section .background a:hover {
	
	background				: #068ec6;
	text-decoration			: none;
	
}

.page-login .contact-section .section .background p {
	
	
	
}

.page-login .contact-section .section .background p.small {
	
	color					: #000;
	font-size				: 12px;
	line-height				: 16px;
	padding-top				: 20px;
	
	
}

/** general **/

button.standard.contrast,
a.button-standard.contrast,
input[type="submit"].contrast {
	
	background-color		: #ab0f50;
	color					: #fff;
	
}

button.standard.contrast:hover,
a.button-standard.contrast:hover,
input[type="submit"].contrast:hover  {
	
	background-color		: #b41356 !important;
	
}

.list-filter {
	background				: #fff !important;
}

.list-filter-button::after {
	
	background-image		: url(/resources/gfx/contrast-select-arrow-down.png?v=20211125);
	
	
}



.page-dev-version {
	
	background				: #ab0f50;
	color					: #fff;
	font-size				: 12px;
	padding					: 5px 0px;
	color					: rgba(255, 255, 255, 0.8);
	
}

body {
	background				: #fff;
	color					: #000;
}

a {
	color					: #000;
}

.ajax-contents.ajax-loading:before,
.ajax-value.ajax-loading:before {
	
	background-color		: transparent;
	
}

.ajax-contents.ajax-loading:after,
.ajax-value.ajax-loading:after {
	
	background-image		: url(/resources-profiles/fe825dbc9dd2ac2e/gfx/loader-lines.png) !important;
	
}

button.busy.ajax-contents.ajax-loading:after,
button.busy.ajax-value.ajax-loading:after {
	
	background-image		: url(/resources/gfx/loader-lines.png) !important;
	
}

.page-container {
	
	background				: #fff;
	
}

.page-container .page-logo {
	
	border-top				: 0px;
	
}


.page-container .page-logo .top-bar {
	
	background				: #ffcfda;
	
}

.page-container .page-logo .top-bar > .page-width > img {
	
	
}

.top-menu li {
	
	background				: #ab0f50;
	-webkit-border-radius	: 50%;
	-moz-border-radius		: 50%;
	-o-border-radius		: 50%;
	border-radius			: 50%;
	margin-left				: 10px;
	
	
}

.top-menu li span {
	
	font-size				: 10px !important;
	
	
}

.top-menu li img {
	
}

.top-menu #menu-button {
	
    height					: 50px;
    padding					: 12px 11px 8px;
	
}

.top-menu #menu-button.active {
	
	background				: none;
	
}

.page-menu-blocker {
	
	background				: #fff !important;
	
}

.page-menu {
	
	background				: #ffcfda !important;
	-webkit-box-shadow		: none !important;
	-moz-box-shadow			: none !important;
	-o-box-shadow			: none !important;
	box-shadow				: none !important;
	
}

.page-menu .user-info {
	
	color					: #666 !important;
	
}

.page-menu .user-info a {
	
	color					: #000 !important;
	
}

.page-menu ul.buttons li a {
	
	background				: #ab0f50 !important;
	border					: 1px solid transparent !important;
	
}

.page-footer {
	
	background-color		: #ffcfda;
	padding-top				: 40px;
	
}

.div-list-768 .line.headings,
.div-list-1010 .line.headings {
	
	background-color		: #ffcfda;
	padding-top				: 5px;
	
}
.div-list-768 .line.headings .item,
.div-list-1010 .line.headings .item {
	
	color					: #000;
	border-bottom			: 0px;
	
}

.div-list-768 .content,
.div-list-768 .content .line {
	
	background-color		: #fff !important;
	
}

.div-list-768 .content .line .item {
	
	color					: #000;
	
}

button.standard {
	
	background-color		: #d4e4b6;
	color					: #000;
	
	-webkit-transition		: all 0.2s !important;
	-moz-transition			: all 0.2s !important;
	-o-transition			: all 0.2s !important;
	transition				: all 0.2s !important;
	
}

.button-standard.left, button.standard.left, .button-standard.middle, button.standard.middle, .button-standard.right, button.standard.right {
	
	background-color		: #d4e4b6;
	
}

.button-standard.left.down, button.standard.left.down, .button-standard.middle.down, button.standard.middle.down, .button-standard.right.down, button.standard.right.down {
	
	background-color		: #607e37;
	color					: #fff;
	
}

button.standard.down,
a.button-standard.down,
input[type="submit"].down,
button.standard:hover {
	
	background-color		: #607e37 !important;
	color					: #fff !important;
	
	-webkit-transition		: all 0.2s !important;
	-moz-transition			: all 0.2s !important;
	-o-transition			: all 0.2s !important;
	transition				: all 0.2s !important;
	
}

button.standard span,
button.standard span:hover,
button.standard:hover span {
	
	-webkit-transition		: none !important;
	-moz-transition			: none !important;
	-o-transition			: none !important;
	transition				: none !important;
	
}

.button-standard.middle, button.standard.middle {
	
	border-left				: 0px solid #ffcfda !important;
	
}

.button-standard.right, button.standard.right {
	
	border-left				: 0px solid #ffcfda !important;
	
}

.button-standard.icon.icon-export, button.standard.icon.icon-export {
	
	background-image		: url(/resources/gfx/icon-contrast-doc.png);
	
}

.button-standard.icon.icon-export, button.standard.icon.icon-emailaddresses {
	
	background-image		: url(/resources/gfx/icon-contrast-docemail.png);
	
}

.button-standard.icon.icon-export:hover, button.standard.icon.icon-export:hover {
	
	background-image		: url(/resources/gfx/icon-doc.png);
	
}

.button-standard.icon.icon-export:hover, button.standard.icon.icon-emailaddresses:hover {
	
	background-image		: url(/resources/gfx/icon-docemail.png);
	
}


.wrap-box-tabs .wrap-box {
	
	background				: #ffcfda;
	
}

.wrap-box-tabs ul.tabs li {
	
	background				: #ab0f50;
	color					: #fff;
	
}

.wrap-box-tabs ul.tabs li:hover,
.wrap-box-tabs ul.tabs li.active {
	
	background				: #ffcfda;
	color					: #000;
	
}

.popup-block {
	
	background				: #fff;
	
}

.popup .background,
.popup .title,
.popup .footer {
	
	background				: #ea417f !important;
	
}

.popup .tabPanel,
.popup .tabPanel .tabPanelTabSelected {
	
	background				: #ffcfda !important;
	
}

.popup .tabPanel .tabPanelTab {
	
	background				: #ab0f50 !important;
	
}

.tabPanel .line-separator {
	border-bottom			: 1px solid rgba(0, 0, 0, 0.20) !important;
}

.app-form .line > div textarea,
.app-form .line > div input[type="text"],
.app-form .line > div input[type="password"],
.app-form .line > div .select,
.app-form .line > div .wrapper {
	
	background-color		: rgba(0, 0, 0, 0.04) !important;
	/*background				: rgba(255, 255, 255, 0.3) !important;*/
	border					: 0px !important;
	border-bottom			: 1px solid rgba(0, 0, 0, 0.2) !important;
	-webkit-border-radius	: 0px;
	-moz-border-radius		: 0px;
	-o-border-radius		: 0px;
	border-radius			: 0px;
	
	-webkit-transition		: all 0.2s;
	-moz-transition			: all 0.2s;
	-o-transition			: all 0.2s;
	transition				: all 0.2s;
	
}

.app-form .line > div textarea:focus,
.app-form .line > div input[type="text"]:focus,
.app-form .line > div input[type="password"]:focus,
.app-form .line > div .select.focus {
	
	border-bottom			: 1px solid #a92668 !important;
	
}

.app-form .line > div textarea.error,
.app-form .line > div input[type="text"].error,
.app-form .line > div input[type="password"].error {
	
	border-bottom			: 1px solid #f00 !important;
	
}

.app-form [type="checkbox"]:not(:checked) + label:before,
.app-form [type="checkbox"]:checked + label:before,
.app-form span.checkbox-checked:before,
.app-form span.radio-checked:before {
	
		border: 1px solid #000 !important;
	
}

.app-form [type="radio"]:not(:checked) + label:before,
.app-form [type="radio"]:checked + label:before {
	
		border: 1px solid #000 !important;
	
}


.tabPanel [type="checkbox"]:not(:checked) + label:before,
.tabPanel [type="checkbox"]:checked + label:before,
.tabPanel [type="radio"]:not(:checked) + label:before,
.tabPanel [type="radio"]:checked + label:before,
.tabPanel span.checkbox-checked:before,
.tabPanel span.radio-checked:before {
	
		border-color: #000 !important;
	
}


/* checked mark aspect */

.app-form [type="checkbox"]:not(:checked) + label:after,
.app-form [type="checkbox"]:checked + label:after,
.app-form span.checkbox-checked:after {
	
		color: #000 !important;
	
}

.app-form [type="radio"]:not(:checked) + label:after,
.app-form [type="radio"]:checked + label:after,
.app-form span.radio-checked:after {
	
		border: 1px solid #000 !important;
	
}

.tabPanel [type="checkbox"]:not(:checked) + label:after,
.tabPanel [type="checkbox"]:checked + label:after,
.tabPanel span.checkbox-checked:after {
	
		color: #000 !important;
	
}



.div-list-1010 .line {
	
	background				: #fff !important;
	
}

.div-list-1010 .line.headings {
	
	background				: #ffcfda !important;
	
}

.div-list-1010 .line.open,
.div-list-1010 .line.odd.open {
	
	background				: #ffcfda !important;
	
}

/** GROUPS **/
.groups-container .content {
	
	background				: #fff !important;
	
}

#groups-search-content .line.headings .item,
#groups-search-content .line .item,
#groups-search-content .line .item a,
#groups-search-content .line .item span {
	
	color					: #000 !important;
	
}

#groups-search-content .div-list-1010 .group-users {
	background-color		: #fff !important;
}


/** JQUERY UI **/
.ui-widget-header {
	
	background				: #ab0f50 !important;
	color					: #fff !important;
	border					: 0px !important;
	
}

.ui-state-highlight, .ui-widget-content .ui-state-highlight {
	
	border					: 2px solid #ab0f50 !important;
	background				: #fff !important;
	color					: #000 !important;
	
}

.ui-state-active, .ui-widget-content .ui-state-active {
	
	border					: 2px solid #ab0f50 !important;
	background				: #ab0f50 !important;
	color					: #fff !important;
	
}

.ui-widget-content {
	
    border					: 0px !important;
    background				: #ffcfda !important;
    color					: #000 !important;
	
}

.ui-widget-header .ui-icon,
.ui-widget-header .ui-icon:hover {
	
    background-image: url(/resources/gfx/jquery-images/ui-icons_ffffff_256x240.png) !important;
	
}




.internal-info-messages-container ul li {
	
	background-color		: #ffcfda;
	padding					: 20px 20px 0px;
	
	
}

.internal-info-messages-container ul li h2 {
	
	font-size				: 18px;
	line-height				: 24px;
	margin-bottom			: 20px;
	
	
}


select {
	
	background-image	: url(/resources/gfx/contrast-select-arrow-down.png) !important;
	
}

button:focus {
	outline: 2px solid #000;
	outline-offset: 5px;
}
 @media only screen and (max-width: 1100px) {
/*****************************************************************************
*  
*  Forms
*  
*****************************************************************************/

.app-form {
	
}

.app-form .line {
	
	
}

.app-form .line.dark {
	
}

.app-form strong {
	
}

.app-form strong.red {
	
}

.app-form .line-separator {
	
}

.app-form.on-dark-background .line-separator {
	
}

.app-form .line-separator.dark {
	
}

.app-form .tabPanel .line-separator {
	
}

.app-form .sections {
	
	
}

.app-form .sections .line-separator {
	
	
}

.app-form .sections .section {
	
	
}

.app-form .sections .section h2 {
	
	
}

.app-form .sections .section h2 span {
	
	
}

.app-form .sections .section h2::before {
	
	
}

.app-form .sections .section.size-10,
.app-form .sections .section.size-20,
.app-form .sections .section.size-25,
.app-form .sections .section.size-30,
.app-form .sections .section.size-40,
.app-form .sections .section.size-50,
.app-form .sections .section.size-60,
.app-form .sections .section.size-70,
.app-form .sections .section.size-75,
.app-form .sections .section.size-80,
.app-form .sections .section.size-90,
.app-form .sections .section.size-100,
.app-form .sections .section.size-56,
.app-form .sections .section.size-66,
.app-form .sections .section.size-50,
.app-form .sections .section.size-33 {
	
	
}

.app-form .sections .section.size-10 {  }
.app-form .sections .section.size-20 {  }
.app-form .sections .section.size-25 {  }
.app-form .sections .section.size-30 {  }
.app-form .sections .section.size-40 {  }
.app-form .sections .section.size-50 {  }
.app-form .sections .section.size-60 {  }
.app-form .sections .section.size-70 {  }
.app-form .sections .section.size-75 {  }
.app-form .sections .section.size-80 {  }
.app-form .sections .section.size-96 {  }
.app-form .sections .section.size-100 {  }
.app-form .sections .section.size-33 {  }
.app-form .sections .section.size-66 {  }

.app-form .section.separator-top,
.app-form .sections.separator-top {
	
}

.app-form .section.separator-bottom,
.app-form .sections.separator-bottom {
	
}

.app-form .section .comment {
	
}

.app-form .line {
	
}

.app-form .line label,
.app-form .line p.label,
.app-form .line span.label {
	
	
}

.app-form.on-dark-background .line label,
.app-form.on-dark-background .line p.label,
.app-form.on-dark-background .line span.label {
	
	
}

.app-form.label-on-one-line .line > label,
.app-form.label-on-one-line .line > p.label,
.app-form.label-on-one-line .line > span.label,
.app-form .label-on-one-line .line > label,
.app-form .label-on-one-line .line > p.label,
.app-form .label-on-one-line .line > span.label {
	
}

.app-form .line > label.mobile-emphasized,
.app-form .line > p.label.mobile-emphasized,
.app-form .line > span.label.mobile-emphasized {
	
	
}

.app-form .line div.check-padding,
.app-form .line p.check-padding,
.app-form .line a.check-padding,
.app-form .line label.check-padding,
.app-form .line p.label.check-padding,
.app-form .line span.label.check-padding {
	
	
}

.app-form .line input[type="checkbox"] {
	
	
}

.app-form .line label.wide,
.app-form .line p.label.wide,
.app-form .line span.label.wide {
	
	
}

.app-form .line label.normal,
.app-form .line p.label.normal,
.app-form .line span.label.normal {
	
	
}



.app-form .line.dark label {
	
}

.app-form .line > div {
	
	
}

.app-form.label-on-one-line .line > div,
.app-form .label-on-one-line .line > div {
	
}


.app-form .line > div.wide {
	
	
}

.app-form .line > div .subline {
	
}

.app-form .line > div .comment {
	
}

.app-form .line > div input[type="checkbox"],
.app-form .line > div input[type="radio"] {
	
}

.app-form .line > div .radio-padding,
.app-form .line > div .checkbox-padding {
	
}

.input-container,
input[type="text"].normal-form-element,
.app-form .line > div textarea,
.app-form .line > div input[type="text"],
.app-form .line > div input[type="password"],
.app-form .line > div .wrapper {
	
}

.app-form.on-dark-background .line > div textarea,
.app-form.on-dark-background .line > div input[type="text"],
.app-form.on-dark-background .line > div input[type="password"],
.app-form.on-dark-background .line > div .wrapper {
	
}

.app-form .line > div input[type="text"].readonly,
.app-form .line > div input[type="password"].readonly {
	
}

.app-form.on-dark-background .line > div input[type="text"].readonly,
.app-form.on-dark-background .line > div input[type="password"].readonly {
	
}

.app-form .line > div .currency {
	
}

.app-form .line > div .currency input[type="text"] {
	font-size				: 0px;
	line-height				: 17px;
	position				: relative;
}

.app-form .line > div .currency input[type="text"]:focus {
	font-size				: 14px;
	line-height				: 17px;
}

.app-form .line > div .currency input[type="text"] + span {
	position				: absolute;
	right					: 5px;
	top						: 7px;
	font-size				: 14px;
}

.app-form .line > div .currency input[type="text"]:focus + span {
	display					: none;
}

.input-container.search,
input[type="text"].normal-form-element.search,
.app-form .line > div textarea.search,
.app-form .line > div input[type="text"].search {
	
}

.app-form .line > div .wrapper .input-content {
	
}

.app-form .line > div .wrapper .input-remove {
	
}

.input-container:disabled,
input[type="text"].normal-form-element:disabled,
.app-form .line > div textarea:disabled,
.app-form .line > div input[type="text"]:disabled,
.app-form .line > div input[type="password"]:disabled,
.app-form .line > div .select select:disabled {
	
}

.app-form .line > div .select select option[disabled="disabled"] {
	
}

.app-form .line > div div.check input[type="checkbox"] {
	
}

.app-form .line > div div.check {
	
}


.app-form .line > div textarea {
	
}

.app-form .line > div .w-50 {  }
.app-form .line > div .w-75 {  }
.app-form .line > div .w-100 {  }
.app-form .line > div .w-125 {  }
.app-form .line > div .w-150 {  }
.app-form .line > div .w-200 {  }
.app-form .line > div .w-250 {  }
.app-form .line > div .w-300 {  }

.app-form .line > div .w-full {  }
.app-form .line > div .w-90p {  }
.app-form .line > div .w-80p {  }
.app-form .line > div .w-70p {  }
.app-form .line > div .w-60p {  }
.app-form .line > div .w-50p {  }
.app-form .line > div .w-40p {  }
.app-form .line > div .w-30p {  }
.app-form .line > div .w-20p {  }
.app-form .line > div .w-10p {  }

.app-form .line > div .h-100 {  }
.app-form .line > div .h-200 {  }


input[type="text"].normal-form-element.dark,
.app-form .line > div textarea.dark,
.app-form .line > div input[type="text"].dark,
.app-form .line > div input[type="password"].dark {
	
}

input[type="text"].normal-form-element.full,
.app-form .line > div textarea.full,
.app-form .line > div input[type="text"].full,
.app-form .line > div input[type="password"].full,
.app-form .line > div .full {
	
}

input[type="text"].normal-form-element.right,
.app-form .line > div textarea.right,
.app-form .line > div input[type="text"].right,
.app-form .line > div input[type="password"].right {
	
}

.app-form .line > div .select.error {
	
}

.app-form .line > div textarea.error,
.app-form .line > div input[type="text"].error,
.app-form .line > div input[type="password"].error {
	
}

.app-form .line > div textarea.monospace {
	
}

.app-form .line .time-container {
	
	
}

.app-form .line .time-container > div {
	
	
}

.app-form .line .unchecked-container p {
	
}

.app-form .line .time-container > div .select {
	
}


.app-form .errors-container {
	
	
}

.app-form .errors-container .error-message p {
	
}

.app-form .errors-container .error-message ul {
	
}

.app-form .errors-container .error-message ul li {
	
}



.app-text-editor {
	
}

.app-text-editor .container {
	
}

.app-text-editor .container textarea {
	
}

.app-text-editor .spinner {
	
}




.save-info {
	
}



.text-editor-styles {
	
}





.app-form label {
	
}

.app-form label span {
	
}

.app-form .checkbox-text,
.app-form .radio-text,
.app-form [type="checkbox"]:not(:checked) + label,
.app-form [type="checkbox"]:checked + label,
.app-form [type="radio"]:not(:checked) + label,
.app-form [type="radio"]:checked + label {
	
}

/* Base for label styling */

.app-form [type="checkbox"]:not(:checked),
.app-form [type="checkbox"]:checked,
.app-form [type="radio"]:not(:checked),
.app-form [type="radio"]:checked {
	
}

.app-form [type="checkbox"]:not(:checked) + label,
.app-form [type="checkbox"]:checked + label,
.app-form [type="radio"]:not(:checked) + label,
.app-form [type="radio"]:checked + label,
.app-form span.checkbox-checked {
	
}

.app-form [type="checkbox"]:not(:checked) + label,
.app-form [type="checkbox"]:checked + label,
.app-form [type="radio"]:not(:checked) + label,
.app-form [type="radio"]:checked + label {
	
}
/* checkbox aspect */

.app-form [type="checkbox"]:not(:checked) + label:before,
.app-form [type="checkbox"]:checked + label:before,
.app-form span.checkbox-checked:before,
.app-form span.radio-checked:before {
	
}

.app-form [type="radio"]:not(:checked) + label:before,
.app-form [type="radio"]:checked + label:before {
	
}


.tabPanel [type="checkbox"]:not(:checked) + label:before,
.tabPanel [type="checkbox"]:checked + label:before,
.tabPanel [type="radio"]:not(:checked) + label:before,
.tabPanel [type="radio"]:checked + label:before,
.tabPanel span.checkbox-checked:before,
.tabPanel span.radio-checked:before {
	
}


/* checked mark aspect */

.app-form [type="checkbox"]:not(:checked) + label:after,
.app-form [type="checkbox"]:checked + label:after,
.app-form span.checkbox-checked:after {
	
}

.app-form [type="radio"]:not(:checked) + label:after,
.app-form [type="radio"]:checked + label:after,
.app-form span.radio-checked:after {
	
}

.tabPanel [type="checkbox"]:not(:checked) + label:after,
.tabPanel [type="checkbox"]:checked + label:after,
.tabPanel span.checkbox-checked:after {
	
}

.tabPanel [type="radio"]:not(:checked) + label:after,
.tabPanel [type="radio"]:checked + label:after,
.tabPanel span.radio-checked:after {
	
}

/* checked mark aspect changes */

.app-form [type="checkbox"]:not(:checked) + label:after,
.app-form [type="radio"]:not(:checked) + label:after {
	
}

.app-form [type="checkbox"]:checked + label:after,
.app-form [type="radio"]:checked + label:after {
	
}
/* disabled checkbox */

.app-form [type="checkbox"]:disabled:not(:checked) + label:before,
.app-form [type="checkbox"]:disabled:checked + label:before,
.app-form [type="radio"]:disabled:not(:checked) + label:before,
.app-form [type="radio"]:disabled:checked + label:before,
.app-form [type="checkbox"].disabled:not(:checked) + label:before,
.app-form [type="checkbox"].disabled:checked + label:before,
.app-form [type="radio"].disabled:not(:checked) + label:before,
.app-form [type="radio"].disabled:checked + label:before {
	
}

.app-form [type="checkbox"]:disabled:checked + label:after,
.app-form [type="radio"]:disabled:checked + label:after,
.app-form [type="checkbox"].disabled:checked + label:after,
.app-form [type="radio"].disabled:checked + label:after {
	
}

.app-form [type="checkbox"]:disabled + label,
.app-form [type="radio"]:disabled + label,
.app-form [type="checkbox"].disabled + label,
.app-form [type="radio"].disabled + label {
	
}
/* accessibility */

/*
[type="checkbox"]:checked:focus + label:before,
[type="checkbox"]:not(:checked):focus + label:before {
  border: 1px dotted #7d861e;
}
*/
/* hover style just for information */

label:hover:before {
	
}



/****************************************************************************************************************
*  
*  Color Schemes
*  
****************************************************************************************************************/


/**
* DARK GRAY, for windowless forms
**/

.colorscheme-darkgray .section-group {
	
	
	
}

.colorscheme-darkgray.input-container,
.colorscheme-darkgrayinput[type="text"].normal-form-element,
.app-form.colorscheme-darkgray .line > div textarea,
.app-form.colorscheme-darkgray .line > div input[type="text"],
.app-form.colorscheme-darkgray .line > div input[type="password"],
.app-form.colorscheme-darkgray .line > div .wrapper {
	
}

.colorscheme-darkgray.input-container.error,
.colorscheme-darkgrayinput[type="text"].normal-form-element.error,
.app-form.colorscheme-darkgray .line > div .select.error,
.app-form.colorscheme-darkgray .line > div textarea.error,
.app-form.colorscheme-darkgray .line > div input[type="text"].error,
.app-form.colorscheme-darkgray .line > div input[type="password"].error,
.app-form.colorscheme-darkgray .line > div .wrapper.error {
	
}

.colorscheme-darkgray .line > label {
	
}

.colorscheme-darkgray .line > label + div {
	
}

.colorscheme-darkgray .line > div::after {
	
}

.colorscheme-darkgray .line > div.spinner::after {
	
}

.colorscheme-darkgray .select {
	
}

.colorscheme-darkgray .select select {
	
}

.colorscheme-darkgray .select select option {
	
}

.app-form.colorscheme-darkgray .line-separator {
	
}

 .div-list, .div-list-768 {
	
}

.div-list .line {
	
	
}

.div-list .line,
.div-list .line.odd {
	
}

.div-list .line.headings {
	
}

.div-list .line.always-odd {
	
}

.div-list .line .item {
	
}

.div-list .line.headings .item {
	
}

.div-list .line .item.icons img.clickable {
	
}

.div-list .line .item.heading {
	
	
}

.div-list-768 .content {
	
	
}

.div-list-768 .line {
	
	
}

.div-list-768 .line.open .item,
.div-list-768 .line.open .item span {
	
}

.div-list-768 .line,
.div-list-768 .line.odd {
	
}

.div-list-768 .line.headings {
	
}

.div-list-768 .line.always-odd {
	
}

.div-list-768 .line.odd.open,
.div-list-768 .line.always-odd.open,
.div-list-768 .line.open {
	
}

.div-list-768 .line .item {
	
}

.div-list-768 .line.headings .item {
	
}

.div-list-768 .line .item.icons {
	
	
}

.div-list-768 .line .item.icons img.clickable {
	
}

.div-list-768 .line.headings .item {
	
	
}



.div-list-1010 .content {
	
	
}

.div-list-1010 .line {
	
	
}

.div-list-1010 .line.desktop-odd.open,
.div-list-1010 .line.odd.open,
.div-list-1010 .line.always-odd.open,
.div-list-1010 .line.open {
	
}

.div-list-1010 .line.open .item,
.div-list-1010 .line.open .item span {
	
}

.div-list-1010 .line,
.div-list-1010 .line.odd {
	
}

.div-list-1010 .line.always-odd {
	
}

.div-list-1010 .line.headings {
	
}

.div-list-1010 .line .item {
	
}

.div-list-1010 .line .item.icons {
	
	
}

.div-list-1010 .line .item.icons img.clickable {
	
}

.div-list-1010 .line.headings .item {
	
	
}


.div-list .item.hidden,
.div-list-768 .item.hidden,
.div-list-1010 .item.hidden {
	
}


.div-list + .page-controls {
	
	
}

.div-list-768 + .page-controls {
	
	
}

.div-list-1010 + .page-controls {
	
	
}

.div-list-colors {
	
}

.div-list-colors a {
	
}

.div-list-colors a.hidden {
	
}

.div-list-colors p {
	
	
}

.div-list-colors p.visible {
	
	
}

.div-list-colors p span {
	
	
}


 /** responsive filter **/
.list-filter-button {
	
	
}

.list-filter-button::after {
	
	
}

.list-filter-button.down::after,
.list-filter-button:hover::after {
	
	
}

.list-filter-button img {
	
}

.list-filter {
	
	
}

.list-filter div {
	
	
}

.list-filter div.pl5 {
	
}

.list-filter.visible {
	
	
}

/** always filter **/
.list-filter-button.always {
	
}

.list-filter.always {
	
	
}


.list-filter.always div {
	
	
}

.list-filter.always.visible {
	
}

.list-filter div.section {
	
}

.list-filter div.section span.descr {
	
} /***********************************************************************************
* GENERAL
***********************************************************************************/

div.grid-list ul {
	
	
	
	
}

div.grid-list ul li {
	
	
	
}

div.grid-list ul li div.container {
	
}

div.grid-list ul li div.background {
	
}

div.grid-list ul li:hover div.background {
	
}

div.grid-list ul li span.name {
	
	
	
	
}

div.grid-list ul li:hover span.name {
	
	
	
}

div.grid-list ul li img.delete,
div.grid-list ul li img.edit {
	
	
	
}

div.grid-list ul li img.edit {
	
}

div.grid-list ul li img.delete {
	
}

div.grid-list ul li:hover img.delete,
div.grid-list ul li:hover img.edit {
	
}


/***********************************************************************************
* COLOR SCHEMES
***********************************************************************************/

.popup div.grid-list {
	
}

.popup div.grid-list.spinner {
	
}
 .info-blocks {
	
	
}

.info-blocks h1,
.info-blocks h2 {
	
	
}

.info-blocks .info-block {
	
	
}

.info-blocks .info-block.hidden {
	
}

.info-blocks .info-block.desktop-col-3 {
	
	
}

.info-blocks .info-block.desktop-col-2 {
	
	
}

.info-blocks .info-block.tablet-col-3 {
	
	
}

.info-blocks .info-block.tablet-col-2 {
	
	
}

.info-blocks .info-block.tablet-col-1 {
	
	
}

.info-blocks .info-block.mobile-col-2 {
	
}

.info-blocks .info-block.mobile-col-1 {
	
}

.info-blocks .info-block > .content {
	
	
}

.info-blocks .info-block.blue > .content,
.info-blocks .info-block.green > .content,
.info-blocks .info-block.red > .content,
.info-blocks .info-block.yellow > .content {
	
	
}

.info-blocks .info-block.blue.fill > .content,
.info-blocks .info-block.green.fill > .content,
.info-blocks .info-block.red.fill > .content,
.info-blocks .info-block.yellow.fill > .content {
	
	
}

.info-blocks .info-block.blue > .content {
	
}

.info-blocks .info-block.green > .content {
	
}

.info-blocks .info-block.red > .content {
	
}

.info-blocks .info-block.yellow > .content {
	
}

.info-blocks .info-block.orange > .content {
	
}

.info-blocks .info-block.blue.fill > .content {
	
}

.info-blocks .info-block.green.fill > .content {
	
}

.info-blocks .info-block.red.fill > .content {
	
}

.info-blocks .info-block.yellow.fill > .content {
	
}

.info-blocks .info-block.orange.fill > .content {
	
}
 html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl,
dt, dd, ol, ul, li, fieldset, form, label, legend, caption, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	
}

table, tbody, tfoot, thead, tr, th, td {
	
}

* {
	
}

body {
	
}


/* roboto-100 - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 100;
  src: url('/resources/css/fonts/roboto-v20-latin-100.eot'); /* IE9 Compat Modes */
  src: local('Roboto Thin'), local('Roboto-Thin'),
       url('/resources/css/fonts/roboto-v20-latin-100.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/resources/css/fonts/roboto-v20-latin-100.woff2') format('woff2'), /* Super Modern Browsers */
       url('/resources/css/fonts/roboto-v20-latin-100.woff') format('woff'), /* Modern Browsers */
       url('/resources/css/fonts/roboto-v20-latin-100.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/resources/css/fonts/roboto-v20-latin-100.svg#Roboto') format('svg'); /* Legacy iOS */
}
/* roboto-regular - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: url('/resources/css/fonts/roboto-v20-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Roboto'), local('Roboto-Regular'),
       url('/resources/css/fonts/roboto-v20-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/resources/css/fonts/roboto-v20-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('/resources/css/fonts/roboto-v20-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('/resources/css/fonts/roboto-v20-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/resources/css/fonts/roboto-v20-latin-regular.svg#Roboto') format('svg'); /* Legacy iOS */
}
/* roboto-700 - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: url('/resources/css/fonts/roboto-v20-latin-700.eot'); /* IE9 Compat Modes */
  src: local('Roboto Bold'), local('Roboto-Bold'),
       url('/resources/css/fonts/roboto-v20-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/resources/css/fonts/roboto-v20-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('/resources/css/fonts/roboto-v20-latin-700.woff') format('woff'), /* Modern Browsers */
       url('/resources/css/fonts/roboto-v20-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/resources/css/fonts/roboto-v20-latin-700.svg#Roboto') format('svg'); /* Legacy iOS */
}
/* roboto-900 - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 900;
  src: url('/resources/css/fonts/roboto-v20-latin-900.eot'); /* IE9 Compat Modes */
  src: local('Roboto Black'), local('Roboto-Black'),
       url('/resources/css/fonts/roboto-v20-latin-900.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/resources/css/fonts/roboto-v20-latin-900.woff2') format('woff2'), /* Super Modern Browsers */
       url('/resources/css/fonts/roboto-v20-latin-900.woff') format('woff'), /* Modern Browsers */
       url('/resources/css/fonts/roboto-v20-latin-900.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/resources/css/fonts/roboto-v20-latin-900.svg#Roboto') format('svg'); /* Legacy iOS */
}


img {
	
}

h1 {
	
}

h2 {
	
}

.f-right {
	
}

.f-left {
	
}

.c-right {
	
}

.c-left {
	
}

.v-middle {
	
}

.t-left {
	
}

.t-center {
	
}

.t-right {
	
}

.block {
	
}

.inline {
	
}

.inline-block {
	
}

strong, .strong {
	
}

.hidden {
	
}

.relative {
	
}

.absolute {
	
}

.clickable {
	
}

.mb50 {}
.mb40 {}
.mb30 {}
.mb20 {}
.mb10 {}
.mb5 {}
.mb2 {}

.mt60 {}
.mt50 {}
.mt40 {}
.mt30 {}
.mt20 {}
.mt15 {}
.mt10 {}
.mt5 {}
.mt2 {}

.mtm20 {}
.mtm15 {}
.mtm10 {}
.mtm5 {}

.ml30 {}
.ml20 {}
.ml15 {}
.ml10 {}
.ml5 {}
.ml2 {}

.mr30 {}
.mr20 {}
.mr15 {}
.mr10 {}
.mr5 {}
.mr2 {}

.pl1 {}
.pl2 {}
.pl3 {}
.pl4 {}
.pl5 {}
.pl6 {}
.pl7 {}
.pl8 {}
.pl9 {}
.pl10 {}
.pl15 {}
.pl20 {}

.pr5 {}
.pr10 {}
.pr15 {}
.pr20 {}

.pt3 {}
.pt5 {}
.pt10 {}
.pt15 {}
.pt20 {}

.pb3 {}
.pb5 {}
.pb10 {}
.pb15 {}
.pb20 {}


.w-50p {}

.filter .w-50 {}
.filter .w-100 {}
.filter .w-150 {}
.filter .w-200 {}
.filter .w-250 {}
.filter .w-300 {}
.filter .w-350 {}
.filter .w-400 {}


.no-overflow {
	
}

.overflow {
	
}


.message-box {
	
}

.no-mobile {
	
	
}

.no-mobile-real {
	
	
}

.mobile-only {
	
	
}

.no-mobile-message {
	
	
}

.desktop-only {
	
	
}

.tablet-desktop-only {
	
	
}

.no-desktop {
	
	
}

.no-desktop-1010 {
	
	
}

.no-desktop-table-cell {
	
	
}



a {
	
}

a:hover {
	
}

a.no-hover:hover {
	
}

img.button {
	
}

img.button.disabled {
	
}

table.list {
	
}

table.list thead tr th {
	
}

table.list tbody tr td {
	
}

table.list tbody tr td.responsive-font-size {
	
	
}

table.list tbody tr:first-child td {
	
}



/*****************************************************************************
*  
*  Form controls
*  
*****************************************************************************/

.button-panels {
	
	
}

.button-panels .button-panel {
	
}

.button-panels .button-panel.desktop-right {
	
	
	
}

.button-panels .button-panel.tablet-right {
	
	
}

.button-panels .button-panel.mobile-right {
	
}

.button-panels .button-panel.desktop-left {
	
	
	
}

.button-panels .button-panel.tablet-left {
	
	
}

.button-panels .button-panel.mobile-left {
	
}

textarea, input, button {
	
}

select {
	
}

.popup select {
	
}

a.button, button, input[type=submit]  {
	
	
}

.button-standard, button.standard, input[type=submit] {
	
}

.button-standard.busy, button.standard.busy, input[type=submit].busy, button.busy {
	
}

.button-standard.busy, button.standard.busy, input[type=submit].busy, button.busy::after {
	
}


.button-standard.transparent, button.standard.transparent, input[type=submit].transparent {
	
}

.button-standard.hidden, button.standard.hidden, input[type=submit].hidden {
	
}

.button-standard.bw, button.standard.bw, input[type=submit].bw {
	
}

.button-standard.bw.down, button.standard.bw.down, input[type=submit].bw.down {
	
}

.button-standard.icon, button.standard.icon {
	
	
}

.button-standard.icon img, button.standard.icon img {
	
}

.button-standard.icon.icon-export, button.standard.icon.icon-export,
.button-standard.icon.icon-question, button.standard.icon.icon-question,
.button-standard.icon.icon-save, button.standard.icon.icon-save,
.button-standard.icon.icon-delete, button.standard.icon.icon-delete,
.button-standard.icon.icon-emailaddresses, button.standard.icon.icon-emailaddresses {
	
	
}

.button-standard.icon.icon-export, button.standard.icon.icon-export {  }
.button-standard.icon.icon-emailaddresses, button.standard.icon.icon-emailaddresses {  }
.button-standard.icon.icon-question, button.standard.icon.icon-question {  }
.button-standard.icon.icon-save, button.standard.icon.icon-save {  }
.button-standard.icon.icon-delete, button.standard.icon.icon-delete {  }

.button-standard.left, button.standard.left {
	
}

.button-standard.middle, button.standard.middle {
	
}

.button-standard.right, button.standard.right {
	
}

.button-standard.left, button.standard.left,
.button-standard.middle, button.standard.middle,
.button-standard.right, button.standard.right {
	background					: #4f731c;
}

.button-standard.stackable-4.stackable-no-1, button.standard.stackable-4.stackable-no-1 {
	
}

button.standard.image {
	
}

button.standard span,
.button-standard span {
	
	
}

button.standard.down span,
.button-standard span.always,
button.standard span.always {
	
}

/*button.standard.symbol.big {*/
	
/*}*/

button.standard.symbol {
	
}

.button-standard.hover, .button-standard:hover, button.standard:hover, input[type=submit]:hover {
	
}

.button-standard.transparent.hover, button-standard.transparent:hover, button.standard.transparent:hover, input[type=submit].transparent:hover {
	
}

.button-standard.down, button.standard.down {
	
}

button.standard.down:hover {
	
}

.button-standard.left.down, button.standard.left.down,
.button-standard.middle.down, button.standard.middle.down,
.button-standard.right.down, button.standard.right.down {
	
}

.button-standard.left.down:hover, button.standard.left.down:hover,
.button-standard.middle.down:hover, button.standard.middle.down:hover,
.button-standard.right.down:hover, button.standard.right.down:hover {
	
}

button.standard.disabled {
	
}

button.standard.disabled:hover {
	
}

button.standard.control {
	
}

button.standard.control:hover {
	
}

.button-toggle {
	
}

.button-toggle .on,
.button-toggle .off {
	
}

.button-toggle .on {
	
}

.button-toggle.on .on {
	
}

.button-toggle .off {
	
}

.button-toggle.on .off {
	
}

.emphazised {
	
}

.emphazised.orange,
.emphazised.color-1 {
	
}

.emphazised.yellow,
.emphazised.color-2 {
	
}

.emphazised.green,
.emphazised.color-3 {
	
}

.emphazised.turquoise,
.emphazised.color-4 {
	
}

.emphazised.blue,
.emphazised.color-5 {
	
}

.emphazised.purple,
.emphazised.color-6 {
	
}

.emphazised.red,
.emphazised.color-7 {
	
}

.emphazised.transparent.orange,
.emphazised.transparent.color-1 {
	
}

.emphazised.transparent.yellow,
.emphazised.transparent.color-2 {
	
}

.emphazised.transparent.green,
.emphazised.transparent.color-3 {
	
}

.emphazised.transparent.turquoise,
.emphazised.transparent.color-4 {
	
}

.emphazised.transparent.blue,
.emphazised.transparent.color-5 {
	
}

.emphazised.transparent.purple,
.emphazised.transparent.color-6 {
	
}

.emphazised.transparent.red,
.emphazised.transparent.color-7 {
	
}

.emphazised.transparent {
	
}


input[type=text], input[type=password], textarea {
	border				: 1px solid #aaaaaa;
	padding				: 2px;
	background			: #ffffff;
	font-family			: Arial;
	font-size			: 12px;
}

.input.w-100,
.input.w-200,
.input.w-300 {
	
	
}

.input.w-100 input[type="text"],
.input.w-200 input[type="text"],
.input.w-300 input[type="text"] {
	
	
}


.select select {
	
}

.select {
	
}

.select.dark,
.normal-form-element.dark {
	
}

.select.dark select {
	
}

.select.dark select option {
	
}

.select.w-20, .input.w-20 {}
.select.w-50, .input.w-50 {}
.select.w-60, .input.w-60 {}
.select.w-75, .input.w-75 {}
.select.w-100, .input.w-100 {}
.select.w-150, .input.w-150 {}
.select.w-200, .input.w-200 {}
.select.w-300, .input.w-300 {}


/*
.mainContent {
	background			: #ffffff;
	padding				: 5px 20px 20px 20px;
}

.mainContentHeader {
	color				: #777777;
	text-align			: right;
	font-size			: 10px;
	padding-bottom		: 0px;
}

div.menu {
	height				: 30px;
	padding				: 0px;
	margin				: 0px;
	background			: #f6f6f6;
	
	border-bottom		: 1px solid #bbbbbb;
}

ul.menu {
	list-style-type		: none;
	
	padding				: 0px 0px 0px 5px;
	margin				: 0px;
}

li.menu {
	display				: inline;
	float				: left;
	
	position			: relative;
	height				: 12px;
	
	padding				: 9px;
	
	font-family			: Arial;
	font-size			: 12px;
	line-height			: 12px;
	
	cursor				: pointer;
	color				: #000000;
}

a.menu:link {
	color				: #000000;
	text-decoration		: none;
}

a.menu:visited {
	color				: #000000;
	text-decoration		: none;
}

a.menu:hover {
	color				: #000000;
	text-decoration		: underline;
}

a.menu:active {
	color				: #000000;
	text-decoration		: underline;
}

li.menuItem {
	display				: inline;
	float				: left;
	
	position			: relative;
	height				: 29px;
	
	color				: #555555;
}

div.menuItem {
	display				: inline;
	float				: left;
	
	padding				: 7px 6px;
}

div.menuSeparator {
	background			: url(/gfx/menudots.jpg);
	
	display				: inline;
	float				: left;
	
	width				: 5px;
	height				: 29px;
	
	padding				: 0px 0px;
}

li.menuRight {
	display				: inline;
	float				: right;
	
	color				: #555555;
	
	padding				: 0px 0px 0px 0px;
	margin				: 0px;
}


li.submenuItem {
	display				: block;
	
	height				: 29px;
	width				: 160px;
	
	color				: #000000;
}

div.submenuItem {
	padding				: 5px 5px;
}

div.submenuItem:hover {
	background			: url(/gfx/menubkselected.jpg) repeat-x;
	
	color				: #000000;
	
	padding				: 5px 5px;
}

a.submenuItem {
	color				: #000000;
	text-decoration		: none;
}

.subMenuBox {
	background			: #f6f6f6;
	border				: 1px solid #699AAE;
}



a:link {
	color				: #3E6474;
	text-decoration		: none;
}

a:visited {
	color				: #3E6474;
	text-decoration		: none;
}

a:hover {
	color				: #3E6474;
	text-decoration		: underline;
}

a:active {
	color				: #3E6474;
	text-decoration		: underline;
}

.link {
	color				: #3E6474;
	text-decoration		: none;
}

.link:hover {
	color				: #3E6474;
	text-decoration		: underline;
}


p {
	margin				: 0px;
	padding				: 0px;
}


h1 {
	padding				: 0px 0px 16px 0px;
	
	margin				: 0px;
	font-family			: Arial;
	font-size			: 18px;
	line-height			: 22px;
}

h2 {
	padding				: 0px 0px 8px 0px;
	
	margin				: 0px;
	font-family			: Arial;
	font-size			: 12px;
	line-height			: 20px;
}


td.form {
	padding-bottom		: 5px;
}
*/

/*****************************************************************************
*  
*  Report colors
*  
*****************************************************************************/

input[type=text].messageOk, div.messageOk {
	border				: 1px solid #0EC600;
	background			: #E3F7E1;
}

input[type=text].messageError, div.messageError {
	border				: 1px solid #E65252;
	background			: #FFE5E3;
}


/*****************************************************************************
*  
*  Sections
*  
*****************************************************************************/

.tabPanel {
	background			: #e4e4e4;
	color				: #000;
	border				: 1px solid #e4e4e4;
	
	padding				: 30px 15px 15px;
	margin-bottom		: 10px;
}

.tabPanelWhite {
	background			: #ffffff;
	border-top			: 1px solid #699AAE;
	
	padding				: 15px;
	margin-bottom		: 10px;
}

.tabPanelTabSelected {
	display				: inline;
	float				: left;
	height				: 16px;

	background			: #e4e4e4;

	margin-right		: 5px;
	border-top			: 1px solid #e4e4e4;
	border-right		: 1px solid #e4e4e4;
	border-left			: 1px solid #e4e4e4;
	padding				: 11px 15px 7px 15px;

	font-weight			: bold;
	line-height			: 16px;
	color				: #333333;
	
	cursor				: pointer;
}

.tabPanelTabSelectedWhite {
	display				: inline;
	float				: left;
	height				: 16px;

	background			: #F0F7FA;

	margin-right		: 5px;
	border-top			: 1px solid #699AAE;
	border-right		: 1px solid #699AAE;
	border-left			: 1px solid #699AAE;
	border-bottom		: 1px solid #699AAE;
	padding				: 9px 15px 4px 15px;

	font-weight			: bold;
	line-height			: 16px;
	color				: #333333;
	
	cursor				: pointer;
}

.tabPanelTab {
	display				: inline;
	float				: left;
	height				: 16px;

	background			: #699AAE;
	
	margin-right		: 5px;
	margin-top			: 4px;
	padding				: 7px 15px;

	font-weight			: normal;
	line-height			: 16px;
	color				: #ffffff;
	
	cursor				: pointer;
}


.pageSectionHeader {
	border				: 1px solid #699AAE;
	background			: #C7E0EB;
	color				: #3E6474;
}

.tableHeader {
	border-bottom		: 1px solid #699AAE;
}

.sectionHeader {
	background			: #F0F7FA;
	border				: 1px solid #699AAE;
	
	color				: #3E6474;
	font-weight			: bold;
	
	padding				: 15px;
	margin-bottom		: 10px;
	
	cursor				: pointer;
}

.sectionFrame {
	background			: #F0F7FA;
	border				: 1px solid #699AAE;
}


.sectionFrameLink {
	color				: #0066CC;
}

.sectionContainer {
	padding 			: 15px 0px 15px 29px;
}

.sectionDivider {
	margin-bottom		: 13px;
	border-bottom		: 1px solid #699AAE;
}

/** light background **/
.lightBackground {
	background			: #F0F7FA;
}

/** store selector **/
.storeSelectorGroup {
	background			: #F0F7FA;
	margin-bottom		: 4px;
	padding				: 4px;
}

.storeSelectorGroupText {
	font-weight			: bold;
	color				: #333333;
}

/** selector buttons **/
.selectorButton {
	color				: #333333;
	background			: #ffffff;
	border				: 1px solid #699AAE;
}

.selectorButtonSelected {
	color				: #ffffff;
	background			: #699AAE;
	border				: 1px solid #699AAE;
}

.calDropDown {
	background			: #ffffff;
	border				: 1px solid #699AAE;
}

/** drop down **/
.dropDownHeader {
	background			: #ffffff;
	color				: #000000;
	border				: 1px solid #699AAE;
}

.dropDownHeaderSelected {
	background			: #699AAE;
	color				: #ffffff;
	border				: 1px solid #699AAE;
}

.dropDownContent {
	background			: #ffffff;
	border				: 1px solid #699AAE;
}

/** inline calendar **/
.calendarInline {
	background			: #ffffff;
	border				: 1px solid #699AAE;
}

/** popup calendar **/
.popupCalendarHeader {
	background			: #699AAE;
	color				: #ffffff;
	border-bottom		: 1px solid #699AAE;
}

.popupCalendarContainer {
	border				: 1px solid #699AAE;
	background			: #ffffff;
}

/** stores list **/
.storesChar {
	padding				: 5px;
	border				: 1px solid #aaa;
	border-radius		: 3px;
	cursor				: pointer;
	font-weight			: normal;
	background			: #555;
}

.storesChar:hover {
	border				: 1px solid #fff;
}

.storesCharSelected {
	padding				: 5px;
	border				: 1px solid #fff;
	border-radius		: 3px;
	cursor				: pointer;
	font-weight			: bold;
	background			: #7CB133;
}

.storesListRowColor {
	background			: #F0F7FA;
}

.storesListColNormal {
	border-bottom		: 1px solid #AFD1E1;
}

.storesListColShade {
	border-bottom		: 1px solid #C2DDEA;
	border-left			: 1px solid #AFD1E1;
	border-right		: 1px solid #AFD1E1;
	font-weight			: bold;
	background			: #D8EAF2;
	text-align			: center;
}

.listColTopBorder {
	border-top			: 1px solid #AFD1E1;
}

.registrationGraphicBorder {
	border				: 1px solid #699AAF;
}


.registrationDivider {
	border-bottom		: 1px solid #699AAF;
}

/*****************************************************************************
*  
*  Boxes
*  
*****************************************************************************/

.messageBox {
	margin-bottom		: 16px;
	padding				: 10px;
	
	background			: #E3F7E1;
	border				: 1px solid #0EC600;
}

.boxShadow {
	background			: url(boxshadow.png);
	padding				: 15px 15px 4px 15px;
}

.boxContainer {
	border				: 1px solid #000000;
}

.boxHeading {
	background			: url(boxheadingbk.jpg) repeat-x #bee8f8;
	border-top			: 1px solid #F1FBFF;
	border-left			: 1px solid #F1FBFF;
	border-right		: 1px solid #F1FBFF;
	padding				: 5px;
	height				: 32px;
}

.boxContent {
	background			: #F5FDFF;
	padding				: 15px;
}

.popupWindowBk {
	position			: absolute;
	background			: #ffffff;
	opacity				: 0.6;
	filter				: alpha(opacity = 60);
}

.popupWindowBorder {
	position			: absolute;
	background			: #000000;
	opacity				: 0.6;
	filter				: alpha(opacity = 60);
}

.popupWindowContentBk {
	border				: 1px solid #000000;
	background			: #ffffff;
}

.popupWindowHeading {
	background			: #C7E0EB;
	border-bottom		: 1px solid #699AAE;
	color				: #3E6474;
	font-size			: 16px;
	line-height			: 16px;
	font-weight			: bold;
	text-align			: center;
	padding				: 15px;
}

.popupWindowContent {
	background			: #ffffff;
	padding				: 10px;
}

.popupWindowBottomBar {
	height				: 30px;
	padding				: 5px;
}

.popupWindowContentNoPadding {
	background			: #ffffff;
	padding				: 0px;
}



.listitem {
	border-bottom		: 1px solid #AFD1E1;
}

.linkLine {
	padding-bottom		: 3px;
}

.linkList {
	padding-bottom		: 10px;
}

h2.linkListHeading {
	padding				: 0px 0px 3px 0px;
	font-size			: 12px;
	font-weight			: normal;
}

/*****************************************************************************
*  
*  Calendar
*  
*****************************************************************************/

.calCellNone {
	margin				: 1px;
	padding				: 4px 0px;
	
	background			: #E6F1F6;
	color				: #9EB7C2;
	border				: 1px solid #C7E0EB;
	border-top			: 6px solid #C7E0EB;
	font-weight			: normal;
}

.calCellMonth {
	margin				: 1px;
	padding				: 4px 0px;
	
	background			: #C7E0EB;
	color				: #000000;
	border				: 1px solid #699AAF;
	border-top			: 6px solid #699AAF;
	font-weight			: normal;
}

.calCellToday {
	padding				: 4px 0px;
	margin				: 1px;
	
	background			: #699AAF;
	color				: #ffffff;
	border				: 1px solid #699AAF;
	border-top			: 6px solid #699AAF;
	font-weight			: bold;
}

.calCellMinHeight {
	display				: inline;
	float				: right;
	width				: 1px;
	height				: 55px;
}

.calColorItem {
	display				: inline;
	float				: left;
	width				: 18px;
	height				: 18px;
	overflow			: hidden;
	margin				: 1px 5px 1px 1px;
	border				: 1px solid #000000;
	cursor				: pointer;
}

.calColorItemSelected {
	display				: inline;
	float				: left;
	width				: 18px;
	height				: 18px;
	overflow			: hidden;
	margin-right		: 4px;
	border				: 2px solid #000000;
	cursor				: pointer;
}

.calBackground {
	background			: #F6FBFE;
}

/*****************************************************************************
*  
*  Other
*  
*****************************************************************************/


.page-login .login-container ol {
	
	
}

.photo {
}

div.photoContainer {
	margin-right		: 20px;
	float				: right;
	overflow			: hidden;
}

table.photoContainer {
	border				: 1px solid #BBBBBB;
	background			: #ffffff;
	
	padding				: 10px;
	margin-bottom		: 7px;
	width				: 160px;
}

.pfUIPhotoContainer {
}


img.formattingRight {
	
	
}

img.formattingLeft {
	
	
}

/*****************************************************************************
*  
*  Icon collection
*  
*****************************************************************************/

.ic-empty {
	
}

.ic-listarrow-right,
.ic-listarrow-down,
.ic-gear {
	
}

.ic-listarrow-right {
	
}

.ic-listarrow-down {
	
}

.ic-gear {
	
}

.ic-gear:hover {
	
}


.gui-tabpanel {
	
}

.gui-tabpanel > ul.tabs {
	
}

.gui-tabpanel > ul.tabs > li {
	
}

.gui-tabpanel > ul.tabs > li.active {
	
}

.gui-tabpanel > div.content {
	
}

/*****************************************************************************
*  
*  Popups
*  
*****************************************************************************/

#window-busy {
	
}

#window-busy .spinner {
	
}

#maintenance-message {
	
}

#maintenance-message > .background,
#maintenance-message > .container > .title {
	
}

.message-alert {
	background					: #E17C0F;
	padding						: 20px;
	color						: #fff;
	margin-bottom				: 20px;
}





.policies-text {
	
}

.policies-text ul {
	
}

.policies-text ul.index {
	
}

.policies-text ul li {
	
	
}

.policies-text.colorful ul li {
	
	
}

.policies-text h2 {
	
	
}

.policies-text.colorful h2 {
	
	
}

.policies-text.colorful h1 + p,
.policies-text.colorful h2 + p,
.policies-text.colorful h2 + ul {
	
	
}

.policies-text.colorful h1 + p {
	
	
}

.policies-text p i {
	
}

.policies-text p strong {
	
}

.policies-text ul.index li a {
	
}

.policies-text ul.index li a:hover {
	
}

.policies-text p.accepted-date {
	
}

#user-policy-form {
	border-top			: 1px solid #fff;
	margin-top			: 40px;
}

.ajax-value {
}

.ajax-value.ajax-loading {
	min-width			: 40px;
	position			: relative;
	display				: inline-block;
}

.ajax-contents.ajax-loading {
	position			: relative;
	min-height			: 60px;
}

@keyframes ajax-loading {
	from {
		background-position: -10px 50%;
	}
	to {
		background-position: 0px 50%;
	}
}


.ajax-contents.ajax-loading:after,
.ajax-value.ajax-loading:after {
	background-image	: url(/resources/gfx/loader-lines.png);
	background-position	: 0px 50%;
	background-repeat	: repeat-x;
	width				: 30px;
	height				: 100%;
	left				: 50%;
	content				: ' ';
	transform			: translate(-50%, 0px);
	position			: absolute;
	animation			: ajax-loading 0.3s linear 0s infinite;
}

.ajax-contents.ajax-loading:after {
	transform			: translate(-50%, 0px);
	top					: 0px;
	left				: 50%;
	width				: 50%;
}

.ajax-contents.ajax-loading:before,
.ajax-value.ajax-loading:before {
	background-color	: rgba(255, 255, 255, 0.1);
	top					: 0px;
	left				: 0px;
	width				: 40px;
	height				: 100%;
	content				: ' ';
	position			: absolute;
}

.ajax-contents.ajax-loading:before {
	left				: 0px;
	width				: 100%;
}

.ajax-contents.ajax-loading.ajax-nobackground:before,
.ajax-value.ajax-loading.ajax-nobackground:before {
	background-color	: transparent;
}


.help-section {
	padding				: 20px;
	background-color	: #fff;
	border				: 1px solid #000;
	margin-bottom		: 20px;
}

.help-section h2 {
	font-size			: 20px;
	line-height			: 28px;
}

.help-section h3 {
	padding-top			: 10px;
	font-weight			: bold;
}

.help-section p,
.help-section li {
	padding				: 0 0 10px;
}

.help-section p,
.help-section li {
	color				: rgba(0, 0, 0, 0.65);
}

.help-section em,
.help-section strong {
	color				: #000;
}

.help-section ul {
	padding				: 10px 0 0 30px;
}

.help-section li {
}

.help-section em {
	
}

.help-section span.point {
	border				: 1px solid #000;
	border-radius		: 5px;
	width				: 8px;
	height				: 8px;
	display				: inline-block;
}

 /*****************************************************************************
*  
*  Main
*  
*****************************************************************************/

body {
	
}

.page-container {
	
}

.page-dev-version {
	
}


.page-width {
	
	
	width				: 980px !important;
	
	
	
	
}

.page-width-including-padding {
	
	
	width				: 980px !important;
	
	
	
	
}

.page-container .page-logo {
	
	
	
	
}

.page-container .page-logo .top-bar {
	
}

.page-container .page-logo .logo {
	
	
	
}

.page-container .page-logo ul.top-menu {
	
	
}

.page-container .page-logo ul.top-menu li {
	
}

.page-container.menu-always-dropdown .page-logo li.dropdown {
	
}

.page-container.menu-right .page-logo li.dropdown {
	
	
}

.page-container .page-logo li.dropdown[data-notification]::after {
	
}

.page-container .page-logo ul.top-menu li img {
	
	
}

.page-container .page-logo ul.top-menu li img.active {
	
}

.page-container .page-logo ul.top-menu li span {
	
	
}

.page-container .page-logo ul.top-menu.buttons-dark li span {
	
	
}



.internal-info-messages-container ul {
	
	
}

.internal-info-messages-container ul li {
	
	
}

.internal-info-messages-container ul li h2 {
	
	
}

.internal-info-messages-container ul li p {
	
	
}

.internal-info-messages-container ul li button {
	
	
}


.system-info-messages-container .message {
	
	
}

.system-info-messages-container.inline-padding .message {
	
	
}

.system-info-messages-container .message.state-1 {
	
}

.system-info-messages-container .message.state-2 {
	
}

.system-info-messages-container .message.state-3 {
	
}

.system-info-messages-container .message.state-4 {
	
}

.system-info-messages-container .message.notifications {
	
}

.system-info-messages-container .message p a {
	
}

.system-info-messages-container .message h2 {
	
	
}

.system-info-messages-container .message button,
.system-info-messages-container .message button:hover {
	
}

.system-info-messages-container .message.notifications .splitter {
	
}

.system-info-messages-container .message.notifications .section {
	
}

.system-info-messages-container .message.notifications .section h3 {
	
}

.system-info-messages-container .message.notifications .section span.info {
	
}

.system-info-messages-container .message.notifications .section span.reference {
	
}

.system-info-messages-container .message.notifications .section span.date {
	
}

.system-info-messages-container .message.notifications .section button {
	
	
}

.system-info-messages-container .message.notifications .section p {
	
}

.system-info-messages-container .message.notifications .section p a {
	
}

.system-info-messages-container .message.notifications p.comment {
	
}



.page-container .page-wrapper {
	
}

.page-container.menu-always-dropdown .page-menu {
	
	
}

.page-container.menu-right .page-menu {
	
	
	
}

.page-container.menu-always-dropdown .page-menu.open,
.page-container.menu-right .page-menu.open {
	
}

.page-container.menu-always-dropdown .page-menu.visible,
.page-container.menu-right .page-menu.visible {
	
	
	
	
}

.page-container .page-menu-blocker {
	
}

.page-container .page-menu-blocker.display {
	
}

.page-container .page-menu ul.buttons {
	
}

.page-container .page-menu ul.buttons.portal {
	
}

.page-container .page-menu ul.buttons li {
	
}

.page-container .page-menu ul.buttons li.w-33 {
	
}

.page-container .page-menu ul.buttons li.w-25 {
	
}

.page-container .page-menu ul.buttons li.w-50 {
	
}

.page-container .page-menu ul.buttons li.w-100 {
	
}

.page-container .page-menu ul.buttons li.w-33 img.icon {
	
	
}

.page-container .page-menu ul.buttons li.w-100 img.icon {
	
	
}

.page-container .page-menu ul.buttons li span {
	
}

.page-container .page-menu ul.buttons li a {
	
}

.page-container .page-menu ul.buttons li a.color-1,
.page-container .page-menu ul.buttons li a.color-2,
.page-container .page-menu ul.buttons li a.color-3,
.page-container .page-menu ul.buttons li a.color-4,
.page-container .page-menu ul.buttons li a.yellow,
.page-container .page-menu ul.buttons li a.blue,
.page-container .page-menu ul.buttons li a.active {
	
	
}

.page-container .page-menu ul.buttons li a.color-1 {
	
}

.page-container .page-menu ul.buttons li a.color-1:hover {
	
}

.page-container .page-menu ul.buttons li a.color-2 {
	
}

.page-container .page-menu ul.buttons li a.green {
	
}

.page-container .page-menu ul.buttons li a.green:hover {
	
}

.page-container .page-menu ul.buttons li a.blue {
	
}

.page-container .page-menu ul.buttons li a.blue:hover {
	
}

.page-container .page-menu ul.buttons li.portal-logo {
	
}

.page-container .page-menu ul.buttons li.portal-logo a,
.page-container .page-menu ul.buttons li.profile-logo a {
	
}

.page-container .page-menu ul.buttons li.portal-logo a {
	
}

.page-container .page-menu ul.buttons li.profile-logo a {
	
}

.page-container .page-menu ul.buttons li.portal-logo a img,
.page-container .page-menu ul.buttons li.profile-logo a img {
	
}

.page-container .page-menu ul.buttons li a.color-2:hover {
	
}

.page-container .page-menu ul.buttons li a.active,
.page-container .page-menu ul.buttons li a.color-3 {
	
}

.page-container .page-menu ul.buttons li a.active:hover,
.page-container .page-menu ul.buttons li a.color-3:hover {
	
}

.page-container .page-menu ul.buttons li a.color-4 {
	
}

.page-container .page-menu ul.buttons li a.color-4:hover {
	
}

.page-container .page-menu ul.buttons li a[data-notification]::after {
	
}

.page-container .page-menu ul.buttons li.weather-full div.heading {
	
}

.page-container .page-menu ul.buttons li.weather-full .container {
	
}

.page-container .page-menu ul.buttons li.weather-full .container a {
	
}

.page-container .page-menu ul.buttons li.weather-full .container .button {
	
}

.page-container .page-menu ul.buttons li.weather-full .container .credit {
	
}

.page-container .page-menu ul.buttons li.weather-full .container .credit a {
	
}

.page-container .page-menu ul.buttons li.weather-full .container .section {
	
}

.page-container .page-menu ul.buttons li.weather-full .container .section .border {
	
}

.page-container .page-menu ul.buttons li.weather-full .container .section .temperature {
	
}

.page-container .page-menu ul.buttons li.weather-full .container .section .temperature.warm {
	
}

.page-container .page-menu ul.buttons li.weather-full .container .section .temperature.cold {
	
}

.page-container .page-menu ul.buttons li.weather-full .container .more {
	
}

.page-container .page-menu ul.buttons li.settings {
	
}

.page-container .page-menu ul.buttons li.settings a {
	
}

.page-container .page-menu p.user-info {
	
}

.page-container .page-menu p.user-info a {
	
}


.page-container.menu-right .page-content {
	
	
}

.page-container.menu-always-dropdown .page-content {
	
}

.page-container.menu-right .page-padding {
	
	
	
}
.page-container.menu-always-dropdown .page-padding {
	
	
	
}

.page-container .page-content h1 {
	
	
}

.page-container #coreAjaxNoSupport {
	
}


.page-footer {
	
}

.page-footer .version-info {
	
}

.page-footer .version-info span {
	
}

.page-footer .version-info a {
	
}

 /*****************************************************************************
*  
*  Popups
*  
*****************************************************************************/

.popup-blocker {
	
}

.popup .animated {
	
}

.popup {
	
	
	
	
	
}

.popup-mobile-fixed {
	
}

.popup-display {
	
	
}

.popup-hidden {
	
}

.popup .close-button {
	
}

.popup .close-button:hover {
	
}

.popup .close-button.hidden {
	
}

.popup .background {
	
}

.popup .container {
	
}

.popup .container > .title {
	
	
}

.popup .container > .title.hidden {
	
}

.popup .container .content {
	
}

.popup .container .content.padding {
	
	
}

.popup .container .content.padding-sides {
	
	
}

.popup .container .content a {
	
}

.popup .container .content a.dark {
	
}

.popup .container .content .spinner-container {
	
}

.popup .container .footer {
	
	
}

.popup .container .footer.hidden {
	
}



/** FULL SIZE POPUP **/
.popup.full-size {
	
}

.popup.full-size .background {
	
}

.popup.full-size .container {
	
}

.popup.full-size .container .content {
	
}

 .popup-menu {
	
}
 #imagelibrary-browser {
	
}

#imagelibrary-browser .filter {
	
}

#imagelibrary-browser .filter .search {
	
	
}

#imagelibrary-browser .filter .search input {
	
}

#imagelibrary-browser .filter .sort {
	
	
}

#imagelibrary-browser .filter .sort > div {
	
}

#imagelibrary-browser .filter .sort > div > select {
	
}

#imagelibrary-uploader {
	
}

#ilupImageContainer {
	
}

#ilbrImagesContainer {
	
}

#ilbrImagesContainer .image {
	
	
	
}

#ilbrImagesContainer .image .border {
	
}

#ilbrImagesContainer .image:hover .border {
	
}

#ilbrImagesContainer .image table.thumbnail {
	
}

#ilbrImagesContainer .image table.thumbnail tr td {
	
}

#ilbrImagesContainer .image table.thumbnail tr td img {
	
}

#ilbrImagesContainer .image .descr {
	
}

#ilbrImagesContainer .image .border .tools {
	
}

#ilbrImagesContainer .image:hover .border .tools {
	
}

#ilbrImagesContainer .image .border .tools img {
	
}

#ilupOrigContainer {
	
	
}

#ilupPreviewContainer {
	
	
} #settings-window {
	
}

#settings-edit-menuitem {
	
}

#settings-menuitems-list {
	
}

#settings-menuitems-list .line {
	
}

#settings-menuitems-list .line.inactive {
	
}

#settings-menuitems-list .line .item.icons {
	
	
	width					: 10%;
	
	
}

#settings-menuitems-list .line .item.name {
	
	
}

#settings-menuitems-list .line .item.access {
	
	
	width					: 45%;
	
	
}
#settings-menuitems-list .line .item.access .level {
	
}

#settings-menuitems-list .line .item.icon {
	
	
	
}

#settings-menuitems-list .line .item.icon img {
	
	
}

#settings-menuitems-list .line .item.heading.access,
#settings-menuitems-list .line .item.heading.icon {
	
	
}

#settings-edit-menuitem .app-form .icons {
	
	
}

#settings-edit-menuitem .app-form .icons .icon {
	
	
}

#settings-edit-menuitem .app-form .icons .icon input {
	
	
}

#settings-edit-menuitem .app-form .icons .icon img {
	
	
}


 .text-editor-styles img.embed-video {
	
}

.text-editor-styles div.embed-video {
	
}

.text-editor-styles div.embed-video.youtube iframe {
	
}

.text-editor-styles div.embed-video.internal {
	
}

.text-editor-styles div.embed-video.internal video {
	
}

.text-editor-styles div.embed-video.internal div.overlay {
	
}

.text-editor-styles div.embed-video.internal div.controls {
	
}

.text-editor-styles div.embed-video.internal div.controls > span {
	
}

.text-editor-styles div.embed-video.internal.pause div.controls > span {
	
}

.text-editor-styles div.embed-video.internal div.controls > div {
	
}

.text-editor-styles div.embed-video.internal div.controls > div > span {
	
}

video::-webkit-media-controls{
    display: none;
    -webkit-appearance: none;
} #linkcreator {
	
}

#linkcreator-selectfile {
	
}

 #browser-folder-edit {
	
}

.browser-container > .lists {
	
}

.browser-container.colorscheme-grayscale > .lists {
	
}

.browser-container.colorscheme-blue > .lists {
	
}

.browser-container > .lists > .list {
	
}

.browser-container > .lists > .list.folders {
	
	
	
}

.browser-container > .lists > .list.folders.open {
	
	
}

.browser-container > .lists > .list.folders .current-folder {
	
	
	
}

.browser-container > .lists > .list.folders .current-folder::after {
	
	
}

.browser-container > .lists > .list.folders > div.tools {
	
}

.browser-container.colorscheme-blue > .lists > .list.folders > div.tools {
	
}

.browser-container > .lists > .list.folders > div.tools img {
	
}

.browser-container > .lists > .list.folders > div.tools img.new,
.browser-container > .lists > .list.folders.has-selection > div.tools img.edit,
.browser-container > .lists > .list.folders.has-selection > div.tools img.delete {
	
}

.browser-container > .lists > .list.folders > div.tools img.new {
	
}

.browser-container > .lists > .list.folders > div.tools img.edit,
.browser-container > .lists > .list.folders > div.tools img.delete {
	
}

.browser-container > .lists.no-new > .list.folders > div.tools img.new {
	
}

.browser-container > .lists.no-edit > .list.folders > div.tools img.edit {
	
}

.browser-container > .lists.no-delete > .list.folders > div.tools img.delete {
	
}

.browser-container > .lists.no-editing > .list.folders > div.tools {
	
}


.browser-container > .lists > .list.folders > div.items-container {
	
	
}

.browser-container > .lists > .list.folders > div.items-container > div.items {
	
}

.browser-container > .lists > .list.folders > div.items-container > span.scrollbar {
	
}

.browser-container > .lists > .list.elements {
	
	
}

.browser-container > .lists > .list ul {
	
}

.browser-container > .lists > .list.folders > div.items-container > div.items ul {
	
}

.browser-container > .lists > .list.folders > div.items-container > div.items ul > li {
	
}

.browser-container > .lists > .list.folders > div.items-container > div.items ul > li > span {
	
}

.browser-container > .lists > .list.folders > div.items-container > div.items ul > li.has-children > span {
	
}

.browser-container > .lists > .list.folders > div.items-container > div.items ul > li.has-children.open > span {
	
}

.browser-container > .lists > .list.folders > div.items-container > div.items ul > li > p {
	
}

.browser-container > .lists > .list.folders > div.items-container > div.items ul > li.selected > p {
	
}

.browser-container > .lists > .list.folders > div.items-container > div.items ul > li.disabled > p {
	
}

.browser-container > .lists > .list.folders > div.items-container > div.items ul > li > p > span {
	
}

.browser-container > .lists > .list.folders > div.items-container > div.items ul > li > p > span:first-child {
	
}

.browser-container > .lists > .list.folders > div.items-container > div.items ul > li > p:hover > span {
	
}

.browser-container > .lists > .list.folders > div.items-container > div.items ul > li.has-notification > p::after,
.browser-container > .lists > .list.elements ul > li.has-notification > span::after {
	
}

.browser-container > .lists > .list.elements ul > li.has-notification > span::after {
	
}

.browser-container > .lists > .list.folders > div.items-container > div.items ul > li > ul {
	
}

.browser-container > .lists > .list.folders > div.items-container > div.items ul > li.open > ul {
	
}

 #files-file-edit {
	
}

.files-browser > .lists {
	
	
}

.files-browser > .lists > .list.folders > div.items-container {
	
	
}

.files-browser > .lists.no-editing > .list.folders > div.items-container {
	
	
}

.files-browser .list.elements ul {
	
}

.files-browser .list.elements ul li {
	
}

.files-browser.colorscheme-blue .list.elements ul li {
	
}


.files-browser .list.elements ul li img.edit,
.files-browser .list.elements ul li img.delete {
	
}

.files-browser .list.elements ul li .click {
	
}

.files-browser .list.elements ul li .click:hover {
	
}

.files-browser .list.elements ul li.no-access,
.files-browser .list.elements ul li.no-elements {
	
}

.files-browser .list.elements ul li.spinner {
	
}

 .window-container {
	
	
	
}

.window-container.maintenance {
	
}

.window-container .title {
	
	
}

.window-container.maintenance .title {
	
}

.window-container h1 {
	
	
}

.window-container .padding {
	
	
}

.window-container .padding .forgotten-password {
	
}

.window-container .padding .forgotten-password a {
	
}

.window-container .custom-error-message {
	
}

.window-container .logo {
	
}

.window-container .logo img {
	
}

.window-container .receivers-buttons {
	
	
}

.window-container .receivers-buttons a {
	
	
}

.window-container .button-container {
	
	
}

.window-container .success-message {
	
	
}

.window-container .failed-message {
	
	
}

.window-container .receivers-edit-section-firsttime,
.window-container .receivers-edit-section-number,
.window-container .receivers-edit-section-code,
.window-container .receivers-edit-section-edit {
	
}

.window-container .receivers-edit-section-firsttime.visible,
.window-container .receivers-edit-section-number.visible,
.window-container .receivers-edit-section-code.visible,
.window-container .receivers-edit-section-edit.visible {
	
}

 .wrap-box {
	
}

.wrap-box.w-25 {
	
	
}
.wrap-box.w-50 {
	
	
}
.wrap-box.w-75 {
	
	
}

.wrap-box-tabs {
	
	
}

.wrap-box-tabs ul.tabs {
	
	
}

.wrap-box-tabs ul.tabs li {
	
	
}

.wrap-box-tabs ul.tabs li:hover {
	
	
}

.wrap-box-tabs ul.tabs li.active {
	
	
}

.wrap-box-tabs .wrap-box {
	
	
}
 .accordion {
	
}

.accordion.open {
	
}

.accordion > h2 {
	
	
}

.accordion > h2:before {
	
	
}

.accordion.open > h2 {
	
}
.accordion.open > h2:before {
	
}


.accordion > div {
	
}

.accordion.open > div {
	
}

 .page-container .page-logo .logo {
	
}

[data-puzzel-chat] {
	font-family: 'Roboto', sans-serif;
	z-index: 9999;
}

[data-puzzel-chat] h1 {
	margin-bottom: 0px !important;
}

.info-bar {
	
}

.info-bar p > span {
	
	
	
}

.info-bar p > span.left {
	
	
}

.info-bar p > span.right {
	
	
	
}

.info-bar p > span > span {
	
}

.info-bar p > span > span.chat {
	
	
}

.info-bar p > span > span.hideable {
	
}



.info-bar a {
	
}

/** 

	light theme
	
**/



/** login **/

.page-login .login-container {
	
	
}

.page-login .page-content h1 {
	
	
}

.page-login .login-container p,
.page-login .login-container ol {
	
	
}

.page-login .login-container ol {
	
	
}

.page-login .login-container ol li {
	
	
}

.page-login .login-container .forgotten-password {
	
}

#internal-info-messages button,
.page-login .login-container button.standard,
.page-login .login-container a.button-standard,
.page-login .login-container input[type="submit"] {
	
}

#internal-info-messages button:hover,
.page-login .login-container button.standard:hover,
.page-login .login-container input[type="submit"]:hover  {
	
}

.page-login .login-container .title {
	
}

.page-login h1 {
	
}

.page-login .candy-people-product-photo {
	
}

.page-login .contact-section {
	
	
}

.page-login .contact-section .section {
	
	
}

.page-login .contact-section .section .background {
	
	
}

.page-login .contact-section .section .background h2 {
	
}

.page-login .contact-section .section .background a {
	
	
}

.page-login .contact-section .section .background a span {
	
	
}
.page-login .contact-section .section .background a:hover {
	
}

.page-login .contact-section .section .background p {
	
	
}

.page-login .contact-section .section .background p.small {
	
	
}

/** general **/

button.standard.contrast,
a.button-standard.contrast,
input[type="submit"].contrast {
	
}

button.standard.contrast:hover,
a.button-standard.contrast:hover,
input[type="submit"].contrast:hover  {
	
}

.list-filter {
	background				: #fff !important;
}

.list-filter-button::after {
	
	
}



.page-dev-version {
	
}

body {
	background				: #fff;
	color					: #000;
}

a {
	color					: #000;
}

.ajax-contents.ajax-loading:before,
.ajax-value.ajax-loading:before {
	
}

.ajax-contents.ajax-loading:after,
.ajax-value.ajax-loading:after {
	
}

button.busy.ajax-contents.ajax-loading:after,
button.busy.ajax-value.ajax-loading:after {
	
}

.page-container {
	
}

.page-container .page-logo {
	
}


.page-container .page-logo .top-bar {
	
}

.page-container .page-logo .top-bar > .page-width > img {
	
	
}

.top-menu li {
	
	
}

.top-menu li span {
	
	
}

.top-menu li img {
	
}

.top-menu #menu-button {
	
}

.top-menu #menu-button.active {
	
}

.page-menu-blocker {
	
}

.page-menu {
	
}

.page-menu .user-info {
	
}

.page-menu .user-info a {
	
}

.page-menu ul.buttons li a {
	
}

.page-footer {
	
}

.div-list-768 .line.headings,
.div-list-1010 .line.headings {
	
}
.div-list-768 .line.headings .item,
.div-list-1010 .line.headings .item {
	
}

.div-list-768 .content,
.div-list-768 .content .line {
	
}

.div-list-768 .content .line .item {
	
}

button.standard {
	
}

.button-standard.left, button.standard.left, .button-standard.middle, button.standard.middle, .button-standard.right, button.standard.right {
	
}

.button-standard.left.down, button.standard.left.down, .button-standard.middle.down, button.standard.middle.down, .button-standard.right.down, button.standard.right.down {
	
}

button.standard.down,
a.button-standard.down,
input[type="submit"].down,
button.standard:hover {
	
}

button.standard span,
button.standard span:hover,
button.standard:hover span {
	
}

.button-standard.middle, button.standard.middle {
	
}

.button-standard.right, button.standard.right {
	
}

.button-standard.icon.icon-export, button.standard.icon.icon-export {
	
}

.button-standard.icon.icon-export, button.standard.icon.icon-emailaddresses {
	
}

.button-standard.icon.icon-export:hover, button.standard.icon.icon-export:hover {
	
}

.button-standard.icon.icon-export:hover, button.standard.icon.icon-emailaddresses:hover {
	
}


.wrap-box-tabs .wrap-box {
	
}

.wrap-box-tabs ul.tabs li {
	
}

.wrap-box-tabs ul.tabs li:hover,
.wrap-box-tabs ul.tabs li.active {
	
}

.popup-block {
	
}

.popup .background,
.popup .title,
.popup .footer {
	
}

.popup .tabPanel,
.popup .tabPanel .tabPanelTabSelected {
	
}

.popup .tabPanel .tabPanelTab {
	
}

.tabPanel .line-separator {
	border-bottom			: 1px solid rgba(0, 0, 0, 0.20) !important;
}

.app-form .line > div textarea,
.app-form .line > div input[type="text"],
.app-form .line > div input[type="password"],
.app-form .line > div .select,
.app-form .line > div .wrapper {
	
}

.app-form .line > div textarea:focus,
.app-form .line > div input[type="text"]:focus,
.app-form .line > div input[type="password"]:focus,
.app-form .line > div .select.focus {
	
}

.app-form .line > div textarea.error,
.app-form .line > div input[type="text"].error,
.app-form .line > div input[type="password"].error {
	
}

.app-form [type="checkbox"]:not(:checked) + label:before,
.app-form [type="checkbox"]:checked + label:before,
.app-form span.checkbox-checked:before,
.app-form span.radio-checked:before {
	
}

.app-form [type="radio"]:not(:checked) + label:before,
.app-form [type="radio"]:checked + label:before {
	
}


.tabPanel [type="checkbox"]:not(:checked) + label:before,
.tabPanel [type="checkbox"]:checked + label:before,
.tabPanel [type="radio"]:not(:checked) + label:before,
.tabPanel [type="radio"]:checked + label:before,
.tabPanel span.checkbox-checked:before,
.tabPanel span.radio-checked:before {
	
}


/* checked mark aspect */

.app-form [type="checkbox"]:not(:checked) + label:after,
.app-form [type="checkbox"]:checked + label:after,
.app-form span.checkbox-checked:after {
	
}

.app-form [type="radio"]:not(:checked) + label:after,
.app-form [type="radio"]:checked + label:after,
.app-form span.radio-checked:after {
	
}

.tabPanel [type="checkbox"]:not(:checked) + label:after,
.tabPanel [type="checkbox"]:checked + label:after,
.tabPanel span.checkbox-checked:after {
	
}



.div-list-1010 .line {
	
}

.div-list-1010 .line.headings {
	
}

.div-list-1010 .line.open,
.div-list-1010 .line.odd.open {
	
}

/** GROUPS **/
.groups-container .content {
	
}

#groups-search-content .line.headings .item,
#groups-search-content .line .item,
#groups-search-content .line .item a,
#groups-search-content .line .item span {
	
}

#groups-search-content .div-list-1010 .group-users {
	background-color		: #fff !important;
}


/** JQUERY UI **/
.ui-widget-header {
	
}

.ui-state-highlight, .ui-widget-content .ui-state-highlight {
	
}

.ui-state-active, .ui-widget-content .ui-state-active {
	
}

.ui-widget-content {
	
}

.ui-widget-header .ui-icon,
.ui-widget-header .ui-icon:hover {
	
}




.internal-info-messages-container ul li {
	
	
}

.internal-info-messages-container ul li h2 {
	
	
}


select {
	
}

button:focus {
	outline: 2px solid #000;
	outline-offset: 5px;
}
 }
@media only screen and (max-width: 1010px) {
/*****************************************************************************
*  
*  Forms
*  
*****************************************************************************/

.app-form {
	
}

.app-form .line {
	
	
}

.app-form .line.dark {
	
}

.app-form strong {
	
}

.app-form strong.red {
	
}

.app-form .line-separator {
	
}

.app-form.on-dark-background .line-separator {
	
}

.app-form .line-separator.dark {
	
}

.app-form .tabPanel .line-separator {
	
}

.app-form .sections {
	
	
}

.app-form .sections .line-separator {
	
	
}

.app-form .sections .section {
	
	
}

.app-form .sections .section h2 {
	
	
}

.app-form .sections .section h2 span {
	
	
}

.app-form .sections .section h2::before {
	
	
}

.app-form .sections .section.size-10,
.app-form .sections .section.size-20,
.app-form .sections .section.size-25,
.app-form .sections .section.size-30,
.app-form .sections .section.size-40,
.app-form .sections .section.size-50,
.app-form .sections .section.size-60,
.app-form .sections .section.size-70,
.app-form .sections .section.size-75,
.app-form .sections .section.size-80,
.app-form .sections .section.size-90,
.app-form .sections .section.size-100,
.app-form .sections .section.size-56,
.app-form .sections .section.size-66,
.app-form .sections .section.size-50,
.app-form .sections .section.size-33 {
	
	
}

.app-form .sections .section.size-10 {  }
.app-form .sections .section.size-20 {  }
.app-form .sections .section.size-25 {  }
.app-form .sections .section.size-30 {  }
.app-form .sections .section.size-40 {  }
.app-form .sections .section.size-50 {  }
.app-form .sections .section.size-60 {  }
.app-form .sections .section.size-70 {  }
.app-form .sections .section.size-75 {  }
.app-form .sections .section.size-80 {  }
.app-form .sections .section.size-96 {  }
.app-form .sections .section.size-100 {  }
.app-form .sections .section.size-33 {  }
.app-form .sections .section.size-66 {  }

.app-form .section.separator-top,
.app-form .sections.separator-top {
	
}

.app-form .section.separator-bottom,
.app-form .sections.separator-bottom {
	
}

.app-form .section .comment {
	
}

.app-form .line {
	
}

.app-form .line label,
.app-form .line p.label,
.app-form .line span.label {
	
	
}

.app-form.on-dark-background .line label,
.app-form.on-dark-background .line p.label,
.app-form.on-dark-background .line span.label {
	
	
}

.app-form.label-on-one-line .line > label,
.app-form.label-on-one-line .line > p.label,
.app-form.label-on-one-line .line > span.label,
.app-form .label-on-one-line .line > label,
.app-form .label-on-one-line .line > p.label,
.app-form .label-on-one-line .line > span.label {
	
}

.app-form .line > label.mobile-emphasized,
.app-form .line > p.label.mobile-emphasized,
.app-form .line > span.label.mobile-emphasized {
	
	
}

.app-form .line div.check-padding,
.app-form .line p.check-padding,
.app-form .line a.check-padding,
.app-form .line label.check-padding,
.app-form .line p.label.check-padding,
.app-form .line span.label.check-padding {
	
	
}

.app-form .line input[type="checkbox"] {
	
	
}

.app-form .line label.wide,
.app-form .line p.label.wide,
.app-form .line span.label.wide {
	
	
}

.app-form .line label.normal,
.app-form .line p.label.normal,
.app-form .line span.label.normal {
	
	
}



.app-form .line.dark label {
	
}

.app-form .line > div {
	
	
}

.app-form.label-on-one-line .line > div,
.app-form .label-on-one-line .line > div {
	
}


.app-form .line > div.wide {
	
	
}

.app-form .line > div .subline {
	
}

.app-form .line > div .comment {
	
}

.app-form .line > div input[type="checkbox"],
.app-form .line > div input[type="radio"] {
	
}

.app-form .line > div .radio-padding,
.app-form .line > div .checkbox-padding {
	
}

.input-container,
input[type="text"].normal-form-element,
.app-form .line > div textarea,
.app-form .line > div input[type="text"],
.app-form .line > div input[type="password"],
.app-form .line > div .wrapper {
	
}

.app-form.on-dark-background .line > div textarea,
.app-form.on-dark-background .line > div input[type="text"],
.app-form.on-dark-background .line > div input[type="password"],
.app-form.on-dark-background .line > div .wrapper {
	
}

.app-form .line > div input[type="text"].readonly,
.app-form .line > div input[type="password"].readonly {
	
}

.app-form.on-dark-background .line > div input[type="text"].readonly,
.app-form.on-dark-background .line > div input[type="password"].readonly {
	
}

.app-form .line > div .currency {
	
}

.app-form .line > div .currency input[type="text"] {
	font-size				: 0px;
	line-height				: 17px;
	position				: relative;
}

.app-form .line > div .currency input[type="text"]:focus {
	font-size				: 14px;
	line-height				: 17px;
}

.app-form .line > div .currency input[type="text"] + span {
	position				: absolute;
	right					: 5px;
	top						: 7px;
	font-size				: 14px;
}

.app-form .line > div .currency input[type="text"]:focus + span {
	display					: none;
}

.input-container.search,
input[type="text"].normal-form-element.search,
.app-form .line > div textarea.search,
.app-form .line > div input[type="text"].search {
	
}

.app-form .line > div .wrapper .input-content {
	
}

.app-form .line > div .wrapper .input-remove {
	
}

.input-container:disabled,
input[type="text"].normal-form-element:disabled,
.app-form .line > div textarea:disabled,
.app-form .line > div input[type="text"]:disabled,
.app-form .line > div input[type="password"]:disabled,
.app-form .line > div .select select:disabled {
	
}

.app-form .line > div .select select option[disabled="disabled"] {
	
}

.app-form .line > div div.check input[type="checkbox"] {
	
}

.app-form .line > div div.check {
	
}


.app-form .line > div textarea {
	
}

.app-form .line > div .w-50 {  }
.app-form .line > div .w-75 {  }
.app-form .line > div .w-100 {  }
.app-form .line > div .w-125 {  }
.app-form .line > div .w-150 {  }
.app-form .line > div .w-200 {  }
.app-form .line > div .w-250 {  }
.app-form .line > div .w-300 {  }

.app-form .line > div .w-full {  }
.app-form .line > div .w-90p {  }
.app-form .line > div .w-80p {  }
.app-form .line > div .w-70p {  }
.app-form .line > div .w-60p {  }
.app-form .line > div .w-50p {  }
.app-form .line > div .w-40p {  }
.app-form .line > div .w-30p {  }
.app-form .line > div .w-20p {  }
.app-form .line > div .w-10p {  }

.app-form .line > div .h-100 {  }
.app-form .line > div .h-200 {  }


input[type="text"].normal-form-element.dark,
.app-form .line > div textarea.dark,
.app-form .line > div input[type="text"].dark,
.app-form .line > div input[type="password"].dark {
	
}

input[type="text"].normal-form-element.full,
.app-form .line > div textarea.full,
.app-form .line > div input[type="text"].full,
.app-form .line > div input[type="password"].full,
.app-form .line > div .full {
	
}

input[type="text"].normal-form-element.right,
.app-form .line > div textarea.right,
.app-form .line > div input[type="text"].right,
.app-form .line > div input[type="password"].right {
	
}

.app-form .line > div .select.error {
	
}

.app-form .line > div textarea.error,
.app-form .line > div input[type="text"].error,
.app-form .line > div input[type="password"].error {
	
}

.app-form .line > div textarea.monospace {
	
}

.app-form .line .time-container {
	
	
}

.app-form .line .time-container > div {
	
	
}

.app-form .line .unchecked-container p {
	
}

.app-form .line .time-container > div .select {
	
}


.app-form .errors-container {
	
	
}

.app-form .errors-container .error-message p {
	
}

.app-form .errors-container .error-message ul {
	
}

.app-form .errors-container .error-message ul li {
	
}



.app-text-editor {
	
}

.app-text-editor .container {
	
}

.app-text-editor .container textarea {
	
}

.app-text-editor .spinner {
	
}




.save-info {
	
}



.text-editor-styles {
	
}





.app-form label {
	
}

.app-form label span {
	
}

.app-form .checkbox-text,
.app-form .radio-text,
.app-form [type="checkbox"]:not(:checked) + label,
.app-form [type="checkbox"]:checked + label,
.app-form [type="radio"]:not(:checked) + label,
.app-form [type="radio"]:checked + label {
	
}

/* Base for label styling */

.app-form [type="checkbox"]:not(:checked),
.app-form [type="checkbox"]:checked,
.app-form [type="radio"]:not(:checked),
.app-form [type="radio"]:checked {
	
}

.app-form [type="checkbox"]:not(:checked) + label,
.app-form [type="checkbox"]:checked + label,
.app-form [type="radio"]:not(:checked) + label,
.app-form [type="radio"]:checked + label,
.app-form span.checkbox-checked {
	
}

.app-form [type="checkbox"]:not(:checked) + label,
.app-form [type="checkbox"]:checked + label,
.app-form [type="radio"]:not(:checked) + label,
.app-form [type="radio"]:checked + label {
	
}
/* checkbox aspect */

.app-form [type="checkbox"]:not(:checked) + label:before,
.app-form [type="checkbox"]:checked + label:before,
.app-form span.checkbox-checked:before,
.app-form span.radio-checked:before {
	
}

.app-form [type="radio"]:not(:checked) + label:before,
.app-form [type="radio"]:checked + label:before {
	
}


.tabPanel [type="checkbox"]:not(:checked) + label:before,
.tabPanel [type="checkbox"]:checked + label:before,
.tabPanel [type="radio"]:not(:checked) + label:before,
.tabPanel [type="radio"]:checked + label:before,
.tabPanel span.checkbox-checked:before,
.tabPanel span.radio-checked:before {
	
}


/* checked mark aspect */

.app-form [type="checkbox"]:not(:checked) + label:after,
.app-form [type="checkbox"]:checked + label:after,
.app-form span.checkbox-checked:after {
	
}

.app-form [type="radio"]:not(:checked) + label:after,
.app-form [type="radio"]:checked + label:after,
.app-form span.radio-checked:after {
	
}

.tabPanel [type="checkbox"]:not(:checked) + label:after,
.tabPanel [type="checkbox"]:checked + label:after,
.tabPanel span.checkbox-checked:after {
	
}

.tabPanel [type="radio"]:not(:checked) + label:after,
.tabPanel [type="radio"]:checked + label:after,
.tabPanel span.radio-checked:after {
	
}

/* checked mark aspect changes */

.app-form [type="checkbox"]:not(:checked) + label:after,
.app-form [type="radio"]:not(:checked) + label:after {
	
}

.app-form [type="checkbox"]:checked + label:after,
.app-form [type="radio"]:checked + label:after {
	
}
/* disabled checkbox */

.app-form [type="checkbox"]:disabled:not(:checked) + label:before,
.app-form [type="checkbox"]:disabled:checked + label:before,
.app-form [type="radio"]:disabled:not(:checked) + label:before,
.app-form [type="radio"]:disabled:checked + label:before,
.app-form [type="checkbox"].disabled:not(:checked) + label:before,
.app-form [type="checkbox"].disabled:checked + label:before,
.app-form [type="radio"].disabled:not(:checked) + label:before,
.app-form [type="radio"].disabled:checked + label:before {
	
}

.app-form [type="checkbox"]:disabled:checked + label:after,
.app-form [type="radio"]:disabled:checked + label:after,
.app-form [type="checkbox"].disabled:checked + label:after,
.app-form [type="radio"].disabled:checked + label:after {
	
}

.app-form [type="checkbox"]:disabled + label,
.app-form [type="radio"]:disabled + label,
.app-form [type="checkbox"].disabled + label,
.app-form [type="radio"].disabled + label {
	
}
/* accessibility */

/*
[type="checkbox"]:checked:focus + label:before,
[type="checkbox"]:not(:checked):focus + label:before {
  border: 1px dotted #7d861e;
}
*/
/* hover style just for information */

label:hover:before {
	
}



/****************************************************************************************************************
*  
*  Color Schemes
*  
****************************************************************************************************************/


/**
* DARK GRAY, for windowless forms
**/

.colorscheme-darkgray .section-group {
	
	
	
}

.colorscheme-darkgray.input-container,
.colorscheme-darkgrayinput[type="text"].normal-form-element,
.app-form.colorscheme-darkgray .line > div textarea,
.app-form.colorscheme-darkgray .line > div input[type="text"],
.app-form.colorscheme-darkgray .line > div input[type="password"],
.app-form.colorscheme-darkgray .line > div .wrapper {
	
}

.colorscheme-darkgray.input-container.error,
.colorscheme-darkgrayinput[type="text"].normal-form-element.error,
.app-form.colorscheme-darkgray .line > div .select.error,
.app-form.colorscheme-darkgray .line > div textarea.error,
.app-form.colorscheme-darkgray .line > div input[type="text"].error,
.app-form.colorscheme-darkgray .line > div input[type="password"].error,
.app-form.colorscheme-darkgray .line > div .wrapper.error {
	
}

.colorscheme-darkgray .line > label {
	
}

.colorscheme-darkgray .line > label + div {
	
}

.colorscheme-darkgray .line > div::after {
	
}

.colorscheme-darkgray .line > div.spinner::after {
	
}

.colorscheme-darkgray .select {
	
}

.colorscheme-darkgray .select select {
	
}

.colorscheme-darkgray .select select option {
	
}

.app-form.colorscheme-darkgray .line-separator {
	
}

 .div-list, .div-list-768 {
	
}

.div-list .line {
	
	
}

.div-list .line,
.div-list .line.odd {
	
}

.div-list .line.headings {
	
}

.div-list .line.always-odd {
	
}

.div-list .line .item {
	
}

.div-list .line.headings .item {
	
}

.div-list .line .item.icons img.clickable {
	
}

.div-list .line .item.heading {
	
	
}

.div-list-768 .content {
	
	
}

.div-list-768 .line {
	
	
}

.div-list-768 .line.open .item,
.div-list-768 .line.open .item span {
	
}

.div-list-768 .line,
.div-list-768 .line.odd {
	
}

.div-list-768 .line.headings {
	
}

.div-list-768 .line.always-odd {
	
}

.div-list-768 .line.odd.open,
.div-list-768 .line.always-odd.open,
.div-list-768 .line.open {
	
}

.div-list-768 .line .item {
	
}

.div-list-768 .line.headings .item {
	
}

.div-list-768 .line .item.icons {
	
	
}

.div-list-768 .line .item.icons img.clickable {
	
}

.div-list-768 .line.headings .item {
	
	
}



.div-list-1010 .content {
	
	
}

.div-list-1010 .line {
	
	
	padding					: 10px 5px 10px;
	margin-bottom			: 10px;
	
}

.div-list-1010 .line.desktop-odd.open,
.div-list-1010 .line.odd.open,
.div-list-1010 .line.always-odd.open,
.div-list-1010 .line.open {
	
}

.div-list-1010 .line.open .item,
.div-list-1010 .line.open .item span {
	
}

.div-list-1010 .line,
.div-list-1010 .line.odd {
	
}

.div-list-1010 .line.always-odd {
	
}

.div-list-1010 .line.headings {
	
}

.div-list-1010 .line .item {
	
}

.div-list-1010 .line .item.icons {
	
	
	padding-left			: 0px;
	
}

.div-list-1010 .line .item.icons img.clickable {
	
}

.div-list-1010 .line.headings .item {
	
	
	display					: none !important;
	
}


.div-list .item.hidden,
.div-list-768 .item.hidden,
.div-list-1010 .item.hidden {
	
}


.div-list + .page-controls {
	
	
}

.div-list-768 + .page-controls {
	
	
}

.div-list-1010 + .page-controls {
	
	
	border-top				: 0px;
	
}

.div-list-colors {
	
}

.div-list-colors a {
	
}

.div-list-colors a.hidden {
	
}

.div-list-colors p {
	
	
}

.div-list-colors p.visible {
	
	
}

.div-list-colors p span {
	
	
}


 /** responsive filter **/
.list-filter-button {
	
	
}

.list-filter-button::after {
	
	
}

.list-filter-button.down::after,
.list-filter-button:hover::after {
	
	
}

.list-filter-button img {
	
}

.list-filter {
	
	
}

.list-filter div {
	
	
}

.list-filter div.pl5 {
	
}

.list-filter.visible {
	
	
}

/** always filter **/
.list-filter-button.always {
	
}

.list-filter.always {
	
	
}


.list-filter.always div {
	
	
}

.list-filter.always.visible {
	
}

.list-filter div.section {
	
}

.list-filter div.section span.descr {
	
} /***********************************************************************************
* GENERAL
***********************************************************************************/

div.grid-list ul {
	
	
	height					: 600px;
	
	
	
}

div.grid-list ul li {
	
	
	width					: 25%;
	height					: 20%;
	
	
}

div.grid-list ul li div.container {
	
}

div.grid-list ul li div.background {
	
}

div.grid-list ul li:hover div.background {
	
}

div.grid-list ul li span.name {
	
	
	padding					: 8px 26px;
	height					: 28px;
	
	
	
}

div.grid-list ul li:hover span.name {
	
	
	
}

div.grid-list ul li img.delete,
div.grid-list ul li img.edit {
	
	
	opacity					: 1;
	
	
}

div.grid-list ul li img.edit {
	
}

div.grid-list ul li img.delete {
	
}

div.grid-list ul li:hover img.delete,
div.grid-list ul li:hover img.edit {
	
}


/***********************************************************************************
* COLOR SCHEMES
***********************************************************************************/

.popup div.grid-list {
	
}

.popup div.grid-list.spinner {
	
}
 .info-blocks {
	
	
}

.info-blocks h1,
.info-blocks h2 {
	
	
}

.info-blocks .info-block {
	
	
}

.info-blocks .info-block.hidden {
	
}

.info-blocks .info-block.desktop-col-3 {
	
	
}

.info-blocks .info-block.desktop-col-2 {
	
	
}

.info-blocks .info-block.tablet-col-3 {
	
	width							: 33.33%;
	
	
}

.info-blocks .info-block.tablet-col-2 {
	
	width							: 50%;
	
	
}

.info-blocks .info-block.tablet-col-1 {
	
	width							: 100%;
	
	
}

.info-blocks .info-block.mobile-col-2 {
	
}

.info-blocks .info-block.mobile-col-1 {
	
}

.info-blocks .info-block > .content {
	
	
}

.info-blocks .info-block.blue > .content,
.info-blocks .info-block.green > .content,
.info-blocks .info-block.red > .content,
.info-blocks .info-block.yellow > .content {
	
	
}

.info-blocks .info-block.blue.fill > .content,
.info-blocks .info-block.green.fill > .content,
.info-blocks .info-block.red.fill > .content,
.info-blocks .info-block.yellow.fill > .content {
	
	
}

.info-blocks .info-block.blue > .content {
	
}

.info-blocks .info-block.green > .content {
	
}

.info-blocks .info-block.red > .content {
	
}

.info-blocks .info-block.yellow > .content {
	
}

.info-blocks .info-block.orange > .content {
	
}

.info-blocks .info-block.blue.fill > .content {
	
}

.info-blocks .info-block.green.fill > .content {
	
}

.info-blocks .info-block.red.fill > .content {
	
}

.info-blocks .info-block.yellow.fill > .content {
	
}

.info-blocks .info-block.orange.fill > .content {
	
}
 html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl,
dt, dd, ol, ul, li, fieldset, form, label, legend, caption, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	
}

table, tbody, tfoot, thead, tr, th, td {
	
}

* {
	
}

body {
	
}


/* roboto-100 - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 100;
  src: url('/resources/css/fonts/roboto-v20-latin-100.eot'); /* IE9 Compat Modes */
  src: local('Roboto Thin'), local('Roboto-Thin'),
       url('/resources/css/fonts/roboto-v20-latin-100.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/resources/css/fonts/roboto-v20-latin-100.woff2') format('woff2'), /* Super Modern Browsers */
       url('/resources/css/fonts/roboto-v20-latin-100.woff') format('woff'), /* Modern Browsers */
       url('/resources/css/fonts/roboto-v20-latin-100.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/resources/css/fonts/roboto-v20-latin-100.svg#Roboto') format('svg'); /* Legacy iOS */
}
/* roboto-regular - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: url('/resources/css/fonts/roboto-v20-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Roboto'), local('Roboto-Regular'),
       url('/resources/css/fonts/roboto-v20-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/resources/css/fonts/roboto-v20-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('/resources/css/fonts/roboto-v20-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('/resources/css/fonts/roboto-v20-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/resources/css/fonts/roboto-v20-latin-regular.svg#Roboto') format('svg'); /* Legacy iOS */
}
/* roboto-700 - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: url('/resources/css/fonts/roboto-v20-latin-700.eot'); /* IE9 Compat Modes */
  src: local('Roboto Bold'), local('Roboto-Bold'),
       url('/resources/css/fonts/roboto-v20-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/resources/css/fonts/roboto-v20-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('/resources/css/fonts/roboto-v20-latin-700.woff') format('woff'), /* Modern Browsers */
       url('/resources/css/fonts/roboto-v20-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/resources/css/fonts/roboto-v20-latin-700.svg#Roboto') format('svg'); /* Legacy iOS */
}
/* roboto-900 - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 900;
  src: url('/resources/css/fonts/roboto-v20-latin-900.eot'); /* IE9 Compat Modes */
  src: local('Roboto Black'), local('Roboto-Black'),
       url('/resources/css/fonts/roboto-v20-latin-900.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/resources/css/fonts/roboto-v20-latin-900.woff2') format('woff2'), /* Super Modern Browsers */
       url('/resources/css/fonts/roboto-v20-latin-900.woff') format('woff'), /* Modern Browsers */
       url('/resources/css/fonts/roboto-v20-latin-900.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/resources/css/fonts/roboto-v20-latin-900.svg#Roboto') format('svg'); /* Legacy iOS */
}


img {
	
}

h1 {
	
}

h2 {
	
}

.f-right {
	
}

.f-left {
	
}

.c-right {
	
}

.c-left {
	
}

.v-middle {
	
}

.t-left {
	
}

.t-center {
	
}

.t-right {
	
}

.block {
	
}

.inline {
	
}

.inline-block {
	
}

strong, .strong {
	
}

.hidden {
	
}

.relative {
	
}

.absolute {
	
}

.clickable {
	
}

.mb50 {}
.mb40 {}
.mb30 {}
.mb20 {}
.mb10 {}
.mb5 {}
.mb2 {}

.mt60 {}
.mt50 {}
.mt40 {}
.mt30 {}
.mt20 {}
.mt15 {}
.mt10 {}
.mt5 {}
.mt2 {}

.mtm20 {}
.mtm15 {}
.mtm10 {}
.mtm5 {}

.ml30 {}
.ml20 {}
.ml15 {}
.ml10 {}
.ml5 {}
.ml2 {}

.mr30 {}
.mr20 {}
.mr15 {}
.mr10 {}
.mr5 {}
.mr2 {}

.pl1 {}
.pl2 {}
.pl3 {}
.pl4 {}
.pl5 {}
.pl6 {}
.pl7 {}
.pl8 {}
.pl9 {}
.pl10 {}
.pl15 {}
.pl20 {}

.pr5 {}
.pr10 {}
.pr15 {}
.pr20 {}

.pt3 {}
.pt5 {}
.pt10 {}
.pt15 {}
.pt20 {}

.pb3 {}
.pb5 {}
.pb10 {}
.pb15 {}
.pb20 {}


.w-50p {}

.filter .w-50 {}
.filter .w-100 {}
.filter .w-150 {}
.filter .w-200 {}
.filter .w-250 {}
.filter .w-300 {}
.filter .w-350 {}
.filter .w-400 {}


.no-overflow {
	
}

.overflow {
	
}


.message-box {
	
}

.no-mobile {
	
	
}

.no-mobile-real {
	
	
}

.mobile-only {
	
	
}

.no-mobile-message {
	
	
}

.desktop-only {
	
	
}

.tablet-desktop-only {
	
	
}

.no-desktop {
	
	
}

.no-desktop-1010 {
	
	
	display				: inline;
	
}

.no-desktop-table-cell {
	
	
}



a {
	
}

a:hover {
	
}

a.no-hover:hover {
	
}

img.button {
	
}

img.button.disabled {
	
}

table.list {
	
}

table.list thead tr th {
	
}

table.list tbody tr td {
	
}

table.list tbody tr td.responsive-font-size {
	
	
}

table.list tbody tr:first-child td {
	
}



/*****************************************************************************
*  
*  Form controls
*  
*****************************************************************************/

.button-panels {
	
	
}

.button-panels .button-panel {
	
}

.button-panels .button-panel.desktop-right {
	
	
	float				: none;
	
	
}

.button-panels .button-panel.tablet-right {
	
	float				: right;
	
	
}

.button-panels .button-panel.mobile-right {
	
}

.button-panels .button-panel.desktop-left {
	
	
	float				: none;
	
	
}

.button-panels .button-panel.tablet-left {
	
	float				: left;
	
	
}

.button-panels .button-panel.mobile-left {
	
}

textarea, input, button {
	
}

select {
	
}

.popup select {
	
}

a.button, button, input[type=submit]  {
	
	
}

.button-standard, button.standard, input[type=submit] {
	
}

.button-standard.busy, button.standard.busy, input[type=submit].busy, button.busy {
	
}

.button-standard.busy, button.standard.busy, input[type=submit].busy, button.busy::after {
	
}


.button-standard.transparent, button.standard.transparent, input[type=submit].transparent {
	
}

.button-standard.hidden, button.standard.hidden, input[type=submit].hidden {
	
}

.button-standard.bw, button.standard.bw, input[type=submit].bw {
	
}

.button-standard.bw.down, button.standard.bw.down, input[type=submit].bw.down {
	
}

.button-standard.icon, button.standard.icon {
	
	
}

.button-standard.icon img, button.standard.icon img {
	
}

.button-standard.icon.icon-export, button.standard.icon.icon-export,
.button-standard.icon.icon-question, button.standard.icon.icon-question,
.button-standard.icon.icon-save, button.standard.icon.icon-save,
.button-standard.icon.icon-delete, button.standard.icon.icon-delete,
.button-standard.icon.icon-emailaddresses, button.standard.icon.icon-emailaddresses {
	
	
}

.button-standard.icon.icon-export, button.standard.icon.icon-export {  }
.button-standard.icon.icon-emailaddresses, button.standard.icon.icon-emailaddresses {  }
.button-standard.icon.icon-question, button.standard.icon.icon-question {  }
.button-standard.icon.icon-save, button.standard.icon.icon-save {  }
.button-standard.icon.icon-delete, button.standard.icon.icon-delete {  }

.button-standard.left, button.standard.left {
	
}

.button-standard.middle, button.standard.middle {
	
}

.button-standard.right, button.standard.right {
	
}

.button-standard.left, button.standard.left,
.button-standard.middle, button.standard.middle,
.button-standard.right, button.standard.right {
	background					: #4f731c;
}

.button-standard.stackable-4.stackable-no-1, button.standard.stackable-4.stackable-no-1 {
	
}

button.standard.image {
	
}

button.standard span,
.button-standard span {
	
	
}

button.standard.down span,
.button-standard span.always,
button.standard span.always {
	
}

/*button.standard.symbol.big {*/
	
/*}*/

button.standard.symbol {
	
}

.button-standard.hover, .button-standard:hover, button.standard:hover, input[type=submit]:hover {
	
}

.button-standard.transparent.hover, button-standard.transparent:hover, button.standard.transparent:hover, input[type=submit].transparent:hover {
	
}

.button-standard.down, button.standard.down {
	
}

button.standard.down:hover {
	
}

.button-standard.left.down, button.standard.left.down,
.button-standard.middle.down, button.standard.middle.down,
.button-standard.right.down, button.standard.right.down {
	
}

.button-standard.left.down:hover, button.standard.left.down:hover,
.button-standard.middle.down:hover, button.standard.middle.down:hover,
.button-standard.right.down:hover, button.standard.right.down:hover {
	
}

button.standard.disabled {
	
}

button.standard.disabled:hover {
	
}

button.standard.control {
	
}

button.standard.control:hover {
	
}

.button-toggle {
	
}

.button-toggle .on,
.button-toggle .off {
	
}

.button-toggle .on {
	
}

.button-toggle.on .on {
	
}

.button-toggle .off {
	
}

.button-toggle.on .off {
	
}

.emphazised {
	
}

.emphazised.orange,
.emphazised.color-1 {
	
}

.emphazised.yellow,
.emphazised.color-2 {
	
}

.emphazised.green,
.emphazised.color-3 {
	
}

.emphazised.turquoise,
.emphazised.color-4 {
	
}

.emphazised.blue,
.emphazised.color-5 {
	
}

.emphazised.purple,
.emphazised.color-6 {
	
}

.emphazised.red,
.emphazised.color-7 {
	
}

.emphazised.transparent.orange,
.emphazised.transparent.color-1 {
	
}

.emphazised.transparent.yellow,
.emphazised.transparent.color-2 {
	
}

.emphazised.transparent.green,
.emphazised.transparent.color-3 {
	
}

.emphazised.transparent.turquoise,
.emphazised.transparent.color-4 {
	
}

.emphazised.transparent.blue,
.emphazised.transparent.color-5 {
	
}

.emphazised.transparent.purple,
.emphazised.transparent.color-6 {
	
}

.emphazised.transparent.red,
.emphazised.transparent.color-7 {
	
}

.emphazised.transparent {
	
}


input[type=text], input[type=password], textarea {
	border				: 1px solid #aaaaaa;
	padding				: 2px;
	background			: #ffffff;
	font-family			: Arial;
	font-size			: 12px;
}

.input.w-100,
.input.w-200,
.input.w-300 {
	
	
}

.input.w-100 input[type="text"],
.input.w-200 input[type="text"],
.input.w-300 input[type="text"] {
	
	
}


.select select {
	
}

.select {
	
}

.select.dark,
.normal-form-element.dark {
	
}

.select.dark select {
	
}

.select.dark select option {
	
}

.select.w-20, .input.w-20 {}
.select.w-50, .input.w-50 {}
.select.w-60, .input.w-60 {}
.select.w-75, .input.w-75 {}
.select.w-100, .input.w-100 {}
.select.w-150, .input.w-150 {}
.select.w-200, .input.w-200 {}
.select.w-300, .input.w-300 {}


/*
.mainContent {
	background			: #ffffff;
	padding				: 5px 20px 20px 20px;
}

.mainContentHeader {
	color				: #777777;
	text-align			: right;
	font-size			: 10px;
	padding-bottom		: 0px;
}

div.menu {
	height				: 30px;
	padding				: 0px;
	margin				: 0px;
	background			: #f6f6f6;
	
	border-bottom		: 1px solid #bbbbbb;
}

ul.menu {
	list-style-type		: none;
	
	padding				: 0px 0px 0px 5px;
	margin				: 0px;
}

li.menu {
	display				: inline;
	float				: left;
	
	position			: relative;
	height				: 12px;
	
	padding				: 9px;
	
	font-family			: Arial;
	font-size			: 12px;
	line-height			: 12px;
	
	cursor				: pointer;
	color				: #000000;
}

a.menu:link {
	color				: #000000;
	text-decoration		: none;
}

a.menu:visited {
	color				: #000000;
	text-decoration		: none;
}

a.menu:hover {
	color				: #000000;
	text-decoration		: underline;
}

a.menu:active {
	color				: #000000;
	text-decoration		: underline;
}

li.menuItem {
	display				: inline;
	float				: left;
	
	position			: relative;
	height				: 29px;
	
	color				: #555555;
}

div.menuItem {
	display				: inline;
	float				: left;
	
	padding				: 7px 6px;
}

div.menuSeparator {
	background			: url(/gfx/menudots.jpg);
	
	display				: inline;
	float				: left;
	
	width				: 5px;
	height				: 29px;
	
	padding				: 0px 0px;
}

li.menuRight {
	display				: inline;
	float				: right;
	
	color				: #555555;
	
	padding				: 0px 0px 0px 0px;
	margin				: 0px;
}


li.submenuItem {
	display				: block;
	
	height				: 29px;
	width				: 160px;
	
	color				: #000000;
}

div.submenuItem {
	padding				: 5px 5px;
}

div.submenuItem:hover {
	background			: url(/gfx/menubkselected.jpg) repeat-x;
	
	color				: #000000;
	
	padding				: 5px 5px;
}

a.submenuItem {
	color				: #000000;
	text-decoration		: none;
}

.subMenuBox {
	background			: #f6f6f6;
	border				: 1px solid #699AAE;
}



a:link {
	color				: #3E6474;
	text-decoration		: none;
}

a:visited {
	color				: #3E6474;
	text-decoration		: none;
}

a:hover {
	color				: #3E6474;
	text-decoration		: underline;
}

a:active {
	color				: #3E6474;
	text-decoration		: underline;
}

.link {
	color				: #3E6474;
	text-decoration		: none;
}

.link:hover {
	color				: #3E6474;
	text-decoration		: underline;
}


p {
	margin				: 0px;
	padding				: 0px;
}


h1 {
	padding				: 0px 0px 16px 0px;
	
	margin				: 0px;
	font-family			: Arial;
	font-size			: 18px;
	line-height			: 22px;
}

h2 {
	padding				: 0px 0px 8px 0px;
	
	margin				: 0px;
	font-family			: Arial;
	font-size			: 12px;
	line-height			: 20px;
}


td.form {
	padding-bottom		: 5px;
}
*/

/*****************************************************************************
*  
*  Report colors
*  
*****************************************************************************/

input[type=text].messageOk, div.messageOk {
	border				: 1px solid #0EC600;
	background			: #E3F7E1;
}

input[type=text].messageError, div.messageError {
	border				: 1px solid #E65252;
	background			: #FFE5E3;
}


/*****************************************************************************
*  
*  Sections
*  
*****************************************************************************/

.tabPanel {
	background			: #e4e4e4;
	color				: #000;
	border				: 1px solid #e4e4e4;
	
	padding				: 30px 15px 15px;
	margin-bottom		: 10px;
}

.tabPanelWhite {
	background			: #ffffff;
	border-top			: 1px solid #699AAE;
	
	padding				: 15px;
	margin-bottom		: 10px;
}

.tabPanelTabSelected {
	display				: inline;
	float				: left;
	height				: 16px;

	background			: #e4e4e4;

	margin-right		: 5px;
	border-top			: 1px solid #e4e4e4;
	border-right		: 1px solid #e4e4e4;
	border-left			: 1px solid #e4e4e4;
	padding				: 11px 15px 7px 15px;

	font-weight			: bold;
	line-height			: 16px;
	color				: #333333;
	
	cursor				: pointer;
}

.tabPanelTabSelectedWhite {
	display				: inline;
	float				: left;
	height				: 16px;

	background			: #F0F7FA;

	margin-right		: 5px;
	border-top			: 1px solid #699AAE;
	border-right		: 1px solid #699AAE;
	border-left			: 1px solid #699AAE;
	border-bottom		: 1px solid #699AAE;
	padding				: 9px 15px 4px 15px;

	font-weight			: bold;
	line-height			: 16px;
	color				: #333333;
	
	cursor				: pointer;
}

.tabPanelTab {
	display				: inline;
	float				: left;
	height				: 16px;

	background			: #699AAE;
	
	margin-right		: 5px;
	margin-top			: 4px;
	padding				: 7px 15px;

	font-weight			: normal;
	line-height			: 16px;
	color				: #ffffff;
	
	cursor				: pointer;
}


.pageSectionHeader {
	border				: 1px solid #699AAE;
	background			: #C7E0EB;
	color				: #3E6474;
}

.tableHeader {
	border-bottom		: 1px solid #699AAE;
}

.sectionHeader {
	background			: #F0F7FA;
	border				: 1px solid #699AAE;
	
	color				: #3E6474;
	font-weight			: bold;
	
	padding				: 15px;
	margin-bottom		: 10px;
	
	cursor				: pointer;
}

.sectionFrame {
	background			: #F0F7FA;
	border				: 1px solid #699AAE;
}


.sectionFrameLink {
	color				: #0066CC;
}

.sectionContainer {
	padding 			: 15px 0px 15px 29px;
}

.sectionDivider {
	margin-bottom		: 13px;
	border-bottom		: 1px solid #699AAE;
}

/** light background **/
.lightBackground {
	background			: #F0F7FA;
}

/** store selector **/
.storeSelectorGroup {
	background			: #F0F7FA;
	margin-bottom		: 4px;
	padding				: 4px;
}

.storeSelectorGroupText {
	font-weight			: bold;
	color				: #333333;
}

/** selector buttons **/
.selectorButton {
	color				: #333333;
	background			: #ffffff;
	border				: 1px solid #699AAE;
}

.selectorButtonSelected {
	color				: #ffffff;
	background			: #699AAE;
	border				: 1px solid #699AAE;
}

.calDropDown {
	background			: #ffffff;
	border				: 1px solid #699AAE;
}

/** drop down **/
.dropDownHeader {
	background			: #ffffff;
	color				: #000000;
	border				: 1px solid #699AAE;
}

.dropDownHeaderSelected {
	background			: #699AAE;
	color				: #ffffff;
	border				: 1px solid #699AAE;
}

.dropDownContent {
	background			: #ffffff;
	border				: 1px solid #699AAE;
}

/** inline calendar **/
.calendarInline {
	background			: #ffffff;
	border				: 1px solid #699AAE;
}

/** popup calendar **/
.popupCalendarHeader {
	background			: #699AAE;
	color				: #ffffff;
	border-bottom		: 1px solid #699AAE;
}

.popupCalendarContainer {
	border				: 1px solid #699AAE;
	background			: #ffffff;
}

/** stores list **/
.storesChar {
	padding				: 5px;
	border				: 1px solid #aaa;
	border-radius		: 3px;
	cursor				: pointer;
	font-weight			: normal;
	background			: #555;
}

.storesChar:hover {
	border				: 1px solid #fff;
}

.storesCharSelected {
	padding				: 5px;
	border				: 1px solid #fff;
	border-radius		: 3px;
	cursor				: pointer;
	font-weight			: bold;
	background			: #7CB133;
}

.storesListRowColor {
	background			: #F0F7FA;
}

.storesListColNormal {
	border-bottom		: 1px solid #AFD1E1;
}

.storesListColShade {
	border-bottom		: 1px solid #C2DDEA;
	border-left			: 1px solid #AFD1E1;
	border-right		: 1px solid #AFD1E1;
	font-weight			: bold;
	background			: #D8EAF2;
	text-align			: center;
}

.listColTopBorder {
	border-top			: 1px solid #AFD1E1;
}

.registrationGraphicBorder {
	border				: 1px solid #699AAF;
}


.registrationDivider {
	border-bottom		: 1px solid #699AAF;
}

/*****************************************************************************
*  
*  Boxes
*  
*****************************************************************************/

.messageBox {
	margin-bottom		: 16px;
	padding				: 10px;
	
	background			: #E3F7E1;
	border				: 1px solid #0EC600;
}

.boxShadow {
	background			: url(boxshadow.png);
	padding				: 15px 15px 4px 15px;
}

.boxContainer {
	border				: 1px solid #000000;
}

.boxHeading {
	background			: url(boxheadingbk.jpg) repeat-x #bee8f8;
	border-top			: 1px solid #F1FBFF;
	border-left			: 1px solid #F1FBFF;
	border-right		: 1px solid #F1FBFF;
	padding				: 5px;
	height				: 32px;
}

.boxContent {
	background			: #F5FDFF;
	padding				: 15px;
}

.popupWindowBk {
	position			: absolute;
	background			: #ffffff;
	opacity				: 0.6;
	filter				: alpha(opacity = 60);
}

.popupWindowBorder {
	position			: absolute;
	background			: #000000;
	opacity				: 0.6;
	filter				: alpha(opacity = 60);
}

.popupWindowContentBk {
	border				: 1px solid #000000;
	background			: #ffffff;
}

.popupWindowHeading {
	background			: #C7E0EB;
	border-bottom		: 1px solid #699AAE;
	color				: #3E6474;
	font-size			: 16px;
	line-height			: 16px;
	font-weight			: bold;
	text-align			: center;
	padding				: 15px;
}

.popupWindowContent {
	background			: #ffffff;
	padding				: 10px;
}

.popupWindowBottomBar {
	height				: 30px;
	padding				: 5px;
}

.popupWindowContentNoPadding {
	background			: #ffffff;
	padding				: 0px;
}



.listitem {
	border-bottom		: 1px solid #AFD1E1;
}

.linkLine {
	padding-bottom		: 3px;
}

.linkList {
	padding-bottom		: 10px;
}

h2.linkListHeading {
	padding				: 0px 0px 3px 0px;
	font-size			: 12px;
	font-weight			: normal;
}

/*****************************************************************************
*  
*  Calendar
*  
*****************************************************************************/

.calCellNone {
	margin				: 1px;
	padding				: 4px 0px;
	
	background			: #E6F1F6;
	color				: #9EB7C2;
	border				: 1px solid #C7E0EB;
	border-top			: 6px solid #C7E0EB;
	font-weight			: normal;
}

.calCellMonth {
	margin				: 1px;
	padding				: 4px 0px;
	
	background			: #C7E0EB;
	color				: #000000;
	border				: 1px solid #699AAF;
	border-top			: 6px solid #699AAF;
	font-weight			: normal;
}

.calCellToday {
	padding				: 4px 0px;
	margin				: 1px;
	
	background			: #699AAF;
	color				: #ffffff;
	border				: 1px solid #699AAF;
	border-top			: 6px solid #699AAF;
	font-weight			: bold;
}

.calCellMinHeight {
	display				: inline;
	float				: right;
	width				: 1px;
	height				: 55px;
}

.calColorItem {
	display				: inline;
	float				: left;
	width				: 18px;
	height				: 18px;
	overflow			: hidden;
	margin				: 1px 5px 1px 1px;
	border				: 1px solid #000000;
	cursor				: pointer;
}

.calColorItemSelected {
	display				: inline;
	float				: left;
	width				: 18px;
	height				: 18px;
	overflow			: hidden;
	margin-right		: 4px;
	border				: 2px solid #000000;
	cursor				: pointer;
}

.calBackground {
	background			: #F6FBFE;
}

/*****************************************************************************
*  
*  Other
*  
*****************************************************************************/


.page-login .login-container ol {
	
	
}

.photo {
}

div.photoContainer {
	margin-right		: 20px;
	float				: right;
	overflow			: hidden;
}

table.photoContainer {
	border				: 1px solid #BBBBBB;
	background			: #ffffff;
	
	padding				: 10px;
	margin-bottom		: 7px;
	width				: 160px;
}

.pfUIPhotoContainer {
}


img.formattingRight {
	
	
}

img.formattingLeft {
	
	
}

/*****************************************************************************
*  
*  Icon collection
*  
*****************************************************************************/

.ic-empty {
	
}

.ic-listarrow-right,
.ic-listarrow-down,
.ic-gear {
	
}

.ic-listarrow-right {
	
}

.ic-listarrow-down {
	
}

.ic-gear {
	
}

.ic-gear:hover {
	
}


.gui-tabpanel {
	
}

.gui-tabpanel > ul.tabs {
	
}

.gui-tabpanel > ul.tabs > li {
	
}

.gui-tabpanel > ul.tabs > li.active {
	
}

.gui-tabpanel > div.content {
	
}

/*****************************************************************************
*  
*  Popups
*  
*****************************************************************************/

#window-busy {
	
}

#window-busy .spinner {
	
}

#maintenance-message {
	
}

#maintenance-message > .background,
#maintenance-message > .container > .title {
	
}

.message-alert {
	background					: #E17C0F;
	padding						: 20px;
	color						: #fff;
	margin-bottom				: 20px;
}





.policies-text {
	
}

.policies-text ul {
	
}

.policies-text ul.index {
	
}

.policies-text ul li {
	
	
}

.policies-text.colorful ul li {
	
	
}

.policies-text h2 {
	
	
}

.policies-text.colorful h2 {
	
	
}

.policies-text.colorful h1 + p,
.policies-text.colorful h2 + p,
.policies-text.colorful h2 + ul {
	
	
}

.policies-text.colorful h1 + p {
	
	
}

.policies-text p i {
	
}

.policies-text p strong {
	
}

.policies-text ul.index li a {
	
}

.policies-text ul.index li a:hover {
	
}

.policies-text p.accepted-date {
	
}

#user-policy-form {
	border-top			: 1px solid #fff;
	margin-top			: 40px;
}

.ajax-value {
}

.ajax-value.ajax-loading {
	min-width			: 40px;
	position			: relative;
	display				: inline-block;
}

.ajax-contents.ajax-loading {
	position			: relative;
	min-height			: 60px;
}

@keyframes ajax-loading {
	from {
		background-position: -10px 50%;
	}
	to {
		background-position: 0px 50%;
	}
}


.ajax-contents.ajax-loading:after,
.ajax-value.ajax-loading:after {
	background-image	: url(/resources/gfx/loader-lines.png);
	background-position	: 0px 50%;
	background-repeat	: repeat-x;
	width				: 30px;
	height				: 100%;
	left				: 50%;
	content				: ' ';
	transform			: translate(-50%, 0px);
	position			: absolute;
	animation			: ajax-loading 0.3s linear 0s infinite;
}

.ajax-contents.ajax-loading:after {
	transform			: translate(-50%, 0px);
	top					: 0px;
	left				: 50%;
	width				: 50%;
}

.ajax-contents.ajax-loading:before,
.ajax-value.ajax-loading:before {
	background-color	: rgba(255, 255, 255, 0.1);
	top					: 0px;
	left				: 0px;
	width				: 40px;
	height				: 100%;
	content				: ' ';
	position			: absolute;
}

.ajax-contents.ajax-loading:before {
	left				: 0px;
	width				: 100%;
}

.ajax-contents.ajax-loading.ajax-nobackground:before,
.ajax-value.ajax-loading.ajax-nobackground:before {
	background-color	: transparent;
}


.help-section {
	padding				: 20px;
	background-color	: #fff;
	border				: 1px solid #000;
	margin-bottom		: 20px;
}

.help-section h2 {
	font-size			: 20px;
	line-height			: 28px;
}

.help-section h3 {
	padding-top			: 10px;
	font-weight			: bold;
}

.help-section p,
.help-section li {
	padding				: 0 0 10px;
}

.help-section p,
.help-section li {
	color				: rgba(0, 0, 0, 0.65);
}

.help-section em,
.help-section strong {
	color				: #000;
}

.help-section ul {
	padding				: 10px 0 0 30px;
}

.help-section li {
}

.help-section em {
	
}

.help-section span.point {
	border				: 1px solid #000;
	border-radius		: 5px;
	width				: 8px;
	height				: 8px;
	display				: inline-block;
}

 /*****************************************************************************
*  
*  Main
*  
*****************************************************************************/

body {
	
}

.page-container {
	
}

.page-dev-version {
	
}


.page-width {
	
	
	
	width				: 768px !important;
	
	
	
}

.page-width-including-padding {
	
	
	
	width				: 738px !important;
	
	
	
}

.page-container .page-logo {
	
	
	margin-bottom		: 40px;
	
	
	
}

.page-container .page-logo .top-bar {
	
}

.page-container .page-logo .logo {
	
	
	padding				: 30px 0px 0px 15px;
	
	
}

.page-container .page-logo ul.top-menu {
	
	
}

.page-container .page-logo ul.top-menu li {
	
}

.page-container.menu-always-dropdown .page-logo li.dropdown {
	
}

.page-container.menu-right .page-logo li.dropdown {
	
	
	display				: inline-block;
	
}

.page-container .page-logo li.dropdown[data-notification]::after {
	
}

.page-container .page-logo ul.top-menu li img {
	
	
}

.page-container .page-logo ul.top-menu li img.active {
	
}

.page-container .page-logo ul.top-menu li span {
	
	
}

.page-container .page-logo ul.top-menu.buttons-dark li span {
	
	
}



.internal-info-messages-container ul {
	
	
}

.internal-info-messages-container ul li {
	
	
}

.internal-info-messages-container ul li h2 {
	
	
}

.internal-info-messages-container ul li p {
	
	
}

.internal-info-messages-container ul li button {
	
	
}


.system-info-messages-container .message {
	
	
}

.system-info-messages-container.inline-padding .message {
	
	
}

.system-info-messages-container .message.state-1 {
	
}

.system-info-messages-container .message.state-2 {
	
}

.system-info-messages-container .message.state-3 {
	
}

.system-info-messages-container .message.state-4 {
	
}

.system-info-messages-container .message.notifications {
	
}

.system-info-messages-container .message p a {
	
}

.system-info-messages-container .message h2 {
	
	
}

.system-info-messages-container .message button,
.system-info-messages-container .message button:hover {
	
}

.system-info-messages-container .message.notifications .splitter {
	
}

.system-info-messages-container .message.notifications .section {
	
}

.system-info-messages-container .message.notifications .section h3 {
	
}

.system-info-messages-container .message.notifications .section span.info {
	
}

.system-info-messages-container .message.notifications .section span.reference {
	
}

.system-info-messages-container .message.notifications .section span.date {
	
}

.system-info-messages-container .message.notifications .section button {
	
	
}

.system-info-messages-container .message.notifications .section p {
	
}

.system-info-messages-container .message.notifications .section p a {
	
}

.system-info-messages-container .message.notifications p.comment {
	
}



.page-container .page-wrapper {
	
}

.page-container.menu-always-dropdown .page-menu {
	
	
}

.page-container.menu-right .page-menu {
	
	
	background			: #363636;
	padding				: 10px 10px 0px;
	border				: 1px solid #fff;
	border-radius		: 5px;
	
	-webkit-box-shadow	: 0px 2px 10px -2px #000;
	-moz-box-shadow		: 0px 2px 10px -2px #000;
	-o-box-shadow		: 0px 2px 10px -2px #000;
	box-shadow			: 0px 2px 10px -2px #000;
	
	float				: none;
	display				: none;
	position			: absolute;
	right				: 0px;
	top					: -90px;
	opacity				: 0;
	
	-webkit-transition	: all 0.3s;
	-moz-transition		: all 0.3s;
	-o-transition		: all 0.3s;
	transition			: all 0.3s;
	
	
}

.page-container.menu-always-dropdown .page-menu.open,
.page-container.menu-right .page-menu.open {
	
}

.page-container.menu-always-dropdown .page-menu.visible,
.page-container.menu-right .page-menu.visible {
	
	
	top					: 120px;
	
	
	
}

.page-container .page-menu-blocker {
	
}

.page-container .page-menu-blocker.display {
	
}

.page-container .page-menu ul.buttons {
	
}

.page-container .page-menu ul.buttons.portal {
	
}

.page-container .page-menu ul.buttons li {
	
}

.page-container .page-menu ul.buttons li.w-33 {
	
}

.page-container .page-menu ul.buttons li.w-25 {
	
}

.page-container .page-menu ul.buttons li.w-50 {
	
}

.page-container .page-menu ul.buttons li.w-100 {
	
}

.page-container .page-menu ul.buttons li.w-33 img.icon {
	
	
}

.page-container .page-menu ul.buttons li.w-100 img.icon {
	
	
}

.page-container .page-menu ul.buttons li span {
	
}

.page-container .page-menu ul.buttons li a {
	
}

.page-container .page-menu ul.buttons li a.color-1,
.page-container .page-menu ul.buttons li a.color-2,
.page-container .page-menu ul.buttons li a.color-3,
.page-container .page-menu ul.buttons li a.color-4,
.page-container .page-menu ul.buttons li a.yellow,
.page-container .page-menu ul.buttons li a.blue,
.page-container .page-menu ul.buttons li a.active {
	
	
}

.page-container .page-menu ul.buttons li a.color-1 {
	
}

.page-container .page-menu ul.buttons li a.color-1:hover {
	
}

.page-container .page-menu ul.buttons li a.color-2 {
	
}

.page-container .page-menu ul.buttons li a.green {
	
}

.page-container .page-menu ul.buttons li a.green:hover {
	
}

.page-container .page-menu ul.buttons li a.blue {
	
}

.page-container .page-menu ul.buttons li a.blue:hover {
	
}

.page-container .page-menu ul.buttons li.portal-logo {
	
}

.page-container .page-menu ul.buttons li.portal-logo a,
.page-container .page-menu ul.buttons li.profile-logo a {
	
}

.page-container .page-menu ul.buttons li.portal-logo a {
	
}

.page-container .page-menu ul.buttons li.profile-logo a {
	
}

.page-container .page-menu ul.buttons li.portal-logo a img,
.page-container .page-menu ul.buttons li.profile-logo a img {
	
}

.page-container .page-menu ul.buttons li a.color-2:hover {
	
}

.page-container .page-menu ul.buttons li a.active,
.page-container .page-menu ul.buttons li a.color-3 {
	
}

.page-container .page-menu ul.buttons li a.active:hover,
.page-container .page-menu ul.buttons li a.color-3:hover {
	
}

.page-container .page-menu ul.buttons li a.color-4 {
	
}

.page-container .page-menu ul.buttons li a.color-4:hover {
	
}

.page-container .page-menu ul.buttons li a[data-notification]::after {
	
}

.page-container .page-menu ul.buttons li.weather-full div.heading {
	
}

.page-container .page-menu ul.buttons li.weather-full .container {
	
}

.page-container .page-menu ul.buttons li.weather-full .container a {
	
}

.page-container .page-menu ul.buttons li.weather-full .container .button {
	
}

.page-container .page-menu ul.buttons li.weather-full .container .credit {
	
}

.page-container .page-menu ul.buttons li.weather-full .container .credit a {
	
}

.page-container .page-menu ul.buttons li.weather-full .container .section {
	
}

.page-container .page-menu ul.buttons li.weather-full .container .section .border {
	
}

.page-container .page-menu ul.buttons li.weather-full .container .section .temperature {
	
}

.page-container .page-menu ul.buttons li.weather-full .container .section .temperature.warm {
	
}

.page-container .page-menu ul.buttons li.weather-full .container .section .temperature.cold {
	
}

.page-container .page-menu ul.buttons li.weather-full .container .more {
	
}

.page-container .page-menu ul.buttons li.settings {
	
}

.page-container .page-menu ul.buttons li.settings a {
	
}

.page-container .page-menu p.user-info {
	
}

.page-container .page-menu p.user-info a {
	
}


.page-container.menu-right .page-content {
	
	
	margin-right		: 0px;
	
}

.page-container.menu-always-dropdown .page-content {
	
	margin-right		: 0px;
	
}

.page-container.menu-right .page-padding {
	
	
	padding				: 0px 15px 0px;
	
	
}
.page-container.menu-always-dropdown .page-padding {
	
	
	padding				: 0px 15px 0px;
	
	
}

.page-container .page-content h1 {
	
	
}

.page-container #coreAjaxNoSupport {
	
}


.page-footer {
	
}

.page-footer .version-info {
	
}

.page-footer .version-info span {
	
}

.page-footer .version-info a {
	
}

 /*****************************************************************************
*  
*  Popups
*  
*****************************************************************************/

.popup-blocker {
	
}

.popup .animated {
	
}

.popup {
	
	
	
		top					: 40px;
	
	
	
}

.popup-mobile-fixed {
	
}

.popup-display {
	
	
}

.popup-hidden {
	
}

.popup .close-button {
	
}

.popup .close-button:hover {
	
}

.popup .close-button.hidden {
	
}

.popup .background {
	
}

.popup .container {
	
}

.popup .container > .title {
	
	
}

.popup .container > .title.hidden {
	
}

.popup .container .content {
	
}

.popup .container .content.padding {
	
	
}

.popup .container .content.padding-sides {
	
	
}

.popup .container .content a {
	
}

.popup .container .content a.dark {
	
}

.popup .container .content .spinner-container {
	
}

.popup .container .footer {
	
	
}

.popup .container .footer.hidden {
	
}



/** FULL SIZE POPUP **/
.popup.full-size {
	
}

.popup.full-size .background {
	
}

.popup.full-size .container {
	
}

.popup.full-size .container .content {
	
}

 .popup-menu {
	
}
 #imagelibrary-browser {
	
}

#imagelibrary-browser .filter {
	
}

#imagelibrary-browser .filter .search {
	
	
}

#imagelibrary-browser .filter .search input {
	
}

#imagelibrary-browser .filter .sort {
	
	
}

#imagelibrary-browser .filter .sort > div {
	
}

#imagelibrary-browser .filter .sort > div > select {
	
}

#imagelibrary-uploader {
	
}

#ilupImageContainer {
	
}

#ilbrImagesContainer {
	
}

#ilbrImagesContainer .image {
	
	
	width				: 25%;
	
	
}

#ilbrImagesContainer .image .border {
	
}

#ilbrImagesContainer .image:hover .border {
	
}

#ilbrImagesContainer .image table.thumbnail {
	
}

#ilbrImagesContainer .image table.thumbnail tr td {
	
}

#ilbrImagesContainer .image table.thumbnail tr td img {
	
}

#ilbrImagesContainer .image .descr {
	
}

#ilbrImagesContainer .image .border .tools {
	
}

#ilbrImagesContainer .image:hover .border .tools {
	
}

#ilbrImagesContainer .image .border .tools img {
	
}

#ilupOrigContainer {
	
	
	display				: block;
	float				: none;
	width				: auto;
	
}

#ilupPreviewContainer {
	
	
	margin-left			: 0px;
	margin-top			: 10px;
	display				: block;
	float				: none;
	width				: auto;
	
} #settings-window {
	
}

#settings-edit-menuitem {
	
}

#settings-menuitems-list {
	
}

#settings-menuitems-list .line {
	
}

#settings-menuitems-list .line.inactive {
	
}

#settings-menuitems-list .line .item.icons {
	
	
	
}

#settings-menuitems-list .line .item.name {
	
	
}

#settings-menuitems-list .line .item.access {
	
	
	
}
#settings-menuitems-list .line .item.access .level {
	
}

#settings-menuitems-list .line .item.icon {
	
	
	
}

#settings-menuitems-list .line .item.icon img {
	
	
}

#settings-menuitems-list .line .item.heading.access,
#settings-menuitems-list .line .item.heading.icon {
	
	
}

#settings-edit-menuitem .app-form .icons {
	
	
}

#settings-edit-menuitem .app-form .icons .icon {
	
	
}

#settings-edit-menuitem .app-form .icons .icon input {
	
	
}

#settings-edit-menuitem .app-form .icons .icon img {
	
	
}


 .text-editor-styles img.embed-video {
	
}

.text-editor-styles div.embed-video {
	
}

.text-editor-styles div.embed-video.youtube iframe {
	
}

.text-editor-styles div.embed-video.internal {
	
}

.text-editor-styles div.embed-video.internal video {
	
}

.text-editor-styles div.embed-video.internal div.overlay {
	
}

.text-editor-styles div.embed-video.internal div.controls {
	
}

.text-editor-styles div.embed-video.internal div.controls > span {
	
}

.text-editor-styles div.embed-video.internal.pause div.controls > span {
	
}

.text-editor-styles div.embed-video.internal div.controls > div {
	
}

.text-editor-styles div.embed-video.internal div.controls > div > span {
	
}

video::-webkit-media-controls{
    display: none;
    -webkit-appearance: none;
} #linkcreator {
	
}

#linkcreator-selectfile {
	
}

 #browser-folder-edit {
	
}

.browser-container > .lists {
	
}

.browser-container.colorscheme-grayscale > .lists {
	
}

.browser-container.colorscheme-blue > .lists {
	
}

.browser-container > .lists > .list {
	
}

.browser-container > .lists > .list.folders {
	
	
	
}

.browser-container > .lists > .list.folders.open {
	
	
}

.browser-container > .lists > .list.folders .current-folder {
	
	
	
}

.browser-container > .lists > .list.folders .current-folder::after {
	
	
}

.browser-container > .lists > .list.folders > div.tools {
	
}

.browser-container.colorscheme-blue > .lists > .list.folders > div.tools {
	
}

.browser-container > .lists > .list.folders > div.tools img {
	
}

.browser-container > .lists > .list.folders > div.tools img.new,
.browser-container > .lists > .list.folders.has-selection > div.tools img.edit,
.browser-container > .lists > .list.folders.has-selection > div.tools img.delete {
	
}

.browser-container > .lists > .list.folders > div.tools img.new {
	
}

.browser-container > .lists > .list.folders > div.tools img.edit,
.browser-container > .lists > .list.folders > div.tools img.delete {
	
}

.browser-container > .lists.no-new > .list.folders > div.tools img.new {
	
}

.browser-container > .lists.no-edit > .list.folders > div.tools img.edit {
	
}

.browser-container > .lists.no-delete > .list.folders > div.tools img.delete {
	
}

.browser-container > .lists.no-editing > .list.folders > div.tools {
	
}


.browser-container > .lists > .list.folders > div.items-container {
	
	
}

.browser-container > .lists > .list.folders > div.items-container > div.items {
	
}

.browser-container > .lists > .list.folders > div.items-container > span.scrollbar {
	
}

.browser-container > .lists > .list.elements {
	
	
}

.browser-container > .lists > .list ul {
	
}

.browser-container > .lists > .list.folders > div.items-container > div.items ul {
	
}

.browser-container > .lists > .list.folders > div.items-container > div.items ul > li {
	
}

.browser-container > .lists > .list.folders > div.items-container > div.items ul > li > span {
	
}

.browser-container > .lists > .list.folders > div.items-container > div.items ul > li.has-children > span {
	
}

.browser-container > .lists > .list.folders > div.items-container > div.items ul > li.has-children.open > span {
	
}

.browser-container > .lists > .list.folders > div.items-container > div.items ul > li > p {
	
}

.browser-container > .lists > .list.folders > div.items-container > div.items ul > li.selected > p {
	
}

.browser-container > .lists > .list.folders > div.items-container > div.items ul > li.disabled > p {
	
}

.browser-container > .lists > .list.folders > div.items-container > div.items ul > li > p > span {
	
}

.browser-container > .lists > .list.folders > div.items-container > div.items ul > li > p > span:first-child {
	
}

.browser-container > .lists > .list.folders > div.items-container > div.items ul > li > p:hover > span {
	
}

.browser-container > .lists > .list.folders > div.items-container > div.items ul > li.has-notification > p::after,
.browser-container > .lists > .list.elements ul > li.has-notification > span::after {
	
}

.browser-container > .lists > .list.elements ul > li.has-notification > span::after {
	
}

.browser-container > .lists > .list.folders > div.items-container > div.items ul > li > ul {
	
}

.browser-container > .lists > .list.folders > div.items-container > div.items ul > li.open > ul {
	
}

 #files-file-edit {
	
}

.files-browser > .lists {
	
	
}

.files-browser > .lists > .list.folders > div.items-container {
	
	
}

.files-browser > .lists.no-editing > .list.folders > div.items-container {
	
	
}

.files-browser .list.elements ul {
	
}

.files-browser .list.elements ul li {
	
}

.files-browser.colorscheme-blue .list.elements ul li {
	
}


.files-browser .list.elements ul li img.edit,
.files-browser .list.elements ul li img.delete {
	
}

.files-browser .list.elements ul li .click {
	
}

.files-browser .list.elements ul li .click:hover {
	
}

.files-browser .list.elements ul li.no-access,
.files-browser .list.elements ul li.no-elements {
	
}

.files-browser .list.elements ul li.spinner {
	
}

 .window-container {
	
	
	
}

.window-container.maintenance {
	
}

.window-container .title {
	
	
}

.window-container.maintenance .title {
	
}

.window-container h1 {
	
	
}

.window-container .padding {
	
	
}

.window-container .padding .forgotten-password {
	
}

.window-container .padding .forgotten-password a {
	
}

.window-container .custom-error-message {
	
}

.window-container .logo {
	
}

.window-container .logo img {
	
}

.window-container .receivers-buttons {
	
	
}

.window-container .receivers-buttons a {
	
	
}

.window-container .button-container {
	
	
}

.window-container .success-message {
	
	
}

.window-container .failed-message {
	
	
}

.window-container .receivers-edit-section-firsttime,
.window-container .receivers-edit-section-number,
.window-container .receivers-edit-section-code,
.window-container .receivers-edit-section-edit {
	
}

.window-container .receivers-edit-section-firsttime.visible,
.window-container .receivers-edit-section-number.visible,
.window-container .receivers-edit-section-code.visible,
.window-container .receivers-edit-section-edit.visible {
	
}

 .wrap-box {
	
}

.wrap-box.w-25 {
	
	
}
.wrap-box.w-50 {
	
	
}
.wrap-box.w-75 {
	
	
}

.wrap-box-tabs {
	
	
}

.wrap-box-tabs ul.tabs {
	
	
}

.wrap-box-tabs ul.tabs li {
	
	
}

.wrap-box-tabs ul.tabs li:hover {
	
	
}

.wrap-box-tabs ul.tabs li.active {
	
	
}

.wrap-box-tabs .wrap-box {
	
	
}
 .accordion {
	
}

.accordion.open {
	
}

.accordion > h2 {
	
	
}

.accordion > h2:before {
	
	
}

.accordion.open > h2 {
	
}
.accordion.open > h2:before {
	
}


.accordion > div {
	
}

.accordion.open > div {
	
}

 .page-container .page-logo .logo {
	
}

[data-puzzel-chat] {
	font-family: 'Roboto', sans-serif;
	z-index: 9999;
}

[data-puzzel-chat] h1 {
	margin-bottom: 0px !important;
}

.info-bar {
	
}

.info-bar p > span {
	
	
	line-height				: 20px;
	
	
}

.info-bar p > span.left {
	
	
	float					: none;
	display					: block;
	padding					: 5px 0 5px;
	
}

.info-bar p > span.right {
	
	
	float					: none;
	display					: block;
	padding					: 5px 0 5px;
	font-size				: 12px;
	text-align				: center;
	
	
}

.info-bar p > span > span {
	
}

.info-bar p > span > span.chat {
	
	
}

.info-bar p > span > span.hideable {
	
}



.info-bar a {
	
}

/** 

	light theme
	
**/



/** login **/

.page-login .login-container {
	
	
}

.page-login .page-content h1 {
	
	
}

.page-login .login-container p,
.page-login .login-container ol {
	
	
}

.page-login .login-container ol {
	
	
}

.page-login .login-container ol li {
	
	
}

.page-login .login-container .forgotten-password {
	
}

#internal-info-messages button,
.page-login .login-container button.standard,
.page-login .login-container a.button-standard,
.page-login .login-container input[type="submit"] {
	
}

#internal-info-messages button:hover,
.page-login .login-container button.standard:hover,
.page-login .login-container input[type="submit"]:hover  {
	
}

.page-login .login-container .title {
	
}

.page-login h1 {
	
}

.page-login .candy-people-product-photo {
	
}

.page-login .contact-section {
	
	
}

.page-login .contact-section .section {
	
	
}

.page-login .contact-section .section .background {
	
	
}

.page-login .contact-section .section .background h2 {
	
}

.page-login .contact-section .section .background a {
	
	
	font-size				: 12px;
	padding					: 10px 10px;
	
}

.page-login .contact-section .section .background a span {
	
	
	
}
.page-login .contact-section .section .background a:hover {
	
}

.page-login .contact-section .section .background p {
	
	
}

.page-login .contact-section .section .background p.small {
	
	
}

/** general **/

button.standard.contrast,
a.button-standard.contrast,
input[type="submit"].contrast {
	
}

button.standard.contrast:hover,
a.button-standard.contrast:hover,
input[type="submit"].contrast:hover  {
	
}

.list-filter {
	background				: #fff !important;
}

.list-filter-button::after {
	
	
}



.page-dev-version {
	
}

body {
	background				: #fff;
	color					: #000;
}

a {
	color					: #000;
}

.ajax-contents.ajax-loading:before,
.ajax-value.ajax-loading:before {
	
}

.ajax-contents.ajax-loading:after,
.ajax-value.ajax-loading:after {
	
}

button.busy.ajax-contents.ajax-loading:after,
button.busy.ajax-value.ajax-loading:after {
	
}

.page-container {
	
}

.page-container .page-logo {
	
}


.page-container .page-logo .top-bar {
	
}

.page-container .page-logo .top-bar > .page-width > img {
	
    padding					: 20px 0px 15px 15px;
	
	
}

.top-menu li {
	
	
}

.top-menu li span {
	
	
}

.top-menu li img {
	
}

.top-menu #menu-button {
	
}

.top-menu #menu-button.active {
	
}

.page-menu-blocker {
	
}

.page-menu {
	
}

.page-menu .user-info {
	
}

.page-menu .user-info a {
	
}

.page-menu ul.buttons li a {
	
}

.page-footer {
	
}

.div-list-768 .line.headings,
.div-list-1010 .line.headings {
	
}
.div-list-768 .line.headings .item,
.div-list-1010 .line.headings .item {
	
}

.div-list-768 .content,
.div-list-768 .content .line {
	
}

.div-list-768 .content .line .item {
	
}

button.standard {
	
}

.button-standard.left, button.standard.left, .button-standard.middle, button.standard.middle, .button-standard.right, button.standard.right {
	
}

.button-standard.left.down, button.standard.left.down, .button-standard.middle.down, button.standard.middle.down, .button-standard.right.down, button.standard.right.down {
	
}

button.standard.down,
a.button-standard.down,
input[type="submit"].down,
button.standard:hover {
	
}

button.standard span,
button.standard span:hover,
button.standard:hover span {
	
}

.button-standard.middle, button.standard.middle {
	
}

.button-standard.right, button.standard.right {
	
}

.button-standard.icon.icon-export, button.standard.icon.icon-export {
	
}

.button-standard.icon.icon-export, button.standard.icon.icon-emailaddresses {
	
}

.button-standard.icon.icon-export:hover, button.standard.icon.icon-export:hover {
	
}

.button-standard.icon.icon-export:hover, button.standard.icon.icon-emailaddresses:hover {
	
}


.wrap-box-tabs .wrap-box {
	
}

.wrap-box-tabs ul.tabs li {
	
}

.wrap-box-tabs ul.tabs li:hover,
.wrap-box-tabs ul.tabs li.active {
	
}

.popup-block {
	
}

.popup .background,
.popup .title,
.popup .footer {
	
}

.popup .tabPanel,
.popup .tabPanel .tabPanelTabSelected {
	
}

.popup .tabPanel .tabPanelTab {
	
}

.tabPanel .line-separator {
	border-bottom			: 1px solid rgba(0, 0, 0, 0.20) !important;
}

.app-form .line > div textarea,
.app-form .line > div input[type="text"],
.app-form .line > div input[type="password"],
.app-form .line > div .select,
.app-form .line > div .wrapper {
	
}

.app-form .line > div textarea:focus,
.app-form .line > div input[type="text"]:focus,
.app-form .line > div input[type="password"]:focus,
.app-form .line > div .select.focus {
	
}

.app-form .line > div textarea.error,
.app-form .line > div input[type="text"].error,
.app-form .line > div input[type="password"].error {
	
}

.app-form [type="checkbox"]:not(:checked) + label:before,
.app-form [type="checkbox"]:checked + label:before,
.app-form span.checkbox-checked:before,
.app-form span.radio-checked:before {
	
}

.app-form [type="radio"]:not(:checked) + label:before,
.app-form [type="radio"]:checked + label:before {
	
}


.tabPanel [type="checkbox"]:not(:checked) + label:before,
.tabPanel [type="checkbox"]:checked + label:before,
.tabPanel [type="radio"]:not(:checked) + label:before,
.tabPanel [type="radio"]:checked + label:before,
.tabPanel span.checkbox-checked:before,
.tabPanel span.radio-checked:before {
	
}


/* checked mark aspect */

.app-form [type="checkbox"]:not(:checked) + label:after,
.app-form [type="checkbox"]:checked + label:after,
.app-form span.checkbox-checked:after {
	
}

.app-form [type="radio"]:not(:checked) + label:after,
.app-form [type="radio"]:checked + label:after,
.app-form span.radio-checked:after {
	
}

.tabPanel [type="checkbox"]:not(:checked) + label:after,
.tabPanel [type="checkbox"]:checked + label:after,
.tabPanel span.checkbox-checked:after {
	
}



.div-list-1010 .line {
	
}

.div-list-1010 .line.headings {
	
}

.div-list-1010 .line.open,
.div-list-1010 .line.odd.open {
	
}

/** GROUPS **/
.groups-container .content {
	
}

#groups-search-content .line.headings .item,
#groups-search-content .line .item,
#groups-search-content .line .item a,
#groups-search-content .line .item span {
	
}

#groups-search-content .div-list-1010 .group-users {
	background-color		: #fff !important;
}


/** JQUERY UI **/
.ui-widget-header {
	
}

.ui-state-highlight, .ui-widget-content .ui-state-highlight {
	
}

.ui-state-active, .ui-widget-content .ui-state-active {
	
}

.ui-widget-content {
	
}

.ui-widget-header .ui-icon,
.ui-widget-header .ui-icon:hover {
	
}




.internal-info-messages-container ul li {
	
	
}

.internal-info-messages-container ul li h2 {
	
	
}


select {
	
}

button:focus {
	outline: 2px solid #000;
	outline-offset: 5px;
}
 }
@media only screen and (max-width: 767px) {
/*****************************************************************************
*  
*  Forms
*  
*****************************************************************************/

.app-form {
	
}

.app-form .line {
	
	
}

.app-form .line.dark {
	
}

.app-form strong {
	
}

.app-form strong.red {
	
}

.app-form .line-separator {
	
}

.app-form.on-dark-background .line-separator {
	
}

.app-form .line-separator.dark {
	
}

.app-form .tabPanel .line-separator {
	
}

.app-form .sections {
	
	
}

.app-form .sections .line-separator {
	
	
}

.app-form .sections .section {
	
	
}

.app-form .sections .section h2 {
	
	
}

.app-form .sections .section h2 span {
	
	
}

.app-form .sections .section h2::before {
	
	
}

.app-form .sections .section.size-10,
.app-form .sections .section.size-20,
.app-form .sections .section.size-25,
.app-form .sections .section.size-30,
.app-form .sections .section.size-40,
.app-form .sections .section.size-50,
.app-form .sections .section.size-60,
.app-form .sections .section.size-70,
.app-form .sections .section.size-75,
.app-form .sections .section.size-80,
.app-form .sections .section.size-90,
.app-form .sections .section.size-100,
.app-form .sections .section.size-56,
.app-form .sections .section.size-66,
.app-form .sections .section.size-50,
.app-form .sections .section.size-33 {
	
	
}

.app-form .sections .section.size-10 {  }
.app-form .sections .section.size-20 {  }
.app-form .sections .section.size-25 {  }
.app-form .sections .section.size-30 {  }
.app-form .sections .section.size-40 {  }
.app-form .sections .section.size-50 {  }
.app-form .sections .section.size-60 {  }
.app-form .sections .section.size-70 {  }
.app-form .sections .section.size-75 {  }
.app-form .sections .section.size-80 {  }
.app-form .sections .section.size-96 {  }
.app-form .sections .section.size-100 {  }
.app-form .sections .section.size-33 {  }
.app-form .sections .section.size-66 {  }

.app-form .section.separator-top,
.app-form .sections.separator-top {
	
}

.app-form .section.separator-bottom,
.app-form .sections.separator-bottom {
	
}

.app-form .section .comment {
	
}

.app-form .line {
	
}

.app-form .line label,
.app-form .line p.label,
.app-form .line span.label {
	
	
}

.app-form.on-dark-background .line label,
.app-form.on-dark-background .line p.label,
.app-form.on-dark-background .line span.label {
	
	
}

.app-form.label-on-one-line .line > label,
.app-form.label-on-one-line .line > p.label,
.app-form.label-on-one-line .line > span.label,
.app-form .label-on-one-line .line > label,
.app-form .label-on-one-line .line > p.label,
.app-form .label-on-one-line .line > span.label {
	
}

.app-form .line > label.mobile-emphasized,
.app-form .line > p.label.mobile-emphasized,
.app-form .line > span.label.mobile-emphasized {
	
	
}

.app-form .line div.check-padding,
.app-form .line p.check-padding,
.app-form .line a.check-padding,
.app-form .line label.check-padding,
.app-form .line p.label.check-padding,
.app-form .line span.label.check-padding {
	
	
}

.app-form .line input[type="checkbox"] {
	
	
}

.app-form .line label.wide,
.app-form .line p.label.wide,
.app-form .line span.label.wide {
	
	
	width					: auto;
	display					: block;
	float					: none;
	padding-bottom			: 5px;
	
}

.app-form .line label.normal,
.app-form .line p.label.normal,
.app-form .line span.label.normal {
	
	
}



.app-form .line.dark label {
	
}

.app-form .line > div {
	
	
}

.app-form.label-on-one-line .line > div,
.app-form .label-on-one-line .line > div {
	
}


.app-form .line > div.wide {
	
	
	margin-left				: 0px;
	
}

.app-form .line > div .subline {
	
}

.app-form .line > div .comment {
	
}

.app-form .line > div input[type="checkbox"],
.app-form .line > div input[type="radio"] {
	
}

.app-form .line > div .radio-padding,
.app-form .line > div .checkbox-padding {
	
}

.input-container,
input[type="text"].normal-form-element,
.app-form .line > div textarea,
.app-form .line > div input[type="text"],
.app-form .line > div input[type="password"],
.app-form .line > div .wrapper {
	
}

.app-form.on-dark-background .line > div textarea,
.app-form.on-dark-background .line > div input[type="text"],
.app-form.on-dark-background .line > div input[type="password"],
.app-form.on-dark-background .line > div .wrapper {
	
}

.app-form .line > div input[type="text"].readonly,
.app-form .line > div input[type="password"].readonly {
	
}

.app-form.on-dark-background .line > div input[type="text"].readonly,
.app-form.on-dark-background .line > div input[type="password"].readonly {
	
}

.app-form .line > div .currency {
	
}

.app-form .line > div .currency input[type="text"] {
	font-size				: 0px;
	line-height				: 17px;
	position				: relative;
}

.app-form .line > div .currency input[type="text"]:focus {
	font-size				: 14px;
	line-height				: 17px;
}

.app-form .line > div .currency input[type="text"] + span {
	position				: absolute;
	right					: 5px;
	top						: 7px;
	font-size				: 14px;
}

.app-form .line > div .currency input[type="text"]:focus + span {
	display					: none;
}

.input-container.search,
input[type="text"].normal-form-element.search,
.app-form .line > div textarea.search,
.app-form .line > div input[type="text"].search {
	
}

.app-form .line > div .wrapper .input-content {
	
}

.app-form .line > div .wrapper .input-remove {
	
}

.input-container:disabled,
input[type="text"].normal-form-element:disabled,
.app-form .line > div textarea:disabled,
.app-form .line > div input[type="text"]:disabled,
.app-form .line > div input[type="password"]:disabled,
.app-form .line > div .select select:disabled {
	
}

.app-form .line > div .select select option[disabled="disabled"] {
	
}

.app-form .line > div div.check input[type="checkbox"] {
	
}

.app-form .line > div div.check {
	
}


.app-form .line > div textarea {
	
}

.app-form .line > div .w-50 {  }
.app-form .line > div .w-75 {  }
.app-form .line > div .w-100 { width : 100%; }
.app-form .line > div .w-125 { width : 100%; }
.app-form .line > div .w-150 { width : 100%; }
.app-form .line > div .w-200 { width : 100%; }
.app-form .line > div .w-250 { width : 100%; }
.app-form .line > div .w-300 { width : 100%; }

.app-form .line > div .w-full { width : 100%; }
.app-form .line > div .w-90p { width : 100%; }
.app-form .line > div .w-80p { width : 100%; }
.app-form .line > div .w-70p { width : 100%; }
.app-form .line > div .w-60p { width : 100%; }
.app-form .line > div .w-50p { width : 100%; }
.app-form .line > div .w-40p { width : 100%; }
.app-form .line > div .w-30p { width : 100%; }
.app-form .line > div .w-20p { width : 100%; }
.app-form .line > div .w-10p { width : 100%; }

.app-form .line > div .h-100 {  }
.app-form .line > div .h-200 {  }


input[type="text"].normal-form-element.dark,
.app-form .line > div textarea.dark,
.app-form .line > div input[type="text"].dark,
.app-form .line > div input[type="password"].dark {
	
}

input[type="text"].normal-form-element.full,
.app-form .line > div textarea.full,
.app-form .line > div input[type="text"].full,
.app-form .line > div input[type="password"].full,
.app-form .line > div .full {
	
}

input[type="text"].normal-form-element.right,
.app-form .line > div textarea.right,
.app-form .line > div input[type="text"].right,
.app-form .line > div input[type="password"].right {
	
}

.app-form .line > div .select.error {
	
}

.app-form .line > div textarea.error,
.app-form .line > div input[type="text"].error,
.app-form .line > div input[type="password"].error {
	
}

.app-form .line > div textarea.monospace {
	
}

.app-form .line .time-container {
	
	
	display					: block;
	overflow				: hidden;
	width					: auto !important;
	margin-top				: 5px;
	margin-left				: -5px;
	
}

.app-form .line .time-container > div {
	
	
	display					: inline-block;
	float					: left;
	width					: 50%;
	
	-webkit-box-sizing		: border-box;
	-moz-box-sizing			: border-box;
	-o-box-sizing			: border-box;
	box-sizing				: border-box;
	
	padding-left			: 5px;
	padding-right			: 0px;
	
}

.app-form .line .unchecked-container p {
	
}

.app-form .line .time-container > div .select {
	
}


.app-form .errors-container {
	
	
	margin					: 20px 0px 0px;
	
}

.app-form .errors-container .error-message p {
	
}

.app-form .errors-container .error-message ul {
	
}

.app-form .errors-container .error-message ul li {
	
}



.app-text-editor {
	
}

.app-text-editor .container {
	
}

.app-text-editor .container textarea {
	
}

.app-text-editor .spinner {
	
}




.save-info {
	
}



.text-editor-styles {
	
}





.app-form label {
	
}

.app-form label span {
	
}

.app-form .checkbox-text,
.app-form .radio-text,
.app-form [type="checkbox"]:not(:checked) + label,
.app-form [type="checkbox"]:checked + label,
.app-form [type="radio"]:not(:checked) + label,
.app-form [type="radio"]:checked + label {
	
}

/* Base for label styling */

.app-form [type="checkbox"]:not(:checked),
.app-form [type="checkbox"]:checked,
.app-form [type="radio"]:not(:checked),
.app-form [type="radio"]:checked {
	
}

.app-form [type="checkbox"]:not(:checked) + label,
.app-form [type="checkbox"]:checked + label,
.app-form [type="radio"]:not(:checked) + label,
.app-form [type="radio"]:checked + label,
.app-form span.checkbox-checked {
	
}

.app-form [type="checkbox"]:not(:checked) + label,
.app-form [type="checkbox"]:checked + label,
.app-form [type="radio"]:not(:checked) + label,
.app-form [type="radio"]:checked + label {
	
}
/* checkbox aspect */

.app-form [type="checkbox"]:not(:checked) + label:before,
.app-form [type="checkbox"]:checked + label:before,
.app-form span.checkbox-checked:before,
.app-form span.radio-checked:before {
	
}

.app-form [type="radio"]:not(:checked) + label:before,
.app-form [type="radio"]:checked + label:before {
	
}


.tabPanel [type="checkbox"]:not(:checked) + label:before,
.tabPanel [type="checkbox"]:checked + label:before,
.tabPanel [type="radio"]:not(:checked) + label:before,
.tabPanel [type="radio"]:checked + label:before,
.tabPanel span.checkbox-checked:before,
.tabPanel span.radio-checked:before {
	
}


/* checked mark aspect */

.app-form [type="checkbox"]:not(:checked) + label:after,
.app-form [type="checkbox"]:checked + label:after,
.app-form span.checkbox-checked:after {
	
}

.app-form [type="radio"]:not(:checked) + label:after,
.app-form [type="radio"]:checked + label:after,
.app-form span.radio-checked:after {
	
}

.tabPanel [type="checkbox"]:not(:checked) + label:after,
.tabPanel [type="checkbox"]:checked + label:after,
.tabPanel span.checkbox-checked:after {
	
}

.tabPanel [type="radio"]:not(:checked) + label:after,
.tabPanel [type="radio"]:checked + label:after,
.tabPanel span.radio-checked:after {
	
}

/* checked mark aspect changes */

.app-form [type="checkbox"]:not(:checked) + label:after,
.app-form [type="radio"]:not(:checked) + label:after {
	
}

.app-form [type="checkbox"]:checked + label:after,
.app-form [type="radio"]:checked + label:after {
	
}
/* disabled checkbox */

.app-form [type="checkbox"]:disabled:not(:checked) + label:before,
.app-form [type="checkbox"]:disabled:checked + label:before,
.app-form [type="radio"]:disabled:not(:checked) + label:before,
.app-form [type="radio"]:disabled:checked + label:before,
.app-form [type="checkbox"].disabled:not(:checked) + label:before,
.app-form [type="checkbox"].disabled:checked + label:before,
.app-form [type="radio"].disabled:not(:checked) + label:before,
.app-form [type="radio"].disabled:checked + label:before {
	
}

.app-form [type="checkbox"]:disabled:checked + label:after,
.app-form [type="radio"]:disabled:checked + label:after,
.app-form [type="checkbox"].disabled:checked + label:after,
.app-form [type="radio"].disabled:checked + label:after {
	
}

.app-form [type="checkbox"]:disabled + label,
.app-form [type="radio"]:disabled + label,
.app-form [type="checkbox"].disabled + label,
.app-form [type="radio"].disabled + label {
	
}
/* accessibility */

/*
[type="checkbox"]:checked:focus + label:before,
[type="checkbox"]:not(:checked):focus + label:before {
  border: 1px dotted #7d861e;
}
*/
/* hover style just for information */

label:hover:before {
	
}



/****************************************************************************************************************
*  
*  Color Schemes
*  
****************************************************************************************************************/


/**
* DARK GRAY, for windowless forms
**/

.colorscheme-darkgray .section-group {
	
	
	padding					: 20px 0px 20px;
	
	
}

.colorscheme-darkgray.input-container,
.colorscheme-darkgrayinput[type="text"].normal-form-element,
.app-form.colorscheme-darkgray .line > div textarea,
.app-form.colorscheme-darkgray .line > div input[type="text"],
.app-form.colorscheme-darkgray .line > div input[type="password"],
.app-form.colorscheme-darkgray .line > div .wrapper {
	
}

.colorscheme-darkgray.input-container.error,
.colorscheme-darkgrayinput[type="text"].normal-form-element.error,
.app-form.colorscheme-darkgray .line > div .select.error,
.app-form.colorscheme-darkgray .line > div textarea.error,
.app-form.colorscheme-darkgray .line > div input[type="text"].error,
.app-form.colorscheme-darkgray .line > div input[type="password"].error,
.app-form.colorscheme-darkgray .line > div .wrapper.error {
	
}

.colorscheme-darkgray .line > label {
	
}

.colorscheme-darkgray .line > label + div {
	
}

.colorscheme-darkgray .line > div::after {
	
}

.colorscheme-darkgray .line > div.spinner::after {
	
}

.colorscheme-darkgray .select {
	
}

.colorscheme-darkgray .select select {
	
}

.colorscheme-darkgray .select select option {
	
}

.app-form.colorscheme-darkgray .line-separator {
	
}

 .div-list, .div-list-768 {
	
}

.div-list .line {
	
	
}

.div-list .line,
.div-list .line.odd {
	
}

.div-list .line.headings {
	
}

.div-list .line.always-odd {
	
}

.div-list .line .item {
	
}

.div-list .line.headings .item {
	
}

.div-list .line .item.icons img.clickable {
	
}

.div-list .line .item.heading {
	
	
}

.div-list-768 .content {
	
	
	padding					: 0px;
	
}

.div-list-768 .line {
	
	
	padding					: 10px 5px 10px;
	/*border-bottom			: 1px solid #ddd;*/
	margin-bottom			: 10px;
	
}

.div-list-768 .line.open .item,
.div-list-768 .line.open .item span {
	
}

.div-list-768 .line,
.div-list-768 .line.odd {
	
}

.div-list-768 .line.headings {
	
}

.div-list-768 .line.always-odd {
	
}

.div-list-768 .line.odd.open,
.div-list-768 .line.always-odd.open,
.div-list-768 .line.open {
	
}

.div-list-768 .line .item {
	
}

.div-list-768 .line.headings .item {
	
}

.div-list-768 .line .item.icons {
	
	
	padding-left			: 0px;
	
}

.div-list-768 .line .item.icons img.clickable {
	
}

.div-list-768 .line.headings .item {
	
	
	display					: none !important;
	
}



.div-list-1010 .content {
	
	
	padding					: 0px;
	
}

.div-list-1010 .line {
	
	
}

.div-list-1010 .line.desktop-odd.open,
.div-list-1010 .line.odd.open,
.div-list-1010 .line.always-odd.open,
.div-list-1010 .line.open {
	
}

.div-list-1010 .line.open .item,
.div-list-1010 .line.open .item span {
	
}

.div-list-1010 .line,
.div-list-1010 .line.odd {
	
}

.div-list-1010 .line.always-odd {
	
}

.div-list-1010 .line.headings {
	
}

.div-list-1010 .line .item {
	
}

.div-list-1010 .line .item.icons {
	
	
}

.div-list-1010 .line .item.icons img.clickable {
	
}

.div-list-1010 .line.headings .item {
	
	
}


.div-list .item.hidden,
.div-list-768 .item.hidden,
.div-list-1010 .item.hidden {
	
}


.div-list + .page-controls {
	
	
}

.div-list-768 + .page-controls {
	
	
	border-top				: 0px;
	
}

.div-list-1010 + .page-controls {
	
	
}

.div-list-colors {
	
}

.div-list-colors a {
	
}

.div-list-colors a.hidden {
	
}

.div-list-colors p {
	
	
	padding					: 0px 0px 3px;
	
}

.div-list-colors p.visible {
	
	
	display					: block;
	
}

.div-list-colors p span {
	
	
}


 /** responsive filter **/
.list-filter-button {
	
	
	display					: inline !important;
	
}

.list-filter-button::after {
	
	
	
}

.list-filter-button.down::after,
.list-filter-button:hover::after {
	
	
	
}

.list-filter-button img {
	
}

.list-filter {
	
	
	position				: absolute;
	display					: none;
	text-align				: center;
	background				: #222;
	/*border					: 1px solid #777;*/
	border-radius			: 5px;
	margin-top				: 5px;
	margin-right			: 15px;
	padding					: 5px 10px 10px;
	
	-webkit-box-shadow		: 0px 1px 15px -2px #000;
	-moz-box-shadow			: 0px 1px 15px -2px #000;
	-o-box-shadow			: 0px 1px 15px -2px #000;
	box-shadow				: 0px 1px 15px -2px #000;
	
}

.list-filter div {
	
	
	text-align				: center;
	clear					: both;
	margin					: 5px 0px 5px;
	
}

.list-filter div.pl5 {
	
	padding-left			: 0px;
	
}

.list-filter.visible {
	
	
	display					: block;
	
}

/** always filter **/
.list-filter-button.always {
	
}

.list-filter.always {
	
	
	padding					: 5px 10px 10px;
	
}


.list-filter.always div {
	
	
	text-align				: center;
	clear					: both;
	margin					: 5px 0px 5px;
	
}

.list-filter.always.visible {
	
}

.list-filter div.section {
	
}

.list-filter div.section span.descr {
	
} /***********************************************************************************
* GENERAL
***********************************************************************************/

div.grid-list ul {
	
	
	
	height					: 450px;
	
	
}

div.grid-list ul li {
	
	
	
}

div.grid-list ul li div.container {
	
}

div.grid-list ul li div.background {
	
}

div.grid-list ul li:hover div.background {
	
}

div.grid-list ul li span.name {
	
	
	
	padding					: 2px;
	height					: 16px;
	
	
}

div.grid-list ul li:hover span.name {
	
	
	padding					: 8px 26px;
	height					: 28px;
	
	
}

div.grid-list ul li img.delete,
div.grid-list ul li img.edit {
	
	
	
	display					: none;
	
}

div.grid-list ul li img.edit {
	
}

div.grid-list ul li img.delete {
	
}

div.grid-list ul li:hover img.delete,
div.grid-list ul li:hover img.edit {
	
}


/***********************************************************************************
* COLOR SCHEMES
***********************************************************************************/

.popup div.grid-list {
	
}

.popup div.grid-list.spinner {
	
}
 .info-blocks {
	
	
	margin							: 0px 0px 40px -20px;
	
}

.info-blocks h1,
.info-blocks h2 {
	
	
	margin							: 0px 0px 20px 0px;
	
}

.info-blocks .info-block {
	
	
	
}

.info-blocks .info-block.hidden {
	
}

.info-blocks .info-block.desktop-col-3 {
	
	
	width							: auto;
	
}

.info-blocks .info-block.desktop-col-2 {
	
	
	width							: auto;
	
}

.info-blocks .info-block.tablet-col-3 {
	
	
	width							: auto;
	
}

.info-blocks .info-block.tablet-col-2 {
	
	
	width							: auto;
	
}

.info-blocks .info-block.tablet-col-1 {
	
	
	width							: auto;
	
}

.info-blocks .info-block.mobile-col-2 {
	
	width							: 50%;
	
}

.info-blocks .info-block.mobile-col-1 {
	
	width							: 100%;
	
}

.info-blocks .info-block > .content {
	
	
	
}

.info-blocks .info-block.blue > .content,
.info-blocks .info-block.green > .content,
.info-blocks .info-block.red > .content,
.info-blocks .info-block.yellow > .content {
	
	
	border-left-width				: 2px;
	
}

.info-blocks .info-block.blue.fill > .content,
.info-blocks .info-block.green.fill > .content,
.info-blocks .info-block.red.fill > .content,
.info-blocks .info-block.yellow.fill > .content {
	
	
	border-left-width				: 0px;
	
}

.info-blocks .info-block.blue > .content {
	
}

.info-blocks .info-block.green > .content {
	
}

.info-blocks .info-block.red > .content {
	
}

.info-blocks .info-block.yellow > .content {
	
}

.info-blocks .info-block.orange > .content {
	
}

.info-blocks .info-block.blue.fill > .content {
	
}

.info-blocks .info-block.green.fill > .content {
	
}

.info-blocks .info-block.red.fill > .content {
	
}

.info-blocks .info-block.yellow.fill > .content {
	
}

.info-blocks .info-block.orange.fill > .content {
	
}
 html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl,
dt, dd, ol, ul, li, fieldset, form, label, legend, caption, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	
}

table, tbody, tfoot, thead, tr, th, td {
	
}

* {
	
}

body {
	
}


/* roboto-100 - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 100;
  src: url('/resources/css/fonts/roboto-v20-latin-100.eot'); /* IE9 Compat Modes */
  src: local('Roboto Thin'), local('Roboto-Thin'),
       url('/resources/css/fonts/roboto-v20-latin-100.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/resources/css/fonts/roboto-v20-latin-100.woff2') format('woff2'), /* Super Modern Browsers */
       url('/resources/css/fonts/roboto-v20-latin-100.woff') format('woff'), /* Modern Browsers */
       url('/resources/css/fonts/roboto-v20-latin-100.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/resources/css/fonts/roboto-v20-latin-100.svg#Roboto') format('svg'); /* Legacy iOS */
}
/* roboto-regular - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: url('/resources/css/fonts/roboto-v20-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Roboto'), local('Roboto-Regular'),
       url('/resources/css/fonts/roboto-v20-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/resources/css/fonts/roboto-v20-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('/resources/css/fonts/roboto-v20-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('/resources/css/fonts/roboto-v20-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/resources/css/fonts/roboto-v20-latin-regular.svg#Roboto') format('svg'); /* Legacy iOS */
}
/* roboto-700 - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: url('/resources/css/fonts/roboto-v20-latin-700.eot'); /* IE9 Compat Modes */
  src: local('Roboto Bold'), local('Roboto-Bold'),
       url('/resources/css/fonts/roboto-v20-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/resources/css/fonts/roboto-v20-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('/resources/css/fonts/roboto-v20-latin-700.woff') format('woff'), /* Modern Browsers */
       url('/resources/css/fonts/roboto-v20-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/resources/css/fonts/roboto-v20-latin-700.svg#Roboto') format('svg'); /* Legacy iOS */
}
/* roboto-900 - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 900;
  src: url('/resources/css/fonts/roboto-v20-latin-900.eot'); /* IE9 Compat Modes */
  src: local('Roboto Black'), local('Roboto-Black'),
       url('/resources/css/fonts/roboto-v20-latin-900.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/resources/css/fonts/roboto-v20-latin-900.woff2') format('woff2'), /* Super Modern Browsers */
       url('/resources/css/fonts/roboto-v20-latin-900.woff') format('woff'), /* Modern Browsers */
       url('/resources/css/fonts/roboto-v20-latin-900.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/resources/css/fonts/roboto-v20-latin-900.svg#Roboto') format('svg'); /* Legacy iOS */
}


img {
	
}

h1 {
	
}

h2 {
	
}

.f-right {
	
}

.f-left {
	
}

.c-right {
	
}

.c-left {
	
}

.v-middle {
	
}

.t-left {
	
}

.t-center {
	
}

.t-right {
	
}

.block {
	
}

.inline {
	
}

.inline-block {
	
}

strong, .strong {
	
}

.hidden {
	
}

.relative {
	
}

.absolute {
	
}

.clickable {
	
}

.mb50 {}
.mb40 {}
.mb30 {}
.mb20 {}
.mb10 {}
.mb5 {}
.mb2 {}

.mt60 {}
.mt50 {}
.mt40 {}
.mt30 {}
.mt20 {}
.mt15 {}
.mt10 {}
.mt5 {}
.mt2 {}

.mtm20 {}
.mtm15 {}
.mtm10 {}
.mtm5 {}

.ml30 {}
.ml20 {}
.ml15 {}
.ml10 {}
.ml5 {}
.ml2 {}

.mr30 {}
.mr20 {}
.mr15 {}
.mr10 {}
.mr5 {}
.mr2 {}

.pl1 {}
.pl2 {}
.pl3 {}
.pl4 {}
.pl5 {}
.pl6 {}
.pl7 {}
.pl8 {}
.pl9 {}
.pl10 {}
.pl15 {}
.pl20 {}

.pr5 {}
.pr10 {}
.pr15 {}
.pr20 {}

.pt3 {}
.pt5 {}
.pt10 {}
.pt15 {}
.pt20 {}

.pb3 {}
.pb5 {}
.pb10 {}
.pb15 {}
.pb20 {}


.w-50p {}

.filter .w-50 {}
.filter .w-100 {}
.filter .w-150 {}
.filter .w-200 {}
.filter .w-250 {}
.filter .w-300 {width : 100% !important;}
.filter .w-350 {width : 100% !important;}
.filter .w-400 {width : 100% !important;}


.no-overflow {
	
}

.overflow {
	
}


.message-box {
	
}

.no-mobile {
	
	
	display				: none !important;
	
}

.no-mobile-real {
	
	
}

.mobile-only {
	
	
}

.no-mobile-message {
	
	
	display				: block;
	
}

.desktop-only {
	
	
	display				: none !important;
	
}

.tablet-desktop-only {
	
	
}

.no-desktop {
	
	
	display				: inline;
	
}

.no-desktop-1010 {
	
	
}

.no-desktop-table-cell {
	
	
	display				: table-cell;
	
}



a {
	
}

a:hover {
	
}

a.no-hover:hover {
	
}

img.button {
	
}

img.button.disabled {
	
}

table.list {
	
}

table.list thead tr th {
	
}

table.list tbody tr td {
	
}

table.list tbody tr td.responsive-font-size {
	
	
}

table.list tbody tr:first-child td {
	
}



/*****************************************************************************
*  
*  Form controls
*  
*****************************************************************************/

.button-panels {
	
	
	margin-bottom		: 20px;
	
}

.button-panels .button-panel {
	
}

.button-panels .button-panel.desktop-right {
	
	
	
	float				: none;
	
}

.button-panels .button-panel.tablet-right {
	
	
	float				: none;
	
}

.button-panels .button-panel.mobile-right {
	
	float				: right;
	
}

.button-panels .button-panel.desktop-left {
	
	
	
	float				: none;
	
}

.button-panels .button-panel.tablet-left {
	
	
	float				: none;
	
}

.button-panels .button-panel.mobile-left {
	
	float				: left;
	
}

textarea, input, button {
	
}

select {
	
}

.popup select {
	
}

a.button, button, input[type=submit]  {
	
	
}

.button-standard, button.standard, input[type=submit] {
	
}

.button-standard.busy, button.standard.busy, input[type=submit].busy, button.busy {
	
}

.button-standard.busy, button.standard.busy, input[type=submit].busy, button.busy::after {
	
}


.button-standard.transparent, button.standard.transparent, input[type=submit].transparent {
	
}

.button-standard.hidden, button.standard.hidden, input[type=submit].hidden {
	
}

.button-standard.bw, button.standard.bw, input[type=submit].bw {
	
}

.button-standard.bw.down, button.standard.bw.down, input[type=submit].bw.down {
	
}

.button-standard.icon, button.standard.icon {
	
	
}

.button-standard.icon img, button.standard.icon img {
	
}

.button-standard.icon.icon-export, button.standard.icon.icon-export,
.button-standard.icon.icon-question, button.standard.icon.icon-question,
.button-standard.icon.icon-save, button.standard.icon.icon-save,
.button-standard.icon.icon-delete, button.standard.icon.icon-delete,
.button-standard.icon.icon-emailaddresses, button.standard.icon.icon-emailaddresses {
	
	
}

.button-standard.icon.icon-export, button.standard.icon.icon-export {  }
.button-standard.icon.icon-emailaddresses, button.standard.icon.icon-emailaddresses {  }
.button-standard.icon.icon-question, button.standard.icon.icon-question {  }
.button-standard.icon.icon-save, button.standard.icon.icon-save {  }
.button-standard.icon.icon-delete, button.standard.icon.icon-delete {  }

.button-standard.left, button.standard.left {
	
}

.button-standard.middle, button.standard.middle {
	
}

.button-standard.right, button.standard.right {
	
}

.button-standard.left, button.standard.left,
.button-standard.middle, button.standard.middle,
.button-standard.right, button.standard.right {
	background					: #4f731c;
}

.button-standard.stackable-4.stackable-no-1, button.standard.stackable-4.stackable-no-1 {
	
}

button.standard.image {
	
}

button.standard span,
.button-standard span {
	
	
	font-size			: 0px !important;
	padding-left		: 0px !important;
	padding-right		: 0px !important;
	width				: 0px !important;
	
}

button.standard.down span,
.button-standard span.always,
button.standard span.always {
	
}

/*button.standard.symbol.big {*/
	
/*}*/

button.standard.symbol {
	
}

.button-standard.hover, .button-standard:hover, button.standard:hover, input[type=submit]:hover {
	
}

.button-standard.transparent.hover, button-standard.transparent:hover, button.standard.transparent:hover, input[type=submit].transparent:hover {
	
}

.button-standard.down, button.standard.down {
	
}

button.standard.down:hover {
	
}

.button-standard.left.down, button.standard.left.down,
.button-standard.middle.down, button.standard.middle.down,
.button-standard.right.down, button.standard.right.down {
	
}

.button-standard.left.down:hover, button.standard.left.down:hover,
.button-standard.middle.down:hover, button.standard.middle.down:hover,
.button-standard.right.down:hover, button.standard.right.down:hover {
	
}

button.standard.disabled {
	
}

button.standard.disabled:hover {
	
}

button.standard.control {
	
}

button.standard.control:hover {
	
}

.button-toggle {
	
}

.button-toggle .on,
.button-toggle .off {
	
}

.button-toggle .on {
	
}

.button-toggle.on .on {
	
}

.button-toggle .off {
	
}

.button-toggle.on .off {
	
}

.emphazised {
	
}

.emphazised.orange,
.emphazised.color-1 {
	
}

.emphazised.yellow,
.emphazised.color-2 {
	
}

.emphazised.green,
.emphazised.color-3 {
	
}

.emphazised.turquoise,
.emphazised.color-4 {
	
}

.emphazised.blue,
.emphazised.color-5 {
	
}

.emphazised.purple,
.emphazised.color-6 {
	
}

.emphazised.red,
.emphazised.color-7 {
	
}

.emphazised.transparent.orange,
.emphazised.transparent.color-1 {
	
}

.emphazised.transparent.yellow,
.emphazised.transparent.color-2 {
	
}

.emphazised.transparent.green,
.emphazised.transparent.color-3 {
	
}

.emphazised.transparent.turquoise,
.emphazised.transparent.color-4 {
	
}

.emphazised.transparent.blue,
.emphazised.transparent.color-5 {
	
}

.emphazised.transparent.purple,
.emphazised.transparent.color-6 {
	
}

.emphazised.transparent.red,
.emphazised.transparent.color-7 {
	
}

.emphazised.transparent {
	
}


input[type=text], input[type=password], textarea {
	border				: 1px solid #aaaaaa;
	padding				: 2px;
	background			: #ffffff;
	font-family			: Arial;
	font-size			: 12px;
}

.input.w-100,
.input.w-200,
.input.w-300 {
	
	
	width				: 100%;
	
}

.input.w-100 input[type="text"],
.input.w-200 input[type="text"],
.input.w-300 input[type="text"] {
	
	
	
}


.select select {
	
}

.select {
	
}

.select.dark,
.normal-form-element.dark {
	
}

.select.dark select {
	
}

.select.dark select option {
	
}

.select.w-20, .input.w-20 {}
.select.w-50, .input.w-50 {}
.select.w-60, .input.w-60 {}
.select.w-75, .input.w-75 {}
.select.w-100, .input.w-100 {width : 100%;}
.select.w-150, .input.w-150 {width : 100%;}
.select.w-200, .input.w-200 {width : 100%;}
.select.w-300, .input.w-300 {width : 100%;}


/*
.mainContent {
	background			: #ffffff;
	padding				: 5px 20px 20px 20px;
}

.mainContentHeader {
	color				: #777777;
	text-align			: right;
	font-size			: 10px;
	padding-bottom		: 0px;
}

div.menu {
	height				: 30px;
	padding				: 0px;
	margin				: 0px;
	background			: #f6f6f6;
	
	border-bottom		: 1px solid #bbbbbb;
}

ul.menu {
	list-style-type		: none;
	
	padding				: 0px 0px 0px 5px;
	margin				: 0px;
}

li.menu {
	display				: inline;
	float				: left;
	
	position			: relative;
	height				: 12px;
	
	padding				: 9px;
	
	font-family			: Arial;
	font-size			: 12px;
	line-height			: 12px;
	
	cursor				: pointer;
	color				: #000000;
}

a.menu:link {
	color				: #000000;
	text-decoration		: none;
}

a.menu:visited {
	color				: #000000;
	text-decoration		: none;
}

a.menu:hover {
	color				: #000000;
	text-decoration		: underline;
}

a.menu:active {
	color				: #000000;
	text-decoration		: underline;
}

li.menuItem {
	display				: inline;
	float				: left;
	
	position			: relative;
	height				: 29px;
	
	color				: #555555;
}

div.menuItem {
	display				: inline;
	float				: left;
	
	padding				: 7px 6px;
}

div.menuSeparator {
	background			: url(/gfx/menudots.jpg);
	
	display				: inline;
	float				: left;
	
	width				: 5px;
	height				: 29px;
	
	padding				: 0px 0px;
}

li.menuRight {
	display				: inline;
	float				: right;
	
	color				: #555555;
	
	padding				: 0px 0px 0px 0px;
	margin				: 0px;
}


li.submenuItem {
	display				: block;
	
	height				: 29px;
	width				: 160px;
	
	color				: #000000;
}

div.submenuItem {
	padding				: 5px 5px;
}

div.submenuItem:hover {
	background			: url(/gfx/menubkselected.jpg) repeat-x;
	
	color				: #000000;
	
	padding				: 5px 5px;
}

a.submenuItem {
	color				: #000000;
	text-decoration		: none;
}

.subMenuBox {
	background			: #f6f6f6;
	border				: 1px solid #699AAE;
}



a:link {
	color				: #3E6474;
	text-decoration		: none;
}

a:visited {
	color				: #3E6474;
	text-decoration		: none;
}

a:hover {
	color				: #3E6474;
	text-decoration		: underline;
}

a:active {
	color				: #3E6474;
	text-decoration		: underline;
}

.link {
	color				: #3E6474;
	text-decoration		: none;
}

.link:hover {
	color				: #3E6474;
	text-decoration		: underline;
}


p {
	margin				: 0px;
	padding				: 0px;
}


h1 {
	padding				: 0px 0px 16px 0px;
	
	margin				: 0px;
	font-family			: Arial;
	font-size			: 18px;
	line-height			: 22px;
}

h2 {
	padding				: 0px 0px 8px 0px;
	
	margin				: 0px;
	font-family			: Arial;
	font-size			: 12px;
	line-height			: 20px;
}


td.form {
	padding-bottom		: 5px;
}
*/

/*****************************************************************************
*  
*  Report colors
*  
*****************************************************************************/

input[type=text].messageOk, div.messageOk {
	border				: 1px solid #0EC600;
	background			: #E3F7E1;
}

input[type=text].messageError, div.messageError {
	border				: 1px solid #E65252;
	background			: #FFE5E3;
}


/*****************************************************************************
*  
*  Sections
*  
*****************************************************************************/

.tabPanel {
	background			: #e4e4e4;
	color				: #000;
	border				: 1px solid #e4e4e4;
	
	padding				: 30px 15px 15px;
	margin-bottom		: 10px;
}

.tabPanelWhite {
	background			: #ffffff;
	border-top			: 1px solid #699AAE;
	
	padding				: 15px;
	margin-bottom		: 10px;
}

.tabPanelTabSelected {
	display				: inline;
	float				: left;
	height				: 16px;

	background			: #e4e4e4;

	margin-right		: 5px;
	border-top			: 1px solid #e4e4e4;
	border-right		: 1px solid #e4e4e4;
	border-left			: 1px solid #e4e4e4;
	padding				: 11px 15px 7px 15px;

	font-weight			: bold;
	line-height			: 16px;
	color				: #333333;
	
	cursor				: pointer;
}

.tabPanelTabSelectedWhite {
	display				: inline;
	float				: left;
	height				: 16px;

	background			: #F0F7FA;

	margin-right		: 5px;
	border-top			: 1px solid #699AAE;
	border-right		: 1px solid #699AAE;
	border-left			: 1px solid #699AAE;
	border-bottom		: 1px solid #699AAE;
	padding				: 9px 15px 4px 15px;

	font-weight			: bold;
	line-height			: 16px;
	color				: #333333;
	
	cursor				: pointer;
}

.tabPanelTab {
	display				: inline;
	float				: left;
	height				: 16px;

	background			: #699AAE;
	
	margin-right		: 5px;
	margin-top			: 4px;
	padding				: 7px 15px;

	font-weight			: normal;
	line-height			: 16px;
	color				: #ffffff;
	
	cursor				: pointer;
}


.pageSectionHeader {
	border				: 1px solid #699AAE;
	background			: #C7E0EB;
	color				: #3E6474;
}

.tableHeader {
	border-bottom		: 1px solid #699AAE;
}

.sectionHeader {
	background			: #F0F7FA;
	border				: 1px solid #699AAE;
	
	color				: #3E6474;
	font-weight			: bold;
	
	padding				: 15px;
	margin-bottom		: 10px;
	
	cursor				: pointer;
}

.sectionFrame {
	background			: #F0F7FA;
	border				: 1px solid #699AAE;
}


.sectionFrameLink {
	color				: #0066CC;
}

.sectionContainer {
	padding 			: 15px 0px 15px 29px;
}

.sectionDivider {
	margin-bottom		: 13px;
	border-bottom		: 1px solid #699AAE;
}

/** light background **/
.lightBackground {
	background			: #F0F7FA;
}

/** store selector **/
.storeSelectorGroup {
	background			: #F0F7FA;
	margin-bottom		: 4px;
	padding				: 4px;
}

.storeSelectorGroupText {
	font-weight			: bold;
	color				: #333333;
}

/** selector buttons **/
.selectorButton {
	color				: #333333;
	background			: #ffffff;
	border				: 1px solid #699AAE;
}

.selectorButtonSelected {
	color				: #ffffff;
	background			: #699AAE;
	border				: 1px solid #699AAE;
}

.calDropDown {
	background			: #ffffff;
	border				: 1px solid #699AAE;
}

/** drop down **/
.dropDownHeader {
	background			: #ffffff;
	color				: #000000;
	border				: 1px solid #699AAE;
}

.dropDownHeaderSelected {
	background			: #699AAE;
	color				: #ffffff;
	border				: 1px solid #699AAE;
}

.dropDownContent {
	background			: #ffffff;
	border				: 1px solid #699AAE;
}

/** inline calendar **/
.calendarInline {
	background			: #ffffff;
	border				: 1px solid #699AAE;
}

/** popup calendar **/
.popupCalendarHeader {
	background			: #699AAE;
	color				: #ffffff;
	border-bottom		: 1px solid #699AAE;
}

.popupCalendarContainer {
	border				: 1px solid #699AAE;
	background			: #ffffff;
}

/** stores list **/
.storesChar {
	padding				: 5px;
	border				: 1px solid #aaa;
	border-radius		: 3px;
	cursor				: pointer;
	font-weight			: normal;
	background			: #555;
}

.storesChar:hover {
	border				: 1px solid #fff;
}

.storesCharSelected {
	padding				: 5px;
	border				: 1px solid #fff;
	border-radius		: 3px;
	cursor				: pointer;
	font-weight			: bold;
	background			: #7CB133;
}

.storesListRowColor {
	background			: #F0F7FA;
}

.storesListColNormal {
	border-bottom		: 1px solid #AFD1E1;
}

.storesListColShade {
	border-bottom		: 1px solid #C2DDEA;
	border-left			: 1px solid #AFD1E1;
	border-right		: 1px solid #AFD1E1;
	font-weight			: bold;
	background			: #D8EAF2;
	text-align			: center;
}

.listColTopBorder {
	border-top			: 1px solid #AFD1E1;
}

.registrationGraphicBorder {
	border				: 1px solid #699AAF;
}


.registrationDivider {
	border-bottom		: 1px solid #699AAF;
}

/*****************************************************************************
*  
*  Boxes
*  
*****************************************************************************/

.messageBox {
	margin-bottom		: 16px;
	padding				: 10px;
	
	background			: #E3F7E1;
	border				: 1px solid #0EC600;
}

.boxShadow {
	background			: url(boxshadow.png);
	padding				: 15px 15px 4px 15px;
}

.boxContainer {
	border				: 1px solid #000000;
}

.boxHeading {
	background			: url(boxheadingbk.jpg) repeat-x #bee8f8;
	border-top			: 1px solid #F1FBFF;
	border-left			: 1px solid #F1FBFF;
	border-right		: 1px solid #F1FBFF;
	padding				: 5px;
	height				: 32px;
}

.boxContent {
	background			: #F5FDFF;
	padding				: 15px;
}

.popupWindowBk {
	position			: absolute;
	background			: #ffffff;
	opacity				: 0.6;
	filter				: alpha(opacity = 60);
}

.popupWindowBorder {
	position			: absolute;
	background			: #000000;
	opacity				: 0.6;
	filter				: alpha(opacity = 60);
}

.popupWindowContentBk {
	border				: 1px solid #000000;
	background			: #ffffff;
}

.popupWindowHeading {
	background			: #C7E0EB;
	border-bottom		: 1px solid #699AAE;
	color				: #3E6474;
	font-size			: 16px;
	line-height			: 16px;
	font-weight			: bold;
	text-align			: center;
	padding				: 15px;
}

.popupWindowContent {
	background			: #ffffff;
	padding				: 10px;
}

.popupWindowBottomBar {
	height				: 30px;
	padding				: 5px;
}

.popupWindowContentNoPadding {
	background			: #ffffff;
	padding				: 0px;
}



.listitem {
	border-bottom		: 1px solid #AFD1E1;
}

.linkLine {
	padding-bottom		: 3px;
}

.linkList {
	padding-bottom		: 10px;
}

h2.linkListHeading {
	padding				: 0px 0px 3px 0px;
	font-size			: 12px;
	font-weight			: normal;
}

/*****************************************************************************
*  
*  Calendar
*  
*****************************************************************************/

.calCellNone {
	margin				: 1px;
	padding				: 4px 0px;
	
	background			: #E6F1F6;
	color				: #9EB7C2;
	border				: 1px solid #C7E0EB;
	border-top			: 6px solid #C7E0EB;
	font-weight			: normal;
}

.calCellMonth {
	margin				: 1px;
	padding				: 4px 0px;
	
	background			: #C7E0EB;
	color				: #000000;
	border				: 1px solid #699AAF;
	border-top			: 6px solid #699AAF;
	font-weight			: normal;
}

.calCellToday {
	padding				: 4px 0px;
	margin				: 1px;
	
	background			: #699AAF;
	color				: #ffffff;
	border				: 1px solid #699AAF;
	border-top			: 6px solid #699AAF;
	font-weight			: bold;
}

.calCellMinHeight {
	display				: inline;
	float				: right;
	width				: 1px;
	height				: 55px;
}

.calColorItem {
	display				: inline;
	float				: left;
	width				: 18px;
	height				: 18px;
	overflow			: hidden;
	margin				: 1px 5px 1px 1px;
	border				: 1px solid #000000;
	cursor				: pointer;
}

.calColorItemSelected {
	display				: inline;
	float				: left;
	width				: 18px;
	height				: 18px;
	overflow			: hidden;
	margin-right		: 4px;
	border				: 2px solid #000000;
	cursor				: pointer;
}

.calBackground {
	background			: #F6FBFE;
}

/*****************************************************************************
*  
*  Other
*  
*****************************************************************************/


.page-login .login-container ol {
	
	
	
}

.photo {
}

div.photoContainer {
	margin-right		: 20px;
	float				: right;
	overflow			: hidden;
}

table.photoContainer {
	border				: 1px solid #BBBBBB;
	background			: #ffffff;
	
	padding				: 10px;
	margin-bottom		: 7px;
	width				: 160px;
}

.pfUIPhotoContainer {
}


img.formattingRight {
	
	
}

img.formattingLeft {
	
	
}

/*****************************************************************************
*  
*  Icon collection
*  
*****************************************************************************/

.ic-empty {
	
}

.ic-listarrow-right,
.ic-listarrow-down,
.ic-gear {
	
}

.ic-listarrow-right {
	
}

.ic-listarrow-down {
	
}

.ic-gear {
	
}

.ic-gear:hover {
	
}


.gui-tabpanel {
	
}

.gui-tabpanel > ul.tabs {
	
}

.gui-tabpanel > ul.tabs > li {
	
}

.gui-tabpanel > ul.tabs > li.active {
	
}

.gui-tabpanel > div.content {
	
}

/*****************************************************************************
*  
*  Popups
*  
*****************************************************************************/

#window-busy {
	
}

#window-busy .spinner {
	
}

#maintenance-message {
	
}

#maintenance-message > .background,
#maintenance-message > .container > .title {
	
}

.message-alert {
	background					: #E17C0F;
	padding						: 20px;
	color						: #fff;
	margin-bottom				: 20px;
}





.policies-text {
	
}

.policies-text ul {
	
}

.policies-text ul.index {
	
}

.policies-text ul li {
	
	
}

.policies-text.colorful ul li {
	
	
}

.policies-text h2 {
	
	
}

.policies-text.colorful h2 {
	
	
}

.policies-text.colorful h1 + p,
.policies-text.colorful h2 + p,
.policies-text.colorful h2 + ul {
	
	
}

.policies-text.colorful h1 + p {
	
	
}

.policies-text p i {
	
}

.policies-text p strong {
	
}

.policies-text ul.index li a {
	
}

.policies-text ul.index li a:hover {
	
}

.policies-text p.accepted-date {
	
}

#user-policy-form {
	border-top			: 1px solid #fff;
	margin-top			: 40px;
}

.ajax-value {
}

.ajax-value.ajax-loading {
	min-width			: 40px;
	position			: relative;
	display				: inline-block;
}

.ajax-contents.ajax-loading {
	position			: relative;
	min-height			: 60px;
}

@keyframes ajax-loading {
	from {
		background-position: -10px 50%;
	}
	to {
		background-position: 0px 50%;
	}
}


.ajax-contents.ajax-loading:after,
.ajax-value.ajax-loading:after {
	background-image	: url(/resources/gfx/loader-lines.png);
	background-position	: 0px 50%;
	background-repeat	: repeat-x;
	width				: 30px;
	height				: 100%;
	left				: 50%;
	content				: ' ';
	transform			: translate(-50%, 0px);
	position			: absolute;
	animation			: ajax-loading 0.3s linear 0s infinite;
}

.ajax-contents.ajax-loading:after {
	transform			: translate(-50%, 0px);
	top					: 0px;
	left				: 50%;
	width				: 50%;
}

.ajax-contents.ajax-loading:before,
.ajax-value.ajax-loading:before {
	background-color	: rgba(255, 255, 255, 0.1);
	top					: 0px;
	left				: 0px;
	width				: 40px;
	height				: 100%;
	content				: ' ';
	position			: absolute;
}

.ajax-contents.ajax-loading:before {
	left				: 0px;
	width				: 100%;
}

.ajax-contents.ajax-loading.ajax-nobackground:before,
.ajax-value.ajax-loading.ajax-nobackground:before {
	background-color	: transparent;
}


.help-section {
	padding				: 20px;
	background-color	: #fff;
	border				: 1px solid #000;
	margin-bottom		: 20px;
}

.help-section h2 {
	font-size			: 20px;
	line-height			: 28px;
}

.help-section h3 {
	padding-top			: 10px;
	font-weight			: bold;
}

.help-section p,
.help-section li {
	padding				: 0 0 10px;
}

.help-section p,
.help-section li {
	color				: rgba(0, 0, 0, 0.65);
}

.help-section em,
.help-section strong {
	color				: #000;
}

.help-section ul {
	padding				: 10px 0 0 30px;
}

.help-section li {
}

.help-section em {
	
}

.help-section span.point {
	border				: 1px solid #000;
	border-radius		: 5px;
	width				: 8px;
	height				: 8px;
	display				: inline-block;
}

 /*****************************************************************************
*  
*  Main
*  
*****************************************************************************/

body {
	
}

.page-container {
	
}

.page-dev-version {
	
}


.page-width {
	
	
	
	
	width				: 480px !important;
	
	
}

.page-width-including-padding {
	
	
	
	
	width				: 450px !important;
	
	
}

.page-container .page-logo {
	
	
	
	
	
}

.page-container .page-logo .top-bar {
	
}

.page-container .page-logo .logo {
	
	
	
	padding				: 10px 0px 0px 15px;
	height				: 50px;
	
}

.page-container .page-logo ul.top-menu {
	
	
	padding				: 10px 0px 0px;
	
}

.page-container .page-logo ul.top-menu li {
	
}

.page-container.menu-always-dropdown .page-logo li.dropdown {
	
}

.page-container.menu-right .page-logo li.dropdown {
	
	
}

.page-container .page-logo li.dropdown[data-notification]::after {
	
}

.page-container .page-logo ul.top-menu li img {
	
	
	height				: 50px;
	
}

.page-container .page-logo ul.top-menu li img.active {
	
}

.page-container .page-logo ul.top-menu li span {
	
	
	top					: 32px;
	font-size			: 10px;
	
}

.page-container .page-logo ul.top-menu.buttons-dark li span {
	
	
	
}



.internal-info-messages-container ul {
	
	
}

.internal-info-messages-container ul li {
	
	
}

.internal-info-messages-container ul li h2 {
	
	
}

.internal-info-messages-container ul li p {
	
	
}

.internal-info-messages-container ul li button {
	
	
}


.system-info-messages-container .message {
	
	
}

.system-info-messages-container.inline-padding .message {
	
	
}

.system-info-messages-container .message.state-1 {
	
}

.system-info-messages-container .message.state-2 {
	
}

.system-info-messages-container .message.state-3 {
	
}

.system-info-messages-container .message.state-4 {
	
}

.system-info-messages-container .message.notifications {
	
}

.system-info-messages-container .message p a {
	
}

.system-info-messages-container .message h2 {
	
	
}

.system-info-messages-container .message button,
.system-info-messages-container .message button:hover {
	
}

.system-info-messages-container .message.notifications .splitter {
	
}

.system-info-messages-container .message.notifications .section {
	
}

.system-info-messages-container .message.notifications .section h3 {
	
}

.system-info-messages-container .message.notifications .section span.info {
	
}

.system-info-messages-container .message.notifications .section span.reference {
	
}

.system-info-messages-container .message.notifications .section span.date {
	
}

.system-info-messages-container .message.notifications .section button {
	
	
}

.system-info-messages-container .message.notifications .section p {
	
}

.system-info-messages-container .message.notifications .section p a {
	
}

.system-info-messages-container .message.notifications p.comment {
	
}



.page-container .page-wrapper {
	
}

.page-container.menu-always-dropdown .page-menu {
	
	
}

.page-container.menu-right .page-menu {
	
	
	
}

.page-container.menu-always-dropdown .page-menu.open,
.page-container.menu-right .page-menu.open {
	
}

.page-container.menu-always-dropdown .page-menu.visible,
.page-container.menu-right .page-menu.visible {
	
	
	
	top					: 70px;
	
	
}

.page-container .page-menu-blocker {
	
}

.page-container .page-menu-blocker.display {
	
}

.page-container .page-menu ul.buttons {
	
}

.page-container .page-menu ul.buttons.portal {
	
}

.page-container .page-menu ul.buttons li {
	
}

.page-container .page-menu ul.buttons li.w-33 {
	
}

.page-container .page-menu ul.buttons li.w-25 {
	
}

.page-container .page-menu ul.buttons li.w-50 {
	
}

.page-container .page-menu ul.buttons li.w-100 {
	
}

.page-container .page-menu ul.buttons li.w-33 img.icon {
	
	
}

.page-container .page-menu ul.buttons li.w-100 img.icon {
	
	
}

.page-container .page-menu ul.buttons li span {
	
}

.page-container .page-menu ul.buttons li a {
	
}

.page-container .page-menu ul.buttons li a.color-1,
.page-container .page-menu ul.buttons li a.color-2,
.page-container .page-menu ul.buttons li a.color-3,
.page-container .page-menu ul.buttons li a.color-4,
.page-container .page-menu ul.buttons li a.yellow,
.page-container .page-menu ul.buttons li a.blue,
.page-container .page-menu ul.buttons li a.active {
	
	
}

.page-container .page-menu ul.buttons li a.color-1 {
	
}

.page-container .page-menu ul.buttons li a.color-1:hover {
	
}

.page-container .page-menu ul.buttons li a.color-2 {
	
}

.page-container .page-menu ul.buttons li a.green {
	
}

.page-container .page-menu ul.buttons li a.green:hover {
	
}

.page-container .page-menu ul.buttons li a.blue {
	
}

.page-container .page-menu ul.buttons li a.blue:hover {
	
}

.page-container .page-menu ul.buttons li.portal-logo {
	
}

.page-container .page-menu ul.buttons li.portal-logo a,
.page-container .page-menu ul.buttons li.profile-logo a {
	
}

.page-container .page-menu ul.buttons li.portal-logo a {
	
}

.page-container .page-menu ul.buttons li.profile-logo a {
	
}

.page-container .page-menu ul.buttons li.portal-logo a img,
.page-container .page-menu ul.buttons li.profile-logo a img {
	
}

.page-container .page-menu ul.buttons li a.color-2:hover {
	
}

.page-container .page-menu ul.buttons li a.active,
.page-container .page-menu ul.buttons li a.color-3 {
	
}

.page-container .page-menu ul.buttons li a.active:hover,
.page-container .page-menu ul.buttons li a.color-3:hover {
	
}

.page-container .page-menu ul.buttons li a.color-4 {
	
}

.page-container .page-menu ul.buttons li a.color-4:hover {
	
}

.page-container .page-menu ul.buttons li a[data-notification]::after {
	
}

.page-container .page-menu ul.buttons li.weather-full div.heading {
	
}

.page-container .page-menu ul.buttons li.weather-full .container {
	
}

.page-container .page-menu ul.buttons li.weather-full .container a {
	
}

.page-container .page-menu ul.buttons li.weather-full .container .button {
	
}

.page-container .page-menu ul.buttons li.weather-full .container .credit {
	
}

.page-container .page-menu ul.buttons li.weather-full .container .credit a {
	
}

.page-container .page-menu ul.buttons li.weather-full .container .section {
	
}

.page-container .page-menu ul.buttons li.weather-full .container .section .border {
	
}

.page-container .page-menu ul.buttons li.weather-full .container .section .temperature {
	
}

.page-container .page-menu ul.buttons li.weather-full .container .section .temperature.warm {
	
}

.page-container .page-menu ul.buttons li.weather-full .container .section .temperature.cold {
	
}

.page-container .page-menu ul.buttons li.weather-full .container .more {
	
}

.page-container .page-menu ul.buttons li.settings {
	
}

.page-container .page-menu ul.buttons li.settings a {
	
}

.page-container .page-menu p.user-info {
	
}

.page-container .page-menu p.user-info a {
	
}


.page-container.menu-right .page-content {
	
	
}

.page-container.menu-always-dropdown .page-content {
	
}

.page-container.menu-right .page-padding {
	
	
	
}
.page-container.menu-always-dropdown .page-padding {
	
	
	
}

.page-container .page-content h1 {
	
	
}

.page-container #coreAjaxNoSupport {
	
}


.page-footer {
	
}

.page-footer .version-info {
	
}

.page-footer .version-info span {
	
}

.page-footer .version-info a {
	
}

 /*****************************************************************************
*  
*  Popups
*  
*****************************************************************************/

.popup-blocker {
	
}

.popup .animated {
	
}

.popup {
	
	
		-webkit-transform	: none;
		-moz-transform		: none;
		-ms-transform		: none;
		-o-transform		: none;
		transform			: none;
		
		-webkit-transition	: all 0 ease 0;
		-moz-transition		: all 0 ease 0;
		-ms-transition		: all 0 ease 0;
		-o-transition		: all 0 ease 0;
		transition			: all 0 ease 0;
	
	
	
		width				: 95%;
	
	
}

.popup-mobile-fixed {
	
}

.popup-display {
	
	
		-webkit-transform	: none;
		-moz-transform		: none;
		-ms-transform		: none;
		-o-transform		: none;
		transform			: none;
		
		-webkit-transition	: all 0 ease 0;
		-moz-transition		: all 0 ease 0;
		-ms-transition		: all 0 ease 0;
		-o-transition		: all 0 ease 0;
		transition			: all 0 ease 0;
	
}

.popup-hidden {
	
}

.popup .close-button {
	
}

.popup .close-button:hover {
	
}

.popup .close-button.hidden {
	
}

.popup .background {
	
}

.popup .container {
	
}

.popup .container > .title {
	
	
}

.popup .container > .title.hidden {
	
}

.popup .container .content {
	
}

.popup .container .content.padding {
	
	
}

.popup .container .content.padding-sides {
	
	
}

.popup .container .content a {
	
}

.popup .container .content a.dark {
	
}

.popup .container .content .spinner-container {
	
}

.popup .container .footer {
	
	
}

.popup .container .footer.hidden {
	
}



/** FULL SIZE POPUP **/
.popup.full-size {
	
}

.popup.full-size .background {
	
}

.popup.full-size .container {
	
}

.popup.full-size .container .content {
	
}

 .popup-menu {
	
}
 #imagelibrary-browser {
	
}

#imagelibrary-browser .filter {
	
}

#imagelibrary-browser .filter .search {
	
	
	display					: block;
	float					: none;
	
}

#imagelibrary-browser .filter .search input {
	
}

#imagelibrary-browser .filter .sort {
	
	
	margin-top				: 10px;
	display					: block;
	float					: none;
	
}

#imagelibrary-browser .filter .sort > div {
	
}

#imagelibrary-browser .filter .sort > div > select {
	
}

#imagelibrary-uploader {
	
}

#ilupImageContainer {
	
}

#ilbrImagesContainer {
	
}

#ilbrImagesContainer .image {
	
	
	
	width				: 50%;
	
}

#ilbrImagesContainer .image .border {
	
}

#ilbrImagesContainer .image:hover .border {
	
}

#ilbrImagesContainer .image table.thumbnail {
	
}

#ilbrImagesContainer .image table.thumbnail tr td {
	
}

#ilbrImagesContainer .image table.thumbnail tr td img {
	
}

#ilbrImagesContainer .image .descr {
	
}

#ilbrImagesContainer .image .border .tools {
	
}

#ilbrImagesContainer .image:hover .border .tools {
	
}

#ilbrImagesContainer .image .border .tools img {
	
}

#ilupOrigContainer {
	
	
}

#ilupPreviewContainer {
	
	
} #settings-window {
	
}

#settings-edit-menuitem {
	
}

#settings-menuitems-list {
	
}

#settings-menuitems-list .line {
	
}

#settings-menuitems-list .line.inactive {
	
}

#settings-menuitems-list .line .item.icons {
	
	
	
	width					: 65px;
	
}

#settings-menuitems-list .line .item.name {
	
	
	display					: block;
	float					: none;
	width					: auto;
	margin-left				: 65px;
	font-weight				: bold;
	
}

#settings-menuitems-list .line .item.access {
	
	
	
	display					: block;
	float					: none;
	width					: auto;
	margin-left				: 65px;
	
}
#settings-menuitems-list .line .item.access .level {
	
}

#settings-menuitems-list .line .item.icon {
	
	
	position				: absolute;
	display					: block;
	float					: none;
	width					: 50px;
	right					: -5px;
	top						: 5px;
	
	
}

#settings-menuitems-list .line .item.icon img {
	
	
	max-width				: none;
	
}

#settings-menuitems-list .line .item.heading.access,
#settings-menuitems-list .line .item.heading.icon {
	
	
	display					: none;
	
}

#settings-edit-menuitem .app-form .icons {
	
	
	
}

#settings-edit-menuitem .app-form .icons .icon {
	
	
	
}

#settings-edit-menuitem .app-form .icons .icon input {
	
	
	
}

#settings-edit-menuitem .app-form .icons .icon img {
	
	
	
}


 .text-editor-styles img.embed-video {
	
}

.text-editor-styles div.embed-video {
	
}

.text-editor-styles div.embed-video.youtube iframe {
	
}

.text-editor-styles div.embed-video.internal {
	
}

.text-editor-styles div.embed-video.internal video {
	
}

.text-editor-styles div.embed-video.internal div.overlay {
	
}

.text-editor-styles div.embed-video.internal div.controls {
	
}

.text-editor-styles div.embed-video.internal div.controls > span {
	
}

.text-editor-styles div.embed-video.internal.pause div.controls > span {
	
}

.text-editor-styles div.embed-video.internal div.controls > div {
	
}

.text-editor-styles div.embed-video.internal div.controls > div > span {
	
}

video::-webkit-media-controls{
    display: none;
    -webkit-appearance: none;
} #linkcreator {
	
}

#linkcreator-selectfile {
	
}

 #browser-folder-edit {
	
}

.browser-container > .lists {
	
}

.browser-container.colorscheme-grayscale > .lists {
	
}

.browser-container.colorscheme-blue > .lists {
	
}

.browser-container > .lists > .list {
	
}

.browser-container > .lists > .list.folders {
	
	
	width					: 200px;
	
	
	display					: block;
	float					: none;
	width					: auto;
	height					: 15px;
	border-right			: 0px;
	border-bottom			: 1px solid #444;
	
	-webkit-transition		: 0.5s height;
	-moz-transition			: 0.5s height;
	-o-transition			: 0.5s height;
	transition				: 0.5s height;
	
}

.browser-container > .lists > .list.folders.open {
	
	
	height					: 300px;
	
}

.browser-container > .lists > .list.folders .current-folder {
	
	
	display					: block;
	overflow				: hidden;
	
	/*width					: 1000px;*/
	height					: 15px;
	border-bottom			: 1px solid #444;
	padding-bottom			: 10px;
	margin-bottom			: 10px;
	
	cursor					: pointer;
	
	color					: #7cb133;
	
	position				: relative;
	
	
}

.browser-container > .lists > .list.folders .current-folder::after {
	
	content					: '';
	
	background-image		: url(/resources/gfx/folder-open.png);
	background-position		: center center;
	background-repeat		: no-repeat;
	
	width					: 15px;
	height					: 15px;
	
	position				: absolute;
	right					: 0px;
	top						: 0px;
	
	
}

.browser-container > .lists > .list.folders > div.tools {
	
}

.browser-container.colorscheme-blue > .lists > .list.folders > div.tools {
	
}

.browser-container > .lists > .list.folders > div.tools img {
	
}

.browser-container > .lists > .list.folders > div.tools img.new,
.browser-container > .lists > .list.folders.has-selection > div.tools img.edit,
.browser-container > .lists > .list.folders.has-selection > div.tools img.delete {
	
}

.browser-container > .lists > .list.folders > div.tools img.new {
	
}

.browser-container > .lists > .list.folders > div.tools img.edit,
.browser-container > .lists > .list.folders > div.tools img.delete {
	
}

.browser-container > .lists.no-new > .list.folders > div.tools img.new {
	
}

.browser-container > .lists.no-edit > .list.folders > div.tools img.edit {
	
}

.browser-container > .lists.no-delete > .list.folders > div.tools img.delete {
	
}

.browser-container > .lists.no-editing > .list.folders > div.tools {
	
}


.browser-container > .lists > .list.folders > div.items-container {
	
	
	height					: 200px;
	
}

.browser-container > .lists > .list.folders > div.items-container > div.items {
	
}

.browser-container > .lists > .list.folders > div.items-container > span.scrollbar {
	
}

.browser-container > .lists > .list.elements {
	
	
	
}

.browser-container > .lists > .list ul {
	
}

.browser-container > .lists > .list.folders > div.items-container > div.items ul {
	
}

.browser-container > .lists > .list.folders > div.items-container > div.items ul > li {
	
}

.browser-container > .lists > .list.folders > div.items-container > div.items ul > li > span {
	
}

.browser-container > .lists > .list.folders > div.items-container > div.items ul > li.has-children > span {
	
}

.browser-container > .lists > .list.folders > div.items-container > div.items ul > li.has-children.open > span {
	
}

.browser-container > .lists > .list.folders > div.items-container > div.items ul > li > p {
	
}

.browser-container > .lists > .list.folders > div.items-container > div.items ul > li.selected > p {
	
}

.browser-container > .lists > .list.folders > div.items-container > div.items ul > li.disabled > p {
	
}

.browser-container > .lists > .list.folders > div.items-container > div.items ul > li > p > span {
	
}

.browser-container > .lists > .list.folders > div.items-container > div.items ul > li > p > span:first-child {
	
}

.browser-container > .lists > .list.folders > div.items-container > div.items ul > li > p:hover > span {
	
}

.browser-container > .lists > .list.folders > div.items-container > div.items ul > li.has-notification > p::after,
.browser-container > .lists > .list.elements ul > li.has-notification > span::after {
	
}

.browser-container > .lists > .list.elements ul > li.has-notification > span::after {
	
}

.browser-container > .lists > .list.folders > div.items-container > div.items ul > li > ul {
	
}

.browser-container > .lists > .list.folders > div.items-container > div.items ul > li.open > ul {
	
}

 #files-file-edit {
	
}

.files-browser > .lists {
	
	
	height					: 350px;
	
}

.files-browser > .lists > .list.folders > div.items-container {
	
	
	height					: 220px;
	
}

.files-browser > .lists.no-editing > .list.folders > div.items-container {
	
	
	height					: 260px;
	
}

.files-browser .list.elements ul {
	
}

.files-browser .list.elements ul li {
	
}

.files-browser.colorscheme-blue .list.elements ul li {
	
}


.files-browser .list.elements ul li img.edit,
.files-browser .list.elements ul li img.delete {
	
}

.files-browser .list.elements ul li .click {
	
}

.files-browser .list.elements ul li .click:hover {
	
}

.files-browser .list.elements ul li.no-access,
.files-browser .list.elements ul li.no-elements {
	
}

.files-browser .list.elements ul li.spinner {
	
}

 .window-container {
	
	
	width				: 90%;
	
	
}

.window-container.maintenance {
	
}

.window-container .title {
	
	
}

.window-container.maintenance .title {
	
}

.window-container h1 {
	
	
}

.window-container .padding {
	
	
}

.window-container .padding .forgotten-password {
	
}

.window-container .padding .forgotten-password a {
	
}

.window-container .custom-error-message {
	
}

.window-container .logo {
	
}

.window-container .logo img {
	
}

.window-container .receivers-buttons {
	
	
}

.window-container .receivers-buttons a {
	
	
}

.window-container .button-container {
	
	
}

.window-container .success-message {
	
	
}

.window-container .failed-message {
	
	
}

.window-container .receivers-edit-section-firsttime,
.window-container .receivers-edit-section-number,
.window-container .receivers-edit-section-code,
.window-container .receivers-edit-section-edit {
	
}

.window-container .receivers-edit-section-firsttime.visible,
.window-container .receivers-edit-section-number.visible,
.window-container .receivers-edit-section-code.visible,
.window-container .receivers-edit-section-edit.visible {
	
}

 .wrap-box {
	
}

.wrap-box.w-25 {
	
	
	width				: 100%;
	
}
.wrap-box.w-50 {
	
	
	width				: 100%;
	
}
.wrap-box.w-75 {
	
	
	width				: 100%;
	
}

.wrap-box-tabs {
	
	
}

.wrap-box-tabs ul.tabs {
	
	
}

.wrap-box-tabs ul.tabs li {
	
	
}

.wrap-box-tabs ul.tabs li:hover {
	
	
}

.wrap-box-tabs ul.tabs li.active {
	
	
}

.wrap-box-tabs .wrap-box {
	
	
}
 .accordion {
	
}

.accordion.open {
	
}

.accordion > h2 {
	
	
}

.accordion > h2:before {
	
	
}

.accordion.open > h2 {
	
}
.accordion.open > h2:before {
	
}


.accordion > div {
	
}

.accordion.open > div {
	
}

 .page-container .page-logo .logo {
	
}

[data-puzzel-chat] {
	font-family: 'Roboto', sans-serif;
	z-index: 9999;
}

[data-puzzel-chat] h1 {
	margin-bottom: 0px !important;
}

.info-bar {
	
}

.info-bar p > span {
	
	
	
}

.info-bar p > span.left {
	
	
}

.info-bar p > span.right {
	
	
	
}

.info-bar p > span > span {
	
}

.info-bar p > span > span.chat {
	
	
	display: block;
	
}

.info-bar p > span > span.hideable {
	
	display					: none;
	
}



.info-bar a {
	
}

/** 

	light theme
	
**/



/** login **/

.page-login .login-container {
	
	
	padding					: 30px 20px;
	
}

.page-login .page-content h1 {
	
	
}

.page-login .login-container p,
.page-login .login-container ol {
	
	
	
}

.page-login .login-container ol {
	
	
	
}

.page-login .login-container ol li {
	
	
	
}

.page-login .login-container .forgotten-password {
	
}

#internal-info-messages button,
.page-login .login-container button.standard,
.page-login .login-container a.button-standard,
.page-login .login-container input[type="submit"] {
	
}

#internal-info-messages button:hover,
.page-login .login-container button.standard:hover,
.page-login .login-container input[type="submit"]:hover  {
	
}

.page-login .login-container .title {
	
}

.page-login h1 {
	
}

.page-login .candy-people-product-photo {
	
}

.page-login .contact-section {
	
	
	margin					: 40px 0px 0px 0px;
	
}

.page-login .contact-section .section {
	
	
	width					: auto;
	padding-left			: 0px;
	margin-bottom			: 20px;
	display					: block;
	
}

.page-login .contact-section .section .background {
	
	
	min-height				: 0;
	
}

.page-login .contact-section .section .background h2 {
	
}

.page-login .contact-section .section .background a {
	
	
}

.page-login .contact-section .section .background a span {
	
	
}
.page-login .contact-section .section .background a:hover {
	
}

.page-login .contact-section .section .background p {
	
	
	
}

.page-login .contact-section .section .background p.small {
	
	
	padding-top				: 0;
	
}

/** general **/

button.standard.contrast,
a.button-standard.contrast,
input[type="submit"].contrast {
	
}

button.standard.contrast:hover,
a.button-standard.contrast:hover,
input[type="submit"].contrast:hover  {
	
}

.list-filter {
	background				: #fff !important;
}

.list-filter-button::after {
	
	
	
}



.page-dev-version {
	
}

body {
	background				: #fff;
	color					: #000;
}

a {
	color					: #000;
}

.ajax-contents.ajax-loading:before,
.ajax-value.ajax-loading:before {
	
}

.ajax-contents.ajax-loading:after,
.ajax-value.ajax-loading:after {
	
}

button.busy.ajax-contents.ajax-loading:after,
button.busy.ajax-value.ajax-loading:after {
	
}

.page-container {
	
}

.page-container .page-logo {
	
}


.page-container .page-logo .top-bar {
	
}

.page-container .page-logo .top-bar > .page-width > img {
	
	
    padding					: 10px 0px 5px 15px;
	
}

.top-menu li {
	
	
	width					: 50px;
	height					: 50px;
	overflow				: hidden;
	margin-left				: 0px;
	margin-right			: 10px;
	
}

.top-menu li span {
	
	
	font-size				: 7px !important;
	
}

.top-menu li img {
	
	padding					: 0px !important;
	
}

.top-menu #menu-button {
	
}

.top-menu #menu-button.active {
	
}

.page-menu-blocker {
	
}

.page-menu {
	
}

.page-menu .user-info {
	
}

.page-menu .user-info a {
	
}

.page-menu ul.buttons li a {
	
}

.page-footer {
	
}

.div-list-768 .line.headings,
.div-list-1010 .line.headings {
	
}
.div-list-768 .line.headings .item,
.div-list-1010 .line.headings .item {
	
}

.div-list-768 .content,
.div-list-768 .content .line {
	
}

.div-list-768 .content .line .item {
	
}

button.standard {
	
}

.button-standard.left, button.standard.left, .button-standard.middle, button.standard.middle, .button-standard.right, button.standard.right {
	
}

.button-standard.left.down, button.standard.left.down, .button-standard.middle.down, button.standard.middle.down, .button-standard.right.down, button.standard.right.down {
	
}

button.standard.down,
a.button-standard.down,
input[type="submit"].down,
button.standard:hover {
	
}

button.standard span,
button.standard span:hover,
button.standard:hover span {
	
}

.button-standard.middle, button.standard.middle {
	
}

.button-standard.right, button.standard.right {
	
}

.button-standard.icon.icon-export, button.standard.icon.icon-export {
	
}

.button-standard.icon.icon-export, button.standard.icon.icon-emailaddresses {
	
}

.button-standard.icon.icon-export:hover, button.standard.icon.icon-export:hover {
	
}

.button-standard.icon.icon-export:hover, button.standard.icon.icon-emailaddresses:hover {
	
}


.wrap-box-tabs .wrap-box {
	
}

.wrap-box-tabs ul.tabs li {
	
}

.wrap-box-tabs ul.tabs li:hover,
.wrap-box-tabs ul.tabs li.active {
	
}

.popup-block {
	
}

.popup .background,
.popup .title,
.popup .footer {
	
}

.popup .tabPanel,
.popup .tabPanel .tabPanelTabSelected {
	
}

.popup .tabPanel .tabPanelTab {
	
}

.tabPanel .line-separator {
	border-bottom			: 1px solid rgba(0, 0, 0, 0.20) !important;
}

.app-form .line > div textarea,
.app-form .line > div input[type="text"],
.app-form .line > div input[type="password"],
.app-form .line > div .select,
.app-form .line > div .wrapper {
	
}

.app-form .line > div textarea:focus,
.app-form .line > div input[type="text"]:focus,
.app-form .line > div input[type="password"]:focus,
.app-form .line > div .select.focus {
	
}

.app-form .line > div textarea.error,
.app-form .line > div input[type="text"].error,
.app-form .line > div input[type="password"].error {
	
}

.app-form [type="checkbox"]:not(:checked) + label:before,
.app-form [type="checkbox"]:checked + label:before,
.app-form span.checkbox-checked:before,
.app-form span.radio-checked:before {
	
}

.app-form [type="radio"]:not(:checked) + label:before,
.app-form [type="radio"]:checked + label:before {
	
}


.tabPanel [type="checkbox"]:not(:checked) + label:before,
.tabPanel [type="checkbox"]:checked + label:before,
.tabPanel [type="radio"]:not(:checked) + label:before,
.tabPanel [type="radio"]:checked + label:before,
.tabPanel span.checkbox-checked:before,
.tabPanel span.radio-checked:before {
	
}


/* checked mark aspect */

.app-form [type="checkbox"]:not(:checked) + label:after,
.app-form [type="checkbox"]:checked + label:after,
.app-form span.checkbox-checked:after {
	
}

.app-form [type="radio"]:not(:checked) + label:after,
.app-form [type="radio"]:checked + label:after,
.app-form span.radio-checked:after {
	
}

.tabPanel [type="checkbox"]:not(:checked) + label:after,
.tabPanel [type="checkbox"]:checked + label:after,
.tabPanel span.checkbox-checked:after {
	
}



.div-list-1010 .line {
	
}

.div-list-1010 .line.headings {
	
}

.div-list-1010 .line.open,
.div-list-1010 .line.odd.open {
	
}

/** GROUPS **/
.groups-container .content {
	
}

#groups-search-content .line.headings .item,
#groups-search-content .line .item,
#groups-search-content .line .item a,
#groups-search-content .line .item span {
	
}

#groups-search-content .div-list-1010 .group-users {
	background-color		: #fff !important;
}


/** JQUERY UI **/
.ui-widget-header {
	
}

.ui-state-highlight, .ui-widget-content .ui-state-highlight {
	
}

.ui-state-active, .ui-widget-content .ui-state-active {
	
}

.ui-widget-content {
	
}

.ui-widget-header .ui-icon,
.ui-widget-header .ui-icon:hover {
	
}




.internal-info-messages-container ul li {
	
	
}

.internal-info-messages-container ul li h2 {
	
	
}


select {
	
}

button:focus {
	outline: 2px solid #000;
	outline-offset: 5px;
}
 }
@media only screen and (max-width: 480px) {
/*****************************************************************************
*  
*  Forms
*  
*****************************************************************************/

.app-form {
	
}

.app-form .line {
	
	
	margin-bottom			: 17px;
	
}

.app-form .line.dark {
	
}

.app-form strong {
	
}

.app-form strong.red {
	
}

.app-form .line-separator {
	
}

.app-form.on-dark-background .line-separator {
	
}

.app-form .line-separator.dark {
	
}

.app-form .tabPanel .line-separator {
	
}

.app-form .sections {
	
	
	margin-left				: 0px;
	
}

.app-form .sections .line-separator {
	
	
	margin-left				: 0px;
	
}

.app-form .sections .section {
	
	
	padding-left			: 0px;
	
}

.app-form .sections .section h2 {
	
	
	font-size				: 16px;
	line-height				: 22px;
	padding					: 20px 0px 10px;
	
}

.app-form .sections .section h2 span {
	
	
	
}

.app-form .sections .section h2::before {
	
	
	top						: 30px;
	
}

.app-form .sections .section.size-10,
.app-form .sections .section.size-20,
.app-form .sections .section.size-25,
.app-form .sections .section.size-30,
.app-form .sections .section.size-40,
.app-form .sections .section.size-50,
.app-form .sections .section.size-60,
.app-form .sections .section.size-70,
.app-form .sections .section.size-75,
.app-form .sections .section.size-80,
.app-form .sections .section.size-90,
.app-form .sections .section.size-100,
.app-form .sections .section.size-56,
.app-form .sections .section.size-66,
.app-form .sections .section.size-50,
.app-form .sections .section.size-33 {
	
	
	width					: 100%;
	float					: none;
	display					: block;
	
}

.app-form .sections .section.size-10 {  }
.app-form .sections .section.size-20 {  }
.app-form .sections .section.size-25 {  }
.app-form .sections .section.size-30 {  }
.app-form .sections .section.size-40 {  }
.app-form .sections .section.size-50 {  }
.app-form .sections .section.size-60 {  }
.app-form .sections .section.size-70 {  }
.app-form .sections .section.size-75 {  }
.app-form .sections .section.size-80 {  }
.app-form .sections .section.size-96 {  }
.app-form .sections .section.size-100 {  }
.app-form .sections .section.size-33 {  }
.app-form .sections .section.size-66 {  }

.app-form .section.separator-top,
.app-form .sections.separator-top {
	
}

.app-form .section.separator-bottom,
.app-form .sections.separator-bottom {
	
}

.app-form .section .comment {
	
}

.app-form .line {
	
}

.app-form .line label,
.app-form .line p.label,
.app-form .line span.label {
	
	
	padding-top				: 0px;
	width					: auto;
	display					: block;
	float					: none;
	padding-bottom			: 4px;
	
}

.app-form.on-dark-background .line label,
.app-form.on-dark-background .line p.label,
.app-form.on-dark-background .line span.label {
	
	
	
}

.app-form.label-on-one-line .line > label,
.app-form.label-on-one-line .line > p.label,
.app-form.label-on-one-line .line > span.label,
.app-form .label-on-one-line .line > label,
.app-form .label-on-one-line .line > p.label,
.app-form .label-on-one-line .line > span.label {
	
}

.app-form .line > label.mobile-emphasized,
.app-form .line > p.label.mobile-emphasized,
.app-form .line > span.label.mobile-emphasized {
	
	
	font-weight				: bold;
	
}

.app-form .line div.check-padding,
.app-form .line p.check-padding,
.app-form .line a.check-padding,
.app-form .line label.check-padding,
.app-form .line p.label.check-padding,
.app-form .line span.label.check-padding {
	
	
	padding-left			: 0px;
	
}

.app-form .line input[type="checkbox"] {
	
	
	
}

.app-form .line label.wide,
.app-form .line p.label.wide,
.app-form .line span.label.wide {
	
	
}

.app-form .line label.normal,
.app-form .line p.label.normal,
.app-form .line span.label.normal {
	
	
	
}



.app-form .line.dark label {
	
}

.app-form .line > div {
	
	
	margin-left				: 0px;
	
}

.app-form.label-on-one-line .line > div,
.app-form .label-on-one-line .line > div {
	
}


.app-form .line > div.wide {
	
	
}

.app-form .line > div .subline {
	
}

.app-form .line > div .comment {
	
}

.app-form .line > div input[type="checkbox"],
.app-form .line > div input[type="radio"] {
	
}

.app-form .line > div .radio-padding,
.app-form .line > div .checkbox-padding {
	
}

.input-container,
input[type="text"].normal-form-element,
.app-form .line > div textarea,
.app-form .line > div input[type="text"],
.app-form .line > div input[type="password"],
.app-form .line > div .wrapper {
	
}

.app-form.on-dark-background .line > div textarea,
.app-form.on-dark-background .line > div input[type="text"],
.app-form.on-dark-background .line > div input[type="password"],
.app-form.on-dark-background .line > div .wrapper {
	
}

.app-form .line > div input[type="text"].readonly,
.app-form .line > div input[type="password"].readonly {
	
}

.app-form.on-dark-background .line > div input[type="text"].readonly,
.app-form.on-dark-background .line > div input[type="password"].readonly {
	
}

.app-form .line > div .currency {
	
}

.app-form .line > div .currency input[type="text"] {
	font-size				: 0px;
	line-height				: 17px;
	position				: relative;
}

.app-form .line > div .currency input[type="text"]:focus {
	font-size				: 14px;
	line-height				: 17px;
}

.app-form .line > div .currency input[type="text"] + span {
	position				: absolute;
	right					: 5px;
	top						: 7px;
	font-size				: 14px;
}

.app-form .line > div .currency input[type="text"]:focus + span {
	display					: none;
}

.input-container.search,
input[type="text"].normal-form-element.search,
.app-form .line > div textarea.search,
.app-form .line > div input[type="text"].search {
	
}

.app-form .line > div .wrapper .input-content {
	
}

.app-form .line > div .wrapper .input-remove {
	
}

.input-container:disabled,
input[type="text"].normal-form-element:disabled,
.app-form .line > div textarea:disabled,
.app-form .line > div input[type="text"]:disabled,
.app-form .line > div input[type="password"]:disabled,
.app-form .line > div .select select:disabled {
	
}

.app-form .line > div .select select option[disabled="disabled"] {
	
}

.app-form .line > div div.check input[type="checkbox"] {
	
}

.app-form .line > div div.check {
	
}


.app-form .line > div textarea {
	
}

.app-form .line > div .w-50 {  }
.app-form .line > div .w-75 {  }
.app-form .line > div .w-100 {  }
.app-form .line > div .w-125 {  }
.app-form .line > div .w-150 {  }
.app-form .line > div .w-200 {  }
.app-form .line > div .w-250 {  }
.app-form .line > div .w-300 {  }

.app-form .line > div .w-full {  }
.app-form .line > div .w-90p {  }
.app-form .line > div .w-80p {  }
.app-form .line > div .w-70p {  }
.app-form .line > div .w-60p {  }
.app-form .line > div .w-50p {  }
.app-form .line > div .w-40p {  }
.app-form .line > div .w-30p {  }
.app-form .line > div .w-20p {  }
.app-form .line > div .w-10p {  }

.app-form .line > div .h-100 {  }
.app-form .line > div .h-200 {  }


input[type="text"].normal-form-element.dark,
.app-form .line > div textarea.dark,
.app-form .line > div input[type="text"].dark,
.app-form .line > div input[type="password"].dark {
	
}

input[type="text"].normal-form-element.full,
.app-form .line > div textarea.full,
.app-form .line > div input[type="text"].full,
.app-form .line > div input[type="password"].full,
.app-form .line > div .full {
	
}

input[type="text"].normal-form-element.right,
.app-form .line > div textarea.right,
.app-form .line > div input[type="text"].right,
.app-form .line > div input[type="password"].right {
	
}

.app-form .line > div .select.error {
	
}

.app-form .line > div textarea.error,
.app-form .line > div input[type="text"].error,
.app-form .line > div input[type="password"].error {
	
}

.app-form .line > div textarea.monospace {
	
}

.app-form .line .time-container {
	
	
}

.app-form .line .time-container > div {
	
	
}

.app-form .line .unchecked-container p {
	
}

.app-form .line .time-container > div .select {
	
}


.app-form .errors-container {
	
	
}

.app-form .errors-container .error-message p {
	
}

.app-form .errors-container .error-message ul {
	
}

.app-form .errors-container .error-message ul li {
	
}



.app-text-editor {
	
}

.app-text-editor .container {
	
}

.app-text-editor .container textarea {
	
}

.app-text-editor .spinner {
	
}




.save-info {
	
}



.text-editor-styles {
	
}





.app-form label {
	
}

.app-form label span {
	
}

.app-form .checkbox-text,
.app-form .radio-text,
.app-form [type="checkbox"]:not(:checked) + label,
.app-form [type="checkbox"]:checked + label,
.app-form [type="radio"]:not(:checked) + label,
.app-form [type="radio"]:checked + label {
	
}

/* Base for label styling */

.app-form [type="checkbox"]:not(:checked),
.app-form [type="checkbox"]:checked,
.app-form [type="radio"]:not(:checked),
.app-form [type="radio"]:checked {
	
}

.app-form [type="checkbox"]:not(:checked) + label,
.app-form [type="checkbox"]:checked + label,
.app-form [type="radio"]:not(:checked) + label,
.app-form [type="radio"]:checked + label,
.app-form span.checkbox-checked {
	
}

.app-form [type="checkbox"]:not(:checked) + label,
.app-form [type="checkbox"]:checked + label,
.app-form [type="radio"]:not(:checked) + label,
.app-form [type="radio"]:checked + label {
	
}
/* checkbox aspect */

.app-form [type="checkbox"]:not(:checked) + label:before,
.app-form [type="checkbox"]:checked + label:before,
.app-form span.checkbox-checked:before,
.app-form span.radio-checked:before {
	
}

.app-form [type="radio"]:not(:checked) + label:before,
.app-form [type="radio"]:checked + label:before {
	
}


.tabPanel [type="checkbox"]:not(:checked) + label:before,
.tabPanel [type="checkbox"]:checked + label:before,
.tabPanel [type="radio"]:not(:checked) + label:before,
.tabPanel [type="radio"]:checked + label:before,
.tabPanel span.checkbox-checked:before,
.tabPanel span.radio-checked:before {
	
}


/* checked mark aspect */

.app-form [type="checkbox"]:not(:checked) + label:after,
.app-form [type="checkbox"]:checked + label:after,
.app-form span.checkbox-checked:after {
	
}

.app-form [type="radio"]:not(:checked) + label:after,
.app-form [type="radio"]:checked + label:after,
.app-form span.radio-checked:after {
	
}

.tabPanel [type="checkbox"]:not(:checked) + label:after,
.tabPanel [type="checkbox"]:checked + label:after,
.tabPanel span.checkbox-checked:after {
	
}

.tabPanel [type="radio"]:not(:checked) + label:after,
.tabPanel [type="radio"]:checked + label:after,
.tabPanel span.radio-checked:after {
	
}

/* checked mark aspect changes */

.app-form [type="checkbox"]:not(:checked) + label:after,
.app-form [type="radio"]:not(:checked) + label:after {
	
}

.app-form [type="checkbox"]:checked + label:after,
.app-form [type="radio"]:checked + label:after {
	
}
/* disabled checkbox */

.app-form [type="checkbox"]:disabled:not(:checked) + label:before,
.app-form [type="checkbox"]:disabled:checked + label:before,
.app-form [type="radio"]:disabled:not(:checked) + label:before,
.app-form [type="radio"]:disabled:checked + label:before,
.app-form [type="checkbox"].disabled:not(:checked) + label:before,
.app-form [type="checkbox"].disabled:checked + label:before,
.app-form [type="radio"].disabled:not(:checked) + label:before,
.app-form [type="radio"].disabled:checked + label:before {
	
}

.app-form [type="checkbox"]:disabled:checked + label:after,
.app-form [type="radio"]:disabled:checked + label:after,
.app-form [type="checkbox"].disabled:checked + label:after,
.app-form [type="radio"].disabled:checked + label:after {
	
}

.app-form [type="checkbox"]:disabled + label,
.app-form [type="radio"]:disabled + label,
.app-form [type="checkbox"].disabled + label,
.app-form [type="radio"].disabled + label {
	
}
/* accessibility */

/*
[type="checkbox"]:checked:focus + label:before,
[type="checkbox"]:not(:checked):focus + label:before {
  border: 1px dotted #7d861e;
}
*/
/* hover style just for information */

label:hover:before {
	
}



/****************************************************************************************************************
*  
*  Color Schemes
*  
****************************************************************************************************************/


/**
* DARK GRAY, for windowless forms
**/

.colorscheme-darkgray .section-group {
	
	
	
	padding					: 0px 0px 20px;
	
}

.colorscheme-darkgray.input-container,
.colorscheme-darkgrayinput[type="text"].normal-form-element,
.app-form.colorscheme-darkgray .line > div textarea,
.app-form.colorscheme-darkgray .line > div input[type="text"],
.app-form.colorscheme-darkgray .line > div input[type="password"],
.app-form.colorscheme-darkgray .line > div .wrapper {
	
}

.colorscheme-darkgray.input-container.error,
.colorscheme-darkgrayinput[type="text"].normal-form-element.error,
.app-form.colorscheme-darkgray .line > div .select.error,
.app-form.colorscheme-darkgray .line > div textarea.error,
.app-form.colorscheme-darkgray .line > div input[type="text"].error,
.app-form.colorscheme-darkgray .line > div input[type="password"].error,
.app-form.colorscheme-darkgray .line > div .wrapper.error {
	
}

.colorscheme-darkgray .line > label {
	
}

.colorscheme-darkgray .line > label + div {
	
}

.colorscheme-darkgray .line > div::after {
	
}

.colorscheme-darkgray .line > div.spinner::after {
	
}

.colorscheme-darkgray .select {
	
}

.colorscheme-darkgray .select select {
	
}

.colorscheme-darkgray .select select option {
	
}

.app-form.colorscheme-darkgray .line-separator {
	
}

 .div-list, .div-list-768 {
	
}

.div-list .line {
	
	
	padding					: 10px 5px 10px;
	border-bottom			: 1px solid #ddd;
	
}

.div-list .line,
.div-list .line.odd {
	
}

.div-list .line.headings {
	
}

.div-list .line.always-odd {
	
}

.div-list .line .item {
	
}

.div-list .line.headings .item {
	
}

.div-list .line .item.icons img.clickable {
	
}

.div-list .line .item.heading {
	
	
	display					: none !important;
	
}

.div-list-768 .content {
	
	
}

.div-list-768 .line {
	
	
}

.div-list-768 .line.open .item,
.div-list-768 .line.open .item span {
	
}

.div-list-768 .line,
.div-list-768 .line.odd {
	
}

.div-list-768 .line.headings {
	
}

.div-list-768 .line.always-odd {
	
}

.div-list-768 .line.odd.open,
.div-list-768 .line.always-odd.open,
.div-list-768 .line.open {
	
}

.div-list-768 .line .item {
	
}

.div-list-768 .line.headings .item {
	
}

.div-list-768 .line .item.icons {
	
	
}

.div-list-768 .line .item.icons img.clickable {
	
}

.div-list-768 .line.headings .item {
	
	
}



.div-list-1010 .content {
	
	
}

.div-list-1010 .line {
	
	
}

.div-list-1010 .line.desktop-odd.open,
.div-list-1010 .line.odd.open,
.div-list-1010 .line.always-odd.open,
.div-list-1010 .line.open {
	
}

.div-list-1010 .line.open .item,
.div-list-1010 .line.open .item span {
	
}

.div-list-1010 .line,
.div-list-1010 .line.odd {
	
}

.div-list-1010 .line.always-odd {
	
}

.div-list-1010 .line.headings {
	
}

.div-list-1010 .line .item {
	
}

.div-list-1010 .line .item.icons {
	
	
}

.div-list-1010 .line .item.icons img.clickable {
	
}

.div-list-1010 .line.headings .item {
	
	
}


.div-list .item.hidden,
.div-list-768 .item.hidden,
.div-list-1010 .item.hidden {
	
}


.div-list + .page-controls {
	
	
	border-top				: 0px;
	
}

.div-list-768 + .page-controls {
	
	
}

.div-list-1010 + .page-controls {
	
	
}

.div-list-colors {
	
}

.div-list-colors a {
	
}

.div-list-colors a.hidden {
	
}

.div-list-colors p {
	
	
}

.div-list-colors p.visible {
	
	
}

.div-list-colors p span {
	
	
	
}


 /** responsive filter **/
.list-filter-button {
	
	
}

.list-filter-button::after {
	
	
}

.list-filter-button.down::after,
.list-filter-button:hover::after {
	
	
}

.list-filter-button img {
	
}

.list-filter {
	
	
}

.list-filter div {
	
	
}

.list-filter div.pl5 {
	
}

.list-filter.visible {
	
	
}

/** always filter **/
.list-filter-button.always {
	
}

.list-filter.always {
	
	
}


.list-filter.always div {
	
	
}

.list-filter.always.visible {
	
}

.list-filter div.section {
	
}

.list-filter div.section span.descr {
	
} /***********************************************************************************
* GENERAL
***********************************************************************************/

div.grid-list ul {
	
	
	
	
	height					: 900px;
	
}

div.grid-list ul li {
	
	
	
	width					: 50%;
	height					: 10%;
	
}

div.grid-list ul li div.container {
	
}

div.grid-list ul li div.background {
	
}

div.grid-list ul li:hover div.background {
	
}

div.grid-list ul li span.name {
	
	
	
	
	padding					: 2px;
	height					: 16px;
	
}

div.grid-list ul li:hover span.name {
	
	
	
	padding					: 2px;
	height					: 16px;
	
}

div.grid-list ul li img.delete,
div.grid-list ul li img.edit {
	
	
	
}

div.grid-list ul li img.edit {
	
}

div.grid-list ul li img.delete {
	
}

div.grid-list ul li:hover img.delete,
div.grid-list ul li:hover img.edit {
	
}


/***********************************************************************************
* COLOR SCHEMES
***********************************************************************************/

.popup div.grid-list {
	
}

.popup div.grid-list.spinner {
	
}
 .info-blocks {
	
	
}

.info-blocks h1,
.info-blocks h2 {
	
	
}

.info-blocks .info-block {
	
	
}

.info-blocks .info-block.hidden {
	
}

.info-blocks .info-block.desktop-col-3 {
	
	
}

.info-blocks .info-block.desktop-col-2 {
	
	
}

.info-blocks .info-block.tablet-col-3 {
	
	
}

.info-blocks .info-block.tablet-col-2 {
	
	
}

.info-blocks .info-block.tablet-col-1 {
	
	
}

.info-blocks .info-block.mobile-col-2 {
	
}

.info-blocks .info-block.mobile-col-1 {
	
}

.info-blocks .info-block > .content {
	
	
}

.info-blocks .info-block.blue > .content,
.info-blocks .info-block.green > .content,
.info-blocks .info-block.red > .content,
.info-blocks .info-block.yellow > .content {
	
	
}

.info-blocks .info-block.blue.fill > .content,
.info-blocks .info-block.green.fill > .content,
.info-blocks .info-block.red.fill > .content,
.info-blocks .info-block.yellow.fill > .content {
	
	
}

.info-blocks .info-block.blue > .content {
	
}

.info-blocks .info-block.green > .content {
	
}

.info-blocks .info-block.red > .content {
	
}

.info-blocks .info-block.yellow > .content {
	
}

.info-blocks .info-block.orange > .content {
	
}

.info-blocks .info-block.blue.fill > .content {
	
}

.info-blocks .info-block.green.fill > .content {
	
}

.info-blocks .info-block.red.fill > .content {
	
}

.info-blocks .info-block.yellow.fill > .content {
	
}

.info-blocks .info-block.orange.fill > .content {
	
}
 html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl,
dt, dd, ol, ul, li, fieldset, form, label, legend, caption, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	
}

table, tbody, tfoot, thead, tr, th, td {
	
}

* {
	
}

body {
	
}


/* roboto-100 - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 100;
  src: url('/resources/css/fonts/roboto-v20-latin-100.eot'); /* IE9 Compat Modes */
  src: local('Roboto Thin'), local('Roboto-Thin'),
       url('/resources/css/fonts/roboto-v20-latin-100.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/resources/css/fonts/roboto-v20-latin-100.woff2') format('woff2'), /* Super Modern Browsers */
       url('/resources/css/fonts/roboto-v20-latin-100.woff') format('woff'), /* Modern Browsers */
       url('/resources/css/fonts/roboto-v20-latin-100.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/resources/css/fonts/roboto-v20-latin-100.svg#Roboto') format('svg'); /* Legacy iOS */
}
/* roboto-regular - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: url('/resources/css/fonts/roboto-v20-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Roboto'), local('Roboto-Regular'),
       url('/resources/css/fonts/roboto-v20-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/resources/css/fonts/roboto-v20-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('/resources/css/fonts/roboto-v20-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('/resources/css/fonts/roboto-v20-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/resources/css/fonts/roboto-v20-latin-regular.svg#Roboto') format('svg'); /* Legacy iOS */
}
/* roboto-700 - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: url('/resources/css/fonts/roboto-v20-latin-700.eot'); /* IE9 Compat Modes */
  src: local('Roboto Bold'), local('Roboto-Bold'),
       url('/resources/css/fonts/roboto-v20-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/resources/css/fonts/roboto-v20-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('/resources/css/fonts/roboto-v20-latin-700.woff') format('woff'), /* Modern Browsers */
       url('/resources/css/fonts/roboto-v20-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/resources/css/fonts/roboto-v20-latin-700.svg#Roboto') format('svg'); /* Legacy iOS */
}
/* roboto-900 - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 900;
  src: url('/resources/css/fonts/roboto-v20-latin-900.eot'); /* IE9 Compat Modes */
  src: local('Roboto Black'), local('Roboto-Black'),
       url('/resources/css/fonts/roboto-v20-latin-900.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/resources/css/fonts/roboto-v20-latin-900.woff2') format('woff2'), /* Super Modern Browsers */
       url('/resources/css/fonts/roboto-v20-latin-900.woff') format('woff'), /* Modern Browsers */
       url('/resources/css/fonts/roboto-v20-latin-900.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/resources/css/fonts/roboto-v20-latin-900.svg#Roboto') format('svg'); /* Legacy iOS */
}


img {
	
}

h1 {
	
}

h2 {
	
}

.f-right {
	
}

.f-left {
	
}

.c-right {
	
}

.c-left {
	
}

.v-middle {
	
}

.t-left {
	
}

.t-center {
	
}

.t-right {
	
}

.block {
	
}

.inline {
	
}

.inline-block {
	
}

strong, .strong {
	
}

.hidden {
	
}

.relative {
	
}

.absolute {
	
}

.clickable {
	
}

.mb50 {}
.mb40 {}
.mb30 {}
.mb20 {}
.mb10 {}
.mb5 {}
.mb2 {}

.mt60 {}
.mt50 {}
.mt40 {}
.mt30 {}
.mt20 {}
.mt15 {}
.mt10 {}
.mt5 {}
.mt2 {}

.mtm20 {}
.mtm15 {}
.mtm10 {}
.mtm5 {}

.ml30 {}
.ml20 {}
.ml15 {}
.ml10 {}
.ml5 {}
.ml2 {}

.mr30 {}
.mr20 {}
.mr15 {}
.mr10 {}
.mr5 {}
.mr2 {}

.pl1 {}
.pl2 {}
.pl3 {}
.pl4 {}
.pl5 {}
.pl6 {}
.pl7 {}
.pl8 {}
.pl9 {}
.pl10 {}
.pl15 {}
.pl20 {}

.pr5 {}
.pr10 {}
.pr15 {}
.pr20 {}

.pt3 {}
.pt5 {}
.pt10 {}
.pt15 {}
.pt20 {}

.pb3 {}
.pb5 {}
.pb10 {}
.pb15 {}
.pb20 {}


.w-50p {}

.filter .w-50 {}
.filter .w-100 {}
.filter .w-150 {}
.filter .w-200 {}
.filter .w-250 {}
.filter .w-300 {}
.filter .w-350 {}
.filter .w-400 {}


.no-overflow {
	
}

.overflow {
	
}


.message-box {
	
}

.no-mobile {
	
	
}

.no-mobile-real {
	
	
	display				: none !important;
	
}

.mobile-only {
	
	
	display				: block !important;
	
}

.no-mobile-message {
	
	
}

.desktop-only {
	
	
}

.tablet-desktop-only {
	
	
	display				: none !important;
	
}

.no-desktop {
	
	
}

.no-desktop-1010 {
	
	
}

.no-desktop-table-cell {
	
	
}



a {
	
}

a:hover {
	
}

a.no-hover:hover {
	
}

img.button {
	
}

img.button.disabled {
	
}

table.list {
	
}

table.list thead tr th {
	
}

table.list tbody tr td {
	
}

table.list tbody tr td.responsive-font-size {
	
	
	font-size			: 12px;
	
}

table.list tbody tr:first-child td {
	
}



/*****************************************************************************
*  
*  Form controls
*  
*****************************************************************************/

.button-panels {
	
	
}

.button-panels .button-panel {
	
}

.button-panels .button-panel.desktop-right {
	
	
	
}

.button-panels .button-panel.tablet-right {
	
	
}

.button-panels .button-panel.mobile-right {
	
}

.button-panels .button-panel.desktop-left {
	
	
	
}

.button-panels .button-panel.tablet-left {
	
	
}

.button-panels .button-panel.mobile-left {
	
}

textarea, input, button {
	
}

select {
	
}

.popup select {
	
}

a.button, button, input[type=submit]  {
	
	
	font-size			: 12px;
	
}

.button-standard, button.standard, input[type=submit] {
	
}

.button-standard.busy, button.standard.busy, input[type=submit].busy, button.busy {
	
}

.button-standard.busy, button.standard.busy, input[type=submit].busy, button.busy::after {
	
}


.button-standard.transparent, button.standard.transparent, input[type=submit].transparent {
	
}

.button-standard.hidden, button.standard.hidden, input[type=submit].hidden {
	
}

.button-standard.bw, button.standard.bw, input[type=submit].bw {
	
}

.button-standard.bw.down, button.standard.bw.down, input[type=submit].bw.down {
	
}

.button-standard.icon, button.standard.icon {
	
	
	padding				: 6px 15px 5px; /**8px 15px**/
	/*padding				: 3px 8px 2px;*/
	
}

.button-standard.icon img, button.standard.icon img {
	
}

.button-standard.icon.icon-export, button.standard.icon.icon-export,
.button-standard.icon.icon-question, button.standard.icon.icon-question,
.button-standard.icon.icon-save, button.standard.icon.icon-save,
.button-standard.icon.icon-delete, button.standard.icon.icon-delete,
.button-standard.icon.icon-emailaddresses, button.standard.icon.icon-emailaddresses {
	
	
	padding				: 6px 15px 5px 28px;
	
}

.button-standard.icon.icon-export, button.standard.icon.icon-export {  }
.button-standard.icon.icon-emailaddresses, button.standard.icon.icon-emailaddresses {  }
.button-standard.icon.icon-question, button.standard.icon.icon-question {  }
.button-standard.icon.icon-save, button.standard.icon.icon-save {  }
.button-standard.icon.icon-delete, button.standard.icon.icon-delete {  }

.button-standard.left, button.standard.left {
	
}

.button-standard.middle, button.standard.middle {
	
}

.button-standard.right, button.standard.right {
	
}

.button-standard.left, button.standard.left,
.button-standard.middle, button.standard.middle,
.button-standard.right, button.standard.right {
	background					: #4f731c;
}

.button-standard.stackable-4.stackable-no-1, button.standard.stackable-4.stackable-no-1 {
	
}

button.standard.image {
	
}

button.standard span,
.button-standard span {
	
	
}

button.standard.down span,
.button-standard span.always,
button.standard span.always {
	
}

/*button.standard.symbol.big {*/
	
/*}*/

button.standard.symbol {
	
}

.button-standard.hover, .button-standard:hover, button.standard:hover, input[type=submit]:hover {
	
}

.button-standard.transparent.hover, button-standard.transparent:hover, button.standard.transparent:hover, input[type=submit].transparent:hover {
	
}

.button-standard.down, button.standard.down {
	
}

button.standard.down:hover {
	
}

.button-standard.left.down, button.standard.left.down,
.button-standard.middle.down, button.standard.middle.down,
.button-standard.right.down, button.standard.right.down {
	
}

.button-standard.left.down:hover, button.standard.left.down:hover,
.button-standard.middle.down:hover, button.standard.middle.down:hover,
.button-standard.right.down:hover, button.standard.right.down:hover {
	
}

button.standard.disabled {
	
}

button.standard.disabled:hover {
	
}

button.standard.control {
	
}

button.standard.control:hover {
	
}

.button-toggle {
	
}

.button-toggle .on,
.button-toggle .off {
	
}

.button-toggle .on {
	
}

.button-toggle.on .on {
	
}

.button-toggle .off {
	
}

.button-toggle.on .off {
	
}

.emphazised {
	
}

.emphazised.orange,
.emphazised.color-1 {
	
}

.emphazised.yellow,
.emphazised.color-2 {
	
}

.emphazised.green,
.emphazised.color-3 {
	
}

.emphazised.turquoise,
.emphazised.color-4 {
	
}

.emphazised.blue,
.emphazised.color-5 {
	
}

.emphazised.purple,
.emphazised.color-6 {
	
}

.emphazised.red,
.emphazised.color-7 {
	
}

.emphazised.transparent.orange,
.emphazised.transparent.color-1 {
	
}

.emphazised.transparent.yellow,
.emphazised.transparent.color-2 {
	
}

.emphazised.transparent.green,
.emphazised.transparent.color-3 {
	
}

.emphazised.transparent.turquoise,
.emphazised.transparent.color-4 {
	
}

.emphazised.transparent.blue,
.emphazised.transparent.color-5 {
	
}

.emphazised.transparent.purple,
.emphazised.transparent.color-6 {
	
}

.emphazised.transparent.red,
.emphazised.transparent.color-7 {
	
}

.emphazised.transparent {
	
}


input[type=text], input[type=password], textarea {
	border				: 1px solid #aaaaaa;
	padding				: 2px;
	background			: #ffffff;
	font-family			: Arial;
	font-size			: 12px;
}

.input.w-100,
.input.w-200,
.input.w-300 {
	
	
}

.input.w-100 input[type="text"],
.input.w-200 input[type="text"],
.input.w-300 input[type="text"] {
	
	
}


.select select {
	
}

.select {
	
}

.select.dark,
.normal-form-element.dark {
	
}

.select.dark select {
	
}

.select.dark select option {
	
}

.select.w-20, .input.w-20 {}
.select.w-50, .input.w-50 {}
.select.w-60, .input.w-60 {}
.select.w-75, .input.w-75 {}
.select.w-100, .input.w-100 {}
.select.w-150, .input.w-150 {}
.select.w-200, .input.w-200 {}
.select.w-300, .input.w-300 {}


/*
.mainContent {
	background			: #ffffff;
	padding				: 5px 20px 20px 20px;
}

.mainContentHeader {
	color				: #777777;
	text-align			: right;
	font-size			: 10px;
	padding-bottom		: 0px;
}

div.menu {
	height				: 30px;
	padding				: 0px;
	margin				: 0px;
	background			: #f6f6f6;
	
	border-bottom		: 1px solid #bbbbbb;
}

ul.menu {
	list-style-type		: none;
	
	padding				: 0px 0px 0px 5px;
	margin				: 0px;
}

li.menu {
	display				: inline;
	float				: left;
	
	position			: relative;
	height				: 12px;
	
	padding				: 9px;
	
	font-family			: Arial;
	font-size			: 12px;
	line-height			: 12px;
	
	cursor				: pointer;
	color				: #000000;
}

a.menu:link {
	color				: #000000;
	text-decoration		: none;
}

a.menu:visited {
	color				: #000000;
	text-decoration		: none;
}

a.menu:hover {
	color				: #000000;
	text-decoration		: underline;
}

a.menu:active {
	color				: #000000;
	text-decoration		: underline;
}

li.menuItem {
	display				: inline;
	float				: left;
	
	position			: relative;
	height				: 29px;
	
	color				: #555555;
}

div.menuItem {
	display				: inline;
	float				: left;
	
	padding				: 7px 6px;
}

div.menuSeparator {
	background			: url(/gfx/menudots.jpg);
	
	display				: inline;
	float				: left;
	
	width				: 5px;
	height				: 29px;
	
	padding				: 0px 0px;
}

li.menuRight {
	display				: inline;
	float				: right;
	
	color				: #555555;
	
	padding				: 0px 0px 0px 0px;
	margin				: 0px;
}


li.submenuItem {
	display				: block;
	
	height				: 29px;
	width				: 160px;
	
	color				: #000000;
}

div.submenuItem {
	padding				: 5px 5px;
}

div.submenuItem:hover {
	background			: url(/gfx/menubkselected.jpg) repeat-x;
	
	color				: #000000;
	
	padding				: 5px 5px;
}

a.submenuItem {
	color				: #000000;
	text-decoration		: none;
}

.subMenuBox {
	background			: #f6f6f6;
	border				: 1px solid #699AAE;
}



a:link {
	color				: #3E6474;
	text-decoration		: none;
}

a:visited {
	color				: #3E6474;
	text-decoration		: none;
}

a:hover {
	color				: #3E6474;
	text-decoration		: underline;
}

a:active {
	color				: #3E6474;
	text-decoration		: underline;
}

.link {
	color				: #3E6474;
	text-decoration		: none;
}

.link:hover {
	color				: #3E6474;
	text-decoration		: underline;
}


p {
	margin				: 0px;
	padding				: 0px;
}


h1 {
	padding				: 0px 0px 16px 0px;
	
	margin				: 0px;
	font-family			: Arial;
	font-size			: 18px;
	line-height			: 22px;
}

h2 {
	padding				: 0px 0px 8px 0px;
	
	margin				: 0px;
	font-family			: Arial;
	font-size			: 12px;
	line-height			: 20px;
}


td.form {
	padding-bottom		: 5px;
}
*/

/*****************************************************************************
*  
*  Report colors
*  
*****************************************************************************/

input[type=text].messageOk, div.messageOk {
	border				: 1px solid #0EC600;
	background			: #E3F7E1;
}

input[type=text].messageError, div.messageError {
	border				: 1px solid #E65252;
	background			: #FFE5E3;
}


/*****************************************************************************
*  
*  Sections
*  
*****************************************************************************/

.tabPanel {
	background			: #e4e4e4;
	color				: #000;
	border				: 1px solid #e4e4e4;
	
	padding				: 30px 15px 15px;
	margin-bottom		: 10px;
}

.tabPanelWhite {
	background			: #ffffff;
	border-top			: 1px solid #699AAE;
	
	padding				: 15px;
	margin-bottom		: 10px;
}

.tabPanelTabSelected {
	display				: inline;
	float				: left;
	height				: 16px;

	background			: #e4e4e4;

	margin-right		: 5px;
	border-top			: 1px solid #e4e4e4;
	border-right		: 1px solid #e4e4e4;
	border-left			: 1px solid #e4e4e4;
	padding				: 11px 15px 7px 15px;

	font-weight			: bold;
	line-height			: 16px;
	color				: #333333;
	
	cursor				: pointer;
}

.tabPanelTabSelectedWhite {
	display				: inline;
	float				: left;
	height				: 16px;

	background			: #F0F7FA;

	margin-right		: 5px;
	border-top			: 1px solid #699AAE;
	border-right		: 1px solid #699AAE;
	border-left			: 1px solid #699AAE;
	border-bottom		: 1px solid #699AAE;
	padding				: 9px 15px 4px 15px;

	font-weight			: bold;
	line-height			: 16px;
	color				: #333333;
	
	cursor				: pointer;
}

.tabPanelTab {
	display				: inline;
	float				: left;
	height				: 16px;

	background			: #699AAE;
	
	margin-right		: 5px;
	margin-top			: 4px;
	padding				: 7px 15px;

	font-weight			: normal;
	line-height			: 16px;
	color				: #ffffff;
	
	cursor				: pointer;
}


.pageSectionHeader {
	border				: 1px solid #699AAE;
	background			: #C7E0EB;
	color				: #3E6474;
}

.tableHeader {
	border-bottom		: 1px solid #699AAE;
}

.sectionHeader {
	background			: #F0F7FA;
	border				: 1px solid #699AAE;
	
	color				: #3E6474;
	font-weight			: bold;
	
	padding				: 15px;
	margin-bottom		: 10px;
	
	cursor				: pointer;
}

.sectionFrame {
	background			: #F0F7FA;
	border				: 1px solid #699AAE;
}


.sectionFrameLink {
	color				: #0066CC;
}

.sectionContainer {
	padding 			: 15px 0px 15px 29px;
}

.sectionDivider {
	margin-bottom		: 13px;
	border-bottom		: 1px solid #699AAE;
}

/** light background **/
.lightBackground {
	background			: #F0F7FA;
}

/** store selector **/
.storeSelectorGroup {
	background			: #F0F7FA;
	margin-bottom		: 4px;
	padding				: 4px;
}

.storeSelectorGroupText {
	font-weight			: bold;
	color				: #333333;
}

/** selector buttons **/
.selectorButton {
	color				: #333333;
	background			: #ffffff;
	border				: 1px solid #699AAE;
}

.selectorButtonSelected {
	color				: #ffffff;
	background			: #699AAE;
	border				: 1px solid #699AAE;
}

.calDropDown {
	background			: #ffffff;
	border				: 1px solid #699AAE;
}

/** drop down **/
.dropDownHeader {
	background			: #ffffff;
	color				: #000000;
	border				: 1px solid #699AAE;
}

.dropDownHeaderSelected {
	background			: #699AAE;
	color				: #ffffff;
	border				: 1px solid #699AAE;
}

.dropDownContent {
	background			: #ffffff;
	border				: 1px solid #699AAE;
}

/** inline calendar **/
.calendarInline {
	background			: #ffffff;
	border				: 1px solid #699AAE;
}

/** popup calendar **/
.popupCalendarHeader {
	background			: #699AAE;
	color				: #ffffff;
	border-bottom		: 1px solid #699AAE;
}

.popupCalendarContainer {
	border				: 1px solid #699AAE;
	background			: #ffffff;
}

/** stores list **/
.storesChar {
	padding				: 5px;
	border				: 1px solid #aaa;
	border-radius		: 3px;
	cursor				: pointer;
	font-weight			: normal;
	background			: #555;
}

.storesChar:hover {
	border				: 1px solid #fff;
}

.storesCharSelected {
	padding				: 5px;
	border				: 1px solid #fff;
	border-radius		: 3px;
	cursor				: pointer;
	font-weight			: bold;
	background			: #7CB133;
}

.storesListRowColor {
	background			: #F0F7FA;
}

.storesListColNormal {
	border-bottom		: 1px solid #AFD1E1;
}

.storesListColShade {
	border-bottom		: 1px solid #C2DDEA;
	border-left			: 1px solid #AFD1E1;
	border-right		: 1px solid #AFD1E1;
	font-weight			: bold;
	background			: #D8EAF2;
	text-align			: center;
}

.listColTopBorder {
	border-top			: 1px solid #AFD1E1;
}

.registrationGraphicBorder {
	border				: 1px solid #699AAF;
}


.registrationDivider {
	border-bottom		: 1px solid #699AAF;
}

/*****************************************************************************
*  
*  Boxes
*  
*****************************************************************************/

.messageBox {
	margin-bottom		: 16px;
	padding				: 10px;
	
	background			: #E3F7E1;
	border				: 1px solid #0EC600;
}

.boxShadow {
	background			: url(boxshadow.png);
	padding				: 15px 15px 4px 15px;
}

.boxContainer {
	border				: 1px solid #000000;
}

.boxHeading {
	background			: url(boxheadingbk.jpg) repeat-x #bee8f8;
	border-top			: 1px solid #F1FBFF;
	border-left			: 1px solid #F1FBFF;
	border-right		: 1px solid #F1FBFF;
	padding				: 5px;
	height				: 32px;
}

.boxContent {
	background			: #F5FDFF;
	padding				: 15px;
}

.popupWindowBk {
	position			: absolute;
	background			: #ffffff;
	opacity				: 0.6;
	filter				: alpha(opacity = 60);
}

.popupWindowBorder {
	position			: absolute;
	background			: #000000;
	opacity				: 0.6;
	filter				: alpha(opacity = 60);
}

.popupWindowContentBk {
	border				: 1px solid #000000;
	background			: #ffffff;
}

.popupWindowHeading {
	background			: #C7E0EB;
	border-bottom		: 1px solid #699AAE;
	color				: #3E6474;
	font-size			: 16px;
	line-height			: 16px;
	font-weight			: bold;
	text-align			: center;
	padding				: 15px;
}

.popupWindowContent {
	background			: #ffffff;
	padding				: 10px;
}

.popupWindowBottomBar {
	height				: 30px;
	padding				: 5px;
}

.popupWindowContentNoPadding {
	background			: #ffffff;
	padding				: 0px;
}



.listitem {
	border-bottom		: 1px solid #AFD1E1;
}

.linkLine {
	padding-bottom		: 3px;
}

.linkList {
	padding-bottom		: 10px;
}

h2.linkListHeading {
	padding				: 0px 0px 3px 0px;
	font-size			: 12px;
	font-weight			: normal;
}

/*****************************************************************************
*  
*  Calendar
*  
*****************************************************************************/

.calCellNone {
	margin				: 1px;
	padding				: 4px 0px;
	
	background			: #E6F1F6;
	color				: #9EB7C2;
	border				: 1px solid #C7E0EB;
	border-top			: 6px solid #C7E0EB;
	font-weight			: normal;
}

.calCellMonth {
	margin				: 1px;
	padding				: 4px 0px;
	
	background			: #C7E0EB;
	color				: #000000;
	border				: 1px solid #699AAF;
	border-top			: 6px solid #699AAF;
	font-weight			: normal;
}

.calCellToday {
	padding				: 4px 0px;
	margin				: 1px;
	
	background			: #699AAF;
	color				: #ffffff;
	border				: 1px solid #699AAF;
	border-top			: 6px solid #699AAF;
	font-weight			: bold;
}

.calCellMinHeight {
	display				: inline;
	float				: right;
	width				: 1px;
	height				: 55px;
}

.calColorItem {
	display				: inline;
	float				: left;
	width				: 18px;
	height				: 18px;
	overflow			: hidden;
	margin				: 1px 5px 1px 1px;
	border				: 1px solid #000000;
	cursor				: pointer;
}

.calColorItemSelected {
	display				: inline;
	float				: left;
	width				: 18px;
	height				: 18px;
	overflow			: hidden;
	margin-right		: 4px;
	border				: 2px solid #000000;
	cursor				: pointer;
}

.calBackground {
	background			: #F6FBFE;
}

/*****************************************************************************
*  
*  Other
*  
*****************************************************************************/


.page-login .login-container ol {
	
	
}

.photo {
}

div.photoContainer {
	margin-right		: 20px;
	float				: right;
	overflow			: hidden;
}

table.photoContainer {
	border				: 1px solid #BBBBBB;
	background			: #ffffff;
	
	padding				: 10px;
	margin-bottom		: 7px;
	width				: 160px;
}

.pfUIPhotoContainer {
}


img.formattingRight {
	
	
	float				: none;
	display				: block;
	width				: 100% !important;
	margin-left			: 0px;
	
}

img.formattingLeft {
	
	
	float				: none;
	display				: block;
	width				: 100% !important;
	margin-right		: 0px;
	
}

/*****************************************************************************
*  
*  Icon collection
*  
*****************************************************************************/

.ic-empty {
	
}

.ic-listarrow-right,
.ic-listarrow-down,
.ic-gear {
	
}

.ic-listarrow-right {
	
}

.ic-listarrow-down {
	
}

.ic-gear {
	
}

.ic-gear:hover {
	
}


.gui-tabpanel {
	
}

.gui-tabpanel > ul.tabs {
	
}

.gui-tabpanel > ul.tabs > li {
	
}

.gui-tabpanel > ul.tabs > li.active {
	
}

.gui-tabpanel > div.content {
	
}

/*****************************************************************************
*  
*  Popups
*  
*****************************************************************************/

#window-busy {
	
}

#window-busy .spinner {
	
}

#maintenance-message {
	
}

#maintenance-message > .background,
#maintenance-message > .container > .title {
	
}

.message-alert {
	background					: #E17C0F;
	padding						: 20px;
	color						: #fff;
	margin-bottom				: 20px;
}





.policies-text {
	
}

.policies-text ul {
	
}

.policies-text ul.index {
	
}

.policies-text ul li {
	
	
	font-size			: 14px;
	line-height			: 28px;
	
}

.policies-text.colorful ul li {
	
	
	
}

.policies-text h2 {
	
	
	margin				: 30px 0px 7px 0px;
	
}

.policies-text.colorful h2 {
	
	
	margin				: 40px 0px 7px 17px;
	
}

.policies-text.colorful h1 + p,
.policies-text.colorful h2 + p,
.policies-text.colorful h2 + ul {
	
	
    padding				: 15px 15px;
    border-left			: 2px solid #5797BB;
	
}

.policies-text.colorful h1 + p {
	
	
    border-left			: 2px solid #7CB133;
	
}

.policies-text p i {
	
}

.policies-text p strong {
	
}

.policies-text ul.index li a {
	
}

.policies-text ul.index li a:hover {
	
}

.policies-text p.accepted-date {
	
}

#user-policy-form {
	border-top			: 1px solid #fff;
	margin-top			: 40px;
}

.ajax-value {
}

.ajax-value.ajax-loading {
	min-width			: 40px;
	position			: relative;
	display				: inline-block;
}

.ajax-contents.ajax-loading {
	position			: relative;
	min-height			: 60px;
}

@keyframes ajax-loading {
	from {
		background-position: -10px 50%;
	}
	to {
		background-position: 0px 50%;
	}
}


.ajax-contents.ajax-loading:after,
.ajax-value.ajax-loading:after {
	background-image	: url(/resources/gfx/loader-lines.png);
	background-position	: 0px 50%;
	background-repeat	: repeat-x;
	width				: 30px;
	height				: 100%;
	left				: 50%;
	content				: ' ';
	transform			: translate(-50%, 0px);
	position			: absolute;
	animation			: ajax-loading 0.3s linear 0s infinite;
}

.ajax-contents.ajax-loading:after {
	transform			: translate(-50%, 0px);
	top					: 0px;
	left				: 50%;
	width				: 50%;
}

.ajax-contents.ajax-loading:before,
.ajax-value.ajax-loading:before {
	background-color	: rgba(255, 255, 255, 0.1);
	top					: 0px;
	left				: 0px;
	width				: 40px;
	height				: 100%;
	content				: ' ';
	position			: absolute;
}

.ajax-contents.ajax-loading:before {
	left				: 0px;
	width				: 100%;
}

.ajax-contents.ajax-loading.ajax-nobackground:before,
.ajax-value.ajax-loading.ajax-nobackground:before {
	background-color	: transparent;
}


.help-section {
	padding				: 20px;
	background-color	: #fff;
	border				: 1px solid #000;
	margin-bottom		: 20px;
}

.help-section h2 {
	font-size			: 20px;
	line-height			: 28px;
}

.help-section h3 {
	padding-top			: 10px;
	font-weight			: bold;
}

.help-section p,
.help-section li {
	padding				: 0 0 10px;
}

.help-section p,
.help-section li {
	color				: rgba(0, 0, 0, 0.65);
}

.help-section em,
.help-section strong {
	color				: #000;
}

.help-section ul {
	padding				: 10px 0 0 30px;
}

.help-section li {
}

.help-section em {
	
}

.help-section span.point {
	border				: 1px solid #000;
	border-radius		: 5px;
	width				: 8px;
	height				: 8px;
	display				: inline-block;
}

 /*****************************************************************************
*  
*  Main
*  
*****************************************************************************/

body {
	
}

.page-container {
	
}

.page-dev-version {
	
}


.page-width {
	
	
	
	
	
	width				: 100% !important;
	
}

.page-width-including-padding {
	
	
	
	
	
	width				: 100% !important;
	
}

.page-container .page-logo {
	
	
	
	
	margin-bottom		: 30px;
	
}

.page-container .page-logo .top-bar {
	
}

.page-container .page-logo .logo {
	
	
	
}

.page-container .page-logo ul.top-menu {
	
	
}

.page-container .page-logo ul.top-menu li {
	
}

.page-container.menu-always-dropdown .page-logo li.dropdown {
	
}

.page-container.menu-right .page-logo li.dropdown {
	
	
}

.page-container .page-logo li.dropdown[data-notification]::after {
	
}

.page-container .page-logo ul.top-menu li img {
	
	
}

.page-container .page-logo ul.top-menu li img.active {
	
}

.page-container .page-logo ul.top-menu li span {
	
	
}

.page-container .page-logo ul.top-menu.buttons-dark li span {
	
	
}



.internal-info-messages-container ul {
	
	
	
}

.internal-info-messages-container ul li {
	
	
	
}

.internal-info-messages-container ul li h2 {
	
	
	
}

.internal-info-messages-container ul li p {
	
	
	
}

.internal-info-messages-container ul li button {
	
	
	
}


.system-info-messages-container .message {
	
	
	padding							: 20px 0px;
	
}

.system-info-messages-container.inline-padding .message {
	
	
	padding							: 20px 20px;
	
}

.system-info-messages-container .message.state-1 {
	
}

.system-info-messages-container .message.state-2 {
	
}

.system-info-messages-container .message.state-3 {
	
}

.system-info-messages-container .message.state-4 {
	
}

.system-info-messages-container .message.notifications {
	
}

.system-info-messages-container .message p a {
	
}

.system-info-messages-container .message h2 {
	
	
	font-size						: 16px;
	line-height						: 20px;
	
}

.system-info-messages-container .message button,
.system-info-messages-container .message button:hover {
	
}

.system-info-messages-container .message.notifications .splitter {
	
}

.system-info-messages-container .message.notifications .section {
	
}

.system-info-messages-container .message.notifications .section h3 {
	
}

.system-info-messages-container .message.notifications .section span.info {
	
}

.system-info-messages-container .message.notifications .section span.reference {
	
}

.system-info-messages-container .message.notifications .section span.date {
	
}

.system-info-messages-container .message.notifications .section button {
	
	
	margin							: 10px 0px;
	float							: none;
	
}

.system-info-messages-container .message.notifications .section p {
	
}

.system-info-messages-container .message.notifications .section p a {
	
}

.system-info-messages-container .message.notifications p.comment {
	
}



.page-container .page-wrapper {
	
}

.page-container.menu-always-dropdown .page-menu {
	
	
	width				: 100%;
	
}

.page-container.menu-right .page-menu {
	
	
	
	width				: 100%;
	
}

.page-container.menu-always-dropdown .page-menu.open,
.page-container.menu-right .page-menu.open {
	
}

.page-container.menu-always-dropdown .page-menu.visible,
.page-container.menu-right .page-menu.visible {
	
	
	
	
	top					: 70px;
	
}

.page-container .page-menu-blocker {
	
}

.page-container .page-menu-blocker.display {
	
}

.page-container .page-menu ul.buttons {
	
}

.page-container .page-menu ul.buttons.portal {
	
}

.page-container .page-menu ul.buttons li {
	
}

.page-container .page-menu ul.buttons li.w-33 {
	
}

.page-container .page-menu ul.buttons li.w-25 {
	
}

.page-container .page-menu ul.buttons li.w-50 {
	
}

.page-container .page-menu ul.buttons li.w-100 {
	
}

.page-container .page-menu ul.buttons li.w-33 img.icon {
	
	
	/*
	height				: 25px;
	*/
	vertical-align		: bottom;
	
}

.page-container .page-menu ul.buttons li.w-100 img.icon {
	
	
	/*height				: 40px;*/
	vertical-align		: bottom;
	
}

.page-container .page-menu ul.buttons li span {
	
}

.page-container .page-menu ul.buttons li a {
	
}

.page-container .page-menu ul.buttons li a.color-1,
.page-container .page-menu ul.buttons li a.color-2,
.page-container .page-menu ul.buttons li a.color-3,
.page-container .page-menu ul.buttons li a.color-4,
.page-container .page-menu ul.buttons li a.yellow,
.page-container .page-menu ul.buttons li a.blue,
.page-container .page-menu ul.buttons li a.active {
	
	
	/*
	padding-top			: 3px;
	height				: 65px;
	font-size			: 12px;
	*/
	
}

.page-container .page-menu ul.buttons li a.color-1 {
	
}

.page-container .page-menu ul.buttons li a.color-1:hover {
	
}

.page-container .page-menu ul.buttons li a.color-2 {
	
}

.page-container .page-menu ul.buttons li a.green {
	
}

.page-container .page-menu ul.buttons li a.green:hover {
	
}

.page-container .page-menu ul.buttons li a.blue {
	
}

.page-container .page-menu ul.buttons li a.blue:hover {
	
}

.page-container .page-menu ul.buttons li.portal-logo {
	
}

.page-container .page-menu ul.buttons li.portal-logo a,
.page-container .page-menu ul.buttons li.profile-logo a {
	
}

.page-container .page-menu ul.buttons li.portal-logo a {
	
}

.page-container .page-menu ul.buttons li.profile-logo a {
	
}

.page-container .page-menu ul.buttons li.portal-logo a img,
.page-container .page-menu ul.buttons li.profile-logo a img {
	
}

.page-container .page-menu ul.buttons li a.color-2:hover {
	
}

.page-container .page-menu ul.buttons li a.active,
.page-container .page-menu ul.buttons li a.color-3 {
	
}

.page-container .page-menu ul.buttons li a.active:hover,
.page-container .page-menu ul.buttons li a.color-3:hover {
	
}

.page-container .page-menu ul.buttons li a.color-4 {
	
}

.page-container .page-menu ul.buttons li a.color-4:hover {
	
}

.page-container .page-menu ul.buttons li a[data-notification]::after {
	
}

.page-container .page-menu ul.buttons li.weather-full div.heading {
	
}

.page-container .page-menu ul.buttons li.weather-full .container {
	
}

.page-container .page-menu ul.buttons li.weather-full .container a {
	
}

.page-container .page-menu ul.buttons li.weather-full .container .button {
	
}

.page-container .page-menu ul.buttons li.weather-full .container .credit {
	
}

.page-container .page-menu ul.buttons li.weather-full .container .credit a {
	
}

.page-container .page-menu ul.buttons li.weather-full .container .section {
	
}

.page-container .page-menu ul.buttons li.weather-full .container .section .border {
	
}

.page-container .page-menu ul.buttons li.weather-full .container .section .temperature {
	
}

.page-container .page-menu ul.buttons li.weather-full .container .section .temperature.warm {
	
}

.page-container .page-menu ul.buttons li.weather-full .container .section .temperature.cold {
	
}

.page-container .page-menu ul.buttons li.weather-full .container .more {
	
}

.page-container .page-menu ul.buttons li.settings {
	
}

.page-container .page-menu ul.buttons li.settings a {
	
}

.page-container .page-menu p.user-info {
	
}

.page-container .page-menu p.user-info a {
	
}


.page-container.menu-right .page-content {
	
	
}

.page-container.menu-always-dropdown .page-content {
	
}

.page-container.menu-right .page-padding {
	
	
	
	padding				: 0px 15px 0px;
	
}
.page-container.menu-always-dropdown .page-padding {
	
	
	
	padding				: 0px 15px 0px;
	
}

.page-container .page-content h1 {
	
	
	font-size			: 34px;
	line-height			: 34px;
	
}

.page-container #coreAjaxNoSupport {
	
}


.page-footer {
	
}

.page-footer .version-info {
	
}

.page-footer .version-info span {
	
}

.page-footer .version-info a {
	
}

 /*****************************************************************************
*  
*  Popups
*  
*****************************************************************************/

.popup-blocker {
	
}

.popup .animated {
	
}

.popup {
	
	
	
	
	
		width				: 100%;
	
}

.popup-mobile-fixed {
	
		position			: fixed;
		
		top					: 0px !important;
		left				: 0px !important;
		width				: 100% !important;
		height				: 100% !important;
		
		overflow			: scroll;
		overflow-y			: scroll;
		overflow-x			: hidden;
	
}

.popup-display {
	
	
}

.popup-hidden {
	
}

.popup .close-button {
	
}

.popup .close-button:hover {
	
}

.popup .close-button.hidden {
	
}

.popup .background {
	
}

.popup .container {
	
}

.popup .container > .title {
	
	
		padding				: 15px 10px;
	
}

.popup .container > .title.hidden {
	
}

.popup .container .content {
	
}

.popup .container .content.padding {
	
	
		padding				: 10px;
	
}

.popup .container .content.padding-sides {
	
	
		padding				: 0px 10px;
	
}

.popup .container .content a {
	
}

.popup .container .content a.dark {
	
}

.popup .container .content .spinner-container {
	
}

.popup .container .footer {
	
	
		padding				: 15px 10px;
	
}

.popup .container .footer.hidden {
	
}



/** FULL SIZE POPUP **/
.popup.full-size {
	
}

.popup.full-size .background {
	
}

.popup.full-size .container {
	
}

.popup.full-size .container .content {
	
}

 .popup-menu {
	
}
 #imagelibrary-browser {
	
}

#imagelibrary-browser .filter {
	
}

#imagelibrary-browser .filter .search {
	
	
}

#imagelibrary-browser .filter .search input {
	
}

#imagelibrary-browser .filter .sort {
	
	
}

#imagelibrary-browser .filter .sort > div {
	
}

#imagelibrary-browser .filter .sort > div > select {
	
}

#imagelibrary-uploader {
	
}

#ilupImageContainer {
	
}

#ilbrImagesContainer {
	
}

#ilbrImagesContainer .image {
	
	
	
}

#ilbrImagesContainer .image .border {
	
}

#ilbrImagesContainer .image:hover .border {
	
}

#ilbrImagesContainer .image table.thumbnail {
	
}

#ilbrImagesContainer .image table.thumbnail tr td {
	
}

#ilbrImagesContainer .image table.thumbnail tr td img {
	
}

#ilbrImagesContainer .image .descr {
	
}

#ilbrImagesContainer .image .border .tools {
	
}

#ilbrImagesContainer .image:hover .border .tools {
	
}

#ilbrImagesContainer .image .border .tools img {
	
}

#ilupOrigContainer {
	
	
}

#ilupPreviewContainer {
	
	
} #settings-window {
	
}

#settings-edit-menuitem {
	
}

#settings-menuitems-list {
	
}

#settings-menuitems-list .line {
	
}

#settings-menuitems-list .line.inactive {
	
}

#settings-menuitems-list .line .item.icons {
	
	
	
}

#settings-menuitems-list .line .item.name {
	
	
}

#settings-menuitems-list .line .item.access {
	
	
	
}
#settings-menuitems-list .line .item.access .level {
	
}

#settings-menuitems-list .line .item.icon {
	
	
	
	
}

#settings-menuitems-list .line .item.icon img {
	
	
}

#settings-menuitems-list .line .item.heading.access,
#settings-menuitems-list .line .item.heading.icon {
	
	
}

#settings-edit-menuitem .app-form .icons {
	
	
}

#settings-edit-menuitem .app-form .icons .icon {
	
	
}

#settings-edit-menuitem .app-form .icons .icon input {
	
	
}

#settings-edit-menuitem .app-form .icons .icon img {
	
	
}


 .text-editor-styles img.embed-video {
	
}

.text-editor-styles div.embed-video {
	
}

.text-editor-styles div.embed-video.youtube iframe {
	
}

.text-editor-styles div.embed-video.internal {
	
}

.text-editor-styles div.embed-video.internal video {
	
}

.text-editor-styles div.embed-video.internal div.overlay {
	
}

.text-editor-styles div.embed-video.internal div.controls {
	
}

.text-editor-styles div.embed-video.internal div.controls > span {
	
}

.text-editor-styles div.embed-video.internal.pause div.controls > span {
	
}

.text-editor-styles div.embed-video.internal div.controls > div {
	
}

.text-editor-styles div.embed-video.internal div.controls > div > span {
	
}

video::-webkit-media-controls{
    display: none;
    -webkit-appearance: none;
} #linkcreator {
	
}

#linkcreator-selectfile {
	
}

 #browser-folder-edit {
	
}

.browser-container > .lists {
	
}

.browser-container.colorscheme-grayscale > .lists {
	
}

.browser-container.colorscheme-blue > .lists {
	
}

.browser-container > .lists > .list {
	
}

.browser-container > .lists > .list.folders {
	
	
	
}

.browser-container > .lists > .list.folders.open {
	
	
}

.browser-container > .lists > .list.folders .current-folder {
	
	
	
	background-position		: 260px 3px;
	
}

.browser-container > .lists > .list.folders .current-folder::after {
	
	
	
}

.browser-container > .lists > .list.folders > div.tools {
	
}

.browser-container.colorscheme-blue > .lists > .list.folders > div.tools {
	
}

.browser-container > .lists > .list.folders > div.tools img {
	
}

.browser-container > .lists > .list.folders > div.tools img.new,
.browser-container > .lists > .list.folders.has-selection > div.tools img.edit,
.browser-container > .lists > .list.folders.has-selection > div.tools img.delete {
	
}

.browser-container > .lists > .list.folders > div.tools img.new {
	
}

.browser-container > .lists > .list.folders > div.tools img.edit,
.browser-container > .lists > .list.folders > div.tools img.delete {
	
}

.browser-container > .lists.no-new > .list.folders > div.tools img.new {
	
}

.browser-container > .lists.no-edit > .list.folders > div.tools img.edit {
	
}

.browser-container > .lists.no-delete > .list.folders > div.tools img.delete {
	
}

.browser-container > .lists.no-editing > .list.folders > div.tools {
	
}


.browser-container > .lists > .list.folders > div.items-container {
	
	
}

.browser-container > .lists > .list.folders > div.items-container > div.items {
	
}

.browser-container > .lists > .list.folders > div.items-container > span.scrollbar {
	
}

.browser-container > .lists > .list.elements {
	
	
}

.browser-container > .lists > .list ul {
	
}

.browser-container > .lists > .list.folders > div.items-container > div.items ul {
	
}

.browser-container > .lists > .list.folders > div.items-container > div.items ul > li {
	
}

.browser-container > .lists > .list.folders > div.items-container > div.items ul > li > span {
	
}

.browser-container > .lists > .list.folders > div.items-container > div.items ul > li.has-children > span {
	
}

.browser-container > .lists > .list.folders > div.items-container > div.items ul > li.has-children.open > span {
	
}

.browser-container > .lists > .list.folders > div.items-container > div.items ul > li > p {
	
}

.browser-container > .lists > .list.folders > div.items-container > div.items ul > li.selected > p {
	
}

.browser-container > .lists > .list.folders > div.items-container > div.items ul > li.disabled > p {
	
}

.browser-container > .lists > .list.folders > div.items-container > div.items ul > li > p > span {
	
}

.browser-container > .lists > .list.folders > div.items-container > div.items ul > li > p > span:first-child {
	
}

.browser-container > .lists > .list.folders > div.items-container > div.items ul > li > p:hover > span {
	
}

.browser-container > .lists > .list.folders > div.items-container > div.items ul > li.has-notification > p::after,
.browser-container > .lists > .list.elements ul > li.has-notification > span::after {
	
}

.browser-container > .lists > .list.elements ul > li.has-notification > span::after {
	
}

.browser-container > .lists > .list.folders > div.items-container > div.items ul > li > ul {
	
}

.browser-container > .lists > .list.folders > div.items-container > div.items ul > li.open > ul {
	
}

 #files-file-edit {
	
}

.files-browser > .lists {
	
	
}

.files-browser > .lists > .list.folders > div.items-container {
	
	
}

.files-browser > .lists.no-editing > .list.folders > div.items-container {
	
	
}

.files-browser .list.elements ul {
	
}

.files-browser .list.elements ul li {
	
}

.files-browser.colorscheme-blue .list.elements ul li {
	
}


.files-browser .list.elements ul li img.edit,
.files-browser .list.elements ul li img.delete {
	
}

.files-browser .list.elements ul li .click {
	
}

.files-browser .list.elements ul li .click:hover {
	
}

.files-browser .list.elements ul li.no-access,
.files-browser .list.elements ul li.no-elements {
	
}

.files-browser .list.elements ul li.spinner {
	
}

 .window-container {
	
	
	
	margin				: 0px auto 0px auto;
	width				: 100%;
	
}

.window-container.maintenance {
	
}

.window-container .title {
	
	
	padding				: 15px 10px;
	
}

.window-container.maintenance .title {
	
}

.window-container h1 {
	
	
	
}

.window-container .padding {
	
	
	padding				: 10px;
	
}

.window-container .padding .forgotten-password {
	
}

.window-container .padding .forgotten-password a {
	
}

.window-container .custom-error-message {
	
}

.window-container .logo {
	
}

.window-container .logo img {
	
}

.window-container .receivers-buttons {
	
	
	
}

.window-container .receivers-buttons a {
	
	
	display				: block;
	margin				: 0px 0px 10px;
	
}

.window-container .button-container {
	
	
	
}

.window-container .success-message {
	
	
	
}

.window-container .failed-message {
	
	
	
}

.window-container .receivers-edit-section-firsttime,
.window-container .receivers-edit-section-number,
.window-container .receivers-edit-section-code,
.window-container .receivers-edit-section-edit {
	
}

.window-container .receivers-edit-section-firsttime.visible,
.window-container .receivers-edit-section-number.visible,
.window-container .receivers-edit-section-code.visible,
.window-container .receivers-edit-section-edit.visible {
	
}

 .wrap-box {
	
}

.wrap-box.w-25 {
	
	
}
.wrap-box.w-50 {
	
	
}
.wrap-box.w-75 {
	
	
}

.wrap-box-tabs {
	
	
		padding-top			: 32px;
	
}

.wrap-box-tabs ul.tabs {
	
	
	
}

.wrap-box-tabs ul.tabs li {
	
	
		padding				: 7px 10px 8px;
		margin				: 3px 3px 0px 0px;
	
}

.wrap-box-tabs ul.tabs li:hover {
	
	
	
}

.wrap-box-tabs ul.tabs li.active {
	
	
		padding				: 10px 10px 8px;
		margin				: 0px 3px 0px 0px;
	
}

.wrap-box-tabs .wrap-box {
	
	
	
}
 .accordion {
	
}

.accordion.open {
	
}

.accordion > h2 {
	
	
	padding					: 20px 20px 20px 40px;
	
	font-size				: 14px;
	line-height				: 18px;
	
}

.accordion > h2:before {
	
	
	top						: 16px;
	
}

.accordion.open > h2 {
	
}
.accordion.open > h2:before {
	
}


.accordion > div {
	
}

.accordion.open > div {
	
}

 .page-container .page-logo .logo {
	
}

[data-puzzel-chat] {
	font-family: 'Roboto', sans-serif;
	z-index: 9999;
}

[data-puzzel-chat] h1 {
	margin-bottom: 0px !important;
}

.info-bar {
	
}

.info-bar p > span {
	
	
	
	line-height				: 20px;
	
}

.info-bar p > span.left {
	
	
}

.info-bar p > span.right {
	
	
	
	font-size				: 11px;
	
}

.info-bar p > span > span {
	
}

.info-bar p > span > span.chat {
	
	
}

.info-bar p > span > span.hideable {
	
}



.info-bar a {
	
}

/** 

	light theme
	
**/



/** login **/

.page-login .login-container {
	
	
}

.page-login .page-content h1 {
	
	
	line-height: 44px !important;
	
}

.page-login .login-container p,
.page-login .login-container ol {
	
	
}

.page-login .login-container ol {
	
	
}

.page-login .login-container ol li {
	
	
}

.page-login .login-container .forgotten-password {
	
}

#internal-info-messages button,
.page-login .login-container button.standard,
.page-login .login-container a.button-standard,
.page-login .login-container input[type="submit"] {
	
}

#internal-info-messages button:hover,
.page-login .login-container button.standard:hover,
.page-login .login-container input[type="submit"]:hover  {
	
}

.page-login .login-container .title {
	
}

.page-login h1 {
	
}

.page-login .candy-people-product-photo {
	
}

.page-login .contact-section {
	
	
}

.page-login .contact-section .section {
	
	
}

.page-login .contact-section .section .background {
	
	
}

.page-login .contact-section .section .background h2 {
	
}

.page-login .contact-section .section .background a {
	
	
}

.page-login .contact-section .section .background a span {
	
	
}
.page-login .contact-section .section .background a:hover {
	
}

.page-login .contact-section .section .background p {
	
	
}

.page-login .contact-section .section .background p.small {
	
	
}

/** general **/

button.standard.contrast,
a.button-standard.contrast,
input[type="submit"].contrast {
	
}

button.standard.contrast:hover,
a.button-standard.contrast:hover,
input[type="submit"].contrast:hover  {
	
}

.list-filter {
	background				: #fff !important;
}

.list-filter-button::after {
	
	
}



.page-dev-version {
	
}

body {
	background				: #fff;
	color					: #000;
}

a {
	color					: #000;
}

.ajax-contents.ajax-loading:before,
.ajax-value.ajax-loading:before {
	
}

.ajax-contents.ajax-loading:after,
.ajax-value.ajax-loading:after {
	
}

button.busy.ajax-contents.ajax-loading:after,
button.busy.ajax-value.ajax-loading:after {
	
}

.page-container {
	
}

.page-container .page-logo {
	
}


.page-container .page-logo .top-bar {
	
}

.page-container .page-logo .top-bar > .page-width > img {
	
	
}

.top-menu li {
	
	
}

.top-menu li span {
	
	
}

.top-menu li img {
	
}

.top-menu #menu-button {
	
}

.top-menu #menu-button.active {
	
}

.page-menu-blocker {
	
}

.page-menu {
	
}

.page-menu .user-info {
	
}

.page-menu .user-info a {
	
}

.page-menu ul.buttons li a {
	
}

.page-footer {
	
}

.div-list-768 .line.headings,
.div-list-1010 .line.headings {
	
}
.div-list-768 .line.headings .item,
.div-list-1010 .line.headings .item {
	
}

.div-list-768 .content,
.div-list-768 .content .line {
	
}

.div-list-768 .content .line .item {
	
}

button.standard {
	
}

.button-standard.left, button.standard.left, .button-standard.middle, button.standard.middle, .button-standard.right, button.standard.right {
	
}

.button-standard.left.down, button.standard.left.down, .button-standard.middle.down, button.standard.middle.down, .button-standard.right.down, button.standard.right.down {
	
}

button.standard.down,
a.button-standard.down,
input[type="submit"].down,
button.standard:hover {
	
}

button.standard span,
button.standard span:hover,
button.standard:hover span {
	
}

.button-standard.middle, button.standard.middle {
	
}

.button-standard.right, button.standard.right {
	
}

.button-standard.icon.icon-export, button.standard.icon.icon-export {
	
}

.button-standard.icon.icon-export, button.standard.icon.icon-emailaddresses {
	
}

.button-standard.icon.icon-export:hover, button.standard.icon.icon-export:hover {
	
}

.button-standard.icon.icon-export:hover, button.standard.icon.icon-emailaddresses:hover {
	
}


.wrap-box-tabs .wrap-box {
	
}

.wrap-box-tabs ul.tabs li {
	
}

.wrap-box-tabs ul.tabs li:hover,
.wrap-box-tabs ul.tabs li.active {
	
}

.popup-block {
	
}

.popup .background,
.popup .title,
.popup .footer {
	
}

.popup .tabPanel,
.popup .tabPanel .tabPanelTabSelected {
	
}

.popup .tabPanel .tabPanelTab {
	
}

.tabPanel .line-separator {
	border-bottom			: 1px solid rgba(0, 0, 0, 0.20) !important;
}

.app-form .line > div textarea,
.app-form .line > div input[type="text"],
.app-form .line > div input[type="password"],
.app-form .line > div .select,
.app-form .line > div .wrapper {
	
}

.app-form .line > div textarea:focus,
.app-form .line > div input[type="text"]:focus,
.app-form .line > div input[type="password"]:focus,
.app-form .line > div .select.focus {
	
}

.app-form .line > div textarea.error,
.app-form .line > div input[type="text"].error,
.app-form .line > div input[type="password"].error {
	
}

.app-form [type="checkbox"]:not(:checked) + label:before,
.app-form [type="checkbox"]:checked + label:before,
.app-form span.checkbox-checked:before,
.app-form span.radio-checked:before {
	
}

.app-form [type="radio"]:not(:checked) + label:before,
.app-form [type="radio"]:checked + label:before {
	
}


.tabPanel [type="checkbox"]:not(:checked) + label:before,
.tabPanel [type="checkbox"]:checked + label:before,
.tabPanel [type="radio"]:not(:checked) + label:before,
.tabPanel [type="radio"]:checked + label:before,
.tabPanel span.checkbox-checked:before,
.tabPanel span.radio-checked:before {
	
}


/* checked mark aspect */

.app-form [type="checkbox"]:not(:checked) + label:after,
.app-form [type="checkbox"]:checked + label:after,
.app-form span.checkbox-checked:after {
	
}

.app-form [type="radio"]:not(:checked) + label:after,
.app-form [type="radio"]:checked + label:after,
.app-form span.radio-checked:after {
	
}

.tabPanel [type="checkbox"]:not(:checked) + label:after,
.tabPanel [type="checkbox"]:checked + label:after,
.tabPanel span.checkbox-checked:after {
	
}



.div-list-1010 .line {
	
}

.div-list-1010 .line.headings {
	
}

.div-list-1010 .line.open,
.div-list-1010 .line.odd.open {
	
}

/** GROUPS **/
.groups-container .content {
	
}

#groups-search-content .line.headings .item,
#groups-search-content .line .item,
#groups-search-content .line .item a,
#groups-search-content .line .item span {
	
}

#groups-search-content .div-list-1010 .group-users {
	background-color		: #fff !important;
}


/** JQUERY UI **/
.ui-widget-header {
	
}

.ui-state-highlight, .ui-widget-content .ui-state-highlight {
	
}

.ui-state-active, .ui-widget-content .ui-state-active {
	
}

.ui-widget-content {
	
}

.ui-widget-header .ui-icon,
.ui-widget-header .ui-icon:hover {
	
}




.internal-info-messages-container ul li {
	
	
	
}

.internal-info-messages-container ul li h2 {
	
	
	
}


select {
	
}

button:focus {
	outline: 2px solid #000;
	outline-offset: 5px;
}
 }
@media only screen and (max-width: 320px) {
/*****************************************************************************
*  
*  Forms
*  
*****************************************************************************/

.app-form {
	
}

.app-form .line {
	
	
}

.app-form .line.dark {
	
}

.app-form strong {
	
}

.app-form strong.red {
	
}

.app-form .line-separator {
	
}

.app-form.on-dark-background .line-separator {
	
}

.app-form .line-separator.dark {
	
}

.app-form .tabPanel .line-separator {
	
}

.app-form .sections {
	
	
}

.app-form .sections .line-separator {
	
	
}

.app-form .sections .section {
	
	
}

.app-form .sections .section h2 {
	
	
}

.app-form .sections .section h2 span {
	
	
}

.app-form .sections .section h2::before {
	
	
}

.app-form .sections .section.size-10,
.app-form .sections .section.size-20,
.app-form .sections .section.size-25,
.app-form .sections .section.size-30,
.app-form .sections .section.size-40,
.app-form .sections .section.size-50,
.app-form .sections .section.size-60,
.app-form .sections .section.size-70,
.app-form .sections .section.size-75,
.app-form .sections .section.size-80,
.app-form .sections .section.size-90,
.app-form .sections .section.size-100,
.app-form .sections .section.size-56,
.app-form .sections .section.size-66,
.app-form .sections .section.size-50,
.app-form .sections .section.size-33 {
	
	
}

.app-form .sections .section.size-10 {  }
.app-form .sections .section.size-20 {  }
.app-form .sections .section.size-25 {  }
.app-form .sections .section.size-30 {  }
.app-form .sections .section.size-40 {  }
.app-form .sections .section.size-50 {  }
.app-form .sections .section.size-60 {  }
.app-form .sections .section.size-70 {  }
.app-form .sections .section.size-75 {  }
.app-form .sections .section.size-80 {  }
.app-form .sections .section.size-96 {  }
.app-form .sections .section.size-100 {  }
.app-form .sections .section.size-33 {  }
.app-form .sections .section.size-66 {  }

.app-form .section.separator-top,
.app-form .sections.separator-top {
	
}

.app-form .section.separator-bottom,
.app-form .sections.separator-bottom {
	
}

.app-form .section .comment {
	
}

.app-form .line {
	
}

.app-form .line label,
.app-form .line p.label,
.app-form .line span.label {
	
	
}

.app-form.on-dark-background .line label,
.app-form.on-dark-background .line p.label,
.app-form.on-dark-background .line span.label {
	
	
}

.app-form.label-on-one-line .line > label,
.app-form.label-on-one-line .line > p.label,
.app-form.label-on-one-line .line > span.label,
.app-form .label-on-one-line .line > label,
.app-form .label-on-one-line .line > p.label,
.app-form .label-on-one-line .line > span.label {
	
}

.app-form .line > label.mobile-emphasized,
.app-form .line > p.label.mobile-emphasized,
.app-form .line > span.label.mobile-emphasized {
	
	
}

.app-form .line div.check-padding,
.app-form .line p.check-padding,
.app-form .line a.check-padding,
.app-form .line label.check-padding,
.app-form .line p.label.check-padding,
.app-form .line span.label.check-padding {
	
	
}

.app-form .line input[type="checkbox"] {
	
	
}

.app-form .line label.wide,
.app-form .line p.label.wide,
.app-form .line span.label.wide {
	
	
}

.app-form .line label.normal,
.app-form .line p.label.normal,
.app-form .line span.label.normal {
	
	
}



.app-form .line.dark label {
	
}

.app-form .line > div {
	
	
}

.app-form.label-on-one-line .line > div,
.app-form .label-on-one-line .line > div {
	
}


.app-form .line > div.wide {
	
	
}

.app-form .line > div .subline {
	
}

.app-form .line > div .comment {
	
}

.app-form .line > div input[type="checkbox"],
.app-form .line > div input[type="radio"] {
	
}

.app-form .line > div .radio-padding,
.app-form .line > div .checkbox-padding {
	
}

.input-container,
input[type="text"].normal-form-element,
.app-form .line > div textarea,
.app-form .line > div input[type="text"],
.app-form .line > div input[type="password"],
.app-form .line > div .wrapper {
	
}

.app-form.on-dark-background .line > div textarea,
.app-form.on-dark-background .line > div input[type="text"],
.app-form.on-dark-background .line > div input[type="password"],
.app-form.on-dark-background .line > div .wrapper {
	
}

.app-form .line > div input[type="text"].readonly,
.app-form .line > div input[type="password"].readonly {
	
}

.app-form.on-dark-background .line > div input[type="text"].readonly,
.app-form.on-dark-background .line > div input[type="password"].readonly {
	
}

.app-form .line > div .currency {
	
}

.app-form .line > div .currency input[type="text"] {
	font-size				: 0px;
	line-height				: 17px;
	position				: relative;
}

.app-form .line > div .currency input[type="text"]:focus {
	font-size				: 14px;
	line-height				: 17px;
}

.app-form .line > div .currency input[type="text"] + span {
	position				: absolute;
	right					: 5px;
	top						: 7px;
	font-size				: 14px;
}

.app-form .line > div .currency input[type="text"]:focus + span {
	display					: none;
}

.input-container.search,
input[type="text"].normal-form-element.search,
.app-form .line > div textarea.search,
.app-form .line > div input[type="text"].search {
	
}

.app-form .line > div .wrapper .input-content {
	
}

.app-form .line > div .wrapper .input-remove {
	
}

.input-container:disabled,
input[type="text"].normal-form-element:disabled,
.app-form .line > div textarea:disabled,
.app-form .line > div input[type="text"]:disabled,
.app-form .line > div input[type="password"]:disabled,
.app-form .line > div .select select:disabled {
	
}

.app-form .line > div .select select option[disabled="disabled"] {
	
}

.app-form .line > div div.check input[type="checkbox"] {
	
}

.app-form .line > div div.check {
	
}


.app-form .line > div textarea {
	
}

.app-form .line > div .w-50 {  }
.app-form .line > div .w-75 {  }
.app-form .line > div .w-100 {  }
.app-form .line > div .w-125 {  }
.app-form .line > div .w-150 {  }
.app-form .line > div .w-200 {  }
.app-form .line > div .w-250 {  }
.app-form .line > div .w-300 {  }

.app-form .line > div .w-full {  }
.app-form .line > div .w-90p {  }
.app-form .line > div .w-80p {  }
.app-form .line > div .w-70p {  }
.app-form .line > div .w-60p {  }
.app-form .line > div .w-50p {  }
.app-form .line > div .w-40p {  }
.app-form .line > div .w-30p {  }
.app-form .line > div .w-20p {  }
.app-form .line > div .w-10p {  }

.app-form .line > div .h-100 {  }
.app-form .line > div .h-200 {  }


input[type="text"].normal-form-element.dark,
.app-form .line > div textarea.dark,
.app-form .line > div input[type="text"].dark,
.app-form .line > div input[type="password"].dark {
	
}

input[type="text"].normal-form-element.full,
.app-form .line > div textarea.full,
.app-form .line > div input[type="text"].full,
.app-form .line > div input[type="password"].full,
.app-form .line > div .full {
	
}

input[type="text"].normal-form-element.right,
.app-form .line > div textarea.right,
.app-form .line > div input[type="text"].right,
.app-form .line > div input[type="password"].right {
	
}

.app-form .line > div .select.error {
	
}

.app-form .line > div textarea.error,
.app-form .line > div input[type="text"].error,
.app-form .line > div input[type="password"].error {
	
}

.app-form .line > div textarea.monospace {
	
}

.app-form .line .time-container {
	
	
}

.app-form .line .time-container > div {
	
	
}

.app-form .line .unchecked-container p {
	
}

.app-form .line .time-container > div .select {
	
}


.app-form .errors-container {
	
	
}

.app-form .errors-container .error-message p {
	
}

.app-form .errors-container .error-message ul {
	
}

.app-form .errors-container .error-message ul li {
	
}



.app-text-editor {
	
}

.app-text-editor .container {
	
}

.app-text-editor .container textarea {
	
}

.app-text-editor .spinner {
	
}




.save-info {
	
}



.text-editor-styles {
	
}





.app-form label {
	
}

.app-form label span {
	
}

.app-form .checkbox-text,
.app-form .radio-text,
.app-form [type="checkbox"]:not(:checked) + label,
.app-form [type="checkbox"]:checked + label,
.app-form [type="radio"]:not(:checked) + label,
.app-form [type="radio"]:checked + label {
	
}

/* Base for label styling */

.app-form [type="checkbox"]:not(:checked),
.app-form [type="checkbox"]:checked,
.app-form [type="radio"]:not(:checked),
.app-form [type="radio"]:checked {
	
}

.app-form [type="checkbox"]:not(:checked) + label,
.app-form [type="checkbox"]:checked + label,
.app-form [type="radio"]:not(:checked) + label,
.app-form [type="radio"]:checked + label,
.app-form span.checkbox-checked {
	
}

.app-form [type="checkbox"]:not(:checked) + label,
.app-form [type="checkbox"]:checked + label,
.app-form [type="radio"]:not(:checked) + label,
.app-form [type="radio"]:checked + label {
	
}
/* checkbox aspect */

.app-form [type="checkbox"]:not(:checked) + label:before,
.app-form [type="checkbox"]:checked + label:before,
.app-form span.checkbox-checked:before,
.app-form span.radio-checked:before {
	
}

.app-form [type="radio"]:not(:checked) + label:before,
.app-form [type="radio"]:checked + label:before {
	
}


.tabPanel [type="checkbox"]:not(:checked) + label:before,
.tabPanel [type="checkbox"]:checked + label:before,
.tabPanel [type="radio"]:not(:checked) + label:before,
.tabPanel [type="radio"]:checked + label:before,
.tabPanel span.checkbox-checked:before,
.tabPanel span.radio-checked:before {
	
}


/* checked mark aspect */

.app-form [type="checkbox"]:not(:checked) + label:after,
.app-form [type="checkbox"]:checked + label:after,
.app-form span.checkbox-checked:after {
	
}

.app-form [type="radio"]:not(:checked) + label:after,
.app-form [type="radio"]:checked + label:after,
.app-form span.radio-checked:after {
	
}

.tabPanel [type="checkbox"]:not(:checked) + label:after,
.tabPanel [type="checkbox"]:checked + label:after,
.tabPanel span.checkbox-checked:after {
	
}

.tabPanel [type="radio"]:not(:checked) + label:after,
.tabPanel [type="radio"]:checked + label:after,
.tabPanel span.radio-checked:after {
	
}

/* checked mark aspect changes */

.app-form [type="checkbox"]:not(:checked) + label:after,
.app-form [type="radio"]:not(:checked) + label:after {
	
}

.app-form [type="checkbox"]:checked + label:after,
.app-form [type="radio"]:checked + label:after {
	
}
/* disabled checkbox */

.app-form [type="checkbox"]:disabled:not(:checked) + label:before,
.app-form [type="checkbox"]:disabled:checked + label:before,
.app-form [type="radio"]:disabled:not(:checked) + label:before,
.app-form [type="radio"]:disabled:checked + label:before,
.app-form [type="checkbox"].disabled:not(:checked) + label:before,
.app-form [type="checkbox"].disabled:checked + label:before,
.app-form [type="radio"].disabled:not(:checked) + label:before,
.app-form [type="radio"].disabled:checked + label:before {
	
}

.app-form [type="checkbox"]:disabled:checked + label:after,
.app-form [type="radio"]:disabled:checked + label:after,
.app-form [type="checkbox"].disabled:checked + label:after,
.app-form [type="radio"].disabled:checked + label:after {
	
}

.app-form [type="checkbox"]:disabled + label,
.app-form [type="radio"]:disabled + label,
.app-form [type="checkbox"].disabled + label,
.app-form [type="radio"].disabled + label {
	
}
/* accessibility */

/*
[type="checkbox"]:checked:focus + label:before,
[type="checkbox"]:not(:checked):focus + label:before {
  border: 1px dotted #7d861e;
}
*/
/* hover style just for information */

label:hover:before {
	
}



/****************************************************************************************************************
*  
*  Color Schemes
*  
****************************************************************************************************************/


/**
* DARK GRAY, for windowless forms
**/

.colorscheme-darkgray .section-group {
	
	
	
}

.colorscheme-darkgray.input-container,
.colorscheme-darkgrayinput[type="text"].normal-form-element,
.app-form.colorscheme-darkgray .line > div textarea,
.app-form.colorscheme-darkgray .line > div input[type="text"],
.app-form.colorscheme-darkgray .line > div input[type="password"],
.app-form.colorscheme-darkgray .line > div .wrapper {
	
}

.colorscheme-darkgray.input-container.error,
.colorscheme-darkgrayinput[type="text"].normal-form-element.error,
.app-form.colorscheme-darkgray .line > div .select.error,
.app-form.colorscheme-darkgray .line > div textarea.error,
.app-form.colorscheme-darkgray .line > div input[type="text"].error,
.app-form.colorscheme-darkgray .line > div input[type="password"].error,
.app-form.colorscheme-darkgray .line > div .wrapper.error {
	
}

.colorscheme-darkgray .line > label {
	
}

.colorscheme-darkgray .line > label + div {
	
}

.colorscheme-darkgray .line > div::after {
	
}

.colorscheme-darkgray .line > div.spinner::after {
	
}

.colorscheme-darkgray .select {
	
}

.colorscheme-darkgray .select select {
	
}

.colorscheme-darkgray .select select option {
	
}

.app-form.colorscheme-darkgray .line-separator {
	
}

 .div-list, .div-list-768 {
	
}

.div-list .line {
	
	
}

.div-list .line,
.div-list .line.odd {
	
}

.div-list .line.headings {
	
}

.div-list .line.always-odd {
	
}

.div-list .line .item {
	
}

.div-list .line.headings .item {
	
}

.div-list .line .item.icons img.clickable {
	
}

.div-list .line .item.heading {
	
	
}

.div-list-768 .content {
	
	
}

.div-list-768 .line {
	
	
}

.div-list-768 .line.open .item,
.div-list-768 .line.open .item span {
	
}

.div-list-768 .line,
.div-list-768 .line.odd {
	
}

.div-list-768 .line.headings {
	
}

.div-list-768 .line.always-odd {
	
}

.div-list-768 .line.odd.open,
.div-list-768 .line.always-odd.open,
.div-list-768 .line.open {
	
}

.div-list-768 .line .item {
	
}

.div-list-768 .line.headings .item {
	
}

.div-list-768 .line .item.icons {
	
	
}

.div-list-768 .line .item.icons img.clickable {
	
}

.div-list-768 .line.headings .item {
	
	
}



.div-list-1010 .content {
	
	
}

.div-list-1010 .line {
	
	
}

.div-list-1010 .line.desktop-odd.open,
.div-list-1010 .line.odd.open,
.div-list-1010 .line.always-odd.open,
.div-list-1010 .line.open {
	
}

.div-list-1010 .line.open .item,
.div-list-1010 .line.open .item span {
	
}

.div-list-1010 .line,
.div-list-1010 .line.odd {
	
}

.div-list-1010 .line.always-odd {
	
}

.div-list-1010 .line.headings {
	
}

.div-list-1010 .line .item {
	
}

.div-list-1010 .line .item.icons {
	
	
}

.div-list-1010 .line .item.icons img.clickable {
	
}

.div-list-1010 .line.headings .item {
	
	
}


.div-list .item.hidden,
.div-list-768 .item.hidden,
.div-list-1010 .item.hidden {
	
}


.div-list + .page-controls {
	
	
}

.div-list-768 + .page-controls {
	
	
}

.div-list-1010 + .page-controls {
	
	
}

.div-list-colors {
	
}

.div-list-colors a {
	
}

.div-list-colors a.hidden {
	
}

.div-list-colors p {
	
	
}

.div-list-colors p.visible {
	
	
}

.div-list-colors p span {
	
	
}


 /** responsive filter **/
.list-filter-button {
	
	
}

.list-filter-button::after {
	
	
}

.list-filter-button.down::after,
.list-filter-button:hover::after {
	
	
}

.list-filter-button img {
	
}

.list-filter {
	
	
}

.list-filter div {
	
	
}

.list-filter div.pl5 {
	
}

.list-filter.visible {
	
	
}

/** always filter **/
.list-filter-button.always {
	
}

.list-filter.always {
	
	
}


.list-filter.always div {
	
	
}

.list-filter.always.visible {
	
}

.list-filter div.section {
	
}

.list-filter div.section span.descr {
	
} /***********************************************************************************
* GENERAL
***********************************************************************************/

div.grid-list ul {
	
	
	
	
}

div.grid-list ul li {
	
	
	
}

div.grid-list ul li div.container {
	
}

div.grid-list ul li div.background {
	
}

div.grid-list ul li:hover div.background {
	
}

div.grid-list ul li span.name {
	
	
	
	
}

div.grid-list ul li:hover span.name {
	
	
	
}

div.grid-list ul li img.delete,
div.grid-list ul li img.edit {
	
	
	
}

div.grid-list ul li img.edit {
	
}

div.grid-list ul li img.delete {
	
}

div.grid-list ul li:hover img.delete,
div.grid-list ul li:hover img.edit {
	
}


/***********************************************************************************
* COLOR SCHEMES
***********************************************************************************/

.popup div.grid-list {
	
}

.popup div.grid-list.spinner {
	
}
 .info-blocks {
	
	
}

.info-blocks h1,
.info-blocks h2 {
	
	
}

.info-blocks .info-block {
	
	
}

.info-blocks .info-block.hidden {
	
}

.info-blocks .info-block.desktop-col-3 {
	
	
}

.info-blocks .info-block.desktop-col-2 {
	
	
}

.info-blocks .info-block.tablet-col-3 {
	
	
}

.info-blocks .info-block.tablet-col-2 {
	
	
}

.info-blocks .info-block.tablet-col-1 {
	
	
}

.info-blocks .info-block.mobile-col-2 {
	
}

.info-blocks .info-block.mobile-col-1 {
	
}

.info-blocks .info-block > .content {
	
	
}

.info-blocks .info-block.blue > .content,
.info-blocks .info-block.green > .content,
.info-blocks .info-block.red > .content,
.info-blocks .info-block.yellow > .content {
	
	
}

.info-blocks .info-block.blue.fill > .content,
.info-blocks .info-block.green.fill > .content,
.info-blocks .info-block.red.fill > .content,
.info-blocks .info-block.yellow.fill > .content {
	
	
}

.info-blocks .info-block.blue > .content {
	
}

.info-blocks .info-block.green > .content {
	
}

.info-blocks .info-block.red > .content {
	
}

.info-blocks .info-block.yellow > .content {
	
}

.info-blocks .info-block.orange > .content {
	
}

.info-blocks .info-block.blue.fill > .content {
	
}

.info-blocks .info-block.green.fill > .content {
	
}

.info-blocks .info-block.red.fill > .content {
	
}

.info-blocks .info-block.yellow.fill > .content {
	
}

.info-blocks .info-block.orange.fill > .content {
	
}
 html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl,
dt, dd, ol, ul, li, fieldset, form, label, legend, caption, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	
}

table, tbody, tfoot, thead, tr, th, td {
	
}

* {
	
}

body {
	
}


/* roboto-100 - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 100;
  src: url('/resources/css/fonts/roboto-v20-latin-100.eot'); /* IE9 Compat Modes */
  src: local('Roboto Thin'), local('Roboto-Thin'),
       url('/resources/css/fonts/roboto-v20-latin-100.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/resources/css/fonts/roboto-v20-latin-100.woff2') format('woff2'), /* Super Modern Browsers */
       url('/resources/css/fonts/roboto-v20-latin-100.woff') format('woff'), /* Modern Browsers */
       url('/resources/css/fonts/roboto-v20-latin-100.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/resources/css/fonts/roboto-v20-latin-100.svg#Roboto') format('svg'); /* Legacy iOS */
}
/* roboto-regular - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: url('/resources/css/fonts/roboto-v20-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Roboto'), local('Roboto-Regular'),
       url('/resources/css/fonts/roboto-v20-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/resources/css/fonts/roboto-v20-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('/resources/css/fonts/roboto-v20-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('/resources/css/fonts/roboto-v20-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/resources/css/fonts/roboto-v20-latin-regular.svg#Roboto') format('svg'); /* Legacy iOS */
}
/* roboto-700 - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: url('/resources/css/fonts/roboto-v20-latin-700.eot'); /* IE9 Compat Modes */
  src: local('Roboto Bold'), local('Roboto-Bold'),
       url('/resources/css/fonts/roboto-v20-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/resources/css/fonts/roboto-v20-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('/resources/css/fonts/roboto-v20-latin-700.woff') format('woff'), /* Modern Browsers */
       url('/resources/css/fonts/roboto-v20-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/resources/css/fonts/roboto-v20-latin-700.svg#Roboto') format('svg'); /* Legacy iOS */
}
/* roboto-900 - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 900;
  src: url('/resources/css/fonts/roboto-v20-latin-900.eot'); /* IE9 Compat Modes */
  src: local('Roboto Black'), local('Roboto-Black'),
       url('/resources/css/fonts/roboto-v20-latin-900.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/resources/css/fonts/roboto-v20-latin-900.woff2') format('woff2'), /* Super Modern Browsers */
       url('/resources/css/fonts/roboto-v20-latin-900.woff') format('woff'), /* Modern Browsers */
       url('/resources/css/fonts/roboto-v20-latin-900.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/resources/css/fonts/roboto-v20-latin-900.svg#Roboto') format('svg'); /* Legacy iOS */
}


img {
	
}

h1 {
	
}

h2 {
	
}

.f-right {
	
}

.f-left {
	
}

.c-right {
	
}

.c-left {
	
}

.v-middle {
	
}

.t-left {
	
}

.t-center {
	
}

.t-right {
	
}

.block {
	
}

.inline {
	
}

.inline-block {
	
}

strong, .strong {
	
}

.hidden {
	
}

.relative {
	
}

.absolute {
	
}

.clickable {
	
}

.mb50 {}
.mb40 {}
.mb30 {}
.mb20 {}
.mb10 {}
.mb5 {}
.mb2 {}

.mt60 {}
.mt50 {}
.mt40 {}
.mt30 {}
.mt20 {}
.mt15 {}
.mt10 {}
.mt5 {}
.mt2 {}

.mtm20 {}
.mtm15 {}
.mtm10 {}
.mtm5 {}

.ml30 {}
.ml20 {}
.ml15 {}
.ml10 {}
.ml5 {}
.ml2 {}

.mr30 {}
.mr20 {}
.mr15 {}
.mr10 {}
.mr5 {}
.mr2 {}

.pl1 {}
.pl2 {}
.pl3 {}
.pl4 {}
.pl5 {}
.pl6 {}
.pl7 {}
.pl8 {}
.pl9 {}
.pl10 {}
.pl15 {}
.pl20 {}

.pr5 {}
.pr10 {}
.pr15 {}
.pr20 {}

.pt3 {}
.pt5 {}
.pt10 {}
.pt15 {}
.pt20 {}

.pb3 {}
.pb5 {}
.pb10 {}
.pb15 {}
.pb20 {}


.w-50p {}

.filter .w-50 {}
.filter .w-100 {}
.filter .w-150 {}
.filter .w-200 {}
.filter .w-250 {}
.filter .w-300 {}
.filter .w-350 {}
.filter .w-400 {}


.no-overflow {
	
}

.overflow {
	
}


.message-box {
	
}

.no-mobile {
	
	
}

.no-mobile-real {
	
	
}

.mobile-only {
	
	
}

.no-mobile-message {
	
	
}

.desktop-only {
	
	
}

.tablet-desktop-only {
	
	
}

.no-desktop {
	
	
}

.no-desktop-1010 {
	
	
}

.no-desktop-table-cell {
	
	
}



a {
	
}

a:hover {
	
}

a.no-hover:hover {
	
}

img.button {
	
}

img.button.disabled {
	
}

table.list {
	
}

table.list thead tr th {
	
}

table.list tbody tr td {
	
}

table.list tbody tr td.responsive-font-size {
	
	
}

table.list tbody tr:first-child td {
	
}



/*****************************************************************************
*  
*  Form controls
*  
*****************************************************************************/

.button-panels {
	
	
}

.button-panels .button-panel {
	
}

.button-panels .button-panel.desktop-right {
	
	
	
}

.button-panels .button-panel.tablet-right {
	
	
}

.button-panels .button-panel.mobile-right {
	
}

.button-panels .button-panel.desktop-left {
	
	
	
}

.button-panels .button-panel.tablet-left {
	
	
}

.button-panels .button-panel.mobile-left {
	
}

textarea, input, button {
	
}

select {
	
}

.popup select {
	
}

a.button, button, input[type=submit]  {
	
	
}

.button-standard, button.standard, input[type=submit] {
	
}

.button-standard.busy, button.standard.busy, input[type=submit].busy, button.busy {
	
}

.button-standard.busy, button.standard.busy, input[type=submit].busy, button.busy::after {
	
}


.button-standard.transparent, button.standard.transparent, input[type=submit].transparent {
	
}

.button-standard.hidden, button.standard.hidden, input[type=submit].hidden {
	
}

.button-standard.bw, button.standard.bw, input[type=submit].bw {
	
}

.button-standard.bw.down, button.standard.bw.down, input[type=submit].bw.down {
	
}

.button-standard.icon, button.standard.icon {
	
	
}

.button-standard.icon img, button.standard.icon img {
	
}

.button-standard.icon.icon-export, button.standard.icon.icon-export,
.button-standard.icon.icon-question, button.standard.icon.icon-question,
.button-standard.icon.icon-save, button.standard.icon.icon-save,
.button-standard.icon.icon-delete, button.standard.icon.icon-delete,
.button-standard.icon.icon-emailaddresses, button.standard.icon.icon-emailaddresses {
	
	
}

.button-standard.icon.icon-export, button.standard.icon.icon-export {  }
.button-standard.icon.icon-emailaddresses, button.standard.icon.icon-emailaddresses {  }
.button-standard.icon.icon-question, button.standard.icon.icon-question {  }
.button-standard.icon.icon-save, button.standard.icon.icon-save {  }
.button-standard.icon.icon-delete, button.standard.icon.icon-delete {  }

.button-standard.left, button.standard.left {
	
}

.button-standard.middle, button.standard.middle {
	
}

.button-standard.right, button.standard.right {
	
}

.button-standard.left, button.standard.left,
.button-standard.middle, button.standard.middle,
.button-standard.right, button.standard.right {
	background					: #4f731c;
}

.button-standard.stackable-4.stackable-no-1, button.standard.stackable-4.stackable-no-1 {
	
}

button.standard.image {
	
}

button.standard span,
.button-standard span {
	
	
}

button.standard.down span,
.button-standard span.always,
button.standard span.always {
	
}

/*button.standard.symbol.big {*/
	
/*}*/

button.standard.symbol {
	
}

.button-standard.hover, .button-standard:hover, button.standard:hover, input[type=submit]:hover {
	
}

.button-standard.transparent.hover, button-standard.transparent:hover, button.standard.transparent:hover, input[type=submit].transparent:hover {
	
}

.button-standard.down, button.standard.down {
	
}

button.standard.down:hover {
	
}

.button-standard.left.down, button.standard.left.down,
.button-standard.middle.down, button.standard.middle.down,
.button-standard.right.down, button.standard.right.down {
	
}

.button-standard.left.down:hover, button.standard.left.down:hover,
.button-standard.middle.down:hover, button.standard.middle.down:hover,
.button-standard.right.down:hover, button.standard.right.down:hover {
	
}

button.standard.disabled {
	
}

button.standard.disabled:hover {
	
}

button.standard.control {
	
}

button.standard.control:hover {
	
}

.button-toggle {
	
}

.button-toggle .on,
.button-toggle .off {
	
}

.button-toggle .on {
	
}

.button-toggle.on .on {
	
}

.button-toggle .off {
	
}

.button-toggle.on .off {
	
}

.emphazised {
	
}

.emphazised.orange,
.emphazised.color-1 {
	
}

.emphazised.yellow,
.emphazised.color-2 {
	
}

.emphazised.green,
.emphazised.color-3 {
	
}

.emphazised.turquoise,
.emphazised.color-4 {
	
}

.emphazised.blue,
.emphazised.color-5 {
	
}

.emphazised.purple,
.emphazised.color-6 {
	
}

.emphazised.red,
.emphazised.color-7 {
	
}

.emphazised.transparent.orange,
.emphazised.transparent.color-1 {
	
}

.emphazised.transparent.yellow,
.emphazised.transparent.color-2 {
	
}

.emphazised.transparent.green,
.emphazised.transparent.color-3 {
	
}

.emphazised.transparent.turquoise,
.emphazised.transparent.color-4 {
	
}

.emphazised.transparent.blue,
.emphazised.transparent.color-5 {
	
}

.emphazised.transparent.purple,
.emphazised.transparent.color-6 {
	
}

.emphazised.transparent.red,
.emphazised.transparent.color-7 {
	
}

.emphazised.transparent {
	
}


input[type=text], input[type=password], textarea {
	border				: 1px solid #aaaaaa;
	padding				: 2px;
	background			: #ffffff;
	font-family			: Arial;
	font-size			: 12px;
}

.input.w-100,
.input.w-200,
.input.w-300 {
	
	
}

.input.w-100 input[type="text"],
.input.w-200 input[type="text"],
.input.w-300 input[type="text"] {
	
	
}


.select select {
	
}

.select {
	
}

.select.dark,
.normal-form-element.dark {
	
}

.select.dark select {
	
}

.select.dark select option {
	
}

.select.w-20, .input.w-20 {}
.select.w-50, .input.w-50 {}
.select.w-60, .input.w-60 {}
.select.w-75, .input.w-75 {}
.select.w-100, .input.w-100 {}
.select.w-150, .input.w-150 {}
.select.w-200, .input.w-200 {}
.select.w-300, .input.w-300 {}


/*
.mainContent {
	background			: #ffffff;
	padding				: 5px 20px 20px 20px;
}

.mainContentHeader {
	color				: #777777;
	text-align			: right;
	font-size			: 10px;
	padding-bottom		: 0px;
}

div.menu {
	height				: 30px;
	padding				: 0px;
	margin				: 0px;
	background			: #f6f6f6;
	
	border-bottom		: 1px solid #bbbbbb;
}

ul.menu {
	list-style-type		: none;
	
	padding				: 0px 0px 0px 5px;
	margin				: 0px;
}

li.menu {
	display				: inline;
	float				: left;
	
	position			: relative;
	height				: 12px;
	
	padding				: 9px;
	
	font-family			: Arial;
	font-size			: 12px;
	line-height			: 12px;
	
	cursor				: pointer;
	color				: #000000;
}

a.menu:link {
	color				: #000000;
	text-decoration		: none;
}

a.menu:visited {
	color				: #000000;
	text-decoration		: none;
}

a.menu:hover {
	color				: #000000;
	text-decoration		: underline;
}

a.menu:active {
	color				: #000000;
	text-decoration		: underline;
}

li.menuItem {
	display				: inline;
	float				: left;
	
	position			: relative;
	height				: 29px;
	
	color				: #555555;
}

div.menuItem {
	display				: inline;
	float				: left;
	
	padding				: 7px 6px;
}

div.menuSeparator {
	background			: url(/gfx/menudots.jpg);
	
	display				: inline;
	float				: left;
	
	width				: 5px;
	height				: 29px;
	
	padding				: 0px 0px;
}

li.menuRight {
	display				: inline;
	float				: right;
	
	color				: #555555;
	
	padding				: 0px 0px 0px 0px;
	margin				: 0px;
}


li.submenuItem {
	display				: block;
	
	height				: 29px;
	width				: 160px;
	
	color				: #000000;
}

div.submenuItem {
	padding				: 5px 5px;
}

div.submenuItem:hover {
	background			: url(/gfx/menubkselected.jpg) repeat-x;
	
	color				: #000000;
	
	padding				: 5px 5px;
}

a.submenuItem {
	color				: #000000;
	text-decoration		: none;
}

.subMenuBox {
	background			: #f6f6f6;
	border				: 1px solid #699AAE;
}



a:link {
	color				: #3E6474;
	text-decoration		: none;
}

a:visited {
	color				: #3E6474;
	text-decoration		: none;
}

a:hover {
	color				: #3E6474;
	text-decoration		: underline;
}

a:active {
	color				: #3E6474;
	text-decoration		: underline;
}

.link {
	color				: #3E6474;
	text-decoration		: none;
}

.link:hover {
	color				: #3E6474;
	text-decoration		: underline;
}


p {
	margin				: 0px;
	padding				: 0px;
}


h1 {
	padding				: 0px 0px 16px 0px;
	
	margin				: 0px;
	font-family			: Arial;
	font-size			: 18px;
	line-height			: 22px;
}

h2 {
	padding				: 0px 0px 8px 0px;
	
	margin				: 0px;
	font-family			: Arial;
	font-size			: 12px;
	line-height			: 20px;
}


td.form {
	padding-bottom		: 5px;
}
*/

/*****************************************************************************
*  
*  Report colors
*  
*****************************************************************************/

input[type=text].messageOk, div.messageOk {
	border				: 1px solid #0EC600;
	background			: #E3F7E1;
}

input[type=text].messageError, div.messageError {
	border				: 1px solid #E65252;
	background			: #FFE5E3;
}


/*****************************************************************************
*  
*  Sections
*  
*****************************************************************************/

.tabPanel {
	background			: #e4e4e4;
	color				: #000;
	border				: 1px solid #e4e4e4;
	
	padding				: 30px 15px 15px;
	margin-bottom		: 10px;
}

.tabPanelWhite {
	background			: #ffffff;
	border-top			: 1px solid #699AAE;
	
	padding				: 15px;
	margin-bottom		: 10px;
}

.tabPanelTabSelected {
	display				: inline;
	float				: left;
	height				: 16px;

	background			: #e4e4e4;

	margin-right		: 5px;
	border-top			: 1px solid #e4e4e4;
	border-right		: 1px solid #e4e4e4;
	border-left			: 1px solid #e4e4e4;
	padding				: 11px 15px 7px 15px;

	font-weight			: bold;
	line-height			: 16px;
	color				: #333333;
	
	cursor				: pointer;
}

.tabPanelTabSelectedWhite {
	display				: inline;
	float				: left;
	height				: 16px;

	background			: #F0F7FA;

	margin-right		: 5px;
	border-top			: 1px solid #699AAE;
	border-right		: 1px solid #699AAE;
	border-left			: 1px solid #699AAE;
	border-bottom		: 1px solid #699AAE;
	padding				: 9px 15px 4px 15px;

	font-weight			: bold;
	line-height			: 16px;
	color				: #333333;
	
	cursor				: pointer;
}

.tabPanelTab {
	display				: inline;
	float				: left;
	height				: 16px;

	background			: #699AAE;
	
	margin-right		: 5px;
	margin-top			: 4px;
	padding				: 7px 15px;

	font-weight			: normal;
	line-height			: 16px;
	color				: #ffffff;
	
	cursor				: pointer;
}


.pageSectionHeader {
	border				: 1px solid #699AAE;
	background			: #C7E0EB;
	color				: #3E6474;
}

.tableHeader {
	border-bottom		: 1px solid #699AAE;
}

.sectionHeader {
	background			: #F0F7FA;
	border				: 1px solid #699AAE;
	
	color				: #3E6474;
	font-weight			: bold;
	
	padding				: 15px;
	margin-bottom		: 10px;
	
	cursor				: pointer;
}

.sectionFrame {
	background			: #F0F7FA;
	border				: 1px solid #699AAE;
}


.sectionFrameLink {
	color				: #0066CC;
}

.sectionContainer {
	padding 			: 15px 0px 15px 29px;
}

.sectionDivider {
	margin-bottom		: 13px;
	border-bottom		: 1px solid #699AAE;
}

/** light background **/
.lightBackground {
	background			: #F0F7FA;
}

/** store selector **/
.storeSelectorGroup {
	background			: #F0F7FA;
	margin-bottom		: 4px;
	padding				: 4px;
}

.storeSelectorGroupText {
	font-weight			: bold;
	color				: #333333;
}

/** selector buttons **/
.selectorButton {
	color				: #333333;
	background			: #ffffff;
	border				: 1px solid #699AAE;
}

.selectorButtonSelected {
	color				: #ffffff;
	background			: #699AAE;
	border				: 1px solid #699AAE;
}

.calDropDown {
	background			: #ffffff;
	border				: 1px solid #699AAE;
}

/** drop down **/
.dropDownHeader {
	background			: #ffffff;
	color				: #000000;
	border				: 1px solid #699AAE;
}

.dropDownHeaderSelected {
	background			: #699AAE;
	color				: #ffffff;
	border				: 1px solid #699AAE;
}

.dropDownContent {
	background			: #ffffff;
	border				: 1px solid #699AAE;
}

/** inline calendar **/
.calendarInline {
	background			: #ffffff;
	border				: 1px solid #699AAE;
}

/** popup calendar **/
.popupCalendarHeader {
	background			: #699AAE;
	color				: #ffffff;
	border-bottom		: 1px solid #699AAE;
}

.popupCalendarContainer {
	border				: 1px solid #699AAE;
	background			: #ffffff;
}

/** stores list **/
.storesChar {
	padding				: 5px;
	border				: 1px solid #aaa;
	border-radius		: 3px;
	cursor				: pointer;
	font-weight			: normal;
	background			: #555;
}

.storesChar:hover {
	border				: 1px solid #fff;
}

.storesCharSelected {
	padding				: 5px;
	border				: 1px solid #fff;
	border-radius		: 3px;
	cursor				: pointer;
	font-weight			: bold;
	background			: #7CB133;
}

.storesListRowColor {
	background			: #F0F7FA;
}

.storesListColNormal {
	border-bottom		: 1px solid #AFD1E1;
}

.storesListColShade {
	border-bottom		: 1px solid #C2DDEA;
	border-left			: 1px solid #AFD1E1;
	border-right		: 1px solid #AFD1E1;
	font-weight			: bold;
	background			: #D8EAF2;
	text-align			: center;
}

.listColTopBorder {
	border-top			: 1px solid #AFD1E1;
}

.registrationGraphicBorder {
	border				: 1px solid #699AAF;
}


.registrationDivider {
	border-bottom		: 1px solid #699AAF;
}

/*****************************************************************************
*  
*  Boxes
*  
*****************************************************************************/

.messageBox {
	margin-bottom		: 16px;
	padding				: 10px;
	
	background			: #E3F7E1;
	border				: 1px solid #0EC600;
}

.boxShadow {
	background			: url(boxshadow.png);
	padding				: 15px 15px 4px 15px;
}

.boxContainer {
	border				: 1px solid #000000;
}

.boxHeading {
	background			: url(boxheadingbk.jpg) repeat-x #bee8f8;
	border-top			: 1px solid #F1FBFF;
	border-left			: 1px solid #F1FBFF;
	border-right		: 1px solid #F1FBFF;
	padding				: 5px;
	height				: 32px;
}

.boxContent {
	background			: #F5FDFF;
	padding				: 15px;
}

.popupWindowBk {
	position			: absolute;
	background			: #ffffff;
	opacity				: 0.6;
	filter				: alpha(opacity = 60);
}

.popupWindowBorder {
	position			: absolute;
	background			: #000000;
	opacity				: 0.6;
	filter				: alpha(opacity = 60);
}

.popupWindowContentBk {
	border				: 1px solid #000000;
	background			: #ffffff;
}

.popupWindowHeading {
	background			: #C7E0EB;
	border-bottom		: 1px solid #699AAE;
	color				: #3E6474;
	font-size			: 16px;
	line-height			: 16px;
	font-weight			: bold;
	text-align			: center;
	padding				: 15px;
}

.popupWindowContent {
	background			: #ffffff;
	padding				: 10px;
}

.popupWindowBottomBar {
	height				: 30px;
	padding				: 5px;
}

.popupWindowContentNoPadding {
	background			: #ffffff;
	padding				: 0px;
}



.listitem {
	border-bottom		: 1px solid #AFD1E1;
}

.linkLine {
	padding-bottom		: 3px;
}

.linkList {
	padding-bottom		: 10px;
}

h2.linkListHeading {
	padding				: 0px 0px 3px 0px;
	font-size			: 12px;
	font-weight			: normal;
}

/*****************************************************************************
*  
*  Calendar
*  
*****************************************************************************/

.calCellNone {
	margin				: 1px;
	padding				: 4px 0px;
	
	background			: #E6F1F6;
	color				: #9EB7C2;
	border				: 1px solid #C7E0EB;
	border-top			: 6px solid #C7E0EB;
	font-weight			: normal;
}

.calCellMonth {
	margin				: 1px;
	padding				: 4px 0px;
	
	background			: #C7E0EB;
	color				: #000000;
	border				: 1px solid #699AAF;
	border-top			: 6px solid #699AAF;
	font-weight			: normal;
}

.calCellToday {
	padding				: 4px 0px;
	margin				: 1px;
	
	background			: #699AAF;
	color				: #ffffff;
	border				: 1px solid #699AAF;
	border-top			: 6px solid #699AAF;
	font-weight			: bold;
}

.calCellMinHeight {
	display				: inline;
	float				: right;
	width				: 1px;
	height				: 55px;
}

.calColorItem {
	display				: inline;
	float				: left;
	width				: 18px;
	height				: 18px;
	overflow			: hidden;
	margin				: 1px 5px 1px 1px;
	border				: 1px solid #000000;
	cursor				: pointer;
}

.calColorItemSelected {
	display				: inline;
	float				: left;
	width				: 18px;
	height				: 18px;
	overflow			: hidden;
	margin-right		: 4px;
	border				: 2px solid #000000;
	cursor				: pointer;
}

.calBackground {
	background			: #F6FBFE;
}

/*****************************************************************************
*  
*  Other
*  
*****************************************************************************/


.page-login .login-container ol {
	
	
}

.photo {
}

div.photoContainer {
	margin-right		: 20px;
	float				: right;
	overflow			: hidden;
}

table.photoContainer {
	border				: 1px solid #BBBBBB;
	background			: #ffffff;
	
	padding				: 10px;
	margin-bottom		: 7px;
	width				: 160px;
}

.pfUIPhotoContainer {
}


img.formattingRight {
	
	
}

img.formattingLeft {
	
	
}

/*****************************************************************************
*  
*  Icon collection
*  
*****************************************************************************/

.ic-empty {
	
}

.ic-listarrow-right,
.ic-listarrow-down,
.ic-gear {
	
}

.ic-listarrow-right {
	
}

.ic-listarrow-down {
	
}

.ic-gear {
	
}

.ic-gear:hover {
	
}


.gui-tabpanel {
	
}

.gui-tabpanel > ul.tabs {
	
}

.gui-tabpanel > ul.tabs > li {
	
}

.gui-tabpanel > ul.tabs > li.active {
	
}

.gui-tabpanel > div.content {
	
}

/*****************************************************************************
*  
*  Popups
*  
*****************************************************************************/

#window-busy {
	
}

#window-busy .spinner {
	
}

#maintenance-message {
	
}

#maintenance-message > .background,
#maintenance-message > .container > .title {
	
}

.message-alert {
	background					: #E17C0F;
	padding						: 20px;
	color						: #fff;
	margin-bottom				: 20px;
}





.policies-text {
	
}

.policies-text ul {
	
}

.policies-text ul.index {
	
}

.policies-text ul li {
	
	
}

.policies-text.colorful ul li {
	
	
}

.policies-text h2 {
	
	
}

.policies-text.colorful h2 {
	
	
}

.policies-text.colorful h1 + p,
.policies-text.colorful h2 + p,
.policies-text.colorful h2 + ul {
	
	
}

.policies-text.colorful h1 + p {
	
	
}

.policies-text p i {
	
}

.policies-text p strong {
	
}

.policies-text ul.index li a {
	
}

.policies-text ul.index li a:hover {
	
}

.policies-text p.accepted-date {
	
}

#user-policy-form {
	border-top			: 1px solid #fff;
	margin-top			: 40px;
}

.ajax-value {
}

.ajax-value.ajax-loading {
	min-width			: 40px;
	position			: relative;
	display				: inline-block;
}

.ajax-contents.ajax-loading {
	position			: relative;
	min-height			: 60px;
}

@keyframes ajax-loading {
	from {
		background-position: -10px 50%;
	}
	to {
		background-position: 0px 50%;
	}
}


.ajax-contents.ajax-loading:after,
.ajax-value.ajax-loading:after {
	background-image	: url(/resources/gfx/loader-lines.png);
	background-position	: 0px 50%;
	background-repeat	: repeat-x;
	width				: 30px;
	height				: 100%;
	left				: 50%;
	content				: ' ';
	transform			: translate(-50%, 0px);
	position			: absolute;
	animation			: ajax-loading 0.3s linear 0s infinite;
}

.ajax-contents.ajax-loading:after {
	transform			: translate(-50%, 0px);
	top					: 0px;
	left				: 50%;
	width				: 50%;
}

.ajax-contents.ajax-loading:before,
.ajax-value.ajax-loading:before {
	background-color	: rgba(255, 255, 255, 0.1);
	top					: 0px;
	left				: 0px;
	width				: 40px;
	height				: 100%;
	content				: ' ';
	position			: absolute;
}

.ajax-contents.ajax-loading:before {
	left				: 0px;
	width				: 100%;
}

.ajax-contents.ajax-loading.ajax-nobackground:before,
.ajax-value.ajax-loading.ajax-nobackground:before {
	background-color	: transparent;
}


.help-section {
	padding				: 20px;
	background-color	: #fff;
	border				: 1px solid #000;
	margin-bottom		: 20px;
}

.help-section h2 {
	font-size			: 20px;
	line-height			: 28px;
}

.help-section h3 {
	padding-top			: 10px;
	font-weight			: bold;
}

.help-section p,
.help-section li {
	padding				: 0 0 10px;
}

.help-section p,
.help-section li {
	color				: rgba(0, 0, 0, 0.65);
}

.help-section em,
.help-section strong {
	color				: #000;
}

.help-section ul {
	padding				: 10px 0 0 30px;
}

.help-section li {
}

.help-section em {
	
}

.help-section span.point {
	border				: 1px solid #000;
	border-radius		: 5px;
	width				: 8px;
	height				: 8px;
	display				: inline-block;
}

 /*****************************************************************************
*  
*  Main
*  
*****************************************************************************/

body {
	
}

.page-container {
	
}

.page-dev-version {
	
}


.page-width {
	
	
	
	
	
}

.page-width-including-padding {
	
	
	
	
	
}

.page-container .page-logo {
	
	
	
	
}

.page-container .page-logo .top-bar {
	
}

.page-container .page-logo .logo {
	
	
	
}

.page-container .page-logo ul.top-menu {
	
	
}

.page-container .page-logo ul.top-menu li {
	
}

.page-container.menu-always-dropdown .page-logo li.dropdown {
	
}

.page-container.menu-right .page-logo li.dropdown {
	
	
}

.page-container .page-logo li.dropdown[data-notification]::after {
	
}

.page-container .page-logo ul.top-menu li img {
	
	
}

.page-container .page-logo ul.top-menu li img.active {
	
}

.page-container .page-logo ul.top-menu li span {
	
	
}

.page-container .page-logo ul.top-menu.buttons-dark li span {
	
	
}



.internal-info-messages-container ul {
	
	
}

.internal-info-messages-container ul li {
	
	
}

.internal-info-messages-container ul li h2 {
	
	
}

.internal-info-messages-container ul li p {
	
	
}

.internal-info-messages-container ul li button {
	
	
}


.system-info-messages-container .message {
	
	
}

.system-info-messages-container.inline-padding .message {
	
	
}

.system-info-messages-container .message.state-1 {
	
}

.system-info-messages-container .message.state-2 {
	
}

.system-info-messages-container .message.state-3 {
	
}

.system-info-messages-container .message.state-4 {
	
}

.system-info-messages-container .message.notifications {
	
}

.system-info-messages-container .message p a {
	
}

.system-info-messages-container .message h2 {
	
	
}

.system-info-messages-container .message button,
.system-info-messages-container .message button:hover {
	
}

.system-info-messages-container .message.notifications .splitter {
	
}

.system-info-messages-container .message.notifications .section {
	
}

.system-info-messages-container .message.notifications .section h3 {
	
}

.system-info-messages-container .message.notifications .section span.info {
	
}

.system-info-messages-container .message.notifications .section span.reference {
	
}

.system-info-messages-container .message.notifications .section span.date {
	
}

.system-info-messages-container .message.notifications .section button {
	
	
}

.system-info-messages-container .message.notifications .section p {
	
}

.system-info-messages-container .message.notifications .section p a {
	
}

.system-info-messages-container .message.notifications p.comment {
	
}



.page-container .page-wrapper {
	
}

.page-container.menu-always-dropdown .page-menu {
	
	
}

.page-container.menu-right .page-menu {
	
	
	
}

.page-container.menu-always-dropdown .page-menu.open,
.page-container.menu-right .page-menu.open {
	
}

.page-container.menu-always-dropdown .page-menu.visible,
.page-container.menu-right .page-menu.visible {
	
	
	
	
}

.page-container .page-menu-blocker {
	
}

.page-container .page-menu-blocker.display {
	
}

.page-container .page-menu ul.buttons {
	
}

.page-container .page-menu ul.buttons.portal {
	
}

.page-container .page-menu ul.buttons li {
	
}

.page-container .page-menu ul.buttons li.w-33 {
	
}

.page-container .page-menu ul.buttons li.w-25 {
	
}

.page-container .page-menu ul.buttons li.w-50 {
	
}

.page-container .page-menu ul.buttons li.w-100 {
	
}

.page-container .page-menu ul.buttons li.w-33 img.icon {
	
	
}

.page-container .page-menu ul.buttons li.w-100 img.icon {
	
	
}

.page-container .page-menu ul.buttons li span {
	
}

.page-container .page-menu ul.buttons li a {
	
}

.page-container .page-menu ul.buttons li a.color-1,
.page-container .page-menu ul.buttons li a.color-2,
.page-container .page-menu ul.buttons li a.color-3,
.page-container .page-menu ul.buttons li a.color-4,
.page-container .page-menu ul.buttons li a.yellow,
.page-container .page-menu ul.buttons li a.blue,
.page-container .page-menu ul.buttons li a.active {
	
	
}

.page-container .page-menu ul.buttons li a.color-1 {
	
}

.page-container .page-menu ul.buttons li a.color-1:hover {
	
}

.page-container .page-menu ul.buttons li a.color-2 {
	
}

.page-container .page-menu ul.buttons li a.green {
	
}

.page-container .page-menu ul.buttons li a.green:hover {
	
}

.page-container .page-menu ul.buttons li a.blue {
	
}

.page-container .page-menu ul.buttons li a.blue:hover {
	
}

.page-container .page-menu ul.buttons li.portal-logo {
	
}

.page-container .page-menu ul.buttons li.portal-logo a,
.page-container .page-menu ul.buttons li.profile-logo a {
	
}

.page-container .page-menu ul.buttons li.portal-logo a {
	
}

.page-container .page-menu ul.buttons li.profile-logo a {
	
}

.page-container .page-menu ul.buttons li.portal-logo a img,
.page-container .page-menu ul.buttons li.profile-logo a img {
	
}

.page-container .page-menu ul.buttons li a.color-2:hover {
	
}

.page-container .page-menu ul.buttons li a.active,
.page-container .page-menu ul.buttons li a.color-3 {
	
}

.page-container .page-menu ul.buttons li a.active:hover,
.page-container .page-menu ul.buttons li a.color-3:hover {
	
}

.page-container .page-menu ul.buttons li a.color-4 {
	
}

.page-container .page-menu ul.buttons li a.color-4:hover {
	
}

.page-container .page-menu ul.buttons li a[data-notification]::after {
	
}

.page-container .page-menu ul.buttons li.weather-full div.heading {
	
}

.page-container .page-menu ul.buttons li.weather-full .container {
	
}

.page-container .page-menu ul.buttons li.weather-full .container a {
	
}

.page-container .page-menu ul.buttons li.weather-full .container .button {
	
}

.page-container .page-menu ul.buttons li.weather-full .container .credit {
	
}

.page-container .page-menu ul.buttons li.weather-full .container .credit a {
	
}

.page-container .page-menu ul.buttons li.weather-full .container .section {
	
}

.page-container .page-menu ul.buttons li.weather-full .container .section .border {
	
}

.page-container .page-menu ul.buttons li.weather-full .container .section .temperature {
	
}

.page-container .page-menu ul.buttons li.weather-full .container .section .temperature.warm {
	
}

.page-container .page-menu ul.buttons li.weather-full .container .section .temperature.cold {
	
}

.page-container .page-menu ul.buttons li.weather-full .container .more {
	
}

.page-container .page-menu ul.buttons li.settings {
	
}

.page-container .page-menu ul.buttons li.settings a {
	
}

.page-container .page-menu p.user-info {
	
}

.page-container .page-menu p.user-info a {
	
}


.page-container.menu-right .page-content {
	
	
}

.page-container.menu-always-dropdown .page-content {
	
}

.page-container.menu-right .page-padding {
	
	
	
}
.page-container.menu-always-dropdown .page-padding {
	
	
	
}

.page-container .page-content h1 {
	
	
}

.page-container #coreAjaxNoSupport {
	
}


.page-footer {
	
}

.page-footer .version-info {
	
}

.page-footer .version-info span {
	
}

.page-footer .version-info a {
	
}

 /*****************************************************************************
*  
*  Popups
*  
*****************************************************************************/

.popup-blocker {
	
}

.popup .animated {
	
}

.popup {
	
	
	
	
	
}

.popup-mobile-fixed {
	
}

.popup-display {
	
	
}

.popup-hidden {
	
}

.popup .close-button {
	
}

.popup .close-button:hover {
	
}

.popup .close-button.hidden {
	
}

.popup .background {
	
}

.popup .container {
	
}

.popup .container > .title {
	
	
}

.popup .container > .title.hidden {
	
}

.popup .container .content {
	
}

.popup .container .content.padding {
	
	
}

.popup .container .content.padding-sides {
	
	
}

.popup .container .content a {
	
}

.popup .container .content a.dark {
	
}

.popup .container .content .spinner-container {
	
}

.popup .container .footer {
	
	
}

.popup .container .footer.hidden {
	
}



/** FULL SIZE POPUP **/
.popup.full-size {
	
}

.popup.full-size .background {
	
}

.popup.full-size .container {
	
}

.popup.full-size .container .content {
	
}

 .popup-menu {
	
}
 #imagelibrary-browser {
	
}

#imagelibrary-browser .filter {
	
}

#imagelibrary-browser .filter .search {
	
	
}

#imagelibrary-browser .filter .search input {
	
}

#imagelibrary-browser .filter .sort {
	
	
}

#imagelibrary-browser .filter .sort > div {
	
}

#imagelibrary-browser .filter .sort > div > select {
	
}

#imagelibrary-uploader {
	
}

#ilupImageContainer {
	
}

#ilbrImagesContainer {
	
}

#ilbrImagesContainer .image {
	
	
	
}

#ilbrImagesContainer .image .border {
	
}

#ilbrImagesContainer .image:hover .border {
	
}

#ilbrImagesContainer .image table.thumbnail {
	
}

#ilbrImagesContainer .image table.thumbnail tr td {
	
}

#ilbrImagesContainer .image table.thumbnail tr td img {
	
}

#ilbrImagesContainer .image .descr {
	
}

#ilbrImagesContainer .image .border .tools {
	
}

#ilbrImagesContainer .image:hover .border .tools {
	
}

#ilbrImagesContainer .image .border .tools img {
	
}

#ilupOrigContainer {
	
	
}

#ilupPreviewContainer {
	
	
} #settings-window {
	
}

#settings-edit-menuitem {
	
}

#settings-menuitems-list {
	
}

#settings-menuitems-list .line {
	
}

#settings-menuitems-list .line.inactive {
	
}

#settings-menuitems-list .line .item.icons {
	
	
	
}

#settings-menuitems-list .line .item.name {
	
	
}

#settings-menuitems-list .line .item.access {
	
	
	
}
#settings-menuitems-list .line .item.access .level {
	
}

#settings-menuitems-list .line .item.icon {
	
	
	
}

#settings-menuitems-list .line .item.icon img {
	
	
}

#settings-menuitems-list .line .item.heading.access,
#settings-menuitems-list .line .item.heading.icon {
	
	
}

#settings-edit-menuitem .app-form .icons {
	
	
}

#settings-edit-menuitem .app-form .icons .icon {
	
	
}

#settings-edit-menuitem .app-form .icons .icon input {
	
	
}

#settings-edit-menuitem .app-form .icons .icon img {
	
	
}


 .text-editor-styles img.embed-video {
	
}

.text-editor-styles div.embed-video {
	
}

.text-editor-styles div.embed-video.youtube iframe {
	
}

.text-editor-styles div.embed-video.internal {
	
}

.text-editor-styles div.embed-video.internal video {
	
}

.text-editor-styles div.embed-video.internal div.overlay {
	
}

.text-editor-styles div.embed-video.internal div.controls {
	
}

.text-editor-styles div.embed-video.internal div.controls > span {
	
}

.text-editor-styles div.embed-video.internal.pause div.controls > span {
	
}

.text-editor-styles div.embed-video.internal div.controls > div {
	
}

.text-editor-styles div.embed-video.internal div.controls > div > span {
	
}

video::-webkit-media-controls{
    display: none;
    -webkit-appearance: none;
} #linkcreator {
	
}

#linkcreator-selectfile {
	
}

 #browser-folder-edit {
	
}

.browser-container > .lists {
	
}

.browser-container.colorscheme-grayscale > .lists {
	
}

.browser-container.colorscheme-blue > .lists {
	
}

.browser-container > .lists > .list {
	
}

.browser-container > .lists > .list.folders {
	
	
	
}

.browser-container > .lists > .list.folders.open {
	
	
}

.browser-container > .lists > .list.folders .current-folder {
	
	
	
}

.browser-container > .lists > .list.folders .current-folder::after {
	
	
}

.browser-container > .lists > .list.folders > div.tools {
	
}

.browser-container.colorscheme-blue > .lists > .list.folders > div.tools {
	
}

.browser-container > .lists > .list.folders > div.tools img {
	
}

.browser-container > .lists > .list.folders > div.tools img.new,
.browser-container > .lists > .list.folders.has-selection > div.tools img.edit,
.browser-container > .lists > .list.folders.has-selection > div.tools img.delete {
	
}

.browser-container > .lists > .list.folders > div.tools img.new {
	
}

.browser-container > .lists > .list.folders > div.tools img.edit,
.browser-container > .lists > .list.folders > div.tools img.delete {
	
}

.browser-container > .lists.no-new > .list.folders > div.tools img.new {
	
}

.browser-container > .lists.no-edit > .list.folders > div.tools img.edit {
	
}

.browser-container > .lists.no-delete > .list.folders > div.tools img.delete {
	
}

.browser-container > .lists.no-editing > .list.folders > div.tools {
	
}


.browser-container > .lists > .list.folders > div.items-container {
	
	
}

.browser-container > .lists > .list.folders > div.items-container > div.items {
	
}

.browser-container > .lists > .list.folders > div.items-container > span.scrollbar {
	
}

.browser-container > .lists > .list.elements {
	
	
}

.browser-container > .lists > .list ul {
	
}

.browser-container > .lists > .list.folders > div.items-container > div.items ul {
	
}

.browser-container > .lists > .list.folders > div.items-container > div.items ul > li {
	
}

.browser-container > .lists > .list.folders > div.items-container > div.items ul > li > span {
	
}

.browser-container > .lists > .list.folders > div.items-container > div.items ul > li.has-children > span {
	
}

.browser-container > .lists > .list.folders > div.items-container > div.items ul > li.has-children.open > span {
	
}

.browser-container > .lists > .list.folders > div.items-container > div.items ul > li > p {
	
}

.browser-container > .lists > .list.folders > div.items-container > div.items ul > li.selected > p {
	
}

.browser-container > .lists > .list.folders > div.items-container > div.items ul > li.disabled > p {
	
}

.browser-container > .lists > .list.folders > div.items-container > div.items ul > li > p > span {
	
}

.browser-container > .lists > .list.folders > div.items-container > div.items ul > li > p > span:first-child {
	
}

.browser-container > .lists > .list.folders > div.items-container > div.items ul > li > p:hover > span {
	
}

.browser-container > .lists > .list.folders > div.items-container > div.items ul > li.has-notification > p::after,
.browser-container > .lists > .list.elements ul > li.has-notification > span::after {
	
}

.browser-container > .lists > .list.elements ul > li.has-notification > span::after {
	
}

.browser-container > .lists > .list.folders > div.items-container > div.items ul > li > ul {
	
}

.browser-container > .lists > .list.folders > div.items-container > div.items ul > li.open > ul {
	
}

 #files-file-edit {
	
}

.files-browser > .lists {
	
	
}

.files-browser > .lists > .list.folders > div.items-container {
	
	
}

.files-browser > .lists.no-editing > .list.folders > div.items-container {
	
	
}

.files-browser .list.elements ul {
	
}

.files-browser .list.elements ul li {
	
}

.files-browser.colorscheme-blue .list.elements ul li {
	
}


.files-browser .list.elements ul li img.edit,
.files-browser .list.elements ul li img.delete {
	
}

.files-browser .list.elements ul li .click {
	
}

.files-browser .list.elements ul li .click:hover {
	
}

.files-browser .list.elements ul li.no-access,
.files-browser .list.elements ul li.no-elements {
	
}

.files-browser .list.elements ul li.spinner {
	
}

 .window-container {
	
	
	
}

.window-container.maintenance {
	
}

.window-container .title {
	
	
}

.window-container.maintenance .title {
	
}

.window-container h1 {
	
	
}

.window-container .padding {
	
	
}

.window-container .padding .forgotten-password {
	
}

.window-container .padding .forgotten-password a {
	
}

.window-container .custom-error-message {
	
}

.window-container .logo {
	
}

.window-container .logo img {
	
}

.window-container .receivers-buttons {
	
	
}

.window-container .receivers-buttons a {
	
	
}

.window-container .button-container {
	
	
}

.window-container .success-message {
	
	
}

.window-container .failed-message {
	
	
}

.window-container .receivers-edit-section-firsttime,
.window-container .receivers-edit-section-number,
.window-container .receivers-edit-section-code,
.window-container .receivers-edit-section-edit {
	
}

.window-container .receivers-edit-section-firsttime.visible,
.window-container .receivers-edit-section-number.visible,
.window-container .receivers-edit-section-code.visible,
.window-container .receivers-edit-section-edit.visible {
	
}

 .wrap-box {
	
}

.wrap-box.w-25 {
	
	
}
.wrap-box.w-50 {
	
	
}
.wrap-box.w-75 {
	
	
}

.wrap-box-tabs {
	
	
}

.wrap-box-tabs ul.tabs {
	
	
}

.wrap-box-tabs ul.tabs li {
	
	
}

.wrap-box-tabs ul.tabs li:hover {
	
	
}

.wrap-box-tabs ul.tabs li.active {
	
	
}

.wrap-box-tabs .wrap-box {
	
	
}
 .accordion {
	
}

.accordion.open {
	
}

.accordion > h2 {
	
	
}

.accordion > h2:before {
	
	
}

.accordion.open > h2 {
	
}
.accordion.open > h2:before {
	
}


.accordion > div {
	
}

.accordion.open > div {
	
}

 .page-container .page-logo .logo {
	
}

[data-puzzel-chat] {
	font-family: 'Roboto', sans-serif;
	z-index: 9999;
}

[data-puzzel-chat] h1 {
	margin-bottom: 0px !important;
}

.info-bar {
	
}

.info-bar p > span {
	
	
	
}

.info-bar p > span.left {
	
	
}

.info-bar p > span.right {
	
	
	
}

.info-bar p > span > span {
	
}

.info-bar p > span > span.chat {
	
	
}

.info-bar p > span > span.hideable {
	
}



.info-bar a {
	
}

/** 

	light theme
	
**/



/** login **/

.page-login .login-container {
	
	
}

.page-login .page-content h1 {
	
	
}

.page-login .login-container p,
.page-login .login-container ol {
	
	
}

.page-login .login-container ol {
	
	
}

.page-login .login-container ol li {
	
	
}

.page-login .login-container .forgotten-password {
	
}

#internal-info-messages button,
.page-login .login-container button.standard,
.page-login .login-container a.button-standard,
.page-login .login-container input[type="submit"] {
	
}

#internal-info-messages button:hover,
.page-login .login-container button.standard:hover,
.page-login .login-container input[type="submit"]:hover  {
	
}

.page-login .login-container .title {
	
}

.page-login h1 {
	
}

.page-login .candy-people-product-photo {
	
}

.page-login .contact-section {
	
	
}

.page-login .contact-section .section {
	
	
}

.page-login .contact-section .section .background {
	
	
}

.page-login .contact-section .section .background h2 {
	
}

.page-login .contact-section .section .background a {
	
	
}

.page-login .contact-section .section .background a span {
	
	
}
.page-login .contact-section .section .background a:hover {
	
}

.page-login .contact-section .section .background p {
	
	
}

.page-login .contact-section .section .background p.small {
	
	
}

/** general **/

button.standard.contrast,
a.button-standard.contrast,
input[type="submit"].contrast {
	
}

button.standard.contrast:hover,
a.button-standard.contrast:hover,
input[type="submit"].contrast:hover  {
	
}

.list-filter {
	background				: #fff !important;
}

.list-filter-button::after {
	
	
}



.page-dev-version {
	
}

body {
	background				: #fff;
	color					: #000;
}

a {
	color					: #000;
}

.ajax-contents.ajax-loading:before,
.ajax-value.ajax-loading:before {
	
}

.ajax-contents.ajax-loading:after,
.ajax-value.ajax-loading:after {
	
}

button.busy.ajax-contents.ajax-loading:after,
button.busy.ajax-value.ajax-loading:after {
	
}

.page-container {
	
}

.page-container .page-logo {
	
}


.page-container .page-logo .top-bar {
	
}

.page-container .page-logo .top-bar > .page-width > img {
	
	
}

.top-menu li {
	
	
}

.top-menu li span {
	
	
}

.top-menu li img {
	
}

.top-menu #menu-button {
	
}

.top-menu #menu-button.active {
	
}

.page-menu-blocker {
	
}

.page-menu {
	
}

.page-menu .user-info {
	
}

.page-menu .user-info a {
	
}

.page-menu ul.buttons li a {
	
}

.page-footer {
	
}

.div-list-768 .line.headings,
.div-list-1010 .line.headings {
	
}
.div-list-768 .line.headings .item,
.div-list-1010 .line.headings .item {
	
}

.div-list-768 .content,
.div-list-768 .content .line {
	
}

.div-list-768 .content .line .item {
	
}

button.standard {
	
}

.button-standard.left, button.standard.left, .button-standard.middle, button.standard.middle, .button-standard.right, button.standard.right {
	
}

.button-standard.left.down, button.standard.left.down, .button-standard.middle.down, button.standard.middle.down, .button-standard.right.down, button.standard.right.down {
	
}

button.standard.down,
a.button-standard.down,
input[type="submit"].down,
button.standard:hover {
	
}

button.standard span,
button.standard span:hover,
button.standard:hover span {
	
}

.button-standard.middle, button.standard.middle {
	
}

.button-standard.right, button.standard.right {
	
}

.button-standard.icon.icon-export, button.standard.icon.icon-export {
	
}

.button-standard.icon.icon-export, button.standard.icon.icon-emailaddresses {
	
}

.button-standard.icon.icon-export:hover, button.standard.icon.icon-export:hover {
	
}

.button-standard.icon.icon-export:hover, button.standard.icon.icon-emailaddresses:hover {
	
}


.wrap-box-tabs .wrap-box {
	
}

.wrap-box-tabs ul.tabs li {
	
}

.wrap-box-tabs ul.tabs li:hover,
.wrap-box-tabs ul.tabs li.active {
	
}

.popup-block {
	
}

.popup .background,
.popup .title,
.popup .footer {
	
}

.popup .tabPanel,
.popup .tabPanel .tabPanelTabSelected {
	
}

.popup .tabPanel .tabPanelTab {
	
}

.tabPanel .line-separator {
	border-bottom			: 1px solid rgba(0, 0, 0, 0.20) !important;
}

.app-form .line > div textarea,
.app-form .line > div input[type="text"],
.app-form .line > div input[type="password"],
.app-form .line > div .select,
.app-form .line > div .wrapper {
	
}

.app-form .line > div textarea:focus,
.app-form .line > div input[type="text"]:focus,
.app-form .line > div input[type="password"]:focus,
.app-form .line > div .select.focus {
	
}

.app-form .line > div textarea.error,
.app-form .line > div input[type="text"].error,
.app-form .line > div input[type="password"].error {
	
}

.app-form [type="checkbox"]:not(:checked) + label:before,
.app-form [type="checkbox"]:checked + label:before,
.app-form span.checkbox-checked:before,
.app-form span.radio-checked:before {
	
}

.app-form [type="radio"]:not(:checked) + label:before,
.app-form [type="radio"]:checked + label:before {
	
}


.tabPanel [type="checkbox"]:not(:checked) + label:before,
.tabPanel [type="checkbox"]:checked + label:before,
.tabPanel [type="radio"]:not(:checked) + label:before,
.tabPanel [type="radio"]:checked + label:before,
.tabPanel span.checkbox-checked:before,
.tabPanel span.radio-checked:before {
	
}


/* checked mark aspect */

.app-form [type="checkbox"]:not(:checked) + label:after,
.app-form [type="checkbox"]:checked + label:after,
.app-form span.checkbox-checked:after {
	
}

.app-form [type="radio"]:not(:checked) + label:after,
.app-form [type="radio"]:checked + label:after,
.app-form span.radio-checked:after {
	
}

.tabPanel [type="checkbox"]:not(:checked) + label:after,
.tabPanel [type="checkbox"]:checked + label:after,
.tabPanel span.checkbox-checked:after {
	
}



.div-list-1010 .line {
	
}

.div-list-1010 .line.headings {
	
}

.div-list-1010 .line.open,
.div-list-1010 .line.odd.open {
	
}

/** GROUPS **/
.groups-container .content {
	
}

#groups-search-content .line.headings .item,
#groups-search-content .line .item,
#groups-search-content .line .item a,
#groups-search-content .line .item span {
	
}

#groups-search-content .div-list-1010 .group-users {
	background-color		: #fff !important;
}


/** JQUERY UI **/
.ui-widget-header {
	
}

.ui-state-highlight, .ui-widget-content .ui-state-highlight {
	
}

.ui-state-active, .ui-widget-content .ui-state-active {
	
}

.ui-widget-content {
	
}

.ui-widget-header .ui-icon,
.ui-widget-header .ui-icon:hover {
	
}




.internal-info-messages-container ul li {
	
	
}

.internal-info-messages-container ul li h2 {
	
	
}


select {
	
}

button:focus {
	outline: 2px solid #000;
	outline-offset: 5px;
}
 }
