@charset "UTF-8";

/* reset.css */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
	margin:0;
	padding:0;
	border:0;
	outline:0;
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
	vertical-align: baseline;
	background: transparent;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset,img { 
	border:0;
}
address,caption,cite,code,dfn,th,var {
	font-style:normal;
	font-weight:normal;
}
em {
	font-style:italic;
	font-weight:normal;
}
strong {
	font-style:normal;
	font-weight:bold;
}
ol,ul {
	list-style:none;
}
caption,th {
	text-align:left;
}
h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
}
q:before,q:after {
	content:'';
}
abbr,acronym { border:0;
}

input.button {
	cursor: pointer;
}


.hidden {
	display: none;
}

.left {
	float: left;
}
.right {
	float: right;
}

.clear {
	clear: both;
}

.borderless {
	border: 0;
}

.align-right {
	text-align: right;
}
/* global.css */

*,
*:before,
*:after {
	-webkit-box-sizing: border-box;
	box-sizing:border-box;
}

body {
	font-family: Verdana;
	/*font-size: 10px;*/
	font-size: 12px;
	font-weight: normal;
	color: #333333;
	background-color: #F6F6F6;
	line-height: 1.4em;
}

h3 .partner_subtitle {
	display: block;
    font-weight: normal;
    line-height: 15px;
}

#sidebar a.button {
	float:right;
}

