/* Colores */
:root {
    --verde:#5BAC26;
    --verdeClaro: rgba(91, 172, 38, 0.75);
    --blanco:#fff;
    --gris:#666;
}
* {
    box-shadow:0 0 0 #fff!important;
    -moz-box-shadow:0 0 0 #fff!important;
    -webkit-box-shadow:0 0 0 #fff!important;
    -o-box-shadow:0 0 0 #fff!important;
}
tr,a,.btn,i,:after,:before,:hover,tr,td,
.login-register .login-box{
    transition:all 0.5s ease-in-out;
}
.sidebar-nav > ul > li.active > a,
.sidebar-nav > ul > li.active:hover > a,
.li-usuario-cabecera,
.btn:hover,
table thead,
.login-register h3,
.dropdown-menu.mailbox ul li:first-child,
.mini-sidebar .sidebar-nav #sidebarnav > li:hover > a{
    background:var(--verde)!important;
}
.topbar,
.topbar .top-navbar .navbar-header,
.btn,
.card-no-border .sidebar-footer,
.dropdown-menu.mailbox ul li div:hover a,
.dropdown-menu.mailbox ul li div a:hover{
    background:var(--blanco)!important;
}
.sidebar-nav > ul > li.active > a,
.sidebar-nav > ul > li.active:hover > a,
.sidebar-nav > ul > li.active > a i,
.sidebar-nav > ul > li.active:hover > a i,
table thead,
.btn:hover,
.login-register h3,
.dropdown-menu.mailbox ul li:first-child h5,
.mini-sidebar .sidebar-nav #sidebarnav > li:hover > a,
.mini-sidebar .sidebar-nav #sidebarnav > li:hover > a i,
.mini-sidebar .sidebar-nav #sidebarnav > li:hover > a i:before{
    color:var(--blanco)!important;
}
.text-themecolor,
.breadcrumb a,
.topbar .navbar-light .navbar-nav .nav-item > a.nav-link:hover{
    color:var(--gris)!important;
}
.topbar .navbar-light .navbar-nav .nav-item > a.nav-link,
.breadcrumb .active,
.btn,
.page-titles h3,
table tbody tr:hover,
table tbody tr:hover a,
table tbody tr:hover a i,
.login-register a:hover,
.form-material .form-control:focus,
.login-register input[type="checkbox"]:checked + label,
.login-register input[type="email"]:focus,
.sidebar-nav ul li:hover a,
.sidebar-nav ul li:hover a i,
.form-material input[type="checkbox"]:checked,
.form-material input[type="checkbox"]:checked + label,
.sidebar-footer a.link:hover{
    color:var(--verde)!important;
}
input,select,textarea{
    appearence:none;
    -moz-appearence:none;
    -webkit-appearence:none;
    -o-appearence:none;
}
/* Fuentes */
.sidebar-nav ul li a,
.page-titles h3,
h4.card-title,
.login-register h3{
    font-family:'Open Sans Condensed', sans-serif;
    font-weight: normal!important;
    text-transform: uppercase;
}
/* General */
.page-wrapper{
    background: url("../img/bg.jpg") no-repeat bottom center #e8e8e8;
    background-size:auto;
}
.page-wrapper:after{
    content:'';
    display: block;
    width: 100%;
    height:100%;
    position: absolute;
    top: 0;
    left:0;
    background: rgba(255,255,255,0.5);
    pointer-events: none;
}
.page-wrapper > div{
    position:relative;
    z-index:1;
}
.topbar{
    border-bottom:1px solid rgba(0,0,0,0.2);
}
.topbar .top-navbar,
.sidebar-nav{
    padding:0;
}
.li-usuario-cabecera{
    border: none;
    padding: 0;
    width: 68px;
    height: 68px;
}
.sidebar-nav ul li a,
.navbar-collapse ul:last-of-type .profile-pic{
    width:100%;
    border-radius:0;
}
.topbar .top-navbar .dropdown-menu li a i{
    margin-right:6px;
}
.topbar .top-navbar .dropdown-menu li:hover a,
.topbar .top-navbar .dropdown-menu li:hover a i,
.dw-user-box .u-img{
    background: var(--verde);
    color:var(--blanco);
}
.dw-user-box .u-img{
    margin-bottom:4px;
}
.topbar ul.dropdown-user li .dw-user-box .u-text{
    padding:0;
}
.topbar ul.dropdown-user li .dw-user-box .u-text h4,
.topbar ul.dropdown-user li .dw-user-box .u-text p,
.topbar ul.dropdown-user li .dw-user-box .u-text a{
    margin-top:5px!important;
    font-size:0.9em!important;
}
.topbar .top-navbar .dropdown-menu{
    margin-top: 0;
    padding:0;
    border-radius: 0;
}
.topbar ul.dropdown-user li.divider{
    margin:0;
}
.dw-user-box{
    text-align: center;
}
.sidebar-nav > ul > li{
    display:block;
    width: 100%;
}
.sidebar-nav > ul > li > a i{
    width: 35px;
    margin-top:-2px;
}
.sidebar-nav > ul > li span{
    display: inline-block;
    padding-top: 5px;
}
.user-profile .profile-img,
.user-profile .profile-img img{
    border-radius:0;
}
.user-profile .profile-img img{
    border:2px solid var(--verde);
}
.sidebar-nav .desplegado + ul{
    padding:0;
}
.sidebar-nav .desplegado + ul,
.sidebar-nav .desplegado + ul > li:first-child {
    border-top:1px solid rgba(0,0,0,0.15);
}
.sidebar-nav .desplegado + ul > li:last-child{
    border-top:none;
}
h4.card-title{
    font-size:2em;
    padding-top:5px;
}
.topbar .navbar-light .navbar-nav .nav-item{
    margin-left:20px;
}
/* Tablas */
.table-striped tbody tr:nth-of-type(odd){
    background:#fff!important;
}
.table-striped tbody tr:nth-of-type(even){
    background:rgba(0,0,0,0.03)!important;
}
table thead{
    text-transform:uppercase;
}
table thead.descripcion {
    background: var(--verdeClaro)!important;
}
/*table tbody tr td:first-child{
    border-left:5px solid rgba(255,255,255,0)!important;
}
table tbody tr:hover td:first-child{
    border-left:5px solid var(--verde)!important;
}*/
table tr{
    border-bottom:1px solid #fff;
}
table a{
    color:var(--gris);
}
.form-material label{
    font-size:1em;
}
.enlace-tabla{
    display:block;
    width: 100%;
}
table tr.sin-leer td{
    position:relative;
}
.sin-leer{
    font-weight: bold;
}
table tr.sin-leer td:first-of-type:after{
    content:'';
    display:block;
    width: 10px;
    height: 10px;
    border-radius: 100%;
    background: #a70000!important;
    position:absolute;
    top: calc(50% - 6px);
    left: 10px;
    pointer-events: none;
    text-transform: uppercase;
    animation-name: noleido;
    animation-duration: 2.5s;
    animation-iteration-count: infinite;
    animation-timing-function: ease-in-out;
}
@keyframes noleido {
    0% {
        opacity:1;
    }
    50% {
        opacity:0.45;
    }
    100% {
        opacity:1;
    }
}
table tr.sin-leer td:first-child{
    padding-left:30px;
}
.tabla-acciones tr th:last-child,
.tabla-acciones tr td:last-child{
    max-width:120px;
    text-align: center;
}
.scroll-sidebar{
    z-index:9999;
}
/* Migas y titulos */
.breadcrumb{
    font-size:0.8em!important;
    margin-top:10px;
}
.breadcrumb .active{
    font-weight: bold;
}
/* Footer */
.footer{
    text-align:right;
}
/**/
.logo {
    width: 210px;
    height: auto;
    padding: 10px;
}
.sidebar-nav li > .has-arrow.desplegado:after {
    -webkit-transform: rotate(-135deg) translate(0, -50%);
    -ms-transform: rotate(-135deg) translate(0, -50%);
    -o-transform: rotate(-135deg) translate(0, -50%);
    top: 45%;
    width: .58em;
    transform: rotate(-135deg) translate(0, -50%);
}
/**/
.btn{
    border-radius:0px!important;
    border:1px solid var(--verde)!important;
    margin-bottom: 2px;
}
.btn:hover{
    border:1px solid var(--verde)!important;
}
h4.card-title + a.btn{
    margin-top:-45px!important;
    margin-bottom:10px;
}
.sidebar-footer{
    text-align:center;
    border: none;
}
.sidebar-footer a.link{
    float:none;
    display:inline-block;
    width: 140px;
    position: relative;
}
.sidebar-footer a.link:after{
    content:'Cerrar sesión';
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 19px;
    left: 40px;
    font-size:0.72em;
    text-align: left;
}
.sidebar-footer a.link i{
    float:left;
}
.dropdown-menu.mailbox ul li{
    border-top:1px solid var(--blanco);
}
.slimScrollDiv,.slimScrollDiv div{
    height:auto!important;
}
.mini-sidebar .navbar-brand{
    width:60px;
    padding: 0;
}
.mini-sidebar .navbar-header{
    overflow:hidden;
}
.mini-sidebar .navbar-brand img{
    margin-left: 15px;
    padding: 0;
    width: 240px;
}
.mini-sidebar .sidebar-nav #sidebarnav > li > ul{
    background:#fff!important;
    top:43px!important;
    left: 0;
    width:100%;
}
[type="checkbox"]:checked + label:before {
    border-right-color:var(--verde)!important;
    border-bottom-color:var(--verde)!important;
}
/* Filtros */
#filtros{
    display:block;
    width: 100%;
    margin-top:5px;
    padding-top: 10px;
    border-top:1px dashed rgba(0,0,0,0.15);
}
.filtros_input input,
.filtros_input select{
    width: auto;
    border-radius:0;
    font-size:1em;
}
.filtros_input button{
    text-transform:uppercase;
    border:1px solid #d9d9d9!important;
    color:#6c757d!important;
}
.notify .heartbit{
    border-color:#a70000!important;
}
.notify .point{
    background:#a70000!important;
}
.text-danger{
    color:#a70000!important;
}
/* Login */
.login-register:after{
    content:'';
    display:block;
    width: 100%;
    height: 100%;
    background: #000;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0.7;
}
.login-register .img-login{
    padding:20px 40px;
    display:block;
    width: 100%;
    height: auto;
}
.login-register .card-body{
    padding:0;
}
.login-register .form-group{
    padding:10px 25px 0;
}
.login-register .login-box {
    position: relative;
    z-index: 9999;
    box-shadow:0 10px 20px rgba(255,255,255,0.5)!important;
    border-radius: 0;
}
.login-register .login-box:hover{
    box-shadow:0 10px 50px rgba(255,255,255,0.75)!important;
}

