/* cyrillic-ext */ @font-face { font-family: 'PT Sans'; font-style: italic; font-weight: 400; src: local('PT Sans Italic'), local('PTSans-Italic'), url(https://fonts.gstatic.com/s/ptsans/v9/jizYRExUiTo99u79D0e0ysmIEDQ.woff2) format('woff2'); unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } /* cyrillic */ @font-face { font-family: 'PT Sans'; font-style: italic; font-weight: 400; src: local('PT Sans Italic'), local('PTSans-Italic'), url(https://fonts.gstatic.com/s/ptsans/v9/jizYRExUiTo99u79D0e0w8mIEDQ.woff2) format('woff2'); unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* latin-ext */ @font-face { font-family: 'PT Sans'; font-style: italic; font-weight: 400; src: local('PT Sans Italic'), local('PTSans-Italic'), url(https://fonts.gstatic.com/s/ptsans/v9/jizYRExUiTo99u79D0e0ycmIEDQ.woff2) format('woff2'); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'PT Sans'; font-style: italic; font-weight: 400; src: local('PT Sans Italic'), local('PTSans-Italic'), url(https://fonts.gstatic.com/s/ptsans/v9/jizYRExUiTo99u79D0e0x8mI.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* cyrillic-ext */ @font-face { font-family: 'PT Sans'; font-style: italic; font-weight: 700; src: local('PT Sans Bold Italic'), local('PTSans-BoldItalic'), url(https://fonts.gstatic.com/s/ptsans/v9/jizdRExUiTo99u79D0e8fOydIhUdwzM.woff2) format('woff2'); unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } /* cyrillic */ @font-face { font-family: 'PT Sans'; font-style: italic; font-weight: 700; src: local('PT Sans Bold Italic'), local('PTSans-BoldItalic'), url(https://fonts.gstatic.com/s/ptsans/v9/jizdRExUiTo99u79D0e8fOydKxUdwzM.woff2) format('woff2'); unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* latin-ext */ @font-face { font-family: 'PT Sans'; font-style: italic; font-weight: 700; src: local('PT Sans Bold Italic'), local('PTSans-BoldItalic'), url(https://fonts.gstatic.com/s/ptsans/v9/jizdRExUiTo99u79D0e8fOydIRUdwzM.woff2) format('woff2'); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'PT Sans'; font-style: italic; font-weight: 700; src: local('PT Sans Bold Italic'), local('PTSans-BoldItalic'), url(https://fonts.gstatic.com/s/ptsans/v9/jizdRExUiTo99u79D0e8fOydLxUd.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* cyrillic-ext */ @font-face { font-family: 'PT Sans'; font-style: normal; font-weight: 400; src: local('PT Sans'), local('PTSans-Regular'), url(https://fonts.gstatic.com/s/ptsans/v9/jizaRExUiTo99u79D0-ExdGM.woff2) format('woff2'); unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } /* cyrillic */ @font-face { font-family: 'PT Sans'; font-style: normal; font-weight: 400; src: local('PT Sans'), local('PTSans-Regular'), url(https://fonts.gstatic.com/s/ptsans/v9/jizaRExUiTo99u79D0aExdGM.woff2) format('woff2'); unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* latin-ext */ @font-face { font-family: 'PT Sans'; font-style: normal; font-weight: 400; src: local('PT Sans'), local('PTSans-Regular'), url(https://fonts.gstatic.com/s/ptsans/v9/jizaRExUiTo99u79D0yExdGM.woff2) format('woff2'); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'PT Sans'; font-style: normal; font-weight: 400; src: local('PT Sans'), local('PTSans-Regular'), url(https://fonts.gstatic.com/s/ptsans/v9/jizaRExUiTo99u79D0KExQ.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* cyrillic-ext */ @font-face { font-family: 'PT Sans'; font-style: normal; font-weight: 700; src: local('PT Sans Bold'), local('PTSans-Bold'), url(https://fonts.gstatic.com/s/ptsans/v9/jizfRExUiTo99u79B_mh0OOtLQ0Z.woff2) format('woff2'); unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } /* cyrillic */ @font-face { font-family: 'PT Sans'; font-style: normal; font-weight: 700; src: local('PT Sans Bold'), local('PTSans-Bold'), url(https://fonts.gstatic.com/s/ptsans/v9/jizfRExUiTo99u79B_mh0OqtLQ0Z.woff2) format('woff2'); unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* latin-ext */ @font-face { font-family: 'PT Sans'; font-style: normal; font-weight: 700; src: local('PT Sans Bold'), local('PTSans-Bold'), url(https://fonts.gstatic.com/s/ptsans/v9/jizfRExUiTo99u79B_mh0OCtLQ0Z.woff2) format('woff2'); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'PT Sans'; font-style: normal; font-weight: 700; src: local('PT Sans Bold'), local('PTSans-Bold'), url(https://fonts.gstatic.com/s/ptsans/v9/jizfRExUiTo99u79B_mh0O6tLQ.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* cyrillic-ext */ @font-face { font-family: 'Roboto Slab'; font-style: normal; font-weight: 400; src: local('Roboto Slab Regular'), local('RobotoSlab-Regular'), url(https://fonts.gstatic.com/s/robotoslab/v7/BngMUXZYTXPIvIBgJJSb6ufA5qW54A.woff2) format('woff2'); unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } /* cyrillic */ @font-face { font-family: 'Roboto Slab'; font-style: normal; font-weight: 400; src: local('Roboto Slab Regular'), local('RobotoSlab-Regular'), url(https://fonts.gstatic.com/s/robotoslab/v7/BngMUXZYTXPIvIBgJJSb6ufJ5qW54A.woff2) format('woff2'); unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* greek-ext */ @font-face { font-family: 'Roboto Slab'; font-style: normal; font-weight: 400; src: local('Roboto Slab Regular'), local('RobotoSlab-Regular'), url(https://fonts.gstatic.com/s/robotoslab/v7/BngMUXZYTXPIvIBgJJSb6ufB5qW54A.woff2) format('woff2'); unicode-range: U+1F00-1FFF; } /* greek */ @font-face { font-family: 'Roboto Slab'; font-style: normal; font-weight: 400; src: local('Roboto Slab Regular'), local('RobotoSlab-Regular'), url(https://fonts.gstatic.com/s/robotoslab/v7/BngMUXZYTXPIvIBgJJSb6ufO5qW54A.woff2) format('woff2'); unicode-range: U+0370-03FF; } /* vietnamese */ @font-face { font-family: 'Roboto Slab'; font-style: normal; font-weight: 400; src: local('Roboto Slab Regular'), local('RobotoSlab-Regular'), url(https://fonts.gstatic.com/s/robotoslab/v7/BngMUXZYTXPIvIBgJJSb6ufC5qW54A.woff2) format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB; } /* latin-ext */ @font-face { font-family: 'Roboto Slab'; font-style: normal; font-weight: 400; src: local('Roboto Slab Regular'), local('RobotoSlab-Regular'), url(https://fonts.gstatic.com/s/robotoslab/v7/BngMUXZYTXPIvIBgJJSb6ufD5qW54A.woff2) format('woff2'); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Roboto Slab'; font-style: normal; font-weight: 400; src: local('Roboto Slab Regular'), local('RobotoSlab-Regular'), url(https://fonts.gstatic.com/s/robotoslab/v7/BngMUXZYTXPIvIBgJJSb6ufN5qU.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* cyrillic-ext */ @font-face { font-family: 'Roboto Slab'; font-style: normal; font-weight: 700; src: local('Roboto Slab Bold'), local('RobotoSlab-Bold'), url(https://fonts.gstatic.com/s/robotoslab/v7/BngRUXZYTXPIvIBgJJSb6u92w7CLwR26eg.woff2) format('woff2'); unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } /* cyrillic */ @font-face { font-family: 'Roboto Slab'; font-style: normal; font-weight: 700; src: local('Roboto Slab Bold'), local('RobotoSlab-Bold'), url(https://fonts.gstatic.com/s/robotoslab/v7/BngRUXZYTXPIvIBgJJSb6u92w7CCwR26eg.woff2) format('woff2'); unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* greek-ext */ @font-face { font-family: 'Roboto Slab'; font-style: normal; font-weight: 700; src: local('Roboto Slab Bold'), local('RobotoSlab-Bold'), url(https://fonts.gstatic.com/s/robotoslab/v7/BngRUXZYTXPIvIBgJJSb6u92w7CKwR26eg.woff2) format('woff2'); unicode-range: U+1F00-1FFF; } /* greek */ @font-face { font-family: 'Roboto Slab'; font-style: normal; font-weight: 700; src: local('Roboto Slab Bold'), local('RobotoSlab-Bold'), url(https://fonts.gstatic.com/s/robotoslab/v7/BngRUXZYTXPIvIBgJJSb6u92w7CFwR26eg.woff2) format('woff2'); unicode-range: U+0370-03FF; } /* vietnamese */ @font-face { font-family: 'Roboto Slab'; font-style: normal; font-weight: 700; src: local('Roboto Slab Bold'), local('RobotoSlab-Bold'), url(https://fonts.gstatic.com/s/robotoslab/v7/BngRUXZYTXPIvIBgJJSb6u92w7CJwR26eg.woff2) format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB; } /* latin-ext */ @font-face { font-family: 'Roboto Slab'; font-style: normal; font-weight: 700; src: local('Roboto Slab Bold'), local('RobotoSlab-Bold'), url(https://fonts.gstatic.com/s/robotoslab/v7/BngRUXZYTXPIvIBgJJSb6u92w7CIwR26eg.woff2) format('woff2'); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Roboto Slab'; font-style: normal; font-weight: 700; src: local('Roboto Slab Bold'), local('RobotoSlab-Bold'), url(https://fonts.gstatic.com/s/robotoslab/v7/BngRUXZYTXPIvIBgJJSb6u92w7CGwR0.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } * { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } /* ColorBox Core Style: The following CSS is consistent between example themes and should not be altered. */ #colorbox, #cboxOverlay, #cboxWrapper { position: absolute; top: 0; left: 0; z-index: 9999; overflow: hidden; } #cboxOverlay { position: fixed; width: 100%; height: 100%; } #cboxMiddleLeft, #cboxBottomLeft { clear: left; } #cboxContent { position: relative; } #cboxLoadedContent { overflow: auto; } #cboxTitle { margin: 0; } #cboxLoadingOverlay, #cboxLoadingGraphic { position: absolute; top: 0; left: 0; width: 100%; } #cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow { cursor: pointer; } .cboxPhoto { float: left; margin: auto; border: 0; display: block; } .cboxIframe { width: 100%; height: 100%; display: block; border: 0; } /* User Style: Change the following styles to modify the appearance of ColorBox. They are ordered & tabbed in a way that represents the nesting of the generated HTML. */ #cboxOverlay { background: url(images/overlay.png) repeat 0 0; } #colorbox { } #cboxTopLeft { width: 21px; height: 21px; background: url(images/controls.png) no-repeat -100px 0; } #cboxTopRight { width: 21px; height: 21px; background: url(images/controls.png) no-repeat -129px 0; } #cboxBottomLeft { width: 21px; height: 21px; background: url(images/controls.png) no-repeat -100px -29px; } #cboxBottomRight { width: 21px; height: 21px; background: url(images/controls.png) no-repeat -129px -29px; } #cboxMiddleLeft { width: 21px; background: url(images/controls.png) left top repeat-y; } #cboxMiddleRight { width: 21px; background: url(images/controls.png) right top repeat-y; } #cboxTopCenter { height: 21px; background: url(images/border.png) 0 0 repeat-x; } #cboxBottomCenter { height: 21px; background: url(images/border.png) 0 -29px repeat-x; } #cboxContent { background: #fff; overflow: hidden; } #cboxError { padding: 50px; border: 1px solid #ccc; } #cboxLoadedContent { margin-bottom: 28px; } #cboxTitle { position: absolute; bottom: 4px; left: 0; text-align: center; width: 100%; color: #949494; } #cboxCurrent { position: absolute; bottom: 4px; left: 58px; color: #949494; } #cboxSlideshow { position: absolute; bottom: 4px; right: 30px; color: #0092ef; } #cboxPrevious { position: absolute; bottom: 0; left: 0; background: url(images/controls.png) no-repeat -75px 0; width: 25px; height: 25px; text-indent: -9999px; } #cboxPrevious.hover { background-position: -75px -25px; } #cboxNext { position: absolute; bottom: 0; left: 27px; background: url(images/controls.png) no-repeat -50px 0; width: 25px; height: 25px; text-indent: -9999px; } #cboxNext.hover { background-position: -50px -25px; } #cboxLoadingOverlay { background: url(images/loading_background.png) no-repeat center center; } #cboxLoadingGraphic { background: url(images/loading.gif) no-repeat center center; } #cboxClose { position: absolute; bottom: 0; right: 0; background: url(images/controls.png) no-repeat -25px 0; width: 25px; height: 25px; text-indent: -9999px; } #cboxClose.hover { background-position: -25px -25px; } /* The following fixes a problem where IE7 and IE8 replace a PNG's alpha transparency with a black fill when an alpha filter (opacity change) is set on the element or ancestor element. This style is not applied to IE9. */ .cboxIE #cboxTopLeft, .cboxIE #cboxTopCenter, .cboxIE #cboxTopRight, .cboxIE #cboxBottomLeft, .cboxIE #cboxBottomCenter, .cboxIE #cboxBottomRight, .cboxIE #cboxMiddleLeft, .cboxIE #cboxMiddleRight { filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF, endColorstr=#00FFFFFF); } /* The following provides PNG transparency support for IE6 */ .cboxIE6 #cboxTopLeft { background: url(images/ie6/borderTopLeft.png); } .cboxIE6 #cboxTopCenter { background: url(images/ie6/borderTopCenter.png); } .cboxIE6 #cboxTopRight { background: url(images/ie6/borderTopRight.png); } .cboxIE6 #cboxBottomLeft { background: url(images/ie6/borderBottomLeft.png); } .cboxIE6 #cboxBottomCenter { background: url(images/ie6/borderBottomCenter.png); } .cboxIE6 #cboxBottomRight { background: url(images/ie6/borderBottomRight.png); } .cboxIE6 #cboxMiddleLeft { background: url(images/ie6/borderMiddleLeft.png); } .cboxIE6 #cboxMiddleRight { background: url(images/ie6/borderMiddleRight.png); } .cboxIE6 #cboxTopLeft, .cboxIE6 #cboxTopCenter, .cboxIE6 #cboxTopRight, .cboxIE6 #cboxBottomLeft, .cboxIE6 #cboxBottomCenter, .cboxIE6 #cboxBottomRight, .cboxIE6 #cboxMiddleLeft, .cboxIE6 #cboxMiddleRight { _behavior: expression(this.src = this.src ? this.src : this.currentStyle.backgroundImage.split('"')[1], this.style.background = "none", this.style.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src=" + this.src + ", sizingMethod='scale')"); } /*ie*/ div, li, ul, form, h1, h2, h3, h4, h5, h6 { zoom: 1; } aside, nav, footer, header, section, article { zoom: 1; } a * { cursor: pointer; } /*html5*/ aside, nav, footer, header, section, article { display: block } p, form, blockquote, body, html, input, textarea, h1, h2, h3, h4, h5, h6, button, dl, dd, dt, fieldset { margin: 0; padding: 0; } button::-moz-focus-inner { margin: 0; padding: 0; } input, textarea { box-sizing: border-box; font-family: inherit; font-size: 100%; line-height: 1em; } :focus { outline: none; } textarea { overflow: auto; } html { height: 100%; font-size: 100.01%; overflow-y: scroll; background: white; } input, textarea, button { font-family: 'PT Sans', sans-serif; } body { min-height: 100%; position: relative; min-width: 100%; font-size: 13px; color: #363636; font-family: 'PT Sans', sans-serif; _height: 100%; background: #f6f5f3; } table td { font-family: 'PT Sans', sans-serif; font-size: 13px; } a, a:visited, .pseudo { color: #0079ae; text-decoration: underline; cursor: pointer; } body a:hover, body .pseudo:hover { color: #005991; } input { vertical-align: baseline; } input[type=checkbox], input[type=radio] { vertical-align: middle; } input[type=submit], input[type=button], input[type=checkbox], input[type=radio], input[type=file], select, a, button, [onclick] { cursor: pointer; } option { cursor: auto; } label { cursor: pointer; vertical-align: middle; } em { font-style: normal; } img { border: 0; display: inline-block; vertical-align: middle; } acronym { cursor: help; } .clear { clear: both !important; height: 0px !important; font-size: 0 !important; line-height: 0 !important; display: block !important; float: none !important; margin: 0 !important; padding: 0 !important; border: 0 !important; } h1, h2, h3, h4, h5, h6 { font-weight: normal; color: #000; } h2, h3, h4, h5, h6 { margin-bottom: 10px; } h1 { font-size: 20px; border-bottom: 1px solid #dfdfdf; padding-bottom: 2px; margin-bottom: 15px; } h2 { color: #363636; font-size: 19px; } h3 { color: #363636; font-size: 18px; } h4 { font-size: 17px; } h5 { font-size: 16px; } h6 { font-size: 14px; font-weight: bold; } .wrapper { margin: 10px auto 0; max-width: 1504px; position: relative; padding-bottom: 20px; } .rui-placeholder-container { position: relative; display: inline-block; width: 100%; } .rui-placeholder-text { position: absolute; left: 0; top: 0; color: #73777d; display: block; white-space: nowrap; } th { text-align: left; } .hl-hidden { display: none; } .h-logo { height: 75px; display: block; background: url(img/fxlogo.svg) no-repeat center; background-size: contain; text-decoration: none; position: relative; } .hl-text { position: absolute; bottom: 6px; left: 20px; color: #010101; font-size: 11px; font-family: 'PT Sans', sans-serif; } .htel_icon { vertical-align: middle; display: inline-block; width: 72px; height: 55px; background: url(img/icon/1.png) no-repeat; overflow: hidden; } .h-contacts { position: absolute; left: 40%; top: 10px; color: #505050; padding-left: 77px; line-height: 22px; font-size: 13px; width: 500px; } .h-contacts .htel_icon { position: absolute; left: 0; top: -4px; } .hc-phone { font-size: 24px; } .hc-code { font-size: 18px; } .h-time { position: absolute; right: 0; width: 125px; top: 26px; font-size: 12px; color: #272727; } .ht-num, .ht-location { vertical-align: middle; display: inline-block; / / display: inline; zoom: 1; } .ht-num { margin-right: 0.1em; } .h-dark { background: url(img/h_dark.png) #7f7f7f; height: 40px; } .h-date { position: absolute; left: 0; top: 0; width: 230px; } .h-date_text { height: 40px; line-height: 40px; color: #fff; font-size: 13px; position: relative; z-index: 1; padding-left: 20px; } .h-date_day { font-size: 11px; } .h-dark_left { width: 9000px; height: 40px; background: #505050; position: absolute; right: 0; top: 0; } .h-light { height: 90px; } .h-menu { position: absolute; left: 230px; } ul.okveds { list-style: square; padding-left: 10px; margin: 10px; color: #808080; } ul.square { margin: 0; padding-left: 20px; list-style: square outside; } ul, ul.no_style { list-style: none; padding: 0; margin: 0; } .clearfix { zoom: 1; } .clearfix:after { content: ''; display: block; clear: both; height: 0; } .nomargin h2, .nomargin h3 { margin-bottom: 0; } .styled.nomargin { margin-top: 0; margin-bottom: 0; } .line-margin { margin-bottom: 10px !important; margin-top: 10px !important; } .line-margin-bottom { margin-bottom: 10px !important; } .line-margin-top { margin-top: 10px !important; } .block-margin { margin-top: 15px !important; margin-bottom: 15px !important; } .block-margin-bottom { margin-bottom: 15px !important; } .block-margin-top { margin-top: 15px !important; } .hm-item:hover { z-index: 10; } .hm-item:hover .hm-link { background: #505050; } .hm-item { float: left; position: relative; } .hm-link { height: 40px; line-height: 40px; color: #fff; font-size: 13px; display: block; padding: 0 18px; background: url(img/hm_item.png) no-repeat left top; / / zoom: expression(runtimeStyle . zoom = 1, insertAdjacentHTML('afterBegin', '')); } .hm-item:first-child .hm-link { background-image: none; } .hm-link:hover, .hm-link:visited { color: #fff; } .hm-item_icon, .hm-link:before { vertical-align: middle; display: inline-block; width: 6px; height: 10px; background: url(img/icon/2.png) no-repeat; overflow: hidden; content: ''; position: relative; top: -1px; margin-right: 0.6em; / / top: 1 px; / / margin-right: 0.63 em; } .ct-cell { display: block; text-align: left; vertical-align: top; padding: 10px 0 0; } #content_table { width: 100%; border-collapse: collapse; table-layout: fixed; } .title { border-radius: 5px 5px 0 0; -moz-border-radius: 5px 5px 0 0; -webkit-border-radius: 5px 5px 0 0; color: #fff; background: #0079ae; padding: 5px 10px; font-size: 15px; font-family: 'PT Sans', sans-serif; } .ct-left { width: 100%; } .spf-content { background: #fff; border-radius: 0 5px 5px; -moz-border-radius: 0 5px 5px; -webkit-border-radius: 0 5px 5px; padding: 25px 5px 15px 30px; position: relative; } .separate_form { width: 360px; font-family: 'PT Sans', sans-serif; color: #363636; font-size: 13px; } .spf-title { font-family: 'PT Sans', sans-serif; font-size: 24px; color: #000; margin: 0 0 13px; padding: 0 0 0 10px; } .spf-tab, .spf-tab:hover { border-radius: 5px 5px 0 0; -moz-border-radius: 5px 5px 0 0; -webkit-border-radius: 5px 5px 0 0; float: left; margin: 0 1px 0 0; font-size: 14px; padding: 7px 24px; cursor: pointer; color: #0079ae; background: #fbfaf9; text-decoration: none; border: 0; display: block; } .spf-tab_cur { background: #fff; color: #363636; } .spf-label { float: left; width: 50px; text-align: right; margin-right: 44px; color: #7f7f7f; padding-top: 5px; } .spf-input input { padding: 0; margin: 0; border: 0; width: 100%; height: 16px; background: none; } .spf-input select { padding: 0; margin: 0; border: 0; width: 100%; height: 16px; background: none; } .spf-input { overflow: hidden; border: 1px solid #c4c4c4; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; padding: 4px 10px; height: 25px; margin-right: 10px; background: #fff; } .spf-login-input { margin-right: 0px; } .spf-line { margin-bottom: 4px; } .spf-bottom { border-top: 1px solid #edebe7; margin-top: 24px; padding-top: 7px; } .spf-reg { font-size: 13px; margin-bottom: 2px; } /*.spf-reg a { color: #d40000; }*/ .spf-pass_recovery { font-size: 11px; } .spf-pass_recovery a { color: #6f6f6f; } .spf-submit { position: absolute; right: 11px; top: 24px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; width: 30px; height: 55px; background: url(img/spf_submit.png) no-repeat 50% 50% #f6f5f3; } .invisible_input { right: 0; top: 0; position: absolute; display: block; width: 100%; height: 100%; padding: 0; margin: 0; border: 0; filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0); opacity: 0; cursor: pointer; } .left_side { padding: 0 10px; position: relative; z-index: 1; } .login_form .separate_form { width: auto; } .login_form .spf-label { position: absolute; margin-left: 10px; text-align: left; } .login_form .spf-tab { padding: 0; margin: 0 7px; font-size: 13px; background: none; border-bottom: 1px dashed #df4a42; border-bottom: 1px dashed #0079ae; } .login_form .spf-tab:hover { color: #0079ae; } .login_form .spf-tab_cur, .login_form .spf-tab_cur:hover { color: #363636; border: 0; } .login_form .spf-tabs { background: #fff; padding-top: 7px; } .login_form .spf-content { border-radius: 0 0 5px 5px; -moz-border-radius: 0 0 5px 5px; -webkit-border-radius: 0 0 5px 5px; padding-left: 10px; padding-top: 15px; } .login_form .spf-submit { top: 15px; } #wrapper { padding-bottom: 0px; } .login_form .spf-bottom { margin-top: 0px; border-top: 0; } .login_form { margin-bottom: 10px; } .login_form a.search-procedures { padding: 10px 30px; font-size: 14pt; width: 100%; margin-bottom: 10px; text-align: center; } .ls-sys_stat, .ls-block { padding: 10px; border: 1px solid #babab9; border-radius: 0 0 5px 5px; -moz-border-radius: 0 0 5px 5px; -webkit-border-radius: 0 0 5px 5px; font-size: 13px; } .ls-sys_stat table { width: 100%; border-collapse: collapse; } .ls-sys_stat tr + tr > * { border-top: 1px solid #d9d5cb; } .ls-sys_stat td, .ls-sys_stat th { padding: 3px 0; } .ls-sys_stat th { font-weight: normal; color: #7f7f7f; width: 75%; } .mb10 { margin-bottom: 10px; } .ls-diagramm { table-layout: fixed; width: 100%; font-family: 'PT Sans', sans-serif; border-collapse: collapse; } .ls-diagramm td { padding: 0; height: 140px; vertical-align: bottom; text-align: center; } .lsd-item { background: #0079ae; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; font-size: 11px; color: #fff; margin-right: 1px; } .ls-diagramm th { text-align: center; font-size: 10px; color: #838282; font-weight: normal; padding: 0; } .content_indent { padding: 0 10px; position: relative; z-index: 0; overflow-x: auto; max-width: 100%; min-height: 300px; } .rec-big { font-size: 16px; color: #000; } .rec-go { text-decoration: none; background: #0079ae; color: #fff !important; display: inline-block; padding: 3px 12px; font-size: 12px; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; position: relative; overflow: hidden; white-space: nowrap; cursor: pointer; } .rec-go:hover { color: #fff; text-decoration: none; } .rec-go.grey { background: #585858; } .rec-go.disabled { background: #ddd; color: #999 !important; } .rec-go-yellow { background: #ffdd2d; color: #333; display: inline-block; padding: 3px 12px; font-size: 12px; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; position: relative; overflow: hidden; white-space: nowrap; cursor: pointer; box-sizing: border-box; position: relative; transition-property: background-color, border-color, box-shadow; transition-duration: .25s; transition-timing-function: ease; } .rec-go-yellow:hover { background-color: #fcc521; } .rec-go-yellow:active { background-color: #fab619; } .rec-go-yellow:focus, .rec-go-yellow:focus:active, .rec-go-yellow:focus:hover { transition: none; outline: none; border-color: rgba(51, 51, 51, .48); box-shadow: inset 0 0 0 1px rgba(51, 51, 51, .48); background-clip: padding-box } .footer_wrap { background: #ededed; font-size: 13px; line-height: 1.61538; display: block; padding: 60px 0 0; font-family: 'Circe', serif; } .footer_wrap a { font-family: 'Circe', serif; color: inherit; -webkit-transition: .4s; transition: .4s } .footer_wrap a:hover { color: #0079ae; text-decoration: none; } .fh_wrapper { margin: 0 auto; max-width: 1504px; width: 100%; } .grid { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: 0px; margin-left: 0px; } .grid--custom-2 { display: block; padding: 0 10px; max-width: 16.66667%; width: 16.66667%; } .grid--custom-2-4 { display: flex; justify-content: center; padding: 0 10px; max-width: 24%; width: 24%; } .grid--custom-3 { display: block; padding-left: 10px; max-width: 21%; width: 21%; } .grid--custom-3-3 { display: flex; align-items: center; justify-content: left; max-width: 33%; width: 33%; padding: 0 10px 0 0; } .footer-list { position: relative; margin: 0; padding: 0 0 17px; color: #747474; -webkit-transition: .4s; transition: .4s; } .footer-list ul { margin: 15px 0; padding-right: 0; padding: 0; list-style-type: none; } .footer-list ul:last-of-type { margin-bottom: 0; } .footer-list li { padding: 0; border-bottom: none; margin: 0; } .footer-list li:last-child { padding-bottom: 0; } .footer-list a { text-decoration: none; -webkit-transition: .4s; transition: .4s; background-color: transparent; cursor: pointer; -webkit-text-decoration-skip: objects; } .footer-list:last-child { padding-bottom: 0; } .footer-list.active { overflow: hidden; border-radius: 3px; background: #e6e6e6; } .footer-list__title { display: -webkit-box; display: -ms-flexbox; display: flex; align-items: center; min-height: 1px; font-weight: bold; -webkit-box-align: center; -ms-flex-align: center; } .footer-contacts { font-size: inherit; } .footer-contacts__phone { text-decoration: none; } .footer-contacts__phone, .footer-contacts__mail { display: inline-block; margin: 0; width: auto; height: auto; border: none; border-radius: 0; background: none; } .footer-contacts__phone:hover, .footer-contacts__mail:hover { background: none; } .copyright { margin: 35px 0 0; padding: 30px 0; border-top: 1px solid #f9f9f9; color: #9b9b9b; text-align: center; } .copyright__text { margin: 0 auto; max-width: 780px; } .copyright a { color: #007eee; text-decoration: none; } .copyright a:hover { color: #007eee; text-decoration: underline; } .footer-socials { padding: 0; margin: 17px 0 46px; } .footer-socials li { margin: 0 2px; display: inline-block; list-style: none; vertical-align: top; line-height: 20px; } .footer-socials li a { display: inline-block; width: 19px; height: 19px; background-color: #b1b1b1; background-repeat: no-repeat; border-radius: 3px; background-position: center center; } .footer-socials li a.social-vk { background-image: url(img/icon/socials/vk.png); } .footer-socials li a.social-yt { background-image: url(img/icon/socials/youtube.png); } .footer-socials li a.social-tw { background-image: url(img/icon/socials/social_all.png); background-position: 0.5px -40.5px; } .footer-socials li a.social-fb { background-position: 6.5px 3.5px; background-image: url(img/icon/socials/social_all.png); } .f-counters { float: left; margin-right: 88px; } .f-copy a { color: #363636; } .f-copy { font-size: 11px; } .hm-item:hover .hm-sub { display: block; } .hm-sub { position: absolute; overflow: hidden; left: 0; top: 40px; background: #505050; border-bottom: 5px solid #7f7f7f; font-size: 13px; width: 220px; display: none; padding-top: 5px; } .hm-sub li { max-height: 26px; } .hm-sub a { display: block; color: #fff; padding: 5px 30px; float: left; width: 100%; } .hm-sub a:hover { background: #f6f5f3; color: #0079ae; } .hm-caption { display: block; color: #ccc; font-weight: bold; padding: 5px 15px; float: left; width: 100%; } .control-panel { position: relative; z-index: 4; background: #007eee; } .control-panel a { text-decoration: none; } .main { display: block; padding-top: 80px; } .main.personal-section { padding-top: 0 !important; } .menu__btn { cursor: pointer; display: block; float: left; width: 40px; height: 40px; margin: 0 15px; background-image: url(/etp/img/menu.svg); background-position: center; background-size: 21px 22px; background-repeat: no-repeat; } .menu__btn.active { background-color: #007eee; background-image: url(/etp/img/close_white.svg); background-size: 14px 13px; } .menu { display: none; margin-left: 0; } .menu__list { margin: 0 15px; padding: 15px 15px 20px; border: none; background: #007eee; font-size: 0; } .menu__item { color: #fff; position: relative; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; align-items: center; margin: 0 0 10px; padding: 0 0 0 40px; min-height: 30px; font-size: 16px; transition: .4s; -webkit-box-align: center; -ms-flex-align: center; line-height: 30px; } .menu__item.active { overflow: hidden; border-radius: 3px; background: #e6e6e6 } .menu__item:last-child { margin-bottom: 0; } .menu__item a { color: #fff; background-color: transparent; text-decoration: none; } .menu__item a:hover { color: #fff; } .menu__item:hover .submenu { display: block; z-index: 100 } .menu__text { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; margin: 0; padding: 0 0px; white-space: nowrap; position: relative; -ms-flex-wrap: wrap; flex-wrap: wrap; align-items: center; min-height: 30px; font-size: 16px; line-height: normal; -webkit-box-align: center; -ms-flex-align: center; } .menu__link { color: #fff; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; align-items: center; min-height: 30px; width: 100%; -webkit-box-align: center; -ms-flex-align: center; } .submenu { top: 100%; left: 0; display: none; margin: 0; padding: 0 0 6px; width: 100%; list-style-type: none; -webkit-animation: .4s Opacity; animation: .4s Opacity; box-shadow: 3px 9px 20px 0 rgba(0, 0, 0, .25); } .submenu__item { font-size: 13px; } .submenu__item:last-child { border-bottom: 1px solid transparent; } .submenu__link { color: #fff; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; align-items: center; min-height: 33px; width: 100%; -webkit-box-align: center; -ms-flex-align: center; } .menu__item--toggle { position: absolute; top: 0; left: 0; display: block; width: 30px; height: 30px; } .menu__item--toggle::before { position: absolute; top: 0; left: 0; width: 30px; height: 30px; border-radius: 3px; background: #007eee; content: '+'; text-align: center; font-size: 21px; } .menu__item.empty .menu__item--toggle::before { content: ''; } .article { font-size: 13px; line-height: 1.54em; color: #4d4d4d; } .article * { line-height: 1.54em; } .article ul { margin-bottom: 10px; } .article ul li { padding-left: 32px; position: relative; margin-bottom: 4px; / / behavior: expression(runtimeStyle . behavior = null, insertAdjacentHTML('afterBegin', '')); } .article ul li .ie_dash, .article ul li:after { content: ''; display: block; position: absolute; left: 16px; top: 0.4em; width: 9px; height: 9px; background: url(img/icon/3.png) no-repeat; overflow: hidden; } .article table, table.styled { width: 100%; border-collapse: collapse; } .article th, .article td, table.styled th, table.styled td { padding: 5px 24px; } .article th, table.styled th, table.styled tr.flexTableHeader td, tr.header td { font-weight: normal; font-size: 12px; color: #fff; background: #505050; vertical-align: top; } .article th + th, table.styled th + th, table.styled tr.flexTableHeader td + td, table.styled tr.header td + td { border-left: 1px solid #7a7a7a; } .borderLeft { border-left: 1px solid #7a7a7a; } .article td, table.styled td { border: 1px solid #e3e3e3; background: #fff; color: #000; vertical-align: middle; } table.styled th.bordered, table.custom th.bordered { border-bottom: 1px solid #7a7a7a; } table.styled th.groupHeader { border-bottom: 1px solid #7a7a7a; text-align: center; } table.styled tr:first-child th:first-child:before, table.styled tr:first-child th:last-child:before, .article tr:first-child th:first-child:before, .article tr:first-child th:last-child:before, table.styled tr.header:first-child td:first-child:before, table.styled tr.header:first-child td:last-child:before, table.styled tr.flexTableHeader:first-child td:first-child:before, table.styled tr.flexTableHeader:first-child td:last-child:before { content: ''; float: left; display: block; width: 5px; height: 5px; background: url(img/icon/4.png) no-repeat; overflow: hidden; position: relative; left: -19px; margin-left: -5px; margin-top: -5px; } table.styled tr.flexTableHeader:first-child td:first-child:before, table.styled tr.flexTableHeader:first-child td:last-child:before { background: url(img/icon/12.png) no-repeat; } .article tr:first-child th:last-child:before, table.styled tr:first-child th:last-child:before, table.styled tr.header:first-child td:last-child:before, table.styled tr.flexTableHeader:first-child td:last-child:before { float: right; left: 19px; margin-right: -5px; margin-top: -5px; background-position: -5px 0; } table.styled tr.flexTableHeader:first-child td:last-child:before { background-position: -4px 0; } .unstyled td { padding: 0 !important; border: 0 none !important; } .article blockquote { margin-left: 20px; padding-left: 17px; border-left: 1px solid #d9d5cb; margin-bottom: 10px; } .article p { margin: 10px 0; } .article { zoom: normal; } .ecp-price { width: 15%; } .ecp-value { width: 20%; } .ecp-input { margin: 0; } .ecp-total { font-size: 15px; } table.ecp_table { margin-top: 0; } .ecp-submit { text-align: right; padding-top: 5px; padding-bottom: 5px; border-bottom: 1px solid #dfdfdf; padding-right: 14px; } .ecp-submit .rec-go { padding: 3px 20px; } .ecp-label { cursor: default; display: block; color: #000; margin-bottom: 3px; } .ecp-label.inline { float: left; margin: 5px 10px 0 0; } .ecp-line { margin-bottom: 10px; } .ecp-line ul li[type=square] { margin-left: 20px; margin-top: 10px; } .ecp-colls { width: 100%; border-collapse: collapse; table-layout: fixed; } .ecp-cell { padding: 0; vertical-align: top; } .ecp-cell .ecp-line { padding: 0 0 0 30px; } .ecp-colls_wrap { margin: 0 0 0 -30px; } .ecpf-submit { margin: 0px 5px 0px 0px; padding: 3px 20px; } table.list_table td, table.list_table th, table.list_table tr.flexTableHeader { padding: 5px 5px; } table.list_table tr:first-child th:first-child:before, table.list_table tr.flexTableHeader:first-child td:first-child:before { left: 0px; } table.list_table tr:first-child th:last-child:before, table.list_table tr.flexTableHeader:first-child td:last-child:before { left: 0px; } .rui-select-done { display: none; } .rui-select { background: #fff; border: 1px solid #C4C4C4; border-radius: 5px 5px 5px 5px; -moz-border-radius: 5px 5px 5px 5px; -webkit-border-radius: 5px 5px 5px 5px; height: 25px; padding: 4px 10px; display: block; position: relative; } .rui-select span { display: block; } .ruisel-button { display: block; width: 27px; height: 25px; background: url(img/icon/5.png) no-repeat 0 -1px; overflow: hidden; position: absolute; right: -1px; top: -1px; } .custom_select_expanded { z-index: 1000; } .custom_select_expanded .ruisel-button { background-position: 0 -25px; } .ruisel-face { color: #7f7f7f; font-size: 11px; white-space: nowrap; overflow: hidden; margin-right: 20px; } .ruisel-clickable { left: 0; top: 0; width: 100%; height: 100%; z-index: 1; position: absolute; display: block; } .ruisel-select_options { border-radius: 0 0 5px 5px; -moz-border-radius: 0 0 5px 5px; -webkit-border-radius: 0 0 5px 5px; background: #fff; border: 1px solid #C4C4C4; position: absolute; left: -1px; width: 100%; top: 23px; } .custom_select_expanded { border-radius: 5px 5px 0 0; -moz-border-radius: 5px 5px 0 0; -webkit-border-radius: 5px 5px 0 0; } .ruisel-scroll { font-size: 11px; overflow: auto; max-height: 200px; } .ruisel-scroll span { padding: 2px 10px; cursor: pointer; } .ruisel-opt_over { background: #c4c4c4; color: #000; } table.tapestry-palette { width: 100%; } table.tapestry-palette select { min-width: 100%; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; padding: 3px; overflow: auto; } table.tapestry-palette td.available-cell { width: 50%; } table.tapestry-palette td.selected-cell { width: 50%; } table.tapestry-palette td.controls { left: 100%; margin-left: 16px; width: 60px; text-align: center; top: 20px; } .orsb-item { margin-bottom: 4px; width: 250px; padding-left: 22px; vertical-align: top; position: relative; display: inline-block; / / display: inline; zoom: 1; } .orsb-box { position: absolute; left: 0; top: 1px; } .orsb-title { color: #000; margin-bottom: 10px; font-size: 18px; font-weight: normal; } .orsb-boxes { padding: 0 0 0 30px; margin-bottom: 10px; color: #7f7f7f; } .orsb-boxes .orsb-item { width: auto; } .ecp-min_max .ecp-label { float: left; font-size: 11px; padding-top: 5px; margin-right: 5px; } .ecp-min_max .ecp-line { margin-bottom: 0; } .ecp-cell .orsb-item { width: auto; color: #000; margin-top: 23px; margin-bottom: 0; } .ecp-hr { background: #dfdfdf; height: 1px; font-size: 0px; overflow: hidden; margin: 0 0 10px; } .ecp-radio { vertical-align: middle; } .radio-btn, .checkbox { width: 13px; margin-right: 5px; } .radio-btn ~ label.ecp-label, .checkbox ~ label.ecp-label { display: inline; margin-bottom: 0; } table.info_table td { color: #505050; padding: 10px; vertical-align: top; } table.info_table.mono td { width: 50%; } .oit-h { width: 50%; } .htn-text { height: 32px; line-height: 32px; position: relative; top: -3px; } .gecko .htn-text, .ie-lt8 .htn-text { top: -4px; } .htn-item { position: relative; background: #000000; font-size: 26px; color: #f6f5f3; width: 30px; height: 25px; line-height: normal; text-align: center; vertical-align: baseline; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; / / margin-right: 0.1 em; display: inline-block; / / display: inline; zoom: 1; } .htn-line { position: absolute; background: #000; font-size: 0; display: block; left: 0; width: 100%; top: 12px; height: 1px; opacity: 0.2; filter: progid:DXImageTransform.Microsoft.Alpha(opacity=20); z-index: 1; } .h-dark404 { height: 27px; } .h-dark404 .hm-link { height: 27px; line-height: 26px; } .h-dark404 .h-menu { left: 130px; } .h-dark404 .hm-sub { top: 27px; } .page404 .h-logo { margin-bottom: 60px; left: -19px; } .page404 { padding-left: 130px; padding-top: 30px; } .title404 { color: #0079ae; margin-bottom: 30px; } .big404 { font-weight: bold; font-size: 48px; } .small404 { font-size: 12px; } .medium404 { font-size: 17px; margin-top: -5px; } .ulh404 { font-size: 17px; margin-bottom: 10px; } .white_cross_icon { vertical-align: middle; display: inline-block; width: 16px; height: 16px; background: url(img/icon/9.png) no-repeat; overflow: hidden; } .login-error { background: #4c679e; color: #fff; padding: 15px 45px; position: relative; margin: 10px 0 15px; } .login-error .white_cross_icon { position: absolute; top: 15px; left: 20px; } .login-error-red { background: #b83030; color: #fff; padding: 15px 45px; position: relative; margin: 10px 0 15px; } .login-error-red .white_cross_icon { position: absolute; top: 15px; left: 20px; } .ors-filter a.cur { color: #363636; text-decoration: none; cursor: default; } .etpp-small { font-size: 11px; } .etpp-small .ors-separator { vertical-align: middle; color: #6f6f6f; } .ecp-textarea textarea { padding: 0; margin: 0; border: 0; width: 100%; background: none; height: 100px; } .ecp-textarea { height: auto; } .aleft { text-align: left !important; } .aright { text-align: right !important; } .acenter { text-align: center !important; } .vatop, .vatop td { vertical-align: top !important; } .vamiddle, .vamiddle td { vertical-align: middle !important; } .vabottom, .vabottom td { vertical-align: bottom !important; } .icoColumn { width: 16px; } .login-button-panel { text-align: right; padding-top: 5px; } .left { float: left !important; } .right { float: right !important; } .gwt-PopupPanel { z-index: 10001; color: #505050; padding: 20px; border: 2px solid #505050; } .gwt-PopupPanel.calendar { padding: 0; border: none; } .datePickerButton { background: url("../img/buttons/cal.gif") no-repeat; border: none; display: inline-block; position: absolute; height: 16px; width: 16px; top: 0; right: 0; margin-top: 4px; margin-right: 5px; overflow: hidden; cursor: pointer; } .gwt-PopupPanelGlass { z-index: 1000; background-color: #000; opacity: 0.3; filter: alpha(opacity=30); width: calc(100% + 8px) !important; border-radius: 10px; } .gwt-SuggestBoxPopup { padding: 0px; cursor: pointer; z-index: 10000; } .gwt-SuggestBoxPopup table { width: 100%; } .gwt-SuggestBoxPopup .item { font-size: 100%; cursor: pointer; white-space: normal !important; } .gwt-SuggestBoxPopup .item-selected { } .gwt-SuggestBoxPopup .gwt-TextBox { background: rgba(0, 0, 0, 0) url("img/icon/11.png") no-repeat scroll 98% center; } .gwt-LinkButton { display: inline-block; font-size: 13px; padding: 0px; margin: 0px; background: none; border-bottom: 1px dashed rgb(0, 121, 174); color: #0079ae; text-decoration: none; cursor: pointer; } .gwt-Button, .gwt-Button:visited { background: none repeat scroll 0 0 #0079ae; border: 0px; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; cursor: pointer; color: #FFFFFF; display: inline-block; font-size: 12px; margin: 0px 5px 0px 0px; padding: 3px 20px; text-decoration: none; white-space: nowrap; } .imageButtonNoBorder { padding: 0; border: none; background: transparent; } .gwt-Button:hover { border: 0px; text-decoration: none; color: #FFFFFF; } .gwt-Button:active { border: 0px; } .gwt-Button[disabled], .gwt-Button.disabled { border: 0px; background: #ddd; color: #999 !important; cursor: default; } .gwt-Button[disabled]:hover, .gwt-Button.disabled:hover { border: 0px; background: #ddd; color: #999; cursor: default; } .gwt-Button.grey { background: #585858; } .gwt-Button.grey:hover { background: #0079ae; } .list_table .gwt-Button { margin: 0; } .gwt-TextBox, .gwt-DateBox { background: none repeat scroll 0 0 #FFFFFF; border: 1px solid #C4C4C4; border-radius: 5px 5px 5px 5px; line-height: 17px; overflow: hidden; padding: 3px 7px; } .gwt-TextArea { background: none repeat scroll 0 0 #FFFFFF; border: 1px solid #C4C4C4; border-radius: 5px 5px 5px 5px; line-height: 17px; overflow: auto; padding: 3px 7px; } .gwt-PasswordTextBox { background: none repeat scroll 0 0 #FFFFFF; border: 1px solid #C4C4C4; border-radius: 5px 5px 5px 5px; line-height: 17px; overflow: hidden; padding: 3px 7px; } .gwt-ListBox { background: none repeat scroll 0 0 #FFFFFF; border: 1px solid #C4C4C4; border-radius: 5px 5px 5px 5px; line-height: 17px; overflow: hidden; padding: 3px 7px; } .gwt-SelectBox { background: none repeat scroll 0 0 #FFFFFF; border: 1px solid #C4C4C4; border-radius: 5px 5px 5px 5px; line-height: 17px; height: 25px; overflow: hidden; padding: 3px 7px; display: block; cursor: pointer; } .gwt-SuggestBoxPopup .suggestPopupContent { background: white; max-height: 200px; overflow-y: auto !important; overflow-x: visible; width: max-content; border-right: 1px solid #bbb; } .suggestPopupTop, .suggestPopupBottom { visibility: hidden; } .gwt-SuggestBoxPopup .suggestPopupContent { background: white; overflow-y: auto !important; max-height: 105px; } .gwt-SuggestBoxPopup .suggestPopupMiddleLeft { border-left: 1px solid #bbb; border-bottom: 1px solid #bbb; border-top: 1px solid #bbb; background-color: white; } .gwt-SuggestBoxPopup .suggestPopupMiddleRight { visibility: hidden; } .gwt-SuggestBoxPopup .suggestPopupMiddleCenter { border-bottom: 1px solid #bbb; border-top: 1px solid #bbb; } .gwt-SuggestBoxPopup .suggestPopupMiddleLeftInner, .gwt-SuggestBoxPopup .suggestPopupMiddleRightInner { width: 1px; line-height: 1px; } .fullWidth { width: 100%; } .minWidth { width: 1%; } .error { color: red; } .errorMessage { color: red; font-weight: bold; white-space: pre-line; } .fieldValue { vertical-align: middle; padding: 0; } .fieldPadding { vertical-align: middle; padding: 0 5px 0 0; } .fieldButton { width: 26px; } .fieldButtonWithPadding { width: 26px; padding-left: 5px; } .addButton { cursor: pointer; display: inline-block; height: 16px; width: 16px; background: url('/etp/img/buttons/add_plus.png') no-repeat; text-decoration: none !important; } .editButton { cursor: pointer; display: inline-block; height: 16px; width: 16px; background: url('/etp/img/buttons/edit.png') no-repeat; text-decoration: none !important; } .deleteButton { cursor: pointer; display: inline-block; height: 16px; width: 16px; background: url('/etp/img/buttons/delete.png') no-repeat; text-decoration: none !important; border: 0; } .refreshButton { cursor: pointer; display: inline-block; height: 16px; width: 16px; margin: 5px; background: url('/etp/img/buttons/refresh.png') no-repeat; text-decoration: none !important; border: 0; } .crossedCircleButton { cursor: pointer; display: inline-block; height: 16px; width: 16px; background: url('/etp/img/buttons/cross_circle.gif') no-repeat; text-decoration: none !important; border: 0; } .refreshButton:active { transform: rotate(30deg); } .formTable { width: 100%; border: 0px; border-collapse: collapse; color: black; } .formButtonsPanel { padding-top: 10px; } .textField { width: 100%; } .textFieldValue { vertical-align: middle; } .selectField { width: 100%; position: relative; } .selectField .ruisel-button { cursor: pointer; top: 0; right: 0; } .phoneCountryCodeField { width: 45px; } .phoneRegionCodeField { width: 65px; } .disabled { border-color: #e4e4e4; color: #808080; } .captionField { text-align: center; font-weight: bold; vertical-align: middle; background: none repeat scroll 0 0 #7F7F7F; color: #FFFFFF; border-radius: 5px; padding: 4px 0; width: 100%; } .imageButton { width: 16px; cursor: pointer; } .filesTable { width: 100%; border-spacing: 0px 5px; } .filesTable .file { clear: both; padding: 5px; height: 26px; overflow: hidden; position: relative; border: 1px solid #505050; background: none repeat scroll 0 0 #DDDDDD; } .filesTable .file .fileSize { position: relative; float: right; padding: 0 10px; color: #505050; } .filesTable .file .fileName { position: relative; display: inline-block; font-weight: bold; width: 80%; } .filesTable .file .fileDelButton { position: relative; float: right; } .filesTable .file .loadingIndicator { display: none; } .filesTable .file.loading { border-color: #9c9; } .filesTable .file.loading .loadingIndicator { display: block; position: absolute; height: 26px; left: 0; width: 0; top: 0; background: #cfc; /*border-color: #9c9;*/ } .filesTable .file.loading.error { border-color: #f99; } .filesTable .file.loading.error .loadingIndicator { background: #fcc; } .filesTable .file.loaded { background: #cfc; border-color: #9c9; } .filesWarning { color: #505050; font-size: 11px; } table.styledTable { width: 100%; border-collapse: collapse; /*margin-top: 5px;*/ } table.styledTable td { padding: 5px; border: 1px solid #e3e3e3; /*background: #fff;*/ color: #505050; vertical-align: middle; } table.styledTable tr.trheader td { border: 0; font-weight: bold; font-size: 12px; color: #505050; background: #e3e3e3; vertical-align: middle; text-align: center; border: 1px solid #cccccc; } table.unstyledTable td { border-collapse: collapse; border: 0; padding: 0; } table.horizontalLinesOnly { border-collapse: collapse; border: none; text-align: center; } table.horizontalLinesOnly tr { border-top: 1px solid #cccccc; color: black; } table.horizontalLinesOnly tr:first-child { padding: 5px; border-top: none; border-bottom: none; } table.horizontalLinesOnly tr:nth-child(2) { padding: 5px; color: #505050; border-top: none; border-bottom: none; } table.horizontalLinesOnly td { border: none !important; padding: 5px; } .makeBidLot { text-align: center; vertical-align: middle; background: none repeat scroll 0 0 #7F7F7F; color: #FFFFFF; border-radius: 5px 5px 5px 5px; padding: 3px 0; } .makeBidRange { text-align: center; font-weight: bold; vertical-align: top; color: #808080; margin: 3px 0; } .makeBidPriceTitle { font-weight: bold; } .makeBidPriceRedTitle, .makeBidPriceRedTitle td { font-weight: bold; color: #CF3C19 !important; } .bidPriceRed, .bidPriceRed td { color: #CF3C19 !important; } .formCaution { text-align: left; vertical-align: middle; color: #808080; margin: 0 3px; } .signFormCaution { text-align: left; vertical-align: middle; color: #808080; } /* \EF\EE\EB\E5 \E2\FB\E1\EE\F0\E0 \E4\E0\F2\FB*/ .datePicker-input { position: relative; } .datePicker-input input { min-width: 30px; } .datePicker-input a { position: absolute; top: 2px; right: 5px; } .datePicker-input a.clearbutton { right: 25px; } .calendarBody table th, .calendarBody table td { padding: 3px; } .calendarBody .grid { display: table; } /* \EA\EE\ED\E5\F6 / \EF\EE\EB\E5 \E2\FB\E1\EE\F0\E0 \E4\E0\F2\FB*/ .multiSelectField { width: 100%; height: 100%; } .multiSelectFieldButton { width: 100%; } /* * \DF\F7\E5\E9\EA\E8, \EE\F2\ED\EE\F1\FF\F9\E8\E5\F1\FF \EA \E0\EA\F2\E8\E2\ED\EE\EC\F3 \E8\EB\E8 \F1\EB\E5\E4\F3\FE\F9\E5\EC\F3 \F2\E0\F0\E8\F4\ED\EE\EC\F3 \EF\EB\E0\ED\F3 * (\E2 \F2\E0\E1\EB\E8\F6\E5 \E2\FB\E1\EE\F0\E0 \D2\CF). */ table.styled td.unallowed { background-color: #DDDDDD; } .filesFieldTitle { width: 200px; } .fieldLabel, .filesFieldTitle { vertical-align: top; font-weight: bold; color: #505050; padding: 0 5px; } .required:after { color: #b83030; content: "\00a0*"; } th.required:after { color: red; content: "\00a0❄"; } td.formTableCell { padding-bottom: 10px; } .gwt-CheckBox input { float: left; } .gwt-CheckBox label { display: table; color: #505050; margin-left: 20px; margin-bottom: 5px; } .gwt-RadioButton input { margin-top: 3px; float: left; } .gwt-RadioButton label { display: table; color: #505050; margin-left: 20px; margin-bottom: 5px; } .checkBoxLabel { font-weight: bold; } .accountBlocked { /*color: #d9261c;*/ border-bottom: 1px dashed; cursor: help; } .demandStateEdit { font-weight: bold; color: #000; } .demandStatePending { font-weight: bold; color: #ff6c00; } .demandStateRenounced { font-weight: bold; color: #808080; } .demandStateAccepted { font-weight: bold; color: #14A700; } .demandStateRejected { font-weight: bold; color: #A70023; } a.simpleLink { font-weight: normal; color: #0f4be8; } .inlineCardTitle { float: left; margin-right: 10px !important; } .identifier { background-color: #363636; color: #FFFFFF; } .identifierPrice { color: red; } .identifierLink { background-color: #0079ae; color: #FFFFFF; padding: 2px; } .boldTitle { font-weight: bold; color: #363636; } .bigTitle { font-size: 19px; color: #363636; } .inlineButton { float: left; margin-top: 3px !important; } .inlineButton-right { float: right; margin-top: 3px !important; } .nowrap { white-space: nowrap; } .tab-container { border-bottom: 1px solid rgb(223, 223, 223); font-size: 13px; padding-bottom: 15px; } .tabs li { display: inline-block; margin-right: 8px; padding-right: 8px; border-right: 1px solid; line-height: 13px; } .tabs li:last-child { border-right: none; } .tab-link.active { text-decoration: none; color: #363636; cursor: default; } .treebutton { width: 9px; height: 9px; display: inline-block; background: url(img/treelist_expand.gif) no-repeat; margin-right: 5px; cursor: pointer; } .treebutton.expanded { background: url(img/treelist_collapse.gif) no-repeat; } .criterionValueLayout, table.criterionValueLayout td, .attributeValueLayout, table.attributeValueLayout td { width: 100%; margin: 0; padding: 1px; } /* \CF\E0\ED\E5\EB\FC \EF\EE\E8\F1\EA\E0 \F2\EE\F0\E3\EE\E2*/ .searchPanel { width: 100%; border-collapse: collapse; } .queryPanel { width: 100%; background: #0079ae; padding: 10px; } .queryPanelSortCaption { color: #fff; white-space: nowrap; margin-right: 10px; } .queryFieldLayout { width: 100%; padding-bottom: 10px; } .queryFieldButton { position: absolute; right: 0px; top: 0px; background: rgba(0, 0, 0, 0) url("img/icon/11.png") no-repeat center; border: 0px; cursor: pointer; display: inline-block; margin: 0; width: 25px; height: 25px; } .filterPanel { width: 220px; margin: 10px 0 0 10px; border-collapse: collapse; } .filterItem { background: #f6f5f3; border-left: 1px solid #7f7f7f; cursor: pointer; font-size: 12px; margin: 0; padding: 3px 10px; text-decoration: none; white-space: nowrap; color: #7f7f7f; -webkit-touch-callout: none; /* iOS Safari */ -webkit-user-select: none; /* Chrome/Safari/Opera */ -khtml-user-select: none; /* Konqueror */ -moz-user-select: none; /* Firefox */ -ms-user-select: none; /* IE/Edge */ user-select: none; /* non-prefixed version, currently not supported by any browser */ } a.filterItem { display: block; text-decoration: none; } a.filterItem:hover, a.filterItem:visited { color: #7f7f7f; } .filterItem.bordered { border-top: 1px solid #7f7f7f; border-bottom: 1px solid #7f7f7f; } .filterItem.selected { background: #ccc; color: #363636; } .filterItem.first { border-radius: 5px 0 0 5px; border-left: 0; } .filterItem.first.bordered { border-left: 1px solid #7f7f7f; } .filterItem.last { border-radius: 0 5px 5px 0; } .filterItem.last.bordered { border-right: 1px solid #7f7f7f; } .filterItem.first.last { border-radius: 5px; } .filterItem.sort { background: #f6f5f3 url(img/icon/5.png) no-repeat -3px -3px; overflow: hidden; padding: 3px 10px 3px 20px; } .filterItem.sort.asc { background-position: -3px -26px; } .filterItem.sort.selected { background: #ccc url(img/icon/5.png) no-repeat -3px -3px; color: #363636; } .filterItem.sort.asc.selected { background: #ccc url(img/icon/5.png) no-repeat -3px -26px; color: #363636; } .searchResultsViewButton { alignment: right; background-size: 20px 20px; background-color: #ececec; background-position: center; background-repeat: no-repeat; cursor: pointer; display: block; border: 0; margin: 0; width: 32px; height: 32px; } .searchResultsCardView { background-image: url(img/icon/search-result-card-view.svg); } .searchResultsCardViewActive { background-image: url(img/icon/search-result-card-view-active.svg); } .searchResultsTableView { background-image: url(img/icon/search-result-table-view.svg); margin-left: 3px; } .searchResultsTableViewActive { background-image: url(img/icon/search-result-table-view-active.svg); margin-left: 3px; } .searchResultsCard { width: 100%; border-radius: 6px; box-shadow: 2px 2px 5px 0 rgb(0 0 0 / 10%); background-color: #fff; margin-bottom: 12px; font-size: 14px; font-weight: 400; font-style: normal; font-stretch: normal; line-height: 1.29; letter-spacing: normal; color: #000; overflow: visible; box-sizing: border-box; padding: 10px; } .searchResultsCardRow { display: flex; align-items: flex-start; flex-wrap: wrap; } .searchResultsCardCol1 { flex: 0 0 100%; } .searchResultsCardCol1-2 { flex: 0 0 50%; } .searchResultsCardCol1-3 { flex: 0 0 33.3333%; } .searchResultsCardCol2-3 { flex: 0 0 66.6666%; } @media (max-width: 760px) { .searchResultsCardCol1 { flex: 0 0 100%; padding-top: 5px; } .searchResultsCardCol1-2 { flex: 0 0 100%; padding-top: 5px; } .searchResultsCardCol1-3 { flex: 0 0 100%; padding-top: 5px; } .searchResultsCardCol2-3 { flex: 0 0 100%; padding-top: 5px; } } .smpBadge { border-color: #fe525b; color: #fe525b; line-height: 20px; text-align: center; border: 1px solid; border-radius: 4px; font-size: 13px; padding: 0 3px; position: relative; white-space: nowrap; box-sizing: border-box; margin: 5px 0; width: 40px; } .blueTitle { color: #007eee; } .greyTitle { color: #9b9b9b; } .lotTypeTitle { padding-right: 10px; } .blockPanel { background: #ececec; border: 1px solid #e3e3e3; } .blockPanelTitle { width: 100%; height: 26px; padding-top: 3px; padding-left: 20px; padding-right: 26px; overflow: hidden; } .blockPanelTitleLabel { font-size: 11px; cursor: pointer; border-bottom: 1px solid #c4c4c4; display: inline-block; } .blockPanelExpandButton { position: absolute; left: 0px; top: 0px; background: rgba(0, 0, 0, 0) url(img/icon/5.png) no-repeat -3px -3px; border: 0px; cursor: pointer; display: inline-block; margin: 0; width: 16px; height: 16px; } .blockPanelExpandButton.expanded { background-position: -3px -26px; } .blockPanelClearButton { position: absolute; right: 0px; top: 0px; background: rgba(0, 0, 0, 0) url("images/popup.png") no-repeat center; cursor: pointer; display: inline-block; border: 0; margin: 0; width: 26px; height: 26px; } .blockPanelContent { margin: 0 8px 8px 8px; overflow: hidden; } .blockPanel input, .blockPanel select { font-size: 11px; padding: 3px 4px; } .blockPanel select { padding-left: 3px; } .blockPanel input[disabled], .blockPanel select[disabled] { background: #f6f5f3; } .blockPanelCheckboxLabel { font-size: 11px; margin-bottom: 5px; } .labelInside { color: #7f7f7f !important; } .cellTable { border-bottom: 1px solid #ccc; text-align: left; margin-bottom: 4px; } .tablePager { margin-top: 10px; } .offerType { display: inline-block; width: 16px; height: 16px; border: 0; margin: 0; cursor: help; } .offerType.buying { background: rgba(0, 0, 0, 0) url("/etp/img/arrow_down.gif") no-repeat center; } .offerType.sale { background: rgba(0, 0, 0, 0) url("/etp/img/arrow_up.gif") no-repeat center; } .offerType.rfi { background: rgba(0, 0, 0, 0) url("/etp/img/question_mark.gif") no-repeat center; } .waiting { background: rgba(0, 0, 0, 0) url("/etp/img/loading.gif") no-repeat left; width: 16px; height: 16px; } table.styled td.allowed { background-color: #98FB98; } table.styled td.rejected { background-color: #FFA8AF; } table.styled td.disabled { color: #808080; } .rangeStage { display: inline-block; border: 2px solid; text-transform: uppercase; font-size: 14px; line-height: 20px; margin-left: 10px; padding: 0 15px; cursor: pointer; color: #000; } .rangeStage.declared { border-color: #ff9900; } .rangeStage.current { border-color: #6aa84f; } .rangeStage.finished { border-color: #b7b7b7; } .rangeStage.paused { border-color: #073763; } .rangeStage.declared:hover, .rangeStage.declared.inactive { background-color: #ff9900; color: #fff; } .rangeStage.current:hover { background: #6aa84f; color: #fff; } .rangeStage.finished:hover, .rangeStage.finished.inactive { background: #b7b7b7; color: #fff; } .rangeStage.declared.inactive:hover, .rangeStage.finished.inactive:hover { cursor: default; } .rangeStage.paused:hover { background: #073763; color: #fff; } .info_block { text-align: left; font-size: 13px; color: #000; border: 1px solid #e3e3e3; background-color: #fff; padding: 10px; position: relative; } .info_block .list_table th { background-color: #7f7f7f; } .block_with_min_height { min-height: 400px; } .position_block_content { position: relative; } .position_block_left { width: 100%; float: left; margin-right: -250px; } .position_block_left > div { margin-right: 250px; } .position_block_right { width: 250px; float: right; } .position_price_block_expand { position: absolute; bottom: 0; } .position_price_block_expand .inlineCardTitle { position: relative; } .position_price_block_expand .inlineCardTitle::after { right: -15px !important; margin-left: 0; top: 50%; bottom: auto; line-height: 10px; width: 10px !important; height: 10px !important; margin-top: -3.5px !important; color: #0079ae; /*inherit;*/ transition: none; font-family: 'PT Sans', sans-serif !important; content: "\25b6"; } .position_price_block_expand.expanded .inlineCardTitle::after { content: "\25BC"; } .position_price_block_expand .inlineButton { margin-top: 1px !important; margin-left: 15px; } .position_price_block_content { margin-top: 5px; padding-right: 1px; } .property_small_title { font-size: 11px; color: #808080; } table.defaultCellPadding td { padding: 2px; } .captchaRow input { text-transform: uppercase; } .red { color: #d9261c; } .green { color: #6aa84f; } .breadcrumbs-menu { font-size: 12px; padding-bottom: 15px; } .breadcrumbs-item { display: inline-block; margin-right: 5px; line-height: 12px; color: #f9f9f9; } .breadcrumbs-separator { display: inline-block; color: #f9f9f9; margin-right: 5px; line-height: 12px; } .breadcrumbs-link { display: block; white-space: nowrap; color: #f9f9f9; text-decoration: none; } .breadcrumbs-link:visited { color: #f9f9f9; text-decoration: none; } .breadcrumbs-link:hover { color: #005991; } .heading { border-bottom: 1px solid #dfdfdf; padding-bottom: 2px; margin-bottom: 15px; } /* chat */ .ans_delivery_status { color: gray; font-size: 9px; float: right; position: relative; } .message_incoming { background-color: #fff !important; } .message_incoming_text { text-align: right; } .message_outcoming { background-color: #efefef !important; } .textFullField { width: 100%; height: 150px; padding: 10px !important; margin: 10px 0px 10px 0px !important; font-family: Arial, helvetica, sans-serif; } .message-time-right { float: right; color: #aaa; padding-bottom: 10px; } .message-time-left { float: left; color: #999; } .message-text-left div { padding-bottom: 5px; } .message-text-right div { margin-left: 200px; } .message-text-right ul { margin-left: 200px !important; } .normalWeight { font-weight: normal; } .boldWeight { font-weight: bold !important; } .circle-white-background { background-color: white; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; } .content_breadcrumbs { padding-bottom: 15px; } .content_breadcrumbs a.breadcrumbs-link { display: inline; position: relative; margin-right: 19px; color: #009af1; } .content_breadcrumbs a.breadcrumbs-link:hover { text-decoration: underline; } .content_breadcrumbs span.breadcrumbs-link { display: inline; color: #9b9b9b; } .content_breadcrumbs span.breadcrumbs-link:hover { color: #9b9b9b; } .content_breadcrumbs a.breadcrumbs-link::after { display: inline-block; position: absolute; top: -2px; margin-left: 5px; content: '→'; transform: scale(1.5); } a.replenishment { padding: 5px 7px; margin: 0 0 0 7px; } .inlineCardTitle.column { display: flex; flex-direction: column; border-bottom: none; } .inlineCardTitle.column .identifier { color: #000; background-color: transparent; font-weight: bold; } .inlineCardTitle.column .etpp-small { font-size: 80%; margin-top: 5px; } #carousel { width: 100%; margin-top: 10px; } #carousel button.previous { display: none; border-radius: 50%; width: 30px; height: 30px; padding: 0; margin: 40px 0 0; position: absolute; z-index: 3; top: 0; left: -10px; background-image: url(/etp/img/carousel/arrow_left.svg); background-repeat: no-repeat; background-position: center; background-position-x: 6px; background-size: 15px; } #carousel button.next { display: none; border-radius: 50%; width: 30px; height: 30px; padding: 0; margin: 40px 0 0; position: absolute; z-index: 3; top: 0; left: -20px; background-image: url(/etp/img/carousel/arrow_right.svg); background-repeat: no-repeat; background-position: center; background-position-x: 9px; background-size: 15px; } #carousel .items { width: 100%; overflow: hidden; } #carousel .td-item:first-child { padding-left: 0 !important; } #carousel .td-item:last-child { padding-right: 0 !important; } #carousel a.item { text-decoration: none; } #carousel .item > div { position: relative; padding: 14px 16px; border-radius: 6px; text-align: left; color: #fff; } #carousel .item .yellow { background: linear-gradient(360deg, #f5a623 0, #fad047 100%); } #carousel .item .blue { background: linear-gradient(180deg, #00d0f7 0, #007eee 100%); } #carousel .item .orange { background: linear-gradient(180deg, #f94 0, #fc6076 100%); } #carousel .item .green { background: linear-gradient(360deg, #1cb6b1 0, #7be6b9 100%); } #carousel .item .red { background: linear-gradient(360deg, #ff232f 0, #fe7b81 100%); } #carousel .item .white { background: linear-gradient(360deg, #eee 0, #fff 100%); } #carousel .item .white h3 { color: #000; line-height: 25px; } #carousel .item .white p { color: #7C7C7C; line-height: 17px; } #carousel .item h3 { font-size: 22px; font-weight: 700; line-height: 33px; color: #fff; margin: 0; } #carousel .item p { font-size: 14px; font-weight: 400; line-height: 19.5px; color: #fff; } #carousel .item i { display: block; position: absolute; opacity: .1; } #carousel .item i.coins { height: 85px; width: 83px; background: url(/etp/img/carousel/coins.svg) no-repeat; top: 12px; right: 16px; } #carousel .item .white i.coins { -webkit-filter: invert(.75); filter: invert(.75); } #carousel .item i.chat { height: 80px; width: 72px; background: url(/etp/img/carousel/chat.svg) no-repeat; top: 20px; right: 0; } .no-gutters { margin-right: 0 !important; margin-left: 0 !important; } .no-gutters > .col, .no-gutters > [class*=col-] { padding-right: 0 !important; padding-left: 0 !important; } @media (min-width: 768px) { .ct-cell { display: table-cell; } .ct-left { width: 230px; } .menu__item { padding-right: 20px; } } @media (min-width: 992px) { .main { padding-top: 113px } .menu__btn { display: none; } .menu { display: block; } .menu__list { float: left; margin: 0 15px; padding: 0; border: none; background: 0 0; box-shadow: none; } .menu__item { display: -ms-inline-flexbox; display: inline-flex; /*line-height: 50px;*/ margin: 0; padding: 0 15px; white-space: nowrap; } .menu__link { height: 45px; } .menu__item--toggle { display: none; } .submenu { position: absolute; padding-bottom: 0; width: auto; background: #007eee; box-shadow: 3px 9px 20px 0 rgba(0, 0, 0, .25); } .submenu__item { padding: 0 15px; border-color: transparent; font-size: inherit; } .submenu__link { min-height: 50px; height: auto; color: inherit; } .submenu.submenu { box-shadow: 3px 9px 20px 0 rgba(0, 0, 0, .25); } } .link-style { display: inline-block; color: #0079ae; text-decoration: underline; cursor: pointer; } .table-subtitle { font-weight: bold; font-size: 15px; } .arrow { line-height: 10px; width: 10px !important; height: 10px !important; color: #0079ae; font-family: 'PT Sans', sans-serif !important; position: absolute; margin-top: 5px; } .transformArrow { transform: rotate(90deg); margin-left: -2px !important; } .hidden { display: none } .altDemand { text-decoration: none; border-bottom: 1px dashed #0079ae; font-size: 10px; margin-right: 2px; } .alternativeDemandExpand { text-decoration: none; border-bottom: 1px dashed; } .panelWithoutBorder td { border-width: 0px !important; } .flexTableHeader td.firstColumn { border-top-color: white; border-left-color: white; } .flexTableHeader td.lastColumn { border-top-color: white; border-right-color: white; } .check_sign_table { border: none; } table.check_sign_table td { padding: 10px 0 10px 0; border: none; } .checkEdsPluginSignButton { display: inline-block; margin: 0; padding: 10px 30px; color: #0e9aff; border: 1px solid #0e9aff; background: #fff; border-radius: 5px; line-height: 1.2; outline: 0; vertical-align: middle; text-align: center; cursor: pointer; font-family: Circe, sans-serif; font-size: 14px; font-weight: 500; font-style: normal; text-decoration: none; } .checkEdsPluginSignButton_Selected { background: #0e9aff; color: #fff; } .red { color: red; } .green { color: green; } .lotSubjectSearch { max-width: 660px; word-wrap: break-word; } .lotSubjectTitle { max-width: 100%; word-wrap: break-word; } .lotSubjectW0 { max-width: 0; word-wrap: break-word; } .lotSubjectTD { max-width: 400px; word-wrap: break-word; } table.lotSubjectTDW0 td { max-width: 0; word-wrap: break-word; } .cursor-pointer { cursor: pointer !important; } .expandTable { } .expander { display: none; } .exprow { text-decoration: dashed underline; text-indent: 5px; cursor: pointer; } .toggle::before { content: '\25E2'; float: left; transform: rotate(45deg); font-size: 80%; font-weight: bold; font-stretch: ultra-expanded; } .toggle.active::before { content: "\25E4"; transform: rotate(45deg); font-size: 80%; font-weight: bold; font-stretch: ultra-expanded; } .tableExpander { left: 0px; top: 0px; background: rgba(0, 0, 0, 0) url(img/icon/5.png) no-repeat -3px -3px; border: 0px; cursor: pointer; margin: 0; padding-left: 20px; width: 100%; height: 16px; } .tableExpander.active { background-position: -3px -26px; } .tableExpandTitleLabel { cursor: pointer; border-bottom: 1px solid #c4c4c4; display: inline-block; } table.tableWithoutHeader thead { display: none; } .alert { font-family: 'Circe'; font-style: normal; font-weight: 400; font-size: 13px; line-height: 18px; } .notification-content { width: 40%; } /* The switch - the box around the slider */ .switch { position: relative; display: inline-block; width: 30px; height: 17px; } /* Hide default HTML checkbox */ .switch input { opacity: 0; width: 0; height: 0; } /* The slider */ .slider { position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; background-color: #ccc; -webkit-transition: .4s; transition: .4s; } .slider:before { position: absolute; content: ""; height: 13px; width: 13px; left: 2px; bottom: 2px; background-color: white; -webkit-transition: .4s; transition: .4s; } input:checked + .slider { background-color: #007eee; } input:focus + .slider { box-shadow: 0 0 1px #007eee; } input:checked + .slider:before { -webkit-transform: translateX(13px); -ms-transform: translateX(13px); transform: translateX(13px); } /* Rounded sliders */ .slider.round { border-radius: 17px; } .slider.round:before { border-radius: 50%; } #to-top-button { display: none; width: 50px; height: 50px; position: fixed; bottom: 10px; right: 10px; z-index: 99; border: none; outline: none; background-color: #0079AE; color: white; cursor: pointer; padding: 15px; border-radius: 10px; font-size: 18px; background: url(img/ui.totop.png) no-repeat left -51px; } #to-top-button:hover { background: url(img/ui.totop.png) no-repeat left -51px; } .gwt-ClearButton { position: absolute; top: 7px; right: 3px; cursor: pointer; } .pr-5px { padding-right: 5px; } .pt-5px { padding-top: 5px; } .mr-5px { margin-right: 5px; } .ml-5px { margin-left: 5px; } .mt-5px { margin-top: 5px; } .border-0 { border: 0; } .nomenclaturePriceStatus { vertical-align: middle !important; background-color: #7f7f7f !important; border: 0 !important; padding: 0 0 !important; } .nomenclaturePositionButtons { display: flex; flex-direction: column; align-items: end; } .display-inline { display: inline-flex; } .overflow-auto { overflow: auto; } .produceTypeEditor { padding: 2px 5px 2px 0 !important; } .hyperlinkLabel { border-bottom: 1px dashed #0079AE; color: #0079AE; cursor: pointer; display: inline; } /* прогресс-бар */ .progress { position: relative; min-width: 300px; box-sizing: content-box; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; } .progress .item { clear: both; padding: 5px; height: 16px; overflow: hidden; position: relative; border: 1px solid #ccc; margin: 5px 0 0; background: #fff; height: 28px; } .progress .item .progress-indicator { display: none; } .progress .item.loading .progress-indicator { display: block; position: absolute; height: 26px; left: 0; width: 0; top: 0; z-index: 10; background: #cfc; } .progress .item .progress-ring { background-image: url(images/loading_small.gif); background-repeat: no-repeat; background-color: transparent; position: absolute; overflow: hidden; left: 5px; top: 5px; z-index: 20; height: 25px; width: 25px; } .progress .item .progress-title { position: absolute; color: #333; font-weight: bold; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; left: 26px; top: 5px; z-index: 20; } .progress .item.loading, .progress .item.loaded { border-color: #9c9; } .progress .item.loaded { background: #cfc; } .progress .item.error { background: #fcc; border-color: #f99; height: 28px; } .progress .item.error .progress-title { left: 5px; top: 5px; } .inn-cell .ecp-line { margin-right: 15px; } .email-cell .ecp-line { padding-left: 15px; margin-right: 15px; } .phone-cell .ecp-line { padding-left: 15px; margin-right: 30px; } .refill-banner { background: linear-gradient(147.14deg, #5CA8EB 6.95%, #006AC8 93.05%), linear-gradient(0deg, #FFFFFF, #FFFFFF); margin-top: 10px; height: 88px; border-radius: 8px; display: flex; flex-direction: row; justify-content: space-between; align-items: center; padding-left: 30px; padding-right: 30px; } .refill-banner img { height: 70px; } .refill-banner h3 { color: white; font-size: 18px; font-weight: bold; line-height: 25px; } .refill-banner p { color: white; font-size: 14px; line-height: 20px; } .refill-banner a { display: flex; width: 150px; height: 42px; border-radius: 6px; gap: 10px; justify-content: center; flex-direction: row; align-items: center; font-size: 14px; border: 1px solid white; background-color: transparent; color: white; text-decoration: none; } .header-with-refill-button { display: flex; align-items: center; } .refill-blue-button { display: flex; height: 42px; border-radius: 6px; gap: 10px; justify-content: center; flex-direction: row; align-items: center; font-size: 14px; border: 1px solid white; background-color: #007EEE; color: white !important; text-decoration: none !important; padding: 0 20px 0 20px; margin: 0 20px 0 20px; } .refill-blue-button:hover { color: #404040 !important; } .refill-blue-button img { height: 20px; width: 20px; } .refill-blue-button:hover img { -webkit-filter: invert(.75); filter: invert(.75); } .action-block { width: fit-content; } .action-block .action-item { text-align: center; display: grid; } .telegram-bot-container { @media (min-width: 768px) { bottom: 6.25rem !important; left: 3.25rem !important; } position: fixed; bottom: 0.25rem; left: 0.25rem; display: block; z-index: 999; } .telegram-bot-container .mt-md-4, .my-md-4 { margin-top: 1.5rem !important; } .telegram-bot-container .p-md-2 { padding: 0.5rem !important; } .telegram-bot-container .p-md-3 { padding: 1rem !important; } .telegram-bot-container .pb-md-3, .py-md-3 { padding-bottom: 1rem !important; } .telegram-bot-container .pr-md-3, .px-md-3 { padding-right: 1rem !important; } .telegram-bot-container .pl-md-3, .px-md-3 { padding-left: 1rem !important; } .telegram-bot-container .pb-md-2, .py-md-2 { padding-bottom: 0.5rem !important; } .telegram-bot-container .pt-md-2, .py-md-2 { padding-top: 0.5rem !important; } .telegram-bot-container .mr-md-3, .mx-md-3 { margin-right: 1rem !important; } .telegram-bot-container > button:hover { opacity: 1; } .telegram-bot-clicker { @media (min-width: 768px) { bottom: 10.5rem !important; left: 3.25rem !important; } position: fixed; bottom: 4.25rem; left: 0.25rem; display: flex; flex-direction: column; height: 552px; width: 356px; gap: 16px; background: url('/etp/img/telegram-bot/background.svg'); box-shadow: 0 25px 15px 0 rgba(0, 0, 0, 0.03), 0 11px 11px 0 rgba(0, 0, 0, 0.04), 0 3px 6px 0 rgba(0, 0, 0, 0.05); } .telegram-bot-clicker-header { display: flex; width: 356px; justify-content: space-between; background: #ffffff; border-top-left-radius: 16px; border-top-right-radius: 16px; } .telegram-bot-clicker-message { display: flex; background: #ffffff; } .telegram-bot-clicker-frame { display: flex; flex-direction: column; align-items: flex-start; gap: 4px; } .telegram-bot-clicker-footer { display: flex; flex-direction: column; align-items: center; } .color-text-01 { color: rgba(27, 31, 59, 1) } .tui-text_body-s { font: normal 0.8125rem/1.25rem circe, 'Manrope', -apple-system, 'BlinkMacSystemFont', system-ui, 'Roboto', 'Segoe UI', 'Helvetica Neue', sans-serif } .tui-text_body-m { font: normal 1rem/1.5rem circe, 'Manrope', -apple-system, 'BlinkMacSystemFont', system-ui, 'Roboto', 'Segoe UI', 'Helvetica Neue', sans-serif; } .tui-text_bold { font-weight: bold; } .border-round-2xl { border-radius: 1rem !important; } .rad-icon { font-weight: normal; font-family: radicon !important; font-style: normal; font-variant: normal; line-height: 1; text-transform: none; speak: never; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .rad-icon-telegram { background: url(/etp/img/telegram-bot/icon-telegram.svg) 0 0/cover; } .rad-icon-size-xl { font-size: 1.25rem !important; } .independent-guarantees-limits .agreement { display: flex; align-items: center; } .independent-guarantees-limits .label { padding-left: 4px; } .independent-guarantees-limits .label.acronym { cursor: pointer; } .independent-guarantees-limits .gwt-Button { padding: 3px 4px; margin: 0; }