@charset "UTF-8";


/* Fonts */
@font-face {
  font-family: "Lato-Black";
   src: url("/Bisnet/javax.faces.resource/fonts/Lato/Lato-Black.woff2.xhtml") format('woff2'),
       url("/Bisnet/javax.faces.resource/fonts/Lato/Lato-Black.woff.xhtml") format('woff'),
       url("/Bisnet/javax.faces.resource/fonts/Lato/Lato-Black.ttf.xhtml") format('truetype');
}

@font-face {
  font-family: "Lato-Regular";
   src: url("/Bisnet/javax.faces.resource/fonts/Lato/Lato-Regular.woff2.xhtml") format('woff2'),
       url("/Bisnet/javax.faces.resource/fonts/Lato/Lato-Regular.woff.xhtml") format('woff'),
       url("/Bisnet/javax.faces.resource/fonts/Lato/Lato-Regular.ttf.xhtml") format('truetype');
}

@font-face {
  font-family: "Helvetica";
   src: url("/Bisnet/javax.faces.resource/fonts/Helvetica/Helvetica.woff2.xhtml") format('woff2'),
       url("/Bisnet/javax.faces.resource/fonts/Helvetica/Helvetica.woff.xhtml") format('woff'),
       url("/Bisnet/javax.faces.resource/fonts/Helvetica/Helvetica.ttf.xhtml") format('truetype');
}

@font-face {
  font-family: "Futura-Medium";
   src: url("/Bisnet/javax.faces.resource/fonts/Futura/Futura-Medium.woff2.xhtml") format('woff2'),
       url("/Bisnet/javax.faces.resource/fonts/Futura/Futura-Medium.woff.xhtml") format('woff'),
       url("/Bisnet/javax.faces.resource/fonts/Futura/Futura-Medium.ttf.xhtml") format('truetype');
}

.fondo-menu {
	background-color:#59B4E0;
	text-align: center;
	color: #ffffff;
	font-family: Verdana, Sans-serif;
	font-weight: bold;
	font-size: 13px;
    padding-bottom: 5px;
}

.btn-wsp{
    position:fixed;
    width:45px;
    height:45px;
    line-height: 0px;
    right:30px;
    background:#25d366;
    color:#FFF!important;
    border-radius:50px;
    text-align:center;
    font-size:35px;
    box-shadow: 0px 1px 10px rgba(0,0,0,0.3);
    z-index:100;
    transition: all 300ms ease;
    bottom: 50%;
}
.btn-wsp:hover{
	text-decoration: none;
	color: #0DF053!important;
    background: #FFF!important;
}

.form-title {
	margin: -2rem 0rem 2rem;
}

.btn-round {
	border-radius: 3rem;
}

.delimiter {
	padding: 1rem;
}

.signup-section {
	padding: 0.3rem 0rem;
}

.contenedor {
	background-color: #fff;
}

.margen-contenedor
{
	margin: 0% 5% 0% 5%;
	box-shadow: 0 1rem 1rem rgba(0, 0, 0, .175) !important;
	overflow: hidden;
}

.background-image
{
	background-image: url("/Bisnet/javax.faces.resource/images/contenido/Landingpage.jpg.xhtml");
	background-repeat: no-repeat;
	background-position: top;
	background-attachment: fixed;
	background-size: cover;
}

.bg-color-landing
{
	border: 1px solid rgba(255, 255, 255, 0.4);
	background-color: rgba(0, 0, 0, 0);
}

.custom-control-right {
    padding-right: 4em;
    padding-left: 0;
    margin-left: 0;
    margin-right: 0;
}
.custom-control-right .custom-control-label::after{
    right: -5.0rem;
    left: auto;
}
.custom-control-right .custom-control-label::before {
    right: -6.35rem;
    left: auto;
}

/* switches size for md */

.custom-switch.custom-switch-md .custom-control-label {
    padding-left: 2rem;
    padding-bottom: 1.5rem;
}

.custom-switch.custom-switch-md .custom-control-label::before {
    height: 1.5rem;
    width: calc(2rem + 0.75rem);
    border-radius: 3rem;
}

.custom-switch.custom-switch-md .custom-control-label::after {
    width: calc(1.5rem - 4px);
    height: calc(1.5rem - 4px);
    border-radius: calc(2rem - (1.5rem / 2));
}

.custom-switch.custom-switch-md .custom-control-input:checked ~ .custom-control-label::after {
    transform: translateX(calc(1.5rem - 0.25rem));
}

