/* RESET */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{border:0;font-size:100%;font:inherit;vertical-align:baseline;margin:0;padding:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:none}table{border-collapse:collapse;border-spacing:0}
/* /RESET */

body {
  background: #F4F3FA;
  font-family: 'Montserrat', sans-serif;
  font-weight: 500;
  color: #314779;
}

h1 {
  font-weight: 300;
  font-size: 2em;
  text-align: center;
  margin: 30px;
  text-transform: uppercase;
}

hr {
  border-top: 1px solid #CBCBCB;
  margin: 20px 0;
}

input[type="radio"] {
 margin: 10px 0;
 
  padding: 5px;
  font-family: 'Montserrat', sans-serif;	
  
}

input[type="text"], input[type="number"], input[type="password"],   textarea {
  margin: 10px 0;
  width: 100%;
  box-sizing: border-box;
  padding: 10px;
  font-family: 'Montserrat', sans-serif;
}


	
	
select {
  background: #314779;
 text-align-last: center;
  color: white;
  padding: 20px;
  text-transform: uppercase;
  font-family: 'Montserrat', sans-serif;
  margin-top: 20px;
  font-weight: 300;
  font-size: 1.1em;
  width: 100%;
  box-sizing: border-box;
  border: none;
  outline: none;
  border-radius: 5px;
}

button {
  background: #314779;
  color: white;
  padding: 20px;
  text-transform: uppercase;
  font-family: 'Montserrat', sans-serif;
  margin-top: 20px;
  font-weight: 300;
  font-size: 1.1em;
  width: 100%;
  box-sizing: border-box;
  border: none;
  outline: none;
  border-radius: 5px;
}

.page {
  margin-bottom: 100px;
}

#logo {
  margin: 20px;
}

#logo img {
  width: 350px;
  margin: 0 auto;
  display: block;
}

.list {
  padding: 10px;
  max-width: 700px;
  margin: 0 auto;
}

.list-item {
  background: white;
  margin-bottom: 10px;
  box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.1);
}

.list-item a {
  text-decoration: none;
  cursor: pointer;
  color: #314779;
}

.list-item-main {
  font-weight: 300;
  font-size: 1.2em;
  margin: 10px 0;
}

.list-item-top {
  padding: 10px;
}

.list-item-sub {
  background: #F4F3FA;
  padding: 10px;
  color: #636363;
  display: flex;
  justify-content: space-between;
}

.reporte {
  max-width: 700px;
  margin: 0 auto;
  text-align: center;
  padding: 20px;
}
.reportes {
  max-width: 200px;
  margin: 0 auto;
  text-align: center;
  padding: 10px;
}

#menu {
  background: white;
  padding: 15px;
  position: fixed;
  bottom: 0;
  width: 100%;
  display: flex;
  justify-content: space-around;
  box-sizing: border-box;
  box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.2);
}

#menu hr {
  margin: 30px 0;
}

#menu a {
  text-align: center;
  text-decoration: none;
  color: #314779;
}

#menu a span {
  display: block;
  font-size: 2em;
  color: #636363;
}

@media (min-width: 600px) {
  #menu {
    position: relative;
  }
}




.modal-window {
  position: fixed;
  background-color: rgba(200, 200, 200, 0.75);
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 999;
  opacity: 0;
  pointer-events: none;
}

.modal-window:target {
  opacity: 1;
  pointer-events: auto;
}

.modal-window>div {
  width: 100%;
  height: 100vh;
  position: relative;
  background: #fff;
}

.modal-window header {
  font-weight: bold;
}

.modal-close {
  color: #aaa;
  font-size: 1.3em;
  position: absolute;
  right: 10px;
  text-align: center;
  top: 10px;
  text-decoration: none;
}

.modal-window h1 {
  font-size: 150%;
  margin: 0 0 15px;
}

.menu-links {
  color: #314779;
  font-size: 1.3em;
  font-weight: 300;
  padding: 70px 30px 30px 30px;
  
}
/**Footer**/
#footer {
  padding: 25px 0;
  border-top: 1px solid #5c5c5c;
}
#footer a:hover {
  color: #4b4a4a;
}
#footer a:link
{
	color: #4b4a4a;
	
}
#footer a:visited {

	color: #4b4a4a;
	
}
#footer .copyright {
  font-weight: normal;
  color: #4b4a4a;
	align-content: center;
	 text-align: center;
}

#menu .menu-links a {
  display: block;
  text-align: left;
  margin-bottom: 30px;
}
.pagination {
display: flex;
	justify-content: center;
	margin: 50px;
}

.pagination li{
margin: 0 5px;
background: white;
padding: 10px 15px;		
}
.pagination a {
color: black;
text-decoration: none;
}
.pagination .active {
background: #314779;
	
	
}
.pagination .active a{
color: white;
	
	
}
.reporte table{
background: white;
	
	
}
.reporte td{
padding: 10px
	
	
}
.has-error{color:#ff0000 !important;}

.has-success{color:#78b310 !important;}

.has-error input{border:1px solid red !important;}

.has-success input{border:1px solid #78b310 !important;}



.message_success{background-color: #78b310; color:#fff;padding: 5px;}

.message_error{background-color: #e74c3c; color:#fff;padding: 5px;}

.has-error{color:#ff0000 !important;}

.has-success{color:#78b310 !important;}

.has-error input{border:1px solid red !important;}

.has-success input{border:1px solid #78b310 !important;}



.message_success{background-color: #78b310; color:#fff;padding: 5px;}

.message_error{background-color: #e74c3c; color:#fff;padding: 5px;}