/* =========================================================== *\
*
*   MAIN CSS DOCUMENT FOR THE DEFAULT 360 ALUMNI DESIGN
*
\* =========================================================== */
html, body {
    font-family: "Source Sans Pro", sans-serif;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
}
body { word-wrap: break-word; }
/***************************************************************
    Helpers
***************************************************************/
.no-padding {
    padding: 0 !important;
}
.no-padding-right {
    padding-right: 0 !important;
}
.no-margin{
    margin: 0;
}
.text-center{
    text-align: center;
}
.hidden{
    display: none!important;
}
.no-box-shadow{
    -webkit-box-shadow:none;
    box-shadow: none;
}
.no-border{
    border:none !important;
}
.no-border-left{
    border-left: none!important;
}
.no-border-right{
    border-right: none!important;
}
.border-top-transparent{
    border-top-color: transparent !important;
}
.border-top-eee{
    border-top: 1px solid #eee;
}

.no-background{
    background: none !important;
}

.horizontal-bar {
    display: inline-block;
    height: 100%;
    background: #eee;
    width: 1px;
    content: normal;
    position: absolute;
    right: 0;
    top: 0;
}

.blur-content {
    -webkit-filter: blur(5px);
    -moz-filter: blur(5px);
    -o-filter: blur(5px);
    -ms-filter: blur(5px);
    filter: blur(5px);
}
.cursor-default,
a.cursor-default,
.cursor-default:hover,
a.cursor-default:hover {
    cursor: default;
}
a.cursor-default:focus img {
    border: none;
}
.min-width-120 {
    min-width: 120px;
}

.side-border-0{
    border-right: 0;
    border-left: 0;
}
/***************************************************************
    Header and footer
***************************************************************/
/**************** Header **************************************/
header {
    background-color: #0e4c92;
    color: #fff;
}
header a {
    color: #fff;
}
header a:hover {
    color: #55A4E3;
    text-decoration: none;
}
.header-left {
    padding-top: 3px;
}
.img-email {
    margin-left: 30px;
    margin-right: 10px;
}
.img-notification {
    margin-right: 10px;
}
.header-user {
    float: left;
    padding-top: 1px;
    padding-right: 30px;
}
.header-user i {
    padding-left: 10px;
}
.header-search {
    float: left;
    color: #0E4C92;
}
.header-right {
    float: right;
}
.header-right input {
    width: 240px;
    height: 35px;
    position: relative;
}
.header-search i {
    position: absolute;
    right: 26px;
    bottom: 9px;
    color: #0E4C92;
    font-size: 19px;
}
.logo img {
    width: 250px;
}
.header-user .dropdown,
.notification_menu .dropdown {
    border: none !important;
    border-bottom-color: #ABB8C5 !important;
    -moz-border-radius: 0 !important;
    -o-border-radius: 0 !important;
    -webkit-border-radius: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    padding: 0 !important;
    height: auto !important;
    cursor: pointer !important;
}
.header-user .dropdown-menu {
    left: 35px;
}
.notification_menu.dropdown {
    display: inline-block;
}
.notifications-mobile a:focus,
header a:focus {
    color: #fff;
    text-decoration: none;
}
.nrmsg {
    position: absolute;
    right: 80px;
    top: -6px;
    background-color: #d0021b;
    width: 16px;
    height: 16px;
    text-align: center;
    border-radius: 100%;
    font-size: 11px;
    color: #fff;
}
.notification_menu .nrmsg {
    right: 110px;
    top: -5px;
}
#profile-notifications ul.token-input-list-notification {
    min-height: 40px;
    border-radius: 0;
    width: 100%;
}
.messages-header,
.notification-header,
.header-user .text-uppercase .fa,
.header-user .text-uppercase .username {
    color: #fff;
}
/* header icons overwrites */
.header-left .fa {
    font-size: 23px;
    margin-left: 30px;
    margin-right: 10px;
    position: absolute;
    margin-bottom: -10px;
}
.header-left a:hover .fa {
    color: #fff;
}
.messages-header {
    margin-left: 67px;
}
.header-left .glyphicon {
    font-size: 23px;
    position: absolute;
    margin-bottom: -10px;
    color: #fff !important;
}
.notification-header {
    margin-left: 37px;
}
/* header mobile icons */
.notifications-mobile .fa {
    font-size: 25px;
    color: #fff !important;
    width: 40px;
    position: relative;
    top: 1px;
    display: inline-block;
    font-style: normal;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}
.notifications-mobile .menu i {
    right: 0;
}
.notifications-mobile .glyphicon {
    font-size: 23px;
    color: #fff !important;
    width: 22px;
}

#pcc-mobile-collapsed-menu {
    text-align:center;
}
/** The Form helpers reinforced for bootstrap **/
.input-sm {
    height: 30px!important;
}
/***************************************/


/************** Nav tabs **************/

#groups .nav-tabs, #events .nav-tabs, #campaigns-page .nav-tabs {
    border: none;
    min-height: 52px;
    display: inline;
}
#groups .nav-tabs > li > a, #events .nav-tabs > li > a, #campaigns-page .nav-tabs > li > a {
    margin-right: 2px;
    line-height: 1.42857143;
    border: 1px solid transparent;
    border-radius: 4px 4px 0 0;
    background: #fff;
    font-size:20px;
    font-weight:300;
    height:52px;
    color: #000;
}
#groups .nav-tabs > li > a:hover, #events .nav-tabs > li > a:hover, #campaigns-page .nav-tabs > li > a:hover {
    border-color: transparent;
    background: #fff;
}
#groups .nav-tabs > li.active > a, #groups .nav-tabs > li.active > a:hover, #groups .nav-tabs > li.active > a:focus,
#events .nav-tabs > li.active > a, #events .nav-tabs > li.active > a:hover, #events .nav-tabs > li.active > a:focus,
#campaigns-page .nav-tabs > li.active > a, #campaigns-page .nav-tabs > li.active > a:hover,
#campaigns-page .nav-tabs > li.active > a:focus {
    color: #000;
    cursor: default;
    font-weight:500;
    background: #fff;
    border: transparent;
}

#groups .nav-tabs > li.border-bottom-blue.active > a, #groups li.border-bottom-blue:hover > a,
#events .nav-tabs > li.border-bottom-blue.active > a, #events li.border-bottom-blue:hover > a,
#campaigns-page .nav-tabs > li.border-bottom-blue.active > a, #campaigns-page li.border-bottom-blue:hover > a {
    border-bottom: 2px solid #0e4c92;
}
.skip-link {
    position: absolute;
    z-index: 9999999;
    left: -100%;
    top: 85px;
    width: auto;
    height: auto;
    bottom: auto !important;
    padding: 5px 10px;
    background: #ffffff;
    border: 1px solid;
}
.skip-link.homepage-skip-link {
    top: 180px;
}
.skip-link:focus {
    left: 30px;
}

/******************** Search page Nav Bar ****************/


/************** Footer **********************************/
footer {
    background-color: #f6f7f9;
    margin-top: 60px;
    padding: 30px 0 20px 0;
    color: #6c6c6c;
    font-family: "Source Sans Pro", sans-serif;
    font-weight: 400;
    text-align: left;
    font-size: 13px;
    border-top: 2px solid #d0d0d0;
}
.title-footer {
    font-weight: 600;
    margin-bottom: 15px;
    font-size: 18px;
    text-align: left;
    color: #4e4e4e;
}
.content-footer {
    line-height: 1.7em;
    position: relative;
    text-align: left;
}
.footer-submenu {
    font-size: 14px;
}
.footer-column {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    margin-right: 12px;
}
.footer-list-vertical, .footer-list-horizontal {
    list-style: none;
    padding: 0;
    margin: 0;
}
.footer-list-horizontal li {
    display: inline-block;
}
.footer-column:last-child {
    margin-right: 0 !important;
}
.large-column {
    width: 18%;
    max-width: 18%;
}
.title-social-links {
    font-size: 13px;
}
.footer-submenu a {
    display: block;
    color: #6c6c6c;
}
footer a, #footer-menu a {
    color: #6c6c6c;
}
footer a:hover, #footer-menu a:hover {
    color: #838383;
    text-decoration: none;
}
footer a:focus {
    outline: 2px dotted #000!important;
    outline: 5px auto -webkit-focus-ring-color!important;
    text-decoration: none;
}
.text-box {
    color: #0a61a3;
}
.img-support img {
    width: 100%;
}
.social-footer-link {
    background: rgba(0,0,0,0.4);
    color: #ffffff !important;
    padding: 5px 5px 3px;
    border-radius: 50%;
    text-align: center;
    margin-right: 4px;
    display: inline-block;
}
.social-footer-link:hover {
    background: rgba(0,0,0,0.3);
}
.social-footer-link i {
    padding: 0 !important;
    width: 19px;
    height: 19px;
    font-size: 18px;
    line-height: 19px;
}
.price-support {
    color: #0a60a3;
    font-size: 16px;
    font-weight: 600;
    border-top: 1px solid #ccc;
    margin-top: 15px;
    text-align: center;
    padding-top: 10px !important;
    border-top: none;
}
.no-padding .posted-content {
    padding-top: 0 !important;
}
.support-box {
    margin-bottom: 10px;
}
.support-box .btn-blue {
    left: 0;
}
.box-sidebar .support-box .one {
    padding: 20px !important;
    margin-bottom: 0 !important;
    border-bottom: 0;
    padding-bottom: 50px !important;
}
.content-footer i {
    padding-right: 10px;
}
.powerd a {
    display: block;
}
.powerd a:focus img {
    border: none;
}
.powerd img {
    width: 140px;
    max-width: 100%;
    margin: 10px 0;
}
.border-footer {
    border-right: 1px solid #d4d5d6;
    display: block;
    width: 1px;
    position: absolute;
    left: 0;
    top: 0;
    height: 90%;
}
.powerd {
    font-size: 12px;
}
.copy {
    font-size: 12px;
    padding-top: 20px !important;
}
.list-footer ul {
    list-style: none;
    padding-left: 0;
    padding-top: 10px;
}
.list-footer ul li {
    display: inline-block;
}
.list-footer ul li a {
    border-right: 1px solid #e3e3e3;
    padding-right: 5px;
    font-size: 12px;
}
.content-footer #hovered_email {
    position: absolute;
    display: none;
    font-weight: 500;
    bottom: -44px;
    font-style: italic;
    background: #5d5d5d;
    color: #ffffff;
    font-size: 18px;
    padding: 10px 20px;
    z-index: 3;
}

#footer-menu {
    margin-bottom: 20px;
    margin-top: 10px;
}
#footer-menu li {
    margin-right: 5px;
    display: block;
    margin-bottom: 5px;
}
#footer-menu a { font-size:12px; padding: 0px 8px;  border-right: 1px solid #e3e3e3; }
#footer-menu a:first-child { padding-left: 0; }
#footer-menu a:last-child { border-right: none !important; }

#footer-custom-links a { padding: 0px 15px; }
#footer-custom-links .footer-list-horizontal li { border-right: 1px solid #e3e3e3; }
#footer-custom-links .footer-list-horizontal li:first-child a { padding-left: 0; }
#footer-custom-links .footer-list-horizontal li:last-child { border-right: none; }


/* search results styles */
.recipient-img {
    position: relative;
    display: inline;
}
.recipient-name {
    color: #0a60a3;
    position: relative;
    display: inline;
    margin-left: 5px;
}
.education-recipient {
    border-bottom: 1px solid #dedede;
}
.education-recipient .recipient-name {
    font-weight: 400;
}
.education-recipient-name {
    margin: 0;
    color: #111;
}
.education-recipient-location {
    color: #999;
}
.no-email.token-input-token-facebook p,
.recipient-name.no-email {
    color: #777;
}
li.token-input-token-facebook p {
    color: #0a60a3;
}
#no_email_messages {
    text-align: justify;
    font-size: 14px;
    background: #eee;
    padding: 10px;
    color: #777;
    margin-top: -15px;
}
.resources-footer a {
    max-width: 190px;
}
/* end css for search results */
/****** end of header and footer css *********/
/***************************************************************
    Menu navbar styles
***************************************************************/
.padding-container-responsive {
    padding-bottom: 35px;
    margin-top: 20px;
    background: #fff;
    border-radius: 16px;
    box-shadow: 0px 8px 12px rgba(25, 0, 0, 0.45);
}


.navbar-default.navbar-main-menu {
    display: inline-block;
    min-height: 51px;
    line-height: 51px;
    border: 0;
    text-align: right;
}
.navbar.navbar-main-menu {
    border-radius: 0;
}
.navbar-main-menu ul {
    list-style: none;
    margin: 0;
    padding: 0 0 0 7px;
}
.navbar-main-menu ul li {
    display: inline;
    list-style: none;
    color: #fff;
    /*margin-right: 10px;*/
    margin-right: 1px;
    font-size: 16px;
    margin-top: 11px;
}
.navbar-main-menu ul li a {
    text-transform: uppercase;
    text-decoration: none;
    position: relative;
    height: 100%;
    display: inline-block;
    padding-left: 20px;
    color: #0a60a3;
    font-weight: 500;
    /*font-size: 18px;*/
    font-size: 16px;
}
.navbar-main-menu ul li a:hover {
    opacity: 1;
}
.navbar-main-menu ul li .fa-home {
    position: relative;
    font-size: 23px;
    margin-right: 5px;
    margin-left: 0;
    margin-top: 0;
    top: 2px;
}
.navbar-main-menu ul li .fa-sort-desc {
    position: absolute;
    font-size: 12px;
    right: 0;
    top: 18px;
}
.navbar-main-menu .dropdown-menu {
    top: auto;
    border-radius: 0;
    box-shadow: none;
    padding: 0;
    margin: 0;
    line-height: 14px;
    background-color: #f6f6f6;
    border: 1px solid #d3d3d3;
    left: auto;
    right: 0;
}
.navbar-main-menu .notifications .dropdown-menu li,
.navbar-main-menu .dropdown-menu li {
    line-height: inherit;
    margin: 0;
}
.navbar-main-menu .notifications .dropdown-menu li a,
.navbar-main-menu .dropdown-menu li a {
    color: #777;
    display: inline-block;
    width: 100%;
    padding: 10px 15px;
    font-weight: 500;
    text-transform: none;
}
.navbar-main-menu ul li.notifications {
    float: right;
    display: inline-block;
    margin: 0;
    padding: 0;
}
.navbar-main-menu ul li.notifications a {
    padding-right: 0;
}
.navbar-main-menu ul li.messages {
    float: right;
    margin: 0;
}
.navbar-main-menu ul li.messages .notification {
    position: relative;
}
.navbar-main-menu ul li.notifications .badge {
    position: relative;
    top: -10px;
    color: #fff;
    background-color: #e01;
}
.navbar-main-menu ul li.messages .badge {
    position: relative;
    top: -10px;
    right: -23px;
    color: #fff;
    background-color: #e01;
}
.navbar-main-menu .navbar-toggle {
    background-color: #ddd;
}
.navbar-default {
    background: none;
}

#mobile-nav {
    display:none;
}
#desktop-nav {
    display:inline-block;
    width:100%
}

.menu {
    background-color: transparent;
    padding: 0;
}
.menu i {
    padding-left: 3px;
}
ul.dropdown-menu li.divider {
    display: block;
    width: 85%;
    opacity: 0.2;
    margin-right: auto;
    margin-left: auto;
}
.second-header {
    padding-top: 35px;
    padding-bottom: 35px;
}
/* Notification + User Dropdown Menu */
header .dropdown-menu {
    border: none;
    border-radius: 1px;
    -webkit-box-shadow: 0 2px 7px rgba(0, 0, 0, .5);
    box-shadow: 0 2px 7px rgba(0, 0, 0, .5);
}
/* only for User Dropdown Menu */
header .header-user .dropdown-menu > li > a {
    font-size: 15px;
    padding: 7px 20px;
}

header .header-user .dropdown .username {
    padding-right: 10px;
    min-width: 115px;
    display: inline-block;
}

/* avatar initial css for no image logic */

.avatar-initials {
    background-color: #6D6D6D;
    color: #fff;
    width: 50px;
    height: 50px;
    display: inline-block;
    text-align: center;
}


a.avatar-initials:hover,
a.avatar-initials:focus {
    text-decoration: none;
    color: #fff;
}

.avatar-initial-holder {
    vertical-align: middle;
    line-height: 50px;
    font-size: 23px;
    font-weight: 600;
    text-transform: uppercase;
}

.avatar-initial-holder .fa-stack.fa-90p {
    font-size: 90%;
}

.fa-stack .fa-gray {
    color: #aaa;
}

.avatar-100.avatar-initials {
    width: 100%;
    height: auto;
}

.avatar-90.avatar-initials {
    width: 90px;
    height: 90px;
}
.avatar-90 .avatar-initial-holder {
    line-height: 90px;
    font-size: 40px;
}


.avatar-75.avatar-initials {
    width: 75px;
    height: 75px;
}
.avatar-75 .avatar-initial-holder {
    line-height: 75px;
    font-size: 40px;
}

.avatar-60.avatar-initials {
    width: 60px;
    height: 60px;
}
.avatar-60 .avatar-initial-holder {
    line-height: 60px;
    font-size: 30px;
}

.avatar-initials-responsive {
    height: 0;
    background-color: #aaa;
    padding-bottom: 100%;
    border-radius: 6px;
    width: 95%;
    max-width: 95%;
}
.avatar-initials-responsive .avatar-initial-holder{
    position: absolute;
    width: 95%;
    text-align: center;
    font-size: 30px;
    color: #fff;
    top: calc( 50% - 25px);
}

/* header/user menu logic */
.dropdown .avatar-initials {
    width: 30px;
    height: 30px;
}
.dropdown .avatar-initial-holder {
    line-height: 30px;
}

.smaller-initials .avatar-initials{
    width: 30px;
    height: 30px;
}
.smaller-initials .avatar-initial-holder{
    line-height: 30px;
    font-size: 18px;
    font-weight: 500;
}

.max-width-50 {
    max-width: 50px;
}

.max-width-75 {
    max-width: 75px;
}

/* tools for my list */
#my-lists .container-one-list hr.no-margin {
    margin-top: 5px;
    margin-bottom: 5px;
}
.list-image-holder {
    min-height: 52px;
}
#my-lists .list-title {
    line-height: 1;
}
#my-lists a.add {
    line-height: 20px;
}
/* end menu css */
.remaining-users-number {
    background: #C3D2E4;
    content: "";
    position:absolute;
    border-radius:50%;
    height:50px;
    width: 100%;
    max-width: 50px;
    text-align:center;
    line-height:50px;
    text-decoration:none;
    cursor:default;

}

.view-list .remaining-users-number {
    right: 140px;
}

.index-lists .remaining-users-number {
    left: 210px;
}

.remaining-users-number:hover {
    text-decoration:none;
    cursor:default;
}
.remaining-users-number:focus {
    text-decoration:none;
    cursor:default;
}

/***************************************************************
    Buttons and links
***************************************************************/
.btn {
    padding: 9px 12px;
}
.no-style-btn,
.no-style-btn:active {
    background: transparent;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    border: none;
}
/* main buttons properties */
.btn-gray,
.btn-white,
.btn-green,
.btn-blue {
    font-size: 14px;
    font-weight: 400;
    text-transform: uppercase;
    text-align: center;
    letter-spacing: 1px;
    padding: 10px;
    position: absolute;
    bottom: 0;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -o-border-radius: 2px;
}
.btn-full-color,
.btn-empty-color {
    font-size: 16px;
    font-weight: 400;
    text-align: center;
    padding: 6px 10px;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -o-border-radius: 2px;
    text-transform: none;
    letter-spacing: 0px;
    white-space: normal;
}
.btn-green {
    background: #75AF00;
    color: #FFFFFF;
    border: 1px solid #75AF00;
}
.btn-green:hover {
    background: #629200;
    border: 1px solid #629200;
}

.btn-green:active,
.btn-full-color:active,
.btn-empty-color:active {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}
.btn-full-color.text-uppercase,
.btn-empty-color.text-uppercase {
    text-transform: uppercase;
}
/* main button colored */
.ui-widget-content a.btn-blue,
.btn-blue,
.btn-full-color {
    background-color: #0E4C92;
    color: #fff;
    border: 1px solid #0E4C92;
}
.btn-uppercase {
    text-transform: uppercase;
    font-size: 14px;
    letter-spacing: 1px;
}
.ui-widget-content a.btn-blue:hover,
.btn-blue:hover {
    background: #216EC5;
}
.btn-gray{
    background-color: #898989;
    color: #fff;
    border: 1px solid #898989;
}
.btn-gray .fa{
    color: #fff;
}
/* main white button */
.btn-white {
    background-color: #fff;
    color: #0a60a3;
    border: 1px solid #0e4c92;
}
.btn-white.btn-active {
    background-color: #0e4c92;
    color: #fff;
}
.btn-white:hover,
.btn-white:focus:hover,
.btn-white:visited:hover {
    background-color: #0e4c92;
    color: #fff;
    text-decoration: none;
    outline: none;
}
/* cases for buttons */
.btn-white:focus,
.btn-active:visited {
    color: #fff;
    text-decoration: none;
    outline: none;
}
.btn-blue:focus,
.btn-white.btn-active:focus,
a.btn-blue:focus,
a.btn-white.btn-active:focus {
    color: #fff;
    text-decoration: none;
}
/* BUTTON FOCUS STATES */
.btn:focus,
.btn-empty-color:focus,
.btn-full-color:focus,
.btn-blue:focus,
.btn-white:focus,
a.btn-blue:focus,
a.btn-white:focus,
.btn-white.focusable-element:focus,
.focusable-element:focus,
.focused-element,
a:focus img,
.focusable-element:focus .image-16by9,
.modal-header .close.bigger:focus,
input[type=submit]:focus,
.sub-menu-container li a:focus,
.form-control:focus {
    outline: 2px dotted #000!important;
    outline: 5px auto -webkit-focus-ring-color !important;
    -webkit-box-shadow: 0 0 0 2px rgba(77, 144, 254, 0.2);
    -moz-box-shadow: none;
    box-shadow: none;
}
.solid-outline-box:focus {
    outline: 0px solid -webkit-focus-ring-color !important;
}
.focusable-element:focus img.not-focusable{
    outline: none !important;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}
.white-focus-indicator:focus {
    outline: 5px auto #FFFFFF !important;
}
.form-control:focus {
    border-color: #ccc;
}

/* button exception from home and other footer buttons */
.box .btn-blue,
.box-sidebar .btn-blue {
    border-radius: 0 0 3px 3px;
    -webkit-border-radius: 0 0 3px 3px;
    -moz-border-radius: 0 0 3px 3px;
    -o-border-radius: 0 0 3px 3px;
}
/* button utils and tools css */
.btn-relative {
    position: relative !important;
    width: auto;
    display: inline-block;
    border-radius: 6px !important;
}
.btn-relative.no-radius {
    border-radius: 6px !important;
}
.btn-margin {
    margin-right: 20px;
}
.btn-disabled,
button[disabled],
html input[disabled] {
    cursor: not-allowed;
    opacity: 0.5;
}
.button-transfer-functions {
    position:relative;
    clear:both;
}
.button-transfer-functions p {color:#FF0000}
/* end button utils */
/* variants for buttons */
.ui-widget button.btn-sm,
.btn-sm {
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
}

.btn-done-com,
.btn-cancel-com,
.btn-send-com {
    margin-top: 10px;
    padding: 2px 15px;
    background-color: #0E4C92;
    color: #fff;
    margin-right: 10px;
    font-size: 12px;
    font-weight: 400;
    border-radius: 2px;
    text-transform: uppercase;
    border: 1px solid #0E4C92;
}
.btn-done-com:hover,
.btn-cancel-com:hover,
.btn-send-com:hover,
.btn-done-com:active,
.btn-cancel-com:active,
.btn-send-com:active,
.btn-done-com:focus,
.btn-cancel-com:focus,
.btn-send-com:focus {
    background-color: #0567BC;
    border: 1px solid #0567BC;
    color: #fff;
    outline: none;
}
.btn-send-com {
    float: right;
}
.btn-50-search {
    width: 49%;
    margin-right: 0;
}

.btn-lg-100 {
    width: 100%;
}

.btn-lg-50 {
    width: 49%;
    float: left;
}
button.multiselect.dropdown-toggle.btn.btn-default {
    color: #555;
    text-align: left;
}
.multiselect-container.dropdown-menu.no-radio>li>a>label>input[type=radio] {
    display: none;
}
.multiselect-container.dropdown-menu.no-radio>li>a>label {
    padding: 3px 20px 3px 20px;
}
.btn-title {
    line-height: 1;
    vertical-align: middle;
}
.text-bold-600 {
    font-weight: 600;
    padding: 9px;
}
.text-bold-800 {
    font-weight: 800 !important;
}
/* end of variants css */
/* the button for removing the study block */
.remove-study-link {
    bottom: -50px;
    position: relative;
    color: #4A4A4A;
    z-index: 1;
}
.add-study-link i {
    color: #4A4A4A;
}
.btn-inv{
    padding: 8px;
    background: transparent;
    text-transform: capitalize;
}
/* end buttons for study area */
.btn-link:focus,
.btn-link:hover{
    outline:none;
}

.btn-padding-6{
    padding: 6px;
}

.title-button-group{
    margin-top: 9px;
    margin-left: 10px;
}
.btn-xs, .btn-group-xs > .btn {
    padding: 1px 5px!important;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 0;
}
.modal-header h3 .btn.btn-header{
    padding: 0px 10px 2px 10px!important;
    text-transform: uppercase;
    font-size: 11px;
    font-weight: 600;
    color: #666;
}
.modal-header h3 small.smaller{
    font-size: 11.5px;
    margin-top: 13px;
}
.modal-body a.category-link{
    font-size: 11.5px;
    color: #777;
    display: block;
}

.modal-body .category-list label{
    font-weight: 300;
    font-size: 16px;
    margin-bottom: 7px;
}

.modal-body .category-list label input[type="checkbox"],
.modal-body .category-list label input[type="radio"]{
    margin-right: 5px;
}

.modal-body.limited-category{
    height: 325px;
    overflow-y: scroll;
}


.modal-footer.category-form .gray-666{
    color: #666;
}
.modal-footer.category-form .btn{
    outline: none;
    text-decoration: none;
    font-weight: 600;
}
.modal-header .close.bigger{
    margin-top: -15px;
    font-size: 37px;
    padding: 5px 10px;
    font-weight: 400;
    margin-right: -10px;
    outline: none;
}
.modal-header .close.bigger > span {
    line-height: 37px;
}
.modal-footer.gray-background-1 .btn.btn-link {
    text-transform: uppercase;
}
.modal-footer.gray-background-1 .btn.btn-link-bi {
    text-transform: uppercase;
    font-style: italic;
    color: #0da6e3;
}
/****** end of buttons and links css *********/

/***************************************************************
    Icons
***************************************************************/
.icon-blue{
    background-color: #0E4C92;
    color: #fff;
}
/****** end of icon css *********/


/***************************************************************
    CSS for Accessibility
***************************************************************/
a:focus .underline-hover {
    text-decoration: underline;
}
.custom-container-comment {
    padding: 0 !important;
}
.custom-container-comment .message-link-content{
    padding: 15px !important;
    display: block;
    position: relative;
}
.message-selector input[name="delete"] {
    width: 20px;
    height: 20px;
    margin: 2px 0;
    box-shadow: none !important;
}
#list-membership .btn-blue a {
    padding: 2px 1px 2px 4px;
    margin: 3px;
}
#list-membership label.collapse-search.search-filter {
    line-height: 36px;
}
.mentorship-list-icon {
    padding: 5px 2px;
}

#viewcriteria .well {
    box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
    display: flex;
    flex-wrap: wrap;
}

#viewcriteria .well div {
    margin-bottom: .9rem;
    flex-wrap: wrap;
    display: flex;
    align-content: baseline;
}

#search_criteria {
    display:inline-flex;
    width:100%;
    flex-wrap:wrap;
    /*background: #f5f5f5;*/
    margin-top: 10px;
    margin-bottom: 10px;
    /*border: 1px solid #e3e3e3;*/
    padding: 10px;
    padding-left:0;
    border-radius: 4px;
}

#search_criteria div {
    margin-bottom:.9rem;
    display:flex;
    flex-wrap: wrap;
    width: 33%;
    align-content: baseline;
}

.homepage-search-button {
    position: static;
}



.no-underline.underline-focus:focus {
    text-decoration: underline;
}
#user-search #ignore-year-check,
#user-search #include_inactive_users {
    position: absolute;
    margin: 0;
    left: 0;
    top: 0;
    opacity: 0;
    height: 25px;
    width: 25px;
    cursor: pointer;
    z-index: 1000;
}
.search_checkbox {
    position: absolute;
    left: 0;
    top: 0;
    height: 25px;
    width: 25px;
    background-color: #ccd5e4;
    cursor: pointer;
}
.button-checkbox input:checked ~ .search_checkbox {
    background-color: #0a60a3;
}
.search_checkbox:after {
    content: "";
    position: absolute;
    display: none;
}
.button-checkbox input:checked ~ .search_checkbox:after {
    display: block;
}
.button-checkbox .search_checkbox:after {
    left: 9px;
    top: 5px;
    width: 5px;
    height: 10px;
    border: solid white;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}
#attended_year, #graduated_year {
    position: absolute;
    margin: auto;
}
#cropper_file:focus + label {
    outline: 2px dotted #000!important;
    outline: 5px auto -webkit-focus-ring-color !important;
    -webkit-box-shadow: 0 0 0 2px rgba(77, 144, 254, 0.2);
    -moz-box-shadow: none;
    box-shadow: none;
}
.group-documents-move {
    padding: 0 2px;
    display: inline-block;
}
#report_list {
    word-break: break-word;
}
#report_list .column-content {
    width: 35%;
}
#report_list .remove-discussion,
#report_list .set-clear,
#report_list .edit-discussion {
    min-width: 100px;
    display: block;
}
#group-page .container-box.members-box {
    padding: 0 20px;
}
#members_list .footable-last-visible > a {
    display: inline-block;
}
.modal-body .category-link i {
    margin-left: 3px;
}
#FilterForm .modal-body .category-link {
    padding: 10px 0;
}
#FilterForm .modal-body hr.margin-top-10.margin-bottom-10 {
    margin: 5px 0;
}
.custom-page-title {
    margin: 0;
    display: inline;
    font-size: 33px;
    font-weight: 400;
}
.custom-in-page-title {
    font-size: 28px;
    font-weight: 300;
    line-height: 1.4;
    color: #222;
    margin: 0;
}

.js-add-custom-field-option-edit-profile {
    font-weight: 600;
    color:blue;
    text-transform: uppercase;
}

#collapseGeneral ol {
    list-style:none;
    padding-left:0;
    margin-bottom:0;
}

.custom-fields-csv label{
    display:block;
}

#collapseGeneral h4 {
 margin-bottom:10px;
}

#campaigns-page .custom-page-title,
#events .custom-page-title,
#groups .custom-page-title,
#create-group .custom-page-title,
#edit-group .custom-page-title {
    line-height: 40px;
    font-size: 40px;
    font-weight: 300;
}
.social-share-button {
    margin: 0 2px;
    display: inline-flex;
}
.social-share-button:first-child {
    margin-left: 0;
}
.social-share-button:last-child {
    margin-right: 0;
}

