﻿/* Please see documentation at https://docs.microsoft.com/aspnet/core/client-side/bundling-and-minification
for details on configuring this project to bundle and minify static web assets. */

a.navbar-brand {
    white-space: normal;
    text-align: center;
    word-break: break-all;
    color: #fff;
}

/* Provide sufficient contrast against white background */
a {
  color: #0366d6;
}

.btn-primary {
  color: #fff;
  background-color: #1b6ec2;
  border-color: #1861ac;
}

.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
  color: #fff;
  background-color: #1b6ec2;
  border-color: #1861ac;
}

/* Sticky footer styles
-------------------------------------------------- */
html {
  font-size: 14px;
}
@media (min-width: 768px) {
  html {
    font-size: 16px;
  }
}

.border-top {
  border-top: 1px solid #e5e5e5;
}
.border-bottom {
  border-bottom: 1px solid #e5e5e5;
}

.box-shadow {
  box-shadow: 0 .25rem .75rem rgba(0, 0, 0, .05);
}

button.accept-policy {
  font-size: 1rem;
  line-height: inherit;
}

/* Sticky footer styles
-------------------------------------------------- */
html {
  position: relative;
  min-height: 100%;
}

body {
  /* Margin bottom by footer height */
  margin-bottom: 60px;
}
.footer {
    position: absolute;
    bottom: 0;
    width: 100%;
    white-space: nowrap;
    line-height: 60px; /* Vertically center the text there */
    background-color: #fff;
}

label{
    /*margin-top: 10px;*/
}

input[type=file]{
    display:none;
}

.el-form-item {
    width: 100%;
}

textarea.el-textarea__inner {
    min-width: 400px;
}

.el-table th > .cell {
    word-break: break-word;
}

.menuTop {
    display: inline-block;
    width: 100%;
}

.menuTop > span.line {
    width: 3%;
    height: 30px;
    border-bottom: 2px solid #777;
    display: inline-block;
    float: left;
    margin: 0 5px;
}

.menuTop > a {
    max-width: 85px;
    display: block;
    text-align: center;
    float: left;
    color: #777;
    min-height: 80px;
}

.menuTop>a:hover {    
    color: #333;
}

    .menuTop>a.active {
        color: #e6a23c;
    }

    .menuTop>a>i {
        display: block;
    }

textarea {
    text-transform: uppercase;
}

.panel{
    overflow:auto;
}
 
.searchBox {
    width: 100%;
    height: 40px;
}


    /*************************** Nuevos estilos*/
