@font-face{
	font-family: "Poppins";
	src: url("../fonts/poppins/Poppins-Regular.otf");
}

@font-face{
	font-family: "Cabin";
	src: url("../fonts/cabin/Cabin-Regular.ttf");
}

html, body{
	height: 100%;
	color: #222;
	/*color: white;*/
	font-family: Cabin;
	font-size: 16px;
	background-color: white;
	position: relative;
	margin: 0;
	padding: 0;
}

noscript p {
	background-color: #d02c2a;
	color: white;
	text-align: center;
	margin: 0;
	padding: 5px;
	position: fixed;
	z-index: 10;
	width: 100%;
}

#cookieNotify{
	display: none;
	background-color: #ef8601;
	color: white;
	text-align: center;
	position: fixed;
	bottom: 0;
	padding: 5px;
	z-index: 10;
	width: 100%;
	border-bottom: 1px solid white;
}
#cookieNotify span{
	padding: 0 10px;
}
#cookieNotify a{
	color: white;
	font-weight: bold;
}
#cookieNotify button{
	background-color: white;
	color: #ef8601;
	border: none;
	cursor: pointer;
	padding: 1px 5px;
	margin-top: 1px;
	border-radius: 2px;
}
.cookieNotAccepted{
	display: none;
}

#wrapper{
	position: relative;
	min-height: 100%;
	margin: 0 auto;
	background-color: white;

	/*background-image: url("../images/background1.png");
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	background-origin: content-box;
	background-attachment: fixed;*/
}

a {
	text-decoration: none;
	color: white;
}

ul {
	margin: 0;
	padding: 0;
}

li {
	list-style: none;
}
/* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */

header {
	height: 80px;
	position: sticky;
	top: 0;
	z-index: 200;
	width: 100%;
	background-color: #4b4a4d;
}

nav > a > img {
	float: left;
}

nav > ul {
	display: block;
	float: right;
}

nav > ul > li {
	position: relative;
	display: block;
	float: left;
	height: 80px;
	text-align: center;
	width: calc(calc(calc(100vw - 264px) / 6) - 10px);
}

nav > ul > li > a {
	display: block;
	width: 100%;
	height: 100%;
	text-align: center;
	margin-right: auto;
	margin-left: auto;
}

nav > ul > li > a > ul {
	position: absolute;
	width: 100%;
	bottom: 5px;
	text-align: center;
	margin-right: auto;
	margin-left: auto;
}

nav > ul > li > a > ul > li:nth-child(1) {
	font-size: 32px;
}

nav > ul > li > a > ul > li:nth-child(2) {
	hyphens: none;
	text-overflow: ellipsis;
}

nav > ul > li:hover {
	color: #ef8601;
	box-shadow: inset 0 -2px 0 0 #ef8601;
}

nav > ul > li:hover > a {
	color: #ef8601 !important;
}

.active {
	box-shadow: inset 0 -4px 0 0 #ef8601 !important;
}

nav > ul > li.active > a{
	color: #ef8601 !important;
}

#nav > ul > li > a {
	color: white;
}




























#x1 {
	height: 40px;
	line-height: 40px;
	display: block;
}

#x2 {
	position: sticky;
	top: 0;
	/*width: 100%;*/
	height: 80px;
	line-height: 80px;
	text-align: center;

	max-width: 1700px;
	margin-left: auto;
	margin-right: auto;

}

.brand {
	width: 160px;
	height: 100%;
	float: left;
	margin: 0;
	background-color: #4b4a4d;
	text-align: center;
}

.brand span {
	display:inline-block;
	height: 100%;
	vertical-align: middle;
}

.brand img {
	vertical-align: middle;
	max-height: 80px;
}

#menu {
	height: 100%;
	float: right;
}

#menu > ul {
	height: inherit;
	margin: 0;
	padding: 0;
	float: right;
}

#menu > ul > li {
	position: relative;
	min-width: 180px;
	max-width: 188px;
	height: inherit;
	color: #343434;
	display: inline-block;
	border: none;
	margin: 0;
	padding: 0;
}

#menu > ul > li:hover {
	color: #ef8601;
	box-shadow: inset 0 -2px 0 0 #ef8601;
}

#menu > ul > li:hover > a {
	color: #ef8601 !important;
}

.active {
	box-shadow: inset 0 -4px 0 0 #ef8601 !important;
}

#menu > ul > li.active > a{
	color: #ef8601 !important;
}

#menu > ul > li > a {
	color: white;
}

#menu > ul > li:hover > a {
	color: #343434;
}

#menu > ul > li > a > ul {
	margin: 0;
	padding: 0;
}

#menu > ul > li > a > ul > li {
	margin: 0;
	padding: 0;
	border: none;
}

#menu > ul > li > a > ul > li:nth-child(1) {
	height: 55px;
	line-height: 55px;
	font-size: xx-large;
}

#menu > ul > li > a > ul > li:nth-child(2) {
	height: 25px;
	line-height: 25px;
	margin-top: -10px;
}