/***************************************************************
    Main content
***************************************************************/
/* no image with gray background */
.no-picture-gray{
    background: #ededed;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    width: 100%;
    height: 100%;
    display: block;
}
.picture-100,
.picture-150{
    display: inline-block;
    vertical-align: middle;
}
.picture-100 .hover-image,
.picture-100{
    width: 100px;
    height: 100px;
}
.picture-150 .hover-image,
.picture-150{
    width: 150px;
    height: 150px;
}
.picture-100 .hover-image,
.picture-150 .hover-image{
    position: relative;
    text-align: center;
    background: transparent;
    display: block;
}
.picture-100 .centered-icon,
.hover-image i{
    position: relative;
    opacity: 0.5;
    color: #999;
}
.picture-100 .centered-icon,
.picture-150 .centered-icon{
    margin-left: auto;
    display: block;
    position: relative;
    margin-right: auto;
    width: 45px;
}
.picture-100 .centered-icon,
.picture-100 .hover-image i{
    top: -70px;
}
.picture-150 .centered-icon,
.picture-150 .hover-image i{
    top: -95px;
}
.hover-image:hover{
    background: rgba(255,255,255,0.25);
    color:#ccc;
    text-shadow: 2px 2px 2px #000;
}
.picture-100:hover .centered-icon,
.picture-150:hover .centered-icon{
    color:#ccc;
    text-shadow: 2px 2px 2px #000;
}
.picture-100 .centered-icon.icon_position, .picture-100 .hover-image i.icon_position{
    display: inline-block;
    top: -30px;
    left: 30px;
    color: #c1bdbd;
    opacity: 0.7;
}
/* full hr container, it has to be used from inside the contain-page dom object */
.full-hr-container,
.full-container{
    width: calc(100% + 90px);/* each col-* has 15 padding on both sides, there are 3 so 6 X 15 = 90  */
    left: -45px; /* to make it close to the edge */
    position: relative;
}
.full-container-left{
    width: calc(100% + 45px);
    left: -45px;
    position: relative;
}
/* alert and messages from the upper side */
#flash-msg a.close {
    display: block;
    float: right;
    width: 20px;
    height: 20px;
    text-indent: -999em;
    background: url(/bundles/alumnibase/default/images/cross-grey.png) no-repeat center center #EFEFEF;
    border: 1px solid #ccc;
    border-radius: 7px;
    cursor: pointer;
    text-decoration: none;
}
#flash-msg a.close:hover {
    background: url(/bundles/alumnibase/default/images/cross.png) no-repeat center center #EFEFEF;
}
.alert {
    margin-bottom: 50px;
}
/* dialogs js overwrite */
.dialog-message {
    width: 100% !important;
}
.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button,
.ui-widget {
    font-family: "Source Sans Pro", sans-serif;
    font-size: 14px;
}
.ui-dialog .ui-dialog-titlebar-close span{
    display: none;
}
.ui-dialog .ui-dialog-titlebar-close {
    font: normal normal normal 14px/1 FontAwesome;
    font-family: 'FontAwesome' !important;
    display: inline-block;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: absolute;
    right: 7px;
    top: 49%;
    width: 33px;
    margin: -16px 0 0 0;
    padding: 1px;
    height: 30px;
    border: none;
    background: transparent;
    color: #FFF;
}
.ui-dialog-titlebar-close:before {
    content: "\f00d";
}
.ui-dialog .ui-dialog-titlebar-close:hover {
    padding: 1px;
    background-color: rgba(255, 255, 255, 0.2);
}
.ui-dialog .ui-dialog-title {
    margin: 0;
}
div.ui-dialog .ui-dialog-titlebar {
    border-radius: 3px;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    color: #fff;
}
.ui-widget-header {
    height: 45px !important;
    line-height: 33px;
}
.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br {
    border-bottom-right-radius: 3px;
}
.ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl {
    border-bottom-left-radius: 3px;
}
.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr {
    border-top-right-radius: 3px;
}
.ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl {
    border-top-left-radius: 3px;
}
.ui-dialog {
    border: 1px solid #999;
    box-shadow: -2px 10px 35px 8px #999;
}
.modal-dialog {
    top: 85px;
}
div.ui-dialog .ui-dialog-content {
    padding: .5em 1em;
}
/* the search dropdown from menu */
.search-mobile input[type=search] {
    -webkit-appearance: textfield;
    -webkit-box-sizing: content-box;
    font-size: 100%;
}
.search-mobile input::-webkit-search-decoration,
.search-mobile input::-webkit-search-cancel-button {
    display: none;
}
.search-mobile input {
    outline: none;
}
.search-mobile #search input[type=search] {
    width: 15px;
    padding-left: 10px;
    color: #000;
    cursor: pointer;
}
.search-mobile input[type=search] {
    background: #fff url(http://static.tumblr.com/ftv85bp/MIXmud4tx/search-icon.png) no-repeat 9px center;
    padding: 9px 10px 9px 32px;
    width: 55px;
    border: none !important;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    transition: all .5s;
}
.search-mobile input[type=search]:focus {
    width: 170px;
    border: none;
    background-color: #fff;
    padding: 0 10px 0 32px !important;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}
.search-mobile #search input[type=search]:hover {
    background-color: #fff;
}
.visible-xs.search-mobile {
    border: solid 1px #ccc;
}
.search-mobile li.token-input-input-token-search {
    border: none !important;
}
.search-mobile input:-moz-placeholder {
    color: #999;
}
.search-mobile input::-webkit-input-placeholder {
    color: #999;
}
.search-mobile #search input:-moz-placeholder {
    color: transparent;
}
.search-mobile #search input::-webkit-input-placeholder {
    color: transparent;
}
.search-mobile #search {
    float: right;
}
.search-mobile input#token-input-search-input-mobile[type=search] {
    width: 140px;
}
.search-mobile {
    z-index: 99999;
}
#search ul.token-input-list-search {
    border: none;
    border-radius: 0;
    margin: 0;
    z-index: 0;
    width: 240px;
    height: 34px !important;
    padding: 1px;
}
#search ul.token-input-list-facebook {
    border: none;
    border-radius: 0;
    margin: 0;
    z-index: 0;
    width: 240px;
    height: 34px !important;
    padding: 1px;
}

#close-addUsersToList {
    position:absolute;
    top: 1px;;
    right: 1px;
}
#close-addUsersToList .token-input-list-facebook {
    line-height: 14px;
}
.background-light-grey {
    background: #f5f5f5
}
.background-white {
    background-color: #fff!important;
}
.tiny-Margin-Top {
    margin-top: 5px;
}

/* logo messages */
.logo-login {
    text-align: center;
    margin-top: 60px;
    margin-bottom: 100px;
}
/* media wizard related */
a.media-button{
    color: #333;
    opacity: 0.5;
    font-size: 19px;
    font-weight: 700;
    text-decoration: none;
    line-height: 2;
}

a.media-button:hover{
    color: #333;
    opacity: 1;
    font-weight: 700;
    text-decoration: none;
}
a.media-button.active,
a.media-button.active:hover,
a.media-button.active:focus{
    color: #333;
    opacity: 1;
    font-weight: 700;
    text-decoration: none;
}
a.media-button img{
    width: 95px;
}

#sortable_slider {
    list-style: none;
}

#sortable_slider li{
    padding: 10px;
    border: none;
    background: none;
}

#sortable_slider li div.media-container .delete-popover{
    position: absolute;
    background: white;
    margin: -10px;
    top: 45px;
    padding-bottom: 10px;
    border: 1px solid #ccc;
    border-radius: 5px;
    margin-top: -4px;
}
#sortable_slider li div.media-container .delete-popover:after,
#sortable_slider li div.media-container .delete-popover:before {
    bottom: 100%;
    right: 10px;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}

#sortable_slider li div.media-container .delete-popover:after {
    border-color: rgba(255, 255, 255, 0);
    border-bottom-color: #fff;
    border-width: 10px;
    margin-left: -10px;
}
#sortable_slider li div.media-container .delete-popover:before {
    border-color: rgba(204, 204, 204, 0);
    border-bottom-color: #ccc;
    border-width: 12px;
    margin-left: -12px;
    right: 8px;
}
#sortable_slider li div.media-container .img-holder-frame{
    width: 100%;
    background-size: contain!important;
    margin-top: 35px;
}
#sortable_slider li div.media-container .img-holder-frame:after {
    content: "";
    display: block;
    padding-top: 56.25%;
}
#sortable_slider li div.media-container{
    border: 1px dashed #ccc;
    padding:10px;
}
#sortable_slider li .btn.btn-default{
    color: #333;
}
#sortable_slider li div.media-container a.text-danger{
    color: #ff0000;
}
#sortable_slider_upload_form .label-email .picture-100{
    margin-right:5px;
}
#sortable_slider_upload_form .label-email .helper-block{
    width: calc(100% - 110px);
    display: inline-block;
    vertical-align: middle;
}
/* the helpers used in the wizard */
.loading_slider{
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 10;
    background: rgba(255,255,255,0.5);
}
.loading_slider .fa.fa-spin{
    margin: 0 auto;
    top: 40%;
    position: absolute;
    left: calc(50% - 28px);
}
.image-full{
    width:100%;
    height:auto;
}
.play-slide{
    position: absolute;
    color: white;
    background: black;
    width: 100px;
    height: 100px;
    border-radius: 50%;
    top: 50%;
    left: 50%;
    margin-left: -50px;
    margin-top: -50px;
    text-align: center;
    line-height: 9;
    opacity: 0.75;
    z-index: 20;
    cursor: pointer;
}
.play-slide i.fa{
    margin-left: 10px;
}
.play-slide:hover{
    opacity: 1;
}
.video_loaded{
    z-index: 30;
    display: block;
    position: absolute;
    height: 100%;
    width: 100%;
}
.image-16by9{
    position: relative;
    display: block;
    height: 0;
    padding: 0;
    overflow: hidden;
    padding-bottom: 56.25%;
    background-size: cover!important;
}
/* the media slider css */
.media-carousel .carousel-indicators{
    display: block;
    position: relative;
    width: 100%;
    overflow: auto;
    padding: 0;
    left: 0;
    margin: 0;
    text-align: start;
    z-index: 0;
    bottom: 0;
    max-width: 100%;
    white-space: nowrap;
    background: #fff;
}
.media-carousel .carousel-indicators li{
    margin: 0px -3px 0px 0px;
    opacity: 0.75;
    text-indent: 0;
    white-space: normal;
    border-radius: 0;
    height: 90px;
    text-align: center;
    border: 1px solid #eee;
    overflow: hidden;
    border-right: 0;
}
.media-carousel .carousel-indicators li:last-child{
    border-right: 1px solid #eee;
}
.media-carousel .carousel-indicators li:first-child{
    border-left: 1px solid #eee;
}
.media-carousel .carousel-indicators li.active{
    opacity: 1;
    background: none;
}
.media-carousel .carousel-indicators li .img-holder-frame{
    width: 100%;
    background-size: contain!important;
}
.media-carousel .carousel-indicators li .img-holder-frame:after{
    content: "";
    display: block;
    padding-top: 56.25%;
}
.loading_video{
    position: absolute;
    top: calc(50% - 28px);
    left: calc(50% - 28px);
    color: #fff;
    text-shadow: #000 0px 0px 5px;
    opacity: 0.5;
}
.carousel-control.right,
.carousel-control.left{
    height: 20%;
    background: none;
    opacity: 1;
    top: 30%;
}

.carousel-control .glyphicon-chevron-left,
.carousel-control .glyphicon-chevron-right,
.carousel-control .icon-prev,
.carousel-control .icon-next{
   /*margin-top: -61px;*/
}
#media-carousel .carousel-caption h4{
    margin-top:0;
    margin-bottom: 5px;
}
#media-carousel .carousel-caption h4 a{
    color: #fff;
    font-weight: 600;
}

.word-break{
    /* These are technically the same, but use both */
    overflow-wrap: break-word;
    word-wrap: break-word;

    -ms-word-break: break-all;
    /* This is the dangerous one in WebKit, as it breaks things wherever */
    word-break: break-all;
    /* Instead use this non-standard one: */
    word-break: break-word;

    /* Adds a hyphen where the word breaks, if supported (No Blink) */
    -ms-hyphens: auto;
    -moz-hyphens: auto;
    -webkit-hyphens: auto;
    hyphens: auto;

}

#prepare,
#my_groups_results,
#search_groups_results,
#other_groups_results{
    margin: 0 auto;
    min-height: 300px;
}



#prepare{
    padding-top:45px!important;
}
#events .panel,
#my-groups .panel,
#all-groups .panel,
#groups .panel,
#campaigns-page .panel {
    -webkit-box-shadow: none;
     box-shadow: none;
    border-radius:0;
    width: 31%;
    margin: 0.5%;
}

#events .one-list,
#groups .one-list{
    padding: 0!important;
}
#events .panel-default,
#my-groups .panel-default,
#all-groups .panel-default,
#groups .panel-default,
#campaigns-page .panel-default{
    border:none;
}

.groups-vcard{
    border: 1px solid #ccc;
    display: flex;
    align-items: stretch;
}

.groups-vcard .close-button {
    font-size: 18px;
    color: black !important;
    display: block;
    top: 0;
    position: absolute !important;
    right: 0;
    line-height: 22px;
    height: 24px;
    text-decoration: none;
    border: transparent !important;
    background: transparent !important;
    z-index: 10;
}
#block-action {
    border-bottom: none !important;
}
#campaigns-page .panel .container-box{
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -o-border-radius: 0;
}
#media-carousel .carousel-caption p{
    margin:0;
}
#media-carousel ol.carousel-indicators li p{
    max-height: 54px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 9;
}
#media-carousel .carousel-caption{
    background: rgba(0,0,0,0.5);
    width: 100%;
    left: 0;
    bottom: 0;
    padding-top: 10px;
    padding-bottom: 10px;
}
#events .one-list a.event_links_icon.white {
    display: block;
    padding: 0 10px;
}
#groups .one-list .page_links_icon.white,
#events .one-list .event_links_icon.white {
    border: 1px solid  #0a60a3;
    background-color: white;
}

#events .one-list .event_links_icon {
    height: 30px;
    line-height:15px
}

#events .one-list .event_links_icon > a,
#events .one-list a.event_links_icon.white {
    line-height: 30px;
    vertical-align: -7px;
    font-size: 1.2rem !important;
    text-transform: uppercase
}

#events .one-list .event_links_icon a > i,
#events .one-list a.event_links_icon.white > i {
    font-size:1.3rem;
    line-height:21px;
    vertical-align: -1px
}

/* end of media css */
.discussion-box{
    padding: 7px;
    background: rgba(255, 255, 255, 0.5);
    border: 1px solid #ccc;
}
i.fa.min-width-20 {
    min-width: 20px;
}

/* redesign campaign */
/**
    panel sections for client color - bootstrap default extension
 */

.panel-client{
    border-color: #e3e3e3;
}

.panel-client > .panel-heading {
    color: #fff;
    background-color: #0a60a3;
    border-color: #e3e3e3;
}

/** end of panel section css **/

/* animation module */
#slider .rs-border{
    border:none;
}

.rs-control .rs-range-color {
    background-color: #f95133;
    transition: background 0.75s linear;
}
.rs-control .rs-path-color {
    background-color: #fcc7be;
    transition: background 0.75s linear;
}
.rs-control .rs-handle {
    background-color: #f95133;
    transition: background 0.75s linear;
}
.rs-control .rs-bg-color {
    background-color: #ffffff;
}

#slider{
    height: 220px;
    width: 220px;
    position: relative;
    display: inline-block;
    z-index: 25;
}

.circleStats{
    position: relative;
    width: 245px;
    height: 245px;
    text-align: center;
    padding: 11px 6px 0 6px;
    border: 2px solid #ddd;
    border-radius: 50%;
    margin: 10px auto;
}

.dinamic-stats,
.total-stats{
    display: block;
    position: relative;
    font-size: 40px;
    font-weight: 500;
    top: 90px;
    height: 0;
    float: none;
    z-index: 30;
    color: #000;
}
.total-stats{
    top: 125px;
    font-size: 18px;
}

.waves {
    width: 204px;
    height: 204px;
    position: absolute;
    overflow: hidden;
    z-index: 25;
    background: none;
    border-radius: 50%;
    top: 20px;
    left: 18px;
}

.wave1{
    top:90%;
    right: 50%;
    width: 400px;
    height: 400px;
    position: relative;
    border-radius: 45%;
    transition: top 0.3s linear, background 0.5s linear;
}

.wave1:after{
    content: "";
    display: block;
    position: absolute;
    width: 111%;
    top: 12%;
    height: 100%;
    left: 10%;
    background: #f95133;
    opacity: 0.4;
    transform-origin: 50% 50%;
    margin-top: -10px;
    border-radius: 43% 37%;
    animation: spin 12s infinite linear;
    transition: background 0.5s linear;
}
.wave1:before{
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    top: 8%;
    height: 100%;
    right: 10%;
    background: #fbac9f;
    opacity: 0.5;
    transform-origin: 50% 50%;
    margin-top: -10px;
    border-radius: 35% 43%;
    animation: spin 9s infinite linear;
    transition: background 0.5s linear;
}
.wave_25:before,
.wave_25:after{
    background: #f8e168;
    transition: background 0.6s linear;
}
.wave_50:before,
.wave_50:after{
    background: #c1e8d6;
    transition: background 0.7s linear;
}
.wave_75:before,
.wave_75:after{
    background: #97c6f9;
    transition: background 0.8s linear;
}
@keyframes spin {
    100% { transform: rotate(360deg); }
}

.rs-seperator{
    display:none!important;
}

.lazy-loader{
    margin-left: auto;
    margin-right: auto;
    display: block;
    background: rgba(0, 0, 0, 0.5);
    width: 250px;
    padding: 10px;
    border-radius: 10px;
    color: white;
}

.private-tag{
    display: block;
    background: #bb0000;
    color: white;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    text-align: center;
    width: 200px;
    font-size: 20px;
    line-height: 50px;
    position: relative;
    top: 25px;
    left: -50px;
    letter-spacing: 1px;
}
/* design uitlity classes and helpers */
.statistic-info h2{
    color: #000;
    line-height: 18px;
    position: relative;
    min-height: 65px;
}
.statistic-info h2 small{
    font-size: 55%;
    color: #777;
    font-weight: 500;
    display: block;
    margin-top: 10px;
    line-height: 18px;
}
/* end redesign campaign components */
    /* map related on homepage */
.map {
    height: 305px;
    overflow: hidden;
    display:flex;
    justify-content:center;
    align-items:center;
}
.map img {
    min-width: 100%;
    min-height: 100%;
    flex-shrink:0;
}
.content-map {
    position: absolute;
    background-color: rgba(255, 255, 255, 0.8);
    width: 430px;
    left: 30px;
    text-align: center;
    top: 25px;
    height: 253px;
    padding-top: 15px;
}
.title-map {
    color: #0a60a3;
    font-size: 37px;
    font-weight: 600;
    line-height: 40px;
}
.details-map {
    color: #5b5b5b;
    font-size: 22px;
    padding-top: 20px;
}
.padding-btn {
    padding: 10px 40px;
}
.btn-bottom-map {
    margin-top: 20px;
}
.btn-top-map {
    margin-bottom: 20px;
}
.title-harta {
    color: #5b5b5b;
    text-align: center;
    margin-bottom: 5px;
}
.add-to-list {
    margin-top: 20px;
}
/* the box containers */
.box {
    margin-top: 30px;
}
.container-box {
    background-color: #f5f5f5;
    border: 1px solid #c0c0c0;
    padding: 20px 20px 62px 20px;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -o-border-radius: 3px;
}
.img-box img {
    width: 50px;
    height: 50px;
}

.min-img-height{
    min-height:250px;
    background-color: #0c0c0c;
}

.img-box-full img {
    width: 100%;
    height: 100%;
}

.caption-event {
    width:100%;
    bottom: 2rem;
    position: absolute;
    background:#000;
    padding:10px 0px 10px 0px !important;
    background:rgb(0,0,0);
    background: transparent\9;
    background:rgba(0,0,0,0.4);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#66000000,endColorstr=#66000000);
    zoom: 1;
}
.font-edit {
    color:#000;
    margin-bottom:10px;
    font-size: 14.5px;
}

.margin-left-right-auto{
    margin-left: auto;
    margin-right: auto;
}
.float-none{
    float: none!important;
}
.font-size-50{
    font-size:50px;
}
.font-size-17{
    font-size:17px;
}
.font-size-28{
    font-size:28px;
}
.font-size-24{
    font-size:24px;
}

.font-size-20 {
    font-size:20px;
}

.font-size-22 {
    font-size:22px;
}

.font-size-14{
    font-size:14px;
}

.font-size-12{
    font-size:12px;
}
.font-size-15{
    font-size:15px;
}
.width20{
    width: 20%;
}
.caption-padding-margin{
    margin:0px;
    padding:0px;
    white-space:nowrap;
    outline:none;
    border:none;
    line-height: 80%;
}

.thumbnail-full {
    border: 0 none;
    box-shadow: none;
    margin:0px 0px 40px 0px;
    padding:0;
}

.caption-event .content-caption-event, .caption-event a {
    color: #fff;
    -webkit-font-smoothing: antialiased;
}

#home-page .job-board .img-box img,
#home-page .upcoming_events .img-box img,
#home-page .latest-activity .img-box img {
    top: 5px;
    position: relative;
}

.groupFeed_headline{
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
}
.text-ellipsis{
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    line-height: 1;
}
/* Homepage Event Blocks */
.block-event {
    min-height:206px;
    /*background-size: cover;*/
}
.bckgd-img-event {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    padding:3px;
    min-height: 206px;
}
.block-event-day {
    font-weight:bold;
    font-size: 45px;
}
.block-event-month {
    font-weight:bold;
    text-transform:uppercase;
    font-size:26px;
}
.block-event-time {
    margin-top:2px;
    font-size:13px;
}
.block-event-title {
    line-height:115%;
    font-weight:bold !important;
}
.block-event-title a, .block-event-title a:hover {
    color:#fff !important;
    font-size:16px;
}
.block-event-location {
    font-size:14px;
    line-height:115%;
}
.block-event-ticket {
    font-size:12px;
    line-height:115%;
}
.upcoming_events .one {
    margin-bottom:0;}

/* END Homepage Event Blocks */
.img-box-big img {
    width: 100%;
    height: auto;
    max-width:100px;
}

.title-content {
    color: #0a60a3;
    font-size: 14px;
    font-weight: 300;
}
.description-content {
    color: #5b5b5b;
    font-size: 14px;
    line-height: 18px;
}
.posted-content {
    color: #5b5b5b;
    font-size: 14px;
    font-weight: 300;
    padding-top: 15px !important;
    padding-bottom: 5px !important;
}
.box-sidebar {
    margin-bottom: 30px;
}
.one {
    margin-bottom: 10px;
}
.one:last-child {
    margin-bottom:0;
}
.box-sidebar .one {
    border-bottom: none;
    padding-bottom: 20px !important;
}
.title-content-head {
    color: #0a60a3;
    font-size: 16px;
    font-weight: 600;
}
.title-content b {
    font-weight: 600;
    font-size: 16px;
}
#box-events hr {
    margin-top: 10px;
    margin-bottom: 10px;
    border-color: #c0c0c0;
}

.footable-header .line-height-28{
    line-height: 28px;
}

.inner-content-number-view-page, .inner-send-email-marketing-box{
    position: absolute;
    z-index: 1;
}

/* search filter basic hide display */
.search-filter {
    margin-top: 9px;
    text-align: center;
}
.collapse-search {
    color: #0a60a3;
    font-size: 16px;
    font-weight: 600;
    display: block;
}
.collapse-search + input {
    display: none;
}
.collapse-search + input + * {
    display: none;
}
.collapse-search + input:checked + * {
    display: block;
}
#page-alumni-search .career-list #career-level {
    color: #677d81;
}
#page-alumni-search #search-filters .content-block.imploded .block-content {
    display: none;
}
/* search filter forms and layout */
/* search and directory alumni pages maps css */
#page-alumni-lists #users-list li {
    line-height: 40px;
    height: 50px;
}
#page-alumni-lists #user-holder {
    margin-left: 10px;
}
#search-map .avatar {
    float: left;
    padding-right: 9px;
    padding-top: 2px;
}
#search-map .user-info-box {
    display: inline-block;
    font-size: 11px;
    line-height: 15px;
}
#search-map {
    display: block;
    height: 100%;
    position: relative;
}
#search-map .map-popup {
    position: absolute;
}
#search-map:hover .map-popup {
    display: block;
}
#search-map .map-popup .popup-content {
    background: url("/images/map-popup.png") repeat-x scroll 0 -121px transparent;
    display: inline-block;
    height: 93px;
    padding: 16px 2px;
    float: left;
}
#search-map .map-popup .popup-controls {
    height: 24px;
    padding-top: 4px;
}
#search-map .map-popup .popup-controls .fancy-button {
    font-size: 10px;
    margin-left: -2px;
}
#search-map .map-popup .popup-start {
    background: url("/images/map-popup.png") no-repeat scroll 0 1px transparent;
    display: inline-block;
    float: left;
    height: 116px;
    width: 24px;
}
#search-map .map-popup .popup-end {
    background: url("/images/map-popup.png") no-repeat scroll right -250px transparent;
    display: inline-block;
    float: right;
    height: 116px;
    width: 18px;
}
.harta {
    height: 578px;
    width: 100%;
}
.img-icon img {
    width: 100%;
}
.img-icon a img {
    border-radius: 3px;
}
.name-pin {
    color: #0a60a3;
    font-size: 17px;
    font-weight: 600;
}
.title-pin {
    margin: 5px 0;
    font-size: 15px;
}
.icons-pin i {
    font-size: 27px;
    margin-right: 16px;
    color: #5c5c5c;
}
.icons-pin i:hover {
    color: #0a60a3;
}
.icons-pin {
    margin-top: 16px;
}
.description-pin {
    color: #5b5b5b;
    font-size: 16px;
    line-height: 20px;
    margin-top: 10px;
}
.col-lg-12.col-md-12.col-sm-12.col-xs-12.pin-content.no-padding {
    width: 100%;
}

.text-dark {
    color:#000;
}

.flex-row-reverse {
    flex-flow:row-reverse;
}

.color-grayContrast {
    color:#5b5b5b;
}

.font-weight-600 {
    font-weight: 600;
}

.font-weight-400 {
    font-weight: 400;
}

.multifil-form .js-remove-custom-field-multiple {
    position: absolute;
    top:50%;
    font-size:20px;
}

.multifil-form .caret {
    float:right;
    margin-top:7px;
}

.multifil-form button:hover {
    background:none!important;
}

.font-weight-500 {
    font-weight: 500;
}

.font-weight-normal {
    font-weight: normal!important;
}

.pin-content hr {
    margin: 10px 0;
}
.pin-content select {
    width: 100%;
}
.pin-content {
    width: 350px;
}
.nav-tabs li a.map_view_btn{
    border-color: #ddd;
    border-radius: 5px 0 0 5px;
    padding: 7px 30px;
}
.nav-tabs li a.list_view_btn{
    border-color: #ddd;
    border-radius: 0px 5px 5px 0px;
    padding: 7px 30px;
    margin-left: -3px;
}

.w-50 {
    width:50%;
}

#search_type_switch.nav-tabs > li.active > a,
#search_type_switch.nav-tabs > li.active > a:hover,
#search_type_switch.nav-tabs > li.active > a:focus {
    border-color: #ddd;
}
#search-filters .form-group:not(:last-child) {
    border-bottom: 1px solid #ededed;
}
#create-group #block-action {
    border-bottom: none;
}
#search-filters .form-group span.plus-icon {
    color: #535353;
    position: absolute;
    top: 0;
    right: 0;
    z-index: -1;
}
.keywords_holder input::placeholder {
    color: #ccc;
    letter-spacing: 1px;
    text-transform: uppercase;
}
.keywords_holder span {
    color: #ccc;
}


#user-search #block-degree .multiselect-item.filter,
#user-search .block-custom-fields .multiselect-item.filter,
#user-search #block-focus .multiselect-item.filter,
#user-search #block-organization .multiselect-item.filter,
#user-search #block-industry .multiselect-item.filter,
#user-search #block-language .multiselect-item.filter {
    display: block;
    border: none;
    margin-bottom: 10px;
}
#user-search .block-custom-fields .multiselect-item.filter .input-group,
#user-search #block-focus .multiselect-item.filter .input-group,
#user-search #block-organization .multiselect-item.filter .input-group,
#user-search #block-degree .multiselect-item.filter .input-group,
#user-search #block-industry .multiselect-item.filter .input-group,
#user-search #block-language .multiselect-item.filter .input-group,
#user-search #block-organization .multiselect-item.filter .input-group {
    background: transparent;
    margin: 0;
    width: 100%;
}
#user-search .block-custom-fields .multiselect-item.filter .multiselect-search,
#user-search #block-focus .multiselect-item.filter .multiselect-search,
#user-search #block-organization .multiselect-item.filter .multiselect-search,
#user-search #block-degree .multiselect-item.filter .multiselect-search,
#user-search #block-industry .multiselect-item.filter .multiselect-search,
#user-search #block-language .multiselect-item.filter .multiselect-search,
#user-search #block-organization .multiselect-item.filter .multiselect-search {
    border: none;
    border-bottom: 1px solid #ccc;
}
#user-search .multiselect-container::-webkit-scrollbar{
    width: 4px;
}

 .form-right-top {
    position: absolute;
    right: -30px;
    top: 0;
}

#user-search .block-custom-fields .multiselect-item.filter .input-group-addon,
#user-search #block-focus .multiselect-item.filter .input-group-addon,
#user-search #block-organization .multiselect-item.filter .input-group-addon,
#user-search #block-degree .multiselect-item.filter .input-group-addon,
#user-search #block-industry .multiselect-item.filter .input-group-addon,
#user-search #block-language .multiselect-item.filter .input-group-addon,

#user-search .block-custom-fields .multiselect-item.filter .input-group-btn,
#user-search #block-focus .multiselect-item.filter .input-group-btn,
#user-search #block-organization .multiselect-item.filter .input-group-btn,
#user-search #block-organization .multiselect-item.filter .input-group-addon,
#user-search #block-degree .multiselect-item.filter .input-group-btn,
#user-search #block-industry .multiselect-item.filter .input-group-btn,
#user-search #block-language .multiselect-item.filter .input-group-btn {
    display: none;
}
#user-search #block-degree .multiselect-container,
#user-search .block-custom-fields .multiselect-container,
#user-search #block-industry .multiselect-container,
#user-search #block-language .multiselect-container,
#user-search #block-organization .multiselect-container,
#user-search #block-focus .multiselect-container{
    position: relative;
    box-shadow: none;
    -webkit-box-shadow: none;
    margin-bottom: 10px;
    border-radius: 0;
    width: 100%;
}
#user-search #block-degree .btn-group:after,
#user-search .block-custom-fields .btn-group:after,
#user-search #block-industry .btn-group:after,
#user-search #block-language .btn-group:after,
#user-search #block-organization .btn-group:after,
#user-search #block-focus .btn-group:after {
    content: "\f067";
    font-family: "Fontawesome";
    color: #535353;
    position: absolute;
    top: 8px;
    right: 0;
    z-index: -1;

 }
#user-search .block-custom-fields .btn-group.open:after,
#user-search #block-degree .btn-group.open:after,
#user-search #block-industry .btn-group.open:after,
#user-search #block-language .btn-group.open:after,
#user-search #block-organization .btn-group.open:after,
#user-search #block-focus .btn-group.open:after {
    content: "\f068";
}
#user-search .block-custom-fields .industry_holder:after,
#user-search #block-degree .industry_holder:after,
#user-search #block-industry .industry_holder:after,
#user-search #block-language .language_holder:after,
#user-search #block-organization .study_holder:after,
#user-search #block-focus .focus_holder:after {
    content: "\f067";
    font-family: "Fontawesome";
    color: #ddd;
    position: absolute;
    top: 0;
    right: 0;
    z-index: -1;
}
#user-search .block-custom-fields .industry_holder.ready:after,
#user-search #block-degree .industry_holder.ready:after,
#user-search #block-industry .industry_holder.ready:after,
#user-search #block-language .language_holder.ready:after,
#user-search #block-organization .study_holder.ready:after,
#user-search #block-focus .focus_holder.ready:after {
    display: none;
}
#user-search .margin_holder{
    margin-top: -40px;
}
#user-search #degree,
#user-search #skills,
#user-search #languages,
#user-search #tags,
#user-search #focus,
#user-search #industries,
#user-search #study_organization{
    display: none;
}
#user-search .block-custom-fields .multiselect-container>li,
#user-search #block-degree .multiselect-container>li,
#user-search #block-industry .multiselect-container>li,
#user-search #block-language .multiselect-container>li,
#user-search #block-organization .multiselect-container>li,
#user-search #block-focus .multiselect-container>li {
    padding: 0;
    overflow: hidden;
    display: inline-block;
    margin: 2px 5px 0 5px;
    border-radius: 3px;
    /*background-color: #eff2f7;*/
    border: 1px solid #ccd5e4;
}
#user-search .block-custom-fields .multiselect-container>li>a>label,
#user-search #block-degree .multiselect-container>li>a>label,
#user-search #block-industry .multiselect-container>li>a>label,
#user-search #block-language .multiselect-container>li>a>label,
#user-search #block-organization .multiselect-container>li>a>label,
#user-search #block-focus .multiselect-container>li>a>label {
    color: #0a60a3;
    font-size: 13px;
}
#user-search .block-custom-fields .multiselect-container>li>a>label.checkbox,
#user-search #block-degree .multiselect-container>li>a>label.checkbox,
#user-search #block-industry .multiselect-container>li>a>label.checkbox,
#user-search #block-language .multiselect-container>li>a>label.checkbox,
#user-search #block-organization .multiselect-container>li>a>label.checkbox,
#user-search #block-focus .multiselect-container>li>a>label.checkbox {
    padding: 2px 10px;
}
#user-search .block-custom-fields .multiselect-container>li>a>label>input[type=checkbox],
#user-search #block-degree .multiselect-container>li>a>label>input[type=checkbox],
#user-search #block-industry .multiselect-container>li>a>label>input[type=checkbox],
#user-search #block-language .multiselect-container>li>a>label>input[type=checkbox],
#user-search #block-organization .multiselect-container>li>a>label>input[type=checkbox],
#user-search #block-focus .multiselect-container>li>a>label>input[type=checkbox] {
    opacity: 0;
}
#user-search .block-custom-fields .multiselect-container>li>a,
#user-search #block-degree .multiselect-container>li>a,
#user-search #block-industry .multiselect-container>li>a,
#user-search #block-language .multiselect-container>li>a,
#user-search #block-organization .multiselect-container>li>a,
#user-search #block-focus .multiselect-container>li>a {
    white-space: initial;
}
#user-search .block-custom-fields .multiselect-container>li.active>a,
#user-search #block-degree .multiselect-container>li.active>a,
#user-search #block-industry .multiselect-container>li.active>a,
#user-search #block-language .multiselect-container>li.active>a,
#user-search #block-organization .multiselect-container>li.active>a,
#user-search #block-focus .multiselect-container>li.active>a {
    background-color: rgb(204, 213, 228);
}
#user-search #block-degree .degree_holder button.multiselect-clear-filter,
#user-search .block-custom-fields .custom-fields-holder button.multiselect-clear-filter,
#user-search #block-focus .focus_holder button.multiselect-clear-filter,
#user-search #block-organization .study_holder button.multiselect-clear-filter,
#user-search #block-industry .industry_holder button.multiselect-clear-filter,
#user-search #block-language .language_holder button.multiselect-clear-filter {
    opacity:1;
}
#user-search .block-custom-fields .custom-fields-holder button,
#user-search #block-degree .degree_holder button,
#user-search #block-industry .industry_holder button,
#user-search #block-language .language_holder button,
#user-search #block-organization .study_holder button,
#user-search #block-focus .focus_holder button {
    opacity: 0;
}
#degree_holder button.multiselect.dropdown-toggle.btn.btn-default,
#industry_holder button.multiselect.dropdown-toggle.btn.btn-default,
#language_holder button.multiselect.dropdown-toggle.btn.btn-default {
    height: auto;
}
#degree_holder button.multiselect.dropdown-toggle.btn.btn-default span,
#industry_holder button.multiselect.dropdown-toggle.btn.btn-default span,
#language_holder button.multiselect.dropdown-toggle.btn.btn-default span {
    white-space: normal;
}

