body {
/* 	background: #f8f9fa; */
/*background:  #f2f2f2;*/
background:  #f8f9fa;

scrollbar-width: thin !important;
}

.navbar-toggler {
	border: none;
}

.navbar-toggler:focus {
	border: none;
	box-shadow: none;
}

.offcanvas.show .dropdown-menu {
	border: none;
}

:root {
  --color-corporativo-1: #00C7B0;
  --color-corporativo-2: #595959;
  --color-corporativo-3: #ffffff;
  --color-corporativo-4: #B9D100;
  --color-corporativo-5: #E4367B;
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
    transition: background-color 5000000s ease-in-out 0s;
}


.color-corporativo-1 {
	color: var(--color-corporativo-1);
}

.color-corporativo-2 {
	color: var(--color-corporativo-2);
}

.color-corporativo-3 {
	color: var(--color-corporativo-3);
}

.color-corporativo-4 {
	color: var(--color-corporativo-4);
}

.color-corporativo-5 {
	color: var(--color-corporativo-5);
}

.color-error {
	color: #dc3545;
}

.disabled-opacity-1 {
	opacity: 1 !important;
}

.disabled-background-color-blanco {
	background-color: #fff !important;
}

a {
    color: #00C7B0;
    text-decoration: none;
}

.navbar-tab {
	box-shadow: none !important;
}

.nav-tab {
	padding: .515rem;
	box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
	background: #e1e6ea;
	white-space: nowrap;
}

.nav-tab.activo {
	box-shadow: none !important;
	background: #595959;
}

.panel-vulevu {
	background-color: #fff;
	border-radius: .375rem;
	box-shadow: 0 .125rem .25rem rgba(0,0,0,.075)!important;
}

.panel-vulevu-interno {
	background-color: #fff;
	border-radius: .375rem;
	border: 1px solid rgba(0,0,0,.125);
}

.formulario-fondo-oscuro .form-control {
	border-color: #fff;
	box-shadow: 0 .125rem .25rem rgba(0,0,0,.075);
}

.form-control:focus {
	border-color: #00C7B0;
	box-shadow: 0 .125rem 1rem rgba(0, 176, 235,.075);
}



/*.form-control.form-control-fondo-oscuro:focus {*/
/*	border-color: #00C7B0;*/
/*	box-shadow: 0 .125rem 1rem rgba(0, 176, 235,.075);*/
/*}*/

.nav-tab-link {
	display: inline-block;
/* 	white-space: nowrap; */
}

.nav-tab-close-link {
	display: inline-block;
/* 	position: absolute; */
}

.nav-tab-close-link-hide {
	display: none;
}











.dropdown-item.active, .dropdown-item:active {
    background-color: #00C7B0;
}

.bootstrap-select .btn:focus {
    outline: none !important;
}

/* .table td, .table th { */
/*    	border-top: none !important; */
/* } */

.background-error {
	background-color: #f8d7da !important;
}

.background-transparent {
	background: transparent;
}

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

::-webkit-scrollbar-track {
  background: #fff;
}

::-webkit-scrollbar-thumb {
  background-color: #ccc;
}

.seccion-tipo-documento {
	min-height: 95px;
}

.contrato-nota-importante {
	color: #dc3545;
	font-weight: bold;
}

.contrato-nota-fila:hover {
	background: rgba(0,0,0,.05);
}

pre {
	margin: 0;
    font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    text-align: left;
    background-color: #fff;
}

.boton-modal-si {
	width: 85px;
}

.modal-titulo-success {
	color: #155724;
}

.modal-titulo-error {
	color: #721c24;
}

.modal-titulo-warning {
	color: #856404;
}

.btn-categoria-3 {
	color: var(--color-corporativo-2);
}

.btn-categoria-3:hover {
	color: var(--color-corporativo-1);
}

.btn-categoria-3:focus {
    box-shadow: none;
}

.btn-categoria-3:disabled {
    border: none;
    color: #C7CFD2;
}


.btn-positivo {
	color: #fff;
    background-color: #239A5A;
    border-color: #239A5A;
}

