/* Columna de la derecha*/
.left_col {
    background: #000000
}

/* Centrar todo el contenido del body */
body.login_background {
  background-image: url("/libs/version_3/images/bg-anillamiento.jpg");
  display: flex;
  justify-content: center; /* horizontal */
  align-items: center;     /* vertical */
  height: 100vh;           /* ocupar toda la ventana */
  margin: 0;
  font-family: Arial, sans-serif;
}

/* Contenedor principal del login */
.login-container {
  background: rgba(255, 255, 255, 0.9); /* fondo semi-transparente */
  padding: 40px;
  border-radius: 10px;
  max-width: 380px;
  width: 100%;
  box-shadow: 0 0 20px rgba(0,0,0,0.2);
}

/* Título centrado */
.login-container h2 {
  text-align: center;
  margin-bottom: 25px;
  font-weight: 600;
}

/* Inputs */
.login-container input[type="text"],
.login-container input[type="password"] {
  margin-bottom: 15px;
}

/* Botón */
.login-container .btn {
  width: 100%;
  margin-top: 10px;
}

/* Enlace recuperar contraseña */
.login-container a {
  display: block;
  text-align: right;
  font-size: 0.9em;
  margin-bottom: 10px;
}


/* Parte de arriba */
.nav_menu {
    background: #EDEDED;
    border-bottom: #D9DEE4;
}

/* Fondo del panel */
body .container.body .right_col {
    background: #FFFFFF
}

.nav_title {
    background: #000000;
    /* background: #2A3F54; */
}

.blue {
    color: #3498DB
}
.purple {
    color: #9B59B6
}
.green {
    color: #1ABB9C
}
.aero {
    color: #9CC2CB
}
.red {
    color: #E74C3C
}
.dark {
    color: #34495E
}
.border-blue {
    border-color: #3498DB !important
}
.border-purple {
    border-color: #9B59B6 !important
}
.border-green {
    border-color: #1ABB9C !important
}
.border-aero {
    border-color: #9CC2CB !important
}
.border-red {
    border-color: #E74C3C !important
}
.border-dark {
    border-color: #34495E !important
}
.bg-white {
    background: #fff !important;
    border: 1px solid #fff !important;
    color: #73879C
}
.bg-green {
    background: #1ABB9C !important;
    border: 1px solid #1ABB9C !important;
    color: #fff
}
.bg-red {
    background: #E74C3C !important;
    border: 1px solid #E74C3C !important;
    color: #fff
}
.bg-blue {
    background: #3498DB !important;
    border: 1px solid #3498DB !important;
    color: #fff
}
.bg-orange {
    background: #F39C12 !important;
    border: 1px solid #F39C12 !important;
    color: #fff
}
.bg-purple {
    background: #9B59B6 !important;
    border: 1px solid #9B59B6 !important;
    color: #fff
}
.bg-blue-sky {
    background: #50C1CF !important;
    border: 1px solid #50C1CF !important;
    color: #fff
}

body {
    color: #000000;
    background: #FFFFFF;
}

.progress-bar-dark {
    background-color: #34495E !important
}
.progress-bar-gray {
    background-color: #BDC3C7 !important
}

a {
    color: #5A738E;
}

.navbar-header {
    background: #34495E
}

.nav.side-menu>li>a:hover {
    color: #F2F5F7 !important
}

.nav.child_menu li.active {
    background-color: rgba(255, 255, 255, 0.06)
}

.nav-md ul.nav.child_menu li:before {
    background: #425668;
}

.nav-md ul.nav.child_menu li:after {
    border-left: 1px solid #425668;
}

.nav.child_menu>li>a {
    color: #E7E7E7;
}

.nav.child_menu li li a.active {
    color: #fff
}

.nav.side-menu>li.active {
    border-right: 5px solid #1ABB9C
}

.nav li.current-page {
    background: rgba(255, 255, 255, 0.05)
}

.nav li li.current-page a {
    color: #fff
}
.nav.side-menu>li.active>a {
    text-shadow: rgba(0, 0, 0, 0.25) 0 -1px 0;
    background: linear-gradient(#334556, #2C4257), #2A3F54;
    box-shadow: rgba(0, 0, 0, 0.25) 0 1px 0, inset rgba(255, 255, 255, 0.16) 0 1px 0
}

.navbar-nav>li>a {
    color: #ECF0F1 !important;
}

.site_title {
    color: #ECF0F1 !important;
}

.nav.navbar-nav>li>a {
    color: #515356 !important
}

.sidebar-footer {
  background: #005050;
}

.sidebar-footer a {
    background: #000000;
    color: #000000;
}

.sidebar-footer a:hover {
    background: #FFFFFF
}
.scrollable {
    height: 100%;
    overflow: auto;
}

i.fabutton {
    padding: 5px 10px;
    display: inline-block;
    -moz-border-radius: 100px;
    -webkit-border-radius: 100px;
    border-radius: 100px;
    -moz-box-shadow: 0px 0px 2px #888;
    -webkit-box-shadow: 0px 0px 2px #888;
    box-shadow: 0px 0px 2px #888;
}





.Alert__AlertBkg{
    /*display:none;*/
    visibility:hidden;
    position:absolute;
    z-index:100;
    top:0;
    bottom:0;
    left:0;
    right:0;
    background-color:rgba(255,255,255,.25);
    backdrop-filter:blur(2px)
}

.Login__LoginBlock{
    position:absolute;
    top:50%;
    left:50%;
    width:420px;
    box-shadow:rgba(0,0,0,.25) 0 2px 2px;
    margin-left:-210px;
    font-weight:500;
    transform:translateY(-50%);
    padding:40px 32px 120px;
    border-radius:8px;
    background:url(/faunapyr/img/faunapyr-detail.svg) -70px 420px no-repeat #fff
}
.Login__LoginBlock img{
    display:block;
    width:160px;
    min-height:34px;
    height:auto;
    margin:0 auto 16px
}
.Login__LoginBlock h3{
    display:block;
    margin-bottom:24px;
    font-size:20px;
    font-weight:600;
    text-align:center
}

.Login__Label{
    display:block;
    margin-bottom:8px;
    font-size:14px;
    line-height:14px;
    color:#464646
}

.Login__Input{
    display:block;
    width:100%;
    height:40px;
    box-shadow:#e2e2e2 0 0 0 1px inset;
    margin-bottom:16px;
    font-family:-apple-system,BlinkMacSystemFont,"San Francisco",Roboto,"Segoe UI","Helvetica Neue",sans-serif;
    font-size:14px;
    font-weight:500;
    padding:0 16px;
    border-radius:8px;
    transition:box-shadow .2s ease 0s
}

.MainCard__Discard{
    position:absolute;
    top:8px;
    right:8px;
    cursor:pointer
}
.MainCard__Discard circle{
    -webkit-transition:fill .2s ease;
    transition:fill .2s ease
}
.MainCard__Discard:hover svg circle{
    fill:#aaa
}

.block {
	white-space:nowrap;
}
.enter {
	max-width: 400px;
	word-break: break-all;
}