.more_search_filters_holder>.form-group {
    margin-top: 20px;
}

#skils_holder span.input-group-addon {
    display: none;
}
#user-search #search-filters .form-group label.label-form,
#user-search #search-filters .block-custom-fields label.label-form {
    padding-right: 20px;
    width: 100%;
}
.small-btn {
    padding: 2px 10px;
    overflow: hidden;
    display: inline-block;
    border-radius: 3px;
    background-color: #eff2f7;
    border: 1px solid #ccd5e4;
    color: #0a60a3;
    font-size: 13px;
}
.small-btn:hover {
    background: #eeeeee57;
}
.small-btn:focus {
    outline: 0;
}
.btn-checked{
    background-color: rgb(204, 213, 228);
}
.search-input-style, #search-filters ul.token-input-list-facebook{
    border-width: 0 0 1px 0 !important;
    padding: 0 0 5px 0;
    height: 20px!important;
    margin-bottom: 20px;
}
#search-filters ul.token-input-list-facebook{
    height: 40px!important;
}

#search-filters .checkbox button.btn-checked {
    color: #505292;
}

#user-search #search-filters ul.token-input-list-facebook{
    height: auto!important;
}
input.search-input-style:focus {
    outline: 0;
}
.years_holder .form-group{
    display: inline-flex;
    align-content: center;
}
.radius-btn-left{
    border-radius: 5px 0px 0px 5px;
    padding: 7px 10px;
    margin: 0;
    border: 1px solid #ddd;
}
.radius-btn-right{
    border-radius: 0px 5px 5px 0px;
    padding: 7px 10px;
    margin-left: -1px!important;
    border: 1px solid #ddd;
    border-left: none;
}
.radius-btn-left input, .radius-btn-right input{
    margin-left: -15px;
}
.opacity-0{
    opacity: 0;
}
/* table pagination */
.pagination-icons button .glyphicon {
    font-size: 11px;
}
/* custom pagination directory */
#map-view .fooicon-plus:before {
    content: "\E114";
}
#map-view .fooicon-minus:before {
    content: "\E113";
}

.btn-default-active {
    color: #333;
    background-color: #e6e6e6;
    border-color: #adadad;
}
.relative{
    position: relative;
}
.loader-overlay{
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    background: rgba(255,255,255,0.5);
}
.center-image {
    position: relative;
    display: block;
    margin-right: auto;
    margin-left: auto;
}
.search_options{
    display: none;
}
#search_result_table {
    min-height: 200px;
}

.one-row-user-form ul.multiselect-container.dropdown-menu {
    width:100%;
    margin-top:.5rem;
}

.one-row-user-form .btn-group:focus {
    outline:none!important;
}

.btn-default:active, .btn-default.active, .open > .dropdown-toggle.btn-default {
    box-shadow: none!important;
    background:none!important;
}

.one-row-user-form  button.multiselect.dropdown-toggle.btn.btn-default {
    outline:none!important;
}

.one-row-user-form.saved-custom-fields:nth-child(1) {
    padding-top:2.5rem!important;
}

.one-row-user-form .js-openfill-box ::placeholder {
    font-style: italic;
}
.one-row-user-form .fa {
    float:right;
    margin-top:5px;
}

#search_result_table .container-loader {
    background: rgba(255, 255, 255, 0.50);
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
}
.pagination-holder {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    width: 250px;
}
.pagination-holder-top {
    margin-right: 0;
    width: 220px;
}
.page-of {
    border: none;
    width: 60px;
}
.page-number {
    width: 30px;
    padding: 0;
    margin: 6px 0 4px 30px;
    background-color: #f4f4f4;
    border-top: 1px solid #ccc;
    border-left: 1px solid #ccc;
    border-right: 0;
    border-bottom: 0;
}
.pagination-holder-top .page-number {
    font-size: 16px;
    padding: 2px;
    font-weight: 600;
}
.pagination-holder-top .page-of {
    font-size: 16px;
}
.pagination-holder .btn {
    text-transform: capitalize;
}
#list .pagination > li > a,
#list .pagination > li > span{
    padding: 0px 6px;
    color: #337ab7;
    border: none;
    border-left: 1px solid #337ab7;
    line-height: 11px;
}

#list .pagination > li > span,
#list .pagination > li:first-child > a,
#list .pagination > li:nth-child(2) > a,
#list .pagination > li:last-child > a{
    border: none;
}

#list .pagination > li:nth-last-child(2) > span{
    border-left: 1px solid #337ab7;
}
#list .pagination > li.active > a{
    background: transparent;
    font-weight:bold;
}
/* end pagination directory */
.page-size-container{
    max-width: 185px;
    margin-top: -90px;
}
.page-size-container .page-size:first-child{
    border-radius: 5px 0 0 5px!important;
}
.page-size-container .page-size:last-child{
    border-radius: 0 5px 5px 0!important;
}
.page-size-container .btn.page-size{
    padding: 7px 12px;
}

/* map view page css */
#negative-top-margin-map {
    margin-top: -80px;
}
#map-view .input-group .form-control.text-center {
    text-align: center;
}
#map-view .input-group .form-control:nth-child(3) {
    font-weight: 600;
}
#map-view .input-group .form-control {
    width: 50%;
}
.btn-default:focus, .btn-default.focus {
    background-color: #fff;
    outline: none;
}
#map-view table .extra {
    display: none;
}
#map-view .study-organization .ui-multiselect {
    border: 1px solid #AEAEAE; color: #333;
}

#study-organization-view button.footable-edit {
    margin-right:10px;
}

.ui-slider .ui-slider-range {
    font-size: .7em;
    display: block;
    border: 0;
    background-position: 0 0;
    background: #ccc;
    height: 100%!important;
}
#map-view .ui-slider-horizontal .ui-slider-handle {
    border-radius: 100% !important;
    background: #4a4a4a !important;
    border: 0 !important;
    outline: none !important;
}
input.sliderValue {
    border: none;
    outline: none;
    box-shadow: none;
    width: 40px;
    display: inline-block;
}
#map-view .pac-container{
    z-index: 10!important;
    position: relative;
}
#map-view button.multiselect.dropdown-toggle.btn.btn-default{
    display: block;
    background-color: #fff;
    border-radius: 0;
}
#map-view ul.multiselect-container.dropdown-menu label.checkbox{
    white-space:pre-line;
}
#map-view .multiselect-container .multiselect-item .filter .input-group{
    margin: 0px;
}
#map-view .multiselect-item.filter .input-group-btn:last-child > .btn, .input-group-btn:last-child > .btn-group,
#map-view .multiselect-item.filter .input-group-addon:first-child{
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -o-border-radius: 0;
    font-style: italic;
    text-align: left;
    color: #555;
}
#map-view ul.token-input-list-facebook {
    width: auto;
}
@media only screen and (max-width: 767px){
    .fixed-bar + div{
        display: none;
    }
    .fixed-bar{
        -webkit-box-shadow: 0px 3px 20px 0px rgba(0,0,0,0.21);
        -moz-box-shadow: 0px 3px 20px 0px rgba(0,0,0,0.21);
        box-shadow: 0px 3px 20px 0px rgba(0,0,0,0.21);
        width: 100%;
        z-index: 99;
        background: #fff;
    }
    .fixed-bar .fa-search{
        padding: 20px 15px;
    }
    .fixed-bar.fixed{
        position: fixed;
        top:0;
        left:0;
    }
    .search-dropdown.fixed{
        position: sticky;
        left: 0;
        top: 54px;
        z-index: 9;
        background: #fff;
    }
    .search-dropdown::-webkit-scrollbar{
        width: 4px;
    }
    .apply-filters-btn{
        border-radius: 3px;
        width: 90%;
        left: 50%;
        transform: translateX(-50%);
        margin: 10px auto;
    }
    .apply-filters-holder{
        background: #fff;
        left: 0;
    }
    .filterby{
        cursor: pointer;
    }
    .page-size-container{
        margin-top: -40px;
    }
    #user-search #block-focus .multiselect-container{
        max-width: 100%;
    }
}
/* custom upload button */
.inputfile {
    width: 0.1px;
    height: 0.1px;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    z-index: -1;
}
.inputfile + label {
    width: 100%;
    font-size: 16px;
    font-weight: 700;
    text-overflow: ellipsis;
    white-space: nowrap;
    cursor: pointer;
    display: inline-block;
    overflow: hidden;
    text-align: center;
    text-transform: uppercase;
    margin: 0;
}
.inputfile + label span.fa-stack {
    display: block;
    padding: 20px;
    margin: -10px auto 20px;
}
.inputfile:focus + label,
.inputfile + label:hover {
    color: #722040;
}
.inputfile + label {
    cursor: pointer; /* "hand" cursor */
}
.inputfile + label * {
    pointer-events: none;
}
.image-upload-button {
    margin: 0;
}
/* 404 page css */
#notfound .notfound {
    border-top: 1px solid #ddd;
    font-size: 180px;
    color: #ccc;
    padding: 15px 20px !important;
    text-align: center;
}
#notfound .comment-404 {
    font-size: 20px;
    color: #ccc;
    margin-bottom: 40px;
    line-height: 30px;
    text-align: center;
}

/* the calender classes used instead of images */
.calendar-widget {
    display: block;
    background: #FFF;
    color: #fff !important;
    height: 50px;
    text-align: center;
    width: 50px;
    border-radius: 6px;
    overflow: hidden;
}
.calendar-widget .month {
    display: block;
    font-weight: bold;
    color: #fff;
    font-size: 12px;
    padding: 0 0;
    text-decoration: none;
    text-transform: uppercase;
    background: #444;
}
.calendar-widget .day {
    display: block;
    color: #333;
    padding-top: 5px;
    font-weight: bold;
    font-size: 18px;
    text-decoration: none;
    background: #FFF;
    height: 32px;
}
/* boxes fixes to bootstrap */
.description-fix {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 9;
    line-height: 1;
    max-height: 135px;
}
/* ajax loader */
.spinner {
    background: url(/bundles/alumnibase/default/images/ajax-loader.gif) no-repeat left;
    width: 32px;
    height: 32px;
}
/* calendar widget ui custom css */
.ui-datepicker{
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    -webkit-border-top-left-radius: 0;
    -webkit-border-top-right-radius: 0;
    -moz-border-radius-topleft: 0;
    -moz-border-radius-topright: 0;
    padding: 0;
    width: 285px;
}
.ui-datepicker .ui-datepicker-header{
    background: #fff;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
}
.ui-datepicker .ui-datepicker-title{
    margin: 5px 10px;
    font-size: 15px;
}
.ui-datepicker table.ui-datepicker-calendar{
    margin: 15px auto;
    width: 85%;
}
.ui-datepicker .ui-datepicker-calendar thead{
    text-transform: uppercase;
    color: #677D81;
    font-size: 15px;
}
.ui-datepicker .ui-datepicker-calendar .ui-state-default{
    text-align: center;
    background: none;
    border: 0;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    width: 25px;
    font-size: 17px;
    line-height: 1.1;
    height: 25px;
}
.ui-datepicker .ui-datepicker-calendar .ui-state-default.ui-state-active {
    background: #0E4C92;
    color: #fff;
}
.ui-datepicker .ui-datepicker-calendar .ui-state-default.ui-state-hover {
    background: #83e6ff;
    color: #fff;
}
.ui-datepicker .ui-datepicker-calendar .ui-state-default {
    color: #000;
}
.ui-datepicker .ui-datepicker-calendar .ui-state-default.ui-state-highlight {
    background: #24c7ff;
    color: #fff;
}
.ui-datepicker .ui-datepicker-next,
.ui-datepicker .ui-datepicker-prev {
    height: 30px;
    top: calc(50% - 15px);
    font-family: "FontAwesome";
    color: #677D81;
    font-size: 20px;
    text-align: center;
}
.ui-datepicker .ui-datepicker-prev span.ui-icon.ui-icon-circle-triangle-w,
.ui-datepicker .ui-datepicker-next span.ui-icon.ui-icon-circle-triangle-e{
    display: none;
}
.ui-datepicker .ui-datepicker-prev:after{
    content: "\f104";
}
.ui-datepicker .ui-datepicker-next:after{
    content: "\f105";
}
#ui-datepicker-div .ui-datepicker-next.ui-state-hover.ui-datepicker-next-hover,
#ui-datepicker-div .ui-datepicker-prev.ui-state-hover.ui-datepicker-prev-hover {
    background: none;
    border: 0;
    color: #666;
    background: #eee;
    font-weight: 600;
    text-decoration: none;
}
#ui-datepicker-div .ui-datepicker-next.ui-state-hover.ui-datepicker-next-hover{
    right: 2px;
}
#ui-datepicker-div .ui-datepicker-prev.ui-state-hover.ui-datepicker-prev-hover {
    left: 2px;
}
.ui-datepicker .ui-datepicker-title select {
    margin-right: 50px;
}
.ui-datepicker .ui-datepicker-month{
    border:0;
    outline:0;
}
.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
    width: 25%;
}
/*!* time section of datepicker *!*/
.ui-timepicker-div.ui-timepicker-oneLine {
    width: 85%;
    padding: 0;
    margin: 0 auto;
}

.ui-timepicker-div.ui-timepicker-oneLine .ui_tpicker_time_label {
    display: block;
    font-size: 18px;
    font-weight: 600;
    padding-top: 0;
}
.ui_tpicker_hour,
.ui_tpicker_minute {
    width: 35%;
}

.ui_tpicker_hour_slider,
.ui_tpicker_minute_slider{
    width: 90%;
}
.ui_tpicker_hour_slider .ui-timepicker-select,
.ui_tpicker_minute_slider .ui-timepicker-select {
    width: 90%;
    background: none;
    border: 0;
    color: #677D81;
    font-size: 20px;
    font-weight: 400;
    padding: 2px 10px;
    font-family: "Source Sans Pro", sans-serif;
}
.ui-timepicker-div.ui-timepicker-oneLine dl dd.ui_tpicker_minute:before,
.ui-timepicker-div.ui-timepicker-oneLine dl dd.ui_tpicker_second:before {
    font-family: "Source Sans Pro", sans-serif;
    font-size: 20px;
}

/* end calendar */
/* the jobs page css */
.display-none {
    display: none;
}
.display-block {
    display: block;
}
.job-title small a,
.job-title small {
    font-size: 15px;
    color: #5C5C5C;
    top: 3px;
    position: relative;
}
#job-board .job-title a {
    top: 0;
    font-size: 18px;
}
.job-description {
    margin-top: 10px;
}
.checkbox-separator {
    display: none;
}
#job-board-single-external .job-title,
#job-board-single .job-title,
#job-board .job-title,
#job-board .job-title a {
    color: #0a60a3;
    font-size: 20px;
    font-weight: 600;
}
#job-board .job-employer {
    font-size: 16px;
    color: #000;
    font-weight: 500;
}
#job-board-single .social-box {
    left: 0;
}
#administrators-view .image-box,
#event-attendees .image-box,
#event-tickets .image-box,
#event-view .image-box,
#job-board-single-external .image-box,
#job-board-single .image-box {
    display: inline-block;
    top: 15px;
    position: relative;
    vertical-align: top;
}

#group-view-all .image-box,
#job-board .image-box,
#group-page .image-box {
    display: inline-block;
    top: 10px;
    position: relative;
    vertical-align: top;
}
.add-members{
    padding-top: 3px;
    border: 1px solid #218df4;
    border-radius: 7px;
    width: 50px;
    height: 50px;
    text-align: center;
    cursor: pointer;
}
.add-members.disabled{
    border-color: #eee;
}
.add-members.disabled a{
    color: #ddd;
}
#group-page .image-box img{
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;
}
#event-attendees .social-box,
#event-view .social-box{
    left: 0;
}
#group-view-all .posted-by,
#administrators-view .posted-by,
#event-attendees .posted-by,
#event-view .posted-by,
#group-page .posted-by,
#job-board .posted-by,
#job-board-single-external .posted-by,
#job-board-single .posted-by {
    display: inline-block;
    top: 10px;
    position: relative;
    left: 10px;
    width: calc(100% - 65px);
}
#job-board-single .posted-by, #job-board-single .image-box {
    top: 0;
}
#group-page a.social-button,
#job-board a.social-button,
#job-board-single-external a.social-button,
#job-board-single a.social-button {
    padding: 0 15px 0 0;
}
#job-board-single-external a.social-button .fa,
#job-board-single a.social-button .fa {
    font-size: 18px;
    line-height: 1.5;
}
#job-board a.social-button .fa {
    font-size: 20px;
    line-height: 1.5;
}
#event-view .description-subtitle,
#job-board-single-external .description-subtitle,
#job-board-single .description-subtitle {
    color: #0a60a3;
    bottom: -15px;
    font-weight: 600;
    font-size: 19px;
    position: relative;
}
.group-vcard-info{
    display: flex;
    align-items: center;
    flex-flow: row wrap;
    justify-content: center;
    flex-direction: column;
}
.input-group-lg > .form-control, .input-group-lg > .input-group-addon, .input-group-lg > .input-group-btn > .btn {
    border-radius: 0;
}
.social-box {
    position: relative;
    top: 5px;
    left: -5px;
}
#job-board .social-box {
    top: 0;
    left: 0;
}
#job-edit .label-user,
#job-create .label-user {
    font-weight: 600;
    font-size: 19px;
}
#job-board-single-external .box-sidebar #page-title.title,
#job-board .box-sidebar #page-title.title,
#job-board-single .box-sidebar #page-title.title {
    margin-bottom: 10px;
    margin-top: 20px;
}
.content-left-jobs-search #job-form,
.content-left-mentorship-search #mentorship-form {
    padding: 15px;
}
#jobs-counter {
    float: right;
    padding-top: 8px;
    font-size: 16px;
    margin-right: 10px;
}
.job-person.content-block .right-side.fright {
    text-align: left;
}
#job-board .search-filter-container {
    margin-bottom: 50px;
}
#job-board .edit-job {
    padding: 5px;
}
#job-board .job-box.support-box hr {
    margin-bottom: 0;
    margin-top: 10px;
}
#show-more {
    border-radius: 0;
    margin-bottom: 20px;
}
/* wizzard create event css */
.event-wizard div {
    font-size: 20px;
    opacity: 0.50;
    color:#5A7572;
    font-weight: 600;
}


.event-wizard div hr,
.event-wizard div.success-step,
.event-wizard div.active{
    opacity: 1;
}

.event-wizard div.active hr {
    box-shadow: 2px -3px 0 2px #eee;
    -webkit-box-shadow: 2px -3px 0 2px #eee;
    -o-box-shadow: 2px -3px 0 2px #eee;
    -moz-box-shadow: 2px -3px 0 2px #eee;
}

.event-wizard div:not(.active) {
    color: #333333;
    opacity: 1;
}

.event-wizard div:not(.active) .badge {
    background-color: #333333;
}

.event-wizard .badge{
    padding: 5px 10px;
    font-size: 19px;
    border-radius: 50%;
    width: 30px;
    height: 30px;
    margin-right: 5px;
}
#share-block img {
    vertical-align: baseline;
}
.success-step i {
    bottom: 3px;
    position: relative;
    display: inline-block;
    vertical-align: middle;
    margin-bottom: -6px;
    color: #94c880;
    font-size: 35px;
}
.no-padding.full-container {
    width: calc(100% + 90px);
    left: -45px;
    background: #f8f8fa;
}
.event-wizard .badge,
.event-wizard .fa{
    margin-left: 20px;
}

/* event multiple tickets management */
div#event-metrics table.table td.footable-sortable > span.fooicon,
div#event-metrics table.table th.footable-sortable > span.fooicon {
    display: inline-block;
    opacity: 1;
}

div#event-metrics .select-records {
    display: flex;
    width:100%;
    align-items: center;
}

#no_content_head_table td{
    border:none;
}
.min-height-350{
    min-height: 350px;
}
.min-height-200{
    min-height: 200px;
}
.min-height-100{
    min-height: 100px;
}
.sortable-col-title{
    font-size: 13px;
    text-transform: uppercase;
    font-weight: 600;
    color: #8f93a0;
    line-height: 36px;
}
.sortable-col-title.text-capitalize{
    text-transform: capitalize;
}
#sortable .ui-state-default {
    background: #fff;
    border: 1px solid #ddd;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    padding: 15px;
    margin-bottom:10px;
    list-style: none;
    color: #333333;
    box-shadow: 3px 2px 5px -2px #ddd;
}
#sortable .ui-state-default .fa-bars{
    color: #b2b2b2;
    margin-right: 15px;
}
#sortable i.fa.fa-edit,
#sortable i.fa.fa-trash-o{
    margin: 0 10px;
    font-size: 16px;
    color: #000;
    line-height: 24px;
}
.form-head-title-ui{
    line-height: 40px;
}
#sortable li span{ display: inline-block;}

#sortable .ui-state-highlight {
    height: 2px;
    border: none;
    background: #999;
    margin-top: 30px;
    margin-bottom: 40px;
    line-height: 1;
    list-style: none;
    padding: 0;
    opacity: 0.25;
}

#sortable .ui-state-default a{
    color: #5b5b5b;
}

#sortable .form_ticket{
    background: #fff;
    list-style: none;
    position: relative;
    display: block;
    margin-top: -10px;
    margin-bottom: 10px;
    border: 1px solid #ddd;
    border-top:0;
}
#sortable .form_ticket_add{
    border-top: 1px solid #ddd;
    margin-top: 10px;
}

/* *****************  EVENTS CSS ******************* */
#event-view #submit_reply div.post div.post {
    width: calc(100% - 60px) !important;
}

.attendee-list-user {
    min-height: 90px;
}

#events #events-switch hr {
    margin-top: 0;
    position: relative;
    /*top: -2px;*/
}
#events #events-switch .nav-pills > li > a {
    border-radius: 0;
    padding: 10px 30px;
}
#events .one-group {
    padding: 0;
}
#events .one-group .list-details{
    line-height: 1.4em;
}
#events .one-list .list-title > a {
    font-size: 24px !important;
    line-height: 1.2;
    font-weight: lighter;
    margin-top: 8px;
    display: block;
}
#groups .one-list .page_links_icon
    {
        display: inline-block;
        vertical-align: middle;
        text-align: center;
        width: 32px;
        height: 32px;
        position: relative;
    }

#my_groups_results .one-list p, #search_groups_results .one-list p, #other_groups_results .one-list p, #events-switch .one-list p {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
}

#groups .one-list .page_links_icon{
    width: 2.1em;
    height: 2.1em;
}
#groups .one-list .page_links_icon > i,
#events .one-list .event_links_icon > i{
    line-height: 28px;
}
#groups .one-list .page_links_icon a {
    font-size: 0.9em;
    line-height: 2.3em;
    vertical-align: middle;
}

#events .one-list .event_links_icon a,
#events .one-list .event_links_icon a:focus,
#events .one-list .event_links_icon a:hover,
#events .one-list a.event_links_icon.white,
#events .one-list a.event_links_icon.white:focus,
#events .one-list a.event_links_icon.white:hover {
    text-decoration: none;
}

#events .one-list .event_thumb_placeholder div > span:first-child{
    font-size: 18px;
    line-height: 20px;
    font-weight: 300;
}
#events .one-list .event_thumb_placeholder div > span:last-child{
    font-size: 28px;
    line-height: 30px;
    font-weight: 300;
}
#events .one-list .event_hosted_by {
    width: 240px;
    display: inline-block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}


#events .one-list .event_thumb_placeholder {
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}

#groups .one-list .group_thumb_placeholder {
    background-image: url(https://images.unsplash.com/photo-1555529304-786d898483b5?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=634&q=80);
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}

#groups .one-list .event_links_icon.white {
    border: 1px solid #ffa500;
    background-color: white;
    height: 30px;
    line-height: 30px;
}


#events .one-list .event_hosted_by a {
    font-size: 14px !important;
}
#promote_event_lg {
    line-height: 24px;
}
/* redesign start*/
#events #events-switch .nav-pills li{
    min-height: 48px;
}
#events #events-switch .nav-pills li > a{
    height: 48px;
    min-width: 200px;
    font-size: 24px;
    line-height: 48px;
    padding-top: 0;
    padding-bottom: 0;
    text-align: center;
    color: rgba(0, 0, 0, .70);
    background-color: transparent;
}
#campaigns-page .title-page,
#events .title-page,
#events .title-page h2,
#groups .title-page,
#create-group .title-page,
#edit-group .title-page {
    line-height: 40px;
    font-size: 40px;
    font-weight: 300;
}

#create-group .form-left input[type="radio"] {
    -webkit-appearance: none;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    outline: none;
    margin-right:5px;
    box-shadow: 0 0 0 1px #000;
}

#create-group .form-left input[type='radio']:before {
    content: '';
    display: block;
    width: 60%;
    height: 60%;
    margin: 20% auto;
    border-radius: 50%;
}

#create-group .form-left input[type='radio']:checked:before {
    background: gray;
}

#campaigns-page .title-page a,
#events .title-page a {
    line-height: 18px;
}

#campaigns-page a.title-button {
    margin-left:0;
}

#campaigns-page .masonry-brick  a.title {
    font-size: 26px;
    font-weight: 400;
}

/* forms on the events pages details */
#event-tickets .image-box.event-image,
#event-view .image-box.event-image {
    top: 0;
    margin-right: 10px;
}
#event-tickets .image-box.event-image img,
#event-view .image-box.event-image img {
    width: 120px;
    height: auto;
}


.float-right {
    float:right;
}

.guest-tooltip {
    font-size: 14px;
    margin: auto;
}
#event-tickets .user-name,
#event-view .user-name {
    position: relative;
    display: inline-block;
    vertical-align: top;
    width: calc(100% - 135px);
}
#event-tickets .subtitle,
#event-view .subtitle {
    font-size: 16px;
    display: inline-block;
    margin-top: 5px;
    margin-bottom: 5px;
}
#event-tickets .subtitle.event-address,
#event-view .subtitle.event-address {
    font-size: 18px;
    color: #818181;
    font-weight: 400;
    margin-top: 0;
    margin-bottom: 0;
}
#event-tickets .btn-small-event,
#event-view .btn-small-event {
    margin-top: 2px;
    padding: 6px;
}

#groups .group-search-button {
    height:40px;
}
#groups .group-search-button-inner {
    line-height: 20px;
}
#groups .group-search-button-inner > label {
    margin:0 ;
    line-height:40px;
}


.groups-section p {
    font-size: 14px;
    color: #000;
}

.groups-section label {
    color: #a0a0a0
}

.groups-section label.active {
    color:#000;

}

.official-event-flag {
    background: rgba(45, 62, 116, 1);
    position: absolute;
    bottom: 0;
    padding: 4px;
    color: white;
    width: 100%;
    text-transform: uppercase;
    text-align: center;
    font-size: 14px;
}


.official-event-flag-rgba {
    background: rgba(45, 62, 116, 0.8);
    font-size: 14px;
}

.rejectedORpending-event-flag-rgba {
    position: absolute;
    background: grey;
    padding: 4px;
    color: white;
    bottom: 0px;
    width: 100%;
    text-transform: uppercase;
    text-align: center;
}
.fa-attendee {
    font-size: 14px;
    margin-right: 10px;
}
.btn-event-remove {
    padding: 1px 6px;
    margin: 0;
}
.event-listing-view {
    padding-top: 10px;
}
#coupon_codes{

}
#promote_campaign_dialog_body {
    max-height: 400px;
    overflow: auto;
}
.promoted_campaign{
    margin-top: 20px;
}
#selected_campaign .promoted_campaign:last-child > hr {
    display: none;
}
.promoted-campaign-title{
    color: #0a60a3;
    font-size: 24px;
    font-weight: 400;
}
#event-view textarea.form-control {
    height: auto;
}
#event-view .reply-box {
    top: -25px;
}
#event-view .table thead tr.footable-filtering th .form-group {
    margin: 0;
}
#event-view .table thead tr.footable-filtering th {
    padding-right: 0;
    padding-left: 0;
}
#event-view thead tr.footable-filtering th .btn.btn-default.dropdown-toggle {
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
}
#event-view .table.footable-bordered thead tr.footable-filtering .input-group input.form-control {
    width: 130px;
}
#event-view .table.footable-bordered thead tr.footable-filtering {
    background: none;
}
#event-view .attendee-action .btn-small-event:first-child {
    margin-right: 0;
}
.footable-small {
    font-size: 12px;
}
#event-view .social-box {
    left: 0;
}
#event-view .social-button {
    padding: 0 15px 0 0;
}
.box-sidebar .form-group-title {
    font-size: 17px;
    font-weight: 600;
}
.form-group-indent {
    margin-left: 15px;
}
.description .cke_ltr.isRequired, select.isRequired, input.isRequired, textarea.isRequired {
    border: 1px solid red !important;
    border-radius: 0;
}
.no-image {
    border: 1px solid #C3CBD3;
    background: url('../img/no-image.png') no-repeat 50% 50%;
    width: 100px;
    height: 100px;
    position: relative;
}
.img-box-form {
    float: left;
    margin: 0 20px 0 0;
}
.input-group-addon {
    border-radius: 0;
}
.label-email-last {
    padding-right: 10px !important;
}
/* events promote modals */
.promoted_picture {
    display: inline-block;
    padding-right: 10px;
    position: relative;
    vertical-align: top;
}
.promoted_description {
    display: inline-block;
    position: relative;
    vertical-align: top;
    line-height: 1.2;
}
li.promoted_one {
    padding: 5px 10px;
    border-bottom: 1px solid #ccc;
}
/* event details page */
.event-title{
    background: rgba(0, 0, 0, 0.5);
    color: #fff;
    font-size: 30px;
    line-height:1;
    padding: 30px;
    position: absolute;
    width: 100%;
    bottom: 0;
}
.event-organizer{
    font-size: 18px;
    font-weight: 600;
}
.event-organizer a{
    color:#fff;
    text-decoration: underline;
}
.with-no-image .event-organizer a{
    color: #222;
}
.event-title.with-no-image{
    position: relative;
    background: none;
    color: #222;
    font-weight: 300;
}
.event-title.with-no-image .event-organizer{
    font-weight: 300;
}
.event-info{
    font-size: 16px;
    line-height: 1.5;
    color: #8f93a0;
}
.event-info i{
    margin-right: 5px;
    font-size: 21px;
    line-height: 1.5;
    vertical-align: middle;
}
.event-info .btn-white i,
.event-info .btn-blue i{
    font-size: 14px;
    font-weight: 400;
    line-height: 1.3;
    margin:0;
}
.btn-white:hover i{
    color: #fff;
}
/* event rsvp page */
.gray-background-1 {
    background: #f8f8fa;
}
.full-container-left.gray-background-1{
    padding: 15px 10px 15px 45px;
}
.full-container-right {
    width: calc(100% + 60px);
    left: -15px;
}
.theme-color-30 {
    background: #84a4d2;
    color: #fff;
}
.form-title {
    font-size: 32px;
    margin: 15px 0;
    font-weight: 400;
}
.form-sub-title {
    font-size: 22px;
    font-weight: 300;
}
/* js library for rsvp css */
.guest_form{
    margin: 10px 0;
    border: 1px solid #e9e9e9;
}
.guest-row {
    background: #f3f5f8;
    border: 1px solid #e9e9e9;
    padding: 5px 15px 10px;
    border-top: none;
    border-left: none;
    border-right: none;
}
#guest_tickets_holder {
    padding-right: 10px!important;
}
span#ticket_error {
    padding: 10px;
    color: #a94442;
    background-color: #f2dede;
    margin: 0 -15px;
}
.ticket_price_holder {
    margin-top: 15px;
    position: relative;
    display: inline-block;
}
.guest-row input.readonly:-webkit-autofill,
.guest-row input.readonly{
    border: 0;
    background: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}