#sidebar a.button, .tx-powermail-pi1 input[type="submit"] {
    border: 1px solid #fe66cb;
    background: #fe66cb;
    background: -webkit-gradient(linear, left top, left bottom, from(#fe66cb), to(#fe66cb));
    background: -webkit-linear-gradient(top, #fe66cb, #fe66cb);
    background: -moz-linear-gradient(top, #fe66cb, #fe66cb);
    background: -ms-linear-gradient(top, #fe66cb, #fe66cb);
    background: -o-linear-gradient(top, #fe66cb, #fe66cb);
    padding: 5px 10px;
    -webkit-box-shadow: rgba(0,0,0,1) 0 1px 0;
    -moz-box-shadow: rgba(0,0,0,1) 0 1px 0;
    box-shadow: rgba(0,0,0,1) 0 1px 0;
    /* text-shadow: rgba(0,0,0,.4) 0 1px 0; */
    color: white;
    font-size: 12px;
    font-family: Verdana;
    text-decoration: none;
}

.socialmedia .fb-like, .socialmedia .twitter, .socialmedia .googleplus {
	float: left;
	padding-right: 5px;
}

.socialmedia  {
	clear: both;
}


a {
	color: #666666;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}

textarea {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

iframe {
	border: none;
	overflow: hidden;
}
/* header */
header {
	/*color: var(--cx-color-inverse);*/
	
}

app-astropair-header header, .top-nav-two{
   background-color:var(--cx-color-inverse);
}

@media (min-width: 992px) {
 header {
  /*background:linear-gradient(to top,var(--cx-color-background-dark) 67px,var(--cx-color-light) 0);*/
 }
}

header {

}

header .header {
 max-width:var(--cx-page-width-max);
 margin:auto;
 display:flex;
 flex-wrap:wrap;
}

@media (min-width: 992px) {
 header .header {
  padding:0 10px
 }
}

header .header>* {
 align-self:center;
 display:block;
 flex:none;

}
header .SiteContext,
 header .TopNav {
  flex:50%;
  display:flex;
  /*--cx-margin: .5rem 8px*/
 }
 header .SiteContext {
  justify-content:flex-start
 }
 
 header .SiteContext:after {
  /*border-top:1px solid currentColor;*/
  content:"";
  width:100%;
  position:absolute;
  left:0;
  top:44px
 }

 header .SiteLinks {

 }
 
 /* TopNav */
 header .TopNav {
	justify-content:flex-end;
	color:var(--cx-color-primary)
	margin:10px 0 10px 50px;
 }

 header .TopNav a {
	padding: 2px 16px;
	color: #969696;
	text-decoration: none;
	font-size: 14px;
	border-left: 1px #CCCCCC solid;	
	background-position: 8px 1px;
	background-repeat: no-repeat;
}

 header .TopNav a.first {
	border-left: none;
}

 header .TopNav a:hover, #topmenu a.active  {
	text-decoration: underline;
}

 header .TopNav a.item_127 {
	/*padding-left: 32px;
	
	background-image: url('/fileadmin/web/images/common/contact.gif');*/
}

header .TopNav a.item_127:before{
/*
	content: "";
	font: normal normal normal 14px/1 FontAwesome;
	color: #fe65cd;
	padding-right: 10px;
*/	
}
 
/* MainNav */
header .MainmNav:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

header .MainNav{
	margin:0 20px 0 auto;
	
} 

header .MainNav a {
	float: left;
	display: block;	
	width: 111px;
	overflow: hidden;
	padding: 3px 6px 3px 6px;
	font-family: "Century Gothic", "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #999999;
	text-align: center;
	font-size: 16px;
	font-weight: bold;
	text-decoration: none;
	white-space: nowrap;
	/*background-image: url('/fileadmin/web/images/common/tab.main.gif');
	background-position: left top;
	background-repeat: no-repeat;*/
	border: 1px solid #f3f3f3;
    background: rgb(255,255,255);
    background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(253,252,252,1) 52%, rgba(250,249,249,1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(52%,rgba(253,252,252,1)), color-stop(100%,rgba(250,249,249,1)));
    background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(253,252,252,1) 52%,rgba(250,249,249,1) 100%);
    background: -o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(253,252,252,1) 52%,rgba(250,249,249,1) 100%);
    background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(253,252,252,1) 52%,rgba(250,249,249,1) 100%);
    background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(253,252,252,1) 52%,rgba(250,249,249,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#faf9f9',GradientType=0 );
	
} 

header .MainNav a.active {
	color: #0081b8;
}
header .MainNav a:hover {
	color: #4abae8;
}
header .MainNav a.first {
	width: 102px;
}
header .MainNav a span {
	display: block;
	padding: 8px 6px 8px 6px;
	text-align: center;
	/*padding: 8px 6px 8px 0;
	 * background-image: url('/fileadmin/web/images/common/tab.main.gif');*/
	background-position: right top;
	background-repeat: no-repeat;
}

header .MainNav a.item_35{
	width: 126px;
	
}

app-astropair-banner a,
cx-banner a {
 display:block
}

app-astropair-banner a:focus,
cx-banner a:focus {
 position:relative;
 z-index:1
}

app-astropair-banner cx-generic-link,
cx-banner cx-generic-link {
 display:block
}

app-astropair-banner img,
cx-banner img {
 width:100%;
 margin:var(--cx-margin)
}

app-astropair-banner p,
cx-banner p {
 font-size:4vw;
 line-height:5vw;
 text-shadow:2px 2px 4px rgba(0,0,0,.5);
 position:absolute;
 z-index:10;
 padding:5vw;
 color:#fff;
 width:100%;
 text-align:center;
 margin:0
}

cx-link a {
 display:inline;
 padding:var(--cx-padding, 0);
 margin:var(--cx-margin, 0);
 color:currentColor;
 display:var(--cx-display);
 text-decoration:underline
}

header .SiteContext cx-media {
 width:232px;
 padding-left:8px
}


:root {
 --cx-color-background: #f4f4f4;
 --cx-color-text: #14293a;
 --cx-color-inverse: #ffffff;
 --cx-color-transparent: transparent;
 --cx-color-primary: #1f7bc0;
 --cx-color-secondary: #6c7079;
 --cx-color-success: #38871f;
 --cx-color-info: #17a2b8;
 --cx-color-warning: #ffc107;
 --cx-color-danger: #db0002;
 --cx-color-light: #f1f1f1;
 --cx-color-dark: #6c7079;
 --cx-color-primary-accent: #055f9f;
 --cx-color-success-accent: #f0fbe4;
 --cx-color-danger-accent: #fff1f1;
 --cx-color-warning-accent: #fff5df;
 --cx-color-info-accent: #deeffe;
 --cx-color-medium: #d3d6db;
 --cx-color-background-dark: #212738;
 --cx-color-visual-focus: #6d9df7;
 --cx-color-background-focus: rgba(80, 176, 244, .1);
 --cx-color-border-focus: rgba(166, 204, 232, .6);
 --cx-page-width-max: 1140px;
 --cx-font-weight-light: 300;
 --cx-font-weight-normal: 400;
 --cx-font-weight-semi: 600;
 --cx-font-weight-bold: 700;
 --cx-text-transform: capitalize;
 --cx-direction: ltr;
 --cx-transition-duration: .5s;
 --cx-animation-duration: 1s;
 --cx-border-radius: 1em;
 --cx-buttons-border-radius: 2rem;
 --cx-buttons-border-width: 3px;
 --cx-border-style: solid
}
 
.bottom-header {
	border-top: 1px #f0f2f1 solid;
} 
 
/* stage */
#stage {
	position: relative;
/*	top: 0px; */
/*	width: 991px; */
	margin: 0 auto;
	padding: 0 15px 24px 15px;
	
	background-color: #FFFFFF;
	overflow: hidden;
}

/* logo */
#logo {
	position: absolute;
	left: 15px;
	top: 5px;
	
	display: block;
	height: 95px;
	width: 250px;
}

/* topmenu */
#topmenu {
	position: absolute;
	right: 15px;
	top: 8px;
}


/* mainmenu */
#mainmenu {
	position: absolute;
	right: 15px;
	top: 80px;
	
}

