/* Sticky footer styles
-------------------------------------------------- */
::-webkit-input-placeholder {
   font-style: italic;
}
:-moz-placeholder {
   font-style: italic;  
}
::-moz-placeholder {
   font-style: italic;  
}
:-ms-input-placeholder {  
   font-style: italic; 
}

:root {
  --color-fondo: #f5f5f5;
}

html {
  position: relative;
  min-height: 100%;
}
body {
  	background-color: var(--color-fondo);
  	position: relative;
  	min-height: 100vh;
  	min-width: 452px;
  	overflow-x: hidden;
}

section {
	padding-top: 1.5% !important;
}

.header {
	padding-top: 100px;
}

.header-fixed-top {
	position: fixed;
  	top: 0;
  	right: 0;
  	left: 0;
  	z-index: 1000;
  	background-color: #000000;
}

.div-borders-card{
	border: 1px solid #AAAAAA !important;
	border-radius: 10px !important;
}

.login-header-content {
    padding: 0.5rem 1rem;
}

.nav-menu-1 {
	padding-top: 20px;
}

.nav-fixed-top {
	position: fixed;
  	top: 0px;
  	right: 15px;
  	left: 15px;
  	z-index: 1000;
}

.menu-core {
	background: #0463c1;  /* fallback for old browsers */
	background: -webkit-linear-gradient(to left, #FE19EF, #0D2BF2);  /* Chrome 10-25, Safari 5.1-6 */
	background: linear-gradient(to left, #FE19EF, #0D2BF2); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
	-webkit-box-shadow: 5px 5px 10px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: 5px 5px 10px 0px rgba(0,0,0,0.75);
	box-shadow: 5px 5px 10px 0px rgba(0,0,0,0.75);
	border-radius: 20px 20px;
	font-weight: bold;
	font-size: 1.15em;
}

.nav-item-menu {
	border-right: 1px solid #ffffff;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 0px;
}

.nav-link-core {
	color: #fff !important;
	font-family: 'regular';
}

.nav-link-core:hover {
	color: #e8e8e8 !important;
	font-family: 'regular';
}

.menu-core .navbar-nav .active > .nav-link {
	color: #fff !important;
}

main {
  margin: 0 auto;
  padding: 10px 10px;
  overflow: hidden;
}

article {
	background-color: #fff;
  	padding: 15px;
  	-webkit-box-shadow: 5px 5px 10px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: 5px 5px 10px 0px rgba(0,0,0,0.75);
	box-shadow: 5px 5px 10px 0px rgba(0,0,0,0.75);
	border-radius: 10px 10px;
	min-height: 200px;
	
	height: 75vh !important;
    overflow: auto;
}

articleDialogs {
    background-color: #fff;
    padding: 15px;
    -webkit-box-shadow: 5px 5px 10px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 5px 5px 10px 0px rgba(0,0,0,0.75);
    box-shadow: 5px 5px 10px 0px rgba(0,0,0,0.75);
    border-radius: 10px 10px;
    min-height: 200px;
    
    height: 70vh !important;
    overflow: auto;
}

.footer {
  padding-bottom: 5px;
  	padding-top: 5px;
  	position: fixed;
  	bottom: 0;
  	right: 0px;
  	left: 0px;
}

.footer-core{
	background: #0463c1;  /* fallback for old browsers */
	background: -webkit-linear-gradient(to left, #FE19EF, #0D2BF2);  /* Chrome 10-25, Safari 5.1-6 */
	background: linear-gradient(to left, #FE19EF, #0D2BF2); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
	-webkit-box-shadow: 5px 5px 10px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: 5px 5px 10px 0px rgba(0,0,0,0.75);
	box-shadow: 5px 5px 10px 0px rgba(0,0,0,0.75);
}

.separalinksRight{
	padding-right: 10px;
}
.separalinksLeft{
	padding-left: 10px;
}

/* Custom page CSS
-------------------------------------------------- */
/* Not required for template or sticky footer method. */

/*body > .container {
  padding: 60px 15px 0;
}*/

/* Move down content because we have a fixed navbar that is 3.5rem tall */
body {
	font-family: Helvetica Neue,Helvetica,Arial,sans-serif;
}

.ui-widget {
	font-family: Helvetica Neue,Helvetica,Arial,sans-serif;
	font-size: 1em;
}

code {
  font-size: 80%;
}

/**
bienvenida
---------------------------------------------------------
 */
 
.titulo {
	font-family: 'bold', Arial, sans-serif;
	font-size: 2em;
}

.subTituloMasGrande{
    font-weight: bold;
    font-size: 1.45em;
}

.subTitulo {
	font-weight: bold;
	font-size: 1.15em;
}

.subTituloSinNegrita {
    font-size: 1.15em;
}

.infBienvenida {
	font-weight: bold;
	font-size: 1em;
	color: #004976;
}
 
.etiquetaLogin {
	font-weight: bold;
	font-size: 1em;
	color: #585858;
}

.etiquetaLetraBlanca{
    font-weight: bold;
    font-size: 1em;
    color: #FFFFFF;
}

.etiquetaInfo {
	font-size: 1em;
	color: #585858 !important;
}

.etiquetaLinkRegistrar {
	font-weight: bold !important;
	font-size: .8em !important;
}

.etiquetaCheckRegistrar {
	font-weight: bold;
	font-size: .8em;
	color: #212529;
}

.btnsLogin {
	background-color: #1f2123 !important;
	color: #0469ce !important;
	font-weight: bold;
	font-size: 1em;
	width: 70%;
    margin: 5px 0 25px;
	height: 35px !important; 
}

.btn-generico {
  display: block;
  width: 100%;
  background-color: #b0b0b0 !important;
}

.btn-limpiar {
  display: block;
  width: 100%;
  background-color: #bdc3c7 !important;
}

.btnsLogin:hover {
	background-color: #0469ce !important;
	color: #1f2123 !important;
}

.infFooter {
	font-weight: normal;
	font-size: .9em;
	color: #585858;
	margin-right: 1rem;
}

.infContactoFooter {
	font-weight: bold;
	font-size: .9em;
	color: #004976;
}

.nav-item-footer {
	border-right: 1px solid black;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 0px;
}

.etiquetaLinkLogin {
	font-weight: bold !important;
	font-size: 1em !important;
}

.marcoBtn{
	border-radius: 50px;
}

.marcoBtn > .ui-button-text-only .ui-button-text {
    padding: 1.3000000000000007em 4em;
}

.btnSeller{
	background: #fff;
	color: #000000 !important;
}

.btnSeller:hover{
	background: #fff;
	color: #000000 !important;
	-webkit-box-shadow: 5px 5px 10px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 5px 5px 10px 0px rgba(0,0,0,0.75);
    box-shadow: 5px 5px 10px 0px rgba(0,0,0,0.75);
    border-radius: 10px 10px;
}

.btnBuyer{
	background: #fff;
	color: #000;
	padding: 0.5em 2em !important; 
	width: 260px;
}

.btnBuyer:hover{
	background: #fff;
	color: #000;
}

/*
.navbar a:hover, .dropdown:hover .dropbtn {
    background-color: #BDBDBD;
}*/

.dropbtn {
    background-color: #4CAF50;
    color: white;
    padding: 16px;
    font-size: 16px;
    border: none;
}

.dropdown {
    position: relative;
    display: inline-block;
}

.dropdown-content {
    display: none;
    position: absolute;
    background-color: #f1f1f1;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
}

.dropdown-content a {
    color: black;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
}

.dropdown-content a:hover {background-color: #ddd;}

.dropdown:hover .dropdown-content {display: block;}

.dropdown:hover .dropbtn {background-color: #3e8e41;}

.dropdown-content[data-placement="left"] {
    left: auto;
    right: 0px;
}

.navbar .nav>li>.dropdown-content[data-placement="left"]:before {
    left: auto;
    right: 9px;
}

.navbar .nav>li>.dropdown-content[data-placement="left"]:after {
    left: auto;
    right: 10px;
}

.ui-messages-info, .ui-messages-warn, .ui-messages-error, .ui-messages-fatal {
    height: auto;
    font-size: 14px;
}

.wrapper-scroll-y {
    overflow-y: visible;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    margin-left: 15px; 
    margin-right: 15px;
}

.table-wrapper-scroll-x {
	display: block;
	overflow-x: auto;
	-ms-overflow-style: -ms-autohiding-scrollbar;
	margin-left: 15px; 
	margin-right: 15px;
}

.btn-nav {
	border: none !important;
	border: hidden !important;
	border: 0px solid !important;
	border-color: inherit;
}

.btn-cerrar {
	border: 1px solid #4fd6ab !important;
	color: #4fd6ab;
}

.accordion .card-header:after {
    font-family: 'Glyphicons Halflings';  
    content: "\e113";
    float: right; 
}
.accordion .card-header.collapsed:after {
    /* symbol for "collapsed" panels */
    content: "\e114"; 
}

.etiquetaInfo1{
	font-size: .5em;
	color: #6c757d !important;
}

.etiquetaInfoGrande{
	font-size: 1em;
	color: #6c757d !important;
}

.tituloAsistente {
	font-weight: bold;
	font-size: 1.2em;
	color: #585858;
}

.etiquetaMenuAsistente {
	font-weight: bold;
	font-size: 1em;
}

.etiquetaFormulario {
	font-weight: bold;
	font-size: .8em;
	color: #212529;
}

.form-input-control input {
  width: 100%;
}

.form-input-calendar input {
  width: 80%;
}

.form-input-calendar input,
.form-input-control input {
  font-family: Arial, Helvetica, sans-serif;
  height: calc(1.5em + 0.75rem + 2px);
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #000;
  background-color: #fff;
  background-clip: padding-box;
  border-radius: 0.25rem;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.form-input-calendar input:hover,
.form-input-control input:hover {
    color: #10171d !important;
}

.ui-autocomplete-items {
    max-height: 300px !important;
    overflow-y: auto !important;
}

.formulario-fecha {
	padding: 0rem 0rem !important;
	border: 0px solid #fff !important;
    width: 100% !important;
}

.formulario-fecha input {
	border: 1px solid #000000 !important;
    background-color: #fff !important;
    width: 100% !important;
}

.formulario-fecha input:hover {
	color: #10171d !important;
}

.btnInfGeneral {
	background-color: red !important;
	color: #ffffff !important;
	font-weight: bold;
	font-size: 1em;
	border: 1px solid #FE2E2E !important;
}

.btnInfGeneral:hover {
	background-color: #ffffff !important;
	color: red !important;
}

.etiquetaBtnInf {
	font-weight: bold;
	font-size: .8em;
	color: red;
}

.tituloResultadoRegistro {
	font-family: 'medium';
	font-size: 2em;
}

.informacionResultadoRegistro {
	font-family: 'thin';
	font-weight: bold;
	font-size: 1.5em;
}

.txtMenuAsistente {
	font-weight: bold;
	font-size: 1.2em;
	color: #004976;
}

.separadorAsistentes {
	height: 2px;
	background: #004976;
	width: 100%;
}

.btnMenuAsistente {
	background-color: #0085AD !important;
	color: #253746 !important;
	font-weight: bold;
	font-size: 1.2em;
	border: 1px solid #0085AD !important;
}

.btnMenuAsistente:hover {
	background-color: #253746 !important;
	color: #0085AD !important;
}

.btnMenuAsistenteSeleccionado {
	background-color: #253746 !important;
	color: #0085AD !important;
	font-weight: bold;
	font-size: 1.2em;
	border: 1px solid #0085AD !important;
}

.iconosMenuAsistente {
	color: #ffffff !important;
}

.iconosMenuAsistente:hover {
	color: #ffffff !important;
}

.btnGuardarGral {
	font-weight: bold;
	font-size: 1.3em;
	width: 130px;
}

.btnElimnarGral {
	font-weight: bold;
	font-size: 1.3em;
	width: 130px;
}

.txtNomAsistenteSel {
	font-weight: bold;
	font-size: 1.3em;
	color: black;
}

.ui-growl {   
    left: 37%;
    top: 35% !important;
}

.headerInicio {
	padding-top: 10px;
}

.subMenuActivo {
  background-color: #c0c0c0 !important;
}

.poweredBy {
	font-family: 'bold', Arial, sans-serif;
	font-size: .9em;
	color: #919191;
	margin-right: 1rem;
}

.poweredBy:hover {
	color: #585858;
}

.alert-error-core {
  color: #9b0a0a;
  background-color: #ffffff;
  border-color: #9b0a0a;
  border: 1px solid !important;
}

.error-motivo {
	font-size: 1.2em;
	color: #585858;
}

.error-mensaje {
	font-size: 1.2em;
	color: #9b0a0a;
	font-family: 'light', Arial, sans-serif;
}

.label-confirmacion {
	font-size: 1.3em;
	font-weight: bold;
	color: #363636;
	font-family: 'condensedbold', Arial, sans-serif;
}

.tamVideo{
	width: 420px;
	height: 236px;
}

.yt-video-overlay{
	position: fixed;
	inset: 0;
	background: rgba(0,0,0,0.6);
	opacity: 0;
	pointer-events: none;
	transition: all 400ms ease;
}

.yt-video-overlay.active{
	opacity: 1;
	pointer-events: auto;
}

.yt-video-popup{
	position: fixed;
	width: 60%;
	background: red;
	margin-top: 8%;
	left: 50%;
	transform: translate(-50%, -100%);
	transition: all 400ms ease;
}

.yt-video-overlay.active .yt-video-popup{
	transform: translate(-50%, 0);
	
}

.yt-video-popup iframe{
	width: 100%;
	height: 100%;
	aspect-ratio: 16/9;
}

.yt-video-overlay1{
	position: fixed;
	inset: 0;
	background: rgba(0,0,0,0.6);
	opacity: 0;
	pointer-events: none;
	transition: all 400ms ease;
}

.yt-video-overlay1.active{
	opacity: 1;
	pointer-events: auto;
}

.yt-video-popup1{
	position: fixed;
	width: 60%;
	background: red;
	margin-top: 10%;
	left: 50%;
	transform: translate(-50%, -100%);
	transition: all 400ms ease;
}

.yt-video-overlay1.active .yt-video-popup1{
	transform: translate(-50%, 0);
	
}

.yt-video-popup1 iframe{
	width: 100%;
	height: 100%;
	aspect-ratio: 16/9;
}

.linea-footer{
	border-top: 1px solid #ced6e0; 
	margin-top: 15px; 
	margin-bottom: 15px;
}

.btnSignIn{
	border: 2px solid #253746;
	border-radius: 10px;
	padding: 3px 10px;
	color: #253746 !important;
}

.btnSignIn:hover{
	color: #00a8ff !important;
	border: 2px solid #00a8ff;
}

.btnReturnForgotPass{
	margin-top:	12%;
	border-bottom: 2px solid #253746;
	padding: 3px 10px;
}

.btnReturnForgotPass:hover{
	border-bottom: 2px solid #0463c1;
}

#dlgNotify{
	background: linear-gradient(#ecf0f1 0 0) padding-box, /*this is your grey background*/
    linear-gradient(to right, #0D2BF2, #FE19EF) border-box;
	border-radius: 20px;
    border: 5px solid transparent;
	-webkit-box-shadow: -1px 14px 25px 4px rgba(0,0,0,0.56);
	-moz-box-shadow: -1px 14px 25px 4px rgba(0,0,0,0.56);
	box-shadow: -1px 14px 25px 4px rgba(0,0,0,0.56);
	padding-bottom: 10px;
	padding-left: 10px;
	width: 480px;
    margin-left: 30px;
    margin-bottom: 10px;
}

.linkEstilo{
	font-weight: bold;
	text-decoration: none;
}
.linkEstilo:hover{
	text-decoration: none;
}

.welcomeTamVideo{
	width: 315px;
	height: 177px;
}
.welcomeVideo{
	background: #0463c1;  /* fallback for old browsers */
	background: -webkit-linear-gradient(to left, #FE19EF, #0D2BF2);  /* Chrome 10-25, Safari 5.1-6 */
	background: linear-gradient(to left, #FE19EF, #0D2BF2); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
	-webkit-box-shadow: 5px 5px 10px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: 5px 5px 10px 0px rgba(0,0,0,0.75);
	box-shadow: 5px 5px 10px 0px rgba(0,0,0,0.75);
    padding: 5px;
    border-radius: 20px;
    
    position: absolute;
    right: 30px;
}

.btnSearch1{
    background: #0D2BF2 !important;
    width: auto;
    color: #fff !important;
    border: 1px solid #0D2BF2 !important;
}

.btnSearch1:hover {
    -webkit-box-shadow: 5px 5px 10px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 5px 5px 10px 0px rgba(0,0,0,0.75);
    box-shadow: 5px 5px 10px 0px rgba(0,0,0,0.75);
    border-radius: 10px 10px;
}

.btnClear1{
	background: #FE19EF;
	color: #fff !important;
	border: 1px solid #FE19EF;
}

.btnClear1:hover{
	background: #FE19EF;
	border: 1px solid #FE19EF;
}

.btnSearch2 {
  color: #fff !important;
  background-color: #17a2b8 !important;
  font-weight: normal !important;
}

.welcomeTitulo{
	color: #0D2BF2; 
	font-size: 8.0rem !important; 
	font-style: italic; 
	font-weight: bold; 
	margin-left: 10px; 
	text-align: center; 
	width: 100%;
}

.imgLogo{
	width: 100%;
	height: 100%;
}

.iconNotify{
	border-radius: 50px;
}

.textoMenuNombre{
	text-decoration:none;
	color:white; 
	font-size: 1.2vw;
	margin-left: 0;
}

.textoMenu{
	text-decoration:none;
	color:white; 
	font-size: 1.2vw;
}

.cuadroInvisible{
	background: #000; 
	position: absolute; 
	opacity: 0; 
	height: 82%; 
	width: 43.5%;
}

.marginCard{
	margin-top: 2%; 
	margin-bottom: 2%;
}

.avisoComiAftTax::before{
	content: "\f06a";
    font-size: 15px;
}
.icon-app-avisoComi::before {
	font-family: "Font Awesome 5 Free";
	font-size: 15px;
	color: #FE19EF;
}

.ayudaOther::before{
	content: "\f059";
    font-size: 15px;
}
.icon-app-other::before {
	font-family: "Font Awesome 5 Free";
	font-size: 15px;
	color: #0D2BF2;
}

.poc-cuadro-info{
	width: 65%;
}

.poc-cuadro-accion{
	margin-left:10px;
}
/* ------------------------------------ estilos para fijar columnas a lo alto de la pantalla ------------------------------------*/
.table-fixed tbody {
    display:block;
    height:auto;
    overflow:auto;
}

.table-fixed thead, .table-fixed tbody tr {
    display:table;
    width:100%;
    table-layout:fixed;
}

.table-fixed thead {
    width: calc( 100% - 1.1em )
}


.table-fixed2 tbody tr, .table-fixed2 thead {
    height:auto;
    table-layout:fixed;
}
           
.table-fixed2 thead th {
    background-color: #0D2BF2 !important;
    border: 1px solid #fff !important;
    font-family: 'regular';
    color: #ffffff !important;
}

.table-fixed2 thead th input {
    border: 0px solid !important;
}

.table-fixed2 thead th:hover {
    background-color: #105e8b !important;
    color: #1897FF !important;
}

.table-fixed2 tr:nth-child(even) {
  background-color: #CADFF5;
}

.table-fixed2 tbody tr:hover {
    background-color: #98b9dc;
    color: inherit;
    border: inherit;
}

/* ------------------------------------ /estilos para fijar columnas a lo alto de la pantalla ------------------------------------*/

.inf-imp-ayuda {
	font-family: 'medium';
	font-size: 0.90em;
	color: #ff0000;
}

.inf-imp-ayuda:hover {
	text-decoration: none;
	color: #ff0000;
}

.icon-ayuda {
	font-size: 28px; 
	color: #e17009 !important;
}

.btn-core-primary {
	border: 1px solid #253746 !important;
	color: #fff !important;
	background: #253746 !important;
}

.btn-core-primary:hover {
	border: 1px solid #0463c1 !important;
	color: #fff !important;
	background: #0463c1 !important;
}

.btn-azulito{
  font-size: 15px; 
  color: #fff !important;
  border: 2px solid #105e8b !important;
  background-color: #17a2b8 !important;
  font-weight: normal !important;
  display: block;
  width: 100% !important;
}

.btn-basura {
    color: #fff !important;
    width: auto;
    background: #FE19EF !important;
    border: 1px solid #FE19EF !important;
}

.btn-basura:hover {
    -webkit-box-shadow: 5px 5px 10px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 5px 5px 10px 0px rgba(0,0,0,0.75);
    box-shadow: 5px 5px 10px 0px rgba(0,0,0,0.75);
    border-radius: 10px 10px;
}

.btn-morado {
    color: #fff !important;
    width: auto;
    background: #8123F1 !important;
    border: 1px solid #8123F1 !important;
}

.btn-morado-size {
	width:100% !important;
}

.btn-morado:hover {
    -webkit-box-shadow: 5px 5px 10px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 5px 5px 10px 0px rgba(0,0,0,0.75);
    box-shadow: 5px 5px 10px 0px rgba(0,0,0,0.75);
    border-radius: 10px 10px;
}

.btnClean span{
	padding: .3em 1.8em .3em 1.8em !important;
}

.btn-uploadBar > .ui-fileupload-buttonbar  {
    background: #8123F1 !important;
}

.btn-uploadButton > .ui-fileupload-buttonbar > .ui-fileupload-choose {
    background: #8123F1 !important;
    color: #fff !important;
}

.dropdown-menu-fragmento-azul {
	background-color: #0D2BF2 !important;
}

.dropdown-menu-fragmento-morado {
	background-color: #8123F1 !important;
}

.dropdown-menu-fragmento-rosa {
	background-color: #FE19EF !important;
}

.dropdown-item {
	color: #fff;
}

.dropdown-item.active {
	background-color: #f5f5f5;
	
}

.dropdown-item.active a{
	color: #000;
}

.btn-info {
  color: #fff !important;
  background-color: #17a2b8 !important;
  border-color: #17a2b8 !important;
  font-weight: normal !important;
}

.btn-info:hover {
  color: #fff !important;
  background-color: #138496 !important;
  border-color: #117a8b !important;
}

.btn-primary {
  color: #fff !important;
  background-color: #007bff !important;
  border-color: #007bff !important;
  font-weight: normal !important;
}

.btn-primary:hover {
  color: #fff !important;
  background-color: #0069d9 !important;
  border-color: #0062cc !important;
  font-weight: normal !important;
}

.btn-primary:focus, .btn-primary.focus {
  box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5) !important;
}

.btn-danger {
  color: #fff !important;
  background-color: #dc3545 !important;
  border-color: #dc3545 !important;
  font-weight: normal !important;
}

.btn-danger:hover {
  color: #fff !important;
  background-color: #c82333 !important;
  border-color: #bd2130 !important;
  font-weight: normal !important;
}

.btn-danger:focus, .btn-danger.focus {
  box-shadow: 0 0 0 0.2rem rgba(225, 83, 97, 0.5) !important;
}

.icon-eliminar {
	font-size: 28px; 
	color: #253746 !important;
}

.icon-eliminar:hover {
	color: #0463c1 !important;
}

.icon-menu-asistente {
	font-size: 18px; 
}

.link-menu-asistente {
	font-family: 'medium';
	font-size: 0.80em;
	color: #253746;
	margin-top: 5px;
}

.link-menu-asistente:hover {
	color: #0575E6;
	text-decoration: none;
}

.nav-menu-asistente {
	padding-top: 30px;
}

.nav-menu-asistente-fixed-top {
	position: fixed;
  	top: 123px;
  	left: 15px;
  	right: 15px;
  	z-index: 950;
  	border-top: 2px solid #fff !important;
}

.menu-asistente {
	background-color: #f8f9fa !important;
	height: 56px;
	margin-top: -15px;
	margin-left: 0px;
	margin-right: 0px;
  	border-radius: 0px 0px 15px 15px;
  	-webkit-box-shadow: 5px 5px 10px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: 5px 5px 10px 0px rgba(0,0,0,0.75);
	box-shadow: 5px 5px 10px 0px rgba(0,0,0,0.75);
}

.nav-menu-core-center {
	-ms-flex-pack: center !important;
	justify-content: center !important;
}

.zoom-icono-user-core {
	zoom: 115%;
}

.zoom-icono-user-core-2 {
	zoom: 115%;
}

.widht-icono-user-core {
	width: 70px;
}

.widht-icono-user-core-2 {
	width: 70px;
}

.titulo-workspace{
	font-family: 'bold', Arial, sans-serif;
	font-size: 1.8em;
}

.margin-btns {
  margin-top: 20px !important;
  margin-bottom: 20px !important;
}

.dropdown-menu {
	background-color: #C5CEDD;
}

.nav-link-core {
	font-size: 1.2vw;
}

.moverTexto{
	text-align: right;
}
.letraDialog{
    font-size: 1.0vw;
}

.conMargen {
	width: 150px;
}

.sinMargen {
	width: auto;
}

.itTaxedReturnAmount{
	margin-left: 30px;
}

.icono {
  filter: saturate(0);
}

@media only screen and (hover: none) and (pointer: coarse){

}

@media (max-width: 1000px) {
    .nav-menu-1 {
        padding-top: 60px;
    }
    
    .nav-menu-asistente-fixed-top {
        top: 118px !important;
    }
}

@media only screen and (orientation: landscape) {
    .imagenDialogo{
        width: 50% !important; 
        height: 90vh !important;
    }
}

@media only screen and (orientation: portrait) {
    .imagenDialogo{
        width: 90vw !important; 
        height: 50vh !important;
    }
}

#frameDialogoPdf{
        width: 85% !important;
        height: 74vh !important;
    }

@media all and (min-height: 100px) {
    .pdfDialogoSinEncabezado{
        width: 90% !important;
        height: 74vh !important;
    }
    
    .pdfDialogo{
        width: 90% !important;
        height: 60vh !important;
    }
    
    .tamIconNoti{
        width: 50px !important;
        height: 50px !important;
        border-radius: 50%;
    }
}

.scrollPanelDialogStyle{
	max-height: 90vh; 
	border: 1px solid transparent !important; 
	overflow-x: hidden; 
	text-align: center;
}

.dlgInfoOrder{
    width: 75% !important;
    overflow-y: auto !important;
    max-height: 90vh; 
    min-height: 110px !important;
}
        
.outputLabelDialogStyle{
	font-size: 1.5em; 
	background:rgba(255,255,255,0.75); 
	color:#000; 
	border-radius: 10px 10px;
}

.iconoFlechaDialogStyle{
	color:#FE19EF; 
	font-size: 2.0em;
}

@media only screen and (min-height: 600px) {
    .table-fixed tbody {
        height:260px;
    }
}

@media only screen and (min-height: 700px) {
    .table-fixed tbody {
        height:330px;
    }
    
}

@media only screen and (max-height: 780px) {
    .footer {
        position: absolute;
        bottom: auto;
    }
}

@media only screen and (max-height: 800px) {
    .tamVideo{
        width: 315px;
        height: 177px;
    }
    
}

@media only screen and (max-height: 850px) {
    
    .footer {
        position: absolute;
        bottom: auto;
    }
    
    article {
        height: 75vh !important;
    }
}

@media only screen and (min-height: 900px) {
    .table-fixed tbody {
        height:530px;
    }
    
    article {
        height: 77vh !important;
    }
}

@media only screen and (min-height: 1000px) {
    .table-fixed tbody {
        height:690px;
    }
    article {
        height: 79vh !important;
    }
}

@media only screen and (min-height: 1300px) {
    article {
        height: 85vh !important;
    }
}

@media only screen and (min-height: 1600px) {
    article {
        height: 90vh !important;
    }
}

@media (max-width: 8000px){
	.welcomeTitulo{
		font-size: 17.0rem !important;
	}
	
	.imgLogoDoc{
        width: 205px;
        height: 90px;
    }
    
	.imgLogo{
		width: 25%;
		height: 25%;
	}
	
	.welcomeVideo{
		width: 15%;
	}
}

@media (max-width: 6800px){
	.welcomeTitulo{
		font-size: 17.0rem !important;
	}
	
	.imgLogo{
		width: 25%;
		height: 25%;
	}
	
	.welcomeVideo{
		width: 15%;
	}
}
@media (max-width: 5800px){
	.welcomeTitulo{
		font-size: 12.0rem !important;
	}
	
	.imgLogo{
		width: 25%;
		height: 25%;
	}
	
	.welcomeVideo{
		width: 15%;
	}
}
@media (max-width: 4800px){
	.welcomeTitulo{
		font-size: 11.0rem !important;
	}
	
	.imgLogo{
		width: 25%;
		height: 25%;
	}
	
	.welcomeVideo{
		width: 25%;
	}
}
@media (max-width: 3800px){
	.welcomeTitulo{
		font-size: 10.0rem !important;
	}
	
	.imgLogo{
		width: 25%;
		height: 25%;
	}
	
	.welcomeVideo{
		width: 35%;
	}
}
@media (max-width: 2800px){
	
	.welcomeTitulo{
		font-size: 9.0rem !important;
	}
	
	.imgLogo{
		width: 25%;
		height: 25%;
	}
	
	.welcomeVideo{
		width: 35%;
	}
}

@media (max-width: 2000px){
	
	.welcomeTitulo{
		font-size: 9.0rem !important;
	}
	
	.imgLogo{
		width: 20%;
		height: 20%;
	}
	
	.welcomeVideo{
		width: 45%;
	}

	.poc-cuadro-accion{
		margin-left:0px;
	}
}
@media (max-width: 1920px){
	.poc-cuadro-info{
		width: 70%;
	}
}

@media (max-width: 1770px){
	.welcomeTitulo{
		font-size: 8.0rem !important;
	}
	
	.imgLogoDoc{
        width: 205px;
        height: 90px;
	}
	
	.imgLogo{
		width: 25%;
		height: 25%;
	}
	
	.welcomeVideo{
		width: 60%;
	}
	.yt-video-popup{
		margin-top: 12%;
	}
	
	.cuadroInvisible{
		width: 58%;
	}
}

@media (max-width: 1400px){
	.welcomeVideo{
		width: 65%;
	}
	
	.imgLogoDoc{
        width: 170px;
        height: 70px;
    }
    
	.yt-video-popup1{
		margin-top: 13%;
	}
	
	.cuadroInvisible{
		width: 64%;
	}
}

@media (max-width: 1200px){
	.yt-video-popup{
		width: 70%;
		margin-top: 16%;
	}
	
	.yt-video-popup1{
		width: 70%;
		margin-top: 20%;
	}
	
	.welcomeTitulo{
		font-size: 7.0rem !important;
	}
	
	.imgLogo{
		width: 30%;
		height: 30%;
	}
	
	.welcomeVideo{
		width: 70%;
	}
	.cuadroInvisible{
		width: 68%;
	}
}

@media (max-width: 1100px){
	.textoMenu{
		text-decoration:none;
		color:white; 
		font-size: 2.2vw;
	}
	
}

@media (max-width: 1024px) {
	.col-menu-core{
		padding-right: 5px !important; 
		padding-left: 5px !important;
	}
	
	.imgLogoDoc{
        width: 100px;
        height:44px;
    }
    
	.tamVideo{
	    width: 315px;
		height: 177px;
	}
	
	.btnSeller{
		padding: 0.5em 2em !important;
	}
	
	.btnBuyer{
		padding: 0.5em 2em !important; 
		width: 215px;
	}
	.welcomeVideo{
		width: 75%;
	}
	
	.welcomeTitulo{
		font-size: 6.0rem !important;
	}
	.cuadroInvisible{
		height: 82%;
    	width: 72%;
	}
	.itTaxedReturnAmount{
		margin-left: 15px;
	}
}

@media (max-width: 990px){
	.welcomeVideo{
		width: 85%;
	}
	
	.cuadroInvisible{
		height: 82%;
    	width: 82%;
	}
	.dropdown-menu {
		min-width: 18rem;
	}
}

@media (max-width: 900px) {
	.col-menu-core{
		padding-right: 5px !important; 
		padding-left: 5px !important;
	}
	
	.btn-generico{
		width: 120%;
	}
	
	.tamVideo{
	    width: 315px;
		height: 177px;
	}
	
	.imgLogo{
		width: 35%;
		height: 35%;
	}
	.yt-video-popup1 {
	    margin-top: 20%;
	}
	.yt-video-popup{
		margin-top: 24%;
	}
	.cuadroInvisible{
		height: 84%;
    	width: 82%;
	}
}


@media (max-width: 880px){
	.welcomeVideo{
		width: 95%;
	}
	
	.cuadroInvisible{
		height: 84%;
    	width: 92%;
	}
}

@media (max-width: 790px){
	.welcomeVideo{
		width: 100%;
	}
	
	.welcomeTitulo{
		font-size: 5.0rem !important;
	}
	
	.marginCard{
		margin-top: 2%; 
		margin-bottom: -2%;
	}
	
	.letraDialog{
        font-size: 1.7vw;
    }
	
}

@media (max-width: 767px){
	.alinear-contenedor{
		align-items: center;
	}
	.yt-video-popup1 {
	    margin-top: 35%;
	}
	.cuadroInvisible{
		height: 84%;
    	width: 67%;
	}
	.welcomeVideo{
		width: 70%;
		margin-right: 0%;
	}
	
	.marginCard{
		margin-top: 2%; 
		margin-bottom: 2%;
	}
	
	
}

@media (max-width: 680px) {
	
	.tamVideo{
	    width: 236px;
		height: 133px;
	}
	
	.btn-generico{
		width: 120%;
	}
	
	.welcomeTitulo{
		font-size: 4.0rem !important;
	}
	
	.imgLogo{
		width: 40%;
		height: 40%;
	}
	
	.textoMenu{
		text-decoration:none;
		color:white; 
		font-size: 3.2vw;
	}
	
}

@media (max-width: 650px) {
	
	.tamVideo{
	    width: 236px;
		height: 133px;
	}
	
	.btn-generico{
		width: 100%;
	}
	
	.btn-generico{
		width: 120%;
	}
}

@media (max-width: 570px) {
	.tamVideo{
	    width: 177px;
		height: 100px;
	}
	
	.welcomeTamVideo{
	    width: 177px;
		height: 100px;
	}
	
	.btn-generico{
		width: 100%;
	}
	
	.yt-video-popup{
		width: 90%;
		margin-top: 35%;
	}
	
	.yt-video-popup1{
		width: 90%;
		margin-top: 45%;
	}
	
	.welcomeTitulo{
		font-size: 3.0rem !important;
	}
	
	.imgLogo{
		width: 45%;
		height: 45%;
	}
	
}

@media (max-width: 550px) {
	.dlgConfirmCambio {
		width: 85% !important;
	}
	.textoMenu{
		text-decoration:none;
		color:white; 
		font-size: 4.2vw;
	}
	
}

@media (max-width: 425px) {
	body{
		min-width: 0px;
	}
	.yt-video-popup{
		margin-top: 45%;
	}
	.moverTexto{
		text-align: left;
	}
	.letraDialog{
        font-size: 2vw;
    }
    .btnSearch1{
    	width: 100%;
    }
    .btn-basura{
    	width: 100%;
    }
}
@media (max-width: 400px){
	#dlgNotify{
	   width: 240px;
	   margin-left: 0px;
	}
	.yt-video-popup1 {
	    margin-top: 70%;
	}
	.welcomeVideo{
		width: 100%;
	}
	.dropdown-menu {
		min-width: 10rem;
	}
}

@media (max-width: 380px){
	.textoMenu{
		text-decoration:none;
		color:white; 
		font-size: 5.2vw;
	}
	
}

@media (max-width: 320px){
	#dlgNotify{
		padding-top: 15px;
	    padding-bottom: 15px;
	    padding-left: 15px;
	    padding-right: 15px;
	    width: 220px;
	}
	
	.welcomeTitulo{
		font-size: 2.0rem !important;
	}
	
	.imgLogo{
		width: 55%;
		height: 55%;
	}
	
	.yt-video-popup{
		margin-top: 60%;
	}
	.itTaxedReturnAmount{
		margin-left: 0px;
	}
}

.infConfirmCambio {
	font-weight: bold;
	font-size: 1.2em;
	color: #1e1e1e;
}

.dlgConfirmCambio {
	width: 65% !important;
}

.dlgPaymentDetail {
	width: 25% !important;
}

.poweredby-tbanc {
	color: #283344;
  	text-shadow: 2px 2px 4px #000000;
  	font-size: 0.90em;
}

.login-main-section{
    margin:0 auto;
    margin-top:5%;
    padding: 0;
}

.login-core {
	background: #03488d;  /* fallback for old browsers */
	background: -webkit-linear-gradient(to top, #FE19EF, #0D2BF2);  /* Chrome 10-25, Safari 5.1-6 */
	background: linear-gradient(to top, #FE19EF, #0D2BF2); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
	-webkit-box-shadow: 5px 5px 10px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: 5px 5px 10px 0px rgba(0,0,0,0.75);
	box-shadow: 5px 5px 10px 0px rgba(0,0,0,0.75);
	border-radius: 20px 20px;
}

.contenedor-azulito {
    background: #0D2BF2;  /* fallback for old browsers */
    -webkit-box-shadow: 5px 5px 10px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 5px 5px 10px 0px rgba(0,0,0,0.75);
    box-shadow: 5px 5px 10px 0px rgba(0,0,0,0.75);
    border-radius: 20px 20px;
}

.link-core {
	color: #253746;
	font-family: 'medium', sans-serif;
	font-style: italic;
    font-weight: 700;
}

.link-core:hover {
	color: #0463c1;
	text-decoration: none;
}

.login-input input{
    height: 42px;
    font-size: 18px;
    border:0;
    padding-left: 54px;
    border-radius: 5px;
}

.login-input::before{
    font-family: "Font Awesome\ 5 Free";
    position: absolute;
    left: 28px;
    font-size: 22px;
    padding-top:4px;
}

.login-input#key-group::before{
    content: "\f084";
}

.login-input#user-group::before{
    content: "\f007";
}

.login-input#contrasena-group::before{
    content: "\f023";
}

.icon-app:hover {
	text-decoration: none;
}

.icon-app::before {
	font-family: "Font Awesome 5 Free";
	font-size: 28px;
	color: #0D2BF2;
}

.ayuda::before {
    content: "\f059";
    font-size: 28px;
}

.agregar::before {
    content: "\f067";
}

.buscar::before {
    content: "\f00e";
    color: #253746;
}

.buscar-ocultar::before {
    content: "\f010";
    color: #253746;
}

.historial::before {
    content: "\f1da";
    color: #253746;
}

.new-prospect::before {
    content: "\f234";
    color: #253746;
}

.table-reflow tbody {
    display:block;
    height:auto;
    overflow:auto;
}

.table-reflow thead, .table-reflow tbody tr {
    display:table;
    width:100%;
    table-layout:fixed;
}

.table-reflow thead {
    width: 100%
}					
							
.table-reflow thead th {
	font-size: 0.85em !important;
	font-family: 'bold', Arial, sans-serif !important;
	border-left: 1px solid !important;
	border-top: 1px solid !important;
}

.table-reflow thead th input {
	border: 0px solid !important;
}

.table-reflow tr:nth-child(even) {
  background-color: #fffbb3;
}

.table-reflow tbody tr:hover {
	background-color: #fff871;
	color: inherit;
	border: inherit;
}

.table-app thead th {
	font-size: 1em !important;
	font-family: 'bold', Arial, sans-serif !important;
	border: 1px solid !important;
	background-color: #c6d5e1 !important;
}

.ui-chkbox .ui-chkbox-box {
	width: 23px !important;
    height: 23px !important;
    background-color: #fff !important;
    border: 1px solid #ced4da;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.ui-icon-check {
    transform: scale(1.5);
}

.ui-chkbox-icon.ui-icon-check {
	background-position:center;
	background-position: -62px -143px;
}

.formulario-fecha {
	display: block;
	width: 100%;
	height: calc(1.5em + 0.75rem + 2px);
	padding: 0rem 0rem;
	font-size: 1rem;
	font-weight: 400;
	line-height: 1.5;
	border-radius: 0.25rem;
	transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.formulario-fecha input {
	color: #495057;
	background-color: #fff;
	background-clip: padding-box;
	border: 1px solid #ced4da;
	width: 70% !important;
}

.table-app thead th:hover {
	background-color: #253746 !important;
}

.table-app tr:nth-child(even) {
  background-color: #fffbb3;
}

.fondo-busqueda {
	background-color: #dfefff;
}

.form-control-busqueda {
	background-color: #fff !important;
	color: #10171d !important;
}

.form-control-busqueda:hover {
	background-color: #fff !important;
	color: #10171d;
}

.form-control-busqueda:active {
	background-color: #fff !important;
	color: #10171d;
}

.legend-app legend {
	font-size: 1rem !important;
    padding: .2em .2em !important;
    background-color: #c6d5e1 !important;
}

.legend-app legend:hover {
	background-color: #253746 !important;
	color: #fff;
}

.flow-output-disabled{
  display: block;
  width: 100%;
  height: calc(1.5em + 0.75rem + 2px);
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  border-style: solid;
  border-width: thin;
  background-color: #E0E0E0;
  background-clip: padding-box;
  border-radius: 0.25rem;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.form-flow-control {
  display: block;
  width: 100%;
  height: calc(1.5em + 0.75rem + 2px);
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #000;
  background-color: #fff;
  background-clip: padding-box;
  border-radius: 0.25rem;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.form-control-sm-app {
    height: calc(1.5em + .5rem + 2px) !important;
    padding: .15rem .15rem !important;
    font-size: .875rem !important;
    line-height: 1.5 !important;
    border-radius: .25rem !important;
    border: 1px solid #ced4da !important;
    background-color: #fff !important;
    color: #253746 !important;
}

.btn-secondary {
  color: #fff !important;
  background-color: #6c757d !important;
  border-color: #6c757d !important;
  font-weight: normal !important;
}

.btn-secondary:hover {
  color: #fff !important;
  background-color: #5a6268 !important;
  border-color: #545b62 !important;
}

.form-control-border {
	background-color: #fff !important;
	border: 1px solid #ced4da !important;
    border-radius: .25rem !important;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out !important;
    color: #253746 !important;
}

.imagesSizeDialog{
    max-width: 100%;
    max-height: 100%;
    height: auto;
    width: auto;
}

.imagesTam{
	height:530px !important;
	width: 100% !important;
}

.ui-dialog-titlebar{
    background: #0463c1;  /* fallback for old browsers */
    background: -webkit-linear-gradient(to left, #FE19EF, #0D2BF2);  /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to left, #FE19EF, #0D2BF2); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
    color: #FFFFFF !important;
}

.imagenPdf {
    height: 100px; 
}

.divPdf {
    height: 200px;
}
        
.divEspacioImgPdf {
    border-top: 50px solid white;
}

.divEspacioBtnPdf {
    border-top: 85px solid white;
}

.ui-chkbox .ui-chkbox-box {
    border: 1px solid #000;
}

::-webkit-scrollbar {
    width: 20px;
}

/* Track */
::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px grey; 
  border-radius: 10px;
  background: #DDDDDD;
}

/* Handle */
::-webkit-scrollbar-thumb {
  background-image: linear-gradient(rgba(254,25,239,0.6), rgba(13,43,242,0.6));
  border-radius: 10px;
  box-shadow: 5px 5px 10px 0px rgba(0,0,0,0.75);
  border-style: solid;
  border-color: black;
  border-width: 1px;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
    background-image: linear-gradient(rgba(254,25,239,0.9), rgba(13,43,242,0.9));
}

.imgStyleDialog {
    max-height: 100%; 
    max-width: 90%; 
    height: 73vh; 
    width: auto; 
    object-fit: contain;
}

.img3PorFila{
    cursor: zoom-in; 
    height: 20vh; 
    width: auto; 
    object-fit: contain;
}

.nameFoto3PorFila{
	text-align:center; 
	white-space: normal; 
	overflow-wrap: break-word;
}

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

.carousel .carousel-indicators li.active { 
	background-color: #8123F1; 
}

.iconoAyudaStyle{
	position: absolute;
    right: 60px;
}

.headerProductOverview{
    background: #0D2BF2; 
    color: #ffffff; 
    font-weight: bold; 
    pointer-events: none;
}