#menuToggle {
	display: none;
}
.menu-icon {
	display: none;
}
/*Início das configurações da Navigation com dispositivos < 768px*/
@media screen and (max-width: 768px) {
	/*
	header {
		height: 80px;
		top: 0;
	}

	#x1 {
		display: none;
	}

	#x2 {
		line-height: normal;
		background-color: white;
	}*/

	/*
	nav {
		width: 100%;
		height: auto;
	}

	nav > ul {
		display: block;
		max-height: 0;
		overflow: hidden;
		-webkit-transition: max-height 0.3s;
		-moz-transition: max-height 0.3s;
		-ms-transition: max-height 0.3s;
		-o-transition: max-height 0.3s;
		transition: max-height 0.3s;
		background-color: white;
	}
	nav > ul > li {
		text-align: left;
		width: 100%;
	}
	nav > ul > li > a {
		background-color: magenta !important;
		width: 100%;
		color: #6f6f6f;
	}

	nav > ul > li > a > ul {
		margin: 0;
		padding: 0;
	}

	nav > ul > li > a > ul > li {
		margin: 0;
		padding: 0;
		border: none;
		float: left;
	}

	nav > ul > li > a > ul > li:nth-child(1) {
		height: 48px;
		line-height: 48px;
		font-size: initial;
		width: 30%;
		text-align: right;
		font-size: xx-large;
	}

	nav > ul > li > a > ul > li:nth-child(2) {
		height: 48px;
		line-height: 48px;
		margin-top: 0;
	}*/

	nav > a {
		display: none;
	}

	nav > ul {
		display: none;
		float: none;
		overflow: auto;
		background-color: #4b4a4d;
		padding: 5px;
	}

	/*

nav > ul > li {
	position: relative;
	display: block;
	float: left;
	height: 80px;
	text-align: center;
	width: calc(calc(calc(100vw - 264px) / 6) - 10px);
}
	*/


	nav > ul > li {
		float: none;
		height: 24px;
		padding-left: 5px;
		text-align: left !important;
		width: 50%;
	}

	nav > ul > li > a {
		height: auto;
		text-align: left !important;
	}

	nav > ul > li > a > ul {
		text-align: left !important;
	}

	nav > ul > li > a > ul > li:nth-child(1) {
		display: none;
	}





	.menu-icon {
		width: 80px;
		height: inherit;
		display: block;
		position: absolute;
		top: 0;
		right: 0;
		line-height: 80px;
		color: white;
		text-align: middle;
	}

	.menu-icon > i{
		position: relative;
		margin-left: auto;
		margin-right: auto;
		padding: 5px;
	}
	#menuToggle:checked ~ label > i{
		background-color: white;
		color: #444444;
	}

	#menuToggle:checked ~ ul {
		display: block;

		/*max-height: 350px;*/
		/*Para fazer com que o menu saia da esquerda ou direita, você deve trocar max-height por max-width*/
	}
	.menu-icon i {
		font-size: 1.7em;
	}
}

#breadcrump {
	background-color: #242729;
	height: 25px;
}

#breadcrump > ul {
	padding: 0;
	margin: 0;
	max-width: 1700px;
	margin-left: auto;
	margin-right: auto;
}

#breadcrump > ul > li {
	padding: 0px 25px;
	line-height: 25px;
	margin: 0;
	float: left;
	color: white;
}

#breadcrump a {
	color: white;
}

#breadcrump::after {
	content: " " !important;
	clear: both !important;
}

#maintenence {
	background: url("../images/coding.jpg") no-repeat bottom;
	/*min-height: 100%;*/
	min-height: calc(100vh - 220px);
	margin: 0;
	padding: 40px;
	margin-bottom: 100px;
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
	overflow: hidden;
}

#maintenence > div {
	background-color: #6f6f6fdd;
	color: white;
	padding: 20px;
	margin-bottom: 100px;
}

@media screen and (max-width: 768px) {
	#maintenence {
		min-height: calc(100vh - 180px);
	}
}

footer {
	position: absolute;
	bottom: 0;
	background-color: #4b4a4d;
	width: 100%;
	height: 100px;
	text-align: center;
	font-family: Poppins;
}

footer > ul {
	margin: 0;
	max-width: 1700px;
	margin-left: auto;
	margin-right: auto;
}

footer > ul > li {
	float: left;
	font-size: 26px;
	line-height: 100px;
}

footer > ul > li:nth-child(1) {
	width: 25%;
}

footer > ul > li:nth-child(2) {
	width: 75%;
}

footer > ul > li:nth-child(1) > ul {
	padding: 0;
	margin: 0;
	margin-top: 20px;
}


footer > ul > li > ul > li{
	line-height: 20px;
	font-size: 16px;
}

footer > ul > li:nth-child(2) > ul > li{
	float: left;
	line-height: 100px;
	width: 33.33%;
}

footer > ul > li > ul > li {
	color: white;
}

footer > ul > li > ul > li > a {
	color: white;
}

footer > ul > li > a:hover {
	color: #0056b3;
	text-decoration: underline;
}

