#add-new-contact-btn, #add-new-organisation-btn {
	padding:0 20px;
    line-height: 32px;
    background: #ffcc80;
    text-align: center;
    text-decoration: none;
    font-size: 14px;
    display: inline-block;
    color: #fff;
    margin-top: 21px;
    float: right;
}
.open-deals-num { margin:10px 30px 0 10px;}
.open-deals-num span { margin:0 15px; }
#activity-flags a { text-decoration:none;font-weight:normal; }
#activity-flags span { margin:0 5px 0 20px; }
#activity-flags i { padding:0 3px;border-radius:3px;border:1px solid #F5F6F8; }
#activity-flags .red { color: #fa5331; }
#activity-flags .green { color: #17c671; }
#activity-flags .blue { color: #289cd7; }
#activity-flags .grey { color: #666; }
#activity-flags .active.red { border:1px solid #fa5331; }
#activity-flags .active.green { border:1px solid #17c671; }
#activity-flags .active.blue { border:1px solid #289cd7; }
#activity-flags .active.grey { border:1px solid #666; }
.icon-flag { color: #c7c7c7; }

div.navigation-bar {
    margin: 10px 0%;
    width: 100%;
}

div.navigation-bar .left-nav {
    float: left;
}

div.navigation-bar a {
    border-radius: 7px;
    font-size: 14px;
    float: left;
    display: block;
    width: 100px;
    padding: 6px 2px 6px 13px;
    margin-right: 7px;
    text-decoration: none;
    text-align: left;
}

div.navigation-bar a i {
    margin-right: 5px;
}

div.navigation-bar .right-nav a {
    margin-right: 0px;
    margin-left: 10px;
}

div.navigation-bar .right-nav {
    float: right;
}

div.filter-bar {
    width: 92%;
    padding: 5px 0;
}

/*.left-filter-form {
    float: left;
    width: calc(100% - 30px);
}*/

.left-filter-form div.filter {
    float: left;
    width: 18%;
    padding: 0 1% 10px 0;
}

.left-filter-form div.filter select {
    width: 100%;
    padding: 6px 12px;
    border-radius: 4px;
    color: #555;
    border: 1px solid #ccc;
    height: 34px;
    font-size:16px;
}
.left-filter-form div.filter input[type="text"] {
    width: 100%;
    padding: 6px 12px;
    border-radius: 4px;
    color: #555;
    border: 1px solid #ccc;
    height: 20px;
    font-size:16px;
}

.left-filter-form div.filter-button {
    float: left;
    width: 8%;
    margin-right: 1%;
}

.left-filter-form div.filter-reset {
    float: left;
    width: 8%;
}

div.filter-button a {
    background: #ffe693;
    color: #333;
    border-radius: 7px;
    display: block;
    font-size: 13px;
    height: 20px;
    padding: 4px 0 0;
    text-align: center;
    text-decoration: none;
}

div.filter-button a:hover {
    background: #ffda69;
}

div.filter-button a:active {
    background: #dbb84e;
}

div.filter-reset a {
    background: #e6e6fa;
    color: #073a6d;
    border-radius: 7px;
    display: block;
    font-size: 13px;
    height: 20px;
    padding: 4px 0 0;
    text-align: center;
    text-decoration: none;
}

div.filter-reset a:hover {
    background: #e0e0f8;
    color: #000;
}

div.filter-reset a:active {
    background: #d0d0f0;
}

.right-filter-form {
    float: right;
    width: 30%;
	margin: 15px 60px 0 0px;
    box-sizing: border-box;
}

.right-filter-form div.filter {
    float: left;
    width: 80%;
}

.right-filter-form div.filter input {
    width: 92%;
    padding: 3px 3px 3px 7px;
}

.right-filter-form div.filter-button {
    float: left;
    width: 20%;
}

optgroup.separator {
    margin: 3px 0 7px;
    padding-bottom: 6px;
    border-bottom: 1px solid #ccc;
}

div.pipeline-column {
    float: left;
    padding: 6px;
    width: 224px;
    margin: 10px 0px 10px 0;
    min-height: 470px;
}

div.pipeline-column div.column-info {
}

div.pipeline-column div.column-info .info-right,
div.pipeline-column div.column-info .info-left,
div.pipeline-column div.column-info .info-middle
{
    background: #fafafa;
    border-radius: 5px;
    font-weight: bold;
    font-size: 14px;
}

div.pipeline-column div.column-info h2 {
    color: #FFFFFF;
    font-size: 1.2rem !important;
    margin: 5px 7px 0 8px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    float: left;
    min-width: 100px;
}

div.pipeline-column div.column-info div.info-left {
    float: left;
    margin: 7px 8px 7px 3px;
    width: 130px;
    padding: 5px;
    text-align: right;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: default;
}

div.pipeline-column div.column-info div.info-middle {
    float: right;
    margin: 7px 3px;
    width: 50px;
    padding: 5px;
    text-align: center;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: default;
}

div.pipeline-column div.column-info div.info-right {
    float: right;
    padding: 2px 2px 0 0;
    background: inherit;
    width: 25px;
    color: #fff;
    font-size: 18px;
    line-height: 21px;
    text-align: right;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: default;
}

div.pipeline-column div.column-info div.info-right i {
    transition: all 0.3s linear;
}

div.pipeline-column div.column-info div.info-right i.icon-help {
    font-size: 0.8em;
}

div.card-holder, div.card-shamolder {
    padding: 2px 4px;
    min-height: 76px;
}

div.card-holder.min-height, div.card-shamolder.min-height {
    padding: 1px 4px 10px;
    min-height: 380px
}

div.card-holder > a, div.card-shamolder > a {
    background: #e5eee5;
    border-radius: 40px;
    display: block;
    font-size: 14px;
    margin: 10px 10px 0;
    padding: 5px;
    text-align: center;
}

div.card-holder > a:hover, div.card-shamolder > a:hover {
    background: #c9d5c9;
    text-decoration: none;
}

div.pipeline-column:nth-last-child(2){
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
}

div.pipeline-column.first {
    background: #17c671;
    margin-right: 10px;
    border-radius: 10px;
}

div.pipeline-column.first.salesforce {
    background: #17c671;
    margin-right: 0px;
    border-radius: 10px 0 0 10px;
}

div.pipeline-column.first div.card-holder {
    background: #14b265;
}

div.pipeline-column.second {
    background: #17c671;
    margin-right: 10px;
    border-radius: 10px;
}

div.pipeline-column.second.salesforce {
    background: #17c671;
    margin-right: 10px;
    border-radius: 0 10px 10px 0;
}

div.pipeline-column.second div.card-holder {
    background: #14b265;
}

div.pipeline-column.middle {
    background: #aaa;
    padding: 6px 4px;
}

div.pipeline-column.middle div.column-info h2 {
    color: #FFFFFF;
    font-family: 'Helvetica';
}

div.pipeline-column.middle div.column-info div.info-right {
    color: #0c2b4a;
}

div.pipeline-column.middle.start {
    padding-left: 9px;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
}

div.pipeline-column.middle div.card-holder {
    background: #bbb;
}

div.pipeline-column.middle div.card-shamolder {
    background: #bbb;
}

div.pipeline-column.last {
    margin: 10px 0 10px 10px;
    background: #f9522f;
    border-radius: 10px;
}

div.pipeline-column.last div.card-holder {
    background: #e0492a;
}

div.pipeline-column.last div.card-shamolder {
    background: #e0492a;
}

div.additional-column-holder {
    background: rgba(150, 150, 150, 0.5);
    bottom: 0;
    display: none;
    height: 100px;
    padding: 10px 5px;
    position: fixed;
    width: 100%;
    background: rgba(150, 150, 150, 0.85);
    z-index:2;
}

div.additional-column {
    float: left;
    border: 2px solid #900;
    background: #aa4040;
    width: 225px;
    margin-left: 25px;
    position: relative;
}

div.additional-column > h2 {
    position: absolute;
    left: 3px;
    top: 4px;
    color: #fff;
    font-size: 1.5rem;
}

div.additional-column > h2 i {
    padding: 0px 5px;
}

/*CARDS*/
div.pipeline-card {
    cursor: move;
    background: #ffffff;
    margin: 3px 0 5px;
    padding: 8px 6px 8px 7px;
    width: 203px;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border-radius: 3px;
    overflow: hidden;
}
div.pipeline-card .extra {
    background-color: #ffffff;
    height: 100%;
    left: 0;
    overflow: hidden;
    padding: 8px 6px 8px 7px;
    position: absolute;
    top: 100%;
    width: 100%;
    z-index: 3;
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -o-transform: translateY(0px);
    transform: translateY(0px);
    -webkit-transition: -webkit-transform 0.3s;
    -moz-transition: -moz-transform 0.3s;
    transition: transform 0.3s;
}

div.pipeline-card .extra.show {
    -webkit-transition: -webkit-transform 0.3s;
    -moz-transition: -moz-transform 0.3s;
    transition: transform 0.3s;
    -webkit-transform: translateY(-100%);
    -moz-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    -o-transform: translateY(-100%);
    transform: translateY(-100%);
}

div.pipeline-card.ui-state-disabled {
    cursor: default;
}

div.pipeline-card.draggable {
    float: none;

}

div.pipeline-card.floating {
    box-shadow: 0 0 25px #333;
    border: 2px solid #f0f;
}

div.pipeline-card .card-left-column {
    width: 55%;
    margin-right: 3.3333%;
}

div.pipeline-card .card-right-column {
}

div.pipeline-card .card-title {
    font-weight: bold;
    height: 22px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}


div.pipeline-card .card-title a {
    color: #333333;
    line-height: 25px;
}
div.pipeline-card .card-title a:hover {
    text-decoration: underline;
}

div.pipeline-card i {
    cursor: pointer;
}

div.pipeline-card .card-logo i:before {
    cursor: move;
}

div.pipeline-card .card-logo img {
    width: 22px;
    height: 22px;
}

div.pipeline-card .card-info {

}

div.pipeline-card .card-score {
    height: 30px;
    width: 35px;
}

div.pipeline-card .card-icons span.alert-circle {
    border: 2px solid;
    border-radius: 100px;
    display: block;
    font-size: 13px;
    font-weight: bold;
    text-align: center;
    padding: 0 5px;
    color: rgba(0,0,0,0);
}
div.pipeline-card .card-icons span.alert-circle.green, div.card .card-icons span.alert-circle.green:hover {
    color: #ffcc80;
}
div.pipeline-card .card-icons span.alert-circle.yellow, div.card .card-icons span.alert-circle.yellow:hover {
    color: #FFCE43;
}

div.pipeline-card .card-source {
    color: #036;
    font-weight: bold;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

div.pipeline-card .card-stage {
    color: #080;
    font-weight: bold;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

div.pipeline-card .card-price {
    color: #c07000;
    font-size: 15px;
    font-weight: bold;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

div.pipeline-card .card-value {
    background: #ffc;
    border: 1px solid #dada84;
    font-size: 15px;
    font-weight: bold;
    height: 25px;
    padding-top: 3px;
    text-align: center;
}



div.pipeline-card .red {
    color: #fa5331;
}

div.pipeline-card .blue {
    color: #289cd7;
}

div.pipeline-card .green {
    color: #17c671;
}

div.pipeline-card .nope {
    color: #666;
}

div.pipeline-card .card-lead-top {
    height: 34px;
}

div.pipeline-card .card-full-blank {
    height: 6px;
    margin: 0px 0 2px;
}

div.pipeline-card .card-blank {
    padding-top: 1px;
    height: 18px;
    margin: 1px 0 2px;
}

div.pipeline-card .card-icons {
    display:flex;
    justify-content:space-between;
    cursor: default;
    color: #666;
}

div.pipeline-card .card-icons i {
    font-size: 16px;
    cursor: pointer;
}

div.pipeline-card .card-icons span:hover {
    color: #333;
}

div.pipeline-card .card-probability {
    background: #d6eeff;
    border: 1px solid #7cacdd;
    padding-top: 1px;
    height: 18px;
    text-align: center;
    margin: 1px 0 2px;
}

div.pipeline-card .card-duration {
    background: #d6eeff;
    border: 1px solid #7cacdd;
    padding-top: 1px;
    height: 18px;
    text-align: center;
}

div.pipeline-card .card-duration-lg {
    background: #d6eeff;
    border: 1px solid #7cacdd;
    padding-top: 5px;
    height: 25px;
    text-align: center;
    margin-bottom: 2px;
}

div.pipeline-card .card-activity {
    background: #d6eeff;
    border: 1px solid #7cacdd;
    padding-top: 1px;
    height: 18px;
    text-align: center;
    margin-bottom: 2px;
}

div.drop-holder {
    background: rgba(0, 0, 0, 0.25);
    border: 1px dashed rgba(200, 180, 200, 0.75)
}

div.column-placeholder {
    background: rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    margin-top: 5px
}

.test {
    padding: 8px 0 8px 0 !important
}

.wrapper1, .wrapper2 {
    width: 93%;
    margin: 0px auto 20px;
    overflow-x: scroll;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
}

.wrapper1 {
    height: 20px;
    margin: 5px auto;
}

.div1 {
    width: 2000px;
    height: 20px;
}

.div2 {
    width: 2000px;
    background-color:#F5F6F8;
    overflow: hidden;
    margin: 5px auto;
}

div.column-list {
    padding: 0px 10px;
}

div.column-list div.status-column {
    padding: 5px 0 11px;
    border: 1px solid #ccc;
    border-radius: 10px;
}

div.status-column.first {
    background: #DFEEF6;
}

div.status-column.second {
    background: #DFEEF6;
}

div.status-column.middle {
    background: #F6EBDF;
    margin-bottom: 2px;
}

div.status-column.last {
    background: #FAE7E7;
    margin-top: 7px;
}

div.column-list div.columnSort, .column-list div.columnOrder, .column-list div.columnDescription {
    padding-top: 12px;
}

div.column-list div.columnEdit {
    padding-top: 8px;
}

div.column-list div.columnDelete {
    padding-top: 11px;
}

div.pipeline-column.middle.end {
    padding-right: 9px;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
}

@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg);
    }
}

@keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg);
    }
}

