/* Last modified 2024-09-09 by GJS */

#my_account #invoices{
float:left;
margin:0;
width:100%;
}
.terms_action input[type='checkbox']{
  display:inline;
}
input[type='checkbox']{
  display:none;
}
#invoices .invoicestable li{
float:left ;
clear:both;
margin-bottom:15px;
}

#invoices .invoicestable li label{
text-align:left;
float:left;
width:100%;
}

#invoices .invoicestable li .button{
width:auto;
}

#invoice_list .invoicestable2{
width:auto;
margin:0;
clear:both;
}

#details_edit .curregusertable td{
font-size:12px;
}

h3{
float:left;
width:100%;
}
.payment_confirmation .payment_submit{
  float:left !important;
  margin-top:10px;
}
#possible_subscriptions .shopcardtable button, 
.basket_subscriptions button, 
.shopcardtable .product_text a,.payment_confirmation .payment_submit{
background-color:rgba(0,0,0,0);
border:1px solid #007DC0;
border-radius:3px;
color:#007DC0;
text-transform:uppercase;
font-size:11px;
cursor:pointer;
float:none;
display:block;
transition: all 0.2s ease;
padding:2px 10px 2px;
background: white;
}

#active_subscriptions button:hover, 
#possible_subscriptions button:hover,
.basket_subscriptions button:hover,
.shopcardtable .product_text .text a:hover,.payment_confirmation .payment_submit:hover{
xbackground-color:#d7f1ff;
box-shadow:0 1px 2px rgba(0,0,0,.5);
}

#active_subscriptions button:active, 
#possible_subscriptions button:active,
.basket_subscriptions button:active,
.shopcardtable .product_text .text a:active{
box-shadow:0 0px 2px rgba(0,0,0,.5) inset;
}



body{
margin:0;
padding:0;
letter-spacing: 0.085em;
}

#container{
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-direction: normal;
    -moz-box-direction: normal;
    -webkit-box-orient: horizontal;
    -moz-box-orient: horizontal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    -moz-justify-content: space-around;
    -webkit-justify-content: space-around;
    -moz-align-items:strech;
position:relative;
width:auto;
max-width:800px;
}

#menuContainer{
width:260px;
background-color:#fafafa;
flex-basis:260px;
border:none;
float:inherit;
height:100% !important;
z-index:0;
}

#webapp, .content, #my_account{
  -webkit-flex: 1 0 300px;
  -moz-flex: 1 0 300px; 
  flex: 1 0 300px;
  margin: 0 20px 20px 40px;
width:auto;
padding:0;
border:none;
float:inherit;
height:auto;
}

#menuContainer{
position:fixed;
top:0;
left:0;
height:100%;
}

#webapp{
margin-left:270px;
}

#webapp{
  max-width:600px;
  /*overflow-x:hidden;*/
}

#active_subscriptions h2, #possible_subscriptions h2{
width:auto;
letter-spacing:.5px;
}

#active_subscriptions .shopcardtable td, #possible_subscriptions .shopcardtable td{
display:block;
}

#active_subscriptions table, #possible_subscriptions table, #active_subscriptions tr, #possible_subscriptions tr, #active_subscriptions tr, #possible_subscriptions tr, .product_text, .item, .text, #qty, #paid_until, #possible_subscriptions .text, #active_subscriptions .text, #webapp .shopcardtable .inapp_price_perlen, .price, .currency, .inapp_price_perlen, .product_details div, .inapp_value, .inapp_value .price, .price, .currency, .inapp_price_perlen, .inapp_value .currency, #qty label, #qty div, #paid_until label, #paid_until div, #active_subscriptions #paid_until, td #qty label, #qty div, td #paid_until label, td #paid_until div{
width:auto;
float:inherit;
clear:inherit;
padding:0;
margin:0;
text-align:inherit;
line-height:normal;
height:auto;
}

.item, #function{
padding:15px 15px 5px;
width:auto;
}

#possible_subscriptions .text,
#active_subscriptions .text{
line-height:120%;
padding:0px 15px 15px 15px;
float:left;
}

.product_details{
width:auto;
padding:0 15px 15px 15px;
float:none;
}

#qty, #paid_until, .inapp_value{
display:block;
}


td #qty label, td #paid_until label, td .inapp_value .currency{
float:left;
margin-right:2px;
/*clear:left;*/
}

td #qty label, td #qty div, td #paid_until label, td #paid_until div, td .inapp_value div{
white-space:nowrap;
}



#possible_subscriptions .product_details .inapp_value, #possible_subscriptions .product_details .inapp_price_perlen{
float:left;
clear:both;
margin-bottom:5px;
}

