.ma-name {
    color: rgb(185, 176, 138);
    font-size: 20px;
    font-weight: bold;
    cursor: default;
    margin-bottom: 20px;
    padding-left:60px;
}

.ma-description {
    color: gray;
    font-size: 18px;
    cursor: default;
    margin-top: 0px;
    margin-bottom: 40px;
    padding-left: 60px;
    padding-right: 40px;
}

.ma-result-header {
    font-size: 20px;
    text-align: center;
    padding: 0px;
    margin-top: 10px;
    margin-bottom: 10px;
    font-weight: bold;
}

.ma-result {
    color: rgb(185, 176, 138);
    font-size: 20px;
    border: 0px;
    border-radius: 5px;
    font-weight: bold;
    cursor: default;
    text-align: center;
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 8px;
    margin-bottom: 0px;
    padding-left: 0px;
    padding-right: 0px;
}

.ma-pill {
    padding: 15px 15px 10px 15px;
}

.contract {
    background-color: rgb(185, 176, 138);
    color: white;
    font-size: 20px;
    cursor: pointer;
    padding-left: 20px;
    padding-top: 10px;
    padding-bottom: 10px;
    margin-bottom: 0px;
    border-radius: 5px;
}

.contract-short-name {
    font-size: 16px;
    margin-left: 0px;
}

.contract-name {
    font-size: 18px;
    max-width: 160px;
    margin-left: 10px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

@media all and (max-width: 750px) {
    .contract-short-name {
        max-width: none;
    }
    .contract-name {
        max-width: none;
    }
}


.contract-result {
    color: white;
    font-size: 22px;
    font-weight: bold;
    cursor: pointer;
    /*float: right;*/
    text-align: center;
    margin-right: 0px;
}

.form {
    margin-left: 0px;
    margin-bottom: 0px;
    color: rgb(185, 176, 138);
    font-size: 18px;
    cursor: pointer;
}

    .form.icon.selected {
        color: rgb(185, 176, 138);
    }

    .form.icon.not-selected {
        color: lightgray;
    }

    .form.name.selected {
        color: white;
        margin-left: 10px;
    }

    .form.name.not-selected {
        color: white;
        margin-left: 10px;
    }

    .form.result {
        font-size: 18px;
        font-weight: bold;
        cursor: pointer;
        /*float: right;*/
        text-align: center;
        margin-right: 20px;
    }

        .form.result.selected {
            color: white;
        }

        .form.result.not-selected {
            color: white;
        }

.not_contract_yet_defined {
    font-size: 18px;
    margin-left: 60px;
    margin-bottom: 20px;
    color: red;
}

.not_form_yet_defined {
    font-size: 18px;
    margin-left: 60px;
    margin-bottom: 20px;
    color: red;
}

.field-description{
    color:lightgray;
    font-style:italic;
    text-align:center;
    margin-bottom:10px;
}

/* Toggle-Switch */
input:checked + .switch-slider {
    background-color: rgb(185, 176, 138);
}

input:focus + .switch-slider {
    box-shadow: 0 0 1px rgb(185, 176, 138);
}

/* Radio button */
.funkyradio-success input[type="radio"]:checked ~ label:before,
.funkyradio-success input[type="checkbox"]:checked ~ label:before {
    background-color: rgb(185, 176, 138);
}

/* Collapsable panels */

.panel {
    border: 0px;
    -webkit-box-shadow: 0 0px 0px rgba(0, 0, 0, 0.05); /* Remove default gray shadow on collapsible element */
    box-shadow: 0 ;

}

    .panel.panel-default {
        border-radius: 5px;
    }

        .panel.panel-default.form {
            background-color: white;
            border: 0;
        }

.panel-title.contract-title {
    font-size: 24px;
}

.panel-title.contract-selected {
    color: white;
    font-size: 24px;
    margin-right: 10px;
}

.panel-title.contract-description {
    font-size: 20px;
    margin-left: 40px;
    margin-top: 15px;
    margin-bottom: 20px;
    margin-right: 40px;
}

.panel-title.form-title {
    font-size: 18px;
}

.panel-title.form-selected {
    color: green;
    font-size: 18px;
    margin-right: 10px;
}

.panel-title.form-not_selected {
    display: none;
    color: lightgray;
    font-size: 18px;
    margin-right: 10px;
}

.panel-title.form-description {
    font-size: 18px;
    margin-top: 15px;
    margin-bottom: 15px;
}

.panel-heading {
    background-color: white;
    border: 0px;
}

.panel-heading.contract {
    cursor: pointer;
    border-bottom: 1px white solid;
    color: white;
    border-radius: 5px;
}

    .panel-heading.contract .accordion-toggle:after {
        color: white; /* adjust as needed */
    }

.panel-heading.form {
    cursor: pointer;
    color: white;
    border-radius: 5px;
}

    .panel-heading.form .accordion-toggle:after {
        color: white; /* adjust as needed */
    }

    .panel-heading .accordion-toggle:after {
        /* symbol for "opening" panels */
        font-family: 'Glyphicons Halflings'; /* essential for enabling glyphicon */
        content: "\e113"; /* adjust as needed, taken from bootstrap.css */
        float: right; /* adjust as needed */
        color: grey; /* adjust as needed */
        margin-top: 0px;
    }

    .panel-heading .accordion-toggle.collapsed:after {
        /* symbol for "collapsed" panels */
        content: "\e114"; /* adjust as needed, taken from bootstrap.css */
    }

.panel-body.contract {
    background-color: white;
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 0px;
}

.panel-body.form {
    background-color: white;
    padding-top: 0px;
}

.column.contract-title-left {
    width: 55%;
    background-color: none;
    float: left;
    padding-left: 20px;
}

.column.contract-title-right {
    cursor: pointer;
    width: 30%;
    background-color: none;
    float: right;
    text-align: center;
}

.column.contract-description-left {
    font-size:18px;
    width: 75%;
    background-color: none;
    float: left;
    padding-left: 20px;
    padding-right: 20px;
}

.column.contract-description-right {
    width: 25%;
    background-color: none;
    float: right;
    text-align: center;
}

/* Clear floats after the columns */
.row:after {
    content: "";
    display: table;
    clear: both;
}

.buttons {
    margin-top: 5px;
    min-width: 100px;
    max-width: 100px;
    white-space: normal;
    border: 0px;
    border-radius: 5px;
    padding: 10px !important;
    font-size: 12px;
    text-transform:none;
}

    .buttons.advantages {
        font-size: 20px;
        min-width: 50px;
        max-width: 50px;
        border: 0;
        border-radius: 100%;
        background-color: gray !important;
        color: white;
    }

        .buttons.advantages:hover {
            filter: brightness(115%);
        }

        .buttons.advantages:focus {
            outline-width: 0;
        }

    .buttons.calculate {
        background-color: darkorange;
    }

        .buttons.calculate:hover {
            background-color: orange;
        }

        .buttons.calculate:focus {
            outline-width: 0;
        }

    .buttons.select {
        background-color: green;
    }

        .buttons.select:hover {
            background-color: forestgreen;
        }

        .buttons.select:focus {
            outline-width: 0;
        }

    .buttons.summary {
        background-color: rgb(88, 90, 85);
    }

        .buttons.summary:hover {
            background-color: rgb(128, 130, 123);
        }

        .buttons.summary:focus {
            outline-width: 0;
        }


/*.contract-tab-header img {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%) brightness(50%);
}

    .contract-tab-header:hover img {
        filter: brightness(150%);
    }*/