@-webkit-keyframes dip {
    from {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
    50% {
        -webkit-transform: scale3d(0.94, 0.94, 0.94);
        transform: scale3d(0.94, 0.94, 0.94);
    }
    to {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}

@keyframes dip {
    from {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
    50% {
        -webkit-transform: scale3d(0.94, 0.94, 0.94);
        transform: scale3d(0.94, 0.94, 0.94);
    }
    to {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}

div.alert-box {
    background: #666;
    color: #fafafa;
    box-shadow: -4px 6px 15px -5px #000000;
    min-width: 20vw;
    padding: 10px 2vw 10px 1vw;
    position: fixed;
    right: -25vw;
    top: 20vh;
}

div.alert-box.success {
    background: #338e1c;
}

div.alert-box.warning {
    background: #ee9911;
}

div.alert-box.error {
    background: #cc3333;
}

.ui-sortable-helper {
    box-shadow: 5px 5px 20px #666;
}

span.alert-message {
    font-weight: bold;
    display: inline-block;
    padding: 4px 10px 0 0;
}

.success {
    color: #338e1c;
}

.warning {
    color: #ee9911;
}

.error {
    color: #cc3333;
}

.info {
    color: #0aa5d7;
}

.left-arrow, .right-arrow {
    position: fixed;
    background: #71a7cf;
    color: #fff;
    cursor: pointer;
    font-size: 21px;
    height: 35px;
    padding: 9px 0 0;
    top: 49%;
    width: 25px;
    text-align: center;
}

.right-arrow {
    border-left: 6px double #f0f0f0;
    border-radius: 0 200px 200px 0;
    right: 76px;
}

.left-arrow {
    border-right: 6px double #f0f0f0;
    border-radius: 200px 0 0 200px;
    left: 77px;
}

.left-arrow:hover, .right-arrow:hover {
    background: #2f709f;
}

.crm-filter-loading {
    float: right;
    min-width: 30px;
    font-size: 26px;
    text-align: center;
}

.crm-filter {
    float: right;
    font-size: 14px;
    margin-right: 10px;
}

.crm-filter select {
    padding: 4px 2px;
    width: 150px;
    font-size: 14px;
}

.crm-filter option {
    padding: 1px 0;
}

/* GRID */

/* TABLE */
.row.stripe {
    padding: 0.4em 0;
}

.row.stripe div.smaller {
    font-size: 13px;
    padding-top: 2px;
}

#theTags, #funnel-stages {
    margin: 0 0.7em;
}

#emailListArea {
    padding: 0 0.2em;
}

/* ICONS */
@font-face {
    font-family: 'fontello';
    src: url('../font/fontello.eot');
    src: url('../font/fontello.eot') format('embedded-opentype'),
    url('../font/fontello.woff') format('woff'),
    url('../font/fontello.ttf') format('truetype'),
    url('../font/fontello.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

[class^="icon-"]:before, [class*=" icon-"]:before {
    cursor: pointer;
    font-family: "fontello";
    font-style: normal;
    font-weight: normal;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    line-height: 1em;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.icon-help:before {
    content: '\e800';
}

.icon-add:before {
    content: '\e801';
}

.icon-delete:before {
    content: '\e802';
}

.icon-cancel:before {
    content: '\e803';
}

.icon-unfilled:before {
    content: '\e804';
}

.icon-filled:before {
    content: '\e805';
}

.icon-unchecked:before {
    content: '\e806';
}

.icon-checked:before {
    content: '\e807';
}

.icon-right:before {
    content: '\e808';
}

.icon-loading:before {
    content: '\e809';
}

.icon-ok:before {
    content: '\e80a';
}

.icon-activate:before {
    content: '\e80b';
}

.icon-deactivate:before {
    content: '\e80c';
}

.icon-tags:before {
    content: '\e80d';
}

.icon-notify:before {
    content: '\e80e';
}

.icon-list:before {
    content: '\e80f';
}

.icon-desktop:before {
    content: '\e810';
}

.icon-users:before {
    content: '\e811';
}

.icon-workflow:before {
    content: '\e812';
}

.icon-pencil:before {
    content: '\e813';
}

.icon-add-tag:before {
    content: '\e814';
}

.icon-viewed:before {
    content: '\e815';
}

.icon-mail:before {
    content: '\e816';
}

.icon-clock:before {
    content: '\e817';
}

.icon-pipeline:before {
    content: '\e818';
}

.icon-stats:before {
    content: '\e819';
}

.icon-calendar:before {
    content: '\e81a';
}

.icon-orgs:before {
    content: '\e81b';
}

.icon-import:before {
    content: '\e81c';
}

.icon-basket:before {
    content: '\e81d';
}

.icon-user:before {
    content: '\e81e';
}

.icon-activities:before {
    content: '\e81f';
}

.icon-flag:before {
    content: '\e820';
}

.icon-doc:before {
    content: '\e821';
}

.icon-search:before {
    content: '\e822';
}

.icon-sort:before {
    content: '\e823';
}

.icon-edit:before {
    content: '\e824';
}

.icon-lost:before {
    content: '\e825';
}

.icon-deleted:before {
    content: '\e826';
}

.icon-closed:before {
    content: '\e827';
}

.icon-down:before {
    content: '\e828';
}

.icon-left:before {
    content: '\e829';
}

.icon-right:before {
    content: '\e82a';
}

.icon-up:before {
    content: '\e82b';
}

.icon-drag:before {
    content: '\e82c';
    font-size: 18px;
}

.icon-export:before {
    content: '\e82d';
}

.icon-warning:before {
    content: '\e82e';
}

.dash-alert {
    background: #fff;
    font-size: 14px;
    border: 3px solid #FDC146;
    line-height: 24px;
    min-width: 20px;
    display: inline-block;
    text-align: center;
    border-radius: 100px;
    position: absolute;
    right: 5px;
    top: 5px;
    font-weight: bold;
    box-shadow: 1px 1px 2px #ccc;
    padding: 0 2px;
    color: #FDC146;
}

.engagements-graph, .conversion-graph, .sales-graph {
    display: none;
    width: 95%;
    margin: auto;
    box-shadow:3px 3px 6px #bbb;
}

#OwnerSelect {
   /* font-size: 1em; */
}

#reg_data_error {
	font-size: 14px;
    text-indent: 10px;
}

#activity_head {
    width: 100%;
    padding: 0 0 5px 0;
    border-bottom: 1px solid #ccc;
}

#add_new_activity {
    float: left;
    margin-left: 10px;
}

#add_new_activity a {
    display: block;
    text-align: center;
    border-radius: 3px;
    padding: 3px;
    cursor: pointer;
    background: #ffcc80;
    border: none;
    color: #fff;
    font-size: 14px;
    width: 120px;
    line-height: 26px;
}