@media screen and (max-width: 768px) {
	footer > ul {
		margin: 0;
		padding: 0;
		width: 100%;
	}

	footer > ul > li {
		float: left;
		width: 50% !important;
		margin: 0;
		padding: 0;
	}

	footer > ul > li > ul {
		margin: 0;
		padding: 0;
	}

	footer > ul > li:nth-child(2) > ul > li{
		line-height: 33.33px;
		float: none;
		width: 100%;
	}
}

.close {
    color: white;
    float: right;
    font-size: 32px;
    font-weight: bold;
    height: 48px;
    width: 48px;
    background-color: #3FC7C9;
    text-align: center;
    vertical-align: middle !important;
}

.close:hover, .close:focus {
    color: #FF5038;
    text-decoration: none;
    cursor: pointer;
}

.closeError{
    color: white;
    float: right;
    /*font-size: 32px;*/
    font-weight: bold;
    height: 24px;
    width: 24px;
    line-height: 24px;
    margin-top: 3px;
    /*background-color: #3FC7C9;*/
    text-align: center;
    vertical-align: middle !important;
}

.closeError:hover, .closeError:focus {
    color: #ffefeb;
    text-decoration: none;
    cursor: pointer;
}

#hintPasswordResetRename{
    display: none;
	padding: 10px;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

#hintPasswordResetRename p {
    font-size: 16px !important;
    text-align: left;
}

#hintPasswordResetRename ul{
    list-style-type: none;
    text-align: left;
}

.modal-header {
    padding: 0;
    background-color: #00607b;
    color: white;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.modal-header h3{
    color: white !important;
    display: inline-block;
    font-size: 16px;
    height: 48px;
    margin: 0;
    padding: 0;
    padding-left: 16px;
    padding-top: 16px;
    vertical-align: middle !important;
}

.modal-body {padding: 2px 16px;}

.modal-footer {
    padding: 2px 16px;
    background-color: #5cb85c;
    color: white;
}

.modal-text {
    margin-top: 20px;
    text-align: center;
}

.modal-center{
    font-size: 20px;
    text-align: center;
    margin-top: 20px;
    margin-bottom: 10px;
}



/* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */










/*#nav{
	background-color: white;
	transition: 0.2s;
}

#nav div{
	height: 90px;
}

#nav div a img{
	height: 70%;
	float: left;
	margin-top: 13.5px;
}

#headerSpan{
	display: inline-block;
	text-decoration: none;
	color: black;
	height: 70px;
	line-height: 70px;
	margin-top: 13.5px;
	margin-left: 15px;
	font-size: 24px;
}

.pinned{
	z-index: 200;
	position: fixed;
	top: 0;
	width: 100%;
	border-bottom: 1px solid #aaaaaa;
}

.pinned div{
	height: 60px !important;
}

.pinned div a img{
	margin-top: 9px !important;
}

.pinned li a{
	line-height: 40px !important;
}

.pinned li:last-child a{
	padding: 5px 20px !important
}

.pinned #headerSpan{
	line-height: 40px;
}*/

.blockWidth{
	position: relative;
	margin-left: auto;
	margin-right: auto;
	display: block;
}

.blockWidth2 {
	position: relative;
	display: block;
	padding-left: 10px;
	padding-right: 10px;
}

.topEdge {
	background-color: #009AFF; /*#79b827;*/
	color: white;
	height: 45px;
	width: 100%;
}

.topEdge > p{
	margin: 0;
	margin-left: auto;
	margin-right: auto;
	width: 1100px;
	line-height: 44px;
	font-size: 12px;
}

.pinned .topEdge{
	display: none;
}

.subEdge {
	background-color: #FF9300; /*#30323f;*/
	color: white;
	height: 84px;
}

.subEdge > div {
	margin-left: auto;
	margin-right: auto;
	width: 1100px;
	/*line-height: 83px;*/
	font-size: 16px;
}

.subEdge > div > div {
	display: inline-block;
	margin-top: 31px;
	margin-bottom: 31px;
}

.subEdge ul {
	display: block;
	margin: 0;
	padding: 0;
	line-height: 83px;
	float: right;
}

.subEdge ul > li {
	float: left;
	margin: 0;
	padding: 0;
	list-style-type: none;
}

.subEdge ul > li > a {
	position: relative;
	text-decoration: none;
	display: inline-block;
	color: white;
	height: 84px;
	padding-left: 13px;
	padding-right: 13px;
	font-family: Merriweather;
	letter-spacing: 1px;
	-webkit-transition: color .25s ease-out;
	-moz-transition: color .25s ease-out;
	-o-transition: color .25s ease-out;
	transition: color .25s ease-out;
}

.subEdge ul > li > a:after {
	content: '';
	position: absolute;
	left: calc(50% - 12px);
	bottom: -10px;
	width: 0;
	height: 0;
	border-left: 12px solid transparent;
	border-right: 12px solid transparent;
	border-top: 12px solid transparent;
	-webkit-transition: border-top-color .25s ease;
	-moz-transition: border-top-color .25s ease;
	-o-transition: border-top-color .25s ease;
	transition: border-top-color .25s ease;
}

.subEdge ul > li > a:hover {
	color: #79b927;
}

.subEdge ul > li > a:hover:after {
	border-top-color: #30323f;
}

.subEdge img {
	position: relativ;
	height: 50%;
	object-fit: scale-down;
}


/*
.active > a{
	color: #79b927 !important;
}

.active > a:after{
	content: '';
	position: absolute;
	left: calc(50% - 12px);
	bottom: -10px;
	width: 0;
	height: 0;
	border-left: 12px solid transparent;
	border-right: 12px solid transparent;
	border-top: 12px solid #30323f !important;
}
*/

/*
#breadcrump{
	background-color: #79b827;
	padding: 3px;
}

#breadcrump a{
	text-decoration: none;
	color: white;
	font-style: italic;
}

#breadcrump ul{
	list-style-type: none;
	overflow: auto;
	margin: none;
}

#breadcrump ul > li{
	float: left;
}

.activeBreadcrump{
	color: white;
}

.seperatorBreadcrump{
	color: white;
	padding-left: 10px;
	padding-right: 10px;
}
*/

@-webkit-keyframes fadeIn {
	from { opacity: 0; }
	to { opacity: 1; }
}
@keyframes fadeIn {
	from { opacity: 0; }
	to { opacity: 1; }
}

#gotoTop {
	position: fixed;
	display: none;
	opacity: 0;
	right: 75px;
	bottom: 0;
	text-align: center;
	-webkit-animation: fadeIn .2s;
	-moz-animation: fadeIn .2s;
	-o-animation: fadeIn .2s;
	animation: fadeIn .21s;
}