.login-register h3{
    padding: 10px;
    margin-bottom: 30px;
    font-size:2em;
    text-align: center;
}
.login-regiter .btn{
    border-radius:0;
}
.form-material .form-control{
    background: none;
    border-bottom:1px solid rgba(0,0,0,0.15);
}
.form-material .form-control:focus,
.login-register input[type="email"]:focus{
    background: none;
    border-bottom:1px solid var(--verde);
}
.form-material textarea{
    border:1px solid rgba(0,0,0,0.15)!important;
    padding: 6px!important;
}
.form-material textarea:focus{
    border:1px solid var(--verde)!important;
}
.login-register input{
    font-size:1em;
}
.login-register label{
    font-size:1em;
}
[type="checkbox"] + label::before, [type="checkbox"]:not(.filled-in) + label::after {
    border:2px solid rgba(0,0,0,0.15);
}
.login-register input[type="email"]{
    border:none;
    border-radius: 0;
    padding-left: 0;
    border-bottom:1px solid rgba(0,0,0,0.15);
}
.login-register .text-muted{
    text-align:center;
}

.tabla-finalizadas-1 td {
    background-color: #B9E4B0;
}

.tabla-finalizadas-2 td {
    background-color: #CFFEC6;
}

div.col-auto.mt-2 > label.filled-in.checkbox-inline {
    font-family: 'Poppins', sans-serif;
    font-size: 0.875rem;
    line-height: 1.5;
    color: #67757c;
    padding-top: 1px;
}

