@charset "utf-8";

.list-experience-peppow { height: 100%; width: 100%; }
.list-experience-peppow .nav-btn { margin-top: 10px; background: #fff; height: auto; border: 1px solid rgba(100, 100, 100, .4); padding: 10px; display: flow-root; width: 100%; }
.list-experience-peppow .nav-btn .btn-experiences-nav { background: #FFF; text-transform: lowercase; float: left; border: 1px solid #CCC; border-radius: 5px; margin: 2px;  }
/* .list-experience-peppow .nav-btn .btn-click  { float: left; opacity: 0.5; cursor: pointer; color: #4DC5DB; } */
.list-experience-peppow .nav-btn .btn-click  { float: left; cursor: pointer; color: #4DC5DB; }
.list-experience-peppow .nav-btn .btn-experiences-icon .btn-click {  margin: 5px; display: inline-block; cursor: pointer; }
.list-experience-peppow .nav-btn .on { opacity: 1; text-transform: uppercase; }
.list-experience-peppow .nav-btn img,
.list-experience-peppow .nav-btn svg,
.list-experience-peppow .nav-btn object { width: 30px; height: 30px; float: left; margin-right: 9px; }
.list-experience-peppow .nav-btn .title-label { float: left; height: 27px; margin-left: 7px; line-height: 25px; margin-right: 7px; }
.list-experience-peppow .nav-btn .btn-experiences-icon .title-label { line-height: 30px; }
.list-experience-peppow .nav-btn .btn-more { cursor: pointer; float: right; color: #8e8989; border-left: 1px solid #CCC; width: 30px; text-align: center; background: #ccc; font-size: 19px; }
.list-experience-peppow .nav-btn .btn-more:hover { color: #333; background: #9e9e9e; }
.list-experience-peppow .nav-btn .btn-experiences-icon .btn-more { line-height: 40px; }
.list-experience-peppow .more-experience { min-height: 50px; position: relative; width: 100%; display: inline-block; padding: 5px; background: #fff; border: 1px solid rgba(100, 100, 100, .4); }
.list-experience-peppow .list-experience { min-height: 30px; position: relative; width: 100%; display: inline-block; padding: 5px; background: #fff; border: 1px solid rgba(100, 100, 100, .4); }
.list-experience-peppow .bx-experience { margin: 5px; text-align: left; font-size: 10px; opacity: 0.7; display: inline-block; padding: 6px 12px; border-radius: 4px; }
.list-experience-peppow .bx-experience .text { font-size: 13px; margin-left: 10px; }
.list-experience-peppow .bx-experience .score { opacity: 0.8; font-size: 9px; margin-left: 20px; }
.list-experience-peppow .bx-experience .delete { margin-left: 10px; font-size: 13px; color: #9e9e9e; cursor: pointer; }
.list-experience-peppow .bx-experience .delete:hover { color: red; }
.list-experience-peppow .without-any-tag { color: #777; text-align: center; display: block; }
.list-experience-peppow .services-btn { border: 1px solid #ddd; border-radius: 6px; margin: 2px; }
.list-experience-peppow .services-btn .title-name { width: 100%; display: block; margin-left: 7px; color: #777; font-size: 10px; }

#modal-experience .modal-dialog { margin-top: 50px; }
#modal-experience .modal-header { text-align: center; background: #9E9E9E; color: #fff; }
#modal-experience .modal-header .close { height: 28px; }
#modal-experience .modal-header .modal-title { text-transform: uppercase; }
#modal-experience .modal-info { margin: 20px 0px; color: #666666; }
#modal-experience .modal-footer { text-align: center; }