#gotoTop > a {
	display: block;
	line-height: 35px;
	width: 48px;
	font-size: 22px;
	color: white;
	background-color: #333;
	border-radius: 4px 4px 0px 0px;
	-webkit-transition: background-color .2s ease-out;
	-moz-transition: background-color .2s ease-out;
	-o-transition: background-color .2s ease-out;
	transition: background-color .2s ease-out;
}

#gotoTop > a:hover {
	background-color: #79b827;
}






/********************/


content{
	padding-bottom: 100px;
	display: block;
}














/*
.blockWidth{
	position: relative ;
	margin-left: auto;
	margin-right: auto;
	display: block;
}
*/

.menu{
	float: right;
	list-style-type: none;
	margin: 0;
	padding: 0;
}

.menu li{
	float: left;
	padding: 10px 0;
	border-right: 1px solid #f2f2f2;
}

.menu li:last-child{
	border-right: none !important;
}

.menu a:hover{
	text-decoration: none;
	color: #e83a21;
}

#mainMenuIcon{
	float: right;
	line-height: 90px;
	cursor: pointer;
}

#mainMenuIcon > i{
	padding: 5px;
	color: #e83a21;
}

#mainMenuIcon > i:hover{
	color: #626262;
}

.menu > li > a{
	text-decoration: none;
	color: black;
	line-height: 70px;
	padding: 0 20px;
	padding-top: 5px;
	padding-bottom: 5px;
}

.menu > li:hover > a{
	border-radius: 5px;
}

.menu > li > a:hover{
	border-radius: 5px;
}




/*
.active > a{
	position: relative;
}

.active > a:after{
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	right: 4px;
	height: 5px;
	background-color: #e83a21;
}
*/
.showMainMenu{
	display: block !important;
}

#mainMenu >li:hover > a {
	background-color: #e83a21;
	color: white;
}

@media only screen and (max-width: 479px){
	.blockWidth{
		width: 260px;
	}
	#mainMenu{
		z-index: 200;
		background-color: white;
	}
	#mainMenu > li{
		float: none !important;
	}
	#mainMenu > li > a{
		line-height: 40px !important;
	}
	#mainMenuIcon{
		display: none;
	}
	.clear{
		clear: both;
	}
	content{
		margin-top: 200px;
	}
	#headerSpan{
		display: none;
	}
	#breadcrump{
		display: none;
	}
}

@media only screen and (min-width: 480px) and (max-width: 767px){
	.blockWidth{
		width: 480px;
	}
	#mainMenu{
		display: none;
		position: absolute;
		right: 0;
		z-index: 200;
		background-color: white;
	}
	#mainMenu > li{
		float: none !important;
		display: block;
		padding-left: 10px;
		padding-right: 10px;
	}
	#mainMenu > li > a{
		line-height: 40px !important;
		display: block;
		padding: 0;
		text-align: center;
	}
	#mainMenuIcon{
		display: block;
	}
}

@media only screen and (min-width: 768px) and (max-width: 959px){
	.blockWidth{
		width: 768px;
	}
	#mainMenu{
		display: none;
		position: absolute;
		right: 0;
		z-index: 200;
		background-color: white;
	}
	#mainMenu > li{
		float: none !important;
		display: block;
		padding-left: 10px;
		padding-right: 10px;
	}
	#mainMenu > li > a{
		line-height: 40px !important;
		display: block;
		padding: 0;
		text-align: center;
	}
	#mainMenuIcon{
		display: block;
	}
}

@media only screen and (min-width: 960px) and (max-width: 1239px){
	.blockWidth{
		width: 960px;
	}
	.customTop{
		width: 480px;
		float: right;
	}
	.customBottom{
		width: 480px;
		float: left;
	}
	#mainMenu{
		display: block;
	}
	#mainMenuIcon{
		display: none !important;
	}
}