#activity_types_btn {
    float: left;
    width: 140px;
    text-align: center;
    margin: 0px 10px 0 10px;
}

#activity_types_btn a {
    display: block;
    text-align: center;
    border-radius: 3px;
    padding: 3px;
    cursor: pointer;
    background: #289cd7;
    border: none;
    color: #fff;
    font-size: 14px;
    width: 80px;
    line-height: 26px;
    margin: 0 30px 0 30px;
}

#activity_filter {
    min-height: 50px;
    width: 100%;
    padding: 10px 0 10px 0;
    border-bottom: 1px solid #ccc;
}

#activity_filter ul {
    list-style-type: none;
    float: left;
    margin: 0;
}

#activity_filter ul li {
    float: left;
    height: 20px;
    margin: 0 10px 5px 0;
    text-align: center;
    color: #ffcc80;
    font-weight: bold;
}

#activity_filter ul li a#filter_activity_0 {
    font-size: 12px;
    font-weight: bold;
    border: 1px solid #ccc;
    border-radius: 10px;
    padding: 3px;
    width: 26px;
    text-align: center;
}

#activity_filter ul li a {
    color: #111;
    display: block;
}

#active_activities a.active {
    background: #525d7d;
    color: #fff;
}

#date_filter {
    float: right;
    width: 408px;
    font-size: 12px;
}

