@charset "utf-8";
/* CSS Document */


@font-face {
    font-family: 'Glyphicons Halflings';
    src: url('../fonts/glyphicons-halflings-regular.eot');
    src: url('../fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), url('../fonts/glyphicons-halflings-regular.woff') format('woff'), url('../fonts/glyphicons-halflings-regular.ttf') format('truetype'), url('../fonts/glyphicons-halflings-regular.svg#glyphicons-halflingsregular') format('svg');
}

body,h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6 { font-family: 'Open Sans', sans-serif; color: #5c656c;}
a:focus { outline:none !important; outline-offset:0;}
small{font-size: 13px; color: #acabab;}
body, html {
    background:#F2F3F8;
    height: 100%;
    outline:none;
}
.t-red { color: #f4494d; }
.ml-15 { margin-left: 15px; }
.mr-15 { margin-right: 15px; }
.img-responsive{display:inline;}
input[type="file"]:focus, input[type="checkbox"]:focus, input[type="radio"]:focus {outline: none; outline-offset: -2px;}
.collaps .collapsing{
    -moz-transition : height 5s;
    -webkit-transition : height 5s;
    -o-transition : height 5s;
    transition : height 5s;
}
.no-border-right{border-right: 0 !important;}
.btn-default.active, .btn-default.focus, .btn-default:active, .btn-default:focus, .btn-default:hover, .open > .dropdown-toggle.btn-default, .btn.active.focus, .btn.active:focus, .btn.focus, .btn.focus:active, .btn:active:focus, .btn:focus{
    outline:none !important;
}
a:hover{text-decoration:none;}
.navbar-inverse {background-color: #2a2d33; border-color: #080808; margin-bottom:0;}
.navbar-brand{height:auto;}
.menu-text {float: left;font-size: 20px;margin-right: 10px;margin-top: -3px;}
.support-text{font-size:22px !important; float: left; margin-right: 5px; margin-top: -3px;}
.navbar-inverse .nav > li > a {
    font-weight: 600;
    padding: 8px 15px;
    text-shadow: none !important;
}
.vip-member-header.navbar-inverse .nav > li > a {
    padding: 8px 10px;
}
.nav > li{border-right:solid 1px #464646;}
.third-level ul{display: none;background-color:#23252a}
.third-level.in ul{display: block}
.third-level li{margin-left:20px;}
.third-level .fa-angle-down{margin-left:20px;}
.navbar-right .dropdown-menu {left:-1px;right: -1px;}
.dropdown-menu > li > a {padding: 5px 12px;}
.navbar .avatar {
    float: right;
    height: 36px;
    width: 36px;
    margin-left: 15px;
    margin-top: -12px !important;
    overflow: hidden;
    position: relative;
    border-radius:100%;
    text-align:center;
    background-color: #fff;
}
.navbar .username {
    display: block;
    white-space: nowrap;
}
.header-gb .navbar-nav.header-menu,
.header-ss .navbar-nav.header-menu,
.header-nls .navbar-nav.header-menu {
    margin-top: 0;
}
.header-gb.navbar .navbar-brand {
    padding: 15px 15px;
}
.header-gb .nav > li > a,
.header-ss .nav > li > a,
.header-nls .nav > li > a {
    padding: 10px;
    font-size: 14px;
}
.header-menu {
    margin: 0;
    display: flex;
    align-items: center;
    height: 70px;
}
.dropdown-slim {
    margin-right: 15px;
}
.dropdown-slim {
    margin-right: 15px;
}
.dropdown-slim .dropdown {
    display: block;
}
.dropdown-slim .fullname,
.dropdown-slim .username {
    font-size: 12px;
    line-height: 16px;
    display: block;
    white-space: nowrap;
}
.header-menu .billing-info {
    font-size: 12px;
    line-height: 16px;
    padding-left: 42px !important;
    text-decoration: underline;
}
.dropdown-slim .avatar {
    float: left;
    height: 32px;
    width: 32px;
    margin: 0 5px 0 -10px !important;
    overflow: hidden;
    position: relative;
    border-radius: 50%;
    text-align: center;
    background: #ccc url('../images/avatar2.png') no-repeat center;
}
.dropdown-slim .caret {
    margin-left: 5px;
    vertical-align: middle;
    border-top: 6px dashed;
    border-right: 6px solid transparent;
    border-left: 6px solid transparent;
}
.dropdown-slim .dropdown-toggle {
    display: flex;
    align-items: center;
}
.billing-date {
    font-weight: 400;
    color: #fff;
}

.navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:focus, .navbar-inverse .navbar-nav > .open > a:hover{background-color: #2a2d33; color: #9d9d9d;}
.navbar {border-radius:0px;}
.wraper{
    width:100%;
    margin:20px 0;
}
.wraper2{
    width:100%;
    margin:20px 0 0 0;
}
.hr {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: #eee -moz-use-text-color -moz-use-text-color;
    border-image: none;
    border-right: 0 none;
    border-style: solid none none;
    border-width: 1px 0 0;
    margin-bottom: 20px;
    margin-top: 20px;
    display:block;
}

.navbar-inverse .navbar-toggle {border-color:#333; background:#FD4C52; }
.navbar-inverse .navbar-toggle:focus, .navbar-inverse .navbar-toggle:hover { background-color:#FD4C52;}

.nav-tabs > li {
    float: left;
    margin-bottom: 0;
}

.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:focus, .navbar-inverse .navbar-nav > .active > a:hover {
    background: #FD4C52 none repeat scroll 0 0;
    font-weight: 600;
}

.navbar-inverse .navbar-nav > .active-top > a{color: #FFF;}

.bootstrap-select .btn:focus { outline: none !important;}

.navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:focus, .navbar-inverse .navbar-nav > .open > a:hover {
    background-color: #fff;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    color: #2a2d33;
}
.collapse ul li .active {
    color:#FFF !important;
    font-weight: 700;
}
.collapse ul li .active a {color:#FFF !important;}

.dropActive { color: #fff !important;}

.nav>li.nls-level-badge>a {
    padding: 0 !important;
    border-radius: 0;
    background: none;
    width: 32px;
    height: 32px;
}
.nav>li.nls-level-badge>a>img{
    display: block;
    width: 100%;
    max-width: 100%;
}

.nls-level-badge .tooltip {
    width: 120px;
    left: 50%;
    margin-left: -60px;
    display: none;
    opacity: 1;
}

.nls-level-badge>a:hover + .tooltip {
    display: block;
}

.nb-container .nls-level-badge {
    margin-left: 10px;
}
.nb-container .nls-level-badge .tooltip {
    width: 90px;
    margin-left: -45px;
}
.nb-container .navbar-header {
    width: 16.66666667%;
    margin-left: -15px;
    padding-left: 15px;
}
.navbar-header-label-status {
    float: left;
    font-size: 18px;
    line-height: 22px;
     margin: 0 0 0 3px;
    color: #ffffff;
    display: flex;
    align-items: center;
    height: 58px;
}
.navbar-header-label-status.with-date {
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    height: 72px;
}
.status-public-name {
    font-size: 18px;
    line-height: 26px;
}
.billing-date2 {
    font-weight: 600;
    font-size: 12px;
    color: rgba(255,255,255,1);
    background: #fff;
    color: #000;
    padding: 1px 10px 0;
    line-height: 14px;
    border-radius: 10px;
    margin-top: 2px;
    opacity: .9;
}
.billing-info2 {
    font-weight: 600;
    font-size: 12px;
    color: rgba(255,255,255,1);
    background: #fff;
    color: #000;
    padding: 1px 10px 0;
    line-height: 14px;
    border-radius: 10px;
    margin-top: 4px;
    opacity: .9;
}
.billing-info2:hover {
    background: #fff;
    color: #000;
    opacity: 1;
}
@media only screen and (max-width: 1199px) {
    .nls-level-badge .tooltip {
        right: 0;
        left: auto;
        margin-left: 0;
    }
    .nls-level-badge .tooltip.bottom .tooltip-arrow {
        left: auto;
        right: 13px;
    }
    .nb-container .navbar-header {
        width: auto;
        margin-left: 0;
        padding-left: 0;
    }
    .navbar-header-label-status {
        font-size: 18px;
    }
}
.side-nav > li > a.link-disabled{
    color: #ffffff;
    font-family: "Open Sans", sans-serif;
    font-size: 22px;
    font-weight: 700;
    line-height: 24px;
    text-transform: uppercase;
    background-image: linear-gradient(to top, #fd4c52 0%, #a71017 100%);
    position: relative;
    padding: 7px 22px 6px !important;
}
.side-nav > li > a.link-disabled > strong{
    font-weight: 700;
}
.side-nav > li > a.link-disabled:hover{
    background-image: linear-gradient(to top, #a71017 0%, #fd4c52 100%)!important;
}
.side-nav > li > a.link-disabled span{
    font-size: 12px;
    text-transform: none;
}
.side-nav > li > a.link-disabled:before{
    width: 28px;
    height: 90px;
    box-shadow: inset -2px 1px 9px 1px rgba(0, 0, 0, 0.6);
    background-color: #741f00;
    position: absolute;
    content: '';
    top: 0;
    left: -18px;
    border-radius: 100%;
}
.side-nav > li > a.link-disabled:after{
    width: 28px;
    height: 90px;
    box-shadow: inset -2px 1px 9px 1px rgba(0, 0, 0, 0.6);
    background-color: #741f00;
    position: absolute;
    content: '';
    top: 0;
    right: -18px;
    border-radius: 100%;
}
/*----------------------------------- tab menu ---------------------------------------------------------*/
.container .navigation {
    position:relative;
    z-index:0;
}

.container .navigation div.main {
    position: relative;
}

.container .navigation div.main > a {
    display: inline-block;
    float: left;
    width: 20%;
    height: 107px;
    font-family: "Myriad Pro", Arial, sans-serif;
    font-size: 18px;
    line-height: 20px;
    color:#7B797D;
    background:#ffffff;
    border-bottom:1px #DDDDDC solid;
    border-right:1px #DDDDDC solid;
    text-decoration: none;
}

.container .navigation-free-ma div.main > a {
    width: 20%;
}

.container .navigation-vip div.main > a,
.container .navigation-4 div.main > a ,
.container .navigation-ar-only div.main > a {
    width: 25%;
}

.container .navigation div.main > a:first-child {
    border-left: 1px #DDDDDC solid;
}

.container .navigation div.main > a > div {
    position: relative;
    height: 100%;
    border-bottom: 8px #4B4F56 solid;
}

.container .navigation div.main > a:hover > div,
.container .navigation div.main > a > div.selected {
    border-bottom-color: #FD4C52;
    color: #FD4C52;
}

.container .navigation div.main > a span {
    z-index: 100;
    position: absolute;
    top: 50%;
    left: 90px;
    -webkit-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
    transform: translate(0, -50%);
}
.container .navigation div.main > a span sub {
    font-size: 85%;
    bottom: 0;
}

.container .navigation div.main .icon {
    width: 60px;
    height: 60px;
    background: url("../images/sprite_tabsicons.png") no-repeat 0 0;
    position: absolute;
    top: 20px;
    left: 20px;
    }

.container .navigation div.main .db .icon {background-position: 0px 0px; }
.container .navigation div.main .ts .icon { background-position: 0px -60px; }
.container .navigation div.main .tp .icon { background-position: 0px -180px; }
.container .navigation div.main .rt .icon { background-position: 0px -120px; }
.container .navigation div.main .pr .icon { background-position: 0px -240px; }
.container .navigation div.main .un .icon { background-position: 0px -185px; }

.container .navigation div.main .coming-soon {
    cursor: default;
}

.container .navigation div.main .coming-soon,
.container .navigation div.main .upgrade-now {
    position: relative;
}
.container .navigation div.main .coming-soon::before,
.container .navigation div.main .upgrade-now::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 93px;
    height: 75px;
    padding: 32px 10px 7px;
    font-size: 10px;
    font-weight: bold;
    text-align: center;
    text-transform: uppercase;
    color: #fff;
    z-index: 1;
}
.container .navigation div.main .upgrade-now::before {
    background: url('../images/status_service.png') no-repeat 0 -300px;
}
.container .navigation div.main .coming-soon::before {
    background: url('../images/status_service.png') no-repeat 0 -225px;
}

.container .navigation-nowbody-buddy div.main > a,
.container .navigation-ar-free div.main > a {
    width: 33.3%;
}
.container .navigation-nowbody-buddy div.main > a > div,
.container .navigation-ar-free div.main > a > div {
    padding: 19px 10px;
    text-align: center;
}
.container .navigation-nowbody-buddy div.main > a span,
.container .navigation-ar-free div.main > a span {
    position: static;
    vertical-align: middle;
}
.container .navigation-nowbody-buddy div.main .icon,
.container .navigation-ar-free div.main .icon {
    position: static;
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px;
}
.container .navigation-nowbody-buddy div.main > a .two-rows,
.container .navigation-ar-free div.main > a .two-rows {
    display: inline-block;
    height: 20px;
    text-align: left;
}

.container .navigation-gps div.main a[title="dashboard"] .icon {
    top: 0;
}
.container .navigation-gps div.main > a[title="dashboard"] span {
    top: 35%;
}

.main-tab-label {
    position: absolute;
    width: 20%;
    z-index: 10;
    text-align: center;
}
.navigation-free-ma .main-tab-label {
    width: 20%;
}
.navigation-4 .main-tab-label ,
.navigation-ar-only .main-tab-label {
    width: 25%;
}

a[title="dashboard"] + .main-tab-label {
    left: 0;
    bottom: -107px;
}

.main-tab-label > a {
    display: inline-block;
    padding: .1em .6em;
    background-color: #d9534f;
    color: #fff;
    font-size: 14px;
    font-weight: 400;
}
.main-tab-label > a:hover {
    background-color: #fd4c52;
}

a[title="dashboard"] + .main-tab-label > a {
    width: 50%;
    float: left;
    border: 1px solid #ddd;
}

.navigation-arfln .main-tab-label a[title="Health"],
.navigation-ar-only .main-tab-label a[title="Health"] {
    display: none;
}
.navigation-arfln .main-tab-label a[title="Business"],
.navigation-ar-only .main-tab-label a[title="Business"] {
    width: 100%;
}

.navigation-gps .main-tab-label a[title="Welcome"] {
    width: 100%;
}

.navigation-free-ma div.main > a.level-upgrade-today,
.navigation div.main > a.level-upgrade-today {
    font-size: 16px;
    line-height: 1.2em;
    color: #fff;

    background: #f4494c;
    background: -moz-linear-gradient(top, #f4494c 0%, #ac050d 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, #f4494c), color-stop(100%, #ac050d));
    background: -webkit-linear-gradient(top, #f4494c 0%, #ac050d 100%);
    background: -o-linear-gradient(top, #f4494c 0%, #ac050d 100%);
    background: -ms-linear-gradient(top, #f4494c 0%, #ac050d 100%);
    background: linear-gradient(to bottom, #f4494c 0%, #ac050d 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4494c', endColorstr='#ac050d', GradientType=0 );
}

.navigation-free-ma div.main > a.level-upgrade-today:hover,
.navigation div.main > a.level-upgrade-today:hover {
    color: #fff;
    background: #ac050d;
    background: -moz-linear-gradient(top, #ac050d 0%, #f4494c 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, #ac050d), color-stop(100%, #f4494c));
    background: -webkit-linear-gradient(top, #ac050d 0%, #f4494c 100%);
    background: -o-linear-gradient(top, #ac050d 0%, #f4494c 100%);
    background: -ms-linear-gradient(top, #ac050d 0%, #f4494c 100%);
    background: linear-gradient(to bottom, #ac050d 0%, #f4494c 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ac050d', endColorstr='#f4494c', GradientType=0 );
}

.navigation-free-ma div.main > a.level-upgrade-today:hover > div,
.navigation div.main > a.level-upgrade-today:hover > div {
    border-bottom-color: #4B4F56;
    color: #ffffff;
}

.navigation-free-ma div.main > a.level-upgrade-today > div,
.navigation div.main > a.level-upgrade-today > div {
    padding: 20px 15px 0 70px;
    background-image: url('../images/icon_checkbox.png');
    background-repeat: no-repeat;
    background-position: 20px center;
}

.navigation-free-ma div.main > a.level-upgrade-today span,
.navigation div.main > a.level-upgrade-today span {
    position: static;
    top: auto;
    left: auto;
    display: block;
    -webkit-transform: none;
    -moz-transform: none;
    transform: none;
    line-height: 1.25em;
}
.navigation-free-ma div.main > a.level-upgrade-today span:first-child,
.navigation div.main > a.level-upgrade-today span:first-child {
    text-transform: uppercase;
    font-weight: 600;
}

.navigation-free-ma div.main > a.level-upgrade-today span:not(:first-child),
.navigation div.main > a.level-upgrade-today span:not(:first-child) {
    font-size: 12px;
}

.account-level-wrapper {
    text-align: center;
    margin-top: 23px;
    white-space: nowrap;
}

.account-level-label {
    display: inline-block;
    width: 220px;
    height: 50px;
    border-radius: 25px;
    padding: 4px;
    text-align: left;
    background: #f6f6f6;
    text-decoration: none;
    background: -moz-linear-gradient(top, #f6f6f6 0%, #aeaeae 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, #f6f6f6), color-stop(100%, #aeaeae));
    background: -webkit-linear-gradient(top, #f6f6f6 0%, #aeaeae 100%);
    background: -o-linear-gradient(top, #f6f6f6 0%, #aeaeae 100%);
    background: -ms-linear-gradient(top, #f6f6f6 0%, #aeaeae 100%);
    background: linear-gradient(to bottom, #f6f6f6 0%, #aeaeae 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6f6f6', endColorstr='#aeaeae', GradientType=0 );
    white-space: normal;
}

.account-level-label:hover {
    background: #aeaeae;
    background: -moz-linear-gradient(top, #aeaeae 0%, #f6f6f6 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, #aeaeae), color-stop(100%, #f6f6f6));
    background: -webkit-linear-gradient(top, #aeaeae 0%, #f6f6f6 100%);
    background: -o-linear-gradient(top, #aeaeae 0%, #f6f6f6 100%);
    background: -ms-linear-gradient(top, #aeaeae 0%, #f6f6f6 100%);
    background: linear-gradient(to bottom, #aeaeae 0%, #f6f6f6 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#aeaeae', endColorstr='#f6f6f6', GradientType=0 );
}

.account-level-label:focus {
    text-decoration: none;
    outline: none;
}

.account-level-icon {
    float: left;
    margin-right: 8px;
    width: 42px;
    height: 42px;
    border-radius: 50%;
    text-align: center;
    background: #f4494c;
    background: -moz-linear-gradient(top, #f4494c 0%, #ac050d 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, #f4494c), color-stop(100%, #ac050d));
    background: -webkit-linear-gradient(top, #f4494c 0%, #ac050d 100%);
    background: -o-linear-gradient(top, #f4494c 0%, #ac050d 100%);
    background: -ms-linear-gradient(top, #f4494c 0%, #ac050d 100%);
    background: linear-gradient(to bottom, #f4494c 0%, #ac050d 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4494c', endColorstr='#ac050d', GradientType=0 );
    -webkit-box-shadow: -1px 2px 9px 1px rgba(0, 0, 0, 0.4) inset;
    -moz-box-shadow: -1px 2px 9px 1px rgba(0, 0, 0, 0.4) inset;
    box-shadow: -1px 2px 9px 1px rgba(0, 0, 0, 0.4) inset;
}

.account-level-icon .fa {
    font-size: 22px;
    line-height: 40px;
    color: #ffffff;
}

.account-level-title {
    margin-left: 50px;
    font-size: 22px;
    line-height: 1.1em;
    font-weight: 800;
    color: #4b4f56;
    text-transform: uppercase;
}

.account-level-title + span {
    display: block;
    margin-left: 50px;
    font-size: 12px;
    font-weight: 600;
    line-height: 1.1em;
    color: #4b4f56;
}
.btn-level-upgrade-today {
    display: inline-block;
    vertical-align: top;
    margin-top: -15px;
    margin-left: 10px;
    width: 210px;
    height: 80px;
    border-radius: 4px;
    background-image: linear-gradient(to top, #ac050d 0%, #f4494d 100%);
    color: #fff;
    text-align: left;
    white-space: normal;
}
.btn-level-upgrade-today>div {
    height: 80px;
    padding: 8px 10px 8px 60px;
    background-image: url(../images/icon_checkbox.png);
    background-repeat: no-repeat;
    background-position: 12px center;
    background-size: 38px 67px;
}
.btn-level-upgrade-today span:first-child {
    display: block;
    font-size: 16px;
    line-height: 16px;
    font-weight: 600;
    text-transform: uppercase;
    margin-bottom: 8px;
}
.btn-level-upgrade-today span:last-child {
    display: block;
    font-size: 12px;
    line-height: 12px;
    font-weight: 400;
}
.btn-level-upgrade-today:hover,
.btn-level-upgrade-today:focus {
    background-image: linear-gradient(to top, #f4494d 0%, #ac050d 100%);
    color: #ffffff;
}

.vip-member-header .account-level-label {
    width: 200px;
}
.vip-member-header .account-level-icon {
    margin-right: 3px;
}
.vip-member-header .btn-level-upgrade-today {
    margin-left: 0;
    width: 176px;
}
.vip-member-header  .btn-level-upgrade-today>div {
    padding: 8px 2px 8px 40px;
    background-position: 0 center;
}
.vip-member-header .btn-level-upgrade-today span:first-child {
    font-size: 14px;
}
.vip-member-header .btn-level-upgrade-today span:last-child {
    font-size: 11px;
}

/*------------------------ tab menu css end ----------------------------*/

/*-------------- step css ------------*/
.solutions {
    list-style: outside none none;
    margin-right: 10px;
    padding: 0;
    width:100%;
}
.solutions > a{	text-decoration:none; outline:none;}
.solutions .step {background: #ffffff url("../images/tick.png") no-repeat scroll 12px -204px;}

.solutions .step. current {background: #ffffff url("../images/tick.png") no-repeat scroll 12px -130px;}

.solutions h2 {
    font-size: 19px;
    font-weight: 600;
    margin: 12px 0 0;
    padding: 0;
    color:#434343;
}
.solutions h4 {
    color: #434343;
    font-size: 14px;
    font-weight: 600;
    margin: 5px 0 0;
    padding: 0;
}
.solutions li {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: #ffffff none repeat scroll 0 0;
    border-color: #dddddc #FD4C52 #dddddc #dddddc;
    border-image: none;
    border-style: solid;
    border-width: 1px 8px 1px 1px;
    cursor: pointer;
    height:91px;
    margin-bottom: 8px;
    padding: 10px 14px 10px 75px;
    position: relative;
    opacity:0.6;
}
.solutions .step:hover {
    background: #FD4C52 url("../images/tick.png") no-repeat scroll 12px -54px;
    color:#FFF;
}
.solutions .step:hover h2, .solutions .step:hover h4{ color: #FFF;}
.solutions .active, .solutions .active:hover, .solutions .active:active, .solutions .active > h2{
    background: #FFF url("../images/tick.png") no-repeat scroll 12px 18px;
    color: #434343 !important;
    opacity:1;

}
.solutions .active, .solutions .active:hover, .solutions .active > h4{color:#FD4C52 !important;}

/*-------------- step css end ------------*/


.text-indent-top-sm { margin-top: 20px; }
.text-indent-bottom-sm { margin-bottom: 20px; }
.text-indent-top-md { margin-top: 30px; }
.text-indent-bottom-md { margin-bottom: 30px; }
.text-indent-top-lg { margin-top: 40px; }
.text-indent-bottom-lg { margin-bottom: 40px; }

h1 {
    color: #5c656c;
    font-size: 26px;
    text-align: center;
}
.green-title{
    text-align: center;
    color: #FD4C52;
    font-size:20px;
    font-weight: 600;
}
.white-bg{
    background:#FFF;
    padding:12px 0;
    border: 1px solid #dddddc;
    overflow:hidden;
}
.white-bg2{
    background:#FFF;
    overflow:hidden;
    border: 1px solid #dddddc;
}
.white-bg-no-border {
    background:#FFF;
    overflow:hidden;
}
.hm-video{
    background:#FFF;
    padding:12px;
    border: 1px solid #dddddc;
}
/*.hm-services a {opacity:1;}
.hm-services a:hover {opacity: 0.8;}*/

.hm-box{width:100%; overflow:hidden;}
.hm-box-margin-top{margin-top:25px;}
.hm-img{
    width:100%;
    top:0;
    left:0;
    height:150px;
    overflow:hidden;
    transition: all 1s ease 0s;
}

.hm-img img{
    position:relative;
    width:100%;
}
.hm-services .hm-img:hover{
    width:120%;
}
.hm-text{
    position:absolute;
    z-index:99;
    width:100%;
    text-align:center;
    top:30px;
    left:0;
}
.hm-text h1{
    color: #FFF;
    font-size: 22px;
    display:block;
    text-align:center;
    margin:10px 0;
}
.hm-text h2{
    margin:0;
    color: #FFF;
    font-size:20px;
    display:block;
    text-align:center;
    text-transform: uppercase;
    font-weight:300;
}
.fb-text h1{color:#FFF;}
.fb-text h2{color:#7f7f7f;}
.hm-box-title{
    width:100%;
    padding:10px 0;
    text-align:center;
    display:block;
    font-size:16px;
    clear:both;
    color:#FFF;
}
.fb-bg{background:#3b5e9d;}
.green-bg{background:#FD4C52;}
.org-bg{background:#f1a14e;}

.modal-dialog {z-index: 1041;}
.modal-content { border-top: 5px solid #FD4C52;}
.modal-alert .modal-dialog {
    max-width: 400px;
}
.modal-alert .modal-content {
    border-radius: 0;
    border: 0;
    border-top: 5px solid #FD4C52;
}
.modal-alert .modal-header {
    padding-bottom: 0;
    border: 0;
}
.modal-alert .modal-body {
    padding: 20px 15px;
}
.modal-alert p.text {
    font-size: 16px;
    color: #222222;
    margin-bottom: 30px;
}
.modal-alert .btn-default{
    min-width: 100px;
    border: 2px solid #d2d2d2;
}

.close {
    background: url("../images/popup_close_buttons.png") no-repeat scroll -12px -8px rgba(0, 0, 0, 0) !important;
    display: block;
    height: 30px !important;
    width: 30px !important;
}
.close:hover {
    background: url("../images/popup_close_buttons.png") no-repeat scroll -184px -8px rgba(0, 0, 0, 0) !important;
}

.story-submit {
    clear:both;
    padding-bottom:30px;
    padding-top:30px;
    text-align: center;
}
.story-submit .btn {
    background: none repeat scroll 0 0 #FD4C52;
    padding:10px 20px;
    border:0;
    color:#FFF;
}
.story-submit .btn:hover { background: none repeat scroll 0 0 #121212;}
.vslider-inner .video-box {
    cursor: pointer;
    float: left;
    height: auto;
    margin-top: 5px;
    position: relative;
    margin-bottom:20px;
}
.video-box img{width:100%;}
.video-box .info {
    background: rgba(0, 0, 0, 0.7) none repeat scroll 0 0;
    bottom: 0;
    min-height: 95px;
    padding: 12px;
    position: absolute;
    width: 92%;
}
.video-box .info {border-bottom: 5px solid #FD4C52;}
.video-box .more {
    background: rgba(0, 0, 0, 0.8);
    bottom: 0;
    height: 67px;
    position: absolute;
    right: 16px;
    width: 66px;
    margin-bottom:5px;
}
.video-box .more span {
    background: url("../images/arrows.png") no-repeat scroll -184px -11px rgba(0, 0, 0, 0);
    display: block;
    height: 100%;
    width: 100%;
}
.video-box .info h2 {
    color: #ffffff;
    font-size: 16px;
    font-weight: 300;
    line-height: 22px;
    margin: 0;
    padding: 0;
}
.video-box .info span {
    color: #ffffff;
    font-size: 14px;
    font-weight:300;
}

/*--------------------- tool suite reliable reach ------------------*/

.sub-nav{
    width:100%;
    background:#FFF;
    overflow:hidden;
    margin-top:20px;
    border: 1px solid #c4c3c3;
    border-bottom-color: transparent;
}
.sub-nav ul{
    list-style: none;
    padding:0;
    margin-bottom:0;
    border-bottom: 1px solid #c4c3c3;
}

.sub-nav ul li{
    float: left;
    background: none repeat scroll 0 0 #f2f2f2;
    border-top: 1px solid #c4c3c3;
    border-bottom: 1px solid #c4c3c3;
    border-right: 1px solid #c4c3c3;
    border-left: 1px solid #c4c3c3;
    cursor: pointer;
    position: relative;
    overflow: hidden;
}

.sub-nav ul li:first-child {
    border-left: none;
    /*border-left-color: transparent;*/
}

.sub-nav ul li + li {
    margin-left: -1px;
}

.sub-nav ul li a{
    display: block;
    padding: 10px 5px;
    border-top: 4px solid transparent;
    overflow: hidden;
    height: 74px;
    min-width: 120px;
}

.sub-nav ul li a:hover {
    border-top: 4px solid #FD4C52;
    color: #FD4C52;
}

.noborder-top{border-top:none !important;}
.sub-nav-border{ border-left: 1px solid #c4c3c3; border-right: 1px solid #c4c3c3; padding-top:10px;}

.sub-nav .icon {
    display: block;
    float: left;
    vertical-align: top;
    height: 50px;
    width: 40px;
    color: #aeaeae;
    text-align: center;
}
.sub-nav a:hover .icon, .sub-nav .selected .icon {
    color: #FD4C52;
}
.sub-nav .tab-title {
    display: block;
    margin-top: 12px;
    float: left;
    vertical-align: top;
    color: #868686;
    font-size: 14px;
    font-weight: 600;
    white-space: nowrap;
}
.sub-nav a:hover .tab-title, .sub-nav .selected .tab-title {
    color: #FD4C52;
}
.sub-nav .sport-supplement .tab-title,
.sub-nav .guaranteed-signup-offer .tab-title,
.sub-nav .build-your-list .tab-title,
.sub-nav .local-marketing .tab-title,
.sub-nav .tab-title.two-rows
 {
    margin-top: 0;
}
.sub-nav .rr .icon {
    background: url("../images/subnav.png");
    background-position: -756px -24px;
    background-repeat: no-repeat;
    width:70px;
}
.sub-nav .mt .icon {
    background: url("../images/subnav.png");
    background-position: -656px -26px;
    background-repeat: no-repeat;
}
.sub-nav .email-system .icon {
    background: url("../images/subnav.png");
    background-position: -405px -26px;
    background-repeat: no-repeat;
}

.sub-nav .icon .fa {
    font-size: 26px;
    line-height: 40px;
}

.sub-nav .ar .icon {
    background: url("../images/subnav.png");
    background-position: -769px -26px;
    background-repeat: no-repeat;
    margin-right: 4px;
}

.sub-nav .lcs .icon {
    background: url("../images/subnav.png");
    background-position: -30px -23px;
    background-repeat: no-repeat;
}
.sub-nav .ves .icon {
    background: url("../images/subnav.png");
    background-position: -150px -26px;
    background-repeat: no-repeat;
}
.sub-nav .cr .icon {
    background: url("../images/subnav.png");
    background-position: -270px -26px;
    background-repeat: no-repeat;
}
.sub-nav .blog .icon {
    background-image: url("../images/subnav.png");
    background-position: -538px -26px;
    background-repeat: no-repeat;
}
.sub-nav .conference .icon {
    background-image: url("../images/subnav.png");
    background-position: -880px -26px;
    background-repeat: no-repeat;
}
.sub-nav .pb .icon {
    background-image: url("../images/subnav.png");
    background-position: -990px -26px;
    background-repeat: no-repeat;
}
.sub-nav .lipoxplus .icon {
    background-image: url("../images/lipoxplus_icon.png");
    background-position: -4px 0;
    background-repeat: no-repeat;
}

.sub-nav .selected .tab-title {color:#FD4C52;}
.sub-nav .selected {
    background: none repeat scroll 0 0 #FFF;
    border-bottom: 1px solid #FFF;
    margin-bottom: -1px;
}

.sub-nav .selected a {
    border-top-color: #FD4C52;
}
.sub-nav .email-system.selected .icon, .sub-nav .email-system a:hover .icon {background-position: -405px -106px;}
.sub-nav .ar.selected .icon, .sub-nav .ar a:hover .icon {background-position: -769px -106px;}
.sub-nav .rr.selected .icon, .sub-nav .rr a:hover .icon {background-position: -756px -103px;}
.sub-nav .mt.selected .icon, .sub-nav .mt a:hover .icon {background-position: -656px -103px;}
.sub-nav .lcs.selected .icon, .sub-nav .lcs a:hover .icon {background-position: -30px -103px;}
.sub-nav .ves.selected .icon, .sub-nav .ves a:hover .icon {background-position: -150px -103px;}
.sub-nav .cr.selected .icon, .sub-nav .cr a:hover .icon {background-position: -270px -103px;}
.sub-nav .conference.selected .icon, .sub-nav .conference a:hover .icon {background-position: -880px -103px;}
.sub-nav .pb.selected .icon, .sub-nav .pb a:hover .icon {background-position: -990px -104px;}

.sub-nav ul li.not-available a,
.sub-nav ul li.suspended a,
.sub-nav ul li.upgrade a {
    cursor: default;
    opacity: .85;
    filter: alpha(opacity=85);
}
.sub-nav ul li.upgrade-now a:hover,
.sub-nav ul li.not-available a:hover,
.sub-nav ul li.suspended a:hover,
.sub-nav ul li.upgrade a:hover {
    border-color: transparent;
}
.sub-nav ul li.selected.upgrade-now a:hover,
.sub-nav ul li.selected.not-available a:hover,
.sub-nav ul li.selected.suspended a:hover,
.sub-nav ul li.selected.upgrade a:hover {
    border-top: 4px solid #FD4C52;
}
.sub-nav ul li.not-available a::before,
.sub-nav ul li.suspended a::before,
.sub-nav ul li.upgrade a::before,
.sub-nav ul li.coming-soon a::before,
.sub-nav ul li.upgrade-now a::before,
.sub-nav ul li.purchase a::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 93px;
    height: 75px;
    padding: 32px 10px 7px;
    font-size: 10px;
    font-weight: bold;
    text-align: center;
    text-transform: uppercase;
    color: #fff;
    z-index: 1;
}
.sub-nav ul li.not-available a::before {
    background: url('../images/status_service.png') no-repeat 0 0px;
}
.sub-nav ul li.suspended a::before {
    background: url('../images/status_service.png') no-repeat 0 -75px;
}
.sub-nav ul li.upgrade a::before {
    background: url('../images/status_service.png') no-repeat 0 -150px;
}
.sub-nav ul li.coming-soon a::before {
    background: url('../images/status_service.png') no-repeat 0 -225px;
}
.sub-nav ul li.upgrade-now a::before {
    background: url('../images/status_service.png') no-repeat 0 -300px;
}
.sub-nav ul li.purchase a::before {
    background: url('../images/status_service.png') no-repeat 0 -376px;
}
.sub-nav ul li.coming-soon{
    pointer-events: none;
    cursor: default;
}
.sub-nav ul li.coming-soon a{
    pointer-events: none;
    cursor: default;
}

.sub-nav h5 a {
    color: #197b30;
    display: block;
    font-size: 14px;
    font-weight: bold;
    outline:none;
}

.sub-nav .tab-title > em {
    display: block;
    font-size: 90%;
    text-shadow: 1px 1px 0 #fff;
}

/*-------*/

.inner-wraper{width: 100%;}
.inner-wraper .title {
    min-height: 47px;
    background: url("../images/title_border_intro.png") no-repeat scroll 50px 40px rgba(0, 0, 0, 0);
    margin-bottom: 15px;
    margin-top: 15px;
}
.inner-wraper .ring-green, .inner-wraper .ring-blue {
    border-radius: 100%;
    width: 47px;
    height: 47px;
    border: solid 1px #FD4C52;
    margin-left: -15px;
    float:left;
    display:block;
    color: #FD4C52;
}

.inner-wraper .title .dashboard {background: url("../images/sidebar.png") no-repeat scroll -1525px -145px rgba(0, 0, 0, 0);}
.inner-wraper .title .whats-new { background:url("../images/sidebar.png") -1580px -145px no-repeat; }
.inner-wraper .title .stats {background: url("../images/sidebar.png") no-repeat scroll -1355px -145px rgba(0, 0, 0, 0);}
.inner-wraper .title .list {background: url("../images/sidebar.png") no-repeat scroll -1410px -145px rgba(0, 0, 0, 0);}
.inner-wraper .message {background: url("../images/sidebar.png") no-repeat scroll -624px -145px rgba(0, 0, 0, 0);}
.inner-wraper .title .settings {background: url("../images/sidebar.png") no-repeat scroll -2074px -145px rgba(0, 0, 0, 0);}
.inner-wraper .title .add-campaign { background:url("../images/sidebar.png") -1466px -145px no-repeat; }
.inner-wraper .title .campaign { background:url("../images/sidebar.png") -1580px -145px no-repeat; }
.inner-wraper .title .custom {background: url("../images/sidebar.png") no-repeat scroll -69px -145px rgba(0, 0, 0, 0);}
.inner-wraper .title .automation-rules { background:url("../images/sidebar.png") -125px -145px no-repeat; }
.inner-wraper .title .tlist { background:url("../images/sidebar.png") -179px -144px no-repeat; }
.inner-wraper .title .tstats {background: url("../images/sidebar.png") no-repeat scroll -233px -145px rgba(0, 0, 0, 0);}
.inner-wraper .title .complaints {background: url("../images/sidebar.png") no-repeat scroll -291px -145px rgba(0, 0, 0, 0);}
.inner-wraper .title .spam {background: url("../images/sidebar.png") no-repeat scroll -970px -145px rgba(0, 0, 0, 0);}
.inner-wraper .title .follow-up { background:url("../images/sidebar.png") -347px -145px no-repeat; }
.inner-wraper .title .add-follow-up { background:url("../images/sidebar.png") -403px -145px no-repeat; }
.inner-wraper .title .follow-up-manager { background:url("../images/sidebar.png") -458px -145px no-repeat; }
.inner-wraper .title .send-broadcast { background:url("../images/sidebar.png") -569px -145px no-repeat; }
.inner-wraper .title .block { background:url("../images/sidebar.png") -913px -145px no-repeat; }
.inner-wraper .title .logs { background:url("../images/sidebar.png") -1023px -145px no-repeat; }
.inner-wraper .title .bonus { background:url("../images/sidebar.png") -1580px -145px no-repeat; }
.inner-wraper .title .broadcast {background: url("../images/sidebar.png") no-repeat scroll -513px -145px rgba(0, 0, 0, 0);}
.inner-wraper .title .search {background: url("../images/sidebar.png") no-repeat scroll -680px -145px rgba(0, 0, 0, 0);}
.inner-wraper .title .subscribers {background: url("../images/sidebar.png") no-repeat scroll -1246px -145px rgba(0, 0, 0, 0);}
.inner-wraper .title .unsubscribe {background: url("../images/sidebar.png") no-repeat scroll -858px -145px rgba(0, 0, 0, 0);}
.inner-wraper .title .suppress {background: url("../images/sidebar.png") no-repeat scroll -969px -145px rgba(0, 0, 0, 0);}
.inner-wraper .title .manual{background: url("../images/sidebar.png") no-repeat scroll -1132px -145px rgba(0, 0, 0, 0);}
.inner-wraper .title .intro {background: url("../images/sidebar.png") no-repeat scroll -2342px -145px rgba(0, 0, 0, 0);}
.inner-wraper .title .records {background: url("../images/sidebar.png") no-repeat scroll -2720px -142px rgba(0, 0, 0, 0);}
.inner-wraper .title .status { background: url("../images/sidebar.png") no-repeat scroll -1964px -145px rgba(0, 0, 0, 0);}
.inner-wraper .title .theme { background: url("../images/sidebar.png") no-repeat scroll -2183px -145px rgba(0, 0, 0, 0);}
.inner-wraper .title .code {background: url("../images/sidebar.png") no-repeat scroll -2019px -145px rgba(0, 0, 0, 0);}
.inner-wraper .title .share {background: url("../images/sidebar.png") no-repeat scroll -2776px -145px rgba(0, 0, 0, 0);}
.inner-wraper .title .fbl {background: url("../images/sidebar.png") no-repeat scroll -2831px -145px rgba(0, 0, 0, 0);}
.inner-wraper .title .confer {background: url("../images/sidebar.png") no-repeat scroll -2944px -145px rgba(0, 0, 0, 0);}
.inner-wraper .title .pb {background: url("../images/sidebar.png") no-repeat scroll -2998px -145px rgba(0, 0, 0, 0);}
.inner-wraper .title .graph {background: url("../images/sidebar.png") no-repeat scroll -1634px -145px rgba(0, 0, 0, 0);}


.inner-wraper .ring-green .icon , .inner-wraper .ring-blue .icon{
    display: block;
    height: 47px;
    margin-top: -5px;
    width: 47px;
}
.inner-wraper .title h2, .inner-wraper .title2 h2 {
    float:left;
    display:block;
    padding-top:0px;
    font-size: 24px;
    margin:12px 0 0 15px;
    color: #333;
    font-weight:300;
}
.inner-wraper h2.title-red{
    color: #f4494d;
    font-size: 30px;
    font-weight: 700;
    text-transform: uppercase;
    text-align: center;
    margin-bottom: 30px;
}
.inner-wraper .title-contest{
    color: #5c656c;
    text-align: center;
    font-size: 16px;
    line-height: 1.6em;
    font-weight: 400;
}
.inner-wraper .img-resp{
    display: block;
    margin: 0 auto;
}
.inner-wraper .title-contest-link{
    color: #f4494d;
    text-decoration: underline;
}
.inner-wraper .vid-toggle {
    background: url("../images/row_toggle.png") no-repeat scroll right -92px rgba(0, 0, 0, 0) ;
    cursor: pointer;
    height: 50px;
    margin-top: 15px;
    margin-bottom: 15px;
}

.inner-wraper .collapsed .vid-toggle {
    background: url("../images/row_toggle.png") no-repeat scroll right -236px rgba(0, 0, 0, 0) ;
}

.inner-wraper .toggle2 {
    background: rgba(0, 0, 0, 0) url("../images/row_toggle.png") no-repeat scroll 100% -92px;
    cursor: pointer;
    height: 50px;
    margin-bottom: 15px;
    margin-top: 15px;
}

.inner-wraper .collapsed .toggle2 {
    background: rgba(0, 0, 0, 0) url("../images/row_toggle.png") no-repeat scroll 100% -237px;
}

.tr-video-btn {
    display: inline-block;
    height: 58px;
    padding: 5px 10px;
    margin-top: 10px;
    margin-bottom: 15px;
    margin-right: -14px;
    text-align: right;
    text-decoration: none;
    background-color: #fb8139;
    border-radius: 4px;
    -webkit-box-shadow: 2px 1px 12px rgba(0,0,0,.1);
    box-shadow: 2px 1px 12px rgba(0,0,0,.1);
}
.tr-video-btn:hover {
    box-shadow: none;
    background-color: #fb8139;
    color: #ffffff;
    text-decoration: none;
}
.tr-video-btn:focus {
    background-color: #fb8139;
    color: #ffffff;
    text-decoration: none;
}
.tr-video-btn { max-width: 175px; }
.tr-video-btn.collapsed { max-width: 257px; }

.tr-video-btn span {
    display: inline-block;
    padding-left: 40px;
    line-height: 25px;
    height: 27px;
    color: #ffffff;
    text-transform: uppercase;
    white-space: nowrap;
    font-size: 14px;
    font-weight: 700;
    font-family: 'Open Sans', sans-serif;
    background: url('../images/tr-video-collapse-icons-white.png') no-repeat;
}
.tr-video-btn span.text-hide { background-position: 0 -27px; }
.tr-video-btn span.text-show { background-position: 0 0; }

.tr-video-btn span.text-hide { display: block; }
.tr-video-btn.collapsed span.text-hide { display: none; }

.tr-video-btn span.text-show { display: none; }
.tr-video-btn.collapsed span.text-show { display: block; }

.tr-video-btn small {
    display: inline-block;
    font-size: 12px;
    line-height: 18px;
    font-weight: 600;
    height: 18px;
    padding-left: 5px;
    padding-right: 5px;
    position: relative;
    color: #fb8139;
    background-color: #ffffff;
}
.tr-video-btn small::before {
    content: '';
    display: block;
    width: 0;
    min-height: 0;
    border: 18px solid transparent;
    border-width: 0 12px 18px 0;
    border-right-color: #ffffff;
    position: absolute;
    top: 0;
    right: 100%;
}

.intro-vid-list {
    margin-left: 10px;
}
.intro-vid-list li a {color: #ccc;}
.intro-vid-list li.activeVid a {color: #848181;}

.intro-vid-list li {
    background: #f4f5f7 none repeat scroll 0 0;
    border: 1px solid #a3a1a2;
    border-radius: 8px;
    font-size: 18px;
    font-weight: 600;
    height: 70px;
    margin-top: 15px;
    padding: 5px 12px;
}
.intro-vid-list li i{
    font-size:50px;
    float:left;
}
.intro-vid-list li .text{
    display:block;
    margin:12px 0 0 10px;
    float:left;
}
.intro-vid-list li span.eye {
    display: inline-block;
    float: right;
    font-size: 20px;
    margin-right: 0;
    margin-top: 4px;
    padding-left: 10px;
    padding-right: 0;
}
.intro-vid-list li span.videoLength {
    display: inline-block;
    float: right;
    font-size: 14px;
    font-weight: bold;
    margin-right: 0;
    margin-top: 4px;
}
.vid-bg {
    /*max-width: 800px;*/
    margin: 0 auto 15px;
    background: none repeat scroll 0 0 #f8f8f8;
    border: 1px solid #dddddc;
    padding: 10px;
}

.green-border-bottom{border-bottom: 5px solid #FD4C52;}

.footer {
    color: #a4a4a4;
    font-size: 15px;
    font-weight:600;
    padding:20px 0 50px 0;
}
.footer a {
    color: #a4a4a4;
    text-decoration: none;
}
.footer span {
    margin: 0 10px;
}

.footer span.green {
    color: #FD4C52;
}

/*---------------------------- sidebar menu css ---------------------------------------*/


.navbar-collapse{
    padding-left:0;
    padding-right:0;
}

.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:focus, .navbar-inverse .navbar-nav > .active > a:hover{
    background:#FD4C52;
    font-weight:600;
}

.side-nav .icon {
    display: block;
    float: left;
    height: 22px;
    margin-right: 12px;
    width: 25px;
}

.navbar-inverse .nav > li > a.btn-bug {
    color: #fff;
    background-color: #d9534f;
}
.navbar-inverse .nav > li > a.btn-bug:hover {
    background-color: transparent;
    color: #d9534f;
    border-color: #d9534f;
}

/*---*/
.stats {background: url("../images/sidebar.png") -1365px -28px no-repeat; }
.side-nav .selected .stats { background: url("../images/sidebar.png") -1365px -368px no-repeat; }

.list { background: url("../images/sidebar.png") -1422px -28px no-repeat; }
.side-nav .selected .list { background: url("../images/sidebar.png") -1422px -368px no-repeat; }

.add-campaign { background: url("../images/sidebar.png") -1478px -28px no-repeat; }
.side-nav .selected .add-campaign { background: url("../images/sidebar.png") -1478px -368px no-repeat; }

.supportCampaigns div {padding: 0 5px;}
.supportCampaigns .form-control {padding: 0; margin: 8px 0;}

.custom-fields { background: url("../images/sidebar.png") -80px -28px no-repeat; }
.side-nav .selected .custom-fields { background: url("../images/sidebar.png") -80px -368px no-repeat; }

.global-fields { background: url("../images/sidebar.png") -24px -28px no-repeat; }
.side-nav .selected .global-fields { background: url("../images/sidebar.png") -24px -368px no-repeat; }

.automation-rules { background: url("../images/sidebar.png") -138px -28px no-repeat; }
.side-nav .selected .automation-rules { background: url("../images/sidebar.png") -138px -368px no-repeat; }

.ad-tracking-list { background: url("../images/sidebar.png") -192px -28px no-repeat; }
.side-nav .selected .ad-tracking-list { background: url("../images/sidebar.png") -192px -368px no-repeat; }

.ad-tracking-stats { background: url("../images/sidebar.png") -246px -28px no-repeat;  }
.side-nav .selected .ad-tracking-stats { background: url("../images/sidebar.png") -246px -368px no-repeat; }

.complaints { background: url("../images/sidebar.png") -304px -26px no-repeat; }
.side-nav .selected .complaints { background: url("../images/sidebar.png") -304px -368px no-repeat; }

/*---*/
.follow-up { background: url("../images/sidebar.png") -358px -28px no-repeat; }
.side-nav .selected .follow-up { background: url("../images/sidebar.png") -358px -368px no-repeat; }

.add-follow-up { background: url("../images/sidebar.png") -416px -28px no-repeat; }
.side-nav .selected .add-follow-up { background: url("../images/sidebar.png") -416px -368px no-repeat; }

.follow-up-manager { background: url("../images/sidebar.png") -470px -28px no-repeat; }
.side-nav .selected .follow-up-manager { background: url("../images/sidebar.png") -470px -368px no-repeat; }

.broadcast { background: url("../images/sidebar.png") -525px -28px no-repeat;  }
.side-nav .selected .broadcast { background: url("../images/sidebar.png") -525px -368px no-repeat; }

.send-broadcast { background: url("../images/sidebar.png") -582px -28px no-repeat;  }
.side-nav .selected .send-broadcast { background: url("../images/sidebar.png") -582px -368px no-repeat; }

.opt-in-message { background: url("../images/sidebar.png") -637px -28px no-repeat }
.side-nav .selected .opt-in-message { background: url("../images/sidebar.png") -637px -368px no-repeat; }

/*----*/
.search-subs { background: url("../images/sidebar.png") -692px -28px no-repeat; }
.side-nav .selected .search-subs { background: url("../images/sidebar.png") -692px -368px no-repeat; }

.subscribers-list { background: url("../images/sidebar.png") -747px  -28px no-repeat; }
.side-nav .selected .subscribers-list { background: url("../images/sidebar.png") -747px -368px no-repeat; }

.add-subscriber { background: url("../images/sidebar.png") -1256px -28px no-repeat; }
.side-nav .selected .add-subscriber { background: url("../images/sidebar.png") -1256px -368px no-repeat; }

.unsubscribe { background: url("../images/sidebar.png") -870px -28px no-repeat; }
.side-nav .selected .unsubscribe { background: url("../images/sidebar.png") -870px -368px no-repeat; }

.block { background: url("../images/sidebar.png") -925px -28px no-repeat; }
.side-nav .selected .block { background: url("../images/sidebar.png") -925px -368px no-repeat; }

.suppress { background: url("../images/sidebar.png") -980px -28px no-repeat; }
.side-nav .selected .suppress { background: url("../images/sidebar.png") -980px -368px no-repeat; }

/*---*/
.forms-list { background: url("../images/sidebar.png") -1422px -28px no-repeat; }
.side-nav .selected .forms-list { background: url("../images/sidebar.png") -1422px -368px no-repeat; }

.create-form { background: url("../images/sidebar.png") -1036px -28px no-repeat; }
.side-nav .selected .create-form { background: url("../images/sidebar.png") -1036px -368px no-repeat; }

.form-wizard { background: url("../images/sidebar.png") -1088px -28px no-repeat; }
.side-nav .selected .form-wizard { background: url("../images/sidebar.png") -1088px -368px no-repeat; }

/*----*/
.manual-import { background: url("../images/sidebar.png") -1144px -28px no-repeat; }
.side-nav .selected .manual-import { background: url("../images/sidebar.png") -1144px -368px no-repeat; }

.import-subscribers { background:url("../images/sidebar.png") -1256px -28px no-repeat; }
.side-nav .selected .import-subscribers { background: url("../images/sidebar.png") -1256px -368px no-repeat; }

.export-subscribers { background: url("../images/sidebar.png") -1200px -28px no-repeat; }
.side-nav .selected .export-subscribers { background: url("../images/sidebar.png") -1200px -368px no-repeat; }

.import-log { background: url("../images/sidebar.png") -1314px -28px no-repeat; }
.side-nav .selected .import-log { background: url("../images/sidebar.png") -1314px -368px no-repeat; }

.big-icons {
    margin-left: 10px;
    margin-top: 10px;
}

.big-icons .innner-box {
    /*background:#f4f5f7;
    border: 1px solid #a3a1a2;
    border-radius: 4px;
    color: #868686;*/
    /*  height: 113px;*/
    /*  margin: 0 9px 10px 9px;
      width: 23%;*/
    position: relative;
}

.big-icons .innner-box a{
    display: block;
    margin-bottom: 10px;
    padding: 10px 30px;
    border: 1px solid #a3a1a2;
    border-radius: 4px;
    font-size: 16px;
    text-align: center;
    color: #868686;
    background:#f4f5f7;
    overflow: hidden;
}

.big-icons .innner-box .ribbon-wrapper {
    position: absolute;
    top: 0px;
    right: 15px;
    width: 75px;
    height: 75px;
    overflow: hidden;
}
.big-icons .innner-box .ribbon-wrapper .ribbon {
    position: absolute;
    top: 19px;
    right: -21px;
    width: 100px;
    padding: 3px 0;
    font-size: 9px;
    font-weight: bold;
    color: #fff;
    text-align: center;
    text-transform: uppercase;
    background-color: #FD4C52;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
}

.big-icons .innner-box a,
.big-icons .innner-box a:focus,
.big-icons .innner-box a:active{
    outline:none; text-decoration:none;
}

.big-icons .innner-box a span {
    display: block;
}

.big-icons .icon {
    display: inline-block;
    width: 80px;
    height: 60px;
    margin: 0 auto;
}

.big-icons .innner-box .broadcast-big { background: url("../images/tool-suite/dashboard_icons2.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0) ;}
.big-icons .innner-box .email {background: url("../images/tool-suite/dashboard_icons2.png") no-repeat scroll -131px 0 rgba(0, 0, 0, 0) ;}
.big-icons .innner-box .code {background: url("../images/tool-suite/dashboard_icons2.png") no-repeat scroll -278px 0 rgba(0, 0, 0, 0) ;}
.big-icons .innner-box .message-editor {background: url("../images/tool-suite/dashboard_icons2.png") no-repeat scroll -412px 0 rgba(0, 0, 0, 0);}

/*----- whats new ----*/

.wnew{
    border-radius:4px;
    height:75px;
    margin-bottom:15px;
}
.dashboard-info .wnew .icon {
    border-radius: 5px 0 0 5px;
    font-size: 16px;
}
.dashboard-info .grey .subscribers-yesterday {
    background: url("../images/tool-suite/whats_new.png") no-repeat scroll -124px 12px #f0f1f2 !important;
    border: 1px solid #a2a1a1;
}
.dashboard-info .grey > div, .dashboard-info .blue > div {
    height: 74px;
}
.dashboard-info .wnew .wtitle {
    font-size: 16px;
    padding-top: 15px;
}
.dashboard-info .grey .value {
    border-bottom: 1px solid #a9a8a8;
    border-right: 1px solid #a9a8a8;
    border-top: 1px solid #a9a8a8;
    color: #868686;
}
.dashboard-info .value {
    border-radius: 0 5px 5px 0;
    font-size: 50px;
    padding: 0;
    text-align: center;
    border-left: 1px solid #a9a8a8;
}
.dashboard-info .blue .value {
    border-left: 1px solid #121212;
}
.dashboard-info .grey .wtitle {
    border-bottom: 1px solid #a9a8a8;
    border-top: 1px solid #a9a8a8;
    color: #949494;
    margin:0;
}
.dashboard-info .blue .wtitle {
    background:#FD4C52;
    color: #ffffff;
    margin:0;
}
.dashboard-info .blue .value{color: #ffffff;}
.dashboard-info div.blue > div {background: none repeat scroll 0 0 #FD4C52; height: 74px;}

.dashboard-info .blue .subscribers-today {
    background: url("../images/tool-suite/whats_new.png") no-repeat scroll 15px -47px #121212;
}
.dashboard-info .grey .unsubscribed-today {
    background: url("../images/tool-suite/whats_new.png") no-repeat scroll -265px 12px #f0f1f2;
    border: 1px solid #a2a1a1;
}
.dashboard-info .grey .total-subscribers {
    background: url("../images/tool-suite/whats_new.png") no-repeat scroll -403px 10px #f0f1f2;
    border: 1px solid #a2a1a1;
}

/*---- list stat ----*/
.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {
    vertical-align: middle;
    padding: 5px;
}

.grey-bg{background:#F7F8F9; border-top: 5px solid #FD4C52; margin-top:30px; padding:10px 15px; border-bottom: 1px solid #dddfe0;}
.grey-bg2{background:#F7F8F9; border-top: 5px solid #009ade; padding:10px 15px; border-bottom: 1px solid #dddfe0;}
.blue-bg{background:#C7E4F7; border-top: 5px solid #121212; padding:10px 15px;}
.table tr td, .table tr th { background:#FFF; border: 1px solid #d6d6d6; font-weight: 600; color: #647886;}
.blue-header thead th {
    background: none repeat scroll 0 0 #373a3f;
    border: 1px solid #121212;
    color: #ffffff;
    line-height:20px;
    padding-top: 5px!important;
    padding-bottom: 5px!important;
}

.table tbody tr.selected td {
    background-color: #fef2f2;
    color: #FD4C52;
}

.table tbody tr td.text-wrap {
    max-width: 150px;
    white-space: normal;
    word-wrap: break-word;
    word-break: break-word;
}

.td-50 { width: 50%; }
.td-40 { width: 40%; }
.td-30 { width: 30%; }
.td-10 { width: 10%; }

.td-wrap { word-break: break-word; }

.overflow-table {
    overflow-x: auto;
}

.no-padding{padding:0 !important; border:0 !important;}
.pluse, .pluse:hover{border:0; background-color:transparent;}
.pluse span{font-size:16px; color:#666;}
.broadcast-wrapper{padding:10px;}
.broadcast-wrapper .ring-green {
    border: 1px solid #43ba78;
    border-radius: 100%;
    display: block;
    float: left;
    height: 47px;
    margin-left: -15px;
    width: 47px;
}
.broadcast-wrapper .ring-green .icon {
    display:block;
    height: 47px;
    margin-top: -5px;
    width: 47px;
}
.broadcast-wrapper .title .broadcast {background: url("../images/sidebar.png") no-repeat scroll -512px -144px rgba(0, 0, 0, 0) !important;}
.broadcast-wrapper .title h2 {color: #51bb79;}

.broadcast-wrapper .bs-callout {
    color: #333;
    font-size: 14px;
    font-weight: normal;
    line-height: 1.42857;
    margin-bottom: 30px;
    margin-top: 0;
    text-align: left;
}
.bs-callout-warning {
    background-color: #fcf8f2;
    border-left: 3px solid #f0ad4e;
}
.bs-callout {
    border-bottom: 1px solid #cccccc;
    border-right: 1px solid #cccccc;
    border-top: 1px solid #cccccc;
    margin: 20px 0;
    padding: 10px 20px;
}
.bs-callout-warning h4 {color: #f0ad4e;}
.bs-callout p {float: left; font-size: 13px;}

.bs-callout .btn{
    font-size: 13px;
    float: right;
    margin-top: -10px;
    border: 0;
    color: #FFF;
}
.bs-callout-warning .btn {background:#f0ad4e;}
.bs-callout-warning .btn:hover {background:#cb6f28;}

.bs-callout-warning.input-warning {
    position: relative;
    margin-top: 5px;
}
.bs-callout-warning.input-warning i.fa {
    position: absolute;
    top: -30px;
    left: -19px;
    color: #f0ad4e;
}

.bs-callout-success {
    background-color: #dff0d8;
    border-left: 3px solid #5cb85c;
    overflow: hidden;
}
.bs-callout-success h4 {color: #5cb85c;}
.bs-callout-success button.btn { background:#5cb85c;}
.bs-callout-success .btn:hover {background:#3d9a61;}

.bs-callout-info {
    background-color: #f4f8fa;
    border-left: 3px solid #5bc0de;
}
.bs-callout-info h4 {color: #5bc0de;}
.bs-callout-info .btn {background:#009ade;}
.bs-callout-info .btn:hover {background:#639fb4;}


/*---*/
.broadcast-item .col-sm-7 {
    background: none repeat scroll 0 0 #f3f4f4;
    padding: 0;
}
.broadcast-item {
    border: 1px solid #4dba79;
    margin-bottom: 16px;
    padding: 0;
}
.broadcast-item p {
    color: #8e9196;
    font-size: 14px;
    font-weight: normal;
    line-height: 18px;
    margin-top: 11px;
    padding-left: 20px;
    text-align: left;
}
.broadcast-item p span{display:block; margin-top:5px;}
.broadcast-item p span a{font-size:13px; }

.broadcast-details-table table{
    border:none;
    width:100%;
}
.broadcast-details-table table{text-align:left;}
.broadcast-details-table table thead th{border:none; background:#F3F4F4; color:#647886; font-weight:normal; padding:0 0 0 5px;}
.broadcast-details-table table tbody td{border:none; background:#51BB79; color:#FFF; font-weight:600; padding:7px 5px; border-right:solid 1px #229373}
.broadcast-details-table span {
    font-size: 10px;
    font-weight: normal;
    padding-bottom: 20px;
}

.broadcast-item .col-xs-3 {
    background: none repeat scroll 0 0 #edf6ef;
    border-left: 1px solid #4dba79;
    color: #4dba79;
    height: 100%;
    min-height: 14px;
}
.broadcast-item .col-xs-3 h1 {
    font-weight:700;
    color:#4DBA79;
    font-size: 46px;
    margin-bottom: 0;
    padding-bottom: 0;
}
.broadcast-item .col-xs-3 span {
    display: block;
    font-size: 13px;
    padding-top: 10px;
    padding-bottom: 20px;
}

.broadcast-wrapper .btn {
    background:#51bb79;
    float: right;
    border:0;
    color:#FFF;
    margin-bottom:20px;
}
.broadcast-wrapper .btn:hover {background:#E74046;}

/*------ video tutorial css ----*/

.nav-tabs { border-bottom: 4px solid #FD4C52;}
.nav > li {background: none repeat scroll 0 0 rgba(0, 0, 0, 0); border: 0;}
.nav-tabs > li.active > a, .reliable-reach .nav-tabs > li.active > a:hover, .reliable-reach .nav-tabs > li.active > a:focus {
    background-color: #FD4C52 !important;
    color: #ffffff;
}
.nav-tabs li a {
    border-left: 1px solid #e8e9ea;
    border-radius: 0;
    border-right: 1px solid #e8e9ea;
    border-top: 1px solid #e8e9ea;
    color: #868686;
    font-size: 15px;
    padding-left: 20px;
    padding-right: 20px;
}
.nav-tabs > li > a {
    margin-right: 0;
}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background-color: #fff;
    border-color: #ddd #ddd transparent;
    border-image: none;
    border-style: solid;
    border-width: 1px;
    color: #FFF;
    cursor: default;
    outline: none;
}

/*-------*/

.blue-header tfoot tr td{background:#85c776; color: #FFF; font-weight: 600;}
.table-hover tbody tr:hover td{background-color:#E3F0FA; color: #FD4C52;}

.table-striped>tbody>tr:nth-child(even)>td,
.table-striped>tbody>tr:nth-child(even)>th {background-color: #f3f4f4;}

.table-hover > tbody > tr:hover > td, .table-hover > tbody > tr:hover > th, .table-hover > tbody > tr:hover > td, .table-hover > tbody > tr:hover > th {
    background-color: #fef2f2;
    color: #FD4C52;
}
.table.table-light {
    border: 1px solid #dddddd;
}
.table.table-light>thead>tr>th, .table.table-light>thead>tr>td, .table.table-light tr>td {
    border: 1px solid #dddddd !important;
    color: #5c656c;
}
.table.table-light>thead>tr>th {
    padding: 10px 5px;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 700;
    line-height: 20px;
    background-color: #f4f4f8;
    vertical-align: middle;
}
.table.table-light>tbody>tr>td {
    padding: 10px 5px;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
}
.table.table-light>tfoot>tr>td {
    padding: 10px 5px;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    background-color: #7d808a;
    color: #ffffff;
}
.table.table-light>tbody>tr.direct>td { background-color: #f5f5ff; }
.table.table-light>tbody>tr.check-match>td { background-color: #eef9f7; }
.table.table-light>tbody>tr.binary>td { background-color: #f0f7ff; }
.table.table-light>tbody>tr.store>td { background-color: #fcf8ff; }

.table.table-direct>thead>tr>th { background-color: #f5f5ff; }
.table.table-check-match>thead>tr>th { background-color: #eef9f7; }
.table.table-binary>thead>tr>th { background-color: #f0f7ff; }
.table.table-store>thead>tr>th { background-color: #fcf8ff; }

.table-hover.table-light>tbody>tr:hover>td {
    background-color: #fef2f2;
    color: #FD4C52;
}

.table-filters.table.table-light>thead>tr>th {
    background-color: #7d808a;
    color: #ffffff;
    font-size: 16px;
    padding: 20px 5px;
}
.table-filters.table.table-light>tbody>tr>td {
    font-size: 18px;
    padding: 20px 5px;
}
.binary-commissions th.affiliate,
.rankpool-commissions th.affiliate,
.leadership-bonus th.affiliate {
    width: 25%;
}
.payout-details th.th-gen {
    width: 110px;
}
.payout-details th.th-amount {
    width: 200px;
}

.ui-sortable-handle:hover td:first-child {
    background: url(../images/grippy_large.png) no-repeat 1px 50%;
}
.ui-sortable-handle td:first-child:hover {
    cursor: url(../images/openhand.cur) 7 5, default;
}

/*---------*/
.table-fixed{table-layout: fixed;}
.inner-wraper .campaigns{
    margin-bottom: 15px;
    margin-top: 15px;
}
.inner-wraper .campaigns div {padding: 0 2px 0 0;}
.inner-wraper .campaigns h2 {
    font-size: 24px;
    margin: 12px 0 0 0;
    text-align: left;
    color: #333;
    font-weight: 300;
}
.campaigns-select {
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance:none;
    appearance:none;
    margin-top: 8px;
    position: relative;
}

.campaigns .form-control {
    padding-left: 30px;
}

textarea, input, .form-control {
    border: 1px solid #d3d6d8;
    box-shadow: none;
    height: 14px;
    outline: 0 none;
}
select.campaigns-select::-ms-expand {
    display: none;
}

select.campaigns-select {
    background: url("../images/tool-suite/input.png") no-repeat -15px -181px,
    url("../images/tool-suite/caret-down.png") no-repeat right center;
}

.edit-btn{background:#FD4C52; color:#FFF; margin-top: 8px;}
.edit-btn:hover, .edit-btn:active, .edit-btn:focus{background:#FD4C52 !important; color: #FFF;}
.form-inline .edit-btn {
    margin-top: 0;
}

.table tr td.td-action {
    white-space: nowrap;
}

.table tr td a.action {
    cursor: pointer;
    display: inline-block !important;
    width: 23px;
    height: 25px;
    margin-left: 2px;
    margin-right: 2px;
    margin-top: 5px;
    vertical-align: top;
}
.table .paddingl30 {padding-left:35px;}

a.action.edit {background: url("../images/actions.png") no-repeat scroll -15px -13px rgba(0, 0, 0, 0);}
a.action.add {background: url("../images/actions.png") no-repeat scroll -54px -13px rgba(0, 0, 0, 0);}
a.action.on {background: url("../images/actions.png") no-repeat scroll -93px -13px rgba(0, 0, 0, 0);}

a.action.edit:hover{background: url("../images/actions.png") no-repeat scroll -15px -42px rgba(0, 0, 0, 0);}
a.action.add:hover{background: url("../images/actions.png") no-repeat scroll -54px -42px rgba(0, 0, 0, 0);}
a.action.on:hover{background: url("../images/actions.png") no-repeat scroll -93px -42px rgba(0, 0, 0, 0);}

a.action.edit.selected{background: url("../images/actions.png") no-repeat scroll -15px -42px rgba(0, 0, 0, 0);}
a.action.add.selected{background: url("../images/actions.png") no-repeat scroll -54px -42px rgba(0, 0, 0, 0);}
a.action.on.selected{background: url("../images/actions.png") no-repeat scroll -93px -42px rgba(0, 0, 0, 0);}

a.action.code {background: url("../images/actions.png") no-repeat scroll -248px -42px rgba(0, 0, 0, 0);}
a.action.msg {background: url("../images/actions.png") no-repeat scroll -132px -13px rgba(0, 0, 0, 0);}
a.action.settings {background: url("../images/actions.png") no-repeat scroll -171px -13px rgba(0, 0, 0, 0);}
a.action.html {background: url("../images/actions.png") no-repeat scroll -248px -13px rgba(0, 0, 0, 0);}
a.action.delete {background: url("../images/actions.png") no-repeat scroll -359px -13px rgba(0, 0, 0, 0);}
a.action.link2 {background: url("../images/actions.png") no-repeat scroll -396px -13px rgba(0, 0, 0, 0);}

a.action.msg:hover{background: url("../images/actions.png") no-repeat scroll -132px -42px rgba(0, 0, 0, 0);}
a.action.settings:hover{background: url("../images/actions.png") no-repeat scroll -171px -42px rgba(0, 0, 0, 0);}
a.action.html:hover {background: url("../images/actions.png") no-repeat scroll -248px -42px rgba(0, 0, 0, 0);}
a.action.delete:hover {background: url("../images/actions.png") no-repeat scroll -359px -42px rgba(0, 0, 0, 0);}
a.action.link2:hover {background: url("../images/actions.png") no-repeat scroll -396px -42px rgba(0, 0, 0, 0);}

a.action.msg.selected{background: url("../images/actions.png") no-repeat scroll -132px -42px rgba(0, 0, 0, 0);}
a.action.settings.selected{background: url("../images/actions.png") no-repeat scroll -171px -42px rgba(0, 0, 0, 0);}
a.action.html.selected {background: url("../images/actions.png") no-repeat scroll -248px -42px rgba(0, 0, 0, 0);}
a.action.delete.selected {background: url("../images/actions.png") no-repeat scroll -359px -42px rgba(0, 0, 0, 0);}
a.action.link2.selected {background: url("../images/actions.png") no-repeat scroll -396px -42px rgba(0, 0, 0, 0);}

a.action.show {background: url("../images/actions.png") no-repeat scroll -210px -13px rgba(0, 0, 0, 0);}
a.action.popup{background: url("../images/actions.png") no-repeat scroll -285px -13px rgba(0, 0, 0, 0);}

a.action.show:hover {background: url("../images/actions.png") no-repeat scroll -210px -42px rgba(0, 0, 0, 0);}
a.action.popup:hover{background: url("../images/actions.png") no-repeat scroll -285px -42px rgba(0, 0, 0, 0);}

a.action.show.selected {background: url("../images/actions.png") no-repeat scroll -210px -42px rgba(0, 0, 0, 0);}
a.action.popup.selected{background: url("../images/actions.png") no-repeat scroll -285px -42px rgba(0, 0, 0, 0);}


textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
.uneditable-input,
.input-group input,
.form-control {
    border-color: rgba(211, 214, 216, 1);
    border-width: 1px;
}

input[type="search"] {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

input.code {
    background-image: url("../images/tool-suite/input.png");
    background-position: -17px -431px;
    background-repeat: no-repeat;
    padding-left:40px;
}
.input-group input {
    border-bottom-right-radius: 4px !important;
    border-top-right-radius: 4px !important;
    box-shadow: none !important;
    outline: medium none;
}

.blue-btn{
    background:#FD4C52;
    border: 0 none;
    color: #fff;
    float: right;
    margin-bottom: 20px;
}
.blue-btn .btn-icon-label{font-size: 13px;}
.blue-btn:hover, .blue-btn:active, .blue-btn:focus{background:#FD4C52 !important; color: #FFF;}
.margin-top30{margin-top:30px; margin-bottom:50px;}
.campaignlist-content{margin:50px 0; font-size: 13px;}


/*--------*/

textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input, .input-group input, .form-control {
    border-color: rgba(211, 214, 216, 1);
    border-width: 1px;
}
label {
    display: inline-block;
    font-weight: 400;
    margin-bottom: 5px;
    max-width: 100%;
    color: #5c656c ;
    font-size: 13px;
    line-height: 30px;
}
.form-inline label {
    line-height: 1.4;
}
.form-horizontal .control-label {
    margin-bottom: 0;
    padding-top: 7px;
    text-align: left;
}
.form-control {
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
    color: #555;
    display: block;
    font-size: 14px;
    height: 34px;
    line-height: 1.42857;
    padding: 6px 12px;
    transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
    width: 100%;
}

.fileUpload{
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
    color: #555;
    display: block;
    font-size: 14px;
    line-height: 1.42857;
    padding: 6px 12px;
    transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
    width: 100%;
    height:auto !important;
}

input[type="text"], input[type="email"], input[type="phone"], input[type="password"], input[type="search"]{
    border: 1px solid #d3d6d8;
    box-shadow: none;
    height: 35px;
    outline: 0 none;
    font-size: 13px;
    padding-left: 35px !important;
}
textarea{
    border: 1px solid #d3d6d8;
    box-shadow: none;
    height: 35px;
    outline: 0 none;
    font-size: 13px;
}
.form-group.form-group-textarea {
    margin-right: 0;
    margin-left: 0;
}
.form-control:focus {
    border-color: #878787;
    box-shadow:none;
    outline: 0 none;
}

.file-upload {
    position: relative;
}
.file-upload input[type="text"] {
    display: block;
    width: 100%;
    height: 34px;
    border: 1px solid #ccc;
    border-radius: 4px;
    font-size: 14px;
    line-height: 1.42857;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
    transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
    background-image: url(../images/input.png);
    background-position: -17px -430px;
    background-repeat: no-repeat;
    background-color: transparent;
    overflow: hidden;
}

.file-upload input[type="File"] {
    border: none;
    height: auto;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    cursor: pointer;
    opacity: 0;
    filter: alpha(opacity=0);
}

input.campaign {
    background-image: url("../images/input.png");
    background-position: -17px -181px;
    background-repeat: no-repeat;
}
input.user {
    background-image: url("../images/input.png");
    background-position: -17px -15px;
    background-repeat: no-repeat;
}
input.email {
    background-image: url("../images/input.png");
    background-position: -17px -60px;
    background-repeat: no-repeat;
}
input.text {
    background-image: url("../images/input.png");
    background-position: -17px -140px;
    background-repeat: no-repeat;
}
input.department {
    background-image: url("../images/input.png");
    background-position: -17px -346px;
    background-repeat: no-repeat;
}
input.website {
    background-image: url("../images/input.png");
    background-position: -17px -734px;
    background-repeat: no-repeat;
}
input.calendar {
    background-image: url("../images/input.png");
    background-position: -17px -390px;
    background-repeat: no-repeat;
}
input.field {
    background-image: url("../images/input.png");
    background-position: -17px -430px;
    background-repeat: no-repeat;
}
input.tstats {
    background-image: url("../images/input.png");
    background-position: -17px -1540px;
    background-repeat: no-repeat;
}
input.phone {
    background-image: url("../images/input.png");
    background-position: -17px -1725px;
    background-repeat: no-repeat;
}
input.zip {
    background-image: url("../images/input.png");
    background-position: -17px -509px;
    background-repeat: no-repeat;
}
input.password {
    background-image: url("../images/input.png");
    background-position: -17px -595px;
    background-repeat: no-repeat;
}
input.street {
    background-image: url("../images/input.png");
    background-position: -17px -347px;
    background-repeat: no-repeat;
}
input.subject {
    background-image: url("../images/input.png");
    background-position: -17px -226px;
    background-repeat: no-repeat;
}
input.search2 {
    background-image: url("../images/input.png");
    background-position: -17px -1858px;
    background-repeat: no-repeat;
}


.ceheck-btn{background:#FD4C52; color:#FFF; margin-left: 5px; border-radius: 4px !important;}
.ceheck-btn:hover, .ceheck-btn:active, .ceheck-btn:focus{background:#121212 !important; color: #FFF;}
.input-group-btn:last-child > .btn, .input-group-btn:last-child > .btn-group { margin-left: 10px;}
.submit {
    border-top: 1px solid #c9c8c8;
    margin-left: 0;
    margin-right: 0;
    padding-top: 20px;
}

.submit .form-group {
    margin-bottom: 15px;
}

input[type="checkbox"]{
    margin: 2px 0 0;
}

input.checkbox1 {
    height: 15px;
    margin-top: 8px;
}
.checkbox-panel {
    max-width: 780px;
    margin-left: auto;
    margin-right: auto;
    padding: 15px;
    border: 1px solid #dcdcdc;
    border-radius: 2px;
    text-align: center;
}

.checkbox-custom {
    padding-left: 40px;
    position: relative;
    display: inline-block;
}
.checkbox-custom input {
    opacity: 0;
    position: absolute;
    z-index: 1;
    cursor: pointer;
    margin: 0;
    margin-left: -20px;
    height: auto;
}
.checkbox-custom label {
    display: inline-block;
    position: relative;
    padding-left: 5px;
    line-height: 32px;
    font-size: 20px;
    margin-bottom: 0;
}
.checkbox-custom label::before {
    content: "";
    display: inline-block;
    position: absolute;
    width: 32px;
    height: 32px;
    left: 0;
    top: 0;
    margin-left: -40px;
    border: 1px solid #dcdcdc;
    border-radius: 2px;
    background-color: #fff;
    box-shadow: inset 0 0 6px 0 rgba(0,0,0,.15);
}
.checkbox-custom label::after {
    content: "";
    display: block;
    width: 40px;
    height: 40px;
    background: url('../images/check-red.png') no-repeat center;
    position: absolute;
    left: 0;
    top: -11px;
    margin-left: -40px;
    opacity: 0;
    transition: opacity .2s ease-in-out;
}
.checkbox-custom input:checked + label::before {
    border-color: #dcdcdc;
    background-color: #e8e8e8;
}
.checkbox-custom input:checked + label::after {
    content: "";
    opacity: 1;
}
.checkbox-custom.disabled label {
    color: #ccc;
}
.checkbox-custom.disabled label::before {
    opacity: 0.54;
    border-color: #ccc;
}
.checkbox-custom.disabled label::after {
    opacity: 0.24;
}

.crate-btn{
    background: none repeat scroll 0 0 #FD4C52;
    border-color: transparent;
    color: #fff;
    white-space: normal;
}

.crate-btn:hover, .crate-btn:active, .crate-btn:focus{
    background:#478700 !important;
    border-color: transparent;
    color: #fff;
}

.crate-btn.disabled,
.crate-btn.disabled.active,
.crate-btn.disabled.focus,
.crate-btn.disabled:active,
.crate-btn.disabled:focus,
.crate-btn.disabled:hover,
.crate-btn[disabled],
.crate-btn[disabled].active,
.crate-btn[disabled].focus,
.crate-btn[disabled]:active,
.crate-btn[disabled]:focus,
.crate-btn[disabled]:hover,
fieldset[disabled] .crate-btn,
fieldset[disabled] .crate-btn.active,
fieldset[disabled] .crate-btn.focus,
fieldset[disabled] .crate-btn:active,
fieldset[disabled] .crate-btn:focus,
fieldset[disabled] .crate-btn:hover {
    background: none repeat scroll 0 0 #FD4C52;
    border-color: transparent;
    color: #fff;
}

.crate-btn i{margin-right:6px;}
.btn-default .fa { margin-right: 6px; }
.crate-btn i.icon-after{margin-right:0; margin-left: 6px}

input.btn,
input.crate-btn {
    height: auto;
}

.crate-btn.shadow {
    -webkit-box-shadow: 2px 2px 5px rgba(0,0,0, .3), inset 0px 20px 20px rgba(255,255,255,.2);
    -moz-box-shadow: 2px 2px 5px rgba(0,0,0, .3), inset 0px 20px 20px rgba(255,255,255,.2);
    box-shadow: 2px 2px 5px rgba(0,0,0, .3), inset 0px 20px 20px rgba(255,255,255,.2);
    border: none;
}

.form-group {margin-bottom: 5px;}

.remove-rule a {
    font-size: 12px;
    display: inline-block;
    padding: 1px 3px 0;
    margin-left: 10px;
    border-radius: 2px;
    border: 1px solid transparent;
    background-color: #ddd;
    color: #fff;
    cursor: pointer;

    -webkit-transition: color .2s linear, border-color .2s linear;
    -moz-transition: color .2s linear, border-color .2s linear;
    -o-transition: color .2s linear, border-color .2s linear;
    transition: color .2s linear, border-color .2s linear;
}

.remove-rule a:hover, .remove-rule a:focus {
    background-color: transparent;
    border-color: #FD4C52;
    color: #FD4C52;
}

.btn-grey {
    border: 1px solid #ccc;
    color: #777;
    background-color: #fff;
    -webkit-box-shadow: inset 0 -16px 10px 0 rgba(0,0,0, .05);
    -moz-box-shadow: inset 0 -16px 10px 0 rgba(0,0,0, .05);
    box-shadow: inset 0 -16px 10px 0 rgba(0,0,0, .05);
}
.btn-grey:hover, .btn-grey:focus { background-color: #eee; }

.btn-get-traffic {
    font-size: 18px;
    font-weight: 700;
    line-height: 24px;
    padding: 17px 60px;
    color: #ffffff;
    background-color: #FD4D52;
    background: -webkit-linear-gradient(top, #FD4D52, #DD1B22);
    background: -moz-linear-gradient(top, #FD4D52, #DD1B22);
    background: linear-gradient(to bottom, #FD4D52, #DD1B22);
    background-repeat: no-repeat;
    position: relative;
    border: none;
    border-radius: 4px;
}
.btn-get-traffic:hover {
    background: red;
    color: #ffffff;
}
.btn-get-traffic:focus {
    background: red;
    color: #ffffff;
    outline: none;
}
.btn-get-traffic::before {
    content: url('../images/arrow_red_angle.png');
    position: absolute;
    top: 6px;
    left: -12px;
}
.btn-get-traffic .fa {
    margin-left: 3px;
}

    /* DataTables */

.dataTables_wrapper label {
    margin-bottom: 10px;
}

.dataTables_wrapper .form-control.input-sm {
    height: 34px;
    font-size: 14px;
    line-height: 1.42857;
}

.dataTables_filter input[type="search"].form-control.input-sm {
    margin-left: 3px;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
}

.dataTables_filter input[type="search"] {
    padding-left: 12px !important;
}

.dataTables_filter,
.dataTables_paginate {
    text-align: right;
}

.dataTables_paginate .pagination {
    margin-top: 0;
}

.dataTables_wrapper .table > thead > tr > th,
.dataTables_wrapper .table > tbody > tr > th,
.dataTables_wrapper .table > tfoot > tr > th,
.dataTables_wrapper .table > tbody > tr > td
 {
    white-space: nowrap;
}

.dataTables_wrapper .table > tbody > tr > td {
    font-size: 13px;
}

.dataTables_wrapper .table td.name, .dataTables_wrapper .table th.name,
.dataTables_wrapper .table td.email, .dataTables_wrapper .table th.email,
.dataTables_wrapper .table td.campaign, .dataTables_wrapper .table th.campaign,
.dataTables_wrapper .table td.creation-date, .dataTables_wrapper .table th.creation-date {
    white-space: normal;
    word-wrap: break-word;
    word-break: break-word;
    min-width: 130px;
    max-width: 140px;
}

.SubsctibersSearchFounded > tbody > tr > td {
    padding: 5px;
}

/**/

/*---------*/

.tlist p, .tlist ul li{font-size: 13px; }
.bullet-list li .text-blue{color: #009ade;}
.bullet-list li span {color: #9ea0a5;}
.bullet-list{list-style-type:none; padding: 0; clear: both; overflow: hidden;}
.nolist {
    border: 1px solid #FD4C52;
    color: #FD4C52 !important;
    border-radius: 100%;
    float: left;
    width: 30px;
    height: 30px;
    margin-right: 15px;
    padding: 4px 0;
    text-align: center;
    font-weight: 400;
}
.bullet-list li{padding-bottom: 20px; overflow: hidden;}
.bs-callout-danger {
    background-color: #fdf7f7;
    border-left: 3px solid #d9534f;
}
.follow-up .checkbox, .follow-up .radio, .follow-up .checkbox label {margin: 0;}
.follow-up .checkbox input {height: 15px; margin-top:6px;}
.select2-container.select2-container-multi.populate {width: 100%;}
.campaigns-autoselect{ width: 100%;}
.search-filter .form-control{margin-bottom: 8px;}

.unsubscribe-msg .div-editor {
    border: 1px solid #d3d6d8;
    border-radius: 5px;
    color: #5c656c;
    font-size: 14px;
    line-height: 22px;
    padding: 33px 19px;
    font-weight: normal;
}
.unsubscribe-msg b, .unsubscribe-msg strong {
    color: #009ade;
    font-weight: normal !important;
}

.quote {
    background: url("../images/quote.png") no-repeat scroll -10px -8px rgba(0, 0, 0, 0);
    color: #b0b2b6;
    padding-left: 40px;
}
.text-blue {color: #009ade;font-weight: normal;}
.text-blue a{color: #009ade;font-weight: normal;}

.form-wizard1 .col-sm-4{margin-top:25px;}
.ie{font-size: 13px; line-height: 21px;}

.faq-text{font-size: 15px; line-height: 24px; color: #5c656c ;}
.faq-wrap{border-left: 3px solid #009ade;}
.faq-title{width: 100%; color: #5c656c ; font-weight: 600; margin-bottom:8px; overflow: hidden;}
.faq-title > div{float: left; width:89%; display: block;}
.faq-content{clear: both; color: #5c656c; font-size: 13px; line-height: 22px;}

.inner-wraper h3 {
    color: #121212;
    font-size: 20px;
    margin-bottom:20px;
}
input.no-icon {
    background-img: none;
    padding-left:10px !important;
}
.select-grid {
    margin-top: 20px;
    padding:2px;
}
.tab-content .video_player{padding:20px 0;}
.lead-templates{
    width: 100%;
    margin-top:10px;
    overflow: hidden;
}
.template {
    cursor: pointer;
    float: left;
    height: 182px;
    margin-bottom:15px;
    position: relative;
    padding: 5px;
}
template img {
    height: 180px;
    width: 100%;
}
.template .info {
    background: rgba(0, 0, 0, 0.8);
    bottom: 0;
    padding: 12px;
    position: absolute;
    width:97%;
}
.template .info {border-bottom: 5px solid #FD4C52;}
.template .more {
    background:rgba(0, 0, 0, 0.6);
    bottom: 0;
    height: 66px;
    position: absolute;
    right:5px;
    width: 66px;
    margin-bottom:5px;
}
.template .more span {
    background: url("../images/arrows.png") no-repeat scroll -184px -11px rgba(0, 0, 0, 0);
    display: block;
    height: 100%;
    width: 100%;
}
.template .info h2 {
    color: #ddd;
    font-size: 14px;
    font-weight: 400;
    line-height: 19px;
    margin: 0;
    padding: 0;
}
.template .info span {
    color: #ffffff;
    font-size: 14px;
    font-weight:300;
}

.pages{
    background: none repeat scroll 0 0 #f7f8f9;
    height: 137px;
    margin-top: 10px;
    padding: 0;
    border-bottom: 5px solid #e4e5e4;
}
.pages:hover{background: none repeat scroll 0 0 #FEF2F2; border-bottom: 5px solid #FD4C52;}
.pages .col-sm-3 {padding: 15px 20px;}
.pages h1 {
    color: #5c656c;
    font-size: 24px;
    margin-top: 10px;
    padding-top: 10px;
    text-align: left;
    font-weight: 300;
}
.pages .col-sm-9 .col-sm-12 {
    background: none repeat scroll 0 0 #ffffff;
    border: 1px solid #e8e8e7;
    height: 59px;
    margin-top: 3px;
    padding-top: 10px;
}
.pages .percent{
    line-height: 40px;
    padding: 0;
    width: 20%;
    color: #FD4C52;
    font-weight: 600;
    font-size: 22px;
}
.pages .percent span {float: left; margin-right: 5px;}
.pages .percentage {
    background: url("../images/buttons.png") repeat scroll -302px -69px rgba(0, 0, 0, 0);
    display: block;
    height: 40px;
    width: 40px;
}
.pages a {
    display: block;
    float: right;
    height: 40px;
    width: 40px;
    margin-right:5px;
}
.l-controls{float: right; width: 136px;}
.pages .delete {background: url("../images/buttons.png") repeat scroll -302px -69px rgba(0, 0, 0, 0);}
.pages .new-page {background: url("../images/buttons.png") repeat scroll -159px -69px rgba(0, 0, 0, 0);}
.pages .time {background: url("../images/buttons.png") repeat scroll -231px -69px rgba(0, 0, 0, 0);}

.pages .delete:hover {background: url("../images/buttons.png") repeat scroll -302px -119px rgba(0, 0, 0, 0);}
.pages .new-page:hover {background: url("../images/buttons.png") repeat scroll -159px -119px rgba(0, 0, 0, 0);}
.pages .time:hover {background: url("../images/buttons.png") repeat scroll -231px -119px rgba(0, 0, 0, 0);}

.steps{
    width:100%;
    margin-bottom:20px;
    overflow:hidden;
}
.steps-div{
    height: 120px;
    text-align: center;
    cursor:pointer;
}

.steps div.first {
    background: url("../images/tool-suite/steps.png") no-repeat scroll -15px -28px rgba(0, 0, 0, 0);
}
.steps div.first.selected {
    background: url("../images/tool-suite/steps.png") no-repeat scroll -15px -176px rgba(0, 0, 0, 0);
}
.steps div.second {
    background: url("../images/tool-suite/steps.png") no-repeat scroll -345px -28px rgba(0, 0, 0, 0);
}
.steps div.second.selected {
    background: url("../images/tool-suite/steps.png") no-repeat scroll -345px -176px rgba(0, 0, 0, 0);
    color: #119ad2;
}
.steps div.third {
    background: url("../images/tool-suite/steps.png") no-repeat scroll -670px -28px rgba(0, 0, 0, 0);
}
.steps div.third.selected {
    background: url("../images/tool-suite/steps.png") no-repeat scroll -670px -176px rgba(0, 0, 0, 0);
    color: #119ad2;
}

.steps span {
    font-size: 16px;
    font-weight: 600;
}
.steps span.selected{ color: #119ad2;}

.hidden {
    display:none;
}

/*------- conf room ---------*/

.dashboard-info .blue .active_moderators {
    background: url("../images/tool-suite/rooms.png") repeat scroll -2px -66px #007DA8;
}
.dashboard-info .grey .suspended_moderators {
    background: url("../images/tool-suite/rooms.png") repeat scroll -2px -134px #868686;
}
.dashboard-info .grey .total_moderators {
    background: url("../images/tool-suite/rooms.png") repeat scroll -100px -270px #868686;
}
.dashboard-info .blue .room_available {
    background: url("../images/tool-suite/rooms.png") repeat scroll 0px -66px #007DA8;
}
.dashboard-info .grey .other_rooms {
    background: url("../images/tool-suite/rooms.png") repeat scroll -95px -130px #868686;
}
.dashboard-info .grey .room_used {
    background: url("../images/tool-suite/rooms.png") repeat scroll -98px -270px #868686;
}
.promo {margin-bottom:30px; margin-top: 30px;}
.promo .checkbox input[type="checkbox"]{margin-left: 0;}
.promo .code-wrapper {padding: 0;}
.promo .code-embed {
    background: url("../images/tool-suite/embed.png") no-repeat scroll 0 -2px rgba(0, 0, 0, 0);
    cursor: pointer;
    margin-bottom: 5px;
    margin-top: 21px;
    padding: 8px 0 8px 40px;
    font-size: 17px;
}
.promo .video {
    border: 1px solid #dddddc;
    color: #f3f4f4;
    padding: 7px;
    position: relative;
}
.promo .darken {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.3);
    display: block;
    height: 100%;
    left: 0;
    padding: 7px;
    position: absolute;
    top: 0;
    width: 100%;
    border: solid 7px #FFF;
}
.video > a {
    color: #fff;
}
.promo .play {
    cursor: pointer;
    display: block;
    height: 58px;
    left: 40%;
    position: absolute;
    top:30%;
    width: 58px;
    z-index: 2;
    font-size: 55px;
}
.promo .nopadding{padding-left: 0;}
.code-wrapper code b {color: #7998ae;}
.code-wrapper code{color: #000000;font-weight: 400;}
.code-wrapper code span {color: #119ad2;font-weight: 400;}
.code-wrapper i {color: #acabab; font-style: normal;}
.promo h4{
    margin-top: 0;
    font-size: 16px;
    margin-bottom: 26px;
}

.current-status {
    background: url("../images/downline_bg.png") repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: 1px solid #ccc;
    padding:35px 0;
    margin-top:40px;
}
.btn-img{
    background: #FFF;
    border: 1px solid #d3d6d8;
    padding: 40px 0;
    text-align: center;
    height:152px;
}
.btn-title{
    display: block;
    margin-left: 0;
    text-align: center;
    width: 100%;
    font-weight:600;
    margin: 8px 0;
}
.code-wrapper > p > span {
    color: #acabab; font-size: 13px;
}
.code-wrapper span.icon.attachment {
    display: block;
    float: left;
    height: 25px;
    margin-right: 21px;
    width: 25px;
}
.code-wrapper span.icon.attachment {
    background: url("../images/tool-suite/attachments.png") repeat scroll -1px -53px rgba(0, 0, 0, 0);
}
.code-wrapper div.attachments a p {
    color: #5c656c;
    padding-top: 3px;
}
.code-wrapper div.attachments a p:hover {text-decoration: underline;}
.wbg{background: #FFF;}

.link {
    background: url("../images/tool-suite/links.png") no-repeat scroll 0 -123px rgba(0, 0, 0, 0);
    color: #119ad2;
    display: block;
    margin-top: 20px;
    padding: 20px 20px 20px 50px;
}

.languages ul li {
    margin-bottom: 5px;
    padding: 11px 0 11px 0px;
    display: block;
    line-height: 40px;
}
.lang-ex{
    width:40px;
    height:40px;
    text-align: center;
    border-radius: 100%;
    border: solid 1px #009BDF;
    float: left;
    padding: 6px 0;
    font-weight: 700;
    color: #009BDF;
    font-size: 16px;
    line-height:24px;
    margin-right: 5px;
}


/**************** Training Product *********************/

.intro { background:url("../images/master_workshop_sidebar.png") -5px -6px no-repeat; }
.target { background:url("../images/master_workshop_sidebar.png") -5px -57px no-repeat; }
.topic { background:url("../images/master_workshop_sidebar.png") -5px -104px no-repeat; }
.publish { background:url("../images/master_workshop_sidebar.png") -5px -151px no-repeat; }
.reward { background:url("../images/master_workshop_sidebar.png")  -5px -247px no-repeat; }
.message { background:url("../images/master_workshop_sidebar.png") -5px -294px no-repeat; }
.mechanism { background:url("../images/master_workshop_sidebar.png") -5px -342px no-repeat; }
.product { background:url("../images/master_workshop_sidebar.png") -5px -432px no-repeat; }
.affiliate { background:url("../images/master_workshop_sidebar.png") -5px -480px no-repeat; }
.pure { background:url("../images/master_workshop_sidebar.png") -5px -533px no-repeat; }
.threed { background:url("../images/master_workshop_sidebar.png") -5px -479px no-repeat; }
.internal { background:url("../images/master_workshop_sidebar.png") -5px -640px no-repeat; }
.free { background:url("../images/master_workshop_sidebar.png")  -5px -690px no-repeat; }
.paid { background:url("../images/master_workshop_sidebar.png") -5px -743px no-repeat; }
.video { background:url("../images/master_workshop_sidebar.png") -5px -846px no-repeat;  }
.logos { background:url("../images/master_workshop_sidebar.png") -5px -900px no-repeat; }
.characters { background:url("../images/master_workshop_sidebar.png") -5px -947px no-repeat; }
.symbols { background:url("../images/master_workshop_sidebar.png") -5px -994px no-repeat; }
.warning { background:url("../images/master_workshop_sidebar.png") -5px -1042px no-repeat; }
.slides { background:url("../images/master_workshop_sidebar.png") -5px -1092px no-repeat; }
.bonus { background:url("../images/master_workshop_sidebar.png") -5px -1141px no-repeat; }

.target { background:url("../images/master_workshop_sidebar.png") -5px -57px no-repeat; }
.topic { background:url("../images/master_workshop_sidebar.png") -5px -104px no-repeat; }
.publish { background:url("../images/master_workshop_sidebar.png") -5px -151px no-repeat; }

.selected .intro { background:url("../images/master_workshop_sidebar.png") -52px -6px no-repeat !important; }
.selected .target { background:url("../images/master_workshop_sidebar.png") -52px -57px no-repeat !important; }
.selected .topic { background:url("../images/master_workshop_sidebar.png") -52px -104px no-repeat !important; }
.selected .publish { background:url("../images/master_workshop_sidebar.png") -52px -151px no-repeat !important; }
.selected .reward { background:url("../images/master_workshop_sidebar.png")  -52px -247px no-repeat !important; }
.selected .message { background:url("../images/master_workshop_sidebar.png") -52px -294px no-repeat !important; }
.selected .mechanism { background:url("../images/master_workshop_sidebar.png") -52px -342px no-repeat !important; }
.selected .product { background:url("../images/master_workshop_sidebar.png") -52px -432px no-repeat !important; }
.selected .affiliate { background:url("../images/master_workshop_sidebar.png") -52px -480px no-repeat !important; }
.selected .pure { background:url("../images/master_workshop_sidebar.png") -52px -533px no-repeat !important; }
.selected .threed { background:url("../images/master_workshop_sidebar.png") -52px -479px no-repeat !important; }
.selected .internal { background:url("../images/master_workshop_sidebar.png") -52px -640px no-repeat !important; }
.selected .free { background:url("../images/master_workshop_sidebar.png")  -52px -690px no-repeat !important; }
.selected .paid { background:url("../images/master_workshop_sidebar.png") -52px -743px no-repeat !important; }
.selected .video { background:url("../images/master_workshop_sidebar.png") -52px -846px no-repeat !important; }
.selected .logos { background:url("../images/master_workshop_sidebar.png") -52px -900px  no-repeat !important; }
.selected .characters { background:url("../images/master_workshop_sidebar.png") -52px -947px no-repeat !important; }
.selected .symbols { background:url("../images/master_workshop_sidebar.png") -52px -994px no-repeat !important; }
.selected .warning { background:url("../images/master_workshop_sidebar.png") -52px -1042px no-repeat !important; }
.selected .slides { background:url("../images/master_workshop_sidebar.png") -52px -1092px no-repeat !important; }
.selected .bonus { background:url("../images/master_workshop_sidebar.png") -52px -1141px no-repeat !important; }


.training-products .sub-nav{
    width:100%;
    background:#FFF;
    overflow:hidden;
    margin-top:20px;
    /*border-left: 1px solid #c4c3c3;*/
    border-right: 1px solid #c4c3c3;
    border-top: 1px solid #c4c3c3;
}

.training-products .noborder-top{border-top:none !important;}
.training-products .sub-nav-border{ border-left: 1px solid #c4c3c3; border-right: 1px solid #c4c3c3;}
.training-products .border-left{border-left: 1px solid #c4c3c3;}

.training-products .sub-nav > div {
    background: none repeat scroll 0 0 #f2f2f2;
    border-bottom: 1px solid #c4c3c3;
    border-right: 1px solid #c4c3c3;
    cursor: pointer;
    height: 95px;
    padding-top: 15px;
    width: 20% ;
    padding-left: 0;
    padding-right: 0;
}
.training-products .sub-nav .icon {
    display: block;
    float: left;
    height: 50px;
    margin-top: 6px;
    width: 50px;
    margin-left: 15px;
    margin-right: 1px;
}
.training-products .sub-nav h1 {
    color: #868686;
    font-size: 16px;
    font-weight:600;
    margin-top: 10px;
    text-align:left;
}
.training-products .university .icon {  background: url("../images/training-pro/subnav.png") repeat scroll -28px -30px rgba(0, 0, 0, 0);}
.training-products .workshop .icon { background:url("../images/training-pro/subnav.png") -148px -30px;}
.training-products .replays .icon { background:url("../images/training-pro/subnav.png") -265px -28px;}
.training-products .smc .icon { background:url("../images/training-pro/subnav.png") -350px -28px;}
.training-products .lr .icon { background:url("../images/training-pro/subnav.png") -432px -28px;}

.training-products .sub-nav .university.selected .icon {background-position: -28px -109px;}
.training-products .sub-nav .selected h1 {color: #009ade;}
.training-products .sub-nav .university.selected {border-top: 3px solid #129ad3;}
.training-products .sub-nav .selected {
    background: none repeat scroll 0 0 #ffffff;
    border-bottom: 1px solid #ffffff;
    border-top: 4px solid #129ad3;
}
.training-products .sub-nav .university.selected .icon {background-position: -28px -110px;}
.training-products .sub-nav .workshop.selected .icon {background-position: -148px -110px;}
.training-products .sub-nav .replays.selected .icon {background-position: -265px -110px;}
.training-products .sub-nav .smc.selected .icon {background-position: -350px -110px;}
.training-products .sub-nav .lr.selected .icon {background-position: -432px -110px;}
.training-products .mt{margin-top:18px !important;}

.inner-wraper .title .introduction {background: rgba(0, 0, 0, 0) url("../images/master_workshop_sidebar.png") no-repeat scroll -90px 12px;}
.inner-wraper .title .video {background: rgba(0, 0, 0, 0) url("../images/master_workshop_sidebar.png") no-repeat scroll -90px -827px;}
.inner-wraper .title .logos { background: rgba(0, 0, 0, 0) url("../images/master_workshop_sidebar.png") no-repeat scroll -90px -883px;}
.inner-wraper .title .characters {background: rgba(0, 0, 0, 0) url("../images/master_workshop_sidebar.png") no-repeat scroll -90px -930px;}
.inner-wraper .title .symbols { background: rgba(0, 0, 0, 0) url("../images/master_workshop_sidebar.png") no-repeat scroll -89px -976px;}
.inner-wraper .title .warning {background: rgba(0, 0, 0, 0) url("../images/master_workshop_sidebar.png") no-repeat scroll -90px -1025px;}
.inner-wraper .title .slides { background: rgba(0, 0, 0, 0) url("../images/master_workshop_sidebar.png") no-repeat scroll -89px -1074px;}
.inner-wraper .title .quote {background: rgba(0, 0, 0, 0) url("../images/master_workshop_sidebar.png") no-repeat scroll -89px -86px;}
.inner-wraper .title .instructors {background: rgba(0, 0, 0, 0) url("../images/master_workshop_sidebar.png") no-repeat scroll -90px -462px;}
.inner-wraper .title .motivation {background: rgba(0, 0, 0, 0) url("../images/master_workshop_sidebar.png") no-repeat scroll -90px -1025px;}
.inner-wraper .title .focus {background: rgba(0, 0, 0, 0) url("../images/tool-suite/input.png") no-repeat scroll -9px -215px;}
.inner-wraper .title .target {background: rgba(0, 0, 0, 0) url("../images/master_workshop_sidebar.png") no-repeat scroll -89px -38px;}
.inner-wraper .title .topic { background: rgba(0, 0, 0, 0) url("../images/master_workshop_sidebar.png") no-repeat scroll -89px -87px;}
.inner-wraper .title .publish {background: rgba(0, 0, 0, 0) url("../images/master_workshop_sidebar.png") no-repeat scroll -88px -133px;}
.inner-wraper .title .reward {background: rgba(0, 0, 0, 0) url("../images/master_workshop_sidebar.png") no-repeat scroll -89px -228px;}
.inner-wraper .title .mechanism {background: rgba(0, 0, 0, 0) url("../images/master_workshop_sidebar.png") no-repeat scroll -90px -323px;}
.inner-wraper .title .product { background: rgba(0, 0, 0, 0) url("../images/master_workshop_sidebar.png") no-repeat scroll -90px -414px;}
.inner-wraper .title .pure { background: rgba(0, 0, 0, 0) url("../images/master_workshop_sidebar.png") no-repeat scroll -91px -515px;}
.inner-wraper .title .internal {background: rgba(0, 0, 0, 0) url("../images/master_workshop_sidebar.png") no-repeat scroll -89px -622px;}
.inner-wraper .title .free {background: rgba(0, 0, 0, 0) url("../images/master_workshop_sidebar.png") no-repeat scroll -89px -672px;}
.inner-wraper .title .paid { background: rgba(0, 0, 0, 0) url("../images/master_workshop_sidebar.png") no-repeat scroll -90px -725px;}

.nav-tabs .download {
    border-color: #009ade;
    color: #ffffff;
    float: right;
    margin-left: 30px;
}
.nav-tabs .download a {
    background: #009ade url("../images/master_workshop_sidebar.png") no-repeat scroll -40px -422px;
    border-color: #009ade;
    color: #ffffff;
    padding-left: 50px;
}
.nav-tabs > li.download > a:hover, .nav-tabs > li > a:focus {
    background-color: #FD4C52 !important;
    border-color: #FD4C52;
    color:#FFF;
    outline:none;
}
.img-holder{margin: 10px 0;}
#backgrounds .imgtitle, #nature .imgtitle, #webcasting .imgtitle {
    bottom: 15px;
    left: 10px;
    position: absolute;
}
#backgrounds .ratings, #nature .ratings, #webcasting .ratings {
    border-left: 1px solid #ccc;
    bottom: 0;
    padding: 18px 30px;
    position: absolute;
    right: 0;
}
#backgrounds .ratings a, #nature .ratings a, #webcasting .ratings a {
    display: block;
    float: left;
    height: 25px;
    width: 25px;
    color: #86878A;
}
#backgrounds .ratings a i, #nature .ratings a i, #webcasting .ratings a i { font-size: 20px;}
#backgrounds .ratings a:hover, #nature .ratings a:hover, #webcasting .ratings a:hover {color:#009BDF;}
#backgrounds .ratings a.selected, #nature .ratings a.selected, #webcasting .ratings a.selected {color:#009BDF;}
.fa.fa-dropbox {font-size: 20px;}
.comp-logos{
    text-align: center;
    border: solid 1px #ddd;
    padding:10px;
}
.character-img{
    background: #F6F7F7;
    border: solid 1px #D6D6D6;
    margin: 15px;
    text-align: center;
}
.character-img .img-responsive{display:inline;}
.symbols-img{
    background: #F6F7F7;
    border: solid 1px #D6D6D6;
    margin:3px;
    text-align: center;
    padding: 15px;
}
.warning-img{margin: 15px 0; text-align: center;}
.warning-img .img-responsive{display:inline;}

.replay{
    margin: 10px 0 20px 0;
}
.replay h4{margin-bottom: 15px; font-weight:600; font-size: 14px; color: #FD4C52;}

.video-desc {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: #c7e4f7 none repeat scroll 0 0;
    border-color: #009ade;
    border-image: none;
    border-style: solid;
    border-width: 5px 1px 1px;
    color: #5c656c;
    font-size: 15px;
    min-height: 336px;
    padding: 17px 16px;
    width:100%;
}
.video-desc p{font-size: 14px; line-height: 22px;}

.sitelist{margin-top: 20px;}
.sitelist p{margin-bottom: 10px; overflow: hidden; display: block;}

.instructor .image-border {
    border:5px solid #f3f4f4;
    width: 100%;
}
.instructor .rborder {
    border-left: 4px solid #009ade;
    padding-left: 20px;
}
.instructor h1 {
    color: #231f20;
    font-size: 24px;
    margin-bottom: 18px;
    margin-top: 0;
    text-align: left;
    font-weight: 300;
}
.soc-icon {
    margin: 15px auto;
    overflow: hidden;
    padding: 0;
    text-align: center;
    width: 154px;
}
.soc-icon li{display: block; margin: 0 4px; float: left;}
.soc-icon a{
    text-align: center;
}
.soc-icon .fb {
    border: 1px solid #3461a1;
    border-radius: 50%;
    color: #3461a1;
    display: block;
    font-size: 15px;
    height: 30px;
    padding: 3px 0;
    width: 30px;
    float: left;
}
.soc-icon .fb:hover{background: #3461a1; color: #FFF;}
.soc-icon .tw {
    border: 1px solid #28aae1;
    border-radius: 50%;
    color: #28aae1;
    display: block;
    font-size: 15px;
    height: 30px;
    padding: 3px 0;
    width: 30px;
    float: left;
}
.soc-icon .tw:hover{background: #28aae1; color: #FFF;}
.soc-icon .linkkedin {
    border: 1px solid #136d9d;
    border-radius: 50%;
    color: #136d9d;
    display: block;
    font-size: 15px;
    height: 30px;
    padding: 2px 0;
    width: 30px;
    float: left;
}
.soc-icon .linkkedin:hover{background: #136d9d; color: #FFF;}
.soc-icon .gplus {
    border: 1px solid #de5543;
    border-radius: 50%;
    color: #de5543;
    display: block;
    font-size: 15px;
    height: 30px;
    padding: 3px 0;
    width: 30px;
    float: left;
}
.soc-icon .gplus:hover{background: #de5543; color: #FFF;}


/*------------------- Reseller Tools -------------------*/

.weekly { background: url("../images/sidebar.png") no-repeat scroll -2246px -28px;}
.downline { background: url("../images/sidebar.png") no-repeat scroll -2463px -28px;}
.commissions { background: url("../images/sidebar.png") no-repeat scroll -2515px -28px;}
.leads { background: url("../images/sidebar.png") no-repeat scroll -2355px -28px;}


button.facebook {
    background: #4886c2 none repeat scroll 0 0 ;
    color: #FFF;
    border: none;
    padding:12px 10px;
    margin-bottom: 20px;
}
button.facebook i {
    float: left;
    font-size: 24px;
    margin-left: 10px;
    margin-right: 6px;
}
button.facebook:hover, button.facebook:active{background: #2e659b none repeat scroll 0 0 ; color: #FFF;}
button.email {
    background: #F16866 none repeat scroll 0 0 ;
    color: #ffffff;
    border: none;
    padding:12px 10px;
}
button.email i {
    float: left;
    font-size: 24px;
    margin-left: 10px;
    margin-right: 6px;
}
button.email:hover, button.email:active{background: #d54745 none repeat scroll 0 0 ; color: #FFF;}
.btn-label {
    display: inline;
    float: left;
    margin-left: 10px;
    padding-right: 20px;
}
.live-call h3{
    font-size: 24px;
    margin-bottom:0;
    font-weight: 300;
    color: #000;
}
.live-call span{
    font-size: 14px;
    font-weight: 300;
    color: #333;
}
.live-img{margin:20px 0;}
.live-training{
    background: #FAFAFA;
    border: solid 1px #eee;
}

button.add-cart{
    background: #FD4C52 none repeat scroll 0 0 ;
    color: #FFF;
    border: none;
    padding:12px 10px;
    margin-bottom: 20px;
}
button.add-cart i {
    font-size: 24px;
    margin-left: 10px;
    margin-right: 6px;
}
button.add-cart:hover, button.add-cart:active{background:#E74046 none repeat scroll 0 0 ; color: #FFF;}
.modal-header h4{margin-bottom: 0;}
.promo .tab-content {
    background: #f3f4f4 none repeat scroll 0 0;
    border: 1px solid #dddddc;
    padding: 10px;
}
.width50td{width: 50%;}
.width70{width:70%; padding:8px 5px;}

.width40td{width: 40%;}
.width65{width:65%; padding:5px;}
.width50{width:50%; padding:5px;}
.width25{width:25%; padding:5px;}

.padding5px{padding: 5px;}

.banners tr th:first-child {
    padding-left: 20px;
    text-align: left;
}

.adcopy .div-editor {
    border: 1px solid #f0a556;
    border-radius: 5px;
    color: #5c656c;
    font-size: 15px;
    line-height: 20px;
    padding: 33px 19px;
    margin-bottom: 30px;
    font-size: 14px;
}
.redtext{color: #E75D64;}

.inner-wraper .title .weekly {background:url("../images/sidebar.png") no-repeat scroll -2234px -145px;}
.inner-wraper .title .downline { background: rgba(0, 0, 0, 0) url("../images/sidebar.png") no-repeat scroll -2449px -145px;}
.inner-wraper .title .commission {background: rgba(0, 0, 0, 0) url("../images/sidebar.png") no-repeat scroll -2502px -145px;}
.inner-wraper .title .payout { background: rgba(0, 0, 0, 0) url("../images/sidebar.png") no-repeat scroll -2555px -145px;}
.inner-wraper .title .browser { background: rgba(0, 0, 0, 0) url("../images/sidebar.png") no-repeat scroll -1076px -145px;}

.margint30{margin-top: 30px;}
.table-total{width: 100%;}
.table-total h2 {
    font-size: 23px;
    text-align: right;
    font-weight: 300;
}
.table-total span {
    color: #FD4C52;
    padding-left: 20px;
}

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

.leaderboards-filter button[type="submit"] {
    margin-top: 35px;
}

.panel-leaderboard {
    margin-bottom: 20px;
}
.panel-leaderboard .panel-title {
    margin-bottom: 0;
}
.table-light-header.table>tbody>tr>td,.table-light-header.table>tbody>tr>th,.table-light-header.table>tfoot>tr>td,.table-light-header.table>tfoot>tr>th,.table-light-header.table>thead>tr>td,.table-light-header.table>thead>tr>th {
    border: 1px solid #e8e8e8;
    line-height: 1.5em;
    padding: 10px;
    vertical-align: top;
}
.table-light-header.table>thead>tr>th {
    vertical-align: middle;
    background-color: #f7f8fa;
    white-space: nowrap;
    height: 60px;
}
.panel-leaderboard .table-light-header>thead>tr>.position,.panel-leaderboard .table-light-header>tbody>tr>.position,.panel-leaderboard .table-light-header>tfoot>tr>.position {
    width: 1%;
    text-align: center;
}
.panel-leaderboard .table-light-header div.label-level {
    float: right;
    font-size: 0;
    vertical-align: top;
    margin-top: 2px;
    margin-left: 5px;
}

.panel-leaderboard .table-light-header div.avatar {
    display: inline-block;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    overflow: hidden;
    margin-right: 5px;
}

.panel-leaderboard .table-light-header div.avatar img {
    width: 36px;
    height: 36px;
}

.panel-leaderboard .table-light-header div.name, .panel-leaderboard .table-light-header a.name {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    display: inline-block;
    line-height: 36px;
    max-width: calc(100% - 77px);
}

.dropdown-earners-list {
    margin-bottom: 30px;
}
.dropdown-earners-list.all-time {
    max-width: 500px;
    margin-left: auto;
    margin-right: auto;
}
.dropdown-earners-list.all-time .dropdown-toggle {
    white-space: normal;
}
.dropdown-levels-list {
    max-width: 200px;
}
.dropdown-levels-list > .level {
    float: left;
    margin-right: 3px;
}
.dropdown-levels-list > .level img {
    width: 36px;
}
.dropdown-levels-list > .level + .dropdown {
    margin-left: 39px;
}
.dropdown-levels-list .dropdown-toggle {
    /*width: 100%;*/
    padding: 7px 15px 7px 10px;
    text-align: left;
    position: relative;
}
.dropdown-levels-list .caret  {
    position: absolute;
    top: 50%;
    right: 6px;
    margin-top: -3px;
    border-top-width: 6px;
    border-right-width: 3px;
    border-left-width: 3px;
}
.dropdown-levels-list .dropdown-menu {
    width:200px;
    max-height: 350px;
    overflow-y: auto;
}
.dropdown-levels-list .dropdown-menu li {
    font-size: 13px;
    line-height: 25px;
    padding: 1px 2px 1px 10px;
    margin-bottom: 1px;
}
.dropdown-levels-list .dropdown-menu li:hover,
.dropdown-levels-list .dropdown-menu li.active {
    background-color: #fdf2f2;
    color: #f4494d;
}
.dropdown-levels-list .label-level {
    float: left;
    width: 25px;
    min-height: 25px;
}
.dropdown-levels-list .label-level img {
    width: 25px;
    display: block;
    min-height: auto;
}
.dropdown-levels-list .name {
    margin-left: 31px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
#alltimetop td {
    white-space: normal;
}
/*------------- Commissions and stats ---------------*/
.filters-group {
  overflow: hidden;
  text-align: center;
  margin-bottom: 30px;
}
.box-filter {
  float: left;
  width: 16%;
  padding: 10px;
  border-radius: 0;
  background-color: #393b41;
  color: #fff;
  text-align: center;
  white-space: nowrap;
}

.box-filter span {
  display: block;
}

.box-filter + .box-filter {
  margin-left: 0.6%;
}

.filters-group .form-group {
  margin-right: 10px;
}

.filters-group .form-group label {
  margin-right: 5px;
}

.filters-group .calendar {
  width: 120px;
}
.filters-group .calendar-range {
    width: 250px
}
.btn-filter {
  padding-left: 20px;
  padding-right: 20px;
  border-radius: 0;
  background-color: #f45152;
  color: #fff;
}

.btn-filter:hover, .btn-filter:focus {
  background-color: #478700;
  color: #fff;
}
.table-title-comm {
    font-size: 24px;
    font-weight: 400;
    text-align: center;
}

/*-------------------- support -----------------------*/
.support .white-bg {
    min-height: 600px;
}
.support .sub-nav{
    width:100%;
    background:#FFF;
    overflow:hidden;
    margin-top:20px;
    border-right: 1px solid #c4c3c3;
    border-top: 1px solid #c4c3c3;
}
.support .sub-nav ul {
    padding:0;
    margin-bottom:0;
    border-bottom: 0;
}
.support .sub-nav ul li {
    width: 25%;
    width: 20%;
    float: left;
}

.support .sub-nav ul li > a {
    display: block;
    background-color: #f2f2f2;
    border-top: 4px solid transparent;
    text-decoration: none;
    height: auto;
    padding: 15px 5px;
}
.support .sub-nav .tab-title {
    float: none;
    text-align: center;
    margin-top: 0;
}
.support .sub-nav ul li > a.livechat_h {}
.support .sub-nav ul li > a:hover, .support .sub-nav ul li > a:focus {
    border-top: 4px solid #FD4C52;
}

.support .sub-nav ul li.selected > a {
    background-color: #fff;
    border-top: 4px solid #FD4C52;
}

.support .noborder-top{border-top:none !important;}
.support .sub-nav-border{ border-left: 1px solid #c4c3c3; border-right: 1px solid #c4c3c3;}
.support .border-left{border-left: 1px solid #c4c3c3;}
.support .sub-nav .icon {
    display: block;
    float: left;
    height: 50px;
    width: 50px;
    margin-right: 10px;
}

.support .sub-nav .home .icon { background: rgba(0, 0, 0, 0) url("../images/support/subnav.png") repeat scroll -30px -27px;}
.support .sub-nav .emergency .icon { background: rgba(0, 0, 0, 0) url("../images/support/subnav.png") repeat scroll -150px -27px;}
.support .sub-nav .tickets .icon { background: rgba(0, 0, 0, 0) url("../images/support/subnav.png") repeat scroll -275px -27px; }
.support .sub-nav .submit-ticket .icon {background: rgba(0, 0, 0, 0) url("../images/support/subnav.png") repeat scroll -395px -29px;}
.support .sub-nav .chat .icon { background: rgba(0, 0, 0, 0) url("../images/support/subnav.png") repeat scroll -522px -27px;}

.support .sub-nav .home.selected .icon { background: rgba(0, 0, 0, 0) url("../images/support/subnav.png") repeat scroll -30px -107px;}
.support .sub-nav .emergency.selected .icon { background: rgba(0, 0, 0, 0) url("../images/support/subnav.png") repeat scroll -150px -107px;}
.support .sub-nav .tickets.selected .icon { background: rgba(0, 0, 0, 0) url("../images/support/subnav.png") repeat scroll -275px -107px;}
.support .sub-nav .submit-ticket.selected .icon { background: rgba(0, 0, 0, 0) url("../images/support/subnav.png") repeat scroll -395px -107px;}
.support .sub-nav .chat.selected .icon { background: rgba(0, 0, 0, 0) url("../images/support/subnav.png") repeat scroll -522px -107px;}

.support .tickets { background: rgba(0, 0, 0, 0) url("../images/support/support_icons.png") no-repeat scroll 0 12px;}
.support .emergency {background: rgba(0, 0, 0, 0) url("../images/support/support_icons.png") no-repeat scroll -200px 10px;}
.support .submit-ticket { background: rgba(0, 0, 0, 0) url("../images/support/support_icons.png") no-repeat scroll -239px 12px;}
.support .chati{ background: rgba(0, 0, 0, 0) url("../images/support/support_icons.png") no-repeat scroll -162px 12px;}

input.search {
    background-image: url("../images/tool-suite/input.png");
    background-position: -17px -688px;
    background-repeat: no-repeat;
}

.btn-group.bootstrap-select.prority {
    margin-left: 15px !important;
    width: 85% !important;
}
.prority .btn-info{
    background: #009BDF;
    border:solid 1px #009BDF;
}
.btn-info.active, .btn-info.focus, .btn-info:active, .btn-info:focus, .btn-info:hover, .open > .dropdown-toggle.btn-info {
    background-color: #009BDF;
    border-color: #009BDF;
    color: #fff;
}
/*
.ticket {
  background: rgba(0, 0, 0, 0) url("../images/support/timeline_bg.png") repeat-y scroll 28px 0;
  margin-right: 9px;
  padding-bottom: 32px;
}*/

.ticket {
    margin-right: 9px;
}
.small-indicators span {
    display: block;
    height: 30px;
    margin-bottom: 10px;
    margin-left: 4px;
    margin-top: 10px;
    width: 30px;
}
.small-indicators .priority.urgent, .small-indicators .time.high {
    background: rgba(0, 0, 0, 0) url("../images/support/small_indicator_icons.png") no-repeat scroll 2px -50px;
}
.small-indicators .priority.important, .small-indicators .time.medium {
    background: rgba(0, 0, 0, 0) url("../images/support/small_indicator_icons.png") no-repeat scroll 2px -26px;
}
.small-indicators .check.selected {
    background: rgba(0, 0, 0, 0) url("../images/support/small_indicator_icons.png") no-repeat scroll 2px -74px;
}
.ticket .ticket-body, .ticket .post-body, .chat .post-body {
    background: #fff none repeat scroll 0 0;
    min-height: 156px;
}
.ticket .title {
    background: #f7f8f9 none repeat scroll 0 0;
    border: 1px solid #cecece;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    min-height: 108px;
    padding: 22px 20px 0;
    margin: 0;
}

.ticket .details .text {
    background: #f7f8f9 none repeat scroll 0 0;
    border: 1px dashed #cecece;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    color: #414141;
    line-height: 30px;
    padding-bottom: 25px;
    padding-top: 25px;
}

.ticket .info {
    background: #009ade none repeat scroll 0 0;
    color: #ffffff;
    line-height: 45px;
    min-height: 47px;
    text-align: center;
    overflow: hidden;
}
.ticket .title .text, .ticket .details .text {
    font-size: 15px;
    line-height: 22px;
    margin-bottom: 10px;
    font-weight: 400;
    color: #333;
}
.ticket .indicators span {
    display: block;
    height: 40px;
    margin-top: 7px;
    width: 40px;
}
.ticket .indicators div, div.ticket .indicators {padding: 0;}
.ticket .indicators .priority .urgent {background: rgba(0, 0, 0, 0) url("../images/support/large_indicator_icons.png") repeat scroll -12px -68px;}
.ticket .indicators .time .fast {background: rgba(0, 0, 0, 0) url("../images/support/large_indicator_icons.png") repeat scroll -335px -69px;}
.ticket .indicators .check span.selected {background: rgba(0, 0, 0, 0) url("../images/support/large_indicator_icons.png") repeat scroll -399px -69px;}

.ticket .info .delete {
    background-color:rgba(255,255,255,0.4);
    background-image: url("../images/support/support_icons.png");
    background-position: -75px 8px;
    background-repeat: no-repeat;
    display: block;
    float: right;
    height: 48px;
    margin-top: -1px;
    width: 57px;
}
.ticket .info .delete:hover {background-color: rgba(255,255,255,0.6);}

.width20{width: 20%; padding: 0;}
.width26{width: 26%; padding: 0;}
.width8{width: 8%; padding: 0;}

.ticket.selected .info {background: #51bb79 ;}
.ticket.completed .info {
    background: #F1F2F2;
    border-top: 1px solid #e1e2e2;
    border-left: 1px solid #e1e2e2;
    border-right: 1px solid #e1e2e2;
    color: #444444;
}
.ticket.completed .delete {
    background-color: #cccccc !important;
}

.ticket .details .text {
    background: #fafafa;
    border: 1px dashed #cecece;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    color: #444444;
    line-height: 30px;
    padding-bottom:25px;
    padding-top:25px;
}
.ticket .post-replay {
    padding-left: 41px;
}
.ticket h1 {
    color: #58575b;
    font-size: 23px;
    margin-bottom: 21px;
    text-align: left;
    clear: both;
}
.ticket .post-replay .ticket-body, .ticket .post-body, .chat .post-body {
    border: 2px solid #e6ebed;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    padding: 0 20px 20px;
    overflow: hidden;
}
.ticket .replay-info {
    height: 51px;
    padding-left: 0;
    padding-right: 0;
    padding-top: 15px;
}
.ticket .post-replay .text {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0 !important;
    min-height: 700px;
}
.ticket .attachments .attachment, .chat .attachments .attachment {
    background: #FD4C52 none repeat scroll 0 0;
    border-radius: 5px;
    color: #ffffff;
    font-family: "StagSans-Medium",Helvetica,Arial,sans-serif;
    margin-bottom: 5px;
}
.ticket .attachments p, .chat .attachments p {
    margin-bottom: 7px;
    padding-top: 7px;
    font-weight: 700;
}
.ticket .attachment span, .chat .attachments span {
    margin-left: 30px;
    font-weight: 700;
}
.ticket .attachment .remove, .chat .attachment .remove {
    background-image: url("../images/support/support_icons.png");
    background-position: -75px 0;
    background-repeat: no-repeat;
    display: block;
    float: right;
    height: 26px;
    width: 40px;
}
.ticket .submit-btn {
    padding: 18px 0 0;
}
.ticket button.cancel {
    background: #f7f8f9 none repeat scroll 0 0;
    border: 1px solid #d6d6d6 !important;
    border-radius: 5px;
    color: #70838f !important;
}
.ticket .btn { background: #FD4C52 none repeat scroll 0 0;}

.ticket .ticketsubject{
    margin-bottom: 22px;
    padding-top: 15px;
    overflow: hidden;
}
.emergency-services{
    padding-left: 10px !important;
    width: 100% !important;
}

/*----------------- chat --------------*/

.chat {
    background: #ffffff none repeat scroll 0 0;
    height: 100%;
}
.chat{}
.chat .post {
    background: #f7f8f9 none repeat scroll 0 0;
    border: 1px solid #cecece;
    border-radius: 5px;
    margin-bottom: 13px;
    min-height: 93px;
}
.chat .post p {
    color: #6e7073;
    font-size: 14px;
    font-weight: 300;
    padding-top: 15px;
}
.chat .post .col-xs-2 {
    margin-top: 20px;
}
.chat .post.blue-post {
    background: #f2f8fd none repeat scroll 0 0;
    border: 1px solid #e2e6ec;
}
.chat .post.blue-post p { color: #1b9ad6;}
.chat .post-body .text {
    border-style: dashed;
    margin-bottom: 8px;
    margin-top:5px;
}
.chat .text {
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}
.chat .attachments .attachment { background: #009ade none repeat scroll 0 0 !important;}
.chat-send{ margin:5px auto 5px auto; display: block; text-align: center;}

.chat .close {
    margin-left: 10px;
    margin-top: 3px;
}
.close {
    background: rgba(0, 0, 0, 0) url("../images/popup_close_buttons.png") no-repeat scroll -12px -8px !important;
    display: block;
    height: 30px !important;
    width: 30px !important;
}

.chat .inner-wraper .title h2, .inner-wraper .title2 h2 {
    color: #333;
    display: block;
    float: left;
    font-size: 24px;
    font-weight: 300;
    margin: 4px 0 0 15px;
    padding-top: 0;
}
.chat .inner-wraper .ring-green {
    border: 1px solid #009bdf;
    border-radius: 100%;
    display: block;
    float: left;
    height: 47px;
    margin-left: -9px;
    width: 47px;
}
.chat .submit {
    border-top: 1px solid #c9c8c8;
    margin-left: 0;
    margin-right: 0;
    padding-top:5px;
}

.chat .form-horizontal {
    background: #f7f8f9 none repeat scroll 0 0;
    border: 2px solid #dddfe0;
    padding:25px;
}
.bs-callout-warning h4 { color: #f0ad4e;}
.bs-callout-danger h4 {color: #d9534f;}
.np .checkbox {
    display: block;
    margin-bottom: 5px;
}

.inner-wraper .payment {background: rgba(0, 0, 0, 0) url("../images/sidebar.png") no-repeat scroll -2610px -143px;}
.inner-wraper .contact { background: rgba(0, 0, 0, 0) url("../images/sidebar.png") no-repeat scroll -2127px -143px;}
.inner-wraper .personal { background: rgba(0, 0, 0, 0) url("../images/sidebar.png") no-repeat scroll -2888px -145px;}

.section_tab_video{
    margin: 10px auto;
    width: 55%;
}


/*------------------------------ blog -------------------------*/

.blog {
    margin-right: 9px;
    padding-bottom: 32px;
}
.blog .title {
    background: #f7f8f9 none repeat scroll 0 0;
    border: 1px solid #cecece;
    border-radius: 5px;
    padding: 20px 10px ;
    margin-bottom:20px;
}
.blog .title .blogdetails{font-size:12px; margin-bottom:15px; padding:0;}
.blog .title .name{
    margin:0;
    font-size:18px;
    font-weight:600;
    color:#FD4C52;
    margin-bottom:5px;
}
.blog .title .name a{	color:#FD4C52;}
.blog .title .name a:hover, .blog .title .name a:focus, .blog .title .name a:active {	color:#FD4C52; text-decoration:none; outline:none;}
.blog .title .blogdetails span{color:#787878; display:inline-block; margin-right:10px;}
.blog .title .blogdetails a{ margin-right:10px; display:inline-block;}

.blog .pagination > li > a, .pagination > li > span{color:#FD4C52;}
.blog .pagination > li > a:focus, .pagination > li > a:hover, .pagination > li > span:focus, .pagination > li > span:hover {
    background-color: #FD4C52;
    border-color: #ddd;
    color: #FFF;
}
.blog .edit{
    background:#FD4C52;
    text-align:center;
    height:35px;
    width:35px;
    color:#FFF;
    border-radius:50%;
    padding: 7px 0;
    float:left;
    margin-right:10px;
}
.blog .delete{
    background:#FD4C52;
    text-align:center;
    height:35px;
    width:35px;
    color:#FFF;
    border-radius:50%;
    padding: 8px 0;
    float:left;
}
.blog .edit:hover, .blog .delete:hover {background-color:#121212;}

/*---  Forum  ---------------------------------------------------*/
.blog hr{margin:0 0 10px 0; border-color: #ddd;}
.small-text{display:block; text-align:center; font-size:13px; font-weight:400; margin-top:-5px;}
.last-replay{width:100%;}
.last-replay .userimg{
    width:50px;
    height:50px;
    margin-right:10px;
    float:left;
}
.last-replay .replay-dis {
    float: left;
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
    width: 83%;
}
.last-replay .replay-dis > span{display:block; color:#999;}

.forumdetails{font-size:12px; margin-bottom:15px; padding:0;}
.forumdetails span{color:#787878; display:inline-block; margin-right:10px;}

/*-------------------------------*/
.workout-sch{padding:0;}
.workout-sch li{
    width:18.5%;
    margin:12px 7px 0 7px;
    min-height:150px;
    display:block;
    float:left;
    text-align:center;
    background-color:#606C88;
    color:#FFF;
    border-radius:6px;
}

.day {
    font-size: 18px;
    font-weight: 600;
    margin: 8px 0 6px 0;
}
.program_name{
    font-size: 15px;
    margin: 10px 0 0 0;
}
.workout{
    font-size: 16px;
    font-weight: 600;
    margin: 0 0 8px 0;
}
.workout a{color:#FFF;} .workout a:hover, .workout a:active, .workout a:focus{color:#9BE620; text-decoration:none; background-color:#FD4C52;}
.workout-sch a:hover li{
    background-color:#494f5f;
}

/*------------------------------------*/

.promoemail{margin-bottom:25px;}
.promoemail h3{color:#333; font-size:20px; margin-bottom:8px;}
.promoemail textarea{
    width:100%;
    padding:10px;
    min-height:190px;
    border-radius:6px;
}
.promoartical{width:100%; margin-bottom:25px;}
.promoartical h3{color:#333; font-size:20px; margin-bottom:8px;}
.promoartical textarea{
    width:100%;
    padding:10px;
    min-height:400px;
    border-radius:6px;
}

.ex-head{
    font-size:20px;
    color:#FD4C52;
    font-weight:600;
}
.workout-vid{margin-top:20px;}
.workout-vid a img {
    height: 200px;
    width: 100%;
}

/*-----------------------*/

.workout-schedule{
    width:100%;
    overflow:hidden !important;
    min-height:186px;
    position:relative;
}
.workout-schedule img { width: 100%;}
.workout-schedule .info1 {
    background: rgba(0, 0, 0, 0.8) none repeat scroll 0 0;
    border-bottom: 5px solid #FD4C52;
    bottom: 0;
    padding:10px;
    position: absolute;
    width:100%;
}
.workout-schedule .info1 h2 {
    color: #ffffff;
    font-size: 18px;
    font-weight: 600;
    margin: 0;
    padding: 0;
}
.workout-schedule .info1 h4{
    color: #ffffff;
    font-size: 16px;
    font-weight:400;
    margin: 8px 0;
}
.rest{background-color:#232323;min-height:200px;}
.day1{
    text-align:center;
    font-size:16px;
    color:#333;
    font-weight: 600;
    margin:15px 0;
}
.day1 span{
    display:block;
    color:#333;
    font-size:32px;
    margin-bottom:5px;
}

.schedule h2 {
    color:#333;
    font-size: 18px;
    font-weight: 600;
    margin: 0;
    padding: 0;
}
.schedule h4 {
    color:#333;
    font-size: 16px;
    font-weight: 400;
    margin: 8px 0;
    max-height: 34px;
    overflow: hidden;
}
.schedule{
    background:#f8f8f8;
    padding:10px;
    border-radius:5px;
    min-height: 190px;
    border-bottom:6px solid #FD4C52;
    border-top:solid 1px #ddd;
    border-left:solid 1px #ddd;
    border-right:solid 1px #ddd;
}


.workout-vid{margin-top:20px;}

.workout-vid .info1 {
    background: rgba(0, 0, 0, 0.8) none repeat scroll 0 0;
    border-bottom: 5px solid #FD4C52;
    bottom: 0;
    padding: 10px;
    position: absolute;
    width: 90.2%;
}

.workout-vid .info1 h2 {
    color: #ffffff;
    font-size: 18px;
    font-weight: 600;
    margin: 0;
    padding: 0;
}

.modal-vid .modal-body {
    background: url('/images/loadinganimation.gif') no-repeat 50% 50%;
}

.modal-vid .vid-bg {
    margin-bottom: 0;
    max-width: 100%;
}

.workoutDay a:hover, .workoutDay a:focus {
    text-decoration: none;
}

.workoutDay.noaccess {
    position: relative;
    opacity: 0.75;
    filter: Alpha(opacity=75);
}

.workoutDay.noaccess .btn-noaccess {
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    opacity: 1;
    background-color: transparent;
    border-color: transparent;
    cursor: default;
}

.modal-noaccess .modal-content {
    border-top: inherit;
    border-bottom: 5px solid #FD4C52;
    background-color: #f2f3f8;
}

.modal-noaccess .modal-body {
    padding: 30px;
}
.modal-noaccess h4 {
    line-height: 1.3em;
}
.modal-noaccess p {
    font-size: 16px;
}
.modal-noaccess .btn-update-wrap {
    margin-top: 25px;
    margin-bottom: 25px;
}
.modal-noaccess .btn-upgrade {
    background: #fd4c52;
    color: #ffffff;
    transition: all .15s ease-in-out;
}
.modal-noaccess .btn-upgrade:hover,
.modal-noaccess .btn-upgrade:focus {
    background: #888888;
    color: #ffffff;
}

.modal-noaccess .btn-link {
    font-size: 14px;
    display: inline;
    padding: 0;
    background: none;
    border: none;
}

/*------------------------------------------*/

.food-tacker .food-cedits{
    width:100%;
    padding:8px;
    vertical-align:middle;
    background-color:#eaeaea;
    border-radius:5px;
}
.food-tacker .title h2{
    color: #333;
    display: block;
    float: left;
    font-size: 24px;
    font-weight: 300;
    margin: 12px 0 0 0;
    padding-top: 0;
}
.food-tacker .food-cedits a{
    display:block;
    padding:20px 10px;
    font-size:50px;
    font-weight:300;
    color:#323232;
}
.food-tacker .food-cedits:hover{background-color:#e0e0e0;}
.food-tacker .food-cedits a:hover, .food-tacker .food-cedits a:active, .food-tacker .food-cedits a:focus{
    text-decoration:none;
    outline:none;
}
.food-schedule li{
    background-color:#EFEFEF;
    margin-bottom:5px;
    border-radius:5px;
    font-size:15px;
    font-weight:600;
    overflow:hidden;
    clear:both;
}
.food-schedule li a{color:#444444; display:block; float:left;}
.food-schedule li a:hover, .food-schedule li a:active, .food-schedule li a:focus{color:#333; text-decoration:none; outline:none;}
.food-schedule li > span{
    float:right;
    font-size:14px;
    font-weight:400;
}
.fit-chart{	background-color:#FFF !important; border:0;}
.fit-chart span{font-weight:600 !important;}
.food-schedule .foods{
    width:100%;
    padding:5px;
    margin-bottom:10px;
    overflow:hidden;
    background-color:#f8f8f8;
    border-radius:4px;
    border:solid 1px #EEE;
}
.food-schedule .foods .food-wrap {
    border-bottom: 1px dashed #ddd;
    margin-bottom: 5px;
    overflow: hidden;
    padding-bottom: 5px;
    width: 100%;
}
.food-schedule .foods .food-left{float:left;}
.food-schedule .foods .food-credit{float:right;}
.food-schedule .foods .totalday-credit{float:right; margin-right:24px;}
.food-schedule .foods .cancel{float:right; margin-left:12px;} .food-schedule .foods .cancel a{color:#444;} .food-schedule .foods .cancel a:focus{outline:none;}
.food-schedule .foods hr{
    clear:both;
    margin:8px 0;
}
.food-credit .time_input, .food-credit > input{
    padding:0px !important;
    border-radius:4px;
    border:solid 1px #ddd;
}
.add-food .tab-content h4{font-size:16px;}
.search-food{
    margin-top:20px;
    overflow:hidden;
}
.search-food .search-btn{
    background: #FD4C52 none repeat scroll 0 0;
    border: 0 none;
    color: #fff;
}
.food-list {
    height: 550px;
    margin-top: 10px;
    overflow: auto;
}
.food-list ul li{
    display:block;
    padding:3px 0;
    overflow:hidden;
}
.food-list ul li a {
    color: #444;
    float: left;
    margin-left: 4px;
    width: 77%;
}
.food-list .leftArrow{display:none;padding-top:6px; color:#5c656c;}
.food-list ul li a:hover, .food-list ul li a:active, .food-list ul li a:focus{color:#FD4C52; outline:none; text-decoration:none;}
.food-list ul li > ul{padding:0 10px;}
.group_class > ul{padding:0 0 0 20px;}
.pointsDiv{float:right; font-weight:600;}
.food-list .pointer_food_tree a {
    color: #5c656c;
    display: inline-block;
    font-size: 12px;
    padding-top:1px;
}
.tree_list{margin:1px 0;}
.addFavorites{float:right; margin-left:8px; margin-top:2px;}
.photo{
    padding:5px;
    border:solid 4px #dbdada;
}
.navbar-inverse .nav > .fb_group {
    padding-right: 15px;
    padding-left: 0;
}
.navbar-inverse .nav > .fb_group > a {
    padding: 0;
    height: 34px;
    outline: none;
    text-decoration: none;
}
.fb-icon{
    border-radius:50%;
    background-color:#FFF;
    height:34px;
    width:34px;
    text-align:center;
    font-size:22px;
    line-height: 34px;
    color:#333;
}
.fb-icon.direct-affiliates-table{
    display: inline-block;
    height:20px;
    width:20px;
    font-size:15px;
    line-height: 20px;
    color: #fff;
    background: linear-gradient(0deg, rgba(20,109,226,1) 0%, rgba(38,168,250,1) 100%);
}
.fb-icon .fa {
    font-family: 'FontAwesome';
    font-weight: normal;
}
.fb_connect {
    padding-right: 15px;
    padding-left: 0;
}
.navbar-inverse .nav > .fb_connect > a {
    padding: 0;
    height: 34px;
    outline: none;
    text-decoration: none;
}
.fb_connect>a>img {
    position: relative;
    top: -3px;
}
.fb_connect .tooltip {
    width: 90px;
    left: 50%;
    margin-left: -45px;
    display: none;
    opacity: 1;
}
.fb_connect > a:hover + .tooltip {
    display: block;
}

.workout-list {
    height: 315px;
    margin-top: 10px;
    overflow: auto;
}
.workout-list ul li{
    display:block;
    padding:3px 0;
}
.workout-list ul li a{
    margin-left:10px;
    color:#444;
}
.workout-list ul li a:hover, .workout-list ul li a:active, .workout-list ul li a:focus{color:#FD4C52; font-weight:600;outline:none; text-decoration:none;}
.workout-list ul li:before{
    content:"\f067";
    font-family: FontAwesome;
}
.workout-list ul li > ul{padding:0 20px;}
.workout-list ul li > ul li:before{
    content:"\f061";
    font-family: FontAwesome;
}

/*--------- downline tree --------------*/

.downline-tree {
    background: rgba(0, 0, 0, 0) url("../images/reseller_tools/downline_bg.png") repeat scroll 0 0;
    border: 1px solid #ccc;
    height: 610px;
    overflow: auto;
    position: relative;
}
.downline-tree .inner {
    min-width: 3000px;
    width: 100%;
    height: 100%;
    position: absolute;
}
.downline-tree .inner div div {
    display: block;
    float: left;
    font-size: 12px;
    height: 115px;
    line-height: 12px;
    padding-top: 80px;
    text-align: center;
    width: 57px;
}

.downline-tree div.inner div.dbc { background: rgba(0, 0, 0, 0) url("../images/reseller_tools/direct_bottom_center.png") no-repeat scroll 0 5px;}
.downline-tree div.inner div.ptr { background: rgba(0, 0, 0, 0) url("../images/reseller_tools/paid_top_right.png") no-repeat scroll 0 -1px;}
.downline-tree div.inner div.line{ background: rgba(0, 0, 0, 0) url("../images/reseller_tools/line.png") no-repeat scroll 0 0;}
.downline-tree div.inner div.dtc { background: rgba(0, 0, 0, 0) url("../images/reseller_tools/direct_top_center.png") no-repeat scroll -1px -1px;}
.downline-tree div.inner div.pt {  background: rgba(0, 0, 0, 0) url("../images/reseller_tools/paid_top.png") no-repeat scroll 0 -1px;}
.downline-tree div.inner div.ttc { background: rgba(0, 0, 0, 0) url("../images/reseller_tools/trial_top_center.png") no-repeat scroll 0 -1px;}
.downline-tree div.inner div.ptc { background: rgba(0, 0, 0, 0) url("../images/reseller_tools/paid_top_center.png") no-repeat scroll 0 -1px;}
.downline-tree div.inner div.ptl { background: rgba(0, 0, 0, 0) url("../images/reseller_tools/paid_top_left.png") no-repeat scroll 0 -1px;}
.downline-tree div.inner div.dt { background: rgba(0, 0, 0, 0) url("../images/reseller_tools/direct_top.png") no-repeat scroll 0 -1px;}
.downline-tree div.inner div.tt { background: rgba(0, 0, 0, 0) url("../images/reseller_tools/trial_top.png") no-repeat scroll 0 -1px;}

.legend {
    background:#F9F9FA;
    border-bottom: 1px solid #cccccb;
    border-left: 1px solid #cccccb;
    border-right: 1px solid #cccccb;
    color: #647886;
    display: block;
    font-size: 20px;
    text-align: center;
    width: 100%;
    font-weight: 300;
    margin-bottom: 30px;
}
.legend div {
    height: 61px;
    padding-top: 18px;
}
.legend .paid { background: rgba(0, 0, 0, 0) url("../images/reseller_tools/legend.png") no-repeat scroll 40px -55px;}
.legend .trial { background: rgba(0, 0, 0, 0) url("../images/reseller_tools/legend.png") no-repeat scroll 40px 16px;}
.legend .direct { background: rgba(0, 0, 0, 0) url("../images/reseller_tools/legend.png") no-repeat scroll 15px -129px;}

.reseller-tools .div-editor {
    border: 1px solid #f0a556;
    border-radius: 5px;
    color: #5c656c;
    font-size: 15px;
    line-height: 20px;
    padding: 33px 19px;
}

.com-select{
    width: 200px;
    float: right !important;
}
.balance h2{color: #000; font-weight: 300;}
.total-stat span{
    color: #FD4C52;
    display: block;
}
.links{padding: 0;}
.links li {
    border-bottom: 1px solid #ccc;
    padding: 10px 5px;
    display: block;
}

/*-------------------- member stats -----------------------------*/
.member-stats {
    color: #fff;
    margin: 0;
    padding: 0;
}
.member-stats > div {
    margin: 15px 0 0 10px;
    width: 23.5%;
    overflow: hidden;
}
.member-stats div { padding: 0;}
.member-stats .left {padding-left: 16px;}
.member-stats .right {padding-right: 16px;text-align: right;}
.member-stats p {
    font-size: 15px;
    margin: 0;
    padding: 0;
}
.member-stats h1 {
    font-weight: 600;
    font-size: 28px;
    margin: 0;
    padding: 0;
    text-align: left;
    color: #FFF;
}
.member-stats .up {
    border-radius: 5px 5px 0 0;
    padding: 10px;
}
.member-stats .icon{height: 50px; width: 55px;}

.member-stats .visitors {background: #00A65A;}
.member-stats .visitors .down { background: #008D4D; padding: 2px 0;}
.member-stats .visitors .icon {background: rgba(0, 0, 0, 0) url("../images/reseller_tools/member-icons.png") repeat scroll -12px -8px;}

.member-stats .leads {background:#DD4B39;}
.member-stats .leads .down { background: #BC4031; padding: 2px 0;}
.member-stats .leads .icon {background: rgba(0, 0, 0, 0) url("../images/reseller_tools/member-icons.png") repeat scroll -90px -5px;}

.member-stats .sales {background:#F39C12;}
.member-stats .sales .down { background:#CF850F; padding: 2px 0;}
.member-stats .sales .icon {background: rgba(0, 0, 0, 0) url("../images/reseller_tools/member-icons.png") repeat scroll -12px -78px;}

.member-stats .ernings {background:#00C0EF;}
.member-stats .ernings .down { background:#00A3CB; padding: 2px 0;}
.member-stats .ernings .icon {background: rgba(0, 0, 0, 0) url("../images/reseller_tools/member-icons.png") repeat scroll -90px -75px;}

.bs-callout p{margin-bottom:0;}
.table > thead > tr > th {
    border: 1px solid #121212;
    vertical-align: bottom;
}
td.campaign-name {
    max-width: 150px;
    word-wrap: break-word;
    word-break: break-word;
}
.radio label input{
    box-shadow: none;
    font-size: 13px;
    height:15px;
    outline: 0 none;
}
.radio div.form-control{height:10px !important;}
.progress{margin:10px 0;}
.nopadding_right{padding-right:0;}


/*-------------*/
/*!
 * Start Bootstrap - SB Admin Bootstrap Admin Template (http://startbootstrap.com)
 * Code licensed under the Apache License v2.0.
 * For details, see http://www.apache.org/licenses/LICENSE-2.0.
 */

/* Global Styles */
#wrapper{   padding-left: 0;}
#page-wrapper{ width: 100%;padding: 0;background-color: #fff;}
.huge{font-size: 50px; line-height: normal;}
@media(min-width:768px) {
    #wrapper {padding-left: 225px;}
    #page-wrapper {padding: 10px;}
}
/* Top Navigation */
.top-nav {padding: 0 15px;}
.top-nav > li { display: inline-block; float: left;}
.top-nav > li > a { padding-top: 15px; padding-bottom: 15px; line-height: 20px; color: #999;}
.top-nav>li>a:hover,.top-nav>li>a:focus,.top-nav>.open>a,.top-nav>.open>a:hover,.top-nav>.open>a:focus {color: #fff; background-color: #000;}
.top-nav>.open>.dropdown-menu {
    float: left;
    position: absolute;
    margin-top: 0;
    border: 1px solid rgba(0,0,0,.15);
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    background-color: #fff;
    -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
    box-shadow: 0 6px 12px rgba(0,0,0,.175);
}
.top-nav>.open>.dropdown-menu>li>a {white-space: normal;}
ul.message-dropdown { padding: 0; max-height: 250px; overflow-x: hidden; overflow-y: auto;}
li.message-preview { width: 275px; border-bottom: 1px solid rgba(0,0,0,.15);}
li.message-preview>a {padding-top: 15px; padding-bottom: 15px;}
li.message-footer { margin: 5px 0;}
ul.alert-dropdown { width: 200px;}
/* Side Navigation */
@media(min-width:768px) {
    .side-nav {position: relative;top: 0;	left: 0; display: block; float: none;	width: 100%;border: none;	border-radius: 0;	overflow-y: auto;	background-color:#2A2D33;	bottom: 0;overflow-x: hidden;	padding-bottom: 40px;}
    .side-nav > li {padding:0 0 5px 0;border-bottom:solid 1px #383838;width: 100%;}
    .side-nav > li > a {width:100%;font-size:13px;padding:10px 12px !important;}
    .side-nav > li > a > strong{ font-weight:600;}
    .side-nav > li > a > i{font-size:20px; float:right;}
    .side-nav>li>a:hover {outline: none;background:#FD4C52 !important; color: #9d9d9d;}
}
.side-nav > li > ul { padding: 0; padding-bottom: 20px;}
.side-nav > li > ul > li > a {display: block;padding: 10px 10px 10px 32px;text-decoration: none;color: #999;font-size: 13px;transition: all 0.2ms ease-in-out;}
.side-nav > li > ul > li > ul > li > a {display: block;padding: 10px 15px 10px 18px;text-decoration: none;color: #999;font-size: 13px;}
.side-nav > li > ul > li > a:hover {color: #fff;}
.side-nav > li > ul > li > ul > li > a:hover {color: #fff;}
.side-nav.video-nav > li > a { color: #fff; }
.side-nav.video-nav > li > ul > li > a  { color: #fff; }
.side-nav.video-nav > li > ul > li > a i.fa { margin-right: 10px; }
.side-nav.video-nav > li > ul > li > ul >li > a i.fa { margin-right: 10px; }
.side-nav > li > ul > li > ul {
    list-style-type: none;
    padding-left: 5px;
}
/* Flot Chart Containers */
.flot-chart {display: block; height: 400px;}
.flot-chart-content { width: 100%; height: 100%;}
/* Custom Colored Panels */
.huge { font-size: 40px;}
.panel-green { border-color: #5cb85c;}
.panel-green > .panel-heading { border-color: #5cb85c; color: #fff; background-color:#2A2D33;}
.panel-green > a {color: #5cb85c;}
.panel-green > a:hover {color: #3d8b3d;}
.panel-red { border-color: #d9534f;}
.panel-red > .panel-heading {border-color: #d9534f; color: #fff; background-color: #d9534f;}
.panel-red > a {color: #d9534f;}
.panel-red > a:hover { color: #b52b27;}
.panel-yellow { border-color: #f0ad4e;}
.panel-yellow > .panel-heading { border-color: #f0ad4e; color: #fff; background-color: #f0ad4e;}
.panel-yellow > a {color: #f0ad4e;}
.panel-yellow > a:hover {color: #df8a13;}
/*--------- menu css end ----*/
.bdayYearMonth{float: left; margin: 0px 12px 0px 0px; width: 85px;}
.bdayDate{float: left; width: 90px;}
.stepTitle{
    font-size:16px;
    font-weight:600;
    margin-bottom:25px;
}
.fitProfileEdit .panel{}
.fitProfileEdit .panel-heading{
    text-align:center;
    font-size:16px;
    color:#484848;
    font-weight:600;
}
.fitProfileEdit .panel-body{font-size:15px; line-height:25px;}
.fitProfileEdit .panel-success {border-color:#FD4C52;}
.fitProfileEdit .panel-success > .panel-heading {
    background-color: #FD4C52;
    border-color: #FD4C52;
    color: #FFF;
}
.fitProfileEdit input[type="radio"]{
    display:none;
    height:0;
}
.creditdiv{
    height:100px;
    width:100px;
    border-radius:100%;
    border:solid 1px #FD4C52;
    margin:25px auto 0;
    text-align:center;
    font-size:30px;
}
.creditCalculation{margin-top:25px; font-size:15px; line-height:25px;}
.questionWrap h3{
    font-size:16px;
    color:#484848;
    font-weight:600;
    margin:10px 0;
}
.questions{clear:both;}
.questionWrap hr {border-top: 1px dashed #ccc;}
.contratsText h1{
    text-transform:uppercase;
    font-weight:700;
    font-size:36px;
    letter-spacing:-1px;
}
.contratsText p{
    font-size:15px;
    line-height:25px;
}


/*---- Show Leads css start----*/
#lead_stat .table > tbody > tr > td, #lead_stat  .table > tbody > tr > th, #lead_stat  .table > tfoot > tr > td, #lead_stat .table > tfoot > tr > th, #lead_stat .table > thead > tr > td, #lead_stat .table > thead > tr > th {padding:0;}
#lead_stat .table tr td, .table tr th {border:none;}
#lead_stat .progress {
    border-radius: 2px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) inset;
    height: 15px;
    margin: 8px 0;
    overflow: hidden;
    float:left;
}
#lead_stat .total{float:left; padding:0 15px;}
#lead_stat .blue-header thead th {background: #f1f1f1 none repeat scroll 0 0; color:#333;}
#lead_stat .table > thead > tr > th { border-bottom: 1px solid #ddd; vertical-align: bottom;}
.graph3{
    display:inline-block;
    height:15px;
    width:15px;
    border-radius:50px;
    background:#d9534f;
    margin-right:8px;
    position:relative;
    top:2px;
}
.graph1{
    display:inline-block;
    height:15px;
    width:15px;
    border-radius:50px;
    background:#5cb85c;
    margin-right:8px;
    position:relative;
    top:2px;
}
.graph3Blue{
    display:inline-block;
    height:15px;
    width:15px;
    border-radius:50px;
    background:#6495ed;
    margin-right:8px;
    position:relative;
    top:2px;
}
.color_indicator{display:inline; margin-right:15px;  float: right;}
/*---- Show Leads css end----*/


.workoutSch{margin-top:20px;}
.workout-vid{margin-top:20px; min-height:245px;}
.startHere{margin-top:20px;}
.workout-vid .info1, .startHere .info1{
    background: rgba(0, 0, 0, 0.8) none repeat scroll 0 0;
    border-bottom: 5px solid #FD4C52;
    bottom: 0;
    padding: 10px;
    position: absolute;
    width: 100%;
}
.workout-vid .info1 h2, .startHere .info1 h2 {
    color: #ffffff;
    font-size: 18px;
    font-weight: 600;
    margin: 0;
    padding: 0;
}
.story-box { position: relative;}
.altBtn{
    background: #FD4C52 none repeat scroll 0 0;
    border: 0 none;
    color: #fff;
    margin-top: 10px;
}
.altBtn:hover, .altBtn:active, .altBtn:focus {
    background: #121212 none repeat scroll 0 0;
    color: #fff;
}
.pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover {
    background-color: #fd4c52;
    border-color: #fd4c52;
    color: #fff;
    cursor: default;
    z-index: 2;
}
.pagination > li > a, .pagination > li > span {
    background-color: #fff;
    border: 1px solid #ddd;
    color: #2a2d33;
    float: left;
    line-height: 1.42857;
    margin-left: -1px;
    padding: 6px 12px;
    position: relative;
    text-decoration: none;
}


.affi_url h3{

    font-size:24px;

    color:#FD4C52;

    margin:10px 0;

}

.affiURL{margin-bottom:15px;}

.affiURL a{

    display:inline-block;

    text-align:center;

    margin-bottom:5px;

}

.affiURL .pageImg{margin-bottom:8px;}



/*------ confirm emil ---*/

.header{

    background:#2A2D33;

    padding:10px 0;

    margin-bottom:25px;

}
.confirmEmailMain {
    padding-top: 80px;
}
.confirmEmail .panel-body {

    padding: 20px 30px;
}
.confirmEmail h2{

    font-weight:600;

    color:#2A2D33;

    font-size:22px;

}

.confirmEmail h3{

    font-weight:700;

    color:#FD4C52;

    font-size:22px;

    margin-top:8px;

}

.confirmEmail p{font-size:16px; line-height:28px;}

.confirmEmail label{font-size:16px; font-weight:600; line-height:48px;}

.confirmEmail .form-control{

    height:50px;

    font-size:18px;

}

.confirmBtn {

    padding:10px 20px 10px 20px !important;

    height:auto;

    border-radius:5px;

    font-size:20px;

    font-weight:600;

    background:#FD4C52;

    border:none;

    color:#FFF;

    margin-bottom:15px;

    display:inline-block;

}

.confirmBtn:hover, .confirmBtn:focus{

    color:#FFF;

    background:#2A2D33;

    text-decoration:none;

    outline:none;

}
/*----- support dashboard ----*/
.supportWrap{
    border-radius: 6px;
    height: 75px;
    margin: 10px 0;
    overflow: hidden;
    border: 1px solid #5B686E;
}
.supportWrap h3{
    color: #FFF;
    font-weight: 600;
}
.supportDashboard div.blue > div {background: #414F54; height: 74px;}
.supportDashboard .blue .livechat {  background: #5B686E url("../images/support/subnav_dashboard.png") no-repeat scroll -10px 6px; border: 1px solid #5B686E;}
.supportDashboard .blue .em_service { background: url("../images/support/subnav_dashboard.png") no-repeat scroll -132px 6px #5B686E;  border: 1px solid #5B686E;}
.supportDashboard .blue .view_ticket { background: url("../images/support/subnav_dashboard.png") no-repeat scroll -260px 6px #5B686E; border: 1px solid #5B686E;}
.supportDashboard .blue .sub_ticket { background: url("../images/support/subnav_dashboard.png") no-repeat scroll -378px 6px #5B686E; border: 1px solid #5B686E;}

.spacer {
    clear: both;
    height: 20px;
    width: 100%;
}

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

.text-center {
    text-align: center;
}
.text-error {
    color: red;
}
.imgAdd {
    color: #009ade;
    font-size: 28px;
    margin-right: 5px;
}
.blog .pagination > li > a.current, .pagination > li > a.current, .pagination > li > span.current, .pagination > li > span.current {
    background-color: #5ba30b;
    border-color: #ddd;
    color: #fff;
}

.faqs .panel { border: 1px solid #ddd; padding: 10px;}
.faqs .panel-title a{display: block; font-size: 16px; font-weight: 600; color: #525252;}
.faqs .panel-body{line-height: 24px; font-size: 15px;}
#vtag{word-wrap:break-word;}

.danger-color {
    background-color: #ebcccc;
    border: 1px solid #999;
    border-radius: 50%;
    display: block;
    float: left;
    height: 25px;
    margin-right: 15px;
    width: 25px;
}

.warning-color {
    background-color: #faf2cc;
    border: 1px solid #999;
    border-radius: 50%;
    display: block;
    float: left;
    height: 25px;
    margin-right: 10px;
    width: 25px;
}

.help-label {
    display: block;
    float: left;
    height: 25px;
    margin-right: 10px;
    width: 25px;
    border: 1px solid #999;
    border-radius: 50%;
    position: relative;
    top: -2px;
}

#level_up, #go_root{display:inline-block; margin-right:8px;}

#level_up span{
    border-radius:50px;
    background:#fd4c52;
    color:#FFF;
    line-height:35px;
    height: 30px;
    width:30px;
    display:inline-block;
    text-align:center;
    cursor:pointer;
}
#level_up span i{font-size:24px;}

#go_root span{
    border-radius:50px;
    background:#fd4c52;
    color:#FFF;
    line-height:35px;
    height: 30px;
    width:30px;
    display:inline-block;
    text-align:center;
    cursor:pointer;
}
#go_root span i{font-size:24px;}
.totalRow td {
    background: #636363 !important;
    color:#FFF !important;
}
.waiting {
    bottom: 0;
    display: none;
    left: 0;
    outline: 0 none;
    overflow: hidden;
    position: fixed;
    right: 0;
    top: 0;
    background: #000;
    opacity: 0.4;
    z-index: 9999;
}

.waiting-img {
    position: fixed;
    left: 50%;
    top: 50%;
    z-index: 99999;
}


/*-------------- step css ------------*/

.statHere{
    list-style: outside none none;
    margin-right: 10px;
    padding: 0;
    width:100%;
}
.statHere .step {background: #ffffff url("../images/tick.png") no-repeat scroll 12px -204px;}
.statHere .step. current {background: #ffffff url("../images/tick.png") no-repeat scroll 12px -130px;}
.statHere .step > h2 {
    font-size: 16px;
    font-weight: 600;
    margin: 12px 0 0;
    padding: 0;
    color:#434343;
}
.statHere .step > h4 {
    color: #434343;
    font-size: 14px;
    font-weight: 600;
    margin: 5px 0 0;
    padding: 0;
}
.statHere li {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: #ffffff none repeat scroll 0 0;
    border-color: #dddddc #FD4C52 #dddddc #dddddc;
    border-image: none;
    border-style: solid;
    border-width: 1px 8px 1px 1px;
    cursor: pointer;
    height:80px;
    margin-bottom: 8px;
    padding: 8px 8px 10px 75px;
    position: relative;
    opacity:0.6;
}
.statHere .step:hover {
    background: #FD4C52 url("../images/tick.png") no-repeat scroll 12px -54px;
    color:#FFF;
}
.statHere .step:hover h2, .statHere .step:hover h4{ color: #FFF;}
.statHere .active, .statHere .active:hover, .statHere .active:active, .statHere .active > h2{
    background: #FFF url("../images/tick.png") no-repeat scroll 12px 18px;
    color: #434343 !important;
    opacity:1;
}
.statHere .active, .statHere .active:hover, .statHere .active > h4{color:#FD4C52 !important;}
/*-------------- step css end ------------*/
.helpBtn a{
    display:inline-block;
    background:#559f05;
    color:#FFF;
    border-radius:5px;
    font-size:16px;
    font-weight:600;
    height:35px;
    line-height:35px;
    padding-left:10px;
    overflow:hidden;
}
.helpBtn a::after{
    content:"\f059";
    font-family: FontAwesome;
    font-size:16px;
    background:#448003;
    height:35px;
    padding:9px 10px;
    margin-left:10px;

}
.panel label {
    cursor: pointer;
}

/*-------------- Report a Bug popup ------------*/
.screenshot .thumbnail {
    position: relative;
    overflow: hidden;
    height: 200px;
    width: 100%;
    padding: 0;
    border-radius: 0;
    background: url("../images/loadinganimation.gif") no-repeat center center;
    cursor: pointer;
}
.screenshot .thumbnail:hover div {
    color: #FD4C52;
}
.screenshot .thumbnail:hover svg {
    fill: rgb(253,76,82);
}
.screenshot .thumbnail > div {
    position: absolute;
    top: 50%;
    left: 25%;
    right: 25%;
    display: inline-block;
    width: 50%;
    padding: 10px;
    margin-top: -50px;
    border-radius: 15px;
    background-color: rgba(51,51,51,.2);
    color: #333;
    text-align: center;
}
.screenshot .thumbnail > div span {
    display: block;
}
/*-------------- Report a Bug popup ends------------*/

/*-------------- 404 page ------------*/
.page404 h2.red-ribbon {
    position: relative;
    padding-top: 3px;
    padding-bottom: 3px;
    font-weight: 700;
    font-size: 28px;
    line-height: 46px;
    color: #fff;
    background-color: #d41617;
    margin-top: 25px;
    margin-bottom: 25px;
}

.page404 h2.red-ribbon span {
    display: block;
    border-top: 1px dashed #fff;
    border-bottom: 1px dashed #fff;
    padding-left: 35px;
    padding-right: 35px;
}

.page404 h2.red-ribbon::before,
.page404 h2.red-ribbon::after {
    content: '';
    display: inline-block;
    border: 27px solid transparent;
    border-width: 27px 13px;
    position: absolute;
    top: 0;
}

.page404 h2.red-ribbon::before {
    left: 0;
    border-left-color: #fff;
}
.page404 h2.red-ribbon::after {
    right: 0;
    border-right-color: #fff;
}

.page404 .btn {
    border: 3px solid #6f6f6f;
    border-radius: 10px;
    color: #6f6f6f;
    font-size: 24px;
    font-weight: 700;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

.page404 .btn:hover, .page404 .btn:focus {
    color: #fff;
    background-color: #6f6f6f;
    border-color: transparent;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}
/*-------------- 404 page Ends ------------*/
.gvo-prepaid {
    display: table;
    width: 100%;
    font-size: 18px;
}

.gvo-prepaid label {
    font-size: 18px;
}

.gvo-prepaid img {
    margin-left: 15px;
    margin-right: 15px;
}

.gvo-prepaid > div {
    display: table-cell;
    vertical-align: middle;
}

.gvo-prepaid > div:first-child {
    white-space: nowrap;
}

.account-payouts h2 {
    margin-bottom: 20px;
}
.account-payouts p,
.account-payouts p {
    font-size: 16px;
}
.account-payouts .gvo-prepaid {
    display: block;
    margin: 0 auto 20px;
    width: 720px;
    max-width: 100%;
    min-height: 140px;
    border: 1px solid rgba(0,0,0, .1);
    background-color: rgba(0,0,0, .01);
    padding: 15px;
    border-radius: 5px;
}
.account-payouts .gvo-prepaid .flex-row {
    width: 100%;
    max-width: 100%;
    min-width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.account-payouts .gvo-prepaid .flex-row > div {
    display: block;
}
.account-payouts .gvo-prepaid .flex-row > div:first-child {
    white-space: normal;
    width: 420px;
}
.wise-help-text {
    width: 720px;
    max-width: 100%;
    margin: 15px auto;
}
.account-payouts .gvo-prepaid h5 {
    line-height: 1.4;
}

/*-------------- facebook button ----------*/
.btn-join-fb {
    margin-top: 20px;
}
.btn-join-fb a {
    position: relative;
    padding: 10px 20px 10px 65px;
    font-size: 16px;
    font-weight: 700;
    color: #fff;
    text-decoration: none;
    background-color: #f03f45;
    box-shadow: inset 0 25px 25px rgba(255,255,255,.15), 5px 5px 1px rgba(0,0,0, .1);
}
.btn-join-fb a span {
    display: block;
    width: 50px;
    padding: 10px;
    text-align: center;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-color: #3b3e43;
}

.btn-join-fb a:hover, .btn-join-fb a:hover {
    box-shadow: inset 0 0 15px rgba(0,0,0, .175);
    text-decoration: none;
}
.btn-join-fb2 {
    display: block;
    margin: 10px auto;
    padding: 30px 20px;
    max-width: 340px;
    background-color: #fff;
    border: 1px solid #e8e8e8;
    border-radius: 20px;
    text-align: center;
    white-space: normal;
}
.btn-join-fb2:hover {
    -webkit-box-shadow: 0 0 15px rgba(0,0,0,.1);
    -moz-box-shadow: 0 0 15px rgba(0,0,0,.1);
    box-shadow: 0 0 15px rgba(0,0,0,.1);
}
.btn-join-fb2 span.icon {
    display: inline-block;
    width: 150px;
    min-height: 150px;
    line-height: 150px;
    font-size: 40px;
    color: #fff;
    background: url('../images/fb-btn-bg.png') no-repeat center;
}
.btn-join-fb2 span.text {
    display: block;
    margin-top: 10px;
    font-size: 18px;
    font-weight: 700;
    color: #5e5e5e;
    min-height: 100px;
}
.btn-join-jl span.text{
    padding-bottom: 0;
}
.jl-img{
    width: 150px;
    line-height: 150px;
    margin: 0 auto;
}
.btn-join-ladies span.icon {
    background: url('../images/fb-btn-bg-ladies.png') no-repeat center;
}
.join-fb-row span.text {
    min-height: 150px;
}
.join-fb-row .btn-join-fb2 {
    margin-left: -5px;
    margin-right: -5px;
}
/*-------------- facebook button ends ----------*/

/*-------------- header-countdown --------------*/
.header-countdown {
    display: inline-block;
    float: left;
    vertical-align: top;
    width: 260px;
    position: relative;
    padding: 8px 10px;
    text-align: center;
}

.header-countdown > a {
    display: block;
    color: #2a2d33;
}

.header-countdown .offer-countdown-wrapper {
    position: relative;
    padding-top: 6px;
    border-radius: 10px;
    background-color: #f7f7f9;
    -webkit-box-shadow: inset 0 0 20px rgba(0,0,0, .05);
    -moz-box-shadow: inset 0 0 20px rgba(0,0,0, .05);
    box-shadow: inset 0 0 20px rgba(0,0,0, .05);
}
.header-countdown .offer-countdown-wrapper > span {
    position: relative;
    display: block;
    margin-left: -11px;
    margin-right: -11px;
    margin-bottom: 5px;
    font-size: 16px;
    line-height: 20px;
    font-weight: 600;
    color: #fff;
    background-color: #fd4c52;
    letter-spacing: -1.4px;
}
.header-countdown .offer-countdown-wrapper > span::before {
    content: '';
    display: block;
    position: absolute;
    bottom: -8px;
    left: 3px;
    border: 8px solid transparent;
    border-bottom-color: #949494;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    transform: rotate(45deg);
}
.header-countdown .offer-countdown-wrapper > span::after {
    content: '';
    display: block;
    position: absolute;
    bottom: -8px;
    right: 3px;
    border: 8px solid transparent;
    border-bottom-color: #949494;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.header-countdown .offer-countdown {
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 4px
}

.header-countdown .offer-countdown-wrapper > b {
    text-transform: uppercase;
}

.header-countdown .offer-countdown > span {
    position: relative;
    display: inline-block;
    border-radius: 2px;
    padding-left: 2px;
    margin-left: 6px;
    margin-right: 6px;
    width: 29px;
    color: #fff;
    text-align: center;
    background-color: #000000;
    letter-spacing: 6px;
}
.header-countdown .offer-countdown > span::before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 50%;
    width: 1px;
    background-color: #f7f7f9;
}
/*-------------- header-countdown ends --------------*/

/*-------------- videos page --------------*/
.video-embed-wrapper {
    margin-bottom: 20px;
}

.video-embed-wrapper h3 {
    margin-bottom: 10px;
    color: #585b62;
}
.video-embed-wrapper .video-embed-bg {
    margin: 0 auto 10px;
    padding: 5px;
    background-color: #f8f8f8;
    border: 1px solid #dddddc;
}
.video-embed-wrapper .responsive-object {
    position: relative;
    padding-bottom: 67.5%;
    height: 0;
    overflow: hidden;
}
.video-embed-wrapper .responsive-object-item {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
}
.video-embed-tabs .nav {
    margin-top: 0;
}
.video-embed-tabs .nav-pills>li+li {
    margin-left: 10px;
}
.video-embed-tabs .nav>li>a {
    padding: 6px 15px;
    border: 1px solid #ccc;
    border-radius: 2px;
    color: #777;
    -webkit-box-shadow: inset 0 -20px 10px 0 rgba(0,0,0, .05);
    -moz-box-shadow: inset 0 -20px 10px 0 rgba(0,0,0, .05);
    box-shadow: inset 0 -20px 10px 0 rgba(0,0,0, .05);
}
.video-embed-tabs .nav-pills>li.active>a,
.video-embed-tabs .nav-pills>li.active>a:focus,
.video-embed-tabs .nav-pills>li.active>a:hover {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    background-color: #fff;
    color: #777;
}
.video-embed-tabs .nav-pills>li::after {
    content: '';
    position: absolute;
    border: 6px solid transparent;
    border-bottom-color: #ccc;
    bottom: -16px;
    left: 50%;
    margin-left: -6px;
    display: none;
}
.video-embed-tabs .nav-pills>li::before {
    content: '';
    position: absolute;
    border: 4px solid transparent;
    border-bottom-color: #fff;
    bottom: -16px;
    left: 50%;
    z-index: 1;
    margin-left: -4px;
    display: none;
}
.video-embed-tabs .nav-pills>li.active::after,
.video-embed-tabs .nav-pills>li.active::before {
    display: block;
}
.video-embed-wrapper .tab-pane {
    margin-top: 15px;
    padding: 15px;
    padding-right: 35px;
    border: 1px solid #ccc;
    border-radius: 2px;
    background-color: #fff;
}
.video-embed-tabs label {
    line-height: 1.4em;
}
.video-embed-tabs textarea.form-control {
    border-radius: 0;
}
.video-embed-tabs textarea.form-control[readonly] {
    cursor: pointer;
    background-color: #fff;
}
.video-embed-tabs textarea.form-control[readonly]::selection {
    background: #FD4C52;
    color: #fff;
}
.video-embed-tabs textarea.form-control[readonly]::-moz-selection {
    background: #FD4C52;
    color: #fff;
}
.video-embed-tabs .player-settings table td {
    padding: 2px 5px;
    vertical-align: middle;
    white-space: nowrap;
}
.video-embed-tabs  .player-settings table td:first-child {
    padding-left: 0;
}
.video-embed-tabs .player-settings .pick-color {
    display: inline-block;
    width: 30px;
    height: 30px;
    border: 1px solid #000;
    cursor: pointer;
    margin-left: 3px;
    vertical-align: middle;
}
.video-embed-tabs .player-settings input[type="text"] {
    height: 30px;
    padding: 6px 12px;
    padding-left: 12px !important;
    vertical-align: middle;
    width: 120px;
}
.video-embed-tabs .player-settings input[type="text"]:focus {
    border-color: #878787;
}
.video-embed-tabs .share-links > a {
    display: inline-block;
    vertical-align: top;
    margin-left: 2px;
}
.video-embed-tabs .tab-pane > .close {
    margin: -15px -35px;
}
.video-embed-tabs .tab-content {
    position:absolute;
    z-index: 999;
}
.videos-page {
    padding-bottom: 370px;
}
/*-------------- videos page ends --------------*/

/*-------------- video-description --------------*/
.video-description > h3 {
    padding-left: 20px;
    margin: 10px 0;
}
.video-description .bs-callout {
    margin-top: 10px;
}
/*-------------- video-description ends --------------*/
.start-guide {
    margin-top: 10px;
    margin-bottom: 35px;
}
.start-guide a.quick-start, .start-guide a.fan-page {
    font-weight: 700;
    letter-spacing: -1.5px;
    text-decoration: underline;
    text-shadow: 0 1px 0 rgba(255, 255, 255,.5);
}
.start-guide a.quick-start { font-size: 35px; }
.start-guide a.fan-page { font-size: 30px; }
.start-guide h2 {
    font-weight: 700;
    letter-spacing: -1.5px;
}
.start-guide a.aff-link {  font-size: 16px; font-weight: 700; text-decoration: underline; }

.start-guide .btn-lg {
    margin-top: 10px;
    margin-bottom: 10px;
}

.html-vid-1 .btn {
    font-size: 18px;
    padding: 10px;
}

.btn-get-gps {
    width: 40%;
    padding: 20px;
    font-size: 18px;
    border-radius: 6px;
    background-color: #FD4C52;
    color: #fff;
    margin: 10px;
    -webkit-box-shadow: 0 2px 7px rgba(0,0,0,.15);
    box-shadow: 0 2px 7px rgba(0,0,0,.15);
}
.btn-get-fb-leads {
    width: 40%;
    padding: 20px;
    font-size: 18px;
    border-radius: 6px;
    background-color: #3B5998;
    color: #fff;
    margin: 10px;
    -webkit-box-shadow: 0 2px 7px rgba(0,0,0,.15);
    box-shadow: 0 2px 7px rgba(0,0,0,.15);
}
.btn-get-gps:hover, .btn-get-gps:focus {
    color: #fff;
    background-color: #c9302c;
    -webkit-box-shadow: 0 2px 7px rgba(255,255,255,.15);
    box-shadow: 0 2px 7px rgba(255,255,255,.15);
}
.btn-get-fb-leads:hover, .btn-get-fb-leads:focus {
    color: #fff;
    background-color: #2b4271;
    -webkit-box-shadow: 0 2px 7px rgba(255,255,255,.15);
    box-shadow: 0 2px 7px rgba(255,255,255,.15);
}


/*-------------- Modal Contact your coach --------------*/

.modal-your-coach .form-horizontal .control-label {
    line-height: 1.4em;
    font-size: 14px;
    font-weight: bold;
    text-align: right;
    cursor: default;
}
.modal-your-coach .form-horizontal {
    margin-top: 30px;
}
.text-success {
    padding: 6px 12px;
}

.success-message {
    font-size: 18px;
}

/*-------------- Modal Enter Contact Details --------------*/
.contact-details .modal-content {
    border-radius: 0;
}
.contact-details label {
    font-size: 16px;
    line-height: 1.25em;
}
.contact-details .form-control {
    border-radius: 2px;
    background-color: #eeeeee;
    border-color: #eeeeee;
    height: 44px;
    padding: 6px 12px !important;
    font-size: 14px;
}
.contact-details .form-group {
    margin-bottom: 15px;
}

.contact-details .btn {
    border-radius: 0;
    font-size: 20px;
}

.contact-details .btn-video-modal {
    display: inline-block;
    margin-top: 2px;
    font-size: 14px;
    color: black;
}
.contact-details .btn-video-modal:hover {
    color: #fd4c52;
}
.contact-details .btn-video-modal .fa {
  font-size: 120%;
  margin-top: 1px;
}

/*-------------- Conference room tab styles --------------*/
.conference .text-green { color: #49c767; }
.conference .text-red { color: #f4494d; }

.conference .table a {
    color: #647886;
}
.conference .table a:hover {
    text-decoration: underline;
}

.conference .room-links  a {
    color: #337ab7;
    font-weight: 400;
    line-height: 1.3em;
    word-break: break-word;
}
.conference .table code a { color: inherit; }
/*-------------- Conference room tab styles end --------------*/

/*------------- Modal Expire Credit Card  ----------------*/

.expireCCWrapper{
    display: none;
    position: fixed;
    width: 400px;
    top: 15px;
    right: 15px;
    color: #fff;
    background-color: rgba(0, 0, 0, 0.7);
    font-family: "Myriad Pro", Arial, sans-serif;
    font-size: 18px;
}

#expireCC{
    padding: 25px;
}

#expireCC > p:nth-child(2){
    font-size: 14px;
}

#expireCC > .buttons{
    text-transform: uppercase;
}

/*------------- Modal Welcome FREE LEVEL  ----------------*/
.account-level-modal .modal-body {
    padding: 30px 20px;
}

.account-level-modal h3,
.account-level-modal h4,
.account-level-modal p {
    color: #000;
}

.account-level-modal h3 {
    line-height: 1.3em;
}

.account-level-modal h4 {
    margin: 20px 0;
}

.account-level-modal ol {
    padding-left: 20px;
    padding-right: 10px;
}

@media only screen and (min-width: 768px) {
   .account-level-modal .modal-dialog { width: 700px; }
}
/*------------- Modal Default  ----------------*/
.modal-default .modal-content {
    border-radius: 0;
    border-top-color: #cfd5da;
    border-left: 0;
    border-right: 0;
    border-bottom: 0;
}
.modal-default .modal-header-slim {
    padding: 5px 5px;
}
.modal-default .modal-body-slim {
    padding: 5px 10px 10px;
}
.modal-default .no-border {
    border-bottom: none;
}
.modal-default .modal-header .close:hover {
    background-position: -12px -8px !important;
}

/*------------- FB Connect Modal  ----------------*/
.fb-connect-modal .modal-body h3 {
    margin-top: 0;
    font-size: 22px;
    color: #333333;
    font-weight: 300;
}
.fb-connect-modal .video {
    max-width: 98%;
    margin-left: auto;
    margin-right: auto;
    padding: 6px;
    background: #EEEEEE;
    border-radius: 2px;
}
.fb-connect-modal .image-wrapper {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 25px;
    margin-bottom: 25px;
}
.fb-connect-modal .image-wrapper>img {
    margin-left: 15px;
    margin-right: 15px;
}
.fb-connect-modal .image-wrapper .fa.fa-facebook {
    width: 50px;
    height: 50px;
    font-size: 28px;
    line-height: 50px;
    border-radius: 50%;
    color: #ffffff;
    text-align: center;
    background: rgb(20,109,226);
    background: linear-gradient(0deg, rgba(20,109,226,1) 0%, rgba(38,168,250,1) 100%);
    font-family: 'FontAwesome';
}
.fb-connect-modal .image-wrapper .avatar {
    width: 50px;
    height: 50px;
    margin: 0;
    overflow: hidden;
    border-radius: 50%;
    background: url('../images/avatar2.png') no-repeat center;
}
.fb-connect-modal .btn {
    color: #ffffff;
    background-color: #1e8def;
}
.fb-connect-modal .btn:hover {
    color: #ffffff;
    background-color: #0B5597;
}
.fb-connect-modal .btn:focus {
    color: #ffffff;
    background-color: #0B5597;
    outline: 0;
}
.fb-connect-modal .btn .fa {
    margin-right: 5px;
}
.fb-connect-modal .checkbox {
    margin-top: 15px;
    margin-bottom: 20px;
}
.fb-connect-modal .checkbox label {
    line-height: 18px;
}
/*------------- FB Connect Modal END ----------------*/

.well{
    padding: 2px;
    white-space: normal;
}

.affiliate_info a, .affiliate_info li {
    color: #5c656c;
    font-size: 13px;
}
.affiliate_info {
    padding-top: 10px;
}
.affiliate_info .tooltip-inner {
    max-width: 300px;
}
.affiliate_info,
.product_list{
    word-wrap: break-word;
    margin: 0 auto;
}
.affiliate_info .list-group-item,
.product_list .list-group-item {
    padding: 5px 7px;
}
.sendshark_link{
    width: 218px;
}
.sendshark_logo{
    margin: 0 auto;
}
@media only screen and (max-width: 1199px) {
    .navbar-brand.sendshark_link{
        width: 150px;
        padding: 9px 15px;
    }
    .sendshark_link sendshark_logo {
        width: 120px;
    }
}

/*------------- Fixed Animated Red Button  ----------------*/
.sports-supplements-banner {
    position: fixed;
    top: 231px;
    right: -215px;
    display: block;
    padding: 10px 10px 10px 0;
    width: 275px;
    font-size: 16px;
    font-weight: 700;
    color: #fff;
    border-left: 60px solid transparent;
    -webkit-box-shadow: 0px 0px 15px 0 rgba(0,0,0,.4);
    box-shadow: 0px 0px 15px 0 rgba(0,0,0,.4);
    background-color: #dc3545;
    -webkit-animation-name: move;
    -webkit-animation-duration: 3s;
    animation-name: move;
    animation-duration: 3s;
    -webkit-transition: all .15s ease-in;
    transition: all .15s ease-in;
}
.sports-supplements-banner .fa {
    position: absolute;
    top: 50%;
    margin-top: -22px;
    left: -52px;
    width: 44px;
    height: 44px;
    font-size: 30px;
    background: #fff;
    color: #dc3545;
    border-radius: 50%;
    text-align: center;
    line-height: 44px;
    -webkit-animation-name: fa;
    -webkit-animation-duration: 2s;
    -webkit-animation-delay: 3s;
    -webkit-animation-iteration-count: infinite;
    animation-name: fa;
    animation-duration: 2s;
    animation-delay: 3s;
    animation-iteration-count: infinite;
}

.sports-supplements-banner:hover,
.sports-supplements-banner:focus {
    color: #ffffff;
    background-color: black;
    text-decoration: none;
    right: 0;
}

@-webkit-keyframes move {
    0% {right: -215px;}
    10% {right: 0;}
    90% {right: 0;}
    100% {right: -215px;}
}

@keyframes move {
    0% {right: -215px;}
    10% {right: 0;}
    90% {right: 0;}
    100% {right: -215px;}
}

@-webkit-keyframes fa {
    0% {transform: rotate(0deg); -webkit-transform: rotate(0deg);}
    50% {transform: rotate(30deg); -webkit-transform: rotate(30deg);}
    100% {transform: rotate(0deg); -webkit-transform: rotate(0deg);}
}

@keyframes fa {
    0% {transform: rotate(0deg); -webkit-transform: rotate(0deg);}
    50% {transform: rotate(30deg); -webkit-transform: rotate(30deg);}
    100% {transform: rotate(0deg); -webkit-transform: rotate(0deg);}
}

.stop-important-banner {
    display: block;
    width: 275px;
    height: 110px;
    padding-top: 12px;
    position: fixed;
    z-index: 1;
    top: 185px;
    right: 0px;
    right: -235px;
    color: #fff;
    text-decoration: none;
    -webkit-animation-name: move2;
    -webkit-animation-duration: 2s;
    animation-name: move2;
    animation-duration: 2s;
    -webkit-transition: all .15s ease-in;
    transition: all .15s ease-in;
}

.stop-important-banner:hover {
    color: #fff;
    text-decoration: none;
    right: 0;
}
.stop-important-banner:focus {
    color: #fff;
    text-decoration: none;
    outline: 0;
}
.stop-important-banner .img-wrap {
    display: block;
    width: 110px;
    height: 110px;
    overflow: hidden;
    position: absolute;
    left: -70px;
    top: 0;
    z-index: 1;
}
.stop-important-banner .img-wrap img {
    display: block;
    width: 100%;
    height: auto;
}
.stop-important-banner .text {
    display: block;
    padding: 10px 5px 10px 45px;
    background-color: #ff2228;
    -webkit-box-shadow: 0px 0px 15px 0 rgba(0,0,0,.4);
    box-shadow: 0px 0px 15px 0 rgba(0,0,0,.4);
}
.stop-important-banner .text strong {
    display: block;
    font-size: 15px;
    font-weight: 700;
    line-height: 1.1em;
    margin-bottom: 5px;
    text-transform: uppercase;
    letter-spacing: -1px;
}
.stop-important-banner .text span {
    display: block;
    font-size: 12px;
    font-weight: 700;
    line-height: 1.1em;
}

@-webkit-keyframes move2 {
    0% {right: -235px;}
    20% {right: -235px;}
    30% {right: 0;}
    90% {right: 0;}
    100% {right: -235px;}
}
@keyframes move2 {
    0% {right: -235px;}
    20% {right: -235px;}
    30% {right: 0;}
    90% {right: 0;}
    100% {right: -235px;}
}
/*------------- Fixed Animated Red Button END ----------------*/

/*------------- Page Builder Tab  ----------------*/
.pb-template-wrapper {
    padding: 15px 0;
}

.pb-template-card {
    position: relative;
    display: block;
    float: left;
    width: 23%;
    margin: 20px 1%;
    border: 1px solid rgba(0,0,0,.3);
    border-radius: 2px;
    background-color: #fff;
    transition: 0.3s;
    text-decoration: none;
    outline: none;
    box-shadow: 0px 2px 10px 2px rgba(0,0,0,.3);
}

.pb-template-card:hover {
    /*box-shadow: 0px 4px 16px 2px rgba(255, 0, 0, 0.3);*/
    /*-webkit-transform: scale(1.05);*/
    /*-moz-transform: scale(1.05);*/
    /*transform: scale(1.05);*/
    /*border-color: rgba(255, 0, 0, 0.3);*/
    /*z-index: 1;*/
}

.pb-template-card:focus,
.pb-template-card:active {
    text-decoration: none;
}

.pb-template-card .pb-image {
    width: 100%;
    padding-bottom: 75%;
    position: relative;
    overflow: hidden;
}

.pb-template-card .pb-image img {
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: #efefef;
}

.pb-template-card .pb-content {
    padding: 10px;
    height: 94px
}
.pb-template-card .pb-content .label {
  white-space: normal;
}
.pb-template-card .pb-title {
    color: #333;
    font-size: 14px;
    line-height: 18px;
    height: 36px;
    margin-bottom: 5px;
    overflow: hidden;
}

.pb-label-md {
    font-size: 18px;
}

.pb-actions {
    padding: 0 40px;
    padding-top: 50px;
    display: none;
    position: absolute;
    top: -100%;
    left: 0;
    right: 0;
    bottom: 100%;
    z-index: 1;
    background-color: rgba(0,0,0,.65);
    box-shadow: inset 0 0 120px 10px rgba(0,0,0,1);
}

.pb-actions.long-list {
    padding-top: 12px;
}

.pb-template-card:hover .pb-actions  {
    display: block;
    top: 0;
    bottom: 0;
}
.pb-template-card:hover .pb-actions {
    padding: 10px;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-align-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.pb-actions .btn {
    margin-bottom: 8px;
    display: inline-block;
    width: 100%;
    font-size: 14px;
    line-height: 20px;
    padding: 6px 10px;
    border: none;
}
.pb-actions-col .btn {
    width: 48%;
    width: calc(50% - 5px);
    font-size: 12px;
    line-height: 14px;
    padding: 5px 2px;
}
.pb-actions-col .btn i {
    display: block;
}
.static .pb-action-buttons {
    padding: 10px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    border-top: 1px solid #eee;
}
.static .pb-action-buttons a,
.static .pb-action-buttons .btn {
    margin: 0 5px 5px 0;
}

@media only screen and (min-width: 1600px) {
    .pb-template-card:hover .pb-actions {
        padding: 20px;
    }
    .pb-actions-col .btn {
        font-size: 14px;
        line-height: 20px;
        padding: 6px 3px;
        margin-bottom: 10px;
    }
    .pb-actions-col .btn i {
        display: inline-block;
    }
}
@media only screen and (max-width: 1199px) {
    .pb-template-card:hover .pb-actions {
        padding: 5px;
    }
    .pb-actions-col .btn {
        width: calc(50% - 2px);
        font-size: 12px;
        line-height: 13px;
        padding: 3px 2px;
        margin-bottom: 5px;
    }
}
.pb-image-preview {
    display: block;
    width: 100%;
    max-width: 100%;
    height: auto;
}

.pb-template-card .ribbon {
  position: absolute;
  right: -5px;
  top: -5px;
  z-index: 1;
  overflow: hidden;
  width: 75px;
  height: 75px;
  text-align: right;
  display: none;
}
.pb-template-card.inactive .ribbon {
    display: block;
}
.pb-template-card .ribbon span {
  font-size: 10px;
  font-weight: bold;
  color: #FFF;
  text-transform: uppercase;
  text-align: center;
  line-height: 20px;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  width: 100px;
  display: block;
  background: #79A70A;
  background: linear-gradient(#F70505 0%, #8F0808 100%);
  -webkit-box-shadow: 0 3px 10px -5px rgba(0, 0, 0, 1);
  box-shadow: 0 3px 10px -5px rgba(0, 0, 0, 1);
  position: absolute;
  top: 19px;
  right: -21px;
}
.pb-template-card .ribbon span::before {
  content: "";
  position: absolute;
  left: 0px;
  top: 100%;
  z-index: -1;
  border-left: 3px solid #4e0505;
  border-right: 3px solid transparent;
  border-bottom: 3px solid transparent;
  border-top: 3px solid #4e0505;
}
.pb-template-card .ribbon span::after {
  content: "";
  position: absolute;
  right: 0px;
  top: 100%;
  z-index: -1;
  border-left: 3px solid transparent;
  border-right: 3px solid #4e0505;
  border-bottom: 3px solid transparent;
  border-top: 3px solid #4e0505;
}

.pb-template-card.inactive .pb-image,
.pb-template-card.inactive .pb-content {
    opacity: .5;
}

.multi-steps > li.active:before, .multi-steps > li.active ~ li:before {
  content: counter(stepNum);
  font-family: inherit;
  font-weight: 700;
}
.multi-steps > li.active:after, .multi-steps > li.active ~ li:after {
  background-color: #ededed;
}

.multi-steps {
  display: table;
  table-layout: fixed;
  width: 100%;
}
.multi-steps > li {
  counter-increment: stepNum;
  text-align: center;
  display: table-cell;
  position: relative;
  color: tomato;
  z-index: 1;
}
.multi-steps > li:before {
  content: "\2713";
  display: block;
  margin: 0 auto 4px;
  background-color: #fff;
  width: 36px;
  height: 36px;
  line-height: 32px;
  text-align: center;
  font-weight: bold;
  border-width: 2px;
  border-style: solid;
  border-color: tomato;
  border-radius: 50%;
}
.multi-steps > li:after {
  content: "";
  height: 2px;
  width: 100%;
  background-color: tomato;
  position: absolute;
  top: 16px;
  left: 50%;
  z-index: -1;
}
.multi-steps > li:last-child:after {
  display: none;
}
.multi-steps > li.active:before {
  background-color: #fff;
  border-color: tomato;
}
.multi-steps > li.active ~ li {
  color: #808080;
}
.multi-steps > li.active ~ li:before {
  background-color: #ededed;
  border-color: #ededed;
}

.pb-stats-wrapper {
    padding-left: 15px;
    padding-right: 15px;
}

.pb-stats-nav {
    margin-top: 0;
}
.pb-stats-nav>li {
    float: left;
}
.pb-stats-nav>li+li {
    margin-left: 20px;
}
.pb-stats-nav>li>a {
    display: block;
    min-width: 180px;
    padding: 10px;
    border-radius: 4px;
    background-color: #646366;
    color: #ffffff;
    font-size: 16px;
    font-weight: 400;
    text-align: center;
    text-decoration: none;
    letter-spacing: -0.16px;
    outline: none;
}
.pb-stats-nav>li.active>a,
.pb-stats-nav>li.active>a:focus,
.pb-stats-nav>li.active>a:hover {
    background-color: #fd4c52;
    color: #ffffff;
}
.pb-stats-nav>li>a:focus,
.pb-stats-nav>li>a:hover {
    background-color: #fd4c52;
    color: #ffffff;
}
.pb-stats-table {
    text-align: center;
}
.pb-stats-table a {
    color: #5c656c;
}
.pb-stats-table>thead>tr>th,
.pb-stats-table>tbody>tr>td {
    border: 1px solid #e8e8e8;
}

.pb-stats-table thead th {
    text-align: center;
    background-color: #fe797c;
    color: #fff;
}

.pb-stats-table thead .th-page {
    width: 510px;
}
.pb-stats-table thead .th-date {
    width: 212px;
}
.pb-stats-table tbody td {
    background-color: #f9f8fb;
    color: #5c656c;
}
.pb-stats-table tbody .td-wrap {
    word-break: break-word;
}

.pb-stats-table thead th.color1 { background-color: #c06a6d; }
.pb-stats-table thead th.color2 { background-color: #be5a5d; }
.pb-stats-table thead th.color3 { background-color: #c34e52; }
.pb-stats-table thead th.color4 { background-color: #973e41; }
.pb-stats-table thead th.color5 { background-color: #913034; }

.pb-stats-table tbody td.color1 { background-color: #ecebed; }
.pb-stats-table tbody td.color2 { background-color: #e6e5e6; }
.pb-stats-table tbody td.color3 { background-color: #e1e0e2; }
.pb-stats-table tbody td.color4 { background-color: #dadadb; }
.pb-stats-table tbody td.color5 { background-color: #d3d3d4; }

.pb-stats-wrapper .link-box {
    margin-bottom: 20px;
}
.pb-stats-wrapper .link-box p {
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 0;
    color: #333333;
}
.pb-stats-wrapper .link-box a {
    font-size: 16px;
    color: #333333;
}
.pb-stats-wrapper .link-box a:hover {
    text-decoration: underline;
}
/*------------- Page Builder Tab End ----------------*/

/*------------- NowBody Only MA ----------------*/
.nb-container {
    min-width: 980px !important;
}
.nb-content .container {
    max-width: 100%;
}
.nb-sidemenu > li {
    display: block;
    float: none;
    width: 100%;
    font-weight: 400;
    padding: 0 0 0 0;
    border-bottom: 1px solid rgba(255,255,255,0.1);
}
.nb-sidemenu > li > ul > li {
    border-bottom: 1px solid transparent;
}
.nb-sidemenu > li > ul > li:last-child {
    border-bottom-color: transparent;
}
.navbar .nb-sidemenu > li > a {
    font-weight: 400;
    text-transform: uppercase;
    padding: 12px 8px 12px 10px !important;
    transition: all 0.15ms ease-in-out;
}
.navbar .nb-sidemenu > li > a.active {
    background-color: #FD4C52;
}
.nb-sidemenu > li > a span.fa {
    color: #FD4C52;
    margin-right: 5px;
    font-size: 130%;
}
.nb-sidemenu > li > a:hover span.fa,
.nb-sidemenu > li > a.active span.fa {
    color: #ffffff;
}
.nb-sidemenu li a.upgrade {
    background: rgba(255, 255, 255, .15);
    opacity: .75;
}
.nb-sidemenu li a.upgrade.active{
    background: #fd4c52;
}
.nb-sidemenu li a.upgrade:focus {
    background: rgba(255, 255, 255, .1);
    opacity: .85;
    color: #9d9d9d;
}
.nb-sidemenu li a.upgrade:focus:hover {
    color: #ffffff;
}
.nb-sidemenu > li.not-active {
    background: #44474c;
}
.nb-sidemenu > li.not-active > a, .collapse ul li.not-active > a.active {
    color: #787878;
    background: transparent;
}

.nb-sidemenu > li > ul > li.not-active {
    background: #44474c;
}
.nb-sidemenu > li > ul > li.not-active > a {
    padding-right: 2px;
}
.nb-sidemenu > li > ul > li.not-active > a, .nb-sidemenu > li > ul > li.not-active > a.active {
    color: #787878;
    background: transparent;
}
.nb-sidemenu > li > ul > li.not-active > a:hover {
    color: #ffffff;
}
.nb-sidemenu li > a > span.unlock {
    display: none;
    float: right;
    background: #fd4c52;
    color: #ffffff;
    padding: 3px 4px;
    border-radius: 2px;
    margin: 0 0 0 0;
    font-size: 12px;
    font-weight: 600;
}
.nb-sidemenu li.not-active > a > span.unlock {
    /*display: block;*/
}

.nb-campaigns .campaigns-select-wrapper {
    float: right;
}
.nb-campaigns .campaigns-select-wrapper select.form-control {
    width: 150px;
}
.campaigns-select-wrapper {
    white-space: nowrap;
}
.campaigns-select-wrapper label {
    line-height: 34px;
    font-size: 14px;
}
.campaigns-select-wrapper select.form-control {
    padding-right: 20px;
}
.campaigns-select-wrapper label,
.campaigns-select-wrapper select,
.campaigns-select-wrapper .btn {
    margin: 0 0;
}
.default.nb-campaigns .campaigns-select-wrapper {
    float: none;
}
.inner-wraper .default .campaigns {
    margin: 0 0 0 0;
}

.nb-content {
    padding: 20px;
    background-color: #ffffff;
    min-height: 600px;
}
.nb-content h2.title {
    margin: 10px 0 20px 0;
    padding: 0 0 5px 0;
    background: url(../images/title_border_intro.png) no-repeat scroll -3px 26px;
    font-size: 24px;
    font-weight: 300;
    color: #333333;
}
.nb-content h2.title span.fa {
    color: #FD4C52;
    margin-right: 10px;
    font-size: 32px;
}
.nb-link-pic {
    position: relative;
    display: block;
    min-height: 100px;
    background: #eeeeee;
    text-decoration: none;
    padding-top: 100%;
    margin-bottom: 20px;
    overflow: hidden;
}
.nb-link-pic:hover::before {
    content: '';
    background: rgba(0,0,0,0.1);
    background: -moz-linear-gradient(0deg, rgba(0,0,0,0.4) 0%, rgba(0,0,0,0.05) 75%, rgba(0,0,0,0.05) 100%);
    background: -webkit-linear-gradient(0deg, rgba(0,0,0,0.4) 0%, rgba(0,0,0,0.05) 75%, rgba(0,0,0,0.05) 100%);
    background: linear-gradient(0deg, rgba(0,0,0,0.4) 0%, rgba(0,0,0,0.05) 75%, rgba(0,0,0,0.05) 100%);
    background-repeat: no-repeat;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#000000",GradientType=1);
}
.nb-link-pic img {
    display: block;
    width: 100%;
    height: auto;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 0;
    -webkit-transition: transform .4s ease;
    transition: transform .4s ease;
}
.nb-link-pic:hover img {
    -wekkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    transform: scale(1.05);
}
.nb-link-pic::before {
    content: '';
    background: rgba(0,0,0,0.1);
    background: -moz-linear-gradient(0deg, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0.1) 75%, rgba(0,0,0,0.1) 100%);
    background: -webkit-linear-gradient(0deg, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0.1) 75%, rgba(0,0,0,0.1) 100%);
    background: linear-gradient(0deg, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0.1) 75%, rgba(0,0,0,0.1) 100%);
    background-repeat: no-repeat;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#000000",GradientType=1);
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1;
}
.nb-link-pic .nb-link-text {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 2;
    color: #ffffff;
    padding: 15px;
}
.nb-link-pic .nb-link-text .text {
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 20px;
    font-weight: 400;
    line-height: 1em;
    text-transform: uppercase;
}
.nb-link-pic .nb-link-text .sub-text {
    font-family: 'Roboto Condensed', sans-serif;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 300;
}
.nb-link-pic .nb-link-text .sub-text-upgrade {
    font-family: 'Roboto Condensed', sans-serif;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 500;
    color: red;
    display: none;
}
.nb-link-pic.upgrade .nb-link-text .sub-text-upgrade {
    display: block;
}
.nb-link-pic.upgrade .nb-link-text .sub-text {
    display: none;
}

.nb-content .vid-bg {
    max-width: 900px;
}
.gradient-grey {
    background: #EEEEEE;
    background: -webkit-linear-gradient(top, #EEEEEE, #BABABA);
    background: -moz-linear-gradient(top, #EEEEEE, #BABABA);
    background: linear-gradient(to bottom, #EEEEEE, #BABABA);
    background-repeat: no-repeat;
}
.supplement-banner {
    display: inline-block;
    position: relative;
    float: left;
    padding: 6px 30px;
    height: 60px;
    padding-left: 65px;
    background: #ff3f46;
    margin-top: 18px;
    margin-left: 0;
    /*max-width: 360px;*/
    border-radius: 40px;
    color: #ffffff;
    background: rgb(255,0,0);
    background: -moz-linear-gradient(180deg, rgba(255,0,0,1) 0%, rgba(140,0,0,1) 100%);
    background: -webkit-linear-gradient(180deg, rgba(255,0,0,1) 0%, rgba(140,0,0,1) 100%);
    background: linear-gradient(180deg, rgba(255,0,0,1) 0%, rgba(140,0,0,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ff0000",endColorstr="#8c0000",GradientType=1);
    background-repeat: no-repeat;
    transition: all .2ms ease-in-out;
}
.supplement-banner .fa {
    position: absolute;
    top: 5px;
    left: 5px;
    width: 50px;
    height: 50px;
    text-align: center;
    line-height: 50px;
    border-radius: 50%;
    font-size: 28px;
    background: rgb(139,0,0);
    background: -moz-radial-gradient(circle, rgba(139,0,0,1) 0%, rgba(66,1,1,1) 100%);
    background: -webkit-radial-gradient(circle, rgba(139,0,0,1) 0%, rgba(66,1,1,1) 100%);
    background: radial-gradient(circle, rgba(139,0,0,1) 0%, rgba(66,1,1,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#8b0000",endColorstr="#420101",GradientType=1);
    background-repeat: no-repeat;
}
.supplement-banner span.line-1 {
    display: block;
    width: 100%;
    font-size: 20px;
    line-height: 24px;
    font-weight: 700;
    text-shadow: 0 0 5px rgba(0,0,0,.2);
}
.supplement-banner span.line-2 {
    display: block;
    width: 100%;
    font-size: 16px;
    font-weight: 400;
    text-shadow: 0 0 5px rgba(0,0,0,.2);
}
.supplement-banner span.large {
    font-size: 120%;
}
.supplement-banner:hover, .supplement-banner:focus {
    color: #ffffff;
    background: rgb(140,0,0);
    background: -moz-linear-gradient(0deg, rgba(140,0,0,1) 0%, rgba(255,0,0,1) 74%);
    background: -webkit-linear-gradient(0deg, rgba(140,0,0,1) 0%, rgba(255,0,0,1) 74%);
    background: linear-gradient(0deg, rgba(140,0,0,1) 0%, rgba(255,0,0,1) 74%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#8c0000",endColorstr="#ff0000",GradientType=1);
}
/*------------- NowBody Only MA end ----------------*/

/*------------- LipoXplus MA -----------------------*/
.header-slim {
    border-bottom: 0;
}
.header-slim .navbar-right {
    margin-top: 10px;
}
.header-slim .navbar-brand {
    padding: 5px 15px;
}
.header-slim.two-logos .navbar-brand {
    padding: 5px 5px;
}
.header-slim.two-logos .navbar-brand-next {
    padding: 5px 5px;
    margin: 0 0 0 0;
}
.header-slim .navbar-brand img {
    max-width: 200px;
    max-height: 55px;
}
.header-slim .navbar .avatar {
    height: 35px;
    width: 35px;
    margin-top: -10px !important;
}
.header-slim .nav > li.dropdown > a {
    padding: 0 15px;
}
.nb-tabs-menu {
    margin-bottom: 25px;
}
.nb-tabs-menu-top {
    margin-top: 0;
}
.nb-tabs-menu-top > li > a {
    padding: 11px 20px;
    border-radius: 6px 6px 0 0;
    color: #ffffff;
    font-size: 13px;
    line-height: 16px;
    text-transform: uppercase;
    background: #454A51;
    background: -webkit-linear-gradient(bottom, #454A51, #7d7f82);
    background: -moz-linear-gradient(bottom, #454A51, #7d7f82);
    background: linear-gradient(to top, #454A51, #7d7f82);
    background-repeat: no-repeat;
    font-weight: 600;
}
.nb-tabs-menu-top > li > a:hover {
    background: #454A51;
    color: #fff;
}

.nb-tabs-menu-top > li.active > a,
.nb-tabs-menu-top > li.active > a:hover,
.nb-tabs-menu-top > li.active > a:focus {
    background: #fd4c52;
    color: #fff;
}
.nb-tabs-menu-top > li > a.training {
    background: #fb8139;
    background: linear-gradient(183deg, rgba(251,129,57,1) 0%, rgba(249,119,43,1) 100%);
}
.nb-tabs-menu-top > li > a.training:hover,
.nb-tabs-menu-top > li > a.training:focus {
    background: #fb8139;
}
.nb-tabs-menu-bottom {
    min-height: 40px;
    margin-top: 2px;
}

.nb-tabs-menu-sub {
    display: none;
    margin-top: 0;
    background: #e8e8e8;
    border-radius: 2px;
    padding: 10px;
}

.active.nb-tabs-menu-sub {
    display: block;
}
.nb-tabs-menu-sub > li+li::before {
    content: '';
    position: absolute;
    top: 4px;
    left: -1px;
    display: block;
    width: 1px;
    height: 13px;
    background: #ababab;
    text-align: center;
}
.nb-tabs-menu-sub > li {

}
.nb-tabs-menu-sub > li > a {
    padding: 2px 10px;
    font-size: 13px;
    line-height: 16px;
    font-weight: 600;
    color: #636467;
    background: none;
}
.nb-tabs-menu-sub > li > a:hover,
.nb-tabs-menu-sub > li > a:focus {
    color: #333;
    background: none;
}
.nb-tabs-menu-sub > li.active > a,
.nb-tabs-menu-sub > li.active > a:hover,
.nb-tabs-menu-sub > li.active > a:focus {
    color: #fd4c52;
    background: none;
}

.nb-tabs-menu-top ul.dropdown-menu {
    margin-top: 0;
    border: none;
    border-radius: 0;
}
.nb-tabs-menu-top .dropdown-menu>li>a:hover,
.nb-tabs-menu-top .dropdown-menu>li>a:focus {
    color: #ffffff;
    background-color: #fd4c52;
}

.nb-tabs-menu-top .dropdown-menu>.active>a,
.nb-tabs-menu-top .dropdown-menu>.active>a:hover,
.nb-tabs-menu-top .dropdown-menu>.active>a:focus {
    background-color: #fd4c52;
}

.nb-tabs-menu-top > li:hover > ul.dropdown-menu {
    display: none;
}
.nb-tabs-menu-top > li:hover > a + ul.dropdown-menu {
    display: block;
}

.lipoxplus-header-button {
    margin-right: 10px;
}
.lipoxplus-header-button a {
    background: #ffffff;
    margin-top: -16px;
    border-radius: 50px;
    box-shadow: 2px 1px 10px rgba(0,0,0,.75);
    font-size: 15px;
    display: block;
    padding: 8px 15px !important;
}
.header-slim .lipoxplus-header-button a {
    margin-top: -6px;
    padding: 2px 15px !important;
}
.navbar-inverse .navbar-nav .lipoxplus-header-button a:hover,
.navbar-inverse .navbar-nav .lipoxplus-header-button a:focus {
    background: #ffffff;
    animation: none;
}
.lipoxplus-header-button .text {
    color: red;
    font-weight: 600;
    white-space: nowrap;
}
.lipoxplus-header-button .text ,
.lipoxplus-header-button .img {
    display: inline-block;
    vertical-align: middle;
}
.vip-member-header .lipoxplus-header-button {
    display: inline-block;
    vertical-align: top;
}
.vip-member-header .lipoxplus-header-button a {
    margin-top: -8px;
    font-size: 12px;
    padding: 8px 5px !important;
}
.vip-member-header .navbar-brand {
    padding-right: 10px;
    padding-left: 10px;
}

.moveBtn {
    position: relative;
    -webkit-animation: shake 10s ease-in-out infinite;
    -moz-animation: shake 10s ease-in-out infinite;
    -o-animation: shake 10s ease-in-out infinite;
}

@-webkit-keyframes shake {
    0%,to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    10%,30%,50%,70%,90% {
        -webkit-transform: translate3d(-8px,0,0);
        transform: translate3d(-8px,0,0)
    }

    20%,40%,60%,80% {
        -webkit-transform: translate3d(8px,0,0);
        transform: translate3d(8px,0,0)
    }
}

@keyframes shake {
    0%,to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    10%,30%,50%,70%,90% {
        -webkit-transform: translate3d(-8px,0,0);
        transform: translate3d(-8px,0,0)
    }

    20%,40%,60%,80% {
        -webkit-transform: translate3d(8px,0,0);
        transform: translate3d(8px,0,0)
    }
}

.shake {
    -webkit-animation-name: shake;
    animation-name: shake
}

.lipoxplus-header-button2 {
    margin-right: 10px;
    max-width: 320px;
}
.lipoxplus-header-button2 > a {
    padding: 0 !important;
    margin-top: -16px;
}
.lipoxplus-header-button2 > a > img {
    display: block;
    max-width: 100%;
}
.header-slim .lipoxplus-header-button2 > a {
    margin-top: -8px;
}
.vip-member-header .lipoxplus-header-button2 {
    margin-right: 0;
    max-width: 260px;
    display: inline-block;
    vertical-align: top;
}
.vip-member-header .lipoxplus-header-button2 > a {
    margin-top: 0;
}

.ask-joel-form-wrapper {
    min-height: 500px;
    max-width: 850px;
    margin-top: 15px;
    margin-bottom: 30px;
}
.ask-joel-form-wrapper .error {
    color: red;
}
.ask-joel-form-heading {
    margin-bottom: 15px;
}
.ask-joel-form-heading .media-object {
    margin-right: 5px;
}
.ask-joel-form-heading h3 {
    font-size: 36px;
    font-weight: 700;
    color: #333333;
    margin: 0 0 10px 0;
}
.ask-joel-form-heading h4 {
    font-size: 24px;
    color: #333333;
    margin: 0 0 0 0;
}
.ask-joel-form .btn {
    min-width: 100px;
}
.ask-joel-form .control-label {
    padding-top: 0;
}
.ask-joel-form .form-control {
    padding-left: 12px !important;
}
.ask-joel-form .form-group {
    margin-bottom: 10px;
}
.ask-joel-form label {
    padding-top: 0;
    line-height: 35px;
}
.ask-joel-form .phone-number p {
    line-height: 16px;
    font-size: 13px;
}
/****************** Site Builder Tab styles *********************/
.sb-link-box {
    display: block;
    padding: 40px 35px 30px;
    background-color: #ffffff;
    border: 1px solid transparent;
    text-align: center;
    text-decoration: none;
    -webkit-box-shadow: 2px 2px 21px 0 rgba(60,64,81,.15);
    -moz-box-shadow: 2px 2px 21px 0 rgba(60,64,81,.15);
    box-shadow: 2px 2px 21px 0 rgba(60,64,81,.15);
    transition: all .15s ease-in-out;
}
.sb-link-box > img {
    display: inline-block;
    max-width: 100%;
    max-height: 65px;
}
.sb-link-box > span {
    margin-top: 40px;
    display: block;
    padding: 8px 10px;
    background-color: #ff3c43;
    border-radius: 18px;
    font-size: 16px;
    line-height: 20px;
    font-weight: 500;
    color: #ffffff;
 }
.sb-link-box:hover {
    border: 1px solid #ff3c43;
    box-shadow: none;
}
.sb-step-box {
    display: block;
    width: 100%;
    padding: 0;
    border: 0;
    background-color: #ffffff;
    color: #333333;
    text-align: center;
    text-decoration: none;
    -webkit-box-shadow: 2px 2px 21px 0 rgba(60,64,81,.15);
    -moz-box-shadow: 2px 2px 21px 0 rgba(60,64,81,.15);
    box-shadow: 2px 2px 21px 0 rgba(60,64,81,.15);
    transition: all .15s ease-in-out;
    position: relative;
}
.sb-step-box:hover {
    color: #333333;
    background-color: #ffffff;
    text-decoration: none;
    -webkit-box-shadow: 2px 2px 21px 0 rgba(60,64,81,.35);
    -moz-box-shadow: 2px 2px 21px 0 rgba(60,64,81,.35);
    box-shadow: 2px 2px 21px 0 rgba(60,64,81,.35);
}
.sb-step-box:focus {
    color: #333333;
    background-color: #ffffff;
    text-decoration: none;
    outline: 0;
}
.sb-step-box_step {
    display: block;
    width: 70px;
    height: 36px;
    font-size: 14px;
    font-weight: 700;
    line-height: 36px;
    color: #ffffff;
    background-color: #fd4c52;
    position: absolute;
    top: 10px;
    left: -8px;
}
.sb-step-box_step::after {
    content: '';
    display: block;
    border-width: 18px 0 18px 10px;
    border-style: solid;
    border-color: transparent;
    border-left-color: #fd4c52;
    position: absolute;
    top: 0;
    right: -10px;
}
.sb-step-box_step::before {
    content: '';
    position: absolute;
    top: 100%;
    left: 0;
    border-width: 5px;
    border-style: solid;
    border-color: transparent;
    border-left-color: #902914;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-transform-origin: 0 0 0;
    -moz-transform-origin: 0 0 0;
    transform-origin: 0 0 0;
}
.sb-step-box_body {
    display: block;
    padding: 55px 20px 20px;
}
.sb-step-box_title {
    display: block;
    margin-top: 10px;
    font-size: 16px;
    line-height: 20px;
    height: 40px;
}
.sb-step-box_title strong {
    display: block;
    text-transform: uppercase;
}
.sb-step-box_footer {
    display: block;
    padding: 10px;
    background-color: #fd4c52;
    color: #ffffff;
    transition: all .2s ease-in-out;
}
.sb-step-box:hover .sb-step-box_footer {
    background-color: #ffffff;
    color: #fd4c52;
}
.sb-step-1_inner {
    border: 1px solid #cccccc;
    padding: 15px;
}
.sb-step-1_message {
    font-size: 16px;
    font-weight: 300;
    color: #000000;
}
.sb-step-1_column {
    text-align: center;
}
.sb-step-1_title {
    margin-top: 10px;
    margin-bottom: 10px;
    font-size: 16px;
    text-transform: uppercase;
}
.sb-training-videos-link {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-align-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    margin-bottom: 30px;
    background-color: #ffffff;
    -webkit-box-shadow: 2px 2px 21px 0 rgba(60,64,81,.15);
    -moz-box-shadow: 2px 2px 21px 0 rgba(60,64,81,.15);
    box-shadow: 2px 2px 21px 0 rgba(60,64,81,.15);
    transition: all .15s ease-in-out;
    position: relative;
    text-decoration: none;
    color: #576269;
    overflow: hidden;
    min-height: 44px;
    text-align: center;
}
.sb-training-videos-link:hover {
    color: #fb8139;
    text-decoration: none;
    -webkit-box-shadow: 2px 2px 21px 0 rgba(60,64,81,.25);
    -moz-box-shadow: 2px 2px 21px 0 rgba(60,64,81,.25);
    box-shadow: 2px 2px 21px 0 rgba(60,64,81,.25);
}
.sb-training-videos-link:focus {
    color: #576269;
    text-decoration: none;
    outline: 0;
}

.sb-training-videos-link>span {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.sb-training-videos-link .icon-wrap {
    background-color: #fb8139;
    width: 44px;
}
.sb-training-videos-link > .text-wrap {
    padding: 5px 15px;
    width: 100%;
}
.sb-training-videos-link .icon {
    font-size: 20px;
    color: #ffffff;
}

/****************** Site Builder Tab styles end *********************/
/****************** Upgrade page for Free customers *********************/
.upgrade-content-wrapper {
    max-width: 100%;
    width: 1400px;
    margin: 20px auto 40px;
}
.upgrade-content-timer .timer-title {
    font-size: 24px;
    line-height: 30px;
    text-align: center;
    font-weight: 700;
    text-transform: uppercase;
    color: #f74b51;
}
.simple-timer {
    display: block;
    text-align: center;
}
.simple-timer>div {
    display: inline-block;
    background: transparent url('../images/clock-bg.png') no-repeat left top;
    width: 67px;
    text-align: center;
    margin-right: 10px;
}
.simple-timer>div span {
    display: block;
    font-weight:700;
    font-size: 2.6em;
    color: #1f2225;
    line-height: 70px;
    position: relative;
    text-shadow: 1px 1px 1px white;
    text-align: center;
    padding-right: 1px;
}
.simple-timer>div span::before {
    content: '';
    width: 100%;
    height: 1px;
    border-top: 1px solid #e0e0e0;
    position: absolute;
    top: 50%;
    text-align: center;
    left: 0px;
}
.simple-timer>div small {
    display: block;
    font-weight: 400;
    color: #000000;
    text-transform: uppercase;
    font-size: 11px;
    text-align: center;
    margin: 2px auto;
}
.upgrade-package-box {
    margin-bottom: 30px;
    padding: 30px 35px 40px;
    border: 1px solid #e8e8e8;
    border-left-width: 6px;
    background-color: #ffffff;
}
.upgrade-package-box.active {
    border-left-color: #fd4c52;
    -webkit-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.15);
    box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.15);
}
.upgrade-package-title {
    font-size: 20px;
    font-weight: 600;
    text-transform: uppercase;
    margin-bottom: 30px;
}
.upgrade-package {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}
.upgrade-package .custom-checkbox {
    margin-right: 20px;
}
.upgrade-package p {
    font-size: 22px;
}
.upgrade-package a {
    color: #2c70ba;
}
.upgrade-package .t-red {
    color: #eb3223;
}
.upgrade-package-img {
    min-width: 140px;
    margin-right: 20px;
}
.upgrade-payment-box {
    padding: 35px 35px 45px;
    background-color: #f4f4f4;
}
.upgrade-guarantee img {
    margin-bottom: 15px;
}
.upgrade-guarantee p {
    font-size: 14px;
    line-height: 1.25em;
    margin-bottom: 0;
}
.upgrade-guarantee {
    margin-bottom: 40px;
}
.upgrade-price {
    margin-bottom: 20px;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
}
.upgrade-price > div:first-child {
    font-size: 20px;
}
.upgrade-price > div:last-child {
    font-size: 24px;
}
.upgrade-payment-box  .small {
    font-size: 12px;
}
.upgrade-table.divTable {
    display: table;
    width: 100%;
    border-collapse: collapse;
    margin-bottom: 0;
}
.upgrade-table .divTableRow {
    display: table-row;
}
.upgrade-table .divTableHeading {
    display: table-header-group;
}
.upgrade-table .divTableBody {
    display: table-row-group;
}
.upgrade-table .divTableCell, .upgrade-table .divTableHead {
    border: 1px solid #dcdcdc;
    display: table-cell;
}
.upgrade-table .divTableCell {
    padding: 15px;
    font-size: 14px;
    line-height: 20px;
    text-align: center;
}
.upgrade-table .divTableHead {
    font-size: 16px;
    line-height: 25px;
    font-weight: 700;
    text-transform: uppercase;
    text-align: center;
    padding: 10px 20px;
}
.upgrade-table .divTableHead:first-child {
    text-align: left;
    width: 50%;
    background: rgb(184,184,184);
    background: -moz-linear-gradient(0deg, rgba(184,184,184,1) 0%, rgba(198,198,198,1) 25%, rgba(146,146,146,1) 60%, rgba(190,190,190,1) 100%);
    background: -webkit-linear-gradient(0deg, rgba(184,184,184,1) 0%, rgba(198,198,198,1) 25%, rgba(146,146,146,1) 60%, rgba(190,190,190,1) 100%);
    background: linear-gradient(0deg, rgba(184,184,184,1) 0%, rgba(198,198,198,1) 25%, rgba(146,146,146,1) 60%, rgba(190,190,190,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#b8b8b8",endColorstr="#bebebe",GradientType=1);
    background-repeat: no-repeat;
}
.upgrade-table .divTableHead.platinum {
    width: 50%;
    background: rgb(234,234,234);
    background: -moz-linear-gradient(0deg, rgba(234,234,234,1) 0%, rgba(242,246,249,1) 25%, rgba(178,178,178,1) 60%, rgba(232,232,232,1) 100%);
    background: -webkit-linear-gradient(0deg, rgba(234,234,234,1) 0%, rgba(242,246,249,1) 25%, rgba(178,178,178,1) 60%, rgba(232,232,232,1) 100%);
    background: linear-gradient(0deg, rgba(234,234,234,1) 0%, rgba(242,246,249,1) 25%, rgba(178,178,178,1) 60%, rgba(232,232,232,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#eaeaea",endColorstr="#e8e8e8",GradientType=1);
    background-repeat: no-repeat;
}
.upgrade-table .divTableHead.gold {
    width: 50%;
    background: rgb(239, 238, 142);
    background: -moz-linear-gradient(180deg, rgba(239, 238, 142, 1) 0%, rgba(223, 177, 38, 1) 40%, rgba(244, 242, 196, 1) 73%, rgba(245, 231, 137, 1) 100%);
    background: -webkit-linear-gradient(180deg, rgba(239, 238, 142, 1) 0%, rgba(223, 177, 38, 1) 40%, rgba(244, 242, 196, 1) 73%, rgba(245, 231, 137, 1) 100%);
    background: linear-gradient(180deg, rgba(239, 238, 142, 1) 0%, rgba(223, 177, 38, 1) 40%, rgba(244, 242, 196, 1) 73%, rgba(245, 231, 137, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#efee8e", endColorstr="#f5e789", GradientType=1);
    background-repeat: no-repeat;
}
.upgrade-table .divTableHead > span {
    margin-right: 5px;
}
.upgrade-table .divTableHead > img {
    width: 32px;
}
.upgrade-table .divTableCell:first-child {
    text-align: left;
    padding-left: 20px;
}
.custom-checkbox {
    position: relative;
    display: block;
    padding-left: 30px;
}
.custom-checkbox .custom-control-input {
    position: absolute;
    left: 0;
    z-index: -1;
    margin: 0;
    width: 30px;
    height: 30px;
    opacity: 0;
    pointer-events: none;
}
.custom-control-label {
    position: relative;
    margin-bottom: 0;
    vertical-align: top;
    min-height: 30px;
}
.custom-control-label::before {
    position: absolute;
    top: 0;
    left: -30px;
    display: block;
    width: 30px;
    height: 30px;
    pointer-events: none;
    content: "";
    background-color: #fff;
    border: 1px solid #eaebed;
    border-radius: 2px;
    -webkit-box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.1) inset;
    box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.1) inset;
}
.custom-control-label::after {
    position: absolute;
    top: 0;
    left: -30px;
    display: block;
    width: 30px;
    height: 30px;
    content: "";
    background: no-repeat 50%/50% 50%;
}
.custom-checkbox .custom-control-input:checked~.custom-control-label::after {
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyNpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQ4IDc5LjE2NDAzNiwgMjAxOS8wOC8xMy0wMTowNjo1NyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIDIxLjEgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkJFM0NCN0VCOTQ1QTExRUE5OUVBQzRCMjJGM0ZCRUI3IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkJFM0NCN0VDOTQ1QTExRUE5OUVBQzRCMjJGM0ZCRUI3Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6QkUzQ0I3RTk5NDVBMTFFQTk5RUFDNEIyMkYzRkJFQjciIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6QkUzQ0I3RUE5NDVBMTFFQTk5RUFDNEIyMkYzRkJFQjciLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7lnp9gAAABZElEQVR42uzWQSgEURzH8RmkSDm5CRduyoE4cBIHba32oKREyJGDCxcHObE5cZZyIVtYpZSDWsVBKKEcHFyQtBeFNL5Pv5OItTNvS/PqMzs1s++/b+b9//91Pc9zcjHynByNMPD/D1zw529GYr+5qwyHqMKik0z021hxIdYUdB/Dth71PFpwg0682Ag8gkE8mZeCexubqw1xmJLYixN/N9fXoxqryMek3nHg6VSKpD5N8CkbeWxWuIIaHKFPjzrwwLNoxy2i2lQZFJBIrI7jOipwrUlOf5hjAKNKl6jSJ+OSeYwGpJT4KU323WjGgs6HcJBNrb5D60eJc5wSJDAB99N9lbpmKtQMlvxoEs8wdXVMm2QayyjS9WJsqhZvYdzv7hRX5UmjG3so14+oxRl68BZEd9pGEzZQj0ut+EE1OB1kP75AI3YU9BVduLLRjx/RgTmcYzebxHfDv7dh4DCwX+NdgAEAccpIIdAx910AAAAASUVORK5CYII=');
}
.upgrade-reseller-info {
    margin-bottom: 40px;
}
.reseller-info-title {
    font-size: 30px;
    font-weight: 700;
    margin-bottom: 10px;
}
.reseller-info-title .icon {
  color: #fd4c52;
}
.reseller-info-subtitle {
    font-size: 20px;
    text-transform: uppercase;
    margin-bottom: 10px;
}
.upgrade-reseller-features {
    margin-top: 30px;
}
.reseller-features-title {
    font-size: 30px;
    font-weight: 700;
}
.reseller-features-box {
    margin-top: 20px;
    margin-bottom: 20px;
}
.reseller-features-box .icon {
  font-size: 24px;
  color: #ffffff;
  width: 48px;
  height: 48px;
  line-height: 48px;
  background-color: #fd4c52;
  border-radius: 50%;
}
.features-box-title {
  font-size: 18px;
  font-weight: 700;
  margin-top: 10px;
  margin-bottom: 6px;
  text-transform: uppercase;
}
.upgrade-payment-box .btn-payment {
    font-size: 16px;
    padding: 8px 20px;
    line-height: 20px;
    border: none;
    background-color: #fd4c52;
    color: #ffffff;
    border-radius: 4px;
    transition: all .2ms ease-in-out;
}
.upgrade-payment-box .btn-payment:hover {
    background-color: green;
    color: #ffffff;
}
.upgrade-payment-box .btn-payment:focus {
    background-color: green;
    color: #ffffff;
    outline: none;
}
.upgrade-content-wrapper .btn-video-modal {
    background: #d5352e;
    color: #ffffff;
    padding: 35px 50px;
    font-size: 18px;
    font-weight: 700;
    white-space: normal;
}
.upgrade-content-wrapper .btn-video-modal i {
    font-size: 36px;
}
.upgrade-content-wrapper .btn-video-modal-wrap img {
    margin-left: 20px;
    height: 160px;
}
.upgrade-payment-box-2 {
    padding: 15px;
    background-color: #f4f4f4;
    text-align: center;
}
.upgrade-payment-box-2 .upgrade-price {
    display: block;
    font-size: 20px;
    margin-bottom: 5px;
}
.upgrade-payment-box-2 .payment-terms {
    margin-bottom: 10px;
}
.upgrade-payment-box-2 .btn-payment {
    font-size: 16px;
    padding: 8px 20px;
    line-height: 20px;
    border: none;
    background-color: #fd4c52;
    color: #ffffff;
    border-radius: 4px;
    transition: all .2ms ease-in-out;
}
.upgrade-payment-box-2 .btn-payment:hover {
    background-color: green;
    color: #ffffff;
}
.upgrade-payment-box-2 .btn-payment:focus {
    background-color: green;
    color: #ffffff;
    outline: none;
}
.upgrade-guarantee-2 {
    max-width: 340px;
    margin: 0 auto;
    padding: 10px 0 0;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}
.upgrade-guarantee-2 > span {
    max-width: 100px;
    margin-right: 10px;
}
.upgrade-guarantee-2 p {
    margin-bottom: 0;
}
.upgrade-content-wrapper .btn-big-red  {
    font-size: 24px;
    font-weight: 700;
    line-height: 32px;
    padding: 24px;
    color: #ffffff;
    border: none;
    border-radius: 6px;
    text-shadow: 1px 1px 1px #6a0105;
    background-color: #FD4D52;
    background: -webkit-linear-gradient(top, #FD4D52, #DD1B22);
    background: -moz-linear-gradient(top, #FD4D52, #DD1B22);
    background: linear-gradient(to bottom, #FD4D52, #DD1B22);
    background-repeat: no-repeat;
}
@media only screen and (max-width: 1199px) {
    .upgrade-content-wrapper .btn-big-red {
        font-size: 20px;
        padding: 20px;
    }
}
.upgrade-content-wrapper .btn-big-red:hover,
.upgrade-content-wrapper .btn-big-red:focus {
    background: #DD1B22;
    color: #ffffff;
    outline: none;
}
/****************** Upgrade page for Free customers end *********************/
.account-profile-photo {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: end;
    overflow: hidden;
}
.account-profile-photo-img {
    margin-right: 15px;
    min-width: 98px;
    width: 98px;
    height: 98px;
    border: 2px solid #ffffff;
    background-color: #eeeeee;
    -webkit-box-shadow: 0 0 0 1px #dddddd;
    -moz-box-shadow: 0 0 0 1px #dddddd;
    box-shadow: 0 0 0 1px #dddddd;
    border-radius: 50%;
    overflow: hidden;
}
.account-profile-photo-img img {
    min-width: 100%;
    min-height: 100%;
    display: block;
    max-height: 100%;
}
/****************** Collapsing table at "Downline" *********************/
.collapse-table-btn{
    float: left;
    display: block;
    width: 100%;
    background: #eff1f3;
    padding: 9px 15px;
    cursor: pointer;
}
.collapse-table-btn i{
    font-size: 12px;
    font-weight: 900;
}
.collapse-table-btn-text{
    display: inline-block;
    font-size: 14px;
    color: #647886;
    margin: 0;
}
.collapse-table-btn-text .bold{
    text-transform: uppercase;
    font-weight: bold;
}
.collapse-table-btn-text .bold:hover{
    color: #598fb4;
}
.collapse-table-wrap{
    width: 100%;
    margin-top: 20px;
}
.collapse-table-btn .table-hide{
    display: none;
}
.collapse-table-arrow i{
    font-size: 12px;
}
.collapse-table-btn[aria-expanded="true"] .table-hide{
    display: inline;
}
.collapse-table-btn[aria-expanded="true"] .table-show{
    display: none;
}
.collapse-table-btn[aria-expanded="true"] .collapse-table-arrow i{
    transform: rotateX(180deg);
}
/****************** Collapsing table at "Downline" end *********************/
/****************** Income Stream button *********************/
.ta-link{
    padding-right: 15px;
}
.navbar-inverse .nav > li > a.income-stream-btn{
    height: 40px;
    font-size: 16px;
    font-weight: 700;
    color: #3d5283;
    text-transform: uppercase;
    background: linear-gradient( to bottom, #f7f5f5, #d3d3d3);
    padding: 2px 10px 2px 2px;
    border-radius: 20px;
}
.navbar-inverse .nav > li > a.income-stream-btn:hover{
    background: linear-gradient( to top, #f7f5f5, #d3d3d3);
}
.income-stream-btn img{
    margin-right: 5px;
}
/****************** Income Stream button end *********************/
/****************** Legend line *********************/
#legend{
    text-align: center;
    margin-bottom: 20px;
}
#legend img{
    max-width: 100%;
}
.legend-heading{
    font-size: 24px;
    font-weight: 300;
    margin-bottom: 20px;
}
.legend-item{
    max-width: 220px;
    width: 100%;
    display: inline-block;
    vertical-align: top;
    margin: 0 10px;
}
.legend-avatar{
    position: relative;
    display: inline-block;
    margin-bottom: 10px;
}
.legend-item:nth-child(1) .legend-avatar:after{
    content: '';
    position: absolute;
    background: url('../images/red-arrow.png') no-repeat center;
    background-size: contain;
    width: 20px;
    height: 20px;
    right: -30px;
    top: 15px;
}
.legend-item:nth-child(2) .legend-avatar:after{
    content: '';
    position: absolute;
    width: 100%;
    height: 2px;
    background: red;
    left: 0;
    bottom: -5px;
}
.lengend-person-info-icon{
    position: absolute;
    bottom: 0;
    right: -10px;
    width: 32px;
    height: 32px;
    border: solid 2px #fff;
    border-radius: 50%;
    cursor: pointer;
}
.legend-item p{
    font-size: 14px;
}
.account-profile-photo .preview-banner.img-thumbnail{
    display: block;
    width: 98px;
    height: 98px;
    border: 2px solid #ffffff;
    background: #eeeeee;
    -webkit-box-shadow: 0 0 0 1px #dddddd;
    -moz-box-shadow: 0 0 0 1px #dddddd;
    box-shadow: 0 0 0 1px #dddddd;
    border-radius: 50%;
    overflow: hidden;
    padding: 0;
}
.preview-banner.img-thumbnail img{
    min-width: 100%;
    min-height: 100%;
    display: block;
    max-height: 100%;
    max-width: 100%;
}
/****************** Legend line end *********************/
.ar-analytics .nb-tabs-menu-bottom {
    min-height: 0;
}
.ar-analytics .btn-help {
    width: 24px;
    height: 24px;
    padding: 2px;
    border: 1px solid #999;
    border-radius: 50%;
    color: #999;
    background-color: transparent;
    margin: 13px 0px 0 10px;
}
.ar-analytics .btn-help .icon {
    font-size: 18px;
    line-height: 18px;
    width: 18px;
    height: 18px;
}
.ar-analytics .btn-help:hover,
.ar-analytics .btn-help:focus {
    color: #ffffff;
    background-color: #999;
}
.ar-analytics label {
    font-size: 14px;
}
.form-compare .form-group-flex {
    width: 100%;
    display: flex;
}
.form-compare .form-group-flex label {
    width: 130px;
    min-width: 130px;
    white-space: nowrap;
    margin-right: 15px;
}
.form-compare .form-group-flex .fill {
    flex-grow: 1;
}
.ar-analytics .form-compare .btn {
    margin: 0;
}
.ar-analytics .form-message-1,
.ar-analytics .form-message-2 {
    position: relative;
}
.ar-analytics .form-message-1::before,
.ar-analytics .form-message-2::before {
    content: '';
    display: block;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    position: absolute;
    top: 12px;
    left: 11px;
    background-color: #eeeeee;
}
.ar-analytics .form-message-1::before {
    background-color: #52E539;
}
.ar-analytics .form-message-2::before {
    background-color: #FD8D4C;
}
.ar-analytics .form-message-1 .form-control,
.ar-analytics .form-message-2 .form-control {
    padding-left: 30px;
}
.ar-analytics .statistics {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}
.ar-analytics .statistics .item {
    width: calc(16.6% - 20px);
    display: flex;
    flex-direction: column;
    padding: 10px 10px;
    border-radius: 10px;
    text-align: center;
    background-color: #efefef;
    color: #111111;
}
.statistics .item span:first-child {
    font-size: 16px;
    font-weight: 300;
}
.statistics .item span:last-child {
    font-size: 14px;
    font-weight: 400;
    color: #111111;
}
.nav-pills.default>li.active>a,
.nav-pills.default>li.active>a:hover,
.nav-pills.default>li.active>a:focus {
    color: #ffffff;
    background-color: #FD4C52;
}
.nav-pills.default {
    display: flex;
    flex-direction: row;
    align-items: center;
}
.nav-pills.defaul>li {
    float: none;
}
.ar-analytics .nav-pills.default {
    justify-content: center;
}
.nav-pills.default>li>a {
    color: #FD4C52;
    border: 1px solid #FD4C52;
}
.nav.default>li>a:hover,
.nav.default>li>a:focus {
    background-color: rgba(253, 76, 82, 0.05);
}
.nav-flex {
    display: flex;
    flex-direction: row;
    align-items: center;
}
.nav-flex>li>a.btn-sm{
    padding: 3px 10px;
}
.ar-analytics .actions-bottom {
    justify-content: center;
}
.ar-analytics .actions-bottom li {
    margin: 0 3px;
}
.ar-analytics .actions-bottom .btn {
    background-color: #FD4C52;
    color: #ffffff;
}
.ar-analytics .actions-bottom .btn:hover,
.ar-analytics .actions-bottom .btn:focus {
    background-color: #000000;
    color: #ffffff;
}
.ar-analytics .tab-pane-inner {
    padding: 15px 30px;
}
.ar-analytics .tab-content {
    margin-top: 15px;
}
.ar-analytics .charts::before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 50%;
    width: 1px;
    height: 100%;
    background: #eeeeee;
}
.ar-analytics .charts {
    position: relative;
}
.ar-analytics .ct-chart {
    width: 100%;
    height: 100%;
    position: relative;
    color: #111111;
}
/*.ar-analytics .ct-chart>svg {*/
/*    display: block;*/
/*    position: absolute;*/
/*    top: 0;*/
/*    left: 0;*/
/*}*/
.ar-analytics .chart-summary .ct-label {
    font-size: 1.5rem;
}
.ar-analytics .chart-summary .ct-bar {
    stroke-width: 10px;
}
.ar-analytics .chart-summary .ct-series-a .ct-bar {
    stroke: #FD8D4C;
}
.ar-analytics .chart-summary .ct-series-b .ct-bar {
    stroke: #52E539;
}

.ar-analytics .chart-1 .ct-series-a .ct-slice-donut {
    stroke-width: 34px !important;
    stroke: #52E539;
}
.ar-analytics .chart-2 .ct-series-a .ct-slice-donut {
    stroke-width: 34px !important;
    stroke: #FD8D4C;
}
.ar-analytics .ct-series-b .ct-slice-donut {
    stroke-width: 20px !important;
    stroke: #d0d8e0;
}
.ar-analytics .ct-chart {
    position: relative;
}
.ar-analytics .ct-chart::before {
    content: 'Autoscale percent, %';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 150px;
    height: 32px;
    text-align: right;
}
.ar-analytics .fill-donut {
    font-size: 24px;
    text-align: center;
    font-weight: 300;
    text-transform: uppercase;
}
.ar-analytics .fill-donut .small {
    font-size: 11px;
    font-weight: 400;
    line-height: 1;
}
.ar-analytics .chart-summary {
    min-width: 740px;
    max-width: 100%;
}
.ar-analytics .chart-summary .chart-holder {
    width: 100%;
    height: 220px;
    overflow: hidden;
}
.ar-analytics .chart-holder {
    /*width: 220px;*/
    /*height: 220px;*/
    /*overflow: hidden;*/
}
.ar-analytics .chart-row {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
    /*min-height: 240px;*/
}
.ar-analytics .chart-list {
    margin: 0;
    padding: 0;
    list-style: none;
}
.ar-analytics .chart-table td {
    padding: 1px 5px;
    border: 0;
}
.ar-analytics .chart-table td:first-child {
    font-size: 22px;
    font-weight: 300;
    text-align: right;
    color: #111111;
}
.ar-analytics .chart-1 .chart-table .best,
.ar-analytics .chart-2 .chart-table .best  {
    font-size: 26px;
}
.ar-analytics .chart-1 .chart-table .best  {
    color: #52E539;
}
.ar-analytics .chart-2 .chart-table .best  {
    color: #FD8D4C;
}
.ar-analytics .statistics-table th,
.ar-analytics .statistics-table td {
    border: none;
    border-bottom: 1px solid #eeeeee;
}
.ar-analytics .statistics-table th {
    text-transform: uppercase;
}
.ar-analytics .statistics-table td {
    font-weight: 400;
}
.statistics-table tr:hover td {
    background-color: #f9f9f9;
}
.ar-analytics .chart-1 .statistics-table th:nth-child(2) {
    color: #52E539;
}
.ar-analytics .chart-2 .statistics-table th:nth-child(2) {
    color: #FD8D4C;
}

.ar-analytics .statistics-table td:nth-child(1),
.ar-analytics .statistics-table td:nth-child(4) {
    width: 100px;
    white-space: nowrap;
}
.ar-analytics .statistics-table td:nth-child(2),
.ar-analytics .statistics-table td:nth-child(3) {
    width: 50%
}
.ar-analytics .statistics-table td:nth-child(2) {
    text-align: right;
}
.ar-analytics .statistics-table th:nth-child(4),
.ar-analytics .statistics-table td:nth-child(4) {
    text-align: center;
}
.ar-analytics .btn-icon {
    padding: 1px;
    border: none;
    background: none;
}
.ar-analytics .btn-icon:hover {
    color: #FD4C52;
}
.statistics-table .btn-icon {
    margin: 0 3px;
}

.navigation-top {
    padding: 0 15px;
    background-color: rgba(42,44,51,0.75);
    position: relative;
    z-index: 1;
}
.navigation-top > ul {
    display: flex;
    flex-direction: row;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;

}
.navigation-top > ul > li {
    position: relative;
}
.navigation-top > ul > li > a {
    display: block;
    padding: 13px 25px;
    color: #ffffff;
    text-decoration: none;
    position: relative;
    z-index: 1;
}
.navigation-top > ul ul {
    display: none;
    position: absolute;
    min-width: 100%;
    top: 100%;
    left: 0;
    flex-direction: column;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
    background-color: #fff;
    /*margin-top: -1px;*/
    box-shadow: 0 7px 12px 0 rgba(0,0,0,.25);
}
.navigation-top > ul > li:hover > a {
    background-color: rgba(255,255,255,.35);
    color: #fff;
}
.navigation-top > ul > li:hover ul {
    display: flex;
}
.navigation-top > ul ul > li + li {
    /*border-top: 1px solid rgba(0,0,0,.1);*/
}
.navigation-top > ul ul > li {
    width: 100%;
}
.navigation-top > ul ul > li > a {
    display: block;
    padding: 10px 25px;
    color: #555;
    text-decoration: none;
}
.navigation-top > ul ul > li.active > a {
    background-color: transparent;
    color: #333;
    font-weight: 700;
}
.navigation-top > ul ul > li > a:hover,
.navigation-top > ul ul > li.active > a:hover {
    background-color: #f4f6fb;
    color: #333;
}
/** w9 **/
.w9-wrapper {
    width: 500px;
    max-width: 100%;
    margin: 0 auto 20px;
}
.w9-panel h4 {
    font-size: 18px;
}
.w9-panel p,
.w9-panel ol {
    font-size: 14px;
}
.w9-panel ol li {
    margin-bottom: 5px;
}
.w9-panel input[type="submit"] {
    font-weight: 700;
    text-transform: uppercase;
}
/** w9 ends **/
/** Tree graph **/
.ds-tr td {
   vertical-align: top !important;
}
.branch-border {
    width: 50%;
    margin: 2px auto 10px;
    height: 2px;
    background-color: #ccc;
    position: relative;
}
.branch-border::before {
    content: '';
    position: absolute;
    top: -6px;
    left: 50%;
    height: 6px;
    width: 2px;
    background-color: #ccc;
}
.branch-border .bottom::before {
    content: '';
    position: absolute;
    top: 2px;
    left: 0;
    height: 6px;
    width: 2px;
    background-color: #ccc;
}
.branch-border .bottom::after {
    content: '';
    position: absolute;
    top: 2px;
    right: 0;
    height: 6px;
    width: 2px;
    background-color: #ccc;
}
.ds-user {
    /*display: block;*/
    position: relative;
}
.ds-user-dd {
    display: none;
    position: absolute;
    top: 0;
    left: 100%;
    max-width: 250px;
    border: 1px solid rgba(0,0,0,.2);
    border-radius: 4px;
    background-color: #fff;
    padding: 5px 10px;
    box-shadow: 0 5px 15px rgba(0,0,0,.20);
    z-index: 999;
    font-size: 14px;
    font-weight: 400;
    color: #666;
    text-align: left !important;
    white-space: nowrap;
    font-size: 14px;
    line-height: 1.6;
}
.ds-user:hover .ds-user-dd {
    display: block;
}
.ds-user:hover code {
    text-decoration: underline;
}
.ds-td-data {
    position: relative;
}
.ds-td-data .ds-td-tree {
    display: none;
    position: absolute;
    width: 100%;
    top: 100%;
    left: 0;
    background-color: #fff;
    padding: 5px;
    border: 1px solid rgba(0,0,0,.2);
    border-radius: 6px;
    -webkit-box-shadow: 0 5px 10px rgba(0,0,0,.20);
    box-shadow: 0 5px 10px rgba(0,0,0,.20);
    z-index: 900;
}
.ds-td-data:hover .ds-td-tree {
    display: block;
}

.downline-menu .search-form {
    display: flex;
    align-items: center;
    margin-bottom: 10px;
}
.downline-menu .search-form .btn {
    margin-left: 10px;
}
.downline-menu .btn-full-tree {
    box-shadow: inset -2px -2px 8px 0 rgba(0,0,0,.025);
}
/** Tree graph ends**/
.gb-vip-lifetime-button-wrap {
    float: left;
    margin-left: 15px;
    margin-top: 2px;
}
.gb-vip-lifetime-button {
    display: inline-block;
    background: rgb(253,76,82);
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    line-height: 20px;
    padding: 4px 10px;
    border-radius: 10px;
    border: 2px solid #2a2d33;
    box-shadow: 0 0 5px 2px rgb(253,76,82);
    text-align: center;
    text-shadow: 0 1px 0 #9c0202;
    animation-name: bgchange;
    animation-duration: 3s;
    animation-iteration-count: infinite;
}
.gb-vip-lifetime-button:hover,
.gb-vip-lifetime-button:focus {
    color: #fff;
    background: rgb(15,102,181);
    box-shadow: 0 0 5px 2px rgb(15,102,181);
}
@keyframes bgchange {
    0% {background-color: rgb(253,76,82);}
    50% {background-color: rgb(15,102,181); box-shadow: 0 0 5px 2px rgb(15,102,181);}
    0% {background-color: rgb(253,76,82);}
}
@media only screen and (max-width: 1440px) {
    .gb-vip-lifetime-button {
        display: inline-block;
        background: rgb(253,76,82);
        color: #fff;
        font-size: 14px;
        font-weight: 700;
        line-height: 20px;
        padding: 4px 5px;
        border-radius: 10px;
        border: 2px solid #2a2d33;
        box-shadow: 0 0 5px 2px rgb(253,76,82);
        text-align: center;
        text-shadow: 0 1px 0 #9c0202;
    }
    .navbar-header-label-status {
        font-size: 16px;
    }
}


/*** RECENT PRE-ENROLLEES for Autopilot MA  ***/
.preenroll-sidebar {
  padding: 15px 15px 30px;
  display: none;
}
.preenroll-list-title {
  font-size: 14px;
  line-height: 20px;
  margin-bottom: 8px;
  color: #fff;
}
.preenroll-list {
  display: flex;
  flex-direction: column;
  background-color: #ffffff;
  color: #222222;
  font-size: 14px;
  line-height: 20px;
}
.preenroll-list .item {
  padding: 8px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.25);
}
.preenroll-list .flag {
  margin-bottom: 4px;
}
.preenroll-list .info {
  display: flex;
  justify-content: space-between;
}
/*** RECENT PRE-ENROLLEES for Autopilot MA ENDS ***/


/*** Signup proof popup for Autopilot MA  ***/
#proof {
  position: fixed;
  z-index: 1030;
  bottom: 20px;
  left: 10px;
  height: 65px;
  width: 320px;
  border: none;
  display: block !important;
  box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.2), 0 1px 2px 0 rgba(0, 0, 0, 0.05), 0 8px 20px 0 rgba(0, 0, 0, 0.05);
  box-shadow: 0 15px 25px rgba(0, 0, 0, 0.1);
  border-radius: 40px;
  font-family: 'Roboto Condensed', sans-serif;
  opacity: 0;
  visibility: hidden;
}

#proof:hover {
  box-shadow: 0 15px 25px rgba(0, 0, 0, 0.1);
}
#proof:active {
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1);
}
#proof.show-proof {
  opacity: 1;
  visibility: visible;
  -webkit-animation: shootUp 0.4s linear both;
  animation: shootUp 0.4s linear both;
}
@-webkit-keyframes shootUp {
  0% {
    opacity: 0;
    -webkit-transform: translate(0, 100%);
    transform: translate(0, 100%);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes shootUp {
  0% {
    opacity: 0;
    -webkit-transform: translate(0, 100%);
    transform: translate(0, 100%);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
.proof-container {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}
.proof-container .proof-bubble {
  margin: 0 auto;
  width: 320px;
  height: 65px;
  overflow: hidden;
  position: relative;
  border-bottom-left-radius: 40px;
  border-top-left-radius: 40px;
  border-bottom-right-radius: 40px;
  border-top-right-radius: 40px;
  background-color: #FFF;
  box-shadow: 0 0 1px rgba(0, 0, 0, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05), 0 8px 50px rgba(0, 0, 0, 0.05);
}
.proof-container .proof-bubble .proof-image {
  display: block;
  position: absolute;
  top: 3px;
  left: 3px;
  height: 59px;
  width: 59px;
}
.proof-container .proof-bubble .proof-image img {
  border-bottom-left-radius: 50%;
  border-top-left-radius: 50%;
  border-bottom-right-radius: 50%;
  border-top-right-radius: 50%;
  height: 59px;
  width: 59px;
}
.proof-container .proof-bubble .proof-content {
  margin-left: 75px;
  padding-top: 9px;
  padding-right: 4px;
}
.proof-container .proof-bubble .proof-content .proof-what,
.proof-container .proof-bubble .proof-content .proof-when,
.proof-container .proof-bubble .proof-content .proof-who {
  display: block;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.proof-container .proof-bubble .proof-content .proof-who {
  line-height: 16px;
  font-size: 14px;
  font-weight: 600;
  color: #000;
}
.proof-container .proof-bubble .proof-content .proof-what {
  line-height: 16px;
  font-size: 13px;
  color: #333;
}
.proof-container .proof-bubble .proof-content .proof-when {
  display: block;
  color: #999;
  font-size: 12px;
}
/*** Signup proof popup for Autopilot MA ENDS ***/

.preenroll-sidebar .cutoff {
  font-size: 38px;
  line-height: 1;
  background-color: #ffffff;
  margin: 5px 0px;
  padding: 10px;
  border-radius: 10px;
  font-weight: 700;
  color: #0d6efd;
  text-align: center;
}

#non-paid .table th:first-child {
  width: 35px;
}
#non-paid .table {
  font-size: 13px
}
#non-paid .table th.username,
#non-paid .table th.name {
  width: 9%;
}
#non-paid .table th.phone {
  width: 85px;
}
#non-paid .table th.email {
  width: 12%;
}
#non-paid .table th.signup-link {
  width: 15%;
}
#non-paid .table th.status {
  width: 8%;
}
#non-paid .table th.backups {
  word-break: break-word;
  width: 81px;
}
#non-paid .table th.join {
  width: 75px;
}
#non-paid .table th.collab {
  word-break: break-word;
  width: 80px;
}
#non-paid .table th.personal-member,
#non-paid .table th.space {
  width: 72px;
  word-break: break-word;
}
#non-paid .table th.billing {
  width: 56px;
}
#non-paid .table th.fb {
  width: 40px;
}
#non-paid .table td.username,
#non-paid .table td.email,
#non-paid .table td.signup-link{
  word-break:break-all;
}
#non-paid .table td.status {
  word-break:break-word;
}
#non-paid .table td.join,
#non-paid .table td.billing {
  font-size: 12px;
}
#non-paid .table .fb-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    align-content: center;
    margin: auto;
}