@media only screen and (min-width: 1240px){
	.blockWidth{
		width: 1240px;
	}
	.customTop{
		width: 620px;
		float: right;
	}
	.customBottom{
		width: 620px;
		float: left;
	}
	#mainMenu{
		display: block;
	}
	#mainMenuIcon{
		display: none;
	}
}

#register{
	min-height: 500px;
	margin-top: 20px;
	margin-bottom: 80px;
	color: white;
}

#home{
	position: relative;
	min-height: 500px;
	margin-top: 20px;
	margin-bottom: 80px;
}

h1{
	color: white;
}

#home > div{
	display: inline-block;
	background-color: #4b4a4ddd;
	border-radius: 4px;
	box-shadow: 10px 10px 10px #dddddd;
	margin-top: 50px;
	margin-left: 50px;
	padding: 20px;
	min-width: 550px;
	width: 45%;
	color: white;
}

#home > div > ul{
	list-style-type: none;
}

#home a{
	background-color: #ef8601;
	color: white;
	padding: 2px 5px;
	margin: 0px 2px;
	border-radius: 4px;
}

.customTop{
	min-height: 200px;
	height: auto;
}

.customBottom{
	height: 700px;
}

.customBoxHalf{
	margin: 20px;
	padding: 20px;
	color: white;
	background-color: #4b4a4ddd;
	border-radius: 4px;
	box-shadow: 10px 10px 10px #dddddd;
}

#help{
	margin: 20px;
	padding: 20px;
	background-color: #ef8601;
	color: white;
	border-radius: 4px;
	box-shadow: 10px 10px 10px #dddddd;
}

.form__group {
	position: relative;
	padding: 15px 0 0;
	margin-top: 10px;
	width: 50%;
	/*background-color: white;
	border: 1px solid black;*/
	}

.form__field {
	font-family: inherit;
	width: 100%;
	border: 0;
	border-bottom: 2px solid white;
	outline: 0;
	font-size: 1.3rem;
	color: #ef8601;
	padding: 7px 0;
	background: transparent;
	transition: border-color 0.2s;
}

.form__field::placeholder {
	color: transparent;
}

.form__field:placeholder-shown ~ .form__label {
	font-size: 1.3rem;
	cursor: text;
	top: 20px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.form__label {
	position: absolute;
	top: 0;
	display: block;
	transition: 0.2s;
	font-size: 1rem;
	color: white;
}

.form__field:focus {
	padding-bottom: 6px;
	font-weight: 700;
	border-width: 3px;
	border-image: linear-gradient(to right, #ef8601, #ef8601);
	border-image-slice: 1;
	color: #ef8601;
}

.form__field:focus ~ .form__label {
	position: absolute;
	top: 0;
	display: block;
	transition: 0.2s;
	font-size: 1rem;
	color: #ef8601;
	font-weight: 700;
}

.form__field:required, .form__field:invalid {
	box-shadow: none;
}

.form__button{
	background-color: #ef8601;
	border: none;
	border-radius: 4px;
	padding: 8px;
	min-width: 100px;
	color: white;
	margin-top: 3px;
	margin-bottom: 3px;
	cursor: pointer;
	text-decoration: none;
	line-height: 24px;
}

.form__group textarea {
	outline: none;
	border: white solid 2px;
	width: 100%;
	margin-top: 20px;
	color: black;
}

.form__group textarea:focus {
	border: #ef8601 solid 2px;
	color: #4b4a4d;
}

#border{
	position: fixed;
	top: 0;
	width: calc(100% - 20px);
	height: calc(100% - 20px);
	padding: 5px;
	border: 5px solid red;
	z-index: 500;
	pointer-events: none;
}

#border > div{
	position: absolute;
	bottom: 0;
	background-color: red;
	color: white;
	left: 50%;
	width: 140px;
	margin-left: -70px;
	margin-bottom: -5px;
	padding: 5px 10px;
	text-align: center;
	border-radius: 5px;
	pointer-events: all !important;
}

#border > div > span:first-child{
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

#border > div > span:last-child{
	float: right;
	cursor: pointer;
	border-radius: 3px;
}

#border > div > span:last-child:hover{
	background-color: white;
	color: red;
	padding-top: 2px;
	padding-right: 4px;
	padding-left: 4px;
	padding-bottom: 0px;
	margin-top: -2px;
	margin-right: -4px;
	margin-left: -4px;
	margin-bottom: 0px;
}

.customerTableDiv{
	width: 100%;
	max-height: 500px !important;
	overflow-y: auto;
	overflow-x: hidden;
}

.customerTable{
	border-collapse: collapse;
}

.customerTable > caption {
	text-align: left;
}

.customerTable thead{
	padding: 0;
	background-color: #4b4a4d !important;
	color: white;
	border-bottom: 1px solid white;
}

.customerTable tbody tr{
	cursor: default;
	height: 21px !important;
}

.customerTable th{
	overflow: hidden;
}

.customerTable td{
	padding: 1px;
	width: 20%;
	overflow: hidden;
	height: 21px !important;
	white-space: nowrap;
	user-select: none
}

