@charset "utf-8";
/* CSS Document */

@font-face{
	font-family: Avenir Next;
	src: url(../fonts/AvenirNext-Regular.woff2) format("woff2"), url(../fonts/AvenirNext-Regular.woff) format("woff");
	font-weight: 400;
	font-style: normal
}

@font-face{
	font-family: Avenir Next;
	src: url(../fonts/AvenirNext-Italic.woff2) format("woff2"), url(../fonts/AvenirNext-Italic.woff) format("woff");
	font-weight: 400;
	font-style: italic
}
	
@font-face{
	font-family: Avenir Next;
	src: url(../fonts/AvenirNext-UltraLight.woff2) format("woff2"), url(../fonts/AvenirNext-UltraLight.woff) format("woff");
	font-weight: 200;
	font-style: normal
}

@font-face{
	font-family: Avenir Next;
	src: url(../fonts/AvenirNext-UltraLightItalic.woff2) format("woff2"), url(../fonts/AvenirNext-UltraLightItalic.woff) format("woff");
	font-weight: 200;
	font-style: italic
}

@font-face{
	font-family: Avenir Next;
	src: url(../fonts/AvenirNext-DemiBold.woff2) format("woff2"), url(../fonts/AvenirNext-DemiBold.woff) format("woff");
	font-weight: 700;
	font-style: normal
}

/*
html{
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
	-webkit-tap-highlight-color: transparent;
	text-rendering: optimizeLegibility;
	-webkit-font-smoothing: antialiased;
	font-size: 62.5%;
}
*/

html, body{
	margin: 0;
	padding: 0;
	-webkit-filter: none;
	filter: none;
	font-family: Avenir Next;
}

body {
	background: url(../images/home_background.jpg) center 0 no-repeat #f6f6f6 fixed;
	background-size: cover;
}

*{
	margin:0;
	padding:0;
	border:0;
	font-size:100%;
	font:inherit;
	vertical-align:baseline;
	box-sizing: border-box;
}

form {
	width: inherit;
}

.desktop_training_popup {
	width: 800px; height: 600px; background: url(../images/training_popup_text.png) center 0 no-repeat, url(../images/training_popup_background.jpg) center 0 no-repeat; flex-direction: column; align-items: center; justify-content: flex-end;	
}

.mobile_training_popup {
	width: 100%; height: 100%; background: url(../images/training_popup_background.jpg) center center no-repeat; background-size: cover; flex-direction: column; align-items: center; justify-content: center; text-align: center; padding: 30px; font-size: 15px; line-height: 20px;	
}

.desktop_congratulations_popup {
	width: 800px; height: 600px; background: url(../images/popup_congratulations_text.png) center 0 no-repeat, url(../images/popup_congratulations_background.jpg) center 0 no-repeat; flex-direction: column; align-items: center; justify-content: flex-end;
}

.mobile_congratulations_popup {
	width: 100%; height: 100%; background: url(../images/popup_congratulations_background.jpg) center center no-repeat; background-size: cover; flex-direction: column; align-items: center; justify-content: center; text-align: center; padding: 30px; font-size: 15px; line-height: 20px;
}

.admin_panel_title {
	display: none;
	background-color: #d9b9c8;
	color: #fff;
	font-size: 10px;
	font-weight: 700;
	height: 23px;
	width: 100%;
	justify-content: center;
	align-items: center;
	position: fixed;
	top: 0;
	z-index: 3;
}

.site_header {
	max-width: 941px;
	margin: 16px auto 0px auto;
	display: none;
	flex-direction: column;
	flex-wrap: wrap;
}

.client_header {
	height: 455px;
	margin-bottom: 30px;
	/*background: url(../images/background-header.jpg) center 100px no-repeat;*/
    background: url(../images/DD-exlusive-for-CD.png) center 88px no-repeat;
}

.admin_header {
	height: 296px;
	margin-top: 39px;
	/*background: url(../images/background-header-small.jpg) center 100px no-repeat;*/
    background: url(../images/DD-exlusive-for-CD.png) center 82px no-repeat;
    background-size: 34%;
}

.header_title {
	display: flex;
	margin-top: auto;
	align-self: center;
	align-items: center;
	flex-direction: column;
}

.title_welcome {
	font-size: 20px;
	text-transform: uppercase;
	letter-spacing: 2px;
	line-height: 1;
	margin-bottom: 10px;
}

.title_rewards {
	font-size: 62px;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-weight: 200;
	line-height: 1;
}

.title_manage {
	font-style: italic;
	font-size: 32px;
	width: 445px;
	height: 41px;
	background: url(../images/title_manage.png) center 0 no-repeat;
}

.mid_title {
	font-size: 16px;
	margin-bottom: 30px;
}

.sinput + .mid_title {
	margin-top: 70px;
}

.logo {
	position: absolute;
    text-align: center;
    left: 0;
    right: 0;
	top: 0;
	bottom: 0;
	z-index: 1;
	display: flex;
    justify-content: center;
}



.head_nav {
	width: 100%;
	height: 73px;
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
}

.head_nav .mobile_nav,
.head_nav .nav {
	display: none;
	align-items: center;
	position: relative;
	z-index: 2;
}

.head_nav .nav:first-child {
	margin-right: auto;
}

.head_nav .nav:last-child {
	margin-left: auto;
}

.head_nav .nav>a,
.head_nav .nav .expand>a {
	font-size: 12px;
	font-weight: 700;
	letter-spacing: 1px;
	color: #000;
	display: flex;
	align-items: center;
	line-height: 1;
	text-decoration: none;
}

.head_nav .navwborder {
	border: 1px solid #000;
	border-radius: 50%;
	width: 24px;
	height: 24px;
	justify-content: center;
	padding-left: 1px;
}

.head_nav .nav a:hover {
	color: #c6a9b7;
	border-color: #c6a9b7;
}

.head_nav .nav .expand {
	position: relative;
}

.head_nav .nav .usr_str a {
	display: none;
}

.head_nav .nav .usr_str {
	background: url(../images/stores_v.png) right center no-repeat;
	padding-right:12px;
	display: flex;
	flex-direction: column-reverse;
}

.head_nav .nav .usr_str:hover {

}

.tmright {
	margin-left: auto;
}

.mobile_menu_button {
	text-decoration: none;
	position: relative;
	z-index: 2;
	margin-left: auto;
	right: 30px;
	position: fixed;
}

.mobile_nav {
	display: none;
}

.menuactive .mobile_nav {
	position: fixed;
	flex-direction: column;
	top: 75px;
	bottom: 0;
	left: 0;
	right: 0;
	background-color: #fff;
	z-index: 20;
}

.mobile_nav a {
	width: 100%;
	height: 65px;
	display: flex;
	align-items: center;
	padding-left: 30px;
	text-decoration: none;
	color: #000;
}

.mobile_nav a+a {
	border-top: 1px solid #efefef;
}

body[page='#users_list'] .usr_str:hover,
body[page='#commission_list'] .usr_str:hover,
body[page='#training_dashboard'] .usr_str:hover {
	flex-direction: column;
}

body[page='#stores_list'] .usr_str:hover,
body[page='#rewards_list'] .usr_str:hover,
body[page='#education'] .usr_str:hover {
	flex-direction: column-reverse;
}

body:not([page='#users_list']) .usr_str:hover a[href='#users_list'],
body:not([page='#commission_list']) .usr_str:hover a[href='#commission_list'],
body:not([page='#training_dashboard']) .usr_str:hover a[href='#training_dashboard'] {
	top: 10px;
	padding-top: 10px;
	position: absolute;
}

body[page='#users_list'] .usr_str a[href='#stores_list'],
body[page='#stores_list'] .usr_str a[href='#users_list'],
body[page='#rewards_list'] .usr_str a[href='#commission_list'],
body[page='#commission_list'] .usr_str a[href='#rewards_list'],
body[page='#education'] .usr_str a[href='#training_dashboard'],
body[page='#training_dashboard'] .usr_str a[href='#education'] {
	top: 10px;
	padding-top: 10px;
	position: absolute;
}

.head_nav .nav .usr_str:hover a + a {
/*	padding-top: 10px;
	position: absolute; */
}

.head_nav .nav .usr_str:hover a {
	display: flex;
}

body:not([page='#users_list']) .nav a[href='#stores_list'],
body:not([page='#commission_list']) .nav a[href='#rewards_list'],
body:not([page='#training_dashboard']) .nav a[href='#education'] {
	display: flex !important;
}

body[page='#users_list'] .nav a[href='#users_list'],
body[page='#commission_list'] .nav a[href='#commission_list'],
body[page='#training_dashboard'] .nav a[href='#training_dashboard'] {
	display: flex !important;
}

.head_nav .nav a figure {
	margin-left: 4px;
}

.head_nav .navitem + .navitem {
	margin-left: 16px;
}

.head_nav .nav .emenu {
	position: absolute;
	flex-direction: column;
	display: none;
	width: 100%;
}

.head_nav .nav .expand:hover .emenu {
	display: flex;
}

.emenu a {
	text-decoration: none;
	color: #000;
	font-size: 12px;
	padding-top: 7px;
}


.mobile_nav .emenu {
	width: 100%;
	margin-top: 30px;
	position: static;
	align-self: flex-start;
}

.mobile_nav .emenu a {
	height: 30px;
	padding-top: 0;
	border: none !important;
}

.aico span {
	text-transform: uppercase;
}

main {
	max-width: 941px;
	margin: 0 auto;
	display: flex;
	flex-direction: column;
}

footer {
	max-width: 941px;
	margin: 20px auto 50px auto;
	display: flex !important;
	flex-direction: row;
	box-sizing: border-box;
	font-size: 12px;
	justify-content: center;
	position: relative;
}

footer a {
	text-decoration: none;
	color: #000;
}

footer .navitem {
	position: absolute;
	left: 0;
}

.client_nav {
	display: flex;
	align-items: flex-start;
	height: 60px;
}

.client_nav a {
	margin-top:5px;
	display: flex;
	flex: 1 0 auto;
	align-items: center;
	align-self: stretch;
	justify-content: center;
	text-decoration: none;
	color: #fff;
	background-color: #d9b9c8;
	padding: 0 15px;
}

.client_nav a:hover,
.client_nav a:focus {
	background-color: #c6a9b7;
	outline: none;
}

