@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,300;1,400;1,500;1,600;1,700;1,800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

body{
  font-family: 'Open Sans', sans-serif !important;
}

.blue-txt{
  color: #06326B !important;
}

.title-light{
  font-size: 24px;
}

.title-success{
  font-size: 24px;
}

.success{
  color: #1AB37C;
}

.error{
  color: #DC3545;
}

.orange-maxxa{
  color: #E15200;
}

.custom-mb{
  margin-bottom: 40px;
}

.custom-title{
  font-size: 16px;
  padding-bottom: 16px;
}

.transaction-details-table,
.pending-documents-table, .provider-table,
.payer-table {
  border-width: 1px !important;
  border-style: solid !important;
  border-radius: 4px !important;
  font-size: 14px;
}

/* .transaction-details-table tbody, */
.pending-documents-table tbody, .provider-table tbody,
.payer-table tbody{
  border-top: 2px solid #D9D9D9 !important;
}

.border-top-1{
  border-top: 1px solid #D9D9D9 !important;
}

.table-summary-payment th, .transaction-details-table th,
.pending-documents-table th, .provider-table th,
.payer-table th, .payment-details-table th,
.payment-details2-table th{
  color: #D9D9D9 !important;
  padding-top: 16px !important;
  padding-bottom: 16px !important;
  /* padding-left: 16px !important; */
}

.table-summary-payment td, .transaction-details-table td,
.pending-documents-table td, .provider-table td,
.payer-table td, .payment-details-table td,
.payment-details2-table td{
  color: #06326B !important;
  padding-top: 16px !important;
  padding-bottom: 16px !important;
  /* padding-left: 16px !important; */
  border-color: #D9D9D9;
}

.payment-details-table th,
.payment-details2-table th{
  font-weight: normal !important;
}


.btn-base {
  border-radius: 40px;
  font-size: 14px !important;
  height: 40px !important;
  line-height: 18px !important;
  padding: 10px 17px !important;
  text-decoration: none !important;
  font-weight: normal !important;
  display: inline-block;
  text-align: center !important;
  transition: all 0.3s linear;
  box-sizing: border-box;
  min-width: 300px;
  white-space: nowrap;
  cursor: pointer;
  outline: none;
}

.btn-base-xs {
    border-radius: 40px;
    font-size: 12px !important;
    height: 25px !important;
    line-height: 18px !important;
    padding: 2px 20px !important;
    text-decoration: none !important;
    font-weight: 100 !important;
    display: inline-block;
    text-align: center !important;
    transition: all 0.3s linear;
    box-sizing: border-box;
    min-width: 120px;
    white-space: nowrap;
    cursor: pointer;
    outline: none;
}

@media screen and (max-width:1000px) {

    .btn-base-a {
        margin-bottom: 20px
    }

    .btn-base {
        margin-bottom: 20px
    }

    .btn-base-xl {
        margin-bottom: 20px
    }

    .btn-base-xs {
        margin-bottom: 20px
    }
}

.new-btn-style-xl {
    background: #ff5100;
    color: #fff !important;
    font-size: 18px;
    border: solid 1px #ff5100;
}

.new-btn-style-xl-2 {
  background: #ff0000;
  color: #fff !important;
  font-size: 18px;
  border: solid 1px #ff0000;
}

.new-btn-style-xl:hover {
    color: #ff5100 !important;
    background: #fff;
    border: solid 1px #ff5100
}

.new-btn-style-xl-yellow {
	background: #ff9015;
	color: #fff !important;
	font-size: 18px;
	border: solid 1px #ff9015;
}

.new-btn-style-xl-yellow:hover {
	color: #ff5100 !important;
	background: #fff;
	border: solid 1px #ff5100
}

.new-btn-style-xl-secondary {
    background: #fff;
    color: #ff5100 !important;
    font-size: 18px;
    border: solid 1px #ff5100;
}

.new-btn-style-xl-secondary:hover {
    color: #fff !important;
    background: #ff5100;
    border: solid 1px #ff5100
}

.new-btn-style-sm {
    background: #ff5100;
    border-radius: 40px;
    color: #fff !important;
    font-size: 15px;
    padding: 4px 10px;
    border: none
}

.new-btn-style-sm:hover {
    color: #ff5100 !important;
    background: #fff;
    border: solid 1px #ff5100
}

.new-btn-style-xs {
    background: #ff5100;
    border-radius: 40px;
    color: #fff !important;
    font-size: 15px;
    padding: 5px 10px !important;
    height: 30px !important;
    border: solid 1px #ff5100;
}

