body{
    font-size: 14px !important;
    background-image: url('../resources/imagens/redox_02.png');
}
.container{
    background: #fefefe;
    border-radius: 4px;
    margin-top: 2px;
    padding-bottom: 10px;
}
.header_procedimento{
    text-align: left;
    padding: 10px;
}
.footer{
    margin: 20px 0px;
}
.container_passo{
    text-align: right;
    border: 1px solid #cfcfcf;
    border-radius: 4px;
    padding-top: 15px;
    margin-bottom: 20px;
}
.opcao_steps{
    display: inline-block;
}
.opcao_steps.titulo{
    float: left;
    font-size: 1.75em;
    padding: 8px;
    padding-left: 30px;
    color: #1A4950;
    text-align: center;
}
.opcao_steps.titulo h2{
    font-size: 20px;
    margin: 0px;
    padding: 0px;
}
.steps_briefing{
    text-align: right;
    list-style: none;
    display: inline-block;
    margin: 0px;
    padding: 0px;
}

.steps_briefing li{
    display: inline-block;
    padding: 10px 20px;
    text-align: center;
    position: relative;
    width: 120px;
    font-size: 18px;
}
.steps_briefing a{
    color:#cc3333;
    text-decoration: underline;
}
.steps_briefing a:hover{
    color: #1A4950 !important;
}
.steps_briefing p{
    font-size: 14px;
}
.steps_briefing li .linha{
    border: 1px solid #ccc;
    position: absolute;
    width: 105px;
    top: 22px;
    left: 69px;
}
.steps_briefing li .linha.preenchida{
    width: 0px;
    transition: 1s all ease;
    height: 3px;
    background: #cc3333;
    z-index: 2;
    top: 21px;
    border: none;
}
.icone_hidden{
    display: none;
}

.btn_step{
    color: #cc3333;
    font-weight: bold;
}

.steps_briefing.step_0 .etapa_dominio .icone,
.steps_briefing.step_1 .etapa_certificado_ssl .icone,
.steps_briefing.step_2 .etapa_documento .icone,
.steps_briefing.step_3 .etapa_emails .icone,
.steps_briefing.step_4 .etapa_logomarca .icone,
.steps_briefing.step_5 .etapa_perguntas .icone{
    color: #cc3333;
    z-index: 0;
    background: #fff;
}

.titulo_etapa_processo{
    margin-bottom: 10px;
    text-align: center;
    font-size: 20px;
}
.btn{
    background: none !important;
    margin: 1px;
}
.btn-primary {
    color: #fff !important;
    background-color: #1A4950 !important;
    border-color: #1A4950 !important;
}
.btn-primary:hover {
    color: #fff !important;
    background-color: #cc3333 !important;
    border-color: #0062cc !important;
}
.btn-danger{
    color: #fff;
    background-color: #dc3545 !important;
    border-color: #dc3545 !important;
}
.btn-danger:hover {
    background-color: #c82333 !important;
    border-color: #bd2130 !important;
}
.dominios_sugeridos{
    background: #ddd;
    border-radius: 4px;
    padding: 1px 20px;
}
.dominio_sugerido{
    padding: 10px;
    background: #fff;
    margin: 5px;
    border-radius: 4px;
    border: 1px solid #f8f8f8;
    position: relative;
}
.titulo_dominio{
    font-size: 20px;
}
.status_dominio{
}
.status_dominio.disponivel{
    color: #0ebb13;
}
.status_dominio.indisponivel{
    color: #cc3333;
}
.opcoes_dominio{
    text-align: right;
}
.opcoes_dominio button{
    min-width: 170px;
    padding: 0px;
}
.opcoes_dominio.selecionado button{
    min-width: 0px;
}
.conteudo_dominio_selecionado{
    display: inline-block;
    width: 100px;
}
.duvida-frequente{
    margin: -13px -20px;
    border-top: 1px solid #ccc;
    margin-top: 10px;
    border-left: 4px solid #dc3545;
    padding: 20px;
    display: none;
}
.perguntas_frequentes li:hover{
    background: #efefef;
}
.perguntas_frequentes li{
    cursor: pointer;
}
.ui-inputfield{
    box-shadow: none;
}
.ui-inputfield:focus{
    box-shadow: inset 0 1px 2px rgba(0,0,0,.075), 0 0 0 0.2rem rgba(0,123,255,.25);
}
.ui-widget{
    font-family: inherit;
    font-size: 1em;
}
.ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error{
}
.container_form_dados{
    margin-top: 10px;
    border-top: 1px solid #dedede;
    padding: 0px 15px;
}
.container_form_dados .row{
    padding: 5px;
}
.container_form_dados .row .col-md-4{
    padding: 12px 0px;
}
.container_form_dados.lista .row{
    padding: 5px;
    display: table;
    width: 100%;
}
.container_form_dados.lista .row > div{
    vertical-align: middle !important;
    display: table-cell;
}
.container_form_dados.lista .row .col-md-4{
    padding-left: 25px;
    font-weight: bold;
    width: 33%;
}
.container_form_dados .row:nth-child(odd){
    background: #f8f8f8;
}
.container_form_dados p{
    margin: 0px;
    font-size: 0.8rem;
}
.container_form_dados .pergunta_briefing{
    background: #fcfcfc !important;
    margin: 10px 0px;
    padding-bottom: 10px;
    margin-bottom: 10px;
}
.pergunta_briefing.obrigatoria{
    border-left: 3px solid #cc3333;
}
.form-dados{
    font-size: 12px;
    height: 50px;
    border-bottom-left-radius: 0px;
    border-top-left-radius: 0px;
}
.container_form_dados .btn-outline-secondary{
    font-size: 20px;
    padding: 9px 15px;
}
.btn-outline-secondary:hover{
    color: #cc3333 !important
}

