body{height:calc(100% - 50px);overflow-y:auto}body,p,ul{margin:0;padding:0}body ul li,p ul li,ul ul li{list-style-type:none}body .container,p .container,ul .container{margin:25px;box-shadow:0 4px 8px 0 rgba(0,0,0,.2),0 6px 20px 0 rgba(0,0,0,.19);display:flex;font-size:14px;font-family:Raleway,sans-serif}.client-details{margin:30px;width:60%;display:flex}.client-details .client-photo{padding:30px}.client-details .client-photo img{border-radius:50%;overflow:hidden}.client-details .client-info{padding:30px;font-size:20px}.client-details .client-info p{padding-bottom:30px}.client-details .client-info .marked{font-weight:700}.client-details .client-info__name{font-family:Dancing Script,cursive}.no-selected-client{margin:30px;width:60%;font-size:30px;color:#935cff;text-align:center;display:flex;flex-direction:column;justify-content:center}.sidebar{padding:15px 0;width:40%;border-right:2px solid rgba(0,0,0,.1);box-sizing:border-box;display:flex;flex-direction:column}.input-wrapper{padding:15px 10px;width:100%;border-bottom:2px solid rgba(0,0,0,.1);box-sizing:border-box}.input-wrapper .input{height:25px;width:70%}.list-of-clients{overflow-y:auto;height:calc(100vh - 143px)}.list-of-clients .no-results{padding:15px 10px;font-size:30px;color:#935cff}.client-card{padding:10px;display:flex;align-items:center;box-shadow:0 2px 8px rgba(0,0,0,.1);border:1px transparent;box-sizing:border-box}.client-card:hover{background-color:#935cff;cursor:pointer}.client-card.active{border:1px solid #935cff}.client-card .client-photo{width:70px;height:70px;border-radius:50%;overflow:hidden}.client-card .client-photo img{width:100%;height:100%}.client-card .client-info{padding:5px 10px}.client-card .client-info .client-info__name{padding-bottom:5px;font-size:18px;font-family:Dancing Script,cursive;font-weight:700}