@import url(https://fonts.googleapis.com/css?family=Raleway);
body {
  background: #081D2E!important;
}

@font-face {
  font-family: "Prototype";
  src: url("Prototype.ttf");
}
@font-face {
    font-family: "seguisb";
    src: url("../fonts/seguisb.woff") format("woff");
}

.titulo-modal{
  margin-top: 0px;
  margin-bottom: 2px;
}

.prototype{
  font-family: "Prototype";
}

.a-sofadcon{
  color: #30679A !important;
}

* {
  color: #434343;
  /*font-family: "Raleway";*/
  box-sizing: border-box;
}

#button {
  display: flex;
  background-color: #FF9800;
  width: 50px;
  height: 50px;
  border-radius: 4px;
  position: fixed;
  bottom: 30px;
  right: 30px;
  transition: background-color .3s, opacity .5s, visibility .5s;
  opacity: 0;
  visibility: hidden;
  z-index: 1000;
  text-align: center;
  justify-content: center;
  align-items: center;
}
#button i{
  font-size: 40px;
  margin: auto;
  color: white;
}
#button::after {
  font-weight: normal;
  font-style: normal;
  font-size: 2em;
  line-height: 50px;
  color: #fff;
}
#button:hover {
  cursor: pointer;
  background-color: #0F6494;
}
#button:active {
  background-color: #0F6494;
}
#button.show {
  opacity: 1;
  visibility: visible;
}
h3.text-system {
  position: relative;
  bottom: 0;
  margin-bottom: 1.8em;
  z-index: 9;
  width: 100%;
  color: white;
  text-align: end;
  padding: 9px 124px;
  font-size: 18px;
  opacity: 0.6;
}

.svg-contactos{
  width: 48px;
  filter: invert(1);
}

.panel-plataforma{
  height: 35px;
}

.panel-modal-plataforma{
  padding: 0.3rem !important;
  margin-top: 0.4rem;
  font-size: 12px;
}

.panel-plataforma > p{
  color: #FFFFFF;
  padding-top: 6px;
  font-size: 14px;
}

.panel-plataforma > img{
  margin-left: 5px;
}

.detalle-paquete > p, .detalle-paquete > span{
  color: #ffffff !important;
  font-size: 13px;
  text-align: justify;
  margin-bottom: 10px;
}

.u-text{
  color: #FFFFFF !important;
}

.check-list {
  margin: 0;
  padding-left: 1.2rem;
  text-align: left;
}

.carousel-indicators > button
{
  background-color: #FBBB00 !important;
}

.check-list li {
  position: relative;
  list-style-type: none;
  padding-left: 1.5rem;
  margin-bottom: 0.5rem;
  color: #FFFFFF;
  font-size: 12px;
}

.check-list li:before {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    top: -2px;
    width: 5px;
    height: 11px;
    border-width: 0 2px 2px 0;
    border-style: solid;
    border-color: #00a8a8;
    transform-origin: bottom left;
    transform: rotate(45deg);
}