#rsvp_form #cc_error.text-danger,
#rsvp_form #order_error.text-danger{
    color: #fff;
    text-transform: capitalize;
    font-size: 14px;
    background: #ff0000;
    font-weight: 600;
    padding: 5px;
    border-radius: 7px;
}
#list_upcoming_events,
#list_past_events,
#my_upcoming_events,
#my_past_events,
#my_rejected_event,
#my_pending_event{
    padding-top:10px;
}
/* events metrics */
#event-metrics #change-page-input {
    background:none;
    border:none;
}

#select-with-icon {
    margin:0 7px;
    position: relative;
}

#event-metrics #icon-wrapper {
    font-size: 9px;
    position: absolute;
    top:3px;
    right:4px;
}

select#select-event-pagesize {
    background: aliceblue;
    width:45px;
    padding:3px;
    border-radius:3px;
}

#event-metrics .pagination-holder-top .btn-default {
    border-radius:3px;
    padding:5px 8px;
    border-color:#000;
}
#event-metrics input {
    font-weight: bold;
}

#event-metrics .pagination-holder-top {
    width:162px;
}

#event-metrics .page-number {
    margin-left:10px;
}

#event-metrics .page-of {
    width:34px
}

#event-metrics .event_status{
    border: 2px solid #ddd;
}
#event-metrics .event_status td {
    padding: 0;
}
#event-metrics .event_status .total,
#event-metrics .event_status .average,
#event-metrics .event_status .total_tickets{
    display: block;
    width:100%;
    text-align: right;
    padding: 10px 5px;
    font-weight: 900;
}

#event-metrics .event_status .total,
#event-metrics .event_status .total_tickets{
    background: #ddd;
}

.event_metrics_summary_table {margin-bottom: 0;}

/* end events css */
/* rsvp popup design on events */
.modal-content-center{
    width: 290px;
    margin: 0 auto;
    position: relative;
}
.modal-content-center input{
    background: #fafafa;
    height: 50px;
}
.modal-content-center input[type=checkbox]{
    height:auto;
}
.modal-content-center input::-webkit-input-placeholder,/* Chrome/Opera/Safari */
.modal-content-center input:-moz-placeholder,/* Firefox 18- */
.modal-content-center input::-moz-placeholder,/* Firefox 19+ */
.modal-content-center input:-ms-input-placeholder{ /* IE 10+ */
    color: #8f93a0;
}
.modal-content-center .email-success{
    position: relative;
    float:right;
    top:-45px;
    right:-45px;
    height: 0;
}
.modal-content-center .password-strength{
    width:100%;
    display: block;
}
.text-danger.help-block{
    color: #ff0000;
}

.text-underline {
    text-decoration: underline;
}

.modal-footer.text-left{
    text-align:left;
}
/* donation page */
.foot-annex {
    font-size: 20px;
    text-align: center;
    color: #fff;
    width: 100%;
    padding: 20px 0;
}
.foot-annex .price {
    font-size: 58px;
    line-height: 58px;
}
.donation-amount-input {
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -o-border-radius: 0;
    padding: 10px 0;
}
.donation-amount-input input {
    font-size: 61px;
    line-height: 61px;
    border: none;
    padding: 10px;
    height: 89px;
    background: none;
    outline: none;
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    font-weight: 600;
    text-align: left;
    padding-right: 0;
}
.donation-amount-input .input-group-addon {
    font-size: 61px;
    line-height: 60px;
    font-weight: 900;
    background-color: transparent;
    border: none;
}
.donation-amount-input .input-group-addon small {
    font-size: 15px;
    line-height: 15px;
    font-weight: 600;
    display: block;
    text-transform: uppercase;
}
.donation-amount-input #numbers.input-group-addon {
    padding-left: 0;
    font-weight: 600;
}
.donation-amount-input .label-user {
    padding-left: 20px;
    padding-right: 20px;
    margin-top: 30px;
}
.donation-form .one-row-user-form {
    padding-left: 20px !important;
}
.donation-form .tooltip {
    width: 300px;
}
.donation-form .ccv-image img {
    margin-right: 10px;
    margin-top: 15px;
}
.donation-form #error_cc,
.donation-form #error_personal {
    margin-top: 10px;
    padding: 0 20px;
}
.thank-you-title {
    font-size: 41px;
    line-height: 41px;
}
.thank-you-title #donated_amount {
    font-size: 61px;
    line-height: 61px;
}
/* end donation page */

/* The campaign pages css */
#sponsors .no-padding.campaign-block:nth-child(2n),
#past-campaign-list .no-padding.campaign-block:nth-child(2n),
#inactive-campaign-list .no-padding.campaign-block:nth-child(2n),
#campaign-list .no-padding.campaign-block:nth-child(2n) {
    padding-left: 5px !important;
}
#sponsors .no-padding.campaign-block:nth-child(2n-1),
#past-campaign-list .no-padding.campaign-block:nth-child(2n-1),
#inactive-campaign-list .no-padding.campaign-block:nth-child(2n-1),
#campaign-list .no-padding.campaign-block:nth-child(2n-1) {
    padding-right: 5px !important;
    clear: left;
}

.campaign-block .container-box .description {
    margin-top: 10px;
}
.campaign-block .container-box .container-top a img {
    width: 140px;
    height: auto;
}
.campaign-block .container-box {
    padding: 20px;
    background: #fff;
}
/* campaign progress bar */
#campaign-page .progress-row,
.campaign-block .container-box .progress-row {
    margin-top: 10px;
}
.campaign-block .container-box .container-top .image-box,
.campaign-block .container-box .container-top .container-title {
    position: relative;
    display: inline-block;
    vertical-align: top;
}
.campaign-block .container-box .container-top .container-title {
    padding-left: 10px;
    width: calc(100% - 170px);
    vertical-align: top;
}
.campaign-block .container-box .container-top .container-title .btn-blue {
    margin-top: 10px;
    margin-left: auto;
    margin-right: auto;
    display: block;
}
#campaign-page .progress-bar-info,
.campaign-block .progress-bar-info {
    background-color: #4A90E2;
}
#campaign-page .progress,
.campaign-block .container-box .progress {
    border: 1px solid #4A90E2;
    width: 100%;
    vertical-align: top;
    position: relative;
    display: inline-block;
    height: 30px;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    margin-bottom: 0;
}
#campaign-page .progress-bar,
.campaign-block .container-box .progress-bar {
    -webkit-box-shadow: none;
    box-shadow: none;
}
#campaign-page .percent {
    position: relative;
    display: inline-block;
    font-size: 18px;
    line-height: 18px;
    top: 5px;
    width: 100%;
    font-weight: 600;
    text-align: center;
}
.campaign-block .container-box .percent {
    position: relative;
    display: inline-block;
    font-size: 16px;
    line-height: 16px;
    width: 100%;
    font-weight: 700;
    text-align: center;
}

.campaign-block .container-box .show-start-end-dates {
    list-style-type: none;
}

.campaign-block .container-box .percent > li {
    display:inline-block;
    padding-right:1em;

}

/* end progress block */

.campaign-block .container-box .supporters,
.campaign-block .container-box .days-left,
.campaign-block .container-box .percent {
    color: #000 !important;
}
.campaign-block .container-box .supporters,
.campaign-block .container-box .days-left {
    line-height: 18px;
    position: relative;
    float: left;
    font-size: 18px;
    font-weight: 600;
}
.campaign-block .container-box .days-left,
.campaign-block .container-box .supporters {
    text-align: center;
    width: 100%;
}
.campaign-block .container-box .raised {
    line-height: 18px;
    position: relative;
    margin: 10px 10px 0 0;
    display: inline-block;
    font-size: 18px;
    font-weight: 600;
}

.campaign-block .container-box .border-hr {
    border-top: 1px solid rgba(56,56,56,0.25);
}

.campaign-block .container-box .line-height-32{
    line-height:32px;
}

.campaign-block .container-box .raised {
    color: #000 !important;

}

.campaign-block .container-box .raised .howmuch-raised {
   font-size: 36px;
}

#campaign-page ul.campaign-members {
    padding: 0;
}
#campaign-page .campaign-members li {
    list-style: none;
    position: relative;
    display: inline-block;
    margin: 5px;
}
#campaign-page .reply-box {
    margin-top: -25px;
}
#campaign-page .no-padding.campaign-details {
    padding-right: 20px !important;
}
.campaign-header-container {
    background: #e8e8e8 !important;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -o-border-radius: 3px;
}
.image-header {
    background-repeat: no-repeat;
    background-position: left top;
    background-size: 0 0;
}
.image-header img {
    width: 100%;
}
.campaign-header-container .image-header img {
    border-radius: 3px 0 0 3px;
    -webkit-border-radius: 3px 0 0 3px;
    -moz-border-radius: 3px 0 0 3px;
    -o-border-radius: 3px 0 0 3px;
}
.title-price {
    font-size: 29px;
    color: #000;
}
.price-large {
    font-size: 51px;
    font-weight: 700;
}
.content-header {
    padding-right: 50px;
    padding-left: 50px;
}
.btn-donate {
    font-size: 19px;
    text-transform: capitalize;
    text-decoration: none !important;
    line-height: 40px;
    font-weight: 300;
    letter-spacing: 0;
}
.btn-share {
    background: none;
    background-color: transparent;
    text-transform: capitalize;
    font-size: 16px;
    line-height: 30px;
    font-weight: 500;
    letter-spacing: 0;
}
#payment-page .content-box,
#campaign-page .content-box {
    display: inline-block;
    width: calc(100% - 105px);
    vertical-align: middle;
}
.user-created {
    font-size: 20px;
    line-height: 20px;
    color: #000;
}
.donated {
    font-size: 16px;
}
.donated small {
    font-size: 12px;
    color: #afafaf;
    display: inline-block;
}
/* sponsors page */
#sponsors .support-box .one {
    padding: 15px !important;
    padding-bottom: 10px !important;
}
#sponsors .support-box .sponsors-image {
    width: 90%;
    height: auto;
}
/* end sponsors */
/*sponsor-management*/
#sponsor-management .search-filter{
    text-align: start;
}
#sponsor-management .search-filter > small{
    color: rgba(0,0,0,0.87);
    font-style: italic;
    font-size: 12px;
    font-weight: lighter;
}
#sponsor-management .search-filter > .filter-label-separator{
    color: rgba(0,0,0,0.87);
}
/*sponsor-management end*/
/* profile page css */
.margin-title {
    margin: 0;
}
a.title-button {
    margin-left: 10px;
}
#profile-edit .img-user {
    width: initial;
    height: initial;
}
#profile-edit .user-study-area .item .one-row-user-form {
    margin-bottom: 0;
}
#profile-edit .ui-multiselect-checkboxes label input {
    margin-right: 5px;
}
#profile-edit .ui-multiselect {
    border-radius: 0;
    height: 34px;
}
#profile-edit .user-study-area .item .one-row-user-form:last-child {
    margin-bottom: 20px;
}
#profile-edit .img-user img {
    border: 1px solid #C2C2C2;
}
#profile .container-box {
    font-size: 15px;
    padding: 15px 40px 15px 15px;
    position: relative;
}
#profile .content-left-user .container-box {
    line-height: 1.4em;
}
#profile .container-box .custom-fields-section hr {
    margin: 15px 0;
    border-top: 1px dotted #aaaaaa;
}
#profile .container-box.events-sidebar hr {
    border-width: 2px;
}
.profile-token-input-list {
    list-style: none;
    width: auto;
}
.profile-token-input-list li {
    background: #E2E2E2;
    display: inline-block;
    margin: 5px 3px;
    padding: 5px;
    font-size: 15px;
    color: #000;
}
.formatted-list {
    list-style-type: none;
    margin: 0px;
    padding: 0px;
}
.formatted-list li {
    padding: 5px 0;
}
.formatted-list li:first-child {
    padding-top: 0;
}
.formatted-list strong {
    color: #333333;
}
#profile .highlighted {
    color: #333333;
    font-weight: 600;
}
#profile .container-box strong {
    color: #333333;
    font-weight: bold;
}
#profile .container-box.profile-intro-box {
    padding: 0;
    position: relative;
    border-radius: 5px;
}
.has-error .text-alert {
    color: red;
}
.custom-success-message {
    color: green;
}
.custom-error-message {
    color: red;
}
.profile-intro-box .profile-intro-cover {
    position: relative;
    -webkit-border-radius: 5px 5px 0px 0px;
    -moz-border-radius: 5px 5px 0px 0px;
    border-radius: 5px 5px 0px 0px;
    background-color: #424242;
}
.profile-intro-info {
    position: relative;
    padding: 20px 15px 5px 15px;
    background: rgba(0,0,0,0.6);
}
.profile-intro-blur-container {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    overflow: hidden;
}
.profile-intro-blur-cover {
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
    background-position: center;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    -webkit-filter: blur(5px);
    -moz-filter: blur(5px);
    -o-filter: blur(5px);
    -ms-filter: blur(5px);
    filter: blur(5px);
}
.profile-intro-avatar-container {
    width: 225px;
    height: auto;
    display: inline-block;
    position: static;
    text-align: left;
    margin-top: 30px;
}
.profile-intro-description-container {
    display: inline-block;
    position: relative;
    width: 44%; /* Fallback for older browsers */
    width: calc(100% - 380px);
    margin-right: 0;
    color: #FFFFFF;
    min-height: 180px;
    font-size: 16px;
}
.profile-intro-description-container.my-own-profile {
    width: 65%; /* Fallback for older browsers */
    width: calc(100% - 240px);
    min-height: 160px;
}
.profile-intro-description-container b {
    font-weight: 600;
}
.profile-intro-activated-info {
    display: inline-block;
    width: 100%;
    color: #FFFFFF;
    text-align: left;
    font-size: 14px;
    margin-top: 30px;
}
.profile-intro-buttons {
    display: inline-block;
    width: 150px;
    float: right;
    text-align: right;
}
.profile-intro-buttons > .btn {
    width: 149px;
}
.profile-intro-body {
    padding: 10px 15px 15px;
}
.profile-intro-tabs {
    width: 100%;
    display: block;
}
.profile-intro-tabs .nav-tabs {
    padding-left: 220px;
}
.profile-intro-tabs .nav-tabs > li > a {
    font-weight: bold;
    padding: 15px 14px;
}
.profile-intro-tabs .nav-tabs > li > b > a,
.profile-intro-tabs .nav-tabs > li button.dropdown-toggle {
    padding: 8px 8px;
    margin: 8px 4px;
}
.profile-intro-tabs .nav-tabs > li.active > a,
.profile-intro-tabs .nav-tabs > li.active > a:hover,
.profile-intro-tabs .nav-tabs > li.active > a:focus {
    border-bottom-color: #f5f5f5 !important;
    background-color: #f5f5f5;
}
.profile-intro-tabs .nav-tabs > li button.dropdown-toggle {
    font-family: "Source Sans Pro", sans-serif;
    font-weight: bold;
}
.profile-intro-tabs .nav-tabs > li .dropdown-menu {
    min-width: 100px;
    left: 10px;
}
.profile-intro-tabs .nav-tabs > li .dropdown-menu > li,
.profile-intro-tabs .nav-tabs > li .dropdown-menu > li:last-child {
    width: 100% !important;
    text-align: left;
}
.profile-intro-tabs .nav-tabs > li .dropdown-menu > li > a {
    padding: 3px 16px !important;
    text-align: left;
}

.profile-intro-avatar {
    width: 200px;
    height: 200px;
    padding: 5px;
    background: #FFFFFF;
    text-align: center;
    position: absolute !important;
    left: 15px;
    top: auto;
    right: auto;
    bottom: -35px;
    z-index: 9;
}
.profile-intro-avatar .avatar-initials {
    width: 100%;
    height: 100%;
    display: table;
}
.profile-intro-avatar .avatar-initials .avatar-initial-holder {
    display: table-cell;
    vertical-align: middle;
    line-height: normal;
}
.profile-intro-avatar .image-box {
    width: 100%;
    height: 100%;
}
.profile-intro-name {
    font-size: 19px;
    font-weight: bold;
    margin-bottom: 12px;
}
.profile-intro-avatar-year {
    position: absolute;
    background: #ffffff;
    z-index: 1;
    right: 0;
    top: 0;
    line-height: 34px;
    width: 34px;
    height: 34px;
    font-size: 16px;
    font-weight: bold;
    border-radius: 5px;
}
.profile-intro-avatar-download {
    position: absolute;
    z-index: 1;
    right: 5px;
    bottom: 5px;
}
.profile-intro-avatar-download a {
    border-radius: 3px;
    position: relative;
    padding: 6px 4px 4px 5px;
}
.profile-intro-avatar-download a i {
    font-size: 24px;
}
#profile .profile-intro-avatar .image-box img {
    cursor: pointer;
    max-width: 100%;
    max-height: 100%;
    margin: auto;
    text-align: center;
}

#profile .proPicModalContent {
    background: #FFFFFF;
}
.container-box.profile-intro-avatar {
    padding: 5px !important;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    border: 0 !important;
}
.new-modal-title {
    margin: 0;
    font-weight: bold;
    color: #010101;
    line-height: 1.4em;
}
.new-form-control {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    font-size: 15px;
    line-height: initial;
    height: initial !important;
}
select.new-form-control {
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    background: url("../img/arrow-down.png") white no-repeat 98.5% !important;
    background: url("../img/arrow-down.png") white no-repeat calc(100% - 10px) !important;
}
.profile-section-title {
    font-size: 19px;
    font-weight: bold;
    margin: 0;
    padding: 0;
    width: 100%;
    position: relative;
    color: #333333;
}
.profile-section-subtitle {
    font-size: 16px;
    margin: 0;
    padding: 0;
    width: 100%;
    position: relative;
}
.profile-section-title .edit-section-button,
.profile-section-subtitle .edit-section-button {
    position: absolute;
    right: -20px;
    top: 0;
    z-index: 3;
    font-size: 14px;
    padding: 3px;
}
.hidden-read-only-input {
    border: none;
    background: none;
    padding-left: 10px;
    font-weight: 700;
    padding-right: 10px;
    width: auto;
}

.hidden-xs {
    display:none!;
}
.hidden-input-revealed{
    border: 1px solid #ccc;
    background: white;
}
#group-page .box-sidebar .btn-white, #profile-edit .btn-user {
    margin-top: 7px;
}
.user-name {
    color: #0a60a3;
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 10px;
}
.content-left-user {
    padding: 0 15px 0 0 !important;
}
.user-description b {
    font-weight: 600;
}
.user-description {
    line-height: 25px;
}

.user-links i {
    margin-right: 5px;
    line-height: 25px;
    color: #333333;
    width: 15px;
    text-align: center;
}

/*user profile picture modal*/
.proPicModal {
    display: none;
    position: fixed;
    z-index: 2;
    padding-top: 100px;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgba(0,0,0,0.5);
}

.proPicModalContainer {
    position:fixed;
    top:100px;
    left:30%;
    right:30%;
}
.proPicModalContent {
    margin: auto;
    display: block;
    width: 90%;
    max-width: 750px;
    max-height: 90%;
    border: solid white 3px;
}

.proPicModalContent {
    -webkit-animation-name: zoom;
    -webkit-animation-duration: .6s;
    animation-name: zoom;
    animation-duration: .6s;
}
@-webkit-keyframes zoom {
    from {-webkit-transform:scale(0)}
    to {-webkit-transform:scale(1)}
}

@keyframes zoom {
    from {transform:scale(0)}
    to {transform:scale(1)}
}

.closeModalBtn {
    float:right;
    margin-top:-20px;
    margin-right:-3px;
    cursor:pointer;
    color: #fff;
    opacity: .8;
    border: 1px solid #AEAEAE;
    border-radius: 30px;
    background: black;
    font-size: 31px;
    font-weight: bold;
    display: inline-block;
    line-height: 0px;
    padding: 11px 3px;
}
.closeModalBtn:hover,
.closeModalBtn:focus {
    color: #bbb;
    text-decoration: none;
    cursor: pointer;
}

@media only screen and (max-width: 700px){
    .proPicModalContent {
        width: 90%;
    }
    .proPicModalContainer {
        left: 0;
        right: 0;
    }
}

/*user profile admin view - record id form*/
.record-id-form-wrapper{
    position: relative;
    min-height: 200px;
}
.record-id-form-wrapper:before{
    content: '';
    position: absolute;
    top:0;
    left:0;
    width: 100%;
    height:100%;
    background-color: #f5f5f5;
    pointer-events: none;
    user-select: none;
}
.record-id-form-wrapper input{
    width: 100%;
}
.btn-right-list i {
    font-size: 20px;
}
.blue-text {
    color: #0a60a3;
    font-size: 15px;
    font-weight: 400;
    margin-bottom: 3px;
}
.blue-text b {
    font-weight: 600;
}

.icon-grey-1915 {
    color:#1d1915
}
.btn-padding {
    padding: 10px 25px;
}
.study-area-info-box {
    display: block;
    margin-bottom: 10px;
}
.study-area-info-box:not(:first-child),
#profile .content-left-user .user-tags{
    margin-top: 15px!important;
}

#profile-edit .btns-user .btn-user {
    letter-spacing: 0px;
}

#my-resume-upload {
    padding: 11px 8px;
    max-width: 180px;
}
#my-resume-upload.resume-not-uploaded {
    border: 3px dashed #3F3F3F;
    color: #dedede;
    cursor: pointer;
}
#my-resume-upload h5 {
    color: #3F3F3F;
    font-weight: bold;
}
#my-resume-upload span {
    font-style: italic;
    font-size: 12px;
}

#my-resume-upload i {
    color: #3F3F3F;
}
#my-resume-upload.resume-not-uploaded .no-file-chosen,
#my-resume-upload.resume-uploaded .file-uploaded {
    display: block;
    color: #3F3F3F;
}
#my-resume-upload.resume-uploaded .no-file-chosen,
#my-resume-upload.resume-not-uploaded .file-uploaded {
    display: none;
}
#user-activity-notes .edit_activity_trigger {
    text-decoration: underline;
}

/* The settings page refactor css */
#news-feed input {
    margin-left:0;
}

input#alumni_backbundle_settingstype_focus_required,
#alumni_backbundle_settingstype_search_focus,
#alumni_backbundle_settingstype_locking_associations,
#study-organization-checkbox,
#alumni_backbundle_settingstype_search_study_organization
{
    margin-left:0;
}


dialog#dialog {
    display:block
}

.generalSettings {
    color:#000!important;
    font-size:15.5px!important;
}

#collapseWelcome, #collapseFooter, #collapseSocial, #collapseLinks, #collapseGoogle, #enableSponsor, #collapseLoginPage {
    border-radius:3px;
    border:1px solid #8F93A0;
    background:#F8F8FA;
}

.settings-custom-links {
    max-width: 100%;
    overflow: auto;
}

.settings-custom-links table thead th {
    font-weight: 600;
}
.settings-custom-links table {
    min-width: 360px;
}
.settings-custom-links table td {
    padding: 5px 5px 5px 0;
}
.settings-custom-link-title, .settings-custom-link-title > div {
    word-break: break-all;
}

.settings-custom-link-url, .settings-custom-link-url > div {
    word-break: break-all;
}

.fee-table {
    min-width: 500px;
}
.fee-table .first-column {
    padding-left: 25px !important;
}
.enable-function label{
    font-size:12px;
    color:#5b5b5b;
    text-transform:uppercase;
    float: right;
    font-weight: 400;
}

.action-holder {
    border-right: 1px solid #ccc;
}

#alumni_backbundle_settingstype_bulk_message_threshold {
    max-width: 100%;
}

/* The overwrite for the groups page */
#group-invitations ul.token-input-list-facebook{
    width: 100%;
    border-radius: 0;
    padding: 2px;
}
#group-invitations li.token-input-token-facebook p {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    -ms-text-overflow: ellipsis;
    width: 212px;
    display: inline-block;
    line-height: 0.75;
}

li.token--input-input-token-facebook.white-space,
li.token-input-token-facebook.white-space,
.white-space {
    white-space: normal;
}

.token-input-list-facebook li.token-input-token-facebook.max-width-100 p,
.max-width-100 {
    max-width: 100%;
}

.pagination {
    text-align: right;
}
.with-sel {
    position: absolute;
    margin-top: 13px;
    font-size: 18px;
    color: #0E4C92;
}
.val-miles {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    display: block;
    margin-top: 10px;
}
.val-miles:after {
    content: ' miles';
}
.value-miles-left {
    float: left;
    position: absolute;
    top: 50px;
    left: 0;
}
.value-miles-right {
    float: right;
    position: absolute;
    top: 50px;
    right: 0;
}
.slider-miles {
    position: relative;
    margin-bottom: 10px !important;
}
#slider-miles {
    margin-top: 10px;
}
.btn-bottom-groups {
    margin-top: 30px;
    margin-bottom: 30px;
}
.one-group img {
    width: 100%;
}
.container-rec-groups .one-group:nth-child(3n+1) {
    padding: 0 15px 0 0 !important;
}
.container-rec-groups .one-group:nth-child(3n+2) {
    padding: 0 7.5px !important;
}
.container-rec-groups .one-group:nth-child(3n+3) {
    padding: 0 0 0 15px !important;
}
#events .list-member,
#groups .list-member {
    margin-top: 3px;
    margin-bottom: 3px;
}
#groups .right-side {
    top: 2px;
}
.date-event select {
    width: 100%;
}
.date-event .label-email {
    padding-right: 15px !important;
}
.send-invitation {
    color: #0A60A3;
    font-size: 17px;
    line-height: 20px;
}
.send-invitation b {
    font-weight: 600;
}
.input-details {
    font-style: italic;
    font-size: 12px;
    margin-top: 10px;
}
.payment-text {
    line-height: 20px;
}
.payment-text b {
    font-weight: 600;
}
.group-description {
    margin-top: 10px;
    line-height: 20px;
}

.group-description img {
    max-width:100%;
}

.group-notifications {
    font-size: 13px;
    border-right: 1px solid #ccc;
	font-weight: normal;
}
.group-notifications input[type="checkbox"]{
	vertical-align: middle;
	margin-top: 0;
}
.view-notification-settings{
    margin-top: 2px;
    font-size: 13px;
    text-align: left;
    padding-left: 10px !important;
}
#group-page ul.token-input-list-facebook li.token-input-input-token-facebook input#token-input-page-add-users-textbox2,
#group-page ul.token-input-list-facebook li.token-input-input-token-facebook input#token-input-page-add-users-textbox {
    width: 100% !important;
}
#group-page ul.token-input-list-facebook li {
    width:100% !important;
}
#my-lists ul.token-input-list-facebook li.token-input-input-token-facebook,
#my-lists ul.token-input-list-facebook li.token-input-input-token-facebook input#token-input-page-add-users-textbox2,
#my-lists ul.token-input-list-facebook li.token-input-input-token-facebook input#token-input-page-add-users-textbox {
    width: 100% !important;
    max-width:220px !important;
    font-size: 14px;
}

#create-group label, #edit-group label {
    font-size: 14px;
}

#create-group label:not(.active) {
    color: #676767;
}

#groups .one-list .group-detail-holder {
    padding-right: 0;
}
#groups .search-filter {
    margin-top: 9px;
    margin-bottom: 9px;
    text-align: center;
}
.one-group img {
    width: 63px;
}
#create-new.title-button{
    margin-left: 0;
    z-index: 9;
}
/* individual group page styles */
#group-page #isJob div.no-padding:nth-child(1) {
    padding-right: 5px !important;
}
#group-page #isJob div.no-padding:nth-child(2) {
    padding-right: 5px !important;
}
#group-page #isJob div.no-padding:nth-child(4) {
    padding-left: 5px !important;
}
#group-page .image-box.group-image img {
    width: 110px;
    height: 110px;
}
#group-page .image-box.group-image {
    vertical-align: top;
    padding-bottom: 5px;
}
#group-page .reply-box {
    margin-top: -25px;
}
#group-page #page-title.title {
    margin-bottom: 10px;
}
#campaign-page .profile-title .image-box,
#campaign-page .profile-title .title,
#profile .profile-title .title,
#profile .profile-title .image-box,
#group-page .group-title .title,
#group-page .group-title .image-box {
    display: inline-block;
    position: relative;
}
#group-page .group-title .title .subtitle {
    font-weight: 300;
    font-size: 18px;
    font-style: italic;
}
#profile .profile-title {
    margin-bottom: 10px;
}
#profile .profile-title .title,
#group-page .group-title .title {
    max-width: calc(100% - 160px);
    color: #0a60a3;
    padding-left: 15px;
    padding-top: 10px;
}
#group-page .group-title .title{
    padding-top: 0;
}
#profile .profile-title .title {
    max-width: calc(100% - 90px);
}
#group-page .organizers .image-box {
    top: 10px;
}
#group-page .posted-by {
    display: inline-block;
    top: 10px;
    position: relative;
    left: 15px;
    font-weight: 600;
    font-size: 16px;
    color: #0a60a3;
}

#event-tickets .organizer-title,
#group-page .organizer-title {
    color: #0a60a3;
    font-weight: 600;
    font-size: 16px;
}
#group-page div.content-left-user .more-organizers {
    margin-bottom: 20px;
}
#group-page .action-menu .btn-50 {
    width: calc(50% - 2px);
}
#group-page .container-box.members-box .image-box a img {
    width: 65px;
    height: auto;
}
#group-page .container-box.members-box .posted-by {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    min-height: 65px;
    width: calc(100% - 80px);
}
#organizers-input-container ul.token-input-list-facebook{
    width:100%
}

#newsletter-list .newsletter-list-header div{
    color:#515456!important;
}

#create-group #pages_form_pagestype, #create-group #pages_form_name, #create-group #pages_form_keywords, #create-group #pages_form_address, #create-group ul.token-input-list-facebook {
    border:1px solid #424242;
}

.new-organizer-row {
    margin-top:10px;
}
.new-organizer-row:first-child {
    margin-top:inherit;
}

.Aligner {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction:column;
}

.Aligner-item {
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    padding-bottom: 100%;
    border-radius: 6px;
    width: 95%;
    max-width: 95%;
}
.Aligner-item--top {
    align-self: flex-start;
}

.Aligner-item--bottom {
    align-self: flex-end;
}
.img-user.img-user-reply {
    width: 60px;
    height: 60px;
    margin-left: 10px;
}
.one-comment .img-user img {
    height: auto;
}
#profile .title-page .text-right {
    text-align: left;
}
#profile .image-box.pull-left {
    padding-right: 10px;
}
.ui-slider-range.ui-widget-header.ui-corner-all.ui-slider-range-max {
    background: transparent;
}
.ui-dialog-buttonset {
    width: 100%;
    padding: 0 10px;
}
#group-page .spinner {
    background: url(../js/bxslider/images/bx_loader.gif) no-repeat center center;
}
.ui-dialog-buttonset button {
    padding: 2px 15px;
    background-color: #0E4C92;
    color: #fff;
    border: none;
    font-weight: 400;
    border-radius: 0;
    float: right;
    text-transform: uppercase;
    cursor: pointer;
}
.ui-dialog-buttonpane.ui-widget-content.ui-helper-clearfix {
    border: none;
    background: none;
}
/* end group css */
/* thank you wrapper */
#thank-you-wrapper .in-page-title{
    font-size: 48px;
}
#thank-you-wrapper .event-image,
#event-attendees .event-image{
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    padding-top: 66%;
    overflow: hidden;
    position: relative;
}