.customerTable tr:hover td{
	background-color: #ef8601;
	color: white;
}

tr:nth-of-type(2n){
	background-color: #EAECED;
}

.customerTable tbody tr:nth-of-type(2n+1){
	background-color: white;
}

#productsTable thead{
	padding: 0;
	background-color: #30323f !important;
	/*color: #79b827*/
	color: white;
	border-bottom: 1px solid white;
}

#productsTable td{
	padding: 5px;
}

#productsTable tbody tr:nth-of-type(2n){
	background-color: lightgrey;
	color: black;
}

#productsTable tbody tr:nth-of-type(2n+1){
	background-color: lightgrey;
	color: black;
}

.detailsForm{
	display: block;
	background-color: #4b4a4d;
	padding: 5px;
}

.detailsForm > div{
	display: block;
	overflow: auto;
	color: white;
}

.detailsForm > div > div{
	padding: 10px;
}

.detailsForm > div > div:nth-child(1){
	display: block;
	width: calc(50% - 40px);
	float: left;
	min-width: 250px;
}

.detailsForm > div > div:nth-child(2){
	display: block;
	width: 50%;
	float: right;
	min-width: 250px;
}

.detailsForm > div > div > label{
	color: white;
}

.detailsForm input[type=text]{
	display: block;
	background-color: white;
	border: none;
	width: 100%;
}

.detailsForm input[type=text][readonly]{
	background-color: #828b90ee;
	color: white;
}

.detailsForm select{
	display: block;
	background-color: white;;
	width: 100%;
	border: none;
	height: 26px ;
}

#account{
	position: relative;
	min-height: 500px;
	margin-top: 20px;
	margin-bottom: 80px;
}

#center{
	position: relative;
	min-height: 500px;
	margin-top: 20px;
	margin-bottom: 80px;
}

#center > div{
	background-color: #4b4a4d;
	border-radius: 4px;
	box-shadow: 10px 10px 10px #dddddd;
	color: white;
	margin-top: 50px;
	margin-right: 50px;
	padding: 20px;


	display: inline-block;
	margin-top: 50px;
	margin-left: 50px;
	padding: 20px;
	text-align: center;
	box-shadow: 10px 10px 10px #dddddd;
}

#center > div > ul {
	text-align: left !important;
}

#profile{
	min-height: 500px;
	margin-top: 20px;
	margin-bottom: 80px;
}

#bill{
	margin-top: 20px;
	padding-bottom: 160px;
	overflow: auto;
}

#bill > div{
	display: block;
	background-color: #4b4a4d;
	border-radius: 4px;
	box-shadow: 10px 10px 10px #dddddd;
	color: white;
	margin-top: 50px;
	/*margin-right: 50px;*/
	padding: 20px;
	text-align: center;
	min-width: 35%;
	margin-left: auto;
	margin-right: auto;
	/*float: right;*/
}

#bill > div > ul{
	list-style-type: none;
	margin: 0;
	padding: 0;
}

#bill > div > ul:first-of-type{
	text-align: left;
	margin-bottom: 15px;
}

#bill > div > ul:nth-of-type(2) > li{
	margin: 2px;
	padding: 5px;
	background-color: white;
	color: #4b4a4d;
}

.supportChapter{
	color: white;
}

.supportChapter h2{
	color: #30323f;
	font-size: 18px;
}

.supportLink{
	margin-right: 10px;
	text-decoration: none;
}

.supportHeadline{
	font-size: 16px;
	margin-bottom: 8px;
}

.supportSection{
	margin-bottom: 10px;
	background-color: #4b4a4ddd;
	border-radius: 3px;
	padding: 5px;
}

.supportMessage{
	color: #ef8601;
	margin-bottom: 5px;
	font-weight: bold;
}

.clear{
	clear: both;
}

#privacy h3, #privacy h4, #privacy > div > ol{
	color: #79b827;
	font-size: 19px;
}

#privacy li > ol > li, #privacy li > ul > li, #privacy p{
	color: #333333;
	font-size: 11px;
	margin-top: 3px;
}

#privacy li > ol, #privacy li > ul{
	padding-left: 0;
}

#privacy .cleanUl{
	list-style-type: none;
	margin: 0;
	padding: 0;
	margin-top: 10px;
	margin-bottom: 10px;
}

#privacy .cleanUl > li{
	margin-top: 0;
}

#privacy .firstLi li:nth-child(1){
	padding-bottom: 10px;
}

#privacy .lastLi li:nth-last-child(1){
	padding-top: 5px;
}

#privacy .indentUl{
	margin-left: 20px;
}

#privacy h6{
	font-size: 11px;
}

#impress ul > li{
	list-style-type: none;
	font-size: 11px;
}

#impress ol > li > p{
	font-size: 11px;
}

.extra i{
	color: white;
}

* {
	-moz-hyphens: auto;
	-webkit-hyphens: auto;
	-ms-hyphens: auto;
	hyphens: auto;
}

