/*
 * Base structure
 */
/* Move down content because we have a fixed navbar that is 50px tall */

body {
    padding-top: 50px;
    background: #efefef;
    max-width: 1500px;
    font-family: "roboto", Helvetica, Arial, sans-serif;
}

/*
 * Global add-ons
 */
.filterTag {
    display: none;
}

.sub-header {
    padding-bottom: 10px;
    border-bottom: 1px solid #eee;
}

.no-left {
    padding-left: 0px;
}

.no-right {
    padding-right: 0px;
}

.no-lf {
    padding-left: 0px;
    padding-right: 0px;
}

.no-tb {
    padding-top: 0px;
    padding-bottom: 0px;
}

a {
    color: #21b3e7;
}

.right {
    text-align: right;
}

.left {
    text-align: left;
}

p {
    color: #777;
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: 500;
}

body {
    font-weight: 400;
}

.strong {
    font-weight: 500;
}

.navbar-brand {
    padding: 10px 20px;
}

.navbar-inverse .navbar-toggle:focus,
.navbar-inverse .navbar-toggle:hover {
    background-color: transparent;
}

.mt-0 {
    margin-top: 0px;
}

.mt-10 {
    margin-top: 10px;
}

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

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

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

.mt-40 {
    margin-top: 40px;
}

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

/*
 * Top navigation
 * Hide default border to remove 1px line.
 */

@media (min-width: 768px) {
    .navbar-right {
        margin-right: 0px;
    }
}

.navbar-inverse .navbar-brand {
    color: #fff;
}

.navbar-fixed-top {
    border: 0;
}

.navbar-inverse {
    background-color: #fff;
    border-bottom: 0px solid #efefef;
}

/* Buttons */

.btn {
    padding: 12px 24px;
}

.btn-primary {
    color: #ffffff;
    background-color: #21b3e7;
    border: 0px;
}

    .btn-primary:hover {
        background-color: #27d1ff;
    }

    .btn-primary:focus {
        background-color: #27d1ff;
    }

/*
 * Sidebar
 */
/* Hide for mobile, show later */

.sidebar {
    display: none;
    max-width: 220px;
}

    .sidebar a {
        color: #5d5764;
        font-weight: 500;
        -webkit-font-smoothing: antialiased;
    }

@media (min-width: 768px) {
    .sidebar {
        position: fixed;
        top: 51px;
        bottom: 0;
        left: 0;
        z-index: 1000;
        display: block;
        padding: 20px;
        overflow-x: hidden;
        overflow-y: auto;
        /* Scrollable contents if viewport is shorter than content. */
        background-color: #ffffff;
        border-right: 2px solid #efefef;
        margin-top: -1px;
        padding-right: 0px;
    }

    .connectbtn {
        padding: 7px 14px;
    }
}

.to-dos-dailys input[type="checkbox"],
.to-dos input[type="checkbox"] {
    margin-top: 4px;
    margin-bottom: 16px;
    margin-left: 7px;
    margin-right: 4px;
}

.to-dos-dailys h5,
.to-dos h5 {
    color: #fff;
    padding-bottom: 5px;
}

.to-dos-dailys {
    border-top: 2px solid #362e40;
    padding-top: 20px;
    margin-top: 20px;
    margin-left: -20px;
    padding-left: 20px;
    color: #7eb6b0;
    font-size: 12px;
}

.to-dos {
    padding-top: 20px;
    margin-left: -20px;
    padding-left: 20px;
    color: #a397af;
    font-size: 12px;
}

.to-do-controls {
    text-align: right;
    margin-bottom: 20px;
}

.my-why {
    background: #ffffff;
    margin-top: 20px;
    margin-left: -20px;
    margin-right: -20px;
    padding: 15px;
    color: #5d5764;
    text-align: left;
    border-top: 2px solid #f6f6f6;
    bottom: 0;
    position: absolute;
    max-height: 250px;
    overflow-y: auto;
    width: 100%;
}

    .my-why h5 {
        color: #5d5764 !important;
        font-size: 20px;
        margin-top: 10px;
        margin-bottom: 10px;
    }

    .my-why p {
        font-size: 14px;
        font-weight: 500;
        color: #777777;
    }

/*.my-why p a {
            margin-top: 15px;
        }*/

.icon-dash {
    height: 18px;
    width: 18px;
    color: #fff;
    margin-bottom: -6px;
    margin-right: 10px;
    margin-top: -10px;
}

/* Sidebar navigation */

.main-nav {
    font-size: 15px;
}

    .main-nav .nav > li > a {
        padding: 15px 20px;
    }

.nav-sidebar {
    margin-right: -21px;
    /* 20px padding + 1px border */
    margin-bottom: 30px;
    margin-left: -20px;
}

    .nav-sidebar > li > a {
        max-width: 174px;
        margin-left: 15px;
    }

        .nav > li > a:focus,
        .nav-sidebar > li > a:hover {
            text-decoration: none;
            background-color: transparent;
        }

    .nav-sidebar > .active > a,
    .nav-sidebar > .active > a:hover,
    .nav-sidebar > .active > a:focus {
        color: #5d5764;
        background-color: #fbfbfb;
        border-radius: 0px 8px 8px 0px;
        box-sizing: border-box;
    }

/* Sub-Sidebar */

.sub-side {
    padding-left: 0px;
}

.sub-sidebar {
    margin-bottom: 30px;
    margin-left: -10px;
}

.sub-side h5 {
    color: #5d5764;
    font-size: 14px;
}

ul.sub-sidebar li {
    padding-bottom: 5px;
}

.sub-sidebar > li > span {
    padding: 2px 10px;
    margin-bottom: 4px;
    color: #5d5764;
    font-size: 13px;
    cursor: pointer;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

    .sub-sidebar > li > span:active,
    .sub-sidebar > li > span:focus {
        border-left: 2px solid #2bc6c4;
        color: #2bc6c4;
        background-color: transparent;
        margin-left: -2px;
    }

    .sub-sidebar > li > span:hover {
        background-color: transparent;
        color: #2bc6c4;
    }

.sub-sidebar > .active > span {
    border-left: 2px solid #2bc6c4;
    color: #2bc6c4;
    background-color: transparent;
    margin-left: -2px;
}

li.add-group a {
    color: #2bc6c4;
    text-decoration: none;
}

/* Section Tabs */

.section-hdr .nav > li > a {
    border-top: 2px solid #fff;
}

    .section-hdr .nav > li > a:hover {
        text-decoration: none;
        background-color: #fff;
        color: #4e66c6;
        border-top: 3px solid #4e66c6;
    }

    .section-hdr .nav > li > a.purple-tab:hover {
        color: #2182cc;
        border-top: 3px solid #2182cc;
    }

    .section-hdr .nav > li > a.red-tab:hover {
        color: #21b3e7;
        border-top: 3px solid #21b3e7;
    }

    .section-hdr .nav > li > a.yellow-tab:hover {
        color: #ffb800;
        border-top: 3px solid #ffb800;
    }

.nav-pills > li.active > a,
.nav-pills > li.active > a:focus,
.nav-pills > li.active > a:hover {
    color: #5d5764;
    background-color: #fff;
    border-top: 3px solid #5d5764;
    height: 45px;
    font-weight: 600;
    -webkit-font-smoothing: antialiased;
}

    .nav-pills > li.active > a.purple-tab,
    .nav-pills > li.active > a.purple-tab:focus,
    .nav-pills > li.active > a.purple-tab:hover {
        color: #2182cc;
        background-color: #faf5ff;
        border-top: 3px solid #2182cc;
        height: 45px;
    }

    .nav-pills > li.active > a.red-tab,
    .nav-pills > li.active > a.red-tab:focus,
    .nav-pills > li.active > a.red-tab:hover {
        color: #21b3e7;
        background-color: #fff7fa;
        border-top: 3px solid #21b3e7;
        height: 45px;
    }

    .nav-pills > li.active > a.yellow-tab,
    .nav-pills > li.active > a.yellow-tab:focus,
    .nav-pills > li.active > a.yellow-tab:hover {
        color: #ffc600;
        background-color: #ffb800;
        border-top: 3px solid #ffb800;
        height: 45px;
    }

.nav-pills > li > a {
    border-radius: 0px;
    color: #777777;
    height: 45px;
}

/* Mini Pill Nav */

.nav-pills.mini > li.active > a,
.nav-pills.mini > li.active > a:focus,
.nav-pills.mini > li.active > a:hover {
    color: #fff;
    background-color: #5d5764;
    border-top: 0px;
    height: 26px;
    border-radius: 16px 16px 16px 16px;
}

.nav-pills.mini > li > a,
.nav-pills.mini > li > a:focus,
.nav-pills.mini > li > a:hover {
    color: #5d5764;
    background-color: transparent;
    border-top: 0px;
    height: 30px;
}

.nav-pills.mini > li > a {
    color: #999999;
    height: 30px;
    padding: 3px 12px;
    font-weight: 500;
    font-size: 14px;
}

.nav-pills.mini {
    border-radius: 4px;
    display: inline-block;
}

.nav-pills > li + li,
.nav-tabs > li + li {
    margin-left: 0px;
}

.section-hdr .nav > li > a:focus {
    background-color: #f1f4ff;
}

.navbar-inverse .navbar-nav > li > a {
    color: #d0cad6;
}

#upnexttab {
    height: 100%;
}

.nav-tabs > li > a {
    padding: 13px 15px;
    margin-right: 0px;
    font-weight: 400;
}

#upnexttab.nav-tabs > li {
    width: 12.5%;
}

    #upnexttab.nav-tabs > li:last-child {
        border-right: none;
    }

.nav-tabs {
    border-bottom: 2px solid #efefef;
}

    .nav-tabs > li.active > a,
    .nav-tabs > li.active > a:focus,
    .nav-tabs > li.active > a:hover {
        border-width: 0;
        background: transparent;
    }

    .nav-tabs > li > a {
        border: none;
        color: #777777;
    }

        .nav-tabs > li.active > a,
        .nav-tabs > li > a:hover {
            border: none;
            color: #5d5764 !important;
            background: transparent;
            font-weight: 600;
            -webkit-font-smoothing: antialiased;
        }

            .nav-tabs > li.active > a.red-tab,
            .nav-tabs > li > a.red-tab:hover {
                border: none;
                color: #5d5764 !important;
                background: transparent;
            }

            .nav-tabs > li.active > a.purple-tab,
            .nav-tabs > li > a.purple-tab:hover {
                border: none;
                color: #5d5764 !important;
                background: transparent;
            }

            .nav-tabs > li.active > a.yellow-tab,
            .nav-tabs > li > a.yellow-tab:hover {
                border: none;
                color: #5d5764 !important;
                background: transparent;
            }

        .nav-tabs > li > a::after {
            content: "";
            background: #2bc6c4;
            height: 2px;
            position: absolute;
            width: 100%;
            left: 0px;
            bottom: -1px;
            transition: all 250ms ease 0s;
            transform: scale(0);
            transform-origin: left center;
        }

        .nav-tabs > li > a.red-tab::after {
            content: "";
            background: #21b3e7;
            height: 2px;
            position: absolute;
            width: 100%;
            left: 0px;
            bottom: -1px;
            transition: all 250ms ease 0s;
            transform: scale(0);
        }

        .nav-tabs > li > a.purple-tab::after {
            content: "";
            background: #2182cc;
            height: 2px;
            position: absolute;
            width: 100%;
            left: 0px;
            bottom: -1px;
            transition: all 250ms ease 0s;
            transform: scale(0);
        }

        .nav-tabs > li > a.yellow-tab::after {
            content: "";
            background: #ffb800;
            height: 2px;
            position: absolute;
            width: 100%;
            left: 0px;
            bottom: -1px;
            transition: all 250ms ease 0s;
            transform: scale(0);
        }

    .nav-tabs > li.active > a::after {
        transform: scale(1);
    }

.tab-nav > li > a::after {
    background: #21527d none repeat scroll 0% 0%;
    color: #fff;
}

/*
 * Main content
 */

.main {
    padding: 20px;
}

@media (min-width: 768px) {
    .main {
        padding-right: 50px;
        padding-left: 50px;
    }
}

.main .page-title {
    margin-top: 10px;
    color: #777;
    font-weight: 400;
}

/* Page Header w/ Search */

.page-title {
    padding-bottom: 9px;
    margin: 40px 0 20px;
    border-bottom: 0px solid #eee;
    float: left;
}

.page-header {
    padding-bottom: 9px;
    border-bottom: none;
    display: block;
    background: transparent;
    margin-right: -15px;
    margin-left: -15px;
    margin-top: 20px;
    margin-bottom: 30px;
}

.form-control {
    height: 44px;
    color: #2c2b2e;
    font-weight: 400;
    border: none;
    width: 100%;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -webkit-transition: border-color ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s;
    -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
    transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}

.page-header .navbar-form {
    margin-top: 0;
    margin-right: 0;
    width: 100%;
    float: right;
    padding: 0;
}

.input-group {
    width: 100%;
}

.input-group-addon {
    color: #776390;
    background-color: #eae7ee;
    border: 0;
    width: 50px !important;
}

.add-contact {
    margin-bottom: 10px;
    margin-top: -30px;
    margin-left: 15px;
    margin-right: 15px;
}

/* Section Modules */

.section {
    margin-bottom: 20px;
    padding: 0 0 0 0;
    text-align: center;
    background: #fff;
}

    .section h4 {
        margin-bottom: 0;
    }

    .section img {
        display: inline-block;
        border-radius: 50%;
    }

    .section img {
        display: inline-block;
        border-radius: 50%;
    }

.section-hdr {
    text-align: left;
    border-bottom: 1px solid #efefef;
    margin-bottom: 0px;
    width: 100%;
    display: block;
}

.section-title {
    padding: 10px 0 10px 20px;
    color: #5d5764 !important;
    font-size: 18px !important;
    display: block;
    float: left;
    font-weight: 600;
    -webkit-font-smoothing: antialiased;
}

.section-edit {
    color: #777777 !important;
    font-size: 12px !important;
    display: inline-block;
    cursor: pointer;
}

.section-count {
    padding: 14px 20px 10px 10px;
    color: #777777 !important;
    font-size: 12px !important;
    display: inline-block;
}

.stars .sele {
    border: none;
}

    .stars .sele:hover {
        border: none !important;
        color: #5d5764 !important;
    }

.wizcontent {
    height: 200px;
    border: 1px solid black;
}

.wizpanel {
    display: none;
    height: 200px;
}

.wiznav-left {
    float: left;
    width: 200px;
}

.wiznav-right {
    float: right;
}

.section-menu {
    margin-bottom: 20px;
    margin-left: -15px;
}

    .section-menu .btn-sm {
        color: #5d5764;
        padding: 7px 16px;
    }

    .section-menu li span {
        color: #dcd7e0;
        padding: 7px 16px;
        font-size: 12px;
    }

.dropdown-toggle.btn-default:hover {
    color: #333;
    background-color: #fff;
    border-color: #999999;
}

.dropdown-toggle.btn-default:focus {
    background-color: #fff;
    border-color: #cccccc;
}

/* Connect Box */

.member-connect {
    padding: 7px 18px;
}

.member-cancel {
    margin-top: 5px;
    margin-right: 15px;
    cursor: pointer;
}

.member-contact {
    margin-top: 5px;
    margin-left: 15px;
}

.member-cancel a {
    color: #777777;
}

.member-notes {
    border: 1px solid #efefef;
    margin-top: 20px;
    margin-bottom: 15px !important;
}

.member-transaction {
    border: 1px solid #efefef;
    margin-top: 15px;
    margin-bottom: 15px !important;
    width: 50%;
    display: inline-block;
    box-shadow: none;
}

.clean-addon {
    background: #fff !important;
    color: #777777;
}

.btn-default {
    border: 1px solid #efefef;
    color: #2bc6c4;
}

.member-rating {
    color: #ffc600;
    border: 1px solid #ffc600;
    border-radius: 50%;
    font-size: 16px;
    height: 30px;
    width: 30px;
    padding-top: 3px;
    float: left;
    margin-right: 10px;
}

.control-container .member-name {
    font-size: 14px;
    font-weight: 500;
}

    .control-container .member-name:hover span {
        color: #2bc6c4 !important;
    }

.name-link:hover {
    color: #2bc6c4 !important;
}

.member-name {
    color: #5d5764;
    font-size: 20px;
    font-weight: 500;
    float: left;
    margin-top: 10px;
    margin-bottom: 10px;
}

.member-connect-contact {
    color: #5d5764;
    margin: 6px 0 0 6px;
}

.member-transaction-contact {
    color: #5d5764;
    margin: 6px 6px 0 0;
}

.member-pic {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    background: #f6f4f8;
    float: right;
}

/* Dashboard Up Next */

textarea.log-area {
    border: none !important;
    padding: 15px;
    max-height: 800px;
}

.log-container {
    background: #f9f9f9;
    padding: 20px;
    min-height: 521px;
    border-left: 2px solid #efefef !important;
}

.log-container-team {
    background: #f6f6f6;
    padding: 10px;
    margin-left: -15px;
    margin-right: -15px;
}

.log-container .control-container {
    border-right: none;
}

.log-box {
    border-width: 1px;
    border-color: #eaeaea;
    border-style: solid;
    background-color: #fff;
    box-shadow: 0 2px 4px rgba(25, 20, 31, 0.05);
    border-radius: 6px;
}

    .log-box .btn {
        box-shadow: 0 -1px 0 #fff, 0 0 1px rgba(25, 20, 31, 0.15), 0 2px 4px rgba(25, 20, 31, 0.15);
    }

.log-controls {
    padding: 10px 10px 5px 10px;
}

.contact-list {
    padding-left: 0;
    list-style: none;
}

.team-list .contact-list {
    overflow-x: hidden;
}

.contact-list > li {
    text-align: left;
    padding: 23px;
    height: 65px;
    background-color: #fff;
    color: #5d5764;
    border-top: 1px solid #efefef;
}

    .contact-list > li:first-child {
        border-top: 0;
    }

.contact-list-team li {
    padding: 16px;
    height: 50px;
    border-top: 0;
    /*cursor: pointer;*/
    /*until we get the whole LI issue fixed, taking this out as it looks weird to have a pointer, but can't click on anything but name*/
}

    .contact-list-team li:nth-child(odd) {
        background: #fff;
    }

.contact-list-team .star-rating {
    padding: 5px 10px !important;
}

.contact-list .rating {
    margin-right: 10px;
}

.contact-list li.selected .star-rating {
    border: 1px solid #ffc600;
    color: #ffc600;
}

.contact-list span.star-rating {
    border-radius: 50%;
    behavior: url(PIE.htc);
    /* remove if you don't care about IE8 */
    width: 30px;
    height: 30px;
    padding: 8px 12px;
    margin: 0 auto;
    border: 1px solid #efefef;
    text-align: center;
}

.contact-list li.selected {
    background-color: #f9f9f9;
    color: #5d5764;
}

.contact-list-team li.selected {
    background-color: #fff8e5 !important;
    color: #5d5764;
}

    .contact-list-team li.selected .star-rating {
        border: 1px solid #ffb800 !important;
        color: #ffb800;
    }

    .contact-list-team li.selected .stars {
        color: #ffb800;
        float: right;
        font-size: 18px;
        margin-top: -2px;
        cursor: pointer;
    }

span.glyphicon.glyphicon-star-empty {
    color: #e6cc86;
}

.glyphicon-star-empty:hover {
    color: #fff;
}

.glyphicon-star:hover {
    color: #ffeaab;
}

.contact-list li span.lc-date {
    float: right;
}

.contact-list li span.connect {
    float: right;
    margin-top: 0px;
    margin-left: 5px;
}

.connectbtn {
    padding: 7px 24px;
}

.lc-date {
    font-size: 11px;
    color: #999999;
    font-weight: 300;
}

#connect-skip {
    margin-right: 10px;
    color: #777777;
    font-size: 12px;
    font-weight: 500;
}

.connectbtn,
.secondary,
#connect-skip,
.stars {
    display: none;
}

li.selected .connectbtn,
li.selected #connect-skip,
li.selected .stars {
    display: inline-block;
}

li.selected span.lc-date {
    display: none;
}

.secondary {
    font-size: 11px;
    color: #999999;
    font-weight: 300;
}

li.selected span.secondary {
    display: block;
}

li.setBulkType {
    background-color: #fff8e5 !important;
    color: #5d5764;
    height: 60px;
}

    li.setBulkType span.star-rating {
        border: 1px solid #ffb800;
        color: #ffb800;
    }

    li.setBulkType .bulkType {
        display: block;
        padding-left: 40px;
    }

    li.setBulkType span.lc-date {
        display: none;
    }

.bulkType {
    display: none;
}

    .bulkType span.sele.btn-sm.selected {
        border: 1px solid #ffb800 !important;
        color: #ffb800 !important;
    }

    .bulkType span.sele.btn-sm:hover {
        border: 1px solid #5d5764 !important;
        color: #5d5764 !important;
    }

.upnext-list {
    height: 474px;
    /*overflow: hidden;*/
    margin-bottom: 0px;
    margin-top: 0px;
    background: #fff;
}

    .upnext-list .well {
        min-height: 20px;
        height: 327px;
        padding: 19px;
        margin-bottom: 20px;
        background-color: #fff;
        border: 0px;
        border-radius: 0px;
        -webkit-box-shadow: none;
        box-shadow: none;
    }

/* Activity Feed */

.feed-title {
    text-align: left;
    color: #5d5764;
    margin-top: 30px;
    margin-bottom: 30px;
}

.feed-container {
    text-align: left;
    padding: 0 20px 20px 0;
    overflow-y: auto;
    height: 434px;
}

.log-box .feed-container {
    padding: 20px 20px 20px 20px;
    height: 434px;
}

.activity {
    padding-left: 60px;
    padding-bottom: 30px;
    font-size: 16px;
}

.act-icon {
    border-radius: 50%;
    width: 45px;
    height: 45px;
    padding: 12px;
    margin: 0 auto;
    text-align: center;
    float: left;
    margin-left: -60px;
    behavior: url(PIE.htc);
    color: #fff;
}

.act-sym {
    height: 22px;
    width: 22px;
    color: #fff;
}

.act-line {
    width: 0px;
    height: 100%;
    padding: 17px;
    text-align: center;
    float: left;
    margin-left: -38px;
    margin-top: 45px;
    border-left: 1px solid #efefef;
}

.called .act-icon {
    background: #65b4fe;
}

.texted .act-icon {
    background: #64d2ed;
}

.emailed .act-icon {
    background: #6cddce;
}

.sale .act-icon {
    background: #6cddce;
}

.in-person .act-icon {
    background: #8c91fc;
}

.facebook .act-icon {
    background: #829cff;
}

.note .act-icon {
    background: #b882ff;
}

.instagram .act-icon {
    background: #ff7143;
}

.act-date {
    float: right;
    font-size: 12px;
    color: #999999;
}

.act-notes {
    padding-top: 7px;
    font-size: 14px;
    color: #999999;
}

.snapchat .act-icon {
    background: #ffb800;
}

.other .act-icon {
    background: #5d5764;
}

.linkedin .act-icon {
    background: #008cc9;
}

.videochat .act-icon {
    background: #FF9A67;
}

.voicemessage .act-icon {
    background: #49B7FE;
}

.gift .act-icon {
    background: #49B7FE;
}

.threewaycall .act-icon {
    background: #49B7FE;
}

.eventorparty .act-icon {
    background: #49B7FE;
}

.sharevideo .act-icon {
    background: #49B7FE;
}

.whatsapp .act-icon {
    background: #57dca3;
}

/*.fup {
    border-bottom: 1px solid #f8f8f8;
    padding-bottom: 7px;
    padding-top: 7px;
    padding-left: 65px;
    min-height: 70px;
    font-size: 16px;
}*/

.fup {
    border-bottom: 1px solid #f8f8f8;
    min-height: 70px;
    font-size: 16px;
}

.fupDateContainer {
    border: 1px solid #c6c6c6;
    border-radius: 4px;
    margin-right: 20px;
    font-size: 14px;
    padding: 6px 12px;
    margin-bottom: 10px;
}

.noBorder {
    border: none;
}

.fupName {
    font-size: 14px;
    font-weight: 500;
}

.fup-sym {
    height: 22px;
    width: 22px;
    color: #fff;
}

.fup-line {
    width: 0px;
    height: 100%;
    padding: 17px;
    text-align: center;
    float: left;
    margin-left: -38px;
    margin-top: 45px;
    border-left: 1px solid #efefef;
}

.fup-date {
    margin-right: 15px;
    margin-top: 3px;
    float: right;
    font-size: 12px;
    color: #999999;
}

.fup-briefnotes {
    padding-top: 0px;
    font-size: 14px;
    color: #777777;
}

    .fup-briefnotes span.readonly {
        display: block;
        text-overflow: ellipsis;
        word-wrap: break-word;
        overflow: hidden;
        max-height: 2.84em;
        line-height: 1.42em;
        font-size: 14px;
        color: #777777;
    }

/*.fup-icon {
    border-radius: 50%;
    width: 45px;
    height: 45px;
    padding: 12px;
    margin: 0 auto;
    text-align: center;
    float: left;
    margin-left: -54px;
    margin-top: 5px;
    color: #fff;
    background: #FFC93D;
}*/

.fup-icon {
    border-radius: 50%;
    width: 45px;
    height: 45px;
    padding: 12px;
    text-align: center;
    float: left;
    margin-right: 10px;
    color: #fff;
    background: #FFC93D;
}

.feed-header{
    font-size: 12px;
    color: #999999;
    padding-left: 10px;
    padding-top: 10px;
}

.feed-header:before {
    display: block;
    float: right;
    margin-top: .6em; /* half the line-height */
    border-top: 1px solid;
    border-color: #999999;
    width: 85%;
    content: "";
}

/* Charts */

@media (max-width: 767px) {
    .ct-stats {
        display: inline-block;
        width: 40%;
        margin: 10px;
    }

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

    .ct-chart .ct-perfect-fourth .ct-week {
        margin-top: 20px;
    }
}

@media (max-width: 1120px) {
    .ct-overview {
        margin-bottom: 30px;
    }
}

.chart-name {
    /*padding-top: 15px;*/
    color: #2bc6c4;
    font-weight: 500;
    font-size: 16px;
}

.ct-perfect-fourth:before {
    padding-bottom: 0px !important;
}

.ct-perfect-fourth > svg {
    position: relative !important;
}

.ct-week .ct-label,
.ct-week .ct-label.ct-horizontal {
    display: block;
    width: 100%;
    height: 100%;
    fill: rgba(0, 0, 0, 0.4);
    color: #5d5764;
    font-size: 14px;
    text-align: center;
}

.ct-week .ct-series-a .ct-line,
.ct-week .ct-series-a .ct-point {
    stroke: #21b3e7;
}

.ct-week .ct-line {
    fill: none;
    stroke-width: 2px;
}

.ct-week .ct-series.ct-series-a .ct-area {
    fill: #21b3e7;
}

.ct-chart .ct-perfect-fourth .ct-week {
    height: 180px;
    margin-top: 20px;
}

.ct-week-h {
    max-height: 200px;
}

.ct-overview span {
    color: #5d5764;
}

.ct-overview h3 {
    margin-top: 32px;
}

.ct-overview-container {
    border-left: 1px solid #efefef;
}

.ct-dailys {
    max-height: 200px;
    max-width: 200px;
}

    .ct-dailys .ct-slice.ct-donut {
        fill: none;
        stroke-width: 10px;
    }

    .ct-dailys .ct-series-a .ct-slice-donut {
        stroke: #2bc6c4;
    }

    .ct-dailys .ct-series-b .ct-slice-donut {
        stroke: #21b3e7;
    }

    .ct-dailys .ct-series-c .ct-slice-donut {
        stroke: #ffb800;
    }

    .ct-dailys .ct-series-d .ct-slice-donut {
        stroke: #2182cc;
    }

    .ct-dailys .ct-series > path {
        border: 2px solid #fff;
    }

.ct-contain {
    width: 32%;
    display: inline-block;
}

.ct-sk,
span.ct-sk {
    color: #2bc6c4;
}

