/******************
    User custom CSS
    ---------------

    In this file you can add your own custom CSS
    It will be loaded last, so you can override any other property.
    Also, it will never be updated. So if you inheritate a core template and just add here some CSS, you'll still benefit of all the updates
*/

.form-token input#token {
    font-size: 24px;
    /* line-height: 2; */
    height: 37px;
    width: 50%;
}
.completed-text {
    text-align: center;
    background-color: #fff;
    margin: 10%;
    padding: 25px;
    border-radius: 30px;
    -webkit-box-shadow: 2px 2px 15px -6px #000000;
    box-shadow: 2px 2px 15px -6px #000000;
}

.ls-em-tip {
    display: none;
}

.list-unstyled label::before {
    margin-top: 4px;
}
.list-unstyled label::after {
    margin-top: 4px;
}
.aceptacion
{
    text-align: center;
    margin-top: 30px;
    font-size: 18px;
}

.aceptacion input {
    width: 20px;
    height: 20px;
    margin-top: 1px;
    vertical-align: middle;
}

.limit-text-window {
    border: 4px solid #dcdcdc;
    border-radius: 10px;
    padding: 14px;
    background-color: #fff;   
}
body {
    font-size:16px;
    background-image: url('/upload/themes/survey/Proyecto_FAPESP_fruity/files/backgroundbodytrans.png');
    background-color: #048ec3;
    background-attachment: fixed;
}

.alert {
    background-color: #fff !important;
}

#dynamicReloadContainer{
    /*background-color: #90ccde;*/
    background-color: transparent;
}

em {
    font-weight: 300;
}

.navbar-toggle {
    display:none;
}

.answer-item{
    vertical-align:middle !important;
}

#outerframeContainer{
    hyphens:none;
}

.survey-welcome {
    line-height: 1.5;
}
.js{
    /*background-color: #ed8ee2;*/
}
table{
    border-radius:15px;
}
.radio-list{
    border: none;
}

.top-container {
    padding-top: 1em;
    width:86%;
    margin-left: 7%;
    margin-right: 7%;
}

.group-title {
    font-weight: bold;
    font-family: monospace;
    text-shadow: 0 0 0.5px black;
}
.question-container{
    background-color: #f5f5f5;
    border-radius: 15px;
    margin-left: 1%;
    margin-right: 1%;
}
.group-description {
    border-radius: 15px;
    margin-left: 1%;
    margin-right: 1%;
}
.group-container{
    padding-left: 5%;
    padding-right: 5%;
    border-radius: 15px;
    background-color: rgba(255, 255, 255, 0.8);
}
#ls-button-submit{
    margin-right: 6%;
    background-color: #317eac;
    border: 1px solid #317eac;
}
#ls-button-previous{
    margin-left: 6%;
    color: #4e9ac7;
    border: 1px solid #62acd9;
    background-color: #fff;
}
table.ls-answers tr {
    border: none;
}

/*------es/socioecono-------*/
body.socioecono {
    background-color: rgb(153 2 135 / 20%);
}
.es-delete .progress-bar, .socioecono .progress-bar {
    background-color: #7c036e;
}
.es-delete #dynamicReloadContainer, .socioecono #dynamicReloadContainer{
    /*background-color: #ed8ee2;*/
    padding-top: 0.01%;
    margin-bottom: -2%;
}
.es-delete .group-container, .socioecono .group-container{
    border: 1px solid #7b3a73;
}
.es-delete .group-title, .socioecono .group-title{
    color: #7c036e;
}
.es-delete .group-description,  .socioecono .group-description{
    border: 1px solid #7b3a73;
}
.es-delete .question-container, .socioecono .question-container{
    border: 1px solid #7b3a73;
}

/*---------cacsa------------*/
body.cacsa {
    background-color: rgb(2 145 191 / 20%) !important;
}

.cacsa .progress-bar {
    background-color: #0291bf;
}