#my_account{
padding:0 4px 6px 0;
margin: 0px 20px 20px 300px;
}
#my_account td{
font-size:12px;
}

.shopcardpayment{
margin:0;
}

/*IE*/
#function, .item, h3{
display:block;
float:none;
clear:none;
}

#active_subscriptions tr, #possible_subscriptions tr{
position:relative;
float:left;
}

#active_subscriptions .shopcardtable td.product_details, #possible_subscriptions .shopcardtable td.product_details{
display:table-cell;
float:left;
xposition:absolute;
bottom:0;
left:0;
}

.product_details .inapp_price_row{
float:left;
clear:none;
white-space:nowrap;
}

#active_subscriptions .text{
margin-bottom:27px;
float:none;
}

#possible_subscriptions .text{
xmargin-bottom:68px;
float:none;
}

#possible_subscriptions .product_details .inapp_value, #possible_subscriptions .product_details .inapp_price_perlen, 
#possible_subscriptions .inapp_value .price,
#possible_subscriptions .shopcardtable button{
float:initial;
clear:both;
display: table-caption;
}

.product_details #qty, #active_subscriptions .product_details #paid_until, .product_details .inapp_value, #possible_subscriptions .inapp_price_row{
  float:left;
  width; 100%;
}

#active_subscriptions .shopcardtable .inapp_value{
  float:left;
}
td .inapp_value .currency, #active_subscriptions .inapp_value .price{
float:left;
clear:none;
white-space:normal;
/*display:inline;*/
}

#active_subscriptions .inapp_value .price{
  margin-left:5px;
}

#possible_subscriptions .text, #active_subscriptions .text{
margin:0 15px 15px 15px;
padding: 0 0 15px 0;
border-bottom:1pt solid #b3b3b3;
clear:both;
}
#possible_subscriptions .item .text,
#active_subscriptions .item .text {
  border-bottom: 0px;
}

.shopcardtable .product_text a{
display:table !important;
border: 1px solid #008000 !important;
color: #008000 !important;
float:none !important;
margin-top:10px !important!;
margin:10px 0 0px 0 !important;
text-decoration:none;
}

a.genericon-menu{
display:none;
}

.product_line{
  clear:both;
}

#active_subscriptions button{
  float:right;
  width:130px;
}

.shopcardtable .odd{
  border: 1px solid #eeeeee;
  border-radius: 10px;
  margin-top: 30px;
}

.shopcardtable .even{
  border: 1px solid #eeeeee;
  border-radius: 10px;
  margin-top: 30px;
}

.product_details, .product_text{
display: inline-block;
width: 100%;
}

#active_subscriptions .shopcardtable > div,#possible_subscriptions .shopcardtable > div {
display:block;
margin-bottom: 24px;
}

.product_details .qtyfield label{
  padding:0px;
}
.product_details .qtyfield{
  padding-bottom:15px;
}

.trial_button{
  clear:both !important;
  float:none !important;
  margin-top:10px !important;
  display:block !important;
  margin-right:0px !important;
}

.trial_text_short{
  height:33px !important;
  line-height:33px !important;
  text-align:center !important;
  width: 100% !important;
}

.trial_text_long{
  margin-bottom:5px !important;
}

.inapp_price_perlen.trial_text{
 width: 100% !important;
}

.mp_shop_basket{
  position:fixed;
  top:0px;
  right:30px;
  padding: 8px 12px;
  border: 1px solid #ddd;
  border-top: 0px;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
  background: white;
  z-index: 9999;
}
.mp_basket_line_text{
  float:left;
  margin-right:5px;
  width: 130px;
}

.mp_basket_line_val{
  float:left;
  margin-right:5px;
}
.mp_basket_tot{
  float:right;
}
.mp_basket_action{
  clear:both;
}
.mp_basket_checkout{
  float:right;
  padding-right:75px;
 }

.mp_basket_line_remove{
  float:left;
  width:70px;
  text-align:right;
}

.mp_basket_tot_text{
  float:left;
  margin-right:5px;
}

.mp_basket_tot_val{
  float:left;
  padding-right:75px;
}
.mp_basket_line_remove{
  cursor:pointer;
}

#footer{
  position:absolute;
  bottom:0px;
  padding:20px;
}
.clear{
  clear:both;
}
#footer ul{
  margin:0px;
  padding:0px;
}
#footer ul li{
 float:left;
 list-style-type:none;
 margin:0px;
 margin-right:20px;
}
#footer ul li a{
  font-size:9px;
}

.terms_sections{
  border-top: 1px solid #eee;
  margin-top: 7px;
  padding-top: 8px;
}

