.ak2-container {
border: 2px solid #f76a29;
border-radius: 4px;
background-color: #ffffff;
margin-bottom: 40px;
padding-bottom: 40px;
}
.ak2-container-heading {
background-color: #f76a29;
color: #ffffff;
font-weight: bold;
text-align: center;
margin-bottom: 30px;
padding: 10px;
}
.ak2-container-content-form { display: none;
}
.ak2-container-content-submitted { 
display: block;
} .ak2-inputgroup {
clear: both;
padding-top: 10px;
}
.ak2-inputgroup select { 
width: 100%;
border-radius: 4px;
font-size: 100%;
margin: 0;
}
.ak2-required .ak2-inputgroup-label::after {
content: "*";
color: #ff0000;
}
.ak2-helptext-button {
margin-right: 1%;
float: left;
width: 20px;
height: 20px;
margin-top: 5px;
background-image: url(//www.record2go.de/wp-content/plugins/angebotskalkulator2/img/helptext.png);
background-repeat: no-repeat;
}
.ak2-helptext {
position: absolute;
z-index: 5;
display: block;
background-color: #ffffff;
border: 1px solid #000000;
padding: 15px;
width: 400px;
}
.ak2-inputgroup input, .ak2-inputgroup select {
margin: 0 !important;
}
.ak2-inputgroup-label {
width: 23%;
float: left;
font-weight: bold;
}
.ak2-inputgroup-options {
display: block;
width: 70%;
float: left;
}
.ak2-inputgroup-options .ak2-option {
display: block;
float: left;
min-width: 180px;
margin: 4px 8px 4px 8px;
}
.ak2-inputgroup label {
display: inline !important;
}
.ak2-inputgroup-options label {
font-weight: normal;
}
.ak2-buttons {
clear: both;
padding-top: 15px;
} .ak2-event-form {
padding-left: 40px;
padding-right: 40px;
}
.ak2-event-configuration {
width: 55%;
display: inline-block;
vertical-align: top;
}
.ak2-optiontype .ak2-inputgroup-options {
border: 1px solid #dddddd;
border-radius: 4px;
}
.ak2-summary {
width: 40%;
float: right;
display: inline-block;
vertical-align: top;
border: 2px solid #f76a29;
border-radius: 4px;
border-width: 2px!important;
}
.ak2-summary h3 {
background-color: #f76a29;
text-align: center;
color: #ffffff;
font-size: 100%;
}
.ak2-summary-table {
width: 91%;
margin-left: 5%; 
}
.ak2-summary-table td {
text-align: left;
border: none;
box-shadow: none !important;
background: none !important;
padding: 0;
}
.ak2-summary-line {
border-bottom: 1px solid #dddddd;
}
.ak2-summary-table td.ak2-summary-spacer {
padding: 10px;
}
td.ak2-summary-heading,
tr.ak2-summary-heading td {
font-weight: bold;
}
.ak2-summary-price {
text-align: right !important;
font-weight: bold;
white-space: nowrap;
}
.ak2-summary-total {
border-top: 2px solid #f76a29;
}
.ak2-summary-total td {
padding-top: 10px;
font-size: 1.5em;
font-weight: bold;
} .ak2-contact-form {
padding-left: 40px;
padding-right: 40px;
}
.ak2-contact-form select,
.ak2-contact-form input
{
display: inline;
width: auto;
border-radius: 4px;
} .ak2-submitted {
text-align: center;
font-size: 100%;
} @media only screen and (max-width: 960px) {
.ak2-event-form {
padding-left: 10px;
padding-right: 10px;
}
.ak2-summary {
margin-top: 20px;
width: 100%;
}
.ak2-event-configuration {
width: 100%;
}
.ak2-inputgroup-options {
width: 100%;
}
.ak2-summary-container {
overflow: auto;
}
}