.new-btn-style-xs:hover {
    color: #ff5100 !important;
    background: #fff;
    border: solid 1px #ff5100
}

.new-btn-style-xs-secondary {
    background: #fff;
    border-radius: 40px;
    color: #ff5100 !important;
    font-size: 15px;
    padding: 5px 10px !important;
    height: 30px !important;
    border: solid 1px #ff5100;
}

.new-btn-style-xs-secondary:hover {
    color: #fff !important;
    background: #ff5100;
    border: solid 1px #ff5100
}

.btn-base-xl {
  border-radius: 40px;
  font-size: 16px !important;
  height: 40px !important;
  line-height: 18px !important;
  padding: 10px 17px !important;
  text-decoration: none !important;
  font-weight: normal !important;
  display: inline-block;
  text-align: center !important;
  transition: all 0.3s linear;
  box-sizing: border-box;
  min-width: 230px;
  white-space: nowrap;
  cursor: pointer;
  outline: none;
  font-weight: 700 !important
}

@media screen and (max-width:1000px) {

  .btn-base-a {
      margin-bottom: 20px
  }

  .btn-base {
      margin-bottom: 20px
  }

  .btn-base-xl {
      margin-bottom: 20px
  }

  .btn-base-xs {
      margin-bottom: 20px
  }
}

.new-btn-style-xl {
  background: #ff5100;
  color: #fff !important;
  font-size: 18px;
  border: solid 1px #ff5100;
}

.new-btn-style-xl-2 {
  background: #ff0000;
  color: #fff !important;
  font-size: 18px;
  border: solid 1px #ff0000;
}

.new-btn-style-xl:hover {
  color: #ff5100 !important;
  background: #fff;
  border: solid 1px #ff5100
}

.new-btn-style-xl-2:hover {
  color: #ff0000 !important;
  background: #fff;
  border: solid 1px #ff0000
}

.new-btn-style-xl-secondary {
  background: #fff;
  color: #ff5100 !important;
  font-size: 18px;
  border: solid 1px #ff5100;
}

.new-btn-style-xl-secondary:hover {
  color: #fff !important;
  background: #ff5100;
  border: solid 1px #ff5100
}

.box-shadow-btn {
  -webkit-box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.25);
  box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.25);
}

.table-summary-payment td{
  font-size: 13px;
  color: #505050 !important;
}

.table-summary-payment th{
  font-size: 14px;
  color: #505050 !important;
}

.custom-info{
  color: #337AB7 !important;
  background-color: #E6F7FF !important;
  border: none !important;
  font-size: 14px !important;
}

.provider-table td{
  color: #505050 !important;
}

.pending-documents-table thead, .provider-table thead,
.payer-table thead {
  border-radius: 4px 4px 0 0;
  outline: 1px #D9D9D9 solid;
  border: 0;
  overflow: hidden;
}

.pending-documents-table tbody, .table-summary-payment tbody,
.provider-table tbody, .payer-table tbody{
  border-radius: 0 0 4px 4px;
  outline: 1px #D9D9D9 solid;
  border: 0;
  overflow: hidden;
}

.table-summary-payment tbody, .transaction-details-table tbody,
.payment-details-table tbody,.payment-details2-table tbody {
  border-radius: 4px 4px 4px 4px;
  outline: 1px #D9D9D9 solid;
  border: 0;
  overflow: hidden;
}

.pending-documents-table thead th:last-child{
  border-radius: 0 20px 0 0;
  color: #DDEEEE
}

.p-all{
  padding: 1px
}