.btn-positivo:hover {
	color: #fff;
    background-color: #346D4F;
    border-color: #346D4F;
}

.btn-positivo:focus {
    box-shadow: none;
}

.btn-negativo {
	color: #495057;
    background-color: #ffffff;
    border-color: #91A1A7;
}

.btn-negativo:hover {
	color: #fff;
    background-color: #495057;
    border-color: #495057;
}

.btn-negativo:focus {
    box-shadow: none;
}













.btn-corporativo-uno {
	color: #fff;
    background-color: #00C7B0;
    border-color: #00C7B0;
}

.btn-corporativo-uno:hover {
	color: #fff;
    background-color: #00e6cb;
}

.btn-corporativo-uno:focus {
    box-shadow: none;
}

.btn-corporativo-dos {
	color: #fff;
    background-color: #595959;
    border-color: #595959;
}

.btn-corporativo-dos:hover {
	color: #fff;
    background-color: #404040;
}

.btn-corporativo-dos:focus {
    box-shadow: none;
}


.btn-outline-azul {
    color: #00C7B0;
    border-color: #00C7B0;
}

.btn-outline-azul:hover {
	color:white;
    background: #00C7B0;
}

#seccion-inicio-sesion {
	padding-top: 150px;
	min-height: 100vh;
	background: white;
}

#inicio-formulario-login {
/*	color: black;*/
	max-width: 350px;
	margin: 0 auto;
/*	padding: 25px 0 25px 0;*/
/*	background-image: linear-gradient(#ffffff, #ffffff);*/
}

.fa-disabled {
  opacity: 0.6;
  cursor: not-allowed;
}


.background-color-corporativo-uno {
	background-color: #00C7B0 !important;
}

.background-color-corporativo-1 {
	background-color: var(--color-corporativo-1)
}

.background-color-corporativo-4 {
	background-color: var(--color-corporativo-4)
}

.background-color-corporativo-5 {
	background-color: var(--color-corporativo-5)
}

.nav-pills .nav-link.active, .nav-pills .show>.nav-link {
	background-color: #00C7B0 !important;
}
	
.nav-link {
	color: #495057;
}

.nav-link.active {
	color: #00C7B0 !important;
}

/*.dropdown-item.seleccionable.active {*/
/*	color: #00C7B0 !important;*/
/*}*/

.navbar .navbar-nav .nav-link:hover {
	color: #00C7B0;
}

.navbar .navbar-nav .nav-item {
  position: relative;
}

.navbar .navbar-nav .nav-item.seleccionable::after {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  background-color: #00C7B0;
  width: 0%;
  content: "";
  height: 3px;
}

.navbar .navbar-nav .nav-item:hover::after {
  width: 100%;
}

.navbar .navbar-nav .nav-item.active::after {
  width: 100%;
}

.navbar .navbar-nav .nav-item::after {
  transition: all 0.5s;
}




























.widget-cantidad {
	color: #00C7B0;
    font-weight: bold;
}


.bootstrap-select > .dropdown-menu {
	z-index: 1035;
}

.fondo {
	background: url("../images/fondo_1.png") no-repeat top center fixed;
	color: white !important;
}

/* .mockup { */
/* 	background: url("../images/mockup.png") no-repeat top center fixed; */
/* } */

.boton_inicio {
	background: rgb(0, 0, 0, 0.4); 
	color: white; 
	width: 100%;
	padding: 0 !important;
	border:none;
	margin-bottom: 0.500rem;
}

.nav-link-sm {
	padding: .25rem .5rem !important;
    font-size: .875rem !important;
    line-height: 1.5 !important;
    border-radius: .2rem !important;
}

.filaTablaSeleccionada {
	background: rgba(0,0,0,.05) !important;
}

.card-body {
	padding-top:0.8rem !important;
}

.tableFixHead          { overflow-y: auto; height: calc(100vh - 200px); }
.tableFixHead thead th { position: sticky; top: 0; border-top:1px;}

.btn-borrar-input {
	border-left: none;
	border-color: #fff;
	background: #fff;
	box-shadow:0 .125rem .25rem rgba(0,0,0,.075)!important;
}