.client_nav a[active] {
	margin-top: 0;
	padding-top: 5px;
	color: #000;
	background-color: #fff;
}

.client_nav a + a {
	border-left: 1px solid #fff;
}

.client_nav a.client_nav_opener {
	display: none;
}

.educational_content .client_nav {
	justify-content: space-between;
	width:100%;
}

.educational_content .client_nav a {
	flex: 1;
}

.educational_content .training_link {
	position: relative;	
	overflow: hidden;
}

.educational_content .training_link .new_content {
	width: 90px;
	height: 26px;
	font-size: 11px;
	background-color:#5bad9f;
	transform: rotate(45deg);
	position: absolute;
	top: 8px;
	right: -24px;
	display: flex;
	justify-content: center;
	align-items: center;
}

.educational_content .training_link .new_content::before {
	content: 'NEW';
	color: #fff;
}

.client_content,
.educational_content,
.info_content {
	display: none;
}

.client_content section,
.loged_client_content section,
.admin_content section,
.educational_content section,
.info_content section {
	display: none;
	flex-direction: column;
	background-color: #fff;
	width: 100%;
	padding: 50px 50px 80px 50px;
}

.educational_content header {
	display: flex;
	flex-direction: column;
	background-color: #fff;
	width: 100%;
	padding: 40px 90px 0 90px;
}

.educational_content section,
.info_content section {
	padding: 40px 90px 80px 90px;	
}

.educational_content .newsletter,
.educational_content .infotext,
.educational_content .trainingtext {
    display: none;
}

.client_content section[active],
.loged_client_content section[active] {
	display: flex;
}

.section_header,
.middle_header {
	font-size: 28px;
	font-weight: 200;
	color: #000;
	text-transform: uppercase;
}

.section_header + * {
	margin-top: 55px;
}

.section_header + .header_text {
	margin-top 25px;
}

.header_text + * {
	margin-top: 25px;
}

.login_panel {
	margin: 0 auto;
	display: flex;
	flex-direction: column;
}

section .sinput + .sinput {
	margin-top: 24px;
}

section .sinput + .button,
.login_panel:not(.wrong) .wronginfo + .sinput {
	margin-top: 25px;
}

section .sinput + .rfi {
	margin-top: 12px;
}


.apla .sinput {
	margin-top: 60px;
}

.sinput label,
.sinput *[role=label] {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	/*color: #969696;*/
	color: #6E6E6E;
	display: flex;
	flex-wrap: wrap;
	width: 100%;
/*	pointer-events: none; */
}

/*
.sinput *[role=label] {
	align-self: flex-start;
	flex: 1;
}
*/

.sinput *[role=label]:first-child {
/*	flex-basis: auto; */
}

.sinput label.isug {
	flex-direction: column;
	position: relative;
}

.sinputHeader {
	flex: 1 100%;
	margin-bottom: 10px;
	align-self: flex-start;
}

.rewards_user_info {
	font-family: Arial, Helvetica, sans-serif;
	margin-top: 40px;
	font-size: 14px;
	color: #000;
	font-weight: normal;
	align-self: flex-start;
}

.suggestions_content {
	position: absolute;
	top: 80px;

	width: 100%;
	z-index: 1;
	display: none;
	background-color: #fff;
	border: 1px solid #d7d7d7;
	border-top: none;
	max-height: 129px;
	overflow: auto;
}

.suggestions_content.open {
	display: block;
}

.suggestions_content a {
	text-decoration: none;
	display: block;
	width: 100%;
	font-size: 16px;
	color: #000;
	padding: 5px 15px;
}

.suggestions_content a + a {
	border-top: 1px solid #d7d7d7;
}

.suggestions_content a:hover,
.suggestions_content a:focus {
	background-color: #f8f8f8;
	outline: none;
}

.login_section .sinput,
.new_password_section .sinput,
.reset_password_section .sinput {
	width: 100%;
	max-width: 300px;
	margin: 0 auto;
	display: flex;
	flex-direction: column;
}

.full_section .sinput {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-end;
}

.full_section[active] + .full_section,
.register_sale_section + .your_sales_section {
	margin-top: 20px;
}

.form_field_list {
	width: 100%;
	padding-bottom: 80px;
}

.top_section {
	display: none;
	align-items: center;
	justify-content: center;
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 5;
	background-color: rgba(0,0,0,.75);
}

.top_section .full_section {
	background-color: #fff;
	width: 100%;
	max-width: 760px;
	max-height: 90vh;
	position: relative;
}

.top_section .full_section form {
	width: inherit;
    position: inherit;
    top: inherit;
    bottom: inherit;
    height: inherit;
    display: inherit;
    flex: inherit;
    flex-direction: inherit;
}

.top_section .full_section_content {
	display: flex;
	flex-direction: column;
	width:100%;
	overflow: auto;
	padding: 50px 50px 0 50px;
}

.top_section section {
	display: none;
}

.top_section[active] {
	display: flex;
}

.sinput label:before,
.sinput *[role=label]:before {
	content: attr(title);
	padding-left: 3px;
	flex-basis: 100%;
	pointer-events: none;
}

label.info,
*[role=label].info {
	position: relative;
}

.info_text>i {
    border-radius: 50%;
    width: 15px;
    display: flex;
    height: 15px;
	background-color: #d9b9c8;
	color: #fff;
	font-size: 12px;
	font-weight: 700;
    align-items: center;
    justify-content: center;
	text-shadow: 0px 0px 2px #ffffff;
	z-index: 5;
}

.info_text {
	position: absolute;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	top: 0px;
	right: 0px;
	z-index: 5;
}

.info_text span {
	display: none;
	background-color: #f0f0f0;
	color: #727272;
	font-size: 12px;
	width: 225px;
	margin-top: 12px;
	padding: 25px;
	text-align: center;
	position: relative;
}

.info_text span>i {
    width: 15px;
    height: 15px;
    transform: rotate(45deg);
    position: absolute;
    top: -7px;
    left: 105px;
    align-self: center;
    background-color: #f0f0f0;
}

.info_text.dline {
	top: 17px;
} 

.info_text:hover {
	right: -105px;
}

.info_text:hover span {
	display: flex;
}

.sinput input[type=text],
.sinput input[type=search],
.sinput input[type=email],
.sinput input[type=number],
.sinput input[type=password],
.sinput input[type=submit],
.sinput input[type=reset],
.sinput input[type=date],
.sinput textarea,
.sinput button,
.addentry_button,
.saveentry_button,
.removeentry_button,
.sinput select {
	border: 1px solid #000;
	width: 100%;
	height: 60px;
	outline: none;
	display: block;
	padding: 15px 15px 15px 15px;
	font-size: 14px;
	font-weight: 400;
	margin-top: 4px;
	-webkit-appearance: none;
	-moz-appearance: none;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	box-shadow: none;
    box-sizing: border-box;
	flex: 1 1 auto;
}

.sinput select:invalid {
 	color: #969696;
	font-style: italic;
	font-size: 12px;	
}

.sinput select option {
	color: #000000;
	font-size: 14px;
	font-style:normal;
}

::-webkit-input-placeholder {
 	color: #969696;
	font-style: italic;
	font-size: 12px;
}

:-moz-placeholder { /* Firefox 18- */
 	color: #969696;
	font-style: italic;
	font-size: 12px;
}

::-moz-placeholder { /* Firefox 19+ */
 	color: #969696;
	font-style: italic;
	font-size: 12px;
}

:-ms-input-placeholder { /* IE 10+ */
 	color: #969696;
	font-style: italic;
	font-size: 12px;
}

::-ms-input-placeholder { /* Edge */
 	color: #969696;
	font-style: italic;
	font-size: 12px;
}

:placeholder-shown { /* Standard one last! */
 	color: #969696;
	font-style: italic;
	font-size: 12px;
}

.sinput select {
	padding-right: 55px;
	background: url(../images/select_arr.png) right center no-repeat;
	-webkit-appearance:none;
}

.sinput input[type=text][readonly],
.sinput select[disabled] {
	border-color: #969696;
	color: #969696;
}

.sinput input[type=submit]:hover,
.sinput input[type=submit]:focus {
	background-color: #c6a9b7;
}

.sinput input[type=reset]:hover,
.sinput input[type=reset]:focus {
	color: #d9b9c8;
	border-color: #d9b9c8;
}

input.upper {
	text-transform: uppercase;
}

.sinput textarea {
	height: 180px;
}

.sinput .desctext {
	border: 1px solid #000;
	border-radius: 2px;
	width: 100%;
	height: 180px;
    margin-top: 4px;
	padding: 15px 15px 15px 15px;
	overflow: auto;
}

.edit_sales_section div[role=label],
.edit_user_sales_section div[role=label] {
	max-height: 250px;
	flex-direction: column;
	flex-wrap: nowrap;
}

.edit_sales_section .desctext,
.edit_user_sales_section .desctext {

	border-radius: 2px 2px 0 0;
	height: auto;
	max-height: 180px;
	flex: 1 1 180px;
}

.edit_sales_section .desctext:empty {
	padding: 0;
	min-height: 2px;
	flex: initial;
}

.edit_sales_section .sinput textarea,
.edit_user_sales_section .sinput textarea {
	border-top: none;
	border-radius: 0 0 2px 2px;
	margin-top: 0;
	height: auto;
	flex: 1 3 180px;
}

.sinput .desclabel {
	border-left: 1px solid #000;
	border-right: 1px solid #000;
	padding: 3px 15px 0 15px;
	flex: 0 0 auto;
	color: #000;
}

.sinput .desctext>div {
	display: flex;
    align-items: flex-start;
/*    flex-wrap: wrap; */
}
/*
.sinput .desctext>div.dscrtype1 {
	flex-direction: row-reverse;
}

.sinput .desctext>div.dscrtype2 {
	flex-direction: row;
}
*/
.sinput .desctext>div + div {
	padding-top: 10px;
	margin-top: 5px;
/*	border-top: 1px dotted #F1F1F1; */
}

.sinput .desctext .dateinfo {
	font-weight: 700;
	white-space: nowrap;
    background-color: #D9B9C8;
    color: #fff;
    padding: 1px 3px 0 4px;
    border-radius: 2px;
	margin-top: 1px;
	margin-bottom: 5px;
	margin-right: 10px;
}
/*
.sinput div.dscrtype1 .dateinfo {
	margin-left: 10px;	
}

.sinput div.dscrtype2 .dateinfo {
	margin-right: 10px;
}
*/
.sinput .desctext .comment {
	display: block;
/*	margin-left: 10px;
	margin-right: 10px; */
    font-size: 14px;
    line-height: 1.4;
}
/*
.sinput div.dscrtype1 .comment {
	text-align: right;
}
*/
.login_section .sinput.checkbox {
	color: #000;
	text-align:center;
}