#thank-you-wrapper .event-info-wrapper,
#event-attendees .event-info-wrapper{
    color: #8f93a0;
    font-size: 18px;
}

#thank-you-wrapper .event-info-wrapper .event-title,
#event-attendees .event-title{
    font-size: 28px;
    font-weight: 300;
    padding:0;
    color: inherit;
    background: transparent;
    position: inherit;
}

#thank-you-wrapper .event-info-wrapper .event-info-line,
#event-attendees .event-info-wrapper .event-info-line{
    font-size: 16px;
    font-weight: 300;
}

/* comments style */
.img-user {
    width: 70px;
    border-radius: 100%;
    float: left;
    padding-right: 15px;
    height: 70px;
    margin-top: 3px;
}
.container-comment {
    width: calc(100% - 70px);
    float: left;
    padding: 15px;
    font-size: 13px;
    line-height: 16px;
    border-radius: 2px;
    border: 1px solid #e9e9e9;
}
.img-user img {
    width: 100%;
    padding-right: 0;
}
.content-comment {
    margin-top: 5px;
}
.btns-comments a {
    padding-left: 15px;
    text-decoration: none
}
.one-comment {
    margin-bottom: 10px;
}
.reply-comment {
    float: right;
    width: 90%;
}
.input-comments {
    width: 100%;
    min-height: 80px;
    line-height: 5px;
    overflow: scroll;
    padding: 15px;
    /* text-align: left; */
    /* float: left; */
    word-break: break-word;
    margin-top: 5px;
}
.content-comment textarea {
    width: 100%;
    border: 1px solid #ccc;
    padding: 15px;
}
.no-img-user img {
    background-color: #ccc;
}
/* end comment */
/* messages css */
#messages .container-comment {
    width: calc(100% - 110px);
}
#view-messages .content-comment p>span {
    line-height: 1;
}
.message-selector {
    width: 30px;
    float: left;
    top: 17px;
    position: relative;
}
#delete-conversation .fa {
    font-size: 17px;
    margin-left: 17px;
}
#delete-conversation span {
    font-size: 16px;
    font-weight: 600;
    margin-left: 10px;
}
/* checkbox aspect */
.message-selector input[type="checkbox"]:not(:checked):before,
.message-selector input[type="checkbox"]:checked:before {
    content: '';
    position: absolute;
    left: 0;
    top: 2px;
    width: 20px;
    height: 20px;
    border: 1px solid #777;
    background: #f8f8f8;
    border-radius: 3px;
}
/* checked mark aspect */
.message-selector input[type="checkbox"]:not(:checked):after,
.message-selector input[type="checkbox"]:checked:after {
    content: '✔';
    position: absolute;
    top: 5px;
    left: 3px;
    font-size: 18px;
    line-height: 0.8;
    color: #444;
    transition: all .2s;
}
/* checked mark aspect changes */
.message-selector input[type="checkbox"]:not(:checked):after {
    opacity: 0;
    transform: scale(0);
}
.message-selector input[type="checkbox"]:checked:after {
    opacity: 1;
    transform: scale(1);
}
.one-comment .unread {
    background-color: #DEDEDE;
}
#messages .support-box .one {
    padding-bottom: 30px !important;
    margin-bottom: 0;
}
#messages .support-box .one .price-support {
    margin-top: 0;
    margin-bottom: 15px;
}
#bulk_message_alert .modal-header span{
    margin-left: 30px;
    line-height: 39px;
}
/* the dropdowns in the my lists detail page */
.add-to-list .dropdown-menu{
    left:auto;
    right:0;
}
#menu-copy-to,
#menu-move-to {
    margin-top: -25px;
    border: 1px solid #aaa;
    z-index: 10;
}
#menu-copy-to ul li,
#menu-move-to ul li {
    list-style: none;
}
#group-page ul.token-input-list-facebook,
#messages-new ul.token-input-list-facebook {
    width: 100%;
    border-radius: 0;
    border: 1px solid #ccc;
}
.message-link-content {
    cursor: pointer;
}
#notification-list .container-comment:hover,
#messages .container-comment:hover {
    background: #DADADA;
}

/*  tokenizer css */
.token-input-list-facebook li.token-input-token-facebook p {
    width: auto;
    max-width: 260px;
    white-space: nowrap;
    overflow: hidden;
     text-overflow: ellipsis;
    display: inline-block;
    overflow:hidden;
    /*line-height: 1.2;*/
}


li.token-input-token-facebook.token-input-selected-token-facebook p, li.token-input-token-facebook.token-input-selected-token-facebook span {
    color: white;
}

.token-input-list-facebook li.token-input-token-facebook {
    padding:3px 5px 0 5px;
}

.token-input-list-facebook li.token-input-token-facebook span {
    vertical-align: top;
}
/* end tokenizer */
/* the notification css for texts */
#profile-edit .question-icon{
    margin-top: 2px;
}

.notification_msg_container {
    position: absolute;
    bottom: -15px;
    right: -5px;
    width: 72px;
    font-size: 12px;
    font-weight: 600;
    text-align: left;
}
.notification_msg_container.text-right {
    text-align: right !important;
}
#notification-list .container-comment {
    width: 100%;
}
.container-btn-top-list {
    width: auto !important;
}
#email-marketing-details-admin-page .main-left-block {
    padding-right: 10px;
    padding-left: 0;
}
#email-marketing-details-admin-page .main-right-block h1,
#email-marketing-details-admin-page .main-left-block h1 {
    font-size: 45px;
    margin-bottom: 0;
    font-weight: 900;
}
#email-marketing-details-admin-page .secondary-right-block {
    border-left: 2px solid #bbb;
    margin-top: 15px;
    position: relative;
    padding: 15px 30px;
    line-height: 1.4;
}
#email-marketing-details-admin-page .secondary-right-block .line-stats {
    width: 100%;
    overflow: hidden;
}
#email-marketing-details-admin-page .secondary-right-block .line-stats .number-row {
    float: left;
    width: calc(100% - 100px);
    overflow: hidden;
    white-space: nowrap;
}
#email-marketing-details-admin-page .secondary-right-block .line-stats .number-row:after {
    content: "..............................................................................................................................................................................................";
}
#email-marketing-details-admin-page .secondary-right-block .line-stats .title-row {
    float: left;
    width: 100px;
}
#email-marketing-details-admin-page .template-container {
    margin: 10px 3px 0 3px;
    border: 1px solid #ddd;
    padding: 5px;
    outline: 2px solid #fff;
    box-shadow: 0 0 0 3px hsl(0, 0%, 85%);
}

table.table.footable>tbody>tr.footable-empty>td {
    font-size: 20px;
}
/* end email marketing details */
/* payment page steps css */
#payment-page .nav-wizard {
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
}
#payment-page .nav-wizard li {
    text-align: center;
}
#payment-page .nav-wizard > li {
    float: left;
    position: relative;
    display: block;
    background-color: #999;
    color: #fff !important;
    font-size: 14px;
    width: 33.33333%;
    line-height: 14px;
    text-align: center;
    padding-top: 10px;
    padding-bottom: 10px;
}
#payment-page .nav-wizard-25 > li {
    width: 25%;
}
#payment-page .nav-wizard-50 > li {
    width: 50%;
}
#payment-page .nav-wizard > li.active {
    background-color: #0a60a3;
}
#payment-page .padding-left-form-2-row {
    padding-left: 5px !important;
}
#review-donation,
#donate {
    color: #5c5c5c;
    font-weight: 600;
    font-size: 17px;
}
#review-donation .text-result {
    font-weight: 400;
}
#review-donation #back {
    margin-bottom: 10px;
}
#confirm-spinner {
    display: block;
    width: 100%;
    height: 100%;
    background-color: rgba(255, 255, 255, 0.35);
    position: absolute;
}
#confirm-spinner img {
    display: block;
    position: relative;
    left: 50%;
    top: 40%;
}
#error_cc,
#error_personal {
    font-size: 15px;
    margin-bottom: 10px;
}
#payment-page .content-page {
    padding: 0;
}
.overlap-background {
    background: rgba(255, 255, 255, 0.7);
}
#home-page .facebook-homepage-feed iframe {
    width: 100% !important;
}
#facebook > body > div._li > div > div > div > div {
    width: 100%!important;
}

/* end payment steps */
/****** end of main content css *********/
/***************************************************************
    Forms and components for forms
***************************************************************/
.form-control,
.ui-widget.ui-multiselect,
button.multiselect.dropdown-toggle.btn.btn-default {
    border-radius: 2px;
    font-weight: 400;
    font-style: normal;
    height: 40px;
    border: 1px solid #ccc;
    overflow: hidden;
}
ul.token-input-list-facebook {
    border: 1px solid #ccc;
}
.form-group input {
    border-radius: 2px;
    box-shadow: none;
}
.form-group input.collpase{
    display: none;
}
.label-form {
    color: #0a60a3;
    font-size: 16px;
    font-weight: 400;
}
/* tooltip css */
.question-icon {
    margin-left: 7px;
    display: inline-block;
    font-size: 11px;
    line-height: 11px;
}
.question-icon i {
    background-color: #5c5c5c;
    color: #fff;
    border-radius: 100%;
    width: 12px;
    height: 12px;
    line-height: 7px;
    font-size: 11px;
    text-align: center;
    padding-top: 3px;
    font-weight: 300;
}
.onoffswitch {
    position: relative;
    width: 48px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
}
.onoffswitch-checkbox {
    display: none;
}
.onoffswitch-label {
    display: block;
    overflow: hidden;
    cursor: pointer;
    height: 15px;
    padding: 0;
    line-height: 13px;
    border: 1px solid #636363;
    border-radius: 4px;
    background-color: #eee;
    transition: background-color 0.3s ease-in;
}
.onoffswitch-label:before {
    content: "";
    display: block;
    width: 17px;
    margin: 0;
    background: #fff;
    position: absolute;
    top: 1px;
    bottom: 0;
    right: 31px;
    border: 1px solid #999;
    border-radius: 4px;
    transition: all 0.3s ease-in 0s;
    height: 13px;
}

.onoffswitch-checkbox:checked + .onoffswitch-label {
    background-color: #4a4a4a;
}
.onoffswitch-checkbox:checked + .onoffswitch-label, .onoffswitch-checkbox:checked + .onoffswitch-label:before {
    border-color: #4a4a4a;
}
.onoffswitch-checkbox:checked + .onoffswitch-label:before {
    right: 0;
    height: 13px;
}
/* end knobs */

/* list page and list related css */
.btn-list-apply {
    border-radius: 0;
}
.btn-right-list {
    text-align: center;
    background-color: #0E4C92;
    color: #fff;
    padding: 11px 20px;
    font-size: 13px;
    margin-bottom: 25px;
}
.btn-create-list {
    float: right;
    text-align: right;
}
.btn-right-list-title {
    text-align: center;
    border: 1px solid #0E4C92;
    color: #0E4C92;
    padding: 11px 20px;
    font-size: 15px;
}
.btn-right-list-title:hover {
    border: 1px solid #0E4C92;
    color: #fff;
    background-color: #0E4C92;
}

.one-list {
    background-color: #f5f5f5;
    border: 1px solid #979797;
    padding: 10px !important;
    margin-bottom: 10px;
    min-height: 137px;
}

#my-lists .one-list {
    background-color: #fff;
    border: 1px solid #979797;
    padding: 10px !important;
    margin-bottom: 10px;
    min-height: 200px;

}
#events .one-list {
    background-color: #fff;
    border: 1px solid #979797;
    margin-bottom: 10px;
    min-height: 200px;
}

#events .draft {
    height: 40px;
    width: 40px;
    border-radius:50%;
    background: #1d1915;
    font-size: 12px;
    text-align: center;
    position: absolute;
    bottom: 32px;
    left: 10px;
}

#events .draft > i.draft-icon {
    font-size:12px;
    line-height: 24px;
}

#events .draft > i.draft-icon ~ span.draft-text{
    font-size:12px !important;
    line-height: 18px !important;
}

#events .draft > .draft-br-space {
    margin-top:-6px;
}

.list-title {
    color: #0a60a3;
    font-size: 17px;
    font-weight: 600;
}
#viewcriteria .well{
    -webkit-column-count: 3;
    -moz-column-count: 3;
    column-count: 3;
    -webkit-column-gap: 50px;
    -moz-column-gap: 50px;
    column-gap: 50px;
    -webkit-column-rule: 1px solid #ddd;
    -moz-column-rule: 1px solid #ddd;
    column-rule: 1px solid #ddd;
}
.right-side {
    text-align: right;
    top: 7px;
    padding-right: 10px !important;
}
.content-left-map-search {
    padding-right: 20px !important;
    z-index: 5;
    background-color: rgba(255, 255, 255, 0.93);
    padding-bottom: 5px !important;
}
.content-left-mentorship-search {
    padding-left: 0 !important;
    padding-right: 0px !important;
    z-index: 5;
    background-color: rgba(255, 255, 255, 0.93);
}
.content-left-group-search {
    position: absolute;
    right: 210px;
    z-index: 5;
    top: 52px;
    background-color: rgba(255, 255, 255, 0.94);
    border: 1px solid #ccc;
    padding-bottom: 0 !important;
    font-size: 14px;
}


#left-map-no-padding .form-group input {
    border:none;
}

.content-left-jobs-search {
    padding-left: 0 !important;
    padding-right: 0 !important;
    position: absolute;
    right: 210px;
    z-index: 5;
    top: 52px;
    background-color: rgba(255, 255, 255, 0.94);
    border: 1px solid #ccc;
    font-size: 14px;
}

.line-height-20 {
    line-height: 20px;
}



.btn-search-education {
   text-transform: capitalize!important;
   float:right;
   padding:0 8px!important;
   width:100px;
}

.btn-search-education:hover {
    color:#fff;
}

 .education-recipient .btn-search-education{
    display:none;
}

li.education-recipient {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.education-recipient:not(:first-child) .education-recipient-location{
    display: block;
}

.education-recipient:first-child .btn-search-education{
    display:block;
}

.line-height-25 {
    line-height: 25px;
}

.create-group-button-container {
    line-height: 20px;
}
.btn-dir {
    width: 100%;
    margin-bottom: 10px;
}
.right-side i {
    cursor: pointer;
}
.container-btn-top-list {
    padding: 0 0 0 10px !important;
    float: right;
}
.title-my-list {
    color: #0a60a3;
    font-size: 22px;
}
.description-help {
    color: #0a60a3;
    font-size: 14px;
}
.form-help label {
    color: #0a60a3;
    font-size: 15px;
    font-weight: 400;
    margin-bottom: 2px;
    margin-top: 3px;
}
.form-help {
    margin-top: 15px;
}


#absolute-filter-list {
    position: absolute;
    background-color:#fff!important;
    border:1px solid #d3d3d3;
}


#list_mentorship_search {position: relative;}
#list_mentorship_search .fa{
    position: absolute;
    top:35%;
    left:10px;
}

#list_mentorship_search input {
    padding-left:30px;
  }

.mentorship-panel-header-question {
    color: #0a60a3 !important;
    font-size: 16px;
    font-weight: 400;
}
.mentorship-panel-body-answer {
    line-height: 1.5em;
    font-size: 15px;
}
.mentorship-questions-panel {
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.corner-flag-box {
    background: #ccc;
    color: white;
    padding: 3px 10px;
    top: -11px;
    right: -1px;
    position: absolute;
    font-weight: 600;
    border-top-right-radius: 2px;
}

.edit-user {
    color: #0a60a3;
    font-size: 19px;
    font-weight: 600;
}
.edit-name {
    font-size: 14px;
    font-weight: 400;
    margin-left: 10px;
}
.btn-user {
    width: 100%;
    margin-top: 7px;
}
.user-left {
    padding: 0 10px 0 0 !important;
}
.user-right {
    padding: 0 0 0 10px !important;
}

.user-right label {
    font-weight: normal!important;
    font-size:14.5px!important;
}

.change-picture-container,
.group-description {
    margin-top: 10px;
    margin-bottom: 10px;
}
.change-picture-container a {
    font-size: 12px;
}
/* picture custom upload */
#changePicture {
    overflow: hidden;
}
#changePicture .btn-group .dropdown-menu li button {
    width: 100%;
    border-radius: 0;
    background: #fff;
}
#changePicture .btn-group .dropdown-menu li button:hover,
#changePicture .btn-group .dropdown-menu li button:focus,
#changePicture .btn-group .dropdown-menu li button:active {
    background: #ccc;
}
.icon-btn-custom{
    padding:6px;
    width:40px;
    height:40px;
}

.one-row-user-form {
    margin-bottom: 30px;
}

#changePicture .jcrop-holder {
    margin-bottom: 10px;
    margin-right: auto;
    margin-left: auto;
}
.label-email-last input + ul {
    list-style: none;
    color: #a94442;
    padding: 5px 0;
}
/* end custom file upload button */
.title-user {
    color: #0a60a3;
    font-size: 18px;
    font-weight: 400;
    margin-bottom: -10px;
    margin-top: 20px;
}
.share-form {
    text-align: right;
    color: #0a60a3;
    font-size: 14px;
}

.img-user img {
    width: 100%;
}

.label-user {
    color: #0a60a3;
    font-size: 18px;
    font-weight: 400;
    margin-bottom: 30px;
}
.label-email {
    color: #5b5b5b;
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 3px;
}
.form-right {
    position: absolute;
    right: 0;
    bottom: 0;
    padding-bottom: 10px !important;
}
.one-row-user-form {
    margin-bottom: 30px;
}
.one-row-user-form.active {
    background-color: #f6f6f6;
}

.one-row-user-form .one-date:first-child {
    padding: 0 15px 0 0 !important;
}
.one-row-user-form .one-date:nth-child(2) {
    padding: 0 7.5px !important;
}
.one-row-user-form .one-date:nth-child(3) {
    padding: 0 0 0 15px !important;
}
.text-limit {
    color: #5b5b5b;
    font-size: 12px;
    font-style: italic;
    float: right;
}
.miles-input {
    width: 30%;
    float: left;
}
.of-location {
    width: 10%;
    float: left;
    text-align: center;
    padding-top: 7px;
}
.location-input {
    width: 60%;
    float: left;
}
#profile-notifications label,
#profile-edit label {
    font-size: 15px;
}
#profile-edit .form-right .width-auto {
    width: auto !important;
    max-width: 100%;
    float: right;
}
#profile-edit .form-right .width-auto .notification_msg_container {
    max-width: 100%;
}
#profile-edit #loading-resume {
    position: fixed;
    display: none;
    left: 0;
}
.radius-text {
    color: #0a60a3;
    font-size: 15px;
    font-weight: 400;
    margin-top: 13px;
    float: left;
    margin-right: 10px;
}
.radius-miles {
    float: left;
}
.btns-tabel {
    margin-top: 10px;
    margin-bottom: 10px;
    text-align: right
}
.events-sidebar {
    padding-bottom: 0 !important;
}
/* the campaign new form */
label.btn-white.btn-label {
    cursor: pointer;
}
label.btn-white.btn-label input[type=radio],
label.btn-white.btn-label input[type=checkbox] {
    opacity: 0;
    width: 1px;
}
#modal-ownership ul.token-input-list-facebook {
    width: 100%;
    border-radius: 0;
    border: 1px solid #ccc;
}
#edit-campaign-page .token-input-list-facebook,
#new-campaign-page .token-input-list-facebook {
    width: 100%;
    border-radius: 0;
    border: 1px solid #ccc;
}
#edit-campaign-page .no-padding.sidebar {
    padding-left: 10px !important;
}
/* end the form */
/****** end of forms css *********/
/***************************************************************
       Tables css
***************************************************************/
/* tables for user search */
table#directory_list thead tr th:first-child{
    width: 0!important;
    padding: 0!important;
    margin: 0!important;
}
table#directory_list thead tr th:nth-child(2),
table#users-results thead tr th:first-child {
    width: 2% !important;
}
table#directory_list thead tr th:nth-child(3),
table#users-results thead tr th:nth-child(2) {
    width: 3% !important;
}


table#users-results thead tr th:nth-child(3) {
    width: 6% !important;
}

table#users-results thead tr th:nth-child(4),
table#users-results thead tr th:nth-child(5) {
    width: 12% !important;
}

table#users-results thead tr th:nth-child(6),
table#users-results thead tr th:nth-child(8) {
    width: 5% !important;
}

table#users-results thead tr th:nth-child(7) {
    width: 9% !important;
}
table#users-results thead tr th:nth-child(9),
table#users-results thead tr th:nth-child(10) {
    width: 22% !important;
}

table#directory_list thead tr th:nth-child(4){
    width: 18% !important;
}

table#directory_list thead tr th:nth-child(5){
    width: 15% !important;
}

table#directory_list thead tr th:nth-child(6){
    width: 20%;
}

table#directory_list thead tr th:nth-child(7),
table#directory_list thead tr th:nth-child(4){
    width: 15%;
}

table#directory_list thead tr th:last-child{
    width:auto!important;
}

table#directory_list tbody tr td,
table#users-results tbody tr td {
    word-wrap: break-word;
    white-space: normal;
}
/* data tables css */
/* The table */
#page-type input[type="radio"],
#page-type input[type="checkbox"] {
    margin: 5px;
}
#page-type label {
    font-weight: normal;
}
#event-form .form-row.location label,
#event-form .form-row.address1 label,
#event-form .form-row.city label,
#event-form .form-row .region label {
    width: 105px;
}
#event-form .token-input-list-facebook {
    width: 100%;
    border-radius: 0;
    border: 1px solid #ccc;
}

#event-form .token-input-list-facebook.isRequired {
    border-color: red;
}


#dataTables_filter.dataTables_filter label,
#dataTables_length.dataTables_length label {
    font-weight: normal;
}
#dataTables_length.dataTables_length,
#dataTables_filter.dataTables_filter {
    line-height: 33px;
    width: 50%;
}
#dataTables_filter.dataTables_filter label input {
    line-height: 14px;
}
#dataTables_length label select {
    padding: 1px;
    color: #000;
    border: none;
}

/* TOP ALERT NOTIFICATION CSS START HERE */
 .k-notification-info {
    border: none;
  }
  
  .m-top-notification {
    display: flex;
    flex-wrap: wrap;
    padding: 24px;
    justify-content: center;
    align-items: center;
  }
  
  /* Primary Template */
  .primary-template {
    background: #013859;
    color: #fff;
  }
  
  .primary-template .m-identity {
    background: #fff;
    border-radius: 4px;
    padding: 4px;
    margin: 0 4px;
    color: #165f96;
  }
  
  .m-notification-btn {
    background: #eb6756;
    border-radius: 46px;
    padding: 8px 24px;
    color: #fff;
    border: none;
    margin-left: 8px;
    cursor: pointer;
  }
  
  .m-notification-icon {
    margin-right: 8px;
  }
  .m-top-notification.primary-template {
    font-family: "Inter", sans-serif !important;
    font-size: 16px;
    line-height: 26px;
    letter-spacing: 0.3px;
}

.m-top-notification.primary-template p {
    margin: 0;
}
.nav_cont{
    position: sticky !important;
    top: 0;
    width: 100%;
    z-index: 9999;
}
.m-notification-btn:hover {
    color: #fff;
    text-decoration: none;
}
#header-mobile-navigation{
    position: sticky !important;
  }
  @media screen and (max-width: 425px) {
    .m-notification-btn {
      width: 100%;
      margin-top: 8px;
      text-align: center;
    }
    .m-top-notification {
        text-align: left;
        justify-content: left;
      }
      
  }
  
/* END TOP ALERT NOTIFICATION CSS HERE */
/* footable settings and changes */
.footable-bordered tbody {
    border: solid 1px #ddd;
}
.footable-bordered tbody .footable-detail-row td{
    padding:0;
}
.footable-bordered tbody .footable-details tbody {
    border:none;
}
table.footable-details>tbody>tr>td{
    vertical-align: middle;
}
.buttons-footable-control {
    margin: 0 20px 10px 20px;
    position: relative;
    display: inline-block;
}
#email-marketing-admin-page .footable-bordered.footable-bordered-search thead tr.footable-filtering,
#service-fee-table .footable-bordered.footable-bordered-search thead tr.footable-filtering {
    background: none;
    border-right: none;
    border-left: none;
    border-top: none;
}
#email-marketing-admin-page .footable-bordered thead tr:nth-child(1),
#service-fee-table .footable-bordered thead tr:nth-child(1),
#headline-admin-page .footable-bordered thead tr:nth-child(2),
#my-lists .footable-bordered thead tr,
#campaign-metrics .footable-bordered thead tr:nth-child(2),
#map-view .footable-bordered thead tr:nth-child(1) {
    border-right: solid 1px #ddd;
    border-left: solid 1px #ddd;
    border-top: solid 1px #ddd;
}
#my_campaign_metrics .table > thead > tr > th:first-child,
#my_campaign_metrics .table > tbody > tr > td:first-child,
#my_campaign_metrics .table > thead > tr > th:nth-child(2),
#my_campaign_metrics .table > tbody > tr > td:nth-child(2) {
    max-width: 200px;
    overflow-wrap: break-word;
    word-wrap: break-word;
    -ms-word-break: break-all;
    /* This is the dangerous one in WebKit, as it breaks things wherever */
    word-break: break-all;
    /* Instead use this non-standard one: */
    word-break: break-word;
}
#resume_modal .modal-dialog {
    top: 100px;
}
.sync-profile-modal {
    max-height: 500px;
    overflow: auto;
}
#sync-resume-table .footable-bordered thead td:nth-child(1) {
    border-left: 1px solid #ddd;
}
#sync-resume-table .footable-bordered {
    border-collapse: separate;
    font-size: 16px;
}
#sync-resume-table .footable-bordered thead tr:nth-child(1) th {
    text-transform: uppercase;
    font-weight: 400;
    font-size: 16px;
    text-align: center;
    border-bottom: none;
    vertical-align: super;
}
#sync-resume-table .footable-bordered tbody tr td {
    border: none;
    padding: 4px 20px;
    overflow-wrap: break-word;
    word-wrap: break-word;
    -ms-word-break: break-all;
    /* This is the dangerous one in WebKit, as it breaks things wherever */
    word-break: break-all;
    /* Instead use this non-standard one: */
    word-break: break-word;
    font-size: 14px;
    line-height: 20px;
}
#sync-resume-table .footable-bordered tbody tr td.checkbox-cell {
    vertical-align: middle;
}
#sync-resume-table .footable-bordered tbody tr.padding-top-row td {
    padding-top: 30px;
}
#sync-resume-table .footable-bordered tbody tr.padding-bottom-row td {
    padding-bottom: 30px;
}
#sync-resume-table .footable-bordered thead tr:nth-child(1) th:not(:first-child) {
    border-left: 1px solid #ddd;
}
#sync-resume-table .footable-bordered tbody tr td:first-child {
    min-width: 180px;
    font-size: 15px;
    font-weight: 600;
}
#sync-resume-table .footable-bordered tbody tr.valign-top td {
    vertical-align: top;
}
#sync-resume-table .footable-bordered tbody tr td:nth-child(2),
#sync-resume-table .footable-bordered tbody tr td:nth-child(4) {
    min-width: 40%;
    width: 40%;
}


#campaign-metrics .footable-bordered tbody tr td:last-child {
    text-align: right;
}

#campaign-metrics .footable-page-nav .footable-page-link:nth-child(1){
    color:#8B6E41;
}

#campaign-metrics .footable-bordered tbody tr.footable-empty td {
    text-align: center;
}
#campaign-metrics .bellow-footable {
    top: -100px;
}
#campaign-metrics .bellow-footable-less {
    top: -10px;
}
#campaign-metrics .total,
#campaign-metrics .average {
    display: block;
    width: 100%;
    padding: 10px 5px;
    text-align: right;
    font-weight: 900;
    border: 1px solid #ddd;
}
#campaign-metrics .total {
    background: #ddd;
}

#campaign-metrics .dropdown-menu > li > a{
    line-height:1.8;
}

.donation_status {
    border: 1px solid #ddd;
}
.donation_status td {
    padding: 0 !important;
}
.footable-bordered a.link-delete {
    font-size: 18px;
}
#my-lists .footable-bordered > thead > tr > th:nth-child(5),
#map-view .footable-bordered > thead > tr > th:nth-child(8) {
    min-width: 66px;
}
#map-view .footable-bordered > thead > tr > th:nth-child(6) {
    min-width: 130px;
}
.page-size-selector {
    height: 0;
}
.page-size-selector select.form-control {
    position: relative;
    top: 10px;
    z-index: 2;
}
div.content-page table.table td.footable-sortable > span.fooicon,
div.content-page table.table th.footable-sortable > span.fooicon {
    position: relative;
    left: 6px;
    right: auto;
}

th.footable-sortable > a {
    line-height: 30px;
}

table.table tbody tr td.right-padded-td {
    padding-right: 20px;
}
#receipt-reporting .table > thead > tr > th.align-right {
    text-align: right;
}

#headline-admin-page table.table{
    top: -50px;
}
#headline-admin-page #footable-headlines {
    top: 0;
}

#headline-admin-page tr.footable-filtering th{
    padding-right: 0;
}
.comment-user-name-time {
    max-width: calc(100% - 50px);
}

/* end footable css */
/**************** end tables css ******************************/

/* manage group headlines */
#headline-admin-page .headlines-title-container{
    max-width: 50%;
    position: relative;
}
.headlines-title-container i{
    position: absolute;
    right: 10px;
    top: 10px;
    font-size: 22px;
    display: none;
}
.headlines-title-container i.loader{
    display: block;
}
.loader {
    -webkit-animation: spin 2s linear infinite; /* Safari */
    animation: spin 2s linear infinite;
}
@-webkit-keyframes spin {
    0% { -webkit-transform: rotate(0deg); }
    100% { -webkit-transform: rotate(360deg); }
}
@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

/* Radio-Button Map Filter*/
.radio-tiny-margin-right {
    margin-right: 5px !important;
}
.radio-tiny-margin-left {
    margin-left: 5px !important;
}
.radio-checked{
    background: rgb(204, 213, 228);
}
/* End Radio-Button Map Filter*/

/***************************************************************
       Login Page
***************************************************************/
.login-body {
    height: 100%;
}
.login-html {
    height: 100%;
}
.carousel,
.item,
.active {
    height: 100%;
    padding-top: 0;
    background-color: transparent
}
.item .content {
    font-size: 14px;
}
.carousel-inner {
    height: 100%;
}
/* Background images are set within the HTML using inline CSS, not here */
.fill {
    width: 100%;
    height: 100%;
    background-position: center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
    opacity: 0.4;
}
.carousel-indicators {
    display: none;
}
/* special slider carousel design for social links, later for the multimedia */
.carousel-indicators-boxed {
    display: block;
    width:100%;
    border-top: 1px solid #ccc;

}

.carousel-indicators-boxed .carousel-indicators {
    position: relative;
    display: block;
    bottom: unset;
    top: unset;
    height: 18px;
    margin-top: 5px;
    margin-bottom: 5px;
}
.carousel-indicators-boxed .carousel-indicators li{
    border-color: #ccc;
}

.carousel-indicators-boxed .carousel-indicators li.active{
    background-color: #ccc;
}

.carousel-indicators-boxed .carousel-control{
    font-weight: 100;
    color: #ccc;
    top: unset;
    text-shadow: unset;
    background-color: unset;
    height: auto;
    width: 35px;
}
#media-carousel .carousel-caption.vertical-align{
    bottom: 50%;
    background: transparent;
    -webkit-transform: translateY(50%);
    -moz-transform: translateY(50%);
    -ms-transform: translateY(50%);
    -o-transform: translateY(50%);
    transform: translateY(50%);
    padding-left: 80px;
    padding-right: 80px;
}
.carousel-settings-box {
    position: absolute;
    z-index: 9999;
    top: 0;
    height: 352px;
    background: #fff;
    border: 1px solid #ccc;
}

.carousel-settings-box li label {
    font-weight: 400;
}

.twitter-follow-button {
    display: inline-block;
    vertical-align: middle;
}

.boxed-slider .carousel-inner {
    height: 350px;
    overflow-y: auto;
}

.boxed-slider .carousel-inner.height-200 {
    height: 200px;
}

.absolute-center {
    position: absolute;
    left: calc(50% - 28px);
    top: calc(50% - 28px);
}

.column-3 {
    column-count: 3;
    height: auto;
}

.no-column-gap {
    column-gap: 0;
}

.boxed-slider{
    border: 1px solid #ccc;
}