.input-daterange input {
	text-align: left;
}

.btn-borrar-input:focus {
	box-shadow: none;
}

/** BOOSTRAP SELECT **/

/*General*/


.btn-select {
	background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
}

.formulario-fondo-oscuro .btn-select {
	border: 1px solid #fff;
	box-shadow:0 .125rem .25rem rgba(0,0,0,.075)!important;
}


.btn-select:hover {
	background-color: #fff;
    background-clip: padding-box;
border: 1px solid #ced4da;
}

.btn-select:focus {
	border-color: #00C7B0;
	box-shadow: 0 .125rem 1rem rgba(0, 176, 235,.075);
}

.btn-select.show {
    border: 1px solid #00C7B0;
}

.form-control-sm.bootstrap-select .dropdown-item {
	font-size: .875rem;
}

#mensaje-plantilla {
	border-radius: 0;
	position: fixed;
	top: 66px;
	z-index: -1;
	opacity: 0;
	right: 0;
}


.select-plantilla-formulario button {
/* 	background: white; */
	border: none;
}


.form-control.manual-invalid {
    border-color: #dc3545;
}

.cursor-pointer {
	cursor: pointer;
}

.cursor-copy {
	cursor: copy;
}

.custom-file-input {
	cursor: pointer;
}

.custom-file-label {
	cursor: pointer;
}

.custom-file-input ~ .custom-file-label::after {
   font-family: "Font Awesome 5 Free";
   content: "\f574";
   display: inline-block;
   padding-right: 8px;
   vertical-align: middle;
   font-weight: 900;
}

.custom-file-label-sm {
    height: calc(1.5em + .5rem + 2px);
    padding: .25rem .5rem;
    font-size: .875rem;
    line-height: 1.5;
    border-radius: .2rem;	
}

.custom-file-label-sm::after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 3;
    display: block;
    
/*     height: calc(1.5em + .75rem); */
/*     padding: .375rem .75rem; */
/*     line-height: 1.5; */
     height: calc(1.3em + .58rem + 2px);
    padding: .25rem .5rem;
    font-size: .875rem;
    line-height: 1.5;
    border-radius: .2rem;
    color: #495057;
    content: "Browse";
    background-color: #e9ecef;
    border-left: inherit;
    border-radius: 0 .25rem .25rem 0;
}

.detalle-etiqueta {
	font-size: 0.90rem; 
	font-weight: 600;
	cursor: pointer;
}

.contratoDatosFormulario-input-label {
	cursor: pointer;
}

.seccion-titulo {
	font-size: 0.90rem; 
}

label {
	margin-bottom: .4rem;	
}

.log {
	font-family: Consolas, Lucida Console, monospace;
	font-size: 0.9rem;
	line-height: 1rem;
/* 	    border: 1px solid #e9ecef; */
    background: rgba(0,0,0,.05);
	padding: 5px;
	overflow: auto;
	height: calc(100vh - var(--espacio-final-consola));
}

.log-error {
	color: #dc3545;
}

.log-warn {
	color: #ffc61a;
}

@keyframes campana-notificacion {
  1% { transform: rotateZ(15deg); transform-origin: 50% 0%; color: #e43012}
  5% { transform: rotateZ(-15deg); transform-origin: 50% 0%; color: #e43012}
  10% { transform: rotateZ(20deg); transform-origin: 50% 0%; color: #e43012 }
  15% { transform: rotateZ(-20deg); transform-origin: 50% 0%; color: #e43012}
  20% { transform: rotateZ(15deg); transform-origin: 50% 0%; color: #e43012 }
  25% { transform: rotateZ(-15deg); transform-origin: 50% 0%; color: #e43012}
  30% { transform: rotateZ(0); transform-origin: 50% 0%; color: #e43012 }
  100% { transform: rotateZ(0); transform-origin: 50% 0%; color: #0f0f0f}
}


.campana-notificaciones-menu-con-aviso {
  animation-name: campana-notificacion;
  animation-duration: 3s;
  animation-iteration-count: infinite;
  animation-timing-function: ease;
}