.login_section .sinput.checkbox label {
	justify-content: center;
}

.sinput.checkbox label {
	align-items: flex-start;
	flex-wrap: nowrap;
}

.sinput.checkbox label::before {
	content: none;
}

.selectall {
	position: relative;
	text-align: center;
}

.selectall::before {
	content: 'ALL';
	font-size: 8px;
	position: absolute;
	margin-top: -10px;
	
}

.sinput input[type=checkbox] {
	border: 1px solid #000;
	border-radius: 2px;
	margin-top: 1px;
	margin-right: 5px;
	background: none;
	vertical-align: middle;
    flex: 0 0 auto;
}

.sinput input[type=radio] {
	width: 12px;
	height: 12px;
	position: absolute;
	z-index: 1;
	outline: none;
	left: 0;
}

.sinput input[type=radio] + span {
	display: block;
	position: relative;
	z-index: 2;
	width: 14px;
	height: 14px;
	margin-right: 4px;
	padding: 2px;
	vertical-align: middle;
	background: url(../images/unchecked.png) 1px 1px no-repeat #fff;
	outline: none;
}


.sinput input[type=radio]:checked + span {
	background: url(../images/radio_checked.png) 1px 1px no-repeat #fff;
}

.sinput input[type=radio]:focus + span {
	background-color: #c6a9b7;
	outline: none;
}

.sinput input[type=submit] {
	border: none;
	background-color: #d9b9c8;
	color: #fff;
	font-weight: 700;
	cursor: pointer;
}

.sinput button,
.sinput input[type=reset] {
	background-color: #fff;
	color: #000;
	font-weight: 700;
	cursor: pointer;
}

.sinput button.deny {
	width: 120px;
	border: 1px solid #000;
	background-color:#fff;
	color: #000;
}

.sinput button.deny:hover,
.sinput button.deny:focus {
	color: #d9b9c8;
	border-color: #d9b9c8;
}

.sinput button.flag {
	width: 240px;
	background-color: #ffb590;
	border: none;
	color: #fff;
}

.sinput button.flag:hover,
.sinput button.flag:focus {
	background-color: #e9a787;
}

.sinput .approveuser[type=submit]{
	width: 240px;
	background-color: #d9b9c8;
	border: none;
	color: #fff;
}

.sinput .approveuser[type=submit]:hover,
.sinput .approveuser[type=submit]:focus {
	background-color: #c6a9b7;
}
.sinput button.activate,
.sinput button.deactivate {
	width: 250px;
	background: none;
	color: #000;
}

.sinput button.activate:hover,
.sinput button.activate:focus,
.sinput button.deactivate:hover,
.sinput button.deactivate:focus {
	color: #d9b9c8;
/*	border: 1px solid #d9b9c8; */
}

.active .activate,
.inactive .deactivate {
	display: none;
}

.sinput button.generate,
.sinput button.paid,
.sinput button.add_store,
a.readnow {
	margin-left: auto;
	background-color: #d9b9c8;
	border: none;
	color: #fff;
	text-transform: uppercase;
	font-size: 14px;
	letter-spacing: 1px;
}

.sinput button.generate {
	width: 270px;	
	flex: 0 0 auto;
}

.sinput button.paid {
	width: 120px;
	flex: 0 0 auto;
}

.sinput button.add_store {
	width: 140px;
	flex: 0 0 auto;
}

a.readnow {
	width: 220px;
    height: 60px;
    font-weight: 700;
    outline: none;
    display: flex;
    padding: 15px 15px 15px 35px;
	align-items: center;
    justify-content: center;
	text-decoration: none;
    flex: 0 0 auto;
    margin-left: 40px;
}

.educational_content a.download,
.educational_content a.launch {
	width: 140px;
    height: 39px;
	font-size: 9px;
    font-weight: 700;
	background-color: #d9b9c8;
	color: #fff;
	text-transform: uppercase;
    outline: none;
    display: flex;
	letter-spacing: 1px;
	border-radius: 1px;
	margin-top: 30px;
	cursor: pointer;
}

.educational_content .addentry_button,
.educational_content .saveentry_button {
	margin-top: 60px;
	display: none;
	background-color: #cc4982;
	border: none;
	color: #fff;
    font-weight: 700;
	text-transform: uppercase;
	font-size: 14px;
	letter-spacing: 1px;
	justify-content: center;
    align-items: center;
    text-decoration: none;
}

body[user=admin] .educational_content .saveentry_button {
	background-color: #d9b9c8;
	margin-top: 30px;
}

.educational_content .removeentry_button {
	height: 40px;
	width: 215px;
	display: none;
	background-color: #cc4982;
	border: none;
	color: #fff;
    font-weight: 700;
	text-transform: uppercase;
	font-size: 14px;
	letter-spacing: 1px;
	justify-content: center;
    align-items: center;
    text-decoration: none;
	background-position: 20px center;
	padding-left: 50px;
	margin-top: 0;
}

.educational_content .add_button,
.educational_content .remove_button {
	width: 40px;
	height: 40px;
	background-color: #cc4982;
	justify-content: center;
	align-items: center;
	text-decoration: none;
	display: none;
	position: absolute;
	left: 0;
	top: 0;
}

body[user=admin] .educational_content .uploadbutton,
body[user=admin] .educational_content .icoremovebutton {
	height: 24px;
	display: inline-flex;
	background-color: #cc4982;
	color: #fff;
    font-weight: 700;
	text-transform: uppercase;
	font-size: 9px;
	letter-spacing: 1px;
	justify-content: center;
    align-items: center;
    text-decoration: none;
	padding-left: 12px;
	padding-right: 12px;
}

body[user=admin] .educational_content .addfile_button {
	height: 40px;
	width: 130px;
	display: flex;
	background-color: #cc4982;
	border: none;
	color: #fff;
    font-weight: 700;
	text-transform: uppercase;
	font-size: 14px;
	letter-spacing: 1px;
	justify-content: center;
    align-items: center;
    text-decoration: none;
	background-position: 10px center;
	padding-left: 20px;
	margin-top: 0;
	flex: 0 0 130px;
}

.educational_content .srcImgField {
	margin-top: 20px;
	position: relative;
	display: none;
	align-items: center;
    flex: 1 1 100%;
    width: 100%;
}

.educational_content .move_button {
	width: 40px;
    height: 20px;
    background-color: #cc4982;
    justify-content: center;
    align-items: center;
    text-decoration: none;
}

.self_move {
	cursor: grab;
}

.educational_content .move_up,
.educational_content .move_down {
	height: 40px;
}

.educational_content .move_button + .move_button {
	margin-top: 1px;
}

.educational_content .sort_button {
	position: absolute;
	left: -50px;
	top: 0;
	bottom: 0;
	display: none;
	justify-content: center;
	flex-direction: column;
}

.educational_content .sort_button * {
	display: flex;
}

.educational_content .srcImgField input[type=file] {
	font-size: 14px !important;
}

.educational_content .srcImgField span + input[type=file] {
	margin-left: 20px;
}

body[user=admin] .educational_content .srcImgField.show,
body[user=admin] .educational_content .add_button.show,
body[user=admin] .educational_content .remove_button.show,
body[user=admin] .educational_content .sort_button,
body[user=admin].newsletter .srcImgField.show,
body[user=admin] .newsletter .add_button.show,
body[user=admin] .newsletter .remove_button.show {
	display: flex;
}

.educational_content .srcImgField .uploadbutton {
	/*margin-top: 15px;*/
}

.educational_content .materials_content {
	position: relative;
	flex-wrap: wrap;
}

body[user=admin] .educational_content .materials_content:hover .removeentry_button {
	display: flex;
	position: absolute;
	top: -45px;
	right: 0;
}

body[user=admin] .educational_content .materials_content:hover .removeentry_button::after {
	content: ' ';
	display: block;
	height: 5px;
	width: 100%;
	position: absolute;
    bottom: -5px;
    left: 0;
}

.educational_content .materials_content:focus-within .removeentry_button {
	/*display: none !important;*/
}

body[user=admin] .educational_content .materials_content + .materials_content {
	margin-top: 90px;
}

.educational_content [contenteditable] {
	border: 1px dotted rgba(204,73,130,.5);
}

.sinput button.generate:hover,
.sinput button.generate:focus,
.sinput button.paid:hover,
.sinput button.paid:focus,
a.readnow:hover,
a.readnow:focus,
.educational_content a.download:hover,
.educational_content a.download:focus {
	background-color: #c6a9b7;
}

.sinput button.generate[hidden=true],
.sinput button.paid[hidden=true] {
    display: none !important;
}

.sinput button.print_selected {
	width: 210px;
	padding-left: 40px;
	text-transform: uppercase;
	font-size: 14px;
	letter-spacing: 1px;
	flex: 0 0 auto;
}

.sinput button.print_selected[hidden=true],
.sinput button.download_selected[hidden=true]{
    display: none !important;
}

.sinput button.download_selected {
	width: 61px;
	flex: 0 0 auto;
}

.sinput button.print_selected:hover,
.sinput button.print_selected:focus,
.sinput button.download_selected:hover,
.sinput button.download_selected:focus{
	color: #d9b9c8;
	border-color: #d9b9c8;
	fill-color: #d9b9c8;
}

.printer_ico {
	fill: #d9b9c8;
}

.sinput button.approve {
	width: 220px;
	background-color: #d9b9c8;
	border: none;
	color: #fff;
}

.sinput button.approve:hover,
.sinput button.approve:focus {
	background-color: #c6a9b7;
}

.profile_button {
	margin-right: 20px;
	justify-content: flex-end;
}

.sinput.button.enable .enable,
.sinput.button.disable .disable {
	display: none;
}

.sinput input[type=text][validated]:invalid,
.sinput input[type=search][validated]:invalid,
.sinput input[type=password][validated]:invalid,
.sinput input[type=email][validated]:invalid,
.sinput input[type=date][validated]:invalid,
.sinput textarea[validated]:invalid,
.sinput select[validated]:invalid {
	border-color: #f00;
}

