/*Admin CSS */

@font-face {
	font-family: 'Segoe UI';
	src: url('fonts/Segoe UI.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Segoe UI';
	src: url('fonts/Segoe UI Bold.ttf') format('truetype');
	font-weight: bold;
	font-style: normal;
}

@font-face {
  font-family: 'FabricMDL2Icons';
  src: url('fonts/fabric-icons.woff') format('woff');
}

.ms-Icon {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-family: 'FabricMDL2Icons';
  font-style: normal;
  font-weight: normal;
  speak: none;
}

.ms-Button-flexContainer {
	display: flex;
	height: 100%;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: center;
}

.ms-Button-label {
	margin: 0px 4px;
	line-height: 100%;
	display: block;
	font-weight: bold;
}

.icon-110 {
	font-size: 16px;
	margin: 0px 4px;
	height: 16px;
	line-height: 16px;
	text-align: center;
	flex-shrink: 0;
}


body {
	font-family:Arial, Helvetica, sans-serif;
	background-color: rgb(40, 46, 62);
}

h2 {
	font-size:18px;
	line-height:17px;
}

#header {

	height:90px;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	/* background:#EFEFEF; */
	/* border-bottom:#CCC solid 1px; */
	position: sticky;
	z-index: 2;
	margin: 0;
	top: 0;
	/* min-width:990px; */
	width: 100%;
	background-color: white;
  box-shadow: rgba(67, 90, 111, 0.47) 0px 0px 1px, rgba(67, 90, 111, 0.3) 0px 2px 4px -2px;
}

#footer {
	position: fixed;
	bottom: 0;
	margin-top:50px;
	height: 35px;
	width: 100%;
	border-top: 1px solid #ebebeb;
	overflow: hidden;
}

#footer p {
	margin-top:12px;
	text-align:center;
	font-size:11px;
	color: #999;
}

#logo {
	float:left;
	margin-top:10px;
	margin-left:20px;

}
#logo svg {
	width: 100px;
}

#logoutCont {
	width:600px;
	text-align:right;
	float:right;
	padding-right:20px;
	padding-top: 12px;
	font-family: "Lato";
}

#logoutCont p {
	font-size:14px;
	margin-bottom:10px;
}

#logout {
	border: 1px solid #8A040C;
	color: #fff;
	background-color:#C80915;
	width:100px !important;
	font-size:12px !important;
	font-weight:bold;
	float:right;
	line-height: 12px;
	text-decoration:none !important;
	display:block !important;
	text-align:center;
	padding:5px;
	border-radius:3px;
	font-family: "Segoe UI";
}

#logout:hover {
	background-color:#A00525;
}

#userType {
	font-size:24px;
	font-weight:bold;
	width:300px;
	float:right;
	text-align:right;
	margin-top:35px;
	margin-right:20px;
	color:#06C;
}

#mainContainer {
	min-height:100%;
	width:100%;
	position:relative;
	display: flex;
	flex-direction: row;
	margin: 0;
	top: 0;
}
#sidebar{
	width:230px;
	margin: 0;
	background-color: rgb(40, 46, 62);
	box-sizing: border-box;
	max-height: calc(100vh - 90px);
	/* top:50px;
	left:0px;
	bottom:0px; */
	/* z-index:1; */
	overflow-y:auto;
	position:sticky;
	top:90px;
	padding-top:20px;
	/* padding-left:20px; */
}
#content{
	min-height: calc(100vh - 90px);
	background-color: rgb(245, 246, 247);
	display: flex;
	flex-direction: column;
	padding: 0px 20px;
	/* min-width:740px; */
	/* min-height:100%; */
	/* left:250px; */
	/* position:absolute; */
	/* padding-top:10px; */
 }

.page {
	margin-bottom: 28px;
	box-shadow: rgba(0, 0, 0, 0.133) 0px 1.6px 3.6px 0px, rgba(0, 0, 0, 0.11) 0px 0.3px 0.9px 0px;
	/* display: flex;
	flex-direction: column;
	min-height: calc(100vh - 210px); */
	background: padding-box rgb(255, 255, 255);
	padding: 28px 20px;
	border-radius: 2px;
	position: relative;
}

