*{font-size:16px;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.red{color:red}.btn{background-color:#2b3052;border:none;color:#fff;cursor:pointer;font-weight:600;height:2.1rem;margin:auto;outline:none;padding:.5rem 1.5rem}.btn-lg{padding:.5rem 3rem;width:100%}.btn-lg,.btn-md{background-color:#2b3052;border:none;color:#fff;cursor:pointer;font-weight:600;height:2.5rem;margin:auto;outline:none}.btn-md{padding:.5rem 2rem;width:50%}.title{color:#3c4666;margin-bottom:.85rem}.title,.title-secundario{font-size:1.5rem;font-weight:500}.title-secundario{background-color:#ff5900;color:#fff;margin-bottom:.85rem auto;padding:.5rem;text-align:center}.input{border-bottom:1px solid #2b3052;color:#3c4666;font-size:1.1rem;height:1.5rem;outline:none;width:100%}.home{display:flex}.home .homeContainer{flex:8 1}.home .homeContainer .charts,.home .homeContainer .widgets{display:flex;gap:1.1rem;padding:1.1rem}.home .homeContainer .charts{padding:5px 1.1rem}.home .homeContainer .listContainer{border-radius:.55rem;box-shadow:2px 4px 10px 1px #89897e;margin:1.1rem;padding:1.1rem}.sidebar{background-color:#fff;border-right:.5px solid #d3d3d3;flex:1 1;min-height:100vh}.sidebar .top{align-items:center;background-color:#ff5900;display:flex;height:3rem;justify-content:center}.sidebar .top .logo{color:#fff;font-size:1rem;font-weight:700}.sidebar hr{border:.5px solid #d3d3d3;height:0}.sidebar .center{padding-left:.5rem}.sidebar ul{list-style:none;margin:0;padding:0}.sidebar ul .title{color:#999;font-size:10px;font-weight:700;margin-bottom:.5rem;margin-top:1rem}.sidebar ul li{align-items:center;cursor:pointer;display:flex;padding:.25rem}.sidebar ul li:hover{background-color:#ece8ff}.sidebar ul li .icon{color:#7451f8;font-size:1.2rem}.sidebar ul li span{color:#888;font-size:.8rem;font-weight:600;margin-left:5px}.sidebar .bottom{align-items:center;display:flex;margin:.5rem}.sidebar .bottom .colorOption{border:1px solid #7451f8;border-radius:.25rem;cursor:pointer;height:1.1rem;margin:.25rem;width:1.1rem}.sidebar .bottom .colorOption:first-child{background-color:#f5f5f5}.sidebar .bottom .colorOption:nth-child(2){background-color:#333}.navbar{border-bottom:.5px solid #d3d3d3;color:#555;flex-direction:row;font-size:.8rem;height:2.5rem}.navbar,.navbar .wrapper{align-items:center;display:flex}.navbar .wrapper{justify-content:space-between;padding:1.1rem;width:100%}.navbar .search{align-items:center;border:.5px solid #d3d3d3;display:flex;padding:3px}.navbar .search input{background:#0000;border:none;outline:none}.navbar .search input::placeholder{font-size:.66rem}.navbar .btn-dashboard{background-color:#2b3052;border-radius:.8rem;color:#fff;font-weight:600;margin:2rem;padding:.8rem 1rem;text-decoration:none}.items,.items .listado{align-items:center;display:flex}.items .listado{margin-right:1.1rem;position:relative}.items .listado .icon{font-size:1.1rem}.lista{display:flex;width:100%}.lista .container{flex:6 1}.datatable{height:650px;padding:20px}.datatable .datatableTitle{align-items:center;color:gray;display:flex;font-size:24px;justify-content:space-between;margin-bottom:10px;width:100%}.datatable .datatableTitle .link{border:1px solid green;border-radius:5px;color:green;cursor:pointer;font-size:16px;font-weight:400;padding:5px;text-decoration:none}.datatable .cellWithImg{align-items:center;display:flex}.datatable .cellWithImg .cellImg{border-radius:50%;height:32px;margin-right:20px;object-fit:cover;width:32px}.datatable .cellWithStatus{border-radius:5px;padding:5px}.datatable .cellWithStatus.active{background-color:#0080000d;color:green}.datatable .cellWithStatus.pending{background-color:#ffd9000d;color:#daa520}.datatable .cellWithStatus.passive{background-color:#ff00000d;color:crimson}.datatable .cellAction{align-items:center;display:flex;gap:15px;margin:.7rem}.datatable .cellAction .viewButton{align-items:center;border:1px dotted rgba(0,0,139,.596);border-radius:5px;color:#00008b;cursor:pointer;display:flex;height:2rem;padding:5px}.datatable .cellAction .deleteButton{align-items:center;border:1px dotted #dc143c99;border-radius:5px;color:crimson;cursor:pointer;display:flex;height:2rem;padding:5px}.widget{border-radius:.55rem;box-shadow:2px 4px 10px 1px #89897e;flex:1 1;height:8rem;margin:0;padding:.55rem}.widget,.widget .left,.widget .right{display:flex;justify-content:space-between}.widget .left,.widget .right{flex-direction:column}.widget .left .title,.widget .right .title{color:gray;font-size:.8rem;font-weight:700}.widget .left .counter,.widget .right .counter{font-size:1.55rem;font-weight:300}.widget .left .link,.widget .right .link{border-bottom:1px solid gray;font-size:.66rem;width:max-content}.widget .left .percentage,.widget .right .percentage{align-items:center;display:flex;font-size:.8rem}.widget .left .percentage.positive,.widget .right .percentage.positive{color:green}.widget .left .percentage.negative,.widget .right .percentage.negative{color:red}.widget .left .icon,.widget .right .icon{align-self:flex-end;border-radius:5px;font-size:1.5rem;padding:5px}.login{display:flex;flex-direction:column}.login .container{border:1px solid #c6c6c6;margin:10% auto;padding:2rem}.login .container .recupera p{font-size:.8rem;margin:1.2rem 0}.login .container .recupera p a{font-size:.8rem}.login .container div{margin:1rem}.login .container div .input{border:none;border-bottom:2px solid #c6c6c6}.mensaje{border:1px solid #000;margin:1rem 0;padding:1rem}.error{background-color:#ed5f5f}.error,.success{color:#f0f8ff;font-size:1.5rem;font-weight:600}.success{background-color:#5fef5f}.info{background-color:#5682f0;color:#f0f8ff;font-size:1.5rem;font-weight:600}.logout p{font-size:1.2rem;font-weight:600;margin:10rem;text-align:center}.header{background-color:#ff5900;color:#fff;display:flex;height:4rem;margin:0 0 2rem;width:100%}.header .left{align-items:center;color:#fff;font-weight:700;justify-content:center;margin-right:auto;padding:.5rem}.header .left span{margin-left:1rem}.header .left a{color:#fff;font-weight:700}.header .right{align-items:center;color:#fff;justify-content:center;margin-left:auto;padding:.5rem}.header .right a{color:#fff;font-weight:700}.encode{display:flex}.encode .encodeContainer{flex:1 1}.encode .encodeContainer .listContainer{margin:0;overflow-x:hidden}.encode .encodeContainer .listContainer .frame{min-height:1000px;width:100%}.registro{align-content:center;align-items:center;justify-content:center;margin:2rem}.registro,.registro .container{display:flex;flex-direction:column}@media only screen and (max-width:768px){.registro .container{font-size:.8rem;font-weight:300;width:100%}}@media only screen and (min-width:768px){.registro .container{font-size:1rem;font-weight:300;width:60%}}.registro .container .input{border:none;display:flex;padding:.5rem}.registro .container .input span{flex:2 1;font-weight:bolder}.registro .container .input .field{border:none;border-bottom:1px solid #000;flex:5 1;height:100%;width:100%}.footer{background-color:#2b3052;color:#fff;display:flex;margin:3rem 0;min-height:3rem;width:100%}.footer .footer-container{display:flex;margin-top:auto;width:100%}.footer .footer-container .reservados{font-size:.8rem;margin-left:auto;padding:.5rem}.welcome{margin:0}.welcome,.welcome .container{display:flex;flex-direction:column}@media only screen and (max-width:768px){.welcome .container{font-size:.8rem;font-weight:300;width:100%}}@media only screen and (min-width:768px){.welcome .container{font-size:1.2rem;font-weight:300;width:60%}}.welcome .container .welcome-body{padding:5rem}.welcome .container .welcome-body p{padding:.5rem}.recupera{align-items:center}.recupera,.recupera .container{display:flex;flex-direction:column}.recupera .container{margin:4rem 0}@media only screen and (max-width:768px){.recupera .container{font-size:.8rem;font-weight:300;width:100%}}@media only screen and (min-width:768px){.recupera .container{font-size:1rem;font-weight:300;width:60%}}.recupera .container form{font-weight:700;margin:2rem;padding:10px}.recupera .container form .btn-submit{margin:2rem;text-align:center}.resetea,.resetea .container{display:flex;flex-direction:column}@media only screen and (max-width:768px){.resetea .container{font-size:.8rem;font-weight:300;width:100%}}@media only screen and (min-width:768px){.resetea .container{font-size:1rem;font-weight:300;width:60%}}.resetea .container form{font-weight:700;margin:3rem auto}.resetea .container form .input{border:none;border-bottom:1px solid #000;margin-bottom:1rem}.confirma,.confirma .container{display:flex;flex-direction:column}.confirma .container .welcome-body{margin:1rem}.confirma .container .welcome-body p{font-size:1.2rem;font-weight:300;margin-bottom:.5rem}.inicio{display:flex;flex-direction:column}.inicio .inicioContainer{flex:1 1;flex-direction:column}.inicio .inicioContainer .container{display:flex;flex-direction:column;margin:0;overflow-x:hidden}.inicio .inicioContainer .container #main-frame{margin:0;min-height:85vh;width:100%}.inicio .inicioContainer .container p{font-size:1.5rem;font-weight:300;margin:1rem}.inicio .inicioContainer .container p a{font-size:1.5rem;font-weight:300}
/*# sourceMappingURL=main.4deaa5e3.css.map*/