.popup-content{background:#fff;border:1px solid #d7d7d7;padding:5px;width:50%}[role=tooltip].popup-content{border-radius:5px;box-shadow:0 0 3px #00000029;width:200px}.popup-overlay{background:#00000080}[data-popup=tooltip].popup-overlay{background:#0000}.popup-arrow{stroke-width:2px;stroke:#d7d7d7;stroke-dasharray:30px;stroke-dashoffset:-54px;bottom:0;color:#fff;filter:drop-shadow(0 -3px 3px rgba(0,0,0,.16));left:0;right:0;top:0}.container{padding:80px;width:500px}.input-label{color:#415a77;display:block;font-size:18px;font-weight:700;margin-bottom:10px}.input-field,.space{margin-bottom:20px}.input-field{padding:20px 5px;width:100%}.password-icon{left:460px;top:40%}.form-row{justify-content:space-between;margin-bottom:40px}.remember-me{color:#415a77;margin-right:20px}.forgot-password{color:#415a77;cursor:pointer}.forgot-password:hover{text-decoration:underline}button{margin:0 auto 40px}.line{margin-top:20px}.popup-content{background-color:#fff;border-radius:8px;box-shadow:0 0 10px #0000001a;margin:auto;max-width:300px;padding:20px;text-align:center}.popup-content p{color:#333;margin:0}body{align-items:center;background-color:#e0e1dd;background-image:url(/static/media/BackgroundPicture.9b6f58bda3cd9bf8ae89.jpg);background-position:50%;background-size:cover;display:flex;height:100vh;justify-content:center;margin:0}.container{background-color:#f9f9f9b3;border:1px solid #ccc;border-radius:50px;margin:auto;padding:35px;width:550px}.head{color:#0d1b2a;font-size:30px;font-weight:700;margin-bottom:30px}.input-field{border:1px solid #ccc;border-radius:50px;box-shadow:0 0 10px #0000001a;display:block;font-size:18px;margin-bottom:30px;padding:20px 3px;width:95%}.input-field-with-padding{padding-left:20px}.password-input{position:relative}.password-icon{cursor:pointer;position:absolute;right:30px;top:50%;transform:translateY(-50%)}button{background-color:#0d1b2a;border:none;border-radius:50px;box-shadow:0 0 10px #0000001a;color:#fff;cursor:pointer;display:block;font-size:24px;font-weight:700;margin:0 auto 20px;padding:20px 70px}.form-row{align-items:center;display:flex;font-size:18px;font-weight:700;justify-content:center;margin-bottom:20px}.login-page{color:#0056b3;font-size:20px;margin-left:10px;text-decoration:none}.have-acc{color:#0d1b2a}.line{align-items:center;display:flex;font-size:20px;font-weight:700;margin-bottom:20px;margin-top:10px}.divider{border:none;border-top:3px solid #0d1b2a;flex-grow:1}.or-text{margin:0 30px}.social-icons{display:flex;justify-content:center;margin-top:20px}.facebook-icon,.google-icon{color:#0056b3;font-size:40px;margin:0 20px}.facebook-icon:hover,.google-icon:hover{opacity:.8}button:hover{background-color:#0056b3}h2{text-align:center}.white-text-box{background:#fff;border-radius:70px;font-size:18px;left:50%;padding:25px;position:absolute;top:50%;transform:translate(-50%,-50%)}.centerText{font-weight:700;margin-bottom:0;margin-top:0;text-align:center}.add-channel{align-items:center;display:flex;flex-direction:row;justify-content:center;width:100%}.add-channel h2{font-size:20px;margin-left:20px}.add-channel button{align-items:center;background-color:grey;border-radius:50%;display:flex;height:20px;justify-content:center;margin-top:8%;padding:20px;width:20px}.add-channel button:hover{background-color:#fff}.add-channel img{height:20px;width:20px}.button-channel{flex-direction:column;height:100%;margin-top:5px}.button-channel,.button-channel button{align-items:center;display:flex;justify-content:center;width:100%}.button-channel button{background-color:#415a77;border:none;border-radius:0;color:#fff;font-size:10px;height:40px;margin:0}.button-channel button:hover{background-color:#fff;color:#000}.popup-overlay{align-items:center;background:#1b263b;display:flex;justify-content:center;width:100%}.popup-overlay input{margin:0 0 20px;width:100%}.popup-overlay button{align-items:center;display:flex;font-size:10px;height:20px;justify-content:center;width:50px}.con{background:#fff;display:flex;height:100vh;width:100vw}.side-bar{align-items:center;background:#0d1b2a;height:100%;width:5%}.content,.side-bar{display:flex;flex-direction:column}.content{background:#415a77;width:95%}.nav-bar{background:#303e5a;height:85px;justify-content:end;width:100%}.nav-bar,.profile-image{align-items:center;display:flex}.profile-image{border-radius:50%;height:50px;justify-content:center;margin:0 10px 0 0;width:50px}.channel{flex-direction:row;width:100%}.channel,.side-bar-channel{background:#415a77;display:flex;height:100%}.side-bar-channel{flex-direction:column;justify-content:space-between;width:15%}.chat{background:#778da9;height:100%;width:85%}.messages-chat{height:560px;margin:10px}.ChatInput{border:50px;border-radius:20px;box-sizing:border-box;height:5%;margin-bottom:1%;margin-left:1%;padding-left:1%;width:75.8%}.ChatInput,.SubmitChat{bottom:0;position:fixed}.SubmitChat{background-color:#415a77;border-radius:50%;margin-right:1%;margin-top:2%;padding:1.2%;right:0}.addServer,.server-button{align-items:center;background-color:#d9d9d9;border-radius:50%;display:flex;height:60px;justify-content:center;margin:10px 0 0;padding:40%;width:60px}.addServer{align-self:flex-end}.server-list{align-self:flex-start}.addServer img{height:30px;width:30px}.server-button img{height:50px;width:50px}.addServer:hover{background-color:#778da9}.window-add-server{padding:20px;text-align:center}.window-add-server h2{margin-top:0}.message-container{display:flex;justify-content:flex-end}.message{border-radius:8px;margin:5px;max-width:70%;padding:5px 10px}.align-right{margin-right:10px;text-align:right}.align-left{margin-left:10px;text-align:left}.align-right-message{background:#90ee90;border-radius:50px;margin-right:10px;padding:10px;text-align:right}.align-left-message{background:#add8e6;border-radius:50px;margin-left:10px;padding:10px;text-align:left}.message-left,.message-right{color:#000}.message-container.message-left{justify-content:flex-start}.message-container.message-left .message{background-color:#90ee90;color:#000}.message-container.message-right .message{background-color:#add8e6;color:#000}.profile-image img{height:50px;width:50px}.other-seting{align-items:center;background:#303e5a;display:flex;height:15%;justify-content:space-around;width:100%}.other-seting button{align-items:center;background:#d9d9d9;border-radius:100%;display:flex;height:10px;justify-content:center;padding:30px;width:10px}.other-seting button img{height:30px;width:30px}
/*# sourceMappingURL=main.36853ccc.css.map*/