.btn-outline-secondary.active{
    color: #cc3333 !important;
    font-weight: bold !important;
}

.link{
    color: #007bff;
    text-decoration: none;
    background-color: transparent;
    -webkit-text-decoration-skip: objects;
    cursor: pointer;
}
.link:hover {
    color: #0056b3;
    text-decoration: underline;
}
.row.email_principal{
    border: 1px solid #1A4950;
    border-radius: 3px;
}
.row.email.hidden{
    display: none;
}
.input-group.erro
{
    position: relative;
}
.input-group.erro input{
    border-color: #ff7700;
}
.input-group .feedback{
    display: none;
    right: 0px;
    color: #ff7700;
    top: 0px;
    font-size: 33px;
}
.input-group .feedback .input-group-text{
    color: #ff7700;
}
.input-group.erro .feedback{
    display: inline-flex;
}
.form_html h2{
    font-size: 18px;
}
.form_html .row{
    padding: 0px;
}
.opcao_etapa_briefing{
    margin-top: 25px;
    text-align: center;
    padding: .75rem 1.25rem;
    background-color: rgba(0,0,0,.03);
    border: 1px solid rgba(0,0,0,.125);
}
.hidden_file_upload .ui-fileupload-buttonbar{
    display: none;
}
.hidden_file_upload .ui-fileupload-content{
    background: #fff;
    padding: 0px;
    border: 0px;
}
.hidden_file_upload .ui-fileupload-files{
    margin: 0px;
}
.hidden_file_upload .ui-messages-error-icon{
    display: none;
}
.hidden_file_upload .ui-messages-error ul{
    margin-left: 0px;
}
.exibicao_logomarca{
    border-top: 1px solid #d7d7d7;
    text-align: center;
    margin-top: 20px;
    padding-top: 20px;
}
.opcao_salvar_briefing{
    margin: 0px 10px;
    max-width: 100%;
    text-align: center;
    position: fixed;
    bottom: 5px;
    left: 0px;
    right: 0px;
    background: rgba(255,255,255,0.5);
    z-index: 2;
    padding: 10px;
    -webkit-box-shadow: 0px 0px 9px 1px rgba(0,0,0,0.68);
    -moz-box-shadow: 0px 0px 9px 1px rgba(0,0,0,0.68);
    box-shadow: 0px 0px 9px 1px rgba(0,0,0,0.68);
}
.dialog-50{
    max-width: 50% !important;
}
.dialog-70{
    max-width: 70% !important;
}
.item_contrato_aditivo{
    display: block;
    background: #dedede;
    border-radius: 4px;
    margin: 5px 0px;
    padding: 6px 12px;
    color: #1A4950;
    position: relative;
}
.item_contrato_aditivo .visualizacao{
    position: absolute;
    right: 12px;
    top: 5px;
}
.plano_sugerido{
    margin-bottom: 2px;
    padding-top: 2px !important;
    border-radius: 4px;
    padding: 0px 10px;
}
.plano_sugerido:nth-child(odd){
    background-color: #f1f1f1;
}
.plano_sugerido div{
    padding-top: 0px !important;
}
.plano_sugerido .col-md-8{
}
.item_plano_sugerido{
    background: #f5f5f5;
    padding: 0px;
    border-radius: 4px;
    text-align: center;
    margin: 5px 30px;
    border: 1px solid #dedede;
    transition: all ease 0.5s;
    font-size: 14px;
    position: relative;
    color: #1b4950;
}
.item_plano_sugerido:not(:last-child):before{
    content: 'ou';
    background-color: #1a4950;
    position: absolute;
    border-radius: 5px;
    right: -50px;
    color: #fff;
    top: 50%;
    transform: translateY(-50%);
    padding: 0px 10px;
    padding-bottom: 4px;
}
.item_plano_sugerido:hover{
    background: #fff;
    cursor: pointer;
    transform: scale(1.03);
}
.item_plano_sugerido label{
    width: 100%;
}
.item_plano_sugerido .titulo{
    padding-top: 5px;
}
.descricao_valor{
    font-size:150%;
    font-weight:bold;
    margin: 10px 0px;
}
.valor_desconto{
    font-size: 75%;
    border-top: 1px solid #ddd;
    margin-top: 10px;
    padding-top: 5px !important;
}
.dominio_adicao_email{
    border: 1px solid #ddd;
    padding: 0px 15px;
    border-radius: 3px;
    padding-bottom: 15px;
    margin-bottom: 25px;
}
.dominio_adicao_email > .titulo{
    font-size: 150%;
    padding: 10px 0px;
    font-weight: bold;
}