.page #tituloTabla {
	margin-bottom: 40px;
	font-size: 29px;
	color: rgb(35, 67, 97);
	line-height: 32px;
	/* font-weight: bold; */
	font-family: "Segoe UI";
}

#mainContainer {
	font-family: "Lato";
}


#formContainer {
	width:295px;
	/* padding:15px 25px; */
	height:235px;
	background:#EFEFEF;
	/* border: #CCC solid 1px; */
	margin:20px auto;
	background: white;
	border: 1px solid rgb(199, 206, 212);
	border-radius: 4px;
	padding: 30px;
	font-family: Lato;
	font-weight: 400;
	color: rgb(66, 90, 112);
	box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 8px 0px, rgba(0, 0, 0, 0.12) 0px 6px 20px 0px;
}
form#login {
	margin-top:25px;
}

#formContainer h2 {
	font-weight: bold;
	font-size: 14px;
	text-align: center;
}

#formContainer p {
	font-size: 12px;
	text-align: left;
	margin: 20px 0px;
}

form#login label {
	font-weight:bold;
	font-size:14px;
	display:block;
	margin-bottom:5px;
	font-weight: bold;
}

form#login input[type="text"], form#login input[type="password"] {
	width: 94%;
	padding:0 2%;
	height: 28px;
	font-size:12px;
	/* border: 1px solid #b9b9b9; */
	/* border-top: 1px solid #a0a0a0; */
	margin-bottom:20px;
	border-radius: 3px;
	font-family: 'Segoe UI';
	color: rgb(66, 90, 112);
	box-shadow: rgba(67, 90, 111, 0.3) 0px 0px 0px 1px inset, rgba(67, 90, 111, 0.14) 0px 1px 2px inset;
}

#submitBtn {
	border: 1px solid #2f5bb7;
	color: #fff;
	background-color: #357ae8;
	width:100px !important;
	font-size:12px !important;
	font-weight:bold;
	float:right;
	cursor:pointer;


	background-image: linear-gradient(rgb(7, 136, 222), rgb(17, 106, 184));
	box-shadow: rgba(67, 90, 111, 0.3) 0px 0px 0px 1px inset, rgba(67, 90, 111, 0.06) 0px -1px 1px 0px inset;
	box-sizing: border-box;
	font-family: "Segoe UI";
	font-weight: 500;
	font-size: 12px;
	height: 32px;
	border-radius: 3px;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-right: 16px;
	padding-left: 16px;
}

#submitBtn:hover {
	/* background-color:#244B99; */
	background-image: linear-gradient(rgb(6, 121, 197), rgb(15, 93, 161));
}

/*Home */
#options {
	height:40px;
	/* width:100%; */
	/* min-width:990px; */
	border-bottom: 1px solid #ebebeb;
	padding-top:10px;
	position:relative;
}
#options #leftOptions {
	position:absolute;
	left:0px;
}
#options #rightOptions {
	float:right;
	/* margin-right:20px; */
	position:relative;
}

.optionButton {
	/* width: 70px;
	height:26px;
	background-color:#EFEFEF;
	display:block;
	padding-top:4px;
	border: 1px solid #b9b9b9; */
	outline: transparent;
	position: relative;
	font-family: "Segoe UI";
	-webkit-font-smoothing: antialiased;
	font-size: 14px;
	font-weight: bold;
	box-sizing: border-box;
	border: 1px solid rgb(0, 120, 212);
	display: inline-block;
	text-decoration: none;
	text-align: center;
	cursor: pointer;
	padding: 0px 16px;
	border-radius: 2px;
	min-width: 80px;
	height: 32px;
	background-color: rgb(0, 120, 212);
	color: rgb(255, 255, 255);
	user-select: none;
}
.optionButton:hover {
	border: 1px solid #287AE0;
}

