/* jQuery.mmenu CSS */ /* jQuery.mmenu panels CSS */ .mm-menu.mm-horizontal > .mm-panel { -webkit-transition: -webkit-transform 0.4s ease; transition: transform 0.4s ease; } .mm-menu .mm-hidden { display: none; } .mm-wrapper { overflow-x: hidden; position: relative; } .mm-menu, .mm-menu > .mm-panel { width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 0; } .mm-menu { background: inherit; display: block; overflow: hidden; padding: 0; } .mm-menu > .mm-panel { background: inherit; -webkit-overflow-scrolling: touch; overflow: scroll; overflow-x: hidden; overflow-y: auto; box-sizing: border-box; padding: 20px; -webkit-transform: translateX(100%); transform: translateX(100%); } .mm-menu > .mm-panel.mm-opened { -webkit-transform: translateX(0%); transform: translateX(0%); } .mm-menu > .mm-panel.mm-subopened { -webkit-transform: translateX(-30%); transform: translateX(-30%); } .mm-menu > .mm-panel.mm-highest { z-index: 1; } .mm-menu .mm-list { padding: 20px 0; } .mm-menu > .mm-list { padding-bottom: 40px; } .mm-panel > .mm-list { margin-left: -20px; margin-right: -20px; } .mm-panel > .mm-list:first-child { padding-top: 0; } .mm-list, .mm-list > li { list-style: none; display: block; padding: 0; margin: 0; } .mm-list { font: inherit; font-size: 14px; } .mm-list a, .mm-list a:hover { text-decoration: none; } .mm-list > li { position: relative; } .mm-list > li > a, .mm-list > li > span { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; color: inherit; line-height: 20px; display: block; padding: 10px 10px 10px 20px; margin: 0; } .mm-list > li:not(.mm-subtitle):not(.mm-label):not(.mm-search):not(.mm-noresults):after { content: ''; border-bottom-width: 1px; border-bottom-style: solid; display: block; width: 100%; position: absolute; bottom: 0; left: 0; } .mm-list > li:not(.mm-subtitle):not(.mm-label):not(.mm-search):not(.mm-noresults):after { width: auto; margin-left: 20px; position: relative; left: auto; } .mm-list a.mm-subopen { background: rgba(3, 2, 1, 0); width: 40px; height: 100%; padding: 0; position: absolute; right: 0; top: 0; z-index: 2; } .mm-list a.mm-subopen:before { content: ''; border-left-width: 1px; border-left-style: solid; display: block; height: 100%; position: absolute; left: 0; top: 0; } .mm-list a.mm-subopen.mm-fullsubopen { width: 100%; } .mm-list a.mm-subopen.mm-fullsubopen:before { border-left: none; } .mm-list a.mm-subopen + a, .mm-list a.mm-subopen + span { padding-right: 5px; margin-right: 40px; } .mm-list > li.mm-selected > a.mm-subopen { background: transparent; } .mm-list > li.mm-selected > a.mm-fullsubopen + a, .mm-list > li.mm-selected > a.mm-fullsubopen + span { padding-right: 45px; margin-right: 0; } .mm-list a.mm-subclose { text-indent: 20px; padding-top: 30px; margin-top: -20px; } .mm-list > li.mm-label { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; font-size: 10px; text-transform: uppercase; text-indent: 20px; line-height: 25px; padding-right: 5px; } .mm-list > li.mm-spacer { padding-top: 40px; } .mm-list > li.mm-spacer.mm-label { padding-top: 25px; } .mm-list a.mm-subopen:after, .mm-list a.mm-subclose:before { content: ''; border: 2px solid transparent; display: inline-block; width: 7px; height: 7px; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); margin-bottom: -5px; position: absolute; bottom: 50%; } .mm-list a.mm-subopen:after { border-top: none; border-left: none; right: 18px; } .mm-list a.mm-subclose:before { border-right: none; border-bottom: none; margin-bottom: -15px; left: 22px; } .mm-menu.mm-vertical .mm-list .mm-panel { display: none; padding: 10px 0 10px 10px; } .mm-menu.mm-vertical .mm-list .mm-panel li:last-child:after { border-color: transparent; } .mm-menu.mm-vertical .mm-list li.mm-opened > .mm-panel { display: block; } .mm-menu.mm-vertical .mm-list > li.mm-opened > a.mm-subopen { height: 40px; } .mm-menu.mm-vertical .mm-list > li.mm-opened > a.mm-subopen:after { -webkit-transform: rotate(45deg); transform: rotate(45deg); top: 16px; right: 16px; } .mm-menu.mm-vertical .mm-list > li.mm-opened.mm-label > a.mm-subopen { height: 25px; } html.mm-opened .mm-page { box-shadow: 0 0 20px rgba(0, 0, 0, 0.5); } .mm-menu { background: #333333; color: rgba(255, 255, 255, 0.6); } .mm-menu .mm-list > li:after { border-color: rgba(0, 0, 0, 0.15); } .mm-menu .mm-list > li > a.mm-subclose { background: rgba(0, 0, 0, 0.1); color: rgba(255, 255, 255, 0.3); } .mm-menu .mm-list > li > a.mm-subopen:after, .mm-menu .mm-list > li > a.mm-subclose:before { border-color: rgba(255, 255, 255, 0.3); } .mm-menu .mm-list > li > a.mm-subopen:before { border-color: rgba(0, 0, 0, 0.15); } .mm-menu .mm-list > li.mm-selected > a:not(.mm-subopen), .mm-menu .mm-list > li.mm-selected > span { background: rgba(0, 0, 0, 0.1); } .mm-menu .mm-list > li.mm-label { background: rgba(255, 255, 255, 0.05); } .mm-menu.mm-vertical .mm-list li.mm-opened > a.mm-subopen, .mm-menu.mm-vertical .mm-list li.mm-opened > ul { background: rgba(255, 255, 255, 0.05); } /* jQuery.mmenu offcanvas addon CSS */ .mm-page { -webkit-transition: -webkit-transform 0.4s ease; transition: transform 0.4s ease; } html.mm-opened { overflow: hidden; position: relative; } html.mm-opened body { overflow: hidden; } html.mm-opened .mm-page { box-sizing: border-box; position: relative; margin: 0; } html.mm-background .mm-page { background: inherit; } #mm-blocker { background: rgba(3, 2, 1, 0); display: none; width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 999999; } html.mm-opened #mm-blocker, html.mm-blocking #mm-blocker { display: block; } .mm-menu.mm-offcanvas { display: none; position: fixed; } .mm-menu.mm-current { display: block; } .mm-menu { width: 80%; min-width: 140px; max-width: 440px; } html.mm-opening .mm-page, html.mm-opening #mm-blocker { -webkit-transform: translate(80%, 0); transform: translate(80%, 0); } @media all and (max-width: 175px) { html.mm-opening .mm-page, html.mm-opening #mm-blocker { -webkit-transform: translate(140px, 0); transform: translate(140px, 0); } } @media all and (min-width: 550px) { html.mm-opening .mm-page, html.mm-opening #mm-blocker { -webkit-transform: translate(440px, 0); transform: translate(440px, 0); } } /* jQuery.mmenu buttonbars addon CSS */ .mm-buttonbar { border: 1px solid transparent; border-radius: 3px; text-align: center; line-height: 20px; overflow: hidden; display: block; padding: 0; margin: 0; position: relative; } .mm-buttonbar:after { content: ''; display: block; clear: both; } .mm-buttonbar > * { border-left: 1px solid transparent; box-sizing: border-box; display: block; width: 100%; height: 100%; float: left; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .mm-buttonbar > a { text-decoration: none; } .mm-buttonbar > input { position: absolute; left: -1000px; top: -1000px; } .mm-buttonbar > input:checked + label { border-color: transparent !important; } .mm-buttonbar > *:first-child, .mm-buttonbar > input:first-child + * { border-left: none; } .mm-buttonbar.mm-buttonbar-2 > * { width: 50%; } .mm-buttonbar.mm-buttonbar-3 > * { width: 33.33%; } .mm-buttonbar.mm-buttonbar-4 > * { width: 25%; } .mm-buttonbar.mm-buttonbar-5 > * { width: 20%; } .mm-header .mm-buttonbar { margin-top: 20px; margin-left: -30px; margin-right: -30px; } .mm-footer .mm-buttonbar { border: none; border-radius: none; line-height: 40px; margin: -10px -10px 0 -20px; } .mm-footer .mm-buttonbar > * { border-left: none; } .mm-list > li > .mm-buttonbar { margin: 10px 20px; } .mm-menu .mm-buttonbar { border-color: rgba(255, 255, 255, 0.6); background: #333333; } .mm-menu .mm-buttonbar > * { border-color: rgba(255, 255, 255, 0.6); } .mm-menu .mm-buttonbar > input:checked + label { background: rgba(255, 255, 255, 0.6); color: #333333; } /* jQuery.mmenu counters addon CSS */ em.mm-counter { font: inherit; font-size: 14px; font-style: normal; text-indent: 0; line-height: 20px; display: block; margin-top: -10px; position: absolute; right: 40px; top: 50%; } em.mm-counter + a.mm-subopen { padding-left: 40px; } em.mm-counter + a.mm-subopen + a, em.mm-counter + a.mm-subopen + span { margin-right: 80px; } em.mm-counter + a.mm-fullsubopen { padding-left: 0; } .mm-vertical em.mm-counter { top: 12px; margin-top: 0; } .mm-nosubresults > em.mm-counter { display: none; } .mm-menu em.mm-counter { color: rgba(255, 255, 255, 0.3); } /* jQuery.mmenu dragOpen addon CSS */ html.mm-opened.mm-dragging .mm-menu, html.mm-opened.mm-dragging .mm-page, html.mm-opened.mm-dragging .mm-fixed-top, html.mm-opened.mm-dragging .mm-fixed-bottom, html.mm-opened.mm-dragging #mm-blocker { -webkit-transition-duration: 0s; transition-duration: 0s; } /* jQuery.mmenu footer addon CSS */ .mm-footer { background: inherit; border-top: 1px solid transparent; text-align: center; line-height: 20px; box-sizing: border-box; width: 100%; height: 40px; padding: 10px 10px 0 20px; position: absolute; z-index: 2; bottom: 0; left: 0; } .mm-menu.mm-hasfooter > .mm-panel { padding-bottom: 80px; } .mm-menu .mm-footer { border-color: rgba(0, 0, 0, 0.15); color: rgba(255, 255, 255, 0.3); } /* jQuery.mmenu header addon CSS */ .mm-header { background: inherit; border-bottom: 1px solid transparent; text-align: center; line-height: 20px; box-sizing: border-box; width: 100%; height: 60px; padding: 0 50px; position: absolute; z-index: 2; top: 0; left: 0; } .mm-header .mm-title, .mm-header .mm-prev, .mm-header .mm-next { padding-top: 30px; } .mm-header .mm-title { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; display: inline-block; width: 100%; position: relative; } .mm-header .mm-prev, .mm-header .mm-next { text-decoration: none; display: block; box-sizing: border-box; min-width: 10px; height: 100%; position: absolute; top: 0; z-index: 1; } .mm-header .mm-prev { padding-left: 20px; padding-right: 10px; left: 0; } .mm-header .mm-next { padding-left: 10px; padding-right: 20px; right: 0; } .mm-header [href].mm-prev:before, .mm-header [href].mm-next:after { content: ''; border: 2px solid transparent; display: inline-block; width: 7px; height: 7px; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } .mm-header [href].mm-prev:before { border-right: none; border-bottom: none; margin-left: 2px; margin-right: 5px; } .mm-header [href].mm-next:after { border-top: none; border-left: none; margin-left: 5px; margin-right: -2px; } .mm-menu.mm-hassearch .mm-header { height: 50px; top: 50px; } .mm-menu.mm-hassearch .mm-header .mm-title, .mm-menu.mm-hassearch .mm-header .mm-prev, .mm-menu.mm-hassearch .mm-header .mm-next { padding-top: 20px; } .mm-menu.mm-hasheader li.mm-subtitle { display: none; } .mm-menu.mm-hasheader > .mm-panel { padding-top: 80px; } .mm-menu.mm-hasheader > .mm-panel.mm-list { padding-top: 60px; } .mm-menu.mm-hasheader > .mm-panel > .mm-list:first-child { margin-top: -20px; } .mm-menu.mm-hasheader.mm-hassearch > .mm-panel { padding-top: 120px; } .mm-menu.mm-hasheader.mm-hassearch > .mm-panel.mm-list { padding-top: 100px; } .mm-menu .mm-header { border-color: rgba(0, 0, 0, 0.15); color: rgba(255, 255, 255, 0.3); } .mm-menu .mm-header .mm-prev:before, .mm-menu .mm-header .mm-next:after { border-color: rgba(255, 255, 255, 0.3); } /* jQuery.mmenu labels addon CSS */ .mm-list > li.mm-label > span { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; padding: 0; line-height: 25px; } .mm-list > li.mm-label.mm-opened a.mm-subopen:after { -webkit-transform: rotate(45deg); transform: rotate(45deg); right: 17px; } .mm-list > li.mm-collapsed { display: none; } .mm-menu .mm-list li.mm-label > div > div { background: rgba(255, 255, 255, 0.05); } /* jQuery.mmenu searchfield addon CSS */ .mm-search, .mm-search input { box-sizing: border-box; } .mm-list > li.mm-search { padding: 10px; margin-top: -20px; } .mm-list > li.mm-subtitle + li.mm-search { margin-top: 0; } div.mm-panel > div.mm-search { padding: 0 0 10px 0; } .mm-menu.mm-hasheader .mm-list > li.mm-search { margin-top: 0; } .mm-search { background: inherit; width: 100%; padding: 10px; position: absolute; top: 0; left: 0; z-index: 2; } .mm-search input { border: none; border-radius: 30px; font: inherit; font-size: 14px; line-height: 30px; outline: none; display: block; width: 100%; height: 30px; margin: 0; padding: 0 10px; } .mm-menu .mm-noresultsmsg { text-align: center; font-size: 21px; display: none; padding: 60px 0; } .mm-menu .mm-noresultsmsg:after { border: none !important; } .mm-noresults .mm-noresultsmsg { display: block; } .mm-menu li.mm-nosubresults > a.mm-subopen { display: none; } .mm-menu li.mm-nosubresults > a.mm-subopen + a, .mm-menu li.mm-nosubresults > a.mm-subopen + span { padding-right: 10px; } .mm-menu.mm-hassearch > .mm-panel { padding-top: 70px; } .mm-menu.mm-hassearch > .mm-panel > .mm-list:first-child { margin-top: -20px; } .mm-menu.mm-hasheader > .mm-panel > div.mm-search:first-child { margin-top: -10px; } .mm-menu.mm-hasheader > .mm-panel > div.mm-search:first-child + .mm-list { padding-top: 0; } .mm-menu .mm-search input { background: rgba(255, 255, 255, 0.3); color: rgba(255, 255, 255, 0.6); } .mm-menu .mm-noresultsmsg { color: rgba(255, 255, 255, 0.3); } /* jQuery.mmenu toggles addon CSS */ input.mm-toggle, input.mm-check { position: absolute; left: -10000px; } label.mm-toggle, label.mm-check { margin: 0; position: absolute; top: 50%; z-index: 1; } label.mm-toggle:before, label.mm-check:before { content: ''; display: block; } label.mm-toggle { border-radius: 30px; width: 50px; height: 30px; margin-top: -15px; } label.mm-toggle:before { border-radius: 30px; width: 28px; height: 28px; margin: 1px; } input.mm-toggle:checked ~ label.mm-toggle:before { float: right; } label.mm-check { width: 30px; height: 30px; margin-top: -15px; } label.mm-check:before { border-left: 3px solid; border-bottom: 3px solid; width: 40%; height: 20%; margin: 25% 0 0 20%; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } label.mm-toggle, label.mm-check { right: 20px; } label.mm-toggle + a, label.mm-toggle + span { margin-right: 70px; } label.mm-check + a, label.mm-check + span { margin-right: 50px; } a.mm-subopen + label.mm-toggle, a.mm-subopen + label.mm-check { right: 50px; } a.mm-subopen + label.mm-toggle + a, a.mm-subopen + label.mm-toggle + span { margin-right: 100px; } a.mm-subopen + label.mm-check + a, a.mm-subopen + label.mm-check + span { margin-right: 80px; } em.mm-counter + a.mm-subopen + label.mm-toggle, em.mm-counter + a.mm-subopen + label.mm-check { right: 90px; } em.mm-counter + a.mm-subopen + label.mm-toggle + a, em.mm-counter + a.mm-subopen + label.mm-toggle + span { margin-right: 140px; } em.mm-counter + a.mm-subopen + label.mm-check + a, em.mm-counter + a.mm-subopen + label.mm-check + span { margin-right: 120px; } .mm-menu label.mm-toggle { background: rgba(0, 0, 0, 0.15); } .mm-menu label.mm-toggle:before { background: #333333; } .mm-menu input.mm-toggle:checked ~ label.mm-toggle { background: #4bd963; } .mm-menu label.mm-check:before { border-color: rgba(255, 255, 255, 0.3); } .mm-menu input.mm-check:checked ~ label.mm-check:before { border-color: rgba(255, 255, 255, 0.6); } /* jQuery.mmenu effects extension CSS */ html.mm-slide .mm-menu { -webkit-transition: -webkit-transform 0.4s ease; transition: transform 0.4s ease; } html.mm-slide.mm-opened .mm-menu { -webkit-transform: translateX(-30%); transform: translateX(-30%); } html.mm-slide.mm-opening .mm-menu { -webkit-transform: translateX(0%); transform: translateX(0%); } html.mm-slide.mm-right.mm-opened .mm-menu { -webkit-transform: translateX(30%); transform: translateX(30%); } html.mm-slide.mm-right.mm-opening .mm-menu { -webkit-transform: translateX(0%); transform: translateX(0%); } html.mm-slide.mm-top.mm-opened .mm-menu { -webkit-transform: translateY(-30%); transform: translateY(-30%); } html.mm-slide.mm-top.mm-opening .mm-menu { -webkit-transform: translateY(0%); transform: translateY(0%); } html.mm-slide.mm-bottom.mm-opened .mm-menu { -webkit-transform: translateY(30%); transform: translateY(30%); } html.mm-slide.mm-bottom.mm-opening .mm-menu { -webkit-transform: translateY(0%); transform: translateY(0%); } html.mm-zoom-menu .mm-menu { -webkit-transition: -webkit-transform 0.4s ease; transition: transform 0.4s ease; } html.mm-zoom-menu.mm-opened .mm-menu { -webkit-transform: scale(0.7, 0.7) translateX(-30%); transform: scale(0.7, 0.7) translateX(-30%); -webkit-transform-origin: left center; transform-origin: left center; } html.mm-zoom-menu.mm-opening .mm-menu { -webkit-transform: scale(1, 1) translateX(0%); transform: scale(1, 1) translateX(0%); } html.mm-zoom-menu.mm-right.mm-opened .mm-menu { -webkit-transform: scale(0.7, 0.7) translateX(30%); transform: scale(0.7, 0.7) translateX(30%); -webkit-transform-origin: right center; transform-origin: right center; } html.mm-zoom-menu.mm-right.mm-opening .mm-menu { -webkit-transform: scale(1, 1) translateX(0%); transform: scale(1, 1) translateX(0%); } html.mm-zoom-menu.mm-top.mm-opened .mm-menu { -webkit-transform: scale(0.7, 0.7) translateY(-30%); transform: scale(0.7, 0.7) translateY(-30%); -webkit-transform-origin: center top; transform-origin: center top; } html.mm-zoom-menu.mm-top.mm-opening .mm-menu { -webkit-transform: scale(1, 1) translateY(0%); transform: scale(1, 1) translateY(0%); } html.mm-zoom-menu.mm-bottom.mm-opened .mm-menu { -webkit-transform: scale(0.7, 0.7) translateY(30%); transform: scale(0.7, 0.7) translateY(30%); -webkit-transform-origin: center bottom; transform-origin: center bottom; } html.mm-zoom-menu.mm-bottom.mm-opening .mm-menu { -webkit-transform: scale(1, 1) translateY(0%); transform: scale(1, 1) translateY(0%); } html.mm-zoom-panels .mm-menu.mm-horizontal > .mm-panel { -webkit-transform: scale(1.5, 1.5) translateX(100%); transform: scale(1.5, 1.5) translateX(100%); -webkit-transform-origin: left center; transform-origin: left center; -webkit-transition-property: -webkit-transform, left; transition-property: transform, left; } html.mm-zoom-panels .mm-menu.mm-horizontal > .mm-panel.mm-opened { -webkit-transform: scale(1, 1) translateX(0%); transform: scale(1, 1) translateX(0%); } html.mm-zoom-panels .mm-menu.mm-horizontal > .mm-panel.mm-opened.mm-subopened { -webkit-transform: scale(0.7, 0.7) translateX(-30%); transform: scale(0.7, 0.7) translateX(-30%); } /* jQuery.mmenu fullscreen extension CSS */ .mm-menu.mm-fullscreen { width: 100%; min-width: 140px; max-width: 10000px; } html.mm-opening.mm-fullscreen .mm-page, html.mm-opening.mm-fullscreen #mm-blocker { -webkit-transform: translate(100%, 0); transform: translate(100%, 0); } @media all and (max-width: 140px) { html.mm-opening.mm-fullscreen .mm-page, html.mm-opening.mm-fullscreen #mm-blocker { -webkit-transform: translate(140px, 0); transform: translate(140px, 0); } } @media all and (min-width: 10000px) { html.mm-opening.mm-fullscreen .mm-page, html.mm-opening.mm-fullscreen #mm-blocker { -webkit-transform: translate(10000px, 0); transform: translate(10000px, 0); } } html.mm-right.mm-opening.mm-fullscreen .mm-page, html.mm-right.mm-opening.mm-fullscreen #mm-blocker { -webkit-transform: translate(-100%, 0); transform: translate(-100%, 0); } @media all and (max-width: 140px) { html.mm-right.mm-opening.mm-fullscreen .mm-page, html.mm-right.mm-opening.mm-fullscreen #mm-blocker { -webkit-transform: translate(-140px, 0); transform: translate(-140px, 0); } } @media all and (min-width: 10000px) { html.mm-right.mm-opening.mm-fullscreen .mm-page, html.mm-right.mm-opening.mm-fullscreen #mm-blocker { -webkit-transform: translate(-10000px, 0); transform: translate(-10000px, 0); } } .mm-menu.mm-front.mm-fullscreen.mm-top, .mm-menu.mm-front.mm-fullscreen.mm-bottom { height: 100%; min-height: 140px; max-height: 10000px; } html.mm-opened.mm-fullscreen .mm-page { box-shadow: none !important; } /* jQuery.mmenu position extension CSS */ .mm-menu.mm-top, .mm-menu.mm-bottom { width: 100%; min-width: 100%; max-width: 100%; } .mm-menu.mm-right { left: auto; right: 0; } .mm-menu.mm-bottom { top: auto; bottom: 0; } html.mm-right.mm-opening .mm-page, html.mm-right.mm-opening #mm-blocker { -webkit-transform: translate(-80%, 0); transform: translate(-80%, 0); } @media all and (max-width: 175px) { html.mm-right.mm-opening .mm-page, html.mm-right.mm-opening #mm-blocker { -webkit-transform: translate(-140px, 0); transform: translate(-140px, 0); } } @media all and (min-width: 550px) { html.mm-right.mm-opening .mm-page, html.mm-right.mm-opening #mm-blocker { -webkit-transform: translate(-440px, 0); transform: translate(-440px, 0); } } /* jQuery.mmenu z-position extension CSS */ html.mm-front .mm-page, html.mm-front #mm-blocker { -webkit-transform: translate(0, 0) !important; transform: translate(0, 0) !important; z-index: 0; } .mm-menu.mm-front { z-index: 1; box-shadow: 0 0 15px rgba(0, 0, 0, 0.5); } html.mm-opened.mm-next .mm-page { box-shadow: none; } .mm-menu.mm-front, .mm-menu.mm-next { -webkit-transition: -webkit-transform 0.4s ease; transition: transform 0.4s ease; -webkit-transform: translate(-100%, 0); transform: translate(-100%, 0); } .mm-menu.mm-front.mm-right, .mm-menu.mm-next.mm-right { -webkit-transform: translate(100%, 0); transform: translate(100%, 0); } .mm-menu.mm-front.mm-top { -webkit-transform: translate(0, -100%); transform: translate(0, -100%); } .mm-menu.mm-front.mm-bottom { -webkit-transform: translate(0, 100%); transform: translate(0, 100%); } html.mm-opening .mm-menu.mm-front, html.mm-opening .mm-menu.mm-next { -webkit-transform: translate(0, 0); transform: translate(0, 0); } .mm-menu.mm-front.mm-top, .mm-menu.mm-front.mm-bottom { height: 80%; min-height: 140px; max-height: 880px; } /* jQuery.mmenu themes extension CSS */ html.mm-opened.mm-light .mm-page { box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); } .mm-menu.mm-light { background: #f3f3f3; color: rgba(0, 0, 0, 0.6); } .mm-menu.mm-light .mm-list > li:after { border-color: rgba(0, 0, 0, 0.1); } .mm-menu.mm-light .mm-list > li > a.mm-subclose { background: rgba(255, 255, 255, 0.6); color: rgba(0, 0, 0, 0.3); } .mm-menu.mm-light .mm-list > li > a.mm-subopen:after, .mm-menu.mm-light .mm-list > li > a.mm-subclose:before { border-color: rgba(0, 0, 0, 0.3); } .mm-menu.mm-light .mm-list > li > a.mm-subopen:before { border-color: rgba(0, 0, 0, 0.1); } .mm-menu.mm-light .mm-list > li.mm-selected > a:not(.mm-subopen), .mm-menu.mm-light .mm-list > li.mm-selected > span { background: rgba(255, 255, 255, 0.6); } .mm-menu.mm-light .mm-list > li.mm-label { background: rgba(0, 0, 0, 0.03); } .mm-menu.mm-light.mm-vertical .mm-list li.mm-opened > a.mm-subopen, .mm-menu.mm-light.mm-vertical .mm-list li.mm-opened > ul { background: rgba(0, 0, 0, 0.03); } .mm-menu.mm-light label.mm-check:before { border-color: rgba(0, 0, 0, 0.3); } .mm-menu.mm-light input.mm-check:checked ~ label.mm-check:before { border-color: rgba(0, 0, 0, 0.6); } .mm-menu.mm-light em.mm-counter { color: rgba(0, 0, 0, 0.3); } .mm-menu.mm-light .mm-header { border-color: rgba(0, 0, 0, 0.1); color: rgba(0, 0, 0, 0.3); } .mm-menu.mm-light .mm-header .mm-prev:before, .mm-menu.mm-light .mm-header .mm-next:after { border-color: rgba(0, 0, 0, 0.3); } .mm-menu.mm-light .mm-list li.mm-label > div > div { background: rgba(0, 0, 0, 0.03); } .mm-menu.mm-light .mm-search input { background: rgba(0, 0, 0, 0.1); color: rgba(0, 0, 0, 0.6); } .mm-menu.mm-light .mm-noresultsmsg { color: rgba(0, 0, 0, 0.3); } .mm-menu.mm-light label.mm-toggle { background: rgba(0, 0, 0, 0.1); } .mm-menu.mm-light label.mm-toggle:before { background: #f3f3f3; } .mm-menu.mm-light input.mm-toggle:checked ~ label.mm-toggle { background: #4bd963; } html.mm-opened.mm-white .mm-page { box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); } .mm-menu.mm-white { background: white; color: rgba(0, 0, 0, 0.6); } .mm-menu.mm-white .mm-list > li:after { border-color: rgba(0, 0, 0, 0.1); } .mm-menu.mm-white .mm-list > li > a.mm-subclose { background: rgba(0, 0, 0, 0.06); color: rgba(0, 0, 0, 0.3); } .mm-menu.mm-white .mm-list > li > a.mm-subopen:after, .mm-menu.mm-white .mm-list > li > a.mm-subclose:before { border-color: rgba(0, 0, 0, 0.3); } .mm-menu.mm-white .mm-list > li > a.mm-subopen:before { border-color: rgba(0, 0, 0, 0.1); } .mm-menu.mm-white .mm-list > li.mm-selected > a:not(.mm-subopen), .mm-menu.mm-white .mm-list > li.mm-selected > span { background: rgba(0, 0, 0, 0.06); } .mm-menu.mm-white .mm-list > li.mm-label { background: rgba(0, 0, 0, 0.03); } .mm-menu.mm-white.mm-vertical .mm-list li.mm-opened > a.mm-subopen, .mm-menu.mm-white.mm-vertical .mm-list li.mm-opened > ul { background: rgba(0, 0, 0, 0.03); } .mm-menu.mm-white label.mm-check:before { border-color: rgba(0, 0, 0, 0.3); } .mm-menu.mm-white input.mm-check:checked ~ label.mm-check:before { border-color: rgba(0, 0, 0, 0.6); } .mm-menu.mm-white em.mm-counter { color: rgba(0, 0, 0, 0.3); } .mm-menu.mm-white .mm-header { border-color: rgba(0, 0, 0, 0.1); color: rgba(0, 0, 0, 0.3); } .mm-menu.mm-white .mm-header .mm-prev:before, .mm-menu.mm-white .mm-header .mm-next:after { border-color: rgba(0, 0, 0, 0.3); } .mm-menu.mm-white .mm-list li.mm-label > div > div { background: rgba(0, 0, 0, 0.03); } .mm-menu.mm-white .mm-search input { background: rgba(0, 0, 0, 0.1); color: rgba(0, 0, 0, 0.6); } .mm-menu.mm-white .mm-noresultsmsg { color: rgba(0, 0, 0, 0.3); } .mm-menu.mm-white label.mm-toggle { background: rgba(0, 0, 0, 0.1); } .mm-menu.mm-white label.mm-toggle:before { background: white; } .mm-menu.mm-white input.mm-toggle:checked ~ label.mm-toggle { background: #4bd963; } html.mm-opened.mm-black .mm-page { box-shadow: none; } .mm-menu.mm-black { background: black; color: rgba(255, 255, 255, 0.6); } .mm-menu.mm-black .mm-list > li:after { border-color: rgba(255, 255, 255, 0.2); } .mm-menu.mm-black .mm-list > li > a.mm-subclose { background: rgba(255, 255, 255, 0.25); color: rgba(255, 255, 255, 0.3); } .mm-menu.mm-black .mm-list > li > a.mm-subopen:after, .mm-menu.mm-black .mm-list > li > a.mm-subclose:before { border-color: rgba(255, 255, 255, 0.3); } .mm-menu.mm-black .mm-list > li > a.mm-subopen:before { border-color: rgba(255, 255, 255, 0.2); } .mm-menu.mm-black .mm-list > li.mm-selected > a:not(.mm-subopen), .mm-menu.mm-black .mm-list > li.mm-selected > span { background: rgba(255, 255, 255, 0.25); } .mm-menu.mm-black .mm-list > li.mm-label { background: rgba(255, 255, 255, 0.15); } .mm-menu.mm-black.mm-vertical .mm-list li.mm-opened > a.mm-subopen, .mm-menu.mm-black.mm-vertical .mm-list li.mm-opened > ul { background: rgba(255, 255, 255, 0.15); } .mm-menu.mm-black label.mm-check:before { border-color: rgba(255, 255, 255, 0.3); } .mm-menu.mm-black input.mm-check:checked ~ label.mm-check:before { border-color: rgba(255, 255, 255, 0.6); } .mm-menu.mm-black em.mm-counter { color: rgba(255, 255, 255, 0.3); } .mm-menu.mm-black .mm-header { border-color: rgba(255, 255, 255, 0.2); color: rgba(255, 255, 255, 0.3); } .mm-menu.mm-black .mm-header .mm-prev:before, .mm-menu.mm-black .mm-header .mm-next:after { border-color: rgba(255, 255, 255, 0.3); } .mm-menu.mm-black .mm-list li.mm-label > div > div { background: rgba(255, 255, 255, 0.15); } .mm-menu.mm-black .mm-search input { background: rgba(255, 255, 255, 0.3); color: rgba(255, 255, 255, 0.6); } .mm-menu.mm-black .mm-noresultsmsg { color: rgba(255, 255, 255, 0.3); } .mm-menu.mm-black label.mm-toggle { background: rgba(255, 255, 255, 0.2); } .mm-menu.mm-black label.mm-toggle:before { background: black; } .mm-menu.mm-black input.mm-toggle:checked ~ label.mm-toggle { background: #4bd963; } /* Version: 3.4.5 Timestamp: Mon Nov 4 08:22:42 PST 2013 */ .select_ajax-container { margin: 0 20px 20px 20px; position: relative; display: inline-block; zoom: 1; *display: inline; vertical-align: middle; } .select_ajax-container, .select_ajax-drop, .select_ajax-search, .select_ajax-search input { -webkit-box-sizing: border-box; /* webkit */ -moz-box-sizing: border-box; /* firefox */ box-sizing: border-box; /* css3 */ } .select_ajax-container .select_ajax-choice { display: block; height: 26px; padding: 0 0 0 8px; overflow: hidden; position: relative; border: 1px solid #aaa; white-space: nowrap; line-height: 26px; color: #444; text-decoration: none; border-radius: 1px; background-clip: padding-box; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-color: #fff; background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #eee), color-stop(0.5, #fff)); background-image: -webkit-linear-gradient(center bottom, #eee 0%, #fff 50%); background-image: -moz-linear-gradient(center bottom, #eee 0%, #fff 50%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#ffffff', endColorstr = '#eeeeee', GradientType = 0); background-image: linear-gradient(top, #fff 0%, #eee 50%); } .select_ajax-container.select_ajax-drop-above .select_ajax-choice { border-bottom-color: #aaa; border-radius: 0 0 4px 4px; background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #eee), color-stop(0.9, #fff)); background-image: -webkit-linear-gradient(center bottom, #eee 0%, #fff 90%); background-image: -moz-linear-gradient(center bottom, #eee 0%, #fff 90%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#eeeeee', GradientType=0); background-image: linear-gradient(top, #eee 0%, #fff 90%); } .select_ajax-container.select_ajax-allowclear .select_ajax-choice .select_ajax-chosen { margin-right: 42px; } .select_ajax-container .select_ajax-choice > .select_ajax-chosen { margin-right: 26px; display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .select_ajax-container .select_ajax-choice abbr { display: none; width: 12px; height: 12px; position: absolute; right: 24px; top: 8px; font-size: 1px; text-decoration: none; border: 0; cursor: pointer; outline: 0; } .select_ajax-container.select_ajax-allowclear .select_ajax-choice abbr { display: inline-block; } .select_ajax-container .select_ajax-choice abbr:hover { background-position: right -11px; cursor: pointer; } .title-small + .select_ajax-container { margin-top: 0; } .select_ajax-drop-mask { border: 0; margin: 0; padding: 0; position: fixed; left: 0; top: 0; min-height: 100%; min-width: 100%; height: auto; width: auto; opacity: 0; z-index: 19998; background-color: #fff; filter: alpha(opacity=0); } .select_ajax-drop { width: 100%; margin-top: -1px; position: absolute; top: 100%; background: #fff; color: #000; border: 1px solid #aaa; border-top: 0; border-radius: 0 0 2px 2px; } .select_ajax-drop-auto-width { border-top: 1px solid #aaa; width: auto; } .select_ajax-drop-auto-width .select_ajax-search { padding-top: 4px; } .select_ajax-drop.select_ajax-drop-above { margin-top: 1px; border-top: 1px solid #aaa; border-bottom: 0; border-radius: 1px 1px 0 0; /*-webkit-box-shadow: 0 -4px 5px rgba(0, 0, 0, .15);*/ /* box-shadow: 0 -4px 5px rgba(0, 0, 0, .15);*/ margin-bottom: -1px; } .select_ajax-drop-active { z-index: 19998; } .select_ajax-drop.select_ajax-drop-above.select_ajax-drop-active { /*border-top: 1px solid #5897fb;*/ } .select_ajax-container .select_ajax-choice .select_ajax-arrow { display: inline-block; width: 18px; height: 100%; position: absolute; right: 0; top: 0; border-left: 1px solid #aaa; border-radius: 0 4px 4px 0; background-clip: padding-box; background: #ccc; background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #ccc), color-stop(0.6, #eee)); background-image: -webkit-linear-gradient(center bottom, #ccc 0%, #eee 60%); background-image: -moz-linear-gradient(center bottom, #ccc 0%, #eee 60%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#eeeeee', endColorstr = '#cccccc', GradientType = 0); background-image: linear-gradient(top, #ccc 0%, #eee 60%); } .select_ajax-container .select_ajax-choice .select_ajax-arrow b { display: block; width: 100%; height: 100%; } .select_ajax-search { display: inline-block; width: 100%; min-height: 26px; margin: 0; padding-left: 4px; padding-right: 4px; position: relative; z-index: 10000; white-space: nowrap; } .select_ajax-search input { width: 100%; height: auto !important; min-height: 26px; padding: 4px 20px 4px 5px; margin: 0; outline: 0; font-family: sans-serif; font-size: 1em; border: 1px solid #aaa; border-radius: 0; -webkit-box-shadow: none; box-shadow: none; } .select_ajax-drop.select_ajax-drop-above .select_ajax-search input { margin-top: 4px; } .select_ajax-search input.select_ajax-active { background: #fff url(/application/8.0.2/assets/desktop/css/../images/preloader.gif) no-repeat 100%; background: url(/application/8.0.2/assets/desktop/css/../images/preloader.gif) no-repeat 100%, -webkit-gradient(linear, left bottom, left top, color-stop(0.85, #fff), color-stop(0.99, #eee)); background: url(/application/8.0.2/assets/desktop/css/../images/preloader.gif) no-repeat 100%, -webkit-linear-gradient(center bottom, #fff 85%, #eee 99%); background: url(/application/8.0.2/assets/desktop/css/../images/preloader.gif) no-repeat 100%, -moz-linear-gradient(center bottom, #fff 85%, #eee 99%); background: url(/application/8.0.2/assets/desktop/css/../images/preloader.gif) no-repeat 100%, linear-gradient(top, #fff 85%, #eee 99%); } .select_ajax-dropdown-open .select_ajax-choice { border-bottom-color: transparent; -webkit-box-shadow: 0 1px 0 #fff inset; box-shadow: 0 1px 0 #fff inset; border-bottom-left-radius: 0; border-bottom-right-radius: 0; background-color: #eee; background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #fff), color-stop(0.5, #eee)); background-image: -webkit-linear-gradient(center bottom, #fff 0%, #eee 50%); background-image: -moz-linear-gradient(center bottom, #fff 0%, #eee 50%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#ffffff', GradientType=0); background-image: linear-gradient(top, #fff 0%, #eee 50%); } .select_ajax-dropdown-open .select_ajax-choice .select_ajax-arrow { background: transparent; border-left: none; filter: none; } .select_ajax-dropdown-open .select_ajax-choice .select_ajax-arrow b { background-position: -18px 1px; } /* results */ .select_ajax-results { max-height: 200px; height: 100%; padding: 4px 0 4px 4px; position: relative; overflow-x: hidden; overflow-y: auto; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } .select_ajax-results:empty { display: none; } .select_ajax-results ul.select_ajax-result-sub { margin: 0; padding-left: 0; } .select_ajax-results ul.select_ajax-result-sub > li .select_ajax-result-label { padding-left: 20px } .select_ajax-results ul.select_ajax-result-sub ul.select_ajax-result-sub > li .select_ajax-result-label { padding-left: 40px } .select_ajax-results ul.select_ajax-result-sub ul.select_ajax-result-sub ul.select_ajax-result-sub > li .select_ajax-result-label { padding-left: 60px } .select_ajax-results ul.select_ajax-result-sub ul.select_ajax-result-sub ul.select_ajax-result-sub ul.select_ajax-result-sub > li .select_ajax-result-label { padding-left: 80px } .select_ajax-results ul.select_ajax-result-sub ul.select_ajax-result-sub ul.select_ajax-result-sub ul.select_ajax-result-sub ul.select_ajax-result-sub > li .select_ajax-result-label { padding-left: 100px } .select_ajax-results ul.select_ajax-result-sub ul.select_ajax-result-sub ul.select_ajax-result-sub ul.select_ajax-result-sub ul.select_ajax-result-sub ul.select_ajax-result-sub > li .select_ajax-result-label { padding-left: 110px } .select_ajax-results ul.select_ajax-result-sub ul.select_ajax-result-sub ul.select_ajax-result-sub ul.select_ajax-result-sub ul.select_ajax-result-sub ul.select_ajax-result-sub ul.select_ajax-result-sub > li .select_ajax-result-label { padding-left: 120px } .select_ajax-results li { list-style: none; display: list-item; background-image: none; font-size: 13px; } .select_ajax-results li.select_ajax-result-with-children > .select_ajax-result-label { font-weight: bold; } .select_ajax-results .select_ajax-result-label { padding: 3px 7px 4px; margin: 0; cursor: pointer; min-height: 1em; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .select_ajax-results .select_ajax-highlighted { background: #3875d7; color: #fff; } .select_ajax-results li em { background: #feffde; font-style: normal; } .select_ajax-results .select_ajax-highlighted em { background: transparent; } .select_ajax-results .select_ajax-highlighted ul { background: #fff; color: #000; } .select_ajax-results .select_ajax-no-results, .select_ajax-results .select_ajax-searching, .select_ajax-results .select_ajax-selection-limit { display: list-item; } .select_ajax-results .select_ajax-no-results { font-size: 0.9em; padding-left: 6px; } /* disabled look for disabled choices in the results dropdown */ .select_ajax-results .select_ajax-disabled.select_ajax-highlighted { color: #666; background: #f4f4f4; display: list-item; cursor: default; } .select_ajax-results .select_ajax-disabled { background: #f4f4f4; display: list-item; cursor: default; } .select_ajax-results .select_ajax-selected { display: none; } .select_ajax-more-results.select_ajax-active { background: #f4f4f4 url(/application/8.0.2/assets/desktop/css/../images/preloader.gif) no-repeat 100%; } .select_ajax-more-results { background: #f4f4f4; display: list-item; } /* disabled styles */ .select_ajax-container.select_ajax-container-disabled .select_ajax-choice { background-color: #f4f4f4; background-image: none; border: 1px solid #ddd; cursor: default; } .select_ajax-container.select_ajax-container-disabled .select_ajax-choice .select_ajax-arrow { background-color: #f4f4f4; background-image: none; border-left: 0; } .select_ajax-container.select_ajax-container-disabled .select_ajax-choice abbr { display: none; } /* multiselect */ .select_ajax-container-multi .select_ajax-choices { height: auto !important; height: 1%; margin: 0; padding: 0; position: relative; border: 1px solid #9f9f9f; cursor: text; overflow: hidden; background-color: #fff; -webkit-box-shadow: inset 0 1px 0 0 #eeeeee; box-shadow: inset 0 1px 0 0 #eeeeee; border-radius: 2px; } .select_ajax-container-multi.select_ajax-dropdown-open .select_ajax-choices { border-radius: 2px 2px 0 0; } .select_ajax-locked { padding: 3px 5px 3px 5px !important; } .select_ajax-container-multi .select_ajax-choices { min-height: 26px; } .select_ajax-container-multi.error .select_ajax-choices { background: #FFE8FA; border: 1px solid #E53939; } .select_ajax-container-multi .select_ajax-choices li { float: left; list-style: none; } .select_ajax-container-multi .select_ajax-choices .select_ajax-search-field { margin: 0; padding: 0; white-space: nowrap; } .select_ajax-container-multi .select_ajax-choices .select_ajax-search-field input { padding: 5px 5px 5px 10px; margin: 0; height: 26px; font-family: sans-serif; font-size: 100%; color: #555; outline: 0; border: 0; -webkit-box-shadow: none; box-shadow: none; background: transparent !important; } .select_ajax-container-multi .select_ajax-choices .select_ajax-search-field input.select_ajax-active { background: #fff no-repeat !important; } .select_ajax-container .select_ajax-preloader { display: none; } .select_ajax-container.select_ajax-container-active-preloader .select_ajax-preloader { display: block; position: absolute; z-index: 9; right: 6px; top: 6px; } .select_ajax-default { color: #999 !important; } .select_ajax-container-multi .select_ajax-choices .select_ajax-search-choice { background: #e3f4ff; border: 1px solid #bed6e5; border-radius: 2px; -webkit-box-shadow: inset 0 1px 0 0 #ffffff; box-shadow: inset 0 1px 0 0 #ffffff; height: 22px; line-height: 18px; padding-left: 10px; margin-left: 2px; margin-right: 3px; margin-top: 2px; max-width: 99%; position: relative; padding-right: 30px; } .select_ajax-container-multi .select_ajax-choices .select_ajax-search-choice .select_ajax-chosen { cursor: default; } .select_ajax-container-multi .select_ajax-choices .select_ajax-search-choice-focus { background: #d4d4d4; } .select_ajax-search-choice-close { border-left: 1px solid #BED6E5; display: block; height: 100%; margin-top: 0; background-position: 4px 4px; width: 19px; position: absolute; right: -1px; } /**/ .select_ajax-search-choice div { float: left; font-size: 13px; max-width: 100%; max-height: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } /* disabled styles */ .select_ajax-container-multi.select_ajax-container-disabled .select_ajax-choices { background-color: #f4f4f4; background-image: none; border: 1px solid #ddd; cursor: default; } .select_ajax-container-multi.select_ajax-container-disabled .select_ajax-choices .select_ajax-search-choice { padding: 3px 5px 3px 5px; border: 1px solid #ddd; background-image: none; background-color: #f4f4f4; } .select_ajax-container-multi.select_ajax-container-disabled .select_ajax-choices .select_ajax-search-choice .select_ajax-search-choice-close { display: none; background: none; } /* end multiselect */ .select_ajax-result-selectable .select_ajax-match, .select_ajax-result-unselectable .select_ajax-match { text-decoration: underline; } .select_ajax-offscreen, .select_ajax-offscreen:focus { clip: rect(0 0 0 0) !important; width: 1px !important; height: 1px !important; border: 0 !important; margin: 0 !important; padding: 0 !important; overflow: hidden !important; position: absolute !important; outline: 0 !important; left: 0px !important; top: 0px !important; } .select_ajax-display-none { display: none; } .select_ajax-measure-scrollbar { position: absolute; top: -10000px; left: -10000px; width: 100px; height: 100px; overflow: scroll; } .select_ajax-results .modal-list-checkbox-icons i.ico-small { margin-top: 1px; } .select_ajax-results li.select_ajax-result-new { border-top: 1px solid #e4e6e8; } .iti { position: relative; display: block; } .iti * { box-sizing: border-box; -moz-box-sizing: border-box; } .iti__hide { display: none; } .iti__v-hide { visibility: hidden; } .iti input, .iti input[type=text], .iti input[type=tel] { position: relative; z-index: 0; margin-top: 0 !important; margin-bottom: 0 !important; padding-right: 36px; margin-right: 0; } .iti__flag-container { position: absolute; top: 0; bottom: 0; right: 0; padding: 1px; } .iti__selected-flag { z-index: 1; position: relative; display: flex; align-items: center; height: 100%; padding: 0 6px 0 8px; } .iti__arrow { margin-left: 6px; width: 0; height: 0; border-left: 3px solid transparent; border-right: 3px solid transparent; border-top: 4px solid #555; } .iti__arrow--up { border-top: none; border-bottom: 4px solid #555; } .iti__country-list { position: absolute; z-index: 20; list-style: none; text-align: left; padding: 0; margin: 0 0 0 -1px; box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.2); background-color: white; border: 1px solid #CCC; white-space: nowrap; max-height: 200px; overflow-y: scroll; -webkit-overflow-scrolling: touch; } .iti__country-list--dropup { bottom: 100%; margin-bottom: -1px; } @media (max-width: 500px) { .iti__country-list { white-space: normal; } } .iti__flag-box { display: inline-block; width: 20px; } .iti__divider { padding-bottom: 5px; margin-bottom: 5px; border-bottom: 1px solid #CCC; } .iti__country { padding: 5px 10px; outline: none; } .iti__dial-code { color: #999; } .iti__country.iti__highlight { background-color: rgba(0, 0, 0, 0.05); } .iti__flag-box, .iti__country-name, .iti__dial-code { vertical-align: middle; } .iti__flag-box, .iti__country-name { margin-right: 6px; } .iti--allow-dropdown input, .iti--allow-dropdown input[type=text], .iti--allow-dropdown input[type=tel], .iti--separate-dial-code input, .iti--separate-dial-code input[type=text], .iti--separate-dial-code input[type=tel] { padding-right: 6px; padding-left: 52px; margin-left: 0; } .iti--allow-dropdown .iti__flag-container, .iti--separate-dial-code .iti__flag-container { right: auto; left: 0; } .iti--allow-dropdown .iti__flag-container:hover { cursor: pointer; } .iti--allow-dropdown .iti__flag-container:hover .iti__selected-flag { background-color: rgba(0, 0, 0, 0.05); } .iti--allow-dropdown input[disabled] + .iti__flag-container:hover, .iti--allow-dropdown input[readonly] + .iti__flag-container:hover { cursor: default; } .iti--allow-dropdown input[disabled] + .iti__flag-container:hover .iti__selected-flag, .iti--allow-dropdown input[readonly] + .iti__flag-container:hover .iti__selected-flag { background-color: transparent; } .iti--separate-dial-code .iti__selected-flag { background-color: rgba(0, 0, 0, 0.05); } .iti--separate-dial-code .iti__selected-dial-code { margin-left: 6px; } .iti--container { position: absolute; top: -1000px; left: -1000px; z-index: 1060; padding: 1px; } .iti--container:hover { cursor: pointer; } .iti-mobile .iti--container { top: 30px; bottom: 30px; left: 30px; right: 30px; position: fixed; } .iti-mobile .iti__country-list { max-height: 100%; width: 100%; } .iti-mobile .iti__country { padding: 10px 10px; line-height: 1.5em; } .iti__flag { width: 20px; } .iti__flag.iti__be { width: 18px; } .iti__flag.iti__ch { width: 15px; } .iti__flag.iti__mc { width: 19px; } .iti__flag.iti__ne { width: 18px; } .iti__flag.iti__np { width: 13px; } .iti__flag.iti__va { width: 15px; } @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .iti__flag { background-size: 5652px 15px; } } .iti__flag.iti__ac { height: 10px; background-position: 0 0; } .iti__flag.iti__ad { height: 14px; background-position: -22px 0; } .iti__flag.iti__ae { height: 10px; background-position: -44px 0; } .iti__flag.iti__af { height: 14px; background-position: -66px 0; } .iti__flag.iti__ag { height: 14px; background-position: -88px 0; } .iti__flag.iti__ai { height: 10px; background-position: -110px 0; } .iti__flag.iti__al { height: 15px; background-position: -132px 0; } .iti__flag.iti__am { height: 10px; background-position: -154px 0; } .iti__flag.iti__ao { height: 14px; background-position: -176px 0; } .iti__flag.iti__aq { height: 14px; background-position: -198px 0; } .iti__flag.iti__ar { height: 13px; background-position: -220px 0; } .iti__flag.iti__as { height: 10px; background-position: -242px 0; } .iti__flag.iti__at { height: 14px; background-position: -264px 0; } .iti__flag.iti__au { height: 10px; background-position: -286px 0; } .iti__flag.iti__aw { height: 14px; background-position: -308px 0; } .iti__flag.iti__ax { height: 13px; background-position: -330px 0; } .iti__flag.iti__az { height: 10px; background-position: -352px 0; } .iti__flag.iti__ba { height: 10px; background-position: -374px 0; } .iti__flag.iti__bb { height: 14px; background-position: -396px 0; } .iti__flag.iti__bd { height: 12px; background-position: -418px 0; } .iti__flag.iti__be { height: 15px; background-position: -440px 0; } .iti__flag.iti__bf { height: 14px; background-position: -460px 0; } .iti__flag.iti__bg { height: 12px; background-position: -482px 0; } .iti__flag.iti__bh { height: 12px; background-position: -504px 0; } .iti__flag.iti__bi { height: 12px; background-position: -526px 0; } .iti__flag.iti__bj { height: 14px; background-position: -548px 0; } .iti__flag.iti__bl { height: 14px; background-position: -570px 0; } .iti__flag.iti__bm { height: 10px; background-position: -592px 0; } .iti__flag.iti__bn { height: 10px; background-position: -614px 0; } .iti__flag.iti__bo { height: 14px; background-position: -636px 0; } .iti__flag.iti__bq { height: 14px; background-position: -658px 0; } .iti__flag.iti__br { height: 14px; background-position: -680px 0; } .iti__flag.iti__bs { height: 10px; background-position: -702px 0; } .iti__flag.iti__bt { height: 14px; background-position: -724px 0; } .iti__flag.iti__bv { height: 15px; background-position: -746px 0; } .iti__flag.iti__bw { height: 14px; background-position: -768px 0; } .iti__flag.iti__by { height: 10px; background-position: -790px 0; } .iti__flag.iti__bz { height: 14px; background-position: -812px 0; } .iti__flag.iti__ca { height: 10px; background-position: -834px 0; } .iti__flag.iti__cc { height: 10px; background-position: -856px 0; } .iti__flag.iti__cd { height: 15px; background-position: -878px 0; } .iti__flag.iti__cf { height: 14px; background-position: -900px 0; } .iti__flag.iti__cg { height: 14px; background-position: -922px 0; } .iti__flag.iti__ch { height: 15px; background-position: -944px 0; } .iti__flag.iti__ci { height: 14px; background-position: -961px 0; } .iti__flag.iti__ck { height: 10px; background-position: -983px 0; } .iti__flag.iti__cl { height: 14px; background-position: -1005px 0; } .iti__flag.iti__cm { height: 14px; background-position: -1027px 0; } .iti__flag.iti__cn { height: 14px; background-position: -1049px 0; } .iti__flag.iti__co { height: 14px; background-position: -1071px 0; } .iti__flag.iti__cp { height: 14px; background-position: -1093px 0; } .iti__flag.iti__cr { height: 12px; background-position: -1115px 0; } .iti__flag.iti__cu { height: 10px; background-position: -1137px 0; } .iti__flag.iti__cv { height: 12px; background-position: -1159px 0; } .iti__flag.iti__cw { height: 14px; background-position: -1181px 0; } .iti__flag.iti__cx { height: 10px; background-position: -1203px 0; } .iti__flag.iti__cy { height: 14px; background-position: -1225px 0; } .iti__flag.iti__cz { height: 14px; background-position: -1247px 0; } .iti__flag.iti__de { height: 12px; background-position: -1269px 0; } .iti__flag.iti__dg { height: 10px; background-position: -1291px 0; } .iti__flag.iti__dj { height: 14px; background-position: -1313px 0; } .iti__flag.iti__dk { height: 15px; background-position: -1335px 0; } .iti__flag.iti__dm { height: 10px; background-position: -1357px 0; } .iti__flag.iti__do { height: 14px; background-position: -1379px 0; } .iti__flag.iti__dz { height: 14px; background-position: -1401px 0; } .iti__flag.iti__ea { height: 14px; background-position: -1423px 0; } .iti__flag.iti__ec { height: 14px; background-position: -1445px 0; } .iti__flag.iti__ee { height: 13px; background-position: -1467px 0; } .iti__flag.iti__eg { height: 14px; background-position: -1489px 0; } .iti__flag.iti__eh { height: 10px; background-position: -1511px 0; } .iti__flag.iti__er { height: 10px; background-position: -1533px 0; } .iti__flag.iti__es { height: 14px; background-position: -1555px 0; } .iti__flag.iti__et { height: 10px; background-position: -1577px 0; } .iti__flag.iti__eu { height: 14px; background-position: -1599px 0; } .iti__flag.iti__fi { height: 12px; background-position: -1621px 0; } .iti__flag.iti__fj { height: 10px; background-position: -1643px 0; } .iti__flag.iti__fk { height: 10px; background-position: -1665px 0; } .iti__flag.iti__fm { height: 11px; background-position: -1687px 0; } .iti__flag.iti__fo { height: 15px; background-position: -1709px 0; } .iti__flag.iti__fr { height: 14px; background-position: -1731px 0; } .iti__flag.iti__ga { height: 15px; background-position: -1753px 0; } .iti__flag.iti__gb { height: 10px; background-position: -1775px 0; } .iti__flag.iti__gd { height: 12px; background-position: -1797px 0; } .iti__flag.iti__ge { height: 14px; background-position: -1819px 0; } .iti__flag.iti__gf { height: 14px; background-position: -1841px 0; } .iti__flag.iti__gg { height: 14px; background-position: -1863px 0; } .iti__flag.iti__gh { height: 14px; background-position: -1885px 0; } .iti__flag.iti__gi { height: 10px; background-position: -1907px 0; } .iti__flag.iti__gl { height: 14px; background-position: -1929px 0; } .iti__flag.iti__gm { height: 14px; background-position: -1951px 0; } .iti__flag.iti__gn { height: 14px; background-position: -1973px 0; } .iti__flag.iti__gp { height: 14px; background-position: -1995px 0; } .iti__flag.iti__gq { height: 14px; background-position: -2017px 0; } .iti__flag.iti__gr { height: 14px; background-position: -2039px 0; } .iti__flag.iti__gs { height: 10px; background-position: -2061px 0; } .iti__flag.iti__gt { height: 13px; background-position: -2083px 0; } .iti__flag.iti__gu { height: 11px; background-position: -2105px 0; } .iti__flag.iti__gw { height: 10px; background-position: -2127px 0; } .iti__flag.iti__gy { height: 12px; background-position: -2149px 0; } .iti__flag.iti__hk { height: 14px; background-position: -2171px 0; } .iti__flag.iti__hm { height: 10px; background-position: -2193px 0; } .iti__flag.iti__hn { height: 10px; background-position: -2215px 0; } .iti__flag.iti__hr { height: 10px; background-position: -2237px 0; } .iti__flag.iti__ht { height: 12px; background-position: -2259px 0; } .iti__flag.iti__hu { height: 10px; background-position: -2281px 0; } .iti__flag.iti__ic { height: 14px; background-position: -2303px 0; } .iti__flag.iti__id { height: 14px; background-position: -2325px 0; } .iti__flag.iti__ie { height: 10px; background-position: -2347px 0; } .iti__flag.iti__il { height: 15px; background-position: -2369px 0; } .iti__flag.iti__im { height: 10px; background-position: -2391px 0; } .iti__flag.iti__in { height: 14px; background-position: -2413px 0; } .iti__flag.iti__io { height: 10px; background-position: -2435px 0; } .iti__flag.iti__iq { height: 14px; background-position: -2457px 0; } .iti__flag.iti__ir { height: 12px; background-position: -2479px 0; } .iti__flag.iti__is { height: 15px; background-position: -2501px 0; } .iti__flag.iti__it { height: 14px; background-position: -2523px 0; } .iti__flag.iti__je { height: 12px; background-position: -2545px 0; } .iti__flag.iti__jm { height: 10px; background-position: -2567px 0; } .iti__flag.iti__jo { height: 10px; background-position: -2589px 0; } .iti__flag.iti__jp { height: 14px; background-position: -2611px 0; } .iti__flag.iti__ke { height: 14px; background-position: -2633px 0; } .iti__flag.iti__kg { height: 12px; background-position: -2655px 0; } .iti__flag.iti__kh { height: 13px; background-position: -2677px 0; } .iti__flag.iti__ki { height: 10px; background-position: -2699px 0; } .iti__flag.iti__km { height: 12px; background-position: -2721px 0; } .iti__flag.iti__kn { height: 14px; background-position: -2743px 0; } .iti__flag.iti__kp { height: 10px; background-position: -2765px 0; } .iti__flag.iti__kr { height: 14px; background-position: -2787px 0; } .iti__flag.iti__kw { height: 10px; background-position: -2809px 0; } .iti__flag.iti__ky { height: 10px; background-position: -2831px 0; } .iti__flag.iti__kz { height: 10px; background-position: -2853px 0; } .iti__flag.iti__la { height: 14px; background-position: -2875px 0; } .iti__flag.iti__lb { height: 14px; background-position: -2897px 0; } .iti__flag.iti__lc { height: 10px; background-position: -2919px 0; } .iti__flag.iti__li { height: 12px; background-position: -2941px 0; } .iti__flag.iti__lk { height: 10px; background-position: -2963px 0; } .iti__flag.iti__lr { height: 11px; background-position: -2985px 0; } .iti__flag.iti__ls { height: 14px; background-position: -3007px 0; } .iti__flag.iti__lt { height: 12px; background-position: -3029px 0; } .iti__flag.iti__lu { height: 12px; background-position: -3051px 0; } .iti__flag.iti__lv { height: 10px; background-position: -3073px 0; } .iti__flag.iti__ly { height: 10px; background-position: -3095px 0; } .iti__flag.iti__ma { height: 14px; background-position: -3117px 0; } .iti__flag.iti__mc { height: 15px; background-position: -3139px 0; } .iti__flag.iti__md { height: 10px; background-position: -3160px 0; } .iti__flag.iti__me { height: 10px; background-position: -3182px 0; } .iti__flag.iti__mf { height: 14px; background-position: -3204px 0; } .iti__flag.iti__mg { height: 14px; background-position: -3226px 0; } .iti__flag.iti__mh { height: 11px; background-position: -3248px 0; } .iti__flag.iti__mk { height: 10px; background-position: -3270px 0; } .iti__flag.iti__ml { height: 14px; background-position: -3292px 0; } .iti__flag.iti__mm { height: 14px; background-position: -3314px 0; } .iti__flag.iti__mn { height: 10px; background-position: -3336px 0; } .iti__flag.iti__mo { height: 14px; background-position: -3358px 0; } .iti__flag.iti__mp { height: 10px; background-position: -3380px 0; } .iti__flag.iti__mq { height: 14px; background-position: -3402px 0; } .iti__flag.iti__mr { height: 14px; background-position: -3424px 0; } .iti__flag.iti__ms { height: 10px; background-position: -3446px 0; } .iti__flag.iti__mt { height: 14px; background-position: -3468px 0; } .iti__flag.iti__mu { height: 14px; background-position: -3490px 0; } .iti__flag.iti__mv { height: 14px; background-position: -3512px 0; } .iti__flag.iti__mw { height: 14px; background-position: -3534px 0; } .iti__flag.iti__mx { height: 12px; background-position: -3556px 0; } .iti__flag.iti__my { height: 10px; background-position: -3578px 0; } .iti__flag.iti__mz { height: 14px; background-position: -3600px 0; } .iti__flag.iti__na { height: 14px; background-position: -3622px 0; } .iti__flag.iti__nc { height: 10px; background-position: -3644px 0; } .iti__flag.iti__ne { height: 15px; background-position: -3666px 0; } .iti__flag.iti__nf { height: 10px; background-position: -3686px 0; } .iti__flag.iti__ng { height: 10px; background-position: -3708px 0; } .iti__flag.iti__ni { height: 12px; background-position: -3730px 0; } .iti__flag.iti__nl { height: 14px; background-position: -3752px 0; } .iti__flag.iti__no { height: 15px; background-position: -3774px 0; } .iti__flag.iti__np { height: 15px; background-position: -3796px 0; } .iti__flag.iti__nr { height: 10px; background-position: -3811px 0; } .iti__flag.iti__nu { height: 10px; background-position: -3833px 0; } .iti__flag.iti__nz { height: 10px; background-position: -3855px 0; } .iti__flag.iti__om { height: 10px; background-position: -3877px 0; } .iti__flag.iti__pa { height: 14px; background-position: -3899px 0; } .iti__flag.iti__pe { height: 14px; background-position: -3921px 0; } .iti__flag.iti__pf { height: 14px; background-position: -3943px 0; } .iti__flag.iti__pg { height: 15px; background-position: -3965px 0; } .iti__flag.iti__ph { height: 10px; background-position: -3987px 0; } .iti__flag.iti__pk { height: 14px; background-position: -4009px 0; } .iti__flag.iti__pl { height: 13px; background-position: -4031px 0; } .iti__flag.iti__pm { height: 14px; background-position: -4053px 0; } .iti__flag.iti__pn { height: 10px; background-position: -4075px 0; } .iti__flag.iti__pr { height: 14px; background-position: -4097px 0; } .iti__flag.iti__ps { height: 10px; background-position: -4119px 0; } .iti__flag.iti__pt { height: 14px; background-position: -4141px 0; } .iti__flag.iti__pw { height: 13px; background-position: -4163px 0; } .iti__flag.iti__py { height: 11px; background-position: -4185px 0; } .iti__flag.iti__qa { height: 8px; background-position: -4207px 0; } .iti__flag.iti__re { height: 14px; background-position: -4229px 0; } .iti__flag.iti__ro { height: 14px; background-position: -4251px 0; } .iti__flag.iti__rs { height: 14px; background-position: -4273px 0; } .iti__flag.iti__ru { height: 14px; background-position: -4295px 0; } .iti__flag.iti__rw { height: 14px; background-position: -4317px 0; } .iti__flag.iti__sa { height: 14px; background-position: -4339px 0; } .iti__flag.iti__sb { height: 10px; background-position: -4361px 0; } .iti__flag.iti__sc { height: 10px; background-position: -4383px 0; } .iti__flag.iti__sd { height: 10px; background-position: -4405px 0; } .iti__flag.iti__se { height: 13px; background-position: -4427px 0; } .iti__flag.iti__sg { height: 14px; background-position: -4449px 0; } .iti__flag.iti__sh { height: 10px; background-position: -4471px 0; } .iti__flag.iti__si { height: 10px; background-position: -4493px 0; } .iti__flag.iti__sj { height: 15px; background-position: -4515px 0; } .iti__flag.iti__sk { height: 14px; background-position: -4537px 0; } .iti__flag.iti__sl { height: 14px; background-position: -4559px 0; } .iti__flag.iti__sm { height: 15px; background-position: -4581px 0; } .iti__flag.iti__sn { height: 14px; background-position: -4603px 0; } .iti__flag.iti__so { height: 14px; background-position: -4625px 0; } .iti__flag.iti__sr { height: 14px; background-position: -4647px 0; } .iti__flag.iti__ss { height: 10px; background-position: -4669px 0; } .iti__flag.iti__st { height: 10px; background-position: -4691px 0; } .iti__flag.iti__sv { height: 12px; background-position: -4713px 0; } .iti__flag.iti__sx { height: 14px; background-position: -4735px 0; } .iti__flag.iti__sy { height: 14px; background-position: -4757px 0; } .iti__flag.iti__sz { height: 14px; background-position: -4779px 0; } .iti__flag.iti__ta { height: 10px; background-position: -4801px 0; } .iti__flag.iti__tc { height: 10px; background-position: -4823px 0; } .iti__flag.iti__td { height: 14px; background-position: -4845px 0; } .iti__flag.iti__tf { height: 14px; background-position: -4867px 0; } .iti__flag.iti__tg { height: 13px; background-position: -4889px 0; } .iti__flag.iti__th { height: 14px; background-position: -4911px 0; } .iti__flag.iti__tj { height: 10px; background-position: -4933px 0; } .iti__flag.iti__tk { height: 10px; background-position: -4955px 0; } .iti__flag.iti__tl { height: 10px; background-position: -4977px 0; } .iti__flag.iti__tm { height: 14px; background-position: -4999px 0; } .iti__flag.iti__tn { height: 14px; background-position: -5021px 0; } .iti__flag.iti__to { height: 10px; background-position: -5043px 0; } .iti__flag.iti__tr { height: 14px; background-position: -5065px 0; } .iti__flag.iti__tt { height: 12px; background-position: -5087px 0; } .iti__flag.iti__tv { height: 10px; background-position: -5109px 0; } .iti__flag.iti__tw { height: 14px; background-position: -5131px 0; } .iti__flag.iti__tz { height: 14px; background-position: -5153px 0; } .iti__flag.iti__ua { height: 14px; background-position: -5175px 0; } .iti__flag.iti__ug { height: 14px; background-position: -5197px 0; } .iti__flag.iti__um { height: 11px; background-position: -5219px 0; } .iti__flag.iti__un { height: 14px; background-position: -5241px 0; } .iti__flag.iti__us { height: 11px; background-position: -5263px 0; } .iti__flag.iti__uy { height: 14px; background-position: -5285px 0; } .iti__flag.iti__uz { height: 10px; background-position: -5307px 0; } .iti__flag.iti__va { height: 15px; background-position: -5329px 0; } .iti__flag.iti__vc { height: 14px; background-position: -5346px 0; } .iti__flag.iti__ve { height: 14px; background-position: -5368px 0; } .iti__flag.iti__vg { height: 10px; background-position: -5390px 0; } .iti__flag.iti__vi { height: 14px; background-position: -5412px 0; } .iti__flag.iti__vn { height: 14px; background-position: -5434px 0; } .iti__flag.iti__vu { height: 12px; background-position: -5456px 0; } .iti__flag.iti__wf { height: 14px; background-position: -5478px 0; } .iti__flag.iti__ws { height: 10px; background-position: -5500px 0; } .iti__flag.iti__xk { height: 15px; background-position: -5522px 0; } .iti__flag.iti__ye { height: 14px; background-position: -5544px 0; } .iti__flag.iti__yt { height: 14px; background-position: -5566px 0; } .iti__flag.iti__za { height: 14px; background-position: -5588px 0; } .iti__flag.iti__zm { height: 14px; background-position: -5610px 0; } .iti__flag.iti__zw { height: 10px; background-position: -5632px 0; } .iti__flag { height: 15px; box-shadow: 0 0 1px 0 #888; background-image: url(/application/8.0.2/assets/desktop/css/../images/flags.png); background-repeat: no-repeat; background-color: #DBDBDB; background-position: 20px 0; } @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .iti__flag { background-image: url(/application/8.0.2/assets/desktop/css/../images/flags%402x.png); } } .iti__flag.iti__np { background-color: transparent; } /* MMenu */ html.mm-opened #page { overflow: hidden; padding: 0; } .mm-menu > .mm-list { padding-top: 15px; } .mm-menu > .mm-list > li:not(.mm-subtitle):not(.mm-label):not(.mm-search):not(.mm-noresults):after { border-bottom: none; } .mm-menu > .mm-list > li { border-top: 1px solid rgba(0,0,0,0); } .mm-list > li:not(.mm-subtitle):not(.mm-label):not(.mm-search):not(.mm-noresults):after { margin-left: 10px; border-width: 0; } .mm-menu > .mm-list > li > a, .mm-list > li.mm-selected > a.mm-subopen, .mm-menu > .mm-list > li > a, .mm-menu > .mm-list > li > .mm-fullsubopen { background: none; /*background: #1f1f1f;*/ } .mm-list > li > a, .mm-list > li > span.mm-fullsubopen { text-decoration: none; font-size: 16px; padding: 0 15px 0 15px; line-height: 45px; vertical-align: middle; } .mm-list > li > a.sub-item-no-icon { padding-left: 47px; color: #6b6b6b; } .mm-list > li.button-item > a { color: #3b82f6; } .mm-menu { background: #ffffff; /*color: #4b587c;*/ color: #555; } .mm-list > li > a:not(.user-info) > img, .mm-list > li > span.mm-fullsubopen > img { width: 18px; height: 18px; vertical-align: middle; margin-right: 10px; position: relative; top: -2px; } .mm-menu.mm-vertical .mm-list li.mm-opened > a.mm-subopen, .mm-menu.mm-vertical .mm-list li.mm-opened > ul { background: inherit; } .mm-menu .mm-footer { background: #ffffff; padding: 0; height: 50px; border-color: #e5e7eb; } .mm-list > li.Footer, .mm-list > li.Header { visibility: hidden; display: none; } .mm-footer a { display: block; line-height: 50px; text-decoration: none; font-size: 18px; text-transform: uppercase; background: #f7faff; } .mm-footer a.hidden { display: none; } .mm-footer a.cancel { color: #fb5144; } .mm-fixed-bottom { position: fixed; bottom: 0; box-sizing: border-box; } .mm-list a.mm-subclose { padding: 0 15px 0 47px; margin: 0; } .mm-list a.mm-subclose:before { left: 47px; margin-bottom: -4px; } .mm-list a span.badge { margin-left: 5px; } /* Right bar */ .mm-menu .mm-search { padding: 15px 15px; } .mm-menu .mm-search input { padding: 2px 15px 0 15px; line-height: 20px; } .mm-menu .mm-search input::-webkit-input-placeholder { color: rgba(255, 255, 255, 0.6); } .mm-menu .mm-search input::-moz-placeholder { color: rgba(255, 255, 255, 0.6); } .mm-menu .mm-search input:-ms-input-placeholder { color: rgba(255, 255, 255, 0.6); } .mm-menu.mm-hassearch > .mm-panel { padding-top: 60px; } .mm-list > li > .user-info { background: #1f1f1f; line-height: normal; padding: 15px; font-size: 13px; } .mm-list .user-info .user-name { color: #fff; margin-bottom: 3px; } .mm-list .user-info .photo-icon { margin-top: 4px; } .mm-menu .user-actions .mm-list > li:after { border-color: #a8a8a8; } .mm-list > li:not(.mm-subtitle):not(.mm-label):not(.mm-noresults):after { margin-left: 10px; } .mm-list > li > .user-actions { padding: 0; } .user-actions .mm-list { padding: 0; } .mm-list > li .mm-list > li:not(.mm-subtitle):not(.mm-label):not(.mm-noresults):last-of-type:after { border-bottom-width: 0; } .mm-list > li > .user-actions a { } .mm-list > li > a .icon-font { color: #919192; top: 0; margin-right: 15px; font-weight: normal; margin-left: -40px; line-height: 18px; } .mm-list.users-list { text-align: center; } .mm-list.users-list > li { text-align: left; } /* Left Bar */ .mm-menu .mm-list > li:after { border-color: #292929; } .mm-menu .mm-list > li.mm-selected > a:not(.mm-subopen), .mm-menu.mm-vertical .mm-list li.mm-opened > a.mm-subopen { background: none; } .mm-menu .mm-list .mm-list > li.mm-selected > a:not(.mm-subopen) { background: inherit; } .mm-menu.mm-vertical .mm-list li.mm-opened > ul { padding: 0; } .mm-menu.mm-vertical .mm-list li.mm-opened > ul > li:after, .mm-menu.mm-vertical .mm-list li.mm-opened > ul > li:last-of-type:after { border-color: #444444; border-bottom-width: 1px; } #menu-left .mm-list > li > a .icon-font { font-size: 40px; display: block; float: left; width: 25px; line-height: 18px; top: 0; } .mm-list a.mm-subopen + a, .mm-list a.mm-subopen + span { margin-right: 0; } .mm-list > li:not(.mm-subtitle):not(.mm-label):not(.mm-noresults).mm-opened:after { border-bottom-width: 0; } .mm-menu .mm-list > li > a.mm-subopen { /*display: none;*/ } .mm-menu .mm-list > li > a.mm-subopen:before { display: none; } .mm-menu .mm-list > li > a.mm-subopen:after { border-color: inherit; width: 5px; height: 5px; -webkit-transform: rotate(45deg); transform: rotate(45deg); right: 25px; } .mm-menu.mm-vertical .mm-list > li.mm-opened > a.mm-subopen:after { top: 22px; right: 25px; -webkit-transform: rotate(-135deg); transform: rotate(-135deg); } .mm-menu > .mm-list > li.buttons-delimiter { border-color: #e5e7eb; margin-top: 8px; margin-bottom: 5px; } .mm-menu.mm-vertical .mm-list > li.mm-opened > a.mm-subopen.preloader { width: 18px; height: 18px; top: 14px; right: 18px; } .mm-menu.mm-vertical .mm-list > li.mm-opened > a.mm-subopen.preloader:after { display: none; } .mm-menu.mm-vertical .mm-list li.mm-opened > .mm-panel.report-groups { margin-left: 20px; } @font-face { font-family: 'Inter'; font-weight: 400; src: url(/application/8.0.2/assets/mobile/css/../../desktop/fonts/Inter-Regular.ttf); font-display: swap; } @font-face { font-family: 'Inter'; font-weight: 600; src: url(/application/8.0.2/assets/mobile/css/../../desktop/fonts/Inter-SemiBold.ttf); font-display: swap; } @font-face { font-family: 'Inter'; font-weight: 700; src: url(/application/8.0.2/assets/mobile/css/../../desktop/fonts/Inter-Bold.ttf); font-display: swap; } * { margin: 0; padding: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } html, body, h1, h2, h3, h4, h5, h6, p, em, strong, abbr, acronym, blockquote, q, cite, ins, del, dfn, a, div, span, pre, hr, address, br, b, i, sub, sup, big, small, tt, table, tr, caption, thead, tbody, tfoot, col, colgroup, form, input, label, textarea, button, fieldset, legend, select, option, ul, ol, li, dl, dt, dd, code, var, kdb, samp, img, object, param, map, area, bdo, iframe { font-family: 'Inter', Segoe UI, "Helvetica Neue", Lucida Grande, Arial, sans-serif; margin: 0; padding: 0; } html { font-size: 62.5%; min-height: 100%; height: auto; } body { background: #ffffff; font-size: 14px; line-height: 24px; color: #555555; position: relative; -webkit-text-size-adjust: none; -webkit-overflow-scrolling: touch; min-height: 100%; height: auto; } body * { text-shadow: none; } h2, h3, h4, h5, h6 { line-height: 1.42857143; color: #898989; font-weight: normal; font-size: 14px; } h1, .h1 { font-size: 18px; font-weight: normal; } h2 { font-size: 16px; margin: 20px 0; } h3 { font-size: 15px; } p { margin: 0; font-size: 14px; } a { color: #0067da; text-decoration: underline; outline: none; } pre { font-size: 12px; width: 100%; overflow: auto; -webkit-overflow-scrolling: touch; } input[type="text"], input[type="email"], input[type="password"], input[type="date"], input[type="datetime-local"] { border: none; outline: none; padding: 10px 15px; width: 100%; -webkit-appearance: none; } input[type="date"], input[type="datetime-local"] { background: #ffffff; min-height: 44px; } textarea { font-size: 14px; } /* Icons */ .ico-small, a.ico-small, i.ico-small { width: 16px; height: 16px; font-size: 0; background-size: 16px; display: inline-block; position: relative; background-repeat: no-repeat; } .menu-icon { background: url(/application/8.0.2/assets/mobile/css/../images/icons-clean/menu-white.png) no-repeat center; background-size: 22px; } .user-icon { background: url(/application/8.0.2/assets/mobile/css/../images/icons-clean/user-white.png) no-repeat center; background-size: 22px; } .login-icon { background: url(/application/8.0.2/assets/mobile/css/../images/login-white.png) no-repeat center; background-size: 24px; } .idea-color i { background: url(/application/8.0.2/assets/mobile/css/../images/icons-clean/idea-color.png) no-repeat center; } .problem-color i { background: url(/application/8.0.2/assets/mobile/css/../images/icons-clean/problem-color.png) no-repeat center; } .question-color i { background: url(/application/8.0.2/assets/mobile/css/../images/icons-clean/question-color.png) no-repeat center; } .ticket-color i { background: url(/application/8.0.2/assets/mobile/css/../images/ticket-color.png) no-repeat center; } .task-color i { background: url(/application/8.0.2/assets/mobile/css/../images/task-color.png) no-repeat center; } .conversation-color i { background: url(/application/8.0.2/assets/mobile/css/../images/chat-color.png) no-repeat center; } .article-grey i { background: url(/application/8.0.2/assets/mobile/css/../images/article-grey.png) no-repeat center; } .article-color i { background: url(/application/8.0.2/assets/mobile/css/../images/article-color.png) no-repeat center; } .faq-grey i { background: url(/application/8.0.2/assets/mobile/css/../images/faq-black.png) no-repeat center; opacity: 0.35; } .faq-color i { background: url(/application/8.0.2/assets/mobile/css/../images/faq-color.png) no-repeat center; } .idea-white i { background: url(/application/8.0.2/assets/mobile/css/../images/icons-clean/idea-white.png) no-repeat center; } .problem-white i { background: url(/application/8.0.2/assets/mobile/css/../images/icons-clean/problem-white.png) no-repeat center; } .question-white i { background: url(/application/8.0.2/assets/mobile/css/../images/icons-clean/question-white.png) no-repeat center; } .announcement-white i { background: url(/application/8.0.2/assets/mobile/css/../images/announcements-white.png) no-repeat center; } .announcement-color i { background: url(/application/8.0.2/assets/mobile/css/../images/announcements-color.png) no-repeat center; } .faq-white i { background: url(/application/8.0.2/assets/mobile/css/../images/faq-white.png) no-repeat center; } .article-white i { background: url(/application/8.0.2/assets/mobile/css/../images/articles-white.png) no-repeat center; } .ticket-white i { background: url(/application/8.0.2/assets/mobile/css/../images/tickets-white.png) no-repeat center; } .close-icon { background: url(/application/8.0.2/assets/mobile/css/../images/close-color.png) no-repeat center; } .check-icon { background: url(/application/8.0.2/assets/mobile/css/../images/best-answer.png) center no-repeat; } .ipin-color, .object-actions .object_featured.isFeatured { background-image: url(/application/8.0.2/assets/mobile/css/../images/pin-color.png); } .preloader { width: 16px; height: 16px; display: inline-block; vertical-align: middle; position: relative; top: -1px; color: #555555; border: 2px solid; border-radius: 50%; animation: spin 0.75s infinite linear; border-top-width: 0; background: none !important; text-indent: -5000px; font-size: 0; } @keyframes spin { from { transform: rotate(0deg); } to { transform: rotate(360deg); } } .comment-badge-agent i { background: url(/application/8.0.2/assets/mobile/css/../images/badge-agent.png) center no-repeat; } .ioptions { background-image: url(/application/8.0.2/assets/mobile/css/../images/options.png); width: 16px; height: 16px; opacity: 0.4; } .irestore { background-image: url(/application/8.0.2/assets/mobile/css/../images/restore.png); width: 19px; height: 16px; opacity: 0.4; } .imoderate { background-image: url(/application/8.0.2/assets/mobile/css/../images/moderate.png); } .iedit-black { background-image: url(/application/8.0.2/assets/mobile/css/../images/edit-black.png); } .itrash-black { background-image: url(/application/8.0.2/assets/mobile/css/../images/trash-black.png); } /* Attachments */ #content .attached-files { /*margin-top: 2px;*/ padding: 10px 15px; border-top: 1px solid #e5e7eb; } .attached-files > span img { width: 18px; height: 18px; position: relative; top: 2px; opacity: 0.5; } .attached-files > a { text-decoration: none; margin-left: 5px; margin-right: 10px; font-size: 14px; } .attached-files a.preloader-image .preloader { margin-right: 5px; } /* Content */ #page { height: auto; background: #f0f0f0; min-height: 100vh; } #page nav { display: none; } #container { min-height: 100%; font-size: 14px; } #header, .header, .mm-header { /*background: #0084d0;*/ background: #2e3e4e; font-size: 20px; color: #ffffff; text-align: center; line-height: 50px; position: relative; } .mm-menu .mm-header { color: #ffffff; height: 50px; padding: 0; } #header a, .header a, .mm-header a { display: block; width: 50px; height: 50px; padding: 0 5px; position: absolute; top: 0; left: 0; line-height: 50px; color: #ffffff; font-size: 0; } #header a.user-icon, #header a.login-icon, .mm-header a.user-icon, .mm-header a.login-icon { left: auto; right: 0; } #header h1, .mm-header .h1 { margin: 0 55px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; line-height: 50px; } #content { padding: 0; } #footer { background: #ffffff; font-size: 14px; color: #595a5c; text-align: center; line-height: 50px; width: 100%; text-transform: uppercase; border-top: 1px solid #e5e7eb; border-bottom: 1px solid #e5e7eb; } #footer a { font-size: 14px; text-decoration: none; color: #595a5c; display: block; } #footer a span { color: #0067da; } #community-description { padding: 15px 15px 5px 15px; } #community-description p { font-size: 16px; margin-bottom: 10px; } /* Top Nav */ #top-nav { background: #eeeeee; /*border-bottom: 1px solid #eeeeee;*/ } #top-nav .search-area { position: relative; padding: 0; } #top-nav .search-area form { position: relative; width: 100%; margin: 0 auto; } #top-nav .search-area input { color: #1f1f1f; font-size: 18px; line-height: 30px; display: block; width: 100%; height: 50px; margin: 0; padding: 12px 10px 8px 60px; box-shadow: none; background: url(/application/8.0.2/assets/mobile/css/../images/search-big.png) 15px center no-repeat #ffffff; background-size: 24px; } #top-nav .search-area .search-button { position: absolute; left: 0; top: 0; width: 60px; height: 60px; padding: 2px; background: url(/application/8.0.2/assets/mobile/css/../images/search-big.png) center no-repeat; border: none; background-size: 30px; font-size: 0; } /* Announcement */ #announcement { background: #fb5144; width: 100%; text-align: center; line-height: 50px; padding: 0 10px; } #announcement a { font-size: 16px; color: #ffffff; text-decoration: none; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: block; } #announcement + div { margin-top: 0; } /* Bottom actions */ /* todo: refactor! */ #content > .widgetBlock { position: relative; } #content .add-topic-icon, #content .add-comment-icon { position: absolute; right: 15px; top: 2px; line-height: 0; z-index: 9; } #content .add-topic-icon { top: 22px; } .iagent-add { background: url(/application/8.0.2/assets/mobile/css/../../desktop/images/icons/16/agents_navigation_add_action.png) no-repeat scroll 50% 50% transparent; } .bottom-actions { color: #ffffff; line-height: 50px; width: 100%; z-index: 999; /*position: -webkit-sticky;*/ } .bottom-actions.chat-actions { z-index: 99999; } .bottom-actions .bottom-buttons { width: 100%; background: rgba(31,31,31,0.85); font-size: 0; line-height: 0; height: 50px; } .bottom-actions .bottom-buttons a { font-size: 18px; text-decoration: none; color: #ffffff; background: no-repeat center center; text-transform: uppercase; display: inline-block; width: 50px; height: 50px; background-size: 18px; text-align: center; border-radius: 0; line-height: 50px; } .bottom-actions .bottom-buttons a.sso-button { font-size: 16px; } .bottom-actions .bottom-buttons a.sso-button img { max-width: 18px; margin-bottom: -2px; } .bottom-actions .bottom-buttons.one-button { line-height: inherit; } .bottom-actions .bottom-buttons.one-button a { display: block; width: 100%; } .bottom-actions .bottom-buttons a.hidden { display: none; } .bottom-actions .bottom-buttons a.button-add { background-image: url(/application/8.0.2/assets/mobile/css/../images/add-white.png); } .bottom-actions .bottom-buttons a.button-search { background-image: url(/application/8.0.2/assets/mobile/css/../images/search-white.png); display: none !important; } .bottom-actions .bottom-buttons a.button-filter { background-image: url(/application/8.0.2/assets/mobile/css/../images/filter-white.png); } .bottom-actions .bottom-buttons a.button-edit { background-image: url(/application/8.0.2/assets/mobile/css/../images/edit-white.png); } .bottom-actions .bottom-buttons a.button-trash { background-image: url(/application/8.0.2/assets/mobile/css/../images/trash-white.png); } .bottom-actions .bottom-buttons a.button-comment { background-image: url(/application/8.0.2/assets/mobile/css/../images/comment-white.png); } .bottom-actions .bottom-buttons a.button-archive { background-image: url(/application/8.0.2/assets/mobile/css/../images/archive-white.png); } .bottom-actions .bottom-buttons a.button-options { background-image: url(/application/8.0.2/assets/mobile/css/../images/options-white.png); } .bottom-actions .bottom-buttons a.button-properties { background-image: url(/application/8.0.2/assets/mobile/css/../images/menu-white.png); } .bottom-actions .bottom-buttons a.more-actions { background-image: url(/application/8.0.2/assets/mobile/css/../images/more-white.png); } .bottom-actions .bottom-buttons a.button-facebook { background-image: url(/application/8.0.2/assets/mobile/css/../images/facebok-white.png); } .bottom-actions .bottom-buttons a.button-google { background-image: url(/application/8.0.2/assets/mobile/css/../images/google-white.png); } .bottom-actions .bottom-buttons a.button-twitter { background-image: url(/application/8.0.2/assets/mobile/css/../images/twitter-white.png); } .bottom-actions .bottom-buttons a.button-user-ban { background-image: url(/application/8.0.2/assets/mobile/css/../images/ban-white.png); } .bottom-actions .bottom-buttons a.button-user-delete { background-image: url(/application/8.0.2/assets/mobile/css/../images/trash-white.png); } .bottom-actions .bottom-buttons a.button-convert-to-ticket { background-image: url(/application/8.0.2/assets/mobile/css/../images/tickets-white.png); } .bottom-actions .bottom-buttons a.button-convert-to-topic { background-image: url(/application/8.0.2/assets/mobile/css/../images/feedback-white.png); } .bottom-actions .bottom-buttons a.button-lock-comments { background-image: url(/application/8.0.2/assets/mobile/css/../images/comments-lock.png); } .bottom-actions .bottom-buttons a.button-lock-comments.unlock { background-image: url(/application/8.0.2/assets/mobile/css/../images/comments-unlock.png); } .bottom-text { height: 50px; line-height: 50px; font-size: 16px; text-transform: uppercase; display: inline-block; color: #ffffff; padding: 0 10px; } .bottom-popups { background: rgba(52, 52, 52, 0.97); text-align: center; } .bottom-popups > div { display: none; } .bottom-popups a, .bottom-popups span.select-button { text-decoration: none; text-transform: uppercase; font-size: 18px; } .bottom-popups > div > a, .bottom-popups > div button.submit-popup, .bottom-popups > div button.button-popup { display: block; width: 100%; background: #1f1f1f; margin-top: 2px; } .bottom-popups .close-popup { color: #fb5144; } .bottom-popups .submit-popup { color: #61bf28; } .bottom-popups .attachments-block { background: #ffffff; color: #555555; text-align: left; max-height: 50px; overflow-y: auto; } .bottom-popups .attachments-block .inner-files { padding-top: 5px; padding-bottom: 5px; } .bottom-popups .attachments-block .ico-small { font-size: 0; line-height: 25px; /*top: -1px;*/ top: 0; } .bottom-popups .attachments-block .upload-progress { margin-top: 8px; } .bottom-popups input[type="text"], .bottom-popups input[type="email"] { padding: 10px; margin-bottom: 1px; } .bottom-popups .attachments-block + .attach-files:empty { height: 10px; } /* Lists */ .bottom-popups ul li > span:not(.for-select), .bottom-popups ul li > span.for-select.select-button { font-size: 18px; } .bottom-popups .actions-list { padding: 20px 15px; list-style: none; } .bottom-popups .actions-list li { background: #1f1f1f; margin-top: 15px; position: relative; } .bottom-popups .actions-list li:first-child { margin-top: 0; } .bottom-popups .actions-list a { color: #ffffff; display: block; } .bottom-popups .filters-list { list-style: none; padding: 10px 10px 15px 10px; } .bottom-popups .filters-list li { margin-top: 15px; position: relative; } .bottom-popups .filters-list .list-title { line-height: 20px; padding-top: 10px; } .bottom-popups .filters-list li.list-title:first-child { margin-top: 0; } .bottom-comment { position: relative; } .bottom-comment { padding-bottom: 50px; } .bottom-popups > .bottom-comment .submit-popup { position: absolute; bottom: 0; } #comment-type-switcher { left: 15px; opacity: 0; position: absolute; top: 23px; width: 170px; } .for-select + select { position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; opacity: 0.01; } .for-select:not(.page-title-select) { color: #ffffff; font-size: 14px; height: 40px; line-height: 40px; width: 100%; padding: 0 30px 0 15px; border: 1px solid #ffffff; border-radius: 2px; display: block; text-align: left; position: relative; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .for-select.select-button:not(.page-title-select) { height: inherit; line-height: inherit; width: inherit; padding: inherit; border: inherit; border-radius: inherit; display: inherit; text-align: inherit; position: relative; } .for-select:not(.page-title-select):after, .for-select.page-title-select:after { display: block; width: 10px; height: 10px; -webkit-transform: rotate(45deg); transform: rotate(45deg); top: 10px; top: calc(50% - 8px); right: 15px; content: ''; border-right: 2px solid #ffffff; border-bottom: 2px solid #ffffff; margin-bottom: -5px; position: absolute; } .for-select.select-button:not(.page-title-select):after { display: none; } .for-select.page-title-select:after { width: 6px; height: 6px; right: 10px; top: 20px; } li.disabled > .for-select { opacity: 0.5; } #header .for-select.page-title-select, .mm-header .for-select.page-title-select { position: relative; display: inline-block; max-width: 100%; overflow: hidden; text-overflow: ellipsis; padding: 0 30px; } #header .for-select.page-title-select h1, .mm-header .for-select.page-title-select .h1 { display: inline; position: relative; margin: 0; padding: 0; } #header .page-title, .mm-header .page-title { height: 50px; margin: 0 55px; position: relative; } .bottom-popups > div.sky-high .filters-list { padding-bottom: 8px; } .bottom-popups > div.sky-high .filters-list li { margin-top: 7px; } .bottom-popups > div.sky-high .for-select { line-height: 30px; height: 30px; } .bottom-popups > div.sky-high .for-select:after { width: 7px; height: 7px; top: 8px; top: calc(50% - 5px); } #bottom-search { padding: 5px 15px 0 15px; background: #1f1f1f; } #bottom-search form { position: relative; } #bottom-search input { width: 100%; padding: 2px 40px 0 15px; border-radius: 30px; height: 30px; line-height: 20px; font-size: 14px; } #bottom-search .close-popup.close-icon { display: inline; background: red; color: #ffffff; width: 30px; height: 30px; position: absolute; right: 2px; top: 9px; background: url(/application/8.0.2/assets/mobile/css/../images/status-error.png) no-repeat center; background-size: 24px; } .bottom-comment .close-popup.close-icon { display: inline; color: #ffffff; width: 24px; height: 24px; position: absolute; right: 20px; top: 20px; background-size: 20px; text-decoration: none; } .form-title { padding: 10px 50px 0 15px; font-size: 18px; } .bottom-comment form { padding: 0; line-height: 0; } .bottom-comment form > .comment-form-content { padding: 0 15px 15px 15px; } .bottom-comment .form-title { line-height: normal; padding-top: 20px; padding-bottom: 17px; } .bottom-comment textarea { resize: none; min-height: 30px; border: none; width: 100%; padding: 10px; outline: none; border-radius: 0; } .bottom-comment textarea.one-row { padding-bottom: 0; } .bottom-popups > div button.submit-popup, .bottom-popups > div button.button-popup { border: none; text-transform: uppercase; font-size: 18px; position: relative; margin-top: 15px; width: 100%; height: 50px; line-height: 50px; outline: none; } .comment-status-select, .comment-button-select, .comment-button-date { position: absolute; left: 0; top: 0; right: 0; bottom: 0; width: 100%; opacity: 0.01; } .comment-button-date { padding: 0; } #canned-responses-block, #mentions-block, #task-responsible-block, .comment-change-status { position: relative; top: 0; left: 0; } .notify-block, .reminder-block { position: relative; } #canned-responses-block .canned-responses-label, #mentions-block .mentions-label, #task-responsible-block .responsible-label, .notify-block .notify-label, .reminder-block .notify-label, .comment-change-status .comment-status-label { color: #0067da; position: relative; width: 100%; display: block; height: 40px; line-height: 20px; padding: 10px; } #canned-responses-block .canned-responses-label, #mentions-block .mentions-label, .notify-block .notify-label, .reminder-block .notify-label { padding: 10px 8px; } #canned-responses-block .canned-responses-label img { width: auto; position: relative; top: -1px; } #mentions-block .mentions-label img { opacity: 0.7; } .attach-files { background: #ffffff; } .attach-files .new-attach { float: right; padding: 10px; line-height: 0; -webkit-tap-highlight-color: transparent; } .attach-files img { width: 20px; height: 20px; } .ilock { background-image: url(/application/8.0.2/assets/mobile/css/../images/lock.png); opacity: 0.8; } .ilocked { background-image: url(/application/8.0.2/assets/mobile/css/../images/locked.png) !important; } .inotify { background-image: url(/application/8.0.2/assets/mobile/css/../images/notify.png); } .inot-notify { background-image: url(/application/8.0.2/assets/mobile/css/../images/not-notify.png); } .ireminder { background-image: url(/application/8.0.2/assets/mobile/css/../images/reminder.png); } .ischeduled { background-image: url(/application/8.0.2/assets/mobile/css/../images/schedule-send.png); background-repeat: no-repeat; } .attach-files .lock-comments { position: relative; width: 40px; height: 40px; line-height: 20px; padding: 10px 8px; } .attach-files .lock-comments i.ico-small, .attach-files .notify-label i.ico-small { width: 20px; height: 20px; background-size: 20px; } #bottom-comment.add-note .lock-comments { display: none; } .form-file-upload { opacity: 0; } .inner-files .filename { font-size: 12px; max-width: calc(100% - 60px); display: inline-block; overflow: hidden; line-height: 16px; text-overflow: ellipsis; white-space: nowrap; } .add-object-description .inner-files.isUploadStart .filename { max-width: calc(100% - 130px); } .add-object-description .inner-files .ico-small.check-icon { top: 0; } .upload-progress { border: none; height: 4px; border-radius: 1px; background: #e6eaed; margin-right: 10px; width: 30%; float: right; margin-top: 8px; } .upload-progress .loaded { background: #07a0f0; height: 4px; border: none; border-radius: 1px; } .inner-files { margin-left: 15px; } .inner-files .ico-small { top: 4px; margin-right: 10px; } .inner-files .ico-small.close-icon { top: -1px; margin-right: 5px; background-size: contain; } .bottom-select-container { position: relative; margin-top: 10px; margin-bottom: 15px; padding: 0 15px; } /* Content */ .home-h2 { text-transform: uppercase; letter-spacing: 1px; margin-bottom: 0; margin-top: 0; margin-left: 15px; position: relative; } a.home-h2 { font-size: 16px; text-decoration: none; color: #898989; display: block; } a.home-h2:only-child { padding: 20px 15px; margin: 0; color: #898989; } .home-h2.subcategory-h2 { font-size: 16px; margin: 20px 0 15px 8px; color: #898989; padding-left: 35px; background: url(/application/8.0.2/assets/mobile/css/../images/sub-category-filled-dots.png) no-repeat 6px 1px; background-size: 26px; padding-top: 5px; } /*.home-h2.report-groups { margin-top: 15px; padding-left: 20px; position: relative; } .home-h2.report-groups:before { content: ''; width: 11px; height: 11px; background: url(/application/8.0.2/assets/mobile/css/../images/right-double-arrow.png) no-repeat; background-size: 11px; display: block; position: absolute; left: 2px; top: 6px; opacity: 0.5; }*/ .home-h2 .for-select { color: inherit; height: auto; line-height: 20px; padding-left: 0; font-size: 16px; padding-right: 80px; display: inline-block; width: auto; margin-bottom: -5px; max-width: 100%; } .home-h2 .for-select:after { border-color: #898989; display: inline-block; position: absolute; width: 8px; height: 8px; right: 60px; top: 3px; margin-left: 5px; } .home-h2 .report-count { position: absolute; top: 0px; right: 14px; } .sep { margin: 0 5px; font-weight: bold; position: relative; top: 0; } .content-object-status { display: inline-block; font-size: 12px; color: #ffffff; background: #a67eb0; line-height: 20px; padding: 0 10px; border-radius: 3px; font-weight: normal; } .list-container { margin-top: 20px; border-top: 1px solid #e5e7eb; border-bottom: 1px solid #e5e7eb; padding: 5px 0; } .list-container:last-child { border-bottom: none; } .articles-list .list-container:first-child { margin-top: -15px; border-top: none; } .list-container.objects-list { /*box-shadow: none;*/ border: none; padding: 0; background: #ffffff; } .list-container + .home-h2 { margin-top: 30px; } .list-container .home-h2 { padding-top: 20px; padding-bottom: 15px; } .list-container li { margin-top: 2px; list-style: none; clear: both; width: 100%; white-space: nowrap; } .list-container li.private .type-icon i { background-image: url(/application/8.0.2/assets/mobile/css/../images/private.png); opacity: 1; } .list-container li:first-child { margin-top: 0; } .list-container.objects-list li, .articlesWidgetBlock .list-container { overflow: hidden; } .list-container.objects-list li { margin: 0; border-bottom: 1px solid #e5e7eb; padding: 13px 15px; } .list-container.objects-list.no-margin li { margin-top: 0; } .list-container.objects-list li:first-child { border-top: 1px solid #e5e7eb; } .list-container.objects-list:first-child li:first-child { border-top: none; } .list-container .home-h2 + li { border-top: 1px solid #e5e7eb; } .list-container li > a { text-decoration: none; display: block; line-height: 30px; background: #ffffff; color: #676767; font-size: 16px; padding: 7px 0 7px 15px; } .list-container li a > .type-icon { text-align: right; width: 18px; float: left; white-space: nowrap; overflow: hidden; } .list-container li a > .type-icon i.preloader.ico-small ~ .object_featured-action, .list-container li a > .type-icon i.preloader.ico-small ~ .ico-small, .list-container li a > .type-icon .object_featured-action.isFeatured ~ .ico-small, .list-container li a > .type-icon:hover .object_featured-action ~ .ico-small, .objects .object .object-icons .object_featured-action { display: none; } .list-container.objects-list li > a, .list-container.objects-list .object-info { padding: 0; } .list-container.objects-list .object-info { display: flex; margin-left: 25px; } .list-container.objects-list a + .object-info { margin-top: 2px; } .list-container.objects-list .status-home { position: static; order: -1; margin-right: 10px; } .list-container.objects-list li.unread > a { font-weight: 600; } .type-icon i { background-repeat: no-repeat; background-position: center; background-size: 18px; width: 18px; height: 18px; display: inline-block; font-size: 1px; position: relative; right: 0; top: 2px; } .widgetBlock .list-container .type-icon i { top: 0; } .widgetBlock.tilesWidgetBlock .list-container .type-icon i { top: 2px; } .item-content { display: block; margin-left: 5px; } .list-container .item-content { margin-left: 0; } .list-container .item-content .nowrap { padding-left: 0; } .type-icon + .item-content { margin-left: 30px; } .list-container .type-icon + .item-content { margin-left: 25px; } .item-content .nowrap { white-space: nowrap; overflow: hidden; display: block; text-overflow: ellipsis; padding: 0 10px 0 5px; } .list-container .object-info { padding: 5px 10px 3px 15px; color: #a9a9a9; font-size: 13px; position: relative; background: #ffffff; } .list-container a + .object-info { margin-top: 2px; } .list-container .object-info + a { margin-top: 0; display: block; } .object-info a { font-size: inherit; text-decoration: none; -webkit-tap-highlight-color: transparent; } .object-info a.subscribe-link { color: #a9a9a9; text-decoration: underline; } .object-info a.preloader { font-size: 0; } .status-home { position: absolute; right: 12px; } .load-more-block { text-align: center; margin-top: 20px; } .list-container.objects-list .load-more-block { /*margin-bottom: 20px;*/ padding-top: 25px; margin-top: 0; border-top: 1px solid #e5e7eb; } .load-more-block .load-more { text-decoration: none; } .load-more-block .load-more i.preloader { color: inherit; } .badge { background: #ff4200; border: 1px solid #ff4200; border-radius: 10px; color: #fff; font-size: 12px; font-weight: bold; text-shadow: 0 1px #7B8C99; position: relative; top: -2px; height: 18px; min-width: 18px; line-height: 16px; padding: 0 4px; } #content > .widgetBlock, #content > .related-articles, #content > .articles-list { background: #fff; padding: 20px 0 0 0; margin-top: 10px; } #top-nav + #content > .widgetBlock:first-child, #announcement + #content > .widgetBlock:first-child { margin-top: 0; } #content > .articlesCategoriesWidgetBlock, #content > .tilesTopicsWidgetBlock { padding: 0; } #content > .articlesCategoriesWidgetBlock .articles-list, #content > .tilesTopicsWidgetBlock .articles-list { background: #ffffff; border-top: 1px solid #e5e7eb; } #content > .articlesCategoriesWidgetBlock .articles-list:first-child, #content > .tilesTopicsWidgetBlock .articles-list:first-child { border-top: none; } #content > .articlesCategoriesWidgetBlock .articles-list a.home-h2, #content > .tilesTopicsWidgetBlock .articles-list a.home-h2 { padding-right: 50px; } #top-nav + #content { border-top: 1px solid #e5e7eb; min-height: 50px; } #content > .articles-list:first-child { margin-top: 0; } #content > .articles-list { padding-bottom: 5px; } #content > .related-articles { padding-bottom: 5px; } .list-container.objects-list.no-results { background: none; border-top: 1px solid #e5e7eb; } .list-container.objects-list.no-results .result-not-found { padding-left: 15px; padding-right: 15px; } .list-container.objects-list li.user-row img { width: 24px; height: 24px; border-radius: 50%; vertical-align: middle; margin-top: -3px; margin-right: 5px; } #content > .list-container.objects-list:first-child { margin-top: 0; } #page[data-page="search_users"] .list-container.objects-list > ul:first-child { /*border-top: 1px solid #e5e7eb;*/ } .list-container.objects-list:last-child ul li:last-child, .kanbanWidgetBlock .list-container.objects-list ul li:last-child { border-bottom: none; } .kanbanWidgetBlock:last-child .action-link.load-more-block { border-top: 1px solid #e5e7eb; margin-top: 0; padding-top: 25px; } /* Full Topic */ .full-content { margin-top: 0; color: #676767; position: relative; border-bottom: 1px solid #eaeaea; border-top: 1px solid #eaeaea; } .full-content > div { background: #ffffff; padding: 20px 15px; position: relative; } .full-content > div.content-object-full { padding-bottom: 10px; } .full-content > div.object-tasks-wrapper { padding-top: 10px; padding-bottom: 10px; } .full-content > div.full-object-votes { background: #fff; padding: 20px 15px; border-top: 1px solid #e5e7eb; text-align: center; } .full-content .object-state-header { line-height: 45px; height: 45px; } .full-object-votes > div { display: inline-block; white-space: nowrap; vertical-align: middle; } .full-object-votes > div:first-child { border-left: none; } .subscribe-link.email { border: 1px solid #D2D6DC; display: block; height: 48px; line-height: 48px; padding: 1px 20px; border-radius: 6px; margin-left: 5px; } .subscribe-link.email i { -webkit-mask: url(/application/8.0.2/assets/mobile/css/../images/icons-clean/mail-notify.svg) no-repeat 50% 50%; mask: url(/application/8.0.2/assets/mobile/css/../images/icons-clean/mail-notify.svg) no-repeat 50% 50%; -webkit-mask-size: 16px; mask-size: 16px; background-color: #acacac; background-image: none; color: #374151; } .subscribe-link.email.hasPreloader i { -webkit-mask: none; mask: none; top: -3px !important; } .subscribe-link.email.button-full { text-decoration: none; color: inherit; padding-top: 0; min-width: 110px; } .subscribe-link.email.button-full i { top: 3px; margin-right: 5px; } #content .object-tasks-wrapper .add-comment-icon { top: 15px; } .full-content a { word-wrap: break-word; } .header-object-full { position: relative; } .header-object-full .object-title { color: #373737; font-size: 16px; position: relative; margin-right: 30px; } .object-type-icon { position: absolute; right: 15px; top: 15px; width: 30px; height: 30px; border-radius: 50%; font-size: 0; /*border-top: 55px solid #555555;*/ /*border-left: 55px solid transparent;*/ } .object-type-icon.idea-white { background-color: #ffda00; } .object-type-icon.problem-white { background-color: #fb5144; } .object-type-icon.question-white { background-color: #61bf28; } .object-type-icon.announcement-white { background-color: #aaaaaa; } .object-type-icon.ticket-white { background-color: #999999; } .object-type-icon.article-white { background-color: #555; } .full-content .object-type-icon i { position: absolute; right: 7px; top: 7px; width: 16px; height: 16px; background-size: 16px; display: block; } .full-content .private-line { background: #fb5144; color: #ffffff; padding-top: 10px; padding-bottom: 10px; text-align: center; font-size: 12px; } .full-content > div.header-object-full { padding-bottom: 10px; padding-right: 20px; word-wrap: break-word; padding-top: 15px; } .full-content > div.header-object-full + .content-object-full { /*padding-top: 1px;*/ } .content-object-full { word-wrap: break-word; border-top: 1px solid #e5e7eb; } .content-object-full ul, .content-object-full ol, .comment-content ul, .comment-content ol { margin-left: 20px; margin-bottom: 10px; } .content-object-full h2, .content-object-full h3, .content-object-full h4, .content-object-full h5 { margin-top: 15px; font-weight: normal; color: #000000; } .content-object-full h2 { margin-top: 25px; } .content-object-full h2:first-child, .content-object-full h3:first-child, .content-object-full h4:first-child, .content-object-full h5:first-child { margin-top: 0; } .content-object-full h2, .content-object-full h3, .content-object-full h4, .content-object-full h5, .content-object-full p, .content-object-full hr { margin-bottom: 10px; } .content-object-full table, .comment-content table { border-collapse: collapse; max-width: 100%; width: 100%; empty-cells: show; table-layout: fixed; } .content-object-full table td { padding: 5px; } .content-object-full hr { height: 1px; border: none; border-top: 1px solid #ccc; display: block; } .content-object-full pre { background: #f8f8f8; background: -webkit-linear-gradient(top, #ffffff 50%, transparent 50%); background: -o-linear-gradient(top, #ffffff 50%, transparent 50%); background: -ms-linear-gradient(top, #ffffff 50%, transparent 50%); background: linear-gradient(#ffffff 50%, transparent 50%); background-size: 2em 4em; background-color: #f8f8f8; position: relative; padding-left: 30px; line-height: 2em; margin-bottom: 15px; } .content-object-full pre:before { content: ""; position: absolute; left: 20px; border: 1px solid #6ce26c; top: 0; bottom: 0; } .content-object-full pre li { margin-top: 0; padding-left: 15px; } .content-object-full ol.source, .comment-content ol.source { margin-left: 0; background-color: #FAFAFA; border: 1px dotted #555555; font-style: italic; list-style-position: outside; padding: 0 0 0 35px; white-space: pre; } .content-object-full ol.source li, .comment-content ol.source li { white-space: pre-wrap; border-left: 2px solid #1AC131; color: #555555; padding-left: 10px; margin-top: 0; } .content-object-full .notes-block { background: #fffcd9; border: 1px solid #eede9c; border-radius: 5px; padding: 15px; margin-bottom: 10px; } .content-object-full .notes-block p:last-child { margin-bottom: 0; } .content-object-full pre ul, .content-object-full pre ol { margin-bottom: 0; padding-left: 0; margin-left: -13px; } .content-object-full .label-api { background: #EDFAFF; border: 1px solid #E4E4E4; padding: 0 5px 2px 5px; margin: 0 5px; border-radius: 2px; } .content-object-full iframe { max-width: 100%; height: auto !important; } .full-content .info-object-full { padding-top: 5px; padding-bottom: 5px; color: #a9a9a9; } .info-object-full .info-avatar { margin-right: 10px; float: left; width: 50px; } .info-object-full a { text-decoration: none; color: #676767; } .info-object-full img + div { margin-top: 3px; } .info-object-full .content-object-status { margin-right: 5px; } .full-content > .follow-object { /*margin-top: 2px;*/ padding: 0; border-top: 1px solid #e5e7eb; } .follow-object a { padding: 15px; display: block; text-decoration: none; color: #898989; text-align: center; } #content img { max-width: 100%; height: auto !important; overflow: hidden; } #content img#preview-uploaded-img { height: 50px !important; } /* Votes */ .buttons-object-full { margin-top: 10px; text-align: center; } .button-object-full { color: #555555; display: inline-table; font-size: 0; text-decoration: none; margin-left: 10px; min-width: 100px; margin-top: 10px; -webkit-box-shadow: 0 0 5px 0 rgba(0,0,0,0.2); box-shadow: 0 0 5px 0 rgba(0,0,0,0.2); } .button-object-full:first-child { margin-left: 0; } .button-object-full .how-vote { color: #ffffff; font-weight: bold; height: 40px; font-size: 18px; } .buttons-object-full .button-object-full span { display: table-cell; vertical-align: middle; } .button-object-full .how-vote { padding: 11px 23px 9px 23px; } .button-object-full.iLikeIt { color: #61bf28; } .button-object-full.iLikeIt span.how-vote { background: #61bf28; color: #ffffff; } .button-object-full.iDont span.how-vote { background: #fb5144; color: #ffffff; } .button-object-full .how-like { font-size: 18px; background: #FEFEFE; background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 255, 255, 1)), color-stop(100%, rgba(245, 245, 245, 1))); background: -webkit-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(245, 245, 245, 1) 100%); background: linear-gradient(to bottom, rgba(255, 255, 255, 1) 0%, rgba(245, 245, 245, 1) 100%); border-left: none; height: 40px; margin-left: 0; padding: 9px 18px; } .button-object-full .how-like > img { position: relative; top: 4px; height: 20px; width: 20px; } .button-object-full.iLikeIt .how-like > img { margin-right: 7px; top: 3px; margin-top: -2px; } .button-object-full .how-like > i.preloader { top: -1px; margin-right: 2px; margin-left: 2px; } .button-object-full.iLikeIt .how-like > i.preloader { margin-right: 11px; } .button-object-full.iDont .how-like { padding-right: 15px; } .buttons-object-full .remove-vote { font-size: 14px; font-weight: normal; } .buttons-object-full .buttons-text { color: #898989; text-align: left; } .buttons-object-full.object-voted .button-object-full:not(.active) .how-vote { background: #FEFEFE; background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(245, 245, 245, 1)), color-stop(100%, rgba(255, 255, 255, 1))); background: -webkit-linear-gradient(top, rgba(245, 245, 245, 1) 0%, rgba(255, 255, 255, 1) 100%); background: linear-gradient(to bottom, rgba(245, 245, 245, 1) 0%, rgba(255, 255, 255, 1) 100%); color: #000000; border-right: 1px solid #dddddd; } .buttons-object-full.object-voted .button-object-full .how-like { color: #ACACAC; background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(245, 245, 245, 1)), color-stop(100%, rgba(255, 255, 255, 1))); background: -webkit-linear-gradient(top, rgba(245, 245, 245, 1) 0%, rgba(255, 255, 255, 1) 100%); background: linear-gradient(to bottom, rgba(245, 245, 245, 1) 0%, rgba(255, 255, 255, 1) 100%); } .button-vote { width: 100%; text-align: center; font-size: 14px; text-transform: uppercase; /*line-height: 34px;*/ /*height: 36px;*/ line-height: 46px; height: 48px; padding: 0 25px; display: inline-block; margin: 0; color: #ffffff; border: 1px solid #3b82f6; border-radius: 6px; } .button-vote:before, .comment-vote .rating-response:before { content: ''; border: 5px solid transparent; border-bottom: 9px solid; height: 0; display: inline-block; position: relative; margin-right: 5px; } .comment-vote .rating-response { color: #acacac; } .button-vote.disabled, .comment-vote .rating-response.disabled:not(.voted-comment) { opacity: 1; cursor: default; color: #acacac !important; background: #ffffff !important; border-color: #D2D6DC !important; } .button-vote[data-voted="1"], .comment-vote .rating-response.voted-comment { /*background: #ffffff;*/ color: #3b82f6; } .button-vote[data-voted="1"] { background: #ffffff; } /* Knowledge Base Votes */ .kb-voting .button-object-full.iLikeIt .how-like { padding-right: 15px; } .kb-voting .button-object-full.iLikeIt .how-like > img { margin-right: 0; } .kb-voting .button-object-full.iLikeIt .how-like > i.preloader { margin-right: 2px; } .helpful-buttons { text-align: center; padding: 0; margin: 20px 0 10px 0; position: relative; top: 7px; } .helpful-buttons .kb-vote-link { text-decoration: none; color: #777; line-height: 16px; margin-left: 15px; margin-right: 0; font-weight: 600; } .helpful-buttons.object-voted .kb-vote-link { opacity: 0.5; } .helpful-buttons.object-voted .kb-vote-link.active { color: #000; opacity: 1; } .helpful-buttons .kb-vote-link i { width: 32px; height: 32px; margin-right: 5px; top: -2px; display: inline-block; position: relative; vertical-align: middle; } .helpful-buttons .kb-vote-link.focused i.vote-icon { border-radius: 16px; border: 2px solid #555; box-sizing: border-box; background-position: center; } .helpful-buttons .kb-vote-link i.hidden { display: none; } .ivoteHappy { background-image: url(/application/8.0.2/assets/mobile/css/../images/icons-clean/happy.png); } .ivoteConfused { background-image: url(/application/8.0.2/assets/mobile/css/../images/icons-clean/confused.png); } .ivoteSad { background-image: url(/application/8.0.2/assets/mobile/css/../images/icons-clean/sad.png); } /* Comments */ .comments-block { margin-top: 20px; } #content > .comments-block:first-child { margin-top: 0; /*border-top: 1px solid #e5e7eb;*/ } .comment { position: relative; border-bottom: 1px solid #eaeaea; background: #ffffff; padding: 10px 0 5px 0; } #content > .comments-block:only-child .comment:last-child { border-bottom: none; } .comments-title + .comment { border-top: 1px solid #eaeaea; } .comment .comment-content { padding: 0 15px 15px 10px; } .comment.note { background-color: #fff2e9; } .comment.scheduled { background-color: #f2f2f2; } .comment.scheduled .comment-content .floatRight { background-color: #f2f2f2; margin-top: 4px; padding-left: 5px; } .comment.on-moderation { background-color: #f2f2f2; } .comment.trashed { background: #555555; } .comment.trashed .object-state-header { margin-bottom: 5px; } .comment-content { word-wrap: break-word; } .comment .comment-info { margin-top: 0; padding: 10px 15px 5px 10px; color: #a9a9a9; } .comment-info .comment-badge-agent i { width: 14px; height: 14px; position: relative; bottom: -1px; background-size: 14px; display: inline-block; } .comment .comment-info .author-avatar { float: left; margin-right: 10px; width: 50px; } .comment .comment-info a { color: #676767; text-decoration: none; } .comment-info img + div { margin-top: 3px; } .comment-container .comment-avatar { margin-left: 15px; margin-top: 10px; } .comment-container .comment-avatar img { width: 44px; border-radius: 50%; } .comment-container .comment-avatar ~ div { margin-left: 60px; } .best-label { border: 2px solid #61bf28; border-radius: 3px; color: #61bf28; line-height: 18px; text-transform: uppercase; padding: 0 10px 0 25px; font-weight: bold; font-size: 12px; background: url(/application/8.0.2/assets/mobile/css/../images/best-answer.png) 8px center no-repeat; background-size: 12px; } .comments-block > .best-label { border: none; font-size: 14px; display: block; margin: 20px 15px 15px 15px; font-weight: normal; padding-left: 30px; } .comments-title { text-transform: uppercase; position: relative; } .comments-title h2 { margin: 20px 35px 15px 15px; } .comments-block .comment .comment-info .comment-actions a { color: #3c90ee; font-size: 14px; } .comment.comment-reply-to { margin-left: 0; position: relative; padding-left: 30px; } .comment-actions { padding: 0 15px; overflow: hidden; /*border-top: 1px solid #e5e7eb;*/ } .comment-actions > div { display: inline-block; } .comment .comment-actions-manage { margin: 0; padding: 0 15px 10px 15px; } .comment.note .comment-actions-manage { padding-bottom: 5px; } .comment .comment-actions-manage a { margin-left: 10px; font-size: 14px; color: #3c90ee; text-decoration: none; -webkit-tap-highlight-color: transparent; } .comment .comment-actions-manage a > .preloader { top: -4px; } .comment .comment-actions-manage a.preloader { font-size: 0; top: -1px; color: #555555 !important; } .comment .comment-actions-manage .edit-comment, .comment .comment-actions-manage .delete-comment, .comment .comment-actions-manage .icon-action { top: 3px; opacity: 0.5; position: relative; line-height: 0; } .comment-vote { width: 27px; white-space: nowrap; } .show-minimized-comments { background: #ffffff; padding: 10px; position: relative; border-top: 1px solid #e5e7eb; border-bottom: 1px solid #e5e7eb; } .show-minimized-comments.show-replies { margin-top: 10px; margin-left: 30px; } .show-minimized-comments:after { content: ""; position: absolute; left: 0; right: 0; width: 100%; top: 50%; border-top: 3px double #e5e7eb; z-index: 1; margin-top: -1px; } .show-minimized-comments a, .show-minimized-comments span.as-link { position: relative; z-index: 2; background: #ffffff; color: #3c90ee; padding: 5px; text-decoration: none; font-size: 14px; } .comment-note-label.showArrow:after { content: ""; display: inline-block; background: url(/application/8.0.2/assets/mobile/css/../images/filter-select-white.png); width: 8px; height: 5px; margin-left: 8px; top: -2px; position: relative; } #content .comment .attached-files { border-bottom: 1px solid #e5e7eb; padding-top: 10px; padding-bottom: 13px; margin-bottom: 10px; padding-left: 70px; } #content .comment.task .attached-files { padding-left: 30px; } #content .comment.task .attached-files > span { margin-left: -29px; } /* New Topic */ #content > form, #content .content-tabs-area > form, #content > .modalBlock > form { /*margin-top: 15px;*/ padding: 15px; background: #fff; /*border-top: 1px solid #e5e7eb;*/ } .add-object-type { padding: 0; margin-bottom: 20px; position: relative; } .add-object-content { border-radius: 2px; background: #ffffff; } .add-object-description { border-top: 1px solid #e5e7eb; } .add-object-content textarea { resize: none; min-height: 100px; border: none; width: 100%; padding: 15px; outline: none; font-size: 16px; color: #555555; } .add-object-content .add-object-title textarea { min-height: 85px; } .add-object-content .add-object-title.error, .add-object-content .add-object-title.error textarea { background: #ffe2e2; } .add-object-title, .add-object-description { border: 1px solid #e5e7eb; border-radius: 6px 6px 0 0; overflow: hidden; } .add-object-description { border-top: none; border-radius: 0 0 6px 6px; } .add-object-title:last-child { border-radius: 6px; } .add-object-description:first-child { border-radius: 6px; border-top: 1px solid #e5e7eb; } .add-object-content input { width: 100%; padding: 15px; color: #555555; font-size: 16px; } .add-object-type .for-select { background: 10px center no-repeat #666666; background-size: 20px; height: 50px; line-height: 50px; font-size: 16px; border-radius: 6px; } .add-object-type.error .for-select { background-color: #e53939; } .add-object-type .for-select:after { top: 15px; } .add-object-type .for-select.idea { background-image: url(/application/8.0.2/assets/mobile/css/../images/icons-clean/idea-white.png); background-color: #ffda00; padding-left: 37px; } .add-object-type .for-select.problem { background-image: url(/application/8.0.2/assets/mobile/css/../images/icons-clean/problem-white.png); background-color: #fb5144; padding-left: 37px; } .add-object-type .for-select.question { background-image: url(/application/8.0.2/assets/mobile/css/../images/icons-clean/question-white.png); background-color: #61bf28; padding-left: 37px; } .add-object-type .for-select.ticket { background-image: url(/application/8.0.2/assets/mobile/css/../images/tickets-white.png); background-color: #555555; padding-left: 37px; } .add-object-content .attach-files { background: inherit; border-radius: 0; } .add-object-category, .properties-select { background: #ffffff; position: relative; color: #a9a9a9; border-radius: 2px; } .properties-select { overflow: hidden; } .add-object-category .for-select, .properties-select .for-select { color: inherit; font-size: 16px; } .add-object-category .for-select:after, .properties-select .for-select:after { border-color: #a9a9a9; } .add-object-category.disabled, .properties-select.disabled { color: #b9b9b9; } .add-object-category.disabled .for-select:after, .properties-select.disabled .for-select:after { border-color: #eaeaea; } .content-title { font-size: 16px; text-transform: uppercase; margin-top: 20px; margin-bottom: 5px; letter-spacing: 1px; color: #898989; } .label-desc { font-size: 12px; color: #898989; margin-bottom: 5px; margin-top: -7px; } .combined-buttons { display: table; width: 100%; font-size: 16px; } .combined-buttons > label { background: #ffffff; border: 1px solid #3c3c3c; border-left: none; list-style: none; display: table-cell; text-align: center; color: #3c3c3c; padding: 10px; text-decoration: none; vertical-align: middle; } .combined-buttons.fixed-size > label { width: 50%; } .combined-buttons > label:first-child { border-radius: 6px 0 0 6px; border-left: 1px solid #3c3c3c; } .combined-buttons > label:last-child { border-radius: 0 6px 6px 0; } .combined-buttons label input { display: none; } .combined-buttons .activ-pos { background: #3c3c3c; color: #ffffff; } .is-anonymous { margin-top: 20px; position: relative; vertical-align: middle; color: #898989; border-top: 1px solid #e5e7eb; padding-top: 20px; font-size: 16px; } .properties-checkbox { position: relative; vertical-align: middle; color: #898989; } .is-anonymous input, .properties-checkbox input, label.for-checkbox + input { border: none; outline: none; width: 18px; margin-right: 5px; visibility: hidden; } label.for-checkbox, .is-anonymous label.for-checkbox, .properties-checkbox label.for-checkbox { background: #ffffff; width: 18px; height: 18px; display: block; position: absolute; left: 0; top: 21px; border-radius: 2px; } .properties-list > div { margin-bottom: 5px; } .properties-list label { font-size: 16px; } .properties-checkbox label.for-checkbox { top: 2px; } label.for-checkbox.checked, .is-anonymous label.for-checkbox.checked, .properties-checkbox label.for-checkbox.checked { background: url(/application/8.0.2/assets/mobile/css/../images/best-answer.png) center no-repeat #ffffff; background-size: 14px; } .properties-radio { position: relative; vertical-align: middle; color: #898989; padding-left: 30px; } .properties-radio input { border: none; outline: none; width: 18px; margin-right: 5px; visibility: hidden; position: absolute; } .properties-radio label.for-radio { background: #ffffff; width: 18px; height: 18px; display: block; position: absolute; left: 0; top: 2px; border-radius: 50%; } .properties-radio label.for-radio.checked:before { background: #74C642; content: ''; position: absolute; left: 0; top: 0; right: 0; bottom: 0; margin: auto; width: 8px; height: 8px; border-radius: 50%; } .properties-block { margin-bottom: 10px; } .anonymous-block { margin-top: 10px; } .anonymous-block.hidden { display: none !important; } .anonymous-block input, .properties-block input:not([type="checkbox"]):not([type="radio"]), .properties-block textarea { width: 100%; display: block; border-radius: 2px; color: #555555; font-size: 16px; } .properties-block textarea { min-height: 85px; resize: none; width: 100%; padding: 15px; outline: none; font-size: 16px; color: #555555; } .anonymous-block input, .properties-block input:not([type="checkbox"]):not([type="radio"]), label.for-checkbox, label.for-radio, .is-anonymous label.for-checkbox, .properties-checkbox label.for-checkbox, .property-block .select_ajax-container, .properties-select, .form-block input, .from-file, .properties-block textarea { border: 1px solid #e5e7eb; -webkit-box-shadow: none; box-shadow: none; border-radius: 6px; } .anonymous-block input { margin-top: 10px; } .asterisk { color: #E53939; font-size: 16px; } .property-block.error .content-title { color: #E53939; } .add-object-description.error textarea { background: #FFE8FA; border: 1px solid #E53939; } .properties-block:first-child .property-block:first-child .content-title, #content > .modalBlock > form > .content-title:first-child { margin-top: 5px; } .title-italic { color: #a7a096; font-style: italic; } .anonymous-block .title-italic + input { margin-top: 5px; } .submit-button { background: #3b82f6; border: none; outline: none; text-transform: uppercase; color: #ffffff; width: 100%; padding: 14px; font-size: 16px; margin-top: 20px; border-radius: 6px; } .submit-button-gray { background: #666; border: none; outline: none; text-transform: uppercase; color: #ffffff; width: 100%; padding: 14px; font-size: 16px; margin-top: 20px; border-radius: 6px; } a.submit-button-gray-link { text-decoration: none; } /* Tabs */ .content-tabs { display: table; width: 100%; } .content-tabs li { display: table-cell; position: relative; text-align: center; padding: 20px; background: #205472; color: #ffffff; text-transform: uppercase; width: 25%; font-size: 16px; vertical-align: middle; } .content-tabs li:only-child { width: 100%; } .content-tabs li:nth-child(1):nth-last-child(2), .content-tabs li:nth-child(2):nth-last-child(1) { width: 50%; } .content-tabs li:nth-child(1):nth-last-child(3), .content-tabs li:nth-child(2):nth-last-child(2), .content-tabs li:nth-child(3):nth-last-child(1) { width: 33%; } .content-tabs li.active { background: #183b4f; } .content-tabs li.active:after { border-left: 7px solid transparent; border-right: 7px solid transparent; border-top: 7px solid #183b4f; content: " "; height: 0; left: 50%; margin-left: -7px; position: absolute; top: 100%; width: 0; } .content-tabs-area { /*margin-top: 20px;*/ } .combined-buttons.icon-buttons { width: auto; margin-left: auto; margin-right: auto; margin-top: 20px; } .combined-buttons.icon-buttons label { padding: 10px 20px; } .combined-buttons.icon-buttons i { width: 24px; height: 24px; display: block; background-size: 24px; } .ico-iphone { background: url(/application/8.0.2/assets/mobile/css/../images/iphone-black.png) no-repeat center; } .ico-imac { background: url(/application/8.0.2/assets/mobile/css/../images/imac-black.png) no-repeat center; } .combined-buttons.icon-buttons .activ-pos .ico-iphone { background-image: url(/application/8.0.2/assets/mobile/css/../images/iphone-white.png); } .combined-buttons.icon-buttons .activ-pos .ico-imac { background-image: url(/application/8.0.2/assets/mobile/css/../images/imac-white.png); } .form-block { border-radius: 2px; overflow: hidden; margin-bottom: 15px; } .form-block .radio-list { list-style: none; background: #ffffff; } .form-block .radio-list li { border-top: 1px solid #c5c5c5; } .form-block .radio-list li label { display: block; padding: 12px 10px 10px 10px; } .form-block .radio-list li:first-child { border-top: none; } .form-block input { border-top: 1px solid #c5c5c5; font-size: 16px; color: #555555; padding: 15px; border-radius: 0; margin-top: 20px; } .result-not-found { text-align: center; font-size: 16px; margin-top: 40px; margin-bottom: 30px; color: #898989; } .action-link { margin-top: 25px; margin-bottom: 25px; text-align: center; } .result-not-found + .action-link { margin-top: -10px; } .result-not-found + .action-link .submit-button-gray { margin-top: 0; } .action-link a, .action-link .as-link { color: #898989; border: 1px solid #898989; padding: 7px 20px; text-decoration: none; font-size: 16px; display: inline-block; border-radius: 6px; } .load-more-block .load-more.as-link, .home-load-more .as-link, .leave-comment.action-link a, #page[data-page="profile"] .action-link .as-link, #page[data-page="profile_me"] .action-link .as-link { text-transform: uppercase; color: #000000 !important; font-size: 14px; padding: 0 20px; border-color: #b7b7b7; min-width: 110px; height: 48px; line-height: 48px; } .home-load-more .as-link { border-color: #d7d7d7; } .action-link.forgot-password a, .action-link a.submit-button-gray-link { border: none; padding: 0; } .action-link .preloader { margin-left: 5px; } .title-small { margin-bottom: 10px; } /* Profile */ .profile-info { background: #ffffff; margin-top: 0; line-height: 20px; /*border-top: 1px solid #e5e7eb;*/ border-bottom: 1px solid #e5e7eb; } .profile-info + .list-container.objects-list { margin-top: 0; } .profile-info + .list-container.objects-list li:first-child { border-top: none; } .user-info { font-size: 13px; padding: 15px 15px; } .user-info > img { margin-right: 10px; } .user-info > img, .user-info .user-avatar { float: left; width: 64px; height: 64px; border-radius: 50%; } .user-info span { display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .user-info .user-name { font-size: 16px; font-weight: bold; } .user-status span { padding: 0 6px; display: inline-block; color: #fff; } .photo-icon { display: block; float: left; height: 18px; margin-top: 7px; } .photo-icon img { width: 18px; } .user-role { color: #bfbfbf; } .user-statistics { border-top: 1px solid #e5e7eb; font-size: 0; } .user-statistics > div { padding: 8px 15px; display: inline-block; border-left: 1px solid #e5e7eb; border-bottom: 1px solid #e5e7eb; margin-left: -1px; margin-bottom: -1px; vertical-align: top; width: 33%; } .user-statistics > div:first-child { white-space: nowrap; } .user-statistics.width50 > div { width: 50%; } .user-statistics.width33 > div { width: 33%; } .user-statistics .statistics-title { color: #a8a8a8; text-transform: uppercase; font-size: 14px; } .user-statistics .statistics-value { color: #373737; font-size: 15px; } /* user states */ .user-image { position: relative; float: left; margin-right: 10px; } .user-image .user-banned { position: absolute; top: 0; right: 0; width: 0; height: 0; border-top: 27px solid red; border-left: 27px solid transparent; color: #fff; } .user-image .user-banned span { top: -24px; right: 3px; position: absolute; background: url(/application/8.0.2/assets/mobile/css/../images/banned.png) no-repeat; width: 10px; height: 10px; background-size: 10px; } .user-image .user-trashed { position: absolute; top: 0; right: 0; width: 0; height: 0; border-top: 27px solid red; border-left: 27px solid transparent; color: #fff; } .user-image .user-trashed span { top: -24px; right: 3px; position: absolute; background: url(/application/8.0.2/assets/mobile/css/../images/delete.png) no-repeat; width: 10px; height: 10px; background-size: 10px; } .user-image .user-anonymous { position: absolute; top: 0; right: 0; width: 0; height: 0; border-top: 27px solid #555555; border-left: 27px solid transparent; color: #fff; } .user-image .user-anonymous span { top: -24px; right: 3px; position: absolute; background: url(/application/8.0.2/assets/mobile/css/../images/inactive_user.png) no-repeat; width: 10px; height: 10px; background-size: 10px; } /* Profile menu */ #content .user-actions { /*margin-top: 5px;*/ background: #ffffff; border-bottom: 1px solid #e5e7eb; } #content .user-actions li { list-style: none; border-top: 1px solid #e5e7eb; } #content .user-actions li:first-child { border-top: none; } #content .user-actions li a { text-decoration: none; color: #6b655c; display: block; line-height: 55px; padding: 0 15px; } #content .user-actions li a img { width: 18px; height: 18px; vertical-align: middle; top: -2px; margin-right: 10px; position: relative; } /* Activity Log */ .activity-log .object-info { padding-left: 10px; font-size: 14px; /*line-height: 25px;*/ color: #676767; /*height: 25px;*/ } .object-info .avatar { vertical-align: middle; position: relative; top: -2px; margin-right: 2px; width: 18px; height: 18px; } .activity-log .object-info + a { font-size: 14px; line-height: 26px; color: #a9a9a9; padding-bottom: 0; } .activity-log .object-info + a .type-icon i { background-size: 16px; height: 16px; width: 16px; top: -1px; left: -2px; } .activity-log .object-info .sep { margin: 0 3px; } .activity-log .item-content { position: relative; } .activity-log .item-content .nowrap { margin-right: 70px; padding-bottom: 3px; } .activity-log .item-content .time-help { position: absolute; right: 0; top: 0; } .list-container.objects-list.activity-log .object-info { display: block; } .list-container.objects-list.activity-log .object-info > div:first-child, .list-container.objects-list.activity-log .object-info > div:first-child + a, .list-container.objects-list.activity-log .object-info > div:first-child + span { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .list-container.objects-list.activity-log .object-info > div:first-child { max-width: 65%; } .list-container.objects-list.activity-log .object-info > div:first-child + a, .list-container.objects-list.activity-log .object-info > div:first-child + span { max-width: 30%; } .list-container.activity-log { padding-top: 20px; /*border-top: 1px solid #e5e7eb;*/ } .list-container.activity-log.no-results { padding-top: 0; } .list-container.activity-log .content-title { margin-top: 0; margin-left: 15px; } .list-container.activity-log .content-title + .activity-row { border-top: 1px solid #e5e7eb; margin-top: 15px; } .list-container.activity-log .activity-row + .content-title { margin-top: 30px; } /* Profile Settings */ .combined-buttons.settings-avatar { margin-bottom: 15px; } .form-block input:first-child { /*border-top: none;*/ margin-top: 0; } .from-file { background: #ffffff; position: relative; padding: 15px 10px; border-radius: 2px; } .from-file input[type="file"] { font-size: inherit; border: none; padding: 0; } .from-file .close-icon { display: block; width: 20px; height: 20px; background-size: 20px; margin-right: 5px; } .preview-upload-img { line-height: 0; position: relative; } .from-gravatar { border-radius: 2px; overflow: hidden; } .from-gravatar input { font-size: 16px; padding: 15px; color: #555555; } .user-card { background: #ffffff; border-radius: 2px; overflow: hidden; } .user-card li { padding: 10px 15px; display: table; width: 100%; border-top: 1px solid #c5c5c5; } .user-card li:first-child { border-top: none; } .user-card li > span { display: table-cell; } #rotate-mobile { position: fixed; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; background: #000000; color: #fff; text-align: center; font-size: 18px; font-weight: bold; padding-top: 20%; } /* Notifications */ #notifications .notification { left: 0; opacity: 0.95; position: fixed; top: 0; width: 100%; z-index: 2147483647; color: #fff; text-align: center; padding: 13px; font-size: 18px; } #notifications .notification.error { background: #ff5943; } #notifications .notification.success { background: #38c41f; } /* Important styles */ .clear { clear: both; display: block; font-size: 0; height: 0; overflow: hidden; } .floatRight { float: right; } .floatLeft { float: left; } .hidden { display: none; } .textLeft { text-align: left; } .textRight { text-align: right; } .textCenter { text-align: center; } .text-gray { color: #a9a9a9; } /* Object state */ .object-state-header > img { margin-right: 5px; } /* Trash, Archive, Draft Lines */ #object_state_lines { padding: 0; } #object_state_lines span { margin: 0; } .trash-line, .archive-line, .draft-line, .moderation-line { background: #555; color: #fff; height: 30px; display: block; width: 100%; line-height: 30px; text-align: center; margin-bottom: 20px; } .trash-line a, .archive-line a, .draft-line a, .moderation-line a { color: #fff; } .trash-line a.preloader { font-size: 0; } .moderation-actions-select { display: inline-block; position: relative; } .moderation-actions-select .for-select { border: none; display: block; } .moderation-actions-select .for-select.page-title-select:after { width: 6px; height: 6px; right: 0; top: 0; } .moderation-actions-select .for-select.page-title-select:not(:empty):after { display: none; } .moderation-actions-select .for-select.page-title-select img { margin-bottom: -2px; margin-right: -2px; } .moderation-actions-select .for-select .preloader { color: inherit; width: 14px; height: 14px; } .moderation-line .moderation-actions-select { width: 15px; } .moderation-line .moderation-actions-select .for-select { height: 10px; } .moderation-line .moderation-actions-select .for-select .preloader { margin-left: 3px; } .comment-actions-manage .moderation-actions-select { margin-left: 10px; top: 3px; } .comment-actions-manage .moderation-actions-select .for-select { height: 16px; position: relative; bottom: -1px; } .comment-actions-manage .moderation-actions-select .for-select i { opacity: 0.5; } .comment-actions-manage .moderation-actions-select .for-select img + i { display: none; } .comment-actions-manage .moderation-actions-select .for-select .preloader { margin-top: -7px; margin-right: 2px; } .text-area-color { color: #D50D35; font-size: 19px; height: 57px; line-height: 57px; margin: 20px 15px; text-align: center; background: #fee6fc; max-width: 745px; } .g-recaptcha { margin-top: 15px; } .g-recaptcha > div { transform: scale(1.08); transform-origin: 0 0; } /* Bottom Properties */ .bottom-properties-list { line-height: normal; padding: 10px 20px; text-align: left; } .bottom-properties-list ul { list-style: none; max-height: 400px; overflow: auto; } .bottom-properties-list ul li { padding: 10px 0; } .bottom-popups .bottom-properties-list ul li > span { font-size: 16px; display: block; } .bottom-properties-list .property-name { margin-bottom: 10px; font-weight: 600; } .property-block .select_ajax-container { margin: 0; width: 100%; color: #555555; font-size: 16px; padding: 0 30px 0 5px; background: #ffffff; } .property-block .select_ajax-container .select_ajax-choices { background: none; border-color: transparent; -webkit-box-shadow: none; box-shadow: none; } .property-block .select_ajax-container .select_ajax-choices .select_ajax-search-field input { height: 38px; -webkit-box-shadow: none; box-shadow: none; border: none; } .property-block .select_ajax-container .select_ajax-choices .select_ajax-search-choice { height: 26px; line-height: 24px; margin-top: 6px; margin-right: 0; margin-left: 6px; } .iclose { background: url(/application/8.0.2/assets/mobile/css/../images/close.png) no-repeat; height: 14px; width: 12px; margin: 4px; cursor: pointer; } .select_ajax-container .select_ajax-search-choice-close { background-size: auto; width: 23px; height: 100%; border-left: 1px solid #BED6E5; display: block; position: absolute; background-position: 5px 6px; margin: 0; } .select_ajax-drop.select_ajax-drop-active { border: none; -webkit-box-shadow: 0 2px 5px 0 #aaaaaa; box-shadow: 0 2px 5px 0 #aaaaaa; } .select_ajax-drop.select_ajax-drop-above { -webkit-box-shadow: 0 -2px 5px 0 #aaaaaa; box-shadow: 0 -2px 5px 0 #aaaaaa; position: fixed; } .select_ajax-drop-navigation-tags .select_ajax-results .select_ajax-no-results, .select_ajax-drop-navigation-tags .select_ajax-results .select_ajax-searching, .select_ajax-drop-navigation-tags .select_ajax-results .select_ajax-selection-limit { padding-left: 10px; } .properties-block .select_ajax-container.select_ajax-container-active-preloader .select_ajax-preloader { right: 10px; top: 12px; } .form-textarea textarea { resize: none; min-height: 100px; border: none; width: 100%; padding: 15px; outline: none; font-size: 16px; color: #555555; border-radius: 2px; } .select_ajax-drop.select_ajax-drop-above.select_ajax-drop-active.select_ajax-drop-multi { border: none; } .mention { font-weight: 600; color: #0072bc; text-decoration: none; } /* Locked Comments */ #bottom-comment button.locked-button { display: none; } #bottom-comment.locked:not(.add-note) button.locked-button { display: block; } #bottom-comment.locked:not(.add-note) button.submit-comment { display: none; } /* Tasks */ .task .task-block { position: relative; } .task-block label.for-checkbox { top: 2px; } .task-block label.for-checkbox.checked { opacity: 0.5; } .task-block label.for-checkbox.hidden { display: none; } .task-block input { position: absolute; z-index: -1; } .task .task-content { display: block; max-width: 60%; margin-top: 3px; margin-left: 30px; color: #898989; font-size: 16px; } .task .task-content.text-hidden { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; max-height: 25px; } .task-block .preloader { top: 3px; display: block; position: absolute; } .task-block .preloader.hidden { display: none; } .task-block .task-actions { display: block; float: right; margin-top: -25px; } .task-block .task-actions a { margin-left: 10px; font-size: 14px; color: #3c90ee; text-decoration: none; opacity: 0.5; } .full-content .object-tasks-wrapper { border-top: 1px solid #e5e7eb; } .object-tasks-container { margin-top: 10px; } .object-tasks-wrapper .task.comment { margin: 0; border-bottom: none; padding: 0; } .object-tasks-wrapper .task.comment .comment-content { padding: 5px 0; } #content .object-tasks-wrapper .task.comment .comment-content .task-content.light { opacity: 0.5; } #content .task.can-open .task-content.text-hidden > *:first-child:after, #content .task.can-open .task-content.text-hidden ul:first-child li:first-child:after, #content .task.can-open .task-content.text-hidden ol:first-child li:first-child:after { content: '...'; display: inline-block; } #content .object-tasks-wrapper .task.comment .comment-content .task-content p:first-child { display: inline; } #content .object-tasks-wrapper .task.comment .attached-files a { margin-left: 8px; } #content .object-tasks-wrapper .task.comment .attached-files { padding-top: 2px; padding-bottom: 2px; display: none; } #content .object-tasks-wrapper .task.comment .attached-files.visible { display: block; } #content .object-tasks-wrapper .task.comment img { max-width: 16px; } #content .object-tasks-wrapper .task.comment .task-content ul>li, #content .object-tasks-wrapper .task.comment .task-content ol>li{ font-size: 14px; } .object-tasks-wrapper .object-tasks-header i { -webkit-mask: url(/application/8.0.2/assets/mobile/css/../images/icons-clean/double-tick.svg) no-repeat 50% 50%; mask: url(/application/8.0.2/assets/mobile/css/../images/icons-clean/double-tick.svg) no-repeat 50% 50%; -webkit-mask-size: 16px; mask-size: 16px; width: 16px; height: 16px; background-color: #acacac; display: inline-block; margin-bottom: -3px; margin-right: 5px; } /* Popup attached images */ #showImageBlackout { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: rgba(25,25,25,0.5); z-index: 30000; display: block; width: 100%; height: 100%; text-align: center; cursor: pointer; } .files-object-full a.preloader-image, .files-comment a.preloader-image { position: relative; background: none; } .files-object-full a.preloader-image .preloader, .files-comment a.preloader-image .preloader { display: inline-block; width: 12px; height: 12px; position: absolute; left: 2px; top: 5px; color: #555555; } #showImage { position: fixed; top: 15px; left: 15px; right: 15px; bottom: 15px; margin: auto; z-index: 30001; } #showImage img { max-width: 100%; max-height: 100%; height: auto; display: block; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; user-drag: none; } #showImage .popupClose { position: fixed; right: 15px; top: 5px; } #showImage .arrows span { width: 32px; height: 32px; position: fixed; opacity: 1; cursor: pointer; margin: auto; bottom: 0; top: 0; } #showImage .arrows .arrowLeft { background: url(/application/8.0.2/assets/mobile/css/../images/arrow-left.png); left: 20px; } #showImage .arrows .arrowRight { background: url(/application/8.0.2/assets/mobile/css/../images/arrow-right.png); right: 20px; } #showImageBlackout:hover + #showImage .popupClose { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } /* Full Preloader */ @-webkit-keyframes preloaderColor { 100%, 0% { border-color: #d62d20; } 40% { border-color: #0057e7; } 66% { border-color: #008744; } 80%, 90% { border-color: #ffa700; } } @keyframes preloaderColor { 100%, 0% { border-color: #d62d20; } 40% { border-color: #0057e7; } 66% { border-color: #008744; } 80%, 90% { border-color: #ffa700; } } @-webkit-keyframes preloaderRotate { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes preloaderRotate { 0% { -webkit-transform: rotate(0deg); transform: translateZ(1px) rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: translateZ(1px) rotate(360deg); } } @-webkit-keyframes preloaderPieRight { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 25%, 45% { -webkit-transform: rotate(180deg); transform: rotate(180deg); } 75%, 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes preloaderPieRight { 0% { -webkit-transform: rotate(0deg); transform: translateZ(1px) rotate(0deg); } 25%, 45% { -webkit-transform: rotate(180deg); transform: translateZ(1px) rotate(180deg); } 75%, 100% { -webkit-transform: rotate(360deg); transform: translateZ(1px) rotate(360deg); } } @-webkit-keyframes preloaderPieLeft { 0%, 25% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 55%, 75% { -webkit-transform: rotate(180deg); transform: rotate(180deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes preloaderPieLeft { 0%, 25% { -webkit-transform: rotate(0deg); transform: translateZ(1px) rotate(0deg); } 55%, 75% { -webkit-transform: rotate(180deg); transform: translateZ(1px) rotate(180deg); } 100% { -webkit-transform: rotate(360deg); transform: translateZ(1px) rotate(360deg); } } .full-preloader { display: none; position: fixed; left: 0; right: 0; top: 0; bottom: 0; z-index: 90000; overflow: hidden; background: rgba(0, 0, 0, 0.5); } .full-preloader .preloaderContent { font-family: sans-serif; font-weight: 100; width: 100px; height: 100px; background-image: url('data:image/gif;base64,R0lGODlhkAEsAbMAAKbK8Cqf/1Wf/1W//3+//6rf/9Tf/9T//////////wAAAAAAAAAAAAAAAAAAAAAAACH/C05FVFNDQVBFMi4wAwEAAAAh/wtYTVAgRGF0YVhNUDw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYxIDY0LjE0MDk0OSwgMjAxMC8xMi8wNy0xMDo1NzowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo1NzhGQ0Q5OEZBRTlFMjExQjNFM0FEMjU0Mzc0MTk2QiIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo5OTQ0NEQ1OEU4ODkxMUUyOEI4RTgwOEU1NTFDNjU0NiIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo5OTQ0NEQ1N0U4ODkxMUUyOEI4RTgwOEU1NTFDNjU0NiIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M1LjEgV2luZG93cyI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjU3REZBMjNGMTVFQUUyMTFCM0UzQUQyNTQzNzQxOTZCIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjU3OEZDRDk4RkFFOUUyMTFCM0UzQUQyNTQzNzQxOTZCIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+Af/+/fz7+vn49/b19PPy8fDv7u3s6+rp6Ofm5eTj4uHg397d3Nva2djX1tXU09LR0M/OzczLysnIx8bFxMPCwcC/vr28u7q5uLe2tbSzsrGwr66trKuqqainpqWko6KhoJ+enZybmpmYl5aVlJOSkZCPjo2Mi4qJiIeGhYSDgoGAf359fHt6eXh3dnV0c3JxcG9ubWxramloZ2ZlZGNiYWBfXl1cW1pZWFdWVVRTUlFQT05NTEtKSUhHRkVEQ0JBQD8+PTw7Ojk4NzY1NDMyMTAvLi0sKyopKCcmJSQjIiEgHx4dHBsaGRgXFhUUExIREA8ODQwLCgkIBwYFBAMCAQAAIfkEBQQACQAsAAAAAJABLAEABP8wyUmrvTjrzbv/YCiOZGmeaKqubOu+cCzPdG3feK7vfO//wKBwSCwaj8ikcslsOp/QqHRKrVqv2Kx2y+16v+CweEwum8/otHrNbrvf8Lh8Tq/b7/i8fs/v+/+AgYKDhIWGh4iJiouMjY6PkJGSk5SVlpeYmZqbnJ2en6ChoqOkpaanqKmqq6ytrq+wsbKztLW2t7i5uru8vb6/wMHCw8TFxsfIycrLzM3Oz9DR0tPU1dbX2Nna29zd3t/g4eLj5OXm5+jp6uvs7e7v8PHy8/T19vf4+fr7/P3+/wADChxIsKDBgwgTKlzIsKHDhxAjSpxIsaLFixgzatzIsaPHjyD/Q4ocSbKkyZMoU6pcybKRgZcFYsos8LJlHAQFCAwYEKCnz58/dxIogMDmGQM6gSpdqnTAUKNgkDKdShUoAQNQs+DkWbVr1wFEs07Z6rVs2bBinRQwy9ZsgbRLDHBtS7fqAKxwiyAgULevVwJF8waR67ewXbyCe6w1zJjq28Q69jaePHVAYMg1EMylzDnoZcwxDmzuTDqAZdChBZRe/fMAaheiWcvu6fq1Cs2knRLYzXv05NO2T+BuDNYAguPIkyM3kJMy8OAk+BoGq7y69eW+6xKATmKx36vXw4eXXvgx9w8GCgMWz368YcTnNwyne7e9/euE/X6Oj4F82/X3BVid/3//8adBenURJeCCynlHF3wGTjAfW8YxaOFyfT0XoQQOmnXAhSAeFxtd5m04YVkfhqiianTtx1+HXlWoYogItlUifyd2JeOMNNblIncwVgUAj0QCQOKG2VVG5JJJVhZhjSguueSDBhIopJRLBknVdvEhwJZlWDLZ1o+oQaljmFnaGJ+VSqIppllccseiVwq6yaOWU513AFt2SjkmkHD2+eZZ3LHJVJ2CqojnUnHa1qRSiU4Jp5xlgbkkczHtyOOjSkHnZVkAzhgkoioayhSZgpnpWJFThRriokpBiJmqU2l6oZGrikphcLC2xmOMM+7pFq8ezmjqT65eyNaNmOHq1f+mZf06rG3OdiXtszMuS2y02XKrorbUFruiV5aGCO5rvfrE47E+JWvhuWWK2+OZKgpLqG20HnrnlbpO+1q+S5EKoqnuWpiuT7JC9ulfaca6JLtAoSqYWeXyiClNWHIKVKHyRmouxRyf5bGibDWKbqAjDwzvv3ymrCyf583ZlcAut3ewT2tSXPOCGiMbH8AB73zfzT0ljNrC5AptX8+t8QfxTzQrjRzRAZgMHdBLpSh1dVQayHRPFW+do10bUj2k2MdRHQCz3CEtsthYn7phAmrb6nLcAc+dgNtRKt2XxNCpLYDdieKdt957fw313RkCDmiCI1erJuITPM1opJYzSjn/BWOTS7jFikO6OQWGM1Vwqe+NXoHaVmmNumFsjx46o1Hb1xxjA6h+Qef0Ydwec7MrqfvuMhOnG2+95eb45vbOtlptw2PQvPOcQR+99MFTz5SG12OvPe7Ldy/Z9413DwLr38du/oHFk1+Z0evLlzn1gMVfQn7uA3WX/SigP5n6/AsBWciHlgDepgDZ+1IBDdgCqZTmKgysAVIS6BOnwC+CocnJTiplwfBhkAYwmYlMavLBEprwhChMoQpXyMIWuvCFMIyhDGdIwxra8IY4zKEOd8jDHvrwh0AMohCHSMQiGvGISEyiEpfIxCY68YlQjKIUp0jFKlrxiljMoha3yMUuRHrxi2AMoxjHSMYymvGMaEyjGtfIxja68Y1wjKMc50jHOtrxjnjMox73yMc++vGPgAykIAdJyEIa8pCITKQiF8nIW0QAACH5BAUEAAkALKgAdQBBAEIAAATXMMlJq70TlCLJwGAojglRHGSqriXKvrBlxNVMp+5df3rPAgGfkFQI9mxDUPEmyCWVxhfvSSJEU02qynAdObXgsHhMLpvPJbQKaOmqRQIL4E1z00PX+T2l37NyU34jgYKFVF9JfUlxixWEhoNCijccZQiQZ5OYTJudnjSPF4yfYAiIpAmXqKt0oY1UmkOnrLQTrp1Ts6Sxm1a2rHa1EqOedryCvheqwgTCGZjHzm26ZtTTfsQkA9alt3hI1dk/Z+DSOgKVzttP3DrrR7XtggcFzZAD9hvRNBEAIfkEBQQACQAsqAB1AEEAQgAABP8wyUmrtSGNRLoewiWOZGmSxKmuklAgbCyPwztb260aei+HPlIhSGQdcr5hsYQA9AK8pal5g0pXSlbmykLuuMbtKQtWDcSocqwQQKuJh7a7En2vBHJ78ZyvAPV3cnNkgCZ8fS2FRgSIijdsjY4xBpGSYXOWWJiZZmAwQwdSlKIXdUF/QU4iKUSsei6poYCoj4peN7I+tyK0nL6/wBe7M7k6qiXHPaa4hQeEtUJFrkkjybpLyxrZT1ehoGDbweLj5OPF5Se96OvsVRfP7RPnweESw7/qFNa/0/ES8Bes/KoXkOCrGAIljfphaaG/f63m+du0JB86g0H6GbtXDoZFOxoNRWCUNGBDhxQbKMqIAAAh+QQFBAAJACyoAHUAQQBCAAAE/zDJSau1IpEbuP9gqBnIZQFmqq7WwL5wbBKHrG62Xed87/9ATXAIQxFZuKNyKdgtWYZc5hmLypxUFqJQzcoQSRXXG0OUVmGydrs6q2Fm8fsLNrnm5frFin+ZjRV3fX5sJ4MygIc9BB0UaYoqAwGNEnyQK5OZlzEFmZpLlkACnpREnUeMpKVAjxNjiKqTpmhuULGyQaEzMAa3uKwvk69ot0NTmJOCbZKkg5NYSM19xzLMvz+rJgG6LweetYsvrUWZ4DzcFuYymeg246jCRO/DPZ0BiUCnVN4BykN80IDIUrcpRaN2BS00epeQAj8JBBu6okBPYiSLXTBWwJfAn8ZsGjNDiuxTcaTJk0ACkjyHUmJJkwxj0FBzwKOPAQjzgWSlUhTNfzEx2pzD8UKJopcypAlqIwIAIfkEBQQACQAsqAB1AD8AQgAABP8wyUmrtWOCAhK5YCiOZGmeowAcaOteg/Fa7EzGNoh8eRUUPZEhE0zUirpOjoccDWfAZulAPP2kJ0SVFJBhs1vht0UlRccob4iJRp0x7dcOpI6jEBe2PaucBPZyeBR9gFlzEn+FLQgIZ3qKJIxqdZCRjIiVd5cemYZeb50hjI0JiU1HlC6jH2E5TxQqM6OCj1BrqqNRhDagPbNaEr2qJcIXv32pLsU0gpZvyS21dM0jBaZGQa0hVzcB3lLaF97exQcE4+jYPeEW6N4DBBsFBAPu6Ue8Jfb7/N/Qd/r6CUS3zM2Id/E4AKg3kCCSZdwuWGsYgJ2LV34KaqCIBVWahv9mKhkYuCtUMIEWMzHkF1IkSpMwBMK0MDGdhpkURgrEN1OmtE4yE7RUZLMdTiNF4cysWW3muWshNNr5ZmIoGqZVgR7ttrWrrJ8oYl1NGc1qmjY4gvBsswIKWDTx1kp8C+gaBwn0ikQAACH5BAUEAAkALKgAdQBAAEIAAAT/MMlJq7UhjURSmdsljmRJdWaqrmzrvvBkxDR91HgeE4jui59fKQObCY/IpOSmbDovvaePKa1aU6irdjsJVqhcUmiSDZO8S7MJIVCzEAD3CsEkykcI9n2N6Bj3UH1HdB5gNHllSGOHgoAieWxoSpJveR5VhiqQlE0DUXOQbZkui2effHlBp04ClqiEXJ6uFpC1bWGytbq6t2laAga7u5w5vSsDBcJwxkJ/JAHQ0RkDBAAE1ySJSdLc3Wrd4N5WCAbWBAPh6XIF6OniItpIBgLu7xXMnfX2sfqO7f2PrBgAuIcAQTkDD7r5p66gQgulmhR4aCGePIphEjZM4SzJxI0qK0b9MAgyBbB8Jd0cSCmH5L47K1mqYfhyZs07Lm8WczFPZ5NVX3IWxGCnRgQAIfkEBQQACQAsqAB1AEEAQgAABP8wyUmrvYlIoKXAYCiOX2GMaKqu4QGwMNXF1kDfuGTYeX32mMIHSETNisiLMMms7GiH5igqrVqv2Kw2Odx6v+Cw2PIawxBmUppVWK/QHreqLAe1E9Q6Jo90JUxICDxFR0mCdDmITQiFVY1nj1I/NAiMcFiRKZUDl1idb5VEASmToAh3PV0iBJ8olYJ4XgatIK+nOj2KIZyhIra0NwejKby9Fr+wSKhGyM2vgxlEuruzzq9PVcPE1cjYVwMB4eIiAgQABQUEmVLg4uN6FQLu86lMBvP0OXxEBPjv8Pf8/aPERODAGMv4GdQWLAmAhbkcLmQIRdlEeAUuRlQIEUgpHPI7OnrsEVCkm34aReEoaTJNyJZmUKZkUszIxINcUOy4ibNgwgnpePaUEmCAunTthFLUohRmlqbwEjilEQEAIfkEBQQACQAsqAB1AEEAPwAABP8wyUmrvXfgzbuXA2AgX0F8aDqRqoSYbSx3xzmjx43VOhYUPY4hSCwaj8gkJyATKFHO1vDpOUSpSCs2Od16KZpvMSdOXSuAclDAUt+A7lQXFNfB67I2fk+13fkeU3qAHCRhRkNpSjZEBWcSc0F/hB0FkZQbBmQ6m1uXMoxbg1iPeWqjKgioMUwfnykIr08Fqx6qkzOhHAO1HaqHnLC9GKqdPcAcBKqpv0YFrYGqwwnSL3RBBwHQSwfVxNWbpTPa5B1s1ejpxsbj5NuZ6fG4uE3u7xgEI/Gxukf29xtCaBoIAFmFaTT+ASyi6I1CTBkeQqRgQGE5JeJQDLC4sEi/Ehw+OzKUElIkkR9ySpo8ycsDAZUrTwbId6EGzItb3A0gAIAAgY03YxoJSjQnUYlqjiItoxRnnKaEilKSimnplggAIfkEBQQACQAsqAB1AEEANwAABP8wyUmrtWOCAhJJ2SWOZGmeaGoOhoq5cCzPWEtbyC0Ktr77wKBwSCwajzMesmQIqA5LU08aPRWsVdSHtM2eQhdBzns6OC9XsjasVgks0zazApZ/7Xh7N88npvt9e4BoNYMVgoYXiBV/fXEiUDeRiVFvK5RVjy6aImMzCI0xBWcmnjIIdTEDpCWmMWaTMGasJAiuKqABi1oBvVa3KbkBoShNvbQiBLYxtqu9sWXHvmXLuMvS0LUC0sgiBbbAnbZb0sRo3OhM4CfgPdwsIwbO6SgD4NUX97MS6AEDBAUMCDQAYF4/N/cSKmxWoZ/Dh91IsFioUJ4FiBjppfhGcdyIjCAgZQA80K7ArgkgQ2ZJqbIKS41tXsIkIxNQTZstDc1sEwEAIfkEBQQACQAsqAB1AEEAMwAABP8wyUmrtSKNRLoWwSWOZGmKRjGEZ+smxUuprGxr90Xn58ajmZ/wVqgNj6aDD8kkEX6DQ/MUu0WnraLsis2+uF1vSxr+Usu2JZppMFbca/HlGU9fAoa6rY3RW99qfmNGAYGCPRSFhzJVCQGKiy8sj3CRThKUeZZnlAEATAUGCFOdj0I7EwRkRyudn1iaQwSleH8kqz8AtAK4iCUDo6e0j7EmsyfFOW3DnkmtJ3Q/y8wDjRUGs6a+0sylAx0AHd2/Q9Pd5+Nz5ejs2ibWyo7t6chDMfP0ScE8dPj5Iwf2DfH3z4KoHwLlEXxRAEHCF70ULoTm8OEJBPAwTRxTUYZDQxM4CjLq+AJBMj0VSZKoCDIOsJQlKmb0QyAlTAk2TW6SUDOnT4w7J0T5mTJaUJ4Nc2I7OuJbh5YTIgAAIfkEBQQACQAsqwB1AD4ANgAABP8wyUmrnYEWScb9YChixCYiRjeubCIARksdqmy75q3rgbd/Bt+PEugNj6uiEHlBHIuBA1OUk0EDhOkoZr1qV9zkdfkFSUfXYrVsRqfD7NC6ki7GWdlL3X4fIcgSe1F9WxaCg4QieRiCi4lAdIKAjxWLh2qUbYGXk5kcm5dznglcl1Bwo6CmmKmGqwGilKWvPbGkj7RQJQUGBQU1EwOoTLnFCbY/xcXILTnKXiEZSKjPK8w7xplnkdmETiDdd9+tNtvkLcNs4z/pXwPrO9dHBfA6jnEG9TedWgf6Mv+++Jv3KN+Re3HoBfQj4NG7hVS0IYD44U8mhRQroBg1sSOLifwo4jz0eGJjKgAdSWrs2O4RgZQwY7akJCxmTITkStikcS4EgRI/QyaIAAAh+QQFBAAJACy1AHUANAA5AAAE/zDJSWu4eEhtu/8dlhVHJQGcqa6q6BbshBRpbEtuVt6Twcc53W9oC2KIyJXx4ktWmr9lzUkh8JYBKLUCKy63rK5SCg6zsOKyydpaptUVtsUNZ00T6Pp5bgToV29Yd38bFFgBhDeHfolAWDuNElqHg4Q1i5ETgXmZeHxGco13hwGMiaaGpAMAWmqtn0ediJ1ElUivTqFbtkSoYLhIm7mudbpOwknGScDJxHDMQ8i1cNJD0EPKSAQIcLw/Btxqs7sI4b9q2+Zb1TwA5ehqBe9l4+vz63DpZd4/A+Xqt/T8o/VtIEEb/gwOQSCAkDyFN2Y0AvcPoAqJoipClLHREkWNIBUx0koX8l+2SAQ+/jNwkuCAl/wkRAAAIfkEBQQACQAsvwB1ACoAOwAABPQwyUmDvTXrra//XBh+JCieZWqimequ7Ctj8XwNhUEZwECPNgJlKCkIiEibDkkUMiXKJxIgnS2lzaesgO0SXwOvePK6jruvM/PwcznVaBUX7pXTkeaE/Z6tlOZ8VX+BcR9vhFokiIUXgIuJP4uOXxZUj2xoj2p5mlIHnaChokyHo6GcpnSlqUWsQ0eusaSyEgMIj2Fdn4u3XQS9sgfAhKtEtsOsv8h3qE0Iy6peAM+Iu77UxGLK0GPWXcfc2mfC2HCT18/hT+pMAunsRAi5atvlWAjFYgXv8Ajnm/zsSUj3z1zAg/40DTCA8JmBeQpzvOMB8UkEACH5BAUEAAkALMgAewAhADcAAATaMMk5g72Y6r2x/1wofWQmUmVqnmrLtq4Iz+FMa/aN2kRh/IXCYFVpDQqiA4HYApwmhyEuhXxSljtS1XrNeghcjqAICj8/WzNFmiirNdvve3PwpucJxJh8x4N3BnhwHX1zfQGFb4Ebf4ISixoDjlBik4+VlplJHJCOnRKSmnSia3WkoKaaewIIracJBq6nBLKnB7WiA7iWVQC7k6EFv4KQscOTt8dqncavsK3KftDIG7rRxNOz0NeMJ8LZYY1J2+FhxuAcCG/f2+oTrQahakft7eJzAz2xBwZCahEAIfkEBQQACQAsxQCEACQAMAAABOIwyUkrDThry7vU4OaNX2iK5HWuabW+qAfP6UyT9i3n7MjrltlgAAyaBobKoUDsGTWEw8jQjD0xyRbAOdFIW5KC1YUFU8TjUsFcqcoGbGU6EVjHKW5O4F4x7D0EfGQdAV+CEnAddoeIelmMjW0IkHh9lG1nk5cSmmGdm4sECJ+XiQmjmxOGoqSUW56tjJ+jsYeLA7SpCAITrLV8gb25l4aIw5C7FseMwUrLfIsVAM9xj0G0vyTWHAXYd9EeB95m4B644yQIzS3n6Ny8cQLd2LnY63dI9LQG94cCAwQKCCRgik0EACH5BAUEAAkALMIAjgAnACgAAATCMMlJq6Uh3813/qDWjVhoimR3rmhasbD7wrGc0LiM5+7Ok74a8DMgGAfBFicwMFwMhGSnSYr+LgRZ4Uqh2rbCCcFpm4BrTUS5gowREOo1xeCGyy3t08B+r5xbBnx9Ewcrb4KDEiuBcYkTAiZ7iI55YnCNjjctBZeZE0qck4N/Zp2eVn6XmINKCYeiclkXAqqeHIywMmQckqZrux24qy6kvKrDHQiyLr2+HAjFKc3OFNCVa6HHx9FyRQfaULZdRQTXchEAIfkEBQQACQAswACYACMAHgAABI8wyUkrDTjbzWv+YCdKYBmOFjas5olOgFEZhNBqHWEgY3HnCN4rMfjNhEMJwSjZJSvFn/NJOfwIQWoFcMtqPaeC9ztZhsZkiQ80QKetICwyTYq70yHAnZzfaw0hbXNpazh+VFE4O4N/OGWHQ4kWi4SOFIJkgJaXkBxwKIKMIpscA5SgXzpBokR0RAQFsQVkEQAh+QQFBAAJACy/AJsAHgAbAAAEfTDJSWsK2Oo9hxdYmHEUUSDWAYAimQyGmxTiaAGonBxDe+c6Sc8nwQUrLNsAeJQYiLFmhdAiMKW7VhRLGWKuXCpmya3QxmDsE12mrAPktlOUlp6/cqHolG/Fy3cTfGVJbmViFn9HgYl1G4waAgaOJTYkVo6QOgMABQafMzoRACH5BAUEAAkALLsAnAAfABsAAASMMMlJawo4211JMWBREEOmcVWBrCxlEOa5DWy7GWW8ETVK5bIJz+YT6oS9YkVwTBySyonhOCRGJcCMAXqVTGPcLtZEs4oTsEzVfE1jAGExwARnd+fqeNcdKNujWU56UTp1fz4FOgI1hzNUjHJNCSqNFQeSXoOWmFKQKF9BFmtseKEcHk+MB6VnPySBPhEAIfkEBQQACQAssACaACYAHQAABJ4wySkFKQYhUwj9YPgNhWaeSDGILAigsGmsLZvF+DYEfF+XuSCh5xMRgsjEjlicCJBJJbOZAEZt0yb0OsxKBtuaxJDtva5iQbkaFie6WSuaVSgH5PNQvXzOi/ZZYH5/dgmDRoV4h1JrT4sTZIVvj1+SY4+RaxQ3g2qWkINLmiADnFGiXi0kSYCjNQKKY6ipbk4Et4x2VLUguru8LLQfEQAh+QQFBAAJACyrAJUAIgAgAAAEmzDJSQe5ZNDNOyVIKIaG5p0TOK6kiXIGK4fEu8XzXNsJnus21c+D2J2GvJMQiSIEYEyecxNNDp4SQZV3CGAHW+k3bOs+weTXVZJ+OZ++NsybWCZfBnpC7slj7Xd9ej18G28UB4UTV1hZij1ejY6BHYccaJQTfpIVmYuDHgWZb5yViVaRSQEAZQKpgaunN4yldwEWGK6RtZm7oBwRACH5BAUEAAkALKgAjAAjACgAAAS8MMlJxSBkCMq758WBjOQBfGhXkGx7pp9gtHQJd3Ktj9stiTudwZdYBXeF2+B47KGMTF0yFT2mltZOy9khZD8kwvOLQkw9AHIZ5VV/xB6sOx6fswNa+xtPmenjfBJtRDcHAYFyhDAFgQlAijCHE2mQMASIfx+MgWeVHoaYniiSk6IfpBJcphOoq5+triCwsROXjROJnqC0gLd5lQazXXOgvnWExYpQKZvGMANDHwa2zj4XBtjYGYfVkNzfKBEAIfkEBQQACQAsqACBACEAMgAABN4wyUnTICUTUbvvBSKOokF86ASQ7HgMqWe0tHjG01zXAJ7ou9oNNQgaYwdjsPchKI8f4JM2pAimS48TWzPIoAkwRTypdYpmVMtb2aY/rALonSJVJSG6WvT1qeUdUn4VCDCBg0R9iGeKixSGFWyOFEyRk4SNlwmAlJptn56hfgYBFEmiEgOleKh4q61Wr7AWsrAEAau1nre6orwTHKiqsneXuLIBkpekx1ahvLqQjgfHvZWLw80VyY4F1Sjcg97f4Jwx0NrgblHZ6Sm4AwXKBwXt7jjV+fqT+v2e/fckRAAAIfkEBQQACQAsqAB5ACIANwAABOIwyUmrJAVpXYj94LWNYxGew0Gu23BaBCtr7itl81yfRu6/PV8OEAoKcyDccQhDLhGGSsqZWFZUtomQEstSfhIB9YO8ecky7dkiMyWIa/bKU43LSWH7fQOH67V4f2gtgoMIO3SFVVACXIoSjI8fbleSIIF2fpWWe4IBl4+fhp6giombhVEfqqaTkgeijpIEsSKSBrWQlgG5rIoCuaeFA7l1j8S9ksC5O4W8xY+4z5wX002e1p1rtNlSetLdFZpZsOGuXuDm1y8Fz+ofAQS+FO3u0CfPBBgdyPZ69gDfeQkoUEIEACH5BAUEAAkALKcAdQAuADkAAAT/MMlJq71iEFLKvmAoagZinqhBiCwGoHCMGELbEqWso4MN4rsgz0cR5ELCIZGQnCRnxKPvuWINDkTK09oEPXuga9aSrFoEXZawAJKOtUG2Rf4mxy3mul1Hd+q9O3kJfX9wOjUTYIV7MQaLLUF5iI+GjRWElDuTEmlZOoqZF59zoZyNm36lMB5hqgYeBKCqc7IsmHqCNo6PuTadIVizPr0tqHrGNrWUPsjLzlbP0dLTx9Q2xCzYWQUB1rbd3iHcdbdj3ODheAHo6UXr7RUG6+xEzcPvuHry+HUBu2MC5hWyF2KAwEVGlsyj1y9AOQrnDj6aV66AwYXPFmrgEGuhRGceC0NipCaypDWTjyIAACH5BAUEAAkALKcAdQA4ADYAAAT/MMlJq72DlG12IcMljuSlHSSiHl/ploTxTmrdzq9Q1Dhdq4TeaCe0/FbBooTAU1KOqoJS5rxAV70Bqiq6IqguJnfkRUhh41I5lK6Wz5i2ukyWp9YXsN363gvLZhUCfndeegmHhE99ii6AgROJjQmPbAmWkz6AFJKNj3CZRpUTSaGUj6WIpo9RFIOZrK0UqW0tADuxoBK6XAABgriGmJFywxUnKx2vfGnGqyW8Y85F01XVPb/POFt71zPcdt4z2doz4uWk6DME5Ooj7O4w7fEWAvP0kQH3+Ans+9Jc9P0bA8CJv4EBO5EoILCRPnAuDAhEOEZftDwTQ+mjZWTARIppHybGqMDC40dTCT4GGMBSZUOUElzKhElBZkaaF2aGigAAIfkEBQQACQAspwB1AEAAMwAABP8wyUmrvWKQXcAeVyiO5GWUieGhbDsUrXXG9BQQR23qLu/zg9lPZAANJbgjCUEYBmDKEgKqe0ZZCGEskLtiD4Kt1rtEIMIoLjlm7paoa5Q5W2rGW/PpyHjH5u0Wan1+eWgVAIN4eXoVholSi2eHj4R5WgGUlYUTiJllkUyeiqAzfKIXoHkScKcUqaqYrRavsGQqCQVjIrRzJ4BHBY6rI7x5MKw+vxUEqsWgTcg60RTMzq8SujVuIwbWzwmCP50kAt6RErFDpnvmc0bpPpIsAO2A8Dzy896m4T7CJUF4RdvG4x6LF90WAfiH7YhBGgMivhli4GGcdTUIWFzTr0aAjWRAbvgo8NGTFW0lTZbLmDLTx5UuWpr8mG3WgI8g++BUZoEkTlnoduaacKADTpmyjipdmtMl06dAAz1tGvVnVQkRAAAh+QQFBAAJACyoAHUAQQAvAAAE/zDJSau14+rNu58D8EkFMZ6ngVbl6lLqWx0yGtcWgm/C7v/AoHBILHZ6RqKAluwYArbm5+ahSjmF6fVk4nS3o4xmCU5BL9ky9yJWn5Awd5TSlofj9lM679JJvnweCICBI3uFHwg6dYgbiow7ViQ/ioSNGooFki+WLDuZTDibOTWKCAd+OJ0Wq4KmqThwHAOwJ6+1Urcjt6eRtrodvAiHLwVnrsAXwo87kI7LFMuvAaF9x8jS2ZkBrR4E107a4sYBxIYB4F7i2hno1VPoK+vZEujUZvEoBfPCX/bmaOy9QMXPFBV73EYlMDAA4QtaBU/JSoAwQAhNBjICaOhQBkR+zhwqihwZi6A2hhxGkvyxL1s3CirT/SCgyWCLCxEAACH5BAUEAAkALKgAdQBBADoAAAT/MMlJq70ElL0TuWAojlZ2kNOArqxXtNSpwvSE1HgunXrPzj4QL+ghjl4+g5GkzA2GS9EB2HpGVwgqynrFCn63Lgs6IouZqOa5BVi7Ldp3OqSWsz52YiDP74v2fjltgThmhD+HiXaGSR+DiiIFgClReD5xXZZrjz2akGWYnyCTOaRuAUg4qXIBoSuuXQGoqqYhsCyyAYwjArUgqzqytxcDvkJ6wmPFxhYFCGE+uQLAF5K5W8/QOJa5rdQSBcvMzdk6WRTdwhkFBOLX2NnaMPIJ6fb3KATx5fN1E/f4WDjbR+OZJ3QAaxjYxw/LuTcHGDYUkc3fmYgSJ1qId1DMwowEQCVkzAMApMl9nNwMOMmSnhuMLSV23BRTokU5H2tmGxZL585DK3XOzCMA5smhfUqaNPBFlAQCOZ8ZAMATqDsSEQAAIfkEBQQACQAsqAB1AEEAQAAABP8wyUmrrYNMw+m4YCiOkwAYCJmkmuq+CQpPiNHOuImD6f4WPZ8QRwgOQYajJ6lskgZGp0ggLEpd0dftyp1suyTEB0xOUJ/Zsnp9KYwAbOk5/jrQpfB7c67v+/9OX4A7Y4MzgoYheYiJF0kBjDt2Em5cAZCBFgFXA5eNLgCXTJ8iBZeRpBOXm0KFpUp2pz6VcbGiOAesaE2rAaMuncBSvbQjBgK6u0OTCb1Wpb13o72nxZQE0cKW1JcZA53cdWDc5J4wv13l2aAIaenhWu3uqTHy8zPWTgIH9veNKP30dQHSzx+odAUDthqY0CAJdE4aOhzhKpDEIxCbAJA4EURFJwRML+7IB5JjxwrJroQUCeMjHpMn2UCBOZEkF340R9SIU4SmwhXtbILB6TNhHjozi/ZDRWaj0nbHADktylSmz6ONphql56VAAQ5eXbqIAAAh+QQFBAAJACypAHUAQQBCAAAE/zDJSaulIQzCS+JDkl1kaZ6SRhQHagAhKs/T1tJUEeN8Ohi9CzBI+xFLh93RIvAsTbrnRCOVEaQBZ9U1Cma3NEMXFxiCZzey+VykldnwqTYettLjgjvxSnrrewh5F0p/OHNyhUSEIolEayJ8jT1KX5I9c5WWOIEpmZptIp6fMk4ZkaMyCJ2LQQgHBYdbIRl+RwaErEdXtKeXhaUZaTyxFb2OnVQ9wkhSqsjGKIIn0DzOoaZhuUzNGLRGJ1EzAVXS16aPE7djKONShLTeK7Ac8GTN5cjw+usz2jTWFvbV61HrCMA+A4NQq5Zo4bA/TcAAqNLBwAtYLNj4I4Wgo8ePbIEO8iDwsaTIKujCmAQZxyGUlSxD7oEZ8wyxaDRrbuF0KeedmyhynqzCc6RQOkDBHYWzzNBSjbaeSlxiQCrKJwWsPmnaUyuRokcGCB1abaNKr5vwLSGJFg3Tsa0mxjkAF4c6OmLrBnVJjq5eC6742hwLM9wnAFXHvjAraUMHDvTORAAAIfkEBQQACQAsqwB1AD8AQgAABP8wyUmrrUOSLcX9YChSgIGMaKpOxbm+sEXE10HfuJZXwR4avsTAFgRlcLOiCHBrKZ9QmCcKJaKc1FRvmV0BQ9uuL4AV58JmFVoSOKZxgeSbFojPb/XyfZXfx+pyfmptgi91a4UfX4d6iSCHU44jh4GSH4dkliKYjSFMnk+YmSiVWVYJokM/Aohvom0FJhIGBQSvm1Gvurdprbu8c76owILCEwMEsbS1K6VQBAcI0tPTn5ICJtTa025dixjb4dVmBRdD4ugG3W/R6O425Wkt7vRzA/T1c/P5ku38iQLwaRLyT9K9gvLMIQS4MFFDUz8e+iEg0Y+/imkoYszxbcnGGwcvjFnY91FFSBgkS4pQR0OjylVILlJxFiPlwA/nXNzEmW2nkU4+KawLCiJJoEg+IgAAIfkEBQQACQAsqAB1AEEAQgAABP8wyUmrteKOFK7/YCh6RkFkY6qu1gF0bCxtslXQ9XjkJM7/rBtwuCIMC8QRMslsSpbOkAFWjKamK6pVBBUFjNvUaxQwhFVgUEB79oYCvrZUDZejP+u4nX7J78Uefn9kfWs7gyFpFGsBXYgXhxWMeo8VlIyOlRRjkoyRmhRmFox1PAhNbBJwAKIqmQmtQHoDBqcsihWvMpxPCL62Sqm5R5u/xiAmpCHAOa0AxtAfU8IXuiuiA9Dax8a8iUCHB9vj2iqULDsE5Ou/3h/n17Ds8ynwKjvz87ge1vfZ+R8QxAoIxAQ9LnMKqjv4jR8RAgsZIsMwkMeAfxKXTfg0pENGTaJpakUD5TBBRG4kLW0cmTJUMZQtJSgSADMmh1w1U7qjmROUsGfMWu5baRMWCIxFkQXVNNTGUkT9KlRMKonjn6lvrMrB6oWrlagI7TS99ZSJAXssaG1xN4SAVh5nw6D1R7Xu21BjK8WZyyICACH5BAUEAAkALKgAdQBBAEIAAAT/MMlJq7WD6MITScIljmRpFWZySEPqvvDYxnRNGp/tGrp45L0gzTATJgIoo5KEXJZ4vQDQOTqEaoEANWWlZQFb7vWVXYVNZld2fH6SpW0XOPWNu4qjwCBpR5f2fUoECISBQQCEhYY2g4mLNgKJjo8xBpKKlCQIE5GXm5lynpigF0kHoqOkFJudqDU8YFBLGaipNnxCGq4wBFoiUz0cuzuGBqeTL4m4VULDJonAv83IMYR4MtO2yWrZPZ8mvt7aMGxx41vRNOfbfkEHsnFzQQbLYek19UHlCfmMW7AqqOxT1a4fwVIsDir8R0HeQoScHuaRaKJeOIoJT2CUYHDjN48YOEBCFEkBnhuCXUhOQDCQxLVFKYdQIhJsUUeKCO5tLNByox2dNIAy9EmCwE0J9CSG+ACgg4aXOiIAACH5BAUEAAkALKgAdQBBAEIAAATyMMlJq7ViSHC7/2BIFCFicGGqUgJwrBRCwnQVzHWuS8G9XwbNrxMgvIZE5ESobH4KCCcIpzNEpaBgTnC4YkHeFRcR/jqtZDMWmlY7AeS2O0S9DOLy+a+L1w8JfX4qKBZ5gjtshzR1CWWKOYCPQ0eSMJRMlZCZNYSbNAYJmEoHJ2ZFbwJzA4w5CAR+nTsyU0qsNZR6oJ67IaK8v8BmvsEdscWjxCm2yRTGzKp6AWYkuEoaus/H2du33Bev3uDeLOPlHtIWzr/q2dXjw83m8tzo5vAfjuPYh+6L8//k3OxzMmCgNYD8WrGDhUZEMnBUBqRqEgEAOw=='); background-position: center center; position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 5; margin: auto; overflow: hidden; display: block; } .full-preloader .preloaderContent { width: 80px; height: 80px; background: none; -webkit-animation: preloaderRotate 2s linear infinite; animation: preloaderRotate 2s linear infinite; } .full-preloader .preloaderContent > div { overflow: hidden; -webkit-transform-origin: left center; transform-origin: left center; width: 50%; height: 100%; position: absolute; } .full-preloader .preloaderContent .preloaderPieRight { left: 50%; margin-left: 0; } .full-preloader .preloaderContent .preloaderPieRight:before, .full-preloader .preloaderContent .preloaderPieLeft:after, .full-preloader .preloaderContent .preloaderPieLeft:before { width: 100%; height: 100%; position: absolute; top: 0; bottom: 0; content: ""; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .full-preloader .preloaderContent .preloaderPieRight:before, .full-preloader .preloaderContent .preloaderPieLeft:after { border: 3px solid #0000cc; } .full-preloader .preloaderContent .preloaderPieRight:before { border-right: none; left: -100%; -webkit-transform-origin: right center; transform-origin: right center; border-radius: 40px 0 0 40px; -webkit-animation: preloaderColor 6s ease-in-out infinite, preloaderPieRight 1.5s linear infinite; animation: preloaderPieRight 1.5s linear infinite, preloaderColor 6s ease-in-out infinite; } .full-preloader .preloaderContent > div.preloaderPieLeft { left: 0; -webkit-transform-origin: center center; transform-origin: center center; } .full-preloader .preloaderContent .preloaderPieLeft:before { left: 0; } .full-preloader .preloaderContent .preloaderPieLeft:after { border-left: none; left: 40px; border-radius: 0 40px 40px 0; -webkit-transform-origin: left center; transform-origin: left center; -webkit-animation: preloaderColor 6s ease-in-out infinite, preloaderPieLeft 1.5s linear infinite; animation: preloaderPieLeft 1.5s linear infinite, preloaderColor 6s ease-in-out infinite; } /* End Full Preloader */ .object-full .breadcrumbs { background: #fff; padding: 10px 15px; border-top: 1px solid #e5e7eb; border-bottom: 1px solid #e5e7eb; line-height: 30px; } .object-full .breadcrumbs a { line-height: 23px; color: #acacac; font-size: 14px; text-decoration: none; } .object-full .breadcrumbs a:after { content: '\00BB'; display: inline-block; margin-left: 5px; margin-right: 5px; } .object-full .breadcrumbs a:last-child:after, .object-full .breadcrumbs a#breadcrumbs-type { display: none; } .object-full .breadcrumbs + .full-content { margin-top: -1px; } /* Open Menu */ #menu-left { -webkit-transform: translate(0, 0); transform: translate(0, 0); -webkit-box-shadow: none; box-shadow: none; /*bottom: 100%;*/ } #menu-left.mm-menu.mm-front.mm-top { top: 0; bottom: 0; height: auto; } .mm-opened .menu-icon { background-image: url(/application/8.0.2/assets/mobile/css/../images/icons-clean/close.png); background-size: 18px; } /* New Select */ .select_ajax-drop-multistep .select_ajax-results > li > ul { display: none; } .select_ajax-drop-multistep .select_ajax-results .select_ajax-result-label, .select_ajax-drop-multistep .select_ajax-results ul.select_ajax-result-sub > li .select_ajax-result-label { padding-left: 7px; } .select_ajax-drop-multistep .select_ajax-results ul.select_ajax-result-sub ul.select_ajax-result-sub > li .select_ajax-result-label { padding-left: 7px; } .select_ajax-drop-multistep .select_ajax-results li.select_ajax-result-with-children > .select_ajax-result-label { position: relative; font-weight: normal; } .select_ajax-drop-multistep .select_ajax-result-with-children > .select_ajax-result-label:after { content: ""; width: 7px; height: 7px; border-bottom: 1px solid #555; border-left: 1px solid #555; position: absolute; right: 15px; top: 11px; background: none; bottom: auto; transform: rotate(-135deg); } .select_ajax-drop-multistep .select_ajax-result-with-children > .select_ajax-result-label:hover { background: #ededed; } .select_ajax-drop-multistep .select_ajax-back { padding: 4px 10px; display: none; margin-bottom: -4px; margin-top: 4px; } .select_ajax-drop-multistep .select_ajax-back:hover { background: #ededed; } .select_ajax-drop-multistep.openSubselect .select_ajax-results .select_ajax-back { display: block; } .select_ajax-drop-multistep .select_ajax-back .select-back { margin-right: 5px; } .select_ajax-drop-multistep .select_ajax-results.openSubselect .select_ajax-result, .select_ajax-drop-multistep .select_ajax-results.openSubselect .select_ajax-result.activeSubselect > .select_ajax-result-label, .select_ajax-drop-multistep .select_ajax-results .select_ajax-result.select_ajax-selected, .select_ajax-drop-multistep .select_ajax-results.openSubselect .select_ajax-result.activeSubselect.currentSubselect > .select_ajax-result-sub > .select_ajax-result.select_ajax-selected { display: none; } .select_ajax-drop-multistep .select_ajax-results.openSubselect .select_ajax-result.activeSubselect, .select_ajax-drop-multistep .select_ajax-results.openSubselect .select_ajax-result.activeSubselect > .select_ajax-result-sub, .select_ajax-drop-multistep .select_ajax-results.openSubselect .select_ajax-result.activeSubselect.currentSubselect > .select_ajax-result-sub > .select_ajax-result { display: block; } .mm-menu > .mm-list > li.change-lang { padding-left: 35px; margin-top: 10px; } .change-lang .button-lang { display: inline-block; border: 2px solid #3b82f6; color: #3b82f6; border-radius: 3px; padding: 0 15px; line-height: 30px; margin-left: 10px; margin-top: 10px; } .mm-menu > .mm-list > li.search-area { margin-top: -6px; margin-bottom: -8px; position: relative; } .mm-menu > .mm-list > li.search-area input { color: #1f1f1f; font-size: 16px; line-height: 30px; display: block; width: 100%; height: 50px; margin: 0; padding: 12px 10px 12px 47px; box-shadow: none; background: url(/application/8.0.2/assets/mobile/css/../images/search-big.png) 15px center no-repeat #ffffff; background-size: 18px; } .UR_chatHandleTab { z-index: 998 !important; } #bottom-vote-comment.bottom-comment { padding-bottom: 102px; } #bottom-vote-comment.bottom-comment .skip-button { position: absolute; bottom: 0; } #bottom-vote-comment.bottom-comment .submit-popup { position: absolute; bottom: 52px; } #bottom-vote-comment.bottom-comment.hideSkipButton { padding-bottom: 50px; } #bottom-vote-comment.bottom-comment.hideSkipButton .submit-popup { bottom: 0; } .articles-list .home-h2 .kb-category-count { position: absolute; top: 20px; right: 15px; } /* General Styles */ .chat-header-fixed #page { min-height: 100%; box-sizing: border-box; /*min-height: calc(100% - 50px);*/ } .chat-header-fixed body, .chat-header-fixed, .chat-header-fixed .mm-page, .chat-header-fixed #page { height: 100%; overflow: hidden; } .chat-header-fixed #header { position: fixed; top: 0; left: 0; width: 100%; } .chat-header-fixed #page, html.mm-opened.chat-header-fixed #page { padding-top: 50px; /*padding-bottom: 50px;*/ } .chat-header-fixed #content { height: 100%; overflow: auto; padding-bottom: 60px; background: #E9F0F7; } .chat-header-fixed #footer { display: none; } /* Chat Messages */ .agent-chat-messages-container { display: table; width: 100%; height: 100%; min-height: calc(100vh - 170px); table-layout: fixed; } .agent-chat-messages-container.hidden { display: none; } .agent-chat-messages { display: table-cell; width: 100%; height: 100%; vertical-align: bottom; padding: 20px 10px 0 10px; } .agent-chat-preloader { width: 35px; position: absolute; margin-left: auto; margin-right: auto; bottom: 65px; text-align: center; left: 0; right: 0; } .agent-chat-preloader .chat-preloader-circle { position: relative; height: 4px; width: 4px; top: 10px; background: darkgray; display: inline-block; border-radius: 50%; animation-duration: 2s; animation-iteration-count: infinite; animation-timing-function: linear; } .agent-chat-preloader .circle1 { animation-name: chat-preloader-circle1; } .agent-chat-preloader .circle2 { animation-name: chat-preloader-circle2; } .agent-chat-preloader .circle3 { animation-name: chat-preloader-circle3; } @-webkit-keyframes chat-preloader-circle1 { 0% { top: 10px; } 15% { top: 0; } 25% { top: 10px; } } @-webkit-keyframes chat-preloader-circle2 { 10% { top: 10px; } 25% { top: 0; } 35% { top: 10px; } } @-webkit-keyframes chat-preloader-circle3 { 15% { top: 10px; } 30% { top: 0; } 40% { top: 10px; } } /* Chat message */ .chat-message:after, .chat-message .chat-message-content:after { content: ""; display: block; clear: both; } .chat-message { margin: 10px 0; } .chat-message.note-message { margin-bottom: 15px; } .chat-message .message-info { float: left; max-width: 50px; } .chat-message.my-message .message-info { float: right; } .chat-message .message-info .user-icon { background: none; } .chat-message.my-message .message-info .user-icon { text-align: right; } .chat-message .user-icon .author-avatar { width: 35px; } .chat-message .user-icon .author-avatar.chatBotAvatar { background: transparent no-repeat; background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAkCAYAAADhAJiYAAABt0lEQVR42u2Xz2cDQRiGw1JKKaXsqfQUSilLKKWUnEJPpeQP6KmUnEIIOYVScirpJafQawmllF5LKKWEnkIrlBDKUkL7Tr2rY+3O/swOtcPD2tnMPLPfN99sCoW85U1z27l6PwQD0AObumW2wRxMgA1GuoVOwTewQIPXGzqFdikxBjPwBgzdb6nMcL1ofTsuKfGG+osYuAq6Esdi1aADlkDT1e/wCV59+oLYUgk9MyccLsEeJ1v36E+DdpDQIKMwr+ZCsYRw49YV06yFZOrOlnV2yNRPCPdNcCKSPOSEYlcecacuK4SeOPfXb+mQa4hfyHCvyK39txK1jAHupeeHQlAVMlb60EIXPERFCXgQcgFCFicTdeuM1+U0hVr8cYPPjwOEinz+BlzzupSm0Bp45AAidJUQOdSWQtYN2mWRhFwrF8laY16oOGB1N8Ns+1hC0mB3zCkvkREnqkWpQ0mF6hxs36Pv3PloSyI05erskEIrrF0frDMGw9PkJL0IhXHCueeOUEd63XbYSs188jr9+0I4hpCgmugsY4JXpHpj5ad91kLDBXwRBtFSCZV4omeJmf//z9u/bj+5qYeQ4Qs1kQAAAABJRU5ErkJggg=='); width: 36px; height: 36px; background-size: contain; display: inline-block; } .chat-message-time { margin-right: 15px; margin-top: -3px; color: rgba(55, 55, 55, 0.6); float: none; display: inline-block; } .chat-message .message-time { font-size: 11px; text-align: center; margin-top: 5px; } .chat-message .chat-message-content { margin: 0 50px; position: relative; -webkit-transition: opacity 150ms linear; transition: opacity 150ms linear; } .chat-message .chat-message-text-block { background: #e1e3e5; padding: 15px 5px 15px 20px; border-radius: 4px; position: relative; float: left; margin-bottom: 10px; word-wrap: break-word; max-width: 100%; display: inline-block; } .chat-message .chat-message-text-block .chat-message-text { display: inline-block; word-wrap: break-word; text-align: left; float: left; max-width: 100%; margin-right: 15px; } .chat-message .chat-message-text img { cursor: pointer; } .chat-message .chat-message-text audio { max-width: 100%; } .chat-message .chat-message-text ul, .chat-message .chat-message-text ol { margin-left: 30px; margin-bottom: 10px; } .chat-message .chat-message-text p + ul, .chat-message .chat-message-text p + ol { margin-top: 10px; } .chat-message.my-message .chat-message-text-block { background: #0084ff; color: #ffffff; float: right; } .chat-message.send-error .chat-message-text-block { background: #be0000; max-width: calc(100% - 30px); } .chat-message.my-message.note-message .chat-message-text-block { background-color: #fedcdc; color: #5d5d5d; } .chat-message.my-message .chat-message-time { color: rgba(255, 255, 255, 0.7); } .chat-message.my-message.note-message .chat-message-time { color: rgba(55, 55, 55, 0.6); } .chat-message.my-message .chat-message-text a { color: #ffffff; } .chat-message:not(.chatMessageType-text):not(.chatMessageType-document):not(.chatMessageType-article) .chat-message-text { background-color: transparent; padding: 0; } .chat-message.chatMessageType-document .chat-message-text { padding: 12px 20px 12px 45px; background-image: url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTkuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDMzLjI5MyAzMy4yOTMiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDMzLjI5MyAzMy4yOTM7IiB4bWw6c3BhY2U9InByZXNlcnZlIiB3aWR0aD0iMjRweCIgaGVpZ2h0PSIyNHB4Ij4KPGc+Cgk8Zz4KCQk8cGF0aCBkPSJNMTYuNjQ2LDI0Ljc4NkwxNi42NDYsMjQuNzg2Yy0wLjI3NiwwLTAuNS0wLjIyNC0wLjUtMC41bDAuMDAxLTExLjI3OWMwLTAuMjc2LDAuMjI0LTAuNSwwLjUtMC41bDAsMCAgICBjMC4yNzYsMCwwLjUsMC4yMjQsMC41LDAuNWwtMC4wMDEsMTEuMjc5QzE3LjE0NiwyNC41NjIsMTYuOTIyLDI0Ljc4NiwxNi42NDYsMjQuNzg2eiIgZmlsbD0iIzAwMDAwMCIvPgoJCTxwYXRoIGQ9Ik0xNi42NDYsMjQuNzg2Yy0wLjEyOCwwLTAuMjU2LTAuMDQ5LTAuMzU0LTAuMTQ2bC00LjMxMy00LjMxM2MtMC4xOTUtMC4xOTUtMC4xOTUtMC41MTIsMC0wLjcwN3MwLjUxMi0wLjE5NSwwLjcwNywwICAgIGwzLjk1OSwzLjk1OWwzLjk1OS0zLjk1OWMwLjE5NS0wLjE5NSwwLjUxMi0wLjE5NSwwLjcwNywwczAuMTk1LDAuNTEyLDAsMC43MDdsLTQuMzEzLDQuMzEzICAgIEMxNi45MDIsMjQuNzM3LDE2Ljc3NCwyNC43ODYsMTYuNjQ2LDI0Ljc4NnoiIGZpbGw9IiMwMDAwMDAiLz4KCTwvZz4KCTxnPgoJCTxwYXRoIGQ9Ik0yNy41NzgsMzMuMjkzSDUuNzE1Yy0xLjM3OCwwLTIuNS0xLjEyMS0yLjUtMi41VjIuNWMwLTEuMzc5LDEuMTIyLTIuNSwyLjUtMi41aDE1Ljg3N2MwLjI3NiwwLDAuNSwwLjIyNCwwLjUsMC41ICAgIFMyMS44NjgsMSwyMS41OTIsMUg1LjcxNWMtMC44MjcsMC0xLjUsMC42NzMtMS41LDEuNXYyOC4yOTNjMCwwLjgyNywwLjY3MywxLjUsMS41LDEuNWgyMS44NjNjMC44MjcsMCwxLjUtMC42NzMsMS41LTEuNVY4LjcwNCAgICBjMC0wLjI3NiwwLjIyNC0wLjUsMC41LTAuNXMwLjUsMC4yMjQsMC41LDAuNXYyMi4wOUMzMC4wNzgsMzIuMTcyLDI4Ljk1NywzMy4yOTMsMjcuNTc4LDMzLjI5M3oiIGZpbGw9IiMwMDAwMDAiLz4KCQk8cGF0aCBkPSJNMjkuNTc4LDkuMjA0aC03Ljk4NmMtMC4yNzYsMC0wLjUtMC4yMjQtMC41LTAuNVYwLjcxN2MwLTAuMjc2LDAuMjI0LTAuNSwwLjUtMC41czAuNSwwLjIyNCwwLjUsMC41djcuNDg2aDcuNDg2ICAgIGMwLjI3NiwwLDAuNSwwLjIyNCwwLjUsMC41UzI5Ljg1NSw5LjIwNCwyOS41NzgsOS4yMDR6IiBmaWxsPSIjMDAwMDAwIi8+CgkJPHBhdGggZD0iTTI5LjU3OCw5LjIwNGMtMC4xMywwLTAuMjYtMC4wNTEtMC4zNTgtMC4xNTFsLTcuOTg2LTguMjAzYy0wLjE5Mi0wLjE5Ny0wLjE4OC0wLjUxNSwwLjAxLTAuNzA3ICAgIGMwLjE5Ny0wLjE5MywwLjUxNC0wLjE4OCwwLjcwNywwLjAxbDcuOTg2LDguMjAzYzAuMTkyLDAuMTk3LDAuMTg4LDAuNTE1LTAuMDEsMC43MDdDMjkuODMsOS4xNTcsMjkuNzA0LDkuMjA0LDI5LjU3OCw5LjIwNHoiIGZpbGw9IiMwMDAwMDAiLz4KCTwvZz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8L3N2Zz4K); background-repeat: no-repeat; background-position: 12px center; } .chat-message.my-message.chatMessageType-document .chat-message-text { background-image: url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTkuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDMzLjI5MyAzMy4yOTMiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDMzLjI5MyAzMy4yOTM7IiB4bWw6c3BhY2U9InByZXNlcnZlIiB3aWR0aD0iMjRweCIgaGVpZ2h0PSIyNHB4Ij4KPGc+Cgk8Zz4KCQk8cGF0aCBkPSJNMTYuNjQ2LDI0Ljc4NkwxNi42NDYsMjQuNzg2Yy0wLjI3NiwwLTAuNS0wLjIyNC0wLjUtMC41bDAuMDAxLTExLjI3OWMwLTAuMjc2LDAuMjI0LTAuNSwwLjUtMC41bDAsMCAgICBjMC4yNzYsMCwwLjUsMC4yMjQsMC41LDAuNWwtMC4wMDEsMTEuMjc5QzE3LjE0NiwyNC41NjIsMTYuOTIyLDI0Ljc4NiwxNi42NDYsMjQuNzg2eiIgZmlsbD0iI0ZGRkZGRiIvPgoJCTxwYXRoIGQ9Ik0xNi42NDYsMjQuNzg2Yy0wLjEyOCwwLTAuMjU2LTAuMDQ5LTAuMzU0LTAuMTQ2bC00LjMxMy00LjMxM2MtMC4xOTUtMC4xOTUtMC4xOTUtMC41MTIsMC0wLjcwN3MwLjUxMi0wLjE5NSwwLjcwNywwICAgIGwzLjk1OSwzLjk1OWwzLjk1OS0zLjk1OWMwLjE5NS0wLjE5NSwwLjUxMi0wLjE5NSwwLjcwNywwczAuMTk1LDAuNTEyLDAsMC43MDdsLTQuMzEzLDQuMzEzICAgIEMxNi45MDIsMjQuNzM3LDE2Ljc3NCwyNC43ODYsMTYuNjQ2LDI0Ljc4NnoiIGZpbGw9IiNGRkZGRkYiLz4KCTwvZz4KCTxnPgoJCTxwYXRoIGQ9Ik0yNy41NzgsMzMuMjkzSDUuNzE1Yy0xLjM3OCwwLTIuNS0xLjEyMS0yLjUtMi41VjIuNWMwLTEuMzc5LDEuMTIyLTIuNSwyLjUtMi41aDE1Ljg3N2MwLjI3NiwwLDAuNSwwLjIyNCwwLjUsMC41ICAgIFMyMS44NjgsMSwyMS41OTIsMUg1LjcxNWMtMC44MjcsMC0xLjUsMC42NzMtMS41LDEuNXYyOC4yOTNjMCwwLjgyNywwLjY3MywxLjUsMS41LDEuNWgyMS44NjNjMC44MjcsMCwxLjUtMC42NzMsMS41LTEuNVY4LjcwNCAgICBjMC0wLjI3NiwwLjIyNC0wLjUsMC41LTAuNXMwLjUsMC4yMjQsMC41LDAuNXYyMi4wOUMzMC4wNzgsMzIuMTcyLDI4Ljk1NywzMy4yOTMsMjcuNTc4LDMzLjI5M3oiIGZpbGw9IiNGRkZGRkYiLz4KCQk8cGF0aCBkPSJNMjkuNTc4LDkuMjA0aC03Ljk4NmMtMC4yNzYsMC0wLjUtMC4yMjQtMC41LTAuNVYwLjcxN2MwLTAuMjc2LDAuMjI0LTAuNSwwLjUtMC41czAuNSwwLjIyNCwwLjUsMC41djcuNDg2aDcuNDg2ICAgIGMwLjI3NiwwLDAuNSwwLjIyNCwwLjUsMC41UzI5Ljg1NSw5LjIwNCwyOS41NzgsOS4yMDR6IiBmaWxsPSIjRkZGRkZGIi8+CgkJPHBhdGggZD0iTTI5LjU3OCw5LjIwNGMtMC4xMywwLTAuMjYtMC4wNTEtMC4zNTgtMC4xNTFsLTcuOTg2LTguMjAzYy0wLjE5Mi0wLjE5Ny0wLjE4OC0wLjUxNSwwLjAxLTAuNzA3ICAgIGMwLjE5Ny0wLjE5MywwLjUxNC0wLjE4OCwwLjcwNywwLjAxbDcuOTg2LDguMjAzYzAuMTkyLDAuMTk3LDAuMTg4LDAuNTE1LTAuMDEsMC43MDdDMjkuODMsOS4xNTcsMjkuNzA0LDkuMjA0LDI5LjU3OCw5LjIwNHoiIGZpbGw9IiNGRkZGRkYiLz4KCTwvZz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8L3N2Zz4K); } .chat-message.chatMessageType-document .chat-message-text a { color: #000000; text-decoration: none; } .my-message.chat-message.chatMessageType-document .chat-message-text a { color: #ffffff; } .my-message.chat-message.note-message .chat-message-text a { color: #555555; } .chat-message .chat-message-bottom { position: absolute; bottom: -13px; right: 0; color: #acacac; font-size: 12px; display: block; } .chat-message .chat-message-bottom .chat-message-status { display: inline-block; margin-left: 5px; } .chat-message .ireminder { width: 12px; height: 12px; background-size: 12px; margin-top: -4px; display: inline-block; } .chat-message .ireminder.hidden { display: none; } .chat-message .chat-message-text:after { content: ""; display: block; width: 0; height: 0; border-style: solid; border-width: 5px 6px 5px 0; border-color: transparent #e1e3e5 transparent transparent; position: absolute; left: -6px; top: 15px; } .chat-message.my-message .chat-message-text:after { border-width: 5px 0 5px 6px; border-color: transparent transparent transparent #0084ff; position: absolute; left: auto; right: -6px; } .chat-message.send-error .chat-message-text:after { border-color: transparent transparent transparent #be0000; } .chat-message .chat-message-resend, .chat-message .chat-message-preloader { float: right; margin: 17px 9px 0 0; display: none; cursor: pointer; } .chat-message.loading .chat-message-content { opacity: 0.3; } .chat-message.loading .chat-message-preloader { display: block; } .chat-message.send-error .chat-message-resend { display: block; } .chat-message.my-message.note-message .chat-message-text:after { border-left-color: #fedcdc; } .chat-message:not(.chatMessageType-text) .chat-message-text:after { display: none; } .chat-message .chat-message-text img { max-width: 200px; } .chat-message .author-avatar { border-radius: 50%; } .chat-message-join-chat { text-align: center; margin-bottom: 10px; } .chat-message-join-chat span { background: #F98426; border-radius: 15px; font-size: 12px; padding: 5px 20px; color: #ffffff; } /* Chat Article */ .chat-message.chatMessageType-article .chat-message-content .chat-message-text .chatArticleLinkBlock { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: block; } .chat-message.chatMessageType-article .chat-message-content .chat-message-text .chatArticleLinkBlock a { color: #ffffff; font-size: 14px; font-weight: 600; text-decoration: none; } .chat-message.chatMessageType-article .chat-message-content .chat-message-text .chatArticleImage { margin-top: 15px; } .chat-message.chatMessageType-article .chat-message-content .chat-message-text .chatArticleImage img { max-width: 200px; } .chat-message.chatMessageType-article .chat-message-content .chat-message-text .chatArticleText { color: #ffffff; margin-top: 10px; } /* Chat Messages Date */ .chat-messages-date, .chats-delimiter { text-align: center; color: #ffffff; margin: 20px 0; height: 26px; } .chats-delimiter { color: #555555; position: relative; } .chat-messages-date span, .chats-delimiter span { background: #bcbcbc; padding: 5px 20px; border-radius: 15px; font-size: 12px; } .chats-delimiter span { background: #e1e3e5; position: relative; z-index: 5; } .chats-delimiter span a { text-decoration: none; font-size: 12px; } .chats-delimiter:after { content: ''; display: block; position: absolute; z-index: 4; height: 1px; background: #e1e3e5; left: 0; right: 0; top: 12px; } /* Send Message */ .isend-message { background-image: url(/application/8.0.2/modules/helpdesk/assets/mobile/css/../images/send-button.png); } .isend-message.preloader { top: -4px; left: -2px; } .agent-chat-footer { position: fixed; bottom: 0; left: 0; width: 100%; background: #f4f7f9; box-shadow: 0 0 1px rgba(0,0,0,0.1); margin-bottom: -1px; z-index: 9999; } .agent-chat-footer.agent-chat-note { background: #fff1f1; } .agent-chat-footer.hidden-add-comment .agent-chat-footer-container .agent-footer-input, .agent-chat-footer.hidden-add-comment .agent-chat-footer-container .agent-chat-footer-buttons > div:not(.agent-chat-message-options), .agent-chat-footer .locked-replies { display: none !important; } .agent-chat-footer.hidden-add-comment .locked-replies { display: table-cell !important; text-align: center; color: #898989; width: 100%; } .agent-chat-footer.hidden-add-comment .agent-chat-footer-container > div.agent-chat-footer-buttons { width: 40px; } .agent-chat-footer-container { width: 100%; display: table; table-layout: fixed; } .agent-chat-footer-container > div { display: table-cell; width: 1%; vertical-align: middle; } .agent-chat-footer-container > div.hidden { display: none; } .agent-chat-footer-container > div.agent-chat-footer-buttons { width: 75px; text-align: right; } .agent-chat-footer-container > div.agent-chat-footer-buttons.showLockIcon { width: 110px; } .agent-chat-footer-container > div.agent-footer-input { width: 100%; vertical-align: top; padding: 0 5px 0 15px; position: relative; } .agent-footer-chat-message { display: block; width: 100%; max-height: 76px; overflow: hidden; position: relative; } .agent-footer-chat-message pre, .agent-footer-chat-message textarea { box-sizing: border-box; padding: 17px 0 8px 0; width: 100%; height: 100%; font-size: 14px; font-weight: 400; line-height: 1.33; white-space: pre-wrap; word-wrap: break-word; min-height: 50px; } .agent-footer-chat-message textarea { position: absolute; bottom: 0; left: 0; color: #565867; resize: none; border: none; background: transparent; box-shadow: none; outline: none; } .agent-footer-chat-message pre { visibility: hidden; min-height: 50px; } .allAgentChat .allAgentFooter.table-footer .agent-footer-buttons > div.agent-footer-input { width: 100%; vertical-align: top; padding: 0 50px 0 15px; position: relative; } .agent-chat-footer-buttons { white-space: nowrap; } .agent-chat-footer-buttons > div { display: inline-block; } .agent-chat-footer-buttons > div.hidden { display: none; } .chat-send-button { height: 50px; width: 35px; text-align: center; cursor: pointer; display: block; line-height: 56px; padding-right: 10px; } .agent-chat-footer.locked:not(.agent-chat-note) .agent-chat-message-options { display: none; } .agent-chat-footer.locked:not(.agent-chat-note) .agent-chat-footer-container > div.agent-chat-footer-buttons { width: 35px; } .agent-chat-footer.locked:not(.agent-chat-note) .agent-chat-footer-container > div.agent-chat-footer-buttons.showLockIcon { width: 75px; } .agent-chat-attach-file.add-file.attach-file { display: block; text-transform: uppercase; } .agent-footer-send-button { position: relative; } .iagent-eye, .iagent-record { background: url(/application/8.0.2/modules/helpdesk/assets/mobile/css/../images/internal-note.png) no-repeat center; display: block; width: 20px; height: 20px; background-size: 20px; opacity: 0.3; cursor: pointer; } .iagent-join { background: url(/application/8.0.2/modules/helpdesk/assets/mobile/css/../images/join.png) no-repeat center; display: block; width: 20px; height: 20px; background-size: 20px; opacity: 0.3; cursor: pointer; } .iagent-record { background: url(/application/8.0.2/modules/helpdesk/assets/mobile/css/../images/record.png) no-repeat center; } .agent-chat-note-toggle, .agent-chat-record, .agent-chat-lock-comments, .agent-chat-message-options, .agent-chat-join { height: 50px; width: 35px; text-align: center; cursor: pointer; line-height: 56px; } .agent-chat-note-toggle, .agent-chat-lock-comments, .agent-chat-message-options { padding-right: 10px; } .agent-chat-footer:not(.joined) .agent-chat-note-toggle { display: none; } .agent-chat-footer.joined .agent-chat-join { display: none; } .agent-chat-lock-comments { opacity: 0.4; } .agent-chat-lock-comments.locked { opacity: 1; } .chat-conversation-source { position: fixed; /*position: absolute;*/ left: 50%; top: 50px; margin: auto; z-index: 9; } .chat-conversation-source .chat-user-source { margin-left: -50%; padding: 7px 20px; border-radius: 0 0 5px 5px; background: #2e3e4e; color: #ffffff; } .chat-conversation-source + #object_state_lines { position: absolute; top: 49px; left: 0; width: 100%; z-index: 99; } .chat-conversation-source + #object_state_lines span { height: 40px; line-height: 40px; } /* Chats List */ .chat-color i { background-image: url(/application/8.0.2/modules/helpdesk/assets/mobile/css/../images/chat-color.png); } .chat-color .badge { display: none; } .chat-color.badge-icon .badge { display: inline-block; } .chat-color.badge-icon i { display: none; } /* Locked Comments */ .agent-chat-footer.agent-chat-note .lock-comments { display: none; } #poll_container, #poll_container.widgetBlock { padding: 20px 0; margin-top: 20px; background: #ffffff; } #top-nav + #poll_container { margin-top: 0; border-top: 1px solid #e5e7eb; } .content-object-full #poll_container { border-top: 1px solid #e5e7eb; margin-left: -15px; margin-right: -15px; padding-bottom: 0; } .poll_header .content-title { border-bottom: 1px solid #e5e7eb; /*padding-bottom: 5px;*/ /*margin-bottom: 15px;*/ margin: 0 0 15px 0; padding-bottom: 15px; padding-left: 15px; } .poll_header .content-title .poll-title { color: #898989; text-decoration: none; } .poll-results { padding-left: 15px; padding-right: 15px; } .poll-results .submit-button { margin-top: 10px; } .poll-results-content { /*-webkit-box-shadow: 0 0 5px 0 #aaaaaa;*/ /*box-shadow: 0 0 5px 0 #aaaaaa;*/ /*margin-top: 10px;*/ } .poll-results .properties-list > div { margin-bottom: 10px; } #chart { list-style: none; margin-top: -5px; margin-left: 0; margin-bottom: 0; } #chart li div.bar_wrapper span { height: 100%; } #chart li .percentage { width: 50px; padding-left: 10px; display: block; float: left; text-align: left; } #chart li { position: relative; display: block; width: 100%; text-align: left; color: #555; line-height: 20px; font-size: 14px; margin-top: 2px; background: #ffffff; padding: 9px 0 15px 0; } #chart li:first-child { margin-top: 0; } #chart li .bar { min-width: 5px; display: inline-block; border-radius: 2px 0 0 2px; border-bottom: 1px solid #ccc; background: #ffa137; } #chart li .bar.full-bar { -moz-border-radius: 2px; border-radius: 2px; } .bar_wrapper { width: 85%; width: -moz-calc(100% - 50px); width: -webkit-calc(100% - 50px); width: calc(100% - 50px); background: #ffe7b6; border-radius: 3px; height: 21px; float: left; display: inline; position: relative; } div.poll-results-content li .bar_txt { clear: both; display: block; margin-bottom: 3px; } .bar-result { position: absolute; text-align: center; width: 100%; top: 1px; } .poll-count-users { color: #8e8880; text-decoration: none; } .poll-buttons-panel { margin-top: 5px; } #poll_container .objects-filter.buttons { margin-top: -24px; } #poll_container .objects-filter.buttons.poll-vote-form { margin-top: 5px; } #poll_container .objects-filter > span { float: right; } .objects-filter > span a { color: #8e8880; text-decoration: none; } .cleanTheme #page, .cleanTheme .mm-footer a { background: var(--color-o15); } a, .as-link, .comment .comment-actions-manage a, .comments-block .comment .comment-info .comment-actions a, .comment .comment-info a, .object-tasks-header { color: #3b82f6; } .cleanTheme a, .cleanTheme .as-link, .cleanTheme .comment .comment-actions-manage a, .cleanTheme .comments-block .comment .comment-info .comment-actions a, .cleanTheme .comment .comment-info a, .cleanTheme .object-tasks-header, .cleanTheme .mm-list > li.button-item > a, .cleanTheme .change-lang .button-lang { color: var(--color); } .subscribe-user a.notSubscribe.subscribed, .subscribe-link.email.subscribed i, .button-vote, .object-tasks-wrapper .object-tasks-header i { background-color: #3b82f6; } .cleanTheme #header, .cleanTheme .header, .cleanTheme .mm-header, .cleanTheme .subscribe-user a.notSubscribe.subscribed, .cleanTheme .subscribe-link.email.subscribed i, .cleanTheme .button-vote:not([data-voted="1"]), .cleanTheme .object-tasks-wrapper .object-tasks-header i, .cleanTheme .chat-conversation-source .chat-user-source { background-color: #3b82f6; background-color: var(--color); } .submit-button, .list-container.no-results .submit-button-gray, #page[data-page="mobile_search"] .submit-button-gray, #page[data-page="mobile_ticket_search"] .submit-button-gray { background: #3b82f6; } .cleanTheme .submit-button, .cleanTheme .list-container.no-results .submit-button-gray, .cleanTheme #page[data-page="mobile_search"] .submit-button-gray, .cleanTheme #page[data-page="mobile_ticket_search"] .submit-button-gray, .cleanTheme .combined-buttons .activ-pos { background: var(--color); } .cleanTheme .button-vote, .cleanTheme .button-vote[data-voted="1"], .cleanTheme .combined-buttons > label, .cleanTheme .change-lang .button-lang { border-color: var(--color); } .cleanTheme .comment-vote .rating-response.voted-comment, .cleanTheme .button-vote[data-voted="1"], .cleanTheme .combined-buttons > label { color: var(--color); } .cleanTheme .select_ajax-container-multi .select_ajax-choices .select_ajax-search-choice, .cleanTheme .select_ajax-search-choice-close { border-color: var(--color-o55); } .cleanTheme .select_ajax-container-multi .select_ajax-choices .select_ajax-search-choice { background-color: var(--color-o15); } .cleanTheme .trash-line a, .cleanTheme .archive-line a, .cleanTheme .draft-line a, .cleanTheme .moderation-line a, .cleanTheme .combined-buttons .activ-pos { color: #fff; } .cleanTheme .action-link a, .cleanTheme .action-link .as-link { color: #898989; }