/* FortAwesome */ /*@font-face{font-family:'VSIcons';src:url(data:application/font-woff2;charset=utf-8;base64,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) format('woff2');font-weight:normal;font-style:normal}.auxiliary{display:inline-block;font:normal normal normal 14px/1 'VSIcons';font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.amx-lg{font-size:1.33333333em;line-height:0.75em;vertical-align:-15%}.amx-2x{font-size:2em}.amx-3x{font-size:3em}.amx-4x{font-size:4em}.amx-5x{font-size:5em}.amx-rock{width:1.28571429em;text-align:center}.amx-spin{-webkit-animation:amx-spin 2s infinite linear;animation:amx-spin 2s infinite linear}.amx-pulse{-webkit-animation:amx-spin 1s infinite steps(8);animation:amx-spin 1s infinite steps(8)}@-webkit-keyframes amx-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes amx-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}.amx-rotate-90{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=1);-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}.amx-rotate-180{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2);-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.amx-rotate-270{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=3);-webkit-transform:rotate(270deg);-ms-transform:rotate(270deg);transform:rotate(270deg)}.amx-flip-horizontal{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=0,mirror=1);-webkit-transform:scale(-1,1);-ms-transform:scale(-1,1);transform:scale(-1,1)}.amx-flip-vertical{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2,mirror=1);-webkit-transform:scale(1,-1);-ms-transform:scale(1,-1);transform:scale(1,-1)}:root .amx-rotate-90,:root .amx-rotate-180,:root .amx-rotate-270,:root .amx-flip-horizontal,:root .amx-flip-vertical{filter:none}.amx-amx:before{content:'\f015'}.amx-alert:before{content:'\f029'}.amx-gear:before{content:'\f02a'}.amx-circle:before{content:'\f02d'}.amx-circle-o:before{content:'\f02e'}.icon-settings:before{content:'\f033'}.amx-clock:before{content:'\f034'}.amx-check:before{content:'\f035'}.amx-check-circle:before{content:'\f036'}.icon-tickets:before{content:'\f03c'}.amx-file-text-o:before{content:'\f03e'}.amx-files-o:before{content:'\f03f'}.amx-refresh:before{content:'\f040'}.icon-calendar:before{content:'\f041'}.amx-commenting:before{content:'\f042'}.amx-alert-solid:before{content:'\f043'}.icon-calendar:before{content:'\f044'}.amx-star-o:before{content:'\f024'}.amx-star:before{content:'\f025'}.amx-wrench:before{content:'\f045'}.amx-lock:before{content:'\f046'}.amx-categories:before{content:'\f047'}.icon-logout:before{content:'\f048'}.amx-logo:before{content:'\f04b'}.amx-search:before{content:'\f04c'}.amx-comments:before{content:'\f04d'}.amx-bar-chart:before{content:'\f04e'}.amx-caret-down:before{content:'\f050'}.amx-heart-o:before{content:'\f051'}.amx-heart:before{content:'\f052'}.amx-featured:before{content:'\f053'}.icon-presale:before{content:'\f054'}.amx-list-compact:before{content:'\f055'}.amx-list-default:before{content:'\f056'}.amx-list-detailed:before{content:'\f057'}.icon-calendar-thin:before{content:'\f058'}.amx-heart-thin:before{content:'\f059'}.amx-featured-thin:before{content:'\f05a'}.icon-settings-thin:before{content:'\f05b'}.icon-presale-thin:before{content:'\f05c'}.amx-caret-right:before{content:'\f05d'}.amx-print:before{content:'\f05f'}.amx-caret-up:before{content:'\f060'}.amx-sort:before{content:'\f05e'}.amx-edit:before{content:'\f061'}.amx-trash:before{content:'\f064'}.amx-paperclip:before{content:'\f065'}.amx-link:before{content:'\f066'}.icon-code:before{content:'\f067'}.icon-list:before{content:'\f068'}.amx-photo:before{content:'\f069'}.amx-table:before{content:'\f06a'}.amx-align-left:before{content:'\f06b'}.icon-bold:before{content:'\f06c'}.icon-italic:before{content:'\f06d'}.icon-format:before{content:'\f06e'}.amx-minus:before{content:'\f06f'}.icon-video:before{content:'\f070'}.amx-times:before{content:'\f071'}.amx-reorder:before{content:'\f072'}.amx-download:before{content:'\f074'}.amx-envelope:before{content:'\f075'}.amx-arrow-up:before{content:'\f076'}.amx-arrow-down:before{content:'\f077'}.amx-arrow-right:before{content:'\f078'}.amx-arrow-left:before{content:'\f079'}.amx-envato:before{content:'\f07c'}.amx-twitter:before{content:'\f07d'}.amx-facebook:before{content:'\f07e'}.icon-upload:before{content:'\f07f'}.icon-warning:before{content:'\f080'}.amx-key:before{content:'\f081'}.amx-shopping-cart:before{content:'\f082'}.amx-plus:before{content:'\f083'}.amx-thumbs-up:before{content:'\f084'}.amx-desktop:before{content:'\f085'}.amx-question-circle:before{content:'\f086'}.amx-asterisk:before{content:'\f087'}.amx-times-circle:before{content:'\f088'}.amx-reply:before{content:'\f089'}.amx-external-link:before{content:'\f08a'}.amx-ellipsis-h:before{content:'\f08b'}.amx-frown:before{content:'\f08c'}.icon-warning-solid:before{content:'\f08d'}.amx-check-solid:before{content:'\f08e'}.icon-settings-solid:before{content:'\f08f'}.icon-comment-solid:before{content:'\f090'}.amx-notes-solid:before{content:'\f091'}.amx-flag:before{content:'\f092'}.amx-building:before{content:'\f093'}.amx-quote-right:before{content:'\f095'}.amx-sort-bts:before{content:'\f097'}.amx-sort-alphabetically:before{content:'\f098'}.icon-ticket-new:before{content:'\f099'}.amx-featured-solid:before{content:'\f09a'}.amx-thumb-up:before{content:'\f09b'}.amx-thumbs-up-solid:before{content:'\f09c'}.amx-thumbs-up-thin:before{content:'\f09d'}.amx-flag-solid:before{content:'\f09e'}.amx-clock-solid:before{content:'\f09f'}.amx-paypal:before{content:'\f0a0'}.amx-credit-card:before{content:'\f0a1'}.amx-private:before{content:'\f0a2'}.amx-public:before{content:'\f0a3'}.amx-wpkraken:before{content:'\f0a4'}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.sr-only-focusable:active,.sr-only-focusable:focus{position:static;width:auto;height:auto;margin:0;overflow:visible;clip:auto}*/ /* CSS RESET */ html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}body{line-height:1}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}nav ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:none}a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent}ins{background-color:#ff9;color:#000;text-decoration:none}mark{background-color:#ff9;color:#000;font-style:italic;font-weight:bold}del{text-decoration:line-through}abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}table{border-collapse:collapse;border-spacing:0}hr{display:block;height:1px;border:0;border-top:1px solid rgba(0,0,0,0.13);margin:1.5em 0;padding:0}input,select{vertical-align:middle} body { -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing:grayscale !important; } /* General */ * { box-sizing:border-box; } .cf:before,.cf:after { content: " "; display: table; } .cf:after { clear: both; } .cf { *zoom: 1; } img { max-width:100%; height:auto; } #data-ajax-loader { display:none; } .redactor-layer { padding:20px 20px 2px; } .mobile-only, .user_tooltip_templates { display:none; } ::-webkit-input-placeholder { font-weight:400; } :-moz-placeholder { font-weight:400; } :-ms-input-placeholder { font-weight:400; } /* Moved Profile Button */ #submit-profile-edit-button { position:absolute; top:10px; right:7px; } #pageForm-block.profile-form { padding-bottom:10px; } #pageForm-block.profile-form #avatar-dropzone { padding-top:10px; } img.amx-emoticon { vertical-align:middle; max-width: 16px; height: auto; position: relative; top: -2px; display: inline-block; padding: 0 6px; box-sizing: content-box; } .amx-mention { display:inline-block; } .no-margin { margin:0 !important; } .blurred-header-img { opacity:0.4; background-repeat:no-repeat; background-position:center center; background-size:cover; -webkit-filter:blur(40px); position:absolute; top:-50%; left:-10%; width:120%; height:200%; } .blurred-header-overlay { background:#000 !important; opacity:1; position:absolute; top:0; left:0; width:100%; height:100%; } header#header .slicknav_menu, #mobile-nav { display:none; } .slicknav_nav .search { display:none; } .sidebar-overlay { display:none; } body strong, .redactor-styles strong, .redactor-styles b { font-weight:600; } .private-system-login { padding:30px 30px 15px; background:#fff; border:none; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; width:400px; position:absolute; top:50%; left:50%; margin:-150px auto 0 -200px; box-shadow:0 10px 60px rgba(0,0,0,0.15); } .private-system-login input { border-color:#e5e5e5; text-align:center; } .private-system-login .logo { display:block; margin:1px auto 30px; height:24px; width:auto; } .private-system-login .button { margin:0; display:block; width:100%; } /* Font */ body, input, select, textarea, button, .redactor-layer, #redactor-modal-body, #redactor-modal footer button, #redactor-modal-body input, #redactor-modal, body .redactor-layer, body .redactor-layer *, body .redactor-air, body .redactor-air *, body .redactor-toolbar, body .redactor-styles, body .redactor-dropdown, body .redactor-air li a .re-button-tooltip, body .redactor-toolbar li a .re-button-tooltip { font-family:"Open Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",Noto Sans,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif; } pre, .redactor-layer pre, body #note-edit-block .redactor-layer pre { font-family:monospace; } .missing-image { display:table; margin-top:17px; background:#eee; color:#888; line-height:24px; padding:0 7px; font-size:12px; text-transform:uppercase; border:1px dashed #ccc; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; } body, input, select, textarea,button, .redactor-layer { font-weight:400; font-size:15px; color:#555; } input[type=text], input[type=email], input[type=password], input[type=phone], button, textarea, .redactor-layer, .amx-modal input[type="submit"].button { -webkit-appearance:none; } .redactor-layer table { border:1px solid #ddd; } #preview-cover { width:100%; height:100%; position:fixed; top:0; left:0; z-index:999999; } .blur-background { overflow: hidden; width: 100%; position: relative; } .blur-background .bg-blur-overlay { z-index: 1; position: absolute; width: 100%; height: 100%; top:0; left:0; opacity:0.4; background:#000; } .blur-background .bg-blur { z-index: 0; opacity: 0; position: absolute; width: 880px; height: 880px; display: block; top: 50%; left: 50%; margin:-440px 0 0 -440px; } .blur-background .content { z-index: 1; } /* Links */ a { text-decoration:none; } a:hover { color:#000; } select.amx-link-select { display:none; } .ticket-type-ribbon { -moz-border-radius:3px 3px 0 0; -webkit-border-radius:3px 3px 0 0; border-radius:3px 3px 0 0; display:block; color:#fff; width:100%; width: auto; margin:0; padding:17px 18px 19px 18px; font-size:12px; letter-spacing:1px; text-transform:uppercase; font-weight:500; } .ticket-type-ribbon i.auxiliary { font-size:12px; } /* Ticket Status */ .ticket-status { position:absolute; top:0; right:0; display:inline-block; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; padding:10px 15px 9px; color:#fff; font-weight:500; font-size:20px; } .mini-status { display:inline-block; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; padding:3px 4px 2px; line-height:1; color:#fff; font-weight:500; margin:0 10px 0 0; position:relative; top:-2px; font-size:10px; text-transform:uppercase; } .mini-status.private { padding: 2px 3px 3px; } .mini-status.public { padding:2px 3px 3px; } .mini-status.private, .mini-status.public { height:15px; width:15px; text-align:center; position:absolute; left: 14px; top: 16px; } .no-avatar .mini-status.private, .no-avatar .mini-status.public { position:relative; top:-2px; left:0; } #articles-list article.full-width a .mini-status i.auxiliary { color:#fff; line-height:12px; } #ticket-information { background:#F9F9F9; padding:25px 30px 8px; margin:0 -33px -15px; border-top:1px solid #ddd; -moz-border-radius:0 0 3px 3px; -webkit-border-radius:0 0 3px 3px; border-radius:0 0 3px 3px; } #ticket-information i.auxiliary { width:14px; } #ticket-information img { width:14px; height:14px; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; position:relative; top:2px; display:inline-block; margin:0; padding:0; } /* Star a Ticket */ .star-ticket { color:#ccc; } .star-ticket:hover { color:#555; } .star-ticket i.ti:before { content: "\f024"; } .star-ticket.starred i.ti:before { content: "\f025"; } .ticketBlock .star-ticket { position:absolute; display: inline-block; font-size: 25px; margin: 0; border: 1px solid transparent; background:transparent; line-height: 25px; border-radius: 28px; padding:0; transform:scale(1); color:#aaa; top:4px; right:0; } .action-bar { position:relative; height:62px; padding:15px; margin:0 -25px; border:none; background:#eee; border-top:1px solid #e5e5e5; border-bottom:none; } .action-bar a.top-level { padding-right:8px; padding-bottom:6px; } .action-bar a.top-level { margin-right:5px; } .action-bar a.button:hover, .action-bar a.top-level:hover, .action-bar span.top-level > a:hover { border-color:#fff; background:#fff; color:#333; } .action-bar a.top-level i.auxiliary { font-size:13px; margin-right:5px; } .action-bar a.customer-notes { float:right; margin:0; } .action-bar.active { -moz-border-radius:0; -webkit-border-radius:0; border-radius:0; } .action-bar.loading { background:#eee !important; border-color:#e5e5e5 !important; } .action-bar.loading a.top-level { display:none; } .action-bar.private.reply a.top-level i.icon-comment-solid { color:rgba(255,255,255,0.5); } .amx-page-panel > article > h3 span.response-time { float:right; margin:-1px 5px 0 0; } .action-bar a.button, .action-bar a.reply, .action-bar a.note, .action-bar a.customer-notes { letter-spacing:1px; font-weight:500; box-shadow:0 1px 2px rgba(0,0,0,0.20); border-color:#fff; background:#fff; color:#888; } .action-bar a.customer-notes { color:#aaa; opacity:0.75; } .action-bar a.customer-notes i.auxiliary { color:#ccc; } .action-bar a.customer-notes:hover i.ti, .action-bar a.customer-notes:hover { color:#888; } .action-bar a.customer-notes.has-notes { color:#888; opacity:1; } .action-bar a.customer-notes.has-notes:hover { color:#333; } .action-bar.active.reply a.reply, .action-bar.active.note a.note, .action-bar.active.customer-notes a.customer-notes, .action-bar.active.reply a.reply:hover, .action-bar.active.note a.note:hover, .action-bar.active.customer-notes a.customer-notes:hover { box-shadow:none; border-color:transparent; background:rgba(0,0,0,0.25); color:#fff; } #customer-notes, .reply-box, .note-box { border-bottom:1px solid #e5e5e5; } .reversed #customer-notes, .reversed .reply-box, .reversed .note-box { border-bottom:none; } .reversed .action-bar { background:#666; border-color:#666; -moz-border-radius:0 0 5px 5px; -webkit-border-radius:0 0 5px 5px; border-radius:0 0 5px 5px; } .reversed .action-bar.active { -moz-border-radius:0; -webkit-border-radius:0; border-radius:0; } .action-bar.active.reply a.reply .keyboard-icon, .action-bar.active.note a.note .keyboard-icon { color:rgba(255,255,255,0.75); background:rgba(255,255,255,0.25); border:1px solid rgba(255,255,255,0.4); } .ticketBlock .star-ticket:hover { color:#333; } #comment-container { padding:0 33px; margin:0 -33px; } #comment-container.reversed ul.comment-list > li { margin:0; } #comment-container.reversed ul.comment-list > li:first-child { border-top:none; } .response-needed-block, .response-needed-block .mark-as { display:inline-block; } .response-needed-block { position:absolute; right:48px; top:4px; } .response-needed-block .mark-as { color:#888; font-size:12px; font-weight:500; position:relative; padding:8px 10px 7px; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; text-align:right; background:rgba(0,0,0,0.05); } .response-needed-block .mark-as i.auxiliary { font-size:12px; } .response-needed-block .mark-as.read:hover, .response-needed-block .mark-as i.auxiliary { color:#333; } .response-needed-block .mark-as.read:hover { background:rgba(0,0,0,0.1); } .response-needed-block .mark-as.unread, .response-needed-block .mark-as.unread:hover, .response-needed-block .mark-as.unread i.auxiliary { color:#fff; } #error-banner, .success-banner { border-radius:5px; box-shadow:0 10px 50px rgba(0,0,0,0.2); position:fixed; width:25%; right:20px; top:auto !important; bottom:20px; z-index:9999; color:#fff; margin:0; height:auto; text-align:left; } #error-banner .shell, .success-banner .shell { width:100%; padding:15px 20px 20px; } #error-banner p, .success-banner p { font-size:17px; line-height:1.7; color:#fff; } #error-banner p a, .success-banner p a { color:#fff; color:rgba(255,255,255,0.6); } #error-banner p a:hover, .success-banner p a:hover { color:#fff } #error-banner a.button, .success-banner a.button { background:rgba(255,255,255,0.25); color:#fff; border:none; } #error-banner a.button:hover, .success-banner a.button:hover { background:#fff; color:#333; } .success-banner { display:none; } .success-banner.show-on-load { display:block; } .success-banner, .success-banner.show-on-load { opacity:0; transform:scale(0.95) translate3d(0,50px,0); } .success-banner.active, .success-banner.show-on-load.active { opacity:1; transform:scale(1) translate3d(0,0,0); } body.amx-front #error-banner, body.amx-front .success-banner { top:80px; } /* Error Banner */ #error-banner { display:block; } #error-banner a.button { margin:-18px 0 0 0; } /* Success Banner */ .success-banner a.button { margin:0; border:none; } .success-banner p .amx-check { color:#fff; } /* Notice Banner */ .notice-banner { position:relative; background:#333; color:#fff; height:auto; text-align:left; } .notice-banner .shell { padding:17px 0 1px; } .notice-banner p { font-size:17px; line-height:1.8; } .notice-banner p a { color:#fff; color:rgba(255,255,255,0.6); } .notice-banner p a:hover { color:#fff } .notice-banner a.button { position:absolute; top:50%; right:0; margin:-15px 0 0 0; border:none; } .notice-banner p .amx-check { color:#fff; } #fourohfour { text-align:center; position:fixed; top:50%; left:50%; width:550px; margin:-100px 0 0 -275px; } #fourohfour i.auxiliary { font-size:150px; margin:0 0 30px; } #fourohfour i.amx-clock, #fourohfour i.icon-presale { color:#aaa; } #fourohfour p { font-size:20px; color:#aaa; } #fourohfour p.small { font-size:15px; font-weight:400; color:#555; } #fourohfour .amx-form select { width:60%; margin:0 auto; } .amx-table { width:100%; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; } .amx-table thead, .amx-table tfoot { -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; background:#fff; color:#000; border-bottom:1px solid #e5e5e5; } .amx-table th { padding:0 20px; line-height:45px; text-align:left; cursor:pointer; } .amx-table tfoot th { cursor:default; } .amx-table th.sorting_disabled { cursor:default; } .amx-table th span i.auxiliary { color:#888; } .amx-table th span, .amx-table th span i.auxiliary { display:none; } .amx-table th.sorting_asc span, .amx-table th.sorting_asc span, .amx-table th.sorting_asc i.amx-caret-up { display:inline-block; } .amx-table th.sorting_desc span, .amx-table th.sorting_desc span, .amx-table th.sorting_desc i.amx-caret-down { display:inline-block; } .amx-table th:first-child { -moz-border-radius:3px 0 0 0; -webkit-border-radius:3px 0 0 0; border-radius:3px 0 0 0; } .amx-table th:last-child { -moz-border-radius:0 3px 0 0; -webkit-border-radius:0 3px 0 0; border-radius:0 3px 0 0; } .amx-table tbody tr:nth-child(odd) { background:#f9f9f9; } .amx-table tbody tr { border-bottom:1px solid #e5e5e5; } .amx-table tbody td { padding:10px 20px; } .amx-table tbody td.company-name { padding: 10px 20px; border-bottom: 1px solid #ddd; white-space: nowrap; overflow: hidden; max-width: 175px; text-overflow: ellipsis; } .amx-table span.hidden-data { display:none; } /* Body */ body { padding-top:80px; } .shell { width:1200px; margin:0 auto; position:relative; } .shell.tight { width:900px; } h1, .redactor-layer h1 { font-size:25px; line-height:1.4; margin:0; position:relative; top:-6px; font-weight:400; } h2, .redactor-layer h2 { font-size:20px; line-height:1.6; font-weight:500; margin:0 0 12px; } h3, .redactor-layer h3 { font-size:18px; line-height:1.6; font-weight:500; margin:0 0 12px; } h4, .redactor-layer h4 { margin:0 0 12px; font-weight:500; } h1.page-title { width:65%; } h1.big-page-title { font-weight:400; padding:14px 0 40px; } h1.big-page-title i.amx-caret-right { color:#aaa; } p, ul, ol, blockquote, pre, table, .redactor-layer p, .redactor-layer ul, .redactor-layer ol, .redactor-layer blockquote, .redactor-layer pre, .redactor-layer table { font-size:15px; line-height:1.6; margin:0 0 15px; } ul, ol, .redactor-layer ul, .redactor-layer ol { margin:12px 0 15px 35px; } ul li, ol li, .redactor-layer ul li, .redactor-layer ol li { margin:0 0 5px; } pre, .redactor-layer pre { overflow:auto; padding: 15px !important; line-height:1.4; border: 1px solid #e5e5e5; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; background: #f8f8f8 !important; white-space: pre; font-size:12px; word-wrap: normal; } .comment.employee pre { background:#f8f8f8; } .type-note .comment.employee pre { background:#fff; } pre strong, .redactor-layer pre strong { font-weight:500; } pre em, .redactor-layer pre em { font-style:italic; } table th, .redactor-layer table th { padding:10px 0; } table td, .redactor-layer table td { padding:5px 0; } #redactor-modal-overlay, #redactor-modal-box, #redactor-modal { z-index:9999; } .redactor-box { margin-bottom:24px; box-shadow: 0 0 0 1px rgba(0,0,0,0.08); } #redactor-modal-body ul li, #redactor-modal-body ol li { margin:0; } #redactor-modal #redactor-modal-list a, #redactor-modal #redactor-modal-list a { color:#555; padding:7px 10px; line-height:1.6; } #redactor-modal #redactor-modal-list a:hover, #redactor-modal #redactor-modal-list a:hover { background:#f9f9f9; color:#000; } #redactor-modal-button-action, #redactor-modal-button-cancel { -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; } #redactor-modal .redactor-clip-heading { font-size: 15px; font-weight:500; padding: 10px; display: block; line-height: 1.5; } #redactor-modal #redactor-modal-body .redactor-modal-tab section:last-child { margin:0;} #redactor-modal #redactor-modal-body { padding:15px; } header#header .logo img { height:30px; width:auto; display:block; } .fluid-width-video-wrapper { margin:0 0 35px; } /* Sidebar */ aside.sidebar { width:30%; padding-top:40px; z-index:5; } aside.sidebar.right { float:right; } aside.sidebar.left { float:left; } aside.sidebar.bumped { padding-top:50px; } /* Sidebar Links */ aside.sidebar .link-list { margin:-10px 0 50px; } aside.sidebar .link-list h4 { margin:0 0 15px; } aside.sidebar .link-list a { position:relative; display:block; border-top:1px solid #ddd; padding:10px 20% 8px 0; line-height:1.5; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } aside.sidebar .link-list a > img { width:15px; height:15px; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; display:inline-block; margin:0 5px 0 0; padding:0; position:relative; top:2px; } aside.sidebar .link-list a:first-child { border:none; } aside.sidebar .link-list a.current { color:#333; font-weight:500; } aside.sidebar .link-list a > span.bubbles { position:absolute; top:8px; right:0; } aside.sidebar .link-list a > span.bubbles span { display:inline-block; color: #555; font-weight:500; padding:0 6px 0 5px; background: #ddd; min-width: 20px; height: 20px; text-align: center; line-height: 21px; font-size: 11px; border-radius: 10px; } aside.sidebar .link-list a > span.bubbles span.needs-response { color:#fff; margin:0 0 0 7px; } /* Sidebar Page Content */ .right-content, .left-content { width:65%; padding-top:40px; } .right-content, .left-content.right { float:right; } .left-content { float:left; } .shell.smaller-sidebar .left-content { width:75%; padding-top:2px; } .shell.smaller-sidebar aside.sidebar { width:23%; padding-top:1px; } .shell.tighter-sidebar .left-content { width:68%; padding-top:2px; } .shell.tighter-sidebar aside.sidebar { width:30%; padding-top:1px; } .shell.tighter-sidebar .right-content { width:68%; padding-top:2px; } .shell.tighter-sidebar aside.sidebar { width:30%; padding-top:1px; } /* Columns */ .column_1-2 { width:48%; float:left; margin:0 4% 3% 0; } .column_1-2:nth-child(2n+2) { margin-right:0; } .column_1-3 { width:30.6%; float:left; margin:0 4% 3% 0; } .column_1-3:nth-child(3n+3) { margin-right:0; } .column_1-4 { width:22%; float:left; margin:0 4% 3% 0; } .column_1-4:nth-child(4n+4) { margin-right:0; } .column_centered { width:65%; margin:0 auto 3%; } /* Field Columns (tighter) */ .fields.tight .column_1-2 { width:49%; float:left; margin:0 2% 2% 0; } .fields.tight .column_1-2:nth-child(2n+2) { margin-right:0; } .fields.tight .column_1-3 { width:32%; float:left; margin:0 2% 2% 0; } .fields.tight .column_1-3:nth-child(3n+3) { margin-right:0; } .fields.tight .column_1-4 { width:23.5%; float:left; margin:0 2% 2% 0; } .fields.tight .column_1-4:nth-child(4n+4) { margin-right:0; } .column_1-2 .fields.tight .column_1-2 { width:48.5%; float:left; margin:0 3% 3% 0; } .column_1-2 .fields.tight .column_1-2:nth-child(2n+2) { margin-right:0; } /* Featured Articles */ #articles-list, .amx-page-panel { padding:0 0 50px; } #articles-list, .amx-page-panel.ticket-header-panel { padding:0 0 25px; } #articles-list.ticket-list { padding:0 0 50px; } #articles-list article, .amx-page-panel > article { -moz-box-shadow:0 1px 5px rgba(0,0,0,0.15); -webkit-box-shadow:0 1px 5px rgba(0,0,0,0.15); box-shadow:0 1px 5px rgba(0,0,0,0.15); float:left; width:32%; margin:0 2% 2% 0; background:#fff; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; padding:33px; word-wrap:break-word } .amx-page-panel > article { padding:0; } #articles-list article:nth-child(3n+3) { margin-right:0; } #articles-list article:nth-child(3n+1) { clear:left; } /* Article List */ #articles-list article.full-width, .amx-page-panel > article.full-width { float:none; width:100%; margin:0; } #articles-list article.full-width p { margin-left:24px; margin-bottom:10px; } #articles-list article.full-width a { margin-left:-24px; font-weight:500; font-size:17px; } #articles-list article.full-width a *, #articles-list article.full-width a { transform:translate3d(0,0,0); } #articles-list article.full-width a i { margin-right:11px; } #articles-list article.full-width a.ticket i { margin-right:0; } #articles-list article.full-width a .ticket-title i.amx-circle { font-size:16px; } #articles-list article.full-width p a strong { display:inline-block; margin:0 10px 0 0; color:#888; font-weight:normal; } #articles-list article.full-width p a:hover strong { color:#000; } #articles-list article.full-width p .article-preview-text { height:45px; overflow:hidden; text-overflow:ellipsis; display:block; padding:5px 0 0 3px; margin:0 0 15px; font-size:14px; color:#888; line-height:1.5; } #articles-list article.full-width a.ticket i.amx-times-circle { left: 1px; position: relative; font-size: 15px; } #articles-list > article > h3, .amx-page-panel > article > h3 { position:relative; margin:0; padding:18px 13px 17px 18px; background:#fafafa; -moz-border-radius:3px 3px 0 0; -webkit-border-radius:3px 3px 0 0; border-radius:3px 3px 0 0; border-bottom:1px solid #e5e5e5; text-transform:uppercase; font-weight:500; letter-spacing:1px; font-size:12px; line-height:1; } #articles-list > article > h3 .list-formats { position:absolute; top:50%; right:14px; margin:-9px 0 0 0; } #articles-list > article > h3 .list-formats a { color:#ccc; font-weight:400; } #articles-list > article > h3 .list-formats a.active { color:#555; } #articles-list > article > h3 .list-formats i.auxiliary { margin:0 5px; font-size:14px; } #articles-list > article > h3 .breadcrumbs, #articles-list > article > h3 .breadcrumbs a { display:inline-block; text-transform:none; font-size:13px; font-weight:400; letter-spacing:0; } #articles-list > article > h3 .breadcrumbs { display:block; margin:2px 0 10px; } #articles-list > article > h3 img { -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; width:39px; height:39px; display:block; float:left; margin:0 15px 0 0; } .amx-page-panel > article > h3.starred { background:#fffbe9; color:#000; } .amx-page-panel > article > h3 { color:#888; } .amx-page-panel > article > h3 span { color:#333; text-transform:none; font-size:13px; letter-spacing:0; display:inline-block; padding:0 2px; } .amx-page-panel > article > h3 span.panel-title, .amx-page-panel > article > h3 span.new-tag { text-transform:uppercase; letter-spacing:1px; font-size:12px; } .amx-page-panel > article > h3 .star-ticket { position:absolute; top:12px; right:15px; font-size:24px; } .ticket-header .status { position: absolute; top: 3px; right: -1px; font-size: 14px; text-transform: uppercase; border: 2px solid; padding: 6px 8px 5px; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; } .ticket-header .status.closed { border-color:#ddd; color:#aaa; } .amx-page-panel > article > h3 span.positioned { position:absolute; top:18px; right:20px; } .toggle-panel-link { cursor:pointer; } .toggle-panel-link i.auxiliary { color:#aaa; position:absolute; right:5px; top:12px; } .panel-hidden { display:none; padding:10px 0 15px 0; } span.new-tag { font-weight:500; text-transform:uppercase; font-size:13px; display:inline-block; position:relative !important; top:-1px !important; padding-left:10px !important; } .panel-title span.new-tag { font-size:12px; top:0 !important; } .panel-title i.amx-check-solid { display:none; } #articles-list article.full-width .articles-padded { padding:1% 1% 1.5% 1%; background:#fff; } #articles-list article.full-width .articles-padded .single-article { box-shadow:0; float:left; width:25%; padding:1.5% 2%; border:1px solid transparent; word-wrap:break-word } #articles-list article.full-width .articles-padded hr { clear:both; border-top:0; border-bottom:1px solid #e5e5e5; padding-top:1.5%; margin:1.5em 2% 1%; } #articles-list article.full-width .articles-padded .single-article.single-cat { box-shadow:none; float:left; width:25%; padding:17px 20px 10px 20px; border:none; border-right: 1px solid #e5e5e5; border-bottom: 2px solid #e5e5e5; min-height: 220px; word-wrap:break-word; background:#fff; } #articles-list article.full-width .articles-padded .single-article.single-cat:nth-child(4n+4) { border-right:none; } #articles-list article.full-width .articles-padded .single-article.featured-article-order-block { background:#fffbe9; } #articles-list article.full-width .articles-padded .article-p { margin:0 0 10px; line-height:1; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; } #articles-list article.full-width .articles-padded .article-p a { font-weight:400; font-size:14px; } #articles-list article.full-width .articles-padded .article-p i.auxiliary { color:#aaa; margin:0 10px 0 1px; font-size:14px; } #articles-list article.full-width .articles-padded .single-article.single-cat .more { display:block; color:#aaa; font-weight:400; } #articles-list article.full-width .articles-padded .single-article.single-cat .more:hover { color:#555; } #articles-list .articles-padded .single-article { position:relative; } #articles-list .articles-padded .single-article .cat-title { white-space:nowrap; display:block; } #articles-list .articles-padded .single-article .cat-title .article-cat { opacity:0; position:relative; top:9px; } #articles-list .articles-padded .single-article .cat-title .article-title { position:relative; top:-9px; } #articles-list .articles-padded .single-article .cat-title:hover .article-cat { top:1px; opacity:1; } #articles-list .articles-padded .single-article .cat-title:hover .article-title { top:-1px; color:#555; } #articles-list .articles-padded .single-article .cat-title.no-padding { padding-left:0; } #articles-list .articles-padded .single-article .category-thumb { transform:scale(0.9); width:35px; height:35px; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; float:left; position:relative; top:5px; margin-right:15px; } #articles-list .articles-padded .single-article .article-cat { font-size:12px; color:#aaa; display:block; margin:0 0 3px; padding-top:5px; font-weight:400; } #articles-list .articles-padded .single-article .article-title { color:#000; font-size:19px; line-height:1.3; margin:0 0 12px; display:block; font-weight:400; } #articles-list .articles-padded .single-article .article-excerpt { color:#aaa; font-size:15px; line-height:1.5; display:block; font-weight:400; margin:0 0 18px; } #articles-list article.full-width .articles-padded .single-article.single-cat.no-border { border-bottom:0; } #articles-list article.full-width .articles-padded .single-article.single-cat .article-title { white-space:nowrap; overflow:hidden; text-overflow:ellipsis; } #articles-list article.full-width .articles-padded .single-article.single-cat .cat-title { margin:-17px -20px 23px -20px; padding:18px 20px 7px 20px; background:#fafafa; border-bottom:1px solid #eee; } #articles-list .articles-padded .single-article:hover { } #articles-list .articles-padded.featured .single-article:hover .article-title { color:#000; } #articles-list .articles-padded.featured .single-article:hover .article-excerpt { color:#555; } #articles-list .articles-padded .single-article .cat-title:hover .category-thumb { transform:scale(1); } #articles-list .articles-padded.featured .single-article .button { color:#fff; } /* Ticket List */ #articles-list.ticket-list article.full-width { padding:0; } #articles-list.ticket-list article.full-width a { margin-left:0; } /* Submit Form */ .shell.submit-ticket-shell { width:650px; margin:0 auto; padding-bottom:100px; } #articles-list.submit-ticket { padding:0; } #articles-list.submit-ticket article { box-shadow:0 15px 50px rgba(0,0,0,0.15); width:100%; padding:0; margin:0; } #articles-list.submit-ticket article .button.color-envato { width:100%; text-align:center; } #articles-list.submit-ticket #pageForm-block { margin:0; padding:40px 40px 5px; } #articles-list.submit-ticket .amxAttachFile { position:relative; top:-10px; } .amx-form .fields.margin-30 { margin-bottom:30px; } .amx-form .fields.margin-25 { margin-bottom:25px; } .amx-form .fields.margin-20 { margin-bottom:20px; } .amx-form .fields.margin-15 { margin-bottom:15px; } .amx-form .fields.margin-10 { margin-bottom:10px; } .amx-form .fields.margin-5 { margin-bottom:5px; } .amx-form h4.st-label { margin:0 0 8px; font-size:17px; } .amx-form p { line-height:1.5; } .amx-form .fields.centered { position:relative; } .amx-form .signin-or-block { margin:20px 0 40px !important; } #pageForm-block .amx-form .signin-or-block span { font-size:17px; top:13px; background:#fff; } .amx-form .fields.centered .positioned-manual-entry { } .amx-form .fields.centered .button.color-envato { display:block; } .amx-form .fields.centered .signin-or-block { margin:20px auto 40px !important; } .amx-form .fields.centered.manual .button.color-envato, .amx-form .fields.centered.manual .signin-or-block { display:none; } .amx-form .fields.centered.manual { height:auto; } .amx-form .fields.centered.manual .positioned-manual-entry { position:relative; width:100%; margin:0; left:0; } /* Redactor */ .redactor-box { } .redactor-layer { border:1px solid rgba(0,0,0,0.12); border-top:none; } .redactor-layer { border:none; box-shadow:none; } .redactor-toolbar { box-shadow:0 1px 0 0 rgba(0,0,0,0.1); } .redactor-toolbar li { font-size:95%; } .redactor-toolbar li a:active, .redactor-toolbar li a.redactor-act, .redactor-toolbar li a:hover { background:#e5e5e5 !important; } .redactor-toolbar li a:active, .redactor-toolbar li a.redactor-act { color:#000 !important; } .redactor-toolbar li a:hover { color:#888; } .redactor-dropdown { margin:0 0 0 -1px; border:1px solid #ddd; box-shadow:0 3px 25px rgba(0, 0, 0, 0.15); -moz-border-radius:0 0 3px 3px; -webkit-border-radius:0 0 3px 3px; border-radius:0 0 3px 3px; } .redactor-dropdown li { margin:0; } .redactor-dropdown li a { padding:10px 15px; } .redactor-air li a.re-button-icon, .redactor-toolbar li a.re-button-icon { font-size:14px; } #single-article .article-content.editor .redactor-box { border:none; } #single-article .article-content.editor .redactor-toolbar { background:#eee; } /* Sidebar Blocks */ #sidebar-block { text-align:left; position:relative; padding:0 18px 18px; margin:0 0 7%; background:#fff; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; box-shadow:0 2px 5px rgba(0,0,0,0.15); } #sidebar-block .sidebar-block-title { display: block; text-align:left; margin:0 -18px; background:#fafafa; font-size: 12px; padding:18px 18px; border-bottom:1px solid #e5e5e5; margin-bottom:20px; font-weight:500; color: #555; text-transform: uppercase; letter-spacing: 1px; -moz-border-radius:3px 3px 0 0; -webkit-border-radius:3px 3px 0 0; border-radius:3px 3px 0 0; } #sidebar-block .view-article-link { position:absolute; top:18px; right:18px; font-size:13px; } #sidebar-block label { cursor:pointer; padding:5px 0 0 3px; display:inline-block; position:relative; top:1px; } #sidebar-block button { margin:0; } #sidebar-block a.button, #sidebar-block .switchery { margin:0 0 0 15px; } #sidebar-block .block-options { text-align:left; margin:0 0 18px; } #sidebar-block .block-options p { margin:0 0 10px; padding:0; } #sidebar-block .block-options .switchery { padding:0; margin:0; } #sidebar-block .block-options p > small { display:block; font-size:12px; padding-top:10px; color:#888; } #sidebar-block .block-options .link-list { margin:-13px 0 -27px; } #sidebar-block .block-options .ticket-info-block { background:#f9f9f9; padding:17px 18px 43px; margin:20px -18px -18px; border-top:1px solid #e5e5e5; -moz-border-radius:0 0 3px 3px; -webkit-border-radius:0 0 3px 3px; border-radius:0 0 3px 3px; } #sidebar-block .block-options .ticket-info-block p { position:relative; margin:0 0 5px; padding-left:90px; height:20px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; font-size:13px; line-height:1.5; } #sidebar-block .block-options .ticket-info-block p strong.mini-title { position:absolute; top:2px; left:0; font-size:11px; text-transform:uppercase; letter-spacing:1px; font-weight:400; } #sidebar-block .block-options .ticket-info-block img { width:15px; height:15px; position:relative; display:inline-block; float:left; margin:0 2px 0 0; padding:0; top:1px; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; } #sidebar-block .block-options .ticket-info-block .delete-ticket { position:absolute; bottom:21px; left:18px; } #sidebar-block .block-options .ticket-info-block.no-bottom-padding { padding-bottom:11px; } #sidebar-block .ticket-type-ribbon { margin:0 -18px 20px; } #sidebar-block #support-verified { margin:0 0 20px; } #sidebar-block #support-verified h2 a { padding:12px 12px 11px 12px; line-height:1.5; border:1px solid; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; } #sidebar-block #support-verified h2 a > span { display:none; } /* Article Categories */ #article-categories { margin:0 0 50px; } #article-categories a.article { color:#888; text-align:center; float:left; width:23.5%; margin:0 2% 2% 0; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; padding:35px 30px 35px 30px; background:#fff; -moz-box-shadow:0 1px 5px rgba(0,0,0,0.15); -webkit-box-shadow:0 1px 5px rgba(0,0,0,0.15); box-shadow:0 1px 5px rgba(0,0,0,0.15); } #article-categories a.article.no-thumb { padding:87px 30px; } #article-categories a.article:hover { color:#000; } #article-categories a.article:hover .button { background:#000; } #article-categories a.article:nth-child(4n+4) { margin-right:0; } #article-categories a.article:nth-child(4n+1) { clear:left; } #article-categories a.article strong { display:block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; font-size:17px; margin:0 0 25px; font-weight:400; } #article-categories a.article img.category-thumb { max-width:80px; opacity:0.5; -webkit-filter:grayscale(1); display:inline-block; margin:0 0 22px; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; } #article-categories a.article:hover img.category-thumb { opacity:1; -webkit-filter:grayscale(0); } img.page-category-thumb { display:inline-block; float:left; margin:0; width:55px; height:auto; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; } .print-button { float:right; margin:0 0 0 10px; } .inline-amx-article, .redactor-layer .inline-amx-article { position:relative; transform:translate3d(0,0,0); display:inline-block; font-size:16px; font-weight:500; margin:0 12px 12px 0; border:1px solid #ddd; background:#f9f9f9; box-shadow:0 1px 2px rgba(0,0,0,0.10); padding:9px 15px 9px 40px; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; } .inline-amx-article:after, .redactor-layer .inline-amx-article:after { font-family:"VSIcons"; position:absolute; content:'\f03e'; top:12px; left:12px; line-height:1; color:#aaa; font-size:17px; } .inline-amx-article:hover, .redactor-layer .inline-amx-article:hover { border-color:#d5d5d5; background:#fff; box-shadow:0 5px 10px rgba(0,0,0,0.08); transform:translate3d(0,-2px,0); } /* Single Article */ #single-article { position:relative; margin:0; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; background:#fff; padding:33px 33px 15px 33px; color:#555; -moz-box-shadow:0 1px 5px rgba(0,0,0,0.15); -webkit-box-shadow:0 1px 5px rgba(0,0,0,0.15); box-shadow:0 1px 5px rgba(0,0,0,0.15); } #single-article code { display:inline-block; padding:0 2px; margin:0 3px; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; font-size:13px; background: #f5f5f5; color:#888; } .article-buttons { margin:0 0 30px; } .article-buttons.absolute { margin:0; position:absolute; top:5px; right:0; } .article-buttons.absolute a { margin:0 0 0 10px; } .article-style-block .crumbs-and-title { background:#fafafa; margin:-33px -33px 30px -33px; padding: 33px 33px 23px 33px; -moz-border-radius:3px 3px 0 0; -webkit-border-radius:3px 3px 0 0; border-radius:3px 3px 0 0; border-bottom:1px solid #eee; display:block; } .article-style-block .crumbs-and-title h1.page-title { width:100%; padding-left:78px; } .article-style-block .crumbs-and-title p.breadcrumbs { width:100%; padding-left:78px; margin:0 0 7px; } .article-style-block .crumbs-and-title.no-thumb h1.page-title, .article-style-block .crumbs-and-title.no-thumb p.breadcrumbs { padding-left:0; } .article-style-block .articles-list p { margin-left:24px; margin-bottom:10px; } .article-style-block .articles-list a { margin-left:-24px; font-weight:500; font-size:18px; } .article-style-block .articles-list a i { margin-right:11px; } .article-style-block .articles-list p a strong { display:inline-block; margin:0 10px 0 0; color:#888; font-weight:normal; } .article-style-block .articles-list p a:hover strong { color:#000; } .article-style-block .articles-list p .article-preview-text { height:45px; overflow:hidden; text-overflow:ellipsis; display:block; padding:5px 0 0 3px; margin:0 0 15px; font-size:14px; color:#888; line-height:1.5; } /* System Message */ .system-message { padding:0 0 60px; } /* Ticket List */ .ticket-header { overflow:hidden; padding:20px 25px 0; width:auto; margin:0 -33px; position:relative; -moz-border-radius:3px 3px 0 0; -webkit-border-radius:3px 3px 0 0; border-radius:3px 3px 0 0; } .ticket-header.reversed { -moz-border-radius:0; -webkit-border-radius:0; border-radius:0; padding:0 25px; margin:0; } .ticket-header .content { position:relative; z-index:2; } .ticket-header .bg-blur-overlay { -moz-border-radius:3px 3px 0 0; -webkit-border-radius:3px 3px 0 0; border-radius:3px 3px 0 0; } .ticket-list { padding:0 0 50px; } .ticket-list a.ticket { -moz-border-radius:0; -webkit-border-radius:0; border-radius:0; position:relative; display:block; margin:0; padding:25px 70px 21px 110px; min-height:111px; border-bottom:1px solid #ddd; } .ticket-list a.ticket > img { transform:scale(1); position:absolute; top:25px; left:30px; width:60px; height:60px; margin:0; display:block; -moz-border-radius:30px; -webkit-border-radius:30px; border-radius:30px; } .ticket-list a.ticket span { display:block; } .ticket-list a.ticket.no-avatar { padding-left:18px; } .ticket-list a.ticket.no-avatar span { padding-left:0; } .ticket-list a.ticket span.ticket-type-bar { width:3px; height:100%; position:absolute; top:0; left:0; padding:0 0 1px; box-sizing:content-box; } .ticket-list a.ticket:hover span.ticket-type-bar { width:5px; } .ticket-list a.ticket span.ticket-customer { font-size:13px; color:#888; opacity:0.65; font-weight:500; line-height:1; margin:-1px 0 8px; } .ticket-list a.ticket span.ticket-title { color:#666; font-weight:400; font-size:16px; line-height:1; padding-bottom:2px; margin:0 0 1px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .ticket-list a.ticket span.ticket-title .star-ticket { margin:0 5px 0 0; font-size:17px; } .ticket-list a.ticket.response-needed span.ticket-title { font-weight:500; } .ticket-list a.ticket span.excerpt { display:none; } .ticket-list a.ticket span.description { color:#888; opacity:0.65; font-weight:400; font-size:13px; line-height:1.6; margin:0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .ticket-list a.ticket span.description i.auxiliary { font-size:14px; } .ticket-list a.ticket span.description i.amx-comment, .ticket-list a.ticket span.description i.amx-comments { position:relative; top:2px; } .ticket-list a.ticket span.description .category-name { max-width:130px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; display:inline-block; position:relative; top:6px; } .ticket-list a.ticket.response-needed span.ticket-title { color:#333; opacity:1; } .ticket-list a.ticket span.description img { width:15px; height:15px; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; margin:0; padding:0; display:inline-block; position:relative; top:3px; margin-top:2px; } .ticket-list a.ticket span.description .ticket-meta-spacer { width:13px; height:17px; display:inline-block; } .ticket-list a.ticket span.right { position:absolute; top:19px; right:20px; font-size:14px; color:#ccc; text-align:right; line-height:1.8; } .ticket-list a.ticket span.needs-response-dot i.auxiliary { color:#ccc; } i.new-message:before {color:#FCA50F;} .ticket-list a.ticket span.needs-response-dot.new-ticket i.auxiliary:before { font-family:"VSIcons"; content:"\f02d"; } .ticket-list a.ticket:first-child { -moz-border-radius:0 3px 0 0; -webkit-border-radius:0 3px 0 0; border-radius:0 3px 0 0; } .ticket-list a.ticket:last-child { -moz-border-radius:0 0 3px 0; -webkit-border-radius:0 0 3px 0; border-radius:0 0 3px 0; border:none; } .ticket-list a.ticket:last-child span.ticket-type-bar { padding:0; } .ticket-list a.ticket:hover { background:#f9f9f9; } .ticket-list a.ticket:hover span.description, .ticket-list a.ticket:hover span.ticket-customer { color:#888; opacity:1; } .ticket-list a.ticket:hover span.ticket-title { color:#333; opacity:1; } .ticket-list a.ticket:hover > img { transform:scale(1.1); } .ticket-list a.ticket span.ticket-right { position:absolute; top:0; right:0; width:56px; text-align:center; padding:20px 0; height:100%; border-left:1px solid transparent; -moz-border-radius:0 3px 3px 0; -webkit-border-radius:0 3px 3px 0; border-radius:0 3px 3px 0; } .ticket-list a.ticket:hover span.ticket-right { background:#fff; border-left:1px solid #eee; } .ticket-list a.ticket span.ticket-right .star-ticket, .ticket-list a.ticket span.ticket-right .needs-response-dot, .ticket-list a.ticket span.ticket-right .verified-icon { position:absolute; top:46px; left:19px; } .ticket-list a.ticket span.ticket-right .star-ticket { font-size:18px; margin-left:-1px; } .ticket-list a.ticket span.ticket-right .star-ticket, .ticket-list a.ticket span.ticket-right .verified-icon { position:absolute; top:46px; opacity:0; } .ticket-list a.ticket:hover span.ticket-right .star-ticket { top:20px; opacity:1; } .ticket-list a.ticket:hover span.ticket-right .verified-icon { top:72px; opacity:1; } .ticket-list a.ticket span.ticket-right i.amx-times-circle { font-size:15px; color:#ccc; } .ticket-list a.ticket span.ticket-right i.icon-warning { font-size:15px; color:#ccc; } .ticket-list a.ticket span.ticket-right i.amx-check-circle { color:#ccc; } .ticket-list a.ticket span.ticket-type-bar, .ticket-list a.ticket span.ticket-right i.amx-times-circle, .ticket-list a.ticket span.ticket-right i.icon-warning, .ticket-list a.ticket span.ticket-right i.amx-check-circle, .ticket-list a.ticket span.ticket-right, .ticket-header .action-bar, .ticket-header .action-bar i.auxiliary { -webkit-transition: all .1s ease-out; -moz-transition: all .1s ease-out; -o-transition: all .1s ease-out; transition: all .1s ease-out; } .action-bar.closed { height: 5px; padding: 5px; } .ticket-list a.ticket span.ticket-right .star-ticket, .ticket-list a.ticket span.ticket-right .verified-icon, .ticket-list a.ticket span.ticket-right .needs-response-dot { -webkit-transition: top .2s ease-out, opacity .2s ease-out; -moz-transition: top .2s ease-out, opacity .2s ease-out; -o-transition: top .2s ease-out, opacity .2s ease-out; transition: top .2s ease-out, opacity .2s ease-out; } .ticket-header h2 .ticket-title { display:inline; } .ticket-list a.ticket.closed span.ticket-title { color:#aaa; text-decoration:line-through; } .ticket-list a.ticket.closed:hover span.ticket-title { color:#333; } .ticket-list a.ticket span.right small { font-weight:300; font-size:12px; position:relative; top:-3px; } .ticket-list a.ticket span.ticket-right .verified-icon { left: 18px; font-size: 17px; } /* Compact List Format */ .ticket-list.compact a.ticket { padding: 14px 70px 13px 66px; min-height:auto; } .ticket-list.compact a.ticket .avatar { transform:translate3d(-25px,-24px,0) scale(0.6) !important; } .ticket-list.compact a.ticket span.right { top:9px; right:14px; } .ticket-list.compact a.ticket .ticket-title { font-size:15px; } .ticket-list.compact a.ticket .ticket-customer { font-size:12px; margin:0 0 6px; } .ticket-list.compact a.ticket .description { display:none; } .ticket-list.compact a.ticket span { padding-left:0; } .ticket-list.compact a.ticket .mini-status.private, .ticket-list.compact a.ticket .mini-status.public { position:relative; top:-2px; left:0; } .ticket-list.compact a.ticket span.ticket-right { width:46px; } .ticket-list.compact a.ticket span.ticket-right .needs-response-dot { top:22px; left:15px; } .ticket-list.compact a.ticket span.ticket-right .star-ticket { display:none; } .ticket-list.compact a.ticket span.ticket-right .verified-icon { display:none; } .user-tooltip-tickets-title { display: block; text-align: left; background: #f5f5f5; font-size: 12px; padding: 12px 18px; border-bottom: 1px solid #e5e5e5; font-weight:500; color: #555; text-transform: uppercase; letter-spacing: 1px; } .ticket-list.compact.user-tooltip-tickets { padding:0; max-height:275px; overflow:auto; -webkit-overflow-scrolling:touch; } .page-content h3.section-title span img { display:inline-block; margin:0 12px 0 0; padding:0; width:18px; height:18px; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; position:relative; top:2px; } .ticket-list.extended a.ticket span.excerpt { display: block; color: #888; padding: 15px 17px 15px 17px; background:#fff; border: 1px solid #ddd; font-weight:400; border-radius: 5px; box-shadow:0 1px 3px rgba(0,0,0,0.1); margin: 22px 16px 5px 0px; } .ticket-list.extended a.ticket span.excerpt img { position:relative; top:1px; margin:0 8px 0 0; display:block; float:left; width:15px; height:15px; } .ticket-list.extended a.ticket span.excerpt strong { font-size:15px; line-height:1.3; } .ticket-list.extended a.ticket span.excerpt .excerpt-text { font-size:13px; line-height:1.6; display:block; padding-top:6px; } .ticket-list.extended a.ticket span.ticket-right .star-ticket { top:20px; opacity:1; } .ticket-list.extended a.ticket span.ticket-right .verified-icon { top:72px; opacity:1; } ul#pagination { list-style:none; margin:0; padding:30px 0 0; text-align:center; } ul#pagination.top { padding:0 0 30px; } ul#pagination li { display:inline-block; padding:0; margin:0 3px; } ul#pagination li a { font-size:12px !important; display:inline-block; line-height:1; min-width:23px; text-align:center; padding:5px 7px; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; color:#fff; } ul#pagination li a:hover { background:#333; } ul#pagination li.active a, ul#pagination li.active a:hover { cursor:default; background:#eee; color:#888; } ul#pagination li .in-between { position:relative; top:2px; color:#aaa; } #articles-list article ul#pagination { padding:20px 0 22px; background:#f9f9f9; } #articles-list article ul#pagination li.active a, #articles-list article ul#pagination li.active a:hover { background:#ddd; color:#888; } #articles-list article > .bottom-with-buttons { background:#f9f9f9; padding:0; } #articles-list article > .bottom-with-buttons a.button { font-weight:400; text-transform:none; letter-spacing:0; -moz-border-radius:0 0 3px 3px; -webkit-border-radius:0 0 3px 3px; border-radius:0 0 3px 3px; text-align:center; padding:20px 0; width:100%; margin:0; display:block; } /* Messages */ #hours-submit-message { background-color: #dff0d8; border-color: #d6e9c6; color:#3c763d; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; padding:20px; margin:0 0 20px; text-align:center; } #hours-out-submit-message { color: #8a6d3b; background-color: #fcf8e3; border-color: #faebcc; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; padding:20px; margin:0 0 20px; text-align:center; } /* Support Verified Block */ #support-verified { margin:0 -33px; } #support-verified h2 { background:none; padding:0; margin:0; } #support-verified h2 a { text-align:center; text-transform:uppercase; letter-spacing:1px; opacity:1; overflow:hidden; background:#f8ffea; padding:17px 12px 16px 12px; display:block; line-height:12px; color:#82B540; font-size:13px; width:100%; position: relative; top:0; margin:0; font-weight:500; border-bottom:1px solid #E3EFCD; } #support-verified h2 a span { font-weight:400; float:right; position:relative; right:7px; } #support-verified h2 a em.date { font-weight:400; font-style:normal; } #support-verified h2 a i.amx-check { color:#82B540; } #support-verified ul { height:0; overflow:hidden; padding:0; border-bottom:none; background:#f5f5f5; color:#888; margin:0; list-style:none; } #support-verified ul strong { color:#555; width:140px; float:left; } #support-verified ul li { overflow:hidden; white-space:nowrap; text-overflow:ellipsis; padding:0 0 5px; margin:0; } i.amx-envato { color:#44b931 !important; } i.amx-key { color:#F7C352; } #support-verified h2 a:hover { opacity:0.75; } #support-verified.active h2 a { padding:17px 12px 16px 12px; -moz-border-radius:3px 3px 0 0; -webkit-border-radius:3px 3px 0 0; border-radius:3px 3px 0 0; opacity:1; color:#fff; border-bottom:none; } #support-verified.active h2 a i.amx-check { color:#fff; } #support-verified.active h2 a span { top:-1px; } #support-verified.active ul { height:auto; padding:25px 30px 21px; } #sidebar-block #support-verified.active { z-index:999; width:150%; -moz-border-radius:5px 5px 0 0; -webkit-border-radius:5px 5px 0 0; border-radius:5px 5px 0 0; position:relative; left:-50%; -moz-box-shadow:0 1px 5px rgba(0,0,0,0.15); -webkit-box-shadow:0 1px 5px rgba(0,0,0,0.15); box-shadow:0 1px 5px rgba(0,0,0,0.15); background:#fff; } #sidebar-block #support-verified.active h2 a { -moz-border-radius:3px 3px 0 0; -webkit-border-radius:3px 3px 0 0; border-radius:3px 3px 0 0; } #sidebar-block #support-verified ul { font-size:13px; } #sidebar-block #support-verified.active ul { border:1px solid #ddd; border-top:none; } /* Expired Support */ #support-verified.expired-support.active h2 a { color:#fff; } #support-verified.expired-support.active h2 a .amx-times-circle { color:#fff; } /* Reply Box */ div.reply-box { display:none; background:#eee; padding:24px 33px 9px; position:relative; top:0; margin:0 -33px; } div.reply-box #submit-ticket-comment-button.private:hover { background:#000; } #single-article.ticketBlock { padding-top:0; padding-bottom:0; margin:0 0 30px; } #single-article.ticketBlock.reversed { margin:0; } .ticketBlock h2 { margin-right:55px; margin-bottom:27px; position:relative; top:2px; } .action-bar > span { color:#aaa; } #blurred-avatar-bg { display:block; position:relative; top:0; left:0; width:100%; height:230px; overflow:hidden; } #blurred-avatar-bg .blurred-header-overlay { background:#000 !important; } #blurred-avatar-bg .blurred-header-img { opacity: 0.75; } #ticket-title { font-size:27px; color:#333; padding:0 200px 0 0; margin:0 0 20px; line-height:1.3; display:block; font-weight:200; } #ticket-meta { display:block; margin:70px 0 0 0; top:0; font-weight:200; color:#fff; font-size:20px; } #ticket-meta i.amx-clock { font-size:14px; } #ticket-meta span { font-weight:500; color:#fff; } #ticket-meta span.response-time { font-weight:300; color:rgba(255,255,255,0.55); } #ticket-meta span.response-time:hover { color:#fff; cursor:help; } #ticket-meta img, #ticket-meta img.avatar, #ticket-meta img.category-thumb { margin:0 4px 0 3px; position:relative; top:3px; float:none; width:15px; height:15px; display:inline-block; } .ticketBlock h2 .ticket-title { display:inline-block; line-height:1.4; margin:0 0 5px; color:#fff; font-size:25px; } .ticketBlock img.avatar, .ticketBlock img.category-thumb { -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; float:left; width:55px; height:55px; margin:0 20px 0 0; } .ticketBlock h2 .user-name { display:block; margin:3px 0 0 0; top:0; font-weight:300; color:rgba(255,255,255,0.55); font-size:13px; } .ticketBlock h2 .user-name i.amx-clock { font-size:14px; } .ticketBlock h2 .user-name span { font-weight:500; color:#fff; } .ticketBlock h2 .user-name span.response-time { font-weight:300; color:rgba(255,255,255,0.55); } .ticketBlock h2 .user-name span.response-time:hover { color:#fff; cursor:help; } .ticketBlock h2 .user-name img, .ticketBlock h2 .user-name img.avatar, .ticketBlock h2 .user-name img.category-thumb { margin:0 4px 0 3px; position:relative; top:3px; float:none; width:15px; height:15px; display:inline-block; } .ticketBlock h2 a { color:rgba(255,255,255,0.75); } .ticketBlock h2 a:hover { color:#fff; } #single-article.ticketBlock { -moz-box-shadow:none; -webkit-box-shadow:none; box-shadow:none; } #close-ticket-block { position:absolute; bottom:6px; right:2px; text-transform:uppercase; color:#888; letter-spacing:1px; } #close-ticket-block label { font-size:14px; font-weight:500; cursor:pointer; margin:0 0 0 6px; position:relative; top:1px; } #close-ticket-block .private-comment-checkbox { display:inline-block; padding-right:15px; } #make-private-block { position:absolute; bottom:6px; right:2px; text-transform:uppercase; color:#888; letter-spacing:1px; } #make-private-block label { font-size:14px; font-weight:500; cursor:pointer; margin:0 0 0 6px; position:relative; top:1px; } /* Comment List */ small.ticket-title { margin:0; font-size:11px; text-transform:uppercase; } ul.comment-list { list-style:none; margin:0; padding:0; } ul.comment-list > li { background:#fff; padding:0; margin:0 -25px; } ul.comment-list > li .left { border-top:1px solid #e5e5e5; position:relative; display:block; float:left; padding:4%; width:16%; margin:0; } ul.comment-list > li .left .total-user-likes, ul.comment-list > li .left .total-tickets { display:block; font-weight:500; } ul.comment-list > li .left img { z-index:2; position:relative; float:none; width:100%; height:auto; margin:0; display:block; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; } ul.comment-list > li .left .user-tooltip { display:block; } ul.comment-list > li .left .author { text-align:center; display:block; font-size:13px; color:#888; margin:10px 0 0; } ul.comment-list > li .left .author i.auxiliary { font-size:13px; position:relative; top:-1px; left:-2px; } ul.comment-list > li .right { border-top:1px solid #e5e5e5; position:relative; top:0; word-wrap:break-word; display:block; float:right; width:84%; padding:4% 4% 4% 0.25%; top:0; } ul.comment-list > li .right .attachments { border-left:2px solid #ddd; padding-left:15px; margin:25px 0; } ul.comment-list > li .right .attachments strong { font-size: 12px; text-transform: uppercase; font-weight:500; letter-spacing: 1px; display: block; padding: 0 0 10px; } ul.comment-list > li .right .posted-time { float:left; } ul.comment-list > li .right .posted-time, ul.comment-list > li .right .posted-time a { font-size:11px; color:#aaa; margin:0; } ul.comment-list > li .right .posted-time a:hover { color:#888; } ul.comment-list > li .right .comment-block-wrap { margin:0 0 15px; } ul.comment-list > li.type-note .right .comment-block-wrap { margin:0; } ul.comment-list > li .left:before { content:""; width:40px; height:43px; background-size:40px auto; position:absolute; top:5px; left:-73px; } ul.comment-list .comment { position:relative; padding-right:70px; } ul.comment-list .edit-delete { position:absolute; top:2px; right:0; font-size:17px; line-height:1; opacity:0; } ul.comment-list > li:hover .edit-delete { opacity:1; } ul.comment-list .edit-delete .edit-comment { color:#aaa; } ul.comment-list .edit-delete .delete-comment { color:#aaa; padding-left:7px; top:0; position:relative; } ul.comment-list .edit-delete a:hover { color:#555; } #unsubscribe, #cancel-edit-comment, #cancel-post-comment, #cancel-post-note, #delete-saved-reply, .close-customer-notes { display:inline-block; margin-left:15px; cursor:pointer; font-size:13px; color:#aaa; } #delete-saved-reply { display:none; } ul.comment-list > li .right .private-tag { display:block; font-weight:500; font-size:13px; text-transform:uppercase; margin:0 0 10px; padding:0; } ul.comment-list > li .right code { color:#888; font-size:13px; } ul.comment-list > li:first-child .left, ul.comment-list > li:first-child .right { border-top:none; } ul.comment-list > li .margin-adjust { margin-bottom:-15px; } .comment-from .name { color:#000; } .comment-from .reply-type-comment { color:#888 !important; } header#header nav span.dropdown .comment-from i.amx-lock { position:relative; font-size:14px; } ul.comment-list > li .comment-from { display:block; font-size:19px; font-weight:400; margin:0; line-height:1.2; } ul.comment-list > li .comment-from .amx-lock { font-size:14px; position:relative; top:-2px; } ul.comment-list > li .comment-meta { display:block; position:relative; margin:0 0 14px; } ul.comment-list > li .post-date { display:inline-block; line-height:20px; font-size:13px; color:#aaa; } ul.comment-list > li .post-date:hover { color:#888; } ul.comment-list > li.private-hidden .comment-from { font-size:15px; } ul.comment-list > li.private-hidden .comment-from .amx-lock { font-size:15px; top:0; } ul.comment-list > li .comment-anchor { visibility:hidden; width:1px; height:1px; display:block; position:absolute; top:-50px; left:-10px; } ul.comment-list > li .comment-buttons { margin:0; height:auto; padding:0; } ul.comment-list > li .comment-buttons > span { float:left; display:inline-block; height:35px; padding-top:5px; } ul.comment-list > li .comment-buttons > span.flag-button { position:absolute; right:0; bottom:0; } ul.comment-list > li .like-comment { position:relative; overflow:hidden; background:#fff; display:inline-block; font-size:13px !important; padding:5px 9px 3px 10px; text-transform:none; letter-spacing:0; font-weight:500; border:1px solid #ddd; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; } ul.comment-list > li .like-comment i.auxiliary { position:relative; z-index:1; opacity:1; -webkit-transform:translate3d(0,0,0) scale(1); -moz-transform:translate3d(0,0,0) scale(1); transform:translate3d(0,0,0) scale(1); font-size:13px; position:relative; top:-1px; margin-right:1px; } ul.comment-list > li .like-comment i.auxiliary.hidden { opacity:0; color:#fff; position:absolute; top:4px; left:7px; } ul.comment-list > li .like-comment span { position:relative; z-index:2; } ul.comment-list > li .like-comment:hover { background:#f9f9f9; border-color:#ccc; } ul.comment-list > li .like-comment.liked { color:#fff; } ul.comment-list > li .like-comment.liked i.auxiliary.animated { opacity:0; -webkit-transform:translate3d(0,2px,0) scale(10); -moz-transform:translate3d(0,2px,0) scale(10); transform:translate3d(0,2px,0) scale(10); } ul.comment-list > li .like-comment.liked i.auxiliary.hidden { opacity:1; } ul.comment-list > li .likers-list { display: inline-block; font-size: 13px; color: #888; position: relative; top:0; left: 20px; } ul.comment-list > li .likers-list img.avatar { display:inline-block; float:right; width:25px; height:25px; margin:0 0 0 -10px; } ul.comment-list > li .likers-list img.avatar:last-child { margin:0; } ul.comment-list > li .likers-list:hover img.avatar { margin:0 3px 0 0; } ul.comment-list > li .flag-comment { background:transparent; border:transparent; } ul.comment-list > li .flag-comment i.auxiliary { -webkit-transform:scale(1); transform:scale(1); color:#aaa; } ul.comment-list > li .flag-comment:hover i.auxiliary { color:#888; } ul.comment-list > li .flag-comment.flagged i.auxiliary { -webkit-transform:scale(1.3); transform:scale(1.3); } ul.comment-list > li .like-comment.icon-only { cursor:default; padding:5px 5px 3px 10px; } ul.comment-list > li .like-comment.icon-only i.auxiliary { color:#fff; margin:0; } ul.comment-list > li .like-text-bubble { position: relative; background: #fff; padding:4px 10px 3px; position:relative; top:-8px; left:7px; font-size:13px; font-weight:500; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; border: 1px solid #ddd; } .like-text-bubble:after, .like-text-bubble:before { right: 100%; top: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; } .like-text-bubble:after { border-color: rgba(255, 255, 255, 0); border-right-color: #fff; border-width: 4px; margin-top: -4px; } .like-text-bubble:before { border-color: rgba(221, 221, 221, 0); border-right-color: #ccc; border-width: 5px; margin-top: -5px; } ul.comment-list > li .like-comment, ul.comment-list > li .like-comment i.ti, ul.comment-list > li .likers-list img.avatar, ul.comment-list > li .left .author, ul.comment-list > li .flag-comment, ul.comment-list > li .flag-comment .text { -webkit-transition: all 300ms cubic-bezier(0.360, 0.000, 0.175, 1.000); -moz-transition: all 300ms cubic-bezier(0.360, 0.000, 0.175, 1.000); -o-transition: all 300ms cubic-bezier(0.360, 0.000, 0.175, 1.000); transition: all 300ms cubic-bezier(0.360, 0.000, 0.175, 1.000); /* custom */ -webkit-transition-timing-function: cubic-bezier(0.360, 0.000, 0.175, 1.000); -moz-transition-timing-function: cubic-bezier(0.360, 0.000, 0.175, 1.000); -o-transition-timing-function: cubic-bezier(0.360, 0.000, 0.175, 1.000); transition-timing-function: cubic-bezier(0.360, 0.000, 0.175, 1.000); /* custom */ } ul.comment-list > li { -webkit-transition: border 300ms cubic-bezier(0.360, 0.000, 0.175, 1.000), background 300ms cubic-bezier(0.360, 0.000, 0.175, 1.000); -moz-transition: border 300ms cubic-bezier(0.360, 0.000, 0.175, 1.000), background 300ms cubic-bezier(0.360, 0.000, 0.175, 1.000); -o-transition: border 300ms cubic-bezier(0.360, 0.000, 0.175, 1.000), background 300ms cubic-bezier(0.360, 0.000, 0.175, 1.000); transition: border 300ms cubic-bezier(0.360, 0.000, 0.175, 1.000), background 300ms cubic-bezier(0.360, 0.000, 0.175, 1.000); /* custom */ -webkit-transition-timing-function: cubic-bezier(0.360, 0.000, 0.175, 1.000); -moz-transition-timing-function: cubic-bezier(0.360, 0.000, 0.175, 1.000); -o-transition-timing-function: cubic-bezier(0.360, 0.000, 0.175, 1.000); transition-timing-function: cubic-bezier(0.360, 0.000, 0.175, 1.000); /* custom */ } #edit-comment-form { margin-right:-70px; } ul.comment-list > li.flagged .left, ul.comment-list > li.flagged .right { opacity:0.5; } /*ul.comment-list > li { border-left:5px solid #f5f5f5; }*/ ul.comment-list > li.employee .left, ul.comment-list > li.type-note .left, ul.comment-list > li.private .left { } ul.comment-list > li.employee { border-left-color:#aaa; } ul.comment-list > li .right .attachments i.auxiliary { color:#888; font-size:13px; margin-right:3px; } ul.comment-list > li .right .attachments a i.amx-times { color:#aaa; font-size:11px; margin-left:10px; } ul.comment-list > li .right .attachments a:hover i.amx-times { color:#333; } ul.comment-list > li.type-note .right { background:transparent; } /* Signature */ ul.comment-list .comment .signature { padding:0 0 5px; margin-bottom:0; } ul.comment-list .comment .signature > * { font-size:13px; line-height:1.6; opacity:0.75; } ul.comment-list .comment .signature hr { margin:1.3em 0; } #editSignatureBox .redactor-box > .redactor-layer > * { font-size:13px; line-height:1.6; opacity:0.75; } #editSignatureBox .redactor-box > .redactor-layer hr { opacity:1; margin:1.3em 0; } /* Private Comment Hidden */ ul.comment-list > li.private-hidden { border-top:1px solid #ddd; padding:21px 33px 25px; font-size:13px; color:#888; margin:0 -25px; background:#f9f9f9; text-align:center; } ul.comment-list > li.private-hidden img { width:24px; float:none; height:auto; position:relative; top:7px; display:inline-block; margin:0 10px 0 0; padding:0; } ul.comment-list > li.private-hidden span { display:inline-block; height:25px; } .ticketBlock.reversed ul.comment-list > li:first-child .left, .ticketBlock.reversed ul.comment-list > li:first-child .right { border-top:1px solid #ddd; } .ticketBlock.reversed .action-bar { border-bottom:none; } .ticketBlock.reversed div.reply-box { display:block; } .ticketBlock.reversed div.reply-box, .ticketBlock.reversed div.note-box { border-bottom:none; top:0; padding-top:5px; -moz-border-radius:0 0 3px 3px; -webkit-border-radius:0 0 3px 3px; border-radius:0 0 3px 3px; } .ticketBlock.reversed #cancel-post-note, .ticketBlock.reversed #cancel-post-comment { display:none; } .ticketBlock.reversed .action-bar a.top-level > span { display:none; } /* Page Form */ #pageForm-block { margin:0 0 60px; padding:25px 35px 20px; background:#fff; } #pageForm-block .button { margin:0 5px 0 0; } #pageForm-block > div > h2 { margin:0 0 25px; padding:0; font-size:22px; text-align:left; } #pageForm-block > div > h2 span { color:#888; float:right; display:inline-block; font-size:17px; padding:4px 0 0 0; font-weight:400; } #pageForm-block h3.bordered { position:relative; font-size:15px; line-height:2; margin:15px 0 35px; letter-spacing:1px; text-transform:uppercase; font-weight:500; border-bottom:2px solid #ddd; } #pageForm-block h3.bordered span:first-child { background:#fff; padding:0 10px 0 0; position:absolute; top:-15px; left:0; } #pageForm-block h3.bordered label { cursor:pointer; } #pageForm-block h3.bordered label:hover { color:#555; } #pageForm-block h3.bordered.toggled { margin-right:45px; } #pageForm-block h3.bordered.toggled span.switchery { position:absolute; right:-45px; top:-10px; } #pageForm-block hr { margin:0 0 30px; } #pageForm-block .conditional-hidden { display:none; } #pageForm-block input[type="file"] { font-size:12px; color:#888; margin:17px 0 15px; } #pageForm-block .avatar-upload-wrapper img { display:block; width:75px; height:75px; margin:0 0 15px; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; } #pageForm-block .avatar-upload-wrapper #logo-img img { width:auto; height:30px; -moz-border-radius:0; -webkit-border-radius:0; border-radius:0; } #pageForm-block .avatar-upload-wrapper #favicon-img img { height:32px; width:32px; } #pageForm-block small { color:#aaa; font-size:12px; } #pageForm-block .subtext { margin:-10px 0 20px 0; padding:0; font-size:14px; color:#888; } #pageForm-block span.subtext { display:block; margin:10px 0 0; padding:0 2px; } h3.bordered input[type="checkbox"] { display:none; } aside.sidebar h3.section-title { position:relative; } aside.sidebar h3.section-title label { cursor:pointer; } aside.sidebar h3.section-title label:hover { color:#555; } aside.sidebar h3.section-title.toggled { margin-right:45px; } aside.sidebar h3.section-title.toggled span.switchery { position:absolute; right:-45px; top:-10px; } .left-content h3.section-title { position:relative; } .left-content h3.section-title label { cursor:pointer; } .left-content h3.section-title label:hover { color:#555; } .left-content h3.section-title.toggled { margin-right:45px; } .left-content h3.section-title.toggled span.switchery { position:absolute; right:-45px; top:-10px; } h3.section-title input[type="checkbox"] { display:none; } .left-content p.breadcrumbs { margin:-44px 0 20px; } .left-content h3.section-title .list-formats { position: absolute; right: 0px; top: -10px; background: #f1f1ef; padding: 0 0 0 10px; font-size: 17px; } .left-content h3.section-title .list-formats a { color:#bbb; float:right; margin:0 0 0 7px; } .left-content h3.section-title .list-formats a:hover { color:#888; } .left-content h3.section-title .list-formats a.active, .left-content h3.section-title .list-formats a.active:hover { color:#555; } #pageForm-block #avatar-dropzone, #pageForm-block #hero-dropzone, #pageForm-block #logo-dropzone, #pageForm-block #favicon-dropzone, #pageForm-block #mobile_icon-dropzone { display:inline-block; cursor:pointer; margin:0 0 15px; } #pageForm-block #hero-dropzone #hero-img img { width:300px; height:auto; } p.public-private-switch { padding:15px 0 45px; margin:0; text-align:center; font-size:15px; font-weight:500; letter-spacing:1px; text-transform:uppercase; } p.public-private-switch span.public { padding:0 0 0 20px; color:#ccc; } p.public-private-switch span.private { padding:0 20px 0 0; color:#ccc; } #pageForm-block p label { display:inline-block; padding:0 0 0 10px; position:relative; top:2px; cursor:pointer; } #pageForm-block p label.disabled { color:#aaa; cursor:default; } #pageForm-block p label.above_label { cursor:default; padding:0 0 10px; font-weight:500; font-size:13px; top:0; } #pageForm-block .hidden-ticket-transfers { display:none; background: #FFFBE4; padding: 25px 25px 0; margin: 0 0 10px; border: 1px solid #e3daa6; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; } button:disabled, .button:disabled { border:1px solid #ddd !important; background:#e5e5e5 !important; color:#aaa !important; cursor:default !important; } /* Attachment fields */ #attachment-fields { position:absolute; top:-1000px; } #attachment-visuals { } #attachment-visuals .dz-preview { background:#ccc; position:relative; display:inline-block; color:#888; font-size:13px; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; padding:5px 10px 6px 40px; line-height:1.4; margin:0 5px 5px 0; } #attachment-visuals .dz-preview:last-child { margin:0 0 25px; } #attachment-visuals .dz-preview .dz-size { color:rgba(255,255,255,0.5); } #attachment-visuals .dz-preview .dz-progress { display:block; background:rgba(0,0,0,0.10); margin-top:6px; margin-bottom:4px; } #attachment-visuals .dz-preview .dz-progress .dz-upload { display:block; background:rgba(255,255,255,0.65); padding:2px; } #attachment-visuals .dz-preview i.amx-refresh { font-size:18px; position:absolute; top:11px; left:12px; } #attachment-visuals .dz-preview.dz-complete { color:#fff; padding-left:10px; } #attachment-visuals .dz-preview.dz-complete i.amx-refresh { display:none; } /* Modal Windows */ .amx-modal { padding-top: 50px; padding-bottom: 50px; position: fixed; overflow: auto; -webkit-overflow-scrolling: touch; z-index:4000000000; top: 0; right: 0; bottom: 0; left: 0; } .amx-modal hr { border-top:1px solid #ddd; background:none; } .amx-modal .tm-overlay { animation: amx-fadein 0.2s; -webkit-animation: amx-fadein 0.2s; -moz-animation: amx-fadein 0.2s; -ms-animation: amx-fadein 0.2s; -o-animation: amx-fadein 0.2s; -webkit-backface-visibility: hidden; position: fixed; background: rgba(0, 0, 0, 0.4); top: 0; right: 0; bottom: 0; left: 0; } .amx-modal .tm-window { animation: amx-popfadein 0.2s; -webkit-animation: amx-popfadein 0.2s; -moz-animation: amx-popfadein 0.2s; -ms-animation: amx-popfadein 0.2s; -o-animation: amx-popfadein 0.2s; -webkit-backface-visibility: hidden; padding:30px 30px 20px 30px; width:450px; position:relative; margin:0 auto; background:#fff; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; } .amx-modal.tm-closing .tm-overlay { animation: amx-fadeout 0.2s; -webkit-animation: amx-fadeout 0.2s; -moz-animation: amx-fadeout 0.2s; -ms-animation: amx-fadeout 0.2s; -o-animation: amx-fadeout 0.2s; -webkit-backface-visibility: hidden; } .amx-modal.tm-switching .tm-window { animation: amx-fadeout 0.2s; -webkit-animation: amx-fadeout 0.2s; -moz-animation: amx-fadeout 0.2s; -ms-animation: amx-fadeout 0.2s; -o-animation: amx-fadeout 0.2s; -webkit-backface-visibility: hidden; } .amx-modal .tm-window { background:#f5f5f5; } .amx-modal .tm-window p { margin:0 0 7px; font-size:15px; line-height:1.7; } .amx-modal .tm-window p small { display:block; margin:15px 0 15px; color:#888; text-transform:uppercase; font-size:13px; font-weight:500; } .amx-modal .tm-window p.name { font-size:15px; margin:0 0 20px; } .amx-modal .tm-window p strong { font-size:12px; text-transform:uppercase; display:inline-block; padding-right:3px; } .amx-modal .tm-window a { text-decoration:none; } .amx-modal .tm-window .close { background:#F5F5F5; padding-left:10px; line-height:1; color:#F59E9E; font-size:20px; position:absolute; top:30px; right:30px; } .amx-modal .tm-window .close:hover { color:#E35656; } input.field.password { color:#888; } .amx-modal .tm-window ul { font-size:15px; line-height:1.7; margin:12px 0 20px 25px; } .amx-modal .tm-window ul li { list-style-type:square; } .amx-modal .button { margin-right:5px; } .amx-modal section { margin:0 0 40px; } .amx-modal section:last-child { margin:0; } .amx-modal input[type="submit"].button { margin-top:10px; margin-bottom:0; } .amx-modal .error-message { display:none; margin:0 0 15px; font-size:14px; line-height:1.5; } .amx-modal { padding-top:90px; padding-bottom:0; } .amx-modal .tm-window { padding:30px 30px 23px; box-shadow:0 5px 60px rgba(0,0,0,0.4); } .amx-modal h3.bordered, .amx-modal h3.amx-modal-cap { -moz-border-radius:4px 4px 0 0; -webkit-border-radius:4px 4px 0 0; border-radius:4px 4px 0 0; border:none; padding:0 15px; margin:-30px -30px 30px; line-height:38px; height:39px; font-size:13px; color:#fff; font-weight:500; letter-spacing:0.5px; text-transform:uppercase; } .amx-modal h3.secondary { text-transform:uppercase; font-size:14px; letter-spacing:0.5px; } .amx-modal .tm-window .close { top:9px; right:9px; background:transparent; color:rgba(255,255,255,0.5); } .amx-modal .tm-window .close:hover { color:#fff; } .amx-modal .modal-form-messages { display:none; } .amx-modal .modal-form-messages .errors, .amx-modal .modal-form-messages .messages { display:block; position:relative; margin:7px 0 5px; padding:12px 12px 12px 62px; border:1px solid; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; font-size:13px; line-height:1.6; } .amx-modal .modal-form-messages .messages:after { font-family:"VSIcons"; display:block; content:"\f080"; position:absolute; top:11px; left:15px; font-size:28px; } .amx-modal .modal-form-messages .errors:after { font-family:"VSIcons"; display:block; content:"\f080"; position:absolute; top:11px; left:15px; font-size:28px; } /* Custom Select Box */ select.custom-select-element { display:none; } .amx-custom-select { text-align:left; display:block; cursor:pointer; position:relative; background:#fff; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; border:1px solid #ccc; width:100%; font-size:14px; line-height:35px; height:35px; padding:0px 30px 0 10px; color:#888; } .amx-custom-select-arrow { position:absolute; top:0; right:10px; color:#555; font-size:14px; line-height:34px; } .amx-custom-select:hover { border-color:#aaa; } .amx-custom-select .amx-custom-select-default-text { display:block; color:#aaa; margin:-1px 0 0 0; } .amx-custom-select:hover .amx-custom-select-default-text { color:#777; } .amx-custom-select .amx-custom-select-list { cursor:default; display:none; opacity:0; position:absolute; top:33px; transform:scale(0.97); left:-6px; -webkit-overflow-scrolling:touch; } .amx-custom-select.active { border-color:#bbb; background:#eee; } .amx-custom-select.active .amx-custom-select-default-text { color:#333; } .amx-custom-select.active .amx-custom-select-arrow { color:#333; right:8px; top:1px; } .amx-custom-select.active .amx-custom-select-arrow i.ti:before { content: "\f050"; } .amx-custom-select.active .amx-custom-select-list { box-sizing:border-box; display:block; width: 100%; max-height:325px; overflow-y: scroll; overflow-x: hidden; background: #fff; border: 1px solid #bbb; padding: 5px; z-index: 1000; box-shadow: 0 1px 10px rgba(0,0,0,0.2); -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; box-sizing: content-box; } .amx-custom-select.active.fade .amx-custom-select-list { opacity:1; transform:scale(1); } .amx-custom-select .amx-custom-select-list .amx-custom-select-option { cursor:pointer; position:relative; display:block; padding:8px; line-height:24px; height:39px; border-bottom:1px solid #eee; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .amx-custom-select .amx-custom-select-list .amx-custom-select-option i.amx-check { color:#ddd; opacity:0; position:absolute; top:8px; right:7px; font-size:20px; } .amx-custom-select .amx-custom-select-list .amx-custom-select-option.has-thumb { padding-left:4px; } .amx-custom-select .amx-custom-select-list .amx-custom-select-option.is-selected i.amx-check { opacity:1; right:11px; } .amx-custom-select .amx-custom-select-list .amx-custom-select-option:last-child { border:none; } .amx-custom-select .amx-custom-select-list .amx-custom-select-option:hover { background:#f9f9f9; color:#666; padding-right:30px; } .amx-custom-select .amx-custom-select-list .amx-custom-select-option.is-selected, .amx-custom-select .amx-custom-select-list .amx-custom-select-option.is-selected:hover { background:#f5f5f5; color:#000; padding-right:30px; } .amx-custom-select .amx-custom-select-list .amx-custom-select-option:hover i.amx-check { opacity:1; right:11px; } .amx-custom-select .amx-custom-select-list .amx-custom-select-option .amx-custom-select-option-thumb { -webkit-transform:scale(1); width:22px; height:22px; margin-left:5px; margin-right:7px; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; display:block; float:left; } .amx-custom-select .amx-custom-select-list .amx-custom-select-option .amx-custom-select-option-name { padding-left:2px; } .amx-custom-select .amx-custom-select-list .amx-custom-select-option:hover .amx-custom-select-option-thumb { -webkit-transform:scale(1.2); } .amx-custom-select .amx-custom-select-list .amx-custom-select-option.is-selected:hover .amx-custom-select-option-thumb { -webkit-transform:scale(1); } .amx-custom-select .amx-custom-select-list .amx-custom-select-option:hover .amx-custom-select-option-name { padding-left:5px; color:#666; } .amx-custom-select .amx-custom-select-list .amx-custom-select-option.is-selected .amx-custom-select-option-name, .amx-custom-select .amx-custom-select-list .amx-custom-select-option.is-selected:hover .amx-custom-select-option-name { padding-left:5px; color:#000; } .amx-custom-select.multiple .amx-custom-select-list { padding-bottom:40px; position:relative; top:0; } .amx-custom-select.multiple .amx-custom-select-list-wrapper { display:block; position:absolute; width:100%; left:0; top:32px; } .amx-custom-select.multiple .amx-custom-select-list-wrapper .amx-custom-select-options { display:none; transform:scale(0.95); cursor:default; text-align:center; color:#aaa; opacity:0; width:100%; height:40px; -moz-border-radius:0 0 3px 3px; -webkit-border-radius:0 0 3px 3px; border-radius:0 0 3px 3px; padding:0 5px; box-sizing:content-box; margin:0 -5px; position:absolute; bottom:1px; left:0; z-index:1001; line-height:40px; } .amx-custom-select.multiple.active .amx-custom-select-list-wrapper .amx-custom-select-options { display:block; } .amx-custom-select.multiple.active.fade .amx-custom-select-list-wrapper .amx-custom-select-options { opacity:1; transform:scale(1); } .amx-custom-select.multiple .amx-custom-select-list-wrapper .amx-custom-select-options { background:#fff; box-shadow: 0 -1px 1px rgba(0,0,0,0.1); } .amx-custom-select.multiple .amx-custom-select-list-wrapper .amx-custom-select-options:hover { background:#fff; box-shadow: 0 -2px 7px rgba(0,0,0,0.15); } .amx-custom-select.multiple .amx-custom-select-list-wrapper .amx-custom-select-options a { color:#888; display:block; width:50%; float:left; text-align:left; padding-left:10px; } .amx-custom-select.multiple .amx-custom-select-list-wrapper .amx-custom-select-options a:last-child { padding:0 10px 0 0; text-align:right; } .amx-custom-select.multiple .amx-custom-select-list-wrapper .amx-custom-select-options a i.auxiliary { color:#ccc; } .amx-custom-select.multiple .amx-custom-select-list-wrapper .amx-custom-select-options a:hover { color:#000; } .amx-custom-select.multiple .amx-custom-select-list-wrapper .amx-custom-select-options.inactive, .amx-custom-select.multiple .amx-custom-select-list-wrapper .amx-custom-select-options.inactive:hover { box-shadow:none; } .amx-custom-select.multiple .amx-custom-select-list-wrapper .amx-custom-select-options.inactive a:first-child, .amx-custom-select.multiple .amx-custom-select-list-wrapper .amx-custom-select-options.inactive a:first-child:hover { cursor:default; color:#ccc; } .amx-custom-select.multiple .amx-custom-select-list-wrapper .amx-custom-select-options.inactive a:first-child i.ti, .amx-custom-select.multiple .amx-custom-select-list-wrapper .amx-custom-select-options.inactive a:first-child:hover i.auxiliary { color:#ddd; } .amx-custom-select .amx-custom-select-list .option-group { display:block; padding:10px; } .amx-custom-select .amx-custom-select-list .option-group strong { margin-left:10px; font-size:15px; padding-bottom:7px; display:block; letter-spacing:1px; text-transform:uppercase; } .amx-custom-select .amx-custom-select-default-text i.amx-check { display:none; } .amx-custom-select .amx-custom-select-default-text .multiple-count { -moz-border-radius:20px; -webkit-border-radius:20px; border-radius:20px; margin-right: 8px; text-align: center; line-height: 18px; height: 19px; width: 19px; display: inline-block; color: #fff; font-size: 12px; font-weight:500; position:relative; top:-1px; } .amx-custom-select .amx-custom-select-default-text { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; padding-right:15px; } .amx-custom-select .amx-custom-select-default-text .amx-custom-select-option-thumb { width:15px; height:15px; margin-top:10px; margin-right:8px; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; display:inline-block; float:left; } .amx-custom-select .amx-custom-select-default-text .amx-custom-select-option-thumb.avatar { width:19px; height:19px; margin-top:8px; } .amx-custom-select-default-text .amx-custom-select-option-name { color:#555; } .amx-custom-select, .amx-custom-select-default-text, .amx-custom-select .amx-custom-select-list .amx-custom-select-option, .amx-custom-select.fade .amx-custom-select-list-wrapper .amx-custom-select-options, .amx-custom-select .amx-custom-select-list .amx-custom-select-option .amx-custom-select-option-thumb, .amx-custom-select .amx-custom-select-list .amx-custom-select-option .amx-custom-select-option-name, .amx-custom-select .amx-custom-select-list .amx-custom-select-option i.amx-check, .amx-custom-select.multiple .amx-custom-select-list-wrapper .amx-custom-select-options a i.ti, #articles-list .articles-padded .single-article .cat-title .article-cat, #articles-list article.full-width .articles-padded .single-article .article-title, #articles-list article.full-width .articles-padded .single-article .article-excerpt, #articles-list .articles-padded .single-article .cat-title .article-title { -webkit-transition: all .1s ease-out; -moz-transition: all .1s ease-out; -o-transition: all .1s ease-out; transition: all .1s ease-out; } .amx-custom-select .amx-custom-select-list { -webkit-transition: all .1s ease-out; -moz-transition: all .1s ease-out; -o-transition: all .1s ease-out; transition: all .1s ease-out; } /* END - Custom Select Box */ .redactor-box textarea { padding: 30px !important; box-sizing: border-box !important; background-color: #333 !important; font-size: 12px !important; line-height: 1.6 !important; margin:0 !important; border-color:#111; } .redactor-box textarea.open { display:block !important; } /* Modal Forms */ .amx-form {} .amx-form .field, #redactor-modal input[type="text"], #redactor-modal input[type="password"], #redactor-modal input[type="email"], #redactor-modal input[type="url"], #redactor-modal textarea { background:#fff; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; border:1px solid #ccc; width:100%; font-size:14px; line-height:35px; height:35px; padding:0px 53px 0 10px; color:#333; } .amx-form p { position:relative; } .amx-form p span.required { position:absolute; top:9px; right:12px; font-size:13px; } .amx-form p span.private { position:absolute; top:7px; right:30px; font-size:14px; } .amx-form p .required.select { right:21px; } .amx-form p .required.custom-select { right:28px; top:0; } .amx-form .field:focus { outline:none; box-shadow:none; border-color:#888; } .amx-form .field.multiple { height:auto; padding:10px; max-height:300px; } .amx-form .field.bold-large { font-size:16px; font-weight:500; line-height:1.5; color:#555; } .amx-form .field[readonly] { background:#f9f9f9; color:#888; font-family:monospace; } .keyboard-icon { background:#eee; border:1px solid #ddd; background:rgba(0,0,0,0.05); border-color:rgba(0,0,0,0.1); display:inline-block; font-size:10px; margin:0 3px; position:relative; top:-1px; height:15px; min-width:16px; padding:0 5px; text-align:center; line-height:15px; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; } /* Auth Loader */ .authLoader { width:100%; height:100%; position:absolute; top:0; left:0; text-align:center; font-size:30px; font-weight:400; } .authLoader .spinner { position:relative; width:300px; height:100%; margin:0 auto; } /* Footer */ footer { color:#aaa; padding:40px 0; text-align:center; font-size:11px; } footer a { color:#aaa; text-decoration:none; } footer a:hover { text-decoration:underline; color:#888; border:none; } /* Animation */ .preload * { -webkit-transition: none !important; -moz-transition: none !important; -ms-transition: none !important; -o-transition: none !important; } .button, #banner a, .page-content a, header#header a, header#header nav > span.with-dd, header#header nav > span.with-dd i.ti, #error-banner p a, .ticket-list a.ticket span.ticket-title, #pageForm-block h3 label, .star-ticket, ul.comment-list .edit-delete, #article-categories a.article img.category-thumb, .ticket-list a.ticket.response-needed img, .ticket-list a.ticket span.description, .ticket-list a.ticket span.ticket-customer, .response-needed-block .mark-as.unread span, #support-verified h2 a span, .ticket-list a.ticket > img, #articles-list .articles-padded .single-article .category-thumb, .ticket-list.compact a.ticket, .ticket-list a.ticket span.ticket-right, .button.color-pp img, .amx-instant-results a.result-block strong, .tc-tabs .tab, .tc-tabs .tab i.auxiliary { -webkit-transition: all .1s ease-out; -moz-transition: all .1s ease-out; -o-transition: all .1s ease-out; transition: all .1s ease-out; } header#header nav span.search { -webkit-transition: all 200ms cubic-bezier(0.550, 0.005, 0.205, 1.000); -moz-transition: all 200ms cubic-bezier(0.550, 0.005, 0.205, 1.000); -o-transition: all 200ms cubic-bezier(0.550, 0.005, 0.205, 1.000); transition: all 200ms cubic-bezier(0.550, 0.005, 0.205, 1.000); /* custom */ -webkit-transition-timing-function: cubic-bezier(0.550, 0.005, 0.205, 1.000); -moz-transition-timing-function: cubic-bezier(0.550, 0.005, 0.205, 1.000); -o-transition-timing-function: cubic-bezier(0.550, 0.005, 0.205, 1.000); transition-timing-function: cubic-bezier(0.550, 0.005, 0.205, 1.000); /* custom */ } /* Header */ header#mobile-header, #sidebar-menu { display:none; } #support-verified, #support-verified ul { -webkit-transition: margin .1s ease-out, height .1s ease-out; -moz-transition: margin .1s ease-out, height .1s ease-out; -o-transition: margin .1s ease-out, height .1s ease-out; transition: margin .1s ease-out, height .1s ease-out; } #redactor-modal footer button.redactor-modal-action-btn, #redactor-modal footer button { -webkit-transition: background .1s ease-out; -moz-transition: background .1s ease-out; -o-transition: background .1s ease-out; transition: background .1s ease-out; } .ticketBlock .star-ticket { -webkit-transition: all .2s ease-out; -moz-transition: all .2s ease-out; -o-transition: all .2s ease-out; transition: all .2s ease-out; } .yellow-block { -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; background: #fffbdc; border:2px solid #efe2b3; padding:20px 20px 7px; } /* Buttons */ body .button, #redactor-modal footer button { cursor:pointer; display:inline-block; text-transform:uppercase; background:#eee; padding:10px 14px 9px; font-size:13px; letter-spacing:1px; border:1px solid #ddd; color:#777; font-weight:400; line-height:15px; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; } .button.large { padding:17px 18px 16px; font-size:15px; font-weight:500; } .button.sm { font-size:11px; font-weight:500 !important; padding:7px 12px; } .button.tiny { padding:4px 9px 4px; font-size:11px !important; font-weight:600 !important; } .button.color-1, .button.color-2, .button.color-3, .button.color-4, .button.color-yellow, .button.color-fb, .button.color-envato, .button.color-tw { color:#fff; } .button.color-pp { font-weight:500; color:#0070ba; border:2px solid #0070ba; background:#fff; padding:9px 14px 8px !important; } .button.color-pp img { height:14px; width:auto; float:left; display:inline-block; padding-right:14px; } .button.color-pp:hover { border:2px solid #0070ba; background:#0070ba; color:#fff; } .button.color-pp:hover img { -webkit-filter: brightness(0) invert(1); filter: brightness(0) invert(1); } .button:hover { background:#ddd; border:1px solid #ccc; color:#555; } .button.outlined { font-weight:500; border:2px solid; color:#555; background:#fff; padding:6px 12px; } .button.outlined:hover { color:#fff; } .button.outlined:hover i.auxiliary { color:#fff; } .button.outlined.active, .button.outlined.active:hover { border:1px solid; background:#fff; cursor:default; border-color:#ddd; color:#aaa; padding:7px 13px; } .button.outlined.active i.ti, .button.outlined.active:hover i.auxiliary { color:#aaa; } .button.non-button { cursor:default; margin:0 0 30px !important; } .button.non-button.outlined:hover { background:#fff; color:#555; } .button.mini-realistic { display:inline-block; border:1px solid #ccc; background:#fff; box-shadow:0 1px 1px rgba(0,0,0,0.08); padding:0 6px; line-height:18px; font-size:12px; text-transform:none; color:#777; } .button.mini-realistic:hover { border:1px solid #aaa; background:#f9f9f9; color:#555; box-shadow:0 2px 3px rgba(0,0,0,0.08); } .button.mini-realistic.edit-permalink { position:relative; top:-1px; } .button.color-1:hover, .button.color-2:hover, .button.color-3:hover, .button.color-4:hover, .button.color-yellow:hover, .button.color-tw:hover, .button.color-fb:hover, .button.color-envato:hover { color:#fff; } /* Special Button Styling */ .button i.auxiliary { font-weight:300; font-size:14px; position:relative; left:-3px; } .button i.amx-reorder, .button i.icon-upload { top:1px; } .button i.amx-paperclip { font-size:12px; } .button.right { float:right; } .button.on-dark:hover, .button.color-1.on-dark:hover, .button.color-2.on-dark:hover, .button.color-3.on-dark:hover, .button.color-4.on-dark:hover { color:#fff; } .button.color-fb { border-color:#3B5998; background:#3B5998; } .button.color-fb:hover { border-color:#2b457c; background:#2b457c; } .button.color-tw { border-color:#55ACEE; background:#55ACEE; } .button.color-tw:hover { border-color:#3f8dc8; background:#3f8dc8; } .button.color-envato { border-color:#85b448; background:#85b448; } .button.color-envato:hover { border-color:#6f973c; background:#6f973c; } .button.color-white { border-color:#fff; background:#fff; } .button.color-white:hover { border-color:#fff; background:#fff; } .button.color-envato i.auxiliary { color:#fff !important; } .button.color-disconnect { background:rgba(0,0,0,0.1); color:#aaa; } /* Fancybox */ .fancybox-overlay { z-index:9998; } .fancybox-opened { z-index:9999; } /* Avatar Styling */ img.avatar { -moz-border-radius:100px !important; -webkit-border-radius:100px !important; border-radius:100px !important; } img.avatar.square { -moz-border-radius:0 !important; -webkit-border-radius:0 !important; border-radius:0 !important; } /* amx Instant Search */ .amx-instant-search-wrapper { position:relative; } .amx-instant-results { text-align:left; opacity:0; transform:scale(0.95); max-height:360px; overflow-x:hidden; box-sizing:content-box; overflow-y:auto; position:absolute; width:100%; padding:5px; left:-6px; top:95%; min-height:36px; background:#fff; box-shadow:0 10px 24px rgba(0,0,0,0.10); border:1px solid #ddd; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; } .amx-instant-results.active { opacity:1; transform:scale(1); z-index:99; } .amx-instant-results .result-block, .amx-search-results .result-block { color:#555; display:block; width:100%; padding:7px 10px; line-height:1.5; background:#fff; border-bottom:1px solid #e5e5e5; } .amx-instant-results .result-block:last-child, .amx-search-results .result-block:last-child { border:none; } .amx-instant-results .result-block.nothing-found { text-align:center; } .tc-tabs .tab .mobile-title { display:none; } .amx-instant-results a.result-block, .amx-search-results a.result-block { position:relative; overflow-x:hidden; text-overflow:ellipsis; white-space:nowrap; } .amx-instant-results a.result-block.ticket, .amx-instant-results a.result-block.customer, .amx-instant-results a.result-block.article, .amx-search-results a.result-block.ticket, .amx-search-results a.result-block.customer, .amx-search-results a.result-block.article { padding-left:54px; } .amx-instant-results a.result-block img, .amx-search-results a.result-block img { position:relative; top:5px; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; width:13px; height:13px; float:left; margin-right:7px; } .amx-instant-results a.result-block img.avatar, .amx-instant-results a.result-block img.thumbnail, .amx-search-results a.result-block img.avatar, .amx-search-results a.result-block img.thumbnail { position:absolute; top:12px; left:10px; float:none; width:32px; height:32px; margin-right:12px; } .amx-instant-results a.result-block strong, .amx-search-results a.result-block strong { font-weight:500; } .amx-instant-results a.result-block em, .amx-search-results a.result-block em { font-size:13px; color:#888; font-weight:400; font-style:normal; } .amx-instant-results a.result-block em span, .amx-search-results a.result-block em span { color:#aaa; } .amx-instant-results a.result-block:hover, .amx-instant-results a.result-block:focus, .amx-search-results a.result-block:hover, .amx-search-results a.result-block:focus { color:#555; background:#f9f9f9; outline:none; box-shadow:none; } .amx-instant-results a.result-block:hover strong, .amx-instant-results a.result-block:focus strong, .amx-search-results a.result-block:hover strong, .amx-search-results a.result-block:focus strong { color:#555; } .amx-instant-results a.result-block.ticket .amx-circle, .amx-search-results a.result-block.ticket .amx-circle { font-size:13px; } header#header nav .amx-instant-results a.result-block.ticket strong { color:#555; } .amx-search-results a.result-block img.avatar { left:15px !important; } .amx-search-results a.result-block.customer, .amx-search-results a.result-block.article, .amx-search-results a.result-block.ticket { font-size:15px !important; padding:12px 15px; padding-left:63px !important; } .amx-search-results a.result-block img.avatar, .amx-search-results a.result-block img.thumbnail { top:15px; left:15px; } .ticket-list .amx-search-results a.result-block.ticket { min-height:auto; } .amx-instant-results { -webkit-transition: all 100ms cubic-bezier(0.000, 0.000, 1.000, 0.030); -moz-transition: all 100ms cubic-bezier(0.000, 0.000, 1.000, 0.030); -o-transition: all 100ms cubic-bezier(0.000, 0.000, 1.000, 0.030); transition: all 100ms cubic-bezier(0.000, 0.000, 1.000, 0.030); } .amx-instant-results.active, .success-banner { -webkit-transition: all 200ms cubic-bezier(0.000, 0.000, 0.085, 1.000); -moz-transition: all 200ms cubic-bezier(0.000, 0.000, 0.085, 1.000); -o-transition: all 200ms cubic-bezier(0.000, 0.000, 0.085, 1.000); transition: all 200ms cubic-bezier(0.000, 0.000, 0.085, 1.000); } .shell.submit-ticket-shell { -webkit-transition: top 200ms cubic-bezier(0.000, 0.000, 0.085, 1.000), margin 200ms cubic-bezier(0.000, 0.000, 0.085, 1.000); -moz-transition: top 200ms cubic-bezier(0.000, 0.000, 0.085, 1.000), margin 200ms cubic-bezier(0.000, 0.000, 0.085, 1.000); -o-transition: top 200ms cubic-bezier(0.000, 0.000, 0.085, 1.000), margin 200ms cubic-bezier(0.000, 0.000, 0.085, 1.000); transition: top 200ms cubic-bezier(0.000, 0.000, 0.085, 1.000), margin 200ms cubic-bezier(0.000, 0.000, 0.085, 1.000); } .backend-search .amx-instant-results { overflow-y:hidden; width:450px; right:0; padding:10px; box-shadow:0 2px 3px rgba(0,0,0,0.15); left:auto; top:41px; border:none; -moz-border-radius:0 0 3px 3px; -webkit-border-radius:0 0 3px 3px; border-radius:0 0 3px 3px; } .tc-tabs { width:100%; display:block; color:#555; font-size:15px; line-height:1.5; border-bottom:1px solid #e5e5e5; } .tc-tabs .tab { width:100%; cursor:pointer; display:inline-block; text-align:center; float:left; padding:14px 0; color:#888; background:#f5f5f5; border-right:1px solid #e5e5e5; text-transform: uppercase; font-size: 12px; font-weight:500; letter-spacing: 1px !important; } .tc-tabs .tab i.auxiliary { color:#aaa; font-size:14px; position:relative; top:1px; letter-spacing:0 !important; } .tc-tabs .tab i.icon-presale { position:relative; top:1px; } .tc-tabs .tab:hover { color:#555; background:#f1f1ef; } .tc-tabs .tab:hover i.auxiliary { color:#555; } .tc-tabs .tab:last-child { border-right:none; } .tc-tabs .tab.col-1-5 { width:20%; } .tc-tabs .tab.col-1-4 { width:25%; } .tc-tabs .tab.col-1-3 { width:33.333%; } .tc-tabs .tab.col-1-2 { width:50%; } .tc-tabs .tab.active { color:#555; background:#fff; } .tc-tab-content { overflow-y:auto; max-height:360px; padding:53px 0 0; display:none; -webkit-overflow-scrolling:touch; } .tc-tab-content.active { display:block; } .tc-tab-content.no-tabs { padding:0; } .tc-tabs.customer-tabs .tab { border-top:1px solid #e5e5e5; } .tc-tabs.customer-tabs .tab.active { border-top:1px solid #fff; } .tc-tabs .tab i.amx-thumbs-up-solid { position:relative; top:0; } .tc-tabs .tab.unread { color:#000; } .tc-tabs.customer-tabs { margin:0 -33px; width:auto; border-bottom:none; } .tc-tab-content.any-height { overflow-y:visible; max-height:none; padding:0; } .tc-tab-content a.result-block { line-height:1.3; padding:9px 10px; } .tc-tab-content a.result-block img { top:12px; } .tc-tab-content a.result-block.ticket, .tc-tab-content a.result-block.customer, .tc-tab-content a.result-block.article { padding-left:57px; } .backend-search .amx-instant-results .tc-tabs { width:450px; z-index:5; position:absolute; top:10px; left:10px; } .dropdown .tc-tab-wrapper { padding:0 7px; } .notifications .tc-tab-content { padding-top:0; } .switchery { background-color:#fff; border:1px solid #dfdfdf; border-radius:20px; cursor:pointer; display:inline-block; height:30px; position:relative; vertical-align:middle; width:50px; -moz-user-select:none; -khtml-user-select:none; -webkit-user-select:none; -ms-user-select:none; user-select:none; box-sizing:content-box; background-clip:content-box; } .switchery>small { background:#fff; border-radius:100%; box-shadow:0 1px 3px rgba(0,0,0,0.4); height:30px; position:absolute; top:0; width:30px; } .switchery-small { border-radius:20px; height:20px; width:33px; } .switchery-small>small { height:20px; width:20px; } .switchery-large { border-radius:40px; height:40px; width:66px; } .switchery-large>small { height:40px; width:40px; } .tooltipster-fall,.tooltipster-grow.tooltipster-show { -webkit-transition-timing-function:cubic-bezier(.175,.885,.32,1); -moz-transition-timing-function:cubic-bezier(.175,.885,.32,1.15); -ms-transition-timing-function:cubic-bezier(.175,.885,.32,1.15); -o-transition-timing-function:cubic-bezier(.175,.885,.32,1.15); } .tooltipster-base { display:block; pointer-events:none; position:absolute; } .tooltipster-box { flex:1 1 auto; } .tooltipster-content { box-sizing:border-box; max-height:100%; max-width:100%; overflow:auto; } .tooltipster-ruler { bottom:0; left:0; overflow:hidden; position:fixed; right:0; top:0; visibility:hidden; } .tooltipster-fade { opacity:0; -webkit-transition-property:opacity; -moz-transition-property:opacity; -o-transition-property:opacity; -ms-transition-property:opacity; transition-property:opacity; } .tooltipster-fade.tooltipster-show { opacity:1; } .tooltipster-grow { -webkit-transform:scale(0,0); -moz-transform:scale(0,0); -o-transform:scale(0,0); -ms-transform:scale(0,0); transform:scale(0,0); -webkit-transition-property:-webkit-transform; -moz-transition-property:-moz-transform; -o-transition-property:-o-transform; -ms-transition-property:-ms-transform; transition-property:transform; -webkit-backface-visibility:hidden; } .tooltipster-grow.tooltipster-show { -webkit-transform:scale(1,1); -moz-transform:scale(1,1); -o-transform:scale(1,1); -ms-transform:scale(1,1); transform:scale(1,1); -webkit-transition-timing-function:cubic-bezier(.175,.885,.32,1.15); transition-timing-function:cubic-bezier(.175,.885,.32,1.15); } .tooltipster-swing { opacity:0; -webkit-transform:rotateZ(4deg); -moz-transform:rotateZ(4deg); -o-transform:rotateZ(4deg); -ms-transform:rotateZ(4deg); transform:rotateZ(4deg); -webkit-transition-property:-webkit-transform,opacity; -moz-transition-property:-moz-transform; -o-transition-property:-o-transform; -ms-transition-property:-ms-transform; transition-property:transform; } .tooltipster-swing.tooltipster-show { opacity:1; -webkit-transform:rotateZ(0); -moz-transform:rotateZ(0); -o-transform:rotateZ(0); -ms-transform:rotateZ(0); transform:rotateZ(0); -webkit-transition-timing-function:cubic-bezier(.23,.635,.495,1); -webkit-transition-timing-function:cubic-bezier(.23,.635,.495,2.4); -moz-transition-timing-function:cubic-bezier(.23,.635,.495,2.4); -ms-transition-timing-function:cubic-bezier(.23,.635,.495,2.4); -o-transition-timing-function:cubic-bezier(.23,.635,.495,2.4); transition-timing-function:cubic-bezier(.23,.635,.495,2.4); } .tooltipster-fall { -webkit-transition-property:top; -moz-transition-property:top; -o-transition-property:top; -ms-transition-property:top; transition-property:top; -webkit-transition-timing-function:cubic-bezier(.175,.885,.32,1.15); transition-timing-function:cubic-bezier(.175,.885,.32,1.15); } .tooltipster-fall.tooltipster-initial { top:0!important; } .tooltipster-fall.tooltipster-dying { -webkit-transition-property:all; -moz-transition-property:all; -o-transition-property:all; -ms-transition-property:all; transition-property:all; top:0!important; opacity:0; } .tooltipster-slide { -webkit-transition-property:left; -moz-transition-property:left; -o-transition-property:left; -ms-transition-property:left; transition-property:left; -webkit-transition-timing-function:cubic-bezier(.175,.885,.32,1); -webkit-transition-timing-function:cubic-bezier(.175,.885,.32,1.15); -moz-transition-timing-function:cubic-bezier(.175,.885,.32,1.15); -ms-transition-timing-function:cubic-bezier(.175,.885,.32,1.15); -o-transition-timing-function:cubic-bezier(.175,.885,.32,1.15); transition-timing-function:cubic-bezier(.175,.885,.32,1.15); } .tooltipster-slide.tooltipster-initial { left:-40px!important; } .tooltipster-slide.tooltipster-dying { -webkit-transition-property:all; -moz-transition-property:all; -o-transition-property:all; -ms-transition-property:all; transition-property:all; left:0!important; opacity:0; } @keyframes tooltipster-fading { 0% { opacity:0; } 100% { opacity:1; } } .tooltipster-update-fade { animation:tooltipster-fading .4s; } @keyframes tooltipster-rotating { 25% { transform:rotate(-2deg); } 75% { transform:rotate(2deg); } 100% { transform:rotate(0); } } .tooltipster-update-rotate { animation:tooltipster-rotating .6s; } @keyframes tooltipster-scaling { 50% { transform:scale(1.1); } 100% { transform:scale(1); } } .tooltipster-update-scale { animation:tooltipster-scaling .6s; } .tooltipster-sidetip .tooltipster-box { background:#565656; border:2px solid #000; border-radius:4px; } .tooltipster-sidetip.tooltipster-bottom .tooltipster-box { margin-top:8px; } .tooltipster-sidetip.tooltipster-left .tooltipster-box { margin-right:8px; } .tooltipster-sidetip.tooltipster-right .tooltipster-box { margin-left:8px; } .tooltipster-sidetip.tooltipster-top .tooltipster-box { margin-bottom:8px; } .tooltipster-sidetip .tooltipster-content { color:#fff; line-height:18px; padding:6px 14px; } .tooltipster-sidetip .tooltipster-arrow { overflow:hidden; position:absolute; } .tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow { height:10px; margin-left:-10px; top:0; width:20px; } .tooltipster-sidetip.tooltipster-left .tooltipster-arrow { height:20px; margin-top:-10px; right:0; top:0; width:10px; } .tooltipster-sidetip.tooltipster-right .tooltipster-arrow { height:20px; margin-top:-10px; left:0; top:0; width:10px; } .tooltipster-sidetip.tooltipster-top .tooltipster-arrow { bottom:0; height:10px; margin-left:-10px; width:20px; } .tooltipster-sidetip .tooltipster-arrow-background,.tooltipster-sidetip .tooltipster-arrow-border { height:0; position:absolute; width:0; } .tooltipster-sidetip .tooltipster-arrow-background { border:10px solid transparent; } .tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-background { border-bottom-color:#565656; left:0; top:3px; } .tooltipster-sidetip.tooltipster-left .tooltipster-arrow-background { border-left-color:#565656; left:-3px; top:0; } .tooltipster-sidetip.tooltipster-right .tooltipster-arrow-background { border-right-color:#565656; left:3px; top:0; } .tooltipster-sidetip.tooltipster-top .tooltipster-arrow-background { border-top-color:#565656; left:0; top:-3px; } .tooltipster-sidetip .tooltipster-arrow-border { border:10px solid transparent; left:0; top:0; } .tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-border { border-bottom-color:#000; } .tooltipster-sidetip.tooltipster-left .tooltipster-arrow-border { border-left-color:#000; } .tooltipster-sidetip.tooltipster-right .tooltipster-arrow-border { border-right-color:#000; } .tooltipster-sidetip.tooltipster-top .tooltipster-arrow-border { border-top-color:#000; } .tooltipster-sidetip .tooltipster-arrow-uncropped { position:relative; } .tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-uncropped { top:-10px; } .tooltipster-sidetip.tooltipster-right .tooltipster-arrow-uncropped { left:-10px; } .tooltipster-base img.avatar{width:16px;height:16px;display:inline-block;position:relative;top:4px;margin:-3px 4px 0 0;} .tooltipster-tiny-pop { opacity:0; -webkit-transform:scale(0.9); -moz-transform:scale(0.9); -o-transform:scale(0.9); -ms-transform:scale(0.9); transform:scale(0.9); -webkit-transition-property:-webkit-transform; -moz-transition-property:-moz-transform; -o-transition-property:-o-transform; -ms-transition-property:-ms-transform; transition-property:transform; -webkit-backface-visibility:hidden; } .tooltipster-tiny-pop.tooltipster-show { opacity:1; -webkit-transform:scale(1); -moz-transform:scale(1); -o-transform:scale(1); -ms-transform:scale(1); transform:scale(1); -webkit-transition-timing-function:cubic-bezier(0.000,0.960,0.095,1.000); -webkit-transition-timing-function:cubic-bezier(0.000,0.960,0.095,1.000); -moz-transition-timing-function:cubic-bezier(0.000,0.960,0.095,1.000); -o-transition-timing-function:cubic-bezier(0.000,0.960,0.095,1.000); transition-timing-function:cubic-bezier(0.000,0.960,0.095,1.000); } .tooltipster-grow { -webkit-transform:scale(0,0); -moz-transform:scale(0,0); -o-transform:scale(0,0); -ms-transform:scale(0,0); transform:scale(0,0); -webkit-transition-property:-webkit-transform; -moz-transition-property:-moz-transform; -o-transition-property:-o-transform; -ms-transition-property:-ms-transform; transition-property:transform; -webkit-backface-visibility:hidden; } .tooltipster-sidetip.tooltipster-light .tooltipster-box { border-radius:3px;border:1px solid #fff;-moz-box-shadow:0 2px 25px rgba(0,0,0,0.25);-webkit-box-shadow:0 2px 25px rgba(0,0,0,0.25);box-shadow:0 2px 25px rgba(0,0,0,0.25);background:#fff;color:#888; } .tooltipster-sidetip.tooltipster-light .tooltipster-content { font-size:14px;line-height:16px;padding:10px;color:#888; } .tooltipster-sidetip.tooltipster-light .tooltipster-arrow { height:9px; margin-left:-9px; width:18px; } .tooltipster-sidetip.tooltipster-light.tooltipster-left .tooltipster-arrow,.tooltipster-sidetip.tooltipster-light.tooltipster-right .tooltipster-arrow { height:18px; margin-left:0; margin-top:-9px; width:9px; } .tooltipster-sidetip.tooltipster-light .tooltipster-arrow-background { border:9px solid transparent; } .tooltipster-sidetip.tooltipster-light.tooltipster-bottom .tooltipster-arrow-background { border-bottom-color:#fff; top:1px; } .tooltipster-sidetip.tooltipster-light.tooltipster-left .tooltipster-arrow-background { border-left-color:#fff; left:-1px; } .tooltipster-sidetip.tooltipster-light.tooltipster-right .tooltipster-arrow-background { border-right-color:#fff; left:1px; } .tooltipster-sidetip.tooltipster-light.tooltipster-top .tooltipster-arrow-background { border-top-color:#fff; top:-1px; } .tooltipster-sidetip.tooltipster-light .tooltipster-arrow-border { border:9px solid transparent; } .tooltipster-sidetip.tooltipster-light.tooltipster-bottom .tooltipster-arrow-border { border-bottom-color:#fff; } .tooltipster-sidetip.tooltipster-light.tooltipster-left .tooltipster-arrow-border { border-left-color:#fff; } .tooltipster-sidetip.tooltipster-light.tooltipster-right .tooltipster-arrow-border { border-right-color:#fff; } .tooltipster-sidetip.tooltipster-light.tooltipster-top .tooltipster-arrow-border { border-top-color:#fff; } .tooltipster-sidetip.tooltipster-light.tooltipster-bottom .tooltipster-arrow-uncropped { top:-9px; } .tooltipster-sidetip.tooltipster-light.tooltipster-right .tooltipster-arrow-uncropped { left:-9px; } .tooltipster-sidetip.tooltipster-light-tiny .tooltipster-box { border-radius:3px;border:none;-moz-box-shadow:0 2px 25px rgba(0,0,0,0.25);-webkit-box-shadow:0 2px 25px rgba(0,0,0,0.25);box-shadow:0 2px 25px rgba(0,0,0,0.25);background:#fff; } .tooltipster-sidetip.tooltipster-light-tiny .tooltipster-content { font-size:12px;line-height:18px;padding:10px 12px;color:#888; } .tooltipster-sidetip.tooltipster-light-tiny .tooltipster-content strong { font-weight:500;color:#888 } .tooltipster-sidetip.tooltipster-light-tiny .tooltipster-content strong span{color:#333} .tooltipster-sidetip.tooltipster-light-tiny .tooltipster-arrow { height:9px; margin-left:-9px; width:18px; } .tooltipster-sidetip.tooltipster-light-tiny.tooltipster-left .tooltipster-arrow,.tooltipster-sidetip.tooltipster-light-tiny.tooltipster-right .tooltipster-arrow { height:18px; margin-left:0; margin-top:-9px; width:9px; } .tooltipster-sidetip.tooltipster-light-tiny .tooltipster-arrow-background { border:9px solid transparent; } .tooltipster-sidetip.tooltipster-light-tiny.tooltipster-bottom .tooltipster-arrow-background { border-bottom-color:#fff; top:1px; } .tooltipster-sidetip.tooltipster-light-tiny.tooltipster-left .tooltipster-arrow-background { border-left-color:#fff; left:-1px; } .tooltipster-sidetip.tooltipster-light-tiny.tooltipster-right .tooltipster-arrow-background { border-right-color:#fff; left:1px; } .tooltipster-sidetip.tooltipster-light-tiny.tooltipster-top .tooltipster-arrow-background { border-top-color:#fff; top:-1px; } .tooltipster-sidetip.tooltipster-light-tiny .tooltipster-arrow-border { border:9px solid transparent; } .tooltipster-sidetip.tooltipster-light-tiny.tooltipster-bottom .tooltipster-arrow-border { border-bottom-color:#fff; } .tooltipster-sidetip.tooltipster-light-tiny.tooltipster-left .tooltipster-arrow-border { border-left-color:#fff; } .tooltipster-sidetip.tooltipster-light-tiny.tooltipster-right .tooltipster-arrow-border { border-right-color:#fff; } .tooltipster-sidetip.tooltipster-light-tiny.tooltipster-top .tooltipster-arrow-border { border-top-color:#fff; } .tooltipster-sidetip.tooltipster-light-tiny.tooltipster-bottom .tooltipster-arrow-uncropped { top:-9px; } .tooltipster-sidetip.tooltipster-light-tiny.tooltipster-right .tooltipster-arrow-uncropped { left:-9px; } .tribute-container { position:absolute; top:0; left:0; height:auto; max-height:300px; max-width:500px; overflow:auto; display:block; z-index:999999; } .tribute-container ul { margin:0; margin-top:2px; list-style:none; background:#efefef; } .tribute-container li { padding:5px; cursor:pointer; } .tribute-container li.highlight,.tribute-container li:hover { background:#ddd; } .tribute-container li span { font-weight:500; } .tribute-container .menu-highlighted { font-weight:500; } /* Grouped Coloring */ header#header nav > a.current-page > i.icon-tickets, header#header nav > a:hover > i.icon-tickets, header#header nav > a.current-page > i.amx-files-o, header#header nav > a:hover > i.amx-files-o, header#header nav > a.current-page > i.amx-bar-chart, header#header nav > a:hover > i.amx-bar-chart { color:#2B92CA; } header#header nav span.search:hover i.amx-search { color:#2B92CA; } /* Button Colors */ .ticket-header .status.open, .button.outlined { border-color:#44b931; } .button.outlined:hover { background:#44b931; } .button.outlined i.ti, .button.outlined.non-button:hover i.auxiliary { color:#44b931; } .button.outlined.non-button span { color:#44b931; } .button.outlined.color-envato { background:#fff; border-color:#87b34e; } .button.outlined.color-envato i.ti, .button.outlined.color-envato span { color:#87b34e !important; } .button.color-1 { background:#444444; border-color:#444444; color:#fff; } .button.color-2 { background:#44b931; border-color:#44b931; color:#fff; } .button.color-3 { background:#2B92CA; border-color:#2B92CA; color:#fff; } .button.color-4 { background:#FCA50F; border-color:#FCA50F; color:#fff; } .button.color-5, div.reply-box #submit-ticket-comment-button.private { background:#DA5830; border-color:#DA5830; color:#fff; } .button.color-yellow { background:#FDC551; border-color:#FDC551; color:#fff; } .button.color-1:hover { background:rgb(38,38,38); border-color:rgb(38,38,38); } .button.color-2:hover, header#header nav > a.signin:hover, header#mobile-header a.signin:hover, body .button.color-2.close-stale-tickets:hover { background:#008300; border-color:#008300; } .button.color-3:hover { background:rgb(13,116,172); border-color:rgb(13,116,172); } .button.color-4:hover { background:rgb(222,135,-15); border-color:rgb(222,135,-15); } .button.color-5:hover, div.reply-box #submit-ticket-comment-button.private:hover { background:rgb(188,58,18); border-color:rgb(188,58,18); } .button.color-yellow:hover { background:rgb(223,167,51); border-color:rgb(223,167,51); } .backend-search .search-box { background:rgb(38,38,38); } #articles-list .articles-padded.featured .single-article:hover .button { background:#008300; border-color:#008300; } .stats-block .stats-tabs a.active i.icon-presale, .stats-block .stats-tabs a.active i.amx-comment, .stats-block .stats-tabs a.active i.amx-clock, .stats-block .stats-tabs a.active i.amx-thumbs-up { color:#2B92CA; } .stats-block .stats-tabs a.active i.amx-thumbs-up-solid { color:#2B92CA; } /* COLOR-1 (Header) */ .color-1, .bulk-actions .block-title, .blurred-header-overlay { background:#444444; } .text-color-1 { color:#444444; } header#header.admin, header#mobile-header.admin { background:#444444; } header#header.front nav > a.current-page { border:2px solid #2B92CA } header#header.front nav > a.current-page i.ti, header#header.front nav > a.current-page:hover i.auxiliary { color:#2B92CA; } /* COLOR-2 (Green) */ .amx-modal h3.amx-modal-cap, .amx-modal h3.bordered, .amx-custom-select .amx-custom-select-default-text .multiple-count, .ticket-list a.ticket span.ticket-type-bar, #important-message-wrapper .important-message-popup h1, header#header nav > a.signin, header#mobile-header a.signin, .action-bar.active.reply, .ticket-list .tickets-list-time-wrapper .tickets-list-time-heading .time-bar { background:#44b931; } .text-color-2 { color:#44b931; } .ct-chart .ct-series.ct-series-b .ct-bar, .ct-chart .ct-series.ct-series-b .ct-line, .ct-chart .ct-series.ct-series-b .ct-point { stroke:#44b931; } .ct-chart .ct-series.ct-series-b .ct-area { fill:#44b931; } i.amx-check, .ticket-header .status.open, .toggle-panel-link i.auxiliary.amx-check-solid, .panel-title i.auxiliary.amx-check-solid, #statusDropdown .status .open, p.public-private-switch span.public.active, .ticket-list .ticket:hover .ticket-type-icon.public, #articles-list .articles-padded.featured .single-article .article-title, .amx-custom-select .amx-custom-select-list .amx-custom-select-option.is-selected i.amx-check, .amx-custom-select.multiple .amx-custom-select-list-wrapper .amx-custom-select-options a:hover i.ti, .ticket-list a.ticket span.ticket-right i.amx-check-circle, .article-management-list .article-block .article-featured-text, .action-bar a.top-level i.icon-comment-solid, .action-bar a.top-level i.icon-asterisk, .action-bar a.top-level i.icon-user-outline, .amx-form h4.st-label, .tc-tabs .tab.active i.icon-comment-solid, #tc-notifications_comment-tab.unread i.icon-comment-solid, header#header nav span.notifications span.dropdown a.marked-read-0.comment-new > i.ti, header#header nav span.notifications span.dropdown a.marked-read-1.comment-new:hover > i.ti, header#header nav span.notifications span.dropdown a.marked-read-0.comment-new > i.ti, header#header nav span.notifications span.dropdown a.marked-read-1.comment-new:hover > i.ti, header#header nav span.dropdown .tickets-dropdown-time-wrapper .tickets-dropdown-time-heading, .ticket-list .tickets-list-time-wrapper .tickets-list-time-heading { color:#44b931; } .ticket-status.open.bumped .amx-custom-select, .action-bar.active.reply { border-color:#44b931; } .ticket-status.open, .ticket-status.open.bumped .amx-custom-select, .mini-status.open, .success-banner, .ios-ui-select.checked, .ticket-type-ribbon.public, #redactor-modal footer button.redactor-modal-action-btn, .mini-status.public { background:#44b931; } #support-verified h2 a, .amx-modal .modal-form-messages .messages { color:#44b931; background:rgba(157,201,74,0.1); border-color:rgba(157,201,74,0.2); } .ticket-header .status.open, header#header nav span.dropdown .tickets-dropdown-time-wrapper .tickets-dropdown-time-heading, .ticket-list .tickets-list-time-wrapper.mid-priority .tickets-list-time-heading, .ticket-list .tickets-list-time-wrapper.low-priority .tickets-list-time-heading { background:rgba(157,201,74,0.1); } #sidebar-block #support-verified h2 a { border-color:rgba(157,201,74,0.2); } #support-verified h2 a i.amx-check { color:#44b931; } #support-verified.active h2 a { background:#44b931; } /* COLOR-3 (Blue) */ .color-3, #pageForm-block .category-thumb-uploader.uploading, #pageForm-block .category-thumb-uploader.uploading:hover, ul.comment-list > li .like-comment.liked, ul.comment-list > li .like-comment.icon-only, ul.comment-list > li .like-comment.icon-only:hover { background:#2B92CA; } .ct-chart .ct-series.ct-series-a .ct-bar, .ct-chart .ct-series.ct-series-a .ct-line, .ct-chart .ct-series.ct-series-a .ct-point { stroke:#2B92CA; } .ct-chart .ct-series.ct-series-a .ct-area { fill:#2B92CA; } #attachment-visuals .dz-preview.dz-complete, .redactor-toolbar li a:hover, ul#pagination li a, .select2-container--default .select2-results__option--highlighted[aria-selected], #customers-table_paginate span a, .select2-container--default .select2-selection--multiple .select2-selection__choice { background:#2B92CA; } #redactor-modal button#redactor-modal-button-action, .redactor-dropdown li:hover { background-color:#2B92CA; } .redactor-image-dragover { outline-color:#2B92CA; } .frontend-search .search-box input, ul.comment-list > li .like-comment.liked, ul.comment-list > li .like-comment.icon-only { border-color:#2B92CA; } a, .redactor-layer a, .comment-from .reply-type-like, .tc-tabs .tab.active i.icon-ticket-new, #tc-notifications_ticket-tab.unread i.icon-ticket-new, ul.comment-list > li .like-comment i.ti, ul.comment-list > li .right .like-text, ul.comment-list > li .left .total-user-likes i.ti, #tc-notifications_likes-tab.unread i.amx-thumbs-up-solid, .tc-tabs .tab.active i.amx-thumbs-up-solid, header#header nav span.notifications span.dropdown a.marked-read-0.comment-like i.ti, header#header nav span.notifications span.dropdown a.marked-read-1.comment-like:hover i.ti, header#header nav > a:hover i.ti, header#header nav > span:hover > i.ti, .amx-mention, .text-color-3, .redactor-layer a, #banner .search-box a.ti:hover, header#header nav a.user-link, #pageForm-block .subtext i, #pageForm-block h3 label, strong.color-2, header#header nav span.notifications span.dropdown a.marked-read-0 > i.ti, header#header nav span.notifications span.dropdown a.marked-read-1:hover > i.ti, header#header nav span.notifications span.dropdown a.marked-read-0 > i.ti, header#header nav span.notifications span.dropdown a.marked-read-1:hover > i.ti, header#header nav span.notifications span.dropdown span.mark-as-read, #articles-list .articles-padded .single-article .cat-title:hover .article-title, header#header nav .amx-instant-results a.result-block, header#header nav span.dropdown a:hover > i.auxiliary { color:#2B92CA; } .redactor-layer a:hover { color:#333; } /* COLOR-4 (Orange) */ .color-4 { background:#FCA50F; } .response-needed-block .mark-as.unread, .response-needed-block .mark-as.unread:hover { background:#FCA50F; border-color:#FCA50F; } .text-color-4, .ticket-list a.ticket.response-needed span.needs-response-dot i.ti, header#header nav span.dropdown .tickets-dropdown-loader a span.needs-response-dot i.ti, .ticket-list a.ticket.response-needed span.needs-response-dot i.ti, header#header nav span.dropdown .tickets-dropdown-loader a span.needs-response-dot i.ti, .toggle-panel-link i.auxiliary.icon-warning-solid, .panel-title i.auxiliary.icon-warning-solid { color:#FCA50F; } #banner .text h2 a, #banner .text p a, header#header nav span.notifications.new i.amx-alert, .tc-tabs .tab.active i.amx-alert, #articles-list article.full-width a .ticket-title i.amx-circle { color:#FCA50F; border-bottom:none; } #sidebar-menu > div a em, #error-banner, .button.color-4, header#header nav > a em, header#header nav > span > em, header#header nav > span .dropdown em, .slicknav_nav a > em, aside.sidebar .link-list a span.bubbles span.needs-response { background:#FCA50F; } ul.comment-list > li .flag-comment.flagged i.ti, p.next-ticket-message a, .amx-instant-results a.result-block.ticket .amx-circle, header#header nav > span:hover .amx-instant-results a.result-block.ticket .amx-circle, .amx-search-results a.result-block.ticket .amx-circle { color:#FCA50F; } ul.comment-list > li.employee.flagged, ul.comment-list > li.flagged, ul.comment-list > li.employee.private.flagged, ul.comment-list > li.private.flagged { border-left-color:#FCA50F; } /* COLOR-5 (Red) */ .button.red, .ticket-type-ribbon.private, #error-banner, #important-message-wrapper .important-message-popup a.close-popup, .ticket-list a.ticket span.ticket-type-bar.high, #pageForm-block .category-thumb-uploader .delete, .notice-banner, .action-bar.active.reply.private, .mini-status.private, .ticket-list .tickets-list-time-wrapper.high-priority .tickets-list-time-heading .time-bar { background:#DA5830; } .action-bar.active.reply.private { border-color:#DA5830; } ul.comment-list > li.employee.private, ul.comment-list > li.private { border-left-color:#DA5830; } .delete-ticket, #fourohfour i.icon-warning, .text-color-red, #update-article-form .tiny-links a.text-color-red, small.ticket-title, #tickets-cleared i.icon-warning, p.employee-block .actions a.delete-user:hover, #pageForm-block .delete-category:hover, ul.comment-list > li .right .private-tag, span.new-tag, .amx-page-panel > article > h3 span.new-tag, p.public-private-switch span.private.active, .amx-modal .error-message, form.amx-form p .required, .disconnect-envato, #sidebar-block .customer-info-block .delete-customer, .ticket-list a.ticket span.ticket-right i.amx-times-circle, .private-system-login .error-message, .ticket-list a.ticket span.ticket-right i.icon-warning, #customers-table td .delete-customer:hover, header#header nav span.dropdown .tickets-dropdown-time-wrapper.high-priority .tickets-dropdown-time-heading, .ticket-list .tickets-list-time-wrapper.high-priority .tickets-list-time-heading, .ticket-list .ticket:hover .ticket-type-icon.private, .amx-form p .private { color:#DA5830; } .comment-from .reply-type-private-comment { color:#DA5830 !important; } #support-verified.expired-support h2 a, .amx-modal .modal-form-messages .errors { color:#DA5830; background:rgba(218,88,48,0.1); border-color:rgba(218,88,48,0.2); } #sidebar-block #support-verified.expired-support h2 a { border-color:rgba(218,88,48,0.2); } #support-verified.expired-support.active h2 a { background:#DA5830; } #support-verified.expired-support ul li .colored-text, .article-management-list .article-block span.article-actions > a.delete-article { color:#DA5830; } #sidebar-block #support-verified.envato-api-issues h2 a .icon-warning { color:#DA5830; } #sidebar-block #support-verified.envato-api-issues h2 a { background:rgba(218,88,48,0.15); border-color:rgba(218,88,48,0.3); } #sidebar-block #support-verified.envato-api-issues.active h2 a { background:rgba(218,88,48,1); } #sidebar-block #support-verified.envato-api-issues.active ul { background:rgba(218,88,48,0.15); border-color:rgba(218,88,48,0.3); } header#header nav span.dropdown .tickets-dropdown-loader a.expired, #articles-list.ticket-list article.full-width a.expired, .ticket-list .tickets-list-time-wrapper.high-priority .tickets-list-time-heading, header#header nav span.dropdown .tickets-dropdown-time-wrapper.high-priority .tickets-dropdown-time-heading { background:rgba(218,88,48,0.04); } ul.comment-list > li.employee.flagged, ul.comment-list > li.flagged { background:rgba(252,165,15,0.05); } header#header nav span.dropdown .tickets-dropdown-loader a.expired:hover, #articles-list.ticket-list article.full-width a.expired:hover { background:rgba(218,88,48,0.06); } header#header nav span.notifications span.dropdown a.marked-read-0:hover, #tc-notifications_likes-tab.unread, #tc-notifications_ticket-tab.unread { background:rgba(43,146,202,0.05); } header#header nav span.notifications span.dropdown a.comment-new.marked-read-0:hover, #tc-notifications_comment-tab.unread { background:rgba(157,201,74,0.05); } header#header nav span.notifications span.dropdown a.new-feature.marked-read-0:hover, header#header nav span.notifications span.dropdown a.note-new.marked-read-0:hover, #tc-notifications_pencil-tab.unread, #tc-notifications_featured-tab.unread { background:rgba(253,197,81,0.05); } #tc-notifications_comment-tab.unread.active, #tc-notifications_ticket-tab.unread.active, #tc-notifications_likes-tab.unread.active, #tc-notifications_pencil-tab.unread.active, #tc-notifications_featured-tab.unread.active { background:#fff; } header#header nav span.notifications span.dropdown a.marked-read-0 i.amx-featured, #tc-notifications_featured-tab.unread i.amx-featured-solid, #tc-notifications_pencil-tab.unread i.icon-settings-solid, .tc-tabs .tab.active i.amx-featured-solid, .tc-tabs .tab.active i.icon-settings-solid, header#header nav span.notifications span.dropdown a.marked-read-0 i.icon-settings, .star-ticket.starred, .star-ticket.starred:hover, .slicknav_nav li.starred.active i.amx-star, header#header nav .tickets span.dropdown a.starred.active i.amx-star, header#header nav .tickets span.dropdown a.starred.active:hover i.amx-star, .slicknav_nav a.starred.active i.amx-star, ul.comment-list li.type-note .comment .note-title, .action-bar a.top-level i.icon-settings-solid, .action-bar.active.note a.top-level i.icon-settings-solid, .action-bar.active.customer-notes a.top-level i.amx-notes-solid, .comment-from .reply-type-note, .action-bar a.customer-notes.has-notes i.ti, .action-bar a.customer-notes.has-notes:hover i.ti, .ticketBlock .star-ticket.starred,.ticketBlock .star-ticket.starred:hover, header#header nav span.notifications span.dropdown a.marked-read-0 > i.amx-featured-solid, #sidebar-menu > div a i.amx-star { color:#FDC551; } ul.comment-list > li.type-note { background:rgba(253,197,81,0.1); } .action-bar.active.customer-notes, .action-bar.active.note, div.note-box .redactor-toolbar li a:hover { background:#FDC551; } .action-bar.active.customer-notes, ul.comment-list > li.type-note, .action-bar.active.note { border-color:#FDC551; } div.note-box, #customer_notes_form, .action-bar.note, .action-bar.customer-notes, #articles-list article.full-width h3.featured-header, .ticket-header.starred, #customer-notes { background:#fffbe8; } #single-article.draft.editing .crumbs-and-title, #draft-banner { background:#fffbe8; } /* Colors */ body { background:#f1f1ef;; } header#header { background:#fff; } header#header .logo { color:#555; } #single-article { margin:0 0 70px; } html, body { height:100%; } .wrap { min-height: 100%; } .container {min-height: 100%;} body #banner { background: #44b931 !important; background: -moz-linear-gradient(-30deg, #44b931 0%, #184011 50%) !important; background: -webkit-linear-gradient(-30deg, #44b931 0%, #184011 50%) !important; background: linear-gradient(160deg, #44b931 0%, #184011 50%) !important; } .slicknav_btn { margin:0; position:absolute; top:26px; right:10%; background:none; } .slicknav_menu .slicknav_icon-bar { background-color:#555; -moz-box-shadow:none; -webkit-box-shadow:none; box-shadow:none; } .slicknav_menu { display:block; position: absolute; top: 0; background: none !important; width: 100%; z-index:6001; padding:0; } .slicknav_nav { background:#fff !important; -moz-box-shadow:0 4px 5px rgba(0,0,0,0.10); -webkit-box-shadow:0 4px 5px rgba(0,0,0,0.10); box-shadow:0 4px 5px rgba(0,0,0,0.10); position:relative; top:80px; text-align:left; padding:2.5% 0px 5%; } .slicknav_nav > li { width:80%; margin:0 auto; } .slicknav_nav { overflow:scroll; } .slicknav_nav li.starred.active i.amx-star { color:#FAD626; } .slicknav_nav a, .slicknav_nav a.slicknav_row { color:#555; padding:5px 0; margin:2px; } .slicknav_nav li.search form { margin:2px 2px 20px 2px; } .slicknav_nav li.search form .search-box { display:block; } .slicknav_nav li.search form .search-box input { background:#eee; box-sizing:border-box; width: 88%; margin:0; height: 40px; padding: 0 10px; line-height: 40px; border: none; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; } .slicknav_nav li.search form .search-box .amx-search { float: right; width: 12%; line-height:39px; padding:0; margin:0; box-sizing: border-box; text-align: right; font-size: 24px; } .slicknav_nav a:hover, .slicknav_nav a.slicknav_row:hover { background:none; color:#000; } .slicknav_nav ul { margin:0 0 0 10px; font-size:13px; } .slicknav_nav ul li > a { padding:0; } /* Header */ header#header { text-align:right; z-index:9998; position:fixed; top:0; right:0; padding:0; height:80px; line-height:78px; display:block; width:100%; box-shadow:0 1px 40px rgba(0,0,0,0.15); } header#header .shell { height:80px; } header#header .logo { line-height:30px; display:block; width:auto; max-width:50%; text-decoration:none; font-size:20px; font-weight:500; position:absolute; top:50%; left:0; height:30px; margin-top:-15px; } header#header .logo img { visibility:hidden; } header#header .logo { background-size:auto 100%; background-position:left center; background-repeat:no-repeat; } header#header nav { font-weight:500; display:inline-block; margin-top:21px; float:right; } header#header nav > a, header#header nav > span { color:#999; font-weight:400; display:inline-block; float:left; padding:0 15px; margin:0 0 0 5px; line-height:35px; -moz-border-radius:8px; -webkit-border-radius:8px; border-radius:8px; border:1px solid #fff; } header#header nav > a:last-child { padding-right:0; } header#header nav > a.signout { position:relative; top:1px; color:#aaa; font-weight:400; text-transform:uppercase; font-size:13px; } header#header nav > a:hover { color:#555; background:#fff; border:1px solid #ddd } header#header nav a.signout:hover { color:#000; background:#fff; border-color:#fff; } header#header.front nav > a.current-page { line-height:33px; background:#fff; color:#333; } header#header nav > a.signin, header#mobile-header a.signin { padding: 0 12px; color: #fff; border: none; font-weight:400; text-transform: uppercase; font-size: 12px; letter-spacing: 1px; height: 29px; line-height: 29px; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; top: 4px; position: relative; margin-left: 15px; } header#header nav > a i.auxiliary { padding-right:3px; font-size:14px; } header#header nav > a.profile { position:relative; padding-left:35px; } header#header nav > a.profile .avatar { display:block; width:20px; height:auto; position:absolute; top:7px; left:7px; } header#mobile-header { background:#fff !important; } header#mobile-header .menu-toggle { color:#333 !important; } .amx-instant-results .tc-tab-content, .amx-instant-results .tc-tab-content.active { padding:5px 0 0 0; max-height:300px; } .signin-or-block { border-bottom:1px solid #ccc; color:#aaa; text-align:center; margin:0 0 -3px !important; } .signin-or-block span { position:relative; top:17px; font-size:19px; font-weight:300; background:#f5f5f5; padding:0 10px; display:inline-block; } .private-system-login .signin-or-block { margin:-14px 0 35px !important; color:#bbb; border-color:#ddd; } .private-system-login .signin-or-block span { background:#fff; font-size:20px; } #envato-submit-message { background:#444; color:#fff; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; padding:20px 0 10px; margin:0 0 20px; text-align:center; } header#header nav > span.with-dd:hover { color:#333; } header#header nav span.search { cursor:pointer; } header#header nav span.search i.amx-search { font-size:17px; position:relative; top:0; margin:0 15px 0 0; } header#header nav span.search:hover { background:none; } header#header nav > a > i.auxiliary { font-size:14px; width:15px; text-align:left; font-weight:400; } header#header nav > a > i.ti, header#header nav span.search i.amx-search { -webkit-transition: all .1s ease-out; -moz-transition: all .1s ease-out; -o-transition: all .1s ease-out; transition: all .1s ease-out; } header#header nav span.with-dd { position:relative; cursor:pointer; height:59px; } header#header nav span.with-dd span.dropdown { width:auto; } header#header nav span.with-dd span.dropdown a { white-space:nowrap; } header#header nav span.with-dd > img.avatar { width:23px; height:23px; display:inline-block; margin:0; padding:0; top:6px; position:relative; } header#header nav span:hover > i.amx-caret-down, header#header nav a:hover > i.amx-caret-down { color:#555 !important; } header#header nav span.dropdown { cursor:default; display:none; border:none; padding:15px 20px 15px; position:absolute; top:45px; right:auto; left:-7px; margin:0; line-height:2; background:#fff; -moz-border-radius:0 0 3px 3px; -webkit-border-radius:0 0 3px 3px; border-radius:0 0 3px 3px; -moz-box-shadow:0 2px 3px rgba(0,0,0,0.15); -webkit-box-shadow:0 2px 3px rgba(0,0,0,0.15); box-shadow:0 2px 3px rgba(0,0,0,0.15); } header#header nav span.dropdown a { font-size:15px; color:#888; font-weight:400; display:block; text-align:left; } header#header nav span.dropdown a i.auxiliary { font-size:14px; color:#555; } header#header nav span.dropdown a:hover { color:#333; } header#header nav span:hover span.dropdown { display:block; } header#header nav span span.dropdown span.spacer { border-bottom:1px solid #e5e5e5; height:1px; display:block; padding:8px 0 0; margin:0 0 8px; } header#header nav { padding-right:40px; } header#header nav > a.search-active, header#header nav > span.search-active { opacity:0; } header#header nav span.search { display:inline-block; padding:5px 15px 6px; line-height:40px; margin:0; top:0; -moz-border-radius:0; -webkit-border-radius:0; border-radius:0; position:absolute; top:20px; right:0; } header#header nav span.search:hover, header#header nav span.search.current-page { border:none; } header#header nav span.search { padding:1px 15px 0; line-height:50px; } header#header nav span.search { border:none; width:48px; overflow:hidden; margin-right:-10px; } header#header nav span.search i.amx-search { position:absolute; left:20px; top:10px; } header#header nav span.search.active { width:378px; } header#header nav span.search.complete { overflow:visible; } header#header nav span.search.active i.amx-search { opacity:0; left:100px; } header#header nav span.search .search-wrapper { width:348px; display:inline-block; } header#header nav span.search.active .search-wrapper { margin-left:-35px; } .frontend-search { width:315px; height:37px; float:right; top:3px; position:relative; padding:0; margin:0; } .frontend-search .search-box { position:relative; top:-3px; width:325px; display:inline-block; border:none; line-height:37px; height:37px; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; font-size:15px; padding:0; } .frontend-search .search-box a.auxiliary { font-size:17px; position:absolute; top:9px; right:12px; color:#888; } .frontend-search .search-box a.ti:hover { border:none; color:#333 !important; } .frontend-search .search-box input { font-size:16px; outline:none; color:#333; width:100%; border:2px solid; height:37px; line-height:37px; background:none; padding:0 40px 0 18px; position:absolute; top:0; left:0; -webkit-appearance:none; -moz-border-radius:20px; -webkit-border-radius:20px; border-radius:20px; } .frontend-search .search-box input:active, #banner .search-box input:focus { background:none; -moz-box-shadow:none; -webkit-box-shadow:none; box-shadow:none; outline:none; } .frontend-search .search-box .amx-instant-results { top:33px; border-color:#ddd; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; } #banner .search-box input:focus { border-radius:5px; } .frontend-search.showing-results .search-box { height:41px; -moz-border-radius:3px 3px 0 0; -webkit-border-radius:3px 3px 0 0; border-radius:3px 3px 0 0; } .frontend-search.showing-results .search-box { background:#fff; } .frontend-search.showing-results .search-box input { color:#555; padding-top:7px; padding-left:14px; } .frontend-search.showing-results .search-box a.auxiliary { top:10px; right:12px; } header#header nav span.search:hover i.amx-search { color:#333 !important; transform:scale(1.2); } .ticket-header, .ticketBlock h2, #support-verified.active h2 a { -moz-border-radius:0; -webkit-border-radius:0; border-radius:0; } .ticketBlock h2 { top:0; } /* Parallax JS */ .parallax-mirror img { } /* Banner */ #banner { z-index:1; position:relative; height:auto; width:100%; background-color:#333; background-size: cover; background-position:center center; } #banner .overlay { z-index:2; position:absolute; top:0; left:0; width:100%; height:100%; background:#333; opacity:0.90; } #banner .text { z-index:3; position:relative; text-align:left; color:#fff; text-align:center; margin:0 auto; } #banner .text h2 { font-weight:500; font-size:50px; line-height:60px; margin:0 0 30px; } #banner .text p { font-weight:300; font-size:23px; line-height:1.6; margin:0 0 50px; } #banner .text h2 a, #banner .text p a { text-decoration:none; font-weight:400; } #banner .text h2 a:hover, #banner .text p a:hover { color:#fff; border-bottom:3px solid #fff; } #banner { text-align:center; } #banner .button { margin:0 1% 3% 1%; } #banner .button { width:auto; } #banner .search-box { float:none; width:100%; margin:0 0 60px; } #banner .button:last-child { margin-right:0; } #banner .search-box { box-shadow:0 30px 100px rgba(0,0,0,0.5); position:relative; float:none; display:block; border:none; background:#fff; line-height:60px; height:60px; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; padding:0 15px; } #banner .search-box input { background:transparent; text-align:left; font-size:22px; color:#888; width:100%; border:none; height:58px; line-height:58px; padding:0 45px 0 25px; position:absolute; top:0; left:0; } #banner .search-box input:active, #banner .search-box input:focus { background:#fff; color:#000; -moz-box-shadow:none; -webkit-box-shadow:none; box-shadow:none; outline:none; } #banner .button.solo { float:none; margin:0 5px; } #banner .search-box .search-button { z-index:99; position:absolute; top:0; right:0; width: auto; padding: 21px 25px 22px; font-size: 18px; -moz-border-radius:0 3px 3px 0; -webkit-border-radius:0 3px 3px 0; border-radius:0 3px 3px 0; margin:0; } #banner .text { padding:7% 0; } #banner .text.no-buttons { padding-bottom:5%; } #banner.full-screen-banner { height:100%; } #banner.full-screen-banner .text { position:absolute; top:50%; margin-top:-143px; width:100%; padding:0 30%; } /* Page Content */ .page-content { padding:25px 0 0; border-top:1px solid #ddd; min-height: 100%;} .page-content:first-child, .page-content.no-border { border:none; } .page-content.white { background:#fff; } .page-content h3.section-title { position:relative; font-size:20px; line-height:1.5; margin:0 0 45px; letter-spacing:2px; text-transform:uppercase; font-weight:400; border-bottom:2px solid #ddd; } .page-content h3.section-title span { background:#f1f1ef;; padding:0 15px 0 0; position:absolute; top:-15px; left:0; } .page-content.white h3.section-title span { background:#fff; } .page-content h4.article-title { font-size:18px; line-height:1.5; margin:0 0 12px; } footer { margin-top: -32px; height: 32px; } .ticket-list a.ticket span.ticket-type-bar.no-priority { background:#aaa; } .ticket-list a.ticket span.ticket-type-icon { display:inline-block; padding-right:2px; } .ticket-list a.ticket span.ticket-type-icon i.auxiliary { font-size:14px; position:relative; top:-1px; } .ticket-list .ticket .ticket-type-icon.private, .ticket-list .ticket .ticket-type-icon.public { color:#aaa; } .ticket-list.compact a.ticket span.ticket-type-icon i.auxiliary { font-size:13px; } @media only screen and (max-width: 1024px) { .slicknav_btn { right:3% !important; } } @media only screen and (max-width: 850px) { .slicknav_btn { right:5% !important; } } @media only screen and (max-width: 450px) { header#header { text-align:left; } } #notfound { position: relative; height: 100vh; background-color: #fafbfd; } #notfound .notfound { position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .notfound { max-width: 520px; width: 100%; text-align: center; } .notfound .notfound-bg { position: absolute; left: 0px; right: 0px; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); z-index: -1; } .notfound .notfound-bg > div { width: 100%; background: #fff; border-radius: 90px; height: 125px; } .notfound .notfound-bg > div:nth-child(1) { -webkit-box-shadow: 5px 5px 0px 0px #f3f3f3; box-shadow: 5px 5px 0px 0px #f3f3f3; } .notfound .notfound-bg > div:nth-child(2) { -webkit-transform: scale(1.3); -ms-transform: scale(1.3); transform: scale(1.3); -webkit-box-shadow: 5px 5px 0px 0px #f3f3f3; box-shadow: 5px 5px 0px 0px #f3f3f3; position: relative; z-index: 10; } .notfound .notfound-bg > div:nth-child(3) { -webkit-box-shadow: 5px 5px 0px 0px #f3f3f3; box-shadow: 5px 5px 0px 0px #f3f3f3; position: relative; z-index: 90; } .notfound h1 { font-family: 'Open Sans', sans-serif; font-size: 86px; text-transform: uppercase; font-weight: 700; margin-top: 0; margin-bottom: 8px; color: #151515; } .notfound h2 { font-family: 'Open Sans', sans-serif; font-size: 26px; margin: 0; font-weight: 700; color: #151515; } .notfound a { font-family: 'Open Sans', sans-serif; font-size: 14px; text-decoration: none; text-transform: uppercase; background: #18e06f; display: inline-block; padding: 15px 30px; border-radius: 5px; color: #fff; font-weight: 700; margin-top: 20px; } .notfound-social { margin-top: 20px; } .notfound-social>a { display: inline-block; height: 40px; line-height: 40px; width: 40px; font-size: 14px; color: #fff; background-color: #dedede; margin: 3px; padding: 0px; -webkit-transition: 0.2s all; transition: 0.2s all; } .notfound-social>a:hover { background-color: #18e06f; } @media only screen and (max-width: 767px) { .notfound .notfound-bg { width: 287px; margin: auto; } .notfound .notfound-bg > div { height: 85px; } } @media only screen and (max-width: 480px) { .notfound h1 { font-size: 68px; } .notfound h2 { font-size: 18px; } } .footer { flex: 0 0 auto; } .tooltip { position: relative; display: inline-block; } .tooltip .tooltiptext { visibility: hidden; width: 520px; background-color: #dff0d8; color: #3c7647; text-align: center; border-radius: 6px; padding: 5px; position: absolute; z-index: 1; bottom: 125%; left: 110%; transform: translateX(-50%); opacity: 0; transition: opacity 0.3s; } .tooltip:hover .tooltiptext { visibility: visible; opacity: 1; } input#ai { vertical-align: text-bottom; }