@import url(https://fonts.googleapis.com/css2?family=Roboto&display=swap);@import url(https://fonts.googleapis.com/css2?family=Montserrat&display=swap);@import url(https://fonts.googleapis.com/css2?family=Lato&display=swap);input:-webkit-autofill,input:-webkit-autofill:active,input:-webkit-autofill:focus,input:-webkit-autofill:hover{-webkit-box-shadow:0 0 0 30px #fff inset!important}.login-container{width:100vw;height:100vh}.login-header{padding:48px 0 40px;width:100%;display:grid;align-items:center;justify-content:center;grid-template-columns:repeat(3,1fr)}.login-heading{font-family:"Lato",sans-serif;color:#1d1c1d;font-weight:900;font-size:48px;line-height:48px;width:100%;text-align:center;letter-spacing:-.75px;margin-bottom:10px}.login-form{margin:70px auto 40px;width:400px;max-width:400px}.login-content{height:60px}.login-input{width:100%;height:45px;margin-bottom:15px;padding:12px;font-size:18px;border:1px solid #868686;border-radius:4px}.login-input:focus{outline:none;border:1px solid #0b4c8c;box-shadow:0 0 6px 4px #bbe1f1}.login-btn{margin-bottom:24px;width:100%;font-family:"Lato",sans-serif;font-size:18px;font-weight:900;color:#fff;background-color:#4a154b;align-self:flex-start;cursor:pointer;height:44px;padding:0 16px 3px;border:none;border-radius:4px}.login-btn:hover{background-color:#5c2c5d;box-shadow:0 0 4px 0 #868686}.signup-caption{font-family:"Lato",sans-serif;font-size:13px;font-weight:400;color:#606060;display:flex}.signup-caption div{margin-left:.3em;color:#1264a3;cursor:pointer;font-weight:700}.signup-caption div:hover{color:#0b4c8c;text-decoration:underline}.Home{width:100%;height:100vh;display:flex;justify-content:space-evenly;align-items:center}*{padding:0;margin:0;box-sizing:border-box}body{font-family:"Lato",sans-serif;width:100vw;height:100vh}.Client{width:100%;height:100vh;display:grid;grid-template-columns:310px auto 1px;grid-template-rows:42px auto 1px}.ChannelDetails{grid-column:2/4;grid-row:2/4;display:grid;grid-template-rows:50px auto 80px;height:100%;width:100%}.ChannelDetails .far,.ChannelDetails .fas{color:#1d1c1d}.ChannelDetails .far:before,.ChannelDetails .fas:before{display:flex;justify-content:center;align-items:center}.ChannelDetails .channel-header{grid-row:1;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #e2e2e2;background-color:#fff}.ChannelDetails .channel-header h2{height:48px;line-height:50px;font-weight:900;font-family:"Lato",sans-serif;color:#1d1c1d;text-align:left;padding:0 0 0 16px;font-size:18px}.ChannelDetails .channel-header .member-count{display:flex;justify-content:center;align-items:center;padding:0 16px 0 0}.ChannelDetails .channel-header .members{padding:0 15px 0 5px}.ChannelDetails .channel-header .add-member-content input{padding:4px}.ChannelDetails .channel-header .add-member-content button{padding:4px;background-color:transparent;border:none;outline:none;cursor:pointer;margin-left:4px}.ChannelDetails .channel-feed{grid-row:2;max-height:910px;align-self:end;overflow-y:auto;display:flex;flex-flow:column nowrap}.ChannelDetails .channel-feed .mymessages{border-top:1px solid #e2e2e2;padding:8px 20px;margin-bottom:3px}.ChannelDetails .channel-feed .mymessages .message-details{width:100%;height:36px;display:flex;flex-direction:row;justify-content:left;align-items:center;font-family:"Lato",sans-serif;margin-bottom:10px}.ChannelDetails .channel-feed .mymessages .message-details i{width:36px;height:36px}.ChannelDetails .channel-feed .mymessages .message-details i:before{border:1px solid #1d1c1d;border-radius:4px;width:36px;height:36px}.ChannelDetails .channel-feed .mymessages .message-details h5{margin:0 15px 0 10px;font-weight:900;font-size:15px}.ChannelDetails .channel-feed .mymessages .message-details h6{font-size:12px;color:#616061;font-weight:400}.ChannelDetails .channel-feed .mymessages .message-details span{font-size:15px}.ChannelDetails .channel-feed>:first-child{margin-top:auto!important}.ChannelDetails .mymessages:hover{background-color:#f8f8f8}.ChannelDetails .channel-chat-box{grid-row:3;place-self:center;width:95%;align-self:center;border:1px solid #616061;margin:14px 0;border-radius:4px;padding:8px}.ChannelDetails .channel-chat-box .send-message-form{width:100%;display:flex;justify-content:space-between;align-items:center}.ChannelDetails .channel-chat-box .send-message-input{width:1000px;height:100%;border:none;font:1.25rem}.ChannelDetails .channel-chat-box .send-message-input:focus{border:none;outline:none}.ChannelDetails .channel-chat-box ::-webkit-input-placeholder{font-family:"Lato",sans-serif;color:#8e8e8e;font-size:15px}.ChannelDetails .channel-chat-box :-ms-input-placeholder{font-family:"Lato",sans-serif;color:#8e8e8e;font-size:15px}.ChannelDetails .channel-chat-box ::placeholder{font-family:"Lato",sans-serif;color:#8e8e8e;font-size:15px}.ChannelDetails .channel-chat-box .send-message-btn{width:23px;height:23px;border:none;border-radius:4px;outline:0;background-color:transparent}.ChannelDetails .channel-chat-box .send-message-btn:hover{background-color:#148567}.ChannelDetails .channel-chat-box i{width:20px;height:20px;-webkit-transform:rotate(45deg);transform:rotate(45deg);color:#1d1c1d;cursor:pointer;display:flex;justify-content:center;align-items:center}.ChannelDetails .channel-chat-box i:before{width:20px;height:20px;display:flex;justify-content:center;align-items:center;border:none}.ChannelDetails .channel-chat-box i:hover{color:#fff}.ContactDetails{grid-column:2/4;grid-row:2/4;display:grid;grid-template-rows:50px auto 80px;height:100%}.ContactDetails .far,.ContactDetails .fas{color:#1d1c1d}.ContactDetails .far:before,.ContactDetails .fas:before{display:flex;justify-content:center;align-items:center}.ContactDetails .contact-header{grid-row:1;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #e2e2e2;background-color:#fff}.ContactDetails .contact-header h2{height:48px;line-height:50px;font-weight:900;font-family:"Lato",sans-serif;color:#1d1c1d;text-align:left;padding:0 0 0 16px;font-size:18px}.contact-feed{grid-row:2;max-height:910px;align-self:end;overflow-y:auto;display:flex;flex-flow:column nowrap}.contact-feed .mymessages{border-top:1px solid #e2e2e2;padding:8px 20px;margin-bottom:3px}.contact-feed .mymessages .message-details{width:100%;height:36px;display:flex;flex-direction:row;justify-content:left;align-items:center;font-family:"Lato",sans-serif;margin-bottom:10px}.contact-feed .mymessages .message-details i{width:36px;height:36px}.contact-feed .mymessages .message-details i:before{border:1px solid #1d1c1d;border-radius:4px;width:36px;height:36px}.contact-feed .mymessages .message-details h5{margin:0 15px 0 10px;font-weight:900;font-size:15px}.contact-feed .mymessages .message-details h6{font-size:12px;color:#616061;font-weight:400}.contact-feed .mymessages .message-details span{font-size:15px}.contact-feed>:first-child{margin-top:auto!important}.mymessages:hover{background-color:#f8f8f8}.contact-chat-box{grid-row:3;place-self:center;width:95%;align-self:center;border:1px solid #616061;margin:14px 0;border-radius:4px;padding:8px}.contact-chat-box .send-message-form{width:100%;height:22px;display:flex;justify-content:space-between;align-items:center}.contact-chat-box .send-message-input{width:1000px;border:none}.contact-chat-box .send-message-input:focus{border:none;outline:none}.contact-chat-box ::-webkit-input-placeholder{font-family:"Lato",sans-serif;color:#8e8e8e;font-size:15px}.contact-chat-box :-ms-input-placeholder{font-family:"Lato",sans-serif;color:#8e8e8e;font-size:15px}.contact-chat-box ::placeholder{font-family:"Lato",sans-serif;color:#8e8e8e;font-size:15px}.contact-chat-box .send-message-btn{width:23px;height:23px;border:none;border-radius:4px;outline:0;background-color:transparent}.contact-chat-box .send-message-btn:hover{background-color:#148567}.contact-chat-box i{-webkit-transform:rotate(45deg);transform:rotate(45deg);color:#1d1c1d;cursor:pointer}.contact-chat-box i,.contact-chat-box i:before{width:20px;height:20px;display:flex;justify-content:center;align-items:center}.contact-chat-box i:before{border:none}.contact-chat-box i:hover{color:#fff}.Menu{grid-column:1;grid-row:2/4;display:flex;flex-direction:column;background-color:#3f0e40;color:#b1b5bc}.Menu .far,.Menu .fas{width:26px;height:20px;margin-right:3px}.Menu .far:before,.Menu .fas:before{display:flex;justify-content:center;align-items:center;width:26px;height:20px}.Menu h4{font-weight:400}.Menu .no-contacts-caption{height:28px;padding:0 48px;font-size:15px;font-family:"Lato",sans-serif;color:#b5abbc}.Menu .menu-icons{width:100%}.Menu .menu-icons .menu-account{background-color:#3f0e40}.Menu .menu-icons h2{height:50px;line-height:50px;font-weight:900;font-family:"Lato",sans-serif;color:#fff;text-align:left;padding:0 0 0 16px;font-size:18px;border-bottom:1px solid #582d59;border-top:1px solid #582d59}.Menu .menu-icons .menu-info{margin-top:20px;cursor:pointer}.Menu .menu-icons .menu-info .info{display:flex;justify-content:flex-start;align-items:center;height:28px;padding:0 16px;font-size:15px;font-family:"Lato",sans-serif;color:#b5abbc}.Menu .menu-icons .menu-info .info:hover{background-color:#350d36}.Menu .channel{width:100%;margin-top:20px;font-size:15px;font-family:"Lato",sans-serif;color:#b5abbc}.Menu .channel .toggle-channel{padding:0 16px;display:flex;justify-content:space-between;cursor:pointer}.Menu .channel .toggle-channel button{padding:0;border:none;background:none;cursor:pointer;color:#b5abbc}.Menu .channel .channel-list{display:none}.Menu .channel .channel-list-active{width:100%;margin-top:10px}.Menu .channel .channel-list-active .channel-preview{width:100%}.Menu .channel .channel-list-active .channel-preview .mychannels{width:100%;display:flex;justify-content:flex-start;align-items:center;height:28px;padding:0 32px}.Menu .channel .channel-list-active .channel-preview .mychannels a{text-decoration:none;font-size:15px;font-family:"Lato",sans-serif;color:#b5abbc;cursor:pointer}.Menu .channel .channel-list-active .channel-preview:hover{background-color:#350d36}.Menu .messages{width:100%;margin-top:20px;font-size:15px;font-family:"Lato",sans-serif;color:#b5abbc}.Menu .messages .toggle-messages{padding:0 16px;display:flex;justify-content:space-between;cursor:pointer}.Menu .messages .toggle-messages button{padding:0;border:none;background:none;cursor:pointer;color:#b5abbc}.Menu .messages .contact-list{display:none}.Menu .messages .contact-list-active{width:100%;margin-top:10px}.Menu .messages .contact-list-active .contact-preview{width:100%}.Menu .messages .contact-list-active .contact-preview .mycontacts{width:100%;display:flex;justify-content:space-between;align-items:center;height:28px;padding:0 25px}.Menu .messages .contact-list-active .contact-preview .mycontacts a{text-decoration:none;font-size:15px;font-family:"Lato",sans-serif;color:#b5abbc;cursor:pointer}.Menu .messages .contact-list-active .contact-preview .mycontacts .fa-times{display:none;width:26px;height:20px;padding:0}.Menu .messages .contact-list-active .contact-preview:hover{background-color:#350d36}.Menu .messages .contact-list-active .contact-preview:hover .fa-times{display:block;cursor:pointer;padding:0}.popup-content{margin:auto;width:100%;height:auto;max-width:520px;max-height:100%;transition:.4s ease-in;-webkit-animation:anvil;animation:anvil;border-radius:8px;box-shadow:0 0 50px 0 rgba(0,0,0,.35)}.modal{padding:20px}.modal>.header{font-size:28px;font-weight:900;padding-bottom:20px}.modal>.caption,.modal>.header{width:100%;font-family:"Lato",sans-serif}.modal>.caption{font-size:15px;color:#454245;line-height:1.5;text-align:justify}.modal>.close{cursor:pointer;position:absolute;display:block;padding:2px 5px;line-height:20px;right:-10px;top:-10px;font-size:24px;background:#fff;border-radius:18px;border:1px solid #cfcece}@-webkit-keyframes anvil{0%{-webkit-transform:scale(1) translateY(0);transform:scale(1) translateY(0);opacity:0;box-shadow:0 0 0 hsla(0,0%,94.5%,0)}1%{-webkit-transform:scale(.96) translateY(10px);transform:scale(.96) translateY(10px);opacity:0;box-shadow:0 0 0 hsla(0,0%,94.5%,0)}to{-webkit-transform:scale(1) translateY(0);transform:scale(1) translateY(0);opacity:1;box-shadow:0 0 500px hsla(0,0%,94.5%,0)}}@keyframes anvil{0%{-webkit-transform:scale(1) translateY(0);transform:scale(1) translateY(0);opacity:0;box-shadow:0 0 0 hsla(0,0%,94.5%,0)}1%{-webkit-transform:scale(.96) translateY(10px);transform:scale(.96) translateY(10px);opacity:0;box-shadow:0 0 0 hsla(0,0%,94.5%,0)}to{-webkit-transform:scale(1) translateY(0);transform:scale(1) translateY(0);opacity:1;box-shadow:0 0 500px hsla(0,0%,94.5%,0)}}.create-channel-content,.find-user-content{display:flex;flex-direction:column}.create-channel-content label,.find-user-content label{font-family:"Lato",sans-serif;font-size:15px;color:#1d1c1d}.create-channel-input,.find-user-input{width:100%;height:45px;margin-top:8px;margin-bottom:20px;padding:12px;font-size:18px;border:1px solid #868686;border-radius:4px}.create-channel-input:focus,.find-user-input:focus{outline:none;border:1px solid #0b4c8c;box-shadow:0 0 6px 4px #bbe1f1}.btn-container{width:100%;display:flex;justify-content:center;align-items:center}.create-channel-btn,.find-user-btn{margin-top:20px;font-family:"Lato",sans-serif;font-size:15px;font-weight:900;color:#fff;background-color:#007a5a;cursor:pointer;height:36px;min-width:80px;padding:0 12px 1px;border:none;border-radius:4px}.create-channel-btn:hover,.find-user-btn:hover{background-color:#148567;box-shadow:0 0 4px 0 #868686}.logout{display:flex;padding:20px}.logout-btn{background-color:transparent;opacity:.8;border:none;font-family:"Lato",sans-serif;font-size:16px;line-height:16px;font-weight:900;height:26px;padding:0 10px;width:auto;color:#fff;border-radius:4px;cursor:pointer}.logout-btn:hover{background-color:#49254a;opacity:1}.HeaderContainer{grid-column:1/3;grid-row:1;justify-content:center;background-color:#350d36;color:#fff}.HeaderContainer,.HeaderLeft{display:flex;align-items:center}.HeaderLeft{flex:1 1;padding:0 20px;height:26px;max-width:260px;justify-content:flex-end}.HeaderLeft .fa-user{cursor:pointer}.HeaderLeft .fa-user:hover{opacity:.4}.HeaderLeft .TimeIcon{cursor:pointer}.HeaderLeft .TimeIcon,.HeaderLeft .TimeIcon .fa-clock{width:26px;height:26px;display:flex;justify-content:center;align-items:center}.HeaderLeft .TimeIcon .fa-clock{opacity:.8;flex-shrink:0}.HeaderLeft .TimeIcon .fa-clock:hover{opacity:1;background-color:#49254a;border-radius:4px}.HeaderLeft .TimeIcon .fa-clock:before{width:20px;height:20px;display:flex;flex-shrink:0;justify-content:center;align-items:center}.HeaderSearch{flex:2 1;cursor:pointer;height:24px;max-width:732px;opacity:1;border-radius:4px;text-align:center;display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding:0 8px;background:#431e44;box-shadow:inset 0 0 0 1px #684a68}.HeaderSearch input{font-family:"Lato",sans-serif;font-size:13px;margin-right:auto;padding-right:12px;background-color:transparent;border:none;text-align:left;outline:0;color:#fff;cursor:pointer;width:100%}.HeaderSearch input::-webkit-input-placeholder{color:#b5abbc}.HeaderSearch input:-ms-input-placeholder{color:#b5abbc}.HeaderSearch input::placeholder{color:#b5abbc}.HeaderSearch .fa-search{opacity:.8;width:18px;height:18px;display:flex;flex-shrink:0;justify-content:center;align-items:center;cursor:pointer}.HeaderSearch:hover{background:#49254a;box-shadow:inset 0 0 0 1px #9a869b}.HeaderSearch:hover input::-webkit-input-placeholder{color:#fff}.HeaderSearch:hover input:-ms-input-placeholder{color:#fff}.HeaderSearch:hover input::placeholder{color:#fff}.HeaderSearch:hover .fa-search{opacity:1}.HeaderRight{display:flex;flex:0 1;height:26px;justify-content:flex-start;align-items:center;margin-left:20px}.HeaderRight .fa-question-circle{opacity:.8;width:26px;height:26px;display:flex;flex-shrink:0;justify-content:center;align-items:center;cursor:pointer}.HeaderRight .fa-question-circle:hover{opacity:1;background-color:#49254a;border-radius:4px}.HeaderRight .fa-question-circle:before{width:100%;height:100%;display:flex;flex-shrink:0;justify-content:center;align-items:center}.register-container{width:100vw;height:100vh}.register-header{padding:48px 0 40px;width:100%;align-items:center;grid-template-columns:repeat(3,1fr)}.center-col,.register-header{display:grid;justify-content:center}.register-heading{color:#1d1c1d;font-weight:900;font-size:48px;line-height:48px;letter-spacing:-.75px;margin-bottom:10px}.register-heading,.register-subheading{font-family:"Lato",sans-serif;width:100%;text-align:center}.register-subheading{font-size:18px;margin-bottom:32px;color:#454245}.register-form{margin:0 auto 40px;width:400px;max-width:400px}.register-content{height:60px}.register-input{width:100%;height:45px;margin-bottom:15px;padding:12px;font-size:18px;border:1px solid #868686;border-radius:4px}.register-input:focus{outline:none;border:1px solid #0b4c8c;box-shadow:0 0 6px 4px #bbe1f1}::-webkit-input-placeholder{font-family:"Lato",sans-serif;color:#616061;font-weight:500}:-ms-input-placeholder{font-family:"Lato",sans-serif;color:#616061;font-weight:500}::placeholder{font-family:"Lato",sans-serif;color:#616061;font-weight:500}.register-btn{margin-bottom:20px;width:100%;font-family:"Lato",sans-serif;font-size:18px;font-weight:900;color:#fff;background-color:#4a154b;align-self:flex-start;cursor:pointer;height:44px;padding:0 16px 3px;border:none;border-radius:4px}.register-btn:hover{background-color:#5c2c5d;box-shadow:0 0 4px 0 #868686}
/*# sourceMappingURL=main.0d777738.chunk.css.map */