body {
    /*background-color: #fff;*/
}
main {
    padding-top: 5.5rem;
}
.navbar {
    /*background-color: #000;*/
    /*background-color: rgb(255, 123, 172);*/
    /*background-color: #34d1b2;*/
    background-color: #fff;
}
footer.page-footer {
    background-color: #6f7782;
}
body.bg-full.grass {
    /*background: url("/img/grass.jpg")no-repeat center center;*/
    /*background: url("/img/equipment_white.jpg")no-repeat center center;*/
    /*background: url("/img/sports_equipment_white.jpg")no-repeat center center;*/
    background: url("/img/grass_1.jpg")no-repeat center center;
    background-size: cover;
}
.animated {
  -webkit-animation-duration: .5s;/* Override the MDB duration - 1 second seems to long for the transformation */
  animation-duration: .5s;/* Override the MDB duration - 1 second seems to long for the transformation */
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
h1 {
    font-size: 1.8rem;
}
.btn .fa {
    font-size: 1rem;
    margin-top: -6px;
}
.md-form label {
    font-size: 0.9rem;
    font-weight: 300;
}
.form-control {
    padding: 0;
}

.card {
    background-color: rgba(255, 255, 255, 1);
}
sup {
    color: green;
}
.card.questions {
    border: none;
}
.card.questions .card-body {
    padding: 0;
}
.question-section {
    /*background-color: #fff;*/
}
.question-overview {
    /*background-color: indigo;*/
    background-color: #04447F;
    /*background-color: #455E6B;*/
    /*background-color: #388E3C;*/
    /*background-color: #18709E;*/
    /*background-color: rgba(49, 0, 52, 1.000);*/
    border-radius: .3rem 0  0 .3rem;
    color: #fff;
    padding: 20px;
    position: relative;
}
.question-form {
    background-color: #fff;
    border-radius: 0 .3rem .3rem 0;
    padding: 20px;
}
@media (max-width: 768px) {
    .question-overview {
        /*background-color: indigo;*/
        background-color: #04447F;
        /*background-color: #455E6B;*/
        /*background-color: #388E3C;*/
        /*background-color: #18709E;*/
        /*background-color: rgba(49, 0, 52, 1.000);*/
        border-radius: .3rem .3rem  0 0;
    }
    .question-form {
        background-color: #fff;
        border-radius: 0 0 .3rem .3rem;
    }
}
.survey-stage {
    position: absolute;
    bottom: 10px;
    width: calc(100% - 40px);
    text-align: center;
    font-size: 40px;
    color: rgba(255,255,255,.22);
}
@media (max-width: 768px) {
    .survey-stage {
        position: absolute;
        bottom: 3px;
        width: calc(100% - 40px);
        text-align: right;
        font-size: 30px;
        color: rgba(255,255,255,.22);
    }
    .survey-stage:before {
        content: 'Q';
    }
}
fieldset legend {
    font-size: 1rem;
}
.out-of-10 {
    color: green;
    font-size: 1.7rem;
    position: absolute;
    right: 1px;
    bottom: 24px;
}
.out-of-10 span {
    color: #ccc;
}
.support-range {
    position: relative;
}
.support-range .less-support,
.support-range .more-support {
    position: absolute;
    top: 0;
    left: 0;
    color: #999;
    font-size: .8rem;
}
.support-range .more-support {
    right: 0;
    left: auto;
}
[type="radio"]{
  margin-right: .6rem;
}
label.radio-label {
    margin-right: 20px;
}
label.range_label {
    margin-right: 50px;
}




/* iphone 10 */
@media only screen 
    and (device-width : 375px) 
    and (device-height : 812px) 
    and (-webkit-device-pixel-ratio : 3) {
        body {
            min-height: 812px; 
        }
}
/* iphone 8 */
@media only screen 
    and (device-width : 375px) 
    and (device-height : 667px) 
    and (-webkit-device-pixel-ratio : 2) {
        body {
            min-height: 667px; 
        }
}
/* iphone 8 plus */
@media only screen 
    and (device-width : 414px) 
    and (device-height : 736px) 
    and (-webkit-device-pixel-ratio : 3) {
        body {
            min-height: 736px; 
        }
}
/* Portrait */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (orientation: portrait) 
  and (-webkit-min-device-pixel-ratio: 1) {
        body {
            min-height: 1024px; 
        }
        .questions h2 {
            font-size: 125%;
        }
}

/* ----------- iPad Pro 10.5" ----------- */

@media only screen 
  and (min-device-width: 834px) 
  and (max-device-width: 834px) 
  and (orientation: portrait) 
  and (-webkit-min-device-pixel-ratio: 2) {
        body {
            min-height: 834px; 
        }
}

/* ----------- iPad Pro 12.9" ----------- */
@media only screen 
  and (min-device-width: 1024px) 
  and (max-device-width: 1024px) 
  and (orientation: portrait) 
  and (-webkit-min-device-pixel-ratio: 2) {
        body {
            min-height: 1024px; 
        }
}
/* Portrait */
@media only screen 
  and (min-device-width: 1024px) 
  and (max-device-width: 1366px) 
  and (orientation: portrait) 
  and (-webkit-min-device-pixel-ratio: 1.5) {
        body {
            min-height: 1366px; 
        }
}
@media screen and (min-width: 1080px) {
    body {
        min-height: 1080px; 
    }
}
@media screen and (min-width: 1440px) {
    body {
        min-height: 1440px; 
    }
}