@font-face {
font-family: Rockwell;
src: url("../fonts/Rockwell.ttf"); }
html {
font-size: 16px; }
body {
word-break: keep-all !important; }
a {
cursor: pointer; }
strong,
b {
font-weight: 600; }
.clear {
clear: both; }
.clear-both {
clear: both; }
.forced-hidden {
display: none !important; }
.not-visible {
visibility: hidden; }
.caps {
text-transform: uppercase; }
.lower {
text-transform: lowercase; }
.strike {
text-decoration: line-through; }
.no-underline {
text-decoration: none !important; }
.yes-underline {
text-decoration: underline !important; }
.lineh-21 {
line-height: 21px; }
.no-border {
border: 0; }
.hover-link {
text-decoration: none; }
.hover-link:hover {
text-decoration: underline; }
.tags-blue-box {
background-color: #e0f2f6;
padding: 5px;
margin-right: 5px;
margin-bottom: 5px; }
.ellipsis {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis; }
.bold {
font-weight: 600; }
.rockwell {
font-family: Rockwell; }
.block {
display: block; }
.inline-block {
display: inline-block; }
.hidden {
display: none; }
.italic {
font-style: italic; }
.strikethrough {
text-decoration: line-through; }
.error-text {
color: #b11616 !important; }
.error-link {
color: #b11616;
text-decoration: underline; }
.error-link:hover {
color: #4c9cdf; }
.red-link {
color: #b11616;
text-decoration: none; }
.red-link:hover {
text-decoration: underline; }
.green-info-text {
color: #75c02b; }
.link-text {
color: #4c9cdf; }
.no-padding {
padding: 0; }
.no-margin {
margin: 0; }
.no-list-style {
list-style-type: none;
padding: 0;
margin: 0; }
.no-list {
list-style-type: none;
padding: 0;
margin: 0; }
.no-list li {
float: left; }
.float-right {
float: right; }
.float-left {
float: left; }
.align-right {
text-align: right; }
.align-left {
text-align: left; }
.align-center {
text-align: center; }
.v-align-middle {
vertical-align: middle; }
.v-align-top {
vertical-align: top; }
.v-align-bottom {
vertical-align: bottom; }
.pointer {
cursor: pointer; }
.second-font {
font-family: "Open Sans", sans-serif; }
.no-color {
color: #000; }
.blue-1 {
color: #21a2e4; }
.blue-2 {
color: #00b7df; }
.blue-3 {
color: #1286c3; }
.blue-4 {
color: #0b5e8a; }
.black {
color: #000; }
a.fill {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
text-decoration: none;
z-index: 10;
background-color: #fff;
opacity: 0; }
body {
font-size: 10px;
font-family: 'Open Sans', sans-serif;
margin: 0;
font-family: 'Open Sans', sans-serif;
word-spacing: 1px;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
-webkit-font-smoothing: antialiased; }
textarea {
font-family: 'Open Sans', sans-serif;
font-size: 13px; }
textarea.nice-textarea {
border: 3px solid #ccc;
padding: 5px; }
input[type=submit] {
-webkit-appearance: none;
white-space: normal; }
a {
color: #0099FF;
text-decoration: none; }
a:hover {
color: #0099FF;
text-decoration: underline; }
.nice-tag {
display: inline-block;
padding: 5px 8px;
text-decoration: none;
font-size: 10px;
line-height: 10px;
text-align: center;
min-width: 13px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
background: #e5e7e8;
color: #46535e;
margin-bottom: 5px; }
table.nice-table {
font-size: 13px;
margin-top: 10px;
width: 100%;
border-collapse: collapse; }
table.nice-table td,
table.nice-table th {
padding: 10px 7px;
border-bottom: 1px solid #e4e4e4; }
table.nice-table tr.topborder {
border-top: 1px solid #e4e4e4; }
table.nice-table .heading {
background-color: #f4f4f4;
-webkit-box-shadow: inset 0 1px 0 #fff;
-moz-box-shadow: inset 0 1px 0 #fff;
box-shadow: inset 0 1px 0 #fff;
border-top: 1px solid #e5e7e8;
border-bottom: 1px solid #e5e7e8; }
html.ie8 table.nice-table .heading,
html.ie7 table.nice-table .heading,
html.ie6 table.nice-table .heading {
border: 2px solid; }
table.nice-table tr.compact td,
table.nice-table tr.compact th {
padding: 7px 7px !important; }
table.nice-table-1 {
font-size: 13px;
width: 100%;
border-collapse: collapse; }
table.nice-table-1 .left-row {
border-left: 1px solid #e5e7e8; }
table.nice-table-1 .right-row {
border-right: 1px solid #e5e7e8; }
table.nice-table-1 .top-row {
border-top: 1px solid #e5e7e8; }
table.nice-table-1 .bottom-row {
border-bottom: 1px solid #e5e7e8; }
table.nice-table-1 .bottom-row-dashed {
border-bottom: 1px dashed #e5e7e8; }
table.nice-table-1 .margin-right {
margin-right: 2px; }
table.nice-table-1 .margin-left {
margin-left: 2px; }
table.nice-table-1 td,
table.nice-table-1 th {
padding: 13px 7px;
padding-left: 15px; }
table.nice-table-1 td .note-padding,
table.nice-table-1 th .note-padding {
padding: 7px 7px !important; }
table.nice-table-1 td {
min-width: 80px; }
table.nice-table-1 td.short-col {
width: 1%; }
table.nice-table-1 td.large-col {
width: 20%;
min-width: 150px;
max-width: 200px; }
table.nice-table-1 td.score-large-col {
width: 50%; }
table.nice-table-1 td.medium-col {
width: 10%; }
table.nice-table-1 td.sort-heading:hover {
cursor: pointer; }
table.nice-table-1 td.rank-col {
min-width: 40px !important; }
table.nice-table-1 td .sort,
table.nice-table-1 td .sort-up,
table.nice-table-1 td .sort-down {
margin-top: 5px; }
table.nice-table-1 td .column-header {
width: 80%;
overflow: visible; }
table.nice-table-1 tr.align-top {
vertical-align: top; }
table.nice-table-1 tr.topborder {
border-top: 1px solid #e4e4e4; }
table.nice-table-1 tr.note {
background-color: #eee;
color: #666;
font-size: 11px; }
table.nice-table-1 tbody,
table.nice-table-1 tr {
border-bottom: 1px solid #eee; }
table.nice-table-1 tbody #row:hover,
table.nice-table-1 tr #row:hover {
background-color: #e0f2f6; }
table.nice-table-1 tbody:nth-child(1) td {
padding: 7px 7px;
padding-left: 13px; }
table.nice-table-1 tr.no-border td {
padding-top: 0; }
table.nice-table-1 .heading {
background-color: #f4f4f4;
border-top: 1px solid #e5e7e8;
border-bottom: 1px solid #e5e7e8; }
table.nice-table-1 .sub-heading {
background-color: #f4f4f4;
border-top: 1px solid #e5e7e8;
border-left: 1px solid #e5e7e8; }
table.nice-table-1 .margin-left {
margin-left: 15px; }
table.nice-table-1 .grey {
background-color: #f9f9f9; }
table.nice-table-2 {
font-size: 13px;
width: 100%;
border-collapse: collapse; }
table.nice-table-2 .left-row {
border-left: 1px solid #e5e7e8; }
table.nice-table-2 .right-row {
border-right: 1px solid #e5e7e8; }
table.nice-table-2 .top-row {
border-top: 1px solid #e5e7e8; }
table.nice-table-2 .bottom-row {
border-bottom: 1px solid #e5e7e8; }
table.nice-table-2 .bottom-row-dashed {
border-bottom: 1px dashed #e5e7e8; }
table.nice-table-2 .less-highlight {
font-weight: 100; }
table.nice-table-2 .margin-right {
margin-right: 2px; }
table.nice-table-2 .margin-left {
margin-left: 2px; }
table.nice-table-2 td,
table.nice-table-2 th {
padding: 5px 7px;
padding-left: 15px; }
table.nice-table-2 td.short-col {
width: 1%; }
table.nice-table-2 td.less-medium-col {
width: 5%; }
table.nice-table-2 td.large-col {
width: 20%; }
table.nice-table-2 td.score-large-col {
width: 50%; }
table.nice-table-2 td.medium-col {
width: 10%; }
table.nice-table-2 td.sort-heading:hover {
cursor: pointer; }
table.nice-table-2 td.rank-col {
min-width: 40px !important; }
table.nice-table-2 td .sort,
table.nice-table-2 td .sort-up,
table.nice-table-2 td .sort-down {
margin-top: 5px; }
table.nice-table-2 td .column-header {
width: 80%;
overflow: visible; }
table.nice-table-2 tr.align-top {
vertical-align: top; }
table.nice-table-2 tr.topborder {
border-top: 1px solid #e4e4e4; }
table.nice-table-2 tbody:nth-child(1) td {
padding: 7px 7px;
padding-left: 13px; }
table.nice-table-2 tr.no-border td {
padding-top: 0; }
table.pd-table {
border-collapse: collapse;
margin-bottom: 1em;
margin-top: 1em; }
table.pd-table tr {
background-color: #fff; }
table.pd-table tr:nth-child(2n) {
background-color: #f8f8f8; }
table.pd-table th,
table.pd-table td {
padding: 6px 13px;
border: 1px solid #b8b8b8; }
hr.border-line {
display: block;
height: 1px;
border: 0;
border-top: 1px solid #e5e7e8;
padding: 0;
width: 100%; }
hr.hr {
display: block;
height: 1px;
border: 0;
border-top: 1px solid #e5e7e8;
padding: 0;
width: 100%; }
hr.hr-dashed {
display: block;
height: 1px;
border: 0;
border-top: 1px dashed #e5e7e8;
padding: 0;
width: 100%; }
ul.horizontal {
padding: 0;
margin: 0;
list-style-type: none; }
ul.horizontal li {
display: inline-block; }
ul.no-style {
list-style-type: none;
padding: 0;
margin: 0; }
p.first-p {
margin-top: 0; }
.header,
.header-mobile {
background-color: #323754;
position: relative;
width: 100%;
font-size: 1rem;
height: 3.125rem; }
.header.header-recruit .navigation .nav-bar li,
.header-mobile.header-recruit .navigation .nav-bar li,
.header.header-recruit .navigation nav-bar-recruit li,
.header-mobile.header-recruit .navigation nav-bar-recruit li {
float: none; }
.header.header-recruit .navigation .nav-bar li a,
.header-mobile.header-recruit .navigation .nav-bar li a,
.header.header-recruit .navigation nav-bar-recruit li a,
.header-mobile.header-recruit .navigation nav-bar-recruit li a {
margin: 0;
line-height: 2.8125rem;
display: inline-block; }
.header .mobile-menu-btn,
.header-mobile .mobile-menu-btn {
display: none;
position: absolute;
top: .625rem;
right: .625rem;
font-size: 1.375rem;
color: #f5f5f5; }
.header .navigation,
.header-mobile .navigation {
max-width: 1140px;
width: 100%;
margin: 0 auto; }
.header .navigation .logo,
.header-mobile .navigation .logo {
position: relative;
left: 0;
width: 10.625rem;
height: 2.1875rem;
margin-top: .3125rem;
background-image: url("images/hacker_earth_logo.png");
opacity: 0.9; }
.header .navigation .logo-h-terminal,
.header-mobile .navigation .logo-h-terminal {
background-image: url("../hackerearth/images/logo/HE_identity_white.png");
background-repeat: no-repeat;
background-size: contain;
width: 1.875rem;
height: 1.875rem;
margin: .625rem;
margin-left: 0;
opacity: 0.8; }
.header .navigation .logo-xmas,
.header-mobile .navigation .logo-xmas {
margin-top: .475rem;
background-image: url("../hackerearth/images/logo/xmas_he_short_logo.png"); }
.header .navigation .logo-independence,
.header-mobile .navigation .logo-independence {
margin-top: .1875rem;
background-image: url("images/hackerearth_independence.png"); }
.header .navigation .logo-republic,
.header-mobile .navigation .logo-republic {
background-image: url("../hackerearth/images/logo/HE_identity_republic_day.png"); }
.header .navigation .logo-womens-day,
.header-mobile .navigation .logo-womens-day {
background-image: url("../hackerearth/images/logo/HE_identity_womens_day.png"); }
.header .navigation h1,
.header-mobile .navigation h1 {
margin: 0;
padding: .625rem;
line-height: 1.875rem;
font-size: 1.25rem; }
.header .navigation .header-title,
.header-mobile .navigation .header-title {
font-size: 1.25rem;
font-weight: bold;
color: #fff;
margin: .5625rem 0 0 0;
font-family: "Open Sans", sans-serif; }
.header .navigation .header-link,
.header-mobile .navigation .header-link {
font-size: 1.25rem;
font-weight: bold;
margin-top: .625rem;
color: #fff;
text-decoration: none;
margin-right: 1.25rem; }
.header .navigation .social-buttons,
.header-mobile .navigation .social-buttons {
margin-left: 1.25rem;
margin-top: 0; }
.header .navigation .social-buttons .fb-like,
.header-mobile .navigation .social-buttons .fb-like,
.header .navigation .social-buttons .twitter-share-button,
.header-mobile .navigation .social-buttons .twitter-share-button,
.header .navigation .social-buttons .twitter-follow-button,
.header-mobile .navigation .social-buttons .twitter-follow-button,
.header .navigation .social-buttons .google-plus,
.header-mobile .navigation .social-buttons .google-plus {
padding: 0.875rem 0.625rem; }
.header .navigation .nav-bar,
.header-mobile .navigation .nav-bar,
.header .navigation .nav-bar-recruit,
.header-mobile .navigation .nav-bar-recruit {
display: block;
margin: 0;
list-style: none;
height: 3.125rem;
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none; }
.header .navigation .nav-bar.right-nav-bar li.signup-menu-btn a,
.header-mobile .navigation .nav-bar.right-nav-bar li.signup-menu-btn a,
.header .navigation .nav-bar-recruit.right-nav-bar li.signup-menu-btn a,
.header-mobile .navigation .nav-bar-recruit.right-nav-bar li.signup-menu-btn a {
border: 1px solid #f60;
-webkit-border-radius: .3125rem;
-moz-border-radius: .3125rem;
border-radius: .3125rem;
box-sizing: border-box;
color: #f60;
padding: 0 .625rem;
line-height: 1.875rem;
height: 1.875rem;
margin: .625rem;
transition: 300ms; }
.header .navigation .nav-bar.right-nav-bar li.signup-menu-btn a:hover,
.header-mobile .navigation .nav-bar.right-nav-bar li.signup-menu-btn a:hover,
.header .navigation .nav-bar-recruit.right-nav-bar li.signup-menu-btn a:hover,
.header-mobile .navigation .nav-bar-recruit.right-nav-bar li.signup-menu-btn a:hover {
background-color: #f60;
color: #fff; }
.header .navigation .nav-bar.right-nav-bar li a,
.header-mobile .navigation .nav-bar.right-nav-bar li a,
.header .navigation .nav-bar-recruit.right-nav-bar li a,
.header-mobile .navigation .nav-bar-recruit.right-nav-bar li a {
margin: 0 .625rem;
display: block; }
.header .navigation .nav-bar.right-nav-bar li a.nav-bar-recruiter-name,
.header-mobile .navigation .nav-bar.right-nav-bar li a.nav-bar-recruiter-name,
.header .navigation .nav-bar-recruit.right-nav-bar li a.nav-bar-recruiter-name,
.header-mobile .navigation .nav-bar-recruit.right-nav-bar li a.nav-bar-recruiter-name {
max-width: 150px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap; }
.header .navigation .nav-bar.right-nav-bar li#header-notif-icon a,
.header-mobile .navigation .nav-bar.right-nav-bar li#header-notif-icon a,
.header .navigation .nav-bar-recruit.right-nav-bar li#header-notif-icon a,
.header-mobile .navigation .nav-bar-recruit.right-nav-bar li#header-notif-icon a {
margin: 0; }
.header .navigation .nav-bar.right-nav-bar li#header-notif-icon a #notif-icon,
.header-mobile .navigation .nav-bar.right-nav-bar li#header-notif-icon a #notif-icon,
.header .navigation .nav-bar-recruit.right-nav-bar li#header-notif-icon a #notif-icon,
.header-mobile .navigation .nav-bar-recruit.right-nav-bar li#header-notif-icon a #notif-icon {
height: 100%;
display: block;
padding: 0 0.625rem; }
.header .navigation .nav-bar li,
.header-mobile .navigation .nav-bar li,
.header .navigation .nav-bar-recruit li,
.header-mobile .navigation .nav-bar-recruit li {
float: left; }
.header .navigation .nav-bar li#searchbar,
.header-mobile .navigation .nav-bar li#searchbar,
.header .navigation .nav-bar-recruit li#searchbar,
.header-mobile .navigation .nav-bar-recruit li#searchbar {
padding: 0; }
.header .navigation .nav-bar li#searchbar #search-icon-container,
.header-mobile .navigation .nav-bar li#searchbar #search-icon-container,
.header .navigation .nav-bar-recruit li#searchbar #search-icon-container,
.header-mobile .navigation .nav-bar-recruit li#searchbar #search-icon-container {
width: 1.875rem;
height: 1.875rem;
margin: .625rem;
margin-left: 0;
box-sizing: border-box;
background-color: rgba(0, 0, 0, 0.2);
border: 0;
border-left: none; }
.header .navigation .nav-bar li#searchbar #search-icon-container .fa,
.header-mobile .navigation .nav-bar li#searchbar #search-icon-container .fa,
.header .navigation .nav-bar-recruit li#searchbar #search-icon-container .fa,
.header-mobile .navigation .nav-bar-recruit li#searchbar #search-icon-container .fa {
font-size: 1.125rem;
line-height: 1.75rem;
margin: auto;
display: block;
text-align: center;
color: rgba(156, 163, 168, 0.4); }
.header .navigation .nav-bar li#searchbar #search-icon-container.in-focus,
.header-mobile .navigation .nav-bar li#searchbar #search-icon-container.in-focus,
.header .navigation .nav-bar-recruit li#searchbar #search-icon-container.in-focus,
.header-mobile .navigation .nav-bar-recruit li#searchbar #search-icon-container.in-focus {
-webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.4), 0 1px 0 0 rgba(255, 255, 255, 0.1);
-moz-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.4), 0 1px 0 0 rgba(255, 255, 255, 0.1);
box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.4), 0 1px 0 0 rgba(255, 255, 255, 0.1); }
html.ie8 .header .navigation .nav-bar li#searchbar #search-icon-container.in-focus,
html.ie8 .header-mobile .navigation .nav-bar li#searchbar #search-icon-container.in-focus,
html.ie8 .header .navigation .nav-bar-recruit li#searchbar #search-icon-container.in-focus,
html.ie8 .header-mobile .navigation .nav-bar-recruit li#searchbar #search-icon-container.in-focus,
html.ie7 .header .navigation .nav-bar li#searchbar #search-icon-container.in-focus,
html.ie7 .header-mobile .navigation .nav-bar li#searchbar #search-icon-container.in-focus,
html.ie7 .header .navigation .nav-bar-recruit li#searchbar #search-icon-container.in-focus,
html.ie7 .header-mobile .navigation .nav-bar-recruit li#searchbar #search-icon-container.in-focus,
html.ie6 .header .navigation .nav-bar li#searchbar #search-icon-container.in-focus,
html.ie6 .header-mobile .navigation .nav-bar li#searchbar #search-icon-container.in-focus,
html.ie6 .header .navigation .nav-bar-recruit li#searchbar #search-icon-container.in-focus,
html.ie6 .header-mobile .navigation .nav-bar-recruit li#searchbar #search-icon-container.in-focus {
border: 2px solid; }
.header .navigation .nav-bar li#searchbar #search-icon-container.in-focus .fa,
.header-mobile .navigation .nav-bar li#searchbar #search-icon-container.in-focus .fa,
.header .navigation .nav-bar-recruit li#searchbar #search-icon-container.in-focus .fa,
.header-mobile .navigation .nav-bar-recruit li#searchbar #search-icon-container.in-focus .fa {
color: #9ca3a8; }
.header .navigation .nav-bar li#searchbar #searchbar-input,
.header-mobile .navigation .nav-bar li#searchbar #searchbar-input,
.header .navigation .nav-bar-recruit li#searchbar #searchbar-input,
.header-mobile .navigation .nav-bar-recruit li#searchbar #searchbar-input {
color: rgba(255, 255, 255, 0.6);
background-color: rgba(0, 0, 0, 0.2);
border: 0;
border-right: 0;
height: 1.875rem;
line-height: 1.75rem;
box-sizing: border-box;
padding: 0;
padding-left: .625rem;
margin: 0.625rem 0; }
.header .navigation .nav-bar li#searchbar #searchbar-input::-webkit-input-placeholder,
.header-mobile .navigation .nav-bar li#searchbar #searchbar-input::-webkit-input-placeholder,
.header .navigation .nav-bar-recruit li#searchbar #searchbar-input::-webkit-input-placeholder,
.header-mobile .navigation .nav-bar-recruit li#searchbar #searchbar-input::-webkit-input-placeholder {
color: rgba(255, 255, 255, 0.6); }
.header .navigation .nav-bar li#searchbar #searchbar-input:-moz-placeholder,
.header-mobile .navigation .nav-bar li#searchbar #searchbar-input:-moz-placeholder,
.header .navigation .nav-bar-recruit li#searchbar #searchbar-input:-moz-placeholder,
.header-mobile .navigation .nav-bar-recruit li#searchbar #searchbar-input:-moz-placeholder {
color: rgba(255, 255, 255, 0.6); }
.header .navigation .nav-bar li#searchbar #searchbar-input::-moz-placeholder,
.header-mobile .navigation .nav-bar li#searchbar #searchbar-input::-moz-placeholder,
.header .navigation .nav-bar-recruit li#searchbar #searchbar-input::-moz-placeholder,
.header-mobile .navigation .nav-bar-recruit li#searchbar #searchbar-input::-moz-placeholder {
color: rgba(255, 255, 255, 0.6); }
.header .navigation .nav-bar li#searchbar #searchbar-input:-ms-input-placeholder,
.header-mobile .navigation .nav-bar li#searchbar #searchbar-input:-ms-input-placeholder,
.header .navigation .nav-bar-recruit li#searchbar #searchbar-input:-ms-input-placeholder,
.header-mobile .navigation .nav-bar-recruit li#searchbar #searchbar-input:-ms-input-placeholder {
color: rgba(255, 255, 255, 0.6); }
.header .navigation .nav-bar li#searchbar #searchbar-input:focus,
.header-mobile .navigation .nav-bar li#searchbar #searchbar-input:focus,
.header .navigation .nav-bar-recruit li#searchbar #searchbar-input:focus,
.header-mobile .navigation .nav-bar-recruit li#searchbar #searchbar-input:focus {
-webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.4), 0 1px 0 0 rgba(255, 255, 255, 0.1);
-moz-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.4), 0 1px 0 0 rgba(255, 255, 255, 0.1);
box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.4), 0 1px 0 0 rgba(255, 255, 255, 0.1);
color: #fff; }
html.ie8 .header .navigation .nav-bar li#searchbar #searchbar-input:focus,
html.ie8 .header-mobile .navigation .nav-bar li#searchbar #searchbar-input:focus,
html.ie8 .header .navigation .nav-bar-recruit li#searchbar #searchbar-input:focus,
html.ie8 .header-mobile .navigation .nav-bar-recruit li#searchbar #searchbar-input:focus,
html.ie7 .header .navigation .nav-bar li#searchbar #searchbar-input:focus,
html.ie7 .header-mobile .navigation .nav-bar li#searchbar #searchbar-input:focus,
html.ie7 .header .navigation .nav-bar-recruit li#searchbar #searchbar-input:focus,
html.ie7 .header-mobile .navigation .nav-bar-recruit li#searchbar #searchbar-input:focus,
html.ie6 .header .navigation .nav-bar li#searchbar #searchbar-input:focus,
html.ie6 .header-mobile .navigation .nav-bar li#searchbar #searchbar-input:focus,
html.ie6 .header .navigation .nav-bar-recruit li#searchbar #searchbar-input:focus,
html.ie6 .header-mobile .navigation .nav-bar-recruit li#searchbar #searchbar-input:focus {
border: 2px solid; }
.header .navigation .nav-bar li#searchbar #search-dropdown,
.header-mobile .navigation .nav-bar li#searchbar #search-dropdown,
.header .navigation .nav-bar-recruit li#searchbar #search-dropdown,
.header-mobile .navigation .nav-bar-recruit li#searchbar #search-dropdown {
margin-top: 2.5rem; }
.header .navigation .nav-bar li#searchbar #search-dropdown #url_search_page,
.header-mobile .navigation .nav-bar li#searchbar #search-dropdown #url_search_page,
.header .navigation .nav-bar-recruit li#searchbar #search-dropdown #url_search_page,
.header-mobile .navigation .nav-bar-recruit li#searchbar #search-dropdown #url_search_page {
display: none; }
.header .navigation .nav-bar li#searchbar #search-dropdown .result-wrapper-banner1,
.header-mobile .navigation .nav-bar li#searchbar #search-dropdown .result-wrapper-banner1,
.header .navigation .nav-bar-recruit li#searchbar #search-dropdown .result-wrapper-banner1,
.header-mobile .navigation .nav-bar-recruit li#searchbar #search-dropdown .result-wrapper-banner1,
.header .navigation .nav-bar li#searchbar #search-dropdown .result-wrapper-banner2,
.header-mobile .navigation .nav-bar li#searchbar #search-dropdown .result-wrapper-banner2,
.header .navigation .nav-bar-recruit li#searchbar #search-dropdown .result-wrapper-banner2,
.header-mobile .navigation .nav-bar-recruit li#searchbar #search-dropdown .result-wrapper-banner2 {
display: none; }
.header .navigation .nav-bar li#searchbar #search-dropdown .result-wrapper-container,
.header-mobile .navigation .nav-bar li#searchbar #search-dropdown .result-wrapper-container,
.header .navigation .nav-bar-recruit li#searchbar #search-dropdown .result-wrapper-container,
.header-mobile .navigation .nav-bar-recruit li#searchbar #search-dropdown .result-wrapper-container {
min-width: 20.75rem;
max-width: 31.5rem;
width: auto;
border: 0;
-webkit-box-shadow: 0 1px 10px 0 rgba(156, 163, 168, 0.7);
-moz-box-shadow: 0 1px 10px 0 rgba(156, 163, 168, 0.7);
box-shadow: 0 1px 10px 0 rgba(156, 163, 168, 0.7); }
html.ie8 .header .navigation .nav-bar li#searchbar #search-dropdown .result-wrapper-container,
html.ie8 .header-mobile .navigation .nav-bar li#searchbar #search-dropdown .result-wrapper-container,
html.ie8 .header .navigation .nav-bar-recruit li#searchbar #search-dropdown .result-wrapper-container,
html.ie8 .header-mobile .navigation .nav-bar-recruit li#searchbar #search-dropdown .result-wrapper-container,
html.ie7 .header .navigation .nav-bar li#searchbar #search-dropdown .result-wrapper-container,
html.ie7 .header-mobile .navigation .nav-bar li#searchbar #search-dropdown .result-wrapper-container,
html.ie7 .header .navigation .nav-bar-recruit li#searchbar #search-dropdown .result-wrapper-container,
html.ie7 .header-mobile .navigation .nav-bar-recruit li#searchbar #search-dropdown .result-wrapper-container,
html.ie6 .header .navigation .nav-bar li#searchbar #search-dropdown .result-wrapper-container,
html.ie6 .header-mobile .navigation .nav-bar li#searchbar #search-dropdown .result-wrapper-container,
html.ie6 .header .navigation .nav-bar-recruit li#searchbar #search-dropdown .result-wrapper-container,
html.ie6 .header-mobile .navigation .nav-bar-recruit li#searchbar #search-dropdown .result-wrapper-container {
border: 2px solid; }
.header .navigation .nav-bar li#searchbar #search-dropdown .result-wrapper-container .result-wrapper a,
.header-mobile .navigation .nav-bar li#searchbar #search-dropdown .result-wrapper-container .result-wrapper a,
.header .navigation .nav-bar-recruit li#searchbar #search-dropdown .result-wrapper-container .result-wrapper a,
.header-mobile .navigation .nav-bar-recruit li#searchbar #search-dropdown .result-wrapper-container .result-wrapper a {
line-height: normal;
margin: 0; }
.header .navigation .nav-bar li#searchbar #search-dropdown .result-wrapper-container .focused:not(#results-more),
.header-mobile .navigation .nav-bar li#searchbar #search-dropdown .result-wrapper-container .focused:not(#results-more),
.header .navigation .nav-bar-recruit li#searchbar #search-dropdown .result-wrapper-container .focused:not(#results-more),
.header-mobile .navigation .nav-bar-recruit li#searchbar #search-dropdown .result-wrapper-container .focused:not(#results-more) {
background-color: #4c9cdf; }
.header .navigation .nav-bar li#searchbar #search-dropdown .result-wrapper-container .focused:not(#results-more) a,
.header-mobile .navigation .nav-bar li#searchbar #search-dropdown .result-wrapper-container .focused:not(#results-more) a,
.header .navigation .nav-bar-recruit li#searchbar #search-dropdown .result-wrapper-container .focused:not(#results-more) a,
.header-mobile .navigation .nav-bar-recruit li#searchbar #search-dropdown .result-wrapper-container .focused:not(#results-more) a {
color: #fff; }
.header .navigation .nav-bar li#searchbar #search-dropdown .result-wrapper-container .focused:not(#results-more) .result-container .result-type,
.header-mobile .navigation .nav-bar li#searchbar #search-dropdown .result-wrapper-container .focused:not(#results-more) .result-container .result-type,
.header .navigation .nav-bar-recruit li#searchbar #search-dropdown .result-wrapper-container .focused:not(#results-more) .result-container .result-type,
.header-mobile .navigation .nav-bar-recruit li#searchbar #search-dropdown .result-wrapper-container .focused:not(#results-more) .result-container .result-type {
color: #fff; }
.header .navigation .nav-bar li#searchbar #search-dropdown .result-wrapper-container .result-container .result-data,
.header-mobile .navigation .nav-bar li#searchbar #search-dropdown .result-wrapper-container .result-container .result-data,
.header .navigation .nav-bar-recruit li#searchbar #search-dropdown .result-wrapper-container .result-container .result-data,
.header-mobile .navigation .nav-bar-recruit li#searchbar #search-dropdown .result-wrapper-container .result-container .result-data {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
max-width: 70%; }
.header .navigation .nav-bar li#searchbar #search-dropdown .result-wrapper-container .result-container .result-type,
.header-mobile .navigation .nav-bar li#searchbar #search-dropdown .result-wrapper-container .result-container .result-type,
.header .navigation .nav-bar-recruit li#searchbar #search-dropdown .result-wrapper-container .result-container .result-type,
.header-mobile .navigation .nav-bar-recruit li#searchbar #search-dropdown .result-wrapper-container .result-container .result-type {
font-size: .625rem;
margin-top: 0;
line-height: 1.875rem;
text-transform: uppercase; }
.header .navigation .nav-bar li#searchbar #search-dropdown .result-wrapper-container #results-more.focused,
.header-mobile .navigation .nav-bar li#searchbar #search-dropdown .result-wrapper-container #results-more.focused,
.header .navigation .nav-bar-recruit li#searchbar #search-dropdown .result-wrapper-container #results-more.focused,
.header-mobile .navigation .nav-bar-recruit li#searchbar #search-dropdown .result-wrapper-container #results-more.focused {
background: 0; }
.header .navigation .nav-bar li#searchbar #search-dropdown .result-wrapper-container #results-more #search-more,
.header-mobile .navigation .nav-bar li#searchbar #search-dropdown .result-wrapper-container #results-more #search-more,
.header .navigation .nav-bar-recruit li#searchbar #search-dropdown .result-wrapper-container #results-more #search-more,
.header-mobile .navigation .nav-bar-recruit li#searchbar #search-dropdown .result-wrapper-container #results-more #search-more {
text-align: center; }
.header .navigation .nav-bar li#searchbar #search-dropdown .result-wrapper-container #results-more #search-more a,
.header-mobile .navigation .nav-bar li#searchbar #search-dropdown .result-wrapper-container #results-more #search-more a,
.header .navigation .nav-bar-recruit li#searchbar #search-dropdown .result-wrapper-container #results-more #search-more a,
.header-mobile .navigation .nav-bar-recruit li#searchbar #search-dropdown .result-wrapper-container #results-more #search-more a {
width: auto;
display: inline-block; }
.header .navigation .nav-bar li.open-sub-header a,
.header-mobile .navigation .nav-bar li.open-sub-header a,
.header .navigation .nav-bar-recruit li.open-sub-header a,
.header-mobile .navigation .nav-bar-recruit li.open-sub-header a,
.header .navigation .nav-bar li.selected a,
.header-mobile .navigation .nav-bar li.selected a,
.header .navigation .nav-bar-recruit li.selected a,
.header-mobile .navigation .nav-bar-recruit li.selected a {
color: #fff; }
.header .navigation .nav-bar li.expand-sub-header a,
.header-mobile .navigation .nav-bar li.expand-sub-header a,
.header .navigation .nav-bar-recruit li.expand-sub-header a,
.header-mobile .navigation .nav-bar-recruit li.expand-sub-header a {
cursor: default; }
.header .navigation .nav-bar li a,
.header-mobile .navigation .nav-bar li a,
.header .navigation .nav-bar-recruit li a,
.header-mobile .navigation .nav-bar-recruit li a {
font-size: .875rem;
color: rgba(229, 231, 232, 0.75);
text-decoration: none;
font-weight: 600;
line-height: 3.125rem;
height: 3.125rem;
margin: 0 1.25rem;
display: block;
position: relative; }
.header .navigation .nav-bar li a.message-icon,
.header-mobile .navigation .nav-bar li a.message-icon,
.header .navigation .nav-bar-recruit li a.message-icon,
.header-mobile .navigation .nav-bar-recruit li a.message-icon {
position: relative;
margin: 0; }
.header .navigation .nav-bar li a.message-icon .messages-count,
.header-mobile .navigation .nav-bar li a.message-icon .messages-count,
.header .navigation .nav-bar-recruit li a.message-icon .messages-count,
.header-mobile .navigation .nav-bar-recruit li a.message-icon .messages-count {
position: absolute;
top: .3125rem;
right: .3125rem;
padding: .1875rem;
background-color: #d33737;
color: #fff;
font-weight: 600;
font-size: .625rem;
-webkit-border-radius: .1875rem;
-moz-border-radius: .1875rem;
border-radius: .1875rem;
-webkit-box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.5);
-moz-box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.5);
box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.5);
line-height: 0.625rem; }
html.ie8 .header .navigation .nav-bar li a.message-icon .messages-count,
html.ie8 .header-mobile .navigation .nav-bar li a.message-icon .messages-count,
html.ie8 .header .navigation .nav-bar-recruit li a.message-icon .messages-count,
html.ie8 .header-mobile .navigation .nav-bar-recruit li a.message-icon .messages-count,
html.ie7 .header .navigation .nav-bar li a.message-icon .messages-count,
html.ie7 .header-mobile .navigation .nav-bar li a.message-icon .messages-count,
html.ie7 .header .navigation .nav-bar-recruit li a.message-icon .messages-count,
html.ie7 .header-mobile .navigation .nav-bar-recruit li a.message-icon .messages-count,
html.ie6 .header .navigation .nav-bar li a.message-icon .messages-count,
html.ie6 .header-mobile .navigation .nav-bar li a.message-icon .messages-count,
html.ie6 .header .navigation .nav-bar-recruit li a.message-icon .messages-count,
html.ie6 .header-mobile .navigation .nav-bar-recruit li a.message-icon .messages-count {
border: 2px solid; }
.header .navigation .nav-bar li a.message-icon .fa,
.header-mobile .navigation .nav-bar li a.message-icon .fa,
.header .navigation .nav-bar-recruit li a.message-icon .fa,
.header-mobile .navigation .nav-bar-recruit li a.message-icon .fa {
padding: 0 0.625rem; }
.header .navigation .nav-bar li a:hover,
.header-mobile .navigation .nav-bar li a:hover,
.header .navigation .nav-bar-recruit li a:hover,
.header-mobile .navigation .nav-bar-recruit li a:hover {
color: #fff; }
.header .navigation .nav-bar li a > img,
.header-mobile .navigation .nav-bar li a > img,
.header .navigation .nav-bar-recruit li a > img,
.header-mobile .navigation .nav-bar-recruit li a > img {
padding: 0.625rem 0; }
.header .navigation .nav-bar li#hacker-dd-icon a,
.header-mobile .navigation .nav-bar li#hacker-dd-icon a,
.header .navigation .nav-bar-recruit li#hacker-dd-icon a,
.header-mobile .navigation .nav-bar-recruit li#hacker-dd-icon a {
margin-right: 0; }
.header .navigation .nav-bar li#hacker-dd-icon .caret-icon,
.header-mobile .navigation .nav-bar li#hacker-dd-icon .caret-icon,
.header .navigation .nav-bar-recruit li#hacker-dd-icon .caret-icon,
.header-mobile .navigation .nav-bar-recruit li#hacker-dd-icon .caret-icon {
line-height: 1.5625rem;
font-size: 1.25rem; }
.header .navigation .nav-bar li#hacker-dd-icon .caret-icon .fa,
.header-mobile .navigation .nav-bar li#hacker-dd-icon .caret-icon .fa,
.header .navigation .nav-bar-recruit li#hacker-dd-icon .caret-icon .fa,
.header-mobile .navigation .nav-bar-recruit li#hacker-dd-icon .caret-icon .fa {
width: 1.875rem;
text-align: center;
height: 1.25rem;
margin: .625rem 0;
padding: .3125rem .3125rem .3125rem .625rem;
-webkit-box-shadow: -1px 0 0 0 #46515a, -2px 0 0 0 #1a1a1a;
-moz-box-shadow: -1px 0 0 0 #46515a, -2px 0 0 0 #1a1a1a;
box-shadow: -1px 0 0 0 #46515a, -2px 0 0 0 #1a1a1a; }
html.ie8 .header .navigation .nav-bar li#hacker-dd-icon .caret-icon .fa,
html.ie8 .header-mobile .navigation .nav-bar li#hacker-dd-icon .caret-icon .fa,
html.ie8 .header .navigation .nav-bar-recruit li#hacker-dd-icon .caret-icon .fa,
html.ie8 .header-mobile .navigation .nav-bar-recruit li#hacker-dd-icon .caret-icon .fa,
html.ie7 .header .navigation .nav-bar li#hacker-dd-icon .caret-icon .fa,
html.ie7 .header-mobile .navigation .nav-bar li#hacker-dd-icon .caret-icon .fa,
html.ie7 .header .navigation .nav-bar-recruit li#hacker-dd-icon .caret-icon .fa,
html.ie7 .header-mobile .navigation .nav-bar-recruit li#hacker-dd-icon .caret-icon .fa,
html.ie6 .header .navigation .nav-bar li#hacker-dd-icon .caret-icon .fa,
html.ie6 .header-mobile .navigation .nav-bar li#hacker-dd-icon .caret-icon .fa,
html.ie6 .header .navigation .nav-bar-recruit li#hacker-dd-icon .caret-icon .fa,
html.ie6 .header-mobile .navigation .nav-bar-recruit li#hacker-dd-icon .caret-icon .fa {
border: 2px solid; }
.header .navigation .nav-bar li .dropdown,
.header-mobile .navigation .nav-bar li .dropdown,
.header .navigation .nav-bar-recruit li .dropdown,
.header-mobile .navigation .nav-bar-recruit li .dropdown {
padding: 1.125rem 0.3125rem; }
.header .navigation .nav-bar li .new-badge,
.header-mobile .navigation .nav-bar li .new-badge,
.header .navigation .nav-bar-recruit li .new-badge,
.header-mobile .navigation .nav-bar-recruit li .new-badge {
background: #d33737;
font-size: 8px;
position: absolute;
top: 8px;
line-height: 12px;
padding: 1px 3px;
text-transform: uppercase;
color: #fff;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px; }
.header .sub-header,
.header-mobile .sub-header {
background: #24263b;
position: absolute;
top: 3.125rem;
z-index: 3;
border-bottom-left-radius: 3px;
border-bottom-right-radius: 3px;
min-width: 8rem; }
.header .sub-header .sub-nav-bar,
.header-mobile .sub-header .sub-nav-bar {
margin: 0 auto;
padding: .375rem .3125rem;
max-width: 68.75rem;
list-style: none;
box-sizing: border-box; }
.header .sub-header .sub-nav-bar .menu-arrow,
.header-mobile .sub-header .sub-nav-bar .menu-arrow {
width: .9375rem;
height: .9375rem;
position: absolute;
background-color: #24263b;
transform: rotateZ(45deg);
top: -0.4375rem; }
.header .sub-header .sub-nav-bar .sub-nav-bar-menu,
.header-mobile .sub-header .sub-nav-bar .sub-nav-bar-menu {
margin: 0.3125rem 0; }
.header .sub-header .sub-nav-bar .sub-nav-bar-menu:hover,
.header-mobile .sub-header .sub-nav-bar .sub-nav-bar-menu:hover {
background-color: #4c9cdf; }
.header .sub-header .sub-nav-bar .sub-nav-bar-menu:hover a,
.header-mobile .sub-header .sub-nav-bar .sub-nav-bar-menu:hover a {
color: #fff; }
.header .sub-header .sub-nav-bar .sub-nav-bar-menu a,
.header-mobile .sub-header .sub-nav-bar .sub-nav-bar-menu a {
font-size: .8125rem;
box-sizing: border-box;
padding: .3125rem;
display: block;
text-decoration: none;
color: #e5e7e8;
font-weight: 600; }
.header-mobile {
background: #fff; }
#header-primary.header {
background: #F8FAFD;
height: 40px;
line-height: 35px;
overflow: hidden;
position: fixed;
top: 0;
left: 0;
z-index: 6;
-webkit-transition: top .3s linear;
-moz-transition: top .3s linear;
-o-transition: top .3s linear;
transition: top 0.3s linear; }
#header-primary.header .navigation {
padding: 0;
max-width: 1140px; }
#header-primary.header .navigation > a {
line-height: 49px; }
#header-primary.header .navigation .nav-bar .menu-content {
padding: 0; }
#header-primary.header .navigation .nav-bar li a {
font-weight: 400;
margin: 0 10px;
line-height: 35px;
font-size: 12px;
color: #90979e; }
#header-primary.header .navigation .nav-bar li a:hover {
color: #09f; }
#header-primary.header .navigation .nav-bar li a.active {
-webkit-box-shadow: inset 0 -1px 0 0 #09f;
-moz-box-shadow: inset 0 -1px 0 0 #09f;
-webkit-box-shadow: inset 0 -1px 0 0 #09f;
-moz-box-shadow: inset 0 -1px 0 0 #09f;
box-shadow: inset 0 -1px 0 0 #09f;
color: #09f;
font-weight: normal;
height: 35px; }
html.ie8 #header-primary.header .navigation .nav-bar li a.active,
html.ie7 #header-primary.header .navigation .nav-bar li a.active,
html.ie6 #header-primary.header .navigation .nav-bar li a.active {
border: 2px solid; }
#header-secondary {
top: 35px;
/* position: fixed; */
height: 50px;
z-index: 5;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-transition: top .3s linear;
-moz-transition: top .3s linear;
-o-transition: top .3s linear;
transition: top 0.3s linear; }
#header-secondary.shrink {
-webkit-box-shadow: 0 4px 4px 0 rgba(0,0,0,.05);
-moz-box-shadow: 0 4px 4px 0 rgba(0,0,0,.05);
-webkit-box-shadow: 0 4px 4px 0 rgba(0,0,0,.05);
-moz-box-shadow: 0 4px 4px 0 rgba(0,0,0,.05);
box-shadow: 0 4px 4px 0 rgba(0,0,0,.05); }
html.ie8 #header-secondary,
html.ie7 #header-secondary,
html.ie6 #header-secondary {
border: 2px solid; }
#header-secondary #logo-header {
margin-top: 8px; }
#header-secondary #logo-header img {
width: 90px; }
#header-secondary .mobile-menu-btn {
color: #46535e; }
#header-secondary.custom-header {
padding: 5px; }
#header-secondary.custom-header #mobile-menu-expand {
padding: 5px 0; }
#header-secondary .active {
-webkit-box-shadow: inset 0 -1px 0 0 #09f;
-moz-box-shadow: inset 0 -1px 0 0 #09f;
-webkit-box-shadow: inset 0 -1px 0 0 #09f;
-moz-box-shadow: inset 0 -1px 0 0 #09f;
box-shadow: inset 0 -1px 0 0 #09f;
color: #09f;
font-weight: normal;
height: 35px; }
html.ie8 #header-secondary .active,
html.ie7 #header-secondary .active,
html.ie6 #header-secondary .active {
border: 2px solid; }
#header-secondary .menu-content {
padding: 5px 9px;
float: left; }
#header-secondary .menu-content.demo-link {
padding-top: 4px; }
#header-secondary .get-started-div {
padding: 2px 9px 7px; }
#header-secondary .get-started-div a {
line-height: normal; }
@media (max-width: 1279px) {
#header-secondary .navigation,
.header .navigation {
max-width: 1100px; } }
@media (max-width: 1024px) {
#header-primary {
display: none; }
#header-secondary {
top: 0;
height: 40px;
padding: 0; }
#header-secondary.header-mobile .mobile-menu-btn {
left: 0.625rem; }
#header-secondary .mobile-menu-btn {
z-index: 5;
display: block; }
#header-secondary .logo,
#header-secondary .outline-logo,
#header-secondary #logo-header {
padding: 0;
margin: 1px 0 0 40px;
float: left; }
#header-secondary #logo-header {
display: none; }
#header-secondary #logo-header-scroll {
display: none;
}
#header-secondary.custom-header .responsive-container {
width: 100%; }
#header-secondary.custom-header #mobile-menu-expand {
display: none; } }
#mobile-menu-expand-primary {
list-style: none;
margin: 0;
background: #fff;
padding: 20px;
position: fixed;
top: 0;
left: -200px;
width: 200px;
text-align: left;
z-index: 6;
height: 100%;
overflow-y: auto;
font-size: 13px;
border-right: 1px solid #e5e7e8;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box; }
#mobile-menu-expand-primary > li > a {
color: #46535e;
padding: 7px 0;
float: left;
width: 100%;
text-decoration: none; }
#mobile-menu-expand-primary .sub-menu {
position: relative;
margin: 0;
padding: 0;
width: 100%;
float: left; }
#mobile-menu-expand-primary .sub-menu > li {
position: relative;
margin: 0;
padding: 0;
width: 100%;
float: left; }
#mobile-menu-expand-primary .sub-menu .dropdown-header li,#mobile-menu-expand-primary .sub-menu .dropdown-header a {
color: #f9b727 !important;cursor: default !important;
}
#mobile-menu-expand-primary .sub-menu > li > a {
font-size: 13px;
width: 100%;
color: #9ca3a8;
padding: 7px 0 7px 12px;
float: left;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box; }
#mobile-menu-expand-primary .active {
color: #09f; }
#hacker-box.expand-box .profile-complete-bar-head {
padding: .3125rem 0 0;
height: 0.625rem; }
#hacker-box.expand-box .profile-complete-bar-head .profile-complete-bar {
width: 100%;
background-color: #e5e7e8;
display: block;
height: .3125rem;
margin: 0;
-webkit-border-radius: .3125rem;
-moz-border-radius: .3125rem;
border-radius: 0.3125rem; }
#hacker-box.expand-box .profile-complete-bar-head .profile-complete-bar-done {
display: block;
height: .3125rem;
margin: 0;
border-bottom-left-radius: .3125rem;
border-top-left-radius: .3125rem;
position: relative;
bottom: 0.3125rem; }
.user-action {
width: 0;
height: 0;
border-left: 7px solid transparent;
border-right: 7px solid transparent;
border-top: 7px solid #fff;
margin-top: 7px;
float: right; }
.expand-box {
z-index: 10;
position: fixed;
top: 45px;
background-color: #fff;
display: none;
color: #46535e;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
-webkit-box-shadow: 0 1px 10px 0 rgba(156, 163, 168, 0.7);
-moz-box-shadow: 0 1px 10px 0 rgba(156, 163, 168, 0.7);
box-shadow: 0 1px 10px 0 rgba(156, 163, 168, 0.7);
word-wrap: break-word;
font-size: 13px;
min-width: 160px; }
html.ie8 .expand-box,
html.ie7 .expand-box,
html.ie6 .expand-box {
border: 2px solid; }
.expand-box .recruiter-ul {
padding: 0; }
.expand-box .recruiter-ul li {
border-bottom: 1px solid #e5e7e8;
padding: 8px 10px; }
.expand-box ul {
list-style-type: none;
padding: 5px 5px 10px 5px;
min-width: 75px; }
.expand-box ul li {
padding: 4px 8px; }
.expand-box ul li:hover {
background-color: #4c9cdf;
color: #fff; }
.expand-box ul div {
padding: 8px 10px 0; }
.expand-box ul div span {
margin-left: 5px; }
.expand-box ul a {
color: #46535e;
text-decoration: none; }
.expand-box ul a .buy-credits {
color: #4c9cdf; }
.expand-box ul a .buy-credits:hover {
color: #fff; }
.expand-box ul a .buy-credits .fa-chevron-right {
font-size: 12px;
margin-left: 5px; }
.expand-box ul a:last-child li {
border-bottom: 0; }
.expand-box ul a:first-child:hover li {
-webkit-border-radius: 3px 3px 0 0;
-moz-border-radius: 3px 3px 0 0;
border-radius: 3px 3px 0 0; }
.expand-box ul a:last-child:hover li {
-webkit-border-radius: 0 0 3px 3px;
-moz-border-radius: 0 0 3px 3px;
border-radius: 0 0 3px 3px; }
.expand-box ul .inactive {
padding: 8px 10px;
background: rgba(229, 231, 232, 0.5);
color: #46535e;
border-bottom: 1px solid #e5e7e8; }
.expand-box .down-arrow {
position: absolute;
margin-left: 5px;
width: 0;
height: 0;
border-left: 10px solid transparent;
border-right: 10px solid transparent;
border-bottom: 10px solid #fff;
top: -9px;
right: 10px; }
.warning-box {
background-color: #fffcdf;
border: 1px solid #e0ddbb;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px; }
.warning-box .text {
padding: 10px 15px;
color: #46535e;
font-size: 12px; }
.top-line {
border-top: 2px solid #4c9cdf; }
.top-banner p.banner-text {
text-align: center;
padding: 20px;
margin: 0;
background-color: #fffcdf;
border: 1px solid #e0ddbb;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
font-size: 18px;
margin-left: auto;
margin-right: auto; }
.top-banner p.banner-text.login-banner {
padding: 10px;
font-size: 16px;
background-color: #fff;
border: 0;
border-bottom: 1px solid #e5e7e8;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0; }
.page {
/* width: 1100px;
margin-left: auto;
margin-right: auto;
min-height: 1000px;
min-height: 600px;
padding-bottom: 60px*/ }
.no-padding-page {
width: 1100px;
margin-left: auto;
margin-right: auto;
min-height: 600px; }
.responsive-page {
width: 100%;
margin: 0 auto; }
.responsive-container {
max-width: 1100px;
width: 90%;
margin: auto; }
.responsive-container.no-min-height {
min-height: 0; }
.responsive-container .top-cover {
background: #fff;
-webkit-box-shadow: 0 1px 3px 0 #9fa7c2;
-moz-box-shadow: 0 1px 3px 0 #9fa7c2;
box-shadow: 0 1px 3px 0 #9fa7c2;
-webkit-border-radius: 0 0 3px 3px;
-moz-border-radius: 0 0 3px 3px;
border-radius: 0 0 3px 3px; }
html.ie8 .responsive-container .top-cover,
html.ie7 .responsive-container .top-cover,
html.ie6 .responsive-container .top-cover {
border: 2px solid; }
.responsive-container .page-data {
min-height: 500px;
padding-bottom: 30px; }
.responsive-container .page-data .left,
.responsive-container .page-data .wide {
background-color: #fff;
width: 100%;
-webkit-box-shadow: 0 1px 3px 0 #9fa7c2;
-moz-box-shadow: 0 1px 3px 0 #9fa7c2;
box-shadow: 0 1px 3px 0 #9fa7c2;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px; }
html.ie8 .responsive-container .page-data .left,
html.ie8 .responsive-container .page-data .wide,
html.ie7 .responsive-container .page-data .left,
html.ie7 .responsive-container .page-data .wide,
html.ie6 .responsive-container .page-data .left,
html.ie6 .responsive-container .page-data .wide {
border: 2px solid; }
.responsive-container .page-data .left .content,
.responsive-container .page-data .wide .content {
padding: 0 15px 0 15px; }
.responsive-container .page-data .left .comments,
.responsive-container .page-data .wide .comments {
background-color: rgba(237, 240, 249, 0.5);
border-top: 1px solid #d9deea;
padding-top: 10px;
padding-bottom: 10px; }
.responsive-container .page-data .left .left-box .lb-title,
.responsive-container .page-data .wide .left-box .lb-title {
padding: 3px 10px;
font-size: 16px;
font-weight: 600;
background-color: #e5e7e8; }
.responsive-container .page-data .left .left-box .lb-content,
.responsive-container .page-data .wide .left-box .lb-content {
padding: 10px 15px 20px 15px;
color: #252c33; }
.responsive-container .page-data .left {
max-width: 780px;
margin-right: 10px;
float: left; }
.responsive-container .page-data .wide {
max-width: 1100px;
float: left; }
.responsive-container .page-data .right {
width: 100%;
max-width: 310px;
float: left; }
.responsive-container .page-data .right .right-box {
background-color: #fff;
-webkit-box-shadow: 0 1px 3px 0 #9fa7c2;
-moz-box-shadow: 0 1px 3px 0 #9fa7c2;
box-shadow: 0 1px 3px 0 #9fa7c2;
margin-bottom: 15px;
color: #9ca3a8;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
font-size: 13px; }
html.ie8 .responsive-container .page-data .right .right-box,
html.ie7 .responsive-container .page-data .right .right-box,
html.ie6 .responsive-container .page-data .right .right-box {
border: 2px solid; }
.responsive-container .page-data .right .right-box .title {
padding: 10px 15px 0 15px;
font-weight: 600;
text-transform: uppercase; }
.responsive-container .page-data .right .right-box .content {
padding: 5px 15px 15px 15px;
max-height: 500px;
overflow-y: auto; }
.responsive-container .left-tab-menu {
float: left;
width: 100%;
max-width: 250px;
font-size: 14px;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box; }
.responsive-container .left-tab-menu .title {
background: #e5e7e8;
background: rgba(229, 231, 232, 0.6);
padding: 10px 15px;
font-weight: 600;
color: #46535e;
text-transform: uppercase; }
.lt-ie8 .responsive-container .left-tab-menu .title {
zoom: 1; }
.lt-ie9 .responsive-container .left-tab-menu .title {
background: transparent;
/*filter: progid: DXImageTransform.Microsoft.gradient(startColorstr=#99E5E7E8, endColorstr=#99E5E7E8)*/ }
.lt-ie9 .responsive-container .left-tab-menu .title:nth-child(n) {
filter: none; }
.responsive-container .left-tab-menu .tab .tab-name {
padding: 7px 15px;
border-bottom: 1px dashed #e5e7e8;
color: #46535e;
cursor: pointer; }
.responsive-container .left-tab-menu .tab .tab-name.selected {
color: #4c9cdf !important;
font-weight: 600; }
.responsive-container .left-tab-menu .tab .tab-name.selected a {
color: #4c9cdf; }
.responsive-container .left-tab-menu .tab .tab-name a {
color: #46535e; }
.responsive-container .left-tab-menu .tab:hover .tab-name {
color: #4c9cdf; }
.responsive-container .left-tab-menu .tab:hover a {
color: #4c9cdf; }
.responsive-container .right-of-tab {
float: left;
width: 100%;
max-width: 850px;
min-height: 500px;
border-left: 1px solid #e5e7e8;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box; }
.white-container {
background-color: #fff;
-webkit-box-shadow: 0 1px 3px 0 #9fa7c2;
-moz-box-shadow: 0 1px 3px 0 #9fa7c2;
box-shadow: 0 1px 3px 0 #9fa7c2; }
html.ie8 .white-container,
html.ie7 .white-container,
html.ie6 .white-container {
border: 2px solid; }
.alert-container-holder {
height: 38px; }
.alert-container {
background-color: alert-color;
height: 38px; }
.denim-gray-texture {
background-image: url("../hackerearth/images/homepage/homepageTexture.v2.jpg");
background-color: #e5e7e8; }
.full-height-page {
min-height: calc(100vh - 55px); }
.message-box {
width: 1100px;
margin-left: auto;
margin-right: auto;
font-size: index-page-size; }
.message-box .text {
padding: 10px 2px;
position: relative;
float: left; }
.message-box .cross {
padding: 0 4px 1px 5px;
position: relative;
margin-top: 8px;
float: right;
border: 1px solid #cca938;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
background-color: #eec02d; }
.message-box .cross:hover {
border: 1px solid #be9100;
cursor: pointer; }
.container {
/* margin-top: 10px;
min-height: 450px*/ }
.container .big-left-container {
width: 730px;
float: left; }
.container .small-right-container {
width: 300px;
margin-left: 70px;
float: left; }
.container .small-right-container .side-panel {
margin-top: 35px; }
.container .small-right-container .side-panel .heading-with-line {
margin-bottom: 20px !important; }
.container .small-right-container .side-content .side-item {
margin-bottom: 10px; }
.bl-page .right,
.layout-1 .right {
opacity: 0.75; }
.bl-page .right:hover,
.layout-1 .right:hover {
opacity: 1; }
.bl-page {
width: 1100px;
margin-left: auto;
margin-right: auto;
min-height: 1000px;
margin-top: 50px; }
.bl-page .left {
width: 780px;
margin-right: 60px;
float: left;
padding-bottom: 60px; }
.bl-page .right {
width: 260px;
float: left;
padding-bottom: 60px; }
.bl-page .right-no-opacity {
width: 260px;
float: left; }
.br-page {
width: 1100px;
margin-left: auto;
margin-right: auto;
min-height: 1000px;
margin-top: 50px; }
.br-page .left {
width: 260px;
margin-right: 30px;
float: left;
padding-bottom: 30px; }
.br-page .left .left-menu {
padding: 0;
margin: 0;
list-style-type: none;
border-top: 1px solid #e5e7e8; }
.br-page .left .left-menu li {
padding: 5px 10px;
border-bottom: 1px solid #e5e7e8; }
.br-page .right {
width: 810px;
float: left;
padding-bottom: 60px; }
.fold {
margin: 0 auto;
padding: 30px 0 50px 0;
width: 100%; }
.full-page {
width: 1100px;
margin-left: auto;
margin-right: auto;
min-height: 1000px;
margin-top: 50px; }
.layout-1 .left {
width: 220px;
padding-right: 10px;
float: left; }
.layout-1 .center {
width: 640px;
float: left; }
.layout-1 .center-container {
width: 638px;
float: left; }
.layout-1 .center-container .center-border {
-webkit-box-shadow: 0 0 5px 0 #9ca3a8;
-moz-box-shadow: 0 0 5px 0 #9ca3a8;
box-shadow: 0 0 5px 0 #9ca3a8; }
html.ie8 .layout-1 .center-container .center-border,
html.ie7 .layout-1 .center-container .center-border,
html.ie6 .layout-1 .center-container .center-border {
border: 2px solid; }
.layout-1 .right,
.layout-1 .right-no-opacity {
width: 220px;
padding-left: 10px;
float: left; }
.layout-2 .left {
width: 230px;
float: left; }
.layout-2 .right {
width: 870px;
float: left; }
.layout-2 .right-border {
width: 869px;
float: left;
border-left: 1px solid #e5e7e8; }
.left-menu-section {
padding: 0;
margin: 0;
list-style-type: none; }
.left-menu-section li {
padding: 10px 0;
border-bottom: 1px solid #e5e7e8; }
.width-100 {
width: 100%; }
.link {
color: #4c9cdf;
text-decoration: none;
font-family: "Open Sans", sans-serif; }
.link:hover {
text-decoration: underline; }
.link-1 {
font-size: 11px;
color: #4c9cdf;
text-decoration: none;
font-family: "Open Sans", sans-serif; }
.link-1:hover {
text-decoration: underline; }
.link-2 {
font-size: 15px;
color: #4c9cdf;
text-decoration: none;
font-family: "Open Sans", sans-serif; }
.link-2:hover {
text-decoration: underline; }
.link-3 {
font-size: 12px;
color: #4c9cdf;
text-decoration: none;
font-family: "Open Sans", sans-serif; }
.link-3:hover {
text-decoration: underline; }
.link-13 {
font-size: 13px;
color: #4c9cdf;
text-decoration: none;
font-family: "Open Sans", sans-serif; }
.link-13:hover {
text-decoration: underline; }
.link-14 {
font-size: 14px;
color: #4c9cdf;
text-decoration: none;
font-family: "Open Sans", sans-serif; }
.link-14:hover {
text-decoration: underline; }
.black-link {
color: #000; }
.disabled-link {
font-size: 12px;
color: #46535e;
text-decoration: none;
font-family: "Open Sans", sans-serif; }
.disabled-link:hover {
text-decoration: none; }
.second-link-1 {
font-size: 18px;
color: #21a2e4;
text-decoration: none;
font-family: "Open Sans", sans-serif; }
.second-link-1:hover {
text-decoration: underline; }
.body-font {
font-size: 13px;
font-family: "Open Sans", sans-serif; }
.body-font-small {
font-size: 11px;
font-family: "Open Sans", sans-serif; }
.body-font-18 {
font-size: 18px;
font-family: "Open Sans", sans-serif; }
.header-secondary {
font-size: 18px;
font-family: 'Open Sans', sans-serif;
margin: 0; }
.heading-1 {
font-family: 'Open Sans', sans-serif;
font-size: 26px;
font-weight: 600; }
.heading-2 {
font-family: 'Open Sans', sans-serif;
font-size: 18px;
font-weight: 600; }
.heading-3 {
font-family: 'Open Sans', sans-serif;
font-size: 18px; }
.heading-4 {
font-family: 'Open Sans', sans-serif;
font-size: 34px; }
.heading-16 {
font-family: 'Open Sans', sans-serif;
font-size: 16px; }
.largest {
font-size: 40px; }
.font-30 {
font-size: 30px; }
.larger {
font-size: 25px; }
.large-20 {
font-size: 20px; }
.large-18 {
font-size: 18px; }
.large {
font-size: 16px; }
.regular {
font-size: 14px; }
.small {
font-size: 12px; }
.small-11 {
font-size: 11px; }
.smaller {
font-size: 10px; }
.darker {
color: #252c33; }
.dark {
color: #46535e; }
.light {
color: #9ca3a8; }
.lighter {
color: #e5e7e8; }
.weight-300 {
font-weight: 300; }
.weight-400 {
font-weight: 400; }
.weight-600 {
font-weight: 600; }
.weight-700 {
font-weight: 700; }
.dots-loader {
background: url("images/ajax-loaders/dots.gif") no-repeat;
display: block;
width: 50px;
height: 10px;
margin-left: auto;
margin-right: auto;
margin-top: 40px; }
.horizontal-loader {
background: url("images/ajax-loaders/horizontal.gif") no-repeat;
display: inline-block;
width: 20px;
height: 16px; }
.dots-loader-no-margin {
background: url("images/ajax-loaders/dots.gif") no-repeat;
display: block;
height: 10px;
margin-left: auto;
margin-right: auto; }
.link-near-button {
margin-right: 10px;
line-height: 29px; }
.link-near-button-left {
margin-left: 10px;
line-height: 36px; }
.line-height-18 {
line-height: 18px; }
.standard-padding-left {
padding-left: 20px; }
.standard-padding-right {
padding-right: 20px; }
.less-padding-2-left {
padding-left: 10px; }
.less-padding-2-right {
padding-right: 10px; }
.standard-margin {
margin: 30px 0 0 0; }
.medium-margin {
margin: 20px 0 0 0; }
.less-margin {
margin: 5px 0 0 0; }
.less-margin-2 {
margin: 10px 0 0 0; }
.less-margin-3 {
margin: 15px 0 0 0; }
.less-margin-left {
margin-left: 5px; }
.less-margin-right {
margin-right: 5px; }
.medium-margin-left {
margin-left: 10px; }
.standard-margin-left {
margin-left: 20px; }
.margin-left-15 {
margin-left: 15px; }
.medium-margin-right {
margin-right: 10px; }
.margin-right-15 {
margin-right: 15px; }
.standard-margin-right {
margin-right: 20px; }
.standard-margin-bottom {
margin-bottom: 30px; }
.medium-margin-bottom {
margin-bottom: 20px; }
.less-margin-bottom {
margin-bottom: 5px; }
.less-margin-2-bottom {
margin-bottom: 10px; }
.margin-bottom-10 {
margin-bottom: 10px; }
.margin-bottom-15 {
margin-bottom: 15px; }
.margin-bottom-50 {
margin-bottom: 50px; }
.margin-top-50 {
margin-top: 50px; }
.margin-top-8 {
margin-top: 8px; }
.round-border {
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px; }
.form-label,
.content-heading {
color: #252c33;
font-size: 14px; }
.content-heading-bold {
color: #252c33;
font-size: 14px;
font-weight: 600; }
.section-header {
color: #999;
/*font-size: 14px*/ }
.page-heading {
color: #252c33;
font-size: 26px; }
.section-header-red {
color: #b11616;
font-size: 14px; }
.normal-heading {
color: #252c33;
font-size: 14px; }
.attribute-value {
font-family: 'Open Sans', sans-serif;
font-size: 14px;
font-weight: 600;
color: #4c9cdf; }
.gray-text {
color: #9ca3a8 !important; }
.red-text {
color: #d33737 !important; }
.green-text {
color: #73b369 !important; }
.dark-gray-text {
color: #46535e !important; }
.white-text {
color: #fff !important; }
.orange-text {
color: #f49020 !important; }
.sprites {
background: url("../profiles/hackerearth/images/sprites.png") no-repeat;
display: block; }
.small-cross {
background-position: -292px -222px;
width: 10px;
height: 10px;
cursor: pointer; }
.small-cross:hover {
background-position: -305px -222px; }
.dropdown-icon {
background-position: -191px -284px;
display: block;
width: 6px;
height: 4px;
margin-top: 7px; }
.small-delete-icon,
.small-delete-icon-hover {
background-position: -292px -222px;
display: block;
width: 10px;
height: 10px; }
.small-delete-icon-hover:hover {
background-position: -305px -222px; }
.blue-delete-icon,
.blue-delete-icon-hover {
background-position: -347px -267px;
display: block;
width: 10px;
height: 10px; }
.blue-delete-icon-hover:hover {
background-position: -362px -267px; }
.blue-edit-icon,
.blue-edit-icon-hover {
background-position: -378px -266px;
display: block;
width: 11px;
height: 10px; }
.blue-edit-icon-hover:hover {
background-position: -392px -266px; }
.refresh-blue {
background-position: -368px -237px;
width: 15px;
height: 15px; }
.modal-window {
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
border: 0;
-webkit-box-shadow: 0 0 10px #444;
-moz-box-shadow: 0 0 10px #444;
box-shadow: 0 0 10px #444;
display: none;
background-color: #fff; }
html.ie8 .modal-window,
html.ie7 .modal-window,
html.ie6 .modal-window {
border: 2px solid; }
.modal-window .modal-header {
padding: 15px 20px;
color: #46535e;
font-size: 22px;
min-height: 20px;
-webkit-border-radius: 3px 3px 0 0;
-moz-border-radius: 3px 3px 0 0;
border-radius: 3px 3px 0 0; }
.modal-window .modal-header.fancy-header {
background: #323754;
background: rgba(50, 55, 84, 0.8);
color: #e5e7e8; }
.lt-ie8 .modal-window .modal-header.fancy-header {
zoom: 1; }
.lt-ie9 .modal-window .modal-header.fancy-header {
background: transparent;
/*filter: progid: DXImageTransform.Microsoft.gradient(startColorstr=#CC323754, endColorstr=#CC323754)*/ }
.lt-ie9 .modal-window .modal-header.fancy-header:nth-child(n) {
filter: none; }
.modal-window .modal-content {
padding: 20px 30px 20px 30px;
max-height: 450px; }
.modal-window .modal-content h1 {
font-size: 18px;
color: #000; }
.modal-window .modal-footer {
padding: 20px 30px 20px 30px;
-webkit-border-radius: 0 0 3px 3px;
-moz-border-radius: 0 0 3px 3px;
border-radius: 0 0 3px 3px;
z-index: 1; }
.modal-window .modal-footer .btn-large {
padding: 8px 30px !important; }
.modal-window .modal-footer.fancy-footer {
background: #e5e7e8;
background: rgba(229, 231, 232, 0.4);
border-top: 1px solid #e5e7e8; }
.lt-ie8 .modal-window .modal-footer.fancy-footer {
zoom: 1; }
.lt-ie9 .modal-window .modal-footer.fancy-footer {
background: transparent;
/*filter: progid: DXImageTransform.Microsoft.gradient(startColorstr=#66E5E7E8, endColorstr=#66E5E7E8)*/ }
.lt-ie9 .modal-window .modal-footer.fancy-footer:nth-child(n) {
filter: none; }
.smaller-modal {
width: 450px; }
.smaller-modal .modal-content {
min-height: 150px;
overflow-y: auto; }
.small-modal {
width: 520px; }
.small-modal .modal-content {
min-height: 150px;
overflow-y: auto; }
.regular-modal {
width: 720px; }
.regular-modal .modal-content {
min-height: 150px;
overflow-y: auto; }
.large-modal {
width: 830px; }
.large-modal .modal-content {
height: 350px;
overflow-y: auto; }
.very-large-modal {
width: 960px;
max-width: 100%; }
.very-large-modal .modal-content {
height: 430px;
overflow-y: auto; }
#simplemodal-container a.modalCloseImg {
background: none !important;
position: absolute;
top: -7px !important;
right: -20px !important;
color: #9ca3a8;
line-height: 0;
opacity: 0.8; }
#simplemodal-container a.modalCloseImg:before {
font-family: 'Open Sans', sans-serif;
background: none !important;
font-size: 30px;
content: "\00d7";
font-weight: 600; }
#simplemodal-container a.modalCloseImg:hover {
text-decoration: none;
opacity: 1; }
#simplemodal-overlay {
background-color: #000;
opacity: 0.95 !important; }
#invite-only-modal .invite-only-content {
border-bottom: 1px dashed #e5e7e8;
padding: 15px 0 20px; }
#invite-only-modal .invite-only-content .invite-only-text {
display: block;
overflow: hidden;
padding: 0 15px; }
.tab-linear {
border-bottom: 1px solid #e5e7e8;
position: relative; }
.tab-linear .tab {
position: relative;
float: left;
font-family: 'Open Sans', sans-serif;
margin-right: 10px;
height: 30px; }
.tab-linear .tab .tab-name {
cursor: pointer;
font-size: 14px;
color: #21a2e4;
padding: 5px 15px 7px 15px;
line-height: 17px;
border: 1px solid #fff;
border-bottom: 1px solid #e5e7e8; }
.tab-linear .tab .tab-name.selected {
color: #000;
border: 1px solid #e5e7e8;
border-bottom: 1px solid #fff; }
.tab-linear .tab:hover .tab-name {
color: #000;
border: 1px solid #e5e7e8;
border-bottom: 1px solid #fff; }
.tab-menu {
margin: 0;
padding: 0;
margin-bottom: 15px;
border-left: 1px solid #4c9cdf; }
.tab-menu .tab {
float: left; }
.tab-menu .tab .tab-name {
padding: 6px 15px 9px 15px;
border-top: 1px solid #4c9cdf;
border-bottom: 1px solid #4c9cdf;
border-right: 1px solid #4c9cdf;
color: #4c9cdf;
font-size: 1.4em;
cursor: pointer;
font-weight: 600;
width: auto;
text-align: center; }
.tab-menu .tab .tab-name.selected,
.tab-menu .tab .tab-name.selected:hover {
background-color: #4c9cdf;
color: #fff;
border: 1px solid #4c9cdf;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none; }
html.ie8 .tab-menu .tab .tab-name.selected,
html.ie8 .tab-menu .tab .tab-name.selected:hover,
html.ie7 .tab-menu .tab .tab-name.selected,
html.ie7 .tab-menu .tab .tab-name.selected:hover,
html.ie6 .tab-menu .tab .tab-name.selected,
html.ie6 .tab-menu .tab .tab-name.selected:hover {
border: 2px solid; }
.tab-menu .tab .tab-name.selected a,
.tab-menu .tab .tab-name.selected:hover a {
color: #fff; }
.tab-menu .tab .tab-name:hover {
background-color: #e0f2f6; }
.tab-underline.border-top-bottom,
.tab-underline-blue.border-top-bottom,
.tab-underline-alt.border-top-bottom {
border-bottom: 1px solid #e5e7e8;
border-top: 1px solid #e5e7e8;
-webkit-box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.5);
-moz-box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.5);
box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.5); }
html.ie8 .tab-underline.border-top-bottom,
html.ie8 .tab-underline-blue.border-top-bottom,
html.ie8 .tab-underline-alt.border-top-bottom,
html.ie7 .tab-underline.border-top-bottom,
html.ie7 .tab-underline-blue.border-top-bottom,
html.ie7 .tab-underline-alt.border-top-bottom,
html.ie6 .tab-underline.border-top-bottom,
html.ie6 .tab-underline-blue.border-top-bottom,
html.ie6 .tab-underline-alt.border-top-bottom {
border: 2px solid; }
.tab-underline.border-top-bottom:before,
.tab-underline-blue.border-top-bottom:before,
.tab-underline-alt.border-top-bottom:before {
content: "";
width: 100%;
display: block;
-webkit-box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.5);
-moz-box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.5);
box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.5);
height: 1px;
position: relative;
top: -1px; }
html.ie8 .tab-underline.border-top-bottom:before,
html.ie8 .tab-underline-blue.border-top-bottom:before,
html.ie8 .tab-underline-alt.border-top-bottom:before,
html.ie7 .tab-underline.border-top-bottom:before,
html.ie7 .tab-underline-blue.border-top-bottom:before,
html.ie7 .tab-underline-alt.border-top-bottom:before,
html.ie6 .tab-underline.border-top-bottom:before,
html.ie6 .tab-underline-blue.border-top-bottom:before,
html.ie6 .tab-underline-alt.border-top-bottom:before {
border: 2px solid; }
.tab-underline {
position: relative; }
.tab-underline .tab {
position: relative;
float: left;
font-family: "Open Sans", sans-serif; }
.tab-underline .tab .tab-name {
cursor: pointer;
font-size: 14px;
color: #00b7df;
margin-left: 20px;
padding: 0 2px 7px 2px; }
.tab-underline .tab .tab-name.selected {
color: #000;
border-bottom: 4px solid #000; }
.tab-underline .tab:hover .tab-name {
color: #000; }
.tab-underline-blue {
position: relative;
border-bottom: 1px solid #e5e7e8; }
.tab-underline-blue .tab {
position: relative;
float: left; }
.tab-underline-blue .tab .tab-name {
cursor: pointer;
font-size: 14px;
color: #4c9cdf;
margin-left: 10px;
padding: 0 2px 7px 2px; }
.tab-underline-blue .tab .tab-name.selected {
color: #4c9cdf !important;
border-bottom: 3px solid #4c9cdf;
font-weight: 600; }
.tab-underline-blue .tab .tab-name.tab-dark {
color: #46535e;
font-weight: 600; }
.tab-underline-blue .tab:hover .tab-name {
color: #4c9cdf; }
.tab-underline-blue.background-style {
background-color: #f5f7f8;
padding-top: 10px; }
.tab-underline-alt {
position: relative;
padding: 0;
margin: 0;
list-style: none; }
.tab-underline-alt a {
text-decoration: none; }
.tab-underline-alt a li {
float: left;
font-size: 14px;
color: #4c9cdf;
margin-left: 20px;
padding: 0 2px 7px 2px; }
.tab-underline-alt a li.selected {
color: #4c9cdf;
border-bottom: 3px solid #4c9cdf; }
.tab-underline-alt a li.hover {
color: #4c9cdf; }
.table-display {
display: table;
width: 100%; }
.table-display .row {
display: table-row; }
.table-display .row > div {
display: table-cell; }
.row-display {
display: table-row;
width: 100%; }
.row-display div {
display: table-cell; }
.row-display .link-3 {
margin-left: 10px; }
.row-display .button {
margin-left: 20px; }
.more-menu-link .nav-menu a {
float: left;
text-decoration: none; }
.more-menu-link .nav-menu a:hover {
color: #333; }
.more-menu-link .nav-menu .dropdown-icon {
float: left;
margin-top: 7px; }
.more-menu-link .nav-menu:hover {
text-decoration: underline; }
.more-menu-link .selected {
text-decoration: underline; }
.more-menu-dropdown {
min-width: 200px;
z-index: 100; }
.more-menu-dropdown .more-menu-list {
-webkit-box-shadow: 0 0 5px #ddd;
-moz-box-shadow: 0 0 5px #ddd;
box-shadow: 0 0 5px #ddd;
list-style-type: none;
background-color: #fff;
color: #000;
padding: 0;
margin: 0;
border: 1px solid #e5e7e8; }
html.ie8 .more-menu-dropdown .more-menu-list,
html.ie7 .more-menu-dropdown .more-menu-list,
html.ie6 .more-menu-dropdown .more-menu-list {
border: 2px solid; }
.more-menu-dropdown .more-menu-list li {
padding: 0;
cursor: pointer;
border-bottom: 1px solid #e5e7e8; }
.more-menu-dropdown .more-menu-list li a {
display: block;
padding: 8px;
padding-left: 15px;
text-decoration: none;
color: #46535e; }
.more-menu-dropdown .more-menu-list li div.icon {
margin: 10px; }
.more-menu-dropdown .more-menu-list li:hover {
background-color: #e0f2f6; }
.more-menu-dropdown .more-menu-list li:clicked {
background-color: #e0f2f6; }
.more-menu-dropdown .more-menu-list li:last-child {
border-bottom: 0; }
.more-menu-dropdown .more-menu-list li.item-category {
padding: 7px 15px;
color: #999;
background-color: #eee; }
.more-menu-dropdown .more-menu-list li.item-category:hover {
background-color: #eee; }
.more-menu-dropdown .more-menu-list li input {
margin: 0 5px 0 0; }
.more-menu-dropdown .more-menu-list li label {
cursor: pointer; }
#alert-message-holder {
position: fixed;
top: 54px;
left: 50%;
width: 600px;
margin-left: -300px;
z-index: 2000; }
#alert-message-holder div.alert-message {
font-size: 13px;
line-height: 18px;
margin-bottom: 20px;
background-color: #f5da81;
-webkit-box-shadow: 0 0 5px #444;
-moz-box-shadow: 0 0 5px #444;
box-shadow: 0 0 5px #444;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px; }
html.ie8 #alert-message-holder div.alert-message,
html.ie7 #alert-message-holder div.alert-message,
html.ie6 #alert-message-holder div.alert-message {
border: 2px solid; }
#alert-message-holder div.alert-message .message {
width: 560px;
padding: 5px;
padding-left: 10px;
text-align: center; }
#alert-message-holder div.alert-message .cross-holder {
width: 20px;
padding: 10px 0 5px 5px; }
.social-label {
line-height: 34px; }
.modal-social-login li,
.modal-social-signup li {
float: left;
margin-left: 15px; }
.modal-social-login .facebook,
.modal-social-signup .facebook {
background-position: -596px -104px;
width: 34px;
height: 34px; }
.modal-social-login .facebook:hover,
.modal-social-signup .facebook:hover {
background-position: -638px -106px; }
.modal-social-login .github,
.modal-social-signup .github {
background-position: -681px -107px;
width: 34px;
height: 34px; }
.modal-social-login .github:hover,
.modal-social-signup .github:hover {
background-position: -724px -107px; }
.modal-social-login .google,
.modal-social-signup .google {
background-position: -767px -106px;
width: 34px;
height: 34px; }
.modal-social-login .google:hover,
.modal-social-signup .google:hover {
background-position: -808px -106px; }
.follower-box {
border: 1px solid #e5e7e8;
background-color: #f0f0f0;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
height: 113px;
width: 258px;
padding: 15px;
margin-top: 13px;
float: left; }
.follower-box .icon-text .skill {
display: inline-block;
width: 175px; }
.follower-box .attributes {
line-height: 22px; }
.follower-box .image-div {
float: left;
width: 30px;
margin-right: 10px; }
.follower-box .text-div {
float: left;
width: 208px;
margin-right: 10px; }
.follower-box .follow-div {
width: 90px; }
.compile-error {
background-image: url("images/alert-icon.gif");
width: 16px;
height: 16px;
background-repeat: no-repeat;
background-position: center; }
.cv-error {
background-image: url("images/alert-icon.gif");
width: 16px;
height: 16px;
background-repeat: no-repeat;
background-position: center; }
.clock-error {
background-image: url("images/clock_error.png");
width: 16px;
height: 16px;
background-repeat: no-repeat;
background-position: center; }
.correct-submission {
background-image: url("images/tick-icon.gif");
width: 16px;
height: 16px;
background-repeat: no-repeat;
background-position: center; }
.partial-correct {
background-image: url("images/partial_tick_red.png");
width: 12px;
height: 10px;
background-repeat: no-repeat;
background-position: center; }
.wrong-answer {
background-image: url("images/cross-icon.gif");
width: 16px;
height: 16px;
background-repeat: no-repeat;
background-position: center; }
.runtime-error {
background-image: url("images/runtime-error.png");
width: 16px;
height: 16px;
background-repeat: no-repeat;
background-position: center; }
.memory-error {
background-image: url("images/memory-error.jpg");
width: 16px;
height: 16px;
background-repeat: no-repeat;
background-position: center; }
.queue-submission {
background-image: url("images/queue-icon.gif");
width: 16px;
height: 16px;
background-repeat: no-repeat;
background-position: center; }
.ui-submission {
background-image: url("images/ui-submission-icon.png");
width: 16px;
height: 16px;
background-repeat: no-repeat;
background-position: center; }
.bot-submission {
background-image: url("images/bot-submission-icon.png");
width: 16px;
height: 16px;
background-repeat: no-repeat;
background-position: center; }
.compile-error-message {
padding: 10px;
background-color: #e67676;
color: #fff;
font-weight: 600;
margin-right: 20px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px; }
.info-box {
padding: 10px;
background-color: element-background-color;
margin: auto; }
/*.info-box:margin-top:40px,*/
/*.info-box width:40%,*/
.info-box h1 {
font-weight: 600;
font-size: heading-size;
margin-top: 0;
margin-bottom: 15px;
color: light-text-color; }
.blue-arrow-left {
background-position: -244px -276px;
width: 14px;
height: 11px; }
.blue-arrow-right {
background-position: -262px -275px;
width: 14px;
height: 11px; }
.sort {
background-position: -817px -226px;
width: 7px;
height: 10px; }
.sort-up {
background-position: -834px -230px;
width: 7px;
height: 4px; }
.sort-down {
background-position: -849px -229px;
width: 7px;
height: 10px; }
.search-icon {
background-position: -450px -259px;
width: 13px;
height: 13px; }
.search-icon2 {
background-position: -674px -225px;
width: 16px;
height: 16px; }
.settings-black {
background-position: -757px -225px;
width: 16px;
height: 16px; }
.problem-icon {
background-position: -506px -260px;
width: 30px;
height: 30px; }
.challenge-icon {
background-position: -506px -225px;
width: 30px;
height: 30px; }
.green-tick-small {
background-position: -267px -193px;
width: 18px;
height: 18px; }
.footer-large {
padding-top: 15px;
position: relative;
width: 100%;
background: #fff;
border-top: 1px solid #e5e7e8; }
.footer-large .mixpanel-logo {
position: absolute;
bottom: 45px;
right: 10px; }
.footer-large .content {
max-width: 1100px;
width: 100%;
padding: 0 10px;
box-sizing: border-box;
display: flex;
margin: 0 auto; }
.footer-large .content .footer-sub-container {
margin: 0 auto; }
.footer-large .content .footer-sub-container .footer-link {
color: #90979e;
text-decoration: none;
font-size: 12px; }
.footer-large .content .footer-sub-container .footer-link:hover {
color: #09f; }
.footer-large .content .footer-sub-container a {
text-decoration: none; }
.footer-large .content .footer-sub-container a:hover {
text-decoration: underline; }
.footer-large .content .footer-sub-container div.section {
box-sizing: border-box;
display: inline-block;
vertical-align: top;
text-align: left;
margin-bottom: 15px;
padding: 0 10px; }
.footer-large .content .footer-sub-container div.section .category-title {
color: #9ca3a8;
font-family: 'Open Sans', sans-serif;
font-size: 15px;
font-weight: bold;
margin-bottom: 15px;
margin-top: 10px;
text-transform: uppercase; }
.footer-large .content .footer-sub-container div.section ul {
list-style-type: none;
padding: 0; }
.footer-large .content .footer-sub-container div.section li {
margin-bottom: 10px; }
.footer-large .content .footer-sub-container div.section li a {
font-size: 13px;
color: #9ca3a8; }
.footer-large .content .footer-sub-container div.section li a:hover {
color: #46535e; }
.footer-large .content .footer-sub-container div.section.connect {
width: 40%; }
.footer-large .content .footer-sub-container .clear-show-tablet {
display: none; }
.footer-large .footer-bottom-container {
border-top: 1px solid #e5e7e8; }
.footer-large .footer-bottom-container .footer-bottom {
color: #9ca3a8;
font-size: 13px;
padding: 10px 0;
max-width: 1100px;
margin: 0 auto; }
.footer-large .footer-bottom-container .footer-bottom img {
width: 24px;
opacity: 0.5; }
.footer-large .footer-bottom-container .footer-bottom img.old-he-footer {
background-color: #323754;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
opacity: 1; }
.footer-large .footer-bottom-container .footer-bottom span {
line-height: 24px; }
.footer-large .footer-bottom-container .footer-bottom span a {
color: #9ca3a8; }
.footer-large .map {
display: inline-block;
vertical-align: top; }
.footer-large .reach {
padding: 7px 7px 4px 7px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
height: 130px;
vertical-align: top;
width: auto;
display: block;
padding: 0;
line-height: 22px;
overflow: hidden;
height: 100%; }
.footer-large .reach h1,
.footer-large .reach p,
.footer-large .reach .social-links a {
color: #9ca3a8; }
.footer-large .reach p a {
color: #9ca3a8; }
.footer-large .reach .he-address {
margin: 0; }
.full-width {
width: 100%; }
.nice-box {
background: #fff;
border-top: 3px solid #4c9cdf;
-webkit-box-shadow: 0 1px 3px 0 #e5e7e8;
-moz-box-shadow: 0 1px 3px 0 #e5e7e8;
box-shadow: 0 1px 3px 0 #e5e7e8;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
padding: 10px 0;
max-width: 800px; }
html.ie8 .nice-box,
html.ie7 .nice-box,
html.ie6 .nice-box {
border: 2px solid; }
.nice-box .content {
padding: 0 15px; }
.f-icon {
display: inline-block;
background-position: -566px -477px;
width: 17px;
height: 18px; }
.t-icon {
display: inline-block;
background-position: -591px -503px;
width: 17px;
height: 18px; }
.g-icon {
display: inline-block;
background-position: -619px -478px;
width: 17px;
height: 18px; }
.git-icon {
display: inline-block;
background-position: -591px -477px;
width: 17px;
height: 18px; }
.fa-black {
color: #000; }
.fa-green {
color: #73b369; }
.fa-red {
color: #d33737; }
.fa-orange {
color: #f49020; }
.fa-grey {
color: #9ca3a8; }
.fa-blue {
color: #4c9cdf; }
.fa-yellow {
color: #fffcdf; }
pre {
overflow-x: auto; }
.word-with-line {
border-bottom: 1px solid #e5e7e8;
line-height: .1em;
width: 40%; }
.word-with-line span {
background: #fff;
padding: 0 10px; }
.d3-tip {
line-height: 1;
font-weight: bold;
padding: 12px;
background: rgba(0, 0, 0, 0.8);
color: #fff;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
position: absolute;
top: 0; }
.d3-tip:after {
box-sizing: border-box;
display: inline;
font-size: 10px;
width: 100%;
line-height: 1;
color: rgba(0, 0, 0, 0.8);
content: "\25BC";
position: absolute;
text-align: center; }
.d3-tip.n:after {
margin: -1px 0 0 0;
top: 100%;
left: 0; }
.text-highlight {
background-color: #ff0; }
.highlighter {
padding: 3px 10px;
color: #fff;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px; }
.hlt-green {
background-color: #18a76c; }
.add-friend-icon {
color: #fff;
line-height: 42px !important;
margin-left: 8px;
text-shadow: -1px -1px 0 #0b5e8a; }
.add-icon {
height: 20px !important;
width: 20px !important;
font-size: 10px !important;
margin-top: -3px; }
.profile-completeness-card {
border: 1px solid #ddd;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px; }
.profile-completeness-card .completeness-card-body {
padding: 8px; }
.profile-completeness-card .completeness-card-header {
padding: 5px 8px 5px 8px;
border-bottom: 1px solid #ddd; }
.profile-completeness-card .red {
color: #dd4b39; }
.profile-completeness-card .red-orange {
color: #e67e22; }
.profile-completeness-card .orange {
color: #f1c40f; }
.profile-completeness-card .green {
color: #73b369; }
.profile-impact .profile-impact-graph {
background: url("../profiles/hackerearth/images/profileMeter.jpg");
height: 75px;
width: 155px;
margin: 20px auto;
position: relative; }
.profile-impact .profile-impact-graph .profile-impact-needle {
background: #9ca3a8;
position: absolute;
bottom: 4px;
z-index: 10;
width: 2px;
height: 50px;
left: 0;
right: 0;
margin: 0 auto;
-moz-transform: rotate(-90deg);
-webkit-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
-o-transform: rotate(-90deg);
transform: rotate(-90deg);
-moz-transform-origin: 100% 100%;
-webkit-transform-origin: 100% 100%;
-ms-transform-origin: 100% 100%;
-o-transform-origin: 100% 100%;
-webkit-transform-origin: 100% 100%; }
.profile-impact .profile-impact-graph .profile-impact-needle:before {
content: '';
width: 10px;
height: 10px;
background: #9ca3a8;
position: absolute;
right: -5px;
margin: 0 auto;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
top: 90%; }
.table-user-info {
width: 70%; }
.table-user-image img {
margin-top: 4px; }
.yellow-banner {
background-color: #fffcdf;
border: 1px solid #e0ddbb;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
padding: 5px; }
.yellow-banner.no-border {
border: 0; }
.text-shadow-black {
text-shadow: 0 1px 1px #000; }
.opacity-5 {
opacity: 0.5; }
.notification-icon {
position: relative; }
.notification-icon .notif-count {
position: absolute;
top: 5px;
right: 5px;
padding: 3px;
background-color: #d33737;
color: #fff;
font-weight: 600;
font-size: 10px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
-webkit-box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.5);
-moz-box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.5);
box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.5);
line-height: 10px; }
html.ie8 .notification-icon .notif-count,
html.ie7 .notification-icon .notif-count,
html.ie6 .notification-icon .notif-count {
border: 2px solid; }
#notifications-box {
width: 350px; }
#notifications-box .notifications-title-container {
margin: 5px 10px; }
#notifications-box .notifications-container {
min-height: 100px;
max-height: 500px;
overflow-y: auto;
border-top: 1px solid #e5e7e8;
border-bottom: 1px solid #e5e7e8; }
#notifications-box .notifications-container .unseen {
background: #fffcdf; }
.notification-item {
padding: 10px;
border-bottom: 1px dashed #e5e7e8; }
.notification-item .notification-message {
width: 270px;
margin-top: 2px; }
.notification-item:hover {
background: rgba(255, 252, 223, 0.5) !important;
cursor: pointer; }
.notification-item .notification-company-image {
width: 50px;
height: 50px;
background-size: contain;
background-repeat: no-repeat;
background-position: center; }
ul.left-nav {
margin: 0;
padding: 0;
margin-bottom: 15px;
list-style-type: none;
border-top-left-radius: 3px;
border-bottom-left-radius: 3px;
-webkit-border-top-left-radius: 3px;
-webkit-border-bottom-left-radius: 3px;
-moz-border-radius-topleft: 3px;
-moz-border-radius-bottomleft: 3px; }
ul.left-nav li.left-nav-header {
background-color: #e5e7e8;
color: #46535e;
text-transform: uppercase;
cursor: default;
margin-bottom: 15px; }
ul.left-nav li.left-nav-header:hover {
background: #e5e7e8;
background: #e5e7e8;
color: #46535e; }
.lt-ie8 ul.left-nav li.left-nav-header:hover {
zoom: 1; }
.lt-ie9 ul.left-nav li.left-nav-header:hover {
background: transparent;
/*filter: progid: DXImageTransform.Microsoft.gradient(startColorstr=#FFE5E7E8, endColorstr=#FFE5E7E8)*/ }
.lt-ie9 ul.left-nav li.left-nav-header:hover:nth-child(n) {
filter: none; }
ul.left-nav li {
padding: 5px 0 5px 18px;
font-size: 1.3em;
cursor: pointer;
font-weight: 600;
color: #9ca3a8; }
ul.left-nav li.selected {
color: #4c9cdf;
-webkit-box-shadow: 5px 0 0 0 #4c9cdf inset;
-moz-box-shadow: 5px 0 0 0 #4c9cdf inset;
box-shadow: 5px 0 0 0 #4c9cdf inset; }
html.ie8 ul.left-nav li.selected,
html.ie7 ul.left-nav li.selected,
html.ie6 ul.left-nav li.selected {
border: 2px solid; }
ul.left-nav li.selected a {
color: #4c9cdf; }
ul.left-nav li:hover {
color: #4c9cdf; }
ul.left-nav li a {
color: #9ca3a8; }
ul.left-nav li a:hover {
color: #4c9cdf; }
ul.left-nav-blue,
.left-nav-black {
margin: 0;
padding: 0;
margin-bottom: 15px;
list-style-type: none; }
ul.left-nav-blue li.left-nav-header,
.left-nav-black li.left-nav-header {
background: #d9deea;
background: rgba(217, 222, 234, 0.7);
border-bottom: 1px solid #d9deea;
color: #46535e;
text-transform: uppercase;
font-weight: bold;
margin-bottom: 15px;
cursor: default;
-webkit-box-shadow: 1px 1px 1px 0 rgba(237, 240, 249, 0.8) inset;
-moz-box-shadow: 1px 1px 1px 0 rgba(237, 240, 249, 0.8) inset;
box-shadow: 1px 1px 1px 0 rgba(237, 240, 249, 0.8) inset;
-webkit-border-radius: 3px 0 0 0;
-moz-border-radius: 3px 0 0 0;
border-radius: 3px 0 0 0; }
.lt-ie8 ul.left-nav-blue li.left-nav-header,
.lt-ie8 .left-nav-black li.left-nav-header {
zoom: 1; }
.lt-ie9 ul.left-nav-blue li.left-nav-header,
.lt-ie9 .left-nav-black li.left-nav-header {
background: transparent;
/*filter: progid: DXImageTransform.Microsoft.gradient(startColorstr=#B2D9DEEA, endColorstr=#B2D9DEEA)*/ }
.lt-ie9 ul.left-nav-blue li.left-nav-header:nth-child(n),
.lt-ie9 .left-nav-black li.left-nav-header:nth-child(n) {
filter: none; }
html.ie8 ul.left-nav-blue li.left-nav-header,
html.ie8 .left-nav-black li.left-nav-header,
html.ie7 ul.left-nav-blue li.left-nav-header,
html.ie7 .left-nav-black li.left-nav-header,
html.ie6 ul.left-nav-blue li.left-nav-header,
html.ie6 .left-nav-black li.left-nav-header {
border: 2px solid; }
ul.left-nav-blue li.left-nav-header:hover,
.left-nav-black li.left-nav-header:hover {
color: #46535e; }
ul.left-nav-blue li,
.left-nav-black li {
padding: 5px 0 5px 18px;
font-size: 1.3em;
cursor: pointer;
color: #9ca3a8;
font-weight: 600; }
ul.left-nav-blue li.selected,
.left-nav-black li.selected {
color: #4c9cdf;
-webkit-box-shadow: 5px 0 0 0 #4c9cdf inset;
-moz-box-shadow: 5px 0 0 0 #4c9cdf inset;
box-shadow: 5px 0 0 0 #4c9cdf inset; }
html.ie8 ul.left-nav-blue li.selected,
html.ie8 .left-nav-black li.selected,
html.ie7 ul.left-nav-blue li.selected,
html.ie7 .left-nav-black li.selected,
html.ie6 ul.left-nav-blue li.selected,
html.ie6 .left-nav-black li.selected {
border: 2px solid; }
ul.left-nav-blue li.selected a,
.left-nav-black li.selected a {
color: #4c9cdf;
text-decoration: none; }
ul.left-nav-blue li:hover,
.left-nav-black li:hover {
color: #4c9cdf; }
ul.left-nav-blue li a,
.left-nav-black li a {
color: #9ca3a8; }
ul.left-nav-blue li a:hover,
.left-nav-black li a:hover {
color: #4c9cdf;
text-decoration: none; }
ul.left-nav-common {
width: 200px; }
.share-icons .fb-share {
background-position: -751px -503px;
width: 28px;
height: 27px; }
.share-icons .twitter-share {
background-position: -717px -503px;
width: 28px;
height: 27px; }
.share-icons .in-share {
background-position: -816px -502px;
width: 28px;
height: 27px; }
.share-icons .gplus-share {
background-position: -783px -502px;
width: 28px;
height: 27px; }
.new-message-div {
position: relative; }
.new-message-div .new-message {
position: absolute;
top: 8px;
padding: 1px 4px 1px 3px;
left: 36px;
background-color: #d33737;
color: #fff;
font-weight: 600;
font-size: 7px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
-webkit-box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.5);
-moz-box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.5);
box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.5);
text-transform: uppercase; }
html.ie8 .new-message-div .new-message,
html.ie7 .new-message-div .new-message,
html.ie6 .new-message-div .new-message {
border: 2px solid; }
.add-event {
display: box;
width: 125px;
position: relative; }
.add-event .addthisevent_dropdown {
position: absolute;
display: none;
padding: 3px;
margin-top: 5px;
margin-left: -20px;
background: #fff;
-webkit-border-radius: 3px 3px 3px 3px;
-moz-border-radius: 3px 3px 3px 3px;
border-radius: 3px 3px 3px 3px;
-moz-border-radius: 3px 3px 3px 3px;
-webkit-border-radius: 3px 3px 3px 3px;
-webkit-box-shadow: 0 1px 10px 0 rgba(156, 163, 168, 0.7);
-moz-box-shadow: 0 1px 10px 0 rgba(156, 163, 168, 0.7);
box-shadow: 0 1px 10px 0 rgba(156, 163, 168, 0.7);
-moz-box-shadow: 0 1px 10px 0 rgba(156, 163, 168, 0.7);
-webkit-box-shadow: 0 1px 10px 0 rgba(156, 163, 168, 0.7);
z-index: 99; }
html.ie8 .add-event .addthisevent_dropdown,
html.ie7 .add-event .addthisevent_dropdown,
html.ie6 .add-event .addthisevent_dropdown {
border: 2px solid; }
.add-event .addthisevent_dropdown .copyx {
display: none; }
.add-event .addthisevent_dropdown span {
display: block;
padding: 4px 8px; }
.add-event .addthisevent_dropdown span:hover {
color: #fff;
background-color: #4c9cdf; }
.g-recaptcha {
width: 304px !important;
margin: 0 auto 10px !important; }
.tips-container {
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
font-size: 13px; }
.tips-container .tips-label {
float: left;
color: #fff;
background: rgba(156, 163, 168, 0.7);
font-weight: bold;
padding: 5px 3px;
border-top-left-radius: 3px;
border-bottom-left-radius: 3px; }
.tips-container .tips-label .letter {
text-align: center;
margin-bottom: -4px; }
.tips-container .tips-text {
float: left;
padding: 5px 10px;
color: #9ca3a8;
border: 1px dashed #e5e7e8;
border-left: none; }
#live-events-container {
position: fixed;
right: 0;
top: 80px;
z-index: 10000; }
#live-events-container #live-events-placeholder {
position: relative;
-webkit-border-radius: 4px 4px 0 0;
-moz-border-radius: 4px 4px 0 0;
border-radius: 4px 4px 0 0;
background-color: #73b369;
padding: 5px 7px;
font-weight: bold;
font-size: 14px;
height: 21px;
opacity: .9;
color: #fff;
-moz-transform: rotate(270deg);
-webkit-transform: rotate(270deg);
-ms-transform: rotate(270deg);
-o-transform: rotate(270deg);
transform: rotate(270deg);
cursor: pointer;
text-transform: uppercase;
top: 35px;
right: -42px;
display: inline-block;
vertical-align: top; }
#live-events-container #live-events-placeholder:hover {
opacity: 1; }
#live-events-container #live-events-placeholder #live-events-widget-count {
position: absolute;
left: 96px;
top: -11px;
padding: 1px 4px;
color: #fff;
background: #d33737;
z-index: 1;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
font-size: 12px;
font-weight: bold;
-moz-transform: rotate(90deg);
-webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg);
-o-transform: rotate(90deg);
transform: rotate(90deg); }
#live-events-container #live-events-loading-parent {
position: relative;
display: inline-block;
background: #fff;
-webkit-box-shadow: -2px 1px 20px 0 rgba(156, 163, 168, 0.5);
-moz-box-shadow: -2px 1px 20px 0 rgba(156, 163, 168, 0.5);
box-shadow: -2px 1px 20px 0 rgba(156, 163, 168, 0.5); }
html.ie8 #live-events-container #live-events-loading-parent,
html.ie7 #live-events-container #live-events-loading-parent,
html.ie6 #live-events-container #live-events-loading-parent {
border: 2px solid; }
#live-events-container #live-events-loading {
position: relative;
background-color: #fff;
display: inline-block;
vertical-align: top;
width: 0;
box-sizing: border-box;
-webkit-border-radius: 0 0 0 3px;
-moz-border-radius: 0 0 0 3px;
border-radius: 0 0 0 3px;
overflow-y: auto;
min-height: 105px;
-webkit-box-shadow: -2px 1px 20px 0 rgba(156, 163, 168, 0.5);
-moz-box-shadow: -2px 1px 20px 0 rgba(156, 163, 168, 0.5);
box-shadow: -2px 1px 20px 0 rgba(156, 163, 168, 0.5); }
html.ie8 #live-events-container #live-events-loading,
html.ie7 #live-events-container #live-events-loading,
html.ie6 #live-events-container #live-events-loading {
border: 2px solid; }
#live-events-container .live-events-loaded {
border-top: 7px solid #fff;
border-bottom: 7px solid #fff;
padding: 0 10px 10px 10px; }
#live-events-container .live-events-widget-container {
padding: 10px;
border-bottom: 1px dashed #e5e7e8; }
#live-events-container .live-events-widget-icon {
width: 50px;
height: 55px;
line-height: 70px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
-ms-border-radius: 3px;
-o-border-radius: 3px; }
#live-events-container .live-events-widget-type {
text-transform: uppercase;
font-size: 10px;
font-weight: bold;
background: #fffcdf;
float: left;
padding: 1px 2px;
border: 1px solid #e0ddbb; }
#live-events-container .live-events-widget-text {
width: 230px; }
#live-events-container .live-events-widget-title {
text-align: center;
font-size: 12px; }
#live-events-container .live-events-placeholder-parent {
position: relative;
top: 37px;
right: -38px;
float: left; }
#live-events-container .live-hiring {
background: #d33737;
background: rgba(211, 55, 55, 0.5); }
.lt-ie8 #live-events-container .live-hiring {
zoom: 1; }
.lt-ie9 #live-events-container .live-hiring {
background: transparent;
/*filter: progid: DXImageTransform.Microsoft.gradient(startColorstr=#7FD33737, endColorstr=#7FD33737)*/ }
.lt-ie9 #live-events-container .live-hiring:nth-child(n) {
filter: none; }
#live-events-container .live-sprint {
background: #d33737;
background: rgba(211, 55, 55, 0.5); }
.lt-ie8 #live-events-container .live-sprint {
zoom: 1; }
.lt-ie9 #live-events-container .live-sprint {
background: transparent;
/*filter: progid: DXImageTransform.Microsoft.gradient(startColorstr=#7FD33737, endColorstr=#7FD33737)*/ }
.lt-ie9 #live-events-container .live-sprint:nth-child(n) {
filter: none; }
#live-events-container .live-non-hiring {
background: #f49020;
background: rgba(244, 144, 32, 0.5); }
.lt-ie8 #live-events-container .live-non-hiring {
zoom: 1; }
.lt-ie9 #live-events-container .live-non-hiring {
background: transparent;
/*filter: progid: DXImageTransform.Microsoft.gradient(startColorstr=#7FF49020, endColorstr=#7FF49020)*/ }
.lt-ie9 #live-events-container .live-non-hiring:nth-child(n) {
filter: none; }
#live-events-container .live-college {
background: #46535e;
background: rgba(70, 83, 94, 0.5); }
.lt-ie8 #live-events-container .live-college {
zoom: 1; }
.lt-ie9 #live-events-container .live-college {
background: transparent;
/*filter: progid: DXImageTransform.Microsoft.gradient(startColorstr=#7F46535E, endColorstr=#7F46535E)*/ }
.lt-ie9 #live-events-container .live-college:nth-child(n) {
filter: none; }
#live-events-container .live-ama {
background: #4c9cdf;
background: rgba(76, 156, 223, 0.5); }
.lt-ie8 #live-events-container .live-ama {
zoom: 1; }
.lt-ie9 #live-events-container .live-ama {
background: transparent;
/*filter: progid: DXImageTransform.Microsoft.gradient(startColorstr=#7F4C9CDF, endColorstr=#7F4C9CDF)*/ }
.lt-ie9 #live-events-container .live-ama:nth-child(n) {
filter: none; }
#live-events-container i {
color: #fff; }
.penta-complete .penta-star {
overflow: hidden;
color: #e5e7e8;
font-size: 13px;
cursor: pointer; }
.penta-complete .penta-star .penta-star-rating {
float: right;
display: block; }
.penta-complete .penta-star .penta-star-rating:hover,
.penta-complete .penta-star .penta-star-rating:hover ~ .penta-star-rating {
color: #f49020;
background-position: 0 0; }
.penta-complete .penta {
color: #f49020;
font-size: 10px;
min-width: 100px; }
.penta-complete .penta .penta-rating-votes {
position: relative;
top: 2px; }
.penta-complete .star-combine {
width: 1em !important;
height: 1em !important;
line-height: 1em !important; }
.penta-complete .star-combine .empty-star {
color: rgba(244, 144, 32, 0.41);
text-align: left !important; }
.penta-complete .star-combine .half-star {
text-align: left !important; }
.penta-complete .star-combine .gray-star {
color: #e5e7e8; }
.penta-complete .star-combine .yellow-star {
color: #f49020; }
.penta-complete .penta-user {
font-size: 17px !important; }
.penta-and-social {
padding: 20px;
background-color: #fffcdf; }
.acceptance-status {
background: rgba(229, 231, 232, 0.3);
padding: 20px;
margin-top: 20px;
border-top: 1px solid #e5e7e8;
border-bottom: 1px solid #e5e7e8;
text-align: center; }
.acceptance-status .inner-div {
width: 50%;
box-sizing: border-box;
padding: 0 20px; }
.acceptance-status .thumbs {
border: 1px solid #e5e7e8;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
cursor: pointer;
margin: 0 auto;
padding: 10px;
font-size: 16px; }
.acceptance-status .thumbs:hover {
-webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.1), 0px 0 1px 0 #fff inset;
-moz-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.1), 0px 0 1px 0 #fff inset;
box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.1), 0px 0 1px 0 #fff inset; }
html.ie8 .acceptance-status .thumbs:hover,
html.ie7 .acceptance-status .thumbs:hover,
html.ie6 .acceptance-status .thumbs:hover {
border: 2px solid; }
#tiptip_content {
font-size: 12px !important;
border: none !important;
background-color: rgba(0, 0, 0, 0.9) !important; }
#tiptip_holder.tip_top #tiptip_arrow {
border-top-color: rgba(0, 0, 0, 0.9) !important; }
#tiptip_holder.tip_bottom #tiptip_arrow {
border-bottom-color: rgba(0, 0, 0, 0.9) !important; }
#tiptip_holder.tip_left #tiptip_arrow {
border-left-color: rgba(0, 0, 0, 0.9) !important; }
#tiptip_holder.tip_right #tiptip_arrow {
border-right-color: rgba(0, 0, 0, 0.9) !important; }
.page-loader {
position: fixed;
width: 100%;
height: 100%;
text-align: center;
font-size: 50px;
background-color: #000;
top: 0;
opacity: .8;
color: #fff;
z-index: 999999; }
.page-loader .fa {
position: absolute;
top: 40%; }
.simple-warning {
background-color: #fffcdf;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
padding: 10px;
display: inline-block; }
.progress-bar-container {
display: block;
width: 100%;
margin: 0 0 22px 0;
padding-left: 5px; }
.progress-label-box {
float: left;
height: 15px; }
.progress-label {
float: left; }
.progress-percentage {
width: 50px;
float: left;
padding-left: 5px; }
.progress-bar-box {
display: block;
width: 300px;
height: 8px;
background-color: #f0f0f0;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
float: left; }
.progress-bar {
display: block;
height: 100%;
width: 0;
background-color: #73b369;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px; }
.animated-notification {
animation-duration: .6s;
animation-fill-mode: both;
-webkit-animation-duration: .6s;
-webkit-animation-fill-mode: both; }
#common-notification {
z-index: 9998;
position: fixed;
box-sizing: border-box;
bottom: 50px;
left: 30px; }
#common-notification .notification-container {
position: relative;
padding: 10px;
margin-bottom: 10px;
box-sizing: border-box;
background-color: #fff;
width: 300px;
min-height: 70px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
-webkit-box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.2);
-moz-box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.2);
box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.2); }
html.ie8 #common-notification .notification-container,
html.ie7 #common-notification .notification-container,
html.ie6 #common-notification .notification-container {
border: 2px solid; }
#common-notification .notification-container .notification-image {
display: inline-block;
height: 50px;
width: 50px;
vertical-align: top;
background-repeat: no-repeat;
background-size: contain;
background-position: center; }
#common-notification .notification-container .notification-content {
padding-left: 10px;
display: inline-block;
font-size: 14px;
width: 208px;
height: 100%;
vertical-align: top; }
#common-notification .notification-container .notification-close {
position: absolute;
z-index: 9999;
height: 20px;
width: 20px;
top: 2px;
right: -6px;
font-size: 10px;
cursor: pointer; }
#common-notification .ntf-success {
border-left: 4px solid #73b369; }
#common-notification .ntf-warning {
border-left: 4px solid #f49020; }
#common-notification .ntf-information {
border-left: 4px solid #4c9cdf; }
#common-notification .ntf-error {
border-left: 4px solid #d33737; }
.fadeInRight {
animation-name: fadeInRight;
-webkit-animation-name: fadeInRight; }
.fadeOut {
animation-name: fadeOut;
-webkit-animation-name: fadeOut; }
.ntf-hyperlink {
display: block;
width: inherit;
height: inherit; }
/*.widget {
width: 350px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
background-color: #fff;
overflow: hidden
}
.widget .white-text {
color: #fff
}
.widget.widget-bottom-left {
position: fixed;
left: 10px;
bottom: 10px;
z-index: 10000
}
.widget .widget-container {
box-sizing: border-box;
padding: 10px;
height: 100%
}
.widget .widget-container .widget-logo {
width: 270px
}
.widget .widget-container .widget-logo img {
width: 110px
}
.widget .widget-container .widget-close {
width: 50px
}
.sliding-widget.widget-top-right {
position: fixed;
right: 0;
top: 230px;
z-index: 10000
}
.sliding-widget .widget-header {
width: 150px;
padding: 5px 10px 2px 10px;
-webkit-border-radius: 4px 4px 0 0;
-moz-border-radius: 4px 4px 0 0;
border-radius: 4px 4px 0 0;
margin-top: 62px;
margin-right: -62px;
transform: rotate(270deg);
float: right;
box-sizing: border-box
}
.sliding-widget .widget-header img {
width: 100%
}
.sliding-widget .widget-container {
float: right;
width: 250px;
-webkit-border-radius: 0 0 0 4px;
-moz-border-radius: 0 0 0 4px;
border-radius: 0 0 0 4px;
background-color: #fff;
box-sizing: border-box;
padding: 10px;
-webkit-box-shadow: 0 0 50px rgba(0, 0, 0, 0.5);
-moz-box-shadow: 0 0 50px rgba(0, 0, 0, 0.5);
box-shadow: 0 0 50px rgba(0, 0, 0, 0.5)
}
html.ie8 .sliding-widget .widget-container,
html.ie7 .sliding-widget .widget-container,
html.ie6 .sliding-widget .widget-container {
border: 2px solid
}*/
#indiahacks-widget-bottom {
background: #323754;
background: -moz-linear-gradient(-45deg, #323754 0, #4c9cdf 100%);
background: -webkit-gradient(left top, right bottom, color-stop(0%, #323754), color-stop(100%, #4c9cdf));
background: -webkit-linear-gradient(-45deg, #323754 0, #4c9cdf 100%);
background: -o-linear-gradient(-45deg, #323754 0, #4c9cdf 100%);
background: -ms-linear-gradient(-45deg, #323754 0, #4c9cdf 100%);
/*background: filter: progid: DXImageTransform.Microsoft.gradient(startColorstr=#323754 0, endColorstr=#4c9cdf 100%);*/
/*filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#323754', endColorstr='#4c9cdf', GradientType=1)*/ }
#indiahacks-widget-bottom .widget-container {
background-color: rgba(0, 0, 0, 0.2); }
#indiahacks-widget-bottom .widget-container .widget-close {
margin-top: -2px; }
#indiahacks-widget-bottom .sf-bridge-img {
position: absolute;
right: -12px;
bottom: -5px; }
#indiahacks-widget-bottom .sf-bridge-img img {
max-width: 100%; }
#indiahacks-widget-top .widget-header {
background-color: #323754; }
#indiahacks-widget-top .widget-container {
height: 345px !important;
overflow: hidden; }
#indiahacks-widget-top .widget-container .sf-animation img {
width: 100%; }
#slashhack-widget-bottom {
height: 130px;
width: 349px;
background: #fff url("../hackerearth/images/sh_widget_2_banner.jpeg") no-repeat scroll 0 0/cover; }
#slashhack-widget-bottom .widget-container {
background-color: rgba(0, 0, 0, 0.2);
padding: 10px 8px 10px 15px; }
#slashhack-widget-bottom .widget-container .widget-logo {
width: 90px;
position: relative; }
#slashhack-widget-bottom .widget-container .widget-logo .slash {
font-size: 28px;
position: relative;
right: -3px; }
#slashhack-widget-bottom .widget-container .widget-logo .title {
font-size: 26px; }
#slashhack-widget-bottom .widget-container .widget-logo .title::before {
border-top: 2px solid #fff;
bottom: 0;
content: "";
height: 2px;
left: 16px;
position: absolute;
width: 15px; }
#slashhack-widget-bottom .widget-container .widget-close {
margin-top: -2px;
font-size: 8px; }
#slashhack-widget-top .widget-header {
width: 44px;
margin-right: -10px;
margin-top: 33px;
transform: none; }
#slashhack-widget-top .widget-container {
height: 350px !important;
overflow: hidden;
padding: 0; }
#slashhack-widget-top .widget-container .sf-animation img {
width: 100%; }
.left-nav-black {
border-bottom: 1px solid #3a3f46;
padding: 8px 0;
margin: 0; }
.left-nav-black li {
color: #e5e7e8;
padding: 6px 20px;
font-size: 12px; }
.left-nav-black li.selected {
background: #17191e;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
color: #fff; }
html.ie8 .left-nav-black li.selected,
html.ie7 .left-nav-black li.selected,
html.ie6 .left-nav-black li.selected {
border: 2px solid; }
.left-nav-black li:hover {
color: #fff;
background: rgba(23, 25, 30, 0.6); }
.challenge-filter-btn {
display: none !important; }
.fa.result-icon {
font-size: 14px; }
.fa.result-sub-icon {
font-size: 9px;
text-shadow: -1px 0 0 #fff;
margin-left: -3px; }
.page-overlay {
position: fixed;
width: 100%;
height: 100%;
z-index: 10000; }
.custom-pagination a {
text-decoration: none;
margin: 0 10px; }
.custom-pagination a.disabled-arrow {
cursor: default;
margin-right: 10px; }
.custom-pagination a.disabled-arrow .fa {
color: #e5e7e8; }
.custom-pagination a.arrow {
margin: 0; }
.custom-pagination a .fa {
font-size: 16px;
padding: 0 5px;
line-height: 18px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px; }
.custom-pagination span.number {
padding: 0 5px;
font-weight: 700; }
.custom-pagination span.number:hover {
color: #4c9cdf; }
.custom-pagination span.current {
margin: 0 10px;
color: #fff;
background: #4c9cdf;
display: inline-block;
padding: 0 5px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
cursor: default; }
@media (max-width: 420px) {
.custom-pagination span.current {
margin: 0 5px; }
.custom-pagination a {
margin: 0 5px; } }
#submission-filter-form .submit {
padding: 0;
height: 30px;
font-size: 16px;
min-width: 30px;
-webkit-border-radius: 0 3px 3px 0;
-moz-border-radius: 0 3px 3px 0;
border-radius: 0 3px 3px 0;
margin-left: -2px;
position: relative; }
.loader-overlay {
position: relative; }
.loader-overlay:before {
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: #fff;
opacity: .7;
z-index: 1; }
.loader-overlay:after {
content: "";
background: url("images/ajax-loaders/dots.gif") no-repeat;
display: block;
width: 50px;
height: 10px;
margin-left: auto;
margin-right: auto;
top: 100px;
left: 0;
right: 0;
position: absolute;
z-index: 1; }
.no-outline {
outline: 0; }
@media (max-width: 1024px) {
.footer-large .content {
padding: 0 10px; }
.footer-large .content .footer-bottom-container .footer-bottom {
padding: 10px; } }
@media (max-width: 768px) {
#indiahacks-widget-top {
display: none; }
.footer-large .footer-bottom-container .footer-bottom {
padding: 10px; }
.footer-large .content {
display: block; }
.footer-large .content div.section {
width: 33%; }
.footer-large .content div.section.connect {
width: 67%; }
.footer-large .content .clear-show-tablet {
display: block; } }
@media (max-width: 640px) {
#common-notification .notification-container {
display: none; }
.footer-large .content div.section {
text-align: center; }
.footer-large .content div.section.connect .map {
display: block;
width: 100%;
float: none; }
.footer-large .content div.section.connect .map > div {
margin: 0 auto; }
.footer-large .content div.section.connect .reach {
display: block;
overflow: visible; }
.footer-large .content div.section.connect .reach .social-links a {
float: none;
margin: 0 5px; } }
@media (min-width: 320px) and (max-width: 480px) {
#live-events-container #live-events-placeholder {
position: absolute;
left: -68px;
width: 93px; }
#live-events-container #live-events-loading {
max-width: 280px; }
#live-events-container #live-events-loading .live-events-widget-text {
width: 200px; }
.page-loader {
font-size: 30px; }
.page-loader .fa {
top: 45%; }
.footer-large .content div.section {
width: 50%; }
.footer-large .content div.section .category-title {
font-size: 14px; }
.footer-large .content div.section.connect {
width: 100%; }
.footer-large .content .clear-show-tablet {
display: none; }
.widget {
/*max-width: 95%*/ } }
.ace-readonly-highlight {
background-color: #e5e7e8;
opacity: .4;
position: absolute;
z-index: 2; }
#feedback-popup-container {
background-color: #fff;
-webkit-border-radius: 5px 5px 0 0;
-moz-border-radius: 5px 5px 0 0;
border-radius: 5px 5px 0 0;
position: fixed;
bottom: 0;
width: 260px;
padding: 15px;
-webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2);
box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2);
right: 10px;
z-index: 1000000;
height: 210px; }
html.ie8 #feedback-popup-container,
html.ie7 #feedback-popup-container,
html.ie6 #feedback-popup-container {
border: 2px solid; }
#feedback-popup-container .popup-header {
border-bottom: 1px solid rgba(0, 0, 0, 0.08);
margin-bottom: 15px;
padding-bottom: 10px; }
#feedback-popup-container .text-comment {
box-sizing: border-box;
padding: 10px;
border-bottom: 1px solid rgba(0, 0, 0, 0.08);
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
margin-bottom: 5px; }
#feedback-popup-container .cross-feedback-popup {
position: absolute;
right: 4px;
top: 0;
cursor: pointer;
z-index: 100000; }
#feedback-popup-container .acceptance-status {
background: rgba(229, 231, 232, 0.3);
padding: 20px;
margin: 20px 0;
border: 1px solid #e5e7e8;
text-align: center; }
#feedback-popup-container .acceptance-status .thumbs {
border: 0;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
cursor: pointer;
margin: 0 auto;
padding: 10px;
font-size: 16px; }
#feedback-popup-container .penta-feedback {
margin-left: 35px; }
#feedback-popup-container .penta-feedback .penta-star-rating {
font-size: 28px; }
.view-comments {
display: none; }
.word-break-normal {
word-break: normal !important; }
.width-100px {
width: 100px !important; }
#year-in-review-widget {
position: fixed;
bottom: 12px;
background: #fff;
z-index: 999999;
left: 9px;
font-size: 14px;
box-sizing: border-box;
line-height: 1.5;
-webkit-box-shadow: 0 2px 11px rgba(0, 0, 0, 0.25);
-moz-box-shadow: 0 2px 11px rgba(0, 0, 0, 0.25);
box-shadow: 0 2px 11px rgba(0, 0, 0, 0.25);
opacity: 1;
text-align: center;
color: #4c4c4c;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
width: 190px;
display: none; }
html.ie8 #year-in-review-widget,
html.ie7 #year-in-review-widget,
html.ie6 #year-in-review-widget {
border: 2px solid; }
#year-in-review-widget:hover {
opacity: 1 !important; }
#year-in-review-widget.close {
left: -20vw; }
#year-in-review-widget .cross {
position: absolute;
top: -1px;
right: 2px;
color: #fff;
font-size: 16px; }
#year-in-review-widget .review-img {
width: 190px; }
#year-in-review-widget .review-img img {
width: 100%;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px; }
#year-in-review-widget .content {
padding: 14px; }
#year-in-review-widget .btn {
padding: 4px 8px;
display: inline-block;
margin-top: 7px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px; }
#year-in-review-widget:before {
content: " ";
position: absolute;
margin-left: 6px;
width: 0;
height: 0;
border-top: 10px solid transparent;
border-bottom: 10px solid transparent;
border-right: 10px solid #fff;
top: 44%;
left: -15px;
z-index: 999999; }
#custom_hackathon_widget {
position: fixed;
bottom: 28px;
background: #fff;
z-index: 99999;
right: 28px;
font-size: 13px;
box-sizing: border-box;
-webkit-box-shadow: 0 3px 13px rgba(0, 0, 0, 0.3);
-moz-box-shadow: 0 3px 13px rgba(0, 0, 0, 0.3);
box-shadow: 0 3px 13px rgba(0, 0, 0, 0.3);
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
max-width: 372px;
display: none; }
html.ie8 #custom_hackathon_widget,
html.ie7 #custom_hackathon_widget,
html.ie6 #custom_hackathon_widget {
border: 2px solid; }
#custom_hackathon_widget.pos-left {
right: auto;
left: 28px; }
#custom_hackathon_widget .hackathon-logo {
width: 105px;
display: inline-block;
text-align: center;
vertical-align: middle; }
#custom_hackathon_widget .hackathon-logo img {
max-width: 90px;
margin: auto;
vertical-align: middle; }
#custom_hackathon_widget .content {
width: calc(100% - 114px);
display: inline-block;
padding: 10px 10px 10px 0;
vertical-align: middle;
box-sizing: border-box;
font-size: 13px; }
@media (max-width: 480px) {
#custom_hackathon_widget {
margin: 0 10px;
bottom: 10px;
right: 0; } }
@media screen and (max-width: 1024px) {
#simplemodal-container {
max-width: 88%;
max-height: 95%; }
#simplemodal-container a.modalCloseImg {
right: -40px !important;
top: 8px !important; }
#simplemodal-container a.modalCloseImg:before {
font-size: 50px; } }
.message-dot {
height: 6px;
width: 6px;
background-color: #dd4b39;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
margin-left: 22px;
position: absolute;
top: 35px; }
.messages-count {
position: absolute;
top: 44px;
right: 71px;
padding: 3px !important;
background-color: #d33737;
color: #fff;
font-weight: 600;
font-size: 10px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
-webkit-box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.5);
-moz-box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.5);
box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.5);
line-height: 10px; }
html.ie8 .messages-count,
html.ie7 .messages-count,
html.ie6 .messages-count {
border: 2px solid; }
.header-circle-img {
opacity: 0.8; }
.header-circle-img:hover {
opacity: 1; }
@-moz-keyframes fadeInRight {
0% {
opacity: 0;
transform: translate3d(100%, 0, 0); }
100% {
opacity: 1;
transform: none; } }
@-webkit-keyframes fadeInRight {
0% {
opacity: 0;
transform: translate3d(100%, 0, 0); }
100% {
opacity: 1;
transform: none; } }
@-o-keyframes fadeInRight {
0% {
opacity: 0;
transform: translate3d(100%, 0, 0); }
100% {
opacity: 1;
transform: none; } }
@keyframes fadeInRight {
0% {
opacity: 0;
transform: translate3d(100%, 0, 0); }
100% {
opacity: 1;
transform: none; } }
@-moz-keyframes fadeOut {
0% {
opacity: 1; }
100% {
opacity: 0;
display: none; } }
@-webkit-keyframes fadeOut {
0% {
opacity: 1; }
100% {
opacity: 0;
display: none; } }
@-o-keyframes fadeOut {
0% {
opacity: 1; }
100% {
opacity: 0;
display: none; } }
@keyframes fadeOut {
0% {
opacity: 1; }
100% {
opacity: 0;
display: none; } }
form div.buttons {
margin-top: 15px; }
input.standalone {
border: 1px solid #bbb;
-webkit-box-shadow: inset 0 2px 1px #eee;
-moz-box-shadow: inset 0 2px 1px #eee;
box-shadow: inset 0 2px 1px #eee;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
width: 100%;
padding: 7px 8px; }
html.ie8 input.standalone,
html.ie7 input.standalone,
html.ie6 input.standalone {
border: 2px solid; }
input.no-format {
border: 0;
outline: 0;
margin: 0 0 0 7px;
line-height: 22px; }
input.nice-input {
padding: 5px;
border: 1px solid #bbb;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
height: 30px;
box-sizing: border-box;
font-size: 14px; }
textarea.standalone {
border: 1px solid #bbb;
-webkit-box-shadow: inset 0 2px 1px #eee;
-moz-box-shadow: inset 0 2px 1px #eee;
box-shadow: inset 0 2px 1px #eee;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
padding: 7px 8px;
font-family: "Open Sans", sans-serif; }
html.ie8 textarea.standalone,
html.ie7 textarea.standalone,
html.ie6 textarea.standalone {
border: 2px solid; }
select.nice-select {
padding: 5px;
border: 1px solid #bbb;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
height: 30px;
text-decoration: none;
background: -moz-linear-gradient(top, #fff, #f4f4f4);
background: -webkit-linear-gradient(top, #fff, #f4f4f4);
/*filter: progid: DXImageTransform.Microsoft.gradient(startColorstr=#fff, endColorstr=#f4f4f4);*/
cursor: pointer; }
.selectize-control.nice-select {
width: 250px;
float: left;
top: -3px;
margin-right: 10px;
margin-left: 10px; }
input.error,
textarea.error {
border: 1px solid #b41414 !important; }
.disabled-input {
background-color: #fff;
border: 1px solid #ddd;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
width: 95%;
padding: 7px 8px;
margin-top: 10px;
font-family: "Open Sans", sans-serif !important;
font-size: 1.3em; }
form label,
form .label {
font-size: 14px;
color: #46535e; }
form div.fixed-width-input input[type="textarea"],
form div.fixed-width-input input[type="textinput"] {
width: 200px !important; }
form div.full-width select {
width: 100%; }
form p,
form div.wrapper {
margin-top: 0;
margin-bottom: 20px; }
form p .custom-label,
form div.wrapper .custom-label {
font-family: "Open Sans", sans-serif !important;
font-size: 13px; }
form p .block-label,
form div.wrapper .block-label {
display: inline-block;
margin-bottom: 5px; }
form p input[type=text],
form div.wrapper input[type=text],
form p input[type=password],
form div.wrapper input[type=password],
form p textarea,
form div.wrapper textarea,
form p input[type=email],
form div.wrapper input[type=email],
form p input[type=url],
form div.wrapper input[type=url], form p select {
color: #252c33;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
border: 1px solid rgba(156, 163, 168, 0.6);
font-size: 14px;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
box-sizing: border-box;
margin-top: 5px;
padding: 8px 8px;
width: 100%;
font: caption; }
html.ie8 form p input[type=text],
html.ie8 form div.wrapper input[type=text],
html.ie8 form p input[type=password],
html.ie8 form div.wrapper input[type=password],
html.ie8 form p textarea,
html.ie8 form div.wrapper textarea,
html.ie8 form p input[type=email],
html.ie8 form div.wrapper input[type=email],
html.ie8 form p input[type=url],
html.ie8 form div.wrapper input[type=url],
html.ie7 form p input[type=text],
html.ie7 form div.wrapper input[type=text],
html.ie7 form p input[type=password],
html.ie7 form div.wrapper input[type=password],
html.ie7 form p textarea,
html.ie7 form div.wrapper textarea,
html.ie7 form p input[type=email],
html.ie7 form div.wrapper input[type=email],
html.ie7 form p input[type=url],
html.ie7 form div.wrapper input[type=url],
html.ie6 form p input[type=text],
html.ie6 form div.wrapper input[type=text],
html.ie6 form p input[type=password],
html.ie6 form div.wrapper input[type=password],
html.ie6 form p textarea,
html.ie6 form div.wrapper textarea,
html.ie6 form p input[type=email],
html.ie6 form div.wrapper input[type=email],
html.ie6 form p input[type=url],
html.ie6 form div.wrapper input[type=url] {
border: 2px solid; }
form p input[type=text]:focus,
form div.wrapper input[type=text]:focus,
form p input[type=password]:focus,
form div.wrapper input[type=password]:focus,
form p textarea:focus,
form div.wrapper textarea:focus,
form p input[type=email]:focus,
form div.wrapper input[type=email]:focus,
form p input[type=url]:focus,
form div.wrapper input[type=url]:focus {
outline: 0;
border: 1px solid #9ca3a8;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.2);
-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.2);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.2); }
html.ie8 form p input[type=text]:focus,
html.ie8 form div.wrapper input[type=text]:focus,
html.ie8 form p input[type=password]:focus,
html.ie8 form div.wrapper input[type=password]:focus,
html.ie8 form p textarea:focus,
html.ie8 form div.wrapper textarea:focus,
html.ie8 form p input[type=email]:focus,
html.ie8 form div.wrapper input[type=email]:focus,
html.ie8 form p input[type=url]:focus,
html.ie8 form div.wrapper input[type=url]:focus,
html.ie7 form p input[type=text]:focus,
html.ie7 form div.wrapper input[type=text]:focus,
html.ie7 form p input[type=password]:focus,
html.ie7 form div.wrapper input[type=password]:focus,
html.ie7 form p textarea:focus,
html.ie7 form div.wrapper textarea:focus,
html.ie7 form p input[type=email]:focus,
html.ie7 form div.wrapper input[type=email]:focus,
html.ie7 form p input[type=url]:focus,
html.ie7 form div.wrapper input[type=url]:focus,
html.ie6 form p input[type=text]:focus,
html.ie6 form div.wrapper input[type=text]:focus,
html.ie6 form p input[type=password]:focus,
html.ie6 form div.wrapper input[type=password]:focus,
html.ie6 form p textarea:focus,
html.ie6 form div.wrapper textarea:focus,
html.ie6 form p input[type=email]:focus,
html.ie6 form div.wrapper input[type=email]:focus,
html.ie6 form p input[type=url]:focus,
html.ie6 form div.wrapper input[type=url]:focus {
border: 2px solid; }
form p input[type=text]:disabled,
form div.wrapper input[type=text]:disabled,
form p input[type=password]:disabled,
form div.wrapper input[type=password]:disabled,
form p textarea:disabled,
form div.wrapper textarea:disabled,
form p input[type=email]:disabled,
form div.wrapper input[type=email]:disabled,
form p input[type=url]:disabled,
form div.wrapper input[type=url]:disabled {
color: #9ca3a8; }
form p input[type="radio"],
form div.wrapper input[type="radio"],
form p input[type="checkbox"],
form div.wrapper input[type="checkbox"] {
margin: 2px 0; }
form p textarea,
form div.wrapper textarea {
height: 100px;
font-family: "Open Sans", sans-serif; }
form p textarea.ac-tags,
form div.wrapper textarea.ac-tags {
height: 30px;
width: 250px;
font-size: 13px; }
form div.horizontal-label-input input[type=text],
form div.horizontal-label-input input[type=password],
form div.horizontal-label-input input[type=url] {
width: 140px;
float: right;
margin: 0; }
form div.horizontal-label-input label {
line-height: 30px; }
form div.horizontal-label-input .errorlist {
float: right; }
form .nice-select select {
padding: 5px;
border: 1px solid #bbb;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
height: 30px;
text-decoration: none;
background: -moz-linear-gradient(top, #fff, #f4f4f4);
background: -webkit-linear-gradient(top, #fff, #f4f4f4);
/*filter: progid: DXImageTransform.Microsoft.gradient(startColorstr=#fff, endColorstr=#f4f4f4);*/
margin-top: 10px;
cursor: pointer;
max-width: 484px; }
form .horizontal-alignment ul {
width: 100%;
list-style-type: none;
padding: 0; }
form .horizontal-alignment ul li {
display: inline-block;
width: 95px; }
form .horizontal-alignment ul label {
cursor: pointer;
font-family: "Open Sans", sans-serif; }
form .horizontal-alignment ul .label {
font-family: "Open Sans", sans-serif; }
form .vertical-alignment ul {
list-style-type: none;
padding: 0; }
form .vertical-alignment ul label {
cursor: pointer;
font-family: "Open Sans", sans-serif; }
form .vertical-alignment ul .label {
font-family: "Open Sans", sans-serif; }
form div.floating-wrapper {
margin-top: 0;
margin-bottom: 20px; }
form div.floating-wrapper label {
float: left; }
form div.floating-wrapper input[type=text],
form div.floating-wrapper input[type=password],
form div.floating-wrapper textarea,
form div.floating-wrapper input[type=url] {
border: 1px solid #bbb;
-webkit-box-shadow: inset 0 2px 1px #eee;
-moz-box-shadow: inset 0 2px 1px #eee;
box-shadow: inset 0 2px 1px #eee;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
padding: 7px 8px;
margin-top: 5px;
float: right;
box-sizing: border-box; }
html.ie8 form div.floating-wrapper input[type=text],
html.ie8 form div.floating-wrapper input[type=password],
html.ie8 form div.floating-wrapper textarea,
html.ie8 form div.floating-wrapper input[type=url],
html.ie7 form div.floating-wrapper input[type=text],
html.ie7 form div.floating-wrapper input[type=password],
html.ie7 form div.floating-wrapper textarea,
html.ie7 form div.floating-wrapper input[type=url],
html.ie6 form div.floating-wrapper input[type=text],
html.ie6 form div.floating-wrapper input[type=password],
html.ie6 form div.floating-wrapper textarea,
html.ie6 form div.floating-wrapper input[type=url] {
border: 2px solid; }
form div.floating-wrapper select {
float: right; }
form div.floating-wrapper input[type="radio"],
form div.floating-wrapper input[type="checkbox"] {
margin: 2px 0; }
form div.floating-wrapper textarea {
height: 100px;
font-family: "Open Sans", sans-serif; }
form div.custom-wrapper {
margin-bottom: 40px; }
form div.custom-wrapper label {
font-size: 1.3em; }
form div.custom-wrapper .special-input {
margin-top: 10px;
width: 200px;
border: 1px solid #c6c6c6;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
line-height: 34px; }
form div.custom-wrapper .special-input .label-box {
background-color: #f4f4f4;
float: left;
border-right: 1px solid #c6c6c6;
font-size: 1.3em;
padding: 0 6px;
-webkit-box-shadow: inset 0 1px 0 #fff;
-moz-box-shadow: inset 0 1px 0 #fff;
box-shadow: inset 0 1px 0 #fff; }
html.ie8 form div.custom-wrapper .special-input .label-box,
html.ie7 form div.custom-wrapper .special-input .label-box,
html.ie6 form div.custom-wrapper .special-input .label-box {
border: 2px solid; }
form div.custom-wrapper .special-input .input-unit {
color: #999;
float: right;
font-size: 1.3em;
padding: 0 4px; }
form div.custom-wrapper .special-input .input-box {
float: left;
padding-left: 10px; }
form div.custom-wrapper .special-input .input-box input {
border: 0;
outline: 0;
width: 35px;
text-align: left; }
form div.last-wrapper {
margin-bottom: 0; }
form div.small-wrapper {
margin-bottom: 10px; }
form div.small-wrapper.float-left {
width: 49%; }
form div.small-wrapper.float-right {
width: 49%; }
form input:disabled {
color: #999;
background-color: #fff;
border: 1px solid #ddd;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
cursor: default; }
html.ie8 form input:disabled,
html.ie7 form input:disabled,
html.ie6 form input:disabled {
border: 2px solid; }
form input:disabled:hover {
color: #999;
background-color: #fff;
border: 1px solid #ddd; }
form .wmd-panel {
float: none !important; }
form .success-message {
font-size: 15px;
line-height: 22px;
padding-bottom: 20px; }
form .fontawesome {
font-family: FontAwesome, Open Sans; }
form.disabled input[type=submit] {
display: none; }
input.readonly {
color: #999;
background-color: #fff;
border: 1px solid #ddd !important;
-webkit-box-shadow: none !important;
-moz-box-shadow: none !important;
box-shadow: none !important; }
html.ie8 input.readonly,
html.ie7 input.readonly,
html.ie6 input.readonly {
border: 2px solid; }
.label-help {
font-size: 12px;
font-family: 'Open Sans', sans-serif;
color: #777;
padding-top: 4px;
line-height: 17px; }
.optional-label {
font-size: 12px;
font-family: 'Open Sans', sans-serif;
color: #999;
margin-left: 5px; }
div.nice-file {
float: left;
position: relative; }
div.nice-file span.filepath {
font-size: 1.2em;
float: left;
margin-top: 3px;
margin-right: 5px;
margin-left: 10px; }
div.nice-file input[type="file"] {
z-index: 999;
line-height: 0;
font-size: 50px;
position: absolute;
opacity: 0;
cursor: pointer;
margin: 0;
padding: 0;
left: 0; }
div.nice-file label.text-style {
position: relative;
overflow: hidden;
cursor: pointer;
text-align: center;
display: block;
float: left;
margin-top: 3px; }
div.nice-file-2 {
float: left;
position: relative; }
div.nice-file-2 input[type="file"] {
z-index: 999;
line-height: 0;
font-size: 50px;
position: absolute;
opacity: 0;
cursor: pointer;
margin: 0;
padding: 0;
left: 0; }
div.nice-file-2 label.button-style {
position: relative;
text-align: center;
display: block;
float: left;
overflow: hidden;
margin-top: 2px; }
.errorlist {
padding: 0;
list-style-type: none;
color: #b11616;
font-size: 12px;
margin: 5px 0 0 0; }
.login-form form div.wrapper input[type=text],
.signup-form-div form div.wrapper input[type=text],
.password-reset form div.wrapper input[type=text],
.login-form form div.wrapper input[type=password],
.signup-form-div form div.wrapper input[type=password],
.password-reset form div.wrapper input[type=password],
.login-form form div.wrapper textarea,
.signup-form-div form div.wrapper textarea,
.password-reset form div.wrapper textarea,
.login-form form div.wrapper input[type=email],
.signup-form-div form div.wrapper input[type=email],
.password-reset form div.wrapper input[type=email],
.login-form form div.wrapper input[type=url],
.signup-form-div form div.wrapper input[type=url],
.password-reset form div.wrapper input[type=url] {
width: 100%;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
line-height: 40px;
height: 40px;
box-sizing: border-box;
-moz-box-sizing: border-box;
font-size: 14px;
border: 1px solid #bbb;
-webkit-box-shadow: none;
-moz-box-shadow: none;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
outline: 0; }
html.ie8 .login-form form div.wrapper input[type=text],
html.ie8 .signup-form-div form div.wrapper input[type=text],
html.ie8 .password-reset form div.wrapper input[type=text],
html.ie8 .login-form form div.wrapper input[type=password],
html.ie8 .signup-form-div form div.wrapper input[type=password],
html.ie8 .password-reset form div.wrapper input[type=password],
html.ie8 .login-form form div.wrapper textarea,
html.ie8 .signup-form-div form div.wrapper textarea,
html.ie8 .password-reset form div.wrapper textarea,
html.ie8 .login-form form div.wrapper input[type=email],
html.ie8 .signup-form-div form div.wrapper input[type=email],
html.ie8 .password-reset form div.wrapper input[type=email],
html.ie8 .login-form form div.wrapper input[type=url],
html.ie8 .signup-form-div form div.wrapper input[type=url],
html.ie8 .password-reset form div.wrapper input[type=url],
html.ie7 .login-form form div.wrapper input[type=text],
html.ie7 .signup-form-div form div.wrapper input[type=text],
html.ie7 .password-reset form div.wrapper input[type=text],
html.ie7 .login-form form div.wrapper input[type=password],
html.ie7 .signup-form-div form div.wrapper input[type=password],
html.ie7 .password-reset form div.wrapper input[type=password],
html.ie7 .login-form form div.wrapper textarea,
html.ie7 .signup-form-div form div.wrapper textarea,
html.ie7 .password-reset form div.wrapper textarea,
html.ie7 .login-form form div.wrapper input[type=email],
html.ie7 .signup-form-div form div.wrapper input[type=email],
html.ie7 .password-reset form div.wrapper input[type=email],
html.ie7 .login-form form div.wrapper input[type=url],
html.ie7 .signup-form-div form div.wrapper input[type=url],
html.ie7 .password-reset form div.wrapper input[type=url],
html.ie6 .login-form form div.wrapper input[type=text],
html.ie6 .signup-form-div form div.wrapper input[type=text],
html.ie6 .password-reset form div.wrapper input[type=text],
html.ie6 .login-form form div.wrapper input[type=password],
html.ie6 .signup-form-div form div.wrapper input[type=password],
html.ie6 .password-reset form div.wrapper input[type=password],
html.ie6 .login-form form div.wrapper textarea,
html.ie6 .signup-form-div form div.wrapper textarea,
html.ie6 .password-reset form div.wrapper textarea,
html.ie6 .login-form form div.wrapper input[type=email],
html.ie6 .signup-form-div form div.wrapper input[type=email],
html.ie6 .password-reset form div.wrapper input[type=email],
html.ie6 .login-form form div.wrapper input[type=url],
html.ie6 .signup-form-div form div.wrapper input[type=url],
html.ie6 .password-reset form div.wrapper input[type=url] {
border: 2px solid; }
.login-form form div.wrapper input[type=text]:focus,
.signup-form-div form div.wrapper input[type=text]:focus,
.password-reset form div.wrapper input[type=text]:focus,
.login-form form div.wrapper input[type=password]:focus,
.signup-form-div form div.wrapper input[type=password]:focus,
.password-reset form div.wrapper input[type=password]:focus,
.login-form form div.wrapper textarea:focus,
.signup-form-div form div.wrapper textarea:focus,
.password-reset form div.wrapper textarea:focus,
.login-form form div.wrapper input[type=email]:focus,
.signup-form-div form div.wrapper input[type=email]:focus,
.password-reset form div.wrapper input[type=email]:focus,
.login-form form div.wrapper input[type=url]:focus,
.signup-form-div form div.wrapper input[type=url]:focus,
.password-reset form div.wrapper input[type=url]:focus {
border: 1px solid #bbb;
-webkit-box-shadow: inset 0 2px 1px #e5e7e8;
-moz-box-shadow: inset 0 2px 1px #e5e7e8;
-webkit-box-shadow: inset 0 2px 1px #e5e7e8;
-moz-box-shadow: inset 0 2px 1px #e5e7e8;
box-shadow: inset 0 2px 1px #e5e7e8;
outline: 0; }
html.ie8 .login-form form div.wrapper input[type=text]:focus,
html.ie8 .signup-form-div form div.wrapper input[type=text]:focus,
html.ie8 .password-reset form div.wrapper input[type=text]:focus,
html.ie8 .login-form form div.wrapper input[type=password]:focus,
html.ie8 .signup-form-div form div.wrapper input[type=password]:focus,
html.ie8 .password-reset form div.wrapper input[type=password]:focus,
html.ie8 .login-form form div.wrapper textarea:focus,
html.ie8 .signup-form-div form div.wrapper textarea:focus,
html.ie8 .password-reset form div.wrapper textarea:focus,
html.ie8 .login-form form div.wrapper input[type=email]:focus,
html.ie8 .signup-form-div form div.wrapper input[type=email]:focus,
html.ie8 .password-reset form div.wrapper input[type=email]:focus,
html.ie8 .login-form form div.wrapper input[type=url]:focus,
html.ie8 .signup-form-div form div.wrapper input[type=url]:focus,
html.ie8 .password-reset form div.wrapper input[type=url]:focus,
html.ie7 .login-form form div.wrapper input[type=text]:focus,
html.ie7 .signup-form-div form div.wrapper input[type=text]:focus,
html.ie7 .password-reset form div.wrapper input[type=text]:focus,
html.ie7 .login-form form div.wrapper input[type=password]:focus,
html.ie7 .signup-form-div form div.wrapper input[type=password]:focus,
html.ie7 .password-reset form div.wrapper input[type=password]:focus,
html.ie7 .login-form form div.wrapper textarea:focus,
html.ie7 .signup-form-div form div.wrapper textarea:focus,
html.ie7 .password-reset form div.wrapper textarea:focus,
html.ie7 .login-form form div.wrapper input[type=email]:focus,
html.ie7 .signup-form-div form div.wrapper input[type=email]:focus,
html.ie7 .password-reset form div.wrapper input[type=email]:focus,
html.ie7 .login-form form div.wrapper input[type=url]:focus,
html.ie7 .signup-form-div form div.wrapper input[type=url]:focus,
html.ie7 .password-reset form div.wrapper input[type=url]:focus,
html.ie6 .login-form form div.wrapper input[type=text]:focus,
html.ie6 .signup-form-div form div.wrapper input[type=text]:focus,
html.ie6 .password-reset form div.wrapper input[type=text]:focus,
html.ie6 .login-form form div.wrapper input[type=password]:focus,
html.ie6 .signup-form-div form div.wrapper input[type=password]:focus,
html.ie6 .password-reset form div.wrapper input[type=password]:focus,
html.ie6 .login-form form div.wrapper textarea:focus,
html.ie6 .signup-form-div form div.wrapper textarea:focus,
html.ie6 .password-reset form div.wrapper textarea:focus,
html.ie6 .login-form form div.wrapper input[type=email]:focus,
html.ie6 .signup-form-div form div.wrapper input[type=email]:focus,
html.ie6 .password-reset form div.wrapper input[type=email]:focus,
html.ie6 .login-form form div.wrapper input[type=url]:focus,
html.ie6 .signup-form-div form div.wrapper input[type=url]:focus,
html.ie6 .password-reset form div.wrapper input[type=url]:focus {
border: 2px solid; }
.login-form .errorlist,
.signup-form-div .errorlist,
.password-reset .errorlist {
padding: 0;
list-style-type: none;
color: #b11616;
font-size: 12px;
margin: 5px 0 0 0;
background: 0; }
.error-title {
margin: 10px 0; }
.save-message {
margin: 6px 10px 0 10px; }
.save-message.permanent {
color: #999 !important; }
.time-clock {
background-position: -200px -301px;
width: 30px;
height: 30px;
cursor: pointer;
float: left;
margin-top: 5px; }
.time-clock:hover {
background-position: -230px -301px; }
.normal-label {
font-family: 'Open Sans', sans-serif;
font-size: 13px !important;
color: #000; }
.dropdown-1 {
font-family: "Open Sans", sans-serif; }
.dropdown-1 .dd-label {
font-size: 13px;
color: #000;
padding: 5px 10px;
border: 1px solid #bbb;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
height: 30px;
text-decoration: none;
background: -moz-linear-gradient(top, #fff, #f4f4f4);
background: -webkit-linear-gradient(top, #fff, #f4f4f4);
/*filter: progid: DXImageTransform.Microsoft.gradient(startColorstr=#fff, endColorstr=#f4f4f4);*/
cursor: pointer; }
.dropdown-1 .dd-label:hover {
background: -moz-linear-gradient(top, #eee, #f9f9f9);
background: -webkit-linear-gradient(top, #eee, #f9f9f9);
/*filter: progid: DXImageTransform.Microsoft.gradient(startColorstr=#eee, endColorstr=#f9f9f9)*/ }
.dropdown-1 .dd-label.clicked {
background: -moz-linear-gradient(top, #eee, #f9f9f9);
background: -webkit-linear-gradient(top, #eee, #f9f9f9);
/*filter: progid: DXImageTransform.Microsoft.gradient(startColorstr=#eee, endColorstr=#f9f9f9)*/ }
.dropdown-1 .dd-label .dd-icon {
background-position: -490px -208px;
width: 7px;
height: 5px;
display: inline-block;
margin-left: 5px; }
.dropdown-1 .dd-list {
display: none;
font-size: 13px;
-webkit-box-shadow: 0 0 5px #ddd;
-moz-box-shadow: 0 0 5px #ddd;
box-shadow: 0 0 5px #ddd;
list-style-type: none;
z-index: 10000;
background-color: #fff;
color: #000;
min-width: 180px;
padding: 0;
border: 1px solid #e5e7e8; }
html.ie8 .dropdown-1 .dd-list,
html.ie7 .dropdown-1 .dd-list,
html.ie6 .dropdown-1 .dd-list {
border: 2px solid; }
.dropdown-1 .dd-list li {
padding: 10px 15px;
border-bottom: 1px solid #e5e7e8; }
.dropdown-1 .dd-list li:hover {
background-color: #e0f2f6; }
.dropdown-1 .dd-list li.clicked {
background-color: #e0f2f6; }
.dropdown-1 .dd-list li:last-child {
border-bottom: 0; }
.dropdown-1 .dd-list li.item-category {
padding: 7px 15px;
color: #999;
background-color: #eee; }
.dropdown-1 .dd-list li.item-category:hover {
background-color: #eee; }
.dropdown-1 .dd-list li input {
margin: 0 5px 0 0; }
.dropdown-1 .dd-list li label {
cursor: pointer; }
.button,
.nice-button {
padding: 3px 13px;
cursor: pointer;
color: #fff;
text-decoration: none;
font-size: 14px;
line-height: 22px;
text-align: center;
min-width: 60px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
border: 0;
outline: 0; }
.button:hover,
.nice-button:hover {
text-decoration: none; }
.button.disabled,
.nice-button.disabled {
background-color: #e5e7e8;
cursor: default; }
.btn-larger {
padding: 10px 20px;
font-size: 20px; }
.btn-large {
padding: 8px 14px;
font-size: 16px; }
.btn-largest {
padding: 10px 50px; }
.btn-largest.large {
font-size: 18px; }
.btn-medium {
padding: 8px 12px;
font-size: 16px; }
.btn-small {
padding: 2px 9px;
font-size: 12px; }
.btn-smallest {
padding: 0 4px;
font-size: 12px; }
.btn-blue {
background: #33adff;
border: 1px solid #33adff;
color: #fff; }
.btn-blue:hover {
background: #09f;
border: 1px solid #09f;
color: #FFF; }
.btn-blue.disabled {
background-color: #f5f6f6;
border: 1px solid #f5f6f6;
color: #666; }
.btn-blue-outline {
border: 1px solid #ccebff;
color: #09f;
background: 0; }
.btn-blue-outline:hover {
background-color: #f2faff;
border: 1px solid #09f; }
.btn-red {
background: #dd4b39;
border: 1px solid #dd4b39; }
.btn-red:hover {
background: #cf3a27;
border: 1px solid #cf3a27; }
.btn-red.disabled {
background-color: #e5e7e8;
border: 1px solid #e5e7e8; }
.btn-red-outline {
border: 1px solid #dd4b39;
color: #dd4b39;
background: 0; }
.btn-red-outline:hover {
background-color: #dd4b39;
color: #fff; }
.btn-gray {
background: #9ca3a8;
border: 1px solid #9ca3a8; }
.btn-gray:hover {
background: #899298;
border: 1px solid #899298; }
.btn-white {
background: #fff;
color: #46535e;
border: 1px solid #9ca3a8; }
.btn-white:hover {
color: #4c9cdf;
border: 1px solid #4c9cdf; }
.btn-black {
background: #9ca3a8;
border: 1px solid #9ca3a8; }
.btn-black:hover {
background: #899298;
border: 1px solid #899298; }
.btn-green-bright {
background: #9c0;
border: 1px solid #9c0;
color: #fff; }
.btn-green-bright:hover {
background: #9b0;
border: 1px solid #9b0; }
.btn-green {
background: #6bbd00;
border: 1px solid #6bbd00;
color: #fff; }
.btn-green:hover {
background: rgba(107, 189, 0, 0.8);
border: 1px solid rgba(107, 189, 0, 0.8); }
.btn-orange {
background-color: #f49020;
border: 1px solid #f49020;
color: #fff; }
.btn-orange:hover {
background-color: #e28318;
border: 1px solid #e28318; }
.btn-orange-bright {
background-color: #f60;
border: 1px solid #f60;
color: #fff; }
.btn-orange-bright:hover {
background-color: #f50;
border: 1px solid #f50; }
.btn-trans {
background: rgba(255, 255, 255, 0.2); }
.btn-facebook {
background: #3a5795;
min-width: 160px; }
.btn-facebook:hover {
background: #344f86; }
.btn-google {
background: #dd4b39;
min-width: 160px; }
.btn-google:hover {
background: #c74433; }
.btn-twitter {
background: #55acee;
min-width: 160px; }
.btn-twitter:hover {
background: #3ea1ec; }
.nice-button {
-webkit-box-shadow: 0 1px 0 rgba(156, 163, 168, 0.6);
-moz-box-shadow: 0 1px 0 rgba(156, 163, 168, 0.6);
box-shadow: 0 1px 0 rgba(156, 163, 168, 0.6); }
html.ie8 .nice-button,
html.ie7 .nice-button,
html.ie6 .nice-button {
border: 2px solid; }
.btn-light-gray {
background-color: #e5e7e8;
border: 1px solid #e5e7e8;
color: #46535e; }
.btn-light-gray:hover {
background: #d8dee0;
border: 1px solid #d8dee0; }
.btn-second {
margin-right: 15px; }
.btn-secondary {
color: #fff;
font-size: 1.5em;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
padding: 5px 8px;
text-decoration: none; }
.activated {
background-color: #00b7df; }
.activated:hover {
background-color: #1286c3; }
.de-activated {
background-color: #e5e7e8; }
.input-with-icon {
padding: 3px 8px 3px 8px;
border: 1px solid #e5e7e8;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
background: #fff;
float: left;
width: 100%;
box-sizing: border-box; }
.input-with-icon.withBorder {
border: 1px solid #e5e7e8; }
.input-with-icon .icon {
color: #9ca3a8;
line-height: 22px;
float: left; }
.input-with-icon input {
float: right; }
.input-with-icon::-webkit-input-placeholder {
color: #e5e7e8;
font-weight: normal; }
.input-with-icon:-moz-placeholder {
color: #e5e7e8;
font-weight: normal; }
.input-with-icon::-moz-placeholder {
color: #e5e7e8;
font-weight: normal; }
.input-with-icon:-ms-input-placeholder {
color: #e5e7e8;
font-weight: normal; }
.form-section-header {
padding: 3px 10px;
background-color: #e5e7e8;
font-weight: bold; }
.signup-box {
border: 1px solid #e5e7e8;
padding: 30px;
-webkit-box-shadow: 0 2px 2px #ccc;
-moz-box-shadow: 0 2px 2px #ccc;
box-shadow: 0 2px 2px #ccc;
display: inline-block;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
background: #fff; }
html.ie8 .signup-box,
html.ie7 .signup-box,
html.ie6 .signup-box {
border: 2px solid; }
.signup-box .signup-btn {
float: left; }
.signup-btn {
text-decoration: none;
display: inline-block;
width: 195px;
padding: 10px 10px;
color: #fff;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
font-size: 16px; }
.signup-btn i.sprites {
margin-right: 10px; }
.sign-up-btn-alt {
color: #fff;
font-size: 16px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
text-decoration: none !important;
padding: 10px 30px;
display: inline-block;
cursor: pointer; }
.sign-up-btn {
color: #fff;
display: inline-block;
margin-top: 10px;
margin-bottom: 10px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
text-decoration: none !important;
cursor: pointer; }
.sign-up-btn .btn-icon {
padding: 10px 20px;
border-right: 1px solid rgba(0, 0, 0, 0.1);
width: 20px;
text-align: center; }
.sign-up-btn .btn-text {
padding: 10px 20px; }
.social-button {
margin-top: 10px; }
.social-button div {
float: left;
margin-right: 10px; }
.social-button .tweet-button {
margin-left: 10px; }
.social-button .gplus {
margin-left: -20px; }
.modal-share-buttons {
margin-bottom: 20px; }
.modal-share-buttons a {
margin-right: 10px;
padding-left: 8px;
padding-right: 8px;
font-weight: bold;
text-transform: none;
display: inline-block;
width: 100px; }
.modal-share-buttons a i {
background: url("../profiles/hackerearth/images/sprites.png") no-repeat;
float: left;
display: block;
margin-right: 7px; }
.modal-share-buttons .twitter-icon {
background-position: -140px -170px !important;
width: 15px;
height: 13px;
margin-top: 4px; }
.modal-share-buttons .facebook-icon {
background-position: -168px -168px;
width: 9px;
height: 19px; }
.modal-share-buttons .linkedin-icon {
background-position: -190px -169px;
width: 16px;
height: 16px;
margin-top: 2px; }
.modal-share-buttons .gplus-icon {
background-position: -220px -172px;
width: 14px;
height: 10px;
margin-top: 6px; }
.modal-share-buttons .twitter {
background-color: #19bfe5;
border: 2px solid #1c9bc3; }
.modal-share-buttons .twitter:hover {
background-color: #1c9bc3; }
.modal-share-buttons .facebook {
background-color: #224897;
border: 2px solid #0e327d; }
.modal-share-buttons .facebook:hover {
background-color: #0e327d; }
.modal-share-buttons .linkedin {
border: 2px solid #00648d;
background-color: #0084b9; }
.modal-share-buttons .linkedin:hover {
background-color: #00648d; }
.modal-share-buttons .gplus {
border: 2px solid #ae2716;
background-color: #db4936; }
.modal-share-buttons .gplus:hover {
background-color: #ae2716; }
.custom-checkbox {
position: relative; }
.custom-checkbox input[type=checkbox] {
opacity: 0; }
.custom-checkbox input[type=checkbox] + label {
vertical-align: top;
margin-left: 5px;
padding-left: 15px;
font-size: 12px;
cursor: pointer; }
.custom-checkbox input[type=checkbox] + label:before {
content: '';
position: absolute;
top: 2px;
left: 0;
width: 14px;
height: 14px;
border: 1px solid #9ca3a8;
background: #fff;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
box-sizing: border-box; }
.custom-checkbox input[type=checkbox]:checked + label:before {
content: '\f00c';
font-size: 14px;
line-height: 10px;
color: #4c9cdf;
font-family: FontAwesome; }
.custom-checkbox input[type=checkbox]:disabled + label {
opacity: 0.4; }
.wrapper.invite-email-wrapper .invite-email-input {
width: 164px;
box-sizing: border-box; }
.wrapper.invite-email-wrapper .invite-email-btn {
width: 80px;
box-sizing: border-box;
margin-left: 5px; }
@media (max-width: 480px) {
#login-modal.modal-window .modal-header {
padding: 5px 0 0 0; }
#login-modal.modal-window div.modal-content {
padding: 5px 10px; }
#login-modal.modal-window div.modal-content .btn-facebook,
#login-modal.modal-window div.modal-content .btn-google {
width: 100%;
box-sizing: border-box;
margin: 0; }
#login-modal.modal-window div.modal-content .btn-facebook {
margin: 5px 0 15px; }
#login-modal.modal-window div.modal-content .word-with-line-head {
margin-top: 15px; }
#login-modal.modal-window div.modal-content .dont-have-account {
margin: 10px 0; }
#login-modal.modal-window div.modal-content #modal-login-form,
#login-modal.modal-window div.modal-content #modal-signup-form {
margin-top: 10px; }
#login-modal.modal-window div.modal-content .password-reset input[type=submit] {
width: 100%;
padding: 10px 0;
margin-bottom: 10px; } }
.focused {
background-color: #d6e5f1;
color: #333; }
.results-header {
border-bottom: 1px solid #d4d4d4;
margin-bottom: 20px; }
#searchbar {
padding-left: 20px;
float: left; }
#searchbar #search-icon-container {
width: 30px;
height: 26px;
background-color: #fff;
float: right;
margin-top: 9px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
border-top-left-radius: 0;
border-bottom-left-radius: 0;
border-right: 1px solid #d4d4d4;
border-top: 1px solid #d4d4d4; }
#searchbar #search-icon {
margin-top: 6px;
background-color: #fff;
margin-left: 6px;
cursor: pointer; }
#searchbar input {
float: right;
font-size: 12px;
width: 304px;
height: 23px;
padding-bottom: 2px;
outline: 0;
border: 0;
margin-top: 9px;
padding-left: 10px;
padding-right: 0;
line-height: normal;
color: #000;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
border-top-right-radius: 0;
border-bottom-right-radius: 0;
border-left: 1px solid #d4d4d4;
border-top: 1px solid #d4d4d4; }
#searchbar #search-dropdown {
display: none;
z-index: 10;
position: absolute;
margin-top: 35px; }
#searchbar #search-dropdown .result-wrapper-banner1,
#searchbar #search-dropdown .result-wrapper-banner2 {
position: absolute;
border-left: 1px solid #d4d4d4;
border-right: 1px solid #d4d4d4;
width: 344px;
height: 5px;
top: -5px; }
#searchbar #search-dropdown .result-wrapper-banner1 {
background-color: #fff; }
#searchbar #search-dropdown .result-wrapper-banner2 {
border-top: 1px solid #d4d4d4;
top: 0;
height: 0; }
#searchbar #search-dropdown .result-wrapper-container {
border-top: 1px solid #d4d4d4;
background-color: #fff;
border: 1px solid #d4d4d4;
min-width: 344px;
-webkit-box-shadow: 4px 6px 10px -6px #9ca3a8;
-moz-box-shadow: 4px 6px 10px -6px #9ca3a8;
box-shadow: 4px 6px 10px -6px #9ca3a8;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
border-top-left-radius: 0;
border-top-right-radius: 2px; }
html.ie8 #searchbar #search-dropdown .result-wrapper-container,
html.ie7 #searchbar #search-dropdown .result-wrapper-container,
html.ie6 #searchbar #search-dropdown .result-wrapper-container {
border: 2px solid; }
#searchbar .result-wrapper {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
height: 50px; }
#searchbar .result-wrapper #results-none {
margin-left: 80px;
padding-top: 15px;
font-size: 12px;
color: #808080; }
#searchbar .result-wrapper #no-results {
font-size: 13px;
font-family: sans-serif;
text-align: center;
padding-top: 13px; }
#searchbar .result-wrapper a {
display: block;
padding: 10px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
width: 100%;
height: 100%;
color: #333; }
#searchbar .result-wrapper .result {
outline: 0;
border: 0;
padding: 0;
margin: 0;
height: 30px;
font-weight: normal; }
#searchbar .result-wrapper .result-container {
outline: 0;
border: 0;
padding: 0;
margin: 0;
height: 100%; }
#searchbar .result-wrapper data {
outline: 0;
border: 0;
margin: 0;
height: 100%; }
#searchbar .result-wrapper .result-container .result-image {
width: 30px;
height: 30px; }
#searchbar .result-wrapper .result-container .result-image div {
width: 100%; }
#searchbar .result-wrapper .result-container .page-image {
background: #323754; }
#searchbar .result-wrapper .result-container .page-image span {
font-size: 20px;
padding: 5px 8px;
color: #fff; }
#searchbar .result-wrapper .result-container .note-image {
background: #323754; }
#searchbar .result-wrapper .result-container .note-image span {
font-size: 18px;
padding: 7px 8px;
color: #fff; }
#searchbar .result-wrapper .result-container .query-image {
background: #323754; }
#searchbar .result-wrapper .result-container .query-image span {
font-size: 15px;
padding: 7px 8px;
color: #fff; }
#searchbar .result-wrapper .result-container .problem-image {
background: #323754; }
#searchbar .result-wrapper .result-container .problem-image .fa {
font-size: 15px;
padding: 7px 3px;
color: #fff;
font-weight: bold; }
#searchbar .result-wrapper .result-container .problem-image .problem-icon-left {
padding-left: 7px !important; }
#searchbar .result-wrapper .result-container .company-image {
background: #323754; }
#searchbar .result-wrapper .result-container .company-image .company-icon {
font-size: 18px;
padding-top: 7px;
padding-left: 8px;
text-align: center;
color: #fff; }
#searchbar .result-wrapper .result-container .hiring-color {
background-color: #d1573f; }
#searchbar .result-wrapper .result-container .nonhiring-color {
background-color: #323754; }
#searchbar .result-wrapper .result-container .previous-color {
background-color: #a9adbe; }
#searchbar .result-wrapper .result-container .challenge-image .text-icon {
font-family: bitter;
font-size: 16px;
text-align: center;
color: #fff;
padding-top: 6px; }
#searchbar .result-wrapper .result-container .challenge-image .size-15 {
width: 100%;
font-size: 15px;
text-align: center;
margin-top: 9px;
color: #fff; }
#searchbar .result-wrapper .result-container .result-data {
display: inline-block;
font-size: 13px;
padding-left: 10px;
margin-top: 5px; }
#searchbar .result-wrapper .result-container .result-type {
color: #888;
font-size: 11px;
margin-top: 5px;
float: right;
margin-left: 20px; }
#searchbar div#results-more {
height: 40px;
border-top: 1px solid #ddd;
display: block; }
#searchbar div#results-more #search-more {
width: 100%; }
#searchbar div#results-more #search-more a {
height: 32px;
text-decoration: none;
color: #4c9cdf;
line-height: 20px;
padding-top: 8px;
padding-bottom: 5px; }
#searchbar div#results-more .no-results #text {
margin-left: 24px;
margin-top: 12px;
font-size: 12px;
color: #808080; }
#searchbar div#results-more .no-results #image {
margin-top: 14px;
margin-left: 27px; }
@media (max-width: 1366px) {
.header .navigation {
max-width: 71rem; }
.header .sub-header .sub-nav-bar {
max-width: 70.75rem; } }
@media (max-width: 1279px) {
.header .navigation {
max-width: 64rem; }
.header .navigation .nav-bar li a {
margin: 0 0.625rem; }
.header .sub-header .sub-nav-bar {
max-width: 64rem;
padding-left: 0.3125rem; } }
@media (min-width: 1025px) {
.mob-show,
.tablet-show {
display: none !important; }
.header .mobile-menu-btn {
display: none !important; } }
@media (max-width: 1024px) {
body {
overflow-x: hidden;
transition: transform .5s ease-in-out;
-webkit-transition: -webkit-transform 0.5s ease-in-out; }
body.right-transform {
transform: translate3d(12.5rem, 0, 0);
-webkit-transform: translate3d(12.5rem, 0, 0);
overflow: hidden;
position: fixed; }
body.left-transform {
transform: translate3d(-12.5rem, 0, 0);
-webkit-transform: translate3d(-12.5rem, 0, 0);
overflow: hidden;
position: fixed; }
.header {
height: 2.5rem; }
.header .sub-header-margin {
margin-bottom: 0; }
.header .sub-header {
display: none; }
.header .navigation .logo {
float: none; }
.header .navigation .logo-h-terminal {
background-image: url("../hackerearth/images/logo/HE_logo_white.png");
width: 8.75rem;
height: 1.75rem;
display: block;
margin: 0 auto;
top: 0.375rem; }
.header .navigation .nav-bar {
left: -12.5rem;
position: fixed;
background-color: #323754;
width: 12.5rem;
text-align: left;
top: 0;
z-index: 2;
height: 100%;
padding: 0;
overflow-y: scroll; }
.header .navigation .nav-bar .btn-trans {
float: none;
margin: 0;
background: 0;
padding: 0;
text-align: left; }
.header .navigation .nav-bar li {
width: 100%;
-webkit-box-shadow: 0 1px 0 0 rgba(25, 28, 47, 0.7), 0 2px 0 0 rgba(255, 255, 255, 0.05);
-moz-box-shadow: 0 1px 0 0 rgba(25, 28, 47, 0.7), 0 2px 0 0 rgba(255, 255, 255, 0.05);
box-shadow: 0 1px 0 0 rgba(25, 28, 47, 0.7), 0 2px 0 0 rgba(255, 255, 255, 0.05);
height: 2.5rem; }
html.ie8 .header .navigation .nav-bar li,
html.ie7 .header .navigation .nav-bar li,
html.ie6 .header .navigation .nav-bar li {
border: 2px solid; }
.header .navigation .nav-bar li a {
line-height: 2.5rem;
text-transform: uppercase;
height: 2.5rem; }
.header .navigation .nav-bar li a.message-icon {
margin: 0 0.625rem; }
.header .navigation .nav-bar li#hacker-dd-icon {
display: none; }
.header .navigation .nav-bar .notification-icon .notif-count {
top: 0.0625rem; }
.header .navigation h1 {
box-sizing: border-box;
padding: .3125rem .625rem;
max-width: 100%;
overflow: hidden; }
.header .navigation .header-title {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
width: 100%;
margin: 0;
display: block; }
.header #searchbar {
display: none; }
.header .mobile-menu-btn {
display: block;
left: 0;
right: inherit;
padding: .5625rem .6875rem;
top: 0;
width: 1.125rem;
cursor: pointer; }
#simplemodal-container .simplemodal-wrap {
overflow-x: hidden !important; }
.tablet-hide {
display: none !important; } }
@media (min-width: 769px) {
.hide-above-768 {
display: none !important; } }
@media (max-width: 768px) {
.hide-below-768 {
display: none !important; }
#tiptip_holder {
display: none !important; } }
@media (min-width: 320px) and (max-width: 480px) {
#simplemodal-container .modal-window {
width: 18.9375rem;
margin: auto; }
#simplemodal-container .modal-window .modal-content {
padding: 1.25rem 0.625rem; }
#simplemodal-container a.modalCloseImg {
top: 10px !important;
right: 10px !important; }
#live-events-container {
z-index: 1000; }
.mob-hide {
display: none !important; } }
@media (min-width: 481px) and (max-width: 1024px) {
.challenges-tabs {
width: 100%; }
.mob-show {
display: none !important; } }
#top-prompt-container {
background: rgba(244, 144, 32, 0.15);
padding: 10px 0;
min-height: 40px;
position: relative; }
#top-prompt-container .cross-prompt {
cursor: pointer;
position: absolute;
top: 18px;
right: 18px;
width: 32px;
height: 32px;
opacity: 0.7; }
#top-prompt-container .cross-prompt:hover {
opacity: 1; }
#top-prompt-container .cross-prompt:before,
#top-prompt-container .cross-prompt:after {
position: absolute;
content: ' ';
height: 23px;
width: 1px;
background-color: #46535e; }
#top-prompt-container .cross-prompt:before {
transform: rotate(45deg); }
#top-prompt-container .cross-prompt:after {
transform: rotate(-45deg); }
#top-prompt-container.prompt-container .prompt-header {
position: absolute;
font-size: 25px;
color: #4c9cdf;
top: 0;
right: 0;
z-index: 2; }
#top-prompt-container.prompt-container .prompt-header .cross-prompt {
cursor: pointer; }
#top-prompt-container.prompt-container .prompt-content {
z-index: 1; }
#top-prompt-container.prompt-container .prompt-content .save-prompt,
#top-prompt-container.prompt-container .prompt-content .save-prompt-and-next {
text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.3);
font-weight: 600; }
#top-prompt-container.prompt-container .prompt-content .skip-prompt {
color: #9ca3a8;
cursor: pointer; }
#right-prompt-container {
position: fixed;
background: #fff;
min-height: 100vh;
width: 21%;
right: 0;
z-index: 100003;
-webkit-box-shadow: -5px 0 20px rgba(0, 0, 0, 0.1);
-moz-box-shadow: -5px 0 20px rgba(0, 0, 0, 0.1);
box-shadow: -5px 0 20px rgba(0, 0, 0, 0.1); }
html.ie8 #right-prompt-container,
html.ie7 #right-prompt-container,
html.ie6 #right-prompt-container {
border: 2px solid; }
#right-prompt-container .base-prompt {
position: relative;
z-index: 2; }
#right-prompt-container .base-prompt .prompt-header {
width: 100%;
background: rgba(229, 231, 232, 0.3);
height: 80px;
font-size: 24px;
color: #46535e;
padding: 15px; }
#right-prompt-container .base-prompt .prompt-header .prompt-header-content {
height: 100%;
width: 100%;
line-height: 80px;
box-sizing: border-box; }
#right-prompt-container .base-prompt .prompt-header .cross-prompt {
cursor: pointer;
position: absolute;
top: 5px;
right: -5px;
width: 32px;
height: 32px;
opacity: 0.3; }
#right-prompt-container .base-prompt .prompt-header .cross-prompt:hover {
opacity: 1; }
#right-prompt-container .base-prompt .prompt-header .cross-prompt:before,
#right-prompt-container .base-prompt .prompt-header .cross-prompt:after {
position: absolute;
content: ' ';
height: 23px;
width: 1px;
background-color: #46535e; }
#right-prompt-container .base-prompt .prompt-header .cross-prompt:before {
transform: rotate(45deg); }
#right-prompt-container .base-prompt .prompt-header .cross-prompt:after {
transform: rotate(-45deg); }
#right-prompt-container .base-prompt .prompt-header .heading-user-image img {
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
margin-top: 13px; }
#right-prompt-container .base-prompt .prompt-header .heading-user-title {
padding: 0 15px; }
#right-prompt-container .base-prompt .prompt-content {
position: relative;
width: 100%;
max-height: calc(100vh - 200px);
background: #fff;
font-size: 24px;
color: #46535e;
padding: 15px;
right: 0;
box-sizing: border-box; }
#right-prompt-container .base-prompt .prompt-content .note-text {
font-size: 11px; }
#right-prompt-container .base-prompt .prompt-content .note-text p {
font-size: 11px; }
#right-prompt-container .base-prompt .prompt-content .note-text p:first-letter {
content: '';
font-weight: bold;
color: #f00; }
#right-prompt-container .base-prompt .center-right-prompt-cta {
position: fixed;
width: 21%;
bottom: 0;
right: 0;
padding: 10px 15px 10px 15px;
-webkit-box-shadow: 0 3px 10px rgba(0, 0, 0, 0.4);
-moz-box-shadow: 0 3px 10px rgba(0, 0, 0, 0.4);
box-shadow: 0 3px 10px rgba(0, 0, 0, 0.4);
display: table;
box-sizing: border-box;
background: #fff; }
html.ie8 #right-prompt-container .base-prompt .center-right-prompt-cta,
html.ie7 #right-prompt-container .base-prompt .center-right-prompt-cta,
html.ie6 #right-prompt-container .base-prompt .center-right-prompt-cta {
border: 2px solid; }
#right-prompt-container .base-prompt .center-right-prompt-cta .note-text {
font-size: 11px;
display: table-row; }
#right-prompt-container .base-prompt .center-right-prompt-cta .btn-save-details {
cursor: pointer;
display: table-row;
margin-top: 5px;
width: 100%;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
height: 50px;
font-family: Open Sans, sans-serif;
font-size: 14px;
letter-spacing: 1px; }
.education-prompt-form,
.languages-prompt-form {
min-height: 100%;
max-height: calc(100vh - 200px); }
.education-prompt-form .list-container,
.languages-prompt-form .list-container,
.education-prompt-form .skills-wrapper,
.languages-prompt-form .skills-wrapper,
.education-prompt-form .languages-wrapper,
.languages-prompt-form .languages-wrapper {
width: 90%;
overflow: hidden; }
.education-prompt-form .list-container ul.skills-ul,
.languages-prompt-form .list-container ul.skills-ul,
.education-prompt-form .skills-wrapper ul.skills-ul,
.languages-prompt-form .skills-wrapper ul.skills-ul,
.education-prompt-form .languages-wrapper ul.skills-ul,
.languages-prompt-form .languages-wrapper ul.skills-ul,
.education-prompt-form .list-container .languages-ul,
.languages-prompt-form .list-container .languages-ul,
.education-prompt-form .skills-wrapper .languages-ul,
.languages-prompt-form .skills-wrapper .languages-ul,
.education-prompt-form .languages-wrapper .languages-ul,
.languages-prompt-form .languages-wrapper .languages-ul {
padding: 5px;
color: #46535e;
font-size: 16px;
list-style: none; }
.education-prompt-form .list-container ul.skills-ul li,
.languages-prompt-form .list-container ul.skills-ul li,
.education-prompt-form .skills-wrapper ul.skills-ul li,
.languages-prompt-form .skills-wrapper ul.skills-ul li,
.education-prompt-form .languages-wrapper ul.skills-ul li,
.languages-prompt-form .languages-wrapper ul.skills-ul li,
.education-prompt-form .list-container .languages-ul li,
.languages-prompt-form .list-container .languages-ul li,
.education-prompt-form .skills-wrapper .languages-ul li,
.languages-prompt-form .skills-wrapper .languages-ul li,
.education-prompt-form .languages-wrapper .languages-ul li,
.languages-prompt-form .languages-wrapper .languages-ul li {
display: inline; }
.education-prompt-form .list-container ul.skills-ul li .preselected,
.languages-prompt-form .list-container ul.skills-ul li .preselected,
.education-prompt-form .skills-wrapper ul.skills-ul li .preselected,
.languages-prompt-form .skills-wrapper ul.skills-ul li .preselected,
.education-prompt-form .languages-wrapper ul.skills-ul li .preselected,
.languages-prompt-form .languages-wrapper ul.skills-ul li .preselected,
.education-prompt-form .list-container .languages-ul li .preselected,
.languages-prompt-form .list-container .languages-ul li .preselected,
.education-prompt-form .skills-wrapper .languages-ul li .preselected,
.languages-prompt-form .skills-wrapper .languages-ul li .preselected,
.education-prompt-form .languages-wrapper .languages-ul li .preselected,
.languages-prompt-form .languages-wrapper .languages-ul li .preselected {
color: #4c9cdf;
font-weight: 500; }
.education-prompt-form .list-container ul.skills-ul label,
.languages-prompt-form .list-container ul.skills-ul label,
.education-prompt-form .skills-wrapper ul.skills-ul label,
.languages-prompt-form .skills-wrapper ul.skills-ul label,
.education-prompt-form .languages-wrapper ul.skills-ul label,
.languages-prompt-form .languages-wrapper ul.skills-ul label,
.education-prompt-form .list-container .languages-ul label,
.languages-prompt-form .list-container .languages-ul label,
.education-prompt-form .skills-wrapper .languages-ul label,
.languages-prompt-form .skills-wrapper .languages-ul label,
.education-prompt-form .languages-wrapper .languages-ul label,
.languages-prompt-form .languages-wrapper .languages-ul label {
width: 16px;
height: 16px;
cursor: pointer;
position: absolute;
left: 20px;
background: #fff;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
border: 1px solid #9ca3a8;
margin-top: 3px; }
.education-prompt-form .list-container ul.skills-ul label:after,
.languages-prompt-form .list-container ul.skills-ul label:after,
.education-prompt-form .skills-wrapper ul.skills-ul label:after,
.languages-prompt-form .skills-wrapper ul.skills-ul label:after,
.education-prompt-form .languages-wrapper ul.skills-ul label:after,
.languages-prompt-form .languages-wrapper ul.skills-ul label:after,
.education-prompt-form .list-container .languages-ul label:after,
.languages-prompt-form .list-container .languages-ul label:after,
.education-prompt-form .skills-wrapper .languages-ul label:after,
.languages-prompt-form .skills-wrapper .languages-ul label:after,
.education-prompt-form .languages-wrapper .languages-ul label:after,
.languages-prompt-form .languages-wrapper .languages-ul label:after {
content: '';
width: 8px;
height: 5px;
position: absolute;
top: 3px;
left: 3px;
border: 2px solid #fff;
border-top: 0;
border-right: 0;
background: transparent;
opacity: 1;
transform: rotate(-45deg); }
.education-prompt-form .list-container ul.skills-ul input[type=checkbox],
.languages-prompt-form .list-container ul.skills-ul input[type=checkbox],
.education-prompt-form .skills-wrapper ul.skills-ul input[type=checkbox],
.languages-prompt-form .skills-wrapper ul.skills-ul input[type=checkbox],
.education-prompt-form .languages-wrapper ul.skills-ul input[type=checkbox],
.languages-prompt-form .languages-wrapper ul.skills-ul input[type=checkbox],
.education-prompt-form .list-container .languages-ul input[type=checkbox],
.languages-prompt-form .list-container .languages-ul input[type=checkbox],
.education-prompt-form .skills-wrapper .languages-ul input[type=checkbox],
.languages-prompt-form .skills-wrapper .languages-ul input[type=checkbox],
.education-prompt-form .languages-wrapper .languages-ul input[type=checkbox],
.languages-prompt-form .languages-wrapper .languages-ul input[type=checkbox] {
visibility: hidden; }
.education-prompt-form .list-container ul.skills-ul input[type=checkbox]:checked + label,
.languages-prompt-form .list-container ul.skills-ul input[type=checkbox]:checked + label,
.education-prompt-form .skills-wrapper ul.skills-ul input[type=checkbox]:checked + label,
.languages-prompt-form .skills-wrapper ul.skills-ul input[type=checkbox]:checked + label,
.education-prompt-form .languages-wrapper ul.skills-ul input[type=checkbox]:checked + label,
.languages-prompt-form .languages-wrapper ul.skills-ul input[type=checkbox]:checked + label,
.education-prompt-form .list-container .languages-ul input[type=checkbox]:checked + label,
.languages-prompt-form .list-container .languages-ul input[type=checkbox]:checked + label,
.education-prompt-form .skills-wrapper .languages-ul input[type=checkbox]:checked + label,
.languages-prompt-form .skills-wrapper .languages-ul input[type=checkbox]:checked + label,
.education-prompt-form .languages-wrapper .languages-ul input[type=checkbox]:checked + label,
.languages-prompt-form .languages-wrapper .languages-ul input[type=checkbox]:checked + label {
background: #4c9cdf;
border: 1px solid #4c9cdf; }
#prompt-job-details {
position: relative;
max-width: 1100px;
margin: 0 auto; }
#prompt-job-details .prompt-content {
position: relative; }
#prompt-job-details .prompt-content .user-avatar img {
border: 3px solid #fff F;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
-webkit-box-shadow: 1px 1px 2px 0 #d5be64;
-moz-box-shadow: 1px 1px 2px 0 #d5be64;
box-shadow: 1px 1px 2px 0 #d5be64;
box-sizing: border-box; }
html.ie8 #prompt-job-details .prompt-content .user-avatar img,
html.ie7 #prompt-job-details .prompt-content .user-avatar img,
html.ie6 #prompt-job-details .prompt-content .user-avatar img {
border: 2px solid; }
#prompt-job-details .prompt-content .form-loader {
position: absolute;
left: 100px;
top: 20px; }
#prompt-job-details .prompt-content .form-with-text {
width: 100%;
max-width: 1004px; }
#prompt-job-details .prompt-content .form-with-text .form-div {
width: 100%;
position: relative; }
#prompt-job-details .prompt-content .form-with-text .form-div .job-interest-form .button {
min-width: 0; }
#prompt-job-details .prompt-content .form-with-text .form-div .job-interest-form .button.btn-blue {
text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.3);
font-weight: 600; }
#prompt-job-details .prompt-content .form-with-text .form-div .skills-form .user-skills {
width: 800px;
position: relative; }
#prompt-job-details .prompt-content .form-with-text .form-div .skills-form .user-skills .text-core {
width: 100%; }
#prompt-job-details .prompt-content .form-with-text .form-div .skills-form .user-skills .text-core .text-wrap #id_skills {
width: 100% !important;
height: auto;
padding: 10px 10px 12px 10px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
min-width: 800px; }
#prompt-job-details .prompt-content .form-with-text .form-div .skills-form .save-action-buttons {
float: left; }
#prompt-job-details .prompt-content .settings-note {
line-height: 14px; }
#prompt-job-details .prompt-content:hover {
overflow-y: scroll; }
#prompt-project {
position: relative;
max-width: 1100px;
margin: 0 auto; }
#prompt-project .prompt-content {
position: relative; }
#prompt-project .prompt-content .user-avatar img {
border: 3px solid #fff F;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
-webkit-box-shadow: 1px 1px 2px 0 #d5be64;
-moz-box-shadow: 1px 1px 2px 0 #d5be64;
box-shadow: 1px 1px 2px 0 #d5be64; }
html.ie8 #prompt-project .prompt-content .user-avatar img,
html.ie7 #prompt-project .prompt-content .user-avatar img,
html.ie6 #prompt-project .prompt-content .user-avatar img {
border: 2px solid; }
#prompt-project .prompt-content .form-loader {
position: absolute;
left: 100px;
top: 20px; }
#prompt-project .prompt-content .form-with-text {
width: 100%;
max-width: 1004px; }
#prompt-project .prompt-content .form-with-text .form-div {
width: 100%;
position: relative; }
#prompt-project .prompt-content .form-with-text .form-div .project-prompt-form .button {
min-width: 0; }
#prompt-project .prompt-content .form-with-text .form-div .project-prompt-form .button.btn-blue {
text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.3);
font-weight: 600; }
#prompt-project .prompt-content .form-with-text .form-div .project-prompt-form .save-action-buttons {
float: left; }
#prompt-project .prompt-content .form-with-text .form-div .project-prompt-form input {
background: #fff F;
box-sizing: border-box;
padding: 7px;
border: 1px solid #9daccc;
width: 200px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
color: #46535e; }
#prompt-project .prompt-content .form-with-text .form-div .project-prompt-form select {
background: #fff F;
box-sizing: border-box;
padding: .5%;
border: 1px solid #9daccc;
width: 70px;
height: 30px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
color: #46535e; }
#prompt-project .prompt-content .form-with-text .form-div .project-prompt-form option {
width: 30px; }
#prompt-project .prompt-content .form-with-text .form-div .project-prompt-form .duration-fld {
margin-left: 30px; }
#prompt-education,
#prompt-work-experience {
position: relative;
max-width: 1100px;
margin: 0 auto; }
#prompt-education .prompt-content,
#prompt-work-experience .prompt-content {
position: relative; }
#prompt-education .prompt-content .user-avatar img,
#prompt-work-experience .prompt-content .user-avatar img {
border: 3px solid #fff F;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
-webkit-box-shadow: 1px 1px 2px 0 #d5be64;
-moz-box-shadow: 1px 1px 2px 0 #d5be64;
box-shadow: 1px 1px 2px 0 #d5be64; }
html.ie8 #prompt-education .prompt-content .user-avatar img,
html.ie8 #prompt-work-experience .prompt-content .user-avatar img,
html.ie7 #prompt-education .prompt-content .user-avatar img,
html.ie7 #prompt-work-experience .prompt-content .user-avatar img,
html.ie6 #prompt-education .prompt-content .user-avatar img,
html.ie6 #prompt-work-experience .prompt-content .user-avatar img {
border: 2px solid; }
#prompt-education .prompt-content .form-loader,
#prompt-work-experience .prompt-content .form-loader {
position: absolute;
left: 100px;
top: 20px; }
#prompt-education .prompt-content .form-with-text,
#prompt-work-experience .prompt-content .form-with-text {
width: 100%;
max-width: 1004px; }
#prompt-education .prompt-content .form-with-text .form-div,
#prompt-work-experience .prompt-content .form-with-text .form-div {
width: 100%;
position: relative; }
#prompt-education .prompt-content .form-with-text .form-div .education-prompt-form .button,
#prompt-work-experience .prompt-content .form-with-text .form-div .education-prompt-form .button,
#prompt-education .prompt-content .form-with-text .form-div .work-experience-prompt-form .button,
#prompt-work-experience .prompt-content .form-with-text .form-div .work-experience-prompt-form .button {
min-width: 0; }
#prompt-education .prompt-content .form-with-text .form-div .education-prompt-form .button.btn-blue,
#prompt-work-experience .prompt-content .form-with-text .form-div .education-prompt-form .button.btn-blue,
#prompt-education .prompt-content .form-with-text .form-div .work-experience-prompt-form .button.btn-blue,
#prompt-work-experience .prompt-content .form-with-text .form-div .work-experience-prompt-form .button.btn-blue {
text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.3);
font-weight: 600; }
#prompt-education .prompt-content .form-with-text .form-div .education-prompt-form .save-action-buttons,
#prompt-work-experience .prompt-content .form-with-text .form-div .education-prompt-form .save-action-buttons,
#prompt-education .prompt-content .form-with-text .form-div .work-experience-prompt-form .save-action-buttons,
#prompt-work-experience .prompt-content .form-with-text .form-div .work-experience-prompt-form .save-action-buttons {
float: left; }
#prompt-education .prompt-content .form-with-text .form-div .education-prompt-form input,
#prompt-work-experience .prompt-content .form-with-text .form-div .education-prompt-form input,
#prompt-education .prompt-content .form-with-text .form-div .work-experience-prompt-form input,
#prompt-work-experience .prompt-content .form-with-text .form-div .work-experience-prompt-form input,
#prompt-education .prompt-content .form-with-text .form-div .education-prompt-form select,
#prompt-work-experience .prompt-content .form-with-text .form-div .education-prompt-form select,
#prompt-education .prompt-content .form-with-text .form-div .work-experience-prompt-form select,
#prompt-work-experience .prompt-content .form-with-text .form-div .work-experience-prompt-form select,
#prompt-education .prompt-content .form-with-text .form-div .education-prompt-form .selectize-input,
#prompt-work-experience .prompt-content .form-with-text .form-div .education-prompt-form .selectize-input,
#prompt-education .prompt-content .form-with-text .form-div .work-experience-prompt-form .selectize-input,
#prompt-work-experience .prompt-content .form-with-text .form-div .work-experience-prompt-form .selectize-input {
background: 0;
border: 0;
margin: 0;
-webkit-box-shadow: none;
-moz-box-shadow: none;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
border-bottom: 1px solid rgba(156, 163, 168, 0.3);
padding: 0 0 5px 0;
font-size: 16px;
color: #46535e;
width: 100%;
box-sizing: border-box;
line-height: 16px;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0; }
html.ie8 #prompt-education .prompt-content .form-with-text .form-div .education-prompt-form input,
html.ie8 #prompt-work-experience .prompt-content .form-with-text .form-div .education-prompt-form input,
html.ie8 #prompt-education .prompt-content .form-with-text .form-div .work-experience-prompt-form input,
html.ie8 #prompt-work-experience .prompt-content .form-with-text .form-div .work-experience-prompt-form input,
html.ie8 #prompt-education .prompt-content .form-with-text .form-div .education-prompt-form select,
html.ie8 #prompt-work-experience .prompt-content .form-with-text .form-div .education-prompt-form select,
html.ie8 #prompt-education .prompt-content .form-with-text .form-div .work-experience-prompt-form select,
html.ie8 #prompt-work-experience .prompt-content .form-with-text .form-div .work-experience-prompt-form select,
html.ie8 #prompt-education .prompt-content .form-with-text .form-div .education-prompt-form .selectize-input,
html.ie8 #prompt-work-experience .prompt-content .form-with-text .form-div .education-prompt-form .selectize-input,
html.ie8 #prompt-education .prompt-content .form-with-text .form-div .work-experience-prompt-form .selectize-input,
html.ie8 #prompt-work-experience .prompt-content .form-with-text .form-div .work-experience-prompt-form .selectize-input,
html.ie7 #prompt-education .prompt-content .form-with-text .form-div .education-prompt-form input,
html.ie7 #prompt-work-experience .prompt-content .form-with-text .form-div .education-prompt-form input,
html.ie7 #prompt-education .prompt-content .form-with-text .form-div .work-experience-prompt-form input,
html.ie7 #prompt-work-experience .prompt-content .form-with-text .form-div .work-experience-prompt-form input,
html.ie7 #prompt-education .prompt-content .form-with-text .form-div .education-prompt-form select,
html.ie7 #prompt-work-experience .prompt-content .form-with-text .form-div .education-prompt-form select,
html.ie7 #prompt-education .prompt-content .form-with-text .form-div .work-experience-prompt-form select,
html.ie7 #prompt-work-experience .prompt-content .form-with-text .form-div .work-experience-prompt-form select,
html.ie7 #prompt-education .prompt-content .form-with-text .form-div .education-prompt-form .selectize-input,
html.ie7 #prompt-work-experience .prompt-content .form-with-text .form-div .education-prompt-form .selectize-input,
html.ie7 #prompt-education .prompt-content .form-with-text .form-div .work-experience-prompt-form .selectize-input,
html.ie7 #prompt-work-experience .prompt-content .form-with-text .form-div .work-experience-prompt-form .selectize-input,
html.ie6 #prompt-education .prompt-content .form-with-text .form-div .education-prompt-form input,
html.ie6 #prompt-work-experience .prompt-content .form-with-text .form-div .education-prompt-form input,
html.ie6 #prompt-education .prompt-content .form-with-text .form-div .work-experience-prompt-form input,
html.ie6 #prompt-work-experience .prompt-content .form-with-text .form-div .work-experience-prompt-form input,
html.ie6 #prompt-education .prompt-content .form-with-text .form-div .education-prompt-form select,
html.ie6 #prompt-work-experience .prompt-content .form-with-text .form-div .education-prompt-form select,
html.ie6 #prompt-education .prompt-content .form-with-text .form-div .work-experience-prompt-form select,
html.ie6 #prompt-work-experience .prompt-content .form-with-text .form-div .work-experience-prompt-form select,
html.ie6 #prompt-education .prompt-content .form-with-text .form-div .education-prompt-form .selectize-input,
html.ie6 #prompt-work-experience .prompt-content .form-with-text .form-div .education-prompt-form .selectize-input,
html.ie6 #prompt-education .prompt-content .form-with-text .form-div .work-experience-prompt-form .selectize-input,
html.ie6 #prompt-work-experience .prompt-content .form-with-text .form-div .work-experience-prompt-form .selectize-input {
border: 2px solid; }
#prompt-education .prompt-content .form-with-text .form-div .education-prompt-form select:focus,
#prompt-work-experience .prompt-content .form-with-text .form-div .education-prompt-form select:focus,
#prompt-education .prompt-content .form-with-text .form-div .work-experience-prompt-form select:focus,
#prompt-work-experience .prompt-content .form-with-text .form-div .work-experience-prompt-form select:focus {
outline: 0; }
#prompt-education .prompt-content .form-with-text .form-div .education-prompt-form option,
#prompt-work-experience .prompt-content .form-with-text .form-div .education-prompt-form option,
#prompt-education .prompt-content .form-with-text .form-div .work-experience-prompt-form option,
#prompt-work-experience .prompt-content .form-with-text .form-div .work-experience-prompt-form option {
width: 30px; }
#prompt-education .prompt-content .form-with-text .form-div .education-prompt-form .form-content,
#prompt-work-experience .prompt-content .form-with-text .form-div .education-prompt-form .form-content,
#prompt-education .prompt-content .form-with-text .form-div .work-experience-prompt-form .form-content,
#prompt-work-experience .prompt-content .form-with-text .form-div .work-experience-prompt-form .form-content {
min-width: 250px; }
#prompt-education .prompt-content .form-with-text .form-div .education-prompt-form .institute-field input,
#prompt-work-experience .prompt-content .form-with-text .form-div .education-prompt-form .institute-field input,
#prompt-education .prompt-content .form-with-text .form-div .work-experience-prompt-form .institute-field input,
#prompt-work-experience .prompt-content .form-with-text .form-div .work-experience-prompt-form .institute-field input {
width: 300px; }
#prompt-education .prompt-content .form-with-text .form-div .education-prompt-form .degree,
#prompt-work-experience .prompt-content .form-with-text .form-div .education-prompt-form .degree,
#prompt-education .prompt-content .form-with-text .form-div .work-experience-prompt-form .degree,
#prompt-work-experience .prompt-content .form-with-text .form-div .work-experience-prompt-form .degree {
margin-right: 30px;
min-width: 210px; }
#prompt-education .prompt-content .form-with-text .form-div .education-prompt-form .degree input,
#prompt-work-experience .prompt-content .form-with-text .form-div .education-prompt-form .degree input,
#prompt-education .prompt-content .form-with-text .form-div .work-experience-prompt-form .degree input,
#prompt-work-experience .prompt-content .form-with-text .form-div .work-experience-prompt-form .degree input {
width: 120px; }
#prompt-education .prompt-content .form-with-text .form-div .education-prompt-form .ui-autocomplete,
#prompt-work-experience .prompt-content .form-with-text .form-div .education-prompt-form .ui-autocomplete,
#prompt-education .prompt-content .form-with-text .form-div .work-experience-prompt-form .ui-autocomplete,
#prompt-work-experience .prompt-content .form-with-text .form-div .work-experience-prompt-form .ui-autocomplete {
max-width: 300px; }
#prompt-education .prompt-content .form-with-text .form-div .education-prompt-form .duration-fld,
#prompt-work-experience .prompt-content .form-with-text .form-div .education-prompt-form .duration-fld,
#prompt-education .prompt-content .form-with-text .form-div .work-experience-prompt-form .duration-fld,
#prompt-work-experience .prompt-content .form-with-text .form-div .work-experience-prompt-form .duration-fld {
margin-left: 30px; }
#prompt-education .prompt-content .form-with-text .form-div .education-prompt-form select,
#prompt-work-experience .prompt-content .form-with-text .form-div .education-prompt-form select,
#prompt-education .prompt-content .form-with-text .form-div .work-experience-prompt-form select,
#prompt-work-experience .prompt-content .form-with-text .form-div .work-experience-prompt-form select {
color: #9ca3a8; }
#prompt-education .prompt-content .form-with-text .form-div .education-prompt-form select option,
#prompt-work-experience .prompt-content .form-with-text .form-div .education-prompt-form select option,
#prompt-education .prompt-content .form-with-text .form-div .work-experience-prompt-form select option,
#prompt-work-experience .prompt-content .form-with-text .form-div .work-experience-prompt-form select option {
color: #46535e; }
#prompt-email-verification {
position: relative;
max-width: 1100px;
margin: 0 auto; }
#prompt-email-verification .prompt-content {
position: relative; }
#prompt-email-verification .prompt-content .user-avatar img {
border: 3px solid #fff F;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
-webkit-box-shadow: 1px 1px 2px 0 #d5be64;
-moz-box-shadow: 1px 1px 2px 0 #d5be64;
box-shadow: 1px 1px 2px 0 #d5be64; }
html.ie8 #prompt-email-verification .prompt-content .user-avatar img,
html.ie7 #prompt-email-verification .prompt-content .user-avatar img,
html.ie6 #prompt-email-verification .prompt-content .user-avatar img {
border: 2px solid; }
#prompt-email-verification .prompt-content .form-with-text {
width: 100%; }
#center-modal-prompt-container {
position: absolute;
z-index: 100001;
width: 100%;
height: 100vh;
background: rgba(0, 0, 0, 0.8); }
#center-modal-prompt-container #prompt-redislab-hackathon-banner {
zoom: .9;
margin: 3% auto;
width: 820px; }
#center-modal-prompt-container #prompt-redislab-hackathon-banner .redis-hackathon-banner {
margin: 0 auto; }
#right-prompt-container .prompt-content .education-prompt-form .wrapper,
#right-prompt-container .prompt-content .work-experience-prompt-form .wrapper {
margin-bottom: 50px; }
#right-prompt-container .prompt-content .education-prompt-form .wrapper .selectize-dropdown-content div,
#right-prompt-container .prompt-content .work-experience-prompt-form .wrapper .selectize-dropdown-content div {
padding: 10px 8px;
border-bottom: 1px dotted rgba(156, 163, 168, 0.3); }
#right-prompt-container .prompt-content .education-prompt-form .degree-select #id_end_date,
#right-prompt-container .prompt-content .work-experience-prompt-form .degree-select #id_end_date {
margin: 0;
padding: 0;
color: #9ca3a8; }
#right-prompt-container .prompt-content .education-prompt-form .degree-select #id_end_date option,
#right-prompt-container .prompt-content .work-experience-prompt-form .degree-select #id_end_date option {
color: #46535e; }
#right-prompt-container .prompt-content .education-prompt-form .selectize-control.single .selectize-input:after,
#right-prompt-container .prompt-content .work-experience-prompt-form .selectize-control.single .selectize-input:after {
display: none; }
@media (max-width: 768px) {
#right-prompt-container {
display: none !important; } }
.suggested-profiles .text-div {
margin-left: 10px;
width: 90px; }
.suggested-problems .problem-desc {
line-height: 18px; }
.layout-container {
position: relative; }
.layout-container.no-pos {
position: static; }
.layout-container .white-wide-container .top-cover,
.layout-container .gray-wide-container .top-cover,
.layout-container .white-split-container .top-cover,
.layout-container .gray-split-container .top-cover {
width: 100%;
height: 240px;
margin-bottom: 20px; }
.layout-container .white-wide-container h1.title,
.layout-container .gray-wide-container h1.title,
.layout-container .white-split-container h1.title,
.layout-container .gray-split-container h1.title {
font-size: 24px;
color: #46535e;
font-weight: normal; }
.layout-container .white-wide-container:after,
.layout-container .gray-wide-container:after,
.layout-container .white-split-container:after,
.layout-container .gray-split-container:after {
content: "";
display: block;
height: 1px;
clear: both; }
.layout-container .white-wide-container ~ .footer-large .content,
.layout-container .gray-wide-container ~ .footer-large .content,
.layout-container .white-split-container ~ .footer-large .content,
.layout-container .gray-split-container ~ .footer-large .content {
max-width: 1280px; }
.layout-container .white-wide-container ~ .footer-large .footer-bottom-container .footer-bottom,
.layout-container .gray-wide-container ~ .footer-large .footer-bottom-container .footer-bottom,
.layout-container .white-split-container ~ .footer-large .footer-bottom-container .footer-bottom,
.layout-container .gray-split-container ~ .footer-large .footer-bottom-container .footer-bottom {
max-width: 1280px; }
.white-wide-container,
.gray-wide-container {
max-width: 1280px;
margin: 0 auto;
width: 100%;
height: 100%;
min-height: 600px;
min-height: 100vh;
box-sizing: border-box;
background: #fff F; }
.white-wide-container:before,
.gray-wide-container:before {
content: "";
width: 100%;
height: 100%;
display: block;
position: absolute;
left: 0;
right: 0;
background: #fff F;
z-index: -1; }
.gray-wide-container {
background: #f3f3f3; }
.gray-wide-container:before {
background: #f3f3f3; }
.white-split-container,
.gray-split-container {
max-width: 1280px;
margin: 0 auto;
min-height: 600px;
min-height: 100vh;
width: 100%; }
.white-split-container.reverse .left,
.gray-split-container.reverse .left {
width: 300px;
background: #e5e7e8; }
.white-split-container.reverse .left:before,
.gray-split-container.reverse .left:before {
background: #e5e7e8; }
.white-split-container.reverse .right,
.gray-split-container.reverse .right {
width: 980px;
background: #fff F; }
.white-split-container.reverse .right:before,
.gray-split-container.reverse .right:before {
background: #fff F; }
.white-split-container .left,
.gray-split-container .left {
height: 100%;
width: 980px;
float: left;
box-sizing: border-box;
background: #fff F;
min-height: 600px;
min-height: 100vh; }
.white-split-container .left.border-right,
.gray-split-container .left.border-right {
border-right: 1px solid rgba(156, 163, 168, 0.3); }
.white-split-container .left:before,
.gray-split-container .left:before {
content: "";
width: 50%;
height: 100%;
display: block;
position: absolute;
left: 0;
background: #fff F;
z-index: -1; }
.white-split-container .right,
.gray-split-container .right {
height: 100%;
width: 300px;
float: left;
padding-left: 10px;
box-sizing: border-box;
background: #e5e7e8;
min-height: 600px;
min-height: 100vh; }
.white-split-container .right:before,
.gray-split-container .right:before {
content: "";
width: 50%;
height: 100%;
display: block;
position: absolute;
right: 0;
background: #e5e7e8;
z-index: -1; }
.white-split-container .right .right-box,
.gray-split-container .right .right-box {
width: 100%;
margin-bottom: 20px; }
.gray-split-container.reverse .right {
background: #f3f3f3; }
.gray-split-container.reverse .right:before {
background: #f3f3f3; }
.gray-split-container .left {
background: #f3f3f3; }
.gray-split-container .left:before {
background: #f3f3f3; }
#global-locale-switcher {
max-height: 22px;
font-size: 12px;
padding: 3px;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
box-sizing: border-box;
background: 0;
border: 0;
color: #9ca3a8;
max-width: 80px; }
html.ie8 #global-locale-switcher,
html.ie7 #global-locale-switcher,
html.ie6 #global-locale-switcher {
border: 2px solid; }
.new-layout-header .navigation {
max-width: 1280px; }
@media (max-width: 1366px) {
.white-split-container,
.gray-split-container {
max-width: 1100px; }
.white-split-container.reverse .left,
.gray-split-container.reverse .left {
width: 300px; }
.white-split-container.reverse .right,
.gray-split-container.reverse .right {
width: 800px; }
.white-split-container .left,
.gray-split-container .left {
width: 800px; }
.white-wide-container ~ .footer-large .content,
.gray-wide-container ~ .footer-large .content,
.white-split-container ~ .footer-large .content,
.gray-split-container ~ .footer-large .content {
max-width: 1100px; }
.white-wide-container ~ .footer-large .footer-bottom-container .footer-bottom,
.gray-wide-container ~ .footer-large .footer-bottom-container .footer-bottom,
.white-split-container ~ .footer-large .footer-bottom-container .footer-bottom,
.gray-split-container ~ .footer-large .footer-bottom-container .footer-bottom {
max-width: 1100px; }
.white-wide-container,
.gray-wide-container {
max-width: 1100px; }
.new-layout-header .navigation {
max-width: 1100px; } }
@media (max-width: 1279px) {
.white-split-container,
.gray-split-container {
max-width: 1024px; }
.white-split-container.reverse .left,
.gray-split-container.reverse .left {
width: 300px; }
.white-split-container.reverse .right,
.gray-split-container.reverse .right {
width: 724px; }
.white-split-container .left,
.gray-split-container .left {
width: 724px; }
.white-wide-container ~ .footer-large .content,
.gray-wide-container ~ .footer-large .content,
.white-split-container ~ .footer-large .content,
.gray-split-container ~ .footer-large .content {
max-width: 1024px; }
.white-wide-container ~ .footer-large .footer-bottom-container .footer-bottom,
.gray-wide-container ~ .footer-large .footer-bottom-container .footer-bottom,
.white-split-container ~ .footer-large .footer-bottom-container .footer-bottom,
.gray-split-container ~ .footer-large .footer-bottom-container .footer-bottom {
max-width: 1024px; }
.white-wide-container,
.gray-wide-container {
max-width: 1024px; }
.new-layout-header .navigation {
max-width: 1024px; } }
@media (max-width: 1024px) {
.white-split-container.reverse .left,
.gray-split-container.reverse .left {
width: 25%; }
.white-split-container.reverse .right,
.gray-split-container.reverse .right {
width: 75%; }
.white-split-container .left,
.gray-split-container .left {
width: 75%;
padding-left: 10px;
overflow: visible; }
.white-split-container .right,
.gray-split-container .right {
width: 25%;
padding-right: 10px; }
.white-wide-container,
.gray-wide-container {
padding: 0 10px; } }
@media (max-width: 768px) {
.white-split-container .left,
.gray-split-container .left {
width: 100%;
padding-right: 10px; }
.white-split-container .left:before,
.gray-split-container .left:before {
content: none; }
.white-split-container .right,
.gray-split-container .right {
width: 100%; }
.white-split-container .right:before,
.gray-split-container .right:before {
content: none; }
.white-split-container .right.right-mob-hide,
.gray-split-container .right.right-mob-hide {
display: none; } }
/*# sourceMappingURL=common-base.css.map */