/*
 * List
 *****************************************************************************/

.ec-message {
    min-height: 20px;
    padding: 40px;
    background-color: #fff;
    border-radius: 20px;
    font-size: 1.8rem;
    color: #475666;
}

.ec-message + .ec-message {
    margin-top: 20px;
}

.ec-message__text {
    line-height: 1.5;
}

.ec-message p:last-child {
    margin-bottom: 0;
}
.ec-message__meta {
    margin: 0 0 8px 0;
    line-height: 1.2;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}
.ec-message__meta .ec-message__author {
    font-size: 24px;
    font-weight: bold;
    margin-right: 47px;
    color: #202833;
}
.ec-message__meta .ec-message__votes {
    /* float: right; */
    margin-left: auto;
}
.ec-message__date {
    font-size: 16px;
    color: #778B95;
    display: flex;
    align-items: center;
    min-height: 32px;
}
.ec-message__date .icon {
    margin-right: 10px;
    font-size: 1.6rem;
}

.ec-message__reply {
    padding: 24px 40px 38px 38px;
    margin-top: 40px;
    background: #F3F7FA;
    border: 1px solid #EAF2FA;
    border-radius:  20px;
}
.ec-message__reply p:last-child {
    margin-bottom: 0;
}
.ec-message .ec-message__reply_author {
    display: block;
    margin-bottom: 15px;
    font-size: 20px;
    font-weight: 700;
    color: #2168B5;
}

.ec-message .ec-message__reply_author + p {
    margin-top: 0;
}

@media (max-width: 767px) {
    .ec-message, .ec-message__reply {
        padding: 20px;
    }
    
    .ec-message p {
        font-size: 16px;
    }
}
/*
 * Votes
 *****************************************************************************/