#date_filter ul li a {
    line-height: 20px;
}

#activity_content {
    font-size: 12px;
    padding: 10px 0 10px 0;
    min-height: 380px;
    position: relative;
}

#activity_content table {
    width: 100%;
    text-align: left;
}

#activity_content table tr {
    text-indent: 3px;
    background: #efefef;
}

#activity_content #act_table thead th:nth-child(1) {
    cursor: default;
    text-indent: 3px;
    background: none !important;
}

#activity_content table .centered {
    text-align: center;
    line-height: 30px;
}

#act_table thead th {
    height: 19px;
}

.realtime_filter_row {
    padding: 10px;
}

.realtime_filter_row select {
    width: 160px;
    height: 24px;
    float: left;
    margin: 0 10px 0 0;
}

#website_totals {
    font-size: 14px;
    color: #29A7DF;
    text-align: right;
    background: #C3EEFC;
    border-bottom: 0;
    padding: 10px 30px 0 0;
    float: right;
}

#website_totals p {
    margin: 0;
}

#realtime-visitor-table {
    width: 100%;
    text-align: left;
    border-collapse: collapse;
    border-spacing: 0;
    border: 1px solid #8899cc;
}

#realtime-visitor-table thead tr th {
    background: #29A7DF;
    color: #fff;
    padding: 10px;
    border: 1px solid #8899cc;
}

