@charset "UTF-8";
@import url('https://fonts.googleapis.com/css?family=Mandali|Palanquin+Dark:400,500,600,700|Varela|Rochester');
@import url('https://fonts.googleapis.com/css?family=Cabin');
@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i,800,800i');
@import url('../icons/fontawesome/css/font-awesome.min.css');
@import url('https://fonts.googleapis.com/css?family=Heebo:100,300,400,500,700,800,900|Hind+Madurai:300,400,500,600,700');
* {
    outline: 0 !important;
    text-decoration: none !important;
    font-family: 'Open Sans', sans-serif;
}

body,
html {
    height: 100%;
}

body {
    min-height: 100vh;
    position: relative;
    background: #fff !important;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.6;
}

p {
    font-size: 14px;
    font-weight: 400;
    line-height: 1.6;
}

a {
    cursor: pointer;
    color: #00A3E5;
}

a:hover {
    color: #000;
}


body, p {
    font-family: 'Varela', sans-serif;
    line-height:24px;
    letter-spacing: 0.35px;
    color:#777;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    color: #17386d;
    margin: 0 0 0.75em;
    line-height: 1.15em;
    font-weight: 600;
}

h1 {
    font-size: 50px;
    margin-top: 20px;
}

h2 {
    font-size: 28px;
    font-weight: 500;
}

h3 {
    font-size: 28px;
}

h4 {
    font-size: 22px;
}

h5 {
    font-size: 16px;
}

h6 {
    font-size: 14px;
}

ul,
li {
    list-style: none;
    margin: 0;
    padding: 0;
}

.margin-no {
    margin: 0;
}

.margin-left-10 {
    margin-left: 10px !important;
}

.no-padding {
    padding: 0 !important;
}

.width_100 {
    width: 100%;
}

.blue {
    color: #00A3E5;
}

.cover-wrapper {
    overflow: hidden;
    position: relative;
    width: 100%;
    /*padding-top: 56px;*/
}

.navbar-inverse {
    background: #17386d;
    border: none;
    z-index: 7777;
    margin: 0;
}

.navbar-inverse .navbar-brand {
    padding: 10px 0 5px 23px;
}

.navbar-inverse .nav>li>a {
    padding: 16px 10px;
    color: #fff;
    font-size: 14px;
}

.navbar-inverse .nav>li>a:hover {
    background: #00A3E5;
}

.navbar-inverse .nav>li.active>a,
.navbar-inverse .nav>li.active>a:hover {
    background: #faca04 !important;
}

.navbar-inverse .nav {
    left: 0;
    display: block !important;
    margin: 0 0 0 0;
}

.navbar-inverse .nav.pull-right {
    float: right;
    margin-right: 0;
}

.navbar-inverse .nav>li {
    float: left;
}

.account-header>.dropdown {
    float: none;
    text-decoration: none;
    margin: 0;
}

.account-header>.dropdown>a {
    padding: 16px 18px;
    display: table;
    color: #fff;
    font-size: 13px;
}

.account-header .dropdown.open>a {
    /* background: #00A3E5; */
    color: #fff;
    border: none;
}

.search-mob i:focus,
.search-mob i {
    padding: 19px 18px 20px;
    display: table;
    color: #777777;
}

.search-mob:hover i {
    /* background: #00A3E5; */
    transition: .4s;
    color: #fff;
}

.account-header>.dropdown>a:hover {
    /* background: #00A3E5; */
    color: #fff;
}

.inbox-dropdown p,
.notification-dropdown p {
    font-size:13px;
    line-height: 24px;
}

.notification-dropdown .text-center p {
    margin:10px 0 5px
}

.notification-dropdown>a .badge,
.inbox-dropdown>a .badge,
.notification-dropdown>a .badge:hover,
.inbox-dropdown>a .badge:hover,
.notification-dropdown>a:hover .badge,
.inbox-dropdown>a:hover .badge {
    background: #faca04;
    color: #17386d;
}

.notification-dropdown.open>a .badge,
.inbox-dropdown.open>a .badge,
.notification-dropdown>a .badge:hover,
.inbox-dropdown>a .badge:hover,
.notification-dropdown>a:hover .badge,
.inbox-dropdown>a:hover .badge {
    background: #fff;
    color: #00A3E5;
}

.inbox-dropdown .dropdown-menu,
.notification-dropdown .dropdown-menu {
    padding: 0;
    min-width: 320px;
    max-height: calc(100vh - 100px);
}

.inbox-dropdown .dropdown-menu ul,
.notification-dropdown .dropdown-menu ul {
    padding: 20px 19px 10px !important;
    max-height: calc(100vh - 135px);
    overflow: auto;
    margin-bottom: 0;
    display: inline-block;
    width: 100%;
}

.inbox-dropdown .dropdown-menu li,
.notification-dropdown .dropdown-menu li {
    list-style: none;
}

.notification-dropdown .dropdown-menu li+.text-center p,
.inbox-dropdown .dropdown-menu li+.text-center p {
    margin: 0 0 3px;
    font-size: 12px;
}

.notification-dropdown .dropdown-menu li+.text-center p a,
.inbox-dropdown .dropdown-menu li+.text-center p a {
    color: #aaa;
}

.notification-dropdown .dropdown-menu li+.text-center p a:hover,
.inbox-dropdown .dropdown-menu li+.text-center p a:hover {
    color: #000;
}

.notification-dropdown.open>a .badge,
.inbox-dropdown.open>a .badge,
.notification-dropdown>a .badge:hover,
.inbox-dropdown>a .badge:hover,
.notification-dropdown>a:hover .badge,
.inbox-dropdown>a:hover .badge {
    background: #fff;
    color: #00A3E5;
}

.sl-item {
    position: relative;
    padding-bottom: 0;
    border-bottom: 1px solid #e5e5e5;
    padding: 10px 15px;
    margin-bottom: 0;
}

.sl-item span {
    text-transform: uppercase;
    font-size: 9px;
    font-weight: 400;
    letter-spacing: 1px;
    color: #aaa;
}

.sl-avatar {
    position: absolute;
    left: -22px;
}

.sl-item .icon img {
    width: 30px;
    border-radius: 50%;
    margin-top: -3px;
}

.sl-item a {
    color: #00A3E5;
    word-break: break-word;
}

.sl-item .sl-content {
    margin-left: 20px;
}

.sl-item .icon i {
    font-size: 28px;
    top: 0;
}

.badge {
    font-size: 10px;
    position: relative;
    top: -1px;
    padding: 3px 6px 2px;
    border-radius: 3px;
    margin-left: 2px;
}

.bw-color-photo {
    filter: url("data:image/svg+xml;utf8,<svg xmlns='//www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0'/></filter></svg>#grayscale");
    filter: gray;
    -webkit-filter: grayscale(1);
}

.bw-color-photo:hover {
    filter: none;
    -webkit-filter: grayscale(0);
}

.dd-img {
    width: 32px;
    margin: -3px 9px 0 0;
}

.filters.tribe-filters .ui-group button,
.filters.tribe-filters .ui-group .nav>li>a,
.dropdown-menu>li>a {
    font-size: 13px;
    color: #555;
    font-weight: 400;
    letter-spacing: 1px;
    background: transparent;
    padding: 4px 20px;
}

.dropdown-menu>li>a:hover {
    color: #00A3E5;
    background: transparent;
}

.dropdown-menu>li>a i {
    font-size: 11px;
    width: 16px;
}

.nav-header strong {
    text-transform: uppercase;
    padding: 5px 5px 0;
    color: #f05455;
    font-size: 13px;
    font-weight: 600;
    display: block;
}

.account-header>.dropdown>.dropdown-menu:before {
    content: '';
    position: absolute;
    top: -7px;
    left: auto;
    display: inline-block;
    border-right: 7px solid transparent;
    border-bottom: 7px solid #ccc;
    border-left: 7px solid transparent;
    border-bottom-color: rgba(0, 0, 0, 0.2);
    right: 30px;
}

.account-header>.dropdown>.dropdown-menu:after {
    content: '';
    position: absolute;
    top: -6px;
    left: auto;
    display: inline-block;
    border-right: 6px solid transparent;
    border-bottom: 6px solid #ffffff;
    border-left: 6px solid transparent;
    right: 31px;
}

.btn-group .btn-default:hover,
.btn-group .btn-default {
    color: #999;
    background-color: #fff;
    border-color: #e5e5e5;
}

.pinstripe {}

.stream-post-inner {
    padding: 20px 25px 10px;
}

.post-body {
    position: relative;
    background-color: #fff;
    border: thin solid #e3e3e3;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    padding: 0;
}

.stream_post .loadPostLink {
    font-size: 23px;
    line-height: 22px;
    margin-bottom: 20px;
    padding-right: 135px;
    min-height: 76px;
}
.stream_post .loadPostLink h2 {
	display: inline;
}
.approve_btn a {
    color: #fff;
    background: #f05455;
    border: 1px solid #f05455;
    border-radius: 3px;
    padding: 0 14px;
    line-height: 35px;
    box-shadow: none;
    min-width: auto;
    font-size: 12px;
    letter-spacing: 0;
    text-transform: uppercase;
    font-weight: 600;
    position: absolute;
    top: 30px;
    right: 25px;
}

.hide-post {
    position: absolute;
    top: -1px;
    right: -1px;
    padding: 3px 5px;
    line-height: 15px;
    border: 1px solid #e3e3e3;
    border-radius: 3px;
    font-size: 12px;
    color: #ccc;
    cursor: pointer;
    opacity: 0;
    transition: .3s;
}

.stream_post:hover .hide-post {
    opacity: 1;
    transition: .3s;
}

.hide-post:hover {
    color: #666;
}

.stream-post-inner .popover {
    border-radius: 0;
    box-shadow: 0 2px 10px rgba(90, 90, 90, .1);
    border-color: rgba(0, 0, 0, .2);
    min-width: 80px;
    text-align: center;
}

.stream-post-inner .popover-content {
    padding: 4px 9px;
    font-size: 9pt;
    color: #888;
}

.media-heading .btn-group {
    position: relative;
    top: -2px;
    margin-left: 3px;
}

.media-heading .btn-group .btn-default,
.media-links .btn-group .btn-default {
    padding: 3px 5px;
    font-size: 9px;
    border-radius: 3px;
    color: #777;
    outline: 0;
    background: #fff!important;
    border: 1px solid #e5e5e5;
}

.media-links .btn-group {
    float: right;
    margin: 0;
    position: absolute;
    top: -7px;
    right: 0;
    text-transform: none;
}

.media-heading .btn-group .btn-default>.fa-cog,
.media-links .btn-group .btn-default>.fa-cog {
    font-size: 13px;
    border-right: 1px solid #e5e5e5;
    padding-right: 6px;
    margin: -3px 4px;
    height: 22px;
    line-height: 21px;
    color: #aaa;
}

.nav.nav-justified.stream-social {
    background: #fff;
    width: 100%;
    position: relative;
    border: none;
    border-top: 1px solid #e5e5e5 !important;
    border-bottom: 1px solid #e5e5e5 !important;
    height: 61px;
    overflow: hidden;
    margin: 0;
    min-width: 100%;
}

.stream-social li {
    border-right: 1px solid #e5e5e5;
    position: relative;
    text-align: center;
    font-size: 20px;
    transition: .3s;
    height: 60px;
    overflow: hidden;
    background: #fff;
    z-index: 11;
}

.stream-social li:nth-child(6) {
    border-right: none
}

.stream-social a:hover,
.stream-social a:hover small,
.stream-social a:hover i {
    color: #fff;
}

.stream-social li.active {
    width: 2%;
}

.stream-social li a {
    line-height: 60px;
    display: table;
    width: 100%;
    height: 60px;
}

.stream-social a small {
    font-size: 0;
    padding-left: 15px;
}

.stream-social a span {
    position: absolute;
    top: 54%;
    left: 50%;
    right: 0;
    min-width: 200px;
    text-align: center;
    transform: translate(-50%, -50%);
    margin-left: 8px;
}

.stream-social li.active span {
    width: 100%;
    margin-left: 0;
}

.stream-social li.active small {
    font-size: 13px;
    padding-left: 15px;
    position: relative;
    top: -3px;
}

.stream-social a i {
    transition: none;
}

.stream-social li:first-child a {
    color: #3B5998;
}

.stream-social li:nth-child(2) a {
    color: #1DA1F2;
}

.stream-social li:nth-child(3) a {
    color: #0077B5;
}

.stream-social li:nth-child(4) a {
    color: #DC4E41;
}

.stream-social li:nth-child(5) a {
    color: #EB4924;
}

.stream-social li:nth-child(6) a {
    color: #BD081C;
}

.stream-social li:first-child:hover a {
    background: #3B5998;
    color: #fff;
}

.stream-social li:nth-child(2):hover a {
    background: #1DA1F2;
    color: #fff;
}

.stream-social li:nth-child(3):hover a {
    background: #0077B5;
    color: #fff;
}

.stream-social li:nth-child(4):hover a {
    background: #DC4E41;
    color: #fff;
}

.stream-social li:nth-child(5):hover a {
    background: #EB4924;
    color: #fff;
}

.stream-social li:nth-child(6):hover a {
    background: #BD081C;
    color: #fff;
}

.stats-tabs {
    padding: 0;
    margin: 15px 0 0;
    position: relative;
    border-top: 1px solid #e5e5e5;
    display: none;
}

.post-avatar {
    position: relative;
    z-index: 1;
    background: #fff;
    left: 3px;
    box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.05), 0 6px 20px 0 rgba(0, 0, 0, 0.10);
    width: 60px;
    height: 60px;
}

.hiding {
    display: none;
}

.form-group {
    padding: 0;
    margin-bottom: 20px;
}

#tribal_stream_comments .form-group {
    /* padding: 0 25px; */
    margin-bottom: 0;
}
#tribal_stream_comments .media-body button {
    margin-top: 10px;
}

#tribal_stream_comments .hiding.form-group {
    margin-bottom: 20px;
}

.form-control {
    height: 50px;
    padding: 15px !important;
    font-size: 14px;
    border: 1px solid #ddd;
    margin-bottom: 10px;
}

.stream-avatar {
    position: relative;
    z-index: 77;
    margin-left: -27px;
}

.scrollup {
    display: none;
    width: 40px;
    height: 40px;
    opacity: 0.3;
    position: fixed;
    bottom: 70px;
    right: 10px;
    text-indent: -9999px;
    background: url(../icons/misc/icon_top.png) no-repeat;
    z-index: 77777;
}

#footer-bar {
    background: #fff;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 50px;
    text-align: center;
    border: none;
    border-top: 1px solid #e5e5e5;
    padding: 12px 0 0;
    z-index: 666;
}

#footer-bar p {
    font-size: 13px;
    margin: 0;
    color: #ddd;
}

.post-child.stream-post {
    padding-bottom: 10px;
}

.post-child.stream-post:last-of-type {
    padding-bottom: 30px;
}

.profile-info {
    width: 750px;
}

.profile-info {
    background-color: #fff;
    margin: 0;
    position: absolute;
    z-index: 55;
    border: none;
    left: -23px;
    padding: 15px;
    top: -15px;
    opacity: 0;
    visibility: hidden;
    transition: .4s;
    box-shadow: 0 0 25px 0 rgba(0, 0, 0, 0.15);
    text-transform: uppercase;
}

.profile-info.active {
    opacity: 1;
    visibility: visible;
    transition: .4s;
}

.profile-info img {
    border-radius: 50%;
}

.stats-main>div {
    width: 33.3333%;
    float: left;
    border-right: 1px solid #e5e5e5;
}

.profile-info .big_stats+div {
    font-size: 11px;
    margin: 8px 0 0;
}

.stats-main>div:last-child {
    border-right: none;
}

h5.media-heading-panel {
    text-transform: uppercase;
    font-size: 12px;
    margin: 0 0 17px;
}

.profile-info .media-body-panel {
    margin: 0;
}

.profile-info .media {
    opacity: 0;
}

.big_stats {
    padding: 5px 0 2px 0;
    font-weight: 600;
    font-size: 28px;
}

.profile-info .col-md-4 {
    float: right;
}

.stats-tabs .panel-actions-tabs {
    margin: 20px 0 0 0 !important;
}

.stats-hide {
    position: absolute;
    background: #bbb;
    width: 20px;
    height: 20px;
    text-align: center;
    line-height: 20px;
    color: #fff;
    font-size: 13px;
    right: 20px;
    top: 28px;
    cursor: pointer;
    transition: .3s;
    border-radius: 2px;
    z-index: 77;
}

.stream_post .stats-hide:hover {
    background: #888;
    color: #fff;
    transition: .3s;
}

.stats-tabs.act {
    display: block;
}

.stats-iframe {
    width: 106%;
    height: 400px;
    border: none;
    margin-left: -3%;
    display: table;
    min-width: 533px;
    transform: scale(0.9);
    margin-top: -1%;
}

.stats-tabs .nav-tabs>li>a {
    border: 1px solid transparent;
    border-radius: 0;
    background: #eee;
    color: #000;
    font-size: 13px !important;
    line-height: 40px;
    padding: 0 15px;
    margin: 0 -1px 0 0 !important;
}

.stats-tabs .nav-tabs>li.active>a,
.stats-tabs .nav-tabs>li.active>a:focus,
.stats-tabs .nav-tabs>li.active>a:hover {
    color: #fff;
    cursor: default;
    background-color: #00A3E5;
    border: 1px solid #00A3E5;
}

.stats-tabs .nav-tabs>li.active>a .badge,
.stats-tabs .nav-tabs>li.active>a:focus .badge,
.stats-tabs .nav-tabs>li.active>a:hover .badge {
    background: #fff;
    color: #00A3E5;
}

.stats-tabs .nav-tabs {
    border-bottom: none;
}

.alert {
    padding-top: 10px;
    padding-bottom: 10px;
    margin-bottom: 20px;
    border: 1px solid transparent;
    border-radius: 2px;
    font-size: 13px;
    text-align: center;
}

.stats-tabs .media .media {
    border-bottom: 1px solid #eee;
    padding: 10px 0 10px 70px;
    position: relative;
    min-height: 65px;
}

.stats-tabs .media:last-child {
    border-bottom: none;
}

.stats-tabs .media div {
    font-size: 13px;
}

.stats-tabs .media img {
    position: absolute;
    top: 0;
    left: 0;
    width: 54px;
    height: 54px;
}

.stats-tabs .alert {
    margin-bottom: 5px;
}

.filters.tribe-filters .ui-group li button {
    border: none;
    width: 100%;
    text-align: left;
    border-radius: 0;
}

.filters.tribe-filters .ui-group .dropdown-menu {
    max-height: 290px;
    overflow: auto;
}

.filters.tribe-filters .ui-group .dropdown-menu li button:hover,
.dropdown-menu>li>a:hover,
.dropdown-menu>.active>a,
.dropdown-menu>.active>a:focus,
.dropdown-menu>.active>a:hover {
    background-color: #00A3E5;
    color: #fff;
}

.dropdown-menu {
    padding: 0;
}

.dropdown-menu>li>a {
    padding: 7px 15px;
    letter-spacing: 0;
}

.dropdown-menu .divider {
    margin: 0;
}


/*---- Second Navbar -----*/

.navbar-lower {
    position: fixed;
    font-size: 13px;
    top: 56px;
    z-index: 999;
    background-color: #fff;
    margin-bottom: 0;
    border: none;
}

.navbar-lower .container-fluid {
    margin: 0 auto;
    padding: 0 20px;
    max-width: 1170px;
}

.navbar-lower .nav .active>a:focus {
    background-color: #f5f5f5;
}

.navbar-lower .nav .active>a {
    color: #00a0e4;
    background-color: #f5f5f5;
    text-align: center;
    border-bottom: 2px solid #00a0e4;
}

.navbar-lower .nav li>a {
    color: #000;
    text-align: center;
}

.navbar-lower .nav li>a:hover {
    color: #17386d;
    background-color: #f5f5f5;
}

.container-content {
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    padding-top: 54px;
}

#left_nav {
    padding: 0;
}

.left-nav {
    margin: 0;
    padding: 0 0 120px 0;
    width: 294px;
    background-color: #f1f1f1;
    position: fixed;
    height: calc(100vh - 50px);
    z-index: 7;
}

.left-nav li {
    list-style-type: none;
    padding: 13px 3px;
    border-bottom: 1px solid #e5e5e5;
}

.left-nav li>a {
    color: #000;
    padding: 8px 16px;
    text-decoration: none;
    font-size: 14px;
}

.right-gear {
    float: right;
    margin-right: 10px;
    margin-top: 6px;
}

.right-content {
    padding: 0 0 0 294px;
    position: relative;
    overflow-y: auto;
    overflow-x: hidden;
    min-height: calc(100vh - 100px);
}

.head-dropdown {
    display: inline-block;
    position: relative;
    width: 100%;
    background: #FFF;
    padding: 7px 20px 5px;
    border-bottom: 1px solid #e5e5e5;
    z-index: 4444;
}

.role-button {
    padding: 12px 0;
}

.btn-source {
    background: #00A3E5;
    color: #fff!important;
    padding: 0 25px;
    display: table;
    border-radius: 3px;
    margin: 7px auto;
    height: 40px;
    line-height: 40px;
    font-weight: bold;
    font-size: 14px;
}

.btn-source i {
    margin-right: 5px;
}

.btn-source:hover {
    background: #0393d0;
}

button.accordion {
    background-color: transparent;
    color: #000;
    cursor: pointer;
    padding: 16px 18px;
    width: 100%;
    text-align: left;
    border: none;
    outline: none;
    transition: .4s;
}

button.accordion.pactive {
    background-color: #ddd;
    width: 100%;
    max-width: 100%;
}

#left_nav button.accordion {
    position: relative;
    padding-right: 10px;
    font-size: 15px;
    color: #333;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.right-content h1 {
    text-transform: capitalize;
    font-size: 24px;
    line-height: 32px;
    text-align: left;
    padding: 0;
    margin: 0;
    display: table;
    position: relative;
}

.featuredContent {
    padding: 0;
}

.filters.tribe-filters {
    float: right;
}

.filters.tribe-filters .ui-group {
    float: left;
    margin-left: 10px;
}

.filters.tribe-filters .ui-group button,
.filters.tribe-filters .ui-group .nav>li>a {
    padding: 6px 15px;
    border: 1px solid #ddd;
    border-radius: 3px;
}

.filters.tribe-filters .ui-group button i,
.filters.tribe-filters .ui-group .nav>li>a i {
    color: #00A3E5;
}

#contentPageTitle {
    float: left;
    position: relative;
    font-weight: 400;
    font-size: 22px;
    padding-right: 20px;
    line-height: 42px;
}

.btn-tribe-settings button:hover,
.btn-tribe-settings button:focus,
.btn-tribe-settings button {
    background: transparent;
    border: 1px solid #ddd;
    margin-top: 1px;
    box-shadow: none;
    padding: 5px 10px;
}

#invitations_sidebar h2 {
    font-size: 18px;
    text-transform: uppercase;
    margin: 10px 0 20px;
}

#invitations_sidebar h2 i {
    min-width: 22px;
}

#invitations_sidebar img {
    border-radius: 50%;
    max-width: 54px;
}

#invitations_sidebar .media-heading a {
    color: #333;
    font-size: 16px;
}

.btn {

    border-color: #ddd;
    margin-right: 5px;
    color: #000;
}

.btn-primary {
    color: #fff;
    background-color: #00A3E5;
    border-color: #00A3E5;
    text-transform: uppercase;
    margin-right: 5px;
}

.btn-danger {
    color: #fff;
    background-color: #d9534f;
    border-color: #d43f3a;
    text-transform: uppercase;
    margin-right: 5px;
}

@media only screen and (max-width: 992px) {
    .container-content {
    padding-top: 0;
    }
    .right-content {
	padding: 0;
    }
    .navbar-lower {
	top: 40px;
	padding: 0;
    }
    .navbar-lower .navbar-nav {
	width: 100%;
	height: 100%;
	display: inline-flex;
    }
    .navbar-lower .navbar-nav li a {
	padding: 10px 0;
    }
    .mobile-fc {
	background: #e3e3e3;
	height: 51px;
	width: 100%;
	position: relative;
	z-index: 77;
	text-align: center;
	transition: .4s;
	left: 0;
	margin-top: 52px;
    }
    .mobile-fc i {
	color: #000;
	font-size: 19px;
	padding: 16px 0 11px 4px;
	position: relative;
	top: 2px;
    }
    body.act .left-nav, .left-nav.act {
	max-height: 100%;
	padding: 0 15px 70px;
	transition: .2s;
	background: #f1f1f1;
    }
    body .left-nav, .left-nav {
	max-height: 0;
	overflow: hidden;
	padding: 0 15px;
	transition: .2s;
    }
    .left-nav {
	margin: 0;
	padding: 30px 15px 70px;
	width: 100%;
	background-color: #fff;
	position: relative;
	height: auto;
	z-index: 7777;
	max-width: 100%;
	left: 0;
	transition: .4s;
    }
    .head-dropdown {
	margin-top: 0;
    }
}


#auto-shares,
#muted-members {
    margin-top: 10px;
}

.thumbnail-img img {
    width: 100%;
    max-width: 100%;
}

.discover-tribe-results {
    padding: 15px;
    border: 4px solid rgba(0, 0, 0, 0.07);
    margin: 0 0 30px;
    position: relative;
}

.discover-tribe-results .thumbnail {
    margin: 0;
    padding: 0;
    border-radius: 0;
    border: none;
}

.color-shape {
    width: 100%;
    float: left;
    padding: 0;
    position: relative !important;
    top: 0 !important;
    left: 0 !important;
}

.discover-tribe-results h5 {
    font-size: 17px;
    font-weight: 600;
    text-transform: uppercase;
    margin: 0 0 10px;
}

.discover-tribe-results a,
.discover-tribe-results i {
    color: #00A3E5;
    font-size: 13px;
}

.discover-tribe-results i:not(:first-of-type) {
    margin-left: 10px;
}

.discover-tribe-results p {
    margin-top: 10px;
}

.btn-tribe-settings {
    position: relative;
    float: left;
}

.btn-tribe-settings .dropdown-menu {
    font-style: normal;
    margin-top: -7px;
    right: 5px;
}

body.queue .navbar-lower,
body.promote .navbar-lower {
    display: none;
}

body.queue .left-nav,
body.promote .left-nav {
    height: calc(100vh - 105px);
}

body.queue .right-content,
body.promote .right-content {
    height: calc(100vh - 105px);
}

body.queue,
body.curate-page,
body.promote,
body.curate {
    /*overflow: hidden;*/
    padding-top: 0;
}

.width_32 {
    width: 32%;
}

.promote_infographic {
    background-color: white;
    min-height: 405px;
    border: 2px solid #e5e5e5 !important;
    margin: 10px 5px;
    border-radius: 4px;
}

.curate-page.pane_view .right-content {
    overflow: hidden;
}


/*=====================================PROMOTE=======================================*/

.wizard h1,
.wizard h2,
.wizard h3,
.wizard h4,
.wizard h5,
.wizard h6 {
    color: #444444;
}

.wizard label {
    display: block;
    font-size: 14px !important;
    margin-bottom: 10px;
    text-transform: capitalize;
    font-weight: 400;
}

.wizard input:focus {
    border: 1px solid #44b9eb !important;
}

.wizard-modal {
    max-width: 860px;
    width: 90%;
    position: fixed;
    left: 0;
    right: 0;
    top: 68px;
    margin: 0 auto;
    height: calc(100vh - 100px);
    z-index: 777777777;
    opacity: 0;
    visibility: hidden;
    transition: .5s;
}

.wizard-modal.active {
    opacity: 1;
    visibility: visible;
    transition: .5s;
}

.wizard-modal-success {
    max-width: 860px;
    width: 90%;
    position: fixed;
    left: 0;
    right: 0;
    top: 68px;
    margin: 0 auto;
    height: calc(100vh - 100px);
    z-index: 777777777;
    opacity: 0;
    visibility: hidden;
    transition: .5s;
}

.wizard-modal-success.active {
    opacity: 1;
    visibility: visible;
    transition: .5s;
}

.promote-bg {
    content: "";
    background: rgba(0, 0, 0, 0.7);
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    width: 10000%;
    height: 10000%;
    z-index: -1;
}

.wizard {
    width: 100%;
    margin: 0 auto;
    background: #fff;
    border: none;
    border-radius: 6px;
    outline: 0;
    -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, .5);
    box-shadow: 0 3px 9px rgba(0, 0, 0, .5);
    overflow: hidden;
}

.wizard-header ul {
    border: 1px solid #dddddd;
    border-right: none;
    max-height: 100%;
    transition: .4s;
}

.wizard-header ul.hide {
    opacity: 0;
    visibility: hidden;
    max-height: 0;
    transition: .4s;
}

.wizard-header ul li {
    text-align: center;
    border: none;
    margin: 0;
    border-right: 1px solid #dddddd;
}

.wizard-header ul li a {
    padding: 19px 20px;
    background: #f3f3f3;
    display: table;
    width: 100%;
    border: none;
    border-radius: 0;
    pointer-events: none;
    font-weight: 600;
    margin: 0;
}

.wizard-header ul li p {
    font-weight: 600;
}

body .wizard-content {
    overflow: hidden;
    position: relative;
    min-height: 300px;
    padding: 0;
}

.nav-tabs.nav-justified>.active>a,
.nav-tabs.nav-justified>.active>a:focus,
.nav-tabs.nav-justified>.active>a:hover {
    background: #17386d;
}

.wizard-header ul li a span {
    width: 45px;
    height: 45px;
    color: #999999;
    border: 2px solid #999;
    display: block;
    line-height: 41px;
    margin: 0 auto 5px;
    border-radius: 50%;
    font-size: 23px;
}

.wizard-header ul li a p {
    margin: 0;
    color: #999;
}

.step-1-info {
    padding: 50px;
    max-width: 600px;
    margin: 0 auto;
}

.box {
    display: none;
}

.box.promote-post {
    display: block;
}

.wizard-step h3 {
    font-size: 18px;
    margin: 0 auto 25px;
    text-align: center;
    border-bottom: 1px solid #dddddd;
    padding-bottom: 27px;
    max-width: 500px;
    font-weight: 700;
}

.step-1-rbox .rbox {
    position: relative;
}

.step-1-rbox .rbox label {
    height: 100px;
    background: #e1e1e1;
    text-align: center;
    border-radius: 5px;
    font-size: 17px !important;
    padding: 26px 0 0;
    position: relative;
    width: 100%;
    border: 3px solid #e1e1e1;
    color: #444444;
    font-weight: 400;
    line-height: 1.3;
}

.step-1-rbox input.act+label,
.step-1-rbox input:checked+label {
    background: #fff;
    border: 2px solid #00a0e4;
}

.rbox input {
    position: absolute;
    opacity: 0;
}

.step-1-rbox .row {
    margin: 0 -12px 40px;
}

.step-1-rbox .col-md-6 {
    padding: 0 12px;
}

.box label {
    display: block;
    font-size: 18px;
    margin: 0 0 8px;
}

.box select,
.box input {
    border: 1px solid #cecece;
    height: 50px;
    font-weight: bold;
    font-size: 18px;
    padding: 0 20px;
    width: 100%;
    border-radius: 5px;
    color: #000;
}

.step-1-info .nice-select {
    line-height: 50px;
    width: 100%;
    height: 50px;
    padding: 0;
    float: none;
    font-size: 18px;
    color: #444;
    font-weight: bold;
    border: 1px solid #c3c3c3;
    margin: 0;
}

.step-1-info .nice-select.open .list {
    max-height: 150px;
}

.step-1-info .nice-select.open .list {
    width: 100%;
}

.step-1-info .nice-select .option {
    font-size: 15px;
}

.step-footer {
    background: #eeeeee;
    padding: 30px;
    border-top: 1px solid #dddddd;
}

.wizard-step.active {
    position: relative;
}

.step-footer a {
    margin-right: 25px;
    color: #999;
}

.step-footer a:hover {
    color: #000;
}

.step-2-info {
    padding: 50px 0;
}

.container {
    width: 100%;
    max-width: 1170px;
}

.wizard-step small {
    font-size: 12px;
    color: #444;
    font-style: normal;
    display: block;
    margin-bottom: 15px;
    line-height: 21px;
    font-weight: 400;
}

.step-post-share {
    margin: 20px 0;
}

.step-post-rbox {
    border: 1px solid #00a0e4;
    padding: 0 0 5px;
    border-radius: 5px;
    margin: 0 0 40px;
}

*,
div,
button,
input {
    outline: none;
}

label.error {
    color: #fb0309;
}

.promote-post label.error {
    position: absolute;
    margin-top: 53px;
}

.step-post-rbox .col-md-6 {
    padding: 0;
}

.step-post-rbox label {
    background: #e5e5e5;
    display: table;
    width: 100%;
    padding: 0 20px;
    line-height: 43px;
    text-align: center;
    text-transform: uppercase;
    border: 1px solid #dddddd;
    border-radius: 0;
    font-size: 13px;
    margin: 0;
    font-weight: 700;
}

.step-post-rbox input:checked+label {
    background: #fff;
}

.box.twitter-share {
    display: block;
}

.long-share textarea,
.twitter-share textarea {
    width: 100%;
    border: none;
    padding: 5px 15px;
    font-weight: bold;
    font-size: 19px;
    color: #000;
    resize: vertical;
    height: 110px;
}

.long-share textarea:focus,
.twitter-share textarea:focus {
    color: #444;
}

.long-share span,
.twitter-share span {
    color: #444;
    display: block;
    padding: 0 15px;
    font-size: 13px;
    background: #f8f8f8;
    margin: -7px 0 -5px;
    border-radius: 0 0 5px 5px;
}

#count_message {
    font-size: 16px;
    font-weight: 600;
}

#count_message.act {
    color: #fb0309;
}

.step-input {
    margin-bottom: 30px;
}

.step-input label {
    display: block;
    font-size: 14px;
    margin-bottom: 10px;
    text-transform: capitalize;
    font-weight: 400;
}

.step-input select,
.step-input input {
    border: 1px solid #cecece;
    height: 50px;
    font-weight: bold;
    font-size: 17px;
    padding: 0 20px;
    width: 100%;
    border-radius: 5px;
}

.tag-editor {
    list-style-type: none;
    padding: 0 5px 0 0;
    margin: 0;
    overflow: hidden;
    border: 1px solid #eee;
    cursor: text;
    font: normal 14px sans-serif;
    color: #555;
    background: #fff;
    line-height: 20px;
    min-height: 50px;
}

.step-input .nice-select {
    line-height: 50px;
    width: 100%;
    height: 50px;
    padding: 0;
    float: none;
    font-size: 18px;
    color: #444;
    font-weight: bold;
    border: 1px solid #c3c3c3;
    margin: 0;
}

.step-input .nice-select.open .list {
    width: 100%;
}

.wizard-content input+label {
    cursor: pointer;
}

.step-input .nice-select .option {
    font-size: 15px;
}

.step-1-info .nice-select::after,
.step-input .nice-select::after {
    height: 8px;
    width: 8px;
}

.step-1-info .nice-select .current {
    max-width: 100%;
    display: block;
    overflow: hidden;
    border-right: 10px solid transparent;
}

.step-space {
    margin: 26px 0 0;
    display: block;
}

.step-post-image {
    position: relative;
}

.cbox {
    position: relative;
}

.cbox input {
    position: absolute;
    opacity: 0;
}

.cbox label {
    font-size: 13px;
    padding: 0 0 0 66px;
    position: relative;
    font-weight: 700;
}

.cbox label a {
    color: #00a0e4;
    text-decoration: underline;
}

.cbox label span {
    /* display: none; */
}

.cbox input:checked+label span {
    color: #039903;
}

.step-3-info {
    padding: 50px 50px 30px;
    max-width: 600px;
    margin: 0 auto;
}

.step-3-rbox .rbox label {
    height: 185px;
    background: #e1e1e1;
    text-align: center;
    border-radius: 5px;
    font-size: 18px;
    padding: 20px 0 0;
    position: relative;
    width: 100%;
    border: 3px solid #e1e1e1;
    font-weight: bold;
}

.step-3-rbox .rbox label span em {
    display: block;
    font-size: 7px;
    margin: -3px 0 0;
    color: #999;
}

.step-3-rbox {
    margin-bottom: 25px;
}

.step-3-rbox .rbox label cite {
    font-style: normal;
    font-size: 45px;
    margin-top: 15px;
    display: table;
    width: 100%;
}

.step-3-rbox .rbox label i {
    color: #444444;
    display: block;
    font-size: 44px;
    margin: 0 0 13px;
}

.step-3-rbox .row input:checked+label {
    background: #fff;
    border: 3px solid #00a0e4;
}

.step-3-rbox .row input:checked+label i,
.step-3-rbox .row input:checked+label span,
.step-3-rbox .row input:checked+label cite {
    color: #00a0e4;
}

.step-3-rbox .row {
    margin: 0 -8px;
}

.step-3-rbox .col-md-4 {
    padding: 0 8px;
}

.step-payment-rbox .rbox {
    position: relative;
}

.step-payment-rbox .rbox label {
    height: 110px;
    background: #e1e1e1;
    text-align: center;
    border-radius: 5px;
    font-size: 18px;
    padding: 11px 0 0;
    position: relative;
    width: 100%;
    border: 3px solid #e1e1e1;
}

.step-payment-rbox .rbox label span {
    display: block;
    margin: 0 0 10px;
}

.step-payment-rbox .rbox label i {
    font-size: 44px;
    margin: 0 3px;
}

.step-payment-rbox input:checked+label {
    background: #fff;
    border: 3px solid #00a0e4;
}

.step-payment-rbox .row {
    margin: 0 -12px 40px;
}

.card-info .row {
    margin: 0 -12px 0;
}

.step-payment-rbox .col-md-6 {
    padding: 0 12px;
}

.box.payment-cc {
    display: block;
}

.card-group {
    margin-bottom: 17px;
    position: relative;
}

.card-group input {
    border: 1px solid #e5e5e5;
    font-size: 15px;
    padding: 0 20px 0 66px;
}

.card-group i {
    border-right: 1px solid #e5e5e5;
    line-height: 38px;
    width: 50px;
    text-align: center;
    color: #b9b9b9;
    font-size: 19px;
    position: absolute;
    left: 0;
    top: 6px;
}

.select-wrap {
    max-width: 190px;
    float: right;
    width: 100%;
}

.select-wrap .nice-select {
    float: left;
    width: 50%;
    line-height: 48px;
    font-weight: bold;
    display: table;
    clear: inherit;
    border: 1px solid #e5e5e5;
    border-radius: 5px 0 0 5px;
}

.select-wrap .nice-select:last-child {
    border-radius: 0 5px 5px 0;
    border-left: none;
}

.select-wrap .nice-select.open .list {
    width: 100%;
}

.payment-summary {
    border-top: 1px solid #ddd;
    margin: 13px 0 30px;
    padding: 27px 0 0;
}

.payment-summary label {
    font-size: 18px;
    margin: 0 0 10px;
}

.payment-summary-info {
    padding: 15px;
    background: #eeeeee;
    border: 1px solid #858585;
    border-radius: 5px;
}

.payment-summary-info ul {
    padding: 0;
}

.payment-summary-info li {
    list-style: none;
    color: #ababab;
    font-size: 16px;
    margin: 0 0 -3px;
}

.payment-summary-info li span {
    font-weight: bold;
    width: 145px;
    display: inline-block;
    word-wrap: break-word;
}

.payment-summary-info li.payment-total {
    color: #17386d;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 22px;
    margin: 30px 0 1px;
}

.step-post-image .upload {
    color: #fff;
    text-transform: uppercase;
    font-size: 10px;
    font-weight: 700;
    transition: .4s;
    background: #00a0e4;
    padding: 0 7px;
    border-radius: 3px;
    position: absolute;
    bottom: 7px;
    right: 7px;
    line-height: 23px;
}

.step-post-image .upload:hover {
    background: #000;
    color: #fff;
}

.tag-editor li {
    margin: 0;
}

.tag-editor ul {
    margin: 0;
    padding: 0;
}

.tag-editor .tag-editor-tag {
    color: #444;
    background: #fafafa;
    white-space: nowrap;
    overflow: hidden;
    cursor: pointer;
    font-size: 16px;
    font-weight: bold;
    border: 1px solid #f2f1f0;
    height: 26px;
    line-height: 22px;
    border-radius: 3px;
    padding: 0 19px 0 10px;
    margin-top: 8px;
}

.tag-editor .tag-editor-delete {
    cursor: pointer;
    border-radius: 0;
    padding-left: 0;
    padding-right: 0;
    position: relative;
    left: -16px;
    font-weight: bold;
    top: 13px;
    color: #d9d9d9;
    background: transparent !important;
}

.tag-editor .tag-editor-delete i::before {
    color: #d9d9d9;
}

.tag-editor input,
.tag-editor input:focus {
    height: 27px;
    border: 0;
    margin: -1px -20px 0 -15px;
    padding: 0 15px;
    box-shadow: none;
    font-size: 16px;
    border-radius: 0;
}

.wizard .btn-block {
    display: block;
    width: 100%;
    min-width: 100%;
    max-width: 100%;
}

.wizard-step {
    max-height: calc(100vh - 255px);
    overflow: auto;
    height: 100%;
}

.wizard-confirmation {
    max-width: 600px;
    padding: 50px 50px 70px;
    margin: 0 auto;
}

.promote-head {
    border-bottom: 4px solid #dcdcdc;
    padding-bottom: 25px;
    margin-bottom: 30px;
}

.promote-head h2 {
    text-transform: uppercase;
    font-size: 40px;
    margin: 10px 0;
}

.promote-modal {
    cursor: pointer;
}

.promote-close {
    color: #fff;
    border: 2px solid #fff;
    position: fixed;
    top: 10px;
    right: 10px;
    width: 50px;
    height: 50px;
    line-height: 44px;
    text-align: center;
    font-size: 23px;
    border-radius: 50%;
    opacity: 0.5;
    cursor: pointer;
}

.promote-close:hover {
    opacity: 1;
}

.total-price {
    font-style: normal;
}

.success-message i,
.error-message i {
    color: #02b20a;
    border: 2px solid #02b20a;
    width: 60px;
    height: 60px;
    margin: 0 auto 10px;
    display: table;
    line-height: 56px;
    text-align: center;
    font-size: 25px;
    border-radius: 50%;
}

.error-message i {
    color: #fb0309;
    border-color: #fb0309;
}

.promote-content .discover-tribe-results {
    background: #fff;
}

.border-li-promotepost {
    border: 1px solid #e5e5e5 !important;
    margin-right: -1px;
}

.nav-promotepost li {
    padding: 15px 15px !important;
    display: inline;
    width: 33.3333%;
    float: left;
}

.nav-promotepost li a {
    padding: 0;
}

.discover-tribe-results .stream_post .media {
    padding: 10px;
}

.discover-tribe-results .stream_post .media a {
    margin-right: 5px;
}

.summaryspan {
    width: 10px;
    float: right;
}

.promoteUrlLink {
    width: 310px;
}

.nice-select .list {
    height: 200px;
    width: 100%;
}

#errorCategory-error {
    font-size: 14px;
}

#post-image {
    max-height: 460px;
}

.wizard .wizard-header .nav-justified {
    border-top: none;
    border-left: none;
    border-right: none;
    margin-top: -1px;
}

.StripeElement {
    background-color: white;
    border-radius: 5px;
    color: #000;
    font-weight: bold;
    border: 1px solid #e5e5e5;
    padding: 0 20px 0 20px;
    box-shadow: 0 1px 3px 0 #e5e5e5;
    font-size: 15px;
    -webkit-transition: box-shadow 150ms ease;
    transition: box-shadow 150ms ease;
}

.hidden-input {
    height: 0;
    border: none;
    margin: 0 0 10px;
    display: table;
}

@media only screen and (min-width: 768px) and (max-width: 4000px) {
    .wizard-step {
	max-height: calc(100vh - 250px);
	overflow: auto;
	height: 100%;
    }
}

@media only screen and (min-width: 992px) {
    .row-eq-height {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
    }
}

@media only screen and (min-width: 440px) and (max-width: 767px) {
    .wizard-modal {
	height: calc(100vh - 0px);
	top: 15px;
    }
    .wizard-modal-success {
	height: calc(100vh - 0px);
	top: 15px;
    }
    .wizard-step {
	max-height: calc(100vh - 150px);
    }
    .wizard-step small {
	margin-top: 15px;
    }
    .step-space {
	margin: 0;
    }
}

@media only screen and (min-width: 768px) and (max-width: 880px) {
    .wizard-confirmation {
	padding: 50px 25px 70px;
	max-width: 100%;
    }
    .step-1-info {
	padding: 50px 25px;
	max-width: 100%;
    }
    .step-3-info {
	padding: 50px 25px 30px;
	max-width: 100%;
    }
}

@media only screen and (min-width: 250px) and (max-width: 767px) {
    .promote-head h2 {
	font-size: 30px;
	text-align: center;
    }
    .promote-head .text-right {
	text-align: center;
    }
}

@media only screen and (min-width: 415px) and (max-width: 767px) {
    .step-post-rbox .col-md-6 {
	width: 50%;
	float: left;
    }
    .wizard-header ul li {
    	width: 33.3333% !important;
    }
}

@media only screen and (min-width: 415px) and (max-width: 600px) {
    .step-footer.text-right {
	text-align: right;
    }
    .wizard-step {
	max-height: calc(100vh - 150px);
    }
    .wizard-header ul li a p {
	display: block;
	font-size: 12px;
    }
    .step-footer a {
	width: auto;
	text-align: right;
	display: inherit;
	margin: 0 25px 10px;
    }
}

@media only screen and (min-width: 250px) and (max-width: 600px) {
    .step-footer.text-right {
	text-align: center;
    }
    .promote-close {
	width: 33px;
	height: 33px;
	line-height: 28px;
	font-size: 18px;
    }
    .wizard-header ul li a p {
	display: none;
    }
    .step-1-info {
	padding: 50px 15px;
    }
    .nav-tabs.nav-justified>li {
	float: left;
	width: 33.3333%;
    }
    .wizard .nice-select .option {
	overflow: hidden;
    }
    .wizard .nice-select .current {
	max-width: 100%;
	word-break: break-word;
	display: block;
	overflow: hidden;
    }
    .wizard-step {
	max-height: calc(100vh - 217px);
	overflow: auto;
	overflow-x: hidden;
    }
    .step-footer a {
	width: 100%;
	text-align: center;
	display: table;
	margin: 0 0 10px;
    }
    .wizard-step small {
	padding: 10px 0 0;
    }
    form .wizard-step .wizard-prev.btn-primary {
	margin-bottom: 10px;
    }
    .step-3-info {
	padding: 50px 15px 30px;
    }
    .select-wrap {
	max-width: 100%;
    }
    .wizard-confirmation {
	padding: 50px 15px 70px;
    }
    .payment-summary-info li span {
	width: auto;
	margin-right: 15px;
    }
}

.promote-content .arrow_box:before {
    display: none;
}

.promote-content .discover-tribe-results .thumbnail div {
    overflow: hidden;
}

.promote-content .thumbnail-img {
    margin-bottom: 15px;
}

.promote-content .discover-tribe-results nav {
    border: 1px solid #fff;
    margin-top: -2px;
}

.promote-content .thumbnail {
    display: table;
    border: none;
    width: 100%;
    margin-bottom: -13px;
}

.promote-content .post-body {
    border: 0;
    padding: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-top: 1px solid #e5e5e5;
}

.border-li-promotepost:last-child {
    border-right: none;
}

.btn-danger {
    color: #fff;
}

.promote-content .discover-tribe-results .thumbnail div.col-md-2 {
    width: 30%;
    float: left;
}

.promote-content .discover-tribe-results .thumbnail div.col-md-10 {
    width: 70%;
    float: left;
}

@media only screen and (min-width: 250px) and (max-width: 767px) {
    .arrow_box {
	width: 100%;
    }
    .promote-content .thumbnail {
	display: block;
    }
    .promote-content .discover-tribe-results {
	overflow: hidden;
    }
    .promote-content #menu1 {
	max-height: none;
    }
    .border-li-promotepost {
	border-right: 1px solid #e5e5e5;
	border-top: none;
	border-bottom: 1px solid #ddd;
    }
    .border-li-promotepost:last-child {
	border-right: none;
	padding: 0;
	width: 100%;
    }
    .promote-content .stream-social {
	border-top: 0;
	border-bottom: 1px solid #e5e5e5;
    }
    .nav-promotepost li {
	padding: 10px 0;
	width: 50%;
	float: left;
    }
    .nav-promotepost li:last-child {
	border-right: none;
	padding: 0;
	width: 100%;
    }
    .stream-social li {
	width: 16.66666%;
	display: inherit;
	float: left;
	padding: 0;
    }
    .stream-social li.active small {
	display: none;
    }
    .stream-social {
	width: 100%;
    }
    .promote-content .post-body {
	margin-bottom: -1px;
    }
    .promote-content .post-body>nav:last-child li {
	width: 33.3333%;
    }
    .promote-content .post-body>nav:last-child li:last-child {
	width: 100%;
	padding: 15px 15px 10px;
    }
    .arrow_box {
	width: 100%;
	padding: 0;
    }
    .nav-promotepost li:last-child {
	border-right: none;
	padding: 0;
	width: 50%;
    }
    .nav-promotepost li:last-child a {
	position: relative;
	display: block;
	padding: 11px 15px 10px;
	margin: 0;
    }
    .nav-promotepost+.nav-promotepost li:nth-last-child(2) {
	width: 100%;
    }
    .nav-promotepost+.nav-promotepost li:last-child {
	width: 100%;
	padding: 10px 10px 5px;
    }
    .nav-promotepost+.nav-promotepost li:last-child a {
	padding: 10px 10px 10px;
    }
}

.right-content .promotepostalert {
    margin: 0 0 20px;
}

.popover-content {
    padding: 9px 14px;
}

.icon-color {
    color: #757575;
}

.arrow_box:after,
.arrow_box:before {
    border: none;
}

.arrow_box {
    padding: 0;
}
/*
#paneviewcontainer {
    margin-top: 10px;
}*/

.pane__view_list {
    position: relative;
    height: calc(100vh - 120px);
    overflow: auto;
    overflow-x: hidden;
}

.pane__view_list_inner {
    overflow: auto;
    display: block;
    position: relative;
    height: 100%;
    border-right: 1px solid #e6e7e8;
    padding: 0 0 100px;
}

.pane__view .content__section .pane_post {
    border-bottom: 1px solid #ddd;
    padding: 8px 10px 12px;
    cursor: pointer;
}
.pane__view .content__section .pane_post.active, .pane__view .content__section .pane_post:hover{ background:#fbfde7 }

.content__meta {
    color: #333;
    font-size: 11px;
    margin-bottom: 7px;
    text-transform: uppercase;
}

.content__meta span {
    margin-right: 15px;
    position: relative;
}

.content__meta span::after {
    content: "|";
    color: #333;
    position: absolute;
    right: -10px;
    top: -4px;
}

.content__meta span:last-child:after {
    display: none;
}

.content__meta a,
.content__meta .content__cat a {
    color: #333;
    font-weight: 700;
}

.content__meta .content__author a {
    color: #333;
}

p.content__body {
    line-height: 22px;
    font-size: 13px;
    color: #666;
    margin: 0;
}

.content__body {
    word-wrap: break-word;
    word-break: break-all;
    line-height: 1.1;
    font-size: 12px;
}

.content__img {
    max-height: initial;
    overflow: hidden;
}

.content__img img {
    width: 100%;
}

.pane__view .content__section .pane_post {
    border-bottom: 1px solid #ddd;
    padding: 8px 10px 12px;
    cursor: pointer;
}

.pane__view h5 {
    font-size: 15px;
    margin: 0 0 5px!important;
    cursor: pointer;
    color: #333;
    word-wrap: break-word;
    word-break: break-all;
    font-weight: 600;
}

.content__img {
    max-height: initial;
    overflow: hidden;
    background-size: cover;
    height: 65px;
    width: 65px;
    background-repeat: no-repeat;
}

body.curate-page.pane_view .navbar-lower {
    display: none;
}

body.curate-page.pane_view .left-nav {
    height: calc(100vh - 55px);
}

body.curate-page.pane_view .right-content {
    height: calc(100vh - 55px);
}

.insta-btns {
    left: 0 !important;
    top: 0 !important;
    margin-left: 10px;
    background-color: #fff !important;
    border: 2px solid #17386d !important;
    min-width: 100px;
}

.insta-btns:hover {
    background-color: #0393d0 !important;
    color: #fff !important;
    border: 2px solid #0393d0 !important;
}

.insta-btns.active {
    background-color: #0393d0 !important;
    color: #fff !important;
    border: 2px solid #0393d0 !important;
}

.insta-block {
    right: 0;
    position: absolute;
    top: 15px;
}

.right-content h1 em {
    border: 1px solid #ddd;
    width: 22px;
    height: 22px;
    display: inline-block;
    border-radius: 4px;
    margin-left: 0;
    position: relative;
    top: 9px;
    cursor: pointer;
    z-index: 750;
}

.right-content h1 span {
    width: 7px;
    height: 7px;
    float: right;
    border: solid #888;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    margin-left: 0;
    margin-top: 0;
    cursor: pointer;
    position: relative;
    left: -6px;
    top: 5px;
    padding: 0;
}

.post__toggle {
    border: 1px solid #ddd;
    padding: 13px 20px;
    width: 220px;
    border-radius: 3px;
    position: absolute;
    top: 24px;
    background: #fff;
    z-index: 999;
    left: 0;
    opacity: 0;
    visibility: hidden;
    font-style: normal;
}

.post__toggle.act {
    opacity: 1;
    visibility: visible;
}

.post__toggle hr {
    border-top: 1px solid #e5e5e5;
    margin: 10px -20px;
}

.post__toggle a {
    color: #555;
    display: block;
    padding: 0 0 0 25px;
    margin-top: 3px;
    position: relative;
    text-transform: none;
    font-size: 13px;
    font-weight: 400!important;
    line-height: 24px;
}

.post__toggle a::after {
    content: "";
    width: 17px;
    height: 17px;
    border: 1px solid #999;
    position: absolute;
    left: 0;
    top: 3px;
    border-radius: 50%;
}

.post__toggle a.active:after {
    content: "";
    width: 17px;
    height: 17px;
    border: 5px solid #17386d;
    position: absolute;
    left: 0;
    top: 3px;
    border-radius: 50%;
}

.post__toggle small {
    color: #17386d;
    font-weight: 500;
    text-transform: uppercase;
    display: block;
    font-size: 12px;
    letter-spacing: 1px;
    margin-bottom: 9px;
}

.pane__body {
    padding: 60px 70px 70px;
    max-height: calc(100vh - 120px);
    background: #fff;
    overflow: auto !important;
    display: block;
    word-wrap: break-word;
}

.pane__body h4 {
    font-size: 26px;
    margin: 8px 0 2px;
}

.pane__body .content__meta {
    margin: 10px 0 15px;
}

.pane__body p {
    word-break: initial;
    font-size: 14px;
    line-height: 23px;
    height: auto;
    padding: 0;
}

.pane__body p:last-child {
    margin-bottom: 50px;
}

.pane__body p:after {
    display: none;
}

.pane__body .content__meta span,
.pane__body .content__meta span a {
    color: #333!important;
    opacity: 1!important;
}

.pane__view_detail {
    position: relative;
}

.pane__view_detail_inner {
    position: absolute;
    top: 50px;
    right: 0;
    transition: .4s;
    opacity: 0;
    visibility: hidden;
}

.pane__view_detail_inner.active {
    top: 0;
    right: 0;
    transition: .4s;
    opacity: 1;
    visibility: visible;
    width: 100% !important;
}

.head-settings {
    border-bottom: 1px solid #ddd;
    padding: 10px 0;
}

.head-settings h1 {
    font-size: 24px;
    margin-top: 8px;
}

.pane_close {
    position: absolute;
    right: 30px;
    top: 7px;
    z-index: 77;
    cursor: pointer;
}

.pane__view_detail.default {
    background: url(/assets/img/paneview-graphic.png) no-repeat center;
    height: calc(100vh - 150px);
    background-size: 400px;
}

.pane__view_detail.default .pane_close {
    opacity: 0;
}

.pane__view_detail .pane__view_detail_inner {
    transition: .4s;
}

.pane__view_detail.default .pane__view_detail_inner {
    opacity: 0;
    visibility: hidden;
}

.right-content #content_group_dd.cards__view h5 {
    font-size: 18px;
    margin: 0 0 8px;
    word-wrap: break-word;
    word-break: break-all;
}

.pane__view p {
    font-size: 13px;
    overflow: hidden;
    height: 63px;
    padding-right: 9px;
    position: relative;
    word-break: break-all;
    display: inline-block;
}

.pane__view p::after {
    content: "...";
    position: absolute;
    right: 0;
    top: 0;
}

.pane__view .content__meta a,
.pane__view .content__meta span {
    opacity: 0.6;
    color: #333;
}

.pane__view .content__section {
    border-bottom: none;
    /* padding:0; */
}

.pane__view .content__section .pane_post {
    border-bottom: 1px solid #ddd;
    padding: 8px 10px;
    cursor: pointer;
}

.pane__view_list {
    height: calc(100vh - 115px);
    overflow: auto;
    overflow-x: hidden;
}

.pane_view {
    overflow: hidden!important;
}

.pane__view_share_inner {
    margin: 0 auto;
}

#content_group_dd .pane__view_share {
    padding: 10px 20px 0;
    border-bottom: 1px solid #ddd;
    display: table;
    width: 100%;
    text-align: center;
}

#content_group_dd .pane__body .content__shares {
    margin: -35px auto 14px;
    display: table;
}

#content_group_dd .pane__body .content__shares li a {
    font-size: 12px;
    width: auto;
    padding: 4px 10px 4px 40px;
}

#content_group_dd .pane__body .content__shares li {
    list-style: none;
    float: left;
    margin-right: 2px;
    margin-top: 0;
}

#content_group_dd .pane__view_share .approve_btn a {
    position: relative!important;
    top: 0!important;
    right: 0;
    line-height: 44px;
    width: 100%;
    max-width: 200px;
    font-size: 14px;
}

#content_group_dd .pane__view_share .approve_btn {
    position: relative;
    z-index: 50;
    top: 0;
    right: 0;
    float: none;
    margin-bottom: 9px;
}

.content__section .pane_post {
    position: relative;
}

.content__section .pane_post .post-link {
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    z-index: 749;
}

.content__shares.style-1 a {
    color: #fff;
    font-size: 14px;
    border-radius: 3px;
    padding: 6px 10px 6px 30px;
    display: table;
    margin-bottom: 10px;
    text-align: right;
    width: 100px;
    position: relative;
    border: 1px solid #bbb;
    background: #bbb;
    transition: .4s;
}

.content__shares.style-1 a:hover {
    color: #fff!important;
}

.list_overlay .content__shares.style-1 a,
.list_overlay .content__shares.style-1 a:hover {
    color: #fff;
    font-size: 11px;
    border-radius: 3px;
    padding: 2px 10px 2px 30px;
    display: table;
    margin-bottom: 10px;
    text-align: right;
    width: auto;
    position: relative;
    background: #bbb;
    border: 1px solid #bbb;
}

.tweet-count a:hover {
    background: #1DA1F2!important;
    border-color: #1DA1F2!important;
}

.fb-count a:hover {
    background: #3B5998!important;
    border-color: #3B5998!important;
}

.linkedin-count a:hover {
    background: #0077B5!important;
    border-color: #0077B5!important;
}

.gplus-count a:hover {
    background: #E62B1E!important;
    border-color: #E62B1E!important;
}

.content__shares.style-1 a i {
    position: absolute;
    left: 11px;
    top: 50%;
    transform: translateY(-50%);
}

.share-wrap {
    position: relative;
}

.share-hover {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    visibility: hidden;
    transition: .4s;
}

.share-default {
    position: relative;
    opacity: 1;
    visibility: visible;
    transition: .4s;
}

.featured-act {
    background-color: #ddd;
    width: 100%;
}

#left_nav {
    border-top: 1px solid #ddd;
    padding-bottom: 114px;
    position: relative;
    overflow-y: auto;
    height: 100%;
}

#left_nav .panel {
    background-color: #f1f1f1;
    display: none;
    width: 100%;
    margin: 0;
    border: none!important;
    padding: 0;
    border-radius: 0;
    box-shadow: none!important;
    position: relative;
}

#left_nav .panel li a {
    display: table;
    width: 100%;
    padding: 6px 0 6px 42px;
    color: #333;
    background: transparent;
    text-align: left;
}

#left_nav .panel li a:hover {
    background: #ddd;
}

#left_nav .panel li a.active {
    background: #e7e7e7;
}

#left_nav .panel li a img {
    width: 18px;
    height: 18px;
    margin-right: 6px;
    margin-bottom: 0;
    border-radius: 3px;
}

#left_nav .panel li {
    padding: 0!important;
}

#left_nav .panel .add-keywords {
    width: 100%;
    display: table;
    padding: 7px 0 10px 49px;
    background: #eee;
    color: #999;
}

.parent-acc {
    padding: 6px 15px!important;
    display: flex;
}

.acc-img {
    width: 12%;
}

.acc-title {
    width: 86% !important;
}

#left_nav .panel li i {
    margin-right: 4px;
    margin-left: 3px;
    font-size: 16px;
}

#left_nav .accordion {
    position: relative;
    padding-right: 10px;
    font-size: 14px;
    color: #333;
    font-weight: normal;
}

.accordion.act,
.accordion:hover {
    background-color: #ddd;
    width: 100%;
    max-width: 100% !important;
}

#left_nav .accordion.active {
    font-weight: bold;
}

#left_nav .accordion img {
    transform: rotate(-90deg);
    z-index: 999;
}

#left_nav .accordion.active img {
    transform: rotate(0deg);
}

#left_nav .accordion a {
    border: none!important;
    position: absolute;
    padding: 0 10px;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
    font-size: 11px;
    opacity: .7;
    background: transparent!important;
    box-shadow: none!important;
}

#left_nav .accordion a:hover {
    opacity: 1;
    background: transparent;
}

#left_nav .panel ul {
    padding: 0;
}

.add-new-content {
    width: 100%;
    position: absolute!important;
    bottom: 64px!important;
    top: auto;
    left: 0;
    height: 50px;
}

.add-new-content button.accordion {
    height: 50px;
    text-align: center;
    font-size: 15px;
    font-weight: 500;
    transition: .4s;
    background: #bbb;
}

.add-new-collection {
    width: 100%;
    position: absolute!important;
    bottom: 50px!important;
    top: auto;
    left: 0;
    height: 50px;
    border-top: 1px solid #ddd;
}

.add-new-collection li {
    padding: 0;
}

.add-new-collection ul li a {
    padding: 0 16px;
    line-height: 49px;
    font-size: 12px;
    text-align: center;
    transition: .4s;
}

.add-keywords {
    font-size: 15px;
}

.add-new-content button.accordion,
.add-new-collection ul li a {
    background-color: #faca04;
    color: #fff;
    width: 100%;
    border: none;
    font-weight: bold;
}

.add-new-content button.accordion:hover,
.add-new-collection ul li a:hover {
    background-color: #bbbbbb;
    color: #fff;
    width: 100%;
}

.add-new-content button.accordion+.panel {
    padding: 0;
}

.add-new-content button.accordion+.panel li {
    padding: 0;
}

.add-new-content button.accordion+.panel li a {
    text-align: center;
    border-top: 1px solid #ddd;
    padding: 11px 15px;
    font-size: 12px;
}

.add-new-content button.accordion.active+.panel {
    display: block;
    height: 93px;
    position: absolute;
    bottom: 30px;
    left: 0;
    right: 0;
    width: 100%;
    border: none;
}

.add_collection {
    border: 0;
    width: 22px;
    height: 22px;
    padding: 0!important;
    display: inline-block;
    float: right;
    line-height: 18px;
    text-align: center;
    font-size: 19px!important;
    border-radius: 50%;
    margin: 3px 5px 0;
}

#left_nav .tooltip-inner {
    min-width: 90px;
    padding: 10px;
    font-size: 11px;
    margin-left: 30px;
}

.scheduled-count {
    margin: 10px 0 15px;
    text-align: center;
    font-weight: 400;
    padding: 10px 20px;
    background-color: #00A3E5;
    width: 100%;
    height: 65px;
    border-radius: 3px;
}

.scheduled-count .btn-default {
    font-size: 12px;
    background: #fff;
    line-height: 35px;
    padding: 0 14px !important;
    margin-top: 5px;
    border: none;
}

.scheduled-count .btn-default:hover {
    background-color: #f05455 !important;
    color: white;
    border: 1px solid #f05455 !important;
}

.scheduled-count-container {
    float: left;
    text-align: center;
    padding-top: 12px;
    color: white;
}

#content_group_dd .container {
    max-width: 100%;
}

.post_holder {
    background-color: #fff;
    border: thin solid #E3E3E3;
    padding: 0 !important;
    -webkit-border-radius: 5px;
    display: block;
}

.post_holder a {
    color: #000;
}

.post_avatar {
    padding: 20px 15px 20px 30px;
}

.post_body {
    font-size: 18px;
    line-height: 27px;
    padding: 0 10px 20px 0;
    max-height: 120px;
}

.post_body_expanded {
    font-size: 14px;
    font-weight: 200;
    line-height: 27px;
    padding: 20px 10px 20px 0;
}

.post_stats {
    border-left: thin solid #E3E3E3;
    height: 120px;
    padding: 20px 15px 20px 15px;
}

.post_view_count {
    color: white;
    background: #00A3E5;
    vertical-align: bottom;
    font-size: 20px;
    padding-top: 10px;
    height: 44px;
    text-align: center;
    display: inline-block;
    width: 60px;
    margin: 0 auto 17px;
    border-radius: 5px;
    position: relative;
}

.post_view_count:after {
    content: '';
    position: absolute;
    border-style: solid;
    border-width: 8px 8px 0;
    border-color: #00A3E5 transparent;
    display: block;
    width: 0;
    z-index: 1;
    bottom: -7px;
    left: 50%;
    transform: translateX(-50%);
}

.btn-group.open .dropdown-toggle {
    -webkit-box-shadow: none;
    box-shadow: none;
}

.bonfires .post_holder {
    border: 1px solid #e5e5e5;
    box-shadow: 0 4px 13px rgba(0, 0, 0, 0);
    transition: .4s;
    margin: 15px 0 5px;
    -webkit-transition: .4s;
    -moz-transition: .4s;
}

.bonfires .post_holder:hover {
    border: 1px solid #eee;
    box-shadow: 0 4px 13px rgba(0, 0, 0, 0.15);
    transition: .4s;
    -webkit-transition: .4s;
    -moz-transition: .4s;
}

.helpimage {
    width: 360px;
    margin-top: 30px;
    border: 1px solid #ddd;
}

.bonfires .post_body {
    font-size: 15px;
    padding-bottom: 30px;
    color: #777;
}

.bonfires .post_body h2,
.bonfires .post_holder h3 {
    text-transform: none;
    font-weight: 400;
    margin: 0;
    font-size: 22px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.expand-post.full .post_body h2 {
    white-space: inherit;
    text-overflow: initial;
    overflow: visible;
    padding-right: 25px;
}

.bonfires .post_body h3 {
    text-transform: uppercase;
    font-weight: 500;
    margin: 23px 0 8px;
    font-size: 22px;
}

.post_holder .row {
    margin-right: 0;
}

.bonfire-new .post_body_expanded {
    padding: 0 30px 5px 15px;
}

.post_stats>.bonfire-dropdown {
    top: 5px;
    right: 128px !important;
}

.bonfire-dropdown2.btn-group .btn-default,
.bonfire-dropdown2.btn-group .btn-default:focus,
.bonfire-dropdown2.btn-group .btn-default:hover,
.post_stats .bonfire-dropdown.btn-group .btn-default,
.post_stats .bonfire-dropdown.btn-group .btn-default:focus,
.post_stats .bonfire-dropdown.btn-group .btn-default:hover {
    padding: 3px 5px;
    font-size: 9px;
    border-radius: 3px !important;
    color: #777;
    outline: 0 !important;
    width: 42px;
}

.bonfire-dropdown2.btn-group .btn-default .fa-cog,
.post_stats .bonfire-dropdown.btn-group .btn-default>.fa-cog {
    font-size: 13px;
    border-right: 1px solid #e5e5e5;
    padding-right: 6px;
    margin: -3px 4px 0 0;
    height: 18px;
    line-height: 21px;
    color: #aaa;
}

.post_stats .bonfire-dropdown.btn-group .dropdown-menu {
    top: 20px;
}

.bonfire-dropdown2.btn-group .dropdown-menu {
    top: 25px;
}

.bonfires .post_stats small {
    white-space: inherit;
    line-height: 14px !important;
    display: block;
}

.breadcrumb {
    margin: 0;
    padding: 0;
    background: transparent;
}

.btn-secondary2 {
    background: #00a0e4;
    border: 1px solid #00a0e4;
    color: #fff;
}

.btn-secondary2:hover {
    background: #0b81b3;
    border: 1px solid #0b81b3;
    color: #fff;
}

.post_holder hr {
    display: none;
}

.bonfires.expand .post_body {
    font-size: 14px;
    padding: 20px 50px 30px 0;
    color: #777;
    height: 100%;
    max-height: 97px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.bonfire-search {
    width: 100%;
}

.bonfire-search-field {
    width: 80% !important;
    min-width: 80% !important;
}

.bonfire-search-btn {
    width: 20%;
    height: 50px;
}

.nice-select {
    padding: 0 20px !important;
    margin-bottom: 20px;
}

.nice-select:active,
.nice-select.open,
.nice-select:focus {
    border-color: #ddd !important;
    box-shadow: none !important;
}

.nice-select .list {
    box-shadow: 0 0 0 1px #ddd !important;
}

.nice-select .option:hover,
.nice-select .option.focus,
.nice-select .option.selected.focus {
    color: #00A3E5;
}

.bonfires input,
.bonfires textarea {
    border: 1px solid #ddd !important;
    box-shadow: none !important;
}

.input-group-addon {
    padding: 6px 18px;
    font-size: 14px;
    font-weight: 400;
    line-height: 1;
    color: #fff;
    text-align: center;
    background-color: #00A3E5;
    border: none;
    border-radius: 4px;
}

.expand-inner .post_holder.post_holder_expand .bonfire-single {
    position: relative;
}

.expand-inner .bonfire-dropdown2 {
    top: 10px;
    position: absolute;
    right: 10px;
}

.bonfire-single-post .expand-inner h3 small {
    top: 0;
}

.post_body_expanded h3 small {
    text-transform: uppercase;
    font-size: 10px;
    letter-spacing: 1px;
    position: relative;
    top: -5px;
    float: right;
    right: 15px;
    color: #999 !important;
    padding-right: 35px;
}

.bonfire-single-post .expand-inner {
    opacity: 1;
    width: 95%;
    margin-left: 5%;
}

.notification .post_body_expanded h3 {
    margin: 2px 0 6px;
    font-weight: 600;
}

.inbox .post_holder {
    width: 100%;
    padding: 0 0 0 30px;
}

.fa-user-plus {
    font-size: 35px;
    top: 5px;
    position: relative;
}

.notifications .post_holder {
    margin-bottom: 20px;
}

#tribal-stream-tabs li {
    margin: 0;
}

#tribal-stream-tabs li a i {
    color: #00A3E5 !important;
    margin-right: 3px;
}

#tribal-stream-tabs>li>a {
    position: relative;
    display: block;
    padding: 13px 12px;
    text-transform: capitalize;
    font-size: 14px;
    margin: 0 -1px -1px 0;
    border-radius: 0;
    letter-spacing: 0;
    border: none;
    text-shadow: none;
    background: transparent;
    font-weight: bold;
    color: #000;
}

#tribal-stream-tabs>li>a:hover,
#tribal-stream-tabs>li.active>a {
    background: #00A3E5;
    color: #fff;
    border: none;
}

#tribal-stream-tabs>li a:hover i,
#tribal-stream-tabs>li.active>a i {
    color: #fff !important;
}

#tribal-stream-tabs {
    margin-top: 35px;
    margin-bottom: 0;
    border-bottom: none;
}

.tribal-stream-tabs {
    padding: 40px;
    border: 1px solid #e5e5e5;
    background: #fff;
    margin-bottom: 70px;
}

.tribal-stream-tabs .legend {
    padding: 0 0 10px;
    margin-bottom: 25px;
    font-size: 21px;
    border: 0;
    border-bottom: 1px solid #e5e5e5;
    font-weight: 600;
    display: block;
    width: 100%;
    color: #222;
}

.tribal-stream-tabs .subtitle {
    margin-bottom: 25px;
    margin-left: 5px;
    font-size: 17px;
    font-weight: 600;
    display: block;
    width: 100%;
    color: #222;
}

.tribal-stream-tabs .subtitle-small {
    float: left;
    font-size: 15px;
    font-weight: 600;
    color: #222;
    padding: 8px 8px 8px 5px;
}

.tribal-stream-tabs .table>thead>tr>th {
    border-bottom: 1px solid #ddd;
    width: 200px;
}

.tribal-stream-tabs label {
    display: inline-block;
    width: 100%;
    margin-bottom: 5px;
    color: #555;
    font-size: 12px;
    letter-spacing: 1px;
    text-transform: uppercase;
    font-weight: 700;
}

.form-group button.btn,
a.btn,
input.btn,
.discover-tribe-results2 button.btn {
    font-size: 12px;
    padding: 18px 20px;
    line-height: 100%;
    font-weight: 500;
    text-transform: uppercase;
    border-radius: 3px;
    height: auto;
    color: #fff;
}

a.btn.btn-default {
    color: #484848;
}

.btn-secondary {
    background-color: #fab23a;
    border-color: #fab23a;
    color: #17386d;
}

.btn-secondary:hover {
    background-color: #db992a;
    border-color: #db992a;
}

.banusers td,
.banusers th {
    border: 1px solid #dddddd !important;
    text-align: left !important;
    padding: 8px !important;
}

.thumbnail {
    display: table;
    margin-top: 0;
    padding: 15px;
}

.btn-toolbar {
    margin-top: 14px;
    margin-left: 0;
}

.thumbnail .btn-toolbar>.btn {
    padding: 12px 10px;
    margin: 0 5px 0 0;
    font-size: 13px;
}

.conn-btn {
    padding-left: 30%;
    padding-right: 0;
}

.conn-btn .btn {
    float: right;
}

.connect-profile {
    float: left;
    width: 50%;
}

.social_profiles.col-sm-3 {
    font-size: 20px;
    font-weight: bold;
    color: #1DA1F2;
    line-height: 42px;
    text-align: left;
}

.social_status_good {
    font-weight: bold;
    color: black !important;
    background: #e5e5e5 !important;
    text-transform: uppercase;
    padding: 8px 22px;
    font-size: 14px;
    border-radius: 4px;
    line-height: 26px;
}

.user-social-assign-tribes .btn-default {
    font-weight: bold;
    color: black;
    background: #e5e5e5;
    text-transform: uppercase;
    display: inline-block;
    margin-right: 0
}

.share-freq {
    float: right;
    margin-right: -8%;
}

.internal {
    display: flex;
    align-items: center;
    word-wrap: break-word;
}

.sharefreq {
    text-align: right !important;
    line-height: 0;
}

.sharefreq .nice-select {
    margin: 0 !important;
}

.sharefreq>div {
    min-width: 210px;
    display: inline-block;
}

.sharefreq .dripfrequency-select {
    width: 100%;
}

.sharefreq select {
    height: auto;
    line-height: 14px;
    font-size: 10px;
}

.freq-setting {
    margin-top: 10px;
}

.Soc_stat {
    padding-left: 2%;
    padding-right: 0;
}

.Reauth {
    padding-left: 0;
}

.Soc_stat,
.Del_Acc,
.Reauth {
    display: inline-block !important;
}

@media only screen and (min-width: 768px) {
    .Del_Acc {
	display: none !important;
    }
}

.connections-tip {
    padding-left: 30px;
    padding-top: 5px;
    margin-bottom: 5px;
    border-top: 1px solid #e5e5e5;
}

.tribal-stream-tabs .form-group {
    padding: 0;
}

#accordion .panel-default>.panel-heading {
    color: #333;
    background-color: transparent;
    border-color: #e5e5e5;
    padding: 0;
}

#accordion .panel-default>.panel-heading h4 a {
    color: #00A3E5;
}

#accordion .panel-default>.panel-heading h4 a {
    display: table;
    width: 100%;
    padding: 15px 40px 15px 15px;
    font-size: 14px;
    text-transform: uppercase;
    line-height: 20px;
    position: relative;
}

.form-group .col-md-12 {
    padding: 0;
}

.fnt-18 {
    font-size: 18px;
}

.prime-membership-detail {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background-color: #f5f5f5;
    border-color: #e5e5e5;
    border-image: none;
    border-style: solid;
    border-width: 1px 1px 0;
    color: #000 !important;
    font-size: 16px;
    margin-bottom: 0;
    padding: 15px !important;
}

.prime-stripe-box {
    display: inline-block;
    margin: 10px;
}

.prime-espots {
    border: thin solid #e5e5e5;
    margin-bottom: 20px;
    padding: 25px 10px;
    display: table;
}

.prime-plan-limits-bg {
    background-color: #f5f5f5;
    padding: 10px;
}

.background-green {
    background-color: #5cd538;
}

.circle {
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    width: 15px;
    height: 15px;
    display: block;
    margin: 0 auto;
}

.circle-prime {
    float: right;
    margin: 5px;
}

.cancel-message-bg {
    background-color: rgb(252, 242, 159);
    padding: 10px;
    margin: 0;
}

.dropdown-plans {
    margin: 0 auto;
    float: none;
}

.modal-content {
    max-height: 90vh;
    overflow: auto;
}

.modal.fade.in {
    top: 50%;
    transform: translateY(-50%);
}

.margin-bottom-20 {
    margin-bottom: 20px;
}

.modal-body .form-group {
    padding: 0;
    margin: 0;
}

textarea {
    min-height: 90px;
    box-shadow: none;
    line-height: 1.2;
}

.pricing h2 {
    color: #224073;
    font-size: 44px;
}

.pricing h2+p {
    color: #f85457;
}

.margin-no-left {
    margin-left: 0 !important;
}

.pricing .panel-danger .panel-heading {
    background: #f85457;
}

.pricing .panel-info .panel-heading {
    background: #2bbfe8;
}

.pricing .panel-primary .panel-heading {
    background: #213f72;
}

.pricing .panel-heading {
    padding: 30px;
    border-radius: 0;
}

.pricing .panel-title {
    color: #fff;
}

.pricing .the-price h1 {
    font-size: 55px;
    margin: 25px 0 15px;
    color: #fff;
}

.pricing .the-price h1 span {
    font-size: 30px;
}

.pricing .the-price small {
    color: #fff;
    text-transform: uppercase;
    opacity: 0.8;
    font-size: 11px;
}

.pricing .cnrflash-inner {
    background: #fab23a;
    border: none;
    padding: 9px;
    color: #fff;
    font-size: 16px;
    text-transform: uppercase;
}

.pricing .panel {
    -webkit-box-shadow: none;
    box-shadow: none;
    border: none;
    border-radius: 3px;
    overflow: hidden;
}

.pricing .panel-body {
    border: 1px solid #e5e5e5;
    border-top: none;
}

.pricing .panel-body ul {
    padding: 0 40px 15px;
}

.pricing .panel-body ul li {
    list-style: none;
    border-bottom: 1px solid #e5e5e5;
    padding: 8px;
}

.pricing .panel-body ul li:last-child {
    border-bottom: none;
}

.pricing .panel-body ul li a {
    color: #888;
}

.pricing .panel-body ul li small {
    color: #222;
}

.pricing .panel-body {
    padding: 15px 0 30px;
}

.tooltip-inner {
    background-color: #000;
    color: #fff;
    padding: 15px 10px;
}

.tooltip.top .tooltip-arrow {
    border-top-color: #000;
}

.tooltip.right .tooltip-arrow {
    border-right-color: #000;
}

.tooltip.bottom .tooltip-arrow {
    border-bottom-color: #000;
}

.tooltip.left .tooltip-arrow {
    border-left-color: #000;
}

.popular {
    position: relative;
    top: -15px;
}

.onoffswitch {
    position: relative;
    width: 100px;
    text-align: left;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
}

.onoffswitch-checkbox {
    display: none;
}

.onoffswitch-label {
    display: block;
    overflow: hidden;
    cursor: pointer;
    border-radius: 20px;
}

.onoffswitch-inner {
    display: block;
    width: 200%;
    margin-left: -100%;
    transition: margin 0.3s ease-in 0s;
}

.onoffswitch-inner:before,
.onoffswitch-inner:after {
    display: block;
    float: left;
    width: 50%;
    height: 30px;
    padding: 0;
    line-height: 30px;
    font-size: 14px;
    color: white;
    font-weight: bold;
    box-sizing: border-box;
}

.onoffswitch-inner:before {
    content: "Yearly";
    padding-left: 12px;
    background-color: #17386D;
    color: #FFFFFF;
}

.onoffswitch-inner:after {
    content: "Monthly";
    padding-right: 8px;
    background-color: #17386D;
    color: #FFFFFF;
    text-align: right;
}

.onoffswitch-switch {
    display: block;
    width: 20px;
    margin: 4px;
    background: #FFFFFF;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 70px;
    border-radius: 20px;
    transition: all 0.3s ease-in 0s;
}

.onoffswitch-checkbox:checked+.onoffswitch-label .onoffswitch-inner {
    margin-left: 0;
}

.onoffswitch-checkbox:checked+.onoffswitch-label .onoffswitch-switch {
    right: 0;
}


/*=====================================SWIMLANES=======================================*/

.main-screen-content {
    max-width: 1140px;
    width: 100%;
    margin: 0 auto;
    padding: 60px 15px;
}

.main-screen-content h2 {
    font-size: 48px;
    font-weight: 700;
    text-align: center;
}

.main-screen-content p {
    margin: 6px 0 60px;
    color: #6d6e71;
    line-height: 26px;
    text-align: center;
    font-size: 18px;
}

.main-screen-content .row {
    margin: 0 -10px;
}

.main-screen-content .row .col-sm-4 {
    padding: 0 10px;
}

.main-block {
    text-align: center;
    min-height: 216px;
    padding: 30px 25px 25px;
    position: relative;
    border-radius: 5px;
    border: 1px solid #ecedee;
    transition: .4s;
    margin-bottom: 20px;
}

.main-block:hover {
    border: 1px solid #3ab3e6;
    transition: .4s;
}

.main-block h4 {
    margin: 28px 0 0;
    font-size: 20px;
    font-weight: 600;
}

.bg-gray {
    background: #f7f7f7;
}

.bg-blue {
    background: #daf2fb;
}

.step-inner-content {
    padding: 40px 65px;
    display: inline-block;
}

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

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

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

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

.gap-5 {
    margin-bottom: 5px;
}

.gap-10 {
    margin-bottom: 10px;
}

.gap-20 {
    margin-bottom: 20px;
}

.gap-30 {
    margin-bottom: 30px;
}

.gap-40 {
    margin-bottom: 40px;
}

.gap-50 {
    margin-bottom: 50px;
}

.gap-60 {
    margin-bottom: 60px;
}

.gap-70 {
    margin-bottom: 70px;
}

.gap-80 {
    margin-bottom: 80px;
}

.gap-90 {
    margin-bottom: 90px;
}

.btn.btn-primary.border:hover,
.btn.btn-primary.border:focus,
.btn.btn-primary.border {
    background: #fff !important;
    color: #00a0e4 !important;
    border: 2px solid #00a0e4 !important;
    line-height: 56px !important;
}

.btn-block {
    width: 100% !important;
}

.btn.btn-primary.disabled {
    opacity: 0.7;
    pointer-events: none;
}

.left-block img {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
}

.center-div {
    top: 56% !important;
}

#username {
    position: relative;
}

#username input {
    padding-right: 60px;
}

#username label {
    background: #e6e7e8;
    color: #fff;
    width: 20px;
    height: 20px;
    position: absolute;
    top: 19px;
    right: 23px;
    border-radius: 50%;
    text-align: center;
    line-height: 20px;
    font-size: 12px;
    transition: .4s;
}

#username.user-success label {
    background: #00a0e4;
}

#username.user-error label {
    background: #f16464 !important;
}

#username.user-error label .fa-check::before {
    content: "\f00d";
}

span.error {
    color: #f16464;
    font-size: 12px;
    padding: 0 25px;
    margin: 5px 0 2px;
    position: relative;
    top: -10px;
    display: none;
}

span.error.act {
    display: block;
}

.search-form {
    position: relative;
}

.search-form::after {
    content: "";
    background: url(../img/swimlanes/icon-search.png) no-repeat center;
    height: 50px;
    width: 22px;
    position: absolute;
    left: 16px;
    top: 0;
    z-index: 44;
}

.search-form input {
    padding: 0 25px 0 50px;
}

.modal.fade.in {
    bottom: auto;
}

.interests {
    position: relative;
}

.interests a {
    border: 1px solid #5fc8ee;
    border-radius: 3px;
    padding: 10px 24px;
    display: inline-block;
    color: #5fc8ee;
    margin: 0 9px 15px 0;
}

.interests a.active,
.interests a:hover {
    border: 1px solid #48c0eb;
    color: #fff;
    background: #48c0eb;
}

.interests-nav {
    display: table;
    width: 100%;
}

.interests-nav li {
    float: left;
    margin-right: 25px;
}

.interests-nav li a {
    font-size: 18px;
    color: #a7a9ac;
}

.interests-nav li a:hover,
.interests-nav li.active a,
.interests-nav li.active a:hover {
    color: #5fc8ee;
}

.reg-success {
    padding: 80px 0;
}

a.link {
    color: #999;
    font-size: 16px;
    font-weight: bold;
    border-bottom: 1px solid #bbb;
}

a.link:hover {
    color: #5fc8ee;
    border-bottom: 1px solid #5fc8ee;
}

.social-accounts {
    background: #f7f7f7;
    padding: 30px 10px 0 40px;
    max-height: 500px;
    overflow: auto;
    border-radius: 5px;
}

.social-accounts .social-item:last-child {
    margin-bottom: 30px;
}

.panel-head {
    padding: 12px 20px;
    background: #e6e7e8;
    display: table;
    width: 100%;
}

.panel-head h4 {
    font-size: 21px;
}

.panel-head a {
    color: #a7a9ac;
    font-size: 18px;
    font-weight: bold;
    line-height: 25px;
    display: inline-block;
}

.step-inner-content h1 {
    font-size: 30px;
    border-bottom: 1px solid #e6e7e8;
    padding-bottom: 20px;
}

.panel-head a:hover {
    color: #48c0eb;
}

.panel-head .fa.fa-caret-up {
    font-size: 20px;
    text-decoration: underline;
}

.fa.fa-facebook {
    color: #3C5B9B;
    margin-right: 10px;
}

.fa.fa-twitter {
    color: #2DAAE1;
    margin-right: 10px;
}

.fa.fa-linkedin {
    color: #0173B2;
    margin-right: 10px;
}

.panel-content {
    padding: 25px 35px;
    border: 1px solid #eaebec;
    margin-bottom: 15px;
}

.add-account {
    background: #48C0EB;
    border-radius: 3px;
    padding: 10px 15px;
    text-align: center;
    display: inline-block;
    border: 2px solid #48C0EB;
}

.add-account:hover {
    background: transparent;
    border: 2px solid #48C0EB;
    color: #48C0EB;
}

.add-account:hover>span {
    color: #48C0EB;
}

.add-account span {
    font-size: 14px;
    color: #fff;
    text-transform: uppercase;
    font-weight: 600;
    padding: 0 0 0 5px;
    display: inline-block;
    line-height: 30px;
}

.connected-profile {
    margin-bottom: 15px;
    padding-right: 15px;
    position: relative;
}

.connected-profile .profile {
    position: relative;
    padding: 0 0 0 60px;
    margin: 7px 0 0;
}

.connected-profile .profile img {
    width: 47px;
    position: absolute;
    left: 0;
    top: 0;
}

.profile-name {
    color: #626773;
    line-height: 15px;
    float: left;
    margin-top: 8px;
    display: block;
    width: 100%;
    height: auto;
}

.profile-meta {
    font-size: 10px;
    color: #939598;
}

.tip i {
    color: #d1d3d4;
}

.share-frequency {
    float: right;
    top: -5px;
}

.share-frequency em {}

.popover {
    font-size: 14px;
    line-height: 22px;
    max-width: 405px;
    color: #6d6e71;
    border: none;
    position: absolute;
    z-index: 7777;
    border-radius: 5px;
}

.popover.right {
    max-width: 320px !important;
}



.popover.top>.arrow {
    bottom: -10px;
    left: 50%;
    margin-left: -11px;
    border-top-color: #fff;
    z-index: 44;
}

.popover.right>.arrow {
    left: -10px;
    border-right-color: #fff;
    z-index: 44;
}

.popover.left>.arrow {
    right: -10px;
    border-left-color: #fff;
    z-index: 44;
}

.popover-content {
    position: relative;
    z-index: 444;
    background: #fff;
    border-radius: 5px;
    padding: 15px 15px 40px;
}

.popover-title {
    background: #00a0e4;
    border: none;
    border-radius: 3px;
    padding: 0 15px;
    color: #fff;
    font-size: 15px;
    position: absolute;
    right: 15px;
    bottom: 10px;
    line-height: 30px;
    cursor: pointer;
    transition: .4s;
    z-index: 1111;
    margin: 0;
}

.popover-title:hover {
    background: #0292cf;
    transition: .4s;
}

.share-frequency>span {
    font-size: 12px;
    font-weight: bold;
    color: #a7a9ac;
    display: block;
    margin-bottom: 5px;
}

.share-frequency>span em {
    color: #d1d3d4;
    font-style: normal;
    font-size: 17px;
    margin-top: -15px;
    display: inline-block;
    position: relative;
    top: 3px;
    margin-left: 3px;
}

.share-frequency select {
    width: 180px;
    height: 40px;
    background: #f1f2f2;
    border: 1px solid #d7d8d9;
    border-radius: 3px;
    padding: 0 17px;
    font-size: 15px;
    color: #626773;
    margin: 0;
}

.tip {
    cursor: pointer;
    font-size: 18px;
}

.dual-btns {
    margin: 0 -10px;
}

.switch-toggle {
    padding: 0 7px;
}

input.switch[type="checkbox"] {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    width: 37px;
    height: 20px;
    background: #bcbec0;
    border: none;
    border-radius: 20px;
    position: relative;
    cursor: pointer;
    outline: none;
    transition: all .2s ease-in-out;
    margin: 0 7px 0 8px;
    top: 4px;
}

input[type="checkbox"].switch:checked {
    background: #0ebeff;
}

input.switch[type="checkbox"]::after {
    position: absolute;
    content: "";
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background: #fff;
    box-shadow: 0 0 .25em rgba(0, 0, 0, .3);
    transform: scale(.7);
    left: 0;
    transition: all .2s ease-in-out;
    z-index: 44;
}

input[type="checkbox"].switch:checked:after {
    left: calc(100% - 1.5em);
}

.dual-btns[class*=col-] {
    padding: 0 10px;
}

.sucess-message {
    padding: 50px 0;
}

#jointribes .modal-content .dual-btns a {
    margin: 0 8px;
}

#jointribes .modal-dialog {
    min-width: 675px;
}

#jointribes .modal-body {
    position: relative;
    padding: 45px;
}

#jointribes .modal-body p {
    font-size: 16px;
    line-height: 30px;
    margin: 20px 0 25px;
}

#jointribes .close {
    padding: 0 15px;
    position: absolute;
    top: 0;
    right: 0;
    font-size: 60px;
    z-index: 44;
}

.modal-content {
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
}

.success-account-info {
    border: 1px solid #e8e9e9;
    max-width: 385px;
    margin: -107px auto 80px;
    padding: 80px 30px 10px;
}

.success-account-info p {
    margin-bottom: 10px;
}

.success-account-info p i {
    background: #00a0e4;
    color: #fff;
    width: 22px;
    height: 22px;
    margin: 0 0 0 10px;
    border-radius: 50%;
    line-height: 22px;
    font-size: 11px;
    position: relative;
    top: -1px;
}

.alert-danger {
    color: #c55b57;
    background-color: #edc8c4;
    border-color: #edc8c4;
    font-size: 12px;
    line-height: 21px;
    padding: 5px 15px;
    margin-bottom: 55px;
}

.or {
    position: relative;
    margin-bottom: 35px;
    display: block;
}

.or:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 1px;
    background: #f1f2f2;
    top: 50%;
    left: 0;
    right: 0;
    z-index: 0;
}

.or span {
    color: #bdbfc1;
    width: 40px;
    height: 40px;
    background: #fff;
    border: 1px solid #f1f2f2;
    line-height: 38px;
    border-radius: 50%;
    display: table;
    margin: 0 auto;
    text-align: center;
    position: relative;
    z-index: 11;
}

.create-tribe-success {
    border: 1px solid #e8e9e9;
    display: table;
    margin: -35px auto 80px;
    padding: 55px 50px 10px;
}

.create-tribe-success p {
    margin-bottom: 10px;
}

.invite-wrap .row {
    margin: 0 -10px;
}

.invite-wrap .row .col-sm-6 {
    padding: 0 10px;
}

.invite-wrap .invite-item {
    text-align: center;
    min-height: 173px;
    padding: 30px 15px 25px;
    position: relative;
    border-radius: 5px;
    border: 1px solid #ecedee;
    transition: .4s;
    margin-bottom: 20px;
}

.invite-wrap .invite-item:hover {
    border: 1px solid #3ab3e6;
    transition: .4s;
}

.invite-wrap .invite-item h4 {
    margin: 18px 0 0;
    font-size: 16px;
    font-weight: 600;
}

.modal-style2 .modal-header {
    color: #133367;
    text-transform: uppercase;
    font-size: 20px;
    text-align: center;
}

.modal-style2 .modal-header h4 {
    font-size: 20px;
}

.modal-style2 .modal-body {
    position: relative;
    padding: 30px 35px;
}

.modal-style2 .modal-content {
    padding: 0;
    text-align: center;
}

.modal-style2 .modal-content p {
    color: #6d6e71;
    font-size: 15px;
    line-height: 22px;
    margin-bottom: 25px;
}

.modal-style2 .modal-content form.invite-url span {
    color: #58595b;
    font-weight: bold;
    display: block;
    margin-bottom: 12px;
}

.modal-style2 .modal-content form.invite-url {
    position: relative;
}

.modal-style2 .modal-content form.invite-url input {
    margin: 0;
}

.modal-style2 .modal-content form.invite-url button {
    position: absolute;
    bottom: 0;
    right: 0;
    border-radius: 0 3px 3px 0;
}

.modal-style2 .modal-footer {
    padding: 15px 35px !important;
}

.invite-mail {
    height: 130px;
    overflow: auto;
    border: 1px solid #eeefef;
    padding: 10px 20px;
}

.invite-mail .bootstrap-tagsinput {
    border: none;
    padding: 0;
    width: 100%;
    height: auto;
    box-shadow: none;
    margin-bottom: 10px;
}

.invite-mail .bootstrap-tagsinput input {
    color: #bcbec0;
    font-size: 14px;
    font-style: italic;
    border: none;
    padding: 0;
    width: 100%;
    height: 40px;
}

.invite-mail .bootstrap-tagsinput input:focus {
    color: #333;
}

.invite-mail .mCSB_inside>.mCSB_container {
    margin-right: 15px;
}

.bootstrap-tagsinput .tag {
    background-color: #e6e7e8;
    color: #58595b;
    font-weight: 400;
    font-size: 13px;
    padding: 2px 5px 5px;
    margin: 0 3px 3px 0;
    display: inline-block;
}

.bootstrap-tagsinput .tag[data-role="remove"] {
    margin-left: 8px;
    cursor: pointer;
    font-size: 11px;
    position: relative;
    top: -2px;
}

#gmailinvite .modal-body {
    padding: 0;
    text-align: left;
}

#gmailinvite form {
    max-height: 323px;
    overflow: auto;
}

#gmailinvite form .sw-cbox {
    position: relative;
    border-bottom: 1px solid #e5e5e5;
}

#gmailinvite form .sw-cbox:last-child {
    border-bottom: none;
}

#gmailinvite form .sw-cbox input {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
}

#gmailinvite form .sw-cbox label {
    padding: 15px 35px 15px 80px;
    position: relative;
    margin: 0;
    width: 100%;
    display: table;
    font-size: 18px;
    color: #58595b;
    font-weight: 700;
    line-height: 25px;
    cursor: pointer;
}

#gmailinvite form .sw-cbox label:after {
    content: "";
    border: 1px solid #eff0f1;
    width: 26px;
    height: 26px;
    position: absolute;
    top: 50%;
    left: 35px;
    transform: translateY(-50%);
    border-radius: 5px;
}

#gmailinvite form .sw-cbox label::before {
    content: "\f00c";
    border: 1px solid #00a0e4;
    width: 26px;
    height: 26px;
    position: absolute;
    top: 50%;
    left: 35px;
    transform: translateY(-50%);
    border-radius: 5px;
    font-family: Fontawesome;
    background: #00a0e4;
    color: #fff;
    z-index: 22;
    text-align: center;
    line-height: 23px;
    font-size: 13px;
    opacity: 0;
    transition: .3s;
}

#gmailinvite form .sw-cbox input:checked+label::before {
    opacity: 1;
    transition: .3s;
}

#gmailinvite form .sw-cbox label span {
    display: block;
    font-weight: 400;
    color: #bcbec0;
}

.invite-confirm p {
    font-size: 14px;
}

.invite-confirm p.lead {
    font-size: 24px;
    margin-bottom: 8px;
}

.invite-confirm ul {
    display: table;
    margin: 0 auto;
}

.invite-confirm ul li {
    font-weight: bold;
    font-size: 16px;
    color: #58595b;
    border-bottom: 1px solid #f2f3f3;
    padding: 12px 40px;
}

.invite-confirm ul li:last-child {
    border-bottom: none;
    padding-bottom: 0;
}

.invite-confirm ul li span {
    display: block;
    font-weight: 400;
    color: #bcbec0;
}

.curate-wrap .curate-item {
    text-align: center;
    min-height: 265px;
    padding: 30px 15px 10px;
    position: relative;
    border-radius: 5px;
    border: 1px solid #ecedee;
    transition: .4s;
    margin-bottom: 30px;
}

.curate-wrap .curate-item:hover {
    border: 1px solid #3ab3e6;
    transition: .4s;
}

.curate-wrap .curate-item h4 {
    margin: 13px 0 0;
    font-size: 20px;
    font-weight: 600;
    line-height: 27px;
}

.curate-wrap .curate-item p {
    margin: 0;
    font-size: 12px;
    color: #bcbec0;
}

.select-with-info {
    position: relative;
}

.select-with-info .vDrop {
    z-index: 77;
}

.select-with-info>span {
    position: absolute;
    top: calc(50% - 7px);
    right: -30px;
    transform: translateY(-50%);
}

.rss-recommened {
    margin: -4px 0 10px;
}

.rss-recommened span em {
    font-weight: bold;
    color: #808285;
    font-style: normal;
}

.rss-recommened span {
    display: inline-block;
    background: #f1f2f2;
    margin-right: 8px;
    margin-bottom: 10px;
    font-size: 12px;
    color: #a7a9ac;
    padding: 0 5px;
    line-height: 22px;
}

.add-new-group {
    background: #f1f2f2;
    border-radius: 3px;
    padding: 12px 22px;
    width: 100%;
    display: table;
    border: 2px solid #f1f2f2;
}

.add-new-group:hover {
    background: transparent;
    border: 2px solid #f1f2f2;
}

.add-new-group span {
    font-size: 14px;
    color: #a7a9ac;
    padding: 0 0 0 40px;
    display: inline-block;
    line-height: 30px;
    background: url(../img/swimlanes/icon-plus.png) no-repeat center left;
    background-size: 29px;
}

.mCSB_scrollTools {
    width: 12px;
    background: #e6e7e8;
    border-radius: 12px;
    padding: 0;
}

.mCSB_scrollTools .mCSB_draggerRail {
    display: none;
}

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 8px;
    background: #bcbec0 !important;
    max-height: calc(100% - 10px);
}

.mCSB_scrollTools .mCSB_dragger {
    padding: 5px 0;
}

.mCSB_inside>.mCSB_container {
    margin-right: 42px;
}

.share-frequency .vDrop .vClicker {
    padding: 9px 35px 9px 15px;
    font-size: 15px;
    color: #626773;
    border-radius: 2px;
    border: 1px solid #d1d3d4;
    height: 40px;
    background: #f1f2f2;
}

.share-frequency .vDrop {
    height: 40px;
    margin: 0;
}

body.share-frequency .vDrop .vClicker .vArrow {
    right: 15px;
    height: 40px;
}

body.share-frequency .vDrop .vClicker .vArrow::after {
    content: '';
    position: absolute;
    border-style: solid;
    border-width: 6px 6px 0;
    border-color: #626773 transparent;
    display: block;
    width: 0;
    z-index: 1;
    top: 17px;
    right: 0;
}

body.share-frequency .vDrop ul {
    top: 39px;
    border: 1px solid #d1d3d4;
    border-radius: 0 0 2px 2px;
}

body.share-frequency .vDrop ul li a,
body.share-frequency .vDrop ul li a.selected,
body.share-frequency .vDrop ul li a:hover {
    background: #f1f2f2;
    color: #a7a9ac;
    height: 40px;
    padding: 8px 15px;
    font-size: 15px;
    border-bottom: 1px solid #d1d3d4;
}

body.share-frequency .vDrop ul li a:hover {
    background: #e6e7e8;
    color: #a7a9ac;
}

body.share-frequency .vDrop .vClicker {
    padding-right: 35px !important;
}

#assigntribes .modal-dialog {
    max-width: 680px !important;
    margin: 30px auto;
    width: 95%;
}

#assigntribes .modal-body {
    padding: 30px 30px;
}

#assigntribes .modal-content p {
    font-size: 15px;
    line-height: 22px;
    color: #6d6e71;
}

#assigntribes .modal-footer {
    padding: 15px 30px !important;
}

#assigntribes .tribe-accounts {
    border: 1px solid #edeeef;
    padding: 12px 20px;
    margin-bottom: 30px;
}

#assigntribes .tribe-accounts .item {
    display: table;
    width: 100%;
}

#assigntribes .tribe-accounts .col-left {
    padding: 0 10px;
    border-right: 1px solid #edeeef;
    float: left;
    width: 33%;
}

#assigntribes .tribe-accounts .col-right {
    padding: 0 10px 0 20px;
    float: right;
    width: 67%;
}

#assigntribes .tribe-accounts .profile {
    position: relative;
    padding: 0 0 0 60px;
}

#assigntribes .tribe-accounts .profile img {
    width: 47px;
    position: absolute;
    left: 0;
    top: 0;
}

.profile-name {
    color: #626773;
    line-height: 15px;
    float: left;
    margin-top: 8px;
    display: block;
    width: 100%;
    height: auto;
    font-weight: 400;
    text-transform: none;
    font-size: 15px;
    letter-spacing: 0;
}

.profile-meta {
    font-size: 10px;
    color: #939598;
}

#assigntribes .tribe-accounts p {
    font-size: 15px;
    line-height: 22px;
    color: #6d6e71;
    margin: 0;
    font-weight: bold;
}

#assigntribes .tribe-accounts p strong {
    color: #58595b;
}

.your-tribes .head {
    display: table;
    width: 100%;
    margin-bottom: 20px;
    padding: 0 5px;
}

.your-tribes .head h4 {
    float: left;
    font-size: 20px;
    color: #58595b;
    text-transform: uppercase;
}

.your-tribes .head a {
    float: right;
    border: 1px solid #20ace7;
    line-height: 38px;
    padding: 0 25px;
    border-radius: 3px;
    font-size: 16px;
    color: #00a0e4;
    text-transform: uppercase;
    font-weight: bold;
    display: inline-block;
}

.your-tribes .head a:hover {
    border: 1px solid #20ace7;
    background: #20ace7;
    color: #fff;
}

.your-tribes-content {
    background: #f1f2f2;
    padding: 20px 10px 20px 15px;
    max-height: 280px;
}

.your-tribes-content h5 {
    color: #626773;
    font-size: 16px;
    font-weight: bold;
    border-bottom: 1px solid #e7e8e9;
    padding: 25px 0 20px;
    margin-bottom: 20px;
    text-transform: uppercase;
}

.tribe-profile {
    margin-bottom: 10px;
    background: #ffffff;
    border: 1px solid #e7e8e9;
    padding: 10px 25px 10px 50px;
    min-width: 165px;
    border-radius: 5px;
    position: relative;
    display: inline-block;
    transition: .4s;
    margin-right: 8px;
}

.tribe-profile i {
    background: #3c5b9b;
    position: absolute;
    left: 10px;
    top: 50%;
    transform: translateY(-50%);
    width: 30px;
    height: 30px;
    color: #fff;
    text-align: center;
    line-height: 30px;
    border-radius: 50%;
    font-size: 17px;
}

.tribe-profile span {
    font-size: 14px;
    color: #626773;
    display: block;
    line-height: 18px;
}

.tribe-profile small {
    font-size: 9px;
    line-height: 10px;
    color: #939598;
    display: block;
}

.tribe-profile:hover,
.tribe-profile.active {
    border: 1px solid #5ec7ed;
    cursor: pointer;
    transition: .4s;
}

.tribe-profile:after {
    content: "\f00c";
    font-family: Fontawesome;
    background: #5ec7ed;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    color: #fff;
    font-size: 11px;
    position: absolute;
    text-align: center;
    line-height: 20px;
    top: -8px;
    right: -8px;
    opacity: 0;
    transition: .4s;
}

.tribe-profile.active:after {
    opacity: 1;
    transition: .4s;
}

#assigntribesconfirm p {
    font-size: 18px;
    line-height: 26px;
    margin: 20px 0 0;
}

.tribes-stream {
    background: #f7f7f7;
    padding: 20px 10px 20px 30px;
    max-height: 650px;
    overflow: auto;
    border-radius: 5px;
}

.tribes-stream .item {
    background: #fff;
    padding: 15px;
    border: 1px solid #edeeef;
    border-radius: 3px;
    margin-bottom: 10px;
    transition: .4s;
    cursor: pointer;
}

.tribes-stream .item:hover {
    background: #fff8e7;
    transition: .4s;
}

.tribes-stream .item .row {
    margin: 0 -10px;
}

.tribes-stream .item .row .col-sm-3,
.tribes-stream .item .row .col-sm-9 {
    padding: 0 10px;
    position: relative;
}

.ts-head {
    width: 36%;
    float: left;
}

.ts-head h4 {
    font-size: 18px;
    color: #133367;
    line-height: 20px;
}

.ts-head label {
    font-size: 11px;
    color: #f16464;
    font-weight: bold;
}

.ts-head label i {
    font-size: 13px;
    margin-right: 3px;
    position: relative;
    top: 1px;
}

.ts-meta ul {
    border: 1px solid #eaebec;
    display: table;
    width: 100%;
}

.ts-meta ul li {
    width: 33.33333%;
    padding: 6px 10px;
    float: left;
    border-right: 1px solid #eaebec;
    font-size: 14px;
    color: #000000;
    font-weight: bold;
    line-height: 15px;
    text-align: center;
    height: 42px;
}

.ts-meta ul li:last-child {
    border-right: none;
}

.ts-meta ul li span {
    font-weight: 400;
    display: block;
    text-transform: uppercase;
    color: #888888;
    font-size: 8px;
}

.ts-meta {
    width: 42%;
    float: left;
}

.tribes-stream .item p {
    margin: 15px 0 0;
    font-size: 11px;
    line-height: 20px;
    color: #939598;
}

.follow {
    position: relative;
}

.follow sup {
    background: #f16464;
    color: #fff;
    font-size: 12px;
    text-transform: uppercase;
    font-weight: bold;
    line-height: 37px;
    display: inline-block;
    padding: 0 18px;
    border-radius: 3px;
    float: right;
    position: relative;
    top: 2px;
    cursor: pointer;
}

.follow sup[aria-describedby*=pop],
.follow:hover sup {
    background: #f16464;
    color: #fff;
    z-index: 777777;
}

.load-more:focus,
.load-more:hover,
.load-more {
    background: #133367;
    line-height: 40px;
    padding: 0 25px;
    display: inline-block;
    width: 100%;
    color: #fff;
    font-size: 15px;
    font-weight: bold;
    text-align: center;
    border-radius: 3px;
    margin-bottom: 10px;
}

.follow-groups {
    border: 1px solid #dadad8;
    background: #fff;
    width: 170px;
    height: 235px;
    border-radius: 5px;
    overflow: auto;
    overflow-x: hidden;
    position: absolute;
    color: #626773;
    top: 47px;
    right: 0;
    z-index: 11;
    opacity: 0;
    visibility: hidden;
    transition: .4s;
}

.follow sup[aria-describedby*=pop]+.arrow,
.follow sup[aria-describedby*=pop]+.arrow+.follow-groups {
    opacity: 0 !important;
    visibility: hidden !important;
    transition: .4s;
}

.follow.act .follow-groups {
    opacity: 1;
    visibility: visible;
    transition: .4s;
}

.follow-groups .mCSB_inside>.mCSB_container {
    margin-right: 0;
}

.follow .arrow {
    width: 15px;
    position: absolute;
    height: 34px;
    overflow: hidden;
    right: 24px;
    bottom: -73px;
    opacity: 0;
    visibility: hidden;
    transition: .4s;
}

.follow.act .arrow {
    opacity: 1;
    visibility: visible;
    transition: .4s;
}

.follow .arrow::before {
    content: "";
    width: 11px;
    position: absolute;
    height: 16px;
    -webkit-transform: rotate(45deg);
    border: solid #dadad8;
    border-width: 1px 0 0 1px;
    top: 2px;
    background: white;
    z-index: 22;
}

.follow-groups .cbox2 {
    position: relative;
    border-bottom: 1px solid #f5f6f6;
    cursor: pointer;
}

.follow-groups .cbox2 input {
    background: red;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
}

.follow-groups .cbox2 label {
    position: relative;
    padding: 8px 10px 8px 55px;
    font-size: 12px;
    color: #626773;
    text-transform: none;
    font-weight: 300;
    line-height: 14px;
    margin: 0 !important;
    max-height: 15px;
    width: 168px;
    display: table;
}

.follow-groups .cbox2 label span {
    font-size: 10px;
    color: #939598;
    line-height: 16px;
    display: block;
}

.follow-groups .cbox2 label small {
    font-size: 12px;
    color: #626773;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 98px;
    display: block;
}

.follow-groups .cbox2 label em {
    font-size: 12px;
    font-style: normal;
    margin-left: -27px;
    padding: 6px 0;
    display: inline-block;
}

.follow-groups .cbox2 label i.fa {
    width: 22px;
    height: 22px;
    color: #fff;
    position: absolute;
    left: 25px;
    top: 50%;
    text-align: center;
    line-height: 22px;
    border-radius: 50%;
    transform: translateY(-50%);
}

.follow-groups .cbox2 label i.fa.fa-facebook {
    background: #485993;
}

.follow-groups .cbox2 label i.fa.fa-twitter {
    background: #00a6e2;
}

.follow-groups .cbox2 label i.fa.fa-linkedin {
    background: #0077b6;
}

.follow-groups .cbox2 label:after {
    content: "";
    border: 1px solid #d7d9d9;
    width: 12px;
    height: 12px;
    position: absolute;
    top: 50%;
    left: 7px;
    transform: translateY(-50%);
    border-radius: 1px;
}

.follow-groups .cbox2 label::before {
    content: "\f00c";
    border: 1px solid #00a0e4;
    width: 12px;
    height: 12px;
    position: absolute;
    top: 50%;
    left: 7px;
    transform: translateY(-50%);
    border-radius: 1px;
    font-family: Fontawesome;
    color: #00a0e4;
    z-index: 22;
    text-align: center;
    line-height: 10px;
    font-size: 8px;
    opacity: 0;
    transition: .3s;
}

.follow-groups .cbox2 input:checked+label::before {
    opacity: 1;
    transition: .3s;
}

.bg-overlay {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background: #000;
    z-index: 444;
    opacity: 0;
    visibility: hidden;
    transition: .4s;
}

body.swimlanes-tmpt.iframe-active .bg-overlay {
    opacity: 0.5;
    visibility: visible;
    transition: .4s;
}

.tribes-iframe {
    background: #fff;
    position: fixed;
    top: 0;
    right: -100%;
    width: 50%;
    height: 100%;
    z-index: 555;
    max-width: 690px;
    padding: 30px;
    transition: .4s;
}

body.swimlanes-tmpt.iframe-active .tribes-iframe {
    right: 0;
    transition: .4s;
}

.tribes-iframe .ts-head h4 {
    font-size: 30px;
    line-height: 35px;
}

.tribes-iframe .ts-head label {
    font-size: 15px;
}

.tribes-iframe .ts-head label i {
    font-size: 16px;
}

.tribes-iframe p.desc {
    font-size: 12px;
    line-height: 22px;
    color: #6d6e71;
    text-align: center;
    margin: 30px 0;
}

.tribes-iframe .ts-meta ul li {
    padding: 7px 10px 7px;
    font-size: 16px;
    line-height: 17px;
    height: auto;
}

.tribes-iframe .ts-meta ul li span {
    font-size: 9px;
}

.tribes-iframe .nav-tabs.nav-justified {
    border: 1px solid #e6e7e8;
    border-bottom: none;
    border-radius: 2px 2px;
    overflow: hidden;
}

.tribes-iframe .nav-tabs.nav-justified>li.active>a,
.tribes-iframe .nav-tabs.nav-justified>li>a:hover,
.tribes-iframe .nav-tabs.nav-justified>li>a {
    border-radius: 2px 0 0 0;
    font-size: 15px;
    color: #6d6e71;
    text-transform: uppercase;
    font-weight: 400;
    padding: 14px 0;
    border-width: 0 1px 1px 0;
    border-color: #e6e7e8;
    border-bottom-color: white;
}

.tribes-iframe .nav-tabs.nav-justified>li.active>a {
    border-bottom-color: #e6e7e8;
    color: #fff;
}

.tribes-iframe .nav-tabs.nav-justified>li:last-child>a {
    border-radius: 0 2px 0 0;
}

#stream {
    border: 1px solid #e6e7e8;
    border-top: none;
    max-height: calc(100vh - 250px);
    overflow: auto;
    border-radius: 0 0 3px 3px;
}

#members {
    border: 1px solid #e6e7e8;
    border-top: none;
    max-height: calc(100vh - 250px);
    overflow: auto;
    border-radius: 0 0 3px 3px;
    padding: 20px 10px 20px 15px;
    min-height: 200px;
}

#members .mCSB_inside>.mCSB_container {
    margin-right: 30px;
}

#stream .item {
    padding: 15px;
    border-bottom: 1px solid #e6e7e8;
    transition: .4s;
}

#stream .item:hover {
    background: #fff8e7;
    transition: .4s;
}

#stream a:last-child .item {
    border-bottom: none;
}

#stream .item h3 {
    font-size: 18px;
    line-height: 25px;
    margin: -5px 0 5px;
}

#stream .item p {
    font-size: 12px;
    line-height: 22px;
    margin-bottom: 0;
    color: #6d6e71;
}

.tab-pane {
    padding-right: 10px;
}

.tab-pane .mCSB_inside>.mCSB_container {
    margin-right: 0;
}

#addagroup .modal-dialog {
    max-width: 685px !important;
    width: 100%;
}

#addagroup .modal-body h4 {
    text-align: center;
    position: relative;
    margin: 15px 0 0;
    font-size: 18px;
}

#addagroup .modal-body h4::after {
    content: "";
    background: #ebecec;
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    width: 100%;
    height: 1px;
    margin-top: 2px;
    z-index: 0;
}

#addagroup .modal-body h4 span {
    color: #6d6e71;
    font-size: 18px;
    font-weight: bold;
    display: table;
    margin: 0 auto;
    background: #fff;
    padding: 0 15px;
    position: relative;
    z-index: 11;
}

#addagroup .modal-body h4 span em {
    margin-left: 10px;
}

.cbox-group {
    display: table;
    margin: 15px 0 -15px;
}

.cbox-group .cbox2 {
    position: relative;
    border-bottom: 1px solid #f5f6f6;
    cursor: pointer;
    width: 50%;
    float: left;
    padding: 0 30px;
}

.cbox-group .cbox2 input {
    background: red;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
}

.cbox-group .cbox2 label {
    position: relative;
    padding: 15px 10px 15px 68px;
    font-size: 12px;
    color: #626773;
    text-transform: none;
    font-weight: 300;
    line-height: 14px;
    margin: 0 !important;
    max-height: 15px;
    width: 168px;
    display: table;
}

.cbox-group .cbox2 label span {
    font-size: 14px;
    color: #939598;
    line-height: 15px;
    display: block;
}

.cbox-group .cbox2 label small {
    font-size: 17px;
    color: #626773;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
    display: block;
    line-height: 28px;
}

.cbox-group .cbox2 label i.fa {
    width: 30px;
    height: 30px;
    color: #fff;
    position: absolute;
    left: 30px;
    top: 50%;
    text-align: center;
    line-height: 30px;
    border-radius: 50%;
    transform: translateY(-50%);
    font-size: 20px;
}

.cbox-group .cbox2 label i.fa.fa-facebook {
    background: #485993;
}

.cbox-group .cbox2 label i.fa.fa-twitter {
    background: #00a6e2;
}

.cbox-group .cbox2 label i.fa.fa-linkedin {
    background: #0077b6;
}

.cbox-group .cbox2 label:after {
    content: "";
    border: 1px solid #d7d9d9;
    width: 12px;
    height: 12px;
    position: absolute;
    top: 50%;
    left: 7px;
    transform: translateY(-50%);
    border-radius: 1px;
}

.cbox-group .cbox2 label::before {
    content: "\f00c";
    border: 1px solid #00a0e4;
    width: 12px;
    height: 12px;
    position: absolute;
    top: 50%;
    left: 7px;
    transform: translateY(-50%);
    border-radius: 1px;
    font-family: Fontawesome;
    color: #00a0e4;
    z-index: 22;
    text-align: center;
    line-height: 10px;
    font-size: 8px;
    opacity: 0;
    transition: .3s;
}

.cbox-group .cbox2 input:checked+label::before {
    opacity: 1;
    transition: .3s;
}

.social-feeds .row {
    margin: 0 -6px;
}

.social-feeds .row .col-sm-6 {
    padding: 0 6px;
}

.social-feeds .item {
    text-align: center;
    min-height: 100px;
    line-height: 98px;
    padding: 0 25px;
    position: relative;
    border-radius: 5px;
    border: 1px solid #ecedee;
    transition: .4s;
    margin-bottom: 15px;
}

.social-feeds .item:hover {
    border: 1px solid #3ab3e6;
    transition: .4s;
}

.social-feeds .item span {
    color: #133367;
    font-size: 18px;
    font-weight: 600;
}

.social-feeds .item img {
    margin-right: 15px;
}

.label-symbol {
    position: relative;
}

.label-symbol input {
    padding-left: 65px;
}

.label-symbol i {
    color: #a7a9ac;
    font-style: normal;
    width: 50px;
    height: 60px;
    background: #e6e7e8;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 44;
    border-radius: 3px 0 0 3px;
    font-size: 22px;
    line-height: 58px;
    text-align: center;
}

.label-pinterest-profile {
    position: relative;
}

.label-pinterest-profile input {
    padding-left: 208px;
}

.label-pinterest-profile i {
    color: #a7a9ac;
    font-style: normal;
    width: 189px;
    height: 60px;
    background: #e6e7e8;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 44;
    border-radius: 3px 0 0 3px;
    font-size: 12px;
    line-height: 58px;
    text-align: center;
}

.label-pinterest-profile.label-board input {
    padding-left: 270px;
}

.label-pinterest-profile.label-board i {
    width: 250px;
}

.label-tumblr-profile {
    position: relative;
}

.label-tumblr-profile input {
    padding: 0 130px 0 25px;
}

.label-tumblr-profile i {
    color: #a7a9ac;
    font-style: normal;
    width: 110px;
    height: 60px;
    background: #e6e7e8;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 44;
    border-radius: 3px 0 0 3px;
    font-size: 12px;
    line-height: 58px;
    text-align: center;
}

.alert-success {
    color: #3f7643;
    background-color: #def0d7;
    border-color: #def0d7;
    font-size: 13px;
    padding: 5px 15px;
    display: table;
    position: relative;
    width: 100%;
}

.alert-success i {
    font-size: 28px;
    position: absolute;
    top: 50%;
    margin-right: 0;
    left: 15px;
    margin-top: -15px;
}

.members-table table {
    width: 100%;
    margin-bottom: 30px;
}

.members-table table thead {
    background: #f9f9f9;
}

.members-table table tbody tr:nth-child(even) {
    background: #f9f9f9;
}

.members-table table tr th,
.members-table table tr td {
    padding: 8px 10px !important;
    font-size: 11px;
    font-weight: bold;
    color: #777777;
    border: none !important;
}

.member-title a {
    color: #2eafe9;
}

.member-title img {
    margin-right: 5px;
}

.members-table .btn-success {
    background: #5cd538;
    border-radius: 3px;
    border: none;
    line-height: 16px;
    font-size: 11px;
    text-transform: uppercase;
    font-weight: bold;
    padding: 5px 12px;
}

.members-table .btn-success:hover {
    background: #50bf2e;
    color: #fff;
}

.modal-dialog {
    margin: 0 auto;
}

#upgrade .modal-dialog {
    max-width: 480px !important;
    width: 90%;
}

#upgrade .modal-content {
    padding: 25px 25px 45px;
}

#upgrade h4 {
    font-size: 29px;
    margin: 10px 0 12px;
    font-weight: 600;
    line-height: 40px;
}

#upgrade p {
    font-size: 17px;
}

#upgrade button.close {
    position: absolute;
    top: 0;
    right: 0;
    font-size: 52px;
    padding: 5px 20px;
    opacity: 0.1;
    z-index: 44;
}

#upgrade button.close:hover {
    opacity: 0.3;
}

.source .item {
    padding: 18px 0 0;
    display: none;
}

.source .item.active {
    display: block;
}

.filter-controls ul li {
    z-index: 2;
}

.filter-controls ul li:not(.init) {
    float: left;
    display: none;
}

.filter-controls li.init {
    cursor: pointer;
    white-space: nowrap;
    overflow: hidden;
    padding-right: 40px !important;
    text-overflow: ellipsis;
}

.filter-controls li:not(.init):hover {
    color: #333;
}

.filter-controls {
    width: 100%;
    position: relative;
    min-height: 60px;
    z-index: 111;
}

.filter-controls ul {
    width: 100%;
    height: 60px;
    background: #fff;
    padding: 0;
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 5px;
}

.filter-controls li {
    width: 100%;
    padding: 17px 20px;
    border: 1px solid #ebecec;
    margin-bottom: -2px;
    background: #fff;
    cursor: pointer;
    border-radius: 5px;
    position: relative;
    font-size: 15px;
    color: #a7a9ac;
}

.filter-controls li:hover {
    color: #626773;
}

.filter-controls li::after {
    content: '';
    position: absolute;
    border-style: solid;
    border-width: 7px 7px 0;
    border-color: #626773 transparent;
    display: block;
    width: 0;
    z-index: 1;
    top: 24px;
    right: 20px;
}

.filter-controls li:not(.init):after {
    display: none;
}

.filter-controls li:not(.init) {
    border-radius: 0;
    color: #a7a9ac;
    padding: 17px 20px;
    border: 1px solid #ebecec;
    margin-bottom: -2px;
    background: #fff;
    cursor: pointer;
    position: relative;
}

.go-home {
    background: url(../img/swimlanes/icon-close.png) no-repeat center;
    width: 20px;
    height: 20px;
    position: absolute;
    top: 98px;
    right: 50px;
    z-index: 333;
    opacity: 0.2;
}

.go-home:hover {
    opacity: 0.5;
}

.main-block img {
    max-width: 100%;
}

.step-content>.container-fluid>.col-md-5,
.step-content>.container-fluid>.col-md-7 {
    min-height: 100vh;
}

.tab-pane .media-body {
    padding-left: 15px !important;
}

.frame-btns a.btn-success {
    border: 1px solid #ccc;
    background: #ccc;
    color: #fff;
    box-shadow: none;
}

.frame-btns a.btn-success:hover {
    border: 1px solid #ccc !important;
    background: #bbb !important;
    color: #fff;
    box-shadow: none;
}

@media only screen and (min-width: 992px) and (max-width: 4000px) {
    .row-eq-height {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
    }
}

@media only screen and (min-width: 993px) and (max-width: 1150px) {
    .follow {
	position: absolute;
	top: 0;
	right: 0;
    }
    .profilePage .follow {position: relative;}
    .tribes-iframe {
	min-width: 750px;
    }
    .ts-head {
	width: 100%;
	float: left;
    }
    .step-content .container-fluid>.col-md-5 {
	width: 30%;
    }
    .step-content .container-fluid>.col-md-7 {
	width: 70%;
    }
}

@media only screen and (min-width: 768px) and (max-width: 992px) {
    .tribes-iframe {
	min-width: 700px;
    }
    .step-inner-content {
	padding: 65px 25px;
	display: inline-block;
    }
    .reg-success {
	padding: 50px 0;
    }
    .main-block h4 {
	font-size: 16px;
    }
    .main-block img {
	max-height: 150px;
    }
    .left-block {
	display: none;
    }
    .width-600 {
	max-width: 100%;
    }
    .width-650 {
	max-width: 100%;
    }
    .width-780 {
	max-width: 100%;
    }
    .width-900 {
	max-width: 100%;
    }
}

.modal {
    text-align: center;
    padding: 0!important;
}

.modal:before {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle;
    margin-right: -4px;
}

.modal-dialog {
    display: inline-block;
    text-align: left;
    vertical-align: middle;
    max-width: 90% !important;
    max-height: 90%;
    overflow: auto;
}

select.form-control  {
    vertical-align: top;
}

@media only screen and (min-width: 250px) and (max-width: 767px) {
    .go-home {
	top: 80px;
	right: 20px;
    }
    .members-table table {
	width: 100%;
	margin-bottom: 30px;
	min-width: 750px;
	display: block;
    }
    .members-table {
	overflow: auto;
    }
    .swimlanes-tmpt.iframe-active {
	overflow: hidden;
    }
    .reg-success {
	padding: 50px 0;
    }
    .step-inner-content {
	display: block;
    }
    h3 span {
	font-size: 14px;
	margin-bottom: 5px;
	line-height: 21px;
    }
    h3 {
	line-height: 33px;
	font-size: 27px;
    }
    a.link {
	font-size: 12px;
    }
    .step-inner-content p br {
	display: none;
    }
    .step-inner-content {
	padding: 65px 15px;
    }
    .left-block {
	display: none;
    }
    .width-600 {
	max-width: 100%;
    }
    .width-650 {
	max-width: 100%;
    }
    .width-780 {
	max-width: 100%;
    }
    .width-900 {
	max-width: 100%;
    }
    .tribes-iframe {
	width: calc(100% - 35px);
    }
    .mCSB_inside>.mCSB_container {
	margin-right: 35px;
    }
    .main-screen-content h2 {
	font-size: 35px;
    }
    p br {
	display: none;
    }
    .main-block h4 {
	font-size: 16px;
    }
    .main-block img {
	max-height: 150px;
    }
    #jointribes .modal-dialog {
	min-width: auto;
    }
    .frame-inner {
	max-height: 100vh;
	padding: 30px;
	overflow: auto;
    }
    .tribes-iframe {
	padding: 0;
    }
    #stream .item h3 {
	margin: 15px 0 5px;
    }
}

@media only screen and (min-width: 250px) and (max-width: 419px) {
    .label-pinterest-profile i {
	position: relative;
	border-radius: 3px 3px 0 0;
	display: table;
	width: 100%;
    }
    .label-pinterest-profile.label-board input {
	padding-left: 25px;
    }
    .label-pinterest-profile input {
	padding-left: 25px;
    }
    .label-pinterest-profile.label-board i {
	width: 100%;
    }
    .rss-recommened span {
	word-break: break-all;
    }
    .modal-style2 .modal-content form.invite-url button {
	position: relative;
	bottom: 0;
	right: 0;
	border-radius: 0 0 3px 3px;
	width: 100%;
    }
    .invite-confirm ul {
	display: block;
	margin: 0 auto;
    }
    .invite-confirm ul li {
	padding: 12px 0;
    }
    .success-account-info {
	border: 1px solid #e8e9e9;
	max-width: 385px;
	margin: -64px auto 80px;
	padding: 60px 15px 10px;
    }
    .success-account-info p {
	font-size: 13px;
    }
    #assigntribesconfirm p {
	font-size: 13px;
	line-height: 23px;
    }
    .your-tribes .head a {
	float: none;
	font-size: 13px;
	margin-top: 10px;
    }
    #assigntribes .modal-body {
	padding: 30px 21px;
    }
    #assigntribes .modal-content p {
	word-break: break-word;
    }
    #assigntribes .tribe-accounts .col-left {
	width: 100%;
    }
    #assigntribes .tribe-accounts .col-right {
	width: 100%;
	padding: 15px 10px 0;
    }
    #jointribes .modal-body {
	padding: 45px 20px;
    }
    #jointribes .modal-content .dual-btns a {
	margin: 5px 8px;
	width: 100%;
	max-width: 200px;
    }
    .panel-head .text-right {
	text-align: left !important;
    }
    .panel-content {
	padding: 15px 15px;
    }
    .share-frequency {
	float: none;
	top: 0;
	margin-top: 18px;
    }
    .social-accounts {
	padding: 30px 10px 0 15px;
    }
    .interests a {
	padding: 7px 15px;
	margin: 0 4px 8px 0;
	font-size: 13px;
    }
    .main-screen-content p {
	line-height: 27px;
	font-size: 15px;
    }
    #upgrade .modal-content {
	padding: 25px 0 15px;
    }
    #upgrade h4 {
	font-size: 20px;
	line-height: 30px;
    }
    #upgrade p {
	font-size: 14px;
    }
    .mCSB_inside>.mCSB_container {
	margin-right: 25px;
    }
    .load-more:focus,
    .load-more:hover,
    .load-more {
	padding: 0 25px;
	font-size: 14px;
    }
    .ts-head {
	width: 100%;
	float: none;
	margin: 15px 0 0;
    }
    .follow {
	position: absolute;
	top: -65px;
	right: 20px;
    }
    .ts-meta {
	width: 100%;
	margin: 10px 0 0;
    }
    .dual-btns a {
	margin: 0 0 10px;
    }
    #stream {
	max-height: calc(100vh - 400px);
    }
    #stream .item h3 {
	font-size: 17px;
	line-height: 21px;
	margin: 11px 0 5px;
    }
    .tribes-stream {
	padding: 20px 10px 20px 15px;
    }
    .interests-nav li {
	margin-right: 15px;
    }
}

@media only screen and (min-width: 421px) and (max-width: 600px) {
    #assigntribes .tribe-accounts .col-left {
	width: 100%;
    }
    #assigntribes .tribe-accounts .col-right {
	width: 100%;
	padding: 15px 10px 0;
    }
    .modal-style2 .modal-content form.invite-url button {
	position: relative;
	bottom: 0;
	right: 0;
	border-radius: 0 0 3px 3px;
	width: 100%;
    }
    .invite-confirm ul {
	display: block;
	margin: 0 auto;
    }
    .invite-confirm ul li {
	padding: 12px 0;
    }
    .invite-wrap .invite-item h4 {
	font-size: 14px;
	font-weight: 600;
    }
}

@media only screen and (min-width: 420px) and (max-width: 767px) {
    .nav-tabs.nav-justified>li {
	float: left;
	width: 50%;
    }
    .frame-inner .ts-head {
	width: calc(100% - 250px);
	float: left;
    }
    #stream {
	max-height: 400px;
    }
    .curate-wrap .col-sm-6 {
	width: 50%;
	float: left;
    }
    .invite-wrap .row .col-sm-6 {
	width: 50%;
	float: left;
    }
    .tribes-stream {
	background: #f7f7f7;
	padding: 20px 10px 20px 20px;
	max-height: 650px;
	overflow: auto;
	border-radius: 5px;
    }
    .ts-head h4 {
	font-size: 17px;
    }
    .tribes-stream .item img {
	margin-bottom: 30px;
    }
    .panel-head .col-sm-6 {
	width: 50%;
	float: left;
    }
    .col-xsl-6,
    .main-screen-content .row .col-sm-4 {
	width: 50%;
	float: left;
    }
    .interests a {
	padding: 7px 15px;
	margin: 0 4px 8px 0;
	font-size: 14px;
    }
    a.link {
	font-size: 15px;
    }
}


/*.dev-band{border-top:10px solid #f05455}
*/

.profile-close {
    height: 18px;
    width: 18px;
    position: absolute;
    top: 36px;
    right: -16px;
    opacity: 0.3;
    transition: .4s;
    cursor: pointer;
}

.profile-close:hover {
    opacity: 0.6;
    transition: .4s;
}

.profile-close:after {
    content: "";
    background: #000;
    width: 1px;
    height: 100%;
    position: absolute;
    top: 0;
    left: 10px;
    z-index: 44;
    transform: rotate(45deg)
}

.profile-close:before {
    content: "";
    background: #000;
    width: 1px;
    height: 100%;
    position: absolute;
    top: 0;
    left: 10px;
    z-index: 44;
    transform: rotate(-45deg)
}

@media only screen and (min-width: 250px) and (max-width: 419px) {
    .profile-close {
	top: 15px;
	right: 0;
    }
}

.close {
    font-size: 27px;
}

.overlay-img {
    position: absolute;
    display: block;
    width: 575px;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.5);
    cursor: pointer;
    max-height: 460px;
    text-align: center;
}

.overlay-btns {
    top: 50%;
    transform: translateY(-50%);
    position: relative;
}

.btn-overlay-img {
    background: transparent;
    border: 1px solid #ffffff;
    padding: 10px 40px;
    color: #fff;
    text-transform: uppercase;
    margin-bottom: 15px;
    width: 350px;
}

.errorMessage {
    vertical-align: top;
    color: #FF0000;
}

.btn-overlay-img:hover,
.btn-overlay-img.active {
    color: #f05455;
    border: 1px solid #f05455;
}

.twitter-approve-btn a {
    float: none !important;
}

.twitter-approve-btn .approve_btn {
    float: none !important;
    text-align: center !important;
}

#content_group_dd .iframe-social a {
    cursor: default;
}

.margin-20 {
    margin: 20px !important;
}

.did-you-mean {
    display: inline-block;
    margin-top: 5px;
    margin-right: 5px;
}

.feed-source-loader {
    margin-top: -32px;
    margin-right: 20px;
}

.btn-source[disabled] {
    background: grey;
}

.feed-valid-check {
    color: green;
    font-size: 20px;
    margin-top: -35px;
    margin-right: 20px;
}

.feed-invalid-check {
    color: red;
    font-size: 20px;
    margin-top: -35px;
    margin-right: 20px;
}

@media only screen and (max-width: 767px) and (min-width: 250px) {
    .post_view_count {
	color: white;
	background: #00A3E5;
	vertical-align: bottom;
	font-size: 16px;
	padding-top: 0;
	height: 22px;
	text-align: center;
	display: table;
	width: 35px;
	margin: 0;
	border-radius: 3px;
	clear: both;
	position: absolute;
	right: 65px;
	line-height: 22px;
	top: 12px;
    }
    .bonfires.expand .post_body {
	font-size: 14px;
	padding-bottom: 30px;
	color: #777;
	height: 100%;
	max-height: 157px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	padding-right: 0;
	padding-top: 0;
    }
    .bonfires .post_body h2 {
	text-transform: uppercase;
	font-weight: 500;
	margin: 29px 0 58px;
	font-size: 22px;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	position: relative;
	top: 26px;
    }
}

@media only screen and (max-width: 992px) and (min-width: 768px) {
    .profile-pic .col-xs-6 {
	top: 0 !important;
    }
}

.campaign-dashboard * {
    letter-spacing: 0;
}

.campaign-dashboard {
    overflow: hidden;
}

.campaign-aside,
.campaign-information {
    overflow-y: auto;
    height: 100vh;
    position: relative;
}

.campaign-information {
    padding: 65px 0 0;
}

.campaign-dashboard,
.campaign-dashboard label,
.campaign-dashboard p {
    padding: 0;
    color: #58595b;
}

.campaign-dashboard h1,
.campaign-dashboard h2,
.campaign-dashboard h3,
.campaign-dashboard h4,
.campaign-dashboard h5,
.campaign-dashboard h6 {
    padding: 0;
}

.campaign-side {
    background: #f1f2f2;
    min-height: 100vh;
}

.create-campaign a {
    font-size: 18px;
    text-transform: uppercase;
    color: #fff;
    background: #49c0eb;
    display: table;
    width: 100%;
    text-align: center;
    font-weight: bold;
    padding: 18px 20px;
}

.campaign-nav li a {
    display: table;
    width: 100%;
    padding: 15px 20px;
    font-size: 15px;
    font-weight: 400;
    color: #626773;
}

.campaign-nav li a:hover,
.campaign-nav li.active a {
    background: #e6e7e8;
}

.campaign-nav li a i {
    min-width: 25px;
    font-size: 17px;
}

.campaign-head {
    padding: 0 30px;
    border-bottom: 1px solid #e6e7e9;
    background: #fff;
    height: 65px;
    top: 0;
    left: 16.6666666%;
    width: calc(100% - 16.66666% - 14px);
    position: fixed;
    z-index: 555;
    margin-top: 50px;
}

.campaign-head h3 {
    font-weight: bold;
    color: #676a6c;
    font-size: 24px;
    margin: 20px 0 0;
    float: left;
}

.campaign-head a {
    margin-top: 14px;
}

.campaign-inner {
    padding: 0 30px;
}

.campaign-overview {
    margin: 30px 0;
    background: #f2f2f2;
    padding: 7px 15px;
}

.campaign-overview span {
    font-size: 18px;
    font-weight: bold;
    margin-right: 20px;
    display: inline-block;
    color: #676b6e;
}

.campaign-overview-detail {
    background: #fcb040;
    border-radius: 3px;
    font-size: 12px;
    display: inline-block;
    padding: 3px 13px;
    color: #fff;
}

.campaign-overview-detail b {
    margin-left: 5px;
}

.timeframe {
    padding: 0 15px 30px;
}

.timeframe>span {
    font-size: 15px;
    margin-right: 15px;
    display: inline-block;
    vertical-align: top;
    position: relative;
    top: 15px;
}

.campaign-stats .item {
    padding: 35px 20px;
    text-align: center;
    border-radius: 5px;
    border: 1px solid #000;
    margin-bottom: 20px;
}

.campaign-stats .item h3 {
    margin: 0 0 5px;
    font-size: 36px;
    font-weight: bold;
}

.campaign-stats .item span {
    font-size: 14px;
    text-transform: uppercase;
    color: #a8a9ad;
}

.campaign-stats .row {
    margin: 0 -30px;
}

.campaign-stats .col-sm-3 {
    padding: 0 20px;
}

.campaign-stats {
    margin-bottom: 30px;
    z-index: -1;
}

.influencer-stats .item {
    height: auto;
    padding: 20px 20px;
    border-radius: 4px;
    margin-bottom: 20px;
}

.influencer-stats .item:after {
    content: "";
    display: table;
    clear: both;
}

.influencer-stats .item.completions {
    background-color: #4FC1E9;
}

.influencer-stats .item.completions i {
    color: #4FC1E9;
    margin-left: -3px;
}

.influencer-stats .item.reach {
    background-color: #153465;
}

.influencer-stats .item.reach i {
    color: #153465;
    margin-left: -1px;
}

.influencer-stats .item.price {
    background-color: #F9AF4C;
}

.influencer-stats .item.price i {
    color: #F9AF4C;
}

.influencer-stats .item.engage {
    background-color: #EF6567;
}

.influencer-stats .item.engage i {
    color: #EF6567;
    margin-left: -1px;
    margin-top: -1px;
}

.influencer-stats .item.fb {
    background-color: #3c5b9b;
}

.influencer-stats .item.fb i {
    color: #3c5b9b;
    margin-right: 0;
}

.influencer-stats .item.twitter {
    background-color: #2daae1;
}

.influencer-stats .item.twitter i {
    color: #2daae1;
    margin-right: 0;
    margin-left: -2px;
}

.influencer-stats .item.yt {
    background-color: #ff0000;
}

.influencer-stats .item.yt i {
    color: #ff0000;
    margin-left: -2px;
}

.influencer-stats .item.ig {
    background: #8A2387;
    background: linear-gradient(to right, #F27121, #E94057, #8A2387);
}

.influencer-stats .item.ig {
    background: #8A2387;
    background: linear-gradient(to right, #F27121, #E94057, #8A2387);
}

.influencer-stats .item.ig i {
    color: #E94057;
}

.influencer-stats .item .icon {
    background-color: #fff;
    width: 48px;
    height: 48px;
    font-size: 24px;
    line-height: 48px;
    border-radius: 30px;
    text-align: center;
}

.influencer-stats .item h3 {
    margin: 0;
    line-height: 1em;
    font-size: 24px;
    color: #fff;
}

.influencer-stats .item span {
    font-size: 12px;
    text-transform: uppercase;
    color: rgba(255,255,255,0.5);
}

.influencer-stats .row {
    margin: 0 -30px;
}

.influencer-stats .col-sm-3 {
    padding: 0 10px;
}

.influencer-stats {
    margin-bottom: 30px;
    z-index: -1;
}

.tasks-status {
    margin: 0 0 30px;
    background: #f2f2f2;
    padding: 7px 15px;
    color: #5d5e60;
}

.tasks-status span {
    font-size: 18px;
    font-weight: bold;
    margin-right: 20px;
    display: inline-block;
    color: #676b6e;
}

.tasks-status label {
    background: #fcb040;
    border-radius: 3px;
    font-size: 14px;
    display: inline-block;
    padding: 4px 13px;
    color: #fff;
    font-weight: bold;
    margin: 0 !important;
}

.tasks-table table {
    border-collapse: collapse;
    width: 100%;
}

.tasks-table th {
    background-color: transparent;
    font-weight: bold;
    border: none !important;
    color: #626672;
    padding: 15px !important;
    border-bottom: 1px solid #f2f2f2 !important;
}

.tasks-table th,
.tasks-table td {
    border: none;
    padding: 15px;
    text-align: left;
    color: #616773;
    font-size: 16px;
}

.tasks-table tr {
    border-bottom: 1px solid #f2f2f2;
}

.tasks-table tr:last-child {
    border-bottom: none !important;
}

.tt-status.no-action {
    color: #ef6565;
}

.tt-status.in-progress {
    color: #133366;
}

.tt-status.completed {
    color: #82c341;
}

.tt-status.pending {
    color: #fcb040;
}

@media (max-width: 1100px) {
    .tasks-table thead tr {
	position: absolute;
	top: -9999em;
	left: -9999em;
    }
    .tasks-table tr {
	border: 1px solid #ddd;
	border-bottom: 0;
    }
    .tasks-table tr+tr {
	margin-top: 1.5em;
    }
    .tasks-table tr,
    .tasks-table td {
	display: block;
    }
    .tasks-table tr {
	width: calc(100% - 30px);
    }
    .tasks-table.tasks-table-v2 tr {
	width: 100%;
    }
    .tasks-table td {
	border: none;
	border-bottom: 1px solid #ddd;
	padding-left: 50%;
    }
    .tasks-table td:before {
	content: attr(data-label);
	display: inline-block;
	font-weight: bold;
	line-height: 1.5;
	margin-left: -100%;
	width: 100%;
    }
}

@media (max-width: 20em) {
    .tasks-table td {
	padding-left: 0.75em;
    }
    .tasks-table td:before {
	display: block;
	margin-bottom: 0.75em;
	margin-left: 0;
    }
}

.tt-campaign a {
    color: #626672;
    font-size: 16px;
    font-weight: bold;
}

.tt-campaign a:hover {
    color: #46c0e9;
}

.tasks-table td:first-child {
    width: 24%;
}

.tt-influencer {
    position: relative;
    height: 110px;
    padding-left: 115px !important;
    ;
}

.tt-influencer .thumb {
    width: 80px;
    height: 80px;
    float: left;
    margin-right: 20px;
    position: absolute;
    top: 15px;
    left: 15px;
}

.tt-influencer h4 {
    margin: 0 0 3px;
    font-size: 16px;
    color: #606672;
}

.tt-influencer a {
    font-size: 14px;
    color: #a9aaae;
}

.tt-influencer h4,
.tt-influencer a {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    width: 100%;
}

.tt-task a {
    font-size: 16px;
    font-weight: bold;
    color: #46c0e9;
}

.tt-status {
    font-weight: bold;
}

.tt-status.revision,
.tt-status.proposal {
    color: #fcb042;
}

.tt-status.accepted,
.tt-status.new {
    color: #47c0eb;
}

.tt-status.declined {
    color: #f26463;
}

.tt-task a {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    display: inline-block;
    width: 150px;
}

.btn-primary-outline,
a.btn-primary-outline,
.tasks-table td .review {
    min-width: 120px;
    font-size: 16px;
    text-transform: uppercase;
    background: #fff;
    text-align: center;
    font-weight: bold;
    padding: 11px 20px;
    border-radius: 4px;
    color: #49c0eb;
    border: 1px solid #49c0eb;
    display: inline-block;
}

.btn-primary-outline:hover,
.tasks-table td .review:hover {
    color: #fff;
    background: #49c0eb;
    border: 1px solid #49c0eb;
}

.tasks-table td .tasks {
    min-width: 130px;
    font-size: 18px;
    text-transform: uppercase;
    background: #fff;
    text-align: center;
    font-weight: bold;
    padding: 12px 20px;
    border-radius: 3px;
    color: #49c0eb;
    border: 1px solid #49c0eb;
    display: inline-block;
}

.tasks-table td .tasks:hover {
    color: #fff;
    background: #49c0eb;
    border: 1px solid #49c0eb;
}

.tasks-table td.tt-budget,
.tasks-table td.tt-offer {
    width: 10%;
}

.campaign-stats .item.views {
    border: 1px solid #49c0eb;
}

.campaign-stats .item.total-engagement {
    border: 1px solid #fcb040;
}

.campaign-stats .item.published {
    border: 1px solid #133366;
}

.campaign-stats .item.spend {
    border: 1px solid #f26463;
}

.campaign-stats .item.views h3 {
    color: #49c0eb;
}

.campaign-stats .item.total-engagement h3 {
    color: #fcb040;
}

.campaign-stats .item.published h3 {
    color: #133366;
}

.campaign-stats .item.spend h3 {
    color: #f26463;
}

.page-nav {
    padding: 15px 0 45px;
    display: table;
}

.page-nav ul li {
    float: left;
    margin-right: 30px;
}

.page-nav ul li a {
    font-size: 18px;
    color: #a8a9ad;
}

.page-nav ul li.active a,
.page-nav ul li a:hover {
    color: #49c0eb;
}

.campaign-dashboard .vDrop {
    position: relative;
    margin-bottom: 0;
    height: 50px;
    color: #555;
    width: 100%;
    min-width: 180px;
    z-index: 99;
}

.campaign-dashboard .vDrop select {
    visibility: hidden;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
}

.campaign-dashboard .vDrop .vClicker {
    padding: 13px 40px 13px 20px;
    position: relative;
    width: 100%;
    font-size: 14px;
    color: #757575;
    border-radius: 5px;
    border: 1px solid #ebecec;
    height: 50px;
    display: inline-flex;
}

.campaign-dashboard .vDrop .vClicker:hover {
    color: #626773;
}

.campaign-dashboard .vDrop ul {
    top: 48px;
    min-width: 1px;
    max-width: 100%;
    border: 1px solid #ebecec;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    width: 100%;
    border-radius: 0 0 5px 5px;
}

.campaign-dashboard .vDrop ul li:first-child {
    display: none;
}

.campaign-dashboard .vDrop ul li a,
.campaign-dashboard .vDrop ul li a.selected,
.campaign-dashboard .vDrop ul li a:hover {
    background: #fff;
    color: #a7a9ac;
    height: 50px;
    padding: 13px 20px;
    font-size: 16px;
    border-bottom: 1px solid #ebecec;
}

.campaign-dashboard .vDrop ul li:last-child a {
    border-bottom: none;
}

.campaign-dashboard .vDrop ul li a:hover {
    color: #626773;
}

.campaign-dashboard .vDrop .vClicker {
    cursor: pointer;
    white-space: nowrap;
    overflow: hidden;
    padding-right: 40px !important;
    text-overflow: ellipsis;
}

.campaign-dashboard .drop-up .vDrop ul {
    top: auto;
    border-radius: 5px 5px 0 0;
    bottom: 60px;
    border-bottom: none;
}

body.campaign-dashboard .vDrop .vClicker .vArrow {
    border: none;
    padding: 0;
    background: transparent !important;
    right: 20px;
    height: 190px;
}

body.campaign-dashboard .vDrop .vClicker .vArrow::after {
    content: '';
    position: absolute;
    border-style: solid;
    border-width: 7px 7px 0;
    border-color: #626773 transparent;
    display: block;
    width: 0;
    z-index: 1;
    top: 21px;
    right: 0;
}

.timeframe .vDrop {
    width: 205px;
    display: inline-block;
}

.campaign-dashboard .wrapper {
    position: relative;
    width: 100%;
    overflow: hidden;
}

@media only screen and (min-width: 250px) and (max-width: 1100px) {
    .campaign-side {
	background: #f1f2f2;
	height: 100vh;
	position: fixed;
	z-index: 777;
	width: 280px;
	left: -280px;
	transition: .4s;
	overflow-y: auto;
    }
    .mobnav-act .campaign-side {
	left: 0;
    }
    .campaign-information {
	left: 0;
	position: relative;
	transition: .4s;
    }
    .mobnav-act .campaign-information {
	left: 280px;
	position: relative;
	transition: .4s;
	overflow: hidden;
    }
    .campaign-head {
	transition: .4s;
    }
    .mobnav-act .campaign-head {
	left: 280px;
	transition: .4s;
    }
    .campaign-head {
	padding: 0 10px 0 70px;
	border-bottom: 1px solid #e6e7e9;
	background: #fff;
	height: auto;
	top: 0;
	left: 0;
	width: 100%;
	position: fixed;
	z-index: 555;
    }
    .campaign-mob-nav {
	background: transparent;
	width: 56px;
	position: absolute;
	top: 0;
	left: 0;
	line-height: 65px;
	font-size: 26px;
	color: #999;
	padding-left: 15px;
	border-right: 1px solid #e6e7e9;
	cursor: pointer;
    }
    .tasks-table td.tt-budget,
    .tasks-table td.tt-offer {
	width: 100%;
    }
    .tasks-table td:first-child {
	width: 100%;
    }
}

@media only screen and (min-width: 420px) and (max-width: 1100px) {
    .tt-influencer .thumb {
	left: 50%;
    }
    .campaign-stats .col-sm-3 {
	padding: 0 20px;
	width: 50%;
	float: left;
    }
    .tt-influencer h4 {
	margin-top: 15px;
    }
}

@media only screen and (min-width: 250px) and (max-width: 419px) {
    .campaign-head h3 {
	font-size: 21px;
    }
    .timeframe>span {
	font-size: 15px;
	margin-right: 15px;
	display: inline-block;
	vertical-align: top;
	position: relative;
	top: 0;
	width: 100%;
	margin-bottom: 5px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 1100px) {
    .campaign-aside,
    .campaign-information {
	width: 100%;
    }
    .tasks-table tr {
	width: 100%;
    }
}

@media only screen and (min-width: 420px) and (max-width: 767px) {
    .tasks-table tr {
	width: 100%;
    }
}

@media only screen and (min-width: 993px) and (max-width: 1100px) {
    .campaign-stats .col-sm-3 {
	width: 25%;
    }
    .campaign-mob-nav {
	display: block !important;
    }
}

.campaign-filter {
    padding: 30px 0 20px;
}

.campaign-filter .vDrop .vClicker {
    color: #a7a8ac;
}

.brands-head h4 {
    font-size: 18px;
    font-weight: 300;
}

.brands-head h4 i {
    color: #49c0eb;
    margin-right: 5px;
}

.brands-head {
    padding: 30px 0;
}

.brands-head .vDrop {
    max-width: 320px;
    min-width: 320px;
    float: left;
    margin-right: 15px;
}

.brands-head a.btn-primary-outline {
    margin-left: 10px;
}

.brand-list .container-fluid {
    padding: 0 30px;
}

.brand-list .row {
    margin: 0 -10px;
}

.brand-list .col-sm-3 {
    padding: 0 10px;
}

.brand-item {
    margin-bottom: 20px;
    border: 1px solid #e7e7e7;
    border-radius: 5px;
    padding: 20px;
    cursor: pointer;
    position: relative;
}

.brand-item:hover {
    border: 1px solid #47c2ec;
}

.brand-excerpt {
    padding: 0 10px;
}

.brand-excerpt h4 {
    font-size: 16px;
    font-weight: bold;
    color: #616773;
    margin: 10px 0;
}

.brand-excerpt a {
    font-size: 16px;
    color: #636675;
}

.brand-cat {
    font-size: 16px;
    display: block;
    margin: 10px 0;
    color: #47c2ec;
}

.brand-excerpt p {
    color: #a8a9ad;
    max-height: 75px;
    overflow: hidden;
}

.brand-item .close {
    background: #f26463;
    opacity: 0;
    color: #fff;
    text-shadow: none;
    width: 25px;
    height: 25px;
    font-size: 15px;
    line-height: 23px;
    text-align: center;
    position: absolute;
    top: -12px;
    right: -10px;
    border-radius: 50%;
    padding: 0;
}

.brand-item:hover .close {
    opacity: 1;
}

.mc-filter {
    margin-bottom: 30px;
}

.mc-filter .col-sm-2 {
    width: 19.4444444433%;
}

.mc-filter .row {
    margin: 0 -10px;
}

.mc-filter[class*="col-"] {
    padding: 0 10px;
}

.manage-campaign-wrap .tab-content {
    padding: 30px 15px;
}

.mc-item {
    border: 1px solid #e6e7e9;
    padding: 30px;
    border-radius: 5px;
    margin-bottom: 20px;
}

.mc-item>.row>.col-sm-3 {
    width: 20%;
}

.mc-item>.row>.col-sm-9 {
    width: 80%;
}

.mc-item h3 {
    font-size: 24px;
    color: #37bae9;
    font-weight: bold;
    margin: 0 0 20px;
    width: calc(100% - 200px);
    float: left;
}

.mc-item label {
    float: right;
    background: #fcb040;
    padding: 6px 20px;
    color: #133366;
    font-size: 15px;
    border-radius: 3px;
}

.mc-item p {
    color: #616872;
    font-size: 16px;
    margin: 0;
}

.product-actions {
    margin-top: 22px;
}

.product-actions span.info {
    font-size: 15px;
    background: #f2f2f2;
    padding: 13px 10px;
    display: inline-block;
    margin: 0 15px 15px 0;
    color: #143467;
}

.product-actions .vDrop {
    float: right;
    max-width: 130px;
}

.manage-campaign-wrap .nav-tabs.nav-justified {
    border-bottom: 1px solid #49c0eb;
    margin: 0;
    padding: 0;
}

.manage-campaign-wrap .nav-tabs.nav-justified>.active>a {
    background: #49c0eb !important;
    color: #fff;
}

.manage-campaign-wrap .nav-tabs.nav-justified>li>a {
    padding: 15px 15px;
    text-transform: none;
    border: none !important;
    border-radius: 0;
}

.timeframe .chosen-container,
.product-actions .chosen-container {
    max-width: 200px;
    min-width: 200px !important;
}

.product-actions .views {
    color: #49c0eb;
    padding: 14px 10px;
    float: left;
}

.product-actions .views span {
    margin: 0 5px;
}

.campaign-social a {
    background: #d1d3d4;
    color: #fff !important;
    width: 35px;
    height: 35px;
    display: inline-block;
    font-size: 19px;
    line-height: 35px;
    text-align: center !important;
    border-radius: 50%;
    margin: 0 20px 10px 0;
}

.campaign-social a i {
    color: #fff !important;
    text-align: center !important;
    margin: 0 !important;
}

.campaign-social a:hover {
    background: #00a0e4;
    color: #fff;
}

.influencers-list {
    padding: 30px 15px;
}

.influencers-list .item {
    border: 1px solid #e6e7e8;
    border-radius: 5px;
}

.influencer-name {
    padding: 11px 15px;
    font-size: 16px;
    font-weight: bold;
    color: #555555;
}

.influencer-name span {
    cursor: pointer;
    color: #d1d3d4;
    margin-right: 5px;
    font-size: 20px;
    transition: .4s;
}

.influencer-name span.liked,
.influencer-name span:hover {
    color: #f16464;
    transition: .4s;
}

.influencer-thumb {
    height:300px;
    background-color: #ddd;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}

.influencers-list .item {
    margin-bottom: 20px;
    position: relative;
}

.influencers-list .item .dropdown {
    position: absolute;
    top: 11px;
    right: 2px;
}

.influencers-list .item .dropdown .dropdown-menu {
    right: 10px;
    left: auto;
    padding: 0;
}

.influencers-list .item .dropdown .dropdown-menu>li>a {
    font-size: 14px;
    color: #555;
    font-weight: 400;
    letter-spacing: 1px;
    padding: 10px 15px;
}

.influencers-list .item .dropdown .dropdown-menu>li>a:hover {
    color: #555;
    background: #f5f5f5;
}

.influencers-list .item .dropdown button {
    color: #58595b;
    padding: 0;
    border: none;
    background: transparent;
    font-size: 25px;
    text-align: right;
}

.influencers-list .item .content {
    padding: 20px;
}

.influencers-list .item .content ul {
    border: 1px solid #f1f2f2;
    border-radius: 5px;
    overflow: hidden;
}

.influencers-list .item .content ul li {
    padding: 15px 5px;
    width: 50%;
    float: left;
    text-align: center;
    font-size: 18px;
    color: #000;
    font-weight: bold;
}

.influencers-list .item .content ul li span {
    color: #888888;
    display: block;
    font-size: 11px;
    font-weight: 300;
    line-height: 1;
    margin-top: 5px;
}

.influencers-list .item .content ul li:first-child {
    border-right: 1px solid #f1f2f2;
    border-bottom: 1px solid #f1f2f2;
}

.influencers-list .item .content ul li:nth-child(2) {
    border-bottom: 1px solid #f1f2f2;
}

.influencers-list .item .content ul li:nth-child(3) {
    border-right: 1px solid #f1f2f2;
}

.influencers-list .item .social {
    display: table;
    margin: 10px auto;
    min-height: 30px;
}

.influencers-list .item .social a {
    background: #d1d3d4;
    color: #fff;
    width: 30px;
    height: 30px;
    display: inline-block;
    font-size: 15px;
    line-height: 30px;
    text-align: center;
    border-radius: 50%;
    margin: 0 2px;
}

.influencers-list .item .social .cs-tweet {
    background: #2daae1;
}

.influencers-list .item .social .cs-fb {
    background: #3c5b9b;
}

.influencers-list .item .social .cs-tweet i,
.influencers-list .item .social .cs-fb i {
    color: #fff !important;
    margin: 0;
}

.influencers-list .item .social .cs-instagram {
    background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285AEB 90%);
}

.influencers-list .item .social .cs-youtube {
    background: #fe3432;
}

.influencers-list .item .social .cs-google {
    background: #f63d27;
}

.influencers-list .item .dual-btns a {
    min-width: inherit;
    margin: 0 5px !important;
    width: calc(50% - 10px);
}

.influencers-list .item .dual-btns a.btn-primary {
    font-size: 11px;
}

.influencers-list .item .dual-btns a.btn-primary-outline {
    margin: 0 3px;
    float: left;
    padding: 14px 20px !important;
    font-size: 11px;
}

.influencers-list .row {
    margin: 0 -5px;
}

.influencers-list .col-sm-4,
.influencers-list .col-sm-3 {
    padding: 0 10px;
}

.campaign-dashboard input {
    height: 50px;
    padding: 0 25px;
    position: relative;
    width: 100%;
    border: 1px solid #ebecec;
    border-radius: 5px;
    margin-bottom: 15px;
    font-size: 15px;
    color: #333;
    background: #fff;
}

.influencers-filter>div {
    background: #f0f0f0;
    padding: 0 20px 30px 20px;
    height: 100%;
}

.influencers-filter>div h4 {
    margin: 0 -20px 25px;
    font-size: 18px;
    font-weight: bold;
    padding: 20px;
    border-bottom: 1px solid #e7e8e9;
    color: #333;
}

.influencers-filter>div label {
    font-size: 14px;
    color: #58595b;
    margin: 10px 0;
    font-weight: 600;
}

.influencers-filter>div input {
    margin-bottom: 0;
}

.campaign-dashboard .influencers-filter .vDrop {
    z-index: inherit;
}

.campaign-dashboard .influencers-filter .vClicker.open+ul {
    z-index: 99;
}

.campaign-rbox .rbox {
    position: relative;
    display: inline-block;
    margin-right: 30px;
}

.campaign-rbox .rbox label {
    font-size: 16px;
    font-weight: 400;
    line-height: 22px;
    color: #6d6e71;
    margin: 0 0 10px;
    padding: 0 0 0 25px;
    position: relative;
}

.campaign-rbox .rbox label:before {
    content: "";
    width: 16px;
    height: 16px;
    border: 1px solid #ddd;
    position: absolute;
    left: 0;
    top: 4px;
    border-radius: 50%;
}

.campaign-rbox .rbox label:after {
    content: "";
    width: 10px;
    height: 10px;
    background: #5a5b5d;
    position: absolute;
    left: 3px;
    top: 7px;
    border-radius: 50%;
    opacity: 0;
}

.campaign-rbox {
    margin: 5px 0 12px;
}

.campaign-rbox .rbox input:checked+label:after {
    opacity: 1;
}

.campaign-rbox .rbox input {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 111;
    opacity: 0;
}

.ui-widget.ui-widget-content {
    z-index: 500 !important;
}

.date {
    background: #f1f2f2;
    border-radius: 5px;
    margin-bottom: 15px;
    position: relative;
}

.date input {
    margin: 0;
    background: transparent;
    border: 1px solid #eaeaeb;
    color: #000;
    position: relative;
    z-index: 22;
}

.date i {
    position: absolute;
    top: 20px;
    right: 10px;
    font-size: 23px;
    color: #a7a9ac;
}

.introduction-image {
    padding: 0 165px 0 0;
    position: relative;
    display: block;
    min-height: 70px;
}

.introduction-image span {
    float: left;
    position: relative;
    top: 12px;
}

.introduction-image input {
    width: 135px;
    height: 50px;
    position: absolute;
    top: 0;
    right: 10px;
    z-index: 22;
    opacity: 0;
    cursor: pointer;
}

.introduction-image label {
    background: #e6e7e8;
    cursor: pointer;
    color: #666;
    width: 135px;
    height: 50px;
    position: absolute;
    top: 0;
    right: 10px;
    font-size: 14px;
    text-align: center;
    line-height: 50px;
    border-radius: 5px;
    font-weight: bold;
}

.introduction-image input:hover+label {
    background: #48c0eb;
    color: #fff;
}

.upload-progress {
    padding: 0 0 0 40px;
    position: relative;
    margin-bottom: 26px;
}

.upload-progress i {
    color: #d1d3d4;
    position: absolute;
    top: 2px;
    left: 0;
    font-size: 32px;
}

.upload-progress label {
    font-size: 14px;
    font-weight: 400;
    text-decoration: underline;
    display: block;
    margin-bottom: 15px;
}

.upload-progress .progress-bar {
    background: #00a3e5 !important;
}

.campaign-dashboard .vDrop .vClicker.open+ul {
    z-index: 99;
}

.bg-overlay {
    position: fixed;
    background: #000;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    z-index: 777;
    opacity: 0;
    visibility: hidden;
    transition: .4s;
}

body.offers-active .bg-overlay,
body.message-active .bg-overlay,
body.reviews-active .bg-overlay,
body.campaign-active .bg-overlay,
body.profile-active .bg-overlay {
    opacity: 0.7;
    visibility: visible;
    transition: .4s;
}

.profile-iframe {
    background: #fff;
    position: absolute;
    top: 0;
    right: -85%;
    width: 85%;
    z-index: 888;
    max-width: 1250px;
    opacity: 0;
    visibility: hidden;
    transition: .4s;
    margin-top:50px;
}

body.message-active .message-iframe,
body.offers-active .offers-iframe,
body.reviews-active .reviews-iframe,
body.campaign-active .campaign-iframe,
body.profile-active .profile-iframe {
    right: 0;
    opacity: 1;
    visibility: visible;
    transition: .4s;
    margin-top:56px;
}

body.message-active,
body.offers-active,
body.reviews-active,
body.campaign-active,
body.profile-active {
    overflow: hidden;
}

.tt-influencer {
    cursor: pointer;
}

.offers-iframe .container,
.message-iframe .container,
.reviews-iframe .container,
.campaign-iframe .container,
.profile-iframe .container {
    max-width: 100%;
}

.offers-iframe .container,
.messages-iframe .container,
.reviews-iframe .container,
.campaign-iframe .container {
    padding: 0;
}

.profile-iframe .container .row>.col-sm-4 {
    width: 290px;
    padding: 0 20px;
    border-right: 1px solid #edeeef;
    overflow: auto !important;
    height: 100vh;
}

.profile-iframe>.container>.row>.col-sm-8 {
    width: calc(100% - 290px);
    padding: 0;
    overflow: auto !important;
    height: 100vh;
}

.profile-author {
    text-align: center;
    padding: 15px 0;
}

.profile-author h4 {
    font-size: 20px;
    font-weight: bold;
    color: #555555;
    margin: 0;
}

.profile-author p {
    color: #a9abae;
    margin: 0;
}

.profile-thumb {
    padding: 0 30px;
}

.profile-stats {
    padding: 0 30px;
}

.profile-stats ul {
    overflow: hidden;
}

.profile-stats ul li {
    padding: 15px 5px;
    width: 50%;
    float: left;
    text-align: center;
    font-size: 18px;
    color: #000;
    font-weight: bold;
}

.profile-stats ul li span {
    color: #888888;
    display: block;
    font-size: 11px;
    font-weight: 300;
    line-height: 1;
    margin-top: 5px;
}

.profile-social {
    display: table;
    margin: 10px auto;
}

.profile-social a {
    background: #d1d3d4;
    color: #fff;
    width: 30px;
    height: 30px;
    display: inline-block;
    font-size: 15px;
    line-height: 30px;
    text-align: center;
    border-radius: 50%;
    margin: 0 2px;
}

.profile-social .cs-tweet {
    background: #2daae1;
}

.profile-social .cs-fb {
    background: #3c5b9b;
}

.profile-social .cs-tweet i,
.profile-social .cs-fb i {
    color: #fff !important;
    margin: 0;
}

.profile-social .cs-instagram {
    background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285AEB 90%);
}

.profile-social .cs-youtube {
    background: #fe3432;
}

.profile-social .cs-google {
    background: #f63d27;
}

.statistics {
    margin: 30px 0 0;
    display: table;
    width: 100%;
}

.profile-categories h5,
.statistics h5 {
    font-size: 16px;
    font-weight: bold;
    color: #555555;
    border: solid #f8f8f8;
    padding: 18px 20px;
    border-width: 1px 0;
    margin: 0 -20px 20px;
}

.statistics ul li {
    font-size: 18px;
    color: #48c0eb;
    font-weight: bold;
    padding-left: 35px;
    position: relative;
    margin-bottom: 15px;
}

.statistics ul li span {
    color: #888888;
    display: block;
    font-size: 11px;
    font-weight: 400;
    line-height: 1;
    margin-top: 0;
    text-transform: uppercase;
}

.statistics ul li i {
    color: #bcbec0 !important;
    position: absolute;
    top: 50%;
    left: 0;
    font-size: 16px;
    transform: translateY(-50%);
}

.profile-pricing {
    margin: 20px -20px 0;
    display: table;
    width: calc(100% + 40px);
    border-top: 1px solid #f8f8f8;
    padding: 16px 20px 12px;
}

.profile-pricing h5 {
    font-size: 16px;
    font-weight: bold;
    color: #555555;
    float: left;
    margin: 0;
}

.profile-pricing a {
    font-size: 16px;
    float: right;
    color: #48c0eb;
}

.profile-categories {
    margin: 0 0 30px;
    display: table;
    width: 100%;
}

.profile-categories a {
    background: #f1f2f2;
    color: #bfc1c3;
    font-size: 12px;
    font-weight: bold;
    display: inline-block;
    padding: 2px 10px;
    margin: 0 4px 7px 0;
    border-radius: 3px;
}

.profile-categories a:hover {
    color: #fff;
    background: #48c0eb;
}

.author-overview .head {
    padding: 10px 20px;
    border-bottom: 1px solid #f8f8f8;
    display: table;
    width: 100%;
}

.author-overview .head h3 {
    font-size: 22px;
    font-weight: bold;
    color: #77797b;
    float: left;
    margin: 9px 0 0;
}

.author-overview .head .dual-btns {
    float: right;
}

.author-overview .head .dual-btns a {
    float: left;
    height: 46px;
    margin-right: 15px;
    padding: 0 20px;
    line-height: 46px;
}

.profile-like {
    float: right;
    font-size: 16px;
    font-weight: bold;
    color: #77797b;
    text-transform: uppercase;
    line-height: 46px;
    cursor: pointer;
}

.profile-like i {
    color: #f16464;
    font-weight: normal;
    margin-right: 5px;
}

.author-overview .mc-filter {
    padding: 25px 20px;
    margin: 0;
}

.author-overview-content {
    padding: 0 20px;
}

.author-overview-content .mc-item>.row>.col-md-4 {
    width: 25%;
}

.author-overview-content .mc-item>.row>.col-md-8 {
    width: 75%;
}

.author-overview-content .mc-item p {
    font-size: 15px;
}

.offers-iframe .mc-item h3,
.reviews-iframe .mc-item h3,
.campaign-iframe .mc-item h3,
.author-overview-content .mc-item h3 {
    font-size: 20px;
    color: #616872;
}

.task-blog>h4,
.working-tasks h4 {
    padding: 10px 10px;
    border-radius: 3px;
    background: #f1f2f2;
    font-size: 16px;
    font-weight: bold;
    color: #77797b;
}

.working-tasks table tr,
.working-tasks table td,
.working-tasks table th {
    border: none !important;
    border-bottom: 1px solid #f8f8f8 !important;
    padding: 15px 10px !important;
    color: #787a7c;
    font-size: 15px;
}

.working-tasks table tr a:not(.label),
.working-tasks table td a:not(.label),
.working-tasks table th a:not(.label) {
    color: #787a7c;
    font-size: 15px;
    white-space: nowrap;
    width: 225px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
}

.working-tasks table tbody tr td:first-child {
    width: 300px !important;
    text-overflow: ellipsis;
}

.working-tasks table tbody tr td:nth-child(2) {
    width: 270px !important;
    text-overflow: ellipsis;
}

.working-tasks table tr a.label {
    background: #999;
    color: #fff;
    padding: 6px 10px 6px;
    border-radius: 3px;
    display: inline-block;
}

.working-tasks table tr a.label.label-working-on {
    background: #133367;
}

.working-tasks table tr a.label.label-pending {
    background: #fbb040;
}

.working-tasks table tr a.label.label-completed {
    background: #82c341;
}

.working-tasks table tr a.label.label-no-action {
    background: #f16464;
}

.offers-iframe-close,
.message-iframe-close,
.reviews-iframe-close,
.campaign-iframe-close,
.profile-iframe-close {
    width: 31px;
    height: 68px;
    background: url(../../assets/img/close.png) no-repeat center;
    position: absolute;
    top: 15px;
    left: -31px;
    cursor: pointer;
}

.offers-iframe,
.reviews-iframe,
.campaign-iframe {
    background: #fff;
    position: absolute;
    top: 0;
    right: -85%;
    width: 85%;
    height: 100%;
    z-index: 888;
    max-width: 1250px;
    opacity: 0;
    visibility: hidden;
    transition: .4s;
    margin-top: 50px;
}

.campaign-iframe .tab-content>.tab-pane {
    position: relative;
    overflow: auto;
    height: calc(100vh - 185px);
}

.campaign-iframe .manage-campaign-wrap .nav-tabs.nav-justified>li>a {
    margin: 0;
    font-size: 16px;
}

.campaign-iframe .mc-item {
    padding: 20px;
}

.manage-campaign-wrap .nav-tabs.nav-justified>li>a {
    font-size: 16px;
}

.manage-campaign-wrap .nav-tabs.nav-justified>li>a label {
    background: #fbb040;
    color: #fff;
    font-weight: bold;
    font-size: 16px;
    padding: 3px 10px 5px;
    border-radius: 3px;
    margin: -14px 0 -5px 5px;
    display: inline-block;
}

.tt-campaign {
    cursor: pointer;
}

.tt-campaign a {
    pointer-events: none;
}

.reviews-iframe .container {
    max-height: 100vh;
    overflow: auto;
}

.reviews-iframe .head {
    padding: 10px 20px;
    border-bottom: 1px solid #f8f8f8;
    display: table;
    width: calc(100% + 60px);
    margin: -30px -30px 25px;
}

.reviews-iframe .head h3 {
    font-size: 22px;
    font-weight: bold;
    color: #77797b;
    float: left;
    margin: 9px 0 0;
}

.reviews-iframe .head a {
    margin-left: 15px;
}

.task-blog li {
    font-size: 16px;
}

.task-blog li i {
    color: #48c0eb;
    margin-right: 5px;
    font-size: 18px;
    position: relative;
    top: 1px;
    margin-bottom: 5px;
}

.task-blog p {
    font-size: 16px;
}

.task-toggle {
    padding: 10px 52px 10px 20px;
    border-radius: 3px;
    background: #f1f2f2;
    font-size: 16px;
    margin-bottom: 30px;
}

.task-toggle+.task-content {
    display: none;
    margin-bottom: 30px;
}

.task-toggle.act+.task-content {
    display: block;
}

.task-toggle.act {
    margin-bottom: 15px;
}

.task-toggle .text-lowercase {
    text-transform: none !important;
}

.task-toggle h4 {
    font-size: 19px;
    font-weight: bold;
    color: #626772;
    text-transform: uppercase;
    margin: 5px 0 8px;
    position: relative;
}

.task-toggle h4 span.arrow {
    width: 22px;
    height: 20px;
    border-radius: 2px;
    background: #7a7d84;
    position: absolute;
    color: #fff;
    text-align: center;
    right: -30px;
}

.task-toggle {
    cursor: pointer;
}

.task-toggle.act h4 span.arrow .fa-angle-down::before {
    content: "\f106";
}

.task-toggle p {
    font-size: 14px;
}

.task-toggle h4 span.deadline {
    font-weight: normal;
    font-size: 15px;
    margin-left: 20px;
    float: right;
    position: relative;
    top: 0;
    left: 0;
    white-space: nowrap;
}

.task-toggle h4 span.deadline i {
    font-size: 18px;
    margin-right: 5px;
    font-style: normal;
}

.campaign-details h4 span.deadline {
    float: right;
}

.campaign-details h4 span.task b {
    color: #31c1e9;
    font-style: italic;
}

.payment-info {
    margin-bottom: 40px;
}

.payment-info h4 {
    font-weight: 600;
    color: #676a6c;
}

.payment-info h4 i {
    margin-right: 5px;
}

.payment-info ul li {
    float: left;
    margin-left: 15px;
}

.funds-available {
    border: 1px solid #ededee;
    border-radius: 3px;
    padding: 14px 25px;
}

.funds-available span {
    color: #1f3e6f;
    font-weight: bold;
}

.funds-balance {
    border: 1px solid #48c0eb;
    border-radius: 3px;
    padding: 14px 25px;
}

.funds-balance span {
    color: #48c0eb;
    font-weight: bold;
}

.payment-title {
    padding: 14px 15px 8px;
    border-radius: 3px;
    background: #f1f2f2;
    margin-bottom: 30px;
}

.payment-title h4 {
    color: #626773;
    margin: 0;
    font-weight: bold;
    text-transform: uppercase;
}

.payment-title h4 label {
    background: #fbb040;
    margin: 0 0 0 10px;
    color: #fff;
    font-weight: bold;
    padding: 5px 12px;
    border-radius: 3px;
    position: relative;
    top: -2px;
}

.payment-title p {
    margin: 0;
    color: #48c0eb;
    font-size: 15px;
}

.table-wrapper {
    overflow-x: scroll;
}

.table-wrapper table {
    min-width: 600px;
}

table.payment-table tr,
table.payment-table td,
table.payment-table th {
    border: none !important;
    border-bottom: 1px solid #f8f8f8 !important;
    padding: 15px 10px !important;
    color: #787a7c;
    font-size: 15px;
    text-align:center !important;
}

table.payment-table tr label {
    background: #999;
    color: #fff;
    padding: 6px 10px 6px;
    border-radius: 3px;
    display: inline-block;
    min-width: 75px;
    font-weight: bold;
    font-size: 15px;
    text-align: center;
}

table.payment-table .label-pending {
    background: #fbb040;
}

table.payment-table .label-paid {
    background: #82c341;
}

.credit-information .col-sm-4>span {
    font-weight: 500;
    line-height: 50px;
}

.campaign-dashboard .credit-information .vDrop {
    min-width: 100%;
}

.campaign-dashboard .credit-information button {
    height: 50px;
    max-width: 200px;
}

.payment-available {
    padding: 15px;
    border: 1px solid #efeff0;
    min-height: 250px;
    border-radius: 5px;
    margin-bottom: 30px;
}

.payment-available h4 {
    color: #6b6e6f;
    border-bottom: 1px solid #efeff0;
    padding-bottom: 10px;
    text-transform: uppercase;
    font-weight: 600;
}

.payment-available .amount {
    color: #133367;
    font-weight: bold;
    font-size: 35px;
    margin: 10px 0 0;
}

.payment-available span {
    color: #b9babc;
    font-size: 13px;
    display: block;
    margin: 25px 0 0;
}

.payment-available a {
    border-top: 1px solid #efeff0;
    color: #4ec2ec;
    font-weight: 600;
    display: block;
    margin-top: 60px;
    padding-top: 10px;
}

.payment-settings {
    border: 1px solid #efeff0;
    padding: 10px 20px 20px;
}

.payment-settings h4 {
    color: #6b6e6f;
    border-bottom: 1px solid #efeff0;
    padding-bottom: 10px;
    font-weight: 600;
}

.amount-value {
    position: relative;
}

.amount-value input {
    color: #000;
    padding: 0 15px 0 65px;
}

.amount-value label {
    background: #e6e7e8;
    color: #a7a9ac;
    font-weight: bold;
    font-size: 25px;
    width: 50px;
    position: absolute;
    z-index: 11;
    top: 0;
    left: 0;
    height: 50px;
    text-align: center;
    line-height: 50px;
}

.campaign-messages .tasks-table td:first-child {
    width: auto;
}

.message-iframe {
    background: #fff;
    position: absolute;
    top: 0;
    right: -85%;
    width: 85%;
    height: 100%;
    z-index: 888;
    max-width: 1060px;
    opacity: 0;
    visibility: hidden;
    transition: .4s;
}

.profile-message-author {
    padding: 30px 50px;
}

.profile-message-author .author-info {
    position: relative;
    padding-left: 140px;
    min-height: 110px;
}

.profile-message-author .author-info .thumb {
    position: absolute;
    left: 0;
    top: 0;
    width: 110px;
    height: 110px;
}

.profile-message-author .author-info h4 {
    font-weight: bold;
    color: #626773;
    font-size: 23px;
    margin: 0;
    position: relative;
    top: 20px;
}

.profile-message-author .author-info h4+a {
    color: #bbb;
    font-size: 18px;
    margin: 30px 0 0;
    display: inline-block;
}

.message-iframe .profile-like {
    margin-left: 20px;
}

.campaign-status {
    display: table;
    width: 100%;
    padding: 30px 155px 0;
}

.campaign-status li {
    width: 70%;
    float: left;
}

.campaign-status li:last-child {
    width: 30%;
}

.campaign-status li p {
    font-size: 17px;
}

.message-iframe .container {
    padding: 0;
    overflow: auto !important;
    height: inherit;
    min-height: 100vh;
}

.message-iframe .manage-campaign-wrap .tab-content {
    padding: 25px 50px;
    height: calc(100vh - 335px);
    overflow: auto;
}

.message-iframe .manage-campaign-wrap .tab-content ul {
    padding-bottom: 30px;
}

.message-iframe .manage-campaign-wrap .tab-content ul li {
    padding-left: 100px;
    position: relative;
    min-height: 85px;
    margin-top: 30px;
}

.message-iframe .manage-campaign-wrap .tab-content ul li .thumb {
    width: 85px;
    height: 85px;
    position: absolute;
    top: 0;
    left: 0;
}

.message-iframe .manage-campaign-wrap .tab-content ul li h4 {
    color: #58595b;
}

.message-iframe .manage-campaign-wrap .tab-content ul li h4 span {
    background: #a7a9ac;
    width: 8px;
    height: 8px;
    display: inline-block;
    border-radius: 50%;
    margin: 0 10px;
}

.message-iframe .manage-campaign-wrap .tab-content ul li h4 time {
    color: #bbbdbf;
    font-weight: 400;
}

a,
a:hover {
    transition: .4s;
}

.tags {
    margin: 12px 0 0;
    float: right;
}

.tags a {
    background: #2bbfe8;
    color: #fff;
    line-height: 35px;
    display: inline-block;
    padding: 0 15px;
    border-radius: 3px;
    margin-left: 8px;
    min-width: 88px;
    text-align: center;
    margin-bottom: 5px;
}

.tags a:hover {
    background: #24a7cc;
    color: #fff;
}

.img-full {
    width: 100%;
}

.campaign-details h4 {
    background: #f1f2f2;
    color: #797e87;
    font-weight: bold;
    padding: 15px 20px;
    display: block;
    margin: 10px 0 20px;
    font-size: 18px;
}

.campaign-details p {
    font-size: 16px;
    margin-bottom: 20px;
}

.campaign-details p .tweet,
.campaign-details p .fb,
.campaign-details p .yt {
    width: 35px;
    height: 35px;
    display: inline-block;
    color: #fff;
    margin: 0 0 0 10px;
    line-height: 35px;
    text-align: center;
    border-radius: 50%;
}

.campaign-details p .tweet {
    background: #00a9de;
}

.campaign-details p .fb {
    background: #385a98;
}

.campaign-details p .yt {
    background: #ff3536;
}

.campaign-details p .tweet i,
.campaign-details p .fb i,
.campaign-details p .yt i {
    color: #fff !important;
    margin: 0;
}

.campaign-details p a {
    color: #8b8f97;
}

.video-popup {
    position: relative;
    background: #000;
    overflow: hidden;
}

.video-popup img {
    opacity: 0.6;
}

.video-popup i {
    color: #fff;
    position: absolute;
    font-size: 40px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.campaign-details h5 {
    color: #797e87;
    font-weight: bold;
    display: block;
    margin: 25px 0;
    font-size: 18px;
}

.assets ul li {
    width: 120px;
    margin-right: 10px;
    float: left;
}

.assets ul li img {
    border-radius: 3px;
}

a.file {
    color: #31c1e9;
    font-size: 16px;
    display: table;
    margin: 15px 0 0;
}

a.file span {
    text-decoration: underline;
}

a.file i {
    font-size: 30px;
    margin-right: 5px;
    position: relative;
    top: 5px;
    font-weight: normal;
}

.other-details li {
    font-size: 16px;
    margin-bottom: 20px;
}

.other-details li b {
    width: 185px;
    overflow: hidden;
    float: left;
}

.other-details li em {
    overflow: hidden;
    display: inline-block;
    width: calc(100% - 185px);
}

.campaign-details h4 span {
    font-weight: normal;
    font-size: 15px;
    margin-left: 20px;
}

.campaign-details h4 span i {
    font-size: 18px;
    margin-right: 5px;
    font-style: normal;
}

.campaign-details h4 span.task {
    float: right;
}

.campaign-details h4 span.deadline {
    float: right;
}

.campaign-details h4 span.task b {
    color: #31c1e9;
    font-style: italic;
}

.list-dots {
    margin-bottom: 30px;
}

.list-dots li {
    margin-bottom: 5px;
    padding-left: 20px;
    position: relative;
    font-size: 16px;
}

.list-dots li:before {
    content: "";
    background: #31c1e9;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    position: absolute;
    top: 7px;
    left: 0;
}

.progress-multi {
    display: table;
    width: 100%;
    margin: 0 0 30px;
}

.progress-multi li {
    float: left;
}

.progress-multi li .progress {
    margin: 0 0 14px;
    height: 30px;
    border-radius: 0;
    padding: 0 10px;
    text-align: right;
    line-height: 30px;
    font-size: 16px;
    font-style: italic;
    color: rgba(255, 255, 255, 0.5);
}

.progress-pink {
    background: #f96465;
}

.progress-blue {
    background: #0d3264;
}

.progress-yellow {
    background: #ffb150;
}

.progress-green {
    background: #7bc452;
}

.progress-pink+span {
    background: #f96465;
}

.progress-blue+span {
    background: #0d3264;
}

.progress-yellow+span {
    background: #ffb150;
}

.progress-green+span {
    background: #7bc452;
}

.progress-multi li .progress+span {
    color: #fff;
    display: inline-block;
    padding: 0 10px;
    border-radius: 3px;
    position: relative;
    min-width: 107px;
    text-align: center;
}

.progress-multi li .progress:not(.blank)+span {
    left: 50%;
    transform: translateX(-50%);
}

.progress-multi li:last-child .progress.blank+span {
    float: right;
}

.view-report {
    max-width: 520px;
    padding-left: 140px;
    position: relative;
    margin: 40px 0;
    display: block;
}

.view-report>span {
    margin-right: 10px;
    font-weight: bold;
    color: #717580;
    font-size: 17px;
    position: absolute;
    top: 11px;
    left: 0;
}

.list-stats {
    font-size: 15px;
    color: #999;
    margin-bottom: 30px;
    display: table;
    width: 100%;
}

.list-stats li {
    float: left;
    margin-right: 7%;
}

.list-stats b {
    font-weight: bold;
    color: #636873;
    font-size: 30px;
    display: block;
    margin-bottom: 5px;
}

.stats-table {
    width: 100%;
}

.stats-table .tt-influencer {
    width: 18%;
    padding: 0 !important;
    text-align: center;
}

.stats-table .tt-influencer span {
    font-weight: bold;
    font-size: 12px;
}

.stats-table .tt-influencer img {
    display: block;
    margin: 0 auto 5px;
    width: 60px;
    height: 60px;
}

.stats-table {
    text-align: center !important;
}

.stats-table th {
    padding: 40px 0 !important;
    font-weight: bold;
    text-align: center !important;
}

.stats-table th,
.stats-table td {
    border: 1px solid #f3f3f3 !important;
}

.stats-table thead tr,
.stats-table tr:nth-child(even) {
    background: #f1f2f2;
}

.iframe-head {
    border-bottom: 1px solid #e9eaeb;
    padding: 15px;
    display: table;
    width: 100%;
}

.offers-iframe .head {
    border-bottom: 1px solid #e9eaeb;
    padding: 20px 25px 25px;
    display: table;
    width: 100%;
    margin-bottom: 10px;
}

.offers-iframe .head h3,
.iframe-head h2 {
    color: #676a6c;
    font-weight: bold;
    font-size: 25px;
    margin: 10px 0 0;
}

.offers-inner {
    padding: 15px 25px;
    overflow: auto;
    height: calc(100vh - 95px);
}

.offers-iframe .influencer-overview .thumb {
    width: 95px;
    position: absolute;
    top: 0;
    left: 0;
}

.offers-iframe .influencer-overview .author {
    position: relative;
    padding-left: 105px;
    min-height: 95px;
    display: table;
    width: 100%;
}

.offers-iframe .influencer-overview h3 {
    color: #67686a;
    font-size: 17px;
    font-weight: bold;
    margin: 22px 0 2px;
}

.offers-iframe .influencer-overview a {
    color: #b0b2b5;
}

.influencer-overview ul li {
    width: 25%;
    float: left;
    position: relative;
    padding-left: 45px;
    min-height: 35px;
    font-weight: bold;
    color: #58595b;
    font-size: 18px;
    margin-bottom: 15px;
}

.influencer-overview ul li span {
    display: block;
    font-weight: 400;
    font-size: 10px;
    text-transform: uppercase;
    color: #acaeb1;
    margin: -5px 0 0;
}

.influencer-overview ul li i {
    width: 35px;
    height: 35px;
    background: #f1f2f2;
    color: #bcbec0;
    border-radius: 50%;
    line-height: 35px;
    text-align: center;
    font-size: 20px;
    position: absolute;
    left: 0;
}

.influencer-overview ul li i.fa-twitter {
    color: #fff;
    background: #00a9de;
}

.influencer-overview ul li i.fa-instagram {
    color: #fff;
    background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285AEB 90%);
}

.influencer-overview ul li i.fa-facebook {
    color: #fff;
    background: #385a98;
}

.influencer-overview ul li i.fa-youtube-play {
    color: #fff;
    background: #ff3536;
}

.offers-inner .amount-value input {
    background: #f1f2f2;
    color: #000;
    font-size: 20px;
    border: none;
}

.offers-price h4 a {
    text-decoration: underline;
    float: right;
}

.offers-inner .btn-danger {
    font-size: 18px;
    text-transform: uppercase;
    color: #fff;
    background: #f96465;
    display: table;
    text-align: center;
    font-weight: bold;
    padding: 12px 20px;
    border: none;
    border-radius: 3px;
}

.offers-inner .btn-danger:hover {
    color: #fff;
    background: #c65051;
}

.offers-conversations ul {
    padding-bottom: 30px;
}

.offer-comment,
.offers-conversations ul li {
    padding-left: 100px;
    position: relative;
    min-height: 85px;
    margin-top: 30px;
}

.offer-comment {
    margin-top: 10px;
}

.offer-comment .thumb,
.offers-conversations ul li .thumb {
    width: 85px;
    height: 85px;
    position: absolute;
    top: 0;
    left: 0;
}

.offers-conversations ul li h3 {
    color: #58595b;
    font-size: 16px;
}

.offers-conversations ul li h3 span {
    background: #a7a9ac;
    width: 8px;
    height: 8px;
    display: inline-block;
    border-radius: 50%;
    margin: 0 10px;
}

.offers-conversations ul li h3 time {
    color: #bbbdbf;
    font-weight: 400;
}

.offers-conversations ul li p {
    font-size: 15px;
}

.offer-comment textarea {
    border: 1px solid #ebeced;
    width: 100%;
    padding: 15px 20px;
    height: 85px;
    color: #000;
    font-size: 15px;
    margin-bottom: 15px;
}

.offer-comment a {
    font-weight: bold;
    color: #a8aaad;
    font-size: 20px;
    text-decoration: underline;
    float: right;
    margin: 5px 0 0;
}

.offer-comment a:hover {
    color: #49c0eb;
}

.task-overview h4 {
    font-size: 19px;
    font-weight: bold;
    color: #626772;
    text-transform: uppercase;
}

.task-blog>h4 {
    padding: 10px 10px;
    border-radius: 3px;
    background: #f1f2f2;
    font-size: 19px;
    font-weight: bold;
    color: #626772;
}

.reviews-iframe .head .dropdown {
    margin-left: 15px;
}

.reviews-iframe .head .dropdown a {
    margin-left: 0;
    text-align: center;
    font-size: 17px;
    padding: 5px 15px;
}

.reviews-iframe .head .dropdown .caret {
    margin-left: 15px;
}

.custom-dropdown .dropdown-toggle {
    padding: 13px 40px 13px 20px;
    position: relative;
    width: 100%;
    font-size: 14px;
    color: #757575;
    border-radius: 5px;
    border: 1px solid #ebecec;
    height: 50px;
    background: transparent;
    text-align: left;
}

.custom-dropdown .dropdown-toggle span.caret {
    color: #626773;
    border-right: 7px solid transparent;
    border-left: 7px solid transparent;
    border-top: 7px solid;
    position: absolute;
    top: 22px;
    right: 20px;
}

.custom-dropdown .dropdown-menu {
    min-width: 1px;
    max-width: 100%;
    border: 1px solid #ebecec;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    width: 100%;
    border-radius: 0 0 5px 5px;
    margin: -1px 0 0;
    padding: 0;
    z-index: 44;
}

.custom-dropdown .dropdown-menu a {
    background: #fff;
    color: #a7a9ac;
    height: 50px;
    padding: 13px 20px;
    font-size: 16px;
    border-bottom: 1px solid #ebecec;
    display: block;
}

.custom-dropdown .dropdown-menu li:last-child a {
    border-bottom: none;
}

.custom-dropdown .dropdown-menu a:hover {
    background: #e5e5e5;
    color: #a7a9ac;
}

body.message-active .campaign-information,
body.offers-active .campaign-information,
body.reviews-active .campaign-information,
body.campaign-active .campaign-information,
body.profile-active .campaign-information,
body.message-active .campaign-side,
body.offers-active .campaign-side,
body.reviews-active .campaign-side,
body.campaign-active .campaign-side,
body.profile-active .campaign-side {
    overflow: hidden;
}

.task-content {
    border: 1px solid #e5e5e5;
    padding: 35px;
    max-height: 500px;
    overflow: auto;
    overflow-x: hidden;
    position: relative;
    border-radius: 5px;
}

.task-content h2 {
    padding: 20px 25px;
    border: solid #ebecec;
    border-width: 1px 0;
    color: #626772;
    font-size: 20px;
    font-weight: bold;
    cursor: pointer;
    margin-bottom: -1px;
}

.task-content h2 i {
    float: right;
    color: #000;
    opacity: 0.4;
    font-size: 25px;
}

.task-content h2.act+.task-single {
    display: block;
}

.task-content h2.act i:before {
    content: "\f106";
}

.task-single {
    padding: 19px 0 10px;
    display: none;
}

.rss-recommened h6 {
    color: #ced0d1;
    margin-bottom: 10px;
}

.rss-recommened span {
    background: #e6e7e8;
    padding: 3px 15px;
    border-radius: 3px;
    margin-right: 2px;
    cursor: pointer;
}

.task-deadline {
    position: relative;
    padding-left: 200px;
}

.task-deadline .cbox {
    position: absolute;
    top: 15px;
    left: 0;
}

.cbox input {
    display: block;
    width: 100%;
    height: 100%;
    opacity: 0;
    position: absolute;
    z-index: 11;
}

.cbox label span{width:50px;height:50px;border:1px solid #c3c3c3;position:absolute;left:0;top:4px;text-align:center;line-height:50px;color:#fff;font-size:31px}

form .chosen-container {
    margin-bottom: 15px;
}

body .chosen-container.chosen-container-single,
body .chosen-container {
    min-width: 100%;
    z-index: 444;
    position: relative;
    width: 100% !important;
    vertical-align: top;
}

body .chosen-container.chosen-container-active.chosen-with-drop {
    z-index: 445;
}

.update-message .chosen-container {
    min-width: 250px;
    width: 250px !important;
}

body .chosen-container.chosen-container-active .chosen-single,
body .chosen-container.chosen-container-single .chosen-single,
body .chosen-container .chosen-single {
    height: 50px;
    padding: 0 15px;
    position: relative;
    width: 100%;
    border: 1px solid #ebecec !important;
    border-radius: 5px;
    margin-bottom: 0;
    font-size: 15px;
    color: #626773;
    background: #fff !important;
    box-shadow: none;
    line-height: 50px;
    min-width: 100%;
}

textarea, input[type="url"], input[type="email"], input[type="number"], input[type="text"], input[type="password"] {
    height: 50px;
    padding: 0 15px;
    position: relative;
    width: 100%;
    border: 1px solid #ebecec;
    border-radius: 5px;
    margin-bottom: 15px;
    font-size: 15px;
    color: #626773;
    background: #fff;
    box-shadow: none;
    line-height: 21px;
    min-width: 100%;
}

textarea {
    padding:15px;
}

.search-form input {
    padding-left: 50px;
}

body .chosen-container.chosen-container-single .chosen-single div b,
body .chosen-container-single .chosen-single div b {
    background: none !important;
}

body .chosen-container-single .chosen-single div b:after {
    content: "\f0d7";
    font-family: Fontawesome;
}

body .chosen-container-single .chosen-drop {
    margin-top: -1px;
    border-radius: 0 0 4px 4px;
    background-clip: padding-box;
    padding: 0;
    border: 1px solid #ebecec;
    border-top: none;
    box-shadow: none;
}

body .chosen-search,
body .chosen-container-single.chosen-container-single-nosearch .chosen-search {
    display: none;
}

body .chosen-container.chosen-container-single .chosen-results li,
body .chosen-container .chosen-results li {
    padding: 12px 15px;
    border-top: 1px solid #e5e5e5;
}

body .chosen-container.chosen-container-single .chosen-results li:hover,
body .chosen-container.chosen-container-single .chosen-results li.highlighted,
body .chosen-container .chosen-results li:hover,
body .chosen-container .chosen-results li.highlighted {
    background-color: #e5e5e5;
    background-image: none;
    color: #000;
}

body .chosen-container.chosen-container-single .chosen-results,
body .chosen-container .chosen-results {
    margin: 0;
    padding: 0;
}

.campaign-head .chosen-container {
    margin-top: -4px;
}

.task-deadline .chosen-container {
    float: left;
    width: auto !important;
    margin-left: 10px;
}

.task-content small {
    font-size: 12px;
    opacity: 0.7;
    margin: -18px 0 10px;
    display: block;
}

.new-task {
    margin: 20px 0;
}

.new-task a {
    border: 1px solid #4dc5ed;
    display: table;
    width: 100%;
    border-radius: 5px;
    line-height: 55px;
    color: #4dc5ed;
    text-align: center;
    font-size: 18px;
    font-weight: bold;
}

.new-task a span {
    border: 1px solid #4dc5ed;
    display: inline-block;
    width: 40px;
    height: 40px;
    position: relative;
    top: 3px;
    line-height: 42px;
    border-radius: 50%;
    margin-right: 5px;
}

.progress {
    height: 10px;
    border-radius: 10px;
}

.requirements {
    height: 60px;
    position: relative;
    padding: 0 125px 0 160px;
    margin-bottom: 20px;
}

.requirements span {
    font-weight: 800;
    position: absolute;
    top: 0;
    left: 0;
    line-height: 60px;
}

.requirements input[type="submit"] {
    right: 0;
    width: 110px;
    position: absolute;
    top: 0;
    font-weight: bold;
}

.bootstrap-tagsinput {
    width: 100%;
    padding: 0 25px;
    border: 1px solid #ebecec;
    margin-bottom: 15px;
}

.bootstrap-tagsinput input {
    margin: 0;
    width: auto;
    padding: 0;
    border: none;
    min-width: 217px;
}

.bootstrap-tagsinput .tag {
    background-color: #00a3e5;
    color: #fff;
    font-weight: 400;
    font-size: 13px;
    padding: 8px 5px 5px;
    margin: 0 3px 3px 0;
    display: inline-block;
    border: 1px solid #00a3e5;
}

.rss-recommened.rss-tags {
    margin-bottom: 30px;
}

.rss-recommened.rss-tags span {
    background-color: #fff;
    color: #00a3e5;
    border: 1px solid #00a3e5;
}

.rss-recommened.rss-tags span i {
    margin-left: 5px;
}

.tasks__overview {
    overflow: hidden;
}

.tasks__overview .left-block {
    max-height: 100vh;
}

.right-block {
    height: 100vh;
    overflow: auto;
    overflow-x: hidden;
}

.right-block .tags {
    margin: 12px 0 0;
    float: none;
}

.right-block .mc-item h3 {
    font-size: 24px;
    color: #626772;
    font-weight: bold;
    margin: 0 0 15px;
    width: 100%;
    float: none;
}

.right-block .product-actions {
    margin: 0 0 15px;
    display: table;
    width: 100%;
}

.right-block .mc-item p {
    margin: 0 0 10px;
    ;
}

.right-block .step-inner-content {
    padding: 40px 15px 0;
    display: inline-block;
}

.right-block .funds-balance {
    padding: 10px 15px;
}

.right-block .payment-info ul li {
    float: left;
    margin-left: 0;
}

.right-block .payment-info h4 {
    margin-top: 10px;
}

.right-block .alert-danger {
    font-size: 12px;
    margin: 15px 0 25px;
    font-weight: bold;
}

.right-block .payment-info {
    border: 1px solid #e6e7e9;
    padding: 30px 30px 10px;
    border-radius: 5px;
    margin-bottom: 20px;
}

textarea {
    resize: vertical;
}

.file img {
    border-radius: 4px;
    max-width: 150px;
    margin-right: 15px;
}

/* CSS Document */


/* GLOBAL STYLES
-------------------------------------------------- */

ul,
li {
    padding: 0;
    margin: 0;
}

a,
a:hover,
a:focus,
a:active {
    text-decoration: none;
    outline: 0;
}

.margin-none {
    margin: 0 !important;
}

.dropdown-menu.pull-right {
    right: 0;
    left: auto;
    margin-top: 6px;
}

.dropdown-menu.pull-right::before {
    position: absolute;
    top: -7px;
    right: 9px;
    display: inline-block;
    border-right: 7px solid transparent;
    border-bottom: 7px solid #ccc;
    border-left: 7px solid transparent;
    border-bottom-color: rgba(0, 0, 0, 0.2);
    content: '';
}

.dropdown-menu.pull-right::after {
    position: absolute;
    top: -6px;
    right: 10px;
    display: inline-block;
    border-right: 6px solid transparent;
    border-bottom: 6px solid #ffffff;
    border-left: 6px solid transparent;
    content: '';
}

.header-spacer {
    padding-top: 55px;
}

.breadcrumb {
    padding: 0;
    margin: 0 0 0 15px;
    background: transparent;
}

.no-opacity {
    opacity: 0 !important;
}


/* LINKS
-------------------------------------------------- */

a {
    cursor: pointer;
    color: #00A3E5;
}

a:hover {
    color: #000;
}

.alert-info a {
    color: #3A87AD;
}

.form-group input[type=text]:focus,
.form-group input[type=email]:focus,
.form-group input[type=password]:focus,
.form-group textarea:focus {
    box-shadow: none !important;
    border: 1px solid #ccc;
}


/* search bar
-------- */

#global_nav_search {
    padding: 0 5px 0 15px !important;
    margin: 0 0 0 30px !important;
    background: transparent;
    height: 56px;
    border-left: 1px solid #e5e5e5;
    border-right: 1px solid #e5e5e5
}

#global_nav_search input {
    margin: 0;
    border: none;
    background: transparent;
    height: 56px
}

#global_nav_search button {
    height: 56px!important;
    margin-top: 0!important;
    background: transparent;
    border: none;
}

#global_nav_search button i {
    color: #999
}

#global_nav_search button .caret {
    border-top-color: #999;
}

#global_nav_search .dropdown-menu>li>a {
    font-size: 14px;
    background: transparent !important;
}

#global_nav_search input:focus+.input-group-btn #search_btn i {
    color: #2bbfe8 !important;
}

#q {
    height: 27px;
    margin-top: 10px;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
}


/* CUSTOMIZE THE SMALL NAVBAR
-------------------------------------------------- */

.nav-sm {
    float: left;
    list-style: none;
}

.navbar-sm .nav-sm {
    background-color: #0C3243;
    height: 100%;
    padding-top: 10px;
    width: 100%;
}

.nav-pills>.active>a {
    background-color: black;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    padding: 18px 25px 12px 25px !important;
}

.nav-pills>.active>a:hover {
    background-color: black;
}

.nav-pills>li.active>a,
.nav-pills>li.active>a:hover,
.nav-pills>li.active>a:focus {
    color: #FFF;
    background-color: #000;
}


/* Remove border and change up box shadow for more contrast */

.navbar-sm .navbar-inner-sm {
    background-color: #0C3243;
    background-image: none;
    border-bottom: thin solid #ccc;
    -webkit-box-shadow: none;
}


/* Navbar links: increase padding for taller navbar */

.navbar-sm .nav-sm>ul {
    list-style: none;
}


/* Navbar links: increase padding for taller navbar */

.navbar-sm .nav-sm>li>a {
    font-size: 14px;
    font-weight: normal;
    color: #ccc;
    padding: 20px 19px 30px 19px;
    text-decoration: none;
}


/* Navbar links: increase padding for taller navbar */

.navbar-sm .nav-sm>li>a:hover {
    color: #fff;
}


/* Offset the responsive button for proper vertical alignment */

.navbar-sm .btn-navbar-sm {
    margin-top: 40px;
}

.navbar-default-sm .nav-sm .active>a {
    box-shadow: none;
}

.navbar-default-sm .nav-sm>li>a:focus,
.navbar-default .nav>li>a:hover {
    background-color: #000;
    -webkit-box-shadow: inset 0 3px 8px rgba(0, 0, 0, 0.125);
    -moz-box-shadow: inset 0 3px 8px rgba(0, 0, 0, 0.125);
    box-shadow: inset 0 3px 8px rgba(0, 0, 0, 0.125);
}

.navbar-default-sm .nav-sm>li>form {
    margin: 0;
    width: 50%;
}

.navbar-default-sm .nav-sm>li>form>input {
    padding-left: 5px;
}

.nav-tabs {
    border-bottom: thin solid #ccc;
}

.nav-tabs li a:hover {
    border-bottom: thin solid #ccc;
    background-color: #eee;
}

.nav-tabs>.active>a {
    border-bottom: thin solid #f9f9f9;
    background-color: #eee;
}

.nav-tabs>.active>a:hover {
    border-bottom: thin solid #f9f9f9;
    background-color: #eee;
}

.navbar-default .navbar-brand {
    padding: 15px 0 5px 15px;
}

.navbar-inverse {
    background: #17386d;
}

.navbar-inverse .navbar-brand {
    padding: 10px 0 5px 23px;
}

.navbar-inverse #global_nav_search {
    border-left: 1px solid rgba(255, 255, 255, 0.15);
    border-right: 1px solid rgba(255, 255, 255, 0.15);
}

.navbar-inverse .nav>li>a {
    color: #fff !important;
}

.navbar-inverse .nav>li>a:hover {
    background: #00A3E5 !important;
}

.navbar-inverse .nav>li.active>a,
.navbar-inverse .nav>li.active>a:hover {
    background: #faca04 !important;
}

.header-search {
    max-width: 300px;
}

.search-header-main {
    padding: 0 12px 0 14px;
}

.navbar .dropdown-menu {
    overflow: visible !important;
}

.navbar-inverse #global_nav_search input {
    color: #fff !important;
}


/* CUSTOMIZE THE NAVBAR
-------------------------------------------------- */

.nav {
    min-width: 91%;
}

.navbar {
    min-height: 0;
    padding-right: 0;
    padding-left: 0;
    border-radius: 0;
}

.navbar-default {
    background-color: #ddd;
}


/* Remove border and change up box shadow for more contrast */

.navbar .navbar-inner {
    background-color: #0C3243;
    background-image: none;
    border-bottom: thin solid #ccc;
    -webkit-box-shadow: none;
}


/* Navbar links: increase padding for taller navbar */

.navbar .nav>ul {
    list-style: none;
}


/* Offset the responsive button for proper vertical alignment */

.navbar .btn-navbar {
    margin-top: 40px;
}

.navbar-default .nav .active>a {
    box-shadow: none;
}

.navbar-default .nav>li>a:focus,
.navbar-default .nav>li>a:hover {
    background-color: #000;
    -webkit-box-shadow: inset 0 3px 8px rgba(0, 0, 0, 0.125);
    -moz-box-shadow: inset 0 3px 8px rgba(0, 0, 0, 0.125);
    box-shadow: inset 0 3px 8px rgba(0, 0, 0, 0.125);
}

.navbar-default .nav>li>form {
    margin: 0;
    width: 50%;
}

.navbar-default .nav-sm>li>form>input {
    padding-left: 5px;
}

.nav-tabs {
    border-bottom: thin solid #ccc;
}

.nav-tabs li a:hover {
    border-bottom: thin solid #ccc;
    background-color: #eee;
}

.nav-tabs>.active>a {
    border-bottom: thin solid #f9f9f9;
    background-color: #eee;
}

.nav-tabs>.active>a:hover {
    border-bottom: thin solid #f9f9f9;
    background-color: #eee;
}

.nav>.disabled>a {
    color: #999999;
}

.nav>.disabled>a:hover,
.nav>.disabled>a:focus {
    text-decoration: none;
    cursor: default;
    background-color: transparent;
}

.navbar {
    *position: relative;
    *z-index: 2;
    margin-bottom: 0;
    overflow: visible;
}

.navbar-inner {
    padding-right: 20px;
    padding-left: 20px;
    background-color: #fafafa;
    background-image: -moz-linear-gradient(top, #ffffff, #f2f2f2);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#f2f2f2));
    background-image: -webkit-linear-gradient(top, #ffffff, #f2f2f2);
    background-image: -o-linear-gradient(top, #ffffff, #f2f2f2);
    background-image: linear-gradient(to bottom, #ffffff, #f2f2f2);
    background-repeat: repeat-x;
    border: 1px solid #d4d4d4;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065);
    -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065);
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065);
}

.navbar-inner:before,
.navbar-inner:after {
    display: table;
    line-height: 0;
    content: "";
}

.navbar-inner:after {
    clear: both;
}

.navbar .container {
    max-width: 100%;
}

.nav-collapse.collapse {
    height: auto;
    overflow: visible;
}

.navbar .brand {
    display: block;
    float: left;
    padding: 10px 20px 10px;
    margin-left: -20px;
    font-size: 20px;
    font-weight: 200;
    color: #777777;
    text-shadow: 0 1px 0 #ffffff;
}

.navbar .brand:hover,
.navbar .brand:focus {
    text-decoration: none;
}

.navbar-text {
    margin-bottom: 0;
    line-height: 40px;
    color: #777777;
}

.navbar-link {
    color: #777777;
}

.navbar-link:hover,
.navbar-link:focus {
    color: #333333;
}

.navbar .divider-vertical {
    height: 40px;
    margin: 0 9px;
    border-right: 1px solid #ffffff;
    border-left: 1px solid #f2f2f2;
}

.navbar .btn,
.navbar .btn-group {
    margin-top: 5px;
}

.navbar .btn-group .btn,
.navbar .input-prepend .btn,
.navbar .input-append .btn,
.navbar .input-prepend .btn-group,
.navbar .input-append .btn-group {
    margin-top: 0;
}

.navbar-form {
    margin-bottom: 0;
    *zoom: 1;
}

.navbar-form:before,
.navbar-form:after {
    display: table;
    line-height: 0;
    content: "";
}

.navbar-form:after {
    clear: both;
}

.navbar-form input,
.navbar-form select,
.navbar-form .radio,
.navbar-form .checkbox {
    margin-top: 5px;
}

.navbar-form input,
.navbar-form select,
.navbar-form .btn {
    display: inline-block;
    margin-bottom: 0;
}

.navbar-form input[type="image"],
.navbar-form input[type="checkbox"],
.navbar-form input[type="radio"] {
    margin-top: 3px;
}

.navbar-form .input-append,
.navbar-form .input-prepend {
    margin-top: 5px;
    white-space: nowrap;
}

.navbar-form .input-append input,
.navbar-form .input-prepend input {
    margin-top: 0;
}

.navbar-search {
    position: relative;
    float: left;
    margin-top: 5px;
    margin-bottom: 0;
}

.navbar-search .search-query {
    padding: 4px 14px;
    margin-bottom: 0;
    font-size: 13px;
    font-weight: 400;
    line-height: 1;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px
}

.navbar-static-top {
    position: static;
    margin-bottom: 0;
}

.navbar-static-top .navbar-inner {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

.navbar-fixed-bottom {
    position: fixed;
    right: 0;
    left: 0;
    z-index: 1030;
    margin-bottom: 0;
}

.navbar-fixed-bottom .navbar-inner {
    border-width: 1px 0 0;
}

.navbar-fixed-bottom .navbar-inner {
    padding-right: 0;
    padding-left: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

.navbar-fixed-bottom {
    bottom: 0;
}

.navbar-header {
    margin: 0 0 -4px;
}

.navbar-default .pull-right>.dropdown-menu {
    right: auto;
    left: 0;
}

.dropdown-menu {
    max-height: 288px;
    overflow: auto;
    overflow-x: hidden;
}

.navbar-default .pull-right.dropdown a {
    background: transparent !important;
}

.dropdown-menu>li>a {
    background: transparent;
}

.dropdown-menu>li>a:hover {
    color: #00A3E5;
    background: transparent;
}

.navbar .nav {
    left: 0;
    display: block !important;
    margin: 0 0 0 0;
}

.navbar .nav.pull-right {
    float: right;
    margin-right: 0;
}

.navbar .nav>li {
    float: left;
}

.navbar .nav>li>a {
    float: none;
    padding: 17px 10px;
    color: #777777;
    text-decoration: none;
    margin: 0;
}

.navbar .nav .dropdown-toggle .caret {
    margin-top: 0;
}

.navbar .nav>li>a:focus,
.navbar .nav>li>a:hover {
    color: #333333;
    text-decoration: none;
    background-color: transparent;
}

.navbar .nav>.active>a,
.navbar .nav>.active>a:hover,
.navbar .nav>.active>a:focus {
    color: #555555;
    text-decoration: none;
    background-color: #e5e5e5;
    -webkit-box-shadow: inset 0 3px 8px rgba(0, 0, 0, 0.125);
    -moz-box-shadow: inset 0 3px 8px rgba(0, 0, 0, 0.125);
    box-shadow: inset 0 3px 8px rgba(0, 0, 0, 0.125);
}

.navbar .btn-navbar {
    display: none;
    float: right;
    padding: 7px 10px;
    margin-right: 5px;
    margin-left: 5px;
    color: #ffffff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    background-color: #ededed;
    /*background-color: #e5e5e5; */
    background-image: -moz-linear-gradient(top, #f2f2f2, #e5e5e5);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f2f2f2), to(#e5e5e5));
    background-image: -webkit-linear-gradient(top, #f2f2f2, #e5e5e5);
    background-image: -o-linear-gradient(top, #f2f2f2, #e5e5e5);
    background-image: linear-gradient(to bottom, #f2f2f2, #e5e5e5);
    background-repeat: repeat-x;
    border-color: #e5e5e5 #e5e5e5 #bfbfbf;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.075);
    -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.075);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.075);
}

.navbar .btn-navbar:hover,
.navbar .btn-navbar:focus,
.navbar .btn-navbar:active,
.navbar .btn-navbar.active,
.navbar .btn-navbar.disabled,
.navbar .btn-navbar[disabled] {
    color: #ffffff;
    background-color: #e5e5e5;
    *background-color: #d9d9d9;
}

.navbar .btn-navbar:active,
.navbar .btn-navbar.active {
    background-color: #cccccc \9;
}

.navbar .btn-navbar .icon-bar {
    display: block;
    width: 18px;
    height: 2px;
    background-color: #f5f5f5;
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px;
    -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
    box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
}

.btn-navbar .icon-bar+.icon-bar {
    margin-top: 3px;
}

.navbar .nav>li>.dropdown-menu:before {
    position: absolute;
    top: -7px;
    left: 9px;
    display: inline-block;
    border-right: 7px solid transparent;
    border-bottom: 7px solid #ccc;
    border-left: 7px solid transparent;
    border-bottom-color: rgba(0, 0, 0, 0.2);
    content: '';
}

.navbar .nav>li>.dropdown-menu:after {
    position: absolute;
    top: -6px;
    left: 10px;
    display: inline-block;
    border-right: 6px solid transparent;
    border-bottom: 6px solid #ffffff;
    border-left: 6px solid transparent;
    content: '';
}

.navbar-fixed-bottom .nav>li>.dropdown-menu:before {
    top: auto;
    bottom: -7px;
    border-top: 7px solid #ccc;
    border-bottom: 0;
    border-top-color: rgba(0, 0, 0, 0.2);
}

.navbar-fixed-bottom .nav>li>.dropdown-menu:after {
    top: auto;
    bottom: -6px;
    border-top: 6px solid #ffffff;
    border-bottom: 0;
}

.navbar .nav li.dropdown>a:hover .caret,
.navbar .nav li.dropdown>a:focus .caret {
    border-top-color: #333333;
    border-bottom-color: #333333;
}

.navbar .nav li.dropdown.open>.dropdown-toggle,
.navbar .nav li.dropdown.active>.dropdown-toggle,
.navbar .nav li.dropdown.open.active>.dropdown-toggle {
    color: #555555;
    background-color: #e5e5e5;
}

.navbar .nav li.dropdown>.dropdown-toggle .caret {
    border-top-color: #777777;
    border-bottom-color: #777777;
}

.navbar .nav li.dropdown.open>.dropdown-toggle .caret,
.navbar .nav li.dropdown.active>.dropdown-toggle .caret,
.navbar .nav li.dropdown.open.active>.dropdown-toggle .caret {
    border-top-color: #555555;
    border-bottom-color: #555555;
}

.navbar .pull-right>li>.dropdown-menu,
.navbar .nav>li>.dropdown-menu.pull-right {
    right: 0;
    left: auto;
}

.navbar .pull-right>li>.dropdown-menu:before,
.navbar .nav>li>.dropdown-menu.pull-right:before {
    right: 12px;
    left: auto;
}

.navbar .pull-right>li>.dropdown-menu:after,
.navbar .nav>li>.dropdown-menu.pull-right:after {
    right: 13px;
    left: auto;
}

.navbar .pull-right>li>.dropdown-menu .dropdown-menu,
.navbar .nav>li>.dropdown-menu.pull-right .dropdown-menu {
    right: 100%;
    left: auto;
    margin-right: -1px;
    margin-left: 0;
    -webkit-border-radius: 6px 0 6px 6px;
    -moz-border-radius: 6px 0 6px 6px;
    border-radius: 6px 0 6px 6px;
}

.navbar-default {
    background: #fff;
    padding: 0;
    border-bottom: 1px solid #e5e5e5;
    box-shadow: none;
}

.navbar-default .brand,
.navbar-default .nav>li>a {
    color: #666;
}

.navbar-default .nav>li>a {
    box-shadow: none !important;
}

.navbar-default .brand:hover,
.navbar-default .nav>li>a:hover,
.navbar-default .brand:focus,
.navbar-default .nav>li>a:focus {
    color: #ffffff;
    background-color: #00A3E5;
}

.navbar-default .brand {
    color: #999999;
}

.navbar-default .navbar-text {
    color: #999999;
}

.navbar-default .nav>li>a:focus,
.navbar-default .nav>li>a:hover {
    color: #ffffff;
    background-color: transparent;
}

.navbar-default .nav .active>a,
.navbar-default .nav .active>a:focus {
    color: #ffffff;
    background-color: #17386d;
}

.navbar-default .nav .active>a:hover {
    background-color: #00A3E5;
    color: #fff;
}

.navbar-default .navbar-link {
    color: #999999;
}

.navbar-default .navbar-link:hover,
.navbar-default .navbar-link:focus {
    color: #ffffff;
}

.navbar-default .divider-vertical {
    border-right-color: #222222;
    border-left-color: #111111;
}

.navbar-default .nav li.dropdown.open>.dropdown-toggle,
.navbar-default .nav li.dropdown.active>.dropdown-toggle,
.navbar-default .nav li.dropdown.open.active>.dropdown-toggle {
    color: #ffffff;
    background-color: #111111;
}

.navbar-default .nav li.dropdown>a:hover .caret,
.navbar-default .nav li.dropdown>a:focus .caret {
    border-top-color: #ffffff;
    border-bottom-color: #ffffff;
}

.navbar-default .nav li.dropdown>.dropdown-toggle .caret {
    border-top-color: #999999;
    border-bottom-color: #999999;
}

.navbar-default .nav li.dropdown.open>.dropdown-toggle .caret,
.navbar-default .nav li.dropdown.active>.dropdown-toggle .caret,
.navbar-default .nav li.dropdown.open.active>.dropdown-toggle .caret {
    border-top-color: #ffffff;
    border-bottom-color: #ffffff;
}

.navbar-default .navbar-search .search-query {
    color: #ffffff;
    background-color: #515151;
    border-color: #111111;
    -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1), 0 1px 0 rgba(255, 255, 255, 0.15);
    -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1), 0 1px 0 rgba(255, 255, 255, 0.15);
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1), 0 1px 0 rgba(255, 255, 255, 0.15);
    -webkit-transition: none;
    -moz-transition: none;
    -o-transition: none;
    transition: none;
}

.navbar-default .navbar-search .search-query:-moz-placeholder {
    color: #cccccc;
}

.navbar-default .navbar-search .search-query:-ms-input-placeholder {
    color: #cccccc;
}

.navbar-default .navbar-search .search-query::-webkit-input-placeholder {
    color: #cccccc;
}

.navbar-default .navbar-search .search-query:focus,
.navbar-default .navbar-search .search-query.focused {
    padding: 5px 15px;
    color: #333333;
    text-shadow: 0 1px 0 #ffffff;
    background-color: #ffffff;
    border: 0;
    outline: 0;
    -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.15);
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.15);
}

.navbar-default .btn-navbar {
    color: #ffffff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    background-color: #0e0e0e;
    *background-color: #040404;
    background-image: -moz-linear-gradient(top, #151515, #040404);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#151515), to(#040404));
    background-image: -webkit-linear-gradient(top, #151515, #040404);
    background-image: -o-linear-gradient(top, #151515, #040404);
    background-image: linear-gradient(to bottom, #151515, #040404);
    background-repeat: repeat-x;
    border-color: #040404 #040404 #000000;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
}

.navbar-default .btn-navbar:hover,
.navbar-default .btn-navbar:focus,
.navbar-default .btn-navbar:active,
.navbar-default .btn-navbar.active,
.navbar-default .btn-navbar.disabled,
.navbar-default .btn-navbar[disabled] {
    color: #ffffff;
    background-color: #040404;
    /*background-color: #000000; */
}

.navbar-default .btn-navbar:active,
.navbar-default .btn-navbar.active {
    background-color: #000000;
}

.search-query {
    margin-right: 10px;
    margin-left: 10px;
}

#mini-nav-link {
    color: #ccc;
    font-size: 12px;
    font-weight: bold;
    line-height: 13px;
    padding: 33px 20px 25px 20px;
}

.nav-big-text {
    color: #fafafa;
}

#logo {
    margin-top: 5px;
    width: 140px;
}

.nav a {
    color: #000;
}

#top-search-nav {
    margin: 25px 20px 0 20px;
    /* width: 278px; */
}

#top-search-nav form {
    margin: 0;
    width: 50%;
}


/* CUSTOMIZE THE FOOTER
-------------------------------------------------- */

#footer_margin {
    color: white;
}

#footer-bar.modal-footer {
    padding: 15px 0 !important;
    text-align: center;
    z-index: 99;
    background-color: #fff;
    right: 0;
    left: 0;
    bottom: 0;
}

#footer-bar a {
    color: #666;
    padding: 15px;
    font-size: 14px;
}

#footer-bar p {
    margin-bottom: 0 !important;
}

@media only screen and (max-width: 768px) {
    #footer-bar.modal-footer {
	padding: 15px 0 !important;
    }
}


/* CUSTOMIZE THE PROFILE IMAGES
-------------------------------------------------- */

.featured-user-holder {
    border: thin solid #ccc;
    background-color: white;
    padding: 7px;
    height: 250px;
    width: 194px;
}

.featured-user-holder img {
    display: block;
    margin: 0 auto;
}

.featured-user-image {
    margin: 7px 0 7px 0;
}

.featured-user-holder-bg {
    background-color: #f9f9f9;
    border: thin solid #ededed;
}

.no-image {
    font-size: 140px;
    width: 100% !important;
}

.no-image30 {
    font-size: 30px;
    text-align: center;
    width: 30px;
}

.no-image64 {
    font-size: 64px;
    text-align: center;
    width: 64px;
}

.profile-pic {
    width: 171px !important;
}


/* FOR THUMBNAILS
-------------------------------------------------- */

.thumbnail {
    border: none;
}

.thumbnails li {
    background-color: #fff;
}

.profile-main .thumbnails li {
    background-color: transparent;
    border: 0;
    width: 100% !important;
    padding: 0 20px;
}

.thumbnail-badge {
    position: absolute;
    margin: 3px 0 0 3px;
    z-index: 1;
}

.media-object {
    width: 64px;
}

.media-object32 {
    width: 32px;
}

.media-object40 {
    width: 40px;
}

.media-object48 {
    width: 48px;
}

.prime {
    position: relative;
}

.prime span {
    position: absolute;
    z-index: 1;
}

.prime64 span {
    background: url(../img/overlay-prime.png) no-repeat;
    left: 53px;
    height: 13px;
    top: 53px;
    width: 13px;
    display: none;
}

.prime162 span {
    background: url(../img/overlay-prime-lg.png) no-repeat;
    left: 146px;
    height: 23px;
    top: 146px;
    width: 23px;
}

.as-seen-on-logo {
    width: 100px;
}


/* Photos classes
-------------------------------------------------- */

.bw-color-photo {
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'//www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
    /* Firefox 10+, Firefox on Android */
    filter: gray;
    /* IE5+ */
    -webkit-filter: grayscale(1);
    /* Webkit Nightlies & Chrome Canary */
}

.bw-color-photo:hover {
    filter: none;
    -webkit-filter: grayscale(0);
}

.thumbnails a:not(.btn-primary) {
    color: #666;
}


/* Buttons
-------------------------------------------------- */


/* fixing the add to queue button spacing */

.arrow_box>div.span7.no-margin>div>.btn,
.scheduled-button .btn {
    padding: 8px;
    font-size: 12px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.scheduled-button {
    float: right !important;
    margin-right: 0 !important;
}

.span5>div>div>.scheduled-button {
    float: left !important;
    margin-right: 6px !important;
}

.span5>div>div>.scheduled-button .btn {
    border-top-right-radius: 3px !important;
    border-bottom-right-radius: 3px !important;
}

.tag_holder .label {
    display: inline;
    padding: 5px 10px;
    font-size: 11px;
    font-weight: 500;
    line-height: 1;
    color: #fff !important;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    background-color: #999 !important;
    border-radius: .25em;
    text-transform: uppercase;
    position: relative;
    left: 5px;
    top: -2px;
}

.tag_holder:hover .label {
    color: #fff !important;
    background-color: #41AADA !important;
}

#conversation-holder-0 {
    padding: 14px !important;
    list-style: none;
    max-height: 400px;
    overflow: scroll;
    overflow-x: hidden;
    line-height: 19px;
    border: 1px solid #e5e5e5;
    position: relative;
    height: 100%;
    word-break: break-word;
}

#conversation-holder-0 .media-body {
    padding: 0;
}

.scroll {
    letter-spacing: 0;
}

.approve_btn {
    position: absolute;
    top: 50px;
    right: 0;
    z-index: 0;
}

.approve_btn a {
    color: #fff !important;
    background: #f05455 !important;
    border: 1px solid #f05455 !important;
    border-radius: 3px !important;
    padding: 0 14px !important;
    line-height: 35px;
    box-shadow: none;
    min-width: auto;
    font-size: 12px;
    letter-spacing: 0;
    text-transform: uppercase;
}

.approve_btn a.active:hover,
.approve_btn a.active {
    color: #fff !important;
    background: #bbb !important;
    border: 1px solid #bbb !important;
}

.approve_btn .stream-status {
    display: none;
}

.approve_btn .active+.clearfix+.stream-status {
    display: block;
    margin-top: 10px;
    float: none !important;
    position: absolute;
    top: 65px;
    right: 80px;
    width: max-content;
}

.approve_btn {
    position: absolute;
    z-index: 50;
}

.approve_btn a:hover {
    border-radius: 3px !important;
    color: #fff !important;
    padding: 0 14px !important;
    background: #d23536 !important;
    border: 1px solid #d23536 !important;
    line-height: 35px;
    box-shadow: none;
    min-width: auto;
    font-size: 12px;
    letter-spacing: 0;
}

.btn-group-xs>.btn,
.btn-xs {
    padding: 3px 5px;
}

#followTopic strong {
    font-weight: 400;
    font-size: 16px;
    position: relative;
    top: 3px;
    padding-right: 8px;
}

.featured {
    border-width: 0 16px 16px 0;
    border-style: solid;
    border-color: #f7c307 #fff;
    width: 16px;
    height: 16px;
    position: absolute;
    top: -1px;
    left: -1px;
}

.featured i {
    display: none;
}


/* Layout rows
-------------------------------------------------- */

.btn-default .caret {
    border-top-color: #333;
}

.btn-t-blue {
    color: white;
    background-color: #0C3243;
}

.btn-t-blue:hover {
    background-color: #0C3243;
}

.fill-width-row {
    padding: 50px 0;
    width: 100%;
}

.gray-row {
    background-color: whiteSmoke;
}

.dark-gray-row {
    border-top: thin solid #555;
    background-color: #656565;
}

.dark-gray-row h5 {
    color: #fff;
}

.dark-gray-row a {
    color: #ccc;
}

.dark-blue-row {
    border-top: thin solid #555;
    background-color: #0C3142;
}

.dark-blue-row h5 {
    color: #fab23a;
}

.dark-blue-row a {
    color: #ccc;
}

.green-row {
    background-color: #C0E39A;
}

.white-row {
    background-color: #fff;
}

.row-header {
    padding-left: 30px;
    width: 100%;
}

.accordion-inner {
    color: #888;
    margin-bottom: 20px;
    border: 1px solid #e5e5e5;
    padding: 12px 20px 20px;
    margin-top: -16px;
}


/* Dynamic Boxes - mostly in right sidebar
-------------------------------------------------- */


/* topright sidebar */

.espot {
    background-color: #fff;
    margin-bottom: 31px;
}

.espot a {
    color: #13181B;
}

.espot-white {
    background-color: #fff;
    margin-bottom: 31px;
    border: thin solid #E3E3E3;
}

.espot-nav li {
    margin-left: 0;
    padding: 2px 0 2px 90px;
}

.espot-nav li:hover {
    background-color: #f8f8f8;
}

.espot-nav-active {
    background-color: #f8f8f8;
}

.espot-title {
    margin-top: 0;
    margin-bottom: 0;
}

.post_holder {
    background-color: #FFF;
    border: thin solid #E3E3E3;
    padding: 15px 15px 10px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    display: table;
    width: 100%;
    margin-top: 15px;
}

.post_holder hr {
    margin: 10px 0 0 0;
    padding: 5px 0 5px 0;
}

.post_holder a {
    color: #000;
}

#main_follow_topic h1 {
    color: #00A3E5;
    font-size: 37px;
    margin: 0 0 15px;
    font-weight: 400;
}

#conversation-holder-0 blockquote {
    background: #e5e5e5;
    border: none;
    padding: 8px 5px 1px !important;
    border-radius: 3px;
    color: #000;
}

#conversation-holder-0 .media-body {
    font-size: 12px;
}

#conversation-holder-0 blockquote a {
    color: #000;
}


/* ALTERNATE ALERTS
-------------------------------------------------- */

.alert-dark-gray {
    color: #ccc;
    border-top: thin solid #555;
    background-color: #656565;
}

.alert-bright-blue {
    color: #fff;
    border-top: thin solid #0092d2;
    background-color: #00a5ed;
}

.alert-bright-purple {
    color: #fff;
    border-top: thin solid #83008e;
    background-color: #9500a0;
}

.alert-gray {
    color: #333;
    border: thin solid #ddd;
    background-color: whiteSmoke;
}

.well {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}


/* FORM
-------------------------------------------------- */

.comment_box {
    color: #999;
    font-size: 14px;
    padding: 10px !important;
}


/* GRAPHS
-------------------------------------------------- */

.graph {
    border: none;
}


/* ACCORDIAN COLORS
-------------------------------------------------- */

.accordion-toggle {
    color: #333;
    background-color: #eee;
}


/* Random styles
-------------------------------------------------- */

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


/* for responsive iframes */

.embed-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    overflow: hidden;
    max-width: 100%;
    height: auto;
}

.embed-container iframe,
.embed-container object,
.embed-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}


/* Random styles
-------------------------------------------------- */

.bold {
    font-weight: bold;
}

.center {
    text-align: center;
}

.absolute {
    position: absolute;
}

.padding {
    padding: 20px;
}

.table {
    display: table;
    background-color: transparent;
}

.no-padding,
.no-margin {
    padding: 0 !important;
}

.no-margin-right {
    padding-right: 0 !important;
}

.low-margin {
    margin-left: 5px !important;
}

.social_icons {
    width: 40px;
}

.page-header {
    margin: 40px 0 20px;
    border-bottom: none;
    display: block;
}

.big_stats {
    font-size: 25px;
}

blockquote {
    background-color: white;
}

.highlight {
    background: #ffff99;
    color: #000000;
}

.dropdown {
    list-style-type: none;
}

.info-tooltip {
    color: #5A5A5A;
}

.scrollup {
    display: none;
    width: 40px;
    height: 40px;
    opacity: 0.3;
    position: fixed;
    bottom: 10px;
    right: 10px;
    text-indent: -9999px;
    background: url(../icons/misc/icon_top.png) no-repeat;
    z-index: 77777;
}

.media-body {
    text-align: left;
    padding-left: 12px;
}

.media-links {
    text-transform: uppercase;
    color: #888;
    font-size: 11px;
    line-height: 14px;
    display: table;
    padding: 0 0 5px;
    width: 100%;
    margin-top: 15px;
    position: relative;
}

#datepicker {
    z-index: 999;
}

.no-bullets {
    margin-left: 0;
    list-style: none;
}

.hiding {
    display: none;
}

.truncated {
    overflow: hidden;
    text-overflow: ellipsis;
    /* this works with IE, Safari and Chrome */
    white-space: nowrap;
    /* -moz-binding: url('/ellipsis.xml#ellipsis'); /* this is a Firefox hack */
}

.red-text {
    color: #ec1818;
}

.green-text {
    color: #008000;
}

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

.background-green {
    background-color: #5cd538;
}

.background-red {
    background-color: #ec1818;
}

.circle {
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    width: 15px;
    height: 15px;
    display: block;
    margin: 0 auto;
}

.socialiconsresponsive {
    display: inline-block;
    margin-right: 20px;
}

.socialiconsblue a {
    color: #00A3E5 !important;
    text-decoration: none;
    font-size: 7px !important;
}

.socialiconsblue a:hover {
    color: #999 !important;
}

.btngrey,
.btngrey:hover,
.btngrey:focus,
.btngrey:active {
    background-color: grey;
    border-color: grey;
}

@media(max-width: 980px) {
    .socialiconsresponsive {
	margin-right: 5px;
    }
}

.loading-icon {
    color: #fff;
    padding: 10px;
    background: #17386d;
    float: none;
    width: calc(100% - 60px);
    margin-left: 60px;
    clear: both;
    border-radius: 5px;
    margin-bottom: 0;
}

.bonfire-dropdown {
    position: relative;
    margin: -10px 10px 0 0;
    right: 121px;
}

.bonfire-dropdown2 hr,
.bonfire-dropdown hr {
    margin: 4px 0 0 0 !important;
    padding: 5px 0 0 0 !important;
}

.bonfire-dropdown .dropdown-menu {
    right: -4px;
    left: auto;
    top: 15px;
    min-width: auto;
}

@media(max-width: 980px) {
    .loading-icon {
	width: 100%;
	margin-left: 0;
    }
}

.about-content {
    padding: 15px 30px 40px;
}

.about-content ul {
    margin-left: 15px;
}

.about-content h2 {
    margin: 20px 0 10px;
}

.accordion-toggle {
    border: 1px solid #e5e5e5;
    display: table;
    width: 100%;
    background: transparent;
    padding: 15px 15px;
    margin-bottom: 15px;
    font-weight: 400;
    font-size: 12px;
    text-transform: uppercase;
    line-height: 20px;
}

.accordion-inner {
    color: #888;
    margin-bottom: 20px;
}

.discover-tribe-results .badge {
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 3px;
    padding: 6px !important;
    font-size: 9px !important;
    z-index: 77;
    color: #fff !important;
    background: #00A3E5 !important;
}

.discover-tribe-results .thumbnail div {
    padding: 0 15px 0;
    font-size: 12px;
    color: #000;
}

.discover-tribe-results .thumbnail div i {
    color: #999;
}

.discover-tribe-results .thumbnail div h5 {
    margin-bottom: 10px;
    text-transform: uppercase;
    font-size: 13px;
}

.thumbnail a>img,
.thumbnail>img {
    margin-right: 0;
    margin-left: 0;
    width: 100%;
}

.thumbnail {
    display: block;
    padding: 0;
    margin-bottom: 0;
    min-height: 111px;
}

#cat_selector:focus {
    background: #00A3E5;
}

.open #cat_selector,
#cat_selector:hover {
    background: #222;
}

.section-head {
    text-transform: uppercase;
    padding-bottom: 0;
    margin: 0;
}

.post_holder img {
    max-width: 75px;
    position: relative;
    top: 10px;
    margin-right: 0;
}

.post_holder form {
    padding: 0;
    display: block;
}

.post_holder form select {
    padding: 10px 15px !important;
    border: 1px solid #ddd;
    height: auto;
}

.post_body_expanded select {
    margin-top: 20px;
}

.post_holder form textarea {
    padding: 15px 15px !important;
    border: 1px solid #ddd;
}

.post_avatar+.col-md-8 {
    padding-left: 0;
}

.promote-post .dropdown-menu a {
    padding: 10px 20px;
}

.promote-post .dropdown-menu>.active>a,
.dropdown-menu>.active>a:focus,
.dropdown-menu>.active>a:hover,
.promote-post .dropdown-menu a:hover {
    background-color: #f6f6f6;
    color: #00A3E5;
}

.promote-post .btn-group.open .dropdown-toggle {
    box-shadow: none;
}

.promote-post .btn-default {
    height: 50px !important;
}

.promote-post .btn-default:focus {
    border-color: #66afe9;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6);
}

.promote-post .bootstrap-select.form-control {
    height: auto;
    padding: 0!important;
}

.promote-post .bootstrap-select .dropdown-menu {
    max-width: 150px;
    min-height: 50px !important;
    max-height: 150px !important;
}

.promote-post .bootstrap-select .dropdown-menu li a span.text {
    white-space: normal;
    word-break: break-word;
    margin-left: 20px;
}

.input-group[class*=col-] {
    float: left;
}

form .post_holder .btn-link {
    border: 1px solid #ddd;
    color: #666;
}

form .post_holder .btn-link {
    background: #000;
    color: #fff;
}

#myTabContent {
    border: thin solid #DDD;
    margin-top: 3px;
    padding: 24px 24px 30px;
    line-height: 24px;
    overflow: visible;
}


/*

#myTabContent .fa-twitter {
	background:#1DA1F2;
}

#myTabContent .fa-facebook {
	background:#3B5998;
}

#myTabContent .fa-linkedin {
	background:#0077B5;
}

#myTabContent .fa-link {
    font-size: 12px;
    width: 19px;
    padding-left: 2px;
}

#myTabContent .fa-linkedin, #myTabContent .fa-facebook, #myTabContent .fa-twitter {
    width: 16px;
    height: 16px;
    text-align: center;
    border-right: 0;
    margin-right: 0;
    border-radius: 50%;
    color: #fff;
    font-size: 10px;
    line-height: 16px;
    margin-right: 4px;
}

*/

.fa-rss {
    color: #FF9900 !important;
}

#tribal-stream-tabs li {
    margin: 0;
}

#tribal-stream-tabs li a i {
    color: #00A3E5 !important;
    margin-right: 3px;
}

#tribal-stream-tabs>li>a {
    position: relative;
    display: block;
    padding: 13px 12px;
    font-weight: 400;
    text-transform: capitalize;
    font-size: 14px;
    margin: 0 -1px -1px 0;
    border-radius: 0;
    letter-spacing: 0;
    border: 1px solid #ddd;
    text-shadow: none;
    background: transparent;
}

#tribal-stream-tabs>li>a:hover,
#tribal-stream-tabs>li.active>a {
    background: #00A3E5;
    color: #fff !important;
    border: 1px solid #00A3E5;
}

#tribal-stream-tabs>li a:hover i,
#tribal-stream-tabs>li.active>a i {
    color: #fff !important;
}

#tribal-stream-tabs {
    margin-top: 45px !important;
    margin-bottom: 0;
    border-bottom: none;
}

.tribal-stream-tabs {
    padding: 40px;
    border: 1px solid #e5e5e5;
}

.tribal-stream-tabs .legend {
    padding: 0 0 10px;
    margin-bottom: 25px;
    font-size: 21px;
    border: 0;
    border-bottom: 1px solid #e5e5e5;
    font-weight: 600;
    display: block;
    width: 100%;
    color: #222;
}

.tribal-stream-tabs .subtitle {
    margin-bottom: 25px;
    margin-left: 5px;
    font-size: 17px;
    font-weight: 600;
    display: block;
    width: 100%;
    color: #222;
}

.tribal-stream-tabs .subtitle-small {
    float: left;
    font-size: 15px;
    font-weight: 600;
    color: #222;
    padding: 8px 8px 8px 5px;
}


/* curate-content */

.content-container-size {
    padding: 5px 0;
}

.content-image {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.content-body {
    line-height: 18px !important;
    font-size: 11px !important;
    width: 87%;
    word-wrap: break-word;
}

.content-links {
    font-size: 11px;
    margin-bottom: 0;
}

.content-shares {
    border-bottom: 1px solid #E5E5E5;
    border-left: 1px solid #E5E5E5;
}


/* in case you want to make the "share frequnecy" drop-down menu in my social networks tab a drop-up */


/*.dripfrequency-select .nice-select.open .list  {
   top: auto !important;
   bottom: 44px !important;
   position:absolute;
   -webkit-transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out !important;
   transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out !important;
}

.dripfrequency-select .nice-select .list {
transition:none !important;
}*/


/* made LinkedIn "share frequnecy" drop down as a drop up menu. */

.dripfrequency-select-li .nice-select.open .list {
    top: auto !important;
    bottom: 44px !important;
    position: absolute;
    -webkit-transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out !important;
    transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out !important;
}

.dripfrequency-select-li .nice-select .list {
    transition: none !important;
}

.tribal-stream-tabs .dripfrequency {
    padding: 11px 11px 11px 0;
    text-transform: none;
    font-size: 17px;
    font-weight: 600;
    display: block;
    width: 100%;
    color: #222;
}

.tribal-stream-tabs .dripfrequency-select {
    width: 60%;
}

@media only screen and (max-width: 768px) {
    /* For mobile phones: */
    [class="dripfrequency-select"] {
	width: 100% !important;
    }
}

.tribal-stream-tabs .tribe-hyperlink {
    padding-left: 10px;
    padding-top: 7px;
    display: inline-block;
}

.tribal-stream-tabs .info {
    display: inline-block;
    width: 100%;
    padding-top: 3px
}

.tribal-stream-tabs label {
    display: inline-block;
    max-width: 100%;
    width: 100%;
    margin-bottom: 5px;
    font-weight: 500;
    color: #555;
    font-size: 12px;
    letter-spacing: 1px;
    text-transform: uppercase;
}

.user-name {
    float: left;
    clear: left;
}

.dripfrequency-tooltip {
    padding-left: 3px;
    vertical-align: middle;
}

.accounts-table {
    overflow-x: visible;
}

.share-freq .popover {
    border-radius: 0 !important;
    box-shadow: 0 2px 10px rgba(90, 90, 90, .1) !important;
    border-color: rgba(0, 0, 0, .2) !important;
    min-width: 80px;
    text-align: center
}

.share-freq .popover-content {
    padding: 4px 9px;
    font-size: 9pt;
    color: #888 !important;
}

#vanityUrl {
    margin-top: 15px;
    display: table;
    font-size: 12px;
}

.tribal-stream-tabs .thumbnail {
    overflow: hidden;
}

#empty-tribes .image-display {
    display: inline-block;
}

.infographic-text {
    font-size: 23px !important;
    font-weight: 400;
    letter-spacing: 0;
    color: #17386d;
}

.padd-lr-15 {
    padding: 0 15px;
}

#blogs .btn-link {
    border-radius: 3px;
    float: none;
    margin: 0 5px 0 0 !important;
    font-weight: 500;
    padding: 10px 15px;
    background-color: #fab23a;
    -webkit-box-shadow: 0 0 32px rgba(21, 64, 115, .24);
    -moz-box-shadow: 0 0 32px rgba(21, 64, 115, .24);
    box-shadow: 0 0 32px rgba(21, 64, 115, .24);
    border: 2px solid #f1b537;
    background-image: -webkit-linear-gradient(bottom, #eeb00e, #fed201 54%, #ffd41c);
    background-image: -moz-linear-gradient(bottom, #eeb00e, #fed201 54%, #ffd41c);
    background-image: -o-linear-gradient(bottom, #eeb00e, #fed201 54%, #ffd41c);
    background-image: -ms-linear-gradient(bottom, #eeb00e, #fed201 54%, #ffd41c);
    background-image: linear-gradient(to top, #eeb00e, #fed201 54%, #ffd41c);
    text-transform: uppercase;
    color: #17386d;
    font-size: 13px;
    letter-spacing: 0 !important;
}

#blogs .btn-link i {
    color: #17386d;
}

#blogs .btn-toolbar {
    margin-top: 10px;
}

#networks .btn-success {
    width: 224px;
    text-align: center;
}

#networks h2 {
    margin-bottom: 15px;
    font-weight: 600;
}

#networks h2+p,
#networks h2+p+p,
#networks h2+p+p+p {
    font-size: 13px;
    line-height: 23px;
}

.tribal-stream-tabs .table>thead>tr>th {
    border-bottom: 1px solid #ddd;
    width: 200px;
}

#stream form .btn.btn-primary,
#import form .btn.btn-primary {
    margin-left: 0;
    margin-top: 15px;
}

#email button {
    height: 50px;
}

#account-leave .radio {
    display: block;
    margin-left: 18px;
    margin-bottom: 13px;
    font-size: 13px;
    font-weight: 600;
}

#account-leave .radio input[type=radio] {
    margin-top: 0;
}

.search-results-elements a {
    width: 20%;
    float: left;
    padding: 20px;
}

.search-results-elements a h5 {
    color: #000;
    padding: 15px;
    background: #fff;
    margin: 0;
    text-transform: uppercase;
    font-size: 16px;
    font-weight: 500 !important;
    text-align: center;
}

.espot2 {
    border: 1px solid #e5e5e5;
}

.espot2 h2 {
    margin: 10px 0 13px;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 19px;
}

.nav-pills .dropdown-toggle {
    color: #fff;
}

.nav-pills .dropdown-toggle .caret {
    margin-left: 28px;
}

.nav-pills .dropdown-toggle.btn-success:hover {
    color: #fff;
    background-color: #449d44;
    border-color: #398439;
}

.btn-success {
    background: #58b24c;
    border-color: #58b24c;
}

.btn-info {
    background: #eeeeee;
    border-color: #e5e5e5;
}

.btn-info:hover {
    background: #e5e5e5;
    border-color: #e5e5e5;
}

.btn-warning {
    background: #fab23a;
    border-color: #fab23a;
}

.btn-warning:hover {
    background: #eba023;
    border-color: #eba023;
}

.tribe-tab #myTab li {
    width: 25%;
    margin: 0 !important;
    border: 1px solid #ddd;
    border-bottom: none;
    height: 48px;
    text-align: center;
    line-height: 48px;
}

.tribe-tab .nav-tabs {
    border: none;
}

.tribe-tab .nav-tabs>li.active>a,
.tribe-tab .nav-tabs>li.active>a:focus,
.tribe-tab .nav-tabs>li.active>a:hover {
    color: #555;
    cursor: default;
    background-color: #fff;
    border: none;
}

.tribe-tab .nav-tabs>li>a {
    margin-right: 0;
    line-height: 26px;
    border: 1px solid transparent;
    border-radius: 4px 4px 0 0;
    text-transform: uppercase;
    font-weight: 700;
}

#members .table>tbody>tr>td,
#members .table>tbody>tr>th,
#members .table>tfoot>tr>td,
#members .table>tfoot>tr>th,
#members .table>thead>tr>td,
#members .table>thead>tr>th,
.tribe-tab .table>tbody>tr>td,
.tribe-tab .table>tbody>tr>th,
.tribe-tab .table>tfoot>tr>td,
.tribe-tab .table>tfoot>tr>th,
.tribe-tab .table>thead>tr>td,
.tribe-tab .table>thead>tr>th {
    padding: 8px;
    line-height: 1.42857143;
    vertical-align: middle;
    border-top: 1px solid #ddd;
}

#members .label-success,
.tribe-tab .label-success {
    background-color: #5cd538;
    text-transform: uppercase;
    padding: 5px 11px 3px;
    line-height: 15px;
    font-weight: 600;
    font-size: 10px;
}

#members .table>tbody>tr>td a,
.tribe-tab .table>tbody>tr>td a {
    line-height: 30px;
}

#members .no-image30,
.tribe-tab .no-image30 {
    font-size: 30px;
    text-align: center;
    width: 30px;
    border: 1px solid #ddd;
    margin-top: -8px;
    position: relative;
    top: 7px;
}

.tribe-tab {
    position: relative;
    left: 0;
    display: table;
    margin: 0;
    width: 100%;
    z-index: 900;
}

.avt-profile-name {
    z-index: 990;
}

.tribe-tab2 {
    border: none !important;
    padding: 10px 0 0 !important;
}

.tribe-tab2-main>li>a {
    margin-right: 2px;
    line-height: 1.42857143;
    border: 1px solid transparent;
    border-radius: 4px 4px 0 0;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 11px;
    padding: 11px 15px;
    margin-bottom: -1px;
}

.tribe-head {
    margin: -30px 0 50px;
}

.tribe-head h1 {
    margin: 0 0 20px;
}

.tribe-head p {
    line-height: 24px;
}

#invitations_sidebar h2 {
    margin: 0 0 15px;
    text-transform: uppercase;
    font-size: 17px;
    font-weight: 700;
}

#invitations_sidebar h2 i {
    margin-right: 5px;
}

#invitations_sidebar .btn-sm {
    margin: 0 5px 5px 0 !important;
    top: 0 !important;
    padding: 8px 13px;
    min-width: auto;
    font-size: 11px;
}

.btn-danger {
    background-color: #e3524d !important;
    border: 1px solid #e3524d;
    text-transform: uppercase;
    border-radius: 5px !important;
}

.btn-danger:hover {
    color: #fff;
    background-color: #b13d39 !important;
    border: 1px solid #b13d39;
}

.text-capitalize {
    text-transform: capitalize !important;
}

#invitations_sidebar .media-heading a {
    font-size: 21px;
    margin: 0 0 -20px;
}

.input-group-addon {
    padding: 6px 18px;
    font-size: 14px;
    font-weight: 400;
    line-height: 1;
    color: #fff;
    text-align: center;
    background-color: #00A3E5;
    border: none;
    border-radius: 4px;
}

.notification .post_body_expanded h3 {
    margin: 2px 0 6px;
    font-weight: 600;
}

.inbox .post_holder {
    width: 100%;
    padding: 0 0 0 30px;
}

.blue {
    color: #00A3E5;
}

.faq-title {
    margin: -5px 0 17px;
}

.post_view_count+hr {
    border: none;
}

.user-plan-limits {
    color: #000 !important;
    background-color: transparent;
    border: 1px solid #e5e5e5;
    font-weight: bold;
    margin-bottom: 0;
    padding: 15px;
    margin-top: -30px;
    border-radius: 3px 3px 0 0;
}

.list-group-item {
    color: #666 !important;
    border: 1px solid #e5e5e5;
}

.list-group-item.active,
.list-group-item.active:hover {
    color: #333 !important;
    background-color: #e5e5e5 !important;
    border-color: #e5e5e5 !important;
}

.list-group-item:hover {
    color: #333 !important;
}

.list-group-item i {
    width: 20px;
    color: #333;
    font-size: 13px;
}

.h4, .h5, .h6, h4, h5, h6 {
    margin-top: 10px;
    margin-bottom: 15px;
}

#accordion.panel-group .panel {
    border-radius: 0;
    margin-bottom: 15px;
    border: 1px solid #e5e5e5;
    background-color: #fafafa;
}

#accordion .panel-body {
    padding: 15px 20px 20px;
}

#accordion .panel-default>.panel-heading {
    color: #333;
    background-color: transparent;
    border-color: #e5e5e5;
    padding: 0;
}

#accordion .panel-default>.panel-heading h4 a {
    display: table;
    width: 100%;
    padding: 15px 40px 15px 15px;
    font-size: 14px;
    text-transform: uppercase;
    line-height: 20px;
    position: relative;
}

#accordion .panel-default>.panel-heading h4 a {
    color: #00A3E5;
}

#accordion .panel-default>.panel-heading h4 a.collapsed {
    color: #333;
}

#accordion .panel-default>.panel-heading h4 a:after {
    content: "\f0d8";
    font-family: 'FontAwesome';
    float: right;
    color: #aaa;
    width: 30px;
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -10px;
}

#accordion .panel-default>.panel-heading h4 a.collapsed:after {
    content: "\f0d7";
}

#accordion .panel-default>.panel-heading+.panel-collapse>.panel-body {
    border-top-color: #e5e5e5;
}

#accordion .panel-group .panel-heading+.panel-collapse>.list-group,
.panel-group .panel-heading+.panel-collapse>.panel-body {
    border-top: 1px solid #e5e5e5;
}

.post_holder.post_holder_expand .post_body {
    min-height: 120px;
    max-height: none;
}

.post_holder.post_holder_expand,
.post_holder.post_holder_expand:hover {
    box-shadow: 0 4px 13px rgba(0, 0, 0, 0);
    border: 1px solid #e5e5e5;
}

.post_holder_expand .post_stats {
    border-bottom: 1px solid #e3e3e3;
}

.post_stats .btn-group>.btn,
.post_stats .btn-group>.btn:hover,
.post_stats .btn-group>.btn:focus {
    position: absolute;
    right: -18px;
    width: 19px;
    padding: 3px 5px;
    top: -4px;
    z-index: 44;
    background: transparent;
    border: 1px solid #ddd;
}

.post_stats .btn-group>.btn:hover,
.post_stats .btn-group>.btn:focus {
    border: 1px solid #e5e5e5;
}

.post_stats .btn-group .dropdown-menu {
    right: -18px;
    left: auto;
    top: 15px;
    float: right;
}

.post_holder .btn-link {
    border: 1px solid #ddd;
    padding: 6px 16px;
    border-radius: 3px;
    text-transform: uppercase;
    color: #666;
}

#sharebtn {
    padding-top: 15px;
}

#sharebtn #sharebtn {
    padding-top: 0;
}
.message-inbox #sharebtn #sharebtn {
    padding-top: 8px;
    font-size: 15px;
    padding-bottom: 9px;
}
.campaign-form-area legend {
    padding-bottom: 15px !important;
}

.campaign-form-area legend strong {
    font-weight: 600;
    text-transform: uppercase;
    font-size: 19px;
    color: #00A3E5;
    margin-bottom: 25px;
}

.campaign-form-area legend strong a,
.campaign-form-area legend strong a:focus {
    color: #00A3E5;
}

.campaign-form-area legend strong a:hover {
    text-decoration: underline;
}

label {
    display: inline-block;
    max-width: 100%;
    margin-bottom: 5px;
    font-weight: 300;
    color: #555;
    font-size: 12px;
    line-height: 20px;
}

.campaign-form-area textarea {
    resize: vertical;
}

span.symbol {
    font-size: 24px;
    font-weight: 400;
    line-height: 45px;
}

.campaign-form-area form .thumbnails {
    border: 1px solid #eee;
    padding: 15px;
    text-align: center;
}

.campaign-form-area form .thumbnails .no-image {
    font-size: 80px;
    color: #ccc;
}

.no-padding {
    padding: 0;
}

.members .thumbnail {
    border: none;
    padding: 0;
    background: #fff;
    border-radius: 0;
    box-shadow: 0 0 0 6px rgba(0, 0, 0, 0.07);
}

.search-form-wrap {
    border: 1px solid #e5e5e5;
    padding: 15px;
}

.search-form-wrap h1 {
    text-transform: capitalize;
    font-size: 36px;
    text-align: center;
    margin: 0 0 25px;
    letter-spacing: -1px;
}

.search-form-wrap input {
    width: 100%;
    border: 1px solid #e5e5e5;
    border-radius: 0;
    height: 50px;
    padding: 0 20px!important;
    float: left;
    font-size: 17px;
    font-weight: 300
}

.search-form-wrap button {
    width: 100%;
    border: 1px solid #224073;
    border-radius: 0;
    background: #224073;
    float: left;
    height: 50px;
    color: #fff;
    font-size: 33px
}

.search-form-wrap button:hover {
    border: 1px solid #00A3E5;
    background: #00A3E5;
}

.yellow {
    color: #fab23a;
}

.post_body_expanded {
    color: #666;
}

.notifications .post_holder,
.inbox .post_holder {
    border: 1px solid #e5e5e5;
    box-shadow: 0 4px 13px rgba(0, 0, 0, 0);
    transition: .4s;
    -webkit-transition: .4s;
    -moz-transition: .4s;
}

.notifications .post_holder {
    padding: 25px 15px;
}

.notifications .post_holder:hover,
.inbox .post_holder:hover {
    border: 1px solid #eee;
    box-shadow: 0 4px 13px rgba(0, 0, 0, 0.15);
    transition: .4s;
    -webkit-transition: .4s;
    -moz-transition: .4s;
}

.modal-footer {
    padding: 15px 10px !important;
    text-align: right;
    border-top: 1px solid #e5e5e5;
    border-radius: 0 0 5px 5px;
    overflow: hidden;
}

.modal-footer .btn-default {
    background-color: #e0e0e0 !important;
    border-color: #dbdbdb !important;
}

.modal-title {
    margin: 0;
    line-height: 1.42857143;
    text-transform: uppercase;
    font-weight: 600 !important;
    text-align: center;
}

.modal-body {
    position: relative;
    padding: 20px;
}

.modal-content {
    position: relative;
    background-color: #fff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: none !important;
    border-radius: 6px;
    outline: 0;
    -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, .5);
    box-shadow: 0 3px 9px rgba(0, 0, 0, .5);
}

.modal-body .alert {
    margin: 5px 0;
}

.nice-select.open .list {
    max-height: 287px;
    overflow: auto;
    overflow-x: hidden;
}

.btn-social {
    color: #fff !important;
    text-transform: uppercase;
    font-size: 11px;
    padding: 8px 8px;
}

.btn-social i {
    margin-right: 0;
    border-right: none;
    padding-right: 8px;
    font-size: 18px;
    margin-top: -2px;
    position: relative;
    top: 2px;
}

.btn-login-social {
    width: 100%;
    color: #fff;
    padding: 14px 10px;
}
.btn-login-social > .fa {
    color: #fff;
}

.btn-twitter {
    background: #1DA1F2;
}

.btn-facebook {
    background: #3B5998;
}

.btn-linkedin {
    background: #0077B5;
}

.btn-instagram {
    background: #3f3124;
}

.btn-youtube {
    background: #FF0000;
}

.btn-pinterest {
    background: #bd081c;
}

textarea.form-control {
    min-height: 90px;
    margin-bottom: 10px;
    margin-top: 10px;
}

.post_holder form textarea {
    padding: 15px 15px !important;
    border: 1px solid #ddd;
    height: 150px !important;
}

.modal-title,
.faq-title,
.tab-content h2,
.tab-content h3 {
    color: #17386d;
}

.checkbox {
    position: relative;
}

.checkbox input[type="checkbox"] {
    opacity: 0;
    position: absolute;
    left: 0;
    top: 0;
}

.checkbox input[type="checkbox"]+span {
    border: 1px solid #d5d5d5;
    width: 15px;
    height: 15px;
    display: inline-block;
    line-height: 12px;
    font-size: 9px;
    padding-left: 2px;
    position: absolute;
    left: 0;
    top: 6px;
    color: #fff;
    border-radius: 3px;
    transition: .3s;
    -webkit-transition: .3s;
    -moz-transition: .3s;
}

.checkbox input[type="checkbox"]:checked+span {
    color: #666;
    transition: .3s;
    -webkit-transition: .3s;
    -moz-transition: .3s;
}

a,
div {
    outline: none !important;
}

.bonfire-single.col-md-11 {
    width: 91.66666667% !important;
}

.post_holder .post_avatar_sub img {
    max-width: 53px !important;
}

.no-padding-left {
    padding-left: 0;
}

.no-padding-bottom {
    padding-bottom: 0;
}

.post_body_expanded h3 small {
    text-transform: uppercase;
    font-size: 10px;
    letter-spacing: 1px;
    position: relative;
    top: -5px;
    float: right;
    right: 15px;
    color: #999 !important;
    padding-right: 35px;
}

.bonfires.expand .post_body {
    font-size: 14px;
    padding-bottom: 30px;
    color: #777;
    height: 100%;
    max-height: 97px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding-right: 49px;
}

.bonfires.expand .expand-post.full .post_body {
    padding-right: 0;
    height: 100%;
    max-height: 10000px;
    text-overflow: inherit;
    white-space: inherit;
    -webkit-transition: max-height 1s;
    -moz-transition: max-height 1s;
    -ms-transition: max-height 1s;
    -o-transition: max-height 1s;
    transition: max-height 1s;
}

.bonfires.expand .expand-post .post_stats {
    border-bottom: none;
}

.bonfires.expand .expand-post.full .post_stats {
    border-bottom: 1px solid #e3e3e3;
}

.bonfire-dropdown2 {
    top: -45px;
}

.bonfire-single .sharebtn {
    padding: 0 0 25px;
    margin: -20px 0 0 0;
}

.expand-post .sharebtn {
    padding: 0 0 10px;
    margin: -20px 0 20px 0;
}

.expand-post.full .post_body {
    overflow: visible;
}

.expand-inner {
    width: 128%;
    opacity: 0;
    transition: .4s;
    -webkit-transition: .4s;
    -moz-transition: .4s;
    transition-delay: 0s;
}

.expand-post.full .post_body .expand-inner {
    opacity: 1;
    transition: .4s;
    -webkit-transition: .4s;
    -moz-transition: .4s;
    transition-delay: .4s;
}

.bonfire-search {
    width: 100%;
}

.bonfire-search-field {
    width: 80% !important;
}

.bonfire-search-btn {
    width: 20%;
    height: 50px;
}

.nice-select {
    padding: 0 20px !important;
    margin-bottom: 20px;
}

.nice-select:active,
.nice-select.open,
.nice-select:focus {
    border-color: #ddd !important;
    box-shadow: none !important;
}

.nice-select .list {
    box-shadow: 0 0 0 1px #ddd !important;
}

.nice-select .option:hover,
.nice-select .option.focus,
.nice-select .option.selected.focus {
    color: #00A3E5;
}

.bonfires input,
.bonfires textarea {
    border: 1px solid #ddd !important;
    box-shadow: none !important;
}

.fa-user-plus {
    font-size: 35px;
    top: 5px;
    position: relative;
}

.get-started .input-group {
    display: inline-block;
}

.get-started form .btn.btn-primary:focus,
.get-started form .btn.btn-primary {
    height: 50px;
}

#explore-holder {
    margin: 0 0 0 -15px;
}

#explore-holder .btn-toolbar {
    margin-top: 22px;
}

.pricing h2 {
    color: #224073;
    font-size: 44px;
}

.pricing h2+p {
    color: #f85457;
}

.margin-no-left {
    margin-left: 0 !important;
}

.margin-no-top {
    margin-top: 0 !important;
}

.pricing .panel-danger .panel-heading {
    background: #f85457;
}

.pricing .panel-info .panel-heading {
    background: #2bbfe8;
}

.pricing .panel-primary .panel-heading {
    background: #213f72;
}

.pricing .panel-heading {
    padding: 30px;
    border-radius: 0;
}

.pricing .panel-title {
    color: #fff;
}

.pricing .the-price h1 {
    font-size: 55px;
    margin: 40px 0 15px;
    color: #fff;
}

.pricing .the-price h1 span {
    font-size: 30px;
}

.pricing .the-price small {
    color: #fff;
    text-transform: uppercase;
    opacity: 0.8;
    font-size: 11px;
}

.pricing .cnrflash-inner {
    background: #fab23a;
    border: none;
    padding: 9px;
    color: #224073;
    font-size: 19px;
}

.pricing .panel {
    -webkit-box-shadow: none;
    box-shadow: none;
    border: none;
    border-radius: 3px;
    overflow: hidden;
}

.pricing .panel-body {
    border: 1px solid #e5e5e5;
    border-top: none;
}

.pricing .panel-body ul {
    padding: 0 40px 15px;
}

.pricing .panel-body ul li {
    list-style: none;
    border-bottom: 1px solid #e5e5e5;
    padding: 8px;
}

.pricing .panel-body ul li:last-child {
    border-bottom: none;
}

.pricing .panel-body ul li a {
    color: #888;
}

.pricing .panel-body ul li small {
    color: #222;
}

.pricing .panel-body {
    padding: 15px 0 30px;
}

.tooltip-inner {
    background-color: #000;
    color: #fff;
    padding: 15px 10px;
}

.tooltip.top .tooltip-arrow {
    border-top-color: #000;
}

.tooltip.right .tooltip-arrow {
    border-right-color: #000;
}

.tooltip.bottom .tooltip-arrow {
    border-bottom-color: #000;
}

.tooltip.left .tooltip-arrow {
    border-left-color: #000;
}

.popular {
    position: relative;
    top: -15px;
}

.sidemenu {
    padding-left: 250px;
}

.side-navigation {
    background: #17386d;
    width: 250px;
    position: fixed;
    left: -260px;
    top: 0;
    height: 100%;
    transition: .4s;
    -webkit-transition: .4s;
    -moz-transition: .4s;
}

.sidemenu .side-navigation {
    left: 0;
    transition: .4s;
    -webkit-transition: .4s;
    -moz-transition: .4s;
}

.side-logo {
    padding: 20px 20px 50px;
}

.navbar-default {
    left: 0;
    transition: .4s;
    -webkit-transition: .4s;
    -moz-transition: .4s;
}

@media only screen and (max-width: 992px) {
    .navbar-lower {
	top: 40px !important;
	padding: 0 !important;
    }
    .navbar-lower .navbar-nav {
	width: 100%;
	height: 100%;
	display: inline-flex !important;
    }
    .navbar-lower .navbar-nav li a {
	padding: 10px 0!important;
    }
}

.sidemenu .navbar-default {
    left: 250px;
    transition: .4s;
    -webkit-transition: .4s;
    -moz-transition: .4s;
}

body.menu2 {
    transition: .4s;
    -webkit-transition: .4s;
    -moz-transition: .4s;
}

.menu2 #global_nav_search {
    padding: 0 5px 0 15px !important;
    margin: 5px auto 0 !important;
    background: transparent;
    height: 56px;
    border-left: 1px solid #e5e5e5;
    border-right: 1px solid #e5e5e5;
    display: table;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
}

.side-ul {
    padding: 0;
}

.side-ul li {
    list-style: none;
    margin: 10px 0;
}

.side-ul li a {
    padding: 6px 20px;
    display: table;
    width: 100%;
    color: #999;
}

.side-ul li a:hover {
    background: #00A3E5;
    color: #fff;
}

.sn-close {
    color: #888;
    position: absolute;
    width: 20px;
    height: 10px;
    text-align: center;
    right: 0;
    display: table;
    cursor: pointer;
}

.sn-close:hover {
    color: #fff;
}

.sn-trigger {
    width: 60px;
    position: absolute;
    left: 0;
    height: 61px;
    top: 0;
    line-height: 60px;
    text-align: center;
    color: #bbb;
    font-size: 17px;
    border-right: 1px solid #e5e5e5;
    cursor: pointer;
    opacity: 1;
    transition: .4s;
    -webkit-transition: .4s;
    -moz-transition: .4s;
}

.sn-trigger:hover {
    color: #17386d;
}

.sidemenu .sn-trigger {
    opacity: 0;
}

.menu2 .wrapper {
    position: relative;
    overflow: hidden;
    width: 100%;
}

.video {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 25px;
    height: 0;
}

.video iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: none;
}

.tribal_stream_comments_timestamp {
    padding: 0 5px 0 5px;
}

.tribal_stream_comments_timestamp a i.fa-flag {
    color: #999;
}

.tribal_stream_comments_timestamp a:hover i.fa-flag {
    color: #000;
}

#search_btn {
    height: 27px;
    margin-top: 10px;
}

.padding-top-30 {
    padding-top: 30px;
}

.nav-header {
    margin-left: 10px !important;
}

.breadcrumb {
    margin: 15px 0 5px;
    padding: 0;
}

#sharebtn .btn-group:nth-child(2) {
    margin-left: 10px;
}

.post_stats>.btn-group {
    position: relative;
    margin: 0 10px 0 0;
    right: 0;
}

.caret {
    margin-top: -1px;
}

.campaign-gi-1 {
    margin-top: -20px;
    position: static;
    border-bottom: none;
    border-right: none;
    border-left: none
}

.campaign-gi-2 {
    border-bottom: none;
    border-right: none;
    border-left: none
}

.campaign-gi-3 {
    border-bottom: none;
    border-right: none;
    border-left: none;
    text-align: center;
}

.pricing .panel small {
    font-size: 10px;
}

blockquote {
    padding: 0;
    margin-top: 10px;
}

.media.media-alt {
    border: none;
    margin-bottom: 12px;
}

.media-object-alt {
    width: 30px;
    height: 30px;
}

.espot-title.espot-title-alt {
    margin-bottom: 10px;
}

p.text-alt {
    font-size: 15px;
    width: 100%;
    text-align: left;
}

.media-object-alt2 {
    width: 30px;
    height: 30px;
    margin-right: 5px;
}

.profile-info {
    background-color: #fff;
    margin: 0;
    position: absolute;
    z-index: 55;
    border: none;
    left: -23px;
    padding: 15px;
    top: -15px;
    opacity: 0;
    visibility: hidden;
    transition: .4s;
    box-shadow: 0 0 25px 0 rgba(0, 0, 0, 0.15);
}

.popover {
    min-width: 250px;
}

.popover-title {
    font-size: 15px;
    text-transform: uppercase;
}

.popover-content {
    font-size: 12px;
}

#global_sidebar h2 {
    font-size: 18px;
    margin: 0 0 15px;
    display: inline-block;
    text-transform: uppercase;
    font-weight: 600 !important;
    clear: both;
    width: 100%;
    min-height: 22px;
}

.promote-modal .modal-body {
    padding: 25px 0 25px 25px;
}

.promote_infographic {
    background-color: white;
    min-height: 405px;
    border: 2px solid #e5e5e5 !important;
    margin: 10px 0.5% 25px;
    border-radius: 4px;
    width: 32.33333% !important;
}

.promote_infographic h2 {
    margin: 10px 0 15px;
    font-size: 24px
}

body .wizard-step-indicator a p {
    font-size: 14px;
    letter-spacing: 0;
    text-transform: capitalize;
    font-weight: 500;
}

body .wizard-step-indicator a span {
    border-width: 1px !important;
    font-size: 16px !important;
    line-height: 46px !important;
}

body .wizard-step-indicator.active a p {
    color: #fff;
}

body .wizard-step-indicator.active a span {
    color: #fff;
    border-color: #fff;
}

form.wizard .nav-tabs.nav-justified>li>a {
    border-radius: 0;
}

@media only screen and (max-width: 1050px) {
    .promote_mob_width_100 {
	width: 100% !important;
    }
}

@media only screen and (min-width: 1050px) and (max-width: 1073px) {
    .mob_width_31 {
	width: 31% !important;
    }
}

.fancy-text {
    color: #11376a;
    font-size: 70px;
    line-height: 37px;
    margin-top: 33px;
    font-style: italic;
    font-weight: bold;
    text-transform: none;
}

.fancy-text+p {
    color: #17386d;
    margin: 25px 0 10px;
    font-size: 18px;
    line-height: 24px;
    font-weight: 400;
}

.promote-modal h2 {
    text-align: center;
    font-weight: bold !important;
    font-size: 18px;
    background: #2bbfe8;
    color: #fff;
    display: table;
    margin: 25px auto 15px;
    padding: 10px 23px;
    border-radius: 25px;
}

.promote-modal form input[type=submit] {
    background: #11376a;
    padding: 13px 22px;
    clear: both;
    margin: 10px auto 15px;
    color: #fecb3a !important;
    display: table;
    border-radius: 5px;
    font-size: 21px;
    line-height: 30px;
    border: none;
}

.promote-modal form input[type=submit]:hover {
    background: #fecb3a;
    color: #11376a !important;
}

.promote-modal p {
    color: #11376a;
}

.promote-img {
    max-width: 670px;
    margin: 0 auto;
    width: 100%;
}

.promote-modal .modal-content {
    overflow-x: hidden;
}

.modal-lg.promote-modal {
    width: 100% !important;
    max-width: 700px !important;
}

.learnmore {
    text-transform: uppercase;
    font-size: 10px;
    font-weight: 400;
    margin-top: 7px;
    display: inline-block;
}

.stats-tabs h4.media-heading a {
    color: #000;
    font-size: 15px;
    text-transform: none;
    font-weight: 700;
    display: table;
}

.stats-tabs h4+div {
    text-transform: none;
    font-size: 14px;
}

.stats-tabs h4+div+.media-links i {
    font-style: normal;
}

.stats-tabs .media {
    border-bottom: 1px solid #eee;
    padding: 0;
}

.stats-tabs .media:last-child {
    border-bottom: none;
    /* padding: 0; */
}

.stats-tabs .panel-actions-tabs {
    margin: 20px 0 0 0 !important;
}

.stats-tabs .panel-posts {
    background-color: white;
    padding: 15px 15px 10px 15px;
    margin-bottom: 15px;
    top: -1px;
    max-height: 295px;
    overflow: auto;
    border-top: 1px solid #ddd;
}

.stream_post .stats-hide {
    position: absolute;
    background: #bbb;
    width: 20px;
    height: 20px;
    text-align: center;
    line-height: 20px;
    color: #fff;
    font-size: 13px;
    right: 20px;
    top: 28px;
    cursor: pointer;
    transition: .3s;
    border-radius: 2px;
    z-index: 77;
}

.stream_post .stats-hide:hover {
    background: #888;
    color: #fff;
    transition: .3s;
}

.stats-tabs.act {
    display: block;
}

.tsb-thumb {
    padding: 0 0 0 20px;
}

.tsb-thumb a {
    display: table;
    width: 100%;
    position: relative;
    background: #000;
}

.tsb-thumb a img {
    opacity: 0.8;
    width: 100%;
}

.tsb-thumb a i {
    position: absolute;
    bottom: 15px;
    right: 15px;
    color: #fff;
    border: 1px solid #fff;
    width: 35px;
    height: 35px;
    line-height: 33px;
    text-align: center;
    border-radius: 50%;
    font-size: 13px;
}

.margin-no {
    margin: 0 !important;
}

.default-member hr {
    border-top: 1px solid #ddd;
    margin: 11px 0;
}

.default-member {
    background: #fff;
    padding: 7px;
    border: 1px solid #e5e5e5;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1), 0 3px 7px rgba(0, 0, 0, 0.15);
}

.default-member h3 {
    margin: 9px 0 13px;
    color: #00A3E5;
    font-size: 21px;
}

.navbar-default .nav>li>a {
    position: relative;
    z-index: 7777;
}

.joyride-expose-cover {
    max-height: 212px;
}

.social-btns {
    margin-bottom: 15px;
}

.social-btns a {
    width: 100%;
    display: table;
    padding: 7px 7px 7px 47px;
    position: relative;
    border-radius: 4px;
    color: #fff;
    text-transform: uppercase;
    font-size: 14px;
    text-align: center;
    transition: .4s;
}

.social-btns a i {
    position: absolute;
    left: 0;
    height: 38px;
    top: 0;
    width: 43px;
    text-align: center;
    line-height: 38px;
    font-size: 16px;
    border-right: 1px solid rgba(255, 255, 255, 0.5);
}

.login-wrapper .social-btns a i {
    color: #fff !important;
}

.login-wrapper-left h3 {
    font-weight: bold;
}

.login-wrapper .social-btns a {
    padding: 9px 9px 9px 47px;
    font-size: 13px;
    font-weight: 700;
}

.sb-twitter {
    background: #1DA1F2;
}

.sb-twitter:hover {
    background: #1881C2;
}

.sb-facebook {
    background: #3B5998;
}

.sb-facebook:hover {
    background: #243F7A;
}

.sb-linkedin {
    background: #0077B5;
}

.sb-linkedin:hover {
    background: #074769;
}

#member_login legend {
    padding-bottom: 7px;
    margin-bottom: 25px;
    text-transform: uppercase;
    font-size: 15px;
}

#member_login .modal-body {
    padding: 23px 23px 28px !important;
    margin: 0;
}

.login-wrapper {
    position: relative;
}

.login-wrapper-left {
    width: 33.333333%;
    position: fixed;
    background: #fff;
    height: 100%;
    top: 0;
    left: 0;
    padding: 20px 60px;
    text-align: center;
}

.login-wrapper-left p {
    font-size: 16px;
    margin: 35px 0 0;
}

.registration-confirmation p {
    margin: 20px 0 !important;
    font-size: 14px;
    color: #ccc;
}

#registerFromLogin .alert-success {
    font-size: 16px;
}

.login-wrapper-left p a {
    color: #00A3E5;
    border-bottom: 1px solid #00A3E5;
    transition: .4s;
    cursor: pointer;
}

.login-wrapper-left p a:hover {
    color: #000;
    border-bottom: 1px solid #000;
}

.login-wrapper-left .social-btns {
    max-width: 270px;
    margin: 20px auto;
}

.login-wrapper-left h3 {
    font-size: 32px;
    margin: 20px 0 0;
}

.login-wrapper-left h3+p {
    margin: 30px 0 30px;
}

.login-wrapper-left h4 {
    font-size: 32px;
    margin: 20px 0 0;
}

.login-wrapper-left h4+p {
    margin: 15px 0 15px;
}

.login-wrapper-left .btn-success {
    min-width: 100%;
    height: 43px;
    line-height: 42px;
}

.login-wrapper-left .checkbox {
    padding: 0 33px;
    display: table;
    margin: 25px 0 10px;
    position: relative;
    top: 20px
}

.login-wrapper-left .checkbox label,
.login-wrapper-left .radio label {
    min-height: 20px;
    padding-left: 20px;
    margin-bottom: 0;
    font-weight: 400;
    cursor: pointer;
    font-size: 12px;
    line-height: 20px;
    position: relative;
    top: -3px;
}

.login-wrapper-left .checkbox input[type=checkbox] {
    margin-top: 7px;
}

.login-wrapper-left .form-control {
    height: 47px;
    padding: 6px 20px !important;
    font-size: 14px;
    border: 1px solid #ddd;
    box-shadow: none !important;
}

.login-wrapper-left .form-control:focus {
    border: 1px solid #2bbfe8;
}

.login-wrapper-right img {
    margin-top: 55px;
}

.login-wrapper-right h1 {
    font-size: 50px;
    font-weight: 400;
    color: #fff;
    text-shadow: 0 5px 5px rgba(0, 0, 0, 0.42);
    line-height: 55px;
    margin: 22px 0 18px;
}

.login-wrapper-right p {
    color: #f1b50b;
    font-size: 21px;
    text-shadow: 0 5px 5px rgba(0, 0, 0, 0.42);
    font-weight: 300;
    margin-bottom: 22px;
}

.login-div1,
.login-div2,
.login-div3 {
    opacity: 0;
    visibility: hidden;
    transition: 0.45s;
    top: 45% !important;
}

.login-div1.active,
.login-div2.active,
.login-div3.active {
    /*	top:50% !important;*/
    opacity: 1;
    visibility: visible;
    transition: 0.45s;
}

#profile.tab-pane,
#email.tab-pane,
#networks.tab-pane {
    overflow: hidden;
}

.login-wrapper-right {
    width: 66.666666%;
    position: fixed;
    background: #143363 url(../../assets/img/login-img.jpg) no-repeat center;
    background-size: cover;
    height: 100%;
    top: 0;
    right: 0;
}

.sub-categories button.sub-category {
    font-size: 11px;
    padding: 5px 7px;
    margin-bottom: 7px;
    line-height: 12px;
}

.sub-categories button.sub-category .badge {
    top: 0;
    padding: 0;
    margin-right: 2px;
    width: 18px;
    color: #00a3e5
}

.center-div {
    position: absolute;
    top: 40%;
    transform: translateY(-50%);
    margin-top: -10px;
    left: 0;
    right: 0;
    padding: 20px 60px;
}

.sticky {
    border-width: 0 16px 16px 0;
    border-style: solid;
    border-color: #f7c307 #fff;
    width: 16px;
    height: 16px;
    position: absolute;
    top: -1px;
    left: -1px;
    transform: rotate(-90deg);
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1), -1px 1px 1px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1), -1px 1px 1px rgba(0, 0, 0, 0.1);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1), -1px 1px 1px rgba(0, 0, 0, 0.1);
}

.sponsored {
    border-width: 0 16px 16px 0;
    border-style: solid;
    border-color: #00A3E5 #fff;
    width: 16px;
    height: 16px;
    position: absolute;
    top: -1px;
    left: -1px;
    transform: rotate(-90deg);
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1), -1px 1px 1px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1), -1px 1px 1px rgba(0, 0, 0, 0.1);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1), -1px 1px 1px rgba(0, 0, 0, 0.1);
}

.more-comments {
    text-align: center;
    width: 100%;
    text-decoration: none;
}

.more-comments:hover {
    color: #00A3E5;
    text-decoration: none;
}

.welcome-tribes {
    border: 1px solid #ddd;
    padding: 29px;
    max-width: 340px;
    margin: 35px 0 30px;
    clear: both;
}

.welcome-tribes .btn-success {
    padding: 0 20px;
    min-width: auto;
}

.tab-content.no-login-tabs {
    padding: 30px 0 0;
}

.tab-content.no-login-tabs .post-child {
    position: relative;
    left: 11px;
}

.no-login-dropdown {
    float: right;
    margin: 0 0 4px;
}

.no-login-dropdown .nav-pills .dropdown-toggle {
    color: #000;
    text-transform: none;
    font-size: 12px;
    box-shadow: none;
}

.no-login-dropdown .nav-pills .dropdown-toggle .caret {
    margin-left: 10px;
}

.tab-content.no-login-tabs .post-body h1 {
    padding-right: 0;
}

.inbox-dropdown .dropdown-menu,
.notification-dropdown .dropdown-menu {
    padding: 0;
    min-width: 320px;
    max-height: calc(100vh - 100px);
}

.inbox-dropdown .dropdown-menu ul,
.notification-dropdown .dropdown-menu ul {
    padding: 0 !important;
    max-height: calc(100vh - 135px);
    overflow: auto;
    margin-bottom: 0;
    display: inline-block;
    width: 100%;
}

.inbox-dropdown .dropdown-menu li {
    list-style: none;
    padding: 20px 10px 0 20px
}
.notification-dropdown .dropdown-menu li {
    list-style: none;
    padding: 10px 10px 0 10px
}

.notification-dropdown .dropdown-menu li+.text-center p,
.inbox-dropdown .dropdown-menu li+.text-center p {
    margin: 0px 0 3px;
    font-size: 12px;
}

.notification-dropdown .dropdown-menu li+.text-center p a,
.inbox-dropdown .dropdown-menu li+.text-center p a {
    color: #aaa;
}

.notification-dropdown .dropdown-menu li+.text-center p a:hover,
.inbox-dropdown .dropdown-menu li+.text-center p a:hover {
    color: #000;
}

.notification-dropdown.open>a .badge,
.inbox-dropdown.open>a .badge,
.notification-dropdown>a .badge:hover,
.inbox-dropdown>a .badge:hover,
.notification-dropdown>a:hover .badge,
.inbox-dropdown>a:hover .badge {
    background: #fff;
    color: #00A3E5;
}

.sl-item span {
    text-transform: uppercase;
    font-size: 9px;
    font-weight: 400;
    letter-spacing: 1px;
    color: #aaa;
}

.sl-avatar {
    position: absolute;
    left: -22px;
}

.sl-item .icon {
    position: absolute;
    left: 0;
    top: 4px;
}

.sl-item .icon img {
    width: 30px;
    border-radius: 50%;
    margin-top: -3px;
}

.sl-item a {
    color: #00A3E5;
    word-break: break-word;
}

.sl-item .sl-content {
    margin-left: 20px;
}

.sl-item .icon i {
    font-size: 28px;
    top: 0;
}

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

.media-img {
    width: 64px;
    height: 64px;
}

.media.media-div {
    border: none;
    margin-bottom: 12px;
}

.dd-img {
    width: 20px;
    margin: 2px 9px 0 0;
}

.tab-content.tab-div {
    border-left: thin solid #ddd;
    border-bottom: thin solid #ddd;
    border-right: thin solid #ddd;
}

.form-group.form-item {
    margin-bottom: 10px;
    background-color: #f9f9f9;
}

.padding-bottom-5 {
    padding-bottom: 5px;
}

.margin-bottom-10 {
    margin-bottom: 10px;
}

.margin-bottom-15 {
    margin-bottom: 15px;
}

.margin-bottom-20 {
    margin-bottom: 20px !important;
}

.margin-bottom-30 {
    margin-bottom: 30px !important;
}

.margin-less-55 {
    margin-top: -55px;
}

.anchor-div {
    position: absolute;
    display: table;
    margin-top: -60px;
}

.sep-ball {
    margin-left: 11px;
    margin-top: -15px;
    position: relative;
    z-index: 11;
    display: none;
}

.hide-content {
    display: none;
}

.cke_button__justifycenter_icon {
    background-image: url(//triberr.com/lib/ckeditor/plugins/justify/icons/justifycenter.png?t=E0LB);
    background-position: 0 0;
    background-size: 16px;
}

.cke_button__justifyright_icon {
    background-image: url(//triberr.com/lib/ckeditor/plugins/justify/icons/justifyright.png?t=E0LB);
    background-position: 0 0;
    background-size: 16px;
}

.cke_button__justifyblock_icon {
    background-image: url(//triberr.com/lib/ckeditor/plugins/justify/icons/justifyblock.png?t=E0LB);
    background-position: 0 0;
    background-size: 16px;
}

.cke_button__outdent_icon {
    background-image: url(//triberr.com/lib/ckeditor/plugins/icons.png?t=E0LB);
    background-position: 0 -456px;
    background-size: auto;
}

.cke_button__indent_icon {
    background-image: url(//triberr.com/lib/ckeditor/plugins/icons.png?t=E0LB);
    background-position: 0 -408px;
    background-size: auto;
}

.cke_button__link_icon {
    background-image: url(//triberr.com/lib/ckeditor/plugins/icons.png?t=E0LB);
    background-position: 0 -528px;
    background-size: auto;
}

.cke_button__unlink_icon {
    background-image: url(//triberr.com/lib/ckeditor/plugins/icons.png?t=E0LB);
    background-position: 0 -552px;
    background-size: auto;
}

.cke_button__image_icon {
    background-image: url(//triberr.com/lib/ckeditor/plugins/icons.png?t=E0LB);
    background-position: 0 -360px;
    background-size: auto;
}

.cke_button__horizontalrule_icon {
    background-image: url(//triberr.com/lib/ckeditor/plugins/icons.png?t=E0LB);
    background-position: 0 -336px;
    background-size: auto;
}

.cke_button__source_icon {
    background-image: url(//triberr.com/lib/ckeditor/plugins/icons.png?t=E0LB);
    background-position: 0 -840px;
    background-size: auto;
}

.cke_button__scayt_icon {
    background-image: url(//triberr.com/lib/ckeditor/plugins/icons.png?t=E0LB);
    background-position: 0 -888px;
    background-size: auto;
}

.cke_button__maximize_icon {
    background-image: url(//triberr.com/lib/ckeditor/plugins/icons.png?t=E0LB);
    background-position: 0 -672px;
    background-size: auto;
}

.btn.auto-width {
    width: auto;
}

.btn-submit-settings {
    padding: 10px 25px;
    border: 2px solid #224073 !important;
    background: #224073;
    color: #fff;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 700;
}

.btn-submit-settings:hover {
    background: transparent;
    color: #224073 !important;
}

a.btn-cancel-settings {
    padding: 14px 25px;
    border: 2px solid #f05455;
    background: transparent;
    color: #f05455;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 700;
}

.btn-cancel-settings:hover {
    background: #f05455;
    color: #fff !important;
}

#promote-type {
    background: #e5e5e5;
    padding: 3px 20px;
    width: 115px;
    font-size: 12px;
    color: #333;
    border-radius: 5px;
    text-align: center;
}

.stats-iframe {
    width: 100%;
    height: 400px;
    border: none;
    margin-left: 0;
    display: table;
    min-width: 100%;
}

.stats-iframe2 {
    width: 630px;
    height: 400px;
    border: none;
    margin-left: 20px;
}

.conversation-holder-0>h2 {
    padding: 0 25px 0 0;
}

.conversation-holder-0>h2 small {
    font-size: 13px;
}

#conversation-holder-0 {
    padding: 0 15px 0 0;
    list-style: none;
    overflow: scroll;
    overflow-x: hidden;
    line-height: 19px;
}

.hr-sep {
    margin: 8px auto;
}

.media-30 {
    width: 30px;
    height: 30px;
}

.media-64 {
    width: 64px;
    height: 64px;
}

.media-85 {
    width: 85px;
    height: 85px;
}

#tribes_assign_social_profiles h5 a {
    color: #000;
    text-transform: uppercase;
}

.auto-width {
    width: auto !important;
}

.follower-img {
    position: relative;
}

.follower-img:after {
    content: "";
    background: #000;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 11;
    opacity: 0;
    transition: .4s;
}

.follower-img .join {
    background: #d75452 !important;
    color: #fff !important;
    position: absolute;
    top: 50%;
    left: 50%;
    right: auto;
    display: table;
    padding: 8px 13px !important;
    text-transform: uppercase;
    font-size: 11px;
    font-weight: 400;
    border-radius: 3px;
    transform: translate(-50%, -250%);
    z-index: 55;
    opacity: 0;
    transition: .4s;
    font-style: normal;
}

.follower-img .join:hover {
    background: #000 !important;
}

.discover-tribe-results:hover .follower-img .join {
    transform: translate(-50%, -50%);
    opacity: 1;
    transition: .4s;
}

.discover-tribe-results:hover .follower-img:after {
    opacity: 0.6;
    transition: .4s;
}

.cke_button__bold_icon {
    background-image: url(//triberr.com/lib/ckeditor/plugins/icons.png?t=E0LB);
    background-position: 0 -24px;
    background-size: auto;
}

.cke_button__italic_icon {
    background-image: url(//triberr.com/lib/ckeditor/plugins/icons.png?t=E0LB);
    background-position: 0 -48px;
    background-size: auto;
}

.cke_button__strike_icon {
    background-image: url(//triberr.com/lib/ckeditor/plugins/icons.png?t=E0LB);
    background-position: 0 -72px;
    background-size: auto;
}

.cke_button__underline_icon {
    background-image: url(//triberr.com/lib/ckeditor/plugins/icons.png?t=E0LB);
    background-position: 0 -144px;
    background-size: auto;
}

.cke_button__removeformat_icon {
    background-image: url(//triberr.com/lib/ckeditor/plugins/icons.png?t=E0LB);
    background-position: 0 -792px;
    background-size: auto;
}

.cke_button__bulletedlist_icon {
    background-image: url(//triberr.com/lib/ckeditor/plugins/icons.png?t=E0LB);
    background-position: 0 -600px;
    background-size: auto;
}

.cke_button__numberedlist_icon {
    background-image: url(//triberr.com/lib/ckeditor/plugins/icons.png?t=E0LB);
    background-position: 0 -648px;
    background-size: auto;
}

.cke_button__blockquote_icon {
    background-image: url(//triberr.com/lib/ckeditor/plugins/icons.png?t=E0LB);
    background-position: 0 -168px;
    background-size: auto;
}

.cke_button__justifyleft_icon {
    background-image: url(//triberr.com/lib/ckeditor/plugins/justify/icons/justifyleft.png?t=E0LB);
    background-position: 0 0;
    background-size: 16px;
}

.bg-gray {
    background: #f5f5f5;
}

.margin-right-15 {
    margin-right: 15px;
}

.relative {
    position: relative !important;
}

.fixed {
    position: fixed;
}

.promote-modal .modal-content {
    width: 100%;
    max-width: 900px;
}

.no-padding-top {
    padding-top: 0;
}

.break_word {
    word-wrap: break-word;
}

.padding-bottom-4 {
    padding-bottom: 4% !important;
}

.padding_top_20 {
    padding-top: 20px;
}

.border-1px {
    border: 1px solid #E5E5E5;
}

.width_10 {
    width: 10%;
}

.width_20 {
    width: 20%;
}

.width_30 {
    width: 30%;
}

.width_32 {
    width: 32%;
}

.width_40 {
    width: 40%;
}

.width_50 {
    width: 50%;
}

.width_60 {
    width: 60%;
}

.width_70 {
    width: 70%;
}

.width_80 {
    width: 80%;
}

.width_90 {
    width: 90%;
}

.width_95 {
    width: 95%;
}

.width_98 {
    width: 98%;
}

.width_100 {
    width: 100%;
}

.vertical_middle {
    vertical-align: middle;
}

.font_23 {
    font-size: 23px !important;
}

.line_height-14 {
    line-height: 1.4
}

.no-padding {
    padding: 0 !important;
}

.side-padding-10 {
    padding: 0 10px;
}

.margin_bottom_10 {
    margin-bottom: 5px !important;
}

.margin_bottom_30 {
    margin-bottom: 30px;
}

.display-inline {
    display: inline-block !important;
}

.float_right {
    float: right !important;
}

.display-block {
    display: block;
}

.typo-medium {
    font-size: 13px;
}

.margin-alt {
    margin: 3px 0 0 3px;
}


/* Make position: fixed for making live conversations sticky */

.sb-cta {
    position: relative;
    height: 100%;
}

.gray-border {
    border: thin solid #e5e5e5;
}

.btn.text-white {
    color: #fff;
}

.campaign-form-area h2.profile-name,
.tribal-stream-tabs h2.profile-name {
    margin: 5px 0 10px 5px;
}

.page-header-alt {
    margin: 20px 0 30px 0;
    border: none;
}

.media.media-comment {
    margin: 0;
    padding: 15px 0 15px 0;
}

.no-margin-bottom {
    margin-bottom: 0;
}

.no-margin-top {
    margin-top: 0;
}

.fill-width-row.fill-row-alt {
    padding-bottom: 0;
    padding-top: 26px;
}

.bw-color-photo-profile {
    width: 140px;
    margin: 7px 10px 7px 7px;
}

.btn-default-alt {
    margin-left: 10px;
    width: auto;
    line-height: 40px;
}

.mytabcontent-alt {
    border-left: thin solid #DDD;
    border-right: thin solid #DDD;
    border-bottom: thin solid #DDD;
}

.white-row-table {
    padding: 20px 10px;
    border: thin solid #e5e5e5;
}

button:focus {
    box-shadow: none !important;
}

.nice-select {
    line-height: 50px;
}

.get-started-holder {
    padding: 15px 15px 20px;
}

.media-left {
    float: left;
}

.media-right {
    float: right;
}

.bw-color-photo.bw-color-photo-profile {
    width: auto;
    max-width: 100%;
    margin-right: 20px;
    margin-bottom: 20px;
    position: relative;
    top: 9px;
}

.media-links a {
    margin-bottom: 5px;
    display: inline-block;
}

.body-frame .readability {
    padding-right: 0;
    padding-left: 5px;
}

.protected #conversation-holder-0 {
    max-height: 330px;
}

.protected .post-avatar-div {
    left: -8px;
}

.tribe-tab table {
    width: 100%;
}

aside h4 {
    font-size: 22px;
    font-weight: 400;
}

.aside-mob {
    position: relative;
}

.aside-mob .pull-right {
    padding: 0;
}

.aside-mob .dropdown-menu>li>a {
    background: transparent;
    border: none;
    padding: 7px 12px;
    border-bottom: 1px solid #e5e5e5;
}

.aside-mob .dropdown-menu li:last-child a {
    border-bottom: none;
}

.post_holder.post_holder_expand~form textarea {
    height: 70px !important;
}

.dropdown-custom.btn-group .btn-default {
    padding: 3px 5px;
    font-size: 9px;
    border-radius: 3px !important;
    color: #777;
    outline: 0 !important;
}

.dropdown-custom.btn-group .btn-default>.fa-cog {
    font-size: 13px;
    border-right: 1px solid #e5e5e5;
    padding-right: 6px;
    margin: -3px 4px 0 0;
    height: 18px;
    line-height: 21px;
    color: #aaa;
}

.aside-mob .relative {
    margin-bottom: 15px;
}

.discover-tribe-results div.col-xs-4 {
    padding: 0 15px 0 0 !important;
}

.invitations-page div.col-xs-4 {
    width: 100%;
}

.discover-tribe-results div.col-xs-8 {
    padding: 0 15px !important;
}

.carousel-inner img {
    width: 100%;
}

.discover-tribe-results2 .show-xs {
    display: none;
}

.mob-conversations {
    background: #fff;
    position: fixed;
    top: 0;
    right: -500px;
    width: 100%;
    max-width: 500px;
    height: 100%;
    z-index: 777777777;
    padding: 20px;
    visibility: hidden;
    transition: .5s;
}

.mob-conversations.active {
    right: -0px;
    visibility: visible;
    transition: .5s;
}

.mob-conversations .conversation-holder-0>h2 {
    padding: 0 25px 0 0;
    text-transform: uppercase;
    font-size: 18px;
    margin: 0 0 19px;
}

.mob-conversations #conversation-holder-0 {
    max-height: calc(100vh - 80px);
}

.mc-close {
    position: absolute;
    top: 0;
    right: 0;
    padding: 7px 10px;
    color: #ccc;
}

.mc-close:hover {
    color: #000;
}

#invitations_sidebar #auto-shares .media-heading,
#invitations_sidebar #muted-member .media-heading {
    margin: -7px 0 0;
}

.button-text {
    background: transparent;
    border: none;
    padding: 0;
    text-align: left;
    color: #000;
}

.mob-quarter .discover-tribe-results .thumbnail div h5 {
    height: 15px;
    overflow: hidden;
    text-overflow: ellipsis;
    word-wrap: normal;
}

.stream-aside-mob {
    margin: 5px 0 -45px;
}

.left-menu .tab-content.tab-div {
    border-top: 1px solid #ddd;
}

@media screen and (max-height: 600px) {
    #newTribeModal .nice-select.open .list,
    #tribal_stream_settings .nice-select.open .list,
    .tribal-stream-tabs #profile .nice-select.open .list,
    .blog-sub-cat .nice-select.open .list {
	top: auto;
	bottom: 44px;
	margin-bottom: 0 !important;
	width: 100%;
    }
}

#newTribeModal .nice-select.open .list,
#tribal_stream_settings .nice-select.open .list,
.tribal-stream-tabs #profile .nice-select.open .list,
.blog-sub-cat .nice-select.open .list {
    top: auto;
    margin-bottom: 20px;
    width: 100% !important;
}

#newTribeModal .nice-select.open .list {
    max-height: 130px;
}

.get-started .btn-large {
    padding: 12px;
}

.dropdown-menu .badge {
    font-weight: 300;
    padding: 5px;
}

.profle-prime {
    color: #ff6600 !important;
    background: #17386d;
    width: 25px;
    height: 25px;
    position: absolute;
    right: 0;
    top: 0;
    text-align: center;
    line-height: 29px;
}

.profle-prime i {
    font-size: 16px !important;
}

#tribal_stream_settings form {
    overflow: hidden;
}

.bonfire-single-post .expand-inner {
    opacity: 1;
    width: 95%;
    margin-left: 5%;
}

.bonfire-single-post .expand-inner h3 {
    margin-top: 15px;
}

.bonfire-single-post .expand-inner h3 small {
    top: 0;
}

.bonfire-single-post .expand-inner .post_avatar {
    padding: 5px 0 0 25px;
}

.bonfire-single-post .expand-inner .post_holder {
    border: 1px solid #e5e5e5;
    box-shadow: 0 4px 13px rgba(0, 0, 0, 0);
}

.bonfire-single-post .expand-inner .post_holder:hover {
    border: 1px solid #eee;
    box-shadow: 0 4px 13px rgba(0, 0, 0, 0.15);
}

.inbox.expand .expand-post.full .post_body {
    word-break: break-word;
}

.modal-open .modal {
    overflow-x: hidden;
    overflow-y: hidden;
}

#tribes_assign .modal-content {
    max-height: 80vh !important;
}

.iframe-social>div {
    display: table;
    width: 100%;
}

.iframe-social>div a {
    width: auto;
}

/*.modal#tribes_assign,
.modal#tribes_assign_social_profiles {
    top: 0;
}*/

#tribes_assign .modal-content,
#tribes_assign_social_profiles .modal-content {
    overflow: auto;
    overflow-x: hidden;
    max-height: 85vh;
}

#tribes_assign .nice-select {
    width: 100%;
}

.tribal-stream-tabs .profile-name {
    position: relative;
    margin: 0;
    width: 100%;
    font-size: 20px;
    word-break: break-word;
    line-height: 24px;
}

.media-links a.hide-post {
    display: none;
}

.fnt-12 {
    font-size: 12px !important;
}

.fnt-14 {
    font-size: 14px !important;
}

.background-yellow {
    background-color: yellow;
}

.mytab-col8.own-profile+.col-md-4 {
    margin-top: -215px;
}

.profile-main .follow_blogger .pull-left {
    position: absolute;
    background: #fff;
    float: none !important;
    right: -18px;
    padding: 15px 15px 0 0;
    border: 1px solid #ddd;
    border-radius: 4px;
    color: #000 !important;
    width: 160px;
    margin-top: -75px;
    /*left:220px;*/
    top: 7px;
}

.profile-main .follow_blogger .pull-left .checkbox {
    position: relative;
    bottom: 0;
    display: block;
}

.profile-main .follow_blogger .pull-left label {
    color: #000;
}

.profile-main .follow_blogger .pull-left label .btn:hover,
.profile-main .follow_blogger .pull-left label .btn:focus,
.profile-main .follow_blogger .pull-left label .btn {
    margin-top: 8px;
    margin-right: 7px;
    margin-bottom: -3px;
    border-width: 1px;
    padding: 5px 13px;
}

.notification-dropdown>a .badge,
.inbox-dropdown>a .badge,
.notification-dropdown>a .badge:hover,
.inbox-dropdown>a .badge:hover,
.notification-dropdown>a:hover .badge,
.inbox-dropdown>a:hover .badge {
    background: #faca04;
    color: #17386d;
}

.notification-dropdown.open>a .badge,
.inbox-dropdown.open>a .badge,
.notification-dropdown>a .badge:hover,
.inbox-dropdown>a .badge:hover,
.notification-dropdown>a:hover .badge,
.inbox-dropdown>a:hover .badge {
    background: #fff;
    color: #00A3E5;
}

.body-frame .navbar-inverse {
    z-index: 9999999999;
}

.body-frame .navbar-inverse .container {
    max-width: 100%;
}

div.body-frame .stats-tabs-stream.stats-tabs #panel-posts {
    max-height: 67vh;
    border-bottom: 1px solid #ddd;
}

div.body-frame .stats-tabs-stream.stats-tabs #media-panel {
    max-height: 282px;
    overflow: auto;
    overflow-x: hidden;
}

div.body-frame {
    position: fixed;
    top: 0;
    right: -105%;
    bottom: 0;
    left: auto;
    margin: 0;
    padding: 0;
    width: 91%;
    background: #fff;
    z-index: 777777;
    transition: .5s;
    visibility: hidden;
}

div.body-frame.active {
    right: 0;
    transition: .6s;
    visibility: visible;
    background: #fff !important;
}

div.body-frame .navbar-fixed-top {
    position: absolute;
}

.stats-overlay {
    background: #000;
    z-index: 777777;
    position: fixed;
    height: 100%;
    width: 100%;
    top: 0;
    right: 0;
    left: 0;
    opacity: 0;
    visibility: hidden;
    transition: .4s;
}

body.active {
    overflow: hidden;
}

body.active .stats-overlay {
    opacity: 0.6;
    transition: .4s;
    visibility: visible;
}

div.body-frame .single-article {
    border: 0;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    padding: 90px 10px 50px;
    overflow: auto;
    overflow-x: hidden;
    z-index: 0;
}

.single-article .col-md-8 .readability h1 {
    font-size: 36px;
    line-height: 40px;
    margin-bottom: 5px;
    margin-top: 0;
}

.single-article .readability img {
    float: none !important;
    max-height: none;
    max-width: 100%;
    padding: 20px 0;
}

.single-article .readability,
.single-article .readability p {
    margin: 0 0 20px 0;
    font-size: 16px;
    color: #555;
    line-height: 24px;
    word-break: break-word;
}

.single-article .readability h1 {
    margin: -10px 0 15px;
}

.single-article .readability h2 {
    margin-bottom: 10px;
}

.single-article .readability h3 {
    margin-bottom: 15px;
}

.single-article .readability ul {
    margin-left: 15px;
    margin-bottom: 15px;
}

div.body-frame .stream-single-close {
    width: 31px;
    height: 68px;
    position: absolute;
    cursor: pointer;
    left: -31px;
    top: 31px;
    text-align: center;
    background: url(../../assets/img/close.png) no-repeat center center transparent;
}

.loadPostLink em {
    font-style: normal;
}

div.body-frame .frame-carousel-wrap {
    top: 49px !important;
}

div.body-frame .iframe-comments .conversation-holder {
    max-height: 300px;
    overflow: auto;
    word-break: break-word;
}

div.stream_post .conversation-holder,
#conversation-holder-0 {
    word-break: break-word;
    width: 100%;
}

@media only screen and (max-width: 768px) {
    #conversation-holder-0 {
	width: 98%;
    }
}

.single-article .readability img.alignright {
    float: right !important;
    margin-left: 30px;
    margin-bottom: 15px;
}

.single-article .readability img.alignleft {
    float: left !important;
    margin-right: 30px;
    margin-bottom: 15px;
}

.single-article #firstImage {
    float: left;
    padding-left: 0;
    padding-bottom: 20px;
    max-height: 460px;
    max-width: none !important;
    width: 100% !important;
}

.stream-body-img {
    max-height: 460px;
    overflow: hidden;
    display: block !important;
    max-width: 100%;
    width: auto !important;
    margin-bottom: 15px;
}

.profile-main .thumbnails .checkbox {
    text-shadow: 0 0 3px rgba(0, 0, 0, .8);
}

.stream-post nav {
    overflow: hidden;
}

.stream-social {
    width: 100.25% !important;
}

.hide-post {
    position: absolute;
    top: -1px;
    right: -1px;
    padding: 3px 5px;
    line-height: 15px;
    border: 1px solid #e3e3e3;
    border-radius: 3px;
    font-size: 12px;
    color: #ccc;
    cursor: pointer;
    opacity: 1;
    transition: .3s;
}

.stream_post:hover .hide-post {
    opacity: 1;
    transition: .3s;
}

.hide-post:hover {
    color: #666;
}

.prime-membership-detail {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background-color: #f5f5f5;
    border-color: #e5e5e5;
    border-image: none;
    border-style: solid;
    border-width: 1px 1px 0;
    color: #000 !important;
    font-size: 16px;
    margin-bottom: 0;
    padding: 15px !important;
}

.prime-stripe-box {
    display: inline-block;
    margin: 10px;
}

.stream-post-inner .popover {
    border-radius: 0 !important;
    box-shadow: 0 2px 10px rgba(90, 90, 90, .1) !important;
    border-color: rgba(0, 0, 0, .2) !important;
    min-width: 80px;
    text-align: center
}

.stream-post-inner .popover-content {
    padding: 4px 9px;
    font-size: 9pt;
    color: #888 !important;
}

.prime-espots {
    border: thin solid #e5e5e5;
    height: 175px;
    margin-bottom: 20px;
    padding: 30px 25px 25px;
}

.btn-cancel-membership {
    background-color: rgb(133, 54, 36);
    border-radius: 5px;
    color: #ffffff !important;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 1px;
    text-align: center;
    text-transform: uppercase;
    transition: all 0.3s ease 0s;
}

.prime-plan-limits-bg {
    background-color: #f5f5f5;
    padding: 10px;
}

.cancel-message-bg {
    background-color: rgb(252, 242, 159);
    padding: 10px;
}

.fnt-18 {
    font-size: 18px !important;
}

.circle-prime {
    float: right;
    margin: 5px;
}

.onoffswitch {
    position: relative;
    width: 100px;
    text-align: left;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
}

.onoffswitch-checkbox {
    display: none;
}

.onoffswitch-label {
    display: block;
    overflow: hidden;
    cursor: pointer;
    border: 2px solid #999999;
    border-radius: 20px;
}

.onoffswitch-inner {
    display: block;
    width: 200%;
    margin-left: -100%;
    transition: margin 0.3s ease-in 0s;
}

.onoffswitch-inner:before,
.onoffswitch-inner:after {
    display: block;
    float: left;
    width: 50%;
    height: 30px;
    padding: 0;
    line-height: 30px;
    font-size: 14px;
    color: white;
    font-weight: bold;
    box-sizing: border-box;
}

.onoffswitch-inner:before {
    content: "Yearly";
    padding-left: 12px;
    background-color: #17386D;
    color: #FFFFFF;
}

.onoffswitch-inner:after {
    content: "Monthly";
    padding-right: 8px;
    background-color: #17386D;
    color: #FFFFFF;
    text-align: right;
}

.onoffswitch-switch {
    display: block;
    width: 25px;
    margin: 4px;
    background: #FFFFFF;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 66px;
    border: 2px solid #999999;
    border-radius: 20px;
    transition: all 0.3s ease-in 0s;
}

.onoffswitch-checkbox:checked+.onoffswitch-label .onoffswitch-inner {
    margin-left: 0;
}

.onoffswitch-checkbox:checked+.onoffswitch-label .onoffswitch-switch {
    right: 0;
}

@media (min-width: 565px) {
    .left-menu .responsive-tabs.nav-tabs>li>a {
	font-size: 12px;
    }
    .responsive-tabs.nav-tabs span.glyphicon {
	display: none !important;
    }
}

.responsive-tabs.nav-tabs {
    position: relative;
    z-index: 10;
    height: 46px;
    overflow: visible;
    border-bottom: none;
}

.responsive-tabs.nav-tabs span.glyphicon {
    position: absolute;
    top: 18px;
    right: 17px;
    color: #fff;
    opacity: 0.6;
}

.responsive-tabs.nav-tabs {
    border-bottom: 1px solid #ddd;
}

.responsive-tabs.nav-tabs {
    position: relative;
    z-index: 10;
    height: 46px;
    overflow: visible;
    border-bottom: none;
}

@media (min-width: 565px) {
    .responsive-tabs.nav-tabs {
	border-bottom: 1px solid #ddd;
    }
}

@media (max-width: 564px) {
    .joyride-tip-guide span.joyride-nub {
	left: auto !important;
	right: 10px !important;
    }
    #tribal-stream-tabs.responsive-tabs>li>a {
	font-size: 13px;
	padding: 14px;
	border: 1px solid #e5e5e5 !important;
    }
}

.responsive-tabs.nav-tabs span.glyphicon {
    position: absolute;
    top: 18px;
    right: 17px;
    color: #fff;
    opacity: 0.6;
}

.responsive-tabs.nav-tabs span.glyphicon.glyphicon-triangle-top {
    display: none;
}

@media (min-width: 565px) {
    .responsive-tabs.nav-tabs span.glyphicon {
	display: none;
    }
}

.responsive-tabs.nav-tabs>li {
    display: none;
    float: none;
    text-align: center;
}

.responsive-tabs.nav-tabs>li:last-of-type>a {
    margin-right: 0;
}

.responsive-tabs.nav-tabs>li>a {
    margin-right: 0;
    background: #fff;
    border: 1px solid #DDDDDD;
}

@media (min-width: 565px) {
    .responsive-tabs.nav-tabs>li>a {
	margin-right: 4px;
	font-size: 14px;
    }
    .stats-tabs .responsive-tabs.nav-tabs {
	height: 40px !important;
	border: none;
    }
}

.responsive-tabs.nav-tabs>li.active {
    display: block;
}

.responsive-tabs.nav-tabs>li.active a {
    border: 1px solid #DDDDDD;
    border-radius: 2px;
}

@media (min-width: 579px) {
    .responsive-tabs.nav-tabs>li.active a {
	border-bottom-color: transparent;
    }
}

.pay-with-card {
    padding: 4px;
}

@media (min-width: 565px) {
    .responsive-tabs.nav-tabs>li {
	display: block;
	float: left;
    }
}

@media (min-width: 990px) {
    /*.dropdown-plans .nice-select {
     float: left !important;
     width: 85%;
}*/
    .dropdown-plans .awesome-plan-link {
	/*margin-left: 20px;*/
	margin-top: -15px;
    }
}

.responsive-tabs.nav-tabs.open span.glyphicon.glyphicon-triangle-top {
    display: block;
}

@media (min-width: 565px) {
    .responsive-tabs.nav-tabs.open span.glyphicon.glyphicon-triangle-top {
	display: none;
    }
}

.responsive-tabs.nav-tabs.open span.glyphicon.glyphicon-triangle-bottom {
    display: none;
}

.responsive-tabs.nav-tabs.open>li {
    display: block;
}

.responsive-tabs.nav-tabs.open>li a {
    border-radius: 0;
}

.responsive-tabs.nav-tabs.open>li:first-of-type a {
    border-radius: 2px 2px 0 0;
}

.responsive-tabs.nav-tabs.open>li:last-of-type a {
    border-radius: 0 0 2px 2px;
}

.table-responsive::-webkit-scrollbar {
    -webkit-appearance: none;
}

.table-responsive::-webkit-scrollbar:vertical {
    width: 12px;
}

.table-responsive::-webkit-scrollbar:horizontal {
    height: 12px;
}

.table-responsive::-webkit-scrollbar-thumb {
    background-color: rgba(0, 0, 0, .3);
    border: 2px solid #ffffff;
}

.table-responsive::-webkit-scrollbar-track {
    background-color: rgba(0, 0, 0, .05);
}

.btn-group .btn-default .fa-cog,
.btn-group .btn-default>.fa-globe,
.btn-group .btn-default .fa-cog,
.btn-group .btn-default>.fa-group,
.btn-group .btn-default .fa-cog,
.btn-group .btn-default>.fa-cog {
    margin: -3px 4px -4px 0 !important;
    height: 21px !important;
}

.btn-group .btn-default .fa-cog+.fa,
.btn-group .btn-default>.fa-cog+.fa {
    position: relative;
    top: -1px;
}

.stats-tabs .responsive-tabs.nav-tabs span.glyphicon {
    top: 14px;
}

.stats-tabs .responsive-tabs.nav-tabs {
    width: 100%;
}

.stats-tabs .responsive-tabs.nav-tabs {
    height: 39px;
}

.no-login-tabs .media-heading {
    width: 100%;
}

.no-login-tabs .stream_post .loadPostLink {
    padding-right: 0;
}

.loadPostLink em {
    font-style: normal;
}

#myTab>li.active>a {
    background: #fff !important;
    color: #000 !important;
}

.no-login-dropdown+.nav-tabs {
    border-bottom: thin solid #ddd;
    height: 42px;
}

.inbox .col-sm-4.post_avatar {
    position: relative;
    top: 6px;
}

.inbox .col-sm-4.post_avatar a {
    width: 64px;
    height: 64px;
    padding: 0;
    display: table;
    float: left;
}

.inbox .col-sm-4.post_avatar i {
    float: left;
    line-height: 64px;
    left: 4px;
    position: relative;
    color: #ccc;
    font-size: 12px;
}

.inbox .col-sm-4.post_avatar a img {
    width: 64px;
    height: auto;
    top: 0;
    left: 0;
    max-width: 64px;
}

.inbox .col-sm-4.post_avatar a+i+a img {
    width: 50px;
    height: 50px;
    top: 7px;
    left: 7px;
}

.social-widget {}

.social-widget i {
    color: #00A3E5;
    width: 20px;
    font-size: 16px;
}

.social-widget span {
    position: relative;
    top: 1px;
    margin-left: 3px;
}

.social-widget h3 {
    margin: 6px 0 12px;
}

.social-widget .table>tbody>tr>td,
.social-widget .table>tbody>tr>th,
.social-widget .table>tfoot>tr>td,
.social-widget .table>tfoot>tr>th,
.social-widget .table>thead>tr>td,
.social-widget .table>thead>tr>th {
    padding: 8px;
    line-height: 25px;
    border-top: 1px solid #e5e5e5;
}

.social-widget .table {
    margin-bottom: 5px;
}

.profile-main .upload {
    color: #fff;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 200;
    transition: .4s;
    text-shadow: 0 0 3px rgba(0, 0, 0, .8);
}

.cover-image {
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    padding: 7px 12px;
    height: 100%;
    border-radius: 5px 5px 0 0;
    overflow: hidden;
    background-color: #16386c;
    margin-bottom: -100px;
}

.profile-main .upload span {
    opacity: 1;
    transition: .4s;
}

#upload_button {
    width: auto;
    height: auto;
    border-radius: 5px;
}

.profile-main .cover-image:hover .upload span {
    opacity: 1;
    transition: .4s;
}

.profile-main .upload-avatar {
    background: rgba(0, 0, 0, 0.7);
    position: absolute;
    bottom: -200px;
    width: 100%;
    padding: 15px;
    font-size: 10px;
    font-weight: 300;
    cursor: pointer;
}

.profile-main .upload-avatar {
    background: rgba(0, 0, 0, 0.7);
    position: absolute;
    bottom: -200px;
    width: 100%;
    padding: 15px;
    font-size: 10px;
    font-weight: 300;
    cursor: pointer;
    transition: .4s;
}

.profile-main .thumbnails .thumbnail:hover .upload-avatar {
    bottom: 0;
    transition: .3s;
}

.profile-main .thumbnails a.thumbnail {
    position: relative;
    border: none;
    overflow: hidden;
    z-index: 555;
}

.profile_espots2 {
    width: 100%;
    margin: 25px 0 20px;
    padding-left: 0;
    border-right: 1px solid #ddd;
    display: table;
}

.profile_espots2 .span {
    padding: 5px 20px 5px 20px;
    border: 1px solid #ddd;
    border-right: 0;
    width: 33.3333%;
    float: left;
}

.expand-inner .post_holder.post_holder_expand .bonfire-single {
    position: relative;
}

.expand-inner .bonfire-dropdown2 {
    top: 10px;
    position: absolute;
    right: 10px;
}

#invitations_sidebar .btn.btn-success {
    background: #17386d;
    border: 1px solid #17386d;
}

#invitations_sidebar .btn.btn-success:hover {
    background: #111;
    border: 1px solid #111;
}

.campaign #myTab>li.active>a {
    background: #00A3E5 !important;
    color: #fff !important;
}

/* .btn-toolbar .btn-group a {} */

#members .table>tbody>tr>td small {
    text-align: center;
}

#members .table>tbody>tr>td .btn-group .alert {
    margin-bottom: 0;
    line-height: 20px;
    padding: 8px 15px 5px;
}

#members .table>tbody>tr>td .btn-group .alert a {
    line-height: 20px;
}

#members .table>tbody>tr>td .dropdown-menu .divider {
    margin: 9px 0 2px;
}

#members .table>tbody>tr>td small a {
    text-align: center;
    font-size: 11px;
    text-transform: none;
    padding: 0 7px;
    height: auto;
    line-height: 24px;
    border-radius: 2px;
}

.account-header>.dropdown {
    float: none;
    text-decoration: none;
    margin: 0;
}

.account-header>.dropdown>a {
    padding: 16px 18px;
    display: table;
    color: #777777;
}
.emailRectangle {position: absolute;border-radius: 4px;border: solid 2px #212d51;background-color: #f05455;font-family: Lato;font-size: 8px;font-weight: bold;line-height: 1.2;color: #ffffff;padding:1px 3px 2px;top:10px;right:10px}

.account-header>.dropdown>a:hover {
    /* background: #00A3E5 !important; */
    color: #fff;
}

.account-header>.dropdown>.dropdown-menu:before {
    position: absolute;
    top: -7px;
    display: inline-block;
    border-right: 7px solid transparent;
    border-bottom: 7px solid #ccc;
    border-left: 7px solid transparent;
    border-bottom-color: rgba(0, 0, 0, 0.2);
    content: '';
    right: 30px;
}

.account-header>.dropdown>.dropdown-menu:after {
    position: absolute;
    top: -6px;
    display: inline-block;
    border-right: 6px solid transparent;
    border-bottom: 6px solid #ffffff;
    border-left: 6px solid transparent;
    content: '';
    right: 31px;
}

.follow_blogger {
    text-shadow: none;
}

.profile-id-name {
    float: left;
    width: 100%;
    word-wrap: break-word;
    line-height: 23px;
}

.btn.btn-secondary.follow {
    float: left;
    width: 25%;
    right: 5px !important;
}

@media only screen and (max-width: 450px) {
    .media-links a {
	display: initial !important;
    }
}

@media only screen and (min-width: 450px) and (max-width: 992px) {
    .follow-button-mobile {
	float: left !important;
	width: 23%!important;
	right: 50px !important;
    }
}

@media only screen and (max-width: 769px) and (min-width: 768px) {
    .follow-button-mobile {
	top: -149px !important;
    }
}

@media only screen and (max-width: 768px) and (min-width: 767px) {
    .follow_blogger button {
	padding: 2px 4px 3px !important;
	min-width: auto;
	border-radius: 5px;
    }
    .follow-button-mobile {
	position: absolute;
	top: 20px;
	right: -13px;
	font-size: 10px;
	padding: 4px 6px;
	z-index: 11;
    }
}
@media screen and (min-width: 993px){
    .navbar-collapse.collapse{display: inline-block !important;}
    .container-fluid>.navbar-collapse, .container-fluid>.navbar-header, .container>.navbar-collapse, .container>.navbar-header{display: inline-block !important;}
}

@media (max-width: 1024px) {
    /* .navbar-header {
	float: none;
    } */
    .navbar-left,
    .navbar-right {
	float: none !important;
    }
    .navbar-toggle {
	display: block;
    }
    .navbar-collapse {
	border-top: 1px solid transparent;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
    }
    .navbar-fixed-top {
	top: 0;
	border-width: 0 0 1px;
    }
    .navbar-collapse.collapse {
	display: none!important;
    }
    .navbar-nav {
	float: none!important;
	margin-top: 7px;
    }
    .navbar-nav>li {
	float: none;
    }
    .navbar-nav>li>a {
	padding-top: 10px;
	padding-bottom: 10px;
    }
    .collapse.in {
	display: block !important;
    }
    .scheduled-count {
	width: 100%;
    }
}

.navbar-inverse .account-header>.dropdown>a {
    color: #fff;
    min-height: 56px;
}

.navbar-inverse .search-mob i:focus,
.navbar-inverse .search-mob i {
    color: #fff;
    min-height: 56px;
}

.isotope-container {
    width: 100% !important;
}

.tribe-filters .filter-isotope .dropdown>.dropdown-menu li button {
    font-size: 13px;
    color: #555;
    font-weight: 400;
    letter-spacing: 1px;
    background: transparent;
    border: none;
    padding: 0 15px;
}

.tribe-filters .filter-isotope .dropdown>.dropdown-menu li button:hover {
    /* color: #00A3E5; */
}

.bonfires .post_stats small {
    white-space: inherit;
    line-height: 14px !important;
    display: block;
}

.profile-main {
    position: relative;
}

.cover-image>img {
    position: absolute;
    width: 100%;
    top: 0;
    right: 0;
    height: 100%;
}

.profile-main .upload {
    position: relative;
    z-index: 11;
}

.page_head .pull-right {
    position: relative;
    z-index: 777;
}

.welcome-tribes .btn-sm {
    padding: 10px 13px;
}

@-moz-document url-prefix() {
    .target-fi span {
	position: relative;
	top: -10px !important;
	right: -6px !important;
    }
}

.notifications {
    min-height: 250px;
}

.account-header .badge {
    border: none !important;
}

.account-header .dropdown.open>a {
    /* background: #00A3E5 !important; */
    color: #fff;
    border: none !important;
}

.tribal-stream-tabs #profile .nice-select.open .list {
    top: auto !important;
    bottom: 44px !important;
    position: absolute;
    -webkit-transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out !important;
    transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out !important;
}

.tribal-stream-tabs #profile .nice-select .list {
    transition: none !important;
}

#tribes_assign .nice-select.open .list {
    width: 100%;
    top: auto !important;
    bottom: 44px !important;
    position: absolute;
    -webkit-transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out !important;
    transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out !important;
    max-height: 85px;
}

#tribes_assign .nice-select .list {
    transition: none !important;
}

.modal-body textarea {
    resize: vertical !important;
}

@media only screen and (max-height: 650px) {
    .login-div1.active,
    .login-div2.active,
    .login-div3.active {
	top: 0 !important;
	transform: translateY(-0%) !important;
	overflow: auto;
	height: 100%;
    }
}

@media (max-width: 767px) {
    .hidden-767 {
	display: none!important;
    }
    .visible-767 {
	display: block!important;
    }
    .profile-main .btn-group button {
	margin-right: 5px;
	border-radius: 4px !important;
    }
    .post-avatar-div {
	margin-left: 14px !important;
    }
}

@media (max-width: 992px) {
    .hidden-992 {
	display: none!important;
    }
    .visible-992 {
	display: block!important;
    }
}

@media only screen and (min-width: 768px) and (max-width: 4000px) {
    .follow_blogger {
	z-index: 555;
	position: relative;
	top: 27px;
    }
    .profile-main .thumbnails .checkbox {
	display: none;
    }
    .profile-main .thumbnails li {
	background-color: transparent;
	border: 0;
	width: 100% !important;
	padding: 0 20px;
	position: relative;
	top: 0;
    }
    .profile-main {
	height: 207px;
	padding-top: 0 !important;
    }
    .tribe-overiew-profile .profile-main {
	margin-bottom: 30px;
    }
    .tribe-profile {
	left: -20px !important;
    }
    .profile-espots3 {
	padding: 40px 35px 40px;
	height: auto;
	margin-bottom: 20px;
    }
    .profile-main .thumbnails a.follow {
	position: absolute;
	right: -25px !important;
	bottom: 120px;
	z-index: 11;
    }
    .profile-main .thumbnails .profile-name {
	margin-top: 40px;
	margin-left: 0;
	padding-bottom: 0;
	position: relative;
	z-index: 4;
    }
    #tribe-name.profile-name {
	line-height: 22px;
	font-size: 18px;
	width: 100%;
	word-wrap: break-word;
	height: 112px;
    }
    .profile-name {
	height: 55px;
	overflow: hidden;
    }
    .tribe-overiew-profile .profile-main .thumbnails .profile-name {
	margin-top: 14px;
	margin-left: -15px;
    }
    .profile-main .thumbnails .checkbox {
	color: #fff;
	padding-left: 24px;
	margin-top: -2px;
	margin-left: 2px;
	position: absolute;
	bottom: 13px;
	display: none;
    }
    .espots-margin-top-60 {
	margin-top: 60px !important;
    }
}


/* Start of common media queries related user profile page and tribe profile page for cover image, profile image and name*/

@media all and (max-width: 769px) and (min-width: 250px) {
    .avatar-profile {
	top: 30px !important;
	margin-left: 10px !important;
    }
    .avt-profile-name {
	width: 100% !important;
	top: 65px;
    }
}

@media all and (max-width: 992px) and (min-width: 769px) {
    .img-avt {
	margin-left: 40% !important;
    }
    #tribe-name {
	margin-top: 15px;
    }
    .tribe-tab {
	z-index: 900;
    }
    .avt-tribe-profile-name {
	top: 120px !important;
    }
    .avt-profile-name {
	width: 100% !important;
	top: 110px;
	text-align: center;
	z-index: 995;
    }
    .profile-espots.profile-espots2.profile_espots2.profile_espots_no {
	padding: 0!important;
	margin-top: 9% !important;
    }
}

@media all and (max-width: 1026px) and (min-width: 993px) {
    #av-img {
	left: 15px !important;
	top: 75px !important;
    }
    .avt-profile-name {
	width: 100% !important;
	top: 40px !important;
	margin-top: 0 !important;
	color: black;
	text-align: center;
    }
    .profile-espots.profile-espots2.profile_espots2.profile_espots_no {
	padding: 0!important;
	margin-top: 16% !important;
    }
    .profile-espots.profile-espots2.profile_espots2.profile_espots_10 {
	padding: 0!important;
	margin-top: 10% !important;
    }
}

@media only screen and (max-width: 1200px) and (min-width: 1025px) {
    #av-img {
	left: 15px !important;
	top: 75px;
    }
    .avt-profile-name {
	width: 100% !important;
	top: -80px !important;
	margin-top: 0 !important;
	color: black;
	text-align: center;
    }
    .profile-espots.profile-espots2.profile_espots2.profile_espots_no {
	padding: 0!important;
	margin-top: 16% !important;
    }
    .avt-tribe-profile-name {
	width: 100% !important;
	top: 65px !important;
	margin-top: 0 !important;
	color: black;
	text-align: center;
    }
    .profile-espots.profile-espots2.profile_espots2.profile_espots_10 {
	padding: 0!important;
	margin-top: 16% !important;
    }
}


/* END of common media queries related user profile page and tribe profile page */

@media only screen and (min-width: 565px) and (max-width: 768px) {
    .more-cta span {
	margin: 0 5px 0 5px !important;
    }
    .more-cta.margin-no {
	margin-bottom: 30px !important;
    }
    .profile-pic .col-xs-6 {
	width: 27%;
    }
    .profile-pic .col-xs-6+.col-xs-6 {
	width: 73%;
    }
    .no-login-dropdown .nav-pills .dropdown-toggle {
	margin-top: -4px;
    }
    .no-login-tabs .stats-tabs .responsive-tabs.nav-tabs {
	width: 100%;
	max-width: 100%;
    }
    .no-login-stream-aside .btn-sm {
	margin-top: 0;
    }
    .no-login-stream-aside .btn-group>.btn:first-child {
	padding: 9px 15px;
    }
    #tribal-stream-tabs.responsive-tabs>li>a {
	font-size: 11px;
	padding: 14px 11px;
    }
    #tribal-stream-tabs li.pull-right {
	float: left !important;
    }
    .stats-tabs .nav>li>a {
	padding: 10px 9px;
	font-size: 9px !important;
    }
    .stats-tabs .responsive-tabs.nav-tabs {
	height: 39px;
    }
    .profile-main {
	background-image: url(../../assets/img/bgs/default-profile-bg-logo-alt.jpg);
	background-position: top right !important;
    }
    .notification .post_holder {
	position: relative;
    }
    .notification .post_holder .col-sm-3 {
	position: absolute;
	top: 25px;
	right: 10px;
    }
    #tribal-stream-tabs.responsive-tabs {
	height: 40px;
    }
    .visible-ipp {
	display: block !important;
    }
    .mc-trigger {
	margin-bottom: 0;
	margin-left: 15px;
	margin-top: -7px;
    }
    .stream-aside-mob .col-sm-6 {
	float: left;
    }
    .active-members h2 {
	font-size: 18px;
    }
    .active-members .media-object32 {
	width: 26px;
    }
    .active-members .clearfix {
	display: none;
    }
    .mc-trigger {
	margin-bottom: 0;
	margin-left: 0;
	float: left;
	margin-right: 8px;
    }
    .stream-aside-mob+.col-md-8 .btn-group-head {
	width: auto;
	float: right !important;
    }
}

@media only screen and (min-width: 735px) and (max-width: 767px) {
    .mob-half2 {
	width: 50%;
	float: left;
    }
}

@media only screen and (min-width: 250px) and (max-width: 564px) {
    .cover-image>img {
	position: absolute;
	width: 100%;
	top: 0;
	right: 0;
	height: 100%;
	max-width: none;
    }
    .dropzone {
	min-height: 210px;
    }
    .navbar-fixed-top .account-header .pull-right>div.dropdown-menu {
	right: auto !important;
	left: auto;
	position: fixed;
	margin: 0px -50px;
    transform: translate(-50%, 0%);
    min-width: 250px;
	overflow: auto !important;
	top: 62px;
    }
    .account-header>.dropdown>a {
	padding: 16px 7px;
	display: table;
	color: #777777;
    }
    .emailRectangle{right: 0;}
    .navbar-default .navbar-toggle {
	padding: 12px 3px 0 8px;
    }
    .search-mob i {
	padding: 21px 9px;
    }
    .tribe-filters .ui-group .dropdown>button {
	font-size: 10px;
	padding: 8px 5px;
    }
    .filters2 {
	float: right !important;
	width: auto !important;
    }
    .tribe-filters .ui-group .nav.nav-pills #cat_selector,
    .tribe-filters .ui-group .nav.nav-pills #type_selector {
	color: #000;
	font-size: 10px;
	padding: 8px 5px;
    }
    .inbox .expand-post.full .post_body h2 {
	padding-right: 0;
    }
    .inbox .expand-post.full .post_body {
	padding-bottom: 20px;
    }
    .stream_post .loadPostLink small {
	font-size: 8px !important;
	padding: 4px 3px !important;
    }
    .get-started .col-xs-4,
    .get-started .col-xs-8 {
	float: none;
	width: 100%;
    }
    body #tribal-stream-tabs.responsive-tabs>li {
	float: none !important;
    }
    #tribal-stream-tabs.responsive-tabs>li>a {
	font-size: 11px !important;
	padding: 14px 10px;
	border: 1px solid #e5e5e5 !important;
	background: #fff;
    }
    #tribal-stream-tabs li.pull-right {
	float: none !important;
    }
    .notification .post_holder {
	position: relative;
    }
    .notification .post_holder .col-sm-3 {
	position: absolute;
	top: -12px;
	right: 10px;
    }
    .visible-ipl {
	display: block !important;
    }
    .stream-aside-mob+.col-md-8 .btn-group-head {
	width: 100%;
	float: left !important;
	margin: 0 9px 5px;
    }
    .mc-trigger {
	display: table;
	float: none !important;
    }
    .active-members .clearfix {
	display: none;
    }
    .active-members h2 {
	font-size: 22px;
	position: relative;
	top: 3px;
	float: none !important;
	display: inline-block;
    }
    .mc-trigger {
	margin: 20px auto 15px;
	max-width: 300px;
    }
    .active-members.pull-right {
	float: none !important;
	margin-top: -19px;
    }
    .more-cta {
	text-align: center;
    }
    .active-members.pull-right {
	float: none !important;
	text-align: center;
    }
}

@media only screen and (min-width: 565px) and (max-width: 734px) {
    .dropzone {
		min-height: 250px;
    }
    .navbar-fixed-top .account-header .pull-right>div.dropdown-menu {
	right: auto !important;
	left: auto;
	position: fixed;
	margin: 0;
	transform: translate(-50%, 0%);
	min-width: 275px;
	overflow: auto !important;
	top: 62px;
	max-height: calc(100vh - 67px);
    }
    #tribal-stream-tabs.responsive-tabs {
	height: auto;
	margin-bottom: 1px;
    }
    .responsive-tabs.nav-tabs>li>a {
	font-size: 11px;
    }
    .stream-aside-mob .col-sm-6 {
	float: left;
	width: 50%;
    }
    body .active-members.pull-right {
	float: right !important;
    }
    .active-members h2 {
	font-size: 18px;
    }
    .active-members .media-object32 {
	width: 26px;
    }
    .active-members .clearfix {
	display: none;
    }
    .mc-trigger {
	margin-bottom: 0;
	margin-left: 0;
	float: left;
	margin-right: 8px;
    }
    .stream-aside-mob+.col-md-8 .btn-group-head {
	width: auto;
	float: right !important;
    }
    .mob-quarter {
	width: 50% !important;
	float: left;
    }
    .mob-quarter .discover-tribe-results .thumbnail div h5 {
	height: 15px;
	overflow: hidden;
	text-overflow: ellipsis;
	word-wrap: normal;
    }
    .mob-half2 .col-xs-4 {
	width: 21% !important;
	float: left;
    }
    .mob-half2 .col-xs-8 {
	width: 100% !important;
	float: left;
    }
}

@media only screen and (min-width: 250px) and (max-width: 370px) {
    .mob-half2 .col-xs-4 {
	width: 41% !important;
	float: left;
    }
    .mob-half2 .col-xs-8 {
	width: 100% !important;
	float: left;
    }
}

@media only screen and (min-width: 735px) and (max-width: 992px) {
    .tribe-style3 .col-sm-12 .col-xs-4 {
	width: 25%;
	float: left;
    }
    .tribe-style3 .col-sm-12 .col-xs-8 {
	width: 75%;
	float: left;
    }
    .discover-tribe-results .thumbnail div.col-xs-4 {
	padding: 0 15px 6px 15px !important;
    }
    .discover-tribe-results .thumbnail div.col-xs-8 {
	padding: 0 15px !important;
	float: none;
	width: 100%;
    }
    .tribe-style3 .discover-tribe-results2 {
	min-height: 185px !important;
    }
    .tribe-style3 .discover-tribe-results2 {
	min-height: 215px;
    }
}

@media only screen and (min-width: 1100px) and (max-width: 4000px) {
    .iframe-social {
	float: right;
    }
}

@media only screen and (min-width: 1100px) and (max-width: 1360px) {
    .iframe-social {
	max-width: 220px;
	float: right;
    }
    .frame-btns {
	padding-right: 15px;
	position: absolute;
	top: 0;
	right: 265px;
    }
    .frame-header-left-arrow i {
	width: 41px;
	padding-left: 14px;
    }
    .frame-header-right-arrow i {
	width: 41px;
	padding-left: 16px;
    }
    .frame-header-navigation {
	width: 85px;
	margin: 0 12px 0 -15px;
    }
    .iframe-social a {
	font-size: 15px;
    }
    .frame-btns a {
	padding: 4px 8px;
    }
}

@media only screen and (min-width: 1101px) and (max-width: 1250px) {
    .post_holder.post_holder_expand.bonfire-single .post_avatar {
	padding: 12px 15px;
    }
}

@media only screen and (min-width: 1101px) and (max-width: 1370px) {
    .stream_main .stats-tabs .responsive-tabs.nav-tabs>li>a,
    .no-login-tabs .stats-tabs .responsive-tabs.nav-tabs>li>a {
	font-size: 12px !important;
    }
}

@media only screen and (min-width: 1051px) and (max-width: 1140px) {
    .navbar .nav>li>a {
	padding: 16px 13px !important;
	font-size: 12px !important;
    }
}

@media only screen and (min-width: 768px) and (max-width: 1050px) {
    .navbar .nav>li>a {
	padding: 16px 10px !important;
	font-size: 12px !important;
    }
}

@media only screen and (min-width: 993px) and (max-width: 1050px) {
    .post_avatar {
	padding: 20px 5px 20px 15px;
    }
    .joyride-expose-cover {
	max-height: 251px !important;
    }
    .iframe-social {
	max-width: 190px;
    }
    .frame-btns {
	padding-right: 15px;
	position: absolute;
	top: 0;
	right: 200px;
    }
    .iframe-social a {
	border-left: none;
	font-size: 15px;
    }
    .frame-btns {
	padding-right: 0 !important;
	right: 252px !important;
    }
    .frame-header-left-arrow i {
	width: 41px;
	padding-left: 14px;
    }
    .frame-header-right-arrow i {
	width: 41px;
	padding-left: 16px;
    }
    .frame-header-navigation {
	width: 85px;
	margin: 0 12px 0 -15px;
    }
    .inbox .col-sm-3 {
	width: 24% !important;
    }
    .navbar .nav>li>a {
	padding: 16px 10px !important;
	font-size: 12px !important;
    }
    .account-header>.dropdown>a {
	padding: 16px 11px;
    }
    .emailRectangle{right: 4px;}
    #tribal-stream-tabs>li>a {
	padding: 13px 7px;
	font-size: 13px;
    }
    .inbox .col-sm-4.post_avatar {
	padding-left: 11px;
    }
    .campaign .get-started a {
	font-size: 11px;
	padding-right: 15px;
	padding-left: 15px;
    }
    .inbox .col-sm-4.post_avatar {
	width: 33.3333%;
    }
    .inbox .col-sm-4.post_avatar+.col-sm-5 {
	width: 50%;
    }
    .inbox .col-sm-4.post_avatar+.col-sm-5+.col-sm-3 {
	width: 16.6667%;
    }
}

@media only screen and (min-width: 993px) and (max-width: 1100px) {
    .profile-main .thumbnails .profile-name {
	font-size: 20px;
    }
    .welcome-tribes {
	max-width: 289px;
	width: 100%;
    }
    .welcome-tribes .btn-group-vertical>.btn,
    .welcome-tribes .btn-group>.btn {
	position: relative;
	float: left;
	font-size: 9px;
	min-width: auto;
    }
    .notification .post_holder .col-sm-3 {
	padding-left: 0;
    }
    .more-cta span:nth-child(2) {
	font-size: 18px !important;
    }
    .stream_post .loadPostLink em {
	margin: 0 0 6px;
	display: block;
    }
    .stream_post .loadPostLink small {
	margin-left: 0;
	color: #fff;
	border-radius: 3px;
	position: relative;
	top: -1px;
	font-weight: 400;
	text-transform: uppercase;
	font-size: 10px;
	padding: 1px 5px;
	background-color: #2FCEA0;
	border: none;
	display: table;
	float: left;
    }
    .tag_holder .label {
	display: inline;
	padding: 3px 6px;
	font-size: 9px;
	font-weight: 500;
	line-height: 1;
	color: #fff !important;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	background-color: #999 !important;
	border-radius: .25em;
	text-transform: uppercase;
	position: relative;
	left: 5px;
	top: -2px;
    }
    .post_holder.post_holder_expand.bonfire-single .post_avatar {
	padding: 12px 15px;
    }
    .navbar .nav>li>a {
	padding: 16px 15px;
    }
    .header-search {
	max-width: 225px;
    }
    .post_view_count {
	width: 44px;
    }
    .mob-top-30 {
	margin-top: 0 !important;
    }
    .frame-btns a {
	padding: 4px 11px;
	font-size: 9px;
    }
}

@media only screen and (min-width: 993px) and (max-width: 1066px) {
    .inbox .col-sm-4.post_avatar a {
	width: 4px !important;
    }
}

@media only screen and (min-width: 1051px) and (max-width: 1450px) {
    .navbar-fixed-top .account-header .pull-right>.dropdown-menu {
	right: 0;
	left: auto;
    }
}

@media only screen and (min-width: 1051px) and (max-width: 1370px) {
    .account-header>.dropdown>.dropdown-menu:before {
	right: 15px;
	left: auto;
    }
    .account-header>.dropdown>.dropdown-menu:after {
	right: 16px;
	left: auto;
    }
    .profile-main .upload-avatar {
	background: rgba(0, 0, 0, 0.4);
	position: absolute;
	bottom: 0;
	padding: 1px 4px;
	font-size: 10px;
	cursor: pointer;
	color: #fff;
	width: 19px;
	left: auto;
	right: 0;
	border-radius: 5px 0 0 0;
    }
    .profile-main .upload-avatar span {
	display: none;
    }
    .profile-main .thumbnails .profile-name {
	font-size: 20px;
    }
    .stats-tabs .responsive-tabs.nav-tabs {
	width: 100%;
	max-width: 100%;
    }
}

@media only screen and (min-width: 768px) and (max-width: 1050px) {
    #networks table {
	width: 855px;
    }
    .navbar-fixed-top .account-header .pull-right>.dropdown-menu {
	right: 0;
	left: auto;
    }
    .account-header>.dropdown>.dropdown-menu:before {
	right: 15px;
	left: auto;
    }
    .account-header>.dropdown>.dropdown-menu:after {
	right: 16px;
	left: auto;
    }
    .profile-main .upload-avatar {
	background: rgba(0, 0, 0, 0.4);
	position: absolute;
	bottom: 0;
	padding: 1px 4px;
	font-size: 10px;
	cursor: pointer;
	color: #fff;
	width: 19px;
	left: auto;
	right: 0;
	border-radius: 5px 0 0 0;
    }
    .profile-main .upload-avatar span {
	display: none;
    }
    .inbox .col-sm-4.post_avatar {
	position: relative;
	top: 6px;
	width: 26%;
    }
    .inbox .col-sm-5 {
	width: 49% !important;
    }
    .inbox .col-sm-7 {
	width: 56%;
    }
    .inbox .col-sm-2 {
	width: 18%;
    }
    .inbox .post_holder .expand-inner .post_avatar {
	width: 20%;
    }
    .inbox .post_holder .expand-inner .col-sm-9 {
	width: 80%;
    }
    .inbox .post_holder .expand-inner {
	width: 133%;
    }
    .stream_main .stats-tabs .nav>li>a,
    .no-login-tabs .stats-tabs .nav>li>a {
	font-size: 10px !important;
	padding: 13px 9px;
    }
    .iframe-comments h2 {
	margin: 30px 0 20px;
    }
    .profile-main .btn-group button {
	margin: 0 7px 0 0;
	border-radius: 4px !important;
    }
    .stats-tabs .nav>li>a {
	font-size: 10px !important;
    }
    .stats-tabs .responsive-tabs.nav-tabs {
	width: 100%;
	max-width: 100%;
	clear: both;
    }
    .stats-tabs .responsive-tabs.nav-tabs>li>a {
	font-size: 12px;
    }
    .campaign-form-area h2.profile-name,
    .tribal-stream-tabs h2.profile-name {
	font-size: 2vh;
    }
    .bonfire-new .post_holder img {
	max-width: 62px;
	top: 10px;
    }
    .active-members .clearfix {
	display: none;
    }
    .table-wrap {
	width: 100%;
	overflow: auto;
	overflow-y: hidden;
    }
    .table-wrap .table {
	display: block;
	overflow: auto;
	width: 1000px;
	max-width: none;
    }
    .profile-main .thumbnails {
	margin: 0;
    }
    .profile-main {
	padding-top: 30px;
    }
    .frame-btns {
	padding-right: 15px;
	position: absolute;
	top: 0;
	right: 50px;
    }
    .frame-btns a {
	padding: 4px 11px;
	font-size: 9px;
    }
    .post_holder img {
	max-width: 41px;
	top: 10px;
    }
    .navbar-default .container {
	max-width: 100%;
    }
    .container {
	width: 100%;
	max-width: 95%;
	margin: 0 auto;
    }
    .truncated {
	overflow: hidden;
	white-space: inherit;
    }
    .post_holder .row {
	margin: 0;
    }
    .bonfires .post_body {
	padding-bottom: 0 !important;
    }
    .bonfires .post_body h3 {
	margin: 19px 0 8px !important;
    }
    .auto-width {
	width: auto !important;
	min-width: auto !important;
    }
    .get-started {
	padding: 75px 20px 7px;
    }
    .step a:after {
	display: none;
    }
    .step a {
	line-height: 40px;
	font-size: 9px !important;
	padding: 0 16px !important;
    }
    .login-wrapper-left {
	width: 50%;
    }
    .login-wrapper-right {
	width: 50%;
	padding: 0 25px;
    }
    .login-wrapper-right h1 {
	font-size: 33px;
	line-height: 35px;
    }
    .login-wrapper-right p {
	font-size: 16px;
    }
    .get-started-holder .get-started {
	padding: 0 15px;
    }
    .get-started-holder {
	padding: 15px 15px 20px;
	margin-bottom: 30px;
    }
    .fixed {
	position: relative;
    }
    .mob-top-30 {
	margin-top: 30px;
    }
    .search-results-elements a {
	width: 50%;
    }
}

@media only screen and (min-width: 1200px) and (max-width: 4000px) {
    .tribe-profile-page #av-img {
	top: 50px;
	left: 0 !important;
    }
    .tribe-profile-page .img-avt {
	text-align: center;
	float: none;
	margin-left: auto !important;
	margin-right: auto !important;
	width: 170px;
    }
    .tribe-profile-page .profile-name.tribe-profile-own {
	margin-top: 5% !important;
	text-align: center;
	float: none;
	margin-left: auto !important;
	margin-right: auto !important;
    }
    .tribe-profile-page .avt-tribe-profile-name {
	margin-left: auto !important;
	margin-right: auto !important;
	width: 100%;
    }
    .tribe-profile-page .profile_espots2 {
	width: 100%;
	padding-left: 0;
    }
    .profile-name.tribe-profile-own {
	margin-top: 110px !important;
    }
    .follow_blogger {
	position: relative;
	top: 62px;
    }
}

@media only screen and (min-width: 1025px) and (max-width: 4000px) {
    .profile-name.profile-own {
	margin-top: 0;
    }
    .tribe-overiew-profile .profile-main {
	margin-bottom: 30px;
    }
    #global_sidebar {
	display: block !important;
    }
    .stats-tabs .responsive-tabs.nav-tabs>li>a {
	font-size: 10px;
    }
    .joyride-expose-cover {
	max-height: 230px;
    }
    .no-padding-dektop {
	padding: 0;
    }
    .center-content {
	display: flex;
	align-items: center;
	flex-direction: row;
    }
}

@media only screen and (min-width: 993px) and (max-width: 1169px) {
    .notification .post_body_expanded {
	padding-left: 15px;
    }
    #networks table {
	min-width: 855px;
    }
    .post_avatar {
	padding: 20px 15px 20px 20px;
    }
    .post_stats>.bonfire-dropdown {
	top: 5px;
	right: 100% !important;
	margin-right: 45px !important;
    }
}

@media only screen and (min-width: 1101px) and (max-width: 1400px) {
    .welcome-tribes {
	border: 1px solid #ddd;
	padding: 27px;
	max-width: 275px;
	margin: 35px 0 30px;
	clear: both;
    }
    .welcome-tribes .btn-group-vertical>.btn,
    .welcome-tribes .btn-group>.btn {
	position: relative;
	float: left;
	font-size: 9px;
	min-width: auto;
	padding: 10px 18px;
    }
}

@media only screen and (min-width: 1200px) and (max-width: 1200px) {
    .photo-offset-1200 {
	margin-left: 33.33%;
    }
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
    .tribe-tab .profile-mob {
	width: 100% !important;
	text-align: center;
    }
    .list-group {
	margin-top: 30px;
    }
    .tribe-profile-page #myTabContent {
	padding: 20px !important;
	margin-top: 0;
    }
    #myTabContent {
	margin-top: 30px;
    }
    .post_avatar {
	padding: 20px 5px 20px 15px;
    }
    .follow_blogger .btn-group {
	padding: 2px 4px 3px !important;
	position: absolute;
	bottom: 150px;
	left: -31px;
	border-radius: 5px !important;
    }
    .invite-drop {
	left: 0 !important;
	right: auto !important;
    }
    .follow_blogger button {
	padding: 5px 8px 5px;
	min-width: auto;
	border-radius: 5px !important;
    }
    .follow_blogger .btn-group li {
	padding: 0 10px !important;
    }
    .follow_blogger .btn-group li:first-child {
	margin-top: -42px;
    }
    .follow_blogger .btn-group li a {
	font-size: 13px;
	color: #000;
	text-transform: capitalize;
	font-weight: 300;
    }
    .follow_blogger .btn-group .dropdown-menu.pull-right {
	min-height: 79px;
    }
    .joyride-expose-cover {
	display: none;
    }
    .frame-header-left-arrow i {
	width: 40px;
	padding-left: 14px;
    }
    .frame-header-right-arrow i {
	width: 40px;
	padding-left: 16px;
    }
    .frame-header-navigation {
	width: 83px;
	margin: 0 10px 0 -15px;
    }
    .iframe-close {
	width: 50px;
	height: 50px;
	cursor: pointer;
	display: inline-block;
	position: absolute;
	right: 0;
	z-index: 77;
	margin: 0;
	top: 0;
	line-height: 0;
    }
    .iframe-close i {
	line-height: 50px;
    }
    .frame-header-title {
	float: none;
	color: #000;
	line-height: 25px;
	margin: 0 -15px;
	border-right: none;
	border-left: none;
	padding: 5px 0 15px 40px;
	min-height: 50px;
	position: relative;
	border-bottom: 1px solid #e5e5e5;
    }
    .header-date {
	float: left;
	margin: 0;
	position: absolute;
	top: 4px;
	left: 5px;
	transform: scale(0.85);
	z-index: 0;
    }
    .frame-header-title .title {
	line-height: 17px;
	margin-bottom: 12px;
	margin-top: 7px;
    }
    .iframe-social {
	width: 100%;
	background: #fff;
	margin: 0;
	position: relative;
    }
    .iframe-social a {
	font-size: 17px;
	height: 40px;
    }
    .single-article .col-md-8 .readability h1 {
	font-size: 21px;
	line-height: 27px;
	margin-bottom: 5px;
	margin-top: 23px;
    }
    .frame-carousel-wrap {
	display: none;
    }
    .frame-btns {
	padding-right: 15px;
	float: right;
	margin-right: 0;
    }
    .jr-tip1,
    .jr-tip2,
    .jr-tip3,
    .jr-tip4 {
	right: 10px !important;
	left: auto !important;
    }
    .joyride-tip-guide span.joyride-nub {
	left: auto !important;
	right: 15px;
    }
    .navbar-inverse {
	border: none;
    }
    .navbar-inverse .nav>li>a {
	color: #000 !important;
    }
    .navbar-inverse .navbar-collapse,
    .navbar-inverse .navbar-form {
	border-color: #e5e5e5;
    }
    .navbar-toggle {
	padding: 9px 0;
	margin-right: 10px;
	margin-left: 0;
	background-color: transparent !important;
	border: none;
	border-radius: 0;
	float: left !important;
	margin-top: 12px;
    }
    .navbar-default .navbar-toggle .icon-bar {
	background-color: #888;
    }
    .navbar-toggle .icon-bar {
	display: block;
	width: 20px;
	height: 2px;
	border-radius: 0;
    }
    .navbar-default .navbar-toggle:hover .icon-bar {
	background-color: #17386d;
    }
    .navbar .nav>li {
	width: 25%;
	text-align: center;
    }
    .navbar-collapse {
	position: fixed;
	top: 56px;
	left: 0;
	right: 0;
	background: #fff;
	border-bottom: 1px solid #e5e5e5;
    }
    .more-cta.margin-no {
	margin-bottom: 15px !important;
    }
    .aside-mob {
	padding-right: 235px !important;
    }
    .aside-mob {
	padding-right: 235px !important;
    }
    .aside-mob.no-padding {
	padding: 0 20px 0 0 !important;
    }
    .tribe-overiew-profile .profile-main {
	margin-bottom: -34px;
    }
    .profile_espots2 .span {
	left: 5px;
	position: relative;
    }
    .profile-pic .col-sm-4 {
	width: 100%;
	max-width: 200px !important;
    }
    .profile-pic .col-sm-8 {
	width: calc(100% - 200px);
	max-width: none;
    }
    .profile-main .thumbnails .profile-name {
	margin-top: 35px;
	margin-left: -15px;
	font-size: 17px;
	line-height: 33px;
	margin-bottom: 35px;
    }
    .profile-mob .btn-group span {
	float: left;
	margin: 0 5px;
    }
    .profile-mob .btn-group span span {
	position: relative;
	top: 7px;
    }
    .profile-mob {
	float: right;
	margin-bottom: 15px;
	margin-right: -6px;
    }
    .profile-mob {
	width: 100%;
    }
    .profile-main .col-sm-4 {
	max-width: 235px;
    }
    .tribe-profile-pic {
	top: 80px !important;
    }
    .profile-main .thumbnails li {
	background-color: transparent;
	border: 0;
	width: 100% !important;
	padding: 0 20px;
	position: relative;
	top: 49px;
    }
    a.join {
	position: relative;
	top: 0;
	right: 0;
	display: table;
	font-style: normal;
	margin-top: 10px;
    }
    .stats-tabs .responsive-tabs.nav-tabs {
	width: 100%;
	max-width: 100%;
	clear: both;
    }
    .stats-iframe {
	min-width: 100%;
    }
    #tribal-stream-tabs li.pull-right {
	float: left !important;
    }
    #global_sidebar.hidden-sm {
	display: none !important;
    }
    #invitations_sidebar #auto-shares .media-heading,
    #invitations_sidebar #muted-member .media-heading {
	margin: -7px 0 19px;
    }
    #auto-shares .btn,
    #muted-member .btn {
	font-size: 11px;
	text-transform: none;
    }
    .btn-ft {
	width: 100% !important;
	margin-top: 10px;
	margin-left: auto;
	margin-right: auto !important;
    }
    .discover-tribe-results .thumbnail div.col-xs-4 {
	padding: 0 15px 6px 15px !important;
    }
    .discover-tribe-results .thumbnail div.col-xs-8 {
	padding: 0 15px !important;
	float: left;
	width: 66.66%;
    }
    .tribe-style3 .discover-tribe-results2 {
	min-height: 185px;
    }
    .tribes-aside>a {
	margin-top: 15px;
    }
    .tribe-group-sm .dropdown-menu a {
	color: #000 !important;
	padding: 3px 0;
	font-weight: 400;
	text-transform: none;
    }
    .profile-pic .col-xs-4 {
	width: 20%;
	min-width: 150px;
	max-width: 160px;
	margin-bottom: 20px;
    }
    .profile-main .btn-group {
	padding: 0 15px;
	margin: -15px 0 -33px;
    }
    .follow_blogger+.btn-group {
	padding: 0;
    }
    .profile-main {
	padding-top: 30px;
	height: auto;
    }
    .post_holder.post_holder_expand.bonfire-single .post_avatar {
	padding: 12px 15px;
    }
    .expand-post.full .post_body h2 {
	white-space: inherit;
	text-overflow: initial;
	overflow: visible;
	padding-right: 45px;
    }
    .post_stats>.bonfire-dropdown {
	top: 5px;
	right: 100% !important;
	margin-right: 45px !important;
    }
    .profile_espots2.profile_espots_no {
	margin: 10px 0 15px !important;
    }
    .stream_post .loadPostLink small {
	margin-left: 0;
	position: relative;
	top: -4px;
	font-size: 10px;
	padding: 1px 5px !important;
	border: none;
	display: inline-block;
	margin-top: 10px;
    }
    .media-links a {
	margin-bottom: 5px;
	display: inline-block;
    }
    .pricing .the-price h1 {
	font-size: 29px;
    }
    .sb-cta {
	position: relative;
	height: 100%;
	margin-top: 100px;
    }
    .pricing .panel-body ul {
	padding: 0 10px 15px;
    }
    .pricing .cnrflash-inner {
	font-size: 16px;
    }
    .pricing .panel small {
	font-size: 8px;
	margin: 0 -15px;
    }
}

@media only screen and (min-width: 650px) and (max-width: 992px) {
    #tribal-stream-tabs.responsive-tabs {
	height: auto;
    }
    #tribal-stream-tabs.responsive-tabs .nav>li>a {
	background: transparent;
    }
    #tribal-stream-tabs.responsive-tabs>li>a {
	font-size: 12px;
    }
    .mob-quarter {
	float: left;
	width: 33.3333%;
    }
    .stream-aside-mob .col-sm-6 {
	float: left;
	width: 50%;
    }
    .stream-aside-mob .col-sm-6 .active-members {
	float: right !important;
    }
    .mc-trigger {
	margin-right: 15px;
    }
}

@media only screen and (min-width: 410px) and (max-width: 991px) {
    .aside-mob {
	padding-right: 210px;
	display: block !important;
    }
}

@media only screen and (min-width: 410px) and (max-width: 992px) {
    .mob-half {
	float: left;
	width: 50%;
    }
    .aside-mob .search {
	width: 100%;
    }
    .aside-mob .btn-group {
	position: absolute;
	right: 15px;
	top: 15px;
    }
}

@media only screen and (min-width: 480px) and (max-width: 767px) {
    .search-results-elements a {
	width: 50% !important;
	float: left;
    }
}

@media only screen and (min-width: 250px) and (max-width: 409px) {
    .tribes-aside a {}
    .discover-tribe-results2 .hide-xs {
	display: block;
    }
    .discover-tribe-results2 .show-xs {
	display: none;
    }
    .discover-tribe-results2 {
	min-height: 0;
    }
    .aside-mob .relative {
	margin-bottom: 0;
	margin-right: 15px;
    }
    .aside-mob .search {
	width: 100%;
	margin-bottom: 15px;
    }
    .aside-mob .btn-group .btn {
	padding: 8px 12px;
    }
}

@media only screen and (min-width: 250px) and (max-width: 650px) {
    .filters2 {
	float: right !important;
	width: auto !important;
    }
    .filters {
	float: left;
	width: 100%;
    }
    .filters .ui-group {
	float: left;
	margin-left: 0;
	margin-right: 6px;
	margin-bottom: 6px;
    }
}

@media only screen and (min-width: 250px) and (max-width: 768px) {
    .profile-main .thumbnails img {
	min-width: 75px;
    }
    .profile-main {
	background-image: url(../../assets/img/bgs/default-profile-bg-logo-alt.jpg);
	background-position: top right;
	margin-bottom: 67px;
    }
    .profile-main {
	height: auto;
	padding: 25px 0 10px;
    }
    .profile-main .thumbnails {
	margin: 0;
    }
    .profile-main .thumbnails {
	position: relative;
	top: 35px;
    }
    .profile-main .thumbnails a.thumbnail {
	margin-top: 14px;
	top: 60px;
    }
    .tribe-overiew-profile .profile-main {
	margin-bottom: 27px;
    }
    #tribe-name {
	height: 120px;
	top: 70px;
    }
    /*
.tribe-profile{
    top:60px;
}*/
    .profile-main .thumbnails .profile-name {
	font-size: 14px;
	width: 100% !important;
	line-height: 19px;
	text-align: center;
	position: relative;
	max-width: 116%;
	margin: 0 0 0 -15px;
	word-wrap: break-word;
    }
    .center-div {
	top: 56% !important;
    }
}

@media only screen and (min-width: 250px) and (max-width: 767px) {
    .stream_post .hide-post {
	opacity: 1;
    }
    .loadPostLink .dropdown-menu {
	left: 0;
	right: auto;
    }
    .joyride-tip-guide span.joyride-nub {
	top: 71px !important;
	position: fixed !important;
	right: 18px !important;
	bottom: auto;
    }
    .bonfire-single-post .expand-inner h3 {
	margin-top: 25px;
    }
    .bonfire-single-post .expand-inner h3 small {
	top: -13px;
	right: 25px;
    }
    .bonfire-single-post .expand-inner .bonfire-dropdown2 {
	top: -18px;
    }
    .profile-main .thumbnails .checkbox {
	display: table;
    }
    .follow_blogger {
	z-index: 555;
    }
    .list-group {
	margin-top: 30px;
    }
    .profile-main .btn-group {
	z-index: 222;
    }
    .navbar.navbar-inverse.navbar-fixed-top #global_nav_search input {
	color: #000 !important;
    }
    .promote-modal input {
	font-size: 9px !important;
	line-height: 21px;
	letter-spacing: 1px !important;
	padding: 10px !important;
    }
    .promote-modal .modal-body {
	padding: 20px 15px 25px 15px !important;
    }
    .fancy-text {
	font-size: 52px;
	line-height: 52px;
    }
    .jr-tip5 {
	margin-top: 25px;
	top: 54px !important;
    }
    .jr-tip5 .joyride-nub {
	display: none !important;
    }
    .joyride-tip-guide {
	z-index: 9999 !important;
    }
    .follow_blogger .btn-group {
	padding: 2px 4px 3px !important;
	position: absolute;
	/* top: -52px;
right: 42px; */
	border-radius: 5px !important;
    }
    .follow_blogger button {
	padding: 2px 4px 3px;
	min-width: auto;
	border-radius: 5px !important;
    }
    .follow_blogger .btn-group li {
	padding: 0 10px !important;
    }
    .follow_blogger .btn-group li a {
	font-size: 13px;
    }
    .approve_btn .tooltip {
	left: -42px !important;
	width: 100px;
    }
    .joyride-expose-cover {
	display: none;
    }
    #menu1 {
	max-height: 219px;
    }
    .filter-isotope .dropdown {
	float: left;
    }
    .filter-isotope .dropdown-menu.pull-right {
	margin-right: -55px;
    }
    .joyride-content-wrapper {
	top: 80px !important;
	position: fixed;
	left: auto;
	right: 1%;
	width: 98%;
	z-index: 9999;
    }
    .joyride-tip-guide span.joyride-nub {
	left: auto !important;
	right: 0;
    }
    .dropzone .dz-default.dz-message {
	transform: scale(0.6);
    }
    #global_nav_search {
	padding: 0 !important;
	margin: 20px auto 30px auto !important;
	background: transparent;
	height: 58px;
	float: none !important;
	border: 1px solid #ddd !important;
	position: relative;
    }
    .navbar-inverse .nav>li>a {
	color: #000 !important;
    }
    .navbar-collapse {
	position: absolute;
	background: #fff;
	top: 58px;
	margin: 0 !important;
	left: 0;
	border: none;
	padding: 0;
    }
    .header-search {
	position: fixed !important;
	background: #fff;
	top: 58px;
	padding: 30px 40px;
	border-bottom: 1px solid #ddd;
	left: 0;
	right: 0;
	opacity: 0;
	visibility: hidden;
	transition: .4s;
    }
    .header-search.act {
	opacity: 1;
	visibility: visible;
	transition: .4s;
    }
    .navbar-fixed-top .account-header .pull-right>.dropdown-menu {
	right: 0;
	left: auto;
    }
    .account-header>.dropdown>.dropdown-menu:before {
	right: 15px;
	left: auto;
    }
    .account-header>.dropdown>.dropdown-menu:after {
	right: 16px;
	left: auto;
    }
    .tribes-btn-toolbar .btn-group .btn-default,
    .tribes-btn-toolbar .btn-group .btn-default:hover {
	padding: 8px 10px 2px;
    }
    .profile-main .upload span,
    .profile-main .cover-image:hover .upload span {
	opacity: 0;
    }
    .profile-mob .btn-group>.btn+.dropdown-toggle {
	padding-right: 0;
	padding-left: 0;
    }
    .profile-main .upload-avatar {
	background: rgba(0, 0, 0, 0.4);
	position: absolute;
	bottom: 0;
	padding: 1px 4px;
	font-size: 10px;
	cursor: pointer;
	color: #fff;
	width: 19px;
	left: auto;
	right: 0;
	border-radius: 5px 0 0 0;
    }
    .profile-main .thumbnails a.follow {
	position: absolute;
	/* top: -50px; */
	right: -13px;
	font-size: 10px;
	padding: 4px 6px;
	z-index: 11;
    }
    .profile-mob .btn-group {
	margin: 0 auto 15px;
	display: table;
    }
    .profile-mob .btn-group button {
	border-radius: 4px !important;
	margin: 0 !important;
	padding: 6px 10px !important;
    }
    .profile-mob .btn-group span {
	float: left;
	margin: 0 5px;
    }
    .profile-mob .btn-group span span {
	position: relative;
	top: -2px;
    }
    .inbox .post_holder .expand-inner .post_avatar {
	width: 24% !important;
	float: left !important;
	margin: 0 !important;
	padding: 0 0 0 15px !important;
    }
    .inbox .expand-post .bonfire-dropdown2 {
	top: 7px;
    }
    .inbox .post_holder .expand-inner .col-sm-9 {
	width: 76%;
	float: left;
    }
    a.join {
	position: relative;
	top: 0;
	right: 0;
	display: table;
	font-style: normal;
	margin-top: 10px;
    }
    #members .table-wrap .table {
	display: block;
	overflow: auto;
	width: 560px;
	max-width: none;
    }
    .reg-btn.btn-lg {
	padding-right: 10px;
	padding-left: 10px;
	text-align: center;
    }
    .bonfire-new .nice-select.open .list {
	max-height: 170px !important;
    }
    .promote-modal .modal-body {
	padding: 25px 25px 25px 25px;
    }
    .more-cta span:first-child {
	margin: 0 5px 0 0;
    }
    .arrow_box:after,
    .arrow_box:before {
	display: none;
    }
    .active-members.pull-right {
	float: none !important;
    }
    .stream-aside-mob+.col-md-8 .btn-group .btn {
	font-size: 11px;
    }
    #global_sidebar.hidden-xs {
	display: none !important;
    }
    .tribal_stream_comments_timestamp {
	padding: 0 5px 5px 0;
    }
    .tribal-stream-comment-holder .media-body>a {
	display: block;
    }
    .approve_btn a,
    .approve_btn a:hover {
	color: #fff !important;
	background: #f05455 !important;
	border: 1px solid #f05455 !important;
	border-radius: 3px !important;
	padding: 0 5px !important;
	line-height: 30px;
	box-shadow: none;
	min-width: auto;
	font-size: 10px;
	letter-spacing: 0;
	text-transform: uppercase;
	position: relative;
	top: 3px;
    }
    .discover-tribe-results .thumbnail div.col-xs-4 {
	padding: 0 15px 6px 15px !important;
    }
    .discover-tribe-results .thumbnail div.col-xs-8 {
	padding: 0 15px !important;
	float: none;
	width: 100%;
    }
    .tribe-style3 .discover-tribe-results2 {
	min-height: 185px !important;
    }
    .modal-dialog.width_70 {
	width: auto;
    }
    .tribes-aside>a {
	padding: 6px 8px;
	margin-top: 15px;
	font-size: 9px;
	letter-spacing: -0.2px;
    }
    #invitations_sidebar .media-left {
	float: left;
	width: 70px;
    }
    #invitations_sidebar .media-left img {
	width: 100%;
	height: auto;
    }
    #invitations_sidebar .btn-sm {
	padding: 8px 10px;
    }
    #invitations_sidebar .media-heading {
	margin: -7px 0 0;
    }
    .profile-name {
	overflow: hidden;
	padding-top: 6px;
    }
    .nav-tabs.tribe-tab2-main {
	margin-top: 20px;
    }
    .tribe-tab2 .media-64 {
	width: 30px;
	height: 30px;
    }
    .follower-img .join {
	padding: 8px 12px !important;
	font-size: 9px;
    }
    #profile .thumbnails {
	margin-bottom: 30px;
	max-width: 200px;
	margin-right: auto;
	margin-left: auto;
    }
    .campaign-form-area form .thumbnails {
	margin-bottom: 25px;
    }
    .bonfire-new .post_body_expanded h3 {
	font-size: 20px;
	position: relative;
	top: 5px;
    }
    .bonfire-new .post_avatar {
	float: left;
	margin-left: 0;
    }
    .bonfire-new .post_holder img {
	max-width: 56px;
	top: 0;
    }
    .bonfire-new .post_body_expanded {
	padding: 0 15px 5px 15px;
    }
    .bonfires.expand .expand-post.full .post_stats {
	border: none;
    }
    .bonfires.expand .expand-post .post_stats {
	border-bottom: none;
	position: absolute;
	top: 0;
	right: 0;
	width: 222px;
	padding: 20px 14px;
	text-align: center;
    }
    .bonfires.expand.inbox .expand-post .post_stats {
	right: -5px !important;
	border: none;
    }
    .bonfires.expand .expand-post .post_stats small {
	position: absolute;
	right: 110px;
	top: 11px;
	text-align: right;
    }
    .bonfires .post_body h2 {
	text-transform: uppercase;
	font-weight: 500;
	margin: 29px 0 58px;
	font-size: 22px;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	position: relative;
	top: 26px;
    }
    .post_avatar {
	float: left;
	margin-left: -19px;
	height: 96px;
    }
    .bonfires.expand .post_body {
	font-size: 14px;
	padding-bottom: 30px;
	color: #777;
	height: 100%;
	max-height: 157px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	padding-right: 0;
    }
    .bonfires .post_holder {
	position: relative;
    }
    .post_stats>.bonfire-dropdown {
	top: 5px;
	right: 8px !important;
    }
    .protected .post-avatar-div {
	left: -12px;
    }
    .no-login-dropdown {
	margin: -58px 0 0;
	clear: both;
	position: relative;
	top: 0;
	width: auto;
	float: right;
    }
    .profile-info h5.media-heading-panel {
	text-transform: uppercase;
	font-size: 12px;
	margin: 6px 0 32px;
	text-align: center;
	position: relative;
	top: 15px;
    }
    .profile-info .media-body-panel .col-md-3 {
	width: 33.3333%;
	float: left;
    }
    .profile-info {
	background-color: #fff;
	position: absolute;
	z-index: 55;
	border: none;
	left: 0;
	padding: 15px;
	top: -15px;
	opacity: 0;
	visibility: hidden;
	transition: .4s;
	box-shadow: 0 0 25px 0 rgba(0, 0, 0, 0.15);
	right: 0;
	margin: 0 auto;
    }
    .welcome-tribes .btn-sm {
	padding: 10px 9px;
    }
    .no-login-dropdown .nav-pills>li {
	width: 100%;
    }
    .profile-info {
	width: 100%;
    }
    .tribal_stream_body {
	width: 100%;
    }
    .search-results-elements a {
	width: 100%;
    }
    #tribal-stream-tabs li.pull-right {
	float: left !important;
    }
    #email button {
	height: 50px;
	font-size: 10px;
    }
    .remove {
	position: relative;
	top: -2px;
    }
    .notification .post_body_expanded {
	padding: 20px 10px 0 0;
    }
    .popular {
	top: 0;
    }
    .mob-top-30 {
	margin-top: 30px;
    }
    .get-started-holder {
	padding: 0 0 10px;
	display: table;
	margin-bottom: 27px;
    }
    #main_follow_topic h1 {
	margin: 0 0 -15px;
	font-size: 28px;
    }
    .get-started-holder .get-started {
	margin: 0 -2% -25px;
    }
    .more-cta span:nth-child(2) {
	font-size: 16px !important;
    }
    .fixed {
    position: relative;
    }
    .login-wrapper {
	position: absolute;
	height: 100%;
	left: 0;
	right: 0;
	padding: 40px 0;
    }
    .login-wrapper-left {
	width: 100%;
	position: relative;
	padding: 350px 0 0 0;
	min-height: 500px;
    }
    .login-wrapper-right {
	width: 100%;
	height: 250px;
	position: absolute;
	display: none;
    }
    .center-div {
	padding: 20px 20px;
    }
    .login-wrapper-left .checkbox {
	padding: 0;
	margin: 10px 0 10px;
	top: 20px;
    }
    .campaign .nav>li>a {
	padding: 10px 6px;
	font-size: 10px;
    }
    .h1,
    h1 {
	font-size: 30px;
    }
    .mob-no-float {
	float: none !important;
	margin-top: 25px;
    }
    .get-started {
	padding: 23px 17px 0;
	transform: none;
	width: 100%;
	margin: 0 !important;
    }
    .large-boxes {
	min-height: 320px !important;
    }
    .page_head .pull-right {
	margin-bottom: 0;
	padding: 10px;
	font-size: 10px;
    }
    .faq-title {
	margin-top: 30px;
    }
    .navbar-toggle {
	padding: 9px 0;
	margin-right: 10px;
	margin-left: 0;
	background-color: transparent !important;
	border: none;
	border-radius: 0;
	float: left !important;
	margin-top: 12px;
    }
    .navbar-default .navbar-toggle .icon-bar {
	background-color: #888;
    }
    .navbar-toggle .icon-bar {
	display: block;
	width: 20px;
	height: 2px;
	border-radius: 0;
    }
    .navbar-default .navbar-toggle:hover .icon-bar {
	background-color: #17386d;
    }
    .navbar .nav>li.pull-right.dropdown {
	float: right !important;
    }
    .navbar-fixed-top .navbar-collapse {
	max-height: 80vh;
	width: 100%;
    }
    .header-search {
	max-width: 100%;
    }
    .modal-title {
	font-size: 14px;
    }
    .modal-body {
	position: relative;
	padding: 20px 20px;
    }
    .table-wrap {
	width: 100%;
	overflow: auto;
	overflow-y: hidden;
    }
    .table-wrap .table {
	display: block;
	overflow: auto;
	width: 1000px;
	max-width: none;
    }
    #tribal-stream-tabs>li>a {
	font-size: 12px;
	padding: 8px;
    }
    .tribal-stream-tabs {
	padding: 30px;
    }
    .alert {
	font-size: 12px;
    }
    aside {
	margin-top: 30px;
    }
    .truncated {
	overflow: hidden;
	text-overflow: inherit;
	white-space: inherit;
    }
    .post_holder .post_avatar {
	padding: 20px 15px 0 20px !important;
    }
    .post_avatar+.col-md-8 {
	padding-left: 20px;
    }
    .post_stats {
	border-left: none !important;
	border-top: thin solid #E3E3E3;
    }
    .expand-post>.post_body_expanded {
	padding: 0 10px 20px 15px;
    }
    .expand-inner {
	width: 100%;
    }
    .expand-post .sharebtn {
	margin: -20px 0 0;
    }
    .post_holder .row {
	margin: 0;
    }
    .expand-post .bonfire-dropdown2 {
	top: -19px;
	display: table;
	float: right !important;
	position: absolute;
	right: 11px;
    }
    .bonfires .post_body h3 {
	margin: 23px 0 8px;
	position: relative;
	top: 8px;
    }
    .expand-post>.post_body_expanded>h3 small {
	text-transform: uppercase;
	font-size: 10px;
	letter-spacing: 1px;
	position: absolute;
	top: -57px;
	float: right;
	right: -18px;
	color: #999 !important;
	padding-right: 35px;
    }
    .auto-width {
	width: auto !important;
	min-width: auto !important;
    }
    .step a {
	width: 100%;
	text-align: left !important;
    }
    .step a:first-child {
	padding: 0 20px 0 45px !important;
    }
    .step a:after {
	display: none;
    }
    .stream_post .loadPostLink span.fa-edit {
	display: table;
	float: left;
	position: relative !important;
	left: -4px;
	top: 0 !important;
    }
    .stream_post .loadPostLink em {
	font-size: 22px;
	line-height: 30px;
	font-weight: 400;
	color: #17386d;
	margin-bottom: 14px;
	display: block;
    }
    .media-heading {
	margin: 0;
	width: 100% !important;
    }
    .media-links {
	text-transform: uppercase;
	color: #888;
	font-size: 8px;
	line-height: 14px;
	display: table;
	padding: 0;
	width: 100%;
	margin-top: 14px;
	position: relative;
    }
    .arrow_box {
	margin-top: 15px;
    }
    .btn-group-head {
	font-size: 10px;
    }
    .stream_post .loadPostLink small {
	margin-left: 1px;
	color: #fff;
	border-radius: 3px;
	position: relative;
	top: -4px;
	font-weight: 400;
	text-transform: uppercase;
	font-size: 9px;
	padding: 5px 5px;
	background-color: #2FCEA0;
	border: none;
    }
    .frame-header-left-arrow i {
	width: 40px;
	padding-left: 14px;
    }
    .frame-header-right-arrow i {
	width: 40px;
	padding-left: 16px;
    }
    .frame-header-navigation {
	width: 83px;
	margin: 0 10px 0 -15px;
    }
    .iframe-close {
	width: 50px;
	height: 50px;
	cursor: pointer;
	display: inline-block;
	position: absolute;
	right: 0;
	z-index: 77;
	margin: 0;
	top: 0;
	line-height: 0;
    }
    .iframe-close i {
	line-height: 50px;
    }
    .frame-header-title {
	float: none;
	color: #000;
	line-height: 25px;
	margin: 0 -15px;
	border-right: none;
	border-left: none;
	padding: 5px 50px 15px 40px;
	min-height: 50px;
	position: relative;
	border-bottom: 1px solid #e5e5e5;
    }
    .header-date {
	float: left;
	margin: 0;
	position: absolute;
	top: 4px;
	left: 5px;
	transform: scale(0.85);
	z-index: 0;
    }
    .frame-header-title .title {
	line-height: 17px;
	margin-bottom: 12px;
	margin-top: 7px;
    }
    .iframe-social {
	width: 100%;
	background: #fff;
	margin: 0;
	position: relative;
    }
    .iframe-social a {
	font-size: 17px;
	height: 40px;
    }
    .single-article .col-md-8 .readability h1 {
	font-size: 21px;
	line-height: 27px;
	margin-bottom: 5px;
	margin-top: 23px;
    }
    .frame-carousel-wrap {
	display: none;
    }
    .frame-btns {
	padding-right: 15px;
	float: right;
	margin-right: 28px;
    }
    .btn-sm {
	padding: 10px 15px;
	min-width: 50px !important;
    }
    .bio_holder {
	margin-bottom: 40px;
    }
    .readability p {
	font-size: 15px;
	line-height: 24px;
    }
    .tag_holder .label {
	padding: 4px 10px;
	font-size: 8px;
    }
    .sb-cta {
	position: relative;
	height: 100%;
	margin-top: 100px;
    }
    .stream-avatar {
	position: relative;
	z-index: 77;
	float: none !important;
	margin: 0 14px -31px;
	display: table;
	width: 45px;
    }
    .post-avatar {
	margin-right: 0;
	left: 0;
    }
    .promote-modal .modal-content {
	width: 94%;
	max-width: 900px;
	overflow: auto;
	margin: 10px 3%;
    }
    .promote-modal.modal-dialog {
	margin: 0 !important;
    }
    .stats-iframe {
	min-width: 100%;
    }
    .left-menu {
	position: fixed;
	right: -1200px;
	width: 100%;
	height: 100%;
	z-index: 7777777777;
	background: #fff;
	overflow-y: scroll;
	padding-top: 0;
	padding-left: 20px;
	border-left: 1px solid #eee;
	transition: .4s;
    }
    .left-menu-close {
	top: 0;
	z-index: 777;
    }
    .btn-toolbar {
	margin: 10px 0 0 -5px !important;
	float: none !important;
    }
    .loading-icon {
	width: 90%;
	margin: 0 auto 20px !important;
	position: relative;
    }
    .tribe-tab {
	position: relative;
	left: 0;
	display: block;
	margin: 0;
	width: 100%;
    }
    .tribe-tab table {
	background-color: transparent;
	width: 700px;
    }
    .post_body_expanded h3 {
	font-size: 19px;
    }
    .post_body_expanded h3 small {
	text-transform: uppercase;
	font-size: 10px;
	letter-spacing: 1px;
	position: absolute;
	top: -19px;
	float: right;
	right: 15px;
	color: #999 !important;
	padding-right: 35px;
    }
    .post_holder.post_holder_expand.bonfire-single .post_avatar {
	float: left;
	margin-left: 0;
	height: 96px;
    }
    .modal-content .modal-footer .btn.btn-primary {
	margin-bottom: 0 !important;
    }
    .btn-group .btn {
	font-size: 12px;
    }
    .big_stats {
	font-size: 17px !important;
    }
    .profile-espots2 .span {
	font-size: 9px;
    }
    .profile-main .thumbnails .checkbox {
	margin-top: 0;
	font-size: 9px;
	color: #000;
    }
    .profile-main .thumbnails .checkbox input[type="checkbox"]+span {
	color: #000 !important;
	top: 4px;
	border-color: #ddd;
    }
    .profile-main .thumbnails a {
	color: #000;
    }
    .profile-main .btn-group.margin-no button {
	border: none;
	padding: 4px 6px;
	font-size: 11px;
	margin-top: -9px;
    }
    .profile-main .btn-group a {
	color: #000;
	text-transform: none;
	font-weight: 400;
	font-size: 14px;
	padding: 2px 0;
    }
    .profile-espots h2 {
	font-size: 18px;
    }
    .profile-main .btn-group {
	margin: 0 17px;
    }
    .profile-main .btn-group button {
	margin-right: 5px;
	border-radius: 4px !important;
    }
    .profile-main .btn-group button:last-child {
	margin-right: 0;
    }
    .profile-pic .col-xs-4 {
	min-width: 82px;
	max-width: 100px;
	float: left;
	padding-right: 0;
    }
    .discover-tribe-results2 .thumbnail div h5 {
	line-height: 18px;
    }
    #invitations_sidebar #auto-shares .media-heading,
    #invitations_sidebar #muted-member .media-heading {
	margin: -7px 0 19px;
    }
    .tsb-thumb {
	padding: 0 15px 0 15px;
    }
    .espot2 h2 {
	font-weight: 500;
	font-size: 17px;
    }
}

@media only screen and (max-width: 1099px) {
    .iframe-social {
	max-width: 100%;
    }
}

@media only screen and (min-width: 993px) and (max-width: 1099px) {
    .iframe-social {
	max-width: 190px !important;
	float: right;
    }
}

@media only screen and (min-width: 1051px) and (max-width: 1099px) {
    .frame-btns {
	padding-right: 15px;
	position: absolute;
	top: 0;
	right: 230px;
    }
}

@media only screen and (min-width: 993px) and (max-width: 1050px) {
    .frame-btns a.queue {
	padding: 4px 6px;
	margin-right: -14px;
    }
}

@media only screen and (min-width: 250px) and (max-width: 992px) {
    .tribes-aside {
	float: none;
	margin: -20px 0 0 0;
    }
}

@media only screen and (min-width: 650px) and (max-width: 730px) {
    .discover-tribe-results .thumbnail div.col-xs-4 {
	width: 25%;
    }
    .discover-tribe-results .thumbnail div.col-xs-8 {
	width: 100%;
    }
    .tribe-style3 .discover-tribe-results2 {
	min-height: auto !important;
    }
    .tribes-aside {
	float: none;
	margin: -30px 0 0 0;
    }
}

@media only screen and (min-width: 320px) and (max-width: 370px) {
    .follower-img .join {
	padding: 6px 8px !important;
	font-size: 8px;
    }
}

@media only screen and (min-width: 250px) and (max-width: 564px) {
    .stream-social li.active {
	width: 7%;
    }
    .stream-social li.active small {
	padding-left: 5px;
    }
    .more-cta span {
	margin: 0 5px 0 -3px !important;
    }
    .campaign .get-started a {
	font-size: 11px;
	padding-right: 15px;
	padding-left: 15px;
    }
    .profile-mob .btn-group button {
	border-radius: 4px !important;
	margin: 0 !important;
	padding: 6px 6px !important;
	font-size: 9px;
    }
    .profile-mob .btn-group span {
	margin: 0 2px !important;
    }
    .profile-mob .btn-group span span {
	position: relative;
	margin-right: 4px !important;
    }
}

@media only screen and (min-width: 365px) and (max-width: 768px) {
    .profile-pic .col-xs-6 {
	width: 100%;
	max-width: 140px;
    }
    .tribe-profile-pic .col-xs-6 {
	top: 100px;
    }
    .profile-pic .col-xs-6+.col-xs-6 {
	width: calc(100% - 140px);
	max-width: none;
    }
}

@media only screen and (min-width: 768px) and (max-width: 993px) {
    .page-content {
	margin-top: 5%;
    }
    .tribe-profile-page .my-tribe-role div.popover {
	right: 10%;
    }
    .stream_post .hide-post {
	opacity: 1;
    }
    .navbar .nav {
	display: none;
    }
}

@media only screen and (min-width: 768px) and (max-width: 992px) {
    .joyride-tip-guide {
	position: fixed;
	top: 80px !important;
	width: 95% !important;
	left: 2.5% !important;
	z-index: 111;
	bottom: auto;
    }
}

@media screen and (-webkit-min-device-pixel-ratio: 0) and (min-color-index: 0) {
    /*   .stream-post-inner .media-heading {
	    width: 100%;
	    padding-right: 200px;
}

    .approve_btn {
	    margin: 0 0 20px;
    }*/
}

@media only screen and (min-width: 250px) and (max-width: 767px) {
    .scheduled-count {
	margin: 0 0 15px;
	text-align: center;
	font-weight: 400;
	position: relative;
	left: 0;
	padding-left: 82px;
    }
    .nav-justified>li {
	float: none;
	display: table-cell;
	width: 1%;
    }
    .inbox.bonfire-single-post .col-sm-4.post_avatar {
	display: inherit !important;
	float: none;
    }
    .inbox.bonfire-single-post .post_body h2 {
	margin: 0 0 38px;
    }
}

@media only screen and (min-width: 767px) and (max-width: 993px) {
    .bonfire-single-post .col-sm-2 {
	width: 16.66666667%;
	float: left;
	display: inherit !important;
    }
    .bonfire-single-post .col-sm-7 {
	width: 58.33333333%;
	float: left;
	display: inherit !important;
    }
    .bonfire-single-post .col-sm-3 {
	width: 25%;
	float: left;
	display: inherit !important;
    }
    .bonfire-single-post .col-sm-10 {
	width: 83.33333333%;
	float: left;
	display: inherit !important;
    }
    .bonfire-single-post .post_stats>.bonfire-dropdown {
	margin-right: 65px !important;
    }
    .bonfire-single-post .post_body .col-sm-2.post_avatar {
	display: none !important;
    }
}


/*New Social Network Panels */

.social_status_good:after {
    content: ' ok';
}

.social_status_error:after {
    content: ' error';
}

.social_status_good {
    font-weight: bold;
    color: black !important;
    background: #e5e5e5 !important;
    text-transform: uppercase;
    padding: 8px 22px;
    font-size: 14px;
    border-radius: 4px;
}

.social_status_error {
    font-weight: bold;
    color: white !important;
    background: #eba023 !important;
    text-transform: uppercase;
    padding: 8px 22px;
    font-size: 14px;
    border-radius: 4px;
}

.social_profiles.col-sm-3 {
    font-size: 25px;
    font-weight: bold;
    color: #1DA1F2 !important;
    line-height: 42px;
}

.user-social-panel.panel-body {
    padding: 0 15px;
}

.user-social.row {
    border-bottom: 1px solid #ddd;
    padding: 15px;
    /* margin: 10px; */
    font-size: 18px;
}

.user_profilename .user-name {
    display: inline-block;
    float: none !important;
}

.user_profilename .user-name>a {
    padding-left: 10px;
}

.user-social-assign-tribes {
    max-width: 20%;
}

.user-social-assign-tribes .btn-default {
    font-weight: bold;
    color: black !important;
    background: #e5e5e5 !important;
    text-transform: uppercase;
}

.user-social-assign-tribes.no-tribes .btn-danger {
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
}

.user-social-assign-tribes.no-tribes .btn-default {
    color: #e3524d!important;
}

.social-campaign-preferences .btn-default {
    font-weight: bold;
    color: black !important;
    background: #e5e5e5 !important;
    text-transform: uppercase;
}

.social_account_rows {
    line-height: 60px;
}

.share-freq {
    float: right;
    margin-right: -8%;
}

.internal {
    display: flex;
    align-items: center;
    word-wrap: break-word;
}

.sharefreq {
    text-align: right !important;
    line-height: 0;
}

.sharefreq .nice-select {
    margin: 0 !important;
}

.sharefreq>div {
    min-width: 150px;
    display: inline-block;
}

.sharefreq .dripfrequency-select {
    width: 100%;
}

.sharefreq select {
    height: auto;
    line-height: 14px;
    font-size: 10px;
}

.freq-setting {
    margin-top: 10px;
}

.Soc_stat {
    padding-left: 2%;
    padding-right: 0;
}

.Reauth {
    padding-left: 0;
}

.Reauth {
    display: flex !important;
}

.Reauth i {
    line-height: 60px;
    margin-right: 10px;
}

.Reauth .btn {
    margin-bottom: 0 !important;
    padding: 8px 16px !important;
}

.Soc_stat,
.Del_Acc,
.Reauth {
    display: inline-block;
}

.Soc_stat:hover>.Del_Acc,
.Soc_stat:active>.Del_Acc {
    display: inline-block !important;
}

.media-tip {
    padding: 15px 20px 0 0 !important;
    float: right;
    min-width: 10px !important;
    width: 15px !important;
}

.freq-setting {
    width: 33%;
    float: right;
}

.stream-post-inner .popover {
    border-radius: 0 !important;
    box-shadow: 0 2px 10px rgba(90, 90, 90, .1) !important;
    border-color: rgba(0, 0, 0, .2) !important;
    min-width: 80px;
    text-align: center
}

.stream-post-inner .popover-content {
    padding: 4px 9px;
    font-size: 9pt;
    color: #888 !important;
}

.connections-tip {
    padding-left: 30px;
    padding-top: 5px;
    margin-bottom: 5px;
}

.connect-profile {
    float: left;
    width: 50%;
}

.conn-btn {
    padding-left: 30%;
    padding-right: 1%;
}

@media only screen and (max-width: 768px) {
    .conn-btn {
	padding-left: 0;
	padding-right: 0;
    }
}

.connect-profile>a {
    margin-bottom: 0 !important;
    height: 50px;
    padding-top: 16px !important;
    width: 100%;
    font-weight: bold;
    padding-left: 10px !important;
    padding-right: 10px !important;
}


/* Connect Profile Panel */

.social-type-list {
    list-style-type: none;
    padding-top: 26px;
    display: flex;
    flex-flow: wrap;
}

.social-type-list>li {
    margin-bottom: 25px;
    flex: 1;
    /* min-width: 40%;*/
}
/*
.twitter-info {
    width: 80%;
    padding-left: 12%;
}

.addTwitter {
    padding: 20px;
} */

.twitter-info>i {
    color: #4099ff;
    display: block;
    font-size: 50px;
}

.twitter-info>h4 {
    color: #4099ff;
}
/*
.facebook-info {
    width: 80%;
    padding-left: 6%;
}

.addFacebook {
    padding: 20px;
} */

.facebook-info>i {
    color: #3B5998;
    display: block;
    font-size: 50px;

}

.facebook-info>h4 {
    color: #3B5998;
}
/*
.linkedin-info {
    width: 80%;
    padding-left: 8%;
}

.instagram-info {
    width: 80%;
    padding-left: 8%;
} */

/* .youtube-info {
    width: 80%;
    padding-left: 8%;
}

.pinterest-info {
    width: 80%;
    padding-left: 8%;
}

.addLinkedin {
    padding: 20px;
}

.addInstagram {
    padding: 20px;
}

.addYoutube {
    padding: 20px;
}

.addPinterest {
    padding: 20px;
} */

.instagram-info>i {
    color: #3f3124;
    display: block;
    font-size: 50px;

}

.linkedin-info>i {
    color: #007bb6;
    display: block;
    font-size: 50px;

}

.linkedin-info>h4 {
    color: #007bb6;
}

.instagram-info>h4 {
    color: #3f3124;
}

.youtube-info>i {
    color: #FF0000;
    display: block;
    font-size: 50px;

}

.youtube-info>h4 {
    color: #FF0000;
}

.pinterest-info>i {
    color: #bd081c;
    display: block;
    font-size: 50px;

}

.pinterest-info>h4 {
    color: #bd081c;
}


/*Mobile-View Social Connections*/

@media only screen and (max-width: 1400px) {
    .promote-post-ad {
	display: none;
    }
}

@media only screen and (max-width: 1200px) {
    .tab-content {
	padding: 10px !important;
	width: 100%;
    }
    .rc-container {
	max-width: 95% !important;
    }
    .tribe-overiew-profile .profile-main .thumbnails .profile-name {
	margin-top: 0 !important;
    }
    .user-social.row {
	padding: 10px;
    }
    .sharefreq .nice-select {
	width: 90%;
	float: right;
    }
    .user-social-tribes {
	max-width: 22% !important;
    }
    .title-mob {
	width: 100%;
	padding: 15px;
	display: inline-flex;
	margin: 0 !important;
	border-bottom: 1px solid #ddd !important;
    }
    #info-share-freq {
	line-height: 25px;
	padding-right: 10px;
    }
    .user-name {
	display: table;
	/* height: 60px; */
	padding-right: 10px !important;
	padding-left: 0 !important;
    }
    .user-name a {
	position: relative;
	/* display: table-cell; */
	word-break: break-word !important;
	vertical-align: middle;
	/* padding-left: 15px !important; */
	font-size: 14px;
	padding:0px !important;
    }
    .Reauth .btn {
	padding: 8px !important;
    }
    #tribes-border {
	border-right: 1px solid #ddd;
	padding-right: 7px !important;
    }
    .title-mob .col-sm-7,
    .title-mob .col-sm-4 {
	padding: 0 !important;
    }
    .user-social-assign-tribes {
	max-width: 100%;
    }
    .tribes-status {
	display: block;
    }
    .tribes-status .col-md-12 {
	height: 50px;
    }
    .sharefreq.col-sm-9 {
	margin-bottom: 10px !important;
    }
    .Soc_stat {
	padding: 0 !important;
    }
}

@media only screen and (max-width: 992px) {
    .user-social.row {
	/* padding: 0; */
    }
    .media-links {
	/* margin-top: -5px !important;*/
    }
    .new-posts-page .approve_btn .active+.clearfix+.stream-status,
    .my-posts-page .approve_btn .active+.clearfix+.stream-status {
	margin-top: -50px !important;
    }
    .new-posts-page .right-content #content_group_dd .approve_btn a,
    .my-posts-page .right-content #content_group_dd .approve_btn a {
	top: -15px;
	position: relative;
    }
    .tribes-status.row .col-md-12 {
	padding: 0;
    }
    .sharefreq>div {
	min-width: 500px;
    }
}


/*-----------------------------*/


/*Stats-summary-widget*/

@media screen and (max-width: 767px) {
    .stat-summary-widget {
	width: 75% !important;
	margin-left: auto;
	margin-right: auto;
    }
}

.stat-summary-widget {
    width: 100%;
    height: auto;
    border: 1px solid #ddd;
}

.stat-summary-header {
    text-align: left;
    width: 100%;
    background-color: #f5f5f5;
    color: #333;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 15px;
    padding: 10px;
    border-bottom: 1px solid #ddd;
}

.stat-summary-footer a {
    margin-bottom: 0;
    text-align: center;
    width: 100%;
    color: #fff;
    text-transform: uppercase;
    font-size: 15px;
    padding: 10px;
    border-radius: 0 !important;
    /*border-bottom:1px solid #ddd;*/
}


/* Style the tab */

div.tab {
    overflow: hidden;
    background-color: #f5f5f5;
}

.stats-row {
    display: block;
    color: #333;
    font-size: 15px;
    padding: 5px;
}

div.tab button {
    width: 50%;
    background-color: #f5f5f5;
    color: #333;
    font-size: 15px;
    float: left;
    border: none;
    outline: none;
    cursor: pointer;
    padding: 10px;
    transition: 0.3s;
}

div.tab button:hover {
    background-color: #ddd;
}

div.tab button.active {
    background-color: #fff;
    color: #333;
    border-bottom: none;
}

.tabcontent {
    display: none;
    padding: 6px 12px;
}

.tabcontent-mob {
    display: none;
    padding: 6px 12px;
}

@media screen and (max-width: 991px) {
    .mytab-col8.own-profile+.col-md-4 {
	margin-top: 0 !important;
    }
}

@media screen and (max-width: 767px) {
    .be-someone,
    .be-someone .panel-body {
	width: 100% !important;
    }
    .reset-feed {
	width: 100% !important;
    }
    .ban-someone {
	width: 100% !important;
    }
    .btn.btn-secondary.follow {
	float: left;
	width: 35%;
	right: 50px !important;
    }
    .invite-drop {
	right: auto !important;
	left: 0 !important;
	margin-top: 6px !important;
	max-width: 250px;
	width: 245px;
	overflow-x: hidden !important;
    }
    .invite-tribe-name {
	display: inline-block;
	float: left;
	max-width: 50px;
	/*word-wrap: break-word;*/
	word-break: break-word;
    }
    .espots-margin-top-20 {
	margin-top: 60px !important;
    }
    .profile-main .follow_blogger .pull-left {
	right: 20px!important;
	top: 0 !important;
	margin-top: 65px !important;
	z-index: 110;
    }
    .autoshare-txt {
	padding-left: 10px !important;
    }
    .autoshare-btn {
	display: inline-flex !important;
	position: relative !important;
	margin: 0 !important;
    }
}

.invite-tribe-name {
    float: left;
}

@media screen and (max-width: 767px) {
    .mytab-col8.own-profile+.col-md-4 {
	margin-top: 0!important
    }
    .ban-someone,
    .be-someone,
    .be-someone .panel-body,
    .reset-feed {
	width: 100%!important
    }
    .btn.btn-secondary.follow {
	float: left;
	width: 35%;
	right: 50px!important
    }
    .invite-drop {
	right: auto!important;
	left: 0!important;
	margin-top: 6px!important;
	max-width: 250px;
	width: 245px;
	overflow-x: hidden!important
    }
    .invite-tribe-name {
	display: inline-block;
	float: left;
	max-width: 50px;
	word-break: break-word
    }
    .espots-margin-top-20 {
	margin-top: 60px!important
    }
    .profile-main .follow_blogger .pull-left {
	right: 20px!important;
	top: 0!important;
	margin-top: 65px!important;
	z-index: 110
    }
    .autoshare-txt {
	padding-left: 10px!important
    }
    .autoshare-btn {
	display: inline-flex!important;
	position: relative!important;
	margin: 0!important
    }
    .login-wrapper-left p {
	margin: 15px 0 0;
    }
    .login-wrapper-left h4 {
	font-size: 25px;
	margin: 10px 0 0;
    }
}

@media screen and (min-width: 767px) and (max-width: 1050px) {
    .login-wrapper-left {
	height: auto !important;
    }
}

#website_url,
#errorwebsite,
.website {
    display: none
}


/* New search page */

.search-form-wrap .nice-select {
    width: 100%;
    height: 50px;
    line-height: 50px;
    border-radius: 0 !important;
}

.search-form-wrap .nice-select .list {
    width: 100%;
}

.search-example {
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 0.25rem;
    cursor: pointer;
    display: inline-block;
    margin: 0;
    padding: 0.25rem 0.5rem;
}

#search-results .stream_post .loadPostLink {
    padding-right: 110px!important;
}

.left-15 {
    left: 15px !important;
}

.settings-prime-plan .nice-select.disabled {
    pointer-events: auto !important;
}

.settings-prime-plan .nice-select {
    cursor: not-allowed !important;
}

.sb-instagram {
    background: #3f3124;
}

.sb-youtube {
    background: #FF0000;
}

.sb-pinterest {
    background: #bd081c;
}

.fnt-10 {
    font-size: 10px !important;
}

.fnt-11 {
    font-size: 11px !important;
}

.account-header .dropdown-toggle i.fa-caret-down,
.account-header .dropdown-toggle i.fa-caret-up {
    margin-left: 2px;
    font-size: 12px;
}

.banusers {
    width: 100%;
}

.banusers td,
.banusers th {
    border: 1px solid #dddddd !important;
    text-align: left !important;
    padding: 8px !important;
}

.banusers tr:nth-child(even) {
    background-color: #dddddd;
}

@media only screen and (max-width: 1050px) and (min-width: 768px) {
    .center-div {
	transform: none !important;
    }
}

@media only screen and (min-width: 1050px) {
    .center-div {
	transform: translateY(-40%) !important;
    }
}

.errorMessage {
    vertical-align: top;
    color: #FF0000 !important;
    font-size: 14px !important;
}

.instagram-cover-band {
    position: absolute;
    top: 70px;
    left: 360px;
    font-size: 50px !important;
    color: #d14172 !important;
    display: none;
}

.youtube-cover-band {
    position: absolute;
    top: 70px;
    left: 360px;
    font-size: 50px !important;
    color: #FF0000 !important;
    display: none;
}

.pinterest-cover-band {
    position: absolute;
    top: 70px;
    left: 360px;
    font-size: 50px !important;
    color: #bd081c !important;
    display: none;
}

.overlay-img {
    position: absolute;
    display: block;
    width: auto;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.5);
    cursor: pointer;
    max-height: 460px;
    text-align: center;
}

.overlay-btns {
    top: 50%;
    transform: translateY(-50%);
    position: relative;
}

.btn-overlay-img {
    background: transparent;
    border: 1px solid #ffffff;
    padding: 10px 40px;
    color: #fff;
    text-transform: uppercase;
    margin-bottom: 15px;
    width: 350px;
}

.errorMessage {
    vertical-align: top;
    color: #FF0000;
}

.btn-overlay-img:hover,
.btn-overlay-img.active {
    color: #f05455;
    border: 1px solid #f05455;
}

.linkedin-info>i {
    color: #007bb6;
    display: block;
    font-size: 50px;
    padding-left: 12px;
}

.send-tribe-invites {
    width: 100%;
    display: inline-flex;
    margin: 20px 0;
}

.follow-invite-email {
    width: 95% !important;
}

.invite-info {
    padding: 15px 10px;
}

.btn-tribe-invites {
    padding: 10px 20px !important;
}

.engagement-espots .span {
    width: 50% !important;
}

.signup-valid-feed {
    position: absolute;
    right: 0;
    margin: 17px 30px 0 0;
    color: green;
}

.signup-invalid-feed {
    position: absolute;
    right: 0;
    margin: 17px 30px 0 0;
    color: red;
}

.add-blog-form .form-group {
    margin-bottom: 25px;
}

.blogerrorMessage {
    margin-top: -15px;
    position: absolute;
}


/*.add-blog-form .form-group .nice-select{margin-bottom: 5px;}*/

.signup-valid-feed {
    position: absolute;
    right: 0;
    margin: 42px 30px 0 0;
    color: green;
}

.signup-invalid-feed {
    position: absolute;
    right: 0;
    margin: 42px 30px 0 0;
    color: red;
}

.padding-right-30 {
    padding-right: 30px !important;
}

.profile-user-name {
    float: left;
    width: 100%;
    word-wrap: break-word;
    line-height: 23px;
    font-size: 30px;
    margin: 0 !important;
    color: #fff;
    font-weight: 300;
}

.manual-share-alert {
    display: table;
    width: 100%;
    padding: 20px;
    margin-bottom: 0 !important;
}

.blog-post-list {
    margin-left: 14px;
}

.blog-post-list li {
    background-color: inherit !important;
}

.email-verification-banner {
    background: #D9EDF8;
    color: #17386D;
    padding: 10px 0;
    font-size: 14px;
}

.inbox .post_body_expanded h3 small {
    top: 0 !important;
}

.send-tribe-invites .tag-editor.ui-sortable {
    width: 100%
}

@media only screen and (max-width: 1100px) {
    .search-filters .nice-select {
	height: 50px;
	padding: 4px 20px !important;
    }
}

@media only screen and (max-width: 991px) {
    #tribeSearchQuery {
	margin-bottom: 20px;
    }
    .head-dropdown .upgradeBtn {
	top: -40px !important;
    }
    .profile-mob .btn-group span h2,
    .profile-mob .btn-group span p {
	display: none;
    }
}

@media only screen and (max-width: 400px) {
    .head-dropdown .upgradeBtn {
	top: -80px !important;
	right: -30px !important;
    }
}

@media only screen and (max-width: 360px) {
    .display-flex {
	display: inline !important;
	text-align: left !important;
    }
}

@media only screen and (max-width: 767px) {
    .search-filters div {
	float: left;
    }
    .btn-follow-tribe {
	float: left !important;
	margin-left: 15px;
	margin-top: 20px;
    }
    .tribe-tab .btn-group span {
	margin-top: 10px !important;
    }
}

.display-flex {
    display: flex;
}

.tribe-search-filters {
    margin-top: 20px;
}

.search-filters {
    float: left;
}

.search-filters label {
    display: block !important;
    font-size: 15px;
    font-weight: 600;
    color: #000;
}

.search-filters .nice-select {
    width: 100%;
    height: 50px;
    padding: 4px 20px !important;
}

.btn-tribe-search {
    background-color: #00A3E5;
    border: 1px solid #00A3E5;
    color: #fff !important;
    padding: 10px 25px;
    height: 50px;
}

.btn-tribe-search:hover {
    background-color: #fff;
    border: 1px solid #00A3E5;
    color: #00A3E5 !important;
}

#search-submit {
    color: transparent;
}

.ts-dropdown li {
    top: 0!important;
}

.ts-settings {
    color: #aaa !important;
}

.tribe-share-settings .btn .fa-cog {
    height: auto !important;
}

.mt-15 {
    margin-top: 15px;
}

.padding-left-10 {
    padding-left: 10px !important;
}

.img-sidebar {
    max-height: 460px;
    max-width: 100%;
    overflow: hidden;
}

.btn-filter-tribe {
    margin-left: 15px;
    text-decoration: none;
    color: #555;
    font-size: 14px;
    padding: 10px;
    background-color: #c5c5c5;
    border: 2px solid #c5c5c5;
    margin-bottom: 10px;
    box-shadow: none;
}

.btn-filter-tribe:hover,
.btn-filter-tribe:focus {
    background-color: #fff;
    border: 2px solid #c5c5c5;
    box-shadow: none;
}

.btn-filter-tribe.active {
    background-color: #fff;
    border: 2px solid #c5c5c5;
    box-shadow: none;
}

.highlighted {
    background-color: #edf2fa;
}

.promote-post ul .fa {
    color: inherit !important;
    position: absolute;
    margin-top: 3px;
}

.edit-tribe-details {
    display: inline-flex !important;
    float: right;
    margin: 0 5px;
}

@media (min-width: 1014px) {
    .tribe-share-settings {
	top: 0;
    }
    .edit-details-desktop {
	margin-top: 10px;
	float: right;
    }
}

@media (max-width: 1200px) and (min-width: 993px) {
    .responsive-tabs.nav.nav-tabs.tribe-tab2-main {
	border-bottom: none !important;
    }
    .responsive-tabs.nav.nav-tabs.tribe-tab2-main.open>li {
	display: block !important;
    }
    .responsive-tabs.nav.nav-tabs.tribe-tab2-main>li.active {
	display: block !important;
    }
    .responsive-tabs.nav.nav-tabs.tribe-tab2-main>li {
	display: none !important;
	width: 100% !important;
    }
    .responsive-tabs.nav.nav-tabs.tribe-tab2-main>li>a {
	margin-right: 0!important;
    }
    .responsive-tabs.nav.nav-tabs.tribe-tab2-main.open span.glyphicon.glyphicon-triangle-bottom {
	display: none !important;
	color: #333 !important;
    }
    .responsive-tabs.nav.nav-tabs.tribe-tab2-main.open span.glyphicon.glyphicon-triangle-top {
	display: block !important;
	color: #333 !important;
    }
    .responsive-tabs.nav.nav-tabs.tribe-tab2-main span.glyphicon.glyphicon-triangle-bottom {
	display: block !important;
	color: #333 !important;
    }
    .responsive-tabs.nav.nav-tabs.tribe-tab2-main span.glyphicon.glyphicon-triangle-top {
	display: none;
	color: #333 !important;
    }
    #myTabContent {
	margin-top: 0;
    }
    .edit-details-desktop {
	margin-top: -30px;
	float: left;
	position: absolute;
    }
    .tribe-tab2-main {
	margin-top: 20px;
    }
    .tribe-share-settings button {
	margin-top: 0;
    }
}

.tribe-share-settings {
    float: none;
    margin-left: 0;
    margin-bottom: 5px;
}

.video-click {
    text-align: center;
}

.btn-tribe-settings {
    border: none !important;
}

body .btn-tribe-share {
    right: auto !important;
    top: 6px !important;
    position: relative;
}

.tribe-filters {
    float: none;
    padding: 0 25px;
}

.tribe-filters .btn {
    background-color: #fff !important;
}

.btn-create-tribe {
    margin: 0;
    border-radius: 0;
    text-align: center;
    padding: 9px 25px;
    width: 100%;
    height: auto;
}

.browse-tribes-block {
    top: 0;
}

.tribe-details-row p {
    font-size: 14px;
    word-break: break-word;
}

.btn-follow-tribe {
    background: #f05455;
    padding: 10px 15px;
    margin-right: 15px;
    min-width: inherit;
    font-size: 14px;
    border: 1px solid #f05455;
    color: #fff;
    text-transform: uppercase;
    font-weight: bold;
}

.btn-follow-tribe:hover,
.btn-follow-tribe:focus {
    background: #fff;
    border: 1px solid #f05455;
    color: #f05455;
}

.color-red {
    color: #f05455 !important
}

.tribe-stats-table {
    margin: 20px 0;
}

.stats-tribe {
    margin-top: 20px !important;
    cursor: default;
}

.tribe-stats-table p {
    text-align: center;
    margin: 0;
}

.explore-tribes-search {
    font-weight: 800;
}

.explore-tribes-icon button {
    padding: 14px 18px;
    color: #333 !important;
    font-weight: 800;
}

.tribe-search-filters {
    padding: 0 40px;
}

.tribes-mob-btn .btn {
    position: relative;
}

.search-acc.parent-acc {
    padding: 11px 40px !important;
    border-top: 1px solid #00A3E5;
    border-bottom: 1px solid #00A3E5;
    background: #00A3E5;
    color: #fff;
}

.search-acc.parent-acc:hover {
    background: #fff;
    color: #00A3E5;
    border-top: 1px solid #00A3E5;
    border-bottom: 1px solid #00A3E5;
}

.search-filters-panel {
    background-color: #fff!important;
    border-bottom: 1px solid #ddd;
}

.tribes-left-nav .accordion img,
.search-acc.accordion img {
    transform: rotate(0deg) !important;
}

.tribes-left-nav .accordion.active img,
.search-acc.accordion.active img {
    transform: rotate(180deg) !important;
}

cite.tribe-members i,
cite.tribe-followers i {
    color: #f85457 !important;
    border: 1px solid #f85457;
    width: 22px;
    height: 22px;
    text-align: center;
    line-height: 20px;
    font-size: 12px;
    border-radius: 50%;
    position: relative;
    top: 3px;
    margin-left: 10px;
}

.tribe-profile-cta h2 {
    margin-top: 0 !important;
}

.tribe-profile-cta {
    margin-top: 0;
    text-align: center;
    padding: 15px 0 !important;
}

.tribe-profile-cta .btn-group {
    display: inline-flex !important;
    margin-bottom: 10px;
}

.tribe-profile-cta .btn-group.tribe-share-settings button {
    padding: 14px 20px;
}

.myTribe-acc {
    padding: 11px 18px !important;
    cursor: pointer;
}

.tr-category {
    margin-right: 20px;
}

.tr-type {
    display: inline-block;
}

.btn-tribe-settings.open .dropdown-menu {
    left: auto;
    top: 50px;
}

.tribes-page #left_nav button.accordion {
    display: block;
}

.tribes-page.act .left-nav,
.left-nav.act {
    padding: 0 !important;
}

.tribe-description {
    padding: 0 15px;
}

.stats-tribe .popover-content {
    font-size: 14px !important;
    margin: 10px!important;
    text-align: center;
}

.my-tribes-page .upgradeBtn {
    top: auto;
}

.my-tribes-page #left_nav .accordion,
.tribes-page #left_nav .accordion,
.tribe-profile-page #left_nav .accordion,
.tribes-left-nav.accordion {
    max-width: inherit !important;
}

cite.tribe-chief {
    position: absolute !important;
    top: -2px !important;
    margin-left: 10px !important;
    background: transparent url(../../assets/img/logo-icon2.png) no-repeat center;
    width: 22px;
    height: 22px;
    background-size: 22px;
    float: right;
}

.tribe-profile-page cite.tribe-chief {
    top: 32px !important;
}

.my-tribes-page .my-tribe-role div.popover,
.tribes-page .my-tribe-role div.popover {
    top: 25px;
    left: auto;
    right: auto;
    text-align: center;
    padding: 10px !important;
}

.tribe-profile-page .my-tribe-role div.popover {
    left: 52% !important;
    right: 0;
    top: 65px !important;
}

@media only screen and (min-width: 993px) and (max-width: 1300px) {
    .post-body {
	margin-right: -20px;
    }
    .post-avatar-div {
	left: 15px !important;
	margin-top: 10px;
    }
}

@media only screen and (max-width: 1200px) {
    .tribe-profile-page .profile-name {
	margin-top: 0 !important;
    }
}

.new-posts-page #left_nav button.accordion,
.my-posts-page #left_nav button.accordion {
    padding-top: 16px;
    padding-bottom: 15px;
}

.new-posts-page .btn-group-head,
.my-posts-page .btn-group-head {
    display: flex;
    margin-top: 4px;
}
.new-posts-page .head-dropdown,
.my-posts-page .head-dropdown {
	padding: 9px 20px 5px;
}

.head-dropdown .upgradeBtn {
    position: absolute !important;
    padding: 7px;
    right: 10px !important;
}

.new-posts-page .head-dropdown .btn,
.my-posts-page .head-dropdown .btn {
    position: relative;
    top: 0;
    right: 0;
    margin: 0 -1px 0 0;
    border-radius: 0 !important;
}

.tribe-profile-page #av-img img {
    width: 170px !important;
    border-radius: 50%;
}

.tribe-profile-page #av-img {
    background: transparent;
}

.tribe-profile-page .tribe-tab2-main {
    margin-top: 2%;
}

label.search-sub {
    color: transparent !important;
}

.my-tribe-role .popover .arrow {
    display: none;
}

.tribes-contain {
    padding: 0 20px;
}

.search-section {
    padding: 25px 8px 0 20px !important;
    margin: 0;
    float: left;
    min-width: 100%;
}

.new-posts-page .stream-social li.active,
.my-posts-page .stream-social li.active,
.tribe-profile-page .stream-social li.active {
    width: 2% !important;
}

.new-posts-page h5.media-heading-panel,
.my-posts-page h5.media-heading-panel,
.tribe-profile-page h5.media-heading-panel {
    font-size: 14px !important;
}

.fnt-grey {
    color: grey !important;
}

.btn-youtube-subscribe {
    background: #00A3E5!important;
    position: relative!important;
    top: 0!important;
    margin-bottom: 5px;
    line-height: 28px!important;
    font-size: 11px!important;
    color: #fff!important;
    border-radius: 6px!important;
    padding: 0 14px!important;
    box-shadow: none;
    min-width: auto;
    letter-spacing: 0;
    text-transform: uppercase;
}

#inviteMessage {
    width: 100%;
    border: 1px solid #c5c5c5;
}

.tribe-invites {
    margin: 10px auto;
}

.tribe-settings {
    width: 100%;
    position: absolute!important;
    background: #faca07;
    text-align: center;
    bottom: 10px;
    top: auto;
    left: 0;
    height: auto;
    border-top: none;
    font-weight: 700;
}

.tribe-settings button {
    text-align: center;
}

.tribe-settings.bottom-64 {
    bottom: 0;
}

.padding10 {
    padding: 10px
}

.margin-right-neg-10 {
    margin-right: -5px !important;
}

.comment-edit-box {
    border: 1px solid #e5e5e5;
    border-radius: 5px;
    padding: 10px;
    background-color: #9e9e9e1c;
    margin: 10px 10px 10px 0;
}

.color-tribe-type {
    color: #00A3E5 !important;
}

@media only screen and (max-width: 993px) {
    .tribe-profile-page .my-tribe-role div.popover {
	right: 10%;
    }
    .rc-container {
	max-width: 95%;
	margin-left: auto !important;
	margin-right: auto !important;
	padding-left: 0 !important;
    }
}

@media only screen and (min-width: 993px) {
    .rc-container.non-logged,
    .rc-container {
	max-width: 72%;
	padding-left: 0 !important;
	margin-left: auto !important;
	margin-right: auto !important;
    }
}

@media only screen and (max-width: 767px) and (min-width: 250px) {
    .tribe-image {
	float: left;
	width: 30% !important;
    }
    .tribe-profile-page .my-tribe-role div.popover {
	right: 3% !important;
    }
    .tribe-top-row.col-xs-8 {
	float: right !important;
	width: 70% !important;
    }
    .cal-tribes .open>.dropdown-menu {
	max-width: 100px;
	min-width: auto;
	overflow-x: auto;
    }
    cite.tribe-chief {
	top: 6px !important;
    }
}

#myTabContent .tab-pane .table-responsive {
    overflow-x: inherit;
}

#left_nav .panel li a span {
    float: right;
}

#left_nav .panel li a {
    display: flex;
}

.tribe-profile-page .alert {
    margin: 10px 15px 25px 0 !important;
}

.head-dropdown.titleBar .secondary-nav.col-md-9 {
    padding: 0!important;
}

.nav.nav-tabs.tribe-tab2-main>li.active>a,
.nav.nav-tabs.tribe-tab2-main>li>a:hover {
    background-color: #fff !important;
    color: #333 !important;
    border-radius: 5px 5px 0 0;
}

.nav.nav-tabs.tribe-tab2-main>li>a {
    border: 1px solid #ddd !important;
    background-color: #ddd !important;
}

.send-tribe-invites ul li:first-child {
    display: none;
}

.tab-pane#members td,
.tab-pane#members th {
    width: 12.5%;
}

.tab-pane,
.tab-pane.active {
    word-break: normal;
}

.tribe-title {
    padding: 0 !important;
    display: inline-block;
    font-size: 24px !important;
}

.responsive-tabs.nav.nav-tabs.tribe-tab2-main {
    border-bottom: none !important;
}

.promote-post-ad {
    border: thin solid #e3e3e3;
    -webkit-border-radius: 5px;
    margin-top: 25px;
    width: 30% !important;
    margin-left: 10px;
    overflow: hidden;
}

@media only screen and (min-width: 1600px) {
    .invitation-cta {
    margin-right: -15%;
    justify-content: end;
    }
    .tribe-profile-page .my-tribe-role div.popover {
	right: 10% !important;
    }
}

@media only screen and (max-width: 600px) {
    .my-posts-page .right-content #content_group_dd .approve_btn,
    .new-posts-page .right-content #content_group_dd .approve_btn {
		float: left;
    }
    .stream_post .loadPostLink {
	padding-right: 0 !important;
    }
}

@media only screen and (max-width: 1200px) {
    .invitation-cta {
	margin-right: -5%;
	float: left !important;
    }
}

@media only screen and (min-width: 1200px) {
    .tribe-tab2-main.nav-justified>li {
	width: 1%;
	display: table-cell !important;
	float: none !important;
    }
}

@media only screen and (max-width: 1599px) and (min-width: 1200px) {
    .invitation-cta {
	margin-right: -10%;
    }
}

@media only screen and (min-width: 1600px) {
    .tribe-profile-page .my-tribe-role div.popover {
	right: 10% !important;
    }
}

.tribe-profile-page .my-tribe-role div.popover {
    right: 0;
}

@media only screen and (max-width: 767px) and (min-width: 250px) {
    .tribe-image .thumbnail-img {
	text-align: center;
    }
    .media-links span {
	display: inline-block;
    }
    .tribe-profile-page .my-tribe-role div.popover {
	right: 3% !important;
    }
    .tribe-share-settings {
	margin-bottom: 0 !important;
    }
    .approve_btn {
	margin: 25px 0 !important
    }
    .media-links {
	font-size: 10px;
    }
    .post-cta-links {
	display: block;
	width: 100%;
    }
    .new-posts-page .right-content #content_group_dd .approve_btn a,
    .my-posts-page .right-content #content_group_dd .approve_btn a {
	top: 0 !important;
    }
    .featuredContent {
	width: auto;
    }
    .nav.nav-tabs.tribe-tab2-main li a {
	margin-right: 0;
    }
    .nav.nav-tabs.tribe-tab2-main li {
	float: none;
    }
    #myTabContent {
	margin-top: 5px;
    }
    .responsive-tabs.nav.nav-tabs.tribe-tab2-main {
	border-bottom: none !important;
    }
    .responsive-tabs.nav.nav-tabs.tribe-tab2-main.open>li {
	display: block !important;
    }
    .responsive-tabs.nav.nav-tabs.tribe-tab2-main>li.active {
	display: block !important;
    }
    .responsive-tabs.nav.nav-tabs.tribe-tab2-main>li {
	display: none !important;
    }
    .responsive-tabs.nav.nav-tabs.tribe-tab2-main.open span.glyphicon.glyphicon-triangle-bottom {
	display: none !important;
	color: #333 !important;
    }
    .responsive-tabs.nav.nav-tabs.tribe-tab2-main.open span.glyphicon.glyphicon-triangle-top {
	display: block !important;
	color: #333 !important;
    }
    .responsive-tabs.nav.nav-tabs.tribe-tab2-main span.glyphicon.glyphicon-triangle-bottom {
	display: block !important;
	color: #333 !important;
    }
    .responsive-tabs.nav.nav-tabs.tribe-tab2-main span.glyphicon.glyphicon-triangle-top {
	display: none;
	color: #333 !important;
    }
    .tribe-image img {
	width: 25% !important;
	margin-left: auto !important;
	margin-right: auto !important;
	float: none !important;
    }
    .tribe-top-row {
	text-align: center;
    }
    .tribe-title {
	float: none !important;
    }
    .tribe-top-row .col-lg-7 a {
	display: inline-flex;
    }
    body .discover-tribe-results .thumbnail div.col-xs-4 {
	padding: 0 0 30px !important;
	width: 100% !important;
	text-align: center;
    }
    .search-section {
	max-width: 91%;
	margin-left: auto;
	margin-right: auto;
    }
    body .tribes-contain {
	padding: 0;
    }
    .search-filters,
    .search-filters div {
	padding-right: 0;
    }
    body .tribe-style3 .discover-tribe-results2 {
	max-width: 80%;
	margin-left: auto;
	margin-right: auto;
    }
    .btn-ft {
	width: 100%;
	margin-top: 10px;
	margin-left: auto;
	margin-right: auto;
    }
    .tribe-profile-page .stream_post .loadPostLink {
	padding-right: 0 !important;
    }
    .tribe-profile-page .approve_btn {
	float: left !important;
    }
}

.createTribe .bootstrap-select.form-control {
    height: auto;
    padding: 0 !important;
}

.createTribe .bootstrap-select .dropdown-toggle.btn-default {
    text-transform: none !important;
    color: #555 !important;
    padding: 0 20px !important;
    height: 42px;
}
.createTribe .bootstrap-select .dropdown-toggle .filter-option {
	line-height: 18px;
}
.user-social.row .col-sm-3 {
    width: 23%;
}

.user-social-sharefreq {
    float: right;
    padding-right: 0;
}

.user-social-tribes {
    max-width: 20%;
}

.blog-post-list {
    margin-left: 14px;
}

.blog-post-list li {
    background-color: inherit !important;
}

.invitations-page hr,
.promotions-page hr {
    border-top: 1px solid transparent;
}

.inbox .post_body_expanded h3 small {
    top: 0 !important;
}

.tribe-share-settings li>a {
    color: #17386d !important;
}

.tribe-share-settings li>a:hover {
    color: #00A3E5 !important;
}

.tribe-profile-cta .btn-group span>h2,
.tribe-profile-cta .btn-group span>p {
    display: none;
}

.post-cta-links {
    display: block;
    margin-top: 10px;
}

#newTribeModal .dropdown-menu.open {
    max-height: 250px !important;
}

.discover-tribe-results .thumbnail .tribe-promotion-cta {
    padding: 0 15px 10px !important;
    justify-content: end;
}

.stream-status .tooltip.fade {
    min-width: 75px;
}

.btn-share {
    background-color: #00A3E5;
    border-radius: 5px !important;
    color: #fff !important;
    border: 1px solid #00A3E5;
}

#tribes_assign .modal-body .nice-select.disabled {
    pointer-events: none;
    cursor: not-allowed !important;
    background: #f5f5f5 !important;
}

#emailInputEmailFollower {
    cursor: not-allowed !important;
}

.color-grey {
    color: #aaa;
}

.secondary-nav .btn-group {
    margin-right: 15px;
}

.fa-2x {
    font-size: 1.8em;
}

@media only screen and (min-width: 768px) {
    .row.tribe-details-row {
	display: flex;
	align-items: center;
	flex-direction: row;
    }
}

#empty-promoted-posts {
    padding: 30px 20px 60px;
}

#empty-promoted-posts>h3 {
    padding: 0;
    font-weight: 300;
    font-size: 32px;
    max-width: 85%;
    margin: 0 auto 30px;
}

.panel-default>.panel-heading {
    color: #333;
    background-color: #fff;
    border-color: #ddd;
    font-weight: 700;
    font-size: 14px;
}

.panel-danger>.panel-heading {
    color: #fff;
    background-color: #f00;
    border-color: #f00;
    font-weight: 700;
    font-size: 14px;
}

.media-heading {
    z-index: 55;
}

.plan-limits table {
    border: 1px solid #ddd;
    border-top: 0;
}

.plan-limits table tr:nth-child(even) {
    font-size: 14px;
    background: #f5f5f5
}

.arrow_box:after,
.arrow_box:before {
    right: 100%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}

.arrow_box:before {
    border-color: rgba(227, 227, 227, 0);
    border-right-color: #ddd;
    border-width: 11px;
    top: 40px;
    margin-top: -11px;
}

.arrow_box:after {
    border-color: rgba(255, 255, 255, 0);
    border-right-color: #ffffff;
    border-width: 10px;
    top: 40px;
    margin-top: -10px;
}

.send-update {
    background: #dedede;
    width: 100%;
    text-align: center;
    padding: 30px 10%;
    margin-bottom: 6px;
}

.send-update p {
    margin-bottom: 20px;
    font-size: 18px;
    color: #000;
}

.send-update input {
    border: none;
}

.send-update p a:not(.chosen-single) {
    display: inline-block !important;
    float: none;
    margin-left: 10px;
    padding: 8px 15px !important;
}

.send-update .btn-default {
    float: right;
}

.send-update .update-message.offer p input {
    max-width: 100px;
    height: 43px;
}

.send-update .dual-btns {
    margin: 0 -1% 20px;
}

.send-update .dual-btns a {
    width: 48%;
    margin: 0 1%;
    float: left;
}

.message-wrap {
    padding: 50px 5%;
}

.message-item {
    border: 2px solid #dedede;
    margin-bottom: 15px;
    border-radius: 5px;
    position: relative;
    padding: 20px 20px 20px 110px;
}

.message-item img {
    position: absolute;
    top: 20px;
    left: 20px;
    width: 70px;
    height: 70px;
    border-radius: 50%;
}

.message-item h6 {
    font-weight: bold;
    color: #58595b;
    font-size: 20px;
    margin-bottom: 5px;
}

.message-item h6 time {
    font-weight: 400;
    color: #bbbdc1;
}

.message-item h6 span {
    background: #aaa;
    width: 8px;
    height: 8px;
    display: inline-block;
    border-radius: 50%;
    margin: 0 5px;
}

.message-item .alert {
    padding: 6px 10px;
    text-align: left;
    margin: 0;
    border-radius: 5px;
}

.campaign-post {
    margin: 25px 0;
}

.campaign-post img {
    border-radius: 5px;
}

.campaign-post h4 {
    font-size: 21px;
    color: #000;
    margin-top: 0;
    font-weight: 700;
}

.campaign-post ul li {
    float: left;
    margin-right: 25px;
}

.campaign-post ul li p {
    margin-bottom: 0;
}

body.swimlanes-tmpt {
    padding: 0;
}

@media only screen and (min-width: 250px) and (max-width: 767px) {
    .campaign-post h4 {
	margin-top: 20px;
    }
    .campaign-post ul {
	display: table;
	width: 100%;
	margin-bottom: 20px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 992px) {
    .campaign-post ul li {
	float: left;
	margin-right: 2%;
	width: 48%;
    }
}

body .btn.btn-default {
    color: #333;
    background-color: #fff;
    border-color: #ccc;
}

.step-inner-content h3 {
    font-weight: bold;
    font-size: 38px;
    margin-bottom: 10px;
}

.step-inner-content h3 span {
    color: #666;
    font-size: 20px;
    display: block;
    margin-bottom: 5px;
}

.dropup+.chosen-container .chosen-drop {
    border-bottom: 0;
    top: auto;
    bottom: 50px;
}

.post-avatar {
    height: auto;
    margin-top: 10px;
}

@media only screen and (min-width: 250px) and (max-width: 992px) {
    .right-content {
	margin-left: 0;
    }
    .head-dropdown {
	padding: 10px 15px;
    }
    .secondary-nav .btn-group {
	margin: 4px 5px;
    }
}

@media only screen and (min-width: 993px) and (max-width: 1100px) {
    .mobile-fc {
	display: none !important;
    }
    .isotope-container .col-md-8 {
	width: 100%;
    }
}

.tab-pane .media-body {
    padding-left: 0;
    padding-top: 0;
}

.stats-tabs .media div.media-links {
    display: none;
}

.stats-tabs .media-heading {
    margin-top: -3px;
    margin-bottom: 5px;
}

div.stream_post .conversation-holder,
#conversation-holder-0 {
    padding-top: 20px;
}

body.body-frame {
    background: #000;
}

.frame-iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transition: .4s;
}

.frame-iframe .single-article {
    border: 0;
    background: #fff;
    opacity: 1;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    padding: 180px 0 50px;
    overflow: auto;
    overflow-x: hidden;
    transition: .4s;
    z-index: 0;
}

.frame-iframe .readability img {
    float: left;
    max-height: none;
    max-width: 100%;
    padding: 10px 0 20px;
}

.frame-iframe .bio-subscribe-text {
    font-size: 11px;
    color: #000;
    font-weight: 400;
    text-transform: uppercase;
    margin-top: 8px;
    margin-left: 20px;
    margin-bottom: 23px;
}

.frame-iframe .bio-subscribe-text input[type=checkbox] {
    margin: 6px 0 0 -20px !important;
}

.frame-iframe .bio_holder {
    border: 1px solid #ddd;
    padding: 30px 30px 5px 20px;
}

.frame-iframe .bio_holder .col-md-2>a {
    display: table;
    margin: 0 auto;
    position: relative;
    left: 10px;
}

.frame-iframe iframe {
    border: 0;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    padding-top: 149px;
}

.body-frame {
    position: absolute;
    top: 105px;
    right: 0;
    bottom: 0;
    left: 0;
    margin: 0;
    padding: 0;
}

.frame-header-navigation {
    float: left;
    width: 102px;
    height: 50px;
    margin: 0 23px 0 -15px;
    position: relative;
    padding: 0;
    border-left: none;
}

.frame-header-left-arrow i {
    width: 50px;
    height: 50px;
    border-right: 1px solid #E5E5E4;
    border-radius: 0;
    text-align: left;
    line-height: 48px;
    color: #bbb;
    font-size: 23px;
    padding-left: 19px;
    overflow: hidden;
    transition: .3s;
}

.frame-header-right-arrow i {
    width: 50px;
    height: 50px;
    border-right: 1px solid #E5E5E4;
    border-radius: 0;
    text-align: left;
    line-height: 48px;
    color: #bbb;
    font-size: 23px;
    padding-left: 19px;
    overflow: hidden;
    transition: .3s;
}

.iframe-header {
    top: 56px !important;
    z-index: 555 !important;
}

.frame-header-left-arrow:hover i,
.frame-header-right-arrow:hover i {
    border: 1px solid #bbb;
    background: #bbb;
    color: #fff;
}

.frame-header-right-arrow {
    height: 50px;
    margin-right: 2px;
}

.frame-header-title {
    float: left;
    color: #000;
    line-height: 25px;
    margin: 0 14px -4px 17px;
    border-right: 1px solid #e5e5e5;
    border-left: 1px solid #e5e5e5;
    padding: 9px 17px 0;
    max-height: 51px;
    height: 51px;
}

.frame-header-title span {
    display: block;
    font-size: 12px;
    color: #999;
    margin: -8px 0 0;
}

.frame-header-title span a {
    cursor: pointer;
}

.frame-header-title span a:hover {
    color: #000;
}

.frame-header-title span a:first-child,
.frame-header-title span a:first-child:hover {
    color: #999;
}

.frame-header-title span em {
    width: 3px;
    height: 3px;
    background: #ccc;
    display: inline-block;
    border-radius: 50%;
    margin: 0 3px;
    position: relative;
    top: -2px;
}

.iframe-social {
    width: 100%;
    max-width: 190px;
    background: #fff;
    display: table;
    margin: 0 -20px 0 0;
    position: relative;
}

.iframe-social a {
    border-left: 1px solid #e5e5e5;
    position: relative;
    display: table-cell;
    float: none;
    width: 1%;
    text-align: center;
    font-size: 20px;
    transition: .3s;
    height: 55px;
    overflow: hidden;
    color: #EB4924;
}

.iframe-social a span {
    position: absolute;
    top: 50%;
    left: 50%;
    right: 0;
    transition: none;
    transition-delay: 0s;
    text-align: center;
    transform: translate(-50%, -50%);
}

.iframe-social a.active span {
    width: 100%;
    margin-left: 0;
    transition: .4s;
}

.iframe-social a:first-child {
    color: #3B5998;
}

.iframe-social a:nth-child(2) {
    color: #0077B5;
}

.iframe-social a:nth-child(3) {
    color: #1DA1F2;
}

.iframe-social a:nth-child(4) {
    color: #BD081C;
}

.iframe-social a:nth-child(5) {
    color: #E4405F;
}

.iframe-social a:nth-child(6) {
    color: #CD201F;
}

.iframe-social a:nth-child(7) {
    color: #36465D;
}

.stream-social a:nth-child(8) {
    color: #EB4924;
}

.iframe-social a:first-child:hover {
    background: #3B5998;
    color: #fff;
}

.iframe-social a:nth-child(2):hover {
    background: #0077B5;
    color: #fff;
}

.iframe-social a:nth-child(3):hover {
    background: #1DA1F2;
    color: #fff;
}

.iframe-social a:nth-child(4):hover {
    background: #BD081C;
    color: #fff;
}

.iframe-social a:nth-child(5):hover {
    background: #E4405F;
    color: #fff;
}

.iframe-social a:nth-child(6):hover {
    background: #CD201F;
    color: #fff;
}

.iframe-social a:nth-child(7):hover {
    background: #36465D;
    color: #fff;
}

.iframe-social a:nth-child(8):hover {
    background: #EB4924;
    color: #fff;
}

.frame-btns {
    padding-right: 15px;
}

.frame-btns a.queue {
    border: 1px solid #f05455;
    background: #f05455;
    color: #fff;
}

.frame-btns a.queue:hover {
    border: 1px solid #d23536;
    background: #d23536;
    color: #fff;
}

.frame-btns a.queue.act,
.frame-btns a.queue.act:hover {
    border: 1px solid #bbb;
    background: #bbb;
    color: #fff;
}

.frame-btns a {
    border: 1px solid #00A3E5;
    padding: 4px 15px;
    margin-top: 13px;
    display: table;
    border-radius: 3px;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 600;
    cursor: pointer;
    transition: .3s;
}

.frame-btns a:hover {
    border: 1px solid #00A3E5;
    background: #00A3E5;
    color: #fff;
    transition: .3s;
}

.frame-carousel .item .fc-thumb {
    width: 70px;
    float: left;
    margin-right: 15px;
}

.frame-carousel-wrap {
    position: absolute;
    top: 2px;
    width: 100%;
    padding: 0 7px;
    border-bottom: 1px solid #eee;
    z-index: 77;
    background: #fff;
    transition: .4s;
    overflow: hidden;
}

.frame-carousel-wrap .item {
    padding: 15px 7px !important;
}

.frame-carousel .item h4 {
    font-size: 17px;
    margin: 5px 0 0;
}

.frame-carousel .item p {
    margin: 0;
}

.frame-carousel-wrap .next {
    width: 30px;
    height: 50px;
    background: #3A393C;
    color: #fff;
    line-height: 50px;
    text-align: right;
    font-size: 24px;
    padding-right: 8px;
    position: absolute;
    top: 50%;
    right: 0;
    opacity: 0;
    margin-top: -25px;
    cursor: pointer;
    transition: .4s;
}

.frame-carousel-wrap .prev {
    width: 30px;
    height: 50px;
    background: #3A393C;
    color: #fff;
    line-height: 50px;
    text-align: right;
    font-size: 24px;
    padding-right: 12px;
    position: absolute;
    top: 50%;
    left: 0;
    opacity: 0;
    margin-top: -25px;
    cursor: pointer;
    transition: .4s;
}

.frame-carousel-wrap:hover .next,
.frame-carousel-wrap:hover .prev {
    opacity: 0.4;
    cursor: pointer;
    transition: .4s;
}

.frame-carousel-wrap .next:hover,
.frame-carousel-wrap .prev:hover {
    opacity: 1;
    cursor: pointer;
    transition: .4s;
}

body.active .left-menu.left-menu-stats,
.left-menu.act {
    right: 0;
}

body.active .left-menu.left-menu-stats {
    z-index: 777777777;
    padding-top: 0;
    display: none;
}
body.active .left-menu.left-menu-stats.active {
    display: block;
}
.left-menu-stats {
    padding-top: 0;
}

.left-menu-stats .lm-head {
    padding: 35px 20px 8px 85px;
}

.left-menu-stats .left-menu-close {
    top: 0;
}

.left-menu-stats .lm-date {
    top: 40px;
}

.left-menu-stats .stats-tabs.act {
    display: block;
    border: none;
}

.left-menu-stats .tribal_stream_url {
    margin-bottom: 22px !important;
}

.left-menu {
    position: fixed;
    right: -680px;
    width: 675px;
    height: 100%;
    z-index: 7777;
    background: #fff;
    overflow-y: scroll;
    padding-top: 41px;
    padding-left: 50px;
    border-left: 1px solid #eee;
    transition: .4s;
    top: 0;
}

.left-menu-inner {
    background: #fff;
    overflow: hidden;
}

.left-menu .tribal_stream_url {
    font-size: 11px;
    margin-bottom: 10px;
    padding: 0 20px 0 0!important;
    position: relative;
    left: 4px;
}

.left-menu .media-body-panel {
    padding: 20px 20px 0 20px;
    max-height: 70vh;
    overflow: auto;
    overflow-x: hidden;
}

.body-frame .navbar-default {
    z-index: 777777;
}

.ic-close,
.left-menu-close {
    width: 50px;
    height: 50px;
    position: absolute;
    top: 62px;
    left: 0;
    cursor: pointer;
}

.ic-close {
    left: auto;
    right: 0;
}

.ic-close span:first-child,
.left-menu-close span:first-child {
    width: 20px;
    height: 1px;
    top: 50%;
    left: 50%;
    position: absolute;
    transform: translate(-50%, -50%) rotate(45deg);
    z-index: 11;
}

.ic-close span:last-child,
.left-menu-close span:last-child {
    width: 20px;
    height: 1px;
    top: 50%;
    left: 50%;
    position: absolute;
    transform: translate(-50%, -50%) rotate(-45deg);
    z-index: 11;
}

.ic-close span,
.left-menu-close span {
    background: #999;
    transition: .4s;
}

.ic-close:hover span,
.left-menu-close:hover span {
    background: #000;
    transition: .4s;
}

.lm-head {
    padding: 42px 20px 8px 85px;
    position: relative;
    border-bottom: 1px solid #eee;
    margin-bottom: 20px;
}

.lm-head h2 {
    color: #00A3E5
}

.lm-date {
    border-right: 1px solid #eee;
    position: absolute;
    left: 18px;
    top: 47px;
    height: 50px;
    color: #000;
    width: 50px;
    text-align: center;
    font-size: 24px;
    padding-top: 4px;
}

.lm-date span {
    display: block;
    font-size: 13px;
    text-transform: uppercase;
    font-weight: bold;
    letter-spacing: 1px;
    margin-top: -2px;
    color: #777;
}

.iframe-close {
    width: 60px;
    height: 60px;
    cursor: pointer;
    display: inline-block;
    position: relative;
    right: -9px;
    z-index: 77;
    margin: -5px -11px -5px 11px;
    border-left: 1px solid #eee;
    top: -5px;
}

.iframe-close span:first-child {
    width: 20px;
    height: 1px;
    top: 59%;
    left: 50%;
    position: absolute;
    transform: translate(-60%, -50%) rotate(45deg);
    z-index: 11;
}

.iframe-close span:last-child {
    width: 20px;
    height: 1px;
    top: 59%;
    left: 50%;
    position: absolute;
    transform: translate(-60%, -50%) rotate(-45deg);
    z-index: 11;
}

.iframe-close span {
    background: #999;
    transition: .4s;
}

.iframe-close i {
    color: #999;
    transition: .4s;
    line-height: 73px;
    font-size: 17px;
    padding-left: 18px;
}

.iframe-close:hover i {
    color: #000;
    transition: .4s;
}

.iframe-close:hover span {
    background: #000;
    transition: .4s;
}

.body-frame.active {
    background: #000;
}

.body-frame.active .frame-iframe iframe {
    padding-top: 49px;
    opacity: 0.6;
}

.body-frame.active .frame-carousel-wrap {
    top: -100px;
}

.iframe-comments {
    position: relative;
    z-index: 777;
    transition: .4s;
}

.iframe-comments.act {
    left: 0;
}

.iframe-comments h2 {
    font-size: 25px;
    margin: 0 0 20px;
}

.iframe-comments h2 span {
    display: block;
    font-weight: 400;
    color: #999;
    font-size: 14px;
    margin-top: 7px;
}

.iframe-comments form textarea {
    border: 1px solid #e5e5e5;
    min-height: 125px;
    padding: 15px 15px !important;
    margin: 0;
}

.iframe-comments form .btn.btn-default {
    width: auto;
}

.iframe-comments form .btn.btn-secondary2 {
    margin-right: 10px;
    padding: 9px 17px;
}

.frame-iframe .iframe-comments .conversation-holder {
    max-height: 300px;
    overflow: auto;
}

.iframe-comments .conversation-holder .media {
    list-style: none;
    border-bottom: 1px solid #e5e5e5;
}

.iframe-comments .conversation-holder>span:last-child li {
    border-bottom: none;
}

.iframe-comments .conversation-holder>span {
    padding-bottom: 1px;
    margin-bottom: 15px;
    display: block;
}

.iframe-comments .conversation-holder-wrap h5 {
    text-transform: uppercase;
    margin: 7px 0 18px;
    border-bottom: 2px solid #e5e5e5;
    padding-bottom: 15px;
}

.iframe-comments .conversation-holder-wrap {
    margin: 40px 0 0;
}

.header-date {
    float: left;
    margin: 0 -27px 0 0;
}

.header-date .lm-date {
    position: relative;
    top: 0;
    left: 0;
    border: none;
    font-size: 21px;
    text-align: left;
    line-height: 22px;
}

.iframe-follow {
    background: #fab23a;
    padding: 3px 7px;
    border-radius: 3px;
    color: #17386d !important;
    position: relative;
    top: 1px;
    font-size: 11px;
}

.iframe-follow i {
    color: #17386d !important;
    font-size: 11px;
    top: 0;
    font-weight: normal;
}

.iframe-follow.act,
.iframe-follow:hover,
.iframe-follow:hover i {
    background: #414959;
    color: #fff !important;
}

.iframe-stats {
    background: #00A3E5;
    padding: 3px 7px;
    border-radius: 3px;
    color: #fff !important;
    position: relative;
    top: 1px;
    font-size: 11px;
}

.iframe-stats i {
    color: #fff !important;
    font-size: 11px;
    top: 0;
    font-weight: normal;
}

.iframe-stats:hover {
    background: #414959;
}

.frame-btns .btn-success {
    background-color: #ccc;
    box-shadow: none;
    border: 1px solid #ccc;
}

.frame-btns .btn-success:hover {
    background-color: #fff;
    border: 1px solid #ccc;
    color: #ccc;
}

.nav-tabs>li>a {
    text-transform: uppercase;
    padding: 12px 15px 10px;
}

.stats-tabs .panel-posts {
    max-height: 67vh;
    border-bottom: 11px solid #ddd;
}

.stats-iframe {
    width: 106%;
    height: 400px;
    border: none;
    margin-left: -3%;
    display: table;
    min-width: 533px;
    transform: scale(0.9);
    margin-top: -1%;
}

body.body-frame.active .frame-iframe .single-article {
    padding: 89px 0 50px;
    opacity: 0.6;
    transition: .4s;
}

.bio-subscribe-text {
    font-size: 11px;
    color: #000;
    font-weight: 400;
    text-transform: uppercase;
    margin-top: 8px;
    margin-bottom: 23px;
    position: relative;
    margin-left: 20px;
}

.bio-subscribe-text input[type="checkbox"] {
    position: absolute;
    opacity: 0;
}

.bio-subscribe-text input[type="checkbox"]+span {
    border: 1px solid #d5d5d5;
    width: 15px;
    height: 15px;
    display: inline-block;
    line-height: 12px;
    font-size: 9px;
    padding-left: 2px;
    position: absolute;
    left: -20px;
    top: 4px;
    color: #fff;
    border-radius: 3px;
    transition: .3s;
    -webkit-transition: .3s;
    -moz-transition: .3s;
}

.bio-subscribe-text input[type="checkbox"]:checked+span {
    color: #666;
    transition: .3s;
    -webkit-transition: .3s;
    -moz-transition: .3s;
}

.bio_holder {
    border: 1px solid #ddd;
    padding: 30px 30px 5px 20px;
}

.bio_holder .col-md-2>a {
    display: table;
    margin: 0 auto;
    position: relative;
    left: 10px;
}

body.body-frame .stats-tabs {
    padding: 0;
    margin: 0;
    display: block;
    position: relative;
    border-top: 0;
}

.left-menu .stats-tabs .responsive-tabs.nav-tabs {
    width: 100%;
    max-width: 100%;
}

.frame-carousel .item .fc-thumb {
    height: 70px;
}

.frame-header-title .follow:focus,
.frame-header-title .follow:hover,
.frame-header-title .follow {
    background: #2FCEA0 !important;
    padding: 3px 7px 4px;
    border-radius: 3px;
    position: relative;
    top: 1px;
    font-size: 10px;
    border: none;
    color: #fff !important;
    text-transform: none;
    font-weight: 200;
    letter-spacing: 0.5px;
    margin: -1px 0 0 !important;
}

.frame-header-title .follow:hover {
    background: #414959 !important;
    color: #fff;
}

.frame-header-title label br {
    display: none;
}

.frame-header-title .bio-subscribe-text {
    font-size: 9px;
    color: #000;
    margin-top: -2px;
    font-weight: 300;
    text-transform: uppercase;
    left: -22px;
    margin-right: -19px;
    line-height: 30px;
    margin-bottom: 0;
}

.frame-header-title .btn-group a .btn-default:focus,
.frame-header-title .btn-group a .btn-default:hover,
.frame-header-title .btn-group a .btn-default {
    background: #e5e5e5 !important;
}

.frame-header-title .btn-group a .btn:focus,
.frame-header-title .btn-group a .btn:hover,
.frame-header-title .btn-group a .btn {
    padding: 3px 6px 3px !important;
    margin-right: 5px;
    font-size: 11px;
    border-radius: 3px;
    margin-top: -10px;
    border: none !important;
}

@media only screen and (min-width: 1100px) and (max-width: 4000px) {
    .iframe-social {
	float: right;
    }
}

@media only screen and (min-width: 1100px) and (max-width: 1360px) {
    .iframe-social {
	max-width: 220px;
	float: right;
    }
    .frame-btns {
	padding-right: 15px;
	position: absolute;
	top: 0;
	right: 265px;
    }
    .frame-header-left-arrow i {
	width: 41px;
	padding-left: 14px;
    }
    .frame-header-right-arrow i {
	width: 41px;
	padding-left: 16px;
    }
    .frame-header-navigation {
	width: 85px;
	margin: 0 12px 0 -15px;
    }
    .iframe-social a {
	font-size: 15px;
    }
    .frame-btns a {
	padding: 4px 8px;
    }
}

.iframe-social>div {
    display: table;
    width: 200px;
}

@media only screen and (min-width: 768px) and (max-width: 993px) {
    .iframe-social>div {
	display: table;
	width: 100%;
    }
    .iframe-social {
	max-width: 100%;
    }
    .frame-header-left-arrow i {
	width: 40px;
	padding-left: 14px;
    }
    .frame-header-right-arrow i {
	width: 40px;
	padding-left: 16px;
    }
    .frame-header-navigation {
	width: 83px;
	margin: 0 10px 0 -15px;
    }
    .iframe-close {
	width: 50px;
	height: 50px;
	cursor: pointer;
	display: inline-block;
	position: absolute;
	right: 0;
	z-index: 77;
	margin: 0;
	top: 0;
	line-height: 0;
    }
    .iframe-close i {
	line-height: 50px;
    }
    .frame-header-title {
	float: none;
	color: #000;
	line-height: 25px;
	margin: 0 -15px;
	border-right: none;
	border-left: none;
	padding: 5px 0 15px 40px;
	min-height: 50px;
	position: relative;
	border-bottom: 1px solid #e5e5e5;
    }
    .header-date {
	float: left;
	margin: 0;
	position: absolute;
	top: 4px;
	left: 5px;
	transform: scale(0.85);
	z-index: 0;
    }
    .frame-header-title .title {
	line-height: 17px;
	margin-bottom: 7px;
	margin-top: 1px;
	padding-right: 220px;
	max-height: 18px;
	overflow: hidden;
    }
    div.body-frame .single-article {
	padding: 130px 10px 50px;
    }
    .iframe-social {
	width: 100%;
	background: #fff;
	margin: 0;
	position: relative;
    }
    .iframe-social a {
	font-size: 17px;
	height: 40px;
    }
    .readability h1 {
	font-size: 21px;
	line-height: 27px;
	margin-bottom: 5px;
	margin-top: 23px;
    }
    .frame-carousel-wrap {
	display: none;
    }
    .frame-btns {
	padding-right: 15px;
	float: right;
	margin-right: 28px;
    }
}

@media only screen and (min-width: 250px) and (max-width: 767px) {
    .frame-header-left-arrow i {
	width: 40px;
	padding-left: 14px;
    }
    .frame-header-right-arrow i {
	width: 40px;
	padding-left: 16px;
    }
    .frame-header-navigation {
	width: 83px;
	margin: 0 10px 0 -15px;
    }
    .iframe-close {
	width: 50px;
	height: 50px;
	cursor: pointer;
	display: inline-block;
	position: absolute;
	right: 0;
	z-index: 77;
	margin: 0;
	top: 0;
	line-height: 0;
    }
    .iframe-close i {
	line-height: 50px;
    }
    .frame-header-title {
	float: none;
	color: #000;
	line-height: 25px;
	margin: 0 -15px;
	border-right: none;
	border-left: none;
	padding: 5px 10px 15px 40px;
	min-height: 50px;
	position: relative;
	border-bottom: 1px solid #e5e5e5;
    }
    .header-date {
	float: left;
	margin: 0;
	position: absolute;
	top: 4px;
	left: 5px;
	transform: scale(0.85);
	z-index: 0;
    }
    .frame-header-title .title {
	line-height: 17px;
	margin-bottom: 7px;
	margin-top: 1px;
	max-height: 17px;
	overflow: hidden;
    }
    .iframe-social {
	width: 100%;
	max-width: 100%;
	min-width: 100%;
    }
    .iframe-social a {
	font-size: 17px;
	height: 40px;
    }
    .readability h1 {
	font-size: 21px;
	line-height: 27px;
	margin-bottom: 5px;
	margin-top: 23px;
    }
    .frame-carousel-wrap {
	display: none;
    }
    .frame-btns {
	padding-right: 15px;
	float: right;
	margin-right: 28px;
	min-height: 50px;
    }
    .iframe-social>div {
	display: table;
	width: 100%;
    }
    div.body-frame .single-article {
	padding: 180px 10px 50px;
    }
}

.influencers-list .col-sm-4 {
    padding: 0 10px;
    width: 33.3333% !important;
    position: relative !important;
    left: 0 !important;
    top: 0 !important;
}

.media-box-container {
    margin: 0 !important;
}

.influencer-head .pull-right>span {
    font-weight: bold;
    color: #333;
    float: left;
    font-size: 14px;
    line-height: 60px;
    padding-right: 20px;
}

.influencer-head .pull-right {
    min-width: 180px;
    padding-right: 30px;
    padding-top: 2px;
}

body .influencer-head .chosen-container.chosen-container-single,
body .influencer-head .chosen-container {
    min-width: inherit;
    z-index: 444;
    position: relative;
    width: calc(100% - 93px) !important;
    float: left;
    font-size: 13px;
}

body .influencer-head .chosen-container-single .chosen-single span {
    font-size: 13px;
}

body .influencer-head .chosen-container.chosen-container-active .chosen-single,
body .influencer-head .chosen-container.chosen-container-single .chosen-single,
body .influencer-head .chosen-container .chosen-single {
    height: 45px;
    line-height: 45px;
}

.media-boxes-container {
    height: auto !important;
}

.media-boxes-no-more-entries {
    display: none !important;
}


/*Profile Page*/

.color-black {
    color: #333;
}

.profile-page-new {
    background: #f5f5f5;
}

.profile-thumb {
    padding: 20px;
    border: 1px solid #e5e5e5;
    position: relative;
}

.profile-pic-upload {position: absolute;z-index: 575;top: 5px;left: 25px;text-transform: uppercase;font-size: 12px;font-weight: 200;font-family: 'Palanquin Dark', sans-serif;transition: .4s;text-shadow: 0 0 3px rgba(0,0,0,.8);color:#fff !important;}


.prof-head h3,
.profile-member-info h1 {
    font-size: 20px;
    font-weight: bold;
    color: #555555;
    margin: 0 0 10px;
}

.user-description,
.user-description p {
    font-size: 15px;
    color: #616872;
    margin: 0;
}

.profile-accordions h5 {
    font-size: 16px;
    font-weight: bold;
    color: #555555;
    padding: 10px 0;
    border-width: 1px 0;
    margin: 0;
}

.profile-accordions {
    position: relative;
    padding-right: 20px;
    display: table;
    width: 100%;
}

.profile-accordions i {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
}

.side-panel .panel-body,
.sidebar-content p {
    color: #000;
    font-size: 14px;
    font-weight: 400;
}

.prof-head .list-inline {
    margin: 15px 0 40px;
}

.prof-head .list-inline li {
    padding: 0;
}

.btn-queue {
    color: #fff;
    background: #f05455;
    border: 1px solid #f05455;
    border-radius: 3px;
    padding: 0 14px;
    line-height: 35px;
    box-shadow: none;
    min-width: auto;
    font-size: 12px;
    letter-spacing: 0;
    text-transform: uppercase;
}

.btn-queue:hover {
    color: #fff;
    background: #d23536;
    border: 1px solid #d23536;
}

.no-margin {
    margin: 0 !important;
}

.profile-header {
    padding: 80px 15px 20px;
}

.profile-header h1 {
    font-weight: 500;
}

.profile-header .profile-actions {
    float: right;
}

.profile-header .profile-actions>a,
.profile-header .profile-actions>div {
    display: inline-block;
}

.profile-header .profile-actions>a,
.profile-header .profile-actions>div a,
.profile-header .profile-actions>div button {
    background: #00A3E5;
    padding: 10px 20px;
    line-height: 22px;
    border: 1px solid #00A3E5;
    font-size: 14px;
    font-weight: 500;
    text-transform: capitalize;
    color: #fff
}

.invite-drop {
    background: #fff;
    padding: 0 0 10px;
    right: 5px !important;
}

.invite-drop a {
    display: table;
    width: 100%;
    background: transparent !important;
    border: none !important;
    color: #000 !important;
    font-size: 12px !important
}

.profile-page-new #member-of .profile-reach {
    font-size: 14px;
    color: #48c0eb;
    font-weight: bold;
    padding-left: 35px;
    position: relative;
    margin-bottom: 15px;
}

.profile-page-new #member-of .profile-reach a {
    color: #48c0eb;
}

.profile-page-new #member-of .profile-reach>span {
    color: #888888;
    display: block;
    font-size: 11px;
    font-weight: 400;
    line-height: 1;
    margin-top: 0;
    text-transform: uppercase;
}

.profile-page-new #member-of .profile-reach>i {
    color: #bcbec0 !important;
    position: absolute;
    top: 50%;
    left: 0;
    font-size: 16px;
    transform: translateY(-50%);
}

.profile-page-new .profile-plan .label {
    width: 100%;
    display: table;
    padding: 15px;
    border-radius: 3px 3px 0 0;
    font-size: 14px;
}

.profile-page-new .profile-plan table * {
    text-align: left;
}

.profile-page-new .profile-plan table tbody tr {
    border-top: 1px solid #e5e5e5;
}

.profile-page-new .profile-plan table tr td {
    padding: 10px;
    font-size: 13px;
}

.profile-page-new .sidebar>div {
    border-bottom: 1px solid #e5e5e5;
    padding-bottom: 10px !important;
    margin-bottom: 10px !important;
}

.profile-page-new .sidebar>div:last-child {
    border-bottom: none;
}

.profile-page-new .sidebar textarea.form-control {
    min-height: auto;
    margin-bottom: 10px;
    margin-top: 10px;
    border: none;
    box-shadow: none;
    font-weight: bold;
}

.profile-page-new .side-panel {
    margin: 20px 0 10px;
}

.profile-page-new .side-panel .heading {
    font-weight: bold;
    padding: 10px 15px;
    background: #31a3e5;
    color: #fff;
    font-size: 12px;
    text-align: center;
    border-radius: 3px 3px 0 0;
}

.profile-page-new .side-panel .body {
    border: 1px solid #e5e5e5;
    padding: 15px;
    line-height: 20px;
}

.side-panel .body input {
    margin: 10px 0 0;
    text-transform: capitalize;
}

.prof-stream-avatar img {
    border-radius: 50%;
}

.profile-hover-menu {
    border-bottom: 1px solid #e5e5e5;
    padding: 15px 12px 10px;
    margin-bottom: 20px;
}

.profile-hover-menu h4 {
    margin: 0 0 2px;
    font-weight: bold;
}

.profile-hover-menu .btn {
    color: #f05455;
    border: 1px solid #f05455;
}

.profile-hover-menu .btn:hover {
    background: #f05455;
    color: #fff;
    border: 1px solid #f05455;
}

.profile-page-new .post-content {
    border: 1px solid #e5e5e5;
}

.profile-page-new .post-content h5 {
    font-weight: bold;
    font-size: 20px;
    margin: 0;
}

.profile-page-new .post-content p {
    margin: 0;
}

.profile-page-new .stream-social {
    margin: 0 -15px !important;
    width: calc(100% + 30px) !important;
}

.profile-page-new .stream-social li a {
    padding: 0;
    text-align: center;
}

.profile-page-new .stream-social li a small {
    display: none;
}

.profile-page-new .stream-social li:last-child a,
.profile-page-new .stream-social li:last-child {
    border: none;
}

.profile-page-new .tribal_stream_comments {
    border: 1px solid #e5e5e5;
    display: table;
    width: 100%;
    padding: 20px;
    margin-top: 0 !important;
    margin-bottom: 30px !important;
    background: #fff;
    position: relative;
    top: -2px;
}

.profile-page-new .tribal_stream_comments textarea {
    margin: 0;
}

.profile-page-new #tribal_stream_comments .form-group {
    padding: 0;
    margin-bottom: 0;
}

.profile-page-new .post-content .btn-profile-invite {
    display: none;
}

.profile-page-new .profile-media-links>a {
    font-weight: 600;
    text-transform: uppercase;
    font-size: 11px;
    margin-left: 15px;
}

.profile-page-new #tribal_stream_comments .hiding.form-group {
    margin-bottom: 0;
    margin-top: 15px;
}

.profile-page-new .profile-page-new>.container {
    padding: 0 0 80px;
}

.email-verification-banner a.btn {
    font-size: 12px;
    padding: 10px 12px;
    line-height: 100%;
    font-weight: 700;
    text-transform: uppercase;
    border-radius: 3px;
    margin-left: 10px;
}

body.bonfire-page .page_head {
    padding: 40px 0 0;
}

body .modal-backdrop {
    z-index: 10040;
}

body .modal {
    z-index: 10050;
}

.post-status {
    border: 1px solid #e5e5e5;
    text-transform: capitalize;
    display: inline-block;
    margin: 0 -5px;
    position: relative;
    top: -6px;
    border-radius: 3px;
    font-size: 11px;
    padding: 0 5px;
    line-height: 22px;
    color: #aaaebe;
}

.post-status i {
    color: #7b7777;
    font-size: 9px;
    margin-left: 3px;
}

button.close {
    -webkit-appearance: none;
    padding: 0;
    cursor: pointer;
    background: 0 0;
    border: 0;
    position: absolute;
    top: 10px;
    right: 10px;
}

.modal-header {
    padding: 20px 15px;
}

.popover {
    position: fixed
}

.btn {
    border-radius: 4px !important;
}

.expired-posts .nav-promotepost {
    margin-top: 20px;
}

.expired-posts .nav-promotepost+.nav-promotepost {
    margin-top: 0;
}

.expired-posts .nav-promotepost {
    padding: 0 15px;
}

.expired-posts h4 a {
    color: #17386d;
}

.invitation-div form {
    display: inline-block;
}

.curate-settings-heading {
    background: #f9f9f9;
    border-bottom: 1px solid #bbb;
    border-top: 1px solid #bbb;
    margin-top: -1px;
    display: table;
    width: 100%;
}

.settings__main .tab-content {
    height: 100%;
}

.settings__main .tab-content>.tab-pane {
    position: relative;
    padding: 0;
    height: 100%;
    padding-bottom: 70px;
}

.settings__main {
    border: 1px solid #e5e5e5;
    width: 100%;
    max-width: 940px;
    margin: 55px auto;
    position: relative;
}

.settings__main .col-sm-9 {
    border-left: 1px solid #e5e5e5;
}

.settings__main .nav-tabs {
    border: none;
}

.settings__main .nav-tabs>li>a {
    padding: 8px 10px;
    border-radius: 0;
    width: 100%;
    text-transform: none;
}

.settings__main .nav-tabs>li>span {
    text-transform: uppercase;
    padding: 8px 10px;
    border-radius: 0;
    width: 100%;
    background: #e9e8e8;
    display: block;
}

.settings__main .nav-tabs>li {
    width: 100%;
}

.settings__main .tab-pane h2 {
    font-size: 20px;
}

.settings__main .tab-pane .inner {
    padding: 20px 15px;
}

.settings__main #preferences .radio {
    position: relative;
    font-size: 13px;
    margin-left: -4px;
    padding: 0 0 0 29px;
}

.settings__main #preferences .radio input {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
}

.settings__main #preferences .radio span {
    position: relative;
    display: table;
}

.settings__main #preferences .radio span::after {
    content: "";
    width: 14px;
    height: 14px;
    background: #fff;
    border: 1px solid #bbb;
    position: absolute;
    left: -19px;
    top: 4px;
    border-radius: 50%;
}

.settings__main #preferences .radio input:checked+span::after {
    background: #00a0e4;
}

.settings__main .tab-pane .social_group_settings li span b {
    display: block;
    font-size: 16px;
    letter-spacing: 0;
    font-weight: 400;
    color: #555;
}

.settings__main label.group-label {
    font-size: 18px;
    line-height: 46px;
}

.settings__main .delete-save {
    border-top: 1px solid #e5e5e5;
    background: #fff;
    padding: 15px 15px;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
}

.settings__main .del-group {
    color: #fd0000;
    font-weight: 700;
    font-size: 15px;
    line-height: 55px;
}

.tab-content>.tab-pane {
    position: relative;
}

.settings__main .back_db_top {
    position: absolute;
    top: -34px;
    right: 0;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 12px;
    color: #17386d;
    border-bottom: 1px solid transparent;
    text-decoration: none;
}

.settings__main .back_db_top:hover {
    color: #00A3E5;
}

.settings__main .nav-tabs>li.active>a,
.settings__main .nav-tabs>li.active>a:focus,
.settings__main .nav-tabs>li.active>a:hover {
    border: none !important;
}

@media only screen and (min-width: 250px) and (max-width: 767px) {
    #left_nav,
    .right-content,
    .left-nav {
	height: inherit !important;
    }
    body.queue,
    body.curate-page,
    body.promote,
    body.curate {
	overflow: auto;
	overflow-x: hidden;
	padding-top: 0;
    }
    .head-dropdown {
	position: absolute;
    }
    body.act .left-nav, .left-nav.act {
    	border-bottom: 3px solid #ddd;
	}
}

.navbar-lower {
    top: 40px !important;
    padding: 0 !important;
    display: none;
}

@media only screen and (max-width: 550px) and (min-width: 250px) {
    .post-body .media-links {
	font-size: 10px;
	margin: 10px 0 !important;
    }
    .post-body .media-links .text-right {
	text-align: initial;
    }
}

@media only screen and (max-width: 767px) and (min-width: 551px) {
    .post-body .media-links {
	font-size: 10px;
	margin: 10px 0 !important;
    }
    .post-body .media-links .col-sm-6 {
	width: 50%;
	float: left;
    }
}

/* .stream-post-inner .btn-group {
    position:absolute !important;
    top:80px !important;
    right:25px;
} */

@media only screen and (min-width: 250px) and (max-width: 767px) {


    .modal-dialog {
	width: 100%;
    }

    .account-header > .dropdown.inbox-dropdown > .dropdown-menu:before ,
    .account-header > .dropdown.notification-dropdown > .dropdown-menu:before {
	right: 53px;
	left: auto;
    }

    .account-header > .dropdown.inbox-dropdown > .dropdown-menu:after ,
    .account-header > .dropdown.notification-dropdown > .dropdown-menu:after {
	right: 54px;
	left: auto;
    }

    h2 {
	font-size: 22px;
    }

    .stream-post-inner .btn-group {
	position: relative !important;
	top: 0 !important;
	right: 5px;
    }

    .inbox-dropdown .dropdown-menu, .notification-dropdown .dropdown-menu {
	padding: 0;
	min-width: 265px;
	max-height: calc(100vh - 100px);
	right: 0;
	left: 50%;
	transform: translateX(-77%);
    }

    .navbar .container {
	padding: 0 5px;
    }

    .head-dropdown {
	position: relative;
    }

    .pinstripe {
	padding: 0;
    }

    .cal-tribes .open>.dropdown-menu {
	max-width: 149px;
    }

}

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

    .right-content {
	width: 100%;
    }

    .tribal_stream_description {
	margin-bottom:15px;
    }

    .my-posts-page .right-content #content_group_dd .approve_btn, .new-posts-page .right-content #content_group_dd .approve_btn {
	top: 44px !important;
    }

}

@media only screen and (min-width: 250px) and (max-width: 1024px) {

    .navbar-collapse {
	top: inherit;
	margin: 57px 0 0 !important;
    }

    .navbar .nav>li {
	width: 100%;
    }

}

@media only screen and (min-width: 250px) and (max-width: 550px) {

    #footer-bar a {
	font-size: 11px;
	padding: 0;
	line-height: 10px;
    }

    #footer-bar.modal-footer {
	padding: 4px 0 !important;
    }


}

@media only screen and (min-width: 551px) and (max-width: 767px) {
    #footer-bar a {
        font-size: 12px;
        padding: 0 8px;
    }
}

.spacer {
    margin-bottom:15px;
}

.status-update h4 {
    font-weight:800;
    font-size:14px;
    text-transform:uppercase;
    margin:0 0 10px;
}

.status-update a  {
    border:1px solid #5ca3e5;
    font-size:15px;
    padding:8px 15px;
    display:inline-block;
    min-width:100px;
    text-align:center;
    text-transform:capitalize;
    font-weight:bold;
    border-radius:3px;
    margin-bottom:10px;
}

.status-update a:hover  {
    border:1px solid #5ca3e5;
    background:#5ca3e5;
    color:#fff;
}

.marginT10 {margin-top:10px}
.campaign-information {
    padding-top: 65px !important;
}
/*.campaign-wrap {margin-top: 50px;}*/
.review.disabled {background: #999999 !important; color: #fff !important; border: 1px solid #999999 !important;}
.message-unread {background-color: #f2f2f2}

.btn-menu {
    display: none;
}

.twitter-typeahead {
    overflow: hidden;
}

.signup-gender {font-size: 16px !important; margin-left:10px;}
.brand-img {height: 208px;}

.member-box:after {
    clear: both;
}

.member-box .member-pic {
    float: left;
    width:80px;
    height:80px;
    background-color: #ddd;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    margin-right: 20px;
}

.member-box .member-details {
    float:left;
    width: 200px;
}

.member-box .member-details h4 {
    font-size: 16px;
}

.member-box .member-details span {
    width: 200px;
    font-size: 14px;
    color: #a9aaae;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

@media screen and (max-width:767px) {
    .reviews-iframe .head{
	margin: -15px -30px 25px;
    }

    .reviews-iframe .head h3 {
	float: none;
    }

    .reviews-iframe .head .dropdown {
	float: none !important;
	margin: 10px 0;
    }
    .mc-item {
	padding: 10px;
    }
    .mc-item>.row>.col-sm-9 {
	width: 100%;
    }
    .mc-item label {
	float: none;
	font-size: 13px;
	padding: 6px;
    }

    .mc-item h3 {
	float: none;
	width: 100%;
    }

    .mc-item p {
	font-size: 13px;
    }

    .offers-iframe .mc-item h3,
    .reviews-iframe .mc-item h3,
    .campaign-iframe .mc-item h3,
    .author-overview-content .mc-item h3 {
	font-size: 16px;
    }

    .tasks-table tr {
	width: 100%;
    }

    .task-toggle h4 span.deadline {
	float: none;
	margin-left: 0;
    }

    .manage-campaign-wrap .nav-tabs.nav-justified {
	display: none;
    }

    .btn-menu {
        display: block;
        width: 100%;
        background: #49c0eb;
        color: #fff;
        border: 0;
        border-bottom: 1px solid #ddd;
        border-radius: 0 !important;
        margin:0;
        padding: 15px 0;
    }
    .btn-menu.focus, .btn-menu:focus, .btn-menu:hover {
        color: #fff;
    }

    .dropdown-menu-full {
        right: 10px;
    }

    .step-inner-content h3 {
        font-size: 24px;
        margin-bottom: 10px;
    }

    .step-inner-content h3 span {
        font-size: 16px;
    }

    .step-inner-content p {
        font-size: 13px;
    }

    a.edit-campaign {
	float: none !important;
	font-size: 12px;
	padding: 8px;
	margin: 8px 0 0;
    }

    .member-box .member-details {
        width: 150px;
    }

    .campaign-stats .item {
	padding: 10px;
    }

    .campaign-stats .item h3 {
	font-size: 30px;
    }

    .campaign-stats .item span {
	font-size: 12px;
    }
}

.border-radius-5px {border-radius: 5px !important;}
.margin-top-55 {margin-top:55px;}
.margin-top-54 {margin-top:54px;}
.margin-top-64 {margin-top:64px;}

a.btn-tall {
    padding: 18px 20px;
}

.padding20 {
    padding: 20px;
}

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

.ampfluence-anchor, .ampfluence-anchor:hover {color:#fff !important;text-decoration: underline;}
.plan-offer-text {background:#fcb00c;color:#fff;padding:2px 5px;font-size:14px;border-radius:4px; line-height: 12px;}
@media only screen and (min-width: 250px)  and (max-width: 455px) {
    .plan-offer-text {display: block;}
    .pricing-panel > .nav-tabs > li > a.annual-billing {line-height: 28px;}
}
.category-item {background: #ccc; padding: 10px; margin-right: 10px; font-size: 12px;}
.campaign-profile-listing { border: 1px solid; box-shadow: 2px 2px #ccc; padding: 20px; margin-bottom: 10px;}
.google-connect-img {width:225px !important;}
.nice-select {width: 100% !important;}
.tab-content.tribal-stream-tabs .tab-pane .accordion:hover {
    background: #fff;
}
.tab-content.tribal-stream-tabs .tab-pane .accordion .card .btn-link {width: 100%}
.with-cancel-btn ul li {width:25%;}
.with-cancel-btn ul li.border-li-promotepost:last-child {
    padding: 10px 15px !important;
}
.with-cancel-btn ul li.border-li-promotepost:last-child a.btn {
    padding: 10px !important;
}

.tribal-stream-tabs .tab-pane .tab-content .tab-pane {
    display:none;
}

.tribal-stream-tabs .tab-pane .tab-content .tab-pane.in {
    display:block;
}

.tribal-stream-tabs .tab-pane .nav.nav-tabs.responsive-tabs {
    border:1px solid #dfdfdf;
    margin:15px 0 0;
    height:auto;
    border-radius:3px 3px 0 0;
}

.tribal-stream-tabs .tab-pane .nav.nav-tabs.responsive-tabs li {
    margin:0;
    /* border-right:1px solid #dfdfdf; */
    position:relative;
}

.tribal-stream-tabs .tab-pane .nav.nav-tabs.responsive-tabs li:before {
    content:"";
    background:#dfdfdf;
    width:100%;
    height:1px;
    position:absolute;
    bottom:-1px;
    left:0;
    z-index:55;
}

.tribal-stream-tabs .tab-pane .nav.nav-tabs.responsive-tabs li.active:before {
    background:#fff;
}

.tribal-stream-tabs .tab-pane .nav.nav-tabs.responsive-tabs li a {
    /*background:#fff !important;*/
    border-radius:0px;
    border:none;
    border-right: 1px solid #DDDDDD;
    margin:0;
    /*color:#777 !important;*/
    position:relative;
    z-index:44;
    margin-bottom:-1px;
}
.tribal-stream-tabs .tab-pane .nav.nav-tabs.responsive-tabs span.glyphicon {
    top: 12px !important;
    z-index: 50;
    font-size: 12px !important;
}
.tribal-stream-tabs .tab-pane .tab-content {
    border:1px solid #dfdfdf;
    padding:20px 25px 10px;
    border-top:none;
    margin-bottom:5px;
    overflow: visible !important;
}

/*.social-keywords .tag-editor .tag-editor-delete {padding: 7px !important;}*/
.social-keywords .tag-editor div {
    padding: 8px !important;
}
.social-keywords .tag-editor .tag-editor-delete i:before {
    font-size: 18px !important;
}
.reauth-network {
    padding: 10px;
    margin: 12px 0px;
    font-size: 14px;
}
.blog-social.row {padding: 15px; font-size: 18px;}

.tribal-stream-tabs .nice-select.open .list {
    max-height: 125px !important;
}
.sharefreq .btn-primary, .share-freq .btn-primary:hover{margin-bottom: 0px !important}
.sharefreq .dropdown-menu {margin-top: 0px !important;}
.addMarginT10 {margin-top: 10px;}
.addMarginB10 {margin-bottom: 10px;}
.addMarginB0 {margin-bottom: 0px !important;}
.addMarginB50 {margin-bottom: 50px !important;}
.rss-refresh-btn {padding: 10px !important; margin: 0px;}
.blog-tab-title-padding {padding: 10px 15px;}
.blog-tab-cta {float:right;}
.social_account_rows .btn.btn-primary {margin-bottom: 0px !important;}
.social_account_rows  .btn-group {float: right;}
.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover {
    color: #fff !important;
    cursor: default;
    background-color: #00A3E5 !important;
}

.tooltip, .popover {
  pointer-events: none;
}


.curate-main-page .content__shares {
    display: inline-block;
}
.tribes-page .tribe-settings {
    bottom: 54px;
}

.curate-content .discover-tribe-results {background:#fff}
.curate-content .arrow_box:before {display:none}
.curate-content .discover-tribe-results .thumbnail div {overflow:hidden}
.curate-content .thumbnail-img {margin-bottom:15px}
.curate-content .discover-tribe-results nav {border:1px solid #fff;margin-top:-2px}
.curate-content .thumbnail {display:table;border:none;width:100%;margin-bottom:-13px}
.curate-content .post-body {border:0;padding:0;-webkit-border-radius:0;-moz-border-radius:0}


.curate-content .discover-tribe-results .thumbnail div.col-md-2 { width:16%;float:left;}
.curate-content .discover-tribe-results .thumbnail div.col-md-10 { width:70%;float:left;}




.content__section {background:#fff;border-bottom:1px solid #ddd;}
.content__section.magazine-view-post:hover {background:#fbfde7}




.content__section .approve_btn {position:relative;z-index:50;top:0;right:0;float:none;display:table;width:100%}
body .content__section .approve_btn a {position:relative!important;top:0!important;margin-bottom:5px;margin-top:5px;width:143px;height:44px;line-height:44px!important;font-size:13px!important}
.content__shares li {list-style:none;float:left;margin-right:8px}
.content__shares li a {font-size:33px;color:#bbb}
.content__shares li a:hover {color:#17386d}


.content__meta{color:#333;font-size:12px;margin-bottom:7px}
.content__meta span{margin-right:15px;position:relative}
.content__meta span::after{content:"|";color:#333;position:absolute;right:-10px;top:-4px}
.content__meta span:last-child:after{display:none}
.content__meta a,.content__meta .content__cat a{color:#333;font-weight:700}
.content__meta .content__author a{color:#333}
p.content__body{line-height:22px;font-size:13px;color:#666;margin:0}
.content__body {word-wrap: break-word;word-break: break-word; line-height: 1.1;}
.content__img{max-height:auto;overflow:hidden}
.imgbgmagazine {
    background-size: cover;
    height: 130px !important;
    background-repeat: no-repeat;
    background-position: center center;
    cursor: pointer;
    width: 100%;
}

.modal__content p{color:#000;font-size:16px;line-height:27px;margin-bottom:15px}
.modal__content .modal-body{padding:20px 30px}
.modal__content label{display:inline-block;max-width:100%;margin-bottom:7px;font-weight:300;color:#222;font-size:15px;line-height:20px;margin-top:13px}
.modal__content .form-group{margin-bottom:0}
.modal-content.modal__content .nice-select{width:100%;margin:0;height:47px;line-height:47px}
.modal-content.modal__content .nice-select.open .list{width:100%}
.content__section_list{border-bottom:2px solid #d8d8d8;width:calc(100% - 15px);padding:8px 0;position:relative}
.list__source{font-weight:400;text-transform:capitalize;color:#333; /*margin-top:4px;*/}

.list__source img{width:20px;height:20px;/*margin-right:5px;*/ margin-top:-4px}
.list__date{font-weight:400;color:#333}
.list__date a{color:#333;margin-left:5px}
.list_overlay {
    position: absolute;
    background: #fff;
    top: 2px;
    right: 14px;
    display: block;
    padding: 2px 0 2px 50px;
    opacity: 0;
    visibility: hidden;
    transition: .4s;
    height: 34px;
    overflow: hidden;
}
.content__section_list:hover .list_overlay{right:14px;opacity:1;visibility:visible;transition:.4s}
#content_group_dd .list_overlay .content__shares{float:left}
#content_group_dd .list_overlay .content__shares li {
    list-style: none;
    float: left;
    margin-right: 5px;
    margin-top: 1px;
}
#content_group_dd .list_overlay .approve_btn a{position:relative!important;top:1px!important;right:0;line-height:28px}
#content_group_dd .list_overlay .approve_btn{position:relative;z-index:50;top:0;right:0;float:right}
.list__view{padding:23px 15px 23px 20px}
.cards__view{padding:20px 100px;display:table;width:100%}

.cards__view .col-sm-4{padding:0 8px;margin-top:20px;margin-bottom:20px}
.cards__view .content__section {
    height: 100%;
    border: 1px solid #ddd;
    border-radius: 5px;
}
.cards__view .col-sm-4 .share{display:table;width:100%;padding:15px 0 0}
.cards__view .col-sm-4 .share .content__shares {
    margin: 0 auto;
    display: table;
    width: 100%;
    max-width: 100%;
}
.cards__view .col-sm-4 .share .content__shares a{font-size:28px}
.cards__view .col-sm-4 .share .content__shares li {
    margin: 0 2px;
    float: none;
    display: inline-block;
}

.cards__view .content__section .approve_btn a{float:none !important}


.magazine_view .content__shares a i ,
.cards__view .col-sm-4 .share .content__shares a i {
    position: relative;
    z-index: 44;
    font-size: 14px;
    color: #fff;
    height: 25px;
    float: none;
    width: 25px;
    text-align: center;
    line-height: 25px;
    display: inline-block;
	background:#aaa;
}

.magazine_view .content__shares a:hover .fa-twitter,
.cards__view .col-sm-4 .share .content__shares a:hover .fa-twitter {	background:#249edd; }

.magazine_view .content__shares .fa.fa-facebook, .magazine_view .content__shares .fa.fa-linkedin,.magazine_view .content__shares .fa.fa-twitter {
    margin-right: 0;
}
.magazine_view .content__shares a:hover .fa-facebook,
.cards__view .col-sm-4 .share .content__shares a:hover .fa-facebook { background:#344a93; }

.magazine_view .content__shares a:hover .fa-linkedin,
.cards__view .col-sm-4 .share .content__shares a:hover .fa-linkedin { background:#0066aa; }

.magazine_view .content__shares a:hover .fa-google-plus,
.cards__view .col-sm-4 .share .content__shares a:hover .fa-google-plus {	background:#e14022; }

.magazine_view .content__shares a .count,
.cards__view .col-sm-4 .share .content__shares a .count {
    background: #fff;
    margin: 0px;
    display: inline-block;
    color: #aaa;
    font-size: 10px;
    border: 1px solid #aaa;
    padding: 0 5px;
    position: relative;
    border-radius: 0;
    height: 25px;
    line-height: 25px;
}

.magazine_view .content__shares a:hover .fa-twitter + .count ,
.cards__view .col-sm-4 .share .content__shares a:hover .fa-twitter + .count {
    border: 1px solid #249edd;
	color:#249edd;
}

.magazine_view .content__shares a:hover .fa-facebook + .count ,
.cards__view .col-sm-4 .share .content__shares a:hover .fa-facebook + .count {
    border: 1px solid #344a93;
	color:#344a93;
}

.magazine_view .content__shares a:hover .fa-linkedin + .count ,
.cards__view .col-sm-4 .share .content__shares a:hover .fa-linkedin + .count {
    border: 1px solid #0066aa;
	color:#0066aa;
}

.magazine_view .content__shares a:hover .fa-google-plus + .count ,
.cards__view .col-sm-4 .share .content__shares a:hover .fa-google-plus + .count {
    border: 1px solid #e14022;
	color:#e14022;
}


.fa-search-plus{color:#15b9ec!important}
.tab-pane .social_group_settings li span b{display:block;font-size:16px;letter-spacing:0;font-weight:400;color:#555}


.iframe-social{max-width:190px!important}
.cover-wrapper{overflow:hidden;position:relative;width:100%}
.content__section .pane_post{position:relative}
.content__section .pane_post .post-link{opacity:0;position:absolute;top:0;left:0;right:0;width:100%;height:100%;z-index:749}
.content__shares.style-1 a{color:#fff;font-size:14px;border-radius:3px;padding:6px 10px 6px 30px;display:table;margin-bottom:10px;text-align:right;width:100px;position:relative;border:1px solid #bbb;background:#bbb;transition:.4s}
.content__shares.style-1 a:hover{color:#fff!important}
.list_overlay .content__shares.style-1 a,.list_overlay .content__shares.style-1 a:hover{color:#fff;font-size:11px;border-radius:3px;padding:2px 10px 2px 30px;display:table;margin-bottom:10px;text-align:right;width:auto;position:relative;background:#bbb;border:1px solid #bbb}
.tweet-count a:hover{background:#1DA1F2!important;border-color:#1DA1F2!important}
.fb-count a:hover{background:#3B5998!important;border-color:#3B5998!important}
.linkedin-count a:hover{background:#0077B5!important;border-color:#0077B5!important}
.gplus-count a:hover{background:#E62B1E!important;border-color:#E62B1E!important}
.content__shares.style-1 a i{position:absolute;left:11px;top:50%;transform:translateY(-50%)}
.share-wrap{position:relative}
.share-hover{position:absolute;top:0;left:0;opacity:0;visibility:hidden;transition:.4s}
.share-default{position:relative;opacity:1;visibility:visible;transition:.4s}
.magazine_view .content__section:hover .share-default{opacity:0;visibility:hidden}
.magazine_view .content__section:hover .share-hover {
	opacity:1;
	visibility:visible;
}
#mytribes_dd li {
    border:none;
}
.tribe-profile-page .approve_btn a {
    top: 0;
}
.new-posts-page button.close {
    top: 0;
}
.social-keywords .tag-editor.ui-sortable {
    margin-bottom: 15px;
}

.social-keywords .tag-editor .tag-editor-tag {
    height: auto;
    margin-bottom: 10px;
}
.tribe-profile-page cite.tribe-members i {
    top: -2px;
}

#tribal_stream_comments {
    padding: 0;
}
#tribes_assign_social_profiles .btn-default .fa-facebook {
    color: #3C5B9B;
}
#tribes_assign_social_profiles .btn-primary .fa-facebook {
    color: #FFFFFF;
}
.settings__main{border:1px solid #bbb;width:100%;max-width:940px;margin:55px auto;position:relative}
.settings__main .col-sm-9{border-left:1px solid #bbb}
.settings__main .nav-tabs{border:none}
.settings__main .nav-tabs > li > a{text-transform:uppercase;padding:8px 10px;border-radius:0;width:100%;font-family:'Palanquin Dark',sans-serif;text-transform:none}
.settings__main .nav-tabs > li > span{text-transform:uppercase;padding:8px 10px;border-radius:0;width:100%;background:#e9e8e8;font-family:'Palanquin Dark',sans-serif;display:block}
.settings__main .nav-tabs > li{width:100%;font-family:'Palanquin Dark',sans-serif}
.settings__main .tab-pane h2{background:#f9f9f9;border-bottom:1px solid #bbb;border-top:1px solid #bbb;padding:10px 50px 9px;text-transform:uppercase;font-size:17px;font-weight:400;margin-top:-1px;width:100%;}
.settings__main .tab-pane .inner{padding:20px 50px}
.settings__main .tab-pane .curate-settings-heading h2 {border: none !important; padding:14px 36px; margin:0px;}
.social_group_settings li img {width:40px;height:40px;float:left}
.social_group_settings li {list-style:none;position:relative;border-bottom:1px solid #e2e2e2;margin-bottom:0;overflow:hidden;display:table;width:100%;position:relative}
.social_group_settings li:last-child { border-bottom: none;}
.social_group_settings li label {padding:10px 0 10px 43px;width:100%;height:64px;display:block;margin:0}
.social_group_settings li label:after {content:"";border:1px solid #9fa0a0;width:20px;height:20px;background:#fff;position:absolute;left:5px;top:50%;border-radius:3px;margin-top:-10px}
.social_group_settings li label .fa-check {content:"";border:1px solid #17386d;width:20px;height:20px;background:#17386d;color:#fff;position:absolute;left:5px;top:50%;border-radius:3px;margin-top:-10px;z-index:777;line-height:20px;text-align:center;opacity:0;transition:.4s}
.social_group_settings li input:checked + label {background:#fbfde7}
.social_group_settings li input:checked + label .fa-check {opacity:1;transition:.4s}
.social_group_settings li input {position:absolute;top:0;left:0;opacity:0;width:100%;height:100%; z-index:888;}
.social_group_settings li span b {display:block;font-size:13px;letter-spacing:0;font-weight:600;color:#555}
.social_group_settings li span {float:left;padding-left:20px;color:#888;letter-spacing:0; word-break: break-word;word-wrap: break-word;}
.social_group_settings li span .fa-twitter-square {color:#15b9ec}
.social_group_settings li span .fa-facebook-square {color:#3b5998}
.social_group_settings li span .fa-linkedin-square {color:#0077b5}
.fa-search-plus{color:#15b9ec!important}
.tab-pane .social_group_settings li span b{display:block;font-size:16px;letter-spacing:0;font-weight:400;color:#555}
.edit-group{position:relative;z-index:889;margin-top:-46px}
.edit-group a:first-child{border:1px solid #bbb;padding:3px 15px;background:#fff;border-radius:3px;color:#bbb}
.edit-group a:first-child:hover{color:#333}
.edit-group .social_group_settings li input:last-child{padding:4px 0;color:#bbb;font-size:14px;margin-left:6px}
.edit-group a:last-child:hover{color:red}
.social_group_settings.style-2 li label .fa-check,.social_group_settings.style-2 li label::after{display:none}
.social_group_settings.style-2 li label{padding-left:15px}
.social_group_settings.style-2 li:hover{background:#fbfde7!important}
.social_group_settings.style-2 li input:checked + label:hover,.social_group_settings.style-2 label:hover,.social_group_settings.style-2 li input:checked + label{background:transparent!important}
label.group-label{font-size:18px;line-height:46px}
.settings__main .tab-pane h2 a{float:right;text-transform:none}
@media only screen and (min-width:993px){
        .curate-settings-heading input[type=submit],.curate-settings-heading input[type=button] {height: 36px; margin-top: 9px;padding-top: 11px;}
}
.profile-page {padding-top: 100px;}
.socialcheckboxes {z-index:999 !important}


.media-object64 {
    width: 64px;
}

#approvedPostsCalHolder button.close {
    top: 20px;
    right: 20px;
}
#approvedPostsCalHolderBody > a {
    margin-bottom: 30px;
    display: block;
}
/* .curate-page .approve_btn a {
    right: 0;
} */

.tribal-stream-comment-holder {
    border-top: thin solid #e5e5e5;
    background-color: #f9f9f9;
    padding: 15px 20px 5px 20px;;
    line-height: 25px;
}

.tribes-pane .tribal-stream-comment-holder {
    padding-right: 0px;
    padding-left: 0px;
}


.tribal-stream-comment-holder .btn-link {
    padding-left: 0px;
    margin: 0 0 15px;
    padding: 0;
    color: #337ab7;
    border: none;
}

.tribal-stream-comment-holder .btn-link i {
	font-size:11px;
}

.btn-group > .btn:last-child:not(:first-child), .btn-group > .dropdown-toggle:not(:first-child) {
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
}

.btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) {
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
    margin-right: 0;
}

.curate-main-page .right-content .head-dropdown .btn-secondary {
    padding: 7px 20px;
}
.curate-main-page .isotope-container {
    margin-top: -6px;
}
.magazine_view #paneviewcontainer .content__section {
    padding: 25px;
}
.magazine_view #paneviewcontainer .content__section .approve_btn a {
    right: auto;
}

.magazine_view #paneviewcontainer .content__section .share-wrap {
    display: none;
}

.magazine_view #paneviewcontainer .content__section:hover .share-wrap {
    display: block;
}
.profile-page .fa, .new-posts-page .fa {
    margin-right: 0 !important;
}
.padding-left-0 {padding-left: 0px !important;}
.padding-right-0 {padding-right: 0px !important;}
.margin-10 {margin:10px;}
.tribal-stream-comment-holder .media .media-object32.media-left {padding-right: 0px !important;}
@media only screen and (max-width: 767px) and (min-width: 250px) {
	.new-posts-page .right-content #content_group_dd .approve_btn,
	.my-posts-page .right-content #content_group_dd .approve_btn {
		top: 25px !important;
	}
}
@media only screen and (max-width: 560px) {
	.stream_post .stats-hide { right: 0px !important; top: 0px !important;}
}
.tribe-profile-stats.accordion:hover{background: #fff !important;}
.promote-post-labels {
	float: left;
    line-height: 24px;
    margin: 0px 20px 20px 0px;
}
.promoted-post-stream .content__section {
	margin: 20px 0 !important;
	border-bottom: none !important;
}
.nav-promotepost:nth-child(1) .border-li-promotepost:nth-child(1),.nav-promotepost:nth-child(1) .border-li-promotepost:nth-child(2),.nav-promotepost:nth-child(1) .border-li-promotepost:nth-child(3) {
    border-bottom: none !important;
}
.right-content .loading-icon {margin-top:20px !important; margin-left:30px !important;}
.instagram-query span{position:absolute;background-color:#f5f5f5;padding:12px;vertical-align:middle;font-size:16px;font-weight:bold;margin-top:1px;margin-left:1px;z-index:1;}
.instagram-query input{padding-left:42px !important;}
.youtube-query span{position:absolute;background-color:#f5f5f5;padding:12px;vertical-align:middle;font-size:12px;font-weight:bold;margin-top:1px;margin-left:1px;z-index:1;}
.pinterest-query .pinterest-query-prefix{position:absolute;background-color:#f5f5f5;padding:12px;vertical-align:middle;font-size:12px;font-weight:bold;margin-top:1px;margin-left:1px;z-index:1;}
.youtube-query-user input{padding-left:240px !important;}
.youtube-query-channel input{padding-left:255px !important;}
.pinterest-query-user input{padding-left:210px !important;}
.pinterest-query-board input{padding-left:270px !important;}

/* Profile Page */
/* Global CSS Start */
.m-0 {
margin: 0 !important; }

.mt-0,
.my-0 {
margin-top: 0 !important; }

.mr-0,
.mx-0 {
margin-right: 0 !important; }

.mb-0,
.my-0 {
margin-bottom: 0 !important; }

.ml-0,
.mx-0 {
margin-left: 0 !important; }

.m-1 {
margin: 0.25rem !important; }

.mt-1,
.my-1 {
margin-top: 0.25rem !important; }

.mr-1,
.mx-1 {
margin-right: 0.25rem !important; }

.mb-1,
.my-1 {
margin-bottom: 0.25rem !important; }

.ml-1,
.mx-1 {
margin-left: 0.25rem !important; }

.m-2 {
margin: 0.5rem !important; }

.mt-2,
.my-2 {
margin-top: 0.5rem !important; }

.mr-2,
.mx-2 {
margin-right: 0.5rem !important; }

.mb-2,
.my-2 {
margin-bottom: 0.5rem !important; }

.ml-2,
.mx-2 {
margin-left: 0.5rem !important; }

.m-3 {
margin: 1rem !important; }

.mt-3,
.my-3 {
margin-top: 1rem !important; }

.mr-3,
.mx-3 {
margin-right: 1rem !important; }

.mb-3,
.my-3 {
margin-bottom: 1rem !important; }

.ml-3,
.mx-3 {
margin-left: 1rem !important; }

.m-4 {
margin: 1.5rem !important; }

.mt-4,
.my-4 {
margin-top: 1.5rem !important; }

.mr-4,
.mx-4 {
margin-right: 1.5rem !important; }

.mb-4,
.my-4 {
margin-bottom: 1.5rem !important; }

.ml-4,
.mx-4 {
margin-left: 1.5rem !important; }

.m-5 {
margin: 3rem !important; }

.mt-5,
.my-5 {
margin-top: 3rem !important; }

.mr-5,
.mx-5 {
margin-right: 3rem !important; }

.mb-5,
.my-5 {
margin-bottom: 3rem !important; }

.ml-5,
.mx-5 {
margin-left: 3rem !important; }

.p-0 {
padding: 0 !important; }

.pt-0,
.py-0 {
padding-top: 0 !important; }

.pr-0,
.px-0 {
padding-right: 0 !important; }

.pb-0,
.py-0 {
padding-bottom: 0 !important; }

.pl-0,
.px-0 {
padding-left: 0 !important; }

.p-1 {
padding: 0.25rem !important; }

.pt-1,
.py-1 {
padding-top: 0.25rem !important; }

.pr-1,
.px-1 {
padding-right: 0.25rem !important; }

.pb-1,
.py-1 {
padding-bottom: 0.25rem !important; }

.pl-1,
.px-1 {
padding-left: 0.25rem !important; }

.p-2 {
padding: 0.5rem !important; }

.pt-2,
.py-2 {
padding-top: 0.5rem !important; }

.pr-2,
.px-2 {
padding-right: 0.5rem !important; }

.pb-2,
.py-2 {
padding-bottom: 0.5rem !important; }

.pl-2,
.px-2 {
padding-left: 0.5rem !important; }

.p-3 {
padding: 1rem !important; }

.pt-3,
.py-3 {
padding-top: 1rem !important; }

.pr-3,
.px-3 {
padding-right: 1rem !important; }

.pb-3,
.py-3 {
padding-bottom: 1rem !important; }

.pl-3,
.px-3 {
padding-left: 1rem !important; }

.p-4 {
padding: 1.5rem !important; }

.pt-4,
.py-4 {
padding-top: 1.5rem !important; }

.pr-4,
.px-4 {
padding-right: 1.5rem !important; }

.pb-4,
.py-4 {
padding-bottom: 1.5rem !important; }

.pl-4,
.px-4 {
padding-left: 1.5rem !important; }

.p-5 {
padding: 3rem !important; }

.pt-5,
.py-5 {
padding-top: 3rem !important; }

.pr-5,
.px-5 {
padding-right: 3rem !important; }

.pb-5,
.py-5 {
padding-bottom: 3rem !important; }

.pl-5,
.px-5 {
padding-left: 3rem !important; }

.m-n1 {
margin: -0.25rem !important; }

.mt-n1,
.my-n1 {
margin-top: -0.25rem !important; }

.mr-n1,
.mx-n1 {
margin-right: -0.25rem !important; }

.mb-n1,
.my-n1 {
margin-bottom: -0.25rem !important; }

.ml-n1,
.mx-n1 {
margin-left: -0.25rem !important; }

.m-n2 {
margin: -0.5rem !important; }

.mt-n2,
.my-n2 {
margin-top: -0.5rem !important; }

.mr-n2,
.mx-n2 {
margin-right: -0.5rem !important; }

.mb-n2,
.my-n2 {
margin-bottom: -0.5rem !important; }

.ml-n2,
.mx-n2 {
margin-left: -0.5rem !important; }

.m-n3 {
margin: -1rem !important; }

.mt-n3,
.my-n3 {
margin-top: -1rem !important; }

.mr-n3,
.mx-n3 {
margin-right: -1rem !important; }

.mb-n3,
.my-n3 {
margin-bottom: -1rem !important; }

.ml-n3,
.mx-n3 {
margin-left: -1rem !important; }

.m-n4 {
margin: -1.5rem !important; }

.mt-n4,
.my-n4 {
margin-top: -1.5rem !important; }

.mr-n4,
.mx-n4 {
margin-right: -1.5rem !important; }

.mb-n4,
.my-n4 {
margin-bottom: -1.5rem !important; }

.ml-n4,
.mx-n4 {
margin-left: -1.5rem !important; }

.m-n5 {
margin: -3rem !important; }

.mt-n5,
.my-n5 {
margin-top: -3rem !important; }

.mr-n5,
.mx-n5 {
margin-right: -3rem !important; }

.mb-n5,
.my-n5 {
margin-bottom: -3rem !important; }

.ml-n5,
.mx-n5 {
margin-left: -3rem !important; }

.m-auto {
margin: auto !important; }

.mt-auto,
.my-auto {
margin-top: auto !important; }

.mr-auto,
.mx-auto {
margin-right: auto !important; }

.mb-auto,
.my-auto {
margin-bottom: auto !important; }

.ml-auto,
.mx-auto {
margin-left: auto !important; }

@media (min-width: 576px) {
.m-sm-0 {
    margin: 0 !important; }
.mt-sm-0,
.my-sm-0 {
    margin-top: 0 !important; }
.mr-sm-0,
.mx-sm-0 {
    margin-right: 0 !important; }
.mb-sm-0,
.my-sm-0 {
    margin-bottom: 0 !important; }
.ml-sm-0,
.mx-sm-0 {
    margin-left: 0 !important; }
.m-sm-1 {
    margin: 0.25rem !important; }
.mt-sm-1,
.my-sm-1 {
    margin-top: 0.25rem !important; }
.mr-sm-1,
.mx-sm-1 {
    margin-right: 0.25rem !important; }
.mb-sm-1,
.my-sm-1 {
    margin-bottom: 0.25rem !important; }
.ml-sm-1,
.mx-sm-1 {
    margin-left: 0.25rem !important; }
.m-sm-2 {
    margin: 0.5rem !important; }
.mt-sm-2,
.my-sm-2 {
    margin-top: 0.5rem !important; }
.mr-sm-2,
.mx-sm-2 {
    margin-right: 0.5rem !important; }
.mb-sm-2,
.my-sm-2 {
    margin-bottom: 0.5rem !important; }
.ml-sm-2,
.mx-sm-2 {
    margin-left: 0.5rem !important; }
.m-sm-3 {
    margin: 1rem !important; }
.mt-sm-3,
.my-sm-3 {
    margin-top: 1rem !important; }
.mr-sm-3,
.mx-sm-3 {
    margin-right: 1rem !important; }
.mb-sm-3,
.my-sm-3 {
    margin-bottom: 1rem !important; }
.ml-sm-3,
.mx-sm-3 {
    margin-left: 1rem !important; }
.m-sm-4 {
    margin: 1.5rem !important; }
.mt-sm-4,
.my-sm-4 {
    margin-top: 1.5rem !important; }
.mr-sm-4,
.mx-sm-4 {
    margin-right: 1.5rem !important; }
.mb-sm-4,
.my-sm-4 {
    margin-bottom: 1.5rem !important; }
.ml-sm-4,
.mx-sm-4 {
    margin-left: 1.5rem !important; }
.m-sm-5 {
    margin: 3rem !important; }
.mt-sm-5,
.my-sm-5 {
    margin-top: 3rem !important; }
.mr-sm-5,
.mx-sm-5 {
    margin-right: 3rem !important; }
.mb-sm-5,
.my-sm-5 {
    margin-bottom: 3rem !important; }
.ml-sm-5,
.mx-sm-5 {
    margin-left: 3rem !important; }
.p-sm-0 {
    padding: 0 !important; }
.pt-sm-0,
.py-sm-0 {
    padding-top: 0 !important; }
.pr-sm-0,
.px-sm-0 {
    padding-right: 0 !important; }
.pb-sm-0,
.py-sm-0 {
    padding-bottom: 0 !important; }
.pl-sm-0,
.px-sm-0 {
    padding-left: 0 !important; }
.p-sm-1 {
    padding: 0.25rem !important; }
.pt-sm-1,
.py-sm-1 {
    padding-top: 0.25rem !important; }
.pr-sm-1,
.px-sm-1 {
    padding-right: 0.25rem !important; }
.pb-sm-1,
.py-sm-1 {
    padding-bottom: 0.25rem !important; }
.pl-sm-1,
.px-sm-1 {
    padding-left: 0.25rem !important; }
.p-sm-2 {
    padding: 0.5rem !important; }
.pt-sm-2,
.py-sm-2 {
    padding-top: 0.5rem !important; }
.pr-sm-2,
.px-sm-2 {
    padding-right: 0.5rem !important; }
.pb-sm-2,
.py-sm-2 {
    padding-bottom: 0.5rem !important; }
.pl-sm-2,
.px-sm-2 {
    padding-left: 0.5rem !important; }
.p-sm-3 {
    padding: 1rem !important; }
.pt-sm-3,
.py-sm-3 {
    padding-top: 1rem !important; }
.pr-sm-3,
.px-sm-3 {
    padding-right: 1rem !important; }
.pb-sm-3,
.py-sm-3 {
    padding-bottom: 1rem !important; }
.pl-sm-3,
.px-sm-3 {
    padding-left: 1rem !important; }
.p-sm-4 {
    padding: 1.5rem !important; }
.pt-sm-4,
.py-sm-4 {
    padding-top: 1.5rem !important; }
.pr-sm-4,
.px-sm-4 {
    padding-right: 1.5rem !important; }
.pb-sm-4,
.py-sm-4 {
    padding-bottom: 1.5rem !important; }
.pl-sm-4,
.px-sm-4 {
    padding-left: 1.5rem !important; }
.p-sm-5 {
    padding: 3rem !important; }
.pt-sm-5,
.py-sm-5 {
    padding-top: 3rem !important; }
.pr-sm-5,
.px-sm-5 {
    padding-right: 3rem !important; }
.pb-sm-5,
.py-sm-5 {
    padding-bottom: 3rem !important; }
.pl-sm-5,
.px-sm-5 {
    padding-left: 3rem !important; }
.m-sm-n1 {
    margin: -0.25rem !important; }
.mt-sm-n1,
.my-sm-n1 {
    margin-top: -0.25rem !important; }
.mr-sm-n1,
.mx-sm-n1 {
    margin-right: -0.25rem !important; }
.mb-sm-n1,
.my-sm-n1 {
    margin-bottom: -0.25rem !important; }
.ml-sm-n1,
.mx-sm-n1 {
    margin-left: -0.25rem !important; }
.m-sm-n2 {
    margin: -0.5rem !important; }
.mt-sm-n2,
.my-sm-n2 {
    margin-top: -0.5rem !important; }
.mr-sm-n2,
.mx-sm-n2 {
    margin-right: -0.5rem !important; }
.mb-sm-n2,
.my-sm-n2 {
    margin-bottom: -0.5rem !important; }
.ml-sm-n2,
.mx-sm-n2 {
    margin-left: -0.5rem !important; }
.m-sm-n3 {
    margin: -1rem !important; }
.mt-sm-n3,
.my-sm-n3 {
    margin-top: -1rem !important; }
.mr-sm-n3,
.mx-sm-n3 {
    margin-right: -1rem !important; }
.mb-sm-n3,
.my-sm-n3 {
    margin-bottom: -1rem !important; }
.ml-sm-n3,
.mx-sm-n3 {
    margin-left: -1rem !important; }
.m-sm-n4 {
    margin: -1.5rem !important; }
.mt-sm-n4,
.my-sm-n4 {
    margin-top: -1.5rem !important; }
.mr-sm-n4,
.mx-sm-n4 {
    margin-right: -1.5rem !important; }
.mb-sm-n4,
.my-sm-n4 {
    margin-bottom: -1.5rem !important; }
.ml-sm-n4,
.mx-sm-n4 {
    margin-left: -1.5rem !important; }
.m-sm-n5 {
    margin: -3rem !important; }
.mt-sm-n5,
.my-sm-n5 {
    margin-top: -3rem !important; }
.mr-sm-n5,
.mx-sm-n5 {
    margin-right: -3rem !important; }
.mb-sm-n5,
.my-sm-n5 {
    margin-bottom: -3rem !important; }
.ml-sm-n5,
.mx-sm-n5 {
    margin-left: -3rem !important; }
.m-sm-auto {
    margin: auto !important; }
.mt-sm-auto,
.my-sm-auto {
    margin-top: auto !important; }
.mr-sm-auto,
.mx-sm-auto {
    margin-right: auto !important; }
.mb-sm-auto,
.my-sm-auto {
    margin-bottom: auto !important; }
.ml-sm-auto,
.mx-sm-auto {
    margin-left: auto !important; } }

@media (min-width: 768px) {
.m-md-0 {
    margin: 0 !important; }
.mt-md-0,
.my-md-0 {
    margin-top: 0 !important; }
.mr-md-0,
.mx-md-0 {
    margin-right: 0 !important; }
.mb-md-0,
.my-md-0 {
    margin-bottom: 0 !important; }
.ml-md-0,
.mx-md-0 {
    margin-left: 0 !important; }
.m-md-1 {
    margin: 0.25rem !important; }
.mt-md-1,
.my-md-1 {
    margin-top: 0.25rem !important; }
.mr-md-1,
.mx-md-1 {
    margin-right: 0.25rem !important; }
.mb-md-1,
.my-md-1 {
    margin-bottom: 0.25rem !important; }
.ml-md-1,
.mx-md-1 {
    margin-left: 0.25rem !important; }
.m-md-2 {
    margin: 0.5rem !important; }
.mt-md-2,
.my-md-2 {
    margin-top: 0.5rem !important; }
.mr-md-2,
.mx-md-2 {
    margin-right: 0.5rem !important; }
.mb-md-2,
.my-md-2 {
    margin-bottom: 0.5rem !important; }
.ml-md-2,
.mx-md-2 {
    margin-left: 0.5rem !important; }
.m-md-3 {
    margin: 1rem !important; }
.mt-md-3,
.my-md-3 {
    margin-top: 1rem !important; }
.mr-md-3,
.mx-md-3 {
    margin-right: 1rem !important; }
.mb-md-3,
.my-md-3 {
    margin-bottom: 1rem !important; }
.ml-md-3,
.mx-md-3 {
    margin-left: 1rem !important; }
.m-md-4 {
    margin: 1.5rem !important; }
.mt-md-4,
.my-md-4 {
    margin-top: 1.5rem !important; }
.mr-md-4,
.mx-md-4 {
    margin-right: 1.5rem !important; }
.mb-md-4,
.my-md-4 {
    margin-bottom: 1.5rem !important; }
.ml-md-4,
.mx-md-4 {
    margin-left: 1.5rem !important; }
.m-md-5 {
    margin: 3rem !important; }
.mt-md-5,
.my-md-5 {
    margin-top: 3rem !important; }
.mr-md-5,
.mx-md-5 {
    margin-right: 3rem !important; }
.mb-md-5,
.my-md-5 {
    margin-bottom: 3rem !important; }
.ml-md-5,
.mx-md-5 {
    margin-left: 3rem !important; }
.p-md-0 {
    padding: 0 !important; }
.pt-md-0,
.py-md-0 {
    padding-top: 0 !important; }
.pr-md-0,
.px-md-0 {
    padding-right: 0 !important; }
.pb-md-0,
.py-md-0 {
    padding-bottom: 0 !important; }
.pl-md-0,
.px-md-0 {
    padding-left: 0 !important; }
.p-md-1 {
    padding: 0.25rem !important; }
.pt-md-1,
.py-md-1 {
    padding-top: 0.25rem !important; }
.pr-md-1,
.px-md-1 {
    padding-right: 0.25rem !important; }
.pb-md-1,
.py-md-1 {
    padding-bottom: 0.25rem !important; }
.pl-md-1,
.px-md-1 {
    padding-left: 0.25rem !important; }
.p-md-2 {
    padding: 0.5rem !important; }
.pt-md-2,
.py-md-2 {
    padding-top: 0.5rem !important; }
.pr-md-2,
.px-md-2 {
    padding-right: 0.5rem !important; }
.pb-md-2,
.py-md-2 {
    padding-bottom: 0.5rem !important; }
.pl-md-2,
.px-md-2 {
    padding-left: 0.5rem !important; }
.p-md-3 {
    padding: 1rem !important; }
.pt-md-3,
.py-md-3 {
    padding-top: 1rem !important; }
.pr-md-3,
.px-md-3 {
    padding-right: 1rem !important; }
.pb-md-3,
.py-md-3 {
    padding-bottom: 1rem !important; }
.pl-md-3,
.px-md-3 {
    padding-left: 1rem !important; }
.p-md-4 {
    padding: 1.5rem !important; }
.pt-md-4,
.py-md-4 {
    padding-top: 1.5rem !important; }
.pr-md-4,
.px-md-4 {
    padding-right: 1.5rem !important; }
.pb-md-4,
.py-md-4 {
    padding-bottom: 1.5rem !important; }
.pl-md-4,
.px-md-4 {
    padding-left: 1.5rem !important; }
.p-md-5 {
    padding: 3rem !important; }
.pt-md-5,
.py-md-5 {
    padding-top: 3rem !important; }
.pr-md-5,
.px-md-5 {
    padding-right: 3rem !important; }
.pb-md-5,
.py-md-5 {
    padding-bottom: 3rem !important; }
.pl-md-5,
.px-md-5 {
    padding-left: 3rem !important; }
.m-md-n1 {
    margin: -0.25rem !important; }
.mt-md-n1,
.my-md-n1 {
    margin-top: -0.25rem !important; }
.mr-md-n1,
.mx-md-n1 {
    margin-right: -0.25rem !important; }
.mb-md-n1,
.my-md-n1 {
    margin-bottom: -0.25rem !important; }
.ml-md-n1,
.mx-md-n1 {
    margin-left: -0.25rem !important; }
.m-md-n2 {
    margin: -0.5rem !important; }
.mt-md-n2,
.my-md-n2 {
    margin-top: -0.5rem !important; }
.mr-md-n2,
.mx-md-n2 {
    margin-right: -0.5rem !important; }
.mb-md-n2,
.my-md-n2 {
    margin-bottom: -0.5rem !important; }
.ml-md-n2,
.mx-md-n2 {
    margin-left: -0.5rem !important; }
.m-md-n3 {
    margin: -1rem !important; }
.mt-md-n3,
.my-md-n3 {
    margin-top: -1rem !important; }
.mr-md-n3,
.mx-md-n3 {
    margin-right: -1rem !important; }
.mb-md-n3,
.my-md-n3 {
    margin-bottom: -1rem !important; }
.ml-md-n3,
.mx-md-n3 {
    margin-left: -1rem !important; }
.m-md-n4 {
    margin: -1.5rem !important; }
.mt-md-n4,
.my-md-n4 {
    margin-top: -1.5rem !important; }
.mr-md-n4,
.mx-md-n4 {
    margin-right: -1.5rem !important; }
.mb-md-n4,
.my-md-n4 {
    margin-bottom: -1.5rem !important; }
.ml-md-n4,
.mx-md-n4 {
    margin-left: -1.5rem !important; }
.m-md-n5 {
    margin: -3rem !important; }
.mt-md-n5,
.my-md-n5 {
    margin-top: -3rem !important; }
.mr-md-n5,
.mx-md-n5 {
    margin-right: -3rem !important; }
.mb-md-n5,
.my-md-n5 {
    margin-bottom: -3rem !important; }
.ml-md-n5,
.mx-md-n5 {
    margin-left: -3rem !important; }
.m-md-auto {
    margin: auto !important; }
.mt-md-auto,
.my-md-auto {
    margin-top: auto !important; }
.mr-md-auto,
.mx-md-auto {
    margin-right: auto !important; }
.mb-md-auto,
.my-md-auto {
    margin-bottom: auto !important; }
.ml-md-auto,
.mx-md-auto {
    margin-left: auto !important; } }

@media (min-width: 1024px) {
.m-lg-0 {
    margin: 0 !important; }
.mt-lg-0,
.my-lg-0 {
    margin-top: 0 !important; }
.mr-lg-0,
.mx-lg-0 {
    margin-right: 0 !important; }
.mb-lg-0,
.my-lg-0 {
    margin-bottom: 0 !important; }
.ml-lg-0,
.mx-lg-0 {
    margin-left: 0 !important; }
.m-lg-1 {
    margin: 0.25rem !important; }
.mt-lg-1,
.my-lg-1 {
    margin-top: 0.25rem !important; }
.mr-lg-1,
.mx-lg-1 {
    margin-right: 0.25rem !important; }
.mb-lg-1,
.my-lg-1 {
    margin-bottom: 0.25rem !important; }
.ml-lg-1,
.mx-lg-1 {
    margin-left: 0.25rem !important; }
.m-lg-2 {
    margin: 0.5rem !important; }
.mt-lg-2,
.my-lg-2 {
    margin-top: 0.5rem !important; }
.mr-lg-2,
.mx-lg-2 {
    margin-right: 0.5rem !important; }
.mb-lg-2,
.my-lg-2 {
    margin-bottom: 0.5rem !important; }
.ml-lg-2,
.mx-lg-2 {
    margin-left: 0.5rem !important; }
.m-lg-3 {
    margin: 1rem !important; }
.mt-lg-3,
.my-lg-3 {
    margin-top: 1rem !important; }
.mr-lg-3,
.mx-lg-3 {
    margin-right: 1rem !important; }
.mb-lg-3,
.my-lg-3 {
    margin-bottom: 1rem !important; }
.ml-lg-3,
.mx-lg-3 {
    margin-left: 1rem !important; }
.m-lg-4 {
    margin: 1.5rem !important; }
.mt-lg-4,
.my-lg-4 {
    margin-top: 1.5rem !important; }
.mr-lg-4,
.mx-lg-4 {
    margin-right: 1.5rem !important; }
.mb-lg-4,
.my-lg-4 {
    margin-bottom: 1.5rem !important; }
.ml-lg-4,
.mx-lg-4 {
    margin-left: 1.5rem !important; }
.m-lg-5 {
    margin: 3rem !important; }
.mt-lg-5,
.my-lg-5 {
    margin-top: 3rem !important; }
.mr-lg-5,
.mx-lg-5 {
    margin-right: 3rem !important; }
.mb-lg-5,
.my-lg-5 {
    margin-bottom: 3rem !important; }
.ml-lg-5,
.mx-lg-5 {
    margin-left: 3rem !important; }
.p-lg-0 {
    padding: 0 !important; }
.pt-lg-0,
.py-lg-0 {
    padding-top: 0 !important; }
.pr-lg-0,
.px-lg-0 {
    padding-right: 0 !important; }
.pb-lg-0,
.py-lg-0 {
    padding-bottom: 0 !important; }
.pl-lg-0,
.px-lg-0 {
    padding-left: 0 !important; }
.p-lg-1 {
    padding: 0.25rem !important; }
.pt-lg-1,
.py-lg-1 {
    padding-top: 0.25rem !important; }
.pr-lg-1,
.px-lg-1 {
    padding-right: 0.25rem !important; }
.pb-lg-1,
.py-lg-1 {
    padding-bottom: 0.25rem !important; }
.pl-lg-1,
.px-lg-1 {
    padding-left: 0.25rem !important; }
.p-lg-2 {
    padding: 0.5rem !important; }
.pt-lg-2,
.py-lg-2 {
    padding-top: 0.5rem !important; }
.pr-lg-2,
.px-lg-2 {
    padding-right: 0.5rem !important; }
.pb-lg-2,
.py-lg-2 {
    padding-bottom: 0.5rem !important; }
.pl-lg-2,
.px-lg-2 {
    padding-left: 0.5rem !important; }
.p-lg-3 {
    padding: 1rem !important; }
.pt-lg-3,
.py-lg-3 {
    padding-top: 1rem !important; }
.pr-lg-3,
.px-lg-3 {
    padding-right: 1rem !important; }
.pb-lg-3,
.py-lg-3 {
    padding-bottom: 1rem !important; }
.pl-lg-3,
.px-lg-3 {
    padding-left: 1rem !important; }
.p-lg-4 {
    padding: 1.5rem !important; }
.pt-lg-4,
.py-lg-4 {
    padding-top: 1.5rem !important; }
.pr-lg-4,
.px-lg-4 {
    padding-right: 1.5rem !important; }
.pb-lg-4,
.py-lg-4 {
    padding-bottom: 1.5rem !important; }
.pl-lg-4,
.px-lg-4 {
    padding-left: 1.5rem !important; }
.p-lg-5 {
    padding: 3rem !important; }
.pt-lg-5,
.py-lg-5 {
    padding-top: 3rem !important; }
.pr-lg-5,
.px-lg-5 {
    padding-right: 3rem !important; }
.pb-lg-5,
.py-lg-5 {
    padding-bottom: 3rem !important; }
.pl-lg-5,
.px-lg-5 {
    padding-left: 3rem !important; }
.m-lg-n1 {
    margin: -0.25rem !important; }
.mt-lg-n1,
.my-lg-n1 {
    margin-top: -0.25rem !important; }
.mr-lg-n1,
.mx-lg-n1 {
    margin-right: -0.25rem !important; }
.mb-lg-n1,
.my-lg-n1 {
    margin-bottom: -0.25rem !important; }
.ml-lg-n1,
.mx-lg-n1 {
    margin-left: -0.25rem !important; }
.m-lg-n2 {
    margin: -0.5rem !important; }
.mt-lg-n2,
.my-lg-n2 {
    margin-top: -0.5rem !important; }
.mr-lg-n2,
.mx-lg-n2 {
    margin-right: -0.5rem !important; }
.mb-lg-n2,
.my-lg-n2 {
    margin-bottom: -0.5rem !important; }
.ml-lg-n2,
.mx-lg-n2 {
    margin-left: -0.5rem !important; }
.m-lg-n3 {
    margin: -1rem !important; }
.mt-lg-n3,
.my-lg-n3 {
    margin-top: -1rem !important; }
.mr-lg-n3,
.mx-lg-n3 {
    margin-right: -1rem !important; }
.mb-lg-n3,
.my-lg-n3 {
    margin-bottom: -1rem !important; }
.ml-lg-n3,
.mx-lg-n3 {
    margin-left: -1rem !important; }
.m-lg-n4 {
    margin: -1.5rem !important; }
.mt-lg-n4,
.my-lg-n4 {
    margin-top: -1.5rem !important; }
.mr-lg-n4,
.mx-lg-n4 {
    margin-right: -1.5rem !important; }
.mb-lg-n4,
.my-lg-n4 {
    margin-bottom: -1.5rem !important; }
.ml-lg-n4,
.mx-lg-n4 {
    margin-left: -1.5rem !important; }
.m-lg-n5 {
    margin: -3rem !important; }
.mt-lg-n5,
.my-lg-n5 {
    margin-top: -3rem !important; }
.mr-lg-n5,
.mx-lg-n5 {
    margin-right: -3rem !important; }
.mb-lg-n5,
.my-lg-n5 {
    margin-bottom: -3rem !important; }
.ml-lg-n5,
.mx-lg-n5 {
    margin-left: -3rem !important; }
.m-lg-auto {
    margin: auto !important; }
.mt-lg-auto,
.my-lg-auto {
    margin-top: auto !important; }
.mr-lg-auto,
.mx-lg-auto {
    margin-right: auto !important; }
.mb-lg-auto,
.my-lg-auto {
    margin-bottom: auto !important; }
.ml-lg-auto,
.mx-lg-auto {
    margin-left: auto !important; } }

@media (min-width: 1399px) {
.m-xl-0 {
    margin: 0 !important; }
.mt-xl-0,
.my-xl-0 {
    margin-top: 0 !important; }
.mr-xl-0,
.mx-xl-0 {
    margin-right: 0 !important; }
.mb-xl-0,
.my-xl-0 {
    margin-bottom: 0 !important; }
.ml-xl-0,
.mx-xl-0 {
    margin-left: 0 !important; }
.m-xl-1 {
    margin: 0.25rem !important; }
.mt-xl-1,
.my-xl-1 {
    margin-top: 0.25rem !important; }
.mr-xl-1,
.mx-xl-1 {
    margin-right: 0.25rem !important; }
.mb-xl-1,
.my-xl-1 {
    margin-bottom: 0.25rem !important; }
.ml-xl-1,
.mx-xl-1 {
    margin-left: 0.25rem !important; }
.m-xl-2 {
    margin: 0.5rem !important; }
.mt-xl-2,
.my-xl-2 {
    margin-top: 0.5rem !important; }
.mr-xl-2,
.mx-xl-2 {
    margin-right: 0.5rem !important; }
.mb-xl-2,
.my-xl-2 {
    margin-bottom: 0.5rem !important; }
.ml-xl-2,
.mx-xl-2 {
    margin-left: 0.5rem !important; }
.m-xl-3 {
    margin: 1rem !important; }
.mt-xl-3,
.my-xl-3 {
    margin-top: 1rem !important; }
.mr-xl-3,
.mx-xl-3 {
    margin-right: 1rem !important; }
.mb-xl-3,
.my-xl-3 {
    margin-bottom: 1rem !important; }
.ml-xl-3,
.mx-xl-3 {
    margin-left: 1rem !important; }
.m-xl-4 {
    margin: 1.5rem !important; }
.mt-xl-4,
.my-xl-4 {
    margin-top: 1.5rem !important; }
.mr-xl-4,
.mx-xl-4 {
    margin-right: 1.5rem !important; }
.mb-xl-4,
.my-xl-4 {
    margin-bottom: 1.5rem !important; }
.ml-xl-4,
.mx-xl-4 {
    margin-left: 1.5rem !important; }
.m-xl-5 {
    margin: 3rem !important; }
.mt-xl-5,
.my-xl-5 {
    margin-top: 3rem !important; }
.mr-xl-5,
.mx-xl-5 {
    margin-right: 3rem !important; }
.mb-xl-5,
.my-xl-5 {
    margin-bottom: 3rem !important; }
.ml-xl-5,
.mx-xl-5 {
    margin-left: 3rem !important; }
.p-xl-0 {
    padding: 0 !important; }
.pt-xl-0,
.py-xl-0 {
    padding-top: 0 !important; }
.pr-xl-0,
.px-xl-0 {
    padding-right: 0 !important; }
.pb-xl-0,
.py-xl-0 {
    padding-bottom: 0 !important; }
.pl-xl-0,
.px-xl-0 {
    padding-left: 0 !important; }
.p-xl-1 {
    padding: 0.25rem !important; }
.pt-xl-1,
.py-xl-1 {
    padding-top: 0.25rem !important; }
.pr-xl-1,
.px-xl-1 {
    padding-right: 0.25rem !important; }
.pb-xl-1,
.py-xl-1 {
    padding-bottom: 0.25rem !important; }
.pl-xl-1,
.px-xl-1 {
    padding-left: 0.25rem !important; }
.p-xl-2 {
    padding: 0.5rem !important; }
.pt-xl-2,
.py-xl-2 {
    padding-top: 0.5rem !important; }
.pr-xl-2,
.px-xl-2 {
    padding-right: 0.5rem !important; }
.pb-xl-2,
.py-xl-2 {
    padding-bottom: 0.5rem !important; }
.pl-xl-2,
.px-xl-2 {
    padding-left: 0.5rem !important; }
.p-xl-3 {
    padding: 1rem !important; }
.pt-xl-3,
.py-xl-3 {
    padding-top: 1rem !important; }
.pr-xl-3,
.px-xl-3 {
    padding-right: 1rem !important; }
.pb-xl-3,
.py-xl-3 {
    padding-bottom: 1rem !important; }
.pl-xl-3,
.px-xl-3 {
    padding-left: 1rem !important; }
.p-xl-4 {
    padding: 1.5rem !important; }
.pt-xl-4,
.py-xl-4 {
    padding-top: 1.5rem !important; }
.pr-xl-4,
.px-xl-4 {
    padding-right: 1.5rem !important; }
.pb-xl-4,
.py-xl-4 {
    padding-bottom: 1.5rem !important; }
.pl-xl-4,
.px-xl-4 {
    padding-left: 1.5rem !important; }
.p-xl-5 {
    padding: 3rem !important; }
.pt-xl-5,
.py-xl-5 {
    padding-top: 3rem !important; }
.pr-xl-5,
.px-xl-5 {
    padding-right: 3rem !important; }
.pb-xl-5,
.py-xl-5 {
    padding-bottom: 3rem !important; }
.pl-xl-5,
.px-xl-5 {
    padding-left: 3rem !important; }
.m-xl-n1 {
    margin: -0.25rem !important; }
.mt-xl-n1,
.my-xl-n1 {
    margin-top: -0.25rem !important; }
.mr-xl-n1,
.mx-xl-n1 {
    margin-right: -0.25rem !important; }
.mb-xl-n1,
.my-xl-n1 {
    margin-bottom: -0.25rem !important; }
.ml-xl-n1,
.mx-xl-n1 {
    margin-left: -0.25rem !important; }
.m-xl-n2 {
    margin: -0.5rem !important; }
.mt-xl-n2,
.my-xl-n2 {
    margin-top: -0.5rem !important; }
.mr-xl-n2,
.mx-xl-n2 {
    margin-right: -0.5rem !important; }
.mb-xl-n2,
.my-xl-n2 {
    margin-bottom: -0.5rem !important; }
.ml-xl-n2,
.mx-xl-n2 {
    margin-left: -0.5rem !important; }
.m-xl-n3 {
    margin: -1rem !important; }
.mt-xl-n3,
.my-xl-n3 {
    margin-top: -1rem !important; }
.mr-xl-n3,
.mx-xl-n3 {
    margin-right: -1rem !important; }
.mb-xl-n3,
.my-xl-n3 {
    margin-bottom: -1rem !important; }
.ml-xl-n3,
.mx-xl-n3 {
    margin-left: -1rem !important; }
.m-xl-n4 {
    margin: -1.5rem !important; }
.mt-xl-n4,
.my-xl-n4 {
    margin-top: -1.5rem !important; }
.mr-xl-n4,
.mx-xl-n4 {
    margin-right: -1.5rem !important; }
.mb-xl-n4,
.my-xl-n4 {
    margin-bottom: -1.5rem !important; }
.ml-xl-n4,
.mx-xl-n4 {
    margin-left: -1.5rem !important; }
.m-xl-n5 {
    margin: -3rem !important; }
.mt-xl-n5,
.my-xl-n5 {
    margin-top: -3rem !important; }
.mr-xl-n5,
.mx-xl-n5 {
    margin-right: -3rem !important; }
.mb-xl-n5,
.my-xl-n5 {
    margin-bottom: -3rem !important; }
.ml-xl-n5,
.mx-xl-n5 {
    margin-left: -3rem !important; }
.m-xl-auto {
    margin: auto !important; }
.mt-xl-auto,
.my-xl-auto {
    margin-top: auto !important; }
.mr-xl-auto,
.mx-xl-auto {
    margin-right: auto !important; }
.mb-xl-auto,
.my-xl-auto {
    margin-bottom: auto !important; }
.ml-xl-auto,
.mx-xl-auto {
    margin-left: auto !important; } }
/* Global CSS End */
.trbrTimelineTopSection{border: 0px solid #d3d6db;border-radius: 0 0 3px 3px;}
.trbrProfileCover{background-color: #000;background-size: 100% !important;height: 225px;}
@media screen and (min-width: 768px){
    .jumbotron {padding-top: 0;padding-bottom: 0;}
}
.w-25 {width: 25% !important; }
.w-50 {width: 50% !important; }
.w-75 {width: 75% !important; }
.w-100 {width: 100% !important; }
.w-auto {width: auto !important; }

.trbrPosRelative{position: relative !important;}
.profilePic{
    position: absolute;
    width: 156px;
    height: 152px;
    top: -120px;
    left: 0;
    overflow: hidden;
}
.trbrProfilePicThumb {padding: 1px;box-shadow: none;height: 152px;left: 2em;margin-top: 0;width: 152px;display: block;border-radius: 100%;}
.trbrProfilePicThumb img{display: block;border-radius: 100%;width:152px;height:152px;border: solid 6px #ffffff;;box-sizing: border-box;}
.trbrProfilePicUpdateBox {
    position: absolute;
    width: 83px;
    height: 28px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, 60%);
    display: none;
    opacity: 0;
    border-radius: 14px;
    background-color: #000000;
    cursor: pointer;
}
.profilePic:hover > .trbrProfilePicUpdateBox{opacity: .5;transition: all 1s ease;display: block;cursor: pointer;}
.trbrProfilePicUpdate {
	width: 20px;
	height: 20px;
	object-fit: contain;
}
.trbrProfileCoverPicThumb {padding: 1px;box-shadow: none;height: 152px;left: 2em;margin-top: 0;width: 152px;display: block;border-radius: 100%;}
.trbrProfileCoverPicThumb img{display: block;border-radius: 100%;width:152px;height:152px;border: solid 6px #ffffff;;box-sizing: border-box;}
.trbrProfileCoverPicUpdateBox {
    position: absolute;
    padding: 0 8px;
    width: 119px;
    height: 28px;
    top: 100px;
    left: 10%;
    transform: translate(-50%, 60%);
    display: none;
    opacity: 0;
    border-radius: 14px;
    background-color: #000000;
    cursor: pointer;
}
.trbrProfileCoverPicUpdateBox .profileCoverPicInput, .trbrProfilePicUpdateBox .profilePicInput {font-size: 100px; position: absolute; left: 0; top: 0; opacity: 0;}
.trbrProfileCover:hover > .trbrProfileCoverPicUpdateBox{opacity: .5;transition: all 1s ease;display: block;cursor: pointer;}
.trbrProfileCoverPicUpdate {
	width: 20px;
	height: 20px;
	object-fit: contain;
}
.cover-update {
    width: 119px;
    height: 16px;
    font-family: Lato;
    font-size: 12px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.33;
    letter-spacing: normal;
    color: #ffffff;
}
::-webkit-file-upload-button {
    cursor:pointer;
}
.Update {
    width: 39px;
    height: 16px;
    font-family: Lato;
    font-size: 12px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.33;
    letter-spacing: normal;
    color: #ffffff;
}
.aboutProfile{position: relative;float: left;text-align: left;margin-top: 16px;}
.trbrProfileName {
    font-family: Lato;
    font-size: 32px;
    line-height: 1.25;
    color: #091e42;
}
.trbrProfileName small {
    font-family: Lato;
    font-size: 13px;
    line-height: 1.54;
    color: #5e6c84;
    display: block;
  }
.trbrProfileName small .text-style-1 {font-size: 11px;}
.trbrProfileBio {
    width: 100%;
    /* height: 72px; */
    font-family: Lato;
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: normal;
    color: #42526e;
  }
.trbrProfileBio span{display: block;}
.trbrProfileBio span.icons{display: inline-flex;}
.trbrProfileBio .text-style-1 {
    color: #0080ff;
  }
.links{float: left;position: relative;}
.linkIcon {
    width: 20px;
    height: 20px;
    object-fit: contain;
}
.trbrProfileBioLinks{border-radius: 4px;background-color: #f4f5f7;font-family: Lato;font-size: 12px;line-height: 1.33;color: #5e6c84;padding: 6px 10px;}
.trbrProfileBioLinks:hover{background: #edf0f5;}
.profilePage .more {font-family: Lato;font-size: 12px;line-height: 1.33;color: #0080ff;}
.profilePage .iconsBtn {width: 20px;height: 20px;object-fit: contain;margin-top: -5px;margin-right: 5px;}
.account-header>.dropdown{position: relative;}


.profilePage .btn{border-radius: 4px;border: solid 1px #0080ff;font-family: Lato;font-size: 11px;font-weight: bold;line-height: 1.27;letter-spacing: 0.1em;padding: 10px 15px;box-shadow: none;}
.profilePage .btn.btn-cta:hover{background-color: #ffffff;color: #0080ff;}
.profilePage .btn.btn-cta{background-color: #0080ff;color: #ffffff;}
.profilePage .btn.btn-cta.hollow {background-color: #fff; color: #0080ff;}
.profilePage .btn.btn-cta.hollow:hover {background-color: #0080ff; color: #ffffff;}
.profilePage .btn.btn-cta i.fa {font-size: 12px;top:0px;}
.profilePage select.invite{border-radius: 4px;font-family: Lato;font-size: 11px;font-weight: bold;line-height: 1.27;letter-spacing: 0.1em;padding: 10px 15px !important;box-shadow: none;height: 40px;}
.profilePage .triberr_bedge {width: 160px;height: 160px;object-fit: contain;display: block;}
.profilePage .triberrInfluence{
    position: absolute;
    width: 40px;
    height: 56px;
    text-shadow: 0 2px 0 rgba(0, 0, 0, 0.1);
    font-family: Saira;
    font-size: 44px;
    font-weight: 800;
    font-stretch: condensed;
    line-height: 1.27;
    color: #ffffff;
    top: 52px;
    left: 88px;
    transform: translate(-50%, -50%);
  }
.profilePage .totalReachTxt{
  font-family: Lato;
  font-size: 14px;
  line-height: 1.43;
  color: #7a869a;
  text-align: left;
}
.profilePage .totalReachNum{
  font-family: Lato;
  font-size: 26px;
  font-weight: 900;
  line-height: 1.38;
  color: #253858;
  text-align: left;
}
.mt-2_3{margin-top: 2.3rem !important;}
.profilePage .influencerStatsTtl {
    font-family: Lato;
    font-size: 16px;
    font-weight: bold;
    line-height: 1.5;
    color: #253858;
  }
.profilePage .influencerBoxes{
    border-radius: 6px;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.02);
    background-color: #ffffff;
    padding: 20px 25px;
}
.profilePage .influencerBoxes .k {
    font-family: Lato;
    font-size: 16px;
    line-height: 1.5;
    color: #253858;
}
.profilePage .influencerBoxes .verified {
    width: 16px;
    height: 16px;
    object-fit: contain;
    margin-left: 4px;
}
.profilePage .influencerBoxes .facebook {
    width: 32px;
    height: 32px;
    object-fit: contain;
    background-color: #F5F6FA;
    border-radius: 100%;
    margin-right: 8px;
}
.profilePage .influencerBoxes i.fa {
	padding: 10px;
    width: 32px;
    height: 32px;
    object-fit: contain;
    border-radius: 100%;
    margin-right: 8px;
}
.profilePage .influencerBoxes i.fa-facebook {
	background-color: #F5F6FA;
	padding: 10px 12px !important;
}
.profilePage .influencerBoxes i.fa-rss {
	background-color: #F7F8FA;
}
.profilePage .influencerBoxes i.fa-instagram {
	background-color: #FEF5FA;
	color: #FF3F7F;
}
.profilePage .influencerBoxes i.fa-pinterest {
	background-color: #FCF4F4;
	color: #CD282E;
}
.profilePage .influencerBoxes i.fa-linkedin {
	background-color: #F7F8FA;
}
.profilePage .influencerBoxes i.fa-youtube {
	background-color: #FFF2F2;
	color: #FF0000;
}
.profilePage .influencerBoxes i.fa-twitter {
	background-color: #F2FBFE;
}
.profilePage .responsiveTabs{
    max-width:100%;
    /* margin:auto; */
}
.profilePage ul#myTab.nav-tabs{margin-bottom: 20px !important;border-bottom: 1px solid #dfe1e6;}
.profilePage ul#myTab.nav-tabs li a{
    font-family: Lato;
    font-size: 11px;
    font-weight: bold;
    line-height: 1.45;
    letter-spacing: 0.5px;
    color: #253858;
    margin: 0;
    border: 0;
    padding:12px 15px 18px;
}
.profilePage ul#myTab.nav-tabs li a:hover{color: #0080ff;}
.profilePage ul#myTab>li.active>a{border:0;}
.nav>li>a:focus, .nav>li>a:hover{background:none;border: 0;}
.profilePage ul#myTab.nav-tabs li a::after, .profilePage ul#myTab>li.active>a::after{
    content: '';
    position: absolute;
    width: 0;
    height:3px;
    background: #f00;
    left: 0;
    bottom: -1px;
    transition: width .5s ease;
}
.profilePage ul#myTab>li.active>a::after{
    width: 100%;
}
.profilePage ul#myTab.nav-tabs>li{margin-bottom: 0;}
#myTabContent{border: 0;padding:0;}
.profilePage img.tabImg, .profilePage .sourceIcon img{max-width: 100%;vertical-align: unset;cursor:pointer;}
.profilePage .sourceIcon {width: 20px;height: 20px;object-fit: contain;position: absolute;top:-9px;right:7px;}
.profilePage .blogSourceIcon {background: #002C5D;border-radius: 50%;padding: 0px 6px;border: 2px solid #fff;position: absolute; top: -9px;right: 7px;}
.profilePage .blogSourceIcon i.fa {font-size:14px;color:#fff;}
.profilePage .row.tabContentseparation{padding: 27px 0 22px;border-bottom: 1px dashed #dfe1e6;margin: 0;}
.profilePage .row.tabContentseparation .postImageBox span.stream-body-img {max-height:150px;min-height:150px;overflow:hidden;}
/* .profilePage .row.tabContentseparation.{border-bottom: 0;} */
.profilePage .tabContentTtl{font-family: Lato;font-size: 24px;line-height: 1.33;color: #253858;margin-bottom: 0.5em;cursor:pointer;}
.profilePage .tabContentDiscription{font-family: Lato;font-size: 14px;line-height: 1.43;color: #42526e;margin-bottom: 0.5em;}
.profilePage .tabContentseparation .nav.nav-justified.stream-social {border-top: none !important; border-bottom: none !important;}
.profilePage .tabContentseparation .nav.nav-justified.stream-social li {border-right: none !important;}
.profilePage .tabContentseparation a{color: #0080ff;}
/*.profilePage .tabContentseparation a:hover{color: #253858;}*/
.rating{display: inline-block;margin-right:5px;}
.rating img{width: 16px;height: 16px;object-fit: contain;margin-right:-2px;}
.profilePage .tabContentCourcetTxt, .profilePage .tabContentCourcetTime {position:relative;display: inline-block;font-family: Lato;font-size: 11px;line-height: 1.45;color: #97a0af;margin-right:10px;}
.profilePage .tabContentCourcetTime {margin-right: 0px !important;}
.profilePage .tabContentCourcetTxt::after{content:'';position:absolute;top:7px;right:-8px;width: 3px;height: 3px;background: #7a869a;border-radius: 50%;}
.profilePage .tabContentReplyby{font-family: Lato;font-size: 14px;font-weight: bold;line-height: 1.43;color: #42526e;margin-top:23px;}
.profilePage .tabContentReplyby small{font-family: Lato;font-size: 12px;font-weight: normal;line-height: 1.33;color: #7a869a;display: block;}
.profilePage .tabContentReplyby img{width: 32px;height: 32px;float: left;border-radius: 50%;margin-right: 10px;}
.profilePage .tabContentReplyBox{position:relative;border-radius: 6px;border: solid 1px #dfe1e6;background-color: #ffffff;font-family: Lato;font-size: 14px;line-height: 1.43;color: #42526e;padding: 17px 16px;margin-top:10px;}
.profilePage .tabContentReplyBox::before{content: '';position: absolute;top: -7px;left: 3.3%;width: 11px;height: 11px;z-index: 1;background: url(../img/comment-arrow.png) 0 0 no-repeat;}
.profilePage .promote{background-color: #ffffff;font-family: Lato;font-size: 12px;line-height: 1.33;color: #0080ff;display: inline-block;padding: 3px 7px;cursor:pointer;}
.profilePage .promote:hover, .profilePage .stats:hover {border-radius: 4px;border: solid 1px #0080ff;}
.profilePage .stats{font-family: Lato;font-size: 12px;line-height: 1.33;color: #0080ff;display: inline-block;padding: 3px 7px;cursor:pointer;}
.profilePage .settingRectangle {
    border-radius: 4px;
    border: solid 1px #dfe1e6;
    background-color: #ffffff;
    padding: 5px 12px 7px;
    display: inline-block;
    /* float: left; */
    margin-right: 5px;
}
.profilePage .btn-group .btn+.btn{margin-left: 1px;}
.profilePage .btn-group, .profilePage .btn-group .btn-primary{font-family: Lato;
    font-size: 11px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 2.1;
    letter-spacing: 0.5px;
    color: #ffffff;
}
.profilePage .tabContentseparation .btn-group .dropdown-menu li a, .profilePage .profile-invite-dropdown li a {color: #253858; font-size:14px;}
.profilePage .profile-invite-dropdown {left:auto !important;}
.profilePage .tabContentseparation .btn-group .dropdown-menu li a:hover, .profilePage .profile-invite-dropdown li a:hover {background: #F4F5F7;}
.profilePage .tribesTabTtl{
  font-family: Lato;
  font-size: 16px;
  font-weight: 900;
  line-height: 1.25;
  color: #253858;
}
.profilePage .tribesDscrption{
    font-family: Lato;
    font-size: 14px;
    line-height: 1.43;
    color: #7a869a;
}
.fixedTopNav {
    position: fixed;
    width: 100%;
    background: #17386d;
    transition: all .5s ease;
}
.profilePage .tribesBox {display: -webkit-flex; -webkit-flex-wrap: wrap; display: flex; flex-wrap: wrap;}
.profilePage .tribesTabBox{border-radius: 4px;border: solid 1px #dfe1e6;background-color: #ffffff;padding:0;float: left; margin-bottom: 20px;width:100%;}
.profilePage .tribesTabBox:hover{box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.1);border: solid 1px #dfe1e6;}
.profilePage .tribesTabImg{height: 100px;overflow: hidden;}
.profilePage .tribesTabImg img{margin-top: -50%;transform: translateY(50%);width: 100%;}
.profilePage .tribesTabContents{padding:15px;margin-bottom:.4em;float: left;width:100%;}
.profilePage .tribesTabContents .tribeMetaBox {min-height:137px;}
.profilePage .membersTxt {font-family: Lato;font-size: 12px;line-height: 1.33;color: #97a0af;}
.profilePage .membersNum{font-family: Lato;font-size: 16px;font-weight: bold;line-height: 1.5;color: #253858;}
.profilePage .tribesTabContents .btnTribe{border-radius: 4px;background-color: #0080ff;font-family: Lato;font-size: 11px;font-weight: bold;line-height: 1.27;letter-spacing: 0.5px;text-align: center;color: #ffffff;width:100%;text-transform: uppercase;}
.profilePage .tribesTabContents .btnTribe a, .profilePage .tribesTabContents .btnViewTribe a:hover{width:100%;padding: 13px 0;display: block;color: #ffffff;}
.profilePage .tribesTabContents .btnTribe a:hover{border-radius: 4px;border: solid 1px #0080ff;background-color: #ffffff;}
.profilePage .tribesTabContents .btnTribe a:hover{color: #0080ff;}
.fixedSetting{
    position: fixed;
    right: 0;
    top: 15%;
    width: 40px;
    height: 40px;
    border-radius: 100px 0px 0px 100px;
    box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.1);
    border: solid 1px #dfe1e6;
    border-right: 0;
    background-color: #ffffff;
    cursor: pointer;
    z-index: 9;
}
.fixedSetting .close{position: absolute;width: 17px;height: 17px;margin: auto;top: 0;bottom: 0;left: 15px;}
.fixedSetting .close img {vertical-align: top;}
.adminSetting {
    position: fixed;
    right: -110%;
    top: 20%;
    width: 302px;
    box-shadow: -10px 0 38px 0 rgba(0, 0, 0, 0.1);
    background-color: #ffffff;
    z-index: 12;
    padding: 24px;
    max-height: calc(100% - 34%);
    overflow-y: auto;
    transition: all .5s ease;
}
.adminSetting.active{right: 0px;}
.adminSettingsTtl {
    font-family: Lato;
    font-size: 14px;
    font-weight: bold;
    line-height: 1.43;
    color: #42526e;
    margin-top: 6px;
    margin-bottom: 30px;
}
.adminSetting .boxes{
    float: left;
    width: 100%;
    border-radius: 4px;
    border: 1px solid #ccc;
    margin-top: 20px;
}
.adminSetting .boxHeading{
    background-color: #253858;
    font-family: Lato;
    font-size: 10px;
    font-weight: 900;
    line-height: 1.6;
    letter-spacing: 0.5px;
    color: #ffffff;
    padding: 8px 0 8px 16px;
    text-transform: uppercase;
}
.adminSetting .boxes ul li{
    font-family: Lato;
    font-size: 12px;
    line-height: 1.43;
    color: #42526e;
    border-bottom: 1px solid #ccc;
    margin: 14px 14px 0;
    padding-bottom: 14px;
}
.adminSetting .boxes ul li:last-child{border-bottom: 0;}
.adminSetting .boxes ul li .txt{width: 75%;display: inline-block;}
.adminSetting .boxes ul li .btn{
    float: right;
    font-family: Lato;
    font-size: 8px;
    font-weight: bold;
    line-height: 1.25;
    letter-spacing: 0.5px;
    border-radius: 2px;
    padding: 3px;
    float: right;
    margin-right: 0;
}
.adminSetting .boxes ul li .btn.reset{
    float: left;
    border-radius: 4px;
    border: solid 1px #0080ff;
    background-color: #ffffff;
    font-size: 11px;
    font-weight: bold;
    line-height: 1.27;
    letter-spacing: 0.5px;
    color: #0080ff;
    padding: 10px 13px;
    margin: 10px 0 15px;
}
.adminSetting .boxes ul li .btn.active{
    background-color: #e3fcef;
    color: #006644;
    box-shadow: none;
}
.adminSetting .boxes ul li .btn.inactive{
    background-color: #fffae6;
    color: #ff8b00;
}
.adminSetting .boxes ul li form label{font-family: Lato;
    font-size: 12px;
    padding-bottom: 5px;
    color: #42526e;}
.adminSetting .boxes ul li form input{ border-radius: 4px;
    border: solid 1px #dfe1e6;
    height:40px;
    background-color: #ffffff;}
.maxW160{max-width: 160px !important;}

.listView/*, .cardView*/{display: none;}
table.dataTable thead .sorting:after,
table.dataTable thead .sorting:before,
table.dataTable thead .sorting_asc:after,
table.dataTable thead .sorting_asc:before,
table.dataTable thead .sorting_asc_disabled:after,
table.dataTable thead .sorting_asc_disabled:before,
table.dataTable thead .sorting_desc:after,
table.dataTable thead .sorting_desc:before,
table.dataTable thead .sorting_desc_disabled:after,
table.dataTable thead .sorting_desc_disabled:before {
bottom: .5em;
}
#influencerStats th{text-transform: uppercase;font-family: Lato;
    font-size: 10px;
    font-weight: bold;
    line-height: 1.2;
    letter-spacing: 0.5px;
    border: 0 !important;
    text-align:center;
    color: #7a869a;}
#influencerStats .social_icons{width: 20px;}
#influencerStats tbody td{font-family: Lato;
    font-size: 16px;
    line-height: 1.44;
    text-align: center;
    border-left: 0;
    border-right: 0;
    min-width: 100px;
    color: #42526e;}
#influencerStats tbody td i.fa-twitter {margin-right:0px !important;}
#influencerStats tbody td i.fa-facebook {margin-right:5px !important;}
#influencerStats tbody td:first-child{text-align: left;min-width: 200px;}
#influencerStats tbody td:last-child{min-width: 140px;}
#influencerStats_filter .form-control{height: 20px;}
.profilePage .listView .dataTables_length select.form-control{margin: 0 auto;}
.profilePage .listView a{font-size: 16px;}
.profilePage .listView .dataTables_info{font-size: 14px;}
.pagination>li>a, .pagination>li>span{padding: 3px 10px;}
.profilePage .btn.cardViewBtn, .profilePage .btn.listViewBtn{cursor: pointer;padding:5px 10px;border: 1px solid #b0b2b5;font-family: Lato;font-size: 14px;margin-top: 9px;}
.profilePage .btn.cardViewBtn{border-radius: 50px 0 0 50px !important;}
.profilePage .btn.listViewBtn{border-radius: 0 50px 50px 0 !important;}
.profilePage .btn.cardViewBtn:hover, .profilePage .btn.listViewBtn:hover{background: #e4e5e6;}
.profilePage .btn.cardViewBtn.active, .profilePage .btn.listViewBtn.active{border-color: #337ab7;background: #337ab7;color: #fff;cursor: default;}
.profilePage .listView .dataTables_length {display: none;}
.profilePage.bg-gray .btn-group .btn+.btn{margin-left: 0px;}
.badgeBlock {display:inline-block;}
.profilePage .list-inline li {margin-bottom: 10px;}
.tabContentseparation .settings-box {background: #fff !important;color: #53617B !important;padding: 0px 12px !important;font-size: 16px !important;border: solid 1px #dfe1e6 !important;}
.tabContentseparation .settings-box:hover{color:#000 !important;}
.ban-someone-header {background-color: #f00 !important;}
.word-wrap {word-break: break-all; word-wrap: break-word;}
.cardView .row .col-sm-3 {margin-top: 1.5rem !important;}
.adminSetting .boxes ul li a {word-break: break-all; word-wrap: break-word;}
.profilePage .tabContentseparation .btn-group span.loader-addtoqueue, .profilePage .tabContentseparation .btn-group .stream-status {color:#000;}
.addMarginTop56 {margin-top:56px;}
#influencerStats thead tr th:first-child{text-align:left !important;}
.margin-right-10 { margin-right: 10px;}
.margin-right-12 { margin-right: 12px;}
.youtube-img-profile {
    margin-bottom: 7px;
    margin-top: 8px;
}
@media (min-width:1025px){
    .col-lg-6{width:50% !important;float: left;}
}
@media (min-width:1025px) and (max-width:1064px){
    .profilePage a.btn{font-size: 10px;padding: 10px 13px !important;}
    .profilePage select.invite{font-size: 10px;padding: 10px 8px !important;}
}
@media (min-width: 1025px) and (max-width: 1102px) {
    .bg-gray.profilePage .col-sm-3{width: 50%;margin: 1em 0;}
    .bg-gray.profilePage .row.my-4{margin: 0 auto !important;}
    .profilePage .tab-content .tab-pane .col-sm-3{width: 50% !important;margin: 1em auto;}
}
@media (min-width:768px) and (max-width:1024px){
    .profilePage .col-sm-3 {width: 50%;margin: 1em 0;}
    .profilePage .col-sm-6{width:50% !important;flex: 0 0 50%;max-width: 50%;float: left;}
    .profilePage .aboutProfile{margin-bottom: 20px;}
    .profilePage .list-inline.pl-3{padding-left: 0rem !important;}
    .tabContentseparation .col-md-3.text-right{text-align: left;margin-top: 1em;}
    .navbar-inverse .nav>li.active::after{width: 0;}
    .bg-gray.profilePage .row.my-4{margin: 0 auto !important;}
    .md-w50p{width: 50%;float: left;}

    .jumbotron{padding-top:0;}
    .navbar-toggle{margin-left: 10px;}
    .container-fluid>.navbar-collapse, .container-fluid>.navbar-header, .container>.navbar-collapse, .container>.navbar-header{display:inline-block;top:51px;}
    .navbar-collapse{margin: 8px 0 0 !important;}
    .navbar .nav{margin: 5px 0 0 0px;}
    .navbar-inverse .nav>li.active>a, .navbar-inverse .nav>li.active>a:hover, .navbar-inverse .nav>li>a:hover{color: #ffffff !important;background: #17386d !important;}
    .navbar .nav>li>a{color: #17386d !important;}
    .trbrTimelineTopSection{padding-bottom: 0;}
    .navbar .nav>li{text-align: left;}
    .profilePage a.btn{position: inherit;}
}
@media (max-width:767px){
    .jumbotron{padding-top:0;}
    .navbar-toggle{margin-left: 10px;}
    .navbar-inverse .nav>li.active::after{width: 0;}
    .container-fluid>.navbar-collapse, .container-fluid>.navbar-header, .container>.navbar-collapse, .container>.navbar-header{display:inline-block;top:51px;}
    /* .emailRectangle{right: 0px;} */
    .navbar-collapse{margin: 8px 0 0 !important;}
    .navbar .nav{margin: 5px 0 0 0px;}
    .navbar-inverse .nav>li.active>a, .navbar-inverse .nav>li.active>a:hover, .navbar-inverse .nav>li>a:hover{color: #ffffff !important;background: #17386d !important;}
    .navbar .nav>li>a{color: #17386d !important;}
    .panel-heading{padding:0;}
    .panel-title>.small, .panel-title>.small>a, .panel-title>a, .panel-title>small, .panel-title>small>a{display: block;padding: 10px 15px;}
    .trbrTimelineTopSection{padding-bottom: 0;}
    .bg-gray.profilePage .row.my-4{margin: 0 auto !important;}
    .maxW160{margin-left: 20%;}
    .profilePage .col-sm-12{padding:0 .4em;}
    .profilePage .cardView .col-sm-12{padding:0 15px;}
    .profilePage .col-md-6{float: left;margin: 1em auto;}
    .profilePage .tabContentseparation .col-md-6 {float:none !important;}
    .profilePage .col-sm-3 {margin: 1em 0;}
    .profilePage .col-sm-6{width:50% !important;flex: 0 0 50%;max-width: 50%;float: left;}
    .list-inline>li{margin-bottom: 10px;}
    .profilePage a.btn, .profilePage select.invite{padding:10px 10px !important;position: initial;}
    .trbrProfileBio{padding: 0 .5em 0 0;width: auto;height: auto;}
    .links{padding: 0 .5em 0 0;word-break: break-all;}
    .profilePage .tabContentReplyBox::before{z-index: 1;top: -7px;left: 6%;}
    .profilePage .tribesTabContents .col-sm-4{width:33% !important;flex: 0 0 33%;max-width: 33%;float: left;}
    .profilePage .tribesTabBox{margin-bottom: 1em;}
    .tabContentseparation .col-md-3.text-right{text-align: left;}
    .listView .table-responsive{border: 0 !important;}
    #influencerStats_filter .form-control{width: 73%;min-width: auto;padding: 15px 5px !important;}
    .mob-w100p{width: 100%;float: left;text-align: left;margin: 0 !important;}
    .listView .col-sm-6{width: 100% !important;flex: 0 0 100%;max-width: 100%;text-align: left;padding-left: 0;}
    .listView div.dataTables_wrapper div.dataTables_length, .listView div.dataTables_wrapper div.dataTables_filter, .listView div.dataTables_wrapper div.dataTables_info, .listView div.dataTables_wrapper div.dataTables_paginate{text-align: left;}
    .listView #influencerStats_wrapper .col-sm-7{padding-left: 0;margin: 10px 0;}
    /*.profilePage .totalReachNum, .profilePage .totalReachTxt{text-align: center;}*/
    .profilePage .cardView .totalReachNum, .profilePage .cardView .totalReachTxt{text-align: left;}
    .trbrProfileCoverPicUpdateBox { top: 8% !important;left: 20% !important;}
}
@media (max-width:992px) {
	.profilePage .tabContentseparation .nav.nav-justified.stream-social {margin-top:22px;}
}
@media (max-width:600px) {
	.profilePage .tribesBox .col-sm-6 {max-width:290px !important;width: auto !important;flex: none; float: left;}
}