@font-face {
   font-family: UnimedSlab-Bold;
   src: url('../fonts/UnimedSlab-Bold.ttf');
 }

 @font-face {
   font-family: UnimedSlab-Regular;
   src: url('../fonts/UnimedSlab-Regular.ttf');
 }

 @font-face {
   font-family: Unimed-Regular;
   src: url('../fonts/Unimed-Regular.ttf');
 }

 /*//////////////////////////////////////////////////////////////////
[ RESTYLE TAG ]*/

 /*---------------------------------------------*/

 input {
   outline: none;
   border: none;
 }

 input[type="number"] {
   -moz-appearance: textfield;
   appearance: none;
   -webkit-appearance: none;
 }

 input[type="number"]::-webkit-outer-spin-button, input[type="number"]::-webkit-inner-spin-button {
   -webkit-appearance: none;
 }

 textarea {
   outline: none;
   border: none;
 }

 textarea:focus, input:focus {
   border-color: transparent !important;
 }

 input:focus::-webkit-input-placeholder {
   color: transparent;
 }

 input:focus:-moz-placeholder {
   color: transparent;
 }

 input:focus::-moz-placeholder {
   color: transparent;
 }

 input:focus:-ms-input-placeholder {
   color: transparent;
 }

 textarea:focus::-webkit-input-placeholder {
   color: transparent;
 }

 textarea:focus:-moz-placeholder {
   color: transparent;
 }

 textarea:focus::-moz-placeholder {
   color: transparent;
 }

 textarea:focus:-ms-input-placeholder {
   color: transparent;
 }

 input::-webkit-input-placeholder {
   color: #adadad;
 }

 input:-moz-placeholder {
   color: #adadad;
 }

 input::-moz-placeholder {
   color: #adadad;
 }

 input:-ms-input-placeholder {
   color: #adadad;
 }

 textarea::-webkit-input-placeholder {
   color: #adadad;
 }

 textarea:-moz-placeholder {
   color: #adadad;
 }

 textarea::-moz-placeholder {
   color: #adadad;
 }

 textarea:-ms-input-placeholder {
   color: #adadad;
 }

 /*---------------------------------------------*/

 button {
   outline: none !important;
   border: none;
   background: transparent;
 }

 button:hover {
   cursor: pointer;
 }

 iframe {
   border: none !important;
 }

 /*---------------------------------------------*/

 /*//////////////////////////////////////////////////////////////////
[ Utility ]*/

 /*==================================================================
[ Form ]*/

 .easybloco-form {
   width: 100%;
   display: -webkit-box;
   display: -webkit-flex;
   display: -moz-box;
   display: -ms-flexbox;
   display: flex;
   flex-wrap: wrap;
   justify-content: space-between;
 }

 /*------------------------------------------------------------------
[  ]*/

 .wrapper {
   width: 100%;
   height: 100%;
   padding: 40px 20px 0;
   background: #f5f5f5;
   border: 1px solid #e4e4e4;
   border-radius: 5px;
   margin-top: 10px;
   margin-bottom: 10px;
 }

 .wrap-inputunimed {
   width: 100%;
   background-color: #fff;
   position: relative;
   border: 1px solid #e6e6e6;
   border-radius: 13px;
   padding: 10px 30px 9px 22px;
   margin-bottom: 20px;
 }

 .wrap-inputunimed2 {
   width: 100%;
   background-color: #fff;
   position: relative;
   border: 1px solid #e6e6e6;
   border-radius: 13px;
   text-align: center;
   padding-top: 10px;
   padding: 10px 30px 9px 22px;
   margin-bottom: 20px;
 }

 .rs1-wrap-inputunimed {
   width: calc((100% - 30px) / 2);
 }

 .label-inputunimed {
   font-family: UnimedSlab-Bold;
   font-size: 12px;
   color: #008a58;
   line-height: 1.5;
   text-transform: uppercase;
 }

 .inputunimed {
   display: block;
   width: 100%;
   background: #fff;
   font-family: Unimed-Regular;
   font-size: 16px;
   color: #555555;
   line-height: 1.2;
   padding-right: 15px;
 }

 .inputunimed_1 {
   display: block;
   width: 10%;
   background: #f7f7f7;
   font-family: Unimed-Regular;
   font-size: 16px;
   color: #555555;
   line-height: 1.2;
   padding-left: 3px;
 }

 .inputunimed_2 {
   display: block;
   width: 15%;
   background: transparent;
   font-family: Unimed-Regular;
   font-size: 16px;
   color: #555555;
   line-height: 1.2;
   padding-left: 3px;
 }

 .inputunimed_3 {
   display: block;
   width: 60%;
   background: transparent;
   font-family: Unimed-Regular;
   font-size: 16px;
   color: #555555;
   line-height: 1.2;
   padding-left: 3px;
 }

 .inputunimed_4 {
   display: block;
   width: 15%;
   background: transparent;
   font-family: Unimed-Regular;
   font-size: 16px;
   color: #555555;
   line-height: 1.2;
   padding-left: 3px;
 }

 .espaco {
   margin-bottom: 10px;
 }

 .cartao {
   display: flex;
   margin: 2px;
 }

 .botaoesquerdo {
   margin-bottom: 20px;
 }

 .botaocentro {
   text-align: center;
   margin-bottom: 20px;
 }

 /*---------------------------------------------*/

 input.inputunimed {
   height: 20px;
 }

 textarea.inputunimed {
   min-height: 120px;
   padding-top: 9px;
   padding-bottom: 13px;
 }

 .inputunimed:focus+.focus-inputunimed::before {
   width: 100%;
 }

 .has-val.inputunimed+.focus-inputunimed::before {
   width: 100%;
 }

 /*------------------------------------------------------------------
Botão--*/

 .container-easybloco-form-btn {
   display: -webkit-box;
   display: -webkit-flex;
   display: -moz-box;
   display: -ms-flexbox;
   display: flex;
   flex-wrap: wrap;
   justify-content: center;
   width: 100%;
 }

 .easybloco-form-btn {
   display: -webkit-box;
   display: -webkit-flex;
   display: -moz-box;
   display: -ms-flexbox;
   display: inline;
   float: right;
   justify-content: center;
   align-items: center;
   margin-bottom: 10px;
   width: 80px;
   height: 36px;
   background-color: #008a58;
   border-radius: 20px 20px 20px 20px;
   font-family: Unimed-Regular;
   font-size: 18px;
   color: #fff;
   line-height: 1.2;
   text-transform: uppercase;
   -webkit-transition: all 0.4s;
   -o-transition: all 0.4s;
   -moz-transition: all 0.4s;
   transition: all 0.4s;
 }

 .easybloco-form-btn i {
   -webkit-transition: all 0.4s;
   -o-transition: all 0.4s;
   -moz-transition: all 0.4s;
   transition: all 0.4s;
 }

 .easybloco-form-btn:hover {
   background-color: #006240;
 }

 .easybloco-form-btn:hover i {
   -webkit-transform: translateX(10px);
   -moz-transform: translateX(10px);
   -ms-transform: translateX(10px);
   -o-transform: translateX(10px);
   transform: translateX(10px);
 }

 /*------------------------------------------------------------------
[ Responsive ]*/

 @media (max-width: 768px) {
   .rs1-wrap-inputunimed {
     width: 100%;
   }
 }

 @media (max-width: 576px) {
   .wrap-easybloco {
     padding: 20px 15px 20px 15px;
   }
   .wrap-inputunimed {
     padding: 10px 10px 9px 10px;
   }
 }

 /*------------------------------------------------------------------
[ Msg Alerta ]*/

 .validate-input {
   position: relative;
 }

 .alert-validate::before {
   content: attr(data-validate);
   display: -webkit-box;
   display: -webkit-flex;
   display: -moz-box;
   display: -ms-flexbox;
   display: flex;
   align-items: center;
   position: absolute;
   width: 100%;
   min-height: 20px;
   background-color: #fff;
   top: 33px;
   left: 0px;
   padding: 0 45px 0 22px;
   pointer-events: none;
   font-family: Unimed-Regular;
   font-size: 16px;
   color: #e50046;
   line-height: 1.2;
 }

 /* X Fechar Msg*/

 .alert-validate::after {
   font-family: "Material-Design-Iconic-Font";
   content: '\f1f3';
   display: block;
   position: absolute;
   color: #c80000;
   font-size: 18px;
   top: 40px;
   -webkit-transform: translateY(-50%);
   -moz-transform: translateY(-50%);
   -ms-transform: translateY(-50%);
   -o-transform: translateY(-50%);
   transform: translateY(-50%);
   right: 18px;
 }

 .alert-validate:hover:before {
   visibility: visible;
   opacity: 1;
 }

 .btn-hide-validate {
   font-family: Material-Design-Iconic-Font;
   font-size: 16px;
   color: #e50046;
   cursor: pointer;
   display: -webkit-box;
   display: -webkit-flex;
   display: -moz-box;
   display: -ms-flexbox;
   display: flex;
   align-items: center;
   justify-content: center;
   position: absolute;
   width: 40px;
   height: 40px;
   top: 25px;
   right: 12px;
 }

 .rs1-alert-validate.alert-validate::before {
   background-color: #fff;
 }

 /*---------------------------------------------*/

 @media (max-width: 576px) {
   .alert-validate::before {
     padding: 0 10px 0 10px;
   }
   .true-validate::after, .btn-hide-validate {
     right: 0px;
     width: 30px;
   }
 }