.ct-pg,
span.ct-pg {
    color: #21b3e7;
}

.ct-wo,
span.ct-wo {
    color: #ffb800;
}

.ct-sp,
span.ct-sp {
    color: #2182cc;
}

.ct-invites .ct-series-a .ct-slice-donut {
    stroke: #2bc6c4;
}

.ct-connects .ct-series-a .ct-slice-donut {
    stroke: #21b3e7;
}

.ct-touches .ct-series-a .ct-slice-donut {
    stroke: #2182cc;
}

.ct-adds .ct-series-a .ct-slice-donut {
    stroke: #5d5764;
}

.ct-typeinvites .ct-series-a .ct-slice-donut {
    stroke: #5d5764;
}

.ct-invites .ct-series-b .ct-slice-donut,
.ct-connects .ct-series-b .ct-slice-donut,
.ct-touches .ct-series-b .ct-slice-donut,
.ct-adds .ct-series-b .ct-slice-donut,
.ct-typeinvites .ct-series-b .ct-slice-donut {
    stroke: #f6f6f6;
}

.ct-progress .ct-series.ct-series-a .ct-bar {
    stroke: #6dd6c7;
}

.ct-progress .ct-series.ct-series-b .ct-bar {
    stroke: #f6f4f8;
}

.ct-progress {
    max-height: 60px;
    margin-top: -33px;
    margin-left: -10px;
}

@-moz-document url-prefix() {
    .ct-progress {
        margin-left: -10px;
        margin-top: 15px;
        max-height: 54px;
    }
}

.today-data,
.ct-today {
    color: #999999;
    font-weight: 400;
}

    .today-data span {
        color: #5d5764 !important;
        font-size: 16px;
    }

    .today-data h1,
    .ct-today h1 {
        margin-top: 29px;
        font-size: 20px;
        font-weight: 500;
    }

.business-data h1 {
    margin-bottom: 40px;
}

.ct-invites,
.ct-connects,
.ct-touches {
    position: relative;
}

.today-data {
    position: absolute;
    top: 10px;
    left: 50%;
    width: 100px;
    margin-left: -50px;
}

.ct-today .ct-invites,
.ct-today .ct-connects,
.ct-today .ct-touches,
.ct-today .ct-adds {
    /*min-height: 150px;*/
}

/* Contact Details */

.contact-info {
    margin: 20px 20px 20px 0;
}

#details-tab li.active {
    padding-bottom: 0;
}

#details-tab.nav-justified > li > a:hover {
    color: #5d5764;
    background: transparent;
}

.details-tab-container {
    border-top: 1px solid #efefef;
    margin-left: -15px;
    margin-right: -15px;
    height: 46px;
    padding-top: 15px;
    padding-bottom: 40px;
    border-bottom: 1px solid #efefef;
    background: #f9f9f9;
}

.team-view tbody td {
    padding: 6px 10px !important;
}

.team-view tbody tr.odd {
    background: #f6f4f8;
}

.team-view tr.even {
    background-color: #fff !important;
}

    .team-view tr.even > .sorting_1 {
        background-color: #fff !important;
    }

.team-view tr.selected {
    background: #5d5764 !important;
    color: #fff !important;
    font-size: 14px;
}

.team-view tbody tr.selected > .sorting_1 {
    background: #5d5764 !important;
}

.team-view tr.selected td.name {
    font-size: 14px !important;
}

.contact-list a.name {
    color: #5d5764;
    text-decoration: none;
}

.contact-list span.name {
    font-weight: 500;
}

.contact-list .selected span.name {
    font-weight: 600;
    color: #5d5764;
    -webkit-font-smoothing: antialiased;
}

.contact-list .selected a.name {
    color: #5d5764;
    text-decoration: none;
}

.team-view tbody tr.odd > .sorting_1 {
}

.team-view tbody tr.even > .sorting_1 {
}

.team-view .stars {
    display: none;
    color: #ffdf7d;
    font-size: 17px;
}

.team-view tr.selected .star-rating {
    border: 1px solid #ffdf7d !important;
    color: #ffdf7d;
}

.team-view tbody td {
    border-top: 0 !important;
}

.team-view tr.selected .stars {
    display: inline-block !important;
}

.notes-update {
    margin-top: 3px;
    margin-right: 15px;
    color: #999999;
    font-size: 12px;
}

/* Details Tab*/

.activity-feed-details {
    margin: 40px 20px 40px 20px;
    /* height: auto; */
    height: 1195px;
    /* MODIFIED JUST TO MAKE SCROLL TEMP WORK */
    overflow-y: scroll;
    /* MODIFIED JUST TO MAKE SCROLL TEMP WORK */
}

.activity-feed-title {
    margin: 40px 20px 40px 20px;
}

.details-section {
    margin: 20px 20px 20px 20px;
}

.details-hdr {
    text-align: left;
    color: #333135;
    border-bottom: 0px solid #efefef;
    margin-bottom: 10px;
    display: none;
}

td.details-label {
    text-align: left;
    color: #777777;
    width: 100px;
}

.details-table .form-control {
    height: 27px;
    color: #5d5764;
    font-weight: 500;
}

.details-table input.form-control {
    box-shadow: none;
}

    .details-table input.form-control:focus {
        border-bottom: 1px solid #2bc6c4;
    }

.details-table {
    margin-left: 0px;
    width: 100%;
}

td.details-group {
    padding: 5px;
    text-align: left;
    width: 80%;
    color: #2bc6c4;
    border-radius: 5px;
}

td.details-group-action {
    text-align: left;
    width: 20%;
    color: #2bc6c4;
}

.team-list {
    /*    min-height: 1000px;*/
    border-right: 1px solid #efefef;
    /* height: 100vh; */
    height: 1450px;
    /* MODIFIED JUST TO MAKE SCROLL TEMP WORK */
    overflow-y: scroll;
    /* MODIFIED JUST TO MAKE SCROLL TEMP WORK */
    -webkit-overflow-scrolling: touch;
}

.contact-group-drop {
    padding: 7px 50px 7px 24px;
}

.well-connect {
    background-color: #fff;
    border: 0;
    border-top: 1px solid #efefef;
    box-shadow: none;
}

textarea.form-control.member-notes {
    box-shadow: none;
}

@media (max-width: 991px) {
    .ct-stats {
        display: inline-block;
        width: 40%;
        margin: 10px;
    }

    #upnexttab.nav-tabs > li {
        width: 25%;
    }
}

@media (max-width: 767px) {
    .ct-overview {
        margin-bottom: 20px;
    }

    .ct-chart .ct-perfect-fourth .ct-week {
        margin-top: 20px;
    }

    .team-list {
        min-height: initial;
        border-right: 1px solid #efefef;
    }

    .nav-justified > li {
        display: table-cell;
    }
}

/* Business Page*/

.ml {
    margin-left: -15px;
    margin-right: 15px;
}

.mr {
    margin-left: 15px;
    margin-right: -15px;
}

@media (max-width: 991px) {
    .ml {
        margin-left: -15px;
        margin-right: -15px;
    }

    .mr {
        margin-left: -15px;
        margin-right: -15px;
    }
}

.box-ratio {
    color: #5d5764;
    padding-bottom: 40px;
    padding-top: 20px;
}

.stats-box-ratio {
    color: #5d5764;
    padding-bottom: 20px;
    padding-top: 20px;
}

.daily-stats-btn {
    padding-bottom: 20px;
}

.box-connects {
    color: #72dfd0;
    padding-bottom: 40px;
    padding-top: 20px;
}

.ct-stats span {
    color: #5d5764;
}

.red {
    color: #ff0000;
}

.light-blue{
    color: #21b3e7;
}

.dark-purple {
    color: #5d5764;
}

.purple {
    color: #2182cc;
}

.light-purple {
    color: #999999;
}

.blue {
    color: #2bc6c4;
}

.green {
    /*color: #6dd6c7;*/
    color: #2bc6c4;
}

.yellow {
    color: #ffc600;
}

.dark-grey {
    color: #5d5764;
}

.medium-grey {
    color: #777777;
}

.orange{
    color: #FF6251;
}

.orangebutton {
    background: #FF6251 !important;
    color: #fff !important;
}

/* Business Page - Graphs*/

.ct-income .ct-label,
.ct-income .ct-label.ct-horizontal,
.ct-growth .ct-label,
.ct-growth .ct-label.ct-horizontal,
.ct-activities .ct-label,
.ct-activities .ct-label.ct-horizontal {
    display: block;
    width: 100%;
    height: 100%;
    fill: rgba(0, 0, 0, 0.4);
    color: #5d5764;
    font-size: 14px;
    text-align: center;
}

.ct-income .ct-series.ct-series-a .ct-line,
.ct-growth .ct-series.ct-series-a .ct-line,
.ct-activities .ct-series.ct-series-a .ct-line,
.ct-chart .ct-series .ct-series-a .ct-point {
    stroke: #72dfd0;
}

.ct-income .ct-line,
.ct-growth .ct-line,
.ct-activities .ct-line {
    fill: none;
    stroke-width: 2px;
}

.ct-point {
    stroke-width: 7px;
}

.ct-activities .ct-series.ct-series-a .ct-area {
    fill: #72dfd0;
}

.ct-activities .ct-series.ct-series-a .ct-line,
.ct-activities .ct-series.ct-series-a .ct-point {
    stroke: #637884;
}

.ct-activities .ct-series.ct-series-b .ct-area {
    fill: #2bc6c4;
}

.ct-activities .ct-series.ct-series-b .ct-line,
.ct-activities .ct-series.ct-series-b .ct-point {
    stroke: #2bc6c4;
}

.ct-activities .ct-series.ct-series-c .ct-area {
    fill: #21b3e7;
}

.ct-activities .ct-series.ct-series-c .ct-line,
.ct-activities .ct-series.ct-series-c .ct-point {
    stroke: #21b3e7;
}

.ct-activities .ct-series.ct-series-d .ct-area {
    fill: #2182cc;
}

.ct-activities .ct-series.ct-series-d .ct-line,
.ct-activities .ct-series.ct-series-d .ct-point {
    stroke: #2182cc;
}

.ct-growth .ct-series.ct-series-a .ct-area {
    fill: #21b3e7;
}

.ct-growth .ct-series.ct-series-a .ct-line,
.ct-growth .ct-series.ct-series-a .ct-point {
    stroke: #21b3e7;
}

.ct-growth .ct-series.ct-series-b .ct-area {
    fill: #2182cc;
}

.ct-growth .ct-series.ct-series-b .ct-line,
.ct-growth .ct-series.ct-series-b .ct-point {
    stroke: #2182cc;
}

.ct-income .ct-series.ct-series-a .ct-area {
    fill: #21b3e7;
}

.ct-income .ct-series.ct-series-a .ct-line,
.ct-income .ct-series.ct-series-a .ct-point {
    stroke: #21b3e7;
}

.ct-income .ct-series.ct-series-b .ct-area {
    fill: #2182cc;
}

.ct-income .ct-series.ct-series-b .ct-line,
.ct-income .ct-series.ct-series-b .ct-point {
    stroke: #2182cc;
}

.ct-chart .ct-perfect-fourth .ct-week {
    height: 180px;
    margin-top: 20px;
}

/*.ct-income .ct-series-b .ct-slice-donut,*/
.ct-customers .ct-series-b .ct-slice-donut,
.ct-coaches .ct-series-b .ct-slice-donut {
    stroke: #f6f4f8;
}

/*.ct-income .ct-series-a .ct-slice-donut {
    stroke: #5e7af6;
}*/

.ct-customers .ct-series-a .ct-slice-donut {
    stroke: #21b3e7;
}

.ct-coaches .ct-series-a .ct-slice-donut {
    stroke: #2182cc;
}

/*.ct-income,*/
.ct-customers,
.ct-coaches {
    position: relative;
}

.ct-week-h {
    max-height: 230px;
}

.ct-stats ul {
    margin: 0;
    padding: 0;
    float: left;
    list-style: none;
    text-align: left;
    margin-top: 20px;
}

.ct-stats li {
    display: block;
    float: left;
    margin-bottom: 10px;
    list-style: none;
    color: #5d5764;
}

    .ct-stats li span {
        display: block;
        float: left;
        height: 13px;
        width: 13px;
        margin-right: 10px;
        margin-left: 10px;
    }

.ct-lb {
    border-left: 1px solid #efefef;
}

.ct-rb {
    border-right: 1px solid #efefef;
}

.mb20 {
    margin-bottom: 20px;
}

.income-target {
    margin-top: 20px;
    margin-bottom: 10px;
}

    .income-target .sele btn-sm-control {
        font-size: 14px;
        color: #2bc6c4 !important;
        border: 1px solid #2bc6c4 !important;
    }

    .income-target .input-group-addon {
        color: #fff;
        background-color: #2bc6c4;
        border: 0;
        width: 50px !important;
    }

/* Team Page Responsive Add*/

.page-header {
    padding-bottom: 0px;
    border-bottom: none;
    display: block;
    /*    background: #f6f6f6;*/
    margin-right: -30px;
    margin-left: -30px;
    margin-top: -20px;
    margin-bottom: 20px;
    padding-top: 15px;
}

@media (max-width: 767px) {
    .team-list {
        position: absolute;
        z-index: 3;
        width: 100%;
        height: 100%;
        background: #fff;
    }

    .team-details {
        /*    display:none;*/
    }

    #details {
        overflow: scroll;
    }

    .inner-nav {
        display: block !important;
    }

    .page-header {
        margin-right: -25px;
        margin-left: -35px;
        padding-left: 15px;
    }
}

.collapse.width {
    -webkit-transition: opacity 0.1s ease;
    -moz-transition: opacity 0.1s ease;
    -o-transition: opacity 0.1s ease;
    transition: opacity 0.1s ease;
}

.inner-nav {
    padding: 10px 0 10px 20px;
    color: #7d37d3 !important;
    font-size: 16px;
    text-align: right;
    display: none;
}

    .inner-nav a {
        color: #7d37d3 !important;
        text-decoration: none;
    }

/* Links and Referrals */
.btn-sm-link {
    border: 1px solid #efefef;
    color: #5d5764;
    background: #ffffff;
    padding: 5px 15px;
    font-weight: 500;
    cursor: pointer;
}


/* Member Type */

.type-container {
    border-top: 1px solid #f8f8f8;
    padding: 12px 15px 0px 15px;
    margin: 0 -15px 0 -15px;
    text-align: right;
}

    .type-container span {
        float: left;
        color: #5d5764;
        font-weight: 500;
    }

        .type-container span.sele {
            float: left;
            color: #999999;
        }

    .type-container #member-type span {
        color: #999999;
    }

.sele {
    border: 1px solid rgba(0, 0, 0, 0.0392156862745098);
    color: #5d5764;
    padding: 1px 8px;
    font-weight: 500;
    cursor: pointer;
}

    .sele:hover {
        border: 1px solid rgba(0, 0, 0, 0.0392156862745098);
        color: #5d5764 !important;
    }

#member-type span.sele.btn-sm.selected {
    border: 1px solid #5d5764 !important;
    color: #5d5764 !important;
}

#coach-type span.sele.btn-sm.selected {
    border: 1px solid #5d5764 !important;
    color: #5d5764 !important;
}

#customer-type span.sele.btn-sm.selected {
    border: 1px solid #2bc6c4 !important;
    color: #2bc6c4 !important;
}

/* Tool Tip */
.tool-tip {
    border-radius: 50%;
    padding: 1px 4px !important;
    font-size: 10px;
    margin: 10px 10px 0 10px;
    line-height: 4.4;
    font-weight: 600;
}

.tooltip-inner {
    white-space: pre-wrap;
}

.tool-tip:hover {
    text-decoration: none;
}

/* Settings */

h4 {
    color: #5d5764;
}

p {
    color: #666666;
}

.settings {
    text-align: left;
}

.subside a {
    color: #666666;
    font-size: 15px;
}

.subside > li > a {
    padding-left: 30px;
    border-left: 2px solid #fff;
    border-bottom: 1px solid #fff;
}

.subside > .active > a,
.subside > .active > a:hover,
.subside > .active > a:focus,
.subside > .active > a:active {
    background: #ffffff;
    color: #2bc6c4;
    border-left: 2px solid #2bc6c4;
    font-weight: 500;
}

.subside.nav > li > a:hover {
    background: #ffffff;
    color: #2bc6c4;
}

.subside {
    margin-right: 0;
    margin-bottom: 30px;
    margin-left: -15px;
}

.settings .form-control {
    border: 1px solid #efefef;
    box-shadow: none;
}

.settings h4 {
    margin-bottom: 25px;
    margin-top: 25px;
}

.settings p {
    margin-top: 10px;
}

label {
    font-weight: 400;
    color: #777777;
}

.savebutton {
    float: right;
}

ul.nestednav li {
    list-style-type: none;
    padding-left: 10px;
    padding-bottom: 10px;
}

    ul.nestednav li a {
        text-decoration: none;
    }

ul.nestednav {
    margin-top: 10px;
}

.border-right {
    border-left: 1px solid #efefef;
}

.border-left {
    border-left: 1px solid #efefef;
}

.subside-container {
    padding-right: 0px;
    margin-top: 20px;
}

.options-container {
    padding-left: 40px;
    height: 100%;
}

ul.nestednav li.active a {
    color: #2bc6c4;
}

.text-center {
    text-align: center;
    height: 100%;
}

.svg-party {
    width: 175px;
    height: 175px;
    fill: #ced7f9;
}

/* Rank Dropdown */
.btn-rank {
    border: 1px solid #ffb800;
    color: #ffb800;
    font-size: 13px;
    background: #fffdf9;
    padding: 1px 6px;
    margin-right: 7px;
    font-weight: 600;
}

    .btn-rank:hover,
    .btn-rank:focus,
    .btn-rank:active {
        border: 1px solid #ffb800;
        color: #ffb800;
    }

.dropdown-menu li span {
    padding-left: 10px;
    color: #ccc;
}

.rank-menu {
    min-width: 54px;
}

/* Utilities */

.m05 {
    margin: 5px;
}

.m10 {
    margin: 10px;
}

.m20 {
    margin: 20px;
}

.m30 {
    margin: 30px;
}

.m40 {
    margin: 40px;
}

.m50 {
    margin: 50px;
}

.m60 {
    margin: 60px;
}

.m70 {
    margin: 70px;
}

.m80 {
    margin: 80px;
}

.m90 {
    margin: 90px;
}

.m100 {
    margin: 100px;
}

.mt0 {
    margin-top: 0;
}

.mt05 {
    margin-top: 5px;
}

.mt10 {
    margin-top: 10px;
}

.mt20 {
    margin-top: 20px;
}

.mt30 {
    margin-top: 30px;
}

.mt40 {
    margin-top: 40px;
}

.mt50 {
    margin-top: 50px;
}

.mt60 {
    margin-top: 60px;
}

.mt70 {
    margin-top: 70px;
}

.mt80 {
    margin-top: 80px;
}

.mt90 {
    margin-top: 90px;
}

.mt100 {
    margin-top: 100px;
}

.mb0 {
    margin-bottom: 0;
}

.mb05 {
    margin-bottom: 5px;
}

.mb10 {
    margin-bottom: 10px;
}

.mb20 {
    margin-bottom: 20px;
}

.mb30 {
    margin-bottom: 30px;
}

.mb40 {
    margin-bottom: 40px;
}

.mb50 {
    margin-bottom: 50px;
}

.mb60 {
    margin-bottom: 60px;
}

.mb70 {
    margin-bottom: 70px;
}

.mb80 {
    margin-bottom: 80px;
}

.mb90 {
    margin-bottom: 90px;
}

.mb100 {
    margin-bottom: 100px;
}

.p05 {
    padding: 5px;
}

.p10 {
    padding: 10px;
}

.p20 {
    padding: 20px;
}

.p30 {
    padding: 30px;
}

.p40 {
    padding: 40px;
}

.p50 {
    padding: 50px;
}

.p60 {
    padding: 60px;
}

.p70 {
    padding: 70px;
}

.p80 {
    padding: 80px;
}

.p90 {
    padding: 90px;
}

.p100 {
    padding: 100px;
}

.pt0 {
    padding-top: 0;
}

.pt05 {
    padding-top: 5px;
}

.pt10 {
    padding-top: 10px;
}

.pt20 {
    padding-top: 20px;
}

.pt30 {
    padding-top: 30px;
}

.pt40 {
    padding-top: 40px;
}

.pt50 {
    padding-top: 50px;
}

.pt60 {
    padding-top: 60px;
}

.pt70 {
    padding-top: 70px;
}

.pt80 {
    padding-top: 80px;
}

.pt90 {
    padding-top: 90px;
}

.pt100 {
    padding-top: 100px;
}

.pb0 {
    padding-bottom: 0;
}

.pb05 {
    padding-bottom: 5px;
}

.pb10 {
    padding-bottom: 10px;
}

.pb20 {
    padding-bottom: 20px;
}

.pb30 {
    padding-bottom: 30px;
}

.pb40 {
    padding-bottom: 40px;
}

.pb50 {
    padding-bottom: 50px;
}

.pb60 {
    padding-bottom: 60px;
}

.pb70 {
    padding-bottom: 70px;
}

.pb80 {
    padding-bottom: 80px;
}

.pb90 {
    padding-bottom: 90px;
}

.pb100 {
    padding-bottom: 100px;
}

.bl {
    border-left: 1px solid #f8f8f8;
}

.br {
    border-right: 1px solid #f8f8f8;
}

.bt {
    border-top: 1px solid #f8f8f8;
}

.bb {
    border-bottom: 1px solid #f8f8f8;
}

/* Promote */

.sm-search .form-control {
    height: 32px;
    background: #fff;
}

.sm-search .input-group-addon {
    background: #fff;
    width: 40px !important;
    border: 1px solid #efefef;
    border-right: 0px;
    margin-right: -1px;
}

.table > tbody > tr > td,
.table > tbody > tr > th,
.table > tfoot > tr > td,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > thead > tr > th {
    padding: 8px;
    line-height: 1.42857143;
    vertical-align: top;
    border-top: 0;
    border-bottom: 1px solid #efefef;
}

.table > tbody > tr:last-child > td,
.table > tbody > tr:last-child > th,
.table > tfoot > tr:last-child > td,
.table > tfoot > tr:last-child > th,
.table > thead > tr:last-child > td,
.table > thead > tr:last-child > th {
    border-bottom: 0;
}

.table > thead > tr:last-child > th {
    text-align: center;
}

.love {
    height: 16px;
    width: 16px;
    margin-top: -4px;
}

.love-ct {
    font-size: 12px;
    padding-top: 4px;
}

.grey {
    color: #c1c1c1;
}

.promote {
    text-align: left;
}

    .promote .form-control {
        border: 1px solid #efefef;
        box-shadow: none;
    }

    .promote h4 {
        margin-bottom: 5px;
        margin-top: 25px;
    }

    .promote p {
        margin-top: 10px;
    }

.template-content {
    line-height: 24px;
}

.form-clear .form-control {
    background: #fff;
}

.form-clear .input-group-addon {
    background: #fff;
    border: 1px solid #efefef;
    border-left: 0;
}

a {
    cursor: pointer;
}

.template-list {
    overflow-y: auto;
    height: 500px;
}

.ico-temp {
    height: 24px;
    width: 24px;
}

    .ico-temp path {
        fill: #c1c1c1 !important;
    }

/* Rank Dropdown */
/*.btn-rank {
    border: 1px solid #ffdf7d;
    color: #ffc600;
    background: none;
    padding: 3px 9px;
    margin-right: 7px;
    margin-top: -4px;
}*/

.dropdown-menu li span {
    padding-left: 10px;
    color: #999999;
    font-weight: 500;
}

.rank-menu {
    min-width: 54px;
}

/* Loader + Spinner */

.load {
    display: flex;
    justify-content: center;
    flex-direction: column;
    height: 100%;
}

@keyframes spinner {
    to {
        transform: rotate(360deg);
    }
}

@-webkit-keyframes spinner {
    to {
        -webkit-transform: rotate(360deg);
    }
}

.spinner {
    min-width: 24px;
    min-height: 24px;
}

    .spinner:before {
        content: "Loading…";
        position: absolute;
        top: 50%;
        left: 50%;
        width: 28px;
        height: 28px;
        margin-top: -36px;
        margin-left: -14px;
    }

    .spinner:not(:required):before {
        content: "";
        border-radius: 50%;
        border: 2px solid #ece9ef;
        border-top-color: #2182cc;
        animation: spinner 0.6s linear infinite;
        -webkit-animation: spinner 0.6s linear infinite;
    }

.load p,
.load h3 {
    color: #2182cc;
    text-align: center;
}

.load {
    position: relative;
}

.table {
    color: #807989;
}

.act-controls {
    font-size: 12px;
    margin-right: 5px;
}

span.act-controls {
    display: none;
}

.activity:hover span.act-controls {
    display: inline-block;
}

.fup:hover span.act-controls {
    display: inline-block;
}

.page-title {
    margin: 40px 0 15px;
}

.input-group-addon {
    color: #5d5764;
    background-color: #fff;
    border: 1px solid #efefef;
    width: 50px !important;
}

.navbar-form .form-control {
    border: 1px solid #efefef;
    box-shadow: none;
    -webkit-appearance: none;
}

.form-control.custom-control {
    border: 1px solid #efefef;
    box-shadow: none;
}

.btn-purple {
    border: 1px solid #efefef;
    color: #fff;
    background: #2182cc;
    padding: 10px 16px;
}

    .btn-purple:hover,
    .btn-purple:focus {
        background: #6c55d6;
        color: #fff;
    }

.btn-blue {
    border: 1px solid #2bc6c4;
    color: #fff;
    background: #2bc6c4;
    padding: 10px 16px;
}

    .btn-blue:hover,
    .btn-blue:focus {
        background: #435bbe;
        color: #fff;
    }

.btn-ghost {
    border: 1px solid #efefef;
    color: #5d5764;
    background: #fff;
    padding: 10px 16px;
}

.btn-disabled {
    border: 1px solid #dddddd;
    color: #dddddd;
    background: #fff;
    padding: 10px 16px;
}

.btn-light {
    border: 1px solid #efefef;
    color: #5d5764;
    background: #f9f9f9;
}

    .btn-light:hover,
    .btn-light:focus {
        background: #ffffff;
        color: #5d5764;
    }

.btn-red {
    border: 1px solid #21b3e7;
    color: #21b3e7 !important;
}

.btn-blue-soft {
    border: 1px solid #21b3e7;
    background: #ffffff;
    color: #21b3e7 !important;
}

.btn-blue-hard {
    border: 1px solid #21b3e7;
    background-color: #21b3e7;
    color: #ffffff !important;
}

.btn-base {
    border-radius: 18px;
    padding: 8px 20px;
    font-weight: 500;
    font-size: 14px;
}



.btn-md {
    padding: 7px 24px;
}

.btn-ghost:hover,
.btn-ghost:focus {
    background: #fff;
    color: #5d5764;
    border: 1px solid #5d5764;
}

.btn:focus,
.btn:active {
    outline: none;
}

.btn-primary.disabled,
.btn-primary.disabled.active,
.btn-primary.disabled.focus,
.btn-primary.disabled:active,
.btn-primary.disabled:focus,
.btn-primary.disabled:hover,
.btn-primary[disabled],
.btn-primary[disabled].active,
.btn-primary[disabled].focus,
.btn-primary[disabled]:active,
.btn-primary[disabled]:focus,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary,
fieldset[disabled] .btn-primary.active,
fieldset[disabled] .btn-primary.focus,
fieldset[disabled] .btn-primary:active,
fieldset[disabled] .btn-primary:focus,
fieldset[disabled] .btn-primary:hover {
    background-color: #2bc6c4;
    border-color: #2bc6c4;
}

.form-control::-webkit-input-placeholder {
    color: #ababab;
    font-weight: 400;
}

.form-control:-moz-placeholder {
    /* Firefox 18- */
    color: #ababab;
}

.form-control::-moz-placeholder {
    /* Firefox 19+ */
    color: #ababab;
}

