#logincontainer{width:100%}#flexcol,#logincontainer{display:flex;justify-content:center}#flexcol{align-items:center;flex-direction:column;margin-top:3rem}#logo{object-fit:contain;width:10rem}#welcomemessage{font-size:3rem;font-weight:900;margin-top:1rem}#logininputemail{background-color:#fff;border:none;border-bottom:1px solid #a2a2a2;border-radius:.5rem;color:#a2a2a2;height:3rem;margin-top:1rem;padding-left:.5rem;width:22rem}#logininputemail:focus{outline-color:#a2a2a2}#logininputpassword{background-color:#fff;border:none;border-bottom:1px solid #a2a2a2;border-radius:.5rem;color:#a2a2a2;height:3rem;margin-bottom:.5rem;margin-top:1rem;padding-left:.5rem;width:22rem}#logininputpassword:focus{outline-color:#a2a2a2}#loginbutton{background-color:#fff;border:1px solid #50c878;border-radius:1rem;color:#50c878;font-weight:900;height:2.4rem;margin-top:1rem;width:20rem}#loginbutton:hover{cursor:pointer}#loginbutton:active,#loginbutton:hover{background-color:#50c878;color:#fff}#signuplink{color:#50c878;font-weight:900;margin-top:1rem}#flexrow{flex-direction:column;justify-content:end;margin-top:1rem}#buttonContainers,#flexrow{align-items:center;display:flex}#buttonContainers{gap:1rem;justify-content:center}#ssobutton{align-items:center;background-color:#f5f5f5;border:none;border-radius:1rem;display:flex;height:3rem;padding:1.6rem}#ssobutton:hover{background-color:#52525208;cursor:pointer}@media (max-width:768px){#buttonContainers{flex-direction:column}}#pagecontainer{height:100%;margin-left:15rem;margin-top:4rem;padding:.5rem 2rem 2rem;width:67%}#homepagetitle{color:#1e1e1e;font-family:Poppins,Helvetica,sans-serif;font-size:30px;font-weight:700;letter-spacing:1.6px;line-height:1.25em}#titleContainer{align-items:center;display:flex;justify-content:space-between;margin-bottom:2rem;width:100%}#needhelp{background:transparent;border:2px solid #a2a2a2;border-radius:25px;box-sizing:border-box;color:#a2a2a2;cursor:pointer;display:inline-block;font-size:14px;height:30px;line-height:100%;min-width:120px;padding:0 25px;text-align:center;text-decoration:none;text-transform:inherit;transition:background-color .42s,color .42s;vertical-align:middle}#needhelp:hover{background-color:#a2a2a2;color:#fff}#cardContainer{align-items:start;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between}#card{width:50%}#card1{align-items:start;background-color:#fff;border-radius:10px;box-shadow:0 0 10px rgba(0,0,0,.1);display:flex;flex-direction:column;height:7rem;justify-content:center;margin-bottom:2rem;padding:2rem;transition:.5s;width:97%}#card1Title{color:#1e1e1e;font-family:Poppins,Helvetica,sans-serif;font-size:30px;font-weight:700;letter-spacing:1.6px;line-height:1.25em;margin:.4rem 0 0}#cardlabel{font-weight:600;line-height:1.6em;margin:0}#carddescription,#cardlabel{color:#d6d6d6;font-family:Poppins,Helvetica,sans-serif;font-size:20px;letter-spacing:0}#carddescription{font-weight:400;line-height:1.5em;margin-top:-.2rem}#card2{align-items:start;background-color:#fff;border-radius:10px;box-shadow:0 0 10px rgba(0,0,0,.1);display:flex;flex-direction:column;height:13rem;justify-content:start;margin-bottom:2rem;max-height:300px;overflow-y:scroll;padding:0 2rem 2rem;transition:.5s;width:90%}#flexBoxContainer{align-items:center;display:flex;flex-direction:row;justify-content:space-between;margin-top:1rem;width:100%}#activeAgentName{color:#d6d6d6;font-family:Poppins,Helvetica,sans-serif;font-size:20px;font-weight:400;letter-spacing:0;line-height:1.5em;margin:0 0 0 -3rem}#profilePictureActiveAgent{border-radius:50%;height:50px;width:50px}#card3{align-items:start;background-color:#fff;border-radius:10px;box-shadow:0 0 10px rgba(0,0,0,.1);display:flex;flex-direction:column;justify-content:start;margin-bottom:2rem;max-height:13rem;overflow-y:auto;padding:0 2rem 2rem;transition:.5s;width:90%}.modal{background-color:#000;background-color:rgba(0,0,0,.4);display:block;height:100%;left:0;overflow:auto;padding-top:100px;position:fixed;top:0;width:100%;z-index:100}.modal-content{background-color:#fefefe;border:1px solid #888;margin:auto;padding:20px;width:80%}.close{color:#aaa;float:right;font-size:28px;font-weight:700}.close:focus,.close:hover{color:#000;cursor:pointer;text-decoration:none}@media screen and (max-width:1000px){#titleContainer{flex-direction:column;width:65%}#pagecontainer{margin-left:0;width:100%}#cardContainer{align-items:center;flex-direction:column;margin-left:-3.5rem;width:99%}#profilePictureActiveAgent{display:none}#activeAgentName{margin-left:0}#flexBoxContainer{align-items:center;flex-direction:column}}#navbarContainer{background-color:#fff;box-shadow:0 0 10px rgba(0,0,0,.1);height:50px;justify-content:space-between;left:0;position:fixed;top:0;width:100%;z-index:100}#navbarContainer,#navbarLogo{align-items:center;display:flex}#navbarLogo{cursor:pointer;margin-left:20px;width:2rem}#profilePicture{border-radius:50%;height:30px;margin-right:20px;width:30px}#navContainer{align-items:center;display:flex;margin-right:20px}#navName{color:#a2a2a2;font-family:Poppins,Helvetica,sans-serif;font-size:16px;font-weight:500;letter-spacing:0;line-height:1.25em;margin:0}#logoutIcon{cursor:pointer;margin-left:2rem;width:20px}#sidebarcontainer{align-items:center;background-color:#fff;box-shadow:0 0 10px rgba(0,0,0,.1);display:flex;flex-direction:column;height:100%;justify-content:center;left:0;overflow-x:hidden;padding-top:60px;position:fixed;top:0;transition:.5s;width:14rem;z-index:99}@media screen and (max-width:1000px){#sidebarcontainer{width:0}}#buttonSidebar{margin-left:2rem}#buttonSidebar,#buttonSidebar2{align-items:center;background:none;border:none;cursor:pointer;display:flex;height:60px;justify-content:start;transition:.5s;width:100%}#buttonSidebar2{margin-left:1.7rem}#sidebarIcon{margin-right:1rem;width:40px}#queueContainer{background-color:#fff;box-shadow:0 0 10px rgba(0,0,0,.1);display:flex;flex-direction:column;height:100%;padding-left:1rem;padding-top:4rem;position:fixed;right:0;top:0;width:15rem;z-index:99}#queueTitle{font-size:1.5rem;font-weight:900;margin-bottom:1rem;margin-top:1rem;text-align:start;width:100%}.toggle-switch{background-color:#a2a2a2;border-radius:15px;cursor:pointer;height:30px;margin-right:1rem;position:relative;width:60px}.toggle-switch.checked{background-color:#99e999}.toggle-circle{background-color:#fff;border-radius:50%;height:24px;left:3px;position:absolute;top:3px;transition:-webkit-transform .3s;transition:transform .3s;transition:transform .3s,-webkit-transform .3s;width:24px}.toggle-switch.checked .toggle-circle{-webkit-transform:translateX(30px);transform:translateX(30px)}#statusContainer{align-items:center;display:flex;justify-content:space-between;width:100%}@media screen and (max-width:1000px){#queueContainer{width:8rem}#statusContainer{flex-direction:column}}#statusTextBox{display:flex;flex-direction:column;justify-content:center}#statusText{font-weight:400;line-height:1.5em;margin-top:-1rem}#statusText,#statusTitle{color:#d6d6d6;font-family:Poppins,Helvetica,sans-serif;font-size:20px;letter-spacing:0}#statusTitle{color:#000}#callcardcontainer{justify-content:end}#callCard,#callcardcontainer{align-items:center;display:flex;width:100%}#callCard{border-bottom-left-radius:10%;border-top-left-radius:10%;box-shadow:0 0 10px rgba(153,233,153,.53);cursor:pointer;height:6rem;justify-content:space-between;margin-bottom:1rem;padding:.7rem}#callCard:hover{box-shadow:0 0 10px rgba(153,233,153,.73);-webkit-transform:scale(1.05);transform:scale(1.05);transition:-webkit-transform .5s;transition:transform .5s;transition:transform .5s,-webkit-transform .5s}#callCardHangup{align-items:center;border-bottom-left-radius:10%;border-top-left-radius:10%;box-shadow:0 0 10px rgba(235,77,77,.26);display:flex;height:6rem;justify-content:space-between;margin-bottom:1rem;padding:.7rem;width:100%}#callCardHangup:hover{box-shadow:0 0 10px rgba(235,77,77,.46);-webkit-transform:scale(1.05);transform:scale(1.05);transition:-webkit-transform .5s;transition:transform .5s;transition:transform .5s,-webkit-transform .5s}#callTextsContainer{border-left:5px solid #99e999}#callTextsContainer,#callTextsContainerHangup{align-items:start;display:flex;flex-direction:column;height:100%;justify-content:start;padding-left:.4rem}#callTextsContainerHangup{border-left:5px solid #eb4d4d}#callcardtitle{color:#d6d6d6;font-size:19px;font-weight:400;line-height:1.5em;margin:0}#callcardtitle,#calldescription{font-family:Poppins,Helvetica,sans-serif;letter-spacing:0}#calldescription{color:#a2a2a2;font-size:14px;font-weight:500;line-height:1.25em;margin-top:.2rem;overflow:hidden;text-overflow:ellipsis}#callPauseContainer{background-image:url(https://ibb.co/9VCtR2d);background-size:contain;border:none;min-width:inherit;padding:0;width:22px}#declineContainer{align-items:center;border:2px solid #eb4d4d;border-radius:50%;cursor:pointer;display:flex;height:24px;justify-content:center;padding:5px;width:24px}#declineContainerImage{padding:0;width:10px}#callbackContainer{cursor:pointer;margin-left:.2rem;margin-right:.5rem;padding:0;width:24px}#iconContainer{position:absolute;right:0;width:25%}#iconContainer,#iconContainerThree{align-items:center;display:flex;justify-content:space-around;margin-top:-3.2rem}#iconContainerThree{width:40%}#callIcon{cursor:pointer;width:24px}@media screen and (max-width:1000px){#callCard{flex-direction:column;height:8rem}#callCardHangup{flex-direction:column;height:9.5rem}#iconContainer{margin-top:0;position:relative;width:40%}}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}@media screen and (-webkit-min-device-pixel-ratio:0){input,select,textarea{font-size:16px}}