#realtime-visitor-table thead tr th:first-child {
    width: 80px;
}

#realtime-visitor-table thead tr th:nth-child(2) {
    width: 100px;
}

#realtime-visitor-table thead tr th:nth-child(3) {
    text-align: center;
    width: 80px;
}

#realtime-visitor-table thead tr th:nth-child(4) {
    text-align: center;
    width: 90px;
}

#realtime-visitor-table thead tr th:nth-child(5) {
    text-align: center;
    width: 250px;
}

#realtime-visitor-table thead tr th:nth-child(6) {
    text-align: center;
    width: 80px;
}

#realtime-visitor-table thead tr th:nth-child(7) {
    text-align: center;
    width: 80px;
}

#realtime-visitor-table thead tr th:nth-child(8) {
    text-align: center;
    width: 40px;
}

#realtime-visitor-table thead tr th:nth-child(9) {
    text-align: center;
    width: 40px;
}

.activity-crmSel {
    margin: 2em;
    float: right;
}

#pipeline-main.import {
    min-height: 500px;
    position: relative;
    z-index: 1001;
    padding: 10px;
}

.import #top-bar {
    line-height: 32px;
    height: 32px;
    padding: 5px 10px 5px 10px;
    background: #86A3B8;
}

.import #top-bar h2 {
    color: #fff;
    margin: 0;
    width: 20%;
    float: left;
}

#guide-panel {
    width: 100%;
    height: 170px;
    display: block;
    float: left;
    font-size: 14px;
}

#guide-panel div {
    float: left;
    display: block;
    padding-left: 20px;
    width: 360px;
    height: 150px;
    margin-top: 5px;
}

#guide-panel div:nth-child(1n+2) {
    margin-left: 20px;
}

#guide-panel div p {
    margin: 0;
}

#guide-panel div ul {
    margin: 0;
}

#divider-import {
    width: 100%;
    height: 65px;
    float: left;
    display: block;
    border-top: 5px solid #86A3B8;
}

#import-type-hold {
    margin-top: 10px;
    margin-left: 20px;
    width: 100%;
    height: 45px;
    font-size: 14px;
}

#import-type-hold div {
    float: left;
    display: block;
    width: 100%;
    height: 20px;
}

#import-type-hold div p:first-child {
    color: #191D2E;
    float: left;
    display: block;
    width: 250px;
    margin: 0;
}

#pipeline-select-label {
    color: #191D2E;
    float: left;
    width: 250px;
    margin: 0 0 0 140px;
}

#owner-select-label {
    color: #191D2E;
    float: left;
    width: 250px;
    margin: 0 0 0 50px;
}

#add-to-hold {
    padding: 10px;
}

.form_input.add-to-pipeline {
    height: 20px;
    width: 220px;
    padding: 5px 8px;
    border: 1px solid #aaa;
    box-shadow: 0px 0px 3px #ccc, 0 10px 15px #eee inset;
    border-radius: 2px;
}

.add-to-border {
    border-bottom: 1px solid #ccc;
    margin: 0;
}

.add-float {
    float: left;
}

.add-float:nth-child(1n+2) {
    margin-left: 20px;
}

.add-to-button {
    line-height: 28px;
    margin: 1px 0 0 5px;
    position: relative;
    padding: 0 5px 0 5px;
    cursor: pointer;
}

#existingTag {
    width: 238px;
    height: 32px;
}

#newTagDiv {
    padding-top: 0px;
    width: 450px;
    display: none;
}

#tagName {
    float: left;
}

#add-to-email-hold {
    float: left;
    margin: 0 50px 0 0;
    width: 450px;
}

#emailList {
    width: 238px;
    height: 32px;
    margin-bottom: 10px;
}

#newEmailListDiv {
    padding-top: 0px;
    width: 400px;
    display: none;
    margin-top: 10px;
}

#emailListTitle {
    float: left;
    width: 260px;
}

#add-to-mobile-hold {
    float: left;
    margin: 0 50px 0 0;
    width: 400px;
}

#mobileList {
    width: 238px;
    height: 32px;
    margin-bottom: 10px;
}

#newMobileListDiv {
    padding-top: 0px;
    width: 400px;
    display: none;
    margin-top: 10px;
}

#mobileListTitle {
    float: left;
    width: 260px;
}

#add-to-new-list {
    display: block;
    margin-bottom: 10px;
}