.form-control input:-ms-input-placeholder {
    color: #ababab !important;
}

.form-control:-ms-input-placeholder {
    color: #ababab !important;
}

#details-tab.nav-justified > li.active > a:hover {
    background-color: #fff;
    color: #333135;
}

.graph {
    min-height: 280px;
}

/* file */

.btn-file {
    position: relative;
    overflow: hidden;
}

    .btn-file input[type="file"] {
        position: absolute;
        top: 0;
        right: 0;
        min-width: 100%;
        min-height: 100%;
        font-size: 100px;
        text-align: right;
        filter: alpha(opacity=0);
        opacity: 0;
        outline: none;
        background: white;
        cursor: inherit;
        display: block;
    }

.panel-default > .panel-heading {
    color: #2182cc;
    background-color: #efefef;
    border-color: #efefef;
}

.panel-default {
    border-color: #efefef;
    box-shadow: none;
}

ol {
    color: #807989;
}

#importMapping th:last-child,
#importMapping td:last-child,
#importMapping th:nth-last-child(1),
#importMapping td:nth-last-child(1) {
    text-align: right;
}

#importMapping td:nth-child(2n + 2) {
    color: #b9afc5;
}

/* Group Edit Field */

.sub-sidebar > li > span > a {
    padding: 2px 20px;
    margin-bottom: 4px;
    color: #777777;
    font-size: 13px;
    display: inline-block;
}

span.act-controls a {
    display: inline-block;
}

span.act-controls a {
    color: #5e7af6 !important;
    font-size: 13px;
}

.sub-sidebar > li:hover span.act-controls {
    display: inline-block;
}

.sub-sidebar > li > a {
    border-left: 2px solid transparent;
}

.sub-sidebar > li > a {
    display: inline-block;
}

.sub-sidebar span.act-controls {
    position: absolute;
    right: 0;
    border: 0 !important;
}

#wizard-1b td:last-child {
    border-left: 1px solid #efefef;
    background: #efefef;
}

.popover {
    text-align: left;
}

/* Promote */

.sm-search .form-control {
    height: 32px;
    background: #fff;
}

.sm-search .input-group-addon {
    background: #fff;
    width: 40px !important;
    border: 1px solid #efefef;
    border-right: 0px;
    margin-right: -1px;
}

.table > tbody > tr > td,
.table > tbody > tr > th,
.table > tfoot > tr > td,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > thead > tr > th {
    padding: 8px;
    line-height: 1.42857143;
    vertical-align: top;
    border-top: 0;
    border-bottom: 1px solid #efefef;
}

.table > tbody > tr:last-child > td,
.table > tbody > tr:last-child > th,
.table > tfoot > tr:last-child > td,
.table > tfoot > tr:last-child > th,
.table > thead > tr:last-child > td,
.table > thead > tr:last-child > th {
    border-bottom: 0;
}

.love {
    height: 16px;
    width: 16px;
    margin-top: -4px;
}

.love-ct {
    font-size: 12px;
    padding-top: 4px;
}

.grey {
    color: #c1c1c1;
}

.promote {
    text-align: left;
}

    .promote .form-control {
        border: 1px solid #efefef;
        box-shadow: none;
    }

    .promote h4 {
        margin-bottom: 5px;
        margin-top: 25px;
    }

    .promote p {
        margin-top: 10px;
    }

.template-content {
    line-height: 24px;
}

.form-clear .form-control {
    background: #fff;
}

.form-clear .input-group-addon {
    background: #fff;
    border: 1px solid #efefef;
    border-left: 0;
}

a {
    cursor: pointer;
}

.template-list {
    overflow-y: auto;
    height: 500px;
}

.ico-temp {
    height: 24px;
    width: 24px;
}

    .ico-temp path {
        fill: #c1c1c1 !important;
    }

/*Form Wizard*/
.bs-wizard {
    border-bottom: solid 1px #efefef;
    padding: 0 0 10px 0;
}

    .bs-wizard > .bs-wizard-step {
        padding: 0;
        position: relative;
    }

        .bs-wizard > .bs-wizard-step + .bs-wizard-step {
        }

        .bs-wizard > .bs-wizard-step .bs-wizard-stepnum {
            color: #5d5763;
            font-size: 14px;
            margin-bottom: 5px;
        }

        .bs-wizard > .bs-wizard-step.active .bs-wizard-stepnum,
        .bs-wizard > .bs-wizard-step.complete .bs-wizard-stepnum {
            color: #5d5763;
        }

        .bs-wizard > .bs-wizard-step .bs-wizard-info {
            color: #999;
            font-size: 14px;
        }

        .bs-wizard > .bs-wizard-step > .bs-wizard-dot {
            position: absolute;
            width: 10px;
            height: 10px;
            display: block;
            background: #2182cc;
            top: 45px;
            left: 50%;
            margin-top: -15px;
            margin-left: -8px;
            border-radius: 50%;
        }

            .bs-wizard > .bs-wizard-step > .bs-wizard-dot:after {
                content: " ";
                width: 10px;
                height: 10px;
                background: #5d5763;
                border-radius: 50px;
                position: absolute;
                top: 0;
                left: 0;
            }

        .bs-wizard > .bs-wizard-step > .progress {
            position: relative;
            border-radius: 0px;
            height: 2px;
            box-shadow: none;
            margin: 14px 0;
        }

            .bs-wizard > .bs-wizard-step > .progress > .progress-bar {
                width: 0px;
                box-shadow: none;
                background: #5d5763;
            }

        .bs-wizard > .bs-wizard-step.complete > .progress > .progress-bar {
            width: 100%;
        }

        .bs-wizard > .bs-wizard-step.active > .progress > .progress-bar {
            width: 50%;
        }

        .bs-wizard > .bs-wizard-step:first-child.active > .progress > .progress-bar {
            width: 0%;
        }

        .bs-wizard > .bs-wizard-step:last-child.active > .progress > .progress-bar {
            width: 100%;
        }

        .bs-wizard > .bs-wizard-step.disabled > .bs-wizard-dot {
            background-color: #ccc;
        }

            .bs-wizard > .bs-wizard-step.disabled > .bs-wizard-dot:after {
                opacity: 0;
            }

        .bs-wizard > .bs-wizard-step:first-child > .progress {
            left: 50%;
            width: 50%;
        }

        .bs-wizard > .bs-wizard-step:last-child > .progress {
            width: 50%;
        }

        .bs-wizard > .bs-wizard-step.disabled a.bs-wizard-dot {
            pointer-events: none;
        }

.progress {
    background-color: #ccc;
}

/*END Form Wizard*/

/* Wiz */

.wiz-container {
    margin-left: 50px;
    margin-right: 50px;
}

.wiz-foot p {
    color: #cccccc;
    font-size: 12px;
}

.wiz-foot a {
    color: #5d5763;
}

    .wiz-foot a:hover {
        color: #2182cc;
    }

.light-grey {
    color: #cccccc;
}

.panel-purple {
    border-color: #e8e4ec;
    background: #f4f0f8;
    box-shadow: none;
}

.wiz-container .form-control {
    border: 1px solid #efefef;
    box-shadow: none;
}

.center-input {
    width: 50%;
    transition: all 0.3s ease-out;
    text-align: center;
    margin: 0 auto;
}

.breakdown > tbody > tr > td {
    padding: 14px;
}

/* Alerts */

.alert-purple {
    background-color: #ffffff;
    border-color: #efefef;
    border-left: 4px solid #7157ef;
}

.alert-yellow {
    color: #7a6b3e;
    background-color: #ffe9a5;
    border-color: #ffdf7d;
}

.alert-pink {
    color: #ffffff;
    background-color: #FFE8E8;
    border-color: #FFAFAF;
}

.alert-blue {
    color: #4e66c6;
    background-color: #f1f4ff;
    border-color: #d7dbe9;
}

.alert-lightblue {
    background-color: #ECF6FF;
    border-color: #51B4FF;
}

.alert-orange {
    background-color: #FFD8D4;
    border-color: #FF6251;
}

/* Video Wrapper */
.videoWrapper {
    position: relative;
    padding-bottom: 56.25%;
    /* 16:9 */
    /*	padding-top: 25px;*/
    height: 0;
}

    .videoWrapper iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }

.today-box {
    display: flex;
    align-items: center;
    text-align: left;
}

    .today-box h4,
    .today-box p,
    .today-box div,
    .today-box a {
        margin: 0;
        padding: 0 10px 0 10px;
    }

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

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

.youtube {
    /* continer (responsive) */
    position: relative;
    cursor: pointer;
    background: rgba(255, 255, 255, 0.53) no-repeat center center / cover;
    padding-bottom: 56.25%;
    /* 16:9 */
    height: 0px;
    clear: both;
    border-radius: 8px;
    transition: all 0.3s ease;
}

    .youtube::before {
        /* play bubble */
        content: "";
        border: 6px solid rgba(255, 255, 255, 0.53);
        height: 70px;
        width: 70px;
        display: block;
        margin: -35px 0 0 -35px;
        border-radius: 100px;
        position: absolute;
        top: 50%;
        left: 50%;
        transition: all 0.1s ease;
        z-index: 1;
    }

    .youtube:hover::before {
        /* play bubble hover */
        background: rgba(255, 255, 255, 0.23);
    }

    .youtube::after {
        /* Play Triangle */
        content: "";
        width: 0;
        height: 0;
        line-height: 0px;
        display: block;
        border-style: solid;
        border-width: 15px 0 15px 30px;
        margin: -15px 0 0 -10px;
        border-color: transparent transparent transparent rgba(255, 255, 255, 0.53);
        position: absolute;
        top: 50%;
        left: 50%;
        height: 0;
        width: 0;
        z-index: 2;
    }

    .youtube iframe {
        /* youtube embed (responsive) */
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        z-index: 3;
    }

@media (max-width: 375px) {
    .panel-purple {
        margin-left: -50px;
        margin-right: -50px;
    }

        .panel-purple .form-control {
            padding: 6px 5px !important;
        }
}

@media (max-width: 320px) {
    table.breakdown {
        margin-left: -30px;
        margin-right: -50px;
    }

    .panel-purple {
        margin-left: -50px;
        margin-right: -50px;
    }

        .panel-purple .form-control {
            padding: 6px 5px !important;
        }

    .savebutton {
        float: none;
    }
}

.deletearea {
    display: none;
}

li.selected .deletearea {
    height: 50px;
    width: 160px;
    background: #5d5764;
    float: right;
    margin-right: -176px;
    margin-top: -16px;
    padding: 15px;
    display: block;
    color: #ffffff;
}

li.selected.deleteactive {
    position: relative;
    margin-right: 154px;
    margin-left: -138px;
    transition: 0.3s ease;
}

.deletearea .ondark {
    border: 1px solid #ffffff;
    color: #fff !important;
    padding: 2px 8px;
    font-weight: 400;
    cursor: pointer;
}

.ondark {
    border: 1px solid #b5b5b5;
    color: #777777;
    padding: 2px 8px;
    font-weight: 400;
    cursor: pointer;
}

    .ondark:hover {
        border: 1px solid #222;
    }

.connectsleft {
    font-size: 13px !important;
    color: #999999 !important;
}

/* Mobile Focus */
@media (max-width: 767px) {
    .modal-open {
        position: fixed;
    }

    .team-report.modal-open {
        position: static;
    }

    #upnexttab {
        width: 100%;
    }

    .select-list {
        margin-top: 0px !important;
        min-height: 230px;
    }

    .nav-pills > li > a {
        padding: 10px;
    }

    .contact-list .rating {
        display: none;
    }

    .upnext-list {
        margin-right: 0;
    }

    .lc-date {
        font-size: 11px;
        color: #999999;
    }

    .today-data span {
        display: none;
    }

    .business-data span {
        display: inline-block !important;
    }

    .ct-today h1 {
        margin-top: 0;
        margin-bottom: 0px;
        font-size: 22px;
    }

    .today-data h1 {
        margin-top: 54px;
        margin-bottom: 5px;
        font-size: 22px;
    }

    .business-data h1 {
        margin-top: 36px;
    }

    .chart-name {
        padding-top: 0;
        margin-top: -30px;
    }

    .ct-today .mt-20 {
        margin-top: 0px;
    }

    .ct-today .mb-40 {
        margin-bottom: 10px;
    }

    .ct-invites .ct-series-b .ct-slice-donut,
    .ct-connects .ct-series-b .ct-slice-donut,
    .ct-touches .ct-series-b .ct-slice-donut,
    .ct-adds .ct-series-b .ct-slice-donut,
    .ct-invites .ct-series-a .ct-slice-donut,
    .ct-connects .ct-series-a .ct-slice-donut,
    .ct-touches .ct-series-a .ct-slice-donut,
    .ct-adds .ct-series-a .ct-slice-donut {
        stroke-width: 5px !important;
    }

    .ct-today .col-xs-4 {
        padding-left: 7px;
        padding-right: 7px;
        margin-top: -15px;
        margin-bottom: 0px;
    }

    .section {
        margin-bottom: 10px;
    }

    .section-hdr {
        text-align: right;
        background: #efefef;
    }

    .section-title {
        color: #5c5764 !important;
    }

    .box-group .today-box,
    .box-group div {
        display: inline-block;
    }

    .box-group {
        border-top: 1px solid #efefef;
        padding-top: 15px;
    }

    .today-box {
        margin-right: 5px;
    }

    .btn-default {
        background-color: transparent;
    }

    #upnexttab {
        border-top: 1px solid #efefef;
        background: #fff;
    }

    .today-data #ContentPlaceHolder1_lblConnectswithProspectsLeft,
    .today-data #ContentPlaceHolder1_lblConnectswithCoachesLeft,
    .today-data #ContentPlaceHolder1_lblConnectswithCustomersLeft {
        display: none !important;
    }

    #team-right-pane .nav-pills > li {
        float: none;
        display: table-cell;
        width: 1%;
        text-align: center;
    }

    .nav > li > a {
        position: relative;
        display: block;
        padding: 15px 0px;
    }

    .nav-pills > li > a {
        color: #5d5764;
    }

    .contact-list li span.connect {
    }

    .page-header {
        background: #fff;
        padding-top: 0px;
        margin-bottom: 0px;
        margin-top: -20px;
    }

        .page-header .input-group-addon {
            border: none;
        }

        .page-header .navbar-form .form-control {
            border: none;
            border-left: 1px solid #efefef;
            box-shadow: none;
        }

        .page-header .btn-purple {
            margin-top: 2px;
        }

        .page-header .btn-add {
            margin-top: 4px;
        }

        .page-header .navbar-form {
            margin-right: 15px;
            margin-bottom: 0px;
        }

    #upnexttab {
        margin-top: 0px;
    }

    .ct-invites,
    .ct-connects,
    .ct-touches {
        max-width: 91px;
    }

    .alert {
        margin: 15px 15px 0 15px;
        border-bottom: 1px solid #efefef;
    }
}

.act-status {
    border-radius: 4px;
    padding: 4px 6px;
    text-transform: uppercase;
    color: #fff;
    margin-left: 10px;
}

.act-active {
    background: #00afa2;
}

.act-trial {
    background: #ffca3b;
}

.act-expired {
    background: #e9507b;
}

.plan-icon {
    height: 80px;
}

.plan-box {
    border: 1px solid #efefef;
    background: #f9f9f9;
    padding: 20px;
    box-sizing: border-box;
}

    .plan-box.selected {
        background: #f6f8ff;
        border: 1px solid #2bc6c4;
    }

.options-container {
    padding-right: 40px;
}

.plan-price {
    margin-top: -5px;
}

    .plan-price .small {
        color: #5d5764;
    }

/* .modal-transparent */

.modal-transparent {
    background: transparent;
}

    .modal-transparent .modal-content {
        background: transparent;
    }

.modal-backdrop.modal-backdrop-transparent {
    background: #ffffff;
}

    .modal-backdrop.modal-backdrop-transparent.in {
        opacity: 0.9;
        filter: alpha(opacity=90);
    }

/* .modal-fullscreen */

.modal-fullscreen {
    background: #f6f6f6;
}

    .modal-fullscreen .modal-content {
        padding: 10px;
    }

    .modal-fullscreen .modal-content {
        background: transparent;
        border: 0;
        -webkit-box-shadow: none;
        box-shadow: none;
    }

.modal-backdrop.modal-backdrop-fullscreen {
    background: #f6f6f6;
}

    .modal-backdrop.modal-backdrop-fullscreen.in {
        opacity: 1;
        filter: alpha(opacity=100);
    }

.modal-fullscreen .modal-title {
    color: #5d5764;
}

.modal-fullscreen .close {
    float: right;
    font-size: 26px;
    font-weight: 300;
    line-height: 1;
    color: #5d5764;
    text-shadow: none;
    filter: alpha(opacity=20);
    opacity: 1;
}

.modal-fullscreen .modal-header {
    border-bottom: none;
}

.modal-fullscreen .modal-footer {
    border-top: none;
}

/* .modal-fullscreen size: we use Bootstrap media query breakpoints */

.modal-fullscreen .modal-dialog {
    margin: 0;
    margin-right: auto;
    margin-left: auto;
    width: 100%;
    background: #f6f6f6;
}

    .modal-fullscreen .modal-dialog .modal-footer .btn-purple {
        background: #ffffff;
        color: #5d5764;
    }

@media (min-width: 768px) {
    .modal-fullscreen .modal-dialog {
        width: 750px;
    }
}

@media (min-width: 992px) {
    .modal-fullscreen .modal-dialog {
        width: 970px;
    }

    .log-container {
        margin-top: -47px;
    }

    nav.navbar {
        display: none;
    }

    .university nav.navbar {
        display: block;
    }

    body {
        padding-top: 0px;
    }

    .sidebar {
        top: 0px;
    }
}

@media (min-width: 1200px) {
    .modal-fullscreen .modal-dialog {
        width: 1170px;
    }
}

.btn-modal-header {
    margin-top: -5px;
    margin-right: 20px;
    padding: 5px 10px;
}

.mobile-connect .stars {
    display: block;
    color: #ffb800;
    font-size: 18px;
    margin-top: 10px;
    cursor: pointer;
}

.mobile-connect .feed-container {
    /*height: auto;*/
}

.mobile-connect {
    z-index: 999999;
}

.modal.fade:not(.in) .modal-dialog {
    -webkit-transform: translate3d(-55%, 0, 0);
    transform: translate3d(25%, 0, 0);
}

.select-list {
    padding-left: 0;
    margin-bottom: 0px;
    margin-top: -5px;
}

    .select-list li {
        color: #777777;
        position: relative;
        display: block;
        padding: 13px 15px;
        margin-bottom: -1px;
        background-color: #fff;
        border-top: 1px solid #efefef;
        border-bottom: 1px solid #efefef;
        text-align: left;
        font-weight: 400;
    }

.vertical-dailies .select-list li.active span {
    color: #21b3e7;
}

.select-list li:first-child {
    border-top: 0;
}

.select-list li:last-child {
    border-bottom: 0;
}

.select-list li > .lc-date {
    float: right;
}

.select-list.upnext-list-mobile li:active {
    text-decoration: none;
    background-color: #f1eef4;
}

.select-list.upnext-list-mobile a {
    text-decoration: none;
    color: #2182cc;
}

.select-list.upnext-list-mobile li span.lc-date:after {
    content: " \e258";
    font-family: "Glyphicons Halflings";
    font-size: 14px;
    position: relative;
    top: 1px;
    display: inline-block;
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    margin-left: 10px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.upnext-list li span.lc-date:after,
.upnext-list li span#connect-skip:after {
    content: " \e258";
    font-family: "Glyphicons Halflings";
    font-size: 14px;
    position: relative;
    top: 1px;
    display: inline-block;
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    margin-left: 10px;
    vertical-align: top;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.select-list.upnext-list-mobile li span span:after {
    content: "";
}

.state-icon {
    left: -10px;
}

.light-purple {
    color: #777777;
}

.empty-state {
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
}

.empty-msg {
    max-width: 550px;
    margin: 60px 0 60px 0;
}

.feed-container .empty-msg {
    margin: 20px 0 0 0;
}

.empty-msg .plan-icon {
    height: 60px;
}

.empty-msg h4 {
    margin-bottom: 5px;
}

a:hover {
    text-decoration: none;
    color: #5d5764;
}

.rank-drop {
    margin-top: -3px;
}

.welcome-box a {
    font-size: 16px;
}

.bright-purple {
    color: #a88fc8;
}

.op7 {
    opacity: 0.7;
}

.rank-drop select {
    background-color: #ffffff;
    padding: 2px 6px 2px 8px;
    font-size: 12px;
    border: 1px solid #efefef;
    border-radius: 4px;
    -webkit-appearance: none;
    color: #5d5764;
    cursor: pointer;
    outline: none;
}

    .rank-drop select::-ms-expand {
        display: none;
    }

.rank-drop option {
    color: #000;
}

.rank-drop label {
    color: #7eb6b0;
    font-size: 14px;
}

.rank-tag {
    color: #a88fc8;
}

.welcome-box {
    padding-top: 10px;
}

.tgl {
    display: none;
}

    .tgl,
    .tgl:after,
    .tgl:before,
    .tgl *,
    .tgl *:after,
    .tgl *:before,
    .tgl + .tgl-btn {
        box-sizing: border-box;
    }

        .tgl::-moz-selection,
        .tgl:after::-moz-selection,
        .tgl:before::-moz-selection,
        .tgl *::-moz-selection,
        .tgl *:after::-moz-selection,
        .tgl *:before::-moz-selection,
        .tgl + .tgl-btn::-moz-selection {
            background: none;
        }

        .tgl::selection,
        .tgl:after::selection,
        .tgl:before::selection,
        .tgl *::selection,
        .tgl *:after::selection,
        .tgl *:before::selection,
        .tgl + .tgl-btn::selection {
            background: none;
        }

        .tgl + .tgl-btn {
            outline: 0;
            display: inline-block;
            width: 2.4em;
            height: 1.2em;
            position: relative;
            cursor: pointer;
            margin-bottom: -4px !important;
            margin-left: 6px;
            float: right;
            -webkit-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none;
        }

            .tgl + .tgl-btn:after,
            .tgl + .tgl-btn:before {
                position: relative;
                display: block;
                content: "";
                width: 50%;
                height: 100%;
            }

            .tgl + .tgl-btn:after {
                left: 0;
            }

            .tgl + .tgl-btn:before {
                display: none;
            }

        .tgl:checked + .tgl-btn:after {
            left: 50%;
        }

.tgl-light + .tgl-btn {
    background: #efefef;
    border-radius: 2em;
    padding: 2px;
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
    margin-bottom: 0px;
}

    .tgl-light + .tgl-btn:after {
        border-radius: 50%;
        background: #fff;
        -webkit-transition: all 0.2s ease;
        transition: all 0.2s ease;
    }

.tgl-light:checked + .tgl-btn {
    background: #ffb800;
}

.control-container {
    background: transparent;
    text-align: left;
    padding-left: 10px;
    padding-right: 10px;
    border-bottom: 1px solid #f8f8f8;
    border-right: 1px solid #efefef;
    margin-bottom: 0px;
}

.toggle-list {
    padding: 10px;
    margin-bottom: 0;
    margin-left: auto;
    width: 100%;
}

    .toggle-list li {
        padding: 0px 5px 0px 5px;
    }

.center-v {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.center-vl {
    display: flex;
    align-items: center;
    justify-content: initial;
}

.center-vert {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 100px;
    text-align: left;
}

.control-container .btn-sm,
.sub-side .btn-sm {
    padding: 7px 16px;
}

.toggle-container {
    margin-left: auto;
}

input#newGroupName {
    border: 1px solid #efefef;
    border-radius: 4px;
}

@media (max-width: 767px) {
    #team-left-pane {
        position: absolute;
        z-index: 3;
        width: 100%;
        height: 100%;
        background: #fff;
    }
}

input#groupEditTitle {
    border: 1px solid #efefef;
    margin: 5px;
    height: 30px;
    border-radius: 4px;
    background: #f6f6f6;
}

.section-link {
    padding: 14px 20px 10px 10px;
    color: #777777;
    font-size: 12px !important;
    display: inline-block;
}

    .section-link a {
        color: #777777;
    }

        .section-link a:hover {
            color: #5d5764;
        }

/* Global Activity */
.date-row {
    background: #fff;
    color: #5d5764;
    font-weight: 500;
}

.global-activity {
    color: #5d5764;
    margin-bottom: 0px;
}

table.global-activity td {
    height: 50px;
    vertical-align: middle !important;
    border: 0 !important;
}

    table.global-activity td.date-row {
        height: 20px;
        vertical-align: middle !important;
    }

.table-hover > tbody > tr:hover {
    background-color: #fff !important;
}

table.global-activity tr {
    border-top: 1px solid #efefef;
    border-bottom: 1px solid #efefef;
}

    table.global-activity tr td:first-child,
    table.global-activity tr td:nth-child(2) {
        width: 1%;
        white-space: nowrap;
    }

    table.global-activity tr td:nth-child(3),
    table.global-activity tr td:nth-child(4) {
        width: 10%;
        white-space: nowrap;
    }

    table.global-activity tr td:nth-child(3) {
        padding-right: 30px;
    }

    table.global-activity tr td:first-child {
        padding-left: 20px;
    }

    table.global-activity tr td:nth-child(4),
    table.global-activity tr td:nth-child(5) {
        opacity: 0.7;
    }

    table.global-activity tr td:nth-child(5) {
        max-width: 245px;
        padding-right: 20px;
    }

.dark-green {
    color: #00afa2;
}

.filter-option label {
    margin: 0;
    color: #5d5764;
    font-weight: 400;
}

.table-container {
    margin-top: 0px;
    overflow-x: hidden;
    overflow-y: scroll;
    min-height: 300px;
    max-height: 800px;
}

@media (max-width: 767px) {

    table.global-activity tr td:nth-child(4),
    table.global-activity tr td:nth-child(5) {
        display: none;
    }
}

.section-btn {
    padding: 14px 20px 10px 10px;
    color: #5d5764;
    font-size: 12px !important;
    display: inline-block;
}

    .section-btn a {
        color: #5d5764;
    }

.act-type {
    cursor: default;
    font-size: 20px;
    font-family: Arial, Helvetica, sans-serif;
}

.btn-dropdown {
    background: #5d5764;
    color: #fff !important;
}

li a.btn-dropdown:hover {
    background: #5b4678;
    color: #fff !important;
}

li a.btn-dropdown {
    display: inline-block;
    border-radius: 4px;
    margin-left: 20px;
    margin-bottom: 10px;
    margin-top: 10px;
    text-align: center;
}

.sub-options {
    display: none;
}

    .sub-options li {
        list-style-type: none;
        margin-left: -8px;
        margin-bottom: 3px;
    }

.faq-box h4 {
    margin-bottom: 15px;
}

.faq-box p {
    margin-bottom: 25px;
}

.faq-box h3 {
    margin-bottom: 20px;
}

.btn-trial {
    background: #21b3e7;
    color: #fff;
    margin-right: 5px;
    padding: 0px 8px;
    border-radius: 4px;
    display: inline-block;
}

.ct-invites,
.ct-connects,
.ct-touches,
.ct-adds,
.ct-typeinvites {
    max-width: 91px;
}

/*5 column Grid*/

.col-xs-15,
.col-sm-15,
.col-md-15,
.col-lg-15 {
    position: relative;
    min-height: 1px;
    padding-right: 10px;
    padding-left: 10px;
}

.col-xs-15 {
    width: 20%;
    float: left;
}

@media (min-width: 768px) {
    .col-sm-15 {
        width: 20%;
        float: left;
    }
}

@media (min-width: 992px) {
    .col-md-15 {
        width: 20%;
        float: left;
    }
}

@media (min-width: 1200px) {
    .col-lg-15 {
        width: 20%;
        float: left;
    }
}

/*Misc*/

@media (min-width: 768px) {
    svg.ct-chart-donut {
        max-height: 100px !important;
    }

    .section {
        box-shadow: 0 -1px 0 #fff, 0 0 2px rgba(25, 20, 31, 0.08), 0 2px 4px rgba(25, 20, 31, 0.08);
        border-radius: 4px;
    }
}