.ec-message__votes {
    position: relative;
    background: #F1F1F3;
    border-radius: 10px 10px 0 0;
    display: flex;
}
.ec-message__votes-item {
    display: flex;
    align-items: center;
    font-size: 1.6rem;
    font-weight: 700;
    min-width: 50px;
}
.ec-message__votes-button {
    display: flex;
    align-items: center;
    cursor: default;
    text-decoration: none;
    padding: 0 10px 0 30px;
    height: 40px;
    border-bottom: 2px solid transparent;
}
.ec-message__votes-button:hover,
.ec-message__votes-button:active,
.ec-message__votes-button:focus {
    text-decoration: none;
}
.ec-message__votes-button:hover,
.ec-message__votes-button:active,
.ec-message__votes-button:focus {
    /*color: #8b8b8b;*/
}
.ec-message__votes-button.enabled {
    cursor: pointer;
}
.ec-message__votes-button.enabled:hover,
.ec-message__votes-button.enabled:active,
.ec-message__votes-button.enabled:focus {
    /*color: #8fc74a;*/
}
.ec-message__votes-button-like {
    background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M8.83376 0.0138433C7.49433 -0.138801 6.49998 0.995634 6.49997 2.1968V2.69739C6.49997 4.02567 5.85325 4.82041 5.18247 5.3106C4.85424 5.55046 4.52215 5.71407 4.26392 5.81913C3.96086 5.29792 3.39635 4.94751 2.75 4.94751H1.75C0.783502 4.94751 0 5.73101 0 6.69751V14.1976C0 15.1641 0.783501 15.9476 1.75 15.9476H2.75C3.5247 15.9476 4.18183 15.4442 4.41213 14.7466C4.93662 14.8215 5.47944 14.9753 6.13735 15.1616L6.13754 15.1617C6.28911 15.2046 6.44678 15.2493 6.61175 15.2951C7.76571 15.6156 9.15259 15.9474 11 15.9474C12.7057 15.9474 13.9696 15.7951 14.7215 14.8082C15.0746 14.3449 15.2585 13.7662 15.3903 13.1361C15.5076 12.5752 15.5981 11.8924 15.7028 11.1026L15.7434 10.7966C15.9925 8.92816 16.0084 7.47859 15.5548 6.48076C15.3108 5.94414 14.9328 5.53815 14.4183 5.28062C13.924 5.0332 13.3531 4.94739 12.75 4.94739H11.3277L11.3427 4.83505V4.83504C11.4124 4.31681 11.5 3.66564 11.5 3.19739C11.5 2.27585 11.3487 1.47877 10.8444 0.897967C10.3331 0.308964 9.5972 0.100846 8.83376 0.0138433ZM4.5 13.2463C5.20532 13.3348 5.89055 13.5304 6.5721 13.725H6.57211C6.71926 13.767 6.86624 13.809 7.01322 13.8498C8.10925 14.1543 9.34735 14.4474 11 14.4474C12.7942 14.4474 13.2803 14.2248 13.5284 13.8992C13.6753 13.7063 13.8039 13.3943 13.9221 12.8291C14.0272 12.3267 14.1096 11.705 14.2166 10.8991L14.2565 10.5983C14.5075 8.71662 14.446 7.6662 14.1893 7.10153C14.078 6.85689 13.9348 6.71601 13.7469 6.62198C13.5388 6.51783 13.2263 6.44739 12.75 6.44739H10.9996C10.3144 6.44739 9.70502 5.87042 9.79443 5.11147C9.81697 4.92013 9.84349 4.72249 9.86985 4.52603C9.9354 4.03758 9.99997 3.5564 9.99997 3.19739C9.99997 2.3888 9.85561 2.04703 9.71177 1.88135C9.57504 1.72386 9.31035 1.57786 8.66392 1.50419C8.35722 1.46924 7.99997 1.74121 7.99997 2.19681V2.69739C7.99997 4.61911 7.02171 5.82437 6.0675 6.52168C5.59744 6.86519 5.1316 7.08857 4.78481 7.22639C4.67882 7.26852 4.58288 7.30308 4.5 7.33093V13.2463ZM2.75 6.44751C2.88807 6.44751 3 6.55943 3 6.69751V13.9474V14.1976C3 14.3356 2.88807 14.4476 2.75 14.4476H1.75C1.61193 14.4476 1.5 14.3356 1.5 14.1976V6.69751C1.5 6.55943 1.61193 6.44751 1.75 6.44751H2.75Z' fill='%2302C494'/%3E%3C/svg%3E%0A");
    background-size: 16px 16px;
    background-repeat: no-repeat;
    background-position: 10px center;
    color: #02C494;
}
.ec-message__votes-button-dislike {
    background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M7.08289 15.9337C8.42232 16.0863 9.41667 14.9519 9.41668 13.7507V13.2501C9.41668 11.9218 10.0634 11.1271 10.7342 10.6369C11.0624 10.397 11.3945 10.2334 11.6527 10.1284C11.9558 10.6496 12.5203 11 13.1666 11H14.1666C15.1331 11 15.9166 10.2165 15.9166 9.25V1.75C15.9166 0.783502 15.1331 2.00583e-07 14.1666 1.00583e-07L13.1666 0C12.3919 -1e-07 11.7348 0.503395 11.5045 1.20093C10.98 1.12605 10.4372 0.9723 9.7793 0.785945L9.7791 0.78589C9.62754 0.74296 9.46987 0.6983 9.3049 0.652476C8.15094 0.33193 6.76406 0.0001139 4.91668 0.0001137C3.21091 0.0001136 1.94702 0.152451 1.19512 1.13933C0.842088 1.60269 0.658117 2.18132 0.52633 2.81141C0.409003 3.37238 0.318545 4.05511 0.213901 4.84493L0.213895 4.84497L0.173262 5.15098C-0.0758678 7.01934 -0.0917446 8.46892 0.361871 9.46675C0.605819 10.0034 0.983861 10.4093 1.49838 10.6669C1.99269 10.9143 2.56358 11.0001 3.16668 11.0001H4.58899L4.57392 11.1124L4.57391 11.1125C4.50423 11.6307 4.41668 12.2819 4.41668 12.7501C4.41668 13.6716 4.56795 14.4687 5.07221 15.0495C5.58358 15.6385 6.31945 15.8467 7.08289 15.9337ZM11.4166 2.70126C10.7113 2.61279 10.0261 2.41715 9.34455 2.22256H9.34454C9.19739 2.18054 9.0504 2.13858 8.90343 2.09775C7.8074 1.7933 6.5693 1.50011 4.91668 1.50011C3.12246 1.50011 2.63636 1.72278 2.38827 2.04839C2.2413 2.24129 2.11277 2.55328 1.99456 3.1185C1.8895 3.62081 1.80701 4.24252 1.70008 5.04843L1.6601 5.34924C1.4092 7.23089 1.47069 8.28131 1.72739 8.84598C1.8386 9.09061 1.98189 9.23149 2.16976 9.32553C2.37783 9.42967 2.6904 9.50011 3.16668 9.50011H4.91705C5.6022 9.50011 6.21163 10.0771 6.12222 10.836C6.09968 11.0274 6.07316 11.225 6.0468 11.4215C5.98125 11.9099 5.91668 12.3911 5.91668 12.7501C5.91668 13.5587 6.06104 13.9005 6.20488 14.0661C6.34161 14.2236 6.6063 14.3696 7.25273 14.4433C7.55943 14.4783 7.91667 14.2063 7.91668 13.7507V13.2501C7.91668 11.3284 8.89494 10.1231 9.84915 9.42582C10.3192 9.08232 10.785 8.85894 11.1318 8.72111C11.2378 8.67899 11.3338 8.64443 11.4166 8.61657V2.70126ZM13.1666 9.5C13.0286 9.5 12.9166 9.38807 12.9166 9.25V2.00011V1.75C12.9166 1.61193 13.0286 1.5 13.1666 1.5H14.1666C14.3047 1.5 14.4166 1.61193 14.4166 1.75V9.25C14.4166 9.38807 14.3047 9.5 14.1666 9.5H13.1666Z' fill='%234B5969'/%3E%3C/svg%3E%0A");
    background-size: 16px 16px;
    background-repeat: no-repeat;
    background-position: 10px center;
    color: #4B5969;
}
/*.ec-message__votes-button-like.enabled:hover {
    background-position: 0 -88px;
}
.ec-message__votes-button-dislike.enabled:hover {
    background-position: 0 -110px;
}*/
.ec-message__votes-button.active {
    border-color: currentColor;
}
.ec-message__votes-button-like.active {
    color: #02C494;
}
.ec-message__votes-button-dislike.active {
    color: #4B5969;
}
.ec-message__votes-bar {
    display: block;
    position: absolute;
    height: 2px;
    bottom: -2px;
    left: 0;
    right: 0;
    background: #dddddd;
    display: none;
}
.ec-message__votes-bar span {
    display: block;
    width: 0;
    height: 2px;
    background:#8fc74a;
}
/*
 * Form
 *****************************************************************************/