#options select {
	box-sizing: border-box;
	width:300px;
	border: none;
	height:32px;
	display:block;
	float:left;
	margin-bottom:10px;
	padding:0 5px;
	font-size:12px;
	border-radius:3px;
	box-shadow: rgba(67, 90, 111, 0.3) 0px 0px 0px 1px inset, rgba(67, 90, 111, 0.14) 0px 1px 2px inset;
}

#leftOptions #addUser {
	height: 27px;
	background: no-repeat url(../images/options.png) #EFEFEF 0 -120px;
	width: 21px;
	height: 21px;
	margin:0 auto;
}

#leftOptions #add {
	height: 27px;
	background: no-repeat url(../images/options.png) #EFEFEF 0 -309px;
	width: 21px;
	height: 21px;
	margin:0 auto;
}

a.btn {
	background-image:url(../images/optionsOver.png);
	background-repeat:no-repeat;
	height: 25px;
	width: 21px;
	height: 21px;
	margin:0 auto;
	display:block;
	text-indent:-999999px;
}

a.btn:hover {
	background-image:url(../images/options.png);
}

a.editar {background-position:0 -40px;}
a.descargar {background-position:0 -330px;}
a.borrar {background-position: 0 -288px;}

#sidebar ul li {
	font-size:13px;
	height:40px;
	background-color: rgba(25, 30, 42, 0.8);
	/* margin-bottom:8px; */
}
#sidebar ul li a {
	box-sizing:border-box;
	text-decoration:none;
	color: rgb(123, 139, 154);
	display:inline-block;
	zoom: 1;
	height: 100%;
	width: 100%;
	display: flex;
	flex-direction: row;
	align-items: center;
	padding-left: 20px;
	font-family: "Lato";
	font-weight: bold;
	/* padding:8px 0px 8px 20px; */
	/* border: solid 1px white; */
}
#sidebar ul li a:hover {
	/* border: solid 1px #CCC; */
	background-color: rgb(40, 46, 62);;
}
#sidebar ul li a.active {
	font-weight:bold;
	/* background-color:#386EC8; */
	color: rgb(65, 155, 240);;
}

/* #content #tituloTabla {
	font-size:12px;
	color:#666;
	border-bottom: 1px solid #ebebeb;
	padding-bottom:10px;
	width:100%;
	font-weight:bold;
} */
table.tabla {
	width:100%;
}
table.tabla thead {
	height:20px;
}

table.tabla tr {
	height:28px;
	border-bottom: 1px solid #ebebeb;
}

table.tabla tbody tr:hover {
	background-color:#cce9ff69;
}

table.tabla th, table.tabla td {
	font-size:12px !important;
	padding:0 5px;
}
table.tabla td, table.tabla th {
	vertical-align:middle;
}
table.tabla th {
	font-weight:bold;
	text-transform:uppercase;
	text-align:left;
	padding-bottom: 10px;
	color: rgb(50, 49, 48);
}


/* Formas */

.stdForm {
	width:500px;
	margin-top:30px;
}

.stdForm label {
	width:150px;
	text-align:right;
	display:block;
	float: left;
	font-size:14px;
	font-weight:bold;
	line-height:32px;
	margin-right:10px;
	margin-bottom:5px;
	color: rgb(96, 94, 92);
}

.stdForm input[type="text"], .stdForm input[type="password"], .stdForm input[type="file"], .stdForm select, .stdForm textarea {
	box-sizing: border-box;
	width:300px;
	border: none;
	height:32px;
	display:block;
	float:left;
	margin-bottom:10px;
	padding:0 5px;
	font-size:12px;
	border-radius:3px;
	box-shadow: rgba(67, 90, 111, 0.3) 0px 0px 0px 1px inset, rgba(67, 90, 111, 0.14) 0px 1px 2px inset;

}