h2 {
  vertical-align: center;
}
.modal-b-video{

  height: 34em;
}
/* SCROLLBAR CSS3 */
::-webkit-scrollbar{
  width: 20px;
  background: #dbe8ec;
}
.bg-blue{
  color: #0E7FB6;
}
.font-small{
  font-size: 20px;
}
img {
  aspect-ratio: attr(width) / attr(height);
}
::-webkit-scrollbar-button{
  width:8px;
  height: 100%;
}
::-webkit-scrollbar-track{
  background:#eeeeee;
}
::-webkit-scrollbar-thumb{
  background: #3ba4d5;
  -webkit-border-radius: 10px;
}
::-webkit-scrollbar-thumb:hover{
    background:#3e5daa71;
}
a{
  text-decoration: none !important;
}
/* ==============MENU========================= */
.menu-secord {
  background-color: white;
  position: fixed;
  z-index: 99;
  top: 0;
  width: 100%;
}
.top-nav {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    z-index: 4;
    top: 0;
    width: 100%;
    height: 80px;
}
.div-logo {
  height: 4em;
}
.text-copry a:hover {
  color: white;
  opacity: .8;
}
.menu {
  display: flex;
  flex-direction: row;
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.menu > li {
  margin: 0 1rem;
}
.menu > li a {
  font-weight: 600;
  color: #30679A;
}
li.flex-li {
  margin-right: 75px;
}
.menu > li a:hover {
  font-weight: 600;
  color: #666666;
}
.menu-button-container {
  display: none;
  height: 100%;
  width: 30px;
  cursor: pointer;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
#menu-toggle {
  display: none;
}
.menu-button,
.menu-button::before,
.menu-button::after {
  display: block;
  background-color: #424242;
  position: absolute;
  height: 4px;
  width: 30px;
  transition: transform 400ms cubic-bezier(0.23, 1, 0.32, 1);
  border-radius: 2px;
}
.menu-button::before {
  content: '';
  margin-top: -8px;
}
.menu-button::after {
  content: '';
  margin-top: 8px;
}
#menu-toggle:checked + .menu-button-container .menu-button::before {
  margin-top: 0px;
  transform: rotate(405deg);
}

#menu-toggle:checked + .menu-button-container .menu-button {
  background: rgba(255, 255, 255, 0);
}
#menu-toggle:checked + .menu-button-container .menu-button::after {
  margin-top: 0px;
  transform: rotate(-405deg);
}
/* =================HEADER============== */
header {
  width: 100%;
  position: relative;
  background: #081D2E;
  margin-top: 5rem;
  margin-bottom: 30px;
}
img.imgFondo {
  height: auto;
  position: relative;
  z-index: 2;
}
div#HeaderCarousel {
  position: absolute;
  top: 0;
  height: auto;
  width: 100%;
  float: right;
}
.carousel-indicators{
  top:0;
}
.mainCarousel, .carousel-item, .carousel-item img{
  height: 100%;
}

.main-info {
  position: absolute;
  top: 0;
  width: 100%;
  margin-top: auto;
  padding-right: 60px;
  padding-left: 60px;
  align-items: center;
  justify-content: center;
  display: flex;
  height: 100%;
  z-index: 2;
}
img.mask {
  position: absolute;
  top: 0;
  right: 0;
  width: 92%;
  height: 100%;
}
.info-header {
  width: 75%;
  position: relative;
  z-index: 9;
  padding-left: 5rem;
}
button.btn-action {
  background: transparent;
  outline: none;
  border: 1px solid #ffffff91;
  border-radius: 10px;
  padding: 1px 20px;
  transition: .2s;
}
button.btn-action:hover {
  border-color: #0E90CC;
}
button.btn-action a:hover{
  color: #0E90CC;
}
button.btn-action a {
  color: white;
  text-transform: uppercase;
  transition: .2s;
}
ul.menu li a:hover {
  color: #0F6494;
}
.info-header h1 {
  color: #FFFFFF;
  font-weight: bold;
  margin-top: 16px;
  margin-bottom: 16px;
  font-size: 2.2rem !important;
}
.carousel-indicators {
  flex-direction: column;
  width: 12px;
  margin: 0 11px!important;
}

.carousel-indicators [data-bs-target] {
    width: 10px!important;
    height: 10px!important;
    border-radius: 50%;

}
/* ==============SECTION DE ICONOS============================== */
section#Iconos {
  background: #0c2738;
}
.colCard {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 60vh;
  max-height: 400px;
}

#Iconos{
  background-color: #0C2738;
  height: auto;
}
.iconsContainer{
  display: flex;
  align-items: center;
  justify-content: center;
}
.main-icon {
  padding-top: 50px;
  position: relative;
}

.icons {
  text-align: center;
  justify-content: center;
  align-items: center;
  display: flex;
  flex-direction: column;
  width: 90px;
  margin-top: 50px;
}
.icons img {
  height: 95px;
}
.main-infoCard h3 {
  color: #0E90CC;
  margin-top: 15px;
  margin-bottom: 15px;
  font-size: 20px;

}

