@charset "UTF-8";@font-face {
font-family: 'proxima-nova';
font-weight: bold;
font-style: normal
}
@font-face {
font-family: 'proxima-nova';
font-weight: bold;
font-style: italic
}
@font-face {
font-family: 'proxima-nova';
font-weight: normal;
font-style: normal
}
@font-face {
font-family: 'proxima-nova';
font-weight: normal;
font-style: italic
}
@font-face {
font-family: 'proxima-nova';
font-weight: 600;
font-style: normal
}
article,aside,details,figcaption,figure,footer,header,hgroup,nav,section {
display: block
}
audio,canvas,video {
display: inline-block;*display:inline;*zoom:1
}
audio:not([controls]) {
display: none
}
[hidden] {
display: none
}
html {
font-size: 100%;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%
}
html,button,input,select,textarea {
font-family: sans-serif
}
body {
margin: 0
}
h1 {
font-size: 2em
}
abbr[title] {
border-bottom: 1px dotted
}
b,strong {
font-weight: bold
}
blockquote {
margin: 1em 40px
}
dfn {
font-style: italic
}
mark {
background: #ff0;
color: #000
}
pre,code,kbd,samp {
font-family: monospace,serif;
_font-family: "courier new",monospace;
font-size: 1em
}
pre {
white-space: pre;
white-space: pre-wrap;
word-wrap: break-word
}
q {
quotes: none
}
q:before,q:after {
content: '';
content: none
}
small {
font-size: 75%
}
sub,sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline
}
sup {
top: -0.5em
}
sub {
bottom: -0.25em
}
ul,ol {
margin-left: 0;
padding: 0 0 0 40px
}
dd {
margin: 0 0 0 40px
}
nav ul,nav ol {
list-style: none;
list-style-image: none
}
img {
border: 0;
-ms-interpolation-mode: bicubic
}
svg:not(:root) {
overflow: hidden
}
figure {
margin: 0
}
form {
margin: 0
}
fieldset {
border: 1px solid silver;
margin: 0 2px;
padding: 0.35em 0.625em 0.75em
}
legend {
border: 0;
padding: 0;
white-space: normal;*margin-left:-7px
}
button,input,select,textarea {
font-size: 100%;
margin: 0;
vertical-align: baseline;*vertical-align:middle
}
button,input {
line-height: normal
}
button,input[type="button"],input[type="reset"],input[type="submit"] {
cursor: pointer;
-webkit-appearance: button;*overflow:visible
}
input[type="checkbox"],input[type="radio"] {
box-sizing: border-box;
padding: 0;*height:13px;*width:13px
}
input[type="search"] {
-webkit-appearance: textfield;
-moz-box-sizing: content-box;
-webkit-box-sizing: content-box;
box-sizing: content-box
}
input[type="search"]::-webkit-search-decoration,input[type="search"]::-webkit-search-cancel-button {
-webkit-appearance: none
}
button::-moz-focus-inner,input::-moz-focus-inner {
border: 0;
padding: 0
}
textarea {
overflow: auto;
vertical-align: top
}
table {
border-collapse: collapse;
border-spacing: 0
}
html,body {
height: 100%
}
html {
font-size: 62.5%;
-webkit-font-smoothing: antialiased
}
body {
background: #fff
}
a img,fieldset {
border: none
}
fieldset {
padding: 0
}
input[type=submit],input.submit {
font-weight: bold;
width: auto !important
}
input[type=image],input.image,input[type=radio],input.radio,input[type=checkbox],input.checkbox {
background: none !important;
border: none !important;
height: auto !important;
width: auto !important
}
h1 img,h2 img,h3 img,h4 img,h5 img,h6 img {
margin: 0
}
img.left {
display: inline;
float: left !important
}
img.right {
display: inline;
float: right !important
}
caption,th {
text-align: left
}
.hide {
display: none !important
}
.show {
display: block !important
}
.invisible {
visibility: hidden !important
}
.visible {
visibility: visible !important
}
.clear:after,.page-footer:after,.jobs-intro:after,.resumator-buttons ul:after {
clear: both;
content: ".";
display: block;
height: 0;
visibility: hidden;
font-size: 0.01em !important;
line-height: 0.01em !important
}
.clear,.page-footer,.jobs-intro,.resumator-buttons ul {
display: inline-block
}
* html .clear,* html .page-footer,* html .jobs-intro,* html .resumator-buttons ul,.resumator-buttons * html ul {
height: 1%
}
.clear,.page-footer,.jobs-intro,.resumator-buttons ul {
display: block
}
@media screen and (max-device-width: 480px) {html {
-webkit-text-size-adjust: none;
-ms-text-size-adjust: none
}

}
form p {
margin-bottom: 10px
}
label {
display: block
}
input,select,textarea {
border: 1px solid #ccc;
padding: 9px 8px 7px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
-webkit-border-radius: 3px;
border-radius: 3px;
-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.05);
-moz-box-shadow: inset 0 1px 1px rgba(0,0,0,0.05);
box-shadow: inset 0 1px 1px rgba(0,0,0,0.05)
}
input:focus,select:focus,textarea:focus {
border-color: #a4baca !important;
background: #f5f7f9
}
input:focus,select:focus,textarea:focus {
border-color: #999
}
select {
padding: 2px
}
input[type=file] {
padding: 2px;
border: none;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none
}
label {
font-weight: bold
}
.form-checkbox>span label span,.form-radio>span label span {
padding-left: 10px
}
.form-checkbox>span label span,.form-radio>span label span {
font-weight: normal
}
body {
line-height: 20px;
color: #222
}
.proxima-nova,.card h2,.top-bar h2,.legal-body h3,body,input,select,textarea {
font-family: "proxima-nova","Helvetica Neue",Arial,Helvetica,sans-serif
}
.freight-sans-pro,h1,h2,h3 {
font-family: "freight-sans-pro","proxima-nova","Helvetica Neue",Arial,Helvetica,sans-serif
}
code {
font-family: Monaco,Consolas,"Lucida Console",monospace
}
.at-symbol {
font-family: Verdana,Helvetica,Arial,sans-serif
}
body {
font-size: 14px;
font-size: 1.4rem
}
h1 {
font-size: 36px;
line-height: 40px
}
h2 {
font-size: 23px;
line-height: 30px
}
h3 {
font-size: 16px;
font-weight: 600;
font-weight: bold
}
h4 {
font-size: 14px;
font-weight: 600;
font-weight: bold;
text-transform: uppercase
}
small {
font-size: 12px
}
h1,h2,h3,h4,h5,h6,th {
font-weight: 600;
font-weight: bold
}
h1 {
margin: 40px 0 20px -1px
}
h2 {
margin: 20px 0 10px
}
h1+h2 {
margin-top: 20px
}
h3 {
margin: 20px 0 10px
}
h4 {
margin: 20px 0 10px
}
h1:first-child,h2:first-child {
margin-top: 0
}
p {
margin: 0 0 10px
}
pre {
margin: 15px 0 25px
}
pre code {
padding: 14px 14px 14px 19px
}
form label {
display: block;
margin: 0 0 5px
}
form input,form select,form textarea {
font-size: 14px;
font-size: 1.4rem
}
table {
margin: 20px 0 30px
}
th,td {
padding: 5px 10px 4px 0;
border-bottom: 1px solid #ddd
}
th,tr:last-child td {
border-bottom-color: #ccc
}
ul,ol {
margin: 0 0 20px
}
ul ul,ul ol,ol ul,ol ol {
margin: 5px 0 15px
}
li {
margin: 0 0 5px
}
a,a:visited {
text-decoration: none
}
a:hover {
text-decoration: underline
}
a,a:visited {
color: #3f729b
}
a:hover {
color: #1c5380
}
code {
-webkit-font-smoothing: subpixel-antialiased;
font-size: 12px;
font-style: normal;
font-weight: normal;
line-height: 15px
}
th {
text-transform: uppercase
}
.at-symbol {
opacity: 0.6
}
p.emphasized {
font-size: 16px;
font-weight: 600;
line-height: 25px
}
.top-bar h1,.top-bar h2 {
color: #fff
}
.top-bar h2 {
font-size: 14px;
font-weight: bold;
text-transform: uppercase;
text-shadow: 0 1px 1px rgba(0,0,0,0.6)
}
.top-bar a,.top-bar a:visited,.top-bar a:hover {
text-decoration: none
}
.page-footer {
font-size: 12px;
line-height: 16px
}
.page-footer nav,.page-footer p {
text-transform: uppercase;
font-weight: bold
}
.page-footer p {
color: #999;
color: rgba(0,0,0,0.3)
}
.account-state {
font-weight: bold
}
.account-state,.account-state a,.account-state a:hover,.account-state a:active {
color: #fff
}
.account-state a:active {
color: #eee
}
.dropdown {
color: #333;
text-shadow: 0 1px 0 rgba(255,255,255,0.9);
font-weight: bold
}
.dropdown,.dropdown a,.dropdown a:link,.dropdown a:active {
color: #666;
text-decoration: none
}
.dropdown a:hover {
color: #444
}
.dropdown a:active {
color: #111
}
.dropdown li.negative,.dropdown li.negative a,.dropdown li.negative a:active {
color: #c00
}
.dropdown li strong {
text-align: center;
font-weight: bold;
text-transform: uppercase;
font-size: 10px;
line-height: 15px;
color: #aaa
}
.page-footer-chromeless,.page-footer-dark,.page-home .page-footer {
text-shadow: 0 1px 0 rgba(255,255,255,0.6)
}
.page-footer-dark span,.page-footer-dark a,.page-footer-dark a:visited,.page-footer-dark a:active,.page-footer-dark a:hover {
color: #fff;
-moz-opacity: 0.3;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
filter: alpha(opacity=30);
opacity: 0.3
}
.page-footer-dark a:hover,.page-footer-dark a:active {
-moz-opacity: 0.8;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
filter: alpha(opacity=80);
opacity: 0.8;
opacity: 0.8
}
a {
-webkit-tap-highlight-color: rgba(63,114,155,0.3)
}
pre code {
display: block;
overflow: auto;
background: #fafafa;
border: 1px solid #ddd
}
code {
max-width: 100%;
display: inline;
background: #eee
}
form ul.errorlist {
display: none
}
form ul.errorlist+p input {
background-color: #fff6f6;
border-color: #eec3c7
}
fieldset {
margin: 0 0 20px
}
input[type=text] {
-webkit-appearance: none
}
textarea {
padding: 7px 7px 6px
}
.form-actions {
padding-top: 20px
}
.main form.bordered {
padding: 40px 0 1px;
margin: -1px 0 0;
border-top: 1px solid #ddd
}
.main form.bordered input:not([type=submit]),.main form.bordered span {
width: 50%;
display: inline-block
}
.main form.bordered span>input:not([type=submit]) {
width: 100%
}
.main form.bordered textarea {
width: 100%
}
.main form.bordered .form-actions {
margin-top: 40px;
border-top: 1px solid #ddd;
padding-top: 20px
}
.main form.adjacent fieldset {
margin: 0 0 30px
}
.main form.adjacent p {
min-height: 30px;
margin-bottom: 10px
}
.main form.adjacent label {
display: inline-block;
width: 160px;
min-height: 20px
}
.main form.adjacent.wide label {
width: 220px
}
.main form.adjacent.very-wide label {
width: 330px
}
.main form.adjacent input[type=text],.main form.adjacent input[type=email],.main form.adjacent input[type=password],.main form.adjacent input[type=tel],.main form.adjacent textarea {
margin-top: -5px;
position: relative;
top: 0
}
.main form.adjacent textarea {
margin-bottom: 10px
}
.main form.adjacent span .button,.main form.adjacent span .page-home .content .home-login,.page-home .content .main form.adjacent span .home-login {
margin: -5px 0 0 10px
}
.main form.adjacent span.helptext {
font-size: 0.9em;
font-style: italic;
display: block;
padding: 10px 0 10px 0;
width: auto;
max-width: 999px !important
}
.fadedTextField {
background-color: rgba(255,255,255,0.2);
border-color: rgba(0,0,0,0.08)
}
.fadedTextField:focus {
background: #fff
}
table {
width: 100% !important
}
ol,ul {
padding-left: 20px;
list-style-position: outside
}
ul {
list-style-type: square
}
ol {
list-style-type: decimal
}
[type=submit],.button,.page-home .content .home-login {
position: relative;
cursor: pointer;
font-weight: bold;
line-height: 1em;
text-decoration: none !important;
color: #111;
-webkit-tap-highlight-color: rgba(0,0,0,0);
-webkit-touch-callout: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
display: inline-block;
position: relative;
background-color: #eee;
-webkit-border-radius: 4px;
border-radius: 4px
}
[type=submit]:hover,.button:hover,.page-home .content .home-login:hover {
background-color: #eee
}
[type=submit].button-active,[type=submit].active,[type=submit]:active,html.touch [type=submit].pressed,.button.button-active,.page-home .content .button-active.home-login,.button.active,.page-home .content .active.home-login,.button:active,.page-home .content .home-login:active,html.touch .button.pressed,html.touch .page-home .content .pressed.home-login,.page-home .content html.touch .pressed.home-login {
background-color: #ddd
}
[type=submit],.button,.page-home .content .home-login {
border: 1px solid #bbb
}
[type=submit].button-active,[type=submit].active,[type=submit]:active,html.touch [type=submit].pressed,.button.button-active,.page-home .content .button-active.home-login,.button.active,.page-home .content .active.home-login,.button:active,.page-home .content .home-login:active,html.touch .button.pressed,html.touch .page-home .content .pressed.home-login,.page-home .content html.touch .pressed.home-login {
border-color: #a2a2a2
}
[type=button],[type=submit],.button,.page-home .content .home-login,.button-medium {
font-size: 14px;
font-size: 1.4rem;
padding: 7px 10px 8px;
-webkit-border-radius: 3px;
border-radius: 3px
}
.button-micro {
font-size: 12px;
font-size: 1.2rem;
padding: 4px 7px 4px;
-webkit-border-radius: 2px;
border-radius: 2px
}
.button-tiny,.tooltip a {
font-size: 12px;
font-size: 1.2rem;
padding: 6px 8px 5px;
-webkit-border-radius: 2px;
border-radius: 2px
}
.button-small,.card header .button,.card header .page-home .content .home-login,.page-home .content .card header .home-login,.card-info .button,.card-info .page-home .content .home-login,.page-home .content .card-info .home-login,.button-altsmall,.main form.adjacent span .button,.main form.adjacent span .page-home .content .home-login,.page-home .content .main form.adjacent span .home-login {
font-size: 12px;
font-size: 1.2rem;
padding: 7px 9px 6px
}
.button-large,.job-details header .button,.job-details header .page-home .content .home-login,.page-home .content .job-details header .home-login {
font-size: 16px;
font-size: 1.6rem;
padding: 9px 12px
}
.button-xlarge {
font-size: 23px;
font-size: 2.3rem;
padding: 10px 13px
}
[type=submit],[type=submit]:visited,.button,.page-home .content .home-login,.button:visited,.page-home .content .home-login:visited,.button-light,.card-info .button,.card-info .page-home .content .home-login,.page-home .content .card-info .home-login,.resumator-forward-button,.button-light:visited,.card-info .button:visited,.card-info .page-home .content .home-login:visited,.page-home .content .card-info .home-login:visited,.resumator-forward-button:visited {
color: #0f3556 !important
}
[type=submit]:hover,.button:hover,.page-home .content .home-login:hover,.button-light:hover,.card-info .button:hover,.card-info .page-home .content .home-login:hover,.page-home .content .card-info .home-login:hover,.resumator-forward-button:hover {
color: #062540 !important
}
[type=submit].button-active,[type=submit].active,[type=submit]:active,html.touch [type=submit].pressed,.button.button-active,.page-home .content .button-active.home-login,.button.active,.page-home .content .active.home-login,.button:active,.page-home .content .home-login:active,html.touch .button.pressed,html.touch .page-home .content .pressed.home-login,.page-home .content html.touch .pressed.home-login,.button-light.button-active,.card-info .button-active.button,.card-info .page-home .content .button-active.home-login,.page-home .content .card-info .button-active.home-login,.button-active.resumator-forward-button,.button-light.active,.card-info .active.button,.card-info .page-home .content .active.home-login,.page-home .content .card-info .active.home-login,.active.resumator-forward-button,.button-light:active,.card-info .button:active,.card-info .page-home .content .home-login:active,.page-home .content .card-info .home-login:active,.resumator-forward-button:active,html.touch .button-light.pressed,html.touch .card-info .pressed.button,.card-info html.touch .pressed.button,html.touch .card-info .page-home .content .pressed.home-login,.card-info .page-home .content html.touch .pressed.home-login,html.touch .page-home .content .card-info .pressed.home-login,.page-home .content .card-info html.touch .pressed.home-login,html.touch .pressed.resumator-forward-button {
color: #062540 !important
}
.button-grey,.button-grey:visited {
color: #666 !important
}
.button-grey:hover {
color: #444 !important
}
.button-grey.button-active,.button-grey.active,.button-grey:active,html.touch .button-grey.pressed {
color: #444 !important
}
.button-dark,.button-gray,.button-blue,.resumator-apply-button,.page-home .content .home-login,.button-brown,.button-red,.tooltip .button.negative,.tooltip .page-home .content .negative.home-login,.page-home .content .tooltip .negative.home-login,.resumator-apply-button[value="Cancel"],.button-darkred,.card header .negative,.button-green,.tooltip .button.positive,.tooltip .page-home .content .positive.home-login,.page-home .content .tooltip .positive.home-login,.button-yellow,.button-altblue,.button-headerblue,.card header .button,.card header .page-home .content .home-login,.page-home .content .card header .home-login,.button-altgreen,.job-details header .button,.job-details header .page-home .content .home-login,.page-home .content .job-details header .home-login,.button-dark:visited,.button-gray:visited,.button-blue:visited,.resumator-apply-button:visited,.page-home .content .home-login:visited,.button-brown:visited,.button-red:visited,.tooltip .button.negative:visited,.tooltip .page-home .content .negative.home-login:visited,.page-home .content .tooltip .negative.home-login:visited,.resumator-apply-button[value="Cancel"]:visited,.button-darkred:visited,.card header .negative:visited,.button-green:visited,.tooltip .button.positive:visited,.tooltip .page-home .content .positive.home-login:visited,.page-home .content .tooltip .positive.home-login:visited,.button-yellow:visited,.button-altblue:visited,.button-headerblue:visited,.card header .button:visited,.card header .page-home .content .home-login:visited,.page-home .content .card header .home-login:visited,.button-altgreen:visited,.job-details header .button:visited,.job-details header .page-home .content .home-login:visited,.page-home .content .job-details header .home-login:visited {
color: #fff !important
}
.button-dark:hover,.button-gray:hover,.button-blue:hover,.resumator-apply-button:hover,.page-home .content .home-login:hover,.button-brown:hover,.button-red:hover,.tooltip .button.negative:hover,.tooltip .page-home .content .negative.home-login:hover,.page-home .content .tooltip .negative.home-login:hover,.resumator-apply-button[value="Cancel"]:hover,.button-darkred:hover,.card header .negative:hover,.button-green:hover,.tooltip .button.positive:hover,.tooltip .page-home .content .positive.home-login:hover,.page-home .content .tooltip .positive.home-login:hover,.button-yellow:hover,.button-altblue:hover,.button-headerblue:hover,.card header .button:hover,.card header .page-home .content .home-login:hover,.page-home .content .card header .home-login:hover,.button-altgreen:hover,.job-details header .button:hover,.job-details header .page-home .content .home-login:hover,.page-home .content .job-details header .home-login:hover {
color: #fff !important
}
.button-dark.button-active,.button-active.button-gray,.button-active.button-blue,.button-active.resumator-apply-button,.page-home .content .button-active.home-login,.button-active.button-brown,.button-active.button-red,.tooltip .button-active.button.negative,.tooltip .page-home .content .button-active.negative.home-login,.page-home .content .tooltip .button-active.negative.home-login,.button-active.resumator-apply-button[value="Cancel"],.button-active.button-darkred,.card header .button-active.negative,.button-active.button-green,.tooltip .button-active.button.positive,.tooltip .page-home .content .button-active.positive.home-login,.page-home .content .tooltip .button-active.positive.home-login,.button-active.button-yellow,.button-active.button-altblue,.button-active.button-headerblue,.card header .button-active.button,.card header .page-home .content .button-active.home-login,.page-home .content .card header .button-active.home-login,.button-active.button-altgreen,.job-details header .button-active.button,.job-details header .page-home .content .button-active.home-login,.page-home .content .job-details header .button-active.home-login,.button-dark.active,.active.button-gray,.active.button-blue,.active.resumator-apply-button,.page-home .content .active.home-login,.active.button-brown,.active.button-red,.tooltip .active.button.negative,.tooltip .page-home .content .active.negative.home-login,.page-home .content .tooltip .active.negative.home-login,.active.resumator-apply-button[value="Cancel"],.active.button-darkred,.card header .active.negative,.active.button-green,.tooltip .active.button.positive,.tooltip .page-home .content .active.positive.home-login,.page-home .content .tooltip .active.positive.home-login,.active.button-yellow,.active.button-altblue,.active.button-headerblue,.card header .active.button,.card header .page-home .content .active.home-login,.page-home .content .card header .active.home-login,.active.button-altgreen,.job-details header .active.button,.job-details header .page-home .content .active.home-login,.page-home .content .job-details header .active.home-login,.button-dark:active,.button-gray:active,.button-blue:active,.resumator-apply-button:active,.page-home .content .home-login:active,.button-brown:active,.button-red:active,.tooltip .button.negative:active,.tooltip .page-home .content .negative.home-login:active,.page-home .content .tooltip .negative.home-login:active,.resumator-apply-button[value="Cancel"]:active,.button-darkred:active,.card header .negative:active,.button-green:active,.tooltip .button.positive:active,.tooltip .page-home .content .positive.home-login:active,.page-home .content .tooltip .positive.home-login:active,.button-yellow:active,.button-altblue:active,.button-headerblue:active,.card header .button:active,.card header .page-home .content .home-login:active,.page-home .content .card header .home-login:active,.button-altgreen:active,.job-details header .button:active,.job-details header .page-home .content .home-login:active,.page-home .content .job-details header .home-login:active,html.touch .button-dark.pressed,html.touch .pressed.button-gray,html.touch .pressed.button-blue,html.touch .pressed.resumator-apply-button,html.touch .page-home .content .pressed.home-login,.page-home .content html.touch .pressed.home-login,html.touch .pressed.button-brown,html.touch .pressed.button-red,html.touch .tooltip .pressed.button.negative,.tooltip html.touch .pressed.button.negative,html.touch .tooltip .page-home .content .pressed.negative.home-login,.tooltip .page-home .content html.touch .pressed.negative.home-login,html.touch .page-home .content .tooltip .pressed.negative.home-login,.page-home .content .tooltip html.touch .pressed.negative.home-login,html.touch .pressed.button-darkred,html.touch .card header .pressed.negative,.card header html.touch .pressed.negative,html.touch .pressed.button-green,html.touch .tooltip .pressed.button.positive,.tooltip html.touch .pressed.button.positive,html.touch .tooltip .page-home .content .pressed.positive.home-login,.tooltip .page-home .content html.touch .pressed.positive.home-login,html.touch .page-home .content .tooltip .pressed.positive.home-login,.page-home .content .tooltip html.touch .pressed.positive.home-login,html.touch .pressed.button-yellow,html.touch .pressed.button-altblue,html.touch .pressed.button-headerblue,html.touch .card header .pressed.button,.card header html.touch .pressed.button,html.touch .card header .page-home .content .pressed.home-login,.card header .page-home .content html.touch .pressed.home-login,html.touch .page-home .content .card header .pressed.home-login,.page-home .content .card header html.touch .pressed.home-login,html.touch .pressed.button-altgreen,html.touch .job-details header .pressed.button,.job-details header html.touch .pressed.button,html.touch .job-details header .page-home .content .pressed.home-login,.job-details header .page-home .content html.touch .pressed.home-login,html.touch .page-home .content .job-details header .pressed.home-login,.page-home .content .job-details header html.touch .pressed.home-login {
color: rgba(255,255,255,0.8) !important;
text-shadow: 0 1px 0 rgba(0,0,0,0.3) !important
}
.button-uppercase,.button-altsmall,.main form.adjacent span .button,.main form.adjacent span .page-home .content .home-login,.page-home .content .main form.adjacent span .home-login {
text-transform: uppercase
}
.button-icon {
text-indent: -9999em
}
.button-icon i {
display: block
}
.button-icon:active i,html.touch .button-icon.pressed i {
opacity: 0.8
}
.button-icon-left b {
padding-left: 24px
}
.button-icon-right b {
padding-right: 24px
}
.button-pulldown b,.card-info .button b,.card-info .page-home .content .home-login b,.page-home .content .card-info .home-login b {
padding-right: 14px;
background: url(../../images/glyphs/arrow-down-small.png) no-repeat 100% 50%
}
.button-light-context-light,[type=submit],.button,.page-home .content .home-login,.button-light,.card-info .button,.card-info .page-home .content .home-login,.page-home .content .card-info .home-login,.resumator-forward-button,.button-grey {
text-shadow: 0 1px 0 rgba(255,255,255,0.2);
-webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.08),             inset 1px 0 0 rgba(255,255,255,0.05),             inset -1px 0 0 rgba(255,255,255,0.05),             inset 0 1px 0 rgba(255,255,255,0.2)         ;
-moz-box-shadow: 0 1px 1px rgba(0,0,0,0.08),             inset 1px 0 0 rgba(255,255,255,0.05),             inset -1px 0 0 rgba(255,255,255,0.05),             inset 0 1px 0 rgba(255,255,255,0.2)         ;
box-shadow: 0 1px 1px rgba(0,0,0,0.08),             inset 1px 0 0 rgba(255,255,255,0.05),             inset -1px 0 0 rgba(255,255,255,0.05),             inset 0 1px 0 rgba(255,255,255,0.2)
}
.button-light-context-light.button-active,.button-active[type=submit],.button-active.button,.page-home .content .button-active.home-login,.button-active.button-light,.card-info .button-active.button,.card-info .page-home .content .button-active.home-login,.page-home .content .card-info .button-active.home-login,.button-active.resumator-forward-button,.button-active.button-grey,.button-light-context-light.active,.active[type=submit],.active.button,.page-home .content .active.home-login,.active.button-light,.card-info .active.button,.card-info .page-home .content .active.home-login,.page-home .content .card-info .active.home-login,.active.resumator-forward-button,.active.button-grey,.button-light-context-light:active,[type=submit]:active,.button:active,.page-home .content .home-login:active,.button-light:active,.card-info .button:active,.card-info .page-home .content .home-login:active,.page-home .content .card-info .home-login:active,.resumator-forward-button:active,.button-grey:active,html.touch .button-light-context-light.pressed,html.touch .pressed[type=submit],html.touch .pressed.button,html.touch .page-home .content .pressed.home-login,.page-home .content html.touch .pressed.home-login,html.touch .pressed.button-light,html.touch .card-info .page-home .content .pressed.home-login,.card-info .page-home .content html.touch .pressed.home-login,html.touch .page-home .content .card-info .pressed.home-login,.page-home .content .card-info html.touch .pressed.home-login,html.touch .pressed.resumator-forward-button,html.touch .pressed.button-grey {
-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.08),             inset 0 0 1px rgba(0,0,0,0.08),             0 1px 0 rgba(255,255,255,0.9)         ;
-moz-box-shadow: inset 0 1px 1px rgba(0,0,0,0.08),             inset 0 0 1px rgba(0,0,0,0.08),             0 1px 0 rgba(255,255,255,0.9)         ;
box-shadow: inset 0 1px 1px rgba(0,0,0,0.08),             inset 0 0 1px rgba(0,0,0,0.08),             0 1px 0 rgba(255,255,255,0.9)
}
.button-light-context-dark {
text-shadow: 0 1px 0 rgba(255,255,255,0.2);
-webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.3),             inset 1px 0 0 rgba(255,255,255,0.05),             inset -1px 0 0 rgba(255,255,255,0.05),             inset 0 1px 0 rgba(255,255,255,0.2)         ;
-moz-box-shadow: 0 1px 1px rgba(0,0,0,0.3),             inset 1px 0 0 rgba(255,255,255,0.05),             inset -1px 0 0 rgba(255,255,255,0.05),             inset 0 1px 0 rgba(255,255,255,0.2)         ;
box-shadow: 0 1px 1px rgba(0,0,0,0.3),             inset 1px 0 0 rgba(255,255,255,0.05),             inset -1px 0 0 rgba(255,255,255,0.05),             inset 0 1px 0 rgba(255,255,255,0.2)
}
.button-light-context-dark.button-active,.button-light-context-dark.active,.button-light-context-dark:active,html.touch .button-light-context-dark.pressed {
-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.15),             inset 0 0 1px rgba(0,0,0,0.15),             0 1px 0 rgba(255,255,255,0.3)         ;
-moz-box-shadow: inset 0 1px 1px rgba(0,0,0,0.15),             inset 0 0 1px rgba(0,0,0,0.15),             0 1px 0 rgba(255,255,255,0.3)         ;
box-shadow: inset 0 1px 1px rgba(0,0,0,0.15),             inset 0 0 1px rgba(0,0,0,0.15),             0 1px 0 rgba(255,255,255,0.3)
}
.button-dark-context-light,.button-blue,.resumator-apply-button,.page-home .content .home-login,.button-brown,.button-red,.tooltip .button.negative,.tooltip .page-home .content .negative.home-login,.page-home .content .tooltip .negative.home-login,.resumator-apply-button[value="Cancel"],.button-green,.tooltip .button.positive,.tooltip .page-home .content .positive.home-login,.page-home .content .tooltip .positive.home-login,.button-yellow,.button-altblue,.button-altgreen,.job-details header .button,.job-details header .page-home .content .home-login,.page-home .content .job-details header .home-login,.button-gray {
text-shadow: 0 1px 0 rgba(255,255,255,0.2);
-webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.1),             inset 1px 0 0 rgba(255,255,255,0.05),             inset -1px 0 0 rgba(255,255,255,0.05),             inset 0 1px 0 rgba(255,255,255,0.2)         ;
-moz-box-shadow: 0 1px 1px rgba(0,0,0,0.1),             inset 1px 0 0 rgba(255,255,255,0.05),             inset -1px 0 0 rgba(255,255,255,0.05),             inset 0 1px 0 rgba(255,255,255,0.2)         ;
box-shadow: 0 1px 1px rgba(0,0,0,0.1),             inset 1px 0 0 rgba(255,255,255,0.05),             inset -1px 0 0 rgba(255,255,255,0.05),             inset 0 1px 0 rgba(255,255,255,0.2)
}
.button-dark-context-light.button-active,.button-active.button-blue,.button-active.resumator-apply-button,.page-home .content .button-active.home-login,.button-active.button-brown,.button-active.button-red,.tooltip .button-active.button.negative,.tooltip .page-home .content .button-active.negative.home-login,.page-home .content .tooltip .button-active.negative.home-login,.button-active.resumator-apply-button[value="Cancel"],.button-active.button-green,.tooltip .button-active.button.positive,.tooltip .page-home .content .button-active.positive.home-login,.page-home .content .tooltip .button-active.positive.home-login,.button-active.button-yellow,.button-active.button-altblue,.button-active.button-altgreen,.job-details header .button-active.button,.job-details header .page-home .content .button-active.home-login,.page-home .content .job-details header .button-active.home-login,.button-active.button-gray,.button-dark-context-light.active,.active.button-blue,.active.resumator-apply-button,.page-home .content .active.home-login,.active.button-brown,.active.button-red,.tooltip .active.button.negative,.tooltip .page-home .content .active.negative.home-login,.page-home .content .tooltip .active.negative.home-login,.active.resumator-apply-button[value="Cancel"],.active.button-green,.tooltip .active.button.positive,.tooltip .page-home .content .active.positive.home-login,.page-home .content .tooltip .active.positive.home-login,.active.button-yellow,.active.button-altblue,.active.button-altgreen,.job-details header .active.button,.job-details header .page-home .content .active.home-login,.page-home .content .job-details header .active.home-login,.active.button-gray,.button-dark-context-light:active,.button-blue:active,.resumator-apply-button:active,.page-home .content .home-login:active,.button-brown:active,.button-red:active,.tooltip .button.negative:active,.tooltip .page-home .content .negative.home-login:active,.page-home .content .tooltip .negative.home-login:active,.resumator-apply-button[value="Cancel"]:active,.button-green:active,.tooltip .button.positive:active,.tooltip .page-home .content .positive.home-login:active,.page-home .content .tooltip .positive.home-login:active,.button-yellow:active,.button-altblue:active,.button-altgreen:active,.job-details header .button:active,.job-details header .page-home .content .home-login:active,.page-home .content .job-details header .home-login:active,.button-gray:active,html.touch .button-dark-context-light.pressed,html.touch .pressed.button-blue,html.touch .pressed.resumator-apply-button,html.touch .page-home .content .pressed.home-login,.page-home .content html.touch .pressed.home-login,html.touch .pressed.button-brown,html.touch .pressed.button-red,html.touch .tooltip .pressed.button.negative,.tooltip html.touch .pressed.button.negative,html.touch .tooltip .page-home .content .pressed.negative.home-login,.tooltip .page-home .content html.touch .pressed.negative.home-login,html.touch .page-home .content .tooltip .pressed.negative.home-login,.page-home .content .tooltip html.touch .pressed.negative.home-login,html.touch .pressed.button-green,html.touch .tooltip .pressed.button.positive,.tooltip html.touch .pressed.button.positive,html.touch .tooltip .page-home .content .pressed.positive.home-login,.tooltip .page-home .content html.touch .pressed.positive.home-login,html.touch .page-home .content .tooltip .pressed.positive.home-login,.page-home .content .tooltip html.touch .pressed.positive.home-login,html.touch .pressed.button-yellow,html.touch .pressed.button-altblue,html.touch .pressed.button-altgreen,html.touch .job-details header .pressed.button,.job-details header html.touch .pressed.button,html.touch .job-details header .page-home .content .pressed.home-login,.job-details header .page-home .content html.touch .pressed.home-login,html.touch .page-home .content .job-details header .pressed.home-login,.page-home .content .job-details header html.touch .pressed.home-login,html.touch .pressed.button-gray {
-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.15),             inset 0 0 1px rgba(0,0,0,0.15),             0 1px 0 rgba(255,255,255,0.8)         ;
-moz-box-shadow: inset 0 1px 1px rgba(0,0,0,0.15),             inset 0 0 1px rgba(0,0,0,0.15),             0 1px 0 rgba(255,255,255,0.8)         ;
box-shadow: inset 0 1px 1px rgba(0,0,0,0.15),             inset 0 0 1px rgba(0,0,0,0.15),             0 1px 0 rgba(255,255,255,0.8)
}
.button-dark-context-dark,.tooltip .button.positive,.tooltip .page-home .content .positive.home-login,.page-home .content .tooltip .positive.home-login,.tooltip .button.negative,.tooltip .page-home .content .negative.home-login,.page-home .content .tooltip .negative.home-login {
text-shadow: 0 1px 0 rgba(255,255,255,0.1);
-webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.3),             inset 1px 0 0 rgba(255,255,255,0.05),             inset -1px 0 0 rgba(255,255,255,0.05),             inset 0 1px 0 rgba(255,255,255,0.1)         ;
-moz-box-shadow: 0 1px 1px rgba(0,0,0,0.3),             inset 1px 0 0 rgba(255,255,255,0.05),             inset -1px 0 0 rgba(255,255,255,0.05),             inset 0 1px 0 rgba(255,255,255,0.1)         ;
box-shadow: 0 1px 1px rgba(0,0,0,0.3),             inset 1px 0 0 rgba(255,255,255,0.05),             inset -1px 0 0 rgba(255,255,255,0.05),             inset 0 1px 0 rgba(255,255,255,0.1)
}
.button-dark-context-dark.button-active,.tooltip .button-active.button.positive,.tooltip .page-home .content .button-active.positive.home-login,.page-home .content .tooltip .button-active.positive.home-login,.tooltip .button-active.button.negative,.tooltip .page-home .content .button-active.negative.home-login,.page-home .content .tooltip .button-active.negative.home-login,.button-dark-context-dark.active,.tooltip .active.button.positive,.tooltip .page-home .content .active.positive.home-login,.page-home .content .tooltip .active.positive.home-login,.tooltip .active.button.negative,.tooltip .page-home .content .active.negative.home-login,.page-home .content .tooltip .active.negative.home-login,.button-dark-context-dark:active,.tooltip .button.positive:active,.tooltip .page-home .content .positive.home-login:active,.page-home .content .tooltip .positive.home-login:active,.tooltip .button.negative:active,.tooltip .page-home .content .negative.home-login:active,.page-home .content .tooltip .negative.home-login:active,html.touch .button-dark-context-dark.pressed,html.touch .tooltip .pressed.button.positive,.tooltip html.touch .pressed.button.positive,html.touch .tooltip .page-home .content .pressed.positive.home-login,.tooltip .page-home .content html.touch .pressed.positive.home-login,html.touch .page-home .content .tooltip .pressed.positive.home-login,.page-home .content .tooltip html.touch .pressed.positive.home-login,html.touch .tooltip .pressed.button.negative,.tooltip html.touch .pressed.button.negative,html.touch .tooltip .page-home .content .pressed.negative.home-login,.tooltip .page-home .content html.touch .pressed.negative.home-login,html.touch .page-home .content .tooltip .pressed.negative.home-login,.page-home .content .tooltip html.touch .pressed.negative.home-login {
-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.15),             inset 0 0 1px rgba(0,0,0,0.15),             0 1px 0 rgba(255,255,255,0.3)         ;
-moz-box-shadow: inset 0 1px 1px rgba(0,0,0,0.15),             inset 0 0 1px rgba(0,0,0,0.15),             0 1px 0 rgba(255,255,255,0.3)         ;
box-shadow: inset 0 1px 1px rgba(0,0,0,0.15),             inset 0 0 1px rgba(0,0,0,0.15),             0 1px 0 rgba(255,255,255,0.3)
}
.inset-button,.inset-button-light-context-light {
text-shadow: 0 1px 0 rgba(0,0,0,0.08);
-webkit-box-shadow: 0 1px 0 rgba(255,255,255,0.6),             inset 0 1px 0 rgba(0,0,0,0.08)         ;
-moz-box-shadow: 0 1px 0 rgba(255,255,255,0.6),             inset 0 1px 0 rgba(0,0,0,0.08)         ;
box-shadow: 0 1px 0 rgba(255,255,255,0.6),             inset 0 1px 0 rgba(0,0,0,0.08)
}
.inset-button.button-active,.inset-button.active,.inset-button:active,html.touch .inset-button.pressed,.inset-button-light-context-light.button-active,.inset-button-light-context-light.active,.inset-button-light-context-light:active,html.touch .inset-button-light-context-light.pressed {
-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.05),             inset 0 0 1px rgba(0,0,0,0.05),             0 1px 0 rgba(255,255,255,0.6)         ;
-moz-box-shadow: inset 0 1px 1px rgba(0,0,0,0.05),             inset 0 0 1px rgba(0,0,0,0.05),             0 1px 0 rgba(255,255,255,0.6)         ;
box-shadow: inset 0 1px 1px rgba(0,0,0,0.05),             inset 0 0 1px rgba(0,0,0,0.05),             0 1px 0 rgba(255,255,255,0.6)
}
.inset-button-light-context-dark {
text-shadow: 0 1px 0 rgba(0,0,0,0.08);
-webkit-box-shadow: 0 1px 0 rgba(255,255,255,0.3),             inset 0 1px 0 rgba(0,0,0,0.08)         ;
-moz-box-shadow: 0 1px 0 rgba(255,255,255,0.3),             inset 0 1px 0 rgba(0,0,0,0.08)         ;
box-shadow: 0 1px 0 rgba(255,255,255,0.3),             inset 0 1px 0 rgba(0,0,0,0.08)
}
.inset-button-light-context-dark.button-active,.inset-button-light-context-dark.active,.inset-button-light-context-dark:active,html.touch .inset-button-light-context-dark.pressed {
-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.15),             inset 0 0 1px rgba(0,0,0,0.15),             0 1px 0 rgba(255,255,255,0.3)         ;
-moz-box-shadow: inset 0 1px 1px rgba(0,0,0,0.15),             inset 0 0 1px rgba(0,0,0,0.15),             0 1px 0 rgba(255,255,255,0.3)         ;
box-shadow: inset 0 1px 1px rgba(0,0,0,0.15),             inset 0 0 1px rgba(0,0,0,0.15),             0 1px 0 rgba(255,255,255,0.3)
}
.inset-button-dark-context-light {
text-shadow: 0 1px 0 rgba(0,0,0,0.08);
-webkit-box-shadow: 0 1px 0 rgba(255,255,255,0.8),             inset 0 1px 0 rgba(0,0,0,0.08)         ;
-moz-box-shadow: 0 1px 0 rgba(255,255,255,0.8),             inset 0 1px 0 rgba(0,0,0,0.08)         ;
box-shadow: 0 1px 0 rgba(255,255,255,0.8),             inset 0 1px 0 rgba(0,0,0,0.08)
}
.inset-button-dark-context-light.button-active,.inset-button-dark-context-light.active,.inset-button-dark-context-light:active,html.touch .inset-button-dark-context-light.pressed {
-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.15),             inset 0 0 1px rgba(0,0,0,0.15),             0 1px 0 rgba(255,255,255,0.8)         ;
-moz-box-shadow: inset 0 1px 1px rgba(0,0,0,0.15),             inset 0 0 1px rgba(0,0,0,0.15),             0 1px 0 rgba(255,255,255,0.8)         ;
box-shadow: inset 0 1px 1px rgba(0,0,0,0.15),             inset 0 0 1px rgba(0,0,0,0.15),             0 1px 0 rgba(255,255,255,0.8)
}
.inset-button-dark-context-dark,.card header .button,.card header .page-home .content .home-login,.page-home .content .card header .home-login,.card header .negative {
text-shadow: 0 1px 0 rgba(0,0,0,0.08);
-webkit-box-shadow: 0 1px 0 rgba(255,255,255,0.2),             inset 0 1px 0 rgba(0,0,0,0.08)         ;
-moz-box-shadow: 0 1px 0 rgba(255,255,255,0.2),             inset 0 1px 0 rgba(0,0,0,0.08)         ;
box-shadow: 0 1px 0 rgba(255,255,255,0.2),             inset 0 1px 0 rgba(0,0,0,0.08)
}
.inset-button-dark-context-dark.button-active,.card header .button-active.button,.card header .page-home .content .button-active.home-login,.page-home .content .card header .button-active.home-login,.card header .button-active.negative,.inset-button-dark-context-dark.active,.card header .active.button,.card header .page-home .content .active.home-login,.page-home .content .card header .active.home-login,.card header .active.negative,.inset-button-dark-context-dark:active,.card header .button:active,.card header .page-home .content .home-login:active,.page-home .content .card header .home-login:active,.card header .negative:active,html.touch .inset-button-dark-context-dark.pressed,html.touch .card header .pressed.button,.card header html.touch .pressed.button,html.touch .card header .page-home .content .pressed.home-login,.card header .page-home .content html.touch .pressed.home-login,html.touch .page-home .content .card header .pressed.home-login,.page-home .content .card header html.touch .pressed.home-login,html.touch .card header .pressed.negative,.card header html.touch .pressed.negative {
-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.15),             inset 0 0 1px rgba(0,0,0,0.15),             0 1px 0 rgba(255,255,255,0.2)         ;
-moz-box-shadow: inset 0 1px 1px rgba(0,0,0,0.15),             inset 0 0 1px rgba(0,0,0,0.15),             0 1px 0 rgba(255,255,255,0.2)         ;
box-shadow: inset 0 1px 1px rgba(0,0,0,0.15),             inset 0 0 1px rgba(0,0,0,0.15),             0 1px 0 rgba(255,255,255,0.2)
}
[type=submit],.button,.page-home .content .home-login,.button-light,.card-info .button,.card-info .page-home .content .home-login,.page-home .content .card-info .home-login,.resumator-forward-button {
background-color: #f9fafb;
background-image: url(../../images/shared/noise-1.png),-webkit-gradient(linear, left top, left bottom, from(#f9fafb), to(#eef1f4));
background-image: url(../../images/shared/noise-1.png),-webkit-linear-gradient(top, #f9fafb, #eef1f4);
background-image: url(../../images/shared/noise-1.png),-moz-linear-gradient(top, #f9fafb, #eef1f4);
background-image: url(../../images/shared/noise-1.png),-o-linear-gradient(top, #f9fafb, #eef1f4);
background-image: url(../../images/shared/noise-1.png),-ms-linear-gradient(top, #f9fafb, #eef1f4);
background-image: url(../../images/shared/noise-1.png),linear-gradient(top, #f9fafb, #eef1f4);
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#f9fafb', EndColorStr='#eef1f4');
background-position: 50% 50%
}
[type=submit].button-active,[type=submit].active,[type=submit]:active,html.touch [type=submit].pressed,.button.button-active,.page-home .content .button-active.home-login,.button.active,.page-home .content .active.home-login,.button:active,.page-home .content .home-login:active,html.touch .button.pressed,html.touch .page-home .content .pressed.home-login,.page-home .content html.touch .pressed.home-login,.button-light.button-active,.card-info .button-active.button,.card-info .page-home .content .button-active.home-login,.page-home .content .card-info .button-active.home-login,.button-active.resumator-forward-button,.button-light.active,.card-info .active.button,.card-info .page-home .content .active.home-login,.page-home .content .card-info .active.home-login,.active.resumator-forward-button,.button-light:active,.card-info .button:active,.card-info .page-home .content .home-login:active,.page-home .content .card-info .home-login:active,.resumator-forward-button:active,html.touch .button-light.pressed,html.touch .card-info .pressed.button,.card-info html.touch .pressed.button,html.touch .card-info .page-home .content .pressed.home-login,.card-info .page-home .content html.touch .pressed.home-login,html.touch .page-home .content .card-info .pressed.home-login,.page-home .content .card-info html.touch .pressed.home-login,html.touch .pressed.resumator-forward-button {
background: #e8ecf0
}
[type=submit],.button,.page-home .content .home-login,.button-light,.card-info .button,.card-info .page-home .content .home-login,.page-home .content .card-info .home-login,.resumator-forward-button {
border: 1px solid #c6daec
}
[type=submit].button-active,[type=submit].active,[type=submit]:active,html.touch [type=submit].pressed,.button.button-active,.page-home .content .button-active.home-login,.button.active,.page-home .content .active.home-login,.button:active,.page-home .content .home-login:active,html.touch .button.pressed,html.touch .page-home .content .pressed.home-login,.page-home .content html.touch .pressed.home-login,.button-light.button-active,.card-info .button-active.button,.card-info .page-home .content .button-active.home-login,.page-home .content .card-info .button-active.home-login,.button-active.resumator-forward-button,.button-light.active,.card-info .active.button,.card-info .page-home .content .active.home-login,.page-home .content .card-info .active.home-login,.active.resumator-forward-button,.button-light:active,.card-info .button:active,.card-info .page-home .content .home-login:active,.page-home .content .card-info .home-login:active,.resumator-forward-button:active,html.touch .button-light.pressed,html.touch .card-info .pressed.button,.card-info html.touch .pressed.button,html.touch .card-info .page-home .content .pressed.home-login,.card-info .page-home .content html.touch .pressed.home-login,html.touch .page-home .content .card-info .pressed.home-login,.page-home .content .card-info html.touch .pressed.home-login,html.touch .pressed.resumator-forward-button {
border-color: #b3cee6
}
.button-light,.card-info .button,.card-info .page-home .content .home-login,.page-home .content .card-info .home-login,.resumator-forward-button {
background-color: #fff;
background-image: url(../../images/shared/noise-1.png),-webkit-gradient(linear, left top, left bottom, from(#fff), to(#f9fafb));
background-image: url(../../images/shared/noise-1.png),-webkit-linear-gradient(top, #fff, #f9fafb);
background-image: url(../../images/shared/noise-1.png),-moz-linear-gradient(top, #fff, #f9fafb);
background-image: url(../../images/shared/noise-1.png),-o-linear-gradient(top, #fff, #f9fafb);
background-image: url(../../images/shared/noise-1.png),-ms-linear-gradient(top, #fff, #f9fafb);
background-image: url(../../images/shared/noise-1.png),linear-gradient(top, #fff, #f9fafb);
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#fff', EndColorStr='#f9fafb');
background-position: 50% 50%
}
.button-light.button-active,.card-info .button-active.button,.card-info .page-home .content .button-active.home-login,.page-home .content .card-info .button-active.home-login,.button-active.resumator-forward-button,.button-light.active,.card-info .active.button,.card-info .page-home .content .active.home-login,.page-home .content .card-info .active.home-login,.active.resumator-forward-button,.button-light:active,.card-info .button:active,.card-info .page-home .content .home-login:active,.page-home .content .card-info .home-login:active,.resumator-forward-button:active,html.touch .button-light.pressed,html.touch .card-info .pressed.button,.card-info html.touch .pressed.button,html.touch .card-info .page-home .content .pressed.home-login,.card-info .page-home .content html.touch .pressed.home-login,html.touch .page-home .content .card-info .pressed.home-login,.page-home .content .card-info html.touch .pressed.home-login,html.touch .pressed.resumator-forward-button {
background: #f3f5f7
}
.button-grey {
background-color: #eaeaea;
background-image: url(../../images/shared/noise-1.png),-webkit-gradient(linear, left top, left bottom, from(#eaeaea), to(#d6d6d6));
background-image: url(../../images/shared/noise-1.png),-webkit-linear-gradient(top, #eaeaea, #d6d6d6);
background-image: url(../../images/shared/noise-1.png),-moz-linear-gradient(top, #eaeaea, #d6d6d6);
background-image: url(../../images/shared/noise-1.png),-o-linear-gradient(top, #eaeaea, #d6d6d6);
background-image: url(../../images/shared/noise-1.png),-ms-linear-gradient(top, #eaeaea, #d6d6d6);
background-image: url(../../images/shared/noise-1.png),linear-gradient(top, #eaeaea, #d6d6d6);
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#eaeaea', EndColorStr='#d6d6d6');
background-position: 50% 50%;
text-shadow: 0 1px 0 rgba(255,255,255,0.6) !important
}
.button-grey.button-active,.button-grey.active,.button-grey:active,html.touch .button-grey.pressed {
background: #d1d1d1
}
.button-grey {
border: 1px solid #bbb
}
.button-grey.button-active,.button-grey.active,.button-grey:active,html.touch .button-grey.pressed {
border-color: #aaa
}
.button-gray {
background-color: #999;
background-image: url(../../images/shared/noise-1.png),-webkit-gradient(linear, left top, left bottom, from(#999), to(#888));
background-image: url(../../images/shared/noise-1.png),-webkit-linear-gradient(top, #999, #888);
background-image: url(../../images/shared/noise-1.png),-moz-linear-gradient(top, #999, #888);
background-image: url(../../images/shared/noise-1.png),-o-linear-gradient(top, #999, #888);
background-image: url(../../images/shared/noise-1.png),-ms-linear-gradient(top, #999, #888);
background-image: url(../../images/shared/noise-1.png),linear-gradient(top, #999, #888);
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#999', EndColorStr='#888');
background-position: 50% 50%;
text-shadow: 0 1px 0 rgba(0,0,0,0.4) !important
}
.button-gray.button-active,.button-gray.active,.button-gray:active,html.touch .button-gray.pressed {
background: #838383
}
.button-gray {
border: 1px solid #777
}
.button-gray.button-active,.button-gray.active,.button-gray:active,html.touch .button-gray.pressed {
border-color: #666
}
.button-blue,.resumator-apply-button,.page-home .content .home-login {
background-color: #6f97b6;
background-image: url(../../images/shared/noise-1.png),-webkit-gradient(linear, left top, left bottom, from(#6f97b6), to(#3f729b));
background-image: url(../../images/shared/noise-1.png),-webkit-linear-gradient(top, #6f97b6, #3f729b);
background-image: url(../../images/shared/noise-1.png),-moz-linear-gradient(top, #6f97b6, #3f729b);
background-image: url(../../images/shared/noise-1.png),-o-linear-gradient(top, #6f97b6, #3f729b);
background-image: url(../../images/shared/noise-1.png),-ms-linear-gradient(top, #6f97b6, #3f729b);
background-image: url(../../images/shared/noise-1.png),linear-gradient(top, #6f97b6, #3f729b);
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#6f97b6', EndColorStr='#3f729b');
background-position: 50% 50%;
text-shadow: 0 1px 1px #1c5380
}
.button-blue.button-active,.button-active.resumator-apply-button,.page-home .content .button-active.home-login,.button-blue.active,.active.resumator-apply-button,.page-home .content .active.home-login,.button-blue:active,.resumator-apply-button:active,.page-home .content .home-login:active,html.touch .button-blue.pressed,html.touch .pressed.resumator-apply-button,html.touch .page-home .content .pressed.home-login,.page-home .content html.touch .pressed.home-login {
background: #3c6d94
}
.button-blue,.resumator-apply-button,.page-home .content .home-login {
border: 1px solid #1c5380
}
.button-blue.button-active,.button-active.resumator-apply-button,.page-home .content .button-active.home-login,.button-blue.active,.active.resumator-apply-button,.page-home .content .active.home-login,.button-blue:active,.resumator-apply-button:active,.page-home .content .home-login:active,html.touch .button-blue.pressed,html.touch .pressed.resumator-apply-button,html.touch .page-home .content .pressed.home-login,.page-home .content html.touch .pressed.home-login {
border-color: #133856
}
.button-brown {
background-color: #8f6a58;
background-image: url(../../images/shared/noise-1.png),-webkit-gradient(linear, left top, left bottom, from(#8f6a58), to(#6c4634));
background-image: url(../../images/shared/noise-1.png),-webkit-linear-gradient(top, #8f6a58, #6c4634);
background-image: url(../../images/shared/noise-1.png),-moz-linear-gradient(top, #8f6a58, #6c4634);
background-image: url(../../images/shared/noise-1.png),-o-linear-gradient(top, #8f6a58, #6c4634);
background-image: url(../../images/shared/noise-1.png),-ms-linear-gradient(top, #8f6a58, #6c4634);
background-image: url(../../images/shared/noise-1.png),linear-gradient(top, #8f6a58, #6c4634);
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#8f6a58', EndColorStr='#6c4634');
background-position: 50% 50%;
text-shadow: 0 1px 1px #6c4634
}
.button-brown.button-active,.button-brown.active,.button-brown:active,html.touch .button-brown.pressed {
background: #654231
}
.button-brown {
border: 1px solid #6c4634
}
.button-brown.button-active,.button-brown.active,.button-brown:active,html.touch .button-brown.pressed {
border-color: #4a3023
}
.button-red,.tooltip .button.negative,.tooltip .page-home .content .negative.home-login,.page-home .content .tooltip .negative.home-login,.resumator-apply-button[value="Cancel"] {
background-color: #e8485f;
background-image: url(../../images/shared/noise-1.png),-webkit-gradient(linear, left top, left bottom, from(#e8485f), to(#b72e42));
background-image: url(../../images/shared/noise-1.png),-webkit-linear-gradient(top, #e8485f, #b72e42);
background-image: url(../../images/shared/noise-1.png),-moz-linear-gradient(top, #e8485f, #b72e42);
background-image: url(../../images/shared/noise-1.png),-o-linear-gradient(top, #e8485f, #b72e42);
background-image: url(../../images/shared/noise-1.png),-ms-linear-gradient(top, #e8485f, #b72e42);
background-image: url(../../images/shared/noise-1.png),linear-gradient(top, #e8485f, #b72e42);
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#e8485f', EndColorStr='#b72e42');
background-position: 50% 50%;
text-shadow: 0 1px 1px #b72e42
}
.button-red.button-active,.tooltip .button-active.button.negative,.tooltip .page-home .content .button-active.negative.home-login,.page-home .content .tooltip .button-active.negative.home-login,.button-active.resumator-apply-button[value="Cancel"],.button-red.active,.tooltip .active.button.negative,.tooltip .page-home .content .active.negative.home-login,.page-home .content .tooltip .active.negative.home-login,.active.resumator-apply-button[value="Cancel"],.button-red:active,.tooltip .button.negative:active,.tooltip .page-home .content .negative.home-login:active,.page-home .content .tooltip .negative.home-login:active,.resumator-apply-button[value="Cancel"]:active,html.touch .button-red.pressed,html.touch .tooltip .pressed.button.negative,.tooltip html.touch .pressed.button.negative,html.touch .tooltip .page-home .content .pressed.negative.home-login,.tooltip .page-home .content html.touch .pressed.negative.home-login,html.touch .page-home .content .tooltip .pressed.negative.home-login,.page-home .content .tooltip html.touch .pressed.negative.home-login,html.touch .pressed.resumator-apply-button[value="Cancel"] {
background: #af2c3f
}
.button-red,.tooltip .button.negative,.tooltip .page-home .content .negative.home-login,.page-home .content .tooltip .negative.home-login,.resumator-apply-button[value="Cancel"] {
border: 1px solid #b72e42
}
.button-red.button-active,.tooltip .button-active.button.negative,.tooltip .page-home .content .button-active.negative.home-login,.page-home .content .tooltip .button-active.negative.home-login,.button-active.resumator-apply-button[value="Cancel"],.button-red.active,.tooltip .active.button.negative,.tooltip .page-home .content .active.negative.home-login,.page-home .content .tooltip .active.negative.home-login,.active.resumator-apply-button[value="Cancel"],.button-red:active,.tooltip .button.negative:active,.tooltip .page-home .content .negative.home-login:active,.page-home .content .tooltip .negative.home-login:active,.resumator-apply-button[value="Cancel"]:active,html.touch .button-red.pressed,html.touch .tooltip .pressed.button.negative,.tooltip html.touch .pressed.button.negative,html.touch .tooltip .page-home .content .pressed.negative.home-login,.tooltip .page-home .content html.touch .pressed.negative.home-login,html.touch .page-home .content .tooltip .pressed.negative.home-login,.page-home .content .tooltip html.touch .pressed.negative.home-login,html.touch .pressed.resumator-apply-button[value="Cancel"] {
border-color: #8e2433
}
.button-darkred,.card header .negative {
background-color: #c6213a;
background-image: url(../../images/shared/noise-1.png),-webkit-gradient(linear, left top, left bottom, from(#c6213a), to(#961427));
background-image: url(../../images/shared/noise-1.png),-webkit-linear-gradient(top, #c6213a, #961427);
background-image: url(../../images/shared/noise-1.png),-moz-linear-gradient(top, #c6213a, #961427);
background-image: url(../../images/shared/noise-1.png),-o-linear-gradient(top, #c6213a, #961427);
background-image: url(../../images/shared/noise-1.png),-ms-linear-gradient(top, #c6213a, #961427);
background-image: url(../../images/shared/noise-1.png),linear-gradient(top, #c6213a, #961427);
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#c6213a', EndColorStr='#961427');
background-position: 50% 50%;
text-shadow: 0 1px 1px #961427
}
.button-darkred.button-active,.card header .button-active.negative,.button-darkred.active,.card header .active.negative,.button-darkred:active,.card header .negative:active,html.touch .button-darkred.pressed,html.touch .card header .pressed.negative,.card header html.touch .pressed.negative {
background: #8d1325
}
.button-darkred,.card header .negative {
border: 1px solid #961427
}
.button-darkred.button-active,.card header .button-active.negative,.button-darkred.active,.card header .active.negative,.button-darkred:active,.card header .negative:active,html.touch .button-darkred.pressed,html.touch .card header .pressed.negative,.card header html.touch .pressed.negative {
border-color: #690e1b
}
.button-green,.tooltip .button.positive,.tooltip .page-home .content .positive.home-login,.page-home .content .tooltip .positive.home-login {
background-color: #6bb38a;
background-image: url(../../images/shared/noise-1.png),-webkit-gradient(linear, left top, left bottom, from(#6bb38a), to(#3d8b5f));
background-image: url(../../images/shared/noise-1.png),-webkit-linear-gradient(top, #6bb38a, #3d8b5f);
background-image: url(../../images/shared/noise-1.png),-moz-linear-gradient(top, #6bb38a, #3d8b5f);
background-image: url(../../images/shared/noise-1.png),-o-linear-gradient(top, #6bb38a, #3d8b5f);
background-image: url(../../images/shared/noise-1.png),-ms-linear-gradient(top, #6bb38a, #3d8b5f);
background-image: url(../../images/shared/noise-1.png),linear-gradient(top, #6bb38a, #3d8b5f);
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#6bb38a', EndColorStr='#3d8b5f');
background-position: 50% 50%;
text-shadow: 0 1px 1px #1e693f
}
.button-green.button-active,.tooltip .button-active.button.positive,.tooltip .page-home .content .button-active.positive.home-login,.page-home .content .tooltip .button-active.positive.home-login,.button-green.active,.tooltip .active.button.positive,.tooltip .page-home .content .active.positive.home-login,.page-home .content .tooltip .active.positive.home-login,.button-green:active,.tooltip .button.positive:active,.tooltip .page-home .content .positive.home-login:active,.page-home .content .tooltip .positive.home-login:active,html.touch .button-green.pressed,html.touch .tooltip .pressed.button.positive,.tooltip html.touch .pressed.button.positive,html.touch .tooltip .page-home .content .pressed.positive.home-login,.tooltip .page-home .content html.touch .pressed.positive.home-login,html.touch .page-home .content .tooltip .pressed.positive.home-login,.page-home .content .tooltip html.touch .pressed.positive.home-login {
background: #3a845a
}
.button-green,.tooltip .button.positive,.tooltip .page-home .content .positive.home-login,.page-home .content .tooltip .positive.home-login {
border: 1px solid #3d8b5f
}
.button-green.button-active,.tooltip .button-active.button.positive,.tooltip .page-home .content .button-active.positive.home-login,.page-home .content .tooltip .button-active.positive.home-login,.button-green.active,.tooltip .active.button.positive,.tooltip .page-home .content .active.positive.home-login,.page-home .content .tooltip .active.positive.home-login,.button-green:active,.tooltip .button.positive:active,.tooltip .page-home .content .positive.home-login:active,.page-home .content .tooltip .positive.home-login:active,html.touch .button-green.pressed,html.touch .tooltip .pressed.button.positive,.tooltip html.touch .pressed.button.positive,html.touch .tooltip .page-home .content .pressed.positive.home-login,.tooltip .page-home .content html.touch .pressed.positive.home-login,html.touch .page-home .content .tooltip .pressed.positive.home-login,.page-home .content .tooltip html.touch .pressed.positive.home-login {
border-color: #2d6847
}
.button-yellow {
background-color: #c9981a;
background-image: url(../../images/shared/noise-1.png),-webkit-gradient(linear, left top, left bottom, from(#c9981a), to(#a07711));
background-image: url(../../images/shared/noise-1.png),-webkit-linear-gradient(top, #c9981a, #a07711);
background-image: url(../../images/shared/noise-1.png),-moz-linear-gradient(top, #c9981a, #a07711);
background-image: url(../../images/shared/noise-1.png),-o-linear-gradient(top, #c9981a, #a07711);
background-image: url(../../images/shared/noise-1.png),-ms-linear-gradient(top, #c9981a, #a07711);
background-image: url(../../images/shared/noise-1.png),linear-gradient(top, #c9981a, #a07711);
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#c9981a', EndColorStr='#a07711');
background-position: 50% 50%;
text-shadow: 0 1px 1px #a07711
}
.button-yellow.button-active,.button-yellow.active,.button-yellow:active,html.touch .button-yellow.pressed {
background: #977010
}
.button-yellow {
border: 1px solid #a07711
}
.button-yellow.button-active,.button-yellow.active,.button-yellow:active,html.touch .button-yellow.pressed {
border-color: #72550c
}
.button-altblue {
background-color: #5daaf3;
background-image: url(../../images/shared/noise-1.png),-webkit-gradient(linear, left top, left bottom, from(#5daaf3), to(#2a85de));
background-image: url(../../images/shared/noise-1.png),-webkit-linear-gradient(top, #5daaf3, #2a85de);
background-image: url(../../images/shared/noise-1.png),-moz-linear-gradient(top, #5daaf3, #2a85de);
background-image: url(../../images/shared/noise-1.png),-o-linear-gradient(top, #5daaf3, #2a85de);
background-image: url(../../images/shared/noise-1.png),-ms-linear-gradient(top, #5daaf3, #2a85de);
background-image: url(../../images/shared/noise-1.png),linear-gradient(top, #5daaf3, #2a85de);
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#5daaf3', EndColorStr='#2a85de');
background-position: 50% 50%;
text-shadow: 0 1px 1px #2a85de
}
.button-altblue.button-active,.button-altblue.active,.button-altblue:active,html.touch .button-altblue.pressed {
background: #2280dc
}
.button-altblue {
border: 1px solid #2a85de
}
.button-altblue.button-active,.button-altblue.active,.button-altblue:active,html.touch .button-altblue.pressed {
border-color: #1d6bb8
}
.button-headerblue,.card header .button,.card header .page-home .content .home-login,.page-home .content .card header .home-login {
background-color: #517fa4;
background-image: url(../../images/shared/noise-1.png),-webkit-gradient(linear, left top, left bottom, from(#517fa4), to(#306088));
background-image: url(../../images/shared/noise-1.png),-webkit-linear-gradient(top, #517fa4, #306088);
background-image: url(../../images/shared/noise-1.png),-moz-linear-gradient(top, #517fa4, #306088);
background-image: url(../../images/shared/noise-1.png),-o-linear-gradient(top, #517fa4, #306088);
background-image: url(../../images/shared/noise-1.png),-ms-linear-gradient(top, #517fa4, #306088);
background-image: url(../../images/shared/noise-1.png),linear-gradient(top, #517fa4, #306088);
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#517fa4', EndColorStr='#306088');
background-position: 50% 50%;
text-shadow: 0 1px 1px #06365f
}
.button-headerblue.button-active,.card header .button-active.button,.card header .page-home .content .button-active.home-login,.page-home .content .card header .button-active.home-login,.button-headerblue.active,.card header .active.button,.card header .page-home .content .active.home-login,.page-home .content .card header .active.home-login,.button-headerblue:active,.card header .button:active,.card header .page-home .content .home-login:active,.page-home .content .card header .home-login:active,html.touch .button-headerblue.pressed,html.touch .card header .pressed.button,.card header html.touch .pressed.button,html.touch .card header .page-home .content .pressed.home-login,.card header .page-home .content html.touch .pressed.home-login,html.touch .page-home .content .card header .pressed.home-login,.page-home .content .card header html.touch .pressed.home-login {
background: #2d5b80
}
.button-headerblue,.card header .button,.card header .page-home .content .home-login,.page-home .content .card header .home-login {
border: 1px solid #06365f
}
.button-headerblue.button-active,.card header .button-active.button,.card header .page-home .content .button-active.home-login,.page-home .content .card header .button-active.home-login,.button-headerblue.active,.card header .active.button,.card header .page-home .content .active.home-login,.page-home .content .card header .active.home-login,.button-headerblue:active,.card header .button:active,.card header .page-home .content .home-login:active,.page-home .content .card header .home-login:active,html.touch .button-headerblue.pressed,html.touch .card header .pressed.button,.card header html.touch .pressed.button,html.touch .card header .page-home .content .pressed.home-login,.card header .page-home .content html.touch .pressed.home-login,html.touch .page-home .content .card header .pressed.home-login,.page-home .content .card header html.touch .pressed.home-login {
border-color: #031b2f
}
.button-altgreen,.job-details header .button,.job-details header .page-home .content .home-login,.page-home .content .job-details header .home-login {
background-color: #47bc60;
background-image: url(../../images/shared/noise-1.png),-webkit-gradient(linear, left top, left bottom, from(#47bc60), to(#39a64e));
background-image: url(../../images/shared/noise-1.png),-webkit-linear-gradient(top, #47bc60, #39a64e);
background-image: url(../../images/shared/noise-1.png),-moz-linear-gradient(top, #47bc60, #39a64e);
background-image: url(../../images/shared/noise-1.png),-o-linear-gradient(top, #47bc60, #39a64e);
background-image: url(../../images/shared/noise-1.png),-ms-linear-gradient(top, #47bc60, #39a64e);
background-image: url(../../images/shared/noise-1.png),linear-gradient(top, #47bc60, #39a64e);
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#47bc60', EndColorStr='#39a64e');
background-position: 50% 50%;
text-shadow: 0 1px 1px #2c803c
}
.button-altgreen.button-active,.job-details header .button-active.button,.job-details header .page-home .content .button-active.home-login,.page-home .content .job-details header .button-active.home-login,.button-altgreen.active,.job-details header .active.button,.job-details header .page-home .content .active.home-login,.page-home .content .job-details header .active.home-login,.button-altgreen:active,.job-details header .button:active,.job-details header .page-home .content .home-login:active,.page-home .content .job-details header .home-login:active,html.touch .button-altgreen.pressed,html.touch .job-details header .pressed.button,.job-details header html.touch .pressed.button,html.touch .job-details header .page-home .content .pressed.home-login,.job-details header .page-home .content html.touch .pressed.home-login,html.touch .page-home .content .job-details header .pressed.home-login,.page-home .content .job-details header html.touch .pressed.home-login {
background: #369e4a
}
.button-altgreen,.job-details header .button,.job-details header .page-home .content .home-login,.page-home .content .job-details header .home-login {
border: 1px solid #329345
}
.button-altgreen.button-active,.job-details header .button-active.button,.job-details header .page-home .content .button-active.home-login,.page-home .content .job-details header .button-active.home-login,.button-altgreen.active,.job-details header .active.button,.job-details header .page-home .content .active.home-login,.page-home .content .job-details header .active.home-login,.button-altgreen:active,.job-details header .button:active,.job-details header .page-home .content .home-login:active,.page-home .content .job-details header .home-login:active,html.touch .button-altgreen.pressed,html.touch .job-details header .pressed.button,.job-details header html.touch .pressed.button,html.touch .job-details header .page-home .content .pressed.home-login,.job-details header .page-home .content html.touch .pressed.home-login,html.touch .page-home .content .job-details header .pressed.home-login,.page-home .content .job-details header html.touch .pressed.home-login {
border-color: #256d33
}
.img-outset,.img-inset {
background: none
}
.img-outset img,.img-inset img {
width: auto;
display: block;
visibility: visible
}
.imgContainer {
position: relative;
display: block
}
.imgImg {
background-size: 100% 100%
}
.imgLoading .imgImg {
opacity: 0
}
.imgLoaded .imgImg {
opacity: 1
}
.imgLoaded.imgWithTransition .imgImg {
-webkit-transition: opacity 2s;
-moz-transition: opacity 2s;
-o-transition: opacity 2s;
transition: opacity 2s
}
.imgIndicator {
bottom: 0;
display: none;
left: 0;
position: absolute;
right: 0;
top: 0;
z-index: 1
}
.imgLoadingIndicator .imgIndicator {
display: block
}
.img,.img-outset,.img-inset {
position: relative;
display: inline-block
}
.img b,.img-outset b,.img-inset b {
position: absolute;
top: 0;
left: 0;
display: block;
width: 100%;
height: 100%
}
.img img,.img-outset img,.img-inset img {
display: block
}
.img-outset,.img-inset {
-webkit-border-radius: 3px;
border-radius: 3px;
background: no-repeat 0 0;
-webkit-background-size: 100%;
background-size: 100%
}
.img-outset b,.img-inset b {
-webkit-border-radius: 2px;
border-radius: 2px
}
.img-outset img,.img-inset img {
display: block
}
span.img-inset {
-webkit-box-shadow: 0 1px 0 rgba(255,255,255,0.4), 0 1px 0 1px rgba(255,255,255,0.1);
-moz-box-shadow: 0 1px 0 rgba(255,255,255,0.4), 0 1px 0 1px rgba(255,255,255,0.1);
box-shadow: 0 1px 0 rgba(255,255,255,0.4), 0 1px 0 1px rgba(255,255,255,0.1)
}
span.img-inset b {
-webkit-box-shadow: inset 0 0 0 1px rgba(0,0,0,.15), inset 0 0 2px 0 rgba(0,0,0,.2);
-moz-box-shadow: inset 0 0 0 1px rgba(0,0,0,.15), inset 0 0 2px 0 rgba(0,0,0,.2);
box-shadow: inset 0 0 0 1px rgba(0,0,0,.15), inset 0 0 2px 0 rgba(0,0,0,.2)
}
span.img-outset {
-webkit-box-shadow: 0 0 0 1px rgba(0,0,0,.1), 0 1px 2px rgba(0,0,0,.2);
-moz-box-shadow: 0 0 0 1px rgba(0,0,0,.1), 0 1px 2px rgba(0,0,0,.2);
box-shadow: 0 0 0 1px rgba(0,0,0,.1), 0 1px 2px rgba(0,0,0,.2)
}
span.img-outset b {
-webkit-box-shadow: inset 0 0 0 1px rgba(255,255,255,.1), inset 0 1px 0 rgba(255,255,255,.3);
-moz-box-shadow: inset 0 0 0 1px rgba(255,255,255,.1), inset 0 1px 0 rgba(255,255,255,.3);
box-shadow: inset 0 0 0 1px rgba(255,255,255,.1), inset 0 1px 0 rgba(255,255,255,.3)
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {span.img-outset {
-webkit-box-shadow: 0 0 0 1px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.1);
-moz-box-shadow: 0 0 0 1px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.1);
box-shadow: 0 0 0 1px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.1)
}

}
.avatar-xsmall,.top-bar-actions>li img,.avatar-xsmall img,.top-bar-actions>li img img {
width: 22px;
height: 22px
}
.avatar-small,.avatar-small img {
width: 30px;
height: 30px
}
.avatar-medium,.avatar-medium img {
width: 40px;
height: 40px
}
.avatar-medium,.avatar-medium b {
-webkit-border-radius: 4px;
border-radius: 4px
}
.avatar-large,.avatar-large img {
width: 70px;
height: 70px
}
.avatar-large,.avatar-large b {
-webkit-border-radius: 4px;
border-radius: 4px
}
.avatar-profile,.avatar-profile img {
width: 110px;
height: 110px
}
.avatar-profile,.avatar-profile b {
-webkit-border-radius: 3px;
border-radius: 3px
}
.root {
height: 100%;
min-width: 320px
}
.page,.dialog-outer {
position: relative;
min-height: 100%
}
.page-footer {
position: relative;
margin-top: -48px;
z-index: 20
}
.hidden {
display: none
}
.wrapper {
width: 992px;
margin: 0 auto;
padding: 0 16px;
position: relative
}
.top-bar {
position: relative;
height: 46px;
width:100%;
border-bottom: 1px solid #1c5380;
border-bottom-color: rgba(4,40,71,0.8);
-webkit-box-shadow: 0 1px 0 rgba(111,151,182,0.5) inset, 0 -1px 0 rgba(111,151,182,0.2) inset, 0px 1px 1px rgba(0,0,0,.2);
-moz-box-shadow: 0 1px 0 rgba(111,151,182,0.5) inset, 0 -1px 0 rgba(111,151,182,0.2) inset, 0px 1px 1px rgba(0,0,0,.2);
box-shadow: 0 1px 0 rgba(111,151,182,0.5) inset, 0 -1px 0 rgba(111,151,182,0.2) inset, 0px 1px 1px rgba(0,0,0,.2);
background: url("../img/topbarbg.png") repeat-x scroll left top #517FA4;
z-index: 100
}
.top-bar hgroup {
position: relative;
height: 44px
}
.top-bar .logo {
height: 35px;
width: 160px;
line-height:30px;
position: absolute;
top: 4px;
margin: 0;
font-size:30px;
}
.top-bar .logo a {
	color: #FFFFFF;
	display: block;
	height: 100%;
	text-shadow: 1px 2px 0 rgba(5, 28, 44, 0.6);
}
.top-bar h2 {
position: absolute;
top: 7px;
left: 120px;
margin: 0
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {.top-bar {
background-color: #517fa4;
-webkit-background-size: 30px 20px, auto;
background-size: 30px 20px, auto
}
.top-bar .logo {
-webkit-background-size: 96px 33px;
background-size: 96px 33px;
top: 6px
}

}
.page-footer {
clear: both;
overflow: hidden;
padding: 8px 0 7px;
border-top: 1px solid #ddd;
background: #fff;
text-align: center
}
.page-footer nav,.page-footer nav ul,.page-footer .copyright {
margin: 0;
padding: 0
}
.page-footer nav,.page-footer .copyright,.page-footer li {
display: inline-block
}
.page-footer li {
margin: 0
}
.page-footer a {
display: block;
padding: 8px 6px
}
.page-footer .copyright {
padding: 8px 6px;
margin: 0 0 0 8px
}
.page-footer-chromeless,.page-footer-dark,.page-home .page-footer {
background: none;
border: none
}
.inset-avatar .inset-avatar-border {
float: left;
width: 22px;
height: 22px;
margin: -1px 8px 0 0;
-webkit-border-radius: 2px;
border-radius: 2px;
-webkit-box-shadow: 0 1px 2px #06365f;
-moz-box-shadow: 0 1px 2px #06365f;
box-shadow: 0 1px 2px #06365f
}
.inset-avatar .inset-avatar-border .inset-avatar-frame {
width: 22px;
height: 22px;
-webkit-border-radius: 2px;
border-radius: 2px;
-webkit-box-shadow: inset 0 0 1px rgba(255, 255, 255, 0.8);
-moz-box-shadow: inset 0 0 1px rgba(255, 255, 255, 0.8);
box-shadow: inset 0 0 1px rgba(255, 255, 255, 0.8);
position: absolute;
z-index: 100
}
.inset-avatar .inset-avatar-border img {
width: 22px !important;
-webkit-border-radius: 2px;
border-radius: 2px
}
.top-bar-actions {
margin: 0;
padding: 0;
border-right: 1px solid #5786aa;
border-right-color: rgba(255,255,255,0.1);
border-left: 1px solid #06365f;
border-left-color: rgba(0,0,0,0.1)
}
.top-bar-actions>li {
position: relative;
float: left;
display: inline;
margin: 0
}
.top-bar-actions>li>a {
position: relative;
display: block;
height: 20px;
padding: 11px 11px 13px 12px;
border-right: 1px solid #06365f;
border-right-color: rgba(0,0,0,0.1);
-webkit-box-shadow: inset 1px 0 0 rgba(255,255,255,.1);
-moz-box-shadow: inset 1px 0 0 rgba(255,255,255,.1);
box-shadow: inset 1px 0 0 rgba(255,255,255,.1);
text-shadow: 0 1px 0 rgba(3,27,47,0.5);
-webkit-tap-highlight-color: rgba(0,0,0,0)
}
.top-bar-actions>li>a i {
display: block;
float: left;
height: 28px;
width: 28px;
margin: -5px 4px 0 -8px
}
.top-bar-actions>li>a:hover {
background: url(../../images/alpha/fff_10.png);
background: rgba(255,255,255,0.1);
border-right-color: rgba(0,0,0,0.15)
}
.top-bar-actions>li>a.link-active,.top-bar-actions>li>a:active,html.touch .top-bar-actions>li>a.pressed {
border-left: none;
background-color: #1c5380;
background-color: rgba(6,54,95,0.35);
-webkit-box-shadow: -1px 0 0 rgba(255,255,255,.15), inset 0 0 1px rgba(6,54,95,0.4), inset 1px 0 1px rgba(6,54,95,0.4);
-moz-box-shadow: -1px 0 0 rgba(255,255,255,.15), inset 0 0 1px rgba(6,54,95,0.4), inset 1px 0 1px rgba(6,54,95,0.4);
box-shadow: -1px 0 0 rgba(255,255,255,.15), inset 0 0 1px rgba(6,54,95,0.4), inset 1px 0 1px rgba(6,54,95,0.4)
}
.top-bar-actions>li .img-outset {
float: left;
display: inline;
margin: -2px 10px 1px -1px
}
.top-bar-actions>li img {
width: 24px;
height: 24px;
visibility: hidden
}
.top-bar-actions .link-signin i {
background: url(../../images/shared/glyph-assets.png) no-repeat 2px 3px
}
.top-bar-actions .link-settings i {
background: url(../../images/shared/glyph-assets.png) no-repeat 3px -196px
}
.top-bar-actions .link-open-instagram i {
width: 26px;
height: 28px;
margin-left: 1px !important;
background: url(../../images/shared/glyph-assets.png) no-repeat 0px -399px
}
.top-bar-actions .link-open-instagram strong {
position: relative;
color: #e5ebf0;
top: -1px
}
.account-state {
position: absolute;
top: 0;
right: 15px
}
.account-state p,.account-state .top-bar-actions {
float: right;
display: inline
}
.account-state p {
padding: 8px 0 0 15px;
text-shadow: 0 1px 0 rgba(0,0,0,0.3)
}
.account-state .dropdown {
right: 1px;
top: 38px
}
.account-state .dropdown a {
padding-right: 18px;
-webkit-tap-highlight-color: rgba(0,0,0,0)
}
.account-state .dropdown i {
top: 0;
left: auto;
right: 13px;
height: 10px;
width: 13px;
background: url(../../images/shared/dropdown-arrow.png) no-repeat 0 0
}
.account-state .dropdown ul {
min-width: 150px
}
.dropdown {
position: absolute;
right: 0;
top: 0;
z-index: 50;
margin: -10px 0 0;
padding: 10px 0 0;
pointer-events: none;
-webkit-transition: opacity 0.2s ease-out, margin 0.2s ease-out;
-moz-transition: opacity 0.2s ease-out, margin 0.2s ease-out;
-o-transition: opacity 0.2s ease-out, margin 0.2s ease-out;
transition: opacity 0.2s ease-out, margin 0.2s ease-out;
opacity: 0
}
html.android .dropdown,html.no-csstransitions .dropdown,html.msie .dropdown,html.opera .dropdown {
display: none
}
.dropdown ul.dropdownOptionList,.dropdown ul {
background: #eee url(../../images/bg/white-gradient-300px.png) repeat-x 0 0;
background-color: rgba(255,255,255,0.3);
-webkit-border-radius: 3px;
border-radius: 3px;
-webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,0.95), 0 1px 8px rgba(0,0,0,.2), 0 0 0 1px rgba(0,0,0,.08);
-moz-box-shadow: inset 0 1px 0 rgba(255,255,255,0.95), 0 1px 8px rgba(0,0,0,.2), 0 0 0 1px rgba(0,0,0,.08);
box-shadow: inset 0 1px 0 rgba(255,255,255,0.95), 0 1px 8px rgba(0,0,0,.2), 0 0 0 1px rgba(0,0,0,.08);
min-width: 100px;
padding: 1px 3px;
margin: 0;
list-style: none
}
.dropdown li {
padding: 5px 0 5px;
margin: 0;
border-top: 1px solid #eee;
-webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,0.95);
-moz-box-shadow: inset 0 1px 0 rgba(255,255,255,0.95);
box-shadow: inset 0 1px 0 rgba(255,255,255,0.95)
}
.dropdown li:first-child {
border-top: none;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none
}
.dropdown li a {
display: block;
padding: 4px 8px 4px 8px;
margin: -3px 0px -3px;
border: 1px solid transparent;
-webkit-border-radius: 2px;
border-radius: 2px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis
}
.dropdown li a:hover.dropdownLinkHover,.dropdown li a:hover {
border: 1px solid #eee;
background: #999 url(../../images/bg/white-gradient-300px.png) repeat-x 50% 50%;
-webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,0.9);
-moz-box-shadow: inset 0 1px 0 rgba(255,255,255,0.9);
box-shadow: inset 0 1px 0 rgba(255,255,255,0.9)
}
html.touch .dropdown li a:hover,.dropdown li a:active {
border: 1px solid #ddd;
border-top-color: #d6d6d6;
background: #eaeaea;
-webkit-box-shadow: inset 0 0 3px rgba(0,0,0,.1), 0 1px 0 rgba(255,255,255,0.9);
-moz-box-shadow: inset 0 0 3px rgba(0,0,0,.1), 0 1px 0 rgba(255,255,255,0.9);
box-shadow: inset 0 0 3px rgba(0,0,0,.1), 0 1px 0 rgba(255,255,255,0.9)
}
.dropdown li>strong {
display: block;
margin-bottom: -5px;
padding-bottom: 5px;
border-bottom: 1px solid #ddd
}
.dropdown i {
position: absolute;
left: 10px;
right: auto;
top: 0;
height: 10px;
width: 13px;
z-index: 10;
background: url(../../images/shared/glyph-assets.png) no-repeat -1px -800px
}
.dropdown i.right {
left: auto;
right: 10px
}
.dropdown-inverted {
margin: 0 0 -10px;
padding: 0 0 5px;
top: auto;
bottom: 0
}
.dropdown-inverted i {
background-position: -1px -701px
}
.dropdown-open .dropdown {
margin: 0;
opacity: 0.99;
pointer-events: all
}
html.android .dropdown-open .dropdown,html.no-csstransitions .dropdown-open .dropdown,html.msie .dropdown-open .dropdown,html.opera .dropdown-open .dropdown {
display: block
}
.alerts {
margin-bottom: 20px
}
.alert-red,.alert-blue,.alert-green {
padding: 11px 12px 9px;
-webkit-border-radius: 4px;
border-radius: 4px;
margin-bottom: 10px;
border: solid 1px;
min-height: 0
}
.alert-red {
color: #b94a5c;
background-color: #f2dede;
border-color: #eed3d7
}
.alert-blue {
color: #3a87ad;
background-color: #d9edf7;
border-color: #bce8f1
}
.alert-green {
color: #468847;
background-color: #dff0d8;
border-color: #d6e9c6
}
.p-error .main {
padding: 0 0 160px
}
.error-container {
width: 400px;
border: 1px solid #a4baca;
background: #fdfdfd;
-webkit-border-radius: 4px;
border-radius: 4px;
-webkit-box-shadow: 0 1px 5px rgba(0,0,0,0.1);
-moz-box-shadow: 0 1px 5px rgba(0,0,0,0.1);
box-shadow: 0 1px 5px rgba(0,0,0,0.1);
-webkit-background-clip: padding-box;
background-clip: padding-box;
margin: 100px auto 0;
padding: 25px 30px 20px;
text-align: center
}
.top-bar .internal-settings {
position: relative;
float: right;
display: inline;
width: 110px;
height: 44px;
margin: 0 0 -1px;
padding: 0
}
.top-bar .internal-settings>a {
position: absolute;
left: 0;
top: 0;
display: block;
width: 40px;
height: 40px;
margin: 2px;
color: #2e4253;
background: url(../../images/glyphs/internal-settings.png) no-repeat 0 -1px;
opacity: 0.6
}
.top-bar .internal-settings>a>strong {
display: block;
height: 40px;
padding-top: 9px;
margin-left: 34px
}
.top-bar .internal-settings .dropdown {
right: 0;
margin-right: -1px
}
.top-bar .internal-settings .dropdown i {
right: 17px
}
.top-bar .internal-settings.dropdown-open a,.top-bar .internal-settings:hover a {
opacity: 1
}
.top-bar .on-prerelease>a {
background-position: 0 -41px;
color: #fff
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {.top-bar .internal-settings>a {
background-image: url(../../images/glyphs/internal-settings@2x.png);
background-size: 40px 80px
}

}
@media screen and (max-width: 460px) {.p-error .main {
padding-bottom: 0
}
.error-container {
margin: 0;
border: none;
width: auto
}

}
@media screen and (max-width: 990px) {body,.root {
width: 100%
}
.wrapper {
width: 100%;
box-sizing: border-box
}
.account-state {
right: 0
}
.account-state ul {
border-right-width: 0
}

}
@media screen and (max-width: 480px) {.account-state .link-signin>a strong,.account-state .link-profile>a strong {
display: none
}
.account-state a {
padding-bottom: 12px
}
.account-state a .img-inset,.account-state a .img-outset {
margin-right: 0
}

}
@media screen and (max-width: 480px) {.top-bar .wrapper {
padding: 0 9px
}

}
@-webkit-keyframes 'fade-in' {0% {
opacity: 0
}
100% {
opacity: 1
}

}
@-moz-keyframes fade-in {0% {
opacity: 0
}
100% {
opacity: 1
}

}
@-o-keyframes fade-in {0% {
opacity: 0
}
100% {
opacity: 1
}

}
@keyframes 'fade-in' {0% {
opacity: 0
}
100% {
opacity: 1
}

}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {.top-bar {
-webkit-transform: translate3d(0,0,0);
-moz-transform: translate3d(0,0,0);
-o-transform: translate3d(0,0,0);
transform: translate3d(0,0,0)
}
.top-bar .logo {
top: 5px;
background-image: url(../../images/shared/shared-assets@2x.png);
-webkit-background-size: 150px 600px;
background-size: 150px 600px
}
.account-state .link-signin i,.account-state .link-settings i,.account-state .link-open-instagram i {
background-image: url(../../images/shared/glyph-assets@2x.png);
-webkit-background-size: 150px 1600px;
background-size: 150px 1600px
}
.dropdown {
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
transition: all 0.2s ease-out
}
.dropdown-open .dropdown {
margin: -10px 0 0;
-webkit-transform: translate3d(0, 10px, 0);
-moz-transform: translate3d(0, 10px, 0);
-o-transform: translate3d(0, 10px, 0);
transform: translate3d(0, 10px, 0)
}

}
.mobileAvatarImage img {
height: 100%;
visibility: hidden;
width: auto
}
.card h2 {
color: #fff;
font-size: 14px;
font-weight: 700;
line-height: 20px;
text-shadow: 0 1px 0 rgba(0,0,0,0.5)
}
.card h2 code {
font-size: 13px;
-webkit-font-smoothing: subpixel-antialiased
}
.card caption,.card th {
font-size: 12px;
font-weight: bold;
text-transform: uppercase
}
.card caption {
color: #3f729b
}
.card header .button,.card header .page-home .content .home-login,.page-home .content .card header .home-login,.card-info .button,.card-info .page-home .content .home-login,.page-home .content .card-info .home-login {
text-transform: uppercase
}
.card-info code {
font-size: 11px
}
.card {
background: #fcfcfc;
border: 1px solid #a7bcce;
margin: -1px 0 39px -1px;
-webkit-border-radius: 4px;
border-radius: 4px;
-webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.1);
-moz-box-shadow: 0 1px 1px rgba(0,0,0,0.1);
box-shadow: 0 1px 1px rgba(0,0,0,0.1)
}
.card code {
background: transparent
}
.card form {
padding: 0 !important
}
.card header {
padding: 5px 5px 5px 20px;
position: relative;
margin: -1px -1px 0;
border: 1px solid #1c5380;
background-color: #517fa4;
background-image: url(../../images/shared/noise-1.png),-webkit-gradient(linear, left top, left bottom, from(#517fa4), to(#306088));
background-image: url(../../images/shared/noise-1.png),-webkit-linear-gradient(top, #517fa4, #306088);
background-image: url(../../images/shared/noise-1.png),-moz-linear-gradient(top, #517fa4, #306088);
background-image: url(../../images/shared/noise-1.png),-o-linear-gradient(top, #517fa4, #306088);
background-image: url(../../images/shared/noise-1.png),-ms-linear-gradient(top, #517fa4, #306088);
background-image: url(../../images/shared/noise-1.png),linear-gradient(top, #517fa4, #306088);
background-position: 50% 50%;
-webkit-border-radius: 4px 4px 0 0;
border-radius: 4px 4px 0 0;
-webkit-box-shadow: 0 1px 0 rgba(111,151,182,0.7) inset;
-moz-box-shadow: 0 1px 0 rgba(111,151,182,0.7) inset;
box-shadow: 0 1px 0 rgba(111,151,182,0.7) inset
}
.card header:before,.card header:after {
content: "";
display: block;
overflow: hidden
}
.card header:after {
clear: both
}
.card header {
zoom: 1
}
.card header h2 {
margin: 0;
padding: 4px 0 6px
}
.card header code {
float: left;
display: inline;
position: relative;
top: 1px;
padding: 0 0 10px 0
}
.card header form {
float: right;
padding: 0;
margin: 0
}
.card header .token {
float: left;
display: inline;
background: #06365f;
margin: 0 3px;
padding: 0 5px;
line-height: 20px;
-webkit-border-radius: 3px;
border-radius: 3px;
-webkit-box-shadow: 0 0 1px rgba(0,0,0,0.2) inset, 0 1px 0 rgba(255,255,255,0.15);
-moz-box-shadow: 0 0 1px rgba(0,0,0,0.2) inset, 0 1px 0 rgba(255,255,255,0.15);
box-shadow: 0 0 1px rgba(0,0,0,0.2) inset, 0 1px 0 rgba(255,255,255,0.15)
}
.card caption {
position: relative;
margin: 0 0 5px;
z-index: 1
}
.card th,.card td {
vertical-align: top;
padding: 0 0 5px 0;
border: none
}
.card th:first-child {
padding-right: 20px
}
.card header,.card-info {
position: relative
}
.card header .actions,.card-info .actions {
position: absolute;
right: 8px;
top: 8px;
z-index: 5;
margin: 0;
padding: 0;
list-style: none
}
.card header .actions>li,.card-info .actions>li {
float: left;
display: inline;
position: relative;
margin: 0 0 0 4px
}
.card header .actions a,.card-info .actions a {
display: block
}
.card header .button,.card header .page-home .content .home-login,.page-home .content .card header .home-login,.card-info .button,.card-info .page-home .content .home-login,.page-home .content .card-info .home-login {
margin: -2px -2px 0 0
}
.card-info,.card-description {
padding: 10px 20px
}
.card-info table,.card-description table {
margin: 20px 0 0
}
.card-info,.card-description {
position: relative
}
.card-info caption strong,.card-info .actions,.card-description caption strong,.card-description .actions {
z-index: 5
}
.card-info p,.card-description p {
margin: 5px 0
}
.card-info caption span,.card-description caption span {
display: block;
position: relative
}
.card-info caption strong,.card-description caption strong {
position: relative;
padding-right: 15px
}
.card-info caption i,.card-description caption i {
position: absolute;
top: 9px;
left: 0;
width: 100%;
height: 1px;
background: #6f97b6;
z-index: 1
}
.card-info,.card-info-more {
border-bottom: 1px solid #ddd
}
.card-info,.card-info caption strong,.card-info-more,.card-info-more caption strong {
background: #fff
}
.card-info code {
display: block;
width: 580px;
padding: 3px 0 1px 0;
white-space: pre-wrap;
white-space: pre;
word-wrap: break-word
}
.card-info-more {
position: relative;
z-index: 10;
display: none
}
.card-info-more pre {
margin: 0
}
.card-info-more code {
border: none;
font-size: 11px
}
.card-description {
-webkit-border-radius: 0 0 4px 4px;
border-radius: 0 0 4px 4px
}
.card-description,.card-description caption strong,.card-description .actions {
background: #fcfcfc
}
.card-description small {
display: block
}
.card.client table {
margin-top: 5px
}
.sidebar-nav .type {
font-weight: bold;
font-size: 12px;
text-align: center;
opacity: 0.5
}
.sidebar-nav li {
font-weight: bold
}
.sidebar-nav li li {
font-weight: normal
}
.sidebar-nav li li,.sidebar-nav a {
color: #3f729b
}
.sidebar-nav li li:hover,.sidebar-nav a:hover {
color: #1c5380
}
.sidebar-nav li .active,.sidebar-nav .active>a,.sidebar-nav a:active {
color: #06365f
}
.sidebar-nav li .active {
font-weight: bold
}
.sidebar-nav h2 {
font-size: 14px;
line-height: 20px;
text-transform: uppercase;
color: #a4baca
}
body.sidebar-page {

}
body.sidebar-page .wrapper {
position: static
}
body.sidebar-page .top-bar .wrapper {
position: relative
}
.sidebar {
position: absolute;
z-index: 0;
width: 100%;
height: 100%;
margin-top: -51px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box
}
.sidebar .wrapper {
height: 100%
}
.sidebar-nav {
float: left;
height: 100%;
margin: 0 0 32px -17px;
}
.sidebar-nav .sidebar-content {
padding-top: 50px;
margin: -1px 0 0 -1px
}
.sidebar-nav .sidebar-content .subtitle {
color: #3f729b;
display: none
}
.sidebar-nav,.sidebar-content {
width: 256px;
padding-right: 0;
background-color: #f7f7f7;
border-left: 1px solid #c3cfd9;
border-right: 1px solid #c3cfd9;
-webkit-box-shadow: 0 1px 0px rgba(0,0,0,0.05);
-moz-box-shadow: 0 1px 0px rgba(0,0,0,0.05);
box-shadow: 0 1px 0px rgba(0,0,0,0.05)
}
.sidebar-nav h2,.sidebar-content h2 {
padding: 20px 0px 10px 15px;
margin: 0
}
.sidebar-nav h2 .separator,.sidebar-content h2 .separator {
display: none
}
.sidebar-content>ul,.index-nav>ul {
list-style: none;
margin: 0;
padding: 0;
border-top: 1px solid #c3cfd9
}
.sidebar-content>ul>li,.index-nav>ul>li {
position: relative;
margin: 0;
}
.sidebar-content>ul>li>a,.index-nav>ul>li>a {
position: relative;
display: block;
padding: 9px 5px 10px 15px;
border-bottom: 1px solid #c3cfd9;
}
.sidebar-content>ul>li>a,.sidebar-content>ul>li>a:visited,.sidebar-content>ul>li>a:hover,.index-nav>ul>li>a,.index-nav>ul>li>a:visited,.index-nav>ul>li>a:hover {
text-decoration: none
}
.sidebar-content>ul>li>a:hover,.index-nav>ul>li>a:hover {
z-index: 15;
-webkit-box-shadow: 0 1px 0 rgba(255,255,255,0.95) inset, 0px 0px 1px rgba(0,0,0,0.1), 0px 1px 0px rgba(0,0,0,0.02), 0px -2px 0px rgba(0,0,0,0.02);
-moz-box-shadow: 0 1px 0 rgba(255,255,255,0.95) inset, 0px 0px 1px rgba(0,0,0,0.1), 0px 1px 0px rgba(0,0,0,0.02), 0px -2px 0px rgba(0,0,0,0.02);
box-shadow: 0 1px 0 rgba(255,255,255,0.95) inset, 0px 0px 1px rgba(0,0,0,0.1), 0px 1px 0px rgba(0,0,0,0.02), 0px -2px 0px rgba(0,0,0,0.02)
}
.sidebar-content>ul>li>a:active,.index-nav>ul>li>a:active {
background-color: #eee;
z-index: 20;
-webkit-box-shadow: 0 1px 0 rgba(255,255,255,0.95), 0 -1px 0 rgba(0,0,0,0.05), 0 1px 1px rgba(0,0,0,0.05) inset;
-moz-box-shadow: 0 1px 0 rgba(255,255,255,0.95), 0 -1px 0 rgba(0,0,0,0.05), 0 1px 1px rgba(0,0,0,0.05) inset;
box-shadow: 0 1px 0 rgba(255,255,255,0.95), 0 -1px 0 rgba(0,0,0,0.05), 0 1px 1px rgba(0,0,0,0.05) inset
}
.sidebar-content>ul>li i.disclosure,.index-nav>ul>li i.disclosure {
position: absolute;
top: 14px;
right: 14px;
display: block;
width: 7px;
height: 13px;
opacity: 0.5;
-webkit-transition: margin-right 0.1s ease-out, opacity 0.1s ease-out;
-moz-transition: margin-right 0.1s ease-out, opacity 0.1s ease-out;
-o-transition: margin-right 0.1s ease-out, opacity 0.1s ease-out;
transition: margin-right 0.1s ease-out, opacity 0.1s ease-out
}
.sidebar-content>ul>li a:hover i.disclosure,.index-nav>ul>li a:hover i.disclosure {
margin-right: -3px;
opacity: 1
}
.sidebar-content>ul>li.active a i.disclosure,.index-nav>ul>li.active a i.disclosure {
top: 10px;
right: 0;
width: 9px;
height: 17px;
margin: 0 -2px 0 0;
background: url(../../images/shared/nav-active-arrow.png) no-repeat 0 0;
opacity: 1 !important
}
.sidebar-content>ul>li.active>a,.index-nav>ul>li.active>a {
background-color: #f1f2f4;
border-bottom-color: #c3cfd9;
-webkit-border-radius: 0;
border-radius: 0
}
.sidebar-content>ul>li.active>a,.sidebar-content>ul>li.active>a:hover,.index-nav>ul>li.active>a,.index-nav>ul>li.active>a:hover {
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none
}
.sidebar-content>ul ul,.index-nav>ul ul {
padding: 10px 15px 9px;
margin: -1px 0 0;
position: relative;
z-index: 15;
border-top: 1px solid #dfe4e8;
border-bottom: 1px solid #c3cfd9;
list-style: disc
}
.sidebar-content>ul ul li,.index-nav>ul ul li {
margin: 0 0 0 15px
}
.sidebar-content>ul ul a,.index-nav>ul ul a {
display: block
}
.sidebar-content>ul ul a.active,.index-nav>ul ul a.active {
position: relative;
top: -1px
}
.index-nav {
margin: -1px 0 40px -1px;
-webkit-border-radius: 4px;
border-radius: 4px;
-webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.08);
-moz-box-shadow: 0 1px 1px rgba(0,0,0,0.08);
box-shadow: 0 1px 1px rgba(0,0,0,0.08);
border: 1px solid #c3cfd9
}
.index-nav ul {
margin: 0;
border-top: none
}
.index-nav ul>li:first-child,.index-nav ul>li:first-child>a {
-webkit-border-top-left-radius: 3px;
border-top-left-radius: 3px;
-webkit-border-top-right-radius: 3px;
border-top-right-radius: 3px
}
.index-nav ul>li:last-child,.index-nav ul>li:last-child>a {
-webkit-border-bottom-left-radius: 3px;
border-bottom-left-radius: 3px;
-webkit-border-bottom-right-radius: 3px;
border-bottom-right-radius: 3px
}
.index-nav ul>li:last-child>a {
margin-bottom: -1px
}
.index-nav a {
overflow: hidden
}
.index-nav a:before,.index-nav a:after {
content: "";
display: block;
overflow: hidden
}
.index-nav a:after {
clear: both
}
.index-nav a {
zoom: 1
}
.index-nav .type,.index-nav b,.index-nav .description {
float: left;
display: inline
}
.index-nav .type {
width: 30px;
padding-right: 15px
}
.index-nav b {
width: 265px;
padding-right: 40px;
background: url(../../images/shared/three-dots.png) no-repeat 100% 0
}
.index-nav .description {
width: 330px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis
}
.index-nav code {
float: left;
display: inline;
position: relative;
top: 2px;
background: transparent
}
.index-nav .token {
float: left;
display: inline;
background: #f0f0f0;
background: rgba(0,0,0,0.05);
margin: 0 2px -1px;
padding: 0 4px;
-webkit-border-radius: 3px;
border-radius: 3px;
font-size: 12px
}
.nav-page-content {
position: relative;
margin-left: 240px;
margin-right: -16px;
padding: 16px 0 80px 40px
}
.nav-page-content>header {
padding: 0 0 10px
}
.nav-page-content iframe {
min-width: 800px
}
.nav-page-content h1 {
padding: 15px 0 15px;
margin: 0 0 0 -1px
}
.cards-page .nav-page-content {
padding-right: 0
}
@media screen and (min-device-width: 990px) and (min-width: 990px) {.sidebar-content.pinned {
position: fixed;
top: 0px;
padding-top: 0px !important
}

}
@media screen and (max-width: 990px) {.sidebar-content {
width: 100%
}
.nav-page-content {
padding-right: 20px
}
.main form.bordered input:not([type=submit]),.main form.bordered span {
max-width: 356px
}
.index-nav>ul>li>a {
padding: 8px 10px
}
.index-nav>ul>li>a .type {
margin-bottom: 2px
}
.index-nav>ul>li>a b {
background: none;
margin-bottom: 5px
}
.index-nav>ul>li>a .description {
width: 100%;
white-space: normal
}

}
@media screen and (max-width: 820px) {.card-info th,td {
display: block;
width: auto
}

}
@media screen and (max-width: 640px) {.card-info th,td {
display: table-cell;
width: 50%
}

}
@media screen and (max-width: 580px) {.card header {
padding: 5px 6px 5px 10px
}
.card .card-info,.card .card-description {
padding: 10px
}
.card .card-info th,.card .card-info td,.card .card-description th,.card .card-description td {
display: block;
width: auto
}

}
@media screen and (max-width: 800px) {.sidebar-nav {
width: 28%
}
.nav-page-content {
margin-left: 31.15% !important;
padding-left: 0
}
.main form.adjacent.wide label {
display: block
}
.main form.adjacent.wide input:not([type=submit]),.main form.adjacent.wide textarea,.main form.adjacent.wide span {
width: 100%;
max-width: 356px
}

}
@media screen and (max-width: 710px) {.sidebar-nav {
width: 192px
}
.nav-page-content {
margin-left: 214px !important
}

}
@media screen and (min-width: 641px) {.sidebar .sidebar-nav .sidebar-content h2,.sidebar .sidebar-nav .sidebar-content ul {
display: block !important
}
.sidebar .sidebar-nav .sidebar-content h2 .subtitle,.sidebar .sidebar-nav .sidebar-content h2 .separator {
display: none !important
}

}
@media screen and (max-width: 640px) {.sidebar {
position: static
}
.sidebar .wrapper {
padding: 0
}
.sidebar .sidebar-nav {
float: none;
display: block;
margin: 0 !important;
background: none;
border: none;
width: 100%
}
.sidebar .sidebar-nav .sidebar-content {
border: none
}
.sidebar .sidebar-nav .sidebar-content h2 {
display: none;
padding: 13px 10px 12px;
-webkit-tap-highlight-color: rgba(0,0,0,0)
}
.sidebar .sidebar-nav .sidebar-content h2:hover {
cursor: pointer
}
.sidebar .sidebar-nav .sidebar-content h2:first-child {
display: block
}
.sidebar .sidebar-nav .sidebar-content h2:first-child .subtitle {
display: inline;
white-space: nowrap
}
.sidebar .sidebar-nav .sidebar-content h2:first-child .separator {
display: inline
}
.sidebar .sidebar-nav .sidebar-content h2:first-child i {
float: left;
width: 22px;
height: 22px;
margin-right: 8px;
background: url(../../images/glyphs/disclosure-down@2x.png) no-repeat center;
background-size: 14px 14px
}
.sidebar .sidebar-nav .sidebar-content ul {
display: none
}
.sidebar .sidebar-nav .sidebar-content ul li {
background: url(../../images/glyphs/arrow-right.png) no-repeat 14px 13px;
background-size: 14px 14px
}
.sidebar .sidebar-nav .sidebar-content ul li ul {
list-style: none
}
.sidebar .sidebar-nav .sidebar-content ul li ul li {
background-position: 19px 50%
}
.sidebar .sidebar-nav .sidebar-content ul li a {
padding-left: 40px
}
.sidebar .sidebar-nav .sidebar-content ul li.active {
background-image: url(../../images/glyphs/here.png)
}
.sidebar .sidebar-nav .sidebar-content ul li.active a {
background: none
}
.sidebar .sidebar-nav .sidebar-content ul li.active i.disclosure {
display: none
}
.sidebar .sidebar-nav .sidebar-content.active h2:first-child i {
-webkit-transform: rotate(180deg);
-moz-transform: rotate(180deg);
-o-transform: rotate(180deg);
transform: rotate(180deg)
}
.nav-page-content {
margin-left: 0 !important;
padding-right: 0;
padding-top: 0
}
.nav-page-content form.adjacent {
padding-top: 0;
border: none
}
.nav-page-content form.adjacent label {
display: inline-block
}
.nav-page-content form.adjacent input:not([type=submit]),.nav-page-content form.adjacent textarea,.nav-page-content form.adjacent span {
width: 100%
}
.nav-page-content form.adjacent .form-actions {
padding-top: 0;
border: none
}
h1 {
font-size: 27px
}
ol,ul {
padding-left: 25px
}
pre code {
padding: 5px 8px
}
.page-footer .copyright {
float: none;
clear: both;
margin-top: 10px;
display: block
}

}
@media screen and (max-width: 640px) {.main .wrapper {
padding: 0 10px
}

}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
background-image: url(../../images/shared/nav-arrow@2x.png);
background-size: 7px 13px
}
[class^="icon-"],[class*=" icon-"] {
display: inline-block;
width: 14px;
height: 14px;
line-height: 14px;
vertical-align: text-top;
background-image: url("../../images/glyphs/glyphicons-halflings.png");
background-position: 14px 14px;
background-repeat: no-repeat;
margin-right: 8px;
position: relative;
top: 1px;
opacity: 0.5
}
.active [class^="icon-"],.active [class*=" icon-"] {
opacity: 1
}
[class^="icon-"]:last-child,[class*=" icon-"]:last-child {*margin-left:0
}
.icon-white {
background-image: url("../../images/glyphs/glyphicons-halflings-white.png")
}
.icon-glass {
background-position: 0 0
}
.icon-music {
background-position: -24px 0
}
.icon-search {
background-position: -48px 0
}
.icon-envelope {
background-position: -72px 0
}
.icon-heart {
background-position: -96px 0
}
.icon-star {
background-position: -120px 0
}
.icon-star-empty {
background-position: -144px 0
}
.icon-user {
background-position: -168px 0
}
.icon-film {
background-position: -192px 0
}
.icon-th-large {
background-position: -216px 0
}
.icon-th {
background-position: -240px 0
}
.icon-th-list {
background-position: -264px 0
}
.icon-ok {
background-position: -288px 0
}
.icon-remove {
background-position: -312px 0
}
.icon-zoom-in {
background-position: -336px 0
}
.icon-zoom-out {
background-position: -360px 0
}
.icon-off {
background-position: -384px 0
}
.icon-signal {
background-position: -408px 0
}
.icon-cog {
background-position: -432px 0
}
.icon-trash {
background-position: -456px 0
}
.icon-home {
background-position: 0 -24px
}
.icon-file {
background-position: -24px -24px
}
.icon-time {
background-position: -48px -24px
}
.icon-road {
background-position: -72px -24px
}
.icon-download-alt {
background-position: -96px -24px
}
.icon-download {
background-position: -120px -24px
}
.icon-upload {
background-position: -144px -24px
}
.icon-inbox {
background-position: -168px -24px
}
.icon-play-circle {
background-position: -192px -24px
}
.icon-repeat {
background-position: -216px -24px
}
.icon-refresh {
background-position: -240px -24px
}
.icon-list-alt {
background-position: -264px -24px
}
.icon-lock {
background-position: -287px -24px
}
.icon-flag {
background-position: -312px -24px
}
.icon-headphones {
background-position: -336px -24px
}
.icon-volume-off {
background-position: -360px -24px
}
.icon-volume-down {
background-position: -384px -24px
}
.icon-volume-up {
background-position: -408px -24px
}
.icon-qrcode {
background-position: -432px -24px
}
.icon-barcode {
background-position: -456px -24px
}
.icon-tag {
background-position: 0 -48px
}
.icon-tags {
background-position: -25px -48px
}
.icon-book {
background-position: -48px -48px
}
.icon-bookmark {
background-position: -72px -48px
}
.icon-print {
background-position: -96px -48px
}
.icon-camera {
background-position: -120px -48px
}
.icon-font {
background-position: -144px -48px
}
.icon-bold {
background-position: -167px -48px
}
.icon-italic {
background-position: -192px -48px
}
.icon-text-height {
background-position: -216px -48px
}
.icon-text-width {
background-position: -240px -48px
}
.icon-align-left {
background-position: -264px -48px
}
.icon-align-center {
background-position: -288px -48px
}
.icon-align-right {
background-position: -312px -48px
}
.icon-align-justify {
background-position: -336px -48px
}
.icon-list {
background-position: -360px -48px
}
.icon-indent-left {
background-position: -384px -48px
}
.icon-indent-right {
background-position: -408px -48px
}
.icon-facetime-video {
background-position: -432px -48px
}
.icon-picture {
background-position: -456px -48px
}
.icon-pencil {
background-position: 0 -72px
}
.icon-map-marker {
background-position: -24px -72px
}
.icon-adjust {
background-position: -48px -72px
}
.icon-tint {
background-position: -72px -72px
}
.icon-edit {
background-position: -96px -72px
}
.icon-share {
background-position: -120px -72px
}
.icon-check {
background-position: -144px -72px
}
.icon-move {
background-position: -168px -72px
}
.icon-step-backward {
background-position: -192px -72px
}
.icon-fast-backward {
background-position: -216px -72px
}
.icon-backward {
background-position: -240px -72px
}
.icon-play {
background-position: -264px -72px
}
.icon-pause {
background-position: -288px -72px
}
.icon-stop {
background-position: -312px -72px
}
.icon-forward {
background-position: -336px -72px
}
.icon-fast-forward {
background-position: -360px -72px
}
.icon-step-forward {
background-position: -384px -72px
}
.icon-eject {
background-position: -408px -72px
}
.icon-chevron-left {
background-position: -432px -72px
}
.icon-chevron-right {
background-position: -456px -72px
}
.icon-plus-sign {
background-position: 0 -96px
}
.icon-minus-sign {
background-position: -24px -96px
}
.icon-remove-sign {
background-position: -48px -96px
}
.icon-ok-sign {
background-position: -72px -96px
}
.icon-question-sign {
background-position: -96px -96px
}
.icon-info-sign {
background-position: -120px -96px
}
.icon-screenshot {
background-position: -144px -96px
}
.icon-remove-circle {
background-position: -168px -96px
}
.icon-ok-circle {
background-position: -192px -96px
}
.icon-ban-circle {
background-position: -216px -96px
}
.icon-arrow-left {
background-position: -240px -96px
}
.icon-arrow-right {
background-position: -264px -96px
}
.icon-arrow-up {
background-position: -289px -96px
}
.icon-arrow-down {
background-position: -312px -96px
}
.icon-share-alt {
background-position: -336px -96px
}
.icon-resize-full {
background-position: -360px -96px
}
.icon-resize-small {
background-position: -384px -96px
}
.icon-plus {
background-position: -408px -96px
}
.icon-minus {
background-position: -433px -96px
}
.icon-asterisk {
background-position: -456px -96px
}
.icon-exclamation-sign {
background-position: 0 -120px
}
.icon-gift {
background-position: -24px -120px
}
.icon-leaf {
background-position: -48px -120px
}
.icon-fire {
background-position: -72px -120px
}
.icon-eye-open {
background-position: -96px -120px
}
.icon-eye-close {
background-position: -120px -120px
}
.icon-warning-sign {
background-position: -144px -120px
}
.icon-plane {
background-position: -168px -120px
}
.icon-calendar {
background-position: -192px -120px
}
.icon-random {
background-position: -216px -120px
}
.icon-comment {
background-position: -240px -120px
}
.icon-magnet {
background-position: -264px -120px
}
.icon-chevron-up {
background-position: -288px -120px
}
.icon-chevron-down {
background-position: -313px -119px
}
.icon-retweet {
background-position: -336px -120px
}
.icon-shopping-cart {
background-position: -360px -120px
}
.icon-folder-close {
background-position: -384px -120px
}
.icon-folder-open {
background-position: -408px -120px
}
.icon-resize-vertical {
background-position: -432px -119px
}
.icon-resize-horizontal {
background-position: -456px -118px
}
.tooltip {
position: absolute;
top: 0;
left: 50%;
margin-top: 37px;
margin-left: -98px;
width: 180px;
padding: 15px 8px 10px;
background: #000;
background: rgba(0,0,0,0.85);
text-align: center;
z-index: 30;
pointer-events: none;
-moz-opacity: 0;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0);
opacity: 0;
-webkit-transition: opacity 0.2s ease-out;
-moz-transition: opacity 0.2s ease-out;
-o-transition: opacity 0.2s ease-out;
transition: opacity 0.2s ease-out;
-webkit-border-radius: 4px;
border-radius: 4px;
color: #fff;
font-weight: bold
}
.tooltip ul {
display: inline-block;
margin: 0;
padding: 0;
position: relative;
left: -2px
}
.tooltip li {
float: left;
display: inline;
margin-left: 4px
}
.tooltip a {
width: 24px;
border: 1px solid #000 !important;
border-color: rgba(0,0,0,0.9) !important
}
.tooltip:after {
border: 5px solid rgba(0,0,0,0);
border-width: 5px;
border-bottom-color: rgba(0,0,0,0.85);
position: absolute;
top: -10px;
left: 50%;
margin-left: -4px;
content: "";
display: block;
width: 0px;
overflow: hidden
}
.tooltip.active {
pointer-events: auto;
-moz-opacity: 1;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: alpha(opacity=100);
opacity: 1;
opacity: 1
}
@media screen and (max-width: 1020px) {.tooltip {
left: 0%
}
.tooltip:after {
left: 80%
}

}
.endpoint h3 {
font-weight: normal
}
.top-bar h2 {
font-size: 14px;
font-weight: bold;
text-transform: uppercase;
color: #e2e8ed !important
}
.terms h2 {
font-size: 17px;
font-weight: 600;
text-transform: uppercase
}
form p p {
min-height: 60px;
margin: 0 0 25px
}
.endpoint h3 {
margin: 20px 0
}
h1 {
position: relative;
top: 0px
}
.endpoint h3 {
position: relative;
top: -2px
}
h1,h2,h3 {
color: #06365f
}
.home-wrapper {
color: #fff
}
.home-wrapper h3 {
color: #fff;
font-size: 45px;
line-height: 50px;
margin: 0 0 30px
}
.home-wrapper p {
font-size: 22px;
line-height: 30px;
font-weight: 600
}
.main {
padding-bottom: 0
}
.main form {
padding: 20px 0 1px;
margin: -1px 0 0;
border-top: 1px solid #ddd
}
.main form input {
width: 38.2%
}
.main form textarea {
width: 61.8%
}
.main-content {
width: 560px;
margin-right: -2px;
padding: 20px 0 90px
}
.main-content>header {
padding: 0 0 10px
}
.main-content h1 {
padding: 15px 0 15px;
margin: 0 0 0 -1px
}
.home-wrapper {
position: relative;
height: 565px;
background-color: #101010;
background-image: url(../../images/shared/noise-1.png),-webkit-gradient(linear, left top, left bottom, from(#101010), to(#1a1a1a));
background-image: url(../../images/shared/noise-1.png),-webkit-linear-gradient(top, #101010, #1a1a1a);
background-image: url(../../images/shared/noise-1.png),-moz-linear-gradient(top, #101010, #1a1a1a);
background-image: url(../../images/shared/noise-1.png),-o-linear-gradient(top, #101010, #1a1a1a);
background-image: url(../../images/shared/noise-1.png),-ms-linear-gradient(top, #101010, #1a1a1a);
background-image: url(../../images/shared/noise-1.png),linear-gradient(top, #101010, #1a1a1a);
background-position: 50% 50%;
margin: 0
}
.features-nav {
width: 100%;
height: 70px;
position: absolute;
bottom: 0;
left: 0;
border: 1px solid #000;
border-width: 1px 0;
margin-bottom: -1px;
-webkit-box-shadow: inset 0 1px 0 #585858;
-moz-box-shadow: inset 0 1px 0 #585858;
box-shadow: inset 0 1px 0 #585858;
background-color: #444;
background-image: url(../../images/shared/noise-1.png),-webkit-gradient(linear, left top, left bottom, from(#444), to(#333));
background-image: url(../../images/shared/noise-1.png),-webkit-linear-gradient(top, #444, #333);
background-image: url(../../images/shared/noise-1.png),-moz-linear-gradient(top, #444, #333);
background-image: url(../../images/shared/noise-1.png),-o-linear-gradient(top, #444, #333);
background-image: url(../../images/shared/noise-1.png),-ms-linear-gradient(top, #444, #333);
background-image: url(../../images/shared/noise-1.png),linear-gradient(top, #444, #333);
background-position: 50% 50%
}
.features-nav ul {
position: absolute;
top: 0;
left: 50%;
margin: 0 0 0 -22px;
padding: 0;
border-left: 1px solid #515151;
border-right: 1px solid #000;
height: 70px
}
.features-nav li {
float: left;
display: inline;
width: 79px;
height: 70px;
text-indent: -9999em;
border-left: 1px solid #000;
-webkit-box-shadow: inset 0 1px 0 #585858, inset -1px 0 rgba(255,255,255,0.1), inset 1px 0 0 rgba(255,255,255,0.1);
-moz-box-shadow: inset 0 1px 0 #585858, inset -1px 0 rgba(255,255,255,0.1), inset 1px 0 0 rgba(255,255,255,0.1);
box-shadow: inset 0 1px 0 #585858, inset -1px 0 rgba(255,255,255,0.1), inset 1px 0 0 rgba(255,255,255,0.1)
}
.features-nav li:hover {
background-color: rgba(255,255,255,0.1)
}
.features-nav li:active {
background-color: rgba(255,255,255,0.2)
}
.features-nav li a {
position: relative;
display: block;
width: 100%;
height: 100%;
overflow: hidden;
-moz-opacity: 0.8;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
filter: alpha(opacity=80);
opacity: 0.8;
background: url(../../images/homepage/feature-glyphs.png) no-repeat
}
.features-nav .feature-1 a {
background-position: 1px 0
}
.features-nav .feature-2 a {
background-position: -99px 0
}
.features-nav .feature-3 a {
background-position: -199px 0
}
.features-nav .feature-4 a {
background-position: -299px 0
}
.features-nav .feature-1.active a {
background-position: 1px 1px
}
.features-nav .feature-2.active a {
background-position: -99px 1px
}
.features-nav .feature-3.active a {
background-position: -199px 1px
}
.features-nav .feature-4.active a {
background-position: -299px 1px
}
.features-nav .active,.features-nav .active:hover {
background: #181818 url(../../images/shared/noise-1.png);
height: 71px;
margin-top: -1px;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none
}
.features-nav .active a,.features-nav .active:hover a {
-moz-opacity: 1;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: alpha(opacity=100);
opacity: 1
}
.features-nav .active i {
position: absolute;
left: 50%;
bottom: 0;
margin: 0 0 -50px -50px;
display: block;
width: 100px;
height: 80px;
background: url(../../images/homepage/feature-nav-active.png) no-repeat 50% 0;
-webkit-animation: feature-active 0.3s ease-out 0.3s;
-moz-animation: feature-active 0.3s ease-out 0.3s;
-o-animation: feature-active 0.3s ease-out 0.3s;
animation: feature-active 0.3s ease-out 0.3s
}
.appstore-cta {
display: block;
width: 165px;
height: 70px;
position: absolute;
bottom: 0;
right: 50%;
z-index: 10;
margin-right: -465px;
background-color: #5380a5;
background-image: url(../../images/shared/noise-1.png),-webkit-gradient(linear, left top, left bottom, from(#5380a5), to(#2b5b83));
background-image: url(../../images/shared/noise-1.png),-webkit-linear-gradient(top, #5380a5, #2b5b83);
background-image: url(../../images/shared/noise-1.png),-moz-linear-gradient(top, #5380a5, #2b5b83);
background-image: url(../../images/shared/noise-1.png),-o-linear-gradient(top, #5380a5, #2b5b83);
background-image: url(../../images/shared/noise-1.png),-ms-linear-gradient(top, #5380a5, #2b5b83);
background-image: url(../../images/shared/noise-1.png),linear-gradient(top, #5380a5, #2b5b83);
background-position: 50% 50%;
-webkit-box-shadow: inset 0 1px 0 #5b91bc, inset -1px 0 rgba(255,255,255,0.15), inset 1px 0 0 rgba(255,255,255,0.15);
-moz-box-shadow: inset 0 1px 0 #5b91bc, inset -1px 0 rgba(255,255,255,0.15), inset 1px 0 0 rgba(255,255,255,0.15);
box-shadow: inset 0 1px 0 #5b91bc, inset -1px 0 rgba(255,255,255,0.15), inset 1px 0 0 rgba(255,255,255,0.15);
border: 1px solid #000;
border-width: 0 1px;
text-indent: -9999em
}
.appstore-cta:hover {
background-color: #5b88ac;
background-image: url(../../images/shared/noise-1.png),-webkit-gradient(linear, left top, left bottom, from(#5b88ac), to(#2f638f));
background-image: url(../../images/shared/noise-1.png),-webkit-linear-gradient(top, #5b88ac, #2f638f);
background-image: url(../../images/shared/noise-1.png),-moz-linear-gradient(top, #5b88ac, #2f638f);
background-image: url(../../images/shared/noise-1.png),-o-linear-gradient(top, #5b88ac, #2f638f);
background-image: url(../../images/shared/noise-1.png),-ms-linear-gradient(top, #5b88ac, #2f638f);
background-image: url(../../images/shared/noise-1.png),linear-gradient(top, #5b88ac, #2f638f);
background-position: 50% 50%
}
.appstore-cta a {
display: block;
height: 100%;
width: 100%;
background: url(../../images/homepage/feature-glyphs.png) no-repeat -400px 0
}
.features section {
position: absolute;
left: 50%;
top: 160px;
margin-left: 0px;
width: 360px;
-moz-opacity: 0;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0);
opacity: 0
}
.home-graphics {
width: 520px;
height: 880px;
position: absolute;
top: 0;
left: 50%;
z-index: 20;
margin: -110px 0 -80px -520px;
background: url(../../images/homepage/iphone2_noglare.png) no-repeat 0 0
}
.home-graphics ul {
position: absolute;
top: 133px;
left: 38px;
list-style: none;
padding: 0;
margin: 0
}
.home-graphics li {
position: absolute;
top: 0;
left: 0;
-moz-opacity: 0;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0);
opacity: 0
}
.home-graphics .photo-1 {
z-index: 50
}
.home-graphics .photo-2 {
z-index: 49
}
.home-graphics .photo-3 {
z-index: 48
}
.home-graphics .photo-4 {
z-index: 47
}
.home-graphics .photo-5 {
z-index: 46
}
.home-graphics .photo-6 {
z-index: 45
}
#slide_section_1 {
z-index: 30
}
#slide_section_2 {
z-index: 29
}
#slide_section_3 {
z-index: 28
}
#slide_section_4 {
z-index: 27
}
#slide_section_5 {
z-index: 26
}
.ig-icon {
width: 168px;
height: 196px;
background: url(../../images/homepage/icon.png) no-repeat;
position: absolute;
bottom: 57px;
right: 47px;
margin-right: 20px
}
.appstore-cta {
-webkit-animation: fade-in 0.3s ease-out 0.5s;
-moz-animation: fade-in 0.3s ease-out 0.5s;
-o-animation: fade-in 0.3s ease-out 0.5s;
animation: fade-in 0.3s ease-out 0.5s
}
.ig-icon {
-webkit-animation: icon-in 0.3s ease-out 0.5s;
-moz-animation: icon-in 0.3s ease-out 0.5s;
-o-animation: icon-in 0.3s ease-out 0.5s;
animation: icon-in 0.3s ease-out 0.5s
}
.features-nav .feature-1 {
-webkit-animation: fade-in 0.3s ease-out 0s;
-moz-animation: fade-in 0.3s ease-out 0s;
-o-animation: fade-in 0.3s ease-out 0s;
animation: fade-in 0.3s ease-out 0s
}
.features-nav .feature-2 {
-webkit-animation: fade-in 0.3s ease-out 0.15s;
-moz-animation: fade-in 0.3s ease-out 0.15s;
-o-animation: fade-in 0.3s ease-out 0.15s;
animation: fade-in 0.3s ease-out 0.15s
}
.features-nav .feature-3 {
-webkit-animation: fade-in 0.3s ease-out 0.3s;
-moz-animation: fade-in 0.3s ease-out 0.3s;
-o-animation: fade-in 0.3s ease-out 0.3s;
animation: fade-in 0.3s ease-out 0.3s
}
.features-nav .feature-4 {
-webkit-animation: fade-in 0.3s ease-out 0.45s;
-moz-animation: fade-in 0.3s ease-out 0.45s;
-o-animation: fade-in 0.3s ease-out 0.45s;
animation: fade-in 0.3s ease-out 0.45s
}
.features-nav .feature-1,.features-nav .feature-2,.features-nav .feature-3,.features-nav .feature-4,.appstore-cta,.ig-icon,.features-nav .active i {
-webkit-animation-fill-mode: backwards;
animation-fill-mode: backwards
}
@-webkit-keyframes 'fade-in' {0% {
opacity: 0
}
100% {
opacity: 1
}

}
@-webkit-keyframes 'icon-in' {0% {
margin-right: 0;
opacity: 0
}
100% {
margin-right: 20px;
opacity: 1
}

}
@-webkit-keyframes 'feature-active' {0% {
margin-bottom: -75px
}
100% {
margin-bottom: -50px
}

}
.jobs-header {
background: #ccc url(../../images/jobs/header-photo.jpg) no-repeat 50% 50%;
margin: 25px 0 0;
padding: 20px 40px 20px;
-webkit-border-radius: 5px;
border-radius: 5px
}
.jobs-header h1 {
padding-top: 140px;
padding-bottom: 20px
}
.jobs-header p {
width: 58%
}
.jobs-em {
padding: 30px 0;
margin: 0 0 39px;
border-bottom: 1px solid #d3dbe3
}
.jobs-intro {
position: relative;
border-bottom: 1px solid #d3dbe3;
padding: 0 0 30px
}
.jobs-openings {
float: right;
display: inline;
width: 33%;
max-width: 240px;
min-width: 180px;
margin: -5px 0 5px 9%;
padding: 5px;
list-style: none;
background: #a4baca;
-webkit-border-radius: 6px;
border-radius: 6px
}
.jobs-openings .index-nav {
margin: 0;
border-color: #6f97b6
}
.jobs-openings li {
margin: 0
}
.jobs-openings li a {
padding-right: 0
}
.jobs-openings li a span {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
display: block;
margin-right: 20px
}
.jobs-openings li:last-child a {
border-bottom-color: #6f97b6
}
.jobs-openings li:last-child a:active {
-webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5), 0 -1px 0 rgba(0, 0, 0, 0.05), 0 1px 1px rgba(0, 0, 0, 0.05) inset;
-moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5), 0 -1px 0 rgba(0, 0, 0, 0.05), 0 1px 1px rgba(0, 0, 0, 0.05) inset;
box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5), 0 -1px 0 rgba(0, 0, 0, 0.05), 0 1px 1px rgba(0, 0, 0, 0.05) inset
}
.jobs-intro:before,.jobs-short li:before {
position: absolute;
right: 50px;
bottom: -1px;
width: 90%;
max-width: 627px;
height: 121px;
content: "";
display: block;
background: url(../../images/jobs/job-short-bg.png) no-repeat 100% 0
}
.jobs-short {
list-style: none;
padding: 0
}
.jobs-short li {
position: relative;
min-height: 160px;
padding: 25px 0 24px;
margin: 0;
border-bottom: 1px solid #d3dbe3
}
.jobs-short h2,.jobs-short p {
position: relative
}
.jobs-short h2 {
margin-top: 5px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis
}
.jobs-short i {
background: url(../../images/jobs/job-icons.png) no-repeat -20px -20px;
width: 160px;
height: 160px;
float: right;
display: inline;
margin: -50px 20px 10px 30px
}
.jobs-short .job-frontend-engineer i {
background-position: -20px -20px
}
.jobs-short .job-operations-engineer i {
background-position: -20px -220px
}
.jobs-short .job-mobile-engineer i {
background-position: -20px -420px
}
.jobs-short .job-product-designer i {
background-position: -20px -620px
}
.jobs-short .job-community-support i {
background-position: -20px -820px
}
.jobs-short .job-data-engineer i {
background-position: -20px -1020px
}
.job-details {
-webkit-transform: translateZ(0);
-moz-transform: translateZ(0);
-o-transform: translateZ(0);
transform: translateZ(0)
}
.job-details header {
position: relative;
padding: 20px 0 0;
margin: 0 0 29px;
border-bottom: 1px solid #d3dbe3
}
.job-details header .button,.job-details header .page-home .content .home-login,.page-home .content .job-details header .home-login {
position: absolute;
bottom: 25px;
right: 0
}
.job-details header:after {
clear: both;
float: right;
height: 190px;
width: 190px;
margin: 20px -10px 20px 20px;
content: "";
background: url(../../images/jobs/job-icons.png) no-repeat 0 -4px
}
.job-details p,.job-details ul,.job-details ol {
margin-right: 20px
}
.job-details iframe {
min-width: 0
}
.job-details .resumator-form-iframe {
margin-bottom: -50px;
-webkit-transform: translateZ(0);
-moz-transform: translateZ(0);
-o-transform: translateZ(0);
transform: translateZ(0);
-webkit-transition: opacity 0.3s ease-out;
-moz-transition: opacity 0.3s ease-out;
-o-transition: opacity 0.3s ease-out;
transition: opacity 0.3s ease-out
}
.job-details-frontend-engineer header:after {
background-position: -20px -20px
}
.job-details-operations-engineer header:after {
background-position: -20px -220px
}
.job-details-mobile-engineer header:after {
background-position: -20px -420px
}
.job-details-product-designer header:after {
background-position: -20px -620px
}
.job-details-community-support header:after {
background-position: -20px -820px
}
.job-details-data-engineer header:after {
background-position: -20px -1020px
}
.jobs-intro,.jobs-short,.job-details {
color: #1c5380
}
.jobs-header {
color: #fff;
line-height: 30px;
font-size: 20px;
text-shadow: 0 1px 2px rgba(0,0,0,0.5)
}
.jobs-header,.jobs-header h1 {
color: #fff
}
.jobs-header strong {
font-weight: normal
}
.jobs-em {
color: #1c5380;
font-size: 18px;
text-align: center;
font-weight: bold
}
.jobs-openings {
font-weight: bold;
font-size: 14px;
line-height: 20px
}
.jobs-short h2 a {
color: inherit
}
.jobs-short a {
font-weight: bold;
color: #06365f;
display: inline-block
}
.resumator-apply-button {
font-weight: bold
}
.resumator-forward-button {
font-weight: bold
}
.resumator-buttons {
display: none
}
.resumator-buttons li a {
display: none
}
.job-details hgroup h1 {
font-size: 23px;
line-height: 30px;
margin: 0;
padding: 0;
color: #6f97b6
}
.job-details hgroup h2 {
font-size: 36px;
line-height: 40px;
margin: 0 0 20px
}
.job-details header+p {
font-size: 18px;
line-height: 25px
}
.no-hardware .job-details,.no-hardware .resumator-form-iframe,.no-hardware .top-bar,.no-hardware .page-footer {
-webkit-transform: none;
-moz-transform: none;
-o-transform: none;
transform: none
}
@media screen and (max-width: 830px) {.jobs-header {
font-size: 18px;
line-height: 25px
}
.jobs-header h1 {
padding-top: 60px;
padding-bottom: 10px;
font-size: 27px
}
.jobs-intro:before,.jobs-short li:before {
display: none
}
.jobs-short p {
margin-right: 20px
}
.job-details header .button,.job-details header .page-home .content .home-login,.page-home .content .job-details header .home-login {
font-size: 12px;
font-size: 1.2rem;
padding: 6px 8px 6px;
bottom: 61px
}
.job-details header:after {
margin-right: -40px
}

}
@media screen and (max-width: 720px) {.jobs-short i {
margin: -5px -9px 10px 10px
}

}
@media screen and (max-width: 640px) {.jobs-header {
margin: 0 -10px 0;
padding: 10px 20px;
-webkit-border-radius: 0;
border-radius: 0
}
.jobs-short i {
margin-top: -50px
}

}
@media screen and (max-width: 480px) {.jobs-header {
font-size: 16px;
line-height: 20px
}
.jobs-header p {
width: 65%
}
.jobs-short h2 {
margin-right: 0;
white-space: normal;
overflow: visible
}
.jobs-short li {
padding: 10px 0 9px
}
.jobs-short i {
width: 80px;
height: 80px;
margin-top: -40px;
margin-right: -5px;
margin-bottom: 10px;
-webkit-background-size: 100px 610px;
background-size: 100px 610px
}
.jobs-short .job-frontend-engineer i {
background-position: -10px -10px
}
.jobs-short .job-operations-engineer i {
background-position: -10px -110px
}
.jobs-short .job-mobile-engineer i {
background-position: -10px -210px
}
.jobs-short .job-product-designer i {
background-position: -10px -310px
}
.jobs-short .job-community-support i {
background-position: -10px -410px
}
.jobs-short .job-data-engineer i {
background-position: -10px -510px
}
.job-details header:after {
width: 80px;
height: 80px;
margin-right: -5px;
-webkit-background-size: 100px 610px;
background-size: 100px 610px
}
.job-details header+p {
font-size: 16px;
line-height: 25px
}
.job-details-frontend-engineer header:after {
background-position: -10px -10px
}
.job-details-operations-engineer header:after {
background-position: -10px -110px
}
.job-details-mobile-engineer header:after {
background-position: -10px -210px
}
.job-details-product-designer header:after {
background-position: -10px -310px
}
.job-details-community-support header:after {
background-position: -10px -410px
}
.job-details-data-engineer header:after {
background-position: -10px -510px
}

}
@media screen and (max-width: 400px) {.jobs-openings {
margin: -20px 0 20px;
width: 100%;
max-width: 100%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box
}
.jobs-short i {
margin-top: -5px
}

}
@media screen and (max-width: 360px) {.m-hide {
display: none
}

}
.page-home {#background-color:#c3cfd9;#background:url(../../images/headerBackgroundTall.png) repeat-x
}
.page-home #home-bg {
width: 100%;
height: 340px;
position: absolute;
top: 0;
background-color: #517fa4;
background-image: url(../../images/shared/noise-1.png),-webkit-gradient(linear, left top, left bottom, from(#517fa4), to(#306088));
background-image: url(../../images/shared/noise-1.png),-webkit-linear-gradient(top, #517fa4, #306088);
background-image: url(../../images/shared/noise-1.png),-moz-linear-gradient(top, #517fa4, #306088);
background-image: url(../../images/shared/noise-1.png),-o-linear-gradient(top, #517fa4, #306088);
background-image: url(../../images/shared/noise-1.png),-ms-linear-gradient(top, #517fa4, #306088);
background-image: url(../../images/shared/noise-1.png),linear-gradient(top, #517fa4, #306088);
background-position: 50% 50%
}
.page-home .wrap {
width: 880px;
margin: 0 auto
}
.page-home .home-phones {
position: relative;
float: left;
display: inline;
width: 340px;
height: 560px;
padding-top: 70px;
margin-left: 5px;
background: url(../../images/public/phones.png) no-repeat 0 70px
}
.page-home .content {
float: left;
margin-left: 10px;
position: relative;
width: 520px;
margin-top: 30px
}
.page-home .content .instagram-title {
position: absolute;
top: 90px;
left: 13px;
width: 313px;
height: 75px;
background: url(../../images/homepage/brand-header.png) no-repeat 0 0;
text-indent: -9999em
}
.page-home .content .tab {
margin-top: 230px;
height: 344px;
background: url(../../images/homepage/content-background.png) 6px 6px no-repeat;
padding: 34px 7% 0 7%;
width: 86%
}
.page-home .content .paperclip {
position: absolute;
top: 230px;
left: 0px
}
.page-home .content .tab-content {
padding-left: 115px;
padding-top: 10px
}
.page-home .content p {
font-size: 14px;
margin: 0 0 1em 0;
line-height: 1.25em
}
.page-home .content .home-login {
text-shadow: 0 1px 0 rgba(255,255,255,0.1);
-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.1),             inset 1px 0 0 rgba(255,255,255,0.05),             inset -1px 0 0 rgba(255,255,255,0.05),             inset 0 1px 0 rgba(255,255,255,0.1)         ;
-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.1),             inset 1px 0 0 rgba(255,255,255,0.05),             inset -1px 0 0 rgba(255,255,255,0.05),             inset 0 1px 0 rgba(255,255,255,0.1)         ;
box-shadow: 0 1px 3px rgba(0,0,0,0.1),             inset 1px 0 0 rgba(255,255,255,0.05),             inset -1px 0 0 rgba(255,255,255,0.05),             inset 0 1px 0 rgba(255,255,255,0.1)         ;
position: absolute;
right: 18px;
top: 157px;
padding: 13px 13px 12px 42px;
font-size: 16px;
text-shadow: 0 1px 0 rgba(0,0,0,0.3)
}
.page-home .content .home-login.button-active,.page-home .content .home-login.active,.page-home .content .home-login:active,html.touch .page-home .content .home-login.pressed {
-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.15),             inset 0 0 1px rgba(0,0,0,0.15),             0 1px 0 rgba(255,255,255,0.2)         ;
-moz-box-shadow: inset 0 1px 1px rgba(0,0,0,0.15),             inset 0 0 1px rgba(0,0,0,0.15),             0 1px 0 rgba(255,255,255,0.2)         ;
box-shadow: inset 0 1px 1px rgba(0,0,0,0.15),             inset 0 0 1px rgba(0,0,0,0.15),             0 1px 0 rgba(255,255,255,0.2)
}
.page-home .content .home-login i {
position: absolute;
left: 0;
top: 0;
display: block;
width: 40px;
height: 40px;
}
.page-home h1 {
color: #3f729b;
font-size: 1.8em;
line-height: 1.0em
}
.page-home .tab-content img.meet-instagram {
margin-bottom: 1em
}
.page-home #iphone-overlay {
position: absolute;
top: 203px;
left: 105px;
background-size: 200px 300px
}
.page-home #iphone-overlay img {
position: absolute;
height: 300px !important;
width: 200px !important;
z-index: 8
}
.page-home #iphone-overlay img.active {
z-index: 10
}
.page-home #iphone-overlay img.last-active {
z-index: 9
}
.page-home .platform-badge-container {
margin-top: 25px;
position: absolute
}
.page-home .platform-badge {
margin-right: 10px
}
.page-home .page {
min-height: 600px
}
.page-home .top-bar {
background: none !important;
border: none;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none
}
.page-home .top-bar hgroup {
display: none
}
.page-home .page-footer .wrapper {
width: 840px
}
.page-accounts .reason,.page-accounts .waiting {
display: none
}
.page-accounts .main .remove-account {
float: right;
display: inline;
margin-right: 0;
margin-top: -38px
}
.page-accounts .password-reset iframe {
display: none
}
.page-accounts .password-reset p:not(.form-text):not(.form-actions) {
display: none
}
.page-accounts .password-reset-in-app-promo {
margin: 2em 0;
text-align: center
}
.page-accounts .password-reset-in-app-promo div {
margin-bottom: 0.3em
}
.page-accounts .badgeHeader {
position: relative;
margin: 0;
padding: 0 0 30px !important;
background: url(../../images/badges/badges-header-bg.png) no-repeat 100% 100%
}
.page-accounts .badgeHeader i {
position: absolute;
right: 0;
bottom: 0;
width: 298px;
height: 94px;
background: url(../../images/badges/badges-header-icons.png) no-repeat 0 0;
opacity: 0.5
}
.page-accounts #badgeSteps {
clear: both;
min-height: 290px
}
.page-accounts .badgesCustom {
position: relative;
padding: 20px 0 40px 0;
background: url(../../images/badges/badges-footer-bg.png) no-repeat 100% 0
}
.page-accounts .badgesCustom i {
width: 200px;
height: 200px;
background: url(../../images/badges/badges-glyph.png) no-repeat 0 0;
float: right;
display: inline;
margin: -10px 0 0 20px
}
.page-accounts .badgesCustom small {
display: block
}
.page-accounts .badgeHeader p {
color: black;
font-size: 18px;
line-height: 25px;
font-weight: bold;
margin-right: 36%
}
.page-accounts .badgesCustom {
font-size: 16px;
line-height: 25px
}
.page-accounts .badgesCustom small {
line-height: 15px;
color: #999
}
@media screen and (max-width: 800px) {.badgeHeader {
padding-bottom: 50px !important
}
.badgeHeader i {
left: 50%;
margin-left: -149px
}
.badgeHeader p {
margin-right: 25%
}

}
@media screen and (max-width: 480px) {.badgesHeader,.badgesCustom {
background-image: none
}

}
@media screen and (max-width: 320px) {#recaptcha_widget_div {
margin-top: -35px;
margin-left: -20px
}

}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {.badgeHeader i {
background-image: url(../../images/badges/badges-header-icons@2x.png);
background-size: 298px 94px
}
.badgesCustom i {
background-image: url(../../images/badges/badges-glyph@2x.png);
background-size: 200px 200px
}

}
.nav-page-content ol li{
	color: rgb(6, 54, 95);
	font-size: 14px;
	font-weight: bold;
}
/**self**/
@media print { #feedlyMiniIcon { display: none; } }
.page, .dialog-outer{overflow: hidden;}
.top-bar { background: #fe5045 !important; background-size: 0 20px, auto auto !important; border-bottom: none !important;}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
    .top-bar{display: none;}
    #about-us {font-size: 20px;}
    #the-team {font-size: 18px;}
}