/* submenu */
#submenu {
	margin: 5px 0 15px -10px;
}
#submenu li {
	margin: 2px 0 0 10px;
}
#submenu li a {
	padding: 0 0 0 12px;
	color: #333333;
	text-decoration: none;
	background-image: url('/fileadmin/web/images/common/li_arrow_pink.gif');
	background-position: left center;
	background-repeat: no-repeat;
}

#submenu ol li a {
	padding:0;
}

#submenu ol {
	list-style-type: decimal;
	padding-left: 12px;
}

#submenu ol li a{
	background-image: none;
}

#submenu li a:hover, #submenu li a.active {
	text-decoration: underline;
	color: #009ee0;
}


#submenu li a.active {
	font-weight: bold;
	text-decoration: none;
}
#submenu h2 {
	color: #FF66CC;
	text-transform: uppercase;
}

/* Breadcrumbs */
#breadcrumbs {
	display: block;
	padding: 9px 18px 9px 13px;
	/*background-color: #FFFFFF;*/
	background-color: #e4f7ff;
}

#breadcrumbs span {
	padding: 0 0 0 5px;
	font-weight: bold;
	color: #666666;
}

#breadcrumbs a {
	color: #969696;
	padding: 0 5px 0 5px;
}

/* layout */
#layout {
	position: relative;
	display: inline-block;
	width:100%;
	padding: 0;
	background-image: url('/fileadmin/web/images/common/bg_content.gif');
	background-position: left bottom;
	background-repeat: repeat-x;
}

#layout:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

/* footer */
#footer {
	display: block;
	width: 990px;
	clear: both;
	position: relative;
	/*margin: 10px 0 80px 0;*/	
	margin: 10px 0 30px 0;
	text-align: center;
	font-size: 12px;
	color: #969696;
}
#footer  a {
	padding: 2px 16px;
	color: #969696;
	text-decoration: none;
	font-size: 12px;
	
	/*border-left: 1px #CCCCCC solid;*/
}
#footer a.first {
	border-left: none;
}
#footer a:hover, #footer .active {
	text-decoration: underline;
}

 span.public {
	float: left;
}
span.legal {
	float: right;
}

 .legal {
	float: right;
}



span.public a.first {
	padding-left: 0;
}
span.legal a.last {
	padding-right: 0;
}

span.copyright {
	position: absolute;
	/*right: 303px;*/
	right: 406px;
}

#footer .banner {
	position: absolute;
	left: 150px;
	border: 0;
}


.tx-felogin-pi1 input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { 
    color:  white;
}
.tx-felogin-pi1 input:-moz-placeholder, textarea:-moz-placeholder { 
    color:    white;
}
.tx-felogin-pi1 input::-moz-placeholder, textarea::-moz-placeholder { 
    color:   white;
}
.tx-felogin-pi1 input:-ms-input-placeholder, textarea:-ms-input-placeholder { 
    color:  white;
}

/*powermail*/


.tx-powermail-pi1 {
	width: 100%;
}

.tx-powermail-pi1 legend {
	display: none;
}

.tx-powermail-pi1 label {
	width: 192px;
	display: inline-block;
	margin-bottom: 10px;
}

.tx-powermail-pi1 input[type="text"],
.tx-powermail-pi1 textarea {
	width: 169px;
}

.tx-powermail-pi1 textarea  {
	height: 55px;
}

