*:not(input[type='text']):not(input[type='password']) {
    -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
    -khtml-user-select: none; /* Konqueror HTML */
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* Internet Explorer/Edge */
    user-select: none; /* Non-prefixed version, currently
                        supported by Chrome and Opera */    
}

body {
    background-color: #fff;
}

.bkg-color-orange {
    color: #e98000;
}

.bkg-color-gray {
    color: #858586;
}

.page {
    height: 100vh;
    /*background-image: url('../images/background.png');
    background-size: cover;
    background-position: center bottom;*/
}

.logo {
    height: 100px;
    margin-bottom: 20px;
}
.input-text {
    width: 100%;
    margin-top: 20px;
    margin-bottom: 10px;
    height: 40px;
    font-size: 20px;
    color: #58585a;
}

.send-button {
    width: 100%;
    margin-top: 10px;
    margin-bottom: 30px;
    height: 50px;
    font-size: 18px;
}

.boxintro {
    color: #58585a;
    font-size: 16px;
    font-weight: bold; 
    text-align: center;
}
.boxquestionaire, .boxadmin {
    padding-top: 30px;
}

.boxthankyou {
    width: 100%;
    display: none;
    text-align: center;
    padding-top: 100px;
}

.boxthankyou p {
    color: #58585a;
    font-size: 40px;
    font-weight: bold;    
}

.button-enabled {
    background-color: #1c9f39;
    pointer-events: all;
    color: #fff;
}

.button-enabled:hover {
    color: #fff;
}

.button-empty {
    pointer-events: none;
    opacity: 0.4;
    color: #fff;
}

.button-disabled {
    background-color: #858586;
    pointer-events: none;
    color: #fff;
}

/* Small devices "sm" (landscape phones, 576px and up) */
@media (min-width: 576px) {  
    .boxthankyou {
        padding-top: 200px;
    }
}

/* Medium devices "md" (tablets, 768px and up) */
@media (min-width: 768px) { 
    .boxquestionaire, .boxadmin {
        padding-top: 100px;
    }

    .boxintro {
        font-size: 24px;
    }
    
    .boxthankyou {
        padding-top: 200px;
    }

    .boxthankyou p {
        font-size: 60px;
    }
    
}

/* Large devices "lg" (desktops, 992px and up) */
@media (min-width: 992px) { 

}

/* Extra large devices "xl" (large desktops, 1200px and up) */
@media (min-width: 1200px) { 

}

.element {
    background-color: #fff;
    border-radius: 20px;
    border: 2px solid #1ba4ba;
    text-align: center;
    color: #009AB2;
    -webkit-box-shadow: 0px 2px 17px 1px rgba(0,0,0,0.35);
    -moz-box-shadow: 0px 2px 17px 1px rgba(0,0,0,0.35);
    box-shadow: 0px 2px 17px 1px rgba(0,0,0,0.35);
}

.element.selected {
    background: rgb(94,169,183);
    background: linear-gradient(90deg, rgba(94,169,183,1) 0%, rgba(81,184,202,1) 50%, rgba(27,164,186,1) 100%);
    color: #fff;
    border-color: rgb(255,255,255);
}

.wordcloud-element {
    height: 56px;
    margin-bottom: 10px;
    font-size: 22px;
    line-height: 56px;
    cursor: pointer;
}