@media (max-width: 991px) {
    .today-box {
        justify-content: center;
    }

    .navbar-header {
        float: none;
    }

    .navbar-toggle {
        display: block;
    }

    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
    }

        .navbar-collapse.collapse {
            display: none !important;
        }

    .navbar-nav {
        float: none !important;
        margin: 7.5px -15px;
    }

        .navbar-nav > li {
            float: none;
        }

            .navbar-nav > li > a {
                padding-top: 10px;
                padding-bottom: 10px;
            }

    .navbar-collapse.collapse.in {
        display: inline !important;
    }
}

/*Disable Auto-Zoom*/
@media screen and (-webkit-min-device-pixel-ratio: 0) {
    .form-control {
        font-size: 16px;
    }
}

@media (min-width: 768px) {
    .form-control {
        font-size: 14px;
    }
}

.drop-input {
    padding: 5px 10px 0 10px;
}

.alert-clear {
    color: #999999;
    background: transparent;
    border-color: none;
    padding: 0 35px 0 0;
}

.details-pane p {
    margin-bottom: 3px;
}

.name-link,
.activityPanelName {
    cursor: pointer;
    font-weight: 600;
}

.ui-effects-wrapper {
    display: inline;
}

input.custom-control.form-control.datetimepicker {
    padding: 10px !important;
    border: 1px solid #2182cc;
    height: 30px;
    width: 75%;
}

.list-rank-container {
    display: inline;
}

.delmove {
    position: relative;
    /* margin-right: 10000px; */
    margin-top: 67px;
    background: #eafdf4 !important;
    transition: 0s ease !important;
}

.delmoveleft {
    position: relative;
    /* margin-right: 10000px; */
    opacity: 0.5;
    transition: 0.1s ease !important;
}

.delmoveup {
    position: relative;
    /* margin-right: 10000px; */
    margin-top: 50px;
    opacity: 0.1;
    transition: 0s ease !important;
}

.contact-list li {
    transition: 0.3s ease;
}

.contact-list {
    transition: 0.3s ease;
}

/*Horizontal Dailies*/
.horizontal-dailies .select-list li {
    display: inline-block;
    border-top: none;
    border-bottom: none;
}

.horizontal-dailies .select-list {
    text-align: left;
    margin-bottom: 1px;
    margin-top: -1px;
    margin-left: 95px;
}

.horizontal-dailies .section-title {
    padding-right: 20px;
}

.horizontal-dailies .select-list li.active {
    background-color: #fff;
}

    .horizontal-dailies .select-list li.active span {
        color: #21b3e7;
    }

.horizontal-dailies .select-list li:hover span {
    color: #21b3e7;
}

.dailies-addon {
    padding: 0;
    border: 0;
}

.ui-effects-wrapper {
    display: inline;
}

input.custom-control.form-control.datetimepicker {
    padding: 10px !important;
    border: 1px solid #2182cc;
    height: 30px;
    width: 75%;
}

.list-rank-container {
    display: inline;
}

/* Tags*/
.tag-editor {
    padding: 0px 5px 8px 0 !important;
    border: none !important;
    cursor: text;
    font: normal 14px sans-serif;
    color: #555;
    background: transparent !important;
}

    .tag-editor .tag-editor-tag {
        padding: 2px 8px 2px 8px !important;
        color: #785eeb !important;
        background: #f4f2ff !important;
        white-space: nowrap;
        overflow: hidden;
        cursor: pointer;
        border-radius: 10px 0 0 10px !important;
        font-weight: 500;
        font-size: 13px;
    }

    .tag-editor .tag-editor-delete {
        background: #f4f2ff !important;
        cursor: pointer;
        padding: 2px 8px 2px 0px !important;
        border-radius: 0 10px 10px 0 !important;
    }

    .tag-editor li {
        display: block;
        float: left;
        overflow: hidden;
        margin: 3px 0 !important;
    }

    .tag-editor .tag-editor-delete i:before {
        font-size: 16px;
        color: #785eeb !important;
        vertical-align: middle;
    }

        .tag-editor .tag-editor-delete i:before:hover {
            color: #dd6c98 !important;
        }

.ui-sortable-handle .tag-editor-tag {
    /*border-color: #fff;
    border-width: 1px 0 1px 1px;
    border-style:solid;*/
    transition: border ease-in 0.18s;
}

.ui-sortable-handle .tag-editor-delete {
    /*border-color: #fff;
    border-width: 1px 1px 1px 0;
    border-style:solid;*/
    transition: border ease-in 0.18s;
}

.ui-sortable-handle:hover .tag-editor-tag {
    border-color: #777777;
}

.ui-sortable-handle:hover .tag-editor-delete {
    border-color: #777777;
}

.tag-editor .placeholder {
    padding: 6px 0 0 2px !important;
    color: #999 !important;
}

#team-right-pane .tag-editor .placeholder {
    padding: 5px 0 2px 5px !important;
    color: #999 !important;
}

#team-right-pane .tag-editor {
    padding: 6px 5px 7px 15px !important;
    margin-top: -11px;
}

.tag-editor {
    min-height: 32px;
}

.filter-container {
    border-top: 0px;
    padding: 3px 15px 3px 15px;
}

    .filter-container .tag-editor {
        padding: 0px 5px 0px 0 !important;
    }

.light-grey-bg {
    background: #fff;
}

span.tags-label {
    margin-top: 7px;
}

ul.tag-editor .placeholder div {
    color: #777777;
}

a.dropdown-toggle.section-title {
    padding-right: 0px;
    padding-left: 15px;
}

/* free-shirt*/

.radio.gender input:checked + label {
    background: #5d5764;
    color: #fff;
}

.radio.gender input {
    visibility: hidden;
}

/* Advanced options - Upload specific*/

.tag-cont {
    width: 100%;
    margin: 0px 0px -10px 0px !important;
}

    .tag-cont .tag-editor .tag-editor-tag {
        padding: 4px 8px 4px 8px !important;
    }

    .tag-cont li {
        padding: 0px !important;
    }

    .tag-cont .tag-editor .placeholder {
        padding: 4px 0 4px 8px !important;
    }

.details-pane .tag-editor .tag-editor-delete {
    padding: 4px 8px 4px 0px !important;
}

/*Pushy - Off Canvas Nav*/
.pushy {
    background: #ffffff;
    box-shadow: 0 -1px 0 rgba(255, 255, 255, 0), 0 0 1px rgba(25, 20, 31, 0.25), 0 2px 4px rgba(25, 20, 31, 0.25);
}

    .pushy a {
        color: #5d5764;
    }

        .pushy a:hover {
            color: #5d5764;
        }

    .pushy .nav-sidebar {
        margin-right: 0;
        margin-bottom: 0;
        margin-left: 0;
    }

.pushy-open-left .site-overlay,
.pushy-open-right .site-overlay {
    background-color: rgba(54, 45, 64, 0.3);
    -webkit-animation: fade 400ms;
    animation: fade 400ms;
}

.pushy .welcome-box {
    padding: 17px 0 17px 20px;
}

.pushy .nav > li > a {
    position: relative;
    display: block;
    padding-left: 10px;
}

.pushy .nav > li.small > a {
    position: relative;
    display: block;
    padding: 5px 0px;
    padding-left: 10px;
}

.pushy .nav > li.nav-learn > a {
    padding: 5px 0px;
    padding-left: 10px;
}

.pushy .divider {
    border-bottom: 2px solid #efefef;
}

.pushy .terms {
    position: absolute;
    bottom: 10px;
    text-align: center;
    width: 100%;
}

.follow-notification {
    position: absolute;
    top: -10px;
    left: 0;
    bottom: 0;
    right: 0;
    margin: auto;
}

    .follow-notification span {
        padding: 3px 7px;
        border-radius: 100px;
        background: #21b3e7;
        box-shadow: 0 1px 1px rgba(25, 20, 31, 0.2), 0 1px 1px rgba(25, 20, 31, 0.2);
        -webkit-background-clip: padding-box;
        font-size: 11px;
        font-weight: 500;
        color: white;
    }

.nav > li > a:focus {
    text-decoration: none;
    background-color: transparent;
    border: none;
}

.modal-header {
    min-height: 16.43px;
    padding: 15px;
    border-bottom: 1px solid #f8f8f8;
    background: #ffffff;
    border-radius: 2px 2px 0px 0px;
}

.mobile-connect .modal-header {
    min-height: 16.43px;
    padding: 15px;
    border-bottom: none;
    background: transparent !important;
    border-radius: 2px 2px 0px 0px;
}

.modal-title {
    font-size: 16px;
}

.mobile-connect .modal-title {
    font-size: 20px;
}

.closeout {
    font-size: 36px;
    font-weight: 300;
    line-height: 0.55;
    color: #5d5764;
    opacity: 1;
}

.modal-content {
    border: none;
    border-radius: 2px;
    outline: 0;
    box-shadow: none;
}

.list-group li a {
    display: block;
}

.list-group-item {
    border: 0px solid #ddd;
    background: transparent;
    padding: 5px 10px 5px 20px;
    margin-bottom: 0px;
}

.list-group h5 {
    color: #5d5764;
    margin-bottom: 5px;
}

.list-group span {
    color: #777777;
    display: block;
    /* or inline-block */
    text-overflow: ellipsis;
    word-wrap: break-word;
    overflow: hidden;
    max-height: 2.84em;
    line-height: 1.42em;
}

.list-container {
    background: #f9f9f9;
    border-width: 2px;
}

.list-group-item {
    border-bottom: 1px solid #efefef;
    cursor: pointer;
}

body .modal-scripts .modal-dialog {
    max-width: 800px;
    min-height: 700px;
    height: auto;
    width: auto;
}

body #modal-email.modal-scripts .modal-dialog {
    max-width: 600px;
    min-height: 700px;
    height: auto;
    width: auto;
}

.modal-scripts .modal-body,
.modal-scripts .modal-body .row {
    min-height: 550px;
    max-height: 550px;
    height: auto;
}

/*.modal-scripts.modal { overflow: visible; }
.modal-scripts .modal-body { overflow-y: visible; }*/

.item-type {
    position: absolute;
    top: 12px;
    right: 5px;
    content: "4";
    color: #fff;
    padding: 0px 5px;
    background: transparent;
}

.type-icon {
    height: 12px;
    width: 12px;
    margin-top: -4px;
}

.btn-blank {
    border: 0px;
    color: #5d5764;
    background: #fff;
    padding: 10px 16px;
}

    .btn-blank:focus {
        outline: none;
        color: #5d5764;
    }

.script-info,
.script-controls {
    padding: 25px 15px;
}

.script-controls {
    position: absolute;
    bottom: 0px;
    right: 0px;
}

    .script-controls .btn:focus {
        outline: none;
    }

.light-medium-grey {
    color: #999999 !important;
}

.script-filters button,
.script-filters div {
    float: left;
    position: relative;
    display: block;
}

.script-content {
    padding: 25px 15px;
    font-size: 16px;
    line-height: 24px;
    overflow-y: auto;
    margin-right: -15px;
    height: 340px;
}

    .script-content p,
    .script-content h1,
    .script-content h2,
    .script-content h3,
    .script-content h4,
    .script-content h5,
    .script-content h6 {
        color: #5d5764;
    }

.script-info h3 {
    margin-top: 0px;
    font-size: 22px;
}

.modal-icon {
    height: 18px;
    width: 15px;
    margin-top: -4px;
    margin-right: 4px;
}

.script-info .item-type {
    position: absolute;
    top: 25px;
    right: 15px;
    content: "4";
    color: #fff;
    padding: 0px 5px;
    background: transparent;
}

.script-filters .toggle-list {
    padding: 3px;
}

.script-filters .tag-editor .tag-editor-delete {
    padding: 4px 8px 3px 0px !important;
}

.script-filters .tag-cont .tag-editor .tag-editor-tag {
    padding: 4px 8px 3px 8px !important;
}

.script-filters .tag-cont .tag-editor {
    padding: 0px 5px 7px 0 !important;
}

.script-filters .tag-cont {
    margin: 0px 0px -7px 0px !important;
}

.fill-height {
    height: 100%;
    min-height: 100%;
    position: static;
}

.list-container .list-group {
    overflow-y: auto;
    overflow-x: overlay;
    -webkit-overflow-scrolling: touch;
    max-height: 550px;
    margin-bottom: 0px;
}

.list-container {
    z-index: 1;
    overflow-y: hidden;
    overflow-x: hidden;
    min-height: 550px;
}

.list-group-item.active,
.list-group-item.active:focus,
.list-group-item.active:hover {
    z-index: 2;
    color: #fff;
    background-color: #fff;
    border-color: transparent;
    border-bottom: 1px solid #efefef;
    /*border-top: 1px solid #efefef;*/
    border-left: 4px solid #5d5764;
    padding-left: 16px;
    border-radius: 0;
}

.list-group li.active h5 {
    font-weight: 600 !important;
}

@media (max-width: 767px) {
    .script-content-container {
        display: none;
    }

    .script-content {
        height: auto;
        margin-bottom: 50px;
    }

    .modal-scripts .modal-body,
    .modal-scripts .modal-body .row {
        max-height: none;
    }

    .init-menu-container {
        position: static;
        height: auto;
        min-height: auto;
    }

    .init-menu-list {
        margin-top: 50px;
    }

    .script-controls {
        width: 100%;
    }

    .list-container .list-group {
        max-height: 100%;
        margin-bottom: 20px;
    }

    .init-menu{
        height: auto !important;
    }
}

.init-menu {
    height: 100%;
    min-height: 100%;
    width: 100%;
    position: absolute;
    background: #fff;
    z-index: 3;
    padding: 60px;
}

    .init-menu h4 {
        line-height: 26px;
        font-size: 20px;
    }

.center-vvv {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

.init-menu-list {
    font-size: 18px;
    list-style-type: none;
    line-height: 43px;
    color: #5d5764;
}

    .init-menu-list a {
        color: #5d5764;
    }

        .init-menu-list a:hover {
            color: #2bc6c4;
        }

.init-icon {
    border-radius: 50%;
    width: 28px;
    height: 28px;
    margin: 0 auto;
    text-align: center;
    float: left;
    margin-left: -42px;
    margin-top: 6px;
    behavior: url(PIE.htc);
    color: #ccc;
    background: #fff;
    border: 1px solid #d2cdd8;
}

    .init-icon .act-sym {
        margin-bottom: 6px;
        height: 14px;
        width: 14px;
        color: #000;
        fill: #000;
    }

.script-btn {
    display: inline-block;
    vertical-align: top;
    padding: 5px 10px 5px 10px;
    border-radius: 4px;
}

    .script-btn:hover {
        background: #fff;
        color: #5d5764;
        border: 1px solid #cccccc;
        text-decoration: none;
    }

    .script-btn:focus {
        background: #fff;
        border: 1px solid #efefef;
        color: #5d5764;
        outline: none;
        text-decoration: none;
    }

.new-tool .tooltip-inner {
    background-color: #21b3e7;
}

.new-tool.tooltip.top .tooltip-arrow {
    border-top-color: #21b3e7;
}

.popover-title {
    padding: 8px 14px;
    margin: 0;
    font-size: 14px;
    background-color: #f6f6f6;
    border-bottom: 1px solid #efefef;
}

.popover {
    border: 1px solid #efefef;
}

    .popover.top > .arrow {
        border-top-color: #efefef;
    }

.modal-backdrop.in {
    filter: alpha(opacity=50);
    opacity: 0.5;
}

.modal-backdrop {
    background-color: #312f33;
}

.script-name {
    font-family: "roboto", Arial, sans-serif;
    line-height: 28px;
    font-size: 22px;
    font-weight: 500;
    background: transparent;
    border: 1px solid transparent;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    display: block;
    padding: 5px;
    padding-left: 0px;
    width: 100%;
    height: 40px;
    word-wrap: break-word;
    resize: none;
}

.script-text {
    font-family: "roboto", Arial, sans-serif;
    line-height: 24px;
    font-size: 16px;
    color: #5d5764;
    background: transparent;
    border: 1px solid transparent;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    display: block;
    padding: 5px;
    padding-left: 0px;
    width: 100%;
    word-wrap: break-word;
    resize: none;
}

    .script-text:hover {
        border-color: #d4d2d8;
        border-style: dashed;
        -webkit-transition: border-color 150ms;
        -moz-transition: border-color 150ms;
        transition: border-color 150ms;
    }

.script-name:hover {
    border-color: #d4d2d8;
    border-style: dashed;
    -webkit-transition: border-color 150ms;
    -moz-transition: border-color 150ms;
    transition: border-color 150ms;
}

.script-editor .ql-editor {
    border-width: 0px 1px 1px 1px;
    border-color: transparent;
    border-style: dashed;
}

    .script-editor .ql-editor:hover {
        border-color: #d4d2d8 !important;
        border-style: dashed !important;
        border-width: 0px 1px 1px 1px !important;
        -webkit-transition: border-color 150ms;
        -moz-transition: border-color 150ms;
        transition: border-color 150ms;
    }

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

.script-info .dropdown-menu > li > a {
    padding: 1.5px 20px;
}

.ql-container.ql-snow {
    border: none !important;
}

.ql-snow .ql-toolbar.snow,
.ql-snow .ql-stroke {
    stroke: #999999 !important;
}

.ql-snow .ql-picker {
    color: #999999 !important;
}

.ql-snow .ql-fill,
.ql-snow .ql-stroke.ql-fill {
    fill: #999999 !important;
}

.ql-snow.ql-toolbar button:hover .ql-fill,
.ql-snow .ql-toolbar button:hover .ql-fill,
.ql-snow.ql-toolbar button.ql-active .ql-fill,
.ql-snow .ql-toolbar button.ql-active .ql-fill,
.ql-snow.ql-toolbar .ql-picker-label:hover .ql-fill,
.ql-snow .ql-toolbar .ql-picker-label:hover .ql-fill,
.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill,
.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-fill,
.ql-snow.ql-toolbar .ql-picker-item:hover .ql-fill,
.ql-snow .ql-toolbar .ql-picker-item:hover .ql-fill,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-fill,
.ql-snow.ql-toolbar button:hover .ql-stroke.ql-fill,
.ql-snow .ql-toolbar button:hover .ql-stroke.ql-fill,
.ql-snow.ql-toolbar button.ql-active .ql-stroke.ql-fill,
.ql-snow .ql-toolbar button.ql-active .ql-stroke.ql-fill,
.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,
.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,
.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,
.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,
.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,
.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill {
    fill: #999999 !important;
}

.ql-snow.ql-toolbar button:hover,
.ql-snow .ql-toolbar button:hover,
.ql-snow.ql-toolbar button.ql-active,
.ql-snow .ql-toolbar button.ql-active,
.ql-snow.ql-toolbar .ql-picker-label:hover,
.ql-snow .ql-toolbar .ql-picker-label:hover,
.ql-snow.ql-toolbar .ql-picker-label.ql-active,
.ql-snow .ql-toolbar .ql-picker-label.ql-active,
.ql-snow.ql-toolbar .ql-picker-item:hover,
.ql-snow .ql-toolbar .ql-picker-item:hover,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected {
    color: #5d5764 !important;
}

    .ql-snow.ql-toolbar button:hover .ql-stroke,
    .ql-snow .ql-toolbar button:hover .ql-stroke,
    .ql-snow.ql-toolbar button.ql-active .ql-stroke,
    .ql-snow .ql-toolbar button.ql-active .ql-stroke,
    .ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke,
    .ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke,
    .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke,
    .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke,
    .ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke,
    .ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke,
    .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
    .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
    .ql-snow.ql-toolbar button:hover .ql-stroke-mitter,
    .ql-snow .ql-toolbar button:hover .ql-stroke-mitter,
    .ql-snow.ql-toolbar button.ql-active .ql-stroke-mitter,
    .ql-snow .ql-toolbar button.ql-active .ql-stroke-mitter,
    .ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke-mitter,
    .ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke-mitter,
    .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke-mitter,
    .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke-mitter,
    .ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke-mitter,
    .ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke-mitter,
    .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke-mitter,
    .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke-mitter {
        stroke: #5d5764 !important;
    }

.ql-toolbar.ql-snow {
    border: 1px solid #e5e5e5 !important;
    border-top: none !important;
    background: #f6f6f6;
}

.ql-container p {
    font-family: "Roboto", "Helvetica", "Arial", sans-serif !important;
    font-size: 16px !important;
    color: #777777;
}

.ql-editor.ql-blank::before {
    color: #a9a9a9 !important;
    font-style: normal;
    font-size: 16px !important;
    position: absolute;
}

.ql-formats button.custom-button {
    color: #5d5764 !important;
    font-family: "Roboto", "Helvetica", "Arial", sans-serif !important;
    color: #5d5764 !important;
    width: 110px !important;
}

    .ql-formats button.custom-button:hover {
        color: #5d5764 !important;
    }

.dropdown-menu li span.new-feature {
    display: inline-block;
    color: #21b3e7;
    font-size: smaller;
    font-style: italic;
}

.btn-primary:active,
.open > .dropdown-toggle.btn-primary {
    background-color: #4e67ca;
}

.log-box .btn.dropdown-toggle {
    border-left: 1px solid #4e67ca;
    box-shadow: 0 -1px 0 #fff, 0 0 1px rgba(25, 20, 31, 0.15), 2px 2px 4px rgba(25, 20, 31, 0.15);
}

.btn-blue.dropdown-toggle {
    border-left: 1px solid #4e67ca;
}

.ql-snow .ql-out-bottom,
.ql-snow .ql-out-top {
    visibility: visible;
}

.subject-bar input,
.subject-bar p {
    display: inline-block;
    margin-left: 20px;
    padding: 10px;
    margin-bottom: 0px;
}

.subject-bar input {
    border: none;
    width: 80%;
}

    .subject-bar input:focus {
        border: none;
        outline: none;
    }

.subject-bar {
    border-bottom: 1px solid #e5e5e5;
}

.user-script .subject-bar input,
.circlecloser-script .subject-bar input {
    border: none;
    width: 70%;
    margin-left: 0;
}

.user-script .subject-bar p,
.circlecloser-script .subject-bar p {
    margin-left: 5px;
}

.user-script .ql-toolbar.ql-snow {
    background: #f6f6f6;
    border-width: 0 0 1px 0 !important;
    border-bottom: 0;
    border-radius: 8px;
}

.user-script .script-editor {
    overflow-y: auto;
    margin-right: -15px;
    height: 280px;
}

/* Add Income */
.modal-income .subject-bar input {
    border: none;
    width: auto;
}

    .modal-income .subject-bar input.daterange {
        width: 25%;
    }

.income-report {
    border: 10px solid #e2dfe4;
}

.modal-income .income-report h4 {
    font-size: 16px;
    margin-top: 15px;
    margin-bottom: 15px;
}

.modal-income .btn-blank {
    background: transparent;
}

.modal-income .add-income {
    margin-right: 20px;
}

.modal-income .subject-bar input,
.modal-income .subject-bar span {
    display: inline-block;
}

.bn {
    border: none;
}

#daterange-2 {
    margin-left: 0;
}

.income-report table.global-activity tr td:nth-child(3),
table.global-activity tr td:nth-child(4) {
    white-space: normal;
}

.section-link a {
    color: #777777;
}

/* Activity Feed */

.act-notes {
    padding-top: 0px;
    font-size: 14px;
    color: #777777;
}

.act-line {
    display: none;
}

.act-notes span.readonly {
    display: block;
    text-overflow: ellipsis;
    word-wrap: break-word;
    overflow: hidden;
    max-height: 2.84em;
    line-height: 1.42em;
}

.activity {
    border-bottom: 1px solid #f8f8f8;
    padding-bottom: 7px;
    padding-top: 7px;
    padding-left: 65px;
    min-height: 70px;
}

.activity-feed-title {
    margin: 25px 20px 20px 0px;
    display: none;
}

.activity .actName {
    font-size: 14px;
    font-weight: 500;
}

.activity .actShareType {
    font-size: 14px;
    font-weight: 500;
}

.feed-container {
    padding: 0px !important;
}

.act-icon {
    margin-left: -54px;
    margin-top: 5px;
}

.act-date {
    margin-right: 15px;
    margin-top: 3px;
}

.act-notes {
    margin-right: 30px;
}

.activity-feed-details {
    margin: 0;
    margin-left: -15px;
    margin-right: -15px;
}

.activity-editor span.readonly {
    font-size: 16px;
    overflow: visible;
}

.activity-editor .act-icon {
    display: none;
}

.activity-editor .activity {
    padding-left: 0;
    border-bottom: none;
}

.activity-editor span.actName {
    color: #5d5764;
    font-size: 16px;
}
.activity-editor span.actShareType {
    color: #5d5764;
    font-size: 16px;
}

.activity-editor .act-notes {
    margin-right: 0px;
    margin-top: 15px;
    min-height: 200px;
}

.modal-activity .script-content-container {
    padding: 40px 40px 0px 40px;
}

.modal-activity .script-controls {
    padding: 25px 0px;
    position: relative;
}

.modal-activity .act-date {
    font-size: 14px;
}

.activity-editor .btn-blank {
    padding-left: 0px;
    color: #5d5764;
    font-size: 16px;
    font-weight: 500;
    margin-top: -13px;
}

.activity-editor textarea.form-control.custom-control {
    font-size: 14px;
    color: #777777;
    border-style: dashed;
}

.modal-followup-editor span.readonly {
    font-size: 16px;
    overflow: visible;
}

.modal-followup-editor .fup-icon {
    display: none;
}

.modal-followup-editor .fup {
    padding-left: 0;
    border-bottom: none;
}

.modal-followup-editor span.fupName {
    color: #5d5764;
    font-size: 16px;
}

.modal-followup-editor .fup-briefnotes {
    margin-right: 0px;
    margin-top: 15px;
    min-height: 200px;
}

.modal-followup .script-content-container {
    padding: 40px 40px 0px 40px;
}

.modal-followup-close .script-content-container {
    padding: 40px 40px 40px 40px;
}

.modal-followup .script-controls {
    padding: 25px 0px;
    position: relative;
}

.modal-followup-close .script-controls {
    padding: 25px 0px;
    position: relative;
}

.modal-followup .fup-date {
    font-size: 14px;
}

.modal-followup .followupPanelName {
    cursor: none;
}

.modal-followup-close .followupPanelName {
    cursor: none;
}

.modal-followup .fup-briefnotes span.readonly {
    max-height: none;
    white-space: pre-line;
}

.modal-followup-editor .btn-blank {
    padding-left: 0px;
    color: #5d5764;
    font-size: 16px;
    font-weight: 500;
    margin-top: -13px;
}

.modal-followup-editor textarea.form-control.custom-control {
    font-size: 14px;
    color: #777777;
    border-style: dashed;
}

.feed-container .activity {
    cursor: pointer;
}

.feed-container .fup {
    cursor: pointer;
}

.activity-pop {
    position: relative;
    right: 0;
    margin-top: 0;
    float: right;
    color: #fff;
    bottom: 15px;
    padding: 0px 25px;
    background: transparent;
}

.activity-pop img {
    width: 13px;
    height: 13px;
    border-radius: 0;
    display: none;
}

.feed-container .activity:hover .activity-pop img {
    display: block;
}

.feed-container .fup:hover .activity-pop img {
    display: block;
}

.feed-container .activity:hover {
    background-color: #f6f6f6;
}

.feed-container .fup:hover {
    background-color: #f6f6f6;
}

.activity-deleted.activity {
    background-color: #ffcbe1;
}

.followup-deleted.fup {
    background-color: #ffcbe1;
}


.modal-activity .activityPanelName {
    cursor: none;
}

.modal-activity .act-notes span.readonly {
    max-height: none;
    white-space: pre-line;
}

#modal-email .modal-body,
#modal-email .modal-body .row {
    max-height: none;
}

#modal-email .script-controls {
    position: relative;
}

#modal-email .ql-container {
    min-height: 370px;
}

#modal-email .subject-bar p,
#modal-email .subject-bar input {
    margin-left: 7px;
}

