/*LOGIN*/
.box-login{
    border: 1px solid #838383;
    background-color: #eeeeee;
}
.cabecera-login{
    background-color: #404040;
}

.marco-login{
    background-color: #dadada;
}
#body-login{
    background-color: #444444;
}
/*LOGIN*/
header{
    background: #1d1d1d; border-bottom: 1px solid #393939;
}
.li-user-item .a-user-task:hover{
    background-color: #333333;
}
.a-user-task {
    color: #dddddd; background-color: #1d1d1d; 
}

nav{
    background: #242424;
    color: #fff;    
    border-bottom: 1px solid #393939;
}
section#main #box-menu{background-color: #303030}
section#main #box-mod-contenido{ background-color: #303030;}

footer{
    background-color: #303030;
}
.name-package{
    border-bottom: 1px solid #3d3d3d;    
    background-color: #242424; color: #e4e4e4;
    border-left: 3px solid #242424;
}
.name-package:hover{
    border-left: 3px solid #e02222;
}
.name-module a{
    color: #e4e4e4; background-color: #303030; border-bottom: 1px solid #3d3d3d; 
}
.name-module a:hover{
    background-color: #4b4b4b;
}
.name-module .mod-activo{
    background-color: #e02222 !important; color: #fff;    
}
.name-module i.row-module{
    float: left; width: 14px; height: 14px; margin: 6px 4px 0 24px;
    background: url('../img/iconos/row-modulo-gray.png') no-repeat -14px 0px ;
}
.name-module .mod-activo i.row-module, .name-module a:hover i.row-module{    
    background: url('../img/iconos/row-modulo-gray.png') no-repeat 0px 0px ;
}
.box-direct-access:hover{
    background-color: #4b4b4b;
}
.fboton, .cmp-boton,.bar-components,#ul-components a{
    background: #0072c6;
}

.fboton:hover, .cmp-boton:hover, .cmp-module:hover,#ul-components a:hover{
    background-color: #3393d9;
}
.cmp-module{border-right: 1px solid #3393d9;}
.det-list tr:hover{
    background-color: #0072c6;color: #fff; cursor: pointer;
}
table.list-records .fila_sel{
    background-color: #0072C6 !important;
}
table.list-records tbody tr:hover{
    background-color: #ededed;
}
#show-record #record-cmp #ul-components li{
    border-bottom: 1px solid #3393d9;
}

.num-records{ 
    color: #0072C6; 
}

table.tree-list-records tbody tr:hover, table.tree-list-records .fila_sel{
    background-color: #0072C6 !important;
}

.tree-cmps-record a:hover{
    background-color: #3393d9;
}
.btn-tool{
    background-color: #0072c6;
}
.btn-tool:hover{
    background-color: #3393d9;
}
#overlap-ajax-load{
    background-color: #0072c6;
}
@media screen and (max-width:600px) {
    header .box-logo{
        border-bottom: 1px solid #393939;
    }
}