#digitChar, #specialChar, #lowerChar, #upperChar{
	display: none;
}
.helpOff{
	display: none;
}
.helpOn{
	display: block;
}
.hintBox{
	position: fixed !important;
	background-color: #ef8601;
	border: 2px solid white;
	border-radius: 10px;
	padding: 5px;
	position:fixed;
	overflow: hidden;
	width: 20%;
	text-align: center;
	z-index: 100000;
}
.hintBox > p {
	color: white;
}
.letter{
	display: inline-block;
	background-color: white;
	color: #ef8601;
	border-radius: 5px;
	width: 25px;
	height: 25px;
	line-height: 25px;
	text-align: center;
	margin-bottom: 5px;
}
.follow{
	display: inline-block;
	width: 25px;
	height: 25px;
	text-align: center;
	margin-bottom: 5px;
	position: absolute;
	bottom: 0;
	padding-bottom: 3px;
}
#form1{
	float: left;
	width: 59%;
}
#form1 i{
	cursor: pointer;
}

#login{
	margin-top: 20px;
	margin-bottom: 20px;
	overflow: auto;
	color: white;
}

.iconColor {
	color: #ef8601;
	cursor: pointer;
}

.fa-stack { font-size: 0.75em; }

.successMessage {
	color: white;
	background-color: forestgreen;
	border: 3px solid #74EF74;
	border-radius: 3px;
	margin-top: 20px;
	text-align: center;
	padding: 5px;
}

.warningMessage{
	color: #444444;
	background-color: gold;
	border: 3px solid #FFEA79;
	border-radius: 3px;
	margin-top: 20px;
	text-align: center;
	padding: 5px;
}

.errorMessage {
	color: white;
	background-color: #d02c2a;
	border: 3px solid #EFB9B8;
	border-radius: 3px;
	margin-top: 20px;
	text-align: center;
	padding: 5px;
}

.customCheckbox {
	display: block;
	position: relative;
	padding-left: 35px;
	margin-bottom: 12px;
	cursor: pointer;
	font-size: 16px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.customCheckbox input {
	position: absolute;
	opacity: 0;
}

.checkmark {
	position: absolute;
	top: 0;
	left: 0;
	height: 24px;
	width: 24px;
	background-color: #eee;
	border-radius: 50%;
}

.customCheckbox:hover input ~ .checkmark {
	background-color: #ccc;
}

.customCheckbox input:checked ~ .checkmark {
	background-color: #ef8601;
}

.checkmark::after {
	content: "";
	position: absolute;
	display: none;
}

.customCheckbox input:checked ~ .checkmark::after {
	display: block;
}

.customCheckbox .checkmark::after {
	top: 8px;
	left: 8px;
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: white;
}

.termsOfCondition{
	padding: 20px !important;
}

.termsOfConditionLink{
	text-decoration: none;
	color: #ef8601;
}

#reset{
	position: relative;
	min-height: 500px;
	margin-top: 20px;
	margin-bottom: 80px;
}

#reset h1{
	color: #009AFF;
}

#reset > div{
	display: inline-block;
	background-color: rgba(255, 255, 255, 0.8);
	margin-top: 50px;
	margin-left: 50px;
	padding: 20px;
	min-width: 450px;
	width: 35%;
}

#reset > div > ul{
	list-style-type: none;
}

#reset a{
	background-color: white;
	color: #e83a21;
	padding: 2px;
	border-radius: 2px;
}

.customerFilesBackground {
	position: relative;
	min-height: 700px;
	margin-top: 20px;
	margin-bottom: 20px;
}

.customerFilesBackground h3{
	margin-bottom: 25px;
	color: white;
}

.customerFilesBackground h4{
	color: white;
}

.customerFilesBackground > div {
	background-color: #4b4a4d;
	border-radius: 4px;
	box-shadow: 10px 10px 10px #dddddd;
	position: absolute;
	top: 50px;
	left: 50px;
	right: 50%;
	color: #30323f;
	padding: 25px;
}

.customerFilesBackground ul{
	list-style-type: none;
}

.customerFilesBackground ul > li{
	color: white;
}

.customerFilesBackground a i{
	color: #BFEBEB;
}

.customerFilesBackground a{
	color: white;
}

.newBillList li{
	list-style-type: none !important;
}

.newBillList > li{
	overflow: auto !important;
	text-align: center;
	margin: 0 !important;
}

.newBillList{
	margin: 0 !important;
	padding: 0 !important;
	height: auto;
	overflow: auto;
}

.newBillList > li > ul{
	margin: 20px !important;
	padding: 0 !important;
	margin-top: 10px !important;
}

.newBillList > li > ul > li > ul{
	margin: 0 !important;
	padding: 10px !important;
	cursor: pointer !important;
}

.newBillList > li > ul > li > ul:hover{
	background-color: rgba(48, 50, 63, 0.6) !important;
	color: white !important;
}

.newBillList > li > ul > li {
	float: left !important;
	margin: 0 !important;
}

.newBillList > li > ul > li > p{
	text-align: center;
}

.newBillList > li > ul::before{
	content: " " !important;
	clear:both !important;
}

.newBillList > li > ul::after{
	content: " " !important;
	clear:both !important;
}

.newBillList > li > ul > li > span{
	margin-left: auto !important;
	margin-right: auto !important;
}

.thirdWidth{
	width: 33.33% !important;
}