/* checkbox size */
.custom-control-lg .custom-control-label::before,
.custom-control-lg .custom-control-label::after {
	top: -0.1rem !important;
	left: -2.2rem !important;
	width: 1.85rem !important;
	height: 1.85rem !important;
}

.ui-fileupload-filename {
    display: none !important;
}

.bg-color-representantes
{
	box-shadow: 3px 3px rgba(0,0,0,.075) !important;
	border: 1px solid rgba(0,0,0,.075);
	background-color: rgba(0, 0, 0, 0);
}

.bg-color-figure
{
	background-image: linear-gradient(#003259, #114E7A);
}

.p-figure
{
	font-family: 'Helvetica';
	color: #FFFFFF;
	font-size: 12pt;
	font-weight: normal;
	text-align: justify;
}

.p-figure-landing
{
	font-family: 'Helvetica';
	color: #FFFFFF;
	font-size: 20pt;
	font-weight: normal;
	text-align: center;
}

.p-figure-representantes {
    font-family: 'Helvetica';
    color: #000000;
    font-size: 22pt;
    font-weight: normal;
    text-align: center;
}

.titulo-button-landing
{
	font-family: 'Helvetica'!important;
	color: #FFFFFF;
	font-size: 28pt!important;
	font-weight: bold;
	text-align: center;
}

.titulo-button-representantes
{
	font-family: 'Helvetica';
	color: #FFFFFF;
	font-size: 28pt;
	font-weight: bold;
	text-align: center;
}

.titulo-button-factura {
    font-family: 'Helvetica';
    color: #FFFFFF;
    font-size: 22pt;
    font-weight: bold;
    text-align: center;
}

.figure-height-landing
{
	height: 90%;
}

.figure-height-representantes
{
	height: 95%;
}

.p-figure-strong
{
	font-family: 'Helvetica';
	color: #A1DDF7;
	font-size: 12pt;
	font-weight: normal;
	text-align: justify;
}

.title-figure
{
	font-family: 'Helvetica';
	color: #BBEEFC;
	font-size: 14pt;
	font-weight: bold;
	text-align: center;
}

.cont-factura-content
{
	border-radius: 1.9em;
	background-color: #ddd1f6;
	margin: 2% 1% 0% 1%;
	box-shadow: 0 0rem 1rem #80589F !important;
}

.cont-cobros-content
{
	border-radius: 1.9em;
	background-color: #D1E5ED;
	margin: 2% 1% 0% 1%;
	box-shadow: 0 0rem 1rem #5999D4 !important;
}

.general-article {
	margin-left: 0%;
	padding: 2em;
	text-align: left;
	border-top-left-radius: 0.9em;
	border-top-right-radius: 0.9em;
}

.general-article2 {
	margin-left: 0%;
	padding: 2em;
	text-align: left;
	border-bottom-left-radius: 0.9em;
	border-bottom-right-radius: 0.9em;
}

.btn-factura
{
	color: #fff!important;
	background-color: #966cec;
	border-color: #966cec;
	font-size: 24pt;
	border-radius: 14px;
}

.btn-factura:hover
{
	color: #000000;
}

.btn-cobros
{
	color: #fff!important;
	background-color: #649DE6;
	border-color: #649DE6;
	font-size: 24pt;
	border-radius: 14px;
}

.btn-cobros:hover
{
	color: #000000;
}

.btn-general
{
	color: #fff!important;
	font-size: 24pt;
	border-radius: 14px;
}

.btn-general:hover
{
	color: #000000;
}

#updateCarousel .modal-dialog, #deleteCarousel .modal-dialog, #deleteNCliente .modal-dialog, #updateNCliente .modal-dialog, #updateBody .modal-dialog, #registerCarousel .modal-dialog {
    -webkit-transform: translate(0,-50%);
    -o-transform: translate(0,-50%);
    transform: translate(0,-50%);
    top: 50%;
    margin: 0 auto;
}

.fondoRepresentantes
{
	background: url("/Bisnet/javax.faces.resource/images/menu/gota_representantes.png.xhtml") no-repeat;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	height: 83px;
	width: 204px;	
	margin-right: -20px;
}

.fondoRepresentantes a
{
	font-family: 'Helvetica'; 
	color: white;
	font-size: 12pt;
	position: relative;
	left: 65px;
	top: 14px;
}

.font-parrafo-general
{
	font-family: 'Helvetica';
	color: #3f3f3f;
	font-size: 22pt;
	font-weight: bold;
	text-align: center;
}