#login .container-login {
    position: absolute;
    top: 50px;
    width: 100%;
}
#register .container-reg {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    padding: 0;
}
.agree {
    font-size: 12px;
}
.formular-login .checkbox input {
    margin-top: 2px;
}
#register .logo-login {
    margin-bottom: 40px;
}
.rg-back {
    margin-top: 10px;
}
.or-log {
    margin-top: 10px;
}
.facebook-icon {
    background-color: #0E4C92;
    display: inline-block;
    padding: 10px;
    color: #fff;
    border-radius: 3px;
    text-align: center;
    cursor: pointer;
    font-size: 13px;
    margin-top: 15px;
}
.facebook-icon:hover {
    background: #216EC5;
}
.linkedin-icon:hover {
    background: #216EC5;
}
.email-icon:hover {
    background: #216EC5;
}
.linkedin-icon {
    background-color: #0E4C92;
    display: inline-block;
    padding: 10px;
    color: #fff;
    border-radius: 3px;
    margin-top: 5px;
    text-align: center;
    cursor: pointer;
    font-size: 13px;
}
#register {
    color: #5b5b5b;
}
.socials-login {
    margin-top: -10px;
}
.email-icon {
    background-color: #0E4C92;
    display: inline-block;
    padding: 10px;
    color: #fff;
    border-radius: 3px;
    margin-top: 5px;
    text-align: center;
    cursor: pointer;
    font-size: 13px;
}
.login-footer-list {
    list-style: none;
    text-align: right;
    float: right;
}
.login-footer-list li {
    float: left;
    margin-left: 5px;
}
.login-footer-text {
    text-align: right;
}
.footer-login {
    margin-top: 30px;
    margin-bottom: 20px;
    position: absolute;
    bottom: 0;
}
.footer-login-relative {
    position: relative;
}
.footer-login img {
    margin-top: 5px;
}
#register .formular-login {
    margin-top: 20px;
}
.check-reg2 input {
    margin-top: 3px;
    margin-right: 5px;
    margin-left: 0;
}
.socials-login i {
    font-size: 16px;
    margin-right: 5px;
}
.error-login {
    font-size: 10px;
    /* margin-bottom: -11px; */
    position: absolute;
    color: #C20606;
}
.footer-login {
    margin-bottom: 0;
    background-color: #0E4C92;
    margin-top: 20px;
    padding: 12px 0;
    text-align: center;
}
/******************* End login page ***************************/
/***************************************************************
    Typography and styles
***************************************************************/
/* small block */
.gray-empty-block{
    border: 1px solid #e9e9e9;
    border-top: none;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    padding-top: 5px;
    padding-bottom: 5px;
}
/* end block */
.private-subtitle{
    font-weight: 600;
    font-size: 14px;
}
a:hover {
    cursor: pointer;
}
a:focus {
    text-decoration: underline;
    outline: none;
}
/* icons utils */
.rotate180 {
    -ms-transform: rotate(180deg); /* IE 9 */
    -webkit-transform: rotate(180deg); /* Chrome, Safari, Opera */
    transform: rotate(180deg);
}
/* font awesome stack icons special size */
.fa-stack.fa-1-5x {
    width: 22px;
    height: 22px;
    line-height: 22px;
}
.fa-stack.fa-1-5x .fa-stack-2x {
    font-size: 21px;
}
.fa-stack.fa-1-5x .fa-stack-1x {
    font-size: 15px;
}
.fa-1-5x {
    font-size: 21px;
}

.fa-check-circle.ok { color: green; }

.fa-check-circle.error { color: red; }

a.text-muted:hover,
a.text-muted:active,
a.text-muted:focus,
a.text-muted:visited
{
    color: #777;
}


.submitting_loading{
    position: relative;
    display: block;
    width: 100%;
    top: -40px;
    background: rgba(255, 255, 255, 0.5);
    padding: 6px;
    border-radius: 2px;
}
/* view profile */
#profileCurrentCompany,
#profileCurrentPosition,
#profilePastPosition,
#profileAreaStudy,
#profileHomeLocation,
#profileWorkLocation,
#profileIndustry {
    font-weight: 300;
}
/* add line height to span elements in .user-description */
#profile .user-description span{
    line-height: 1.3;
    display: inline-block;
    margin: 5px 0;
}
/* invisible select */
.select-hidden{
    border: none;
    background: none;
    box-shadow: none;
    outline: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    text-indent: 1px;
    text-overflow: '';
    text-transform: uppercase;
}
/* end invisible select */
/* basic typography */
a {
    color: #0E4C92;
}
.title {
    color: #0a60a3;
    font-size: 20px;
    font-weight: 600;
}
.title-page {
    color: #0a60a3;
    font-size: 33px;
    font-weight: 400;
}

.content-page {
    color: #5b5b5b;
    font-size: 14px;
    line-height: 18px;
    padding-bottom: 25px;
}
.gray {
    color: #777;
    font-weight: 600;
}
.gray-333 {
    color: #333;
}
.gray-event{
    color: #8f93a0;
}
.ticket-price {
    font-size: 15px;
}
.text-15 {
    font-size: 15px;
}
.text-slim{
    font-weight: 300;
}
.text-regular{
    font-weight: 400;
}
.bold { font-weight: 600 !important; }

.extra-bold { font-weight: 700 !important}

.btn-blue.text-capitalize,
.btn-white.text-capitalize {
    text-transform: capitalize;
}

.text-green{
    color: #94c880;
}
.text-white,
.text-white a:hover,
.text-white a:focus,
a.text-white:hover,
a.text-white:focus{
    color: #fff;
}
.text-underline {
    text-decoration: underline;
}
.in-page-title{
    font-size: 28px;
    font-weight: 300;
    line-height: 1.4;
    color: #222;
}
.event-ticket-name{
    font-size: 21px;
}
.ticket-description{
    font-size: 14px;
    line-height: 2;
}
.event-status{
    font-size:17px;
    font-weight:300;
    text-transform: uppercase;
}
.help-block.text-danger {
    color: #ff0000;
}

/*****  some table herlper class  *****/


.table-no-border.table > thead > tr > th {
    border-bottom: none;
}

.table-no-border.table > thead > tr > th,
.table-no-border.table > tbody > tr > th,
.table-no-border.table > tfoot > tr > th,
.table-no-border.table > thead > tr > td,
.table-no-border.table > tbody > tr > td,
.table-no-border.table > tfoot > tr > td {
    border-top: none;
}

/*    end of table class table-bo-border */

/**  rich link preview design **/
.rich-media-preview .carousel{
    display: inline-block;
    vertical-align: middle;
}
.rich-media-preview .media-content{
    display: flex;
    display: -webkit-flex;
    align-items: center;
    -webkit-align-items: center;
}
.rich-media-preview .detail-container{
    display: inline-block;
    word-break: break-word;
    word-wrap: break-word;
    vertical-align: middle;
    padding-left: 15px;
}
.rich-media-preview .remove-rich-link{
    -webkit-appearance: none;
    padding: 0;
    cursor: pointer;
    background: transparent;
    border: 0;
    font-size: 21px;
    font-weight: bold;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    filter: alpha(opacity=20);
    opacity: .2;
    position: absolute;
    right: 10px;
}
.slider-remover{
    top: 30px;
    position: absolute;
    right: 0;
}
.slider-remover button{
    line-height: 8px;
    background: #ccc;
}
.slide-selector{
    position: absolute;
    bottom: 0;
}
/******** rich link styles *************/
.rich_link_body{
    list-style: none;
    display: flex;
    display: -webkit-flex;
    margin: 15px 0;
    padding: 0;
}
.rich_link_body .rich_link_image{
    -webkit-flex: 1 0;
    flex: 1 0;
}
.rich_link_body .rich_link_details{
    flex: 2 0;
    -webkit-flex: 2 0;
    padding: 0 0 0 10px;
    display: flex;
    display: -webkit-flex;
    flex-direction: column;
    -webkit-flex-direction: column;
    -webkit-justify-content: center;
    justify-content: center;
}

.rich_link_title {
    font-size: 125%;
    padding-bottom: 5px;
}

.rich_link_image img{
    width: 100%;
    height: auto;
}

.float-right {
    float:right;
}
.break-word{
    overflow-wrap: break-word;
    word-wrap: break-word;
    -ms-word-break: break-all;
    /* This is the dangerous one in WebKit, as it breaks things wherever */
    word-break: break-all;
    /* Instead use this non-standard one: */
    word-break: break-word;
}

.character-counter {
    color: #999;
    font-size: 12px;
}

.character-counter.inside{
    position: absolute;
    right: 5px;
    bottom: 0px;
    z-index:1;
}

.character-counter.inside.danger{
    color: #ff0000;
}



/*map styles - Member search*/
.gm-style-iw.gm-style-iw-c {
    padding-right:10px!important;
    padding-bottom:10px!important;
}

/****** end typography css *********/
/*atendees list page start*/
.attendees-page-title{
    font-size: 30px;
    font-weight: 300;
}
#tickets-select.form-control {
    max-width: 80%;
    padding-left: 15px;
    padding-right: 15px;
}

#attendee-list-tickets-select .btn-100{
    width:90%;
}

@media screen and (max-width:575px) {
    .multifil-form .js-remove-custom-field-multiple {
        right:10%;
    }
}

@media screen and (min-width:576px) {
    .multifil-form .js-remove-custom-field-multiple {
        right:7%;
    }
}

@media (min-width: 768px) and (max-width:1024px) {
    #search_criteria div, #viewcriteria .well div {
        width:50%;
    }
}

@media screen and (max-width: 767px) {
    #search_criteria div, #viewcriteria .well div {
        width:100%;
    }
    #attendee-list-tickets-select .btn-100{
        width:100%;
    }
    #absolute-filter-list {
        position: relative;
    }
}
#refunded-list .attendee-list-header,
#attendee-list .attendee-list-header{
    height: 64px;
    line-height: 64px;
    text-transform: uppercase;
    font-weight: bolder;
    color: rgba(0,0,0,.26);
}
#refunded-list .attendee-list-row,
#attendee-list .attendee-list-row{
    padding-top: 8px;
    padding-bottom: 8px;
}
#refunded-list .attendee-list-row.row--even,
#attendee-list .attendee-list-row.row--even{
    background-color: rgba(0,0,0,.03);
}
#refunded-list .attendee-list-row > div,
#attendee-list .attendee-list-row > div{
    display: inline-block;
    vertical-align: middle;
}
#refunded-list .attendee-list-row p,
#attendee-list .attendee-list-row p{
    margin: 0;
}
#refunded-list .attendee-list-row .status-value,
#attendee-list .attendee-list-row .status-value{
    text-transform: uppercase;
}
#refunded-list .attendee-list-row .registration-value ,
#attendee-list .attendee-list-row .registration-value {
    text-align: center;
}
#refunded-list .attendee-list-row .registration-value a,
#attendee-list .attendee-list-row .registration-value a{
    margin: 6px;
}
#refunded-list .attendee-list-row.attendee-row-hidden,
#refunded-list .attendee-list-row.attendee-row-hidden + .hr,
#refunded-list .attendee-list-row.pagination-hidden,
#refunded-list .attendee-list-row.pagination-hidden + .hr,
#refunded-list .attendee-list-row.size-hidden,
#refunded-list .attendee-list-row.size-hidden + .hr ,
#attendee-list .attendee-list-row.attendee-row-hidden,
#attendee-list .attendee-list-row.attendee-row-hidden + .hr,
#attendee-list .attendee-list-row.pagination-hidden,
#attendee-list .attendee-list-row.pagination-hidden + .hr,
#attendee-list .attendee-list-row.size-hidden,
#attendee-list .attendee-list-row.size-hidden + .hr{
    display: none!important;
}

#refunded-list .dropdown-row,
#attendee-list .dropdown-row{
    min-height: 32px;
}
#refunded-list .dropdown-row > .dropdown-row-title ,
#attendee-list .dropdown-row > .dropdown-row-title {
    font-weight: bold;
    text-align: end;
}
#attendee-list .dropdown-row > div:nth-child(2) {
    /*border-bottom: 1px solid rgba(0,0,0,.06);*/
}
#refunded-list .dropdown-cells,
#attendee-list .dropdown-cells{
    display: none!important;
}
#refunded-list .dropdown-cells.open,
#attendee-list .dropdown-cells.open{
    display: block!important;
}
/*attendees list page end*/

/* This is for the emergency alert bar */
/* ALERT FOR A PERMANENT MESSAGE */
.permanent-message-alert-box {
    background: none;
    padding: 12px 22px;
    border: 1px solid #C62828;
    border-radius: 15px;
    color: #C62828;
}

.closebtnpermanent-message-alert-box {
    margin-left: 15px;
    color: #C62828;
    font-weight: bold;
    float: right;
    font-size: 22px;
    line-height: 20px;
    cursor: pointer;
    transition: 0.3s;
}

.closebtnpermanent-message-alert-box:hover {
    color: black;
}



/*END ALERT FOR A PERMANENT MESSAGE  */
/* END This is for the emergency alert bar END */

/***************************************************************
    Universal tool classes
***************************************************************/
.gap-5{
    padding-left: 5px;
    padding-right: 5px;
}
.gap-5 .btn-white.btn-lg-100{
    padding-left: 5px;
    padding-right: 5px;
}
.no-underline,
.no-underline:focus,
.no-underline:active,
.no-underline:hover {
    text-decoration: none;
}
.font-size-12{
    font-size:12px;
}

.d-flex {
    display:flex;
}

.align-items-end {
    align-items: flex-end;
}

.align-items-center {
    align-items: center;
}

.flex-direction-column {
    flex-direction: column;
}

.top-0{
    top:0px !important;
}
.top-50{
    top:50px;
}
.margin-10 {
    margin: 10px;
}
.margin-top {
    margin-top: 20px;
}
.margin-top-10 {
    margin-top: 10px;
}
.margin-top-15 {
    margin-top: 15px;
}
.margin-top-20 {
    margin-top: 20px;
}
.margin-top-25 {
    margin-top: 25px;
}
.margin-top-30 {
    margin-top: 30px;
}
.margin-top-40 {
    margin-top: 40px;
}
.margin-top-0 {
    margin-top: 0 ;
}
.margin-top-5 {
    margin-top: 5px;
}
.margin-top-7 {
    margin-top: 7px;
}

.margin-top--90 {
    margin-top: -90px;
}

.margin-top-0-important {
    margin-top: 0 !important ;
}
.margin-bottom {
    margin-bottom: 20px;
}
.margin-bottom-5 {
    margin-bottom: 5px;
}
.margin-bottom-10 {
    margin-bottom: 10px;
}
.margin-bottom-15 {
    margin-bottom: 15px;
}
.margin-bottom-20 {
    margin-bottom: 20px;
}
.margin-bottom-25 {
    margin-bottom: 25px;
}
.margin-bottom-30 {
    margin-bottom: 30px;
}
.margin-bottom-40 {
    margin-bottom: 40px;
}
.margin-bottom-0 {
    margin-bottom: 0;
}
.margin-left-0 {
    margin-left: 0;
}
.margin-left-2 {
    margin-left: 2px;
}
.margin-left-5 {
    margin-left: 5px;
}
.margin-left-10 {
    margin-left: 10px;
}
.margin-left-15 {
    margin-left: 15px;
}

.margin-left-30 {
    margin-left:30px;
}

.margin-right-0 {
    margin-right: 0;
}
.margin-right-5{
    margin-right:5px;
}
.margin-right-10 {
    margin-right: 10px;
}
.margin-right-15 {
    margin-right: 15px;
}
.margin-right-20 {
    margin-right: 20px;
}
.margin-right-40 {
    margin-right: 40px;
}
.padding-5 {
    padding: 5px;
}
.padding-10 {
    padding: 10px;
}
.padding-15 {
    padding: 15px;
}
.padding-20 {
    padding: 20px;
}
.padding-top {
    padding-top: 20px;
}
.padding-top-0 {
    padding-top: 0px;
}
.padding-top-5 {
    padding-top: 5px;
}
.padding-top-10 {
    padding-top: 10px;
}
.padding-top-15 {
    padding-top: 15px;
}
.padding-top-20{
    padding-top: 20px;
}
.padding-top-30{
    padding-top: 30px;
}
.padding-top-60{
    padding-top: 60px;
}
.padding-bottom {
    padding-bottom: 20px;
}
.padding-bottom-5 {
    padding-bottom: 5px;
}
.padding-bottom-10 {
    padding-bottom: 10px;
}
.padding-bottom-15 {
    padding-bottom: 15px;
}
.padding-bottom-20 {
    padding-bottom: 20px;
}
.padding-bottom-30 {
    padding-bottom: 30px;
}
.padding-bottom-40 {
    padding-bottom: 40px;
}
.padding-bottom-0{
    padding-bottom: 0;
}
.padding-left {
    padding-left: 20px;
}
.padding-left-5{
    padding-left: 5px;
}
.padding-left-10 {
    padding-left: 10px;
}
.padding-left-15 {
    padding-left: 15px;
}
.padding-left-20 {
    padding-left: 20px;
}
.padding-left-30 {
    padding-left: 30px;
}
.padding-left-40{
    padding-left: 40px!important;
}
.padding-left-25{
    padding-left: 25px!important;
}
.padding-left-0 {
    padding-left: 0!important;
}
.padding-right {
    padding-right: 20px;
}
.padding-right-0 {
    padding-right: 0;
}
.padding-right-5{
    padding-right: 5px;
}
.padding-right-10 {
    padding-right: 10px;
}
.padding-right-15 {
    padding-right: 15px;
}
.padding-right-20 {
    padding-right: 20px;
}
.no-left-padding {
    padding-left: 0;
}
.no-right-padding {
    padding-right: 0;
}
.no-radius {
    -webkit-border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    border-radius: 0 !important;
}
.no-text-transform{
    text-transform: none!important;
}
.image-100{
    width:100%;
    height:auto;
}
.single-line {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.no-overflow{
    overflow: hidden;
}

.display-inline { display: inline; }
.display-inline-block { display: inline-block; }
.display-flex { display: flex; }
.align-items-center {
    align-items: center;
}

/* reinforce utility classes for jumbotron combination */

.container .jumbotron.padding-20,
.container-fluid .jumbotron.padding-20{
    padding: 20px;
}
.jumbotron p{
    font-weight: 300;
}
/*  End of utils classes  */
/**************************************************************
*                                                             *
*                   Custom Grid - Achim                       *
*                                                             *
***************************************************************/
[class*="flex-"]{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}
.flex-wrap {
    flex-wrap: wrap;
}
.flex-on {
    display:flex;
}

.flex-inline{
    display: inline-block;
}
.flex-centered{
    vertical-align: middle;
}
.flex-5{
    width: 5%;
}
.flex-10{
    width: 10%;
}
.flex-15{
    width: 15%;
}
.flex-20{
    width: 20%;
}
.flex-25{
    width: 25%;
}
.flex-30{
    width: 30%;
}
.flex-33{
    width: 33.33%;
}
.flex-35{
    width: 35%;
}
.flex-40{
    width: 40%;
}
.flex-45{
    width: 45%;
}
.flex-50{
    width: 50%;
}
.flex-55{
    width: 55%;
}
.flex-60{
    width: 60%;
}
.flex-65{
    width: 65%;
}
.flex-66{
    width: 66.66%;
}
.flex-70{
    width: 70%;
}
.flex-75{
    width: 75%;
}
.flex-80{
    width: 80%;
}
.flex-85{
    width: 85%;
}
.flex-90{
    width: 90%;
}
.flex-95{
    width: 95%;
}
.flex-100{
    width: 100%;
}
.flex-grow-1{
    flex-grow: 1;
}
/* End of custom grid */


/* Headlines and RSS tabs */

#headlineModal {
    overflow-y: scroll !important;
}
#headlineModal ::-webkit-scrollbar-thumb,
#headlineModal ::-webkit-scrollbar-track {
    background: initial;
}
#headlineModal ::-webkit-scrollbar {
    width: initial;
}
#headlineModal .modal-dialog {
    top: 50px;
}

ul.nav-tabs#headlinerss_tabs > li> a:hover{
    background-color: #fff;
}
ul.nav-tabs#headlinerss_tabs > li > a{
    margin-right: 0;
}
ul.nav-tabs#headlinerss_tabs > li{
    border-bottom: 1px solid #eee;
    margin-bottom: 0;
    position: relative;
}
ul.nav-tabs#headlinerss_tabs > li.active > a,
ul.nav-tabs#headlinerss_tabs > li.active > a:hover,
ul.nav-tabs#headlinerss_tabs > li.active > a:focus{
    border: none;
}
ul.nav-tabs#headlinerss_tabs > li.active{
    border-color: #eee;
    border-bottom-color: transparent;
}
ul.nav-tabs#headlinerss_tabs{
    border-bottom: none;
}
.border-right{
    border-right: 1px solid #eee !important;
}
.border-bottom{
    border-bottom: 1px solid #eee !important;
}
.border-bottom-0{
    border-bottom: 0;
}
.border-solid{
    border: 1px solid #eee;
}
.border-solid-ddd{
    border: 1px solid #ddd;
}
ul.nav-tabs#headlinerss_tabs > li > a:first-child{
    color: #a6a6a6;
}
ul.nav-tabs#headlinerss_tabs > li.active > a:first-child {
    font-weight:bold;
}
ul.nav-tabs#headlinerss_tabs > li > a:first-child:hover{
    text-decoration: underline;
    color: #218df4;
}
ul.nav-tabs#headlinerss_tabs > li.active > a:first-child:hover{
    text-decoration: underline;
}
ul.nav-tabs#headlinerss_tabs > li.single > a:first-child{
    padding-left: 0;
}
ul.nav-tabs#headlinerss_tabs > li a.view-all-btn,
ul.nav-tabs#headlinerss_tabs > li.active a.view-all-btn{
    position: absolute;
    right: 10px;
    z-index: 999;
    top: 50%;
    font-size: 10px;
    border: 1px solid #eee;
    border-radius: 3px;
    padding: 1px 8px;
    margin-top: -9px;
    cursor: pointer;
}
ul.nav-tabs#headlinerss_tabs > li > a.view-all-btn{
    display: none;
}
ul.nav-tabs#headlinerss_tabs > li.active > a.view-all-btn{
    display: block;
}
ul.nav-tabs#headlinerss_tabs > li.active > a.view-all-btn:hover{
    color: #fff;
    background-color: #218df4;
}
.content-failed i{
    font-size: 35px;
}
.content-failed p strong{
    font-size: 20px;
}
.content-failed p a{
    color: #218df4;
}
.home-page-box {
    max-height: 263px;
    overflow: scroll;
}

@media only screen and (max-width: 767px) {
    ul.nav.nav-tabs#headlinerss_tabs li.active a,
    ul.nav.nav-tabs#headlinerss_tabs li a{
        background-color: #fff;
        text-align: left;
        border:1px solid #eee;
        border-width: 0 0 0 1px;
    }
    ul.nav-tabs#headlinerss_tabs > li a.view-all-btn,
    ul.nav-tabs#headlinerss_tabs > li.active a.view-all-btn{
        border: 1px solid #eee;
        color: #000;
    }
    ul.nav.nav-tabs#headlinerss_tabs li.active,
    ul.nav.nav-tabs#headlinerss_tabs li{
        width: 100%;
        border-bottom: 1px solid #eee;
        border-right: 0!important;
    }
}

/* Settings Page */

.left-panel-settings input[type=checkbox] {
    position: relative;
    cursor: pointer;
}

.left-panel-settings input[type=checkbox]:before {
    content: "";
    display: block;
    position: absolute;
    width: 16px;
    height: 16px;
    top: 0;
    left: 0;
    /*border: 2px solid #555555;*/
    border-radius: 3px;
    background: white;
    border:1px solid black;
}

.left-panel-settings input[type=checkbox]:checked:after {
    content: "";
    display: block;
    width: 5px;
    height: 10px;
    border: solid #fff;
    border-width: 0 2px 2px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    position: absolute;
    top: 2px;
    left: 6px;
}

.left-panel-settings input[type=checkbox]:checked:before {
    content: "";
    display: block;
    position: absolute;
    width: 16px;
    height: 16px;
    top: 0;
    left: 0;
    background: #ff7f50;
    border:none;
}


/*JOB TYPES MODAL - START*/
#editJobTypeModal .modal-content {
    border-radius:0;
}

#editJobTypeModal .delete-job-icon {
    display:inline-block;
    cursor:pointer;
}

/*.edit-job-fields:hover .delete-job-icon {*/
/*    display:inline-block!important;*/
/*    cursor: pointer;*/
/*}*/

.left-panel-settings input[type=checkbox] {
    position: relative;
    cursor: pointer;
}

.left-panel-settings input[type=checkbox]:before {
    content: "";
    display: block;
    position: absolute;
    width: 16px;
    height: 16px;
    top: 0;
    left: 0;
    /*border: 2px solid #555555;*/
    border-radius: 3px;
    background: white;
    border:1px solid black;
}

.left-panel-settings input[type=checkbox]:checked:after {
    content: "";
    display: block;
    width: 5px;
    height: 10px;
    border: solid #fff;
    border-width: 0 2px 2px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    position: absolute;
    top: 2px;
    left: 6px;
}

.left-panel-settings input[type=checkbox]:checked:before {
    content: "";
    display: block;
    position: absolute;
    width: 16px;
    height: 16px;
    top: 0;
    left: 0;
    background: #ff7f50;
    border:none;
}


#editJobTypeModal .modal-footer {
    background-color: #e5e5e5;
}

.enter-new-job-input {
    padding-left: 5px;
    font-weight: 300;
    padding:3.5px;
}

.label-container {
    display: inline-block;
    position: relative;
    padding-left: 35px;
    margin-bottom: 12px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

/* Hide the browser's default checkbox */
.label-container input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}

/* Create a custom checkbox */
.checkmark {
    position: absolute;
    top: 4px;
    left: 0;
    height: 15px;
    width: 15px;
    border:1px solid lightslategray;
    background-color: #fff;
    border-radius:2px;
}

/* When the checkbox is checked, add a blue background */
.label-container input:checked ~ .checkmark {
    background-color: #2196F3;
}

.checkmark + p {
    margin-left:5px;
}
/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

/* Show the checkmark when checked */
.label-container input:checked ~ .checkmark:after {
    display: block;
}

/* Style the checkmark/indicator */
.label-container .checkmark:after {
    left: 4px;
    top: 1px;
    width: 6px;
    height: 9px;
    border: solid white;
    border-width: 0 2px 2px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.add-new-job:focus {
    color:#fff;
}

.add-new-job {
    background: orange;
    color: #fff;
    height: 30px;
    padding: 0px 25px;
    border-radius: 2px;
    margin-left: 5px;
}

.save_job_type_btn {
    background: orange!important;
    color: #fff;
    text-transform:uppercase;
    height: 30px;
    padding: 0px 30px;
    font-weight: bold;
    border-radius: 2px;
    margin-left: 5px;
    border:none!important;
}

input#enter-new-job-input {
    height: 30px;
    border-radius: 2px;
    border: 1px solid lightgray;
}

input#enter-new-job-input {
    font-weight: 400;
    padding:3px;
}

.add-new-job:hover {
    color:#fff;
}

#editJobType {
    background:none;
    border:none;
    color:#000;
    text-decoration:underline;
}

#editJobType:hover {
    color:#000;
}

#editJobType:focus {
    outline: none;
}

/* JOB TYPES MODAL - fIniSh */

.switch_status1 {
    min-width: 50px;
    text-align: right;
}
.switch_status2 {
    min-width: 42px;
    text-align: right;
}

.title-section {
    text-transform:uppercase;
}
.settings-section {
    background-color:#e8e8e8;
    padding-top:10px;
}
#settings .settings-section {
    padding:9px;
}
#settings .label-user {
    margin-bottom:10px;
}
#settings .social-icons {
    padding: 8px;
    font-size: 22px;
}
.settingNav .navContainer li > a {
    height: 48px;
    min-width: 200px;
    font-size: 24px;
    line-height: 48px;
    padding-top: 0;
    padding-bottom: 0;
    text-align: center;
    color: rgba(0, 0, 0, .70);
    background-color: transparent;
}
#rss-feed input{
    padding-right: 60px;
}
#rss-feed{
    position: relative;
}

/*#rss-feed span{*/
    /*content: "\f058";*/
    /*font-size: 31px;*/
    /*font-family: 'Fontawesome';*/
    /*position: absolute;*/
    /*right: 7px;*/
    /*top: 5px;*/
    /*color: #f13636;*/
/*}*/

#rss-feed span.confirmed{
    color: #28bc28;
}
#rss-feed .tooltip-inner {
    max-width: 170px;
    width: 170px;
}
.convert-checkbox-modal {
    max-height: 250px;
    overflow: auto;
}
/*END settings Page */


/* import users page */
.meter {
    height: 5px;  /* Can be anything */
    position: relative;
    background: #ddd;
    -moz-border-radius: 25px;
    -webkit-border-radius: 25px;
    border-radius: 25px;
    padding: 5px;
    box-shadow: inset 0 -1px 1px rgba(255,255,255,0.3);
}
.meter > span {
    display: block;
    height: 100%;
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
    border-top-left-radius: 20px;
    border-bottom-left-radius: 20px;
    background-color: rgb(43,194,83);
    background-image: linear-gradient(to bottom, rgb(43,194,83) 37%, rgb(84,240,84) 69%);
    box-shadow:
            inset 0 2px 9px  rgba(255,255,255,0.3),
            inset 0 -2px 6px rgba(0,0,0,0.4);
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
}
.meter > span:after {
    content: "";
    position: absolute;
    top: 0; left: 0; bottom: 0; right: 0;
    background-image: linear-gradient(
            -45deg,
            rgba(255, 255, 255, .2) 25%,
            transparent 25%,
            transparent 50%,
            rgba(255, 255, 255, .2) 50%,
            rgba(255, 255, 255, .2) 75%,
            transparent 75%,
            transparent
    );
    z-index: 1;
    background-size: 25px 25px;
    animation: move 2s linear infinite;
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
    border-top-left-radius: 20px;
    border-bottom-left-radius: 20px;
    overflow: hidden;
}
@keyframes move {
    0% {
        background-position: 0 0;
    }
    100% {
        background-position: 25px 25px;
    }
}
.meter > span:after, .animate > span > span {
    animation: move 1s linear infinite;
}
#import-users-page .alert{
    margin-top: 10px;
}
input[name=csv_file] {
    border: 1px solid #CCC;
    padding: 9px 6px;
    width: 350px;
    opacity: 0;
    position: relative;
    z-index: 999;
    cursor: pointer;
}
input[name=upload_document] {
    opacity: 0;
    position: relative;
    z-index: 999;
    cursor: pointer;
    line-height: 42px
}

.tabs-bar + div.succes-message{
    border: 1px solid #ddd;
    border-width: 0 1px;
}
.tabs-bar + div.succes-message .alert{
    margin-bottom: 0;
    margin-top: 10px;
}
#fb-instructions .modal-content{
    max-width: 700px;
    max-height: 600px;
    overflow-y: scroll;
}
#fb-instructions img{
    border-radius: 10px;
}
.content-left-jobs-search .search-filter {
    margin: 0;
    line-height: 40px;
    text-align: center;
}
.content-left-jobs-search {
    text-align: center;
}
.content-left-jobs-search #regions,
.content-left-mentorship-search #regions {
    text-align: left;
    padding-right: 20px;
    padding-left: 20px;
}
.content-left-mentorship-search #open-display-options-form {
    margin: 0;
}
.jobs-cards-container .jobs-list-header {
    display: none;
}
.jobs-cards-container .job-box-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 0 15px;
}
.jobs-cards-container .job-box-container .job-box {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-clip: border-box;
    /*border: 1px solid rgba(0,0,0,.125);*/
    border-radius: .25rem;
    margin-bottom: 15px;
    /*padding: 30px 0 0 !important;*/
}

.jobs-cards-container .job-box-container .job-box .job-view-link {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: block;
    z-index: 9;
}
.jobs-cards-container .job-box-container .job-box .job-view-link a {
    width: 100%;
    height: 100%;
    display: block;
}

.jobs-cards-container .job-box-container .job-body {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
}
.jobs-cards-container .job-box-container .job-box .job-employer {
    margin-top: 5px;
}
.jobs-cards-container .job-box-container .job-footer .job-posted,
.jobs-cards-container .job-box-container .job-footer .job-type {
    width: 100%;
    float: left;
    text-align: left;
}

.jobs-cards-container .job-box-container .job-box .view-job-button {
    background: #ffffff;
    text-transform: uppercase;
    font-weight: 600;
    padding: 5px 12px;
    position: absolute;
    bottom: 15px;
}

.jobs-cards-container .job-list-posted-on,
.jobs-cards-container .job-list-posted-by {
    display:none;
}

#jobs-view-switcher {
    float: right;
}
#jobs-view-switcher > a{
    padding-bottom: 2px;
}

