/* Start:/bitrix/templates/kavo_tp_new/css/banner.css?17503362843437*/ .cookie-banner { position: fixed; bottom: 0; left: 0; width: 100%; z-index: 9999; display: flex; align-items: center; justify-content: center; margin: 0; padding: 20px 20px 20px 0; transform: translateY(100%); opacity: 0; visibility: hidden; transition: transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94), opacity 0.4s ease-in-out, visibility 0.4s ease-in-out; } .cookie-banner.show { transform: translateY(0); opacity: 1; visibility: visible; } .cookie-banner__content { position: relative; width: calc(100% - 2 * 68px); max-width: 1865px; height: 85px; left: 0; bottom: 0; background: #FFFFFF; display: flex; align-items: center; justify-content: space-between; font-family: 'Verdana', sans-serif; font-size: 17px; line-height: 20px; color: #000; box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.1); margin-bottom: 0; padding: 0 30px; transform: translateY(20px); transition: transform 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.1s; } .cookie-banner.show .cookie-banner__content { transform: translateY(0); } .cookie-banner__text { padding-right: 20px; opacity: 0; transform: translateX(-20px); transition: opacity 0.4s ease-in-out 0.2s, transform 0.4s ease-in-out 0.2s; } .cookie-banner.show .cookie-banner__text { opacity: 1; transform: translateX(0); } .cookie-banner__text a { color: #2D6DA9; text-decoration: underline; transition: color 0.2s ease; } .cookie-banner__text a:hover { color: #1a4d7a; } .cookie-banner__button { box-sizing: border-box; width: 105px; height: 40px; border: 1px solid #2D6DA9; border-radius: 100px; background: transparent; color: #2D6DA9; font-family: 'Verdana', sans-serif; font-size: 14px; line-height: 20px; cursor: pointer; display: flex; justify-content: center; align-items: center; padding: 10px; margin-left: 20px; opacity: 0; transform: translateX(20px) scale(0.9); transition: all 0.3s ease, opacity 0.4s ease-in-out 0.3s, transform 0.4s ease-in-out 0.3s; } .cookie-banner.show .cookie-banner__button { opacity: 1; transform: translateX(0) scale(1); } .cookie-banner__button:hover { background: #2D6DA9; color: #FFFFFF; transform: translateX(0) scale(1.05); } .cookie-banner__button:active { transform: translateX(0) scale(0.95.cookie-banner); } @media screen and (max-width: 768px) { .cookie-banner { padding: 0px; } .cookie-banner__content { width: calc(100% - 40px); height: auto; flex-direction: column; padding: 20px; gap: 15px; margin: 0; } .cookie-banner__text { text-align: center; padding-right: 0; transform: translateY(-10px); } .cookie-banner.show .cookie-banner__text { transform: translateY(0); } .cookie-banner__button { width: auto; padding: 10px 20px; margin-left: 0; transform: translateY(10px) scale(0.9); } .cookie-banner.show .cookie-banner__button { transform: translateY(0) scale(1); } .cookie-banner__button:hover { transform: translateY(0) scale(1.02); } } .cookie-banner.hidden { transform: translateY(100%); opacity: 0; visibility: hidden; } /* End */ /* Start:/bitrix/templates/kavo_tp_new/css/lib/fancybox@3.5.7/jquery.fancybox.min.css?174854545712795*/ body.compensate-for-scrollbar{overflow:hidden}.fancybox-active{height:auto}.fancybox-is-hidden{left:-9999px;margin:0;position:absolute!important;top:-9999px;visibility:hidden}.fancybox-container{-webkit-backface-visibility:hidden;height:100%;left:0;outline:none;position:fixed;-webkit-tap-highlight-color:transparent;top:0;-ms-touch-action:manipulation;touch-action:manipulation;transform:translateZ(0);width:100%;z-index:99992}.fancybox-container *{box-sizing:border-box}.fancybox-bg,.fancybox-inner,.fancybox-outer,.fancybox-stage{bottom:0;left:0;position:absolute;right:0;top:0}.fancybox-outer{-webkit-overflow-scrolling:touch;overflow-y:auto}.fancybox-bg{background:#1e1e1e;opacity:0;transition-duration:inherit;transition-property:opacity;transition-timing-function:cubic-bezier(.47,0,.74,.71)}.fancybox-is-open .fancybox-bg{opacity:.9;transition-timing-function:cubic-bezier(.22,.61,.36,1)}.fancybox-caption,.fancybox-infobar,.fancybox-navigation .fancybox-button,.fancybox-toolbar{direction:ltr;opacity:0;position:absolute;transition:opacity .25s ease,visibility 0s ease .25s;visibility:hidden;z-index:99997}.fancybox-show-caption .fancybox-caption,.fancybox-show-infobar .fancybox-infobar,.fancybox-show-nav .fancybox-navigation .fancybox-button,.fancybox-show-toolbar .fancybox-toolbar{opacity:1;transition:opacity .25s ease 0s,visibility 0s ease 0s;visibility:visible}.fancybox-infobar{color:#ccc;font-size:13px;-webkit-font-smoothing:subpixel-antialiased;height:44px;left:0;line-height:44px;min-width:44px;mix-blend-mode:difference;padding:0 10px;pointer-events:none;top:0;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.fancybox-toolbar{right:0;top:0}.fancybox-stage{direction:ltr;overflow:visible;transform:translateZ(0);z-index:99994}.fancybox-is-open .fancybox-stage{overflow:hidden}.fancybox-slide{-webkit-backface-visibility:hidden;display:none;height:100%;left:0;outline:none;overflow:auto;-webkit-overflow-scrolling:touch;padding:44px;position:absolute;text-align:center;top:0;transition-property:transform,opacity;white-space:normal;width:100%;z-index:99994}.fancybox-slide:before{content:"";display:inline-block;font-size:0;height:100%;vertical-align:middle;width:0}.fancybox-is-sliding .fancybox-slide,.fancybox-slide--current,.fancybox-slide--next,.fancybox-slide--previous{display:block}.fancybox-slide--image{overflow:hidden;padding:44px 0}.fancybox-slide--image:before{display:none}.fancybox-slide--html{padding:6px}.fancybox-content{background:#fff;display:inline-block;margin:0;max-width:100%;overflow:auto;-webkit-overflow-scrolling:touch;padding:44px;position:relative;text-align:left;vertical-align:middle}.fancybox-slide--image .fancybox-content{animation-timing-function:cubic-bezier(.5,0,.14,1);-webkit-backface-visibility:hidden;background:transparent;background-repeat:no-repeat;background-size:100% 100%;left:0;max-width:none;overflow:visible;padding:0;position:absolute;top:0;transform-origin:top left;transition-property:transform,opacity;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:99995}.fancybox-can-zoomOut .fancybox-content{cursor:zoom-out}.fancybox-can-zoomIn .fancybox-content{cursor:zoom-in}.fancybox-can-pan .fancybox-content,.fancybox-can-swipe .fancybox-content{cursor:grab}.fancybox-is-grabbing .fancybox-content{cursor:grabbing}.fancybox-container [data-selectable=true]{cursor:text}.fancybox-image,.fancybox-spaceball{background:transparent;border:0;height:100%;left:0;margin:0;max-height:none;max-width:none;padding:0;position:absolute;top:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:100%}.fancybox-spaceball{z-index:1}.fancybox-slide--iframe .fancybox-content,.fancybox-slide--map .fancybox-content,.fancybox-slide--pdf .fancybox-content,.fancybox-slide--video .fancybox-content{height:100%;overflow:visible;padding:0;width:100%}.fancybox-slide--video .fancybox-content{background:#000}.fancybox-slide--map .fancybox-content{background:#e5e3df}.fancybox-slide--iframe .fancybox-content{background:#fff}.fancybox-iframe,.fancybox-video{background:transparent;border:0;display:block;height:100%;margin:0;overflow:hidden;padding:0;width:100%}.fancybox-iframe{left:0;position:absolute;top:0}.fancybox-error{background:#fff;cursor:default;max-width:400px;padding:40px;width:100%}.fancybox-error p{color:#444;font-size:16px;line-height:20px;margin:0;padding:0}.fancybox-button{background:rgba(30,30,30,.6);border:0;border-radius:0;box-shadow:none;cursor:pointer;display:inline-block;height:44px;margin:0;padding:10px;position:relative;transition:color .2s;vertical-align:top;visibility:inherit;width:44px}.fancybox-button,.fancybox-button:link,.fancybox-button:visited{color:#ccc}.fancybox-button:hover{color:#fff}.fancybox-button:focus{outline:none}.fancybox-button.fancybox-focus{outline:1px dotted}.fancybox-button[disabled],.fancybox-button[disabled]:hover{color:#888;cursor:default;outline:none}.fancybox-button div{height:100%}.fancybox-button svg{display:block;height:100%;overflow:visible;position:relative;width:100%}.fancybox-button svg path{fill:currentColor;stroke-width:0}.fancybox-button--fsenter svg:nth-child(2),.fancybox-button--fsexit svg:first-child,.fancybox-button--pause svg:first-child,.fancybox-button--play svg:nth-child(2){display:none}.fancybox-progress{background:#ff5268;height:2px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transform-origin:0;transition-property:transform;transition-timing-function:linear;z-index:99998}.fancybox-close-small{background:transparent;border:0;border-radius:0;color:#ccc;cursor:pointer;opacity:.8;padding:8px;position:absolute;right:-12px;top:-44px;z-index:401}.fancybox-close-small:hover{color:#fff;opacity:1}.fancybox-slide--html .fancybox-close-small{color:currentColor;padding:10px;right:0;top:0}.fancybox-slide--image.fancybox-is-scaling .fancybox-content{overflow:hidden}.fancybox-is-scaling .fancybox-close-small,.fancybox-is-zoomable.fancybox-can-pan .fancybox-close-small{display:none}.fancybox-navigation .fancybox-button{background-clip:content-box;height:100px;opacity:0;position:absolute;top:calc(50% - 50px);width:70px}.fancybox-navigation .fancybox-button div{padding:7px}.fancybox-navigation .fancybox-button--arrow_left{left:0;left:env(safe-area-inset-left);padding:31px 26px 31px 6px}.fancybox-navigation .fancybox-button--arrow_right{padding:31px 6px 31px 26px;right:0;right:env(safe-area-inset-right)}.fancybox-caption{background:linear-gradient(0deg,rgba(0,0,0,.85) 0,rgba(0,0,0,.3) 50%,rgba(0,0,0,.15) 65%,rgba(0,0,0,.075) 75.5%,rgba(0,0,0,.037) 82.85%,rgba(0,0,0,.019) 88%,transparent);bottom:0;color:#eee;font-size:14px;font-weight:400;left:0;line-height:1.5;padding:75px 44px 25px;pointer-events:none;right:0;text-align:center;z-index:99996}@supports (padding:max(0px)){.fancybox-caption{padding:75px max(44px,env(safe-area-inset-right)) max(25px,env(safe-area-inset-bottom)) max(44px,env(safe-area-inset-left))}}.fancybox-caption--separate{margin-top:-50px}.fancybox-caption__body{max-height:50vh;overflow:auto;pointer-events:all}.fancybox-caption a,.fancybox-caption a:link,.fancybox-caption a:visited{color:#ccc;text-decoration:none}.fancybox-caption a:hover{color:#fff;text-decoration:underline}.fancybox-loading{animation:a 1s linear infinite;background:transparent;border:4px solid #888;border-bottom-color:#fff;border-radius:50%;height:50px;left:50%;margin:-25px 0 0 -25px;opacity:.7;padding:0;position:absolute;top:50%;width:50px;z-index:99999}@keyframes a{to{transform:rotate(1turn)}}.fancybox-animated{transition-timing-function:cubic-bezier(0,0,.25,1)}.fancybox-fx-slide.fancybox-slide--previous{opacity:0;transform:translate3d(-100%,0,0)}.fancybox-fx-slide.fancybox-slide--next{opacity:0;transform:translate3d(100%,0,0)}.fancybox-fx-slide.fancybox-slide--current{opacity:1;transform:translateZ(0)}.fancybox-fx-fade.fancybox-slide--next,.fancybox-fx-fade.fancybox-slide--previous{opacity:0;transition-timing-function:cubic-bezier(.19,1,.22,1)}.fancybox-fx-fade.fancybox-slide--current{opacity:1}.fancybox-fx-zoom-in-out.fancybox-slide--previous{opacity:0;transform:scale3d(1.5,1.5,1.5)}.fancybox-fx-zoom-in-out.fancybox-slide--next{opacity:0;transform:scale3d(.5,.5,.5)}.fancybox-fx-zoom-in-out.fancybox-slide--current{opacity:1;transform:scaleX(1)}.fancybox-fx-rotate.fancybox-slide--previous{opacity:0;transform:rotate(-1turn)}.fancybox-fx-rotate.fancybox-slide--next{opacity:0;transform:rotate(1turn)}.fancybox-fx-rotate.fancybox-slide--current{opacity:1;transform:rotate(0deg)}.fancybox-fx-circular.fancybox-slide--previous{opacity:0;transform:scale3d(0,0,0) translate3d(-100%,0,0)}.fancybox-fx-circular.fancybox-slide--next{opacity:0;transform:scale3d(0,0,0) translate3d(100%,0,0)}.fancybox-fx-circular.fancybox-slide--current{opacity:1;transform:scaleX(1) translateZ(0)}.fancybox-fx-tube.fancybox-slide--previous{transform:translate3d(-100%,0,0) scale(.1) skew(-10deg)}.fancybox-fx-tube.fancybox-slide--next{transform:translate3d(100%,0,0) scale(.1) skew(10deg)}.fancybox-fx-tube.fancybox-slide--current{transform:translateZ(0) scale(1)}@media (max-height:576px){.fancybox-slide{padding-left:6px;padding-right:6px}.fancybox-slide--image{padding:6px 0}.fancybox-close-small{right:-6px}.fancybox-slide--image .fancybox-close-small{background:#4e4e4e;color:#f2f4f6;height:36px;opacity:1;padding:6px;right:0;top:0;width:36px}.fancybox-caption{padding-left:12px;padding-right:12px}@supports (padding:max(0px)){.fancybox-caption{padding-left:max(12px,env(safe-area-inset-left));padding-right:max(12px,env(safe-area-inset-right))}}}.fancybox-share{background:#f4f4f4;border-radius:3px;max-width:90%;padding:30px;text-align:center}.fancybox-share h1{color:#222;font-size:35px;font-weight:700;margin:0 0 20px}.fancybox-share p{margin:0;padding:0}.fancybox-share__button{border:0;border-radius:3px;display:inline-block;font-size:14px;font-weight:700;line-height:40px;margin:0 5px 10px;min-width:130px;padding:0 15px;text-decoration:none;transition:all .2s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;white-space:nowrap}.fancybox-share__button:link,.fancybox-share__button:visited{color:#fff}.fancybox-share__button:hover{text-decoration:none}.fancybox-share__button--fb{background:#3b5998}.fancybox-share__button--fb:hover{background:#344e86}.fancybox-share__button--pt{background:#bd081d}.fancybox-share__button--pt:hover{background:#aa0719}.fancybox-share__button--tw{background:#1da1f2}.fancybox-share__button--tw:hover{background:#0d95e8}.fancybox-share__button svg{height:25px;margin-right:7px;position:relative;top:-1px;vertical-align:middle;width:25px}.fancybox-share__button svg path{fill:#fff}.fancybox-share__input{background:transparent;border:0;border-bottom:1px solid #d7d7d7;border-radius:0;color:#5d5b5b;font-size:14px;margin:10px 0 0;outline:none;padding:10px 15px;width:100%}.fancybox-thumbs{background:#ddd;bottom:0;display:none;margin:0;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar;padding:2px 2px 4px;position:absolute;right:0;-webkit-tap-highlight-color:rgba(0,0,0,0);top:0;width:212px;z-index:99995}.fancybox-thumbs-x{overflow-x:auto;overflow-y:hidden}.fancybox-show-thumbs .fancybox-thumbs{display:block}.fancybox-show-thumbs .fancybox-inner{right:212px}.fancybox-thumbs__list{font-size:0;height:100%;list-style:none;margin:0;overflow-x:hidden;overflow-y:auto;padding:0;position:absolute;position:relative;white-space:nowrap;width:100%}.fancybox-thumbs-x .fancybox-thumbs__list{overflow:hidden}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar{width:7px}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-track{background:#fff;border-radius:10px;box-shadow:inset 0 0 6px rgba(0,0,0,.3)}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-thumb{background:#2a2a2a;border-radius:10px}.fancybox-thumbs__list a{-webkit-backface-visibility:hidden;backface-visibility:hidden;background-color:rgba(0,0,0,.1);background-position:50%;background-repeat:no-repeat;background-size:cover;cursor:pointer;float:left;height:75px;margin:2px;max-height:calc(100% - 8px);max-width:calc(50% - 4px);outline:none;overflow:hidden;padding:0;position:relative;-webkit-tap-highlight-color:transparent;width:100px}.fancybox-thumbs__list a:before{border:6px solid #ff5268;bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:all .2s cubic-bezier(.25,.46,.45,.94);z-index:99991}.fancybox-thumbs__list a:focus:before{opacity:.5}.fancybox-thumbs__list a.fancybox-thumbs-active:before{opacity:1}@media (max-width:576px){.fancybox-thumbs{width:110px}.fancybox-show-thumbs .fancybox-inner{right:110px}.fancybox-thumbs__list a{max-width:calc(100% - 10px)}} /* End */ /* Start:/bitrix/templates/kavo_tp_new/css/main.css?1744967389138846*/ @charset "UTF-8"; /** * normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */ /* Document ========================================================================== */ /** * 1. Correct the line height in all browsers. * 2. Prevent adjustments of font size after orientation changes in iOS. */ @font-face { font-family: 'Verdana'; font-style: italic; font-weight: 400; src: local('Verdana'), url('/bitrix/templates/kavo_tp_new/VERDANAI.woff') format('woff'); } html { line-height: 1.15; /* 1 */ -webkit-text-size-adjust: 100%; /* 2 */ } /* Sections ========================================================================== */ /** * Remove the margin in all browsers. */ body { margin: 0; } /** * Render the `main` element consistently in IE. */ main { display: block; } /** * Correct the font size and margin on `h1` elements within `section` and * `article` contexts in Chrome, Firefox, and Safari. */ h1 { font-size: 2em; margin: 0.67em 0; } /* Grouping content ========================================================================== */ /** * 1. Add the correct box sizing in Firefox. * 2. Show the overflow in Edge and IE. */ hr { box-sizing: content-box; /* 1 */ height: 0; /* 1 */ overflow: visible; /* 2 */ } /** * 1. Correct the inheritance and scaling of font size in all browsers. * 2. Correct the odd `em` font sizing in all browsers. */ pre { font: 1em monospace, monospace; /* 1 */ /* 2 */ } /* Text-level semantics ========================================================================== */ /** * Remove the gray background on active links in IE 10. */ a { background: transparent; } /** * 1. Remove the bottom border in Chrome 57- * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari. */ abbr[title] { border-bottom: none; /* 1 */ text-decoration: underline; /* 2 */ -webkit-text-decoration: underline dotted; text-decoration: underline dotted; /* 2 */ } /** * Add the correct font weight in Chrome, Edge, and Safari. */ b, strong { font-weight: bolder; } /** * 1. Correct the inheritance and scaling of font size in all browsers. * 2. Correct the odd `em` font sizing in all browsers. */ code, kbd, samp { font: 1em monospace, monospace; /* 1 */ /* 2 */ } /** * Add the correct font size in all browsers. */ small { font-size: 80%; } /** * Prevent `sub` and `sup` elements from affecting the line height in * all browsers. */ sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sub { bottom: -0.25em; } sup { top: -0.5em; } /* Embedded content ========================================================================== */ /** * Remove the border on images inside links in IE 10. */ img { border-style: none; } /* Forms ========================================================================== */ /** * 1. Change the font styles in all browsers. * 2. Remove the margin in Firefox and Safari. */ button, input, optgroup, select, textarea { font: 100%/1.15 inherit; /* 1 */ /* 1 */ /* 1 */ margin: 0; /* 2 */ } /** * Show the overflow in IE. * 1. Show the overflow in Edge. */ button, input { /* 1 */ overflow: visible; } /** * Remove the inheritance of text transform in Edge, Firefox, and IE. * 1. Remove the inheritance of text transform in Firefox. */ button, select { /* 1 */ text-transform: none; } /** * Correct the inability to style clickable types in iOS and Safari. */ button, [type=button], [type=reset], [type=submit] { -webkit-appearance: button; } /** * Remove the inner border and padding in Firefox. */ button::-moz-focus-inner, [type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner { border-style: none; padding: 0; } /** * Restore the focus styles unset by the previous rule. */ button:-moz-focusring, [type=button]:-moz-focusring, [type=reset]:-moz-focusring, [type=submit]:-moz-focusring { outline: 1px dotted ButtonText; } /** * Correct the padding in Firefox. */ fieldset { padding: 0.35em 0.75em 0.625em; } /** * 1. Correct the text wrapping in Edge and IE. * 2. Correct the color inheritance from `fieldset` elements in IE. * 3. Remove the padding so developers are not caught out when they zero out * `fieldset` elements in all browsers. */ legend { box-sizing: border-box; /* 1 */ color: inherit; /* 2 */ display: table; /* 1 */ max-width: 100%; /* 1 */ padding: 0; /* 3 */ white-space: normal; /* 1 */ } /** * Add the correct vertical alignment in Chrome, Firefox, and Opera. */ progress { vertical-align: baseline; } /** * Remove the default vertical scrollbar in IE 10+. */ textarea { overflow: auto; } /** * 1. Add the correct box sizing in IE 10. * 2. Remove the padding in IE 10. */ [type=checkbox], [type=radio] { box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ } /** * Correct the cursor style of increment and decrement buttons in Chrome. */ [type=number]::-webkit-inner-spin-button, [type=number]::-webkit-outer-spin-button { height: auto; } /** * 1. Correct the odd appearance in Chrome and Safari. * 2. Correct the outline style in Safari. */ [type=search] { -webkit-appearance: textfield; /* 1 */ outline-offset: -2px; /* 2 */ } /** * Remove the inner padding in Chrome and Safari on macOS. */ [type=search]::-webkit-search-decoration { -webkit-appearance: none; } /** * 1. Correct the inability to style clickable types in iOS and Safari. * 2. Change font properties to `inherit` in Safari. */ ::-webkit-file-upload-button { -webkit-appearance: button; /* 1 */ font: inherit; /* 2 */ } /* Interactive ========================================================================== */ /* * Add the correct display in Edge, IE 10+, and Firefox. */ details { display: block; } /* * Add the correct display in all browsers. */ summary { display: list-item; } /* Misc ========================================================================== */ /** * Add the correct display in IE 10+. */ template { display: none; } /** * Add the correct display in IE 10. */ [hidden] { display: none; } menu { margin: 0; padding: 0; } ul { margin: 0; padding: 0; } /* width */ ::-webkit-scrollbar { width: 8px; } /* Track */ ::-webkit-scrollbar-track { border-radius: 10px; } /* Handle */ ::-webkit-scrollbar-thumb { background: #c4c7c5; border-radius: 10px; } body { min-height: 100vh; display: flex; flex-direction: column; font: normal 400 16px/24px "Verdana", sans-serif; overflow-x: hidden; scrollbar-width: thin; } h1 { font: 700 28px/32px "Verdana", sans-serif; color: #1c1b1f; margin: 0; } h1 span { font: normal 700 28px/32px "Verdana", sans-serif; margin-left: 20px; color: #938f99; } main { min-height: calc(100vh - 80px); background: url(/bitrix/templates/kavo_tp_new/css/../../img/bg.svg); background-repeat: no-repeat; background-position: left top; } .hidden { display: none !important; } .no_scroll { overflow: hidden; } .header_block { display: flex; align-items: center; justify-content: flex-start; padding: 0 24px; border-bottom: 1px solid #ebebeb; height: 77px; } .header_block_menu { display: flex; align-items: center; justify-content: flex-start; height: 100%; } .header_block_menu__items { display: flex; list-style: none; align-items: stretch; margin-left: 32px; height: 100%; } .header_block_menu__item a { font: normal 400 16px/24px "Arimo", sans-serif; text-align: center; letter-spacing: 0.1px; color: #79747e; margin-right: 24px; text-decoration: none; display: flex; height: 100%; align-items: center; position: relative; } .header_block_menu__item.active a { color: #2d6da9; } .header_block_menu__item.active a::before { content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 3px; background: #2d6da9; border-radius: 4px 4px 0px 0px; } @keyframes menuOpen { from { width: 0; } to { width: 390px; } } @keyframes menuClose { from { width: 390px; } to { width: 0; } } @keyframes menuOpen100 { from { width: 0; } to { width: 390px; } } @keyframes menuClose100 { from { width: 390px; } to { width: 0; } } .header_block__burger { display: none; } @media (max-width: 767px) { h1 span { font-size: 24px; margin: 0; display: flex; justify-content: flex-start; margin-top: 14px; } } .title_block { padding: 28px 24px 0 48px; display: flex; align-items: center; justify-content: space-between; } .title_block__h1 { margin-bottom: 24px; } .title_block__btn { display: flex; align-items: center; justify-content: flex-start; } .title_block__btn button { margin-left: 12px; } .title_block__btn-between { justify-content: space-between; width: 100%; } .title_block__btn-between select { height: 56px; background: #f7f7f7; border-radius: 4px 4px 0px 0px; border: none; border-bottom: 1px solid #cac4d0; font-size: 16px; line-height: 24px; letter-spacing: 0.5px; color: #49454f; padding: 16px 35px 16px 16px; box-sizing: border-box; width: 100%; -webkit-appearance: none; -moz-appearance: none; appearance: none; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; outline: none; margin: 0; } .title_block__row { padding: 28px 48px; display: flex; align-items: flex-start; justify-content: space-between; flex-direction: column; } .title_block__info { font: 14px/20px "Verdana", sans-serif; color: #79747e; margin-top: 24px; text-align: left; } .title_block__info a { color: #2d6da9; text-decoration: none; } .title_block__breadcrumbs { display: flex; align-items: stretch; justify-content: space-between; flex-direction: column; } .title_block__breadcrumbs h1 { margin: 16px 0 24px; } .title_block__breadcrumbs .title_block__h1 { border-bottom: 1px solid #ebebeb; } .title_block__breadcrumb ul { list-style: none; display: flex; align-items: center; justify-content: flex-start; } .title_block__breadcrumb li { font: normal 400 12px/16px "Verdana", sans-serif; color: #1c1b1f; color: #1c1b1f; display: flex; align-items: center; } .title_block__breadcrumb li a { font: normal 400 12px/16px "Verdana", sans-serif; color: #79747e; text-decoration: none; } .title_block__breadcrumb li a:hover { font: normal 400 12px/16px "Verdana", sans-serif; color: #2d6da9; } .title_block__breadcrumb li span { font: normal 400 12px/16px "Verdana", sans-serif; margin: 0 2px; color: #79747e; display: flex; align-items: flex-start; } .title_block__tabs { display: flex; flex-direction: column; align-items: flex-start; padding-top: 24px; padding-bottom: 24px; border-bottom: 1px solid #ebebeb; } .title_block__tabs .title_block__h1 { margin-bottom: 16px; } .title_block__tab { max-width: 100%; padding: 5px 0; overflow: hidden; } .title_block__tab ul { list-style: none; display: flex; align-items: center; justify-content: flex-start; flex-wrap: wrap; gap: 10px 0; } .title_block__tab ul li { margin-right: 8px; } @media (max-width: 767px) { .title_block__h1 { margin: 16px 0 25px; } .title_block__breadcrumb { display: none; } .title_block { padding: 16px; display: flex; align-items: flex-start; justify-content: space-between; flex-direction: column; padding-top: 57px; overflow: hidden; } .title_block__tabs { border-bottom: none; } .title_block__h1 h1 { font-size: 24px; font-family: "Verdana", sans-serif; font-weight: 700; line-height: 32px; margin: 0; } .title_block__btn { display: flex; align-items: center; justify-content: flex-start; flex-direction: column-reverse; width: 100%; } .title_block__btn button { margin-bottom: 12px; width: 100%; } .title_block__breadcrumbs .title_block__h1 { border: none; } .block_claim__inputs-select { width: 100%; } } .block_filters__close { background: #fff; position: absolute; right: 0; cursor: pointer; background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIj4KICA8cGF0aCBkPSJNMTkgNi40MUwxNy41OSA1TDEyIDEwLjU5TDYuNDEgNUw1IDYuNDFMMTAuNTkgMTJMNSAxNy41OUw2LjQxIDE5TDEyIDEzLjQxTDE3LjU5IDE5TDE5IDE3LjU5TDEzLjQxIDEyTDE5IDYuNDFaIiBmaWxsPSJibGFjayIvPgo8L3N2Zz4=); width: 24px; height: 24px; font-size: 0; } .block_filters { position: fixed; bottom: 0; top: 0; background: #fff; z-index: 99; width: 390px; transition: all 1s ease; left: 100%; overflow: hidden; } .block_filters.active { left: calc(100% - 390px); transition: all 1s ease; margin-bottom: 0; } .block_filters__body { overflow: hidden; overflow-y: auto; } .block_filters__content { padding: 24px; overflow: hidden; overflow-y: auto; max-height: calc(100% - 160px); } .block_filters__over { position: absolute; left: 0; right: 0; top: 0; bottom: 0; background: #000000; opacity: 0.3; transition: all 1.5s ease; } .block_filters__input { position: relative; } .block_filters__input button { display: none; position: absolute; right: 8px; top: 15px; width: 25px; height: 25px; align-items: center; justify-content: center; box-sizing: border-box; border: none; } .block_filters__input input { width: 100%; height: 56px; background: #f2f2f2; border-radius: 4px 4px 0px 0px; border: none; border-bottom: 1px solid #cac4d0; margin-bottom: 15px; font-size: 16px; line-height: 24px; letter-spacing: 0.5px; color: #49454f; padding: 16px; box-sizing: border-box; } .block_filters__input input::-moz-placeholder { color: #49454f; } .block_filters__input input::placeholder { color: #49454f; } .block_filters__input input[type=text]:disabled { color: #1c1b1f; opacity: 0.4; border-bottom: 1px solid #1c1b1f; } .block_filters__input input[type=text]:disabled:hover { background: #f2f2f2; } .block_filters__input input input::-webkit-inner-spin-button, .block_filters__input input input::-webkit-outer-spin-button { -webkit-appearance: none; appearance: none; } .block_filters__input input:hover { background: #e3e3e3; } .block_filters__input input:focus { background: #e3e3e3; outline: none; border-bottom: 2px solid #2d6da9; } .block_filters__input input[type=text]:focus + button { background: #e3e3e3; background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIj4KICA8cGF0aCBkPSJNMTIgMkM2LjQ3IDIgMiA2LjQ3IDIgMTJDMiAxNy41MyA2LjQ3IDIyIDEyIDIyQzE3LjUzIDIyIDIyIDE3LjUzIDIyIDEyQzIyIDYuNDcgMTcuNTMgMiAxMiAyWk0xNyAxNS41OUwxNS41OSAxN0wxMiAxMy40MUw4LjQxIDE3TDcgMTUuNTlMMTAuNTkgMTJMNyA4LjQxTDguNDEgN0wxMiAxMC41OUwxNS41OSA3TDE3IDguNDFMMTMuNDEgMTJMMTcgMTUuNTlaIiBmaWxsPSIjOTM4Rjk5Ii8+Cjwvc3ZnPg==); display: flex; } .block_filters__input input[type=text].block_filters__input-error { background: #f2f2f2; color: #b3261e; border-bottom: 2px solid #b3261e; } .block_filters__input input[type=text].block_filters__input-error::-moz-placeholder { color: #b3261e; } .block_filters__input input[type=text].block_filters__input-error::placeholder { color: #b3261e; } .block_filters__input input[type=text].error { background: #f2f2f2; color: #b3261e; border-bottom: 2px solid #b3261e; } .block_filters__input input[type=text].error::-moz-placeholder { color: #b3261e; } .block_filters__input input[type=text].error::placeholder { color: #b3261e; } .block_filters__input input[type=text].block_filters__input-error + button { background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIj4KICA8cGF0aCBkPSJNMTIgMkM2LjQ4IDIgMiA2LjQ4IDIgMTJDMiAxNy41MiA2LjQ4IDIyIDEyIDIyQzE3LjUyIDIyIDIyIDE3LjUyIDIyIDEyQzIyIDYuNDggMTcuNTIgMiAxMiAyWk0xMyAxN0gxMVYxNUgxM1YxN1pNMTMgMTNIMTFWN0gxM1YxM1oiIGZpbGw9IiNCMzI2MUUiLz4KPC9zdmc+"); background-repeat: no-repeat; display: flex; } .block_filters__input-select { position: relative; } .block_filters__input-select::after { content: ""; position: absolute; background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNSIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI1IDI0IiBmaWxsPSJub25lIj4KPHBhdGggZD0iTTcuNTk5NjEgMTBMMTIuNTk5NiAxNUwxNy41OTk2IDEwSDcuNTk5NjFaIiBmaWxsPSIjNDk0NTRGIi8+Cjwvc3ZnPg=="); width: 25px; height: 25px; display: flex; align-items: center; justify-content: center; right: 8px; top: 25%; } .block_filters__input-select.error::after { content: ""; position: absolute; background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIj4KICA8cGF0aCBkPSJNMTIgMkM2LjQ4IDIgMiA2LjQ4IDIgMTJDMiAxNy41MiA2LjQ4IDIyIDEyIDIyQzE3LjUyIDIyIDIyIDE3LjUyIDIyIDEyQzIyIDYuNDggMTcuNTIgMiAxMiAyWk0xMyAxN0gxMVYxNUgxM1YxN1pNMTMgMTNIMTFWN0gxM1YxM1oiIGZpbGw9IiNCMzI2MUUiLz4KPC9zdmc+); width: 25px; height: 25px; display: flex; align-items: center; justify-content: center; right: 8px; top: 25%; } .block_filters__input-date { position: relative; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .block_filters__input-date input::-webkit-inner-spin-button, .block_filters__input-date input::-webkit-outer-spin-button { -webkit-appearance: none; appearance: none; } .block_filters__input-date::after + input[type=text] { background: #f7f7f7; content: ""; position: absolute; width: 25px; height: 25px; display: flex; align-items: center; justify-content: center; right: 8px; background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xOSA0SDE4VjJIMTZWNEg4VjJINlY0SDVDMy44OSA0IDMgNC45IDMgNlYyMEMzIDIxLjEgMy44OSAyMiA1IDIySDE5QzIwLjEgMjIgMjEgMjEuMSAyMSAyMFY2QzIxIDQuOSAyMC4xIDQgMTkgNFpNMTkgMjBINVY5SDE5VjIwWk02LjUgMTNDNi41IDExLjYyIDcuNjIgMTAuNSA5IDEwLjVDMTAuMzggMTAuNSAxMS41IDExLjYyIDExLjUgMTNDMTEuNSAxNC4zOCAxMC4zOCAxNS41IDkgMTUuNUM3LjYyIDE1LjUgNi41IDE0LjM4IDYuNSAxM1oiIGZpbGw9IiM0OTQ1NEYiLz4KPC9zdmc+); top: 23%; } .block_filters__input input[type=date]::-webkit-calendar-picker-indicator { opacity: 1; display: flex; background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xOSA0SDE4VjJIMTZWNEg4VjJINlY0SDVDMy44OSA0IDMgNC45IDMgNlYyMEMzIDIxLjEgMy44OSAyMiA1IDIySDE5QzIwLjEgMjIgMjEgMjEuMSAyMSAyMFY2QzIxIDQuOSAyMC4xIDQgMTkgNFpNMTkgMjBINVY5SDE5VjIwWk02LjUgMTNDNi41IDExLjYyIDcuNjIgMTAuNSA5IDEwLjVDMTAuMzggMTAuNSAxMS41IDExLjYyIDExLjUgMTNDMTEuNSAxNC4zOCAxMC4zOCAxNS41IDkgMTUuNUM3LjYyIDE1LjUgNi41IDE0LjM4IDYuNSAxM1oiIGZpbGw9IiM0OTQ1NEYiLz4KPC9zdmc+); width: 25px; height: 25px; background-repeat: no-repeat; } .block_filters__input select { width: 342px; height: 56px; background: #f2f2f2; border-radius: 4px 4px 0px 0px; border: none; border-bottom: 1px solid #cac4d0; font-size: 16px; line-height: 24px; letter-spacing: 0.5px; color: #49454f; padding: 16px; box-sizing: border-box; width: 100%; -webkit-appearance: none; -moz-appearance: none; appearance: none; margin-bottom: 15px; } .block_filters__input select:hover { background: #e3e3e3; } .block_filters__input select:focus { background: #e3e3e3; outline: none; border-bottom: 2px solid #2d6da9; } .block_filters__input select.error { background: #f2f2f2; color: #b3261e; border-bottom: 2px solid #b3261e; } .block_filters__input p { font: normal 400 12px/16px "Verdana", sans-serif; color: #49454f; } .block_filters__body ul { list-style: none; } .block_filters__title { font-weight: 500; font-size: 20px; line-height: 28px; display: flex; align-items: center; color: #1c1b1f; margin-bottom: 24px; position: relative; } .block_filters__close { position: absolute; right: 0; cursor: pointer; } .block_filters__fotter { position: absolute; bottom: 0; left: 0; right: 0; display: flex; flex-direction: column; height: 140px; background: #fff; } .block_filters__fotter_btns { padding: 24px; border-top: 1px solid #ebebeb; } .block_filters__fotter_btns button { width: 100%; } .block_filters__fotter_btns button:nth-child(1) { margin-bottom: 12px; } .block_filters_checkboxs__title { font: 20px "Roboto", sans-serif; padding: 15px 0; border-bottom: 1px solid #ebebeb; } .block_filters_checkboxs__item { display: flex; align-items: center; justify-content: space-between; padding: 15px 0; border-bottom: 1px solid #ebebeb; padding-left: 16px; padding-right: 24px; } .block_filters_checkboxs__item:last-child { margin-bottom: 24px; } .block_filters_checkboxs__name { font: 16px "Roboto", sans-serif; color: #1c1b1f; } .block_filters select { height: 56px; background: #f7f7f7; border-radius: 4px 4px 0px 0px; border: none; border-bottom: 1px solid #cac4d0; font-size: 16px; line-height: 24px; letter-spacing: 0.5px; color: #49454f; padding: 16px; box-sizing: border-box; width: 100%; } .main_tables { padding: 0 0 0 48px; padding-right: 25px; overflow: auto; } .main_table { border-collapse: collapse; border: 1px solid #CBCBCB; background: #fff; margin-top: 32px; table-layout: fixed; max-width: 100%; } .main_table tr { box-sizing: border-box; } .main_table tr:first-child { box-sizing: border-box; } .main_table tr:first-child { background: #f5f5f5; } .main_table tr.red { background: #f9dedc; } .main_table tr.gren { background: #c4eed0; } .main_table tr a { text-decoration: none; } .main_table th { font: 700 14px/20px "Verdana", sans-serif; padding: 8px; border: 1px solid #efefef; vertical-align: top; text-align: left; } .main_table td { font: 14px/20px "Verdana", sans-serif; padding: 8px; border: 1px solid #efefef; vertical-align: top; text-align: left; } .main_table td a { font: normal 400 14px/20px "Verdana", sans-serif; color: #2d6da9; } .main_table__progect tr { display: block; } .main_table__progect tr:first-child { display: block; } @media (max-width: 767px) { .main_table { table-layout: unset; max-width: auto; } } .block_btn { font: normal 400 14px "Verdana", sans-serif; height: 40px; background: #e1f1ff; border-radius: 100px; border: none; padding: 0 24px; color: #2d6da9; cursor: pointer; transition: background-color 0.2s ease-in; display: flex; align-items: center; justify-content: center; } .block_btn:hover { background: #cde8ff; outline: none; } .block_btn__download { background: #2d6da9; color: #ffffff; } .block_btn__download svg { margin-right: 10px; } .block_btn__download:hover { background: #355787; transition: all 0.1s ease-in; } .block_btn__transparent { font: normal 400 14px "Verdana", sans-serif; background: #fff; color: #2D6DA9; } .block_btn__none { background: unset; text-decoration: none; } .block_btn__none:hover { outline: none; background: none; } .block_btn__dark { font: normal 400 14px "Verdana", sans-serif; background: #2D6DA9; color: #fff; } .block_btn__dark:hover { background: #355787; color: #fff; } .block_btn__grey { color: #1c1b1f; border: 1px solid #cac4d0; background: #ffffff; } .block_btn__black { background: #1d192b; color: #ffffff; } .btn_tab { font: normal 400 16px/24px "Verdana", sans-serif; padding: 8px 16px; box-sizing: border-box; border-radius: 20px; border: 1px solid #cac4d0; color: #1c1b1f; text-align: center; text-decoration: none; white-space: nowrap; display: flex; align-items: center; justify-content: center; } .btn_tab:hover { background: #f2f2f2; border: 1px solid #f2f2f2; } .btn_tab-active { color: #2D6DA9; background: #e1f1ff; border: 1px solid #e1f1ff; } .btn_tab-active:hover { color: #2D6DA9; background: #e1f1ff; } .block_checkboxs__switch { position: relative; display: inline-block; width: 52px; height: 32px; min-width: 52px; } .block_checkboxs__switch input { display: none; } .block_checkboxs__slider { background: #ccc; position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; transition: 0.4s; border: 2px solid #79747e; background: #e1f1ff; } .block_checkboxs__slider:hover { border: 2px solid #2d6da9; } .block_checkboxs__slider:hover:before { background: #2d6da9; position: absolute; content: ""; height: 16px; width: 16px; left: 6px; bottom: 6px; transition: 0.4s; } .block_checkboxs__slider:before { background: #79747e; position: absolute; content: ""; height: 16px; width: 16px; left: 6px; bottom: 6px; transition: 0.4s; } .block_checkboxs__slider { background: #ccc; position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; transition: 0.4s; border: 2px solid #79747e; background: #e1f1ff; } .block_checkboxs__slider:hover { border: 2px solid #2d6da9; } .block_checkboxs__slider:hover:before { background: #2d6da9; position: absolute; content: ""; height: 16px; width: 16px; left: 6px; bottom: 6px; transition: 0.4s; } input[disabled] + .block_checkboxs__slider { border: 2px solid rgba(121, 116, 126, 0.12); background: rgba(225, 241, 255, 0.12); } input[disabled] + .block_checkboxs__slider:before { background: rgba(121, 116, 126, 0.54); position: absolute; content: ""; height: 16px; width: 16px; left: 6px; bottom: 6px; transition: 0.4s; } input[disabled] + .block_checkboxs__slider:hover { border: 2px solid rgba(121, 116, 126, 0.12); background: rgba(225, 241, 255, 0.12); } input[disabled] + .block_checkboxs__slider:hover:before { background: rgba(121, 116, 126, 0.54); position: absolute; content: ""; height: 16px; width: 16px; left: 6px; bottom: 6px; transition: 0.4s; } input:checked + .block_checkboxs__slider { background: #2d6da9; border: 2px solid #2d6da9; } input:checked + .block_checkboxs__slider:before { background: #fff; position: absolute; content: ""; height: 26px; width: 25px; left: 2px; bottom: 1px; transition: 0.4s; } input:checked[disabled] + .block_checkboxs__slider { background: rgba(28, 27, 31, 0.12); border: none; } input:checked[disabled] + .block_checkboxs__slider:before { background: #fff; position: absolute; content: ""; height: 26px; width: 25px; left: 5px; bottom: 3px; transition: 0.4s; } input:checked[disabled] + .block_checkboxs__slider:hover { background: rgba(28, 27, 31, 0.12); border: none; } input:checked[disabled] + .block_checkboxs__slider:hover:before { background: #fff; position: absolute; content: ""; height: 26px; width: 25px; left: 5px; bottom: 3px; transition: 0.4s; } input:checked + .block_checkboxs__slider:hover { background: #355787; border: 2px solid #355787; } input:focus + .block_checkboxs__slider { box-shadow: 0 0 1px #2196f3; } input:checked + .block_checkboxs__slider:before { transform: translateX(20px); } .block_checkboxs__slider.round { border-radius: 34px; } .block_checkboxs__slider.round:before { border-radius: 50%; } main.dashboards { background: url(/bitrix/templates/kavo_tp_new/css/../img/bg_dashboard.svg) no-repeat left top #f4f4f4; } .dashboard_col { /*width: 33%;*/ margin-bottom: 16px; } .dashboard_block { padding: 24px; border-radius: 16px; background: #fff; } .dashboard_row { display: flex; display: flex; gap: 16px; padding: 0 48px 160px; } .dashboard_block { margin-bottom: 16px; } .dashboard_block__title { font: 16px/24px "Verdana", sans-serif; color: #79747e; letter-spacing: 0.15px; display: flex; align-items: center; justify-content: space-between; margin-bottom: 16px; } .dashboard_block__label { font: 12px/16px "Verdana", sans-serif; letter-spacing: 0.4px; color: #79747e; } .dashboard_block__label_big { color: #000; font-size: 16px; line-height: 24px; margin-bottom: 8px; } .progress { width: 100%; height: 10px; } .progress__triangle { height: 34px; } .progress__triangle .progress-bar.progress { width: 100%; height: 34px; background: linear-gradient(90deg, #F8F833 46.28%, #5BC337 61.81%); flex: none; order: 1; flex-grow: 0; } .progress__triangle .progress-wrap { height: 34px; overflow: hidden; position: relative; border-radius: 5px; clip-path: polygon(100% 0%, 100% 100%, -10% 100%); } .progress-wrap { background: #5bc337; overflow: hidden; position: relative; border-radius: 5px; } .progress-wrap.yellow { background: #cfd600; } .progress-wrap .progress-bar { background: #ddd; left: 0; position: absolute; top: 0; } .dashboard_block__num { font: 20px/32px "Verdana", sans-serif; color: #1c1b1f; letter-spacing: 0.5px; } .dashboard_block__num_big { font: 700 23px/36px "Verdana", sans-serif; font-size: clamp(14px, 1.6vw, 27px); margin-bottom: 10px; white-space: nowrap; overflow: hidden; letter-spacing: -0.5px; word-spacing: -1px; } .dashboard_block__num_big svg path { fill: #1c1b1f; } .dashboard_block_transparent { background: none; display: flex; align-items: center; justify-content: center; flex-direction: column; } .dashboard_block_transparent p { font: 700 16px/24px "Verdana", sans-serif; text-align: center; } .dashboard_block__list:not(:last-child) { padding-bottom: 15px; border-bottom: 1px solid #eaeaea; margin-bottom: 15px; } .dashboard_block__title_big { font: 700 24px/32px "Verdana", sans-serif; margin-bottom: 15px; } .dashboard_block_progress:not(:last-child) { margin-bottom: 15px; } .dashboard_block_progress_footer { display: flex; justify-content: space-between; } .dashboard_block_progress_footer__num { font: 20px/32px "Verdana", sans-serif; letter-spacing: 0.5px; color: #1c1b1f; font-size: clamp(16px, 1.1vw, 27px); white-space: nowrap; overflow: hidden; } .dashboard_block_progress_footer__num svg { height: 14px; } .dashboard_block_progress_footer__num svg path { fill: #1c1b1f; } .dashboard_block_progress_footer__label { font: 12px/16px "Verdana", sans-serif; color: #79747e; letter-spacing: 0.2px; white-space: nowrap; overflow: hidden; } .dashboard_block_progress_footer__right { text-align: right; } .dashboard_block_progress_footer__right_num { font: 20px/32px "Verdana", sans-serif; letter-spacing: 0.5px; color: #79747e; font-size: clamp(16px, 1.1vw, 27px); white-space: nowrap; overflow: hidden; } .dashboard_block_progress_footer__right_num svg { height: 14px; } .dashboard_block_progress_footer__right_num svg path { fill: #79747e; } .dashboards_main { background: url(/bitrix/templates/kavo_tp_new/css/../img/bg_dashboard.svg) #F4F4F4; } @media (max-width: 767px) { .dashboards { background: #F4F4F4 !important; } .dashboard_row { display: flex; gap: 16px; padding: 0 16px 160px; flex-direction: column; } .dashboard_col { width: 100%; margin-bottom: 16px; } .dashboard_block img { width: 80px; height: 80px; } .dashboard_block_transparent { background: none; display: flex; align-items: center; justify-content: center; flex-direction: column; margin-bottom: 0; } .dashboard_block { margin-bottom: 24px; } } .block_percent { display: flex; align-items: center; justify-content: flex-start; } .block_percent__content { font: 700 20px/32px Verdana, sans-serif; letter-spacing: 0.5px; color: #1ea446; height: 36px; background: #e8ffe7; border-radius: 36px; padding-left: 12px; display: flex; align-items: center; justify-content: space-between; position: relative; padding-right: 42px; font-size: clamp(15px, 2vw, 20px); } .block_percent__content::before { background: url(/bitrix/templates/kavo_tp_new/css/../img/check_block_percent.svg) #1ea446; content: ""; width: 36px; height: 36px; border-radius: 25px; position: absolute; right: 0; background-position: center; background-repeat: no-repeat; } .block_percent__content_grey { background: #E6E6E6; color: #1F1F1F; padding: 0 12px; } .block_percent__content_grey::before { content: none; } .block_percent__content_red { background: #F9DEDC; color: #DC362E; } .block_percent__content_red::before { background: url(/bitrix/templates/kavo_tp_new/css/../img/check_block_percent_red.svg) #DC362E; content: ""; width: 36px; height: 36px; border-radius: 25px; position: absolute; right: 0; background-position: center; background-repeat: no-repeat; } .block_div_table { padding: 0 48px; display: flex; flex-direction: column; align-items: flex-start; } .block_div_table a { color: #2d6da9; text-decoration: none; } .block_div_table_head { display: grid; grid-template-columns: 38px 150px 120px repeat(2, 180px) repeat(2, 150px) 180px 408px; width: auto; max-width: -moz-max-content; max-width: max-content; } .block_div_table_head_col { font: 700 14px/20px Verdana; background: #f5f5f5; padding: 8px; color: #1c1b1f; border-top: 1px solid #cbcbcb; box-sizing: content-box; } .block_div_table_head_col:not(:last-child) { border-right: 1px solid #efefef; } .block_div_table_head_col:first-child { border-radius: 8px 0 0 0; border-left: 1px solid #cbcbcb; } .block_div_table_head_col:last-child { border-radius: 0 8px 0 0; border-right: 1px solid #cbcbcb; } .block_div_table_rows:last-child { border-radius: 0 0 8px 8px; border-left: 1px solid #cbcbcb; border-right: 1px solid #cbcbcb; overflow: hidden; border-bottom: 1px solid #cbcbcb; } .block_div_table_row { display: grid; grid-template-columns: 38px 150px 120px repeat(2, 180px) repeat(2, 150px) 180px 408px; background: #fff; width: auto; max-width: -moz-max-content; max-width: max-content; } .block_div_table_row:hover { background: #f5f5f5; } .block_div_table_row.open { background: #c2e2ff; } .block_div_table_col { font: 14px/20px Verdana; padding: 8px; display: flex; flex-direction: column; align-items: flex-start; justify-content: flex-start; color: #000; border-bottom: 1px solid #efefef; } .block_div_table_col:not(:last-child) { border-right: 1px solid #efefef; } .block_div_table_col:first-child { border-left: 1px solid #cbcbcb; } .block_div_table_col:last-child { border-right: 1px solid #cbcbcb; } .block_div_table_sub { font: 14px/20px Verdana; background: #f4faff; color: #1c1b1f; } .block_div_table_sub_head { display: grid; grid-template-columns: 38px 150px 180px 1fr; font-weight: 700; border-bottom: 1px solid #e1f1ff; } .block_div_table_sub_head_col { padding: 8px; } .block_div_table_sub_head_col:first-child { border-left: 1px solid #cbcbcb; } .block_div_table_sub_head_col:last-child { border-right: 1px solid #cbcbcb; } .block_div_table_sub_row { display: grid; grid-template-columns: 38px 150px 180px 1fr; } .block_div_table_sub_row:not(:last-child) { border-bottom: 1px solid #e1f1ff; } .block_div_table_sub_col { padding: 8px; } .block_div_table_sub_col:not(:last-child) { border-right: 1px solid #e1f1ff; } .block_div_table_sub_col:first-child { border-left: 1px solid #cbcbcb; } .block_div_table_sub_col:last-child { border-right: 1px solid #cbcbcb; } .title_block__selects { display: flex; gap: 15px; } .title_block__selects > div { width: 330px; box-sizing: border-box; } .title_block__select { position: relative; /* select { height: 56px; background: #f7f7f7; border-radius: 4px 4px 0px 0px; border: none; border-bottom: 1px solid #cac4d0; font-size: 16px; line-height: 24px; letter-spacing: 0.5px; color: #49454f; padding: 16px; box-sizing: border-box; width: 100%; }*/ } .title_block__select::after { content: ""; position: absolute; background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNSIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI1IDI0IiBmaWxsPSJub25lIj4KPHBhdGggZD0iTTcuNTk5NjEgMTBMMTIuNTk5NiAxNUwxNy41OTk2IDEwSDcuNTk5NjFaIiBmaWxsPSIjNDk0NTRGIi8+Cjwvc3ZnPg=="); width: 25px; height: 25px; display: flex; align-items: center; justify-content: center; right: 8px; top: 25%; } .title_block__select select { background: #F2F2F2; border-radius: 4px 4px 0px 0px; border: none; border-bottom: 1px solid #cac4d0; font-size: 16px; line-height: 24px; letter-spacing: 0.5px; color: #49454f; padding: 16px; box-sizing: border-box; width: 100%; -webkit-appearance: none; -moz-appearance: none; appearance: none; margin-bottom: 15px; } .title_block__select select:hover { background: #E3E3E3; } .title_block__select select:focus { background: #E3E3E3; outline: none; border-bottom: 2px solid #2D6DA9; } @media (max-width: 767px) { .title_block__selects { display: flex; gap: 15px; flex-direction: column; width: 100%; } .title_block__selects > div { width: 100%; box-sizing: border-box; } .block_div_table { padding: 0 16px; display: flex; flex-direction: column; align-items: flex-start; box-sizing: border-box; width: 100%; overflow: auto; } } .block_table_actions ul { display: flex; list-style: none; gap: 16px; } .block_table_actions ul li { font: 14px/20px Verdana; display: flex; align-items: center; justify-content: space-between; cursor: pointer; } .block_table_actions ul li svg { margin-right: 4px; } .block_table_actions ul li img { margin-right: 4px; } .block_table_actions ul li:nth-child(1) { color: #79747e; } .block_table_actions ul li:nth-child(1):hover { color: #1C1B1F; } .block_table_actions ul li:nth-child(1):hover svg path { fill: #1C1B1F; } .block_table_actions ul li:nth-child(2) { color: #e23838; } .block_table_actions ul li:nth-child(2):hover { color: #8C1D18; } .block_table_actions ul li:nth-child(2):hover svg path { fill: #8C1D18; } .block_table_actions ul li:nth-child(3) { color: #5bc236; } .block_table_actions ul li:nth-child(3):hover { color: #198639; } .block_table_actions ul li:nth-child(3):hover svg path { fill: #198639; } .stock_list { padding: 48px; } .stock_list__snackbar { position: absolute; top: -60px; color: #fff; border-radius: 4px; background: #313033; box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.3), 0px 4px 8px 3px rgba(0, 0, 0, 0.15); display: flex; padding: 0 0 0 18px; justify-content: space-between; align-items: center; } .stock_list__snackbar_close { padding: 8px 8px; display: flex; align-items: center; justify-content: center; width: 40px; height: 40px; box-sizing: border-box; cursor: pointer; } .stock_list_nav { border-bottom: 1px solid #ebebeb; width: 100%; } .stock_list_nav__items { display: flex; padding: 0 24px 24px 48px; list-style: none; gap: 10px; } .stock_list_nav__item { padding: 8px 16px; border: 1px solid #cac4d0; border-radius: 20px; color: #1c1b1f; cursor: pointer; display: flex; align-items: center; justify-content: center; } .stock_list_nav__item.active { background: #e1f1ff; color: #2d6da9; } .stock_list_nav__item:hover { background: #e1f1ff; color: #2d6da9; } .stock_list_row { display: flex; gap: 32px; flex-wrap: wrap; align-items: stretch; } .stock_list__item { display: grid; max-width: 480px; width: 480px; grid-template-columns: 1fr; grid-template-rows: 270px 1fr 58px; grid-column-gap: 0px; grid-row-gap: 20px; } .stock_list__prices { display: flex; align-items: center; margin-bottom: 15px; } .stock_list__price { font: 700 24px/32px "Verdana", sans-serif; color: #1c1b1f; margin-right: 10px; } .stock_list__price_old { color: #79747e; font-size: 16px; line-height: 24px; letter-spacing: 0.1px; text-decoration: line-through; } .stock_list__price_sale { font-size: 16px; font-weight: 700; line-height: 24px; background: #cfd600; padding: 8px; margin-right: 10px; border-radius: 8px; } .stock_list__img { margin-bottom: 20px; } .stock_list__btns { display: flex; align-items: flex-end; justify-content: center; font-family: "Verdana", sans-serif; position: relative; } .stock_list__btn { font: 16px/24px "Verdana", sans-serif; width: 100%; border: 1px solid #2d6da9; background: #fff; padding: 8px 0; border-radius: 100px; text-align: center; color: #2d6da9; display: flex; flex-direction: column; align-items: center; cursor: pointer; } .stock_list__btn span { text-align: center; font-size: 12px; line-height: 16px; color: #79747e; } .stock_list__btn:hover { background: #2d6da9; color: #ffffff; } .stock_list__btn:hover span { color: #ffffff; } .stock_list__btn:active { background: #355787; color: #fff; } .stock_list__btn:active span { color: #ffffff; } .stock_list__btn.disabled { background: rgba(28, 27, 31, 0.1215686275); opacity: 0.5; color: #1c1b1f; } .stock_list__btn.disabled:hover { background: rgba(28, 27, 31, 0.1215686275); color: #1c1b1f; opacity: 0.5; } .stock_list__btn.disabled:hover span { color: #1c1b1f; opacity: 0.5; } .stock_list__btn.disabled:active { background: rgba(28, 27, 31, 0.1215686275); color: #1c1b1f; opacity: 0.5; } .stock_list__btn.disabled:active span { color: #1c1b1f; opacity: 0.5; } .stock_list__btn_mirror { background: #2d6da9; color: #fff; border: 1px solid #2d6da9; } .stock_list__btn_mirror span { color: #ffffff; } .stock_list__btn_mirror:hover { background: #cde8ff; color: #2d6da9; border: 1px solid #cde8ff; } .stock_list__btn_mirror:hover span { color: #2d6da9; } .stock_list__btn_mirror:active { background: #355787; color: #fff; } .stock_list__btn_mirror:active span { color: #ffffff; } .stock_list__name { font: 18px/28px "Verdana", sans-serif; color: #1c1b1f; margin-bottom: 10px; } .stock_list__art { font: 14px/24px "Verdana", sans-serif; letter-spacing: 0.1px; } .stock_list__art span { color: #79747e; } .stock_list__amount { width: 100%; padding: 8px; border: 1px solid #2d6da9; height: 56px; display: flex; justify-content: space-between; border-radius: 100px; background: #f2f2f2; box-sizing: border-box; } .stock_list__amount input { background: #f2f2f2; } .stock_list__amount:hover { background: #e3e3e3; } .stock_list__amount:hover input { background: #e3e3e3; } .stock_list__amount:active { background: #fff; } .stock_list__amount:active input { background: #fff; } .stock_list__amount_btn { font: 14px/20px "Verdana", sans-serif; background: #cde8ff; border: none; padding: 0 18px; border-radius: 100px; color: #2d6da9; display: flex; align-items: center; justify-content: center; cursor: pointer; } .stock_list__amount_btn:hover { background: #2d6da9; color: #fff; } .stock_list__amount_btn:active { background: #355787; color: #fff; } .stock_list__amount_input { display: flex; flex-direction: column; align-items: center; } .stock_list__amount_input input { font: 16px/24px "Verdana", sans-serif; color: #1c1b1f; text-align: center; text-align: center; border: none; padding: 0; } .stock_list__amount_input input:focus { outline: none; } .stock_list__amount_label { font: 12px/16px "Verdana", sans-serif; text-align: center; color: #79747e; } .stock_list_popup { display: flex; flex-direction: column; } .stock_list_popup__main { max-width: 1200px; } .stock_list_popup__img { max-width: 480px; } .stock_list_popup__row { display: flex; gap: 48px; padding: 24px; } .stock_list_popup__header { font: normal 400 20px/24px "Verdana", sans-serif; padding: 24px; border-bottom: 1px solid #e3e3e3; margin-bottom: 24px; } .stock_list_popup__footer { padding: 0 24px 24px; border-top: 1px solid #e3e3e3; margin-top: 24px; display: flex; align-items: center; justify-content: flex-end; } .stock_list_popup__footer button { width: 550px; } .stock_list_popup__main.fancybox-content { padding: 0; border-radius: 16px; cursor: unset !important; } .stock_list_popup__body { display: grid; grid-template-rows: minmax(150px, 200px) 1fr; overflow: auto; min-width: 550px; max-height: 550px; padding-right: 18px; } .stock_list_popup__amount { background: #f2f2f2; display: flex; border-radius: 8px; align-items: stretch; justify-content: space-between; padding: 8px 8px 8px 16px; min-height: 70px; margin-bottom: 15px; } .stock_list_popup__amount_name { font: normal 400 16px/24px "Verdana", sans-serif; display: flex; align-items: center; justify-content: flex-start; letter-spacing: 0.1px; } .stock_list_popup__amount_count { height: 100%; display: flex; align-items: center; padding: 8px; } .stock_list_popup__amount_count input { font: normal 400 16px/24px "Verdana", sans-serif; text-align: center; width: 100px; border: none; background: #f2f2f2; -moz-appearance: textfield; } .stock_list_popup__amount_count input::-webkit-outer-spin-button, .stock_list_popup__amount_count input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; } .stock_list_popup__amount_btn { font: normal 400 14px/20px "Verdana", sans-serif; background: #cde8ff; padding: 10px 16px; border-radius: 100px; border: none; color: #2d6da9; text-align: center; cursor: pointer; } .stock_list_popup__amount_btn:hover { background: #2d6da9; color: #fff; } .stock_list_popup__amount_btn:active { background: #355787; color: #fff; } @media (max-width: 775px) { .stock_list { padding: 16px; } .stock_list_popup__row { display: flex; gap: 24px; padding: 16px; flex-direction: column; } .stock_list_popup__footer { padding: 0 16px 16px; border-top: 1px solid #e3e3e3; margin-top: 24px; display: flex; align-items: center; justify-content: center; } .stock_list_popup__body { display: grid; grid-template-rows: auto 1fr; overflow: auto; min-width: 100%; max-height: unset; padding-right: 0; gap: 24px; } .stock_list_popup__img { max-width: 100%; width: 100%; } .stock_list_popup__img img { width: 100%; height: auto; -o-object-fit: contain; object-fit: contain; } .stock_list__btns { display: flex; align-items: center; justify-content: center; margin-top: 16px; width: 100%; } .stock_list__img { margin-bottom: 0; width: 100%; height: auto; } .stock_list__img img { width: 100%; height: 100%; -o-object-fit: contain; object-fit: contain; } .stock_list__item { display: grid; max-width: 100%; width: 100%; grid-template-columns: 1fr; grid-template-rows: 270px 1fr 58px; grid-column-gap: 0px; grid-row-gap: 16px; } .stock_list__prices { margin-bottom: 15px; } .stock_list_nav { border-bottom: 1px solid #ebebeb; width: auto; max-width: -moz-max-content; max-width: max-content; overflow: auto; } .stock_list_nav__item { min-width: 110px; } } .contact_block { margin: 32px 51px; } .contact_block__row { display: flex; gap: 24px; justify-content: flex-start; align-items: stretch; } .contact_block__cart { font: normal 400 16px/24px "Verdana", sans-serif; display: grid; grid-template-columns: 240px 1fr; grid-template-rows: 1fr; grid-column-gap: 24px; grid-row-gap: 0px; color: #000; } .contact_block__name { font-size: 22px; font-style: normal; font-weight: 700; line-height: 28px; } .contact_block__position { font-size: 16px; font-style: normal; font-weight: 400; line-height: 24px; margin-bottom: 15px; } .contact_block__job { font-size: 16px; font-style: normal; font-weight: 700; line-height: 24px; } .contact_block__images { display: flex; align-items: flex-start; justify-content: center; flex-direction: row; } .contact_block__images img { max-width: 240px; height: 100%; width: 100%; -o-object-fit: contain; object-fit: contain; } .contact_block__mail { background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M22 6C22 4.9 21.1 4 20 4H4C2.9 4 2 4.9 2 6V18C2 19.1 2.9 20 4 20H20C21.1 20 22 19.1 22 18V6ZM20 6L12 11L4 6H20ZM20 18H4V8L12 13L20 8V18Z' fill='%232D6DA9'/%3E%3C/svg%3E") no-repeat left center; margin-top: 15px; padding-left: 32px; color: #2d6da9; text-decoration: none; display: flex; align-items: center; justify-content: flex-start; } @media (max-width: 767px) { .contact_block { margin: 24px 16px; } .contact_block__row { display: flex; gap: 24px; justify-content: flex-start; align-items: stretch; flex-wrap: wrap; } .contact_block__cart { display: grid; grid-template-columns: 1fr; grid-template-rows: 1fr minmax(100px, auto); grid-column-gap: 0px; grid-row-gap: 32px; } .contact_block__images { display: flex; align-items: flex-start; justify-content: center; flex-direction: row; width: 100%; background: #F2F2F2; border-radius: 16px; } .contact_block__col { width: 100%; } } .block_claim__main { display: grid; grid-template-columns: repeat(3, 1fr); grid-template-rows: 1fr; grid-column-gap: 16px; grid-row-gap: 0px; width: 100%; } .block_claim__main input:focus-visible, .block_claim__main input:focus { border: none; outline: none; } .block_claim__main_text { flex-wrap: wrap; gap: 18px; display: grid; grid-template-columns: repeat(2, 1fr); grid-template-rows: repeat(2, auto); } .block_claim__main_textarea { grid-area: 2/1/3/3; max-height: 200px; } .block_claim__main_files { border-radius: 6px; border: 1px solid #e1e3e1; padding: 16px; } .block_claim__main_files-name { font: normal 700 16px/24px "Verdana", sans-serif; } .block_claim__main_files ul { list-style: none; margin: 16px 0; border-top: 1px solid #d6d6d6; } .block_claim__main_files li { padding: 16px; border-bottom: 1px solid #d6d6d6; display: flex; align-items: center; justify-content: space-between; } .block_claim__main_files li a { display: flex; } .block_claim__main_files button { font: normal 400 14px/20px "Verdana", sans-serif; border-radius: 100px; border: 1px solid #2d6da9; padding: 10px; background: #fff; width: 100%; color: #2d6da9; cursor: pointer; } .block_claim__main_files button:hover { background: #2d6da9; color: #fff; } .block_claim__main_files button:hover span { background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 18 18' fill='none'%3E%3Cpath d='M15 9.75012H9.75V15.0001H8.25V9.75012H3V8.25012H8.25V3.00012H9.75V8.25012H15V9.75012Z' fill='%23FFFFFF'/%3E%3C/svg%3E") no-repeat left center; padding-left: 20px; } .block_claim__main_files button span { background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 18 18' fill='none'%3E%3Cpath d='M15 9.75012H9.75V15.0001H8.25V9.75012H3V8.25012H8.25V3.00012H9.75V8.25012H15V9.75012Z' fill='%232D6DA9'/%3E%3C/svg%3E") no-repeat left center; padding-left: 20px; } .block_claim__widget { padding: 0 48px; margin-bottom: 32px; } .block_claim__widget_row { background: #fff; padding: 24px; border-radius: 16px; display: flex; } .block_claim__widget_row.contact { display: grid; grid-template-columns: repeat(5, 1fr); grid-template-rows: 1fr; grid-column-gap: 16px; grid-row-gap: 0px; } .block_claim__widget_title { font: normal 400 22px/28px "Verdana", sans-serif; color: #000; margin-bottom: 24px; } .block_claim__widget_act { flex-wrap: wrap; } .block_claim__widget_act_col { display: grid; grid-template-columns: repeat(4, 1fr); grid-column-gap: 16px; grid-row-gap: 16px; width: 100%; } .block_claim__widget_act_title { font: normal 700 16px/24px "Verdana", sans-serif; margin: 32px 0 16px; } .block_claim__widget_act_checkbox { padding: 16px 0 32px; } .block_claim__widget_act_checkbox label { font: normal 400 16px/24px Roboto; color: #1c1b1f; margin-left: 16px; } .block_claim__inputs button { display: none; position: absolute; right: 8px; top: 15px; width: 25px; height: 25px; align-items: center; justify-content: center; box-sizing: border-box; border: none; cursor: pointer; } .block_claim__inputs button:hover { display: flex; } .block_claim__inputs-select { position: relative; } .block_claim__inputs-select::after { content: ""; position: absolute; background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNSIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI1IDI0IiBmaWxsPSJub25lIj4KPHBhdGggZD0iTTcuNTk5NjEgMTBMMTIuNTk5NiAxNUwxNy41OTk2IDEwSDcuNTk5NjFaIiBmaWxsPSIjNDk0NTRGIi8+Cjwvc3ZnPg=="); width: 25px; height: 25px; display: flex; align-items: center; justify-content: center; right: 8px; top: 25%; } .block_claim__inputs-select.error::after { content: ""; position: absolute; background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIj4KICA8cGF0aCBkPSJNMTIgMkM2LjQ4IDIgMiA2LjQ4IDIgMTJDMiAxNy41MiA2LjQ4IDIyIDEyIDIyQzE3LjUyIDIyIDIyIDE3LjUyIDIyIDEyQzIyIDYuNDggMTcuNTIgMiAxMiAyWk0xMyAxN0gxMVYxNUgxM1YxN1pNMTMgMTNIMTFWN0gxM1YxM1oiIGZpbGw9IiNCMzI2MUUiLz4KPC9zdmc+); width: 25px; height: 25px; display: flex; align-items: center; justify-content: center; right: 8px; top: 25%; } .block_claim__inputs input[type=text].error { background: #f2f2f2; color: #b3261e; border-bottom: 2px solid #b3261e; } .block_claim__inputs input[type=text].error::-moz-placeholder { color: #b3261e; } .block_claim__inputs input[type=text].error::placeholder { color: #b3261e; } .block_claim__inputs input[type=date].error { background: #f2f2f2; color: #b3261e; border-bottom: 2px solid #b3261e; } .block_claim__inputs input[type=date].error::-moz-placeholder { color: #b3261e; } .block_claim__inputs input[type=date].error::placeholder { color: #b3261e; } .block_claim__inputs input[type=text].error + button { background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIj4KICA8cGF0aCBkPSJNMTIgMkM2LjQ4IDIgMiA2LjQ4IDIgMTJDMiAxNy41MiA2LjQ4IDIyIDEyIDIyQzE3LjUyIDIyIDIyIDE3LjUyIDIyIDEyQzIyIDYuNDggMTcuNTIgMiAxMiAyWk0xMyAxN0gxMVYxNUgxM1YxN1pNMTMgMTNIMTFWN0gxM1YxM1oiIGZpbGw9IiNCMzI2MUUiLz4KPC9zdmc+"); background-repeat: no-repeat; display: flex; } .block_claim__inputs input[type=date].error + button { background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIj4KICA8cGF0aCBkPSJNMTIgMkM2LjQ4IDIgMiA2LjQ4IDIgMTJDMiAxNy41MiA2LjQ4IDIyIDEyIDIyQzE3LjUyIDIyIDIyIDE3LjUyIDIyIDEyQzIyIDYuNDggMTcuNTIgMiAxMiAyWk0xMyAxN0gxMVYxNUgxM1YxN1pNMTMgMTNIMTFWN0gxM1YxM1oiIGZpbGw9IiNCMzI2MUUiLz4KPC9zdmc+"); background-repeat: no-repeat; display: flex; } .block_claim__inputs input[type=date] { padding-right: 5px; } .block_claim__inputs input[type=date]::-webkit-calendar-picker-indicator { opacity: 1; display: flex; background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xOSA0SDE4VjJIMTZWNEg4VjJINlY0SDVDMy44OSA0IDMgNC45IDMgNlYyMEMzIDIxLjEgMy44OSAyMiA1IDIySDE5QzIwLjEgMjIgMjEgMjEuMSAyMSAyMFY2QzIxIDQuOSAyMC4xIDQgMTkgNFpNMTkgMjBINVY5SDE5VjIwWk02LjUgMTNDNi41IDExLjYyIDcuNjIgMTAuNSA5IDEwLjVDMTAuMzggMTAuNSAxMS41IDExLjYyIDExLjUgMTNDMTEuNSAxNC4zOCAxMC4zOCAxNS41IDkgMTUuNUM3LjYyIDE1LjUgNi41IDE0LjM4IDYuNSAxM1oiIGZpbGw9IiM0OTQ1NEYiLz4KPC9zdmc+); width: 25px; height: 25px; background-repeat: no-repeat; } .block_claim__inputs select.error { background: #f2f2f2; color: #b3261e; border-bottom: 2px solid #b3261e; } .block_claim__input { display: flex; position: relative; /*& select { // width: 342px; height: 56px; background: #f7f7f7; border-radius: 4px 4px 0px 0px; border: none; border-bottom: 1px solid #cac4d0; // margin-bottom: 15px; font-size: 16px; line-height: 24px; letter-spacing: 0.5px; color: #49454f; padding: 16px; box-sizing: border-box; width: 100%; -webkit-appearance: none; }*/ } .block_claim__input-select { position: relative; } .block_claim__input-select::after { content: ""; position: absolute; background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNSIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI1IDI0IiBmaWxsPSJub25lIj4KPHBhdGggZD0iTTcuNTk5NjEgMTBMMTIuNTk5NiAxNUwxNy41OTk2IDEwSDcuNTk5NjFaIiBmaWxsPSIjNDk0NTRGIi8+Cjwvc3ZnPg=="); width: 25px; height: 25px; display: flex; align-items: center; justify-content: center; right: 8px; top: 25%; } .block_claim__input input { width: 100%; height: 56px; background: #f2f2f2; border-radius: 4px 4px 0px 0px; border: none; border-bottom: 1px solid #cac4d0; margin-bottom: 15px; font-size: 16px; line-height: 24px; letter-spacing: 0.5px; color: #49454f; padding: 16px; box-sizing: border-box; } .block_claim__input input::-moz-placeholder { color: #49454f; } .block_claim__input input::placeholder { color: #49454f; } .block_claim__input input[type=text]:disabled { color: #1c1b1f; opacity: 0.4; border-bottom: 1px solid #1c1b1f; } .block_claim__input input[type=text]:disabled:hover { background: #f2f2f2; } .block_claim__input input input::-webkit-inner-spin-button, .block_claim__input input input::-webkit-outer-spin-button { -webkit-appearance: none; appearance: none; } .block_claim__input input:hover { background: #e3e3e3; } .block_claim__input input:focus { background: #e3e3e3; outline: none; border-bottom: 2px solid #2d6da9; } .block_claim__input input[type=text]:focus + button { background: #e3e3e3; background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIj4KICA8cGF0aCBkPSJNMTIgMkM2LjQ3IDIgMiA2LjQ3IDIgMTJDMiAxNy41MyA2LjQ3IDIyIDEyIDIyQzE3LjUzIDIyIDIyIDE3LjUzIDIyIDEyQzIyIDYuNDcgMTcuNTMgMiAxMiAyWk0xNyAxNS41OUwxNS41OSAxN0wxMiAxMy40MUw4LjQxIDE3TDcgMTUuNTlMMTAuNTkgMTJMNyA4LjQxTDguNDEgN0wxMiAxMC41OUwxNS41OSA3TDE3IDguNDFMMTMuNDEgMTJMMTcgMTUuNTlaIiBmaWxsPSIjOTM4Rjk5Ii8+Cjwvc3ZnPg==); display: flex; } .block_claim__input input[type=text].block_filters__input-error { background: #f2f2f2; color: #b3261e; border-bottom: 2px solid #b3261e; } .block_claim__input input[type=text].block_filters__input-error::-moz-placeholder { color: #b3261e; } .block_claim__input input[type=text].block_filters__input-error::placeholder { color: #b3261e; } .block_claim__input input[type=text].block_filters__input-error + button { background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIj4KICA8cGF0aCBkPSJNMTIgMkM2LjQ4IDIgMiA2LjQ4IDIgMTJDMiAxNy41MiA2LjQ4IDIyIDEyIDIyQzE3LjUyIDIyIDIyIDE3LjUyIDIyIDEyQzIyIDYuNDggMTcuNTIgMiAxMiAyWk0xMyAxN0gxMVYxNUgxM1YxN1pNMTMgMTNIMTFWN0gxM1YxM1oiIGZpbGw9IiNCMzI2MUUiLz4KPC9zdmc+"); background-repeat: no-repeat; display: flex; } .block_claim__input select { width: 342px; height: 56px; background: #f2f2f2; border-radius: 4px 4px 0px 0px; border: none; border-bottom: 1px solid #cac4d0; font-size: 16px; line-height: 24px; letter-spacing: 0.5px; color: #49454f; padding: 16px; box-sizing: border-box; width: 100%; -webkit-appearance: none; -moz-appearance: none; appearance: none; margin-bottom: 15px; } .block_claim__input select:hover { background: #e3e3e3; } .block_claim__input select:focus { background: #e3e3e3; outline: none; border-bottom: 2px solid #2d6da9; } .block_claim__input textarea { background: #f7f7f7; border-radius: 4px 4px 0px 0px; border: none; border-bottom: 1px solid #cac4d0; font-size: 16px; line-height: 24px; letter-spacing: 0.5px; color: #49454f; padding: 16px; box-sizing: border-box; width: 100%; max-height: 100%; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .block_claim__input textarea:hover { background: #e3e3e3; } .block_claim__input textarea:focus { background: #e3e3e3; outline: none; border-bottom: 2px solid #2d6da9; } .block_claim__input-search { display: flex; align-items: flex-start; border-radius: 4px 0px 0px 0px; } .block_claim__input-search button { height: 56px; border: none; border-bottom: 1px solid #cac4d0; display: flex; align-items: center; justify-content: center; background: #f7f7f7; border-radius: 0 4px 0px 0px; cursor: pointer; } .block_claim__input-search input[type=text]:focus + button { background: none !important; } .block_claim__checkbox { display: flex; padding: 0 18px; align-items: center; justify-content: flex-start; } .block_claim__checkbox label { font: normal 400 16px/24px Roboto; color: #1c1b1f; margin-left: 16px; } .block_claim__spec-list { margin-top: 24px; } .block_claim__spec-list select { margin-bottom: 0 !important; } .block_claim__spec-list--del { display: flex; align-items: center; justify-content: center; cursor: pointer; } .block_claim_tables { padding: 32px 48px; background: #fff; } .block_claim_tables__name { font: normal 400 22px/28px "Verdana", sans-serif; color: #000; margin-bottom: 16px; } .block_claim_tables_row { display: inline-flex; flex-direction: column; } .block_claim_table__btn { padding: 8px; display: flex; align-items: center; justify-content: center; background: #ebf5ff; border-radius: 0 0 8px 8px; border: 1px solid #efefef; border-left: 1px solid #cbcbcb; border-right: 1px solid #cbcbcb; border-bottom: 1px solid #cbcbcb; cursor: pointer; } .block_claim_table__btn:hover { background: #cde8ff; } .block_claim_table_count { margin-bottom: 48px; } .block_claim_table_count__header { display: grid; grid-template-columns: repeat(3, 120px) repeat(2, 541px) 180px 38px; grid-template-rows: 75px; grid-column-gap: 0px; grid-row-gap: 0px; } .block_claim_table_count__header > div { font: normal 700 14px/20px "Verdana", sans-serif; padding: 8px; color: #1c1b1f; background: #f5f5f5; border: 1px solid #efefef; border-top: 1px solid #cbcbcb; } .block_claim_table_count__header > div:first-child { border-radius: 8px 0 0 0; border-left: 1px solid #cbcbcb; border-top: 1px solid #cbcbcb; } .block_claim_table_count__header > div:last-child { border-radius: 0 8px 0 0; border-right: 1px solid #cbcbcb; } .block_claim_table_count__sudheader { display: grid; grid-template-columns: repeat(3, 170px); grid-template-rows: repeat(2, 1fr); grid-column-gap: 8px !important; grid-row-gap: 8px !important; } .block_claim_table_count__sudheader > div { font: normal 700 14px/20px "Verdana", sans-serif; color: #1c1b1f; border-right: 1px solid #efefef; } .block_claim_table_count__sudheader > div:nth-child(1) { grid-area: 1/1/2/4; } .block_claim_table_count__row { display: grid; grid-template-columns: repeat(3, 120px) repeat(7, 180px) 38px; grid-template-rows: 1fr; grid-column-gap: 0px; grid-row-gap: 0px; border-left: 1px solid #cbcbcb; border-right: 1px solid #cbcbcb; } .block_claim_table_count__row input { font: normal 14px/20px "Verdana", sans-serif; padding: 0; width: 100%; border: none; padding: 8px; color: #1c1b1f; } .block_claim_table_count__row input:focus-visible, .block_claim_table_count__row input:focus { border: none; outline: none; } .block_claim_table_count__input { border: 1px solid #efefef; } .block_claim_table_count__del { border: 1px solid #efefef; display: flex; align-items: center; justify-content: center; } .block_claim_table_count__del a { border: 1px solid #efefef; display: flex; align-items: center; justify-content: center; } .block_claim_table_count__del:hover svg path { fill: #1c1b1f; } .block_claim_table_quality__header { display: grid; grid-template-columns: repeat(3, 121px) repeat(5, 180px) 38px; grid-template-rows: 60px; grid-column-gap: 0px; grid-row-gap: 0px; } .block_claim_table_quality__header > div { font: normal 700 14px/20px "Verdana", sans-serif; padding: 8px; background: #f5f5f5; border: 1px solid #efefef; padding: 8px; color: #1c1b1f; border-top: 1px solid #cbcbcb; } .block_claim_table_quality__header > div:first-child { border-radius: 8px 0 0 0; border-left: 1px solid #cbcbcb; } .block_claim_table_quality__header > div:last-child { border-radius: 0 8px 0 0; border-right: 1px solid #cbcbcb; } .block_claim_table_quality__row { display: grid; grid-template-columns: repeat(3, 120px) repeat(5, 180px) 38px; grid-template-rows: 1fr; grid-column-gap: 0px; grid-row-gap: 0px; border-left: 1px solid #cbcbcb; border-right: 1px solid #cbcbcb; } .block_claim_table_quality__row input { font: normal 14px/20px "Verdana", sans-serif; padding: 0; width: 100%; border: none; padding: 8px; color: #1c1b1f; } .block_claim_table_quality__row input:focus-visible, .block_claim_table_quality__row input:focus { border: none; outline: none; } .block_claim_table_quality__input { border: 1px solid #efefef; } .block_claim__footer { background: #efefef; padding: 32px 48px; } .block_claim__footer_row { display: flex; align-items: center; justify-content: space-between; } .block_claim__footer_link { display: flex; align-items: center; } .block_claim__footer_link a { font: normal 400 14px/20px "Verdana", sans-serif; color: #2d6da9; text-align: center; margin-right: 20px; text-decoration: none; } .block_claim__footer_btn { display: flex; align-items: center; } .block_claim__footer_btn a { font: normal 400 14px/20px "Verdana", sans-serif; color: #49454f; text-align: center; text-decoration: none; margin-right: 20px; } .block_claim__footer_btn button { font: normal 400 14px/20px "Verdana", sans-serif; cursor: pointer; color: #fff; text-align: center; padding: 10px 24px; border-radius: 100px; background: #2d6da9; border: none; } .block_claim__footer_btn button:hover { background: #355787; } @media (max-width: 767px) { .block_claim__widget { padding: 0; margin-bottom: 16px; } .block_claim__widget_title { margin-bottom: 22px; padding: 0 16px; } .block_claim__widget_row.contact { display: grid; grid-template-columns: repeat(1, 1fr); grid-template-rows: 1fr; grid-column-gap: 16px; grid-row-gap: 16px; } .block_claim__widget_act { background: none; padding: 0; } .block_claim__widget_act_col { display: grid; grid-template-columns: 1fr; grid-column-gap: 16px; grid-row-gap: 16px; width: 100%; padding: 18px; border-radius: 16px; background: #fff; } .block_claim__main { grid-template-columns: 1fr; grid-template-rows: repeat(2, minmax(200px, auto)); grid-column-gap: 16px; grid-row-gap: 16px; } .block_claim__main_text { gap: 16px; display: grid; grid-template-columns: 1fr; grid-template-rows: repeat(3, auto); } .block_claim__main_textarea { grid-area: 3/1/4/2; max-height: 200px; } .block_claim_tables { padding: 32px 18px; background: #fff; } .block_claim_tables_row { display: inline-flex; flex-direction: column; max-width: 100%; } .block_claim_table_count { margin-bottom: 48px; overflow: auto; } .block_claim_table_quality { overflow: auto; } .block_claim_table_count__del { position: absolute; right: 0; padding: 8px; box-shadow: -8px 0px 9px 0px rgba(34, 60, 80, 0.16); } .block_claim_table_count__header > div:last-child { box-sizing: border-box; border-radius: 0 8px 0 0; border-right: 1px solid #cbcbcb; position: absolute; right: 0; height: 75px; width: 40px; box-shadow: -8px 0px 9px 0px rgba(34, 60, 80, 0.16); } .block_claim_table_quality__header > div:last-child { box-sizing: border-box; border-radius: 0 8px 0 0; border-right: 1px solid #cbcbcb; position: absolute; right: 0; height: 60px; width: 40px; box-shadow: -8px 0px 9px 0px rgba(34, 60, 80, 0.16); } .block_claim__widget_act_checkbox { padding: 16px 18px 32px; } .block_claim__widget_act_title { font: normal 700 16px/24px "Verdana", sans-serif; margin: 32px 0 16px; padding: 0 18px; } } .block_claim_table { padding: 24px 24px 48px 48px; } .block_claim_table_head { display: grid; grid-template-columns: 80px 120px repeat(4, 180px) repeat(3, 200px) 337px; grid-template-rows: 1fr; grid-column-gap: 0px; grid-row-gap: 0px; } .block_claim_table_head_col { font: normal 700 14px/20px "Verdana", sans-serif; color: #1c1b1f; padding: 8px; border: 1px solid #efefef; background: #f5f5f5; border-bottom: 1px solid #cbcbcb; box-sizing: border-box; } .block_claim_table_head_col:not(:last-child) { border-right: 1px solid #efefef; } .block_claim_table_head_col:first-child { border-radius: 8px 0 0 0; border-left: 1px solid #cbcbcb; border-top: 1px solid #cbcbcb; } .block_claim_table_head_col:last-child { border-radius: 0 8px 0 0; border-top: 1px solid #cbcbcb; border-right: 1px solid #cbcbcb; } .block_claim_table_row { display: grid; grid-template-columns: 80px 120px repeat(4, 180px) repeat(3, 200px) 337px; grid-template-rows: 1fr; grid-column-gap: 0px; grid-row-gap: 0px; } .block_claim_table_row > div { box-sizing: border-box; border-bottom: 1px solid #efefef; background: #fff; } .block_claim_table_row > div:not(:last-child) { border-right: 1px solid #efefef; } .block_claim_table_row > div:first-child { border-left: 1px solid #cbcbcb; } .block_claim_table_row > div:last-child { border-right: 1px solid #cbcbcb; } .block_claim_table_row:last-child > div { border-bottom: 1px solid #cbcbcb; } .block_claim_table_row:last-child > div:first-child { border-radius: 0 0 0 8px; border-left: 1px solid #cbcbcb; border-bottom: 1px solid #cbcbcb; } .block_claim_table_row:last-child > div:last-child { border-radius: 0 0 8px 0; border-bottom: 1px solid #cbcbcb; border-right: 1px solid #cbcbcb; } .block_claim_table_row a { font: normal 400 14px/20px "Verdana", sans-serif; color: #2d6da9; text-decoration: none; } .block_claim_table_col { font: normal 400 14px/20px "Verdana", sans-serif; color: #1c1b1f; padding: 8px; } .block_claim_table_header__row { display: flex; padding: 24px 48px; } .block_claim_table_header__row:first-child { border-bottom: 1px solid #ebebeb; padding-bottom: 24px; } .block_claim_table_header__row:last-child { align-items: center; justify-content: space-between; } .block_claim_table_header__row > button { margin-right: 10px; } .block_claim_table_header__row-left { align-items: center; justify-content: flex-start !important; } .block_claim_table_header__input { display: flex; gap: 15px; } .block_claim_table_header__input > div { width: 330px; box-sizing: border-box; } @media (max-width: 767px) { .block_claim_table { padding: 16px 16px 18px 18px; overflow: auto; } .block_claim_table_header__input { display: flex; gap: 15px; flex-direction: column; width: 100%; } .block_claim_table_header__input > div { width: 100%; } .block_claim_table_header__row { display: flex; padding: 16px 18px; flex-direction: column; } .block_claim_table_header__row > button { margin-right: 10px; width: 100%; margin-top: 16px; } } .block_claim_list { padding: 25px 48px; } .block_claim_list ul { list-style: none; } .block_claim_list ul li { display: flex; width: 360px; } .block_claim_list ul li a { font: normal 400 16px/24px "Verdana", sans-serif; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M9.5 17L14.5 12L9.5 7V17Z' fill='%232D6DA9'/%3E%3C/svg%3E") no-repeat right center; color: #1c1b1f; padding: 16px; text-decoration: none; border-bottom: 1px solid #eaeaea; width: 100%; } .block_claim_list ul li:first-child { border-top: 1px solid #eaeaea; } .block_claim_list__col ul li { font: normal 400 12px/16px "Verdana", sans-serif; color: #49454f; flex-direction: column; align-items: flex-start; padding: 8px 16px; border-bottom: 1px solid #eaeaea; } .block_claim_list__col ul li > div:last-child { font-size: 16px; font-style: normal; font-weight: 400; line-height: 24px; } .block_claim__widget_checkbox input { position: absolute; z-index: -1; opacity: 0; } .block_claim__widget_checkbox input + label { display: inline-flex; align-items: center; -webkit-user-select: none; -moz-user-select: none; user-select: none; cursor: pointer; } .block_claim__widget_checkbox input + label:hover::before { border: 2px solid #2d6da9; } .block_claim__widget_checkbox input + label::before { content: ""; display: inline-block; width: 18px; height: 18px; flex-shrink: 0; flex-grow: 0; margin-right: 0.5em; border-radius: 2px; border: 2px solid #79747e; box-sizing: border-box; } .block_claim__widget_checkbox input:checked + label:hover::before { background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIj4KICA8cGF0aCBkPSJNMTAgMTYuNEw2IDEyLjRMNy40IDExTDEwIDEzLjZMMTYuNiA3TDE4IDguNEwxMCAxNi40WiIgZmlsbD0id2hpdGUiLz4KPC9zdmc+") no-repeat center center #355787; } .block_claim__widget_checkbox input:checked + label::before { background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIj4KICA8cGF0aCBkPSJNMTAgMTYuNEw2IDEyLjRMNy40IDExTDEwIDEzLjZMMTYuNiA3TDE4IDguNEwxMCAxNi40WiIgZmlsbD0id2hpdGUiLz4KPC9zdmc+") no-repeat center center #2d6da9; border-color: #2d6da9; } .block_claim__widget_checkbox input:disabled + label::before { border-radius: 2px; border: 2px solid #1c1b1f; opacity: 0.2; } .block_claim__widget_checkbox input:checked:disabled + label::before { background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIj4KICA8cGF0aCBkPSJNMTAgMTYuNEw2IDEyLjRMNy40IDExTDEwIDEzLjZMMTYuNiA3TDE4IDguNEwxMCAxNi40WiIgZmlsbD0id2hpdGUiLz4KPC9zdmc+") no-repeat center center #1c1b1f; border-radius: 2px; border: 2px solid #1c1b1f; opacity: 0.2; } .block_claim__widget_Intermediate_checkbox input { position: absolute; z-index: -1; opacity: 0; } .block_claim__widget_Intermediate_checkbox input + label { display: inline-flex; align-items: center; -webkit-user-select: none; -moz-user-select: none; user-select: none; cursor: pointer; } .block_claim__widget_Intermediate_checkbox input + label:hover::before { border: 2px solid #2d6da9; } .block_claim__widget_Intermediate_checkbox input + label::before { content: ""; display: inline-block; width: 18px; height: 18px; flex-shrink: 0; flex-grow: 0; margin-right: 0.5em; border-radius: 2px; border: 2px solid #79747e; box-sizing: border-box; } .block_claim__widget_Intermediate_checkbox input:checked + label:hover::before { background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIj4KICA8cGF0aCBkPSJNNyAxM1YxMUgxN1YxM0g3WiIgZmlsbD0id2hpdGUiLz4KPC9zdmc+") no-repeat center center #355787; } .block_claim__widget_Intermediate_checkbox input:checked + label::before { background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIj4KICA8cGF0aCBkPSJNNyAxM1YxMUgxN1YxM0g3WiIgZmlsbD0id2hpdGUiLz4KPC9zdmc+") no-repeat center center #2d6da9; border-color: #2d6da9; } .block_claim__widget_Intermediate_checkbox input:disabled + label::before { border-radius: 2px; border: 2px solid #1c1b1f; opacity: 0.2; } .block_claim__widget_Intermediate_checkbox input:checked:disabled + label::before { background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIj4KICA8cGF0aCBkPSJNNyAxM1YxMUgxN1YxM0g3WiIgZmlsbD0id2hpdGUiLz4KPC9zdmc+") no-repeat center center #1c1b1f; border-radius: 2px; border: 2px solid #1c1b1f; opacity: 0.2; } @media (max-width: 767px) { .block_claim_list { padding: 25px 0px; } .block_claim_list ul li { display: flex; width: 100%; box-sizing: border-box; } .block_claim__footer_btn a { width: 100%; box-sizing: border-box; margin-right: 0; } } .block_claim__inputs-title { font: normal 700 16px/24px "Verdana", sans-serif; color: #1c1b1f; /* 150% */ letter-spacing: 0.5px; margin: 24px 0 12px; } .block_claim__inputs-readonly { position: relative; background: #fff; padding-top: 10px; margin-bottom: 5px !important; } .block_claim__inputs-readonly:first-child { border-top: 1px solid #cac4d0; } .block_claim__inputs-readonly label { font: normal 400 12px/16px "Verdana", sans-serif; color: #49454f; letter-spacing: 0.5px; position: absolute; left: 17px; top: 8px; } .block_claim__inputs-link { border-bottom: 1px solid #cac4d0; } .block_claim__inputs-link a { background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M19 19H5V5H12V3H5C3.89 3 3 3.9 3 5V19C3 20.1 3.89 21 5 21H19C20.1 21 21 20.1 21 19V12H19V19ZM14 3V5H17.59L7.76 14.83L9.17 16.24L19 6.41V10H21V3H14Z' fill='%232D6DA9'/%3E%3C/svg%3E") no-repeat right center; color: #1c1b1f; font-size: 16px; font-style: normal; font-weight: 400; line-height: 24px; text-decoration: none; display: flex; align-items: center; justify-content: space-between; padding: 16px 30px 16px 18px; width: 100%; box-sizing: border-box; } .block_claim__inputs-ul { background: #fff; } .block_claim__input-readonly input { background: none; } .block_claim__input-readonly input:hover, .block_claim__input-readonly input:focus { background: none; } .block_claim__texts li { font: normal 400 16px/24px "Verdana", sans-serif; color: #1c1b1f; letter-spacing: 0.5px; padding: 12px 16px; border-bottom: 1px solid #cac4d0; } .block_claim__texts li:first-child { border-top: 1px solid #cac4d0; } .block_claim__checkbox_list { font: 16px/24px "Verdana", sans-serif; padding: 16px; margin: 0; letter-spacing: 0.5px; color: #49454f; padding: 16px; box-sizing: border-box; margin-bottom: 0 !important; } .block_claim__checkbox_list:not(:last-child) { border-bottom: 1px solid #cac4d0; } .block_claim__checkbox_list:first-child { border-top: 1px solid #cac4d0; } .block_claim__main_contact { display: flex; gap: 16px; flex-direction: column; } .block_claim__main_contact .block_claim__widget_title { margin: 0; } .block_claim__main_contact_col { background: #fff; padding: 0; border-radius: 16px; display: flex; flex-direction: column; gap: 16px; } .block_claim__main_contact_col input { margin: 0; } .block_claim_edit__text { grid-template-columns: 1fr; grid-template-rows: minmax(10px, 56px) auto; } .block_claim__inputs_label label { font: normal 400 12px/16px "Verdana", sans-serif; color: #49454f; margin-bottom: 5px; } .block_claim_edit__request_small { max-width: 450px; } @media (max-width: 767px) { .block_claim_edit__request_small { max-width: 100%; margin: 0 !important; } } .block_tabs_image { position: absolute; right: 0; bottom: 0; } .block_tab { max-width: 100%; overflow: auto; } @media (max-width: 767px) { .block_tabs_image { display: none; } } .block_tabs_main { padding: 24px 48px; } .block_tabs__title { font: normal 400 16px/24px "Verdana", sans-serif; color: #000; } .block_tabs__list { color: #1c1b1f; font-family: "Verdana", sans-serif; } .block_tabs__list ul { list-style: none; margin: 15px 0; } .block_tabs__list li { display: flex; align-items: stretch; justify-content: flex-start; flex-direction: row; width: 600px; width: 600px; border-top: 1px solid #eaeaea; background: #fff; padding-right: 24px; } .block_tabs__list li:last-child { border-bottom: 1px solid #eaeaea; } .block_tabs__list a { background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M19 19H5V5H12V3H5C3.89 3 3 3.9 3 5V19C3 20.1 3.89 21 5 21H19C20.1 21 21 20.1 21 19V12H19V19ZM14 3V5H17.59L7.76 14.83L9.17 16.24L19 6.41V10H21V3H14Z' fill='%232D6DA9'/%3E%3C/svg%3E") no-repeat right center; color: #1c1b1f; font-size: 16px; font-style: normal; font-weight: 400; line-height: 24px; text-decoration: none; display: flex; align-items: center; justify-content: space-between; padding: 16px 30px 16px 18px; width: 100%; box-sizing: border-box; } .block_tabs__list a.block_tabs__files { background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M18 15.0002V18.0002H6V15.0002H4V18.0002C4 19.1002 4.9 20.0002 6 20.0002H18C19.1 20.0002 20 19.1002 20 18.0002V15.0002H18ZM17 11.0002L15.59 9.59024L13 12.1702V4.00024H11V12.1702L8.41 9.59024L7 11.0002L12 16.0002L17 11.0002Z' fill='%232D6DA9'/%3E%3C/svg%3E") no-repeat right center; color: #1c1b1f; font-size: 16px; font-style: normal; font-weight: 400; line-height: 24px; text-decoration: none; display: flex; align-items: center; justify-content: space-between; padding: 16px 30px 16px 18px; width: 100%; box-sizing: border-box; } @media (max-width: 767px) { .block_tabs_main { padding: 24px 0; } .block_tabs__title { padding-left: 16px; padding-right: 16px; } .block_tabs__list { color: #1c1b1f; font-family: "Verdana", sans-serif; padding: 0 16px; } .block_tabs__list li { display: flex; align-items: stretch; justify-content: flex-start; flex-direction: row; width: 100%; } .block_tabs__list ul { margin-top: 0; } } .block_shipment_table { padding: 24px 48px; display: inline-flex; flex-direction: column; } .block_shipment_table_head { display: grid; grid-template-columns: 80px repeat(2, 120px) repeat(3, 180px) repeat(3, 200px) repeat(2, 180px); box-sizing: border-box; } .block_shipment_table_head_col { font: normal 700 14px/20px "Verdana", sans-serif; box-sizing: border-box; color: #1c1b1f; padding: 8px; border: 1px solid #efefef; background: #f5f5f5; border-bottom: 1px solid #cbcbcb; box-sizing: border-box; border-top: 1px solid #cbcbcb; } .block_shipment_table_head_col:not(:last-child) { border-right: 1px solid #efefef; } .block_shipment_table_head_col:first-child { border-radius: 8px 0 0 0; border-left: 1px solid #cbcbcb; border-top: 1px solid #cbcbcb; } .block_shipment_table_head_col:last-child { border-radius: 0 8px 0 0; border-top: 1px solid #cbcbcb; border-right: 1px solid #cbcbcb; } .block_shipment_table_rows { max-width: 1820px; } .block_shipment_table_row { display: grid; grid-template-columns: 80px repeat(2, 120px) repeat(3, 180px) repeat(3, 200px) 180px minmax(auto, 182px); grid-template-rows: 1fr; grid-column-gap: 0px; grid-row-gap: 0px; } .block_shipment_table_row:not(:last-child) { border-left: 1px solid #cbcbcb; border-bottom: 1px solid #efefef; } .block_shipment_table_row:last-child > div { box-sizing: border-box; border-bottom: 1px solid #cbcbcb; } .block_shipment_table_row:last-child > div:first-child { border-radius: 0 0 0 8px; border-left: 1px solid #cbcbcb; } .block_shipment_table_row:last-child > div:last-child { border-radius: 0 0 8px 0; border-right: 1px solid #cbcbcb; } .block_shipment_table_col { padding: 8px; background: #fff; } .block_shipment_table_col:not(:last-child) { border-right: 1px solid #efefef; } .block_shipment_table_col:last-child { border-right: 1px solid #cbcbcb; } .block_shipment_table_header__row { display: flex; padding: 24px 48px; align-items: center; justify-content: space-between; } .block_shipment_table_header__input { display: flex; gap: 15px; } .block_shipment_table_header__input > div { width: 330px; box-sizing: border-box; } .block_shipment_table_header__input p { font: normal 400 12px/16px Roboto; color: #49454f; margin: 5px 0; } @media (max-width: 767px) { .block_shipment_table { padding: 24px 16px; display: inline-flex; flex-direction: column; overflow: auto; max-width: 100%; box-sizing: border-box; } .block_shipment_table_header__row { display: flex; padding: 24px 16px 0; align-items: center; justify-content: space-between; flex-direction: column; } .block_shipment_table_header__row .title_block__btn { margin-top: 16px; flex-direction: column; } .block_shipment_table_header__row .title_block__btn button { margin-left: 0; } .block_shipment_table_header__row button:not(:last-child) { margin-bottom: 16px; } .block_shipment_table_header__input { display: flex; gap: 15px; flex-direction: column; width: 100%; align-items: stretch; } .block_shipment_table_header__input > div { width: 100%; } .block_shipment_table_row { display: grid; grid-template-columns: 80px repeat(2, 120px) repeat(3, 180px) repeat(3, 200px) 180px minmax(179px, 182px); grid-template-rows: 1fr; grid-column-gap: 0px; grid-row-gap: 0px; } } .header_block__burger { cursor: pointer; } .bar { background: #000; display: block; width: 24px; /* The following 2 properties are essential in creating the "X" when the hamburger is clicked. If you change just 1 of the 2, then you need to find the proper combination for the other one */ height: 2px; margin: 6px auto; /* -webkit-transition: all 300ms ease; */ transition: all 300ms ease-in-out; } .header_block__burger.active .bar:nth-child(2) { opacity: 0; } .header_block__burger.active .bar:nth-child(1) { transform: translateY(8px) rotate(45deg); } .header_block__burger.active .bar:nth-child(3) { transform: translateY(-8px) rotate(-45deg); } .header_block_menu__mobile { display: none; } @media (max-width: 767px) { .header_block_menu__mobile { display: block; } .header_block { height: 56px; z-index: 999; position: fixed; top: 0; left: 0; right: 0; background: #fff; justify-content: space-between; } } .header_block_menu__mobile { background: #fff; position: fixed; left: -900px; overflow: auto; transition: all 0.5s; right: 0; height: 100%; max-width: 100%; z-index: 199; bottom: 0; padding-top: 57px; top: 0; } .header_block_menu__mobile.active { left: 0%; } .header_block_menu__mobile__item { border-bottom: 1px solid #eaeaea; } .header_block_menu__mobile__item a { font: normal 400 16px/24px "Verdana", sans-serif; color: #1c1b1f; text-decoration: none; padding: 16px 24px 16px 16px; display: flex; position: relative; } .header_block_menu__mobile__item.sub > a { transition: all 0.5s; } .header_block_menu__mobile__item.sub > a::before { background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M7 9.5L12 14.5L17 9.5H7Z' fill='%2379747E'/%3E%3C/svg%3E") no-repeat right; content: ""; position: absolute; width: 24px; height: 24px; position: absolute; right: 24px; } .header_block_menu__mobile__item.sub.submenu-hide { background: #e3e3e3; } .header_block_menu__mobile__item.sub.submenu-hide > a::before { transform: rotate(180deg); } .header_block_menu__mobile__item-active { background: #ebf5ff; } .header_block_menu__mobile__item-active a { color: #2d6da9; } .header_block_menu__mobile ul ul { width: 100%; position: relative; box-shadow: none; background: #f2f2f2; float: left; display: none; } .header_block_menu__item a:hover { color: #2d6da9; } .header_block_menu__submenu { position: relative; } .header_block_menu__submenu > a { padding-right: 25px; } .header_block_menu__submenu > a::before { background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M5.83301 12.0832L9.99967 7.9165L14.1663 12.0832H5.83301Z' fill='%232D6DA9'/%3E%3C/svg%3E") no-repeat center center; content: ""; position: absolute; width: 24px; height: 24px; position: absolute; right: 0; transform: rotate(180deg); } .header_block_menu__submenu > a:hover::before { background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M5.83301 12.0832L9.99967 7.9165L14.1663 12.0832H5.83301Z' fill='%232D6DA9'/%3E%3C/svg%3E") no-repeat center center; content: ""; position: absolute; width: 24px; height: 24px; position: absolute; right: 0; transform: rotate(0deg); } .header_block_menu__submenu > a:hover + .header_block_menu__submenu__items { display: flex; } .header_block_menu__submenu__items { box-shadow: 0px 2px 6px 2px rgba(0, 0, 0, 0.15), 0px 1px 2px 0px rgba(0, 0, 0, 0.3); background: #fff; position: absolute; flex-direction: column; list-style: none; z-index: 99; display: none; padding: 8px 0; border-radius: 4px; top: 60px; } .header_block_menu__submenu__items:hover { display: flex; } .header_block_menu__submenu__items a { padding: 8px 16px; display: flex; align-items: center; justify-content: flex-start; text-align: left; margin: 0; min-width: 200px; padding: 10px 16px; } .header_block_menu__submenu__items a:hover { color: #000; } .header_block_menu__submenu__item:hover { background: #e1e3e1; } .header_block__users { flex: 1 1 auto; display: flex; align-items: center; justify-content: flex-end; } .header_block__user { color: #000; } .header_block__user_name { font: normal 400 16px/24px "Verdana", sans-serif; color: #000; text-align: center; margin-right: 24px; } .header_block__user_exit a { font: normal 400 16px/24px "Verdana", sans-serif; color: #79747e; text-decoration: none; } .header_block__user_exit a:visited { color: #79747e; } .header_block__user_exit a:hover { color: #2d6da9; } @media (max-width: 767px) { .header_block__users { display: none; } } .header_block_menu__mobile__item_name { font: normal 400 16px/24px "Verdana", sans-serif; color: #1c1b1f; padding: 16px 18px; } .header_block_menu__mobile__item_exit { font: normal 400 16px/24px Verdana; text-decoration: none; color: #79747e; } .header_block_menu__mobile__item_exit a { color: #79747e; } .header_block_menu__mobile__item_exit a:visited { color: #79747e; } /* xl-размер (>=1200px) */ /* CSS для >=1200px */ /* lg-размер (<=1199px) */ @media (max-width: 1199px) { /* CSS для ширины от 992px до 1199px */ } /* md-размер (<=991px) */ @media (max-width: 991px) { /* CSS для ширины от 768px до 991px */ } /* sm-размер (<=768px) */ @media (max-width: 767px) { .header_block__burger { display: block; } /* CSS для ширины от 576px до 767px */ .main_tables { padding: 0 18px; overflow: auto; } .header_block_menu { display: none; } .header_block { height: 56px; } .header_block_logo img { height: 24px; } .block_filters { width: 100%; padding-top: 57px; } .block_filters.active { left: 0; right: 0; } .block_filters__input input { width: 100%; } } /* xs-размер (<=575px) */ @media (max-width: 575px) { /* CSS для ширины до 575px (включительно) */ } .authorization_block { width: 360px; display: flex; flex-direction: column; align-items: stretch; } .authorization_block__body { display: flex; flex-direction: row; justify-content: center; align-items: center; } .authorization_block__logo { display: flex; align-items: center; justify-content: center; } .authorization_block__logo_text { font: normal 700 24px/32px "Verdana", sans-serif; color: #000; text-align: center; text-align: center; padding: 16px 0 32px; } .authorization_block label { font: normal 400 14px/20px "Verdana", sans-serif; color: #000; text-align: center; } .authorization_block input { width: 100%; margin: 0; } .authorization_block ul { padding: 0; margin: 0; list-style: none; } .authorization_block ul li { margin-bottom: 16px; } .authorization_block__title { font: normal 400 24px/32px "Verdana", sans-serif; color: #000; text-align: center; margin-bottom: 24px; } .authorization_block__checkbox { margin-bottom: 24px; margin-top: 24px; } .authorization_block__btn { width: 100%; } @media (max-width: 767px) { .authorization_block { width: 100%; display: flex; flex-direction: column; align-items: stretch; padding: 0 16px; } } .block_request { max-width: 600px; padding: 0 48px; margin-bottom: 60px; } .block_request ul { list-style: none; } .block_request__footer_btn { margin-top: 32px; display: flex; justify-content: flex-end; } .block_request__footer_btn a { font: normal 400 14px/20px "Verdana", sans-serif; color: #2d6da9; text-align: center; } .block_request_form__group li { margin-bottom: 15px; } .block_request_form__group li input { margin: 0; } .block_request_form__items-duble { display: flex; align-items: center; } .block_request_form__items-50 { display: flex; gap: 16px; } .block_request_form__items-50 div { width: 50%; } .block_request_form__items-30 { display: flex; gap: 16px; } .block_request_form__items-30 > div:first-child { width: 120px; } .block_request_form__items-30 > div:last-child { flex: 1; } .block_request_form__checkbox { margin: 0 !important; border: none; } .block_request_form__input { width: 340px; margin-right: 16px; } .block_request_form__name { font: normal 400 16px/24px "Verdana", sans-serif; color: #49454f; padding-left: 16px; } .block_request_form__label { font: normal 400 12px/16px "Verdana", sans-serif; color: #49454f; } .block_request select { height: 56px; background: #f7f7f7; border-radius: 4px 4px 0px 0px; border: none; border-bottom: 1px solid #cac4d0; font-size: 16px; line-height: 24px; letter-spacing: 0.5px; color: #49454f; padding: 16px 35px 16px 16px; box-sizing: border-box; width: 100%; -webkit-appearance: none; -moz-appearance: none; appearance: none; margin-bottom: 15px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .block_request select:focus { background: #e3e3e3; outline: none; border-bottom: 2px solid #2d6da9; } .block_request_widget { background: #fff; border-radius: 16px; border: 1px solid #E3E3E3; padding: 24px; margin-bottom: 16px; } .block_request_widget__header { display: flex; align-items: center; justify-content: space-between; } .block_request_widget__text { font: normal 700 16px/24px "Verdana", sans-serif; color: #000; } .block_request_widget__btn button { font: normal 400 14px/20px "Verdana", sans-serif; background: #e1f1ff; padding: 10px 24px 10px 16px; color: #2d6da9; text-align: center; border-radius: 100px; border: none; display: flex; align-items: center; justify-content: flex-start; cursor: pointer; } .block_request_widget__btn button svg { margin-right: 8px; } .block_request_widget__btn button:hover { background: #cde8ff; } .block_request_widget__btn--w100 button { width: 100%; justify-content: center; } .modal__close_modal { display: none; } .block_request_widget__modal { display: none !important; } .block_request_widget__open > div { display: flex; align-items: center; justify-content: flex-start; } .block_request_widget__open > div:last-child { display: none; } .block_request_widget__open.open > div:first-child { display: none; } .block_request_widget__open.open > div:last-child { display: flex; } @media (max-width: 767px) { .block_request_widget__open { display: none !important; } .block_request_widget__modal { display: flex !important; } main { background: none !important; } .block_request { max-width: 600px; padding: 0 16px; } .block_request_form__input { width: 100%; margin: 0; } .block_request_form__items-duble { display: flex; align-items: center; flex-wrap: wrap; } .block_request_form__checkbox { margin: 0 !important; border: none; display: flex; flex-direction: row-reverse; justify-content: space-between; width: 100%; padding-top: 8px; padding-bottom: 8px; margin-top: 16px !important; } .block_request_form__checkbox > div { padding: 0; } .block_request_form__items-50 { display: flex; gap: 16px; flex-direction: column; } .block_request_form__items-50 div { width: 100%; } .block_request_form__items-30 { display: flex; gap: 16px; flex-direction: column; } .block_request_form__items-30 > div:first-child { width: 100%; } .block_request_widget { padding: 16px; } .block_request_widget__btn:not(.block_request_widget__btn--w100) button { font-size: 0; padding: 10px 16px; } .block_request_widget__btn:not(.block_request_widget__btn--w100) button svg { margin-right: 0; } .block_request__footer_btn { margin-top: 32px; display: flex; justify-content: flex-end; flex-direction: column-reverse; } .block_request__footer_btn button { margin-bottom: 16px; width: 100%; } .modal__container_nom { min-width: 100%; } .modal__item_checkbox label::before { margin-top: 20px; margin-right: 15px !important; } .block_claim__input.modal__item_input { flex-basis: 80px; min-width: 80px; display: flex; align-items: center; } .modal__container_nom { min-width: 100% !important; } .modal__close_modal { display: flex; } .modal__close_desktop { display: none !important; } } .block_request_widget__body_1 .modal__container_nom { min-width: unset; } .block_request_widget__body_1 .micromodal-slide { display: block; } .block_request_widget__body_1 .micromodal-slide .modal__overlay { position: relative; background: none; } .block_request_widget__body_1 .micromodal-slide .modal__header { display: none; } .block_request_widget__body_1 .micromodal-slide .modal__footer { display: none; } .block_request_widget__body_1 .micromodal-slide .modal__container { min-width: 100%; max-width: 100%; max-height: unset; } .block_request_widget__body_1 .micromodal-slide .modal__container section { margin: 0; padding: 0; } .block_request_widget__body_2 .modal__container_nom { min-width: unset; } .block_request_widget__body_2 .micromodal-slide { display: block; } .block_request_widget__body_2 .micromodal-slide .modal__overlay { position: relative; background: none; } .block_request_widget__body_2 .micromodal-slide .modal__header { display: none; } .block_request_widget__body_2 .micromodal-slide .modal__footer { display: none; } .block_request_widget__body_2 .micromodal-slide .modal__container { min-width: 100%; max-width: 100%; max-height: unset; } .block_request_widget__body_2 .micromodal-slide .modal__container section { margin: 0; padding: 0; } @media (max-width: 767px) { .block_request_widget__body_1 { display: flex !important; z-index: 9999; margin: 0 !important; padding: 0 !important; } .block_request_widget__body_1 .modal__container_nom { min-width: 600px; } .block_request_widget__body_1 .micromodal-slide { display: none; } .block_request_widget__body_1 .micromodal-slide .modal__overlay { position: fixed; background: rgba(0, 0, 0, 0.6); } .block_request_widget__body_1 .micromodal-slide .modal__header { display: flex; } .block_request_widget__body_1 .micromodal-slide .modal__footer { display: flex; } .block_request_widget__body_1 .micromodal-slide .modal__container { max-width: 500px; max-height: 100vh; } .block_request_widget__body_1 .micromodal-slide .modal__container section { margin: 16px 0; padding: 0 16px; } .block_request_widget__body_2 { display: flex !important; z-index: 9999; margin: 0 !important; padding: 0 !important; } .block_request_widget__body_2 .modal__container_nom { min-width: 600px; } .block_request_widget__body_2 .micromodal-slide { display: none; } .block_request_widget__body_2 .micromodal-slide .modal__overlay { position: fixed; background: rgba(0, 0, 0, 0.6); } .block_request_widget__body_2 .micromodal-slide .modal__header { display: flex; } .block_request_widget__body_2 .micromodal-slide .modal__footer { display: flex; } .block_request_widget__body_2 .micromodal-slide .modal__container { max-width: 500px; max-height: 100vh; } .block_request_widget__body_2 .micromodal-slide .modal__container section { margin: 16px 0; padding: 0 16px; } } .block_request_comments__title { font: normal 700 16px/24px "Verdana", sans-serif; color: #000; margin-bottom: 16px; } .block_request_comment__head { display: flex; align-items: center; justify-content: space-between; } .block_request_comment__data { margin-left: 10px; } .block_request_comment__del button { background: none; border: none; outline: none; display: flex; } .block_request_comment__title { font: normal 400 14px/20px Verdana; color: #49454f; margin-bottom: 8px; margin-right: 10px; display: flex; align-items: center; justify-content: flex-start; } .block_request_comment__body { font: normal 400 16px/24px "Verdana", sans-serif; color: #1c1b1f; letter-spacing: 0.5px; } .block_request_comment__list { display: flex; gap: 8px; flex-direction: column; } .block_request_comment__list li { padding: 16px; border-radius: 8px; border: 1px solid #e3e3e3; } .block_request_comment__field { margin: 16px 0; } .block_request_comment__btn { display: flex; justify-content: flex-end; } .block_request_comment__btn button { font: normal 400 14px/20px Verdana; color: #2D6DA9; text-align: center; padding: 10px 24px; background: #fff; cursor: pointer; border-radius: 100px; border: 1px solid #2D6DA9; outline: none; transition: background-color 0.2s ease-in; } .block_request_comment__btn button:hover { background: #2D6DA9; color: #fff; transition: background-color 0.2s ease-in; } .block_request_comment__btn a { font: normal 400 14px/20px Verdana; color: #2D6DA9; text-align: center; padding: 10px 24px; background: #fff; cursor: pointer; border-radius: 100px; border: 1px solid #2D6DA9; outline: none; transition: background-color 0.2s ease-in; width: 100%; text-decoration: none; display: flex; align-items: center; justify-content: center; margin: 24px 0; } .block_request_comment__btn a svg { margin-right: 8px; } .block_request_comment__btn a:hover { background: #2D6DA9; color: #fff; transition: background-color 0.2s ease-in; } .block_request_comment__btn a:hover svg path { fill: #fff; } @media (max-width: 767px) { .block_request_comment__btn button { width: 100%; } } .modal__overlay { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.6); display: flex; justify-content: center; align-items: center; } .modal__container { background: #fff; max-width: 500px; max-height: 100vh; border-radius: 16px; overflow-y: auto; box-sizing: border-box; } .modal__header { display: flex; justify-content: space-between; align-items: center; padding: 24px; border-bottom: 1px solid #e3e3e3; } .modal__header h2 { margin: 0; } .modal__title { font: normal 400 20px/24px "Verdana", sans-serif; color: #1c1b1f; box-sizing: border-box; } .modal__close { background: transparent; border: 0; cursor: pointer; width: 24px; height: 24px; box-sizing: border-box; display: flex; align-items: center; justify-content: center; padding: 0; } .modal__content { font: normal 400 24px/32px "Verdana", sans-serif; margin: 24px 0; padding: 0 24px; color: #1c1b1f; } .modal__content__name { font: normal 400 14px/20px "Verdana", sans-serif; color: #1c1b1f; padding: 16px 0; } .modal__content__subtitle { font: normal 400 24px/32px "Verdana", sans-serif; color: #1c1b1f; } .modal__footer { padding: 24px; display: flex; align-items: center; justify-content: flex-end; border-top: 1px solid #e3e3e3; } .modal__footer a { font: normal 400 14px/20px "Verdana", sans-serif; display: block; color: #2d6da9; text-align: center; cursor: pointer; padding: 10px 24px; border-radius: 100px; background: #fff; border: none; } .modal__btn { background: #e6e6e6; padding: 0.5rem 1rem; font-size: 0.875rem; color: rgba(0, 0, 0, 0.8); border-radius: 0.25rem; border-style: none; border-width: 0; cursor: pointer; -webkit-appearance: button; text-transform: none; overflow: visible; line-height: 1.15; margin: 0; will-change: transform; -moz-osx-font-smoothing: grayscale; -webkit-backface-visibility: hidden; backface-visibility: hidden; transform: translateZ(0); transition: transform 0.25s ease-out; } .modal__btn:focus, .modal__btn:hover { transform: scale(1.05); } .modal__btn-primary { background: #00449e; color: #fff; } /**************************\ Demo Animation Style \**************************/ @keyframes mmfadeIn { from { opacity: 0; } to { opacity: 1; } } @keyframes mmfadeOut { from { opacity: 1; } to { opacity: 0; } } @keyframes mmslideIn { from { transform: translateY(15%); } to { transform: translateY(0); } } @keyframes mmslideOut { from { transform: translateY(0); } to { transform: translateY(-10%); } } .micromodal-slide { display: none; } .micromodal-slide.is-open { display: block; } .micromodal-slide[aria-hidden=false] .modal__overlay { animation: mmfadeIn 0.3s cubic-bezier(0, 0, 0.2, 1); } .micromodal-slide[aria-hidden=false] .modal__container { animation: mmslideIn 0.3s cubic-bezier(0, 0, 0.2, 1); } .micromodal-slide[aria-hidden=true] .modal__overlay { animation: mmfadeOut 0.3s cubic-bezier(0, 0, 0.2, 1); } .micromodal-slide[aria-hidden=true] .modal__container { animation: mmslideOut 0.3s cubic-bezier(0, 0, 0.2, 1); } .micromodal-slide .modal__container, .micromodal-slide .modal__overlay { will-change: transform; } .modal__container_nom { min-width: 600px; } .modal__container_close { font: normal 400 14px/20px "Verdana", sans-serif; padding: 10px 16px; border-radius: 100px; background: #e1f1ff; width: auto; height: auto; color: #2d6da9; text-align: center; cursor: pointer; } .modal__container_close svg { margin-right: 8px; } .modal__container_close:hover { background: #cde8ff; } .modal__items { list-style: none; } .modal__item { font: normal 400 16px/24px "Verdana", sans-serif; color: #000; } .modal__item_header { display: flex; align-items: center; justify-content: space-between; padding-bottom: 16px; border-bottom: 1px solid #e3e3e3; } .modal__item_title { padding: 24px 0 16px; border-bottom: 1px solid #e3e3e3; font-weight: 700; } .modal__item_nom { display: flex; padding: 16px 0; border-bottom: 1px solid #e3e3e3; gap: 16px; } .modal__item_input { flex-basis: 120px; min-width: 120px; display: flex; align-items: center; } .modal__item_input input { height: 40px; margin: 0; padding: 8px 16px; } .modal__item_info { font: normal 400 16px/24px Roboto; display: flex; padding: 16px 0; border-bottom: 1px solid #e3e3e3; flex-direction: column; color: #1C1B1F; } .modal__item_info span { font: normal 500 12px/16px Roboto; color: #49454F; } .modal__item_checkbox { flex: 1 1 auto; } .modal__item_checkbox label { display: flex; align-items: flex-start !important; } .modal__item_checkbox label::before { margin-top: 4px; margin-right: 15px !important; } @media (max-width: 767px) { .micromodal-slide.is-open { display: block; z-index: 99999; } .modal__container { background: #fff; max-width: 500px; max-height: 100vh; height: 100vh; border-radius: 0; overflow-y: auto; box-sizing: border-box; display: flex; flex-direction: column; } .modal__content { margin: 16px 0; padding: 0 16px; color: #1c1b1f; flex: 1; } .modal__footer { padding: 16px; display: flex; align-items: center; justify-content: flex-end; border-top: 1px solid #e3e3e3; flex-direction: column-reverse; gap: 16px; } .modal__footer button { width: 100%; } .modal__footer a { margin: 0; } .modal__header { display: flex; justify-content: space-between; align-items: center; padding: 16px; border-bottom: 1px solid #e3e3e3; } } .servise_tabs { padding: 24px 48px; } .servise_tabs__list ul { display: flex; list-style: none; gap: 16px; } .servise_tabs__list ul li a { font: normal 400 24px/32px "Verdana", sans-serif; background: #fff; width: 360px; height: 140px; display: flex; border-radius: 16px; border: 1px solid #c7c7c7; align-items: center; justify-content: center; flex-direction: column; color: #1c1b1f; text-decoration: none; } .servise_tabs__list ul li a svg { margin-bottom: 12px; } .servise_tabs__list ul li a:hover { color: #2d6da9; } .servise_tabs__list ul li a:hover svg path { fill: #2d6da9; } .servise_tabs__list ul li a:active { color: #355787; } .servise_tabs__list ul li a:active svg path { fill: #355787; } @media (max-width: 767px) { .servise_tabs { padding: 0; } .servise_tabs_main { padding: 0 16px; } .servise_tabs__list ul { display: flex; list-style: none; gap: 16px; flex-direction: column; } .servise_tabs__list ul li a { width: 100%; } .servise_tabs .block_tabs__list { padding: 0; overflow: hidden; } .servise_tabs .block_tabs__list a { padding-left: 0; } } .basket_checkout { display: flex; justify-content: flex-end; margin: 24px 48px; } .basket_checkout__header { display: flex; align-items: center; justify-content: space-between; padding: 0 48px; margin: 24px 0; } .basket_checkout__header a { text-decoration: none; } .basket_checkout__tables { margin: 24px 48px; padding: 0; } .basket_checkout__table { width: 100%; margin: 0; } .basket_checkout_container { font: normal 24px "Verdana", sans-serif; color: #1c1b1f; max-width: 450px; } .basket_checkout_container span { color: #79747e; font-size: 16px; font-style: normal; font-weight: 400; line-height: 24px; margin-right: 16px; } .basket_checkout_container_total span { color: #79747e; font-size: 16px; font-style: normal; font-weight: 400; line-height: 24px; } .basket_checkout_container_total_info { background: #f5f7cc; padding: 8px 16px; font-size: 14px; font-style: normal; font-weight: 400; line-height: 20px; margin: 24px 0; max-width: 100%; display: flex; overflow: hidden; word-wrap: break-word; } .basket_checkout_container_total_price { font-weight: 700; line-height: 32px; display: flex; align-items: flex-end; justify-content: center; } .basket_checkout_container_total_price span { flex: 1; } .basket_checkout_container_total_val { font-style: normal; font-weight: 700; line-height: 32px; margin-bottom: 16px; display: flex; align-items: flex-end; justify-content: center; } .basket_checkout_container_total_btn { display: flex; align-items: center; justify-content: flex-end; } .basket_checkout_container_total_btn button { width: auto; } .basket_checkout__table_delete { border: none; background: none; cursor: pointer; } .basket_checkout__table_delete:hover svg path { fill: #dc362e; } .basket_checkout__table_delete:active svg path { fill: #b3261e; } .basket_checkout__blocks { display: none; } .basket_checkout__item { background: #fff; padding: 16px; border-radius: 16px; margin-bottom: 16px; } .basket_checkout__item_header { display: flex; align-items: flex-start; justify-content: space-between; gap: 16px; } .basket_checkout__item_btn { display: flex; align-items: flex-start; justify-content: space-between; gap: 16px; } .basket_checkout__item_name { font: normal 400 14px/20px "Verdana", sans-serif; color: #1c1b1f; } .basket_checkout__item_delete:hover svg path { fill: #dc362e; } .basket_checkout__item_delete:active svg path { fill: #b3261e; } .basket_checkout__item_price { font: normal 400 14px "Verdana", sans-serif; display: flex; justify-content: space-between; color: #1c1b1f; margin: 16px 0; } .basket_checkout__item_price span { color: #79747e; font-size: 14px; font-style: normal; font-weight: 400; } .basket_checkout__item_total { font: normal 700 14px "Verdana", sans-serif; display: flex; justify-content: space-between; color: #1c1b1f; margin: 16px 0 0 0; } .basket_checkout__item_total span { color: #79747e; font-size: 14px; font-style: normal; font-weight: 400; } @media (max-width: 767px) { .basket_checkout { background: #fff; margin: 0; margin: 16px 0; padding: 16px; border-radius: 16px; } .basket_checkout__blocks { display: flex; } .basket_checkout__main { background: #f0f0f0 !important; } .basket_checkout__table { display: none; } .basket_checkout_container_total_btn button { width: 100%; } .basket_checkout_container_total_info { background: #f5f7cc; padding: 8px 16px; font-size: 14px; font-style: normal; font-weight: 400; line-height: 20px; margin: 16px 0; max-width: 100%; display: flex; overflow: hidden; word-wrap: break-word; } .basket_checkout_container_total_val { font-style: normal; font-weight: 700; line-height: 32px; margin-bottom: 16px; display: flex; align-items: flex-end; justify-content: space-between; display: flex; justify-content: space-between; font-family: "Verdana", sans-serif; font-size: 14px; font-style: normal; font-weight: 700; color: #1c1b1f; margin: 0; } .basket_checkout_container_total_val span { color: #79747e; font-size: 14px; font-style: normal; font-weight: 400; } .basket_checkout_container_total_price { font-weight: 700; line-height: 32px; display: flex; align-items: flex-end; justify-content: space-between; display: flex; justify-content: space-between; font-family: "Verdana", sans-serif; font-size: 14px; font-style: normal; font-weight: 700; color: #1c1b1f; margin: 8px 0 0 0; } .basket_checkout_container_total_price span { color: #79747e; font-size: 14px; font-style: normal; font-weight: 400; } } .basket_checkout { display: flex; justify-content: space-between; margin: 24px 48px; } .basket_checkout__main .btn_tab span { font: normal 400 16px/24px "Verdana", sans-serif; color: #2d6da9; text-align: center; margin-left: 4px; } .basket_checkout__main .btn_tab-active { color: #1c1b1f; } .basket_checkout__amount { border-radius: 100px; background: #f2f2f2; display: flex; align-items: center; justify-content: space-between; padding: 10px 12px; max-width: 125px; } .basket_checkout__amount button { border: none; background: none; padding: 0; display: flex; align-items: center; justify-content: center; cursor: pointer; } .basket_checkout__amount button:hover svg path { fill: #2d6da9; } .basket_checkout__amount button:active svg path { fill: #355787; } .basket_checkout__amount_input { display: flex; justify-content: center; } .basket_checkout__amount_input input { font: normal 400 14px/20px "Verdana", sans-serif; max-width: 100%; width: 100%; background: none; border: none; display: flex; justify-content: center; text-align: center; outline: none; color: #1c1b1f; } footer { background: #f0f0f0 !important; } footer a { display: none; } .basket_checkout__footer_btn { background: #fff !important; } @media (max-width: 767px) { .basket_checkout__main .micromodal-slide.is-open { display: flex; position: absolute; z-index: 99999; } .basket_checkout__main .modal__close { background: transparent; border: 0; cursor: pointer; width: 40px; height: 24px; box-sizing: border-box; display: flex; align-items: center; justify-content: center; padding: 0; } .basket_checkout { background: #fff; margin: 0; margin: 0 !important; padding: 16px; border-radius: 16px; } .basket_checkout__main .title_block__tabs { background-color: #fff; padding-bottom: 0; } .basket_checkout__tables { margin: 0; padding: 0; } .basket_checkout__amount { width: 100%; box-sizing: border-box; max-width: 100%; } .basket_checkout__header { display: flex; align-items: center; justify-content: space-between; padding: 0 16px; margin: 16px 0; } .basket_checkout__header a { width: 100%; } .basket_checkout__header a:last-child { display: none; } footer a { display: flex; text-decoration: none; } } .basket_fotter__search { width: 100%; } .basket_fotter__search_header { display: flex; align-items: center; justify-content: flex-start; } .basket_fotter__search_btn { display: flex; align-items: center; justify-content: flex-start; } .basket_fotter__search_btn a { font: normal 400 14px/20px "Verdana", sans-serif; cursor: pointer; color: #2d6da9; text-align: center; padding: 10px 24px; border-radius: 100px; border: 1px solid #2d6da9; text-decoration: none; } .basket_fotter__search_btn a:hover { color: #fff; background: #2d6da9; } .basket_fotter__search_body { display: flex; align-items: flex-start; flex-wrap: nowrap; } .basket_fotter__search_body.hide { display: none; } .basket_fotter__search_row { display: flex; align-items: flex-start; flex-wrap: nowrap; } @media (max-width: 767px) { .basket_checkout { background: #fff; margin: 0; margin: 0 !important; padding: 16px; border-radius: 16px; display: flex; flex-direction: column-reverse; } .basket_checkout_add { margin-top: 16px; } .basket_checkout_container { font: normal 24px "Verdana", sans-serif; color: #1c1b1f; max-width: 100%; } .basket_fotter__search_btn { display: flex; align-items: center; justify-content: flex-start; width: 100%; } .basket_fotter__search_btn a { width: 100%; } .basket_fotter__search_row { display: flex; align-items: flex-start; flex-wrap: nowrap; flex-direction: column; } } .market__main { background: #f5f5f5; } .market__main .title_block { background: #fff; } .market__table { margin-top: 0; } .market__search { display: flex; align-items: center; justify-content: space-between; gap: 24px; padding: 24px 0 16px; } .market__search_input { flex: 1 1 auto; border-radius: 28px; background: #f2f2f2; display: flex; align-items: center; padding: 10px 24px; justify-content: space-between; } .market__search_input input { color: #79747e; font-family: Roboto; letter-spacing: 0.5px; flex: 1 1 auto; background: #f2f2f2; border: none; outline: none; } .market__search_input button { background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M14.76 13.27L20.49 19L19 20.49L13.27 14.76C12.2 15.53 10.91 16 9.5 16C5.91 16 3 13.09 3 9.5C3 5.91 5.91 3 9.5 3C13.09 3 16 5.91 16 9.5C16 10.91 15.53 12.2 14.76 13.27ZM9.5 5C7.01 5 5 7.01 5 9.5C5 11.99 7.01 14 9.5 14C11.99 14 14 11.99 14 9.5C14 7.01 11.99 5 9.5 5Z' fill='%2349454F'/%3E%3C/svg%3E"); width: 24px; height: 24px; cursor: pointer; box-sizing: border-box; border: none; outline: none; } .market__search_switch { font: normal 400 14px/20px "Verdana", sans-serif; display: flex; align-items: center; color: #1c1b1f; text-align: center; } .market__search_switch label { margin-left: 12px; } .market__body { display: flex; gap: 16px; padding: 0 48px; align-items: flex-start; margin: 24px 0; } .market_widget { padding: 24px; background: #fff; border-radius: 16px; } .market_widget__title { font: normal 400 24px/32px "Verdana", sans-serif; color: #1c1b1f; } .market_widget__tovar { max-width: 960px; } .market_widget__tovar_btn { display: flex; align-items: center; justify-content: flex-end; margin-top: 24px; } .market_widget__tovar_btn a { text-decoration: none; } .market_widget__tovar_btn a svg { margin-right: 8px; } .market_widget__files { flex: 1; } .market_widget__files_btn { display: none; margin-top: 16px; } .market_widget__files_btn a { text-decoration: none; width: 100%; } .market_widget_upload__wrapper { border-radius: 12px; background: #f5f5f5; padding: 16px; margin-top: 24px; } .market_widget_upload__wrapper.load .market_widget_upload__row { display: none; } .market_widget_upload__wrapper.load .market_widget_upload__file { display: flex; } .market_widget_upload__wrapper.load .market_widget__files_btn { display: flex; } .market_widget_upload__row { border-radius: 8px; border: 1px dashed #2d6da9; background: #fff; padding: 24px; display: flex; flex-direction: column; align-items: center; } .market_widget_upload__link a { font: normal 400 16px/20px "Verdana", sans-serif; color: #2d6da9; text-align: center; text-decoration: none; } .market_widget_upload__info { font: normal 400 16px/24px Verdana; color: #808080; } .market_widget_upload__img { display: flex; margin-bottom: 10px; } .market_widget_upload__file { border-radius: 8px; border: 1px dashed #2d6da9; background: #fff; padding: 24px; display: none; flex-direction: column; align-items: center; } .market_widget_upload__file ul { list-style: none; display: flex; align-items: center; justify-content: flex-start; width: 100%; } .market_widget_upload__file li { font: normal 400 16px/20px "Verdana", sans-serif; display: flex; width: 100%; align-items: center; justify-content: space-between; color: #1c1b1f; } .market_widget_upload__file li button { background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M19 6.41L17.59 5L12 10.59L6.41 5L5 6.41L10.59 12L5 17.59L6.41 19L12 13.41L17.59 19L19 17.59L13.41 12L19 6.41Z' fill='black' /%3E%3C/svg%3E") no-repeat center; border: none; width: 24px; height: 24px; cursor: pointer; } .market__tables { margin: 0; padding: 0; } .market_widget__files_btn svg { margin-right: 10px; } @media (max-width: 767px) { .market__items { display: block; } .market_widget__title { padding: 0 16px; } .market__body { display: flex; gap: 16px; padding: 16px 0; align-items: flex-start; flex-direction: column-reverse; box-sizing: border-box; } .market__main { background: #f5f5f5 !important; } .market_widget__tovar_btn { display: flex; align-items: center; justify-content: flex-end; margin-top: 24px; padding: 0 16px; } .market_widget__tovar_btn a { text-decoration: none; width: 100%; } .market__table { display: none; } .market__search { display: flex; align-items: center; justify-content: space-between; gap: 24px; padding: 24px 16px 16px; flex-direction: column; } .market__tovar { max-width: 960px; width: 100%; padding: 0; } .market_widget__files { flex: 1; padding: 0; width: 100%; box-sizing: border-box; padding: 16px; } .market_widget__tovar { max-width: 960px; box-sizing: border-box; width: 100%; padding: 16px 0; } .market__search_switch { font-family: "Verdana", sans-serif; font-size: 14px; font-style: normal; font-weight: 400; line-height: 20px; display: flex; align-items: center; color: #1c1b1f; text-align: center; width: 100%; justify-content: space-between; } .market__search_input { flex: unset; border-radius: 28px; background: #f2f2f2; display: flex; align-items: center; padding: 10px 24px; justify-content: space-between; margin: 0; box-sizing: border-box; width: 100%; } } .market__items ul { list-style: none; background: #f5f5f5; display: flex; flex-direction: column; gap: 0; padding: 0; } .market__item { background: #fff; padding: 0; min-width: 100%; box-sizing: border-box; grid-template-columns: 40px 1fr 120px 130px repeat(2, 140px) 30px; display: grid; } .market__item > div { padding: 8px; margin: 0; display: flex; justify-content: flex-start; } .market__item > div:not(:last-child) { border-right: 1px solid #efefef; } .market__item > div:first-child { border-left: 1px solid #cbcbcb; } .market__item > div:last-child { border-right: 1px solid #cbcbcb; } .market__item_btn button { background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 18 18' fill='none'%3E%3Cpath d='M8.93945 7.125H10.4395V4.875H12.6895V3.375H10.4395V1.125H8.93945V3.375H6.68945V4.875H8.93945V7.125ZM5.93945 13.875C5.11445 13.875 4.44695 14.55 4.44695 15.375C4.44695 16.2 5.11445 16.875 5.93945 16.875C6.76445 16.875 7.43945 16.2 7.43945 15.375C7.43945 14.55 6.76445 13.875 5.93945 13.875ZM13.4395 13.875C12.6145 13.875 11.947 14.55 11.947 15.375C11.947 16.2 12.6145 16.875 13.4395 16.875C14.2645 16.875 14.9395 16.2 14.9395 15.375C14.9395 14.55 14.2645 13.875 13.4395 13.875ZM6.76445 10.125H12.352C12.9145 10.125 13.4095 9.8175 13.6645 9.3525L16.5595 4.095L15.2545 3.375L12.352 8.625H7.08695L3.89195 1.875H1.43945V3.375H2.93945L5.63945 9.0675L4.62695 10.8975C4.07945 11.9025 4.79945 13.125 5.93945 13.125H14.9395V11.625H5.93945L6.76445 10.125Z' fill='%232D6DA9'/%3E%3C/svg%3E") no-repeat center; width: 20px; height: 20px; border: none; outline: none; } .market__item_name { font: normal 400 16px/24px "Verdana", sans-serif; color: #1c1b1f; margin-bottom: 8px; } .market__item_art { font: normal 400 14px/20px "Verdana", sans-serif; color: #79747e; } .market__item_art span { font: normal 400 14px/20px "Verdana", sans-serif; color: #1c1b1f; margin-left: 8px; } .market__item_price { font: normal 400 14px/20px "Verdana", sans-serif; color: #79747e; margin-top: 10px; } .market__item_price span { font: normal 400 14px/20px "Verdana", sans-serif; color: #1c1b1f; margin-left: 8px; } .market__item_price_label { display: none; } .market__item_checkout { margin: 20px 0; } .market__item_total { font: normal 400 14px/20px "Verdana", sans-serif; color: #79747e; display: flex; justify-content: flex-start; } .market__item_total span { font: normal 400 14px/20px "Verdana", sans-serif; color: #1c1b1f; margin-left: 8px; } .market__item_title { background: #f5f5f5; padding: 0; min-width: 100%; box-sizing: border-box; grid-template-columns: 40px 1fr 120px 130px repeat(2, 140px) 30px; display: grid; } .market__item_title > div { font: normal 700 14px/20px "Verdana", sans-serif; padding: 8px; margin: 0; display: flex; justify-content: flex-start; border-top: 1px solid #cbcbcb; color: #1c1b1f; } .market__item_title > div:not(:last-child) { border-right: 1px solid #efefef; } .market__item_title > div:first-child { border-left: 1px solid #cbcbcb; border-radius: 8px 0 0 0; } .market__item_title > div:last-child { border-right: 1px solid #cbcbcb; border-radius: 0 8px 0 0; } .market__item:not(:last-child) > div { border-bottom: 1px solid #efefef; } .market__item:last-child > div { border-bottom: 1px solid #cbcbcb; } .market__item:last-child > div:first-child { border-radius: 0 0 0 8px; } .market__item:last-child > div:last-child { border-radius: 0 0 8px 0; } @media (max-width: 767px) { .market__items ul { list-style: none; background: #f5f5f5; display: flex; flex-direction: column; gap: 16px; padding: 16px 0; } .market__item { background: #fff; padding: 16px; min-width: 100%; box-sizing: border-box; grid-template-columns: 1fr; } .market__item_title { display: none; } .market__item > div { border: none !important; padding: unset; } .market__item_name { font-family: "Verdana", sans-serif; font-size: 16px; font-style: normal; font-weight: 400; line-height: 24px; color: #1c1b1f; margin-bottom: 8px !important; } .market__item_art { color: #79747e; font-family: "Verdana", sans-serif; font-size: 14px; font-style: normal; font-weight: 400; line-height: 20px; } .market__item_art span { color: #1c1b1f; font-family: "Verdana", sans-serif; font-size: 14px; font-style: normal; font-weight: 400; line-height: 20px; margin-left: 8px; } .market__item_price { color: #79747e; font-family: "Verdana", sans-serif; font-size: 14px; font-style: normal; font-weight: 400; line-height: 20px; margin-top: 10px !important; } .market__item_price span { color: #1c1b1f; font-family: "Verdana", sans-serif; font-size: 16px; font-style: normal; font-weight: 700; line-height: 24px; margin-left: 8px !important; } .market__item_price_label { display: block; } .market__item_checkout { margin: 20px 0 !important; } .market__item_total { color: #79747e; font-family: "Verdana", sans-serif; font-size: 14px; font-style: normal; font-weight: 400; line-height: 20px; display: flex !important; justify-content: center !important; } .market__item_total span { color: #1c1b1f; font-family: "Verdana", sans-serif; font-size: 14px; font-style: normal; font-weight: 400; line-height: 20px; margin-left: 8px !important; } .market__item_btn { justify-content: flex-end !important; grid-area: 7/1/8/2; margin-top: 10px !important; } .market__item_checkbox { justify-content: flex-start !important; grid-area: 7/1/8/2; margin-top: 10px !important; } } .act_main_tables table { width: 100%; } .block_claim_edit__footer a { font: normal 400 14px/20px "Verdana", sans-serif; display: flex; color: #2d6da9; text-align: center; } .block_claim_edit__footer_btn a { color: #49454f; } .block_claim_edit_category { margin-bottom: 16px; } .block_claim_edit_category .block_claim__inputs-select::after { right: 42px; top: 25%; } .block_claim_edit__top { display: flex; flex-direction: column; align-items: flex-start; gap: 16px; margin-bottom: 32px; } .block_claim_edit__top > div { margin: 0; } .block_claim_edit__top_link { display: flex; gap: 16px; align-items: center; justify-content: flex-start; } .block_claim_edit__top_link a { font: normal 400 14px/20px "Verdana", sans-serif; color: #2d6da9; text-align: center; /* 142.857% */ letter-spacing: 0.1px; text-decoration: none; } .block_claim_edit__text { grid-template-columns: 1fr; } .block_claim_edit__textarea { grid-area: 2/1/3/2; } .block_claim_edit__request { flex: 1; margin-left: 24px; } .block_claim_edit__request_checkbox { display: grid; grid-template-columns: repeat(3, 1fr); grid-template-rows: 1fr; grid-column-gap: 0px; grid-row-gap: 0px; width: 100%; } .block_claim_edit__request_checkbox .block_claim__widget_act_checkbox { padding: 8px 24px 8px 16px; } .block_claim_edit__request_title { font: normal 400 16px/24px "Verdana", sans-serif; margin-bottom: 16px; color: #000; } .block_claim_edit_footer .block_request { margin: 0; padding: 0; } .block_claim_edit_footer ul { display: flex; align-items: flex-start; gap: 16px; list-style: none; } .block_claim_edit_footer ul li { width: 340px; min-width: 340px; } .block_claim_edit_body { margin-bottom: 32px; } .block_claim_edit_body .block_request { margin: 0; padding: 0; border: none; } .block_claim_edit_body .block_request select { margin: 0; } .block_claim_edit_body ul { list-style: none; } .block_claim_edit_body > ul { display: grid; grid-template-columns: repeat(3, 1fr); grid-template-rows: 1fr; grid-column-gap: 16px; grid-row-gap: 0px; list-style: none; } .block_claim_edit_body > ul ul { display: flex; flex-direction: column; gap: 16px; } .block_claim_edit_body .block_claim__main_files li { padding: 0; border-bottom: none; display: flex; align-items: center; justify-content: space-between; } .block_claim_edit_body .block_claim__main_files li select { margin: 0; } .block_claim_edit_body .block_claim__main_files li a { margin-left: 16px; } .block_claim_edit_category { margin-bottom: 16px !important; } @media (max-width: 767px) { .block_claim_edit { background: #efefef; } .block_claim_edit__top { display: flex; flex-direction: column; align-items: flex-start; gap: 16px; margin-bottom: 0; background: #efefef; } .block_claim_edit__top .title_block__h1 { margin-top: 16px; } .block_claim_edit__top { display: flex; flex-direction: column; align-items: flex-start; gap: 16px; margin-bottom: 0; } .block_claim_edit__top_link { display: flex; gap: 16px; align-items: center; justify-content: flex-start; flex-direction: column; width: 100%; } .block_claim_edit_body > ul { display: grid; grid-template-columns: 1fr; grid-template-rows: 1fr; grid-column-gap: 16px; grid-row-gap: 16px; list-style: none; } .block_claim_edit_body { padding: 0 16px; width: 100%; background: #fff; border-radius: 16px 16px 0 0; padding-top: 16px; margin-bottom: 0; padding-bottom: 24px; } .block_claim_edit__row { padding: 16px; width: 100%; background: #fff; border-radius: 16px; box-sizing: border-box; } .block_claim_edit__row .block_claim_edit__request_checkbox { display: grid; grid-template-columns: repeat(1, 1fr); grid-template-rows: 1fr; grid-column-gap: 0px; grid-row-gap: 16px; width: 100%; } .block_claim_edit__row .block_claim_edit__request_checkbox .block_claim__widget_act_checkbox label { margin: 0; } .block_claim_edit__row .block_claim__main_textarea { max-height: 200px; width: 100%; margin-bottom: 24px; } .block_claim_edit_footer { padding: 0 16px; width: 100%; background: #fff; border-radius: 0 0 16px 16px; } .block_claim_edit_footer ul { display: flex; align-items: flex-start; gap: 16px; list-style: none; flex-direction: column; } .block_claim_edit_footer ul li { width: 100%; } .block_claim_edit__footer { padding: 24px 16px; } .block_claim_edit__footer .block_claim__footer_row { display: flex; align-items: center; justify-content: space-between; flex-direction: column-reverse; gap: 16px; } .block_claim_edit__footer .block_claim__footer_link { display: flex; align-items: center; flex-direction: column; width: 100%; gap: 16px; } .block_claim_edit__footer .block_claim__footer_link a { width: 100%; text-align: center; display: flex; align-items: center; justify-content: center; margin: 0; } .block_claim_edit__footer_btn { display: flex; align-items: center; flex-direction: column-reverse; width: 100%; gap: 16px; } .block_claim_edit__footer_btn button { width: 100%; } .block_claim_edit__footer_btn a { width: 100%; text-align: center; display: flex; align-items: center; justify-content: center; } } /*# sourceMappingURL=main.css.map */ /* End */ /* Start:/bitrix/templates/kavo_tp_new/css/overstyle.css?17514831329151*/ main { background-image: url(/bitrix/templates/kavo_tp_new/css/../img/bg.svg); } main.dashboard { background-image: url(/bitrix/templates/kavo_tp_new/css/../img/bg_dashboard.svg); } .block_percent__content::before { background-image: url(/bitrix/templates/kavo_tp_new/css/../img/check_block_percent.svg); } .block_percent__content_red::before { background-image: url(/bitrix/templates/kavo_tp_new/css/../img/check_block_percent_red.svg); } a.block_btn { text-decoration: none; font-size: 13px; } .block_filters__input select { margin-bottom: 15px; } .block_filters__input.calendar input { width: 300px; } .block_filters__input.calendar>* { vertical-align: middle; } .block_filters__input.calendar .date-interval-hellip { display: none; } .block_filters__input.calendar img { bottom: 8px; } .title_block__btn a { margin-left: 12px; box-sizing: border-box; } .block_table_actions img { vertical-align: middle; } .block_div_table_rows .block_div_table_sub, .block_div_table_rows .block_div_table_col__img .img-close { display: none; } .block_div_table_rows.open .block_div_table_sub, .block_div_table_rows.open .block_div_table_col__img .img-close { display: block; } .block_div_table_rows.open .block_div_table_col__img .img-open { display: none; } .block_claim__input .bitrix-calendar { display: flex; align-items: center; } .block_claim__input .bitrix-calendar .date-interval-hellip { display: none; } .block_claim__input p { font-size: 13px; margin: 0 0 5px; } .block_claim_table_header__input>div { width: 300px; } .block_claim_table_header__row>a { margin-right: 10px; } .dashboard_block.dashboard_block_transparent img { display: none; } .block_claim__footer_btn .button { font: normal 400 14px/20px "Verdana", sans-serif; cursor: pointer; color: #fff; text-align: center; padding: 10px 24px; border-radius: 100px; background: #2d6da9; border: none; margin: 0; } .market_widget__tovar { min-width: 50%; } #ohsnap { position: fixed; bottom: 30px; right: 30px; margin-left: 5px; z-index: 999; } .alert { font-size: 13px; padding: 15px; margin-top: 10px; border: 1px solid #eed3d7; border-radius: 4px; /* Each alert has its own width */ float: right; clear: right; background-color: white; } .alert-red { color: white; background-color: #DA4453; } .alert-green { color: white; background-color: #37BC9B; } .alert-blue { color: white; background-color: #4A89DC; } .alert-yellow { color: white; background-color: #F6BB42; } .alert-orange { color: white; background-color: #E9573F; } .market_widget_upload__link label { font: normal 400 16px/20px "Verdana", sans-serif; color: #2d6da9; text-align: center; text-decoration: none; } #btnDoLoadCart { padding: 15px 5px; } .market-top-menu .btn_tab-active { color: #1c1b1f; } .market-top-menu .btn_tab span { font: normal 400 16px/24px "Verdana", sans-serif; color: #2d6da9; text-align: center; margin-left: 4px; } #search_result .error { margin: 15px; } #basket_empty { padding: 20px 48px; } @media (max-width: 767px) { .title_block__btn a { margin-bottom: 12px; width: 100%; } .block_claim_table_header__input>div { width: 100%; } } .market_main { background: #f5f5f5; } .market_main .title_block__tabs { background: #fff; } .block_claim_edit_body { width: 100%; } .main_table tr td:first-child { width: 50px; } .main_table tr th:first-child { width: 50px; } .main_table { table-layout: auto; } .main_table th { width: unset; max-width: unset; min-width: unset; } @media (max-width: 767px) { .main_table { table-layout: fixed; } .main_table th { width: 180px; max-width: 180px; min-width: 180px; } } .block_claim__inputs-select.block_claim__inputs_label::after { top: 40% } .block_claim_table_count__sudheader { display: grid; grid-template-columns: repeat(3, 170px); grid-template-rows: repeat(2, 1fr); grid-column-gap: 8px !important; grid-row-gap: unset !important; padding: 0 !important; } .block_claim_table_count__sudheader>div { font: normal 700 14px/20px "Verdana", sans-serif; color: #1c1b1f; border-left: 1px solid #efefef; border-bottom: 1px solid #efefef; padding: 8px; } .block_claim_table_count__sudheader>div:nth-child(1) { grid-area: 1/1/2/5; } .block_claim_table_quality__row { border: none; } .block_claim_table_quality__input { border-top: none; border-right: none; border-bottom: 1px solid #efefef; box-sizing: border-box; } .block_claim_table_quality__input:first-child { border-left: 1px solid #cbcbcb; } .block_claim_table_count__del { border: none; border-bottom: 1px solid #efefef; border-right: 1px solid #cbcbcb; box-sizing: border-box; } .block_claim_table_quality__header>div { box-sizing: border-box; text-align: center; } .block_claim_table_count__header>div { box-sizing: border-box; text-align: center; } .block_claim_table_quality__input:not(:last-child) { border-right: 1px solid #efefef; } .block_claim_table_count__row { border: none; } .block_claim_table_count__input { border: none; border-bottom: 1px solid #efefef; border-right: 1px solid #efefef; box-sizing: border-box; } .block_claim_table_count__input:first-child { border-left: 1px solid #cbcbcb; } .block_claim_table_quality__header { display: grid; grid-template-columns: repeat(3, 120px) repeat(5, 180px) 38px; grid-template-rows: 60px; grid-column-gap: 0px; grid-row-gap: 0px; } .block_claim_table_count__header { display: grid; grid-template-columns: repeat(3, 120px) repeat(2, 540px) 180px 38px; grid-template-rows: 75px; grid-column-gap: 0px; grid-row-gap: 0px; } .navpanel { text-align: center; padding: 20px; } .navpanel .navpanel-buttons font>* { vertical-align: middle; } .navpanel .navpanel-buttons a { text-decoration: none; color: #2d6da9; } .title_block_fix { padding-top: 0px; } @media (max-width: 767px) { .title_block_fix { padding-top: 0px; padding-bottom: 0; } } .new_navpanel { list-style: none; display: flex; align-items: center; } .new_navpanel__main{ display: flex; align-items: center; flex-direction: row-reverse; justify-content: flex-end; } .new_navpanel li { font-size: 14px; font-style: normal; font-weight: 400; } .new_navpanel span { border-radius: 16px; background: #2D6DA9; width: 32px; height: 32px; display: flex; color: #fff; align-items: center; justify-content: center; } .new_navpanel li a { width: 32px; height: 32px; display: flex; align-items: center; justify-content: center; text-decoration: none; color: #79747E !important; } .new_navpanel__link svg path{ fill:#79747E; } .new_navpanel__link:hover svg path{ fill:#1C1B1F; } .new_navpanel__link:active svg path{ fill:#2D6DA9; } .new_navpanel__info{ color: #79747E; font-size: 14px; font-style: normal; font-weight: 400; line-height: 20px; padding: 0 16px; } @media (max-width: 767px) { .new_navpanel__main { display: flex; align-items: center; flex-direction: column-reverse; justify-content: flex-end; } .new_navpanel { list-style: none; display: flex; align-items: center; width: 100%; justify-content: space-between; margin-bottom: 14px; } .new_navpanel__info { color: #79747E; font-size: 14px; font-style: normal; font-weight: 400; line-height: 20px; padding: 0 16px; width: 100%; text-align: left; } .navpanel.new_navpanel__fix{ padding-left: 16px; padding-right: 0; } } .main_table_fix tr>th:first-child { background-color: #f5f5f5; filter: drop-shadow(8px 46px 24px rgba(0, 0, 0, 0.12)); } .main_table_fix tr>th:first-child, .main_table_fix tr>td:first-child { position: sticky; left: -2px; width: 100px; filter: drop-shadow(8px 46px 24px rgba(0, 0, 0, 0.12)); } @media (max-width: 767px) { .main_table_fix th { min-width: 65px; } .main_table_fix { padding: 0 18px 0 0; overflow: auto; } } .basket-msg .auth-block.hide{ display: none; } .basket-msg .auth-block input{ width: 140px; } .basket-msg .auth-block .errors{ color: red; } .block_div_table-fix .block_div_table_head { display: grid; grid-template-columns: 38px 150px 120px repeat(1, 180px) repeat(2, 150px) 180px 408px; } .block_div_table-fix .block_div_table_row { display: grid; grid-template-columns: 38px 150px 120px repeat(1, 180px) repeat(2, 150px) 180px 408px; } #search_result .market__item_title, #search_result .market__item{ grid-template-columns: 1fr 110px 120px 140px 75px 100px 80px 40px; } .header_block_menu__mobile{ height: auto; } /* End */ /* Start:/bitrix/templates/kavo_tp_new/css/fix.css?16990264518036*/ .block_tabs_image.fix { position: absolute; right: 0; bottom: -200px; } .block_tabs_image.fix2 { position: absolute; right: 0; bottom: -400px; } .title_block__tabs~.block_tabs { position: relative; } .block_tabs_image { position: absolute !important; } @media (max-width: 1600px) { .title_block__tabs~.block_tabs { position: relative; } .block_tabs_image { position: absolute !important; } .block_tabs_image.fix { right: 0; bottom: -200px; } .block_tabs_image img { width: 500px; height: auto; } .block_tabs_image.fix2 { position: absolute; right: 0; bottom: -200px; } } @media (max-width: 767px) { #bx-panel~header .header_block { top: 39px; } #bx-panel~header .header_block_menu__mobile { top: 39px; } .main_tables.act_main_tables .main_table { table-layout: auto; } .main_tables.act_main_tables .main_table tr th { width: unset; max-width: unset; min-width: unset; } .main_tables.act_main_tables .main_table tr th:first-child { min-width: 80px; } .block_claim__input:has(#client) { display: flex; flex-direction: column; } .stock_list_popup__footer button { width: 100%; } .stock_list_popup__amount_count input { width: 60px; } } .block_claim__inputs_label { flex-wrap: wrap; } .block_claim__inputs_label label { font: normal 400 12px/16px "Verdana", sans-serif; color: #49454f; margin-bottom: 5px; } .main_tables:has(.main_table_fix) { padding-left: 0; } .main_table.main_table_fix { margin-left: 48px; } .new_navpanel__main { display: flex; align-items: center; flex-direction: row-reverse; justify-content: flex-end; padding-left: 48px; } @media (max-width: 767px) { .new_navpanel__main { padding: 0; } .main_table.main_table_fix { margin-left: 0; } } .block_claim__input_fix { display: flex; flex-direction: column; } .block_claim__input_fix label { color: #49454F; font-size: 12px; font-style: normal; font-weight: 400; line-height: 16px; position: absolute; top: 2px; left: 15px; } .stock_list_popup__amount_name { font: normal 400 16px/24px "Verdana", sans-serif; align-items: flex-start; justify-content: flex-start; letter-spacing: 0.1px; display: flex; flex-direction: column; letter-spacing: 0.1px; max-width: 400px; } .stock_list_popup__amount__articul { font: normal 400 12px/20px "Verdana", sans-serif; color: #8f8f8f; letter-spacing: 0.1px; } @media (max-width: 767px) { .stock_list_popup__amount { background: #f2f2f2; display: flex; border-radius: 8px; align-items: stretch; justify-content: space-between; padding: 8px 8px 8px 16px; min-height: 70px; margin-bottom: 15px; flex-direction: column; gap: 16px; } .stock_list_popup__amount_name { align-items: center; justify-content: flex-start; display: flex; flex-direction: column; letter-spacing: 0.1px; max-width: 100%; } .stock_list_popup .stock_list_popup__amount_input { flex: 1; display: flex; justify-content: center; } } .market__item_title { background: #f5f5f5; padding: 0; min-width: 100%; box-sizing: border-box; grid-template-columns: 1fr 120px 130px repeat(2, 140px) 30px; display: grid; } .market__item { background: #fff; padding: 0; min-width: 100%; box-sizing: border-box; grid-template-columns: 1fr 120px 130px repeat(2, 140px) 30px; display: grid; } .market_widget__sample_btn a { font: normal 400 14px/20px "Verdana", sans-serif; background: #e1f1ff; display: flex; padding: 10px 24px 10px 16px; border-radius: 100px; width: auto; max-width: -moz-max-content; max-width: max-content; text-decoration: none; color: #2d6da9; text-align: center; letter-spacing: 0.1px; gap: 8px; margin-top: 24px; } .market_widget__sample_btn a:hover { background: #cde8ff; border-radius: 100px; } .market_widget__sample_btn a::before { background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 18 18' fill='none'%3E%3Cpath d='M13.5 11.25V13.5H4.5V11.25H3V13.5C3 14.325 3.675 15 4.5 15H13.5C14.325 15 15 14.325 15 13.5V11.25H13.5ZM12.75 8.25L11.6925 7.1925L9.75 9.1275V3H8.25V9.1275L6.3075 7.1925L5.25 8.25L9 12L12.75 8.25Z' fill='%232D6DA9'/%3E%3C/svg%3E"); content: ""; width: 18px; height: 18px; } .market_widget_upload__wrapper.load .market_widget__sample_btn { display: none; } .block_shipment_table_header__row-fix { padding-top: 0; padding-bottom: 0; } .block_shipment_table_header__row-fix br { display: none; } .block_claim__input_fix-row { flex-direction: row; } .block_shipment_table_header__row-fix .block_claim__input_fix { display: flex; flex-direction: row; } .js_modal__item_nom label::before { content: none !important; } .block_claim__input-manager{ display: none; } .block_claim__input-manager:has(label){ display: flex; } .block_div_table-fix .block_div_table_head { display: grid; grid-template-columns: 38px 150px 120px repeat(1, 180px) repeat(2, 150px) 180px 408px; } .block_div_table-fix .block_div_table_row { display: grid; grid-template-columns: 38px 150px 120px repeat(1, 180px) repeat(2, 150px) 180px 408px; } .block_request__footer_btn-item{ font: normal 400 14px/20px "Verdana", sans-serif; cursor: pointer; color: #fff; text-align: center; padding: 10px 24px; border-radius: 100px; background: #2d6da9; border: none; } .block_request__footer_btn-item:hover{ background: #355787; } .block_request__footer_btn-fix{ margin-top: 15px; } @media (max-width: 767px) { .block_request__footer_btn-item{ width: 100%; margin-bottom: 16px; } .block_request__footer_btn-fix{ margin-top: 0; } } .block_request_form__items-30-fix{ display: flex; flex-direction: row-reverse; } @media (max-width: 767px) { .block_request_form__items-30-fix{ display: flex; flex-direction: column-reverse; } } .block_claim_table_quality_textarea textarea{ font: normal 14px/20px "Verdana", sans-serif; padding: 0; width: 100%; border: none; padding: 0; color: #1c1b1f; max-width: 100%; border: none; outline: none; } .block_claim_table_quality_textarea textarea::-webkit-resizer { display: none; } .block_claim_table_quality_textarea .block_claim_table_quality__row { display: grid; grid-template-columns: repeat(3, 160px) repeat(5, 180px) 38px; } .block_claim_table_quality_textarea .block_claim_table_quality__header { display: grid; grid-template-columns: repeat(3, 160px) repeat(5, 180px) 38px; } .block_claim_table_quality_textarea .block_claim_table_quality__input{ padding: 8px; } .block_claim_table_count_textarea{} .block_claim_table_count_textarea textarea{ font: normal 14px/20px "Verdana", sans-serif; padding: 0; width: 100%; border: none; padding: 0; color: #1c1b1f; max-width: 100%; border: none; outline: none; } .block_claim_table_count_textarea textarea::-webkit-resizer { display: none; } .block_claim_table_count_textarea .block_claim_table_quality__row { display: grid; grid-template-columns: repeat(3, 160px) repeat(5, 180px) 38px; } .block_claim_table_count_textarea .block_claim_table_quality__header { display: grid; grid-template-columns: repeat(3, 160px) repeat(5, 180px) 38px; } .block_claim_table_count_textarea .block_claim_table_count__input{ padding: 8px; } /* End */ /* /bitrix/templates/kavo_tp_new/css/banner.css?17503362843437 */ /* /bitrix/templates/kavo_tp_new/css/lib/fancybox@3.5.7/jquery.fancybox.min.css?174854545712795 */ /* /bitrix/templates/kavo_tp_new/css/main.css?1744967389138846 */ /* /bitrix/templates/kavo_tp_new/css/overstyle.css?17514831329151 */ /* /bitrix/templates/kavo_tp_new/css/fix.css?16990264518036 */