﻿.shoppingcart {
    background-color: white;
}
.sc-group{
	    padding: 0;
	    margin-bottom: 5%;
	    border: 2px solid #565d67;
	    border-radius: 3px;
}
.sc-group-title {
	background-color: #565d67;
	padding: 0.5% 1%;
}
.sc-group-title h3{
	display:inline-block !important;
	width: 40%;
	padding: 0 2% 0 2%;
	margin: 0;
	color: white !important;
}
.sc-group-title .shMoreBtn {
    font-size: 1.5em;
    float: left;
    margin: 9px 1% 0 1%;
    color:  white;
    width:5px;
}
.sc-group-title i{
	margin: 5px;
    float: right;
    font-size: 1.5em;
    cursor: pointer;
}
.sc-group-title > i:last-child {
    margin-top: 9px;
    color:  white;
}
.sc-group-subtitle {
	display: inline-block;
	margin: 1% 0%;
}
.sc-addbutton{
	font-family: "source-sans-pro", 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
	font-size: 0.8em;
    float: right;
    background-color: #ed1a3b;
    color: white;
    border: 1px solid #ed1a3b;
    margin: 7px 0%;
    padding: 5px 6px;
}
.sc-addbutton:hover,.sc-orderbutton:hover{
	background-color: #d81735;
	color:white;
	border: 1px solid #d81735;
}
.sc-changedatebutton{
	float:right;	
}
.sc-group-subtitle-container{
	color: #737373;
	display: block;
	margin: 0% 0px 10px 0px;
	height: 50px;
	padding: 0% 1% 0% 2%;
	font-size: 1.3em;
	border-bottom: 1px solid #c6c6c6;
	letter-spacing: -1px;
}
.sc-group-products {
    display:table;
    color: #737373;
    width: 98%;
    margin: 0% 14px;
}
.sc-group-product {
    display:table-row;
}
.sc-group-price{
	color: white;
	font-size: 1.5em;
	display: inline-block;
	margin-left: 5%;
}
.sc-group-product .sc-product-cell:last-child {
    border-right:0;
    text-align: right;
}

.sc-group-product .product-price .product-oldprice {
    text-decoration-line:line-through;
    text-decoration-color:#d81735;
}

.sc-group .sc-group-product:last-child .sc-product-cell{
	border-bottom:0;
}
.sc-group .sc-group-product:last-child{
	padding-bottom:5%; 
}
.sc-group-attendees{
	    padding: 0% 1% 1.5% 1%;
}
.sc-attendee{
	    display: block;
        padding: 0% 0% 1% 0%;
}
.sc-group-attendees .sc-attendee:first-child i{color:lightgray;cursor: unset;pointer-events: none;}
.sc-attendee input{
	display: inline-block;
	margin-left: 1%;
}

.sc-group-attendees i{
	position: relative;
    top: 5px;
	font-size: 1.5em;
	padding: 0px 10px;
	color: #565d67;
}
.sc-group-attendees > i:last-child{
	width:  50%;
	text-align:  center;
	    padding: 3px 0% 0% 0%;
}
.sc-wrapperCenter{
	text-align:center;
    margin-top: 2%;
}
.mouse-pointer {
    cursor: pointer;
}

.sc-product-cell {
    display:table-cell;
    width: 10%;
    padding: 10px 12px 10px 12px;
    border: 1px solid lightgray;
    border-top: 0;
    border-left: 0;
}
.sc-product-col-2 {
    display:table-column;
    column-span: all;
}

.shoppingcart .itemcount {
    font-size: 1em;
    pointer-events: none;
    color: white;
    display: inline;
    width: 13%;
    padding: 6px 0px 6px 0px;
    text-align: center;
    margin-top: -15px;
    margin-left: 20%;
    background-color: rgba(255,255,255,0.45);
    border: 1px solid rgba(255,255,255,0.35);
    border-radius: 1px;
}
.shoppingcart input[type=text].itemcount:hover {
    border-color: rgba(255,255,255,0.2);
}
.containerHide{
	display:none;
}

