/********************************************************* ESTILOS GERAIS DO SITE *********************************************************/
/**************************************************************** BUTTONS *****************************************************************/
.btnhoverdefault{background: transparent; box-sizing: border-box; padding: 0px 16px; height: 35px; display: flex; justify-content: center; align-items: center; border-radius: 21px; color: #3AB3EC; border: 1px solid #3AB3EC; text-transform: uppercase; transition: background .5s, border .5s; cursor: pointer;}
.btnhoverdefault.transparent{background: transparent}
.btnhoverdefault.whiteborder{border: 2px solid #fff;}
.btnhoverdefault:hover{background: #3AB3EC; color: #fff;}
.btnhoverdefault.whiteborder:hover{border: 2px solid #ffffff00;}

/************************************************************** FIM BUTTONS ***************************************************************/

/***************************************************************** ICONS *****************************************************************/
.imgficheiropdf{background: url(../imgs/pdf.png) no-repeat center center / contain;}
.imgartigo{background: url(../imgs/pdf.png) no-repeat center center / contain;}
.imgweb{background: url(../imgs/website.png) no-repeat center center / contain;}
.imgdownload{background: url(../imgs/download.png) no-repeat center center / contain;}

.imgweb.bluebackground{background: url(../imgs/ligacao.png) no-repeat center center / contain;}

.logomob, .logo{ position: relative; background: url(../imgs/logo.png) no-repeat left center/ contain; float: left; clear: none; z-index: 1000; }
.logomob.collapsed, .logo.collapsed{ position: relative; background: url(../imgs/logo.png) no-repeat left center/ contain; float: left; clear: none; z-index: 1000; }

/*************************************************************** FIM ICONS ***************************************************************/

.textareadefault, .inputdefault{ width: 100%; height: 42px; text-align: left; font-weight: normal; box-sizing: border-box; border: 0; border-radius: 0px; max-width: 100%; background: transparent;}
.textareadefault{height: 145px; padding: 18px 0px 0px; resize: none;}

.inputdefault:-webkit-autofill,
.inputdefault:-webkit-autofill:hover,
.inputdefault:-webkit-autofill:focus,
.inputdefault:-webkit-autofill:active{
    -webkit-background-clip: text;
    transition: background-color 5000s ease-in-out 0s;
}


.input--hoshi{ overflow: hidden; position: relative; float: left; width: 100%; }
.input__field--hoshi{ width:100%; padding-left: 0px; padding-top: 0px;}
.input__field--hoshi::after{ margin-top: 0px; }
.input__label--hoshi{ position:absolute;bottom:0;left:0px;padding:0;padding-left:0px;width:100%;height:100%; text-align:left; pointer-events: none; font-size: 14px; font-weight: 400; }
.input__label-content--hoshi{ position:absolute; top: 50%; padding-left: 6px; margin-top:0px; transform: translateY(-50%); }
.input--filled .input__label--hoshi{ margin-top:0px;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0); }
.textarea .input__label-content--hoshi{ position:absolute; top: 20px; padding-left: 6px; margin-top:0px; }

.input__field--hoshi:focus + .input__label--hoshi .input__label-content--hoshi, .input--filled .input__label-content--hoshi{ top: 5px; font-size: 12px; }
/* .textarea .input__field--hoshi:focus + .input__label--hoshi .input__label-content--hoshi, .textarea.input--filled .input__label-content--hoshi{ top:5px; font-size:9px; } */

.customcheckbox, .customradio{ -webkit-appearance:none; -moz-appearance:none; appearance:none; background: transparent; position:relative; min-width: 15px; width: 15px; min-height: 15px; height: 15px; padding: 0; margin: 0 8px 0 0; float: left; transform-origin: 50%; cursor: pointer; border-radius: 100%; border: 1px solid #989898;}
.wrapperguntas .customcheckbox, .wrapperguntas .customradio{ -webkit-appearance:none; -moz-appearance:none; appearance:none; background: transparent; position:relative; min-width: 15px; width: 15px; min-height: 15px; height: 15px; padding: 0; margin: 0 8px 0 0; float: left; transform-origin: 50%; cursor: pointer; border-radius: 100%; border: 1px solid #fff;}
.customcheckbox.branco, .customradio.branco{background: transparent;}
.customcheckbox:checked, .customradio:checked{ appearance: none; background: #8BB8B133}
.customcheckbox:checked::after, .customradio:checked::after{ content:''; background: #848484; left: 2px; top: 2px; width: calc(100% - 4px); height: calc(100% - 4px); position: absolute; border-radius: 100%;}
.wrapperguntas .customcheckbox:checked::after, .wrapperguntas .customradio:checked::after{ content:''; background: #fff; left: 2px; top: 2px; width: calc(100% - 4px); height: calc(100% - 4px); position: absolute; border-radius: 100%;}


/******************************************************* FIM ESTILOS GERAIS DO SITE *******************************************************/