.fondoLogin{background-image:url('../images/NewVersion/FONDO-01.jpg'),url('../images/NewVersion/FONDO_GRIS.png');background-size:cover;background-position:center center;position:fixed;top:0;left:0;width:100%;height:100%;opacity:1;}
.fondoLogin1{background-color:black;position:fixed;top:0;left:0;width:100%;height:100%;opacity:.5;}
.fondoLogin2{background-image:url('../images/NewVersion/FONDO_GRIS.png');background-size:cover;background-position:center center;position:fixed;top:0;left:0;width:100%;height:100%;opacity:.4;}
.font1{color:black;}
.font2{color:white;}
.font3{color:#f58430;}
.font,*{font-family:Arial;}
.bold{font-weight:bold;}
.el-input__inner{border-radius:0;}
.LoginImg{display:flex;flex-wrap:nowrap;margin-bottom:.2rem;}
.el-form-item__content{width:100%;display:flex;flex-wrap:wrap;padding-right: 10px;}
.LoginImg .imgLogin{width:2rem;display:flex;align-items:center;justify-content:center;height:100%;border:1px solid white;border-top-left-radius:5px;border-bottom-left-radius:5px;}
.LoginImg img{width:1.7rem;}
.LoginImg .el-input__inner{width:calc(100%);}
.LoginImg .el-input{width:calc(100% - 2.1rem);}
.el-button--primary{background-color:#f58430!important;border-color:#f58430!important;border-radius:10px;}
.el-button--primary:hover{background-color:#e4732f!important;border-color:#e4732f!important;}
.el-button{margin-top:.4rem!important;}
.DecoLogin{width:350px;margin-bottom:3rem;}
.DecoLogin img{max-width:100%;}
.verticalCenterLogin{position:fixed;display:flex;top:0;left:0;width:100%; height:100%;transform:translateX(0);align-items:center;justify-content:center;}
.EONLogin{position:fixed;bottom:1rem;right:1rem;width:10rem;z-index:999;height:auto;}
.el-form-item__error{z-index:999;top:.3rem;left:auto;right:-1.4rem;}

@media(max-width:400px)
{
.el-button--primary,.LoginImg,.DecoLogin{width:90%;margin-left:5%;margin-right:5%;}
.EONLogin{position:initial;margin-left:calc(50% - 5rem);}
}
@media(max-height:500px){
.verticalCenterLogin{align-items:flex-start;padding-bottom:3rem;overflow-y:auto;padding-top:3rem;}
.EONLogin{position:initial;margin-left:calc(50% - 5rem);}
}
/*Scrollbar*/
::-webkit-scrollbar {width: 5px; height:5px;}
::-webkit-scrollbar-track {background-color: transparent;} 
::-webkit-scrollbar-thumb {background-color: rgba(0, 0, 0, 0.2);} 
::-webkit-scrollbar-thumb:active,::-webkit-scrollbar-thumb:hover {background-color: rgba(0, 0, 0, 0.6);} 
::-webkit-scrollbar-button {background-color: transparent;height:0px; width:0px;}
::-webkit-scrollbar-corner {background-color: transparent;}

.panel.panel-signin{border-bottom-right-radius:50px;border-top-left-radius:50px;}
.panel-footer{display:none;}
.tituloLogin{font-size:3.5rem;font-weight:bold;color:black;}
.botonLogin{margin-top:2rem;margin-bottom:1rem;}
.botonLogin button,.botonLogin button:active,.botonLogin button:hover{background-color:#079954;border-color:#079954;font-size:1.1rem;}
.etiquetaLogin{color:black;font-size:1.1rem;padding-bottom:.5rem;float:left;padding-top:1rem;}

.panel-default > .panel-heading{background-color:#8f2a2a!important;border-color:#8f2a2a!important;}
.panel-heading .panel-title,.panel-default .panel-heading p{color:white!important;font-weight:bold;}
.panel-btns a:hover,.panel-btns a{color:white;border-color:white;}

.media.profile-left{display:flex;flex-wrap:wrap;background-image:url('../images/NewVersion/pantallas_IPH.jpg');}
.pull-left.profile-thumb{width:6rem;height:6rem;border-radius:60%;margin-left:calc(50% - 3rem);margin-top:.7rem;}
.pull-left.profile-thumb .img-circle{height:5.5rem;width:5.5rem!important;}
.media.profile-left {text-align:center;}
.media.profile-left .media-body{text-align:center;width:100%;}
.media.profile-left .media-body h4,.media.profile-left .media-body small{text-align:center;color:white;}
.headerwrapper{background-color:#8f2a2a!important;}

.leftpanel .nav > li.active > a, .leftpanel .nav > li.active > a:hover{background-color:#8f2a2a!important;}
.el-button.el-button--danger{background-color:#8f2a2a!important;border-color:#8f2a2a!important}
.el-button--warning{background-color:#8f2a2a!important;border-color:#8f2a2a!important}
.border-top.footer.text-muted div{display:none;}
.border-top.footer.text-muted{background-color:#8f2a2a!important;height:1rem;position:fixed;width:100%;bottom:0;}

.mainwrapper.collapsed .pull-left.profile-thumb .img-circle{width:2.2rem!important;height:2.2rem;}
.mainwrapper.collapsed .pull-left.profile-thumb{width:2.7rem!important;height:2.7rem;}

h5.leftpanel-title{display:none}
.mainwrapper .nav,.mainwrapper.collapsed .nav{margin-top:-3px;}

@media(max-width: 768px){
.show-left .leftpanel .profile-left{margin-top:70px;height:170px;}
}
.el-icon-edit:before,.el-icon-view:before{content:""!important;}
.el-button.el-tooltip.item.el-button--default.el-button--mini{padding:0;border:none;}
.el-icon-view{background-image:url('../images/NewVersion/VER.svg');display:block;width:2rem;height:2rem;background-repeat:no-repeat;background-position:center center;}
.el-icon-edit{background-image:url('../images/NewVersion/editar.svg');display:block;width:2rem;height:2rem;background-repeat:no-repeat;background-position:center center;}
.el-dialog__header{background-color:#8f2a2a!important;padding-bottom:20px!important;}
.el-dialog__title{color:white!important;font-weight:bold;}
.el-dialog__close.el-icon.el-icon-close{color:white;font-weight:bold;}
.dialog-footer .el-button.el-button--default{background-color:#079954!important;border:#079954;}
.dialog-footer .el-button.el-button--default span{color:white;font-weight:bold;}