@media (max-width: 767px) {

    .modal-activity .script-content-container,
    .modal-followup .script-content-container,
    .modal-followup-close .script-content-container,
    #modal-email .script-content-container {
        display: block;
        padding-bottom: 40px;
    }

    .modal-activity .script-controls,
    .modal-followup .script-controls,
    #modal-email .script-controls {
        margin-bottom: 40px;
    }

    .activity-editor textarea.form-control.custom-control {
        font-size: 16px;
    }
    .modal-followup-editor textarea.form-control.custom-control {
        font-size: 16px;
    }
}

ul.team-mobile-list {
    height: auto;
    max-height: 300px;
    overflow-x: hidden;
    -webkit-overflow-scrolling: touch;
}

#ulGroupsList {
    margin-bottom: 15px;
    margin-left: -10px;
}

.ShowHideFullLists {
    margin-left: 10px;
}

.createnewtag {
    margin-left: 0px;
    margin-top: -10px;
}

.clusterize-scroll {
    max-height: none;
}

.mobile-connect-container {
    margin-top: 45px;
}

    .mobile-connect-container .log-box {
        border-width: 0px;
        border-color: rgb(233, 230, 237);
        border-style: solid;
        background-color: transparent;
        box-shadow: none !important;
        margin-top: -34px;
    }

    .mobile-connect-container .connect-type-btn {
        width: 100%;
        text-align: left;
    }

    .mobile-connect-container .invite-type-btn {
        margin-top: 5px;
        width: 100%;
        text-align: left;
        border-bottom: 1px solid #f3f0f7;
        margin-bottom: 20px;
    }

    .mobile-connect-container textarea.log-area {
        max-height: 800px;
    }

    .mobile-connect-container .log-controls {
        padding: 10px 5px 10px 5px;
    }

    .mobile-connect-container textarea {
        padding-top: 10px;
        margin-top: 10px;
        padding: 10px 5px 10px 5px;
        border-top: 1px solid #f3f0f7 !important;
        margin-bottom: 40px !important;
    }

    .mobile-connect-container .control-container {
        display: block !important;
        border: none;
    }

        .mobile-connect-container .control-container .member-name {
            display: none;
        }

        .mobile-connect-container .control-container .btn-default {
            display: none !important;
        }

.mobile-connect .script-btn {
    margin: 6px 0 5px 0;
    background: transparent;
}

.init-menu {
    padding: 56px;
    padding-top: 36px;
}

input.custom-control.form-control.datetimepicker {
    width: 75%;
    margin-left: 29px;
    font-size: 14px;
    border: none;
    border-bottom: 1px solid #2bc6c4;
    padding-left: 0px !important;
    border-radius: 0;
}

input.custom-control.form-control#directFollowUpDate {
    margin-left: 20px;
}

#selFollowUp .noclose .form-group {
    position: relative;
}

.drop-input {
    padding: 0px 10px 0 0px;
}

.mobile-connect .modal-header {
    padding: 15px 15px 0px 15px;
}

@media (max-width: 767px) {
    .section-hdr {
        text-align: right;
        background: #f6f6f6;
    }
}

.helpertip {
    background: #ffffff;
    margin-top: 20px;
    margin-left: -20px;
    margin-right: -20px;
    padding: 20px;
    text-align: left;
    font-size: 13px;
    position: absolute;
    bottom: 0;
}

    .helpertip p {
        color: #5d5764;
        font-weight: 400;
    }

    .helpertip span {
        color: #5d5764;
    }

@media (max-width: 375px) {
    .tag-editor {
        font: normal 13px sans-serif;
    }

        .tag-editor .tag-editor-tag {
            padding: 2px 8px 2px 8px !important;
        }

    .details-section {
        margin: 20px 0px 20px 0px;
    }

    .details-table {
        margin-left: 0;
    }
}

@media (max-width: 767px) {
    .page-header {
        margin-right: -15px;
        margin-left: -30px;
        border-bottom: 1px solid #efefef;
    }

    #details {
        overflow: hidden;
    }

    .main {
        padding: 0px 15px 15px 15px;
    }

    .vertical-dailies .select-list li {
        padding-left: 30px;
    }

    .log-container-team {
        padding: 5px;
    }

    .control-container .dropdown-toggle {
        padding-top: 12px;
        padding-right: 15px;
        display: inline-block;
    }

    .mobile-connect-container .control-container .dropdown-toggle {
        padding-top: 0;
        padding-right: 0;
        display: inline-block;
    }
}

@media (max-width: 414px) {
    .contact-info {
        margin: 0px 20px 20px 0;
    }
}

@media (max-width: 320px) {
    a.tool-tip.btn-sm.sele.btn-default {
        display: none;
    }
}

.visible-xs a.name:after {
    content: " \e258";
    font-family: "Glyphicons Halflings";
    font-size: 14px;
    position: relative;
    top: 1px;
    display: inline-block;
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    margin-left: 10px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #999999;
}

.mobile-connect #connect-skip {
    display: inline-block !important;
    float: right;
    margin-top: 15px;
    margin-left: 10px;
    font-size: 12px;
    color: #777777;
    font-weight: 400;
}

    .mobile-connect #connect-skip:hover {
        color: #2bc6c4;
        font-weight: 600;
    }

.mobile-menu-header {
    display: none;
}

@media (max-width: 767px) {
    .mobile-menu-header {
        background: #ffffff;
        border-bottom: 1px solid #efefef;
        width: 100%;
        position: absolute;
        display: block;
        text-align: right;
        z-index: 1;
        margin-left: 768px;
        transition: 0.4s ease;
    }

        .mobile-menu-header a {
            padding: 10px 0 10px 20px;
            color: #5d5764 !important;
            font-size: 18px !important;
            display: block;
            float: left;
            font-weight: 500;
        }

    .list-closed {
        margin-left: 0 !important;
    }

    .pane-container {
        overflow: hidden;
        position: relative;
    }

    #team-right-pane {
        z-index: 100;
        background: #fff;
        position: relative;
        margin-left: 768px;
        transition: 0.4s ease;
        width: 100%;
        overflow-y: scroll;
        -webkit-overflow-scrolling: touch;
    }

    #team-left-pane {
        margin-top: 0px;
    }

    .contact-info {
        margin: 0;
        padding-top: 10px;
    }
}

.team-list .contact-list {
    outline: none;
}

#modal-email .ql-tooltip.ql-editing.ql-out-bottom {
    visibility: visible;
}

#modal-scripts .user-script .script-editor {
    overflow-y: visible;
}

.ql-snow .ql-tooltip {
    z-index: 1;
}

.backdate-box .input-group-addon {
    background-color: transparent !important;
    border: none;
    padding-left: 0;
}

.backdate-box .input-group {
    padding-left: 5px;
    display: block;
}

.modal-activity .backdate-box {
    display: inline-block;
    float: right;
    padding-right: 0px;
    margin-bottom: -5px;
}

    .modal-activity .backdate-box .member-connect {
        padding-right: 0px;
    }

    .modal-activity .backdate-box .input-group-addon {
        padding-right: 0px;
        padding-bottom: 0px;
    }

.modal-followup .backdate-box {
    display: inline-block;
    float: right;
    padding-right: 0px;
    margin-bottom: -5px;
}

    .modal-followup .backdate-box .member-connect {
        padding-right: 0px;
    }

    .modal-followup .backdate-box .input-group-addon {
        padding-right: 0px;
        padding-bottom: 0px;
    }

.bootstrap-datetimepicker-widget table td.active,
.bootstrap-datetimepicker-widget table td.active:hover {
    background-color: #2bc6c4 !important;
    color: #fff !important;
}

.bootstrap-datetimepicker-widget .datepicker {
    color: #5d5764;
}

    .bootstrap-datetimepicker-widget .datepicker .today {
        color: #2bc6c4;
    }

    .bootstrap-datetimepicker-widget .datepicker .disabled {
        color: #cccccc;
    }

.bootstrap-datetimepicker-widget table td.today:before {
    border-bottom-color: #2bc6c4 !important;
}

#modal-referral p {
    font-size: 16px;
    line-height: 24px;
}

.form-link {
    border: none;
    box-shadow: none;
    padding-top: 8px;
    overflow: hidden;
}

    .form-link span {
        white-space: nowrap;
    }

.email-invite {
    min-width: 260px;
}

table.team-report td {
    height: 60px;
    vertical-align: middle !important;
    border: 0 !important;
    text-align: center;
    font-size: 16px;
}

table.team-report tr.user td {
    color: #2bc6c4;
}

table.team-report tr:nth-child(odd) {
    background-color: #fff;
}

.team-report > thead > tr > th {
    padding: 8px;
    line-height: 1.42857143;
    vertical-align: top;
    border-top: 0;
    border-bottom: 1px solid #efefef;
    font-size: 13px;
    color: #adaab1;
    font-weight: 400;
    text-align: center;
    background: #f9f9f9;
}

table.team-report tr td:first-child,
table.team-report tr th:first-child {
    text-align: left;
    min-width: 200px;
    padding-left: 40px;
}

table.team-report tr td:first-child,
table.team-report tr th:last-child {
    padding-right: 10px;
}

table.team-report tr td {
    border-right: 1px solid #efefef !important;
}

table.team-report {
    border-bottom: 1px solid #efefef;
}

    table.team-report > thead > tr:first-child > th {
        border-bottom: 1px solid #efefef;
    }

.team-stat {
    /*padding: 20px;*/
}

    .team-stat h1,
    .team-stat span {
        display: inline-block;
    }

    .team-stat h1 {
        margin-bottom: 0px;
        margin-right: 10px;
    }

.team-info {
    padding: 20px 20px 0 20px;
}

.team-date-range {
    padding-left: 20px;
    display: inline-block;
}

.team-date-box {
    display: inline-block;
    margin: 10px 0px 10px 0px;
}

.team-date-range .dropdown-toggle {
    padding: 10px 0 10px 0;
    color: #5c5764 !important;
    font-size: 18px !important;
    font-weight: 500;
}

.date-range-box {
    padding-left: 5px;
    display: inline-block;
}

    .date-range-box p,
    .date-range-box input,
    .date-range-box span {
        display: inline-block;
    }

    .date-range-box input {
        width: 100px;
        margin-left: 0;
    }

    .date-range-box p {
        margin-left: 0;
        padding-left: 0;
    }

.subject-bar.date-range-box {
    border-bottom: 0;
    border-left: 1px solid #efefef;
    margin-left: 20px;
}

    .subject-bar.date-range-box input {
        border: 0;
    }

.date-range-box .btn-blue {
    padding: 5px 10px !important;
}

.date-range-box .sele.btn-blue:hover {
    color: #fff !important;
    border: none !important;
}

.modal-invite .invite-box {
    padding: 20px;
}

.modal-pending .form-group h4 {
    margin-bottom: 2px;
}

.modal-pending .form-group p {
    margin: 0 0 12px;
}

@media (min-width: 768px) {

    .modal-invite .modal-dialog,
    .modal-pending .modal-dialog {
        width: 400px;
    }
}

.team-report-left {
}

    .team-report-left .team-info {
        padding-left: 40px;
    }

        .team-report-left .team-info h4,
        .team-report-left .team-info a {
            display: inline-block;
        }

        .team-report-left .team-info a {
            padding: 10px;
            height: 35px;
        }

.section-spacer {
    height: 45px;
    margin-bottom: -19px;
    font-size: 12px !important;
    display: inline-block;
    border-left: 1px solid #efefef;
    margin-left: 10px;
}

.btn-icon:hover {
    background: #f6f6f6;
    border-radius: 25px;
}

.bg-white {
    background: #fff;
}

.bg-light-grey {
    background: #f9f9f9;
}

@media (max-width: 991px) {
    .team-report-right {
        border-left: 0;
    }

    .team-stat {
        border-top: 0;
        padding-top: 0;
        text-align: center;
    }

    .table-responsive {
        margin-bottom: 0;
    }

    .team-report-right .team-info {
        margin-left: 20px;
    }
}

@media (max-width: 767px) {
    .section-hdr {
        text-align: left;
        background: #fff;
    }

    .team-report .page-header {
        display: none;
    }

    .team-report .main {
        padding-top: 0;
    }

    table.team-report tr td,
    table.team-report tr th,
    table.team-report tr th:first-child {
        display: none;
    }

        table.team-report tr td:first-child,
        table.team-report tr th:first-child,
        table.team-report tr td:nth-child(2),
        table.team-report tr th:nth-child(2) {
            display: table-cell;
        }

        table.team-report tr td:first-child,
        table.team-report tr th:first-child {
            text-align: left;
            min-width: 200px;
            padding-left: 20px;
        }

    .team-report-left .team-info {
        padding-left: 20px;
        padding-right: 15px;
        padding-top: 10px;
        margin-bottom: 10px;
    }

    .table-responsive {
        border: 0;
        margin-bottom: 0 !important;
    }

    .team-report-left {
        padding-left: 0;
        padding-right: 0;
        background: #fff;
    }

    .section-link {
        padding: 0px;
        margin: -12px 0px 5px 20px;
        color: #777777;
        font-size: 12px !important;
        display: block;
    }

    .close-text {
        color: #00afa2 !important;
        opacity: 1;
        font-size: 14px;
        margin-top: 5px !important;
        margin-right: 5px;
    }

    .modal-date .modal-title,
    .modal-member .modal-title {
        display: inline-block;
        margin-left: 15px;
    }

    .modal-date .close {
        color: #5c5764;
    }

    .header-dropdown {
        margin-right: 10px;
        margin-top: 3px;
    }

    .modal-pending .modal-body .text-center.mb-20 {
        margin-left: 40px;
        margin-right: 40px;
    }

    .modal-member .closeout {
        font-size: 20px;
        margin-top: 0px;
        color: #5c5764;
    }

    .team-report .modal-title {
        color: #5c5764;
    }

    .team-report .closeout {
        color: #5c5764;
    }

    .modal-invite .invite-box {
        padding: 40px;
    }

    .mobile-selector li {
        padding: 10px 10px 20px 10px;
        list-style: none;
        color: #5c5764 !important;
        font-size: 18px;
        margin-bottom: 0;
        transition: all 0.5s ease-in;
    }

        .mobile-selector li:active {
            background: #f6f6f6;
            transition: none;
        }

    .mobile-selector {
        margin-bottom: 0;
        padding-right: 40px;
    }

    .hdr-date-select {
        transition: all 0.4s ease-in;
    }

        .hdr-date-select:active {
            background: #f6f6f6;
            transition: none;
        }

    .mobile-selector li:after {
        content: "\e013";
        font-family: "Glyphicons Halflings";
        font-size: 16px;
        float: right;
        position: relative;
        top: 1px;
        display: inline-block;
        font-style: normal;
        font-weight: 400;
        line-height: 1;
        margin-left: 10px;
        margin-top: 0;
        margin-right: 10px;
        color: #00afa2;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        display: none;
    }

    .mobile-selector li.active:after {
        display: block;
    }

    .date-block label {
        display: block;
        margin: 20px 0 -5px 10px;
        color: #9d9aa2;
    }

    .date-block {
        display: inline-block;
    }

    .team-report .modal-header {
        background: #fff !important;
    }

    .team-report .modal-backdrop.in {
        filter: alpha(opacity=100);
        opacity: 1;
    }

    .team-report .modal-content,
    .team-report .modal-dialog {
        height: 100%;
    }

    .team-report .modal-backdrop {
        background-color: transparent;
    }

    .team-report .modal-dialog {
        margin: 0;
    }

    .team-stat {
        text-align: center;
        border: 0;
        padding-top: 0px;
    }

        .team-stat h1 {
            margin-bottom: 0px;
            margin-right: 0px;
            display: block;
        }

        .team-stat h5 {
            margin-top: 0px;
        }

    table.team-report tr:nth-child(odd) {
        background-color: #f6f6f6;
    }

    .team-report > thead > tr > th {
        padding: 8px;
        line-height: 1.42857143;
        vertical-align: top;
        border-top: 0;
        border-bottom: 1px solid #efefef;
        font-size: 13px;
        color: #adaab1;
        font-weight: 400;
        text-align: center;
        background: #fff;
    }

    .team-report-right,
    .team-report-left {
        border: 5px solid #efefef;
    }

    .team-report.table tr:after {
        content: " \e258";
        font-family: "Glyphicons Halflings";
        font-size: 14px;
        position: relative;
        top: 1px;
        display: inline-block;
        font-style: normal;
        font-weight: 400;
        line-height: 1;
        margin-left: 10px;
        margin-top: 20px;
        margin-right: 10px;
        color: #aaa0b5;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
    }

    .team-report.table thead tr:after {
        display: none;
    }

    .triangle-bottom {
        float: right;
        margin: 20px 30px 0 20px;
        color: #5c5764;
    }

    .hdr-date-select .caret {
        display: none;
    }

    table.team-report tr td {
        border-right: 0 !important;
    }

    table.team-report tr {
        transition: all 0.5s ease-in;
        cursor: pointer;
    }

        table.team-report tr:active {
            background: #f1eff5;
            transition: none;
        }

    .team-report-right .team-info {
        margin-left: 0px;
    }

    .invite-box .form-group {
        margin-bottom: 15px;
        display: inline-block;
    }

    .modal-pending .invite-box {
        padding: 0 20px 0 20px;
    }

    .modal-invite .invite-box .form-group {
        display: block;
    }

    .settings-page .page-header {
        display: none;
    }

    .settings-page .main {
        padding-top: 0;
    }
}

.mobile-date-box {
    padding-left: 20px;
    display: inline-block;
}

    .mobile-date-box p,
    .mobile-date-box input,
    .mobile-date-box span {
        display: inline-block;
    }

    .mobile-date-box input {
        width: 120px;
        margin-left: 0;
    }

    .mobile-date-box p {
        margin-left: 0;
        padding-left: 0;
    }

.subject-bar.mobile-date-box {
    border-bottom: 0;
    border-top: 1px solid #efefef;
    margin-left: 20px;
}

    .subject-bar.mobile-date-box input {
        border: 0;
    }

.mobile-date-box .btn-blue {
    padding: 5px 10px !important;
}

.mobile-date-box .sele.btn-blue:hover {
    color: #fff !important;
    border: none !important;
}

.modal.fade-up:not(.in) .modal-dialog {
    -webkit-transform: translate3d(-55%, 0, 0);
    transform: translate3d(0%, 25%, 0);
}

.ui-notification.on .off {
    display: none;
}

.ui-notification.on .on {
    display: inline-block;
}

.ui-notification .off {
    display: inline-block;
}

.ui-notification .on {
    display: none;
}

table.team-report .em {
    height: 1.2em;
    width: 1.2em;
    margin-bottom: 4px;
}

.modal-title .em {
    height: 1.2em;
    width: 1.2em;
    margin-bottom: 4px;
}

#sharing .table td {
    padding: 15px;
    border-top: 1px solid #efefef;
}

    #sharing .table td:nth-child(2),
    #sharing .table td:nth-child(3) {
        width: 70px;
    }

#sharing .table th {
    border-top: 1px solid #efefef;
}

#sharing .table tr {
    border-top: 2px solid #faf9fd;
}

.settings-page .section-hdr .btn-group {
    display: inline-block;
    margin: 15px 0px 15px 40px;
    float: left;
}

    .settings-page .section-hdr .btn-group span {
        color: #5c5764;
        font-size: 18px;
        font-weight: 500;
    }

.settings-page .dropdown-menu > .active > a {
    color: #333;
    text-decoration: none;
    background-color: #fff;
    outline: 0;
}

.settings-page .dropdown-menu a {
    padding: 10px 10px 5px 20px;
}

.dropdown-menu span.menu-icon {
    color: #777777 !important;
    font-size: 13px !important;
}

.settings-page .main p {
    margin-bottom: 20px;
    margin-top: -15px;
}

.settings-page .tgl-light:checked + .tgl-btn {
    background: #4cdbc8;
}

.get-started img {
    border-radius: 0;
}

.get-started {
    padding: 40px;
}

table.team-report tr.inactive td:nth-child(2),
table.team-report tr.inactive td:nth-child(3),
table.team-report tr.inactive td:nth-child(4),
table.team-report tr.inactive td:nth-child(5),
table.team-report tr.inactive td:nth-child(6),
table.team-report tr.inactive td:nth-child(7) {
    display: none;
}

.team-report .team-stat span.light-medium-grey:empty:before {
    overflow: hidden;
    display: inline-block;
    vertical-align: bottom;
    -webkit-animation: ellipsis steps(4, end) 900ms infinite;
    animation: ellipsis steps(4, end) 900ms infinite;
    content: "\2026";
    /* ascii code for the ellipsis character */
    width: 0px;
    font-size: 28px;
}

@keyframes ellipsis {
    to {
        width: 1em;
    }
}

@-webkit-keyframes ellipsis {
    to {
        width: 1em;
    }
}

.team-info .load {
    position: relative;
    display: inline-block;
    margin: -25px 0px -28px 15px;
}

table.team-report tr.inactive:after {
    display: none;
}

#modal-invite .invite_status {
    background: #f6f6f6;
    padding: 15px;
    border: 1px solid #eeecf1;
    margin-top: 10px;
}

#modal-pending .pending_status {
    background: #f6f6f6;
    padding: 15px;
    border: 1px solid #eeecf1;
    margin-top: 10px;
}

#modal-invite .invite_load {
    display: inline-block;
    margin: 20px 0 20px 0;
}

#modal-pending .requestEmpty {
    margin-bottom: 40px;
    padding-bottom: 40px;
    border-bottom: 1px solid #eeecf1;
}

#modal-pending .pending_load {
    height: 30px !important;
    position: relative;
    margin-top: 50px;
}

.contact-list .setBulkType a.name {
    color: #5d5764;
    text-decoration: none;
}

.section-title .small {
    font-size: 75%;
}

.ui-widget-content {
    border: 1px solid #efefef !important;
    color: #5d5764 !important;
    border-radius: 4px !important;
    box-shadow: 0 -1px 0 #fff, 0 0 2px rgba(25, 20, 31, 0.12), 0 2px 4px rgba(25, 20, 31, 0.12) !important;
}

.ui-menu .ui-menu-item {
    padding: 9px 1em 9px 0.8em !important;
    border: none !important;
}

.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus {
    background: #f6f6f6 !important;
}

.ui-menu .ui-state-focus,
.ui-menu .ui-state-active {
    margin: 0px !important;
}

.section .section-title img {
    border-radius: 0;
}

@media (max-width: 767px) {
    .setup-wizard .section {
        margin-bottom: 20px;
        margin-top: 20px;
    }

    .setup-wizard .circlecloser-logo-svg {
        width: 150px;
        margin-top: -15px;
    }

    .log-controls .btn-group {
        display: block;
        margin-bottom: 5px;
    }

    .log-controls .btn-primary {
        margin-top: 75px;
    }

    .page-header {
        background-color: #fafafa;
    }

        .page-header .input-group-addon {
            background: transparent;
        }

        .page-header .navbar-form .form-control {
            background: transparent;
        }
}

.university .navbar {
    background: #fff;
}

.university .navbar-nav > li > a {
    color: #5d5764 !important;
}

.university .nav > li > a:focus,
.university .nav > li > a:hover {
    text-decoration: none;
    background-color: #f7f6f9;
}

.nav .open > a,
.nav .open > a:focus,
.nav .open > a:hover {
    background-color: #f3f2f5;
}

body.university {
    background: #faf9fb;
}

.header-tagline {
    margin-left: 0px;
    padding-left: 20px;
    border-left: 1px solid #eae4f0;
    display: inline-block;
    margin-top: 0px;
    padding-top: 8px;
    margin-top: 8px;
}

.course-item,
.course-item-side {
    cursor: pointer;
}

.course-container {
    border-radius: 0px 0px 4px 4px;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.09);
    background: #ffffff;
}

.course-title {
    text-align: center;
    font-size: 16px;
    margin-bottom: 30px;
    color: #5d5764;
    background: #fff;
    padding-bottom: 20px;
    padding-top: 20px;
    padding-left: 10px;
    padding-right: 10px;
    border-radius: 0px 0px 4px 4px;
    margin-top: 0;
    line-height: 23px;
}

@media (min-width: 992px) {
    .masthead {
        position: fixed;
        top: 60px;
        max-width: 346px;
    }
}

.course-img {
    background: #000;
    width: 44px;
    height: 44px;
    display: inline-block;
    float: left;
    margin-right: 12px;
    margin-top: 1px;
    border-radius: 50%;
    border: 2px solid #fff;
}

    .course-img.course-goals {
        background: url("/img/course-cover-dream-big.jpg");
        background-size: cover;
        background-position: center center;
    }

    .course-img.course-why {
        background: url("/img/course-cover-my-why.jpg");
        background-size: cover;
        background-position: center center;
    }

    .course-img.course-relationships {
        background: url("/img/course-cover-relationships.jpg");
        background-size: cover;
        background-position: center center;
    }

.sub-title h4,
.sub-title div {
    display: inline-block;
    padding: 10px 0 10px;
}

.sub-title div {
    float: right;
}

    .sub-title div select {
        margin-top: 7px;
    }

.sub-title {
    border-bottom: 1px solid #efefef;
    margin-left: -15px;
    margin-right: -15px;
    padding-left: 15px;
    padding-right: 15px;
}

.course-description {
    padding: 20px;
}

.img-course-container {
    margin-left: -15px;
    margin-right: -15px;
}

.university h4 {
    color: #5d5764;
}

.btn-pink {
    border: 0;
    color: #fff;
    background: #21b3e7;
    padding: 10px 16px;
}

    .btn-pink:hover,
    .btn-pink:focus {
        background: #dc4078;
        color: #fff;
    }

.small-title {
    font-size: 80%;
    color: #b3b1b7;
    display: block;
    margin-bottom: -2px;
}

.university .navbar-toggle .icon-bar {
    background-color: #000;
}

.university .pushy {
    background: #ffffff;
}

    .university.pushy a {
        color: #545454;
    }

.university .welcome-box {
    border-bottom: 2px solid #f3f3f3;
    padding-bottom: 20px;
}

.university .nav > li > a:focus,
.university .nav > li > a:hover {
    text-decoration: none;
    color: #000;
}

.main-nav li.divider {
    background-color: #f6f6f6;
    height: 2px;
    width: 100%;
    margin: 20px 20px 20px 20px;
}

.course-item-side li:nth-child(2) {
    display: block;
    padding-left: 55px;
}

.university .youtube {
    background: #252525 no-repeat center center / cover;
}

.createnewtag a {
    color: #2bc6c4 !important;
}

#editnotes.member-notes {
    border: 0;
}

.tag-editor .placeholder div {
    margin-top: -3px;
    color: #999999 !important;
    font-size: 13px !important;
}

.member-name .btn-group {
    margin-top: -4px;
}

.modal table .dark-purple span.glyphicon-star {
    color: #ffb800 !important;
}

.page-header .col-xs-12.col-sm-3.col-md-3 {
    display: none;
}

.ct-today .col-sm-6.center-vert.hidden-xs div:first-child {
    margin-left: -10px;
}

.page-header .btn-blank {
    background: transparent;
    padding: 0px 15px 0px 25px;
}

.btn-add {
    font-size: 14px;
    padding: 0px 12px;
    border-radius: 20px;
    border: 0;
    color: #5d5764;
    font-weight: 500;
    padding: 7.5px 10px;
    display: flex;
    align-items: center;
    background: #fff;
}

    .btn-add img {
        width: 20px;
        height: 20px;
        margin-right: 8px;
    }

span.ct-sk,
span.ct-sp,
span.ct-wo,
span.ct-pg {
    color: #5d5764;
}

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

.page-header .btn-blank:active {
    box-shadow: none;
}

.welcome-box span {
    color: #5d5764 !important;
}

.nav-sidebar > li.active > a:before {
    width: 8px;
    height: 33px;
    background-color: #21b3e7;
    display: inline-block;
    position: absolute;
    top: 0;
    left: -8px;
    content: "";
    text-align: left;
    border-radius: 8px 0px 0px 8px;
    border-right: 4px solid #fbfbfb;
}

.nav-sidebar > li.active > a {
}