.item_plano_sugerido.email.anterior{
}
.item_plano_sugerido.email.adicional .icone{
}
.item_plano_sugerido.email.adicional{
    border-color:#f39c12;
}
.item_plano_sugerido.email.adicional .icone{
    color:#f39c12;
}
.item_plano_sugerido.email.total{
    border-color:#2ecc71;
}
.item_plano_sugerido.email.total .icone{
    color:#2ecc71;
}

.item_plano_sugerido.email:not(:last-child):before{
    content: 'ou';
    background-color: #fff;
    position: absolute;
    border-radius: 5px;
    right: -63px;
    color: #fff;
    top: 50%;
    transform: translateY(-50%);
    padding: 0px 10px;
    padding-bottom: -4px;
    width: 0;
    height: 0;
    border-top: 20px solid transparent;
    border-bottom: 20px solid transparent;
    border-left: 20px solid #1a4950;
}
.item_email{
    padding: 5px 10px;
    border-radius: 4px;
}
.item_email:nth-child(even){
    background: #fff;
}
.hvr-bounce-in:active, .hvr-bounce-in:focus, .hvr-bounce-in:hover{
    transform: scale(1.05) !important;
}
.border-top{
    margin: 0px -15px;
    position: relative;
    overflow: hidden;
    height: 5px;
}
.border-top div:nth-child(1){
    width: 50%;
    height: 10px;
    background-color: #014950;
    position: absolute;
    z-index: 1;
    border-top-left-radius: 3px;
}
.border-top div:nth-child(1)::after{
    content: "";
    position: absolute;
    z-index: 2;
    top: -5px;
    right: -1px;
    width: 3px;
    height: 15px;
    transform: rotate(50deg);
    background-color: #fff;
}
.border-top div:nth-child(2){
    width: 70%;
    height: 10px;
    background-color: #cc3333;
    position: absolute;
    right: 0px;
    border-top-right-radius: 3px;
}
.confirmacao_produto{
    vertical-align: middle;
    text-align: right;
    padding-top: 15px;
}
@media (max-width: 768px){
    .opcao_steps{
        display: block;
    }
    .opcao_steps.titulo{
        float: none;
        padding-left: 0px;
    }
    .opcoes_dominio{
        margin-top: 5px;
        text-align: center;
    }
    .dominio_sugerido > div {
        margin-top: 5px;
        text-align: center;
    }
    .dominio_sugerido div:not(.titulo_dominio):not(.opcoes_dominio){
        padding-top: 0px;
    }
    .steps_briefing{
        text-align: center;
    }
    .steps_briefing li .linha{
        display: none;
    }
    .container_form_dadosl.lista .row{
        display: flex;
    }
    .container_form_dados.lista .row .col-md-4{
        width: 100%;
        display: block;
    }
    .dialog-50, .dialog-70{
        max-width: 100% !important;
    }
    .item_plano_sugerido{
        max-width: 100%;
        margin: 33px 5px;
    }
    .item_plano_sugerido:not(:last-child):before{
        left: 50%;
        right: 70px;
        transform: translateX(-50%);
        top:initial;
        bottom: -48px;
    }
    .item_plano_sugerido.email:not(:last-child):before{
        padding: 0px;
        left: 50%;
        transform: translateX(-50%);
        top: initial;
        bottom: -45px;
        width: 0;
        height: 0;
        border-bottom: initial;
        border-left: 25px solid transparent;
        border-right: 25px solid transparent;
        border-top: 25px solid #1b4950;
    }
    .confirmacao_produto{
        text-align: center;
    }
}
.btn-success {
    color: #fff !important;
    background-color: #28a745 !important;
    border-color: #28a745 !important;
}
.btn-success:hover {
    color: #fff !important;
    background-color: #218838 !important;
    border-color: #1e7e34 !important;
}