.close_top_section {
	border: 1px solid #000;
	position: absolute;
	right: 24px;
	top: 20px;
	width: 11px;
	height: 11px;
	cursor: pointer;
	background: url(../images/close_x.png) 0 0 no-repeat;
}

.wrong .pass label {
	color: #f00;
}

.wrong .pass input {
	border-color: #f00 !important;
}

.wronginfo,
.passrem {
	color: #f00;
	font-size: 12px;
	width: 100%;
	margin: 20px 0;
	text-align: center;
}

.wronginfo {
	display: none;
}

.wrong .wronginfo {
	display: block;
}

.passrem {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: 400;
	color: #000;
}

.passrem a {
    font-weight: 700;    
}

.wrong .passrem {
	display: none;	
}

.wronginfo a,
.passrem a{
	color: #000;
}

.wronginfo a:hover {
	color: #d9b9c8;
}

section[wrongemail] input[name=email],
section[wrongemail] input[name=reemail] {
	border: 1px solid #f00;
}

.wrongemailinfo,
.wrongpassinfo{
	display: none;
}

section[wrongemail] .wrongemailinfo,
section[wrongpass] .wrongpassinfo {
	display: block;
	font-size: 14px;
	color: #f00;
	margin-top: 3px;
	flex-basis: 100%;
}

.itext {
	font-size: 12px;
}

.itext a {
	color: #d9b9c8;
}

.itext a:hover {
	color: #c6a9b7;
}

.sinput .ihalf {
	width: 100%;
	max-width: 380px;
    flex: 1 1 0%;
}

.sinput .iquarter {
	width: 100%;
	max-width: 180px;
    flex: 1 1 0%;
}

.sinput .idef1 {
	width: 100%;
	max-width: 90px;
}

.sinput .idef2 {
	width: 100%;
	max-width: 120px;
}

.sinput .idef3 {
	width: 100%;
	max-width: 77px;
}

.sinput .idef4 {
	width: 100%;
	max-width: 120px;
}

.sinput .idef5 {
	width: 100%;
	max-width: 240px;
}

.sinput .idef6 {
	width: 100%;
	max-width: 220px;
}

.sinput .idef6a {
	width: 100%;
	max-width: 230px;
}

.sinput .idef7 {
	width: 100%;
	max-width: 160px;
}

.sinput .idef8 {
	width: 100%;
	max-width: 400px;
}

.sinput .idef9 {
	width: 100%;
	max-width: 420px;
}

.sinput .idef10 {
	width: 100%;
	max-width: 42px;
	position: relative;
}

.sinput .idef11 {
	width: 100%;
	max-width: 130px;
}

.sinput .idef12 {
	width: 100%;
	max-width: 270px;
}

.sinput .idef13 {
	width: 100%;
	max-width: 630px;
}

.sinput .idefnone {
	flex: 0;
}

.sinput .idefauto {
	width: auto;
}


.sinput label.mfi + .mfi,
.sinput *[role=label].mfi + .mfi {
	margin-left: 20px;
}

.sinput input.mfi + .mfi,
.sinput button.mfi + .mfi {
	margin-left: 20px;
}

.sinput .mfi + .mfi2,
.sinput .mfi3 + .mfi2 {
	margin-left: 60px;
}

.info_content p + p,
.info_content p + h2,
.info_content ul + h2 {
	margin-top: 20px;
}

.info_content ul {
	padding-left: 20px;
}

.date_formatted {
	position: absolute;
	bottom: 1px;
	border: none !important;
	height: 58px !important;
	margin-left: 1px;
	width: calc(100% - 36px) !important;
	
}

.apla {
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 10;
	background-color: rgba(0,0,0,.75);
	display: none;
}

.apla_content {
	display: flex;
	margin: auto;
	background-color: #fff;
	padding: 100px 60px 90px 60px;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

.apla.active {
	display: flex;
}

.atext {
	font-size: 28px;
	font-weight: 200;
	text-transform: uppercase;
	text-align: center;
}

.ahtml {
	font-size: 28px;
	font-weight: 200;
	text-transform: uppercase;
	text-align: center;
}

.apla .close {
	width: 240px;
	height: 60px;
	color: #fff;
	background-color: #d9b9c8;
	display: none;
	align-items: center;
	justify-content: center;
	font-size: 14px;
	font-weight: 700;
	line-height: 1;
	text-decoration: none;
	margin-top: 55px;
	border-radius: 2px;
}

.apla .close:hover,
.apla .close:focus {
	background-color: #c6a9b7;
}

.apla .close.active {
	display: flex;	
}

.apla .confirm {
	display: none;
}

.apla .confirm.active {
	display: flex;
}

.apla .confirm a + a {
	margin-left: 20px;
}

.apla .bconfirm {
	width: 140px;
	height: 60px;
	color: #fff;
	background-color: #d9b9c8;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 14px;
	font-weight: 700;
	line-height: 1;
	text-decoration: none;
	margin-top: 55px;
	border-radius: 2px;
}

.apla .bconfirm:hover,
.apla .bconfirm:focus {
	background-color: #c6a9b7;
}

.apla .bcancel {
	width: 140px;
	height: 60px;
	color: #000;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 14px;
	font-weight: 700;
	line-height: 1;
	text-decoration: none;
	margin-top: 55px;
	border-radius: 2px;
	border: 1px solid #000;
}

.apla .bcancel:hover,
.apla .bcancel:focus {
	color: #d9b9c8;
	border-color: #d9b9c8;
}

.apla .adescription {
	display: none;
}

.apla .adescription.active {
	display: flex;	
}

.apla .adescription textarea {
	width: 380px;
}

.apla .aheader {
	display: none;
	margin-right: auto;
	font-size: 28px;
	font-weight: 200;
	text-transform: uppercase;
}

.apla .aheader.active {
	display: flex;
}

.apla .asubmit {
	display: none;
	margin-right: auto;
}

.apla .asubmit.active {
	display: flex;	
}

.apla .ainfo {
	text-align: left;
}

.apla .info_body {
    text-transform: none;
    display: block;
    margin-top: 20px;
    font-size: 16px;
	font-weight: 400;
}

.info_body ol {
    padding-left: 20px;
}

.atable {
	width: 100%;
	max-width: 100%;
	margin-top: 75px;
	table-layout: fixed;
	border-collapse: collapse;
	position: relative;
}

.atable tbody tr:hover,
.atable tbody tr:focus {
	background-color: #f8f8f8;
}

.atable th {
	color: #969696;
	font-size: 15px;
	font-weight: 700;
	padding: 9px 22px;
	text-align: left;
	border-bottom: 1px solid #969696;
	vertical-align: middle;
	white-space:nowrap;
	empty-cells: show;
}

.atable th a {
	color: #969696;
    text-decoration: none;
}

.atable th a.checked.desc::after {
    content: '\2193';
    margin-left: 3px;
    font-size: 18px;
    line-height: 18px;
    color: #cc4982;
}

.atable th a.checked::after {
    content: '\2191';
    margin-left: 3px;
    font-size: 18px;
    line-height: 18px;
    color: #cc4982;
}

.atable td {
	font-family: Arial, Helvetica, sans-serif;
	color: #000;
	font-size: 13px;
	font-weight: normal;
	padding: 9px 14px 8px 18px;
	text-align: left;
	border-bottom: 1px solid #969696;
	vertical-align: middle;
	white-space:nowrap;
	empty-cells: show;
	overflow: hidden;
	text-overflow: ellipsis;
    text-transform: uppercase;
}

.atable .hTR {
	display: none;
}

.atable td.selectable:hover {
	-webkit-touch-callout: all; /* iOS Safari */
	-webkit-user-select: all; /* Safari */
	-khtml-user-select: all; /* Konqueror HTML */
	-moz-user-select: all; /* Firefox */
	-ms-user-select: all; /* Internet Explorer/Edge */
	user-select: all; /* Chrome and Opera */
}

.atable tbody tr.table_user_header td {
	background-color: #f8f8f8;
	font-size: 16px;
	font-weight: 700;
	border-left: none;
}

.atable tbody tr.checked{
	background-color: #f8f8f8;
}

.atable tbody tr.flagged td,
.atable tbody tr.newuser td,
.atable tbody tr.resubmitted td{
	color: #cc4982;
}

.atable tbody tr.disableduser td {
	color: #969696;
}

.atable tbody tr.inactive td{
	color: #969696;
}

.atable .table_user_total td {
	border: none;
	font-weight: 700;
	text-align: right;
}

.atable th.tdrewards,
.atable tbody td.tdrewards {
	width: 136px;
	text-align: right;
	overflow: visible;
}

.atable td.storename {

}

.atable .tdsaledate {
    overflow: hidden;
    width: 107px;
}

.atable .tdserialno {
    width: 130px;
}

.atable .tdstyleno {
    width: 130px;
}

.atable .tdrewardsbutton {
	width: 94px;
	overflow: visible;
	padding-left: 11px;
	padding-right: 7px;
}

.atable .tdinvoicesbutton {
	width: 94px;
	overflow: visible;
	padding-left: 11px;
	padding-right: 7px;
}

.atable .comm_button {
	width: 181px;
	text-align: right;
	padding-left: 11px;
	padding-right: 7px;
}

.atable .tdname {
    width: 140px;
}

.atable .tdmodulestat {
    width: 140px;
}

.atable .tdmodulegrade {
    width: 70px;
}

.atable td.tdmodulegrade:empty::before {
    content: '-'
}

.atable td.tdmodulegrade:not(:empty)::after {
    content: '%'
}

.atable .tdmodulecompleted {
    width: 125px;
}

.atable td.tdmodulecompleted:empty::before {
    content: '-'
}

.atable td input[type=number],
.atable td input[type=text] {
	width: 100%;
}

.atable .tdstatus {
	width: 105px;
	overflow: visible;
}

.atable .tdcheckbox {
	width: 30px;
	padding-left: 7px;
	padding-right: 11px;
    padding-bottom: 2px;
	overflow: visible;
}

.atable .tdid {
	width: 80px;
	overflow: visible;
}

.atable .tdtotal {
	width: 105px;
}

.atable .tdphone {
	width: 135px;
}

.atable .tdcity {
	width: 165px;
}

.atable .tdjobtitle {
	width: 100px;
}

.atable .tdtype {
	width: 80px;
}

.atable .tdw9 {
	width: 90px;
}

.atable th.flagcol,
.atable td.flagcol {
	padding: 9px 0;
	width: 39px;
}

.atable td + td {
	border-left: 1px solid #969696;
}

.atable .tdbutton {
	/*width: 181px;*/
    width: 62px;
	overflow: visible;
	padding-left: 11px;
	padding-right: 7px;
}

.atable .tdexp {
	display: none;
}

.atable .tdeditbutton {
	width: 95px;
	overflow: visible;
	padding-left: 11px;
	padding-right: 7px;
}

.atable td a + a {
	margin-left: 10px;
}

.atable td.no_records {
	border-bottom: none;
	text-align: center;
	color: #cc4982;
}

.atable.no_records_sc::after,
.atable.no_records::after {
	content: 'no records';
	text-align: center;
	display: table-caption;
	width: 100%;
	color: #cc4982;
	position: absolute;
}

.atable.no_records_sc::after {
	content: 'no records found for the selected criteria';
}

@keyframes changeLetter {
  0% {
    content: "Loading";
  }
  25% {
    content: ". Loading .";
  }
  50% {
    content: ". . Loading . .";
  }
  75% {
    content: ". . . Loading . . .";
  }
  100% {
    content: ". . . . Loading . . . .";
  }
}

.atable.loading::after {
    animation: changeLetter 1s linear infinite alternate;
    content: '. . . Loading . . .';
	text-align: center;
	display: flex;
    align-content: center;
    align-items: center;
    justify-content: center;
	width: 100%;
	color: #a1c0ff;
	position: absolute;
    font-size: 18px;
    font-weight: 700;
    top: 0;
    bottom: 0;
    background-color: rgba(255,255,255,.90);
}

/*konfiguracja tabeli po stronie użytkownika*/

body[user=user] .atable td {
	font-size: 14px;
}

body[user=user] .tdsaledate {
	width: 114px;
}
/*--konfiguracja tabeli po stronie użytkownika*/

.commission_table {
	margin-top: 0;
}

.commission_table th,
.commission_table td {
	font-size: 16px !important;
}

.commission_table_head td {
    font-weight: bold;
    color: #a29260;
}

.commission_table_head ~ .commission_table_head td {
    padding-top: 40px;
}

.edit,
.delete,
.approved,
.processed,
.print,
.view,
.download,
.module {
	width: 76px;
	height: 21px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	font-size: 9px;
	font-weight: 700;
	text-transform: uppercase;
	text-decoration: none;
	color: #fff;
	letter-spacing: 1px;
	outline: none;
}

.module {
    width: 105px;
}

.not_attempted {
    background-color: #d9b9c8;
}

.in_progress {
    background-color: #c95b8e;
}

.completed {
    background-color: #980046;
}

#training_dashboard_chart svg>g>text[font-size="26"] {
    font-size: 26px;
    font-weight: bold;
}