.font-title-QS
{
	font-family: 'Helvetica';
	color: #000000;
	font-size: 18pt;
	font-weight: bold;
}

.fondo-QS
{
	background: url("/Bisnet/javax.faces.resource/images/contenido/Quienes-somos.png.xhtml");
	background-repeat: no-repeat;
	background-size: cover; 
	box-shadow: none !important;
}

.fondo-contacto
{
	background: url("/Bisnet/javax.faces.resource/images/contenido/fondoContacto.png.xhtml");
	background-repeat: no-repeat;
	background-size: cover; 
	background-position: center center;
}

.menu-usuario
{
	padding: 0 !important;
	margin: 0 !important;
	white-space: nowrap !important;
	background: none !important;
	border: none !important;
}

.menu-usuario a
{
	color: #fff !important;	
}

.border-img
{
	border-style: solid;
	border-color: #FFF;
	border-width: 2px;
}

.figure-height
{
	height: 580px	
}

.font-titulo-falt
{
	font-family: "Lato-Black";
	font-size: 28pt;
	font-weight: bold;
}

.font-span-falt
{
    font-family: 'Lato-Regular';
    font-size: 20pt;
    color: #191919;
    font-weight: normal;
}

.imgInfo {
	width: 100%;
	text-align: left;
}

.img-contenedor img {
	-webkit-transition: all .9s ease; /* Safari y Chrome */
	-moz-transition: all .9s ease; /* Firefox */
	-o-transition: all .9s ease; /* IE 9 */
	-ms-transition: all .9s ease; /* Opera */
	position: absolute;
	width: 80px;
	top: 25%;
	right: 0;
	left: 0;
	margin: 0 auto;
}

.img-contenedor:hover img {
	-webkit-transform: scale(1.15);
	-moz-transform: scale(1.15);
	-ms-transform: scale(1.15);
	-o-transform: scale(1.15);
	transform: scale(1.15);
}

.img-contenedor {
	width: 300px;
	height: 180px;
}

.img-contenedor2
{
	width: 300px;
	height: 120px;
	margin-right: 7px;
}

.img-contenedor2 img {
	-webkit-transition: all .9s ease; /* Safari y Chrome */
	-moz-transition: all .9s ease; /* Firefox */
	-o-transition: all .9s ease; /* IE 9 */
	-ms-transition: all .9s ease; /* Opera */
	position: absolute;
	width: 70PX;
	top: 25%;
	right: 0;
	left: 0;
	margin: 0 auto;
}

.img-contenedor2:hover img {
	-webkit-transform: scale(1.25);
	-moz-transform: scale(1.25);
	-ms-transform: scale(1.25);
	-o-transform: scale(1.25);
	transform: scale(1.25);
}

