*{box-sizing:border-box}body,h1,h2,p{margin:0}:root{--size-normal:14px;--time:.3s;--color-grey:rgba(51,51,51,.2);--color-grey_border:#c8c5d1;--color-txt_grey:#b0b0b0;--color-firm:#9873ff}html{box-sizing:border-box;font-size:14px;font-size:var(--size-normal);line-height:2}*{box-sizing:inherit}body{background-color:#f5f5f5;font-family:OpenSans,sans-serif;overflow-x:hidden}a{color:inherit;outline:none;text-decoration:none}img{max-width:100%}svg{pointer-events:none}button{background-color:initial;border:none;cursor:pointer;outline:none}:disabled{background-color:#eeedf1!important;pointer-events:none}p{margin:0}input{background-color:initial;border:none}.container{margin:0 auto;max-width:1366px;padding:0 90px}.list{list-style:none;margin-bottom:0;margin-top:0;padding-left:0}.title{margin:0}.header{background-color:#fff;box-shadow:0 4px 4px rgba(0,0,0,.25);margin-bottom:40px}.header__container{align-items:center;display:flex;padding:20px 90px}.header__logo{align-items:center;display:flex;margin-right:25px;transition:opacity .2s ease-in-out;width:40px}.header__logo:focus-visible,.header__logo:hover{opacity:.7}.header__search{border:1px solid rgba(51,51,51,.2);border:1px solid var(--color-grey);outline:none;padding:12px;transition:border-color .2s ease-in-out;width:581px}.header__search:hover{border-color:#9289c5}.header__search::-webkit-input-placeholder{color:#b0b0b0;color:var(--color-txt_grey)}.header__search::placeholder{color:#b0b0b0;color:var(--color-txt_grey)}.column-filter{display:none}.sort__arrow{margin-left:5px}.clients__title{margin-bottom:26px;margin-top:0}.main{padding-bottom:50px}.clients__container{margin-bottom:40px}table{border-spacing:0 2px;width:100%}td,th{line-height:1.2;padding-right:20px;text-align:left}td:first-child,th:first-child{padding-left:20px}td{height:60px}th{font-size:12px;padding-bottom:8px;transition:color .2s ease-in-out}th:not(:last-child):hover{color:#9873ff;color:var(--color-firm)}tr{background-color:#fff}thead tr{background-color:initial;color:#b0b0b0;color:var(--color-txt_grey);font-weight:100}thead th{font-weight:400;vertical-align:bottom}.table__contacts{min-width:125px}.table__icons{width:106px}.table__icons,.table__icons-container{align-items:center;display:flex;position:relative}.table__icons-container{overflow:hidden;width:84px}.table__icons-container img{height:16px;width:16px}.table__buttons{display:flex}.table__change,.table__delete{background-position:0;background-repeat:no-repeat;background-size:16px;cursor:pointer;display:flex;padding-left:17px;transition:color .2s ease-in-out}.table__change{background-image:url(/crm-react/static/media/edit.1553cc1b9ee8219266f9.svg)}.table__change:active,.table__change:focus-visible,.table__change:hover{color:#9873ff}.table__delete:active,.table__delete:focus-visible,.table__delete:hover{color:#f06a4d}.loading__block{background-color:#fff;height:300px}.clients__button-add,.loading__block{align-items:center;display:flex;justify-content:center}.clients__button-add{border:1px solid #9873ff;border:1px solid var(--color-firm);color:#9873ff;color:var(--color-firm);height:44px;margin-left:auto;margin-right:auto;transition-duration:.2s;transition-property:color,border-color;transition-timing-function:ease-in-out;width:216px}.clients__button-add:focus-visible,.clients__button-add:hover{outline:1px dotted #9873ff;outline:1px dotted var(--color-firm);outline-offset:-4px}.clients__button-add:active{box-shadow:0 0 10px rgba(184,158,255,.5)}.clients__button-add img{height:20px;margin-right:5px;width:20px}.sort__change-date,.sort__date,.sort__id,.sort__name{color:#b0b0b0;font-size:12px;line-height:16px;padding-left:0;padding-right:0;text-align:left;transition:color .2s ease-in-out}.sort__change-date:hover,.sort__date:hover,.sort__id:hover,.sort__name:hover{color:#9873ff}.add,.delete,.edit{background-color:rgba(0,0,0,.5);bottom:0;left:0;position:fixed;right:0;top:0;transition:opacity .3s ease-in-out}.add__wrapper,.delete__wrapper,.edit__wrapper{background-color:#fff;box-shadow:0 0 35px rgba(0,0,0,.15);left:50%;padding-bottom:30px;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:450px}.add__form-wrap,.edit__form-wrap{padding:25px 25px 8px}.edit__header{align-items:center;display:flex;margin-bottom:16px}.add__title-wrapper{align-items:center;display:flex;justify-content:space-between;margin-bottom:32px}.add__title,.delete__title,.edit__title{font-size:18px;margin-bottom:0;margin-right:9px;margin-top:0}.edit__id{color:#b0b0b0;color:var(--color-txt_grey);font-size:12px}.edit__name{margin-bottom:15px}label{color:#b0b0b0;color:var(--color-txt_grey);font-size:10px}.violet{color:#9873ff;color:var(--color-firm)}.add__input{border-bottom:1px solid;border-color:rgba(51,51,51,.2);border-color:var(--color-grey);height:25px;outline:none;width:100%}.add__input::-webkit-input-placeholder{color:#b0b0b0}.add__input::placeholder{color:#b0b0b0}.add__add-section,.edit__add-section{background-color:rgba(200,197,209,.3);display:flex;flex-direction:column-reverse;margin-bottom:25px}.add__btn-add-close{padding-bottom:8px;padding-top:8px}.add__btn-add-open{padding-bottom:25px;padding-top:15px}.add__add-section-wrapper,.edit__add-section-wrapper{align-items:center;border:1px solid #c8c5d1;border:1px solid var(--color-grey_border);display:flex;margin-bottom:15px;margin-left:auto;margin-right:auto;width:390px}.add-container{padding-top:25px}.add-contact{display:flex}.contact-icon{cursor:pointer;margin-right:5px;opacity:.7;transition:opacity .2s ease-in-out}.contact-icon:hover{opacity:1}.contact-tooltip{background-color:#000;color:#fff;display:inline-block;font-family:Open Sans;font-size:12px;font-weight:700;padding:7px 14px;position:relative}.contact-tooltip:after{border-left:4px solid transparent;border-right:4px solid transparent;border-top:6px solid #000;bottom:-6px;content:"";height:0;left:calc(50% - 4px);position:absolute;width:0}select{-webkit-appearance:none;appearance:none;background-color:#e7e5eb;background-position:93%;background-repeat:no-repeat;border:none;border-right:1px solid #c8c5d1;border-right:1px solid var(--color-grey_border);cursor:pointer;font-size:12px;outline:none;padding:10px;width:180px}.add__input-data,.edit__input-data{border-bottom:none;padding-left:10px}.add__input-data::-webkit-input-placeholder,.edit__input-data::-webkit-input-placeholder{color:#b0b0b0;color:var(--color-txt_grey)}.add__input-data::placeholder,.edit__input-data::placeholder{color:#b0b0b0;color:var(--color-txt_grey)}.add__input-container{position:relative}.add__input-container span{color:#b0b0b0;color:var(--color-txt_grey);font-size:14px;left:2px;pointer-events:none;position:absolute;transition:-webkit-transform .2s ease-in-out;transition:transform .2s ease-in-out;transition:transform .2s ease-in-out,-webkit-transform .2s ease-in-out}.add__input:focus~span,.add__input:not(:placeholder-shown)~span{font-size:10px;-webkit-transform:translateY(-20px);transform:translateY(-20px)}.add__input~.focus-border{background-color:#f06a4d;bottom:32px;height:1px;left:50%;position:absolute;transition:.4s;width:0}.add__input.border-visible~.focus-border{left:0;transition:.4s;width:100%}.contact__delete-btn{align-items:center;display:flex;height:33px;outline:1px solid #c8c5d1;transition:outline-color .2s ease-in-out}.contact__delete-btn:hover{outline-color:#f06a4d}.contact__delete-btn svg path{transition:fill .2s ease-in-out}.contact__delete-btn:hover svg path{fill:#f06a4d}.add__button-add,.edit__button-add{display:block;font-weight:600;margin-left:auto;margin-right:auto;padding-bottom:25px;padding-left:20px;padding-top:25px;position:relative;transition:color .2s ease-in-out}.add__button-add svg:nth-child(2),.edit__button-add svg:nth-child(2){left:0;opacity:0;position:absolute;transition-duration:.2s;transition-property:opacity,visibility;transition-timing-function:ease-in-out;visibility:hidden}.add__button-add svg:first-child,.edit__button-add svg:first-child{left:0;opacity:1;position:absolute;transition-duration:.2s;transition-property:opacity,visibility;transition-timing-function:ease-in-out;visibility:visible}.add__button-add:hover,.edit__button-add:hover{color:#9873ff}.add__button-add:hover svg:first-child,.edit__button-add:hover svg:first-child{opacity:0;visibility:hidden}.add__button-add:hover svg:nth-child(2),.edit__button-add:hover svg:nth-child(2){opacity:1;visibility:visible}.add__button-save,.delete__button-delete,.edit__button-save{background-color:#9873ff;background-color:var(--color-firm);color:#fff;display:block;font-weight:600;height:44px;margin-bottom:8px;margin-left:auto;margin-right:auto;transition:background-color .2s ease-in-out;width:147px}.add__button-save:hover,.delete__button-delete:hover,.edit__button-save:hover{background-color:#b89eff}.add__button-cancel,.delete__button-cancel,.edit__button-delete{border-bottom:1px solid #000;display:block;line-height:.8;margin-left:auto;margin-right:auto;padding:0;transition:border-color .2s ease-in-out}.add__button-cancel:hover,.delete__button-cancel:hover,.edit__button-delete:hover{border-color:transparent}.table__change-day,.table__reg-day{margin-right:7px}.table__change-time,.table__reg-time{color:#b0b0b0;color:var(--color-txt_grey)}.open{opacity:1;visibility:visible}#middlename,#middlename-add,#name,#name-add,#surname,#surname-add{margin-bottom:32px}.delete__title{margin-bottom:11px}.delete__wrapper{align-items:center;display:flex;flex-direction:column;padding-bottom:27px;padding-top:22px}.delete__text{line-height:1.5;margin-bottom:25px;margin-top:0;text-align:center;width:275px}td a{margin-right:5px}.add__error{align-items:center;color:#f06a4d;display:flex;justify-content:center}@media (max-width:1024px){.container{max-width:1024px;padding-left:20px;padding-right:20px}.header__container{padding:20px}.clients__title{margin-bottom:5px}}.show-hidden-contacts-btn{background-color:#fff;border:1px solid #9873ff;border:1px solid var(--color-firm);border-radius:50%;display:inline-block;font-size:8px;font-weight:600;height:16px;outline:1px solid #fff;padding-left:0;padding-right:0;position:absolute;right:3px;width:16px}
/*# sourceMappingURL=main.582ed2a1.css.map*/