.nav-sidebar > li > a {
    padding: 6px 12px;
    margin-top: 5px;
    margin-bottom: 5px;
    padding-left: 5px;
}

.nav-sidebar > li.nav-learn > a {
    font-size: 14px;
}

.nav-sidebar > li.nav-learn .icon-dash {
    width: 20px;
    height: 20px;
}

@media (min-width: 992px) and (max-width: 1032px) {
    .nav-tabs > li > a {
        padding: 13px 5px;
    }
}

.tool-tip.sele {
    border: 1px solid #ccc;
}

.navbar-inverse .navbar-toggle {
    border-color: #fff;
}

    .navbar-inverse .navbar-toggle .icon-bar {
        background-color: #5d5764;
    }

.log-box a.tool-tip {
    display: none;
}

@media (min-width: 768px) {
    #modal-add .modal-dialog {
        width: 400px;
        margin: 30px auto;
    }
}

span.caret.pull-right.mt05 {
    margin-top: 7px;
}

.icon-connect {
    display: inline-block;
    vertical-align: middle;
    margin: 5px;
    margin-right: 1px;
    margin-left: 2px;
    transition: background 70ms ease-in 70ms;
}

.follow .icon-connect {
    width: 19px;
    height: 20px;
    background-image: url(/img/connect-icon-follow.svg);
    background-size: 19px 20px;
}

    .follow .icon-connect:hover {
        background-image: url(/img/connect-icon-follow-hover.svg);
    }

    .follow .icon-connect:focus {
        background-image: url(/img/connect-icon-follow-active.svg);
    }

.follow.active .icon-connect {
    background-image: url(/img/connect-icon-follow-active.svg);
}

.btn-group.open .follow .icon-connect {
    background-image: url(/img/connect-icon-follow-hover.svg);
}

.type .icon-connect {
    width: 19px;
    height: 21px;
    background-image: url(/img/connect-icon-type.svg);
    background-size: 19px 20px;
    background-position-y: 1px;
    background-repeat: no-repeat;
}

    .type .icon-connect:hover {
        background-image: url(/img/connect-icon-type-hover.svg);
    }

    .type .icon-connect:focus {
        background-image: url(/img/connect-icon-type-active.svg);
    }

.type.active .icon-connect {
    background-image: url(/img/connect-icon-type-active.svg);
}

.btn-group.open .type .icon-connect {
    background-image: url(/img/connect-icon-type-hover.svg);
}

.scripts .icon-connect {
    width: 19px;
    height: 20px;
    background-image: url(/img/connect-icon-scripts.svg);
    background-position-y: 0px;
    background-repeat: no-repeat;
}

    .scripts .icon-connect:hover {
        background-image: url(/img/connect-icon-scripts-hover.svg);
    }

.icon-btn {
    padding: 5px;
    color: #5d5764;
    font-weight: 400;
    outline: none;
}

    .icon-btn:focus {
        outline: none;
        text-decoration: none;
    }

.log-controls-container .btn-group.open .dropdown-toggle {
    box-shadow: none;
}

.log-controls {
    text-align: left;
}

.log-controls-container {
    display: inline-block;
    margin-bottom: 10px;
}

.connect-type-btn {
    padding: 15px 0 0 10px;
}

.mobile-connect-container .connect-type-btn {
    padding: 15px 0 0 0px;
}

.mobile-connect-container textarea.log-area {
    border: none !important;
}

.mobile-connect-container .btn-plain {
    font-size: 16px;
    padding-left: 4px;
}

.btn-plain {
    color: #21b3e7;
    background: none;
    border: none;
    box-shadow: none;
    font-weight: 500;
    padding: 1px 6px;
}

.menu-con .btn-plain {
    padding: 0;
}

.log-box textarea#ActivityNotes {
    padding-top: 2px;
}

.icon-btn span {
    font-size: 12px;
}

.dropdown-menu > li > a {
    font-weight: 500;
    color: #5d5764;
    padding: 3px 20px 3px 20px;
}

.pull-left.mobile-list .dropdown-menu > li > a {
    font-weight: 500;
    color: #5d5764;
    padding: 4px 20px 4px 30px;
    font-size: 16px;
}

.pull-left.mobile-list .dropdown-menu li span {
    padding-left: 10px;
    padding-top: 10px;
}

.dropdown-menu.select-menu > li > a {
    padding: 3px 20px 3px 30px;
}

.dropdown-menu .divider {
    margin: 4px 0;
    background-color: #efefef;
}

.dropdown-menu .space.divider {
    margin-left: 30px;
}

.dropdown-menu > li.active > a {
    padding: 4px 20px 4px 30px;
    font-weight: 500;
    color: #333135;
    background: none;
}

.dropdown-menu > li.active:hover > a {
    background: none;
    color: #333135;
}

.dropdown-menu > li.active > a:before {
    content: "\e013";
    position: relative;
    top: -1px;
    display: inline-block;
    font-family: "Glyphicons Halflings";
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    margin-left: -20px;
    padding-right: 10px;
    font-size: 10px;
    color: #2bc6c4;
}

.dropdown-menu > li.active > .form-group .drop-input:before {
    content: "\e013";
    position: absolute;
    top: 10px;
    display: inline-block;
    font-family: "Glyphicons Halflings";
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    margin-left: 9px;
    font-size: 10px;
    color: #2bc6c4;
}

.dropdown-menu {
    padding: 7px 0;
    margin: 2px 0 0;
}

.btn-group.connect-type-btn.open .dropdown-toggle {
    box-shadow: none;
    color: #5d5764;
}

.icon-add-user {
    height: 18px;
    width: 20px;
    color: #fff;
    margin-top: -6px;
    margin-right: -4px;
}

.icon-add-tag {
    height: 16px;
    width: 16px;
    border-radius: 0 !important;
    float: left;
    margin: 0 0 0 2px;
}

.filter-con .type-container {
    text-align: left;
    display: inline-block;
    width: 100%;
}

.icon-con {
    vertical-align: top;
    margin-top: 9px;
}

.tag-con {
    min-width: 80%;
}

.menu-con {
    margin-top: 8px;
    font-size: 17px;
}

.tag-editor .tag-editor-spacer {
    width: 2px !important;
}

#team-left-pane .control-container {
    padding-right: 0px;
    background-color: #fafafa;
}

#team-left-pane .filter-container {
    padding-right: 0px;
    padding-top: 6px;
    padding-bottom: 6px;
}

#team-right-pane .icon-add-tag {
    margin-top: 2px;
    margin-left: -3px;
    margin-right: 4px;
    position: absolute;
    left: 15px;
    margin-right: 15px;
}

#team-right-pane #details .form-control {
    border-radius: 0;
    padding-left: 0px;
    margin-left: 10px;
}

.menu-con {
    float: right;
}

@media (max-width: 767px) {
    .menu-con {
        margin: -4px -11px 0px 0px;
        float: none;
    }

    .mobile-options .menu-con {
        color: #5d5764;
    }

    .mobile-options .btn-plain span {
        padding: 16px 30px 13px 8px;
        margin-top: 3px;
    }

    .mobile-options .menu-con a {
        color: #5d5764;
    }

    #team-left-pane .filter-container {
        padding-top: 6px;
        padding-bottom: 6px;
    }

    li.setBulkType .bulkType {
        padding-left: 0px;
    }

    .tool-tip.sele {
        border: 1px solid #ccc;
        float: right;
        height: 15px;
        margin-top: 14px !important;
        line-height: 1.1;
    }

    .grpOptions {
        padding-top: 12px !important;
    }
}

.save-status {
    text-align: right;
    position: absolute;
    z-index: 23;
    right: 0;
}

.save-bar {
    margin: 25px 15px -10px 10px;
    border-bottom: 1px dashed #ffd770;
    display: block;
    height: 38px;
}

    .save-bar .btn-plain {
        outline: none;
    }

        .save-bar .btn-plain:active {
            color: #4b69e2;
        }

        .save-bar .btn-plain.off {
            color: #999999;
        }

    .save-bar .save-status {
        right: 12px;
    }

#team-right-pane textarea.log-area {
    padding-top: 5px;
}

.backdate-box .input-group-addon {
    font-weight: 500;
}

.social-link {
    display: none;
    color: #ccc;
}

.details-lable a:hover .social-link {
    display: inline-block;
    position: absolute;
    left: 15px;
}

.twitter-link,
.facebook-link,
.instagram-link,
.linkedin-link,
.email-link,
.phone-link {
    color: #777777;
}

    .twitter-link:hover,
    .facebook-link:hover,
    .instagram-link:hover,
    .linkedin-link:hover,
    .email-link:hover,
    .phone-link:hover {
        color: #2bc6c4;
    }

#instagram[href=""],
#twitter[href=""],
#facebook[href=""],
#linkedin[href=""],
#m-instagram[href=""],
#m-twitter[href=""],
#m-facebook[href=""],
#m-linkedin[href=""] {
    display: none;
}

.log-container .tag-editor {
    padding: 0px 5px 6px 0 !important;
    margin-top: -4px;
    margin-left: -4px;
}

.log-container .tag-cont .tag-editor .placeholder {
    padding: 7px 0 4px 4px !important;
}

@media (max-height: 785px) {
    .my-why {
        position: static;
        max-height: none;
        overflow-y: auto;
        width: 100%;
        margin-right: 0px !important;
    }
}

.stripe-button-el,
.stripe-button-el span {
    overflow: hidden;
    background-image: none !important;
    background: #21b3e7 !important;
    border: 0;
    padding: 1px;
    text-decoration: none;
    border-radius: 5px;
    box-shadow: none !important;
    text-shadow: none !important;
}

.stripe-button-el-mimmick span {
    font-size: 18px;
    font-weight: bold;
}

.stripe-button-el-mimmick {
    overflow: hidden;
    display: inline-block;
    visibility: visible !important;
    background-image: none !important;
    background: #21b3e7 !important;
    -webkit-font-smoothing: antialiased;
    border: 0;
    padding: 10px;
    text-decoration: none;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 0 1px 0 rgba(0,0,0,0.2);
    -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);
    -ms-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);
    -o-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);
    box-shadow: none !important;
    text-shadow: none !important;
    -webkit-touch-callout: none;
    -webkit-tap-highlight-color: transparent;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
    cursor: pointer;
}

#ContentPlaceHolder1_divPlanOptions .col-sm-12.mt-40.mb-40.text-center {
    display: none;
}

.sub-side .btn-plain {
    color: #aaaaaa;
    border-radius: 6px;
}

.sub-side .btn-sm {
    border-radius: 4px;
}

.sub-side .btn-default {
    color: #5d5764;
    font-weight: 500;
    border-radius: 6px;
}

    .sub-side .btn-default:hover {
        color: #5d5764;
        background: #fff;
    }

.side-bar-wide {
    padding: 7px 10px;
}

img.icon-last-activity {
    border-radius: 0 !important;
    margin-top: -1px;
}

#team-left-pane .sortDir {
    float: right;
}

/*.follow.icon-btn #chkFollowUp {
    display:none;
}

.follow.icon-btn.active #chkFollowUp {
    display:inline-block;
}*/

.icon-btn span {
    color: #999999;
}

.icon-btn.active span {
    color: #5d5764;
    font-weight: 500;
}

@media (min-width: 768px) and (max-width: 991px) {
    .upnext-list .contact-list li span.lc-date {
        float: none;
        /*display: block;*/
    }

    /*.upnext-list .contact-list li.selected span.lc-date {
    display: none;
}
    .upnext-list .contact-list li.selected span.lc-date.fup {
    display: block;
}*/

    .upnext-list li span.lc-date:after,
    .upnext-list li span#connect-skip:after {
        right: 10px;
        top: 24px;
        position: absolute;
        display: none;
    }

    .upnext-list li {
        position: relative;
    }

        .upnext-list li #connect-skip {
            position: absolute;
            text-align: left;
            top: 14px;
            right: -15px;
            width: 40px;
        }

            .upnext-list li #connect-skip:after {
                content: "Skip";
                position: absolute;
                top: 0;
                left: 0;
                right: 0;
                bottom: 0;
                background: #f9f9f9;
                padding-top: 10px;
            }

        .upnext-list li.follow-item .connect #connect-skip {
            right: -10px;
        }

        .upnext-list li.follow-item #connect-skip:after {
            content: "Delete";
        }

    .upnext-list .contact-list > li {
        padding: 15px 23px 23px 12px;
        height: 65px;
    }

        .upnext-list .contact-list > li .list-rank-container {
            float: left;
            margin-bottom: 20px;
        }

    .btn-group.grpOptions {
        margin-top: 8px !important;
    }
}

.mobile-list .section-title.btn-mobile-sort {
    padding-right: 12px;
    padding-left: 12px;
}

.mobile-list.btn-group {
    transition: all 0.4s ease-in;
    box-shadow: none;
}

    .mobile-list.btn-group:active {
        background: #f6f6f6;
        transition: none;
        box-shadow: none;
    }

    .mobile-list.btn-group .dropdown-toggle {
        transition: all 0.4s ease-in;
        box-shadow: none;
    }

        .mobile-list.btn-group .dropdown-toggle:active {
            background: #f6f6f6;
            transition: none;
            box-shadow: none;
        }

.btn-group > .btn:first-child {
    margin-left: -3px;
}

.modal-mobile-list .team-mobile-list {
    height: auto;
    max-height: none;
    overflow-x: auto;
}

    .modal-mobile-list .team-mobile-list li {
        list-style: none;
        padding: 8px 10px 8px 0px;
        font-size: 15px;
        color: #999999;
    }

    .modal-mobile-list .team-mobile-list a {
        color: #5d5764;
        font-size: 17px;
        font-weight: 500;
        padding-left: 10px;
    }

    .modal-mobile-list .team-mobile-list li {
        transition: all 0.4s ease-in;
        box-shadow: none;
    }

        .modal-mobile-list .team-mobile-list li:active {
            background: #f6f6f6;
            transition: none;
            box-shadow: none;
        }

    .modal-mobile-list .team-mobile-list > li.active > a:before {
        content: "\e013";
        position: relative;
        top: -1px;
        display: inline-block;
        font-family: "Glyphicons Halflings";
        font-style: normal;
        font-weight: 400;
        line-height: 1;
        -webkit-font-smoothing: antialiased;
        margin-left: -20px;
        padding-right: 10px;
        font-size: 10px;
        color: #2bc6c4;
    }

.modal-mobile-list .modal-content {
    height: 100%;
}

.modal-mobile-list .modal-dialog {
    margin: 0;
}

@media (max-width: 767px) {

    #modal-add .modal-content,
    #modal-add .modal-dialog {
        height: 100%;
    }
}

@media (min-width: 768px) {
    .team-page .modal-mobile-list .modal-dialog {
        width: 300px;
    }

    .modal-mobile-list .modal-title {
        display: inline-block;
        margin-left: 15px;
    }
}

.plan-box .callout {
    top: -9px;
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
}

    .plan-box .callout span {
        background: #21b3e7;
        padding: 3px 15px;
        border-radius: 16px;
        color: #fff;
    }

.team-page .type-container .btn-group.mb10 .dropdown-menu:after {
    left: auto;
    right: 13px;
}

.team-page .type-container .btn-group.mb10 .dropdown-menu {
    left: auto;
    right: 0;
}

.course-list li a {
    display: flex;
    justify-content: flex-start;
    transition: all 0.9s ease-out;
}

.course-list li:active {
    background: #f9f9f9;
    transition: all 0.9s ease-out;
}

.course-list li:visited {
    text-decoration: none !important;
}

.bottom-sidebar {
    background: #fff;
    margin-left: -15px;
    margin-right: -15px;
}

.course-list .icon {
    height: 24px;
    width: 24px;
    background: #cccccc;
    vertical-align: top;
    padding: 10px;
    margin-top: 8px;
    padding-right: 25px;
}

.course-info span,
.course-info a {
    display: block;
}

.course-list span {
    color: #999;
}

.course-list li.locked .icon {
    background: url(/Img/icon-locked.svg) no-repeat;
}

.course-list li .icon {
    background: url(/Img/icon-unlocked.svg) no-repeat;
}

.course-list li:hover .icon {
    background: url(/Img/icon-unlocked-hover.svg) no-repeat;
}

.course-list li.locked .icon {
    background: url(/Img/icon-locked.svg) no-repeat;
    background-position-x: 3px;
}

.course-list li.active .icon {
    background: url(/Img/icon-unlocked-hover.svg) no-repeat;
}

.course-list li.fb-group .icon {
    background: url(/Img/icon-fb-group.svg) no-repeat;
    padding-right: 15px;
}

.course-list li.fb-group {
    margin-bottom: 20px;
    border-bottom: 1px solid #efefef;
    padding-bottom: 12px;
    color: #2bc6c4;
}

    .course-list li.fb-group p {
        color: #2182cc;
    }

    .course-list li.fb-group .course-item {
        align-self: center;
    }

.course-info {
    background-color: #fff;
    font-size: 16px;
}

    .course-info span {
        color: #999;
        font-size: 13px;
    }

.course-nav-container {
    background-color: #fff;
    display: flex;
    justify-content: space-between;
    cursor: pointer;
    padding: 15px;
}

    .course-nav-container:active {
        background-color: #f9f9f9;
    }

    .course-nav-container h4 {
        margin-top: 0px;
        margin-bottom: 0px;
    }

    .course-nav-container span {
        color: #999;
    }

    .course-name,
    .course-nav-container .caret {
        align-self: center;
        margin-right: 10px;
    }

    .course-nav-container .caret {
    }

.bg-splash {
    /*background-image: linear-gradient(45deg, #2182cc 0%, #FF4A90 100%);*/
    background-color: #ffda79;
    height: 229px;
    width: 100%;
    position: absolute;
    z-index: -1000;
}

.bg2-splash {
    background-color: #FFE8E8;
    height: 229px;
    width: 100%;
    position: absolute;
    z-index: -1000;
}

.splash-text span {
    opacity: 0.7;
    font-weight: 600;
}

.splash-text h3 {
    color: #ffffff;
    margin-top: 0px;
}

body.bootcamp {
    background: #fff;
}

    body.bootcamp a {
        color: #2182cc;
        text-decoration: none;
    }

.sb-container {
    margin-top: 0px;
}

.cc-container {
    margin-top: -180px;
}

.course-list .course-item p {
    margin-bottom: 0px;
    /*white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;*/
}

.course-list li a {
    padding-top: 10px;
    padding-bottom: 10px;
}

.course-list {
    padding: 15px;
}

@media (max-width: 991px) {
    .cc-container {
        margin-top: -60px;
    }

    .splash-text {
        margin-top: 20px;
    }
}

.bootcamp .youtube::before,
.bootcamp .youtube::after {
    display: none;
}

.cc-container .course-item {
    cursor: auto;
}

.bootcamp-splash {
    position: fixed;
    display: none;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.85);
    z-index: 99;
}

.bootoverlaytext {
    position: absolute;
    font-family: "roboto", Helvetica, Arial, sans-serif;
    top: 50%;
    left: 50%;
    font-size: 25px;
    color: white;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
}

.checkout-button {
    font-size: large;
    overflow: hidden;
    background-image: none !important;
    background: #ffda79 !important;
    border: 1px solid #ffb800;
    padding: 10px;
    text-decoration: none;
    border-radius: 5px;
    box-shadow: none !important;
    text-shadow: none !important;
    color: #5d5764 !important;
}

.checkout-button-bootcamp2 {
    font-size: large;
    overflow: hidden;
    background-image: none !important;
    background: #FFE8E8 !important;
    border: 1px solid #FFAFAF;
    padding: 10px;
    text-decoration: none;
    border-radius: 5px;
    box-shadow: none !important;
    text-shadow: none !important;
    color: #5d5764 !important;
}

.wiz-container {
    padding-bottom: 30px;
}

.university h4 span {
    color: #5d5764;
}

span#ContentPlaceHolder1_lblContentFullDescription {
    margin: 0 0 10px;
    font-size: 16px;
    color: #5d5764;
}

.splash-university {
    background: url("../Img/bg-pattern.jpg");
    font-size: 18px;
}

    .splash-university p {
        font-size: 16px;
    }

.section-divider {
    margin-top: 25px;
}

    .section-divider .divider {
        width: 100%;
        height: 4px;
        background-color: #000;
        margin-bottom: -20px;
        opacity: 0.1;
    }

    .section-divider .divider-title-box {
        background-color: #faf9fb;
        position: relative;
        margin: auto;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        padding: 5px 20px;
        margin-right: 30%;
        margin-left: 30%;
    }

.start-here {
    position: absolute;
    z-index: 3;
    margin-left: -70px;
    margin-top: -80px;
}

.alert-pink {
    color: #21b3e7;
    background-color: #fff0f5;
    border-color: #fdcbdd;
}

.alert-pink {
    color: #21b3e7;
    background-color: #fff0f5;
    border-color: #fdcbdd;
}

    .alert-pink a {
        color: #21b3e7;
        text-decoration: underline;
        font-weight: bold;
    }

.course-locked {
    position: absolute;
    right: 30px;
    top: 2px;
    padding: 6px;
    border-radius: 10px;
    background: #5d5764;
}

@media (max-width: 767px) {
    .name-container {
        width: 100%;
        text-align: center !important;
        padding-bottom: 20px;
    }

        .name-container span {
            font-size: 100% !important;
        }

        .name-container div {
            font-size: 100% !important;
        }

        .name-container .chart-name {
            font-size: 15px !important;
        }

    .name-box {
        height: auto;
    }
}

.modal.message .modal-header {
    background: #2bc6c4;
    text-align: center;
    padding: 80px 0 80px 0;
    border-radius: 16px 16px 0 0;
}

    .modal.message .modal-header .modal-title {
        color: #fff;
        font-size: 24px;
    }

.modal.message .modal-content {
    border-radius: 16px;
}

.modal.message .modal-dialog {
    max-width: 500px;
}

.yellow-bg {
    background: #ffda79;
}

.no-bullets {
    list-style-type: none;
    padding-left: 26px;
    font-size: 16px;
}

    .no-bullets span.glyphicon {
        margin-left: -27px;
        padding-right: 8px;
    }

.checklist li {
    display: block;
    margin-bottom: 8px;
}

    .checklist li:before {
        /*Using a Bootstrap glyphicon as the bullet point*/
        content: "\e013";
        font-family: "Glyphicons Halflings";
        font-size: 11px;
        float: left;
        margin-top: 4px;
        margin-left: -17px;
        color: #ffb800;
    }

.checklist-bc li {
    display: block;
    margin-bottom: 8px;
}

    .checklist-bc li:before {
        /*Using a Bootstrap glyphicon as the bullet point*/
        content: "\e013";
        font-family: "Glyphicons Halflings";
        font-size: 11px;
        float: left;
        margin-top: 4px;
        margin-left: -17px;
        color: #FFAFAF;
    }

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

/* SETUP WIZARD */
*,
:after,
:before {
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    -moz-osx-font-smoothing: grayscale;
    font-smoothing: antialiased;
}

.setup-wizard {
    background: #fff;
    padding-top: 0px;
    max-width: none;
}

.setup-wizard .icon img{
    width: 30px;
}

.sync-technical-req {
    background-color: #deeff8;
    padding: 20px;
    border-radius: 20px;
    margin-bottom: 40px;
}

.sync-technical-req h4 {
    font-size: 16px;
}

.setup-wizard .section img {
    border-radius: 0;
}

    .setup-wizard .wiz-container {
        padding-bottom: 0;
        max-width: 500px;
        margin: auto;
    }

    .setup-wizard .font-1 {
        font-size: 28px;
    }

    .setup-wizard .font-2 {
        font-size: 22px;
    }

    .setup-wizard .font-3 {
        font-size: 18px;
    }

    .setup-wizard .font-4 {
        font-size: 16px;
    }

    .setup-wizard .font-5 {
        font-size: 14px;
    }

    .setup-wizard .weight-7 {
        font-weight: 700;
    }

    .setup-wizard .grey-1 {
        color: #5d5964;
    }

    .setup-wizard .grey-2 {
        color: #999999;
    }

    .setup-wizard .grey-3 {
        color: #e6e6e6;
    }

    .setup-wizard .grey-4 {
        color: #fafafa;
    }

    .setup-wizard .grey-5 {
        color: #777777;
    }

    .setup-wizard .grey-1-bg {
        background: #5d5964;
    }

    .setup-wizard .grey-2-bg {
        background: #999999;
    }

    .setup-wizard .grey-3-bg {
        background: #e6e6e6;
    }

    .setup-wizard .grey-4-bg {
        background: #fafafa;
    }

    .setup-wizard .grey-5-bg {
        background: #777777;
    }

    .setup-wizard .blue {
        color: #2bc6c4;
    }

    .setup-wizard .purple {
        color: #2182cc;
    }

    .setup-wizard .pink {
        color: #21b3e7;
    }

    .setup-wizard .green {
        color: #21b3e7;
    }

    .setup-wizard .blue-bg {
        background: #2bc6c4;
    }

    .setup-wizard .purple-bg {
        background: #2182cc;
    }

    .setup-wizard .pink-bg {
        background: #21b3e7;
    }

    .setup-wizard .green-bg {
        background: #21b3e7;
    }

    .setup-wizard .blue-gradient,
    .cupertino .gradient.blue-gradient {
        background: rgb(22, 86, 135);
        background: linear-gradient(141deg, rgba(33, 130, 204, 1) 0%, rgba(33, 130, 204, 1) 50%, rgba(22, 86, 135, 1) 100%);
    }

    .setup-wizard .purple-gradient,
    .cupertino .gradient.purple-gradient {
        background: #2182cc;
    }

    .setup-wizard .pink-gradient,
    .cupertino .gradient.pink-gradient {
        background: rgb(138, 113, 255);
        background: linear-gradient(140deg, rgba(138, 113, 255, 1) 0%, rgba(151, 109, 243, 1) 47%, rgba(255, 74, 144, 1) 100%);
    }

    .setup-wizard .green-gradient,
    .cupertino .gradient.green-gradient {
        background: rgb(210, 213, 89);
        background: linear-gradient(140deg, rgba(210, 213, 89, 1) 0%, rgba(139, 205, 139, 1) 47%, rgba(112, 202, 159, 1) 100%);
    }

    .setup-wizard .flex {
        display: flex;
    }

    .setup-wizard .flex-jcsb {
        justify-content: space-between;
    }

    .setup-wizard .flex-jcc {
        justify-content: center;
    }

    .setup-wizard .flex-jcfs {
        justify-content: flex-start;
    }

    .setup-wizard .flex-jcfe {
        justify-content: flex-end;
    }

    .setup-wizard .flex-asc {
        align-self: center;
    }

    .setup-wizard .main {
        padding-top: 50px;
    }

    .setup-wizard .logo-container {
        margin-bottom: 88px;
    }

    .setup-wizard .section {
        box-shadow: none;
    }

    .setup-wizard .circlecloser-logo-svg {
        margin: auto;
        display: block;
        max-width: 133px;
    }

    .setup-wizard .main-heading {
        color: #5d5964;
        font-size: 28px;
        font-weight: 700;
        margin-top: 0;
        margin-bottom: 20px;
    }

    .setup-wizard p {
        max-width: 500px;
        margin: auto;
    }

    .setup-wizard p,
    .setup-wizard .btnPrevious {
        color: #999999;
        font-size: 18px;
        font-weight: 500;
    }

    .setup-wizard .currency{
        display: flex;
    }

    .setup-wizard .currency::before {
        display: flex;
        float: left;
        content: "";
        background: url(../img/currency.png);
        height: 42px;
        width: 42px;
    }

.setup-wizard .income-per-sale{
    display: flex;
    font-size: 18px;
}

