*{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html{font-family:sans-serif}body,html{height:auto;min-height:100%;margin:0;position:relative}input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}.content{display:inline-block;width:90%;padding:1%;box-sizing:border-box}.bg{height:100%;background-image:url(background.jpg);background-position:center;background-repeat:no-repeat;background-size:cover}button,input[type=submit]{font-weight:bold;font-size:1em}h1,h2{text-align:center;margin:0 0 10px 0;color:#368;font-family:monospace;text-transform:uppercase}h2{color:white}.title{font-size:40px;font-weight:bold}ul.menu{list-style-type:none;margin:0;padding:0;width:10%;background-color:#336799;height:auto;min-height:100vh;display:inline-block;float:left;font-family:monospace;font-size:1.2em}ul.menu li a{display:block;color:white;padding:8px 16px;text-decoration:none;font-weight:bold}ul.menu li a:hover{opacity:.8}ul.menu li.active a{background-color:#58C;color:white}input[type=text],[type=password],[type=textarea],[type=email],[type=number],[type=date],select,select option{width:100%;padding:12px;border:1px solid #ccc;border-radius:4px;resize:vertical;font-size:14px}label{padding:12px 12px 12px 0;display:inline-block;font-size:14px}button,input[type=submit]{background-color:#336799;color:white;padding:12px 20px;border:2px solid #336799;border-radius:4px;cursor:pointer;font-weight:bold}input[type=submit]{margin:10px}button:hover,input[type=submit]:hover{background-color:#58C}.container{float:right;border-radius:5px;background-color:#f2f2f2;padding:20px}.col-25{float:left;width:25%;margin-top:6px}.col-75{float:left;width:75%;margin-top:6px}.row:after{content:"";display:table;clear:both}table{font-family:"Trebuchet MS",Arial,Helvetica,sans-serif;border-collapse:collapse;width:100%}td,th{border:1px solid #ddd;padding:8px}tr:nth-child(even){background-color:#f2f2f2}tr:hover{background-color:#ddd}th{padding-top:12px;padding-bottom:12px;text-align:left;background-color:#47b;color:white}a:link{color:black}a:visited{color:black}a:hover{color:grey}a:active{color:black}.modal{display:none;position:fixed;z-index:1;padding-top:50px;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:#000;background-color:rgba(0,0,0,0.4)}.modal-content{position:relative;background-color:#fefefe;margin:auto;padding:0;border:1px solid #888;width:80%;box-shadow:0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);-webkit-animation-name:animatetop;-webkit-animation-duration:.4s;animation-name:animatetop;animation-duration:.4s}@-webkit-keyframes animatetop{from{top:-300px;opacity:0}to{top:0;opacity:1}}@keyframes animatetop{from{top:-300px;opacity:0}to{top:0;opacity:1}}.close{color:white;float:right;font-size:28px;font-weight:bold}.close:hover,.close:focus{color:#000;text-decoration:none;cursor:pointer}.modal-header{padding:2px 16px;background-color:#47b;color:white}.modal-body{padding:2px 16px}.modal-footer{padding:2px 16px;background-color:#47b;color:white;text-align:center}.nuevo{background-color:black;color:white;padding:12px 20px;margin:0 0 10px 0;border:2px;border-radius:4px;cursor:pointer}.nuevo:hover,.nuevo:focus{background-color:grey}.valid{display:none}.invalid{display:block;color:red;font-size:small}.deactivateuser,.activateuser,.deleteuser{cursor:pointer}.filtercontainer{border:15px;padding:10px 0;border-radius:4px}.botonfiltrar{color:#336799;background-color:white;padding:12px 20px;border:2px solid #336799;border-radius:4px;cursor:pointer}.botonfiltrar:hover{background-color:#336799;color:white}#logout{color:white;float:right;border:solid 2px;background-color:#336799;border-color:#66A;padding:5px 18px;position:absolute;right:0}#logout:hover{opacity:.7}.logo{max-width:100%;margin-bottom:20px;border:2px solid transparent;box-sizing:border-box}