.form_submit.add-to-submit {
    display: inline-block;
    margin: 10px;
    background-color: #ffcc80;
    background: -webkit-gradient(linear, left top, left bottom, from(#ffcc80), to(#50911e));
    background: -webkit-linear-gradient(top, #ffcc80, #50911e);
    background: -moz-linear-gradient(top, #ffcc80, #50911e);
    background: -ms-linear-gradient(top, #ffcc80, #50911e);
    background: -o-linear-gradient(top, #ffcc80, #50911e);
    background: linear-gradient(top, #ffcc80, #50911e);
    border: 1px solid #509111;
    border-bottom: 1px solid #5b992b;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    box-shadow: inset 0 1px 0 0 #9fd574;
    -webkit-box-shadow: 0 1px 0 0 #9fd574 inset;
    -moz-box-shadow: 0 1px 0 0 #9fd574 inset;
    -ms-box-shadow: 0 1px 0 0 #9fd574 inset;
    -o-box-shadow: 0 1px 0 0 #9fd574 inset;
    color: white;
    font-weight: bold;
    padding: 6px 20px;
    text-align: center;
    text-shadow: 0 -1px 0 #396715;
    font-size: 14px;
}

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

#upload-panel {
    float: left;
    display: block;
    width: 100%;
    height: 62px;
    margin-top: 0px;
    background-color: #D0D0D0;
}

#upload-panel-txt {
    float: left;
    height: 18px;
    width: 180px;
    font-size: 14px;
    padding-top: 4px;
    margin-left: 30%;
    margin-top: 20px;
}

#csv {
    float: left;
    height: 22px;
    width: 240px;
    margin-top: 20px;
    box-shadow: 0px 0px 3px #ccc, 0 10px 15px #eee inset;
}

#uploadcsv-btn {
    float: left;
    width: 120px;
    height: 22px;
    margin-top: 20px;
    margin-left: 10px;
    text-align: center;
    vertical-align: middle;
    line-height: 22px;
    font-size: 14px;
    color: white;
    font-weight: bold;
    background-color: #30a1d9;
    cursor: pointer;
}

#csv-table-header {
    float: left;
    width: 1180px;
    height: 40px;
    margin-top: 10px;
    background-color: #E0E0E0;
}

#csv-table {
    white-space: nowrap;
    float: left;
    display: none;
    width: 1150px;
    height: 250px;
    margin-top: 10px;
    overflow-x: auto;
    border: 1px solid #ccc;
    padding: 10px;
    background: #fff;
}

#csv-details {
    float: left;
    display: block;
    padding-left: 10px;
    width: 730px;
    height: 20px;
    margin-left: 10px;
    margin-top: 10px;
    background-color: #A0A0A0;
}

.csv-detail {
    float: left;
    display: block;
    width: 180px;
    height: 17px;
    padding-top: 3px;
    margin-left: 0px;
    font-size: 14px;
}

#view-table-btn {
    float: left;
    display: block;
    width: 70px;
    height: 20px;
    margin-left: 10px;
    margin-top: 10px;
}

.csv-table-row {
    float: left;
    display: block;
    height: 30px;
    width: 4000px;
}

.csv-table-cell {
    overflow-y: visible;
    cursor: default;
    float: left;
    display: block;
    font-size: 14px;
    overflow: hidden;
    width: 196px;
    height: 30px;
    border-right: 1px solid #86A3B8;
}

.cell-text {
    overflow-y: visible;
    cursor: default;
    float: left;
    display: block;
    font-size: 14px;
    overflow: hidden;
    padding-left: 10px;
    width: 186px;
    height: 22px;
    padding-top: 8px;
}

.csv-header-cell {
    float: left;
    display: block;
    font-size: 14px;
    overflow: hidden;
    padding-left: 10px;
    width: 186px;
    height: 30px;
    border-right: 1px solid #86A3B8;
}

.csv-field-select {
    float: left;
    display: block;
    width: 150px;
    height: 20px;
    margin-top: 5px;
}

.csv-field-select-org {
    float: left;
    display: block;
    width: 150px;
    height: 20px;
    margin-top: 5px;
}

.csv-field-select-cont {
    float: left;
    display: block;
    width: 150px;
    height: 20px;
    margin-top: 5px;
}

.delete-attr-btn {
    float: left;
    display: block;
    width: 20px;
    height: 20px;
    margin-top: 5px;
    margin-left: 10px;
    cursor: pointer;
}

.blur {
    -webkit-filter: blur(4px);
    -moz-filter: blur(4px);
    -ms-filter: blur(4px);
    -o-filter: blur(4px);
    filter: blur(4px);
    background: rgb(232, 232, 232, 0.9);
}

.csv-table-cell input[type=button], .csv-table-cell button {
    margin: 0 0 0 10px;
    padding: 3px;
    display: none;
}

#add-custom-field {
    width: 360px;
    height: 200px;
    padding: 20px;
    border-radius: 20px;
    background: #fff;
    font-size: 14px;
    position: absolute;
    left: 300px;
    top: 100px;
    border: 1px solid #ccc;
    box-shadow: 3px 3px 6px #666;
}

#add-custom-field #custom_field {
    height: 17px;
    width: 300px;
    padding: 5px 8px;
    border: 1px solid #aaa;
    box-shadow: 0px 0px 3px #ccc, 0 10px 15px #eee inset;
    border-radius: 2px;
}

#add-custom-field input[type=button] {
    padding: 3px;
}

#add-custom-field .close-custom {
    width: 20px;
    height: 20px;
    position: absolute;
    right: 10px;
    top: 10px;
    cursor: pointer;
}

#custom-type-select {
    padding: 3px;
}

#process_csv {
    float: left;
    display: block;
    width: 1180px;
    height: 100px;
}

#finish_upload_holder {
    float: left;
    display: block;
    width: 400px;
    height: 80px;
    box-shadow: 3px 3px 6px #666;
    margin-left: 290px;
    margin-top: 10px;
    margin-bottom: 10px;
}

#finish-upload-btn {
    float: left;
    display: block;
}

#finish-upload-qu {
    float: left;
    display: block;
    width: 400px;
    height: 30px;
}

#finish-upload-qu p {
    float: left;
    display: block;
    height: 20px;
    width: 160px;
    font-size: 18px;
    margin-left: 120px;
    margin-top: 10px;
}

.fu-res-no {
    float: left;
    display: block;
    cursor: pointer;
    width: 150px;
    height: 30px;
    text-align: center;
    vertical-align: middle;
    line-height: 30px;
    font-size: 14px;
    background-color: #d84545;
    color: white;
    font-weight: bold;
    margin-left: 10px;
    margin-top: 10px;
}

.fu-res-yes {
    float: left;
    display: block;
    cursor: pointer;
    width: 150px;
    height: 30px;
    text-align: center;
    vertical-align: middle;
    line-height: 30px;
    font-size: 14px;
    background-color: #ffcc80;
    color: white;
    font-weight: bold;
    margin-left: 80px;
    margin-top: 10px;
}

