/********** Common *************/
@-webkit-keyframes rotating
/* Safari and Chrome */
{
from {
-ms-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-webkit-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
}
to {
-ms-transform: rotate(360deg);
-moz-transform: rotate(360deg);
-webkit-transform: rotate(360deg);
-o-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@keyframes rotating {
from {
-ms-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-webkit-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
}
to {
-ms-transform: rotate(360deg);
-moz-transform: rotate(360deg);
-webkit-transform: rotate(360deg);
-o-transform: rotate(360deg);
transform: rotate(360deg);
}
}
html {
font-size: 62.5%;
}
body {
font-family: 'Open Sans', Helvetica, Arial, sans-serif;
font-weight: normal;
font-size: 1.3rem !important;
color: #333;
text-shadow: none;
padding: 0;
margin: 0;
width: 100%;
background: #fff;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
html,
body {
height: 100%;
min-height: 100%;
/* for firefox */
}
p,
h1,
h2,
h3,
h4 {
margin: 0;
}
ul,
ol,
dl,
p {
font-size: 1.3rem;
}
h1 {
font-size: 2.5rem;
font-weight: 300;
}
h2 {
font-size: 1.6rem;
font-weight: 600;
}
h3 {
font-size: 1.4rem;
font-weight: normal;
}
table {
background: transparent;
border: none;
font-size: inherit;
}
table tr.even,
table tr.alt,
table tr:nth-of-type(even) {
background: none;
}
table tbody tr td {
color: inherit;
font-size: inherit;
line-height: normal;
}
table thead tr th {
color: inherit;
font-size: inherit;
}
input[type="checkbox"] {
margin: 3px 3px 3px 4px;
}
label {
font-size: inherit;
cursor: default;
line-height: normal;
color: inherit;
display: inline;
}
svg {
display: inline;
}
.content_wrapper {
max-width: 98rem;
margin: 0 auto
}
.row {
max-width: 98rem;
box-sizing: border-box !important;
}
.row .row {
margin: 0;
}
.column {
box-sizing: border-box !important;
}
#fullWidthContent {
width: 100%;
margin: 0;
min-height: 400px;
}
#contentWrapper {
width: 990px;
margin: 0 auto;
}
.cB {
clear: both;
}
.left {
float: left;
}
.right {
float: right;
}
span.invisible {
display: none;
}
.content-box {
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
}
.tooltip {
font-size: 1rem;
}
/* Foundation tooltip trigger */
.tooltip_trigger {
margin-left: 0.7rem;
text-transform: none;
font-weight: normal;
border: none;
}
/** Hyperlinks **/
a {
color: #0089c8;
text-decoration: none;
outline: none;
}
a:hover,
a:active {
text-decoration: underline;
}
a.subtle {
color: #939393;
}
a.subtle:hover {
color: #0089c8;
}
a.subtle:active {
color: #0089c8;
text-decoration: underline;
}
a.nolink {
text-decoration: none;
cursor: text;
color: #686868;
}
/** Buttons **/
div.button {
width: 115px;
height: 38px;
line-height: 36px;
vertical-align: middle;
background: #0089c8;
font-weight: bold;
font-size: 15px;
color: white;
text-align: center;
border-radius: 2px;
border: 1px solid #147cbc;
cursor: pointer;
display: inline-block;
margin: 0;
font-family: "Open Sans", Helvetica, Arial, sans-serif;
position: static;
padding: 0;
transition: none;
}
div.button:hover {
box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.1);
-webkit-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.1);
background-image: linear-gradient(top, #2fbdff, #0089c8);
background-image: -webkit-linear-gradient(top, #2fbdff, #0089c8);
background-image: -moz-linear-gradient(top, #2fbdff, #0089c8);
background-image: -o-linear-gradient(top, #2fbdff, #0089c8);
background-image: -ms-linear-gradient(top, #2fbdff, #0089c8);
}
div.button:active {
background: #0072b1;
}
div.button.disabled {
background: #d7d7d7;
color: #bbb;
border: 1px solid #ccc;
cursor: default;
}
div.button.disabled:hover {
background: #d7d7d7;
color: #bbb;
}
div.button.secondary {
background: #eaeaea;
color: #0089c8;
font-size: 12px;
font-weight: 600;
border: 1px solid #dedede;
}
div.button.secondary:hover {
background-image: linear-gradient(top, #ebebeb, #dadada);
background-image: -webkit-linear-gradient(top, #ebebeb, #dadada);
background-image: -moz-linear-gradient(top, #ebebeb, #dadada);
background-image: -o-linear-gradient(top, #ebebeb, #dadada);
background-image: -ms-linear-gradient(top, #ebebeb, #dadada);
}
div.button.secondary:active {
background: #d7d7d7;
}
div.button.secondary.disabled {
background: #eaeaea;
color: #bbb;
border: 1px solid #dedede;
cursor: default;
}
div.button_flat {
display: inline-block;
text-transform: uppercase;
padding: 7px 21px;
background: #16b5ff;
color: white;
font-size: 12px;
font-weight: 700;
cursor: pointer;
}
div.button_flat.secondary {
background: #c3c3c3;
}
div.button_hollow {
border-radius: 30px;
border: 1px solid #16b5ff;
color: #16b5ff;
background: transparent;
padding: 7px 28px;
cursor: pointer;
text-transform: uppercase;
font-size: 12px;
font-weight: 700;
display: inline-block;
}
div.button_hollow:hover {
background: #16b5ff;
color: white;
}
.job_button {
display: inline-block;
text-transform: uppercase;
padding: 7px 21px;
margin: 14px 7px;
background: #16b5ff;
color: white;
font-size: 11px;
font-weight: 700;
cursor: pointer;
text-align: center;
}
.job_button.disabled {
background: #d7d7d7;
}
div.btn {
cursor: pointer;
display: inline-block;
line-height: 3;
vertical-align: middle;
background: #009de6;
font-size: 14px;
color: white;
text-align: center;
border-radius: 3px;
border: none;
margin: 0;
position: static;
padding: 0;
transition: none;
}
div.btn.action {
line-height: 2.3;
}
div.btn i {
margin-left: 15px;
}
div.btn span {
padding: 0 25px;
}
#login_page_content #connect_all_card div.btn span {
padding: 0 5px;
}
div.btn a {
color: #fff;
text-decoration: none;
}
div.btn:hover {
background: #0089c8;
}
div.btn:active {
background: #009de6;
}
div.btn.disabled {
background: #d7d7d7;
color: #bbb;
cursor: default;
}
div.btn.disabled:hover {
background: #d7d7d7;
color: #bbb;
}
div.btn.secondary {
background: #d7d7d7;
color: #838383;
}
div.btn.secondary:hover {
background: #c9c9c9;
}
div.btn.secondary:active {
background: #cfcfcf;
}
/** Unordered lists **/
ul {
list-style: none;
margin: 0;
padding: 0;
}
li {
display: inline-block;
}
ul.vertical li {
display: list-item;
}
ul li ul,
ul li ol {
margin: 0;
}
/** Text boxes **/
input[type=text]:not(.ant-input),
input[type=password]:not(.ant-input),
input[type=tel]:not(.ant-input),
input[type="email"]:not(.ant-input),
input[type="number"]:not(.ant-input),
input[type="date"]:not(.ant-input),
input[type="url"]:not(.ant-input) {
border: 1px solid #e3e3e3;
width: auto;
height: 28px;
padding: 6px;
margin: 0;
outline: none;
font-family: inherit;
display: inline-block;
font-size: 1.3rem;
font-family: 'Open Sans', Helvetica, Arial, sans-serif;
box-shadow: none;
background: #fff;
transition: none;
}
input[type=text]:focus,
input[type=password]:focus,
input[type=tel]:focus,
input[type="email"]:focus,
input[type="number"]:focus,
input[type="date"]:focus {
border: 1px solid #0092d5;
background: #fff;
}
input[type=text]:disabled,
input[type=password]:disabled,
input[type="email"]:disabled,
input[type="number"]:disabled,
input[type="date"]:disabled {
background: #f9f9f9;
}
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
-webkit-appearance: none;
}
textarea {
border: 1px solid #e3e3e3;
padding: 6px;
margin: 0;
outline: none;
line-height: 1.2;
font-family: inherit;
transition: none;
box-shadow: none;
}
textarea:focus {
border: 1px solid #0092d5;
background: #fff;
}
textarea:disabled,
textarea:disabled {
background: #f9f9f9;
}
::-webkit-input-placeholder {
/* WebKit browsers */
color: #9a9a9a;
}
:-moz-placeholder {
/* Mozilla Firefox 4 to 18 */
color: #9a9a9a;
}
::-moz-placeholder {
/* Mozilla Firefox 19+ */
color: #9a9a9a;
}
:-ms-input-placeholder {
/* Internet Explorer 10+ */
color: #9a9a9a;
}
/** Drop downs **/
select {
appearance: none;
-moz-appearance: none;
-webkit-appearance: none;
outline: none;
border: 1px solid #e3e3e3;
height: 28px;
padding: 3px 12px 3px 6px;
margin: 0;
width: 137px;
background: url(../images/downarrow.48680eb4a3ca.png) no-repeat right #fff;
font-family: inherit;
font-size: 1.3rem;
/* To get rid of the ugly firefox select arrow */
text-indent: 0.01px;
text-overflow: '';
}
select:hover,
select:focus {
background: url(../images/downarrow_active.5483e07f001a.png) no-repeat right #fff;
border-color: #e3e3e3;
}
select[multiple] {
background: white;
}
select[multiple]:hover,
select[multiple]:focus {
background: white;
}
select:disabled {
background: #f9f9f9;
}
select:active {
outline: none;
}
/* To get rid of firefox outline for select box */
select:-moz-focusring {
color: transparent;
text-shadow: 0 0 0 #000;
}
/** Form errors **/
.errorbox {
/*box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.14) inset;*/
border-bottom: 1px solid #f1695a !important;
}
p.formerror {
font-size: 11px;
margin-top: -18px;
margin-left: 5px;
color: #ed311e !important;
}
span.formerror {
font-size: 11px;
color: #ed311e !important;
}
/** Help text **/
div.help_popup {
border: 1px solid #e3e3e3;
box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.1);
-webkit-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.1);
min-height: 33px;
width: 224px;
background: #fff;
z-index: 2;
color: #8d8d8d;
padding: 6px;
display: none;
overflow: hidden;
position: absolute;
top: -50px;
left: 50px;
line-height: normal;
}
span.help_icon {
color: #0089c9 !important;
cursor: pointer;
}
span.hint {
color: #a8a8a8;
font-weight: 300;
font-size: 11px;
margin-top: 2px;
display: block;
}
span.hint.nonblock {
display: inline-block;
vertical-align: middle;
}
div.tour_actions {
display: none;
}
/** Label class **/
.label {
background: none;
font-family: inherit;
text-align: inherit;
padding: 0;
position: static;
color: inherit;
font-size: inherit;
}
/**** Feedback widget ****/
#feedback_trigger {
position: fixed;
bottom: 1rem;
right: 1rem;
background: rgba(0, 0, 0, 0.3);
color: #fff;
cursor: pointer;
padding: 1.5rem;
font-size: 1.5rem;
-webkit-border-radius: 100%;
border-radius: 100%;
z-index: 10000;
}
#feedback_trigger:hover {
background: rgba(0, 0, 0, 0.9);
}
#feedback_modal {
padding: 0;
margin: 0 auto;
text-align: left;
min-height: 0;
}
@media only screen and (min-width: 64em) {
#feedback_modal {
width: 50rem;
}
}
#feedback_modal #feedback_content {
padding: 2.8rem 1.4rem;
}
#feedback_modal p.title {
font-size: 1.8rem;
font-weight: bold;
color: #363636;
}
#feedback_modal #feedback_rating {
margin: 0.7rem 0;
direction: rtl;
unicode-bidi: bidi-override;
font-size: 1.5rem;
}
#feedback_modal #feedback_rating span:before {
cursor: pointer;
content: "\f006";
font-family: FontAwesome;
font-style: normal;
font-weight: normal;
color: #0089c8;
}
#feedback_modal #feedback_rating span.active:before {
content: "\f005";
}
#feedback_modal #feedback_rating>span:hover:before,
#feedback_modal #feedback_rating>span:hover~span:before {
content: "\f005";
}
#feedback_modal #feedback_contact_info {
margin: 0.7rem 0;
padding: 0.3rem;
width: 100%;
border: 1px solid #e3e3e3;
}
#feedback_modal #feedback_message {
height: 12rem;
resize: none;
margin: 0.7rem 0;
}
#feedback_modal div.btn {
margin-top: 1.4rem;
}
#feedback_modal #feedback_after_submit {
display: none;
font-size: 1.2rem;
margin-top: 0.7rem;
}
#feedback_modal #feedback_bottom {
background-repeat: repeat-x;
height: 1rem;
margin-top: 1.4rem;
-webkit-transition: background-position 500s linear;
-moz-transition: background-position 500s linear;
-ms-transition: background-position 500s linear;
-o-transition: background-position 500s linear;
transition: background-position 500s linear;
background-position-x: 0;
background-position-y: 0;
}
/**** Landing popup ****/
#landing_popup_modal {
max-width: 50rem;
max-height: 50rem;
padding: 0;
overflow: hidden;
}
#landing_popup_modal #landing_popup_close {
padding: 1rem;
font-size: 1.8rem;
position: absolute;
right: 0;
top: 0;
color: #434343;
}
/**** Icons *****/
div.social_icon {
display: inline-block;
width: 30px;
height: 30px;
background-image: url(../images/socialmedia.34508fe320b7.png);
cursor: pointer;
margin-right: 5px;
}
div.social_icon.facebook {
background-position: 0 -91px;
}
div.social_icon.linkedin {
background-position: 0 -138px;
}
div.social_icon.twitter {
background-position: 0 -184px;
}
div.social_icon.website {
background-position: 0 -230px;
}
div.social_icon.gplus {
background-position: 0 -279px;
}
img.desaturate {
-webkit-filter: grayscale(100%);
filter: grayscale(100%);
filter: gray;
filter: url("data:image/svg+xml;utf8,#greyscale");
}
div.desaturate {
-moz-filter: url("data:image/svg+xml;utf8,#grayscale");
-o-filter: url("data:image/svg+xml;utf8,#grayscale");
-webkit-filter: grayscale(100%);
filter: gray;
filter: url("data:image/svg+xml;utf8,#grayscale");
}
/** Bootstrap typeahead **/
ul.typeahead {
z-index: 1051;
margin-top: 2px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
.dropdown-menu {
position: absolute;
top: 100%;
left: 0;
z-index: 1000;
display: none;
float: left;
min-width: 160px;
padding: 5px 0;
margin: 2px 0 0;
list-style: none;
background-color: #ffffff;
border: 1px solid rgba(0, 0, 0, 0.2);
*border-right-width: 2px;
*border-bottom-width: 2px;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
-webkit-background-clip: padding-box;
-moz-background-clip: padding;
background-clip: padding-box;
}
ul.typeahead li {
display: block;
line-height: 20px;
}
ul.typeahead li a {
cursor: default;
text-decoration: none;
}
.dropdown-menu.pull-right {
right: 0;
left: auto;
}
.dropdown-menu .divider {
*width: 100%;
height: 1px;
margin: 9px 1px;
*margin: -5px 0 5px;
overflow: hidden;
background-color: #e5e5e5;
border-bottom: 1px solid #ffffff;
}
.dropdown-menu>li>a {
display: block;
padding: 3px 20px;
clear: both;
font-weight: normal;
line-height: 20px;
color: #333333;
white-space: nowrap;
}
.dropdown-menu>li>a:hover,
.dropdown-menu>li>a:focus,
.dropdown-submenu:hover>a,
.dropdown-submenu:focus>a {
color: #ffffff;
text-decoration: none;
background-color: #0081c2;
background-image: -moz-linear-gradient(top, #0088cc, #0077b3);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0077b3));
background-image: -webkit-linear-gradient(top, #0088cc, #0077b3);
background-image: -o-linear-gradient(top, #0088cc, #0077b3);
background-image: linear-gradient(to bottom, #0088cc, #0077b3);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc', endColorstr='#ff0077b3', GradientType=0);
}
.dropdown-menu>.active>a,
.dropdown-menu>.active>a:hover,
.dropdown-menu>.active>a:focus {
color: #ffffff;
text-decoration: none;
background-color: #0081c2;
background-image: -moz-linear-gradient(top, #0088cc, #0077b3);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0077b3));
background-image: -webkit-linear-gradient(top, #0088cc, #0077b3);
background-image: -o-linear-gradient(top, #0088cc, #0077b3);
background-image: linear-gradient(to bottom, #0088cc, #0077b3);
background-repeat: repeat-x;
outline: 0;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc', endColorstr='#ff0077b3', GradientType=0);
}
.dropdown-menu>.disabled>a,
.dropdown-menu>.disabled>a:hover,
.dropdown-menu>.disabled>a:focus {
color: #999999;
}
.dropdown-menu>.disabled>a:hover,
.dropdown-menu>.disabled>a:focus {
text-decoration: none;
cursor: default;
background-color: transparent;
background-image: none;
filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}
.open {
*z-index: 1000;
}
.open>.dropdown-menu {
display: block;
}
.pull-right>.dropdown-menu {
right: 0;
left: auto;
}
/******** JQuery UI *************/
.ui-widget-header .ui-icon {
background-image: url(../images/ui-icons_222222_256x240.b9599e591518.png);
}
/****** Start slick slider ******/
.slick-slider {
position: relative;
display: block;
height: 100%;
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-touch-callout: none;
-khtml-user-select: none;
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-tap-highlight-color: transparent;
}
.slick-list {
position: relative;
display: block;
overflow: hidden;
margin: 0;
height: 100%;
padding: 0;
}
.slick-list:focus {
outline: none;
}
.slick-list.dragging {
cursor: pointer;
cursor: hand;
}
.slick-slider .slick-track,
.slick-slider .slick-list {
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.slick-track {
position: relative;
top: 0;
left: 0;
height: 100%;
display: block;
}
.slick-track:before,
.slick-track:after {
display: table;
content: '';
}
.slick-track:after {
clear: both;
}
.slick-loading .slick-track {
visibility: hidden;
}
.slick-slide {
display: none;
float: left;
height: 100%;
min-height: 1px;
}
[dir='rtl'] .slick-slide {
float: right;
}
.slick-slide img {
display: block;
}
.slick-slide.slick-loading img {
display: none;
}
.slick-slide.dragging img {
pointer-events: none;
}
.slick-initialized .slick-slide {
display: block;
}
.slick-loading .slick-slide {
visibility: hidden;
}
.slick-vertical .slick-slide {
display: block;
height: auto;
border: 1px solid transparent;
}
.slick-dots {
position: absolute;
bottom: -45px;
display: block;
width: 100%;
padding: 0;
list-style: none;
text-align: center;
}
.slick-dots li {
position: relative;
display: inline-block;
width: 20px;
height: 20px;
margin: 0 5px;
padding: 0;
cursor: pointer;
}
.slick-dots li button {
font-size: 0;
line-height: 0;
display: block;
width: 20px;
height: 20px;
padding: 5px;
cursor: pointer;
color: transparent;
border: 0;
outline: none;
background: transparent;
}
.slick-dots li button:hover,
.slick-dots li button:focus {
outline: none;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before {
opacity: 1;
}
.slick-dots li button:before {
font-family: 'slick';
font-size: 20px;
line-height: 20px;
position: absolute;
top: 0;
left: 0;
width: 20px;
height: 20px;
content: '•';
text-align: center;
opacity: .25;
color: black;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before {
opacity: .75;
color: black;
}
/******* End slick slider ********/
/******* Notibar ********/
#notibar {
background: rgba(234, 84, 85, 0.95);
color: #fff;
padding: 1.0rem;
width: 100%;
border-bottom: 1px solid #BF4443;
}
#notibar p {
margin-bottom: 0;
}
#notibar p a {
color: #ffffff;
}
#notibar a.learn_more,
#notibar #resend_link_btn {
padding: 0.1rem 1.3rem;
background: #BF4443;
display: inline-block;
vertical-align: bottom;
margin-left: 0.7rem;
border-radius: 1rem;
font-size: 1.2rem;
text-decoration: none;
color: #ffffff;
cursor: pointer;
}
#notibar.unverified {
background: rgba(167, 66, 92, 0.95);
}
#notibar.unverified a.learn_more {
background: #96203E;
}
/******* Full width page design *******/
.page_container .page_title {
padding: 1rem 0;
text-align: center;
background: #f5f5f5;
border-bottom: 1px solid #dcdcdc;
}
.page_container .page_title div.breadcrumb {
font-size: 1.1rem;
text-align: left;
padding: 0 2.5rem;
text-align: center;
}
.page_container .page_title p.title {
margin-top: 1.8rem;
margin-bottom: 1rem;
font-size: 3.2rem;
line-height: 1;
}
.page_container .page_title p.subtitle {
color: #858585;
font-size: 14px;
margin-bottom: 2rem;
padding: 0 10px;
}
.page_container .page_title div.btn {
margin-bottom: 2rem;
}
.page_container .page_hero {
height: 30rem;
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
}
.page_container .page_hero_content {
width: 100%;
max-width: 940px;
margin: 0 auto;
height: 100%;
position: relative;
}
.page_container .page_content {
min-height: 300px;
}
.page_container .page {
padding: 40px 25px;
width: 100%;
max-width: 980px;
margin: 0 auto;
color: #5d5d5d;
}
.page div.empty {
margin: 20px auto;
text-align: center;
color: #aaa;
}
.page div.empty img.empty_graphic {
width: 10rem;
margin-bottom: 3rem;
}
.page div.empty p.bold {
font-weight: 700;
}
.page div.empty div.btn {
margin-top: 1.4rem;
margin-right: 0.7rem;
}
.page .page_contact_admin {
text-align: center;
margin-top: 4rem;
}
.page .page_contact_admin a {
font-size: 1.5rem;
}
.page .page_heading {
padding: 1.4rem 1.4rem 1.4rem 0;
border-bottom: 1px solid #f2f2f2;
font-size: 1.4rem;
font-weight: bold;
text-transform: uppercase;
margin-bottom: 2.1rem;
}
.page_container .page.box {
background: #fff;
padding: 0.7rem;
margin: 1.4rem auto 3.5rem;
}
/* For pages with hero image and slider */
.page_container div.page_hero_for_hover {
height: 100%;
background: transparent;
cursor: pointer;
}
.page_container div.page_hero div.photos_prompt {
position: absolute;
bottom: 2rem;
right: 2rem;
color: #fff;
display: none;
font-weight: bold;
font-size: 1.5rem;
}
.page_container div.page_hero div.photos_prompt i {
margin-right: 0.5rem;
}
.page_container div.page_hero div.highlights {
position: absolute;
bottom: 0;
left: 0;
background: rgba(0, 0, 0, 0.85);
color: #fff;
padding: 1rem 2rem 2rem;
cursor: default;
width: 100%;
}
@media only screen and (min-width: 64em) {
.page_container div.page_hero div.highlights {
max-width: 30rem;
}
.page_container div.page_hero_for_hover {
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjU0JSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC42NSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 54%, rgba(0, 0, 0, 0.65) 100%);
/* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(54%, rgba(0, 0, 0, 0)), color-stop(100%, rgba(0, 0, 0, 0.65)));
/* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 54%, rgba(0, 0, 0, 0.65) 100%);
/* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 54%, rgba(0, 0, 0, 0.65) 100%);
/* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 54%, rgba(0, 0, 0, 0.65) 100%);
/* IE10+ */
background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 54%, rgba(0, 0, 0, 0.65) 100%);
/* W3C */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#a6000000', GradientType=0);
/* IE6-8 */
}
.page_container div.page_hero_for_hover div.photos_prompt {
display: block;
}
.page_container .page.box {
padding: 1.4rem 1.4rem 1.4rem 2.8rem;
}
}
.page_container div.page_hero div.highlights p.back {
font-size: 1.1rem;
margin-bottom: 1rem;
}
.page_container div.page_hero div.highlights p.back a {
color: #fff;
}
.page_container div.page_hero div.highlights p.title {
font-size: 1.6rem;
font-weight: bold;
}
/* For pages with an action bar below hero */
.page_container .hero_actions {
background: #efefef;
}
.page_container .hero_actions div.row {
max-width: 94rem;
}
.page_container .hero_actions div.column {
padding: 0;
}
.page_container .hero_actions div.btn {
-webkit-border-radius: 0;
border-radius: 0;
width: 100%;
}
.page_container .hero_actions div.btn.disabled {
background: #6d6d6d;
color: #fff;
}
.page_container .hero_actions a.social_icon {
color: #5f5f5f;
font-size: 1.8rem;
display: inline-block;
vertical-align: top;
width: 32%;
text-align: center;
}
.page_container .hero_actions a.social_icon:hover {
background: #d4d4d4;
}
.page_container .hero_actions a.social_icon i {
line-height: 4.2rem;
}
@media only screen and (min-width: 64em) {
.page_container .hero_actions div.btn {
max-width: 30rem;
}
.page_container .hero_actions div.social_icons {
text-align: right;
}
.page_container .hero_actions a.social_icon {
width: 4.2rem;
}
}
/** Login required dialog **/
.page_login_required {
padding: 5rem 1rem;
text-align: center;
}
.page_login_required .login_required_heading {
margin: 0 auto;
font-size: 1.6rem;
}
.page_login_required div.btn {
margin-top: 5rem;
}
.page_login_required .login_required_why {
max-width: 50rem;
margin: 5rem auto;
}
.page_login_required .login_required_why p {
font-size: 1.2rem;
}
.page_login_required .login_required_why p.login_required_subheading {
font-size: 1.4rem;
margin-bottom: 1rem;
}
/** Verification needed dialog **/
.page_verification_needed {
padding: 5rem 1rem;
text-align: center;
}
.page_verification_needed .verification_needed_heading {
margin: 0 auto;
font-size: 1.6rem;
}
.page_verification_needed div.btn {
margin-top: 5rem;
}
.page_verification_needed .verification_needed_why {
max-width: 50rem;
margin: 5rem auto;
}
.page_verification_needed .verification_needed_why p {
font-size: 1.2rem;
}
.page_verification_needed .verification_needed_why p.verification_needed_subheading {
font-size: 1.4rem;
margin-bottom: 1rem;
}
/** Toast message **/
#toast_message {
position: fixed;
top: 30px;
left: 0;
right: 0;
margin: 0 auto;
width: auto;
z-index: 9999;
max-width: 600px;
min-width: 300px;
min-height: 20px;
padding: 15px 5px;
border-radius: 5px;
background-color: #f9edbe;
border: 1px solid #f0c36d;
box-shadow: 0 9px 25px rgba(0, 0, 0, 0.3);
color: #222;
overflow: hidden;
text-align: center;
display: none;
/*box-shadow: -1px 2px 1px 0px rgba(0, 0, 0, 0.4);
-moz-box-shadow: -1px 2px 1px 0px rgba(0, 0, 0, 0.4);
-webkit-box-shadow: -1px 2px 1px 0px rgba(0, 0, 0, 0.4);*/
cursor: pointer;
font-weight: 700;
box-sizing: content-box;
}
/** Search result profile **/
a.result_profile_link {
text-decoration: none;
}
.result_profile {
width: 322px;
height: 112px;
padding: 5px;
margin: 5px 5px;
float: left;
border: 1px solid transparent;
overflow: hidden;
}
.result_profile.removable {
background-color: #f3f3f3;
}
.result_profile:hover {
border: 1px solid #d7d7d7;
}
.result_profile .result_profile_details {
float: left;
width: 207px;
height: 99px;
overflow: hidden;
}
.result_profile img.profile_picture {
height: 92px;
width: 92px;
margin-right: 8px;
float: left;
border: none;
}
.result_profile img.registered_user {
float: left;
height: 15px;
width: 15px;
position: relative;
right: 29px;
top: 5px;
}
.result_profile .result_name {
font-size: 16px;
color: #363636;
margin-bottom: 8px;
}
.result_profile .result_branch,
.result_profile .result_yog {
color: #777;
font-size: 11px;
text-transform: uppercase;
margin-bottom: 4px;
}
.result_profile .result_shift {
width: 7px;
height: 7px;
border-radius: 20px;
display: inline-block;
margin-left: 5px;
}
.result_profile .result_shift.day {
background: #ffde00;
}
.result_profile .result_shift.evening {
background: #4eb398;
}
.result_profile .result_gist {
font-weight: 300;
color: #8b8b8b;
}
/*Second style of result. Smaller */
.result_profile.small {
width: 177px;
height: 280px;
padding-left: 10px;
padding-right: 10px;
}
.result_profile.small img.profile_picture {
width: 155px;
height: 155px;
margin-bottom: 10px;
float: none;
}
.result_profile.small .result_profile_details {
width: 155px;
float: none;
}
.result_profile.small .result_name {
margin-bottom: 3px;
}
.result_profile.small img.registered_user {
display: none;
}
div.loading {
display: none;
text-align: center;
}
/**************** Start search by map page ****************/
#search_map {
height: 90%;
width: 100%;
}
#search_map_wrapper {
position: relative;
}
#search_map img {
max-width: none;
}
div#switch_to_list {
position: absolute;
right: 10px;
top: 60px;
text-align: center;
z-index: 2000;
padding: 10px 15px;
background: rgba(0, 0, 0, 0.4);
/*display: inline-block;*/
display: none;
}
div#switch_to_list>a {
color: white;
}
#search_map_query_container {
position: relative;
}
#search_map_query_container #search_map_query_wrapper {
width: 100%;
max-width: 30rem;
height: 8rem;
background: rgba(0, 0, 0, 0.4);
padding: 2rem;
position: absolute;
top: 0;
z-index: 99;
left: 0;
right: 0;
}
#search_map_query_wrapper #search_map_submit {
float: right;
width: 4rem;
height: 100%;
-webkit-border-radius: 0;
border-radius: 0;
}
#search_map_query_wrapper #search_map_submit i {
line-height: 4rem;
font-size: 1.5rem;
margin: 0;
}
@media only screen and (max-width: 64em) {
#search_map_query_wrapper #search_map_submit {
background: #fff;
color: #0089c8;
}
}
#search_map_query_wrapper #search_map_input_container {
width: auto;
overflow: hidden;
position: relative;
}
#search_map_query_wrapper input#search_map_input {
width: 100%;
height: 4rem;
line-height: 4rem;
border-color: transparent;
font-size: 1.4rem;
}
#search_map_query_wrapper input#search_map_input:hover {
border-color: #e1e1e1;
}
#search_map .labels {
color: white;
background-color: transparent;
font-size: 13px;
font-weight: 700;
text-align: center;
width: 50px;
height: 30px;
white-space: nowrap;
bottom: 28px;
right: 17px;
z-index: 10000;
}
#search_map #profiles_by_place_container {
width: 260px;
height: 335px;
overflow: hidden;
position: relative;
}
#search_map #profiles_by_place_container div#profiles_by_place_header {
max-height: 50px;
overflow: hidden;
border-bottom: 1px solid #e6e6e6;
}
#search_map #profiles_by_place_container div#profiles_by_place_header p#place_name {
color: #434343;
font-weight: 700;
font-size: 14px;
margin-bottom: 10px;
}
#search_map #profiles_by_place_container div#profiles_by_place_header p#verbose_name {
font-size: 11px;
color: #575757;
}
#search_map #profiles_by_place_container .jspTrack {
background-color: #E6E6E6;
}
#search_map #profiles_by_place_container div#profiles_by_place_footer {
height: 30px;
width: 100%;
overflow: hidden;
border-top: 1px solid #e6e6e6;
position: absolute;
bottom: 0px;
font-size: 12px;
}
#search_map #profiles_by_place_container div#profiles_by_place_footer span {
line-height: 26px;
vertical-align: middle;
color: #434343;
}
#search_map #profiles_by_place_container div#profiles_by_place_footer span.bold {
font-weight: 700;
}
#search_map #profiles_by_place_container div#profiles_by_place_footer a {
float: right;
line-height: 26px;
vertical-align: middle;
}
#search_map #profiles_by_place_container ul {
height: 248px;
margin-top: 3px;
outline: none;
}
#search_map #profiles_by_place_container .jspVerticalBar {
width: 5px;
margin-right: 0px;
}
#search_map #profiles_by_place_container .jspDrag {
border-radius: 0;
background-color: #8D8C8B;
}
#search_map #profiles_by_place_container .jspTrack {
background-color: #E6E6E6;
}
#search_map #profiles_by_place_container .profile_block {
height: 7.5rem;
width: 25rem;
margin: 0.7rem 0;
float: none;
}
#search_map #profiles_by_place_container .profile_block .column:first-child {
width: 7.5rem !important;
}
#search_map #profiles_by_place_container .profile_block .column:last-child {
width: 17.5rem !important;
}
#search_map #profiles_by_place_container .profile_block .picture_container {
height: 7.5rem;
}
#search_map #profiles_by_place_container .profile_block .picture_container.default {
background-size: 200% auto;
}
#search_map #profiles_by_place_container .profile_block .picture_container div.is_mentor {
display: none;
}
#search_map #profiles_by_place_container .profile_block .profile-deceased-badge {
padding: 0;
}
#search_map #profiles_by_place_container .profile_block .profile-deceased-badge i {
padding: 0.2rem 0.4rem;
font-size: 1.5rem;
}
#search_map #profiles_by_place_container .profile_block .profile-deceased-badge span {
display: none;
}
#search_map #profiles_by_place_container .profile_block .details_container p.gist {
font-size: 1.1rem;
margin-top: 0;
display: block;
}
#search_map #profiles_by_place_container .profile_block .details_container p.name,
#search_map #profiles_by_place_container .profile_block .picture_container p.yog {
font-size: 1.3rem;
}
#search_map #profiles_by_place_container .profile_block .details_container {
padding: 0.5rem;
}
#search_map #profiles_by_place_container .profile_block .picture_container p.initials {
top: 2.5rem;
font-size: 1.5rem;
}
#search_map #profiles_by_place_container p.empty {
text-align: center;
line-height: 250px;
vertical-align: middle;
}
#search_map #profiles_by_place_container div.page_login_required {
padding: 2rem 1rem 1rem;
}
/**************** End search by map page ****************/
#breadcrumb {
margin-bottom: 10px;
}
#breadcrumb a {
padding-left: 3px;
padding-right: 3px;
font-size: 11px;
}
#breadcrumb span {
color: #575757;
font-weight: 600;
font-size: 11px;
}
/**** Start resource detail page ****/
#resource_detail_container .page_title {
padding: 2.8rem 0.7rem;
}
#resource_detail_container div.breadcrumb {
font-size: 1.3rem;
}
#resource_detail_container div.breadcrumb * {
display: inline-block;
vertical-align: middle;
}
#resource_detail_container div.breadcrumb i.fa {
padding: 0 1.4rem;
font-size: 1.8rem;
color: #838383;
}
#resource_detail_container div.breadcrumb span {
font-weight: bold;
}
#resource_detail {}
#resource_detail #resource_info p.title {
font-size: 2.1rem;
font-weight: bold;
margin-bottom: 1.4rem;
}
#resource_detail #resource_info p {
color: #535353;
margin-bottom: 1.4rem;
}
#resource_detail #resource_info div.column {
margin-bottom: 1.4rem;
}
#resource_detail #resource_info span#resource_website_url {
font-weight: bold;
color: #535353;
margin-right: 0.7rem;
}
#resource_detail #resource_google_map {
width: 100%;
height: 21rem;
}
#resource_detail #resource_profiles {
margin-top: 2.8rem;
}
#resource_detail p#resource_profiles_header {
font-size: 1.4rem;
font-weight: bold;
border-bottom: 1px solid #f1f1f1;
margin-bottom: 2.8rem;
padding: 0.7rem 0.4rem;
}
#resource_detail #resource_profiles .profile_block {
float: none;
margin: 0 auto;
}
#resource_detail #resource_profiles div.column {
margin-bottom: 2.1rem;
}
#resource_detail #more_profiles {
margin-top: 2.8rem;
}
/**** End resource detail page ****/
/************* Start ambassador page ********/
#ambassador_page {
padding: 40px 25px;
}
#ambassador_page p.title {
font-size: 30px;
font-weight: 700;
color: #434343;
margin-bottom: 50px;
text-align: center;
}
#ambassador_page p.subtitle {
font-size: 20px;
font-weight: 300;
text-align: center;
width: 700px;
margin: 0 auto;
}
#ambassador_page p.sub_subtitle {
font-size: 16px;
text-align: center;
font-weight: 300;
}
#ambassador_page p.minute {
font-size: 12px;
text-align: center;
margin-top: 5px;
color: #777777;
}
#ambassador_page span.bold {
font-weight: 700;
}
#ambassador_page #share_buttons {
/*width: 550px;*/
margin: 50px auto;
text-align: center;
color: #777777;
}
#ambassador_page #share_buttons a#fb_invite:hover {
opacity: 0.9;
}
#ambassador_page #share_buttons #fb_invite_waiting {
display: none;
font-size: 15px;
width: 500px;
text-align: center;
margin: 0 auto;
}
#ambassador_page #share_buttons #fb_invite_waiting>img.loading {
display: block;
margin: 10px auto;
width: 30px;
}
#ambassador_page #share_buttons #fb_invite_thanks {
display: none;
font-size: 15px;
margin-top: 20px;
}
/*#ambassador_page #share_buttons .share_button {
display: inline-block;
text-decoration: none;
width: 245px;
height: 60px;
background-image: url("../img/share_buttons.8e94b006d46d.png");
margin-right: 20px;
}
#ambassador_page #share_buttons .share_button:hover {
opacity: 0.9;
}
#ambassador_page #share_buttons #fb_share {
}*/
#ambassador_page #share_buttons #tweet {
background-position: 0px -60px;
margin-right: 0px;
}
#ambassador_page #separator {
width: 400px;
margin: 50px auto;
height: 1px;
background-color: #c3c3c3;
text-align: center;
}
#ambassador_page #separator span {
position: relative;
top: -10px;
display: inline-block;
padding: 0px 10px;
/*z-index: 2;*/
background: #fff;
}
#ambassador_page #share_by_email {
text-align: center;
display: none;
}
#ambassador_page #share_by_email>p {
margin-bottom: 20px;
}
#ambassador_page #share_by_email>p.subtitle {
margin-bottom: 5px;
}
#ambassador_page #share_by_email #share_email_content {
border: 1px solid #c3c3c3;
padding: 5px;
width: 400px;
height: 180px;
margin: 35px auto;
text-align: left;
background-color: rgb(238, 238, 238);
}
#ambassador_page #share_by_email #share_email_content>p {
margin-bottom: 10px;
}
#ambassador_page #target {
margin-top: 65px;
}
#ambassador_page #target_left {
float: left;
width: 300px;
margin-right: 20px;
}
#ambassador_page #target_left img {
width: 300px;
}
#ambassador_page #progress_container {
float: left;
width: 550px;
}
#ambassador_page #progress_container #progressbar {
border: 1px solid #aaaaaa;
border-radius: 22px;
color: #222;
height: 40px;
background: #D6E0E0;
box-shadow: inset 0px 1px 1px 1px rgba(0, 0, 0, 0.1);
}
#ambassador_page #progress_container #progressbar #progressdone {
height: 100%;
border-radius: 22px;
background: #ccc;
background-image: url(../images/fluid.06fef3c5b897.jpeg);
background-repeat: repeat-x;
}
#ambassador_page #progress_container #progress_header {
font-size: 20px;
color: #434343;
text-align: center;
width: 500px;
margin: 45px 0px 45px 25px;
}
#ambassador_page #progress_container #progress_header span.bold {
font-weight: 700;
}
#ambassador_page #progress_container #progressnumbers span {
display: inline-block;
position: relative;
}
#ambassador_page #progress_container #progressnumbers>span:nth-child(2) {
/*left: 0px;*/
}
#ambassador_page #progress_container #progressnumbers>span:last-child {
left: 480px;
}
#ambassador_page #progress_container p.hint {
margin-top: 20px;
text-align: right;
font-weight: 700;
color: #777;
}
/************* End ambassador page ********/
/************** Start unsupported browsers *************/
#unsupported_browser {
width: 720px;
display: none;
border: 3px solid #c3c3c3;
margin: 100px auto;
text-align: center;
padding: 0px 40px;
}
#unsupported_browser img.logo {
display: block;
/*position: relative;
top: -30px;*/
margin: -50px auto;
width: 100px;
}
#unsupported_browser p.header {
margin-top: 80px;
font-size: 23px;
font-weight: 700;
color: #222;
}
#unsupported_browser p {
margin-top: 10px;
font-size: 16px;
color: #424242;
margin-bottom: 20px;
}
/************** End unsupported browsers *************/
/************** Start admin toolbar styling ********/
#admin_toolbar {
position: fixed;
right: -54px;
top: 180px;
z-index: 2;
border: 1px solid #c3c3c3;
width: 152px;
background: #eee;
color: #444;
padding: 10px;
-webkit-transform: rotate(-90deg);
-moz-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
-o-transform: rotate(-90deg);
transform: rotate(-90deg);
}
#admin_toolbar.expanded {
width: 200px;
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
right: 0px;
top: 150px;
}
#admin_toolbar.expanded #admin_toolbar_content {
display: block;
}
#admin_toolbar:hover {}
#admin_toolbar.expanded #admin_toolbar_header img {
display: inline-block;
}
#admin_toolbar_header {
cursor: pointer;
}
#admin_toolbar_header p {
display: inline-block;
width: 88%;
font-weight: 700;
font-size: 15px;
}
#admin_toolbar_header img {
display: none;
width: 10px;
}
#admin_toolbar_content {
display: none;
margin-top: 15px;
}
#admin_toolbar_content a {
display: block;
margin-bottom: 10px;
}
/************** End admin toolbar styling ********/
/************** Start privacy page ***************/
#privacy_page {
padding: 40px 25px;
}
#privacy_page p.title {
font-size: 20px;
margin-bottom: 20px;
font-weight: 600;
}
#privacy_page p.header {
font-weight: 700;
margin-top: 20px;
font-size: 14px;
}
#privacy_page p {
margin-bottom: 15px;
}
/************** End privacy page ***************/
/********** Start compose multiple recipients page - Currently unused ***************/
#compose_multiple_page {
padding: 25px 40px;
}
#compose_multiple_page #compose_main {}
#compose_multiple_page #compose_main #compose_recipients {
width: 360px;
margin-right: 40px;
float: left;
}
#compose_multiple_page #compose_main #compose_content {
width: 500px;
float: left;
}
#compose_multiple_page #compose_recipients p.header {
font-size: 16px;
margin-bottom: 5px;
}
#compose_multiple_page #compose_recipients p.title {
font-size: 20px;
font-weight: 700;
margin-bottom: 30px;
}
#compose_multiple_page #compose_recipients input {
width: 100%;
height: 40px;
font-size: 16px;
margin-bottom: 10px;
}
#compose_multiple_page #compose_recipients #added_recipients {
height: 380px;
overflow-y: auto;
overflow-x: hidden;
max-width: 100%;
}
#compose_multiple_page #added_recipients .jspVerticalBar {
width: 5px;
margin-right: 0px;
}
#compose_multiple_page #added_recipients .jspDrag {
border-radius: 0;
background-color: #8D8C8B;
}
#compose_multiple_page #added_recipients .jspTrack {
background-color: #E6E6E6;
}
#compose_multiple_page #compose_content textarea {
resize: none;
width: 100%;
}
#compose_multiple_page #compose_content textarea#subject {
height: 50px;
margin-bottom: 10px;
font-size: 24px;
}
#compose_multiple_page #compose_content textarea#message {
height: 420px;
}
#compose_multiple_page #compose_main #compose_actions {
float: right;
margin-top: 25px;
}
#compose_multiple_page #compose_actions div.button {
margin-right: 15px;
}
/********** End compose multiple recipients page ***************/
/********* Start compose page *****************/
#compose_page {
padding: 0;
height: 90%;
overflow: hidden;
color: #222;
}
#compose_page #compose_sections {
height: 90%;
margin-top: 1rem;
}
#compose_page #compose_sections li {
min-height: 4rem;
height: auto;
border-bottom: 1px solid #ccc;
border-right: 1px solid #ccc;
border-left: 1px solid #ccc;
}
#compose_page ul#compose_sections li#compose_header {
background: #404040;
color: white;
height: 4rem;
font-size: 1.5rem;
vertical-align: middle;
padding: 0 0.5rem;
overflow: hidden;
}
#compose_page ul#compose_sections li#compose_header p {
line-height: 4rem;
font-size: inherit;
}
#compose_page ul#compose_sections li#compose_to {
height: 4rem;
border-bottom: 1px solid #ccc;
background-color: #f5f5f5;
}
#compose_page ul#compose_sections li#compose_to>span {
display: inline-block;
margin-right: 10px;
margin-left: 5px;
font-size: 16px;
line-height: 40px;
vertical-align: middle;
}
#compose_page ul#compose_sections li#compose_to #compose_recipients {
vertical-align: top;
display: inline-block;
height: 32px;
padding: 4px 0px;
}
#compose_page ul#compose_sections li#compose_to div.recipient {
font-size: 13px;
color: #333;
/*background-color: #ddd;*/
display: inline-block;
margin-right: 15px;
height: 30px;
vertical-align: top;
/*border: 1px solid #ddd;*/
}
#compose_page ul#compose_sections li#compose_to div.recipient>span {
line-height: 30px;
vertical-align: top;
display: inline-block;
padding: 0px 10px;
}
#compose_page ul#compose_sections li#compose_to div.recipient img.recipient_picture {
height: 30px;
display: inline-block;
}
#compose_page ul#compose_sections li#compose_subject {
height: 30px;
border-bottom: 1px solid #ccc;
}
#compose_page ul#compose_sections li#compose_subject input {
height: 100%;
width: 100%;
border: none;
font-size: 14px;
line-height: 20px;
vertical-align: middle;
}
#compose_page ul#compose_sections li#compose_body {
overflow: hidden;
border-bottom: none;
}
#compose_page ul#compose_sections li#compose_body textarea {
width: 100%;
height: 100%;
border: none;
}
#compose_page ul#compose_sections li#compose_body .cke_chrome {
border: none;
}
#compose_page ul#compose_sections li#compose_attachments {
padding-left: 10px;
}
#compose_page ul#compose_sections li#compose_attachments>div {
display: inline-block;
background: #f5f5f5;
border: 1px solid #dcdcdc;
padding: 5px 10px;
width: 190px;
margin-right: 10px;
margin-top: 5px;
}
#compose_page ul#compose_sections li#compose_attachments>div>span {
width: 160px;
overflow: hidden;
display: inline-block;
}
#compose_page ul#compose_sections li#compose_attachments>div>img.remove {
float: right;
margin-top: 5px;
cursor: pointer;
}
#compose_page ul#compose_sections li#compose_actions {
padding: 0px 10px;
background-color: #f5f5f5;
height: 40px;
}
#compose_page ul#compose_sections li#compose_actions #compose_actions_left {
float: left;
height: 32px;
padding: 4px 0px;
}
#compose_page ul#compose_sections li#compose_actions #compose_actions_right {
float: right;
height: 36px;
padding: 2px 0px;
}
#compose_page ul#compose_sections li#compose_actions div.btn {
height: 32px;
line-height: 30px;
margin-right: 10px;
margin-top: 2px;
}
#compose_page ul#compose_sections li#compose_actions div#compose_attach {
height: 100%;
}
#compose_page ul#compose_sections li#compose_actions div#compose_attach img {
z-index: 1;
display: inline-block;
vertical-align: top;
cursor: pointer;
margin-top: 5px;
}
#compose_page ul#compose_sections li#compose_actions div#compose_attach #input_attachment {
font-size: 1px;
width: 1px;
height: 1px;
opacity: 0;
position: relative;
left: -35px;
z-index: 2;
cursor: pointer;
}
#toast_message.compose_page {
top: 65px;
}
/********* End compose page *****************/
/************ Start profile duplicates page *******/
#duplicates_page {
width: 80%;
margin-left: 10%;
padding: 40px 15px;
}
#duplicates_page div#duplicates_page_header {
margin-bottom: 20px;
}
#duplicates_page div#duplicates_page_header p#title {
font-size: 20px;
font-weight: 700;
color: #434343;
float: left;
width: 50%;
}
#duplicates_page div#duplicates_page_header p#counter {
float: right;
width: 40%;
text-align: right;
margin-right: 15px;
margin-top: 8px;
color: #666;
font-size: 15px;
}
#duplicates_page #combinations_header {
margin-bottom: 10px;
}
#duplicates_page #combinations_header span {
margin: 0px 335px 0px 20px;
font-size: 15px;
}
#duplicates_page ul#combinations {}
#duplicates_page ul#combinations li {
margin-bottom: 15px;
border: 1px solid #ccc;
width: 100%;
padding: 10px 5px;
}
#duplicates_page ul#combinations li div.swap {
float: left;
width: 80px;
text-align: center;
}
#duplicates_page ul#combinations li div.swap p.confidence {
font-size: 20px;
font-weight: 700;
margin: 15px 0px 15px;
}
#duplicates_page ul#combinations li div.swap img {
width: 20px;
cursor: pointer;
}
#duplicates_page ul#combinations li div.actions {
float: right;
width: 170px;
padding-top: 15px;
}
#duplicates_page ul#combinations li div.button {
margin-bottom: 10px;
width: 150px;
display: block;
}
#duplicates_page ul#combinations li div.result_profile {
position: relative;
left: 0px;
}
#duplicates_page #loading {
text-align: center;
}
#duplicates_page a#load_more {
display: block;
text-align: center;
font-size: 16px;
margin-top: 10px;
text-decoration: underline;
}
#duplicates_page #end_of_results {
text-align: center;
font-size: 15px;
display: none;
}
/************ End profile duplicates page *******/
/*********** Start resource duplicates page ********/
#resource_duplicates_page {
padding: 40px 25px;
}
#resource_duplicates_page ul#header_items {
margin-bottom: 20px;
}
#resource_duplicates_page ul#header_items li {}
#resource_duplicates_page ul#header_items li#title {
font-size: 20px;
font-weight: 700;
color: #434343;
width: 50%;
}
#resource_duplicates_page ul#header_items li#type_filter {
width: 28%;
}
#resource_duplicates_page ul#header_items li#type_filter>span {
margin-right: 10px;
font-size: 15px;
}
#resource_duplicates_page ul#header_items li#counter {
width: 20%;
text-align: right;
font-size: 14px;
color: #666;
}
#resource_duplicates_page ul#duplicacies {}
#resource_duplicates_page ul#duplicacies>li {
width: 100%;
border-bottom: 1px solid #ccc;
padding: 10px 0px;
margin-bottom: 15px;
}
#resource_duplicates_page ul#duplicacies>li div.data {
float: left;
width: 64%;
}
#resource_duplicates_page ul#duplicacies>li div.actions {
float: right;
width: 35%;
}
#resource_duplicates_page ul#duplicacies>li div.actions div.button {
width: auto;
margin-right: 8px;
padding: 0px 10px;
}
#resource_duplicates_page ul.data_items {}
#resource_duplicates_page ul.data_items li {
vertical-align: top;
}
#resource_duplicates_page ul.data_items li.type {
width: 15%;
text-transform: uppercase;
color: #666;
}
#resource_duplicates_page ul.data_items li.parent {
width: 32%;
font-size: 15px;
}
#resource_duplicates_page ul.data_items li.dup {
width: 32%;
font-size: 15px;
}
#resource_duplicates_page ul.data_items li.score {
width: 10%;
text-align: center;
color: #666;
}
#resource_duplicates_page ul.data_items li p.profiles {
color: #666;
}
#resource_duplicates_page #loading {
text-align: center;
}
#resource_duplicates_page a#load_more {
display: block;
text-align: center;
font-size: 16px;
margin-top: 10px;
text-decoration: underline;
}
#resource_duplicates_page #end_of_results {
text-align: center;
font-size: 15px;
display: none;
}
/*********** End resource duplicates page ********/
/*********** Start create group page *************/
#create_group_page div#filters {
margin-top: 2rem;
}
#create_group_page div#filters label {
color: #838383;
font-size: 1.1rem;
display: block;
margin-bottom: 3px;
}
#create_group_page div#filters .column {
margin-bottom: 1.4rem;
}
#create_group_page #created_group {
margin-top: 3.5rem;
display: none;
}
#create_group_page #created_group input#group_name {
width: 100%;
max-width: 70rem;
font-size: 1.6rem;
height: 4rem;
font-weight: bold;
text-align: center;
margin: 0 auto;
display: block;
background-color: #f5f5f5;
border: none;
cursor: text;
}
@media only screen and (max-width: 64em) {
#create_group_page #created_group input#group_name {
font-size: 1.3rem;
}
}
#create_group_page #created_group p#created_group_hint {
color: #a8a8a8;
font-weight: 300;
font-size: 1.1rem;
margin-top: 0.7rem;
text-align: center;
}
#create_group_page #members_list {
margin-top: 2rem;
min-height: 50rem;
}
#create_group_page #members_list p#members_list_header {
font-size: 1.4rem;
margin-bottom: 1.4rem;
}
#create_group_page #members_list #members_list_content .profile_block {
margin: 0 3.5rem 2.1rem 0;
}
#create_group_page img.loading {
margin: 5rem auto;
width: 2.5rem;
display: none;
}
/*********** End create group page *************/
/********** Start password reset page *********/
#password_reset_page #password_reset_form {
max-width: 30rem;
margin: 0 auto;
}
#password_reset_page #password_reset_form .item {
margin-bottom: 1.4rem;
}
#password_reset_page #password_reset_form label {
display: block;
font-size: 1.1rem;
font-weight: bold;
text-transform: uppercase;
color: #838383;
margin-bottom: 3px;
}
#password_reset_page #password_reset_form label span.formerror {
text-transform: none;
margin: 0 0.7rem;
font-weight: normal;
}
#password_reset_page #password_reset_form input {
height: 3.4rem;
padding: 0 0.7rem;
width: 100%;
}
#password_reset_page #password_reset_form div.btn {
margin-top: 2.8rem;
}
#password_reset_page #password_reset_form p#reset_error {
display: none;
margin-top: 1.4rem;
color: #ed311e;
}
#password_reset_page div#reset_success {
display: none;
margin-top: 2.8rem;
text-align: center;
font-size: 1.6rem;
}
#password_reset_page div#reset_success div.btn {
margin-top: 3rem;
}
/********** End password reset page *********/
/********** Start send broadcast page *******/
#send_broadcast_page {
padding: 20px 40px;
}
#send_broadcast_page input,
#send_broadcast_page textarea {
font-weight: normal;
}
#send_broadcast_page p.title {
font-size: 20px;
font-weight: 700;
color: #434343;
margin-bottom: 30px;
}
#send_broadcast_page #send_mail {
background: #f4f4f4;
padding: 10px;
}
#send_broadcast_page #send_mail ul#send_mail_form>li {
background: white;
margin-bottom: 14px;
display: list-item;
min-height: 20px;
padding: 7px;
}
#send_broadcast_page #send_mail ul#send_mail_form>li span.label {
font-size: 12px;
color: #bbb;
font-weight: 700;
line-height: 27px;
}
#send_broadcast_page #send_mail ul#send_mail_form li#compose_to {
min-height: 27px;
}
#send_broadcast_page #send_mail ul#send_mail_form li#compose_to input {
width: 160px;
border: 1px solid #e3e3e3;
margin-left: 7px;
}
#send_broadcast_page #send_mail ul#send_mail_form li#compose_to span#number_of_recipients {
color: #aaa;
display: inline-block;
margin-left: 5px;
}
#send_broadcast_page #send_mail ul#send_mail_form li#compose_to span#compose_to_error {
color: #ed311e;
font-size: 12px;
}
#send_broadcast_page #send_mail ul#send_mail_form li#compose_to a#create_group_link {
float: right;
margin-right: 14px;
display: inline-block;
vertical-align: middle;
line-height: 27px;
}
#send_broadcast_page #send_mail ul#send_mail_form li#compose_to a#help_link {
float: right;
margin-right: 14px;
display: inline-block;
vertical-align: middle;
line-height: 27px;
}
#send_broadcast_page #send_mail ul#send_mail_form li#compose_from div#compose_from_profile {
display: inline-block;
vertical-align: middle;
}
#send_broadcast_page ul#send_mail_form li#compose_from div#compose_from_profile {
color: #333;
border: 1px solid transparent;
padding: 3px;
margin: 0px 15px;
}
#send_broadcast_page ul#send_mail_form li#compose_from div#compose_from_profile:hover {
border: 1px solid #ccc;
}
#send_broadcast_page ul#send_mail_form li#compose_from div#compose_from_profile>img {
width: 30px;
height: 30px;
}
#send_broadcast_page ul#send_mail_form li#compose_from div#compose_from_profile div.user_profile_details {
display: inline-block;
margin-left: 5px;
}
#send_broadcast_page #send_mail ul#send_mail_form li#compose_from input,
#send_broadcast_page #send_mail ul#send_mail_form li#compose_subject input {
border: none;
width: 570px;
}
#send_broadcast_page #send_mail ul#send_mail_form li#compose_body>textarea {
width: 880px;
height: 350px;
border: none;
resize: none;
}
#send_broadcast_page #send_mail div#compose_actions span#attachments_text {
margin-right: 5px;
font-size: 12px;
}
#send_broadcast_page input#attachments_input {
width: auto;
}
#send_broadcast_page #send_mail div#compose_actions div.btn {
margin-right: 10px;
float: right;
}
#send_broadcast_page #send_mail div#compose_actions div#preview_email {
display: none;
}
#send_broadcast_page #send_mail div#compose_actions img#loading {
float: right;
height: 25px;
display: none;
}
#send_broadcast_page #send_mail ul.typeahead li img {
width: 20px;
float: left;
}
#send_broadcast_page #send_mail ul.typeahead li div.user_profile_details {
float: left;
padding-left: 10px;
}
#send_broadcast_page img.loading {
display: none;
height: 25px;
vertical-align: middle;
}
#send_broadcast_preview_lightbox {
display: none;
background: white;
padding: 30px;
height: 400px;
width: 600px;
}
#send_broadcast_preview_lightbox #preview_lightbox_content {
height: 100%;
overflow-y: scroll;
}
#send_broadcast_preview_lightbox #preview_lightbox_content p {
margin-bottom: 15px;
}
#send_broadcast_preview_lightbox #preview_lightbox_content a {}
#send_broadcast_preview_lightbox .lightbox_close {
position: absolute;
right: 3px;
top: 3px;
padding: 5px;
cursor: pointer;
border: 1px solid #e5e5e5;
}
/*#create_group_lightbox #create_group ul#create_group_form li input {*/
/*width: 40rem;*/
/*margin-right: 20px;*/
/*}*/
/*#create_group_lightbox #create_group ul#create_group_form li#group_email_id input {*/
/*margin-right: 0px;*/
/*outline: none;*/
/*border: none;*/
/*}*/
/*#create_group_lightbox #create_group ul#create_group_form li#group_email_id>div {*/
/*border: 1px solid #e3e3e3;*/
/*display: inline-block;*/
/*!* margin-right: 10px; *!*/
/*!* padding-right: 5px; *!*/
/*}*/
/*#create_group_lightbox #create_group ul#create_group_form li#group_email_id span.hint {*/
/*margin-left: 10px;*/
/*}*/
/*#create_group_lightbox #create_group ul#create_group_form li#group_email_id>div.active {*/
/*border-color: #0092d5;*/
/*}*/
/*#create_group_lightbox #create_group ul#create_group_form li#group_email_id #input_addon {*/
/*color: #848484;*/
/*}*/
/********** End send broadcast page *******/
/** Create Group Popup CSS **/
#create_group_lightbox {
display: none;
background: white;
padding: 1rem 3rem 3rem 3rem;
box-shadow: 0px 0px 4px 3px #6A7184;
border-radius: 0.3rem;
width: 30rem;
}
#create_group_lightbox .lightbox_close {
position: absolute;
right: 3px;
top: 3px;
padding: 5px;
cursor: pointer;
border: 1px solid #e5e5e5;
}
#create_group_lightbox #create_group #create-group-heading {
font-weight: 700;
font-size: 1.6rem;
color: #5A5555;
padding: 1rem 0 2rem 0;
}
#create_group_lightbox #create_group ul#create_group_form li {
display: list-item;
margin-bottom: 15px;
width: 100%;
display: inline-block;
position: relative;
}
#create_group_lightbox #create_group ul#create_group_form li span.hint {
display: inline;
}
#create_group_lightbox #create_group ul#create_group_form li label {
width: 100%;
color: #848383;
font-size: 1.2rem;
font-weight: 700;
display: inline-block;
}
#create_group_lightbox #create_group ul#create_group_form li .input-element {
display: inline-block;
width: 100%;
outline: none;
border-radius: 0.3rem;
font-size: 1.1rem;
padding-left: 1rem;
background: #FFFFFF !important;
border: 1px solid #d1dfea !important;
resize: none;
}
#create_group_lightbox #create_group ul#create_group_form li .input-element:focus {
box-shadow: 0 1px 6px -3px rgba(0, 0, 0, 0.6);
}
#create_group_lightbox #create_group ul#create_group_form li .input-element#group_query_value {
background: transparent !important;
cursor: pointer;
}
#create_group_lightbox #create_group ul#create_group_form li .input-element#group_query_value::-webkit-input-placeholder {
color: #00a3d3;
font-style: italic;
}
#create_group_lightbox #create_group ul#create_group_form .input-block span.input-label {
float: left;
}
#create_group_lightbox #create_group ul#create_group_form .input-block #lookup_id_static_members {
float: right;
font-style: italic;
font-weight: 300;
}
#create_group_lightbox #create_group ul#create_group_form .input-block span.has-tip {
margin: 0.2rem 0.8rem;
float: left;
line-height: 1;
font-size: 1rem;
color: #989898;
border: 0;
padding: 0 0.33rem;
}
#create_group_lightbox #create_group ul#create_group_form li .data-selector {
margin: 0 0 0 0.7rem;
border: 1px solid #00a3d3;
padding: 0.4rem;
border-radius: 1rem;
}
#create_group_lightbox #create_group ul#create_group_form li div#create_group_button {
border: 1px solid rgb(0, 163, 211);
border-radius: 2px;
text-align: center;
width: 15rem;
display: block;
text-transform: capitalize;
font-weight: 700;
font-size: 1.3rem;
margin: 1rem auto;
background-color: #00a3d3;
color: #FFF;
}
#create_group_lightbox #create_group ul#create_group_form p#create_group_message {
color: #D14947;
width: 100%;
text-align: center;
padding-bottom: 1.5rem;
}
#create_group_lightbox #create_group ul#create_group_form li img.loading {
display: none;
vertical-align: middle;
height: 25px;
}
/** End Create Group Popup CSS **/
/********** Start form detail page ********/
#form_detail_page {}
form.custom_form {
padding: 1.4rem;
}
form.custom_form ul.custom_form_items>li {
margin-bottom: 2.1rem;
}
form.custom_form label {
display: block;
margin-bottom: 0.7rem;
font-size: 1.5rem;
color: #575757;
}
form.custom_form input[type="text"] {
font-size: 1.4rem;
padding: 1rem;
height: 4rem;
border: 1px solid #c4c4c4;
background-color: #fff;
}
form.custom_form textarea {
width: 25rem;
min-width: 25rem;
max-width: 70rem;
height: 10rem;
min-height: 10rem;
max-height: 25rem;
-webkit-border-radius: 4px;
border-radius: 4px;
border: 1px solid #c4c4c4;
font-size: 1.4rem;
padding: 1rem;
background-color: #fff;
}
form.custom_form select {
padding: 1rem;
border: 1px solid #c4c4c4;
-webkit-border-radius: 4px;
border-radius: 4px;
background-color: #fff;
height: 4rem;
font-size: 1.4rem;
width: 20rem;
}
form.custom_form select[multiple] {
height: auto;
}
form.custom_form span.helptext {
color: #a8a8a8;
font-weight: 300;
font-size: 1.1rem;
margin-top: 2px;
display: block;
width: 80%;
}
form.custom_form>ul>li>ul>li label {
font-size: 1.4rem;
}
form.custom_form ul.errorlist {
color: #ed311e;
font-size: 1.1rem;
font-weight: bold;
}
form.custom_form input::-webkit-calendar-picker-indicator {
display: none;
-webkit-appearance: none;
}
form.custom_form input[type="date"]::-webkit-input-placeholder {
visibility: hidden !important;
}
@media only screen and (max-width: 21em) {
form.custom_form textarea {
width: 100%;
min-width: 0;
}
}
@media only screen and (min-width: 40em) {
form.custom_form ul.errorlist {
position: relative;
left: 30rem;
top: 5rem;
width: 40rem;
font-weight: normal;
}
}
/********** End form detail page ********/
/********** Download data page **********/
#download_data_page {
padding: 40px 25px;
text-align: center;
margin-top: 15px;
}
#download_data_page p.title {
font-size: 20px;
font-weight: 700;
color: #434343;
margin-bottom: 20px;
}
#download_data_page #num_profiles {
font-size: 15px;
}
#download_data_page #num_profiles #num_profiles_num {
font-weight: 700;
}
#download_data_page #download_data_btn {
margin: 3rem auto;
display: block;
width: 200px;
}
#download_data_page #after_download,
#download_data_page #after_download_error {
display: none;
}
#download_data_page #after_download div.btn {
margin: 2.1rem 0;
}
#download_data_page #select_sections {
margin: 1.4rem 0;
}
#download_data_page #select_sections p {
margin-bottom: 0.7rem;
font-size: 1.2rem;
color: #999;
}
#download_data_page #select_sections select {
width: 20rem;
height: 25rem;
}
/********** End download data page ******/
/********** Start process excel page *********/
#process_excel_container {
padding: 10px 0px 50px 0px;
}
#process_excel_container ul#data_container {
height: 75%;
}
#process_excel_container ul#data_container li.data {
display: none;
}
#process_excel_container table.htCore {
font-size: 13px;
}
#process_excel_container table.htCore td.header {
background: #F1F1F1;
font-weight: 700;
}
#process_excel_container table.htCore td.error {
border: 1px solid #ff0000;
}
#process_excel_container table.htCore td.search_result {
background: #07EF73 !important;
}
#process_excel_container table.htCore td.currentRow,
#process_excel_container table.htCore th.currentRow {
background: #f3f3f3;
}
#process_excel_container .handsontableInput {
border: none;
padding: 0;
box-shadow: none;
}
#process_excel_container #sheet_selector {
margin-left: 5px;
}
#process_excel_container #sheet_selector li {
padding: 5px 15px;
border: 1px solid #ccc;
cursor: pointer;
background: #ddd;
}
#process_excel_container #sheet_selector li.active {
background: white;
cursor: default;
}
#excel_errors_container {
position: fixed;
top: 0;
right: -301px;
width: 300px;
height: 100%;
border-left: 1px solid #ccc;
background: white;
z-index: 1001;
overflow: auto;
}
#excel_errors_container p#errors_header {
margin-top: 10px;
font-weight: 700;
font-size: 14px;
margin-left: 7px;
float: left;
}
#excel_errors_container #errors_hide {
float: right;
margin-top: 10px;
margin-right: 3px;
}
#excel_errors_container ul#excel_errors {
margin-top: 10px;
}
#excel_errors_container ul#excel_errors li.excel_error {
padding: 10px 7px;
border-bottom: 1px solid #ccc;
cursor: pointer;
}
#excel_errors_container ul#excel_errors li.excel_error:hover {
background: #f1f1f1;
}
#process_excel_actions {
position: fixed;
bottom: 0;
left: 0;
right: 0;
border-top: 1px solid #ccc;
height: 50px;
padding: 10px;
z-index: 120;
background: white;
}
#process_excel_actions li {
vertical-align: top;
height: 30px;
}
#process_excel_actions li.separator {
width: 1px;
background: #ccc;
margin: 0px 5px;
}
#process_excel_actions li.action {
padding: 0px 10px;
}
#process_excel_actions li#search {
padding-right: 35px;
}
#process_excel_actions li#search>span {
line-height: 28px;
vertical-align: middle;
display: inline-block;
margin-right: 5px;
}
#process_excel_actions li#reset a {
display: inline-block;
line-height: 30px;
vertical-align: middle;
}
#process_excel_actions li#reset img.loading {
height: 15px;
display: none;
vertical-align: middle;
margin-left: 5px;
}
#process_excel_actions li.action div.button_flat {}
#process_excel_actions li#validate #show_errors {
display: none;
margin-left: 10px;
}
#process_excel_actions li#status {
float: right;
font-size: 16px;
color: #629632;
line-height: 30px;
}
#process_excel_actions li.action img.loading {
display: none;
height: 25px;
vertical-align: middle;
margin-left: 5px;
}
#excel_course_mapping_lightbox {
background: white;
padding: 25px;
width: 850px;
height: 450px;
display: none;
overflow-y: scroll;
}
#excel_course_mapping_lightbox #correction_table {
font-size: 13px;
border-collapse: collapse;
width: 100%;
}
#excel_course_mapping_lightbox #correction_table tr td {
border: 1px solid #ccc;
padding: 7px 14px;
}
#excel_course_mapping_lightbox #correction_table tr td select {
width: 100px;
}
#excel_course_mapping_lightbox #correction_table tr td.count {
font-size: 12px;
text-align: center;
color: #848484;
}
#excel_course_mapping_lightbox #actions_container {
width: 120px;
margin: 50px auto 0;
}
#excel_course_mapping_lightbox #actions_container img.loading {
display: none;
height: 25px;
vertical-align: middle;
margin-left: 5px;
}
#excel_course_mapping_lightbox #apply_corrections {}
.htContextMenu table td {
font-size: 13px;
}
/********** End process excel page *********/
/********** Start pg transaction page ******/
#pg_transaction_page {}
#pg_transaction_page table {
font-size: 13px;
margin: 0 auto;
}
#pg_transaction_page table tr td {
padding: 7px 0px;
}
#pg_transaction_page table tr td.label {
width: 80px;
font-size: 14px;
}
#pg_transaction_page table tr td.field {
width: 200px;
}
#pg_transaction_page #submit_container {
text-align: center;
width: 100%;
margin-top: 35px;
}
#pg_transaction_page #pay {
width: 170px;
}
#pg_transaction_page #mainmessage {
text-align: center;
font-size: 24px;
max-width: 600px;
height: 270px;
margin: 45px auto;
}
#pg_transaction_page #pgform_container {
display: none;
}
/********** End pg transaction page ******/
/********** Start pg response page *******/
#pg_response_page {
padding: 2rem 2.5rem;
text-align: center;
}
#pg_response_page p.title {
font-weight: bold;
text-transform: uppercase;
font-size: 1.8rem;
}
#pg_response_page p.subtitle {
color: #838383;
}
#pg_response_page #pg_response_box {
max-width: 30rem;
border: 1px solid #e1e1e1;
border-bottom: 3px solid #00a652;
padding: 0 1.4rem 1.4rem;
margin: 2.8rem auto;
background: #fff;
-webkit-border-radius: 4px;
border-radius: 4px;
}
#pg_response_page #pg_response_box.failed {
border-bottom: 1px solid #e1e1e1;
}
#pg_response_page #response_status_icon {
position: relative;
top: -1.6rem;
z-index: 2;
}
#pg_response_page #response_status_icon #response_status_icon_inner {
color: #fff;
font-size: 1.6rem;
display: inline-block;
-webkit-border-radius: 100%;
border-radius: 100%;
background: #00a652;
padding: 3px 7px;
vertical-align: middle;
}
#pg_response_page #pg_response_box.failed #response_status_icon #response_status_icon_inner {
background: #f36523;
}
#pg_response_page a#redirect_object {
display: block;
text-transform: uppercase;
font-weight: bold;
margin-bottom: 1.4rem;
}
#pg_response_page table {
width: 100%;
}
#pg_response_page table td.label {
text-transform: uppercase;
color: #838383;
}
#pg_response_page table td.value {
text-align: right;
}
#pg_response_page #response_email_text {
padding: 1.4rem 0;
border-top: 1px solid #e1e1e1;
border-bottom: 1px solid #e1e1e1;
}
#pg_response_page #social_share p {
font-weight: bold;
margin: 1.4rem 0;
font-size: 1.2rem;
}
#pg_response_page #social_share #social_icons_container {
display: inline-block;
}
#pg_response_page #social_share a.social_icon {
color: #838383;
font-size: 1.8rem;
display: inline-block;
vertical-align: top;
padding: 0 0.7rem;
}
#pg_response_page #social_share a.social_icon:hover {
color: #434343;
}
#pg_response_page #pg_response_footer {
padding-bottom: 1.4rem;
}
#pg_response_page #pg_response_footer p {
font-weight: bold;
margin-bottom: 0.7rem;
}
#pg_response_page #start_over_btn {
background: #00a652;
color: #fff;
text-transform: uppercase;
padding: 0.7rem 2.8rem;
display: inline-block;
text-decoration: none;
margin: 1.4rem 0;
-webkit-border-radius: 4px;
border-radius: 4px;
}
#pg_response_page #start_over_btn:hover {
background: #30905f;
}
#pg_response_page #start_over_btn span {
margin-left: 0.7rem;
}
/********** End pg response page *******/
/********** Cms page ***********/
.site-main.page {
max-width: 100% !important;
}
#cms_page {
max-width: 980px;
margin: 0 auto;
}
#cms_page #cms_page_block {
background: #fff;
padding: 1.4rem;
margin: 1.4rem auto 3.5rem;
}
#cms_page #cms_title {
margin-bottom: 20px;
}
#cms_page #cms_preview_container {
background: rgba(68, 68, 68, 0.9);
color: white;
position: fixed;
bottom: 0;
left: 0;
right: 0;
width: 100%;
padding: 15px 0;
text-align: center;
box-shadow: 0px 0px 1px 2px rgba(0, 0, 0, 0.5);
}
#cms_page #cms_preview_container>p {
line-height: 2;
font-size: 14px;
}
#cms_page #cms_preview_container>p.bold {
font-weight: bold;
}
#cms_page #cms_form {
margin-top: 30px;
}
#cms_page .fr-view img.fr-dib {
cursor: inherit;
}
/* Removing css overrides for WYSIWYG content */
.wysiwyg_content {
font-size: 100%;
overflow: hidden;
}
.wysiwyg_content a:hover,
a:active {
text-decoration: underline;
}
.wysiwyg_content input[type="checkbox"] {
margin: 0;
}
/* Default taken from http://www.w3.org/TR/html-markup/h1.html */
.wysiwyg_content h1,
.wysiwyg_content h2,
.wysiwyg_content h3,
.wysiwyg_content h4,
.wysiwyg_content h5,
.wysiwyg_content h6,
.wysiwyg_content p,
.wysiwyg_content ul,
.wysiwyg_content ol,
.wysiwyg_content dl {
display: block;
margin-start: 0;
margin-end: 0;
-webkit-margin-start: 0;
-webkit-margin-end: 0;
-moz-margin-start: 0;
-moz-margin-end: 0;
}
.wysiwyg_content h1,
.wysiwyg_content h2,
.wysiwyg_content h3,
.wysiwyg_content h4,
.wysiwyg_content h5,
.wysiwyg_content h6 {
font-weight: bold;
}
.wysiwyg_content h1 {
font-size: 2em;
margin-before: 0.67em;
margin-after: 0.67em;
-webkit-margin-before: 0.67em;
-webkit-margin-after: 0.67em;
-moz-margin-before: 0.67em;
-moz-margin-after: 0.67em;
margin-top: 0.67em;
margin-bottom: 0.67em;
}
.wysiwyg_content h2 {
font-size: 1.5em;
margin-before: 0.83em;
margin-after: 0.83em;
-webkit-margin-before: 0.83em;
-webkit-margin-after: 0.83em;
-moz-margin-before: 0.83em;
-moz-margin-after: 0.83em;
margin-top: 0.83em;
margin-bottom: 0.83em;
}
.wysiwyg_content h3 {
font-size: 1.17em;
margin-before: 1em;
margin-after: 1em;
-webkit-margin-before: 1em;
-webkit-margin-after: 1em;
-moz-margin-before: 1em;
-moz-margin-after: 1em;
margin-top: 1em;
margin-bottom: 1em;
}
.wysiwyg_content h4 {
margin-before: 1.33em;
margin-after: 1.33em;
-webkit-margin-before: 1.33em;
-webkit-margin-after: 1.33em;
-moz-margin-before: 1.33em;
-moz-margin-after: 1.33em;
margin-top: 1.33em;
margin-bottom: 1.33em;
}
.wysiwyg_content h5 {
font-size: .83em;
margin-before: 1.67em;
margin-after: 1.67em;
-webkit-margin-before: 1.67em;
-webkit-margin-after: 1.67em;
-moz-margin-before: 1.67em;
-moz-margin-after: 1.67em;
margin-top: 1.67em;
margin-bottom: 1.67em;
}
.wysiwyg_content h6 {
font-size: .67em;
margin-before: 2.33em;
margin-after: 2.33em;
-webkit-margin-before: 2.33em;
-webkit-margin-after: 2.33em;
-moz-margin-before: 2.33em;
-moz-margin-after: 2.33em;
margin-top: 2.33em;
margin-bottom: 2.33em;
}
.wysiwyg_content p,
.wysiwyg_content ul,
.wysiwyg_content ol,
.wysiwyg_content dl {
margin-before: 1em;
margin-after: 1em;
-webkit-margin-before: 1em;
-webkit-margin-after: 1em;
margin-top: 1em;
margin-bottom: 1em;
}
.wysiwyg_content ul {
list-style: initial;
list-style-type: disc;
padding-left: 40px;
padding-start: 40px;
-webkit-padding-start: 40px;
-moz-padding-start: 40px;
}
.wysiwyg_content ol {
list-style-type: decimal;
padding-left: 40px;
padding-start: 40px;
-webkit-padding-start: 40px;
-moz-padding-start: 40px;
}
.wysiwyg_content li {
display: list-item;
}
.wysiwyg_content table {
display: table;
border-collapse: separate;
border-spacing: 2px;
border-color: gray;
}
.wysiwyg_content tr {
display: table-row;
vertical-align: inherit;
border-color: inherit;
}
.wysiwyg_content td {
display: table-cell;
vertical-align: inherit;
}
.cms_page_form {
margin-top: 1.4rem;
}
.wysiwyg_content .custom_widget_container:before,
.wysiwyg_content .custom_widget_container:after {
/* Same as .clearfix */
content: " ";
display: table;
}
.wysiwyg_content .custom_widget_container:after {
clear: both;
}
.wysiwyg_content .custom_widget_container p {
margin-before: 0;
margin-after: 0;
-webkit-margin-before: 0;
-webkit-margin-after: 0;
-moz-margin-before: 0;
-moz-margin-after: 0;
}
.wysiwyg_content .custom_widget_container .profile_block>.row:before,
.wysiwyg_content .custom_widget_container .profile_block>.row:after {
display: none;
}
.wysiwyg_content .custom_widget_container .project {
margin: 0 0 3rem 0;
}
.wysiwyg_content .custom_widget_container .picture_slider {
height: 400px;
}
.wysiwyg_content .custom_widget_container .picture_slider .slide {
background-size: contain;
background-repeat: no-repeat;
background-position: center center;
}
.wysiwyg_content .custom_widget_container .picture_slider a.slick-nav {
position: absolute;
top: 180px;
font-size: 3.5rem;
padding: 1.4rem;
color: #838383;
}
.wysiwyg_content .custom_widget_container .picture_slider a.slick-nav.slick-disabled {
color: #ddd;
}
.wysiwyg_content .custom_widget_container .picture_slider a.slick-prev {
left: 0;
}
.wysiwyg_content .custom_widget_container .picture_slider a.slick-next {
right: 0;
}
/*** Overriding Froala Editor CSS to remove border **/
div.fr-view table td,
div.fr-view table th {
border: 0;
}
/********** End Cms page ***********/
/******** Start interesting searches page *****/
#interesting_searches_page {
padding: 40px 25px;
}
#interesting_searches_page p.header {
font-size: 30px;
font-weight: 700;
color: #434343;
margin-bottom: 10px;
}
#interesting_searches_page>p {
color: #575757;
font-size: 13px;
}
#interesting_searches_page ul {
margin-top: 70px;
}
#interesting_searches_page li.interesting_query {
display: list-item;
margin-bottom: 50px;
}
#interesting_searches_page li.interesting_query div.query_header {
padding-bottom: 10px;
border-bottom: 1px solid #f1f1f1;
margin-bottom: 10px;
}
#interesting_searches_page li.interesting_query div.query_header>span {
font-size: 18px;
line-height: 24px;
vertical-align: bottom;
color: #575757;
float: left;
display: inline-block;
padding-left: 2px;
}
#interesting_searches_page li.interesting_query div.query_header>span.bold {
font-weight: 700;
font-size: 22px;
line-height: 24px;
vertical-align: bottom;
color: #434343;
margin-right: 5px;
}
#interesting_searches_page li.interesting_query div.query_header>a {
font-size: 13px;
color: #0089c9;
float: right;
padding-right: 5px;
line-height: 27px;
vertical-align: middle;
}
#interesting_searches_page div.query_results a.result_profile_link:nth-child(5n) div.result_profile {
margin-right: 0px;
}
#interesting_searches_page li.interesting_query div.query_results div.profile_block {
margin-right: 2.1rem;
margin-bottom: 2.1rem;
}
/******** End interesting searches page *****/
/******* Start alumneeds home page *******/
#alumneeds_home_container {
margin: 0 auto;
}
#alumneeds_home_container .page_title {
border: 0;
}
#alumneeds_home_container .page_title .title {
text-transform: capitalize;
}
#alumneeds_home_container .page {
padding: 0;
}
#alumneeds_home_page {
max-width: 100%;
width: 100%;
margin: 0 auto;
text-align: center;
}
#alumneeds_home_page #alumneeds_home_needs_wrapper {
background: #FFF;
border-top: 1px solid #d7d7d7;
display: block;
}
#alumneeds_home_page #alumneeds_home_needs {
display: block;
}
#alumneeds_home_page #alumneeds_home_filters {
padding: 0;
font-size: 1.3rem;
display: inline-block;
}
@media only screen and (max-width: 64em) {
#alumneeds_home_page #alumneeds_home_filters {
width: auto;
}
}
#alumneeds_home_page #alumneeds_home_filters .list_filter {
display: inline-block;
cursor: pointer;
color: #0089c9;
text-align: center;
}
#alumneeds_home_page #alumneeds_home_filters .list_filter p {
font-size: 1.3rem;
line-height: 40px;
border-bottom: 1px solid transparent;
}
#alumneeds_home_page #alumneeds_home_filters .list_filter p span {
text-transform: capitalize;
}
#alumneeds_home_page #alumneeds_home_filters .group_list_filter {
text-transform: capitalize;
}
#alumneeds_home_page #alumneeds_home_filters .list_filter .group_by_dropdown .group_by_dropdown_item {
text-transform: capitalize;
}
#alumneeds_home_page #alumneeds_home_filters>.list_filter {
width: auto;
padding: 1rem 2rem;
}
@media only screen and (max-width: 64em) {
#alumneeds_home_page #alumneeds_home_filters .list_filter:not(.selected):hover p {
border: none !important;
}
}
#alumneeds_home_page #alumneeds_home_filters .list_filter:not(.selected):hover p {
border-color: #0089c8;
}
#alumneeds_home_page #alumneeds_home_filters .list_filter.selected p {
font-weight: bold;
color: #00a3d3;
border-color: #00a3d3;
cursor: text;
}
#alumneeds_home_page #alumneeds_home_filters #filter_followed #following_count {
margin-left: 5px;
}
#alumneeds_home_page #group_by_container .list_filter:first-child {
margin-right: 0;
margin-left: 7.5rem;
}
#alumneeds_home_page .group_by_dropdown_link {
position: relative;
}
@media only screen and (max-width: 64em) {
#alumneeds_home_page .group_by_dropdown_link {
width: 50%;
float: left;
display: block !important;
}
}
#alumneeds_home_page .group_by_dropdown_link i {
margin-left: 5px;
}
#alumneeds_home_page .group_by_dropdown {
display: none;
width: 15rem;
position: absolute;
text-align: center;
border: 1px solid #d9d9d9;
left: 1rem;
top: 6.1rem;
z-index: 200;
background: #fff;
cursor: pointer;
}
@media only screen and (max-width: 64em) {
#alumneeds_home_page .group_by_dropdown {
width: auto;
position: inherit;
text-align: center;
border: none;
padding: 0;
left: 0rem;
top: 0rem;
background: transparent;
}
}
#alumneeds_home_page .group_dropdown_item {
padding: 0.7rem 0;
}
#alumneeds_home_page .group_dropdown_item.selected {
color: #0089C9;
font-weight: bold;
}
#alumneeds_home_page .group_dropdown_item:hover {
background: #f8f8f8;
}
#alumneeds_home_page #group_by_container {
position: relative;
display: inline-block;
cursor: pointer;
}
#alumneeds_add_need_btn {
text-transform: none;
}
.alumneed_post_container {
background-image: url(../images/postit_shadow.fba0b3ad8eda.png);
background-repeat: no-repeat;
background-position: center bottom;
background-size: 100%;
min-height: 200px;
width: 306px;
margin: 2rem 0;
float: left;
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
}
.alumneed_post_container.category-hide {
display: none !important;
}
.alumneed_post {
position: relative;
padding: 20px 20px 25px;
margin: 0 16px 36px;
border: 1px solid rgb(236, 229, 154);
border-radius: 10px;
background-color: #fff4b6;
box-shadow: 0.5px 0.5px 1px 0px rgba(186, 186, 139, 1);
/*background-color: rgb(255,255,162);
background-image: -moz-linear-gradient( 90deg, rgb(254,255,204) 0%, rgb(255,255,193) 0%, rgb(255,255,178) 9%, rgb(255,255,162) 100%);
background-image: -webkit-linear-gradient( 90deg, rgb(254,255,204) 0%, rgb(255,255,193) 0%, rgb(255,255,178) 9%, rgb(255,255,162) 100%);
background-image: -ms-linear-gradient( 90deg, rgb(254,255,204) 0%, rgb(255,255,193) 0%, rgb(255,255,178) 9%, rgb(255,255,162) 100%);*/
height: auto;
min-height: 165px;
cursor: pointer;
}
.alumneed_post .alumneed_hover {
position: absolute;
left: -2px;
top: -2px;
width: 42px;
height: 42px;
z-index: 3;
opacity: 0;
-webkit-transition: opacity 0.1s ease;
-moz-transition: opacity 0.1s ease;
-ms-transition: opacity 0.1s ease;
-o-transition: opacity 0.1s ease;
transition: opacity 0.1s ease;
}
.alumneed_post:hover {
/*background-color: #fff8d1;*/
/*background-image: -moz-linear-gradient( 90deg, rgb(255,236,204) 0%, rgb(255,233,183) 54%, rgb(255,230,162) 100%);
background-image: -webkit-linear-gradient( 90deg, rgb(255,236,204) 0%, rgb(255,233,183) 54%, rgb(255,230,162) 100%);
background-image: -ms-linear-gradient( 90deg, rgb(255,236,204) 0%, rgb(255,233,183) 54%, rgb(255,230,162) 100%);*/
}
.alumneed_post:hover .alumneed_hover {
opacity: 1.0;
}
.alumneed_post.completed .alumneed_content_text {
text-decoration: line-through;
}
.alumneed_post .alumneed_content {
font-family: 'Short Stack', Helvetica, Arial, sans-serif;
padding-top: 3rem;
padding-bottom: 3rem;
word-wrap: break-word;
}
.alumneed_post .alumneed_content .alumneed_content_strikethrough {
text-decoration: line-through;
color: rgb(92, 56, 56);
}
.alumneed_post .alumneed_content .alumneed_content_text {
color: #1A1A1A;
}
.alumneed_post .alumneed_category {
color: #ffac35;
text-transform: uppercase;
font-size: 1.4rem;
letter-spacing: 1px;
float: left;
font-weight: 700;
}
.alumneed_post .alumneed_follow {
/*float: right;*/
cursor: pointer;
position: absolute;
right: 5px;
top: 5px;
}
.alumneed_post .alumneed_follow svg {
height: 20px;
width: 20px;
margin-top: 2px;
}
.alumneed_post .alumneed_author {
text-align: right;
margin-top: 20px;
text-transform: uppercase;
color: #515151;
position: absolute;
bottom: 10px;
right: 10px;
font-size: 1.1rem;
}
.alumneed_post .alumneed_author span.name {
font-weight: bold;
}
#alumneeds_home_page .empty {
display: none;
}
#alumneeds_home_page #svg_follow_empty_state {
width: 1.5rem;
height: 1.5rem;
}
#alumneeds_home_page #category_empty_message {
display: none;
text-align: center;
margin-top: 5rem;
color: #ccc;
font-size: 2rem;
}
/******* End alumneeds home page *******/
/******* Start alumneeds detail page *******/
#need_detail_page {
padding: 2rem 1rem;
min-height: 500px;
}
#need_detail_page #breadcrumb {
max-width: 98rem;
display: block;
margin: 10px auto;
padding: 0 10px;
}
#need_detail_page #need_detail_content_container {
border-radius: 10px;
background-color: #FFF6C5;
padding: 2rem 2rem;
box-shadow: 0.5px 0.5px 1px 0px rgba(186, 186, 139, 1);
}
#need_detail_page svg:not(.alumneed_hover) {
width: 2rem;
height: 2rem;
margin: 0 0.4rem;
}
#need_detail_page svg:not(.alumneed_hover):hover path {
fill: black;
}
#need_detail_page #need_detail_content_header {
padding: 1rem 0;
color: #888;
}
#need_detail_page #need_detail_content_header #need_title {
padding: 0;
}
#need_detail_page #need_detail_content_header #need_title p {
color: #ffac35;
font-weight: 700;
font-size: 1.5rem;
text-transform: uppercase;
}
@media only screen and (max-width: 32em) {
#need_detail_page #need_detail_content_header #need_title p {
font-size: 1.3rem;
}
#need_detail_page #need_detail_action_icons {
margin-top: -6px;
}
}
#need_detail_page #need_detail_action_icons {
cursor: pointer;
text-align: right;
padding: 0;
}
#need_detail_page #need_detail_action_icons #send_author_email_form {
display: none;
}
#need_detail_page #need_detail_author {
width: 100%;
display: inline-block;
padding: 2rem 0rem;
}
@media only screen and (max-width: 32em) {
#need_detail_page #need_detail_author {
padding: 0;
}
}
#need_detail_page .profile_snippet .profile_picture_container {
float: left;
width: 4rem;
height: 4rem;
padding: 0;
border: none;
}
@media only screen and (max-width: 32em) {
#need_detail_page .profile_snippet .profile_picture_container {
display: inline-block;
height: auto;
float: left;
}
}
#need_detail_page .profile_snippet .profile_picture_container img {
width: 100%;
height: 100%;
border-radius: 4px;
}
@media only screen and (max-width: 32em) {
#need_detail_page .profile_snippet .profile_picture_container img {
width: 4rem;
height: 4rem;
display: block;
margin: 1rem auto;
}
}
#need_detail_page .profile_snippet .profile_details_container {
overflow: hidden;
float: none;
width: auto;
padding-left: 10px;
}
@media only screen and (max-width: 32em) {
#need_detail_page .profile_snippet .profile_details_container {
padding: 1.2rem 0.6rem;
margin: 0;
}
}
#need_detail_page .profile_snippet .profile_details_container * {
font-size: 1.2rem;
color: #888;
text-transform: uppercase;
}
@media only screen and (max-width: 32em) {
#need_detail_page .profile_snippet .profile_details_container * {
font-size: 1.0rem;
}
}
#need_detail_page .profile_snippet .profile_details_container>p:first-child a {
color: #555;
font-weight: bold;
margin-right: 0.7rem;
text-transform: uppercase;
}
@media only screen and (max-width: 32em) {
#need_detail_page .profile_snippet .profile_details_container>p:first-child a {
display: inline-block;
margin: 0;
}
}
#need_detail_page .profile_snippet .profile_details_container>p:last-child {
font-size: 1.1rem;
text-transform: inherit;
}
@media only screen and (max-width: 32em) {
#need_detail_page .profile_snippet .profile_details_container>p:last-child {
position: inherit;
}
}
#need_detail_page .alumneed_follow {
display: inline;
}
#need_detail_page #need_detail_content_body {
margin-bottom: 4rem;
}
#need_detail_page #need_detail_content_body #need_content p {
font-size: 1.8rem;
padding: 0.5rem 0rem;
word-wrap: break-word;
}
@media only screen and (max-width: 64em) {
#need_detail_page #need_detail_content_body #need_content p {
font-size: 1.4rem;
}
}
@media only screen and (max-width: 32em) {
#need_detail_page #need_detail_comments_container .comment_content {
padding: 0.7rem 0;
}
#need_detail_page #need_detail_comments_container .profile_snippet .profile_picture_container img {
margin: 0 auto;
}
#need_detail_page #need_detail_comments_container .need_comment .profile_snippet .profile_details_container {
padding: 0 0.6rem;
height: auto;
}
}
#need_detail_page #need_comments_ref_head {
font-size: 1.3rem;
color: #33a9d4;
padding-bottom: 0.7rem;
border-bottom: 1px solid #FFCC14;
}
#need_detail_page #need_comments_ref_head>div {
display: inline-block;
padding-right: 2rem;
cursor: pointer;
}
#need_detail_page #need_comments_ref_head>div.selected {
color: #454545;
cursor: text;
}
#need_detail_page #need_comments_ref_head>div:hover {
color: #0089c9;
}
#need_detail_page #need_comments_ref_head>div.selected:hover {
color: #454545;
}
#need_detail_page #refer_friend_input_container {
text-align: center;
padding: 2rem 0;
}
#need_detail_page #refer_friend_input_container #selected_profile {
display: none;
vertical-align: top;
height: 2.7rem;
border: 1px solid #e3e3e3;
padding: 2px 1rem;
color: #aaa;
cursor: pointer;
width: 18rem;
text-align: left;
}
#need_detail_page #refer_friend_input_container #selected_profile:hover {
color: #333;
}
#need_detail_page #refer_friend_input_container input#profile_selector {
display: inline-block;
vertical-align: top;
height: 2.7rem;
width: 18rem;
}
#need_detail_page #refer_friend_input_container ul.typeahead.dropdown-menu .user_profile_role {
display: none;
}
#need_detail_page #refer_friend_input_container div.send_email_svg_container {
vertical-align: top;
display: inline-block;
cursor: pointer;
}
#need_detail_page #refer_friend_input_container div.send_email_svg_container svg.send_email_svg {
background: #0089C9;
width: 4rem;
height: 2.7rem;
margin: 0;
}
#need_detail_page #refer_friend_input_container div.send_email_svg_container.selected svg {
background: #d7d7d7;
}
#need_detail_page #refer_friend_input_container div.send_email_svg_container svg.send_email_svg path {
fill: white;
}
#need_detail_page #need_refer_container {
padding: 2rem 0;
display: none;
}
#need_detail_page #comment_input_container {
margin-top: 2rem;
margin-bottom: 2rem;
}
#need_detail_page #comment_input_container .profile_snippet {
float: left;
}
@media only screen and (max-width: 32em) {
#need_detail_page #comment_input_container .profile_snippet {
margin-right: 1rem;
}
}
#need_detail_page #comment_content_input_container {
width: auto;
overflow: hidden;
padding-left: 1rem;
}
@media only screen and (max-width: 32em) {
#need_detail_page #comment_content_input_container {
padding: 0;
}
}
#need_detail_page #comment_input_content {
display: inline-block;
resize: none;
box-shadow: none;
border: 1px solid transparent;
width: 75%;
font-size: 1.3rem;
vertical-align: top;
height: 4rem;
-webkit-transition: height 0.2s ease;
-moz-transition: height 0.2s ease;
-ms-transition: height 0.2s ease;
-o-transition: height 0.2s ease;
transition: height 0.2s ease;
}
@media only screen and (max-width: 32em) {
#need_detail_page #comment_input_content {
width: 100%;
margin: 0 auto;
display: block;
}
}
#need_detail_page #comment_input_content:focus {
border: 1px solid #0089c8;
height: 12rem;
}
#need_detail_page #comment_btn_container {
width: 24%;
display: inline-block;
vertical-align: top;
text-align: center;
}
@media only screen and (max-width: 32em) {
#need_detail_page #comment_btn_container {
width: 100%;
display: block;
text-align: start;
}
}
.need_comment_post_btn {
background: #0089c9;
color: white;
cursor: pointer;
padding: 0.7rem 2rem;
margin-top: 1rem;
float: right;
min-width: 7.5rem;
text-align: center;
border-radius: 4px;
}
@media only screen and (max-width: 32em) {
#need_detail_page #comment_btn_container div.btn {
margin-top: 1rem;
float: right;
}
}
#need_detail_page .need_comment {
padding: 2rem 0;
}
#need_detail_page .need_comment.dummy {
display: none;
}
#need_detail_page .need_comment .profile_snippet .profile_details_container {
overflow: hidden;
float: none;
width: auto;
padding-left: 10px;
}
#need_detail_page .comment_content {
padding: 1rem 0;
word-wrap: break-word;
font-size: 1.4rem;
margin-top: 0.5rem;
margin-left: 5rem;
border-top: 1px solid #ccc;
}
#need_detail_page #need_detail_related_head {
font-size: 1.3rem;
color: #454545;
padding: 3.3rem 1.5rem 0.7rem;
border-bottom: 1px solid #ccc;
text-transform: capitalize;
}
#need_detail_page #need_detail_related_content_container {
padding: 2rem 0;
display: inline-block;
width: 100%;
}
p.followed svg.follow_btn polygon#base,
p.followed svg.follow_btn path#outline {
fill: #d02626;
}
p.followed svg.follow_btn circle,
p.followed svg.follow_btn path#circle {
fill: #ffffff;
}
#profile_selector+.typeahead.dropdown-menu img {
width: 3rem;
height: 3rem;
}
#profile_selector+ul.typeahead.dropdown-menu {
text-align: left;
}
#need_detail_page .user_profile_details {
display: inline-block;
vertical-align: middle;
}
#need_detail_page svg.change_need_status.completed path {
fill: green;
}
#need_detail_page p.green {
color: green !important;
}
#need_detail_page .alumneed_post_container {
max-width: 310px;
margin: 0;
width: auto;
}
/******* End alumneeds detail page *******/
/******* Start alumneeds add page *******/
#add_need_page {
padding: 2rem 1rem;
max-width: 980px;
margin: 0 auto;
}
#add_need_page #add_need_head {
font-size: 2.2rem;
text-align: center;
text-transform: capitalize;
}
#add_need_page .add_need_section_head {
color: #858585;
border-bottom: 1px solid #ddd;
padding-bottom: 1rem;
font-size: 1.3rem;
}
@media only screen and (max-width: 64em) {
#add_need_page .add_need_section_head {
border: 0;
text-align: center;
}
}
#add_need_page .need_category {
margin: 1.2rem 2.0rem;
color: #999;
padding: 0.7rem 1.5rem;
cursor: pointer;
border: 2px solid transparent;
display: inline-block;
font-size: 1.5rem;
font-weight: bold;
border-radius: 4px;
}
@media only screen and (max-width: 64em) {
#add_need_page .need_category {
text-align: center;
border: 1px solid #CCC;
display: inline-block;
font-size: 1.3rem;
width: 13rem;
padding: 0.5rem;
margin: 0.5rem;
font-weight: normal;
}
}
#add_need_page .need_category:hover {
border-color: #ccc;
}
#add_need_page .need_category.selected {
border-color: #0089C9;
color: #0089C9;
}
#add_need_page #need_content {
border-radius: 4px;
box-shadow: none;
resize: none;
margin-bottom: 2rem;
border: none;
line-height: 1.5;
padding: 0;
font-size: 1.8rem;
background: transparent;
}
#add_need_page #need_content::-webkit-input-placeholder {
/* WebKit browsers */
color: #ccc;
}
#add_need_page #need_content:-moz-placeholder {
/* Mozilla Firefox 4 to 18 */
color: #ccc;
}
#add_need_page #need_content::-moz-placeholder {
/* Mozilla Firefox 19+ */
color: #ccc;
}
#add_need_page #need_content:-ms-input-placeholder {
/* Internet Explorer 10+ */
color: #ccc;
}
#add_need_page #need_content.error {
border-color: red;
}
#add_need_page .add_need_section {
padding: 2rem 0;
}
@media only screen and (max-width: 64em) {
#add_need_page #add_need_categories_container {
max-width: 43rem;
display: block;
margin: auto;
}
}
#add_need_page #need_content_container {
display: inline-block;
vertical-align: top;
padding: 0 5px;
}
#add_need_page #i_need {
text-decoration: underline;
font-size: 1.8rem;
}
#add_need_page #add_need_form {
font-size: 1.3rem;
padding-bottom: 5rem;
}
#add_need_page #add_need_content_container {
padding: 2rem;
background: #FFF6C5;
max-width: 70rem;
}
@media only screen and (max-width: 64em) {
#add_need_page #add_need_content_container {
display: block;
margin: auto;
}
}
@media only screen and (max-width: 64em) {
#add_need_page #add_need_examples {
max-width: 70rem;
display: block;
margin: auto;
}
}
#add_need_page .need_examples_head {
font-weight: bold;
padding-bottom: 1rem;
}
#add_need_page .category_examples_container {
font-size: 1.3rem;
color: #777;
padding: 2rem 0;
border-top: 1px solid #ccc;
display: none;
}
#add_need_page .category_example_content {
padding: 0.5rem 0;
}
#add_need_page #need_content_container div.btn {
float: right;
}
#add_need_page #need_discard_btn {
background: #aaa;
color: #fff;
margin-right: 1.5rem;
}
#add_need_page #need_discard_btn:hover {
background: #757575;
}
#add_need_page .category_example_content {
cursor: pointer;
}
#add_need_page .category_example_content:hover {
text-decoration: underline;
}
/* Generic pictures slider */
.pictures_modal {
display: none;
background: rgba(0, 0, 0, 0.5);
width: 100%;
max-width: none;
height: 100%;
padding: 0px;
overflow: hidden;
position: fixed;
border: none;
}
.pictures_modal .pictures_container {
width: 100%;
height: 100%;
margin: 0 auto;
border-radius: 0px;
background: transparent;
border: none;
position: relative;
overflow: hidden;
}
.pictures_modal .pictures_slider div.slide_container {
width: auto;
height: 100%;
text-align: center;
}
.pictures_modal .pictures_slider div.slide_picture_container {
margin: 0 auto;
background-size: contain;
background-position: center center;
background-repeat: no-repeat;
width: 100%;
height: 100%;
position: relative;
overflow: hidden;
}
.pictures_modal .pictures_slider a.slick-nav {
position: fixed;
top: 48%;
color: #fff;
font-size: 3rem;
padding: 0.5rem 1.5rem;
background: rgba(0, 0, 0, 0.3);
border-radius: 4px;
}
.pictures_modal .pictures_slider a.slick-nav:hover {
background: rgba(0, 0, 0, 0.8);
}
.pictures_modal .pictures_slider a.slick-prev {
left: 2rem;
}
.pictures_modal .pictures_slider a.slick-next {
right: 2rem;
}
@media only screen and (max-width: 64em) {
.pictures_modal .pictures_slider a.slick-nav {
display: none !important;
}
}
.pictures_modal .pictures_modal_close {
position: absolute;
top: 0;
right: 5px;
padding: 1rem;
display: inline-block;
color: #fff;
font-size: 3rem;
z-index: 2;
}
.pictures_modal .pictures_modal_close:hover {
background: rgba(0, 0, 0, 0.9);
}
/* End generic pictures slider */
/** Profile page and edit profile page common **/
.profile_page_container .page_hero {
position: relative;
}
.profile_page_container .profile_page_map_container {
width: 100%;
height: 100%;
position: absolute;
top: 0;
z-index: 1;
}
.profile_page_container .profile_page_map {
height: 100%;
}
.profile_page_container .profile_page_map_container .profile_page_map_label {
color: #fff;
font-weight: bold;
font-size: 1.5rem;
position: absolute;
left: 0;
right: 0;
top: 0;
text-align: center;
line-height: 30rem;
}
.profile_page_container .page_hero_content {
z-index: 2;
}
.profile_page_container .page_hero_content .row {
position: absolute;
bottom: 0;
}
.profile_page_container .profile_photo_container {
position: relative;
bottom: -2.1rem;
width: 17rem;
height: 17rem;
margin: 0 auto;
}
.profile_page_container .profile_photo {
height: 100%;
}
.profile_page_container .profile_photo .current_picture,
.profile_page_container .profile_photo .college_picture {
background-color: #fff;
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
position: absolute;
height: 17rem;
width: 17rem;
-webkit-border-radius: 4px;
border-radius: 4px;
-webkit-box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.25);
-moz-box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.25);
box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.25);
border: 1px solid #fff;
}
.profile_page_container .profile_photo p.initials {
text-align: center;
position: absolute;
left: 0;
right: 0;
top: 7rem;
z-index: 1;
color: #fff;
font-size: 2.4rem;
line-height: 3rem;
text-transform: uppercase;
text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3);
}
.profile_page_container .profile_photo img.registered_tick {
position: absolute;
left: 0.5rem;
top: 0.5rem;
}
.profile_page_container .profile_photo_container .flip_trigger {
position: absolute;
top: 0.5rem;
right: 0.5rem;
font-size: 1.5rem;
color: #fff;
background: rgba(0, 0, 0, 0.7);
padding: 0.5rem;
cursor: pointer;
-webkit-border-radius: 4px;
border-radius: 4px;
}
.profile_page_container .profile_photo_container .flip_trigger i {
-webkit-transition: transform 0.1s ease;
-moz-transition: transform 0.1s ease;
-ms-transition: transform 0.1s ease;
-o-transition: transform 0.1s ease;
transition: transform 0.1s ease;
}
.profile_page_container .profile_photo_container .flip_trigger:hover i {
-webkit-transform: rotate(-90deg);
-moz-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
-o-transform: rotate(-90deg);
transform: rotate(-90deg);
}
@media only screen and (max-width: 64em) {
.profile_page_container .page_hero {
height: 15rem;
}
.profile_page_container .page_hero_content .row {
position: static;
}
.profile_page_container .profile_photo_container {
position: static;
margin-top: 2.1rem;
}
}
/** End profile page and edit profile page common **/
/**** Profile page ****/
#profile_page_container #profile_btns_container {
padding-top: 13rem;
}
#profile_page_container a.profile_btn {
display: inline-block;
vertical-align: top;
padding: 0.7rem 2.1rem;
background: rgba(0, 0, 0, 0.8);
text-decoration: none;
color: #fff;
-webkit-border-radius: 4px;
border-radius: 4px;
margin-left: 0.3rem;
float: right;
}
#profile_page_container .last-sync-profile-container {
float: right;
}
#profile_page_container #social_sync_button {
display: inline-block;
vertical-align: middle;
text-align: center;
width: 35px;
height: 35px;
margin-left: 1rem;
border: 2px solid #009625;
border-radius: 50%;
color: #ffffff;
background: rgb(86, 181, 115);
box-shadow: rgba(34, 46, 78, 0.38) 0 2px 6px;
padding: 0;
}
#profile_page_container #social_sync_button:active {
box-shadow: rgba(0, 0, 0, 0) 0 1px 0px;
color: #fff;
background: rgba(79, 171, 107, 1);
border: 2px solid #318c4d;
}
#profile_page_container #social_sync_button.rotating {
-webkit-animation: rotating 2s linear infinite;
-moz-animation: rotating 2s linear infinite;
-ms-animation: rotating 2s linear infinite;
-o-animation: rotating 2s linear infinite;
animation: rotating 2s linear infinite;
}
#profile_page_container .last-updated-time-span {
color: #fff;
margin: 0.5rem 1rem;
}
#profile_page_container .sync-icon {
line-height: 32px;
margin: 0;
}
#profile_page_container a.profile_btn:hover {
background: rgba(0, 0, 0, 1);
}
#profile_page_container a.edit_trigger {
padding-left: 0.5rem;
text-decoration: none;
opacity: 0;
position: relative;
}
#profile_page_container a.edit_trigger.show {
opacity: 1;
}
#profile_page_container a.edit_trigger:after {
content: "\f040";
font-family: FontAwesome;
font-style: normal;
font-weight: normal;
color: #ccc;
}
#profile_page p.profile_name {
font-size: 2.1rem;
font-weight: bold;
}
@media only screen and (max-width: 64em) {
#profile_page_container #profile_btns_container {
padding-top: 2.1rem;
text-align: center;
}
#profile_page_container a.profile_btn {
float: none;
margin-bottom: 0.3rem;
}
#profile_page p.profile_name {
margin-top: 2.8rem;
}
}
#profile_page a.subtle {
color: inherit;
text-decoration: none;
}
#profile_page a.subtle:hover {
color: #0089c8;
}
#profile_page #profile_invite p {
margin-bottom: 0.7rem;
}
#profile_page #profile_completion #profile_completion_bar_outer {
width: 50%;
height: 0.5rem;
border-radius: 0.8rem;
margin: 0 auto 0.7rem;
box-shadow: 0px 1px 1px 1px rgba(0, 0, 0, 0.15) inset;
-webkit-box-shadow: 0px 1px 1px 1px rgba(0, 0, 0, 0.15) inset;
-moz-box-shadow: 0px 1px 1px 1px rgba(0, 0, 0, 0.15) inset;
}
#profile_page #profile_completion #profile_completion_bar_inner {
height: 100%;
background-color: #0089c8;
-webkit-border-radius: 0.8rem;
border-radius: 0.8rem;
box-shadow: 0px -1px 1px 0px rgba(0, 0, 0, 0.15) inset;
-webkit-box-shadow: 0px -1px 1px 0px rgba(0, 0, 0, 0.15) inset;
-moz-box-shadow: 0px -1px 1px 0px rgba(0, 0, 0, 0.15) inset;
}
#profile_page #profile_completion p#completion_text {
font-size: 1.8rem;
color: #aaa;
}
#profile_page #profile_completion a {
font-weight: bold;
}
#profile_page .profile_left_section {
padding: 2.8rem 0;
border-bottom: 1px solid #d9d9d9;
}
#profile_page .profile_left_section:last-child {
border-bottom: none;
}
#profile_page #basic_details p.class_year {
font-style: italic;
font-size: 1.8rem;
}
#profile_page #basic_details p.course,
#profile_page #basic_details p.branch {
font-style: italic;
font-size: 1.4rem;
}
#profile_page #summary i.fa {
margin-right: 0.7rem;
}
#profile_page #summary p {
font-size: 1.4rem;
margin-bottom: 0.7rem;
}
#profile_page #membership_badge img {
width: 8rem;
margin-bottom: 0.7rem;
}
#profile_page #profile_actions div.btn {
display: block;
margin: 1.4rem auto;
max-width: 20rem;
}
#profile_page #profile_self_contact p {
font-size: 1.4rem;
font-weight: bold;
}
#profile_page #profile_self_contact p.hint {
font-size: 1rem;
font-weight: normal;
margin-bottom: 1.4rem;
}
#profile_page #contact_details a {
font-size: 1.8rem;
padding: 0.7rem;
color: #a6a6a6;
}
#profile_page #contact_details a:hover {
color: #0089c8;
}
#profile_page #contact_details span.inactive {
font-size: 1.8rem;
color: #e8e8e8;
padding: 0.7rem;
}
#profile_page #profile_preferences {
margin-top: 2.8rem;
}
#profile_page #profile_preferences p.profile_preference {
font-size: 1.2rem;
font-weight: normal;
}
#profile_page #profile_preferences p.profile_preference i.fa {
color: #31B131;
margin-right: 0.7rem;
}
#profile_page #profile_skills p.heading,
#profile_page #profile_interests p.heading {
font-weight: bold;
margin-bottom: 0.7rem;
}
#profile_page div.section_header {
padding: 0.7rem;
border-bottom: 1px solid #d9d9d9;
margin-bottom: 1.4rem;
}
#profile_page div.section_header p {
font-weight: bold;
}
#profile_page div.section_content {
padding: 0.7rem 0.7rem 0.7rem 2.8rem;
}
#profile_page div.section_item {
margin-bottom: 2.1rem;
border-left: 1px solid #0089c8;
padding: 0.3rem 0 0.3rem 1.4rem;
}
#profile_page div.section_content p.heading {
font-weight: bold;
font-size: 1.4rem;
margin-bottom: 0.3rem;
color: #5d5d5d;
}
#profile_page div.section_content p {
color: #838383;
}
#profile_page div.section_item p span.separator:last-child {
display: none;
}
#profile_page div.section_content p.empty {
margin-bottom: 2.1rem;
}
#profile_page_container #profile_card_container {
padding: 5rem 0;
background: #f5f5f5;
height: 17rem;
}
#profile_page_container #profile_card_container .profile_block {
margin: 0 auto;
float: none;
width: 100%;
max-width: 30rem;
height: 15rem;
}
#profile_page_container #profile_card_container .profile_block p.yog {
position: absolute;
bottom: 2.4rem;
left: 1rem;
right: 1rem;
font-size: 1.4rem;
color: #8d8d8d;
}
#profile_page_container #profile_card_container .profile_block .details_container {
height: 15rem;
}
#profile_page_container #profile_card_container .profile_block .picture_container {
border-radius: 4px 0 0 4px;
-webkit-border-radius: 4px 0 0 4px;
}
#profile_page_container #profile_card_container .profile_block .picture_container .picture_gradient {
-webkit-border-radius: 0 0 0 4px;
border-radius: 0 0 0 4px;
}
#profile_page_container .page_login_required {
margin-top: 3.5rem;
}
#profile_page_container .page_login_required div.btn {
margin-top: 1.4rem;
}
#profile_page_container .page_login_required .login_required_why {
margin: 3.5rem auto;
}
#profile_page_container .page_login_required .login_required_why p.login_required_subheading {
color: #838383;
}
#profile_page #payment_section div.section_header span.tiny {
font-weight: normal;
font-size: 1rem;
margin-left: 0.7rem;
}
#profile_page #payment_section p.small {
color: #838383;
}
#profile_page #payment_section p.small svg {
width: 2rem;
color: #838383;
margin-right: 0.7rem;
display: inline-block;
vertical-align: middle;
}
#profile_page #payment_section p.small svg path {
fill: #838383;
}
#profile_page #payment_section span.date {
font-size: 1.2rem;
display: inline-block;
vertical-align: middle;
}
#profile_page #payment_section p.main {
color: #5d5d5d;
margin-top: 4px;
}
#profile_page #payment_section span.amount {
font-size: 1.4rem;
}
/**** End profile page ****/
/**** Merge profile modal ****/
#merge_modal {
background: white;
max-width: 700px;
width: 100%;
height: 390px;
padding: 0px;
display: none;
}
#merge_modal ul.typeahead li img {
width: 20px;
float: left;
}
#merge_modal ul.typeahead li div.user_profile_details {
float: left;
padding-left: 10px;
}
#merge_modal ul.typeahead li .user_profile_role {
display: none;
}
#merge_modal #merge_heading {
font-weight: 700;
font-size: 26px;
line-height: 74px;
vertical-align: middle;
text-align: center;
border-bottom: 1px solid #f1f1f1;
margin-bottom: 25px;
color: #434343;
}
#merge_modal>ul {
margin: 0px;
padding: 0px 30px;
}
#merge_modal>ul #merge_icon {
width: 25px;
position: relative;
right: 30px;
}
#merge_modal>ul>li {
vertical-align: top;
width: 300px;
}
#merge_modal>ul>li>p {
font-size: 16px;
}
#merge_modal li#merge_original>p {
margin-bottom: 10px;
}
#merge_modal li#merge_duplicate>p {
margin-bottom: 45px;
}
#merge_modal #profile_search_input {
margin-bottom: 10px;
}
#merge_modal .merge_profile_details img {
height: 92px;
width: 92px;
margin-right: 8px;
float: left;
border: none;
}
#merge_modal .merge_profile_details .result_profile_details {
float: left;
width: 200px;
}
#merge_modal .merge_profile_details .user_profile_name {
color: #363636;
font-size: 16px;
margin-bottom: 8px;
}
#merge_modal .merge_profile_details .user_profile_qualification {
color: #777;
font-size: 12px;
text-transform: uppercase;
margin-bottom: 4px;
}
#merge_modal #merge_confirm_container {
height: 70px;
width: 100%;
position: absolute;
bottom: 0px;
border-top: 1px solid #f1f1f1;
text-align: center;
}
#merge_modal #merge_confirm_container div.btn {
margin: 15px auto;
}
#merge_modal #merge_error {
margin: 15px 0;
font-size: 12px;
color: #611f04;
text-align: center;
}
/**** End merge profile modal ****/
/**** Edit profile page ****/
#profile_edit_page_container form .row .row {
margin: 0;
/* foundation override */
}
#profile_edit_page_container .profile_photo_container input.picture_input {
display: none;
}
#profile_edit_page_container .profile_photo_container .change_picture {
position: absolute;
bottom: 0;
right: 0;
left: 0;
font-size: 1.1rem;
color: #fff;
background: rgba(0, 0, 0, 0.5);
padding: 0.7rem 0.3rem;
cursor: pointer;
text-align: center;
font-weight: bold;
}
#profile_edit_page_container .profile_photo_container .change_picture:hover {
background: rgba(0, 0, 0, 0.9);
}
#profile_edit_page_container .profile_photo_container .change_picture i.fa {
margin-right: 0.5rem;
}
#profile_edit_page .profile_left_section {
padding: 2.8rem 0;
border-bottom: 1px solid #d9d9d9;
}
#profile_edit_page .profile_left_section:last-child {
border-bottom: none;
}
#profile_edit_page .profile_left_section p.heading {
font-weight: bold;
margin-bottom: 1.4rem;
}
#profile_edit_page .profile_left_section.edit_membership #membership_type_code {
width: 100%;
margin-bottom: 1rem;
}
#profile_edit_page .profile_left_section.edit_membership #edit_membership_date {
color: #00A3d3;
cursor: pointer;
margin-top: -0.5rem;
}
#profile_edit_page .profile_left_section.edit_membership #expiry_date {
text-transform: capitalize;
color: #999;
font-size: 1.1rem;
margin: -0.4rem 0 0.7rem 0;
}
#profile_edit_page .profile_left_section.edit_membership .membership_expiry_container {
display: inline-block;
width: 100%;
float: none;
clear: both;
margin-bottom: 1.5rem;
}
#profile_edit_page .profile_left_section.edit_membership .membership_expiry_container .has-tip {
border-bottom: none;
cursor: help;
font-weight: bold;
color: #b9b9b9;
margin-left: 0.5rem;
}
#profile_edit_page .profile_left_section.edit_membership .membership_expiry_container#custom_expiry_date .checkbox-block {
margin-top: 0.2rem;
}
#profile_edit_page .profile_left_section.edit_membership .upgrade-membership-custom #custom_expiry_without_upgrade {
display: none;
}
#profile_edit_page .profile_left_section.edit_membership .upgrade-membership-custom #custom_expiry_with_upgrade {
display: block;
}
#profile_edit_page .profile_left_section.edit_membership #membership_expiry_options {
display: block;
float: none;
clear: both;
margin-top: 1rem;
}
#profile_edit_page .profile_left_section.edit_membership #membership_expiry_options.hide,
#profile_edit_page .profile_left_section.edit_membership .membership-change-toggle {
display: none;
}
#profile_edit_page .profile_left_section.edit_membership #custom_expiry_date .checkbox-block {
margin-top: 2.8rem;
}
#profile_edit_page .profile_left_section.edit_membership #custom_expiry_date .option-container label {
margin-bottom: 0.5rem;
}
#profile_edit_page .profile_left_section.edit_membership .option-container {
text-align: left;
overflow: hidden;
position: relative;
min-width: 24rem;
margin: 0.3rem 0;
}
#profile_edit_page .profile_left_section.edit_membership .checkbox-block {
width: 2rem;
text-align: center;
margin-right: 1rem;
height: 2rem;
}
#profile_edit_page .profile_left_section.edit_membership span.membership-option-date {
display: block;
clear: both;
margin: 0 3rem;
font-weight: 300;
font-size: 1.1rem;
text-transform: lowercase;
font-style: italic;
color: #a4a4a4;
}
#profile_edit_page .profile_left_section.edit_membership #membership-validity-error {
font-size: 1.1rem;
line-height: 1.3;
display: inline-block;
font-weight: 500;
margin-top: -1rem;
color: #b91d1d;
}
#profile_edit_page div.edit_element {
padding: 0.7rem;
}
#profile_edit_page div.edit_element .crm-textarea {
height: 10rem;
resize: none;
}
#profile_edit_page div.edit_element label {
display: block;
font-size: 1.1rem;
margin-bottom: 3px;
}
#profile_edit_page div.edit_element .file-upload-label {
display: inline;
color: rgba(88, 10, 1, 0.74);
margin-left: 0;
margin-right: 3px;
}
#profile_edit_page div.edit_element .inline-file-upload-label {
display: inline;
}
#profile_edit_page div.edit_element input[type="text"],
#profile_edit_page div.edit_element input[type="password"],
#profile_edit_page div.edit_element input[type="tel"],
#profile_edit_page div.edit_element input[type="email"],
#profile_edit_page div.edit_element input[type="number"],
#profile_edit_page div.edit_element input[type="date"],
#profile_edit_page div.edit_element input[type="url"] {
padding: 0.7rem;
width: 100%;
height: 3.5rem;
}
#profile_edit_page div.edit_element select {
height: 3.5rem;
width: 100%;
}
#profile_edit_page div.edit_element select.half {
width: 45%;
}
#profile_edit_page div.edit_element select.third {
width: 32%;
}
#profile_edit_page div.edit_element i.label_icon {
float: left;
display: block;
font-size: 1.6rem;
line-height: 3.5rem;
width: 2.8rem;
}
#profile_edit_page div.edit_element i.label_icon~div {
overflow: hidden;
width: auto;
display: block;
}
#profile_edit_page div.edit_element select.tiny {
width: 12rem;
font-size: 1.1rem;
margin-top: 0.5rem;
margin-left: 0.5rem;
height: 2.5rem;
}
#profile_edit_page div.edit_element p.fixed_field {
font-weight: bold;
padding: 0.7rem;
}
#profile_edit_page div.edit_element input.yol_trigger {
display: inline-block;
vertical-align: middle;
margin-top: 0.7rem;
margin-right: 4px;
}
#profile_edit_page .section_header {
padding: 0.7rem;
border-bottom: 1px solid #d9d9d9;
margin-bottom: 1.4rem;
cursor: pointer;
}
#profile_edit_page .section_header.child_section_header {
cursor: default;
}
#profile_edit_page .section_header i.fa {
margin-right: 0.7rem;
-webkit-transition: transform 0.3s ease;
-moz-transition: transform 0.3s ease;
-ms-transition: transform 0.3s ease;
-o-transition: transform 0.3s ease;
transition: transform 0.3s ease;
}
#profile_edit_page .section_container {
margin-bottom: 2.1rem;
}
#profile_edit_page .section_container.collapsed .section_header i.fa {
-webkit-transform: rotate(-180deg);
-moz-transform: rotate(-180deg);
-ms-transform: rotate(-180deg);
-o-transform: rotate(-180deg);
transform: rotate(-180deg);
}
#profile_edit_page .section_container.collapsed .section_content {
display: none;
}
#profile_edit_page .section_header span {
font-weight: bold;
}
#profile_edit_page .section_content .row .column {
padding: 0;
}
#profile_edit_page .section_content input.employment_current {
margin-top: 0.7rem;
vertical-align: middle;
display: inline-block;
}
#profile_edit_page .section_content {
padding: 0.7rem 0.7rem 0.7rem 2.8rem;
}
#profile_edit_page .section {
margin-bottom: 2.1rem;
border-left: 1px solid #0089c8;
padding: 0.3rem 0 0.3rem 1.4rem;
position: relative;
}
#profile_edit_page .section.hidden {
display: none;
}
#profile_edit_page .section a.delete {
position: absolute;
left: -2.2rem;
top: 1rem;
font-size: 1.8rem;
color: #0089c8;
}
#profile_edit_page #submit_bar {
position: fixed;
bottom: 0;
left: 0;
right: 0;
background: #f5f5f5;
padding: 1rem 0;
border-top: 1px solid #d0d0d0;
z-index: 10;
}
#profile_edit_page #submit_bar div.btn {
float: right;
margin-right: 1.4rem;
}
#profile_edit_page #profile_preferences .preference {
padding: 0.1rem 0.7rem;
color: #00a3d3;
cursor: pointer;
display: inline-block;
width: 100%;
float: none;
clear: both;
}
#profile_edit_page #profile_preferences .preference:hover {
background: #f5f5f5;
}
#profile_edit_page #profile_preferences .preference i.fa-check {
padding-right: 0.7rem;
float: left;
width: 2rem;
margin-top: 0.4rem;
}
#profile_edit_page #profile_preferences .preference .preference-name {
width: 90%;
float: left;
}
#profile_edit_page #profile_preferences .preference.disabled {
color: #333;
}
#profile_edit_page #profile_preferences .preference.disabled i.fa-check {
visibility: hidden;
}
#profile_edit_page #profile_preferences .preference.disabled:hover i.fa-check {
visibility: visible;
color: #ccc;
}
#profile_edit_page #profile_preferences .preference .tooltip_trigger {
cursor: pointer;
border: none;
}
#profile_edit_page #profile_skills input#skill_input {
width: 75%;
}
#profile_edit_page #profile_skills div.btn#add_skill_btn {
font-size: 1.2rem;
line-height: 2.9;
}
#profile_edit_page #profile_skills div.btn#add_skill_btn span {
padding: 0 1.2rem;
}
#profile_edit_page #profile_skills #skills_container {
padding: 0.7rem;
}
#profile_edit_page #profile_skills div.skill {
float: left;
background: #f0f0f0;
border-radius: 4px;
padding: 0.5rem 0.7rem;
display: inline-block;
cursor: pointer;
margin-right: 3px;
margin-bottom: 4px;
}
#profile_edit_page #profile_skills #skills_container div.skill:first-child {
display: none;
}
#profile_edit_page #profile_skills div.skill:hover {
background: #e1e1e1;
}
#profile_edit_page #profile_skills div.skill i.fa {
color: #8a8a8a;
padding-left: 0.7rem;
padding-right: 0.3rem;
}
#profile_edit_page #profile_interests div.interest {
padding: 0.4rem 0.7rem;
color: #00a3d3;
cursor: pointer;
}
#profile_edit_page #profile_interests div.interest:hover {
background: #f5f5f5;
}
#profile_edit_page #profile_interests .interest i.fa-check {
padding-right: 0.7rem;
}
#profile_edit_page #profile_interests .interest.disabled {
color: #333;
}
#profile_edit_page #profile_interests .interest.disabled i.fa-check {
visibility: hidden;
}
#profile_edit_page #profile_interests .interest.disabled:hover i.fa-check {
visibility: visible;
color: #ccc;
}
#profile_edit_page #profile_interests #interests_container div.interest:first-child {
display: none;
}
#profile_edit_page #profile_interests input#interest_input {
width: 75%;
}
#profile_edit_page #profile_interests div.btn#add_interest_btn {
font-size: 1.2rem;
line-height: 2.9;
}
#profile_edit_page #profile_interests div.btn#add_interest_btn span {
padding: 0 1.2rem;
}
@media only screen and (max-width: 64em) {
#profile_edit_page #submit_bar {
padding: 0;
}
#profile_edit_page #submit_bar div.btn {
height: 100%;
width: 50%;
margin: 0;
-webkit-border-radius: 0;
border-radius: 0;
}
#profile_edit_page #submit_bar div.btn span {
padding-left: 1.8rem;
padding-right: 1.8rem;
}
}
/**** End edit profile page ****/
/** Profile block **/
.profile_block {
float: left;
width: 14.8rem;
background: #fff;
-webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.15), -1px 0 0 rgba(0, 0, 0, 0.03), 1px 0 1px rgba(0, 0, 0, 0.03), 0 1px 0 rgba(0, 0, 0, 0.12);
-moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.15), -1px 0 0 rgba(0, 0, 0, 0.03), 1px 0 1px rgba(0, 0, 0, 0.03), 0 1px 0 rgba(0, 0, 0, 0.12);
box-shadow: 0 0 3px rgba(0, 0, 0, 0.15), -1px 0 0 rgba(0, 0, 0, 0.03), 1px 0 1px rgba(0, 0, 0, 0.03), 0 1px 0 rgba(0, 0, 0, 0.12);
-webkit-border-radius: 4px;
border-radius: 4px;
}
.profile_block:hover {
background: #f7f7f7;
}
.profile_block .column {
padding: 0;
}
.profile_block .picture_container {
height: 15rem;
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
position: relative;
border-radius: 4px 4px 0 0;
-webkit-border-radius: 4px 4px 0 0;
}
.profile_block .picture_container.default.a {
background-position: 0 0;
}
.profile_block .picture_container.default.b {
background-position: 0 -150px;
}
.profile_block .picture_container.default.c {
background-position: 0 -296px;
}
.profile_block .picture_container.default.d {
background-position: 0 -445px;
}
.profile_block .picture_container.default.e {
background-position: 0 -592px;
}
.profile_block .picture_container.default.f {
background-position: 0 -740px;
}
.profile_block .picture_container.default.g {
background-position: 0 -885px;
}
.profile_block .picture_container.default.h {
background-position: 0 -1050px;
}
.profile_block .picture_container.default.i {
background-position: 0 -1185px;
}
.profile_block .picture_container.default.j {
background-position: 0 -1332px;
}
.profile_block .picture_container.default.k {
background-position: 0 -1480px;
}
.profile_block .picture_container.default.l {
background-position: 0 -1628px;
}
.profile_block .picture_container.default.m {
background-position: 0 -1776px;
}
.profile_block .picture_container.default.n {
background-position: 0 -1925px;
}
.profile_block .picture_container.default.o {
background-position: 0 -2072px;
}
.profile_block .picture_container.default.p {
background-position: 0 -2220px;
}
.profile_block .picture_container.default.q {
background-position: 0 -2367px;
}
.profile_block .picture_container.default.r {
background-position: 0 -2515px;
}
.profile_block .picture_container.default.s {
background-position: 0 -2665px;
}
.profile_block .picture_container.default.t {
background-position: 0 -2813px;
}
.profile_block .picture_container.default.u {
background-position: 0 -2960px;
}
.profile_block .picture_container.default.v {
background-position: 0 -3108px;
}
.profile_block .picture_container.default.w {
background-position: 0 -3256px;
}
.profile_block .picture_container.default.x {
background-position: 0 -3404px;
}
.profile_block .picture_container.default.y {
background-position: 0 -3552px;
}
.profile_block .picture_container.default.z {
background-position: 0 -3699px;
}
.profile_block .picture_container img.registered_user {
position: absolute;
left: 0.5rem;
top: 0.5rem;
z-index: 2;
width: auto;
}
/* Profile deceased badge */
.profile_block .picture_container .profile-deceased-badge {
position: absolute;
top: 0.5rem;
left: 0.5rem;
color: #ffffff;
display: table;
line-height: 1;
background-color: rgba(0, 0, 0, 0.4);
padding: 0 1.5rem 0 0;
border-radius: 1.5rem;
}
.profile_block .picture_container .profile-deceased-badge i {
padding: 0.5rem 0.7rem;
font-size: 1.8rem;
border-radius: 50%;
background-color: #7ED321;
}
.profile_block .picture_container .profile-deceased-badge span {
font-size: 1.3rem;
font-weight: 500;
display: table-cell;
vertical-align: middle;
padding-left: 0.5rem;
}
.profile_block .picture_container p.yog {
position: absolute;
bottom: 0;
right: 0.5rem;
color: #fff;
font-size: 2rem;
font-weight: bold;
z-index: 2;
text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}
.profile_block .picture_container .picture_gradient {
height: 4rem;
background: rgba(0, 0, 0, 0.5);
background: linear-gradient(bottom, rgba(0, 0, 0, .5), transparent 90%);
background: -webkit-linear-gradient(bottom, rgba(0, 0, 0, .5), transparent 90%);
background: -moz-linear-gradient(bottom, rgba(0, 0, 0, .5), transparent 90%);
background: -o-linear-gradient(bottom, rgba(0, 0, 0, .5), transparent 90%);
position: absolute;
bottom: 0;
left: 0;
right: 0;
z-index: 1;
}
.profile_block .picture_container p.initials {
text-align: center;
position: absolute;
left: 0;
right: 0;
top: 6rem;
z-index: 1;
color: #fff;
font-size: 2.4rem;
line-height: 3rem;
text-transform: uppercase;
text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3);
}
.profile_block .picture_container div.is_mentor {
border: 1px solid rgba(0, 0, 0, 0.1);
text-align: center;
display: inline-block;
border-radius: 4rem;
padding: 0.2rem 2rem;
color: rgb(255, 255, 255);
font-weight: 500;
bottom: 0.7rem;
font-size: 1.2rem;
left: 0.7rem;
background: rgba(0, 0, 0, 0.60);
position: absolute;
z-index: 99;
}
.profile_block .details_container {
padding: 1rem;
height: 12rem;
position: relative;
background: #fff;
-webkit-border-radius: 4px;
border-radius: 4px;
}
.profile_block:hover .details_container {
background: #f7f7f7;
}
.profile_block .details_container p.name {
font-size: 1.4rem;
font-weight: bold;
color: #0089c8;
line-height: 1.2;
word-break: break-word;
}
.profile_block .details_container p.gist {
line-height: 1.2;
font-size: 1.2rem;
margin-top: 1rem;
color: #4d4d4d;
word-break: break-word;
}
.profile_block .details_container p.qualification {
position: absolute;
left: 0;
right: 0;
bottom: 0;
line-height: 1.2;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
color: #8d8d8d;
word-break: break-word;
font-size: 1.2rem;
padding: 0 1rem 0.5rem 1rem;
}
.profile_block .details_container p.qualification span:last-child {
display: none;
}
@media only screen and (max-width: 64em) {
.profile_block {
width: 100%;
max-width: 29.8rem;
height: 15rem;
}
.profile_block .details_container {
height: 15rem;
}
.profile_block .picture_container {
border-radius: 4px 0 0 4px;
-webkit-border-radius: 4px 0 0 4px;
}
.profile_block .picture_container .picture_gradient {
-webkit-border-radius: 0 0 0 4px;
border-radius: 0 0 0 4px;
}
}
/* Horizontal profile block irrespective of screen width */
.profile_block.horizontal {
width: 30rem;
height: 15rem;
}
.profile_block.horizontal .details_container {
height: 7.5rem;
}
.profile_block.horizontal .picture_container {
border-radius: 4px 0 0 4px;
-webkit-border-radius: 4px 0 0 4px;
}
.profile_block.horizontal .picture_container .picture_gradient {
-webkit-border-radius: 0 0 0 4px;
border-radius: 0 0 0 4px;
}
/** End profile block **/
/**** Search page ****/
#search_container {
background: #f5f5f5;
}
#search_container.fullheight {
background: #ffffff;
}
#search_container .page_title {
background: #ffffff;
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
#search_container .page_content {
background: #f5f5f5;
box-shadow: inset 0px 2px 10px rgba(0, 0, 0, 0.07);
}
#search_container.fullheight {
min-height: 70rem;
}
#search_container.fullheight .page_title {
border: none;
}
#search_container #search_bar_container {
margin-bottom: 2rem;
}
#search_container #search_bar_container div.column {
height: 4rem;
padding: 0;
}
#search_container #search_bar {
position: relative;
}
#search_container #search_bar #search_within_bubble {
position: absolute;
left: 6px;
top: 5px;
width: 15rem;
height: 3rem;
line-height: 3rem;
text-align: center;
background: #f5f5f5;
border: 1px solid #00a3d3;
background: #EFFBFF;
color: #00a3d3;
border-radius: 4px;
}
#search_container #search_bar.search_within #search_within_bubble {
display: block;
}
#search_container #search_bar #search_icon {
width: 4rem;
height: 100%;
color: #fff;
margin: 0;
border-radius: 0px 5px 5px 0px;
}
#search_container #search_bar #search_icon i {
line-height: 4rem;
font-size: 1.5rem;
margin: 0;
}
#search_container #search_bar #search_input_container {
width: auto;
overflow: hidden;
height: 100%;
border: 1px solid rgba(0, 0, 0, 0.1);
border-radius: 5px 0px 0px 5px;
}
#search_container #search_bar #search_input_container input#id_q {
width: 100%;
height: 100%;
font-size: 1.5rem;
padding: 1rem;
border-color: transparent;
}
#search_container #search_bar_container #alternate_search_options {
text-align: left;
padding-left: 1.5rem;
}
#search_container #search_bar_container a.alternate_search {
line-height: 4rem;
font-size: 2rem;
color: #ccc;
padding: 0 1rem;
}
#search_container #search_bar_container a.alternate_search:hover {
color: #0089c8;
}
#search_container #search_bar_container a#mobile-filter-handler {
float: right;
margin-right: 2rem;
line-height: 4rem;
padding: 0 1rem;
color: #ccc;
}
#search_container #search_bar_container a#mobile_filters.active {
color: #0089c8;
font-weight: bold;
}
#search_container #search_bar_container a#mobile_filters i {
font-size: 2rem;
margin-right: 0.5rem;
}
#search_container #search_example {
margin-top: 2rem;
padding: 0 2rem;
}
#search_container #search_example p {
margin-bottom: 1rem;
}
#search_container #search_example p.bold {
font-weight: bold;
}
@media only screen and (max-width: 64em) {
#search_page {
padding: 2rem 0;
}
#search_container #search_bar #search_icon {
background: #fff;
color: #0089c8;
}
#search_container #search_bar #search_input_container input#search_input:focus {
border-color: transparent;
}
#search_container #search_bar_container #alternate_search_options {
margin-top: 2rem;
}
#search_container #search_bar_container {
margin-bottom: 0;
}
#search_container #search_bar #search_within_bubble {
display: none !important;
}
#search_results_header #search_within_container {
text-align: center;
margin-bottom: 0.7rem;
}
}
@media only screen and (min-width: 64em) {
#search_container #search_bar.search_within #search_input_container input#id_q {
padding-left: 16rem;
}
}
/* Facets section */
#search_page .facets_container {
border-radius: 5px;
box-shadow: 0px 2px 5px -1px rgba(0, 0, 0, 0.2);
}
#search_page .facets_container #facets_heading {
padding: 1rem;
background: #222222;
border-radius: 5px 5px 0px 0px;
color: #ffffff;
text-transform: uppercase;
font-weight: 500;
border-bottom: 1px solid #f78222;
}
#search_page .facets_container #facets_heading i {
margin-right: 1rem;
}
#search_page .facets_container #facets {
padding: 2rem 1rem;
background: white;
border-radius: 5px;
}
#search_page #facets .facet_holder {
margin-bottom: 2rem;
position: relative;
}
#search_page #facets .facet_header {
color: #4d4d4d;
cursor: pointer;
}
#search_page #facets .facet_header p.facet_collapse {
float: right;
-webkit-transition: transform 0.3s ease;
-moz-transition: transform 0.3s ease;
-ms-transition: transform 0.3s ease;
-o-transition: transform 0.3s ease;
transition: transform 0.3s ease;
}
#search_page #facets .facet_header p.facet_collapse i {
line-height: 2.2rem;
}
#search_page #facets .facet_header p.facet_name {
width: auto;
overflow: hidden;
font-weight: bold;
font-size: 1.4rem;
text-transform: capitalize;
}
#search_page #facets .facet_content.hidden {
display: none;
}
#search_page #facets .facet_content p.empty {
padding: 1rem 0;
color: #e3e3e3;
font-size: 1.3rem;
text-align: center;
}
#search_page #facets .facet_holder .facet_options_container {
height: 14rem;
-ms-overflow-y: auto;
overflow-y: auto;
}
#search_page #facets .facet_holder.collapsed .facet_options_container {
height: 0;
}
#search_page #facets .facet_holder.collapsed .facet_tabs,
#search_page #facets .facet_holder.collapsed .facet_options_search,
#search_page #facets .facet_holder.collapsed p.empty {
display: none;
}
#search_page #facets ul.facet_tabs {
display: table;
table-layout: fixed;
width: 100%;
}
#search_page #facets li.facet_tab {
display: table-cell;
font-size: 1.2rem;
height: 3rem;
padding-right: 0.5rem;
text-align: center;
line-height: 3rem;
vertical-align: middle;
cursor: pointer;
overflow: hidden;
-ms-text-overflow: ellipsis;
text-overflow: ellipsis;
white-space: nowrap;
text-transform: capitalize;
}
#search_page #facets li.facet_tab.active {
color: #0089c9;
}
#search_page #facets .facet_options_search {
border-bottom: 1px solid #e5e5e5;
border-top: 1px solid #e5e5e5;
}
#search_page #facets .facet_options_search i {
line-height: 3rem;
margin-right: 0.5rem;
color: #d1d1d1;
font-size: 1.3rem;
}
#search_page #facets .facet_options_search .facet_search_container {
width: auto;
overflow: hidden;
}
#search_page #facets .facet_options_search input.facet_search {
outline: none;
border: none;
width: 100%;
height: 3rem;
}
#search_page #facets .facet_option {
padding: 0.3rem;
border: 1px solid transparent;
height: 2.6rem;
cursor: pointer;
}
#search_page #facets .facet_option:hover {
border-color: #e5e5e5;
}
#search_page #facets .facet_option i.facet_check {
color: #0089c8;
opacity: 0;
}
#search_page #facets .facet_option.selected i.facet_check {
opacity: 1;
}
#search_page #facets .facet_option span {
font-weight: 300;
color: #575757;
font-size: 13px;
display: inline-block;
vertical-align: top;
line-height: 2rem;
}
#search_page #facets .facet_option span.facet_text {
max-width: 115px;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
#search_page #facets .facet_option span.facet_count {
color: #8d8d8d;
font-size: 1.1rem;
margin-left: 0.5rem;
}
#search_page #facets .facet_option span.facet_option_disabled {
color: #bababa;
}
#search_page #facets .facet_option span.facet_option_selected {
font-weight: 600;
}
#search_page #facets .facet_content.lazy img.facet_loading {
display: block;
width: 2rem;
margin: 4rem auto 1rem;
}
#search_page #facets .facet_content.lazy p.facet_loading {
text-align: center;
color: #777;
}
#search_page #facets .jspScrollable:focus {
outline: none !important;
}
#search_page #facets .jspVerticalBar {
width: 5px;
margin-right: 0;
background: none;
}
#search_page #facets .jspDrag {
border-radius: 4px;
}
#search_page #mobile-filter-selected-facet-container {
display: none;
}
@media only screen and (max-width: 64em) {
#search_container #mobile-filters-container {
position: fixed;
top: 0;
bottom: 0;
left: 0;
right: 0;
z-index: 999;
background: #ffffff;
}
#search_page .filters_column {
display: none;
position: fixed;
top: 4.9rem;
bottom: 4.2rem;
padding: 0;
border-radius: 0;
background: #ffffff;
}
#search_container #mobile-filters-header {
padding: 1.5rem;
top: 0;
width: 100%;
background: #2a3860;
color: #ffffff;
position: fixed;
}
#search_container #mobile-filter-title {
position: absolute;
margin: 0 auto;
left: 0;
right: 0;
width: 15rem;
text-align: center;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
text-transform: capitalize;
font-size: 1.5rem;
line-height: 1.3;
}
#search_container #mobile-filters-list {
background: #efefef;
width: 100%;
top: 4.9rem;
bottom: 0;
position: fixed;
}
#search_container #mobile-filters-list ul {
display: block;
width: 100%;
overflow: auto;
height: 100%;
}
#search_container #mobile-filters-list ul li {
display: block;
padding: 1rem 2.5rem;
text-transform: capitalize;
border-bottom: 1px solid #e3e3e3;
cursor: pointer;
position: relative;
}
#search_container #mobile-filters-list .mobile-filter-facet {
display: inline-block;
max-width: 80%;
}
#search_container #mobile-filters-list .mobile-filter-facet-heading {
color: rgba(0, 0, 0, 0.6);
font-weight: 500;
font-size: 1.5rem;
display: block;
line-height: 1;
}
#search_container #mobile-filters-list .mobile-filter-facet-items {
color: rgba(45, 114, 146, 0.55);
font-weight: 500;
padding: 0.4rem 0;
display: block;
}
#search_container #mobile-filters-list .mobile-filter-facet-item-heading {
border-right: 1px solid rgba(45, 114, 146, 0.55);
padding: 0 1rem;
}
#search_container #mobile-filters-list .mobile-filter-facet-item-heading:first-child {
padding-left: 0;
}
#search_container #mobile-filters-list .mobile-filter-facet-item-heading:last-child {
padding-right: 0;
border-right: 0;
}
#search_container #mobile-filters-list .mobile-filter-facet-icon {
position: absolute;
top: 50%;
right: 3rem;
margin: -0.8rem 0;
font-size: 1.6rem;
color: #d5d6d8;
}
#search_container #mobile-filters-list ul li.active {
border-bottom-color: #0089c8;
}
#search_container #mobile-filters-footer {
bottom: 0;
width: 100%;
position: fixed;
}
#search_container #mobile-filters-footer div.btn {
width: 50%;
display: inline-block;
float: left;
border-radius: 0;
}
#search_container #mobile-filters-footer div#reset-btn {
background: #cccccc;
color: #9a9a9a;
}
#search_container #mobile-filters-footer span {
font-size: 1.5rem;
text-align: center;
line-height: 4rem;
}
#search_page .filters_column.column-visible {
z-index: 1000;
display: block;
overflow: auto;
}
#search_page #facets .facet_holder.collapsed {
display: none;
}
#search_page #facets .facet_holder .facet_options_container {
height: auto;
overflow: hidden;
}
#search_page .facets_container {
border: none;
border-radius: 0;
box-shadow: none;
margin: 0;
height: auto;
padding-bottom: 2rem;
}
#search_page .facets_container #facets {
border-radius: 0;
padding: 0;
}
#search_page #facets .facet_holder {
margin: 0;
}
#search_page #facets ul.facet_tabs {
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
border-top: 1px solid rgba(0, 0, 0, 0.1);
table-layout: auto;
}
#search_page #facets li.facet_tab {
padding: 2rem 1rem;
line-height: 1;
border-right: 1px solid rgba(0, 0, 0, 0.1);
}
#search_page #facets .facet_options_search {
border-top: 0;
padding: 0.5rem 2rem;
}
#search_page #facets .facet_holder.collapsed {
display: none;
}
#search_page #facets .facet_holder .facet_options_container {
height: auto;
overflow: hidden;
}
#search_page #facets .facet_header p.facet_name {
display: none;
}
#search_page #facets .facet_header p.facet_collapse {
display: none;
}
#search_page #facets .facet_option {
padding: 1rem 2rem;
height: auto;
}
#search_page #facets .facet_option span.facet_text {
max-width: 80%;
}
#search_page #mobile-filter-selected-facet-container {
bottom: 4.2rem;
position: fixed;
background: #f3f3f3;
border-top: 1px solid #d7d7d7;
width: 100%;
margin: 0;
display: block;
}
#search_page #mobile-filter-selected-facet-container.empty {
display: none;
}
#search_page #mobile-filter-selected-facet-container .selected-facet {
color: #0089c8;
display: block;
float: left;
line-height: 2rem;
padding: 0 1rem;
margin-right: 1rem;
margin-bottom: 1rem;
border: 1px solid #d7d7d7;
-webkit-border-radius: 4px;
border-radius: 4px;
background-color: #eee;
background-image: linear-gradient(top, #f3f3f3, #eeeeee);
background-image: -webkit-linear-gradient(top, #f3f3f3, #eeeeee);
background-image: -moz-linear-gradient(top, #f3f3f3, #eeeeee);
background-image: -o-linear-gradient(top, #f3f3f3, #eeeeee);
background-image: -ms-linear-gradient(top, #f3f3f3, #eeeeee);
cursor: pointer;
}
#search_page #mobile-filter-selected-facet-container-handler {
display: block;
text-align: center;
line-height: 1;
padding: 0.5rem 0;
}
#search_page #mobile-filter-selected-facet-items {
display: inline-block;
width: 100%;
padding: 1rem;
max-height: 20rem;
overflow: auto !important;
}
#search_page #mobile-filter-selected-facet-container .selected-facet.inactive {
color: #cccccc;
}
#search_container #mobile-filter-selected-facet-container-handler:before {
font-family: FontAwesome;
font-size: 2rem;
content: '\f103';
}
#search_container #mobile-filter-selected-facet-container-handler.caret-up-icon:before {
top: -1.5rem;
margin: 0 -1rem;
content: '\f102';
}
}
/* Results section */
#search_page #search_results_header {
padding-bottom: 1rem;
margin-bottom: 0.5rem;
position: relative;
}
#search_page #search_results_header .header_first div.column {
padding: 0;
}
#search_page #search_results_header #result_count_header {
font-size: 1.5rem;
color: #8d8d8d;
float: right;
}
#search_page #search_results_header p#search_query span {
color: #4d4d4d;
font-weight: bold;
}
#search_page #search_results_header #applied_facets_container {
margin-top: 1rem;
}
#search_page #search_results_header #active_filters_header {
text-transform: uppercase;
color: #999;
font-weight: 600;
font-size: 1.2rem;
}
#search_page #search_results_header #clear_search {
color: #222E4E;
/* Primary Color */
font-weight: 500;
text-transform: uppercase;
font-size: 1.2rem;
}
#search_page #search_results_header #applied_facets {
border-top: 1px solid rgba(0, 0, 0, 0.1);
margin: 0.5rem 0;
padding: 1rem 0 0 0;
}
#search_page #search_results_header #applied_facets div.left {
float: none !important;
width: auto;
}
#search_page #search_results_header #applied_facets div.right {
padding-top: 5px;
}
#search_page #search_results_header #applied_facets a.remove_facet {
text-decoration: none;
display: inline-block;
margin-bottom: 0.8rem;
}
#search_page #search_results_header #applied_facets span.applied_facet_name {
color: #a8a8a8;
margin-right: 5px;
font-weight: 300;
}
#search_page #search_results_header #applied_facets .remove_facet_div {
padding: 0.2rem 1rem;
margin-right: 0.6rem;
color: #222E4E;
/* Primary Color */
background-color: #ffffff;
display: inline-block;
box-shadow: 0px 1px 4px -1px rgba(0, 0, 0, 0.5);
border-radius: 0.5rem;
transition: box-shadow 0.2s;
}
#search_page #search_results_header #applied_facets .remove_facet_div:hover {
background-color: #ffffff;
box-shadow: 0px 1px 10px -1px rgba(0, 0, 0, 0.5);
transition: box-shadow 0.2s;
}
#search_page #search_results_header #applied_facets .bold-X {
font-size: 12px;
font-weight: bold;
margin-left: 7px;
}
#search_results_header #search_within_container {
color: #8d8d8d;
}
#search_results_header #search_within_container input[type="checkbox"] {
margin: 4px 0 0;
}
#search_results_header #search_within_container label {
font-size: 12px;
display: inline-block;
float: left;
}
#search_results_header #search_within_container #search_within_label {
margin-top: 0.4rem;
}
#search_page #results_container div.profile_block {
margin: 0 auto 2rem;
float: none;
box-shadow: 0 2px 7px -1px rgba(0, 0, 0, 0.2);
border: 1px solid #ffffff;
}
#search_page div.load_more_profiles_btn {
display: flex;
align-items: center;
justify-content: center;
margin: 0 auto;
box-shadow: none;
border-radius: 6px;
color: #fff;
width: max-content;
padding: 0 16px;
}
@media only screen and (min-width: 64em) {
#search_page #results_container div.profile_block {
width: 15rem;
}
}
#search_page #results_container div.profile_block:hover {
box-shadow: 0px 3px 15px 1px rgba(0, 0, 0, 0.2);
transition: box-shadow 0.2s ease-out;
}
#search_page #results_container div.profile_block:active {
box-shadow: 0 2px 7px -1px rgba(0, 0, 0, 0.2);
transition: box-shadow 0.1s ease-out;
}
#search_page #results_container div.column {
padding: 0;
}
#search_page #search_no_results {
text-align: center;
margin-top: 60px;
color: #a2a2a2;
padding: 0 2rem;
}
@media only screen and (max-width: 32em) {
#search_page #search_no_results {
padding: 0 1rem;
}
}
#search_page #search_no_results p {
font-size: 2.2rem;
color: #333333;
font-weight: 500;
margin-bottom: 1rem;
text-transform: capitalize;
}
#search_page #search_no_results span {
display: block;
font-size: 1.6rem;
}
#search_page #search_no_results #search_no_results_tips {
margin: 3rem 0 4rem 0;
}
#search_page #search_no_results ul {
text-align: left;
display: inline-block;
list-style-type: disc;
margin-left: 9rem;
}
@media only screen and (max-width: 32em) {
#search_page #search_no_results ul {
margin-left: 3rem;
}
}
#search_page #search_no_results ul li {
display: list-item;
font-size: 1.5rem;
}
#search_page #search_no_results ul li#clear_filters {
cursor: pointer;
}
#search_page #search_no_results a {
font-weight: 700;
}
#search_page #search_no_results a:hover {
text-decoration: underline !important;
}
@media only screen and (max-width: 64em) {
#search_page #search_results_header #result_count_header {
float: none;
text-align: center;
}
#search_page #search_results_header p#search_query {
text-align: center;
}
}
#search-popup-fixed-footer {
position: fixed;
bottom: 0;
left: 0;
z-index: 99999;
right: 0;
text-align: right;
background: rgba(0, 0, 0, 0.95);
padding: 1.5rem 4rem;
}
#search-popup-fixed-footer div.btn {
width: 10rem;
margin: 0 1rem;
}
#search-popup-fixed-footer div.btn span {
font-weight: 700;
}
#search-popup-fixed-footer div#submit-popup {
background: #00a3d3;
}
@media only screen and (max-width: 64em) {
#search_container #quick-links-container {
display: none;
}
}
#search_container #quick-links-container,
#search_container #data-studio-container {
margin-top: 2rem;
}
#search_container #quick-links-container .facet_holder,
#search_container #data-studio-container .facet_holder {
margin-bottom: 1rem;
}
#search_container #quick-links-container .facet_name a,
#search_container #data-studio-container .facet_name a {
font-weight: 500;
}
/**** End Search page ****/
/**** Resource home page *****/
#resource_home_container #search_bar_container {
width: 100%;
max-width: 60rem;
margin: 0 auto;
background: #fff;
height: 4rem;
line-height: 4rem;
}
#resource_home_container #search_bar_container i {
color: #acacac;
line-height: 4rem;
margin-left: 1rem;
margin-right: 1rem;
}
#resource_home_container #search_bar_container #search_input_container {
width: auto;
overflow: hidden;
height: 100%;
}
#resource_home_container #search_bar_container #search_input_container input {
width: 100%;
height: 100%;
border: none;
outline: none;
line-height: 4rem;
}
#resource_home_container #search_bar_container ul.typeahead {
text-align: left;
}
#resource_home div.column {
margin-bottom: 2rem;
min-height: 23rem;
}
#resource_home div.row div.column:last-child {
float: left;
}
#resource_home p.heading {
border-bottom: 1px solid #cdcdcd;
margin-bottom: 1rem;
}
#resource_home p.heading a {
line-height: 2.5rem;
font-weight: bold;
display: block;
}
#resource_home a.resource_link {
display: block;
line-height: 1.2;
padding: 0.5rem;
color: #4d4d4d;
text-decoration: none;
border: 1px solid transparent;
}
#resource_home a.resource_link:not(.more):hover {
border-color: #eee;
}
#resource_home a.resource_link.more {
color: #8d8d8d;
}
#resource_home a.resource_link.more:hover {
text-decoration: underline;
}
#resource_home p.resource_name {
max-width: 80%;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
float: left;
}
#resource_home p.resource_count {
color: #8d8d8d;
font-size: 1.1rem;
margin-left: 1rem;
float: left;
}
/**** End resource home page *****/
/**** Resource listing page *****/
#resource_list_container .page_title {
padding: 2.8rem 0.7rem;
}
#resource_list_container div.breadcrumb {
font-size: 1.3rem;
}
#resource_list_container div.breadcrumb * {
display: inline-block;
vertical-align: middle;
}
#resource_list_container div.breadcrumb i.fa {
padding: 0 1.4rem;
font-size: 1.8rem;
color: #838383;
}
#resource_list_container div.breadcrumb span {
font-weight: bold;
}
#resource_list {
position: relative;
}
#resource_list p#resource_type_header {
color: #575757;
font-size: 2.2rem;
font-weight: bold;
padding-bottom: 0.4rem;
border-bottom: 1px solid #f1f1f1;
margin-bottom: 1.5rem;
}
#resource_list #alphabetical_anchors {
position: absolute;
top: 5.4rem;
right: 2rem;
}
#resource_list #alphabetical_anchors a {
padding: 5px 3px;
}
@media only screen and (max-width: 64em) {
#resource_list #alphabetical_anchors {
position: fixed;
top: auto;
bottom: 1rem;
right: 1rem;
border-left: 1px solid #ccc;
padding-left: 0.5rem;
}
#resource_list #alphabetical_anchors a {
display: block;
font-size: 1.2rem;
padding: 0 3px;
text-decoration: none;
}
#resource_list #alphabetical_anchors a:active {
font-weight: bold;
text-decoration: none;
}
#resource_list p#resource_type_header {
display: none;
}
}
#resource_list #resource_list_examples {
min-height: 30rem;
}
#resource_list #resource_list_examples li {
vertical-align: top;
font-size: 1.3rem;
width: 20rem;
margin-right: 2rem;
padding: 0.5rem;
cursor: pointer;
overflow: hidden;
border: 1px solid transparent;
}
#resource_list #resource_list_examples li:hover {
border-color: #eee;
}
#resource_list #resource_list_examples li a {
line-height: 1.2;
color: #4d4d4d;
text-decoration: none;
display: block;
}
#resource_list #resource_list_examples li a p.resource_name {
max-width: 80%;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
float: left;
}
#resource_list #resource_list_examples li a p.resource_count {
color: #8d8d8d;
font-size: 1.1rem;
margin-left: 1rem;
float: left;
}
#resource_list p.empty_message {
color: #d8d8d8;
font-size: 48px;
margin: 100px auto;
text-align: center;
}
/**** End resource listing page *****/
/**** Start login external page ****/
#login_external_page {
text-align: center;
}
#login_external_page #text {
margin-top: 6rem;
}
#login_external_page form {
display: none;
}
/**** End login external page ****/
/**** Claim account page ****/
#claim_account_page {
text-align: center;
padding: 3rem 1rem;
}
#claim_account_page p.title {
text-transform: uppercase;
margin: 1.4rem 0;
font-weight: bold;
font-size: 1.4rem;
}
#claim_account_page p.subtitle {
font-size: 1.4rem;
margin-bottom: 2.8rem;
}
#claim_account_page a.login_btn {
width: 25rem;
display: block;
margin: 1.4rem auto;
color: #fff;
text-transform: uppercase;
padding: 0.7rem 0;
font-weight: 700;
text-decoration: none;
font-size: 1.2rem;
}
#claim_account_page a#facebook_login {
background: #39579a;
}
#claim_account_page a#linkedin_login {
background: #0087be;
margin-bottom: 2rem;
}
#claim_account_page a#reset_pwd {
display: block;
}
#claim_account_page #password_reset_form {
display: none;
width: 25rem;
margin: 2.8rem auto 0;
}
#claim_account_page #password_reset_form p.heading {
font-weight: bold;
font-size: 1.5rem;
margin-bottom: 1.4rem;
}
#claim_account_page #password_reset_form ul li {
margin-bottom: 1.4rem;
}
#claim_account_page #password_reset_form ul {
margin-bottom: 1.4rem;
}
#claim_account_page #password_reset_form label {
font-size: 1.1rem;
color: #838383;
display: block;
margin-bottom: 3px;
text-align: left;
}
#claim_account_page #password_reset_form input {
display: block;
width: 100%;
}
#claim_account_page #password_reset_form span.formerror {
display: block;
text-align: left;
}
#claim_account_page #password_reset_form div.btn {
vertical-align: middle;
}
#claim_account_page #password_reset_form img.loading {
display: none;
margin-left: 1.4rem;
height: 2.4rem;
vertical-align: middle;
}
#claim_account_page #password_reset_form .error {
border: 1px solid red;
}
#claim_account_page #password_reset_form p#reset_error {
display: none;
margin-top: 1.4rem;
color: #ed311e;
}
#claim_account_page div#reset_success {
display: none;
margin-top: 2.8rem;
font-size: 1.4rem;
}
#claim_account_page div#reset_success div.btn {
margin-top: 1.4rem;
}
/** Claim account modal **/
#claim_account_modal {
padding: 5rem;
min-height: 0;
}
#claim_account_modal p {
margin-bottom: 1.4rem;
font-size: 1.4rem;
}
#claim_account_modal input {
display: block;
width: 100%;
margin-bottom: 0.7rem;
}
#claim_account_modal #claim_account_modal_after_submit {
font-size: 1.1rem;
color: #ed311e !important;
margin-top: 1.4rem;
}
@media only screen and (min-width: 64em) {
#claim_account_modal {
width: 40%;
}
#claim_account_modal #claim_account_modal_btn_container {
text-align: right;
}
}
/** End claim account modal **/
/**** Claim account page ****/
/**** Login page ****/
#login_page {
color: #5d5d5d;
}
#login_page #login_page_bg {
-webkit-background-size: cover;
-o-background-size: cover;
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
padding: 1.4rem;
}
#login_page #login_page_title {
font-size: 2.1rem;
padding: 1.4rem 0;
}
#login_page .card {
-webkit-border-radius: 4px;
border-radius: 4px;
-webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.15), -1px 0 0 rgba(0, 0, 0, 0.03), 1px 0 1px rgba(0, 0, 0, 0.03), 0 1px 0 rgba(0, 0, 0, 0.12);
-moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.15), -1px 0 0 rgba(0, 0, 0, 0.03), 1px 0 1px rgba(0, 0, 0, 0.03), 0 1px 0 rgba(0, 0, 0, 0.12);
box-shadow: 0 0 3px rgba(0, 0, 0, 0.15), -1px 0 0 rgba(0, 0, 0, 0.03), 1px 0 1px rgba(0, 0, 0, 0.03), 0 1px 0 rgba(0, 0, 0, 0.12);
margin: 0 auto 2.1rem;
background: #fff;
padding: 2.1rem;
max-width: 31rem;
}
#login_page #connect_all_card div.btn {
margin: 1rem 0;
min-width: 25rem;
}
#login_page #connect_all_card p {
margin: 1.4rem 0;
}
#login_page #connect_all_card #connect_email_container {
border-top: 1px solid #d6d6d6;
padding-top: 1.4rem;
margin-top: 2.1rem;
}
#login_page #secondary_cards_container {
max-width: 81rem;
display: none;
}
#login_page #login_email_card #login_email_form .item {
margin-bottom: 2.1rem;
}
#login_page #login_email_card #login_email_form label {
display: block;
font-size: 1.1rem;
color: #838383;
margin-bottom: 3px;
}
#login_page input {
width: 100%;
-webkit-border-radius: 4px;
border-radius: 4px;
height: 4.8rem;
padding: 0.7rem;
font-size: 1.4rem;
}
#login_page #login_email_card #login_email_form span.formerror {
margin-left: 0.7rem;
font-size: 1rem;
}
#login_page #login_email_card #login_email_form .item.error input {
border-color: #ed311e;
}
#login_page #login_email_card p {
margin: 1.4rem 0;
}
#login_page #login_email_card a {
font-weight: bold;
}
#login_page #login_email_card #login_email_create_account {
margin-top: 2.8rem;
font-size: 1.4rem;
}
#login_page #login_email_card #login_email_forgot_password {
font-size: 1.2rem;
}
#login_page #recover_password_card {
position: relative;
min-height: 35.5rem;
}
#login_page #recover_password_card p.title {
font-weight: bold;
margin-bottom: 2.4rem;
}
#login_page #recover_password_card div.btn {
margin: 1.4rem 0 2.8rem;
}
#login_page #recover_password_card #recover_password_card_footer {
position: absolute;
bottom: 0;
left: 0;
right: 0;
padding: 1.4rem 0 2.8rem;
font-weight: bold;
}
#login_page #social_faster_card {
max-width: none;
}
#login_page #social_faster_card p.title {
font-weight: bold;
margin-bottom: 2.4rem;
}
#login_page #social_faster_card #social_faster_why p {
margin: 0.7rem 0;
}
#login_page #social_faster_card #social_faster_why p i.fa {
margin-right: 0.7rem;
min-width: 1.2rem;
}
#login_page #social_faster_card #social_faster_btns_container {
margin: 2.8rem 0 0 0;
display: inline-block;
}
#login_page #social_faster_card div.btn {
margin-right: 0.4rem;
margin-bottom: 0.7rem;
font-size: 1.3rem;
float: left;
min-width: 19rem;
}
#login_page #social_faster_card .social_faster_already_connected {
border-top: 1px solid #d6d6d6;
padding-top: 1.4rem;
margin-top: 3.5rem;
}
#login_page #social_faster_card .social_faster_already_connected p.subtitle {
font-weight: bold;
margin: 0.7rem 0;
font-size: inherit;
}
#login_page #social_faster_card .social_faster_already_connected p {
font-size: 1.1rem;
}
/**** End login page ****/
/**** Start registration page ****/
#registration_page {
padding-top: 2.8rem;
padding-bottom: 2.8rem;
}
#registration_page div.page_header p.heading {
font-size: 1.8rem;
color: #5d5d5d;
}
#registration_page div.page_header p {
color: #838383;
margin-bottom: 4px;
}
/**** End registration page ****/
/** Start registration form block **/
.user_registration_page #registration_form_container {
margin-top: 3.5rem;
}
.user_registration_page #registration_form .form_element {
margin-bottom: 2.8rem;
}
.user_registration_page #registration_form .form_element label {
display: block;
font-size: 1.1rem;
font-weight: bold;
text-transform: uppercase;
color: #838383;
margin-bottom: 3px;
}
.user_registration_page #registration_form .form_element label span.formerror {
text-transform: none;
margin: 0 0.7rem;
font-weight: normal;
}
.user_registration_page #registration_form .form_element input[type="text"],
.user_registration_page #registration_form .form_element input[type="password"],
.user_registration_page #registration_form .form_element input[type="tel"],
.user_registration_page #registration_form .form_element input[type="number"],
.user_registration_page #registration_form .form_element input[type="email"],
.user_registration_page #registration_form .form_element input[type="url"],
.user_registration_page #registration_form .form_element select {
height: 5.4rem;
padding: 0 0.7rem;
font-size: 2rem;
width: 100%;
border: none;
outline: none;
border-bottom: 1px solid #ccc;
}
.user_registration_page #registration_form .form_element select option {
font-size: 1.5rem;
text-transform: capitalize;
}
.user_registration_page #registration_form .form_element input:focus,
.user_registration_page #registration_form .form_element select:focus {
-webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.15), -1px 0 0 rgba(0, 0, 0, 0.03), 1px 0 1px rgba(0, 0, 0, 0.03), 0 1px 0 rgba(0, 0, 0, 0.12);
-moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.15), -1px 0 0 rgba(0, 0, 0, 0.03), 1px 0 1px rgba(0, 0, 0, 0.03), 0 1px 0 rgba(0, 0, 0, 0.12);
box-shadow: 0 0 3px rgba(0, 0, 0, 0.15), -1px 0 0 rgba(0, 0, 0, 0.03), 1px 0 1px rgba(0, 0, 0, 0.03), 0 1px 0 rgba(0, 0, 0, 0.12);
border-color: #0089c8;
}
.user_registration_page #registration_form .form_element select:disabled {
background: inherit;
border-color: #eee;
}
.user_registration_page #registration_form .form_element.error input,
.user_registration_page #registration_form .form_element.error select,
.user_registration_page #registration_form .form_element.error textarea {
border-color: #ed311e;
}
.user_registration_page #registration_form span.hint {
color: #838383;
font-weight: normal;
}
.user_registration_page #registration_form .form_element #yol_trigger_container {
position: absolute;
}
.user_registration_page #registration_form .form_element #yol_trigger {
display: inline-block;
vertical-align: middle;
margin-top: 0.7rem;
margin-right: 4px;
}
.user_registration_page #registration_form .form_element #facultycurrent {
display: inline-block;
vertical-align: middle;
margin-top: 1rem;
margin-right: 4px;
}
.user_registration_page #registration_form .form_element #facultycurrent_label {
font-weight: normal;
color: #333;
display: inline-block;
vertical-align: middle;
text-transform: none;
margin-top: 0.7rem;
margin-bottom: 0;
}
.user_registration_page #registration_form_container #registration_actions {
padding: 0 2.8rem;
margin-top: 3.5rem;
}
.user_registration_page #registration_form_container #registration_actions div.btn {
font-weight: bold;
text-transform: uppercase;
font-size: 1.3rem;
}
.user_registration_page #registration_form_container #error_message {
color: #ed311e;
margin-top: 0.7rem;
}
.user_registration_page #registration_form_container #preferences_container {
padding-top: 0.7rem;
}
.user_registration_page #registration_form_container #preferences_container .preference {
padding: 0.4rem 0.7rem;
color: #00a3d3;
cursor: pointer;
}
.user_registration_page #registration_form_container #preferences_container .preference:hover {
background: #f5f5f5;
}
.user_registration_page #registration_form_container #preferences_container .preference i.fa-check {
padding-right: 0.7rem;
}
.user_registration_page #registration_form_container #preferences_container .preference.disabled {
color: #333;
}
.user_registration_page #registration_form_container #preferences_container .preference.disabled i.fa-check {
visibility: hidden;
}
.user_registration_page #registration_form_container #preferences_container .preference.disabled:hover i.fa-check {
visibility: visible;
color: #ccc;
}
.user_registration_page #registration_form_container #preferences_container .preference .tooltip_trigger {
cursor: pointer;
border: none;
}
@media only screen and (min-width: 64em) {
.user_registration_page #registration_form .form_element {
padding: 0 2.8rem;
}
}
/** End registration form block **/
/** start CRM registration css override **/
.user_registration_page #registration_form .section_container.crm-field-group .section_header {
display: none;
}
/** end CRM registration css override **/
/**** Start confirm email page ****/
#confirm_email_page p {
margin: 0.7rem 0;
font-size: 1.4rem;
}
#confirm_email_page img.icon {
width: 7rem;
}
#confirm_email_page p.narrow {
max-width: 60rem;
text-align: center;
margin: 0.7rem auto;
}
#confirm_email_page div.btn {
margin-top: 1.4rem;
}
/**** End confirm email page ****/
/**** Start finish registration page ****/
#finish_registration_page {
padding-top: 2.8rem;
padding-bottom: 2.8rem;
}
#finish_registration_page #finish_registration_processing img {
margin-left: 8rem;
}
#finish_registration_page #finish_registration_processing p {
max-width: 30rem;
margin: 1.4rem auto;
font-size: 1.4rem;
color: #838383;
}
#finish_registration_page div.page_header p.heading {
font-size: 1.8rem;
color: #5d5d5d;
}
#finish_registration_page div.page_header p {
color: #838383;
margin-bottom: 4px;
}
/**** End finish registration page ****/
/**** Start login error page ****/
#login_error_page p {
max-width: 50rem;
margin: 0 auto 0.7rem;
}
#login_error_page div.btn {
margin-top: 3.5rem;
}
/**** End login error page ****/
/**** Start teachers day page ****/
#teachers_day_page {}
#teachers_day_page #teachers_day_wall {
height: 28rem;
-webkit-background-size: cover;
-o-background-size: cover;
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
text-align: center;
padding-top: 1rem;
}
#teachers_day_page #teachers_day_wall .row {
max-width: 98rem;
position: relative;
}
#teachers_day_page #teachers_day_wall #wall_pic_1 {
left: 22rem;
top: 3rem;
position: absolute;
height: 5rem;
}
#teachers_day_page #teachers_day_wall #wall_pic_3 {
right: 22rem;
top: 2rem;
position: absolute;
height: 7rem;
}
#teachers_day_page #teachers_day_wall #wall_pic_2 {
height: 20rem;
}
#teachers_day_page #teachers_day_content {
background-repeat: repeat;
-webkit-background-size: 110% auto;
-o-background-size: 110% auto;
background-size: 110% auto;
position: relative;
}
#teachers_day_page #teachers_day_content img#img_eraser {
position: absolute;
left: 6rem;
top: 15rem;
height: 7rem;
}
#teachers_day_page #teachers_day_content img#img_pencil {
position: absolute;
right: 8rem;
top: 2rem;
height: 30rem;
}
#teachers_day_page #teachers_day_posts_container {
max-width: 98rem;
margin: 0 auto;
position: relative;
top: -6rem;
}
#teachers_day_page #teachers_day_posts_heading {
height: 10rem;
background-repeat: repeat-y;
-webkit-background-size: 100%;
-o-background-size: 100%;
background-size: 100%;
}
#teachers_day_page #teachers_day_posts_heading p {
font-size: 2.1rem;
font-weight: bold;
color: #25374f;
text-align: center;
padding-top: 3.5rem;
}
#teachers_day_page #teachers_day_posts_content {
min-height: 50rem;
background-repeat: repeat-y;
-webkit-background-size: 100% auto;
-o-background-size: 100% auto;
background-size: 100% auto;
padding-bottom: 5rem;
}
#teachers_day_page .post {
padding-top: 2.1rem;
padding-left: 8.7rem;
color: #25374f;
margin-bottom: 2.1rem;
}
#teachers_day_page .user_picture {
width: 5rem;
height: 5rem;
-webkit-background-size: cover;
-o-background-size: cover;
background-size: cover;
float: left;
}
#teachers_day_page .post .post_content {
width: auto;
overflow: hidden;
padding: 0 2.8rem 0 1.4rem;
}
#teachers_day_page #new_post {
min-height: 14rem;
}
#teachers_day_page #new_post textarea {
resize: none;
height: 10rem;
margin-bottom: 1.4rem;
}
#teachers_day_page #new_post .post_content {
text-align: right;
}
#teachers_day_page #new_post.hidden {
display: none;
}
#teachers_day_page .post .post_content p.post_author_details {
font-size: 1.2rem;
margin-bottom: 0.7rem;
}
#teachers_day_page .post .post_content p.post_author_details a {
color: inherit;
}
#teachers_day_page .post .post_content p.post_message {
font-size: 1.4rem;
}
#teachers_day_page #teachers_day_social_share {
text-align: center;
color: #25374f;
padding: 3.5rem 1.4rem 3.5rem 0;
}
#teachers_day_page #teachers_day_social_share.hidden {
display: none;
}
#teachers_day_page #teachers_day_social_share p.title {
font-size: 1.6rem;
}
#teachers_day_page #teachers_day_social_share a.social_icon i.fa {
font-size: 2rem;
color: #5d5d5d;
margin-right: 1.4rem;
margin-top: 1.4rem;
}
#teachers_day_page #teachers_day_social_share a.social_icon:hover i.fa {
color: #00a3d3;
}
@media only screen and (max-width: 64em) {
#teachers_day_page #wall_pic_1,
#teachers_day_page #wall_pic_3,
#teachers_day_page #img_pencil,
#teachers_day_page #img_eraser {
display: none;
}
#teachers_day_page .post {
padding-left: 1.4rem;
}
}
/**** End teachers day page ****/
/**** Start Other features page - Demo ****/
#other_features_page {
padding: 4.2rem 1.4rem;
text-align: center;
background: #f5f5f5;
}
#other_features_page p.title {
font-weight: bold;
margin-bottom: 2.8rem;
font-size: 1.8rem;
}
#other_features_page>.row {
max-width: 65rem;
margin: 0 auto;
}
#other_features_page .slick-slide {
height: auto;
}
#other_features_page div.feature {
padding: 0 1.4rem 1.4rem;
margin: 1.4rem 0.7rem;
background: #fff;
-webkit-border-radius: 4px;
border-radius: 4px;
-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15), -1px 0 0 rgba(0, 0, 0, 0.03), 1px 0 0 rgba(0, 0, 0, 0.03), 0 1px 0 rgba(0, 0, 0, 0.12);
-moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15), -1px 0 0 rgba(0, 0, 0, 0.03), 1px 0 0 rgba(0, 0, 0, 0.03), 0 1px 0 rgba(0, 0, 0, 0.12);
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15), -1px 0 0 rgba(0, 0, 0, 0.03), 1px 0 0 rgba(0, 0, 0, 0.03), 0 1px 0 rgba(0, 0, 0, 0.12);
min-height: 27.5rem;
}
#other_features_page div.feature img.graphic {
margin: 0 auto;
}
#other_features_page div.feature p.heading {
font-weight: bold;
color: #00a3d3;
font-size: 1.8rem;
margin-bottom: 0.7rem;
margin-top: 1.4rem;
}
#other_features_page #whats_more {
max-width: 50rem;
margin: 4.2rem auto 2.8rem;
}
#other_features_page #whats_more p.subtitle {
font-weight: bold;
font-size: 1.6rem;
margin-bottom: 0.7rem;
}
@media only screen and (max-width: 40em) {
#other_features_page {
padding-bottom: 7rem;
}
}
/**** End Other features page - Demo ****/
/**** Start Admin features page - Demo ****/
#admin_features_page {
text-align: center;
}
#admin_features_page .section {
padding: 4.2rem 1.4rem;
border-bottom: 1px solid #ededed;
}
#admin_features_page .section p {
max-width: 60rem;
margin: 0 auto;
font-size: 1.4rem;
}
#admin_features_page .section p.content {
min-height: 9rem;
}
#admin_features_page p.heading {
font-weight: bold;
font-size: 2rem;
margin-bottom: 1.4rem;
color: #00a3d3;
}
#admin_features_page #cms {
background: #f5f5f5;
padding-bottom: 5.6rem;
}
#admin_features_page #cms #cms_features_container .slick-slide {
height: auto;
}
#admin_features_page #cms #cms_features_container .slick-dots {
bottom: -3rem;
}
#admin_features_page #cms .cms_feature {
background: #fff;
-webkit-border-radius: 4px;
border-radius: 4px;
min-height: 38rem;
padding: 3.5rem 1.4rem;
margin-bottom: 0.7rem;
-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15), -1px 0 0 rgba(0, 0, 0, 0.03), 1px 0 0 rgba(0, 0, 0, 0.03), 0 1px 0 rgba(0, 0, 0, 0.12);
-moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15), -1px 0 0 rgba(0, 0, 0, 0.03), 1px 0 0 rgba(0, 0, 0, 0.03), 0 1px 0 rgba(0, 0, 0, 0.12);
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15), -1px 0 0 rgba(0, 0, 0, 0.03), 1px 0 0 rgba(0, 0, 0, 0.03), 0 1px 0 rgba(0, 0, 0, 0.12);
}
#admin_features_page #cms .cms_feature img {
margin: 0 auto;
}
#admin_features_page #cms .cms_feature div.btn {
margin-top: 1.4rem;
}
#admin_features_page p.subheading {
font-weight: bold;
color: #00a3d3;
font-size: 1.4rem;
margin-bottom: 0.7rem;
margin-top: 1.4rem;
}
#admin_features_page #analytics {
padding-top: 5.6rem;
}
#admin_features_page #access {
border-bottom: none;
}
@media only screen and (min-width: 40em) {
#admin_features_page #cms {
padding-bottom: 0;
}
#admin_features_page #cms #cms_features_container {
position: relative;
top: 2.8rem;
}
}
/**** End Admin features page - Demo ****/
/**** Start Database building page - Demo ****/
#db_building_page {
padding: 4.2rem 0;
text-align: center;
}
#db_building_page #db_building_steps_container {
background-size: 99%;
background-repeat: no-repeat;
background-position: 0 0;
}
#db_building_page p.heading {
font-weight: bold;
font-size: 1.8rem;
margin-bottom: 1.4rem;
padding: 0 1.4rem;
color: #00a3d3;
}
#db_building_page .slick-slide {
height: auto;
}
#db_building_page div.step {
padding: 0 1.4rem;
margin-bottom: 2.3rem;
}
#db_building_page div.step img {
display: block;
margin: 0 auto;
}
#db_building_page div.step p {
max-width: 30rem;
margin: 0 auto;
font-size: 1.4rem;
}
#db_building_page div.step p.subheading {
font-weight: bold;
font-size: 1.6rem;
margin-bottom: 0.7rem;
margin-top: 1.4rem;
color: #00a3d3;
}
@media only screen and (max-width: 64em) {
#db_building_page #db_building_steps_container {
background-image: none !important;
}
#db_building_page {
padding-bottom: 7rem;
}
}
/**** End Database building page - Demo ****/
/**** Start Thank you page - Demo ****/
#thank_you_page_container .page_hero {
background-position-y: -440px;
height: 20rem;
}
#thank_you_page {
max-width: none;
padding: 4rem 0;
background: #f5f5f5;
}
#thank_you_page .section {
padding: 2.8rem 1.4rem;
border-bottom: 1px solid #e2e2e2;
}
#thank_you_page .section .section_content {
max-width: 98rem;
margin: 0 auto;
}
#thank_you_page .section p.heading {
font-weight: bold;
font-size: 1.5rem;
color: #00a3d3;
margin-bottom: 0.7rem;
font-family: 'Arvo', 'Lato', Helvetica, Arial, sans-serif;
}
#thank_you_page .slick-slide {
height: auto;
}
#thank_you_page #testimonials_container {
width: 50rem;
margin-top: 3.5rem;
margin-bottom: 4.9rem;
min-height: 15rem;
}
#thank_you_page .testimonial .picture_container {
text-align: right;
}
#thank_you_page .testimonial img.picture {
height: 12rem;
-webkit-border-radius: 4px;
border-radius: 4px;
display: inline;
}
#thank_you_page .testimonial .text_container {
background: #fff;
border: 1px solid #e0e0e0;
-webkit-border-radius: 4px;
border-radius: 4px;
min-height: 14rem;
padding: 0.7rem;
}
#thank_you_page .testimonial .text_container .text {
font-style: italic;
margin-bottom: 2.1rem;
}
#thank_you_page #customers_container {
width: 50rem;
padding: 0 5rem;
margin-top: 3.5rem;
min-height: 14rem;
}
#thank_you_page #customers_container a.slick-nav {
position: absolute;
top: 3rem;
font-size: 3rem;
padding: 1rem;
color: #bbb;
}
#thank_you_page #customers_container a.slick-nav:hover {
color: #999;
}
#thank_you_page #customers_container a.slick-next {
right: 0;
}
#thank_you_page #customers_container a.slick-prev {
left: 0;
}
#thank_you_page .customer {
width: 17rem;
border-radius: 4px;
border: 1px solid #e0e0e0;
margin-right: 1.4rem;
margin-bottom: 1.4rem;
}
#thank_you_page .customer div.picture {
height: 9rem;
background-size: cover;
background-position: center center;
}
#thank_you_page .customer div.category {
text-align: center;
background: #fff;
padding: 0.7rem;
}
#thank_you_page div.faq {
margin: 2.1rem 0;
}
#thank_you_page div.faq p.question {
font-weight: bold;
margin-bottom: 0.7rem;
padding: 0.7rem;
cursor: pointer;
}
#thank_you_page div.faq p.question:hover {
color: #00a3d3;
}
#thank_you_page div.faq p.question i.fa {
margin-right: 1.4rem;
-webkit-transition: transform 0.2s linear;
-moz-transition: transform 0.2s linear;
-ms-transition: transform 0.2s linear;
-o-transition: transform 0.2s linear;
transition: transform 0.2s linear;
}
#thank_you_page div.faq.expanded p.question i.fa {
-webkit-transform: rotate(-180deg);
-moz-transform: rotate(-180deg);
-ms-transform: rotate(-180deg);
-o-transform: rotate(-180deg);
transform: rotate(-180deg);
}
#thank_you_page div.faq p.answer {
display: none;
padding-left: 3.5rem;
}
#thank_you_page div.faq.expanded p.answer {
display: block;
}
#thank_you_page #contact #phones {
margin-top: 2.1rem;
}
#thank_you_page #contact #phones p {
margin-bottom: 1.4rem;
}
#thank_you_page #contact #phones img.flag {
height: 1.8rem;
margin-right: 1.4rem;
display: inline-block;
vertical-align: middle;
}
#thank_you_page #contact #phones span.number {
line-height: 1.8rem;
display: inline-block;
vertical-align: middle;
}
#thank_you_page #address {
margin-top: 2.1rem;
}
#thank_you_page #email_ids {
margin-top: 1.4rem;
}
#thank_you_page #ab_logo img {
width: 10rem;
margin-top: 2.1rem;
}
@media only screen and (min-width: 64em) {
#thank_you_page_inner {
position: relative;
top: -11rem;
}
#thank_you_page p {
max-width: 75rem;
}
#thank_you_page #main p.heading {
font-size: 1.8rem;
color: #fff;
margin-bottom: 4.9rem;
}
#thank_you_page #customers {
margin-bottom: -11rem;
border-bottom: none;
}
}
@media only screen and (max-width: 64em) {
#thank_you_page_container .page_hero {
display: none;
}
}
/**** End Thank you page - Demo ****/
/**** Start platform page - Demo ****/
#platform_page {
text-align: center;
}
#platform_page .section {
padding: 4.2rem 1.4rem;
border-bottom: 1px solid #ededed;
}
#platform_page .section p {
max-width: 60rem;
margin: 0 auto;
font-size: 1.4rem;
}
#platform_page p.heading {
font-weight: bold;
font-size: 2rem;
margin-bottom: 1.4rem;
color: #00a3d3;
}
#platform_page #mobile_app_intro {
max-width: 40rem;
padding: 1.4rem;
margin: 3.5rem auto 1.4rem;
background: #fff;
-webkit-box-shadow: 0 0px 1px rgba(0, 0, 0, 0.15), -1px 0 0 rgba(0, 0, 0, 0.03), 1px 0 0 rgba(0, 0, 0, 0.03), 0 1px 0 rgba(0, 0, 0, 0.12);
-moz-box-shadow: 0 0px 1px rgba(0, 0, 0, 0.15), -1px 0 0 rgba(0, 0, 0, 0.03), 1px 0 0 rgba(0, 0, 0, 0.03), 0 1px 0 rgba(0, 0, 0, 0.12);
box-shadow: 0 0px 1px rgba(0, 0, 0, 0.15), -1px 0 0 rgba(0, 0, 0, 0.03), 1px 0 0 rgba(0, 0, 0, 0.03), 0 1px 0 rgba(0, 0, 0, 0.12);
}
#platform_page #mobile_app_intro img {
margin-top: 1.4rem;
}
#platform_page #customizable {
background: #f5f5f5;
padding-bottom: 5.6rem;
}
#platform_page #customizable #customizable_features_container .slick-slide {
height: auto;
}
#platform_page #customizable #customizable_features_container .slick-dots {
bottom: -3rem;
}
#platform_page #customizable .customizable_feature {
background: #fff;
-webkit-border-radius: 4px;
border-radius: 4px;
padding: 3.5rem 1.4rem;
margin-bottom: 0.7rem;
-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15), -1px 0 0 rgba(0, 0, 0, 0.03), 1px 0 0 rgba(0, 0, 0, 0.03), 0 1px 0 rgba(0, 0, 0, 0.12);
-moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15), -1px 0 0 rgba(0, 0, 0, 0.03), 1px 0 0 rgba(0, 0, 0, 0.03), 0 1px 0 rgba(0, 0, 0, 0.12);
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15), -1px 0 0 rgba(0, 0, 0, 0.03), 1px 0 0 rgba(0, 0, 0, 0.03), 0 1px 0 rgba(0, 0, 0, 0.12);
}
#platform_page #customizable .customizable_feature img {
margin: 0 auto;
}
#platform_page p.subheading {
font-weight: bold;
color: #00a3d3;
font-size: 1.4rem;
margin-bottom: 0.7rem;
margin-top: 1.4rem;
}
#platform_page #technical {
padding-top: 5.6rem;
}
#platform_page #help {
border-bottom: none;
}
@media only screen and (min-width: 40em) {
#platform_page #customizable {
padding-bottom: 0;
}
#platform_page #customizable #customizable_features_container {
position: relative;
top: 2.8rem;
}
#platform_page #customizable .customizable_feature {
min-height: 36rem;
}
}
/**** End platform page - Demo ****/
/**** Start - Demo start popup ****/
#demo_start_modal {
width: 100%;
height: 100%;
background: transparent;
max-width: 200rem;
overflow: auto;
box-shadow: none;
border: none;
}
@media only screen and (max-width: 30em) {
#demo_start_modal {
padding: 0;
}
}
#demo_start_modal #modal_inner {
max-width: 90rem;
background: transparent;
padding: 0 1.4rem;
border: none;
box-shadow: none;
color: #fff;
margin: 0 auto;
}
#demo_start_modal #almabase_logo {
width: 15rem;
margin-top: 2.1rem;
margin-bottom: 1.9rem;
}
#demo_start_modal #demo-popup-heading {
font-weight: bold;
font-size: 15px;
font-size: 1.5rem;
}
#demo_start_modal #demo-popup-subheading {
margin-bottom: 3.1rem;
font-size: 16px;
font-size: 1.6rem;
margin-top: 3.9rem;
}
#demo_start_modal #form_container {
max-width: 52rem;
margin: 0 auto;
padding: 1rem;
height: auto;
color: #333;
background: #FFF;
border-radius: 4px;
}
#demo_start_modal #form_container .hubspot_form_container ul li:hover {
background: transparent;
}
#demo_start_modal #form_container .hubspot_form_container .hs-form fieldset {
margin: 1rem 0;
max-width: none;
}
#demo_start_modal #form_container .hubspot_form_container label {
font-size: 1.0rem;
color: #FFF;
margin: 0 8px;
color: #333;
}
#demo_start_modal #form_container .hubspot_form_container form label span {
font-size: 1.3rem;
font-weight: normal;
color: #333;
font-weight: 500;
}
#demo_start_modal #form_container .hubspot_form_container form label span.hs-form-required {
color: #EA0B0B;
}
#demo_start_modal #form_container .hubspot_form_container .hs-form fieldset.form-columns-2 .input {
margin: 0 8px;
}
#demo_start_modal #form_container .hubspot_form_container .hs-form fieldset.form-columns-1 .input {
margin: 0 8px;
}
#demo_start_modal #form_container .hubspot_form_container form input {
position: static;
margin-bottom: 0;
height: 3.5rem;
font-size: 1.3rem;
margin: 0.5rem 0;
border-radius: 4px;
width: 100%;
-webkit-transition: none;
-moz-transition: none;
-o-transition: none;
transition: none;
box-shadow: none;
-webkit-box-shadow: none;
-moz-box-shadow: none;
-o-box-shadow: none;
}
#demo_start_modal #form_container .hubspot_form_container form input[type="submit"] {
width: 16.4rem;
color: #FFF;
height: 4.0rem;
display: block;
outline: none;
position: absolute;
margin-top: 50px;
margin-top: 5rem;
left: 50%;
margin-left: -82px;
margin-left: -8.2rem;
background: #2FBB74;
border: 0px;
border-bottom: 2px solid #276B48;
padding: 0rem 0.7rem;
}
#demo_start_modal #form_container .hubspot_form_container form input[type="submit"]:hover {
background: #29a365;
}
#demo_start_modal #form_container .hubspot_form_container form input[type="submit"]:active {
background: #248f58;
}
#demo_start_modal div.btn img {
height: 3rem;
margin: 0.5rem 6rem;
}
#demo_start_modal div.btn.disabled {
background: #d7d7d7;
}
#demo_start_modal #demo_start_form_submitting {
display: none;
}
#demo_start_modal input.hide {
display: none;
}
@media only screen and (min-width: 64em) {
#demo_start_modal #modal_inner>.row {
height: 40rem;
}
}
/**** End - Demo start popup ****/
/**** Search widget for CMS page ****/
#search_results_widget_container {}
#search_results_widget_container #search_bar {
border: 1px solid #ddd;
padding-right: 0;
}
#search_results_widget_container #search_input_container {
float: none;
width: auto;
overflow: hidden;
}
#search_results_widget_container #search_icon i {
line-height: 3.5rem;
width: 3.5rem;
display: block;
text-align: center;
cursor: pointer;
}
#search_results_widget_container #search_input_container input {
width: 100%;
height: 3.5rem;
outline: none;
border: none;
}
#search_results_widget_container #counts {
line-height: 3.5rem;
/*text-align: right;*/
}
#search_results_widget_container #profiles_container {
margin-top: 2.1rem;
}
#search_results_widget_container #profiles_container>.column {
padding: 0;
}
#search_results_widget_container #profiles_container .profile_block {
margin-bottom: 2.1rem;
}
/**** End - Search widget for CMS page ****/
/**** Membership Page ***/
#membership-page-container {
background-color: #f5f5f5 !important;
padding: 3rem 0 0 0;
}
#membership-page-container .page_title {
border: 0;
padding: 2rem 0 0 0;
}
#membership-page-container #current-membership {
border: 1px solid #e1e1e1;
background: #FFF;
border-bottom: 0px;
border-radius: 4px;
margin-bottom: 2.5rem;
}
#membership-page-container .page_title p.title {
margin-top: 0;
}
#membership-page-container #other-membership {
border: 1px solid #e1e1e1;
background: #FFF;
border-radius: 4px;
margin-bottom: 2.5rem;
}
#membership-page-container .plan-title {
font-size: 1.3rem;
color: #9d9d9d;
padding: 1.4rem 2rem 1.4rem 2rem;
}
#membership-page-container .plan-title span.plan-toggle {
color: #00a3d3;
cursor: pointer;
}
#membership-page-container .membership-panel {
border-bottom: 1px solid #e1e1e1;
background-color: #FFF;
}
#membership-page-container .membership-panel:first-of-type .panel-block {
padding: 0 2.0rem 2.0rem 2.0rem;
}
#membership-page-container .membership-panel:last-of-type {
border-radius: 0 0 4px 4px;
}
#membership-page-container .membership-panel .panel-block {
padding: 2.0rem;
}
#membership-page-container .membership-panel .panel-block .membership-plan-details {
float: left;
min-height: 6rem;
}
#membership-page-container .membership-panel .panel-block .membership-plan-icon img,
#membership-upgrade-modal .model-sign img {
width: 2.5rem;
margin-top: 0.6rem;
}
#membership-page-container .membership-panel .panel-block .membership-plan-details .membership-name,
#membership-upgrade-modal .model-details .membership-name {
font-size: 1.4rem;
font-weight: bold;
margin: 0;
}
#membership-page-container .redirect-membership-container {
height: 100%;
font-size: 18px;
text-align: center;
min-height: 370px;
}
#membership-page-container .redirect-membership-container .redirect-membership-label {
font-size: 14px;
}
#membership-page-container .redirect-membership-container .redirect-membership-label a {
color: #0054A4;
}
@media only screen and (min-width: 40.063em) {
#membership-page-container .membership-panel .panel-block .membership-plan-icon {
width: 3.5rem;
padding-left: 0;
}
}
#membership-page-container .membership-panel .panel-block .membership-plan-details div.membership-description *,
#membership-upgrade-modal .model-details .membership-description * {
color: #7d7d7d !important;
text-align: justify !important;
line-height: 1.5 !important;
font-size: 1.3rem !important;
margin: 1rem 0;
}
#membership-page-container .membership-panel .panel-block .membership-plan-details div.membership-description {
display: none;
}
#membership-page-container .membership-panel .panel-block .clickable-element .btn,
#membership-upgrade-modal .model-clickable-element {
float: right;
display: inline-block;
margin: 0.6rem 1.4rem 0 0;
}
#membership-upgrade-modal .model-clickable-element {
margin-top: 1.5rem;
}
#membership-page-container .membership-panel .panel-block .clickable-element .btn {
min-width: 11rem;
}
@media only screen and (max-width: 40em) {
#membership-page-container .membership-panel .panel-block .clickable-element .btn {
display: block;
float: none;
margin: 1rem auto 0 auto;
width: 11rem;
}
#membership-page-container .membership-panel .panel-block .membership-plan-details {
padding: 0;
}
}
#membership-upgrade-modal .model-clickable-element p.membership-price {
color: #25374f;
font-weight: bold;
font-size: 1.4rem;
margin-bottom: 0.5rem;
text-align: right;
}
#membership-upgrade-modal .model-clickable-element p.setup-fees {
font-size: 1.4rem;
margin-bottom: 0.5rem;
text-align: right;
}
#membership-page-container .membership-panel .panel-block .membership-plan-details .description-toggle-button.hide-on-expanded {
display: inline;
}
#membership-page-container .membership-panel .panel-block .membership-plan-details .description-toggle-button.show-on-expanded {
display: none;
}
#membership-page-container .membership-panel .panel-block .membership-plan-details.expanded .description-toggle-button.show-on-expanded {
display: inline;
}
#membership-page-container .membership-panel .panel-block .membership-plan-details.expanded .description-toggle-button.hide-on-expanded {
display: none;
}
#membership-page-container #membership-contact {
margin: 3.5rem 0px;
text-align: center;
}
#membership-page-container #membership-contact p {
font-size: 1.3rem;
color: #333;
display: block;
margin: auto;
padding: 0.7rem 1.0rem 3.5rem;
max-width: 70.0rem;
}
#membership-upgrade-modal .enable-auto-renewal-wrapper {
float: left;
margin-top: 5rem;
margin-left: 1rem;
}
#membership-upgrade-modal .enable-auto-renewal-wrapper .enable-auto-renewal {
margin-right: 1rem;
}
#membership-page-container .membership-panel .panel-block .auto-renew-label {
color: #888;
font-weight: 300;
}
#membership-page-container .membership-panel .panel-block .membership-recurring-block {
text-align: right;
}
#membership-page-container .membership-panel .panel-block .membership-cancel-subscription {
cursor: pointer;
color: #00a3d3;
}
#membership-page-container .membership-panel .panel-block .membership-cancel-subscription i.hide {
display: none !important;
}
#membership-page-container .membership-panel .panel-block .membership-cancel-subscription i {
margin-left: 5px;
}
#membership-page-container .overlay {
position: absolute;
height: 100%;
width: 100%;
background: #eee;
z-index: 9999;
opacity: 0.5;
text-align: center;
top: 0;
}
#membership-page-container .overlay .loading {
margin-top: 25%;
}
/**** End Membership Page ****/
/**** Signup process page ****/
#signup_process_page {
padding: 0;
margin: 0 auto;
position: relative;
}
#signup_process_page #page-title {
text-align: center;
font-size: 3rem;
color: #363636;
width: 100%;
border-bottom: 1px solid #d5d5d5;
margin: 3rem 0 0rem 0;
}
#signup_process_page #page-content {
height: auto;
padding: 2rem 2rem 0 2rem;
display: block;
margin: 3rem auto 0;
}
#signup_process_page #page-content #current-step {
color: #00a3d3;
text-align: center;
font-size: 1.2rem;
padding: 0rem 0.8rem;
margin: 0;
opacity: 0;
}
#signup_process_page #page-content #current-step.active {
opacity: 1;
}
#signup_process_page #page-content #page-slider {
height: auto;
display: block;
margin: auto;
}
#signup_process_page #page-content #page-slider .slide {
padding: 0 1rem;
margin: 0 auto;
}
#signup_process_page #page-content #page-slider .slick-dots {
bottom: 15rem;
}
#signup_process_page #page-content #page-slider .slide img {
height: 28rem;
margin: 2rem auto;
}
#signup_process_page #page-content #page-slider .slide div.image {
position: relative;
}
#signup_process_page #page-content #page-slider .slide div.image p.overlay {
position: absolute;
bottom: 0;
left: 0;
right: 0;
background: rgba(0, 0, 0, 0.3);
color: #fff;
text-align: center;
font-size: 1.3rem;
padding: 0.7rem 0;
display: none;
}
#signup_process_page #page-content #page-slider .slide.activeslide:hover div.image p.overlay {
display: block;
}
#signup_process_page #page-content #page-slider .slide .slide-content {
display: block;
}
@media only screen and (min-width: 64.063em) {
#signup_process_page #page-content #page-slider .slide img {
height: 15rem;
margin: 0 auto;
display: block;
opacity: 0.5;
transition: height 0.3s linear;
}
#signup_process_page #page-content #page-slider .activeslide img {
height: auto;
width: auto;
margin: 0 auto;
opacity: 1;
transition: height 0.3s linear;
}
#signup_process_page #page-content #page-slider .slide {
height: 45rem !important;
margin: 10rem auto;
}
#signup_process_page #page-content #page-slider .activeslide {
margin: 0 auto;
}
#signup_process_page #page-content #page-slider .slide .slide-content {
display: none;
}
}
@media only screen and (max-width: 32.063em) {
#signup_process_page #page-content #page-slider .slide img {
height: 20rem;
}
#signup_process_page #page-content #page-slider .slide p.description {
padding: 0 !important;
font-size: 1.2rem;
}
}
#signup_process_page #page-content #page-slider .slide p.description {
font-size: 1.3rem;
margin-top: 0.5rem;
}
#signup_process_page #page-content #page-slider .slide p.title {
font-weight: 700;
font-size: 2rem;
text-align: center;
text-transform: uppercase;
margin-bottom: 0.7rem;
}
#signup_process_page #page-content #page-slider .activeslide .slide-content {
display: block;
padding: 0.3rem 0.8rem;
text-align: center;
color: #43609c;
}
#signup_process_page #page-content #page-slider .slick-nav {
position: absolute;
top: 25%;
font-size: 4rem;
width: 4rem;
height: 4rem;
background: #fff;
border-radius: 50%;
text-align: center;
cursor: pointer;
color: #777;
}
#signup_process_page #page-content #page-slider .slick-nav:hover {
color: #333;
}
@media only screen and (max-width: 64.063em) {
#signup_process_page #page-content #page-slider .slick-nav {
top: 25%;
}
#signup_process_page #page-content #page-slider .slick-prev {
left: 0rem !important;
}
#signup_process_page #page-content #page-slider .slick-next {
right: 0rem !important;
}
}
#signup_process_page #page-content #page-slider .slick-prev {
left: -6rem;
}
#signup_process_page #page-content #page-slider .slick-next {
right: -6rem;
}
/**** End Signup process page ****/
/** SEND BROADCAST NEW PAGE CSS */
#send-broadcast-page-new {
max-width: 115rem;
display: block;
margin: 0 auto;
border-radius: 0.2rem;
right: 0 !important;
position: relative;
padding: 0;
-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
-ms-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
-o-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
}
#send-broadcast-page-new.toggle-container-position {
max-width: 80rem;
left: 15rem;
position: absolute;
margin: 0;
}
#send-broadcast-page-new #page-container-heading {
padding: 1.5rem 2rem;
font-weight: 500;
border-bottom: 1px solid #e9eef2;
font-size: 1.6rem;
color: #3C505F;
}
#send-broadcast-page-new #send-mail-form {
margin-bottom: 4rem;
}
#send-broadcast-page-new .form-block {
background: #FFF;
border-radius: 0.2rem;
border: 1px solid #d3dbe1;
-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
-ms-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
-o-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
padding: 1rem 0 0 0;
}
#send-broadcast-page-new .form-block.p0 {
padding: 0;
}
#send-broadcast-page-new .compose-input-block {
width: 100%;
clear: both;
margin: 0;
position: relative;
border-bottom: 1px solid #e9eef2;
float: none;
}
#send-broadcast-page-new .compose-input-block:last-child {
border-bottom: 0;
}
#send-broadcast-page-new .compose-input-block .compose-input-label {
float: left;
text-align: left;
padding: 0 2rem;
}
#send-broadcast-page-new .compose-input-block span.label {
font-size: 1.1rem;
letter-spacing: 0rem;
color: #bababa;
font-weight: 700;
padding: 1.3rem 0;
text-transform: uppercase;
}
#send-broadcast-page-new .compose-input-block .compose-input-element {
cursor: pointer;
overflow: hidden;
}
#send-broadcast-page-new .compose-input-block span.input-error {
position: absolute;
left: -3.2rem;
top: 1rem;
color: #D14947;
}
#send-broadcast-page-new .compose-input-block span.input-error .error-icon {
float: left;
margin-top: -0.3rem;
}
#send-broadcast-page-new .compose-input-block span.input-error .error-icon.shake {
animation-duration: 100ms;
animation-iteration-count: 10;
animation-name: shake-little;
animation-timing-function: ease-in-out;
display: inline-block;
transform-origin: center center;
}
#send-broadcast-page-new .compose-input-block span.input-error .error-message {
background: #D14947;
color: #ffffff;
margin: -0.4rem 0.8rem;
float: left;
padding: 0.5rem 1.5rem;
border-radius: 0.3rem;
position: relative;
}
#send-broadcast-page-new .compose-input-block span.input-error:hover .error-message {
display: inline-block;
}
#send-broadcast-page-new .compose-input-block span.input-error .error-tooltip {
position: absolute;
color: #D14947;
top: 0.2rem;
font-size: 2.5rem;
left: -0.6rem;
}
#send-broadcast-page-new .compose-input-element #bee-placeholder {
min-height: 60rem;
width: 100%;
}
#send-broadcast-page-new .compose-input-element #bee-placeholder iframe {
width: 100% !important;
min-height: 60rem;
border-bottom: 1px solid #d3dbe1 !important;
min-width: 100% !important;
}
#send-broadcast-page-new .compose-input-block .toggle-filter {
width: 100%;
outline: none;
border-radius: 3px;
position: relative;
}
#send-broadcast-page-new .compose-input-block .toggle-filter:hover,
#send-broadcast-page-new .compose-input-block input:hover {
border-color: #9dadbc;
}
#send-broadcast-page-new .compose-input-block .toggle-filter span {
padding: 0.5rem 2rem;
border-radius: 2rem;
margin: 0.8rem 0.45rem;
float: left;
line-height: 1;
background: #f1f1f1;
font-weight: 300;
}
#send-broadcast-page-new .compose-input-block .group-modal-handler {
margin: 1rem 0.5rem;
font-weight: 700;
font-size: 1.1rem;
color: #888888;
float: left;
border-bottom: 1px dotted;
display: inline;
text-decoration: none;
text-transform: uppercase;
}
#send-broadcast-page-new .compose-input-block .group-modal-handler:hover {
color: #00a3d3;
}
#send-broadcast-page-new .compose-input-block span#group_id,
#send-broadcast-page-new .compose-input-block span#sender_profile {
font-size: 1.1rem;
color: #555555;
border: 1px solid #E8E8E8;
box-shadow: inset 0px 1px 1px 0px #ffffff;
-webkit-box-shadow: inset 0px 1px 1px 0px #ffffff;
-moz-box-shadow: inset 0px 1px 1px 0px #ffffff;
-ms-box-shadow: inset 0px 1px 1px 0px #ffffff;
-o-box-shadow: inset 0px 1px 1px 0px #ffffff;
}
#send-broadcast-page-new .compose-input-block span#group_id:hover,
#send-broadcast-page-new .compose-input-block span#sender_profile:hover {
background-color: #ececec;
transition: box-shadow 0.1s ease-out;
box-shadow: inset 0px 1px 1px 0px #ffffff, 0px 3px 7px -4px rgba(0, 0, 0, 0.7) !important;
-webkit-box-shadow: inset 0px 1px 1px 0px #ffffff, 0px 3px 7px -4px rgba(0, 0, 0, 0.7) !important;
-moz-box-shadow: inset 0px 1px 1px 0px #ffffff, 0px 3px 7px -4px rgba(0, 0, 0, 0.7) !important;
-ms-box-shadow: inset 0px 1px 1px 0px #ffffff, 0px 3px 7px -4px rgba(0, 0, 0, 0.7) !important;
-o-box-shadow: inset 0px 1px 1px 0px #ffffff, 0px 3px 7px -4px rgba(0, 0, 0, 0.7) !important;
}
#send-broadcast-page-new .compose-input-block span#group_id:active,
#send-broadcast-page-new .compose-input-block span#sender_profile:active {
box-shadow: inset 0px 4px 7px -6px rgba(0, 0, 0, 0.4);
-webkit-box-shadow: inset 0px 4px 7px -6px rgba(0, 0, 0, 0.4);
-moz-box-shadow: inset 0px 4px 7px -6px rgba(0, 0, 0, 0.4);
-ms-box-shadow: inset 0px 4px 7px -6px rgba(0, 0, 0, 0.4);
-o-box-shadow: inset 0px 4px 7px -6px rgba(0, 0, 0, 0.4);
}
#send-broadcast-page-new .compose-input-block span#group_id.active,
#send-broadcast-page-new .compose-input-block span#sender_profile.active {
background: #cbe4f6;
color: #111111;
border: 1px solid #b2d4ed;
box-shadow: inset 0px 1px 1px 0px #e0f2ff;
-webkit-box-shadow: inset 0px 1px 1px 0px #e0f2ff;
-moz-box-shadow: inset 0px 1px 1px 0px #e0f2ff;
-ms-box-shadow: inset 0px 1px 1px 0px #e0f2ff;
-o-box-shadow: inset 0px 1px 1px 0px #e0f2ff;
}
#send-broadcast-page-new .compose-input-block #subject_input {
width: 82%;
cursor: text;
height: 3.7rem;
border: 0;
outline: none;
box-shadow: none;
-webkit-box-shadow: none;
-moz-box-shadow: none;
-ms-box-shadow: none;
-o-box-shadow: none;
}
#send-broadcast-page-new .compose-input-block #subject_input::-webkit-input-placeholder {
color: #9a9a9a;
font-family: 'Lato', sans-serif;
}
#send-broadcast-page-new .compose-input-block #subject_input:-moz-placeholder {
color: #9a9a9a;
font-family: 'Lato', sans-serif;
}
#send-broadcast-page-new .compose-input-block #subject_input::-moz-placeholder {
color: #9a9a9a;
font-family: 'Lato', sans-serif;
}
#send-broadcast-page-new .compose-input-block #subject_input:-ms-input-placeholder {
color: #9a9a9a;
font-family: 'Lato', sans-serif;
}
#send-broadcast-page-new .compose-input-block #input_addon {
float: left;
color: #999999;
padding: 1.25rem 0;
line-height: 1;
margin: 0;
background: none;
}
#send-broadcast-page-new #compose-actions .action-icon i {
font-size: 1.3rem;
font-weight: 700;
margin-top: 0.15rem;
}
#send-broadcast-page-new #compose-actions .action-name {
border-bottom: 1px dotted;
}
#send-broadcast-page-new #compose-actions .action-name,
#send-broadcast-page-new #compose-actions .action-icon {
float: left;
margin: -0.1rem 0.3rem 0 0;
}
#send-broadcast-page-new #compose-actions #compose-attachments-container,
#send-broadcast-page-new #compose-actions #compose-schedule-container,
#send-broadcast-page-new #compose-actions #compose-template-container {
cursor: pointer;
position: relative;
padding: 1.5rem;
font-weight: 700;
font-size: 1.1rem;
text-transform: uppercase;
color: #888888;
display: inline-block;
}
#send-broadcast-page-new #save-template-popup {
position: absolute;
background: #FFFFFF;
top: -22.5rem;
padding: 1.5rem 2rem;
display: none;
border-radius: 0.5rem;
left: -10rem;
box-shadow: -2px 6px 18px 3px #cccccc;
-webkit-box-shadow: -2px 6px 18px 3px #cccccc;
-moz-box-shadow: -2px 6px 18px 3px #cccccc;
-o-box-shadow: -2px 6px 18px 3px #cccccc;
}
#send-broadcast-page-new #save-template-popup p {
color: #000000;
text-transform: initial;
font-weight: 700;
font-size: 1.4rem;
margin-bottom: 1rem;
}
#send-broadcast-page-new #save-template-popup .input-element-container {
width: 30rem;
margin-bottom: 1.5rem;
}
#send-broadcast-page-new #save-template-popup label {
text-transform: initial;
font-size: 1.3rem;
font-weight: 500;
display: block;
margin-bottom: 0.5rem;
}
#send-broadcast-page-new #save-template-popup input.input-element {
width: 100%;
}
#send-broadcast-page-new #save-template-popup .input-element-container.validate-error .input-element {
border-bottom: 1px solid crimson;
}
#send-broadcast-page-new #save-template-popup #popup-tootip {
font-size: 2.5rem;
position: absolute;
bottom: -1.5rem;
margin: 0 auto;
margin-left: -0.7rem;
left: 50%;
color: #ffffff;
}
#send-broadcast-page-new #template-switcher-block {
display: inline-block;
width: 100%;
padding: 2.5rem 2rem 1.5rem 2rem;
}
#send-broadcast-page-new #froala-template {
display: inline-block;
}
#send-broadcast-page-new #froala-template .has-tip {
margin: -0.1rem 0.5rem 0 0;
}
#send-broadcast-page-new #froala-template span {
float: left;
font-weight: 700;
font-size: 1.1rem;
color: #888888;
display: inline;
text-decoration: none;
text-transform: uppercase;
}
#send-broadcast-page-new #froala-template #switch-container {
display: inline-block;
float: left;
margin: -0.3rem 0 0 1rem;
}
#send-broadcast-page-new #template-switcher-block #switch {
display: none;
}
#send-broadcast-page-new #template-switcher-block #switch,
#send-broadcast-page-new #template-switcher-block #switch:after,
#send-broadcast-page-new #template-switcher-block #switch:before,
#send-broadcast-page-new #template-switcher-block #switch *,
#send-broadcast-page-new #template-switcher-block #switch *:after,
#send-broadcast-page-new #template-switcher-block #switch *:before,
#send-broadcast-page-new #template-switcher-block #switch+#template-switcher-block #switch-label {
box-sizing: border-box;
}
#send-broadcast-page-new #template-switcher-block #switch::-moz-selection,
#send-broadcast-page-new #template-switcher-block #switch:after::-moz-selection,
#send-broadcast-page-new #template-switcher-block #switch:before::-moz-selection,
#send-broadcast-page-new #template-switcher-block #switch *::-moz-selection,
#send-broadcast-page-new #template-switcher-block #switch *:after::-moz-selection,
#send-broadcast-page-new #template-switcher-block #switch *:before::-moz-selection,
#send-broadcast-page-new #template-switcher-block #switch+#switch-label::-moz-selection {
background: none;
}
#send-broadcast-page-new #template-switcher-block #switch::selection,
#send-broadcast-page-new #template-switcher-block #switch:after::selection,
#send-broadcast-page-new #template-switcher-block #switch:before::selection,
#send-broadcast-page-new #template-switcher-block #switch *::selection,
#send-broadcast-page-new #template-switcher-block #switch *:after::selection,
#send-broadcast-page-new #template-switcher-block #switch *:before::selection,
#send-broadcast-page-new #template-switcher-block #switch+#switch-label::selection {
background: none;
}
#send-broadcast-page-new #template-switcher-block #switch+#switch-label {
outline: 0;
display: block;
width: 3em;
height: 1.6em;
position: relative;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
#send-broadcast-page-new #template-switcher-block #switch+#switch-label:after,
#send-broadcast-page-new #switch+#switch-label:before {
position: relative;
display: block;
content: "";
width: 50%;
height: 100%;
}
#send-broadcast-page-new #template-switcher-block #switch+#switch-label:after {
left: 0;
}
#send-broadcast-page-new #template-switcher-block #switch+#switch-label:before {
display: none;
}
#send-broadcast-page-new #template-switcher-block #switch:checked+#switch-label:after {
left: 50%;
}
#send-broadcast-page-new #template-switcher-block #switch+#switch-label {
background: #fbfbfb;
border-radius: 2em;
padding: 2px;
border: 1px solid #e8eae9;
transition: all .4s ease;
-webkit-transition: all .4s ease;
-moz-transition: all .4s ease;
-ms-transition: all .4s ease;
-o-transition: all .4s ease;
}
#send-broadcast-page-new #template-switcher-block #switch+#switch-label:after {
border-radius: 2em;
background: #fbfbfb;
box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1), 0 4px 0 rgba(0, 0, 0, 0.08);
-webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1), 0 4px 0 rgba(0, 0, 0, 0.08);
-moz-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1), 0 4px 0 rgba(0, 0, 0, 0.08);
-ms-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1), 0 4px 0 rgba(0, 0, 0, 0.08);
-o-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1), 0 4px 0 rgba(0, 0, 0, 0.08);
transition: left 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275), padding 0.3s ease, margin 0.3s ease;
-webkit-transition: left 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275), padding 0.3s ease, margin 0.3s ease;
-moz-transition: left 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275), padding 0.3s ease, margin 0.3s ease;
-ms-transition: left 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275), padding 0.3s ease, margin 0.3s ease;
-o-transition: left 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275), padding 0.3s ease, margin 0.3s ease;
}
#send-broadcast-page-new #template-switcher-block #switch+#switch-label:hover:after {
will-change: padding;
}
#send-broadcast-page-new #template-switcher-block #switch+#switch-label:active {
box-shadow: inset 0 0 0 2em #e8eae9;
-webkit-box-shadow: inset 0 0 0 2em #e8eae9;
-moz-box-shadow: inset 0 0 0 2em #e8eae9;
-ms-box-shadow: inset 0 0 0 2em #e8eae9;
-o-box-shadow: inset 0 0 0 2em #e8eae9;
}
#send-broadcast-page-new #template-switcher-block #switch+#switch-label:active:after {
padding-right: .8em;
}
#send-broadcast-page-new #template-switcher-block #switch:checked+#switch-label {
background: #86d993;
}
#send-broadcast-page-new #template-switcher-block #switch:checked+#switch-label:active {
box-shadow: none;
}
#send-broadcast-page-new #template-switcher-block #switch:checked+#switch-label:active:after {
margin-left: -.8em;
}
#send-broadcast-page-new #template-switcher-block #bee-template #id_template_name {
position: absolute;
width: 1px;
top: -50rem;
}
#send-broadcast-page-new #template-switcher-block #lookup_id_template_name {
font-weight: 700;
font-size: 1.1rem;
color: #888888;
float: right;
border-bottom: 1px dotted;
display: inline;
text-decoration: none;
text-transform: uppercase;
}
#send-broadcast-page-new #template-switcher-block #bee-template #lookup_id_template_name:hover {
color: #00a3d3;
}
#send-broadcast-page-new #compose-actions .compose-action-container .compose-action-toggle:hover {
color: #00a3d3;
}
#send-broadcast-page-new #compose-actions #datetimepicker-toggle {
display: inline-block;
}
#send-broadcast-page-new #compose-actions #attachments_add_icon {
font-size: 1.7rem;
}
#send-broadcast-page-new #compose-actions .compose-action-message {
display: block;
position: relative;
clear: both;
font-size: 1.2rem;
margin-right: 1rem;
padding: 0;
font-weight: 700;
}
#send-broadcast-page-new #compose-actions #schedule-date {
padding: 0.5rem 1rem;
border-radius: 2rem;
float: left;
margin-top: 0.3rem;
line-height: 1;
font-weight: 300;
background: #cbe4f6;
color: #111111;
border: 1px solid #b2d4ed;
box-shadow: inset 0px 1px 1px 0px #e0f2ff;
-webkit-box-shadow: inset 0px 1px 1px 0px #e0f2ff;
-moz-box-shadow: inset 0px 1px 1px 0px #e0f2ff;
-ms-box-shadow: inset 0px 1px 1px 0px #e0f2ff;
-o-box-shadow: inset 0px 1px 1px 0px #e0f2ff;
}
#send-broadcast-page-new #compose-actions #schedule-date:hover {
color: #111111;
}
#send-broadcast-page-new #compose-actions span#remove-schedule {
margin-left: 0.5rem;
color: #CCCCCC;
font-size: 1.5rem;
position: absolute;
top: 0.4rem;
}
#send-broadcast-page-new #compose-actions span#remove-schedule:hover {
color: #D14947;
}
#send-broadcast-page-new #compose-actions span#remove-schedule i {
font-size: 1.4rem;
}
#send-broadcast-page-new #compose-actions div#compose-form-action-container {
padding: 1.5rem 0;
text-align: right;
border-top: 1px solid #d3dbe1;
}
#send-broadcast-page-new #compose-actions div.btn {
border: 1px solid rgb(0, 163, 211);
color: #6e8593;
border-radius: 2px;
background-color: rgb(255, 255, 255);
width: 13rem;
font-weight: 700;
font-size: 1.3rem;
margin: 0 1.5rem 0 0;
}
#send-broadcast-page-new #compose-actions div#send-email,
#send-broadcast-page-new #save-template-popup #save-template {
background-color: #00a3d3;
color: #FFF;
}
#send-broadcast-page-new #save-template-popup .btn {
float: right;
margin: 0 0 0 1.5rem !important;
}
#send-broadcast-page-new #compose-actions div.btn span {
padding: 0.1rem 0;
}
#send-broadcast-page-new #compose-actions div.btn i {
margin: 0 1rem 0 0;
}
#send-broadcast-page-new #compose-actions div.btn:hover {
background: rgb(0, 163, 211);
color: #FFF;
border-color: rgb(2, 109, 140);
box-shadow: -0.105px 1.997px 6px 0px rgba(0, 38, 50, 0.23);
-webkit-box-shadow: -0.105px 1.997px 6px 0px rgba(0, 38, 50, 0.23);
-moz-box-shadow: -0.105px 1.997px 6px 0px rgba(0, 38, 50, 0.23);
-ms-box-shadow: -0.105px 1.997px 6px 0px rgba(0, 38, 50, 0.23);
-o-box-shadow: -0.105px 1.997px 6px 0px rgba(0, 38, 50, 0.23);
}
#send-broadcast-page-new #compose-actions #datetimepicker {
visibility: hidden;
width: 0;
height: 0;
padding: 0;
float: right;
}
#send-broadcast-filter-lightbox {
border-radius: 0.4rem;
border: 0;
display: none;
width: 42rem !important;
padding: 0;
min-height: 52rem;
border-right: 0;
background: #F0F4F7;
z-index: 3001 !important;
box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
-webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
-moz-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
-ms-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
-o-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
}
#send-broadcast-filter-lightbox #create_group_lightbox {
display: none;
background: transparent;
padding: 0;
box-shadow: none;
border-radius: 0;
width: auto;
}
#send-broadcast-filter-lightbox #create_group_lightbox #create_group_form {
padding: 1rem 2.5rem 0 2.5rem;
}
#send-broadcast-filter-lightbox #create_group_lightbox span.input-error {
position: absolute;
right: 0;
top: 0.4rem;
color: #D14947;
}
#send-broadcast-filter-lightbox #create_group_lightbox span.input-error .error-icon {
float: left;
font-size: 1.6rem;
margin-top: -0.3rem;
}
#send-broadcast-filter-lightbox #create_group_lightbox span.input-error .error-icon.shake {
animation-duration: 100ms;
animation-iteration-count: 10;
animation-name: shake-little;
animation-timing-function: ease-in-out;
display: inline-block;
transform-origin: center center;
}
#send-broadcast-filter-lightbox #create_group_lightbox span.input-error .error-message {
background: #D14947;
color: #ffffff;
text-align: left;
width: 18rem;
margin: -0.8rem 0.8rem;
display: inline-block;
padding: 0.3rem 1.5rem;
border-radius: 0.3rem;
position: absolute;
}
#send-broadcast-filter-lightbox #create_group_lightbox span.input-error:hover .error-message {
display: inline-block;
}
#send-broadcast-filter-lightbox #create_group_lightbox span.input-error .error-message .error-tooltip {
position: absolute;
color: #D14947;
top: 0.1rem;
font-size: 2.5rem;
left: -0.6rem;
}
#send-broadcast-filter-lightbox .lightbox-title {
padding: 1.5rem 2rem;
font-weight: 500;
font-size: 1.6rem;
background: #FFFFFF;
border-radius: 0.4rem 0.4rem 0 0;
margin-bottom: 1.5rem;
color: #3C505F;
box-shadow: 0px 3px 15px -8px rgba(0, 0, 0, 0.5);
}
#send-broadcast-filter-lightbox .empty-results-container {
padding: 1.5rem 2rem;
text-align: center;
}
#send-broadcast-filter-lightbox .empty-results-container img {
margin-bottom: 2rem;
padding: 0 2rem;
}
#send-broadcast-filter-lightbox .empty-results-container img#sender-empty-image {
margin-bottom: 0;
padding: 1rem 5rem 0 5rem;
}
#send-broadcast-filter-lightbox .empty-results-container img#audience-empty-image {
margin-bottom: 0;
padding: 0 5rem;
}
#send-broadcast-filter-lightbox .empty-results-container .empty-results-title {
color: #00a3d3;
font-weight: 700;
font-size: 1.7rem;
margin: 1rem 0;
}
#send-broadcast-filter-lightbox .empty-results-container .empty-results-description {
font-size: 1.3rem;
padding: 0.5rem 3rem;
margin-bottom: 5rem;
}
#send-broadcast-filter-lightbox .empty-results-container .empty-results-btn {
display: inline-block;
background: #e9eff4;
font-size: 14px;
text-align: center;
border: none;
margin: 0;
padding: 0;
border: 1px solid rgb(211, 219, 225);
color: #b0bec8;
font-weight: 700;
border-radius: 3px;
box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.4);
-webkit-box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.4);
-moz-box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.4);
-ms-box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.4);
-o-box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.4);
transition: box-shadow 0.1s;
-webkit-transition: box-shadow 0.1s;
-moz-transition: box-shadow 0.1s;
-ms-transition: box-shadow 0.1s;
-o-transition: box-shadow 0.1s;
}
#send-broadcast-filter-lightbox .empty-results-container .empty-results-btn:hover {
box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.5), 0px 3px 5px -1px rgba(0, 0, 0, 0.1);
-webkit-box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.5), 0px 3px 5px -1px rgba(0, 0, 0, 0.1);
-ms-box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.5), 0px 3px 5px -1px rgba(0, 0, 0, 0.1);
-moz-box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.5), 0px 3px 5px -1px rgba(0, 0, 0, 0.1);
-o-box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.5), 0px 3px 5px -1px rgba(0, 0, 0, 0.1);
transition: box-shadow 0.1s;
-webkit-transition: box-shadow 0.1s;
-moz-transition: box-shadow 0.1s;
-ms-transition: box-shadow 0.1s;
-o-transition: box-shadow 0.1s;
}
#send-broadcast-filter-lightbox .empty-results-container .empty-results-btn:active {
box-shadow: inset 0px 3px 7px -1px rgba(0, 0, 0, 0.1);
-webkit-box-shadow: inset 0px 3px 7px -1px rgba(0, 0, 0, 0.1);
-moz-box-shadow: inset 0px 3px 7px -1px rgba(0, 0, 0, 0.1);
-ms-box-shadow: inset 0px 3px 7px -1px rgba(0, 0, 0, 0.1);
-o-box-shadow: inset 0px 3px 7px -1px rgba(0, 0, 0, 0.1);
}
#send-broadcast-filter-lightbox div#create-group-container {
color: #888888;
text-transform: uppercase;
font-weight: 700;
font-size: 1.1rem;
cursor: pointer;
float: right;
margin-top: 0.4rem;
display: inline-block;
}
#send-broadcast-filter-lightbox div#create-group-container:hover {
color: #00a3d3;
}
#send-broadcast-filter-lightbox span#create-group-icon {
float: left;
}
#send-broadcast-filter-lightbox span#create-group-text {
border-bottom: 1px dotted;
}
#send-broadcast-filter-lightbox #create-group-icon i {
font-size: 2rem;
font-weight: 700;
margin: -0.15rem 0.5rem 0 0;
}
#send-broadcast-filter-lightbox .recent-filter-list-container .list-title {
display: block;
font-size: 1.1rem;
letter-spacing: 0rem;
color: #bababa;
font-weight: 700;
padding: 1.1rem 1.5rem;
text-transform: uppercase;
}
#send-broadcast-filter-lightbox .recent-filter-list-container .list-profile-container {
padding-bottom: 0.4rem;
border-bottom: 1px solid #D9E4ED;
}
#send-broadcast-filter-lightbox .recent-filter-list-container .list-item {
margin: 0 0 0.1rem 0;
padding: 0.7rem 0 0.7rem 0.7rem;
display: block;
cursor: pointer;
float: none;
line-height: 1;
clear: both;
width: 100%;
}
#send-broadcast-filter-lightbox[data-input="sender-profile"] .recent-filter-list-container .list-item {
min-height: 4.5rem;
}
#send-broadcast-filter-lightbox .recent-filter-list-container .list-item .list-item-pic {
width: 3rem;
border-radius: 50%;
}
#send-broadcast-filter-lightbox .recent-filter-list-container .list-item .list-item-name {
margin: -0.1rem 0.8rem;
max-width: 12rem;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
display: inline-block;
}
#send-broadcast-filter-lightbox .recent-filter-list-container .list-item .list-item-qualification {
font-size: 1.1rem;
text-transform: initial;
color: #0000005e;
}
#send-broadcast-filter-lightbox .recent-filter-list-container .list-item .list-item-link {
color: #ffffff;
font-size: 1.1rem;
background-color: #00a3d3;
padding: 0.4rem 0.6rem;
border-radius: 0.3rem;
display: none;
float: right;
margin: 0.5rem 1rem 0 0;
}
#send-broadcast-filter-lightbox .recent-filter-list-container .list-item .list-item-link i {
margin-left: 0.3rem;
}
#send-broadcast-filter-lightbox .recent-filter-list-container .list-item:hover .list-item-link {
display: inline-block;
}
#send-broadcast-filter-lightbox .recent-filter-list-container .list-item span.recent-icon {
padding-right: 0.5rem;
color: #696969;
}
#send-broadcast-filter-lightbox .recent-filter-list-container .list-item:hover {
background: #d2dde7;
border-radius: 3px;
}
#send-broadcast-filter-lightbox .recent-filter-list-container .list-item .list-item-thumb {
width: 3rem;
height: 3rem;
margin: -0.4rem 0.7rem 0 0;
float: left;
display: inline-block;
background-position: center !important;
background-size: cover !important;
border-radius: 50%;
}
#send-broadcast-filter-lightbox .recent-filter-list-container .list-item .list-item-name {
font-weight: 500;
font-size: 1.3rem;
color: #555555;
}
#send-broadcast-filter-lightbox .search-filter-container {
padding: 0 1.5rem;
display: inline-block;
width: 100%;
}
#send-broadcast-filter-lightbox .search-results-container {
max-height: 30rem;
overflow-y: auto;
padding: 0.5rem 0.5rem 0 0;
}
#send-broadcast-filter-lightbox .search-results-container::-webkit-scrollbar {
width: 0.5rem
}
#send-broadcast-filter-lightbox .search-results-container::-moz-scrollbar {
width: 0.5rem
}
#send-broadcast-filter-lightbox .search-results-container::-ms-scrollbar {
width: 0.5rem
}
#send-broadcast-filter-lightbox .search-results-container::-o-scrollbar {
width: 0.5rem
}
#send-broadcast-filter-lightbox .search-results-container::-webkit-scrollbar-track {
-webkit-border-radius: 0;
border-radius: 0
}
#send-broadcast-filter-lightbox .search-results-container::-moz-scrollbar-track {
-moz-border-radius: 0;
border-radius: 0
}
#send-broadcast-filter-lightbox .search-results-container::-ms-scrollbar-track {
-ms-border-radius: 0;
border-radius: 0
}
#send-broadcast-filter-lightbox .search-results-container::-o-scrollbar-track {
-o-border-radius: 0;
border-radius: 0
}
/* Handle */
#send-broadcast-filter-lightbox .search-results-container::-webkit-scrollbar-thumb {
-webkit-border-radius: 0;
border-radius: 0;
background: #9dadbc
}
#send-broadcast-filter-lightbox .search-results-container::-moz-scrollbar-thumb {
-moz-border-radius: 0;
border-radius: 0;
background: #9dadbc
}
#send-broadcast-filter-lightbox .search-results-container::-ms-scrollbar-thumb {
-ms-border-radius: 0;
border-radius: 0;
background: #9dadbc
}
#send-broadcast-filter-lightbox .search-results-container::-o-scrollbar-thumb {
-o-border-radius: 0;
border-radius: 0;
background: #9dadbc
}
#send-broadcast-filter-lightbox .search-results-container::-webkit-scrollbar-thumb:window-inactive {
background: rgba(0, 160, 197, 0.4)
}
#send-broadcast-filter-lightbox .search-results-container::-moz-scrollbar-thumb:window-inactive {
background: rgba(0, 160, 197, 0.4)
}
#send-broadcast-filter-lightbox .search-results-container::-ms-scrollbar-thumb:window-inactive {
background: rgba(0, 160, 197, 0.4)
}
#send-broadcast-filter-lightbox .search-results-container::-o-scrollbar-thumb:window-inactive {
background: rgba(0, 160, 197, 0.4)
}
#send-broadcast-filter-lightbox .search-filter-container .input-element {
width: 100%;
border-radius: 2rem;
border: 1px solid #D9E4ED;
display: inline-block;
background: #FFFFFF;
}
#send-broadcast-filter-lightbox .search-filter-container .input-element i {
color: #D7D7D7;
padding: 0.75rem 0 0.75rem 1.35rem;
float: left;
}
#send-broadcast-filter-lightbox .search-filter-container .input-element.scroll {
box-shadow: 0px 4.8px 9.2px 0.9px rgba(201, 215, 223, 0.25);
-webkit-box-shadow: 0px 4.8px 9.2px 0.9px rgba(201, 215, 223, 0.25);
-moz-box-shadow: 0px 4.8px 9.2px 0.9px rgba(201, 215, 223, 0.25);
-ms-box-shadow: 0px 4.8px 9.2px 0.9px rgba(201, 215, 223, 0.25);
-o-box-shadow: 0px 4.8px 9.2px 0.9px rgba(201, 215, 223, 0.25);
}
#send-broadcast-filter-lightbox .search-filter-container .input-element:hover {
border-color: #9dadbc;
}
#send-broadcast-filter-lightbox .search-filter-container .input-element input {
width: 33rem;
overflow: hidden;
padding: 0 1.5rem;
outline: none;
float: left;
margin: 0;
background: #ffffff;
border: 0 !important;
box-shadow: none;
-webkit-box-shadow: none;
-moz-box-shadow: none;
-ms-box-shadow: none;
-o-box-shadow: none;
}
#send-broadcast-filter-lightbox .search-filter-container .input-element input::-webkit-input-placeholder {
display: block;
font-size: 1.1rem;
letter-spacing: 0;
color: #D7D7D7;
font-weight: 500;
}
#send-broadcast-filter-lightbox .search-filter-container .recent-filter-list-container {
display: inline-block;
width: 100%;
padding: 0.5rem 0.5rem 0 0.5rem;
}
#send-broadcast-filter-lightbox .no-results-container {
text-align: center;
margin: 1rem 0;
}
#send-broadcast-filter-lightbox .no-results-container img {
margin: 5rem 2.5rem 0 1.9rem;
display: inline-block;
width: 2.8rem;
}
#send-broadcast-filter-lightbox .no-results-container p {
font-size: 1.3rem;
font-weight: 500;
padding: 1rem 0;
display: block;
color: #bdc9d2;
}
#send-broadcast-filter-lightbox #sender-profile-container .results-container {
position: relative;
}
#send-broadcast-filter-lightbox #sender-profile-container .search-results-container {
width: 100%;
position: absolute;
left: 0 !important;
padding: 0 1.5rem;
top: 11rem !important;
}
#send-broadcast-filter-lightbox .search-results-container li {
list-style-type: none;
padding: 0.7rem 0 0.7rem 2.8rem;
margin: 0 0 0.1rem 0;
line-height: 1;
cursor: pointer;
font-weight: 500;
font-size: 1.3rem;
color: #555555;
}
#send-broadcast-filter-lightbox[data-input="sender-profile"] .search-results-container li {
min-height: 4.5rem;
}
#send-broadcast-filter-lightbox .search-results-container li:hover {
background: #d2dde7;
border-radius: 3px;
}
#send-broadcast-filter-lightbox .search-results-container li a {
color: #666666;
display: inline-block;
width: 100%;
}
#send-broadcast-filter-lightbox .search-results-container li a p {
text-transform: capitalize;
line-height: 1;
margin: 0;
font-weight: 500;
font-size: 1.3rem;
color: #555555;
display: inline-block;
max-width: 14rem;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
#send-broadcast-filter-lightbox .search-results-container li a:hover {
text-decoration: none;
}
#send-broadcast-filter-lightbox .search-results-container img {
width: 3rem;
border-radius: 50%;
}
#send-broadcast-filter-lightbox .search-results-container .user_profile_details {
display: inline-block;
margin-left: 0.8rem;
width: 31rem;
text-align: left;
margin-top: 0.8rem;
}
#send-broadcast-filter-lightbox .search-results-container .user_profile_qualification,
#send-broadcast-filter-lightbox .search-results-container .user_profile_role {
font-size: 1.1rem;
text-transform: initial;
color: #0000005e;
margin-left: 0.8rem;
}
#send-broadcast-filter-lightbox .search-results-container .user_profile_link {
display: none;
color: #ffffff;
font-size: 1.1rem;
background-color: #00a3d3;
padding: 0.4rem 0.6rem;
border-radius: 0.3rem;
float: right;
width: 9rem;
margin-top: -0.2rem;
text-align: center;
}
#send-broadcast-filter-lightbox .search-results-container li:hover .user_profile_link {
display: block;
}
#send-broadcast-filter-lightbox .search-results-container .user_profile_link i {
float: none;
padding: 0;
color: #ffffff;
margin-left: 0.3rem;
}
.xdsoft_datetimepicker {
margin: -23.5rem 0 0 0;
}
#send-broadcast-process-popup {
background: rgba(35, 51, 73, 0.97);
position: fixed;
display: none;
z-index: 9999;
top: 0;
bottom: 0;
left: 0;
right: 0;
}
#send-broadcast-process-popup .vertical-centered-box {
position: absolute;
text-align: center;
width: 100%;
height: 35rem;
}
#send-broadcast-process-popup .vertical-centered-box:after {
content: '';
display: inline-block;
height: 100%;
vertical-align: middle;
margin-right: -0.25em;
}
#send-broadcast-process-popup .vertical-centered-box .content {
display: inline-block;
vertical-align: middle;
text-align: left;
font-size: 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box;
}
#send-broadcast-process-popup .loader-circle {
position: absolute;
left: 50%;
top: 50%;
border-radius: 50%;
width: 90px;
height: 90px;
margin-left: -45px;
color: #32ca88;
margin-top: -45px;
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.1);
-webkit-box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.1);
-moz-box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.1);
-o-box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.1);
-ms-box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.1);
}
#send-broadcast-process-popup .loader-line-mask {
position: absolute;
left: 50%;
top: 50%;
width: 45px;
height: 90px;
margin-left: -45px;
margin-top: -45px;
overflow: hidden;
-webkit-transform-origin: 45px 45px;
-moz-transform-origin: 45px 45px;
-ms-transform-origin: 45px 45px;
-o-transform-origin: 45px 45px;
transform-origin: 45px 45px;
-webkit-mask-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 1), rgba(0, 0, 0, 0));
-webkit-animation: rotate 1.2s linear infinite;
-moz-animation: rotate 1.2s linear infinite;
-o-animation: rotate 1.2s linear infinite;
animation: rotate 1.2s linear infinite;
}
@-webkit-keyframes rotate {
0% {
-webkit-transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
}
}
@-moz-keyframes rotate {
0% {
-webkit-transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
}
}
@-ms-keyframes rotate {
0% {
-webkit-transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
}
}
@-o-keyframes rotate {
0% {
-webkit-transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
}
}
#send-broadcast-process-popup .loader-line {
width: 90px;
height: 90px;
border-radius: 50%;
box-shadow: inset 0 0 0 1px rgb(66, 170, 114);
-webkit-box-shadow: inset 0 0 0 1px rgb(66, 170, 114);
-moz-box-shadow: inset 0 0 0 1px rgb(66, 170, 114);
-ms-box-shadow: inset 0 0 0 1px rgb(66, 170, 114);
-o-box-shadow: inset 0 0 0 1px rgb(66, 170, 114);
}
#send-broadcast-process-popup #progress-number {
font-size: 2rem;
color: #ffffff;
}
#send-broadcast-process-popup #progress-content-block {
position: absolute;
color: #FFF;
top: 24rem;
width: 100%;
text-align: center;
}
#send-broadcast-process-popup #processing-title {
font-weight: 700;
font-size: 1.6rem;
}
#send-broadcast-process-popup #processing-description {
font-size: 1.2rem;
display: inline-block;
margin-top: 5rem;
max-width: 40rem;
}
#send-broadcast-process-popup #processing-description i {
display: block;
margin-bottom: 1rem;
font-size: 1.5rem;
}
/** End Send Broadcast New Page CSS **/
#compose_mail_page #compose-right-slider-container .input-value-selected {
font-weight: 700 !important;
}
#compose_mail_page #compose-right-slider-container #slide-heading-block {
padding: 1rem;
border-bottom: 1px solid #CCC;
}
#compose_mail_page #compose-right-slider-container #slide-heading-block #title {
font-size: 1.8rem;
line-height: 1;
font-weight: 500;
}
#compose_mail_page #compose-right-slider-container .list-block {
padding: 1rem 1rem 0.5rem 1rem;
overflow-y: auto;
max-height: 35rem;
}
#compose_mail_page #compose-right-slider-container .list-block .list-title {
color: #B9B6B6;
}
#compose_mail_page #compose-right-slider-container .list-block ul {
margin: 1rem 0
}
#compose_mail_page #compose-right-slider-container .list-block ul li {
display: block;
font-size: 1.2rem;
cursor: pointer;
font-weight: 500;
padding: 0.2rem 0;
}
#compose_mail_page #compose-right-slider-container .list-block ul li:hover {
font-weight: 700;
}
/**** Data enrichment demo page ****/
#data_enrichment_demo_page {
text-align: center;
min-height: 50rem;
}
#data_enrichment_demo_page #email_search_container input {
width: 100%;
display: block;
height: 4rem;
padding: 0.5rem;
font-size: 1.5rem;
}
#data_enrichment_demo_page #processing {
margin: 4.9rem 0;
display: none;
}
#data_enrichment_demo_page #processing p {
font-size: 1.4rem;
color: #999;
margin-bottom: 1.4rem;
}
#data_enrichment_demo_page #processing img {
width: 60px;
}
#data_enrichment_demo_page #results_failed {
display: none;
margin: 7rem 0;
color: #999;
}
#data_enrichment_demo_page #results_failed p {
font-size: 1.5rem;
}
#data_enrichment_demo_page #results {
text-align: left;
display: none;
margin-top: 4rem;
}
#data_enrichment_demo_page #results #all_details {
padding-right: 4.9rem;
}
#data_enrichment_demo_page #results #picture {
width: 150px;
height: 150px;
background-size: cover;
background-position: center center;
margin: 1.4rem 0 2.8rem;
}
#data_enrichment_demo_page #results .section_header {
margin: 3.5rem 0 1.4rem;
padding-bottom: 0.7rem;
border-bottom: 1px solid #ccc;
font-size: 2.1rem;
}
#data_enrichment_demo_page #results #name {
font-size: 2.1rem;
font-weight: 700;
}
#data_enrichment_demo_page #results #employments .employment {
margin: 1.4rem 0;
}
#data_enrichment_demo_page #results #employments .employment .employer {
font-weight: 700;
}
#data_enrichment_demo_page #results #social_profiles .social_profile {
margin: 1.4rem 0;
}
#data_enrichment_demo_page #results #social_profiles .social_profile .type {
font-weight: bold;
}
#data_enrichment_demo_page #templates {
display: none;
}
/**** End Data enrichment demo page ****/
/**** Demo prevent modal ****/
#demo_prevent_modal {
text-align: center;
border-radius: 5px;
padding: 3rem;
max-width: 55rem;
}
#demo_prevent_modal #demo_read_only {
margin-top: 2rem;
}
#demo_prevent_modal p {
margin: 1.4rem 0;
}
#demo_prevent_modal p#demo_prevent_modal_title {
font-weight: bold;
font-size: 1.8rem;
margin: 2.1rem 0 1.4rem 0;
}
#demo_prevent_modal div.btn {
margin-top: 2.1rem;
font-size: 1.3rem;
position: static;
color: #fff;
font-weight: normal;
cursor: pointer;
background: #1BAB62;
border-radius: 20px;
font-weight: bold;
}
#demo_prevent_modal div.btn:hover {
background: #20985A;
}
#demo_prevent_modal div.btn span {
line-height: 2.8;
}
/**** End Demo prevent modal ****/
/**** Celebration Page CSS ****/
#celebration-page #celebration-cover {
height: 30rem;
background-repeat: no-repeat;
background-position: center center;
text-align: center;
background-size: cover;
position: relative;
z-index: 2;
padding-top: 1rem;
box-shadow: 2px 1px 1px 0 #E4E4E4;
}
#celebration-page #celebration-content {
background-repeat: repeat;
position: relative;
background-position: center;
}
#celebration-page #celebration-body-container {
max-width: 98rem;
margin: 0 auto;
position: relative;
top: -6rem;
z-index: 99;
box-shadow: 1px 1px 1px 1px #E4E4E4;
background: #ffffff;
}
#celebration-page #celebration-post-heading {
height: 10rem;
background-repeat: repeat-y;
-webkit-background-size: 100%;
-o-background-size: 100%;
background-size: 100%;
}
#celebration-page #celebration-post-heading p {
font-size: 2.1rem;
font-weight: bold;
color: #25374f;
text-align: center;
padding-top: 3.5rem;
}
#celebration-page #celebration-post-content {
min-height: 50rem;
background-repeat: repeat-y;
-webkit-background-size: 100% auto;
-o-background-size: 100% auto;
background-size: 100% auto;
padding-bottom: 5rem;
}
#celebration-page .post {
padding-top: 2.1rem;
padding-left: 8.7rem;
color: #25374f;
margin-bottom: 2.1rem;
}
#celebration-page .user_picture {
width: 5rem;
height: 5rem;
-webkit-background-size: cover;
-o-background-size: cover;
background-size: cover;
float: left;
}
#celebration-page .post .post_content {
width: auto;
overflow: hidden;
padding: 0 2.8rem 0 1.4rem;
}
#celebration-page #new_post {
min-height: 14rem;
}
#celebration-page #new_post textarea {
resize: none;
height: 10rem;
margin-bottom: 1.4rem;
}
#celebration-page #new_post .post_content {
text-align: right;
}
#celebration-page #new_post.hidden {
display: none;
}
#celebration-page .post .post_content p.post_author_details {
font-size: 1.2rem;
margin-bottom: 0.7rem;
}
#celebration-page .post .post_content p.post_author_details a {
color: inherit;
}
#celebration-page .post .post_content p.post_message {
font-size: 1.4rem;
}
#celebration-page #celebration-share {
text-align: center;
color: #25374f;
padding: 3.5rem 1.4rem 3.5rem 0;
}
#celebration-page #celebration-share.hidden {
display: none;
}
#celebration-page #celebration-share p.title {
font-size: 1.6rem;
}
#celebration-page #celebration-share a.social_icon i.fa {
font-size: 2rem;
color: #5d5d5d;
margin-right: 1.4rem;
margin-top: 1.4rem;
}
#celebration-page #celebration-share a.social_icon:hover i.fa {
color: #00a3d3;
}
/**** End Celebration Page CSS ****/
@media only screen and (max-width: 64em) {
#profile_page_container .last-sync-profile-container {
float: none;
text-align: center;
margin: 1rem 0;
}
#profile_page_container .last-updated-time-span {
color: #333;
margin: 0.5rem 1rem;
float: none;
}
#profile_page_container #social_sync_button {
float: none;
margin-left: 0;
}
}
/* line 373, ../../../scss/themes/fifth/base.scss */
#social-sync-popup {
position: relative;
color: rgba(0, 0, 0, 0.701961);
top: 0.8rem;
float: right;
box-shadow: rgba(43, 43, 43, 0.309804) 1px 1px 4px 1px;
border-bottom-left-radius: 0.5rem;
border-bottom-right-radius: 0.5rem;
min-width: 35rem;
display: block;
max-height: 50rem;
background: rgb(255, 255, 255);
overflow: auto;
z-index: 999;
}
/* line 387, ../../../scss/themes/fifth/base.scss */
#social-sync-popup::-webkit-scrollbar {
width: 0.5rem;
}
/* line 390, ../../../scss/themes/fifth/base.scss */
#social-sync-popup::-webkit-scrollbar-thumb {
background: #00A3d3;
padding: 1rem;
}
/* line 394, ../../../scss/themes/fifth/base.scss */
#social-sync-popup .sync-processing {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
background: rgba(251, 251, 251, 0.76);
}
/* line 401, ../../../scss/themes/fifth/base.scss */
#social-sync-popup .sync-processing ul {
position: absolute;
top: 50%;
margin: -0.6rem 0 0 -2.25rem;
left: 50%;
}
/* line 407, ../../../scss/themes/fifth/base.scss */
#social-sync-popup .sync-processing li {
margin: 0.4rem 0.4rem 0.1rem 0.4rem;
height: 0.7rem;
width: 0.7rem;
border: 0.1rem solid #2b8ccd;
/* Primary Color */
border-radius: 100%;
transform: transformZ(0);
-webkit-transform: transformZ(0);
-moz-transform: transformZ(0);
-ms-transform: transformZ(0);
-o-transform: transformZ(0);
animation: loadingKeyframe 1s infinite;
-webkit-animation: loadingKeyframe 1s infinite;
-moz-animation: loadingKeyframe 1s infinite;
-o-animation: loadingKeyframe 1s infinite;
}
/* line 422, ../../../scss/themes/fifth/base.scss */
#social-sync-popup .sync-processing li:nth-child(1n) {
left: -1.7rem;
-webkit-animation-delay: 0s;
animation-delay: 0s;
}
/* line 427, ../../../scss/themes/fifth/base.scss */
#social-sync-popup .sync-processing li:nth-child(2n) {
left: 0;
-webkit-animation-delay: 0.2s;
animation-delay: 0.2s;
}
/* line 432, ../../../scss/themes/fifth/base.scss */
#social-sync-popup .sync-processing li:nth-child(3n) {
left: 1.7rem;
-webkit-animation-delay: 0.4s;
animation-delay: 0.4s;
}
/* line 439, ../../../scss/themes/fifth/base.scss */
#social-sync-popup .sync-question-block {
padding: 1.5rem 2.5rem;
border-bottom: 1px solid #E5E5E5;
position: relative;
}
#social-sync-popup .sync-question-block.sync-question-image-block {
display: inline-block;
padding: 1.5rem 1rem;
}
/* line 443, ../../../scss/themes/fifth/base.scss */
#social-sync-popup .sync-question-block .sync-question-image {
width: 7rem;
border-radius: 0.6rem;
}
/* line 447, ../../../scss/themes/fifth/base.scss */
#social-sync-popup .sync-question-block .sync-question {
font-weight: 500;
text-align: left;
line-height: 1.3;
font-size: 1.3rem;
}
/* line 451, ../../../scss/themes/fifth/base.scss */
#social-sync-popup .sync-question-block .sync-question.image {
display: inline-block;
width: 23rem;
margin: 2rem 0 0 0;
}
/* line 456, ../../../scss/themes/fifth/base.scss */
#social-sync-popup .sync-question-block .sync-question b {
color: #00A3d3;
}
/* line 460, ../../../scss/themes/fifth/base.scss */
#social-sync-popup .sync-question-block .sync-question-options {
display: inline-block;
margin: 1.3rem 0 0.5rem 0;
}
/* line 463, ../../../scss/themes/fifth/base.scss */
#social-sync-popup .sync-question-block .sync-question-options .question-option {
display: inline-block;
padding: 0.3rem 1.3rem;
border: 1px solid #00a3d3;
border-radius: 2rem;
min-width: 6rem;
font-weight: 500;
margin: 0.8rem 1rem 0 0;
text-align: center;
color: #00a3d3;
float: left;
}
#social-sync-popup .sync-question-block .sync-question-options .question-option.question-option-image {
display: inline-block;
}
/* line 474, ../../../scss/themes/fifth/base.scss */
#social-sync-popup .sync-question-block .sync-question-options .question-option.greyed {
border: 1px solid #aaa;
color: #aaa;
}
/* line 477, ../../../scss/themes/fifth/base.scss */
#social-sync-popup .sync-question-block .sync-question-options .question-option.greyed:hover {
border-color: #aaa;
color: #fff;
background: #aaa;
}
/* line 482, ../../../scss/themes/fifth/base.scss */
#social-sync-popup .sync-question-block .sync-question-options .question-option.greyed:active {
background: #aaa;
color: #FFFFFF;
}
/* line 487, ../../../scss/themes/fifth/base.scss */
#social-sync-popup .sync-question-block .sync-question-options .question-option:hover {
border-color: #00A3d3;
color: #fff;
background: #00a3d3;
}
/* line 492, ../../../scss/themes/fifth/base.scss */
#social-sync-popup .sync-question-block .sync-question-options .question-option:active {
background: #00A3d3;
color: #FFFFFF;
}
/* line 500, ../../../scss/themes/fifth/base.scss */
#social-sync-popup .sync-helper-block .popup-social-sync-item {
display: table;
background: #F6F6F6;
width: 100%;
border-bottom: 1px solid #ccc;
margin: 0.3rem 0;
}
/* line 506, ../../../scss/themes/fifth/base.scss */
#social-sync-popup .sync-helper-block .popup-social-sync-item.header-info {
background: #fff;
border: none;
margin: 0;
}
/* line 511, ../../../scss/themes/fifth/base.scss */
#social-sync-popup .sync-helper-block .popup-social-sync-item:last-child {
margin: 0;
}
/* line 514, ../../../scss/themes/fifth/base.scss */
#social-sync-popup .sync-helper-block .popup-social-sync-item .sync-text {
display: table-cell;
text-align: center;
width: 27rem;
line-height: 1.5rem;
padding: 3rem;
}
/* line 520, ../../../scss/themes/fifth/base.scss */
#social-sync-popup .sync-helper-block .popup-social-sync-item .sync-text:empty {
display: none;
}
/* line 524, ../../../scss/themes/fifth/base.scss */
#social-sync-popup .sync-helper-block .popup-social-sync-item .sync-link {
display: inline-block;
vertical-align: middle;
text-align: center;
width: 35px;
height: 35px;
margin: 0.5rem;
border: 2px solid #009625;
border-radius: 50%;
color: #ffffff;
background: #56b573;
box-shadow: rgba(34, 46, 78, 0.38) 0 2px 6px;
padding: 0;
}
/* line 537, ../../../scss/themes/fifth/base.scss */
#social-sync-popup .sync-helper-block .popup-social-sync-item .sync-link:active {
box-shadow: transparent 0 1px 0px;
color: #fff;
background: #4fab6b;
border: 2px solid #318c4d;
}
/* line 543, ../../../scss/themes/fifth/base.scss */
#social-sync-popup .sync-helper-block .popup-social-sync-item .sync-link .sync-icon {
line-height: 30px;
margin: 0;
}
/* line 550, ../../../scss/themes/fifth/base.scss */
#social-sync-popup .sync-helper-block p {
font-weight: 300;
margin-top: 0rem;
padding: 2rem;
font-size: 1.4rem;
float: left;
}
/* line 557, ../../../scss/themes/fifth/base.scss */
#social-sync-popup .sync-helper-block a,
#social-sync-popup .sync-helper-block a:hover {
text-decoration: none;
background: none;
line-height: 1rem;
color: rgba(28, 27, 33, 0.54);
}
/* line 563, ../../../scss/themes/fifth/base.scss */
#social-sync-popup .sync-helper-block button {
background: none;
top: -18px;
float: right;
}
/* line 568, ../../../scss/themes/fifth/base.scss */
#social-sync-popup .sync-helper-block button:hover {
color: red;
}
/* line 573, ../../../scss/themes/fifth/base.scss */
#social-sync-popup #social-sync-last-sync-block .last-updated-stamp {
text-align: center;
padding: 0rem;
font-size: 1.1rem;
color: rgba(0, 0, 0, 0.25);
font-weight: 500;
width: 100%;
}
/* line 581, ../../../scss/themes/fifth/base.scss */
#social-sync-popup #social-sync-last-sync-block p {
width: 100%;
text-align: center;
}
/* line 586, ../../../scss/themes/fifth/base.scss */
#social-sync-popup .sync-popup-status {
padding: 1rem 5rem;
}
/* line 588, ../../../scss/themes/fifth/base.scss */
#social-sync-popup .sync-popup-status .sync-popup-status-icon {
color: #fff;
font-size: 1.5rem;
padding: 1rem;
border-radius: 50%;
}
/* line 593, ../../../scss/themes/fifth/base.scss */
#social-sync-popup .sync-popup-status .sync-popup-status-icon#error {
color: #DC1A0C;
}
/* line 596, ../../../scss/themes/fifth/base.scss */
#social-sync-popup .sync-popup-status .sync-popup-status-icon#success {
background: #1c2640;
}
/* line 600, ../../../scss/themes/fifth/base.scss */
#social-sync-popup .sync-popup-status .sync-popup-status-title {
font-size: 1.5rem;
line-height: 1.3;
color: rgba(0, 0, 0, 0.5);
margin: 0.6rem 0;
cursor: text;
}
/* line 607, ../../../scss/themes/fifth/base.scss */
#social-sync-popup .sync-popup-status .sync-popup-status-btn {
display: inline-block;
position: relative;
padding: 0.5rem 2rem;
font-weight: 500;
font-size: 1.3rem;
border: 1px solid #1c2640;
margin: 1rem 0;
border-radius: 2rem;
color: rgba(0, 0, 0, 0.5);
}
.sync-popup-status-btn:hover {
background: #1c2640;
color: #ffffff;
}
.sync-popup-status-btn a {
background: none !important;
color: #00a3d3 !important;
}
.sync-popup-status-btn:hover {
color: #ffffff !important;
}
.sync-popup-status-btn a:hover {
background: none;
text-decoration: none;
}
#social-sync-popup .sync-popup-status {
color: #fff;
}
/* line 1088, ../../../scss/themes/fifth/base.scss */
#home_page #home_page_content .social-sync-account-item {
margin: 0.2rem 0 0 0;
}
/* line 1090, ../../../scss/themes/fifth/base.scss */
#home_page #home_page_content .social-sync-account-item .sync-link {
display: inline-block;
vertical-align: middle;
text-align: center;
width: 30px;
height: 30px;
margin: 0.5rem 1rem 0.5rem 0.5rem;
border: 2px solid #64BA79;
border-radius: 50%;
color: rgb(100, 186, 121);
background: #ffffff;
box-shadow: rgba(0, 0, 0, 0.15) 0 1px 2px;
padding: 0;
text-decoration: none;
}
#home_page #home_page_content .social-sync-account-item .sync-link:hover {
border: 2px solid #579867;
}
/* line 1104, ../../../scss/themes/fifth/base.scss */
#home_page #home_page_content .social-sync-account-item .sync-link:active {
box-shadow: rgba(0, 0, 0, 0.25) 0 1px 0px;
color: #fff;
background: #64BA79;
border: 1px solid #64BA79;
}
/* line 1110, ../../../scss/themes/fifth/base.scss */
#home_page #home_page_content .social-sync-account-item .sync-link .sync-icon {
line-height: 30px;
margin: 0;
}
/* line 1116, ../../../scss/themes/fifth/base.scss */
#home_page #home_page_content .social-sync-account-item.connected .sync-link,
#home_page #home_page_content .social-sync-account-item.connected .sync-link:active {
box-shadow: none;
color: #ccc;
border: 1px solid #ccc;
}
/* line 1121, ../../../scss/themes/fifth/base.scss */
#home_page #home_page_content .social-sync-account-item.connected .sync-link-text {
pointers-event: none;
text-decoration: none;
color: #ccc;
}
@media only screen and (max-width: 64em) {
/* line 2843, ../../../scss/themes/fifth/base.scss */
#social-sync-popup {
float: left;
}
#social-sync-popup .sync-question-block .sync-question-options .question-option {
padding: 1rem 1.3rem;
line-height: 0px;
}
}
#sync-popup-error-state-clone,
#sync-popup-success-state-clone,
#sync-processing-clone,
#sync-popup-empty-state-clone {
display: none;
}
/*** Common Result Done Block ***/
.results-completed-block {
width: 100%;
max-width: 79.5rem;
margin: 5rem auto 0;
cursor: pointer;
text-align: center;
border-bottom: 1px solid #ccc;
}
.results-completed-block span {
display: inline-block;
line-height: 2rem;
vertical-align: middle;
color: #ccc;
}
.results-completed-block svg {
width: 2rem;
vertical-align: middle;
display: inline-block;
margin-left: 0.5rem;
}
.results-completed-block .completed-box {
position: relative;
top: 1rem;
z-index: 4;
background: #fff;
display: inline-block;
padding: 0 2rem;
}
div#google_translate_element {
position: absolute;
top: 0rem;
left: 1rem;
}
/*** Jobs froala editor ***/
#add_job_page .fr-element ol li {
display: list-item;
}
#add_job_page .fr-element ul li {
display: list-item;
}
#add_job_page .fr-element ul {
list-style: disc;
margin-left: 1.8rem;
}
#add_job_page .fr-element ol {
margin-left: 1.8rem;
}
/*** Home Page Footer Section **/
#footer div.footer-section .footer-section-header {
font-weight: bold;
font-size: 14px;
}
/* Yams Page */
.yams-post-payment-wrapper {
background-color: #f5f5f5;
padding: 3rem 0 0 0;
text-align: center;
min-height: 390px;
}