html,body{margin:0;padding:0}hr{border:1px solid #f2f2f2;border-bottom:0}body{font-family:"Open Sans";line-height:1;min-width:1280px;background-color:#f9f9f9}.aside{position:fixed;top:0;bottom:0;z-index:999;width:271px;background-color:#2b2f3e}.aside h1{font-size:36px;font-weight:100;margin:0;padding-top:23px;padding-left:27px;color:#565a69}.aside__lable{font-size:18px;font-weight:100;margin-top:72px;padding-top:18px;padding-bottom:21px;padding-left:27px;letter-spacing:.5px;color:#fff;background:filter-gradient(#ff2d5c, #ff404b, vertical);background-color:#ff2d5c;background-image:url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmMmQ1YyIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZmNDA0YiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==");background-image:-webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ff2d5c), color-stop(100%, #ff404b));background-image:-moz-linear-gradient(top, #ff2d5c 0%, #ff404b 100%);background-image:-webkit-linear-gradient(top, #ff2d5c 0%, #ff404b 100%);background-image:linear-gradient(to bottom, #ff2d5c 0%, #ff404b 100%);background-size:100%}.main{height:100%;margin-left:302px;margin-bottom:30px}.main:after{display:table;clear:both;content:''}.main-block{float:left;box-sizing:border-box;margin-top:34px;background-color:#fff;box-shadow:0 0 3px 3px #ddd}.main-block__items{width:481px;margin-right:18px;padding:15px 15px 20px 26px}.main-block__comments{width:446px;padding:15px 23px 2px 19px}.main-block__comments .main__header{margin:0 0 41px 0}.main__header{font-size:36px;font-weight:100;text-transform:capitalize;color:#565a69}.main__userAction{margin:22px 0 20px 5px}.main__userAction-input{font-size:16px;width:272px;height:32px;margin-right:5px;padding:1px 8px;letter-spacing:.5px;border:2px solid #e6e6e6;border-radius:3px}.main__userAction-button{font-size:16px;font-weight:400;width:133px;padding:10px 0px;cursor:pointer;letter-spacing:.5px;color:#fff;border:0;border-radius:3px;background-color:#27ccc0}.main__item{margin:0 0 10px 7px;cursor:pointer}.main__item-text{display:inline-block;width:327px}.main__item-name{font-size:16px;font-weight:600;display:inline-block;overflow:hidden;max-width:270px;height:16px;white-space:nowrap;text-overflow:ellipsis;color:#2b2f3e}.main__item-lable{font-size:13px;font-weight:bold;width:40px;margin:0 5px;padding:1px 8px;color:#fff;border-radius:10px;background-color:#27ccc0}.main__item-button{font-size:16px;font-weight:100;width:99px;padding:7px 0;cursor:pointer;letter-spacing:.5px;color:#ff305a;border:1px solid #ff305a;border-radius:3px;background-color:transparent}.main__item.active{position:relative}.main__item.active:after{position:absolute;top:-9px;left:-35px;display:block;width:5px;height:54px;background-color:#ff305a;content:''}.main__comment{margin-bottom:12px}.main__comment:after{display:table;clear:both;content:''}.main__comment-picBox{width:52px;height:52px;background-color:orange;float:left;margin:4px 14px 0 0}.main__comment-picBox-input{background-color:grey}.main__comment-text{font-size:12px;color:#666;min-height:52px;margin-left:66px;line-height:18px;margin-bottom:20px;word-wrap:break-word}.main__comment-text-input{margin-left:0;margin-bottom:0;resize:vertical}