p.info-small {
  color: white;
  font-size: 15px;
}
.row.fila-icons {
  position: relative;
  width: 100%;
}
.widthCard {
  width: 100%;
  max-width: 300px;
  position: relative;
  cursor: pointer;
  height: 100%;
}
.borderCard{
  height: 2.1rem;
  background: linear-gradient(to left, #113E62, #0e8bc7);
  border-radius: 20px 20px 0px 0px;
  z-index: 2;
  position: relative;
}
.colCard{
  position: relative;
}
.main-infoCard {
  padding: 0 15px;
  display: flex;
  flex-direction: column;
  align-items: center;
  height: 100%;
}
.main-card {

  height: 20rem;
  border: 1px solid;
  border-radius: 20px 20px 20px 20px;
  border-top: 1px solid;
  margin-top: -13px;
  border-color: #8AC9F9;
  background: #0c2738;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  position: relative;
  z-index: 2;
}
/*=========================SECTION INFO===============================0*/
.about{
  position: relative;
  background-color: #0C2738;
}
.fondoInfo {
  position: relative;
  height: 585px;
}
.fondoColor{
  width: 100%;
  position: absolute;
  top: 0;
  background-color: #0C2738;
  height: 10rem;
}
.mainInfo, .gril {
  position: absolute;
  top: 0;
  padding-top: 8.3rem;
  height: 100%;
  padding-right: 15px;
}
.mainInfo {
  width: 70%;
  right: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}
body > div.fondoInfo > div.mainInfo > img {
  width: 60%;
  float: right;
}
.textAbout {
  text-align: justify;
  width: 60%;
  float: right;
  position: absolute;
  border: 0;
  right: 0;
  height: 81%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding-left: 80px;
  padding-right: 80px;
}
.bold-title {
  font-weight: bold;
  font-size: 30px;
  margin-bottom: 20px;
}
.small-text {
  font-size: 17px;
  margin-bottom: 20px;
}
/*=================Footer=====================*/
.menuFooter {
  display: flex;
  align-items: center;
  justify-content:  space-between;
  padding-top: 5px;
  padding-bottom: 5px;
}
.menuFooter .menu{
  margin-right: 50px;
}
.Socials {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}
.iconsSocial i{
  color: #0591CD;
  font-size: 2rem;
  transition: 1s;
}
.iconsSocial i:hover {
  color: #2c769a;
  transform: rotateY(
45deg
);
}
.widthCard:hover {
  transform: scale(.9);
}

.widthCard {
  transition: .6s;
}
.iconsSocial, .iconsSocial i {
  height: 100%;
}
.iconsSocial {
  margin-left: 10px;
  margin-right: 5px;
}
.copry {
  position: relative;
  display: flex;
  background-image: url('../img/footer.png');
  align-items: center;
  width: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: 90px top;
}
.copry img {
  float: right;
  height: 100%;
  position: absolute;
  right: 0;
}
.text-copry a, .text-copry span {
  color: white;
}
.text-copry {
  line-height: 25px;
  text-align: center;
  width: 100%;
  display: flex;
  flex-direction: column;
  top: 0;
  padding-top: 5px;
  background: linear-gradient(90deg, rgba(0,55,92,1) 0%, rgba(40,156,210,1) 50%, rgba(0,55,92,1) 100%);
}
footer {
    position: fixed;
    height: max-content;
    bottom: 0 !important;
    left: 0 !important;
    right: 0 !important;
}
.form-floating.mb-3 {
  letter-spacing: 1.5px;
}
.dropdown-item {
  cursor: pointer;
}
.logotipo img , .imglogotipo{
  width: 20%;
  order: 2;
  position: relative;
  top: 0;
  background: white;
  border-radius: 50%;
  padding: 9px;
  animation: float 6s ease-in-out infinite;
  overflow: hidden;
  transform: translatey(0px);
}
.imglogotipo{
  animation: none;
}
.logotipo{
  right: var(--bs-gutter-x,0.4rem);
  margin-right: auto;
  display: flex;
  align-items: flex-end;
  justify-content: flex-end;
}
.bold-title {
  font-size: 21px;
}
.date{
  font-size: 16px;
  font-weight: bold;
  text-decoration: underline;
  text-underline-position: under;
  font-style: oblique;
  color: white;
  top: 0;
  position: absolute;
  margin-right: 12px;
}
.p-r-rwb .fondoInfo, .p-l-rwb .fondoInfo {
  height: 100%;
}
.p-r-rwb {
  padding-right: 50px!important;
  height: 60vh;
}
.p-l-rwb {
  padding-left: 50px!important;
  height: 60vh;
}
.back-color{
  background-color: #0C2738;

}
.pb2{
  padding-bottom: 60px;
}
.p-top {
  padding-top: var(--bs-gutter-x-, 5.99rem)!important;
  margin-top: auto!important;
}
.back-fondo{
background: #081d2e!important;
}
.absolute-div {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  height: 100%;
  margin: auto;
  width: 100%;
}
img.center-logo {
  background: white;
  border-radius: 50%;
  padding: 5px;
  width: 115px;
  z-index: 3;
  position: relative;
}
.fondoColor-2{
  width: inherit;
    position: absolute;
    top: 0;
    background-color: #0C2738;
    height: 10rem;
}
.titleBlog{
  font-size: 2.4rem;
  color: white;
  text-align: center;
  background-color: #0C2738;
}
.imgBlog{
  width: 60%;
    object-fit: cover;
    border-radius: 13rem 0 0 0;
}
@keyframes float {
	0% {/*
		box-shadow: 0 5px 15px 0px rgba(0,0,0,0.6); */
		transform: translatey(0px);
	}
	50% {/*
		box-shadow: 0 25px 15px 0px rgba(0,0,0,0.2); */
		transform: translatey(-20px);
	}
	100% {/*
		box-shadow: 0 5px 15px 0px rgba(0,0,0,0.6); */
		transform: translatey(0px);
	}
}
.btn-vert {
  color: #63B1D0;
  text-decoration: none;
  margin: 5px;
  -webkit-transition: 0.3s all ease;
  transition: 0.3s ease all;
}

.btn-vert:hover,
.btn-vert:focus{
  color: #FFF;
}

.btn-vert {
  font-size: 12px;
  letter-spacing: 2px;
  text-transform: uppercase;
  display: inline-block;
  text-align: center;
  width: 160px;
  font-weight: bold;
  padding: 14px 0px;
  border: 2px solid;
  border-color: #8AC9F9;
  border-radius: 30px;
  box-shadow: 0 2px 10px rgb(0 0 0 / 16%), 0 3px 6px rgb(0 0 0 / 10%);
  z-index: 2;
  float: right;
  right: 0;
  margin-right: 30px;
  margin-bottom: 25px;
  position: absolute;
  bottom: 0;
}

.btn-vert:before {
  -webkit-transition: 0.5s all ease;
  transition: 0.5s all ease;
  position: absolute;
  top: 0;
  left: 50%;
  right: 50%;
  bottom: 0;
  opacity: 0;
  content: '';
  background: linear-gradient(to left, #113E62, #0e8bc7);
  z-index: -2;
  border-radius: 30px;
}

.btn-vert:hover:before {
  -webkit-transition: 0.5s all ease;
  transition: 0.5s all ease;
  left: 0;
  right: 0;
  opacity: 1;
}

.btn-vert:focus:before {
  transition: 0.5s all ease;
  left: 0;
  right: 0;
  opacity: 1;
}
.modal.show .modal-dialog {
  transform: none;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  max-width: 60%;
  height: 100%;
}

.back-color-1 {
  width: 60%;
  margin-left: auto;
  position: sticky;
  margin-right: auto;
}

body > section.Equipo.pt-4 > div:nth-child(1) > div > div > h3 {
  margin-bottom: 64px;
}

.modal-header {
  background: white;
  }
  .modal-header button {
    margin-bottom: 1px!important;
    padding-top: 0!important;
    padding-bottom: 0!important;
}
.u-clearfix{
  width: 100%;
}
  /*.modal-body {
    background: #0C2738;
    border: 1px solid;
    border-radius: 20px 20px 20px 20px;
    border-top: 1px solid;
    margin-top: -13px;*/
    /*border-color: #8AC9F9;*/
    /*background: #0c2738;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    position: relative;
    z-index: 2;
}*/
.modal-content {
  border-radius: 20px 20px 20px 20px !important;
  background-color: #0C2738!important;
  }
  li.list-group-item {
    background: none;
    color: white;
    border: none;
}
ul.list-group.list-group-flush {
  padding-left: 10px;
  padding-right: 10px;
  font-size: 15px;
}
.w-custom {
  width: 220px;
  height: 220px;
}
.w-custom .carousel-inner, .w-custom .carousel-inner .carousel-item img {
  height: 100%;
  width: 100%;
}
.w-custom img {
  border-radius: 50%;
  object-fit: cover;
  background: linear-gradient(to left, #113E62, #0e8bc7);
  padding: 5px;
}
.nameEquipo.text-center {
  height: 20em;
  border: 1px solid;
  border-color: #8AC9F9;
  margin-top: -101px;
  width: 300px;
  padding-top: 114px;
  padding-left: 8px;
  padding-right: 8px;
}
.nameEquipo h3 {
  font-size: 21px;
}
.nameEquipo span {
  font-size: 14px;
  font-weight: bold;
}

.block--img {
  width: 100%;
  height: auto;
  background-position: center;
  background-size: cover;
  opacity: 1;
  transform-origin: top center;
  transition: .4s;
  align-items: center;
  justify-content: center;
  display: flex;
  flex-direction: column;
}
.block:hover {
  background: transparent;
}
.block--text {
  position: absolute;
  width: 100%;
  height: fit-content;
  top: 0;
  padding: 20px;
  background: linear-gradient(to left, #2b7faf, #013f69);
  color: white;
  transform: rotateX(
120deg);
  transform-origin: bottom center;
  transition: .4s ease-in;
  opacity: 0;
}

.block:hover .block--text {
  transform: rotateX(0deg);
  opacity: 1;
}

.LoginPad {
    margin-top: -400px;
}

.Equipo {
    margin-top: 80px;
}

.block:hover .block--text {
  transform: rotateX(0deg);
  opacity: 1;
}
.block:hover .block--img {
  opacity: 0;
 }


.text--head {
  text-align: center;
  font-size: 30px;
  padding-top: 20px;
  padding-bottom: 20px;
  text-transform: uppercase;
}

.text--quote {
  padding: 20px 10px 0px;
  font-size: 18px;
}

.text--person {
  position: relative;
  text-align: -webkit-right;
  font-weight: 600;
  bottom: -50px;
}
.text--person i {
  background: white;
  width: 70px;
  font-size: 30px;
  height: 70px;
  color: #297BAB;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  border: 3px solid #013f69;
  transition: .9s cubic-bezier(0.52, 1.1, 1, 1.12);
}
.text--person i:hover{
  background: #5db3dc;
  color: white;
  border: 3px solid white;
  transform: scale(1.2);
}
.wCustom-Card{
  height: 500px;
  margin-top: 10rem;
  margin-bottom: 2rem;
}
.clientes .slick-prev,.clientes .slick-next{
display: none!important;
}
.icons-2{
  background: linear-gradient(to left, #113E62, #0e8bc7);
  border-radius: 50%;
  padding: 4px;
  width: 110px;
  height: 110px;
}
.icons-2 img{
  border-radius: 50%;
}

.iconosClient img:hover {
  filter: none;
  transform: scale(1);
  padding: 2px;
}
.iconosClient img {
  background: white;
  padding: 6px;
}
.col-md-6 {
  position: relative;
}
.w-testimonio {
  display: flex;
  align-items: center;
  flex-direction: column;

  padding-right: var(--bs-gutter-x,6.75rem);
  padding-left: var(--bs-gutter-x,6.75rem);
}
.logotipo.rwb-texto span {
  font-size: 17px;
}
.rotate{
  transform: scaleX(-1);
}
.revert{
  display: flex;
  flex-direction: row-reverse;
  left: 0;
}
.rotateGril{
  display: flex;
  flex-direction: row-reverse;
}
.rotateGril .imgBlog{
  transform: scaleX(-1);
  margin-right: 37px;
}
.floatL {
  margin-left: 0!important;
  left: 0;
}

.floatL .textAbout {
  left: 0;
  margin-left: 30px;
}
.floatL {
  margin-left: 0;
}
.w-testimonio img {
  width: 250px;
  height: 250px;
  padding: 5px;
  background: linear-gradient(to left, #113E62, #0e8bc7);
  border-radius: 50%;
  margin-bottom: 2rem;
  object-fit: cover;
}
.testimonio .slick-prev,.testimonio .slick-next{
  z-index: 9;
}
.slick-prev:before,{
  content: "←";
}
.slick-next:before{
  content: "→";
}
.slick-prev:before, .slick-next:before {
  font-size: 21px;
  color: white!important;
  padding: 8px;
  border-radius: 50%;
  transition: 1s;
}
.slick-prev:hover.slick-prev:before, .slick-next:hover.slick-next:before {
  color: white!important;
  background: linear-gradient(to left, #113E62, #0e8bc7);
}
.testimonio .slick-prev{
left: 0;
}
.testimonio .slick-next{
  right: 0;
}
section.opiniones{
  padding-top: var(--bs-gutter-x,0.75rem);
  padding-bottom: var(--bs-gutter-x,6.75rem);
  background-color: #0C2738;
}

/*tabs*/
.nav-custom{
  justify-content: center;
  margin-top: 40px;
  margin-bottom: 60px!important;
}
.background-imge {
  background-image: url(../../image/background.jpg);
  background-repeat: no-repeat;
  width: 100%;
  height: 400px;
  position: relative;
}

.background-imge-descarga {
  background-image: url(../img/BannerSections.jpg);
  background-repeat: no-repeat;
  width: 100%;
  height: 400px;
  position: relative;
}

.nav-custom button {
  background: linear-gradient(to left, #113E62, #0e8bc7);
  border: 1px solid;
  border-radius: 5px;
  margin-left: 10px;
  border-color: #8AC9F9;
  color: white;
}

.card-custom {
  background: #0E90CC!important;
  border-color: #8AC9F9!important;
  text-align: center;
  margin-top: 30px;

}

.card-custom h6,.card-custom h5, .card-custom p{
  color: white;
}

.card-custom h5 {
  font-size: 35px;
  align-items: center;
  justify-content: center;
  text-align: center;
  display: flex;
}
span.xs-custom {
  font-size: 20px;
  margin-left: 10px;
  margin-right: 10px;
  color: #104e77;
}

.card-custom .card-text {
  margin-top: 30px;
}

.bs-color {
  width: 50%;
  background: linear-gradient(to left, #113E62, #0e8bc7);
  height: 2px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 17px;
  box-shadow: 0px 0px 1.5px #8ac9f9;
}
.inft-1{
  margin-top: 6em;
}
.inft-2{
  margin-top: 2.6em;
}

.carousel-item img {
  height: 100%;
  object-fit: fill!important;
  width: 100%!important;
}

/*#region Estilo de modales*/
.modal.fade {
    padding: 8px !important;
}

.header-list, .k-header.k-dialog-titlebar {
    display: flex!important;
    justify-content: space-between!important;
    width: 100%;
    height: 30px;
    align-items: center!important;
    padding: 10px 9px!important;
    position: relative;
}
.modal-header .btn-close {
    padding: 0.5rem 0.5rem!important;
    margin: 0.3rem -0.5rem 0.3rem auto!important;
}

    .header-list:before, .k-header.k-dialog-titlebar::before {
        content: "";
        background: #fff;
        width: 100%;
        height: .1px;
        position: absolute;
        left: 0;
        bottom: 0;
    }

.modal-content, .modal-custom-list, .k-window.k-dialog {
    pointer-events: auto;
    border-radius: 5px 5px 1px 1px !important;
    border: 1px solid #6e99d2 !important;
    border-top: none !important;
    background: #ecf3fd !important;
    box-shadow: 0 0 20px 2px rgb(78 78 77 / 75%) !important;
}

h5.modal-title {
    font-size: 11px;
    display: flex;
    height: 100%;
    align-items: center
}

.modal-alertCustom h5.modal-title, .e-dlg-header {
    font-family: 'SEGOEUI' !important;
    font-size: 1rem !important;
    padding-left: 5px;
}

.e-box-dialog {
    width: 480px;
}

.e-dialog {
    border-radius: 5px 5px 1px 1px !important;
    border: 1px solid #6e99d2 !important;
    border-top: none !important;
}

.e-dlg-header-content {
    padding: 3px 5px !important;
}

.e-dlg-content {
    background: transparent !important;
}

.e-dlg-header {
    font-weight: normal !important;
}

.e-dialog .e-footer-content {
    padding: 4px 8px !important
}

.modal-alertCustom .modal-body, .k-window-content.k-dialog-content {
    font-family: 'TAHOMA' !important;
    font-size: 0.75rem;
}

.k-window-titlebar.k-dialog-titlebar.k-header .k-window-title.k-dialog-title {
    overflow: inherit !important;
}

img.icon-list-1 {
    margin-right: 5px;
    width: 18px;
    height: 17px;
}

#ListComprobantes .modal-content {
    height: auto !important;
}

    #ListComprobantes .modal-content > .modal-body.px-custom {
        margin-top: 8px;
    }

div.modal[aria-labelledby="ListArticuloLabel"] .modal-body {
    display: flex;
    flex-direction: column;
}

.k-dialog-buttongroup {
    background-color: transparent !important;
    border-color: #dee2e6 !important;
}
/*#endregion*/


/*#region width de modales*/

.w-punto {
    /*Punto de Emision*/
    width: 352px !important;
    height: 301px !important;
}

.w-formaPago {
    max-width: 1050px !important;
    max-height: 41em;
    height: 100%;
}

.w-formaPagoPrincipal {
    max-width: 1050px !important;
    height: 100vh;
}

.w-formaPagCxPClientesC {
    max-width: 1050px !important;
    max-height: 33em;
    height: 100%;
}

    .w-formaPago .modal-body,
    .w-formaPagoPrincipal .modal-body,
    .w-formaPagCxPClientesC .modal-body {
        overflow: auto;
    }

/*Modal Ventas*/
.box-regVentas > div:nth-child(1) {
    min-width: 400px;
    overflow: hidden;
}


@media (max-width: 768px) {
    .w-formaPago .bodyCustom .pxCustom, .w-formaPagCxPClientesC .bodyCustom .pxCustom, .w-formaPagoPrincipal .bodyCustom .pxCustom .block-rwv .pxCustom .flex {
        flex-wrap: wrap;
        gap: 5px;
    }

    .block-rwv .pxCustom .flex .p-0.flex {
        width: 100% !important;
    }

    .w-formaPago .bodyCustom .pxCustom .col-md-3, .w-formaPagoPrincipal .bodyCustom .pxCustom .col-md-3 {
        max-width: 32%;
    }

    .w-formaPagCxPClientesC .bodyCustom .pxCustom .col-md-3 {
        max-width: 32%;
    }
    /*ul.hoverNone .d-block .flex, .hoverNone .flex {
        flex-wrap: nowrap!important;
    }*/
    ul.hoverNone .d-block .flex .col-4:nth-child(3) .zon1-input-1 {
        width: 125px !important;
    }

    ul.hoverNone .d-block .flex .col-8 ~ .col-4 .zon1-input-1 {
        width: 120px !important;
    }

    ul.hoverNone .d-block .flex .col-4:nth-child(3) .zon1-input-1 div {
        width: 100%;
        padding-right: 10px;
    }

    ul.hoverNone .d-block .flex .col-8 ~ .col-4 .zon1-input-1, ul.h-auto.hoverNone li.h-auto.d-flex .flex .col-6:nth-child(2), ul.h-auto.hoverNone.mb-0 .h-auto.d-block .flex.h-auto.m-0 .col-8, ul.h-auto.hoverNone .col-8 ~ .col-4, div#panelAnticiposFormaPago ul.h-auto.hoverNone .col-8 ~ .col-4 {
        padding-right: 5px !important;
    }

    .text-part {
        flex-wrap: wrap;
    }

        .text-part .part-content {
            width: 50%;
        }
}

.hm600 {
    height: 600px;
}
/*#endregion*/
/*#Region Button Close*/
button.btn-close:hover {
    opacity: 1 !important;
}

button.btn-close {
    background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat !important;
}


/*#Region Modal Alert*/
.dlg-alertSuscriptor {
    max-width: 430px;
    max-height: 630px;
    background: linear-gradient(189deg, #1380b4, #054055) !important;
    color: white;
}

    .dlg-alertSuscriptor p {
        font-size: 14px;
        font-family: 'VERDANA';
    }

    .dlg-alertSuscriptor .dat-pag {
        background: white;
        color: #159de0;
    }

.plan-suscriptor {
    display: flex;
    margin: -8px;
    background: transparent;
    margin-top: 5px;
    margin-bottom: 5px;
}

.icons-alerts p {
    font-size: 20px;
    color: #159de0;
    font-family: 'tahoma-bold';
}

.dlg-alertSuscriptor .modal-body {
    display: flex;
    flex-direction: column;
    flex: 1;
    overflow: auto;
}
/*#endregion*/

/* Region modal Mas Servicios*/

.dlg-masServicios {
    max-width: 500px;
    max-height: 709px;
    background: linear-gradient(189deg, #1380b4, #054055) !important;
    color: white;
}

    .dlg-masServicios p {
        font-size: 16px;
        font-family: 'seguisb';
    }

    .dlg-masServicios a {
        color: #e8ecf5;
        font-family: 'segoeuib';
        text-decoration: underline !important;
        display: flex;
        justify-content: end;
        padding: 5px 42px 0px 0px
    }

        .dlg-masServicios a:hover {
            color: #bad6e5;
        }

    .dlg-masServicios .dat-pag {
        background: white;
        color: #159de0;
    }

    .dlg-masServicios .modal-body {
        display: flex;
        flex-direction: column;
        flex: 1;
        overflow: auto;
    }

/*#endregion*/



/*#Region Modal Exportar XML*/
.modal-exportar-xml .w-icaldr {
    margin-left: -2px;
    width: 43px;
    height: 43px;
}

.modal-exportar-xml .cad-caldr h6 {
    margin-top: -3px;
}
/*#Region modal reporte 01*/
/*[aria-labelledby*="DlgReporteVentaslabel"], .box-right-report01 [aria-labelledby*="DlgReporteVentaslabel"] > div:nth-child(1), .box-right-report01 [aria-labelledby*="DlgReporteVentaslabel"] > div > div:nth-child(1) {
    height: 100%;
}*/
/*#endRegion*/
/*Modal Reporte01*/
.Dgl-reporteVentas .listGroup-four > .d-flex {
    overflow: hidden;
}

    .Dgl-reporteVentas .listGroup-four > .d-flex .ContectImprimir {
        flex: 1;
    }