.tx-powermail-pi1 .tx_powermail_pi1_formconfirmation_submit,
.tx-powermail-pi1 input[type="submit"] {
	float: right;
}
.tx-powermail-pi1 .tx_powermail_pi1_formconfirmation_back {
	float: left;
}

.powermail_all {
	margin-bottom: 15px;
}

#content .tx-powermail-pi1_thx p {
	margin:0;
}

#page-127 td {
	width:50%;
	padding-right: 150px;
	line-height: 18px;
}

.tx-srfeuserregister-pi1 input[type=radio], .tx-srfeuserregister-pi1 input[type=checkbox] {
	margin-top: 5px;
}

.tx-srfeuserregister-pi1 legend {
	padding-left:0px;
}

.tx-srfeuserregister-pi1 dd {
	width:64%;
}

.tx-srfeuserregister-pi1 p {
	padding:0;
}

#content form input.tx-srfeuserregister-pi1-submit {
	margin-right:15px;
}



h1 {
	color: #fe65cd;
}

header {
	/*color: #fe65cd; */
}

h2 {
	/*color: #fe65cd;*/
}
/* content.css */
#content .content{
	max-width: var(--cx-page-width-max);
	margin: auto;
	display: flex;
	flex-wrap: wrap;
}

#content .nodata.error {
	color: red;
	margin-left: 220px;
	font-weight: bold;
	font-size: 16px;
	border: 1px solid red;
	padding: 10px;
}

#content ul li:before {
	content: "";
    font-family: FontAwesome;
    margin-left: -17px;
    padding-right: 10px;
    font-size: 9px;
    color: #179dd2;
}

#content h1, #content h2, #content h3, #content h4, #content h5, #content h6 {
	font-family: "Century Gothic","Trebuchet MS",Arial,Helvetica,sans-serif;
	font-weight: bold;
}

#content h1 {
	font-size: 16px;
	/*margin: 15px 0 5px 0;*/
	margin: 15px 0 15px 0;
	text-transform: uppercase;
	letter-spacing: 1px;
}

#content h2 {
	font-size: 16px;
	margin: 15px 0 15px 0;
	text-transform: uppercase;
	letter-spacing: 1px;
}

#content h3 {
	font-size: 13px;
	margin: 0 0 5px 0;
	letter-spacing: 0.5px;
}

#content h4, #content h5, #content h6 {
	font-size: 11px;
	margin: 5px 0 5px 0;
}

#content p {
	line-height: 18px;
	margin: 15px 0 15px 0;
}

#content .tx-rmshowpackage-pi1 p{
	margin-left: 16px;
	padding: 5px 0;
	border-top: #D0D0D0 1px solid;
	border-bottom: #D0D0D0 1px solid;
}

#content a {
	text-decoration: underline;
}

#content a.button {
	text-decoration: none;
}

#content a:hover {
	color: #009ee0;
	text-decoration: none;
}

#content a.button:hover {
	color: #fff;
}

#content ul li {
	padding: 2.5px 0 5px 16px;
	line-height: 18px;
	/*background-image: url('/fileadmin/web/images/common/li_circle_blue.gif');
	background-position: left center;
	background-repeat: no-repeat;*/
}

#content .csc-textpic-imagewrap li:before {
	content:" ";
}

#content h1.csc-firstHeader {
	text-transform: uppercase;
}

/* TABS */
#content .tabs,
#content .tabs_messages {
	display: block;
	height: 32px;
	
	overflow: hidden;
	
	list-style: none;
	padding: 0;
	margin: 0 0 15px 0;
	
	border-bottom: #d0d0d0 1px solid;
}

#content .tabs li,
#content .tabs_messages li
{
	float: left;
	display: inline-block;
	height: 32px;
	
	margin: 0;
	padding: 0;
	
	background-image: none;
}
#content .tabs a ,
#content .tabs_messages a
{
	float: left;
	display: inline-block;
	
	height: 32px;
	padding: 0 0 0 15px;
	
	color: #b1b1b1;
	font-weight: bold;
	text-decoration: none;
	
	/*background-image: url('/fileadmin/web/images/common/tab.gif');
	background-position: left top;
	background-repeat: no-repeat;*/
	border: 1px solid #f3f3f3;
    background: rgb(255,255,255);
    background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(253,252,252,1) 52%, rgba(250,249,249,1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(52%,rgba(253,252,252,1)), color-stop(100%,rgba(250,249,249,1)));
    background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(253,252,252,1) 52%,rgba(250,249,249,1) 100%);
    background: -o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(253,252,252,1) 52%,rgba(250,249,249,1) 100%);
    background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(253,252,252,1) 52%,rgba(250,249,249,1) 100%);
    background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(253,252,252,1) 52%,rgba(250,249,249,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#faf9f9',GradientType=0 );
	outline: none;
}

