body{background:#f3f1ef}#app{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-width:300px;padding-right:10px}#app,a{color:#2c3e50}a{text-decoration:none}.btn{background:-webkit-gradient(linear,left top,left bottom,from(#2979ff),to(#abbfe2));background:linear-gradient(#2979ff,#abbfe2);-webkit-box-shadow:inset rgba(0,0,0,.5) -3px -3px 8px,inset hsla(0,0%,100%,.9) 3px 3px 8px,rgba(0,0,0,.8) 3px 3px 8px -3px;box-shadow:inset -3px -3px 8px rgba(0,0,0,.5),inset 3px 3px 8px hsla(0,0%,100%,.9),3px 3px 8px -3px rgba(0,0,0,.8);border-radius:7px;display:block;color:#fff;border:none;outline:none}.btn:active{-webkit-box-shadow:inset rgba(0,0,0,.5) 1px 1px 1px,inset hsla(0,0%,100%,.9) 3px 3px 8px,rgba(0,0,0,.8) 3px 3px 8px -3px;box-shadow:inset 1px 1px 1px rgba(0,0,0,.5),inset 3px 3px 8px hsla(0,0%,100%,.9),3px 3px 8px -3px rgba(0,0,0,.8)}.btn--icon{width:40px;height:40px;border-radius:50%}.btn--add{background:#3bdddd url(../img/addPerson.0f768940.svg) no-repeat 50%;width:50px;height:50px}.btn--view{position:relative}.btn--view:after{background:#315ca0 url(../img/details.fb6cd8bc.svg) no-repeat 50%;border-radius:7px;position:absolute;content:"";top:7px;left:10px;height:30px;width:30px}.btn--edit{background:#e69e32 url(../img/edit.f5585d75.svg) no-repeat 50%}.btn--delete{background:#eee4e2 url(../img/delete.58c133a8.svg) no-repeat 50%}.btn--back{text-decoration:underline;text-align:right;margin:20px;display:block}.btn:hover{cursor:pointer}.btn a{color:#fff}.customer-list{position:relative;margin:0 auto;max-width:700px}.customer-list__title{text-align:center;font-size:1.5rem;padding-right:50px}.customer-list .btn--add{position:absolute;top:-10px;right:10px}.customer-list .btn--view{position:relative;-webkit-box-shadow:0 3px 1px -2px rgba(0,0,0,.2),0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12);box-shadow:0 3px 1px -2px rgba(0,0,0,.2),0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding:13px 15px 13px 55px;width:100%}.customer-list .btn--view:active,.customer-list .btn--view:hover{-webkit-box-shadow:0 2px 4px rgba(0,0,0,.2);box-shadow:0 2px 4px rgba(0,0,0,.2)}.customer-list .table__row{width:100%;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;margin:20px auto}.customer-list__loading{position:relative;text-align:center}.customer-list__loading img{left:0;width:100%;position:absolute;z-index:5;top:0}.customer-form{position:relative;max-width:400px;margin:0 auto}.customer-form__title{text-align:center}.customer-form .input,.customer-form .select,.customer-form .textarea{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.customer-form .input__field,.customer-form .select__field,.customer-form .textarea__field{border-radius:7px;min-height:25px;outline:none;padding:0 10px;margin:10px 0 20px}.customer-form .select__field{background:transparent;max-width:150px}.customer-form .textarea__field{padding:10px}.customer-form .btn--save{font-size:1.3rem;margin:0 auto;min-height:40px;max-width:300px;width:100%}.customer-info{-webkit-box-shadow:0 3px 1px -2px rgba(0,0,0,.2),0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12);box-shadow:0 3px 1px -2px rgba(0,0,0,.2),0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12);background:#fff;padding:10px;position:relative;margin:0 auto;max-width:700px}.customer-info__title{font-size:1.4rem;padding-right:80px}.customer-info .btn--edit{position:absolute;top:20px;right:53px}.customer-info .btn--delete{position:absolute;top:20px;right:10px}.customer-info .middle-block{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.customer-info__full-name{text-transform:capitalize;font-size:1.8rem;text-shadow:1px 1px 10px #000}.customer-info__contacts{margin-right:40px}.customer-info .contacts__data{display:block;position:relative;padding:10px 0 10px 35px}.customer-info .contacts__data:before{content:"";position:absolute;width:26px;height:26px;top:5px;left:0}.customer-info .contacts__email:before{background:#dd843b url(../img/mail.8373f7d7.svg) no-repeat 50%;border-radius:30%}.customer-info .contacts__phone{color:#00f;display:inline-block}.customer-info .contacts__phone:before{border-radius:50%;background:#3bdddd url(../img/phone.db638d13.svg) no-repeat 50%}.customer-info .contacts__address:before{background:url(../img/address.c8042f62.svg) no-repeat 50%}.customer-info__status{margin:20px 0;color:#000}.customer-info__confirm-delete{background:rgba(43,39,39,.8);position:absolute;color:#fff;width:100%;height:100%;top:0;left:0;right:0;bottom:0;z-index:5;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.customer-info__confirm-delete p{width:100%;font-size:1.5rem;text-align:center}.customer-info__confirm-delete .btn--icon{width:50px;height:50px;margin:10px;display:inline-block}.customer-info__confirm-delete .btn--yes{background:red}.customer-info h3{border-bottom:2px solid grey;color:#000}.customer-info__additional p{word-break:break-word}