| 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/dist/ |
Upload File : |
.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: 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 {
-webkit-box-sizing: border-box;
box-sizing: border-box;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
max-width: 383px;
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;
gap: 25px;
padding: 20px 55px 28px 55px;
border-radius: 12px;
background: rgba(0, 0, 0, 0.40);
-webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.55);
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);
-webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.55);
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: -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;
gap: 5px;
}
.bx-im-call-feedback-rating-star {
width: 34px;
height: 34px;
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-empty {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='35' height='34' fill='none'%3E%3Cpath d='M16.602 1.876a1 1 0 011.803 0l3.781 7.87a1 1 0 00.768.559l8.654 1.164a1 1 0 01.557 1.714l-6.317 6.028a1 1 0 00-.293.903l1.567 8.59a1 1 0 01-1.458 1.06l-7.685-4.145a1 1 0 00-.95 0l-7.685 4.144a1 1 0 01-1.458-1.06l1.567-8.589a1 1 0 00-.293-.903l-6.317-6.028A1 1 0 013.4 11.47l8.653-1.164a1 1 0 00.768-.558l3.781-7.87z' fill='%23fff' fill-opacity='.1'/%3E%3Cpath d='M17.279 2.201a.25.25 0 01.45 0l3.781 7.87c.255.531.76.899 1.344.977l8.654 1.164a.25.25 0 01.14.428L25.33 18.67c-.427.406-.62 1-.514 1.58l.738-.135-.738.135 1.567 8.59a.25.25 0 01-.364.264l-7.685-4.145a1.75 1.75 0 00-1.662 0l-7.685 4.145a.25.25 0 01-.364-.265l1.567-8.59a1.75 1.75 0 00-.514-1.58l-6.316-6.027a.25.25 0 01.139-.43l8.653-1.163a1.75 1.75 0 001.345-.977l3.78-7.87z' stroke='%23fff' stroke-opacity='.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;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='35' height='34' fill='none'%3E%3Cpath d='M16.602 1.876a1 1 0 011.803 0l3.781 7.87a1 1 0 00.768.559l8.654 1.164a1 1 0 01.557 1.714l-6.317 6.028a1 1 0 00-.293.903l1.567 8.59a1 1 0 01-1.458 1.06l-7.685-4.145a1 1 0 00-.95 0l-7.685 4.144a1 1 0 01-1.458-1.06l1.567-8.589a1 1 0 00-.293-.903l-6.317-6.028A1 1 0 013.4 11.47l8.653-1.164a1 1 0 00.768-.558l3.781-7.87z' fill='%23fff' fill-opacity='.1'/%3E%3Cpath d='M17.279 2.201a.25.25 0 01.45 0l3.781 7.87c.255.531.76.899 1.344.977l8.654 1.164a.25.25 0 01.14.428L25.33 18.67c-.427.406-.62 1-.514 1.58l.738-.135-.738.135 1.567 8.59a.25.25 0 01-.364.264l-7.685-4.145a1.75 1.75 0 00-1.662 0l-7.685 4.145a.25.25 0 01-.364-.265l1.567-8.59a1.75 1.75 0 00-.514-1.58l-6.316-6.027a.25.25 0 01.139-.43l8.653-1.163a1.75 1.75 0 001.345-.977l3.78-7.87z' stroke='%23fff' stroke-opacity='.4' stroke-width='1.5'/%3E%3C/svg%3E");
}
.bx-im-call-feedback-rating-star-filled {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='35' height='34' fill='none'%3E%3Cpath d='M16.602 1.876a1 1 0 011.803 0l3.781 7.87a1 1 0 00.768.559l8.654 1.164a1 1 0 01.557 1.714l-6.317 6.028a1 1 0 00-.293.903l1.567 8.59a1 1 0 01-1.458 1.06l-7.685-4.145a1 1 0 00-.95 0l-7.685 4.144a1 1 0 01-1.458-1.06l1.567-8.589a1 1 0 00-.293-.903l-6.317-6.028A1 1 0 013.4 11.47l8.653-1.164a1 1 0 00.768-.558l3.781-7.87z' 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;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
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 {
-webkit-box-sizing: border-box;
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 {
-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: #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 {
-webkit-box-sizing: border-box;
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::-webkit-input-placeholder {
font: 400 14px var(--ui-font-family-primary, var(--ui-font-family-helvetica));
color: #535C69;
}
.bx-im-call-feedback-problem-description::-moz-placeholder {
font: 400 14px var(--ui-font-family-primary, var(--ui-font-family-helvetica));
color: #535C69;
}
.bx-im-call-feedback-problem-description:-ms-input-placeholder {
font: 400 14px var(--ui-font-family-primary, var(--ui-font-family-helvetica));
color: #535C69;
}
.bx-im-call-feedback-problem-description::-ms-input-placeholder {
font: 400 14px var(--ui-font-family-primary, var(--ui-font-family-helvetica));
color: #535C69;
}
.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::-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;
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: -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;
gap: 20px;
width: 100%;
height: 100%;
}
.bx-im-call-feedback-filled-icon {
width: 127px;
height: 78px;
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='127' height='78' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='21' y='18' width='16' height='2' rx='1' fill='%23fff' fill-opacity='.52'/%3E%3Crect x='13' y='31' width='21' height='2' rx='1' fill='%23fff' fill-opacity='.52'/%3E%3Crect x='6' y='44' width='26' height='2' rx='1' fill='%23fff' fill-opacity='.52'/%3E%3Crect y='57' width='29' height='2' rx='1' fill='%23fff' fill-opacity='.52'/%3E%3Cpath d='M87.84 11.305c.832-1.735 3.302-1.735 4.135 0l6.65 13.843a2.294 2.294 0 001.763 1.28l15.22 2.047c1.907.256 2.67 2.605 1.278 3.933l-11.11 10.603a2.293 2.293 0 00-.673 2.072l2.756 15.108c.346 1.892-1.652 3.344-3.346 2.43l-13.517-7.29a2.294 2.294 0 00-2.178 0l-13.517 7.29c-1.693.914-3.691-.538-3.346-2.43l2.757-15.108a2.294 2.294 0 00-.673-2.072l-11.11-10.603c-1.393-1.328-.63-3.677 1.277-3.933l15.22-2.047a2.295 2.295 0 001.763-1.28l6.65-13.843z' fill='%23FFBB35'/%3E%3C/svg%3E");
}
.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;charset=utf-8,%3Csvg width='127' height='78' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='21' y='18' width='16' height='2' rx='1' fill='%23fff' fill-opacity='.52'/%3E%3Crect x='13' y='31' width='21' height='2' rx='1' fill='%23fff' fill-opacity='.52'/%3E%3Crect x='6' y='44' width='26' height='2' rx='1' fill='%23fff' fill-opacity='.52'/%3E%3Crect y='57' width='29' height='2' rx='1' fill='%23fff' fill-opacity='.52'/%3E%3Cpath d='M87.84 11.305c.832-1.735 3.302-1.735 4.135 0l6.65 13.843a2.294 2.294 0 001.763 1.28l15.22 2.047c1.907.256 2.67 2.605 1.278 3.933l-11.11 10.603a2.293 2.293 0 00-.673 2.072l2.756 15.108c.346 1.892-1.652 3.344-3.346 2.43l-13.517-7.29a2.294 2.294 0 00-2.178 0l-13.517 7.29c-1.693.914-3.691-.538-3.346-2.43l2.757-15.108a2.294 2.294 0 00-.673-2.072l-11.11-10.603c-1.393-1.328-.63-3.677 1.277-3.933l15.22-2.047a2.295 2.295 0 001.763-1.28l6.65-13.843z' fill='%23FFBB35'/%3E%3C/svg%3E");
}
.bx-im-call-feedback-wrap-dark .bx-im-call-feedback-filled-text {
color: #FFF;
}