#training_dashboard_chart text[font-size="14"] {
    font-size: 12px;
}

#training_dashboard_chart svg>g>path[stroke-width="1"] {
    stroke: transparent;
}

.training_module_chart {
	display: flex;
	justify-content: space-around;
    width: 100%;
}

.training_module_section .chart_title {
    margin-top: 25px;
    font-weight: bold;
}

.training_dashboard_section .chart_title {
    font-weight: bold;
}

.chart_legend {
    display: flex;
}

.chart_legend div + div {
    margin-left: 20px;
}

.chart_legend div::before {
    content: '';
    display: inline-block;
    width: 16px;
    height: 16px;
    vertical-align: top;
    margin-top: 3px;
    margin-right: 8px;
}

.chart_legend div.not_attempted_lnd::before {
    background-color: #d9b9c8;    
}

.chart_legend div.in_progress_lnd::before {
    background-color: #c95b8e;    
}

.chart_legend div.completed_lnd::before {
    background-color: #980046;    
}

.edit,
.print,
.view,
.download {
	background-color: #d9b9c8;
}

.delete {
	background-color: #636363;
}

.processed {
	background-color: #a1c0ff;
}

.approved {
	background-color: #a9d09d;
}

.edit:hover,
.edit:focus {
	background-color: #c6a9b7;
}

.processed:hover,
.processed:focus {
	background-color: #94b1ec;
}

.approved:hover,
.approved:focus {
	background-color: #99bc8e;
}

.table_nav,
.table_range {
	font-size: 12px;
	color: #404040;
	font-weight: 400;
	margin-top: 30px;
	text-align: right;
}

.table_range {
    display: flex;
}

.table_range .trange {
    margin-left: auto;
}

.table_range .tselected {
    display: none;
}

.table_nav a,
.table_range .trange a {
	color: #404040;
	text-decoration: none;
}

.table_nav a.active,
.table_range .trange a.active {
	text-decoration:underline;
}

.table_nav a:hover,
.table_nav a:focus,
.table_range .trange a:hover,
.table_range .trange a:focus {
	color: #d9b9c8;
}

.table_nav>* + *,
.table_range  .trange>* + * {
	margin-left:4px;
}

.noRange .table_nav,
.noRange .table_range .trange {
	display: none;
}

.flag_ico {
	background: url("data:image/svg+xml; charset=utf-8,%3Csvg%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220px%22%20y%3D%220px%22%20width%3D%2258.002px%22%20height%3D%2262.503px%22%20viewBox%3D%220%200%2058.002%2062.503%22%3E%3Cpath%20fill%3D%22%23FFB590%22%20d%3D%22M56.824%2C34.718c-7.75%2C3.02-16.355%2C2.977-24.07-0.125l-0.461-0.18c-6.992-2.804-14.738-3.113-21.93-0.875%20l-2.332%2C0.727V2.214l2.605-0.793c7.211-2.199%2C14.961-1.836%2C21.945%2C1.02c7.728%2C3.164%2C16.368%2C3.257%2C24.164%2C0.257l1.258-0.48%20L56.824%2C34.718z%22%2F%3E%3Cpath%20fill%3D%22%23FFB590%22%20d%3D%22M2.52%2C62.503c-1.387%2C0-2.52-1.125-2.52-2.52V2.523c0-1.387%2C1.125-2.52%2C2.52-2.52%20c1.387%2C0%2C2.52%2C1.125%2C2.52%2C2.52v57.46C5.04%2C61.378%2C3.915%2C62.503%2C2.52%2C62.503%22%2F%3E%3C%2Fsvg%3E") center center no-repeat;
	background-size: 13px 14px;
}

.printer_ico {
	background: url("data:image/svg+xml; charset=utf-8,%3Csvg%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220px%22%20y%3D%220px%22%20width%3D%2287.5px%22%20height%3D%2287.5px%22%20viewBox%3D%220%200%2087.5%2087.5%22%3E%3Cpath%20fill%3D%22%231D1D1B%22%20d%3D%22M75%2C6.25C75%2C2.801%2C72.199%2C0%2C68.75%2C0h-50c-3.449%2C0-6.25%2C2.801-6.25%2C6.25v6.25H75V6.25z%22%2F%3E%3Cpath%20fill%3D%22%231D1D1B%22%20d%3D%22M68.75%2C81.25h-50V50h50V81.25z%20M81.25%2C18.75h-75C2.801%2C18.75%2C0%2C21.551%2C0%2C25v37.5%20c0%2C3.449%2C2.801%2C6.25%2C6.25%2C6.25h6.25v12.5c0%2C3.449%2C2.801%2C6.25%2C6.25%2C6.25h50c3.449%2C0%2C6.25-2.801%2C6.25-6.25v-12.5h6.25%20c3.449%2C0%2C6.25-2.801%2C6.25-6.25V25C87.5%2C21.551%2C84.699%2C18.75%2C81.25%2C18.75%22%2F%3E%3Cpath%20fill%3D%22%231D1D1B%22%20d%3D%22M25%2C75h18.75v-6.25H25V75z%20M25%2C62.5h37.5v-6.25H25V62.5z%22%2F%3E%3Cpath%20fill%3D%22%23FFFFFF%22%20d%3D%22M75.989%2C36.488c0%2C2.638-2.139%2C4.777-4.777%2C4.777c-2.64%2C0-4.778-2.139-4.778-4.777%20c0-2.639%2C2.139-4.778%2C4.778-4.778C73.851%2C31.71%2C75.989%2C33.849%2C75.989%2C36.488%22%2F%3E%3C%2Fsvg%3E") 20px center no-repeat;
	background-size: 20px 20px;
}

.printer_ico:hover,
.printer_ico:focus {
	background: url("data:image/svg+xml; charset=utf-8,%3Csvg%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220px%22%20y%3D%220px%22%20width%3D%2287.5px%22%20height%3D%2287.5px%22%20viewBox%3D%220%200%2087.5%2087.5%22%3E%3Cpath%20fill%3D%22%23d9b9c8%22%20d%3D%22M75%2C6.25C75%2C2.801%2C72.199%2C0%2C68.75%2C0h-50c-3.449%2C0-6.25%2C2.801-6.25%2C6.25v6.25H75V6.25z%22%2F%3E%3Cpath%20fill%3D%22%23d9b9c8%22%20d%3D%22M68.75%2C81.25h-50V50h50V81.25z%20M81.25%2C18.75h-75C2.801%2C18.75%2C0%2C21.551%2C0%2C25v37.5%20c0%2C3.449%2C2.801%2C6.25%2C6.25%2C6.25h6.25v12.5c0%2C3.449%2C2.801%2C6.25%2C6.25%2C6.25h50c3.449%2C0%2C6.25-2.801%2C6.25-6.25v-12.5h6.25%20c3.449%2C0%2C6.25-2.801%2C6.25-6.25V25C87.5%2C21.551%2C84.699%2C18.75%2C81.25%2C18.75%22%2F%3E%3Cpath%20fill%3D%22%23d9b9c8%22%20d%3D%22M25%2C75h18.75v-6.25H25V75z%20M25%2C62.5h37.5v-6.25H25V62.5z%22%2F%3E%3Cpath%20fill%3D%22%23FFFFFF%22%20d%3D%22M75.989%2C36.488c0%2C2.638-2.139%2C4.777-4.777%2C4.777c-2.64%2C0-4.778-2.139-4.778-4.777%20c0-2.639%2C2.139-4.778%2C4.778-4.778C73.851%2C31.71%2C75.989%2C33.849%2C75.989%2C36.488%22%2F%3E%3C%2Fsvg%3E") 20px center no-repeat;
	background-size: 20px 20px;
}