.header button {
    border: none;
    cursor: pointer;
    height: 24px;
    margin-right: 16px;
    opacity: 0.54;
    outline: none;
    overflow: hidden;
    text-indent: -30000px;
    transition: opacity 0.333s cubic-bezier(0, 0, 0.21, 1);
    width: 24px;
}
.header #butRefresh {
    background: url(/imagenes/refresh.svg) center center no-repeat;
}

.header #butInstall {
    background: url(/imagenes/install.svg) center center no-repeat;
}
/**/
.ficha-orden .form-group > label,
.ficha-orden .form-group > div,
.datos-revision .form-group > label,
.datos-revision .form-group > div{
    display:block;
    width: 100%!important;
    flex: auto!important;
    max-width: 100%!important;
    text-align: left!important;
    padding: 0 0 2px;
}
.ficha-orden .form-group > label,
.datos-revision .form-group > label{
    font-weight:bold;
    border-bottom: 1px solid rgba(0,0,0,0.1);
    margin-bottom:4px;
}
.ficha-orden .form-group.row{
    display:block!important;
    margin: 0;
}
.ficha-orden .form-group.row{
    margin-bottom:10px;
}
.ficha-orden .btn-info{
    margin-top:-6px;
}
.form-actions .col-md-6{
    flex:100%;
    width:100%;
    max-width: 100%;
}
.descarga_ficheros{
    color:var(--verde);
    font-weight: bold;
}
hr.mb-5{
    margin-bottom:20px!important;
}
.asignar-permisos h3{
    border-bottom:1px solid rgba(0,0,0,0.1);
    margin-bottom:12px;
    padding-bottom:3px;
}
.card-body h3{
    font-weight:bold;
    font-family: 'Open Sans Condensed', sans-serif;
    font-size:2em;
    padding: 0 0 10px!important;
    margin: 0;
    text-transform: uppercase;
}
/**/
.imagenes-revision-borrar, .imagenes-analitica-check{
    margin-left: 0;
    margin-right: 0;
}
.imagenes-revision-borrar > div, .imagenes-analitica-check > div{
    position:relative;
    float:left;
    width: 19.2%;
    overflow: hidden;
    margin:0 1% 20px 0;
}
.imagenes-revision-borrar > div:nth-of-type(5),
.imagenes-revision-borrar > div:nth-of-type(10),
.imagenes-revision-borrar > div:nth-of-type(15),
.imagenes-revision-borrar > div:nth-of-type(20),
.imagenes-revision-borrar > div:nth-of-type(25),
.imagenes-revision-borrar > div:nth-of-type(35),
.imagenes-revision-borrar > div:nth-of-type(40),
.imagenes-analitica-check > div:nth-of-type(5),
.imagenes-analitica-check > div:nth-of-type(10),
.imagenes-analitica-check > div:nth-of-type(15),
.imagenes-analitica-check > div:nth-of-type(20),
.imagenes-analitica-check > div:nth-of-type(25),
.imagenes-analitica-check > div:nth-of-type(35),
.imagenes-analitica-check > div:nth-of-type(40){
    margin-right: 0;
}
.imagenes-revision-borrar > div > input[type="checkbox"],
.imagenes-analitica-check > div > input[type="checkbox"]{
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 99;
    cursor: pointer;
}
.imagenes-revision-borrar > div > label,
.imagenes-analitica-check > div > label{
    margin: 0;
}
.imagenes-revision-borrar > div > label img,
.imagenes-analitica-check > div > label img{
    border:2px solid var(--verde);
}
.imagenes-revision-borrar input[type="checkbox"] + span + label:before,
.imagenes-revision-borrar input[type="checkbox"] + span + label:after,
.imagenes-analitica-check input[type="checkbox"] + span + label:before,
.imagenes-analitica-check input[type="checkbox"] + span + label:after{
    opacity:1!important;
}
.imagenes-revision-borrar label,
.imagenes-analitica-check label{
    position:relative;
    overflow: hidden;
}
.imagenes-revision-borrar label:after{
    content:'';
    float:left;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: url("../img/ico_borrar.png") no-repeat center center rgba(0,0,0,0);
    background-size:0% auto;
}
.imagenes-analitica-check label:after{
    content:'';
    float:left;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: url("../img/ico-check.png") no-repeat center center rgba(0,0,0,0);
    background-size:0% auto;
}
.imagenes-revision-borrar input[type="checkbox"]:checked + span + label:after{
    background: url("../img/ico_borrar.png") no-repeat center center rgba(0,0,0,0.75);
    background-size:40% auto;
}
.imagenes-analitica-check input[type="checkbox"]:checked + span + label:after{
    background: url("../img/ico-check.png") no-repeat center center rgba(0,0,0,0.75);
    background-size:40% auto;
}
.form-material .form-group{
    overflow:visible;
}
.dropdown-toggle + .dropdown-menu{
    top:-2px!important;
    border-radius: 0!important;
    padding: 0;
}
.dropdown-toggle + .dropdown-menu li{
    border-bottom:1px solid rgba(0,0,0,0.075);
}
.dropdown-toggle + .dropdown-menu li:last-of-type{
    border: none;
}
.dropdown-toggle + .dropdown-menu.dropdown-menu .selected span.check-mark{
    color:var(--verde);
    margin-top:5px;
}
.alert-info{
    color:#fff;
    background: var(--verde);
    border-radius: 0;
}
.page-item.active .page-link,
.badge-success,
.badge-primary{
    background:#5BAC26;
}
.badge-success,
.badge-danger,
.badge-pill{
    font-size: 0.7em;
    top: -7px;
    margin: 0 0 0 -7px;
    position: relative;
    border: 1px solid #fff;
}
/*Búsqueda*/
#dropdownFiltro{
    text-align: right;
    color: var(--gris);
    border-top:1px dashed rgba(0,0,0,0.15);
    padding-top: 10px;
    font-size: 17px;
    margin-bottom:10px;
}
 #dropdownFiltro > span {
    font-size:0.75em;
    font-weight: bold;
    text-transform: uppercase;
    cursor:pointer;
}
 #dropdownFiltro > span i {
    margin-left:6px;
}
.btn-gris {
    border: 1px solid #d9d9d9!important;
    color: #6c757d!important;
}
.badge-revisiones-info {
    background-color: #329fff;
    color: #fff;
}
#div_img_nuevas > div{
    overflow: hidden;
    margin:0 15px;
    padding:0;
    flex:30%;
}
.visualimg,
.imagenes-analitica-check > div{
    width: 30.33333%;
    max-width: 30.33333%;
    border:1px solid #ccc;
    padding:0;
    margin:15px;
    background: var(--verde);
}
.visualimg p,
.imagenes-analitica-check p{
    padding:5px 10px;
    margin:0;
    color:var(--blanco);
}
.visualimg label{
    margin:0;
    background:var(--blanco);
}
.visualimg label,
.visualimg img,
.imagenes-analitica-check label,
.imagenes-analitica-check img{
    display:block;
    width:100%;
}
.separacion{
    margin-bottom:30px
}
.checksIncluir .form-check {
    display: inline-block;
}
.botonesImagenes {
    margin-top: -40px;
    display: block;
    float: right;
}
.fecha-control-pelado #dia_anterior,
.fecha-control-pelado #dia_siguiente {
    min-height: 38px;
}
@media only screen and (max-width:767px){
    .bootstrap-select .dropdown-menu{
        transform:none!important;
        top: 35px!important;
    }
    h4.card-title + a.btn{
        margin-top:6px!important;
        float:left;
        width:60%;
        margin-right: 20%;
    }
    #filtros .col-auto{
        width:100%;
        flex: 100%;
        margin-bottom: 5px;
    }
    #filtros .col-auto label{
        text-align:left!important;
    }
    .filtros_input input, .filtros_input select,
    .filtros_input button, .filtros_input label,
    .btn-info,.btn-success, .btn-reinicializar {
        width:100%;
    }
    .btn-info,
    .btn-success,
    .btn-reinicializar {
        margin-bottom:6px;
    }
    .ficha-orden .cabecera .btn-info {
        margin-top: 6px;
    }
    .fecha-control-pelado {
        margin-left: 0 !important;
        margin-right: 0 !important;
    }
    .fecha-control-pelado #dia_anterior,
    .fecha-control-pelado #dia_siguiente {
        width: 12.5%;
        display: inline-block;
        margin-bottom: 0;
    }
    .fecha-control-pelado input[type="date"] {
        width: 70%;
        display: inline-block;
    }
    .form-actions{
        margin-top:15px;
    }
    h4{
        text-align:center;
    }
    .imagenes-revision-borrar > div{
        width: 48.5%;
        margin:0 0 2% 0;
    }
    .imagenes-revision-borrar > div:nth-of-type(5),
    .imagenes-revision-borrar > div:nth-of-type(10),
    .imagenes-revision-borrar > div:nth-of-type(15),
    .imagenes-revision-borrar > div:nth-of-type(20),
    .imagenes-revision-borrar > div:nth-of-type(25),
    .imagenes-revision-borrar > div:nth-of-type(35),
    .imagenes-revision-borrar > div:nth-of-type(40){
        margin-right: 0;
    }
    .imagenes-revision-borrar > div:nth-of-type(odd){
        margin-right:2%;
    }
    #dropdownFiltro.dropdownFiltroEspacio{
        margin-top: 65px !important;
    }
    .botonesImagenes {
        margin-top: 5px;
        display: block;
        float: none;
    }
}
@media only screen and (min-width: 768px) and (max-width: 1400px){
    #filtros .form-row > .col-auto{
        width:25%;
    }
    #filtros .form-row > .col-auto select,
    #filtros .form-row > .col-auto input,
    #filtros .form-row > .col-auto button{
        width:100%;
    }
    #filtros .form-row > .col-auto label[for="fecha_inicio"],
    #filtros .form-row > .col-auto label[for="fecha_fin"]{
        float:left;
        width:65px;
        padding: 9px 8px 0 0;
    }
    #filtros .form-row > .col-auto label[for="fecha_inicio"] + input,
    #filtros .form-row > .col-auto label[for="fecha_fin"] + input{
        float:left;
        width:calc(100% - 65px);
    }
}
.btn-gris {
    border: 1px solid #d9d9d9!important;
    color: #6c757d!important;
}
.badge-revisiones-info {
    background-color: #329fff;
    color: #fff;
}
#div_img_nuevas > div{
    overflow: hidden;
    margin:0 15px;
    padding:0;
    flex:30%;
}
.visualimg,
.imagenes-analitica-check > div{
    width: 30.33333%;
    max-width: 30.33333%;
    border:1px solid #ccc;
    padding:0;
    margin:15px;
    background: var(--verde);
}
.visualimg p,
.imagenes-analitica-check p{
    padding:5px 10px;
    margin:0;
    color:var(--blanco);
}
.visualimg label{
    margin:0;
    background:var(--blanco);
}
.visualimg label,
.visualimg img,
.imagenes-analitica-check label,
.imagenes-analitica-check img{
    display:block;
    width:100%;
}
.separacion{
    margin-bottom:30px
}
.tableFixHead {
  overflow-y: auto;
  height: 500px;
}
.tableFixHead thead th {
  position: sticky;
  top: 0;
  background: var(--verde)!important;
}
.select2 {
    text-align: left;
}
.select2-container .select2-selection--single {
    min-height: 38px !important;
    border-radius: 0 !important;
    border: 1px solid #d9d9d9 !important;
    color: #67757c;
}
.select2-container .select2-selection--single span {
    padding-top: 5px;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 38px !important;
}
.u-dropdown {
    white-space: nowrap;
}