.bx-im-call-feedback-wrap {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    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;
    padding: 21px 100px 46px;
}

/* HEADER */
.bx-im-call-feedback-header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin-bottom: 30px;
}

.bx-im-call-feedback-header-icon {
    width: 33px;
    height: 33px;
    margin-right: 10px;
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg width='33' height='33' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cpath d='M16.075 0c8.878 0 16.074 7.197 16.074 16.075s-7.196 16.074-16.074 16.074C7.197 32.15 0 24.953 0 16.075 0 7.197 7.197 0 16.075 0zm0 1.399c-8.106 0-14.676 6.57-14.676 14.676 0 8.105 6.57 14.676 14.676 14.676 8.105 0 14.676-6.571 14.676-14.676 0-8.106-6.571-14.676-14.676-14.676z' fill='%232FC6F6' opacity='.5'/%3E%3Cpath d='M13.816 11.504c1.654 0 3.307.197 4.96.591.368.088.628.42.628.804v6.594a.824.824 0 01-.613.8c-1.763.457-3.475.686-5.136.686-1.651 0-3.302-.226-4.952-.678a.824.824 0 01-.602-.797v-6.599c0-.385.263-.72.634-.805a22.621 22.621 0 015.08-.596zm10.71.984c.01.028.016.058.016.088v7.33a.244.244 0 01-.24.249.234.234 0 01-.086-.016l-3.63-1.422a.248.248 0 01-.154-.232v-4.487c0-.103.061-.196.155-.232l3.63-1.422a.238.238 0 01.31.144z' fill-opacity='.653' fill='%23525C69'/%3E%3C/g%3E%3C/svg%3E");
}

.bx-im-call-feedback-wrap-dark .bx-im-call-feedback-header-icon {
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg width='34' height='34' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cpath d='M14.741 12.43c1.654 0 3.307.196 4.96.59a.824.824 0 01.628.804v6.595a.824.824 0 01-.613.8c-1.763.457-3.475.685-5.135.685-1.652 0-3.303-.226-4.953-.677a.824.824 0 01-.602-.798v-6.598c0-.386.263-.72.634-.806a22.621 22.621 0 015.081-.596zm10.71.983c.01.028.016.058.016.088v7.33a.244.244 0 01-.24.249.234.234 0 01-.086-.016l-3.629-1.422a.248.248 0 01-.155-.232v-4.487c0-.103.062-.196.155-.232l3.63-1.422a.238.238 0 01.31.144z' fill='%23FFF'/%3E%3Cpath d='M17 .925C25.878.925 33.075 8.122 33.075 17S25.878 33.075 17 33.075.925 25.878.925 17 8.122.925 17 .925zm0 1.399C8.895 2.324 2.324 8.894 2.324 17c0 8.105 6.57 14.676 14.676 14.676 8.105 0 14.676-6.57 14.676-14.676 0-8.105-6.57-14.676-14.676-14.676z' fill='%232FC6F6' opacity='.5'/%3E%3C/g%3E%3C/svg%3E");
}

.bx-im-call-feedback-header-title {
    font: 20px "OpenSans-Regular", "Helvetica Neue", Arial, Helvetica, sans-serif;
    color: #525C69;
}

.bx-im-call-feedback-wrap-dark .bx-im-call-feedback-header-title {
    color: #FFF;
}

/* CONTENT */
.bx-im-call-feedback-content {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    max-width: 320px;
    min-height: 293px;
    /*max-height: 293px;*/
    -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;
    padding: 25px 22px 35px;
    border: 1px solid rgba(82,92,105,0.3);
    border-radius: 3px;
}

.bx-im-call-feedback-wrap-dark .bx-im-call-feedback-content {
    background: rgba(255,255,255,0.08);
    border: 1px solid rgba(255,255,255,0.41);
}

.bx-im-call-feedback-content-title {
    font: 18px "OpenSans-Regular", "Helvetica Neue", Arial, Helvetica, sans-serif;
    color: #333;
    margin-bottom: 17px;
    text-align: center;
}

.bx-im-call-feedback-wrap-dark .bx-im-call-feedback-content-title {
    color: #FFF;
}

.bx-im-call-feedback-rating-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-bottom: 36px;
}

.bx-im-call-feedback-rating-star {
    width: 44px;
    height: 44px;
    margin-right: 5px;
    background-position: center;
    background-repeat: no-repeat;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    cursor: pointer;
}

.bx-im-call-feedback-rating-star:last-child {
    margin-right: 0;
}

.bx-im-call-feedback-rating-star-empty {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='40' height='38' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20 32L8.862 37.855a1 1 0 01-1.45-1.054L9.537 24.4l-9.01-8.783a1 1 0 01.554-1.706l12.452-1.81L19.104.818a1 1 0 011.793 0l5.569 11.284 12.452 1.81a1 1 0 01.554 1.705l-9.01 8.783 2.127 12.402a1 1 0 01-1.451 1.054L20 32z' fill='%23525C69' fill-rule='evenodd' opacity='.2'/%3E%3C/svg%3E");
}

