.inf-mobile {
  display: none;
}

@media (max-width: 768px) {
  .inf-mobile {
    display: block;
  }
  .title-page {
    margin-top: 1.25rem !important;
  }
  .title-page a img {
    height: 1.125rem;
  }
  .title-page .title-page__text {
    font-size: 1.875rem;
  }
  .card-shadow {
    padding: 20px !important;
  }
  .p-20 {
    padding: 10px !important;
  }
  .p-20 .alert-list {
    padding: 0 !important;
  }
  .item-card-mobile {
    margin-bottom: 0.313rem;
  }
  .medium-button {
    width: 100% !important;
  }
  .d-mobile {
    flex-direction: column !important;
  }
  .d-mobile button {
    margin-left: 0 !important;
  }
  .info-desktop {
    display: none;
  }
  .booknote-desktop {
    display: none;
  }
}
* {
  font-family: "DM Sans";
  color: #363636;
}

@font-face {
  font-family: "DM Sans";
  src: url("../../resources/fonts/DMSans_18pt-Regular.ttf");
}
.medium-button {
  width: 18.75rem;
  height: 2.75rem;
}

.small-button {
  width: 6.563rem;
  height: 2.188rem;
  display: flex;
  align-items: center;
}

.buttom-100 {
  width: 100%;
  height: 44px;
}

.buttom-1{
  width: 75%;
  height: 44px;
}

.button {
  transition: all 300ms;
  font-weight: 500;
}

.button:disabled {
  background-color: #E8EBED;
  border: none;
  color: black;
  font-family: "DM Sans";
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: 24px;
}

.button-success {
  background-color: #009D4E !important;
  color: white !important;
  font-size: 14pt !important;
}

.button-success:hover {
  background-color: green;
  color: #ffffff;
}

.button-success:active {
  background-color: #DBF1E6;
}

.button-success-outline {
  background-color: transparent;
  border: 0.063rem solid #009D4E;
  color: #009D4E;
}

.button-success-outline:hover {
  background-color: #009D4E;
  border: 0.063rem solid #009D4E;
  color: #ffffff;
}

.button-error-outline {
  background-color: transparent;
  border-width: 5pt !important;
  border: 0.063rem solid #D81E05 !important;
  color: #D81E05 !important;
}

.button-error-outline:hover {
  background-color: #D81E05;
  border: 0.063rem solid #D81E05;
  color: #ffffff;
}

.button-danger {
  background-color: #D81E05 !important;
  color: white !important;
  font-size: 14pt !important;
}

.button-danger:hover {
  background-color: rgb(0, 0, 255);
  color: #ffffff;
}

.button-secondary {
  background-color: #B1B1B1;
}

.button-secondary:hover {
  background-color: #B1B1B1;
}

.button-icon {
  background-color: transparent;
  border: 0.063rem solid #009D4E;
}
.button-icon span {
  color: #009D4E;
}

.button-icon:hover {
  background-color: #009D4E;
  border: 0.063rem solid #009D4E;
}
.button-icon:hover span {
  color: #ffffff;
}

.button-icon-error {
  background-color: transparent;
  border: 0.063rem solid #D81E05;
}
.button-icon-error span {
  color: #D81E05;
}

.button-icon-error:hover {
  background-color: #D81E05;
  border: 0.063rem solid #D81E05;
}
.button-icon-error:hover .icon-button {
  fill: #ffffff;
}
.button-icon-error:hover span {
  color: #ffffff;
}

.button-icon-flex {
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #D81E05;
  height: 40px;
}
.button-icon-flex span {
  color: white;
  font-weight: 600;
  margin-left: 4px;
}

.button-icon-flex:hover {
  background-color: #D81E05;
}

.button-icon-flex:disabled {
  background-color: #E8EBED;
}
.button-icon-flex:disabled svg .fill-icon {
  fill: #363636;
}
.button-icon-flex:disabled span {
  color: #363636;
  font-style: normal;
  font-weight: 400;
}

