/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/


/* 
    Created on : 10-mar-2021, 19:51:23
    Author     : Spira
*/

#main-container {
    background-image: url("/assets/images/background_sky_stars.jpg");
    margin-top: 50px;
    margin-bottom: 0;
    padding-bottom: 0;
}

@media(max-width: 767px) {
    #main-container {
        background-image: url(/assets/images/background_sky_stars_mobile.jpg);
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
        margin-top: 0;
        width: 100vw;
        height: 104vh;
    }
    .row.form-control-static.align-items-center {
        margin-bottom: -30px;
    }
    .div-answer-grey {
        text-align: left !important;
    }
    input.btn.btn-rounded-red.next.action-button {
        margin-top: 30px;
        margin-bottom: 60px;
    }
    #msform {
        margin-top: 0;
    }
}

.content-link {
    display: inline;
    /*border-radius: 20px;*/
    /*background-color: white;*/
    color: #E5E6E7 !important;
    padding: 5px;
    font-size: 20px;
    word-wrap: break-word;
}

.copy-link {
    text-decoration: underline;
    font-size: 14px;
    cursor: pointer;
    margin-top: 20px;
}

.btn-rounded-white {
    border-radius: 20px;
    background-color: white;
    color: #757575 !important;
    padding: 5px 50px 5px 50px;
    font-size: 18px;
}

.btn-rounded-green {
    border-radius: 20px;
    background-color: #1C9D92;
    color: white;
    padding: 5px 50px 5px 50px;
    font-size: 18px;
    font-weight: bold;
}

.btn-rounded-green:hover {
    border-radius: 20px;
    background-color: #1C9D92;
    color: white;
    padding: 5px 50px 5px 50px;
    font-size: 18px;
    font-weight: bold;
}

.btn-rounded-green-results {
    border-radius: 20px;
    background-color: #1C9D92;
    color: white;
    padding: 5px 50px 5px 50px;
    font-size: 18px;
    border: 2px solid;
    font-weight: bold;
    border-color: white !important;
}

.btn-rounded-green-results:hover {
    border-radius: 20px;
    background-color: #1C9D92;
    color: white;
    padding: 5px 50px 5px 50px;
    font-size: 18px;
    border: 2px solid;
    font-weight: bold;
    border-color: white !important;
}

.input-grey {
    padding: 8px 12px;
    background-color: #E5E6E7;
    border-radius: 25px;
    font-size: 20px;
    color: #75759A !important;
    margin-bottom: 8px;
}

.input-grey:focus {
    color: #75759A !important;
}

.input-white {
    background-color: white;
    border-radius: 25px;
}

.input-green {
    color: white !important;
    border-color: #1C9D92 !important;
    background-color: #1C9D92 !important;
    border-radius: 25px;
}

.form-control:focus {
    border-color: inherit;
    -webkit-box-shadow: none;
    box-shadow: none;
}

select,
input {
    color: #757575;
    font-size: 16px;
}

option:not(first-child) {
    color: #759BC2;
}

.error {
    color: #ED1C27 !important;
    font-size: 14px;
}

.div-answer-grey {
    margin: 5px;
    text-align: justify;
    padding: 10px 20px 10px 20px;
    margin-left: 10px;
    background-color: #E5E6E7;
    border-radius: 25px;
    font-size: 18px;
}

.div-answer-green {
    margin: 5px;
    color: white;
    text-align: justify;
    padding: 10px 20px 10px 20px;
    margin-left: 10px;
    border-color: #1C9D92 !important;
    background-color: #1C9D92 !important;
    border-radius: 25px;
    font-size: 18px;
}

.label-black {
    color: black;
    font-size: 16px;
}