.sc-orderbutton{
	font-family: "source-sans-pro", 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
	font-size: 1em;
	border-color: #ed1a3b;
	background-color: #ed1a3b;
	color: white;
	margin: 0 1% 0 0;
} 

.sc-orderbutton[disabled] {
    background-color:#e9e9e9 !important;
}

.sc-pdfbutton, .sc-offerbutton {
	font-family: "source-sans-pro", 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-size: 1em;
    border-color: #e9e9e9 !important;
    background-color: #e9e9e9!important;
    margin: 0 1% 0 0;
    padding: 7px 26px;
}


.sc-pdfbutton:hover, .sc-offerbutton:hover {
	color: white;
    background-color: #565d67 !important;
    border-color: black!important;
}

/* Select Date Dialg */
.selectDateButton {
    width:80%;
    margin:0 20px 20px 20px;
    font-size: 1em;
    border: 0px solid #ababab;
}

.selectDateLocation {
    text-align:center;
    float:left;
}

.selectDatePrice {
    display:block;
    font-size: 1.2em;
    padding-top: 5px;
}

 .STANDARD:hover{
    background-color:rgb(242, 242, 242);
    border: 1px solid #00000061;
    color: black;
}
 .THREEMONTHS:hover{
    background-color:rgb(217, 217, 217);
    border: 1px solid #00000061;
    color: black;
}
 .SIXMONTHS:hover{
    background-color:rgb(127, 127, 127);
    border: 1px solid #00000085;
}
 .STANDARD{
 	border: 1px solid #00000000;
    background-color:rgb(242, 242, 242);
    margin-top: -2%;
    margin-bottom: 2%;
}

 .THREEMONTHS{
	border: 1px solid #00000000;
    background-color:rgb(217, 217, 217);
    margin-top:  0%;
    margin-bottom:  0%;
}

 .SIXMONTHS{
	border: 1px solid #00000000;
    background-color:rgb(127, 127, 127);
    margin-top: 2%;
    margin-bottom: -2%;
    color:white;
}

input[type=text]:hover{
	border-color:#ed1a3b;
}

button:hover{
	border-color: black;
}

button:focus{
	border-color: black !important;
    outline: -webkit-focus-ring-color auto 0px;
}

button:selected{
	border-color: black !important;
}
button:active{
	border-color: black !important;
    background-color: #ed1a3b;
}

.product-title{
	width: 40%;
}
.seminar-date{
	width: 30%;
}

.sc-bill-container table{
    margin: 0% 0% 5% 0%;	
}
.sc-bill-container tr{
    margin: 0% 0% 5% 0%;	
}
.sc-bill-container td{
	width:72%;
	font-weight: normal;
	padding: 4px;
}
.sc-bill-container td:nth-child(2){
	float: right;
    text-align: right;
    width: 100%;
}

.horizontalLine{
	border-bottom: 2px solid black;
}
.totalPrice{
	font-weight:bold;
	color: #ed1a3b;
	font-size:1.2em;
}

/*##################### Bestellbestätigung - Persöhnliche Informationen ########################################*/

input:required, select:required {
    border: 1px solid #ababab;
    border-left: 3px solid red;
    padding: 2px 0px;
}
textarea {
    width: 372px;
}
#contactDetailsForm table tr td {
    padding-right: 3%;
}

#contactDetailsForm input[type=text],
input[type=email] {
    padding: 2px 1px;
    margin-right: 10px;
    width: 380px;
}
#contactDetailsForm input[required] {
    width: 378px;
}
#contactDetailsForm input[name="acceptdataprotection"]{
	width: auto;
}
#contactDetailsForm label.error:before {
    content:"\f06a";
    font-family: "Font Awesome 5 Pro";    
    position: relative;
    margin-left:2px;
    font-weight:900;
    color:red;
}

#contactDetailsForm .shop-message {
    display: block;
    text-align: center;
    font-size: 2em;
    margin-top: 50px;
    margin-bottom: 50px;
}
#contactDetailsForm a
{
	text-decoration:underline;
}
#contactDetailsForm a.button.red{
	margin-left: 37%;
    width: 16%;
}