@import url('https://fonts.googleapis.com/css?family=Lato&display=swap');
.fondo-color{
    background: #58585B;
}
#fondo-color{
    background: #58585B;
}
#fondo-color2{
    background: rgb(0,35,76);
}
#fondo-color3{
    background: #58585B; /* rgb(0,35,76)*/
}
.fondo-color2{
    background: rgb(0,94,110);
}
.fondo-color3{
    background: rgb(0,176,139);
}
body {
    font-family: 'Lato', sans-serif;
 }
.titulo{
    color: black;
    font-size: 25px;
    font-family: 'Lato', sans-serif;
    margin: 0%;
}
#letra-general{
    font-family: 'Lato', sans-serif;
    font-size: 14px;
}
.letra-general{
    font-family: 'Lato', sans-serif;
    font-size: 14px;
}
#letra-general2{
    font-family: 'Lato', sans-serif;
    font-size: 18px;
}
#formCambiarPass:hover{
    background: #7e77774b;
}
#btnCambiarPass{
    background-color: rgba(255, 255, 255, 0);
}
.letra-general2{
    font-family: 'Lato', sans-serif;
    font-size: 18px;
}
.letra-normal{
    font-family: 'Lato', sans-serif;
    font-size: 16px;
}
button{
    background: #EFC92E; /* 17a2b8*/
    color: white;
    border: 0px;
    border-radius: 5px;
    font-family: 'Lato', sans-serif;
}
button:hover{
    /*background: rgb(0,176,139);*/
    background: #a18820;
}
/*EFC92E*/
#btnPassOlv{
    color: #109dd4;
}

#jqxLogin{
    background: #EFC92E;
    color: white;
    border: 0px;
    font-family: 'Lato', sans-serif;
}
#jqxLogin:hover{
    background: #a18820;
}

#jqxLogout{
    background: #EFC92E; /*17a2b8*/
    color: white;
    border: 0px;
    border-radius: 5px;
    font-family: 'Lato', sans-serif;
}
#jqxLogout:hover{
    background: #a18820; /*rgb(0,176,139) */
}
#add{
    background: #17a2b8;
    color: white;
    border: 0px;
    font-family: 'Lato', sans-serif;
}
#add:hover{
    background: rgb(0,176,139);

}
input[type=button] {
    background: #EFC92E; /* #17a2b8 */
    color: white;
    border: 0px;
    border-radius: 5px;
    font-family: 'Lato', sans-serif;
}
input[type=button]:hover {
    background: #a18820; /* rgb(0,176,139);*/
}
input[type=submit] {
    background: #EFC92E; /*  17a2b8*/
    color: white;
    border: 0px;
    border-radius: 5px;
    font-family: 'Lato', sans-serif;
}
input[type=submit]:hover {
    background: #a18820; /* a18820 rgb(0,176,139);*/
}
input[type=text] {
    font-family: 'Lato', sans-serif;;
}
#modCerrar{
    background: #EFC92E; /*17a2b8*/
    color: white;
    border: 0px;
    font-family: 'Lato', sans-serif;
    border-radius: 5px;
}
#modCerrar:hover{
    background: #a18820; /*rgb(0,176,139) */
}
#cancel{
    font-family: 'Lato', sans-serif;
    background: #EFC92E; /*17a2b8*/
    color: white;
    border: 0px;
}
#cancel:hover{
    background: #a18820;/* a18820 rgb(0,176,139);*/
}
.jqxaa{
    color: black;
    text-decoration: none;
}
.jqxaa:focus{
    background-color: #EFC92E !important;  /*87cfebc2*/
    text-decoration: none;
    color: white;
}
#ok{
    font-family: 'Lato', sans-serif;
    background: #EFC92E; /*17a2b8*/
    color: #fff;
    border-radius: 5px;
    border: 0px;
}
#ok:hover{
    background: #a18820;/* a18820 rgb(0,176,139);*/
}

.titulo-modal{
    color: black;
    font-size: 18px;
    font-family: 'Lato', sans-serif;
    margin: 0%;
    text-align: center;
}
.btn-icon{
    border-radius: 100px;
    border: 1px solid rgba(193, 206, 218, 0.671);
}
.jqx-grid-content jqx-grid-content-light jqx-widget-content jqx-widget-content-light:hover{
    background-color: #C6C6C6;  /*17a2b8 */
}

*{margin: 0; padding: 0;}

#pruebam {
    background: #58585B; /* rgb(0,35,76)*/
	width: 150px;
	/*margin: 100px auto 0 auto;*/
	color: white;
	/*Some cool shadow and glow effect*/
	/*box-shadow: 
		0 5px 15px 1px #58585B, 
		0 0 200px 1px rgba(255, 255, 255, 0.5);*/
}

#pruebam h3 {
	font-size: 12px;
    line-height: 30px;
    margin: 0;
    padding: 0 10px;
    color: white;
    background: #4d4d4e;
	/*background: linear-gradient(#58585B, #3a3a3b);*/
}

#pruebam ul li:last-child {
    padding-bottom : 10px;
}

/*list items*/
#pruebam li {
    list-style-type: none;
}

/*links*/
#pruebam ul ul li input[type="submit"] {
    color: white !important;
    /*background: #003040 !important; */
    background: #58585B !important; /* #00234C  */
	text-decoration: none;
	font-size: 10px;
	line-height: 21px;
	display: block;
	padding: 0 15px;
	/*transition for smooth hover animation*/
	transition: all 0.15s;
}
/*hover effect on links*/
#pruebam ul ul li input[type="submit"]:hover {
	background: #17a2b8;
	border-left: 5px solid #EFC92E; /* lightgreen */
}
/*Lets hide the non active LIs by default*/
#pruebam ul ul {
	display: none;
}
#pruebam li.active ul {
	display: block;
}