.modalLogin {
	background-image: linear-gradient(#003259, #48aee8);
	color: #fff;
	font-family: 'Futura-Medium';
	font-size: 11pt;
}

.font-titulo-figure {
    font-family: 'Helvetica';
    color: #005AA4;
    font-size: 22pt;
    font-weight: bold;
    text-align: center;
}

.font-titulo-footer-landing {
    font-family: 'Helvetica';
    color: #005AA4;
    font-size: 33pt;
    font-weight: bold;
    text-align: center;
}

.modalLogin a
{
	color: #fff!important;
}

.carousel-inner
{
	border-radius: 1.9em;
}

.errorN
{
	font-family: arial;
	color: #FFF;
}

.contact-content
{
	border-radius: 1.9em;
	background-color: #fafeff;
	margin: 2% 1% 0% 1%;
/* 	box-shadow: 0 0rem 1rem #70c5f9 !important; */
	box-shadow: 0 0rem 1rem rgba(0, 0, 0, .175) !important;
	
}

.linea-contact
{
	background-color: #ef5a24;
	text-align: left;
	margin-left: -36%;	
}

.carousel-indicators li 
{
	background-color: black; 
}

.contact-margen
{
	font-family: 'Helvetica';
	margin-top: 10%;
	font-size: 18pt;
	color: #0071ba;
	font-weight: normal;
	margin-top: 0% !important;
}

a:link {
    color: #fff!important;
    text-decoration: none!important;
}

.iconRcontra:hover
{
	font-size: 16px;
}

.iconRcontra
{
	margin-left: 10%;
}
.check-contact label
{
	margin: 0px 0px 0px 10px;
}

.check-contact
{
	font-family: 'Helvetica';
	font-size: 18pt;
	color: #0071ba;
	font-weight: normal;
}

.grid-contact td
{
	display: block;
	float: left;
	white-space: nowrap;
	width: 22%;
	box-sizing: border-box;
	margin-right: 50px;
}

.grid-contact td:nth-child(3n+4) {
    clear: left;
}

.font-contact-h1
{
	font-family: 'Helvetica';
	font-size: 28pt;
	font-weight: bold;
	color: #3f3f3f;
}
.font-contact-content
{
	font-family: 'Helvetica';
	font-size: 17pt;
	color: #3f3f3f;
}

.font-titulo-seccion
{
	font-family: 'Helvetica';
	color: #3f3f3f;
	font-size: 28pt;
	font-weight: bold;
	text-align: center;
}

.font-seccion-span
{
	font-family: 'Helvetica';
	color: #3f3f3f;
	font-size: 18pt;
	font-weight: normal;
	text-align: justify;
}

.font-seccion-span-qs
{
	font-family: 'Helvetica';
	color: #000000;
	font-size: 12pt;
	font-weight: normal;
	text-align: justify;
}

.font-titulo-seccion-qs
{
	font-family: 'Helvetica';
	color: #008D36;
	font-size: 22pt;
	font-weight: bold;
	text-align: center;
}

.aside-image
{
	background-repeat: no-repeat;
	background-image:url("/Bisnet/javax.faces.resource/images/contenido/boullet.png.xhtml");
	background-size: 456px 208px;
	width: 38px;
	height: 52px;
	animation: lock_animation-large 2000ms steps(1) forwards;
	animation-play-state: running;
	animation-play-state: paused;
	background-position: 0px 0px;
	margin-top: -6px;
}

.font-registro-content
{
	font-family: helvetiva;
	font-size: 12pt;
	color: #3f3f3f;
	font-weight: normal;
}

.font-titulo-registro
{
	font-family: 'Helvetica';
	font-size: 28pt;
	font-weight: bold;
	color: #3f3f3f;
}

.margen-parrafo
{
	margin-top: 5%;
}

.divMenu
{
	background: url("/Bisnet/javax.faces.resource/images/menu/Banner.png.xhtml") no-repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: 450px 100%;
/* 	background-size: 550px 100%; */
	background-position: 98% 0%;
}

.divMenu-session
{
	background: url("/Bisnet/javax.faces.resource/images/menu/Banner2.png.xhtml") no-repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: 580px 100%;
/* 	background-size: 680px 100%; */
	background-position: 98% 0%;
	height: 150px
}

.btn-menu-header
{
	appearance: none;
	outline: 0;
	border: 1px solid rgba(255, 255, 255, 0.4);
	background-color: rgba(255, 255, 255, 0.2);
	border-radius: 3px;
	margin: -10px auto 15px auto;
	display: block;
	text-align: center;
	font-size: 12px!important;
	font-family: 'Helvetica'!important;
	color: white;
	-webkit-transition-duration: 0.25s;
	transition-duration: 0.25s;
	font-weight: 300;
}

.btn-menu-landing
{
	appearance: none;
	outline: 0;
	border: 1px solid rgba(255, 255, 255, 0.4);
	background-color: rgba(255, 255, 255, 0.2);
	border-radius: 10px;
	margin: 15px auto 15px auto;
	display: block;
	-webkit-transition-duration: 0.25s;
	transition-duration: 0.25s;
}

.background-landing-modal
{
	padding-right: 10%;
	padding-left: 10%;
	background-color: rgba(255, 255, 255, 0.9);
}

.titulo-modal-landing
{
	font-family: 'Futura-Medium';
	color: #005ba8;
	font-size: 22pt;
	text-align: center;
	margin-left: 5%;
}

.p-modal-landing
{
	font-family: 'Helvetica';
	color: #3f3f3f;
	font-size: 14pt;
	text-align: justify;
}

.input-modal-landing
{
	font-family: 'Helvetica';
	color: #3f3f3f;
	font-size: 12pt;
	text-align: justify;
}

.input-representantes-landing
{
	font-family: 'Helvetica';
	color: #686868;
	font-size: 24pt;
	text-align: justify;
}

.switch-representantes
{
	font-family: 'Helvetica';
	color: #464646;
	font-size: 18pt;
	text-align: justify;
}

.terminos-representantes
{
	font-family: 'Helvetica';
	color: #4070D1;
	font-size: 26pt;
	text-align: justify;
}

.border-modal-landing
{
	border-radius: 10px!important;
	border-color: #005ba8!important;
}

.size-font-representantes
{
	font-family: 'Helvetica';
	font-size: 18pt;
	color: #686868;
}

.titulo-landing
{
	font-family: 'Helvetica';
	color: #FFFFFF;
	font-size: 48pt;
	font-weight: bold;
	text-align: left;
}

.titulo2-landing
{
	font-family: 'Helvetica';
	color: #FFFFFF;
	font-size: 32pt;
	font-weight: bold;
	text-align: center;
}

.titulo3-landing
{
	font-family: 'Helvetica';
	color: #005ba8;
	font-size: 30pt;
	font-weight: bold;
	text-align: left;
}

.titulo4-landing
{
	font-family: 'Helvetica';
	color: #FFFFFF;
	font-size: 38pt;
	font-weight: bold;
	text-align: center;
}

.titulo-representantes
{
    font-family: 'Lato-Regular';
    color: #4070D1;
    font-size: 39pt;
    font-weight: bold;
}

.titulo2-representantes
{
    font-family: 'Helvetica';
    color: #464646;
    font-size: 36pt;
    font-weight: bold;
}


.titulo-factura
{
	font-family: 'Lato-Regular';
	color: #662d8f;
	font-size: 49pt;
	font-weight: bold;
}

.titulo2-factura
{
    font-family: 'Helvetica';
    color: #565656;
    font-size: 30pt;
    font-weight: bold;
}

.titulo-msj-RF
{
	font-family: 'Helvetica';
    color: #4070D1;
    font-size: 22pt;
}

.btn-menu-estilo
{
	width: 145px;
	margin-right: -40%;
	float: right;
}

.btn-menu-header:hover
{
	background-color: rgba(255, 255, 255, 0.4);
}

.btn-menu-landing:hover
{
	background-color: rgba(255, 255, 255, 0.4);
}

.img-logo-menu
{
	width: 100%;
	margin-left: 10%;
	margin-top: 5%;
}

#logoBisnet
{
	width: 100%!important;
	margin-left: 10%!important;
	margin-top: 5%!important;
}

.carousel
{
	width: 90%;
}

.carousel-item
{
	height: 300px;
}

.carousel-item img
{
	height: 100%;
}

.text-footer a
{
	text-align: center !important;
	font-size: 12pt;
	color: #686868!important;
	font-family: 'Helvetica'!important;
}

#formRegistroU ul, #formContact ul, #formContratar ul, #formActualizarContra ul, #formLanding ul, #formLandingRepresentantes ul, #formLandingFactura ul
{
	list-style: none;
}
.text-footer a:hover
{
	color: #06B7FC!important;
}

.menu-principal ul {
	 list-style-type: none;
	 margin: 0;
	 padding: 0;
	 overflow: hidden;
	 font-family: 'Helvetica';
}

.menu-principal li {
 	float: right;
}

.menu-principal li a {
	 display: block;
	 color: white;
	 text-align: center;
	 padding: 10px;
	 text-decoration: none;
	 font-family: 'Helvetica';
	 font-size: 14px;
}

.menu-principal li a:hover {
	background-color: rgba(255, 255, 255, 0.4);
	border-bottom-left-radius: 1em;
	border-bottom-right-radius: 1em;
	color: #FFF;
	cursor: pointer;
}

/******************************************************
                        Menú responsive
******************************************************/
/* Mini menu */
.navbar-mini-menu {
  background-image: linear-gradient(#003259, #48aee8);
  display: none;
  color: #fff;
	font-size: 10pt;
	font-family: 'Helvetica';
}

.mini-menu-options li a
{
	color: #fff;
	font-size: 10pt;
	font-family: 'Helvetica';
}

.mini-menu-options li a:hover
{
	background-color: rgba(255, 255, 255, 0.4);
	cursor: pointer;
}

.mini-menu-options
{
	padding: 0px 0px 0px 0px;
}
/* Bloque que tiene el boton para desplegar el mini menu */
.navbar-mini-menu .menu-select {
  color: #fff;
  padding: 1rem 1.5rem;
}

/* Span que contiene el icono*/
.navbar-mini-menu .menu-select .btn-select {
  cursor: pointer;
  position: absolute;
  height: 30px;
  width: 30px;
  right: 20px;
  top: 10px;
}

/* Lista del mini menu */
.navbar-mini-menu .mini-menu-options {
  display: block;
}

/* Items del mini menu */
.navbar-mini-menu .mini-menu-options li {
  display: block;
}

/* Submenus de los items del mini menu */
.navbar-mini-menu .mini-menu-options li .submenu {
  display: none;
}

.navbar-mini-menu .mini-menu-options li:focus {
  outline: 0;
}

.navbar-mini-menu .mini-menu-options li:focus > .submenu {
  display: block;
  -webkit-animation-name: showSubMenu;
  -webkit-animation-duration: .4s;
}

/* Enlaces del mini menu */
.navbar-mini-menu .mini-menu-options li a {
  display: block;
  padding: 1rem 1.5rem;
}

/* ***************************************************
                      ANIMACIONES
*****************************************************/
@-webkit-keyframes showSubMenu {
    0% {
      transform: scale(0,0);
    }
  100% {
    transform: scale(1,1);
  }
}

@-webkit-keyframes hideSubMenu {
  0% {
    transform: scale(1,1);
  }
  100% {
    transform: scale(0,0);
  }
}

.color-menu-usuario
{
	appearance: none!important;
	outline: 0!important;
	border-radius: 3px!important;
	padding: 0px 0px 10px 0px !important;
	display: block!important;
	font-size: 14px!important;
	-webkit-transition-duration: 0.25s!important;
	transition-duration: 0.25s!important;
	font-family: 'Helvetica';
}

.ui-menu .ui-menu-parent .ui-menu-child
{
	background-color: rgb(242, 250, 255) !important;
	border-right: 1px solid rgb(112, 196, 248);
	border-left: 1px solid rgb(112, 196, 248);
	border-top: 1px solid rgb(112, 196, 248);
}

.ui-menu .ui-menu-parent .ui-menu-child li a
{
	font-size: 12pt!important;
	color: #686868!important;
}

/* ***************************************************
                      MEDIA QUERIES
*****************************************************/
@media (max-width: 991.98px)
{ 
	.img-logo-menu {
    	width: 100%;
    	margin-top: 0;
		margin-left: 0;
	}
	#logoBisnet
	{
		width: 50% !important;
    	margin-top: 0!important;
		margin-left: 0!important;
	}
	.figure-height
	{
		height: 520px	
	}
}

 /* Extra small devices (portrait phones, less than 576px) */
@media (max-width: 575.98px) 
{
	.img-contenedor2
	{
		width: 300px;
		height: 120px;
		margin-right: -20px;
		margin-left: 15px;
	}
	.img-contenedor2 img {
		-webkit-transition: all .9s ease; /* Safari y Chrome */
		-moz-transition: all .9s ease; /* Firefox */
		-o-transition: all .9s ease; /* IE 9 */
		-ms-transition: all .9s ease; /* Opera */
		position: absolute;
		width: 100%;
		top: 25%;
		right: 0;
		left: 0;
		margin: 0 auto;
	}
	.iconRcontra
	{
		margin-left: 10%;
	}

	.font-titulo-seccion
	{
		font-size: 18pt;
	
	}
	
	.font-seccion-span
	{
		font-size: 10pt;
	}
	.btn-factura
	{
		font-size: 10pt;
	}
	.btn-cobros
	{
		font-size: 10pt;
	}
	.btn-general
	{
		font-size: 10pt;
	}
	
	.parrafo-conta
	{
		margin-bottom: 0rem;
	}
	
	.img-logo-menu {
    	width: 100%;
    	margin-top: 0;
		margin-left: 0;
	}
	#logoBisnet
	{
		width: 100%!important;
    	margin-top: 0!important;
		margin-left: 0!important;
	
	}
	.height-header {
	    height: 150px;
	}
	
	.carousel-item
	{
		height: 125px;
	}

	/* Elimina los margenes al nav */
	  .navbar-menu {
	    margin: 0;
	  }
	  
	  /*Esconde el menu normal*/
	  .divMenu {
	    display: none;
	  } 
	  .divRepresentantes
	  {
	    display: none;
	  }
	  
	  /*Muestra el mini menu*/
	  .navbar-mini-menu {
	    display: block;
	  }
	  
	  /*Esconde la lista del mini menu*/
	  .navbar-mini-menu .mini-menu-options {
	    display: none;
	  }
	.font-span-falt {
	    font-size: 8pt;
	}
	.font-titulo-falt {
	    font-size: 10pt;
	}
	.font-parrafo-general {
    	font-size: 14pt;
	}
	.font-parrafo-viaticos
	{
		font-size: 14pt;
	}
	.figure-height
	{
		height: 640px	
	}
	.p-figure {
	    font-size: 10pt;
	}
	.titulo-landing
	{
		font-size: 30pt;
	}
	.titulo2-landing
	{
		font-size: 22pt;
	}
	.titulo3-landing
	{
		font-size: 22pt;
	}
	.titulo4-landing
	{
		font-size: 30pt;
	}
	.font-titulo-footer-landing {
	    font-size: 26pt;
	}
	.titulo-button-landing
	{
		font-size: 22pt;
	}
	.titulo-button-representantes
	{
		font-size: 12pt;
	}
	.titulo-button-factura {
	    font-size: 12pt;
	 }
	.icePnlPop,.icePnlTlTip {
		width: min-content;
		top: 50% !important;	
	}
	.space-button-representantes
	{
		padding: 0.25rem;
	}	
	.titulo-representantes
	{
	    font-size: 24pt;
	}
	.titulo-factura
	{
		font-size: 24pt;
	}
	.p-figure-representantes {
	    font-size: 14pt;
	}
	.titulo2-representantes {
	    font-size: 18pt;
	}
	.titulo2-factura
	{
	    font-size: 18pt;
	}
	.input-representantes-landing {
	    font-size: 20pt;
	}
	.switch-representantes {
	    font-size: 14pt;
	}
	.custom-control-right {
	    padding-right: 12em;
	}
	.titulo-msj-RF
	{
    	font-size: 16pt;
	}
	.fondo-QS
	{
		background: url("/Bisnet/javax.faces.resource/images/contenido/Quienes-somos-solido.png.xhtml");
		background-repeat: no-repeat;
		background-size: cover; 
		box-shadow: none !important;
	}
	.linea-contact
	{
		margin-left: -5%;
	}
}

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) and (max-width: 767.98px) 
{  
	.height-header {
	    height: 200px;
	}
	.carousel-item
	{
		height: 265px;
	}
	
		/* Elimina los margenes al nav */
	.navbar-menu {
    	margin: 0;
    }
  
 	/*Esconde el menu normal*/
  	.divMenu {
    	display: none;
  	} 
  	
  	.divRepresentantes
	  {
	    display: none;
	  }
	  
	/*Muestra el mini menu*/
	.navbar-mini-menu {
		display: block;
	}
	  
	/*Esconde la lista del mini menu*/
	.navbar-mini-menu .mini-menu-options {
	  display: none;
	}
	.font-seccion-span {
	    font-size: 12pt;
	}
	.btn-contabilidad {
	    font-size: 22pt;
	}
	.btn-factura
	{
		font-size: 22pt;
	}
	.btn-cobros
	{
		font-size: 22pt;
	}
	.btn-general {
	    font-size: 22pt;
	}
	.parrafo-conta
	{
		margin-bottom: 0rem;
	}
	.font-span-falt {
	    font-size: 12pt;
	}
	.font-titulo-falt {
	    font-size: 16pt;
	}
	.btn-viaticos {
	    font-size: 12pt;
	}
		.figure-height
	{
		height: 540px	
	}
	.p-figure {
	    font-size: 10pt;
	}
	.titulo-landing
	{
		font-size: 30pt;
	}
	.titulo2-landing
	{
		font-size: 24pt;
	}
	.titulo3-landing
	{
		font-size: 22pt;
	}
	.titulo4-landing
	{
		font-size: 30pt;
	}
	.font-titulo-footer-landing {
	    font-size: 26pt;
	}
	.titulo-button-landing
	{
		font-size: 22pt;
	}
	.titulo-button-representantes
	{
		font-size: 18pt;
	}
	.titulo-button-factura {
	    font-size: 18pt;
	 }
	.icePnlPop,.icePnlTlTip {
		width: min-content;
		top: 50% !important;	
	}
	.space-button-representantes
	{
		padding: 0.25rem;
	}
	.titulo-representantes
	{
	    font-size: 24pt;
	}
	.titulo-factura
	{
		font-size: 24pt;
	}
	.p-figure-representantes {
	    font-size: 14pt;
	}
	.titulo2-representantes {
	    font-size: 18pt;
	}
	.titulo2-factura
	{
	    font-size: 18pt;
	}
	.input-representantes-landing {
	    font-size: 20pt;
	}
	.switch-representantes {
	    font-size: 16pt;
	}
	.custom-control-right {
	    padding-right: 12em;
	}
	.titulo-msj-RF
	{
	    font-size: 18pt;
	}
	.fondo-QS
	{
		background: url("/Bisnet/javax.faces.resource/images/contenido/Quienes-somos-solido.png.xhtml");
		background-repeat: no-repeat;
		background-size: cover; 
		box-shadow: none !important;
	}
	
	.linea-contact
	{
		margin-left: -22%;
	}
}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) and (max-width: 991.98px) 
{
	.margen-parrafo
	{
		margin-top: 27%;
	}
	.btn-factura
	{
		font-size: 14pt;
	}
	.btn-cobros
	{
		font-size: 14pt;
	}
	.btn-general
	{
		font-size: 14pt;
	}
	.img-logo-menu {
    	width: 50%;
		display: block;
		margin-left: auto;
		margin-right: auto;
		margin-top: 0;
	}
	#logoBisnet
	{
		width: 50%!important;
		display: block!important;
		margin-left: auto!important;
		margin-right: auto!important;
		margin-top: 0!important;
	}
	.carousel-item
	{
		height: 280px;
	}
	.height-header {
	    height: 130px;
	}
	
	/* Elimina los margenes al nav */
	  .navbar-menu {
	    margin: 0;
	  }
	  
	 /*Esconde el menu normal*/
  	 .divMenu {
    	display: none;
  	 } 
  	 
  	 .divRepresentantes
	  {
	    display: none;
	  }
	  
	 /*Muestra el mini menu*/
	 .navbar-mini-menu {
	 	display: block;
	 }
	  
	 /*Esconde la lista del mini menu*/
	 .navbar-mini-menu .mini-menu-options {
	    display: none;
	 }
	 .font-seccion-span {
	    font-size: 12pt;
	}
	.font-span-falt {
	    font-size: 14pt;
	}
	.font-titulo-falt {
	    font-size: 20pt;
	}
	.figure-height
	{
		height: 515px	
	}
	.p-figure {
	    font-size: 10pt;
	}
	.titulo-landing
	{
		font-size: 42pt;
	}
	.titulo2-landing
	{
		font-size: 28pt;
	}
	.titulo3-landing
	{
		font-size: 26pt;
	}
	.titulo4-landing
	{
		font-size: 32pt;
	}
	.font-titulo-footer-landing {
	    font-size: 30pt;
	}
	.titulo-button-landing
	{
		font-size: 24pt;
	}
	.titulo-button-representantes
	{
		font-size: 24pt;
	}
	.titulo-button-factura {
	    font-size: 20pt;
	 }
	.titulo-representantes
	{
	    font-size: 32pt;
	}
	.titulo-factura
	{
		font-size: 32pt;
	}
	.p-figure-representantes {
	    font-size: 18pt;
	}
	.titulo2-representantes {
	    font-size: 22pt;
	}
	.titulo2-factura
	{
	    font-size: 22pt;
	}
	.input-representantes-landing {
	    font-size: 22pt;
	}
	.switch-representantes {
	    font-size: 18pt;
	}
	.size-font-representantes {
	    font-size: 16pt;
	}
	.custom-control-right {
	    padding-right: 6em;
	}
	.titulo-msj-RF
	{
	    font-size: 20pt;
	}
	.fondo-QS
	{
		background: url("/Bisnet/javax.faces.resource/images/contenido/Quienes-somos-solido.png.xhtml");
		background-repeat: no-repeat;
		background-size: cover; 
		box-shadow: none !important;
	}
	.linea-contact
	{
		margin-left: -24%;
	}
}


/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) and (max-width: 1199.98px) { 
	.menu-principal li a {
    	font-size: 10px;
	}
	
	.img-logo-menu {
    	margin-top: 0%;
	}
	#logoBisnet
	{
		margin-top: 0%!important;
	}
	
	.carousel-item {
	    height: 370px;
	}
	.menu-principal ul {
  		font-size: 8pt;
	}
	
	.divMenu {
		background-size: 360px 100%;
/* 	    background-size: 450px 100%; */
	    background-position: 92% 0%;
	}
	
	.btn-menu-estilo
	{
		width: 130px;
		margin-right: -50%;
	}
	.btn-menu-header
	{
		font-size: 11px;
	}
	.font-titulo-falt {
	    font-size: 28pt;
	}	
	.font-span-falt {
	    font-size: 18pt;
	}			
	.menu-content ul
	{
		font-size: 8pt!important;
	}
	.divMenu-session
	{
		background-size: 450px 100%;
/* 		background-size: 550px 100%; */
		height: 130px;
	}
	.figure-height
	{
		height: 630px	
	}
	.p-figure-representantes {
	    font-size: 18pt;
	}
	
	.custom-control-right {
	    padding-right: 6em;
	}
	.linea-contact
	{
		margin-left: -32%;
	}									
}