.bx-im-call-feedback-wrap-dark .bx-im-call-feedback-rating-star-empty {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='40' height='38' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20 32L8.862 37.855a1 1 0 01-1.45-1.054L9.537 24.4l-9.01-8.783a1 1 0 01.554-1.706l12.452-1.81L19.104.818a1 1 0 011.793 0l5.569 11.284 12.452 1.81a1 1 0 01.554 1.705l-9.01 8.783 2.127 12.402a1 1 0 01-1.451 1.054L20 32z' fill='%23FFF' fill-rule='evenodd' fill-opacity='.131'/%3E%3C/svg%3E");
}

.bx-im-call-feedback-rating-star-filled {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='40' height='38' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20 32L8.862 37.855a1 1 0 01-1.45-1.054L9.537 24.4l-9.01-8.783a1 1 0 01.554-1.706l12.452-1.81L19.104.818a1 1 0 011.793 0l5.569 11.284 12.452 1.81a1 1 0 01.554 1.705l-9.01 8.783 2.127 12.402a1 1 0 01-1.451 1.054L20 32z' fill='%23FFA900' fill-rule='evenodd'/%3E%3C/svg%3E");
}

.bx-im-call-feedback-problem + .bx-im-call-feedback-submit-wrap {
    margin-top: 40px;
}

.bx-im-call-feedback-problem + .bx-im-call-feedback-problem-description {
    margin-top: 10px;
}

.bx-im-call-feedback-problem-selected .ui-ctl-element {
    cursor: pointer;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    background: #fff;
    color: #535C69;
    border: 1px solid #C6CDD3;
}

.bx-im-call-feedback-wrap-dark .bx-im-call-feedback-problem-selected .ui-ctl-element {
    background: #32373D;
    color: #C5C5C5;
    border: 1px solid rgba(255,255,255,0.41);
}

.bx-im-call-feedback-problem-selected {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}

.bx-im-call-feedback-problem-selected .ui-ctl-element:active {
    border: 1px solid #C6CDD3;
}

.bx-im-call-feedback-wrap-dark .bx-im-call-feedback-problem-selected .ui-ctl-element:active {
    border: 1px solid rgba(255,255,255,0.41);
}

.bx-im-call-feedback-problem-select .popup-window-content {
    background: #FFF;
}

.bx-im-call-feedback-problem-select-dark .popup-window-content {
    background: #32373D;
}

.bx-im-call-feedback-problem-option {
    padding: 10px 20px 10px 11px;
    width: 274px;
    overflow: hidden;
}

.bx-im-call-feedback-problem-option.menu-popup-item {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    height: auto;
    white-space: normal;
}

.bx-im-call-feedback-problem-option .menu-popup-item-text {
    color: #535C69;
    line-height: 16px;
    max-width: 100%;
    word-break: break-word;
}

.bx-im-call-feedback-problem-select {
    min-width: 274px;
    max-width: 274px;
    max-height: 330px;
    overflow-y: auto;
    overflow-x: hidden;
}

.bx-im-call-feedback-problem-select-dark .bx-im-call-feedback-problem-option .menu-popup-item-text {
    color: #C5C5C5;
}

.bx-im-call-feedback-problem-select-dark .bx-im-call-feedback-problem-option.menu-popup-item:hover {
    background: #393F46;
}

.bx-im-call-feedback-problem-select-dark .bx-im-call-feedback-problem-option.menu-popup-item:hover .menu-popup-item-text{
    color: #C5C5C5;
}

.bx-im-call-feedback-problem-option .menu-popup-item-icon {
    display: none;
}

.bx-im-call-feedback-problem-option .menu-popup-item-text {
    padding: 0;
}

.bx-im-call-feedback-problem-description {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding: 10px 11px;
    margin-bottom: 15px;
    width: 274px;
    height: 80px;
    resize: none;
    font: 400 14px "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #535C69;
    border: 1px solid #C6CDD3;
}

.bx-im-call-feedback-problem-description::-webkit-input-placeholder {
    font: 400 14px "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #535C69;
}

.bx-im-call-feedback-problem-description::-moz-placeholder {
    font: 400 14px "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #535C69;
}

.bx-im-call-feedback-problem-description:-ms-input-placeholder {
    font: 400 14px "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #535C69;
}

.bx-im-call-feedback-problem-description::-ms-input-placeholder {
    font: 400 14px "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #535C69;
}

.bx-im-call-feedback-problem-description::placeholder {
    font: 400 14px "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #535C69;
}

.bx-im-call-feedback-problem-description:focus {
    outline: none;
}

