body{margin:0;font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Fira Sans","Droid Sans","Helvetica Neue",sans-serif;background:#fff;overflow:hidden;overflow-x:auto;display:-webkit-box;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-flow:column}input,select{font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Fira Sans","Droid Sans","Helvetica Neue",sans-serif}form{margin:0}a{text-decoration:none}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes spin{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@-webkit-keyframes checkmark-expand-paper-checkbox-1{0%{-webkit-transform:scale(0,0) rotate(45deg)}100%{-webkit-transform:scale(1,1) rotate(45deg)}}@keyframes checkmark-expand-paper-checkbox-1{0%{-webkit-transform:scale(0,0) rotate(45deg);transform:scale(0,0) rotate(45deg)}100%{-webkit-transform:scale(1,1) rotate(45deg);transform:scale(1,1) rotate(45deg)}}:root{--primary-color:#00bcd4;--hover-color:#029db1;--red-color:#fd3a57;--red-hover-color:#b41d34}app-login{display:-webkit-box;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-flow:column;-webkit-box-pack:center;justify-content:center;-webkit-box-align:center;align-items:center;-webkit-box-flex:1;flex:1 auto}app-people{display:-webkit-box;display:flex;-webkit-box-flex:1;flex:1}app-member{-webkit-box-flex:1;flex:1}.login-card{display:-webkit-box;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-flow:column;-webkit-box-align:center;align-items:center;background:#fff;border:1px solid #dadce0;border-radius:8px;width:450px;padding:48px 40px 36px;box-sizing:border-box}.login-card__logo{height:120px;margin:-30px 0 -30px 6px}.login-card__heading{color:#202124;font-size:24px;margin-top:32px}.login-card__subheading{color:#202124;font-size:16px;margin-top:8px}.login-card .input-field-row{width:260px;margin-top:10px}.login__footer{margin-top:60px;margin-bottom:20px}.login__footer .button{width:140px;height:36px}.button .footer__loader{border:4px solid var(--primary-color);border-top:4px solid #f3f3f3;position:absolute}.button--red .footer__loader{border:4px solid var(--red-color);border-top:4px solid #f3f3f3}.hidden{visibility:hidden}.footer__loader{border:4px solid #f3f3f3;-webkit-animation:.75s ease-in-out infinite spin;animation:.75s ease-in-out infinite spin;border-top:4px solid var(--primary-color);border-radius:50%;width:16px;height:16px}.loading__loader{border:4px solid #fff;-webkit-animation:.75s ease-in-out infinite spin;animation:.75s ease-in-out infinite spin;border-top:4px solid var(--primary-color);border-radius:50%;width:16px;height:16px}.main-content__loading{display:-webkit-box;display:flex;margin-top:10vh;-webkit-box-pack:center;justify-content:center}.selection__loading{display:-webkit-box;display:flex;-webkit-box-pack:center;justify-content:center;-webkit-box-align:center;align-items:center;height:275px}.body__container{display:-webkit-box;display:flex;-webkit-box-flex:1;flex:1;height:100vh}.body{display:-webkit-box;display:flex;-webkit-box-flex:1;flex:1;background-color:#f6f6f6}.sidebar{display:-webkit-box;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-flow:column;background:#ebebeb;width:64px}.sidebar__home{display:-webkit-box;display:flex;height:64px;cursor:pointer}.sidebar__link{display:-webkit-box;display:flex;width:64px;height:64px;cursor:pointer}.sidebar__link.selected{background-color:#f6f6f6}.sidebar__home__icon{width:100%;height:100%}.sidebar__link__icon{margin:auto;font-size:22px;color:#222;-webkit-transition:color .3s ease-in-out;transition:color .3s ease-in-out}.sidebar__link.selected .sidebar__link__icon,.sidebar__link:hover .sidebar__link__icon{color:var(--primary-color)}.sidebar__link__icon.fa-user-friends{font-size:20px}.header__text{font-size:22px;color:#222;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.header__icon{font-size:18px;color:#222;margin-right:15px}.header__icon--right{margin-right:0;margin-left:auto}.header__icon:hover{color:var(--primary-color)}#header__search{cursor:pointer}#header__search.open,#header__search:hover{color:var(--primary-color)}.header__search-div{position:absolute;display:-webkit-box;display:flex;-webkit-box-align:center;align-items:center;background:#fff}.search-div__bar{box-sizing:border-box;width:250px;padding:5px 30px 5px 17px;line-height:20px;background-color:#fff;border:1px solid rgba(0,0,0,.2);border-radius:4px;outline:0;color:#222;font-size:14px}.search-div__bar:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px rgba(0,188,212,.2)}.search-div__bar:hover{border-color:var(--primary-color)}.search-div__arrow{margin-right:10px;margin-left:-3px;color:#737376;cursor:pointer}.search-div__close{position:absolute;right:0;padding:8px;font-size:14px;font-weight:800;color:#737376;cursor:pointer}.submenu{width:220px;min-width:200px;background-color:#f6f6f6;color:#737376}.submenu__header{display:-webkit-box;display:flex;-webkit-box-align:center;align-items:center;height:64px;padding:0 20px}.submenu__links-section.collapse .submenu__group{height:0;opacity:0}.submenu__link{font-size:14px;font-weight:500;height:35px;padding:0 20px;display:-webkit-box;display:flex;-webkit-box-align:center;align-items:center;color:#222;cursor:pointer}.submenu__link.selected,.submenu__link.selected>.link__count,.submenu__link:hover,.submenu__link:hover>.link__count{color:var(--primary-color)}.submenu__link.selected{font-weight:500}.submenu__group{padding:0 20px;height:137px;-webkit-transition:.4s;transition:.4s;overflow:hidden}.submenu__link--sublink{padding-left:10px;padding-right:0;font-size:13px;font-weight:400;height:33px}.link__icon{font-size:10px;fill:currentColor;margin-left:4px}.submenu__links-section.collapse .link__icon--down-arrow{-webkit-transform:rotate(0);transform:rotate(0)}.link__icon--down-arrow{-webkit-transform:rotate(90deg);transform:rotate(90deg);-webkit-transition:transform .4s;transition:.4s transform}.link__count{color:#737376;font-weight:400;margin-left:auto}.main-content{display:-webkit-box;display:flex;-webkit-box-flex:1;flex:1;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-flow:column;box-shadow:0 0 0 1px rgba(0,0,0,.05),0 4px 24px 2px rgba(0,0,0,.1);background:#fff;border-radius:8px 0 0 8px;overflow-y:auto}.main-content__header{display:-webkit-box;display:flex;-webkit-box-align:center;align-items:center;height:80px;padding:0 32px}.main-content__subheader{display:-webkit-box;display:flex;-webkit-box-align:center;align-items:center;margin:0 32px 12px}.subheader__text{color:#222;font-size:18px}.button{font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Fira Sans","Droid Sans","Helvetica Neue",sans-serif;display:-webkit-box;display:flex;-webkit-box-align:center;align-items:center;-webkit-box-pack:center;justify-content:center;height:32px;font-size:14px;font-weight:500;line-height:16px;outline:0;border:1px solid rgba(0,0,0,.2);border-radius:4px;padding:0 12px;cursor:pointer;-webkit-appearance:none;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;box-sizing:border-box;-webkit-transition:box-shadow 40ms linear;transition:box-shadow linear 40ms;margin-right:10px;background:0 0}.button:last-child{margin-right:0}.button:disabled{opacity:.3;cursor:not-allowed}.button--default:not([disabled]):hover{color:var(--primary-color);border:1px solid var(--primary-color);box-shadow:none;background-color:#fff}.button--default:focus{box-shadow:0 0 0 3px rgba(40,110,250,.2)}.button--default:active{color:var(--hover-color);background-color:#e8f0ff}.header__button{margin-left:auto}.button--primary{color:#fff;background-color:var(--primary-color)}.button--primary:not([disabled]):active,.button--primary:not([disabled]):hover{background-color:var(--hover-color)}.button--primary:focus{box-shadow:0 0 0 3px rgba(40,110,250,.2)}.button--red{color:#fff;background-color:var(--red-color)}.button--red:not([disabled]):active,.button--red:not([disabled]):hover{background-color:var(--red-hover-color)}.button__icon{margin-right:7px;font-size:13px;line-height:17px}.button-wrapper{display:-webkit-box;display:flex;-webkit-box-align:center;align-items:center}.--right{margin-left:auto}.table-container{padding:0 32px 32px 61px}.table{border-spacing:0;width:100%}.table__head{text-align:left}.table__th{box-shadow:inset 0 -1px 0 rgba(0,0,0,.2);text-align:left;padding-left:15px;padding-top:12px;background-color:#fff}.table__th__div{margin-right:40px;margin-bottom:16px;font-weight:500;color:#737376;line-height:20px;font-size:14px}.table__th:last-child .table__th__div{margin-right:15px}.table__td{outline:0;box-shadow:inset 0 -1px 0 rgba(0,0,0,.1);height:50px;padding-left:15px}.table__td--large{height:82px}.table__td__div{display:-webkit-box;display:flex;-webkit-box-align:center;align-items:center;margin-right:40px;color:#222;line-height:20px;font-size:14px}.table__td__div--heading{font-size:16px;line-height:20px;font-weight:500}.table__td__div--subheading{font-size:13px;line-height:20px;color:#737376}.table__td:last-child .table__td__div{margin-right:8px}.td__icon{font-size:16px;color:#222}.td__icon--large{font-size:40px;color:#222}.td__button{border:none;outline:0;width:30px;height:30px;cursor:pointer;background:0 0}.td__button:hover>fa-icon{color:var(--primary-color)}.td__circle{width:8px;height:8px;margin-right:8px;border-width:2px;border-radius:50%}.td__circle--green{background-color:#1bb157}.td__circle--yellow{background-color:#fbc916}.td__circle--red{background-color:#fd3a57}td[data-col=actions],td[data-col=gender]{width:20px}td[data-col=name],td[data-col=phone]{white-space:nowrap}td[data-col=actions]>.table__td__div{visibility:hidden}.table__row:hover td[data-col=actions]>.table__td__div{visibility:visible}td[data-col=gender] .table__td__div{margin-right:10px}tr:hover td[data-col=name] .table__td__div{color:var(--primary-color)}td[data-col=icon]{width:50px}td[data-col=num_members]{width:170px}td[data-col=end_checkbox]{padding-right:15px;display:-webkit-box;display:flex;-webkit-box-align:center;align-items:center;-webkit-box-pack:end;justify-content:flex-end}[data-tooltip]{position:relative}[data-tooltip]::before{content:attr(data-tooltip);pointer-events:none;position:absolute;height:32px;top:16px;left:100%;display:-webkit-box;display:flex;-webkit-box-align:center;align-items:center;padding:0 14px;border-radius:4px;box-shadow:0 4px 14px 0 rgba(0,0,0,.2);background:#fff;color:#222;font-size:14px;font-weight:500;white-space:nowrap;opacity:0;-webkit-transition:.3s ease-in-out .4s;transition:.3s .4s ease-in-out;-webkit-transform:translateX(10px);transform:translateX(10px)}[data-tooltip]:hover::after,[data-tooltip]:hover::before{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}[data-tooltip]::after{content:" ";position:absolute;top:50%;right:0;margin-top:-5px;border-width:5px;border-style:solid;border-color:transparent #fff transparent transparent;opacity:0;-webkit-transition:.3s ease-in-out .4s;transition:.3s .4s ease-in-out;-webkit-transform:translateX(10px);transform:translateX(10px)}.modal{display:-webkit-box;display:flex;-webkit-box-align:center;align-items:center;-webkit-box-pack:center;justify-content:center;position:fixed;top:0;bottom:0;left:0;right:0}.modal__backdrop{background-color:rgba(34,34,34,.5);position:fixed;top:0;bottom:0;left:0;right:0;opacity:0;-webkit-transition:opacity .2s;transition:opacity .2s}.modal__card{z-index:100;width:540px;background-color:#fff;box-shadow:0 0 0 1px rgba(0,0,0,.1),0 4px 14px 0 rgba(0,0,0,.2);border-radius:8px;-webkit-transform:translateY(82vh);transform:translateY(82vh);-webkit-transition:.4s ease-in;transition:.4s ease-in}.modal__card--delete{width:440px;-webkit-transform:translateY(65vh);transform:translateY(65vh)}.card__header{display:-webkit-box;display:flex;-webkit-box-align:center;align-items:center;padding:16px 24px}.card__header .header__text{font-size:18px;line-height:24px}.card__body{padding:8px 24px 24px}.modal__card--delete .card__body{padding:10px 24px 30px}.card__body__text{margin:0;font-size:15px}.card__footer{display:-webkit-box;display:flex;-webkit-box-align:center;align-items:center;padding:16px 24px;border-top:1px solid rgba(0,0,0,.1)}.header__close{font-size:22px;color:#737376;padding:5px;margin-right:-10px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer}.input-field-row{display:-webkit-box;display:flex}.input-field{position:relative;display:-webkit-box;display:flex;-webkit-box-flex:1;flex:1}.input-field__label{position:absolute;display:inline-table;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background:#fff;bottom:13px;line-height:20px;box-sizing:border-box;color:#80868b;font-size:16px;left:8px;overflow:hidden;padding:0 8px;text-overflow:ellipsis;-webkit-transition:opacity 150ms cubic-bezier(.4,0,.2,1),-webkit-transform 150ms cubic-bezier(.4,0,.2,1);transition:opacity 150ms cubic-bezier(.4,0,.2,1),-webkit-transform 150ms cubic-bezier(.4,0,.2,1);transition:transform 150ms cubic-bezier(.4,0,.2,1),opacity 150ms cubic-bezier(.4,0,.2,1);transition:transform 150ms cubic-bezier(.4,0,.2,1),opacity 150ms cubic-bezier(.4,0,.2,1),-webkit-transform 150ms cubic-bezier(.4,0,.2,1);-webkit-transform-origin:left top;transform-origin:left top;white-space:nowrap;width:auto;z-index:1}.input-field__text:-webkit-autofill~.input-field__label,.input-field__text:focus~.input-field__label,.input-field__text:not(:placeholder-shown)~.input-field__label{-webkit-transform:translateY(-21px) scale(.75);transform:translateY(-21px) scale(.75)}.input-field__text:focus~.input-field__label{color:var(--primary-color)}.input-field__text{position:relative;outline:0;border:none;box-shadow:none;box-sizing:border-box;background:0 0;line-height:44px;border-radius:4px;color:#202124;font-size:16px;height:44px;margin:1px;padding:13px 15px;z-index:1}.input-field__text--fill{width:100%}.input-field__text--wide{width:250px}.input-field__text--narrow{width:180px}.input-field__text--short{width:110px}.input-field__unfocused-border{position:absolute;top:0;right:0;bottom:0;left:0;border:1px solid #dadce0;border-radius:4px}.input-field__focused-border{position:absolute;top:0;right:0;bottom:0;left:0;border:2px solid var(--primary-color);border-radius:4px;-webkit-transition:opacity 150ms cubic-bezier(.4,0,.2,1);transition:opacity 150ms cubic-bezier(.4,0,.2,1);opacity:0}.input-field:focus-within .input-field__focused-border{opacity:1}.input-field__error-icon{position:absolute;right:14px;top:0;line-height:46px;color:#db3236;font-size:14px}.card__row{display:-webkit-box;display:flex;margin-bottom:22px}.card__row:last-child{margin-bottom:0}.row__spacing{width:16px}.input-field__dropdown{position:absolute;top:48px;padding:9px 0;width:100%;border-radius:4px;background-color:#fff;box-shadow:0 4px 14px 0 rgba(0,0,0,.2),0 0 0 1px rgba(0,0,0,.05);z-index:100;visibility:hidden}.dropdown__option{display:-webkit-box;display:flex;-webkit-box-align:center;align-items:center;cursor:pointer;font-size:14px;font-weight:500;height:32px;padding:0 12px;color:#222}.dropdown__option.selected{color:var(--primary-color)}.dropdown__option.hover,.dropdown__option:hover{background-color:var(--primary-color);color:#fff}.dropdown__icon{margin-right:10px;font-size:16px;width:16px}.dropdown__icon--circle{font-size:10px}.dropdown__check{margin-left:auto;font-size:18px;font-weight:700;display:none}.dropdown__option.selected>.dropdown__check{display:block}.input-field__select--arrow{position:absolute;right:13px;bottom:13px;font-size:16px;color:#737376}.input-field--select>.input-field__text{cursor:pointer}.input-field--select>.input-field__text:focus~.input-field__dropdown,.input-field__dropdown:active{visibility:visible}.modal{visibility:hidden;-webkit-transition:visibility .2s;transition:visibility .2s}.modal.show{visibility:visible}.modal.show .modal__backdrop{opacity:.6}.modal.show .modal__card{-webkit-transform:translateY(0);transform:translateY(0);-webkit-transition:.4s ease-out;transition:.4s ease-out}.selection__header{padding-bottom:8px;margin:0 24px}.selection__header__title{font-size:15px;font-weight:500;color:#222;line-height:20px}.selection__header__subtitle{font-size:14px;color:#737376;line-height:20px}.selection__body{overflow-y:overlay;height:268px}.selection__table{padding:0 24px 8px}.selection__table tr:last-child>td{box-shadow:none}.selection__table td[data-col=icon]{width:20px}.selection__table .table__td{box-shadow:none}.table__row.selected{background-color:#e8f0ff}.selection__table .table__row{cursor:pointer}.checkbox{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:-webkit-box;display:flex;cursor:pointer}.checkbox__label{padding-left:8px;font-size:12px;color:#4285f4;text-transform:uppercase;display:-webkit-box;display:flex;-webkit-box-align:center;align-items:center}.checkbox__input{position:absolute;opacity:0;visibility:hidden}.checkbox__box{position:relative;box-sizing:border-box;border:2px solid #616161;border-radius:2px;pointer-events:none;-webkit-transition:background-color 140ms,border-color 140ms;transition:background-color 140ms,border-color 140ms;width:16px;height:16px}.checkbox__input:checked~.checkbox__box .checkbox__checkmark{-webkit-animation:140ms ease-out forwards checkmark-expand-paper-checkbox-1;animation:140ms ease-out forwards checkmark-expand-paper-checkbox-1;display:block}.checkbox__input:checked~.checkbox__box{background-color:var(--primary-color);border-color:var(--primary-color)}.checkbox__checkmark{position:absolute;width:30%;height:70%;border-style:solid;border-top:none;border-left:none;border-right-width:calc(2/15 * 18px);border-bottom-width:calc(2/15 * 18px);border-color:#fff;-webkit-transform-origin:97% 86%;transform-origin:97% 86%;box-sizing:content-box;display:none}.selection__selected{display:-webkit-box;display:flex;-webkit-box-align:center;align-items:center;margin-top:7px;flex-wrap:wrap;max-height:60px;overflow:auto;margin-right:24px;margin-left:24px}.selected__card{display:-webkit-box;display:flex;-webkit-box-align:center;align-items:center;background-color:#fff;border:1px solid #dadce0;border-radius:25px;height:22px;padding:0 8px 0 12px;margin-right:6px;margin-bottom:6px;cursor:default}.selected__card__name{font-size:12px;line-height:16px}.selected__card__close{font-size:14px;margin:-4px -4px -4px 0;padding:4px;opacity:.4;cursor:pointer}.selected__card__close:hover{opacity:.7}@media screen and (max-width:1440px){td[data-col=city] .table__td__div{max-width:155px;display:block;overflow:hidden;text-overflow:ellipsis}}