.thirdWidth > ul > li{
	margin: 0 !important;
}

.fullWidth{
	min-width: 100% !important;
	display: block !important;
}


.offeredFamilyStorageLink{
	width: 50% !important;
	background-color: #828b90dd !important;
	border-radius: 4px;

}

.offeredFamilyStorageLink > ul > li{
	text-align: center !important;
}

.offeredFamilyStorageLink img {
	width: 25%;
}

.offeredFamilyStorageLink > ul > li > a {
	display: inline-block;
	background-color: #d02c2a;
	color: white;
	margin: 10px;
	padding: 20px;
	border-radius: 4px;
	min-width: 180px !important;
}

.offeredProductsList{
	margin-top: 20px;
	display: block;
	background-color: #828b90dd;
	overflow: auto;
	padding: 10px;
}

.offeredProductsList > ul {
	margin-left: auto;
	margin-right: auto;
}

.offeredProductsList > ul > li{
	margin: 10px;
	padding: 10px;
	background-color: #eeeeee;
	color: black;
	float: left;
}

.offeredProductsList .orderButton {
	text-align: center;
}

.offeredProductsList button {
	margin: 5px;
	margin-top: 10px;
	background-color: #d02c2a;
	color: white;
	padding: 10px;
	border-width: 0;
	border-radius: 4px;
	cursor: pointer;
	min-width: 80px;
}


.offeredProductsList .descriptionList{
	float: none;
	list-style-type: none;
}

.offeredProductsList .descriptionList > li:before{
	content: "+" " ";
}

.offeredProductsList .price {
	text-align: right;
}

.offeredProductsList .price > span{
	font-size: 2em;
}

.offeredProductsList .vat{
	text-align: right;
}

.offeredProductsList input[type="date"]{
	background-color: #d02c2a;
	color: white;
	margin: 5px;
	padding: 10px;
	border-width: 0;
	border-radius: 4px;
}

.offeredProductsList form{
	float: left;
}

#customerProducts form {
	display: inline-block;
}

#customerProducts > div{
	position: relative;
	padding: 20px;
	/*background-color:rgba(255, 255, 255, .8);*/

	top: 20px;
	margin: 10px;
	overflow: auto;
}

#customerProducts h3 {
	color: white;
}

#customerProducts details {
	margin: 4px;
	padding: 4px;
	/*margin: 1rem auto;
	padding: 0.5rem 1rem;*/

	position: relative;
	border-radius: 6px;
	/*background-color: #00607B;*/
	/*background-color: rgba(0, 96, 123, 0.8);*/
	background-color: #dddddd;
	color: black;
	transition: background-color .15s;
}

#customerProducts details > :last-child {
	margin-bottom: 1rem;
}

#customerProducts details::before {
	width: 100%;
	height: 100%;
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	border-radius: inherit;
	opacity: .15;
	box-shadow: 0 .25em .5em #263238;
	pointer-events: none;
	transition: opacity .2s;
	z-index: -1;
}

#customerProducts details[open] {
	/*background-color: #00607B;*/
	/*background-color: rgba(0, 96, 123, 0.97);*/
	background-color: #d02c2a;
	color: white;
}

#customerProducts details[open]::before {
	opacity: .6;
}

#customerProducts summary {
	/*padding: 1rem 2em 1rem 0;*/
	display: block;
	position: relative;
	/*font-size: 1.33em;
	font-weight: bold;*/
	cursor: pointer;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

#customerProducts summary::before, .customerProductsBackground summary::after {
	width: .75em;
	height: 2px;
	position: absolute;
	top: 50%;
	right: 0;
	content: '';
	background-color: currentColor;
	text-align: right;
	-webkit-transform: translateY(-50%);
			transform: translateY(-50%);
	transition: -webkit-transform .2s ease-in-out;
	transition: transform .2s ease-in-out;
	transition: transform .2s ease-in-out, -webkit-transform .2s ease-in-out;
}

#customerProducts summary::after {
	-webkit-transform: translateY(-50%) rotate(90deg);
			transform: translateY(-50%) rotate(90deg);
}

#customerProducts [open] summary::after {
	-webkit-transform: translateY(-50%) rotate(180deg);
			transform: translateY(-50%) rotate(180deg);
}

#customerProducts summary::-webkit-details-marker {
	display: none;
}

#customerProducts p {
	margin: 0 0 1em;
	line-height: 1.5;
	padding-bottom: 10px;
}

#customerProducts ul {
	margin: 0 0 1em;
	padding: 0 0 0 1em;
}

#customerProducts li:not(:last-child) {
	margin-bottom: 0.5em;
}

#customerProducts code {
	padding: 0.2em;
	border-radius: 3px;
	background-color: #E0E0E0;
}

#customerProducts pre > code {
	display: block;
	padding: 1em;
	margin: 0;
}

#customerProducts .subSection {
	margin: 1rem auto;
	padding: 0.5rem 1rem;
	position: relative;
	border-radius: 6px;
	background-color: #d02c2a;
	color: white;
}

#customerProducts button{
	background-color: #dddddd;
	color: black;
	border: none;
	border-radius: 4px;
}