:root {
  --turquesa-oscuro: #2DB298;
  --turquesa-medio: #ABB2B9;
  --turquesa-claro: rgba(191, 224, 215, 0.3);
  --azul: #334C72;
  --gris: #999999;

  --color-principal: var(--turquesa-oscuro);
  --color-secundario: var(--turquesa-medio);
  --color-contenido: white;
  --color-fondo: var(--turquesa-claro);
  --color-texto: var(--azul);
}

html, body {
    width: 100%;
    height: 100%;
    
    

    
}

body {
	  font-family: Arial,Helvetica Neue,Helvetica,sans-serif; 
    min-height: 100%;
    display: flex;
    display: -webkit-box;      
    display: -moz-box;         
    display: -ms-flexbox;      
    display: -webkit-flex;
    flex-direction: column;
    align-items: stretch;
    
}

light-font .breadcrumb-item + .breadcrumb-item::before {
  color: #fff; }
  .light-font .breadcrumb-item.active {
  color: #cfd8dc; }



footer {
	background-color: var(--color-principal);
  font-weight: bold;
  width: 100%;
 
  
}

footer .row {
	min-height: 37px;
}

.navbar {
  border-bottom: 5px solid var(--color-principal);
	min-height: 82px;
}

.navbar-brand {
  width: 120px;
  height: auto;
}

.nav-link, .navbar-text, .navbar-toggler i{
	color: var(--color-texto) !important;
}

.navbar-toggler i {
  font-size: 30px;
}

.font-sm {
  font-size: 12px;
}

.nav-link:hover, .navbar-item:hover{
	color: var(--color-principal) !important;
}

.nav-link.active, .navbar-item.active, .dropdown-menu.show a.active{
  color: var(--color-principal) !important;
  font-weight: bold !important;
  background-color: white;
}

.box-inicio:hover{
    box-shadow: inset 0 0 100px 100px rgba(255, 255, 255, 0.3);
}

.navbar .dropdown-menu a {
	color: var(--color-texto) !important;
}

.navbar .dropdown-menu a:hover {
	color: var(--color-principal) !important;
	background-color: white !important;
}

.input-group-prepend ~ .form-control{
	border-left: none;
}

.input-group-text {
	border-right: none;
	background-color: white;
	color: var(--color-principal);
}

.borde-color-principal {
	border-color: var(--color-principal);
}

.bg-color-principal {
	background-color: var(--color-principal);
}

.color-principal {
	color: var(--color-principal);
}

.btn-guardar {
  background : url("/static/img/iconos/24/crear-guardar.b1f212105afa.png") no-repeat;
  width: 24px;
  height: 24px;
  border: none;
  font-size: 0;
  padding: 0;
}

.btn-guardar16 {
  background : url("/static/img/iconos/24/crear-guardar.b1f212105afa.png") no-repeat;
  background-size: 16px 16px;
  width: 16px;
  height: 16px;
  border: none;
  font-size: 0;
  padding: 0;
}

.btn-eliminar24 {
  background : url("/static/img/iconos/48/papelera.efebd6c4211d.png") no-repeat;
  background-size: 24px 24px;
  width: 24px;
  height: 24px;
  border: none;
  font-size: 0;
  padding: 0;
}

.btn-traslado24 {
  background : url("/static/img/iconos/48/crear-traslado.64f21ebc6aba.png") no-repeat;
  background-size: 24px 24px;
  width: 24px;
  height: 24px;
  border: none;
  font-size: 0;
  padding: 0;
}

.btn-agregar24 {
  background : url("/static/img/iconos/32/agregar.23ac884e5c5b.png") no-repeat;
  background-size: 24px 24px;
  width: 24px;
  height: 24px;
  border: none;
  font-size: 0;
  padding: 0;
}

.btn-agregar16 {
  background : url("/static/img/iconos/16/agregar.af90db4662f5.png") no-repeat;
  width: 16px;
  height: 16px;
  border: none;
  font-size: 0;
  padding: 0;
}

.btn-minimizar16 {
  background : url("/static/img/iconos/16/minimizar.9c9fde25a5bb.png") no-repeat;
  width: 16px;
  height: 16px;
  border: none;
  font-size: 0;
  padding: 0;
}

.form-control:focus {
  outline: none !important;
  border: 3px solid var(--color-principal);
  box-shadow: 0 0 0;
}

.bg-dotted {
  padding: 2.25em 1.6875em;
  background-image: -webkit-repeating-radial-gradient(center center, rgba(51, 76, 114, 0.8), transparent 1px, transparent 1px, transparent 100%);
  background-image: -moz-repeating-radial-gradient(center center, rgba(51, 76, 114, 0.8), transparent 1px, transparent 1px, transparent 100%);
  background-image: -ms-repeating-radial-gradient(center center, rgba(51, 76, 114, 0.8), transparent 1px, transparent 1px, transparent 100%);
  background-image: repeating-radial-gradient(center center, rgba(51, 76, 114, 0.8), transparent 1px, transparent 1px, transparent 100%);
  -webkit-background-size: 8px 8px;
  -moz-background-size: 8px 8px;
  background-size: 8px 8px;
}