#process-upload-loader {
    float: left;
    display: block;
    width: 40px;
    height: 40px;
    display: none;
}

#process-upload-text {
    float: left;
    display: block;
    width: 200px;
    height: 20px;
    display: none;
}

.acpt-btn {
    margin-left: 10px;
    float: left;
    display: block;
    width: 177px;
    height: 30px;
    margin-right: 10px;
    background-color: #ffcc80;
    color: white;
    text-align: center;
    vertical-align: middle;
    line-height: 30px;
    font-size: 14px;
    cursor: pointer;
}

.add-custom-btn {
    margin-left: 10px;
    float: left;
    display: block;
    width: 177px;
    height: 30px;
    margin-right: 10px;
    background-color: #30a1d9;
    color: white;
    text-align: center;
    vertical-align: middle;
    line-height: 30px;
    font-size: 14px;
    cursor: pointer;
}

#new_activity_popup {
    width: 600px;
    min-height: 360px;
    max-height: 370px;
    background: #fff;
    position: absolute;
    top: -109px;
    left: 260px;
    box-shadow: 3px 3px 6px #666;
    border-radius: 5px;
    z-index: 10000;
}

#new_activity_title {
    width: 590px;
    font-size: 16px;
    text-indent: 15px;
    line-height: 32px;
    position: relative;
    border-bottom: 1px solid #ccc;
    margin: 0 5px 0 5px;
}

#new_activity_title .close_add_activity {
    position: absolute;
    top: -15px;
    right: -15px;
}

#new_activity_form {
    width: 570px;
    padding: 10px 15px 10px 15px;
    position: relative;
}

#activity_section_one {
    width: 570px;
    padding-bottom: 10px;
}

#activity_section_two {
    width: 570px;
    position: relative;
}

#activity_section_two #activity_icons {
    min-height: 32px;
    max-height: 96px;
    overflow: auto;
    margin: 0 0 10px 0;
}

#activity_section_two .the_activity {
    float: left;
    display: block;
    cursor: pointer;
    padding: 3px 6px 3px 6px;
    line-height: 20px;
    margin: 0 5px 5px 0;
    border-radius: 3px;
}

#activity_section_two .the_activity img {
    float: left;
    width: 20px;
    height: 20px;
    margin-right: 3px;
}

#activity_section_two #the_activity_title {
    position: relative;
}

#activity_section_two input[type=text] {
    width: 540px;
    line-height: 14px;
    font-size: 14px;
    padding: 5px;
    margin: 0 0 10px 0;
}

#activity_heading {
    width: 300px;
}

#activity_section_two #input_overlay {
    position: absolute;
    top: 7px;
    left: 5px;
    color: #ccc;
    font-size: 14px;
}

#activity_section_three {
    width: 570px;
    position: relative;
    margin: 10px 0 10px 0;
}

#activity_section_three textarea {
    width: 540px;
    height: 50px;
    padding: 5px;
}

#activity_section_four {
    width: 570px;
    padding-bottom: 10px;
}

#activity_section_four .fifth {
    width: 114px;
    float: left;
    position: relative;
}

#activity_section_four label {
    display: block;
    font-size: 14px;
    margin-bottom: 3px;
    height: 17px;
}

.calendar-btn {
    margin: 0px 40px 0 0;
    float: right;
}

#activity_section_four .fifth input[type=text] {
    width: 90px;
    line-height: 14px;
    font-size: 14px;
    padding: 5px;
}

.calendar-div {
    display: none;
    position: absolute;
    top: 0;
    left: 230px;
    width: 209px;
    height: 230px;
    z-index: 1000;
    background: #fff;
    border: 1px solid #0099cc;
    -moz-box-shadow: 4px 4px 8px #333;
    -webkit-box-shadow: 4px 4px 8px #333;
    box-shadow: 4px 4px 8px #333;
}

.calendar-div .calendar-close {
    width: 33px;
    height: 13px;
    position: absolute;
    bottom: 0;
    right: 0;
}

#activity_section_four .fifth select {
    width: 104px;
    padding: 5px 5px 6px 5px;
    line-height: 14px;
    border: 1px solid #A9A9A9;
}

#activity_section_five {
    width: 570px;
    padding-bottom: 10px;
}

#activity_section_five ul {
    list-style-type: none;
}

#activity_section_five ul li {
    float: left;
}

#activity_section_five ul li a#save_new_activity {
    display: block;
    text-align: center;
    border-radius: 3px;
    padding: 3px;
    cursor: pointer;
    background: #ffcc80;
    border: none;
    color: #fff;
    font-size: 14px;
    width: 60px;
    line-height: 26px;
    margin-top: 0;
}

#activity_section_five ul li a.close_add_activity, #activity_section_five ul li a.reset_activity {
    display: block;
    text-align: center;
    border-radius: 3px;
    padding: 3px;
    cursor: pointer;
    border: none;
    color: #2EA0D8;
    font-size: 14px;
    line-height: 26px;
    margin: 0 0 0 10px;
}

#activity_types {
    position: absolute;
    top: 0;
    background: #fff;
    min-height: 340px;
    padding: 20px 30px 20px 30px;
}

#activities_stats { background:#fff;min-height:340px;padding:7px 10px 20px 10px; }
#activity_stats_menu { width:100%;padding:10px 0 10px 0;border-bottom:1px solid #ccc; }
#activity_stats_menu ul { list-style-type:none;float:left; }
#activity_stats_menu ul li { float:left;height:20px;margin:0 5px 5px 5px;  }
#activity_stats_menu ul li a { color:#111;display:block;line-height:20px;padding:0 8px 0 8px;border-radius:8px; }
#activity_stats_menu ul li a.active { background:#efefef; }

