*{padding:0;margin:0;box-sizing:border-box;font-family:sans-serif}body{background-color:#033a50}.head{width:100vw;height:80px;background-color:#000;z-index:1;position:fixed;top:0;z-index:1}.nav{width:1600px;margin:0 auto;display:flex;justify-content:space-between;align-items:center}.navegation{display:flex;justify-content:space-between;gap:3rem}.navegation a{visibility:visible}ul{justify-content:space-between;display:flex;gap:1rem}ul li a:hover{color:#23839f}ul li a{display:inline-flex;height:80px;text-decoration:none;text-transform:uppercase;color:#fff;font-size:22px;line-height:80px;font-weight:700}.logo img{display:inline-flex;width:40px}.homebutton{position:relative;height:40px;width:140px;border-radius:20px;background-image:linear-gradient(180deg,#131313,#000)}.step4{width:36px;height:36px;margin-top:3px;transform:rotate(-22.5deg) skewX(45deg) scaleY(cos(45deg));border:4px solid #fff;border-bottom:0;border-left:0;margin-left:50px;position:relative}.element1{position:absolute;width:45px;height:22px;transform:rotate(45deg);border-right:3px solid #fff;border-bottom:6px solid #fff;border-left:3px solid #fff;margin-top:10px;margin-left:-11px}.toggle-button{display:none}.toggle-button .bar{height:3px;width:100%;background-color:#fff}.main-body{position:relative;margin:80px auto;width:1600px}.button-class{width:1600px;height:40px;margin:0 auto 40px auto;padding:30px 0;background-color:transparent}#id02{position:fixed;width:100vw;height:calc(100vh - 80px);top:80px;right:0;bottom:0;left:0;background-color:rgba(0,0,0,.6);z-index:9999;display:none}.close-box{width:40px;height:48px;top:0;background-color:#06263c;color:#fff;font-size:36px;padding:0 10px;float:right;cursor:pointer}.container-box{width:800px;height:800px;margin:5% auto;background-color:#cdcdcd}.content{width:94%;margin:0 auto}.content h2{color:#23839f;text-align:center;line-height:80px}.content select{margin-bottom:20px;width:100%;height:40px;padding-left:6px;font-size:16px;outline:0}.detail-list{display:flex;flex-direction:column}.detail-list label{color:#23839f;font-size:18px}.detail-list input{margin-bottom:20px;height:40px;outline:0;padding-left:10px;background-color:#23839f;color:#fff;font-size:16px;appearance:none;-moz-appearance:none;-webkit-appearance:none;border:none}.detail-list input::-webkit-input-placeholder{color:#cdcdcd}.detail-list input:-moz-placeholder{color:#cdcdcd}.detail-list input::-moz-placeholder{color:#cdcdcd}.detail-list input:-ms-input-placeholder{color:#cdcdcd}.content button{width:49.7%;height:40px;margin-top:20px;margin-bottom:20px;background-color:rgb(3,58,80,.85);color:#fff;border:none}.content button:last-child{background-color:#23839f;width:100%;height:60px}.button-class .add-user{width:160px;height:40px;line-height:40px;background-color:#23839f;border-radius:20px;color:#fff;border:.3rem}#table{display:table;width:1600px;background-color:#033a50;background-color:transparent;margin:30px auto;border-collapse:collapse}.header-row{background:#23839f;color:#fff;line-height:20px}.row{display:table-row;line-height:24px}.row:nth-child(2):hover{background-color:#cdcdcd}.row:nth-child(3):hover{background-color:#cdcdcd}.row:nth-child(4):hover{background-color:#cdcdcd}.row:nth-child(5):hover{background-color:#cdcdcd}.row:nth-child(6):hover{background-color:#cdcdcd}.cell{display:table-cell;border:1px solid #9ca4a7;padding:8px;text-align:center;color:#033a50;color:#fff}.primary{text-align:left;color:#fff}input[type=checkbox],input[type=radio]{display:none}#user-modify{width:1600px;height:40px;margin:0 auto}.modify-user,.remove-user{width:140px;height:40px;line-height:40px;background-color:#06263c;color:#fff;border:.3rem}#id06{position:fixed;width:100vw;height:calc(100vw - 80px);background-color:rgba(0,0,0,.75);z-index:3;top:80px;left:0;display:none}.close-id06{float:right;color:#fff;padding:10px 20px;font-size:30px;background-color:#dc6464;cursor:pointer}.sure-box06{width:100%;height:30%;margin:100px auto}.box06{display:flex;flex-direction:column;margin:0 auto;align-items:center}.box06 a{width:60%;height:50px;margin:100px auto;background-color:#dc6464;color:#fff;text-decoration:none;text-align:center;line-height:50px;font-size:24px}.box06 span{display:block;width:30%;text-align:center;margin:20px auto;color:#fff;cursor:pointer;text-decoration:underline}.close-box06{height:40px;width:300px;cursor:pointer}@media screen and (max-width:580px){.head{width:100vw;height:80px;position:fixed}.nav{width:98%;display:flex;justify-content:space-between;align-items:center}.navegation{width:100%;height:calc(100vh - 80px);flex-direction:column;list-style:none;justify-content:center;display:none}.navegation a{display:block;visibility:visible}.navegation li a{width:100%;text-align:center;font-size:14px}.navegation img{visibility:hidden}.homebutton{display:none}.logo img{position:absolute;top:1.25rem}.toggle-button{position:absolute;top:1.75rem;right:.75rem;display:block;width:36px;height:21px}.toggle-button .bar{flex-direction:column;justify-content:space-between;height:3px;width:100%;margin-bottom:6px;background-color:#fff;display:block}.navegation.active{display:flex}}@media screen and (max-width:580px){.head{width:100%;top:0;height:80px;background-color:#000;position:fixed;z-index:4}.nav{width:98%;display:flex;justify-content:space-between;align-items:center}.navegation{margin-top:80px;width:100%;height:calc(100vh - 80px);flex-direction:column;list-style:none;justify-content:center;display:none;background-color:rgb(3,58,80,.9)}.navegation a{display:block;visibility:visible}.navegation li a{width:100%;text-align:center;font-size:14px}.navegation img{visibility:hidden}.homebutton{display:none}.logo img{position:absolute;top:1.25rem}.toggle-button{position:absolute;top:1.75rem;right:.75rem;display:block;width:36px;height:21px}.toggle-button .bar{flex-direction:column;justify-content:space-between;height:3px;width:100%;margin-bottom:6px;background-color:#fff;display:block}.navegation.active{display:flex}.main-body{margin-top:80px;width:100%;height:calc(100vh - 80px)}#id02{position:fixed;width:100%;height:calc(100vh - 80px);top:80px;right:0;bottom:0;left:0;z-index:3;background-color:rgba(0,0,0,.6)}.container-box{width:100%;height:100%}#table{font-size:12px;width:98%;margin:30px auto}.row{position:relative;display:block;background-color:#033a50;background-color:transparent}.header-row{display:none}.cell{display:block;position:relative;height:40px;line-height:20px;text-align:left;padding-left:10px;border:none}.row:first-child{display:none}.primary:after{content:"";display:block;position:absolute;right:10px;top:10px;z-index:2;width:0;height:0;border-top:10px solid transparent;border-bottom:10px solid transparent;border-right:12px solid #ccc}.cell:nth-of-type(n+2){display:none}input[type=checkbox],input[type=radio]{display:block;position:absolute;z-index:1;width:100%;height:100%;opacity:0}input[type=checkbox]:checked~.cell,input[type=radio]:checked~.cell{background-color:#23839f;display:block}.row:last-child{display:block}input[type=checkbox]:checked~.cell:nth-of-type(n+2),input[type=radio]:checked~.cell:nth-of-type(n+2){background-color:#23839f}input[type=checkbox]:checked~.cell:nth-of-type(n+2):before,input[type=radio]:checked~.cell:nth-of-type(n+2):before{content:attr(data-label);display:inline-block;width:140px;height:30px;background-color:#23839f;margin-right:100px;font-size:12px;line-height:20px;text-align:left;color:#fff}input[type=checkbox]:checked~.primary:after,input[type=radio]:checked~.primary:after{position:absolute;right:8px;top:12px;border-right:10px solid transparent;border-left:10px solid transparent;border-top:10px solid #fff;z-index:2}.row:nth-child(2):hover{background-color:#fff}.row:nth-child(3):hover{background-color:#fff}.row:nth-child(4):hover{background-color:#fff}.row:nth-child(5):hover{background-color:#fff}.row:nth-child(6):hover{background-color:#fff}.row:nth-child(7):hover{background-color:#fff}.button-class{width:98%;height:36px;margin:0 auto;padding:30px 0;background-color:transparent}.button-class .add-user{width:140px;height:30px;line-height:30px;background-color:#23839f;border-radius:20px;color:#fff;border:.3rem}#user-modify{width:98%;height:30px;margin:60px auto}.modify-user,.remove-user{width:120px;height:30px;line-height:30px;background-color:#06263c;color:#fff;border:.3rem}#id06{width:100%;height:calc(100% - 80px)}.sure-box06{width:90%}.box06{display:flex;flex-direction:column}.box06 a{display:block;width:100%}.box06 span{display:block;width:100%;margin:0 auto;text-align:center}.box06 button{display:block;margin:20px auto}}