#content .tabs a:hover,
#content .tabs a.active,
#content .tabs_messages a:hover,
#content .tabs_messages a.active
{
	color: #ff66ce;
	text-decoration: none;
}
#content .tabs a span,
#content .tabs_messages a span
{
	float: left;
	display: inline-block;
	padding: 8px 15px 8px 0;
	
	/*background-image: url('/fileadmin/web/images/common/tab.gif');
	background-position: right top;
	background-repeat: no-repeat;*/
	
	cursor: pointer;
}

#content .csc-textpic-border img{
	border: 1px solid #ebebeb;
}

/* /TABS */

/* sidebar */
#sidebar h1, #sidebar h2, #sidebar h3, #sidebar h4, #sidebar h5, #sidebar h6 {
	font-family: "Century Gothic","Trebuchet MS",Arial,Helvetica,sans-serif;
	font-weight: bold;
	
}

#sidebar h1 {
	font-size: 16px;
	margin: 5px 0 15px 0;
	letter-spacing: 1px;
	
}
#sidebar h2 {
	font-size: 14px;
	margin: 5px 0 10px 0;
	letter-spacing: 1px;
}
#sidebar h3 {
	font-size: 13px;
	margin: 5px 0 5px 0;
	color: #FF66CC;
	letter-spacing: 0.5px;
}
#sidebar h4, #sidebar h5, #sidebar h6 {
	font-size: 11px;
	margin: 5px 0 5px 0;
}

#sidebar p {
	line-height: 15px;
	margin: 5px 0 15px 0;
}

#sidebar a {
	text-decoration: underline;
}
#sidebar a:hover {
	color: #009ee0;
	text-decoration: none;
}

#sidebar .preview {
	margin-bottom: 25px;
}
#sidebar .preview a {
	padding: 4px 24px 4px 0;
	
	color: #fe65cd;
	font-weight: bold;
	
	background-image: url('/typo3conf/ext/astropair/Resources/Public/css/fileadmin/web/images/views/account/messages/new_symbol.gif');
	background-position: right center;
	background-repeat: no-repeat;
}

/* messages */
#content p.notice {
	padding: 12px 25px;
	
	color: #FFF;
	
	border: 2px #0074a6 solid;
	background-color: #008fcb;
	
	background-image: url('/typo3conf/ext/astropair/Resources/Public/css/fileadmin/web/images/common/bg_notice.gif');
	background-position: right bottom;
	background-repeat: no-repeat;
}
#content p.notice span {
	font-size: 10px;
}
#content p.notice a {
	color: #FFFFFF;
}

/* steps */

#content #steps {
	position: absolute;
	top: 0;
	right: 25px;
}
#content #steps img {
	margin-top: 5px;
}

/*Beratung/Coaching Tabelle und SEITE - ag*/
/*.product_coaching tr:first-of-type td, */
.product_coaching thead tr:first-of-type th {
	font-weight: bold;
	padding: 5px 10px;
} 

.product_coaching tr td,
.product_coaching thead tr th{
	padding: 5px 10px;
	width: 33%;
	border-right: 1px solid rgb(214, 214, 216);
} 

.product_coaching thead tr th:first-of-type {
	padding: 5px 10px 5px 0;
}

.product_coaching tr td:first-of-type {
	padding: 5px 10px 5px 0;
}

.product_coaching tr td:last-of-type, .product_coaching thead tr th:last-of-type {
	border: none;
}

.product_coaching th {
	font-size: 14px;
}

.product_coaching th i {
	padding-right: 5px;
	color: #fe65cd;
}

#page-111 #submenu {
	display: none;
}