#activity_stats_main { width:940px;padding:10px 0 10px 0; }
#activity_stats_main #activities_completed { width:450px;float:left; }
#activity_stats_main #activities_added { width:450px;float:right; }
#activity_stats_main .activity_row { width:440px;padding:2px 5px 2px 5px;border-radius:5px;margin:0 0 5px 0;background:#efefef;height:32px; }
#activity_stats_main .act_icon { width:50px;text-align:center;height:26px;float:left;padding:3px 0 3px 0; }
#activity_stats_main .act_num { width:50px;text-align:center;line-height:32px;float:left;font-size:18px; }
#activity_stats_main .act_title { width:280px;line-height:32px;float:left;font-size:18px;padding:0 10px 0 10px; }
#activity_stats_main .act_arrow { width:24px;text-align:center;height:24px;float:right;padding:4px 0 4px 0;background:no-repeat url("../images/icons/arrow.png") 3px;cursor:pointer;display:block; }
#activity_stats_main .act_arrow:hover, #activity_stats_main .act_arrow.active { background:no-repeat url("../images/icons/arrow_active.png") 3px; }
#activity_stats_main .activity_subrow { width:420px;padding:2px 5px 2px 5px;border-radius:5px;margin:0 0 5px 0;background:#efefef;min-height:28px;}
#activity_stats_main .activity_subrow .act_subject { width:100px;float:left;font-size:12px;padding:5px;font-weight:bold;}
#activity_stats_main .activity_subrow .act_notes { width:160px;float:left;font-size:12px;padding:5px; }
#activity_stats_main .activity_subrow .act_due { width:70px;float:left;font-size:12px;padding:5px;}
#activity_stats_main .activity_subrow .act_at { width:50px;float:left;font-size:12px;padding:5px;}

#activity_types { width:500px;position:absolute;top:-1px;left:-10px;background:#fff;min-height:300px;padding:20px 30px 20px 30px;border:1px solid #ccc; }
#activity_types p { margin:0 0 10px 0; }
#activity_types ul { list-style-type:none; }
#activity_types ul li { float:left; }
#activity_types ul li a { font-weight:bold;border:1px solid #fff;border-radius:10px;padding:3px 10px 3px 10px;width:130px;text-align:center;color:#111;margin:10px 10px 10px 0; }
#activity_types ul li a.active { font-weight:bold;border:1px solid #ccc;border-radius:10px;padding:3px 10px 3px 10px;width:120px;text-align:center;color:#111;background:#efefef; }
#add_activity_type { float:right; }
#add_activity_type a, #add-new-activity-type { display:block;text-align:center;border-radius:3px;padding:3px;cursor:pointer;background:#ffcc80;border:none;color:#fff;font-size:14px;width:120px;line-height:26px;}
#activity_types table { width:500px; }
#activity_types table th { text-align:left; }
#activity_types table tbody tr { height:32px; }
#activity_types table tbody tr td, #activity_types table tbody tr th { line-height:32px;border-bottom:1px solid #efefef;text-indent:5px; }
#activity_types table tbody tr td a { color:#2EA0D8; }
#activity_types table tbody tr td:nth-child(1), #activity_types table tbody tr th:nth-child(1) { width:164px; }
#activity_types table tbody tr td:nth-child(2), #activity_types table tbody tr th:nth-child(2) { width:190px; }
#activity_types table tbody tr td:nth-child(3), #activity_types table tbody tr th:nth-child(3) { width:26px;text-align:center; }
#activity_types table tbody tr td:nth-child(2) { font-size:11px;color:#ccc; }
#activity_types table tbody tr td:nth-child(2) img { float:left;margin:6px 5px 0 0; }
#activity_types table tbody tr td:nth-child(3) img { opacity:0.6;width:20px;height:20px; }
#activity_types table tbody tr td:nth-child(3) img:hover { opacity:1; }

#new_activity_type { width:500px;min-height:280px; }
#new_activity_type_title { width:490px;font-size:16px;text-indent:15px;line-height:32px;position:relative;border-bottom:1px solid #ccc;margin:0 5px 0 5px; }
#new_activity_type_title .close_activity { position:absolute;top:-15px;right:-15px;display:none; }

#activity_images { width:460px;padding:10px 20px 10px 20px;height:170px;overflow:auto; }
#activity_images img { width:20px;height:20px;float:left;padding:5px;cursor:pointer;border-radius:2px; }
#activity_images img.active { background:#BFE6F6; }

#activity_form { width:460px;padding:10px 15px 5px 15px;border-top:1px solid #ccc;margin:0 5px 0 5px; }
#activity_form label { float:left;line-height:30px;font-size:14px;display:block; }
#activity_form input[type=text] { width:200px;float:left;line-height:14px;margin-left:10px;font-size:14px;padding:7px 3px 7px 3px; }
#activity_form ul { float:left;margin-left:20px; }
#activity_form ul li a.close_activity { display:block;text-align:center;border-radius:3px;padding:3px;cursor:pointer;border:none;color:#2EA0D8;font-size:14px;width:60px;line-height:26px;margin-top:0;}
#activity_form ul li a#save_activity { display:block;text-align:center;border-radius:3px;padding:3px;cursor:pointer;background:#ffcc80;border:none;color:#fff;font-size:14px;width:60px;line-height:26px;margin-top:0; }

#new_activity_popup { width:600px;min-height:360px;max-height:370px;background:#fff;position:absolute;top:-109px;left:260px;box-shadow:3px 3px 6px #666;border-radius:5px;z-index:10000; }
#new_activity_title { width:590px;font-size:16px;text-indent:15px;line-height:32px;position:relative;border-bottom:1px solid #ccc;margin:0 5px 0 5px; }
#new_activity_title .close_add_activity { position:absolute;top:-15px;right:-15px; }

#crmSelect .form-group {
    width: 18%;
    padding: 0 1% 0 0;
}