.stepwizard-step > .btn-circle.btn-default:not(.btn-primary){
	border-color: #000;
	color: #000;
	background-color: #fff;
}

.stepwizard-step p {
    margin-top: 10px;
}

.stepwizard-step a {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.stepwizard-row {
    display: table-row;
}

.stepwizard {
    display: table;
    /*width: 100%;*/
    position: relative;
    margin-bottom: 2em;
}

.stepwizard-step button[disabled] {
    opacity: 1 !important;
    filter: alpha(opacity=100) !important;
}

.stepwizard-row:before {
    top: 24px;
    bottom: 0;
    position: absolute;
    content: " ";
    width: 100%;
    height: 1px;
    background-color: #ccc;
    z-order: 0;

}

.stepwizard-step {
    display: table-cell;
    text-align: center;
    position: relative;
    width: 20vw !important;
}

.btn-circle {
    width: 50px;
    height: 50px;
    text-align: center;
    padding: 16px 21px;
    font-size: 12px;
    line-height: 1.428571429;
    border-radius: 25px;
}

@media all and (max-width:550px) {
    .stepwizard-step {
        width: unset;
    }
    .stepwizard-step p {
        display: none;
    }
}
/*****************************************************
    Step 2 - Calculation
 */

#mapid { height: 360px; }
.mode-of-transports{
    display: flex;
    flex-direction: row;
    margin: 10px auto;
    padding-left: 0;
}

.mode-of-transports li{
    flex-grow: 1;
    flex-basis: 0;
    padding: .75rem 10px;
    text-align: center;
}
.mode-of-transports li .badge{
    font-size: 12px;
}

.mode-of-transport {
    /*flex: auto;*/
    /*display: flex;*/
    /*flex-direction: column;*/
    padding: 15px;
    /*margin: 10px;*/
    width: 15%;
}
.mode-of-transport.active {
    background-color: #00A0D1;
}
/*
.mode-of-transport.active {
    -webkit-box-shadow: inset 0px 0px 5px 8px aliceblue;
    -moz-box-shadow: inset 0px 0px 5px 8px aliceblue;
    box-shadow: inset 0px 0px 5px 8px aliceblue;
}
*/
.mode-of-transport.active > .icon-box-animation-1:not(.icon-box-animation-1-light)::before,
.mode-of-transport.active > .icon-box-animation-1:not(.icon-box-animation-1-light)::after,
.mode-of-transport.active .icon-box-animation-1:not(.icon-box-animation-1-light) .icon-box::before,
.mode-of-transport.active .icon-box-animation-1:not(.icon-box-animation-1-light) .icon-box::after {
    border-color: #2388ed;
}
.mode-of-transport.active > .icon-box-animation-1::before, .mode-of-transport.active > .icon-box-animation-1::after {
    width: 100%;
}
.mode-of-transport.active .icon-box-animation-1 .icon-box::before,
.mode-of-transport.active .icon-box-animation-1 .icon-box::after {
    height: 100%;
}

.mode-of-transport div div {
    cursor: pointer;
}

.total {
    font-weight: bold;
    font-size: 24px;
}

.extras {
    /* ausgeblendet, da aktuell nicht genutzt */
    /*display: none;*/
}
.extras {
    margin: 10px;
    border: gray 2px solid;
    border-radius: 6px;
}
.extras-header {
    padding: 10px;
    background-color: #2388ed;
}
.extras-header h4 {
    margin: 0;
    color: white;
}
.extra-content {
    padding: 1em;
}
.extra-content > * {
    margin-bottom: 5px;
}
.extra-check {
    margin-right: 5px;
}

.total-container {
    margin: 10px;
    border: gray 2px solid;
    border-radius: 6px;
}
.total-header {
    padding: 10px;
    background-color: #2388ED;
}
.total-header h4 {
    margin: 0;
    color: white;
}
.total-content {
    padding: 1em;
}

/**********************************************\
    Pure CSS Form (overwrite bootstrap)
 */

.pure-form fieldset {
    margin: 0!important;
    padding: .35em 0 .75em!important;
    border: 0!important;
}
.pure-form-aligned .pure-control-group {
    margin-bottom: .5em!important;
}
.pure-form-aligned .pure-control-group label {
    text-align: right!important;
    display: inline-block!important;
    vertical-align: middle!important;
    width: 10em!important;
    margin: 0 1em 0 0!important;
}
.pure-form input[type=password],
.pure-form input[type=email],
.pure-form input[type=url],
.pure-form input[type=date],
.pure-form input[type=month],
.pure-form input[type=time],
.pure-form input[type=datetime],
.pure-form input[type=datetime-local],
.pure-form input[type=week],
.pure-form input[type=tel],
.pure-form input[type=color],
.pure-form input[type=number],
.pure-form input[type=search],
.pure-form input[type=text],
.pure-form select:not(.choices__input),
.pure-form textarea {
    padding: .5em .6em!important;
    display: inline-block!important;
    border: 1px solid #ccc!important;
    box-shadow: inset 0 1px 3px #ddd!important;
    /*border-radius: 4px!important;*/
    vertical-align: middle!important;
    box-sizing: border-box!important;

    width: 60%;
}
.pure-form .pure-help-inline,
.pure-form-message-inline {
    display: inline-block;
    padding-left: .3em;
    color: #666;
    vertical-align: middle;
    font-size: .875em;

    margin-left: 10px;
}

.panel-accordion .choices__list{
	max-height: 150px!important;
}

.panel-accordion .pure-form-message-inline {
	background-color: orange;
	padding: 4px;
	color: black;
	/*border-radius: 3px;*/
}