#menu1:hover .dropdown-menu {
    display:inline;
    position: absolute;
    top: 0px;
}
.letra-modal{
    font-size: 12px;
    font-family: 'Lato', sans-serif;
}
.letra-general{
    font-size: 12px;
    font-family: 'Lato', sans-serif;
}
.breadcrom{
    font-size: 18px;
    color: white;
    text-decoration: underline;
}

#btnNuevo,#btnOtro,#btnExportar,#btnBuscar,#btnBase,#btnExpandir,#btnCerrarExp,#btnDocto,#btnCopia,#btnCopiaOtro,#btnAcceso,#btnAgregar,#btnBorrar,#btnEnviar,#btnLiga,#btnComplemento,#btnVerArchivo{
    background-color: #EFC92E; /*17a2b8*/
    color: white;
    border-radius: 5px;
    border: 0px;
}
#btnNuevo:hover,#btnOtro:hover,#btnExportar:hover,#btnBuscar:hover,#btnBase:hover,#btnExpandir:hover,#btnCerrarExp:hover,#btnDocto:hover,#btnCopia:hover,#btnCopiaOtro:hover,#btnAcceso:hover,#btnAgregar:hover,#btnBorrar:hover,#btnEnviar:hover,#btnLiga:hover,#btnComplemento:hover,#btnVerArchivo:hover{
    background: #a18820;/* a18820 rgb(0,176,139);*/
    color: white;
}
#proyecto{
    background-color: #17a2b8;
    color: white;
    border-radius: 5px;
    border: 0px;
    height: 28px;
}
#proyecto:hover{
    background: rgb(0,176,139);
    color: white;
}
#equipo{
    background-color: #17a2b8;
    color: white;
    border-radius: 5px;
    border: 0px;
    height: 28px;
}
#equipo:hover{
    background: rgb(0,176,139);
    color: white;
}
#acep{
    background-color: #17a2b8;
    color: white;
    border-radius: 5px;
    border: 0px;
}
#acep:hover{
    background: rgb(0,176,139);
    color: white;
}
#guardar{
    background-color: #17a2b8;
    color: white;
    border-radius: 5px;
    border: 0px;
}
#guardar:hover{
    background: rgb(0,176,139);
    color: white;
}
#can{
    background-color: #17a2b8;
    color: white;
    border-radius: 5px;
    border: 0px;
}
#can:hover{
    background: rgb(0,176,139);
    color: white;
}
#guardar2{
    background-color: #17a2b8;
    color: white;
    border-radius: 5px;
    border: 0px;
}
#guardar2:hover{
    background: rgb(0,176,139);
    color: white;
}
#can2{
    background-color: #17a2b8;
    color: white;
    border-radius: 5px;
    border: 0px;
}
#can2:hover{
    background: rgb(0,176,139);
    color: white;
}
#btnCopiar{
    background-color: #17a2b8;
    color: white;
    border-radius: 5px;
    border: 0px;
}
#btnCopiar:hover{
    background: rgb(0,176,139);
    color: white;
}
#btnBus{
    background-color: #17a2b8;
    color: white;
    border-radius: 5px;
    border: 0px;
}
#btnBus:hover{
    background: rgb(0,176,139);
    color: white;
}
.sidenav {
    height: 100%;
    width: 0;
    top: 0;
    left: 0;
    background-color: #fff;
    overflow-x: hidden;
    transition: 0.5s;
    padding-top: 20px;
  }
  
  #collapseFirstButton {
    font-size: 20px;
    color: #818181;
    display: block;
  }
  
  .sidenav a:hover {
    color: #17a2b8;
  }
  
  .sidenav .closebtn {
    position: absolute;
    top: 0;
    right: 25px;
    font-size: 20px;
    margin-left: 50px;
  }
  
  #main {
    transition: margin-left .5s;
    padding: 16px;
  }
  
  @media screen and (max-height: 450px) {
    .sidenav {padding-top: 15px;}
    .sidenav a {font-size: 18px;}
  }
  .jqx-grid-cell-metro
{
	font-family: 'Lato', sans-serif !important; 
}
.jqx-widget-metro
{
	font-family: 'Lato', sans-serif !important;
}
.jqx-widget-content-metro
{
	font-family: 'Lato', sans-serif !important;
}
.jqx-widget-metro
{
	font-family: 'Lato', sans-serif !important;
}

.jqx-grid-column-header-metro
{
	font-family: 'Lato', sans-serif !important;
}
.jqx-grid-group-cell-metro
{
	font-family: 'Lato', sans-serif !important;
}

.jqx-grid-cell-selected-metro
{
	background-color: #EFC92E !important; /*#87cfebc2 */
	
}
#aProd:hover, #aRol:hover, #aSec:hover, #aTip:hover, #aPai:hover, #aPass:hover, #modulos:hover, #aCs:hover{
    background-color: #cfcccc9f;
}
#aProd:focus, #aRol:focus, #aSec:focus, #aTip:focus, #aPai:focus, #aPass:focus, #modulos:focus, #aCs:focus{
    background-color: #EFC92E !important; /*#87cfebc2 */
}
option:hover{
    background-color: #b8b3b39a;
}
option:focus{
    background-color: #EFC92E !important; /*#87cfebc2 */
}
/*
.jqx-combobox-input
{
    color: #EFC92E !important; 
}*/

.smart-combo-box{
    width: 100%;
    --smart-font-size: 12px;
    --smart-font-family: 'Lato', sans-serif;
}