.jobs-list-container .jobs-list-header {
    display: block;
    clear: both;
    border-bottom: 1px solid #dddddd;
    background: #f5f5f5;
}
.jobs-list-container .jobs-list-header .job-title-header {
    width: 25%;
}
.jobs-list-container .jobs-list-header .job-employer-header {
    width: 15%;
}
.jobs-list-container .jobs-list-header .job-posted-by-header,
.jobs-list-container .jobs-list-header .job-location-header {
    width: 20%;
}
.jobs-list-container .jobs-list-header .job-posted-header,
.jobs-list-container .jobs-list-header .job-type-header {
    width: 10%;
}

.jobs-list-container .jobs-list-header .job-posted-by-header,
.jobs-list-container .jobs-list-header .job-title-header,
.jobs-list-container .jobs-list-header .job-employer-header,
.jobs-list-container .jobs-list-header .job-posted-header,
.jobs-list-container .jobs-list-header .job-type-header,
.jobs-list-container .jobs-list-header .job-location-header {
    float: left;
    padding: 10px 5px;
    font-weight: 600;
}

.jobs-list-container .jobs-list-header i {
    margin-left: 7px;
}

.jobs-list-container .jobs-list-header i.sort-inactive {
    color: #aaaaaa;
}

.jobs-list-container .jobs-list-header span {
    cursor: pointer;
}
.jobs-list-container .jobs-list-header span:hover {
    text-decoration: underline;
}

.jobs-list-container .job-box-container {
    display: block;
}

#jobs-container.jobs-list-container {
    border: 1px solid #dddddd;
}
.jobs-list-container .job-box-container .left,
.jobs-list-container .job-box-container .right,
.jobs-list-container .job-box-container .job-type-title-inline,
.jobs-list-container .job-box-container .card .front .job-footer,
.jobs-list-container .job-box-container .job-view-link,
.jobs-list-container .job-box-container .view-job-button {
    display: none;
}

.jobs-list-container .job-box-container .card .front {
    padding: 0;
    background: none;
    box-shadow: none;
    border-bottom: 1px solid #ccc;
}


.jobs-list-container .job-box-container .card-container:last-child .card .front {
    border-bottom: none;
}

.jobs-list-container .job-box-container .container-box {
    background: transparent;
    border: none;
    padding: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    border-bottom: 1px solid #dddddd;
}
.jobs-list-container .job-box-container .job-footer {
    margin: 0 !important;
    background: transparent;
    border: none;
    color: inherit;
    padding: 0;
    width: 30%;
    float: left;
    text-align: left;
}
.jobs-list-container .job-box-container .job-footer:hover {
    background: transparent;
    border: none;
    color: inherit;
}

.jobs-list-container .job-box-container .job-list-posted-by,
.jobs-list-container .job-box-container .job-list-posted-on,
.jobs-list-container .job-box-container .job-type,
.jobs-list-container .job-box-container .job-title,
.jobs-list-container .job-box-container .job-employer,
.jobs-list-container .job-box-container .job-location {
    float: left;
    padding: 12px 5px;
}
.jobs-list-container .jobs-list-header .job-title-header,
.jobs-list-container .job-box-container .job-title {
    padding-left: 25px;
}

.jobs-list-container .job-box-container .job-footer .job-posted,
.jobs-list-container .job-box-container .job-footer .job-type {
    width: 50%;
}
.jobs-list-container .job-box-container .job-footer .job-posted strong,
.jobs-list-container .job-box-container .job-footer .job-type strong {
    display: none;
}

.jobs-list-container .job-box-container .job-type,
.jobs-list-container .job-box-container .job-list-posted-on,
.jobs-list-container .job-box-container .job-list-posted-by {
    display: inline;
    font-size: inherit;
    width: 15%;
}
.jobs-list-container .job-box-container .job-type,
.jobs-list-container .job-box-container .job-list-posted-on{
    width: 10%;
}

.jobs-list-container .job-box-container .job-title {
    width: 25%;
    display: inline;
    font-size: inherit;
}
.jobs-list-container .job-box-container .job-title a {
    font-size: 14px !important;
}
.jobs-list-container .job-box-container .job-title a:hover {
    text-decoration: underline;
}
.jobs-list-container .job-box-container .job-employer {
    width: 15%;
    display: inline;
    font-size: inherit !important
}
.jobs-list-container .job-box-container .job-location {
    width: 20%;
    display: inline;
}
.jobs-list-container .job-box-container .job-description {
    display: none;
}
.jobs-list-container .job-box-container .job-box {
    display: block;
    width: 100%;
    max-width: none;
    margin-bottom: 0;
}
.jobs-list-container .job-box-container .job-box:hover .view-job-button {
    display: none;
}
.jobs-list-container .job-box-container .job-box:hover .job-posted,
.jobs-list-container .job-box-container .job-box:hover .job-type {
    opacity: 1 !important;
}
.jobs-list-container .new-job-flag {
    display: none;
}
.job-subtitle {
    font-size: 20px;
    font-weight: 600;
}

.font-size-30 {
    font-size:30px;
    line-height:30px;
    text-decoration: none;
}
a.font-size-30:hover {
    text-decoration: none;
}

#alumni_eventsbundle_eventtype_no_ticket_description {
    width:100%;
}
@media screen and (max-width: 769px) {
    .jobs-list-container .jobs-list-header .job-posted-by-header,
    .jobs-list-container .job-box-container .job-list-posted-by{
        display: none;
    }

    .jobs-list-container .jobs-list-header .job-posted-header,
    .jobs-list-container .job-box-container .job-list-posted-on {
        width: 15%;
    }
    .jobs-list-container .job-box-container .job-employer,
    .jobs-list-container .jobs-list-header .job-employer-header {
        width: 20%;
    }
}

/**************************************************************
*                                                             *
*                   Responsive CSS                            *
*                                                             *
***************************************************************/
/****************** LG > 1200px *********************/
@media screen and (min-width: 1200px) {
    #add-to-list-button {
        max-width: 100px;
    }
    .profile-intro-avatar .avatar-initials .avatar-initial-holder {
        font-size: 90px;
    }
    /* logo */
    .logo img {
        width: 250px;
    }
    /* margins */
    .margin-top-lg-10{
        margin-top: 10px;
    }
    .view-list .remaining-users-number {
        right: 55px;
    }
    .jobs-cards-container .job-box-container .job-footer .job-posted {
        width: 50%;
        float: left;
        text-align: left;
    }
    .jobs-cards-container .job-box-container .job-footer .job-type {
        width: 50%;
        float: left;
        text-align: right;
    }
    .padding-left-lg-30,
    .no-padding.padding-left-lg-30 {
        padding-left: 30px;
    }
}
/****************** > MD *********************/
@media screen and (min-width: 992px) {
    .profile-intro-avatar .avatar-initials .avatar-initial-holder {
        font-size: 58px;
    }
    /*hide event coupon codes input placeholders*/

    #coupon_code_form ::-webkit-input-placeholder { /* WebKit browsers */
        color: transparent;
    }
    #coupon_code_form :-moz-placeholder { /* Mozilla Firefox 4 to 18 */
        color: transparent;
    }
    #coupon_code_form ::-moz-placeholder { /* Mozilla Firefox 19+ */
        color: transparent;
    }
    #coupon_code_form :-ms-input-placeholder { /* Internet Explorer 10+ */
        color: transparent;
    }

    #coupon_code_form textarea::-webkit-input-placeholder { /* WebKit browsers */
        color: transparent;
    }
    #coupon_code_form textarea:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
        color: transparent;
    }
    #coupon_code_form textarea::-moz-placeholder { /* Mozilla Firefox 19+ */
        color: transparent;
    }
    #coupon_code_form textarea:-ms-input-placeholder { /* Internet Explorer 10+ */
        color: transparent;
    }
    .border-left-desktop {
        border-left: 1px #eee solid;
    }
    .border-right-desktop {
        border-right: 1px #eee solid;
    }
    .border-bottom-desktop {
        border-bottom: 1px #eee solid;
    }
    .margin-bottom-0-desktop{
        margin-bottom: 0;
    }
    .display-flex-md {
        display: flex;
    }

}

/****************** 992px < MD < 1200px *********************/
@media screen and (max-width: 1200px) {
    .navbar-main-menu ul li a {
        padding-left: 10px;
    }
    /* logo */
    .logo img {
        width: 200px;
        margin-top: 7px;
    }
    /* margins */
    .margin-top-md-10{
        margin-top: 10px;
    }

    .margin-top-md-20{
        margin-top: 20px;
    }

    .margin-top-md-80{
        margin-top: 80px;
    }

    #search ul.token-input-list-search {
        width: 210px;
    }
    .container-slider-groups .bx-prev {
        left: -100px;
    }
    .container-slider-groups .bx-next {
        right: -100px;
    }
    #campaign-page .profile-title.title-component .image-box img {
        max-width: 150px;
    }
    #campaign-page .profile-title .title {
        width: calc(100% - 180px);
    }
    #sponsors .campaign-block .container-box {
        min-height: 320px;
    }


    #event-view .table.footable-bordered thead tr.footable-filtering .input-group input.form-control {
        width: 221px;
    }
    /* campaign laptop version css */
    .content-header .margin-bottom {
        margin-bottom: 10px;
    }
    .content-header .margin-top {
        margin-top: 10px;
    }
    /*  end campaign laptop */
    .block-event {
        min-height:170px;
    }

    /* rich link preview */
    .slider-remover {
        right: 30px;
    }
    /* event wizzard display option on MD */
    .event-wizard div {
        font-size: 16px;
    }
    .official-event-flag {
        font-size: 12px;
    }

    .no-padding-max-lg {
        padding: 10px 0;
    }
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
    .profile-intro-avatar {
        width: 135px;
        height: 135px;
        bottom: -30px;
    }
    .profile-intro-avatar-container {
        width: 155px;
    }
    .profile-intro-description-container {
        width: 40%; /* Fallback for older browsers */
        width: calc(100% - 310px);
    }
    .profile-intro-description-container.my-own-profile {
        width: 70%; /* Fallback for older browsers */
        width: calc(100% - 160px);
        min-height: 130px;
    }
    .profile-intro-tabs .nav-tabs {
        padding-left: 155px;
    }
    .profile-intro-buttons > .btn {
        font-size: 15px;
    }
    .profile-intro-tabs .nav-tabs > li > a {
        padding: 12px 11px;
    }
    .profile-intro-tabs .nav-tabs > li > b > a.padding-15,
    .profile-intro-tabs .nav-tabs > li button.dropdown-toggle {
        padding: 13px 10px;
        margin: 0;
    }
    .profile-intro-tabs .nav-tabs > li a.btn-full-color {
        margin: 5px 0 0px 3px !important;
    }
}

/****************** Bridge between the sm and md *********************/
@media screen and (min-width: 992px) {
    .display-none-sm {
        display: none;
    }
    .change-picture-container {
        text-align: center;
    }
    .change-picture-container a {
        font-size: 16px;
    }
    .job-view-buttons {
        margin-left: -100px;
        width: auto;
        margin-right: 0;
        position: absolute;
        right: 0;
    }
    #profile .panel-heading {
        display: none;
    }
    #profile .panel-group {
        margin-bottom: 0;
    }
    #profile .panel-default {
        border: none !important;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
    }
    #profile .panel-default .panel-body {
        border: none !important;
        padding: 0 !important;
    }
}
/****************** 768px < SM < 991px *********************/
@media screen and (max-width: 991px) {
    .profile-intro-avatar .avatar-initials .avatar-initial-holder {
        font-size: 90px;
    }
    .profile-admin-buttons .btn {
        border-radius: 6px;
        min-width: 130px;
        margin-bottom: 15px;
    }
    .profile-mobile-icons {
        text-align: center;
        height: 28px;
    }
    .profile-intro-tabs ul.nav.nav-tabs li:first-child .profile-mobile-icons i {
        border: 3px solid;
        border-radius: 50%;
        width: 28px;
        height: 28px;
        font-size: 18px;
        line-height: 22px;
        margin: auto;
    }
    .profile-mobile-icons i {
        font-size: 26px;
        line-height: 26px;
        display: block;
    }
    .profile-intro-tabs .nav-tabs > li {
        width: 20%;
        text-align: center;
    }
    .profile-intro-tabs .nav-tabs > li > a,
    .profile-intro-tabs .nav-tabs > li > b > a,
    .profile-intro-tabs .nav-tabs > li button.dropdown-toggle {
        font-weight: 600;
        padding: 12px 16px 10px;
        margin: 0 auto;
    }
    .profile-intro-tabs .nav-tabs > li:last-child a.btn-full-color {
        margin-top: 17px;
        padding: 5px 12px;
    }
    #profile .container-box.profile-intro-box {
        background-color: #D4D4D4;
        border-color: #ABABAB;
    }
    .profile-intro-tabs .nav-tabs > li.active > a,
    .profile-intro-tabs .nav-tabs > li.active > a:hover,
    .profile-intro-tabs .nav-tabs > li.active > a:focus {
        background-color: transparent;
    }
    .profile-intro-tabs .nav > li > a:hover,
    .profile-intro-tabs .nav > li > a:focus {
        background-color: transparent;
        border: 1px solid transparent;
    }
    #profile .content-left-user .panel-group {
        margin-bottom: 30px;
    }
    #profile .panel-heading {
        padding: 0;
        background-color: #D4D4D4;
        border-color: #ABABAB;
    }
    #profile .panel-heading .panel-title a {
        display: block;
        position: relative;
        padding: 13px 15px 20px;
    }
    #profile .panel-heading .panel-title a .caret {
        position: absolute;
        right: 15px;
        top: 17px;
        border-top: none;
        border-bottom: 7px dashed;
        border-right: 7px solid transparent;
        border-left: 7px solid transparent;
    }
    #profile .panel-heading .panel-title a.collapsed .caret {
        border-top: 7px dashed;
        border-bottom: none;
    }
    #profile .panel-default {
        border-color: #ABABAB;
        background: #D4D4D4;
    }
    #profile .panel-default > .panel-heading + .panel-collapse > .panel-body {
        border-top: 1px solid #D4D4D4;
    }
    #profile .panel-default .panel-body {
        padding: 0;
    }
    #profile .panel-default .panel-body .container-box {
        background: #FFFFFF;
        border: none;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        border-radius: 0;
    }
    #profile .container-box.support-box {
        margin-bottom: 25px;
        padding: 20px !important;
    }
    #profile .custom-fields-section {
        width: 100% !important;
    }
    #profile .events-sidebar .one > .col-lg-9.col-md-9.col-sm-9.col-xs-9.content-box.no-padding {
        width: 75%;
        padding-right: 0 !important;
    }
    #admin-section {
        background: #D4D4D4;
        border-color: #ABABAB;
    }
    #profile .events-sidebar .one > .col-lg-9.col-md-9.col-sm-9.col-xs-9.content-box.no-padding .padding-sm {
        padding: 0 !important;
    }
    .profile-intro-buttons {
        display: none;
    }
    .profile-intro-description-container {
        max-width: 100%;
        width: 100%;
        min-height: 160px;
        padding-left: 220px;
    }
    .profile-intro-description-container.my-own-profile {
        width: 100%;
        min-height: 150px;
    }
    .profile-intro-tabs .nav-tabs > li.active > a,
    .profile-intro-tabs .nav-tabs > li.active > a:hover,
    .profile-intro-tabs .nav-tabs > li.active > a:focus {
        border: none;
    }
    .profile-intro-tabs .nav-tabs {
        padding-left: 0;
        border-top: 1px solid #BEBEBE;
        border-bottom: 1px solid #BEBEBE;
    }
    .profile-intro-tabs {
        margin-top: 15px;
    }
    .profile-intro-activated-info {
        color: #333333;
        font-size: 13px;
        line-height: 18px;
        padding-left: 220px;
        margin-top: 0;
    }
    .sync-profile-modal {
        max-height: 300px;
    }
    #sync-resume-table {
        min-width: 560px;
    }
    #sync-resume-table .footable-bordered tbody tr td {
        padding: 10px 15px;
        overflow-wrap: break-word;
        word-wrap: break-word;

        -ms-word-break: break-all;
        /* This is the dangerous one in WebKit, as it breaks things wherever */
        word-break: break-all;
        /* Instead use this non-standard one: */
        word-break: break-word;
        line-height: 18px;
    }
    #sync-resume-table .footable-bordered tbody tr td:first-child {
        min-width: 120px;
        word-break: initial;
    }
    .page-size-container {
        margin-top:-110px;
    }
    .fee-table .first-column {
        padding-left: 15px !important;
    }
    a.media-button{
        font-size: 14px;
    }
    a.media-button img{
        width: 60px;
    }
    /* footer */
    .footer-column {
        width: 100%;
        float: left;
        webkit-box-flex: none;
        -ms-flex: none;
        flex: none;
        margin: 0;
    }
    .footer-column .footer-column {
        width: 50%;
    }
    .large-column {
        width: 100%;
        max-width: 100%;
    }
    .footer-column.visible-sm.visible-xs #footer-custom-links a {
        display: block;
        margin-top: 10px;
        padding: 0 !important;
        border: none;
    }

    /*the padding for the  mobile rsvp box of the guest on the right in mobile and sm*/
    #guest_tickets_holder {
        padding-right: 0px!important;
    }
    #headline-admin-page #sortable i.fa.fa-edit,
    #headline-admin-page #sortable i.fa.fa-trash-o{
        margin: 0 3px;
    }
    #events .panel,
    #groups .panel,
    #all-groups .panel,
    #my-groups .panel,
    #campaigns-page .panel {
        width: 45%;
        margin: 1%;
    }
    /* margins */
    .margin-top-sm-0{
        margin-top:0;
    }

    .radio-inline + .radio-inline.margin-left-sm-0,
    .checkbox-inline + .checkbox-inline,margin-left-sm-0,
    .margin-left-sm-0 {
        margin-left: 0;
    }

    .margin-top-sm-10{
        margin-top: 10px;
    }
    .margin-top-sm-20{
        margin-top: 20px;
    }
    .padding-container-responsive.margin-top-sm-60,
    .margin-top-sm-60 {
        margin-top: 60px;
    }
    /* container layouts for tablet */
    .no-padding-tablet{
        padding: 0!important;
    }

    .mobile-margin-top-xs-10{
        margin-top: 10px;
    }
    .full-container-left {
        width: calc(100% + 90px);
    }
    .col-sm-12.full-container-right{
        width: calc(100% + 90px);
        left: -45px;
    }
    /* other css */
    .no-padding-tablet {
        padding: 0;
    }
    .header-right input {
        width: 140px;
    }
    .logo {
        text-align: center;
    }
    .second-header {
        padding-top: 15px;
        padding-bottom: 15px;
    }
    #twitter-widget-0 {
        width: 100% !important;
        text-align: center;
    }
    footer {
        height: auto;
        text-align: center;
        padding-top: 40px;
        padding-bottom: 40px;
    }
    .border-footer {
        display: none;
    }
    .title-footer {
        margin-bottom: 7px;
        margin-top: 15px;
    }
    .powerd {
        margin-top: 20px;
        padding-top: 20px;
    }
    .formular-login form {
        width: 100%;
    }
    .formular-login {
        padding: 0px !important;
    }
    .img-box img {
        width: 100%;
        height: auto;
    }
    .padding-sm {
        padding: 0px 15px !important;
    }
    .notifications-mobile a {
        padding-right: 10px;
    }
    .btn-bottom-map {
        margin-bottom: 20px;
    }
    .content-left-map-search {
        padding: 0px !important;
        position: relative;
        border: 0px;
        border-bottom: 1px solid #f1f1f1;
        margin-top: -10px;
        padding-bottom: 10px !important;
        margin-bottom: 10px;
        z-index: 1;
    }
    .title-my-list div {
        display: inline-block;
        width: 100%;
        margin-left: 5px;
        margin-bottom: 10px;
    }
    .content-left-map .container-one-list:first-child {
        padding: 0px !important;
    }
    .content-left-map .container-one-list:nth-child(2) {
        padding: 0px !important;
    }
    .content-left-map .container-one-list:nth-child(3) {
        padding: 0px !important;
    }
    .with-sel {
        position: relative;
        margin-top: 0px;
        margin-bottom: 10px;
        text-align: center;
    }
    .user-left {
        padding: 0px !important;
    }
    .btns-user {
        padding: 0px 0px 0px 10px !important;
    }
    #search ul.token-input-list-search {
        width: 140px;
    }
    header div.container {
        width: 100%;
    }
    .header-user .dropdown a span.username {
        overflow: hidden;
        text-overflow: ellipsis;
        width: 110px !important;
        white-space: nowrap;
        display: inline-block;
        margin-bottom: -5px;
    }
    #viewcriteria .well{
        -webkit-column-count: 2;
        -moz-column-count: 2;
        column-count: 2;
    }
    /* logo */
    .logo img {
        width: 300px;
    }
    .content-footer {
        width: 100%;
    }
    /* menu fixes */
    #search ul.token-input-list-search {
        width: 140px;
    }
    /* group page */

    .container-rec-groups .one-group:nth-child(3n+1),
    .container-rec-groups .one-group:nth-child(3n+2),
    .container-rec-groups .one-group:nth-child(3n+3) {
        padding-right: 5px !important;
        padding-left: 5px !important;
    }
    #menu-copy-to,
    #menu-move-to {
        margin-top: -10px;
    }
    .content-left-group-search {
        position: relative;
        border: none;
        padding-right: 0 !important;
        padding-left: 0 !important;
        padding-bottom: 0 !important;
        margin-bottom: 25px;
        margin-top: 0;
        top: 20px;
        left: 0;
        z-index: 1;
    }
    .content-left-jobs-search {
        position: relative;
        border: none;
        padding-right: 0 !important;
        padding-left: 0 !important;
        padding-bottom: 0 !important;
        margin-bottom: 35px;
        margin-top: 0;
        top: 20px;
        left: 0;
        z-index: 1;
    }
    .content-left-map .container-one-list:first-child,
    .content-left-map .container-one-list:nth-child(2),
    .content-left-map .container-one-list:nth-child(3) {
        padding-right: 15px !important;
        padding-left: 15px !important;
    }
    .content-left-map-search.expand-mobile {
        padding-right: 20px !important;
        position: absolute;
        z-index: 5;
        background-color: rgba(255, 255, 255, 0.93);
        border: 1px solid #ccc;
        padding-left: 20px !important;
        padding-bottom: 5px !important;
        margin-top: 0;
    }
    .one > .col-lg-9.col-md-9.col-sm-9.col-xs-9.content-box.no-padding {
        padding-left: 15px !important;
    }
    #job-create .edit-user,
    #group-invitations .edit-user,
    #create-group .edit-user, #edit-group .edit-user {
        text-align: center;
    }
    #job-board .search-filter-container {
        margin-bottom: 0;
    }

    .container-slider-groups .bx-prev {
        left: -160px;
    }
    .container-slider-groups .bx-next {
        right: -160px;
    }
    /* the campaign page */
    .title-price {
        font-size: 19px;
    }
    .price-large {
        font-size: 41px;
    }
    .content-header {
        padding-right: 20px;
        padding-left: 20px;
    }
    .btn-donate, .btn-share {
        padding: 5px;
    }

    .content-box {
        display: inline-block;
        width: calc(100% - 105px);
        vertical-align: middle;
    }
    #home-page .content-box {
        width: inherit;
    }
    .user-created {
        font-size: 14px;
        line-height: 14px;
    }
    #campaign-page .title {
        font-size: 17px;
    }
    #campaign-page .progress-row {
        margin-top: 0;
    }
    #campaign-page .progress {
        margin-bottom: 10px;
    }
    /* end campaign */
    /* sponsors */
    #sponsors .no-padding.campaign-block:nth-child(2n-1),
    #sponsors .no-padding.campaign-block:nth-child(2n) {
        padding: 0 !important;
    }
    #sponsors .support-box .sponsors-image {
        width: 100px;
        height: auto;
        padding-bottom: 15px;
    }
    #sponsors .campaign-block .container-box {
        min-height: initial;
    }
    /* The campaign pages css */
    #sponsors .no-padding.campaign-block:nth-child(2n),
    #past-campaign-list .no-padding.campaign-block:nth-child(2n),
    #inactive-campaign-list .no-padding.campaign-block:nth-child(2n),
    #campaign-list .no-padding.campaign-block:nth-child(2n) {
        padding-left: 0px !important;
    }
    #sponsors .no-padding.campaign-block:nth-child(2n-1),
    #past-campaign-list .no-padding.campaign-block:nth-child(2n-1),
    #inactive-campaign-list .no-padding.campaign-block:nth-child(2n-1),
    #campaign-list .no-padding.campaign-block:nth-child(2n-1) {
        padding-right: 0px !important;
    }
    .campaign-block .container-box {
        min-height: initial;
    }
    /* events pages */



    #event-view .image-box.event-image img {
        width: 80px;
    }
    #event-view .user-name {
        width: calc(100% - 95px);
    }
    #event-view .table.footable-bordered thead tr.footable-filtering .input-group input.form-control {
        width: 100%;
    }
    #event-view #atendee_manage_form2 .form-inline .input-group {
        position: absolute;
        top: -16px;
    }
    /* directory view in md */
    table#directory_list thead tr th:first-child,
    table#users-results thead tr th:first-child {
        width: 2% !important;
    }
    table#directory_list thead tr th:nth-child(2),
    table#users-results thead tr th:nth-child(2) {
        width: 1% !important;
    }
    table#directory_list thead tr th:nth-child(3),
    table#users-results thead tr th:nth-child(3) {
        width: 0 !important;
    }
    table#directory_list thead tr th:nth-child(4),
    table#directory_list thead tr th:nth-child(5),
    table#users-results thead tr th:nth-child(4),
    table#users-results thead tr th:nth-child(5) {
        width: 48% !important;
    }
    table#directory_list thead tr th:nth-child(6),
    table#directory_list thead tr th:nth-child(7),
    table#directory_list thead tr th:nth-child(8),
    table#directory_list thead tr th:nth-child(6),
    table#directory_list thead tr th:nth-child(7),
    table#directory_list thead tr th:nth-child(8) {
        width: 0 !important;
    }
    table#directory_list thead tr th:nth-child(9),
    table#directory_list thead tr th:nth-child(10),
    table#users-results thead tr th:nth-child(9),
    table#users-results thead tr th:nth-child(10) {
        width: 0 !important;
    }
    /* new css for layout */
    .btn-sm-50 {
        width: calc(50% - 10px);
    }

    .btn-sm-100{
        width: 100%;
    }


    .flex-sm-5{
        width: 5%;
    }
    .flex-sm-10{
        width: 10%;
    }
    .flex-sm-15{
        width: 15%;
    }
    .flex-sm-20{
        width: 20%;
    }
    .flex-sm-25{
        width: 25%;
    }
    .flex-sm-30{
        width: 30%;
    }
    .flex-sm-33{
        width: 33.33%;
    }
    .flex-sm-35{
        width: 35%;
    }
    .flex-sm-40{
        width: 40%;
    }
    .flex-sm-45{
        width: 45%;
    }
    .flex-sm-50{
        width: 50%;
    }
    .flex-sm-55{
        width: 55%;
    }
    .flex-sm-60{
        width: 60%;
    }
    .flex-sm-65{
        width: 65%;
    }
    .flex-sm-66{
        width: 66.66%;
    }
    .flex-sm-70{
        width: 70%;
    }
    .flex-sm-75{
        width: 75%;
    }
    .flex-sm-80{
        width: 80%;
    }
    .flex-sm-85{
        width: 85%;
    }
    .flex-sm-90{
        width: 90%;
    }
    .flex-sm-95{
        width: 95%;
    }
    .flex-sm-100{
        width: 100%;
    }
    .margin-bottom-sm-20 {
        margin-bottom: 20px;
    }
    .margin-bottom-sm-10 {
        margin-bottom: 10px;
    }
    .margin-bottom-sm-0 {
        margin-bottom: 0;
    }
    .margin-left-sm-0 {
        margin-left: 0;
    }
    .display-block-sm {
        display: block;
    }
}

@media (min-width:576px) and (max-width:768px) {
    .current-pos-carrer-info, .current-pos-carrer-info-add-new  {
        margin-left:52px;
    }
}
@media (min-width:1024px) {
    .current-pos-carrer-info, .current-pos-carrer-info-add-new  {
        margin-left:48px;
    }

    #search_criteria div, #viewcriteria .well div {
        width:33%;
    }
}

@media (min-width:1440px) {
    .current-pos-carrer-info, .current-pos-carrer-info-add-new  {
        margin-left:52px;
    }
}

@media screen and (min-width: 768px) {


    #resume_modal .modal-dialog {
        width: 750px;
    }
    .content-number-view-page{
        margin-bottom: 20px;
    }

    #email-marketing-admin-page .send-email-marketing-box{
        margin-bottom: -40px;
    }
    #groups .nav-tabs, #events .nav-tabs, #campaigns-page .nav-tabs {
        height: 60px;
    }
    #cropper-upload-modal .modal-dialog{
        width: 750px;
    }
    .no-padding-desktop{
        padding: 0;
    }
    .delete-job-modal-container {
        min-width: 600px;
    }
    .styles_modal__gNwvD {
        padding: 0 !important;
    }
}

.fa-xs {
    font-size: 40%;
}