.stdForm input[type="text"]:focus, .stdForm input[type="password"]:focus, .stdForm input[type="file"]:focus, .stdForm select:focus, .stdForm textarea:focus{
	outline: none;
  box-shadow: rgba(67, 90, 111, 0.14) 0px 0px 2px inset, rgb(87, 154, 217) 0px 0px 0px 1px inset, rgba(16, 112, 202, 0.14) 0px 0px 0px 3px;
	color: rgb(66, 90, 112);
}

.stdForm textarea {
	resize:none;
	height:100px;
	padding:5px;
}

.shortInput {
	width:200px !important;
}

.stdForm input[type="text"]:after {
	float:none;
	clear:both;
}

.stdForm input[type="file"] {
	border:none !important;
}

.stdForm .btnSet {

}

.stdForm .btnSet #btnCancelar:hover, #filtrarBtn, #btnImprimir{
	background-color: rgb(243, 242, 241);
	color: rgb(32, 31, 30);
}
.stdForm .btnSet #btnCancelar, #filtrarBtn, #btnImprimir {
	outline: transparent;
	position: relative;
	font-family: "Segoe UI";
	-webkit-font-smoothing: antialiased;
	font-size: 14px;
	font-weight: bold;
	box-sizing: border-box;
	border: 1px solid rgb(138, 136, 134);
	display: inline-block;
	text-decoration: none;
	text-align: center;
	cursor: pointer;
	padding: 0px 16px;
	border-radius: 2px;
	min-width: 80px;
	height: 32px;
	background-color: rgb(255, 255, 255);
	color: rgb(50, 49, 48);
	user-select: none;
}

.stdForm .btnSet #guardarBtn:hover {
	background-color: rgb(16, 110, 190);
	border: 1px solid rgb(16, 110, 190);
	color: rgb(255, 255, 255);
}
.stdForm .btnSet #guardarBtn {
	outline: transparent;
	position: relative;
	font-family: "Segoe UI";
	-webkit-font-smoothing: antialiased;
	font-size: 14px;
	font-weight: bold;
	box-sizing: border-box;
	border: 1px solid rgb(0, 120, 212);
	display: inline-block;
	text-decoration: none;
	text-align: center;
	cursor: pointer;
	padding: 0px 16px;
	border-radius: 2px;
	min-width: 80px;
	height: 32px;
	background-color: rgb(0, 120, 212);
	color: rgb(255, 255, 255);
	user-select: none;
}

.btnSet input {
	display:block;
	float:left;
	width:100px;
	height:30px;
	margin-top:20px;
	margin-right:20px;
	background:#EFEFEF;
	font-size:11px;
	color:#386EC8;
	font-weight:bold;
	border:solid 1px #CCC;
	font-family:Arial, Helvetica, sans-serif;
	cursor:pointer;
}

.paginado {
	width:300px;
	margin:30px auto 0 auto;
}

.paginado p {
	text-align:center;
}

.paginado p a {
	text-decoration:none;
	font-size:12px;
	margin-right:5px;
	color:#386EC8;
}

.paginado p a.activo {
	font-weight:bold;
	color:black;
}

.clear {
	float:none;
	clear:both;
}

.ui-datepicker, .ui-dialog {
	font-size: 12px !important;
}


#verPendientesBtn {
	width:214px;
	height:40px;
	background:#A4A4A4;
	text-align:center;
	position:absolute;
	left:15px;
	top:-45px;
	cursor:pointer;
}

#verPendientesBtn p {
	color:white;
	line-height:40px;
}

#pendientesModalCont {
	width:450px;
}

.nAlto, .nMedio, .nBajo {
	line-height:15px;
	padding:8px;
	margin-bottom:5px;
}

.nAlto {
	border-left:solid 50px #E02B00;
	border-bottom:solid 1px #E02B00;
}

.nMedio {
	border-left:solid 50px #FC0;
	border-bottom:solid 1px #FC0;
}

.nBajo {
	border-left:solid 50px #093;
	border-bottom:solid 1px #093;
}