.terms_action{
  float:left;
  width:24px;
}
.terms_text {
  line-height: 20px;
}
.terms_text a{
  text-decoration:underline;
}
.terms_text a:hover{
  color: #007DC0;
}


input#acceptance_terms{
  width:13px;
}

.agreement_content{
height: 550px !important;
overflow: scroll;
border:1px solid #ccc;
border-radius:10px;
padding:10px;
}
.agreement_content h1{
  margin:0px;
}

#agreement_wrap{
width: 500px;
margin-top:10px;
float: left;
margin-left: 260px;
}

#agreement_button{
  clear:both;
  margin:10px 0px;
  background-color: rgba(0,0,0,0);  
  border: 1px solid #007DC0;
  border-radius: 3px;
  color: #007DC0;
  float:right;
  padding: 3px 10px 3px;
  font-size:10px;
}

#agreement_wrap.simple_wrap{
  margin-left:0px;
  width:550px;
}

#agreement_wrap.simple_wrap .agreement_content{
  heigth:90%;
  overflow:scroll;
}

div#months label {
    float: left;
}
#months {
    display: inline;
    float: left;
    margin-right: 7px;
}

.basket_monthnumberfieldinput {
  display: inline-flex;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  width: 70px;
}

.hidden_section .product_line{
  display:none;
}


.pagination {
  display: inline-block;
  padding-left: 0;
  margin-top: 1rem;
  margin-bottom: 1rem;
  border-radius: .25rem;
}

.page-item {
  display: inline;
}

.page-item:first-child .page-link {
  margin-left: 0;
  border-top-left-radius: .25rem;
  border-bottom-left-radius: .25rem;
}

.page-item:last-child .page-link {
  border-top-right-radius: .25rem;
  border-bottom-right-radius: .25rem;
}

.page-item.active .page-link, .page-item.active .page-link:focus, .page-item.active .page-link:hover {
  z-index: 2;
  color: #fff;
  cursor: default;
  background-color: #1E88D3;
  border-color: #1E88D3;
}

.page-item.disabled .page-link, .page-item.disabled .page-link:focus, .page-item.disabled .page-link:hover {
  color: #818a91;
  cursor: not-allowed;
  background-color: #fff;
  border-color: #ddd;
}

.page-link {
  position: relative;
  float: left;
  padding: .5rem .75rem;
  margin-left: -1px;
  line-height: 1.5;
  color: #1E88D3;
  text-decoration: none;
  background-color: #fff;
  border: 1px solid #ddd;
}

.page-link:focus, .page-link:hover {
  color: #014c8c;
  background-color: #eceeef;
  border-color: #ddd;
}

.pagination-lg .page-link {
  padding: .75rem 1.5rem;
  font-size: 1.25rem;
  line-height: 1.333333;
}

.pagination-lg .page-item:first-child .page-link {
  border-top-left-radius: .3rem;
  border-bottom-left-radius: .3rem;
}

.pagination-lg .page-item:last-child .page-link {
  border-top-right-radius: .3rem;
  border-bottom-right-radius: .3rem;
}

.pagination-sm .page-link {
  padding: .275rem .75rem;
  font-size: .875rem;
  line-height: 1.5;
}

.pagination-sm .page-item:first-child .page-link {
  border-top-left-radius: .2rem;
  border-bottom-left-radius: .2rem;
}

.pagination-sm .page-item:last-child .page-link {
  border-top-right-radius: .2rem;
  border-bottom-right-radius: .2rem;
}

.pager {
  padding-left: 0;
  margin-top: 1rem;
  margin-bottom: 1rem;
  text-align: center;
  list-style: none;
}

.pager::after {
  display: table;
  clear: both;
  content: "";
}

.pager li {
  display: inline;
}

.pager li > a,
.pager li > span {
  display: inline-block;
  padding: 5px 14px;
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 15px;
}

.pager li > a:focus, .pager li > a:hover {
  text-decoration: none;
  background-color: #eceeef;
}

.pager .disabled > a, .pager .disabled > a:focus, .pager .disabled > a:hover {
  color: #818a91;
  cursor: not-allowed;
  background-color: #fff;
}

.pager .disabled > span {
  color: #818a91;
  cursor: not-allowed;
  background-color: #fff;
}

.pager-next > a,
.pager-next > span {
  float: right;
}

.pager-prev > a,
.pager-prev > span {
  float: left;
}

.noinapps a{
  color: #1E88D3;
  text-decoration: none;
}

#mystandard-link{
  font-size:17px;
  margin:40px 0px 20px 40px;
  letter-spacing: 0.085em;
}