/*Upgrade Button*/
#page-10 #sidebar li li a{
	border: 1px solid #fe66cb;
	background: #fe66cb;
	/*background: -webkit-gradient(linear, left top, left bottom, from(#fe66cb), to(#e05ab3));
   background: -webkit-linear-gradient(top, #fe66cb, #e05ab3);
   background: -moz-linear-gradient(top, #fe66cb, #e05ab3);
   background: -ms-linear-gradient(top, #fe66cb, #e05ab3);
   background: -o-linear-gradient(top, #fe66cb, #e05ab3);*/
   padding: 5px 10px;
   /*-webkit-border-radius: 3px;
   -moz-border-radius: 3px;
   border-radius: 3px;*/
   -webkit-box-shadow: rgba(0,0,0,1) 0 1px 0;
   -moz-box-shadow: rgba(0,0,0,1) 0 1px 0;
   box-shadow: rgba(0,0,0,1) 0 1px 0;
   color: white;
   font-size: 16px;
   text-decoration: none; 
   text-transform: uppercase;
   font-weight: normal;
   letter-spacing: 0.5px;
   margin-left: 110px;
}

/* Buchvorschau */

#content .csc-header.csc-header-n2 h2{
	font-size:20px;
	color:#000;
	font-weight: 700;
	text-transform: uppercase;

}

.important {
    color: #FF66CC;
    font-size: 25px;
    text-shadow: 2px 1px 1px rgba(0, 0, 0, 0.2);
    font-weight: bold;
}
#content .bodytext .button {
    background-color: rgba(254,102,203,0.8);
    color:#fff;
    font-size: 14px;
    font-weight: 700;
  /*  text-transform: uppercase;*/
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 10px;
    padding-right: 10px;
}

#content .bodytext p{
	margin-bottom:30px;
}

#content .csc-textpic-right.csc-textpic-imagerow {
	margin-top:64px;
}

#content #c355 {
	display: inline-block;
    float: right;
}

#content #c355  .csc-textpic-imagewrap ul li:first-of-type {
	    padding-left: 6px;
}

#content #c613 p a{
	border: 1px solid #fe66cb;
	background-color: rgba(254,102,203,0.8);
	color : #fff;
	padding: 5px 10px;
	text-decoration:none;
}




/* default.css */
#layout {
	border-top: 1px #f0f2f1 solid;
}

#sidebar {
	float: right;
	
	width: 270px;
	padding: 25px 15px;
}

#sidebar ul {
	margin-bottom: 20px;
	
}

#sidebar > ul > li > ul > li,
#sidebar > ul > li > ol > li{
	font-weight: bold;
	padding-left: 13px;
    text-indent: -13px;
}

#sidebar > ul > li > ul > li > ul >li,
#sidebar > ul > li > ol > li > ul >li{
	font-weight: normal;
}

#content {
	position: relative;
	float: left;
	width: 640px;
	padding: 25px 23px;
}

/* login.css */

cx-page-layout{
	display: block;
	width: 100%;	
}
cx-page-layout.LoginPage{
	padding-bottom: 3rem;
}
cx-page-layout.LoginPage cx-page-slot{
 display:flex;
 flex-direction:column;
 align-items:center;
 max-width:var(--cx-page-width-max);
 padding-top:3rem;
 padding-inline-end:1.5rem;
 padding-bottom:0;
 padding-inline-start:1.5rem;
 margin:auto
}
cx-page-layout.LoginPagecx-page-slot>* {
 max-width:var(--cx-max-width, 50%);
 width:100%
}

#login{
	text-align: start;
	max-width: var(--cx-max-width, 50%);
	width: 100%;
}

#login form label {
  display: block;
}

#login label .label-content {
 display:block;
 margin-bottom:.375rem
}

#login label .label-content.bold {
 font-weight:var(--cx-font-weight-semi)
}

#login input {
	margin-bottom: .25rem;
	color: var(--cx-color-text);
}

#login input:focus {
 border-color:var(--cx-color-secondary);
 box-shadow:none;
 -webkit-box-shadow:none
}

#login input{
 display:block;
 width:100%;
 height:48px;
 padding:.6875rem .75rem;
 font-size:1rem;
 font-weight:"normal";
 line-height:1.5;
 color:#495057;
 background-color:#fff;
 background-clip:padding-box;
 border:1px solid #f1f1f1;
 border-radius:.15rem;
 transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out	
}
	
#login a{
/*font-size: 1.125rem;*/
color: var(--cx-color-text);
text-decoration: underline;
cursor: pointer;
display: inline-block;	
	
}