.setup-wizard .btn-controls {
    margin: 40px 0 40px;
}

        .setup-wizard .btn-controls .btn[disabled] {
            background: #c3c3c3;
        }

    .setup-wizard .btn-controls-col {
        width: 50%;
    }

    .setup-wizard .savebutton {
        width: 100%;
    }

    .setup-wizard .btnNext {
        color: #fff;
        font-size: 16px;
        font-weight: 500;
        border-radius: 25px;
        display: block;
        max-width: 124px;
        text-align: center;
        float: right;
        width: 100%;
        background: #2182cc;
        padding: 12px 10px;
    }

    .setup-wizard .btnSync-container {
        display:block;
        margin-top: 40px;
    }

    .setup-wizard .btnSync {
        color: #fff;
        font-size: 16px;
        font-weight: 500;
        border-radius: 25px;
        max-width: 124px;
        text-align: center;
        width: 100%;
        background: #2182cc;
        padding: 12px 20px 12px 20px;
    }

    .setup-wizard .purple-bg.upload-btn {
        background: #444249;
    }

    .setup-wizard .skipNow {
        color: #5d5764;
        font-size: 16px;
        font-weight: 500;
        background: none transparent;
        border-radius: 25px;
        display: block;
        max-width: 124px;
        padding: 14px 0;
        text-align: right;
        float: right;
        width: 100%;
    }

        .setup-wizard .skipNow:active {
            box-shadow: none;
        }

    .setup-wizard .nav-tabs {
        clear: both;
        text-align: center;
        margin: auto;
        border-bottom: 0;
    }

        .setup-wizard .nav-tabs > li {
            float: none;
            display: inline-block;
            height: 10px;
            width: 10px;
            border-radius: 5px;
            background: #e6e6e6;
            margin-right: 10px;
        }

            .setup-wizard .nav-tabs > li:last-of-type {
                margin-right: 0;
            }

            .setup-wizard .nav-tabs > li.active {
                background: #5d5964;
            }

            .setup-wizard .nav-tabs > li a {
                padding: 0;
                height: 100%;
                width: 100%;
            }

            .setup-wizard .nav-tabs > li > a::after {
                display: none;
            }

    .setup-wizard #wiz-goals .wiz-inner-container {
        max-width: 388px;
        margin: auto;
    }

        .setup-wizard #wiz-goals .wiz-inner-container h3 {
            font-size: 18px;
            font-weight: 700;
            color: #5d5964;
            margin-top: 0;
            margin-bottom: 22px;
        }

        .setup-wizard #wiz-goals .wiz-inner-container p {
            margin-bottom: 40px;
        }

    .setup-wizard #wiz-start p {
        margin-bottom: 10px;
        position: relative;
    }



    .setup-wizard .connects-container {
        margin-bottom: 30px;
    }

    .setup-wizard .connect-circle {
        height: 100px;
        width: 100px;
        border: 6px solid #e6e6e6;
        border-radius: 50%;
        margin-bottom: 20px;
    }

    .setup-wizard .connect-number {
        font-size: 28px;
        font-weight: 700;
    }

    .setup-wizard .connect-type {
        font-size: 16px;
        font-weight: 700;
    }

    .setup-wizard #slider-output {
        display: block;
        color: #2182cc;
        font-size: 24px;
        font-weight: 700;
        text-align: left;
        margin: 0;
        width: 100%;
    }

        .setup-wizard #slider-output::before {
            content: "$";
        }

    .setup-wizard .slider-output {
        margin-top: 12px;
    }

        .setup-wizard .slider-output output {
            padding-top: 0;
        }

    .setup-wizard .output-data {
        width: 50%;
    }

    .setup-wizard .rangeslider,
    .setup-wizard .rangeslider__fill {
        display: block;
        -moz-border-radius: 10px;
        -webkit-border-radius: 10px;
        border-radius: 10px;
    }

    .setup-wizard .rangeslider {
        background: #e6e6e6;
        position: relative;
        transition: all 0.5s;
    }

    .setup-wizard .rangeslider--horizontal {
        height: 20px;
        width: 100%;
    }

    .setup-wizard .rangeslider--vertical {
        width: 20px;
        min-height: 150px;
        max-height: 100%;
    }

    .setup-wizard .rangeslider--disabled {
        filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40);
        opacity: 0.4;
    }

    .setup-wizard .rangeslider__fill {
        position: absolute;
        -moz-box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.3);
        -webkit-box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.3);
        box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.3);
    }

    .setup-wizard .rangeslider--horizontal .rangeslider__fill {
        top: 0;
        height: 100%;
    }

    .setup-wizard .rangeslider--vertical .rangeslider__fill {
        bottom: 0;
        width: 100%;
    }

    .setup-wizard .rangeslider__handle {
        cursor: -webkit-grab;
        cursor: grab;
        display: inline-block;
        width: 40px;
        height: 40px;
        position: absolute;
        box-shadow: 0 0 8px rgba(0, 0, 0, 0.3);
        -moz-border-radius: 50%;
        -webkit-border-radius: 50%;
        border-radius: 50%;
    }

        .setup-wizard .rangeslider__handle:active,
        .setup-wizard .rangeslider--active .rangeslider__handle {
            background: #2182cc;
        }

    .setup-wizard .rangeslider--horizontal .rangeslider__handle {
        top: -10px;
        touch-action: pan-y;
        -ms-touch-action: pan-y;
    }

    .setup-wizard .rangeslider--vertical .rangeslider__handle {
        left: -10px;
        touch-action: pan-x;
        -ms-touch-action: pan-x;
    }

    .setup-wizard input[type="range"]:focus + .rangeslider .rangeslider__handle {
        -moz-box-shadow: 0 0 8px rgba(255, 0, 255, 0.9);
        -webkit-box-shadow: 0 0 8px rgba(255, 0, 255, 0.9);
        box-shadow: 0 0 8px rgba(255, 0, 255, 0.9);
    }

    .setup-wizard #wizImport .buttons-container .btn {
        border-radius: 24px;
        line-height: 1.1;
        font-weight: 500;
        padding: 8px 24px 8px 71px;
        position: relative;
    }

        .setup-wizard #wizImport .buttons-container .btn .icon {
            height: 47px;
            width: 47px;
            position: absolute;
            top: 0;
            left: 0;
            border-radius: 50%;
            border: 4px solid #f8f8f8;
        }

    .setup-wizard #wizImport p {
        margin-bottom: 40px;
    }

    .setup-wizard #wizImport .buttons-container {
        margin-bottom: 38px;
    }

    .setup-wizard #wizImport .box-container label,
    .box__error,
    .box__error_server,
    .box__success,
    .box__uploading {
        font-size: 16px;
        font-weight: 500;
        color: #777777;
    }

    .setup-wizard #wizImport .box-container .upload-btn object {
        width: 18px;
        height: 15px;
    }

    .setup-wizard #wizImport .box-container .box__error object,
    .setup-wizard #wizImport .box-container .box__error_server object {
        width: 29px;
        height: 28px;
        margin: 0 auto 24px;
        display: block;
    }

    .setup-wizard #wizImport .box-container .upload-btn {
        color: #fff;
        display: block;
        padding: 14px 15px;
        border-radius: 25px;
        margin-top: 16px;
    }

.box-container {
    font-size: 1.25rem;
    /* 20 */
    background: #fafafa;
    position: relative;
    padding: 30px 70px;
}

.box.has-advanced-upload .box-container {
    border: 2px dashed #cccccc;
    transition: outline-offset 0.15s ease-in-out, background-color 0.15s linear;
    border-radius: 8px;
}

.box.is-dragover .box-container {
    outline-offset: -20px;
    outline-color: #c8dadf;
    background-color: #fff;
}

.box__dragndrop,
.box__icon {
    display: none;
}

.box.has-advanced-upload .box__dragndrop {
    display: inline;
}

.box.has-advanced-upload .box__icon {
    width: 100%;
    height: 80px;
    fill: #92b0b3;
    display: block;
    margin-bottom: 40px;
}

.box.is-uploading .box__input,
.box.is-success .box__input,
.box.is-error .box__input {
    visibility: hidden;
}

.box__uploading,
.box__success,
.box__error,
.box__error_server {
    display: none;
}

.box.is-uploading .box__uploading,
.box.is-success .box__success,
.box.is-error .box__error,
.box.is-error_server .box__error_server {
    display: block;
}

.box__uploading {
    font-style: italic;
}

.box__success {
    -webkit-animation: appear-from-inside 0.25s ease-in-out;
    animation: appear-from-inside 0.25s ease-in-out;
}

@-webkit-keyframes appear-from-inside {
    from {
        -webkit-transform: translateY(-50%) scale(0);
    }

    75% {
        -webkit-transform: translateY(-50%) scale(1.1);
    }

    to {
        -webkit-transform: translateY(-50%) scale(1);
    }
}

@keyframes appear-from-inside {
    from {
        transform: translateY(-50%) scale(0);
    }

    75% {
        transform: translateY(-50%) scale(1.1);
    }

    to {
        transform: translateY(-50%) scale(1);
    }
}

.box__restart {
    font-weight: 700;
    margin: 22px auto 0;
    display: block;
}

    .box__restart:focus,
    .box__restart:hover {
        color: #39bfd3;
    }

.js .box__file {
    width: 0.1px;
    height: 0.1px;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    z-index: -1;
}

    .js .box__file + label {
        max-width: 80%;
        text-overflow: ellipsis;
        white-space: nowrap;
        cursor: pointer;
        display: inline-block;
        overflow: hidden;
    }

        .js .box__file + label:hover strong,
        .box__file:focus + label strong,
        .box__file.has-focus + label strong {
            color: #39bfd3;
        }

    .js .box__file:focus + label,
    .js .box__file.has-focus + label {
        outline: 1px dotted #000;
        outline: -webkit-focus-ring-color auto 5px;
    }

    .js .box__file + label * {
        /* pointer-events: none; */
        /* in case of FastClick lib use */
    }

.no-js .box__file + label {
    display: none;
}

.no-js .box__button {
    display: block;
}

.box__button {
    font-weight: 700;
    color: #e5edf1;
    background-color: #39bfd3;
    display: none;
    padding: 8px 16px;
    margin: 40px auto 0;
}

    .box__button:hover,
    .box__button:focus {
        background-color: #0f3c4b;
    }

.setup-wizard #wizImport2 .wiz-container {
    max-width: 425px;
}

    .setup-wizard #wizImport2 .wiz-container object {
        width: 50px;
        height: 42px;
        margin: 0 auto 48px;
    }

.setup-wizard #wizImport2 p {
    margin-bottom: 60px;
}

.setup-wizard #wizImport2 #advOptions {
    border: 2px solid #efefef;
    border-radius: 8px;
    padding: 8px;
    margin-bottom: 60px;
}

    .setup-wizard #wizImport2 #advOptions .bb {
        border-bottom: 2px solid #efefef;
    }

.setup-wizard #wizImport2 .help-a {
    font-size: 16px;
    font-weight: 500;
}

.setup-wizard #wiz-mapping .table,
.setup-wizard #wiz-mapped-data .table {
    border-radius: 8px;
    border: 2px solid #efefef;
    border-collapse: unset;
    max-width: 780px;
    margin: 80px auto 0;
}

.setup-wizard #wiz-mapping-success .wiz-container object {
    margin-bottom: 50px;
}

.setup-wizard #wiz-import-progress .import-process-error {
    display: none;
}

    .setup-wizard #wiz-import-progress .import-process-error object {
        margin: 0 0 50px;
        width: 50px;
    }

.setup-wizard #wiz-launch p {
    margin-bottom: 40px;
}

.setup-wizard #wiz-launch .wiz-container object {
    width: 171px;
    height: 174px;
    margin: auto;
}

.setup-wizard #wiz-launch h2 {
    margin-top: 75px;
}

.setup-wizard #wiz-launch .btnNext {
    max-width: 181px;
}

@media (max-width: 767px) {
    .setup-wizard .logo-container {
        display: none;
    }

    .setup-wizard .main {
        padding: 0;
    }

    .setup-wizard .tab-content {
        padding: 40px 52px;
    }
}

@media (max-width: 480px) {
    .setup-wizard .connect-circle {
        height: 80px;
        width: 80px;
    }

    .setup-wizard #wizImport .buttons-container {
        flex-wrap: wrap;
    }

        .setup-wizard #wizImport .buttons-container .btn {
            flex-basis: 60%;
            min-height: 47px;
            margin: 0 auto 10px;
        }
}

/* CUPERTINO */
#dropdownMenu1 {
    background-image: url('/img/gear-icon.svg');
    background-size: 14px;
    background-position: center;
    background-repeat: no-repeat;
}

.cupertino .page-header .input-group-addon {
    border-top-left-radius: 20px;
    border-bottom-left-radius: 20px;
}

.cupertino .page-header #autocomplete {
    border-top-right-radius: 20px;
    border-bottom-right-radius: 20px;
}

.cupertino .page-header .btn-add {
    margin-left: 20px;
}

.cupertino .page-header .notifications {
    margin-right: 24px;
}

.cupertino .flex-toggle-btn {
    height: 35px;
    width: 35px;
    align-content: center;
    justify-content: center;
    border-radius: 50%;
    padding: 0;
    position: relative;
    margin: auto;
}

.cupertino .form-control {
    height: 40px;
}

.cupertino .dropdown-menu {
    border: 0;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
    min-width: 294px;
}

.cupertino .dropdown .notification-bubble {
    position: absolute;
    top: -8px;
    right: -7px;
    padding: 0;
    background: #27d1ff;
    color: white;
    font-size: 14px;
    border-radius: 50%;
    height: 18px;
    width: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 500;
}

.cupertino .dropdown .dropdown-label {
    font-size: 10px;
    color: #979797;
    font-weight: 500;
}

.cupertino .dropdown-menu h2 {
    font-size: 22px;
    font-weight: 700;
    color: #5d5764;
}

/* Welcome section */
.cupertino {
    font-weight: 500;
}

#page-header.cupertino {
    margin-top: 0;
    padding-bottom: 10px;
}

    #page-header.cupertino .input-group {
        background: #fff;
        border-radius: 20px;
        overflow: hidden;
    }

.cupertino.section {
    overflow: hidden;
}

.cupertino .btn-white {
    box-shadow: none;
    border: 0;
}

.cupertino .btn-add {
    padding: 10px 15px 10px 15px;
    border-radius: 20px;
}

.cupertino .welcome-message {
    text-align: left;
    padding: 30px 32px 20px 32px;
}

    .cupertino .welcome-message h1 {
        font-size: 22px;
        line-height: 28px;
        color: #fff;
        margin-top: 0;
        font-weight: 700;
    }

    .cupertino .welcome-message p {
        font-size: 16px;
        color: #fff;
        opacity:.82;
        font-weight: 500;
        margin-bottom: 40px;
    }

    .cupertino .welcome-message button {
        display: block;
        margin: 15px auto 10px;
        color: #5d5764;
        background: #fff;
        border: 0;
        border-radius: 8px;
        padding: 10px 20px;
        font-size: 18px;
        font-weight: 500;
        box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
    }

    .cupertino .welcome-message a {
        color: #fff;
        display: block;
        text-align: center;
        font-weight: 500;
    }

.cupertino .next-steps {
    padding: 20px 30px 20px 40px;
    text-align: left;
}

    .cupertino .next-steps h2 {
        color: #5d5764;
        font-size: 20px;
        margin-bottom: 18px;
        margin-top:10px;
    }

    .cupertino .next-steps h3 {
        color: #5d5764;
        font-size: 16px;
        margin: 0 0 4px;
    }

    .cupertino .next-steps li p,
    .cupertino .next-steps .supporting-text {
        color: #999999;
        font-size: 12px;
        margin: 0;
    }

    .cupertino .next-steps .supporting-text {
        margin-bottom: 12px;
    }

    .cupertino .next-steps .completion-progress {
        margin-bottom: 16px;
        margin-top: -14px;
        color: #5d5764;
        font-size: 16px;
    }

    .cupertino .next-steps #next-steps-list {
        padding: 0;
        list-style-type: none;
    }

        .cupertino .next-steps #next-steps-list li {
            padding: 0 0 0 32px;
            color: #5d5764;
            font-size: 16px;
            position: relative;
            margin: 0 0 15px;
            width: 100%;
        }

            .cupertino .next-steps #next-steps-list li:before {
                content: '';
                width: 20px;
                height: 20px;
                background: #e6e6e6;
                display: block;
                position: absolute;
                left: 0;
                top: 0;
                border-radius: 50%;
            }

            .cupertino .next-steps #next-steps-list li.complete:before {
                background: url("/img/complete-check.svg") center center no-repeat transparent;
                background-size: 20px;
            }

    .cupertino .next-steps .next-steps-items {
        padding: 0;
        list-style-type: none;
    }

        .cupertino .next-steps .next-steps-items li {
            margin: 0 0 14px;
            width: 100%;
        }

.cupertino #welcome-dashboard.inProgress #explore-learn li:nth-of-type(1n+6) {
    display: none;
}

.cupertino .flex-wrap {
    flex-wrap: wrap;
}

.cupertino .modal-dialog {
    width: 100%;
    max-width: 550px;
    margin: 30px auto;
}

.setup-wizard .cupertino .modal-dialog {
    max-width: 600px;
}

.cupertino .modal-content {
    border-radius: 16px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.13);
}

.cupertino .modal-header {
    min-height: 0;
    padding: 0;
    border-bottom: 0px solid #f8f8f8;
    background: #ffffff;
    border-radius: 0;
}

    .cupertino .modal-header .close {
        top: 35px;
        right: 30px;
        z-index: 100;
        position: absolute;
    }

.cupertino .modal-body h1,
.cupertino .modal-body h2,
.cupertino .modal-body h3,
.cupertino .modal-body h4,
.cupertino .modal-body h5,
.cupertino .modal-body h6 {
    color: #5d5764;
}

.cupertino .modal-body h2,
.cupertino .modal-body h3 {
    font-size: 22px;
    line-height: 22px;
}

.cupertino .modal-body h3 {
    margin: 0 0 18px;
    line-height: 26px;
}

.setup-wizard .cupertino h3 {
    font-size: 18px;
    margin: 10px 0;
}

.cupertino .modal-body p {
    font-weight: 500;
    color: #838383;
    font-size: 16px;
    line-height: 23px;
    margin: 0 0 20px;
}

.cupertino .modal-body {
    padding: 40px 38px 50px 44px;
}

    .cupertino .modal-body ol,
    .cupertino .modal-body ul {
        padding: 0 0 0 20px;
    }

        .cupertino .modal-body ol li,
        .cupertino .modal-body ul li {
            font-size: 16px;
            line-height: 22px;
            margin-bottom: 4px;
            font-weight: 500;
            color: #838383;
        }

    .cupertino .modal-body img {
        max-width: 100%;
    }

    .cupertino .modal-body .modal-hero {
        max-width: 100%;
        margin: 32px auto 36px;
    }

    .cupertino .modal-body .title-image {
        max-width: 40px;
        margin-right: 10px;
    }

    .cupertino .modal-body .btn {
        background: #ffda79;
        border-radius: 20px;
        font-size: 18px;
        font-weight:500;
        color: #5d5764;
        padding: 8px 30px 8px;
        margin: auto;
        margin-top:20px;
    }

    .cupertino .modal-body .bc2 {
        /* boot camp dashboard modal new color */
        background: #FFAFAF;
    }

.cupertino .modal-youtube {
    background-color: #000;
    margin: 20px 0;
    position: relative;
    padding-top: 56.25%;
    overflow: hidden;
    cursor: pointer;
}

    .cupertino .modal-youtube iframe {
        /* youtube embed (responsive) */
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        z-index: 3;
    }


.cupertino .next-steps .next-steps-items li .next-steps-icon {
    height: 44px;
    width: 44px;
}

.cupertino .next-steps .next-steps-items li .next-steps-content-container {
    padding: 0 0 0 15px;
}

.panel-switch-toggle {
    position: absolute;
    right: 20px;
    top: 16px;
    color: #5d5764;
    opacity: 0.58;
    padding-right: 20px;
    z-index: 10;
}

.panel-slide-toggle {
    display: none;
}

.accordian-header {
    color: #5d5764;
    font-size: 20px;
    margin-bottom: 18px;
    text-align: left;
    font-weight: 900;
    display: none;
}

.panel-switch-toggle:after {
    content: '';
    display: block;
    height: 12px;
    width: 12px;
    background: url('/img/minimize-icon.svg') no-repeat center center transparent;
    background-size: 12px;
    position: absolute;
    top: 3px;
    right: 0;
}


.minimized .panel-switch-toggle:after {
    background: url('/img/expand-icon.svg') no-repeat center center transparent;
    background-size: 10px;
    position: absolute;
    top: 4px;
    right: 0;
}

.isComplete .panel-switch-toggle {
    padding-right: 0;
}

    .isComplete .panel-switch-toggle:after {
        background: none transparent;
        background-size: 10px;
        height: 0;
        width: 0;
    }




.isCommplete.dismiss {
    display: none;
}

.cupertino .my-why {
    text-align: center;
}

    .cupertino .my-why img {
        width: 34px;
        height: 34px;
    }

    .cupertino .my-why .btn {
        color: #fff;
        font-size: 16px;
        padding: 8px 19.5px;
    }

#next-steps-list,
#next-steps,
#explore-learn {
    cursor: pointer;
    margin-bottom: 0;
}

.collapse-next-steps {
    display: none;
}

/* Modals */
.cupertino .flex {
    display: flex;
}


.modal-backdrop.in {
    opacity: 0.2;
}

@media (max-width: 991px) {

    .cupertino.section {
        box-shadow: none;
        border: 0;
        background: none transparent;
    }

    .cupertino .dropdown .dropdown-label {
        display: none;
    }

    .cupertino .flex-toggle-btn {
        height: auto;
        width: auto;
    }

    .cupertino .panel-switch-toggle {
        display: none;
    }

    .panel-slide-toggle {
        position: absolute;
        right: 20px;
        top: 13px;
        color: #646464;
        padding-right: 20px;
        z-index: 10;
    }

        .panel-slide-toggle:after {
            content: '';
            display: block;
            height: 12px;
            width: 12px;
            background: url('/img/collapse-expand-arrow.svg') no-repeat center center transparent;
            background-size: 12px;
            position: absolute;
            top: 3px;
            right: 0;
        }

    .cupertino .panel-slide-toggle {
        display: block;
    }



    .collasped .accordian-header {
        display: block;
        margin: 0;
    }

    .collasped .panel-slide-toggle {
        top: 50%;
        transform: translateY(-50%);
    }

    .collasped.panel-switch-container {
        background: #fff;
        padding: 10px 20px;
        margin-bottom: 0;
    }

    .cupertino .page-header .btn-add {
        margin-left: -13px;
    }


    #welcome-dashboard .welcome-message {
        display: none;
    }




    .cupertino .next-steps h2,
    .section-title {
        font-weight: 900;
        font-size: 20px;
    }

    .cupertino .second.next-steps h2 {
        margin-top: 0;
    }

    .section-title {
        padding-left: 15px;
    }



    .cupertino .page-header .btn-add {
        background: #fff;
        box-shadow: 0 2px 4px rgba(0, 0, 0, 0.12);
    }

        .cupertino .page-header .btn-add img {
            margin-right: 0;
        }

    .cupertino .next-steps {
        padding: 0;
    }

    .next-steps-icon-container {
        z-index: 1;
        position: relative;
    }

    .dismiss {
        display: none;
    }

    #desktop-welcome,
    .supporting-text {
        display: none;
    }

    .ns-gloss {
        width: 120%;
        height: 87px;
        border-radius: 50%;
        top: -46px;
        left: -10%;
        position: absolute;
        z-index: 0;
    }

    #ContentPlaceHolder1_ns_game_plan,
    .cupertino .green-gradient {
        background: rgb(0, 108, 224);
        background: linear-gradient(151deg, rgba(0, 108, 224, 1) 0%, rgba(94, 235, 183, 1) 100%);
    }

        #ContentPlaceHolder1_ns_game_plan .ns-gloss {
            background: #dee5ff;
            opacity: 0.1;
        }

    #ns-quick-start,
    .cupertino .blue-gradient {
        background: rgb(120, 94, 235);
        background: linear-gradient(180deg, rgba(120, 94, 235, 1) 0%, rgba(80, 114, 255, 1) 100%);
    }

        #ns-quick-start .ns-gloss {
            background: #dee5ff;
            opacity: 0.1;
        }

    #ns-power-hours,
    .cupertino .teal-gradient {
        background: rgb(0, 108, 224);
        background: linear-gradient(151deg, rgba(0, 108, 224, 1) 0%, rgba(94, 235, 183, 1) 100%);
    }

        #ns-power-hours .ns-gloss {
            background: rgb(0, 123, 255);
            background: linear-gradient(270deg, rgba(0, 123, 255, 1) 0%, rgba(94, 235, 183, 1) 100%);
        }

    #ns-sched-1on1,
    .cupertino .yellow-gradient {
        background: rgb(255, 218, 121);
        background: linear-gradient(270deg, rgba(255, 218, 121, 1) 0%, rgba(255, 163, 0, 1) 100%);
    }

        #ns-sched-1on1 .ns-gloss {
            background: rgb(255, 218, 121);
            background: linear-gradient(0deg, rgba(255, 218, 121, 1) 0%, rgba(255, 163, 0, 1) 100%);
        }

    #ns-live-training,
    .cupertino .pink-gradient {
        background: rgb(255, 188, 150);
        background: linear-gradient(180deg, rgba(255, 188, 150, 1) 0%, rgba(255, 93, 151, 1) 100%);
    }

        #ns-live-training .ns-gloss {
            background: rgb(255, 188, 150);
            background: linear-gradient(90deg, rgba(255, 188, 150, 1) 0%, rgba(255, 93, 151, 1) 100%);
        }

    #ns-your-why,
    .cupertino .hotpink-gradient {
        background: rgb(39, 209, 255);
        background: linear-gradient(151deg, rgba(39, 209, 255, 1) 0%, rgba(33, 179, 231, 1) 100%);
    }

        #ns-your-why .ns-gloss {
            background: rgb(39, 209, 255);
            background: linear-gradient(180deg, rgba(39, 209, 255, 1) 0%, rgba(33, 179, 231, 1) 100%);
        }

    #ns-fb-messenger {
        background: rgb(120, 94, 235);
        background: linear-gradient(180deg, rgba(120, 94, 235, 1) 0%, rgba(80, 114, 255, 1) 100%);
    }

        #ns-fb-messenger .ns-gloss {
            background: rgb(120, 94, 235);
            background: linear-gradient(273deg, rgba(120, 94, 235, 1) 0%, rgba(80, 114, 255, 1) 100%);
        }

    #ns-add-contacts,
    .cupertino .lightblue-gradient {
        background: rgb(0, 182, 255);
        background: linear-gradient(250deg, rgba(0, 182, 255, 1) 0%, rgba(91, 144, 255, 1) 100%);
    }

        #ns-add-contacts .ns-gloss {
            background: rgb(0, 182, 255);
            background: linear-gradient(0deg, rgba(0, 182, 255, 1) 0%, rgba(91, 144, 255, 1) 100%);
        }

    #ns-rank-label,
    .cupertino .green-gradient {
        background: rgb(20, 200, 156);
        background: linear-gradient(315deg, rgba(20, 200, 156, 1) 0%, rgba(255, 192, 34, 1) 100%);
    }

        #ns-rank-label .ns-gloss {
            background: #DEE5FF;
            opacity: .1;
        }

    #ns-add-more-people,
    .cupertino .purple-gradient {
        background: rgb(134, 111, 255);
        background: linear-gradient(315deg, rgba(134, 111, 255, 1) 0%, rgba(200, 109, 215, 1) 100%);
    }

        #ns-add-more-people .ns-gloss {
            background: #DEE5FF;
            opacity: .1;
        }

    #ns-add-more-people2,
    .cupertino .purple-gradient {
        background: rgb(134, 111, 255);
        background: linear-gradient(315deg, rgba(134, 111, 255, 1) 0%, rgba(200, 109, 215, 1) 100%);
    }

        #ns-add-more-people2 .ns-gloss {
            background: #DEE5FF;
            opacity: .1;
        }

    .cupertino .welcome-message h1 {
        color: #5d5764;
        font-size: 28px;
    }

    .cupertino .welcome-message p {
        color: #838383;
        margin: 0;
    }

    .cupertino .next-steps.swiper-container {
        width: 100%;
        height: 100%;
        overflow: visible;
    }

    .cupertino .swiper-container .swiper-wrapper {
        margin-bottom: 24px;
    }

        .cupertino .swiper-container .swiper-wrapper li.swiper-slide {
            text-align: center;
            font-size: 18px;
            background: #fff;
            /* Center slide text vertically */
            display: -webkit-box;
            display: -ms-flexbox;
            display: -webkit-flex;
            display: flex;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            -webkit-justify-content: center;
            justify-content: center;
            -webkit-box-align: center;
            -ms-flex-align: center;
            -webkit-align-items: center;
            align-items: center;
            width: 160px;
            border-radius: 8px;
            padding: 10px;
            overflow: hidden;
            position: relative;
            margin-right:15px;
        }

    .cupertino .swiper-container .swiper-pagination {
        position: relative;
    }


        .cupertino .swiper-container .swiper-pagination .swiper-pagination-bullet {
            height: 10px;
            width: 10px;
            opacity: 0.5;
            background: #5d5764;
        }

        .cupertino .swiper-container .swiper-pagination .swiper-pagination-bullet-active {
            opacity: 1;
        }

    .cupertino .swiper-container .swiper-wrapper li.swiper-slide h3 {
        color: #fff;
    }

    .cupertino .swiper-container .swiper-wrapper li.swiper-slide p {
        color: rgba(255, 255, 255, 0.4);
    }

    .cupertino .swiper-container .swiper-wrapper li.swiper-slide .next-steps-icon {
        margin: auto;
        margin-bottom: 18px;
        display: block;
    }

    .cupertino .next-steps .next-steps-items li .next-steps-content-container {
        padding: 0;
    }

    .cupertino .next-steps #next-steps-list {
        display: none;
    }
}