.ec-form {
}

.ec-form-wrap {
    max-width: 612px;
    margin: 0 auto;
}
.ec-form .form-group {
    margin-bottom: 20px;
}
.ec-form .form-group.has-error .form-control {
    border-color: #ff2d2d;
}
.ec-form .form-group.has-error .ec-error {
    padding: 5px 0 0 0;
    display: inline-block;
    margin: 0;
    color: #e9c61a;
}
.ec-form .form-control {
    border-color: #B3C2D9;
    min-height: 47px;
    padding: 0 12px;
}
.ec-form textarea.form-control {
    padding: 20px 18px;
    height: auto;
}
.ec-error {
    display: none;
}

.ec-antispam {
    display: none;
}





/*
 * Common, stars image
 *****************************************************************************/
.ec-rating-stars span,
.ec-stars,
.ec-stars span {
    background-image: url("data:image/svg+xml,%3Csvg width='26' height='40' viewBox='0 0 26 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.4995 16.031L4.00989 20L5.77414 12.5926L0 7.63958L7.57925 7.03151L10.4995 0L13.4197 7.03151L21 7.63958L15.2248 12.5926L16.989 20L10.4995 16.031Z' fill='%230767B1'/%3E%3Cpath d='M10.4995 36.031L4.00988 40L5.77414 32.5926L0 27.6396L7.57925 27.0315L10.4995 20L13.4196 27.0315L21 27.6396L15.2248 32.5926L16.989 40L10.4995 36.031ZM10.4995 33.4395L13.6095 35.3411L12.7638 31.7922L15.5317 29.4185L11.8994 29.1266L10.4995 25.7579L9.09952 29.1266L5.46722 29.4185L8.23505 31.7922L7.38936 35.3411L10.4995 33.4406V33.4395Z' fill='%2300A9E1'/%3E%3C/svg%3E%0A");
}
/*
 * Rating input
 *****************************************************************************/
