/* Cubic Bezier Transition */ .mt-comments .mt-comment { padding: 10px; margin: 0 0 10px 0; } .mt-comments .mt-comment .mt-comment-img { width: 40px; float: left; } .mt-comments .mt-comment .mt-comment-img > img { border-radius: 50% !important; } .mt-comments .mt-comment .mt-comment-body { padding-left: 20px; position: relative; overflow: hidden; } .mt-comments .mt-comment .mt-comment-body .mt-comment-info:before, .mt-comments .mt-comment .mt-comment-body .mt-comment-info:after { content: " "; display: table; } .mt-comments .mt-comment .mt-comment-body .mt-comment-info:after { clear: both; } .mt-comments .mt-comment .mt-comment-body .mt-comment-info .mt-comment-author { display: inline-block; float: left; margin: 0px 0px 10px 0; color: #060606; font-weight: 600; } .mt-comments .mt-comment .mt-comment-body .mt-comment-info .mt-comment-date { display: inline-block; float: right; margin: 0px; color: #BABABA; } .mt-comments .mt-comment .mt-comment-body .mt-comment-text { color: #a6a6a6; } .mt-comments .mt-comment .mt-comment-body .mt-comment-details { margin: 10px 0px 0px 0; } .mt-comments .mt-comment .mt-comment-body .mt-comment-details .mt-comment-status { text-transform: uppercase; float: left; } .mt-comments .mt-comment .mt-comment-body .mt-comment-details .mt-comment-status.mt-comment-status-pending { color: #B8C0F5; } .mt-comments .mt-comment .mt-comment-body .mt-comment-details .mt-comment-status.mt-comment-status-approved { color: #6BD873; } .mt-comments .mt-comment .mt-comment-body .mt-comment-details .mt-comment-status.mt-comment-status-rejected { color: red; } .mt-comments .mt-comment .mt-comment-body .mt-comment-details .mt-comment-actions { display: none; list-style: none; margin: 0; padding: 0; float: right; } .mt-comments .mt-comment .mt-comment-body .mt-comment-details .mt-comment-actions > li { float: left; padding: 0 5px; margin: 0; } .mt-comments .mt-comment .mt-comment-body .mt-comment-details .mt-comment-actions > li > a { text-transform: uppercase; color: #999999; } .mt-comments .mt-comment .mt-comment-body .mt-comment-details .mt-comment-actions > li > a:hover { color: #666666; text-decoration: none; } .mt-comments .mt-comment:hover { background: #f9f9f9; } .mt-comments .mt-comment:hover .mt-comment-body .mt-comment-details .mt-comment-actions { display: inline-block; } .mt-actions .mt-action { margin: 0px; padding: 15px 0 15px 0; border-bottom: 1px solid #f7f8f9; } .mt-actions .mt-action:last-child { border-bottom: 0px; } .mt-actions .mt-action .mt-action-img { width: 40px; float: left; } .mt-actions .mt-action .mt-action-img > img { border-radius: 50% !important; margin-bottom: 2px; } .mt-actions .mt-action .mt-action-body { padding-left: 15px; position: relative; overflow: hidden; } .mt-actions .mt-action .mt-action-body .mt-action-row { display: table; width: 100%; } .mt-actions .mt-action .mt-action-body .mt-action-row .mt-action-info { display: table-cell; vertical-align: top; } .mt-actions .mt-action .mt-action-body .mt-action-row .mt-action-info .mt-action-icon { display: table-cell; padding: 6px 20px 6px 6px; } .mt-actions .mt-action .mt-action-body .mt-action-row .mt-action-info .mt-action-icon > i { display: inline-block; position: relative; top: 10px; font-size: 25px; color: #78E0E8; } .mt-actions .mt-action .mt-action-body .mt-action-row .mt-action-info .mt-action-details { display: table-cell; vertical-align: top; } .mt-actions .mt-action .mt-action-body .mt-action-row .mt-action-info .mt-action-details .mt-action-author { color: #060606; font-weight: 600; } .mt-actions .mt-action .mt-action-body .mt-action-row .mt-action-info .mt-action-details .mt-action-desc { margin-bottom: 0; color: #A6A8A8; } .mt-actions .mt-action .mt-action-body .mt-action-row .mt-action-datetime { vertical-align: top; display: table-cell; text-align: center; width: 150px; white-space: nowrap; padding-top: 15px; color: #A6A8A8; } .mt-actions .mt-action .mt-action-body .mt-action-row .mt-action-datetime .mt-action-dot { display: inline-block; width: 10px; height: 10px; background-color: red; border-radius: 50% !important; margin-left: 5px; margin-right: 5px; } .mt-actions .mt-action .mt-action-body .mt-action-row .mt-action-buttons { vertical-align: top; display: table-cell; text-align: center; width: 120px; white-space: nowrap; padding-top: 10px; } @media (max-width: 767px) { /* 767px */ .mt-actions .mt-action .mt-action-body .mt-action-row { display: block; } .mt-actions .mt-action .mt-action-body .mt-action-row .mt-action-info { display: block; } .mt-actions .mt-action .mt-action-body .mt-action-row .mt-action-datetime { display: inline-block; margin-left: 40px; } .mt-actions .mt-action .mt-action-body .mt-action-row .mt-action-buttons { display: inline-block; float: right; } } .mt-wiget-1 { border: 1px solid #e7ecf1; text-align: center; border-radius: 4px !important; position: relative; } .mt-wiget-1 .mt-icon { position: absolute; right: 10px; top: 10px; margin: 7px; font-size: 20px; } .mt-wiget-1 .mt-icon > a > i { color: #a1e5e1; } .mt-wiget-1 .mt-icon > a:hover > i { color: #79dad5; } .mt-wiget-1 .mt-img { display: inline-block; border-radius: 50% !important; border: 4px solid #e7ecf1; margin: 40px 0 30px 0; } .mt-wiget-1 .mt-img > img { border: 1px solid trnsparent; border-radius: 50% !important; } .mt-wiget-1 .mt-body .mt-username { text-align: center; margin: 5px 10px; } .mt-wiget-1 .mt-body .mt-user-title { text-align: center; margin: 10px 10px 10px 10px; color: #D1D4D6; font-size: 12px; } .mt-wiget-1 .mt-body .mt-stats { margin: 30px 0px 0px 0px; } .mt-wiget-1 .mt-body .mt-stats .btn-group { border-top: 1px solid #e7ecf1; } .mt-wiget-1 .mt-body .mt-stats .btn-group .btn { padding: 10px 10px; font-size: 10px; border-right: 1px solid #e7ecf1; } .mt-wiget-1 .mt-body .mt-stats .btn-group .btn:hover { background-color: #e7ecf1; } .mt-wiget-1 .mt-body .mt-stats .btn-group .btn:last-child { border: 0; } .mt-wiget-1 .mt-body .mt-stats .btn-group .btn > i { position: relative; top: 3px; right: 2px; color: #79dad5; font-size: 16px; } .mt-wiget-1 .mt-body .mt-stats .btn-group .btn:first-child { border-bottom-left-radius: 4px !important; } .mt-wiget-1 .mt-body .mt-stats .btn-group .btn:last-child { border-bottom-right-radius: 4px !important; }