@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-inputunimedCaptcha {
   width: 100%;
   height: 65px;
   background-color: #fff;
   position: relative;
   border: 1px solid #e6e6e6;
   margin-bottom: 20px;
 }

 .wrap-inputunimed2 {
   width: 100%;
   position: relative;
   display: -webkit-box;
   display: -moz-box;
   display: -ms-flexbox;
   display: -webkit-flex;
   display: flex;
   -webkit-box-align: center;
   -moz-box-align: center;
   -ms-flex-align: center;
   -webkit-align-items: center;
   align-items: center;
   justify-content: center;
   -webkit-justify-content: center;
   -webkit-box-pack: center;
   -moz-box-pack: center;
   -ms-flex-pack: center;
   margin-bottom: 20px;
 }

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

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

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

 .recadoUnimed {
   width: 100%;
   position: relative;
 }

 .label-inputunimed2 {
   font-family: UnimedSlab-Bold;
   font-size: 12px;
   color: #008a58;
   text-align: center;
   line-height: 1.5;
 }

 .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) {
   #versaoMobile {
     display: block;
   }
   #versaoWeb {
     display: none;
   }
   .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;
   }
 }

 /* Configuração da Tabela */

 .wrap-unimedTab {
   width: 100%;
 }

 table {
   /*
  border: 1px solid #ccc;
  */
   border-collapse: collapse;
   margin: 0;
   padding: 0;
   width: 100%;
   table-layout: fixed;
 }

 table tr {
   background-color: transparent;
   /*
  border: 1px solid #ddd;
  */
   padding: .35em;
 }

 table th, table td {
   padding: .625em;
 }

 table th {
   font-size: 14px;
   letter-spacing: .1em;
   text-transform: uppercase;
 }

 @media screen and (max-width: 600px) {
   table {
     border: 0;
   }
   table thead {
     border: none;
     clip: rect(0 0 0 0);
     height: 1px;
     margin: -1px;
     overflow: hidden;
     padding: 0;
     position: absolute;
     width: 1px;
   }
   table tr {
     border-bottom: 3px solid #ddd;
     display: block;
     margin-bottom: .625em;
   }
   table td {
     border-bottom: 1px solid #ddd;
     display: block;
     font-size: 12px;
     text-align: right;
     word-wrap: break-word;
   }
   table td::before {
     /*
    * aria-label has no advantage, it won't be read inside a table
    content: attr(aria-label);
    */
     word-wrap: break-word;
     content: attr(data-label);
     float: left;
     font-weight: bold;
     text-transform: uppercase;
   }
   table td:last-child {
     border-bottom: 0;
   }
 }

 .tabAno {
   font-family: UnimedSlab-Bold;
   font-size: 18px;
   color: #00ad5f;
   font-weight: bold;
   text-align: center !important;
 }

 .tabDep {
   background-color: #00ad5f;
   color: #fff;
   font-family: UnimedSlab-Bold;
   font-size: 12px;
   font-weight: bold;
   text-align: center !important;
 }

 .fontLinha {
   font-family: UnimedSlab-Bold;
   font-size: 16px;
   color: #00995d;
 }

 .linha {
   display: flex;
   position: relative !important;
   flex-flow: row wrap;
   margin-top: 20px;
   border-radius: 10px;
   border: 2px solid #e6e6e6;
   background-color: #f7f7f7;
   margin-bottom: 25px;
 }

 .coluna-50 {
   word-wrap: break-word;
   font-size: 16px;
   width: 50%;
   padding: 10px 10px 10px 10px;
 }

 @media (max-width: 576px) {
   .container-unimedTab {
     padding-left: 10px;
     padding-right: 10px;
     padding-bottom: 20px;
   }
 }

 #TituloModalCentralizado {
   font-family: UnimedSlab-Bold;
   font-size: 18px;
   color: #00995d;
 }

 #TituloModalData {
   font-family: UnimedSlab-Bold;
   font-size: 16px;
   color: #00995d;
 }

 .textoTituloTL {
   font-family: UnimedSlab-Bold;
   font-size: 18px;
   color: #00995d;
 }

 /* TABELA RESPONSIVA */

 /* Tabela */

 .rwd-table {
   margin: 1em 0;
   min-width: 100%;
   word-wrap: break-word !important;
 }

 .rwd-table tr {
   border: 1px solid #e6e6e6;
 }

 .rwd-table th {
   display: none;
 }

 .rwd-table td {
   display: block;
 }

 .rwd-table td:first-child {
   padding-top: .5em;
 }

 .rwd-table td:last-child {
   padding-bottom: .5em;
 }

 .rwd-table td:before {
   content: attr(data-th) ": ";
   font-weight: bold;
   width: 6.5em;
   display: inline-block;
 }

 @media (min-width: 480px) {
   .rwd-table td:before {
     display: none;
   }
 }

 .rwd-table th, .rwd-table td {
   text-align: left;
   height: 50px;
 }

 @media (min-width: 480px) {
   .rwd-table th, .rwd-table td {
     display: table-cell;
     padding: .25em .5em;
   }
   .rwd-table th:first-child, .rwd-table td:first-child {
     padding-left: 0;
   }
   .rwd-table th:last-child, .rwd-table td:last-child {
     padding-right: 0;
   }
 }

 @media (max-width: 576px) {
   #versaoMobile {
     display: block !important;
   }
   #versaoWeb {
     display: none;
   }
 }

 #versaoMobile {
   display: none;
 }