.ec-rating {
    display: flex;
    align-items: center;
}
.ec-rating-caption {
    margin-right: 15px;
    color: #fff;
    font-size: 18px;
}
.ec-rating-stars {
    background-repeat: repeat-x;
    display: flex;
}
.ec-rating-stars span {
    background-position: 0 -20px;
    background-repeat: no-repeat;
    width: 28px;
    height: 20px;
    padding-right: 7px;
    float:left;
    display:block;
    cursor:pointer;
}
.ec-rating-stars span:last-child {
    padding-right: 0;
}
.ec-rating-stars span.active {
    background-position: 0 0;
}
.ec-rating-stars span.active2 {
    background-position: 0 0;
}
.ec-rating-stars span.active-disabled {
    background-position: 0 -20px;
}
.ec-rating-description {
    color:#475666;
    font-size: 16px;
    display: flex;
    align-items: center;
    min-height: 42px;
    margin-left: 13px;
}

@media (max-width: 767px) {
    /*.ec-rating {
        flex-wrap: wrap;
        justify-content: center;
    }
    
    .ec-rating-description {
        margin: 1em 0 0 0;
        width: 100%;
        text-align: center;
    }*/
}

@media (max-width: 575.98px) {
    .ec-rating {
        flex-direction: column;
        align-items: flex-start;
    }

    .ec-rating-description {
        margin: 1em 0 0 0;
        min-height: auto
    }

    .ec-rating-description br {
        display: none;
    }
}
/*
 * Stars
 *****************************************************************************/
.ec-stars {
    background-position: 0 -20px;
    background-repeat: repeat-x;
    width: 125px;
    height: 20px;
    margin-bottom: 20px;
}
.ec-stars span{
    background-position: 0 0;
    background-repeat: repeat-x;
    display: block;
    height: 20px;
    width: 0;
}

.ec-stars span.rating-0{width: 0;}
.ec-stars span.rating-1{width: 21px;}
.ec-stars span.rating-2{width: 47px;}
.ec-stars span.rating-3{width: 73px;}
.ec-stars span.rating-4{width: 99px;}
.ec-stars span.rating-5{width: 125px;}

/*
 * Detailed Rating
 *****************************************************************************/
.ec-d-rating {
    width: 100%;
    max-width: 500px;
    background: #eee;
    padding: 20px;
    border-radius: 5px;
    border: 1px solid #e3e3e3;
    display: flex;
}
.ec-d-rating:after {
    content: "";
    clear: both;
    display: table;
}
.ec-d-rating__col-info {
    width: 130px;
    padding-top: 12px;
}
.ec-d-rating__col-lines {
    width: 250px;
    width: calc(100% - 130px);
}
.ec-d-rating__value {
    font-size: 50px;
    line-height: 1;
    color: #333333;
}
.ec-d-rating__stars {

}
.ec-d-rating__desc {
    margin-top: 12px;
    color: #8b8b8b;
}

.ec-d-rating__lines {

}
.ec-d-rating__line {
    position: relative;
    line-height: 1;
    color: #8b8b8b;
    margin: 10px 0;
}
.ec-d-rating__line:after {
    content: "";
    clear: both;
    display: table;
}
.ec-d-rating__line-rate {
    float: left;
    text-align: left;
    padding-left: 5px;
}
.ec-d-rating__line-progress {
    position: absolute;
    left: 30px;
    right: 60px;
    top: 50%;
    margin-top: -2px;
    background-color: #dddddd;
}
.ec-d-rating__line-progress > span {
    display: block;
    height: 4px;
    background-color: #337ab7;
}
.ec-d-rating__line-volume {
    float: right;
    width: 60px;
    text-align: right;
}

/*
 * Clearfix
 *****************************************************************************/
.ec-clearfix:before,
.ec-clearfix:after {
    content: " ";
    display: table;
}
.ec-clearfix:after {
    clear: both;
}
.ec-clearfix {
    *zoom: 1;
}