.lupa_ico {
	background: url("data:image/svg+xml; charset=utf-8,%3Csvg%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220px%22%20y%3D%220px%22%20width%3D%2241.963px%22%20height%3D%2241.965px%22%20viewBox%3D%220%200%2041.963%2041.965%22%3E%3Cpath%20fill%3D%22%231D1D1B%22%20d%3D%22M15.813%2C26.76c-6.082%2C0-10.947-4.863-10.947-10.946c0-6.083%2C4.865-10.947%2C10.947-10.947%20c6.083%2C0%2C10.947%2C4.864%2C10.947%2C10.947C26.76%2C21.894%2C21.893%2C26.76%2C15.813%2C26.76%20M41.232%2C37.828l-12.647-12.65%20c1.945-2.555%2C3.04-5.838%2C3.04-9.367C31.625%2C7.054%2C24.571%2C0%2C15.813%2C0C7.057%2C0%2C0%2C7.057%2C0%2C15.814c0%2C8.757%2C7.054%2C15.811%2C15.811%2C15.811%20c3.528%2C0%2C6.689-1.095%2C9.366-3.04l12.65%2C12.65c0.485%2C0.485%2C1.095%2C0.729%2C1.704%2C0.729c0.608%2C0%2C1.215-0.244%2C1.703-0.729%20C42.207%2C40.261%2C42.207%2C38.802%2C41.232%2C37.828%22%2F%3E%3C%2Fsvg%3E") center center no-repeat;
	background-size: 23px 23px;
}

.calendar_ico,
.calendar_label::after {
	background: url("data:image/svg+xml; charset=utf-8,%3Csvg%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220px%22%20y%3D%220px%22%20width%3D%2267.25px%22%20height%3D%2273.195px%22%20viewBox%3D%220%200%2067.25%2073.195%22%3E%3Cpath%20fill%3D%22%23010202%22%20d%3D%22M62.5%2C5.945h-4.125V3.75c0-2.068-1.683-3.75-3.75-3.75s-3.75%2C1.682-3.75%2C3.75v2.195h-13.5V3.75%20c0-2.068-1.683-3.75-3.75-3.75c-2.068%2C0-3.75%2C1.682-3.75%2C3.75v2.195h-13.5V3.75c0-2.068-1.682-3.75-3.75-3.75%20s-3.75%2C1.682-3.75%2C3.75v2.195H4.75C2.131%2C5.945%2C0%2C8.076%2C0%2C10.695v57.75c0%2C2.619%2C2.131%2C4.75%2C4.75%2C4.75H62.5%20c2.619%2C0%2C4.75-2.131%2C4.75-4.75v-57.75C67.25%2C8.076%2C65.119%2C5.945%2C62.5%2C5.945z%20M52.375%2C3.75c0-1.241%2C1.01-2.25%2C2.25-2.25%20s2.25%2C1.009%2C2.25%2C2.25v6.5c0%2C1.241-1.01%2C2.25-2.25%2C2.25s-2.25-1.009-2.25-2.25V3.75z%20M31.375%2C3.75c0-1.241%2C1.009-2.25%2C2.25-2.25%20c1.24%2C0%2C2.25%2C1.009%2C2.25%2C2.25v6.5c0%2C1.241-1.01%2C2.25-2.25%2C2.25c-1.241%2C0-2.25-1.009-2.25-2.25V3.75z%20M10.375%2C3.75%20c0-1.241%2C1.009-2.25%2C2.25-2.25s2.25%2C1.009%2C2.25%2C2.25v6.5c0%2C1.241-1.009%2C2.25-2.25%2C2.25s-2.25-1.009-2.25-2.25V3.75z%20M4.75%2C7.445%20h4.125v2.805c0%2C2.068%2C1.682%2C3.75%2C3.75%2C3.75s3.75-1.682%2C3.75-3.75V7.445h13.5v2.805c0%2C2.068%2C1.682%2C3.75%2C3.75%2C3.75%20c2.067%2C0%2C3.75-1.682%2C3.75-3.75V7.445h13.5v2.805c0%2C2.068%2C1.683%2C3.75%2C3.75%2C3.75s3.75-1.682%2C3.75-3.75V7.445H62.5%20c1.792%2C0%2C3.25%2C1.458%2C3.25%2C3.25v8.82H1.5v-8.82C1.5%2C8.903%2C2.958%2C7.445%2C4.75%2C7.445z%20M62.5%2C71.695H4.75c-1.792%2C0-3.25-1.458-3.25-3.25%20v-47.43h64.25v47.43C65.75%2C70.237%2C64.292%2C71.695%2C62.5%2C71.695z%22%2F%3E%3Cpath%20fill%3D%22%23010202%22%20d%3D%22M53.625%2C30.57h-40c-0.414%2C0-0.75%2C0.336-0.75%2C0.75v29.978c0%2C0.004%2C0.002%2C0.007%2C0.002%2C0.011%20c0%2C0.005-0.002%2C0.008-0.002%2C0.012c0%2C0.414%2C0.336%2C0.75%2C0.75%2C0.75h40c0.414%2C0%2C0.75-0.336%2C0.75-0.75c0-0.004-0.002-0.007-0.002-0.012%20c0-0.004%2C0.002-0.007%2C0.002-0.011V31.32C54.375%2C30.906%2C54.039%2C30.57%2C53.625%2C30.57z%20M24.375%2C42.07h8.5v8.5h-8.5V42.07z%20M22.875%2C50.57h-8.5v-8.5h8.5V50.57z%20M34.375%2C42.07h8.5v8.5h-8.5V42.07z%20M44.375%2C42.07h8.5v8.5h-8.5V42.07z%20M44.375%2C40.57v-8.5h8.5%20v8.5H44.375z%20M42.875%2C40.57h-8.5v-8.5h8.5V40.57z%20M32.875%2C40.57h-8.5v-8.5h8.5V40.57z%20M22.875%2C40.57h-8.5v-8.5h8.5V40.57z%20M14.375%2C52.07h8.5v8.5h-8.5V52.07z%20M24.375%2C52.07h8.5v8.5h-8.5V52.07z%20M34.375%2C52.07h8.5v8.5h-8.5V52.07z%20M44.375%2C52.07h8.5v8.5%20h-8.5V52.07z%22%2F%3E%3C%2Fsvg%3E") center center no-repeat;
	background-size: 25px 28px;
}

.calendar_label::after {
	content: '';
	margin-right: -40px;
	margin-top: 20px;
	vertical-align: middle;
	width: 40px;
	height: 28px;
}

.download_ico span {
	background: url("data:image/svg+xml; charset=utf-8,%3Csvg%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220px%22%20y%3D%220px%22%20width%3D%2261.844px%22%20height%3D%2268.422px%22%20viewBox%3D%220%200%2061.844%2068.422%22%3E%3Cpath%20fill%3D%22%23FFFFFF%22%20d%3D%22M60.527%2C46.055c-0.727%2C0-1.316%2C0.59-1.316%2C1.316v18.422H2.632V47.366c0-0.726-0.589-1.315-1.316-1.315%20S0%2C46.641%2C0%2C47.366v19.739c0%2C0.727%2C0.589%2C1.316%2C1.316%2C1.316h59.211c0.727%2C0%2C1.316-0.59%2C1.316-1.316V47.366%20C61.844%2C46.641%2C61.254%2C46.055%2C60.527%2C46.055%22%2F%3E%3Cpath%20fill%3D%22%23FFFFFF%22%20d%3D%22M29.172%2C54.715c0.039%2C0.051%2C0.059%2C0.113%2C0.109%2C0.164c0.254%2C0.254%2C0.594%2C0.383%2C0.926%2C0.383%20c0.008%2C0%2C0.02-0.004%2C0.027-0.004c0.008%2C0%2C0.02%2C0.004%2C0.028%2C0.004c0.172%2C0%2C0.344-0.035%2C0.504-0.102%20c0.226-0.094%2C0.398-0.258%2C0.543-0.453L52.247%2C33.77c0.516-0.516%2C0.516-1.348%2C0-1.86c-0.516-0.515-1.348-0.515-1.859%2C0%20l-18.81%2C18.805V1.317C31.578%2C0.59%2C30.988%2C0%2C30.262%2C0c-0.727%2C0-1.317%2C0.59-1.317%2C1.317v49.457L10.087%2C31.911%20c-0.516-0.515-1.348-0.515-1.86%2C0c-0.515%2C0.516-0.515%2C1.348%2C0%2C1.86L29.172%2C54.715z%22%2F%3E%3C%2Fsvg%3E") left center no-repeat;
	background-size: 14px 15px;
	display: flex;
	align-items: center;
	height: 15px;
	padding-left: 18px;
}

.readnow_ico {
	background: url("data:image/svg+xml; charset=utf-8,%3Csvg%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220px%22%20y%3D%220px%22%20width%3D%2255.481px%22%20height%3D%2232.889px%22%20viewBox%3D%220%200%2055.481%2032.889%22%3E%3Cpath%20fill%3D%22%23FFFFFF%22%20d%3D%22M27.741%2C32.889c-14.359%2C0-27.001-15.217-27.532-15.865c-0.278-0.335-0.278-0.823-0.001-1.157%20C0.74%2C15.218%2C13.373%2C0%2C27.741%2C0s27.001%2C15.218%2C27.532%2C15.866c0.277%2C0.335%2C0.277%2C0.822%2C0.001%2C1.157%20C54.742%2C17.672%2C42.089%2C32.889%2C27.741%2C32.889%20M27.741%2C1.824c-11.47%2C0-22.279%2C10.934-25.318%2C14.285l-0.305%2C0.336l0.305%2C0.336%20c3.039%2C3.351%2C13.848%2C14.285%2C25.318%2C14.285c11.47%2C0%2C22.279-10.934%2C25.318-14.285l0.305-0.336l-0.305-0.336%20C50.02%2C12.758%2C39.21%2C1.824%2C27.741%2C1.824%22%2F%3E%3Cpath%20fill%3D%22%23FFFFFF%22%20d%3D%22M27.741%2C24.417c-4.396%2C0-7.973-3.576-7.973-7.973c0-4.396%2C3.577-7.972%2C7.973-7.972%20c4.396%2C0%2C7.973%2C3.576%2C7.973%2C7.972C35.713%2C20.841%2C32.136%2C24.417%2C27.741%2C24.417%20M27.741%2C10.297c-3.39%2C0-6.148%2C2.758-6.148%2C6.148%20c0%2C3.39%2C2.758%2C6.148%2C6.148%2C6.148c3.39%2C0%2C6.148-2.759%2C6.148-6.148C33.889%2C13.055%2C31.13%2C10.297%2C27.741%2C10.297%22%2F%3E%3C%2Fsvg%3E") 35px center no-repeat;
	background-size: 31px 18px;
}

