/**
 * All of the CSS for your public-facing functionality should be
 * included in this file.
 */

.marginT1 {
    margin-top: 10px;
}
.feedbackTitulo {
    margin-bottom: 10px;
}
#boxFeedback {
    width: 370px;
    position: fixed;
    left: -340px;
    /*bottom: 10px;*/
    top: 450px;
    transition: left .5s ease;
    z-index: 99;
    background-color: transparent;
} 
.boxFeedback {
    left: 0px !important;
}
.boxFeedback input[type=radio]:focus {
    outline: 0;
}
#conteudoFeedback {
    min-height: 160px;
    background: #f5f5f5;
    float: left;
    width: 335px;
    overflow-y: auto;
    padding:20px; 
    font-size: 14px;
    /*border-radius: 0 0 30px 0;*/
}
#iconFeedback {
    width: 35px;
    float: right;
    cursor: pointer;
    position: relative;
}
/*
#iconFeedback::after {
    content: "";
    position: absolute;
    border: 37px solid rgba(0,0,0,0);
    border-top: 23px solid #06455c;
    top: 119px;
    left: -38px;
    z-index: -1;
    width: 10px;
}
*/
#feedbackFechar {
    float: right;
    cursor: pointer;
    margin-left: 10px;
}
#feedbackFechar:hover {
    color: #999;
}
#conteudoFeedback h1 {
    font-size: 20px;
    display: inline;
    margin: 0;
}
#conteudoFeedback h2 {
    font-size: 14px;
    padding: 1.5em 0 0;
    border: 0;
    color: #666;
    width: auto;
}
.rowQuestion {
    border-bottom: 1px dotted #ddd;
    padding: 10px 0;
}
.im-loading {
    display: flex;
    align-items: center;
    min-height: 120px;
}
.im-error {
    display: flex;
    justify-content: center;
    flex-direction: column;
    min-height: 120px;
}
.im-error .alert {
    margin: 0 !important;
}

/* Stars */
.star1,.star2,.star3,.star4,.star5 {
    color: #999;
    font-size: 18px;
    cursor: pointer;
}
.starA {
    color: #F00;
}
.starClick {
    color: orange;
}

/* Radio */
.feedRadio {
    display: inline-block;
    padding: 0.5em;
}
.feedRadio label {
    display: block;
    margin-bottom: 0;
}
.feedRadio input[type=radio] {
    margin: 0;
}
.rowLikert label {
    display: inline-block;
}
.im-questions {
    max-height: 300px;
    overflow-y: auto;
    overflow-x: hidden;
}
.feedback-message {
    display: none;
    text-align: center;
}
#formdata-submit {
    font-weight: 800;
}
#survey-submit {
    font-size: 14px;
    margin-top: 6px;
}

.spinner-border {
    display: inline-block;
    width: 2rem;
    height: 2rem;
    vertical-align: text-bottom;
    border: .25em solid currentColor;
    border-right-color: transparent;
    border-radius: 50%;
    -webkit-animation: spinner-border .75s linear infinite;
    animation: spinner-border .75s linear infinite;
}

@media(max-height: 600px){
    #boxFeedback{
        top: 10%;
    }
}
@media (max-width: 768px){
    #boxFeedback{
        top: 80px;
    }
}
@media(max-height: 992px){
    #boxFeedback{
        top: 30%;
    }
}

/*
body.page #boxFeedback,
body.single #boxFeedback {
    position: initial;
    width: 100%;
    margin-top: 3em;
}
body.page #conteudoFeedback,
body.single #conteudoFeedback {
    margin: 0 auto;
    float: none;
    text-align: center;
}
body.page #iconFeedback,
body.single #iconFeedback {
    display: none;
}
body.page #feedbackFechar,
body.single #feedbackFechar {
    visibility: hidden;
    position: absolute;
}
body.page .im-questions,
body.single .im-questions {
    max-height: none;
}
body.page .rowOptions,
body.single .rowOptions {
    text-align: left;
}

@media (max-width: 768px){
    body.page #conteudoFeedback,
    body.single #conteudoFeedback {
        width: 100%;
    }
}
*/