.bx-im-call-feedback-wrap-dark .bx-im-call-feedback-problem-description::-webkit-input-placeholder {
    color: #C5C5C5;
}

.bx-im-call-feedback-wrap-dark .bx-im-call-feedback-problem-description::-moz-placeholder {
    color: #C5C5C5;
}

.bx-im-call-feedback-wrap-dark .bx-im-call-feedback-problem-description:-ms-input-placeholder {
    color: #C5C5C5;
}

.bx-im-call-feedback-wrap-dark .bx-im-call-feedback-problem-description::-ms-input-placeholder {
    color: #C5C5C5;
}

.bx-im-call-feedback-wrap-dark .bx-im-call-feedback-problem-description::placeholder {
    color: #C5C5C5;
}

.bx-im-call-feedback-wrap-dark .bx-im-call-feedback-problem-description {
    border: 1px solid rgba(255,255,255,0.41);
    background: #32373D;
    color: #C5C5C5;
}

.bx-im-call-feedback-submit-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}

.bx-im-call-feedback-submit {
    width: 178px;
}

/* FILLED */
.bx-im-call-feedback-filled-wrap {
    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;
    width: 100%;
    height: 100%;
}

.bx-im-call-feedback-filled-icon {
    width: 144px;
    height: 90px;
    margin-bottom: 20px;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='144' height='90' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cpath d='M98.546 10.714a1 1 0 01.454.454l9.483 19.214 21.204 3.082a1 1 0 01.554 1.705l-15.343 14.957 3.622 21.118a1 1 0 01-1.451 1.054l-18.966-9.97-18.965 9.97a1 1 0 01-1.451-1.054l3.622-21.118-15.344-14.957a1 1 0 01.554-1.705l21.205-3.082 9.483-19.214a1 1 0 011.339-.454zm6.315 27.337l-6.812 6.912-1.716 1.714-1.684-1.714-2.654-2.753-2.403 2.439 6.757 6.917 10.915-11.076-2.403-2.439z' fill='%23FFA900'/%3E%3Cpath d='M98.103 0c24.853 0 45 20.147 45 45s-20.147 45-45 45-45-20.147-45-45 20.147-45 45-45zm0 2.5c-23.472 0-42.5 19.028-42.5 42.5s19.028 42.5 42.5 42.5 42.5-19.028 42.5-42.5-19.028-42.5-42.5-42.5z' fill='%23525C69' opacity='.173'/%3E%3Cpath d='M44.508 38.936a1.78 1.78 0 010 3.559H24.712a1.78 1.78 0 110-3.559h19.796zm3.29-11.27a1.78 1.78 0 110 3.56H13.744a1.78 1.78 0 110-3.56H47.8zm4.423-11.27a1.78 1.78 0 110 3.56H1.779a1.78 1.78 0 110-3.56h50.442z' fill-opacity='.519' fill='%23525C69'/%3E%3C/g%3E%3C/svg%3E");
}

.bx-im-call-feedback-filled-text {
    font: 18px "OpenSans-Regular", "Helvetica Neue", Arial, Helvetica, sans-serif;
    color: #525C69;
    text-align: center;
}

.bx-im-call-feedback-wrap-dark .bx-im-call-feedback-filled-icon {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='144' height='90' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cpath d='M98.546 10.714a1 1 0 01.454.454l9.483 19.214 21.204 3.082a1 1 0 01.554 1.705l-15.343 14.957 3.622 21.118a1 1 0 01-1.451 1.054l-18.966-9.97-18.965 9.97a1 1 0 01-1.451-1.054l3.622-21.118-15.344-14.957a1 1 0 01.554-1.705l21.205-3.082 9.483-19.214a1 1 0 011.339-.454zm6.315 27.337l-6.812 6.912-1.716 1.714-1.684-1.714-2.654-2.753-2.403 2.439 6.757 6.917 10.915-11.076-2.403-2.439z' fill='%23FFA900'/%3E%3Cpath d='M98.103 0c24.853 0 45 20.147 45 45s-20.147 45-45 45-45-20.147-45-45 20.147-45 45-45zm0 2.5c-23.472 0-42.5 19.028-42.5 42.5s19.028 42.5 42.5 42.5 42.5-19.028 42.5-42.5-19.028-42.5-42.5-42.5z' fill='%23FFF' opacity='.173'/%3E%3Cpath d='M44.508 38.936a1.78 1.78 0 010 3.559H24.712a1.78 1.78 0 110-3.559h19.796zm3.29-11.27a1.78 1.78 0 110 3.56H13.744a1.78 1.78 0 110-3.56H47.8zm4.423-11.27a1.78 1.78 0 110 3.56H1.779a1.78 1.78 0 110-3.56h50.442z' fill='%23FFF'/%3E%3C/g%3E%3C/svg%3E");
}

.bx-im-call-feedback-wrap-dark .bx-im-call-feedback-filled-text {
    color: #FFF;
}