.mobile_menu_button i {
	width: 36px;
	height: 36px;
	display: flex;
	background: url("data:image/svg+xml; charset=utf-8,%3Csvg%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220px%22%20y%3D%220px%22%20width%3D%2224px%22%20height%3D%2224px%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M5%2C17.5h14v-1H5V17.5z%20M5%2C12.5h14v-1H5V12.5z%20M5%2C6.5v1h14v-1H5z%22%2F%3E%3C%2Fsvg%3E") center center no-repeat;
	background-size: 36px 36px;
/*	background-color: rgba(255,255,255,.8);
	box-shadow: 0 0 20px 6px #fff; */
	
	box-shadow: 0 0 30px 0px rgba(255,255,255,.8) inset, 0 0 29px 4px rgba(255,255,255,0.8);
    border-radius: 50%;
    -webkit-filter: drop-shadow(0px 0px 6px #fff);
}

.menuactive .mobile_menu_button i {
	background: url("data:image/svg+xml; charset=utf-8,%3Csvg%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220px%22%20y%3D%220px%22%20width%3D%2224px%22%20height%3D%2224px%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M19%206.41L17.59%205%2012%2010.59%206.41%205%205%206.41%2010.59%2012%205%2017.59%206.41%2019%2012%2013.41%2017.59%2019%2019%2017.59%2013.41%2012z%22%2F%3E%3C%2Fsvg%3E") center center no-repeat;
	background-color: rgba(255,255,255,.8);
}

.tdexp i {
	background: url("data:image/svg+xml; charset=utf-8,%3Csvg%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220px%22%20y%3D%220px%22%20width%3D%2224px%22%20height%3D%2224px%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M16.59%2C8.59L12%2C13.17L7.41%2C8.59L6%2C10l6%2C6l6-6L16.59%2C8.59z%22%2F%3E%3C%2Fsvg%3E") center center no-repeat;
	background-size: 24px 24px;
}

.active .tdexp i {
	background: url("data:image/svg+xml; charset=utf-8,%3Csvg%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220px%22%20y%3D%220px%22%20width%3D%2224px%22%20height%3D%2224px%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M12%2C8l-6%2C6l1.41%2C1.41L12%2C10.83l4.59%2C4.58L18%2C14L12%2C8z%22%2F%3E%3C%2Fsvg%3E") center center no-repeat;
	background-size: 24px 24px;
}

.add_ico {
	background: url("data:image/svg+xml; charset=utf-8,%3Csvg%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220px%22%20y%3D%220px%22%20width%3D%2224px%22%20height%3D%2224px%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M19%2013h-6v6h-2v-6H5v-2h6V5h2v6h6v2z%22%2F%3E%3C%2Fsvg%3E") center center no-repeat;
	background-size: 24px 24px;
}

.remove_ico {
	background: url("data:image/svg+xml; charset=utf-8,%3Csvg%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220px%22%20y%3D%220px%22%20width%3D%2224px%22%20height%3D%2224px%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M19%2013H5v-2h14v2z%22%2F%3E%3C%2Fsvg%3E") center center no-repeat;
	background-size: 24px 24px;
}

.move_ico {
	background: url("data:image/svg+xml; charset=utf-8,%3Csvg%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220px%22%20y%3D%220px%22%20width%3D%2224px%22%20height%3D%2224px%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M6%2010c-1.1%200-2%20.9-2%202s.9%202%202%202%202-.9%202-2-.9-2-2-2zm12%200c-1.1%200-2%20.9-2%202s.9%202%202%202%202-.9%202-2-.9-2-2-2zm-6%200c-1.1%200-2%20.9-2%202s.9%202%202%202%202-.9%202-2-.9-2-2-2z%22%2F%3E%3C%2Fsvg%3E") center center no-repeat;
	background-size: 24px 24px;
}

.expand_less_ico {
	background: url("data:image/svg+xml; charset=utf-8,%3Csvg%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220px%22%20y%3D%220px%22%20width%3D%2224px%22%20height%3D%2224px%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M12%208l-6%206%201.41%201.41L12%2010.83l4.59%204.58L18%2014l-6-6z%22%2F%3E%3C%2Fsvg%3E") center center no-repeat;
	background-size: 24px 24px;
}

.expand_more_ico {
	background: url("data:image/svg+xml; charset=utf-8,%3Csvg%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220px%22%20y%3D%220px%22%20width%3D%2224px%22%20height%3D%2224px%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M16.59%208.59L12%2013.17%207.41%208.59%206%2010l6%206%206-6-1.41-1.41z%22%2F%3E%3C%2Fsvg%3E") center center no-repeat;
	background-size: 24px 24px;
}

.default_ico {
	background: url("data:image/svg+xml; charset=utf-8,%3Csvg%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220px%22%20y%3D%220px%22%20width%3D%2258.002px%22%20height%3D%2262.503px%22%20viewBox%3D%220%200%2058.002%2062.503%22%3E					%3C%2Fsvg%3E") center center no-repeat;
	background-size: 13px 14px;
}

.search {
	background-position: 20px center;
    padding-left: 60px !important;
}

.newsletter_content {
	display: flex;
	font-size: 22px;
	color: #d9b9c8;
	align-items: center;
	flex-wrap: wrap;
}

.newsletter_content figure {
	min-width: 92px;
	min-height: 92px;
	margin-right: 30px;
	box-shadow: 0 0 65px 0 rgba(0,0,0,.25);
	position: relative;
}

.newsletter_content figure::before {
	content: "";
	position: absolute;
	width: 270px;
	height: 80px;
	left: -95%;
	top: 100%;
	background-color: #fff;
}

.newsletter_content p {
	display: flex;
	align-items: center;
	text-transform: uppercase;
	flex: 1 1 0%;
}

.infotext,
.trainingtext {
	text-align: center;
	font-size: 16px;
	font-weight: 400;
	margin-top: 60px;
}

.infotext h1,
.trainingtext h1 {
	font-size: 28px;
	font-weight: 200;
	text-transform: uppercase;
	margin-bottom: 10px;
}

.materials_list {
	display: flex;
	flex-direction: column;
	margin-top: 60px;
}

.materials_marketing_materials,
.materials_videos,
.materials_training {
	width: 100%;
	display: flex;
}

.materials_marketing_materials + .materials_marketing_materials,
.materials_videos + .materials_videos,
.materials_training + .materials_training {
	margin-top: 60px;	
}

.materials_marketing_materials figure {
	margin-top: 10px;
	width: 170px;
	margin-right: 50px;
	position: relative;
	flex: 0 0 auto;
}

.materials_training figure {
	margin-top: 10px;
	margin-right: 50px;
	position: relative;
	flex: 0 0 auto;
	text-transform:uppercase;
	font-size: 10px;
	color: #fff;
}

.materials_training figure img {
	width: 351px;    
}

.materials_training figure::after {
    content: attr(training_status);
    position: absolute;
	top: 0;
	width: 142px;
	height: 16px;
	display: flex;
	justify-content: center;
	align-items: center;
}

.materials_training[training_status="0"] figure::after,
.materials_training[training_status="1"] figure::after {
	background-color: #d9b9c8;
}

.materials_training[training_status="2"] figure::after {
	background-color: #c95b8e;
}

.materials_training[training_status="3"] figure::after {
	background-color: #980046;
}

.materials_training[training_status="0"] figure img {
	opacity: .35;
}

.materials_training[training_status="0"] p,
.materials_training[training_status="0"] h2 {
	color: #b3b3b3;	
}

.materials_training[training_status="0"] a.download {
	background-color: #efe3e9;
	cursor: not-allowed;
	pointer-events: none;
}

.materials_videos figure {
	margin-top: 10px;
	margin-right: 40px;
	position: relative;
}

.materials_videos video {
	width: 350px;
}

.materials_marketing_materials .content,
.materials_videos .content,
.materials_training .content {
	display: flex;
	flex-direction: column;
	position: relative;
	flex: 1 1 0%;
}

.content h2 {
	width: 100%;
	font-size: 22px;
	font-weight: 200;
	line-height: 1.2;
	text-transform: uppercase;
	outline: none;
}

.content .lead_text {
	width: 100%;
	font-size: 16px;
	font-weight: 400;
	margin-top: 15px;
	outline: none;
}

.content .module_key {
	width: 100%;
	font-size: 16px;
	font-weight: 400;
	margin-top: 15px;
	outline: none;
	display: none;
}

.materials_training .lead_text {
    margin-top: 0;
	margin-bottom: 5px;
	font-weight: bold;
}

.materials_training h2 {
	font-weight: bold;
}

.content .text {
	width: 100%;
	font-size: 12px;
	font-weight: 400;
	margin-top: 12px;
	font-style:italic;
	outline: none;
}

.materials_training .text {
	font-style: normal;
	font-weight: bold;
}

.content h2:empty::before {
	content: 'Title...';
	color: #969696;
}

.content .lead_text:empty::before {
	content: 'Lead...';
	color: #969696;
}

.content .text:empty::before {
	content: 'Description...';
	color: #969696;
}

.content .module_key:empty::before {
	content: 'module id...';
	color: #969696;
}

.downloadField {
	position: relative;
	flex: 1 1 100%;
    width: 100%;
	display: none;
	margin-top: 15px;
}

.fileContainer {
	flex: 1 1 auto;
    margin-left: 20px;
}

.fileContainer label,
.fileContainer *[role=label],
.fileContainer span.label {
	display: flex;
	flex-direction: column;
	font-size: 14px;
}

.fileContainer label:before,
.fileContainer *[role=label]:before,
.fileContainer span.label:before {
	content: attr(title);
	padding-left: 3px;
	flex-basis: 100%;
	font-size: 12px;
    color: #969696;
}

.fileContainer input[type=text] {
	border: 1px solid #000;
	height: 24px;
	width: 120px;
}

.fileContainer div {
	display: flex;
	height: 40px;
	align-items: flex-end;
}

.fileContainer div * + * {
	margin-left: 40px;
}

.fileContainer div :nth-child(2n) {
	margin-left: auto;
}

.fileContainer div + div {
	margin-top: 15px;
}

.content .options {
	margin-top: 25px;
}

article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{
	display:block;
}

section[no_sale] div.saleedit1,
section[no_sale] div.saleedit2 {
    display: none !important;
}

@media (max-width: 941px) {
	.mobile_admin_header,
	.mobile_client_header {
		height: 370px;
		margin-bottom: 10px;
		background: url(../images/background-header.jpg) center 100px no-repeat;
		background-size: 320px;
	}
	
	.mobile_admin_header {
		height: 240px;
		background-position-y: 85px;
		background-size: 260px;
	}
	
	.mobile_client_header .title_welcome {
		font-size: 12px;
		margin-bottom: 5px;
	}
	
	.mobile_client_header .title_rewards {
		font-size: 38px;
	}
	
	.mobile_client_header .title_manage {
		width: 268px;
		height: 26px;
		background: url(../images/title_manage_tablet.png) center 0 no-repeat;
	}
	
	.mobile_admin_header {
		height: 230px;
	}
	
	.educational_content a.download {
		width: 220px;
		height: 60px;
		font-size: 14px;
	}
	
	.download_ico {
		width: 100% !important;
		max-width: 350px;		
	}
	
	.download_ico span {
		background-size: 20px 20px;
		padding-left: 33px;
		height: 20px;
	}
	
	.logo i {
		display: flex;
		width: 220px;
		height: 56px;
		background: url(../images/christopher-designs_logo.png) 0 0 no-repeat;
		background-size: contain;
	}
	
	.menuactive .mobile_nav {
		top: 105px;
	}
	
	.mobile_menu_button {
		top: 38px;
	}
	
	.materials_videos video {
		width: 270px;
	}
    
	.materials_training figure img {
		width: 270px;
	}
	
	.client_content section,
	.loged_client_content section,
	.admin_content section,
	.educational_content section,
	.info_content section {
		padding-right: 50px;
		padding-left: 50px;
	}
	
	.sinput .mfi + .mfi2,
	.sinput .mfi3 + .mfi2 {
		flex: 1 1 0%;
	}
	
/*
	.sinput .ihalf {
		max-width: inherit;
	}
*/
	
	.profile_button {
		margin-right: 0;
	}
}

@media (max-width: 790px) {
	.materials_videos video {
		width: 220px;
	}
    
	.materials_training figure img {
		width: 220px;
	}
	
	.newsletter figure {
		margin-right: 50px;
	}
	
	.newsletter p {
		flex-direction: column;
		align-items: flex-start;
	}
	
	a.readnow {
		margin-top: 30px;
		margin-left: 0;
	}
	
	.sinput .mfi + .mfi2,
	.sinput .mfi3 + .mfi2 {
		margin-left: 20px;
	}

}

@media (max-width: 720px) {
	main {
		max-width:100% !important;
	}
	
	.client_content {
		position: relative;
	}
	
	.client_nav,
	.nav {
/*		display: none !important; */
	}
	
	.client_content .client_nav {
		flex-direction: column;
		position: relative;
		z-index: 2;
		width: 100%;
		height: auto;
	}
	
	.client_content .client_nav a {
		height: 50px;
		margin: 0;
		padding: 0 50px;
		border: none;
		border-bottom: 1px solid #ebebeb;
		background-color: #fff;
		color: #000;
		text-align: center;
	}
	
	.client_content .client_nav a:nth-child(1n) {
		order: 1;
	}
	
	.client_content .client_nav a:nth-child(2n) {
		order: 2;
	}
	
	.client_content .client_nav a:nth-child(3n) {
		order: 3;
	}
	
	.client_content .client_nav a:hover {
		background-color: #c6a9b7;
	}
	
	.login_open .client_nav a {
		display: flex;
	}
	
	.client_nav_opener {
	    background: none !important;
		height: auto !important;
		position: absolute;
		z-index: 3;
		top: 19px;
		display: flex !important;
		right: 30px;
		padding: 0 !important;
	}
	
	.sinput {
		flex-wrap: wrap !important;
	}
	
	.sinput label
	.sinput *[role=label]{
		width: 100% !important;
		max-width: 100% !important;
	}
	
	.sinput .idef10 {
		max-width: 42px !important;
		align-self: flex-start;
	}
	
	.sinput .mfi + .mfi {
/*		margin-left: 0 !important;
		margin-top: 24px;
*/	}
	
	.sinput input[type=text] {
		max-width: 100% !important;
	}
	
	.sinput input.datepicker-here {
		max-width: calc(100% - 30px) !important;
	}
	
	.sinput input[name=phonecc],
	.sinput input[name=zipstore] {
		max-width: 90px !important;
	}
	
	.section_header,
    .middle_header {
		font-size: 18px;
	}
	
	.section_header + * {
		margin-top: 25px;
	}
	
	section .sinput + .button,
	section .sinput + .newuserbutton,
	section .sinput + .profile_button {
		margin-top: 35px;
	}
	
	.educational_content .client_nav a {
		margin-top: 0;
		text-align: center;
	    line-height: 16px;		
	}
	
	.materials_list {
		margin-top: 20px;
	}
	
	.materials_videos video {
		width: 170px;
	}
	
	.sinput .mfi + .mfi2,
	.sinput .mfi3 + .mfi2 {
/*		margin-left: 0;
		margin-top: 24px;*/
	}
	
	.sinput .iquarter {
		max-width: inherit;
	}
	
	.atable th {
		white-space: normal;
	}
	
	.atable td + td {
		border-left: none;
	}
	
	.atable .tdline {
		display: flex;
		align-items: center;
		height: 30px;
	}
	
	.atable .tdlinebutton {
		margin-top: 35px;
		text-align: right;
		display: flex;
		justify-content: flex-end;
	}
	
	.atable tr.active td{
		border-bottom: none;
	}
	
	.atable tbody tr.hTR:hover,
	.atable tbody tr.hTR:focus {
		background: none;
	}
	
	.hTR {
		display: none;
	}
	
	.hTR td {
		vertical-align: top;
		padding-right: 0;
	}
	
	.hTR.open {
		display: table-row;
	}
	
	.active td.tdexp {
		background-color: #636363 !important;
	}
	
	.tdexp a {
		display: flex;
		text-decoration: none;
		justify-content: center;
		align-items: center;
	}
	
	.tdexp i {
		display: block;
		width: 24px;
		height: 24px;
	}
	
	.sale_table .tdexp {
		display: table-cell;
		width: 42px;
	}
	
	.sale_table td.tdexp {
		background-color: #ddb8ca;
		border-bottom: 1px solid #fff;
		padding: 0;
	}

	body[user=user] .tdstatus,
	body[user=user] .tdsaledate {
		width: auto;
	}

	.sale_table .tdstyleno,	
	.sale_table .tdserialno,
	.sale_table .tdbutton {
		display: none;
	}
	
	.educational_content header {
		padding: 40px 30px 0 30px;
	}
	
	.infotext {
		font-size: 14px;
	}
	
	.lead_text {
		font-size: 15px;
	}
	
	.apla_content {
		padding: 90px 30px;
	}
	
	.apla .ainfo {
		text-align: center;
	}
	
	.info_text.dline {
    	top: 0;
	}
	
	.cdsn:before {
		content: 'Christopher Designs Serial Number' !important;
	}
}

@media (max-width: 580px) {
	
	.mobile_admin_header .head_nav,
	.mobile_client_header .head_nav {
		height: 48px;
	}
	
	.mobile_menu_button {
		top: 19px;
	}
	
	.menuactive .mobile_nav {
		top: 75px;
	}
	
	.logo i {
		width: 122px;
	}
	
	.title_welcome,
	.title_manage {
		display: none;
	}
	
	.mobile_admin_header .title_rewards,
	.mobile_client_header .title_rewards {
		font-size: 24px;
	}

	.mobile_admin_header,
	.mobile_client_header {
		height: 205px;
		margin-bottom: 20px;
		background: url(../images/background-header.jpg) center 50px no-repeat;
		background-size: 220px;
	}
	
	.mobile_admin_header {
		height: 170px;
	}
	
	.client_content section,
	.loged_client_content section,
	.admin_content section,
	.educational_content section,
	.info_content section {
		padding-left: 29px !important;
		padding-right: 29px !important;
	}
	
	.content h2 {
		font-size: 20px;
	}
	
	.materials_marketing_materials,
	.materials_videos,
    .materials_training {
		flex-direction: column;
		align-items: center;
		text-align: center;
	}
	
	.materials_marketing_materials figure,
	.materials_videos figure,
    .materials_training figure {
		margin-right: 0;	
	}
    
    .materials_training figure img {
        width: 170px;
    }
	
	.materials_marketing_materials .content,
	.materials_videos .content,
    .materials_training .content {
		margin-top: 30px;
		align-items: center;
	}
	
	.newsletter {
		flex-direction: column;
		text-align: center;
	}
	
	.newsletter figure {
		margin-right: 0;
		margin-bottom: 30px;
	}
	
	.newsletter p {
		align-items: center;
	}
	
	a.readnow {
		margin-left: 0;
		margin-top: 30px;
	}

	.sinput {
		flex-direction: column;
	}
	
	.sinput input[type=text] {
		margin-top: 4px !important;
	}
	
	.sinput input[type=reset],
	.sinput input[type=submit] {
		margin-left: 0;
		width: 100%;
		max-width: inherit;
	}
	
	.sinput label.mfi + .mfi,
	.sinput *[role=label].mfi + .mfi,
	.sinput .mfi + .mfi {
		margin-left: 0;
		margin-top: 24px;
	}
	
	.sinput .mfi + .mfi2,
	.sinput .mfi3 + .mfi2 {
		margin-left: 0;
		margin-top: 24px;
	}
	
	.sinput .ihalf,
	.sinput .iquarter {
		max-width: inherit;
	}
	
	.sinput button.generate {
		margin-top: 30px;
		width: 100%;
	}
	
	.info_text:hover {
		right: 0;
		align-items: flex-end;
	}
	
	.info_text:hover span {
	    margin-right: -3px;
	}
	
	.info_text:hover span>i {
		right: 3px;
		left: auto;
	}
}