.px-none{
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.maxxa-check{
  border-color: #06326B !important;

}

.maxxa-check:checked[type=checkbox]{
  background-image: url("../svg/check.svg") !important;
  background-color: none;
}

.maxxa-check:checked{
  background-color: #fff !important;
}

.maxxa-check.focus{
  box-shadow: none !important;
}

.maxxa-select{
  padding-top: 13px !important;
  padding-bottom: 13px !important;
  background-image: url("../svg/chevron.svg") !important;
}

button[disabled] { 
  pointer-events: none;
  color: #505050 !important;
  background-color: #D9D9D9;
  border-color: #D9D9D9;
}

.bg-banner{
  background-image: url(../img/Banner.jpg);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  outline: 1px #D9D9D9 solid;
  border-radius: 4px;
  overflow: hidden;
}

.bg-row-banner{
  background-color: rgb(0, 0, 0, 0.6);
}

.white-txt{
  color: #ffff;
}

.primary3{
  color: #f28e2a;
}

.mx-custom{
  margin-right: 142px !important;
  margin-left: 142px !important;
}

.fs-13px {
  font-size: 13px !important;
}

.fs-14px{
  font-size: 14px;
}

.fs-18px{
  font-size: 18px;
}

.flex-transaction-table{
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

@media screen and (max-width: 768px){
  .flex-transaction-table{
    margin-bottom: 24px;
  }
  .banner-footer{
    display: none;
  }
}

.primario1-light-hover{
  color: #1E8CEA;
}

.banner-help-pymes{
  /* position: relative; */
}

.banner-help-pymes > .icon-container{
  background-color: #1E8CEA;
  /* width: max-content; */
  /* height: 96px; */
  border-radius: 4px; 
  /* transform: translateX(16px); */
}

.banner-pymes-text-content {
  border: 1px #1E8CEA solid;
  border-radius: 4px;
  padding: 21px 16px 21px 30px;
  font-size: 14px;
}

.bank-circle {
  width: 70px;
  height: 70px;
  border-radius: 50%;
  border: 1px solid #D9D9D9;
}

.cuentarut{
  background-image: url(../img/cuentaRUT.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

.bancodechile{
  background-image: url(../img/bancodechile.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

.bci{
  background-image: url(../img/bci.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

.santander{
  background-image: url(../img/santander.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

.bancoestado{
  background-image: url(../img/compraqui-nuevo.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

.scotiabank{
  background-image: url(../img/scotiabank.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

.itau{
  background-image: url(../img/itau.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

.webpay{
  background-image: url(../img/webpay.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

.modal-80{
  max-width: 80% !important;
}

.modal-card{
  border: 1px solid #D9D9D9  !important;
  border-radius: 8px !important;
  /* width: 32% !important; */
}

.color-bar{
  height: 8px;
  border-radius: 8px 8px 0 0;
} 

.digitaliza-bar{
  background-color: #0BC401;
}

.crece-bar{
  background-color: #F8931F;
}

.acelera-bar{
  background-color: #0F71BC;
}

.modal-title{
  border-bottom: none !important;
}

.grey-dark{
  color: #505050;
}

.fw-semibold{
  font-weight: 600;
}

/* .plan-info{
  height: 96px;
} */

.yellow-modal-info-panel{
  background-color: #FFF4CB;
  font-size: 13px;
}

.btn-modal{
  min-width: 0 !important;
}

th.top-table-text, 
td.top-table-text{
  color: #4E4F4F !important;
  font-size: 14px;
  font-style: normal;
  font-weight: 500 !important;
  border-color: #D9D9D9 !important;
}
tbody, td, tfoot, th, thead, tr{
  border-color: #D9D9D9  !important;
}

td.bottom-table-text{
  font-weight: 700;
  color: var(--Gris-dark, #4E4F4F) !important;
}


.btn-primary-maxxa{
  padding: 12px 40px; 
  color: var(--blanco, #FFF);
  text-align: center;
  font-family: Montserrat;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 100%; /* 14px */ 
  border-radius: 50px;
  background: var(--primario-2, #FF5100); 
  border: none;
}

.btn-primary-maxxa:hover{
  padding: 12px 40px;
  border-radius: 50px;
  background: var(--primario-2-hover, #FF8038); 
  color: var(--blanco, #FFF);
  text-align: center;
  font-family: Montserrat;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 100%; /* 14px */ 
}


.btn-primary-maxxa:disabled{
  padding: 12px 40px; 
  border-radius: 50px;
  background: var(--gris-light, #D9D9D9); 
  color: var(--gris, #9F9F9F);
  text-align: center;
  font-family: Montserrat;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 100%; /* 14px */ 
}


.btn-secondary-maxxa{
  padding: 12px 40px;
  border-radius: 50px;
  border: 1px solid var(--primario-2, #FF5100);
  color: var(--primario-2, #FF5100);
  background: transparent;
  text-align: center;
  font-family: Montserrat;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 100%; /* 14px */
}


.btn-secondary-maxxa:hover{
  padding: 12px 40px;
  border-radius: 50px;
  background: var(--primario-2-hover, #FF8038);
  color: var(--blanco, #FFF);
  text-align: center;
  font-family: Montserrat;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 100%; /* 14px */ 
}