.cacsa #dynamicReloadContainer{
    /*background-color: #90ccde;*/
    padding-top: 0.01%;
    margin-bottom: -2%;
}
.cacsa .group-container{
    border: 1px solid #7cb2bf;
}
.cacsa .group-title{
    color: #0291bf;
}
.cacsa .group-description {
    border: 1px solid #7cb2bf;
}
.cacsa .question-container{
    border: 1px solid #7cb2bf;
}

/*----------teq-------------*/
body.teq {
    background-color: rgb(21 145 0 / 20%) !important;
}

.teq #dynamicReloadContainer{
    /*background-color: #77dd66;*/
    padding-top: 0.01%;
    margin-bottom: -2%;
}
.teq .progress-bar{
    background-color: #159100;
}
.teq .group-container{
    border: 1px solid #77ab30;
}
.teq .group-title{
    color: #159100;
}
.teq .group-description {
    border: 1px solid #77ab30;
}
.teq .question-container{
    border: 1px solid #77ab30;
}

/*----------eea-------------*/

body.eea {
    background-color: rgb(95 124 138 / 20%);
}

.eea #dynamicReloadContainer, .eeaText #dynamicReloadContainer{
    /*background-color: #ffb347;*/
    padding-top: 0.01%;
    margin-bottom: -2%;
}
.eea .progress-bar, .eeaText .progress-bar{
    background-color: #607d8b;
}
.eea .group-container, .eeaText .group-container{
    border: 1px solid #8cb2c4;
}
.eea .group-title, .eeaText .group-title{
    color: #607d8b;
}
.eea .group-description, .eeaText .group-description{
    border: 1px solid #8cb2c4;
}
.eea .question-container, .eeaText .question-container{
    border: 1px solid #8cb2c4;
}

/*----------cyrm-------------*/

body.cyrm {
background-color: rgb(94 24 163 / 20%);
}

.cyrm #dynamicReloadContainer{
    /*background-color: #957dad;*/
    padding-top: 0.01%;
    margin-bottom: -2%;
}
.cyrm .progress-bar{
    background-color: #5e18a3;
}
.cyrm .group-container{
    border: 1px solid #8459af;
}
.cyrm .group-title{
    color: #5e18a3;
}
.cyrm .group-description {
    border: 1px solid #8459af;
}
.cyrm .question-container{
    border: 1px solid #8459af;
}

/*----------scs-------------*/
body.scs {
    background-color: rgb(127 209 237 / 20%);;
}
.scs #dynamicReloadContainer{
    /*background-color: #fa5f49;*/
    padding-top: 0.01%;
    margin-bottom: -2%;
}
.scs .progress-bar{
    background-color: #4f98b1;
}
.scs .group-container{
    border: 1px solid #7fd1ed;
}
.scs .group-title{
    color: #4f98b1;
    text-shadow: 0 0 0.8px black;
}
.scs .group-description {
    border: 1px solid #7fd1ed;
}
.scs .question-container{
    border: 1px solid #7fd1ed;
}

/*----------jira-------------*/
body.jira {
        background-color: rgb(232 163 2 / 20%);
}
.jira #dynamicReloadContainer{
    /*background-color: #f0ff54;*/
    padding-top: 0.01%;
    margin-bottom: -2%;
}
.jira .progress-bar{
    background-color: #e8a302;
}
.jira .group-container{
    border: 1px solid #e8af02;
}
.jira .group-title{
    color: #e8a302;
}
.jira .group-description {
    border: 1px solid #e8af02;
}
.jira .question-container{
    border: 1px solid #e8af02;
}


@media only screen and (max-width: 600px) {
    body.cacsa {
        /*background-color: rgba(2 145 191 / 9%) !important;*/
        background-color:#90ccde;
    }
    
    body.teq {
        background-color: #cdebc8;
    }
    
    body.eea {
        background-color: #f5d1ef;
    }
    body.cyrm {
        background-color: #d0adf3;
    }
    body.scs {
        background-color: #ffd59c;
    }
    
    body.jira {
        background-color: #f6dea4;
    }
    body.socioecono {
        background-color: #ffd0f9;
    }
}

#bootstrap-alert-box-modal .modal-dialog {
    max-width: 600px;
    margin: 30px auto;
    width: 90vw;
}