@import url(https://fonts.googleapis.com/css2?family=Monda&display=swap);body,html{background-color:#f5f5f5;font-family:Roboto,sans-serif}.titulo{color:#2f54a5}.nav-bar{background-color:#003599;border:0;box-shadow:0 0 10px rgba(0,0,0,.12),0 4px 4px rgba(0,0,0,.2);color:#f8feff;font-family:Alegreya Sans,sans-serif;justify-content:space-between;min-height:48px;padding:1rem;position:relative}.nav-header{display:inline-block;padding:2px;vertical-align:top}.nav-logo{color:#fff;display:inline-block;font-size:1.25rem;font-style:italic;font-weight:700;letter-spacing:.02em;line-height:inherit;margin-right:1rem;padding:0;white-space:nowrap}.nav-buttons{font-size:10px;margin-left:30px}.navbar-nav{display:flex;flex-direction:column;list-style:none;margin-bottom:0;padding-left:0}.mr-auto{margin-right:auto!important}.nav-user{margin-top:.6rem;padding-right:1rem}.nav-icon,.nav-user{float:right;font-size:14px;text-align:right}.nav-icon{border-radius:50px;height:35px;margin-right:14px;overflow:hidden;padding-right:.1rem;width:35px}.nav-pills{background-color:#03023f;border-radius:.25rem}.nav-item{color:#fff}.nav-item:before{-webkit-transform:scalex(0);transform:scalex(0);-webkit-transform-origin:bottom right;transform-origin:bottom right}.nav-item:hover:before{-webkit-transform:scalex(1);transform:scalex(1);-webkit-transform-origin:bottom left;transform-origin:bottom left}.nav-item:before{background:#9df;bottom:0;content:" ";display:block;left:0;position:relative;right:0;top:0;inset:0 0 0 0;transition:-webkit-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease,-webkit-transform .3s ease;z-index:-1}.card{box-shadow:0 0 10px rgba(0,0,0,.12),0 4px 4px rgba(0,0,0,.2)}.card,.card:hover{border-radius:13px;margin:1rem;padding:.4rem}.card:hover{box-shadow:0 0 10px rgba(0,0,0,.32),0 4px 4px rgba(0,0,0,.4)}.card-header-blue{background-color:#20deff}.card-header-blue,.card-header-purple{border-radius:13px 13px 0 0;color:#fff;font-size:30px;margin:.1rem;padding:.4rem}.card-header-purple{background-color:#e1c2f6}.card-header-orange{background-color:#e74a0c}.card-header-orange,.card-header-red{border-radius:13px 13px 0 0;color:#fff;font-size:30px;margin:.1rem;padding:.4rem}.card-header-red{background-color:#f34444}.card-header-darkblue{background-color:#4c6ef8}.card-header-darkblue,.card-header-green{border-radius:13px 13px 0 0;color:#fff;font-size:30px;margin:.1rem;padding:.4rem}.card-header-green{background-color:#07880d}.container-fluid{margin:auto}.container-principal{background-color:#fff;border-radius:13px;box-shadow:0 0 10px rgba(0,0,0,.12),0 4px 4px rgba(0,0,0,.2);margin:auto;padding:2rem;text-align:center;width:1000px}.lbl_container{display:flex;flex-direction:row;justify-content:space-between;margin:.5rem}.titulo{background-color:initial;color:#fff;font-family:Monda,sans-serif;font-size:60px;margin-left:14%;text-align:left;width:100%}.principal{background-color:#27262c;height:100vh}.container-login,.principal{align-items:center;display:flex;justify-content:center}.container-login{background-color:initial;border-radius:10px;text-align:center}.loginiput{background-color:initial;border:0 transparent;border-bottom:1px solid #fff;color:#fff;font-family:Monda,sans-serif;font-size:14px;margin-bottom:10px;padding:1rem 10px 5px;width:70%}.loginiput:active{background-color:#a7a7a7}label{align-items:center;color:#fff;cursor:pointer;display:flex;font-size:12px;gap:10px;margin:auto}input:-webkit-autofill,input:-webkit-autofill:focus,input:-webkit-autofill:hover,select:-webkit-autofill,select:-webkit-autofill:focus,select:-webkit-autofill:hover,textarea:-webkit-autofill,textarea:-webkit-autofill:focus,textarea:-webkit-autofill:hover{-webkit-box-shadow:inset 0 0 0 1000px #c5c3cb;-webkit-transition:background-color 5000s ease-in-out 0s;transition:background-color 5000s ease-in-out 0s}.form-login{align-items:center;display:flex;flex-wrap:wrap;margin:auto;text-align:center}.btnlogin{background-color:#11a;font-size:15px;margin-bottom:1rem;margin-top:.7rem;width:75%}.btnlogin:hover{background-color:#fe5000}.logobanner{align-items:center;background-color:initial;border-radius:1px;display:flex;height:45px;justify-content:center;margin:auto;object-fit:fill;text-align:center;width:100px}.container-login p{color:#d3d3d3;font-size:16px;margin-top:10px}.formulario{padding:10%}.addimg{background-color:initial;border-radius:0;cursor:pointer;height:20%;margin:0 0 0 15%;width:10%}.log{align-items:center;display:flex;font-size:5px;justify-content:center;margin:auto;text-align:center}#sidebar{background:#636772;box-shadow:0 0 10px rgba(0,0,0,.12),0 4px 4px rgba(0,0,0,.2);height:100%;left:-160px;position:fixed;transition:all .15s linear;width:200px;z-index:10}#sidebar.active{background-color:#636772;left:0}#sidebar.active ul li{border-bottom:1px solid #c8ccd6;color:#ececec;font-size:15px;left:0;padding:1rem}#sidebar ul li{border-bottom:1px solid #636772;color:rgba(0,0,0,.9);font-size:0;list-style:none;overflow:auto;text-align:center}.logo{border-radius:50%;display:block;margin:0 auto}.sidebar-btn{margin:0;padding:0}.sidebar-btn,.sidebar-btn2,.sidebar-btn3{background-color:#636772;color:#fff}.sidebar-btn3{margin:0;padding:1rem}.sidebar-btn:hover{background-color:#ff4c0f;color:#fff}.sidebar-btn2:hover{background-color:#129c06;color:#fff}*{margin:0;padding:0}.home{align-items:center;background-color:#a7bcff;display:flex;height:100vh;justify-content:center}.container{border:0 solid #fff;border-radius:10px;box-shadow:0 0 10px 0 rgba(0,0,0,.2);display:flex;height:75%;overflow:hidden;padding:0;width:75%}.sidebar{background-color:#3e3c61;border-right:1px solid #3e3c61;flex:1 1;height:100%;width:100%}.chat{flex:2 1}.navbarchat{align-items:center;background-color:#2f2d52;color:#ddddf7;display:flex;height:50px;justify-content:space-between;padding:10px}.logo2{font-weight:700}.user{display:flex;gap:10px}img{height:24px;width:24px}.imgChats,img{background-color:#ddddf7;border-radius:50%;object-fit:cover}.imgChats{height:44px;width:44px}button{background-color:#5d5b8d;border:none;color:#ddddf7;cursor:pointer;font-size:10px;padding:5px}.search{border-bottom:1px solid gray}.search,.searchForm{padding:10px}.inputSearch{background-color:initial;border:none;color:#fff;font-size:10px;outline:none}.userChat{align-items:center;color:#fff;cursor:pointer;display:flex;gap:10px;padding:10px}.userChat:hover{background-color:#2f2d52}.userChatInfo span{font-size:18px;font-weight:500}.userChatInfo p{color:#d3d3d3;font-size:12px}.chatInfo{align-items:center;background-color:#5d5b8d;color:#d3d3d3;display:flex;height:50px;justify-content:space-between;padding:10px}.messages{background-color:#ddddf7;height:calc(100% - 100px);overflow:scroll;padding:10px}.message,.messageOwnwer{align-items:center;display:flex;gap:20px;margin-bottom:20px}.messageOwnwer{flex-direction:row-reverse}.messageInfo{color:gray;font-size:10px;gap:5px}.messageContent,.messageInfo{display:flex;flex-direction:column}.messageContent{gap:10px;max-width:80%}.messageContent p{background-color:#fff;border-radius:0 10px 10px 10px;max-width:-webkit-max-content;max-width:max-content;padding:10px 20px}.input{align-items:center;background-color:#fff;display:flex;height:50px;justify-content:space-between;padding:10px}.input input{border:none;color:#2f2d52;font-size:10px;font-size:18px;outline:none;padding:10px;width:100%}.input button{background-color:#8da4f1;border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:12px;padding:10px 15px}.input button:hover{background-color:#5d5b8d}
/*# sourceMappingURL=main.260fd00a.css.map*/