.active-main-menu-item > .menu-item-icono {background-position: center;}

.menu-item-icono-atencion-empresa{background-image: url(https://www.alissta.gov.co/SUM/Images/iconos/menu/atencion-empresas.png);}
.menu-item-icono-atencion-empresa:hover, .menu-item-icono-atencion-empresa:active{background-image: url(https://www.alissta.gov.co/SUM/Images/iconos/menu/atencion-empresas-h.png);}
.menu-item-icono-reclasificacion{background-image: url(https://www.alissta.gov.co/SUM/Images/iconos/menu/reclasificacion-empresas.png);}
.menu-item-icono-reclasificacion:hover, .menu-item-icono-reclasificacion:active{background-image: url(https://www.alissta.gov.co/SUM/Images/iconos/menu/reclasificacion-empresas-h.png);}
.menu-item-icono-investigacion{background-image: url(https://www.alissta.gov.co/SUM/Images/iconos/menu/inv-accidentes.png);}
.menu-item-icono-investigacion:hover, .menu-item-icono-investigacion:active{background-image: url(https://www.alissta.gov.co/SUM/Images/iconos/menu/inv-accidentes-h.png);}
.menu-item-icono-ejecucion{background-image: url(https://www.alissta.gov.co/SUM/Images/iconos/menu/ejecucion-actividades.png);}
.menu-item-icono-ejecucion:hover, .menu-item-icono-ejecucion:active{background-image: url(https://www.alissta.gov.co/SUM/Images/iconos/menu/ejecucion-actividades-h.png);}
.menu-item-icono-gestion-pyp{background-image: url(https://www.alissta.gov.co/SUM/Images/iconos/menu/gestion-proveedores.png);}
.menu-item-icono-gestion-pyp:hover, .menu-item-icono-gestion-pyp:active{background-image: url("https://www.alissta.gov.co/SUM/Images/iconos/menu/gestion-proveedores-h.png");}
.menu-item-icono-informe-gestion-pyp{background-image: url("https://www.alissta.gov.co/SUM/Images/iconos/menu/informe-gestion.png");}
.menu-item-icono-informe-gestion-pyp:hover, .menu-item-icono-informe-gestion-pyp:active{background-image: url("https://www.alissta.gov.co/SUM/Images/iconos/menu/informe-gestion-h.png");}
.menu-item-icono-eventos{background-image: url(https://www.alissta.gov.co/SUM/Images/iconos/menu/menu-eventos.png);}
.menu-item-icono-eventos:hover, .menu-item-icono-eventos:active{background-image: url(https://www.alissta.gov.co/SUM/Images/iconos/menu/menu-eventos-h.png);}
.menu-item-icono-comunicaciones{background-image: url("https://www.alissta.gov.co/SUM/Images/iconos/menu/comunicaciones.png");}
.menu-item-icono-comunicaciones:hover, .menu-item-icono-comunicaciones:active{background-image: url("https://www.alissta.gov.co/SUM/Images/iconos/menu/comunicaciones-h.png");}
.menu-item-icono-reporte{background-image: url(https://www.alissta.gov.co/SUM/Images/iconos/menu/menu-reportes.png);}
.menu-item-icono-reporte:hover, .menu-item-icono-reporte:active{background-image: url(https://www.alissta.gov.co/SUM/Images/iconos/menu/menu-reportes-h.png);}
.menu-item-icono-carpeta{background-image: url(https://www.alissta.gov.co/SUM/Images/iconos/menu/carpeta-digital.png);}
.menu-item-icono-carpeta:hover, .menu-item-icono-carpeta:active{background-image: url(https://www.alissta.gov.co/SUM/Images/iconos/menu/carpeta-digital-h.png);}
.menu-item-icono-administracion-sistema{background-image: url(https://www.alissta.gov.co/SUM/Images/iconos/menu/menu-admin.png);}
.menu-item-icono-administracion-sistema:hover, .menu-item-icono-administracion-sistema:active{background-image: url(https://www.alissta.gov.co/SUM/Images/iconos/menu/menu-admin-h.png);}
.menu-item-icono-observatorio{background-image: url(https://www.alissta.gov.co/SUM/Images/iconos/menu/observatorio.png);}
.menu-item-icono-observatorio:hover, .menu-item-icono-observatorio:active{background-image: url(https://www.alissta.gov.co/SUM/Images/iconos/menu/observatorio-h.png);}

*, *:before, *:after{ 
    box-sizing: border-box; 
}

.icono-borrar {
    background-image: url(../../Images/iconos/icono-borrar.svg);
    background-size: contain;
}

.DesabilitarObjeto:disabled {
    background-color: #304b58 !important;
    color: white !important;
}

.icono-Sucursal {
    padding-top: 10px;
    color: rgb(0, 0, 0);
    border: 1px solid black;
    width: 25px;
    height: 35px;
    border-radius:3px;
}

.boton-mod {
    min-width: 100px;
}

/* Estilos de los botones que se aplican a lo largo del aplicativo */
.boton {
    background-color: #fff;
    border-radius: 25px;
    line-height: 25px;
    padding: 5px 15px;
    margin-bottom: 7px;
    text-transform: capitalize;
    text-align: center;
    display: inline-block;
    min-width: 170px;
    font-size: 13px;
    font-family: "Trebuchet MS", Helvetica, sans-serif;
    color: #000;
    border: none;
}

.boton a {
    background-color: #fff;
    border-radius: 25px;
    line-height: 25px;
    padding: 5px 15px;
    text-transform: capitalize;
    text-align: center;
    display: inline-block;
    min-width: 170px;
    font-size: 13px;
    font-family: "Trebuchet MS", Helvetica, sans-serif;
    color: #000;
    border: none;
}

/* Estilos que se aplican a los botones que se formen con el elemento <button> */
.boton-verde {
    box-shadow: inset -2px -2px 2px 0px rgba(75,154,73,0.65);
}
.boton-verde:hover, .boton-verde:focus, .boton-verde:active {
    background-color: #4B9A49;
    outline: none;
}

.boton-rojo {
    box-shadow: inset -2px -2px 2px 0px rgba(171,2,43,0.75);
}
.boton-rojo:hover, .boton-rojo:focus, .boton-rojo:active {
    background-color: #AB022B;
    outline: none;
}

.boton-naranja {
    box-shadow: inset -2px -2px 2px 0px rgba(255,117,0,75); 
}
.boton-naranja:hover, .boton-naranja:focus, .boton-naranja:active {
     background-color: #FF7500; 
     outline: none;
}

.boton-amarillo {
    box-shadow: inset -2px -2px 2px 0px rgba(255,117,0,75); 
}
.boton-amarillo:hover, .boton-amarillo:focus, .boton-amarillo:active {
     background-color: #FF9900; 
     outline: none;
}

.boton-azul {
    box-shadow: inset -2px -2px 2px 0px rgba(43,120,228,75); 
}
.boton-azul:hover, .boton-azul:focus, .boton-azul:active {
     background-color: #2B78E4; 
     outline: none;
}
/* FIN */
/* Estilos se aplica a los botones que se formen con el elemento <a> */
.boton-verde a {
    box-shadow: inset -2px -2px 2px 0px rgba(75,154,73,0.65);
}
.boton-verde a:hover, .boton-verde a:focus, .boton-verde a:active {
    background-color: #4B9A49;
    outline: none;
}

.boton-rojo a {
    box-shadow: inset -2px -2px 2px 0px rgba(171,2,43,0.75);
}
.boton-rojo a:hover, .boton-rojo a:focus, .boton-rojo a:active{
    background-color: #AB022B;
    outline: none;
}

.boton-naranja a {
    box-shadow: inset -2px -2px 2px 0px rgba(255,117,0,75); 
}
.boton-naranja a:hover, .boton-naranja a:focus, .boton-naranja a:active {
     background-color: #FF7500; 
     outline: none;
}

.boton-amarillo a {
    box-shadow: inset -2px -2px 2px 0px rgba(255,117,0,75); 
}
.boton-amarillo a:hover, .boton-amarillo a:focus, .boton-amarillo a:active {
     background-color: #FF9900; 
     outline: none;
}
/* FIN */
/* Estilos que se aplican a iconos de tablas usando Glyphicon o FontAwesome */
.btn-positiva {
    font-size: 16px;
    color: #FF7500;
    background-color: #fff;
    border-radius: 50% !important;
    box-shadow: rgba(149, 166, 177, 0.6) 1px 1px 10px 0px;
    padding: 5px 8px !important;
    margin: 0 3%;
}
.btn-positiva:hover {
    color: #FFF !important;
    background-color: #FF7500;
}
/* FIN */
/* Estilos que se aplican a iconos de tablas usando Bootstrap icons */
.btn-positiva-iconos {
    color: #FF7500;
    background-color: #fff;
    border-radius: 50% !important;
    box-shadow: rgba(149, 166, 177, 0.6) 1px 1px 10px 0px;
    padding: 4px 8px !important;
    display: inline-flex;
    margin: 0 3%;
}
.btn-positiva-iconos:hover {
    color: #fff !important;
    background-color: #FF7500;
}
.bi {
    font-size: 1.2em;
}
/* FIN */

/* Estilos de los botones menu aplicativo prestaciones económicas */
.botonPrestEcon {
    background-color: #fff;
    border-radius: 50px;
    line-height: 25px;
    padding: 5px 15px;
    margin-bottom: 7px;
    text-transform: capitalize;
    text-align: center;
    display: inline-block;
    min-width: 170px;
    font-size: 13px;
    font-family: "Trebuchet MS", Helvetica, sans-serif;
    color: #000;
    border: none;
    width: 340px;
    height: 100px;
}

.botonPrestEcon-naranja {
    box-shadow: inset -2px -2px 2px 0px rgba(255,117,0,75);
}

.botonPrestEcon-naranja:hover, .botonPrestEcon-naranja:focus, .botonPrestEcon-naranja:active {
    background-color: #FF7500;
    outline: none;
}

.botonPrestEcon-naranja a {
    box-shadow: inset -2px -2px 2px 0px rgba(255,117,0,75);
}

.botonPrestEcon-naranja a:hover, .botonPrestEcon-naranja a:focus, .botonPrestEcon-naranja a:active {
    background-color: #FF7500;
    outline: none;
}

.botonback {
    box-shadow: inset -2px -2px 2px 0px rgba(126,138,151,0.65);
}

.botonback:hover, .botonback:focus, .botonback:active {
    background-color: #7E8A97;
    outline: none;
}

.boton-naranja-habeasdata {
    box-shadow: inset -2px -2px 2px 0px rgba(255,117,0,75);
}

.boton-naranja-habeasdata:hover, .boton-naranja-habeasdata:focus, .boton-naranja-habeasdata:active {
    background-color: orange;
    color: white !important;
    outline: none;
}

.boton-naranja-habeasdata label {
    box-shadow: inset -2px -2px 2px 0px rgba(76, 105, 116);
}

.boton-naranja-habeasdata label:hover, .boton-naranja-habeasdata label:focus, .boton-naranja-habeasdata label:active {
    background-color: orange;
    color: white !important;
    outline: none;
}