@media (max-width: 991px) and (min-width: 767px) {
    #welcome-dashboard .action-items {
        padding-left: 0;
        padding-right: 0;
    }

    .cupertino .next-steps h2 {
        margin-top: 0;
    }

    .panel-slide-toggle {
        top: 6px;
    }

    .minimized .panel-slide-toggle {
        top: 13px;
    }
}


@media (max-width: 767px) {
    .cupertino .next-steps .next-steps-items li {
        width: 50%;
    }

    #page-header.cupertino .btn-add {
        height: 40px;
        width: 40px;
        padding: 0;
    }

        #page-header.cupertino .btn-add img {
            margin-right: 0;
        }

        #page-header.cupertino .btn-add span:first-child {
            position: absolute;
            left: 50%;
            top: 50%;
            transform: translate(-50%, -50%);
            display: inherit;
        }

    .cupertino .ac-text {
        display: none;
    }

    #page-header.cupertino {
        padding-top: 10px;
        padding-bottom: 10px;
        background: #fff;
    }

        #page-header.cupertino .navbar-form {
            margin-right: 0px;
        }

            #page-header.cupertino .navbar-form .form-control,
            #page-header.cupertino .input-group-addon,
            #page-header.cupertino .btn-add {
                background: #F4F4F4;
            }

        #page-header.cupertino .btn-add {
            margin-top: 0;
        }

    .cupertino.modal {
        padding: 10px;
        margin: 0;
    }

    .cupertino .modal-dialog {
        margin: 0;
    }

    .cupertino .modal-body {
        padding: 50px 30px;
    }

    .cupertino .modal-header .close {
        top: 35px;
        right: 30px;
    }

    #page-header.cupertino {
        margin-bottom: 0;
    }

    .panel-slide-toggle {
        top: 23px;
    }

    .minimized .panel-slide-toggle {
        top: 13px;
    }
}

@media (max-width: 767px) and (min-width: 480px) {
    .collasped.panel-switch-container {
        margin-right: -15px;
        margin-left: -15px;
    }
}


@media (max-width: 480px) {

    .cupertino .next-steps h2,
    .section-title {
        font-size: 22px !important;
    }

        .section-title small {
            font-size: 16px;
            font-weight: 500;
        }

    .section-title {
        padding-left: 15px;
    }

    .section-hdr {
        border-bottom: 0;
    }

    .cupertino.section {
        background: #fff;
    }

    .collasped.panel-switch-container {
        padding-left: 0;
        padding-right: 0;
    }

    .collapse-next-steps {
        display: block;
        text-align: center;
        font-size: 16px;
        font-weight: 700;
        margin-bottom: 20px;
    }
}


@media (min-width: 768px) {
    .cupertino .flex-md {
        display: flex;
    }

    .cupertino .flex-md-wrap {
        flex-wrap: wrap;
    }
}

@media (min-width: 992px) {

    .cupertino .gradient.blue-gradient {
        background: rgb(120, 94, 235);
        background: linear-gradient(225deg, rgba(120, 94, 235, 1) 0%, rgba(80, 114, 255, 1) 100%);
    }

    .cupertino .gradient.teal-gradient {
        background: rgb(0, 108, 224);
        background: linear-gradient(225deg, rgba(0, 108, 224, 1) 0%, rgba(94, 235, 183, 1) 100%);
    }


    .cupertino .gradient.yellow-gradient {
        background: rgb(255, 218, 121);
        background: linear-gradient(225deg, rgba(255, 218, 121, 1) 0%, rgba(255, 163, 0, 1) 100%);
    }



    .cupertino .gradient.pink-gradient {
        background: rgb(255, 188, 150);
        background: linear-gradient(225deg, rgba(255, 188, 150, 1) 0%, rgba(255, 93, 151, 1) 100%);
    }


    .cupertino .gradient.hotpink-gradient {
        background: rgb(39, 209, 255);
        background: linear-gradient(225deg, rgba(39, 209, 255, 1) 0%, rgba(33, 179, 231, 1) 100%);
    }


    .cupertino .gradient.lightblue-gradient {
        background: rgb(0, 182, 255);
        background: linear-gradient(225deg, rgba(0, 182, 255, 1) 0%, rgba(91, 144, 255, 1) 100%);
    }


    .cupertino .gradient.green-gradient {
        background: rgb(20, 200, 156);
        background: linear-gradient(225deg, rgba(20, 200, 156, 1) 0%, rgb(5, 166, 255) 100%);
    }


    .cupertino .gradient.purple-gradient {
        background: rgb(134, 111, 255);
        background: linear-gradient(225deg, rgba(134, 111, 255, 1) 0%, rgba(200, 109, 215, 1) 100%);
    }

    #ns-mobile-1 {
        display: none;
    }

    .cupertino .welcome-message {
        width: 28%;
    }

    .cupertino .action-items {
        width: 72%;
    }

    .cupertino .first.next-steps {
        border-right: 1px solid #efefef;
    }

    .cupertino .next-steps #next-steps-list li:after {
        content: '\203A';
        display: block;
        position: absolute;
        top: -11px;
        right: 0;
        color: #9B9B9B;
        font-size: 28px;
    }

    .cupertino .next-steps .next-steps-items li .next-steps-icon {
        height: 34px;
        width: 34px;
    }

    .cupertino .next-steps .next-steps-items li .next-steps-icon-container {
        flex: 0 0 44px;
    }

    .cupertino .next-steps .next-steps-items li .next-steps-content-container,
    .cupertino .next-steps .next-steps-items li .next-steps-icon-container {
        display: flex;
        justify-content: center;
    }

    .cupertino .flex-sm {
        display: flex;
    }

    .cupertino .flex-sm-wrap {
        flex-wrap: wrap;
    }

    #next-steps {
        display: none;
    }

    #minimized-welcome h1 {
        font-size: 12px;
        font-weight: 500;
        color: rgba(255, 255, 255, .8);
        margin: 0;
        line-height: 1.1;
    }

    #minimized-welcome button {
        background: none transparent;
        color: #fff;
        font-size: 18px;
        margin: 0;
        box-shadow: none;
        padding: 0;
    }

    .cupertino .isComplete .welcome-message {
        background: #3A393B;
        display: flex;
        align-items: center;
    }

        .cupertino .isComplete .welcome-message #minimized-welcome h1 {
            font-size: 18px;
            font-weight: 700;
            color: #fff;
        }

        .cupertino .isComplete .welcome-message button {
            display: none;
        }

    .cupertino .welcome-message.minimized-state {
        padding: 20px 23px;
    }

    .cupertino .next-steps.minimized-state {
        width: 100%;
        padding: 10px 10px 0 10px;
    }

        .cupertino .next-steps.minimized-state h2 {
            font-size: 12px;
            font-weight: 500;
            color: #7E7E7E;
            opacity: .8;
            margin: 0 0 6px;
        }

        .cupertino .next-steps.minimized-state #explore-learn {
            margin: 0;
        }

            .cupertino .next-steps.minimized-state #explore-learn li {
                width: 33.333%
            }

                .cupertino .next-steps.minimized-state #explore-learn li:nth-of-type(1n+6) {
                    display: none;
                }

    /*mobile: only show 5 explore & learn items when user is 100% complete*/
    .cupertino #welcome-dashboard.isComplete #explore-learn li:nth-of-type(1n+7) {
        display: none;
    }

}

.cc-splash {
    background-color: #f8f8f8;
    height: 229px;
    width: 100%;
    position: absolute;
    z-index: -1000;
}


.btn-white {
    border: 1px solid #efefef;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.06);
    color: #5D5764;
    background: #fff;
    padding: 12px 15px 10px 15px;
    border-radius: 4px;
}

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

.icon-add-contact {
    height: 20px;
    width: 20px;
    color: #fff;
    margin-top: -2px;
    margin-right: 2px;
    margin-left: -4px;
}


/* InProgess Styles*/

.cupertino #welcome-dashboard.inProgress #minimized-welcome {
    display: none;
}

.cupertino #welcome-dashboard.minimized .next-steps.first, .cupertino #welcome-dashboard.minimized #desktop-welcome {
    display: none;
}

.cupertino #welcome-dashboard.minimized #minimized-welcome {
    display: block;
}



/* IsComplete Styles*/
.cupertino #welcome-dashboard.isComplete .next-steps.first {
    display: none;
}

.cupertino #welcome-dashboard.isComplete #desktop-welcome {
    display: none;
}


.cupertino #welcome-dashboard.minimized .welcome-message {
    padding: 20px 23px;
}

.cupertino #welcome-dashboard.minimized .next-steps {
    width: 100%;
    padding: 10px 10px 0 10px;
}

    .cupertino #welcome-dashboard.minimized .next-steps h2 {
        font-size: 12px;
        font-weight: 500;
        color: #7E7E7E;
        opacity: .8;
        margin: 0 0 6px;
    }

    .cupertino #welcome-dashboard.minimized .next-steps #explore-learn {
        margin: 0;
    }

        .cupertino #welcome-dashboard.minimized .next-steps #explore-learn li {
            width: 33.333%
        }

            .cupertino #welcome-dashboard.minimized .next-steps #explore-learn li:nth-of-type(1n+6) {
                display: none;
            }

.cupertino #welcome-dashboard.isComplete .complete-message, .cupertino #welcome-dashboard.inProgress .complete-message {
    display: none;
}


.cupertino #welcome-dashboard.isComplete .dismiss-next-steps, .cupertino #welcome-dashboard.inProgress .dismiss-next-steps {
    display: none;
}

@media (max-width: 991px) {

    .cupertino #welcome-dashboard.minimized .next-steps {
        display: none;
    }

    .cupertino #welcome-dashboard.minimized .accordian-header {
        display: block;
    }

    .cupertino #welcome-dashboard.minimized .accordian-header {
        margin: 0;
    }

    .cupertino #welcome-dashboard.isComplete .dismiss-next-steps {
        display: block;
        text-align: center;
        font-size: 16px;
        font-weight: 700;
        margin-bottom: 20px;
    }

    .cupertino #welcome-dashboard.isComplete .collapse-next-steps, .cupertino #welcome-dashboard.inProgress .dismiss-next-steps {
        display: none;
    }
    .cupertino #welcome-dashboard.isComplete .complete-message {
        display: block;
        color:#999;
        font-size:14px;
        font-weight:700;
        margin-bottom:20px;
    }


}

@media (max-width: 991px) and (min-width: 480px) {

    .cupertino #welcome-dashboard.minimized .panel-switch-container {
        background: #fff;
        padding: 10px 15px;
        margin-bottom: 0;
        box-shadow: 0 -1px 0 #fff, 0 0 2px rgba(25, 20, 31, 0.08), 0 2px 4px rgba(25, 20, 31, 0.08);
        border-radius: 4px;
    }
}

@media (max-width: 767px) {

    .cupertino #welcome-dashboard.isComplete .second.next-steps h2 {
        margin-top: 20px;
    }
}


@media (max-width: 767px) and (min-width: 480px) {

    .cupertino #welcome-dashboard.minimized .action-items {
        padding-left: 0;
        padding-right: 0;
    }
}

@media (max-width: 480px) {

    .cupertino #welcome-dashboard.minimized .panel-switch-container {
        background: #fff;
        padding: 10px 0;
        margin-bottom: 0;
    }
}

/* Styles*/

.cupertino .modal-body .modal-body-content img {
    display: block;
    max-width: 100%;
    height: auto;
    border-radius: 6px;
    margin-bottom: 20px;
}

.cupertino .modal-body .modal-body-image img {
    height:36px;
    width:36px;
    margin-right:5px;
    
}

.cupertino .modal-body .modal-body-image {
    display: inline-block;
}

.cupertino .modal-body .modal-body-title {
    font-size: 26px;
    font-weight: 600;
    display: inline-block;
    color: #5d5764;
    line-height: normal;
}
.cupertino .modal-body .modal-body-description {
    margin-bottom: 30px;
    margin-top:-5px;
    margin-left: 44px;
    color: #666;
}

.cupertino .modal-body .modal-body-content .video-wrapper {
    position: relative;
    padding-bottom: 56.25%; /* 16:9 */
    padding-top: 25px;
    height: 0;
}

.cupertino .modal-body .modal-body-content iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.team-page .sub-side .btn-plain {
    color: #5d5764;
    border-radius: 6px;
    margin-left: -10px;
}

.modal-divider {
    height: 1px;
    overflow: hidden;
    background-color: #efefef;
    margin-left: -30px;
    margin-right: -30px;
}


.import-btn {
    padding-top:15px;
    
}

.import-btn img {
    display: inline-block;
    margin-right: 4px;
}

.import-btn h4 {
    display: inline-block;
}

    .import-btn .card-content {
        display: inline-block;
        width: 90%;
        vertical-align: middle;
        
    }

    .import-btn .card-arrow {
        display: inline-block;
        width: 7%;
        text-align: right;
    }

        .import-btn .card-arrow img {
            margin-right: 0px;
        }



.modal.cupertino .h1, .modal.cupertino .h2, .modal.cupertino .h3, .modal.cupertino h1, .modal.cupertino h2, .modal.cupertino h3 {
    margin-top: 40px;
    margin-bottom: 15px;
}

@media (min-width: 992px) {

    .cupertino .next-steps.first {
        padding: 20px 30px 20px 15px;
        max-width:325px;
    }
}

.cupertino.page-header .dropdown-menu {
    border: 0;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
    min-width: 160px;
}

/* follow up notes editor */

.followup-editor .followup {
    padding-left: 0;
    border-bottom: none;
}

.followup-editor .fup-notes {
    margin-right: 0px;
    margin-top: 15px;
    min-height: 200px;
}

.followup-display {
    display: none;
    background-color: #fefbf5;
    border: 1px solid #f4d993;
    border-radius: 6px;
    padding: 15px 15px 10px 15px;
    margin-top: 10px;
    margin-bottom: 10px;
    text-align: left;
}

    .followup-display textarea {
        resize: none;
        background-color: #fefbf5;
        overflow-y: auto;
        border-style: none;
        border-color: Transparent;
        width: 100%;
        outline: none;
    }

.modal-open .modal-scripts {
    overflow: scroll;
}

.btn-savef {
    background: transparent;
    color: #333;
    font-weight: 700;
    padding: 6px 8px;
}

#followupContent {
    border-top: 1px solid #f8f8f8;
    padding-top: 15px;
    margin-left:15px;
}

#followupNotes {
padding-left:0px;
padding-top:0px;
border:1px solid #000;
}

/* added to bring the emoji items local */
.em-sleeping {
    background-image: url("/img/sleepy.png");
}
.em-fire {
    background-image: url("/Img/fire.png");
}
.em, .em-svg {
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    display: inline-block;
    vertical-align: middle;
}

.btn-sym{
    padding-right: 5px;
}

/* fix for firefox blowing these icons out on small screens */
.member-name .btn-sym {
    max-width: 17px;
    max-height: 10px;
}

.btn-rounded{
    border-radius: 20px;
}

.modal-followup-close-list {
    /*overflow-y: auto;*/
    /*max-height: 250px;*/
}

    .modal-followup-close-list::-webkit-scrollbar {
        -webkit-appearance: none;
        width: 7px;
        height: 7px;
        -webkit-overflow-scrolling: auto;
    }

    .modal-followup-close-list::-webkit-scrollbar-thumb {
        border-radius: 4px;
        background-color: rgba(0, 0, 0, .5);
        box-shadow: 0 0 1px rgba(255, 255, 255, .5);
    }

/*.fup-checkbox-container {
    float: left;
    margin-left: -40px;
    margin-top: 15px;
    padding-right: 80px;
}*/

.fup-checkbox-container {
    float: left;
    min-height: 70px;
    min-width: 50px;
    text-align: center;
    border-right: 1px solid #c6c6c6;
    border-bottom: 1px solid #c6c6c6;
    background-color: #f8f8f8;
    margin-right: 10px;
}
    .fup-checkbox-container input[type="checkbox"] {
        margin-top: 57.5%;
    }

.fup-content-container {
    padding-top: 12px;
    margin-left: 10px;
}

.modal-followup-close-add-new {
    margin-top: 15px;
    padding-top: 20px;
    padding-right: 20px;
    padding-left: 20px;
    padding-bottom: 60px;
    border: 1px solid #efefef;
}

.scrollFollowUps {
    overflow-y: auto;
    max-height: 474px;
}

.feed-header:before {
    border-color: #efefef;
}

.feed-header {
    font-size: 10px;
    color: #cccccc;
}

.btn-md {
    padding: 7px 16px;
}

.member-connect {
    padding: 7px 16px;
}

.btn-ghost:hover {
    border: 1px solid #5d5764;
}

.btn-ghost:focus {
    border: 1px solid #efefef;
}

.un-name {
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 150px;
    display: inline-block;
    white-space: nowrap;
}

@media (max-width: 992px){
    .name {
        overflow: hidden;
        text-overflow: ellipsis;
        max-width: 150px;
        display: inline-block;
        white-space: nowrap;
    }
}

.subCoachCategory {
    margin-left: 15px;
    /*display: none !important;*/
}

.svg-white {
    filter: brightness(0) invert(1);
}

.modal-followup-close-list-container {
    border: 1px solid #c6c6c6;
    margin-top: 15px;
    border-radius: 6px;
    overflow: hidden;

}

.fup:last-child {
    border: none;
}


    .fup:last-child .fup-checkbox-container {
        border-bottom: none;
    }


element.style {
    margin-right: 10px;
}

.btn-blank {
    background: transparent;
}

.fup-addFollowUp {
    border-bottom: 1px solid #c6c6c6;
    background-color: #f8f8f8;
    min-height: 240px;
    font-size: 16px;
}

.fup-addFollowUp textarea {
    border: 1px solid #c6c6c6 !important;
    width: 85%;
    margin-bottom: 10px;
}

@media (max-width: 767px) {
    .modal-followup-close .script-content-container {
        padding: 10px;
    }
}

.close-fup-modal-controls {
    padding-bottom: 0px !important;
}

@media (max-width: 767px) {

    .modal-scripts .fill-height {
        min-height: fit-content !important;
        height: auto !important;
    }

    .modal-scripts .init-menu-container .center-vvv {
        position: relative !important;
        top: auto !important;
        transform: none !important;
    }
}

/* Kickstart styles */
.checkout-button-kickstart {
    font-size: large;
    overflow: hidden;
    background-image: none !important;
    background-color: #21b3e7 !important;
    border: 1px solid #21b3e7;
    padding: 10px;
    text-decoration: none; 
    border-radius: 25px;
    box-shadow: none !important;
    text-shadow: none !important;
    color: #fff !important; 
    width: 100px;
}

/* LEAD styles */

.checkout-button-leadership {
    font-size: large;
    overflow: hidden;
    background-image: none !important;
    background-color: #FF6251 !important;
    border: 1px solid #FF6251;
    padding: 10px;
    text-decoration: none;
    border-radius: 5px;
    box-shadow: none !important;
    text-shadow: none !important;
    color: #fff !important;
}

.lead-bg-splash {
    background-color: #D6E1E7;
    height: 229px;
    width: 100%;
    position: absolute;
    z-index: -1000;
}

body.leadership {
    background: #fff;
}

/* all hyper links (download links + splash links */
    body.leadership a {
        color: #FF6251;
        text-decoration: none;
    }

.lead-splash-text span {
    opacity: 0.7;
    font-weight: 600;
}

.lead-splash-text h3 {
    color: #ffffff;
    margin-top: 0px;
}

.lead-cc-container {
    margin-top: -180px;
}

.lead-cc-container .lead-course-item {
    cursor: auto;
}

@media (max-width: 991px) {
    .lead-cc-container {
        margin-top: -60px;
    }

    .lead-splash-text {
        margin-top: 20px;
    }
}

.lead-course-item,
.lead-course-item-side {
    cursor: pointer;
}

.lead-course-container {
    border-radius: 0px 0px 4px 4px;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.09);
    background: #ffffff;
}

.lead-course-title {
    text-align: center;
    font-size: 16px;
    margin-bottom: 30px;
    color: #5d5764;
    background: #fff;
    padding-bottom: 20px;
    padding-top: 20px;
    padding-left: 10px;
    padding-right: 10px;
    border-radius: 0px 0px 4px 4px;
    margin-top: 0;
    line-height: 23px;
}

.lead-course-item-side li:nth-child(2) {
    display: block;
    padding-left: 55px;
}

.lead-course-list li.fb-group .lead-course-item {
    align-self: center;
}

.lead-course-list .lead-course-item p {
    margin-bottom: 0px;
}

.lead-sb-container {
    margin-top: 0px;
}

.lead-bottom-sidebar {
    background: #fff;
    margin-left: -15px;
    margin-right: -15px;
}


.lead-course-nav-container {
    background-color: #fff;
    display: flex;
    justify-content: space-between;
    cursor: pointer;
    padding: 15px;
}

    .lead-course-nav-container:active {
        background-color: #f9f9f9;
    }

    .lead-course-nav-container h4 {
        margin-top: 0px;
        margin-bottom: 0px;
    }

    .lead-course-nav-container span {
        color: #999;
    }

    .lead-course-name,
    .lead-course-nav-container .caret {
        align-self: center;
        margin-right: 10px;
    }

    .lead-course-nav-container .caret {
    }

.lead-splash {
    position: fixed;
    display: none;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.85);
    z-index: 99;
}

.leadoverlaytext {
    position: absolute;
    font-family: "roboto", Helvetica, Arial, sans-serif;
    top: 50%;
    left: 50%;
    font-size: 25px;
    color: white;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
}

.leadership .vimeo::before, .leadership .vimeo::after {
    display: none;
}

.university .vimeo {
    background: #252525 no-repeat center center / cover;
}

.vimeo {
    /* continer (responsive) */
    position: relative;
    cursor: pointer;
    background: rgba(255, 255, 255, 0.53) no-repeat center center / cover;
    padding-bottom: 56.25%;
    /* 16:9 */
    height: 0px;
    clear: both;
    transition: all 0.3s ease;
}


    .vimeo::before {
        /* play bubble */
        content: "";
        border: 6px solid rgba(255, 255, 255, 0.53);
        height: 70px;
        width: 70px;
        display: block;
        margin: -35px 0 0 -35px;
        border-radius: 100px;
        position: absolute;
        top: 50%;
        left: 50%;
        transition: all 0.1s ease;
        z-index: 1;
    }

    .vimeo:hover::before {
        /* play bubble hover */
        background: rgba(255, 255, 255, 0.23);
    }

    .vimeo::after {
        /* Play Triangle */
        content: "";
        width: 0;
        height: 0;
        line-height: 0px;
        display: block;
        border-style: solid;
        border-width: 15px 0 15px 30px;
        margin: -15px 0 0 -10px;
        border-color: transparent transparent transparent rgba(255, 255, 255, 0.53);
        position: absolute;
        top: 50%;
        left: 50%;
        height: 0;
        width: 0;
        z-index: 2;
    }

    .vimeo iframe {
        /* youtube embed (responsive) */
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        z-index: 3;
    }

.lead-course-info span,
.lead-course-info a {
    display: block;
}

.lead-course-info {
    background-color: #fff;
    font-size: 16px;
}

    .lead-course-info span {
        margin-bottom: 10px;
    }

.lead-course-part {
    font-size: 13px;
    color: #FF6251;
    font-weight: bold;
}

.lead-course-name {
    font-size: 30px;
    color: black;
    font-weight: bold;
}

.lead-course-list li a {
    display: flex;
    justify-content: flex-start;
    transition: all 0.9s ease-out;
}

.lead-course-list li:active {
    background: #2182cc;
    transition: all 0.9s ease-out;
}

.lead-course-list li:visited {
    text-decoration: none !important;
}

.lead-course-list .icon {
    height: 24px;
    width: 24px;
    background: #cccccc;
    vertical-align: top;
    padding: 10px;
    margin-top: 8px;
    padding-right: 25px;
}

.lead-course-list span {
    color: #999;
}

.lead-course-list li.locked .icon {
    background: url(/Img/icon-locked.svg) no-repeat;
}

.lead-course-list li .icon {
    background: url(/Img/icon-unlocked.svg) no-repeat;
}

.lead-course-list li:hover .icon {
    background: url(/Img/icon-unlocked-hover-lead.svg) no-repeat;
}

.lead-course-list li.locked .icon {
    background: url(/Img/icon-locked.svg) no-repeat;
    background-position-x: 3px;
}

.lead-course-list li.active .icon {
    background: url(/Img/icon-unlocked-hover-lead.svg) no-repeat;
}

.lead-course-list li.fb-group .icon {
    background: url(/Img/icon-fb-group-lead.svg) no-repeat;
    padding-right: 15px;
}

.lead-course-list li.fb-group {
    margin-bottom: 20px;
    border-bottom: 1px solid #efefef;
    padding-bottom: 12px;
    color: #2bc6c4;
}

    .lead-course-list li.fb-group p {
        color: #FF6251;
    }

.lead-course-list li.fb-group .lead-course-item {
    align-self: center;
}

.lead-course-list .lead-course-item p {
    margin-bottom: 0px;
}

.lead-course-list li a {
    padding-top: 10px;
    padding-bottom: 10px;
}

.lead-course-list {
    padding: 15px;
}

.lead-list-item-container {
    border: 1px solid #efefef;
    border-radius: 8px;
    padding: 0 10px 0 10px;
    margin-top: 15px;
    margin-bottom: 15px;
}

    .lead-list-item-container.active {
        background-color: #efefef;
    }

.lead-download-container {
    border: 1px solid #efefef;
    border-radius: 8px;
    padding: 10px 10px 0 10px;
}

.lead-download-item a {
    margin-bottom: 10px;
}

.lead-download-item span {
    color: #999;
}

@media (min-width: 992px){
    .vimeo{
        margin-top:65px;
    }
}

/* fix for safari display of univ logo */
@media (min-width: 993px) {
    .university .navbar-header {
        width: 250px;
    }
}

.sortCheck {
    display: none;
    padding-left:0px !important;
    padding-right:5px;
}

.nav-gameplan {
    padding-top: 10px;
}
    .nav-gameplan a {
        color: #1FC467 !important;
    }

    .nav-gameplan-mobile a {
        color: #1FC467 !important;
    }

.warning {
    color: red;
    font-weight: 700;
    font-size: 16px;
}

.pipeline-nav {
    background-color: #e8f7fd;
    padding-top: 5px;
    padding-bottom: 5px;
}

    .pipeline-nav:hover {
        background-color: #21b3e7;
    }

.pipeline-nav-selected {
    background-color: #21b3e7;
}