/******************************************************************************* Reset *******************************************************************************/ * { margin: 0; padding: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } *:focus { outline: none; } * { scrollbar-width: thin; } *::-webkit-scrollbar { width: 10px; height: 10px; } *::-webkit-scrollbar-thumb { background: rgba(25, 43, 58, 0.2); border-radius: 8px; box-shadow: none; } *::-webkit-scrollbar-thumb:hover { background: rgba(25, 43, 58, 0.3); } *::-webkit-scrollbar-track { background: rgba(224, 224, 224, 0.6); border-radius: 8px; } 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, samp, img, object, param, map, area, bdo, iframe { padding: 0; margin: 0; } input, textarea, button, select { font-family: inherit; } html { height: auto; width: 100%; -webkit-text-size-adjust: 100%; text-size-adjust: 100%; } body { height: 100%; width: 100%; font-family: Segoe UI, "Helvetica Neue", Lucida Grande, Arial, sans-serif; font-weight: normal; font-size: 14px; line-height: 1.42857143; color: #555555; background: url(/application/8.12.0/assets/desktop/css/../images/bg.jpg) #ebebeb fixed; } body.resizerFullScreen { overflow: hidden !important; } a, .as-link { color: #0072bc; font-size: 14px; } .as-link { cursor: pointer; } a:hover { text-decoration: none; } a img { border: none; } img { height: auto; max-width: 100%; } h1 { font-size: 22px; color: #000000; } h2 { font-size: 22px; color: #000000; font-weight: normal; } h3, h4, h5, h6 { font-size: 14px; } .no-wrap { white-space: nowrap; } .fixed-table { table-layout: fixed; } .overflow-ellipsis { max-width: 100%; overflow: hidden; text-overflow: ellipsis; } .withoutTextDecoration { text-decoration: none; } /******************************************************************************* General styles *******************************************************************************/ td { word-wrap: break-word; } input { border: 1px solid #9f9f9f; border-radius: 2px; padding-left: 5px; -webkit-box-shadow: inset 0 1px 0 0 #eeeeee; box-shadow: inset 0 1px 0 0 #eeeeee; } input.input-default { padding-left: 10px; border: 1px solid #e4e6e8; -webkit-box-shadow: none; box-shadow: none; border-radius: 1px; color: #555555; } input[type="button"] { text-indent: 0; } input[type="file"]:not(:required) { text-indent: 0; padding-left: 0; } input[type="radio"] { border-radius: 0; border: none; -webkit-box-shadow: none; box-shadow: none; position: relative; vertical-align: baseline; } input[type="checkbox"] { padding: 0; border: none; -webkit-box-shadow: none; box-shadow: none; position: relative; top: 1px; height: 13px; vertical-align: baseline; } @-moz-document url-prefix() { input[type="checkbox"] { top: -1px; } } input[type="text"], input[type="password"], input[type="number"] { height: 28px; } input[type="radio"] + span, input[type="checkbox"] + span { vertical-align: baseline; } input[type="file"]::-ms-value { border: none; } input[type="file"]::-ms-browse { border: none; border-left: 1px solid #9f9f9f; } textarea, .as-textarea { border: 1px solid #9f9f9f; border-radius: 2px; box-shadow: 0 1px 0 0 #eeeeee inset; padding-left: 5px; padding-top: 2px; font-size: 14px; } p.text-rule { text-align: center; margin: 10px 0 20px; position: relative; } p.text-rule:before { content: ""; display: block; width: 100%; height: 1px; position: absolute; left: 0; top: 50%; background: #ddd; z-index: -1; } p.text-rule > span { background: #fff; padding: 0 10px; color: #555555; font-size: 14px; } a.logo { margin-right: 10px; text-decoration: none; } a.logo > img { vertical-align: middle; } .preloader, .report-abuse.subscribe-link.preloader { width: 16px; height: 16px; text-indent: -5000px; position: relative; } .preloader { display: none; color: #555555; border: 2px solid; border-radius: 50%; animation: spin 0.75s infinite linear; border-top-width: 0; background: none !important; } a.preloader { color: #555555; } @keyframes spin { from { transform: rotate(0deg); } to { transform: rotate(360deg); } } .preloader-dark { background-image: url(/application/8.12.0/assets/desktop/css/../images/preloader-dark.gif); } .modalFooter > .preloader, .modalFooter.api-settings .regenerate-api-key { float: right; margin-top: 6px; } .modalFooter .cancel-user-account { margin-top: 4px; } .block-preloader { background: url(/application/8.12.0/assets/desktop/css/../images/modal_preloader.gif) no-repeat center center; width: 100%; height: 50px; } .preloader-smile { font-size: 10px; width: 5em; height: 5em; margin: 30px auto 0 auto; border-radius: 50%; border: 0.65em solid rgba(180, 180, 180, 0); border-top-color: rgba(180, 180, 180, 1); position: relative; transform: translate( -50%, -50% ) rotate( 360deg ); animation: mouthAnimation 3s infinite cubic-bezier( 0.455, 0.030, 0.515, 0.955 ); } .preloader-smile:before, .preloader-smile:after { content: ""; font-size: inherit; width: 2.5em; height: 2.5em; border-radius: 50%; background: #B4B4B4; position: absolute; top: 50%; left: 50%; transform: translate( -50%, -50% ); animation: leftEyeAnimation 3s infinite cubic-bezier( 0.455, 0.030, 0.515, 0.955 ); } .preloader-smile:after { animation: rightEyeAnimation 3s infinite cubic-bezier( 0.455, 0.030, 0.515, 0.955 ); } @keyframes mouthAnimation { 0% { transform: translate(-50%, -50%) rotateX(180deg); } 10% { transform: translate(-50%, -50%) rotateZ(360deg); } 40% { transform: translate(-50%, -50%) rotateZ(320deg); } 60% { transform: translate(-50%, -50%) rotateZ(900deg); } 100% { transform: translate(-50%, -50%) rotateZ(900deg); } } @keyframes leftEyeAnimation { 0% { width: 2.5em; height: 2.5em; transform: translate(-50%, -50%); } 50% { width: 2.5em; height: 2.5em; transform: translate(-50%, -50%); } 60% { width: 1em; height: 1em; transform: translate(-150%, -50%); } 90% { width: 1em; height: 1em; transform: translate(-150%, -50%); } 100% { width: 2.5em; height: 2.5em; transform: translate(-50%, -50%); } } @keyframes rightEyeAnimation { 0% { width: 2.5em; height: 2.5em; transform: translate(-50%, -50%); } 50% { width: 2.5em; height: 2.5em; transform: translate(-50%, -50%); } 60% { width: 1em; height: 1em; transform: translate(50%, -50%); } 70% { width: 1em; height: 1em; transform: translate(50%, -50%); } 75% { width: 1em; height: 1px; transform: translate(50%, -50%); } 80% { width: 1em; height: 1em; transform: translate(50%, -50%); } 90% { width: 1em; height: 1em; transform: translate(50%, -50%); } 100% { width: 2.5em; height: 2.5em; transform: translate(-50%, -50%); } } .fullWidth { width: 100%; } /* 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+IDwvcmRmOkRlc2NyaXB0aW9uPiA8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'); background-position: center center; position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 5; margin: auto; overflow: hidden; display: block; } /* :not(:required) hides this rule from IE9 and below */ .full-preloader .preloaderContent:not(:required) { width: 80px; height: 80px; background: none; -webkit-animation: preloaderRotate 2s linear infinite; animation: preloaderRotate 2s linear infinite; } .full-preloader .preloaderContent:not(:required) > div { overflow: hidden; -webkit-transform-origin: left center; transform-origin: left center; width: 50%; height: 100%; position: absolute; } .full-preloader .preloaderContent:not(:required) .preloaderPieRight { left: 50%; margin-left: 0; } .full-preloader .preloaderContent:not(:required) .preloaderPieRight:before, .full-preloader .preloaderContent:not(:required) .preloaderPieLeft:after, .full-preloader .preloaderContent:not(:required) .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:not(:required) .preloaderPieRight:before, .full-preloader .preloaderContent:not(:required) .preloaderPieLeft:after { border: 3px solid #0000cc; } .full-preloader .preloaderContent:not(:required) .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:not(:required) > div.preloaderPieLeft { left: 0; -webkit-transform-origin: center center; transform-origin: center center; } .full-preloader .preloaderContent:not(:required) .preloaderPieLeft:before { left: 0; } .full-preloader .preloaderContent:not(:required) .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 */ /* Checkboxes */ .checkboxLabel { position: relative; display: inline-block; font-weight: normal; } .checkboxLabel input { visibility: hidden; width: 13px; } .checkboxLabel .forCheckbox { background: #ffffff; width: 16px; height: 16px; display: block; position: absolute; left: 0; top: 0; border: 1px solid #e5e6e7; line-height: 20px; cursor: default; } @-moz-document url-prefix() { .checkboxLabel .forCheckbox { top: -1px; } } .checkboxLabel input:disabled ~ .forCheckbox { opacity: 0.4; } .checkboxLabel input:checked ~ .forCheckbox:before { content: '\2714'; position: absolute; top: -4px; left: 2px; color: #679936; } @supports (-ms-ime-align:auto) { .checkboxLabel input:checked ~ .forCheckbox:before { left: 0; font-size: 11px; } } /* Radio */ .radioLabel { position: relative; display: inline-block; font-weight: normal; padding: 11px 10px; } .radioLabel input { visibility: hidden; width: 13px; margin-right: 10px; } .radioLabel .forRadio { background: #ffffff; width: 16px; height: 16px; display: block; position: absolute; left: 10px; top: 12px; border: 1px solid #dedede; line-height: 20px; border-radius: 8px; } .radioLabel input:disabled ~ .forRadio { opacity: 0.4; } .radioLabel input:checked ~ .forRadio { border-color: #0084ff; } .radioLabel input:checked ~ .forRadio:before { content: ''; position: absolute; top: 3px; left: 3px; width: 8px; height: 8px; border-radius: 4px; background: #0084ff; } .private { border-left: 2px solid #ba3a3b; } .badge { background: #aebec9; border: 1px solid #6f8696; border-radius: 10px; color: #fff; display: inline-block; font-size: 10px; font-weight: bold; height: 18px; line-height: 16px; min-width: 18px; padding: 0 5px; text-shadow: 0 1px #7B8C99; } .sep { margin: 0 5px; display: inline-block; width: 7px; position: relative; } .sep.hidden { display: none !important; } .avatar16 { width: 16px; } .avatar24 { width: 24px; } .avatar32 { width: 32px; } .avatar50 { width: 50px; } .avatar128 { width: 128px; } .tooltipAvatar { width: 64px; } .author-avatar, .avatar16, .avatar24, .avatar32, .avatar50, .avatar128 { border-radius: 50%; } .success-txt { color: #008000; font-size: 12px; font-weight: bold; } .error-txt { color: #cd0a0a; font-size: 12px; font-weight: bold; } .color-obj { background: #f7f7f7; } .all-selects { border: 1px solid #9f9f9f; border-radius: 2px; height: 28px; padding: 2px 4px; min-width: 150px; } .all-selects > option { padding: 3px 5px; } .all-selects > option:first-child { padding-top: 3px; } .filter-area { position: relative; bottom: -14px; z-index: 5; } .filter-area .all-selects { margin: 0 0 0 10px; } .filter-area > a { margin-left: 10px; } .filter-area .search-block { margin-left: 10px; margin-top: 0; } .sidebar-block .all-selects { width: 100%; } .filter-area .preloader { vertical-align: middle; margin-right: 5px; top: -2px; } .filter-area .filter-area-buttons { min-width: 300px; text-align: right; } .filter-area .filter-area-buttons a { margin-left: 10px; } .filter-area .filters { position: absolute; white-space: nowrap; right: 300px; } .filter-area .filter-area-buttons + .filters { position: relative; float: right; right: 0; } .all.main-width .filter-area .filters:after { content: ''; position: absolute; left: 0; top: 0; display: block; height: 100%; min-height: 30px; width: calc(100% + 300px); z-index: -1; background: #ffffff; } .all.main-width .filter-area .filters:before { content: ""; position: absolute; left: -30px; top: 0; bottom: 0; width: 30px; background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1) 80%); background: -o-linear-gradient(left, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1) 80%); background: linear-gradient(to right, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1) 80%); } .mainArea .filter-area { position: static; } .asterisk { color: #E53939; } .error:not(.sidebar-block) input, input.error, select.error, .redactor_error, .sidebar-block.error, .modalBlock.error:not(.customInputError):not(.customTitleError), .select_ajax-container-multi .select_ajax-choices.error, .error textarea { background: #FFE8FA; border: 1px solid #E53939; } .modalBlock.customTitleError.error .title-small { color: #E53939; } .b-round-link { background-color: #000000; border-radius: 11px; bottom: 14px; color: #ffffff; cursor: pointer; opacity: 0.6; filter: alpha(opacity=60); padding: 2px 9px; position: relative; text-decoration: none; } .b-round-link:hover { opacity: 0.8; } .result-not-found { color: #898989; padding-top: 25px; padding-bottom: 25px; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; text-align: center; display: block; font-size: 15px; line-height: 19px; margin: 20px; } .text-area-color { color: #D50D35; font-size: 19px; height: 57px; line-height: 57px; margin: 80px auto; text-align: center; background: #fee6fc; border-bottom: 3px solid #f3f3f3; max-width: 745px; } .error-description { margin: 0 auto; border: 1px dashed #d4d4d4; padding: 10px; color: #666666; background: #f8f8f8; overflow: auto; max-height: 350px; } .error-description, .error-description * { font-family: "Courier New", "Lucida Console"; } .error-description .important { font-weight: bold; } .error-description .important.large { font-size: 16px; border-bottom: 1px solid #dedede; margin: 10px 0; color: #005899; } .error-description .marked { background-color: #f3f8a4; border: 1px solid #f6ee56; padding: 2px 6px; } h2.title-object { border-radius: 3px; cursor: pointer; height: 40px; line-height: 38px; margin-bottom: 5px; margin-top: 10px; position: relative; } h2.title-object:first-child { margin-top: 0; } h2.title-object a:not(.subscribe-link) { color: inherit; text-decoration: none; display: block; padding-left: 35px; font-weight: 600; font-size: 18px; } h2.title-object .subscribe-link { position: absolute; left: 10px; top: 0; } h2.title-object i { float: right; margin: 11px 15px; } .input-number-box { display: inline-block; position: relative; } .input-number { padding-right: 25px; } .input-number-more, .input-number-less { position: absolute; right: 8px; border-width: 5px; border-style: solid; cursor: pointer; } .input-number-more { top: 2px; border-color: transparent transparent gray transparent; } .input-number-less { bottom: 2px; border-color: gray transparent transparent transparent; } .text-gray { color: #acacac; } /* Options list */ .options-button { position: relative; display: inline-block; color: #000; margin-left: 10px; } .options-button a { color: #000; display: block; text-decoration: none; } .options-button i { display: inline-block; background-position: 50% 50%; background-repeat: no-repeat; width: 16px; height: 16px; vertical-align: top; font-size: 0; line-height: 0; text-indent: -5000px; opacity: 0.3; margin-right: 7px; } .options-button:hover span.button-small, .options-button.opened span.button-small { background: #f7f7f7; -webkit-box-shadow: none; box-shadow: none; height: 33px; border-bottom: 1px solid #F7F7F7; position: relative; z-index: 9999; border-radius: 2px 2px 0 0; } .options-button .button-small.options > i { margin-left: -5px; margin-right: 5px; margin-top: 5px; opacity: 1; } .options-button .button-small.options > i.preloader { margin-top: 1px; } .options-button .list-options { background: #f7f7f7; border: 1px solid #b7b7b7; border-radius: 0 0 2px 2px; display: none; list-style: none; margin-top: -1px; position: absolute; top: 100%; right: 0; white-space: nowrap; z-index: 9998; min-width: 200px; } .options-button.open-top .list-options { top: auto; bottom: 100%; } .options-button .list-options li { display: block; } .options-button .list-options li a, .options-button .list-options li span { border-top: 1px solid #b7b7b7; padding: 7px 20px; color: #000; display: block; line-height: 18px; text-decoration: none; cursor: pointer; } .options-button .list-options li:first-child a, .options-button .list-options li:first-child span { border-top: none; } .options-button .list-options li:hover a, .options-button .list-options li:hover > span { color: #fff; background: #8ccc47; } .options-button:hover .list-options, .options-button.opened .list-options { display: block; } .options-button.object-options .list-options li.hidden { display: none; } .button-small.customize i.ico-small { margin-left: -5px; margin-right: 7px; margin-top: -3px; opacity: 1; } /* Select options */ select.select-as-list { visibility: hidden; } .filter-select { position: relative; display: inline-block; color: #000; margin-left: 0; line-height: 28px; max-width: 100%; } .filter-select.opened { margin-right: 0; } .filter-select a, .filter-select span.as-link { color: #000; display: block; text-decoration: none; } .filter-select .filter-select-text { margin: 0 23px 0 11px; color: #0072bc; cursor: pointer; border-bottom: 1px dashed; z-index: 1000; } .filter-select.only-image .filter-select-text img { max-width: 16px; max-height: 16px; } .filter-select.disabled .filter-select-text { color: #acacac !important; cursor: default; } .filter-select.error .filter-select-text { background: #FFE8FA !important; } .filter-select .filter-select-text i { background: url(/application/8.12.0/assets/desktop/css/../images/filter-select.svg) center right no-repeat; width: 8px; height: 5px; font-size: 0; line-height: 0; text-indent: -5000px; vertical-align: middle; display: inline-block; position: absolute; top: 14px; right: 7px; float: none; margin: 0; } .filter-select.disabled .filter-select-text i { background-image: url(/application/8.12.0/assets/desktop/css/../images/filter-select-disabled.png); } .filter-select.opened .filter-select-text i { top: 13px; right: 6px; } .filter-select.opened .filter-select-text { background: #f7f7f7; -webkit-box-shadow: none; box-shadow: none; height: 33px; border: 1px solid; border-color: #b7b7b7 #b7b7b7 #F7F7F7 #b7b7b7; position: relative; line-height: 26px; padding: 0 22px 0 10px; cursor: pointer; white-space: nowrap; display: inline-block; margin: 0; } .filter-select.opened .filter-select-text:before, .filter-select.opened .filter-select-text:after { content: ""; position: absolute; bottom: -1px; width: 1px; height: 1px; background: #b7b7b7; } .filter-select.opened .filter-select-text:before { left: -1px; } .filter-select.opened .filter-select-text:after { right: -1px; } .filter-select .filter-select-list { background: #f7f7f7; border: 1px solid #b7b7b7; border-radius: 0 0 2px 2px; display: none; list-style: none; margin-top: -1px; position: absolute; top: 100%; left: 0; white-space: nowrap; z-index: 59; min-width: 200px; max-width: 100%; overflow: hidden; width: 100%; } .navigation-popup .filter-select.sort-reports .filter-select-list li:hover { background-color: #fff; } .navigation-popup .filter-select.sort-reports select.all-selects { margin: 5px 0px; width: 100%; } .navigation-popup .filter-select.sort-reports .filter-select-list li > div { padding: 0 5px; } .filter-select .filter-select-list.filter-left { right: 0; left: auto; } .filter-select *::-webkit-scrollbar { width: 8px; height: 8px; } .filter-select *::-webkit-scrollbar-thumb { background: rgba(25, 43, 58, 0.15); } .filter-select *::-webkit-scrollbar-thumb:hover { background: rgba(25, 43, 58, 0.25); } .filter-select *::-webkit-scrollbar-track { background: rgba(224, 224, 224, 0.2); } .filter-select .filter-select-list li { border-top: 1px solid #ebebeb; padding: 7px 12px 7px 10px; color: #000; display: block; line-height: 18px; text-decoration: none; cursor: pointer; position: relative; overflow: hidden; text-overflow: ellipsis; } .filter-select .filter-select-list li a { position: relative; overflow: hidden; text-overflow: ellipsis; } .filter-select .filter-select-list li.hidden, .filter-select .filter-select-list li.hiddenOption { display: none; } .filter-select .filter-select-list li.forbidden, .filter-select .filter-select-text.forbidden { text-decoration: line-through; } .filter-select .filter-select-list.filter-left li { padding-right: 10px; } .filter-select .filter-select-list.with-images li { padding-left: 35px; } .filter-select .filter-select-list li.all { background: inherit; margin: 0; border: none; min-height: 0; } .filter-select .filter-select-list.with-images li > img, .filter-select .filter-select-category li span > img { position: absolute; left: 10px; top: 50%; max-width: 16px; max-height: 16px; -webkit-transform: translate(0, -50%); transform: translate(0, -50%); } .filter-select .filter-select-list li:first-child { border-top: none; } .filter-select .filter-select-list li:hover { color: #fff; background: #8ccc47; } .filter-select .filter-select-list li:hover a { color: #fff; } .filter-select .filter-select-list li.optgroup-item { background: transparent; font-weight: 600; cursor: default; } .filter-select .filter-select-list li.optgroup-item:hover { background: transparent; } .filter-select .filter-select-list li[data-group] { padding-left: 20px; } .filter-select .filter-select-list.with-images li[data-group] { padding-left: 45px; } .filter-select.opened .filter-select-list { display: block; } .filter-select.with-scroll .filter-select-list { overflow: auto; } .filter-select.filter-top .filter-select-text { border-color: #F7F7F7 #b7b7b7 #b7b7b7 #b7b7b7; } .filter-select.filter-top .filter-select-list { top: auto; bottom: 100%; margin-bottom: -1px; border-radius: 2px 2px 0 0; } .filter-select .filter-select-list li i { margin-right: 10px; vertical-align: text-top; } .filter-select .filter-select-list li .hint-tooltip-icon { margin-inline-start: 0.5em; } #powerTip.hint-popup { max-width: 300px; padding: 8px 16px; background: #000; text-align: left; white-space: wrap; } .hint-popup * + * { margin-top: 0.5em; } #powerTip.hint-popup a { color: #4192da; } #powerTip.hint-popup a[target=_blank]::after { content: ''; display: inline-block; width: 16px; height: 16px; background-color: currentColor; mask-image: url(/application/8.12.0/assets/desktop/css/../images/icons/svg/open-in-new.svg); mask-position: center; mask-repeat: no-repeat; mask-size: 16px 16px; vertical-align: middle; margin-block-start: calc(1ex - 1cap); margin-inline-start: 0.5em; } .hint-popup-learn-more { display: block; } .title-block .filters { font-size: 0; margin-top: -33px; float: right; } .title-block .filters .filter-select { font-size: 14px; } /* Breadcrumbs */ .breadcrumbs { color: #acacac; border-bottom: 1px dotted #bfbfbf; padding: 17px 0 10px 0; min-height: 49px; } .breadcrumbs a { font-size: 16px; color: #acacac; text-decoration: none; display: inline; line-height: 23px; } .breadcrumbs a:first-child { padding-left: 0; } .breadcrumbs a:after { content: '\00BB'; display: inline-block; margin-left: 7px; margin-right: 7px; } .breadcrumbs a:last-child:after { display: none; } .breadcrumbs a:hover { color: #0072bc; } .breadcrumbs a.current { background: none; } /* Page layout */ .page-title, .page-title h1 { color: #000; font-size: 22px; font-weight: 600; } .page-title { border-bottom: 1px dotted #bfbfbf; padding: 10px 0; position: relative; } .all .page-title h1 { display: inline-block; padding: 0; border-bottom: 0; } .all .page-title h1.no-wrap { overflow: hidden; max-width: 800px; max-width: calc(100% - 250px); margin-bottom: -2px; } .page-title-centered { text-align: center; } /* Paginator */ ul.paginator { margin-top: 40px; margin-bottom: 10px; font-size: 0; } .mainArea > ul.paginator { float: left; } ul.paginator li { background: #fafafa; -webkit-box-shadow: inset 0 1px 0 0 #fff; box-shadow: inset 0 1px 0 0 #fff; display: inline-block; font-size: 14px; } @media screen and (-webkit-min-device-pixel-ratio:0) { /* Safari 5+ ONLY */ ::i-block-chrome, ul.paginator li:not(:first-child) { margin-left: -4px; } } ul.paginator li:hover { background: rgb(230, 230, 230); background: -webkit-linear-gradient(top, rgba(230, 230, 230, 1) 0%, rgba(242, 242, 242, 1) 100%); background: linear-gradient(to bottom, rgba(230, 230, 230, 1) 0%, rgba(242, 242, 242, 1) 100%); -webkit-box-shadow: inset 0 1px 2px 0 #ccc; box-shadow: inset 0 1px 2px 0 #ccc; } ul.paginator li a, ul.paginator li span { display: block; height: 28px; line-height: 28px; text-align: center; text-decoration: none; width: 29px; } ul.paginator li a { border: 1px solid #b7b7b7; border-left: none; color: #555555; } ul.paginator li:first-child a { border-radius: 2px 0 0 2px; border-left: 1px solid #b7b7b7; } ul.paginator li:last-of-type a { border-radius: 0 2px 2px 0; } ul.paginator li .previous { background: url(/application/8.12.0/assets/desktop/css/../images/arrows-paginator.gif) no-repeat scroll 9px 55% #fafafa; text-indent: -5000px; } ul.paginator li .next { background: url(/application/8.12.0/assets/desktop/css/../images/arrows-paginator.gif) no-repeat scroll -13px 55% #fafafa; text-indent: -5000px; } ul.paginator li.disabled { opacity: 0.7; } ul.paginator li span.cur { background: rgb(24, 190, 241); background: -webkit-linear-gradient(top, rgba(24, 190, 241, 1) 0%, rgba(17, 156, 227, 1) 100%); background: linear-gradient(to bottom, rgba(24, 190, 241, 1) 0%, rgba(17, 156, 227, 1) 100%); border: 1px solid #0074be; -webkit-box-shadow: inset 0 1px 0 0 #5ed2f6; box-shadow: inset 0 1px 0 0 #5ed2f6; color: #fff; cursor: default; } .paginator li a.paginator_preloader { text-indent: -5000px; position: relative; background-image: none; } .paginator li a.paginator_preloader i.preloader { position: absolute; top: 0; right: 0; left: 0; bottom: 0; margin: auto; } /* WYSIWYG */ .resizer-wrap { position: relative; padding: 5px 3px 1px 10px; } .resizer-wrap > textarea, .modalBlock .resizer-wrap > textarea { border: none; font-family: inherit; font-size: 14px; width: 100%; height: 160px; overflow-y: visible; resize: none; display: none; -webkit-box-shadow: none; box-shadow: none; margin-top: 0; padding: 0; } .content-tabs-object .resizer-wrap > textarea { display: block; margin-top: 0; } .resizer { background: url(/application/8.12.0/assets/desktop/css/../images/resizer.gif) no-repeat 100% 100%; height: 8px; width: 8px; padding: 10px; font-size: 0; line-height: 0; text-indent: -5000px; position: absolute; right: 1px; bottom: 1px; z-index: 9; } .resizer-layer { position: fixed; inset: 0; z-index: 99999; } .resizer, .resizer-layer { cursor: s-resize; } .description-object, .content-tabs-object > .resizer-wrap { border: 1px solid #9f9f9f; background: #FFFFFF; position: relative; -webkit-box-shadow: inset 0 1px 0 0 #eeeeee; box-shadow: inset 0 1px 0 0 #eeeeee; } .description-object { border-bottom-style: dotted; } .comments-block .description-object { -webkit-box-shadow: none; box-shadow: none; border-top: none; padding-top: 0 !important; } .comments-block .comment .description-object { border-bottom: 1px solid #ebebeb; margin-bottom: -1px; padding-left: 0; padding-top: 10px !important; } .comments-block .comment.comment-reply-to .comment-add-form .description-object { padding-top: 15px !important; margin-bottom: -1px; border-bottom-color: #ebebeb; border-bottom-style: dotted; } .new-object .description-object, .new-object .attachments-block { border-color: #dddddd; } .comments-block .description-object, .comments-block .attachments-block { border-color: #ebebeb; } .comments-block .comment .attachments-block .inner-files .ico-small.idelete { top: 2px; } .description-object:last-child { border-bottom: 1px solid #ababab; } .modalBlock .description-object { margin: 0 10px 15px 20px; width: 91%; border-bottom-style: solid; } .modalBlock .description-object:not([style*="padding-top"]) .resizer-wrap { min-height: 215px; } .modalBlock .description-object.chat-canned-response { padding-top: 32px; } .modalBlock .description-object.chat-canned-response .allowed-codes-block { height: 32px; display: block; } .modalBlock .description-object.chat-canned-response .resizer-wrap { min-height: 100px; } .comment-content-text .description-object { padding-top: 32px; } .description-object.error { background: none repeat scroll 0 0 #FFE8FA; border: 1px solid #E53939; } .allowed-codes-block { border-bottom: 1px solid #ddd; display: none; position: absolute; left: 0; top: 0; bottom: auto; width: 100%; height: 32px; z-index: 20; white-space: nowrap; } .comments-block .allowed-codes-block { border: medium none; left: auto; padding-right: 0; right: 20px; top: -38px; width: auto; } .new-object .allowed-codes-block { background: #f3fafe; height: 42px; } .new-object .code.re-icon { height: 42px; padding: 14px; width: 42px; } .attachments-block { background: #FFFFFF; border: 1px solid #ababab; margin-bottom: 10px; margin-top: -1px; } .comment-add-form .attachments-block:empty { border-bottom: none; position: relative; z-index: 9; } .modalBlock .attachments-block:not(:empty) { border: none; margin-top: -5px; margin-left: 10px; margin-right: 20px; background: none; padding-bottom: 5px; } .redactor_box + .attachments-block:empty { display: none; } .allowed-codes-button { position: absolute; right: 10px; top: -24px; background: #fff; white-space: nowrap; padding: 0 12px; border-width: 1px 1px 0 1px; border-style: solid; border-color: #d7d7d7; line-height: 24px; cursor: pointer; } .allowed-codes-block div.alignes { border: none; padding: 0; display: inline-table; vertical-align: top; position: relative; } .allowed-codes-block div.alignes span { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .allowed-codes-block .allowed-code-image, .code.re-icon.allowed-code-image:hover { background-color: #ccc; position: relative; z-index: 10; } .allowed-codes-block div.upload-images-list { background: #ffffff; -webkit-box-shadow: 0 1px 5px #bbb; box-shadow: 0 1px 5px #bbb; position: absolute; top: 31px; left: 0; margin-left: 1px; z-index: 11; padding: 0; } .allowed-codes-block div.upload-images-list.right-position { left: auto; right: 0; } .allowed-codes-block div.upload-images-list span { padding: 7px 20px; color: #000; line-height: 21px; } .allowed-codes-block div.upload-images-list span:first-child { border-top: none; } .allowed-codes-block div.upload-images-list span:hover { background: #dde4ef; } .code { display: inline-block; padding: 2px; margin: 0; text-decoration: none; background-repeat: no-repeat; font-size: 14px; color: #000000; vertical-align: top; } .code { cursor: pointer; text-decoration: none !important; } .code.re-icon { padding: 9px 10px; width: 34px; height: 32px; } .code i { display: inline-block; background: none; width: 0; height: 0; margin: 0; vertical-align: middle; } .code.re-cleanformat, .code.re-changeview { background-position: center; } .code.re-arrow { background-image: url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTkuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeD0iMHB4IiB5PSIwcHgiIHZpZXdCb3g9IjAgMCAzODYuMjU3IDM4Ni4yNTciIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDM4Ni4yNTcgMzg2LjI1NzsiIHhtbDpzcGFjZT0icHJlc2VydmUiIHdpZHRoPSIxNnB4IiBoZWlnaHQ9IjE2cHgiPgo8cG9seWdvbiBwb2ludHM9IjAsOTYuODc5IDE5My4xMjksMjg5LjM3OSAzODYuMjU3LDk2Ljg3OSAiIGZpbGw9IiMwMDAwMDAiLz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPC9zdmc+Cg==); background-position: center; background-size: 13px 13px; } .code.re-arrow:hover { background-image: url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTkuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeD0iMHB4IiB5PSIwcHgiIHZpZXdCb3g9IjAgMCAzODYuMjU3IDM4Ni4yNTciIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDM4Ni4yNTcgMzg2LjI1NzsiIHhtbDpzcGFjZT0icHJlc2VydmUiIHdpZHRoPSIxNnB4IiBoZWlnaHQ9IjE2cHgiPgo8cG9seWdvbiBwb2ludHM9IjAsOTYuODc5IDE5My4xMjksMjg5LjM3OSAzODYuMjU3LDk2Ljg3OSAiIGZpbGw9IiNGRkZGRkYiLz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPC9zdmc+Cg==); } .code:hover, .code-active { color: #000; background-color: #eaf2f3; } .code.re-icon:hover { background-color: #1f78d8; color: #ffffff; } .textarea-editor { width: 100%; height: 160px; overflow-y: auto; } .textarea-editor ul, .textarea-editor ol { padding-left: 30px; } .allowed-codes-block > div { padding: 0; font-size: 0; } .add-new-file-block-inner, .mailing-body-modal { margin: 0 20px 20px 20px; } .add-new-file-block-inner .comment-file-upload { margin-top: 5px; } ol.inserted-code li { border-left: 2px solid #1AC131; color: #555555; padding-left: 10px; } #canned-responses-table td .iedit, #canned-responses-table td .idelete { top: -2px; } #canned-responses-table td .imove { top: 1px; } .description-object .allowed-codes-block .code.re-fullscreen { position: absolute; right: 0; top: 0; } /* Full Screen */ .resizerFullScreen .description-object.full-screen-resizer { position: fixed; left: 0; top: 0; right: 0; bottom: 0; z-index: 999999; padding-top: 48px !important; } .resizerFullScreen .description-object.full-screen-resizer .allowed-codes-block { height: 48px; box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.1); } .resizerFullScreen .description-object.full-screen-resizer .allowed-codes-block .code.re-icon { height: 48px; width: 49px; font-size: 16px; line-height: 1; padding: 16px; border-right: 1px solid rgba(0, 0, 0, 0.05); } .resizerFullScreen .description-object.full-screen-resizer .allowed-codes-block .code.re-cleanformat { background-position: center; } .resizerFullScreen .description-object.full-screen-resizer .textarea-editor, .resizerFullScreen .description-object.full-screen-resizer .resizer-wrap { height: 100% !important; } .resizerFullScreen .description-object.full-screen-resizer .resizer { display: none; } /* New Redactor */ .spoiler-block { background-color: #FAFAFA; border: 1px dotted #B7B7B7; text-decoration: none; margin-bottom: 15px; } .spoiler-title { color: #004D99; cursor: pointer; display: block; padding: 8px 10px 10px 15px; } .spoiler-title:before { content: ""; display: inline-block; width: 8px; height: 5px; background: url(/application/8.12.0/assets/desktop/css/../images/filter-select.svg) no-repeat; margin-right: 7px; position: relative; top: -2px; } .spoiler-content { display: none; margin-top: -5px; padding: 0 10px 8px 15px; } .spoiler-block.opened .spoiler-title:before { -webkit-transform: rotate(180deg); transform: rotate(180deg); } .spoiler-block.opened .spoiler-content { display: block; } .notes-block { background: #fffcd9; border: 1px solid #eede9c; border-radius: 5px; padding: 15px; margin-bottom: 15px; margin-left: 20px; margin-right: 20px; } .notes-block p:last-child { margin-bottom: 0; } /* Private object */ .private-line { background: #ef5d5f; border: 1px solid #cb3d44; color: #fff; height: 30px; display: block; width: 100%; line-height: 30px; text-align: center; margin-bottom: 20px; } /* Object state */ .object-state-header > img { margin-right: 5px; } /* Trash, Archive, Draft Lines */ .trash-line, .archive-line, .draft-line, .moderation-line { background: #2e3e4e; color: #fff; height: 44px; display: block; width: 100%; line-height: 44px; text-align: center; margin-top: 20px; } .object-state-header.trash-line a, .object-state-header.archive-line a, .object-state-header.draft-line a, .object-state-header.moderation-line a { color: #fff; } .moderation-line .filter-select .filter-select-text { color: #ffffff; border-bottom-color: transparent; } .moderation-line .filter-select.opened .filter-select-text { background: transparent; border-color: transparent; } .moderation-line .filter-select .filter-select-text i { background-image: url(/application/8.12.0/assets/desktop/css/../images/filter-select-white.svg); } .trash-line .filter-select a, .archive-line .filter-select a, .draft-line .filter-select a, .moderation-line .filter-select a { color: #000000; text-align: left; } /* Shared */ .shared-line { background: #ef5d5f; border: 1px solid #cb3d44; color: #fff; height: 30px; display: block; width: 100%; line-height: 30px; text-align: center; margin-bottom: 20px; } .shared-line img { vertical-align: text-top; } /* Notifications */ .success-notification { z-index: 9999999999999999; opacity: 0.95; position: fixed; display: inline-block; width: auto; left: 50%; right: auto; text-align: center; -ms-transform: translateX(-50%); -webkit-transform: translateX(-50%); transform: translateX(-50%); white-space: nowrap; max-width: 80%; max-width: calc(100% - 400px); overflow: hidden; height: 51px; top: auto; bottom: 30px; background-color: #3A1A46; padding: 0 70px; border-radius: 3px; } .success-notification .inner { line-height: 51px; text-align: center; background: none; border: none; font-size: 14px; text-shadow: none; color: #ffffff; width: auto; display: inline-block; height: 51px; padding-right: 0; max-width: 100%; overflow: hidden; text-overflow: ellipsis; } .success-notification .inner:before { -webkit-mask: url(/application/8.12.0/assets/desktop/css/../images/icons/16/double-check.svg) no-repeat 50% 50%; mask: url(/application/8.12.0/assets/desktop/css/../images/icons/16/double-check.svg) no-repeat 50% 50%; -webkit-mask-size: contain; mask-size: contain; background-color: #1aff02; background-image: none; content: ''; width: 17px; height: 10px; position: absolute; left: 45px; top: 21px; } .success-notification .inner:after { content: url(/application/8.12.0/assets/desktop/css/../images/icons/16/close.png); display: inline-block; position: absolute; top: 18px; right: 15px; cursor: pointer; height: 16px; width: 16px; line-height: 1; } .success-notification .inner:empty:after { display: none; } .success-notification .inner a { color: #fff; } .error-notification .inner:before { background-color: #ff1a02; } @media (max-width: 740px) { .success-notification { max-width: calc(100% - 30px); padding: 0 50px; } .success-notification .inner:before { left: 22px; } } #push-notifications .success-notification { left: auto; right: 20px; text-align: center; -ms-transform: none; -webkit-transform: none; transform: none; top: 30px; bottom: auto; height: 63px; padding-top: 10px; } #push-notifications .success-notification .inner { line-height: 20px; height: 40px; text-align: left; } #push-notifications .success-notification .inner:before { -webkit-mask: none; mask: none; background-image: url(/application/8.12.0/assets/desktop/css/../images/icons/32/cloud.png); background-color: transparent; background-size: contain; width: 20px; height: 20px; left: 35px; top: 22px; } #push-notifications .success-notification .inner:after { display: none; } #push-notifications .success-notification .inner i { position: absolute; top: 24px; right: 25px; } #push-notifications .success-notification .inner .notification-subtitle { display: block; font-weight: 600; } /* 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 !important; } #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: 0.4; cursor: pointer; margin: auto; bottom: 0; top: 0; } #showImage .arrows span:hover { opacity: 1; } #showImage .arrows .arrowLeft { background: url(/application/8.12.0/assets/desktop/css/../images/icons/32/arrow-left.png); left: 30px; } #showImage .arrows .arrowRight { background: url(/application/8.12.0/assets/desktop/css/../images/icons/32/arrow-right.png); right: 30px; } #showImageBlackout:hover + #showImage .popupClose { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } /******************************************************************************* Global styles *******************************************************************************/ #main { position: relative; height: 100%; z-index: 0; overflow: hidden; min-height: 99vh; } [style*="hidden"]:not(.resizerFullScreen) #main { -webkit-filter: blur(2px); filter: blur(2px); } .overflowHidden:not(.resizerFullScreen) #main { -webkit-filter: blur(2px); filter: blur(2px); } @supports (-ms-ime-align:auto) { [style*="hidden"] #main, [style*="hidden"]:not(.resizerFullScreen) #main { -webkit-filter: blur(0); filter: blur(0); } .overflowHidden:not(.resizerFullScreen) #main { -webkit-filter: blur(0); filter: blur(0); } } .main-width { width: 100%; min-width: 1000px; max-width: 1140px; margin: 0 auto; } .all { margin-top: 20px; padding: 20px 20px 50px 20px; background: #fff; border: 1px solid #b7b7b7; position: relative; width: 100%; min-height: 80%; } .top-nav + .all { margin-top: -1px; } .all.main-all { padding-top: 30px; } .all h1 { border-bottom: 1px dotted #bfbfbf; padding: 10px 0; } .wrap-container { position: relative; } .widgetContainer { margin-bottom: 30px; } .universal-table { border: 1px solid #ccc; border-collapse: collapse; width: 100%; } .universal-table td { padding: 10px 20px; border-top: 1px solid #dbdbdb; } .universal-table td a { text-decoration: none; } /* Change Log */ .modal-universal-table { padding: 0 20px; } .modal-universal-table .universal-table { border: none; margin-bottom: 20px; } .modal-universal-table .universal-table td, .modal-universal-table .universal-table th { vertical-align: top; padding: 5px 0; line-height: 1.8em; } .universal-table-admin.align-top td { vertical-align: top; } .modal-universal-table .universal-table.with-padding td, .modal-universal-table .universal-table.with-padding th { padding-left: 10px; padding-right: 10px; } .modal-universal-table .universal-table th { background: #f7f7f7; border-top: 1px solid #d9d9d9; border-bottom: 1px solid #d9d9d9; } .modal-universal-table .universal-table > tr:first-child td, .modal-universal-table .universal-table > tbody > tr:first-child td { border-top: none; padding-top: 0; } .modal-universal-table .universal-table td .bold { color: #000; } .modal-universal-table .universal-table td.time-ago { color: #acacac; } .modal-universal-table .universal-table-admin td.time-ago { color: #acacac; } .modal-universal-table .universal-table td.change-log-action { line-height: 1.8em; } .modal-universal-table .universal-table .statistics-link i { margin-right: 5px; top: -1px; } .modal-universal-table .universal-table span.statistics-link i { cursor: default; } .modal-universal-table .universal-table .info > td { padding: 0 0 0 15px; } .modal-universal-table .universal-table .objects-table { margin-bottom: 0; } .modal-universal-table .universal-table .objects-table td { border-top: none; vertical-align: middle; } .modal-universal-table .universal-table .objects-table tr:last-child td { border-bottom: none; } .modal-universal-table .universal-table .info .title-users { margin-top: 10px; margin-bottom: 5px; font-weight: normal; } .modal-universal-table .universal-table .info .title-users:first-child { margin-top: 5px; } .modal-universal-table .universal-table .info .title-users i { margin-top: 5px; background-size: 100%; cursor: default; } .modal-universal-table .universal-table .objects-table td.object-icons { padding: 5px; } .modal-universal-table .universal-table .objects-table .object-users-name { width: 40%; } .modal-universal-table .universal-table .objects-table .object-users-name a, .modal-universal-table .universal-table a.statistics-link { color: inherit; } /* Universal Table Admin */ .universal-table-admin { border-collapse: separate; width: 100%; position: relative; border-spacing: 0; } .universal-table-admin.border-collapse { border-collapse: collapse; } .universal-table-admin.border-collapse { border-collapse: collapse; } .universal-table-admin.table-border-full { border: 1px solid #ccc; } .universal-table-admin.table-no-border { border: none; } .universal-table-admin thead, .universal-table-admin .thead { font-weight: 600; } .universal-table-admin tbody tr:first-child:not(.thead) td { border: none; } .universal-table-admin thead th, .universal-table-admin .thead td { padding: 0 20px 10px 20px; border-bottom: 1px solid #d9d9d9; font-weight: 600; vertical-align: top; color: #000000; } p + .universal-table-admin thead:first-child th, p + .universal-table-admin .thead:first-child td { padding-top: 10px; vertical-align: baseline; border-top: 1px solid #d9d9d9; } .universal-table-admin td, .content-tabs-area table.universal-table-admin td { padding: 10px 20px; border-top: 1px dotted #dbdbdb; min-width: 50px; } .universal-table-admin.padding-small td, .content-tabs-area table.universal-table-admin.padding-small td, .universal-table-admin.padding-small thead th, .universal-table-admin.padding-small .thead td { padding: 10px; } table.universal-table-admin td.no-padding, .universal-table-admin th.no-padding { padding: 0; } td.no-padding-right, th.no-padding-right { padding-right: 0; } td.no-padding-left, th.no-padding-left { padding-left: 0 !important; } .universal-table-admin.table-border-full td { border-top-style: solid; } .universal-table-admin tr { left: 0; } .universal-table-admin td.no-border { border-top: none; } .universal-table-admin td a { text-decoration: none; } .universal-table-admin.table-border { border-bottom: 1px solid #ebebeb; } .tabs-table { margin-top: 20px; margin-bottom: 10px; } .tabs-table.object-types { margin-top: 0; margin-bottom: 0; } .universal-table-admin tr.checked { background: #ffffdd; } .universal-table-admin a.ico-small, .universal-table-admin span.as-link.ico-small { opacity: 0.3; margin-left: 3px; } .universal-table-admin a.ico-small:hover, .universal-table-admin span.as-link.ico-small:hover { opacity: 1; } .universal-table-admin td .input-full-modal { width: 100%; } .universal-table-admin a .ico-small.istart { opacity: 0.6; } .universal-table-admin a:hover .ico-small.istart { opacity: 1; } .universal-table-admin input[type="checkbox"]:not(.toggle-field) { top: 0; } @-moz-document url-prefix() { .universal-table-admin input[type="checkbox"].toggle-field { top: 0; } } .universal-table-admin td > i.ico-small { top: -2px; } .table-actions a { margin-left: 5px; opacity: 0.3; } .table-actions a:hover { opacity: 1; } .cell-50px { width: 50px; } .cell-10px { width: 10px; } .cell-1 { width: 1%; } .cell-2 { width: 2%; } .cell-3 { width: 3%; } .cell-5 { width: 5%; } .cell-6 { width: 6%; } .cell-7 { width: 7%; } .cell-8 { width: 8%; } .cell-9 { width: 9%; } .cell-10 { width: 10%; } .cell-15 { width: 15%; } .cell-20 { width: 20%; } .cell-25 { width: 25%; } .cell-30 { width: 30%; } .cell-35 { width: 35%; } .cell-40 { width: 40%; } .cell-45 { width: 45%; } .cell-50 { width: 50%; } .cell-55 { width: 55%; } .cell-60 { width: 60%; } .cell-65 { width: 65%; } .cell-70 { width: 70%; } .cell-75 { width: 75%; } .cell-80 { width: 80%; } .cell-85 { width: 85%; } .cell-90 { width: 90%; } table td.padding-right-15 { padding-right: 15px; } /* Table columns view */ .table-col { display: table-cell; width: 50%; } .table-col:first-child { width: 52%; padding-right: 20px; } .table-col.full-col { width: 100%; padding: 0 20px; display: block; } .table-col > .title-small.forums-access-title { border-bottom: 1px solid #dbdbdb; padding: 10px 10px 8px 0; margin-bottom: -5px; } .table-col .table-col-line { border-bottom: 1px dotted #DBDBDB; } .table-col .table-col-line:first-child { border-top: 1px dotted #DBDBDB; } .table-col.full-col .table-col-line { border-top: 1px dotted #DBDBDB; border-bottom: none; } .table-col.full-col .table-col-line:first-child { border-top: none; } .table-col-line .caption { margin-right: 20px; float: left; } .table-col-line .caption + .ico-small { float: right; } .table-col .table-col-line label { display: block; padding: 5px 10px 5px 10px; cursor: pointer; } .table-col .table-col-line label.dependency { margin-left: 20px; } .table-col .table-col-line label:hover, .table-col .table-col-line label.active { background: #ffffcc; } .table-col.no-hover .table-col-line label:hover { background: transparent; cursor: default; } .table-col .table-col-line input { margin-right: 3px; } .table-col .ui-sortable { min-height: 30px; padding-bottom: 30px; } .modalBlock .table-col.full-col { margin-bottom: 15px; } .table-col-line label .ico-small.imove.floatRight { top: 5px; } .table-col-line label .pic { vertical-align: middle; margin: 0 3px; position: relative; top: -2px; } .modalCheckboxList { margin: 5px 20px 20px 20px; width: 90%; display: table; } /******************************************************************************* Background Styles Gradient *******************************************************************************/ .menu-tabs li a, .content-tabs li span, .menu-tabs .arrow-tab span { background: rgb(254, 254, 254); background: -webkit-linear-gradient(top, rgba(254, 254, 254, 1) 0%, rgba(246, 246, 246, 1) 100%); background: linear-gradient(to bottom, rgba(254, 254, 254, 1) 0%, rgba(246, 246, 246, 1) 100%); } .menu-tabs li a:hover, .content-tabs li span:hover, .content-tabs li.active span, .menu-tabs .arrow-tab span:hover, .menu-tabs li.active-tab a { filter: none; background: rgb(140, 204, 71); background: -webkit-linear-gradient(top, rgb(140, 204, 71) 0%, rgb(140, 204, 71) 10%, rgb(255, 255, 255) 10%, rgb(255, 255, 255) 100%); background: linear-gradient(to bottom, rgb(140, 204, 71) 0%, rgb(140, 204, 71) 10%, rgb(255, 255, 255) 10%, rgb(255, 255, 255) 100%); } .menu-tabs li.tab-button a { background: rgb(139, 203, 71); background: -webkit-linear-gradient(top, rgba(139, 203, 71, 1) 0%, rgba(126, 180, 71, 1) 100%); background: linear-gradient(to bottom, rgba(139, 203, 71, 1) 0%, rgba(126, 180, 71, 1) 100%); } /******************************************************************************* Buttons *******************************************************************************/ .button-medium-color, .button-small-color, button[class*="redactor_btn_modal"], button[class*="redactor_modal"] { background: rgb(139, 203, 71); background: -webkit-linear-gradient(top, rgba(139, 203, 71, 1) 0%, rgba(126, 180, 71, 1) 100%); background: linear-gradient(to bottom, rgba(139, 203, 71, 1) 0%, rgba(126, 180, 71, 1) 100%); border: 1px solid #679936; border-radius: 2px; -webkit-box-shadow: inset 0 1px 0 0 #afdb7f, 0 1px 2px 0 #ccc; box-shadow: inset 0 1px 0 0 #afdb7f, 0 1px 2px 0 #ccc; color: #fff; cursor: pointer; text-decoration: none; display: inline-block; white-space: nowrap; } .button-medium-color:hover, .button-small-color:hover, button[class*="redactor_btn_modal"]:hover, button[class*="redactor_modal"]:hover { -webkit-box-shadow: inset 0 1px 2px 0 #7bb53f, 0 1px 2px 0 #fff; box-shadow: inset 0 1px 2px 0 #7bb53f, 0 1px 2px 0 #fff; } .button-small-color, button[class*="redactor_btn_modal"], button[class*="redactor_modal"] { height: 28px; font-size: 15px; padding: 0 12px 2px; line-height: 23px; } .button-medium-color { height: 32px; font-size: 16px; padding: 1px 20px; line-height: 26px; } .button-small, .button-medium { background: rgb(254, 254, 254); background: -webkit-linear-gradient(top, rgba(254, 254, 254, 1) 0%, rgba(246, 246, 246, 1) 100%); background: linear-gradient(to bottom, rgba(254, 254, 254, 1) 0%, rgba(246, 246, 246, 1) 100%); border: 1px solid #b7b7b7; border-radius: 2px; -webkit-box-shadow: inset 0 0 0 1px #fff, 0 1px 2px 0 #ddd; box-shadow: 0 0 0 1px #FFFFFF inset, 0 1px 2px 0 #ddd; color: #000; cursor: pointer; display: inline-block; font-size: 14px; text-decoration: none; white-space: nowrap; } .button-small { height: 28px; padding: 1px 15px; line-height: 24px; } input.button-small, button.button-small { padding-top: 0; } .button-medium { height: 32px; padding: 0 17px; } .button-small:hover, .button-medium:hover { background: rgb(240, 240, 240); background: -webkit-linear-gradient(top, rgba(240, 240, 240, 1) 0%, rgba(254, 254, 254, 1) 100%); background: linear-gradient(to bottom, rgba(240, 240, 240, 1) 0%, rgba(254, 254, 254, 1) 100%); -webkit-box-shadow: inset 0 1px 2px 0 #ddd, 0 1px 2px 0 #eee; box-shadow: inset 0 1px 2px 0 #ddd, 0 1px 2px 0 #eee; } .button-small.disactive, .button-medium.disactive { color: #C4C4C4; border: 1px solid #ccc; cursor: default; box-shadow: none; background: rgb(254, 254, 254); background: -webkit-linear-gradient(top, rgba(254, 254, 254, 1) 0%, rgba(246, 246, 246, 1) 100%); background: linear-gradient(to bottom, rgba(254, 254, 254, 1) 0%, rgba(246, 246, 246, 1) 100%); } .button-medium-color:disabled, .button-small-color:disabled, .button-small:disabled, .button-medium:disabled, .button-medium-color.disabled, .button-small-color.disabled, .button-small.disabled, .button-medium.disabled { opacity: 0.5; cursor: not-allowed; } ul.combined-buttons { font-size: 14px; height: 28px; margin-top: 10px; } ul.combined-buttons.disabled { opacity: 0.6; } ul.combined-buttons li, ul.combined-buttons li.disabled { background: rgb(254, 254, 254); background: -webkit-linear-gradient(top, rgba(254, 254, 254, 1) 0%, rgba(246, 246, 246, 1) 100%); background: linear-gradient(to bottom, rgba(254, 254, 254, 1) 0%, rgba(246, 246, 246, 1) 100%); -webkit-box-shadow: inset 0 0 0 1px #fff, 0 1px 2px 0 #ddd; box-shadow: 0 0 0 1px #FFFFFF inset, 0 1px 2px 0 #ddd; border: 1px solid #b7b7b7; border-left-width: 0; float: left; list-style: none; } ul.combined-buttons li:first-child { border-radius: 2px 0 0 2px; border-left: 1px solid #b7b7b7; } ul.combined-buttons li:last-child { border-radius: 0 2px 2px 0; } ul.combined-buttons li label, ul.combined-buttons li a { color: #555555; display: block; padding: 4px 12px; text-decoration: none; position: relative; } ul.combined-buttons li label:after { content: ''; display: block; position: absolute; left: -1px; right: -1px; bottom: -1px; top: -1px; cursor: inherit; } ul.combined-buttons li label input { display: none; } ul.combined-buttons li:hover { background: rgb(240, 240, 240); background: -webkit-linear-gradient(top, rgba(240, 240, 240, 1) 0%, rgba(254, 254, 254, 1) 100%); background: linear-gradient(to bottom, rgba(240, 240, 240, 1) 0%, rgba(254, 254, 254, 1) 100%); -webkit-box-shadow: inset 0 1px 2px 0 #ddd, 0 1px 2px 0 #eee; box-shadow: inset 0 1px 2px 0 #ddd, 0 1px 2px 0 #eee; } ul.combined-buttons li:hover label, ul.combined-buttons li:hover a { color: #000; cursor: pointer; } ul.combined-buttons li.activ-pos { background: rgb(139, 203, 71); background: -webkit-linear-gradient(top, rgba(139, 203, 71, 1) 0%, rgba(126, 180, 71, 1) 100%); background: linear-gradient(to bottom, rgba(139, 203, 71, 1) 0%, rgba(126, 180, 71, 1) 100%); border: 1px solid #679936; -webkit-box-shadow: inset 0 1px 2px 0 #7bb53f, 0 1px 2px 0 #fff; box-shadow: inset 0 1px 2px 0 #7bb53f, 0 1px 2px 0 #fff; } ul.combined-buttons li.activ-pos label, ul.combined-buttons li.activ-pos a { color: #fff; cursor: default; } ul.combined-buttons li.disabled { background: rgb(254, 254, 254); background: -webkit-linear-gradient(top, rgba(254, 254, 254, 1) 0%, rgba(246, 246, 246, 1) 100%); background: linear-gradient(to bottom, rgba(254, 254, 254, 1) 0%, rgba(246, 246, 246, 1) 100%); -webkit-box-shadow: inset 0 0 0 1px #fff, 0 1px 2px 0 #ddd; box-shadow: 0 0 0 1px #FFFFFF inset, 0 1px 2px 0 #ddd; } ul.combined-buttons li.disabled label, ul.combined-buttons.disabled li label { color: #ACACAC; cursor: default; } ul.combined-buttons li a.preloader { height: 100%; width: 100%; } /******************************************************************************* Icons *******************************************************************************/ .ico-big { display: inline-block; background-position: 50% 50%; background-repeat: no-repeat; width: 32px; height: 32px; vertical-align: middle; font-size: 0; line-height: 0; text-indent: -5000px; } .ico-small, .ico-medium { cursor: pointer; display: inline-block; background-position: 50% 50%; background-repeat: no-repeat; width: var(--icon-size, 16px); height: var(--icon-size, 16px); vertical-align: middle; font-size: 0; line-height: 0; text-indent: -5000px; position: relative; } .ico-medium { width: 24px; height: 24px; } .ico-small:hover { opacity: 1; } .ico-small.center { font-size: inherit; line-height: inherit; } .ico-small.center, .line-height-center { margin-block-start: calc(1ex - 1cap); vertical-align: middle; } .no-link { cursor: default; opacity: 1 !important; } .iprivate { background-image: url(/application/8.12.0/assets/desktop/css/../images/icons/16/private.png) !important; } .ieye { background-image: url(/application/8.12.0/assets/desktop/css/../images/icons/16/eye.png); } .ieye-white { background-image: url(/application/8.12.0/assets/desktop/css/../images/icons/16/eye-white.png); } .iresponse { background-image: url(/application/8.12.0/assets/desktop/css/../images/icons/16/responses.png); } .inner-files .ico-small.idelete { background: url(/application/8.12.0/assets/desktop/css/../images/comments/remove-file-comment.png) no-repeat scroll 50% 50% transparent; vertical-align: top; } .ireminder { background: url(/application/8.12.0/assets/desktop/css/../images/icons/16/reminder.png) no-repeat scroll 50% 50% transparent; } .ischedule { background: url(/application/8.12.0/assets/desktop/css/../images/icons/16/schedule-send.png) no-repeat scroll 50% 50% transparent; opacity: 0.3; } .ireminder-black, .comment-set-reminder:not(.reminderIsSet) .ireminder { background: url(/application/8.12.0/assets/desktop/css/../images/icons/16/reminder-black.png) no-repeat scroll 50% 50% transparent; } .ireminder.empty { opacity: 0.3; } .inotify { background: url(/application/8.12.0/assets/desktop/css/../images/icons/16/notify.png) no-repeat scroll 50% 50% transparent; } .inot-notify { background: url(/application/8.12.0/assets/desktop/css/../images/icons/16/not-notify.png) no-repeat scroll 50% 50% transparent; } .iclose { background: url(/application/8.12.0/assets/desktop/css/../images/close.png) no-repeat; height: 14px; width: 12px; margin: 4px; cursor: pointer; } .delete { background: url(/application/8.12.0/assets/desktop/css/../images/icons/16/delete.png) no-repeat scroll 50% 50% transparent; } .iupdate { background: url(/application/8.12.0/assets/desktop/css/../images/icons/16/update.png) no-repeat scroll 50% 50% transparent; } .irefresh { background: url(/application/8.12.0/assets/desktop/css/../images/icons/16/refresh.png) no-repeat scroll 50% 50% transparent; } .irefresh-white { background: url(/application/8.12.0/assets/desktop/css/../images/icons/32/refresh-white.png) no-repeat scroll 50% 50% transparent; background-size: contain; } .iwarning { background: url(/application/8.12.0/assets/desktop/css/../images/icons/16/warning.png) no-repeat scroll 50% 50% transparent; } #object_edit, .object_edit i, .iedit { background-image: url(/application/8.12.0/assets/desktop/css/../images/icons/16/edit.png); } .iagent-settings { background: url(/application/8.12.0/assets/desktop/css/../images/icons/16/agents_navigation_settings_action.png) no-repeat scroll 50% 50% transparent; } .iunpin { background: url(/application/8.12.0/assets/desktop/css/../images/select-opened.png) no-repeat scroll 50% 50% transparent; transform: rotate(90deg); } .iagent-add { background: url(/application/8.12.0/assets/desktop/css/../images/icons/16/agents_navigation_add_action.png) no-repeat scroll 50% 50% transparent; } .iattach { background: url(/application/8.12.0/assets/desktop/css/../images/icons/16/attach.png) no-repeat scroll 50% 50% transparent; background-size: 18px; opacity: 0.4; } .iattachment { background: url(/application/8.12.0/assets/desktop/css/../images/icons/16/attachment.png) no-repeat scroll 50% 50% transparent; background-size: 18px; opacity: 0.4; } .iagent-sound-on { background: url(/application/8.12.0/assets/desktop/css/../images/icons/16/sound-on.png) no-repeat scroll 50% 50% transparent; } .iagent-sound-off { background: url(/application/8.12.0/assets/desktop/css/../images/icons/16/sound-off.png) no-repeat scroll 50% 50% transparent; } .iagent-edit { background: url(/application/8.12.0/assets/desktop/css/../images/icons/16/agents_navigation_edit_action.png) no-repeat scroll 50% 50% transparent; } .iagent-move { background: url(/application/8.12.0/assets/desktop/css/../images/icons/16/agents_navigation_move_action.png) no-repeat scroll 50% 50% transparent; } .iagent-remove { background-image: url(/application/8.12.0/assets/desktop/css/../images/icons/16/remove-white.png); } .ilog-archive { background: url(/application/8.12.0/assets/desktop/css/../images/icons/16/log-archive.png); } .ilog-trashed-object { background: url(/application/8.12.0/assets/desktop/css/../images/icons/16/log-trashed-object.png); } .ifilter { background: url(/application/8.12.0/assets/desktop/css/../images/icons/16/filters.png); } .isorting { background: url(/application/8.12.0/assets/desktop/css/../images/icons/16/sorting.png); } .igrouping { background: url(/application/8.12.0/assets/desktop/css/../images/icons/16/grouping.png); } .itablecolumns { background: url(/application/8.12.0/assets/desktop/css/../images/icons/16/table-columns.png); } .icolumns { background: url(/application/8.12.0/assets/desktop/css/../images/icons/16/columns.png); } .itooltip { background-image: url(/application/8.12.0/assets/desktop/css/../images/icons/16/hint.png); cursor: default; opacity: 0.5; } .iresize { background-image: url(/application/8.12.0/assets/desktop/css/../images/icons/16/resize.png); } .icopy { background: url(/application/8.12.0/assets/desktop/css/../images/icons/16/copy.png); } .iai-learn { background: url(/application/8.12.0/assets/desktop/css/../images/icons/16/ai-learn.png); } .icopy-svg { -webkit-mask: url(/application/8.12.0/assets/desktop/css/../images/icons/svg/copy.svg) no-repeat 50% 50%; mask: url(/application/8.12.0/assets/desktop/css/../images/icons/svg/copy.svg) no-repeat 50% 50%; -webkit-mask-size: contain; mask-size: contain; } .ihappiness { background: url(/application/8.12.0/assets/desktop/css/../images/icons/16/happiness.png); } .inoRating { background: url(/application/8.12.0/assets/desktop/css/../images/icons/16/no-rating.png); } .itimeRating { background: url(/application/8.12.0/assets/desktop/css/../images/icons/16/time-rating.png); } .isad { background: url(/application/8.12.0/assets/desktop/css/../images/icons/16/sad.png); } .ilog-time { background: url(/application/8.12.0/assets/desktop/css/../images/icons/16/log-time.png); } .istatistics { background: url(/application/8.12.0/assets/desktop/css/../images/icons/16/statistics.png); } .irightArrow { background-image: url(/application/8.12.0/assets/desktop/css/../images/icons/16/arrow-right.png); } .ivoteDefault { background-image: url(/application/8.12.0/assets/desktop/css/../images/icons/16/vote-default.png); } .imanage { background-image: url(/application/8.12.0/assets/desktop/css/../images/icons/16/manage.svg); } .icross { background-image: url(/application/8.12.0/assets/desktop/css/../images/icons/16/cross.png); } .iadministration { background-image: url(/application/8.12.0/assets/desktop/css/../images/icons/16/main-menu/administration.png); } .icustomUi { background-image: url(/application/8.12.0/assets/desktop/css/../images/icons/16/custom-ui.png); } .ihelp { background-image: url(/application/8.12.0/assets/desktop/css/../images/icons/16/agent-icons/help.png); } .iban { background-image: url(/application/8.12.0/assets/desktop/css/../images/icons/16/ban-user.png); } .ibanned { background-image: url(/application/8.12.0/assets/desktop/css/../images/icons/16/banned-user.png); } .iactivity-log { background-image: url(/application/8.12.0/assets/desktop/css/../images/icons/16/main-menu/activity-log.png); } .iscroll-down { background-image: url(/application/8.12.0/assets/desktop/css/../images/icons/24/scroll-down.png); } .iminimize { background-image: url(/application/8.12.0/assets/desktop/css/../images/icons/16/minimize.png); } .iexpand, .hiddenUserInfo .iminimize { background-image: url(/application/8.12.0/assets/desktop/css/../images/icons/16/expand.png); } .irequired, .change-required input:checked ~ .ico-small { background-image: url(/application/8.12.0/assets/desktop/css/../images/icons/16/required.png); } .inot-required, .change-required input ~ .ico-small { background-image: url(/application/8.12.0/assets/desktop/css/../images/icons/16/not-required.png); } .ipin-color, .object-actions .object_featured.isFeatured { background-image: url(/application/8.12.0/assets/desktop/css/../images/icons/16/pin-color.png); } .ihide-navigation, .object-actions .object_featured { background-image: url(/application/8.12.0/assets/desktop/css/../images/icons/16/hide-navigation.png); } .iquestion-color { background-image: url(/application/8.12.0/assets/desktop/css/../images/icons-clean/question-color.png); } .icon-white { background-color: #fff; background-image: none; } .iinfo-svg { -webkit-mask: url(/application/8.12.0/assets/desktop/css/../images/icons/svg/info.svg) no-repeat 50% 50%; mask: url(/application/8.12.0/assets/desktop/css/../images/icons/svg/info.svg) no-repeat 50% 50%; -webkit-mask-size: contain; mask-size: contain; background-color: #8C8C8C; background-image: none; content: ''; width: 12px; height: 12px; } .show-more-arrow { display: inline-block; } .show-more-arrow i.arrow:after { width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 6px solid #000; display: block; content: ''; position: relative; top: 5px; left: 4px; } .show-more-arrow.opened i.arrow:after { border-bottom: 6px solid #000; border-top: none; } #dashboard .activity-log .objects-table i.ico-small, #dashboard .dashboard-block-content i.ico-small, .activity-log .objects-table .object .object-icons i.ico-small, #main .wrap-container .mainArea .widgetContainer .objects i.ico-small, #main .all .profile-log .content-tabs-area .objects .object .object-icons i.ico-small, #main .all .wrap-container .mainArea .objects .object .object-icons i.ico-small, #main .all .wrap-container .mainArea .private-icon i.ico-small.iprivate { cursor: default; } /* Options */ div > .object_trash, .object_trash i, .itrash { background-image: url(/application/8.12.0/assets/desktop/css/../images/icons/16/move-to-trash.png); background-repeat: no-repeat; } div > .object_trash.restore, .object_trash.restore i, .itrashed { background-image: url(/application/8.12.0/assets/desktop/css/../images/icons/16/trashed.png); background-repeat: no-repeat; } div > .object_archive, .object_archive i, .iarchive { background-image: url(/application/8.12.0/assets/desktop/css/../images/icons/16/archive.png); } div > .object_lock_comments { background-image: url(/application/8.12.0/assets/desktop/css/../images/icons/16/unlock.png); background-repeat: no-repeat; } div > .object_lock_comments.unlock, .object_lock_comments.unlock i { background-image: url(/application/8.12.0/assets/desktop/css/../images/icons/16/lock.png); background-repeat: no-repeat; } .ilock { background-image: url(/application/8.12.0/assets/desktop/css/../images/icons/16/lock-light.png); } .ilocked { background-image: url(/application/8.12.0/assets/desktop/css/../images/icons/16/locked.png) !important; } .iactionLock { background-image: url(/application/8.12.0/assets/desktop/css/../images/icons/16/comments-lock.png); } .iactionUnlock { background-image: url(/application/8.12.0/assets/desktop/css/../images/icons/16/comments-unlock.png) !important; } .iactionMerge { background-image: url(/application/8.12.0/assets/desktop/css/../images/icons/16/merge-action.png); } div > .export, .export i { background-image: url(/application/8.12.0/assets/desktop/css/../images/icons/16/export-users.png); background-repeat: no-repeat; } .object_approve i, .iapprove { background-image: url(/application/8.12.0/assets/desktop/css/../images/icons/16/approve.png); } .object_decline i, .idecline { background-image: url(/application/8.12.0/assets/desktop/css/../images/icons/16/decline.png); } #merge_with, .merge_with i { background-image: url(/application/8.12.0/assets/desktop/css/../images/icons/16/merge.png); } #poll_icon, .object-actions .poll_add, .ipoll { background-image: url(/application/8.12.0/assets/desktop/css/../images/icons/16/poll.png); } #user_card, .user_card i { background-image: url(/application/8.12.0/assets/desktop/css/../images/icons/16/user-card.png); } .mass_reply i { background-image: url(/application/8.12.0/assets/desktop/css/../images/icons/16/reply.png); } i.ico-small.merger-small { background-image: url(/application/8.12.0/assets/desktop/css/../images/icons/16/merger.png); margin-top: -3px; } .options i, .user-group-notification i { background-image: url(/application/8.12.0/assets/desktop/css/../images/icons/16/settings.png); } .isettings { background-image: url(/application/8.12.0/assets/desktop/css/../images/icons/16/administration-bar.png); } .navigation-actions .isettings { opacity: 0.3; } .customize i { background-image: url(/application/8.12.0/assets/desktop/css/../images/icons/16/customize.png); } .permalink i:not(.preloader), .ipermalink { background-image: url(/application/8.12.0/assets/desktop/css/../images/icons/16/get-link.png); } .comment-reply i { background-image: url(/application/8.12.0/assets/desktop/css/../images/icons/16/reply-comment.png); } .edit-comment i, .edit-gray { background-image: url(/application/8.12.0/assets/desktop/css/../images/icons/16/edit-gray.png); } .edit-comment i { opacity: 0.6; } .delete-comment i { background-image: url(/application/8.12.0/assets/desktop/css/../images/icons/16/remove-comment.png); } .comments-best i { background-image: url(/application/8.12.0/assets/desktop/css/../images/icons/16/best-answer.png); } .comments-best-active i { background-image: url(/application/8.12.0/assets/desktop/css/../images/icons/16/best-answer-active.png); } .comment-badge-agent i { background-image: url(/application/8.12.0/assets/desktop/css/../images/icons/16/badge-agent.png); } .user-card-comment i { background-image: url(/application/8.12.0/assets/desktop/css/../images/icons/16/user-card-comment.png); } .comment-object-link i { background-image: url(/application/8.12.0/assets/desktop/css/../images/icons/16/comment-link.png); } .check { background-image: url(/application/8.12.0/assets/desktop/css/../images/icons/16/check.png); } .idoublecheck, .object-actions .object_complete { -webkit-mask: url(/application/8.12.0/assets/desktop/css/../images/icons/16/double-check.svg) no-repeat 50% 50%; mask: url(/application/8.12.0/assets/desktop/css/../images/icons/16/double-check.svg) no-repeat 50% 50%; -webkit-mask-size: contain; mask-size: contain; background-color: #119203; background-image: none; } .idoublecheck.gray { background-color: #a3a0a0; } .idoublecheck.white { background-color: #ffffff; } .idoublecheck.black, .object-actions .object_complete { background-color: #000000; } .igcalendar { background-image: url(/application/8.12.0/assets/desktop/css/../images/icons/24/gcalendar.png); } @media screen and (min-width:0\0) { .idoublecheck { background-image: url(/application/8.12.0/assets/desktop/css/../images/icons/16/double-check.svg); background-color: transparent; } } @supports (-ms-ime-align:auto) { .idoublecheck.ico-small { width: 17px; height: 10px; } } .delete-cross { background-image: url(/application/8.12.0/assets/desktop/css/../images/icons/16/delete-cross.png); } .email { background: url(/application/8.12.0/assets/desktop/css/../images/mail.png) no-repeat 0 1px; } .iemailColor { background-image: url(/application/8.12.0/assets/desktop/css/../images/icons/16/email-color.png); } .clock { background: url(/application/8.12.0/assets/desktop/css/../images/icons/16/clock.png) no-repeat; } .idelete { background-image: url(/application/8.12.0/assets/desktop/css/../images/icons/16/remove.png); } .irestore { background-image: url(/application/8.12.0/assets/desktop/css/../images/icons/16/restore.png); width: 19px; } .imove { background-image: url(/application/8.12.0/assets/desktop/css/../images/icons/16/move.png); cursor: move; } .idownload { background-image: url(/application/8.12.0/assets/desktop/css/../images/icons/16/download.png); } .irestore { background-image: url(/application/8.12.0/assets/desktop/css/../images/icons/16/log-restore.png); } .itwitter { background-image: url(/application/8.12.0/assets/desktop/css/../images/icons/16/twitter.png); } .ifacebook { background-image: url(/application/8.12.0/assets/desktop/css/../images/icons/16/facebook.png); } .igoogle { background-image: url(/application/8.12.0/assets/desktop/css/../images/icons/16/google.png); } .ifacebook-white { background-image: url(/application/8.12.0/assets/desktop/css/../images/icons/16/facebook-white.png); } .igoogle-white { background-image: url(/application/8.12.0/assets/desktop/css/../images/icons/16/google-white.png); } .status-ok { background-image: url(/application/8.12.0/assets/desktop/css/../images/icons/32/status-ok.png); } .status-error { background-image: url(/application/8.12.0/assets/desktop/css/../images/icons/32/status-error.png); } .ioutgoing-mail { background-image: url(/application/8.12.0/assets/desktop/css/../images/icons/16/outgoing_mail.png); } .iincoming-mail { background-image: url(/application/8.12.0/assets/desktop/css/../images/icons/16/incoming_mail.png); } .iconflict-mail { background-image: url(/application/8.12.0/assets/desktop/css/../images/icons/16/conflict_mail.png); } .iignored-mail { background-image: url(/application/8.12.0/assets/desktop/css/../images/icons/16/mail-not-notify.png); } .iview { background-image: url(/application/8.12.0/assets/desktop/css/../images/icons/16/view_pass.png); } .iresend { background-image: url(/application/8.12.0/assets/desktop/css/../images/icons/16/subscription.png); } .iuser, .notifications-link .ico-small.iuser { background-image: url(/application/8.12.0/assets/desktop/css/../images/icons/16/users.png); } .iplus { background-image: url(/application/8.12.0/assets/desktop/css/../images/icons/16/plus.png); } .istart { background-image: url(/application/8.12.0/assets/desktop/css/../images/icons/16/start.png); } .imenu { background-image: url(/application/8.12.0/assets/desktop/css/../images/icons/16/menu.png); } .ilist { background-image: url(/application/8.12.0/assets/desktop/css/../images/icons/16/list.png); } .inotification-new { background-image: url(/application/8.12.0/assets/desktop/css/../images/icons/16/new-notification.png); } .inotification-read { background-image: url(/application/8.12.0/assets/desktop/css/../images/icons/16/read-notification.png); } .irevert { background-image: url(/application/8.12.0/assets/desktop/css/../images/icons/16/undo.png); } .iback { background-image: url(/application/8.12.0/assets/desktop/css/../images/icons/16/back.png); } .ivoteHappy { background-image: url(/application/8.12.0/assets/desktop/css/../images/icons/16/vote-happy.png); } .ivoteConfused { background-image: url(/application/8.12.0/assets/desktop/css/../images/icons/16/vote-confused.png); } .ivoteSad { background-image: url(/application/8.12.0/assets/desktop/css/../images/icons/16/vote-sad.png); } .iagent-pin, .object-actions .share-object { background-image: url(/application/8.12.0/assets/desktop/css/../images/icons/16/agent-pin.png); } .iagent-pinned { background-image: url(/application/8.12.0/assets/desktop/css/../images/icons/16/agent-pinned.png); } .imoveTrash { background-image: url(/application/8.12.0/assets/desktop/css/../images/icons/16/move-trash.png); } .imacros { background-image: url(/application/8.12.0/assets/desktop/css/../images/icons/16/macros.png); } .comment-icon i, .icomment { background-image: url(/application/8.12.0/assets/desktop/css/../images/icons/16/comments.png); } .notifications-link .ico-small { background: url(/application/8.12.0/assets/desktop/css/../images/icons/16/mail-notify-subscribe.png) no-repeat 0 50%; padding-left: 22px; vertical-align: top; position: relative; top: 3px; } .notifications-link.notify .ico-small, .subscribe-link.email { background-image: url(/application/8.12.0/assets/desktop/css/../images/icons/16/mail-notify.png); } .notifications-link.cross .ico-small { background-image: url(/application/8.12.0/assets/desktop/css/../images/icons/16/mail-not-notify.png); } .subscribe-link.email.hasPreloader { background-image: none; position: relative; } .subscribe-link.email:not(.button-small).hasPreloader .preloader { position: absolute; left: 0; top: 5px; } .notifications-link.not-set .ico-small { opacity: 0.3; } .ifeed { background-image: url(/application/8.12.0/assets/desktop/css/../images/icons/16/feed.png); } .ilogComments { background-image: url(/application/8.12.0/assets/desktop/css/../images/icons/16/log-comments.png); } .iprinter { background-image: url(/application/8.12.0/assets/desktop/css/../images/icons/32/printer.png); } .isendBack { background-image: url(/application/8.12.0/assets/desktop/css/../images/icons/16/send-back.png); } .idots { background-image: url(/application/8.12.0/assets/desktop/css/../images/icons/16/dots.png); } .isort { background-image: url(/application/8.12.0/assets/desktop/css/../images/icons/16/sort.svg); } .idots-black { background-image: url(/application/8.12.0/assets/desktop/css/../images/icons/16/options-black.png); } .idueon { background-image: url(/application/8.12.0/assets/desktop/css/../images/icons/16/due.png); } .idueon-passed { background-image: url(/application/8.12.0/assets/desktop/css/../images/icons/16/due-passed.png); } .iresponsible-user { background-image: url(/application/8.12.0/assets/desktop/css/../images/icons/16/responsible-user.png); } .report-abuse-comment i, .object-full-icons-bar .report-abuse i { background-image: url(/application/8.12.0/assets/desktop/css/../images/icons/16/abuse-comment.png); opacity: 0.4; } .iopen-new-window { background-image: url(/application/8.12.0/assets/desktop/css/../images/icons/24/open-new-window.png); } .iopen-new-window.ico-small { background-size: 16px; } .inew-medium { background-image: url(/application/8.12.0/assets/desktop/css/../images/icons/24/new.png); } .inoaction-medium { background-image: url(/application/8.12.0/assets/desktop/css/../images/icons/24/no-action.png); } .ipicture-big { background-image: url(/application/8.12.0/assets/desktop/css/../images/icons/32/picture.png); } .ilink { background-image: url(/application/8.12.0/assets/desktop/css/../images/icons/16/link.png); } .icontinue { background-image: url(/application/8.12.0/assets/desktop/css/../images/icons/16/continue.png); } .iunlink { background-image: url(/application/8.12.0/assets/desktop/css/../images/icons/16/unlink.png); } .idependent { background-image: url(/application/8.12.0/assets/desktop/css/../images/icons/16/dependent.png); } .iplay-white { background-image: url(/application/8.12.0/assets/desktop/css/../images/icons/16/play-white.png); } .iopen-black { background-image: url(/application/8.12.0/assets/desktop/css/../images/icons/16/open-black.png); } .ipause-black { background-image: url(/application/8.12.0/assets/desktop/css/../images/icons/16/pause-black.svg); } .inotification-info { background-image: url(/application/8.12.0/assets/desktop/css/../images/icons/16/agents_navigation_notification.png); } /* Sources icons */ i.isource { opacity: 0.3; } /*i.ico-small.isource.community {*/ /* background-image: url(/application/8.12.0/assets/desktop/css/../images/sources/community.png);*/ /*}*/ /*i.ico-small.isource.email {*/ /* background-image: url(/application/8.12.0/assets/desktop/css/../images/sources/email.png);*/ /*}*/ /*i.ico-small.isource.facebook {*/ /* background-image: url(/application/8.12.0/assets/desktop/css/../images/sources/facebook.png);*/ /*}*/ /*i.ico-small.isource.twitter {*/ /* background-image: url(/application/8.12.0/assets/desktop/css/../images/sources/twitter.png);*/ /*}*/ /*i.ico-small.isource.widget {*/ /* background-image: url(/application/8.12.0/assets/desktop/css/../images/sources/widget.png);*/ /*}*/ /* Vote Icons */ .vote-pos:hover { background: url(/application/8.12.0/assets/desktop/css/../images/vote/active-pos.png) no-repeat 50% 65% #fff; background: url(/application/8.12.0/assets/desktop/css/../images/vote/active-pos.png) no-repeat 50% 65%, url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2YwZjBmMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZWZlZmUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: url(/application/8.12.0/assets/desktop/css/../images/vote/active-pos.png) no-repeat 50% 65%, -moz-linear-gradient(top, rgba(240, 240, 240, 1) 0%, rgba(254, 254, 254, 1) 100%); background: url(/application/8.12.0/assets/desktop/css/../images/vote/active-pos.png) no-repeat 50% 65%, -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(240, 240, 240, 1)), color-stop(100%, rgba(254, 254, 254, 1))); background: url(/application/8.12.0/assets/desktop/css/../images/vote/active-pos.png) no-repeat 50% 65%, -webkit-linear-gradient(top, rgba(240, 240, 240, 1) 0%, rgba(254, 254, 254, 1) 100%); background: url(/application/8.12.0/assets/desktop/css/../images/vote/active-pos.png) no-repeat 50% 65%, -o-linear-gradient(top, rgba(240, 240, 240, 1) 0%, rgba(254, 254, 254, 1) 100%); background: url(/application/8.12.0/assets/desktop/css/../images/vote/active-pos.png) no-repeat 50% 65%, -ms-linear-gradient(top, rgba(240, 240, 240, 1) 0%, rgba(254, 254, 254, 1) 100%); background: url(/application/8.12.0/assets/desktop/css/../images/vote/active-pos.png) no-repeat 50% 65%, linear-gradient(to bottom, rgba(240, 240, 240, 1) 0%, rgba(254, 254, 254, 1) 100%); border: 1px solid #8bcb47; } .vote-neg:hover { background: url(/application/8.12.0/assets/desktop/css/../images/vote/active-neg.png) no-repeat 50% 65% #fff; background: url(/application/8.12.0/assets/desktop/css/../images/vote/active-neg.png) no-repeat 50% 65%, url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2YwZjBmMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZWZlZmUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: url(/application/8.12.0/assets/desktop/css/../images/vote/active-neg.png) no-repeat 50% 65%, -moz-linear-gradient(top, rgba(240, 240, 240, 1) 0%, rgba(254, 254, 254, 1) 100%); background: url(/application/8.12.0/assets/desktop/css/../images/vote/active-neg.png) no-repeat 50% 65%, -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(240, 240, 240, 1)), color-stop(100%, rgba(254, 254, 254, 1))); background: url(/application/8.12.0/assets/desktop/css/../images/vote/active-neg.png) no-repeat 50% 65%, -webkit-linear-gradient(top, rgba(240, 240, 240, 1) 0%, rgba(254, 254, 254, 1) 100%); background: url(/application/8.12.0/assets/desktop/css/../images/vote/active-neg.png) no-repeat 50% 65%, -o-linear-gradient(top, rgba(240, 240, 240, 1) 0%, rgba(254, 254, 254, 1) 100%); background: url(/application/8.12.0/assets/desktop/css/../images/vote/active-neg.png) no-repeat 50% 65%, -ms-linear-gradient(top, rgba(240, 240, 240, 1) 0%, rgba(254, 254, 254, 1) 100%); background: url(/application/8.12.0/assets/desktop/css/../images/vote/active-neg.png) no-repeat 50% 65%, linear-gradient(to bottom, rgba(240, 240, 240, 1) 0%, rgba(254, 254, 254, 1) 100%); border: 1px solid #ef5d5f; } .vote-pos, .author-vote.vote-pos { background: url(/application/8.12.0/assets/desktop/css/../images/vote/active-pos.png) no-repeat 50% 65% #fff; background: url(/application/8.12.0/assets/desktop/css/../images/vote/active-pos.png) no-repeat 50% 65%, url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZlZmVmZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmNmY2ZjYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: url(/application/8.12.0/assets/desktop/css/../images/vote/active-pos.png) no-repeat 50% 65%, -moz-linear-gradient(top, rgba(254, 254, 254, 1) 0%, rgba(246, 246, 246, 1) 100%); background: url(/application/8.12.0/assets/desktop/css/../images/vote/active-pos.png) no-repeat 50% 65%, -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(254, 254, 254, 1)), color-stop(100%, rgba(246, 246, 246, 1))); background: url(/application/8.12.0/assets/desktop/css/../images/vote/active-pos.png) no-repeat 50% 65%, -webkit-linear-gradient(top, rgba(254, 254, 254, 1) 0%, rgba(246, 246, 246, 1) 100%); background: url(/application/8.12.0/assets/desktop/css/../images/vote/active-pos.png) no-repeat 50% 65%, -o-linear-gradient(top, rgba(254, 254, 254, 1) 0%, rgba(246, 246, 246, 1) 100%); background: url(/application/8.12.0/assets/desktop/css/../images/vote/active-pos.png) no-repeat 50% 65%, -ms-linear-gradient(top, rgba(254, 254, 254, 1) 0%, rgba(246, 246, 246, 1) 100%); background: url(/application/8.12.0/assets/desktop/css/../images/vote/active-pos.png) no-repeat 50% 65%, linear-gradient(to bottom, rgba(254, 254, 254, 1) 0%, rgba(246, 246, 246, 1) 100%); border: 1px solid #8bcb47; border-radius: 0 2px 2px 0; } .vote-neg { background: url(/application/8.12.0/assets/desktop/css/../images/vote/active-neg.png) no-repeat 50% 65% #fff; background: url(/application/8.12.0/assets/desktop/css/../images/vote/active-neg.png) no-repeat 50% 65%, url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZlZmVmZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmNmY2ZjYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: url(/application/8.12.0/assets/desktop/css/../images/vote/active-neg.png) no-repeat 50% 65%, -moz-linear-gradient(top, rgba(254, 254, 254, 1) 0%, rgba(246, 246, 246, 1) 100%); background: url(/application/8.12.0/assets/desktop/css/../images/vote/active-neg.png) no-repeat 50% 65%, -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(254, 254, 254, 1)), color-stop(100%, rgba(246, 246, 246, 1))); background: url(/application/8.12.0/assets/desktop/css/../images/vote/active-neg.png) no-repeat 50% 65%, -webkit-linear-gradient(top, rgba(254, 254, 254, 1) 0%, rgba(246, 246, 246, 1) 100%); background: url(/application/8.12.0/assets/desktop/css/../images/vote/active-neg.png) no-repeat 50% 65%, -o-linear-gradient(top, rgba(254, 254, 254, 1) 0%, rgba(246, 246, 246, 1) 100%); background: url(/application/8.12.0/assets/desktop/css/../images/vote/active-neg.png) no-repeat 50% 65%, -ms-linear-gradient(top, rgba(254, 254, 254, 1) 0%, rgba(246, 246, 246, 1) 100%); background: url(/application/8.12.0/assets/desktop/css/../images/vote/active-neg.png) no-repeat 50% 65%, linear-gradient(to bottom, rgba(254, 254, 254, 1) 0%, rgba(246, 246, 246, 1) 100%); border: 1px solid #ef5d5f; border-radius: 2px 0 0 2px; margin-right: -1px; } .vote-neg-icon { background: url(/application/8.12.0/assets/desktop/css/../images/vote/active-neg.png) no-repeat 50% 65%; } .vote-neg.disactive { background: url(/application/8.12.0/assets/desktop/css/../images/vote/inactive-neg.png) no-repeat 50% 65% #fff; background: url(/application/8.12.0/assets/desktop/css/../images/vote/inactive-neg.png) no-repeat 50% 65%, url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZlZmVmZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmNmY2ZjYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: url(/application/8.12.0/assets/desktop/css/../images/vote/inactive-neg.png) no-repeat 50% 65%, -moz-linear-gradient(top, rgba(254, 254, 254, 1) 0%, rgba(246, 246, 246, 1) 100%); background: url(/application/8.12.0/assets/desktop/css/../images/vote/inactive-neg.png) no-repeat 50% 65%, -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(254, 254, 254, 1)), color-stop(100%, rgba(246, 246, 246, 1))); background: url(/application/8.12.0/assets/desktop/css/../images/vote/inactive-neg.png) no-repeat 50% 65%, -webkit-linear-gradient(top, rgba(254, 254, 254, 1) 0%, rgba(246, 246, 246, 1) 100%); background: url(/application/8.12.0/assets/desktop/css/../images/vote/inactive-neg.png) no-repeat 50% 65%, -o-linear-gradient(top, rgba(254, 254, 254, 1) 0%, rgba(246, 246, 246, 1) 100%); background: url(/application/8.12.0/assets/desktop/css/../images/vote/inactive-neg.png) no-repeat 50% 65%, -ms-linear-gradient(top, rgba(254, 254, 254, 1) 0%, rgba(246, 246, 246, 1) 100%); background: url(/application/8.12.0/assets/desktop/css/../images/vote/inactive-neg.png) no-repeat 50% 65%, linear-gradient(to bottom, rgba(254, 254, 254, 1) 0%, rgba(246, 246, 246, 1) 100%); } .vote-pos.disactive { background: url(/application/8.12.0/assets/desktop/css/../images/vote/inactive-pos.png) no-repeat 50% 65% #fff; background: url(/application/8.12.0/assets/desktop/css/../images/vote/inactive-pos.png) no-repeat 50% 65%, url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZlZmVmZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmNmY2ZjYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: url(/application/8.12.0/assets/desktop/css/../images/vote/inactive-pos.png) no-repeat 50% 65%, -moz-linear-gradient(top, rgba(254, 254, 254, 1) 0%, rgba(246, 246, 246, 1) 100%); background: url(/application/8.12.0/assets/desktop/css/../images/vote/inactive-pos.png) no-repeat 50% 65%, -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(254, 254, 254, 1)), color-stop(100%, rgba(246, 246, 246, 1))); background: url(/application/8.12.0/assets/desktop/css/../images/vote/inactive-pos.png) no-repeat 50% 65%, -webkit-linear-gradient(top, rgba(254, 254, 254, 1) 0%, rgba(246, 246, 246, 1) 100%); background: url(/application/8.12.0/assets/desktop/css/../images/vote/inactive-pos.png) no-repeat 50% 65%, -o-linear-gradient(top, rgba(254, 254, 254, 1) 0%, rgba(246, 246, 246, 1) 100%); background: url(/application/8.12.0/assets/desktop/css/../images/vote/inactive-pos.png) no-repeat 50% 65%, -ms-linear-gradient(top, rgba(254, 254, 254, 1) 0%, rgba(246, 246, 246, 1) 100%); background: url(/application/8.12.0/assets/desktop/css/../images/vote/inactive-pos.png) no-repeat 50% 65%, linear-gradient(to bottom, rgba(254, 254, 254, 1) 0%, rgba(246, 246, 246, 1) 100%); } .title-users i.voted-pos { background-image: url(/application/8.12.0/assets/desktop/css/../images/vote/active-pos.png); } .title-users i.voted-neg { background-image: url(/application/8.12.0/assets/desktop/css/../images/vote/active-neg.png); } #change-object-slug.permalink i, .change-object-slug.permalink i { width: 16px; height: 16px; display: block; } #change-object-slug, .change-object-slug { position: absolute; right: 10px; bottom: 8px; } .good-comment i { background-image: url(/application/8.12.0/assets/desktop/css/../images/icons/16/vote-default.png); } .rating-response:hover .good-comment i { background-image: url(/application/8.12.0/assets/desktop/css/../images/icons/16/upvote-green.png); } .rating-response.voted-comment .good-comment i { background-image: none; top: 2px; margin-right: 0; } .rating-response.voted-comment.author .good-comment i { cursor: default; } /******************************************************************************* Header *******************************************************************************/ #main.error-page { margin-top: 20px; } .head-area { padding: 20px 20px 0 20px; } .community-title { font-size: 24px; font-weight: 600; color: #555555; text-transform: uppercase; text-decoration: none; vertical-align: middle; } /******************************************************************************* Top Navigation *******************************************************************************/ /* Tabs Menu */ .top-nav { border-bottom: 1px solid #b7b7b7; white-space: nowrap; padding-top: 20px; line-height: 0; } .menu-tabs { font-size: 14px; line-height: 1.42857; margin-bottom: -1px; white-space: nowrap; overflow: hidden; position: relative; } .menu-tabs ul { position: relative; } .menu-tabs li { height: 36px; list-style: none; display: table-cell; padding-left: 5px; vertical-align: middle; } .menu-tabs li:first-child { padding: 0; } .menu-tabs li a, .menu-tabs .arrow-tab span { border: 1px solid #b7b7b7; border-radius: 2px 2px 0 0; height: 36px; color: #555555; text-decoration: none; padding: 8px 20px; display: block; } .menu-tabs li a img { vertical-align: text-top; margin-top: 1px; padding-top: 1px; max-width: none; } .menu-tabs li.icon-tab a { text-indent: -5000px; } .menu-tabs li a:hover { border-bottom: 1px solid #b7b7b7; } .menu-tabs li.tab-button a { border: 1px solid #679936; -webkit-box-shadow: inset 0 1px 0 0 #afdb7f; box-shadow: inset 0 1px 0 0 #afdb7f; color: #fff; } .menu-tabs li.tab-button a:hover { -webkit-box-shadow: inset 0 1px 2px 0 #7bb53f; box-shadow: inset 0 1px 2px 0 #7bb53f; } .arrow-tab { position: absolute; bottom: 0; height: 36px; cursor: pointer; } .arrow-tab.right-arrow { right: 0; } .arrow-tab.left-arrow { left: 0; } .arrow-tab.hidden { display: none; } .menu-tabs .arrow-tab span { padding-left: 10px; padding-right: 10px; } .menu-tabs .arrow-tab span img { margin-top: 3px; } .top-nav-right { white-space: nowrap; line-height: 1.42857; } .top-nav-right .change-lang { margin-right: 5px; min-width: 50px; } .top-nav-right .change-lang .filter-select { bottom: -2px; } /* Search */ .search-block, .infoLogin-block { float: left; } .search-block { margin-top: 4px; } #search-form, .search-form { position: relative; width: 180px; } .search-form.right-search { width: 280px; margin-bottom: 20px; } .search-form.right-search input.search { width: 252px; } .search-form input.search-input, .search-form input.search { color: #898989; line-height: 20px; font-size: 14px; height: 28px; width: 152px; border-radius: 2px 0 0 2px; border-right: none; } .search-submit { cursor: pointer; background: #ebebeb; width: 28px; height: 28px; border: 1px solid #bfbfbf; border-radius: 0 2px 2px 0; position: absolute; top: 0; right: 0; -webkit-box-shadow: inset 0 1px 0 0 #f3f3f3; box-shadow: inset 0 1px 0 0 #f3f3f3; padding: 5px 5px; } .search-submit.loading { cursor: default; } .search-submit:not(.loading):hover { background: rgb(230, 230, 230); background: -webkit-linear-gradient(top, rgba(230, 230, 230, 1) 0%, rgba(242, 242, 242, 1) 100%); background: linear-gradient(to bottom, rgba(230, 230, 230, 1) 0%, rgba(242, 242, 242, 1) 100%); -webkit-box-shadow: inset 0 1px 2px 0 #ccc; box-shadow: inset 0 1px 2px 0 #ccc; } .search-submit > img { position: relative; top: -1px; } .infoLogin-block { margin-left: 5px; font-size: 14px; margin-bottom: 0; } .infoLogin-block.no-login { margin-right: 20px; margin-top: 9px; margin-bottom: 5px; } .login-popup { padding-left: 8px; } /* Login Page */ .all-login { text-align: center; } .login-image { font-size: 24px; margin-bottom: 30px; } .login-logo { width: 176px; height: 176px; display: table; margin: 0 auto 25px; } .login-logo .image { display: table-cell; vertical-align: middle; } .login-page-form { width: 420px; margin: 0 auto; background: #fafafa; padding: 30px 30px 20px; border-radius: 7px 7px 0 0; border: 1px solid #d9d9d9; text-align: left; } .login-page-form input[type="text"], .login-page-form input[type="password"], .login-page-form input[type="email"] { font-size: 16px; color: #aaa; width: 360px; margin-bottom: 10px; border-radius: 2px; height: 34px; border-color: #ababab; padding-left: 10px; } .login-page-form .groupButtons { text-align: left; margin-top: 10px; } .login-page-form .groupButtons .is-remember { position: relative; top: 2px; left: 7px; } .login-page-form .groupButtons .combined-buttons { float: right; margin-top: 0; } .ico-iphone, .ico-imac, .ico-iphone-white, .ico-imac-white { width: 18px; height: 18px; display: block; } .ico-iphone { background: url(/application/8.12.0/assets/desktop/css/../images/iphone.png) no-repeat; } .ico-imac { background: url(/application/8.12.0/assets/desktop/css/../images/frontend.png) no-repeat; } .combined-buttons .activ-pos .ico-iphone, .ico-iphone-white { background-image: url(/application/8.12.0/assets/desktop/css/../images/iphone_rollover.png); } .combined-buttons .activ-pos .ico-imac, .ico-imac-white { background-image: url(/application/8.12.0/assets/desktop/css/../images/frontend_rollover.png); } .login-footer { width: 420px; margin: 0 auto; background: #fff; padding: 15px 100px 15px 30px; border-radius: 0 0 7px 7px; border: 1px solid #d9d9d9; border-top: none; position: relative; text-align: left; } .login-footer .forgotPass, .registerLink { text-decoration: none; white-space: nowrap; } .login-footer .registerLink { margin-left: 5px; } .login-footer .social-login { bottom: 15px; } .login-footer-branding a { color: #555555; text-decoration: none; } /* Members Area */ .members-area.options-button { margin-left: 0; top: 0; } .members-area a { color: #0072BC; } .members-area a .avatar24 { margin-right: 7px; vertical-align: middle; position: relative; top: -1px; width: 24px; height: 24px; border-radius: 50%; } .members-area .user-info { display: inline-block; position: relative; top: 0; z-index: 10; padding: 7px 11px 4px; height: 35px; border-radius: 2px 2px 0 0; } .members-area.options-button:hover .user-info, .members-area.options-button.opened .user-info { border: 1px solid #b7b7b7; border-bottom: none; -webkit-box-shadow: inset 0 0 0 1px #fff; box-shadow: inset 0 0 0 1px #fff; background: #4c555b; background: -webkit-linear-gradient(top, #4c555b 0%, #343a3f 100%); background: -o-linear-gradient(top, #4c555b 0%, #343a3f 100%); background: -ms-linear-gradient(top, #4c555b 0%, #343a3f 100%); background: linear-gradient(to bottom, #4c555b 0%, #343a3f 100%); color: #fff; padding: 6px 10px 4px; } .members-area.options-button .list-options { background: #343a3f; margin-top: -1px; right: 1px; outline: 1px solid #b7b7b7; border: 1px solid #fff; } .members-area.options-button .list-options li > a, .members-area.options-button .list-options li > span { color: #fff; border-top: 1px solid #495054; border-bottom: 1px solid #1D2225; } .members-area.options-button .list-options li:first-child a { border-top: none; } .members-area.options-button .list-options li:hover a { background: #4c555b; } .members-area.options-button .list-options li:hover > span { background: inherit; } .members-area.options-button .list-options span { padding: 0; border: none; } .members-area.options-button .list-options span.badge { display: inline-block; text-align: center; } .members-area .badge { margin-left: 5px; } /******************************************************************************* Sidebar *******************************************************************************/ .rightarea { margin-left: 20px; float: right; width: 280px; position: relative; padding-top: 20px; z-index: 1; } .main-all .rightarea { padding-top: 0; } .sidebar-container { position: relative; } .sidebar-container.with-border { border: 1px solid #ebebeb; border-radius: 3px; } .sidebar-container.with-bg { background: #f7f7f7; } .sidebar-container.with-border.no-border { border: none; } .leftarea { float: left; width: 230px; margin-right: 20px; padding-top: 20px; } .leftarea .sidebar-container { background: #f7f7f7; border: 1px solid #ebebeb; border-radius: 3px; } .sidebar-container .widgetContainer { margin-bottom: 10px; } .sidebar-container .widgetContainer[id*="widget_share"] { margin-bottom: 0; } .sidebar-container .widgetContainer .share-block { padding-bottom: 15px; } .description-comunity { font-size: 14px; line-height: 18px; padding: 0 20px 15px 20px; } .widget-links { padding: 0 20px 10px 20px; } .rightarea .widgetContainer:first-child .description-comunity, .rightarea .widgetContainer:first-child .widget-links { padding-top: 15px; } ul.sidebar-links li { list-style: none; padding: 7px 0; position: relative; } ul.sidebar-links li:first-child { padding-top: 0; } ul.sidebar-links li a { margin-left: 25px; display: block; word-wrap: break-word; } ul.sidebar-links li img { vertical-align: top; margin-right: 3px; margin-top: 3px; position: absolute; } .sidebar-title { border: 1px solid #ebebeb; border-bottom: none; color: #656565; font-size: 18px; padding: 15px 20px; line-height: 1em; background: #ebebeb; } .sidebar-title.disclosure { background-color: #f7f7f7; margin-bottom: 10px; border-bottom: 1px solid #ebebeb; } .sidebar-title.disclosure.opened { margin-bottom: 0; border-bottom: none; background-color: #ebebeb; } .sidebar-title + div { padding: 15px 20px; border: 1px solid #ebebeb; border-top: none; margin-bottom: 10px; background: #f7f7f7; } .sidebar-title + div .overflow { padding: 10px 0; border-top: 1px dotted #d2d2d2; position: relative; } .sidebar-title + div .overflow:first-child { border-top: none; padding-top: 0; } .sidebar-title + div .overflow:last-of-type { padding-bottom: 0; } .sidebar-container .properties-block .overflow { word-wrap: break-word; } .sidebar-title-small { font-weight: 600; color: #555555; display: block; padding-bottom: 10px; } a.sidebar-title-small { border-top: 1px solid #EBEBEB; padding: 10px 20px 10px 45px; text-decoration: none; background: #f7f7f7; } a.sidebar-title-small:first-child, .mass-edit + a.sidebar-title-small { border-top: none; } a.sidebar-title-small:hover { background: #ebebeb; } .sidebar-subnav { background: #fff; border-top: 1px solid #EBEBEB; padding: 4px 0 15px 45px; } .sidebar-subnav:last-of-type { border-radius: 0 0 4px 4px; } .rightarea .sidebar-subnav a, .rightarea .sidebar-subnav span.as-link { display: block; margin-top: 8px; color: #898989; text-decoration: none; padding-right: 20px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; line-height: normal; position: relative; } .sidebar-subnav.with-badge a { padding-right: 45px; } .sidebar-subnav a:hover { color: #0072bc; display: block; } .sidebar-subnav .badge { margin-right: 20px; position: absolute; bottom: 0; right: 0; } .sidebar-title + .statistics-block { padding: 0; } .sidebar-title + .statistics-block .overflow { padding: 0; } .statistics-block a.statistics-link, .statistics-block span.statistics-link, .contributors-block a.contributors-link { color: #555555; text-decoration: none; word-wrap: break-word; } .statistics-block a.statistics-link, .statistics-block span.statistics-link { padding: 10px 35px 10px 20px; display: block; } .statistics-block .statistics-link .statistics-num { margin-right: -15px; } .statistics-block span.statistics-link .ico-small { cursor: default; } .statistics-block .ico-small, .sidebar-title-small .ico-small { position: relative; top: -2px; margin-right: 9px; } .statistics-block .overflow:first-child .statistics-link .ico-small { top: 0; } .statistics-block #statistics-views .ico-small { top: -1px; } .statistics-block #statistics-comments .ico-small { top: 0; } .sidebar-title-small .ico-small { margin-left: -25px; } .statistics-block .statistics-num, .contributors-block .contributors-statistics { color: #0072BC; float: right; } .categories-block .ico-big, .agents-block .ico-big { float: left; margin-top: 5px; } .sidebar-container .categories-block a, .sidebar-container .agents-block a { color: #000000; margin-left: 40px; text-decoration: none; display: block; overflow: hidden; text-overflow: ellipsis; } .categories-block a.eventLink, .agents-block a.eventLink { color: #0072BC; font-size: 12px; font-weight: normal; } .agents-block .no-user-group { color: #555555; font-size: 12px; font-weight: normal; display: block; margin-left: 40px; } .contributors-block .overflow { display: table; width: 100%; } .contributors-block .contributors-link { display: table-cell; } .contributors-block .contributors-link span { margin-left: 25px; display: block; } .contributors-block .ico-small { margin-right: 5px; float: left; position: relative; top: 2px; } .contributors-block .contributors-statistics { float: none; display: table-cell; text-align: right; } .disclosure { background-image: url(/application/8.12.0/assets/desktop/css/../images/select.png); background-repeat: no-repeat; background-position: 93% center; cursor: pointer; } .disclosure.opened { background-image: url(/application/8.12.0/assets/desktop/css/../images/select-opened.png); background-repeat: no-repeat; background-position: 93% center; } .disclosure:hover { background-color: #EBEBEB; } .disclosure + div { padding: 10px 20px; } .follow-block { margin-bottom: 20px; } .sidebar-block { padding: 15px 20px; border-top: 1px solid #ebebeb; } .sidebar-block:not(.error):first-child { border-top: none; } .sidebar-block.error:first-child { margin-top: -1px; } .sidebar-block.error + .sidebar-block.error { margin-top: -1px; } .sidebar-block .hasDatepicker { width: 90%; width: -webkit-calc(100% - 22px); width: calc(100% - 22px); } .sidebar-block .label-desc { margin-bottom: 10px; } .ui-datepicker-trigger { margin-left: 5px; vertical-align: middle; position: relative; top: -1px; } /* Properties block */ .properties-block { color: #acacac; } .properties-block .properties-label { color: #000000; display: block; margin-bottom: 3px; } .properties-block a { text-decoration: none; word-wrap: break-word; } .properties-block .ico-small { opacity: 0.3; } .properties-block .ico-small:hover { opacity: 1; } .sidebar-container .properties-block .iedit.ico-small, .sidebar-container .properties-block .check.ico-small, .sidebar-container .properties-block .iagent-add.ico-small, .sidebar-container .properties-block .preloader.ico-small { position: absolute; top: 13px; right: 0; } .sidebar-container .properties-block .overflow:first-child .ico-small { top: 4px; } .sidebar-container .properties-block .overflow:first-child .ico-small.iclose { top: 1px; } .sidebar-container .properties-block .iagent-add.ico-small, .sidebar-container .properties-block .check.ico-small { opacity: 0.6; } .sidebar-container .properties-block .iagent-add.ico-small:hover, .sidebar-container .properties-block .check.ico-small:hover { opacity: 1; } /* Properties List */ .properties-list { margin-top: 5px; } select.properties-list { margin-top: 0; } .properties-list > div { margin-top: 3px; margin-bottom: 5px; } .properties-list > div:last-of-type { margin-bottom: 0; } .properties-list input { margin-right: 5px; } .properties-list input[type="checkbox"] { top: 1px; } @-moz-document url-prefix() { .properties-list input[type="checkbox"] { top: -1px; } } .properties-list input[type="radio"] { top: 1px; } .modalBlock > .properties-list { margin: 0 10px 15px 20px; } .properties-list .forCheckbox { top: 3px; } .properties-list .checkboxLabel input { margin-right: 7px; } /* List Marker */ .list-marker ul { padding-left: 15px; } .list-marker li { border-top: 1px dotted #d2d2d2; padding: 10px 0; position: relative; } .list-marker li:first-child { border-top: none; padding-top: 0; } .list-marker li:last-of-type { padding-bottom: 0; } .list-marker li:before { content: ''; border-top: 1px dotted #d2d2d2; position: absolute; top: -1px; width: 15px; left: -16px; } .list-marker li:first-child:before { border-top: none; } .rightarea .list-marker li.is_private { background-image: url(/application/8.12.0/assets/desktop/css/../images/icons/16/private.png); } .list-marker li a { text-decoration: none; } .list-marker li a.active { color: #000000; } .kb-list ul li.is_private a { background-image: url(/application/8.12.0/assets/desktop/css/../images/icons/16/private.png); } .kb-list[data-style="modern"] ul li.is_private a .article-name:before { content: ''; background: url(/application/8.12.0/assets/desktop/css/../images/icons/16/private.png) no-repeat; width: 16px; height: 16px; display: inline-block; margin-right: 10px; margin-bottom: -2px; } /* History block */ .history-block { font-size: 12px; color: #acacac; background: inherit; } .history-block > p { padding: 10px 0; border-top: 1px dotted #d2d2d2; background: inherit; position: relative; } .history-block > p:first-child { padding-top: 0; border-top: none; } .history-block a { color: #555; font-size: 12px; padding: 0 6px; max-width: 80%; display: inline-block; overflow: hidden; vertical-align: middle; white-space: nowrap; } .history-block .history-time { background: inherit; bottom: 9px; position: absolute; right: 0; } .history-block .history-time:before { content: ""; position: absolute; left: -20px; top: 0; bottom: 0; width: 20px; background: -webkit-linear-gradient(left, rgba(247, 247, 247, 0), rgba(247, 247, 247, 1) 80%); background: -o-linear-gradient(left, rgba(247, 247, 247, 0), rgba(247, 247, 247, 1) 80%); background: linear-gradient(to right, rgba(247, 247, 247, 0), rgba(247, 247, 247, 1) 80%); } .no-cssgradients .history-block .history-time { padding-left: 8px; } .history-block .content-object-status { margin-left: 5px; } /* Share block */ #share-block { padding-bottom: 15px; } .share-block .share-button { margin-right: 10px; } .share-block .subscribe-link { padding: 0; width: 16px; height: 16px; display: block; margin-top: 4px; } /* Tags block */ .sidebar-title + .tags-block { padding-top: 5px; } #tags-block.tags { background: #fff; border: 1px solid #b7b7b7; border-radius: 2px; font-size: 12px; min-height: 32px; cursor: text; padding-bottom: 4px; } .tags li { list-style: none; display: inline-block; } .tags li.tags-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; padding-left: 10px; margin-left: 5px; margin-top: 4px; } .tags li.tags-choice a { text-decoration: none; color: #555; font-size: 12px; display: block; line-height: 20px; } .tags li input { border: none; -webkit-box-shadow: none; box-shadow: none; height: 30px; position: relative; top: 2px; } .tags li .sep { border-left: 1px solid #bed6e5; height: 100%; margin-left: 4px; margin-right: 0; } .tags-block .tags li.tags-choice { margin: 0 5px 5px 0; padding-right: 10px; } .subscribe-link { background: no-repeat 0 50%; padding-left: 22px; text-decoration: none; } .subscribe-link:hover { text-decoration: none; } .subscribe-link.via-rss { opacity: 0.3; background-image: url(/application/8.12.0/assets/desktop/css/../images/icons/16/rss.png); position: relative; } .subscribe-link.via-rss:hover { opacity: 1; background-image: url(/application/8.12.0/assets/desktop/css/../images/icons/16/rss-hover.png); } .subscribe-link.report-abuse { background: url(/application/8.12.0/assets/desktop/css/../images/icons/16/report-abuse.png) no-repeat; } .page-title .subscribe-link.via-rss { bottom: 12px; margin-left: 10px; position: absolute; } /* Media */ @media only screen and (max-device-width: 480px) { .touch .subscribe-link { padding-top: 4px; } .touch .sep { font-size: 5px; position: relative; top: -2px; } .touch .comment-content-text, .touch .comment-content-info, .touch .files-comment { width: 100%; height: auto; min-height: 1px; max-height: 999999px; } } /******************************************************************************* Main Area *******************************************************************************/ .mainArea { position: relative; padding-top: 20px; overflow: hidden; } .main-all .mainArea { padding-top: 0; } .main-all .mainArea:first-child { overflow: visible; } .mainArea.object-max-width { max-width: 850px; margin: 0 auto; } .mainArea-title { margin: 20px 0 0 25px; font-size: 16px; font-weight: bold; } .files-object-full { border: 1px solid #ebebeb; margin: 20px 20px 0 20px; background: #fff; border-radius: 3px; padding: 7px 10px; } .files-object-full a, .files-comment a, .add-file.attach-file { margin-right: 5px; background: url(/application/8.12.0/assets/desktop/css/../images/paper-clip.png) no-repeat 3px 7px; padding-left: 17px; text-decoration: none; } .anonymous-block { padding: 20px; } .title-small { font-weight: 600; color: #000; display: block; } .title-small + ul, .title-small + div, .title-small + select, .title-small + input, .title-small + textarea { margin-top: 10px; } .label-desc, .label-desc a { font-size: 12px; color: #acacac; } .label-desc + a.button-small-color, .label-desc + a.button-small { margin-top: 10px; } .content-object-status { display: inline-block; height: 17px; line-height: 16px; margin-right: 5px; padding: 0 6px; font-size: 12px; color: #fff; background: #a67eb0; } .announcements-title { padding: 12px 20px; background: #eefefb; border: 1px solid #0fa800; color: #000; font-size: 16px; text-align: left; } .announcements-title a, .announcements a { font-weight: normal; text-decoration: none; } .announcements-title a:hover, .announcements a:hover { font-weight: normal; text-decoration: underline; } .announcements { padding: 10px 20px 0 20px; } .announcements table { width: 100%; } .announcements td { border-top: 1px dotted #d9d9d9; padding: 10px 0; } .announcements tr:first-child td { border-top: none; } .content-tabs { font-size: 14px; display: table; margin-bottom: -1px; } .content-tabs li { height: 36px; list-style: none; display: table-cell; padding-left: 5px; vertical-align: middle; } .content-tabs li:first-child { padding: 0; } .content-tabs li span { border: 1px solid #ebebeb; border-radius: 2px 2px 0 0; height: 36px; color: #555555; text-decoration: none; padding: 9px 20px; display: block; cursor: pointer; } .content-tabs-area { padding: 0 20px; border: 1px solid #ebebeb; border-radius: 0 3px 3px 3px; } /* Moderation */ .moderation-links { padding: 6px 20px; min-height : 40px; } .not-featured { cursor: pointer; background: url(/application/8.12.0/assets/desktop/css/../images/icons/16/not-featured.png) no-repeat; } .featured { cursor: pointer; background-image: url(/application/8.12.0/assets/desktop/css/../images/icons/16/featured.png); } .moderation-links .object-actions { float: right; padding-top: 6px; } .moderation-links .object-actions a, .moderation-links .object-actions span { display: inline-block; background-position: 50% 50%; background-repeat: no-repeat; width: 16px; height: 16px; vertical-align: middle; font-size: 0; line-height: 0; text-indent: -5000px; opacity: 0.3; margin-left: 20px; cursor: pointer; } .moderation-links .object-actions a:hover, .moderation-links .object-actions span.as-link:hover { opacity: 1; } .moderation-links .objectTopActions > div i.preloader { margin-top: -2px; top: 2px; } .moderation-links .object-actions a.hidden { display: none; } /******************************************************************************* Objects list *******************************************************************************/ .objects .object { border-bottom: 1px dotted #d9d9d9; min-height: 70px; padding-bottom: 10px; padding-top: 12px; background: #fff; } .objects:only-child .object:last-child { border-bottom: none; } .object.disabled td { position: relative; } .object.disabled td:after { content: ""; position: absolute; background: rgba(255,255,255,0.5); width: 100%; left: 0; top: 0; bottom: 0; z-index: 5; } .mass-edit-area.objects .object, .mass-edit-area.users-list .object{ cursor: pointer; } .objects .object:hover, .users-list .object:hover { background: #ffffcc; } .objects .object.selected, .users-list .object.selected { background: #ffffaa; } .objects .object .object-icons, .objects-featured .object .object-icons { display: block; float: left; height: 100%; margin: 0 10px; } .objects .object .object-icons i { top: 2px; } .objects .object .object-icons i.preloader.ico-small ~ .object_featured-action, .objects .object .object-icons i.preloader.ico-small ~ .ico-small, .objects .object .object-icons .object_featured-action.isFeatured ~ .ico-small, .objects .object .object-icons:hover .object_featured-action ~ .ico-small, .objects .object .object-icons .object_featured-action { display: none; } .objects .object .object-icons:hover .object_featured-action, .objects .object .object-icons .object_featured-action.isFeatured { display: block; } .objects .object .object-icons .object_featured-action:not(.as-link) span { cursor: default; } .objects .object .object-icons i.preloader.ico-small { margin-right: 0; margin-top: 0; } .objects .object .content-object { width: 75%; width: calc(100% - 170px); margin-bottom: 5px; } .objects .object .content-object-title { margin-bottom: 5px; margin-top: -3px; font-weight: normal; } .objects .object.unread .content-object-title { font-weight: 600; } .objects .object .content-object-title a { font-size: 16px; text-decoration: none; } .objects .object .content-object-title img { margin-right: 7px; } .objects .object .preloader { float: right; margin-top: 7px; margin-right: 10px; } .content-object-info, .all .content-object-info a, .all .content-object-info .as-link { color: #acacac; font-size: 12px; } .content-object-info .time-help { margin-left: 3px; } .objects-filter { font-size: 14px; margin: 0 10px 20px 30px; padding: 7px 0; } .objects-filter a { text-decoration: none; font-size: 12px; } .objects-filter > span { float: right; color: #acacac; margin-top: -4px; } .objects-filter > span a { color: #acacac; vertical-align: middle; } .objects-filter a:hover { text-decoration: underline; color: #0072bc; } .objects-filter i.preloader { left: 10px; top: -1px; } .objects-filter .load-more a { font-size: inherit; } .objects-featured .objects-group .objects-group-border { background: #eae9df; position: absolute; width: 98%; height: 1px; bottom: 0; } .objects-featured .objects-group .objects-group-border:after { content: ""; position: absolute; right: 0; top: 0; bottom: 0; width: 10px; background: -webkit-linear-gradient(left, rgba(234, 233, 223, 1), rgba(243, 242, 232, 1) 100%); background: -o-linear-gradient(left, rgba(234, 233, 223, 1), rgba(243, 242, 232, 1) 100%); background: linear-gradient(to right, rgba(234, 233, 223, 1), rgba(243, 242, 232, 1) 100%) } .objects-featured .objects-group .objects-group-border:before { content: ""; position: absolute; left: 0; top: 0; bottom: 0; width: 10px; background: -webkit-linear-gradient(right, rgba(234, 233, 223, 1), rgba(243, 242, 232, 1) 100%); background: -o-linear-gradient(right, rgba(234, 233, 223, 1), rgba(243, 242, 232, 1) 100%); background: linear-gradient(to left, rgba(234, 233, 223, 1), rgba(243, 242, 232, 1) 100%) } .objects-featured .objects-group .object { width: 50%; float: left; padding: 10px 0; position: relative; } .objects-featured .object .object-icons { margin: 0 10px; vertical-align: middle; } .objects-featured .object .object-icons i { position: relative; top: 2px; } .objects-featured .objects-group .object .content-object { width: 87%; width: -webkit-calc(100% - 50px); width: calc(100% - 50px); white-space: nowrap; overflow: hidden; position: relative; } .objects-featured .objects-group .object .content-object:after { content: ""; position: absolute; right: 0; top: 0; bottom: 0; width: 40px; background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1) 80%); background: -o-linear-gradient(left, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1) 80%); background: linear-gradient(to right, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1) 80%) } .objects-featured .objects-group .object .content-object a { text-decoration: none; } /******************************************************************************* Comments *******************************************************************************/ span.best-answer { margin-bottom: 10px; color: #8bcb47; font-size: 20px; display: block; } .best-label { background-image: url(/application/8.12.0/assets/desktop/css/../images/comments/best-label.png); position: absolute; right: -1px; top: -1px; width: 51px; height: 51px; } .best-shadow-left { background-image: url(/application/8.12.0/assets/desktop/css/../images/comments/best-shadow-left.png); position: absolute; left: -1px; bottom: -15px; width: 200px; height: 15px; } .best-shadow-right { background-image: url(/application/8.12.0/assets/desktop/css/../images/comments/best-shadow-right.png); position: absolute; right: -1px; bottom: -15px; width: 200px; height: 15px; } .best-scroll-comment { position: absolute; left: 50%; margin-left: -12px; bottom: -12px; background: #fff; } .comments-block { margin-top: 30px; } .comments-title { border-bottom: 1px solid #ebebeb; } .comments-title h2 { font-size: 18px; color: #959595; margin-bottom: 10px; } .comments-title .filters { float: right; } .comments-title .filters i.preloader { position: relative; top: -2px; } .comment { padding: 20px 20px 15px 0; border-bottom: 1px solid #ebebeb; border-top: 1px solid #ebebeb; margin-top: -1px; } .comment.comment-reply-to { margin-left: 65px; background: #f7f7f7; padding-left: 20px; } .comment.best-answer { border: 1px solid #ececec; padding: 20px; position: relative; margin-bottom: 30px; } .all:not(.allAgent) .comment.trashed { padding-top: 0; padding-right: 0; } .ico-man { float: left; width: 50px; height: 50px; position: relative; } .ico-man img { display: block; border-radius: 50%; } .comments-block div.ico-man + .comment-content { margin-left: 70px; } .comment-content img { /*width: auto;*/ } .comment-preloader .comment-preloader-content { font-size: 14px; font-style: normal; font-weight: 600; background-position: 0 center; padding-left: 23px; display: inline; position: relative; top: 50%; left: 45%; } .comment-preloader .comment-preloader-content .preloader { top: -3px; margin-right: 10px; } .comment-content-info { font-size: 12px; color: #acacac; margin-bottom: 10px; } .comment-content-info .user_id { text-decoration: none; } .comment-content-info .comment-badge-agent { margin-left: -2px; } .comment-content-info .comment-badge-agent i { top: -2px; } .comment-content-text { margin-bottom: 15px; line-height: 1.5em; word-wrap: break-word; } .comment-content-text:not(.comment-edit-form) .mention, .ticket-content .mention, .content-object-full .mention, .object-tasks-wrapper .task:not(.edit-mode) .mention { font-weight: 600; color: #0072bc; text-decoration: none; } .comment-content-text.comment-edit-form { margin-bottom: 0; } .comment-content-text p { margin-bottom: 10px; } .comment-content-text img { max-width: 100%; cursor: pointer; } .comment-content-text ul, .comment-content-text ol { margin-left: 40px; margin-bottom: 10px; } .comment-content-text h3, .comment-content-text h4, .comment-content-text h5, .comment-content-text h6 { font-weight: normal; } .comment-content-text ol.source { background-color: #FAFAFA; border: 1px dotted #555555; font-style: italic; list-style-position: outside; padding-left: 35px; white-space: pre; margin-left: 0; } .comment-content-text ol.source li { white-space: pre-wrap; border-left: 2px solid #1AC131; color: #555555; padding-left: 10px; } .comment-content-text span[style*="font-weight: bold"] { font-weight: 600 !important; } .comment-content-text .allowed-codes-block { display: block; } .comment-content-text .leave-comment-title { margin-top: -4px; } .comment-content-text table { border-collapse: collapse; max-width: 100%; width: 100%; empty-cells: show; /*table-layout: fixed;*/ } .comment-content-text table td { vertical-align: top; } .comment-content-text table td:empty, .comment-content-text table th:empty { /*width: 0;*/ } .comment-content-text table td { word-wrap: anywhere; } .comment-content-text hr { color: #ddd; } .leave-comment-block { margin-top: -1px; position: relative; } .all:not(.allAgent) .leave-comment-block { margin-top: 20px; } .all:not(.allAgent) .anonymousFields .leave-comment-block { margin-top: 0; } .all:not(.allAgent) .anonymousFields .leave-comment-block.hidden-add-comment { margin-top: 20px; } .leave-comment { width: 100%; } .leave-comment.comment-reply-to, .comment-preloader.comment-reply-to { width: 92%; width: calc(100% - 65px); background: none; border: none; padding: 0 0 20px 0; position: relative; } .leave-comment-block.hidden-add-comment { text-align: center; position: relative; } .anonymousFields .leave-comment { margin-top: 100px; position: relative; } .anonymousFields .leave-comment-block.hidden-add-comment .leave-comment { margin-top: 0; } .leave-comment-block.hidden-add-comment .comment-add-form, .leave-comment-block.hidden-add-comment .task-add-form { display: none; } .leave-comment-block.hidden-add-comment .leave-comment-title > span { color: #555555 !important; font-weight: 600; } .leave-comment-block.hidden-add-comment:hover .leave-comment:not(.hidden) + .comment-login-block { display: block; } .leave-comment .anonymous-block { position: absolute; top: -100px; left: 0; width: 100%; padding: 20px 0 20px 0; } .leave-comment .anonymous-block .title-small { font-weight: normal; } .leave-comment-block.leave-comment-anonymous:not(.hidden-add-comment) { margin-top: 100px; } .leave-comment.leave-reply-anonymous { margin-top: 100px; } .leave-comment .g-recaptcha { margin-bottom: 20px; margin-top: 20px; } .comment-login-block { background: #2e3e4e; padding: 13px 40px; text-align: center; color: #ffffff; display: none; top: 0; position: absolute; left: 0; width: 100%; } .comment-login-block > span { color: #ffffff; font-weight: 600; cursor: pointer; } .all:not(.allAgent) .leave-comment-title { font-size: 14px; color: #555555; margin-bottom: 0; padding: 12px 20px; border: 1px solid #ebebeb; background: #f3fafe; -webkit-transition: background 150ms ease-out; transition: background 150ms ease-out; } .all:not(.allAgent) .leave-comment-title.add-note-title { background: #fff1f1; } .leave-comment-title.add-note-title ~ #comment-add .description-object { background-color: #fff2e9; transition: background 150ms ease-out; } .leave-comment-title > span:not(.active), .leave-comment-title .leave-comment-title-content > span:not(.active) { color: #0072bc; cursor: pointer; } .leave-comment-link > img { margin-right: 5px; margin-bottom: -1px; } .leave-comment .ico-man { padding-left: 3px; float: none; display: table-cell; padding-right: 20px; vertical-align: top; } .leave-comment-content { width: 100%; } .comment-add-form { -webkit-box-shadow: inset 0 1px 0 0 #eeeeee; box-shadow: 0 1px 0 0 #EEEEEE inset; } .comment-add-form .textarea-editor, .comment-edit-form .textarea-editor { height: 100px; margin-top: 5px; } .comment-add-form textarea, .comment-edit-form textarea { height: 90px; } .comment-edit-form .textarea-editor { margin-top: -5px; } .shared-access-comment-hint ~ .comment-add-form .textarea-editor, .shared-access-comment-hint ~ .comment-edit-form .textarea-editor, .comment.comment-reply-to .comment-add-form .textarea-editor, .leave-comment.comment .comment-add-form textarea, .shared-access-comment-hint ~ .comment-add-form textarea { margin-top: -10px; } .show-minimized-comments { border-top: 1px solid #ebebeb; border-bottom: 2px solid #ebebeb; padding: 11px; background: #f7f7f7; background: -moz-linear-gradient(top, #ebebeb 0%, #ebebeb 1px, #f7f7f7 1px, #f7f7f7 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ebebeb), color-stop(10%, #ebebeb), color-stop(10%, #f7f7f7), color-stop(100%, #f7f7f7)); background: -webkit-linear-gradient(top, #b7b7b7 0%, #b7b7b7 1px, #f7f7f7 1px, #f7f7f7 100%); background: linear-gradient(to bottom, #ebebeb 0%, #ebebeb 1px, #f7f7f7 1px, #f7f7f7 100%); background-size: 10px 10px; margin-top: -1px; } .show-minimized-comments.show-replies { margin-left: 65px; } .show-minimized-comments > a, .show-minimized-comments > span.as-link { background: #f7f7f7; padding: 5px 10px; text-decoration: none; } .rating-response, .comment-note-label, .comment-schedule-label { float: right; margin-left: 5px; } .comment-schedule-label { margin-right: 5px; } .rating-response { cursor: pointer; text-decoration: none; color: #555555; } .rating-response.author, .rating-response.author a { cursor: default; } .rating-response .good-comment { font-size: 0; } .rating-response .good-comment.preloader { top: -2px; color: inherit; } .rating-object-sum { position: relative; display: inline-block; } .good-comment i { position: relative; margin-right: 0; top: 3px; right: 2px; } .comment-content > .preloader, .comment-content > *:not(.comment-actions) .idoublecheck { top: -2px; margin-right: 15px; } .comment-content > .comment-note-label + .preloader, .comment-content > .comment-note-label ~ .comment-content-info .idoublecheck { margin-right: 5px; } .comment-content .comment-content-info .preloader { margin-right: 15px; top: -2px; } .comment-content .content-object-status { top: 3px; position: relative; margin-right: 10px; } .comment-content .content-object-status.state-moderation { background-color:#6f7379; color:#ffffff; } .comment.comment-edit .comment-content .content-object-status { display: none; } .comment-actions i, .rating-response i { display: inline-block; background-position: 50% 50%; background-repeat: no-repeat; width: 16px; height: 16px; vertical-align: top; font-size: 0; line-height: 0; text-indent: -5000px; margin-right: 0; } .comment-actions i { vertical-align: inherit; position: relative; bottom: -2px; margin-right: 5px; } .comment-actions { height: 19px; } .comment:hover .comment-actions .hidden { display: inline-block; } .comment-actions a { text-decoration: none; font-size: 12px; color: #acacac; margin-right: 15px; cursor: pointer; } .comment-actions a:hover { text-decoration: underline; } .comment .time-tracking { float: right; margin-right: 5px; position: relative; } .comment .time-tracking > i { float: right; position: relative; top: 2px; } .comment .time-tracking span.time { position: relative; top: 1px; right: 5px; float: right; } .comment .time-tracking.protected i { display: none; } .comment .time-tracking.protected { cursor: default; } .files-comment { border: 1px solid #ebebeb; margin-bottom: 15px; background: #fff; border-radius: 3px; padding: 7px 10px; } .task-block .files-comment { margin-top: 10px; margin-bottom: 5px; } .add-file.attach-file { background: url(/application/8.12.0/assets/desktop/css/../images/comments/add-file-comment.png) no-repeat 0 2px; text-decoration: none; margin-left: 10px; margin-top: 5px; margin-bottom: 5px; display: inline-block; } .add-file.attach-file span { text-decoration: none; border-bottom: 1px dashed #0072BC; margin-left: 5px; position: relative; top: -1px; } .add-file.attach-file span:hover { border-bottom: none; } .inner-files { border-top: 1px dotted #ebebeb; padding: 7px 10px; } .form-file-upload { opacity: 0; } .modalBlock .inner-files { border: none; } .modalBlock .form-file-upload { width: 50px; } .inner-files .filename { font-size: 12px; color: #acacac; margin-left: 10px; display: inline-block; max-width: 400px; max-width: calc(100% - 300px); overflow: hidden; text-overflow: ellipsis; } .inner-files .filename > img { vertical-align: middle; } .upload-progress { border: none; height: 4px; border-radius: 1px; background: #e6eaed; margin-right: 0; width: 30%; float: right; margin-top: 8px; } .modalBlock .upload-progress { margin-right: 10px; margin-top: 14px; } .modalBlock .add-file.attach-file span { border-bottom: 1px dashed #0072BC; text-decoration: none; } .upload-progress .loaded { background: #07a0f0; height: 4px; border: none; border-radius: 1px; } .comment.comment-note { background: #FFF2E9; padding-left: 20px; } .comment.comment-scheduled { background: #f9f8f6; padding-left: 20px; } .comment-note-label { color: #BF4544; font-weight: 600; } /******************************************************************************* Footer *******************************************************************************/ .footer { padding: 20px 0 30px 0; display: block !important; overflow: visible !important; visibility: visible !important; min-height: 50px !important; text-indent: 0 !important; opacity: 1 !important; } .footer.login { border-top: none; margin-top: 0; background: none; padding: 0; } .copyright { color: #555; font-size: 12px; line-height: 14px; text-align: center; padding-top: 12px; } .copyright span { color: #000; } .copyright a { color: #0072bc; font-size: 12px; } .copyright a:hover { text-decoration: none; } .poweredBy { color: #555555; font-size: 14px; line-height: 14px; text-align: center; cursor: default; } .poweredBy a { font-size: 14px; text-decoration: none; color: #555555; } html > body > #main > .footer:before, html > body > #main > .footer:after { z-index: -1 !important; } html > body > #main > .footer > .poweredBy:before, html > body > #main > .footer > .poweredBy:after { display: none !important; } /******************************************************************************* Modals *******************************************************************************/ .ilogin { background-image: url(/application/8.12.0/assets/desktop/css/../images/icons/16/login.png); height: 17px; } .iregister { background-image: url(/application/8.12.0/assets/desktop/css/../images/icons/16/register.png); } li.active .ilogin { background-image: url(/application/8.12.0/assets/desktop/css/../images/icons/16/login-active.png); } li.active .iregister { background-image: url(/application/8.12.0/assets/desktop/css/../images/icons/16/register-active.png); } .modal, .redactor_modal { background-color: #ffffff; border-radius: 7px; -webkit-box-shadow: 0 2px 3px #515050; box-shadow: 0 2px 3px #515050; display: block; left: 1px; min-width: 320px; width: 320px; min-height: 210px; overflow: hidden; position: fixed; top: 1px; z-index: 9999; } .modalHeader, .redactor_modal_header { background: #f2f2f2; border-bottom: 1px solid #cfcfcf; color: #555555; cursor: default; display: block; font-size: 20px; font-weight: 600; padding: 17px 35px 12px 20px; position: absolute; left: 0; right: 0; top: 0; min-height: 60px; z-index: 9; } .modalHeader .label-desc { display: block; margin-bottom: -3px; font-weight: normal; } .modalHeader .label-desc a { text-decoration: none; font-size: 14px; } .modalHeader .label-desc a.as-link { color: #0072bc; font-size: 12px; } .modalHeader div.modalHeaderContent { width: 100%; height: auto; } i.modalClose, .redactor_modal_close { float: right; background: url(/application/8.12.0/assets/desktop/css/../images/icons/16/remove.png) no-repeat; font-size: 0 !important; position: absolute; top: 22px; right: 20px; } .modalAction { float: right; font-size: 0 !important; position: absolute; top: 22px; right: 50px; } .modalContent { display: block; position: static; width: auto; margin: 0; padding: 0; } .modalContent.padded { padding: 20px 20px 0 20px; margin-bottom: 20px; } .modalContentWrapper { padding: 20px; } .modalScrollable { bottom: 60px; top: 60px; left: 0; right: 0; overflow: auto; position: absolute !important; } .modalScrollable:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; font-size: 0; } .modalScrollable.withoutModalFooter { bottom: 0; } .shader { background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 72%); background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 72%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#ffffff', GradientType=0); position: absolute; height: 20px; width: 100%; bottom: 0; left: 0; } .modalContentContainer .block-preloader { width: 100%; height: 150px; padding: 0 20px; margin-top: 10%; text-align: center; } /* Overlays */ .overlay { background: #000000; z-index: 999; left: 0; top: 0; position: fixed; width: 100%; height: 100%; opacity: 0.6; filter: alpha(opacity=50); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; } /* Login Form */ @-webkit-keyframes zoomIn { 0% { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); } 50% { opacity: 1; } } @keyframes zoomIn { 0% { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); } 50% { opacity: 1; } } .zoomIn { -webkit-animation-name: zoomIn; animation-name: zoomIn; } @-webkit-keyframes pulse { 0% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 50% { -webkit-transform: scale3d(1.05, 1.05, 1.05); transform: scale3d(1.05, 1.05, 1.05); } 100% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes pulse { 0% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 50% { -webkit-transform: scale3d(1.05, 1.05, 1.05); transform: scale3d(1.05, 1.05, 1.05); } 100% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .pulse { -webkit-animation-name: pulse; animation-name: pulse; } @-webkit-keyframes pulseOnline { 0% { -webkit-transform: scale(0); transform: scale(0); opacity: 0.0; } 25% { -webkit-transform: scale(0); transform: scale(0); opacity: 0.1; } 50% { -webkit-transform: scale(0.1); transform: scale(0.1); opacity: 0.3; } 75% { -webkit-transform: scale(0.5); transform: scale(0.5); opacity: 0.5; } 100% { -webkit-transform: scale(1); transform: scale(1); opacity: 0.0; } } @keyframes pulseOnline { 0% { -webkit-transform: scale(0); transform: scale(0); opacity: 0.0; } 25% { -webkit-transform: scale(0); transform: scale(0); opacity: 0.1; } 50% { -webkit-transform: scale(0.1); transform: scale(0.1); opacity: 0.3; } 75% { -webkit-transform: scale(0.5); transform: scale(0.5); opacity: 0.5; } 100% { -webkit-transform: scale(1); transform: scale(1); opacity: 0.0; } } .pulseOnline { -webkit-animation-name: pulseOnline; animation-name: pulseOnline; } .animated { -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-duration: 0.4s; animation-duration: 0.4s; } .animatedFast { -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-duration: 0.2s; animation-duration: 0.2s; } .modalFull { z-index: 999; left: 0; top: 0; position: fixed; width: 100%; height: 100%; display: table; min-width: 500px; } .modalFull.loginPage .auth-form { -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2); box-shadow: 0 0 5px rgba(0, 0, 0, 0.2); } .modalFull .modalClose { position: absolute; float: right; right: 10px; top: 0; cursor: pointer; width: 60px; height: 60px; min-width: 0 !important; z-index: 90002; overflow: hidden; font-size: 0; text-indent: -9999px; -webkit-appearance: none; -moz-appearance: none; appearance: none; -webkit-transition: -webkit-transform 0.2s; transition: transform 0.2s; } .modalFull .modalClose:focus { outline: none; } .modalFull .modalClose span { display: block; position: absolute; top: 29px; left: 15px; right: 15px; height: 2px; background: none; -webkit-transition: -webkit-transform 0.4s; transition: transform 0.4s; } .modalFull .modalClose span:before, .modalFull .modalClose span:after { position: absolute; display: block; left: 0; width: 100%; height: 2px; background-color: #dddddd; content: ""; } .modalFull .modalClose span:before { top: 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } .modalFull .modalClose span:after { bottom: 0; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } .modalFull .modalClose:hover { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .modalFull .login-image { margin-bottom: 50px; margin-top: 20px; } .modalFull .login-logo { display: block; width: auto; text-align: center; } .modalFull .login-logo .image { display: block; } .modalFull > div { display: table-cell; vertical-align: middle; } .modalFull .login-page-forms { overflow: auto; width: 100%; max-height: 100vh; padding-bottom: 40px; } .modalFull .modalFooter { position: relative; background: transparent; margin-top: 20px; padding: 15px 0 0 0; } .modalFull .modalFooter .modalFooterLinkContainer { font-size: 16px; color: #acacac; } .modalFull .modalFooter .modalFooterLinkContainer a { text-decoration: none; font-size: 16px; } .modalFull .auth-form { max-width: 430px; margin: 20px auto; background: #ffffff; border: 1px solid #dfdfdf; padding: 20px; -webkit-box-shadow: 0 0 5px #515050; box-shadow: 0 0 5px #515050; position: relative; } .modalDisable .auth-form:after { content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; } .modalDisable .auth-form form .preloader { display: inline-block; } .modalFull .auth-form input[type="text"], .modalFull .auth-form input[type="password"], .modalFull .auth-form input[type="email"] { border: 1px solid #dfdfdf; height: 36px; -webkit-box-shadow: none; box-shadow: none; border-radius: 0; font-size: 16px; padding-left: 10px; margin-top: 10px; } .modalFull .auth-form input::-webkit-input-placeholder { color: #888888; text-overflow: ellipsis; } .modalFull .auth-form input::-moz-placeholder { color: #888888; text-overflow: ellipsis; } .modalFull .auth-form input:-ms-input-placeholder { color: #888888; text-overflow: ellipsis; } .modalFull .auth-title { font-size: 20px; margin-bottom: 7px; margin-top: 5px; } .modalFull .auth-text { display: table; width: 100%; position: relative; } .modalFull .auth-text > input, .modalFull .auth-text > div { display: table-cell; width: 100%; position: static; } .modalFull .auth-text > div { width: 1%; white-space: nowrap; } .modalFull .auth-text > div.social-login { vertical-align: middle; padding-top: 10px; } .modalFull .auth-form .forgotPass { color: #555555; display: inline-block; float: right; font-size: 16px; margin-top: 3px; text-decoration: none; } .modalFull .auth-form .groupButtons { margin-top: 20px; } .modalFull .auth-form .auth-form-select { margin-top: 10px; } .modalFull .auth-form .filter-select { width: 100%; } .modalFull .auth-form .filter-select .filter-select-text { width: 100%; display: block; margin: 0; height: 36px; border: 1px solid #e4e6e8; background: #ffffff; padding-left: 10px; color: #555555; line-height: 34px; position: relative; z-index: 5; font-size: 16px; } .modalFull .auth-form .auth-form-select.no-change .filter-select .filter-select-text { color: #bfbfbf; } .modalFull .auth-form .filter-select .filter-select-text i { right: 10px; top: 15px; background-image: url(/application/8.12.0/assets/desktop/css/../images/filter-select-gray.png); -webkit-transition: opacity 150ms ease-in-out; transition: opacity 150ms ease-in-out; } .modalFull .auth-form.no-change .filter-select .filter-select-text i { opacity: 0; } .modalFull .auth-form .filter-select .filter-select-text i, .modalFull .auth-form .filter-select:hover .filter-select-text i, .modalFull .auth-form .filter-select.opened .filter-select-text i { opacity: 0.8; } .modalFull .auth-form .filter-select.disabled:hover .filter-select-text i { opacity: 0.5; } .modalFull .auth-form .filter-select.opened .filter-select-text:before, .modalFull .auth-form .filter-select.opened .filter-select-text:after { display: none; } .modalFull .auth-form .filter-select .filter-select-list { width: 100%; background: #ffffff; border-color: #e4e6e8; } .modalFull .auth-form .filter-select .filter-select-list li:hover { background: #f7f7f7; color: #000000; } .modalFull .auth-form .auth-form-list-property { margin-top: 10px; border: 1px solid #dfdfdf; padding: 10px; } .modalFull .auth-form .auth-form-list-property .title-small { color: #555; } .modalFull .auth-form .auth-form-list-property .title-small.error { color: #E53939; } .modalFull .auth-form .auth-form-list-property .title-small + div { margin-top: 5px; } .modalFull .auth-form #sign-up-recaptcha, .modalFull .auth-form #sign-in-recaptcha, .modalFull .auth-form #forgot-password-recaptcha { margin-top: 10px; padding-bottom: 5px; } .modalFull .auth-form .g-recaptcha iframe { -webkit-transform: scale(1.115); transform: scale(1.1); -webkit-transform-origin: 0 0; transform-origin: 0 0; } .modalFull .auth-form .iti { margin-top: 10px; display: block; width: 100%; position: relative; } .modalFull .auth-form input.input-phone { padding-left: 50px; } /* Scrolling */ /* rollbar paths style */ .rollbar-path-vertical, .rollbar-path-horizontal { position: absolute; background-color: #eee; background-color: rgba(220, 220, 220, 0.5); z-index: 100; } .rollbar-path-horizontal { bottom: 5px; left: 0; width: 100%; height: 10px; } .rollbar-path-vertical { right: 5px; top: 0; height: 100%; width: 10px; } /* rollbar paths inner shadow */ .rollbar-path-vertical { -webkit-box-shadow: inset 1px 0 0 rgba(0, 0, 0, 0.1); box-shadow: inset 1px 0 1px rgba(0, 0, 0, 0.1); } .rollbar-path-horizontal { -webkit-box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.1); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1); } /* rollbar handle style */ .rollbar-handle { position: relative; top: 0; left: 0; background-color: #58bcee; } /* prevent handle selection */ .rollbar-handle { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .rollbar-path-vertical .rollbar-handle { height: 20%; width: 100%; } .rollbar-path-horizontal .rollbar-handle { width: 20%; height: 100%; } /* round corners for rollbar handle and paths */ .rollbar-path-vertical, .rollbar-path-horizontal, .rollbar-handle { border-radius: 3px; } .modalBlock { border-top: 1px solid #e5e5e5; padding-top: 15px; position: relative; } .modalBlock:first-child { border-top: none; } .modalBlock > label, .modalBlock > span, .modalBlock > p, .modalBlock > ul, .modalBlock > ol, .modalBlock > h2, .modalBlock > h3, .modalBlock > h4, .modalBlock > blockquote, .modalBlock > div.variables-block { padding: 0 20px; display: block; } .modalBlock iframe { max-width: 100%; } .modalBlock > iframe { padding: 0 20px; } .modalBlock > .title-small + .label-desc { margin-top: -8px; margin-bottom: 7px; font-size: 14px; } .modalBlock > input, .modalBlock > select, .modalBlock > textarea, .modalBlock > .combined-buttons, .modalBlock > .resizer-wrap, .modalBlock > a.button-small, .modalBlock > a.button-small-color, .modalBlock.modalContentRedactor > .redactor_box, .modalBlock > .agent-filter-select { margin: 0 10px 15px 20px; } .modalBlock .modalLink { margin-bottom: 20px; display: inline-block; } .modalBlock > .iti { margin: 0 -20px 15px 20px; width: 91%; } .modalBlock > .iti .input-full-modal { width: 100%; } .modalBlock.modalContentRedactor > .redactor_box { width: 91%; } .modalBlock.modalContentRedactor > .attachments-block { width: 91%; margin-right: 0; } .modalBlock > a.button-small-color:last-of-type { margin-bottom: 10px; } .modalBlock > .combined-buttons { padding: 0; } .modalBlock > label { margin-bottom: 10px; } .modalBlock > label:last-of-type { margin-bottom: 15px; } .modalBlock > label.title-small, .modalBlock > span.title-small { margin-bottom: 10px; } .modalBlock img { max-width: 100%; max-height: 100%; height: auto; } .modalBlock .radio-list { padding: 7px 0; border-top: 1px dotted #bfbfbf; margin: 0 20px; } .modalBlock .radio-list:first-of-type { border-top: none; } .modalBlock .radio-list input, .modalBlock input[type="radio"] { margin-right: 5px; top: 1px; } .modalBlock .radio-list img { margin-right: 5px; width: 16px; position: relative; top: 2px; } .modalBlock .radio-list span { vertical-align: baseline; } .modalBlock img.calendar { margin-left: -15px; margin-top: -3px; vertical-align: middle; } .modalBlock textarea { resize: vertical; width: 91%; min-height: 100px; font-size: 14px; border: 1px solid #9F9F9F; } .modalBlock select.modalSelect { margin-left: 35px; margin-bottom: 15px; border-radius: 2px; } .modalBlock .modalBlock { background: #f7f7f7; } .modalBlock > select.modalSelect { margin-left: 20px; margin-top: -2px; min-width: 130px; } .modalBlock.bottom-nav p { margin-bottom: 10px; line-height: 1.5em; } .modalBlock.bottom-nav ul, .modalBlock.bottom-nav ol { padding-left: 25px; } .modalBlock.bottom-nav > ul, .modalBlock.bottom-nav > ol { padding-left: 45px; margin-bottom: 10px; } .modalBlock.bottom-nav li { margin-top: 5px; } .modalBlock.bottom-nav li ul, .modalBlock.bottom-nav li ol { margin-top: 5px; } .modal-objects-row { display: inline-block; width: 59%; padding-right: 20px; vertical-align: top; position: relative; } .modal-objects-row:first-child { padding-left: 20px; width: 40%; padding-right: 0; } .modalBlock .modal-objects-row .modalSelect { margin-left: 0; } .modalBlock .modal-objects-row .combined-buttons, .modal-objects-row > input, .modal-objects-row > select { margin-bottom: 20px; } .modal-objects-row > select { width: 91%; } .modal-objects-three-row { display: inline-block; width: 33%; padding-right: 10px; padding-bottom: 20px; vertical-align: top; } .modal-objects-three-row:first-child { padding-left: 20px; width: 32%; } .with-label-inline:last-child { margin-bottom: 10px; } .with-label-inline > div, .with-label-inline > label, .with-label-inline > input, .with-label-inline > select { display: inline-block; margin-top: 0; margin-bottom: 5px; } .with-label-inline > label, .with-label-inline > span { width: 40%; overflow: hidden; white-space: nowrap; position: relative; top: 10px; } .with-label-inline > span { top: 5px; } .modalBlock .with-label-inline > label, .modalBlock .with-label-inline > .title-small { padding-left: 20px; display: inline-block; } input.color-input { width: 85px; font-size: 14px; padding: 0; text-align: center; color: #555; -webkit-box-shadow: none; box-shadow: none; } .modalBlock .add-new-file-block-inner, .modalBlock .mailing-body-modal { background: #f7f7f7; border: 1px solid #E5E5E5; padding: 10px; } .modalBlock .add-new-file-block-inner .ico-small.idelete { opacity: 0.3; } .modalBlock .add-new-file-block-inner .ico-small.idelete:hover { opacity: 1; } .modalBlock hr { border: none; border-bottom: 1px solid #E5E5E5; margin-bottom: 5px; } .modalBlock .title-small + .table-no-border { margin-top: -10px; } .modalBlock .title-small + .table-no-border.modalTable { margin-top: -5px; margin-bottom: 5px; } .modalBlock .universal-table-admin + .button-small { margin-top: 5px; } div.modalFooter, .redactor_modal footer { margin-top: 15px; padding: 15px 20px; background: #f2f2f2; border-top: 1px solid #d9d9d9; bottom: 0; left: 0; right: 0; position: absolute; } .modalFooter button { margin-right: 10px; } .modalFooter > div.actions { float: right; font-size: 0; height: 28px; line-height: 25px; padding: 0 12px 2px; } .modalFooter > div.actions > a { text-decoration: none; border-bottom: 1px dashed; } .modalFooter > div.actions .countdown { font-size: 14px; } .modalFooter > div.actions img { margin-bottom: 7px; margin-right: 3px; padding: 0; vertical-align: middle; } .modalFooter ul.combined-buttons { float: left; margin-top: 0; } .modalFooter .all-selects { margin-right: 5px; } .modalFooter .modalFooterLink { margin-left: 5px; text-decoration: none; } .modalFooter .modalFooterLink:hover { text-decoration: underline; } .select-full-modal { width: 91%; color: #555555; } td .select-full-modal { width: 99%; } .modalBlock span > .select-full-modal { margin-bottom: 20px; } .select-full-modal + .modalBlock { margin-top: 20px; } .input-full-modal { width: 91%; } div.for-input-full-modal { padding: 0 20px; width: 100%; display: table; margin-bottom: 15px; margin-top: -5px; } div.for-input-full-modal.hidden { display: none; } div.for-input-full-modal:last-of-type { margin-bottom: 20px; } div.for-input-full-modal .select_ajax-container { margin: 0; } div.for-input-full-modal .select_ajax-container-multi .select_ajax-choices { border-radius: 2px; } div.for-input-full-modal input { display: table-cell; width: 100%; } div.for-input-full-modal span:not(.preloader) { display: table-cell; width: 1%; } div.for-input-full-modal span > a { margin-left: 20px; } .modalBlock > label.with-input-after { margin-bottom: 15px; } .modalBlock > .show-password { background: url(/application/8.12.0/assets/desktop/css/../images/icons/16/view_pass.png) no-repeat; width: 16px; height: 16px; padding: 0; position: absolute; right: 40px; bottom: 20px; opacity: 0.3; cursor: pointer; } .modalBlock > .show-password:hover, .modalBlock > .show-password.active { opacity: 1; } .for-input-with-button { padding: 0 20px; width: 100%; margin-bottom: 15px; margin-top: -5px; } .for-input-with-button input { margin-right: 5px; } /* Icon Buttons */ .icon16Button { height: 16px; width: 16px; cursor: pointer; opacity: 0.6; filter: alpha(opacity=60); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; } .icon16Button:hover { opacity: 1; filter: alpha(opacity=100); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; } /* Login form */ .modal-tabs { background-color: #ffffff; list-style: none; border-bottom: 1px solid #bfbfbf; padding: 10px 20px 0 20px; margin-bottom: 13px; position: relative; top: 60px; z-index: 99; } .modal-tabs li { cursor: pointer; border-radius: 2px 2px 0 0; display: inline-block; background: #f7f7f7; border: 1px solid #bfbfbf; height: 32px; padding: 6px 12px; margin-left: 1px; margin-bottom: -1px; -webkit-box-shadow: 0 1px 0 #fff; box-shadow: 0 1px 0 #fff; } .modal-tabs li:first-child { margin-left: 0; } .modal-tabs li a { color: #555; font-weight: 600; text-decoration: none; } .modal-tabs li a span { padding-left: 3px; } .modal-tabs li.single-sign-on { float: right; } .modal-tabs li.active { -webkit-box-shadow: inset 0 1px 0 #78b9db; box-shadow: inset 0 1px 0 #78b9db; border: 1px solid #0072bc; background: #3d9bcc; } .modal-tabs li.active { position: relative; background: #3d9bcc; border: 1px solid #0072bc; } .modal-tabs li.active:after, .modal-tabs li.active:before { top: 100%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; } .modal-tabs li.active:after { border-color: rgba(61, 155, 204, 0); border-top-color: #3d9bcc; border-width: 5px; left: 50%; margin-left: -5px; } .modal-tabs li.active:before { border-color: rgba(0, 114, 188, 0); border-top-color: #0072bc; border-width: 6px; left: 50%; margin-left: -6px; } .modal-tabs li.active a { color: #fff; text-shadow: 0 -1px 0 #317ca3; filter: dropshadow(color=#317ca3, offx=0, offy=-1); } .modal-tabs a i { vertical-align: top; margin-top: 1px; margin-right: 3px; } .auth-form .modalScrollable .rollbar-content, .auth-form .mobile-modal-auth-form { margin-bottom: 10px; padding: 50px 20px 0 20px; } .auth-form form .modalScrollable > div > label { font-size: 16px; display: block; padding-top: 12px; } .auth-form input[type="text"], .auth-form input[type="password"] { margin-top: 7px; height: 32px; width: 100%; } .auth-form select { margin-top: 7px; height: 32px; width: 100%; } .auth-form form .modalScrollable > div > p + .input-full-modal { margin-top: 4px; } .auth-form .groupButtons, .accessory-text { margin-top: 15px; color: #777; font-size: 14px; } .auth-form .groupButtons input { margin-right: 1px; } .auth-form form .modalScrollable p { font-size: 11px; color: #ACACAC; } .auth-form form .modalFooter .preloader { position: static; } .modalFooter .forgotPass { color: #448ccb; text-decoration: none; padding-left: 5px; } .social-login { position: absolute; bottom: 20px; right: 20px; } .social-login > span { color: #777777; position: relative; top: 1px; } .social-login > a { margin-left: 5px; display: inline-block; height: 36px; width: 36px; padding: 10px; position: relative; } .social-login a.facebook-button { background: #3b5998; } .social-login a.google-button { background: #d34836; } .social-login a:first-of-type { margin-left: 10px; } .social-login i { vertical-align: middle; } #system-form-registration .modalScrollable > div, #system-form-passwordforgot .modalScrollable > div { margin-bottom: 80px; } #system-form-authemail .modalScrollable > div { margin-bottom: 20px; padding-top: 0; } .subscribers { border-top: 1px solid #e6e6e6; border-bottom: 1px solid #e6e6e6; background: #f7f7f7; padding: 15px 40px; margin-top: 3px; margin-bottom: 10px; } .subscribers:last-of-type { margin-bottom: 0; } .subscribers > label { margin-top: 10px; display: block; } .subscribers > label:first-child { margin-top: 0; } .subscribers img { margin: 0 5px; vertical-align: middle; width: 16px; position: relative; top: -1px; } .selected_user.modalBlock { border-bottom: 1px solid #e6e6e6; margin-bottom: 10px; padding-top: 18px; } .custom_email.modalBlock { padding-top: 10px; } .notifications-link .preloader { background-position: left center; padding-left: 22px; display: inline-block; } .notifications-link > label { cursor: pointer; } .notifications-link > input { margin-right: 5px; } /* Manage Subscriptions */ .modal-list-checkbox-icons { margin-bottom: 5px; } .modal-list-checkbox-icons > label, .modal-list-radio-icons > label.radio-list { display: block; padding: 5px 0; margin: 0 20px; position: relative; white-space: nowrap; } .modal-list-checkbox-icons > label:not(.hidden) ~ label, .modal-list-radio-icons > label:not(.hidden) ~ label { border-top: 1px dotted #e6e6e6; } .modal-list-radio-icons > label.radio-list input { top: 0; } .universal-table-admin .modal-list-checkbox-icons > label { margin-left: 0; } .modal-list-checkbox-icons input { float: right; margin-top: 2px; } .modal-list-checkbox-icons .name { overflow: hidden; text-overflow: ellipsis; display: inline-block; margin-bottom: -5px; width: calc(100% - 25px); } .modal-list-checkbox-icons a, .modal-list-radio-icons a { text-decoration: none; color: #555; } .modal-list-checkbox-icons a:hover, .modal-list-radio-icons a:hover { color: #0072BC; } .modal-list-checkbox-icons a[href] { overflow: hidden; max-width: calc(100% - 60px); display: inline-block; text-overflow: ellipsis; } .modal-list-checkbox-icons img { margin: 0 5px; position: relative; vertical-align: top; top: 2px; width: 16px; } .modal-list-checkbox-icons i.ico-small { margin-right: 5px; vertical-align: top; top: 1px; } .modal-list-checkbox-icons a.ico-small, .modal-list-checkbox-icons span.ico-small.as-link { opacity: 0.3; margin-right: 10px; margin-top: 1px; } .modal-list-checkbox-icons a.ico-small:hover, .modal-list-checkbox-icons span.ico-small.as-link:hover { opacity: 1; } .sharing-subscription { float: right; } .modal-list-checkbox-icons.multiInputModal > label { padding-right: 25px; min-height: 30px; word-wrap: break-word; } .modal-list-checkbox-icons.multiInputModal > label .ico-small { position: absolute; top: 7px; right: 0; opacity: 0.5; } .modal-list-checkbox-icons.multiInputModal > label .ico-small:hover { opacity: 1; } .modal-list-checkbox-icons > label .subscriber-name { display: inline-block; max-width: calc(100% - 80px); overflow: hidden; text-overflow: ellipsis; } /* Trash */ .modal-trash { padding: 0 20px; margin-bottom: 5px; } .modal-trash .object-type, .modal-trash .modal-trash-list li { vertical-align: middle; padding: 5px 0; } .modal-trash .object-type { border-bottom: 1px solid #EDEDED; } .modal-trash .object-type .badge { float: right; } .modal-trash .object-type input { top: 3px; } .modal-trash input { float: left; margin-right: 10px; top: 3px; } .modal-trash .modal-trash-list { list-style: none; margin-top: 0; } .modal-trash .modal-trash-list li { border-top: 1px dotted #cacaca; } .modal-trash .modal-trash-list li:first-child { border-top: none; } .modal-trash .modal-trash-list li .trash-link a { color: #555; text-decoration: none; } .modal-trash .modal-trash-list li a:hover { text-decoration: underline; } .modal-trash .modal-trash-list li .icons-trash { float: right; } .modal-trash .modal-trash-list li .trash-link { position: relative; white-space: nowrap; overflow: hidden; display: inline-block; width: 490px; } .modal-trash .modal-trash-list li .trash-link:after { content: ""; position: absolute; right: 0; top: 0; bottom: 0; width: 30px; background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1) 80%); background: -o-linear-gradient(left, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1) 80%); background: linear-gradient(to right, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1) 80%) } /******************************************************************************* Top area *******************************************************************************/ a.toTop { background: #ffffff; width: 46px; height: 46px; position: fixed; text-decoration: none; display: none; bottom: 20px; margin-right: -16px; border-radius: 6px; border: 1px solid #b7b7b7; } a.toTop:before { content: ''; background: url(/application/8.12.0/assets/desktop/css/../images/icons/16/move-up.png) no-repeat center; display: block; width: 16px; height: 16px; position: absolute; left: 14px; top: 14px; } a.toTop:hover { background: #efefef; background: -webkit-linear-gradient(top, #ddd 0%, #ffffff 100%); background: linear-gradient(to bottom, #ddd 0%, #ffffff 100%); } /******************************************************************************* Date Picker *******************************************************************************/ /* css for timepicker */ .ui-timepicker-div .ui-widget-header { margin-bottom: 8px; } .ui-timepicker-div dl { text-align: left; } .ui-timepicker-div dl dt { float: left; clear: left; padding: 0 0 0 5px; } .ui-timepicker-div dl dd { margin: 0 10px 10px 45%; } .ui-timepicker-div td { font-size: 90%; } .ui-tpicker-grid-label { background: none; border: none; margin: 0; padding: 0; } .ui-timepicker-rtl { direction: rtl; } .ui-timepicker-rtl dl { text-align: right; padding: 0 5px 0 0; } .ui-timepicker-rtl dl dt { float: right; clear: right; } .ui-timepicker-rtl dl dd { margin: 0 45% 10px 10px; } /******************************************************************************* Users *******************************************************************************/ h2.title-block { border-radius: 3px; height: 40px; line-height: 38px; margin-bottom: 5px; margin-top: 10px; background: #FAFAFA; border: 1px solid #E8EAEB; cursor: pointer; position: relative; } h2.title-block:first-child { margin-top: 0; } h2.title-block > a:not(.subscribe-link), h2.title-block > span.as-link { color: inherit; text-decoration: none; display: block; padding-left: 35px; font-weight: 600; font-size: 18px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; padding-right: 50px; position: relative; } h2.title-block > span.as-link { cursor: default; } h2.title-block .subscribe-link { position: absolute; left: 10px; top: 0; z-index: 9; } h2.title-block i { float: right; margin: 11px 15px; position: absolute; right: 0; top: 0; } h2.title-block .filters i.preloader { float: left; margin-top: 7px; } h2.title-users { font-size: 14px; font-weight: bold; background: none; color: #555555; margin-bottom: 10px; margin-top: 30px; } h2.title-users:first-child { margin-top: 10px; } h2.title-users i { float: left; margin: 0 12px 0 12px; } h2.title-block.featured-h2 { background: none; border: none; line-height: 35px; height: 30px; } h2.title-block.featured-h2 > a { padding-left: 0; } /* User Profile */ .profile-top { width: 960px; margin: 5px auto; } .profile-card { width: 460px; float: left; -webkit-box-shadow: 0 2px 3px 0 #bbbbbb; box-shadow: 0 2px 3px 0 #bbbbbb; border-radius: 3px; border-width: 1px; border-style: solid; border-color: #f4f4f4 #dbdbdb #bbbbbb #dbdbdb; position: relative; } #preview-uploaded-img { display: inline-block; height: 50px; } .clip-left, .clip-right { position: absolute; background: url(/application/8.12.0/assets/desktop/css/../images/user-clip.png) no-repeat; width: 75px; height: 45px; top: -25px; } .clip-left { left: 10px; } .clip-right { right: 10px; } .profile-info { width: 460px; float: right; } .profile-info .content-tabs-area { display: table; width: 100%; padding: 7px 20px; } .profile-info .content-tabs-area.hidden { display: none; } .user-name { background: rgb(16, 145, 228); background: -webkit-linear-gradient(top, rgb(16, 145, 228) 0%, rgb(0, 114, 188) 100%); background: linear-gradient(to bottom, rgb(16, 145, 228) 0%, rgb(0, 114, 188) 100%); border-radius: 4px 4px 0 0; border: 1px solid #0072bc; height: 50px; line-height: 50px; text-align: center; font-size: 18px; color: #fff; } .user-name > span { position: relative; } .user-content { padding: 20px 10px; } .modalBlock .user-content { padding-top: 0; } .less-min-width .modalBlock .user-content { text-align: center; } .less-min-width .modalBlock .user-content > div { display: inline-block; float: none; padding-right: 20px; margin-bottom: 20px; } .user-base-info { float: left; width: 128px; text-align: center; margin-left: 10px; } .modalBlock .user-base-info { width: 139px; margin-top: 15px; } .user-image { position: relative; } .user-status.user-away, #user-status.user-list-status { position: absolute; top: 0; right: 0; padding: 3px; } #user-status.user-list-status.hidden { display: none !important; } .user-status.user-away { top: 9px; right: 2px; } .allAgentFooter .user-status.user-away { top: 14px; } .task-responsible .user-status.user-away { top: 14px; right: 5px; } .user-status.user-away span, #user-status.user-list-status span { background: #32cc32; border-radius: 4px; display: block; height: 8px; width: 8px; } .user-status.user-away span { background: #ff9e32; } .user-status.user-away.user-online span { background: #32cc32; } .user-status.user-away span:after, #user-status.user-list-status span:after { background: #0ccc0c; border-radius: 10px; height: 18px; width: 18px; position: absolute; top: -2px; left: -2px; z-index: 1; opacity: 0; -webkit-animation: pulseOnline 3s ease-out; animation: pulseOnline 3s ease-out; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; content: ''; display: block; } .user-status.user-away span:after { background: #ff9e32; } .user-status.user-away.user-online span:after { background: #32cc32; } .user-name #user-status.user-list-status { right: auto; top: 7px; left: -20px; } .user-image #user_avatar { display: block; position: relative; } .user-image img { border-radius: 50%; } .user-image #user_avatar.user-banned img, a.user-setting.user-banned img { border: 2px solid #ff0000; } .user-image #user_avatar.user-anonymous img, a.user-setting.user-anonymous img, .user-image #user_avatar.user-trashed img { border: 2px solid #555555; } .user-image #user_avatar.user-banned:after, .user-image #user_avatar.user-anonymous:after, .user-image #user_avatar.user-trashed:after, a.user-setting.user-banned:after, a.user-setting.user-anonymous:after { content: ""; position: absolute; left: 0; right: 0; top: 0; margin: auto; width: 104px; max-width: 100%; height: 104px; max-height: 100%; opacity: 0.7; border-radius: 50%; } a.user-setting.user-banned:after, a.user-setting.user-anonymous:after { display: none; } .user-image #user_avatar.user-banned:after { background: url(/application/8.12.0/assets/desktop/css/../images/icons/16/banned.png) no-repeat center rgba(0,0,0,0.5); } .user-image #user_avatar.user-anonymous:after { background: url(/application/8.12.0/assets/desktop/css/../images/icons/16/inactive_user.png) no-repeat center rgba(0,0,0,0.5); } .user-image #user_avatar.user-trashed:after { background: url(/application/8.12.0/assets/desktop/css/../images/trash-white.png) no-repeat center rgba(0,0,0,0.5); background-size: 16px; } .user-card-browser { background: url(/application/8.12.0/assets/desktop/css/../images/user-card-browser.png) no-repeat center; width: 139px; height: 103px; display: table-cell; vertical-align: middle; padding-top: 13px; } .user-card-browser .browser-resolution { margin-top: 9px; } .user-base-info .user-card-os { margin-top: 3px; } .usercard-username { display: block; margin-top: 5px; } .usercard-info { float: right; width: 290px; color: #acacac; position: relative; overflow: hidden; } .usercard-info > div { font-size: 0; width: 100%; padding-bottom: 5px; } .usercard-info > div > div { display: inline-block; width: 50%; font-size: 14px; position: relative; white-space: nowrap; overflow: hidden; padding: 0 5px; vertical-align: top; } .modalBlock .usercard-info > div > div { width: 60%; } .usercard-info > div > div:after { content: ""; position: absolute; right: 0; top: 0; bottom: 0; width: 20px; background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1) 80%); background: -o-linear-gradient(left, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1) 80%); background: linear-gradient(to right, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1) 80%); } .usercard-info > div > div.info-title:after { display: none; } .usercard-info > div > div a { color: inherit; text-decoration: none; } .modalBlock .usercard-info { max-width: 330px; min-width: 280px; width: 80%; width: calc(100% - 180px); text-align: left; } .modalBlock .usercard-info > div { min-height: 25px; } .modalBlock .usercard-info > div > div { border-top: 1px solid #e5e5e5; color: #555; padding-top: 4px; } .modalBlock .usercard-info > div:first-child > div { border-top: none; } .modalBlock .usercard-info > div > div.info-title { border: none; padding-right: 10px; color: #000; } .info-title { color: #555; font-weight: bold; padding-right: 15px; } .usercard-info > div > div.info-title { text-overflow: ellipsis; } .modalBlock .usercard-info > div > div.info-title { width: 40%; font-weight: normal; } .user-settings.top-line { border-top: 1px solid #ebebeb; } .user-settings a { background: rgb(255, 255, 255); background: -webkit-linear-gradient(top, rgb(255, 255, 255) 0%, rgb(246, 246, 246) 100%); background: linear-gradient(to bottom, rgb(255, 255, 255) 0%, rgb(246, 246, 246) 100%); padding: 5px 15px; border-left: 1px solid #ebebeb; border-right: 1px solid #ebebeb; display: inline-block; color: #000; text-decoration: none; min-height: 29px; } .user-settings a:first-child { margin-right: -5px; } .user-settings a:hover { background: rgb(240, 240, 240); background: -webkit-linear-gradient(top, rgba(240, 240, 240, 1) 0%, rgba(254, 254, 254, 1) 100%); background: linear-gradient(to bottom, rgba(240, 240, 240, 1) 0%, rgba(254, 254, 254, 1) 100%); -webkit-box-shadow: inset 0 1px 2px 0 #eee; box-shadow: inset 0 1px 2px 0 #eee; } .profile-info-block { display: table-cell; width: 100%; vertical-align: middle; } .profile-info-row { border-top: 1px dotted #D9D9D9; padding: 10px 0; } .profile-info-row:first-child { border-top: none; } .profile-info-row .profile-info-link { font-weight: bold; text-decoration: none; color: #555; } .profile-info-row .profile-info-link i { vertical-align: text-top; margin-right: 5px; top: 3px; cursor: initial; } .profile-info-row a.profile-info-link i { cursor: pointer; } .profile-info-row .profile-info-num { float: right; font-weight: bold; color: #0072bc; } .content-tabs-area table { width: 100%; } .content-tabs-area table.content-tabs-object { padding: 0; border-spacing: 0; } .content-tabs-area table td { border-top: 1px dotted #D9D9D9; padding: 10px 0; } .content-tabs-area table tr:first-child td { border-top: none; } .content-tabs-area .info-title { text-align: left; color: #555; } .content-tabs-area .info-title + td { text-align: right; } .profile-info-block.usercard-info > div { padding: 10px 0; border-top: 1px dotted #d9d9d9; color: #555555; } .profile-info-block.usercard-info > div:first-child { border-top: none; } .profile-info-block.usercard-info > div > div { padding: 0; } .profile-info-block.usercard-info > div > div:after { display: none; } .profile-log { margin-top: 30px; } .profile-log .filter-area { bottom: 0; } .profile-log .content-tabs-area { padding: 20px; } .modalBlock .api-settings { padding: 10px 20px 20px 20px; width: 100%; } .subscribe-user a.notSubscribe { background: url(/application/8.12.0/assets/desktop/css/../images/icons/16/mail-not-notify.png) no-repeat; font-size: 0; width: 16px; height: 16px; float: right; margin-top: 7px; margin-right: 10px; } .subscribe-user a.notSubscribe.subscribed { background: url(/application/8.12.0/assets/desktop/css/../images/icons/16/mail-notify-subscribe.png) no-repeat; } .filter-by-type { display: inline-block; line-height: 18px; } /* Activity Log & Users */ .objects-table { width: 100%; border-top: 1px solid #dbdbdb; margin-top: 12px; margin-bottom: 15px; border-collapse: separate; border-spacing: 0; } .objects-table.no-border { border-top: none; } .objects-table.users-list { margin-top: 0; } .objects-table thead, .objects-table .thead { } .objects-table th { padding: 10px 20px; border-bottom: 1px solid #d9d9d9; } .objects-table td { border-bottom: 1px dotted #d9d9d9; padding: 13px 5px 12px 5px; vertical-align: top; } .objects-table.padding-small td, .objects-table.padding-small th { padding: 10px; } .objects-table tr:not(.selected):hover td { background: #ffffcc; } table.users-list td { -moz-user-select: none; -weblit-user-select: none; -ms-user-select: none; user-select: none; } .objects-table.users-list td { min-height: 0; } .objects-table td a { text-decoration: none; } .objects-table td a:hover, .objects-table td .as-link:hover { text-decoration: underline; } .objects-table td .filter-select-list a { text-decoration: none; } .objects-table td a.line-through { text-decoration: line-through; } .objects-table td.object-icons, .objects-table .object-time { width: 40px; text-align: center; padding: 10px 5px; } .objects-table td.object-icons .ico-small { position: relative; top: 3px; } .objects-table td.object-icons a { display: inline-block; margin-left: 3px; } .objects-table td.object-icons a:first-child { margin-left: 0; } .objects-table td.object-icons a:hover { text-decoration: none; } .objects-table .activity-content a + span { margin-top: 5px; } .objects-table .object-users-name { width: 30%; } .objects-table .object-users-role { color: #898989; width: 30%; } .objects-table .object-users-statistics { text-align: right; padding-right: 10px; } .activity-log .objects-table td.object-icons { padding-left: 15px; padding-right: 5px; } .activity-log .objects-table td.activity-content .content-object-status { margin-top: 3px; } .activity-log .objects-table td.activity-container .content-object-status { margin-top: 5px; } .activity-log .objects-table td.activity-container .content-object-status.log-complete { background: #1F871B; } .activity-log .objects-table .object-time { text-align: right; overflow: hidden; text-overflow: ellipsis; } .activity-log .objects-table td { border-top: none; } .activity-log .objects-table .object-header td { border-bottom: 1px solid #dbdbdb; padding-top: 20px; } .activity-log .objects-table .object-header:hover td { background: inherit; } .activity-log .objects-table .object-header .title-small { font-weight: 600; color: #000000; } .content-tabs-area .activity-log .objects-table { margin-top: 0; } .content-tabs-area .activity-log .objects-table tr.object-header:first-child > td { padding-top: 10px; } .load-more-block { text-align: center; margin-bottom: 20px; } .load-more-block .load-more { text-decoration: none; } .load-more-block .load-more ~ i.preloader { position: relative; top: -2px; margin-left: 5px; color: inherit; } .objects-table + .objects-table { padding-top: 15px; } .objects-table + .objects-table tr:first-child td { border-top: 1px dotted #D9D9D9; } .modalBlock .universal-table { } /******************************************************************************* System widget frontend *******************************************************************************/ /* "Welcome Message" widget */ .welcomeMessageWidget img { max-width: 100%; } .welcomeMessageWidget ol, .welcomeMessageWidget ul { margin-left: 25px; margin-bottom: 10px; } .welcomeMessageWidget p { margin-bottom: 10px; } /******************************************************************************* Find Objects Form *******************************************************************************/ .findAddObjects-block { margin-bottom: 20px; } .findAddObjects-tabs { border-bottom: 1px solid #b7b7b7; height: 36px; } .findAddObjects-block .findAddObjects-tabs > a { background: rgb(254, 254, 254); background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZlZmVmZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmNmY2ZjYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -webkit-linear-gradient(top, rgba(254, 254, 254, 1) 0%, rgba(246, 246, 246, 1) 100%); background: linear-gradient(to bottom, rgba(254, 254, 254, 1) 0%, rgba(246, 246, 246, 1) 100%); border: 1px solid #B7B7B7; border-left: none; color: #000; float: left; font-size: 16px; height: 36px; line-height: 32px; padding: 0 20px; text-decoration: none; } .findAddObjects-block .findAddObjects-tabs > a:hover { background: rgb(240, 240, 240); background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2YwZjBmMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZWZlZmUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -webkit-linear-gradient(top, rgba(240, 240, 240, 1) 0%, rgba(254, 254, 254, 1) 100%); background: linear-gradient(to bottom, rgba(240, 240, 240, 1) 0%, rgba(254, 254, 254, 1) 100%); } .findAddObjects-tabs > a:first-child { border-left: 1px solid #b7b7b7; } .findAddObjects-tabs .ico-small { margin-right: 5px; position: relative; top: -2px; } .findAddObjects-input { background: #fff7c9; border-radius: 0 0 3px 3px; border: 1px solid #b7b7b7; border-top: none; padding: 20px; display: table; position: relative; } .findAddObjects-input input, .knowledge-base-search input { border: 1px solid #b7b7b7; border-radius: 2px; -webkit-box-shadow: 0 1px 1px 0 #ddd inset; box-shadow: 0 1px 1px 0 #ddd inset; color: #9f9f9f; font-size: 16px; height: 32px; text-indent: 10px; width: 100%; margin: 0; } .findAddObjects-input > span { display: table-cell; width: 1%; white-space: nowrap; padding-left: 5px; vertical-align: middle; } .findAddObjects-input .findAddObjects-input-container, .knowledge-base-search > div { vertical-align: middle; width: 100%; margin: 0; display: table-cell; } .findAddObjects-input-container > div { position: relative; } .b-ur-tab-content .quick-search-scrollable { max-height: 200px; } .quick-search-scrollable .rollbar-path-vertical { right: 0; } .findAddObjects-input > div .preloader { display: inline-block; position: absolute; right: 8px; top: 8px; } .findAddObjects-tabs > a.active { background: #fff7c9; border-bottom: none; filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); } .findAddObjects-block.findAddObjects-no-types .findAddObjects-input { background: inherit; border: none; padding: 0; } .findAddObjects-block.findAddObjects-no-types .findAddObjects-header { font-size: 18px; color: #000; margin-bottom: 10px; font-weight: 600; } .findAddObjects-block.findAddObjects-no-types .findAddObjects-input input, .knowledge-base-search input { height: 40px; } .findAddObjects-block.findAddObjects-no-types .findAddObjects-input > span, .knowledge-base-search > span { padding-left: 0; } .findAddObjects-block.findAddObjects-no-types .findAddObjects-input > span button, .findAddObjects-block.findAddObjects-no-types .findAddObjects-input > span button#reset-search, .knowledge-base-search > span button { position: relative; left: -2px; height: 40px; line-height: 32px; border-radius: 0 2px 2px 0; padding-left: 5px; padding-right: 5px; width: 40px; } .findAddObjects-block.findAddObjects-no-types .findAddObjects-input > span button img, .knowledge-base-search > span button img { position: relative; top: 1px; width: 16px; height: 16px; } .findAddObjects-block.findAddObjects-no-types .findAddObjects-input > span button#reset-search img { top: 0; } .findAddObjects-block.findAddObjects-no-types .findAddObjects-input > div .preloader, .knowledge-base-search > div .preloader { top: 13px; right: 10px; } /******************************************************************************* Icons *******************************************************************************/ /* Important styles */ .floatRight { float: right; } .floatLeft { float: left; } .hidden, .hiddenOption { display: none; } .overflowHidden { overflow: hidden; } .forceHidden { display: none !important; } .textLeft { text-align: left; } .textRight { text-align: right; } .textCenter { text-align: center; } .text-uc { text-transform: uppercase; } .fontNormal { font-weight: normal; } .fontBold { font-weight: bold; } .inlineBlock { display: inline-block; } .displayBlock { display: block; } .inlineBlock.hidden, .displayBlock.hidden { display: none; } .verticalTextTop, .verticalTextTop td:not([class*="verticalText"]) { vertical-align: top; } .verticalTextMiddle, .verticalTextMiddle td:not([class*="verticalText"]) { vertical-align: middle; } .verticalTextBottom, .verticalTextBottom td:not([class*="verticalText"]) { vertical-align: bottom; } .inactive { opacity: 0.5 !important; } .inactive:hover { opacity: 1 !important; } .hrDivider { display: block; width: 100%; margin: 12px auto !important; } .miniBadge { background: #7e7e7e; color: #ffffff; display: inline-block; font-size: 10px; padding: 0px 4px 1px 4px; font-variant: small-caps; text-transform: lowercase; font-weight: bold; } .clear { clear: both; font-size: 0; height: 0; overflow: hidden; display: block !important; float: none !important; } .clearfix:before, .clearfix:after { content: " "; display: table; } .clearfix:after { clear: both; } .no-user-select { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } iframe#social-login { display: none; } /* Browse Archive/Active */ .load-archive { margin-left: 5px; margin-top: 45px; } .load-archive i { position: relative; top: -3px; opacity: 0.6; margin-right: 3px; } .load-archive:hover i { opacity: 1; } a.load-archive { text-decoration: none; } /* OAuth Email */ .mainArea > .auth-form .modalScrollable { position: static !important; } .mainArea > .auth-form .modalFooter { position: static !important; background: none; border: none; padding: 0; margin: 0; } .is-anchor { color: inherit; text-decoration: none; font-size: inherit; position: relative; } /* Tiles */ /* Categories */ .tiles-block { max-width: 880px; width: 100%; margin: 0 auto; text-align: center; } .tiles-block.withoutIcons { margin-top: -20px; } .tiles-block ul { list-style: none; display: inline-block; width: 100%; display: flex; flex-wrap: wrap; justify-content: center; } .tiles-block li { float: left; margin-top: 40px; margin-left: 4%; border: 1px solid #d6d6d6; text-align: center; position: relative; margin-bottom: 20px; border-radius: 3px; min-height: 115px; max-width: 200px; width: 22%; } .tiles-block.withoutIcons li { margin-top: 20px; } .tiles-block li.first-in-row { margin-left: 0; } .tiles-block li > a { display: block; padding: 5px 10px; width: 100%; height: 100%; text-decoration: none; } .tiles-image { position: absolute; width: 74px; height: 74px; top: -37px; background: #f4f4f4; border: 1px solid #e4e4e4; border-radius: 37px; padding: 19px; left: 50%; margin-left: -37px; z-index: 9; } .tiles-block li > a:hover .tiles-image { background: #eff9f9; } .tiles-image img { max-width: 32px; max-height: 32px; } .tiles-title { display: block; font-size: 16px; margin-top: 45px; margin-bottom: 15px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .tiles-block li .label-desc { display: block; margin-top: -25px; margin-bottom: 10px; } /* Agent Link */ .agent-link { display: none; position: fixed; padding: 5px 25px 8px 25px; top: 0; left: 20px; background: #2e3e4e; color: #ffffff; font-weight: 600; border-radius: 0 0 4px 4px; text-decoration: none; box-shadow: 0 2px 5px rgba(46,62,78,0.6); z-index: 99; } .agent-link:hover { background: #49575f; } .agent-block { height: 53px; line-height: 0; font-size: 0; background: #3D5368; position: relative; z-index: 99999; } .agent-block-link { padding: 18px 15px; display: inline-block; line-height: 53px; text-align: center; width: 58px; height: 53px; border-right: 1px solid #57636e; position: relative; z-index: 1; } .agent-block-link:hover { background-color: #36495c; } .agent-block-link.floatRight { border-right: none; border-left: 1px solid #57636e; } .agent-block .agent-block-link-full { line-height: 53px; width: 100%; display: block; position: absolute; color: #ffffff; top: 0; left: 0; text-align: center; z-index: 0; text-decoration: none; } /* New Object */ .new-object .filter-select .filter-select-text i, .custom-select-as-select .filter-select .filter-select-text i { background-image: url(/application/8.12.0/assets/desktop/css/../images/filter-select-gray.png); } .new-object .filter-select-search { position: absolute; left: 0; top: 0; width: 100%; opacity: 0; border: none !important; box-shadow: none; padding-left: 0; display: none; } .new-object .filter-select.opened .filter-select-search { opacity: 1; display: block; } .new-object .select_ajax-container-multi.input-multistep .select_ajax-choices:after { content: ""; width: 0; height: 0; position: absolute; background: none; bottom: auto; border-left: 4px solid transparent; border-right: 4px solid transparent; border-top: 4px solid; top: 17px; right: 12px; color: #777; } .new-object .filter-select.filter-with-search.opened .filter-select-text:after, .new-object .select_multistep .select_ajax-container-multi.input-multistep.select_ajax-dropdown-open .select_ajax-choices:after { background-image: url(/application/8.12.0/assets/desktop/css/../images/search.png); background-color: inherit; opacity: 1; background-size: 16px 16px; width: 16px; height: 16px; right: 10px; bottom: 10px; } .new-object .select_multistep .select_ajax-container-multi.input-multistep.select_ajax-dropdown-open .select_ajax-choices:after { background-repeat: no-repeat; border: none; background-position: center; top: 13px; right: 8px; bottom: auto; } input.hasDatepicker, input.altFieldDatepicker { position: relative; background-image: url(/application/8.12.0/assets/desktop/css/../images/calendar.png); background-position: right 10px center; background-repeat: no-repeat; cursor: pointer; } .modalBlock input.altFieldDatepicker + input, .auth-form input.altFieldDatepicker + input { position: absolute; left: 0; bottom: 0; opacity: 0; } .modalBlock .delete-value, .auth-form .delete-value { position: absolute; right: 20px; bottom: 20px; padding: 0; } .auth-form .delete-value { bottom: 10px; right: 0; } .modalBlock .delete-value i, .auth-form .delete-value i { opacity: 0.5; } .modalBlock .delete-value:hover i, .auth-form .delete-value:hover i { opacity: 1; } .modalBlock .delete-value ~ .input-full-modal { width: calc(91% - 21px); } .auth-form .delete-value ~ .input-full-modal { width: calc(100% - 25px); } .new-object .sidebar-block .properties-list { font-size: 0; } .new-object .sidebar-block .properties-list > div { display: inline-block; width: 50%; } .datepicker-inline-view { padding-top: 0; margin-bottom: -2px; } .datepicker-inline-view .input-full-modal { display: none; } .datepicker-inline-view .datepicker { left: 0; width: 100%; } /* Print page */ .filter-area .print-page { margin-right: 10px; cursor: pointer; display: inline-block; } .droppable-block { background: rgba(0,0,0,0.75); height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 199; line-height: 100vh; text-align: center; } .droppable-block span { color: #ffffff; font-size: 20px; display: inline-block; height: 150px; left: 50%; line-height: 150px; margin-left: -125px; margin-top: -75px; position: absolute; top: 50%; width: 250px; border: 1px dashed #ffffff; } /* Subscribers */ .user-teams-subscribers.modalBlock .title-small, .modalBlock.multiSelectBlock .title-small { padding: 0 0 5px 0; border-bottom: 1px solid #dddddd; margin-left: 20px; margin-right: 20px; margin-bottom: 5px; } .user-teams-subscribers.modalBlock .title-small + div.modal-list-checkbox-icons, .user-teams-subscribers.modalBlock .title-small + div.modal-list-radio-icons, .modalBlock.multiSelectBlock .title-small + div.modal-list-checkbox-icons { margin-top: 5px; margin-bottom: 10px; } .modalBlock.radioBlock { padding-bottom: 5px; } .modalBlock.radioBlock .modal-list-radio-icons { margin-bottom: 5px; } .user-teams-subscribers.modalBlock .title-small input, .modalBlock.multiSelectBlock .title-small input { margin-top: 3px; } .modalBlock .user-teams-subscribers.modalBlock { border-bottom: 1px solid #e5e5e5; padding-top: 5px; margin-bottom: 10px; } .modalBlock .user-teams-subscribers.modalBlock .title-small + div.modal-list-checkbox-icons:last-of-type, .modalBlock .user-teams-subscribers.modalBlock .title-small + div.modal-list-radio-icons:last-of-type { margin-bottom: 0; } .user-teams-subscribers .modal-list-checkbox-icons input.subscribers-checkbox { margin-left: 10px; } .datepicker--time-sliders-only-hours .datepicker--time-row.datepicker--time-row-hours { margin-top: 6px; } .datepicker--time-sliders-only-hours .datepicker--time-row.datepicker--time-row-minutes { display: none; } /* Object Votes */ a.objectVotes:hover { text-decoration: none !important; color: #7a8283; } .objectVotes .objectVotesCount { font-size: 14px; } .objectVotes .objectVoteButton { width: 16px; height: 16px; display: block; position: absolute; font-size: 16px; right: auto; left: 0; top: 0; } .objectVotes .objectVoteButton { background: url(/application/8.12.0/assets/desktop/css/../images/icons/16/vote-default.png) no-repeat; } .objectVotes:hover .objectVoteButton { background-image: url(/application/8.12.0/assets/desktop/css/../images/icons/16/vote-hover.png); } .objectVotes.objectVoted .objectVoteButton, .objectVotes.isAuthor .objectVoteButton { background-image: url(/application/8.12.0/assets/desktop/css/../images/icons/16/vote-comment.png); } /* negativeVotes */ .objectVotes.negativeVotes.objectVoted .objectVoteButton, .objectVotes.negativeVotes.isAuthor .objectVoteButton { background-image: url(/application/8.12.0/assets/desktop/css/../images/icons/16/vote-dislike-comment.png); } .objectVotes.negativeVotes .objectVoteButton { background: url(/application/8.12.0/assets/desktop/css/../images/icons/16/vote-dislike-default.png) no-repeat; } .objectVotes.negativeVotes:hover .objectVoteButton { background-image: url(/application/8.12.0/assets/desktop/css/../images/icons/16/vote-dislike-hover.png); } .objectVotes.isAuthor { cursor: default; pointer-events: none; } #powerTip.normalWrap { white-space: normal; } #powerTip.maxWidth { max-width: 500px; overflow: hidden; text-overflow: ellipsis; } /* Nav */ #agents-navigation .agents-navigation-content .navigation-content a:not(.text-gray):not(.link-blue), #agents-navigation .agents-navigation-content .navigation-content span.as-link { color: #ffffff; } /* Phone */ .modalBlock .iti__country-list { width: 546px; } .modalFull .iti__country-list { width: 388px; } .modalFull.loginPage .iti__country-list { width: 334px; } .modalFull .iti__country-list .iti__country-name { max-width: 285px; overflow: hidden; display: inline-block; text-overflow: ellipsis; } .modalFull.loginPage .iti__country-list .iti__country-name { max-width: 235px; } .isearch { -webkit-mask: url(/application/8.12.0/assets/desktop/css/../images/icons-clean/search.svg) no-repeat 50% 79%; mask: url(/application/8.12.0/assets/desktop/css/../images/icons-clean/search.svg) no-repeat 50% 50%; -webkit-mask-size: 16px; mask-size: 16px; background-color: #3b82f6; background-image: none; position: static; border: none; } /* User Tooltip */ #powerTip.userTooltipBlock { max-width: 500px; white-space: nowrap; padding: 20px 30px 15px 30px; } .userTooltipBlock .userTooltipAvatar { position: relative; display: inline-block; font-size: 0; margin-right: 20px; border-radius: 3px; overflow: hidden; border: 2px solid rgba(255, 255, 255, 0.5); } .userTooltipBlock .userTooltipAvatar.user-banned { border-color: #ff0000; } .userTooltipBlock .userTooltipAvatar.user-anonymous { border-color: #555555; } .userTooltipBlock .userTooltipAvatar.user-banned:after, .userTooltipBlock .userTooltipAvatar.user-anonymous:after { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; opacity: 0.7; } .userTooltipBlock .userTooltipAvatar.user-banned:after { background: url(/application/8.12.0/assets/desktop/css/../images/icons/16/banned.png) no-repeat center; } .userTooltipBlock .userTooltipAvatar.user-anonymous:after { background: url(/application/8.12.0/assets/desktop/css/../images/icons/16/inactive_user.png) no-repeat center rgba(0,0,0,0.5); } .userTooltipBlock .userTooltipInfo { font-size: 14px; display: inline-block; color: rgba(255, 255, 255, 0.5); vertical-align: top; } .userTooltipBlock .userTooltipInfo span, #powerTip.userTooltipBlock .userTooltipInfo a { display: block; white-space: nowrap; margin-top: 3px; font-size: inherit; line-height: 20px; } #powerTip.userTooltipBlock .userTooltipInfo .userTooltipName { color: #ffffff; margin-top: 0; } .input-prefix-box { display: flex; } .input-prefix-box .input-prefix { background-color: #eee; border: 1px solid #9f9f9f; height: 28px; border-right: none; border-radius: 2px 0 0 2px; padding: 3px 3px 0 10px; display: flex; flex-basis: auto; } .input-prefix-box .input-prefix select { border: none; background: #eeeeee; margin-top: -3px; margin-left: 0px; color: #555555; } .input-prefix-box input { margin: 0 !important; border-top-left-radius: 0; border-bottom-left-radius: 0; flex: 1; } .js-warning-banner { margin: 0; padding: 1em; background: #f33; color: #fff; text-align: center; } .iarrow-svg { -webkit-mask: url(/application/8.12.0/assets/desktop/css/../images/icons/svg/arrow.svg) no-repeat 50% 50%; mask: url(/application/8.12.0/assets/desktop/css/../images/icons/svg/arrow.svg) no-repeat 50% 50%; } @media print { html * { background: none !important; } .title-object-full, .object-full { border: none !important; background: none !important; } #top_navigation, #agents-navigation, .breadcrumbs, .rightarea, .title-object-full .full-object-status .arrow, .files-object-full, .buttons-object-full, .merged-objects, .moderation-links, .footer, .header, .article-helpful, .tags-block, .filter-area, .ticket-status, .ticket-buttons, .ticket-subscribe, .article-separator, .comments-block .best-label, .comments-block .comment-badge-agent, .comments-block .comment-actions, .leave-comment-block, .comment-quick-reply, .rating-response, .comments-title .filters, .time-help + .sep, .show-minimized-comments, .leave-comment-link-block, #object_state_lines, .subscribe, .full-article ~ .comments-block, .object-full.announcement ~ .comments-block, .UR_handleTab, .UR_chatHandleTab, /* Agents */ .agent-block, .agents-navigation-content, .allAgentHeader, .allAgentFooter, .attach-file-link, .attachments-block, .page-info, .allAgentContent.agentNotRequest .redactor_toolbar, .allAgent.articleObjectType .comments-block, .allAgent.faqObjectType .comments-block, .allAgent.announcementObjectType .comments-block, .chat-message:not(.without-avatar) .chat-message-text-block:after, .chat-message .chat-message-bottom .chat-message-status, .chat-message .message-time.chat-relative-time, .chat-message.note-message, .allAgentChat .title-object-full .object-sla-time, .allAgent .comments-block .comment.comment-note, .kb-votes-block { display: none !important; } body, .allAgentContent.agentNotRequest .redactor_box, .redactor_editor blockquote, .chat-message.my-message .chat-message-text-block, .my-message.chat-message.chatMessageType-document .chat-message-text a, .chat-messages-date span, .chat-message.my-message .chat-massage-time, .chat-message-join-chat, .chat-message.my-message .chat-message-text-block .chat-message-author { color: #000000 !important; } .title-object-full .full-object-status { top: auto !important; bottom: 5px !important; } .all { padding: 0 !important; border: none !important; background: none !important; } .mainArea { padding-top: 0 !important; } .ticket-header { padding-top: 10px; } .ticket-header > .floatLeft { float: none !important; display: block; width: 100%; border: 1px solid #ffffff; } .ticket-full { margin: 0 !important; } .ticket-show .page-title > div, .ticket-title { display: block !important; } .object-full h1 { padding-left: 0 !important; width: auto !important; padding-bottom: 5px !important; } .main-width { width: 100%; min-width: 500px; } .show-print { display: block; } .print-icon { margin-right: 5px; display: inline-block; vertical-align: text-top; margin-top: 20px; } .ticket-title .print-icon { margin-top: 3px; } .full-article .print-icon { margin-top: 4px; } .print-icon + h1 { vertical-align: text-top; display: inline-block; width: 80% !important; width: calc(100% - 35px) !important; } .author-info { padding-left: 25px !important; } .full-article-title-wrapper { margin-bottom: 15px; padding-bottom: 15px; border-bottom: 1px dotted #ccc; } .notes-block { margin-right: 0 !important; margin-left: 0 !important; } .object-full .title-object-full { border-bottom: 1px solid #CCCCCC !important; margin-bottom: 10px; margin-top: 10px; min-height: 20px; position: relative; } .content-object-full { margin: 0 !important; padding: 0 !important; } .page-title h1 { font-size: 18px !important; } .comments-block { margin-top: 15px !important; } .comments-block .comments-title + .hidden { display: block; } .ticket-show .page-title { padding-bottom: 0 !important; } .full-article-title-wrapper { margin-top: 30px; } .footer { position: absolute; top: -100%; } /* Agents */ .all.allAgent { margin-left: 0 !important; } .allAgent .wrap-container { margin: 0 !important; padding: 0 !important; } .allAgentContent .object-full > div { padding: 0 !important; } .allAgentObject .allAgentContent .agent-max-width { padding: 0 !important; border: none !important; background: none !important; max-width: 100% !important; height: auto !important; display: block !important; } .allAgentContent.agentNotRequest .object-full { box-shadow: none !important; } .allAgentContent .mainArea { min-width: 0 !important; } .allAgentObject .allAgentContent.agentNotRequest.kbObject .agent-max-width > form { display: block !important; } .redactor_editor pre:after { background: none !important; } .redactor_editor note, .redactor_editor .notes-block, .redactor_editor main { margin-left: 0 !important; } .allAgentObject .agent-object-title h1 { font-size: 22px !important; line-height: 35px !important; height: auto !important; white-space: normal !important; margin-bottom: 0 !important; margin-top: 10px !important; } .allAgentContent.openRedactor .object-full .content-object-full .redactor_editor { padding-top: 0 !important; } .allAgentContent .comments-block { padding: 0 !important; margin: 0 !important; } .allAgentContent .leave-comment-link-block + .comment { border-top: none !important; } .allAgentContent .comments-block .comment { padding-left: 20px !important; } .allAgentContent .comments-block .comment.comment-reply-to { margin-left: 65px !important; } #main { overflow: initial !important; } .allAgentContent { height: auto !important; } .spoiler-content { display: block; } .chat-message .chat-message-text-block { border: 1px solid #dedede !important; border-radius: 3px !important; overflow: hidden !important; page-break-inside: avoid; } .allAgentChat .title-object-full { position: static !important; padding-bottom: 10px !important; border-bottom: 1px solid #CCCCCC !important; padding-left: 0 !important; padding-right: 0 !important; } .allAgentChat .allAgentContent:not(.allAgentChatStatistics) { margin-top: 0 !important; } .allAgentChat .agent-chat-messages { padding: 0 !important; } .chat-message-join-chat { border-top: 1px dashed #CCCCCC !important; border-bottom: 1px dashed #CCCCCC !important; line-height: 30px; height: auto !important; } .chat-message .message-time.chat-time-print { display: inline-block !important; } .chat-message .message-time.chat-time-print { display: inline-block !important; color: rgba(55, 55, 55, 0.6) !important; } .chat-message.my-message.chatMessageType-document .chat-message-text-block { padding-left: 20px !important; } .chat-message:not(.chatMessageType-text):not(.chatMessageType-document):not(.chatMessageType-article):not(.preload-message):not(.chatMessageType-scenario) .chat-message-text-block { padding: 15px 20px !important; } .allAgentChat .agent-chat-messages-container, .allAgentChat .agent-chat-messages { display: block; } .allAgentChat .allAgentContent:not(.allAgentChatStatistics) { overflow: visible; height: 100%; } .allAgentChat .allAgentContent .allAgentContentScrollbar, .allAgent.allAgentChat .allAgentContainer, .allAgentContent .allAgentContentScrollbar { max-height: none !important; height: auto !important; } } /* Variable fonts usage: :root { font-family: "Inter", sans-serif; } @supports (font-variation-settings: normal) { :root { font-family: "InterVariable", sans-serif; font-optical-sizing: auto; } } */ @font-face { font-family: InterVariable; font-style: normal; font-weight: 100 900; font-display: swap; src: url(/application/8.12.0/assets/desktop/fonts/inter/InterVariable.woff2) format("woff2"); } @font-face { font-family: InterVariable; font-style: italic; font-weight: 100 900; font-display: swap; src: url(/application/8.12.0/assets/desktop/fonts/inter/InterVariable-Italic.woff2) format("woff2"); } /* static fonts */ @font-face { font-family: "Inter"; font-style: normal; font-weight: 100; font-display: swap; src: url(/application/8.12.0/assets/desktop/fonts/inter/Inter-Thin.woff2) format("woff2"); } @font-face { font-family: "Inter"; font-style: italic; font-weight: 100; font-display: swap; src: url(/application/8.12.0/assets/desktop/fonts/inter/Inter-ThinItalic.woff2) format("woff2"); } @font-face { font-family: "Inter"; font-style: normal; font-weight: 200; font-display: swap; src: url(/application/8.12.0/assets/desktop/fonts/inter/Inter-ExtraLight.woff2) format("woff2"); } @font-face { font-family: "Inter"; font-style: italic; font-weight: 200; font-display: swap; src: url(/application/8.12.0/assets/desktop/fonts/inter/Inter-ExtraLightItalic.woff2) format("woff2"); } @font-face { font-family: "Inter"; font-style: normal; font-weight: 300; font-display: swap; src: url(/application/8.12.0/assets/desktop/fonts/inter/Inter-Light.woff2) format("woff2"); } @font-face { font-family: "Inter"; font-style: italic; font-weight: 300; font-display: swap; src: url(/application/8.12.0/assets/desktop/fonts/inter/Inter-LightItalic.woff2) format("woff2"); } @font-face { font-family: "Inter"; font-style: normal; font-weight: 400; font-display: swap; src: url(/application/8.12.0/assets/desktop/fonts/inter/Inter-Regular.woff2) format("woff2"); } @font-face { font-family: "Inter"; font-style: italic; font-weight: 400; font-display: swap; src: url(/application/8.12.0/assets/desktop/fonts/inter/Inter-Italic.woff2) format("woff2"); } @font-face { font-family: "Inter"; font-style: normal; font-weight: 500; font-display: swap; src: url(/application/8.12.0/assets/desktop/fonts/inter/Inter-Medium.woff2) format("woff2"); } @font-face { font-family: "Inter"; font-style: italic; font-weight: 500; font-display: swap; src: url(/application/8.12.0/assets/desktop/fonts/inter/Inter-MediumItalic.woff2) format("woff2"); } @font-face { font-family: "Inter"; font-style: normal; font-weight: 600; font-display: swap; src: url(/application/8.12.0/assets/desktop/fonts/inter/Inter-SemiBold.woff2) format("woff2"); } @font-face { font-family: "Inter"; font-style: italic; font-weight: 600; font-display: swap; src: url(/application/8.12.0/assets/desktop/fonts/inter/Inter-SemiBoldItalic.woff2) format("woff2"); } @font-face { font-family: "Inter"; font-style: normal; font-weight: 700; font-display: swap; src: url(/application/8.12.0/assets/desktop/fonts/inter/Inter-Bold.woff2) format("woff2"); } @font-face { font-family: "Inter"; font-style: italic; font-weight: 700; font-display: swap; src: url(/application/8.12.0/assets/desktop/fonts/inter/Inter-BoldItalic.woff2) format("woff2"); } @font-face { font-family: "Inter"; font-style: normal; font-weight: 800; font-display: swap; src: url(/application/8.12.0/assets/desktop/fonts/inter/Inter-ExtraBold.woff2) format("woff2"); } @font-face { font-family: "Inter"; font-style: italic; font-weight: 800; font-display: swap; src: url(/application/8.12.0/assets/desktop/fonts/inter/Inter-ExtraBoldItalic.woff2) format("woff2"); } @font-face { font-family: "Inter"; font-style: normal; font-weight: 900; font-display: swap; src: url(/application/8.12.0/assets/desktop/fonts/inter/Inter-Black.woff2) format("woff2"); } @font-face { font-family: "Inter"; font-style: italic; font-weight: 900; font-display: swap; src: url(/application/8.12.0/assets/desktop/fonts/inter/Inter-BlackItalic.woff2) format("woff2"); } @font-face { font-family: "InterDisplay"; font-style: normal; font-weight: 100; font-display: swap; src: url(/application/8.12.0/assets/desktop/fonts/inter/InterDisplay-Thin.woff2) format("woff2"); } @font-face { font-family: "InterDisplay"; font-style: italic; font-weight: 100; font-display: swap; src: url(/application/8.12.0/assets/desktop/fonts/inter/InterDisplay-ThinItalic.woff2) format("woff2"); } @font-face { font-family: "InterDisplay"; font-style: normal; font-weight: 200; font-display: swap; src: url(/application/8.12.0/assets/desktop/fonts/inter/InterDisplay-ExtraLight.woff2) format("woff2"); } @font-face { font-family: "InterDisplay"; font-style: italic; font-weight: 200; font-display: swap; src: url(/application/8.12.0/assets/desktop/fonts/inter/InterDisplay-ExtraLightItalic.woff2) format("woff2"); } @font-face { font-family: "InterDisplay"; font-style: normal; font-weight: 300; font-display: swap; src: url(/application/8.12.0/assets/desktop/fonts/inter/InterDisplay-Light.woff2) format("woff2"); } @font-face { font-family: "InterDisplay"; font-style: italic; font-weight: 300; font-display: swap; src: url(/application/8.12.0/assets/desktop/fonts/inter/InterDisplay-LightItalic.woff2) format("woff2"); } @font-face { font-family: "InterDisplay"; font-style: normal; font-weight: 400; font-display: swap; src: url(/application/8.12.0/assets/desktop/fonts/inter/InterDisplay-Regular.woff2) format("woff2"); } @font-face { font-family: "InterDisplay"; font-style: italic; font-weight: 400; font-display: swap; src: url(/application/8.12.0/assets/desktop/fonts/inter/InterDisplay-Italic.woff2) format("woff2"); } @font-face { font-family: "InterDisplay"; font-style: normal; font-weight: 500; font-display: swap; src: url(/application/8.12.0/assets/desktop/fonts/inter/InterDisplay-Medium.woff2) format("woff2"); } @font-face { font-family: "InterDisplay"; font-style: italic; font-weight: 500; font-display: swap; src: url(/application/8.12.0/assets/desktop/fonts/inter/InterDisplay-MediumItalic.woff2) format("woff2"); } @font-face { font-family: "InterDisplay"; font-style: normal; font-weight: 600; font-display: swap; src: url(/application/8.12.0/assets/desktop/fonts/inter/InterDisplay-SemiBold.woff2) format("woff2"); } @font-face { font-family: "InterDisplay"; font-style: italic; font-weight: 600; font-display: swap; src: url(/application/8.12.0/assets/desktop/fonts/inter/InterDisplay-SemiBoldItalic.woff2) format("woff2"); } @font-face { font-family: "InterDisplay"; font-style: normal; font-weight: 700; font-display: swap; src: url(/application/8.12.0/assets/desktop/fonts/inter/InterDisplay-Bold.woff2) format("woff2"); } @font-face { font-family: "InterDisplay"; font-style: italic; font-weight: 700; font-display: swap; src: url(/application/8.12.0/assets/desktop/fonts/inter/InterDisplay-BoldItalic.woff2) format("woff2"); } @font-face { font-family: "InterDisplay"; font-style: normal; font-weight: 800; font-display: swap; src: url(/application/8.12.0/assets/desktop/fonts/inter/InterDisplay-ExtraBold.woff2) format("woff2"); } @font-face { font-family: "InterDisplay"; font-style: italic; font-weight: 800; font-display: swap; src: url(/application/8.12.0/assets/desktop/fonts/inter/InterDisplay-ExtraBoldItalic.woff2) format("woff2"); } @font-face { font-family: "InterDisplay"; font-style: normal; font-weight: 900; font-display: swap; src: url(/application/8.12.0/assets/desktop/fonts/inter/InterDisplay-Black.woff2) format("woff2"); } @font-face { font-family: "InterDisplay"; font-style: italic; font-weight: 900; font-display: swap; src: url(/application/8.12.0/assets/desktop/fonts/inter/InterDisplay-BlackItalic.woff2) format("woff2"); } @font-feature-values InterVariable { @character-variant { cv01: 1; cv02: 2; cv03: 3; cv04: 4; cv05: 5; cv06: 6; cv07: 7; cv08: 8; cv09: 9; cv10: 10; cv11: 11; cv12: 12; cv13: 13; alt-1: 1; /* Alternate one */ alt-3: 9; /* Flat-top three */ open-4: 2; /* Open four */ open-6: 3; /* Open six */ open-9: 4; /* Open nine */ lc-l-with-tail: 5; /* Lower-case L with tail */ simplified-u: 6; /* Simplified u */ alt-double-s: 7; /* Alternate German double s */ uc-i-with-serif: 8; /* Upper-case i with serif */ uc-g-with-spur: 10; /* Capital G with spur */ single-story-a: 11; /* Single-story a */ compact-lc-f: 12; /* Compact f */ compact-lc-t: 13; /* Compact t */ } @styleset { ss01: 1; ss02: 2; ss03: 3; ss04: 4; ss05: 5; ss06: 6; ss07: 7; ss08: 8; open-digits: 1; /* Open digits */ disambiguation: 2; /* Disambiguation (with zero) */ disambiguation-except-zero: 4; /* Disambiguation (no zero) */ round-quotes-and-commas: 3; /* Round quotes & commas */ square-punctuation: 7; /* Square punctuation */ square-quotes: 8; /* Square quotes */ circled-characters: 5; /* Circled characters */ squared-characters: 6; /* Squared characters */ } } @font-feature-values Inter { @character-variant { cv01: 1; cv02: 2; cv03: 3; cv04: 4; cv05: 5; cv06: 6; cv07: 7; cv08: 8; cv09: 9; cv10: 10; cv11: 11; cv12: 12; cv13: 13; alt-1: 1; /* Alternate one */ alt-3: 9; /* Flat-top three */ open-4: 2; /* Open four */ open-6: 3; /* Open six */ open-9: 4; /* Open nine */ lc-l-with-tail: 5; /* Lower-case L with tail */ simplified-u: 6; /* Simplified u */ alt-double-s: 7; /* Alternate German double s */ uc-i-with-serif: 8; /* Upper-case i with serif */ uc-g-with-spur: 10; /* Capital G with spur */ single-story-a: 11; /* Single-story a */ compact-lc-f: 12; /* Compact f */ compact-lc-t: 13; /* Compact t */ } @styleset { ss01: 1; ss02: 2; ss03: 3; ss04: 4; ss05: 5; ss06: 6; ss07: 7; ss08: 8; open-digits: 1; /* Open digits */ disambiguation: 2; /* Disambiguation (with zero) */ disambiguation-except-zero: 4; /* Disambiguation (no zero) */ round-quotes-and-commas: 3; /* Round quotes & commas */ square-punctuation: 7; /* Square punctuation */ square-quotes: 8; /* Square quotes */ circled-characters: 5; /* Circled characters */ squared-characters: 6; /* Squared characters */ } } @font-feature-values InterDisplay { @character-variant { cv01: 1; cv02: 2; cv03: 3; cv04: 4; cv05: 5; cv06: 6; cv07: 7; cv08: 8; cv09: 9; cv10: 10; cv11: 11; cv12: 12; cv13: 13; alt-1: 1; /* Alternate one */ alt-3: 9; /* Flat-top three */ open-4: 2; /* Open four */ open-6: 3; /* Open six */ open-9: 4; /* Open nine */ lc-l-with-tail: 5; /* Lower-case L with tail */ simplified-u: 6; /* Simplified u */ alt-double-s: 7; /* Alternate German double s */ uc-i-with-serif: 8; /* Upper-case i with serif */ uc-g-with-spur: 10; /* Capital G with spur */ single-story-a: 11; /* Single-story a */ compact-lc-f: 12; /* Compact f */ compact-lc-t: 13; /* Compact t */ } @styleset { ss01: 1; ss02: 2; ss03: 3; ss04: 4; ss05: 5; ss06: 6; ss07: 7; ss08: 8; open-digits: 1; /* Open digits */ disambiguation: 2; /* Disambiguation (with zero) */ disambiguation-except-zero: 4; /* Disambiguation (no zero) */ round-quotes-and-commas: 3; /* Round quotes & commas */ square-punctuation: 7; /* Square punctuation */ square-quotes: 8; /* Square quotes */ circled-characters: 5; /* Circled characters */ squared-characters: 6; /* Squared characters */ } } .ico-small.svg { background-color: currentColor; mask-position: center; mask-repeat: no-repeat; mask-size: var(--icon-src-size, 100%) var(--icon-src-size, 100%); } /* Start of the block generated by tools/generate-icons-stylesheet.php - do not edit by hand */ .ico-8 { --icon-size: 8px; } .ico-10 { --icon-size: 10px; } .ico-12 { --icon-size: 12px; } .ico-14 { --icon-size: 14px; } .ico-16 { --icon-size: 16px; } .ico-18 { --icon-size: 18px; } .ico-20 { --icon-size: 20px; } .ico-22 { --icon-size: 22px; } .ico-24 { --icon-size: 24px; } .ico-26 { --icon-size: 26px; } .ico-28 { --icon-size: 28px; } .ico-30 { --icon-size: 30px; } .ico-32 { --icon-size: 32px; } .ico-src-8 { --icon-src-size: 8px; } .ico-src-10 { --icon-src-size: 10px; } .ico-src-12 { --icon-src-size: 12px; } .ico-src-14 { --icon-src-size: 14px; } .ico-src-16 { --icon-src-size: 16px; } .ico-src-18 { --icon-src-size: 18px; } .ico-src-20 { --icon-src-size: 20px; } .ico-src-22 { --icon-src-size: 22px; } .ico-src-24 { --icon-src-size: 24px; } .ico-src-26 { --icon-src-size: 26px; } .ico-src-28 { --icon-src-size: 28px; } .ico-src-30 { --icon-src-size: 30px; } .ico-src-32 { --icon-src-size: 32px; } .ic-account { mask-image: url(/application/8.12.0/assets/desktop/css/../images/icons/svg/account.svg); } .ic-add-16 { mask-image: url(/application/8.12.0/assets/desktop/css/../images/icons/svg/add-16.svg); } .ic-analytics-bar { mask-image: url(/application/8.12.0/assets/desktop/css/../images/icons/svg/analytics-bar.svg); } .ic-analytics-doughnut { mask-image: url(/application/8.12.0/assets/desktop/css/../images/icons/svg/analytics-doughnut.svg); } .ic-analytics-line { mask-image: url(/application/8.12.0/assets/desktop/css/../images/icons/svg/analytics-line.svg); } .ic-analytics-metric { mask-image: url(/application/8.12.0/assets/desktop/css/../images/icons/svg/analytics-metric.svg); } .ic-analytics-table { mask-image: url(/application/8.12.0/assets/desktop/css/../images/icons/svg/analytics-table.svg); } .ic-analytics { mask-image: url(/application/8.12.0/assets/desktop/css/../images/icons/svg/analytics.svg); } .ic-announcements { mask-image: url(/application/8.12.0/assets/desktop/css/../images/icons/svg/announcements.svg); } .ic-arrow { mask-image: url(/application/8.12.0/assets/desktop/css/../images/icons/svg/arrow.svg); } .ic-card { mask-image: url(/application/8.12.0/assets/desktop/css/../images/icons/svg/card.svg); } .ic-channelreply { mask-image: url(/application/8.12.0/assets/desktop/css/../images/icons/svg/channelreply.svg); } .ic-content { mask-image: url(/application/8.12.0/assets/desktop/css/../images/icons/svg/content.svg); } .ic-copy { mask-image: url(/application/8.12.0/assets/desktop/css/../images/icons/svg/copy.svg); } .ic-dashboard { mask-image: url(/application/8.12.0/assets/desktop/css/../images/icons/svg/dashboard.svg); } .ic-delete { mask-image: url(/application/8.12.0/assets/desktop/css/../images/icons/svg/delete.svg); } .ic-domains { mask-image: url(/application/8.12.0/assets/desktop/css/../images/icons/svg/domains.svg); } .ic-edit { mask-image: url(/application/8.12.0/assets/desktop/css/../images/icons/svg/edit.svg); } .ic-export { mask-image: url(/application/8.12.0/assets/desktop/css/../images/icons/svg/export.svg); } .ic-gear { mask-image: url(/application/8.12.0/assets/desktop/css/../images/icons/svg/gear.svg); } .ic-inbox { mask-image: url(/application/8.12.0/assets/desktop/css/../images/icons/svg/inbox.svg); } .ic-info { mask-image: url(/application/8.12.0/assets/desktop/css/../images/icons/svg/info.svg); } .ic-log-add { mask-image: url(/application/8.12.0/assets/desktop/css/../images/icons/svg/log-add.svg); } .ic-log-archive-restore { mask-image: url(/application/8.12.0/assets/desktop/css/../images/icons/svg/log-archive-restore.svg); } .ic-log-archive { mask-image: url(/application/8.12.0/assets/desktop/css/../images/icons/svg/log-archive.svg); } .ic-log-complete { mask-image: url(/application/8.12.0/assets/desktop/css/../images/icons/svg/log-complete.svg); } .ic-log-csat { mask-image: url(/application/8.12.0/assets/desktop/css/../images/icons/svg/log-csat.svg); } .ic-log-delete { mask-image: url(/application/8.12.0/assets/desktop/css/../images/icons/svg/log-delete.svg); } .ic-log-merge { mask-image: url(/application/8.12.0/assets/desktop/css/../images/icons/svg/log-merge.svg); } .ic-log-new-comment { mask-image: url(/application/8.12.0/assets/desktop/css/../images/icons/svg/log-new-comment.svg); } .ic-log-restore { mask-image: url(/application/8.12.0/assets/desktop/css/../images/icons/svg/log-restore.svg); } .ic-log-status-updated { mask-image: url(/application/8.12.0/assets/desktop/css/../images/icons/svg/log-status-updated.svg); } .ic-menu-book { mask-image: url(/application/8.12.0/assets/desktop/css/../images/icons/svg/menu-book.svg); } .ic-menu-knowledge-base { mask-image: url(/application/8.12.0/assets/desktop/css/../images/icons/svg/menu-knowledge-base.svg); } .ic-note { mask-image: url(/application/8.12.0/assets/desktop/css/../images/icons/svg/note.svg); } .ic-open-in-new { mask-image: url(/application/8.12.0/assets/desktop/css/../images/icons/svg/open-in-new.svg); } .ic-order { mask-image: url(/application/8.12.0/assets/desktop/css/../images/icons/svg/order.svg); } .ic-plus { mask-image: url(/application/8.12.0/assets/desktop/css/../images/icons/svg/plus.svg); } .ic-property { mask-image: url(/application/8.12.0/assets/desktop/css/../images/icons/svg/property.svg); } .ic-refresh { mask-image: url(/application/8.12.0/assets/desktop/css/../images/icons/svg/refresh.svg); } .ic-replay { mask-image: url(/application/8.12.0/assets/desktop/css/../images/icons/svg/replay.svg); } .ic-stop-circle { mask-image: url(/application/8.12.0/assets/desktop/css/../images/icons/svg/stop-circle.svg); } .ic-tags { mask-image: url(/application/8.12.0/assets/desktop/css/../images/icons/svg/tags.svg); } .ic-task { mask-image: url(/application/8.12.0/assets/desktop/css/../images/icons/svg/task.svg); } .ic-timer-1 { mask-image: url(/application/8.12.0/assets/desktop/css/../images/icons/svg/timer-1.svg); } .ic-timer-2 { mask-image: url(/application/8.12.0/assets/desktop/css/../images/icons/svg/timer-2.svg); } .ic-timer-3 { mask-image: url(/application/8.12.0/assets/desktop/css/../images/icons/svg/timer-3.svg); } .ic-timer-4 { mask-image: url(/application/8.12.0/assets/desktop/css/../images/icons/svg/timer-4.svg); } .ic-timer-5 { mask-image: url(/application/8.12.0/assets/desktop/css/../images/icons/svg/timer-5.svg); } .ic-timer-6 { mask-image: url(/application/8.12.0/assets/desktop/css/../images/icons/svg/timer-6.svg); } .ic-timer-breached { mask-image: url(/application/8.12.0/assets/desktop/css/../images/icons/svg/timer-breached.svg); } .ic-timer-ok { mask-image: url(/application/8.12.0/assets/desktop/css/../images/icons/svg/timer-ok.svg); } .ic-timer-paused { mask-image: url(/application/8.12.0/assets/desktop/css/../images/icons/svg/timer-paused.svg); } .ic-tooltip-icon { mask-image: url(/application/8.12.0/assets/desktop/css/../images/icons/svg/tooltip-icon.svg); } .ic-users { mask-image: url(/application/8.12.0/assets/desktop/css/../images/icons/svg/users.svg); } .ic-warning { mask-image: url(/application/8.12.0/assets/desktop/css/../images/icons/svg/warning.svg); } /* End of the the block generated by tools/generate-icons-stylesheet.php */ /* Start of the block generated by tools/generate-design-colors.php - do not edit by hand */ :root { --color-gray-50: #f5f6f6; --color-gray-75: #edeeef; --color-gray-100: #e5e7e8; --color-gray-125: #dddddd; --color-gray-200: #ced1d3; --color-gray-300: #abafb5; --color-gray-400: #81868f; --color-gray-500: #696e77; --color-gray-600: #575a63; --color-gray-700: #4b4d53; --color-gray-800: #424448; --color-gray-900: #3a3c3f; --color-gray-950: #242528; --color-gray-0: #ffffff; --color-accent-0: #bd52f9; --color-green-50: #eafff8; --color-green-100: #c2ffea; --color-green-200: #91f8d5; --color-green-300: #5df0be; --color-green-400: #34e8ab; --color-green-500: #1dc98f; --color-green-600: #17a273; --color-green-700: #11835c; --color-green-800: #0c6446; --color-yellow-50: #fffeea; --color-yellow-100: #fffccd; --color-yellow-200: #fffaae; --color-yellow-300: #fff88a; --color-yellow-400: #fff667; --color-yellow-500: #fef346; --color-yellow-600: #f2e517; --color-yellow-700: #e2d400; --color-yellow-800: #c4b800; --color-yellow-900: #b0a600; --color-yellow-950: #8f8700; --color-orange-50: #fff6e2; --color-orange-100: #ffeac0; --color-orange-200: #ffdd97; --color-orange-300: #ffcf6a; --color-orange-400: #ffbd34; --color-orange-500: #ffac00; --color-orange-600: #d99200; --color-orange-700: #b67b00; --color-orange-800: #9b6900; --color-orange-900: #805600; --color-orange-950: #644400; --color-red-50: #ffe8ec; --color-red-100: #ffc4cd; --color-red-200: #ff96a7; --color-red-300: #ff6781; --color-red-400: #ff3657; --color-red-500: #ff002a; --color-red-600: #dd0025; --color-red-700: #ba001f; --color-red-800: #9f001b; --color-red-900: #7d0015; --color-red-950: #52000e; } /* End of the the block generated by tools/generate-design-colors.php */ /* PowerTip Plugin */ #powerTip { cursor: default; background-color: #11314a; background-color: rgba(17, 49, 74, 0.95); /*background-color: #333;*/ border-radius: 2px; color: #fff; display: none; font-size: 12px; padding: 5px 10px; position: absolute; /*max-width: 300px;*/ z-index: 2147483647; white-space: nowrap; } #powerTip:before { content: ""; position: absolute; } #powerTip.n:before, #powerTip.s:before { border-right: 5px solid transparent; border-left: 5px solid transparent; left: 50%; margin-left: -5px; } #powerTip.e:before, #powerTip.w:before { border-bottom: 5px solid transparent; border-top: 5px solid transparent; margin-top: -5px; top: 50%; } #powerTip.n:before { border-top: 5px solid #11314a; border-top: 5px solid rgba(17, 49, 74, 0.95); bottom: -5px; } #powerTip.e:before { border-right: 5px solid #11314a; border-right: 5px solid rgba(17, 49, 74, 0.95); left: -5px; } #powerTip.s:before { border-bottom: 5px solid #11314a; border-bottom: 5px solid rgba(17, 49, 74, 0.95); top: -5px; } #powerTip.w:before { border-left: 5px solid #11314a; border-left: 5px solid rgba(17, 49, 74, 0.95); right: -5px; } #powerTip.ne:before, #powerTip.se:before { border-right: 10px solid transparent; border-left: 0; left: 10px; } #powerTip.nw:before, #powerTip.sw:before { border-left: 10px solid transparent; border-right: 0; right: 10px; } #powerTip.ne:before, #powerTip.nw:before { border-top: 10px solid #11314a; border-top: 10px solid rgba(17, 49, 74, 0.95); bottom: -10px; } #powerTip.se:before, #powerTip.sw:before { border-bottom: 10px solid #11314a; border-bottom: 10px solid rgba(17, 49, 74, 0.95); top: -10px; } #powerTip.nw-alt:before, #powerTip.ne-alt:before, #powerTip.sw-alt:before, #powerTip.se-alt:before { border-top: 10px solid #11314a; border-top: 10px solid rgba(17, 49, 74, 0.95); bottom: -10px; border-left: 5px solid transparent; border-right: 5px solid transparent; left: 10px; } #powerTip.ne-alt:before { left: auto; right: 10px; } #powerTip.sw-alt:before, #powerTip.se-alt:before { border-top: none; border-bottom: 10px solid #11314a; border-bottom: 10px solid rgba(17, 49, 74, 0.95); bottom: auto; top: -10px; } #powerTip.se-alt:before { left: auto; right: 10px; } #powerTip a { color: #ccc; text-decoration: none; font-size: 12px; line-height: 15px; } #powerTip a:hover { color: #fff; } #powerTip ul { padding-left: 15px; } /*************** SCROLLBAR BASE CSS ***************/ .scroll-wrapper { overflow: hidden !important; padding: 0 !important; position: relative; } .scroll-wrapper > .scroll-content { border: none !important; box-sizing: content-box !important; height: auto; left: 0; margin: 0; max-height: none; max-width: none !important; overflow: scroll !important; padding: 0; position: relative !important; top: 0; width: auto !important; scrollbar-width: none; } .scroll-wrapper > .scroll-content::-webkit-scrollbar { height: 0; width: 0; } .scroll-element { display: none; } .scroll-element, .scroll-element div { box-sizing: content-box; } .scroll-element.scroll-x.scroll-scrollx_visible, .scroll-element.scroll-y.scroll-scrolly_visible { display: block; } .scroll-element .scroll-bar, .scroll-element .scroll-arrow { cursor: default; } .scroll-textarea { border: 1px solid #cccccc; border-top-color: #999999; } .scroll-textarea > .scroll-content { overflow: hidden !important; } .scroll-textarea > .scroll-content > textarea { border: none !important; box-sizing: border-box; height: 100% !important; margin: 0; max-height: none !important; max-width: none !important; overflow: scroll !important; outline: none; padding: 2px; position: relative !important; top: 0; width: 100% !important; } .scroll-textarea > .scroll-content > textarea::-webkit-scrollbar { height: 0; width: 0; } /*************** SIMPLE INNER SCROLLBAR ***************/ .scrollbar-inner > .scroll-element, .scrollbar-inner > .scroll-element div { border: none; margin: 0; padding: 0; position: absolute; z-index: 10; } .scrollbar-inner > .scroll-element div { display: block; height: 100%; left: 0; top: 0; width: 100%; } .scrollbar-inner > .scroll-element.scroll-x { bottom: 2px; height: 8px; left: 0; width: 100%; } .scrollbar-inner > .scroll-element.scroll-y { height: 100%; right: 5px; top: 0; width: 8px; opacity: 0; -webkit-transition: opacity 0.5s ease-in-out; transition: opacity 0.5s ease-in-out; } .scrollbar-inner:hover > .scroll-element.scroll-y { opacity: 1; } .scrollbar-inner > .scroll-element .scroll-element_outer { overflow: hidden; } .scrollbar-inner > .scroll-element .scroll-element_outer, .scrollbar-inner > .scroll-element .scroll-element_track, .scrollbar-inner > .scroll-element .scroll-bar { -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; } .scrollbar-inner > .scroll-element .scroll-element_track, .scrollbar-inner > .scroll-element .scroll-bar { -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=40)"; filter: alpha(opacity=40); opacity: 0.4; } .scroll-wrapper:hover .scrollbar-inner .scroll-element .scroll-element_track { opacity: 0.4; } .scrollbar-inner > .scroll-element .scroll-element_track { background-color: rgba(255, 255, 255, 0); /*background-color: #e0e0e0;*/ } .scrollbar-inner > .scroll-element .scroll-bar { background-color: rgba(255, 255, 255, 0.2); /*background-color: #c2c2c2;*/ -webkit-transition: background 0.15s ease-in-out; transition: background 0.15s ease-in-out; } .scrollbar-inner > .scroll-element .scroll-bar:hover { background-color: rgba(255, 255, 255, 0.5); /*background-color: #919191;*/ } .scrollbar-inner > .scroll-element.scroll-draggable .scroll-bar { background-color: #919191; } /* update scrollbar offset if both scrolls are visible */ .scrollbar-inner > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_track { left: -12px; } .scrollbar-inner > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_track { top: -12px; } .scrollbar-inner > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size { left: -12px; } .scrollbar-inner > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size { top: -12px; } /*************** SIMPLE OUTER SCROLLBAR ***************/ .scrollbar-outer > .scroll-element, .scrollbar-outer > .scroll-element div { border: none; margin: 0; padding: 0; position: absolute; z-index: 10; } .scrollbar-outer > .scroll-element { background-color: #ffffff; } .scrollbar-outer > .scroll-element div { display: block; height: 100%; left: 0; top: 0; width: 100%; } .scrollbar-outer > .scroll-element.scroll-x { bottom: 0; height: 12px; left: 0; width: 100%; } .scrollbar-outer > .scroll-element.scroll-y { height: 100%; right: 0; top: 0; width: 12px; } .scrollbar-outer > .scroll-element.scroll-x .scroll-element_outer { height: 8px; top: 2px; } .scrollbar-outer > .scroll-element.scroll-y .scroll-element_outer { left: 2px; width: 8px; } .scrollbar-outer > .scroll-element .scroll-element_outer { overflow: hidden; } .scrollbar-outer > .scroll-element .scroll-element_track { background-color: #eeeeee; } .scrollbar-outer > .scroll-element .scroll-element_outer, .scrollbar-outer > .scroll-element .scroll-element_track, .scrollbar-outer > .scroll-element .scroll-bar { -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; } .scrollbar-outer > .scroll-element .scroll-bar { background-color: #d9d9d9; } .scrollbar-outer > .scroll-element .scroll-bar:hover { background-color: #c2c2c2; } .scrollbar-outer > .scroll-element.scroll-draggable .scroll-bar { background-color: #919191; } /* scrollbar height/width & offset from container borders */ .scrollbar-outer > .scroll-content.scroll-scrolly_visible { left: -12px; margin-left: 12px; } .scrollbar-outer > .scroll-content.scroll-scrollx_visible { top: -12px; margin-top: 12px; } .scrollbar-outer > .scroll-element.scroll-x .scroll-bar { min-width: 10px; } .scrollbar-outer > .scroll-element.scroll-y .scroll-bar { min-height: 10px; } /* update scrollbar offset if both scrolls are visible */ .scrollbar-outer > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_track { left: -14px; } .scrollbar-outer > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_track { top: -14px; } .scrollbar-outer > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size { left: -14px; } .scrollbar-outer > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size { top: -14px; } /*************** SCROLLBAR MAC OS X ***************/ .scrollbar-macosx > .scroll-element, .scrollbar-macosx > .scroll-element div { background: none; border: none; margin: 0; padding: 0; position: absolute; z-index: 10; } .scrollbar-macosx > .scroll-element div { display: block; height: 100%; left: 0; top: 0; width: 100%; } .scrollbar-macosx > .scroll-element .scroll-element_track { display: none; } .scrollbar-macosx > .scroll-element .scroll-bar { background-color: #6C6E71; display: block; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0; -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; -webkit-transition: opacity 0.2s linear; -moz-transition: opacity 0.2s linear; -o-transition: opacity 0.2s linear; -ms-transition: opacity 0.2s linear; transition: opacity 0.2s linear; } .scrollbar-macosx:hover > .scroll-element .scroll-bar, .scrollbar-macosx > .scroll-element.scroll-draggable .scroll-bar { -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; filter: alpha(opacity=70); opacity: 0.7; } .scrollbar-macosx > .scroll-element.scroll-x { bottom: 0px; height: 0px; left: 0; min-width: 100%; overflow: visible; width: 100%; } .scrollbar-macosx > .scroll-element.scroll-y { height: 100%; min-height: 100%; right: 0px; top: 0; width: 0px; } /* scrollbar height/width & offset from container borders */ .scrollbar-macosx > .scroll-element.scroll-x .scroll-bar { height: 7px; min-width: 10px; top: -9px; } .scrollbar-macosx > .scroll-element.scroll-y .scroll-bar { left: -9px; min-height: 10px; width: 7px; } .scrollbar-macosx > .scroll-element.scroll-x .scroll-element_outer { left: 2px; } .scrollbar-macosx > .scroll-element.scroll-x .scroll-element_size { left: -4px; } .scrollbar-macosx > .scroll-element.scroll-y .scroll-element_outer { top: 2px; } .scrollbar-macosx > .scroll-element.scroll-y .scroll-element_size { top: -4px; } /* update scrollbar offset if both scrolls are visible */ .scrollbar-macosx > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size { left: -11px; } .scrollbar-macosx > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size { top: -11px; } /*************** SCROLLBAR LIGHT ***************/ .scrollbar-light > .scroll-element, .scrollbar-light > .scroll-element div { border: none; margin: 0; overflow: hidden; padding: 0; position: absolute; z-index: 10; } .scrollbar-light > .scroll-element { background-color: #ffffff; } .scrollbar-light > .scroll-element div { display: block; height: 100%; left: 0; top: 0; width: 100%; } .scrollbar-light > .scroll-element .scroll-element_outer { -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; } .scrollbar-light > .scroll-element .scroll-element_size { background: #dbdbdb; background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2RiZGJkYiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlOGU4ZTgiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+'); background: -moz-linear-gradient(left, #dbdbdb 0%, #e8e8e8 100%); background: -webkit-gradient(linear, left top, right top, color-stop(0%,#dbdbdb), color-stop(100%,#e8e8e8)); background: -webkit-linear-gradient(left, #dbdbdb 0%,#e8e8e8 100%); background: -o-linear-gradient(left, #dbdbdb 0%,#e8e8e8 100%); background: -ms-linear-gradient(left, #dbdbdb 0%,#e8e8e8 100%); background: linear-gradient(to right, #dbdbdb 0%,#e8e8e8 100%); -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; } .scrollbar-light > .scroll-element.scroll-x { bottom: 0; height: 17px; left: 0; min-width: 100%; width: 100%; } .scrollbar-light > .scroll-element.scroll-y { height: 100%; min-height: 100%; right: 0; top: 0; width: 17px; } .scrollbar-light > .scroll-element .scroll-bar { background: #fefefe; background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZlZmVmZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmNWY1ZjUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+'); background: -moz-linear-gradient(left, #fefefe 0%, #f5f5f5 100%); background: -webkit-gradient(linear, left top, right top, color-stop(0%,#fefefe), color-stop(100%,#f5f5f5)); background: -webkit-linear-gradient(left, #fefefe 0%,#f5f5f5 100%); background: -o-linear-gradient(left, #fefefe 0%,#f5f5f5 100%); background: -ms-linear-gradient(left, #fefefe 0%,#f5f5f5 100%); background: linear-gradient(to right, #fefefe 0%,#f5f5f5 100%); border: 1px solid #dbdbdb; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; } /* scrollbar height/width & offset from container borders */ .scrollbar-light > .scroll-content.scroll-scrolly_visible { left: -17px; margin-left: 17px; } .scrollbar-light > .scroll-content.scroll-scrollx_visible { top: -17px; margin-top: 17px; } .scrollbar-light > .scroll-element.scroll-x .scroll-bar { height: 10px; min-width: 10px; top: 0px; } .scrollbar-light > .scroll-element.scroll-y .scroll-bar { left: 0px; min-height: 10px; width: 10px; } .scrollbar-light > .scroll-element.scroll-x .scroll-element_outer { height: 12px; left: 2px; top: 2px; } .scrollbar-light > .scroll-element.scroll-x .scroll-element_size { left: -4px; } .scrollbar-light > .scroll-element.scroll-y .scroll-element_outer { left: 2px; top: 2px; width: 12px; } .scrollbar-light > .scroll-element.scroll-y .scroll-element_size { top: -4px; } /* update scrollbar offset if both scrolls are visible */ .scrollbar-light > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size { left: -19px; } .scrollbar-light > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size { top: -19px; } .scrollbar-light > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_track { left: -19px; } .scrollbar-light > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_track { top: -19px; } /*************** SCROLLBAR RAIL ***************/ .scrollbar-rail > .scroll-element, .scrollbar-rail > .scroll-element div { border: none; margin: 0; overflow: hidden; padding: 0; position: absolute; z-index: 10; } .scrollbar-rail > .scroll-element { background-color: #ffffff; } .scrollbar-rail > .scroll-element div { display: block; height: 100%; left: 0; top: 0; width: 100%; } .scrollbar-rail > .scroll-element .scroll-element_size { background-color: #999; background-color: rgba(0, 0, 0, 0.3); } .scrollbar-rail > .scroll-element .scroll-element_outer:hover .scroll-element_size { background-color: #666; background-color: rgba(0, 0, 0, 0.5); } .scrollbar-rail > .scroll-element.scroll-x { bottom: 0; height: 12px; left: 0; min-width: 100%; padding: 3px 0 2px; width: 100%; } .scrollbar-rail > .scroll-element.scroll-y { height: 100%; min-height: 100%; padding: 0 2px 0 3px; right: 0; top: 0; width: 12px; } .scrollbar-rail > .scroll-element .scroll-bar { background-color: #d0b9a0; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.5); } .scrollbar-rail > .scroll-element .scroll-element_outer:hover .scroll-bar { box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.6); } /* scrollbar height/width & offset from container borders */ .scrollbar-rail > .scroll-content.scroll-scrolly_visible { left: -17px; margin-left: 17px; } .scrollbar-rail > .scroll-content.scroll-scrollx_visible { margin-top: 17px; top: -17px; } .scrollbar-rail > .scroll-element.scroll-x .scroll-bar { height: 10px; min-width: 10px; top: 1px; } .scrollbar-rail > .scroll-element.scroll-y .scroll-bar { left: 1px; min-height: 10px; width: 10px; } .scrollbar-rail > .scroll-element.scroll-x .scroll-element_outer { height: 15px; left: 5px; } .scrollbar-rail > .scroll-element.scroll-x .scroll-element_size { height: 2px; left: -10px; top: 5px; } .scrollbar-rail > .scroll-element.scroll-y .scroll-element_outer { top: 5px; width: 15px; } .scrollbar-rail > .scroll-element.scroll-y .scroll-element_size { left: 5px; top: -10px; width: 2px; } /* update scrollbar offset if both scrolls are visible */ .scrollbar-rail > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size { left: -25px; } .scrollbar-rail > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size { top: -25px; } .scrollbar-rail > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_track { left: -25px; } .scrollbar-rail > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_track { top: -25px; } /*************** SCROLLBAR DYNAMIC ***************/ .scrollbar-dynamic > .scroll-element, .scrollbar-dynamic > .scroll-element div { background: none; border: none; margin: 0; padding: 0; position: absolute; z-index: 10; } .scrollbar-dynamic > .scroll-element div { display: block; height: 100%; left: 0; top: 0; width: 100%; } .scrollbar-dynamic > .scroll-element.scroll-x { bottom: 2px; height: 7px; left: 0; min-width: 100%; width: 100%; } .scrollbar-dynamic > .scroll-element.scroll-y { height: 100%; min-height: 100%; right: 2px; top: 0; width: 7px; } .scrollbar-dynamic > .scroll-element .scroll-element_outer { opacity: 0.3; -webkit-border-radius: 12px; -moz-border-radius: 12px; border-radius: 12px; } .scrollbar-dynamic > .scroll-element .scroll-element_size { background-color: #cccccc; opacity: 0; -webkit-border-radius: 12px; -moz-border-radius: 12px; border-radius: 12px; -webkit-transition: opacity 0.2s; -moz-transition: opacity 0.2s; -o-transition: opacity 0.2s; -ms-transition: opacity 0.2s; transition: opacity 0.2s; } .scrollbar-dynamic > .scroll-element .scroll-bar { background-color: #6c6e71; -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; } /* scrollbar height/width & offset from container borders */ .scrollbar-dynamic > .scroll-element.scroll-x .scroll-bar { bottom: 0; height: 7px; min-width: 24px; top: auto; } .scrollbar-dynamic > .scroll-element.scroll-y .scroll-bar { left: auto; min-height: 24px; right: 0; width: 7px; } .scrollbar-dynamic > .scroll-element.scroll-x .scroll-element_outer { bottom: 0; top: auto; left: 2px; -webkit-transition: height 0.2s; -moz-transition: height 0.2s; -o-transition: height 0.2s; -ms-transition: height 0.2s; transition: height 0.2s; } .scrollbar-dynamic > .scroll-element.scroll-y .scroll-element_outer { left: auto; right: 0; top: 2px; -webkit-transition: width 0.2s; -moz-transition: width 0.2s; -o-transition: width 0.2s; -ms-transition: width 0.2s; transition: width 0.2s; } .scrollbar-dynamic > .scroll-element.scroll-x .scroll-element_size { left: -4px; } .scrollbar-dynamic > .scroll-element.scroll-y .scroll-element_size { top: -4px; } /* update scrollbar offset if both scrolls are visible */ .scrollbar-dynamic > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size { left: -11px; } .scrollbar-dynamic > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size { top: -11px; } /* hover & drag */ .scrollbar-dynamic > .scroll-element:hover .scroll-element_outer, .scrollbar-dynamic > .scroll-element.scroll-draggable .scroll-element_outer { overflow: hidden; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; filter: alpha(opacity=70); opacity: 0.7; } .scrollbar-dynamic > .scroll-element:hover .scroll-element_outer .scroll-element_size, .scrollbar-dynamic > .scroll-element.scroll-draggable .scroll-element_outer .scroll-element_size { opacity: 1; } .scrollbar-dynamic > .scroll-element:hover .scroll-element_outer .scroll-bar, .scrollbar-dynamic > .scroll-element.scroll-draggable .scroll-element_outer .scroll-bar { height: 100%; width: 100%; -webkit-border-radius: 12px; -moz-border-radius: 12px; border-radius: 12px; } .scrollbar-dynamic > .scroll-element.scroll-x:hover .scroll-element_outer, .scrollbar-dynamic > .scroll-element.scroll-x.scroll-draggable .scroll-element_outer { height: 20px; min-height: 7px; } .scrollbar-dynamic > .scroll-element.scroll-y:hover .scroll-element_outer, .scrollbar-dynamic > .scroll-element.scroll-y.scroll-draggable .scroll-element_outer { min-width: 7px; width: 20px; } /*************** SCROLLBAR GOOGLE CHROME ***************/ .scrollbar-chrome > .scroll-element, .scrollbar-chrome > .scroll-element div { border: none; margin: 0; overflow: hidden; padding: 0; position: absolute; z-index: 10; } .scrollbar-chrome > .scroll-element { background-color: #ffffff; } .scrollbar-chrome > .scroll-element div { display: block; height: 100%; left: 0; top: 0; width: 100%; } .scrollbar-chrome > .scroll-element .scroll-element_outer {} .scrollbar-chrome > .scroll-element .scroll-element_track { background: #f1f1f1; border: 1px solid #dbdbdb; } .scrollbar-chrome > .scroll-element.scroll-x { bottom: 0; height: 16px; left: 0; min-width: 100%; width: 100%; } .scrollbar-chrome > .scroll-element.scroll-y { height: 100%; min-height: 100%; right: 0; top: 0; width: 16px; } .scrollbar-chrome > .scroll-element .scroll-bar { background-color: #d9d9d9; border: 1px solid #bdbdbd; cursor: default; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } .scrollbar-chrome > .scroll-element .scroll-bar:hover { background-color: #c2c2c2; border-color: #a9a9a9; } .scrollbar-chrome > .scroll-element.scroll-draggable .scroll-bar { background-color: #919191; border-color: #7e7e7e; } /* scrollbar height/width & offset from container borders */ .scrollbar-chrome > .scroll-content.scroll-scrolly_visible { left: -16px; margin-left: 16px; } .scrollbar-chrome > .scroll-content.scroll-scrollx_visible { top: -16px; margin-top: 16px; } .scrollbar-chrome > .scroll-element.scroll-x .scroll-bar { height: 8px; min-width: 10px; top: 3px; } .scrollbar-chrome > .scroll-element.scroll-y .scroll-bar { left: 3px; min-height: 10px; width: 8px; } .scrollbar-chrome > .scroll-element.scroll-x .scroll-element_outer { border-left: 1px solid #dbdbdb; } .scrollbar-chrome > .scroll-element.scroll-x .scroll-element_track { height: 14px; left: -3px; } .scrollbar-chrome > .scroll-element.scroll-x .scroll-element_size { height: 14px; left: -4px; } .scrollbar-chrome > .scroll-element.scroll-y .scroll-element_outer { border-top: 1px solid #dbdbdb; } .scrollbar-chrome > .scroll-element.scroll-y .scroll-element_track { top: -3px; width: 14px; } .scrollbar-chrome > .scroll-element.scroll-y .scroll-element_size { top: -4px; width: 14px; } /* update scrollbar offset if both scrolls are visible */ .scrollbar-chrome > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size { left: -19px; } .scrollbar-chrome > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size { top: -19px; } .scrollbar-chrome > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_track { left: -19px; } .scrollbar-chrome > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_track { top: -19px; } /* Icon font */ @font-face { font-family: 'RedactorFont'; src: url(/application/8.12.0/assets/desktop/css/fonts/redactor-font.eot); } @font-face { font-family: 'RedactorFont'; src: url(data:application/x-font-ttf;charset=utf-8;base64,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) format('truetype'), url(data:application/font-woff;charset=utf-8;base64,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) format('woff'); font-weight: normal; font-style: normal; } /* =Selection -----------------------------------------------------------------------------*/ .redactor_box img::selection { background: transparent; } .redactor_box img::-moz-selection { background: transparent; } /* BOX */ .redactor_box { position: relative; overflow: visible; background: #fff; margin-bottom: 30px; color: #000; } .redactor_box iframe { display: block; margin: 0; padding: 0; } .redactor_box p iframe { display: inline-block; } .redactor_box textarea { position: relative; display: block; overflow: auto; margin: 0; padding: 0; width: 100%; outline: none; border: none; background-color: #222; box-shadow: none; color: #ccc; font-size: 13px; font-family: Menlo, Monaco, monospace, sans-serif; resize: none; } .redactor_box textarea:focus { outline: none; } /* AIR */ body .redactor_air { position: absolute; z-index: 102; } /* FULLSCREEN */ body .redactor_box_fullscreen { position: fixed; top: 0; left: 0; width: 100%; } /* LINK TOOLTIP */ .redactor-link-tooltip, .redactor-spoiler-tooltip { position: absolute; z-index: 99999999; padding: 10px; line-height: 1; display: inline-block; background-color: #000; color: #555 !important; } .redactor-link-tooltip, .redactor-link-tooltip a { font-size: 12px; font-family: Segoe UI, "Helvetica Neue", Lucida Grande, Arial, sans-serif; } .redactor-link-tooltip a { color: #ccc; margin: 0 5px; text-decoration: none; } .redactor-link-tooltip a:hover { color: #fff; } /* IMAGE BOX */ #redactor-image-box img { width: 100%; } .redactor_editor { position: relative; overflow: auto; margin: 0 !important; padding: 10px 10px 5px 10px; outline: none; background: none; background: #fff; box-shadow: none !important; white-space: normal; border: 1px solid #eee; } .redactor_editor:focus { outline: none; } .redactor_editor div, .redactor_editor p, .redactor_editor ul, .redactor_editor ol, .redactor_editor table, .redactor_editor dl, .redactor_editor blockquote, .redactor_editor pre, .redactor_editor h1, .redactor_editor h2, .redactor_editor h3, .redactor_editor h4, .redactor_editor h5, .redactor_editor h6 { font-family: Segoe UI, "Helvetica Neue", Lucida Grande, Arial, sans-serif; } .redactor_editor code, .redactor_editor pre { font-family: Menlo, Monaco, monospace, sans-serif; } .redactor_editor div, .redactor_editor p, .redactor_editor ul, .redactor_editor ol, .redactor_editor table, .redactor_editor dl, .redactor_editor blockquote, .redactor_editor pre { font-size: 14px; line-height: 1.5em; } .redactor_editor h2, .redactor_editor h3, .redactor_editor h4, .redactor_editor h5 { margin: 30px 0 15px 0; font-weight: normal; } .redactor_editor h2:first-child, .redactor_editor h3:first-child, .redactor_editor h4:first-child { margin-top: 15px; } .redactor_editor a { color: #15c !important; text-decoration: underline !important; } .redactor_editor a.is-anchor { color: inherit !important; text-decoration: none !important; cursor: pointer; } .redactor_editor .is-anchor:after { content: '#'; margin-right: 3px; } .redactor_editor .redactor_placeholder { color: #999 !important; display: block !important; } /* TYPOGRAPHY */ .redactor_editor img { margin-bottom: 10px !important; } .redactor_editor object, .redactor_editor embed, .redactor_editor video, .redactor_editor img { max-width: 100%; width: auto; } .redactor_editor video, .redactor_editor img { height: auto; } .redactor_editor div, .redactor_editor p, .redactor_editor ul, .redactor_editor ol, .redactor_editor table, .redactor_editor dl, .redactor_editor blockquote { margin: 0; margin-bottom: 15px !important; border: none; background: none !important; box-shadow: none !important; } .redactor_editor iframe, .redactor_editor object, .redactor_editor hr { margin-bottom: 15px !important; } .redactor_editor blockquote { color: #777; font-style: italic !important; padding: 10px 20px 10px 20px !important; border: 1px solid #bfbfbf; background: #ffffff; border-radius: 5px; } .redactor_editor ul, .redactor_editor ol { padding-left: 2em !important; } .redactor_editor ul ul, .redactor_editor ol ol, .redactor_editor ul ol, .redactor_editor ol ul { margin: 2px !important; padding: 0 !important; padding-left: 2em !important; border: none; } .redactor_editor li { margin-top: 5px; } .redactor_editor li:first-child { margin-top: 0; } .redactor_editor dl dt { font-weight: bold; } .redactor_editor dd { margin-left: 1em; } .redactor_editor b, .redactor_editor strong { font-weight: 600; } .redactor_editor table { border-collapse: collapse; font-size: 1em !important; max-width: 100%; width: 100%; empty-cells: show; } .redactor_editor table:not(.universal-table-admin) td { padding: 10px !important; border: 1px solid #ddd; vertical-align: top; } .redactor_editor table thead td { border-bottom: 2px solid #000 !important; font-weight: bold !important; } .redactor_editor table.universal-table-admin { border-top: 1px solid #d9d9d9; border-collapse: collapse; width: 100%; position: relative; } .redactor_editor table.universal-table-admin.table-border-full { border: 1px solid #ccc; } .redactor_editor table.universal-table-admin.table-no-border { border: none; } .redactor_editor table.universal-table-admin thead, .redactor_editor table.universal-table-admin .thead { background: #f7f7f7; font-weight: bold; } .redactor_editor table.universal-table-admin tbody tr:first-child:not(.thead) td { border: none; } .redactor_editor table.universal-table-admin thead th, .redactor_editor table.universal-table-admin .thead td { padding: 10px 20px; border: none; border-bottom: 1px solid #d9d9d9; } .redactor_editor table.universal-table-admin td { padding: 10px 20px; border: none; border-top: 1px dotted #dbdbdb; min-width: 50px; } .redactor_editor table.universal-table-admin.padding-small td, .redactor_editor table.universal-table-admin.padding-small thead th, .redactor_editor table.universal-table-admin.padding-small .thead td { padding: 10px; } .redactor_editor table.universal-table-admin td.no-padding, .redactor_editor table.universal-table-admin th.no-padding { padding: 0; } .redactor_editor table td.no-padding-right { padding-right: 0; } .redactor_editor table.universal-table-admin.table-border-full td { border-top-style: solid; } .redactor_editor table.universal-table-admin tr { left: 0; } .redactor_editor table.universal-table-admin td.no-border { border-top: none; } .redactor_editor table.universal-table-admin td a { text-decoration: none; } .redactor_editor table.universal-table-admin.table-border { border-bottom: 1px solid #ebebeb; } .redactor_editor code { background-color: #d8d7d7 !important; } .redactor_editor pre { border-radius: 3px !important; white-space: 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: 40px; line-height: 2em; margin-bottom: 15px; cursor: pointer; overflow: hidden; white-space: pre-wrap; } .redactor_editor pre:after { background: url(/application/8.12.0/assets/desktop/css/../images/icons/16/edit-gray.png) no-repeat; display: block; content: ""; position: absolute; right: 5px; top: 5px; width: 16px; height: 16px; } .allAgentNoEdit .redactor_editor pre:after { display: none; } .redactor_editor hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; } /* TOOLBAR */ .redactor_toolbar { position: relative; top: 0; left: 0; margin: 0 !important; padding: 0 !important; list-style: none !important; font-size: 14px !important; font-family: Segoe UI, "Helvetica Neue", Lucida Grande, Arial, sans-serif; line-height: 1 !important; background: #fff; border: none; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); z-index: 3; } .redactor_modal_inner .redactor_toolbar { top: 0 !important; } .redactor_toolbar:after { content: ""; display: table; clear: both; } .redactor_toolbar.redactor-toolbar-overflow { overflow-y: auto; height: 29px; white-space: nowrap; } .redactor_toolbar.redactor-toolbar-external { z-index: 999; box-shadow: none; border: 1px solid rgba(0, 0, 0, 0.1); } .redactor_toolbar.static { position: static; } .redactor_toolbar.fixed { position: fixed; } .redactor_toolbar.fixed + .redactor_editor { padding-top: 53px; } body .redactor_air .redactor_toolbar { padding-right: 2px !important; } .redactor_toolbar li { vertical-align: top; display: inline-block; margin: 0 !important; padding: 0 !important; outline: none; list-style: none !important; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } .redactor_toolbar li a { display: block; color: #333; text-align: center; padding: 9px 10px; outline: none; border: none; text-decoration: none; cursor: pointer; zoom: 1; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } .redactor_toolbar li a:hover { outline: none; background-color: #1f78d8; color: #fff; } .redactor_toolbar li a:active, .redactor_toolbar li a.redactor_act { outline: none; background-color: #ccc; color: #444; } .redactor_toolbar li a.redactor-btn-image { width: 14px; height: 14px; background-position: center center; background-repeat: no-repeat; } .redactor_button_disabled { filter: alpha(opacity=30); -moz-opacity: 0.3; opacity: 0.3; } .redactor_button_disabled:hover { outline: none; background-color: transparent !important; cursor: default; } .redactor_toolbar li a.fa-redactor-btn { display: inline-block; padding: 9px 10px 8px 10px; line-height: 1; } .redactor_toolbar.redactor-toolbar-typewriter { box-shadow: none; background: rgba(240, 240, 240, 0.9); } .redactor_toolbar.redactor-toolbar-typewriter li a:hover { outline: none; background-color: #1f78d8; color: #fff; } .redactor_toolbar.redactor-toolbar-typewriter li a:active, .redactor_toolbar.redactor-toolbar-typewriter li a.redactor_act { outline: none; background-color: #ccc; color: #444; } .re-icon { font-family: 'RedactorFont' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .re-video:before { content: "\e600"; } .re-unorderedlist:before { content: "\e601"; } .re-undo:before { content: "\e602"; } .re-underline:before { content: "\e603"; } .re-textdirection:before { content: "\e604"; } .re-fontcolor:before { content: "\e605"; } .re-table:before { content: "\e606"; } .re-redo:before { content: "\e607"; } .re-quote:before { content: "\e608"; } .re-outdent:before { content: "\e609"; } .re-orderedlist:before { content: "\e60a"; } .re-link:before { content: "\e60b"; } .re-horizontalrule:before { content: "\e60c"; } .re-italic:before { content: "\e60d"; } .re-indent:before { content: "\e60e"; } .re-image:before { content: "\e60f"; } .re-fullscreen:before { content: "\e610"; } .re-normalscreen:before { content: "\e611"; } .re-formatting:before { content: "\e612"; } .re-fontsize:before { content: "\e613"; } .re-fontfamily:before { content: "\e614"; } .re-deleted:before { content: "\e615"; } .re-html:before { content: "\e616"; } .re-clips:before { content: "\e617"; } .re-bold:before { content: "\e618"; } .re-backcolor:before { content: "\e619"; } .re-file:before { content: "\e61a"; } .re-alignright:before { content: "\e61b"; } .re-alignment:before, .re-alignleft:before { content: "\e61c"; } .re-alignjustify:before { content: "\e61d"; } .re-aligncenter:before { content: "\e61e"; } .re-gallery:before { content: "\e61f"; } /* Toolbar classes */ .redactor_format_blockquote { padding-left: 10px; color: #666 !important; font-style: italic; } .redactor_format_pre { font-family: monospace, sans-serif; } .redactor_format_h1, .redactor_format_h2, .redactor_format_h3, .redactor_format_h4, .redactor_format_h5 { font-weight: bold; } .redactor_format_h1 { font-size: 30px; line-height: 36px; } .redactor_format_h2 { font-size: 24px; line-height: 36px; } .redactor_format_h3 { font-size: 20px; line-height: 30px; } .redactor_format_h4 { font-size: 16px; line-height: 26px; } .redactor_format_h5 { font-size: 14px; line-height: 23px; } .redactor-toolbar-typewriter .redactor_dropdown .redactor_format_h1, .redactor-toolbar-typewriter .redactor_dropdown .redactor_format_h2, .redactor-toolbar-typewriter .redactor_dropdown .redactor_format_h3, .redactor-toolbar-typewriter .redactor_dropdown .redactor_format_h4, .redactor-toolbar-typewriter .redactor_dropdown .redactor_format_h5 { font-size: 1em; line-height: 1.6em; text-transform: uppercase; } .redactor-toolbar-typewriter .redactor_dropdown .redactor_format_h2 { font-size: .85em; } /* Typewriter */ .redactor_editor.redactor-editor-typewriter { background: #f5f5f5 !important; padding: 25px 50px !important; } .redactor_editor.redactor-editor-typewriter div, .redactor_editor.redactor-editor-typewriter p, .redactor_editor.redactor-editor-typewriter ul, .redactor_editor.redactor-editor-typewriter ol, .redactor_editor.redactor-editor-typewriter table, .redactor_editor.redactor-editor-typewriter dl, .redactor_editor.redactor-editor-typewriter blockquote, .redactor_editor.redactor-editor-typewriter pre, .redactor_editor.redactor-editor-typewriter h1, .redactor_editor.redactor-editor-typewriter h2, .redactor_editor.redactor-editor-typewriter h3, .redactor_editor.redactor-editor-typewriter h4, .redactor_editor.redactor-editor-typewriter h5, .redactor_editor.redactor-editor-typewriter h6 { font-family: 'Courier New', 'Lucida Console', Consolas, Monaco, monospace, sans-serif; font-size: 18px !important; line-height: 1.5em !important; margin-bottom: 1.5em !important; } .redactor_editor.redactor-editor-typewriter h2 { font-size: 14px !important; } .redactor_editor.redactor-editor-typewriter h1, .redactor_editor.redactor-editor-typewriter h2, .redactor_editor.redactor-editor-typewriter h3, .redactor_editor.redactor-editor-typewriter h4, .redactor_editor.redactor-editor-typewriter h5, .redactor_editor.redactor-editor-typewriter h6 { text-transform: uppercase; } .redactor_editor.redactor-editor-typewriter a { color: #000 !important; text-decoration: underline !important; } /* WYM */ .redactor_editor.redactor_editor_wym { padding: 10px 7px 0 7px !important; background: #f6f6f6 !important; } .redactor_editor.redactor_editor_wym div, .redactor_editor.redactor_editor_wym p, .redactor_editor.redactor_editor_wym ul, .redactor_editor.redactor_editor_wym ol, .redactor_editor.redactor_editor_wym table, .redactor_editor.redactor_editor_wym dl, .redactor_editor.redactor_editor_wym pre, .redactor_editor.redactor_editor_wym h1, .redactor_editor.redactor_editor_wym h2, .redactor_editor.redactor_editor_wym h3, .redactor_editor.redactor_editor_wym h4, .redactor_editor.redactor_editor_wym h5, .redactor_editor.redactor_editor_wym h6, .redactor_editor.redactor_editor_wym blockquote { margin-top: 0; margin-bottom: 5px !important; padding: 10px !important; border: 1px solid #e4e4e4 !important; background-color: #fff !important; z-index: 0; } .redactor_editor.redactor_editor_wym blockquote:before { content: ''; } .redactor_editor.redactor_editor_wym img { position: relative; z-index: 1; } .redactor_editor.redactor_editor_wym div { border: 1px dotted #aaa !important; } .redactor_editor.redactor_editor_wym pre { border: none !important; background-color: #f8f8f8 !important; padding: 0 25px 0 40px !important; } .redactor_editor.redactor_editor_wym ul, .redactor_editor.redactor_editor_wym ol { padding-left: 2em !important; } .redactor_editor.redactor_editor_wym ul li ul, .redactor_editor.redactor_editor_wym ol li ul, .redactor_editor.redactor_editor_wym ul li ol, .redactor_editor.redactor_editor_wym ol li ol { border: none !important; } /* DROPDOWN */ .redactor_dropdown { position: absolute; top: 28px; left: 0; padding: 0; max-width: 300px; width: auto; background-color: #fff; box-shadow: 0 1px 5px #bbb; font-size: 13px; font-family: Segoe UI, "Helvetica Neue", Lucida Grande, Arial, sans-serif; line-height: 21px; z-index: 99999 !important; } .redactor-toolbar-typewriter .redactor_dropdown { font-family: 'Courier New', 'Lucida Console', Consolas, Monaco, monospace, sans-serif; background-color: #f5f5f5; } .redactor_separator_drop { padding: 0 !important; border-top: 1px solid #ddd; font-size: 0; line-height: 0; } .redactor_dropdown a { display: block; padding: 7px 20px; color: #000; text-decoration: none; } .redactor_dropdown a:hover { background-color: #dde4ef; color: #444 !important; text-decoration: none; } /* MODAL */ .redactor_modal_overlay { position: fixed; top: 0; left: 0; margin: auto; width: 100%; height: 100%; background-color: #000 !important; filter: alpha(opacity=30); -moz-opacity: 0.3; opacity: 0.3; z-index: 10000; } .redactor_modal { position: fixed; top: 50%; left: 50%; padding: 0; background: #fff; color: #000; font-size: 12px !important; box-shadow: 0 1px 10px rgba(0, 0, 0, 0.5); z-index: 10001; } .redactor_modal header { position: static; } .redactor_modal section { padding: 15px 20px; overflow-y: auto; overflow-x: hidden; } .redactor_modal label { display: block !important; float: none !important; margin: 0 0 10px 0 !important; padding: 0 !important; font-size: 14px !important; color: #555555; font-weight: bold; } .redactor_modal input + label { margin-top: 15px !important; } .redactor_modal label + label { margin-top: 12px !important; } .redactor_modal footer { position: relative; margin-top: 5px; } .redactor_modal footer:after { content: ""; display: table; clear: both; } .redactor_modal footer button { float: left; width: auto !important; margin-right: 10px; } .redactor_modal footer button#redactorSaveBtn { float: left; } .redactor_modal footer button#redactor_image_delete_btn { float: inherit; } .redactor_modal input[type="text"], .redactor_modal input[type="password"], .redactor_modal input[type="email"], .redactor_modal textarea { position: relative; z-index: 2; margin: 0; padding: 1px 2px; height: 23px; border: 1px solid #ccc; border-radius: 1px; background-color: white; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2) inset; color: #333; font-size: 13px; font-family: Segoe UI, "Helvetica Neue", Lucida Grande, Arial, sans-serif; line-height: 1; -moz-transition: border 0.3s ease-in; transition: border 0.3s ease-in; } .redactor_modal textarea { display: block; margin-top: 4px; line-height: 1.4em; resize: vertical; } .redactor_modal input:focus, .redactor_modal textarea:focus { outline: none; border-color: #5ca9e4; box-shadow: 0 0 0 2px rgba(70, 161, 231, 0.3), 0 1px 2px rgba(0, 0, 0, 0.2) inset; } .redactor_modal_close { position: absolute; top: 22px; right: 20px; width: 16px; height: 16px; color: #999; font-size: 26px; cursor: pointer; opacity: 0.6; } .redactor_modal_close:hover { color: #000; opacity: 1; } .redactor_input { width: 99%; font-size: 14px; } .redactor_modal_box { overflow: auto; margin-bottom: 10px; height: 350px; } #redactor_image_box { overflow: auto; margin-bottom: 10px; height: 270px; } #redactor_image_box_select { display: block; margin-bottom: 15px !important; width: 200px; } .redactor_modal_inner select { border: 1px solid #9f9f9f; border-radius: 2px; height: 28px; padding: 4px; min-width: 150px; } .redactor_modal_inner select > option { padding: 3px 5px; } .redactor_modal_inner select > option:first-child { padding-top: 3px; } #redactor-image-box { max-width: 99%; } #redactor_image_box img { margin-right: 10px; margin-bottom: 10px; max-width: 100px; cursor: pointer; } #redactor_tabs { margin-bottom: 18px; } #redactor_tabs a { display: inline-block; margin-right: 2px; padding: 4px 14px; border: 1px solid #d2d2d2; border-radius: 2px; background: #fff; color: #000; text-decoration: none; line-height: 1; } #redactor_tabs a:hover, #redactor_tabs a.redactor_tabs_act { border-color: #eee; color: #999 !important; text-decoration: none !important; } .redactor_modal_btn_hidden { display: none; } /* Drag and Drop Area */ .redactor_droparea { position: relative; margin: auto; margin-bottom: 5px; width: 100%; } .redactor_droparea .redactor_dropareabox { position: relative; z-index: 1; padding: 60px 0; width: 99%; border: 1px dashed #ddd; background: #fff; text-align: center; } .redactor_droparea .redactor_dropareabox, .redactor_dropalternative { color: #555; font-size: 12px; } .redactor_dropalternative { margin: 4px 0 2px 0; } .redactor_dropareabox.hover { border-color: #aaa; background: #efe3b8; } .redactor_dropareabox.error { border-color: #dcc3c3; background: #f7e5e5; } .redactor_dropareabox.drop { border-color: #e0e5d6; background: #f4f4ee; } /* =ProgressBar -----------------------------------------------------------------------------*/ #redactor-progress { position: fixed; top: 0; left: 0; width: 100%; z-index: 1000000; } #redactor-progress.redactor-progress-inline { position: static; margin-bottom: 4px; } #redactor-progress > span { display: block; height: 10px; width: 100%; background-color: #0a8bfb; box-shadow: 0 1px 2px rgba(255, 255, 255, 0.9) inset; -webkit-background-size: 30px 30px; -moz-background-size: 30px 30px; background-size: 30px 30px; background-image: -webkit-gradient(linear, left top, right bottom, color-stop(0.25, rgba(255, 255, 255, 0.9)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.9)), color-stop(0.75, rgba(255, 255, 255, 0.9)), color-stop(0.75, transparent), to(transparent)); background-image: -webkit-linear-gradient(135deg, rgba(255, 255, 255, 0.9) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.9) 50%, rgba(255, 255, 255, 0.9) 75%, transparent 75%, transparent); background-image: -moz-linear-gradient(135deg, rgba(255, 255, 255, 0.9) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.9) 50%, rgba(255, 255, 255, 0.9) 75%, transparent 75%, transparent); background-image: -ms-linear-gradient(135deg, rgba(255, 255, 255, 0.9) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.9) 50%, rgba(255, 255, 255, 0.9) 75%, transparent 75%, transparent); background-image: -o-linear-gradient(135deg, rgba(255, 255, 255, 0.9) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.9) 50%, rgba(255, 255, 255, 0.9) 75%, transparent 75%, transparent); background-image: linear-gradient(135deg, rgba(255, 255, 255, 0.9) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.9) 50%, rgba(255, 255, 255, 0.9) 75%, transparent 75%, transparent); -webkit-animation: animate-stripes 2s linear infinite; animation: animate-stripes 2s linear infinite; } @-webkit-keyframes animate-stripes { 0% { background-position: 0 0; } 100% { background-position: 60px 0; } } @keyframes animate-stripes { 0% { background-position: 0 0; } 100% { background-position: 60px 0; } } .re-uploadimg:before { content: "\e60f"; } #redactor-modal-table-insert input { width: 100%; } .redactor_dropdown_box_table, .redactor_dropdown_box_fontsize { padding-bottom: 0; } .redactor_toolbar li a.redactor-btn-image.re-cleanformat { background-position: 8px 9px; } .re-cleanformat { background-image: url(/application/8.12.0/assets/desktop/css/../images/icons/16/eraser.png); } .re-cleanformat:hover { background-image: url(/application/8.12.0/assets/desktop/css/../images/icons/16/eraser_white.png); } .re-addspoiler { background-image: url(/application/8.12.0/assets/desktop/css/../images/icons/16/spoiler.png); } .re-changeview { background-image: url(/application/8.12.0/assets/desktop/css/../images/icons/16/code-black.png); } .re-changeview:hover { background-image: url(/application/8.12.0/assets/desktop/css/../images/icons/16/code-white.png); } .redactor_editor note, .redactor_editor .notes-block, .redactor_editor main { background: #fffcd9 !important; border: 1px solid #eede9c; border-radius: 5px; padding: 15px; margin-bottom: 15px; display: block; margin-left: 20px; margin-right: 20px; } .redactor_editor note p:last-child, .redactor_editor .notes-block p:last-child, .redactor_editor main p:last-child { margin-bottom: 0 !important; } .redactor_editor pre:before { content: ""; position: absolute; left: 30px; border: 1px solid #6ce26c; top: 0; bottom: 0; } .redactor_editor pre li { margin-top: 0; padding-left: 15px; } .redactor_editor pre ul, .redactor_editor pre ol { margin-bottom: 0; padding-left: 0; margin-left: -13px; } .redactor_editor pre p { margin-bottom: 0; } .redactor_editor h2 { font-size: 20px; } .redactor_editor h3 { font-size: 18px; } .redactor_editor h4 { font-size: 16px; } .redactor_editor .label-api { background: #EDFAFF; border: 1px solid #E4E4E4; padding: 0 5px 2px 5px; margin: 0 5px; border-radius: 2px; } .redactor_editor spoiler { background-color: #FAFAFA; border: 1px dotted #B7B7B7; text-decoration: none; display: block; margin-bottom: 15px; } .redactor_editor spoiler_title { color: #004D99; cursor: pointer; display: block; padding: 8px 10px 10px 15px; background: url(/application/8.12.0/assets/desktop/css/../images/icons/16/edit-gray.png) no-repeat 99% center; } .redactor_editor spoiler_inner { margin-top: -5px; min-height: 20px; padding: 0 10px 8px 15px; display: none; } .redactor_editor spoiler_inner p { margin-bottom: 5px !important; min-height: 20px; } .redactor_editor .tablecontents { height: 45px; border-top: 1px solid #dbdbdb; border-bottom: 1px solid #dbdbdb; position: relative; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .redactor_editor .tablecontents:before { content: ':TABLE-OF-CONTENTS'; display: block; position: absolute; top: 12px; left: 10px; color: #0072bc; } .redactor_editor .tablecontents i { position: absolute; right: 10px; top: 12px; } .datepicker--cells{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}.datepicker--cell{border-radius:4px;box-sizing:border-box;cursor:pointer;display:-webkit-flex;display:-ms-flexbox;display:flex;position:relative;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;height:32px;z-index:1}.datepicker--cell.-focus-{background:#f0f0f0}.datepicker--cell.-current-{color:#4eb5e6}.datepicker--cell.-current-.-focus-{color:#4a4a4a}.datepicker--cell.-current-.-in-range-{color:#4eb5e6}.datepicker--cell.-in-range-{background:rgba(92,196,239,0.1);color:#4a4a4a;border-radius:0}.datepicker--cell.-in-range-.-focus-{background-color:rgba(92,196,239,0.2)}.datepicker--cell.-disabled-{cursor:default;color:#aeaeae}.datepicker--cell.-disabled-.-focus-{color:#aeaeae}.datepicker--cell.-disabled-.-in-range-{color:#a1a1a1}.datepicker--cell.-disabled-.-current-.-focus-{color:#aeaeae}.datepicker--cell.-range-from-{border:1px solid rgba(92,196,239,0.5);background-color:rgba(92,196,239,0.1);border-radius:4px 0 0 4px}.datepicker--cell.-range-to-{border:1px solid rgba(92,196,239,0.5);background-color:rgba(92,196,239,0.1);border-radius:0 4px 4px 0}.datepicker--cell.-selected-,.datepicker--cell.-selected-.-current-{color:#fff;background:#5cc4ef}.datepicker--cell.-range-from-.-range-to-{border-radius:4px}.datepicker--cell.-selected-{border:none}.datepicker--cell.-selected-.-focus-{background:#45bced}.datepicker--cell:empty{cursor:default}.datepicker--days-names{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;margin:8px 0 3px}.datepicker--day-name{color:#ff9a19;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-flex:1;-ms-flex:1;flex:1;text-align:center;text-transform:uppercase;font-size:.8em}.-only-timepicker- .datepicker--content,.datepicker--body,.datepicker-inline .datepicker--pointer{display:none}.datepicker--cell-day{width:14.28571%}.datepicker--cells-months{height:170px}.datepicker--cell-month{width:33.33%;height:25%}.datepicker--cells-years,.datepicker--years{height:170px}.datepicker--cell-year{width:25%;height:33.33%}.datepickers-container{position:absolute;left:0;top:0}@media print{.datepickers-container{display:none}}.datepicker{background:#fff;border:1px solid #dbdbdb;box-shadow:0 4px 12px rgba(0,0,0,0.15);border-radius:4px;box-sizing:content-box;font-family:Tahoma,sans-serif;font-size:14px;color:#4a4a4a;width:250px;position:absolute;left:-100000px;opacity:0;transition:opacity .3s ease,left 0 0.3s,-webkit-transform .3s ease;transition:opacity .3s ease,transform .3s ease,left 0 .3s;transition:opacity .3s ease,transform .3s ease,left 0 0.3s,-webkit-transform .3s ease;z-index:90000}.datepicker.-from-top-{-webkit-transform:translateY(-8px);transform:translateY(-8px)}.datepicker.-from-right-{-webkit-transform:translateX(8px);transform:translateX(8px)}.datepicker.-from-bottom-{-webkit-transform:translateY(8px);transform:translateY(8px)}.datepicker.-from-left-{-webkit-transform:translateX(-8px);transform:translateX(-8px)}.datepicker.active{opacity:1;-webkit-transform:translate(0);transform:translate(0);transition:opacity .3s ease,left 0 0s,-webkit-transform .3s ease;transition:opacity .3s ease,transform .3s ease,left 0 0;transition:opacity .3s ease,transform .3s ease,left 0 0s,-webkit-transform .3s ease}.datepicker-inline .datepicker{border-color:#d7d7d7;box-shadow:none;position:static;left:auto;right:auto;opacity:1;-webkit-transform:none;transform:none}.datepicker--content{box-sizing:content-box;padding:4px}.datepicker--pointer{position:absolute;background:#fff;border-top:1px solid #dbdbdb;border-right:1px solid #dbdbdb;width:10px;height:10px;z-index:-1}.datepicker--nav-action:hover,.datepicker--nav-title:hover{background:#f0f0f0}.-top-center- .datepicker--pointer,.-top-left- .datepicker--pointer,.-top-right- .datepicker--pointer{top:calc(100% - 4px);-webkit-transform:rotate(135deg);transform:rotate(135deg)}.-right-bottom- .datepicker--pointer,.-right-center- .datepicker--pointer,.-right-top- .datepicker--pointer{right:calc(100% - 4px);-webkit-transform:rotate(225deg);transform:rotate(225deg)}.-bottom-center- .datepicker--pointer,.-bottom-left- .datepicker--pointer,.-bottom-right- .datepicker--pointer{bottom:calc(100% - 4px);-webkit-transform:rotate(315deg);transform:rotate(315deg)}.-left-bottom- .datepicker--pointer,.-left-center- .datepicker--pointer,.-left-top- .datepicker--pointer{left:calc(100% - 4px);-webkit-transform:rotate(45deg);transform:rotate(45deg)}.-bottom-left- .datepicker--pointer,.-top-left- .datepicker--pointer{left:10px}.-bottom-right- .datepicker--pointer,.-top-right- .datepicker--pointer{right:10px}.-bottom-center- .datepicker--pointer,.-top-center- .datepicker--pointer{left:calc(50% - 10px / 2)}.-left-top- .datepicker--pointer,.-right-top- .datepicker--pointer{top:10px}.-left-bottom- .datepicker--pointer,.-right-bottom- .datepicker--pointer{bottom:10px}.-left-center- .datepicker--pointer,.-right-center- .datepicker--pointer{top:calc(50% - 10px / 2)}.datepicker--body.active{display:block}.datepicker--nav{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;border-bottom:1px solid #efefef;min-height:32px;padding:4px}.-only-timepicker- .datepicker--nav{display:none}.datepicker--nav-action,.datepicker--nav-title{display:-webkit-flex;display:-ms-flexbox;display:flex;cursor:pointer;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}.datepicker--nav-action{width:32px;border-radius:4px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.datepicker--nav-action.-disabled-{visibility:hidden}.datepicker--nav-action svg{width:32px;height:32px}.datepicker--nav-action path{fill:none;stroke:#9c9c9c;stroke-width:2px}.datepicker--nav-title{border-radius:4px;padding:0 8px}.datepicker--buttons,.datepicker--time{border-top:1px solid #efefef;padding:4px}.datepicker--nav-title i{font-style:normal;color:#9c9c9c;margin-left:5px}.datepicker--nav-title.-disabled-{cursor:default;background:0 0}.datepicker--buttons{display:-webkit-flex;display:-ms-flexbox;display:flex}.datepicker--button{color:#4eb5e6;cursor:pointer;border-radius:4px;-webkit-flex:1;-ms-flex:1;flex:1;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;height:32px}.datepicker--button:hover{color:#4a4a4a;background:#f0f0f0}.datepicker--time{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-ms-flex-align:center;align-items:center;position:relative}.datepicker--time.-am-pm- .datepicker--time-sliders{-webkit-flex:0 1 138px;-ms-flex:0 1 138px;flex:0 1 138px;max-width:138px}.-only-timepicker- .datepicker--time{border-top:none}.datepicker--time-sliders{-webkit-flex:0 1 153px;-ms-flex:0 1 153px;flex:0 1 153px;margin-right:10px;max-width:153px}.datepicker--time-label{display:none;font-size:12px}.datepicker--time-current{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-flex:1;-ms-flex:1;flex:1;font-size:14px;text-align:center;margin:0 0 0 10px}.datepicker--time-current-colon{margin:0 1px -1px;line-height:1}.datepicker--time-current-hours,.datepicker--time-current-minutes{z-index:1;outline:none;border:none;font-size:19px;padding:3px;width:28px;height:24px!important;-webkit-box-shadow:0 0 0 30px #fff inset!important;color:#4a4a4a}.datepicker--time-current-hours.-focus-,.datepicker--time-current-minutes.-focus-{background:#f0f0f0;border-radius:4px;-webkit-box-shadow:none;-webkit-box-shadow:0 0 0 30px #f0f0f0 inset!important}.datepicker--time-current-ampm{text-transform:uppercase;-webkit-align-self:flex-end;-ms-flex-item-align:end;align-self:flex-end;color:#9c9c9c;margin-left:2px;font-size:11px;margin-bottom:4px}.datepicker--time-row{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-ms-flex-align:center;align-items:center;font-size:11px;height:17px;background:linear-gradient(to right,#dedede,#dedede) left 50%/100% 1px no-repeat}.datepicker--time-row:first-child{margin-bottom:4px}.datepicker--time-row input[type="range"]{background:0 0;-webkit-box-shadow:none;box-shadow:none;border:none;cursor:pointer;-webkit-flex:1;-ms-flex:1;flex:1;height:100%;padding:0;margin:0;-webkit-appearance:none}.datepicker--time-row input[type="range"]::-ms-tooltip{display:none}.datepicker--time-row input[type="range"]:hover::-webkit-slider-thumb{border-color:#b8b8b8}.datepicker--time-row input[type="range"]:hover::-moz-range-thumb{border-color:#b8b8b8}.datepicker--time-row input[type="range"]:hover::-ms-thumb{border-color:#b8b8b8}.datepicker--time-row input[type="range"]:focus{outline:0}.datepicker--time-row input[type="range"]:focus::-webkit-slider-thumb{background:#5cc4ef;border-color:#5cc4ef}.datepicker--time-row input[type="range"]:focus::-moz-range-thumb{background:#5cc4ef;border-color:#5cc4ef}.datepicker--time-row input[type="range"]:focus::-ms-thumb{background:#5cc4ef;border-color:#5cc4ef}.datepicker--time-row input[type="range"]::-webkit-slider-thumb{-webkit-appearance:none;box-sizing:border-box;height:12px;width:12px;border-radius:3px;border:1px solid #dedede;background:#fff;cursor:pointer;transition:background .2s;margin-top:-6px}.datepicker--time-row input[type="range"]::-moz-range-thumb{box-sizing:border-box;height:12px;width:12px;border-radius:3px;border:1px solid #dedede;background:#fff;cursor:pointer;transition:background .2s}.datepicker--time-row input[type="range"]::-ms-thumb{box-sizing:border-box;height:12px;width:12px;border-radius:3px;border:1px solid #dedede;background:#fff;cursor:pointer;transition:background .2s}.datepicker--time-row input[type="range"]::-webkit-slider-runnable-track{border:none;height:1px;cursor:pointer;color:transparent;background:0 0}.datepicker--time-row input[type="range"]::-moz-range-track{border:none;height:1px;cursor:pointer;color:transparent;background:0 0}.datepicker--time-row input[type="range"]::-ms-track{border:none;height:1px;cursor:pointer;color:transparent;background:0 0}.datepicker--time-row input[type="range"]::-ms-fill-lower{background:0 0}.datepicker--time-row input[type="range"]::-ms-fill-upper{background:0 0}.datepicker--time-row span{padding:0 12px}.datepicker--time-icon{color:#9c9c9c;border:1px solid;border-radius:50%;font-size:16px;position:relative;margin:0 5px -1px 0;width:1em;height:1em}.datepicker--time-icon:after,.datepicker--time-icon:before{content:"";background:currentColor;position:absolute}.datepicker--time-icon:after{height:.4em;width:1px;left:calc(50% - 1px);top:calc(50% + 1px);-webkit-transform:translateY(-100%);transform:translateY(-100%)}.datepicker--time-icon:before{width:.4em;height:1px;top:calc(50% + 1px);left:calc(50% - 1px)}.datepicker--cell-day.-other-month-,.datepicker--cell-year.-other-decade-{color:#dedede}.datepicker--cell-day.-other-month-:hover,.datepicker--cell-year.-other-decade-:hover{color:#c5c5c5}.-disabled-.-focus-.datepicker--cell-day.-other-month-,.-disabled-.-focus-.datepicker--cell-year.-other-decade-{color:#dedede}.-selected-.datepicker--cell-day.-other-month-,.-selected-.datepicker--cell-year.-other-decade-{color:#fff;background:#a2ddf6}.-selected-.-focus-.datepicker--cell-day.-other-month-,.-selected-.-focus-.datepicker--cell-year.-other-decade-{background:#8ad5f4}.-in-range-.datepicker--cell-day.-other-month-,.-in-range-.datepicker--cell-year.-other-decade-{background-color:rgba(92,196,239,0.1);color:#ccc}.-in-range-.-focus-.datepicker--cell-day.-other-month-,.-in-range-.-focus-.datepicker--cell-year.-other-decade-{background-color:rgba(92,196,239,0.2)}.datepicker--cell-day.-other-month-:empty,.datepicker--cell-year.-other-decade-:empty{background:0 0;border:none} /* 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.12.0/assets/desktop/css/../images/preloader.gif) no-repeat 100%; background: url(/application/8.12.0/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.12.0/assets/desktop/css/../images/preloader.gif) no-repeat 100%, -webkit-linear-gradient(center bottom, #fff 85%, #eee 99%); background: url(/application/8.12.0/assets/desktop/css/../images/preloader.gif) no-repeat 100%, -moz-linear-gradient(center bottom, #fff 85%, #eee 99%); background: url(/application/8.12.0/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.12.0/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-right: 10px; 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.12.0/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.12.0/assets/desktop/css/../images/flags@2x.png); } } .iti__flag.iti__np { background-color: transparent; } /* Object Content */ .content-object-full { margin-top: 15px; padding: 0 20px; line-height: 1.5em; word-wrap: break-word; } .content-object-full p, .content-object-full hr { margin-bottom: 15px; } .content-object-full h2 { margin: 30px 0 15px 0; } .content-object-full p img, .content-object-full img { max-width: 100%; cursor: pointer; } .content-object-full ul, .content-object-full ol { margin-left: 40px; margin-bottom: 15px; } .content-object-full li { margin-top: 5px; } .content-object-full li:first-child { margin-top: 0; } .content-object-full 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 { white-space: pre-wrap; border-left: 2px solid #1AC131; color: #555555; padding-left: 10px; margin-top: 0; } .content-object-full hr { height: 1px; border: none; border-top: 1px solid #ccc; display: block; } .content-object-full h3, .content-object-full h4, .content-object-full h5, .content-object-full h6 { font-weight: normal; color: #000000; margin: 30px 0 15px; } .content-object-full h2 { font-size: 20px; } .content-object-full h3 { font-size: 18px; } .content-object-full h4 { font-size: 16px; } .content-object-full table { margin-bottom: 15px; } .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 pre, .comment-content-text 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: 40px; padding-right: 25px; line-height: 2em; margin-bottom: 15px; white-space: pre-wrap; } .content-object-full pre:before, .comment-content-text pre:before { content: ""; position: absolute; left: 30px; border: 1px solid #6ce26c; top: 0; bottom: 0; } .content-object-full blockquote, .comment-content-text blockquote { padding: 10px 20px 10px 20px; border: 1px solid #bfbfbf; background: #ffffff; border-radius: 5px; font-style: italic; margin-bottom: 15px; } .content-object-full pre br, .comment-content-text pre br { margin: 0 !important; } @media only screen and (max-device-width: 480px) { .touch .content-object-full, .touch .title-object-full { width: 100%; height: auto; min-height: 1px; max-height: 999999px; } } /* author-info */ .author-info { padding: 0 0 10px 20px; } .author-object .author-info { margin-top: -3px; margin-left: 60px; } .author-info { color: #acacac; } .author-info span { font-size: 14px; color: #acacac; } .author-info a, .author-info a span { color: #000; text-decoration: none; } .author-info a.text-gray, .author-info a span.text-gray, .author-info a.text-gray span { color: #acacac; } .author-info a { margin-right: 3px; } .activity-log .object-time { width: 80px; } /* Assignments */ .assignments-filters > table { width: 100%; margin-bottom: 15px; } .assignments-filters > table > tbody > tr > td { vertical-align: top; } .assignments-filters .sidebar-container { border-radius: 0; width: 280px; background: #f7f7f7; border-left: 1px solid #ebebeb; border-right: 1px solid #ebebeb; } .assignments-filters > table > tbody > tr > td { border-bottom: 1px solid #dbdbdb; border-top: 1px solid #dbdbdb; } .assignments-filters #available-to-agents { margin-top: 10px; } .assignments-filters #available-to-agents .title-small { margin-top: 10px; } .assignments-filters #available-to-agents label { display: block; margin-top: 5px; } .assignments-filters #available-to-agents label input { margin-right: 5px; } .assignments-filters .objects-table { margin: 0; padding-right: 20px; } .assignments-filters .objects-table .filter-select, .assignments-filters .objects-table input, .assignments-filters .objects-table select, .assignments-filters .input-number-box { margin-right: 15px; } .assignments-filters .objects-table .filter-select + .filter-select { margin-left: -15px; } .assignments-filters .combined-buttons { display: inline-block; vertical-align: middle; } .assignments-filters .select_ajax-container { margin: 0; } .assignments-filters .objects-table td.assignments-filters-title { width: 1%; white-space: nowrap; padding-left: 20px; padding-right: 20px; } .assignments-filters .objects-table td { padding: 6px 5px; height: 41px; vertical-align: middle; } .assignments-filters .objects-table td.assignments-filters-buttons { padding-left: 20px; padding-right: 20px; } .objects-table td.assignments-filters-buttons button { margin-right: 10px; text-decoration: none; } .objects-table td.assignments-filters-buttons button.floatRight { margin-right: 0; margin-left: 10px; } .assignments-filters .objects-table .thead td { border-bottom-style: solid; } .assignments-filters .objects-table .thead td > input { min-width: 250px; } .assignments-filters .objects-table .thead td > input:first-child { margin-left: 10px; } .objects-table .filter-select.opened .filter-select-text { height: 28px; } .assignments-filters .objects-table .text-param-container { padding-left: 15px; vertical-align: middle; } .assignments-filters .input-number-box input { margin: 0; width: 70px; } .assignments-right-head { margin-left: -1px; height: 40px; padding: 12px 20px; background: inherit; border-bottom: 1px solid #d9d9d9; position: relative; bottom: -1px; } .assignments-right-head i { opacity: 0.6; cursor: pointer; } .assignments-right-head i:hover { opacity: 1; } #assignments-content .objects-table + .objects-table tr:first-child td { border-top: none; } #assignments-content .objects-table + .objects-table { padding-top: 0; margin-top: 20px; } #assignments-content .objects-table tr:last-of-type td { border-bottom: none; } #assignments-content .text-gray { color: #acacac; } #assignments-content a.object-name.completed { text-decoration: line-through; } #assignments-content ul.tags { display: inline; } #assignments-content ul.tags.hidden { display: none; } #assignments-content ul.tags li.tags-choice span.sep i.iclose { margin: 0 4px 2px 4px; top: 0; } #assignments-content a.ico-small:not(.select_ajax-search-choice-close) { opacity: 0.3; cursor: pointer; margin: 6px 20px 0 0; } #assignments-content a.ico-small:hover { opacity: 1; } .assignments-content .objects-table td.object-icons .ico-small { top: 0; } #assignments-content input.filter-date { margin-right: 0; } #assignments-content img.ui-datepicker-trigger { margin-right: 10px; } #assignments-content .activity-row span.bold { color: #000; } #assignments-content .objects-table td.object-icons { text-align: right; } .assignments-filters + .objects-table { margin-top: 0; } #assignments-content .objects-table .activity-row td:first-child { border-bottom: none; } #assignments-content .objects-table .activity-row + .object td { border-top: 1px dotted #d9d9d9; } #assignments-content .objects-table td:not(.object-icons) .ico-small:not(.select_ajax-search-choice-close) { position: relative; top: 2px; } #assignments-content .objects-table .content-object-status { position: relative; top: 2px; } .page-title .filter-select { line-height: 33px; } .page-title .filter-select.opened .filter-select-text { line-height: 31px; } .page-title .filter-select .filter-select-text i { top: 17px; } .page-title .filter-select.opened .filter-select-text i { top: 16px; } .page-title .filter-select .filter-select-list { width: 100%; } .page-title .filter-select .filter-select-list li { font-size: 14px; } .load-more .load-archive { margin-top: 0; } .load-more .load-archive i { top: -2px; } /* Other Styles */ .short-text { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .page-title ul.filter-select-list li.hidden { display: none !important; } .comment-note-label .ireminder { margin: -2px 15px 2px 0; } /* Macros */ .modalScrollable.macros .entity-row { font-size: 0; margin: 0 10px 10px 20px; } .modalScrollable.macros .entity-row .entity-params { margin-left: 2%; } .modalScrollable.macros .entity-row .ico-small { margin-right: 20px; margin-top: 7px; opacity: 0.3; } .modalScrollable.macros .entity-row select { vertical-align: top; width: 30%; } .modalScrollable.macros .entity-row input { vertical-align: middle; width: 58%; } /* Sharing list on users page */ .users-list a.delete-sharing { opacity: 0.3; } .users-list a.delete-sharing:hover { opacity: 0.7; } .register-form i.preloader { position: relative; top: -3px; left: 10px } /* Live Search */ .liveSearchViewport { background: rgba(255, 255, 255, 0.97); position: fixed; width: 100%; height: 100%; z-index: 10000; right: 0; top: 0; left: 0; bottom: 0; overflow: auto; } .liveSearchViewportInner { width: 99%; width: calc(100% - 40px); position: absolute; left: 20px; right: 20px; bottom: 0; margin: auto; max-width: 1200px; overflow: hidden; padding-top: 60px; background: transparent; box-shadow: none; top: 50px; height: auto; max-height: none; } .liveSearchHeader { height: 60px; position: absolute; top: 0; left: 0; width: 100%; border-bottom: 1px solid #ebebeb; } .liveSearchContainer { bottom: 40px; left: 0; min-height: 95%; min-height: calc(100% - 60px); padding: 10px 0 70px 0; position: relative; right: 0; top: 0; width: 100%; height: calc(100% - 60px); margin: 0; overflow: auto; border-bottom: 1px solid #ebebeb; } .liveSearchEmptyFooter .liveSearchContainer { height: 100%; min-height: 100%; border-bottom: none; } .liveSearchButtons { margin-top: 17px; } .liveSearchButtons .content-object-info { position: relative; top: 3px; color: #555555; font-size: 14px; font-weight: 600; } .liveSearchButtons .button-small-color { margin-left: 15px; } .liveSearchForum .filter-select { position: absolute; right: 65px; top: 13px; } .liveSearchForum .filter-select .filter-select-text { max-width: 116px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: inline-block; } .liveSearchForum .filter-select.opened .filter-select-text { max-width: 150px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: inline-block; } .popupClose { position: absolute; right: 5px; top: -1px; cursor: pointer; width: 60px; height: 60px; min-width: 0 !important; z-index: 102; overflow: hidden; font-size: 0; text-indent: -9999px; -webkit-appearance: none; -moz-appearance: none; appearance: none; -webkit-transition: -webkit-transform 0.4s; transition: transform 0.4s; } .popupClose span { display: block; position: absolute; top: 29px; left: 15px; right: 15px; height: 1px; background: none; } .popupClose span:before, .popupClose span:after { position: absolute; display: block; left: 0; width: 100%; height: 1px; background-color: #ffffff; content: ""; } .popupClose span:before { top: 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } .popupClose span:after { bottom: 0; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } .popupClose:hover { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .liveSearchHeader .popupClose { right: 0; top: 14px; height: 30px; width: 30px; } .liveSearchHeader .popupClose span { right: 0; left: 0; top: 14px; } .liveSearchHeader .popupClose span:before, .liveSearchHeader .popupClose span:after { background-color: #333333; } .liveSearchInputBlock { line-height: 60px; white-space: nowrap; margin: 0; font-size: 24px; color: #ffffff; overflow: hidden; position: relative; } .liveSearchInputBlock .liveSearchInput { width: 100%; -webkit-box-shadow: none; box-shadow: none; border: none; height: 60px; display: block; font-size: 18px; padding-left: 0; padding-right: 40px; background: transparent; } .liveSearchHasMultiForums .liveSearchInputBlock .liveSearchInput { padding-right: 220px; } .liveSearchInputBlock .liveSearchInput::-ms-clear { display: none; } .liveSearchLoadMore a { background: #f3fafe; border-bottom: 1px solid #ebebeb; color: #000000; cursor: pointer; font-size: 16px; margin-bottom: 10px; padding: 10px 40px; text-align: center; display: block; text-decoration: none; } .liveSearchPreloader { position: absolute; top: 20px; right: 40px; } /* New Object */ .new-object { padding-top: 20px; border-radius: 3px; max-width: 640px; margin: 0 auto; min-height: 300px; } .new-object #col-title { font-size: 14px; color: #acacac; position: absolute; right: 5px; bottom: 49px; } .new-object > input { margin-left: 0; margin-bottom: 15px; } .new-object #submit_guest_link + label { display: inline-block; margin-left: 5px; position: relative; } .new-object p { margin-bottom: 7px; margin-top: 0; } .new-object .title-with-types { padding: 1px 5px 1px 1px; background: #ffffff; border: 1px solid #cfcfcf; border-radius: 2px; font-size: 18px; height: 42px; display: table; width: 100%; -webkit-box-shadow: 0 1px 0 0 #f0f0f0 inset; box-shadow: 0 1px 0 0 #f0f0f0 inset; position: relative; } .new-object .add-object-type { display: table-cell; width: 1%; vertical-align: middle; position: relative; } .new-object .select_ajax-container-multi .select_ajax-choices, .new-object input[type="text"], .new-object input[type="email"] { width: 100%; border: 1px solid #e4e6e8; box-shadow: 0 1px 0 0 #f0f0f0; color: #555555; border-radius: 1px; font-size: 16px; height: 40px; } .new-object .delete-value { position: absolute; right: 0; bottom: 21px; padding: 0; } .new-object .delete-value i { opacity: 0.5; } .new-object .delete-value:hover i { opacity: 1; } .new-object .delete-value ~ .input-full-modal { width: calc(100% - 25px); margin-top: 10px; } .new-object .label-desc + .delete-value ~ .input-full-modal { margin-top: 0; } .new-object-title { position: relative; } .new-object .new-object-title input { height: 38px; padding-right: 30px; width: 101%; display: table-cell; border-radius: 1px 0 0 1px; padding-left: 10px; border: none; -webkit-box-shadow: none; box-shadow: none; } .new-object .title-small, .new-object .sidebar-title-small { font-size: 16px; font-weight: normal; color: #000000; } .new-object .label-desc { font-size: 14px; } .new-object .sidebar-block { border: none; padding: 10px 0; } .new-object .filter-select, .custom-select-as-select .filter-select { width: 100%; } .new-object .filter-select .filter-select-text, .custom-select-as-select .filter-select .filter-select-text { color: #acacac; width: 100%; display: block; margin: 0; height: 30px; border: 1px solid #e4e6e8; background: #ffffff; padding-left: 10px; line-height: 28px; position: relative; -webkit-box-shadow: 0 1px 0 0 #f0f0f0; box-shadow: 0 1px 0 0 #f0f0f0; z-index: 5; padding-right: 25px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .new-object .filter-select .filter-select-text { height: 40px; line-height: 38px; font-size: 16px; } .new-object .filter-select .filter-select-text i, .custom-select-as-select .filter-select .filter-select-text i { right: 13px; top: 12px; -webkit-transition: opacity 150ms ease-in-out; transition: opacity 150ms ease-in-out; } .new-object .filter-select .filter-select-text i { top: 17px; } .new-object .filter-select .filter-select-text i, .new-object .filter-select:hover .filter-select-text i, .new-object .filter-select.opened .filter-select-text i, .custom-select-as-select .filter-select .filter-select-text i, .custom-select-as-select .filter-select:hover .filter-select-text i, .custom-select-as-select .filter-select.opened .filter-select-text i { opacity: 0.8; } .new-object .filter-select.disabled:hover .filter-select-text i, .custom-select-as-select .filter-select.disabled:hover .filter-select-text i { opacity: 0.5; } .new-object .filter-select.opened .filter-select-text:before, .new-object .filter-select.opened .filter-select-text:after, .custom-select-as-select .filter-select.opened .filter-select-text:before, .custom-select-as-select .filter-select.opened .filter-select-text:after { border-color: #e4e6e8; } .new-object .filter-select .filter-select-list, .custom-select-as-select .filter-select .filter-select-list { width: 100%; min-width: 120px; background: #ffffff; border-color: #e4e6e8; } .new-object .filter-select .filter-select-list li, .custom-select-as-select .filter-select .filter-select-list li { border-top: 1px solid #ebebeb; padding: 7px 12px 7px 10px; color: #000; margin: 0; } .new-object .filter-select.filter-with-search .filter-select-list li, .custom-select-as-select .filter-select.filter-with-search .filter-select-list li { border-top: none; } .new-object .filter-select .filter-select-list.with-images li, .custom-select-as-select .filter-select .filter-select-list.with-images li { padding-left: 35px; } .new-object .filter-select .filter-select-list li[data-group], .custom-select-as-select .filter-select .filter-select-list li[data-group] { padding-left: 20px; } .new-object .filter-select .filter-select-list.with-images li[data-group], .custom-select-as-select .filter-select .filter-select-list.with-images li[data-group] { padding-left: 45px; } .new-object .filter-select .filter-select-list li:first-child, .new-object .filter-select .filter-select-list li:not(.hidden):first-of-type, .custom-select-as-select .filter-select .filter-select-list li:first-child, .custom-select-as-select .filter-select .filter-select-list li:not(.hidden):first-of-type { border-top: none; } .new-object .filter-select .filter-select-list li:hover, .custom-select-as-select .filter-select .filter-select-list li:hover { background: #f7f7f7; color: #000000; } .new-object .filter-select .filter-select-list li.optgroup-item:hover, .custom-select-as-select .filter-select .filter-select-list li.optgroup-item:hover { background: transparent; } .filter-select.filter-with-image .filter-select-text img { position: relative; top: 2px; margin-right: 8px; } .new-object input[type="text"]:not(.input-phone), .new-object input[type="email"] { padding-left: 10px; } .new-object input.hasDatepicker { padding-right: 35px; } .new-object .sidebar-block { position: relative; } .new-object input.hasDatepicker + img { margin-right: 0; position: absolute; right: 11px; bottom: 22px; top: auto; vertical-align: middle; } .new-object .select_ajax-container-multi .select_ajax-choices .select_ajax-search-field input { height: 38px; } .new-object .select_ajax-container-multi .select_ajax-choices .select_ajax-search-choice { height: 26px; line-height: 24px; margin-top: 6px; margin-right: 0; margin-left: 6px; } .new-object .select_ajax-search-choice-close { background-position: 5px 6px; } .select_ajax-drop.select_ajax-drop-new-object-tags { border-color: #e4e6e8; } .new-object .sidebar-block .label-desc { margin-top: -2px; margin-bottom: 9px; } .new-object .checkboxLabel, .new-object ul.combined-buttons li label, .new-object ul.combined-buttons li a { font-size: 16px; } .new-object .add-object-type .filter-select { font-size: 14px; } .new-object .add-object-type .filter-select-text { color: #ffffff; border: none; border-radius: 2px; height: 34px; line-height: 34px; padding-left: 25px; } .new-object .add-object-type .filter-select-text i { display: none; } .new-object .add-object-type .filter-select-text span.preloader { background-color: inherit; width: 100%; height: 100%; position: absolute; top: 0; left: 0; } .new-object .g-recaptcha { margin-top: 15px; margin-bottom: 5px; } .new-object-content { margin-bottom: 10px; } .new-object .object-form-login { background: #f3fafe none repeat scroll 0 0; border-top: 1px solid #ebebeb; border-bottom: 1px solid #ebebeb; color: #000000; font-size: 16px; margin-top: 20px; padding: 10px 40px; text-align: center; margin-bottom: 10px; cursor: pointer; } .new-object .object-form-login:hover { border-color: #d9d9d9; } .new-object .select_ajax-container.select_ajax-container-active-preloader .select_ajax-preloader { right: 10px; top: 12px; } .sidebar-block.error, .notify-email-container.error { background: none; } .sidebar-block.error .title-small, .notify-email-container.error .title-small, .notify-name-container.error .title-small, .new-object-title.error .title-small { color: #e53939; } .sidebar-block.error input, .notify-email-container.error input, .sidebar-block.error input, .notify-name-container.error input, .new-object-title.error input { background: #ffffff; } .new-object .resizer-wrap { padding-top: 10px; } .properties-list.required.error { background: #FFE8FA !important; } #sat-survey { position: relative; margin-top: 40px; } #sat-survey[data-voted="0"][data-is-agent="1"] { display: none; } #sat-survey .title-small { color: #555555; } .sat-survey-rating, .sat-survey-reason { width: 50%; float: left; } .sat-survey-comment { margin-top: 20px; margin-bottom: 20px; } .sat-survey-comment textarea { width: 100%; border: 1px solid #dddddd; min-height: 160px; -webkit-box-shadow: none; box-shadow: none; padding: 10px; max-width: 100%; min-width: 100%; } .sat-survey-comment .sat-survey-comment-text pre { white-space: pre-wrap; } .sat-survey-rating .sat-survey-rating-vote .view-mode-child i { cursor: default; } .star-rating { display: inline-block; position: relative; bottom: -2px; font-size: 0; } #sat-survey .star-rating { margin-top: 7px; margin-bottom: 7px; bottom: 0; } #sat-survey .star-rating ul { list-style: none; } .star-rating li { display: inline-block; width: 20px; height: 16px; background: url(/application/8.12.0/modules/system/assets/desktop/css/../images/rating-star.png) no-repeat left; cursor: pointer; } .star-rating li.selected { background-image: url(/application/8.12.0/modules/system/assets/desktop/css/../images/rating-star-selected.png); } .star-rating li.half-selected { background-image: url(/application/8.12.0/modules/system/assets/desktop/css/../images/rating-star-half-selected.png); } #sat-survey .star-rating.disabled ul li { cursor: default; } #sat-survey .csat-block-header .csat-block-title { color: #959595; font-size: 20px; font-weight: normal; border-bottom: 1px solid #ebebeb; padding-bottom: 7px; margin-bottom: 15px; } .csat-block-header .csat-block-title-stars { position: absolute; right: 0; top: 7px; font-size: 0; } .csat-block-header .csat-block-title-stars .star { display: inline-block; width: 16px; height: 16px; margin-left: 5px; background: url(/application/8.12.0/modules/system/assets/desktop/css/../images/rating-star-selected.png) no-repeat right; } .custom-date-involved .custom-date-edit-field-wrapper { position: relative; } .custom-date-involved .custom-date-edit-field-wrapper input { max-width: calc(100% - 25px); } .custom-date-involved .custom-date-edit-field-wrapper input.altFieldDatepicker + input { opacity: 0; position: absolute; top: 0; left: 0; } .custom-date-involved .custom-date-edit-field-wrapper .delete-value { margin-left: 5px; } .custom-date-involved .save-custom-date { position: absolute; right: 0; z-index: 9; top: 13px; } .new-object .sidebar-block input.altFieldDatepicker + input { opacity: 0; position: absolute; bottom: 10px; left: 0; right: auto; } .step-block.hidden { display: none; } .email-digest-block button { width: 100%; height: 40px; } .new-object > div.anonymous-block { padding: 10px 0 0 0; margin: 0 0 10px 0; border-collapse: separate; width: 100%; } .anonymous-block .anonymous-fields { display: table; width: 100%; } .anonymous-block .anonymous-fields > div { display: table-cell; width: 50%; padding-left: 20px; vertical-align: top; } .anonymous-block .anonymous-fields > div:first-child { padding-left: 0; } #contact-form-submit { margin-top: 20px; } /* Results */ .b-ur-line { border-top: 1px solid #f1f1f1; padding: 10px 0; } .b-ur-line:first-child { border-top: none; } .b-ur-line .ico { margin-right: 10px; } .b-ur-line .ico img { position: relative; top: 3px; } .ur-description, .ur-description a { word-wrap: break-word; } .similar-topics-block .ur-description { margin-left: 26px; } .similar-topics-block .ur-description a { text-decoration: none; } .similar-topics-block .b-ur-line { border-top: 1px dotted #d2d2d2; border-bottom: none; } .similar-topics-block .b-ur-line:first-child { border-top: none; padding-top: 0; } .similar-topics-block .b-ur-line:last-child { padding-bottom: 0; } .b-ur-tab-content { margin-bottom: 40px; position: absolute; border: 1px solid #b7b7b7; background: #fff; top: 30px; padding: 10px 15px 15px 20px; z-index: 100; left: 0; right: 0; } .findAddObjects-input .b-ur-tab-content { top: 30px; } .findAddObjects-no-types .findAddObjects-input .b-ur-tab-content { top: 39px; right: 1px; } .new-object .title-with-types .b-ur-tab-content { top: 41px; border-color: #cfcfcf; padding: 0 15px; } .b-ur-tab-content .quick-search-scrollable { max-height: 205px; } .b-ur-tab-content .content-object-info { margin-right: 5px; position: relative; top: 8px; font-size: 14px; color: #555; font-weight: 600; } .b-ur-tab-content .ur-description { white-space: nowrap; overflow: hidden; position: relative; } .b-ur-tab-content .ur-description:after { content: ""; position: absolute; right: 0; top: 0; bottom: 0; width: 20px; padding-right: 20px; background: -webkit-linear-gradient(left, rgba(255,255,255,0), rgba(255,255,255,1) 80%); background: -moz-linear-gradient(left, rgba(255,255,255,0), rgba(255,255,255,1) 80%); background: -o-linear-gradient(left, rgba(255,255,255,0), rgba(255,255,255,1) 80%); background: linear-gradient(to right, rgba(255,255,255,0), rgba(255,255,255,1) 80%) } .b-ur-tab-content .ur-description a { text-decoration: none; display: block; margin-right: 25px; } .b-ur-tab-content .quick-search-button-block { padding-top: 10px; border-top: 1px solid #f1f1f1; } .b-ur-tab-content .show-all-results { text-align: center; background: #f7f7f7; } .b-ur-tab-content .show-all-results .ur-description:after { width: 0; display: none; } .qsearch-block .sidebar-title-small { position: relative; } .qsearch-block .quick-close { right: 1px; top: 3px; opacity: 0.3; } .qsearch-block .quick-close:hover { opacity: 1; } .qsearch-block .b-ur-line { padding: 7px 0; border-bottom: none; border-top: 1px dotted #bfbfbf; } .qsearch-block .b-ur-line:first-child { border-top: none; } .qsearch-block .b-ur-line .ico { margin-top: 1px; } .qsearch-block .ur-description { margin-left: 26px; } .qsearch-block .ur-description a { text-decoration: none; } .sidebar-container .qsearch-block { padding: 15px 20px; background: #fff; border-top: 1px solid #ebebeb; } /* Buttons Widget */ .welcomeMessageWidget { position: relative; } .welcomeMessageWidget .buttonsWidgetBackground { /*position: relative;*/ z-index: 0; height: 0; } .welcomeMessageWidget .buttonsWidgetBackground ~ * { position: relative; z-index: 1; } .welcomeMessageWidget .buttonsWidgetTitle { font-size: 22px; margin-top: 40px; } .welcomeMessageWidget .buttonsWidgetButtons { margin-top: 10px; padding-bottom: 50px; } .welcomeMessageWidget .buttonsWidgetButtons a { margin: 20px 10px 0 10px; min-width: 210px; padding: 15px 20px; background-color: transparent; display: inline-block; border: 1px solid #d2d8dd; color: #bcc4cc; border-radius: 6px; text-decoration: none; } .welcomeMessageWidget .buttonsWidgetButtons a:before { content: ''; width: 16px; height: 16px; background-color: #bcc4cc; background-image: none; display: inline-block; margin-right: 9px; margin-bottom: -2px; } .welcomeMessageWidget .buttonsWidgetButtons a.html-widget-chat:before { -webkit-mask: url(/application/8.12.0/modules/system/assets/desktop/css/../images/html-widget/start-chat.svg) no-repeat 50% 50%; mask: url(/application/8.12.0/modules/system/assets/desktop/css/../images/html-widget/start-chat.svg) no-repeat 50% 50%; -webkit-mask-size: contain; mask-size: contain; } .welcomeMessageWidget .buttonsWidgetButtons a.html-widget-ticket:before { -webkit-mask: url(/application/8.12.0/modules/system/assets/desktop/css/../images/html-widget/contact-us.svg) no-repeat 50% 50%; mask: url(/application/8.12.0/modules/system/assets/desktop/css/../images/html-widget/contact-us.svg) no-repeat 50% 50%; -webkit-mask-size: contain; mask-size: contain; } .welcomeMessageWidget .buttonsWidgetButtons a.html-widget-topic:before { -webkit-mask: url(/application/8.12.0/modules/system/assets/desktop/css/../images/html-widget/submit-feedback.svg) no-repeat 50% 50%; mask: url(/application/8.12.0/modules/system/assets/desktop/css/../images/html-widget/submit-feedback.svg) no-repeat 50% 50%; -webkit-mask-size: contain; mask-size: contain; } .welcomeMessageWidget .buttonsWidgetButtons a.html-widget-kb:before { -webkit-mask: url(/application/8.12.0/modules/system/assets/desktop/css/../images/html-widget/kb-hat.svg) no-repeat 50% 50%; mask: url(/application/8.12.0/modules/system/assets/desktop/css/../images/html-widget/kb-hat.svg) no-repeat 50% 50%; -webkit-mask-size: contain; mask-size: contain; } .welcomeMessageWidget .buttonsWidgetButtons a:hover { border: 1px solid #2693ff; color: #2693ff; } .welcomeMessageWidget .buttonsWidgetButtons a:hover:before { background-color: #2693ff; } /* 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: 10px; } .select_ajax-drop-multistep .select_ajax-results ul.select_ajax-result-sub ul.select_ajax-result-sub > li .select_ajax-result-label { padding-left: 10px; } .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: 15px; 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: 10px 10px; display: none; cursor: pointer; color: #656565; } .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: 7px; } .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; } .approve-delete-block { float: right; margin-right: 10px; position: relative; } .approve-delete-block .combined-buttons { display: none; margin-top: 0; } .approve-delete-block .combined-buttons li a { width: 32px; height: 28px; } .comment-content.content-object { padding-left: 20px; margin-left: 0; } .objects .object.comment { padding-left: 20px; padding-right: 0; } .content-object-status.abuse { background: #c50000; } .content-object-status.moderate { background: #6f7379; } .objects .object.comment:hover .content-object-status { display: none; } .objects .object:hover .combined-buttons { display: block; } .filter-area-add { margin-top: 20px; } .filter-area-add input { margin-right: 10px; } .approve-delete-block .content-object-status { margin-right: 0; position: absolute; right: 0; top: 0; } /* Board */ .allAgentRoadmap.roadmapInit.hidden { display: block; visibility: hidden; } .allAgentRoadmap .allAgentFooter { padding: 0; } .allAgentRoadmap .allAgentFooter .agent-footer-buttons { padding: 8px 20px; } .allAgentRoadmap .wrap-container:not(.addViewForm):not(.boardForm) .allAgentContent { overflow: hidden; background: #f7f7f7; } .allAgentRoadmap .wrap-container .allAgentContent.whiteBackground { background: #ffffff !important; } .allAgentRoadmap .scroll-element.roadmap-scroll_x, .allRoadmap .scroll-element.roadmap-scroll_x, .kanbanBoardWidget .scroll-element.roadmap-scroll_x { display: none; height: 6px; width: 100%; top: -4px; position: absolute; } .allRoadmap .scroll-element.roadmap-scroll_x, .kanbanBoardWidget .scroll-element.roadmap-scroll_x { top: auto; bottom: -2px; z-index: 9; } .allAgentRoadmap .scroll-element.roadmap-scroll_x.scroll-scrollx_visible, .allRoadmap .scroll-element.roadmap-scroll_x.scroll-scrollx_visible, .kanbanBoardWidget .scroll-element.roadmap-scroll_x.scroll-scrollx_visible { display: block; } .allAgentRoadmap .scroll-element.roadmap-scroll_x div, .allRoadmap .scroll-element.roadmap-scroll_x div, .kanbanBoardWidget .scroll-element.roadmap-scroll_x div { height: 100%; left: 0; top: 0; position: absolute; width: 100%; } .allAgentRoadmap .scroll-element.roadmap-scroll_x .scroll-bar, .allRoadmap .scroll-element.roadmap-scroll_x .scroll-bar, .kanbanBoardWidget .scroll-element.roadmap-scroll_x .scroll-bar { background: #192b3a; z-index: 12; border-radius: 5px; width: 100px; opacity: 0.7; } .allAgentRoadmap .scroll-element.roadmap-scroll_x .scroll-bar:after, .allRoadmap .scroll-element.roadmap-scroll_x .scroll-bar:after, .kanbanBoardWidget .scroll-element.roadmap-scroll_x .scroll-bar:after { content: ''; display: block; position: absolute; left: 0; right: 0; top: -5px; bottom: -5px; z-index: -1; } .allAgentRoadmap .scroll-element.roadmap-scroll_x .scroll-bar:hover, .allRoadmap .scroll-element.roadmap-scroll_x .scroll-bar:hover, .kanbanBoardWidget .scroll-element.roadmap-scroll_x .scroll-bar:hover { opacity: 1; } .allAgentRoadmap .wrap-container:not(.addViewForm):not(.boardForm) .mainArea { overflow: scroll; min-height: calc(100vh - 77px); } .allAgentRoadmap .scrollbar-inner > .scroll-element .scroll-bar, .allRoadmap .scrollbar-inner > .scroll-element .scroll-bar, .kanbanBoardWidget .scrollbar-inner > .scroll-element .scroll-bar { background-color: #c2c2c2; } .allAgentRoadmap .scrollbar-inner > .scroll-element .scroll-bar:hover, .allRoadmap .scrollbar-inner > .scroll-element .scroll-bar:hover, .kanbanBoardWidget .scrollbar-inner > .scroll-element .scroll-bar:hover { background-color: #919191; } .roadmap-progress { position: absolute; left: 0; bottom: -1px; width: 100%; border-bottom: 1px solid #e2e2e2; } .allAgentHeader .roadmap-progress { bottom: -1px; } .roadmap-progress:after { content: ''; height: 13px; width: 100%; display: block; position: absolute; top: -6px; z-index: 1; } .roadmap-progress .loaded { height: 1px; background: #59c800; position: relative; margin-bottom: -1px; z-index: 5; max-width: calc(100% - 8px); } .roadmap-progress .loaded span { border: 1px solid #59c800; width: 13px; height: 13px; position: absolute; right: -13px; top: -6px; border-radius: 50%; z-index: 2; display: block; } .roadmap-progress .loaded span:before { content: ''; width: 1px; height: 1px; position: absolute; right: 5px; top: 5px; background: #59c800; z-index: 1; } .roadmap-container { position: relative; font-size: 0; } .allAgentRoadmap .roadmap-container { margin: 20px; } .roadmap-container:not(.muuri) { white-space: nowrap; } .roadmap-column { position: absolute; left: 0; right: 0; width: calc((100vw - 350px) / 5 - 1.5vw); margin: 0 0.7vw; border-radius: 3px; z-index: 1; font-size: 14px; } .roadmap-column:not(.muuri-item) { position: static; display: inline-block; white-space: normal; vertical-align: top; } .zoomLevel-1 .roadmap-column, .zoomLevel-2 .roadmap-column { width: calc((100vw - 300px) / 4 - 2vw); margin: 0 0.7vw; } @media (max-width: 1800px) { .roadmap-column { width: calc((100vw - 300px) / 4 - 2vw); margin: 0 0.7vw; } } @media (max-width: 1600px) { .roadmap-column { width: calc((100vw - 300px) / 4 - 2vw); margin: 0 1vw; } } .allRoadmap .roadmap-column, .kanbanBoardWidget .roadmap-column { width: 250px; margin: 0 15px; } .mainArea .kanbanBoardWidget .roadmap-column { margin: 0 11px; } .roadmap-column:first-child { margin-left: 0 !important; } .roadmap-column:last-child { margin-right: 0 !important; } .roadmap-column.muuri-item-releasing { z-index: 2; } .roadmap-column.muuri-item-dragging { z-index: 3; cursor: move; } .roadmap-column-header { position: relative; height: 40px; line-height: 40px; overflow: hidden; padding: 0 20px 0 0; color: #000000; border-bottom: 4px solid #6f129f; margin: 0 5px; text-overflow: ellipsis; white-space: nowrap; } .roadmap-column-header .roadmap-column-counter { position: absolute; right: 0; bottom: -4px; color: #acacac; } .roadmap-column:nth-child(6n-4) .roadmap-column-header { border-bottom-color: #9f1253; } .roadmap-column:nth-child(6n-3) .roadmap-column-header { border-bottom-color: #da7c0f; } .roadmap-column:nth-child(6n-2) .roadmap-column-header { border-bottom-color: #1b9000; } .roadmap-column:nth-child(6n-1) .roadmap-column-header { border-bottom-color: #9ed238; } .roadmap-column:nth-child(6n) .roadmap-column-header { border-bottom-color: #57abe1; } @media (max-width: 600px) { .roadmap-column-header { text-indent: -1000px; } } .roadmap-column-container { --roadmap-column-height-vertical-margin: 153px; --roadmap-column-height: calc(100vh - var(--roadmap-column-height-vertical-margin)); max-height: var(--roadmap-column-height); } .allAgent .roadmap-column-container { min-height: var(--roadmap-column-height); } @-moz-document url-prefix() { .isMacOS .roadmap-column-container.scroll-scrolly_visible { margin-right: -15px !important; padding-right: 15px; } } .roadmap-column .scrollbar-inner > .scroll-element.scroll-y { right: 0; } .roadmap-column-content { position: relative; margin-top: 17px; } .allAgent .roadmap-column-content { min-height: calc(100vh - var(--roadmap-column-height-vertical-margin) - (200px - 153px)); } .roadmap-column-content.muuri { margin-top: 10px; } .allRoadmap .roadmap-column-content { min-height: auto; } .roadmap-column-content:empty { border-bottom: 1px solid #cecece; } .roadmap-column-content:empty:after { content: ''; background: url(/application/8.12.0/modules/system/assets/desktop/css/../images/forbidden.png) no-repeat center; width: 16px; height: 16px; display: block; position: absolute; opacity: 0.3; bottom: -8px; left: 0; right: 0; margin: auto; } .roadmap-column-content:empty:before { content: ''; background: #ffffff; width: 30px; height: 30px; display: block; position: absolute; bottom: -15px; left: 0; right: 0; margin: auto; } .roadmap-item { position: absolute; width: calc(100% - 10px); margin: 7px 5px; border-bottom: 1px solid #ededed; height: 85px; cursor: move; background: #ffffff; padding: 5px 10px; border-radius: 2px; -webkit-box-shadow: 0 0 5px rgba(0,0,0,0.1); box-shadow: 0 0 5px rgba(0,0,0,0.1); } .roadmap-container[data-is-editable="0"] .roadmap-item, .roadmap-item.no-drag { cursor: default; } .roadmap-item.open-filter { z-index: 9; } .roadmap-item:not(.muuri-item) { position: relative; margin-bottom: 14px; } .roadmap-item.modified-item { background: #ffffdd; } .roadmap-item.muuri-item-releasing { z-index: 9998; } .roadmap-item.muuri-item-dragging { z-index: 9999; cursor: move; position: fixed; margin-top: 62px; } .roadmap-item.muuri-item-dragging .roadmap-progress { display: none; } .roadmap-item.muuri-item-hidden { z-index: 0; } .roadmap-item-content { position: relative; padding: 0 0 20px 0; } .roadmap-item-content span.object { color: #555555; display: block; height: 45px; line-height: 22px; margin-right: 45px; } .roadmap-item-content a { color: #555555; text-decoration: none; display: block; display: -webkit-box; text-overflow: ellipsis; word-wrap: break-word; overflow: hidden; line-height: 22px; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .roadmap-item-content a:hover { color: #0072bc; } .roadmap-item-content .roadmap-item-avatar { position: absolute; right: 5px; top: 7px; } .roadmap-item-content .completed { opacity: 0.6; color: #555555; } .roadmap-item-info { margin-top: -15px; margin-bottom: 10px; position: relative; z-index: 9; font-size: 12px; color: #acacac; } .roadmap-item-info > *, .roadmap-item-info .roadmap-item-icons > * { margin-right: 5px; } .roadmap-item-info .objectVotes { padding-left: 19px; display: inline-block; text-decoration: none; } .roadmap-item-info .objectVotes.isLocked { pointer-events: none; } .roadmap-item-info .objectVotes .objectVoteButton { background-size: 14px; top: 1px; } .roadmap-item-info .objectVotes .objectVotesCount { font-size: 12px; } .roadmap-item-info .roadmap-category { white-space: nowrap; overflow: hidden; max-width: calc(100% - 115px); display: inline-block; vertical-align: top; text-overflow: ellipsis; } .roadmap-container:not(.muuri) .roadmap-item-info .objectVotes .objectVotesCount { color: #acacac; } .roadmap-item-info .expired { color: #931111; } .roadmap-item-icons > .ico-small { top: -2px; } .roadmap-item-icons > .ico-small:not(.idoublecheck) { width: 14px; height: 14px; background-size: contain; } .roadmap-item-icons > .ico-small:not(.object_manage_responsible) { cursor: default; } .roadmap-item-info .filter-select, .roadmap-item-info .roadmap-object-relative-time { margin-right: 0; } .roadmap-item-info .roadmap-object-relative-time { min-width: 20px; display: inline-block; text-align: right; } .roadmap-item-info .filter-select { position: absolute; top: -3px; right: 5px; opacity: 0; } .roadmap-item-info .filter-select .ico-small { opacity: 0.5; } .roadmap-item-info .filter-select .filter-select-text { padding: 0 2px; border: none; width: 20px; height: 20px; display: block; line-height: 20px; z-index: 0; text-align: right; margin: 0; background: transparent; } .roadmap-item-info .filter-select .filter-select-list { background: #ffffff; border-color: #d9d9d9; padding: 0; } .roadmap-item-info .filter-select .filter-select-list li { border: none; padding: 0; color: #555555; background: transparent; } .roadmap-item-info .filter-select .filter-select-list li a, .roadmap-item-info .filter-select .filter-select-list li span.as-link { padding: 11px 10px; margin: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .roadmap-item.muuri-item:hover .roadmap-item-icons .filter-select, .roadmap-item.open-filter .roadmap-item-icons .filter-select { opacity: 1; } .roadmap-item.muuri-item:hover .roadmap-item-icons .roadmap-object-relative-time, .roadmap-item.open-filter .roadmap-item-icons .roadmap-object-relative-time { opacity: 0; } .roadmap-column-load-more { padding: 10px 0 20px 0; text-align: center; } .allRoadmap { padding-bottom: 50px; } .allRoadmap .filter-area { z-index: 100; } .allRoadmap .page-title { margin-bottom: 15px; } .allRoadmap .page-title + .roadmap-progress { top: 51px; bottom: auto; } .allRoadmap .wrap-container .mainArea, .kanbanBoardWidget { border-bottom: 1px dotted #bfbfbf; padding-top: 0; } .allRoadmap .roadmap-wrapper { margin-bottom: 5px; } @-moz-document url-prefix() { .allRoadmap .page-title + .roadmap-progress { top: 52px; } } .allRoadmap .roadmap-item, .kanbanBoardWidget .roadmap-item { cursor: default; } .allRoadmap .roadmap-item-icons .filter-select { display: none; } .allRoadmap .roadmap-item-icons > .ico-small, .kanbanBoardWidget .roadmap-item-icons > .ico-small { top: 1px; cursor: default; } @media (max-width: 600px) { .roadmap-item-content { text-align: center; } .roadmap-item-content span { display: none; } } .roadmap-item.showCustomColumnsList { height: auto; } .roadmap-item.showCustomColumnsList .roadmap-item-content, .roadmap-item.showCustomColumnsList .roadmap-item-info, .roadmap-item.showCustomColumnsList .roadmap-progress { display: none; } .roadmap-item.showCustomColumnsList .filter-select.roadmapCustomColumnsList .filter-select-text { height: 0 !important; width: 0 !important; } .roadmap-item.showCustomColumnsList .filter-select.roadmapCustomColumnsList { min-width: 100%; width: auto; margin: -5px -10px; max-width: none; display: block; } .roadmap-item.showCustomColumnsList .filter-select.roadmapCustomColumnsList .filter-select-list { position: relative; max-width: 100%; border: none; } .kanbanBoardWidget { position: relative; } .kanbanBoardWidget .filters { margin-top: 5px; font-weight: normal; font-size: 14px; } .kanbanBoardWidget .page-title .filter-select.opened .filter-select-text { line-height: 33px; } .kanbanBoardWidget .page-title .preloader, .allRoadmap .filter-area .preloader { top: 8px; } .kanbanBoardWidgetContent { max-width: 100%; overflow: hidden; margin-top: 10px; } /* Reply options */ .comment-options-toggle { margin-left: 20px; } .comment-options-toggle a { text-decoration: none; border-bottom: 1px dashed #0072BC; margin-right: 15px; } .comment-options-toggle a:last-child { margin-right: 0; } .comment-options-toggle a:hover { border-bottom: none; } .comment-options-toggle.comment-notify { display: none !important; } .comment-option select { margin-left: 10px; } .leave-comment-block .comment-option select { margin-top: 2px; } .leave-comment:not(.comment-reply-to) .notify-options { display: none !important; } .comment-quick-reply { padding: 15px 0 15px 107px; border-bottom: 1px solid #EBEBEB; } .comment-quick-reply img { position: relative; top: 1px; float: left; width: 32px; height: 32px; border-radius: 50%; } .comment-quick-reply input { border: 1px solid #B7B7B7; -webkit-box-shadow: 0 1px 1px 0 #DDDDDD inset; box-shadow: 0 1px 1px 0 #DDDDDD inset; color: #9F9F9F; font-size: 14px; text-indent: 10px; height: 35px; width: 100%; margin: 0; } .comment-quick-input { margin-left: 48px; } .comment-preloader + .comment-quick-reply { display: none; } .comment-preloader + .comment-quick-reply:last-child { display: block; visibility: hidden; height: 20px; padding: 0; overflow: hidden; } .shared-access-comment-hint, .agent-typing-comment-hint { float: right; position: relative; top: -32px; right: 50px; color: #acacac; } .shared-access-comment-hint { right: 25px; } .shared-access-comment-hint.comment-info > img { margin-right: 3px; vertical-align: sub; } .leave-comment-block.hidden-add-comment .shared-access-comment-hint { display: none; } .leave-comment-block .leave-comment-title.title-shared > span { visibility: hidden; } .leave-comment-block.hidden-add-comment .leave-comment-title.title-shared > span { visibility: visible; } .shared-access-comment-hint.posting-as-user { color: #555; float: left; left: 20px; right: auto; top: -33px; } .codes-show-hover { opacity: 0; background: #fff1f1; -webkit-transition: opacity 0.2s ease-in-out; transition: opacity 0.2s ease-in-out; } .leave-comment-title:hover ~ .comment-add-form .codes-show-hover, .leave-comment-title:hover ~ .comment-edit-form .codes-show-hover, .allowed-codes-block.codes-show-hover:hover { opacity: 1; } /* Votes Full Object */ .button-object-full { color: #555; display: inline-table; font-size: 0; text-decoration: none; margin-right: 10px; min-width: 75px; } .button-object-full .how-vote { border-radius: 2px 0 0 2px; color: #fff; font-weight: bold; height: 28px; font-size: 14px; display: inline-block; padding: 0 12px; line-height: 26px; } .buttons-object-full.object-voted .button-object-full span.how-vote { -webkit-box-shadow: 0 1px 2px 0 #ddd; box-shadow: 0 1px 2px 0 #ddd; border: 1px solid #b7b7b7; background: #fff; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZlZmVmZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmNmY2ZjYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, rgba(254, 254, 254, 1) 0%, rgba(246, 246, 246, 1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(254, 254, 254, 1)), color-stop(100%, rgba(246, 246, 246, 1))); background: -webkit-linear-gradient(top, rgba(254, 254, 254, 1) 0%, rgba(246, 246, 246, 1) 100%); background: -o-linear-gradient(top, rgba(254, 254, 254, 1) 0%, rgba(246, 246, 246, 1) 100%); background: -ms-linear-gradient(top, rgba(254, 254, 254, 1) 0%, rgba(246, 246, 246, 1) 100%); background: linear-gradient(to bottom, rgba(254, 254, 254, 1) 0%, rgba(246, 246, 246, 1) 100%); color: #000; } .button-object-full.iLikeIt span.how-vote, .buttons-object-full.object-voted .button-object-full.iLikeIt.active span.how-vote { background: rgb(139, 203, 71); background: -moz-linear-gradient(top, rgba(139, 203, 71, 1) 0%, rgba(126, 180, 71, 1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(139, 203, 71, 1)), color-stop(100%, rgba(126, 180, 71, 1))); background: -webkit-linear-gradient(top, rgba(139, 203, 71, 1) 0%, rgba(126, 180, 71, 1) 100%); background: -o-linear-gradient(top, rgba(139, 203, 71, 1) 0%, rgba(126, 180, 71, 1) 100%); background: -ms-linear-gradient(top, rgba(139, 203, 71, 1) 0%, rgba(126, 180, 71, 1) 100%); background: linear-gradient(to bottom, rgba(139, 203, 71, 1) 0%, rgba(126, 180, 71, 1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#8bcb47', endColorstr='#7eb447', GradientType=0); border: 1px solid #679936; -webkit-box-shadow: inset 0 1px 0 0 #afdb7f, 0 1px 2px 0 #ccc; box-shadow: inset 0 1px 0 0 #afdb7f, 0 1px 2px 0 #ccc; color: #fff; } .button-object-full.iDont span.how-vote, .buttons-object-full.object-voted .button-object-full.iDont.active span.how-vote { background: rgb(249, 109, 111); background: -moz-linear-gradient(top, rgba(249, 109, 111, 1) 0%, rgba(239, 94, 96, 1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(249, 109, 111, 1)), color-stop(100%, rgba(239, 94, 96, 1))); background: -webkit-linear-gradient(top, rgba(249, 109, 111, 1) 0%, rgba(239, 94, 96, 1) 100%); background: -o-linear-gradient(top, rgba(249, 109, 111, 1) 0%, rgba(239, 94, 96, 1) 100%); background: -ms-linear-gradient(top, rgba(249, 109, 111, 1) 0%, rgba(239, 94, 96, 1) 100%); background: linear-gradient(to bottom, rgba(249, 109, 111, 1) 0%, rgba(239, 94, 96, 1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f96d6f', endColorstr='#ef5e60', GradientType=0); border: 1px solid #ba3a3b; -webkit-box-shadow: inset 0 1px 0 0 #fb999a, 0 1px 2px 0 #ccc; box-shadow: inset 0 1px 0 0 #fb999a, 0 1px 2px 0 #ccc; color: #fff; } .buttons-object-full.object-voted .button-object-full .how-like { color: #ACACAC; } .button-object-full .how-like, .buttons-object-full.object-voted .button-object-full:hover .how-like { font-size: 14px; background: rgb(254, 254, 254); background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZlZmVmZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmNmY2ZjYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, rgba(254, 254, 254, 1) 0%, rgba(246, 246, 246, 1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(254, 254, 254, 1)), color-stop(100%, rgba(246, 246, 246, 1))); background: -webkit-linear-gradient(top, rgba(254, 254, 254, 1) 0%, rgba(246, 246, 246, 1) 100%); background: -o-linear-gradient(top, rgba(254, 254, 254, 1) 0%, rgba(246, 246, 246, 1) 100%); background: -ms-linear-gradient(top, rgba(254, 254, 254, 1) 0%, rgba(246, 246, 246, 1) 100%); background: linear-gradient(to bottom, rgba(254, 254, 254, 1) 0%, rgba(246, 246, 246, 1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fefefe', endColorstr='#f6f6f6', GradientType=0); -webkit-box-shadow: inset 0 0 0 1px #fff, 0 1px 2px 0 #ddd; box-shadow: 0 0 0 1px #FFFFFF inset, 0 1px 2px 0 #ddd; border: 1px solid #b7b7b7; border-left: none; height: 28px; display: inline-block; padding: 0 12px; line-height: 26px; border-radius: 0 2px 2px 0; margin-left: 0; } .button-object-full .how-like > img { position: relative; top: 4px; height: 16px; width: 16px; } .button-object-full:hover .how-like { background: rgb(240, 240, 240); background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2YwZjBmMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZWZlZmUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, rgba(240, 240, 240, 1) 0%, rgba(254, 254, 254, 1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(240, 240, 240, 1)), color-stop(100%, rgba(254, 254, 254, 1))); background: -webkit-linear-gradient(top, rgba(240, 240, 240, 1) 0%, rgba(254, 254, 254, 1) 100%); background: -o-linear-gradient(top, rgba(240, 240, 240, 1) 0%, rgba(254, 254, 254, 1) 100%); background: -ms-linear-gradient(top, rgba(240, 240, 240, 1) 0%, rgba(254, 254, 254, 1) 100%); background: linear-gradient(to bottom, rgba(240, 240, 240, 1) 0%, rgba(254, 254, 254, 1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f0f0f0', endColorstr='#fefefe', GradientType=0); -webkit-box-shadow: inset 0 1px 2px 0 #ddd, 0 1px 2px 0 #eee; box-shadow: inset 0 1px 2px 0 #ddd, 0 1px 2px 0 #eee; } .button-object-full.iLikeIt:hover .how-like { border: 1px solid #679936; border-left: none; } .button-object-full.iLikeIt .how-like > img { margin-right: 7px; top: 3px; } .button-object-full.iLikeIt .how-like > .preloader { margin-right: 7px; top: -1px; } .button-object-full.iLikeIt .how-like > .preloader + img { display: none; } .button-object-full.iDont .how-like, .buttons-object-full.object-voted .button-object-full.iDont:hover .how-like { padding-right: 3px; } .button-object-full.iDont:hover .how-like { border: 1px solid #ba3a3b; border-left: none; } .buttons-object-full.object-voted .button-object-full { cursor: default; } .buttons-object-full.object-voted .button-object-full.pointer { cursor: pointer; } .buttons-object-full .remove-vote { font-size: 14px; font-weight: normal; } .sidebar-block .input-full-modal { width: 100%; } .modalBlock .tags-input-wrapper { margin-right: 55px; margin-top: 0; } .modalBlock .select_ajax-container { margin-top: 10px; max-width: 100%; } .modalBlock .tags-input-wrapper .select_ajax-container { width: 100%; margin-top: 0; } .modalBlock .title-small + .select_ajax-container { margin-top: 0; } .modalBlock input.select_ajax-input { height: 28px !important; } .modalBlock ul.select_ajax-choices li.select_ajax-search-choice { height: 24px !important; } .sidebar-block .select_ajax-container { margin: 0; width: 100%; } .sidebar-container .sidebar-title + .tags-block ul.tags { padding-top: 10px; } .sidebar-container #tags-edit-field-wrapper .select_ajax-container { margin: 10px 0 0 0; width: 100%; width: calc(100% - 20px); } .sidebar-container #tags-edit-field-wrapper .select_ajax-container .select_ajax-preloader.preloader { right: -20px; } .sidebar-container #tags-edit-field-wrapper #save-tags { position: absolute; right: 0; z-index: 9; top: 13px; } .sidebar-container #tags-edit-field-wrapper #save-tags .preloader { position: static; } .properties-block .select_ajax-choices { color: #555555; } /* Upload Image Preloader */ @-webkit-keyframes redactorPreloader { 0% { width: 0; } 100% { width: 90%; } } @keyframes redactorPreloader { 0% { width: 0; } 100% { width: 90%; } } #redactor-preloader { position: absolute; top: -1px; left: 0; right: 0; height: 2px; z-index: 50; } #redactor-preloader > span { display: block; width: 0; background: #07a0f0; height: 2px; -webkit-transition: width 300ms ease 0s; transition: width 300ms ease 0s; } #redactor-preloader > span.load { -webkit-animation: redactorPreloader 3s linear; animation: redactorPreloader 3s linear; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; } .redactor_box #redactor-preloader { top: 42px; } .allAgentContent.agentNotRequest .content-object-full .redactor_box #redactor-preloader { left: -60px; right: -40px; width: auto; } .leave-comment.comment-reply-to #redactor-preloader { top: -16px; } .allAgentContent .leave-comment.comment-reply-to #redactor-preloader { left: -20px; right: -20px; } .comment-edit-form .resizer-wrap #redactor-preloader { top: -11px; } .allAgentContent .comment-edit-form .resizer-wrap #redactor-preloader { left: -20px; right: -20px; } .allAgentContent .leave-comment #redactor-preloader { left: -30px; } /** * This Stylesheet will be used on frontend pages only. * * @module Feedback */ /* Topic Type: "Problem" */ .wrap-container .findAddObjects-problem .ico-small { border-color: #FFBFFF; } /* Topic Type: "Question" */ .wrap-container .findAddObjects-question .ico-small { border-color: #D5F8A7; } /* Topic Type: "Idea" */ .wrap-container .findAddObjects-idea .ico-small { border-color: #FFE7B6; } .wrap-container .findAddObjects-update .ico-small { border-color: #CBD4DB; } .object-full.findAddObjects-update .title-object-full h1 { margin-left: 0; } .updatesSettings label { text-align: center; float: left; width: 235px; height: 200px; } .updatesSettings label.lastLabel { margin-right: 0; } .updatesSettings label img { margin: 0 auto; display: block; padding-bottom: 10px; } .object-type-update .votes { width: 15px; } .object-type-update .with-ico { margin-left: 45px; } /******************************************************************************* Find Objects Form *******************************************************************************/ .findAddObjects-tabs #idea i.ico-small, .idea:not(.new-object) i.ico-small, #idea i.ico-small, .ico-small.iidea { background-image: url(/application/8.12.0/modules/feedback/assets/desktop/css/../images/icons/idea.png); } .findAddObjects-tabs #problem i.ico-small, .problem:not(.new-object) i.ico-small, #problem i.ico-small, .ico-small.iproblem { background-image: url(/application/8.12.0/modules/feedback/assets/desktop/css/../images/icons/problem.png) } .findAddObjects-tabs #question i.ico-small, .question:not(.new-object) i.ico-small, #question i.ico-small, .ico-small.iquestion { background-image: url(/application/8.12.0/modules/feedback/assets/desktop/css/../images/icons/question.png) } .iidea-white { background-image: url(/application/8.12.0/modules/feedback/assets/desktop/css/../images/icons/16/idea-white.png); } .iproblem-white { background-image: url(/application/8.12.0/modules/feedback/assets/desktop/css/../images/icons/16/problem-white.png); } .iquestion-white { background-image: url(/application/8.12.0/modules/feedback/assets/desktop/css/../images/icons/16/question-white.png); } .iidea-white-clean { background-image: url(/application/8.12.0/modules/feedback/assets/desktop/css/../images/icons/16/idea-white-clean.png); } .iproblem-white-clean { background-image: url(/application/8.12.0/modules/feedback/assets/desktop/css/../images/icons/16/problem-white-clean.png); } .iquestion-white-clean { background-image: url(/application/8.12.0/modules/feedback/assets/desktop/css/../images/icons/16/question-white-clean.png); } .findAddObjects-block.findAddObjects-problem .findAddObjects-tabs > a.active, .findAddObjects-block.findAddObjects-problem .findAddObjects-input { background: #FFE8FA; } .findAddObjects-block.findAddObjects-question .findAddObjects-tabs > a.active, .findAddObjects-block.findAddObjects-question .findAddObjects-input { background: #EBFFCC; } /******************************************************************************* Topics list *******************************************************************************/ h2.title-object.problem { background: #ffe8fa; border: 1px solid #ffbfff; } h2.title-object.idea { background: #fff6ca; border: 1px solid #ffe7b6; } h2.title-object.question { background: #ebffcc; border: 1px solid #d5f8a7; } h2.title-block.topics-dont-group { background: none; border: none; border-bottom: 2px solid #d9d9d9; border-radius: 0; position: relative; cursor: default; } h2.title-block.topics-dont-group > a, h2.title-block.topics-dont-group > span.as-link { padding-left: 0; display: inline-block; } h2.title-block.topics-dont-group .filters { margin-top: 5px; } h2.title-block.topics-dont-group .subscribe-link.via-rss { top: -1px; margin-left: 10px; display: inline; padding-left: 22px; position: relative; left: -1px; vertical-align: top; } h2.title-block.topics-dont-group .objects-filter { float: right; padding: 0; margin: 1px 0 0; position: absolute; top: 0; right: 0; } .topics-dont-group + .objects .result-not-found { margin: 0; border-top: none; border-bottom: 2px solid #d9d9d9; } .objects .object .all-votes .preloader { margin-top: 5px; margin-right: 22px; } .widgetContainer .objects-filter .subscribe-link.via-rss { text-decoration: none; margin-left: 5px; } /******************************************************************************* New Topic *******************************************************************************/ /*.new-object { padding-top: 20px; border-radius: 3px; max-width: 640px; margin: 0 auto; } #col-title { font-size: 12px; color: #acacac; position: absolute; right: 5px; bottom: 49px; }*/ /*.new-object-content { margin-bottom: 20px; }*/ /*.new-object > input { margin-left: 0; margin-bottom: 15px; } .new-object #submit_guest_link + label { display: inline-block; margin-left: 5px; position: relative; } .new-object p { margin-bottom: 7px; margin-top: 0; } .new-object .title-with-types { padding: 1px 5px 1px 1px; background: #ffffff; border: 1px solid #cfcfcf; border-radius: 2px; font-size: 18px; height: 42px; display: table; width: 100%; -webkit-box-shadow: 0 1px 0 0 #f0f0f0 inset; box-shadow: 0 1px 0 0 #f0f0f0 inset; position: relative; } .new-object .add-object-type { display: table-cell; width: 1%; vertical-align: middle; position: relative; }*/ .new-object .add-object-type #change-object-slug { right: auto; left: -22px; bottom: 11px; } .new-object select#add-object-type { visibility: hidden; } .new-object .add-object-type .filter-select.error .filter-select-text { background: #e53939 !important; } .new-object .add-object-type .filter-select-text { background: #555555; } .new-object .add-object-type .filter-select-text:hover { background: #666666; } .new-object.problem .add-object-type .filter-select .filter-select-text, .new-object.problem .add-object-type .filter-select.opened .filter-select-text { background: #fb5144; } .new-object.problem .add-object-type .filter-select .filter-select-text:hover { background: #ff5825; } .new-object.idea .add-object-type .filter-select .filter-select-text, .new-object.idea .add-object-type .filter-select.opened .filter-select-text { background: #ffa700; } .new-object.idea .add-object-type .filter-select .filter-select-text:hover { background: #ffb00f; } .new-object.question .add-object-type .filter-select .filter-select-text, .new-object.question .add-object-type .filter-select.opened .filter-select-text { background: #61bf28; } .new-object.question .add-object-type .filter-select .filter-select-text:hover { background: #8ccc47; } #submit_topic { margin-top: 20px; } .wrap-container .anonymous-block .select_ajax-container { display: block; margin: 10px 0 0 0; } .wrap-container .anonymous-block .select_ajax-search-choice-close { width: 18px; } .wrap-container .anonymous-block .select_ajax-container-multi .select_ajax-choices .select_ajax-search-choice { line-height: 19px; margin-top: 2px; } .wrap-container .anonymous-block .select_ajax-container-multi .select_ajax-choices .select_ajax-search-field input { padding: 4px 5px; } .anonymous-block .g-recaptcha { margin-top: 20px; } .anonymous-block .g-recaptcha > div { margin: 0 auto; } .captcha { position: relative; width: 1%; } .captcha label { color: #555; font-size: 14px; } .captcha-img { position: absolute; bottom: 0; left: 1px; height: 28px; -webkit-box-shadow: inset 0 1px 0 0 #f5f5f5; box-shadow: inset 0 1px 0 0 #f5f5f5; background: #ebebeb; border: 1px solid #9F9F9F; padding-right: 10px; border-radius: 2px 0 0 2px; } .anonymous-block input { height: 28px; width: 100%; color: #acacac; } .captcha-input-block { position: relative; } .captcha-input-block > input { width: 40px; margin-left: 85px; } .captcha-img.filter-active > span { position: relative; bottom: 7px; } .new-object-preloader { position: relative; } .new-object-preloader .preloader { position: absolute; display: block; left: -23px; top: 8px; background-color: #ffffff; } /******************************************************************************* Votes *******************************************************************************/ .object:hover .votes { display: none; } .object:hover .button-block, .object:hover .vote-add-like, .object:hover .vote, .object:hover .remove-vote, .object:hover .author-vote { display: block; } .all-votes { height: 45px; float: right; margin-right: 10px; margin-top: 3px; } .votes { color: #acacac; font-size: 12px; text-align: center; width: 60px; cursor: default; } .votes.floatRight > span { display: block; margin-top: -1px; } .votes .votes-counter { color: #000; font-size: 16px; font-weight: 600; margin-top: -1px; } .votes .votes-counter i.idoublecheck { background-image: none !important; cursor: default; } .votes.floatRight > span img { width: 12px; height: 12px; } .vote { display: none; -webkit-box-shadow: 0 0 2px 0 #ddd; box-shadow: 0 0 2px 0 #ddd; } .vote-add-like.disactive { cursor: pointer; } .vote-add-like.disactive:hover { -webkit-box-shadow: inset 0 1px 2px 0 #ddd, 0 1px 2px 0 #eee; box-shadow: inset 0 1px 2px 0 #ddd, 0 1px 2px 0 #eee; } .vote-add-like.author-vote, .vote-add-like.author-vote:hover { cursor: default; -webkit-box-shadow: 0 0 2px 0 #ddd; box-shadow: 0 0 2px 0 #ddd; } .remove-vote { text-align: center; font-size: 12px; text-decoration: none; color: #555; font-weight: bold; margin-top: 5px; } .remove-vote:hover { color: #0072BC; } .remove-vote span { display: block; } .vote-neg, .vote-pos { background: rgb(254, 254, 254); border: 1px solid #b7b7b7; border-radius: 2px; background: none; -webkit-box-shadow: inset 0 0 0 1px #fff; box-shadow: 0 0 0 1px #FFFFFF inset; cursor: pointer; float: left; height: 28px; text-indent: -5000px; width: 32px; } .vote-neg:hover, .vote-pos:hover { -webkit-box-shadow: inset 0 1px 2px 0 #ddd, 0 1px 2px 0 #eee; box-shadow: inset 0 1px 2px 0 #ddd, 0 1px 2px 0 #eee; } .vote.voted a { border: 1px solid #CCCCCC; } .author-vote.vote-pos { cursor: default; -webkit-box-shadow: inset 0 0 0 1px #fff; box-shadow: 0 0 0 1px #FFFFFF inset; } .vote-neg.disactive, .vote-pos.disactive { -webkit-box-shadow: inset 0 0 0 1px #fff; box-shadow: 0 0 0 1px #FFFFFF inset; cursor: default; } .remove-vote-block .remove-vote { display: none; } /******************************************************************************* Filters *******************************************************************************/ .categories-filter { display: inline-block; vertical-align: top; margin-left: 10px; } /******************************************************************************* Full Topic *******************************************************************************/ /* Colors */ .object-full.problem { background: #FFE8FA; border: 1px solid #FFBFFF; } .object-full.idea { background: #fff6ca; border: 1px solid #ffe7b6; } .object-full.question { background: #ebffcc; border: 1px solid #D5F8A7; } .idea .title-object-full { background: #fff4b2; border-bottom: 1px solid #ffe7b6; } .problem .title-object-full { background: #FFD1F5; border-bottom: 1px solid #FFBFFF; } .question .title-object-full { background: #E2FFB2; border-bottom: 1px solid #D5F8A7; } .idea .files-object-full { border: 1px solid #ffe7b6; } .problem .files-object-full { border: 1px solid #FFBFFF; } .question .files-object-full { border: 1px solid #D5F8A7; } .idea .merged-objects { border: 1px solid #ffe7b6; } .idea .merged-objects .merged-objects-block { border-top: 1px solid #ffe7b6; } .idea .moderation-links { background: #fff4b2; border-top: 1px solid #ffe7b6; } .problem .merged-objects { border: 1px solid #FFBFFF; } .problem .merged-objects .merged-objects-block { border-top: 1px solid #FFBFFF; } .problem .moderation-links { background: #FFD1F5; border-top: 1px solid #FFBFFF; } .question .merged-objects { border: 1px solid #D5F8A7; } .question .merged-objects .merged-objects-block { border-top: 1px solid #D5F8A7; } .question .moderation-links { background: #E2FFB2; border-top: 1px solid #D5F8A7; } .object-full .moderation-links .preloader { color: inherit !important; background-image: none !important; -webkit-mask: none; mask: none; } /* Content */ .object-full { border-radius: 3px; } .title-object-full { position: relative; min-height: 55px; border-radius: 4px 4px 0 0; display: table; width: 100%; } .title-object-full > div { display: table-cell; vertical-align: top; } .object-full-statuses { width: 1%; white-space: nowrap; } .object-full h1 { border: none; padding: 10px 0 7px 20px; font-size: 20px; font-weight: normal; line-height: 25px; margin-bottom: 0; } .title-object-full .full-object-status { position: relative; height: 30px; line-height: 30px; right: -6px; top: 13px; padding-left: 7px; padding-right: 15px; margin-left: 15px; } .full-object-status.preloader-status { right: 0; top: 17px; } .title-object-full .full-object-status .ico-small { margin-right: 5px; margin-bottom: 3px; } .title-object-full .full-object-status .arrow { width: 0; height: 0; border: 15px solid transparent; color: rgba(0, 0, 0, 0); position: absolute; right: 100%; outline: none; } .title-object-full .full-object-status .corner { border-color: #D1D1D1 #FFFFFF #FFFFFF #D1D1D1; border-width: 5px 5px 0 0; border-style: solid; width: 0; height: 0; position: absolute; right: 0; bottom: -5px; } .title-object-full .full-object-status .can-manage:hover { cursor: pointer; } .change-status { background: #fff; color: #000; position: absolute; right: 0; width: auto; border: 1px solid #cdcdcd; font-weight: normal; z-index: 9999; } .change-status li { white-space: nowrap; } .change-status ul { padding: 10px 15px 5px 25px; font-size: 12px; line-height: 20px; margin-top: -5px; } .change-status li a { font-size: 12px; text-decoration: none; } .change-status li a:hover, .full-object-status span.can-manage:hover { text-decoration: underline; } @media only screen and (max-width: 480px) { .button-object-full { white-space: nowrap; } } .buttons-object-full { margin: 20px 0; padding: 0 20px; min-height: 20px; line-height: 28px; } .object-full .moderation-links .buttons-object-full { margin: 5px 0; padding: 0; } .buttons-object-full .topic_subscribe { margin-top: 2px; } .buttons-object-full .subscribe-link { margin-left: 10px; } .buttons-object-full .subscribe-link.via-rss, .buttons-object-full .subscribe-link.report-abuse { padding: 0; width: 16px; height: 16px; display: block; position: relative; top: 6px; } .buttons-object-full .subscribe-link.via-rss { top: 4px; } .merged-objects { margin: 20px; border-radius: 3px; background: #ffffff; } .merged-objects h3 { padding: 12px; font-size: 14px; } .merged-objects .merged-objects-block { padding: 10px 15px; } .merged-objects-block h4 { font-weight: normal; } .merged-objects-block a { text-decoration: none; } .merged-objects-block a.delete { margin-right: -2px; } .merged-objects-block h4:hover a { text-decoration: underline; } .merged-objects-block .text { color: #555; display: none; margin-top: 5px; } .merged-objects-block .text ul, .merged-objects-block .text ol { margin-left: 25px; } .merged-objects-block .whos { float: right; text-align: right; font-size: 12px; margin-left: 15px; display: none; } .merged-objects-block .whos > p { margin-bottom: 4px; } .merged-objects-block .whos span { color: #acacac; } .merged-objects-block .whos a.ico-small { opacity: 0.3; position: relative; top: -1px; margin-left: 5px; } .merged-objects-block .whos a.ico-small:hover { opacity: 1; } /* Merger Spoiler */ .spoiler-container { overflow: hidden; } .spoiler-container .spoiler-block { background-color: #FAFAFA; border: 1px dotted #B7B7B7; list-style: none; margin-left: 0; text-decoration: none; } .spoiler-title { color: #004D99; cursor: pointer; display: block; } .spoiler-container .spoiler-block li:not(.spoiler-title) { padding: 0 10px 10px 15px; margin-top: -5px; } /* Assigned Agents */ .assigned-agents-block { background: #f7f7f7; padding: 20px 20px 5px 20px; } .assigned-agents-block img { float: left; display: block; margin-right: 10px; } .assigned-agents-block .employee-info { margin-left: 60px; } .assigned-agents-block .employee-info div, .employees-involved .employee-info a { display: block; color: #acacac; } .assigned-agents-block .employee-info .employee-name a { color: #000; line-height: 12px; text-decoration: none; } .assigned-agents-block .employee-info .employee-role { margin-top: 1px; margin-bottom: 2px; } .assigned-agents-block .employee-info .employee-responsible { display: inline; color: #fff; padding: 0 6px 1px 6px; font-size: 11px; } /******************************************************************************* Mass Edit *******************************************************************************/ .mass-edit .links-mass-edit a.object_lock_comments.unlock, .mass-edit .links-mass-edit a { background-image: none; } /******************************************************************************* Category widget *******************************************************************************/ .objects.categories-widget .content-object { display: inline-block; margin-bottom: 0; } .objects.categories-widget .object { padding: 10px 0; border-top: 1px dotted #D9D9D9; border-bottom: none; min-height: 0; } .objects.categories-widget .object:first-child { border-top: none; } .objects.categories-widget .object:hover { background: inherit; } .objects.categories-widget .object .object-icons i { margin-top: 3px; } .objects.categories-widget .content-object > a { display: table; text-decoration: none; line-height: 17px; } .objects.categories-widget .content-object > a:hover { text-decoration: underline; } .objects.categories-widget .content-object a.category-name { color: #555; font-weight: bold; } .objects.categories-widget .categories-count { float: right; padding-right: 10px; } .assigned-agents-user-group { margin: 10px 0 5px 0; } .assigned-agents-user-group label { font-weight: bold; color: #555555; } .resizer-wrap.error { border: 1px solid #e53939; } .members-area.options-button .list-options .updates .badge, .filter-select-list li[data-value="unread"] span { z-index: 1000; float: right; padding: 0 5px; border: none; line-height: 18px; background-color: #3D5368; color: #ffffff; border-radius: 5px; font-size: 12px; font-weight: normal; text-align: center; text-shadow: none; } .members-area.options-button .list-options .updates .badge { background-color: #efefef; color: #343a3f; margin-right: -7px; } /* Single Sign-on */ .auth-form .sso-form-ldaplogin .modalScrollable .rollbar-content { margin-bottom: 70px; } .auth-form div:first-child .sso-form-ldaplogin .modalScrollable .rollbar-content { margin-bottom: 10px; } .isso { background-image: url(/application/8.12.0/modules/sso/assets/desktop/css/../images/sso.png); } .social-login a.sso-button { background: #3c4e5b; color: #ffffff; font-size: 14px; font-weight: bold; line-height: 17px; padding: 10px 6px; text-decoration: none; top: 0; width: 37px; vertical-align: top; text-align: center; } .social-login a.sso-button.with-logo { background: none; padding: 0; } i.clarification.preloader { margin-top: 5px; } a.direct-connect { /*margin-top: 5px;*/ } .modalFull .auth-form .direct-connect { color: #555555; display: inline-block; float: right; font-size: 16px; margin-top: 3px; text-decoration: none; } /** * This Stylesheet will be used on frontend pages only. * * @module Announcements */ .new-announcement p { margin-bottom: 7px; margin-top: 0; } .new-announcement-title { margin-bottom: 20px; position: relative; } .new-announcement-title input { border-radius: 2px; display: table-cell; height: 32px; padding-right: 10px; width: 100%; } .new-announcement-content { margin-bottom: 20px; } #col-title { bottom: 40px; color: #ACACAC; font-size: 12px; position: absolute; right: 5px; } .object-full.announcement { background: #F7F7F7; border: 1px solid #EBEBEB; border-radius: 3px; } .title-object-full { position: relative; min-height: 55px; border-radius: 4px 4px 0 0; display: table; width: 100%; } .title-object-full > div { display: table-cell; vertical-align: top; } .object-full-statuses { width: 1%; white-space: nowrap; } .announcement .title-object-full { background: #F1F1F1; border-bottom: 1px solid #EBEBEB; position: relative; min-height: 55px; border-radius: 4px 4px 0 0; } .object-full h1 { border: none; padding: 10px 0 7px 20px; font-size: 20px; font-weight: normal; line-height: 25px; margin-bottom: 0; } .title-object-full .full-object-status { position: relative; height: 30px; line-height: 30px; right: -6px; top: 13px; padding-left: 7px; padding-right: 15px; margin-left: 15px; } .announcement .title-object-full .full-object-status { margin-left: 0; } .announcement .content-object-full img { cursor: default; } .object-full.announcement .spoiler-content p { margin-bottom: 5px; } .announcement .moderation-links, .announcement .anonymous-block { background: #F1F1F1; border-top: 1px solid #EBEBEB; } .moderation-links { min-height: 40px; padding: 6px 20px; } div.object-full.announcement .files-object-full { margin: 20px; } .announcement-ico-small, .ico-small.iannouncement, .live-search-object.announcement .ico-small, .object-icon-block.announcement i.ico-small { background-image: url(/application/8.12.0/modules/announcements/assets/desktop/css/../images/icon_small.png); } /* Right */ .list-marker.announcement-previous-block ul { padding-left: 0; } .list-marker.announcement-previous-block li { list-style: none; background: url(/application/8.12.0/modules/announcements/assets/desktop/css/../images/icon_small.png) no-repeat 0 12px; padding-left: 25px; } .list-marker.announcement-previous-block li:first-child { background-position: 0 2px; } .list-marker.announcement-previous-block li:before { display: none; } .object-users-block { padding-top: 13px; background: #f7f7f7; border: 1px solid #ebebeb; margin-bottom: 10px; padding-bottom: 15px; } .object-users-block > .subscribe-block { padding: 15px 20px 0 20px; } /* Widget styles */ .announcements-title { padding: 12px 20px; background: #eefefb; border: 1px solid #0fa800; color: #000; font-size: 16px; text-align: left; display: table; position: relative; width: 100%; } .announcements-title > span, .announcements-title > a { display: table-cell; } .announcements-title a.subscribe-link.via-rss { padding-left: 16px; margin-right: 10px; top: -3px; } .announcements-title span { width: 5%; white-space: nowrap; } .announcements-title a { padding-left: 7px; } .announcements-title a, .announcements a { font-weight: normal; text-decoration: none; } .announcements-title a:hover, .announcements a:hover { font-weight: normal; text-decoration: underline; } .announcements { padding: 10px 20px 0 20px; } .announcements table { width: 100%; } .announcements td { border-top: 1px dotted #d9d9d9; padding: 10px 0; } .announcements tr:first-child td { border-top: none; } tr.announcement .ico-small { background-image: url(/application/8.12.0/modules/announcements/assets/desktop/css/../images/icon_small.png); } .full-object-status .subscribe { margin-top: 3px; margin-right: 5px; } .title-object-full .subscribe-link { margin-left: 10px; } .title-object-full .subscribe-link.via-rss { padding: 0; width: 16px; height: 16px; display: inline-block; position: relative; top: 7px; margin-left: 0; } .poll-buttons-panel .objects-filter { margin-left: 0; } .modalContent .poll-buttons-panel .objects-filter { margin-left: 20px; margin-bottom: 5px; } #chart { list-style: none; margin-top: 4px; 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: 10px; } #chart li .bar { min-width: 5px; display: inline-block; border-radius: 2px 0 0 2px; border-bottom: 1px solid #ccc; background: #ffb243; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmYjI0MyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmExMzciIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #ffb243 0%, #ffa137 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffb243), color-stop(100%,#ffa137)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #ffb243 0%,#ffa137 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #ffb243 0%,#ffa137 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #ffb243 0%,#ffa137 100%); /* IE10+ */ background: linear-gradient(to bottom, #ffb243 0%,#ffa137 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffb243', endColorstr='#ffa137',GradientType=0 ); /* IE6-8 */ } #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; padding-top: 5px; } div.poll-results-content li:first-child .bar_txt { padding-top: 0; } .bar-result { position: absolute; text-align: center; width: 100%; } .poll-results-content { border-bottom: 1px solid #d9d9d9; padding-bottom: 15px; display: block; } .modalContent .poll-results-content { margin-left: 20px; } .poll-count-users { color: #acacac; } .poll-count-users:hover { text-decoration: none !important; color: #acacac !important; } .objects-filter > span.poll-count-users { float: none; font-size: 12px; } #view_result_link { float: right; } .poll-left-block { display: block; float: left; margin-bottom: 13px; margin-right: 13px; width: 345px; } /* Featured */ .toggle-featured i.ico-small { position: relative; top: -2px; } /* Modal */ .modalBlock.topic-selector { padding-bottom: 10px; } .allAgentContent #polls-table.objects-table.padding-small td { padding-top: 10px; padding-bottom: 10px; } .poll_header { background: url(/application/8.12.0/modules/polls/assets/desktop/css/../images/icon_small.png) no-repeat 0 9px; padding-left: 25px; padding-bottom: 10px; padding-top: 9px; border-bottom: 1px solid #d9d9d9; overflow: hidden; } .poll-ico-small { background-image: url(/application/8.12.0/modules/polls/assets/desktop/css/../images/icon_small.png); } #poll_container .poll_header h3 { font-size: 16px; color: black; font-weight: normal; margin: 0; } .poll-title { color: #000000; font-size: 16px; font-weight: normal; text-decoration: none; } .plus { float: left; } .poll_submit { margin-top: 20px; } .poll_submit a:hover { text-decoration: underline; } .poll_submit a#poll_cancel { margin-left: 10px; } .variants { overflow: hidden; color: #555; padding-bottom: 4px; border-bottom: 1px solid #d9d9d9; } .polls-form-poll .variants ul { list-style: none; margin-left: 20px; margin-bottom: 0; margin-top: 9px; } .variants ul li { margin-bottom: 10px; } .variants label input { position: relative; top: 1px; margin-right: 5px; } .poll-buttons { overflow: hidden; display: block; padding: 3px 0; color: #222222; } .poll-buttons input { float: left; margin: 2px 8px 0px 2px; display: inline; } .poll-buttons span { float: left; display: inline; } .poll-buttons-panel { clear: left; overflow: hidden; } .poll-buttons-panel .moderation-links { margin-right: 5px; } .poll-buttons-panel .poll-vote-submit { float: left; } .poll-buttons-panel .objects-filter { margin-left: 0; } .modalContent .poll-buttons-panel .objects-filter { margin-left: 20px; } .poll-vote-submit { margin-top: 10px; margin-bottom: 10px; } .poll-vote-submit a, .poll-back a { text-decoration: none; color: #52A3CC; } .poll-vote-submit a:hover, .poll-back a:hover { text-decoration: underline; } .poll-view-results { margin-top: -2px; } .poll-buttons-panel .poll-view-results { float: right; } .poll-buttons-panel .poll-back { float: left; margin-left: 40px; margin-top: 2px; margin-right: 4px; } .poll-users-participated { color: #50574f; text-align: right; float: right; margin-top: -2px; } .objects-filter.buttons { margin-top: -35px; margin-bottom: 20px; } .widgetContainer .objects-filter.buttons { margin-bottom: 50px; } /* Icons */ .kb-faq-small, .kb-list ul li a.kb-faq-small, .kb-list.all-faqs h2, tr.faq .ico-small, .kb-right .list-marker.faq-list li:not(.is_private), .kb-faq-ico-small, .ico-small.ifaq, .live-search-object.faq i.ico-small, .object-icon-block.faq i.ico-small { background-image: url(/application/8.12.0/modules/knowledge-base/assets/desktop/css/../images/icons/16/faq.png); } .kb-article-small { background-image: url(/application/8.12.0/modules/knowledge-base/assets/desktop/css/../images/icons/16/icon_small.png); } tr.article .ico-small, .kb-article-ico-small, .ico-small.iarticle, .live-search-object.article i.ico-small, .object-icon-block.article i.ico-small { background-image: url(/application/8.12.0/modules/knowledge-base/assets/desktop/css/../images/icons/16/article.png); } .kb-list.all-articles h2 { background-image: url(/application/8.12.0/modules/knowledge-base/assets/desktop/css/../images/icons/16/category_default.png); } .cleanTheme .title-users .ivoteHappy { background-image: url(/application/8.12.0/modules/knowledge-base/assets/desktop/css/../images/icons/24/kb-happy.png); } .cleanTheme .title-users .ivoteConfused { background-image: url(/application/8.12.0/modules/knowledge-base/assets/desktop/css/../images/icons/24/kb-neutral.png); } .cleanTheme .title-users .ivoteSad { background-image: url(/application/8.12.0/modules/knowledge-base/assets/desktop/css/../images/icons/24/kb-sad.png); } /* Index Page */ .help-center-title { font-size: 24px; text-align: center; margin-top: 20px; } /* Category with list */ .kb-list { margin-top: 20px; } .kb-list:first-child { margin-top: 0; } .homepage.knowledge_base .kb-list.all-articles:first-child, .homepage.knowledge_base .kb-list.all-faqs:first-child { margin-top: 10px; } .kb-list h2 { font-size: 20px; color: #555; font-weight: bold; border-bottom: 1px dotted #e5e5e5; padding: 9px 0 9px 25px; background-repeat: no-repeat; background-position: left center; margin-bottom: 5px; } .kb-list h2.kb-faq { background-image: url(/application/8.12.0/modules/knowledge-base/assets/desktop/css/../images/icons/24/faq.png); } .kb-list ul { list-style: none; } .kb-list ul li { margin: 5px 1% 5px 0; width: 48%; display: inline-block; position: relative; } .knowledge_base_objects ul li:after { content: ""; position: absolute; right: 0; top: 0; bottom: 0; width: 30px; background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1) 80%); background: -moz-linear-gradient(left, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1) 80%); background: -o-linear-gradient(left, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1) 80%); background: linear-gradient(to right, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1) 80%); } .kb-list ul li a { background: url(/application/8.12.0/modules/knowledge-base/assets/desktop/css/../images/icons/16/article.png) 0 center no-repeat; padding-left: 25px; color: #555; text-decoration: none; overflow: hidden; white-space: nowrap; display: block; text-overflow: ellipsis; } .kb-list ul li a:hover { color: #0072bc; text-decoration: underline; } .all-faqs.kb-list ul li a { background: none; } .all-faqs.kb-list .kb-list-subcategory ul li a { padding-left: 0; } .all-faqs.kb-list .kb-list-subcategories { margin-left: 26px; } .kb-list ul ~ .kb-list-subcategories { margin-top: 10px; } .kb-list-subcategories { margin-bottom: -20px; } .kb-list-subcategories .kb-list-subcategory { width: 45%; margin-bottom: 20px; display: inline-block; vertical-align: top; } .kb-list-subcategories .kb-list-subcategory:nth-child(odd) { margin-right: 5%; } .kb-list .kb-list-subcategories .kb-list-subcategory li { margin: 7px 0; width: 100%; display: block; } .kb-list .kb-list-subcategory-name { padding: 9px 0; border-bottom: 1px dotted #e5e5e5; margin-bottom: 10px; } .kb-list .kb-list-subcategory-name a { color: #003F69; font-weight: 600; text-decoration: none; } .kb-list .kb-list-see-all { padding-left: 25px; margin-top: 5px; } .kb-list .kb-list-subcategories .kb-list-see-all { margin-top: 10px; } .kb-list .kb-list-see-all a { color: #0072bc; text-decoration: none; } /* Search */ .knowledge-base-search { width: 600px; display: table; margin: 40px auto; } /* Featured Articles */ .featured-index-kb[data-style="1"] { margin-top: 35px; margin-bottom: 30px; position: relative; border-top: 5px solid #7eb247; border-left: 1px solid #dedede; border-right: 1px solid #dedede; background: url(/application/8.12.0/modules/knowledge-base/assets/desktop/css/../images/kb-main-articles-repeat.png) repeat-x bottom #f9f9f9; padding: 35px 10px; } .featured-index-kb[data-style="1"]:before { position: absolute; content: ''; left: -1px; bottom: 0; background: url(/application/8.12.0/modules/knowledge-base/assets/desktop/css/../images/kb-main-articles-left.png) no-repeat bottom #fff; width: 8px; height: 10px; } .featured-index-kb[data-style="1"]:after { position: absolute; content: ''; right: -1px; bottom: 0; background: url(/application/8.12.0/modules/knowledge-base/assets/desktop/css/../images/kb-main-articles-right.png) no-repeat bottom #fff; width: 8px; height: 10px; } .featured-index-kb.kb-list ul { font-size: 0; } .featured-index-kb.kb-list ul li { margin: 0; padding: 10px 0 10px 20px; width: 50%; border-bottom: 1px dotted #bfbfbf; } .featured-index-kb.kb-list ul li:nth-child(even) { padding-left: 25px; } .featured-index-kb.kb-list ul li.last-row { border-bottom: none; padding-bottom: 0; } .featured-index-kb.kb-list ul li:after { background: -webkit-linear-gradient(left, rgba(249, 249, 249, 0), rgba(249, 249, 249, 1) 80%); background: -moz-linear-gradient(left, rgba(249, 249, 249, 0), rgba(249, 249, 249, 1) 80%); background: -o-linear-gradient(left, rgba(249, 249, 249, 0), rgba(249, 249, 249, 1) 80%); background: linear-gradient(to right, rgba(249, 249, 249, 0), rgba(249, 249, 249, 1) 80%) } .featured-index-kb .kb-block-image { background: #ffffff; top: -41px; } .kb-block-image { position: absolute; width: 74px; height: 74px; top: -37px; background: #f4f4f4; border: 1px solid #e4e4e4; border-radius: 37px; padding: 19px; left: 50%; margin-left: -37px; } .knowledge-base-categories li > a:hover .kb-block-image { background: #eff9f9; } .kb-block-image img { max-width: 32px; max-height: 32px; } /*.widgetContainer .featured-index-kb[data-style="1"] { margin-top: 50px; } .mainArea .widgetContainer:first-child .featured-index-kb[data-style="1"] { margin-top: 0; } .featured-index-kb[data-style="1"] { max-width: 900px; margin: 0 auto; } .featured-index-kb[data-style="1"] .title-small { text-align: center; font-size: 18px; font-weight: normal; } .featured-index-kb[data-style="1"] ul { border-top: 1px solid #bcc4cc; border-bottom: 1px solid #bcc4cc; padding-top: 15px; padding-bottom: 10px; margin-top: 10px; } .featured-index-kb.kb-list[data-style="1"] ul li { border: none; border-left: 2px solid #6f129f; padding: 0; margin-bottom: 13px; } .featured-index-kb.kb-list[data-style="1"] ul li a { background: none; padding: 0 15px; text-decoration: none; color: #555; font-size: 16px; } .featured-index-kb.kb-list[data-style="1"] ul li a:hover { color: #0072bc; } .featured-index-kb.kb-list[data-style="1"] ul li:nth-child(6n-4) { border-left-color: #9f1253; } .featured-index-kb.kb-list[data-style="1"] ul li:nth-child(6n-3) { border-left-color: #da7c0f; } .featured-index-kb.kb-list[data-style="1"] ul li:nth-child(6n-2) { border-left-color: #1b9000; } .featured-index-kb.kb-list[data-style="1"] ul li:nth-child(6n-1) { border-left-color: #9ed238; } .featured-index-kb.kb-list[data-style="1"] ul li:nth-child(6n) { border-left-color: #57abe1; }*/ /* Frequently Asked Questions */ .faq-index-kb { margin-top: 35px; } .faq-index-kb h2 { font-size: 18px; color: #000; text-align: center; font-weight: 600; margin-bottom: 10px; } .faq-index-kb .faq-lists { border-top: 2px solid #f2c367; padding: 10px; } .faq-index-kb .faq-lists ul { width: 50%; display: inline-block; vertical-align: top; font-size: 12px; padding-left: 30px; } .faq-index-kb .faq-lists li { padding: 5px 0 5px 5px; } .faq-index-kb .faq-lists li a { text-decoration: none; color: #555555; } /******************************************************************************* All Articles *******************************************************************************/ /* RightArea*/ .rightarea.kb-right { border: none; background: none; } .rightarea.kb-right .kb-articles-list { background: #F7F7F7; border: 1px solid #EBEBEB; border-radius: 3px; } .sidebar-title-small.faq .ico-small { background-image: url(/application/8.12.0/modules/knowledge-base/assets/desktop/css/../images/icons/16/faq.png); } .sidebar-title-small.kb .ico-small { background-image: url(/application/8.12.0/modules/knowledge-base/assets/desktop/css/../images/icons/16/icon_small.png); } .kb-list.all-articles h2, .kb-list.all-faqs h2, .kb-list.all-articles h2 a, .kb-list.all-faqs h2 a { color: #005186; font-size: 16px; font-weight: 600; text-decoration: none; } .kb-list.all-articles h2 .subscribe-link, .kb-list.all-faqs h2 .subscribe-link, .kb-list .kb-list-subcategory-name .subscribe-link { margin-left: 10px; } .kb-list.all-articles .mainArea-title { margin-left: 0; border-bottom: 1px dotted #e5e5e5; padding-bottom: 7px; margin-bottom: 5px; } .kb-list.all-articles .mainArea-title:first-child { margin-top: 0; } /******************************************************************************* Full Article *******************************************************************************/ /* Right Area */ .rightarea.kb-right { border: none; background: none; } /* Title */ .full-article-title-wrapper { position: relative; line-height: 25px; display: table; width: 100%; } .full-article-title-wrapper .full-article-title { display: table-cell; } .full-article-title-wrapper > .private-icon, .full-article-title-wrapper > .subscribe { display: table-cell; width: 1%; white-space: nowrap; vertical-align: top; } .full-article-title-wrapper > .private-icon { padding-left: 10px; padding-right: 10px; } .full-article-title-wrapper > .private-icon .iprivate { position: relative; top: 8px; } .full-article-title-wrapper > .subscribe { position: relative; top: 1px; } /* Categories */ .kb-right-categories { background: #F7F7F7; border: 1px solid #EBEBEB; border-radius: 3px; margin-bottom: 10px; } .rightarea .subcategory-item { padding-left: 15px; } .kb-right .list-marker ul { padding-left: 0; } .kb-right .list-marker li { list-style: none; background: url(/application/8.12.0/modules/knowledge-base/assets/desktop/css/../images/icons/article.png) no-repeat 0 12px; padding-left: 25px; word-wrap: break-word; } .kb-right .list-marker li:first-child { background-position: 0 2px; } .kb-right .list-marker li:before { display: none; } /* Content Article */ .full-article { position: relative; padding-bottom: 30px; margin-bottom: 15px; } .full-article h1 { margin-bottom: 0; border-bottom: none; padding-top: 0; font-weight: 600; padding-right: 15px; } .full-article h2 { font-size: 20px; } .full-article h3 { font-size: 18px; } .full-article h4 { font-size: 16px; } .article-separator { height: 10px; background: url(/application/8.12.0/modules/knowledge-base/assets/desktop/css/../images/article-separator-left.png) no-repeat, url(/application/8.12.0/modules/knowledge-base/assets/desktop/css/../images/article-separator-right.png) 100% 0 no-repeat; margin-bottom: 20px; } .article-separator-repeat { margin: 0 70px 0 40px; height: 10px; background: url(/application/8.12.0/modules/knowledge-base/assets/desktop/css/../images/article-separator-repeat.png) repeat-x; } .article-content { line-height: 1.5em; word-wrap: break-word; } .article-content p { margin-bottom: 15px; } .article-content img { max-width: 100%; } .article-content ul, .article-content ol { padding-left: 30px; margin-bottom: 10px; } .article-content li { margin-top: 5px; } .article-content li:first-child { margin-top: 0; } .article-content h2, .article-content h3, .article-content h4 { margin: 30px 0 15px 0; color: #000000; } .article-content h2:first-child, .article-content h3:first-child, .article-content h4:first-child { margin-top: 15px; } .article-content hr { height: 1px; border: none; border-top: 1px solid #ccc; display: block; margin-bottom: 15px; } .article-content h3, .article-content h4, .article-content h5, .article-content h6 { font-weight: normal; } .article-content blockquote { padding: 10px 20px 10px 20px; border: 1px solid #bfbfbf; background: #ffffff; border-radius: 5px; font-style: italic; margin-bottom: 15px; } .article-content blockquote p:last-child { margin-bottom: 0; } .article-content table { margin-bottom: 15px; border-collapse: collapse; max-width: 100%; width: 100%; } .article-content table td { padding: 10px; border: 1px solid #ddd; vertical-align: top; } .article-content table thead td { border-bottom: 2px solid #000; font-weight: bold; } .full-article .files-object-full { margin-left: 0; } .full-article 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: 40px; line-height: 2em; margin-bottom: 15px; white-space: pre-wrap; } .full-article pre:before { content: ""; position: absolute; left: 30px; border: 1px solid #6ce26c; top: 0; bottom: 0; } .article-content pre li { margin-top: 0; padding-left: 15px; } .article-content pre p { margin-bottom: 0; } .article-content pre ul, .article-content pre ol { margin-bottom: 0; padding-left: 0; margin-left: -13px; } .article-content .label-api { background: #EDFAFF; border: 1px solid #E4E4E4; padding: 0 5px 2px 5px; margin: 0 5px; border-radius: 2px; } .article-content .spoiler-content p, .faq_collapse .faq-description .spoiler-content p { margin-bottom: 5px; } .article-content .tableOfContents { border-bottom: 1px solid #EBEBEB; border-top: 1px solid #EBEBEB; padding-top: 20px; padding-bottom: 20px; } .article-content .tableOfContents:first-child { border-top: none; padding-top: 10px; } .article-content .tableOfContents li:first-child { margin-top: 0; } .article-content .tableOfContents li { margin-top: 15px; } .article-content .tableOfContents li a { font-size: 16px; } .article-content .tableOfContents li[data-tag="h2"] ~ li[data-tag="h3"], .article-content .tableOfContents li[data-tag="h2"] ~ li[data-tag="h4"], .article-content .tableOfContents li[data-tag="h3"] ~ li[data-tag="h4"] { margin-left: 25px; } .article-content .tableOfContents li[data-tag="h2"] ~ li[data-tag="h4"][data-prev="h3"] { margin-left: 50px; } .sidebar-container .article-table-contents-widget.fixed { position: fixed; top: 15px; width: 280px; } .article-table-contents-widget li { margin-top: 10px; margin-left: 15px; } .article-table-contents-widget li:first-child { margin-top: 0; } .article-table-contents-widget li[data-tag="h2"] ~ li[data-tag="h3"], .article-table-contents-widget li[data-tag="h2"] ~ li[data-tag="h4"], .article-table-contents-widget li[data-tag="h3"] ~ li[data-tag="h4"] { margin-left: 25px; } .article-table-contents-widget li[data-tag="h2"] ~ li[data-tag="h4"][data-prev="h3"] { margin-left: 35px; } /* Article Helpful */ .article-helpful { background: #ffffcc; border: 1px solid #e5e68a; width: 100%; height: 47px; margin-top: 15px; margin-bottom: 20px; } .helpful-question { font-size: 14px; font-weight: 600; padding: 13px 0 0 20px; float: left; } .helpful-buttons { margin: 8px 0; float: left; padding-left: 10px; position: relative; top: 7px; } .helpful-buttons .kb-vote-link { text-decoration: none; color: #555555; line-height: 16px; margin-left: 10px; margin-right: 0; font-weight: 600; cursor: pointer; } .helpful-buttons .kb-vote-link i.ico-small { top: -2px; margin-right: 1px; cursor: inherit; } .helpful-buttons.object-voted .kb-vote-link { opacity: 0.5; cursor: default; } .helpful-buttons.object-voted .kb-vote-link.active { opacity: 1; cursor: pointer; } .helpful-buttons .kb-vote-link.focused i.vote-icon { border-radius: 16px; border: 2px solid #3467ce; } .helpful-social { float: right; margin: 11px 15px 13px 0; } .helpful-social .share-button { margin-left: 10px; } /******************************************************************************* New Article *******************************************************************************/ #col-title { font-size: 12px; color: #acacac; position: absolute; right: 5px; bottom: 40px; } .new-object.new-article { max-width: 100%; } .new-article-content { margin-bottom: 20px; } #form_article_description { width: 100%; } .new-article > input { margin-left: 20px; margin-bottom: 15px; } .new-article-title { margin-bottom: 20px; position: relative; } .new-article-title input { height: 32px; width: 100%; } .form-file-upload { opacity: 0; } #submit_article { margin-right: 10px; } #submit_article + .preloader { top: 11px; } .buttons-right .combined-buttons { display: inline-block; margin-top: 0; vertical-align: middle; margin-left: 10px; } .new-article .redactor_toolbar { border: 1px solid #e4e6e8; border-bottom: none; } .new-article .redactor_editor { border-color: #e4e6e8; margin-top: -1px !important; } .new-article .redactor_box + .attachments-block { margin-top: -31px; } /* Manage KB */ .is_draft { color: #bfbfbf; margin-left: 1em; } /******************************************************************************* Widgets *******************************************************************************/ h2.title-object.knowledge_base { background: none; border: none; border-bottom: 1px solid #d9d9d9; border-radius: 0; } h2.title-object.knowledge_base > a { padding-left: 0; } h2.title-object.knowledge_base > a span { border-bottom: 2px solid #ffa339; display: inline-block; margin-top: 0; } .title-object.knowledge_base.faq > a span { border-bottom-color: #479a31; } .kb-line { width: 100%; height: 1px; background: #d9d9d9; } .kb-line-inner { width: 0; height: 2px; background: #ffa339; } .faq .kb-line-inner { width: 0; height: 2px; background: #479a31; } .knowledge_base .ico-small { background-image: url(/application/8.12.0/modules/knowledge-base/assets/desktop/css/../images/icons/16/icon_small.png); } .knowledge_base.faq .ico-small { background-image: url(/application/8.12.0/modules/knowledge-base/assets/desktop/css/../images/icons/16/faq.png); } .knowledge_base a { text-decoration: none; } .homepage.knowledge_base.faq ul li a { background: none; /*padding-left: 0;*/ } .homepage.knowledge_base.faq .kb-list ul li:first-child { margin-top: 10px; } .no-categories.knowledge_base { border: 1px solid #ebebeb; padding-bottom: 15px; margin-bottom: 10px; } .no-categories.knowledge_base .kb-list { margin-top: 0; } .no-categories.knowledge_base .kb-list ul li { padding-left: 25px; } .no-categories.knowledge_base .kb-list ul li a .ico-small { margin-right: 5px; } .no-categories.knowledge_base .show-all-results { display: block; margin: 10px 25px 0; } .knowledge_base .knowledge_base_objects_row { border-bottom: 1px dotted #e5e5e5; width: 100%; } .knowledge_base .knowledge_base_objects { display: inline-block; overflow: hidden; padding-bottom: 15px; padding-left: 0; width: 49%; vertical-align: top; } .knowledge_base_objects .category_kb_name { font-weight: 600; font-size: 17px; display: block; margin-top: 15px; } .knowledge_base_objects .category_kb_name .ico-small { background-image: url(/application/8.12.0/modules/knowledge-base/assets/desktop/css/../images/icons/16/category_default.png); margin-right: 8px; vertical-align: baseline; top: 1px; } .knowledge_base_objects .category_kb_name .badge { margin-left: 10px; position: relative; top: -2px; } .knowledge_base ul li { list-style: none; margin-left: 20px; margin-top: 10px; position: relative; } .knowledge_base ul li:first-child { margin-top: 10px; } .knowledge_base ul li .ico-small { background-image: url(/application/8.12.0/modules/knowledge-base/assets/desktop/css/../images/icons/16/article.png); vertical-align: baseline; margin-right: 10px; top: 2px; } .knowledge_base ul li a { color: #555555; white-space: nowrap; } .knowledge_base ul li a:hover { color: #0072bc; text-decoration: underline; } .knowledge_base .objects-filter { font-size: 14px; margin: 0 10px 0 0; padding: 7px 0; } .knowledge_base .objects-filter a { font-size: 12px; text-decoration: none; } .knowledge_base .objects-filter > span { float: right; color: #acacac; } .knowledge_base .objects-filter > span a { color: #acacac; vertical-align: text-bottom; } .knowledge_base .objects-filter a:hover { text-decoration: underline; color: #0072bc; } .knowledge_base .kb-list ul li { margin-left: 0; margin-top: 5px; } .knowledge_base .kb-list ul li:first-child { margin-top: 15px; } .homepage.knowledge_base .kb-list.all-articles ul li:first-child, .homepage.knowledge_base .kb-list.all-faqs ul li:first-child { margin-top: 0; } .widgetContainer .featured-index-kb { margin-top: 70px; } .widgetContainer:first-child .featured-index-kb { margin-top: 37px; } .mainArea .widgetContainer:first-child .faq-index-kb { margin-top: 0; } /******************************************************************************* Modal FAQs *******************************************************************************/ .modalBlock.bottom-nav { padding-bottom: 45px; } .modalNavigation { position: absolute; top: -45px; left: 0; height: 44px; padding: 7px 0; width: 100%; background: #fff; text-align: center; } .modalNavigation .count-faqs { font-weight: bold; color: #999; vertical-align: middle; position: relative; line-height: 24px; display: inline-block; } .modalNavigation .faq-prev, .modalNavigation .faq-next { font-size: 0; width: 24px; height: 24px; display: block; vertical-align: middle; position: absolute; top: 0; } .modalNavigation .faq-prev { background: url(/application/8.12.0/modules/knowledge-base/assets/desktop/css/../images/icons/24/kb-arrow-left.png) no-repeat; left: -29px; z-index: 9; } .modalNavigation .faq-next { background: url(/application/8.12.0/modules/knowledge-base/assets/desktop/css/../images/icons/24/kb-arrow-right.png) no-repeat; right: -29px; z-index: 9; } .modalFooter .helpful-question { float: right; padding: 5px 10px; font-size: 14px; } .modalFooter .helpful-buttons { float: right; margin: 0; padding: 0; } .modalFooter .helpful-buttons a.button-small-color { padding-left: 25px; padding-right: 25px; } .modal.quick-faq-modal { width: 500px; } .modal.quick-faq-modal .modalHeader { font-size: 16px; padding-top: 20px; } .modal.quick-faq-modal .modalBlock { word-wrap: break-word; } .modal.quick-faq-modal .modalBlock > blockquote { margin-left: 1.5em; color: #777; font-style: italic; margin-bottom: 10px; } .modal.quick-faq-modal .modalBlock 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: 40px; line-height: 2em; margin-bottom: 15px; } .modal.quick-faq-modal .modalBlock pre:before { content: ""; position: absolute; left: 30px; border: 1px solid #6ce26c; top: 0; bottom: 0; } .modal.quick-faq-modal .modalBlock pre li { margin-top: 0; padding-left: 15px; } .modal.quick-faq-modal .modalBlock pre p { margin-bottom: 0; } .modal.quick-faq-modal .modalBlock pre ul, .modal.quick-faq-modal .modalBlock pre ol { margin-bottom: 0; padding-left: 0; margin-left: -13px; } .modal.quick-faq-modal .modalBlock h2, .modal.quick-faq-modal .modalBlock h3, .modal.quick-faq-modal .modalBlock h4 { margin: 30px 0 15px; color: #000000; } .modal.quick-faq-modal .modalBlock .spoiler-block { margin-left: 20px; margin-right: 20px; } /******************************************************************************* Votes *******************************************************************************/ .buttons-object-full { padding: 0 20px; min-height: 20px; line-height: 28px; } @media only screen and (max-device-width: 480px) { .touch .kb-list { width: 100%; height: auto; min-height: 1px; max-height: 999999px; } .touch .article-content { width: 100%; height: auto; min-height: 1px; max-height: 999999px; } } /* Mane Page Widgets */ .knowledge_base_widget .kb-category a > span { display: block; } .knowledge_base_widget[data-style="1"] .kb-categories, .knowledge_base_widget[data-style="2"] .kb-categories { margin-left: -2%; font-size: 0; display: flex; flex-wrap: wrap; align-items: stretch; justify-content: center; } .mainArea .knowledge_base_widget[data-style="1"] .kb-categories, .mainArea .knowledge_base_widget[data-style="2"] .kb-categories { margin-top: -10px; } .knowledge_base_widget[data-style="1"] .kb-category, .knowledge_base_widget[data-style="2"] .kb-category, .knowledge_base_widget[data-style="3"] .kb-category { display: inline-block; margin-top: 10px; margin-left: 2%; position: relative; margin-bottom: 10px; border-radius: 3px; vertical-align: top; } .knowledge_base_widget[data-style="1"] .kb-category { max-width: 257px; width: 31%; } .knowledge_base_widget[data-style="2"] .kb-category { text-align: center; max-width: 200px; width: 23%; } .knowledge_base_widget[data-style="3"] .kb-category { width: 33%; margin: 0; min-height: 90px; border-radius: 0; } .knowledge_base_widget[data-style="3"] .kb-category:nth-child(2), .knowledge_base_widget[data-style="3"] .kb-category:only-child { border-left: 1px solid #d6d6d6; border-right: 1px solid #d6d6d6; } .knowledge_base_widget[data-style="3"] .kb-category:nth-child(2):last-child { border-right: none; } .knowledge_base_widget[data-style="1"] .kb-category a, .knowledge_base_widget[data-style="2"] .kb-category a, .knowledge_base_widget[data-style="3"] .kb-category a { display: block; padding: 25px 15px; text-decoration: none; border: 1px solid #d6d6d6; border-radius: 3px; height: 100%; } .knowledge_base_widget[data-style="1"] .kb-category a { padding: 15px 20px 42px 20px; border-left: 4px solid #6f129f; position: relative; } .knowledge_base_widget[data-style="1"] .kb-category:nth-child(6n-4) a { border-left-color: #9f1253; } .knowledge_base_widget[data-style="1"] .kb-category:nth-child(6n-3) a { border-left-color: #da7c0f; } .knowledge_base_widget[data-style="1"] .kb-category:nth-child(6n-2) a { border-left-color: #1b9000; } .knowledge_base_widget[data-style="1"] .kb-category:nth-child(6n-1) a { border-left-color: #9ed238; } .knowledge_base_widget[data-style="1"] .kb-category:nth-child(6n) a { border-left-color: #57abe1; } .knowledge_base_widget[data-style="1"] .kb-category a:hover, .knowledge_base_widget[data-style="2"] .kb-category a:hover { border-color: #0072bc; } .knowledge_base_widget[data-style="3"] .kb-category a { border: none; padding: 20px 20px 20px 25px; } .knowledge_base_widget[data-style="2"] .kb-category .kb-category-image { height: 64px; } .knowledge_base_widget[data-style="3"] .kb-category .kb-category-image { float: left; margin-top: 5px; } .knowledge_base_widget[data-style="2"] .kb-category .kb-category-image img { width: 64px; } .knowledge_base_widget[data-style="3"] .kb-category .kb-category-image img { max-height: 50px; } .knowledge_base_widget[data-style="1"] .kb-category .kb-category-name { font-size: 16px; color: #555555; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .knowledge_base_widget[data-style="2"] .kb-category .kb-category-name, .knowledge_base_widget[data-style="3"] .kb-category .kb-category-name { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; font-size: 16px; } .knowledge_base_widget[data-style="2"] .kb-category .kb-category-name { margin-top: 15px; word-wrap: break-word; } .knowledge_base_widget[data-style="3"] .kb-category .kb-category-name { margin-left: 70px; } .knowledge_base_widget[data-style="1"] .kb-category .kb-category-description { color: #555555; /*height: 35px;*/ overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; margin-top: 10px; } .knowledge_base_widget[data-style="1"] .kb-category .kb-category-description { color: #acacac; margin-top: 10px; font-size: 12px; } .knowledge_base_widget[data-style="3"] .kb-category .kb-category-description { margin-left: 70px; color: #555555; margin-top: 5px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } .knowledge_base_widget[data-style="1"] .kb-category .kb-category-count { /*margin-top: 10px;*/ font-size: 12px; position: absolute; bottom: 15px; } .knowledge_base_widget[data-style="0"] .kb-categories { /*box-shadow: 0 0 5px rgba(0,0,0,0.3);*/ /*margin-top: 1px;*/ max-width: 870px; margin: 1px auto 0 auto; } .knowledge_base_widget[data-style="0"] .kb-category { border: 1px solid #d6d6d6; margin-top: -1px; overflow: hidden; background-color: #fcfcfc; margin-bottom: 20px; border-radius: 3px; } /*.knowledge_base_widget[data-style="0"] .kb-category:first-child { border-radius: 3px 3px 0 0; } .knowledge_base_widget[data-style="0"] .kb-category:last-child { border-radius: 0 0 3px 3px; }*/ .knowledge_base_widget[data-style="0"] .kb-category a { display: block; padding: 25px 30px; text-decoration: none; position: relative; } .knowledge_base_widget[data-style="0"] .kb-category a:hover { background: #f4f5f7; } .knowledge_base_widget[data-style="0"] .kb-category .kb-category-image { float: left; width: 50px; height: 50px; text-align: center; position: absolute; left: 45px; top: 0; bottom: 0; margin: auto; } .knowledge_base_widget[data-style="0"] .kb-category .kb-category-image ~ span { margin-left: 110px; } .knowledge_base_widget[data-style="0"] .kb-category .kb-category-name { font-size: 16px; } .knowledge_base_widget[data-style="0"] .kb-category .kb-category-description { color: #555555; margin-top: 5px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } .knowledge_base_widget[data-style="0"] .kb-category .kb-category-description:empty { display: none; } .knowledge_base_widget[data-style="0"] .kb-category-info { margin-top: 15px; } .knowledge_base_widget[data-style="0"] .kb-category-avatars { margin-right: 15px; float: left; } .knowledge_base_widget[data-style="0"] .kb-category-avatars img { max-width: 32px; border: 1px solid #fff; border-radius: 50%; opacity: 0.85; } .knowledge_base_widget[data-style="0"] .kb-category-avatars img + img { margin-left: -20px; } .knowledge_base_widget[data-style="0"] .kb-category-articles { float: left; color: #acacac; font-size: 13px; margin-top: -3px; } .knowledge_base_widget[data-style="0"] .kb-category-articles > span { display: block; } .knowledge_base_widget[data-style="0"] .kb-category-articles > span span { color: #555; } .faq_collapse .faq-row { border: 1px solid #e5e7eb; margin-left: 0; border-radius: 6px; overflow: hidden; margin-top: 20px; } .mainArea .widgetContainer:first-child .faq_collapse .faq-row:first-child { margin-top: 0; } .faq_collapse .faq-toggle { padding: 15px 50px 15px 60px; position: relative; display: block; background: #f7f7f7; text-decoration: none; overflow: hidden; text-overflow: ellipsis; } .faq_collapse .faq-toggle:hover { text-decoration: none; } .faq_collapse .faq-toggle:before { content: ''; width: 16px; height: 16px; display: block; position: absolute; left: 22px; top: 17px; background: url(/application/8.12.0/modules/knowledge-base/assets/desktop/css/../images/icons/16/faq-black.png); opacity: 0.6; } .faq_collapse .faq-toggle:after { content: ''; width: 10px; height: 10px; display: block; border: solid; border-width: 0 2px 2px 0; opacity: 0.8; -webkit-transform: rotate(45deg); transform: rotate(45deg); position: absolute; right: 20px; top: 17px; } .faq_collapse .faq-description { height: 0; -webkit-transition: height 300ms ease-in-out; transition: height 300ms ease-in-out; overflow: hidden; } .faq_collapse .faq-row.opened .faq-description { height: auto; } .faq_collapse .faq-content { padding: 15px 15px 5px 20px; border-top: 1px solid #e5e7eb; } .faq_collapse .faq-description p { margin-bottom: 10px; line-height: 1.5em; } .faq_collapse .faq-description ul, .faq_collapse .faq-description ol { padding-left: 25px; } .faq_collapse .faq-description > ul, .faq_collapse .faq-description > ol { padding-left: 45px; margin-bottom: 10px; } .faq_collapse .faq-descriptiondescr li { margin-top: 5px; } .faq_collapse .faq-description li ul, .faq_collapse .faq-description li ol { margin-top: 5px; } /* Articles list */ .kb-list[data-style="modern"] ul li, .kb-list[data-style="modern"] .kb-list-subcategories .kb-list-subcategory li { display: block; width: 100%; border: 1px solid #d6d6d6; margin-top: -1px; margin-bottom: 0; overflow: hidden; } .kb-list[data-style="modern"] ul li:first-child { border-radius: 3px 3px 0 0; } .kb-list[data-style="modern"] ul li:last-child { border-radius: 0 0 3px 3px; } .kb-list[data-style="modern"] ul li a { background: none; padding: 25px 30px; text-decoration: none; } .kb-list[data-style="modern"] ul li a:hover { background: #f4f5f7; color: inherit; text-decoration: none; } .kb-list[data-style="modern"] a > span { display: block; } .kb-list[data-style="modern"] a .article-name { color: #0072bc; font-size: 16px; } .kb-list[data-style="modern"] a .article-description { margin-top: 5px; } .kb-list[data-style="modern"] a .article-info { margin-top: 15px; color: #acacac; font-size: 13px; } .kb-list[data-style="modern"] a .article-author-avatar { margin-right: 15px; float: left; } .kb-list[data-style="modern"] a .article-author-avatar img { max-width: 40px; border: 1px solid #fff; border-radius: 50%; } .kb-list[data-style="modern"] a .article-info-content { display: block; float: left; margin-top: 2px; } .kb-list[data-style="modern"] a .article-info-content > span { display: block; } .kb-list[data-style="modern"] a .article-author:only-child { margin-top: 7px; } .kb-list[data-style="modern"] a .article-update { float: left; } .kb-list[data-style="modern"] a .article-author span, .kb-list[data-style="modern"] a .article-update span { color: #555; } .kb-list[data-style="modern"] a .article-update .updated-by-time, .kb-list[data-style="modern"] a .article-update .updated-by-time * { color: inherit; } .kb-list[data-style="modern"] .kb-list-subcategories .kb-list-subcategory { width: 100%; display: block; } .kb-list[data-style="modern"] .kb-list-subcategory-name, .kb-list[data-style="modern"] h2 { border: none; padding: 0; margin: 25px 0 10px 0; background: none !important; } .kb-list[data-style="modern"] h2 { margin-top: 0; } .kb-list[data-style="modern"] h2 a, .kb-list[data-style="modern"] .kb-list-subcategory-name a { color: #555555; font-size: 16px; font-weight: 600; } .kb-list[data-style="modern"] h2 a { font-size: 18px; } .kb-list[data-style="modern"] .kb-list-subcategories .kb-list-see-all { padding-left: 0; } .kb-list[data-style="modern"] h2 + .kb-list-subcategories { margin-top: -15px; } /* Vote Comment */ .article-vote-comment { margin-top: -21px; } .article-vote-comment .description-object { border-color: #e5e7eb; border-top: none; margin-bottom: 20px; border-bottom-style: solid; } .article-vote-comment-header { border: 1px solid #e5e7eb; border-bottom: none; padding: 10px 35px 10px 15px; position: relative; background: #f7f7f7; } .article-vote-comment-header i { position: absolute; right: 15px; top: 12px; opacity: 0.6; } .article-vote-comment .skip-vote-comment { margin-left: 15px; } .article-vote-comment .g-recaptcha { margin-bottom: 15px; } .article-vote-comment .textarea-editor { height: 80px; } /** * This Stylesheet will be used on frontend pages only. * * @module Helpdesk */ /******************************************************************************* Tickets List *******************************************************************************/ .ticket i.ico-small:not(.idelete), .iticket { background-image: url(/application/8.12.0/modules/helpdesk/assets/desktop/css/../images/icon_small.png); } .iticket-white { background-image: url(/application/8.12.0/modules/helpdesk/assets/desktop/css/../images/icons/tickets-white.svg); } .ticket-user img { width: 38px; margin-right: 10px; } .ticket-user { margin-right: 10px; height: 45px; } .reload-tickets { padding-left: 10px; padding-right: 9px; } .reload-tickets i { display: inline-block; width: 16px; } /* Ticket Search */ .iassigments { background-image: url(/application/8.12.0/modules/helpdesk/assets/desktop/css/../images/assigments.png); } /******************************************************************************* New Ticket *******************************************************************************/ .select-responsible .content-object-status { margin-right: 0; } .subscribers-block .notifications-link i.ico-small { cursor: pointer; padding: 0; } .specified-author-block { margin-bottom: 10px; display: table; width: 100%; padding-top: 10px; } .specified-author-block > div { width: 50%; display: table-cell; padding-left: 20px; } .specified-author-block > div:first-child { padding-left: 0; } .specified-author-block .select_ajax-container { display: block; margin: 0; } .specified-author-block .select_ajax-container .select_ajax-choices { border-radius: 2px; border: 1px solid #9f9f9f; -webkit-box-shadow: 0 1px 0 0 #eeeeee inset; box-shadow: 0 1px 0 0 #eeeeee inset; background: #fff; } .specified-author-block .select_ajax-container-multi .select_ajax-choices .select_ajax-search-field input { padding: 4px 5px; } .specified-author-block .select_ajax-container input { height: 24px; } .specified-author-block .select_ajax-search-choice-close { width: 18px; } .specified-author-block .select_ajax-container-multi .select_ajax-choices .select_ajax-search-choice { line-height: 19px; margin-top: 2px; } .captcha { position: relative; width: 1%; } .captcha label { color: #555; font-size: 14px; } .captcha-img { position: absolute; bottom: 0; left: 1px; height: 28px; -webkit-box-shadow: inset 0 1px 0 0 #f5f5f5; box-shadow: inset 0 1px 0 0 #f5f5f5; background: #ebebeb; border: 1px solid #9F9F9F; padding-right: 10px; border-radius: 2px 0 0 2px; } .captcha-input-block > input { width: 40px; margin-left: 85px; } .captcha-img.filter-active > span { position: relative; bottom: 7px; } .new-object-preloader { position: relative; } .new-object-preloader .preloader { position: absolute; display: block; left: 774px; top: -24px; } .new-object.ticket .add-object-type .filter-select-text { background: #555555; } .new-object.ticket .add-object-type .filter-select-text:hover { background: #666666; } #submit_ticket { margin-top: 20px; } /******************************************************************************* Ticket Show *******************************************************************************/ .ticket-show .page-title { margin-bottom: 10px; padding: 0 0 8px 0; border-bottom: 1px dotted #BFBFBF; } .ticket-show .page-title > div { display: table; width: 100%; } .ticket-show .page-title h1 { font-size: 20px; border: none; margin: 0; padding: 0; line-height: 1.2em; font-weight: normal; } .change-status { background: #fff; color: #000; position: absolute; right: 0; width: auto; border: 1px solid #cdcdcd; font-weight: normal; z-index: 9999; } .change-status li { white-space: nowrap; } .change-status ul { padding: 10px 15px 5px 25px; font-size: 12px; line-height: 20px; margin-top: -5px; } .change-status li a { font-size: 12px; text-decoration: none; } .change-status li a:hover, .full-object-status span.can-manage:hover { text-decoration: underline; } .ticket-status { display: table-cell; white-space: nowrap; padding-left: 5px; position: relative; } .ticket-status .change-status { text-align: left; } .ticket-status .content-object-status { margin-right: 0; } .ticket-title { display: table-cell; padding-right: 5px; } .ticket-show .page-title .content-object-status { font-size: 14px; padding: 2px 8px; height: 22px; position: relative; top: -1px; } .ticket-show .page-title .content-object-status.can-manage:hover { cursor: pointer; } .ticket-show .full-object-status.preloader-status { margin-right: 0; display: inline-block; height: 22px; vertical-align: middle; padding-top: 3px; } .ticket-show .full-object-status.preloader-status i { display: block; margin: 0 auto; } .ticket-buttons { border-top: 1px solid #ebebeb; padding-top: 15px; margin-top: 15px; } .ticket-buttons:empty { border: none; } .ticket-buttons a { margin-left: 10px; position: relative; } .ticket-buttons a:first-child { margin-left: 0; } .ticket-buttons a .ico-small.preloader { left: 0; right: 0; margin: auto; top: 5px; position: absolute; } .ticket-buttons a.disactive { text-indent: -5000px; } .ticket-full { margin: -1px 20px 0 20px; } .ticket-header { margin-bottom: 10px; color: #acacac; padding-bottom: 10px; } .ticket-header a { text-decoration: none; margin-right: 5px; } .ticket-subscribe a { margin-right: 0; } .ticket-subscribe .subscribe-link.email:not(.button-small).hasPreloader .preloader { top: 2px; } .ticket-table { border-collapse: collapse; } @media only screen and (max-device-width: 480px) { .touch .ticket-content { width: 100%; height: auto; min-height: 1px; max-height: 999999px; } } .ticket-content { line-height: 1.5em; word-wrap: break-word; } .ticket-content p { margin-bottom: 10px; } .ticket-content img { max-width: 100%; cursor: pointer; } .ticket-content ul, .ticket-content ol { margin-left: 30px; margin-bottom: 10px; } .ticket-content ol.source { margin-left: 0; background-color: #FAFAFA; border: 1px dotted #555555; font-style: italic; list-style-position: outside; padding-left: 35px; white-space: pre; } .ticket-content ol.source li { white-space: pre-wrap; border-left: 2px solid #1AC131; color: #555555; padding-left: 10px; } .ticket-content 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: 40px; line-height: 2em; margin-bottom: 15px; white-space: pre-wrap; } .ticket-content pre:before { content: ""; position: absolute; left: 30px; border: 1px solid #6ce26c; top: 0; bottom: 0; } .ticket-content blockquote { padding: 10px 20px 10px 20px; border: 1px solid #bfbfbf; background: #ffffff; border-radius: 5px; font-style: italic; margin-bottom: 15px; } .ticket-show .comments-block { margin-top: 50px; } .ticket-content h3, .ticket-content h4, .ticket-content h5, .ticket-content h6 { font-weight: normal; } .ticket-full .files-object-full { margin: 15px 0 0 0; } .comment-toggle-state { padding-top: 5px; margin-right: 10px; } .comment-toggle-state input { margin-right: 2px; } @supports (-webkit-appearance:none) { .comment-toggle-state input { top: 2px; } } .checkbox-wrapper { font-weight: normal; margin-bottom: 15px; } /* Homepage */ .findAddObjects-tabs .submit-ticket { height: 36px; line-height: 34px; padding-left: 20px; } .findAddObjects-tabs .submit-ticket a { color: #0072bc; font-size: 16px; text-decoration: none; } .findAddObjects-tabs .submit-ticket a:hover { text-decoration: underline; } .findAddObjects-tabs .submit-ticket .ico-small { top: -2px; margin-right: 6px; } .assigned-agents-user-group { margin: 10px 0 5px 0; } .assigned-agents-user-group label { font-weight: bold; color: #555555; } .modal-list-checkbox-icons label.ticket input[type="radio"], .merger-main-topic-description.ticket { display: none !important; } .object-actions a.convert_object, .object-actions span.convert_object { background-image: url(/application/8.12.0/modules/helpdesk/assets/desktop/css/../images/icons/helpdesk-black.png); } .all-forums { font-size: 0; } .forum-container { width: 50%; display: inline-block; padding: 20px 30px 10px 20px; vertical-align: top; margin-bottom: 20px; } .forum-container .forum-title { text-align: center; } .forum-container .forum-title img.forum-logo { max-width: 64px; max-height: 64px; border-radius: 50%; -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.1); box-shadow: 0 0 5px rgba(0, 0, 0, 0.1); } .forum-container .forum-title img.forum-logo[src$="default-forum.png"] { border-radius: 0; -webkit-box-shadow: none; box-shadow: none; } .forum-container .forum-title a { text-decoration: none; } .forum-container .forum-title .forum-name { font-size: 18px; color: #0072bc; display: block; margin-top: 10px; } .forum-objects { font-size: 14px; margin-top: 10px; } .forum-objects li { list-style: none; margin-top: 5px; padding-left: 15px; position: relative; white-space: nowrap; overflow: hidden; } .forum-objects li:before { content: "\2022"; font-size: 15px; display: block; position: absolute; left: 0; top: 0; } .forum-objects li a { color: #555555; text-decoration: none; } .forum-objects li:after { content: ""; position: absolute; right: 0; top: 0; bottom: 0; width: 30px; background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1) 80%); background: -moz-linear-gradient(left, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1) 80%); background: -o-linear-gradient(left, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1) 80%); background: linear-gradient(to right, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1) 80%); } .forum-info { text-align: center; font-size: 14px; margin-top: 20px; } .forum-info div { display: inline-block; vertical-align: middle; margin-left: 10px; } .forum-info div:first-child { margin-left: 0; } .forum-info div i { margin-right: 5px; margin-top: -4px; cursor: default; } .forums-recent-activity { margin-top: 10px; padding: 0 10px; margin-bottom: 20px; } /******************************************************************************* Forums widget *******************************************************************************/ .sidebar-container .categories-block.forums-block .ico-big { display: none; } .sidebar-container .categories-block.forums-block a { margin-left: 0; } @font-face { font-family: 'Flaticon'; src: url(/application/8.12.0/modules/gamification/assets/desktop/css/../fonts/Flaticon.woff2) format("woff2"), url(/application/8.12.0/modules/gamification/assets/desktop/css/../fonts/Flaticon.woff) format("woff"), url(/application/8.12.0/modules/gamification/assets/desktop/css/../fonts/Flaticon.ttf) format("truetype"), url(/application/8.12.0/modules/gamification/assets/desktop/css/../fonts/Flaticon.svg%23Flaticon) format("svg"); font-weight: normal; font-style: normal; } @media screen and (-webkit-min-device-pixel-ratio: 0) { @font-face { font-family: 'Flaticon'; src: url(/application/8.12.0/modules/gamification/assets/desktop/css/../fonts/Flaticon.svg%23Flaticon) format("svg"); } } .fimanager:before { display: inline-block; font-family: "Flaticon"; font-style: normal; font-weight: normal; font-variant: normal; line-height: 1; text-decoration: inherit; text-rendering: optimizeLegibility; text-transform: none; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; /*display: block;*/ } .flaticon-001-award:before { content: "\f100"; } .flaticon-002-shield:before { content: "\f101"; } .flaticon-003-star:before { content: "\f102"; } .flaticon-004-medal:before { content: "\f103"; } .flaticon-005-shield:before { content: "\f104"; } .flaticon-006-medal:before { content: "\f105"; } .flaticon-007-shield:before { content: "\f106"; } .flaticon-008-cup:before { content: "\f107"; } .flaticon-009-certificate:before { content: "\f108"; } .flaticon-010-ribbon:before { content: "\f109"; } .flaticon-011-badge:before { content: "\f10a"; } .flaticon-012-medal:before { content: "\f10b"; } .flaticon-013-award:before { content: "\f10c"; } .flaticon-014-belt:before { content: "\f10d"; } .flaticon-015-award:before { content: "\f10e"; } .flaticon-016-figurine:before { content: "\f10f"; } .flaticon-017-book:before { content: "\f110"; } .flaticon-018-podium:before { content: "\f111"; } .flaticon-019-prize:before { content: "\f112"; } .flaticon-020-badge:before { content: "\f113"; } .flaticon-021-cup:before { content: "\f114"; } .flaticon-022-first-place:before { content: "\f115"; } .flaticon-023-shield:before { content: "\f116"; } .flaticon-024-crown:before { content: "\f117"; } .flaticon-025-prize:before { content: "\f118"; } .flaticon-026-medal:before { content: "\f119"; } .flaticon-027-shield:before { content: "\f11a"; } .flaticon-028-badge:before { content: "\f11b"; } .flaticon-029-medal:before { content: "\f11c"; } .flaticon-030-prize:before { content: "\f11d"; } .flaticon-031-certificate:before { content: "\f11e"; } .flaticon-032-banner:before { content: "\f11f"; } .flaticon-033-award:before { content: "\f120"; } .flaticon-034-prize:before { content: "\f121"; } .flaticon-035-medal:before { content: "\f122"; } .flaticon-036-prize:before { content: "\f123"; } .flaticon-037-prize:before { content: "\f124"; } .flaticon-038-banner:before { content: "\f125"; } .flaticon-039-medal:before { content: "\f126"; } .flaticon-040-first-place:before { content: "\f127"; } .flaticon-041-crown:before { content: "\f128"; } .flaticon-042-medal:before { content: "\f129"; } .flaticon-043-cup:before { content: "\f12a"; } .flaticon-044-medal:before { content: "\f12b"; } .flaticon-045-award:before { content: "\f12c"; } .flaticon-046-three-stars:before { content: "\f12d"; } .flaticon-047-medal:before { content: "\f12e"; } .flaticon-048-badge:before { content: "\f12f"; } .flaticon-049-award:before { content: "\f130"; } .flaticon-050-first-place:before { content: "\f131"; } [class^="flaticon-"]:before, [class*=" flaticon-"]:before, [class^="flaticon-"]:after, [class*=" flaticon-"]:after { font-family: Flaticon; /*font-size: 30px;*/ font-style: normal; } .gamification-award .award-badge { display: inline-block; padding: 0 10px 2px 10px; } .comment-content .gamification-award { margin-top: -5px; margin-bottom: 5px; } .comment-content .award-icon img, .comment-content .award-icon i, .author-info .award-icon img, .author-info .award-icon i { margin-right: 3px; } .award-icon i { font-size: 16px; } .award-icon img { width: 16px; height: 16px; position: relative; top: 2px; } .gamification-award .award-icon i, .gamification-award .award-icon img { margin-right: 3px; } .gamification-award .award-icon i { position: relative; top: 1px; } .user-base-info { position: relative; } .user-base-info .gamification-award { text-align: center; position: absolute; bottom: -10px; left: 0; right: 0; } .profile-info-block .award-progress-block { display: inline-block; position: relative; margin-left: 10px; bottom: -2px; } .profile-info-block .award-progress-block > div { display: inline-block; } .profile-info-block .award-progress-block .award-from, .profile-info-block .award-progress-block .award-to { margin-right: 5px; margin-left: 5px; } .award-progress-bar { height: 16px; border-radius: 2px; background: #e6eaed; width: 150px; position: relative; margin-bottom: -2px; } .award-progress-bar .progress { background: #07a0f0; height: 16px; border-radius: 2px; max-width: 100%; } .award-progress-bar .award-progress-points { position: absolute; top: 0; left: 0; right: 0; margin: auto; font-size: 12px; color: #000000; text-align: center; } .modalFooter .gamification-award .award-badge .award-title { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 250px; display: inline-block; vertical-align: bottom; } html.cleanTheme { min-width: 1000px; } html.cleanTheme * { font-family: 'Inter', Segoe UI, "Helvetica Neue", Lucida Grande, Arial, sans-serif; } .cleanTheme #main { overflow: hidden; } /* Colors */ .cleanTheme a, .cleanTheme .as-link, .cleanTheme .profile-info-row .profile-info-num, .cleanTheme .knowledge_base ul li a:hover, .cleanTheme .statistics-block .statistics-num, .cleanTheme .contributors-block .contributors-statistics, .cleanTheme .categories-block a.eventLink, .cleanTheme .agents-block a.eventLink, .cleanTheme .breadcrumbs a:hover, .cleanTheme .list-marker li a:hover, .cleanTheme .announcements a:hover, .objects-filter a:hover, .cleanTheme .sidebar-subnav a:hover, .cleanTheme .comment-content .rating-response.voted-comment, .cleanTheme .roadmap-item-info .objectVotes:hover, .cleanTheme .roadmap-item-info .objectVotes.objectVoted, .cleanTheme .similar-topics-block .ur-description a:hover, .cleanTheme .kb-list ul li a:hover, .cleanTheme .roadmap-item-content a:hover, .cleanTheme .kb-list .kb-list-see-all a, .cleanTheme .leave-comment-title > span:not(.active), .cleanTheme .leave-comment-title .leave-comment-title-content > span:not(.active), .cleanTheme .kb-list[data-style="modern"] a .article-name, .cleanTheme .featured-index-kb.kb-list[data-style="1"] ul li a:hover, .cleanTheme .faq-index-kb .faq-lists li a:hover, .cleanTheme .welcomeMessageWidget .buttonsWidgetButtons a:hover, .cleanTheme .spoiler-title { color: #3b82f6; color: var(--color); text-decoration: none; } .cleanTheme .kb-list.all-articles h2, .cleanTheme .kb-list.all-faqs h2, .cleanTheme .kb-list.all-articles h2 a, .cleanTheme .kb-list.all-faqs h2 a, .cleanTheme .kb-list .kb-list-subcategory-name a, .cleanTheme .csat-page-title { color: #3467ce; color: var(--hover-color); } .cleanTheme .text-gray { color: #acacac; } .cleanTheme .modalHeader, .cleanTheme .redactor_modal_header, .cleanTheme div.modalFooter, .cleanTheme .redactor_modal footer { background-color: #f7f7f7; border-color: #e5e7eb; } .cleanTheme .add-file.attach-file span, .cleanTheme .comment-options-toggle a, .cleanTheme .knowledge_base_widget[data-style="2"] .kb-category a:hover, .cleanTheme .knowledge_base_widget[data-style="1"] .kb-category a:hover, .cleanTheme .tiles-block li > a:hover .tiles-image, .cleanTheme .tiles-block li:hover, .cleanTheme .welcomeMessageWidget .buttonsWidgetButtons a:hover, .cleanTheme .helpful-buttons .kb-vote-link.focused i.vote-icon { border-color: #3b82f6; border-color: var(--color); } .cleanTheme .upload-progress .loaded, .cleanTheme .award-progress-bar .progress, .cleanTheme .wrap-container .extra-widgets[data-search-style="2"], .cleanTheme .wrap-container .extra-widgets[data-search-style="2"]:before, .cleanTheme .welcomeMessageWidget .buttonsWidgetButtons a:hover:before { background-color: #3b82f6; background-color: var(--color); } .cleanTheme .select_ajax-container-multi .select_ajax-choices .select_ajax-search-choice, .cleanTheme .wrap-container .extra-widgets[data-search-style="1"], .cleanTheme .wrap-container .extra-widgets[data-search-style="1"]:before { background-color: #3b82f6; background-color: var(--color-o15); } .cleanTheme .select_ajax-container-multi .select_ajax-choices .select_ajax-search-choice, .cleanTheme .select_ajax-search-choice-close { border-color: #3b82f6; border-color: var(--color-o55); } .cleanTheme .welcomeMessageWidget .buttonsWidgetBackground:before { background-color: #f5f8fb; background-color: var(--color-o07); } /* Auth */ .cleanTheme .modalFull div.modalFooter { background: none; } .cleanTheme .modalFull.loginPage .auth-form { box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06); border-radius: 6px; padding: 30px 48px 40px 48px; border: 0; } .cleanTheme .loginPage { background: #f4f5f7; } .cleanTheme .modalFull .auth-form input[type="text"], .cleanTheme .modalFull .auth-form input[type="password"], .cleanTheme .modalFull .auth-form input[type="email"], .cleanTheme .modalFull .auth-form .auth-form-select { box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05); color: #000; border-radius: 6px; border: 1px solid rgba(210, 214, 220, 1); height: 38px; margin-top: 16px; padding-left: 14px; } .cleanTheme .modalFull .auth-form .iti { margin-top: 16px; } .cleanTheme .modalFull .auth-form input.input-phone { padding-left: 50px; } .cleanTheme .modalFull .auth-form .auth-form-select { padding-left: 0; } .cleanTheme .modalFull .auth-form .forgotPass { margin-top: 8px; } .cleanTheme .modalFull .auth-form .groupButtons { margin-top: 32px; } .cleanTheme .modalFull .auth-text > div.social-login { padding-top: 16px; } .cleanTheme .social-login > a { border-radius: 6px; } .cleanTheme .social-login a.sso-button { padding-left: 0; padding-right: 0; } /*.cleanTheme .footer.login { position: absolute; left: 0; right: 0; bottom: 0; min-height: 0 !important; }*/ .cleanTheme .modalFull .auth-form .filter-select .filter-select-text { border: none; padding-left: 14px; line-height: 36px; height: 36px; background: none; margin: 0; border-radius: 6px; } .cleanTheme .modalFull .auth-form .auth-form-select .filter-select .filter-select-text:after { right: 8px; border-width: 5px; } .cleanTheme .modalFull .auth-form .auth-form-select .filter-select .filter-select-text:after { display: block; } .cleanTheme .modalFull .auth-form #sign-up-recaptcha, .cleanTheme .modalFull .auth-form #sign-in-recaptcha, .cleanTheme .modalFull .auth-form #forgot-password-recaptcha { margin-top: 15px; } /* Buttons */ .cleanTheme .button-small-color, .cleanTheme .button-medium-color, .cleanTheme button[class*="redactor_btn_modal"], .cleanTheme button[class*="redactor_modal"], .cleanTheme .menu-tabs li.tab-button a, .cleanTheme #reset-search.button-medium { padding: 8px 16px; color: #fff; font-size: 16px; border-radius: 6px; background: #3b82f6; background: var(--color); font-weight: 500; border: 0; height: 38px; line-height: 23px; box-shadow: none; } .cleanTheme .button-medium-color:not(.disabled):hover, .cleanTheme .button-small-color:not(.disabled):hover, .cleanTheme button[class*="redactor_btn_modal"]:hover, .cleanTheme button[class*="redactor_modal"]:hover, .cleanTheme .menu-tabs li.tab-button a:hover, .cleanTheme .menu-tabs li.tab-button.active-tab a, .cleanTheme #reset-search.button-medium:not(.disabled):hover { box-shadow: none; background: #3467ce; background: var(--hover-color); color: #fff; } .cleanTheme .button-small, .cleanTheme .button-medium { padding: 8px 16px; color: #374151; font-size: 14px; border-radius: 6px; background: #fff; font-weight: 500; border: 1px solid rgba(210, 214, 220, 1); height: 38px; line-height: 21px; box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05); } .cleanTheme .button-small:hover, .cleanTheme .button-medium:hover, .cleanTheme ul.combined-buttons li:hover { background: rgb(240, 240, 240); background: -webkit-linear-gradient(top, rgba(240, 240, 240, 1) 0%, rgba(254, 254, 254, 1) 100%); background: linear-gradient(to bottom, rgba(240, 240, 240, 1) 0%, rgba(254, 254, 254, 1) 100%); } .cleanTheme .button-small.disactive, .cleanTheme .button-medium.disactive { background: rgb(254, 254, 254); color: #C4C4C4; } .cleanTheme ul.combined-buttons li, .cleanTheme ul.combined-buttons li.disabled { background: #fff; box-shadow: none; } .cleanTheme ul.combined-buttons li label, .cleanTheme ul.combined-buttons li a { color: #000; } .cleanTheme ul.combined-buttons li.activ-pos { background: #3b82f6; background: var(--color); box-shadow: none; border-color: #3b82f6; border-color: var(--color); } .cleanTheme ul.combined-buttons li.activ-pos label, .cleanTheme ul.combined-buttons li.activ-pos a { color: #ffffff; } /* Layout */ .cleanTheme body { background: #fff; } .cleanTheme .main-width { max-width: 1170px; } .cleanTheme .all { border: 0; padding: 30px 0 50px 0; } /* Header */ .cleanTheme .head-area { padding: 30px 0 10px 0; } .cleanTheme .logo-block { height: 64px; margin-top: -12px; margin-bottom: -12px; display: table; margin-right: 10px; } .cleanTheme .logo-block a.logo { display: table-cell; vertical-align: middle; } .cleanTheme .community-title { color: #000000; display: table-cell; vertical-align: middle; position: relative; top: -1px; } .cleanTheme[data-header-style="2"] .community-title { color: #ffffff; } .cleanTheme a.logo > img { max-width: 248px; } .cleanTheme a.logo ~ .community-title { display: none; } /* Search */ .cleanTheme .search-block { margin-top: 1px; position: relative; z-index: 9; } .cleanTheme .search-form { border-radius: 6px; box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05); } .cleanTheme .search-form input.search-input, .cleanTheme .search-form input.search { box-shadow: none; color: #000; border-radius: 6px 0 0 6px; border: 1px solid rgba(210, 214, 220, 1); border-right: 0; height: 36px; padding-left: 14px; background: transparent; } .cleanTheme .search-submit { border-radius: 0 6px 6px 0; border: 1px solid rgba(210, 214, 220, 1); background: none; box-shadow: none; height: 36px; width: 36px; padding: 9px; } .cleanTheme #search-form { box-shadow: none; border: none; width: 32px; margin-right: 5px; margin-left: 5px; margin-top: 1px; } .cleanTheme #search-form input.search-input { display: none; } .cleanTheme #search-form input.search-submit[src$="assets/desktop/images/search.png"] { padding: 16px 15px; width: 30px; height: 32px; -webkit-mask: url(/application/8.12.0/assets/desktop/css/../images/icons-clean/search.svg) no-repeat 50% 50%; mask: url(/application/8.12.0/assets/desktop/css/../images/icons-clean/search.svg) no-repeat 50% 50%; -webkit-mask-size: 16px; mask-size: 16px; background-color: #3b82f6; background-color: var(--color); background-image: none; position: static; border: none; } .cleanTheme #search-form input.search-submit[src$="assets/desktop/images/search.png"]:hover { background-color: #3467ce; background-color: var(--hover-color); } /* Live Search */ .cleanTheme .liveSearchContainer { height: calc(100% - 70px); min-height: calc(100% - 70px); padding-bottom: 0; } .cleanTheme .liveSearchEmptyFooter .liveSearchContainer { height: 100%; min-height: 100%; } .cleanTheme .liveSearchLoadMore a { background: #f7f7f7; border: 1px solid #ebebeb; } .cleanTheme .liveSearchButtons .content-object-info { top: 10px; /*font-size: 16px;*/ font-weight: normal; } /* Top Nav */ .cleanTheme .top-nav { padding-bottom: 40px; padding-top: 45px; border: none; background: #ffffff; color: #6b7280; } .cleanTheme .top-nav + .all { margin-top: 0; } .cleanTheme .menu-tabs { padding-right: 5px; max-width: 650px; } .cleanTheme .menu-tabs li a, .cleanTheme .menu-tabs .arrow-tab span { background: none; font-weight: 500; font-size: 16px; color: inherit; border: 0; border-radius: 6px; padding: 8px 15px; line-height: 1.25; } .cleanTheme .menu-tabs .arrow-tab span { background: #ffffff55; height: 38px; width: 38px; margin-top: -2px; padding: 0; } .cleanTheme .menu-tabs .arrow-tab span img { border: solid; border-width: 0 2px 2px 0; display: inline-block; padding: 5px; width: 10px; margin-top: 13px; margin-left: 10px; } .cleanTheme .menu-tabs .arrow-tab.left-arrow span img { -webkit-transform: rotate(135deg); transform: rotate(135deg); margin-left: 15px; } .cleanTheme .menu-tabs .arrow-tab.right-arrow span img { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } .cleanTheme .menu-tabs li a:hover, .cleanTheme .menu-tabs .arrow-tab span:hover, .cleanTheme .menu-tabs li.active-tab a, .cleanTheme .menu-tabs .arrow-tab span { color: #3b82f6; color: var(--color); border-bottom: 0; } .cleanTheme .menu-tabs li { padding-left: 8px; } .cleanTheme .top-nav.hasLargeMenu .members-area .user-info .name { display: none; } .cleanTheme .content-tabs { position: relative; z-index: 9; } .cleanTheme .content-tabs li span { padding-top: 2px; padding-bottom: 1px; background: #ffffff; border-color: #e5e7eb; height: 38px; line-height: 32px; border-radius: 6px 6px 0 0; } .cleanTheme .content-tabs li span:hover { background: rgb(240, 240, 240); background: -webkit-linear-gradient(top, rgba(240, 240, 240, 1) 0%, rgba(254, 254, 254, 1) 100%); background: linear-gradient(to bottom, rgba(240, 240, 240, 1) 0%, rgba(254, 254, 254, 1) 100%); } .cleanTheme .content-tabs li.active span { background: #fff; border-bottom: 1px solid #fff; } /* ANNOUNCEMENT */ .cleanTheme .announcements-title { border: 0; background: #f2faf7; color: #04543f; border-radius: 6px; font-weight: 500; padding-left: 25px; } .cleanTheme .announcements-title a { color: #04543f; } .cleanTheme .announcements { padding-left: 25px; } /* Sidebar */ .cleanTheme .sidebar-container.with-border { border-color: #e5e7eb; border-radius: 6px; } .cleanTheme .sidebar-title, .cleanTheme .sidebar-title-small, .cleanTheme a.sidebar-title-small { background: none; font-size: 16px; border-color: #e5e7eb; font-weight: 500; color: #000000; } .cleanTheme .sidebar-title-small:hover { background: #f4f5f7; } .cleanTheme .sidebar-title { border-radius: 6px 6px 0 0; border-bottom: 1px solid #e5e7eb; background: #f7f7f7; } .cleanTheme .sidebar-title + div, .cleanTheme .rightarea.kb-right .kb-articles-list { background: none; border-color: #e5e7eb; border-radius: 0 0 6px 6px; } .sidebar-container .categories-block a, .sidebar-container .agents-block a { margin-left: 45px; } .cleanTheme .categories-block .private { border-left: none; padding-right: 22px; } .cleanTheme .categories-block .private:after { content: ''; display: block; width: 16px; height: 16px; background-image: url(/application/8.12.0/assets/desktop/css/../images/icons/16/private.png); position: absolute; right: 0; top: 13px; } .cleanTheme .categories-block .overflow.private:first-child:after { top: 3px; } .cleanTheme .rightarea.kb-right .kb-articles-list { border-radius: 6px; overflow: hidden; } .cleanTheme .sidebar-title-small, .cleanTheme a.sidebar-title-small { font-weight: normal; } .cleanTheme .sidebar-title-small:last-child { border-bottom: 0; } .cleanTheme .statistics-block .profile-info-row { padding: 0; } .cleanTheme .statistics-block .profile-info-link { padding: 10px 20px; display: block; } .cleanTheme .statistics-block a.statistics-link:hover, .cleanTheme .statistics-block a.profile-info-link:hover { background-color: #f4f5f7; } /* Badges */ .cleanTheme .content-object-status { padding: 0 8px; height: 21px; line-height: 20px; border-radius: 3px; /*border-radius: 1em;*/ } .cleanTheme .comment-content .content-object-status.state-moderation ~ .comment-content-info .idoublecheck { display: none; } /* QUICK ADD */ .cleanTheme .findAddObjects-tabs { border: 0; position: relative; z-index: 10; height: 38px; } .cleanTheme .findAddObjects-input { background: none !important; border: 1px solid #e5e7eb; border-radius: 0 6px 6px 6px; position: relative; top: -1px; } .cleanTheme .findAddObjects-block.findAddObjects-no-types .findAddObjects-input { top: 0; } .cleanTheme .findAddObjects-tabs > a { padding-top: 2px; padding-bottom: 1px; background: #ffffff; border-color: #e5e7eb; height: 38px; } .cleanTheme .findAddObjects-tabs > a.active { background: #fff; border-bottom: 0; } .cleanTheme .findAddObjects-tabs > a:first-child { border-radius: 6px 0 0 0; border-color: #e5e7eb; } .cleanTheme .findAddObjects-tabs > a:last-child { border-radius: 0 6px 0 0; } .cleanTheme .findAddObjects-tabs > a:only-child { border-radius: 6px 6px 0 0; } .cleanTheme .findAddObjects-tabs .ico-small { margin-right: 10px; } .cleanTheme .findAddObjects-block .findAddObjects-tabs > a.active { background: #ffffff !important; } .cleanTheme .findAddObjects-input input, .cleanTheme .knowledge-base-search input { box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05); color: #555; border-radius: 6px 0 0 6px; border: 1px solid rgb(210, 214, 220); border-right: 0; height: 38px; } .cleanTheme .findAddObjects-no-types .findAddObjects-input input { border-color: #e5e7eb; } .cleanTheme .findAddObjects-block.findAddObjects-no-types .findAddObjects-input > span button, .cleanTheme .findAddObjects-block.findAddObjects-no-types .findAddObjects-input > span #reset-search { border-radius: 0 6px 6px 0; } .cleanTheme .findAddObjects-input .b-ur-tab-content { top: 37px; border-color: #e5e7eb; border-radius: 0 0 6px 6px; z-index: 9990; } .cleanTheme .findAddObjects-block.findAddObjects-no-types .findAddObjects-input .b-ur-tab-content { top: 39px; } .cleanTheme .b-ur-tab-content .content-object-info { top: 11px; } .cleanTheme .knowledge-base-search input { padding-left: 15px; color: #000; } .cleanTheme .findAddObjects-input > span { padding-left: 0; } .cleanTheme .findAddObjects-input > div .preloader { top: 11px; } .cleanTheme .findAddObjects-input .button-medium, .cleanTheme .findAddObjects-input #reset-search.button-medium { border-radius: 0 6px 6px 0; } /* OBJECTS */ .cleanTheme .objects .object .content-object-title a { color: #161e2e; } .cleanTheme .content-object-info a, .cleanTheme .content-object-info .as-link { color: inherit; font-size: inherit; } .cleanTheme .objects .object { border-bottom: 0; padding-bottom: 12px; padding-top: 14px; } .cleanTheme .sep { font-size: 7px; top: -1px; } .cleanTheme h2.title-object, .cleanTheme h2.title-object.knowledge_base, .cleanTheme h2.title-block, .cleanTheme h2.title-block.topics-dont-group { background: #f7f7f7 !important; border: 1px solid #e5e7eb !important; border-radius: 6px; font-size: 16px; /*padding: 15px 20px;*/ color: #000000; height: auto; font-weight: normal; margin-bottom: 10px; padding: 0; } .cleanTheme h2.title-object a:not(.subscribe-link), .cleanTheme h2.title-block > a:not(.subscribe-link), .cleanTheme h2.title-block > span.as-link { font-weight: 500; font-size: 16px; color: #000; line-height: 45px; } .cleanTheme h2.title-block.topics-dont-group > a:not(.subscribe-link) { padding-left: 4px; } .cleanTheme h2.title-block.topics-dont-group > a:not(.subscribe-link):first-child { padding-left: 35px; } .cleanTheme h2.title-block a { padding-right: 0; } .cleanTheme h2.title-object i, .cleanTheme h2.title-block i { margin-top: 14px; margin-bottom: 14px; position: relative; } .cleanTheme h2.title-block .filters i.preloader { margin: 8px 5px 0 0; } .cleanTheme h2.title-block i.ico-small[style*="assets/desktop/images/icons/16/category_default.png"], .cleanTheme h2.title-block i.ico-small[style*="assets/desktop/images/icons/16/uncategorized.png"] { display: none !important; } .cleanTheme h2.title-object .subscribe-link, .cleanTheme h2.title-block .subscribe-link { top: 3px; } .cleanTheme h2.title-block.topics-dont-group .subscribe-link.via-rss { top: 2px; left: 0; } .cleanTheme h2.title-block.topics-dont-group .filters { margin-top: 6px; margin-right: 10px; } .cleanTheme .objects-filter { margin-bottom: 42px; } .cleanTheme .objects-filter > span { line-height: 21px; font-size: 12px; } .cleanTheme .objects-filter a:hover, .cleanTheme .knowledge_base ul li a:hover, .cleanTheme .kb-list ul li a:hover { text-decoration: none; } .cleanTheme .objects .object:hover, .cleanTheme .objects-table tr:not(.selected):not(.object-header):hover td { background: #f4f5f7; background-color: var(--color-o15); border-radius: 5px; } .cleanTheme .load-archive i { top: -2px; } .cleanTheme .objects-table td { border-bottom: none; } .cleanTheme .activity-log .objects-table .object-header .title-small { font-weight: normal; } .cleanTheme .activity-log .objects-table .object-header td { border-color: #e5e7eb; } .cleanTheme .objects .object .votes .votes-counter { font-weight: normal; } .cleanTheme .objects .object .all-votes .preloader { margin-top: 10px; } /* PAGE TITLE */ .cleanTheme .page-title, .cleanTheme .allRoadmap .page-title { border: 1px solid #e5e7eb; border-radius: 6px; padding: 14px 20px; margin-bottom: 16px; height: 55px; } .cleanTheme .all .page-title h1.no-wrap, .cleanTheme .all h1 { /*font-weight: 500;*/ /*font-size: 16px;*/ font-weight: normal; font-size: 18px; color: #000; border: 0; } .cleanTheme .all h1.page-title { padding: 14px 20px; border: 1px solid #e5e7eb; } .cleanTheme .allRoadmap .page-title { margin-bottom: 20px; } .cleanTheme .all.main-width .filter-area .filters:after { width: calc(100% + 299px); } .cleanTheme .filter-area .button-small { position: relative; top: 0; right: 8px; } .cleanTheme .filter-area { bottom: -8px; } .cleanTheme .filter-area .filter-area-buttons + .filters { bottom: -4px; } .cleanTheme .filter-area .filters .preloader, .cleanTheme .profile-log-objects .filter-area .preloader { top: -13px; } .cleanTheme .filter-area > .filter-select.filter-links { top: -1px; vertical-align: middle; } .cleanTheme .page-title .subscribe-link.via-rss { bottom: 15px; } .cleanTheme .filter-area .filter-select .filter-select-text { max-width: 200px; overflow: hidden; text-overflow: ellipsis; } /* FILTERS */ .cleanTheme .filter-select .filter-select-text { border-bottom: 0; color: #3b82f6; color: var(--color); margin: 0 10px 0 11px; padding: 0 14px 0 0; position: relative; height: 33px; line-height: 33px; display: block; } .cleanTheme .filter-select.opened .filter-select-text { margin: 0 10px 0 11px; padding: 0 14px 0 0; border: none; } .cleanTheme .filter-select .filter-select-text i { display: none; } .cleanTheme .filter-select.opened .filter-select-text:before { display: none; } .cleanTheme .filter-select-text:after, .cleanTheme .filter-select.opened .filter-select-text:after, .cleanTheme .spoiler-title:before { content: ""; width: 0; height: 0; border-left: 4px solid transparent; border-right: 4px solid transparent; border-top: 4px solid; position: absolute; right: 0; top: 16px; background: none; bottom: auto; } .cleanTheme .spoiler-title:before { position: relative; top: -2px; right: 0; margin-right: 10px; } .cleanTheme .filter-select:not(.filter-with-search).opened .filter-select-text { background: none; border-color: transparent; } .cleanTheme .new-object .filter-select .filter-select-text, .cleanTheme .custom-select-as-select .filter-select .filter-select-text { margin: 0; padding-left: 10px; height: 40px; line-height: 38px; border: 1px solid #e4e6e8; color: #acacac; } .cleanTheme .new-object .filter-select.opened .filter-select-text, .cleanTheme .custom-select-as-select .filter-select.opened .filter-select-text { border: 1px solid #e4e6e8; margin: 0; padding-left: 10px; } .cleanTheme .new-object .add-object-type .filter-select .filter-select-text { height: 34px; color: #fff; line-height: 34px; padding-left: 25px; padding-right: 25px; border: none; } .cleanTheme .filter-select .filter-select-list, .cleanTheme .options-button .list-options { background: #fff; border-color: #ebedf0; border-radius: 3px; box-shadow: 0 0 5px #ebedf0; outline: none; z-index: 9999; } .cleanTheme .filter-select .filter-select-list li, .cleanTheme .new-object .filter-select .filter-select-list li, .cleanTheme .custom-select-as-select .filter-select .filter-select-list li, .cleanTheme .options-button .list-options li > a, .cleanTheme .options-button .list-options li > span, .cleanTheme .select_ajax-results .select_ajax-result-label { color: #656565; padding-top: 10px; padding-bottom: 10px; border: none; } .cleanTheme .select_ajax-results { padding: 0; } .cleanTheme .select_ajax-results .select_ajax-result-label { padding: 10px 12px 10px 10px; } .cleanTheme .filter-select .filter-select-list li:hover, .cleanTheme .new-object .filter-select .filter-select-list li:hover, .cleanTheme .custom-select-as-select .filter-select .filter-select-list li:hover, .cleanTheme .options-button .list-options li > a:hover, .cleanTheme .options-button .list-options li > span:hover, .cleanTheme .select_ajax-results .select_ajax-highlighted { /*background: #f4f5f7;*/ background: #ededed; color: #656565; } .cleanTheme .filter-select .filter-select-list.with-images li, .cleanTheme .new-object .filter-select .filter-select-list.with-images li { padding-left: 10px; } .cleanTheme .filter-select.filter-with-image .filter-select-text img, .cleanTheme .filter-select .filter-select-list.with-images li img, .cleanTheme .new-object .filter-select .filter-select-list.with-images li img { display: none; } .cleanTheme .filter-select .filter-select-list li a { color: inherit; } .cleanTheme .new-object .filter-select .filter-select-text:after, .cleanTheme .new-object .filter-select.opened .filter-select-text:after, .cleanTheme .custom-select-as-select .filter-select .filter-select-text:after, .cleanTheme .custom-select-as-select .filter-select.opened .filter-select-text:after, .cleanTheme .new-object .select_ajax-container-multi.input-multistep .select_ajax-choices:after { border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 5px solid; top: 17px; right: 10px; } .cleanTheme .new-object .select_ajax-container-multi.input-multistep .select_ajax-choices:after { color: #acacac; } .cleanTheme .new-object .filter-select.filter-with-search.opened .filter-select-text:after, .cleanTheme .custom-select-as-select .filter-select.filter-with-search.opened .filter-select-text:after { border: none; top: 13px; } .cleanTheme .members-area.options-button:hover .user-info, .cleanTheme .members-area.options-button.opened .user-info { /*border-color: transparent;*/ -webkit-box-shadow: none; box-shadow: none; background: none; color: #3b82f6; color: var(--color); border: none; padding: 7px 11px 4px; } .cleanTheme .add-object-type .filter-select-text:after { display: none; } .cleanTheme .add-object-type .filter-select-list { margin-top: 1px; } .cleanTheme .filter-select-list li[data-value="unread"] span { background-color: #3b82f6; background-color: var(--color); } /* Roadmap */ .cleanTheme .allRoadmap .roadmap-column, .cleanTheme .kanbanBoardWidget .roadmap-column { width: 270px; } .cleanTheme .allRoadmap .page-title + .roadmap-progress { top: 54px; } .cleanTheme .allRoadmap .roadmap-progress { width: auto; left: 4px; right: 4px; } .cleanTheme .roadmap-item-content a { color: #555555; } .cleanTheme .roadmap-item-info .objectVotes { padding-left: 15px; } .cleanTheme .roadmap-item-info .objectVotes { color: #acacac; } .cleanTheme .roadmap-item-info .objectVotes .objectVoteButton:not(.objectVotePreloader) { border: 4px solid transparent; border-bottom: 6px solid; height: 0; width: 0; display: inline-block; background: none !important; } .cleanTheme .roadmap-item-info .objectVotes .objectVoteButton.objectVotePreloader { width: 12px; height: 12px; top: 2px; left: -2px; } .cleanTheme .roadmap-item-info .objectVotes:hover .objectVotesCount { color: inherit; } /* OPTIONS BUTTON */ .cleanTheme .options-button:hover span.button-small, .cleanTheme .options-button.opened span.button-small { border-radius: 6px; border: 1px solid rgba(210, 214, 220, 1); background: #fff; height: 38px; } .cleanTheme .options-button .button-small.options > i { margin-top: 3px; } .cleanTheme .options-button .button-small.options > i.preloader { margin-top: 0; } /* Breadcrumbs */ .cleanTheme .breadcrumbs { border-bottom: 0; } .cleanTheme .breadcrumbs a { background-position: 100% 7px; color: #acacac; } /* Object Full */ .cleanTheme .object-full-info h1 { border: 0; } .cleanTheme .mainArea.object-max-width { max-width: 870px; } .cleanTheme .object-full.ticket .title-object-full, .cleanTheme .wrap-container .object-full.ticket, .cleanTheme .object-full.ticket .moderation-links { border: 1px solid #e5e7eb; } .cleanTheme .object-full.ticket .title-object-full { border-width: 0 0 1px 0; } .cleanTheme .object-full.ticket .moderation-links { border-width: 1px 0 0 0; } .cleanTheme .object-full .title-object-full, .cleanTheme .wrap-container .object-full, .cleanTheme .object-full .moderation-links { background: none; border-color: #e5e7eb; } .cleanTheme .object-full { border-radius: 6px; } .cleanTheme .object-full h1, .cleanTheme .full-article h1 { font-size: 20px; } .cleanTheme .object-full h1 { padding-top: 15px; } .cleanTheme .object-full .author-info { padding-bottom: 15px; } .cleanTheme .author-info a, .cleanTheme .author-info a span { color: inherit; } .cleanTheme .object-full-icons-bar { display: inline-block; margin-left: 5px; visibility: hidden; margin-top: -2px; } .cleanTheme .object-full:hover .object-full-icons-bar { visibility: visible; } .cleanTheme .object-full-icons-bar a { display: inline-block; margin-left: 5px; } .cleanTheme .object-full-icons-bar i { display: block; background-position: 50% 50%; background-repeat: no-repeat; width: 16px; height: 16px; font-size: 0; line-height: 0; text-indent: -5000px; vertical-align: inherit; position: relative; bottom: -3px; } .cleanTheme .object-full-type { position: relative; height: 26px; width: 26px; top: 15px; margin-right: 17px; padding: 5px; border-radius: 13px; margin-left: 5px; } .cleanTheme .object-full.idea .object-full-type { background: #ffa700; } .cleanTheme .object-full.problem .object-full-type { background: #fb5144; } .cleanTheme .object-full.question .object-full-type { background: #61bf28; } .cleanTheme .object-full.ticket .object-full-type { background: #fb5144; } .cleanTheme .object-full-type .ico-small { cursor: default; } .cleanTheme .moderation-links { display: table; width: 100%; } .cleanTheme .title-object-full + .moderation-links { margin-top: -1px; } .cleanTheme .title-object-full:last-child { border-bottom: none; } .cleanTheme .moderation-links .files-object-full { display: table-cell; border: none; margin: 0; width: 100%; padding-left: 0; padding-right: 0; } .cleanTheme .moderation-links .object-actions { display: table-cell; width: 1%; white-space: nowrap; float: none; } .cleanTheme .moderation-links .object-actions:only-child { text-align: right; } .cleanTheme .moderation-links .object-actions .object_complete.completed { text-align: right; } .cleanTheme .moderation-links .subscribe-link.email { top: 3px; position: relative; } .cleanTheme .button-vote { width: 100%; text-align: center; font-size: 14px; text-transform: uppercase; transition: all 0.3s ease; border: 1px solid #3b82f6; border-color: var(--color); line-height: 21px; height: 42px; padding-top: 10px; padding-bottom: 10px; } .cleanTheme .button-vote:before { content: ''; border: 5px solid transparent; border-bottom: 9px solid; height: 0; display: inline-block; position: relative; margin-right: 5px; } .cleanTheme .button-vote.disabled { opacity: 1; cursor: default; border-color: #D2D6DC !important; color: #acacac !important; background: #ffffff; } .cleanTheme .button-vote[data-voted="1"], .cleanTheme .button-vote[data-voted="1"]:hover { background: #ffffff; color: #3b82f6; color: var(--color); } .cleanTheme .button-vote[data-voted="1"]:hover { border-color: #3467ce; border-color: var(--hover-color); color: #3467ce; color: var(--hover-color); } .cleanTheme .full-object-votes { display: table; margin-bottom: 10px; width: 100%; } .cleanTheme .full-object-votes > div { display: table-cell; width: 100%; white-space: nowrap; vertical-align: top; padding-left: 10px; } .cleanTheme .full-object-votes > div:first-child { padding-left: 0; } .cleanTheme .assigned-agents-block .employee-info .employee-responsible { font-size: 14px; padding: 0 8px; height: 21px; line-height: 20px; border-radius: 3px; display: inline-block; } .cleanTheme .full-object-votes .subscribe-link.via-rss { top: 12px; margin-left: 5px; } .cleanTheme .subscribe-link.email.button-small { vertical-align: top; height: 42px; padding-top: 10px; padding-bottom: 10px; } .cleanTheme .subscribe-link.email.button-small i { top: 2px; } .cleanTheme .subscribe-link.email.button-small.button-full { width: 100%; text-align: center; font-size: 14px; line-height: 21px; height: 42px; padding-top: 10px; padding-bottom: 10px; } .cleanTheme .subscribe-link.email.button-small.button-full i { top: -1px; margin-right: 5px; } .cleanTheme .moderation-line .filter-select .filter-select-text, .cleanTheme .moderation-line .preloader { color: #ffffff; } .cleanTheme .article-helpful { height: auto; background: #f7f7f7; border-color: #e5e7eb; padding: 17px 0; } .cleanTheme .helpful-question, .cleanTheme .helpful-buttons { float: none; text-align: center; padding: 0; } .cleanTheme .helpful-question { font-weight: 300; font-size: 16px; color: #999; margin-bottom: 5px; } .cleanTheme .helpful-buttons .kb-vote-link { color: #777; font-weight: normal; } .cleanTheme .helpful-buttons .kb-vote-link.active, .cleanTheme .helpful-buttons:not(.object-voted) .kb-vote-link:hover { color: #000; } .cleanTheme .helpful-buttons .kb-vote-link i.ico-small { width: 32px; height: 32px; margin-right: 5px; } .cleanTheme .helpful-social { display: none; } .cleanTheme .full-article-title-wrapper > .private-icon .iprivate { top: 6px; } .cleanTheme .filter-area .print-page { position: relative; top: -2px; } .cleanTheme .full-article .subscribe-link.email, .cleanTheme .object-full.announcement .subscribe-link.email { font-size: 0; width: 16px; height: 16px; display: inline-block; top: 6px; position: relative; vertical-align: top; } .cleanTheme .title-object-full .subscribe-link.via-rss { top: 5px; } .cleanTheme .full-article .subscribe-link.email { margin-right: 10px; } /* Not Found */ .cleanTheme .result-not-found { margin-left: 0; margin-right: 0; border-color: #e5e7eb; } /* Paginator */ .cleanTheme ul.paginator li { background: #ffffff; -webkit-box-shadow: none; box-shadow: none; } .cleanTheme ul.paginator li:hover { -webkit-box-shadow: none; box-shadow: none; } .cleanTheme ul.paginator li span.cur { background: none; -webkit-box-shadow: none; box-shadow: none; border-color: #3b82f6; border-color: var(--color); color: #3b82f6; color: var(--color); } .cleanTheme ul.paginator li a, .cleanTheme ul.paginator li span { width: 35px; height: 34px; line-height: 34px; color: #555555; border-color: #e5e7eb transparent; } .cleanTheme ul.paginator li a.previous, .cleanTheme ul.paginator li a.next { border: 1px solid #e5e7eb; } .cleanTheme ul.paginator li a:hover { color: #3b82f6; color: var(--color); background-color: rgba(59, 130, 246, 0.19); background-color: var(--color-o15); } .cleanTheme ul.paginator li .previous { background-position: 13px center; background-color: #ffffff; } .cleanTheme ul.paginator li .next { background-position: -9px center; background-color: #ffffff; } /* Knowledge Base */ .cleanTheme h2.title-object.knowledge_base > a { padding-left: 25px; } .cleanTheme h2.title-object.knowledge_base > a span { border: none; margin-top: 0; } .cleanTheme .list-marker li a, .cleanTheme .similar-topics-block .ur-description a { color: #898989; } .cleanTheme .list-marker li a.active { color: #000000; } /* Announcements */ .cleanTheme .announcements a { color: #555555; } .cleanTheme .announcements-title a.subscribe-link.via-rss { top: -1px; } /* Widgets */ .cleanTheme .widgetContainer { margin-bottom: 50px; } .cleanTheme .wrap-container .extra-widgets { position: relative; margin-bottom: 50px; margin-top: -30px; padding-top: 30px; } .cleanTheme .wrap-container .extra-widgets[data-search-style="2"] .welcomeMessageWidget *, .cleanTheme .wrap-container .extra-widgets[data-search-style="2"] input, .cleanTheme .wrap-container .extra-widgets[data-search-style="2"] .preloader { color: #ffffff; } .cleanTheme .wrap-container .extra-widgets .widgetContainer { position: relative; z-index: 50; margin-bottom: 30px; } .cleanTheme .wrap-container .extra-widgets:before { content: ""; position: absolute; left: 50%; right: 0; top: 0; /*background: #fbfbfb;*/ height: 100%; width: 100vw; z-index: 0; margin-left: -50vw; display: block; } @media all and (max-width: 999px) { .cleanTheme .wrap-container .extra-widgets:before { display: none; } } @media all and (min-width: 1000px) { .cleanTheme .wrap-container .extra-widgets[data-search-style="2"], .cleanTheme .wrap-container .extra-widgets[data-search-style="1"] { background: none; } } .cleanTheme .sidebar-container .widgetContainer { margin-bottom: 20px; } .cleanTheme .extra-widgets .findAddObjects-block.findAddObjects-no-types .findAddObjects-header { display: none; } .cleanTheme .extra-widgets .findAddObjects-block.findAddObjects-no-types { width: 60%; margin: 0 auto; padding-bottom: 20px; } .cleanTheme .wrap-container .extra-widgets[data-search-style="2"] input { background: transparent; border: 1px solid #ffffff; border-radius: 6px; padding-right: 40px; } .cleanTheme .wrap-container .extra-widgets[data-search-style="2"] input::-moz-placeholder { color: #ffffff; opacity: 0.7; } .cleanTheme .wrap-container .extra-widgets[data-search-style="2"] input::-webkit-input-placeholder { color: #ffffff; opacity: 0.7; } .cleanTheme .wrap-container .extra-widgets[data-search-style="2"] input::-ms-input-placeholder { color: #ffffff; opacity: 0.7; } .cleanTheme .extra-widgets[data-search-style="2"] .findAddObjects-block.findAddObjects-no-types .findAddObjects-input { width: 100%; } .cleanTheme .extra-widgets[data-search-style="2"] .findAddObjects-block.findAddObjects-no-types .findAddObjects-input > span button, .cleanTheme .extra-widgets[data-search-style="2"] .findAddObjects-block.findAddObjects-no-types .findAddObjects-input > span button#reset-search { position: absolute; background: transparent; right: 2px; top: 0; left: auto; border-top: none; border-right: none; border-bottom: none; } .cleanTheme .extra-widgets[data-search-style="2"] .hasPreloader .findAddObjects-block.findAddObjects-no-types .findAddObjects-input > span button { visibility: hidden; } .cleanTheme .extra-widgets[data-search-style="2"] .findAddObjects-block.findAddObjects-no-types .findAddObjects-input > div .preloader { right: 15px; z-index: 9; } .cleanTheme .extra-widgets[data-search-style="2"] .findAddObjects-block img[src$="assets/desktop/images/icons/16/delete-cross.png"], .cleanTheme .findAddObjects-block img[src$="assets/desktop/images/icons/16/delete-cross.png"] { background: url(/application/8.12.0/assets/desktop/css/../images/icons/16/cross.png) center no-repeat; padding: 8px; width: 16px; height: 16px; background-size: contain; } .cleanTheme .widgetContainer .page-title { /*border: none;*/ padding: 0 25px; font-size: 16px; color: #000000; line-height: 45px; height: 45px; margin-bottom: 0; font-weight: 500; background: #f7f7f7; } .cleanTheme .widgetContainer .roadmap-progress { width: auto; left: 4px; right: 4px; } .cleanTheme .tiles-image { background-color: #ffffff; } .cleanTheme .tiles-block li > a:hover .tiles-image { /*background-color: #f7f7f7;*/ background-color: #fff; } .cleanTheme .faq-index-kb h2 { font-size: 20px; margin-bottom: 20px; } .cleanTheme .faq-index-kb .faq-lists { padding-top: 15px; padding-bottom: 15px; } .cleanTheme .faq-index-kb .faq-lists li { padding-top: 10px; padding-bottom: 10px; } .cleanTheme .faq-index-kb .faq-lists li a { font-size: 16px; } .cleanTheme .featured-index-kb.kb-list ul li { padding-top: 15px; padding-bottom: 15px; } .cleanTheme .featured-index-kb.kb-list ul li a { font-size: 16px; } .cleanTheme .welcomeMessageWidget .buttonsWidgetBackground:before { content: ""; position: absolute; left: 50%; right: 0; top: 0; /*background: #f5f8fb;*/ bottom: 0; width: 100vw; z-index: 0; margin-left: -50vw; border-top: 1px solid #bcc4cc; min-width: 100%; } @media all and (max-width: 999px) { .cleanTheme .welcomeMessageWidget .buttonsWidgetBackground:before { left: 0; margin-left: 0; } } .cleanTheme .extra-widgets + .widgetContainer .welcomeMessageWidget .buttonsWidgetBackground { margin-top: -50px; } .cleanTheme .wrap-container > .widgetContainer:first-child .welcomeMessageWidget .buttonsWidgetBackground { margin-top: -30px; } .cleanTheme .wrap-container .widgetContainer:first-child .welcomeMessageWidget .buttonsWidgetBackground:before { border-top: none; } /* Profile */ .cleanTheme[data-page="profile"] .page-title, .cleanTheme[data-page="profile_me"] .page-title { display: none; } .cleanTheme[data-page="profile"] .wrap-container > .filter-area, .cleanTheme[data-page="profile_me"] .wrap-container > .filter-area { z-index: 20; position: absolute; right: 0; top: 45px; bottom: auto; } .cleanTheme .profile-top { position: relative; width: auto; margin-bottom: 30px; margin-top: 15px; background: #ffffff; } .cleanTheme .profile-top:before { content: ''; width: 100%; height: 1px; position: absolute; left: 0; top: 70px; z-index: 1; border-bottom: 1px solid #e5e7eb; } .cleanTheme .profile-top-content { position: relative; z-index: 9; } .cleanTheme .profile-top-content > div { display: inline-block; vertical-align: top; } .cleanTheme .profile-top-content .user-image { margin-right: 30px; border: 1px solid #e5e7eb; border-radius: 50%; padding: 7px; background: #fff; margin-left: 100px; } .cleanTheme .profile-top-content .user-image img { width: 128px; position: relative; z-index: 9; } .cleanTheme .profile-user-name { font-weight: 500; font-size: 24px; line-height: 32px; margin-top: 30px; color: #000000; } .cleanTheme .profile-user-info { display: table; width: 650px; margin-top: 35px; color: #141923; } .cleanTheme .profile-user-info > div { display: table-cell; width: 25%; padding-left: 80px; } .cleanTheme .profile-user-info > div:first-child { padding-left: 0; } .cleanTheme .profile-user-info .info-title { font-weight: normal; color: #50555F; } .cleanTheme .profile-log { display: flex; align-items: stretch; } .cleanTheme .profile-log-objects { /*overflow: hidden;*/ position: relative; padding-top: 20px; flex-grow: 10; } .cleanTheme .profile-log .filter-select.opened .filter-select-list { right: 0; left: auto; } .cleanTheme .profile-log .rightarea { width: 330px; margin-top: 39px; } .cleanTheme .profile-info-block { display: block; } .cleanTheme .profile-info-row:first-child { padding-top: 0; } .cleanTheme .profile-info-row .profile-info-link, .cleanTheme .profile-info-row .profile-info-num { font-weight: normal; } .cleanTheme .profile-info-row .profile-info-link i { top: 0; } .cleanTheme .profile-log .profile-info-row[data-id="user_gamification_points"] { padding-bottom: 35px; } .cleanTheme .profile-info-row .award-progress-block { bottom: 15px; display: block; position: absolute; right: 0; left: 0; margin-left: 17px; } .cleanTheme .award-progress-bar { width: calc(100% - 75px); background: #ffffff; border: 1px solid #e5e7eb; border-radius: 5px; height: 10px; padding: 1px 2px; top: -2px; } .cleanTheme .award-progress-bar .award-progress-points { display: none; } .award-progress-bar .progress { height: 6px; /*background: #7EB447;*/ border-radius: 3px; } .cleanTheme .modalFooter .cancel-user-account { margin-top: 9px; } /* Icons */ .cleanTheme .subscribe-link.via-rss { background-image: url(/application/8.12.0/assets/desktop/css/../images/icons-clean/rss.png); } .cleanTheme .subscribe-link.via-rss:hover { background-image: url(/application/8.12.0/assets/desktop/css/../images/icons-clean/rss-color.png); } .cleanTheme .findAddObjects-tabs #idea i.ico-small, .cleanTheme .idea:not(.new-object) i.ico-small, .cleanTheme #idea i.ico-small, .cleanTheme .ico-small.iidea { background-image: url(/application/8.12.0/assets/desktop/css/../images/icons-clean/idea-color.png); background-size: contain; } .cleanTheme .ico-small[style*="feedback/assets/desktop/images/icons/idea.png"] { background-image: url(/application/8.12.0/assets/desktop/css/../images/icons-clean/idea-color.png) !important; background-size: contain; } .cleanTheme img[src$="feedback/assets/desktop/images/icons/idea.png"] { background: url(/application/8.12.0/assets/desktop/css/../images/icons-clean/idea-color.png) center no-repeat; padding: 8px; width: 16px; height: 16px; background-size: contain; } .cleanTheme .findAddObjects-tabs #problem i.ico-small, .cleanTheme .problem:not(.new-object) i.ico-small, .cleanTheme #problem i.ico-small, .cleanTheme .ico-small.iproblem { background-image: url(/application/8.12.0/assets/desktop/css/../images/icons-clean/problem-color.png); background-size: contain; } .cleanTheme .ico-small[style*="feedback/assets/desktop/images/icons/problem.png"] { background-image: url(/application/8.12.0/assets/desktop/css/../images/icons-clean/problem-color.png) !important; background-size: contain; } .cleanTheme img[src$="feedback/assets/desktop/images/icons/problem.png"] { background: url(/application/8.12.0/assets/desktop/css/../images/icons-clean/problem-color.png) center no-repeat; padding: 8px; width: 16px; height: 16px; background-size: contain; } .cleanTheme .findAddObjects-tabs #question i.ico-small, .cleanTheme .question:not(.new-object) i.ico-small, .cleanTheme #question i.ico-small, .cleanTheme .ico-small.iquestion { background-image: url(/application/8.12.0/assets/desktop/css/../images/icons-clean/question-color.png); background-size: contain; } .cleanTheme .ico-small[style*="feedback/assets/desktop/images/icons/question.png"] { background-image: url(/application/8.12.0/assets/desktop/css/../images/icons-clean/question-color.png) !important; background-size: contain; } .cleanTheme img[src$="feedback/assets/desktop/images/icons/question.png"] { background: url(/application/8.12.0/assets/desktop/css/../images/icons-clean/question-color.png) center no-repeat; padding: 8px; width: 16px; height: 16px; background-size: contain; } .cleanTheme .iresponse, .cleanTheme .ico-small[style*="desktop/images/icons/16/responses.png"] { background-image: url(/application/8.12.0/assets/desktop/css/../images/icons-clean/responses.png) !important; } .cleanTheme img[src$="desktop/images/icons/16/responses.png"] { background: url(/application/8.12.0/assets/desktop/css/../images/icons-clean/responses.png) center no-repeat; padding: 8px; width: 16px; height: 16px; background-size: contain; } .cleanTheme .sidebar-title-small.kb .ico-small, .cleanTheme .knowledge_base .ico-small, .cleanTheme .ico-small[style*="knowledge-base/assets/desktop/images/icons/16/icon_small.png"] { background-image: url(/application/8.12.0/assets/desktop/css/../images/icons-clean/article.png) !important; } .cleanTheme .sidebar-title-small.faq .ico-small, .cleanTheme .knowledge_base.faq .ico-small, .cleanTheme .ico-small[style*="knowledge-base/assets/desktop/images/icons/16/faq.png"] { background-image: url(/application/8.12.0/assets/desktop/css/../images/icons-clean/faq.png) !important; } .cleanTheme .ico-small[style*="desktop/images/icons/16/sibscribe.png"] { background-image: url(/application/8.12.0/assets/desktop/css/../images/icons-clean/subscriptions.png) !important; } .cleanTheme .ico-small[style*="helpdesk/assets/desktop/images/conversation.png"] { background-image: url(/application/8.12.0/assets/desktop/css/../images/icons-clean/conversation.png) !important; } .cleanTheme .ico-small[style*="assets/desktop/images/icons/16/comments.png"], .cleanTheme .ico-small[style*="assets/desktop/images/icons/16/log-comments.png"] { background-image: url(/application/8.12.0/assets/desktop/css/../images/icons-clean/replies.png) !important; } .cleanTheme .ico-small[style*="assets/desktop/images/icons/16/users.png"] { background-image: url(/application/8.12.0/assets/desktop/css/../images/icons-clean/users.png) !important; } .cleanTheme .ico-small[style*="assets/desktop/images/vote/active-pos.png"] { background-image: url(/application/8.12.0/assets/desktop/css/../images/icons-clean/heart.png) !important; } .cleanTheme .subscribe-user a.notSubscribe, .cleanTheme .subscribe-link.email:not(.button-small), .cleanTheme .subscribe-link.email.button-small i { -webkit-mask: url(/application/8.12.0/assets/desktop/css/../images/icons-clean/mail-notify.svg) no-repeat 50% 50%; mask: url(/application/8.12.0/assets/desktop/css/../images/icons-clean/mail-notify.svg) no-repeat 50% 50%; -webkit-mask-size: 16px; mask-size: 16px; background-color: #acacac; background-image: none; } .cleanTheme .subscribe-link.email:not(.button-small).hasPreloader { background: none !important; -webkit-mask: none; mask: none; color: inherit; } .cleanTheme .subscribe-link.email:not(.button-small).hasPreloader i { top: 0; right: 0; margin: auto; } .cleanTheme .subscribe-link.email.button-small.hasPreloader i { -webkit-mask: none; mask: none; } .cleanTheme .subscribe-user a.notSubscribe.subscribed, .cleanTheme .subscribe-link.email:not(.button-small).subscribed, .cleanTheme .subscribe-link.email.button-small.subscribed i { background-color: #3b82f6; background-color: var(--color); } .cleanTheme div > .object_archive, .cleanTheme .object_archive i, .cleanTheme .iarchive { background-image: url(/application/8.12.0/assets/desktop/css/../images/icons-clean/archive.png); } .cleanTheme .comment-reply i { background-image: url(/application/8.12.0/assets/desktop/css/../images/icons-clean/reply-comment.png); } .cleanTheme .permalink i:not(.preloader), .cleanTheme .ipermalink { background-image: url(/application/8.12.0/assets/desktop/css/../images/icons-clean/get-link.png); } .cleanTheme .edit-comment i, .cleanTheme .edit-gray { background-image: url(/application/8.12.0/assets/desktop/css/../images/icons-clean/edit-gray.png); } .cleanTheme .edit-comment i { opacity: 1; } .cleanTheme .comments-best i { background-image: url(/application/8.12.0/assets/desktop/css/../images/icons-clean/best-answer.png); } .cleanTheme .comment.best-answer .comments-best i { background-image: url(/application/8.12.0/assets/desktop/css/../images/icons-clean/not-best-answer.png); } .cleanTheme #object_edit, .cleanTheme .object_edit i, .cleanTheme .iedit, .cleanTheme .object-actions .object_edit { background-image: url(/application/8.12.0/assets/desktop/css/../images/icons-clean/edit-black.png); } .cleanTheme .options i, .cleanTheme .user-group-notification i { background-image: url(/application/8.12.0/assets/desktop/css/../images/icons-clean/settings.png); } .cleanTheme .ico-big[style*="assets/desktop/images/icons/32/category_default.png"] { background-image: url(/application/8.12.0/assets/desktop/css/../images/icons-clean/category_default.png) !important; } .cleanTheme .delete-comment i { background-image: url(/application/8.12.0/assets/desktop/css/../images/icons-clean/trash-gray.png) !important; } .cleanTheme div > .object_trash, .cleanTheme .object_trash i, .cleanTheme .itrash { background-image: url(/application/8.12.0/assets/desktop/css/../images/icons-clean/trash-black.png) !important; } .cleanTheme img[src$="assets/desktop/images/home.png"] { background: url(/application/8.12.0/assets/desktop/css/../images/icons-clean/home.png) center no-repeat; padding: 8px; width: 16px; height: 16px; background-size: contain; } .cleanTheme[data-header-style="2"] img[src$="assets/desktop/images/home.png"] { background-image: url(/application/8.12.0/assets/desktop/css/../images/icons-clean/home-white.png); } .cleanTheme .ivoteHappy { background-image: url(/application/8.12.0/assets/desktop/css/../images/icons-clean/happy.png); } .cleanTheme .ivoteConfused { background-image: url(/application/8.12.0/assets/desktop/css/../images/icons-clean/confused.png); } .cleanTheme .ivoteSad { background-image: url(/application/8.12.0/assets/desktop/css/../images/icons-clean/sad.png); } /* Comments */ .cleanTheme .comment { padding-right: 0; } .cleanTheme span.best-answer { font-size: 18px; } .cleanTheme .comment-actions { display: inline-block; font-size: 0; position: relative; top: 2px; opacity: 0; } .comment:hover .comment-actions { opacity: 1; } .cleanTheme .comment-actions a { margin-left: 10px; margin-right: 0; display: inline-block; } .cleanTheme .comment-actions i { margin: 0; } .cleanTheme .comment-content .comment-content-info .comment-actions .preloader { top: auto; margin-right: 5px; } .cleanTheme .comment:not(.comment-reply-to) { border-bottom: none; } .cleanTheme .comment.comment-reply-to { background: none; position: relative; } .cleanTheme .comment.comment-reply-to:before { content: ''; width: 1px; height: 100%; position: absolute; left: -42px; top: -20px; border-left: 1px dashed #acacac; } .cleanTheme .comment-content-info .award-title { font-size: 14px; } .cleanTheme .comment-content .rating-response { padding: 2px 10px; border-radius: 6px; color: #acacac; } .cleanTheme .comment-content .good-comment i { border: 4px solid transparent; border-bottom: 6px solid; height: 0; width: 0; display: inline-block; position: relative; background: none; top: 4px; margin-right: 1px; -webkit-mask: unset; mask: unset; } .cleanTheme .comment-content .rating-response:not(.author):hover { background: #3b82f6; background: var(--color); color: #fff; } .cleanTheme .comment-content .rating-response:hover .good-comment i { background: none; } .cleanTheme .comment-content .rating-response .good-comment.preloader { width: 14px; height: 14px; margin-left: -5px; } .cleanTheme .files-comment { margin-right: 15px; } .cleanTheme .files-object-full a.preloader-image .preloader, .cleanTheme .files-comment a.preloader-image .preloader { top: 3px; } .cleanTheme .leave-comment-block .leave-comment-title { border-radius: 6px 6px 0 0; } .cleanTheme .leave-comment-block.hidden-add-comment .leave-comment-title { border-radius: 6px; } .cleanTheme .leave-comment-block .attachments-block { border-radius: 0 0 6px 6px; } /* Modal */ .cleanTheme .modal-list-checkbox-icons a, .cleanTheme .modal-list-radio-icons a { color: inherit; } .cleanTheme .modalHeader, .cleanTheme .redactor_modal_header { font-size: 16px; font-weight: 500; color: #000000; padding-top: 20px; } .cleanTheme .modalBlock > label.title-small, .cleanTheme .modalBlock > span.title-small { font-weight: normal; } .cleanTheme div.modalFooter, .cleanTheme .redactor_modal footer { padding-top: 11px; padding-bottom: 11px; } .cleanTheme .modalFooter > .preloader { margin-top: 12px; } .cleanTheme .modal-universal-table .objects-table tr:not(.selected):not(.object-header):hover td { background-color: transparent; } .cleanTheme .modalFooter .helpful-buttons { margin-bottom: 9px; margin-top: -4px; } .cleanTheme .modalFooter .helpful-question { margin-bottom: 0; margin-top: 2px; } .cleanTheme .modalFooter.api-settings { padding-top: 15px; padding-bottom: 15px; } .cleanTheme .modalFooter.api-settings > .preloader { margin-top: 8px; } /* Object Add */ .cleanTheme .redactor_dropdown a { color: #000; } .cleanTheme .properties-list .forCheckbox { top: 5px; } /* Color Header */ .cleanTheme[data-header-style="1"] .top-nav { background: #f7f7f7; } .cleanTheme[data-header-style="2"] .top-nav { background: #3b82f6; background: var(--color); color: #ffffff; } .cleanTheme[data-header-style="2"] .menu-tabs li a:hover, .cleanTheme[data-header-style="2"] .menu-tabs .arrow-tab span, .cleanTheme[data-header-style="2"] .menu-tabs .arrow-tab span:hover, .cleanTheme[data-header-style="2"] .menu-tabs li.active-tab a { color: inherit; } .cleanTheme[data-header-style="2"] .menu-tabs .arrow-tab span { background-color: #3b82f6; background-color: var(--color-o55); } .cleanTheme[data-header-style="2"] .menu-tabs li a:hover { text-decoration: underline; } .cleanTheme[data-header-style="2"] .menu-tabs li.tab-button a { color: #3b82f6; color: var(--color); background-color: #ffffff; text-decoration: none; } .cleanTheme[data-header-style="2"] .menu-tabs li.tab-button a:hover { background-color: #ffffffee; } .cleanTheme[data-header-style="2"] .top-nav .filter-select .filter-select-text, .cleanTheme[data-header-style="2"] .top-nav .members-area .user-info { color: #ffffff; } .cleanTheme[data-header-style="2"] #search-form { border-color: #ffffffdd; } .cleanTheme[data-header-style="2"] #search-form:hover { border-color: #ffffff; } .cleanTheme[data-header-style="2"] #search-form input.search-submit[src$="assets/desktop/images/search.png"] { background-color: #ffffffdd; } .cleanTheme[data-header-style="2"] #search-form input.search-submit[src$="assets/desktop/images/search.png"]:hover { background-color: #ffffff; } .cleanTheme[data-header-style="2"] .infoLogin-block.no-login a { color: #ffffff; } /* Mane Page Widgets */ .cleanTheme .knowledge_base_widget[data-style="2"] .kb-category { max-width: 213px; } .cleanTheme .knowledge_base_widget[data-style="1"] .kb-category { max-width: 274px; } .cleanTheme .knowledge_base_widget[data-style="1"] .kb-category a, .cleanTheme .knowledge_base_widget[data-style="2"] .kb-category a { border-radius: 6px; } .cleanTheme .knowledge_base_widget[data-style="0"] .kb-category { border-color: #e5e7eb; border-radius: 6px; } /*.cleanTheme .knowledge_base_widget[data-style="0"] .kb-category:first-child { border-radius: 6px 6px 0 0; } .cleanTheme .knowledge_base_widget[data-style="0"] .kb-category:last-child { border-radius: 0 0 6px 6px; }*/ .cleanTheme .knowledge_base_widget[data-style="0"] .kb-category:only-child { border-radius: 6px; } /* Articles List */ .cleanTheme .kb-list[data-style="modern"] ul li a:hover { color: inherit; } .cleanTheme .kb-list[data-style="modern"] .kb-list-subcategory-name a, .cleanTheme .kb-list[data-style="modern"] h2 a { color: #555555; } .cleanTheme .kb-list[data-style="modern"] ul li:first-child { border-radius: 6px 6px 0 0; } .cleanTheme .kb-list[data-style="modern"] ul li:last-child { border-radius: 0 0 6px 6px; } .cleanTheme .kb-list[data-style="modern"] ul li:only-child { border-radius: 6px; } @media all and (max-width: 1170px) { html.cleanTheme { min-width: 320px; } .cleanTheme .main-width { min-width: 320px; } .cleanTheme div.modalFooter, .cleanTheme .redactor_modal footer { padding-top: 9px; } .cleanTheme .extra-widgets .findAddObjects-block.findAddObjects-no-types { width: 70%; } .cleanTheme .welcomeMessageWidget { padding: 0 15px; } .cleanTheme .tiles-block li { width: 200px; margin-left: 15px; margin-right: 15px; } .cleanTheme h2.title-object, .cleanTheme h2.title-object.knowledge_base, .cleanTheme h2.title-block, .cleanTheme h2.title-block.topics-dont-group { border-radius: 0; } .cleanTheme .objects .object { position: relative; } .cleanTheme .widgetContainer[id^="widget_feedback_topics_filter"] { padding: 0 15px; } .cleanTheme .widgetContainer[id^="widget_search"] { padding: 0 15px; } } @media all and (max-width: 900px) { .cleanTheme .extra-widgets .findAddObjects-block.findAddObjects-no-types { width: 80%; } .cleanTheme #main[data-page-type="objectsList"] .rightarea, .cleanTheme #main[data-page-type="kbList"] .rightarea { display: none; } .cleanTheme .page-title { border: none; border-radius: 0; padding: 0 15px; height: 30px; /*padding-right: 15px;*/ margin: 0; } .cleanTheme .all .page-title h1.no-wrap { max-width: calc(100% - 130px); } .cleanTheme .page-title .subscribe-link.via-rss { bottom: 7px; } .cleanTheme #main[data-page-type="objectsList"] .wrap-container > .no-wrap, .cleanTheme #main[data-page-type="kbList"] .wrap-container > .no-wrap { display: flex; flex-direction: column-reverse; border-bottom: 1px solid #e5e7eb; } .cleanTheme #main[data-page-type="objectsList"] .wrap-container > .no-wrap > div, .cleanTheme #main[data-page-type="kbList"] .wrap-container > .no-wrap > div { float: none; } .cleanTheme .filter-area { float: none; width: 100%; } .cleanTheme .filter-area .filter-area-buttons { min-width: auto; position: absolute; top: -44px; right: 7px; } .cleanTheme .filter-area .filter-area-buttons + .filters { float: none; width: 100%; } .cleanTheme .filters .filter-select { display: block; } .cleanTheme .all.main-width .filter-area .filters:after { display: none; } .cleanTheme #main[data-page-type="fullObject"] .wrap-container, .cleanTheme #main[data-page-type="fullArticle"] .wrap-container { display: flex; flex-direction: column; } .cleanTheme #main[data-page-type="fullObject"] .wrap-container > div, .cleanTheme #main[data-page-type="fullArticle"] .wrap-container > div { float: none; } .cleanTheme #main[data-page-type="fullObject"] .wrap-container .breadcrumbs, .cleanTheme #main[data-page-type="fullArticle"] .wrap-container .breadcrumbs { /*order: 1;*/ /*padding: 0 15px 10px 15px;*/ /*margin-top: -10px;*/ display: none; } .cleanTheme #main[data-page-type="fullObject"] .wrap-container .filter-area, .cleanTheme #main[data-page-type="fullArticle"] .wrap-container .filter-area { display: none; /*order: 2; text-align: center; margin-bottom: 10px; border-top: 1px solid #e5e7eb; padding-top: 20px; margin-top: -10px;*/ } .cleanTheme #main[data-page-type="fullObject"] .wrap-container .mainArea, .cleanTheme #main[data-page-type="fullArticle"] .wrap-container .mainArea { order: 1; min-height: auto !important; margin: 0; padding-top: 10px; } .cleanTheme #main[data-page-type="fullArticle"] .wrap-container .mainArea { order: 2; } .cleanTheme #main[data-page-type="fullObject"] .wrap-container .rightarea, .cleanTheme #main[data-page-type="fullArticle"] .wrap-container .rightarea { order: 2; } .cleanTheme #main[data-page-type="fullArticle"] .wrap-container .rightarea { order: 1; padding-top: 0; } .cleanTheme #main[data-page-type="fullArticle"] .wrap-container .article-table-contents-widget { padding: 0 15px; margin-bottom: 20px; } .cleanTheme #main[data-page-type="fullArticle"] .wrap-container .rightarea .sidebar-container > *:not(.article-table-contents-widget) { display: none; } .cleanTheme #main[data-page-type="fullArticle"] .sidebar-container .article-table-contents-widget.fixed { position: static; } .cleanTheme .object-full, .cleanTheme .leave-comment-block.hidden-add-comment .leave-comment-title { border-radius: 0; } .cleanTheme .object-full h1, .cleanTheme .full-article h1 { font-size: 16px; } .cleanTheme .object-full .title-object-full, .cleanTheme .wrap-container .object-full, .cleanTheme .object-full .moderation-links { border-left: none; border-right: none; } .cleanTheme .author-info span:not(.sep) { font-size: 12px; } .cleanTheme .agent-block .agent-block-link-full { margin-left: 130px; margin-right: 75px; width: calc(100% - 205px); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .cleanTheme a.logo > img { max-width: 160px; } .cleanTheme #top_navigation .main-width { display: grid; grid-template-columns: repeat(2, 1fr); } .cleanTheme #top_navigation .main-width > * { float: none; } .cleanTheme #top_navigation .main-width .logo-block { padding-left: 20px; justify-self: start; } .cleanTheme #top_navigation .main-width .top-nav-right { justify-self: end; } .cleanTheme #top_navigation .main-width .menu-tabs { float: none; margin-top: 15px; grid-column: 1 / 3; grid-row: 2; } .cleanTheme .top-nav { padding-bottom: 30px; padding-top: 30px; } .cleanTheme .filter-area .filter-select { padding-left: 5px; padding-right: 7px; } .cleanTheme .filter-area .filter-select .filter-select-text { max-width: 100%; } .cleanTheme .filter-area .filter-area-buttons + .filters { bottom: 0; margin-bottom: 25px; margin-top: 10px; } .cleanTheme .knowledge_base_widget[data-style="1"] .kb-categories, .cleanTheme .knowledge_base_widget[data-style="2"] .kb-categories { padding: 0 15px; } .cleanTheme .assigned-agents-block .employee-info .employee-role { margin-top: 3px; } .cleanTheme .assigned-agents-block .employee-info { margin-left: 50px; } .cleanTheme .assigned-agents-block img { max-width: 32px; } .cleanTheme .all h1.page-title { padding: 0 15px 20px 15px; border: none; border-bottom: 1px solid #e5e7eb; height: auto; } .cleanTheme .new-object { padding: 0 15px; } .cleanTheme .new-object-content .description-object { padding-top: 0 !important; } .cleanTheme .allowed-codes-block { display: none !important; } .cleanTheme .inner-files .filename { max-width: calc(100% - 140px); } .cleanTheme .new-object .sidebar-block .properties-list > div { vertical-align: top; } .cleanTheme[data-page="profile"] .wrap-container > .filter-area, .cleanTheme[data-page="profile_me"] .wrap-container > .filter-area { display: none; } .cleanTheme .profile-top-content .user-image img { width: 60px; } .cleanTheme .profile-top-content .user-image { margin-left: 15px; } .cleanTheme .profile-user-name { position: absolute; top: -5px; left: 105px; max-width: calc(100vw - 115px); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .cleanTheme .profile-user-info { padding: 0 15px; display: block; width: 100%; } .cleanTheme .profile-top { margin-top: -20px; } .cleanTheme .profile-top:before { top: 95px; } .cleanTheme .profile-user-info > div { display: inline-block; width: 49%; padding-left: 0; margin-bottom: 20px; } .cleanTheme .profile-log { margin-top: 0; } .cleanTheme .profile-top { margin-bottom: 0; } .cleanTheme .profile-log { display: flex; flex-direction: column; } .cleanTheme .profile-log > div { float: none; } .cleanTheme .profile-log .content-tabs-area { padding-left: 0; padding-right: 0; } .cleanTheme .full-article { padding: 0 15px; } .cleanTheme #main[data-page-type="kbList"] .mainArea { border-top: 1px solid #e5e7eb; padding-top: 10px; margin-top: 15px; } .cleanTheme #main[data-page-type="kbList"] .kb-list { padding-left: 15px; padding-right: 15px; } .cleanTheme #main[data-page-type="kbList"] .kb-list ul li { width: 100%; margin: 10px 0; display: inline-block; } .cleanTheme #main[data-page-type="kbList"] .kb-list-subcategories .kb-list-subcategory { width: 100%; } .cleanTheme #main[data-page-type="kbList"] .kb-list-subcategories { margin-left: 25px; } .cleanTheme #main[data-page-type="objectsList"] .filter-area .filters:first-child { top: -44px; right: 0; } } @media all and (max-width: 700px) { .cleanTheme .extra-widgets .findAddObjects-block.findAddObjects-no-types { width: 90%; } .cleanTheme .objects .object { padding-left: 5px; padding-right: 10px; } .cleanTheme .objects .object:hover, .cleanTheme .objects-table tr:not(.selected):not(.object-header):hover td { border-radius: 0; } .cleanTheme .objects .object .content-object-info { line-height: 22px; } .cleanTheme .objects .object .content-object { width: calc(100% - 50px); } .cleanTheme .all-votes { position: absolute; top: 11px; right: 5px; height: auto; } .cleanTheme .all-votes .votes { text-align: right; white-space: nowrap; } .cleanTheme .object:hover .votes { display: block; } .cleanTheme .object:hover .vote { display: none; } .cleanTheme .votes .votes-counter { font-size: 14px; } .cleanTheme .votes > span, .cleanTheme .votes.floatRight > span { display: inline-block; } .cleanTheme .votes .votes-counter + span { margin-left: 2px; background-image: url(/application/8.12.0/assets/desktop/css/../images/icons/16/vote-default.png); font-size: 0; width: 14px; height: 14px; vertical-align: top; top: 3px; position: relative; background-size: contain; } .cleanTheme .objects-filter { margin-left: 15px; margin-right: 15px; } .cleanTheme h2.title-block > a:not(.subscribe-link), .cleanTheme h2.title-block > span.as-link { padding-left: 40px; } .cleanTheme h2.title-block .subscribe-link { left: 15px; } .cleanTheme .widgetContainer[id^="widget_feedback_topics_filter"] { padding: 0; } .cleanTheme .objects .object .content-object-title { margin-right: 60px; } .cleanTheme .sep { font-size: 5px; top: -2px; margin: 0 3px; } .cleanTheme .comments-title h2 { padding: 0 15px; } .cleanTheme .comments-title .filter-select { margin-right: 7px; } .cleanTheme .comment { padding-left: 15px; padding-right: 15px; position: relative; padding-bottom: 35px; } .cleanTheme .comment.comment-reply-to:before { left: -27px; } .cleanTheme .comment .ico-man { width: 40px; height: 40px; } .cleanTheme .comments-block div.ico-man + .comment-content { margin-left: 60px; } .cleanTheme .comment.comment-reply-to { margin-left: 55px; } .cleanTheme .knowledge_base_widget[data-style="1"] .kb-category { width: 48%; } .cleanTheme .comment-actions { opacity: 1; position: absolute; right: 15px; bottom: 14px; top: auto; } .cleanTheme .comment-content .content-object-status.state-moderation { position: absolute; bottom: 11px; top: auto; } .cleanTheme .rightarea { width: auto; margin: 0; } .cleanTheme .full-object-votes { padding: 0 15px; } .cleanTheme .comments-block .allowed-codes-block { display: none !important; } .cleanTheme .shared-access-comment-hint { display: none; } .cleanTheme .all:not(.allAgent) .leave-comment-title { padding-left: 15px; } .cleanTheme .comment-add-form .textarea-editor, .comment-edit-form .textarea-editor { margin-top: 5px; } .cleanTheme .resizer-wrap { padding-left: 15px; } .cleanTheme .comments-block #comment-submit { margin-left: 15px; } .cleanTheme .sidebar-title, .cleanTheme .sidebar-title + div, .cleanTheme .rightarea.kb-right .kb-articles-list { border-radius: 0; } .cleanTheme ul.paginator { margin-left: 15px; margin-right: 15px; } .cleanTheme ul.paginator li a, .cleanTheme ul.paginator li span { width: calc((100vw - 30px) / 12); max-width: 35px; } .cleanTheme ul.paginator li .previous, .cleanTheme ul.paginator li .next { background: none; position: relative; text-indent: 0; font-size: 0; } .cleanTheme ul.paginator li .previous:after { content: '\276E'; font-size: 14px; } .cleanTheme ul.paginator li .next:after { content: '\276F'; font-size: 14px; } .cleanTheme ul.paginator li.disabled > a:after { opacity: 0.6; } .cleanTheme .filter-select select { position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; opacity: 0.01; display: block !important; visibility: visible; z-index: 2; } .cleanTheme .new-object .sidebar-block .properties-list { font-size: inherit; } .cleanTheme .filter-select .filter-select-text { z-index: 1; } .cleanTheme .load-archive { display: none; } .cleanTheme .liveSearchViewportInner { width: 100%; left: 0; right: 0; top: 0; } .cleanTheme .liveSearchHeader .popupClose { right: 15px; } .cleanTheme .liveSearchInputBlock .liveSearchInput { padding-right: 60px; padding-left: 15px; font-size: 16px; } .cleanTheme .liveSearchHasMultiForums .liveSearchInputBlock .liveSearchInput { padding-right: 175px; } .cleanTheme .liveSearchContainer .no-categories.knowledge_base { margin-top: -10px; border-top: 0; border-left: 0; border-right: 0; } .cleanTheme .liveSearchContainer .mainArea-title { margin-left: 15px; } .cleanTheme .liveSearchContainer .no-categories.knowledge_base .kb-list ul li { padding-left: 15px; } .cleanTheme .liveSearchContainer .no-categories.knowledge_base .show-all-results { margin-left: 15px; margin-right: 15px; } .cleanTheme .liveSearchLoadMore a { margin-bottom: 0; border-bottom: 0; } .cleanTheme .liveSearchButtons .content-object-info { position: static; display: block; margin-bottom: 10px; text-align: center; } .cleanTheme .liveSearchButtons .floatRight { float: none; text-align: center; } .cleanTheme .liveSearchContainer { height: calc(100% - 100px); min-height: calc(100% - 100px); } .cleanTheme .main-all .wrap-container { display: flex; flex-direction: column; } .cleanTheme .main-all .wrap-container .rightarea { order: 100; float: none; } .cleanTheme .findAddObjects-block .findAddObjects-tabs > a { padding-left: 10px; padding-right: 10px; font-size: 14px; } .cleanTheme .findAddObjects-tabs .ico-small { margin-right: 5px; } .cleanTheme .widgetContainer .homepage.knowledge_base { padding-left: 15px; padding-right: 15px; } .cleanTheme .widgetContainer .homepage.knowledge_base .kb-list-subcategories { margin-left: 26px; } .cleanTheme .widgetContainer .homepage.knowledge_base .kb-list-subcategories .kb-list-subcategory { width: 100%; margin-right: 0; } .cleanTheme .quick-search-button-block { text-align: center; } .cleanTheme .quick-search-button-block .content-object-info { margin-right: 0; } .cleanTheme .quick-search-button-block > div { float: none; margin-top: 20px; } .cleanTheme h2.title-object.knowledge_base > a { padding-left: 15px; } .cleanTheme .widgetContainer .kb-list > ul:first-child li a { padding-left: 0; background-image: none; } .cleanTheme .faq-index-kb .faq-lists li { padding-top: 5px; padding-bottom: 5px; } .cleanTheme .faq-index-kb .faq-lists ul { padding-left: 20px; } .cleanTheme .faq-index-kb { margin-top: 20px; } .cleanTheme .faq-index-kb h2 { margin-bottom: 10px; } .cleanTheme .faq-index-kb .faq-lists { padding-top: 10px; padding-bottom: 10px; } .cleanTheme .featured-index-kb.kb-list ul li { padding: 10px 10px 10px 0; } .cleanTheme .featured-index-kb.kb-list ul li a { font-size: 14px; } .cleanTheme .featured-index-kb[data-style="1"] { padding-left: 15px; padding-right: 15px; margin-top: 20px; margin-bottom: 0; } .cleanTheme .knowledge_base_widget[data-style="0"] .kb-category a { padding-left: 20px; padding-right: 20px; } .cleanTheme .knowledge_base_widget[data-style="0"] .kb-category .kb-category-image { left: 20px; } .cleanTheme .knowledge_base_widget[data-style="0"] .kb-category .kb-category-image ~ span { margin-left: 70px; } .cleanTheme .knowledge_base_widget[data-style="0"] .kb-category-avatars { margin-right: 10px; } .cleanTheme .knowledge_base_widget[data-style="2"] .kb-category { width: 48%; } .cleanTheme .kanbanBoardWidget .page-title { border-top: 1px solid #e5e7eb; } .cleanTheme .widgetContainer .roadmap-progress { left: 0; right: 0; } .cleanTheme .roadmap-item-content { text-align: left; } .cleanTheme h2.title-block.topics-dont-group .filters { display: none; } .cleanTheme .widgetContainer #poll_container { padding: 0 15px; } .cleanTheme #poll_container .objects-filter { margin-left: 0; } .cleanTheme .announcements-title { padding-left: 15px; } .cleanTheme .announcements-title.single-title > span:first-child { display: none; } .cleanTheme .announcements { padding-left: 13px; } .cleanTheme .widgetContainer .email-digest-block { padding-left: 15px; padding-right: 15px; } .cleanTheme .profile-log .subscribe-user a { position: absolute; top: 10px; right: 15px; } .cleanTheme .comments-title .filters { display: none; } .cleanTheme .modalFull { min-width: auto; width: 100%; } .cleanTheme .comment-quick-reply { padding-right: 15px; } .cleanTheme .user-info .name { display: none; } .cleanTheme .object-actions .announcement_edit { display: none; } } @media all and (max-width: 470px) { .cleanTheme .tiles-block li { width: 150px; margin-left: 10px; margin-right: 10px; } .cleanTheme .knowledge_base_widget[data-style="1"] .kb-category { width: 98%; } .cleanTheme .profile-log .rightarea { width: 100%; } .cleanTheme .content-object-full iframe { max-width: 100%; height: auto !important; } .cleanTheme .modalHeader, .cleanTheme .redactor_modal_header { padding-left: 15px; } .cleanTheme .modalBlock > label, .cleanTheme .modalBlock > span, .cleanTheme .modalBlock > p, .cleanTheme .modalBlock > ul, .cleanTheme .modalBlock > ol, .cleanTheme .modalBlock > h2, .cleanTheme .modalBlock > h3, .cleanTheme .modalBlock > h4, .cleanTheme .modalBlock > blockquote, .cleanTheme .modalBlock > div.variables-block, .cleanTheme div.modalFooter, .cleanTheme .redactor_modal footer { padding-left: 15px; } .cleanTheme .modalBlock > input, .cleanTheme .modalBlock > select, .cleanTheme .modalBlock > textarea, .cleanTheme .modalBlock > .combined-buttons, .cleanTheme .modalBlock > .resizer-wrap, .cleanTheme .modalBlock > a.button-small, .cleanTheme .modalBlock > a.button-small-color, .cleanTheme .modalBlock.modalContentRedactor > .redactor_box, .cleanTheme .modalBlock > .agent-filter-select, .cleanTheme .modalBlock > .iti, .cleanTheme .add-new-file-block-inner, .cleanTheme .mailing-body-modal { margin-left: 15px; } .cleanTheme .modalBlock > .combined-buttons { padding: 0; } .cleanTheme .top-nav-right .change-lang, .cleanTheme #search-form, .cleanTheme .infoLogin-block { margin-left: 0; margin-right: 0; } .cleanTheme .menu-tabs li a, .cleanTheme .menu-tabs .arrow-tab span { padding-left: 10px; padding-right: 10px; } .cleanTheme .faq_collapse .faq-toggle { padding-left: 46px; padding-right: 35px; } .cleanTheme .faq_collapse .faq-toggle:before { left: 15px; } .cleanTheme .faq_collapse .faq-toggle:after { right: 15px; width: 8px; height: 8px; } .cleanTheme .faq_collapse .faq-content { padding-left: 15px; } .cleanTheme .login-popup { margin-right: 15px; } .cleanTheme .findAddObjects-block:not(.findAddObjects-no-types) .findAddObjects-input button#submit { font-size: 0; padding: 8px 12px; } .cleanTheme .findAddObjects-block:not(.findAddObjects-no-types) .findAddObjects-input button#submit:before { content: ''; width: 16px; height: 16px; -webkit-mask: url(/application/8.12.0/assets/desktop/css/../images/icons-clean/search.svg) no-repeat 50% 50%; mask: url(/application/8.12.0/assets/desktop/css/../images/icons-clean/search.svg) no-repeat 50% 50%; mask-size: auto; -webkit-mask-size: 16px; mask-size: 16px; background-color: #777; background-image: none; display: block; position: relative; bottom: -2px; } .cleanTheme .findAddObjects-block:not(.findAddObjects-no-types) .findAddObjects-input button#reset-search { background-image: url(/application/8.12.0/assets/desktop/css/../images/icons/16/cross.png); font-size: 0; background-repeat: no-repeat; background-position: center; width: 42px; } .cleanTheme .findAddObjects-input .b-ur-tab-content { padding-left: 0; padding-right: 0; } .cleanTheme .findAddObjects-input .b-ur-line { padding-left: 15px; padding-right: 15px; } .cleanTheme .widgetContainer .objects .objects-filter { display: flex; flex-direction: column; } .cleanTheme .widgetContainer .objects .objects-filter .all-objects { order: 2; float: none; margin-top: 10px; } .cleanTheme .widgetContainer .objects .objects-filter > span { order: 1; float: none; margin-top: 5px; } .cleanTheme #main[data-page-type="objectsList"] .filter-area .filters:first-child { float: none; width: 100%; bottom: 0; margin-bottom: 25px; margin-top: 10px; position: relative; right: 0; top: auto; } .cleanTheme #main[data-page-type="fullObject"] .top-nav + .all { padding-top: 0; } .cleanTheme .homepage.knowledge_base .kb-list ul li { width: 100%; } .cleanTheme .homepage.knowledge_base .kb-list.all-articles ul li:first-child, .cleanTheme .homepage.knowledge_base .kb-list.all-faqs ul li:first-child { margin-top: 5px; } }