.fa-sm {
    font-size: 60%;
}
/************************** XS < 768px *********************/
@media screen and (max-width: 767px) {
    .pull-left-xs {
        float: left !important;
    }
    #directory-buttons-group {
        height: 130px;
    }
    #directory-buttons-group > .col-sm-4:nth-child(1) {
        position: absolute;
        bottom: 0;
        z-index: 2;
    }
    #directory-buttons-group > .col-sm-4:nth-child(2) {
        position: absolute;
        bottom: 35px;
        z-index: 2;
    }
    #directory-buttons-group > .col-sm-4:nth-child(3) {
        position: absolute;
        top: 0;
    }

    #profile .panel-default .panel-body .container-box .one {
        padding: 0 !important;
    }
    .padding-xs-0 {
        padding: 0 !important;
    }

    #resume_modal .modal-dialog {
        margin: 0;
    }

    .w-100 {
        width:100%!important;
    }

    .profile-intro-avatar .avatar-initials .avatar-initial-holder {
        font-size: 56px;
    }

    .profile-intro-body {
        padding: 10px 5px;
    }
    .profile-intro-tabs {
        margin-top: 10px;
    }
    .profile-intro-tabs ul.nav.nav-tabs li a {
        letter-spacing: 0 !important;
    }
    .profile-intro-tabs .nav-tabs > li:last-child a.btn-full-color {
        margin-left: 0;
    }
    .profile-intro-tabs ul.nav.nav-tabs > li {
        width: 19% !important;
    }
    .profile-intro-tabs ul.nav.nav-tabs li:last-child {
        width: 24% !important;
    }
    .profile-intro-tabs .nav-tabs > li .dropdown-menu > li,
    .profile-intro-tabs .nav-tabs > li .dropdown-menu > li:last-child {
        width: 100% !important;
    }
    .profile-intro-tabs ul.nav.nav-tabs li > a,
    .profile-intro-tabs ul.nav.nav-tabs li > b > a,
    .profile-intro-tabs .nav-tabs > li button.dropdown-toggle {
        border: none !important;
        background-color: transparent !important;
        color: inherit !important;
        padding: 10px 0;
        line-height: 20px;
        font-weight: 400;
    }
    .profile-section-title .edit-section-button, .profile-section-subtitle .edit-section-button {
        right: 0;
    }
    .profile-intro-avatar-container {
        margin-top: 0;
    }
    .profile-intro-avatar {
        width: 160px;
        height: 160px;
        bottom: -30px;
        left: 10px
    }
    .profile-intro-info {
        padding-top: 10px;
        padding: 20px 10px 5px;
    }
    .profile-intro-description-container {
        padding-left: 180px;
        min-height: 120px;
        padding-bottom: 10px;
        font-size: 15px;
        line-height: 17px;
    }
    .profile-intro-description-container.my-own-profile {
        min-height: 120px;
    }
    .profile-intro-activated-info {
        padding-left: 180px;
    }
    .profile-intro-position, .profile-intro-lives-in, .profile-intro-works-in {
        margin-bottom: 5px;
    }
    .profile-intro-tabs {
        margin-top: 10px;
    }
    .jobs-cards-container .job-box-container .job-body {
        padding: 0 15px;
    }
    .jobs-cards-container .job-box-container {
        margin-right: 0 !important;
        margin-left: 0 !important;
    }
    .jobs-cards-container .job-box-container .job-footer {
        padding: 10px 15px;
    }
    .content-left-jobs-search {
        top: 0;
    }
    .btn-100{
        width: 100%;
    }
    .content-left-map-search.expand-mobile {
        padding: 0!important;
        position: relative;
        border: none;
        border-bottom: 1px solid #f1f1f1;
        margin-top: -10px;
        padding-bottom: 10px !important;
        margin-bottom: 10px;
        z-index: 1;
    }

    .text-center-mobile{
        text-align: center!important;
    }

    .text-left-mobile{
        text-align: left!important;
    }
    .gap-xs-15{
        padding-left:15px;
        padding-right:15px;
    }
    .page-size-container{
        width: auto;
        max-width: none;
        float: none!important;
    }
    /* margins */

    .margin-top-xs-0{
        margin-top: 0;
    }
    .margin-bottom-xs-10.margin-auto-xs,
    .margin-bottom-xs-10{
        margin-bottom: 10px;
    }

    .row-inactive {
        display:flex;
        align-items: center;
        justify-content: center;
    }
    .margin-bottom-xs-0{
        margin-bottom: 0;
    }
    .margin-top-xs-10,
    .mobile-margin-top-xs-10{
        margin-top: 10px;
    }
    .margin-auto-xs{
        margin: auto;
    }
    .margin-top-xs-20{
        margin-top:20px;
    }
    .margin-bottom-xs-20{
        margin-bottom:20px;
    }
    .margin-bottom-xs-40{
        margin-bottom:40px;
    }
    .margin-right-xs-0{
        margin-right: 0;
    }
    .margin-right-xs-5 {
        margin-right: 5px;
    }

    .margin-left-xs-0{
        margin-left: 0;
    }

    .padding-container-responsive.margin-top-xs-80,
    .margin-top-xs-80 {
        margin-top: 80px;
    }
    /* layout changes for mobile full containers */
    .col-sm-12.full-container-right,
    .full-container-left{
        left: -15px;
        width: calc(100% + 30px);
    }
    .no-margin-mobile{
        margin:0;
    }
    /* typography changes for mobile */
    .event-title{
        font-size: 26px;
        padding: 10px;
        line-height: 0.9;
    }
    .event-ticket-title{
        margin: 15px 0;
        padding:0 30px !important;
        line-height:110%;
    }
    /* containers */
    .padding-container-responsive {
        padding-bottom: 35px;
        margin-top: 0px;
    }
    .container-btn-top-list {
        width: 100% !important;
    }
    .img-box-big img {
        width: 100%;
        height: auto;
    }
    .box-sidebar {
        margin-top: 20px;
    }
    header {
        display: none;
    }
    .second-header {
        background-color: #0E4C92;
        padding: 0px 15px !important;
        height: 70px;
    }
    .menu {
        background-color: transparent;
    }
    .navbar-default {
        background-color: transparent;
        float: left;
    }
    .logo-mobile {
        float: left;
        display: inline-block;
        width: 50px;
        height: 50px;
        margin-top: 9px;
        margin-right: 15px;
    }
    .logo-mobile img {
        width: 100%;
    }
    #box-events .content-box {
        padding: 0px 15px !important;
    }
    .no-padding-mobile {
        padding: 0px !important;
    }
    .mobile-padding{
        padding-left: 15px !important;
        padding-right: 15px !important;
    }

    .padding-mobile {
        padding: 0px 15px !important;
    }
    .btn-blue, .btn-gray {
        position: relative;
    }
    .container-box {
        padding: 10px !important;
    }
    .container-box.no-padding-mobile{
        padding: 0 !important;
    }
    .posted-content {
        padding-top: 0px !important;
    }
    .title-content-head {
        font-weight: 500;
        line-height: 18px;
    }
    .content-map {
        background-color: transparent;
        left: 0px;
        text-align: left;
        padding: 20px !important;
        width: 100%;
        opacity: 1;
    }
    .title-map {
        font-family: "Source Sans Pro", sans-serif;
        font-size: 24px;
        font-weight: 500;
        line-height: 30px;
        padding: 0px !important;
    }
    .details-map {
        font-family: "Source Sans Pro", sans-serif;
        font-size: 16px;
        padding: 20px 0px;
    }
    .map img {
        opacity: 0.2;
    }
    .map {
        height: 250px;
    }
    .navbar-toggle {
        background-color: transparent !important;
        border: 0px;
        margin-top: 13px;
        margin-right: 0px;
    }
    .navbar-default .navbar-toggle .icon-bar {
        background-color: #fff;
    }
    .navbar-toggle .icon-bar {
        width: 30px;
        height: 5px;
    }
    .notifications-mobile {
        margin-top: 21px;
        position: relative;
        z-index: 100000;
        float: none;
        margin-left: 130px;
    }

    .img-email {
        margin: 0px;
    }
    .nrmsg {
        right: 5px;
        background-color: #d0021b;
        width: 14px;
        height: 14px;
        text-align: center;
        border-radius: 100%;
        font-size: 10px;
        position: relative;
        display: inline-block;
        left: -25px;
        top: -15px;
    }
    .search-mobile {
        position: absolute;
        right: 0px;
        top: 14px;
        color: #fff;
        z-index: 1000000;
    }
    .search-mobile i {
        font-size: 23px;
        margin-top: 2px;
        top: 0px !important;
    }
    .meniu-xs {
        position: absolute;
    }
    .navbar-main-menu .navbar-toggle {
        left: -20px;
    }
    .navbar-toggle {
        float: left;
    }
    .navbar-default .navbar-collapse, .navbar-default .navbar-form {
        background-color: #e2e2e2;
        width: 115%;
        left: -65px;
        float: left;
        text-align: left;
        position: absolute;
        top: 70px;
    }
    .navbar.navbar-main-menu {
        z-index: 9;
        width: 70%;
    }
    .navbar-main-menu ul li {
        display: block;
        margin: 0px;
    }
    .navbar-main-menu ul li a {
        width: 100%;
    }
    .menu i {
        text-align: right;
        right: 15px;
        position: absolute;
        top: 17px;
    }
    .navbar-main-menu .dropdown-menu {
        position: initial;
        width: 100%;
    }
    .navbar-main-menu .dropdown-menu {
        border: 0px;
    }
    .navbar-main-menu .notifications .dropdown-menu li a, .navbar-main-menu .dropdown-menu li a {
        border: 0px;
    }
    .navbar-main-menu ul {
        padding: 0px;
    }
    .title-page {
        margin-top: 0px;
    }
    .padding-btn {
        padding: 10px 20px;
    }

    .btn-30 {
        width:  32.33%;
        float:left;
        margin: 0px !important;
    }

    .btn-50 {
        width: 49%;
        float: left;
        margin: 0px !important;
    }
    .col-lg-12.col-md-12.col-sm-12.col-xs-12 .btn-50:nth-child(2n) {
        float: right;
    }
    .btn-create-list {
        margin-bottom: 5px;
    }
    .btn-right-list {
        margin-bottom: 10px;
    }
    .btn-sm-50.btn-100 {
        width: 100%;
        margin: 10px 0;
    }
    .image-input {
        color: transparent;
    }
    #viewcriteria .well{
        -webkit-column-count: 1;
        -moz-column-count: 1;
        column-count: 1;
    }
    /* campaigns */
    #campaign-metrics .bellow-footable,
    #campaign-metrics .bellow-footable-less {
        top: -10px;
    }
    .display-none-xs {
        display: none;
    }
    /* general images */
    .img-box img {
        width: 50%;
    }
    table.table tbody tr td.right-padded-td {
        padding-right: 5px;
    }
    #receipt-reporting .table > thead > tr > th,
    #receipt-reporting .table > tbody > tr > th,
    #receipt-reporting .table > tfoot > tr > th,
    #receipt-reporting .table > thead > tr > td,
    #receipt-reporting .table > tbody > tr > td,
    #receipt-reporting .table > tfoot > tr > td {
        padding: 5px;
    }
    /* the map user pin box */
    .icons-pin i {
        font-size: 18px;
        margin-right: 10px;
    }
    /* the design of the tabs on mobile */
    .nav-tabs {
        border: none;
    }
    ul.nav.nav-tabs li,
    ul.nav.nav-tabs li.active {
        border: none;
        width: 50%;
    }
    ul.nav.nav-tabs li a {
        border-radius: 0;
        background-color: #fff;
        color: #0a60a3;
        border: 1px solid #0e4c92;
        font-family: "Source Sans Pro", sans-serif;
        font-size: 14px;
        font-weight: 400;
        padding: 10px;
        text-align: center;
        letter-spacing: 1px;
    }
    ul.nav.nav-tabs li.active a {
        background-color: #0e4c92;
        border: 1px solid #0e4c92;
        color: #fff;
    }
    ul.nav.nav-tabs li a:hover {
        background-color: #0e4c92;
        color: #fff;
        border: 1px solid #0e4c92;
    }
    a.title-button {
        margin-bottom: 10px;
        margin-left: 0;
    }
    .nrmsg.notification {
        left: -12px;
    }
    li.token-input-input-token-search input#token-input-search-input-mobile {
        height: 34px;
        padding: 0;
    }
    #search ul.token-input-list-search {
        height: 37px !important;
    }
    .margin-title {
        margin-top: 20px;
        margin-bottom: 10px;
    }
    #messages .support-box .one {
        padding-bottom: 5px !important;
    }
    #messages .support-box .one img {
        width: 90px;
        height: auto;
    }
    .navbar-collapse.menu .dropup,
    .navbar-collapse.menu .dropdown {
        position: initial;
    }
    .one > .col-lg-9.col-md-9.col-sm-9.col-xs-9.content-box.no-padding {
        padding-left: 0px !important;
    }
    .label-email-last {
        padding-right: 0 !important;
    }
    .container-rec-groups .one-group:nth-child(3n+1),
    .container-rec-groups .one-group:nth-child(3n+2),
    .container-rec-groups .one-group:nth-child(3n+3) {
        padding-right: 0 !important;
        padding-left: 0 !important;
    }
    #job-board-single .image-box {
        top: 15px;
    }
    .container-slider-groups .bx-prev {
        left: -30px;
    }
    .container-slider-groups .bx-next {
        right: -30px;
    }
    /* the group pages */
    #group-page .image-box.group-image img {
        width: 80px;
        height: 80px;
    }
    #group-page .group-title .title {
        max-width: calc(100% - 85px);
        padding-left: 10px;
        vertical-align: middle;
    }
    #group-page .content-left-user {
        padding: 0 !important;
    }
    #group-page #isJob div.no-padding:nth-child(2) {
        padding-right: 0px !important;
        padding-bottom: 20px !important;
    }
    #group-page #isJob div.no-padding:nth-child(4) {
        padding-left: 0px !important;
    }

    /* end group pages */
    /* the campaign page */
    .campaign-block .container-box {
        min-height: initial;
    }

    #campaign-page .profile-title.title-component .image-box img {
        max-width: 100px;
        vertical-align: bottom;
    }
    #campaign-page .profile-title .title {
        width: calc(100% - 130px);
    }
    .image-header {
        background-position: center center;
        background-size: 100% auto;
        background-repeat: no-repeat;
        height: 150px;
    }
    .image-header img {
        display: none;
    }
    .donation-amount-input .input-group-addon {
        font-size: 32px;
        line-height: 32px;
    }
    .donation-amount-input input {
        font-size: 50px;
        line-height: 50px;
    }
    .donation-form .one-row-user-form {
        padding: 0 10px !important;
    }
    .foot-annex {
        position: absolute;
        bottom: 0;
    }
    .donation-form .donation-amount-input .label-email {
        padding-right: 0;
        margin-top:5px;
    }
    .donation-form .donation-amount-input input {
        height: 50px;
        padding: 0;
    }
    #payment-page .donation-form .donation-amount-input .label-user {
        padding-left: 10px;
        padding-right: 0;
        margin-top: 15px;
    }
    .overlap-background {
        margin-top: -70px;
    }
    #payment-page #billing-information .image-header {
        height: 250px;
    }
    .thank-you-title {
        font-size: 30px;
        line-height: 30px;
    }
    .thank-you-title #donated_amount {
        font-size: 41px;
        line-height: 41px;
    }
    /* end campaign */
    /* campaign metrics */
    .page-size-selector {
        height: auto;
    }
    .page-size-selector select.form-control {
        position: relative;
        top: inherit;
    }
    /* end metrics */
    #payment-page .nav-wizard > li {
        float: left;
        position: relative;
        display: none;
        background-color: transparent;
        color: #0a60a3 !important;
        width: 100%;
        line-height: 14px;
        text-align: left;
        padding-top: 10px;
        padding-bottom: 10px;
        font-size: 18px;
        font-weight: 600;
    }
    #payment-page .nav-wizard > li.active {
        background-color: #ffffff;
        display: block;
        color: #0a60a3;
    }
    #edit-campaign-page .no-padding.sidebar {
        padding-left: 0px !important;
    }
    /* the sponsors mobile */
    #sponsors .support-box .title-content .title {
        -webkit-box-decoration-break: clone;
        -ms-box-decoration-break: clone;
        -o-box-decoration-break: clone;
        box-decoration-break: clone;
        padding-top: 15px;
        position: relative;
    }
    #sponsors .content-box{
        width: 100%;
    }
    /* events pages */
    #event-view #atendee_manage_form2 .form-inline .input-group {
        position: relative;
        top: 0;
    }

    #events #events-switch .nav-pills > li > a {
        padding: 10px 5px;
    }
    .dropdown-backdrop {
        position: static;
    }
    .btn-100.title-button-group{
        margin-left: 0;
        margin-top:10px;
    }
    /* responsive pagination directory */
    .pagination-holder-top {
        margin-right: auto;
        margin-top: 10px;
    }
    .select-page-size,
    .select-page-size {
        text-align: center;
    }
    .pagination-holder-top .page-number {
        margin: 6px 0px 4px 15px;
    }
    /* email marketing details responsive */
    #email-marketing-details-admin-page .main-left-block {
        padding: 0;
    }
    #email-marketing-details-admin-page .main-right-block .margin-bottom {
        margin-bottom: 0;
    }
    #email-marketing-details-admin-page .main-right-block {
        padding: 0 15px !important
    }
    #email-marketing-details-admin-page .main-right-block div:first-child {
        border-top: 1px solid #bbb;
    }
    #email-marketing-details-admin-page .secondary-right-block {
        border-left: 0;
        border-top: 1px solid #bbb;
        margin: 5px 15px 5px 15px;
        padding: 15px 10px;
    }
    #email-marketing-details-admin-page .template-container {
        margin: 10px 3px 0 3px;
    }
    /* end email marketing */

    /*
    *START USER PROFILE ADMIN VIEW
    */
    /* the event login modals */
    .modal-content-center .email-success{
        right: 10px;
    }
    .date-event .label-email {
        padding-right: 0!important;
    }
    /* make a normal button in a circle */
    .btn-mobile-round{
        border-radius:50%;
        width: 36px;
        height: 36px;
    }
      .content-number-view-page{
        margin-bottom: 70px;
    }

    #email-marketing-admin-page,
    #service-fee-table {
        margin-bottom: 20px;
    }

    #email-marketing-admin-page .send-email-marketing-box{
        margin-bottom: 20px;
    }

    .footable-bordered .footable-filtering th{
        padding-left: 0;
        padding-right: 0;
    }
    .rich-media-preview .carousel {
        margin-top: 30px;
    }
    .rich-media-preview .media-content{
        flex-direction: column;
    }
    /** rich link design for mobile view **/
    .rich_link_body{
        flex-direction: column;
    }
    .rich_link_body .rich_link_details{
        flex: 1 0;
        padding-top: 10px;
    }

    #events .panel,
    #groups .panel,
    #my-groups .panel,
    #all-groups .panel,
    #campaigns-page .panel {
        width: 95%;
        margin: 0;
    }

    .mobile-no-float{
        float:none!important;
    }
    .float-left-mobile{
        float: left!important;
    }
    .float-right-mobile{
        float: right!important;
    }
    .margin-top-5-mobile{
        margin-top:5px;
    }
    .mygroups-frequency{
        float: left;
        width: 100%;
        max-width: 100% !important;
    }
    .margin-right-xs-10{
        margin-right: 10px;
    }
    .maxw-100-mobile{
        max-width: 100px !important;
    }
    #import-users-tabs li{
        width: 100%;
    }
    .width-100-mobile{
        width: 100% !important;
        max-width: 100%!important;
    }
    .padding-top-xs-20{
        padding-top: 20px !important;
    }
    .padding-bottom-xs-10{
        padding-bottom: 10px;
    }
    #headline-admin-page table.table{
        top: 0px;
    }
    .padding-top-xs-30{
        padding-top: 30px !important;
    }
    .padding-right-xs-0 {
        padding-right: 0px;
    }
    .padding-left-xs-0 {
        padding-left: 0px;
    }
    .margin-left-xs-20 {
        margin-left: 20px !important;
    }

}
@media screen and (max-width: 640px) {
    #sync-resume-table {
        min-width: 0;
        padding: 10px 0 !important;
    }
    #sync-resume-table .footable-bordered tbody tr td:first-child,
    #sync-resume-table .footable-bordered tbody tr td:nth-child(2),
    #sync-resume-table .footable-bordered tbody tr td:nth-child(4) {
        min-width: 0;
        width: auto;
        white-space: normal;
        max-width: 200px;
    }
    #sync-resume-table .footable-bordered tbody tr td {
        padding: 5px;
    }
}
/************************** Mobile small < 480px *********************/

@media only screen and (min-width: 480px) and (max-width : 578px) {
    .current-pos-carrer-info {
        margin-left: 40px;
    }
}
@media only screen and (min-width: 992px) and (max-width : 1024px) {
    .current-pos-carrer-info {
        margin-left:44px;
    }
}

@media only screen and (min-width: 768px) and (max-width : 992px) {
    .current-pos-carrer-info {
        margin-left:52px;
    }
}

@media only screen and (min-width: 768px) and (max-width : 992px) {
    .current-pos-carrer-info {
        margin-left:52px;
    }
}

@media only screen and (min-width: 481px) and (max-width : 1024px) {
    .current-pos-carrer-info-add-new {
        margin-left:52px;
    }
}
@media screen and (max-width: 480px) {


    .position-relative-mobile {
        position: relative !important;
        display: block;
    }
    .profile-intro-avatar .avatar-initials .avatar-initial-holder {
        font-size: 40px;
    }
    .profile-intro-tabs ul.nav.nav-tabs li,
    .profile-intro-tabs ul.nav.nav-tabs li:last-child {
        width: 33% !important;
    }
    .profile-intro-tabs .nav-tabs > li:last-child a.btn-full-color {
        margin-top: 13px;
    }
    .profile-admin-buttons .btn {
        min-width: 120px;
    }
    .profile-intro-avatar {
        width: 100px;
        height: 100px;
        bottom: -20px;
    }
    .profile-intro-avatar-year {
        line-height: 28px;
        width: 28px;
        height: 28px;
        font-size: 14px;
    }
    .profile-intro-avatar-download a i {
        font-size: 18px;
    }
    .profile-intro-avatar-download a {
        border-radius: 2px;
        padding: 3px 3px 1px 3px;
    }
    .profile-intro-description-container {
        padding-left: 110px;
    }
    .profile-intro-activated-info {
        padding-left: 120px;
    }
    .profile-intro-description-container {
        font-size: 14px;
    }
    /* general images */
    .img-box img {
        width: 75%;
    }
    .mobile-margin-bottom-xs-20{
        margin-bottom: 20px;
    }
    /* group view */
    .view-notification-settings{
        text-align: right !important;
        width: 100%;
    }
    .group-notifications{
        width: 100%;
        text-align: right !important;
        border:none;
        padding-right: 0;
    }
    .group-notifications span{
        padding-right: 0;
    }
}
/************************** Mobile old < 360px *********************/
@media screen and (max-width: 360px) {
    .profile-intro-avatar .avatar-initials .avatar-initial-holder {
        font-size: 23px;
    }
    /* general images */
    .img-box img {
        width: 100%;
    }
    .profile-intro-avatar {
        width: 80px;
        height: 80px;
        bottom: auto;
    }
    .profile-intro-description-container {
        padding-left: 95px;
    }
    .profile-intro-activated-info {
        padding-left: 0;
    }

}

.goog-te-menu-value { color: black !important; }





/* FLEX MEDIA QUERIES */

/*==========  Mobile First Method  ==========*/




/* Custom, iPhone Retina */
@media only screen {

    .flex-space-round {
        justify-content: space-around;
    }

    .flex-space-start {
        justify-content: flex-start;
    }

    .flex-space-end {
        justify-content: flex-end;
    }

    .flex-row-wrap {
        flex-flow: row wrap;
    }

    .flex-column {
        flex-flow:column;
    }

    .flex-padding-10 {
        padding:10px;
    }



    .flex-xs-5{
        width: 5%;
    }
    .flex-xs-10{
        width: 10%;
    }
    .flex-xs-15{
        width: 15%;
    }
    .flex-xs-20{
        width: 20%;
    }
    .flex-xs-25{
        width: 25%;
    }
    .flex-xs-30{
        width: 30%;
    }
    .flex-xs-33{
        width: 33.33%;
    }
    .flex-xs-35{
        width: 35%;
    }
    .flex-xs-40{
        width: 40%;
    }
    .flex-xs-45{
        width: 45%;
    }
    .flex-xs-50{
        width: 50%;
    }
    .flex-xs-55{
        width: 55%;
    }
    .flex-xs-60{
        width: 60%;
    }
    .flex-xs-65{
        width: 65%;
    }
    .flex-xs-66{
        width: 66.66%;
    }
    .flex-xs-70{
        width: 70%;
    }
    .flex-xs-75{
        width: 75%;
    }
    .flex-xs-80{
        width: 80%;
    }
    .flex-xs-85{
        width: 85%;
    }
    .flex-xs-90{
        width: 90%;
    }
    .flex-xs-95{
        width: 95%;
    }
    .flex-xs-100{
        width: 100%;
    }
}

/* Small Devices, Tablets */
@media only screen and (min-width : 768px) {

    .flex-sm-5{
        width: 5%;
    }
    .flex-sm-10{
        width: 10%;
    }
    .flex-sm-15{
        width: 15%;
    }
    .flex-sm-20{
        width: 20%;
    }
    .flex-sm-25{
        width: 25%;
    }
    .flex-sm-30{
        width: 30%;
    }
    .flex-sm-33{
        width: 33.33%;
    }
    .flex-sm-35{
        width: 35%;
    }
    .flex-sm-40{
        width: 40%;
    }
    .flex-sm-45{
        width: 45%;
    }
    .flex-sm-50{
        width: 50%;
    }
    .flex-sm-55{
        width: 55%;
    }
    .flex-sm-60{
        width: 60%;
    }
    .flex-sm-65{
        width: 65%;
    }
    .flex-sm-66{
        width: 66.66%;
    }
    .flex-sm-70{
        width: 70%;
    }
    .flex-sm-75{
        width: 75%;
    }
    .flex-sm-80{
        width: 80%;
    }
    .flex-sm-85{
        width: 85%;
    }
    .flex-sm-90{
        width: 90%;
    }
    .flex-sm-95{
        width: 95%;
    }
    .flex-sm-100{
        width: 100%;
    }


}

/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {

    .flex-md-5{
        width: 5%;
    }
    .flex-md-10{
        width: 10%;
    }
    .flex-md-15{
        width: 15%;
    }
    .flex-md-20{
        width: 20%;
    }
    .flex-md-25{
        width: 25%;
    }
    .flex-md-30{
        width: 30%;
    }
    .flex-md-33{
        width: 33.33%;
    }
    .flex-md-35{
        width: 35%;
    }
    .flex-md-40{
        width: 40%;
    }
    .flex-md-45{
        width: 45%;
    }
    .flex-md-50{
        width: 50%;
    }
    .flex-md-55{
        width: 55%;
    }
    .flex-md-60{
        width: 60%;
    }
    .flex-md-65{
        width: 65%;
    }
    .flex-md-66{
        width: 66.66%;
    }
    .flex-md-70{
        width: 70%;
    }
    .flex-md-75{
        width: 75%;
    }
    .flex-md-80{
        width: 80%;
    }
    .flex-md-85{
        width: 85%;
    }
    .flex-md-90{
        width: 90%;
    }
    .flex-md-95{
        width: 95%;
    }
    .flex-md-100{
        width: 100%;
    }
}

/* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) {

    #campaign-metrics .table td:first-child {
        width:200px;
    }
    .flex-lg-5{
        width: 5%;
    }
    .flex-lg-10{
        width: 10%;
    }
    .flex-lg-15{
        width: 15%;
    }
    .flex-lg-20{
        width: 20%;
    }
    .flex-lg-25{
        width: 25%;
    }
    .flex-lg-30{
        width: 30%;
    }
    .flex-lg-33{
        width: 33.33%;
    }
    .flex-lg-35{
        width: 35%;
    }
    .flex-lg-40{
        width: 40%;
    }
    .flex-lg-45{
        width: 45%;
    }
    .flex-lg-50{
        width: 50%;
    }
    .flex-lg-55{
        width: 55%;
    }
    .flex-lg-60{
        width: 60%;
    }
    .flex-lg-65{
        width: 65%;
    }
    .flex-lg-66{
        width: 66.66%;
    }
    .flex-lg-70{
        width: 70%;
    }
    .flex-lg-75{
        width: 75%;
    }
    .flex-lg-80{
        width: 80%;
    }
    .flex-lg-85{
        width: 85%;
    }
    .flex-lg-90{
        width: 90%;
    }
    .flex-lg-95{
        width: 95%;
    }
    .flex-lg-100{
        width: 100%;
    }
}


/* MEDIA QUERIES FOR HIDING DIVS WITH PROPER CLASSES ON FLEX */

@media only screen and (min-width : 1200px) {
    .flex-hidden-lg {
        display:none !important;
    }
}
@media only screen and (max-width : 768px) {
    .add-organizers {
        line-height: 24px
    }
}

/* Medium Devices, Desktops */
@media only screen and (min-width: 768px) and (max-width : 1200px) {
    .flex-hidden-md {
        display:none !important;
    }
    #my-lists ul.token-input-list-facebook li.token-input-input-token-facebook,
    #my-lists ul.token-input-list-facebook li.token-input-input-token-facebook input#token-input-page-add-users-textbox2,
    #my-lists ul.token-input-list-facebook li.token-input-input-token-facebook input#token-input-page-add-users-textbox {
        font-size: 12px;
    }

}

/* Small Devices, Tablets */
@media only screen and (min-width:480px) and (max-width : 768px) {
    .flex-hidden-sm {
        display:none !important;
    }
    #groups .nav-tabs > li > a, #events .nav-tabs > li > a, #campaigns-page .nav-tabs > li > a {
        margin-bottom:10px;
    }
}

/* Extra Small Devices, Phones */
@media only screen and (max-width : 480px) {
    #events #events-switch a {
        font-size: 11px;
    }
    .flex-hidden-xs {
        display:none !important;
    }
    #desktop-nav {
        display:none !important;
    }
    #mobile-nav {
        display:inline-block;
    }
    #campaigns-page .masonry-brick, #events .masonry-brick {
        width: 100%;
    }
    .bulk-action-form-mobile {
        width:95%;
    }
    .add-users-to-list-mobile {
        width: 90%;
        margin-left: 5%;
    }
}

/* Custom, iPhone Retina */
@media only screen and (max-width : 320px) {

}


/* GENERAL MEDIA QUERIES */
/*==========  Mobile First Method  ==========*/



@media only screen {
    #profile .content-left-user {
        padding: 0 !important;
    }
    #listsMenu li {
        float:none;
        width:100%
    }
    #campaigns-page .nav-tabs > li > {
        min-height:60px;
    }
}

@media only screen and (min-width : 768px) {
    #add-to-list-modal .modal-sm,
    #requestResumeModal .modal-sm {
        width: 380px;
    }
    .checkbox-separator {
        display:none;
    }
    #listsMenu li {
        float:left;
        width:auto;
    }
    .frequency_alignment{
        width: 100%;
        text-align: right;
    }
    .jobs-cards-container .job-box-container {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-flow: row wrap;
        flex-flow: row wrap;
        margin-right: -15px;
        margin-left: -15px;
        padding: 0;
    }

    .jobs-cards-container .job-box-container .job-box {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-flex: 1;
        -ms-flex: 1 0 0%;
        flex: 1 0 0%;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        margin-right: 15px;
        margin-bottom: 20px;
        margin-left: 15px;
        min-width: calc(33.33% - 30px);
        max-width: calc(33.33% - 30px);
        width: calc(33.33% - 30px);
    }

}

@media only screen and (min-width : 992px) {
    #profile .content-left-user {
        padding: 0 25px 0 0 !important;
    }
    #box-events {
        padding: 0 15px 0 0 !important;

    }
    #pcc-mobile-collapsed-menu {
        text-align:right;
    }
    #jobs-container {
        top: 73px;
    }
    #job-board #jobs-container {
        top: 0;
    }
    #campaigns-page a.title-button.pull-right-md {
        float:right;
    }

    #campaigns-page a.title-button.margin-right-md-10 {
        margin-right:10px;
    }
    .top-md-40 {
        top: 40px;
    }
    .top-md-0 {
        top: 0;
    }
    .margin-right-md-10 {
        margin-right:10px;
    }
}

@media only screen and (min-width : 1200px) {
    #events .event_links_icon > a,
    #events a.event_links_icon.white {
        font-size:1.1rem !important;
    }
    .top-lg-40 {
        top: 40px;
    }
    .top-lg-0 {
        top: 0;
    }
}
@media only screen and (min-width: 768px) and (max-width : 991px) {
    #sponsors .content-box{
        width: 75%;
        margin-left: 15px;
    }
    .frequency-tablet{
        width: 100%;
        text-align: right;
    }
    .margin-right-sm-10{
        margin-right: 10px;
    }
    .padding-top-sm-20{
        padding-top: 20px !important;
    }
    .margin-right-sm-0{
        margin-right: 0px;
    }
    .text-right-sm{
        text-align: right;
    }
    .font-size-sm-12{
        font-size:12px;
    }

    .text-right {
        text-align:right;
    }

    .jobs-cards-container .job-box-container .job-box {
        min-width: calc(50% - 30px);
        max-width: calc(50% - 30px);
        width: calc(50% - 30px);
    }
    .padding-left-sm-0 {
        padding-left: 0;
    }
    .padding-right-sm-0 {
        padding-right: 0;
    }

}

/* media carousel */
.carousel-inner{
    height: 450px;
    overflow: hidden;
}
img.vertical-align{
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    position: relative;
    display: block;
}
@media only screen and (max-width : 1200px) {
    .carousel-inner{
        height: 320px;
    }
}
@media only screen and (max-width : 768px) {
    .carousel-inner{
        height: 300px;
        position: relative;
    }
}
@media only screen and (max-width : 580px) {
    .carousel-inner {
        height: 200px;
    }
    #media-carousel .carousel-caption.vertical-align{
        padding-left: 30px;
        padding-right: 30px;
    }
    #headline-admin-page .headlines-title-container{
        max-width: 100%;
    }
    .name-value.flex-name-value-mobile,
    .name-label.flex-name-value-mobile {
        width: 15%;
    }
}

@media only screen and (max-width : 480px) {
    .carousel-inner {
        height: 156px;
    }
    .name-value.flex-name-value-mobile,
    .name-label.flex-name-value-mobile {
        width: 20%;
    }
}

.padding-horizontal-5 {
    padding: 0px 5px;
}

@media print {
    a[href]:after {
        content: "";
    }
    .container {
        width: 100% !important;
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
    .attendee-list-user {
        width: 33.33% !important;
    }
}

.col-instagram-image {
    padding: 1px;
    break-inside: avoid;
}

.instagram-tab {
    column-count: 3;
}

.item.instagram-tab {
    height: auto;
}

td.ui-datepicker-current-day {
    word-wrap: normal;
    padding-top: 0;
}

.ui-datepicker-calendar a.ui-state-hover {
    word-wrap: normal;
}

.k-multiselect-wrap {
    padding: 5px;
}

li.k-item .avatar-initials {
    height: 30px;
    width: 35px;
}
.k-list-scroller li.k-item {
    padding-top: 3px !important;
    padding-bottom: 3px !important;
}

/* DV-3381 STUDY AREA PAGE DESIGN CHANGES*/
.selectAssociationField{ width:82%; float:right; height:42px;}
.mergeBtnCont{ padding:0;}
.mergeBtnCont .associationMergeBtn{width:100%;}
.selectAssociationField .k-dropdown-wrap{background: none;border: none;margin: 5px 0px 0px 0px;color: #000;box-shadow: none;}
.selectAssociationField .k-dropdown-wrap .k-input{color:#555;}
.numberOfUsersBtn{width:60px;}

/* Export modal Kendo */
.btn-export-bi {
    font-style: italic;
    color: #0da6e3;
}