.form-group .form-floating label {
  padding-left: 0;
}

.form-floating input, .form-floating select {
  outline: none;
  box-shadow: none;
  border: none;
  border-bottom: 0.063rem solid #3F3F3F;
  border-radius: 0;
  padding-left: 0 !important;
}

.form-floating input[type=text]:focus,
.form-floating input[type=number]:focus,
.form-floating input[type=date]:focus,
.form-floating input[type=email]:focus,
.form-floating select:focus {
  box-shadow: none;
  outline: none;
  border-bottom: 0.063rem solid #3F3F3F;
}

.form-group textarea {
  border: 1px solid #D81E05;
}
.form-group textarea:disabled {
  border: 1px solid #3F3F3F;
}

.input-autocomple {
  position: relative;
}
.input-autocomple .text-autocomple {
  background-color: #EAE9E9;
  width: 50%;
  position: absolute;
  top: 50%;
}

.input-email {
  position: relative;
}
.input-email .tag {
  position: absolute;
  bottom: 0px;
  height: 28px;
  padding: 5px;
  border-radius: 1px;
  width: 60%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-radius: 1px;
  background: #F0F0F0;
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
}

.text-title {
  color: #D81E05;
}

.title {
  color: var(--Rojo, #D81E05);
  font-family: "Segoe UI";
  font-size: 24px;
  font-style: normal;
  font-weight: 900;
  line-height: 32px;
}

.title-var-1 {
  color: #D81E05;
  font-size: 24px;
  font-style: normal;
  font-weight: 900;
}

.subtitle-page {
  color: #D81E05;
  font-size: 1.438rem;
  font-style: normal;
  font-weight: 700;
}

.divider {
  width: 100%;
  border: 1px solid #D81E05;
}

.divider-secondary {
  width: 100%;
  border: 1px solid rgba(54, 54, 54, 0.18);
}

.nomal-subtitle {
  font-size: 1.125rem;
}

.letter-subtitle {
  font-size: 1.125rem;
  font-weight: 600;
}

.letter-subtitle-var {
  font-size: 0.9rem;
}

.letter-medium {
  font-size: 0.813rem;
}

.text-small {
  font-size: 0.875rem;
  font-weight: 400;
}

.small-text-var {
  font-size: 0.688rem;
  font-weight: 400;
}

.text-normal {
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
}

.f-600 {
  font-weight: 600;
}

.border-text {
  color: #D81E05;
  font-size: 0.813rem;
  border-bottom: 1px dashed #D81E05;
}

.documents-items div span {
  font-size: 11px;
  color: #555;
}

.custom-center {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.center-text {
  display: block;
  text-align: center;
  margin: 0 auto;
  width: 100%;
  max-width: 300px;
}

.item-custom-list {
  height: 38px;
  border-radius: 2px;
  background-color: #E8EBED;
  display: flex;
  align-items: center;
}
.item-custom-list span {
  text-align: center;
  font-size: 15px;
  font-style: normal;
  font-weight: 600;
}

.item-custom-list-1 {
  height: 38px;
  border-radius: 2px;
  background-color: #F7F7F8;
  display: flex;
  align-items: center;
}
.item-custom-list-1 span {
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
}

.fz-15 {
  font-size: 15px;
}

.login-pay-public {
  color: #828282;
  font-family: "Segoe UI";
  font-size: 22px;
  font-style: normal;
  font-weight: 300;
  line-height: 40px;
}

.login-pay-public-1 {
  color: #828282;
  font-family: "Segoe UI";
  font-size: 27px;
  font-style: normal;
  font-weight: 900;
  line-height: 40px;
}

.total-to-pay {
  display: flex;
  align-items: center;
}
.total-to-pay .description-total {
  font-family: "Segoe UI";
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: 114.682%;
}
.total-to-pay .total-pay {
  color: #5F5F5F;
  font-family: "Segoe UI";
  font-size: 40px;
  font-style: normal;
  font-weight: 700;
  line-height: 114.682%;
}

.icon-alert {
  position: absolute;
  left: -3.313rem;
  top: -2.063rem;
}

.icon-alert-error {
  position: absolute;
  left: -4rem;
  top: -2.438rem;
}

.check-modal input {
  border: 1px solid #D81E05;
}
.check-modal label {
  font-size: 0.688rem;
}

.scroll-modal {
  max-height: 18.75rem;
  overflow-y: scroll;
}

.text-modal-title-1 {
  color: #363636;
  text-align: center;
  font-family: "Segoe UI";
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
}

#drag_and_drop .modal-dialog {
  max-width: 39.313rem;
}

.document-requirements {
  background-color: #FFEEEB;
}
.document-requirements ul {
  margin-bottom: 0;
}
.document-requirements ul li {
  font-size: 0.813rem;
}

.drop-area {
  width: 100%;
  padding: 1.25rem;
  border: 0.125rem dashed #9E9E9E;
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
}
.drop-area label {
  font-size: 20px;
  font-weight: 800;
  color: #737373;
}

.drop-area.active {
  background-color: #b8d4fe;
  border: 3px dashed #618ac9;
}

.scroll-table {
  overflow-x: auto;
  max-width: 100%;
}
.scroll-table table thead {
  background-color: #D81E05;
}
.scroll-table table thead tr th {
  color: #ffffff;
}
.scroll-table table tbody tr:nth-child(even) {
  background-color: #C0C0C0;
}
.scroll-table table tbody tr:nth-child(odd) {
  background-color: #D9D9D9;
}

.pay-poliza table thead tr {
  width: auto;
  border: 30px solid transparent;
}
.pay-poliza table thead tr th {
  width: auto;
  color: #BE1F24;
  font-family: "Segoe UI";
  font-size: 13px;
  font-style: normal;
  font-weight: 400;
}
.pay-poliza table tbody {
  margin: 15px;
  padding: 15px;
  width: 100%;
  border-radius: 10px;
  background: #FFF;
  box-shadow: 0px 2px 13px 0px rgba(0, 0, 0, 0.14);
}
.pay-poliza table tbody tr {
  border-bottom: 1px solid #D4D7D9;
}
.pay-poliza table tbody tr .value-td {
  font-weight: 700;
}
.pay-poliza table tbody tr td {
  width: auto;
  font-family: "DM Sans";
  font-size: 13px;
  font-style: normal;
  font-weight: 400;
}

.card-shadow {
  box-shadow: 0px 3px 14px 0px rgba(0, 0, 0, 0.14);
  -webkit-box-shadow: 0px 3px 14px 0px rgba(0, 0, 0, 0.14);
  -moz-box-shadow: 0px 3px 14px 0px rgba(0, 0, 0, 0.14);
}

.card-shadow-2 {
  -webkit-box-shadow: 1px 4px 4px 0px rgba(0, 0, 0, 0.14);
  -moz-box-shadow: 1px 4px 4px 0px rgba(0, 0, 0, 0.14);
  box-shadow: 1px 4px 4px 0px rgba(0, 0, 0, 0.14);
}

.card-shadow-3 {
  box-shadow: 0px 2px 13px 0px rgba(0, 0, 0, 0.14);
}

.card-pay {
  width: 528px;
  height: 454px;
}
.card-pay .detail {
  color: #D81E05;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
}
.card-pay .price {
  margin-top: -8px;
  color: #3E3E3E;
  font-size: 32px;
  font-style: normal;
  font-weight: 700;
}
.card-pay .description {
  margin-top: -8px;
  color: #7D7D7D;
  font-family: "DM Sans";
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 21px;
}

.card-pay-public {
  height: 538px;
  width: 538px;
}
.card-pay-public .title {
  color: var(--Rojo, #D81E05);
  text-align: center;
  font-family: "Segoe UI";
  font-size: 25px;
  font-style: normal;
  font-weight: 700;
  line-height: 40px;
  display: block;
}

.card-blur {
  border-radius: 1px;
  background: rgba(255, 255, 255, 0.65);
  box-shadow: 0px 2px 13px 0px rgba(0, 0, 0, 0.14);
  backdrop-filter: blur(2.4500000477px);
}
.card-blur .decription-card-pay {
  width: 354px;
}

.card-total {
  box-shadow: 0px 2px 13px 0px rgba(0, 0, 0, 0.14);
}
.card-total .title-card {
  color: #D81E05;
  display: block;
  font-size: 16pt;
  font-style: normal;
  font-weight: 700;
  line-height: 21px;
}
.card-total .price {
  color: #3E3E3E;
  font-family: "DM Sans";
  font-size: 23px;
  font-style: normal;
  font-weight: 300;
  line-height: 40px;
}
.card-total .descp-total {
  color: #7D7D7D;
  display: block;
  margin-top: -5px;
  font-family: "DM Sans";
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 21px;
}

.alert {
  background-color: #FFEEEB;
}

.alert-list ul {
  margin-bottom: 0;
}
.alert-list ul li {
  font-size: 0.813rem;
  font-weight: 400;
}

.alert-secondary {
  background-color: #F8F6F6;
}

.badge-orange {
  background-color: #E87D00;
}

.badge-red {
  background-color: #FFEEEB;
  width: 5.438rem;
  height: 1.25rem;
  border-radius: 5.438rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
.badge-red span {
  color: #D81E05;
  font-weight: 400;
  font-size: 11px;
}

.badge-step {
  width: 8.875rem;
  height: 22px;
  border-radius: 8.875rem;
  background-color: #FFEEEB;
  display: flex;
  justify-content: center;
  align-items: center;
}
.badge-step span {
  font-size: 13px;
  font-weight: 400;
  color: #D81E05;
}

.nav-pills {
  border-bottom: 1px solid #D81E04;
}
.nav-pills a.tab.nav-link {
  background-color: transparent;
  font-size: 15px;
  color: #9E9E9E;
}
.nav-pills a.tab.nav-link.active {
  background-color: transparent;
  border-radius: 0px;
  border-bottom: 2px solid #D81E05;
  background-color: transparent;
  border-radius: 0px;
  border-bottom: 2px solid #D81E05;
  color: #D81E04;
}
.nav-pills a.tab.nav-link:focus {
  background-color: transparent;
  border-radius: 0px;
  border-bottom: 2px solid #D81E05;
  color: #D81E04;
  font-weight: bold;
}

.nav-pills .active {
  font-weight: bold;
}

.tab-pane {
  border: none;
  border-color: transparent;
  color: #000;
}

.tab-pane .comment {
  font-weight: normal;
  color: #000;
}

.active a {
  color: #D81E05;
}

.accordion-type-2__status--circle-danger, .accordion-type-2__status--circle-success {
  width: 0.563rem;
  height: 0.563rem;
  border-radius: 50%;
}

.accordion-type-2__status--description-danger, .accordion-type-2__status--description {
  font-size: 0.688rem;
  font-weight: 400;
  margin-left: 0.25rem;
}

@keyframes rotateImg {
  0% {
    transform: rotate(-50deg);
  }
  25% {
    transform: rotate(-90deg);
  }
  50% {
    transform: rotate(-130deg);
  }
  75% {
    transform: rotate(-170deg);
  }
  100% {
    transform: rotate(-180deg);
  }
}
@keyframes rotateImg-reverse {
  0% {
    transform: rotate(-180deg);
  }
  25% {
    transform: rotate(-140deg);
  }
  50% {
    transform: rotate(-90deg);
  }
  75% {
    transform: rotate(-45deg);
  }
  100% {
    transform: rotate(0deg);
  }
}
.accordion-type-2 {
  width: 100%;
  border: 0.063rem solid #D81E05;
  border-radius: 0.313rem;
  position: relative;
}
.accordion-type-2__button {
  width: 16.75rem;
  height: 2.188rem;
  background-color: #FFEEEB;
  box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.1);
  border-radius: 16.75rem;
  display: flex;
  padding: 0.625rem;
  justify-content: space-between;
  align-items: center;
  position: absolute;
  z-index: 1;
  top: 0%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.accordion-type-2__button span {
  font-size: 13px;
  color: #D81E05;
}
.accordion-type-2__button--step {
  font-weight: bold;
}
.accordion-type-2__button--drop-down img.active {
  transition: all 300ms;
  margin-bottom: 0.125rem;
  animation: rotateImg 0.5s ease forwards;
}
.accordion-type-2__button--drop-down img.disabled {
  transition: all 300ms;
  animation: rotateImg-reverse 0.5s ease forwards;
}
.accordion-type-2__status {
  width: 4.313rem;
  height: 1.25rem;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #F8F6F6;
  border-radius: 2.75rem;
}
.accordion-type-2__status--circle-success {
  background-color: #009D4E;
}
.accordion-type-2__status--circle-danger {
  background-color: #D81E05;
}
.accordion-type-2__status--description {
  color: #009D4E;
}
.accordion-type-2__status--description-danger {
  color: #D81E05;
}
.accordion-type-2__header--item span {
  font-size: 0.813rem;
  font-weight: 400;
}
.accordion-type-2__body {
  transition: all 300ms;
}
.accordion-type-2__body--content {
  display: none;
}
.accordion-type-2__body--content--item-description span {
  font-size: 0.9rem;
}
.accordion-type-2__body--content.active {
  display: block;
}

/*Estilos accordion*/
.accordion-button:not(.collapsed) {
  color: #363636;
  background-color: transparent;
  box-shadow: none;
  border-bottom: 1px solid #ccc;
}

.accordion-button:focus {
  box-shadow: none;
}

.pagination button {
  height: 1.361rem;
  font-size: 11px;
  background-color: #EDEDED;
}
.pagination .button-2 {
  margin-left: 2px;
  margin-right: 2px;
  display: flex;
  align-items: center;
  width: 3rem;
}

.colorhead {
  background-color: #ffffff;
  height: 70px;
  box-shadow: 1px 1px 2px rgb(209, 198, 209);
  color: #ffffff;
}

.title-header {
  font-family: Segoe UI;
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
}

.frequents_questions_nav {
  text-decoration: none;
  color: #D81E05;
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
}

.frequents_questions_nav:hover {
  color: #D81E05;
}

footer {
  background-color: #D81E05;
}
footer h6 {
  color: #ffffff;
}
footer .copyright {
  color: #FFF;
  text-align: center;
  font-size: 12px;
  font-style: normal;
  font-weight: 600;
}

.content {
  background-color: #F3F3F3;
  background-repeat: no-repeat;
  background-position: left bottom;
}

.content-var-1 {
  background-color: #FCFCFC;
  background-image: url("../images/img_bg_1.svg");
  background-repeat: no-repeat;
  background-position: left calc(100% - 78px);
}

.content-var-2 {
  background: linear-gradient(114deg, #EAEAEA 3.09%, rgba(217, 217, 217, 0) 65.44%), url("../images/bg-2.svg");
  background-repeat: no-repeat;
  background-position: bottom right;
}

.title-page__text {
  font-size: 2.813rem;
  font-weight: 900;
  color: #A8A8A8;
  font-style: normal;
  opacity: 0.4;
}

.form-disabled label {
  font-size: 13px;
  opacity: 0.4499999881;
}

.description-request__item {
  display: block;
  font-size: 15px;
  font-weight: 400;
  margin-bottom: 0.625rem;
}

element.style {
    color: red;
}


@media (max-width: 640px) {
    .ui-datatable-reflow .ui-datatable-data td[role="gridcell"]:not(.ui-helper-hidden) {
        text-align: left !important;
        display: block;
        border: 0 none;
        width: 100%;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        float: left;
        clear: left;
    }
}

/*# sourceMappingURL=style.min.css.map */