/* Regular */ @font-face { font-family: 'Open Sans'; src: url(e0a4d83db21cd420086e.eot); src: url(e0a4d83db21cd420086e.eot?#iefix) format('embedded-opentype'), url(457d1a45b67f846ca349.woff) format('woff'), url(991f2c40b88210b3f953.ttf) format('truetype'), url(ae8054cadad2641e0c48.svg#OpenSansRegular) format('svg'); font-weight: normal; font-weight: 400; font-style: normal; } /* Italic */ @font-face { font-family: 'Open Sans'; src: url(22d8901cb3418c1c2b34.eot); src: url(22d8901cb3418c1c2b34.eot?#iefix) format('embedded-opentype'), url(55e5c153a03e65d527b9.woff) format('woff'), url(f67c2e3eabd3629f435d.ttf) format('truetype'), url(a245b894538e6a069f97.svg#OpenSansItalic) format('svg'); font-weight: normal; font-weight: 400; font-style: italic; } /* Light */ @font-face { font-family: 'Open Sans'; src: url(b5e22a371814a52ed6a4.eot); src: url(b5e22a371814a52ed6a4.eot?#iefix) format('embedded-opentype'), url(c2cfce333c484cd90f51.woff) format('woff'), url(da1f4499cbd81ee7f8aa.ttf) format('truetype'), url(67d8cf60c71593631293.svg#OpenSansLight) format('svg'); font-weight: 200; font-style: normal; } /* Light Italic */ @font-face { font-family: 'Open Sans'; src: url(95e51356d5e10eb88906.eot); src: url(95e51356d5e10eb88906.eot?#iefix) format('embedded-opentype'), url(82f3c5248276cb7427fa.woff) format('woff'), url(8f2bb637472edad70e39.ttf) format('truetype'), url(d875e14885cfd2317362.svg#OpenSansLightItalic) format('svg'); font-weight: 200; font-style: italic; } /* Semibold */ @font-face { font-family: 'Open Sans'; src: url(d925b74db481cba485ee.eot); src: url(d925b74db481cba485ee.eot?#iefix) format('embedded-opentype'), url(d61c475d13e90a8b2501.woff) format('woff'), url(6c9659cf66c764e11e4e.ttf) format('truetype'), url(117eed307b5d05d28ba8.svg#OpenSansSemibold) format('svg'); font-weight: 500; font-style: normal; } /* Semibold Italic */ @font-face { font-family: 'Open Sans'; src: url(7ed2c2cf167db184276b.eot); src: url(7ed2c2cf167db184276b.eot?#iefix) format('embedded-opentype'), url(24f889fe602f6e9e1f45.woff) format('woff'), url(d3efbd705d98bbca3bf7.ttf) format('truetype'), url(8b3ba620a731f813516e.svg#OpenSansSemiboldItalic) format('svg'); font-weight: 500; font-style: italic; } /* Bold */ @font-face { font-family: 'Open Sans'; src: url(192712ab8592e21ab443.eot); src: url(192712ab8592e21ab443.eot?#iefix) format('embedded-opentype'), url(bad2b25b158936f830dc.woff) format('woff'), url(e63fce7d739118126cb4.ttf) format('truetype'), url(4c0bf02769db45a4958e.svg#OpenSansBold) format('svg'); font-weight: bold; font-weight: 700; font-style: normal; } /* Bold Italic */ @font-face { font-family: 'Open Sans'; src: url(a71badae678819f2a2db.eot); src: url(a71badae678819f2a2db.eot?#iefix) format('embedded-opentype'), url(bf7750b5d29a44de5c43.woff) format('woff'), url(c07b7e80092efa973abf.ttf) format('truetype'), url(c37ed7f55ed5e1992538.svg#OpenSansBoldItalic) format('svg'); font-weight: bold; font-weight: 700; font-style: italic; } /* Extra Bold */ @font-face { font-family: 'Open Sans'; src: url(cf9fe158d01ac639bae7.eot); src: url(cf9fe158d01ac639bae7.eot?#iefix) format('embedded-opentype'), url(c114699420470066399a.woff) format('woff'), url(a849cd3a0c8c7ed0b98a.ttf) format('truetype'), url(8724ec1afe5bbeab8abf.svg#OpenSansExtrabold) format('svg'); font-weight: 900; font-style: normal; } /* Extra Bold Italic */ @font-face { font-family: 'Open Sans'; src: url(3f66954d356f06c28027.eot); src: url(3f66954d356f06c28027.eot?#iefix) format('embedded-opentype'), url(e921abf1965062900238.woff) format('woff'), url(e9bd29c9ebe337e2e614.ttf) format('truetype'), url(67327bb986a247ccd24f.svg#OpenSansExtraboldItalic) format('svg'); font-weight: 900; font-style: italic; } @font-face { font-family: 'riqicon'; src: url(2b3a998b30d0f5f28a9d.eot?84703188); src: url(2b3a998b30d0f5f28a9d.eot?84703188#iefix) format('embedded-opentype'), url(b6fa2f1dc73d811b176f.woff2?84703188) format('woff2'), url(0378327566bdd3d4fe6f.woff?84703188) format('woff'), url(39efef0f80386d698b8b.ttf?84703188) format('truetype'), url(8b7659d16550425f6a3c.svg?84703188#riqicon) format('svg'); font-weight: normal; font-style: normal; } /* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */ /* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */ /* @media screen and (-webkit-min-device-pixel-ratio:0) { @font-face { font-family: 'riqicon'; src: url('./font/riqicon.svg?84703188#riqicon') format('svg'); } } */ [class^='icon-']:before, [class*=' icon-']:before { font-family: 'riqicon'; font-style: normal; font-weight: normal; speak: none; display: inline-block; text-decoration: inherit; width: 1em; margin-right: 0.2em; text-align: center; /* opacity: .8; */ /* For safety - reset parent styles, that can break glyph codes*/ font-variant: normal; text-transform: none; /* fix buttons height, for twitter bootstrap */ line-height: 1em; /* Animation center compensation - margins should be symmetric */ /* remove if not needed */ margin-left: 0.2em; /* you can be more comfortable with increased icons size */ /* font-size: 120%; */ /* Font smoothing. That was taken from TWBS */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; /* Uncomment for 3D effect */ /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */ } .icon-attention-1:before { content: '\21'; } /* '!' */ .icon-down-dir-1:before { content: '\26'; } /* '&' */ .icon-plus:before { content: '\2b'; } /* '+' */ .icon-minus:before { content: '\2d'; } /* '-' */ .icon-left-dir-1:before { content: '\3c'; } /* '<' */ .icon-plus-circle:before { content: '\3d'; } /* '=' */ .icon-right-dir-1:before { content: '\3e'; } /* '>' */ .icon-help-circled:before { content: '\3f'; } /* '?' */ .icon-attention-circled:before { content: '\40'; } /* '@' */ .icon-cancel-circle:before { content: '\58'; } /* 'X' */ .icon-angle-left:before { content: '\5b'; } /* '[' */ .icon-angle-right:before { content: '\5d'; } /* ']' */ .icon-up-dir-1:before { content: '\5e'; } /* '^' */ .icon-minus-circle:before { content: '\5f'; } /* '_' */ .icon-thumbs-down:before { content: '\64'; } /* 'd' */ .icon-thumbs-up:before { content: '\75'; } /* 'u' */ .icon-cancel:before { content: '\78'; } /* 'x' */ .icon-mail:before { content: '\e800'; } /* '' */ .icon-mail-alt:before { content: '\e801'; } /* '' */ .icon-heart:before { content: '\e802'; } /* '' */ .icon-heart-empty:before { content: '\e803'; } /* '' */ .icon-ok:before { content: '\e804'; } /* '' */ .icon-picture:before { content: '\e805'; } /* '' */ .icon-circle:before { content: '\e806'; } /* '' */ .icon-star-half-alt:before { content: '\e807'; } /* '' */ .icon-star-half:before { content: '\e808'; } /* '' */ .icon-star-empty:before { content: '\e809'; } /* '' */ .icon-star:before { content: '\e80a'; } /* '' */ .icon-search:before { content: '\e80b'; } /* '' */ .icon-clock:before { content: '\e80c'; } /* '' */ .icon-clock-alt:before { content: '\e80d'; } /* '' */ .icon-phish:before { content: '\e80e'; } /* '' */ .icon-camera-1:before { content: '\e80f'; } /* '' */ .icon-location:before { content: '\e810'; } /* '' */ .icon-award:before { content: '\e811'; } /* '' */ .icon-asterisk:before { content: '\e812'; } /* '' */ .icon-info-circled-1:before { content: '\e813'; } /* '' */ .icon-ok-circle:before { content: '\e814'; } /* '' */ .icon-logo-icon-only-inverted:before { content: '\e815'; } /* '' */ .icon-inventory:before { content: '\e816'; } /* '' */ .icon-plus-squared:before { content: '\e817'; } /* '' */ .icon-graph:before { content: '\e818'; } /* '' */ .icon-doc-inv:before { content: '\e819'; } /* '' */ .icon-minus-squared:before { content: '\e81a'; } /* '' */ .icon-fork:before { content: '\e81b'; } /* '' */ .icon-flag-1:before { content: '\e81c'; } /* '' */ .icon-alert:before { content: '\e81d'; } /* '' */ .icon-info-circled:before { content: '\e81e'; } /* '' */ .icon-info:before { content: '\e81f'; } /* '' */ .icon-home:before { content: '\e820'; } /* '' */ .icon-link:before { content: '\e821'; } /* '' */ .icon-unlink:before { content: '\e822'; } /* '' */ .icon-link-ext:before { content: '\e823'; } /* '' */ .icon-link-ext-alt:before { content: '\e824'; } /* '' */ .icon-attach:before { content: '\e825'; } /* '' */ .icon-lock:before { content: '\e826'; } /* '' */ .icon-lock-open:before { content: '\e827'; } /* '' */ .icon-lock-open-alt:before { content: '\e828'; } /* '' */ .icon-pin:before { content: '\e829'; } /* '' */ .icon-eye:before { content: '\e82a'; } /* '' */ .icon-eye-off:before { content: '\e82b'; } /* '' */ .icon-tag:before { content: '\e82c'; } /* '' */ .icon-tags:before { content: '\e82d'; } /* '' */ .icon-bookmark:before { content: '\e82e'; } /* '' */ .icon-bookmark-empty:before { content: '\e82f'; } /* '' */ .icon-flag:before { content: '\e830'; } /* '' */ .icon-flag-empty:before { content: '\e831'; } /* '' */ .icon-flag-checkered:before { content: '\e832'; } /* '' */ .icon-vcard:before { content: '\e833'; } /* '' */ .icon-target:before { content: '\e834'; } /* '' */ .icon-download:before { content: '\e835'; } /* '' */ .icon-upload:before { content: '\e836'; } /* '' */ .icon-download-cloud:before { content: '\e837'; } /* '' */ .icon-upload-cloud:before { content: '\e838'; } /* '' */ .icon-reply:before { content: '\e839'; } /* '' */ .icon-reply-all:before { content: '\e83a'; } /* '' */ .icon-forward:before { content: '\e83b'; } /* '' */ .icon-quote-left:before { content: '\e83c'; } /* '' */ .icon-quote-right:before { content: '\e83d'; } /* '' */ .icon-export:before { content: '\e83e'; } /* '' */ .icon-export-alt:before { content: '\e83f'; } /* '' */ .icon-pencil:before { content: '\e840'; } /* '' */ .icon-pencil-squared:before { content: '\e841'; } /* '' */ .icon-edit:before { content: '\e842'; } /* '' */ .icon-print:before { content: '\e843'; } /* '' */ .icon-retweet:before { content: '\e844'; } /* '' */ .icon-keyboard:before { content: '\e845'; } /* '' */ .icon-comment:before { content: '\e846'; } /* '' */ .icon-chat:before { content: '\e847'; } /* '' */ .icon-comment-empty:before { content: '\e848'; } /* '' */ .icon-chat-empty:before { content: '\e849'; } /* '' */ .icon-bell:before { content: '\e84a'; } /* '' */ .icon-bell-alt:before { content: '\e84b'; } /* '' */ .icon-attention-alt:before { content: '\e84c'; } /* '' */ .icon-attention:before { content: '\e84d'; } /* '' */ .icon-network:before { content: '\e84e'; } /* '' */ .icon-trash:before { content: '\e84f'; } /* '' */ .icon-doc:before { content: '\e850'; } /* '' */ .icon-docs:before { content: '\e851'; } /* '' */ .icon-doc-alt:before { content: '\e852'; } /* '' */ .icon-folder:before { content: '\e853'; } /* '' */ .icon-folder-open:before { content: '\e854'; } /* '' */ .icon-folder-empty:before { content: '\e855'; } /* '' */ .icon-folder-open-empty:before { content: '\e856'; } /* '' */ .icon-cog:before { content: '\e857'; } /* '' */ .icon-cog-alt:before { content: '\e858'; } /* '' */ .icon-down-circled2:before { content: '\e859'; } /* '' */ .icon-up-circled2:before { content: '\e85a'; } /* '' */ .icon-basket-alt:before { content: '\e85b'; } /* '' */ .icon-java:before { content: '\e85c'; } /* '' */ .icon-globe-1:before { content: '\e85d'; } /* '' */ .icon-blackberry:before { content: '\e85e'; } /* '' */ .icon-down-open:before { content: '\e85f'; } /* '' */ .icon-left-open:before { content: '\e860'; } /* '' */ .icon-right-open:before { content: '\e861'; } /* '' */ .icon-up-open:before { content: '\e862'; } /* '' */ .icon-signal-1:before { content: '\e863'; } /* '' */ .icon-award-1:before { content: '\e864'; } /* '' */ .icon-angle-up:before { content: '\e865'; } /* '' */ .icon-angle-down:before { content: '\e866'; } /* '' */ .icon-angle-circled-left:before { content: '\e867'; } /* '' */ .icon-angle-circled-right:before { content: '\e868'; } /* '' */ .icon-angle-circled-up:before { content: '\e869'; } /* '' */ .icon-angle-circled-down:before { content: '\e86a'; } /* '' */ .icon-angle-double-left:before { content: '\e86b'; } /* '' */ .icon-angle-double-right:before { content: '\e86c'; } /* '' */ .icon-angle-double-up:before { content: '\e86d'; } /* '' */ .icon-angle-double-down:before { content: '\e86e'; } /* '' */ .icon-down:before { content: '\e86f'; } /* '' */ .icon-left:before { content: '\e870'; } /* '' */ .icon-right:before { content: '\e871'; } /* '' */ .icon-up:before { content: '\e872'; } /* '' */ .icon-left-circled:before { content: '\e873'; } /* '' */ .icon-right-circled:before { content: '\e874'; } /* '' */ .icon-up-circled:before { content: '\e875'; } /* '' */ .icon-down-circled:before { content: '\e876'; } /* '' */ .icon-cw:before { content: '\e877'; } /* '' */ .icon-ccw:before { content: '\e878'; } /* '' */ .icon-arrows-cw:before { content: '\e879'; } /* '' */ .icon-level-up:before { content: '\e87a'; } /* '' */ .icon-level-down:before { content: '\e87b'; } /* '' */ .icon-exchange:before { content: '\e87c'; } /* '' */ .icon-shuffle:before { content: '\e87d'; } /* '' */ .icon-play:before { content: '\e87e'; } /* '' */ .icon-play-circled:before { content: '\e87f'; } /* '' */ .icon-play-circled2:before { content: '\e880'; } /* '' */ .icon-signal:before { content: '\e881'; } /* '' */ .icon-check:before { content: '\e882'; } /* '' */ .icon-check-empty:before { content: '\e883'; } /* '' */ .icon-chart-bar:before { content: '\e884'; } /* '' */ .icon-palm:before { content: '\e885'; } /* '' */ .icon-symbian:before { content: '\e886'; } /* '' */ .icon-paintroller:before { content: '\e887'; } /* '' */ .icon-code:before { content: '\e888'; } /* '' */ .icon-login:before { content: '\e889'; } /* '' */ .icon-logout:before { content: '\e88a'; } /* '' */ .icon-calendar:before { content: '\e88b'; } /* '' */ .icon-calendar-empty:before { content: '\e88c'; } /* '' */ .icon-wrench:before { content: '\e88d'; } /* '' */ .icon-menu:before { content: '\e88e'; } /* '' */ .icon-resize-full-alt:before { content: '\e88f'; } /* '' */ .icon-resize-full:before { content: '\e890'; } /* '' */ .icon-resize-small:before { content: '\e891'; } /* '' */ .icon-resize-vertical:before { content: '\e892'; } /* '' */ .icon-resize-horizontal:before { content: '\e893'; } /* '' */ .icon-block:before { content: '\e894'; } /* '' */ .icon-circle-empty:before { content: '\e895'; } /* '' */ .icon-ajust:before { content: '\e896'; } /* '' */ .icon-fire-station:before { content: '\e897'; } /* '' */ .icon-flashpoint:before { content: '\e898'; } /* '' */ .icon-down-1:before { content: '\e89b'; } /* '' */ .icon-up-1:before { content: '\e89c'; } /* '' */ .icon-info-1:before { content: '\e89d'; } /* '' */ .icon-download-1:before { content: '\e89f'; } /* '' */ .icon-chart-bar-1:before { content: '\e8a0'; } /* '' */ .icon-user:before { content: '\e8a1'; } /* '' */ .icon-user-male:before { content: '\e8a2'; } /* '' */ .icon-user-female:before { content: '\e8a3'; } /* '' */ .icon-users:before { content: '\e8a4'; } /* '' */ .icon-plus-circled:before { content: '\e8a5'; } /* '' */ .icon-right-dir:before { content: '\e8a6'; } /* '' */ .icon-left-dir:before { content: '\e8a7'; } /* '' */ .icon-arrow-up-right:before { content: '\e8a8'; } /* '' */ .icon-retweet-1:before { content: '\e8a9'; } /* '' */ .icon-updown-circle:before { content: '\e8aa'; } /* '' */ .icon-inbox-1:before { content: '\e8ab'; } /* '' */ .icon-building:before { content: '\e8ac'; } /* '' */ .icon-tasks:before { content: '\e8ae'; } /* '' */ .icon-stop:before { content: '\e8af'; } /* '' */ .icon-pause:before { content: '\e8b0'; } /* '' */ .icon-desktop:before { content: '\e8b1'; } /* '' */ .icon-laptop:before { content: '\e8b2'; } /* '' */ .icon-tablet:before { content: '\e8b3'; } /* '' */ .icon-umbrella:before { content: '\e8b5'; } /* '' */ .icon-flash:before { content: '\e8b6'; } /* '' */ .icon-cloud:before { content: '\e8b7'; } /* '' */ .icon-globe:before { content: '\e8b8'; } /* '' */ .icon-filter:before { content: '\e8b9'; } /* '' */ .icon-beaker:before { content: '\e8ba'; } /* '' */ .icon-megaphone:before { content: '\e8bb'; } /* '' */ .icon-certificate:before { content: '\e8bc'; } /* '' */ .icon-money:before { content: '\e8bd'; } /* '' */ .icon-phone:before { content: '\e8be'; } /* '' */ .icon-phone-squared:before { content: '\e8bf'; } /* '' */ .icon-stop-1:before { content: '\e8c0'; } /* '' */ .icon-chart-pie:before { content: '\e8c1'; } /* '' */ .icon-pin-1:before { content: '\e8c2'; } /* '' */ .icon-cog-1:before { content: '\e8c3'; } /* '' */ .icon-arrow-bottom-left:before { content: '\e8c5'; } /* '' */ .icon-camera:before { content: '\e8c6'; } /* '' */ .icon-key:before { content: '\e8c7'; } /* '' */ .icon-contact_card:before { content: '\e8c8'; } /* '' */ .icon-checklist:before { content: '\e8c9'; } /* '' */ .icon-logo-icon-only:before { content: '\e8ca'; } /* '' */ .icon-logo-text-only:before { content: '\e8cb'; } /* '' */ .icon-expand:before { content: '\e8cc'; } /* '' */ .icon-collapse:before { content: '\e8cd'; } /* '' */ .icon-language:before { content: '\e8ce'; } /* '' */ .icon-passive-total:before { content: '\e8cf'; } /* '' */ .icon-grid:before { content: '\e8d1'; } /* '' */ .icon-th-list:before { content: '\e8d2'; } /* '' */ .icon-th:before { content: '\e8d3'; } /* '' */ .icon-compliance:before { content: '\f097'; } /* '' */ .icon-twitter:before { content: '\f099'; } /* '' */ .icon-pinterest-circled:before { content: '\f0d2'; } /* '' */ .icon-gplus:before { content: '\f0d5'; } /* '' */ .icon-sort:before { content: '\f0dc'; } /* '' */ .icon-brand:before { content: '\f111'; } /* '' */ .icon-mobile:before { content: '\f11d'; } /* '' */ .icon-malware:before { content: '\f11e'; } /* '' */ .icon-rocket:before { content: '\f135'; } /* '' */ .icon-youtube-play:before { content: '\f16a'; } /* '' */ .icon-instagram:before { content: '\f16d'; } /* '' */ .icon-apple:before { content: '\f179'; } /* '' */ .icon-windows:before { content: '\f17a'; } /* '' */ .icon-android:before { content: '\f17b'; } /* '' */ .icon-bug:before { content: '\f188'; } /* '' */ .icon-wordpress:before { content: '\f19a'; } /* '' */ .icon-bank:before { content: '\f19c'; } /* '' */ .icon-google:before { content: '\f1a0'; } /* '' */ .icon-building-filled:before { content: '\f1ad'; } /* '' */ .icon-file-pdf:before { content: '\f1c1'; } /* '' */ .icon-file-word:before { content: '\f1c2'; } /* '' */ .icon-file-excel:before { content: '\f1c3'; } /* '' */ .icon-file-powerpoint:before { content: '\f1c4'; } /* '' */ .icon-file-image:before { content: '\f1c5'; } /* '' */ .icon-file-archive:before { content: '\f1c6'; } /* '' */ .icon-file-audio:before { content: '\f1c7'; } /* '' */ .icon-file-video:before { content: '\f1c8'; } /* '' */ .icon-file-code:before { content: '\f1c9'; } /* '' */ .icon-bomb:before { content: '\f1e2'; } /* '' */ .icon-facebook-squared:before { content: '\f308'; } /* '' */ .icon-linkedin-squared:before { content: '\f30c'; } /* '' */ /** * Page Level Styling */ html { width: 100%; height: 100%; background: #000; padding: 0; margin: 0; } body { padding: 0; margin: 0; width: 100%; height: 100%; background-color: #000; font-family: 'open sans', 'helvetica neue', helvetica, arial, sans-serif; background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0.9) 100%), url(f550e039b3386e0f9dbc.jpg); background: -webkit-gradient( left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0.4)), color-stop(100%, rgba(0, 0, 0, 0.9)) ), url(f550e039b3386e0f9dbc.jpg); background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0.9) 100%), url(f550e039b3386e0f9dbc.jpg); background: -o-linear-gradient(top, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0.9) 100%), url(f550e039b3386e0f9dbc.jpg); background: -ms-linear-gradient(top, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0.9) 100%), url(f550e039b3386e0f9dbc.jpg); background: linear-gradient(to bottom, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0.9) 100%), url(f550e039b3386e0f9dbc.jpg); background-size: 140% auto; background-position: top center; } .ie7 body, .ie8 body { background: #000 url(f550e039b3386e0f9dbc.jpg) no-repeat; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader( src='../img/login/bg@1x.jpg', sizingMethod='scale'); } .ie9 body { background: #000 url(f550e039b3386e0f9dbc.jpg) no-repeat; background-size: cover; } /** * Links */ a { color: #009bd9; font-weight: 500; text-decoration: none; } a:hover { color: #1293d1; } /** * Button */ .btn { display: inline-block; *display: inline; /* IE7 inline-block hack */ *zoom: 1; padding: 6px 15px 5px; margin: 0; font-size: 13px; line-height: 20px; text-align: center; vertical-align: middle; cursor: pointer; border: 0 none; color: #fff; border-radius: 3px; background: #1293d1; opacity: 0.8; -webkit-transition: background linear 0.2s, opacity linear 0.2s; -moz-transition: background linear 0.2s, opacity linear 0.2s; -ms-transition: background linear 0.2s, opacity linear 0.2s; -o-transition: background linear 0.2s, opacity linear 0.2s; transition: background linear 0.2s, opacity linear 0.2s; } .btn:hover, .btn:focus, .btn:active, .btn.active { background: #1293d1; color: #fff; outline: none; opacity: 1; box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.4); } .btn-secondary { opacity: 0.8; background: #335a8b; color: #fff; } .btn-secondary:hover, .btn-secondary:focus, .btn-secondary:active, .btn-secondary.active { opacity: 1; background: #335a8b; color: #fff; } /** * Inputs */ input[type='text'], input[type='password'] { font-family: 'open sans'; background: #fff; background: rgba(255, 255, 255, 0.1); border: 0 none; padding: 10px 10px 8px; font-size: 15px; font-weight: 100; color: #000; color: rgba(255, 255, 255, 0.8); margin: 0; outline: none; vertical-align: middle; } .ie8 input[type='text'], .ie8 input[type='password'] { font-family: sans-serif; } input[type='text']:active, input[type='text']:focus, input[type='password']:active, input[type='password']:focus { font-weight: 100; outline: none; box-shadow: none; background: rgba(255, 255, 255, 0.3); color: #fff; } .ie8 input[type='text']:active, .ie8 input[type='text']:focus, .ie8 input[type='password']:active, .ie8 input[type='password']:focus { background: #fff; color: #000; } .placeholder { font-weight: 100; color: rgba(255, 255, 255, 0.5); font-style: italic; } span.loginForm-label { color: rgba(255, 255, 255, 0.5); } .loginForm-usernameLine { color: rgba(255, 255, 255, 0.5); padding: 5px; margin: 5px 3px 3px 3px; width: 300px; } .loginForm-usernameDisplay { font-style: italic; font-weight: lighter; color: rgba(255, 255, 255, 1); display: inline-block; } .loginForm-notYou { width: 70px; float: right; text-align: right; font-size: 11px; padding: 5px; margin: 2px; } .loginForm-twoFactorLine { color: rgba(255, 255, 255, 0.5); font-size: 11px; padding: 5px; margin: 5px 3px 3px 3px; width: 300px; } .loginForm-remember { color: rgba(255, 255, 255, 0.6); font-size: 11px; margin-left: 10px; clear: both; } .loginForm-remember input[type='checkbox'] { margin: 0 4px 0 -1px; font-size: 11px; vertical-align: middle; } .loginForm-privacy { color: rgba(255, 255, 255, 0.6); font-size: 11px; clear: both; width: 300px; padding: 10px; border-bottom: 1px solid rgba(255, 255, 255, 0.2); border-top: 1px solid rgba(255, 255, 255, 0.2); margin: 10px 0; } input.loginForm-usernameSolo { width: 300px; border-radius: 4px; float: left; margin-bottom: 15px; } input.loginForm-username { width: 300px; border-radius: 4px; float: left; } input.loginForm-input { width: 300px; margin-bottom: 2px; border-radius: 4px 4px 0 0; } input.loginForm-input-short { width: 230px; margin-bottom: 2px; border-radius: 4px 4px 0 0; font-style: italic; color: #999999; } input.loginForm-password { border-radius: 0 0 4px 4px; } input.loginForm-password-notYou { border-radius: 4px 4px 4px 4px; } input.forgotPassword-input { width: 200px; border-radius: 4px; padding: 6px 10px 5px; margin-right: 3px; } input.login-reset-input { width: 300px; margin-bottom: 2px; } input.login-reset-input-first { border-radius: 4px 4px 0 0; } input.login-reset-input-last { border-radius: 0 0 4px 4px; } .login-reset-username { color: rgba(255, 255, 255, 0.5); padding: 5px; margin: 5px 3px 3px 3px; width: 300px; font-size: 12pt; } /** * LOGIN TABLE */ .loginTable { width: 100%; height: 100%; text-align: center; } .ie7 .loginTable, .ie8 .loginTable { position: relative; z-index: 10; } .login-content { display: inline-block; text-align: left; } .ie7 .login-content { display: block; width: 319px; margin: 0 auto; } .loginForm-submit { float: right; margin-right: -1px; } .loginForm-actions { margin-top: 15px; font-size: 11px; } .loginForm-actions-links { display: inline-block; margin: 8px 10px; } .loginForm-error { border: solid 1pt red; background: pink; font-style: italic; font-size: 9pt; color: black; max-width: 300px; padding-right: 4px; margin: 0 auto 15px auto; } .ie8 .loginForm-actions-links a { color: #fff; } .ie8 .loginForm-actions-links a:hover { color: #fff; text-decoration: underline; } .loginForm-actions-spacer { color: rgba(255, 255, 255, 0.3); padding: 0 7px; } .ie7 .loginForm-actions-spacer { color: #aac; } .iePlaceholderLabel { color: #fff; display: block; margin-top: 4px; font-size: 13px; } /** * LOGO */ .login-logoWrapper { text-align: center; } .login-logo { display: inline-block; background: url(c4ce9489e2dcaf512c4d.png) no-repeat; /*461x322*/ background-size: 230px 161px; background-position: center; width: 100%; min-width: 320px; height: 250px; margin: -120px 0 0 0; } .ie7 .login-logo, .ie8 .login-logo { display: block; background: url(7c6fff0b0fd974bbe465.png) no-repeat; /*230x161*/ position: relative; margin: -120px auto 30px; } .login-logo:before { width: auto; } .login-logoWrapper .login-logo { margin-left: 0; } /** * Login Errors */ .loginForm .loginForm-msg { width: 240px; color: #fff; opacity: 0.8; text-shadow: 0 0 6px #000; } .control-group.error .control-label { color: #fff; } .loginForm .control-group.error .controls { position: relative; } .loginForm .control-group.error .controls .help-inline.alert-error { left: 100%; top: 0; } .ie7 .loginForm .control-group.error .controls .help-inline.alert-error { top: 16px; } .help-inline.alert-error { position: absolute; background: #f3743e; border: 1px solid #f3743e; border-bottom: 1px solid #f3743e; height: 29px; padding: 0 14px 0 19px; z-index: 0; border-radius: 6px; border-top-left-radius: 10px 15px; border-bottom-left-radius: 10px 15px; display: inline-block; color: #fff; line-height: 29px; min-width: 20px; white-space: nowrap; margin-left: 10px; font-size: 11px; font-weight: 100; text-indent: 1px; } .help-inline.alert-error:before { content: ' '; position: absolute; z-index: 1; top: 11.8%; left: -5px; background-color: #f3743e; height: 23px; width: 23px; transform: rotate(-45deg) skew(-10deg, -10deg); -webkit-transform: rotate(-45deg) skew(-10deg, -10deg); -ms-transform: rotate(-45deg) skew(-10deg, -10deg); border-top-right-radius: 100px 40px; border-top-left-radius: 30px 2px; border-bottom-right-radius: 2px 30px; border-bottom-left-radius: 40px 100px; border-left: 1px solid #f3743e; } .ie8 .help-inline.alert-error { padding: 0 15px; } .ie8 .help-inline.alert-error:before { display: none; } /** * Login Help */ .login-help { width: 300px; font-size: 13px; } .login-help-title { text-transform: uppercase; font-weight: 500; padding-bottom: 10px; margin-bottom: 10px; color: #555; border-bottom: 1px solid #555; } .login-help-item { margin-bottom: 10px; } .login-help-disclaimer { font-size: 12px; color: #555; line-height: 1.3em; border-top: 1px solid #555; padding-top: 10px; margin: 10px 0 0 0; } .login-help-dropdown-icon { color: #335a8b; font-size: 24px; vertical-align: middle; cursor: pointer; opacity: 0.8; -webkit-transition: opacity linear 0.2s; -moz-transition: opacity linear 0.2s; -ms-transition: opacity linear 0.2s; -o-transition: opacity linear 0.2s; transition: opacity linear 0.2s; } .login-help-dropdown-icon:hover { color: #335a8b; opacity: 1; } /** * Login forgot password */ .login-sectionWrapper { background: rgba(0, 0, 0, 0.1); color: rgba(255, 255, 255, 0.5); padding: 20px 30px; border-radius: 4px; font-size: 13px; } .login-header { text-transform: uppercase; margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px solid rgba(255, 255, 255, 0.1); font-size: 12px; letter-spacing: 1.5px; } .login-instructions { margin-bottom: 15px; color: #fff; } /** * Reset password */ .resetPassword-actions { margin-top: 15px; text-align: right; width: 320px; } .reset-instructions { width: 320px; } .reset-help-dropdown { margin: 4px 10px; float: left; } .reset-logo { background-size: 200px; margin: -50px -10px 0 0; } .backToLogin { color: #fff; position: absolute; left: 10px; top: 10px; font-size: 14px; cursor: pointer; opacity: 0.8; } .backToLogin:hover { color: #fff; opacity: 1; } /** * LOGIN FOOTER */ footer { color: #fff; color: rgba(255, 255, 255, 0.6); font-size: 11px; opacity: 0.7; position: absolute; left: 0; bottom: 0; width: 100%; padding: 5px 0; } .footer-common, .footer-developer { text-align: center; } /** * Dropdown */ .riqDropdown-content { display: none; position: absolute; left: 0; top: 100%; z-index: 2; padding: 15px 20px 10px; margin: 25px 10px 0 -1px; -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.4); box-shadow: 0 6px 12px rgba(0, 0, 0, 0.4); line-height: 1em; min-width: 120px; border-radius: 4px; background: #000; border: 0 none; color: #eee; } .riqDropdown-rightAlign { left: auto; right: 0; } .riqDropdown-wrapper { cursor: default; position: relative; display: inline-block; } .ie7 .riqDropdown-wrapper { display: inline; } .riqDropdown-open .riqDropdown-content { display: block; } .riqDropdown-arrow { content: ''; width: 0; height: 0; border-style: solid; border-width: 25px 15px 25px 0; border-color: transparent #000 transparent transparent; position: absolute; right: 0; top: -25px; } /** * Popout */ .riqPopout-content { display: none; position: absolute; top: 0; left: 110%; z-index: 2; padding: 15px 20px 10px; margin: 25px 10px 0 -1px; -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.4); box-shadow: 0 6px 12px rgba(0, 0, 0, 0.4); line-height: 1em; min-width: 120px; background: rgba(64, 64, 64, 0.5); border: 0 none; color: #eee; } .riqPopout-rightAlign { left: auto; right: 0; } .riqPopout-wrapper { cursor: default; position: relative; display: inline-block; } .riqPopout-open .riqPopout-content { display: block; } .riqPopout-arrow { content: ''; width: 0; height: 0; border-style: solid; border-width: 0 25px 15px 0; border-color: transparent rgba(64, 64, 64, 0.5) transparent transparent; position: absolute; left: -25px; top: 0px; } /** * Not supported message */ .login-browserMessages { display: none; background: #f3743e; color: #fff; padding: 15px 25px; text-align: center; font-size: 13px; position: absolute; top: 0; left: 0; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } /** * Password requirements */ .riq-password-quality-meter-container { width: 200px; margin: 5px; } span.riq-password-requirement-header { display: block; text-transform: uppercase; margin-bottom: 10px; padding-bottom: 5px; border-bottom: 1px solid rgba(255, 255, 255, 0.2); color: rgba(255, 255, 255, 0.5); } .riq-password-requirement-item { display: block; font-size: smaller; color: #f12a3c; } .riq-password-requirement-item.met { color: #74a855; } input#confirmPassword[disabled].confirm-password-input { color: #666666; background-color: rgba(255, 255, 255, 0.025); } button#passwordSubmitButton[disabled] { color: #666666; background-color: #153b63; } .updateMessage { position: fixed; top: 0; display: none; left: 66px; background: #ffe79d; border-radius: 0px; box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.5); text-align: center; width: auto; padding: 4px 20px 3px 10px; margin: 0; font-size: 12px; z-index: 10; min-width: 119px; } .updateMessage-close { position: absolute; right: 2px; top: 4px; font-size: 16px; border-radius: 10px; width: 16px; height: 16px; line-height: 16px; text-align: center; vertical-align: top; cursor: pointer; color: rgba(0, 0, 0, 0.5); } .updateMessage-close:hover { color: #1293d1; } .updateMessage:hover a { text-decoration: underline; } .updateMessage-section { padding: 0 7px; } .dropdown-wrapper { position: relative; display: inline-block; font-size: 12px; } .dropdown-text { display: inline-block; cursor: pointer; color: var(--blue); padding: 5px 5px; } .dropdown-text:hover { color: var(--darkBlue); } .dropdown-text-open { background: var(--grayF); box-shadow: 0 6px 12px rgba(0, 0, 0, 0.3); } .dropdown-content { display: none; position: absolute; top: 100%; left: 0; z-index: 999; padding: 0; background: var(--grayF); border: 0 none; box-shadow: 0 6px 12px rgba(0, 0, 0, 0.3); font-size: 12px; font-weight: normal; color: var(--gray3); text-shadow: none; text-align: left; text-transform: none; } .dropdown-content-open { display: block; } .dropdown-right { left: auto; right: 0; } .dropdown-top { bottom: 0; top: auto; } .dropdown-options { padding: 10px 0; } .dropdown-option { line-height: 1.8em; vertical-align: middle; display: block; padding: 3px 15px; min-width: 150px; white-space: nowrap; max-width: 400px; text-overflow: ellipsis; overflow: hidden; cursor: pointer; } .dropdown-option:hover { background: var(--grayE); } .dropdown-option-divider { margin: 10px 0; border-bottom: 1px solid var(--grayD); } .clipboardText { display: inline-block; width: 100%; } .clipboardText-input, .clipboardText-node { width: 100%; display: inline-block; } .clipboardText-node { margin-bottom: 1px; overflow: hidden; text-overflow: ellipsis; vertical-align: top; } .clipboardText-input[readonly], .clipboardText-input[readonly]:focus { cursor: pointer; background: transparent; border: 0 none; box-shadow: none; font-size: inherit; margin: -3px 0 0; border: 0; padding: 0; width: 100%; font-weight: inherit; color: inherit; padding-left: 0; text-overflow: ellipsis; vertical-align: middle; white-space: normal; background: none; line-height: 1; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } .clipboardText-node.search-facets-facet-value-name-label-clipboardText-node { display: inline-block; } .riskiq-dropdown-wrapper { position: relative; display: inline-block; font-size: 12px; } .riskiq-dropdown-text { display: inline-block; cursor: pointer; color: var(--blue); padding: 5px 5px; } .riskiq-dropdown-text:hover { color: var(--darkBlue); } .riskiq-dropdown-text-open { background: var(--grayF); box-shadow: 0 6px 12px rgba(0, 0, 0, 0.3); } .riskiq-dropdown-content { display: none; position: absolute; top: 100%; left: 0; z-index: 999; padding: 0; background: var(--grayF); border: 0 none; box-shadow: 0 6px 12px rgba(0, 0, 0, 0.3); font-size: 12px; font-weight: normal; color: var(--gray3); text-shadow: none; text-align: left; text-transform: none; } .riskiq-dropdown-content-open { display: block; } .riskiq-dropdown-right { left: auto; right: 0; } .riskiq-dropdown-top { bottom: 0; top: auto; } .riskiq-dropdown-options { padding: 10px 0; } .riskiq-dropdown-option, .dropdown-option { line-height: 1.8em; vertical-align: middle; display: block; padding: 3px 15px; min-width: 150px; white-space: nowrap; max-width: 400px; text-overflow: ellipsis; overflow: hidden; cursor: pointer; } .riskiq-dropdown-option:hover, .dropdown-option:hover { background: var(--grayE); } .riskiq-dropdown-option-divider, .dropdown-option-divider { margin: 10px 0; border-bottom: 1px solid var(--grayD); } /*# sourceMappingURL=login.css.map*/