| Server IP : 80.87.202.40 / Your IP : 216.73.216.169 Web Server : Apache System : Linux rospirotorg.ru 5.14.0-539.el9.x86_64 #1 SMP PREEMPT_DYNAMIC Thu Dec 5 22:26:13 UTC 2024 x86_64 User : bitrix ( 600) PHP Version : 8.2.27 Disable Function : NONE MySQL : OFF | cURL : ON | WGET : ON | Perl : ON | Python : OFF | Sudo : ON | Pkexec : ON Directory : /home/bitrix/ext_www/cvetdv.ru/bitrix/js/im/component/call-feedback/src/ |
Upload File : |
.bx-im-call-feedback-wrap {
box-sizing: border-box;
display: flex;
flex-direction: column;
justify-content: center;
padding: 21px 100px 46px;
}
/* HEADER */
.bx-im-call-feedback-header {
display: flex;
align-items: center;
justify-content: center;
margin-bottom: 24px;
}
.bx-im-call-feedback-header-title {
font: 18px/normal var(--ui-font-family-secondary, var(--ui-font-family-open-sans));
font-weight: var(--ui-font-weight-semi-bold, 600);
color: #FFF;
}
.bx-im-call-feedback-wrap-dark .bx-im-call-feedback-header-title {
color: #FFF;
}
/* CONTENT */
.bx-im-call-feedback-content {
box-sizing: border-box;
display: flex;
max-width: 383px;
min-height: 293px;
/*max-height: 293px;*/
flex-direction: column;
justify-content: center;
gap: 25px;
padding: 20px 55px 28px 55px;
border-radius: 12px;
background: rgba(0, 0, 0, 0.40);
box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.55);
}
.bx-im-call-feedback-wrap-dark .bx-im-call-feedback-content {
background: rgba(0, 0, 0, 0.40);
box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.55);
}
.bx-im-call-feedback-content-title {
font: 16px/normal var(--ui-font-family-secondary, var(--ui-font-family-open-sans));
font-weight: var(--ui-font-weight-regular, 400);
color: #FFF;
text-align: center;
}
.bx-im-call-feedback-wrap-dark .bx-im-call-feedback-content-title {
color: #FFF;
}
.bx-im-call-feedback-rating-wrap {
display: flex;
justify-content: center;
align-items: center;
gap: 5px;
}
.bx-im-call-feedback-rating-star {
width: 34px;
height: 34px;
background-position: center;
background-repeat: no-repeat;
transition: all .2s ease-in-out;
cursor: pointer;
}
.bx-im-call-feedback-rating-star-empty {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='35' height='34' viewBox='0 0 35 34' fill='none'%3E%3Cpath d='M16.6025 1.87626C16.9657 1.12031 18.0421 1.12031 18.4053 1.87626L22.1863 9.74664C22.3321 10.0501 22.6208 10.2598 22.9544 10.3047L31.608 11.4686C32.4391 11.5804 32.7718 12.6041 32.165 13.1831L25.8483 19.2111C25.6047 19.4436 25.4945 19.7829 25.5549 20.1141L27.1221 28.7038C27.2726 29.5288 26.4018 30.1615 25.6636 29.7634L17.9786 25.6186C17.6823 25.4588 17.3255 25.4588 17.0292 25.6186L9.3442 29.7634C8.60605 30.1615 7.73521 29.5288 7.88574 28.7038L9.45292 20.1141C9.51334 19.7829 9.40308 19.4436 9.15954 19.2111L2.84276 13.1831C2.23603 12.6041 2.56866 11.5804 3.39985 11.4686L12.0534 10.3047C12.3871 10.2598 12.6757 10.0501 12.8215 9.74664L16.6025 1.87626Z' fill='white' fill-opacity='0.1'/%3E%3Cpath d='M17.2786 2.20104C17.3694 2.01205 17.6385 2.01205 17.7293 2.20104L21.5103 10.0714C21.7654 10.6024 22.2706 10.9695 22.8544 11.048L31.508 12.2119C31.7158 12.2398 31.7989 12.4958 31.6473 12.6405L25.3305 18.6686C24.9043 19.0753 24.7113 19.6691 24.8171 20.2487L25.5549 20.1141L24.8171 20.2487L26.3843 28.8384C26.4219 29.0447 26.2042 29.2028 26.0196 29.1033L18.3346 24.9585C17.8161 24.6788 17.1917 24.6788 16.6732 24.9585L8.98818 29.1033C8.80364 29.2028 8.58593 29.0447 8.62356 28.8384L10.1907 20.2487C10.2965 19.6691 10.1035 19.0753 9.67733 18.6686L3.36055 12.6405C3.20887 12.4958 3.29202 12.2398 3.49982 12.2119L12.1534 11.048C12.7373 10.9695 13.2424 10.6024 13.4975 10.0714L17.2786 2.20104Z' stroke='white' stroke-opacity='0.4' stroke-width='1.5'/%3E%3C/svg%3E");
}
.bx-im-call-feedback-wrap-dark .bx-im-call-feedback-rating-star-empty {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='35' height='34' viewBox='0 0 35 34' fill='none'%3E%3Cpath d='M16.6025 1.87626C16.9657 1.12031 18.0421 1.12031 18.4053 1.87626L22.1863 9.74664C22.3321 10.0501 22.6208 10.2598 22.9544 10.3047L31.608 11.4686C32.4391 11.5804 32.7718 12.6041 32.165 13.1831L25.8483 19.2111C25.6047 19.4436 25.4945 19.7829 25.5549 20.1141L27.1221 28.7038C27.2726 29.5288 26.4018 30.1615 25.6636 29.7634L17.9786 25.6186C17.6823 25.4588 17.3255 25.4588 17.0292 25.6186L9.3442 29.7634C8.60605 30.1615 7.73521 29.5288 7.88574 28.7038L9.45292 20.1141C9.51334 19.7829 9.40308 19.4436 9.15954 19.2111L2.84276 13.1831C2.23603 12.6041 2.56866 11.5804 3.39985 11.4686L12.0534 10.3047C12.3871 10.2598 12.6757 10.0501 12.8215 9.74664L16.6025 1.87626Z' fill='white' fill-opacity='0.1'/%3E%3Cpath d='M17.2786 2.20104C17.3694 2.01205 17.6385 2.01205 17.7293 2.20104L21.5103 10.0714C21.7654 10.6024 22.2706 10.9695 22.8544 11.048L31.508 12.2119C31.7158 12.2398 31.7989 12.4958 31.6473 12.6405L25.3305 18.6686C24.9043 19.0753 24.7113 19.6691 24.8171 20.2487L25.5549 20.1141L24.8171 20.2487L26.3843 28.8384C26.4219 29.0447 26.2042 29.2028 26.0196 29.1033L18.3346 24.9585C17.8161 24.6788 17.1917 24.6788 16.6732 24.9585L8.98818 29.1033C8.80364 29.2028 8.58593 29.0447 8.62356 28.8384L10.1907 20.2487C10.2965 19.6691 10.1035 19.0753 9.67733 18.6686L3.36055 12.6405C3.20887 12.4958 3.29202 12.2398 3.49982 12.2119L12.1534 11.048C12.7373 10.9695 13.2424 10.6024 13.4975 10.0714L17.2786 2.20104Z' stroke='white' stroke-opacity='0.4' stroke-width='1.5'/%3E%3C/svg%3E");
}
.bx-im-call-feedback-rating-star-filled {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='35' height='34' viewBox='0 0 35 34' fill='none'%3E%3Cpath d='M16.6025 1.87626C16.9657 1.12031 18.0421 1.12031 18.4053 1.87626L22.1863 9.74664C22.3321 10.0501 22.6208 10.2598 22.9544 10.3047L31.608 11.4686C32.4391 11.5804 32.7718 12.6041 32.165 13.1831L25.8483 19.2111C25.6047 19.4436 25.4945 19.7829 25.5549 20.1141L27.1221 28.7038C27.2726 29.5288 26.4018 30.1615 25.6636 29.7634L17.9786 25.6186C17.6823 25.4588 17.3255 25.4588 17.0292 25.6186L9.3442 29.7634C8.60605 30.1615 7.73521 29.5288 7.88574 28.7038L9.45292 20.1141C9.51334 19.7829 9.40308 19.4436 9.15954 19.2111L2.84276 13.1831C2.23603 12.6041 2.56866 11.5804 3.39985 11.4686L12.0534 10.3047C12.3871 10.2598 12.6757 10.0501 12.8215 9.74664L16.6025 1.87626Z' fill='%23FFBB35'/%3E%3C/svg%3E");
}
.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;
user-select: none;
background: #525C69;
color: #FFF;
border: 1px solid rgba(255, 255, 255, 0.30);
}
.bx-im-call-feedback-wrap-dark .bx-im-call-feedback-problem-selected .ui-ctl-element {
background: #525C69;
color: #FFF;
border: 1px solid rgba(255, 255, 255, 0.30);
}
.bx-im-call-feedback-problem-selected {
box-sizing: border-box;
}
.bx-im-call-feedback-problem-selected .ui-ctl-element:active {
border: 1px solid rgba(255,255,255,0.41);
}
.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: #525C69;
}
.bx-im-call-feedback-problem-select-dark .popup-window-content {
background: #525C69;
}
.bx-im-call-feedback-problem-option {
padding: 10px 20px 10px 11px;
width: 274px;
overflow: hidden;
}
.bx-im-call-feedback-problem-option.menu-popup-item {
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: #FFF;
}
.bx-im-call-feedback-problem-select-dark .bx-im-call-feedback-problem-option.menu-popup-item:hover {
background: #525C69;
}
.bx-im-call-feedback-problem-select-dark .bx-im-call-feedback-problem-option.menu-popup-item:hover .menu-popup-item-text{
color: #FFF;
}
.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 {
box-sizing: border-box;
padding: 10px 11px;
margin-bottom: 15px;
width: 274px;
height: 80px;
resize: none;
font: 400 14px var(--ui-font-family-primary, var(--ui-font-family-helvetica));
color: #535C69;
border: 1px solid #C6CDD3;
}
.bx-im-call-feedback-problem-description::placeholder {
font: 400 14px var(--ui-font-family-primary, var(--ui-font-family-helvetica));
color: #535C69;
}
.bx-im-call-feedback-problem-description:focus {
outline: none;
}
.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: flex;
justify-content: center;
align-items: center;
}
.bx-im-call-feedback-submit {
width: 178px;
color: #FFF;
font: 12px/16px var(--ui-font-family-secondary, var(--ui-font-family-open-sans));
font-weight: var(--ui-font-weight-bold, 700);
text-transform: uppercase;
border-radius: 30px;
padding: 12px 45px;
}
/* FILLED */
.bx-im-call-feedback-filled-wrap {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
gap: 20px;
width: 100%;
height: 100%;
}
.bx-im-call-feedback-filled-icon {
width: 127px;
height: 78px;
background-image: url("data:image/svg+xml,%3Csvg width='127' height='78' viewBox='0 0 127 78' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='21' y='18' width='16' height='2' rx='1' fill='white' fill-opacity='0.52'/%3E%3Crect x='13' y='31' width='21' height='2' rx='1' fill='white' fill-opacity='0.52'/%3E%3Crect x='6' y='44' width='26' height='2' rx='1' fill='white' fill-opacity='0.52'/%3E%3Crect y='57' width='29' height='2' rx='1' fill='white' fill-opacity='0.52'/%3E%3Cpath d='M87.8392 11.3046C88.6724 9.57026 91.142 9.57026 91.9752 11.3046L98.6255 25.1475C98.9599 25.8437 99.6222 26.3248 100.388 26.4278L115.608 28.4749C117.515 28.7314 118.278 31.0801 116.886 32.4084L105.776 43.0109C105.217 43.5441 104.964 44.3227 105.103 45.0825L107.859 60.1905C108.205 62.0834 106.207 63.5349 104.513 62.6216L90.9963 55.3314C90.3165 54.9648 89.4979 54.9648 88.8181 55.3314L75.3013 62.6216C73.6078 63.5349 71.6099 62.0834 71.9553 60.1905L74.7117 45.0825C74.8503 44.3227 74.5974 43.5441 74.0386 43.0109L62.9283 32.4084C61.5363 31.0801 62.2994 28.7314 64.2064 28.4749L79.4268 26.4278C80.1922 26.3248 80.8545 25.8437 81.189 25.1475L87.8392 11.3046Z' fill='%23FFBB35'/%3E%3C/svg%3E%0A");
}
.bx-im-call-feedback-filled-text {
font: 16px/normal var(--ui-font-family-secondary, var(--ui-font-family-open-sans));
font-weight: var(--ui-font-weight-regular, 400);
color: #FFF;
text-align: center;
}
.bx-im-call-feedback-wrap-dark .bx-im-call-feedback-filled-icon {
background-image: url("data:image/svg+xml,%3Csvg width='127' height='78' viewBox='0 0 127 78' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='21' y='18' width='16' height='2' rx='1' fill='white' fill-opacity='0.52'/%3E%3Crect x='13' y='31' width='21' height='2' rx='1' fill='white' fill-opacity='0.52'/%3E%3Crect x='6' y='44' width='26' height='2' rx='1' fill='white' fill-opacity='0.52'/%3E%3Crect y='57' width='29' height='2' rx='1' fill='white' fill-opacity='0.52'/%3E%3Cpath d='M87.8392 11.3046C88.6724 9.57026 91.142 9.57026 91.9752 11.3046L98.6255 25.1475C98.9599 25.8437 99.6222 26.3248 100.388 26.4278L115.608 28.4749C117.515 28.7314 118.278 31.0801 116.886 32.4084L105.776 43.0109C105.217 43.5441 104.964 44.3227 105.103 45.0825L107.859 60.1905C108.205 62.0834 106.207 63.5349 104.513 62.6216L90.9963 55.3314C90.3165 54.9648 89.4979 54.9648 88.8181 55.3314L75.3013 62.6216C73.6078 63.5349 71.6099 62.0834 71.9553 60.1905L74.7117 45.0825C74.8503 44.3227 74.5974 43.5441 74.0386 43.0109L62.9283 32.4084C61.5363 31.0801 62.2994 28.7314 64.2064 28.4749L79.4268 26.4278C80.1922 26.3248 80.8545 25.8437 81.189 25.1475L87.8392 11.3046Z' fill='%23FFBB35'/%3E%3C/svg%3E%0A");
}
.bx-im-call-feedback-wrap-dark .bx-im-call-feedback-filled-text {
color: #FFF;
}