/*|/\/\/\/\/\/\/\/\/\/\/\/\|
CSS Reset
|/\/\/\/\/\/\/\/\/\/\/\/\|*/
/* http://meyerweb.com/eric/tools/css/reset/
   v2.0 | 20110126
   License: none (public domain)
*/

@import url('https://fonts.googleapis.com/css?family=Roboto:100,100i,300,300i,400,400i,500,500i,700,700i');
@import url('https://fonts.googleapis.com/css?family=Roboto+Condensed:300i,400i,700i,400,300,700');
@import url('https://fonts.googleapis.com/css?family=Roboto+Flex:400,400i,500,500i,300,300i,700');


html {
    box-sizing: border-box;
    overflow-y: scroll; 
}

@-moz-document url-prefix() {
    html {
        scrollbar-width: thin;
    }
}

*,
*:before,
*:after {
    box-sizing: border-box;
}

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p,
a, address, big,
del, em, img, ins, samp,
small, strike, strong, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
    line-height: 1.3em;
    font-family: 'Roboto', sans-serif;
    text-rendering: optimizeLegibility !important;
    -webkit-font-smoothing: antialiased !important;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
    display: block;
}

body {
    line-height: 1;
    padding-bottom: 0;
    background-color: #fafafa;
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    text-rendering: optimizeLegibility;
}

body.no-scroll {
    position: fixed;
    width: 100%;
}

.clear {
    clear: both;
    height: 0;
}

.clear-both {
    clear: both;
}

.hide {
    display: none !important;
}

.ptr {
    cursor: pointer;
}

.ctr {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}

.rgt {
    text-align: right;
}

.abs {
    position: absolute;
}

.fit {
    border-collapse: inherit;
}

.fit-wide {
    width: 100%;
}

.nw {
    white-space: nowrap;
}

.b {
    font-weight: 500 !important;
}

.norm {
    font-weight: 400;
}

.u {
    text-decoration: underline;
}

.float-left {
    float: left;
}

.float-right {
    float: right;
}

.debug-info {
    position: absolute;
    margin: 2000px 20px 20px 20px;
    width: 1024px;
    text-align: left;
}

body .text-na {
    color: #FF9E30;
    font-style: italic;
}

body .text-na.low {
    color: #b0b0b0;
    font-style: italic;
}

body .text-neutral {
    color: #b0b0b0;
}

body .text-required {
    color: #f64431;
    margin-left: 2px;
}

body .text-info {
    color: #0d8b9d;
    margin-left: 2px;
}


body .text-header-info {
    color: #0d8b9d;
    margin-left: 4px;
}

body .text-invalid.text-info {
    color: #f64431;
}

body .color-edit .text-info {
    color: #78dfef;
}

.kapta-overlay {
    width: 100%;
    height: 100%;
    z-index: 130;
    background-color: #000000;
    opacity: 0.5;
    position: fixed;
    top: 0;
    left: 0;
}

.pointer-events-none {
    pointer-events: none;
}

blockquote, q {
    quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}

a.highLt {
    max-width: 80%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: inline-block;
}

img {
    image-rendering: auto;
    -ms-interpolation-mode: bicubic;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

input, select {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0 none;
    color: #202020;
    font: inherit;
}

input[type="range"] {
    -webkit-appearance: none;
    width: 100%;
}

input[type="range"]::-webkit-slider-thumb {
    -webkit-appearance: none;
}

input[type="range"]:focus {
    outline: none;
}

input[type="range"]::-ms-track {
    width: 100%;
    cursor: pointer;
    background: transparent;
    border-color: transparent;
    color: transparent;
}

input[type="file"]::-webkit-file-upload-button {
    cursor: pointer;
}

*:focus {
    outline: none;
}

.group:after {
    content: "";
    display: table;
    clear: both;
    color: #576A82
}

.i {
    font-style: italic;
}

.side-bar_wrap ::-webkit-scrollbar {
    -webkit-appearance: none;
    width: 7px;
    height: 9px
}

.side-bar_wrap ::-webkit-scrollbar-thumb {
    background-color: #B0B0B0;
}

.content-wrap ::-webkit-scrollbar, .right-side-bar_wrap ::-webkit-scrollbar {
    -webkit-appearance: none;
    width: 7px;
    height: 9px
}

.content-wrap ::-webkit-scrollbar-thumb, .right-side-bar_wrap ::-webkit-scrollbar-thumb {
    background-color: rgba(0,0,0,0.5);
}

.right-side-bar_wrap .priority label {
    display: none;
}

.no-wrap {
    white-space: nowrap;
}

.add-ellipsis {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.add-ellipsis-wrap {
    overflow: hidden;
    text-overflow: ellipsis;
}

.hide-overflow {
    overflow: hidden;
}


/*|/\/\/\/\/\/\/\/\/\/\/\/\|
Extends
|/\/\/\/\/\/\/\/\/\/\/\/\|*/
.grey-linear-bg, .main-nav, body.login .login-footer {
    background-color: #4f4c50;
    background-image: -webkit-linear-gradient(#4f4c50, #434044);
    background-image: linear-gradient(#4f4c50, #434044);
}



.card-shadow, .dropdown-menu, .card, .ui-datepicker {
    box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.12), 0px 2px 2px 0px rgba(0, 0, 0, 0.24);
}

.card.no-shadow {
    box-shadow: none;
}

.card-report .card {
    box-shadow: none;
    border: 1px solid #DDDDDD;
}

.card-report .card.no-border {
    border: none;
}

.profile-img-shadow, .create-new-list-item:hover button, .card.card-expanded {
    box-shadow: 0px 0px 9px 0px rgba(0, 0, 0, 0.12), 0px 9px 9px 0px rgba(0, 0, 0, 0.24);
}

.side-bar_list, .side-bar_wrap .side-bar, .side-bar_wrap .side-bar_sub {
    /* overflow-y: hidden; */
}

.side-bar_list ul, .side-bar_wrap .side-bar ul, .side-bar_wrap .side-bar_sub ul:last-of-type {
    margin-bottom: 30px;
}

.side-bar_wrap .side-bar_sub ul:not(last-of-type) {
    margin-bottom: 20px;
}

.side-bar_list ul:not(:last-of-type), .side-bar_wrap .side-bar ul:not(:last-of-type), .side-bar_wrap .side-bar_sub ul:not(:last-of-type) {
    border-bottom: 1px solid #d0d0d0;
}

.side-bar_list ul li, .side-bar_wrap .side-bar ul li {
    line-height: 1rem;
    padding-left: 20px;
    position: relative;
    margin-bottom: 30px;
    font-size: 14px;
    font-weight: 500;
}

.side-bar_wrap .side-bar_sub ul li {
    color: #666;
    line-height: 1rem;
    padding: 0 8px 0 30px;
    position: relative;
    margin-bottom: 10px;
    font-size: 14px;
    font-weight: 500;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.side-bar_list ul li .side-bar-nav-icon, .side-bar_wrap .side-bar ul li .side-bar-nav-icon, .side-bar_wrap .side-bar_sub ul li .side-bar-nav-icon {
    display: inline-block;
    margin-right: 20px;
    position: relative;
    bottom: -4px;
}

.side-bar_list ul li:hover, .side-bar_wrap .side-bar ul li:hover, .side-bar_wrap .side-bar_sub ul li:hover, .link-hover:hover, .link-hover:hover .text-mid-grey, .link-hover:hover .text-light-grey {
    cursor: pointer;
    color: #11b5cc;
}

.side-bar_list ul li:hover svg path, .side-bar_wrap .side-bar ul li:not(.submenu-accounts):hover svg path, .side-bar_wrap .side-bar_sub ul li:not(.submenu-accounts):hover svg path, .link-hover:hover svg path {
    fill: #11b5cc;
}

.side-bar_list ul li a, .side-bar_wrap .side-bar ul li a, .side-bar_wrap .side-bar_sub ul li a {
    color: inherit;
    line-height: 20px;
}

.side-bar-nav-text {
    width: 140px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-block;
    white-space: nowrap;
    top: 5px;
    position: relative;
}


body a:hover, #search-results-dropdown .search-results-all:hover, .search-results ul li:hover, .dropdown-menu li:hover, .notification-content:hover, .notification.new .notification-content:hover, .card__bottom:hover, .card-goal:hover:not(.card-expanded), .card-direct-report:hover:not(.card-expanded), .card-approval:hover:not(.card-expanded), .history .card-row-history:hover, .card-history .info__card-action:hover, .kanban-column .card:hover, .card.kanban-list:hover, .card-overview:hover, .card-row-item:hover, .objective-owner:hover, .card-setting:hover:not(.flipped), .account-list:hover:not(.header), .card-row-create:hover, .card-account-edit:hover, action-text:hover, .item-action {
    cursor: pointer;
}

#search-results-dropdown .search-results-all:hover, .search-results ul li:hover, .dropdown-menu li:hover, .notification-content:hover, .notification.new .notification-content:hover, .card__bottom:hover, .card-goal:hover:not(.card-expanded), .card-direct-report:hover:not(.card-expanded), .card-approval:hover:not(.card-expanded), .history .card-row-history:hover, .kanban-column .card:hover, .card.kanban-list:hover, .card-overview:hover, button.button-default:hover, button.button-white:hover, button.button-transparent:hover, .card-row-item:hover, .objective-owner:hover, .card-setting:hover:not(.flipped) .account-list:hover:not(.header), .card-account-edit:hover > .card-row:not(.card__heading), .card-row-overview:hover {
    background-color: #DBF4F8;
}

.action-text:hover {
    color: #11b5cc;
}

.link-text {
    color: #11b5cc !important;
}

.link-text:hover {
    color: #0d8b9d !important;
    cursor: pointer;
}

body p {
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.4rem;
}

p.intro {
    color: #666;
}

.intro-header {
    font-weight: 500;
    color: #333;
}

body .text-title, .card-goal .status-block h2, .info__card-percent, .info__block-header .info__card-title, .card-overview .overview__percent {
    font-size: 1.5rem;
    font-weight: 300;
    line-height: 1;
}

body h1 {
    font-size: 24px;
    font-weight: 400;
    line-height: 1;
}

body .text-huge {
    font-size: 4.5rem;
    font-weight: 100;
    line-height: 72px;
}

body .text-large {
    font-size: 24px;
    line-height: 28px;
}

body .text-medium-large {
    font-size: 18px;
    line-height: 22px;
}

body .text-medium {
    font-size: 2rem;
    font-weight: 300;
    line-height: 48px;
}

body .text-medium-small {
    font-size: 1.25rem;
}

body .text-normal {
    font-size: 1rem;
    font-weight: 400;
}

body .text-small {
    font-size: 0.875rem;
    font-weight: 400;
}

body .text-tiny {
    font-size: .75rem;
}

body .text-tinier {
    font-size: .70rem;
}

body .text-strike {
    text-decoration: line-through;
}

body h2, body .text-secondary, .card-goal .card-info-header-title, .kanban-column-title, .info__card-title {
    font-size: 1.125rem;
    font-weight: 400;
    line-height: 1.33;
}

body .text-desc, .card__glance-detail, .card__bottom, .kanban-title, .kanban-owner, .kanban-date, .kanban-detail, .kanban-empty, .rangeslider-steps li {
    font-size: 0.875rem;
}

body .text-context, .card-goal .goal-due-date, .info__card-span, .info__card-detail, .info__card-action, .card-overview .overview__timing, .card-overview .overview__detail, .goal-report .goal-rate-expected, .goal-report .goal-rate-current, .goal-report .goal-detail-progress-current, .goal-report .goal-detail-progress-expected {
    font-size: 14px;
}

.info__card-span--value {
    margin-left: .3rem;
}

.card__heading, .card__info-stat {
    font-size: 1rem;
}

.card__glance span {
    font-weight: 300;
}

.card__heading {
    font-weight: 500;
}

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

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

.text-light-weight {
    font-weight: 300;
}

body .text-bad {
    color: #f64431;
}

body .text-good {
    color: #47b14b;
}

body .text-alert {
    color: #e2a100;
}

body .text-white {
    color: #FFFFFF;
}

body .text-blue {
    color: #0d8b9d;
}

body .text-dark-blue {
    color: #11b5cc;
}

body .text-light-grey {
    color: #999999
}

body .text-archived {
    color: #d73d3d
}

body .text-disabled {
    color: #f64431;
    opacity: .80;
    vertical-align: middle;
}

body .text-label {
    color: #999;
    font-size: 0.875rem;
    line-height: 1rem
}

.score_detail {
    margin-top: 20px;
}

.hover-state {
    -webkit-transition: color 300ms cubic-bezier(0.77, 0, 0.175, 1);
    transition: color 300ms cubic-bezier(0.77, 0, 0.175, 1);
}

.hover-state:hover {
    color: #11b5cc !important;
    cursor: pointer;
}

.hover-state:hover svg path {
    fill: #11b5cc !important;
    -webkit-transition: fill 300ms cubic-bezier(0.77, 0, 0.175, 1);
    transition: fill 300ms cubic-bezier(0.77, 0, 0.175, 1);
}

.notification-save {
    padding: 4px 12px 4px 12px;
    font-size: 1.25rem;
    color: #ffffff;
    margin-bottom: 4px;
    position: absolute;
    font-weight: 300;
}

.notification-save.Green {
    background-color: #47b14b;
}

.notification-save.Yellow {
    background-color: #FF9E30;
}

.notification-save.Red {
    background-color: #D73D3D;
}

.notification-wrapper {
    max-height: 800px;
    overflow-y: scroll;
}

.notification-brief {
    width: 95%;
}

.notification-brief strong {
    font-weight: 500;
    color: #3C3C3C;
}

.notification-reports {
    width: 100% !important;
}

.notification-detail {
    color: #e2a100;
}

.first-line {
    white-space: nowrap;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
}

body .text-mid-grey, .card__bottom, .info__card-span, .info__card-span--value, .info__card-detail, .info__card-action, .goal-report .goal-detail-progress-current, .goal-report .goal-detail-progress-expected {
    color: #666666;
}

body .text-dark-grey {
    color: #333;
}

body .text-very-light-grey {
    color: #ccc;
}

.text-draft {
    padding: 2px;
    color: #f64431;
    text-transform: uppercase;
    border: 1px dashed #f64431;
    display: inline-block;
    font-size: 0.75rem;
}

body .text-black {
    color: #000000;
}

.card__bottom {
    line-height: 1;
    color: #323232;
    border-top: 1px solid rgba(0, 0, 0, 0.12);
    padding: 1.25rem;
    text-transform: uppercase;
}

/*|/\/\/\/\/\/\/\/\/\/\/\/\|
Colors
|/\/\/\/\/\/\/\/\/\/\/\/\|*/
[class^="bg"] {
    -webkit-transition: background-color 240ms cubic-bezier(0.77, 0, 0.175, 1);
    transition: background-color 240ms cubic-bezier(0.77, 0, 0.175, 1);
}

.bg-white {
    background-color: #ffffff;
}

.bg-black {
    background-color: #000000;
}

.bg-red {
    background-color: #D73D3D;
}

.bg-red-dark, .bg-red:hover {
    background-color: #bb2626;
}

.bg-orange {
    background-color: #FF9E30;
}

.bg-orange-dark, .bg-orange:hover {
    background-color: #fc8600;
}

.bg-green {
    background-color: #47B14B;
}

.bg-green-dark, .bg-green:hover {
    background-color: #388d3c;
}

.bg-blue {
    background-color: #11b5cc;
}

.bg-blue-dark, .bg-blue:hover {
    background-color: #0d8b9d;
}

.bg-grey {
    background-color: #eee;
}

.bg-alternating-grey {
    background-color: #f2f2f2 !important;
}

/*|/\/\/\/\/\/\/\/\/\/\/\/\|
Global Styles
|/\/\/\/\/\/\/\/\/\/\/\/\|*/

body .monospace {
    font-family: "Lucida Console", Monaco, monospace;
}

input, textarea, keygen, select, button {
    font-family: 'Roboto', sans-serif;
}

textarea.pre-populate {
    font-size: 14px;
}

.clearfix:after, body:after, #search-results-dropdown:after, .side-bar_wrap .side-bar:after, .side-bar_wrap .side-bar_sub:after, .content-wrap > .row:after, .row:after, .page-navigation:after, .card-row:after, .card:after, .card-tabbed_link-list:after, .card-tabbed .card__content:after, .card-goal:after, .profile-header:after, .history-list:after, .history-list__item:after, .profile-hierarchy-list:after, .modal-footer:after, .qbr-note-item:after {
    content: "";
    display: table;
    clear: both;
}

.invisible {
    visibility: hidden;
}

.tc {
    text-align: center;
}

.tr {
    text-align: right;
}

.tl {
    text-align: left !important;
}

.ts {
    font-size: 14px !important;
    line-height: 16px;
}

.vts {
    font-size: 12px !important;
}


.text-upper {
    text-transform: uppercase;
}


.fw {
    width: 100%;
}

.db {
    display: block;
}

.pull-left {
    float: left;
}

.pull-right {
    float: right;
}


.pull-up {
    margin-top: -42px;
}

.pull-up-medium {
    margin-top: -62px;
}

.pull-up-large {
    margin-top: -90px;
}

.pull-up-small {
    margin-top: -8px;
}

.pull-up-smaller {
    margin-top: -6px;
}

.pull-up-tiny {
    margin-top: -2px;
}

.pull-down {
    margin-top: 42px;
}

.pull-down-half {
    margin-top: 21px;
}

@media (min-width: 1060px) {
    .show-mobile {
        display: none !important;
    }
}

.item-link {
    position: absolute;
    right: 20px;
    top: 34px;
}

.item-link img {
    width: 7px;
    height: 12px;
}

.width-50 {
    width: 50%;
}



/*|/\/\/\/\/\/\/\/\/\/\/\/\|
Grid
|/\/\/\/\/\/\/\/\/\/\/\/\|*/
[class*='block-']:not(.fc-event) {
    float: left;
    padding-right: 0.625rem;
    padding-left: 0.625rem;
}


.uneven-grid [class*='block-'] {
    display: inline-block;
    float: none;
    vertical-align: top;
}


@media (min-width: 640px) {
    [class*='block-'] {
        padding-right: 0.625rem;
        padding-left: 0.625rem;
    }
}

@media (min-width: 1060px) {
    [class*='block-'] {
        padding-right: 0.625rem;
        padding-left: 0.625rem;
    }
}

@media (min-width: 1230px) {
    [class*='block-'] {
        padding-right: 0.625rem;
        padding-left: 0.625rem;
    }
}

@media (min-width: 640px) {
    [class*='block-']:last-of-type {
        padding-right: 0.625rem;
        margin-right: -0.625rem;
    }
}

@media (min-width: 1060px) {
    [class*='block-']:last-of-type {
        padding-right: 0.625rem;
        margin-right: -0.625rem;
    }
}

@media (min-width: 1230px) {
    [class*='block-']:last-of-type {
        padding-right: 0.3125rem;
        margin-right: -0.3125rem;
    }
}

@media (min-width: 640px) {
    .block-1:nth-of-type(4n) {
        margin-right: -0.625rem;
    }
}

@media (min-width: 1060px) {
    .block-1:nth-of-type(4n) {
        margin-right: -0.625rem;
    }
}

@media (min-width: 1230px) {
    .block-1:nth-of-type(4n) {
        margin-right: -0.3125rem;
    }
}

@media (min-width: 640px) {
    .block-1:nth-of-type(4n + 1) {
        margin-left: -0.625rem;
    }
}

@media (min-width: 1060px) {
    .block-1:nth-of-type(4n + 1) {
        margin-left: -0.625rem;
    }
}

@media (min-width: 1230px) {
    .block-1:nth-of-type(4n + 1) {
        margin-left: -0.3125rem;
    }
}

.block-1 {
    width: 25%;
    position: relative;
}

@media (min-width: 640px) {
    .block-1 {
        width: 25%;
    }
}

@media (min-width: 1060px) {
    .block-1 {
        width: 25%;
    }
}

@media (min-width: 1230px) {
    .block-1 {
        width: 25%;
    }
}

.block-2 {
    width: 50%;
    position: relative;
}

@media (min-width: 640px) {
    .block-2 {
        width: 50%;
    }
}

@media (min-width: 1060px) {
    .block-2 {
        width: 50%;
    }
}

@media (min-width: 1230px) {
    .block-2 {
        width: 50%;
    }
}

.block-3 {
    width: 75%;
    position: relative;
}

@media (min-width: 640px) {
    .block-3 {
        width: 75%;
    }
}

@media (min-width: 1060px) {
    .block-3 {
        width: 75%;
    }
}

@media (min-width: 1230px) {
    .block-3 {
        width: 75%;
    }
}

.block-4 {
    width: 100%;
    position: relative;
}

.block-5 {
    width: 20%;
    position: relative;
}

.block-third.resize {
    width: 40%;
}

.block-two-thirds.resize {
    width: 60%;
}

@media (min-width: 1520px) {
    .block-third.resize {
        width: 33.33333%;
    }

    .block-two-thirds.resize {
        width: 66.666%;
    }
}

.block-third {
    width: 33.33333%;
    position: relative;
}

@media (min-width: 640px) {
    .block-third {
        width: 33.33333%;
    }
}

@media (min-width: 1060px) {
    .block-third {
        width: 33.33333%;
    }
}

@media (min-width: 1230px) {
    .block-third {
        width: 33.33333%;
    }
}


.block-half {
    width: 50%;
}

@media (min-width: 640px) {
    .block-half {
        width: 50%;
    }
}

@media (min-width: 1060px) {
    .block-half {
        width: 50%;
    }
}

@media (min-width: 1230px) {
    .block-half {
        width: 50%;
    }
}

.block-fifth {
    width: 20%;
}

@media (min-width: 640px) {
    .block-fifth {
        width: 20%;
    }
}

@media (min-width: 1060px) {
    .block-fifth {
        width: 20%;
    }
}

@media (min-width: 1230px) {
    .block-fifth {
        width: 20%;
    }
}

.block-two-thirds {
    width: 66.66666%;
    position: relative;
}

@media (min-width: 640px) {
    .block-two-thirds {
        width: 66.66666%;
    }
}

@media (min-width: 1060px) {
    .block-two-thirds {
        width: 66.66666%;
    }
}

@media (min-width: 1230px) {
    .block-two-thirds {
        width: 66.66666%;
    }
}

.block-border-bottom {
    border-bottom: #dddddd 1px solid;
}

.row-blockcard-1 {
    width: 25%;
    padding-left: 0.625rem;
    padding-right: 0.625rem;
}

.row-blockcard-2 {
    width: 50%;
    padding-left: 0.625rem;
    padding-right: 0.625rem;
}

.row-blockcard-4 {
    width: 100%;
    padding-left: 0.625rem;
    padding-right: 0.625rem;
}

.row-blockcard-third {
    width: 33.33%;
    padding-left: 0.625rem;
    padding-right: 0.625rem;
}

.row-blockcard-1:nth-of-type(4n), .row-blockcard-2:nth-of-type(2n), .row-blockcard-third:nth-of-type(3n) {
    padding-right: 0;
}

.row-blockcard-1:nth-of-type(4n+1), .row-blockcard-2:nth-of-type(2n+1), .row-blockcard-third:nth-of-type(3n+1) {
    padding-left: 0;
}

.container {
    display: block;
    clear: both;
}



#card-Canvas-Flip-company-account .block-two-thirds {
    width: 100%;
}

@media (min-width: 1660px) {
    #card-Canvas-Flip-company-account .block-two-thirds {
        width: 66.66666%;
    }
}


.full-block:first-of-type {
    padding-left: 0;
    margin-left: 0;
}

.full-block:last-of-type {
    padding-right: 0;
    margin-right: 0;
}

/*|/\/\/\/\/\/\/\/\/\/\/\/\|
Spacing Mini-classes
|/\/\/\/\/\/\/\/\/\/\/\/\|*/
.pr, .notification-detail {
    padding-right: 1.25rem !important;
}

.pr-h {
    padding-right: 0.46875rem !important;
}

@media (min-width: 640px) {
    .pr-h {
        padding-right: 0.625rem !important;
    }
}

@media (min-width: 1060px) {
    .pr-h {
        padding-right: 0.625rem !important;
    }
}

@media (min-width: 1230px) {
    .pr-h {
        padding-right: 0.625rem !important;
    }
}

.pr-n {
    padding-right: 0 !important;
}

@media (min-width: 640px) {
    .pr-n {
        padding-right: 0 !important;
    }
}

@media (min-width: 1060px) {
    .pr-n {
        padding-right: 0 !important;
    }
}

@media (min-width: 1230px) {
    .pr-n {
        padding-right: 0 !important;
    }
}

.pl {
    padding-left: 0.9375rem !important;
}

@media (min-width: 640px) {
    .pl {
        padding-left: 1.25rem !important;
    }
}

@media (min-width: 1060px) {
    .pl {
        padding-left: 1.25rem !important;
    }
}

@media (min-width: 1230px) {
    .pl {
        padding-left: 1.25rem !important;
    }
}

.pl-h {
    padding-left: 0.46875rem !important;
}

@media (min-width: 640px) {
    .pl-h {
        padding-left: 0.625rem !important;
    }
}

@media (min-width: 1060px) {
    .pl-h {
        padding-left: 0.625rem !important;
    }
}

@media (min-width: 1230px) {
    .pl-h {
        padding-left: 0.625rem !important;
    }
}

.pl-n {
    padding-left: 0 !important;
}

@media (min-width: 640px) {
    .pl-n {
        padding-left: 0 !important;
    }
}

@media (min-width: 1060px) {
    .pl-n {
        padding-left: 0 !important;
    }
}

@media (min-width: 1230px) {
    .pl-n {
        padding-left: 0 !important;
    }
}



.pt {
    padding-top: 0.9375rem !important;
}

@media (min-width: 640px) {
    .pt {
        padding-top: 1.25rem !important;
    }
}

@media (min-width: 1060px) {
    .pt {
        padding-top: 1.25rem !important;
    }
}

@media (min-width: 1230px) {
    .pt {
        padding-top: 1.25rem !important;
    }
}

.pt-h {
    padding-top: 0.46875rem !important;
}

@media (min-width: 640px) {
    .pt-h {
        padding-top: 0.625rem !important;
    }
}

@media (min-width: 1060px) {
    .pt-h {
        padding-top: 0.625rem !important;
    }
}

@media (min-width: 1230px) {
    .pt-h {
        padding-top: 0.625rem !important;
    }
}

.pt-q {
    padding-top: 4px !important;
}

.pb {
    padding-bottom: 0.9375rem !important;
}

@media (min-width: 640px) {
    .pb {
        padding-bottom: 1.25rem !important;
    }
}

@media (min-width: 1060px) {
    .pb {
        padding-bottom: 1.25rem !important;
    }
}

@media (min-width: 1230px) {
    .pb {
        padding-bottom: 1.25rem !important;
    }
}

.pb-h {
    padding-bottom: 0.46875rem !important;
}

@media (min-width: 640px) {
    .pb-h {
        padding-bottom: 0.625rem !important;
    }
}

@media (min-width: 1060px) {
    .pb-h {
        padding-bottom: 0.625rem !important;
    }
}

@media (min-width: 1230px) {
    .pb-h {
        padding-bottom: 0.625rem !important;
    }
}

.ps {
    padding-right: 0.9375rem !important;
    padding-left: 0.9375rem !important;
}

@media (min-width: 640px) {
    .ps {
        padding-right: 1.25rem !important;
        padding-left: 1.25rem !important;
    }
}

@media (min-width: 1060px) {
    .ps {
        padding-right: 1.25rem !important;
        padding-left: 1.25rem !important;
    }
}

@media (min-width: 1230px) {
    .ps {
        padding-right: 1.25rem !important;
        padding-left: 1.25rem !important;
    }
}

.ps-h {
    padding-right: 0.46875rem !important;
    padding-left: 0.46875rem !important;
}

@media (min-width: 640px) {
    .ps-h {
        padding-right: 0.625rem !important;
        padding-left: 0.625rem !important;
    }
}

@media (min-width: 1060px) {
    .ps-h {
        padding-right: 0.625rem !important;
        padding-left: 0.625rem !important;
    }
}

@media (min-width: 1230px) {
    .ps-h {
        padding-right: 0.625rem !important;
        padding-left: 0.625rem !important;
    }
}

.pv {
    padding-top: 0.9375rem !important;
    padding-bottom: 0.9375rem !important;
}

@media (min-width: 640px) {
    .pv {
        padding-top: 1.25rem !important;
        padding-bottom: 1.25rem !important;
    }
}

@media (min-width: 1060px) {
    .pv {
        padding-top: 1.25rem !important;
        padding-bottom: 1.25rem !important;
    }
}

@media (min-width: 1230px) {
    .pv {
        padding-top: 1.25rem !important;
        padding-bottom: 1.25rem !important;
    }
}

.pv-h {
    padding-top: 0.46875rem !important;
    padding-bottom: 0.46875rem !important;
}

@media (min-width: 640px) {
    .pv-h {
        padding-top: 0.625rem !important;
        padding-bottom: 0.625rem !important;
    }
}

@media (min-width: 1060px) {
    .pv-h {
        padding-top: 0.625rem !important;
        padding-bottom: 0.625rem !important;
    }
}

@media (min-width: 1230px) {
    .pv-h {
        padding-top: 0.625rem !important;
        padding-bottom: 0.625rem !important;
    }
}

.pa, .accordion-bare .accordion-content, .accordion-default .accordion-content {
    padding: 0.9375rem !important;
}

@media (min-width: 640px) {
    .pa, .accordion-bare .accordion-content, .accordion-default .accordion-content {
        padding: 1.25rem !important;
    }
}

@media (min-width: 1060px) {

    .pa, .accordion-bare .accordion-content, .accordion-default .accordion-content {
        padding: 1.25rem !important;
    }
}

@media (min-width: 1230px) {
    .pa, .accordion-bare .accordion-content, .accordion-default .accordion-content {
        padding: 1.25rem !important;
    }
}

.pa-h {
    padding: 0.46875rem !important;
}

@media (min-width: 640px) {
    .pa-h {
        padding: 0.625rem !important;
    }
}

@media (min-width: 1060px) {
    .pa-h {
        padding: 0.625rem !important;
    }
}

@media (min-width: 1230px) {
    .pa-h {
        padding: 0.625rem !important;
    }
}

.pn {
    padding: 0 !important;
}

@media (min-width: 640px) {
    .pn {
        padding: 0 !important;
    }
}

@media (min-width: 1060px) {
    .pn {
        padding: 0 !important;
    }
}

@media (min-width: 1230px) {
    .pn {
        padding: 0 !important;
    }
}

.pn-l {
    padding-left: 0 !important;
}

@media (min-width: 640px) {
    .pn-l {
        padding-left: 0 !important;
    }
}

@media (min-width: 1060px) {
    .pn-l {
        padding-left: 0 !important;
    }
}

@media (min-width: 1230px) {
    .pn-l {
        padding-left: 0 !important;
    }
}

.pn-t {
    padding-top: 0 !important;
}

@media (min-width: 640px) {
    .pn-t {
        padding-top: 0 !important;
    }
}

@media (min-width: 1060px) {
    .pn-t {
        padding-top: 0 !important;
    }
}

@media (min-width: 1230px) {
    .pn-t {
        padding-top: 0 !important;
    }
}

.pn-r {
    padding-right: 0 !important;
}

@media (min-width: 640px) {
    .pn-r {
        padding-right: 0 !important;
    }
}

@media (min-width: 1060px) {
    .pn-r {
        padding-right: 0 !important;
    }
}

@media (min-width: 1230px) {
    .pn-r {
        padding-right: 0 !important;
    }
}

.extra-pl {
    padding-left: 30px !important;
}

.extra-pr {
    padding-right: 30px !important;
}

.extra-pt {
    padding-top: 30px !important;
}

.pl-d {
    padding-left: 40px !important;
}

.pl-q {
    padding-left: 4px !important;
}

.pr-q {
    padding-right: 4px !important;
}

.radio-padding {
    padding-left: 28px;
}

.pn-b {
    padding-bottom: 0 !important;
}

@media (min-width: 640px) {
    .pn-b {
        padding-bottom: 0 !important;
    }
}

@media (min-width: 1060px) {
    .pn-b {
        padding-bottom: 0 !important;
    }
}

@media (min-width: 1230px) {
    .pn-b {
        padding-bottom: 0 !important;
    }
}



.mr {
    margin-right: 0.9375rem !important;
}

@media (min-width: 640px) {
    .mr {
        margin-right: 1.25rem !important;
    }
}

@media (min-width: 1060px) {
    .mr {
        margin-right: 1.25rem !important;
    }
}

@media (min-width: 1230px) {
    .mr {
        margin-right: 1.25rem !important;
    }
}

.mr-h {
    margin-right: 0.46875rem !important;
}

@media (min-width: 640px) {
    .mr-h {
        margin-right: 0.625rem !important;
    }
}

@media (min-width: 1060px) {
    .mr-h {
        margin-right: 0.625rem !important;
    }
}

@media (min-width: 1230px) {
    .mr-h {
        margin-right: 0.625rem !important;
    }
}


.ml {
    margin-left: 0.9375rem !important;
}

@media (min-width: 640px) {
    .ml {
        margin-left: 1.25rem !important;
    }
}

@media (min-width: 1060px) {
    .ml {
        margin-left: 1.25rem !important;
    }
}

@media (min-width: 1230px) {
    .ml {
        margin-left: 1.25rem !important;
    }
}

.ml-h {
    margin-left: 0.46875rem !important;
}

@media (min-width: 640px) {
    .ml-h {
        margin-left: 0.625rem !important;
    }
}

@media (min-width: 1060px) {
    .ml-h {
        margin-left: 0.625rem !important;
    }
}

@media (min-width: 1230px) {
    .ml-h {
        margin-left: 0.625rem !important;
    }
}

.ml-neg {
    margin-left: -0.625rem;
}

.ml-n {
    margin-left: 0 !important;
}

.mt {
    margin-top: 0.9375rem !important;
}

@media (min-width: 640px) {
    .mt {
        margin-top: 1.25rem !important;
    }
}

@media (min-width: 1060px) {
    .mt {
        margin-top: 1.25rem !important;
    }
}

@media (min-width: 1230px) {
    .mt {
        margin-top: 1.25rem !important;
    }
}

.mt-h {
    margin-top: 0.46875rem !important;
}

@media (min-width: 640px) {
    .mt-h {
        margin-top: 0.625rem !important;
    }
}

@media (min-width: 1060px) {
    .mt-h {
        margin-top: 0.625rem !important;
    }
}

@media (min-width: 1230px) {
    .mt-h {
        margin-top: 0.625rem !important;
    }
}

.mb {
    margin-bottom: 0.9375rem !important;
}

@media (min-width: 640px) {
    .mb {
        margin-bottom: 1.25rem !important;
    }
}

@media (min-width: 1060px) {
    .mb {
        margin-bottom: 1.25rem !important;
    }
}

@media (min-width: 1230px) {
    .mb {
        margin-bottom: 1.25rem !important;
    }
}

.mb-h {
    margin-bottom: 0.46875rem !important;
}

@media (min-width: 640px) {
    .mb-h {
        margin-bottom: 0.625rem !important;
    }
}

@media (min-width: 1060px) {
    .mb-h {
        margin-bottom: 0.625rem !important;
    }
}

@media (min-width: 1230px) {
    .mb-h {
        margin-bottom: 0.625rem !important;
    }
}

.mb-q {
    margin-bottom: 0.25rem !important;
}



.mr-q {
    margin-right: 0.25rem !important;
}

.mb-lg {
    margin-bottom: 40px !important;
}

.mb-tiny {
    margin-bottom: 2px !important;
}

.ml-tiny {
    margin-left: 2px;
}

.ml-q {
    margin-left: 0.25rem !important;
}

.mt-q {
    margin-top: 0.25rem !important;
}

.pt-tiny {
    padding-top: 0.125rem !important;
}

.mb-n {
    margin-bottom: 0 !important;
}

.mt-n {
    margin-top: 0 !important;
}

.mt-large {
    margin-top: 30px;
}

.ms {
    margin-right: 0.9375rem !important;
    margin-left: 0.9375rem !important;
}

@media (min-width: 640px) {
    .ms {
        margin-right: 1.25rem !important;
        margin-left: 1.25rem !important;
    }
}

@media (min-width: 1060px) {
    .ms {
        margin-right: 1.25rem !important;
        margin-left: 1.25rem !important;
    }
}

@media (min-width: 1230px) {
    .ms {
        margin-right: 1.25rem !important;
        margin-left: 1.25rem !important;
    }
}

.ms-h {
    margin-right: 0.46875rem !important;
    margin-left: 0.46875rem !important;
}

@media (min-width: 640px) {
    .ms-h {
        margin-right: 0.625rem !important;
        margin-left: 0.625rem !important;
    }
}

@media (min-width: 1060px) {
    .ms-h {
        margin-right: 0.625rem !important;
        margin-left: 0.625rem !important;
    }
}

@media (min-width: 1230px) {
    .ms-h {
        margin-right: 0.625rem !important;
        margin-left: 0.625rem !important;
    }
}

.mv {
    margin-top: 0.9375rem !important;
    margin-bottom: 0.9375rem !important;
}

@media (min-width: 640px) {
    .mv {
        margin-top: 1.25rem !important;
        margin-bottom: 1.25rem !important;
    }
}

@media (min-width: 1060px) {
    .mv {
        margin-top: 1.25rem !important;
        margin-bottom: 1.25rem !important;
    }
}

@media (min-width: 1230px) {
    .mv {
        margin-top: 1.25rem !important;
        margin-bottom: 1.25rem !important;
    }
}

.mv-h {
    margin-top: 0.46875rem !important;
    margin-bottom: 0.46875rem !important;
}

@media (min-width: 640px) {
    .mv-h {
        margin-top: 0.625rem !important;
        margin-bottom: 0.625rem !important;
    }
}

@media (min-width: 1060px) {
    .mv-h {
        margin-top: 0.625rem !important;
        margin-bottom: 0.625rem !important;
    }
}

@media (min-width: 1230px) {
    .mv-h {
        margin-top: 0.625rem !important;
        margin-bottom: 0.625rem !important;
    }
}

.ma {
    margin: 0.9375rem !important;
}

@media (min-width: 640px) {
    .ma {
        margin: 1.25rem !important;
    }
}

@media (min-width: 1060px) {
    .ma {
        margin: 1.25rem !important;
    }
}

@media (min-width: 1230px) {
    .ma {
        margin: 1.25rem !important;
    }
}

.ma-h {
    margin: 0.9375rem !important;
}

@media (min-width: 640px) {
    .ma-h {
        margin: 1.25rem !important;
    }
}

@media (min-width: 1060px) {
    .ma-h {
        margin: 1.25rem !important;
    }
}

@media (min-width: 1230px) {
    .ma-h {
        margin: 1.25rem !important;
    }
}

.mn {
    margin: 0 !important;
}

@media (min-width: 640px) {
    .mn {
        margin: 0 !important;
    }
}

@media (min-width: 1060px) {
    .mn {
        margin: 0 !important;
    }
}

@media (min-width: 1230px) {
    .mn {
        margin: 0 !important;
    }
}

.mm-l {
    margin-left: -0.625rem !important;
}

.static {
    position: static;
}


/* ********************************
    Flex Grid

********************************* */

.flex-grid {
    display: -webkit-flex !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-flex-wrap: wrap !important;
    -ms-flex-wrap: wrap !important;
    flex-wrap: wrap !important;
}

.metric-flex, .block-flex {
    display: -webkit-flex !important;
    display: -ms-flexbox !important;
    display: flex !important;
}

.flex-down-right {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
}


.flex-parent {
    display: flex;
}

.flex-parent-50 {
    width: 50%;
    display: flex;
}

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

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

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

.flex-items-space {
    justify-content: space-between;
}

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

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

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

.flex-stretch {
    display: flex;
    flex-direction: row;
    align-items: stretch;
}

.spaced {
    padding: 2.5rem 4rem !important;
}


/*|/\/\/\/\/\/\/\/\/\/\/\/\|
Typography
|/\/\/\/\/\/\/\/\/\/\/\/\|*/
body {
    font-weight: 400;
    /*   br {
    content: "";
    display: block;
    margin-top: -7px;
    margin-bottom: 0;
    line-height: 0px;
  } */
}

body strong {
    font-weight: bold;
}

body em {
    font-style: italic;
}

body .text-header {
    margin-bottom: 20px;
    line-height: 1;
    display: inline-block;
    font-size: 20px;
    color: #333;
}

body .text-header.small {
    font-size: 18px;
}

body .text-header.smaller {
    font-size: 16px;
}

body .text-header.main {
    font-size: 24px;
    margin-bottom: 20px;
    line-height: 1rem;
}

body .text-sub-header {
    margin-bottom: 8px;
    line-height: 1;
    display: inline-block;
    color: #666666;
}

body .strong {
    font-weight: bold;
}

.ui-tooltip-content {
    font-size: 13px;
    font-family: Roboto;
}

/*|/\/\/\/\/\/\/\/\/\/\/\/\|
Borders
|/\/\/\/\/\/\/\/\/\/\/\/\|*/

.thick-border-bottom {
    border-bottom: 2px solid #ddd;
}

.border-bottom {
    border-bottom: 1px solid rgba(176, 176, 176, 0.16);
}

.border-bottom-padded:before {
    width: 290px;
    content: "";
    height: 1px;
    position: absolute;
    bottom: 0;
    display: block;
    background: rgba(0, 0, 0, 0.12);
}

@media (min-width: 640px) {
    .border-bottom-padded:before {
        width: 590px;
    }
}

@media (min-width: 1060px) {
    .border-bottom-padded:before {
        width: 580px;
    }
}

@media (min-width: 1230px) {
    .border-bottom-padded:before {
        width: 720px;
    }
}

@media (min-width: 1366px) {
    .border-bottom-padded:before {
        width: 55.325rem;
    }
}

@media (min-width: 1500px) {
    .border-bottom-padded:before {
        width: 65.825rem;
    }
}

.border-top {
    border-top: 1px solid rgba(176, 176, 176, 0.16);
}

.border-top-padded:before {
    width: 290px;
    content: "";
    height: 1px;
    position: absolute;
    bottom: 0;
    display: block;
    background: rgba(0, 0, 0, 0.12);
}

@media (min-width: 640px) {
    .border-top-padded:before {
        width: 590px;
    }
}

@media (min-width: 1060px) {
    .border-top-padded:before {
        width: 580px;
    }
}

@media (min-width: 1230px) {
    .border-top-padded:before {
        width: 720px;
    }
}

.border-bottom-darker {
    border-bottom: 1px solid #ddd;
}

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

.border-all {
    border: 1px solid #ddd;
}



/*|/\/\/\/\/\/\/\/\/\/\/\/\|
Table
|/\/\/\/\/\/\/\/\/\/\/\/\|*/
table {
    width: 100%;
}

table.striped tbody tr:nth-of-type(odd) {
    background-color: #ccc;
}

table.no-fit {
    width: auto;
    table-layout: auto;
}

.card.table-standard {
    border-radius: 4px;
}

.table-maxheight tbody {
    max-height: 240px;
    display: block;
    overflow: auto;
}

.table-maxheight thead, .table-maxheight tbody tr {
    display: table;
    width: 100%;
    table-layout: fixed;
}

table.standard thead tr th {
    font-weight: normal;
    border-bottom: none;
    vertical-align: bottom;
    text-align: left;
    background-color: #EEE;
    padding: 20px;
    vertical-align: top;
}

table.dark-header thead tr th {
    background-color: #7A7A7A;
    color: #FFFFFF;
}


table.blue-header thead tr th {
    background-color: #fff;
    color: #999;
    font-weight: 400;
    white-space: nowrap;
    font-size: 0.875rem;
}



table.standard td {
    font-weight: 300;
}

table.standard .leader-icon {
    top: 0;
    right: 10px;
}

table.standard .leader-icon svg {
    height: 20px;
    width: 10px;
    top: 15px;
}

table.scroll-y.dataTable thead th {
    padding: 8px 30px 8px 10px;
}

table.scroll-y.dataTable thead .sorting, table.scroll-y.dataTable thead .sorting_asc, table.scroll-y.dataTable thead .sorting_desc, table.scroll-y.dataTable thead .sorting_asc_disabled, table.scroll-y.dataTable thead .sorting_desc_disabled {
    background-position: 93% 80%;
}

table.standard tbody tr td {
    text-align: left;
    border-top: 1px solid #EEE;
    font-size: 0.875rem;
    font-weight: 400;
    color: #666;
}

table.blue-header thead tr th, table.standard tbody tr td {
    padding: 16px 8px;
}


table.standard tbody tr td:last-child, table.blue-header thead tr th:last-child {
    padding-right: 20px;
}

table.standard tbody tr td:first-child, table.blue-header thead tr th:first-child {
    padding-left: 20px;
}

@media (min-width: 1520px) {
    table.standard tbody tr td, table.blue-header thead tr th {
        padding: 16px 10px;
    }
}

table.standard tbody tr td:first-child {
    color: #333;
    font-weight: 500;
}

.change-amount {
    display: inline-block;
    font-size: 12px;
}

.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody, .float-fix {
    overflow-x: hidden !important;
}

table.dataTable tr:not(:first-child) {
    background: linear-gradient(to bottom,rgba(0, 0, 0, 0.24) 0px, #ffffff 0.5px);
}



table.standard .profile-image {
    position: relative;
}

table.standard .profile-image img {
    display: block;
    max-width: 30px;
    max-height: 30px;
    width: auto;
    height: auto;
}

table.standard .profile-image img.x-small {
    max-width: 20px;
    max-height: 20px;
}

table.standard .contact-name {
    font-size: 0.875rem;
    font-weight: 500;
    line-height: 1rem;
}

table.standard .contact-title, table.standard .contact-name {
    max-width: 220px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-block;
    white-space: nowrap;
}

table.standard .voc-icon {
    margin-left: 10px;
}

@media (min-width: 1520px) {

    table.standard .contact-title, table.standard .contact-name {
        max-width: 200px;
    }
}

@media (min-width: 1660px) {

    table.standard .contact-title, table.standard .contact-name {
        max-width: 240px;
    }
}

table.standard .contact-title {
    font-size: 0.875rem;
    font-weight: 400;
    color: #666;
    line-height: 14px;
}

table.standard .account-title {
    display: block;
    font-size: 0.875rem;
    color: #666666;
    font-style: italic;
}

table.standard .contact-table-info {
    width: calc(100% - 48px);
    float: right;
    line-height: .9rem;
}

table.standard .contact-table-info .contact-title.copy-text {
    line-height: 1.15rem;
}

table.standard .contact-table-info .email-icon {
    position: absolute;
    display: none;
}

table.standard .contact-table-info .mailto-button {
    position: relative;
    right: -20px;
    top: -2px;
}

table.standard .contact-table-info:hover .email-icon {
    display: inline-block;
}

table.standard .contact-table-info .email-icon svg {
    width: 16px;
    height: 16px;
    position: relative;
    left: 4px;
}


table.standard .contact-table-info:hover .email-icon svg path {
    fill: #666666;
}


table.standard .contact-table-info:hover .email-icon:hover svg path {
    fill: #333333;
}

table.standard .contact-note-tally {
    font-size: 0.75rem;
    color: #666666;
}

table.standard tr th.right, table.standard tr td.right {
    padding-right: 50px;
}

table.standard tr th.right, table.standard tr td.right, table.standard tr td span.right {
    text-align: right;
}

table.standard tr .center {
    text-align: center;
}

table.standard.no-border tr td {
    border-left: none;
}

table.standard tr td:first-child {
    border-left: none;
}


table.table-bulk-edit th {
    text-align: left;
    color: #333333;
    padding: 8px 4px 8px 4px;
    background-color: rgba(80, 97, 119, 0.25);
    font-weight: bold;
    white-space: nowrap;
}

table.table-bulk-edit td {
    padding: 4px 10px 2px 4px;
    white-space: nowrap;
    font-size: 0.875rem;
    color: #999999;
    width: 10%;
}

table.table-bulk-edit tr:nth-child(2n) {
    background-color: #f2f2f2;
}

table.table-bulk-edit td.bulk-input {
    min-width: 150px;
    padding: 4px 4px 2px 4px;
}

table.table-bulk-edit tr:nth-child(2n) .datepicker-wrap {
    background-color: #f2f2f2;
}

table.table-bulk-edit td.bulk-input ul {
    width: 300px;
}

table.table-bulk-edit .datepicker-wrap .text-context.text-info {
    display: none;
}

.dataTables_scrollBody thead .sorting-icon {
    display: none;
}

.dataTables_scrollHead {
    box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.24);
    z-index: 20;
}

.dataTable tbody tr:first-child {
    background: #fff;
    background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.24) 0px, #ffffff 4px);
    background: -webkit-linear-gradient(top,rgba(0, 0, 0, 0.24) 0px, #ffffff 4px);
    background: linear-gradient(to bottom,rgba(0, 0, 0, 0.24) 0px, #ffffff 4px);
}

.dataTable tbody tr:hover td:first-child, .data-table tbody tr:hover td:first-child {
    box-shadow: inset 5px 0px #11b5cc;
}


.front:after {
    content: "";
    display: table;
    clear: both;
}

.dataTables_scrollBody tbody tr:first-child {
    background: #fff;
}

.dataTables_scrollBody tbody tr {
    color: #333;
    font-weight: 500;
}

.dataTables_scrollBody tbody tr:hover:first-child:not(.no-hover) {
    background: #DBF4F8;
}


table.standard tbody tr:first-child td {
    border-top: 0;
}

table.dataTable thead .sorting_asc .sort-triangle, table.dataTable thead .sorting_desc .sort-triangle {
    display: none;
}

.vert-select-menu {
    width: 6px;
    float: right;
}

.vert-select-menu svg path {
    fill: #999;
}

.condensed-table .card {
    box-shadow: none;
}

.condensed-table table {
    table-layout: fixed;
    box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.12), 0px 2px 2px 0px rgba(0, 0, 0, 0.24);
}

.condensed-table table.standard td:last-child {
    padding: 2px 4px;
}

.condensed-table table.standard th:last-child {
    padding: 10px;
}

.condensed-table .dropdown {
    display: inline-block;
}

.condensed-table table .tc {
    text-align: center;
    overflow: hidden;
    text-overflow: ellipsis;
}

.condensed-table table.standard tr td {
    padding: 2px 4px;
}

.condensed-table table.standard tr td:first-child {
    padding: 2px 10px 2px 20px;
}

.condensed-table table.standard thead tr th:first-child {
    padding: 10px 10px 10px 20px;
    vertical-align: bottom;
}

.condensed-table table.standard thead tr th {
    padding: 10px;
}

.global .dataTable .account-logo {
    display: inline-block;
}

.global .dataTable .account-logo img {
    width: 36px;
}

.global .dataTable .account-name {
    display: inline-block;
    font-size: 1.15rem;
    font-weight: 500;
    margin-left: 8px;
    max-width: calc(100% - 46px);
}

/*|/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\|
    Table Freeze Column/Headers
|/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\|*/

.freeze {
    position: relative;
    -webkit-transition: transform ease 0s !important;
    transition: transform ease 0s !important;
    transition-delay: 0s;
}

.freeze.vertical {
    z-index: 5;
}


.freeze.horizontal {
    z-index: 1;
}

.freeze.table-account-name {
    background-color: #ffffff;
    border-right: 1px solid #dddddd;
}

/*|/\/\/\/\/\/\/\/\/\/\/\/\|
Main Nav Bar
|/\/\/\/\/\/\/\/\/\/\/\/\|*/
.main-nav {
    display: block;
    position: absolute;
    padding-left: 0;
    background: #323F4F;
    top: 0;
    left: 0;
    height: 170px;
    width: 100%;
    min-width: 1320px;
    box-shadow: inset 0 -50px 60px -40px rgba(0, 0, 0, 0.37);
}

.main-nav.egm {
    height: 110px;
}

.main-nav.global {
    height: 140px;
}

@media (min-width: 1350px) {
    .main-nav {
        width: 100%;
    }
}

.main-nav .nav-logo-container {
    position: absolute;
    display: block;
    left: 20px;
    bottom: 4px;
}

.main-nav .nav-logo svg {
    display: inline-block;
    color: #ffffff;
}

.main-nav .nav-notifications svg {
    position: relative;
    top: 0.3125rem;
}


.main-nav .nav-company-name {
    color: #dddddd;
    max-width: 190px;
    font-size: 0.875rem;
    margin-bottom: 10px;
}

@media (min-width: 1360px) {
    .main-nav .nav-company-name {
        max-width: 220px;
    }
}

.main-nav .mobile-menu {
    position: relative;
    float: left;
    margin-left: 1.25rem;
    margin-right: 1.25rem;
    top: 19px;
    cursor: pointer;
}

.main-nav .mobile-menu:hover {
    cursor: pointer;
}

.main-nav .divider {
    display: none;
}

.main-nav .nav-link {
    position: relative;
    margin-right: 30px;
    color: #fff;
    -webkit-transition: color .2s ease;
    transition: color .2s ease;
}

.main-nav .nav-link:hover {
    cursor: pointer;
    color: #11b5cc;
}

.main-nav .nav-link:hover path {
    fill: #11b5cc;
}

.main-nav .nav-profile {
    display: inline-block;
}

.main-nav .nav-profile:before {
    content: "";
    display: block;
    position: absolute;
    width: 2em;
    height: 2em;
    border-radius: 1em;
    top: 11px;
}

.main-nav .nav-profile img {
    position: relative;
    top: 11px;
    margin-right: 0.625rem;
    width: 2em;
}

.main-nav-right {
    position: relative;
    display: block;
    float: right;
    height: 54px;
    margin-left: 1.25rem;
}

.main-nav .show-mobile svg path {
    fill: #ffffff;
}

.main-nav .show-mobile:hover svg path {
    fill: #b0b0b0;
}

.main-nav .nav-notifications {
    display: inline-block;
}

.main-nav .svg-notifications-icon svg {
    width: 25px;
    height: 25px;
    top: 0.4125rem;
}

.main-nav .svg-notifications-icon path {
    fill: #CCC;
}

.main-nav .svg-notifications-icon:hover path {
    fill: #11b5cc;
}

.nav-logo {
    cursor: pointer;
}

/*|/\/\/\/\/\/\/\/\/\/\/\/\|
Search Bar
|/\/\/\/\/\/\/\/\/\/\/\/\|*/

/*gets rid of clear all 'x' in ie */
input[type=text]::-ms-clear {
    display: none;
    width: 0;
    height: 0;
}

input[type=text]::-ms-reveal {
    display: none;
    width: 0;
    height: 0;
}

.search-bar {
    position: absolute;
    display: block;
    height: 28px;
    margin-left: 200px;
    margin-top: 10px;
    width: 500px;
}

/* Normal state */
.search-bar ::-webkit-input-placeholder {
    color: #fff;
}

.search-bar :-moz-placeholder { /* Firefox 18- */
    color: #fff;
}

.search-bar ::-moz-placeholder { /* Firefox 19+ */
    color: #fff;
}

.search-bar :-ms-input-placeholder {
    color: #fff;
}

.search-bar svg path, .search-bar svg g {
    fill: #ffffff;
}

/* Active state*/

.search-bar.active ::-webkit-input-placeholder {
    color: #333333;
}

.search-bar.active :-moz-placeholder { /* Firefox 18- */
    color: #333333;
}

.search-bar.active ::-moz-placeholder { /* Firefox 19+ */
    color: #333333;
}

.search-bar.active :-ms-input-placeholder {
    color: #333333;
}

.search-bar.active svg path, .search-bar.active svg g {
    fill: #333333;
}

@media (min-width: 1400px) {
    .search-bar {
        margin-left: 250px;
    }
}


.search-bar input[type="text"] {
    background-color: rgba(255, 255, 255, 0.07);
    border: none !important;
    line-height: 24px;
    height: 32px;
    font-size: 16px;
    padding-left: 30px;
    border-radius: 3px;
    color: #fff;
    padding-bottom: 4px;
}

.search-bar input[type="text"].focus {
    background: #fff;
    color: #202020;
}

.search-bar input[type="text"]:hover {
    background: rgba(255, 255, 255, 0.15);
}

.search-bar input[type="text"]:focus {
    background: #fff;
    color: #202020;
}


.search-bar label {
    color: rgba(255,255,255, .3);
    font-size: 14px;
}

.search-bar .input-icon {
    top: 8px;
}

.search-bar .input-icon.autocomplete-title-icon svg {
    width: 14px;
    height: 14px;
}


.search-bar input:hover, .search-bar input:focus {
    border: none;
}


.search-bar.focus {
    background: white;
    z-index: 140;
    box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.12), 0px 8px 8px 0px rgba(0, 0, 0, 0.24);
}

.search-string {
    background: #DBF4F8;
    font-weight: 500;
    color: #576A82;
}

@media (max-width: 640px 1px) {

    .search-bar.focus {
        overflow: visible;
        margin-left: 80px;
        margin-right: 10px;
    }
}

.search-bar.focus svg path {
    fill: #4b484c;
}

.search-bar.focus input {
    color: #454545;
}

.search-bar.focus input:focus {
    background: #fff;
}

#search-curtain {
    position: fixed;
    width: 100%;
    height: 100%;
    display: none;
    top: 60px;
    left: 0;
    background-color: rgba(255, 255, 255, 0.8);
    z-index: 130;
}

#search-curtain.active {
    display: block;
}

.universal-search-image {
    width: 40px;
    float: left;
}

.universal-search-image img {
    max-width: 100%;
    height: auto;
}

.universal-search-content {
    width: calc(100% - 60px);
    float: right;
}

#search-results-dropdown {
    display: none;
    position: absolute;
    top: 40px;
    background: #FFFFFF;
    max-height: 80vh;
    width: 18.75rem;
    margin-left: 200px;
    box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.12), 0px 8px 8px 0px rgba(0, 0, 0, 0.24);
    z-index: 800;
}

@media (min-width: 1400px) {
    #search-results-dropdown {
        margin-left: 240px;
    }
}

@media (max-width: 639px) {
    #search-results-dropdown {
        margin: 0 auto;
    }
}

@media (min-width: 640px) {
    #search-results-dropdown {
        width: 38.75rem;
    }
}

@media (min-width: 1230px) {
    #search-results-dropdown {
        width: 47.5rem;
    }
}

#search-results-dropdown .card {
    margin-bottom: 0;
}

#search-results-dropdown.active {
    display: block;
    margin-top: 10px;
}

#search-results-dropdown .search-results {
    max-height: 80vh;
    overflow-y: scroll;
    position: relative;
    padding-bottom: 30px;
}

#search-results-dropdown .search-results-all {
    height: 32px;
    text-align: center;
    text-transform: uppercase;
    font-size: 0.875em;
    line-height: 30px;
    display: block;
    color: #000000;
    position: relative;
    width: 100%;
    background-color: #ffffff;
    bottom: 0;
    border-top: 1px solid rgba(0, 0, 0, 0.12);
    /*       &:hover {
        color: $black;
        background-color: rgba(220,244,248,1);
      } */
}

.search-tab {
    background-color: #efefef;
}

.search-tab-item {
    width: calc(20% - 20px);
    display: inline-block;
    padding: 10px;
    text-align: center;
    border-top: 4px solid #fafafa;
    border-right: 1px solid #dddddd;
    border-bottom: 1px solid #dddddd;
    background-color: #fafafa;
    color: #11b5cc;
    font-weight: 500;
    font-size: 0.875rem;
}

.search-tab-item:hover:not(.active) {
    color: #0d8b9d;
    cursor: pointer;
    text-decoration: underline;
}

.search-tab-item.active {
    color: #000000;
    border-top: 4px solid #11b5cc;
    background-color: #ffffff;
    border-bottom: 1px solid #ffffff;
}

.search-results img.result-image {
    width: 48px;
    height: 48px;
    float: left;
    margin-right: 1.25rem;
}

.search-results h4 {
    font-size: 1em;
    margin-top: 10px;
    margin-bottom: 0;
    display: inline-block;
}

.search-results p {
    font-size: 0.875em;
    color: rgba(0, 0, 0, 0.54);
}

.search-results ul {
    list-style: none;
}

.search-results ul li {
    padding: 10px 0;
    margin-left: 0;
    font-size: 14px;
    border-bottom: 1px solid rgba(176, 176, 176, 0.16);
}

.search-results ul li:after {
    content: "";
    display: table;
    clear: both;
}

.search-results ul li:last-of-type {
    border-bottom: none;
}

.search-results ul li p {
    margin-bottom: 0;
}

@media (min-width: 640px) {
    .search-results ul li {
        padding-left: 1.25rem;
        padding-right: 1.25rem;
        margin: 0 -1.25rem;
    }
}

@media (min-width: 1230px) {
    .search-results ul li {
        min-height: 60px;
        padding-left: 1.25rem;
        padding-right: 1.25rem;
        margin: 0 -1.25rem;
    }
}

.search-results + .search-results-all {
    display: none;
}

/*|/\/\/\/\/\/\/\/\/\/\/\/\|
Side Bar
|/\/\/\/\/\/\/\/\/\/\/\/\|*/
.side-bar_wrap .side-bar {
    color: #1C2E44;
    display: block;
    position: absolute;
    top: 210px;
    background-color: #fafafa;
    -webkit-transition: left 380ms cubic-bezier(0.77, 0, 0.175, 1);
    transition: left 380ms cubic-bezier(0.77, 0, 0.175, 1);
    height: 100%;
}

.side-bar_wrap .side-bar.egm {
    top: 134px;
}

.side-bar_wrap .side-bar.global {
    top: 160px;
}

.side-bar_wrap .side-bar .nav-logo {
    padding-left: 20px;
    margin-bottom: .938rem;
}

.accordion-sidebar-content {
    display: none;
    max-height: 520px;
    overflow: auto;
    margin-bottom: 20px;
}

.side-bar .accordion-sidebar-content ul {
    margin-bottom: 0;
    margin-top: 0;
    padding-bottom: 10px;
}

.side-bar .accordion-sidebar-content ul li {
    padding-left: 60px;
    line-height: 16px;
    font-size: 14px;
    color: #666;
    width: 220px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-weight: 500;
    margin-bottom: 18px;
}

.side-bar .accordion-sidebar-content ul li:hover {
    background: none;
    color: #11b5cc;
}

.has-sub-nav.selected, .direct-nav.selected, .side-bar .accordion-sidebar-content ul li.direct-nav.selected {
    color: #11b5cc;
    font-weight: 500 !important;
}


.side-bar-nav-icon svg g, .side-bar-nav-icon svg path {
    fill: #1c2e44;
}

.side-bar .side-bar-collapse svg path {
    fill: #1c2e44;
}

.has-sub-nav.selected svg g, .has-sub-nav.selected svg path, .direct-nav.selected svg g, .direct-nav.selected svg path {
    fill: #11b5cc;
}



.side-bar-nav-icon svg {
    width: 20px;
    height: 20px;
}

.side-bar_wrap .side-bar ul li .side-bar-nav-icon {
    display: none;
}

.side-bar_wrap .side-bar {
    width: 180px;
}

.side-bar .accordion-sidebar-content ul li {
    padding-left: 40px;
    width: 100%;
}

.has-sub-nav .arrow-up {
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    float: right;
    border-top: 5px solid #999;
}

.has-sub-nav.open {
    border-bottom: 1px solid #dddddd;
    padding-bottom: 20px;
    margin-bottom: 10px !important;
}

.has-sub-nav.open .arrow-up {
    border-bottom: 5px solid #999;
    border-top: none;
}



.side-bar-collapse {
    width: 20px;
    float: right;
    margin-top: 7px;
}


.side-bar_sub {
    left: 0%;
    z-index: 101;
    position: absolute;
    background-color: #fafafa;
    width: 180px;
    top: 265px;
    box-shadow: inset 2px -1px 2px 0px rgb(0 0 0 / 25%);
    border-right: 1px solid #979797;
    border-top: 1px solid #979797;
    padding: 8px 0 0 0;
    -webkit-transition: left 480ms cubic-bezier(0.77, 0, 0.175, 1);
    transition: left 480ms cubic-bezier(0.77, 0, 0.175, 1);
}

.side-bar_sub.level-1 {
    left: 208px;
}

.side-bar_sub.level-2 {
    left: 386px;
}

.side-bar_sub.level-3 {
    z-index: 101;
    left: 0%;
    display: none;
}

.side-bar_sub.no-drill .submenu-folder {
    pointer-events: none;
}

@media (min-width: 1400px) {
    .side-bar_sub {
        width: 220px;
    }

    .side-bar_sub.level-1 {
        left: 248px;
    }

    .side-bar_sub.level-2 {
        left: 468px;
    }
}

.side-bar_sub .bar-header {
    font-size: 1.15rem;
    margin: 0 0 8px 12px;
}

.side-bar_sub .bar-header .title-text {
    display: inline-block;
    margin-right: 8px;
    width: calc(100% - 30px);
}

.side-bar_sub .close-menu {
    float: right;
    margin-right: 10px;
    cursor: pointer;
}

.side-bar_sub .close-menu:hover path {
    fill: #11b5cc;
}

.submenu-icon {
    position: absolute;
}


.submenu-folder {
    position: relative;
    left: -22px;
    top: -1px;
    cursor: pointer;
}

.submenu-icon svg {
    width: 16px;
    height: 16px;
}

.submenu-icon:hover svg path {
    fill: #11b5cc;
}

.submenu-icon svg path, .side-bar_sub.no-drill .submenu-icon:hover svg path {
    fill: #999999;
}

@media (min-width: 1400px) {

    .side-bar_wrap .side-bar {
        width: 220px;
    }

    .side-bar_wrap .side-bar ul li .side-bar-nav-icon {
        display: inline-block;
    }

    .side-bar .accordion-sidebar-content ul li {
        padding-left: 60px;
        width: 100%;
    }

    .side-bar .svg-chevron-right-icon {
        top: 11px;
    }

    .side-bar-collapse {
        margin-top: 15px;
    }
}





/*|/\/\/\/\/\/\/\/\/\/\/\/\|
  Sidebar Flyout
|/\/\/\/\/\/\/\/\/\/\/\/\|*/
.right-side-bar_wrap .side-bar {
    color: #202020;
    -webkit-transition: width 300ms cubic-bezier(0.77, 0, 0.175, 1);
    transition: width 300ms cubic-bezier(0.77, 0, 0.175, 1);
    height: 100%;
    display: none;
    display: block;
    float: right;
    /*left: 960px;*/
    position: relative;
    width: 350px;
}



#RightSubMenu {
    background-color: #ffffff;
    box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.12), 0px 2px 2px 0px rgba(0, 0, 0, 0.24);
}

#RightSubMenu .card {
    margin-bottom: 20px;
}


.row.right-sidebar {
    margin-bottom: 0 !important;
}

.row.add-background {
    background: #fafafa;
}

#right-side-triangle {
    width: 32px;
    height: 32px;
    position: absolute;
    overflow: hidden;
    transform: rotate(270deg);
    top: 150px;
    left: -32px;
    z-index: 110;
}

#right-side-triangle:after {
    content: "";
    position: absolute;
    width: 16px;
    height: 16px;
    background: #fff;
    transform: rotate(45deg);
    top: 24px;
    left: 8px;
    box-shadow: 0px 1px 2px 2px rgba(0,0,0,.2);
}

@media (min-width: 1500px) {
    .right-side-bar_wrap .side-bar {
        width: 350px;
    }
}

@media (min-width: 1720px) {
    .right-side-bar_wrap .side-bar {
        width: 400px;
    }
}



/* Center Canvas Card Width Defined Here */

.right-side-bar_wrap {
    position: absolute;
    z-index: 100;
    margin-right: 30px;
    width: 1310px;
    height: 0px;
    top: 0;
}

@media (min-width: 1420px) {
    .right-side-bar_wrap {
        width: 1400px;
    }
}

@media (min-width: 1520px) {
    .right-side-bar_wrap {
        width: 1490px;
    }
}

@media (min-width: 1660px) {
    .right-side-bar_wrap {
        width: 1630px;
    }
}

@media (min-width: 1720px) {
    .right-side-bar_wrap {
        width: 1680px;
    }
}

.right-sidebar .max-modal-body {
    overflow: initial;
    max-height: none;
}

.flyout-body {
    overflow: auto;
    width: 100%;
}

.flyout-footer {
    background: #fff;
}

/*|/\/\/\/\/\/\/\/\/\/\/\/\|
Form Element
|/\/\/\/\/\/\/\/\/\/\/\/\|*/

input {
    border-bottom: 2px solid #c0c0c0;
    font-size: 1rem;
    line-height: 1.5rem;
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    background: transparent;
}


input:hover, .dropdown-title:hover {
    transition: .3s all ease;
    border-bottom: 2px solid #b0b0b0;
}

input:focus:hover {
    border-bottom: 2px solid #11b5cc;
}

input:focus {
    border-bottom: 2px solid #11b5cc;
}

input:focus:read-only {
    border-bottom: 2px dashed #d6d6d6;
}

input:read-only:hover {
    border-bottom: 2px dashed #d6d6d6;
}

input:read-only {
    border-bottom: 2px dashed #d6d6d6;
    color: #878787;
}

input:-webkit-autofill {
    background-color: #ffffff !important;
}


input.required:not(.new), textarea.required ~ .textarea-border, input.validate, input.validate-item, input.invalid-item, input.invalid, input.invalid-id, input.invalid-email, input.invalid-future, input.invalid-char-count, input.invalid-number, input.invalid-name, input.invalid-fieldcode {
    border-bottom: 2px solid #f64431 !important;
}

textarea.required + span.required {
    top: 8px;
}

span.required, .input-alert, span.invalid, span.invalid-item, span.invalid-id, span.invalid-email, span.invalid-future, span.invalid-char-count, span.invalid-number, span.invalid-name, span.invalid-quill, span.invalid-fieldcode {
    position: relative;
    color: #f64431;
    font-size: .75rem;
    margin-top: -4px;
    float: right;
    margin-bottom: -12px;
}

span.warning-text {
    color: #11b5cc;
    font-size: .75rem;
    margin-top: -4px;
    float: right;
    margin-bottom: -12px;
}

label.required, label.invalid-item, label.invalid, label.invalid-id, label.invalid-email, label.invalid-future, label.invalid-char-count, label.invalid-number, label.invalid-name, label.invalid-fieldcode {
    color: #f64431 !important;
}

span.invalid-quill {
    padding-top: 5px;
}


.editable {
    position: absolute;
    top: 5px;
    right: 0px;
}

input.disabled {
    cursor: default;
}

input[type="file"] {
    border: none;
    background-color: #ffffff;
    border-radius: 0;
}

input[type=radio] {
    display: none;
}

input[type=radio] + label {
    position: relative;
    padding-left: 1.75rem;
    padding-top: 15px;
    line-height: 1.25em;
    box-sizing: border-box;
    display: inline-block;
    padding-right: 0;
    z-index: 0;
}

input[type=radio] + label.G {
    color: #47b14b;
}

input[type=radio] + label.Y {
    color: #edb500;
}

input[type=radio] + label.R {
    color: #f64431;
}

.goal-status-icon {
    margin-left: -10px;
    width: 16px;
    height: 16px;
    display: inline-block;
}

.goal-status-icon svg {
    width: 100%;
}

@media (min-width: 640px) {
    input[type=radio] + label {
        padding-right: 1rem;
    }
}

@media (min-width: 1060px) {
    input[type=radio] + label {
        padding-right: 1.25rem;
    }
}

@media (min-width: 1230px) {
    input[type=radio] + label {
        padding-right: 1.25rem;
    }
}

input[type=radio] + label:before, input[type=radio] + label:after {
    position: absolute;
    content: '';
    box-sizing: border-box;
}

input[type=radio] + label:before {
    height: 18px;
    width: 18px;
    left: 0;
    top: 16px;
    border: 2px solid #11b5cc;
    background-color: transparent;
}

input[type=radio][disabled=disabled] + label {
    opacity: .5;
}

input[type=radio] + label:before {
    border-color: #d2d2d2;
}

input[type=radio] + label:before, input[type=radio] + label:after {
    border-radius: 1000px;
}

input[type=radio]:checked + label:before {
    background-color: transparent;
    z-index: 2;
    border-color: #11b5cc;
}

input[type=radio]:checked + label:after {
    height: 8px;
    width: 8px;
    left: 5px;
    top: 21px;
    z-index: 1;
    border: 4px solid #11b5cc;
}

.radio-select {
    display: inline-block;
    width: 40px;
    vertical-align: top;
    position: relative;
    top: -14px
}

.radio-input {
    display: inline-block;
    width: calc(100% - 40px);
}

input[type=checkbox] {
    display: none;
}

input[type=checkbox] + label {
    position: relative;
    padding-left: 30px;
    line-height: 1em;
    box-sizing: border-box;
    display: inline-block;
    padding-right: 0;
    z-index: 0;
}

@media (min-width: 640px) {
    input[type=checkbox] + label {
        padding-right: 1rem;
    }
}

@media (min-width: 1060px) {
    input[type=checkbox] + label {
        padding-right: 1.25rem;
    }
}

@media (min-width: 1230px) {
    input[type=checkbox] + label {
        padding-right: 1.25rem;
    }
}

input[type=checkbox] + label:before, input[type=checkbox] + label:after {
    position: absolute;
    content: '';
    box-sizing: border-box;
}

input[type=checkbox] + label:before {
    height: 18px;
    width: 18px;
    left: 0;
    border: 2px solid #11b5cc;
    background-color: transparent;
}


input[type=checkbox][disabled=disabled] + label {
    opacity: .5;
    cursor: auto;
}

input[type=checkbox] + label:before {
    border-radius: 3px;
    border-color: #d2d2d2;
}

input[type=checkbox]:checked + label:before {
    border-color: #11b5cc;
}

input[type=checkbox]:checked + label:after {
    width: 1em;
    height: 0.5em;
    border-bottom: 0.2em solid #11b5cc;
    border-left: 0.2em solid #11b5cc;
    left: .25em;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    position: absolute;
    top: 0;
}

input.darker[type=radio] + label, label.darker {
    color: #666;
}

label {
    position: absolute;
    display: inline;
    font-size: 1rem;
    font-weight: 400;
    color: #999;
    cursor: pointer;
    line-height: 1.5rem;
}

label#ScheduledReportsHeading {
    cursor: default;
}

input[type=checkbox] + label.small-checkbox {
    font-size: 14px;
    padding-top: 4px;
    padding-left: 24px;
    padding-right: 4px;
}

input[type=checkbox] + label.small-checkbox:before {
    height: 16px;
    width: 16px;
    margin-top: -2px;
}

input[type=checkbox] + label.small-checkbox:after {
    top: 2px;
}


input[type="text"].has-icon, label.has-icon {
    padding-left: 24px;
}

label.float-label {
    transition: transform 0.25s;
    transform: translateY(-1rem);
    transform-origin: left top;
    color: #999;
    font-size: 0.875rem;
    line-height: 1rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
}


label.float-label > span {
    margin-left: 4px;
}

label.required > span {
    margin-left: 4px;
}

label.float-label > span.no-title {
    top: 7px;
    position: relative;
    margin-left: 0px;
}

label.float-label.has-icon {
    padding-left: 0;
}


label.active-label {
    color: #11b5cc;
}


.input-icon {
    position: absolute;
    width: 16px;
    height: 16px;
    display: inline-block;
    text-align: center;
    top: 7px;
    left: 10px;
}

.autocomplete-wrap .input-icon {
    left: 0;
}

.svg-linkedin-icon.input-icon {
    width: 18px;
    height: 18px;
}

.input-icon svg {
    max-height: 100%;
    max-width: 100%;
}


.input-icon .action-icon svg {
    fill: #11b5cc;
}

.autocomplete-title-icon.input-icon svg {
    width: 20px;
    height: auto;
}

input[type="range"] {
    -webkit-appearance: none;
    -moz-appearance: none;
    border-radius: 6px;
    height: 6px;
    background-image: -webkit-gradient(linear, left top, right top, color-stop(0.15, #11b5cc), color-stop(0.15, #c5c5c5));
}

input[type='range']::-webkit-slider-thumb {
    -webkit-appearance: none !important;
    background-color: #11b5cc;
    height: 20px;
    width: 20px;
    border-radius: 40px;
}

span.switch {
    background: rgba(159,159,159,.5);
    border-radius: 8em;
    padding: 2px;
    -webkit-transition: all .4s ease;
    transition: all .4s ease;
    outline: 0;
    display: block;
    width: 46px;
    height: 19px;
    position: relative;
    float: right;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

span.switch.switch-left {
    float: left;
}

span.switch:after {
    position: absolute;
    display: block;
    content: "";
    width: 27px;
    background: #999;
    height: 27px;
    border-radius: 50%;
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
    left: 0;
    top: -4px;
    box-shadow: 0 0 2px 0 rgba(0,0,0, .12), 0 2px 2px 0 rgba(0,0,0, .24)
}

span.switch.on {
    background: rgba(17, 181, 204, 0.5);
}

span.switch.green.on {
    background: rgba(71, 177, 75, 0.6);
}

span.switch.on:after {
    left: auto;
    right: 0;
    background: #11b5cc;
}

span.switch.green.on:after {
    left: auto;
    right: 0;
    background: #47b14b
}


label.switch {
    position: static;
    float: right;
    padding-right: 10px;
}

.toggle-area {
    clear: both;
}

.upload-wrap span {
    color: #11b5cc;
}

.upload-wrap svg {
    fill: #11b5cc;
    width: 20px;
}

.upload-wrap input {
    display: none;
}

textarea {
    height: 30px;
    width: 100%;
    max-width: 100%;
    resize: none;
    word-wrap: break-word;
    font-size: 1rem;
    line-height: 1.15rem;
    background: transparent;
    padding-top: 6px;
    outline: none;
    border-radius: 0;
    border-top: none;
    border-left: none;
    border-right: none;
    border-bottom: none;
    -ms-overflow-style: none
}

textarea:disabled {
    color: #878787;
}

textarea:disabled + .textarea-border, textarea:disabled:hover + .textarea-border {
    border-bottom: 2px dashed #d6d6d6;
    cursor: default;
}

textarea:hover + .textarea-border {
    transition: .3s all ease;
    border-bottom: 2px solid #b0b0b0;
}

textarea:focus + .textarea-border {
    transition: .3s all ease;
    border-bottom: 2px solid #11b5cc;
}

.textarea-border {
    border-bottom: 2px solid #c0c0c0;
    margin-top: 0px;
}

.textarea-border:after {
    content: '';
    display: block;
    float: right;
    width: 0;
    height: 0;
    border-top: 10px solid transparent;
    border-right: 10px solid #C0C0C0;
    margin-top: -13px;
}

textarea::-webkit-input-placeholder {
    padding-top: 2px;
}

textarea:-moz-placeholder {
    padding-top: 2px;
}

textarea::-moz-placeholder {
    padding-top: 2px;
}

textarea:-ms-input-placeholder {
    padding-top: 2px;
}

.center-card textarea {
    padding: 0.85rem 0.85rem 0 0.85rem;
}

input[type="text"],
input[type="password"],
input[type="email"],
input[type="url"] {
    width: 100%;
    padding: 2px 0 2px 0;
    margin-bottom: 6px;
    border-radius: 0;
}

input[type="text"]:disabled {
    border-bottom: 2px dashed #d6d6d6;
    color: #878787;
}


input-moz-placeholder,
textarea-moz-placeholder {
    font-weight: 400;
    font-size: 14px;
    color: #b0b0b0;
}

input-ms-input-placeholder,
textarea-ms-input-placeholder {
    font-weight: 400;
    font-size: 14px;
    color: #b0b0b0;
}

input-webkit-input-placeholder,
textarea-webkit-input-placeholder {
    font-weight: 400;
    font-size: 14px;
    color: #b0b0b0;
}

.select-wrap {
    position: relative;
    z-index: 0;
}

.select-wrap:after {
    content: "";
    position: absolute;
    bottom: 10px;
    right: 16px;
    z-index: 0;
    height: 0;
    width: 0;
    border-left: 0.3125rem solid transparent;
    border-right: 0.3125rem solid transparent;
    border-top: 0.4375rem solid #B0B0B0;
}

.select-wrap select {
    color: rgb(32, 32, 32);
    background: transparent;
    position: relative;
    font-size: 1rem;
    line-height: 1.5rem;
    overflow: hidden;
    width: 100%;
    border-bottom: 2px solid #d6d6d6;
    -webkit-appearance: none;
    border-radius: 0;
    -webkit-border-radius: 0;
}

.select-wrap label {
    display: inline-block;
    margin-right: 10px;
}

input.currency:not(.number-input):not(.range-item) {
    padding: 0 1rem !important;
}

input.currency {
    height: 30px;
}

div.currency-wrapper {
    position: absolute;
}

div.currency-symbol {
    padding: 2px 0 0 0;
    color: #666666;
    font-size: 1rem;
    line-height: 1.5rem;
}

span.is-currency {
    position: absolute;
    top: 4px;
}

label.is-currency:not(.float-label) {
    padding-left: 14px;
}

input.is-currency {
    padding-left: 14px;
}

input.percent {
    width: 80px;
}

input.percent.fill-space {
    width: 100%;
}

div.percent-wrapper {
    position: absolute;
    display: inline-block;
}

div.percent-symbol {
    color: #666666;
    position: relative;
    left: -12px;
    top: 4px;
}

div.multiplier-wrapper {
    position: absolute;
    display: inline-block;
}

div.currency-multiplier {
    position: relative;
    margin-left: -36px;
    background-color: #eee;
    width: 36px;
    height: 1.5rem;
    text-align: center;
    cursor: pointer;
    font-weight: 500;
}

input:read-only ~ .multiplier-wrapper .currency-multiplier {
    width: auto;
    height: auto;
    background: transparent;
}

input:read-only ~ .multiplier-wrapper .currency-multiplier a.selected {
    color: #878787;
}

.currency-multiplier .dropit a {
    color: #000000;
    padding: .875rem 1rem 0.875rem 1rem;
    z-index: 3;
}

.currency-multiplier .dropit a.selected {
    padding: 1px .75rem 0 0;
    line-height: 1rem;
    width: 100%;
    min-height: 22px;
}

.currency-multiplier .dropdown-arrow {
    top: 9px;
    right: 5px;
}

.currency-wrapper + label {
    padding-left: 1rem;
}

.currency-wrapper + label.float-label {
    padding-left: 0;
}

.currency-multiplier .dropit .dropit-submenu {
    min-width: 40px;
    background-color: #e6e6e6;
}

.dropdown.download-list {
    position: relative;
    top: -8px;
}

.dropit li.download-dropdown-icon {
    list-style: none;
    margin-left: 0
}

.dropit li:before {
    content: '' !important;
    margin-right: 0px !important;
    width: auto !important;
}

.ui-datepicker {
    background-color: #ffffff;
}

.has-datepicker {
    margin-top: 44px;
}

.has-datepicker .datepicker-group {
    margin-top: -22px;
}


/*|/\/\/\/\/\/\/\/\/\/\/\/\|
Datepicker
|/\/\/\/\/\/\/\/\/\/\/\/\|*/
.datepicker-group {
    display: inline-block;
}

.datepicker-wrap {
    position: relative;
    background-color: #ffffff;
}


/*|/\/\/\/\/\/\/\/\/\/\/\/\|
Buttons
|/\/\/\/\/\/\/\/\/\/\/\/\|*/
button {
    position: relative;
    display: inline-block;
    padding: 1.0rem 1.25rem 1.0rem 1.25rem;
    border: none;
    font-size: 0.9rem;
    font-weight: 400;
    line-height: 0.9rem;
    background-color: #ffffff;
    text-transform: uppercase;
    box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.24);
    color: #000000;
    -webkit-transition: background-color 240ms cubic-bezier(0.77, 0, 0.175, 1);
    transition: background-color 240ms cubic-bezier(0.77, 0, 0.175, 1);
    border-radius: 0px;
}

button.small {
    padding: 6px 8px;
    min-width: 80px;
    font-size: 0.75rem;
    box-shadow: none;
    color: #11b5cc;
}

button.small:hover:not(.button-blue) {
    background-color: #DBF4F8;
}

button:hover {
    cursor: pointer;
}

button.text-white {
    color: #ffffff;
}

button.button-active {
    box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.24);
}

button.button:hover {
    cursor: pointer;
    box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.24);
}

button.button-default {
    background-color: #ffffff;
    box-shadow: none;
    color: #11b5cc;
    width: 9rem;
}

@media (min-width: 1440px) {
    button.button-default {
        width: 10rem;
    }
}

button.dz-button {
    box-shadow: none;
    font-size: 1.5rem !important;
    color: #999999 !important;
    text-transform: none;
}

.right-sidebar button.button-default, .actionplan-goal button.button-default {
    width: 7rem;
}


.right-sidebar button.button-default.wide {
    width: 9rem;
}

.pull-right .button-default {
    margin-right: 4px;
}

button.button-default.button-border {
    border: 1px solid #11b5cc;
}

button.button-wide {
    background-color: #ffffff;
    box-shadow: none;
    width: 12rem;
}

.pull-right .button-primary.wide {
    margin-right: 4px;
    width: 12rem;
}


button.button-auto {
    width: auto !important;
}

button.button-blue {
    background-color: #11b5cc;
    color: #ffffff;
}

button.button-blue:hover {
    background-color: #0d8b9d;
    color: #ffffff;
}

button.button-transparent {
    background-color: transparent;
    box-shadow: none;
    color: #000000;
}

button.button-transparent.text-black {
    color: #000000;
}

button.button-transparent.text-link {
    color: #11b5cc;
}

button.button-primary {
    background-color: #11b5cc;
    color: #ffffff;
    width: 9rem;
}

button.button-primary.fit {
    width: auto;
}

button.button-task-dates {
    background-color: #11b5cc;
    color: #ffffff;
    width: 9rem;
    height: 23px !important;
    padding: 5px;
    margin-bottom: 3px;
}

button.button-check-all {
    width: 7rem !important;
    height: 23px !important;
    padding: 5px;
    margin-bottom: 3px;
}

.button-center-block .left {
    width: 10rem;
    display: inline-block;
}

.button-center-block .middle {
    width: calc(100% - 20rem);
    display: inline-block;
}

.button-center-block .right {
    width: 10rem;
    display: inline-block;
}

.actionplan-goal button.button-primary {
    width: 7rem;
}

button.button-shadow-default {
    color: #11b5cc;
    width: 9rem;
}

@media (min-width: 1720px) {
    button.button-primary {
        width: 10rem;
    }
}

button.button-primary:hover {
    background-color: #0fa0b4;
}

.right-sidebar button.button-primary {
    width: 7rem;
}

button.button-half {
    width: 6rem;
}

.right-sidebar button.button-half {
    width: 5rem;
    padding: 18px 10px;
}

button.button-sidbar-half {
    width: 6rem;
}

button.button-red {
    background-color: #D73D3D;
    color: #ffffff;
}

button.button-red:hover {
    background-color: #bb2626;
}

button.button-full {
    width: 100% !important;
    text-align: center;
}

button.button-50 {
    width: 50%;
    text-align: center;
}

button.button-fixed {
    width: 150px;
}

button.button-secondary {
    box-shadow: none;
    color: #b0b0b0;
}

button.button-secondary svg path {
    fill: #b0b0b0;
}

a.button-link {
    font-size: 0.9rem;
    font-weight: 400;
    text-transform: uppercase;
}

.nonbutton .dropit {
    box-shadow: initial;
}

.nonbutton a.button-nonbutton {
    padding: 0 0 0 1.25rem;
}

.button-wrapper {
    border: solid 1px #D0D0D0;
    padding: 8px;
    width: 14rem;
    display: inline-block;
}

.button-wrapper button {
    margin-left: 22px;
    margin-top: 8px;
}


.button-wrapper .info-text {
    color: #11b5cc;
    padding: 4px;
    text-align: center;
}

button.disabled {
    color: rgba(0,0,0,0.4);
    background-color: #f3f3f3;
}

button.disabled:hover {
    color: rgba(0,0,0,0.4);
    background-color: #f3f3f3;
    cursor: text;
}

/*|/\/\/\/\/\/\/\/\/\/\/\/\|
Button Toggle
|/\/\/\/\/\/\/\/\/\/\/\/\|*/
.toggle {
    display: inline-block;
    position: relative;
    box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.24);
}

.toggle button {
    color: rgba(0, 0, 0, 0.4);
    margin: 0;
    background-color: #f3f3f3;
    -webkit-transition: color 250ms cubic-bezier(0.77, 0, 0.175, 1), background-color 250ms cubic-bezier(0.77, 0, 0.175, 1);
    transition: color 250ms cubic-bezier(0.77, 0, 0.175, 1), background-color 250ms cubic-bezier(0.77, 0, 0.175, 1);
    box-shadow: none;
    position: relative;
    bottom: 1px;
}

.toggle button.active {
    color: #000000;
    background-color: #ffffff;
}

.toggle button:not(:first-of-type) {
    margin-left: -4px;
    border-left: 1px solid rgba(0, 0, 0, 0.16);
}

.toggle button:hover {
    box-shadow: none;
}


/*|/\/\/\/\/\/\/\/\/\/\/\/\|
Arrows
|/\/\/\/\/\/\/\/\/\/\/\/\|*/
.arrow {
    position: relative;
    margin-right: 4px;
}

.arrow svg {
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-10%);
    -ms-transform: translateY(-10%);
    transform: translateY(-10%);
}

.arrow-black svg path {
    fill: #000000;
}

.arrow-light-grey svg path {
    fill: #B0B0B0;
}

.arrow-white svg path {
    fill: #ffffff;
}

.arrow-bad svg path {
    fill: #f64431;
}

.arrow-alert svg path {
    fill: #e2a100;
}

.arrow-good svg path {
    fill: #47b14b;
}


/*|/\/\/\/\/\/\/\/\/\/\/\/\|
Create New Button
|/\/\/\/\/\/\/\/\/\/\/\/\|*/
.create-new {
    position: absolute;
    width: 100%;
    top: 135px;
    left: 0;
    height: 0;
    z-index: 110;
}

.create-new-list {
    position: relative;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: opacity 250ms cubic-bezier(0.77, 0, 0.175, 1), bottom 360ms cubic-bezier(0.77, 0, 0.175, 1);
    transition: opacity 250ms cubic-bezier(0.77, 0, 0.175, 1), bottom 360ms cubic-bezier(0.77, 0, 0.175, 1);
}

.create-new-list-item {
    position: relative;
    height: 60px;
    border-bottom: 1px solid #ececec;
    padding: 20px 20px 20px 60px;
}

.create-new-list-item:last-child {
    border-bottom: none;
}

.create-new-list-item:hover {
    background: #FF6656;
}

.create-new-list-item:hover svg path {
    fill: #fff;
}

.create-new-list-item:hover label {
    color: #fff;
}

.create-new-list-item:hover button {
    background-color: #11b5cc;
}

.create-new-list-item button {
    margin-right: 16px;
    float: left;
    top: -3px;
    bottom: -15px;
    background-color: #11b5cc;
    height: 36px;
    width: 36px;
    border-radius: 18px;
    -webkit-transition: none;
    transition: none;
}

.create-new-list-item svg {
    height: 20px;
    width: 20px;
    position: absolute;
    top: 20px;
}

.create-new-list-item .create-new-icon {
    float: left;
    width: 30px;
}

.create-new-list-item svg path {
    fill: #FF6656;
}

.create-new-list.open {
    opacity: 1;
    visibility: visible;
}

.create-new-button {
    position: absolute;
    display: block;
    top: 4px;
    left: 980px;
}

.create-new-button.egm {
    top: -55px;
}



@media (min-width: 1420px) {
    .create-new-button {
        left: 1090px;
    }
}

@media (min-width: 1520px) {
    .create-new-button {
        left: 1160px;
    }
}

@media (min-width: 1660px) {
    .create-new-button {
        left: calc(100% - 400px);
    }
}

.create-new-button .create-new-button-container {
    background-color: #FF6656;
    color: #fff;
    height: 60px;
    width: 246px;
    padding: 40px;
    font-size: 1rem;
    border-radius: 30px;
    font-weight: 500;
    text-align: left;
    padding: 0;
    line-height: 60px;
    overflow: hidden;
    cursor: pointer;
    box-shadow: 0 5px 10px 0 rgba(0,0,0,0.1);
}


.create-new-button .create-new-button-container .svg-plus-icon {
    -webkit-transition: -webkit-transform 240ms cubic-bezier(0.77, 0, 0.175, 1);
    transition: transform 240ms cubic-bezier(0.77, 0, 0.175, 1);
}

.create-new-button .create-new-button-container.open .svg-plus-icon {
    -webkit-transform: rotate(225deg);
    -ms-transform: rotate(225deg);
    transform: rotate(225deg);
}

.create-new-button .circle {
    width: 20px;
    height: 20px;
    box-sizing: border-box;
    border-radius: 14px;
    display: inline-block;
    position: absolute;
}

.create-new-button .circle svg {
    width: 20px;
    height: 20px;
}

.create-new-button .circle svg g {
    fill: #fff;
}

.create-new-button .create-new-button-container.open .circle {
    border-color: #FF6656;
}

.create-new-button .create-new-button-container.open .create-container {
    border-bottom: 1px solid #ececec;
}

.create-new-button .create-new-button-container.open .create-container:hover {
    background: #FF6656;
    color: #fff;
}

.create-new-button .create-new-button-container.open .create-container:hover .circle svg path {
    fill: #fff;
}

.create-new-button .create-new-button-container.open .create-container:hover .circle {
    border-color: #fff;
}


.create-new-button .create-container {
    padding: 20px 20px 20px 60px;
}

.create-new-button .create-new-button-container.open .circle svg path {
    fill: #FF6656;
}

.create-new-button .create-text {
    margin-left: 30px;
    text-transform: uppercase;
}

.create-new-button .create-new-button-container:hover {
    background-color: #FF5543;
}

.create-new-button .create-new-button-container.open {
    height: auto;
    background: #fff;
    color: #FF6656;
    border: 1px solid #FF6656;
}

.create-new-item_label {
    position: relative;
    color: #FF6656;
    font-weight: 500;
    margin-left: 30px;
}



.create-new-button .create-new-button-container .circle svg {
    -webkit-transition: -webkit-transform 240ms cubic-bezier(0.77, 0, 0.175, 1);
    transition: transform 240ms cubic-bezier(0.77, 0, 0.175, 1);
}

.create-new-button .create-new-button-container.open .circle svg {
    -webkit-transform: rotate(225deg);
    -ms-transform: rotate(225deg);
    transform: rotate(225deg);
}


/*|/\/\/\/\/\/\/\/\/\/\/\/\|
Range Slider
|/\/\/\/\/\/\/\/\/\/\/\/\|*/
.rangeslider {
    height: 2px;
    background-color: #d0d0d0;
    width: 98%;
}

.ui-slider-horizontal .ui-slider-range {
    height: 3px;
}

.rangeslider-with-counter {
    display: inline-block !important;
    width: calc(100% - 110px);
}
/*
@media (min-width: 640px) {
    .rangeslider-with-counter {
        width: 78%;
    }
}

@media (min-width: 1230px) {
    .rangeslider-with-counter {
        width: 72%;
    }
}
    */

@media (min-width: 640px) {
    .rangeslider-with-counter.rangeslider-with-steps ~ .rangeslider-steps {
        width: 82%;
    }
}

@media (min-width: 1230px) {
    .rangeslider-with-counter.rangeslider-with-steps ~ .rangeslider-steps {
        width: 87%;
    }
}

.rangeslider .ui-slider-handle {
    background-color: #11b5cc;
    height: 18px;
    width: 18px;
    border-radius: 20px;
    top: -7px;
    z-index: 0;
}

.rangeslider .ui-slider-range-min {
    background-color: #11b5cc;
}

input.rangecounter {
    display: inline-block;
    max-width: 65px;
    font-size: 22px !important;
    background-color: transparent;
    margin-left: 18px;
    font-weight: 300;
    margin-right: 5px;
}


.rangeunits {
    font-size: 1rem;
    font-weight: 300;
    position: relative;
    top: 1px;
    left: 4px;
}

.rangeslider-steps {
    list-style: none;
    margin-top: 20px;
    position: relative;
    display: block;
    text-align: justify;
}

.rangeslider-steps li {
    display: inline-block;
    margin-left: 0;
    color: #666666;
}

.rangeslider-steps:after {
    content: "";
    width: 100%;
    display: inline-block;
}


/*|/\/\/\/\/\/\/\/\/\/\/\/\|
Right Side Bar 
|/\/\/\/\/\/\/\/\/\/\/\/\|*/

.right-side-bar_wrap .side-bar .page-navigation__title {
    background: #47b14b;
    width: 100%;
    color: #fff;
    padding: 5px 10px;
}

.right-side-bar_wrap .side-bar .example-commitment {
    font-size: .7rem;
    margin-left: 5px;
}

.right-side-bar_wrap .side-bar .goal-flyout button:not(.full-width) {
    width: 6rem;
}

button.auto-width {
    width: auto;
}


.right-side-bar_wrap .side-bar {
    color: #333;
    line-height: 1.3rem;
    margin-bottom: 30px;
}

.right-side-bar_wrap .side-bar p {
    font-size: 1rem;
    line-height: 1.3rem;
    margin-bottom: 20px;
}


.right-side-bar_wrap .side-bar .activity-row p {
    margin-bottom: 0;
}

.right-side-bar_wrap .side-bar .add-new-icon svg {
    fill: #11b5cc;
}

.right-side-bar_wrap .side-bar .delete-item-small {
    padding: 0 0rem 0 0;
    position: absolute;
    right: 5px;
    float: right;
    z-index: 1;
    top: 12px;
}

.right-side-bar_wrap .side-bar .delete-item-small svg path {
    fill: #666666;
}

.right-side-bar_wrap .side-bar .card-row.pn.mb-h {
    margin-bottom: 40px;
}

#account-curcommit-canvas .card.card-list:not(:last-of-type) {
    margin-top: 0;
}

.svg-pin-icon {
    display: inline-block;
    float: right;
    transform: rotate(25deg);
    margin-left: 10px;
    margin-top: 2px;
}

.svg-pin-icon svg g {
    fill: #11B5CC;
}


/*|/\/\/\/\/\/\/\/\/\/\/\/\|
Content Wrap
|/\/\/\/\/\/\/\/\/\/\/\/\|*/
.content-wrap {
    position: relative;
    z-index: 100;
    margin-top: 52px;
    margin-left: 210px;
    width: 720px;
}

@media (min-width: 1420px) {
    .content-wrap {
        margin-left: 250px;
        width: 770px;
    }
}

@media (min-width: 1520px) {
    .content-wrap {
        width: 860px;
    }
}

@media (min-width: 1660px) {
    .content-wrap {
        width: calc(100% - 740px);
    }
}




.content-wrap > .row, .content-wrap > .row-wrapper > .row {
    display: block;
    width: auto;
    position: relative;
    -webkit-transition: left 380ms cubic-bezier(0.77, 0, 0.175, 1);
    transition: left 380ms cubic-bezier(0.77, 0, 0.175, 1);
}

.content-wrap .full-width {
    width: calc(100% + 285px);
}

@media (min-width: 1420px) {
    .content-wrap .full-width {
        width: calc(100% + 310px);
    }
}

@media (min-width: 1520px) {
    .content-wrap .full-width {
        width: calc(100% + 290px);
    }
}

@media (min-width: 1660px) {
    .content-wrap .full-width {
        width: calc(100% + 320px);
    }
}

.row {
    position: relative;
    display: block;
    width: 100%;
    clear: both;
    margin: 0 auto 20px 0;
}

.row.account-page {
    margin-bottom: 18px;
    height: 44px;
}

.row.dashboard-page {
    margin-bottom: 40px;
    height: 44px;
    margin-top: 18px;
}


.row.dashboard-page.opportunity-tab {
    margin-top: -4px;
}

.row.dashboard-page.team-dashboard {
    margin-top: 9px;
}

.row.dashboard-page.team-dashboard.no-teams {
    margin-top: 15px;
}

.team-dashboard-header-empty {
    margin-bottom: 21px;
}

.card-list.card-health-score-child:first-child {
    margin-top: 20px;
}


.row-center.fixed-width {
    width: 960px;
    margin-left: auto;
    margin-right: auto;
}

.abs {
    position: absolute;
}

/*|/\/\/\/\/\/\/\/\/\/\/\/\|
Dropdowns
|/\/\/\/\/\/\/\/\/\/\/\/\|*/
dt.dropdown-title {
    width: 100%;
    text-align: left;
    border-bottom: 2px solid #c0c0c0;
    padding: 4px 0 0 0;
    cursor: pointer;
}

dt.dropdown-title:not(.float-label) {
    min-height: 30px;
}

dt.dropdown-title label {
    margin-top: -2px;
}

.freshness-cadence dt.dropdown-title label {
    margin-top: -12px;
}

.freshness-cadence dt.dropdown-title label .status-image {
    margin-right: 6px;
}

#card-company-cadence dt.dropdown-title label > span.text-context {
    display: none;
}

input[type=hidden][readonly] ~ dt.dropdown-title {
    border-bottom: 2px dashed #d6d6d6;
}

.dropdown-title.blue-border {
    border-color: #11b5cc;
}


input.dropdown-hidden-field {
    width: 100%;
}

input.dropdown-search {
    padding-left: 40px !important;
    background-color: #fafadd;
}


.card-person-info dt.dropdown-title {
    background-color: #FFFFFF;
}

.readonly dt.dropdown-title {
    background-color: #efefef;
    cursor: default;
    border-bottom: 2px dashed #c0c0c0;
}

dt.dropdown-title.required {
    border-bottom: 2px solid #f64431;
    box-shadow: none;
}

a.dropdown-title-link {
    color: #202020;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 1rem;
    line-height: 1.125rem;
    min-height: 24px;
    max-width: 640px;
}

a.dropdown-title-link:hover {
    color: #202020;
}

a.dropdown-title-link > span {
    display: inline-block;
    margin-right: 8px;
    margin-left: 2px;
    color: #202020;
    width: calc(100% - 15px);
    overflow: hidden;
    text-overflow: ellipsis;
}

.content-edit-text {
    margin: 0 !important;
    z-index: 1001;
    color: #0d8b9d;
}

a.dropdown-title-link span svg {
    width: 16px;
    height: 16px;
    position: relative;
    top: 2px;
    margin-right: 8px;
}

a.dropdown-title-link span svg path {
    fill: #323F4F;
}

.block-2 a.dropdown-title-link {
    max-width: 90%;
}

.block-2 a.dropdown-title-link > span {
    overflow: hidden;
    display: inline-block;
    max-width: calc(100% - 15px);
    text-overflow: ellipsis;
}

div.dropdown-wrap {
    position: relative;
}

div.dropdown-arrow {
    content: "";
    position: absolute;
    z-index: 0;
    height: 0;
    width: 0;
    border-left: 0.3125rem solid transparent;
    border-right: 0.3125rem solid transparent;
    border-top: 0.4375rem solid #B0B0B0;
    bottom: -18px;
    right: 8px;
    cursor: pointer;
}

.buttondd-icon {
    margin-right: 6px;
    display: inline-block;
    position: relative;
    top: 3px;
}

.buttondd-icon svg {
    width: 16px;
    height: 16px;
}

.buttondd-icon svg path {
    fill: #999999;
}

.buttondd-icon:hover svg path {
    fill: #11b5cc;
}

a.dditem-icon {
    margin-top: 0 !important;
}

span.buttondditem-icon {
    margin-right: 6px;
    display: inline-block;
    position: relative;
    top: 4px;
}

span.buttondditem-icon svg {
    width: 18px;
    height: 18px;
}

span.buttondditem-icon svg path {
    fill: #333333;
}

span.dropdown-search-icon {
    float: left;
    position: absolute;
    z-index: 0;
    height: 0;
    width: 0;
    bottom: 38px;
    left: 20px;
}

.dropdown-container dd {
    position: relative;
}

.dropdown-container.open dd ul {
    display: block;
}

.dropdown-list ul {
    width: 100%;
    display: none;
    position: absolute;
    top: 31px;
    left: 0px;
    list-style: none;
    border: none;
    box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.12), 0px 2px 2px 0px rgba(0, 0, 0, 0.24);
    z-index: 275;
    background-color: #ffffff;
}

.limit .dropdown-list ul {
    overflow-y: auto;
    max-height: 390px;
}

.dropdown-list div.dropdown-search {
    width: 100%;
}

li.dropdown-listitem {
    padding: 0.50rem 0.50rem 0.50rem .625rem;
    font-size: 0.875rem;
    line-height: 0.875rem;
    margin-left: 0;
    cursor: pointer;
}

li.dropdown-listitem:hover, li.dropdown-listitem.hover {
    background-color: #DBF4F8;
}

li.dropdown-listitem span {
    display: inline-block;
    margin-right: 8px;
}

li.dropdown-listitem span svg {
    width: 18px;
    height: 18px;
    position: relative;
    top: 4px;
}

li.dropdown-listitem span svg path {
    fill: #323F4F;
}


li.dropdown-listitemgroup {
    padding: 0.50rem 0.50rem 0.50rem .625rem;
    font-size: 0.875rem;
    line-height: 0.875rem;
    font-weight: 700;
    margin-left: 0;
    border-bottom: #dddddd 1px solid;
    background-color: #f3f3f3;
}


.ui-dialog dl.dropdown-container, .ui-dialog dl.dropdown-container dt, .ui-dialog dl.dropdown-container a {
    z-index: 1000;
}

.ui-dialog dl.dropdown-container ul {
    z-index: 1025;
}

.ui-dialog span.dropdown-title-arrow {
    bottom: 38px;
    right: 34px;
}

#company-person-list .dropdown-container:not([data-ddid=UserSortDirection]) {
    width: 115px;
}

/*  ******************************************
    New Drop Downs
******************************************** */

#dropdown-launch {
    z-index: 1001;
}

.card-dropdown {
    position: absolute;
    display: inline-block;
    box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.12), 0px 2px 2px 0px rgba(0, 0, 0, 0.24);
    background-color: #ffffff;
    z-index: 100;
    padding: 4px;
    width: 740px;
}

@media (min-width: 1420px) {
    .card-dropdown {
        width: 880px;
    }
}

.dropdown-content {
    display: inline-block;
    text-align: right;
}

.nav-left-float {
    float: left;
}

.side-switch-wrapper {
    padding: 8px 8px 8px 18px;
}

.side-switch .dropdown {
    position: inherit;
    width: 100%;
}

.side-switch svg path {
    fill: #ffffff;
}


.switch-initial {
    color: #FFFFFF !important;
}

.switch-initial div.switch-text {
    display: inline-block;
    float: left;
    padding-right: 8px;
}

.switch-initial svg path {
    fill: #ffffff;
}


.side-switch a {
    width: 100%;
    padding: .8rem 0 .675rem 1.875rem;
    line-height: 18px !important;
}

.side-switch .dropdownmenu-listitem a {
    color: #000000 !important;
    padding-left: 1.875rem;
}

.side-switch ul, .side-switch li {
    margin-bottom: 0rem !important;
    padding-left: 0 !important;
    max-height: none !important;
}


.side-switch li.dropit-trigger:hover svg path {
    fill: #FFFFFF !important;
}

.switch-feature.dropit-submenu {
    width: 100%;
    min-width: 220px !important;
    left: 0;
}

.dropdown.snooze .snooze-top {
    padding: 0;
}

.dropdown.snooze .dropit {
    box-shadow: none;
}

.snooze .header {
    padding: 8px;
    background-color: #dddddd;
}

.snooze li.header:hover {
    background-color: #dddddd;
}


/* *********************************************
    Drop Down Search
    ********************************************/
.dropdown-container.open dd div {
    display: block;
}

ul.dropdownsearch-list {
    max-height: 240px;
    overflow: auto;
    top: 96px;
}

li.dropdown-listitem-search {
    padding: 0.50rem 0.50rem 0.50rem .625rem;
    margin-left: 0;
}
/* **********************************************
    Auto Complete
 ************************************************/


dt.autocomplete-title {
    width: 100%;
    position: relative;
}

.autocomplete-container dd {
    position: relative;
}

.autocomplete-container.open dd ul {
    display: block;
}

.autocomplete-list ul {
    width: 100%;
    display: none;
    position: absolute;
    top: -10px;
    left: 0px;
    list-style: none;
    border: none;
    box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.12), 0px 2px 2px 0px rgba(0, 0, 0, 0.24);
    z-index: 275;
    background-color: #ffffff;
}

#dropdown-launch ul {
    width: 400px;
    position: absolute;
    list-style: none;
    border: none;
    box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.12), 0px 2px 2px 0px rgba(0, 0, 0, 0.24);
    z-index: 1001;
    background-color: #ffffff;
}

#dropdown-launch .multi-select-list.card-edit-fields {
    z-index: 1;
}



span.autocomplete-title-icon svg path {
    fill: #878787;
}

li.autocomplete-listheader {
    padding: 0.50rem 0.50rem 0.30rem .625rem;
    font-size: 0.775rem;
    line-height: 0.775rem;
    margin-left: 0;
    border-bottom: #dddddd 1px solid;
    background-color: #f3f3f3;
}

li.autocomplete-listitem {
    padding: 0.525rem 0.50rem 0.825rem .625rem;
    font-size: 0.875rem;
    line-height: 0.875rem;
    margin-left: 0;
    cursor: pointer;
}

li.autocomplete-listitem:hover, li.autocomplete-listitem.hover {
    background-color: #DBF4F8;
}

li.autocomplete-listitem img.tiny {
    position: relative;
    top: 5px;
    margin-right: 0.625rem;
}

li.autocomplete-listitem .role {
    margin-left: 30px;
}

ul.multi-select-list {
    margin-bottom: 4px;
    box-shadow: none !important;
}

ul.multi-select-list.dd {
    margin-top: 40px;
}

li.multi-select-item {
    padding: .625em;
    font-size: .725em;
    border-bottom: 1px solid #ddd;
}

li.multi-select-item.none {
    color: #b0b0b0;
}

li.multi-select-item.no-bullet, li.no-bullet {
    list-style-type: none;
}


li.multi-select-item .delete, li.multi-select-item .string-list-delete {
    padding: 4px;
    -webkit-transform: translateY(-10%);
    -ms-transform: translateY(-10%);
    transform: translateY(-10%);
    cursor: pointer;
}

li.multi-select-item .delete svg path, li.multi-select-item .string-list-delete svg path {
    fill: #B0B0B0;
}

li.multi-select-item:hover .delete svg path, li.multi-select-item:hover .string-list-delete svg path {
    fill: #f64431;
}

.no-alphabetical-sort li.multi-select-item:hover .delete svg path {
    fill: #B0B0B0;
}

.no-alphabetical-sort li.multi-select-item .delete:hover svg path {
    fill: #f64431;
}

.influencer-list li.multi-select-item:hover .delete svg path {
    fill: #B0B0B0;
}

.influencer-list li.multi-select-item .delete:hover svg path {
    fill: #f64431;
}

li.multi-select-item .moveup {
    padding: 4px;
    padding-bottom: 3px;
    -webkit-transform: translateY(-10%) rotate(180deg);
    -ms-transform: translateY(-10%) rotate(180deg);
    transform: translateY(-10%) rotate(180deg);
    cursor: pointer;
}

.alphabetical-sort li.multi-select-item .moveup {
    display: none;
}

li.multi-select-item .moveup svg path {
    fill: #B0B0B0;
}

li.multi-select-item .moveup:hover svg path {
    fill: #767676;
}

li.multi-select-item .movedown {
    padding: 4px;
    -webkit-transform: translateY(-10%);
    -ms-transform: translateY(-10%);
    transform: translateY(-10%);
    cursor: pointer;
}

.alphabetical-sort li.multi-select-item .movedown {
    display: none;
}

li.multi-select-item .movedown svg path {
    fill: #B0B0B0;
}

li.multi-select-item .movedown:hover svg path {
    fill: #767676;
}

li.multi-select-item .color-picker-icon {
    width: 20px;
    height: 20px;
    padding: 4px;
    -webkit-transform: translateY(-10%);
    -ms-transform: translateY(-10%);
    transform: translateY(-10%);
    cursor: pointer;
}

li.multi-select-item .color-picker-icon svg path {
    fill: #B0B0B0;
}

li.multi-select-item .color-picker-icon:hover svg path {
    fill: #767676;
}

li.multi-select-item span.value-title-text {
    vertical-align: top;
    margin-left: 8px;
    margin-top: 1px;
    display: inline-block;
    font-size: 0.875rem;
}

.multi-select-and-or {
    height: 15px;
    margin-top: 5px;
}

.multi-select-and-or input[type=checkbox] + label:before {
    height: 15px;
    width: 15px;
    top: -2px;
}

.multi-select-and-or label {
    font-size: .725em;
}

div.multi-select-and-or {
    display: none;
}
.linked-container.input:has(> .multi-select-and-or ~ ul.multi-select-list.dd.card-edit-fields li.multi-select-item:not(.none):not(:only-child)) div.multi-select-and-or {
    display: block;
}

.accordion-default .accordion-content {
    background-color: #FAFAFA;
    max-height: 40vh;
    overflow-y: scroll;
}

div.accordion-content [class*='block-']:first-of-type {
    margin: 0;
}

div.accordion-content div.single-column label {
    width: 100%;
}

div.accordion-detached {
    padding-top: 14px;
}

#filter-form input.autocomplete-text {
    padding-top: 5px;
}

@media (min-width: 640px) {
    .card.kanban-list .kanban-list-title {
        width: 54%;
    }

    .card.kanban-list .kanban-list-status {
        width: 5%;
    }

    .card.kanban-list .kanban-list-level {
        width: 8%;
    }

    .card.kanban-list .kanban-list-goal-status {
        width: 14%;
    }

    .card.kanban-list .kanban-list-name {
        width: 18%;
    }
}

@media (min-width: 1230px) {
    .card.kanban-list .kanban-list-title {
        width: 60%;
    }

    .card.kanban-list .kanban-list-status {
        width: 4%;
    }

    .card.kanban-list .kanban-list-level {
        width: 7%;
    }

    .card.kanban-list .kanban-list-goal-status {
        width: 11%;
    }

    .card.kanban-list .kanban-list-name {
        width: 18%;
    }
}



/*|/\/\/\/\/\/\/\/\/\/\/\/\|
Page Navigation Bar
|/\/\/\/\/\/\/\/\/\/\/\/\|*/
.page-navigation {
    position: relative;
    width: 100%;
}

.page-navigation__title {
    font-size: 24px;
    font-weight: 400;
    display: inline-block;
    color: #fff;
    line-height: 24px;
    margin-bottom: 20px;
}

.page-navigation__title .account-title, .page-navigation__title.account-name {
    white-space: nowrap;
    overflow: hidden;
    max-width: 385px;
    display: inline-block;
    text-overflow: ellipsis;
    cursor: pointer;
}

.page-navigation__title .account-title svg {
    position: relative;
    width: 20px;
    height: 20px;
    top: 1px;
    margin-right: 6px;
}

.page-navigation__title .account-name {
    font-size: 18px;
    margin-left: 1px;
}

.page-navigation__title .account-title svg path {
    fill: #efefef;
}

@media (min-width: 1420px) {

    .page-navigation__title .account-title, .page-navigation__title.account-name {
        max-width: 420px;
    }
}

@media (min-width: 1520px) {

    .page-navigation__title .account-title, .page-navigation__title.account-name {
        max-width: 515px;
    }
}

@media (min-width: 1660px) {

    .page-navigation__title .account-title, .page-navigation__title.account-name {
        max-width: 655px;
    }
}

.filter-container {
    position: relative;
}

.page-options-container .filter-container.dropdown {
    left: 4px;
}

.contact-filter-heading {
    margin-left: 12px;
}

.opportunity-filter-heading {
    margin-left: 12px;
}

.product-filter-heading {
    margin-left: 12px;
    margin-top: 7px;
}

.contract-filter-heading {
    margin-left: 12px;
}

.document-filter-heading {
    margin-left: 12px;
}

.note-filter-heading {
    margin-left: 12px;
    padding-bottom: 5px;
    top: 10px;
    position: relative;
}

.account-filter, .contact-filter, .goal-filter, .opportunity-filter, .contract-filter, .document-filter, .product-filter, .note-filter {
    display: inline-block;
    vertical-align: bottom;
}

.account-filter .dropdown {
    position: relative;
    top: 1px;
}

.account-filter-cancel {
    color: #fff;
    cursor: pointer;
    font-size: 14px;
    margin-top: 6px;
    margin-left: 10px;
    position: relative;
    top: -1px;
}

.contact-filter-cancel {
    color: #666666;
    cursor: pointer;
    font-size: 14px;
    margin-top: 6px;
    margin-left: 10px;
    position: relative;
}

.opportunity-filter-cancel {
    color: #666666;
    cursor: pointer;
    font-size: 14px;
    margin-top: 6px;
    margin-left: 10px;
    position: relative;
}

.product-filter-cancel {
    color: #666666;
    cursor: pointer;
    font-size: 14px;
    margin-top: 6px;
    margin-left: 10px;
    position: relative;
}

.contract-filter-cancel {
    color: #A0A0A0;
    cursor: pointer;
    font-size: 14px;
    margin-top: 6px;
    margin-left: 10px;
    position: relative;
}

.document-filter-cancel {
    color: #666666;
    cursor: pointer;
    font-size: 14px;
    margin-top: 6px;
    margin-left: 10px;
    position: relative;
}

.note-filter-cancel {
    color: #666666;
    cursor: pointer;
    font-size: 14px;
    margin-top: 6px;
    margin-left: 10px;
    position: relative;
}

.account-filter-cancel:hover, .contact-filter-cancel:hover, .opportunity-filter-cancel:hover, .contract-filter-cancel:hover, .document-filter-cancel:hover, .product-filter-cancel:hover, .note-filter-cancel:hover {
    color: #11b5cc;
}

.account-filter-cancel-icon svg, .contact-filter-cancel-icon svg, .opportunity-filter-cancel-icon svg, .contract-filter-cancel-icon svg, .document-filter-cancel-icon svg, .product-filter-cancel-icon svg, .note-filter-cancel-icon svg {
    width: 10px;
    height: 10px;
    margin-right: 6px;
}

.account-filter-cancel-icon path {
    fill: #ffffff;
}

.contact-filter-cancel path {
    fill: #666666;
}

.opportunity-filter-cancel path {
    fill: #666666;
}

.product-filter-cancel path {
    fill: #666666;
}

.contract-filter-cancel path {
    fill: #A0A0A0;
}

.document-filter-cancel path {
    fill: #666666;
}

.note-filter-cancel path {
    fill: #666666;
}

.account-filter-cancel:hover path, .contact-filter-cancel:hover path, .opportunity-filter-cancel:hover path, .contract-filter-cancel:hover path, .document-filter-cancel:hover path, .product-filter-cancel:hover path, .note-filter-cancel:hover path {
    fill: #11b5cc;
}

.contact-filter .dropit a, .goal-filter .dropit a, .opportunity-filter .dropit a, .document-filter .dropit a, .product-filter .dropit a, .note-filter .dropit a {
    color: #666666;
}

.contact-filter:hover .dropit-trigger > a, .goal-filter:hover .dropit-trigger > a, .opportunity-filter:hover .dropit-trigger > a, .contract-filter:hover .dropit-trigger > a, .document-filter:hover .dropit-trigger > a, .product-filter:hover .dropit-trigger > a, .note-filter:hover .dropit-trigger > a {
    color: #11b5cc;
}

.note-filter span.dropdown-icon svg {
    vertical-align: text-top;
}

.account-archived {
    font-style: italic;
    color: #D73D3D;
    font-weight: 600;
    display: inline-block;
    margin-left: 12px;
    top: -5px;
    position: relative;
}


.contact-archived {
    font-style: italic;
    color: #D73D3D;
    font-weight: 600;
    display: inline-block;
    margin-left: 12px;
}

.account-actions, .contract-actions {
    float: right;
    color: #fff;
    cursor: pointer;
    font-size: 14px;
    margin-top: 6px;
    margin-left: 20px;
}

.account-actions.top-margin, .contract-actions.top-margin {
    margin-top: 12px;
}

.account-actions.text-black:not(:hover), .contract-actions.text-black:not(:hover) {
    color: #000000;
}


.row.account-page .account-actions, .row.account-page .contract-actions {
    margin-top: 13px;
}

.account-actions .download-icon svg, .contract-actions .download-icon svg {
    top: 4px;
}

.account-hierarchy-dropdown-container {
    position: absolute;
}

.account-hierarchy-dropdown-container .filter-container {
    top: 7px;
    right: -50px;
}

.account-hierarchy-dropdown {
    font-size: 12px;
}

.account-bc, .admin-totals {
    font-size: 0.875rem;
    color: #999999;
}

.account-header-bc {
    top: -2px;
    position: relative;
}

.account-header-bc.team-view {
    width: calc(100% - 220px);
    float: left;
}

.account-header-bc .account-bc {
    color: #ffffff;
}

.account-bc-link {
    color: #11b5cc;
    font-size: 0.875rem;
}

.account-bc-link:hover {
    text-decoration: underline;
    cursor: pointer;
}

.account-header-bc .account-bc-link {
    color: #aaaaaa;
}

.account-separator {
    font-size: 0.875rem;
    margin-left: 6px;
    margin-right: 6px;
    color: #999999;
}

.account-header-bc .account-separator {
    color: #aaaaaa;
}

.sort-label {
    top: 3px !important;
    position: relative;
}


.page-navigation__buttons {
    position: relative;
    display: inline-block;
}
/*@media (max-width: 639px) {
      .page-navigation__buttons {
        width: 100%; } }
    @media (min-width: 640px) {}*/
.page-navigation__buttons {
    float: right;
}

.page-navigation__buttons button {
    position: relative;
    background-color: transparent;
}

.page-navigation__buttons button > .arrow {
    margin-left: 0.625rem;
}

.page-navigation__buttons button + button,
.page-navigation__buttons button + .dropdown {
    margin-left: 16px;
}

.page-navigation__buttons .dropdown + button,
.page-navigation__buttons .dropdown + .dropdown {
    margin-left: 16px;
}
/*.page-navigation__back {
    margin-bottom: 0.9375rem; }
    @media (max-width: 639px) {
      .page-navigation__back {
        display: block; } }
    @media (min-width: 640px) {
      .page-navigation__back {
        margin-bottom: 1.25rem; } }
    @media (min-width: 1060px) {
      .page-navigation__back {
        margin-bottom: 1.25rem; } }
    @media (min-width: 1230px) {}*/
.page-navigation__back {
    margin-bottom: 1.25rem;
}

.page-navigation .text-context {
    margin-right: 1.25rem;
}

/*|/\/\/\/\/\/\/\/\/\/\/\/\|
Notifications
|/\/\/\/\/\/\/\/\/\/\/\/\|*/




.notify {
    position: fixed;
    bottom: 0;
    width: 100%;
    z-index: 200;
    display: block;
    padding: 20px 20px 20px 230px;
    color: #fff;
    font-size: 20px;
    font-weight: 300;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.notify-modal {
    z-index: 200;
    display: block;
    padding: 20px 20px 20px 230px;
    color: #fff;
    font-size: 20px;
    font-weight: 300;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

@media (min-width: 1430px) {
    .notify {
        padding-left: 270px;
    }
}

.notify.Green, .notify-modal.Green {
    background: #2c9630;
}

.notify.Yellow, notify-modal.Yellow {
    background: #e2a100;
}


.notify.Red, .notify-modal.Red {
    background: #f64431;
}

.notify svg, .notify-modal svg {
    height: 16px;
    width: 16px;
}

.notify svg:hover, .notify-modal svg:hover {
    cursor: pointer;
}

.notify svg path, .notify-modal svg path {
    fill: #fff;
}

.notification-context {
    border-right: 1px solid rgba(0, 0, 0, 0.15);
    padding-left: 1.25rem;
    padding-top: 1.25rem;
    width: 62px;
    position: relative;
}

@media (min-width: 640px) {
    .notification-context {
        width: 72px;
    }
}

.notification-context > span {
    display: block;
    position: relative;
}

.notification-context > span:after {
    content: "";
    height: 8px;
    width: 8px;
    background-color: #D9D9D9;
    border: 2px solid #ffffff;
    border-radius: 8px;
    position: absolute;
    right: -4px;
    top: 12px;
}

@media (min-width: 640px) {
    .notification-context > span:after {
        top: 12px;
    }
}

@media (min-width: 1230px) {
    .notification-context > span:after {
        top: 12px;
    }
}

.notification-context img {
    display: block;
}

.notification-content {
    position: relative;
    background-color: transparent;
    -webkit-transition: background-color 240ms cubic-bezier(0.77, 0, 0.175, 1);
    transition: background-color 240ms cubic-bezier(0.77, 0, 0.175, 1);
    padding: 15px 20px;
    vertical-align: top;
}

.notification-brief {
    font-size: 14px;
    color: #666666;
}

.notification-brief strong {
    font-weight: 400;
    color: #3C3C3C;
}

.notification-detail {
    font-size: 13px;
    color: #B0B0B0;
}

.notification-date {
    font-size: 13px;
    color: #B0B0B0;
}

.notification-link {
    position: absolute;
    right: 20px;
    top: 14px;
}

.notification-link img {
    width: 7px;
    height: 12px;
}

.notification.new .notification-content {
    background-color: rgba(248, 231, 28, 0.1);
}

/*|/\/\/\/\/\/\/\/\/\/\/\/\|
Card Rows
|/\/\/\/\/\/\/\/\/\/\/\/\|*/
.card-row {
    padding: 0.75rem;
    margin-bottom: 0;
    -webkit-transition: padding 240ms cubic-bezier(0.77, 0, 0.175, 1);
    transition: padding 240ms cubic-bezier(0.77, 0, 0.175, 1);
    position: relative;
}

@media (min-width: 1060px) {
    .card-row {
        margin-bottom: 0;
    }
}

@media (min-width: 1420px) {
    .card-row {
        margin-bottom: 0;
    }
}

.card-row.row-tight-pad {
    padding: 0.46875rem 0.23438rem;
}

@media (min-width: 640px) {
    .card-row.row-tight-pad {
        padding: 0.625rem 0.3125rem;
    }
}

@media (min-width: 1060px) {
    .card-row.row-tight-pad {
        padding: 0.625rem 0.3125rem;
    }
}

@media (min-width: 1230px) {
    .card-row.row-tight-pad {
        padding: 0.625rem 0.3125rem;
    }
}

.card-row > .card-row {
    margin-bottom: 10px;
}

@media (min-width: 640px) {
    .card-row > .card-row {
        margin-left: -1.25rem;
        margin-right: -1.25rem;
    }
}

@media (min-width: 1060px) {
    .card-row > .card-row {
        margin-left: -1.25rem;
        margin-right: -1.25rem;
    }
}

@media (min-width: 1230px) {
    .card-row > .card-row {
        margin-left: -1.25rem;
        margin-right: -1.25rem;
    }
}

.card-row .card-row {
    box-shadow: none;
}

.card-row + .card-row {
    margin-bottom: 0;
}

.card-row.card-cap-blue span.text-context {
    width: calc(100% - 25px);
    float: left;
}

.card-row.recent-list {
    padding: 10px 20px;
}

.card-row.recent-list.contact {
    padding: 10px 20px 4px 20px;
}

.card-row.recent-list .contact-profile {
    width: 40px;
    display: inline-block;
}

.card-row.recent-list .contact-profile img {
    width: 28px;
    height: 28px;
}

.card-row.recent-list .contact-details {
    width: calc(100% - 40px);
    display: inline-block;
}

.card-row.recent-list .contact-details .contact-name {
    font-size: 0.875rem;
    display: block;
}

.card-row.recent-list .contact-details .contact-info {
    font-size: 0.75rem;
    display: block;
}

.card-row.recent-list .contact-details .contact-info .title-info {
    color: #999;
}

.card.plan-launch .card-row {
    padding: 1rem;
}

.card-row-border-bottom, .border-bottom {
    border-bottom: 1px solid #ddd;
}

.card-row-border-bottom:last-of-type {
    border-bottom: none;
    margin-bottom: 0;
}

.card-row-border-top, .border-top {
    border-top: 1px solid #ddd;
    margin-top: 0.46875rem;
}

@media (min-width: 1060px) {
    .card-row-border-top {
        margin-top: 0.625rem;
    }
}

@media (min-width: 1230px) {
    .card-row-border-top {
        margin-top: 0.625rem;
    }
}

.card-row-border-top:nth-of-type(1) {
    border-top: none;
    margin-top: 0;
}

.card-row-half-pad {
    padding-top: 0.46875rem;
    padding-bottom: 0.46875rem;
}

@media (min-width: 1060px) {
    .card-row-half-pad {
        padding-top: 0.625rem;
        padding-bottom: 0.625rem;
    }
}

@media (min-width: 1230px) {
    .card-row-half-pad {
        padding-top: 0.625rem;
        padding-bottom: 0.625rem;
    }
}

.card-row-half-pad-top {
    padding-top: 0.46875rem;
}

@media (min-width: 1060px) {
    .card-row-half-pad-top {
        padding-top: 0.625rem;
    }
}

@media (min-width: 1230px) {
    .card-row-half-pad-top {
        padding-top: 0.625rem;
    }
}

.card-row-half-pad-bottom {
    padding-bottom: 0.46875rem;
}

@media (min-width: 1060px) {
    .card-row-half-pad-bottom {
        padding-bottom: 0.625rem;
    }
}

@media (min-width: 1230px) {
    .card-row-half-pad-bottom {
        padding-bottom: 0.625rem;
    }
}

.card-row-light-grey {
    background-color: #FAFAFA;
}

.card-row .text-context.label {
    margin-bottom: 0px;
    font-size: 1em;
    font-weight: 500;
    text-transform: uppercase;
    color: #333;
}

.card-row .text-context.label.has-toggle, .section-header.has-toggle {
    float: left;
    width: calc(100% - 56px);
}

.card-row.center {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}

.card-row-header {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
    padding-top: 0.7rem;
    padding-bottom: 0.6rem;
}

.card-row .udf-group {
    padding: 0px 10px 4px 0px;
    margin: 0 0 30px 0;
    border-bottom: 1px solid #ddd;
    color: #333;
}

span.udf-description {
    float: right;
    position: absolute;
}

span.udf-description.topl {
    width: 100%;
}

span.udf-description > span {
    position: relative;
    left: -152px;
    top: -10px;
    display: inline-block;
    cursor: help;
    padding-left: 120px;
}

span.udf-description.std > span {
    left: -142px;
}

span.udf-description.pct > span {
    left: -136px;
    top: -17px;
}

span.udf-description.cnt > span {
    top: -48px;
}

span.udf-description.topl > span {
    left: calc(100% - 162px);
}

span.udf-description.topl.ta > span {
    top: 5px;
}

span.udf-description.inline > span {
    top: -46px;
    left: -140px;
}

span.udf-description svg {
    width: 18px;
    height: 18px;
}

span.udf-description svg path {
    fill: #999;
}

/*|/\/\/\/\/\/\/\/\/\/\/\/\|
Cards
|/\/\/\/\/\/\/\/\/\/\/\/\|*/
.card, .card-box {
    width: 100%;
    float: left;
    background-color: #ffffff;
    position: relative;
}

.card .expand-close:hover {
    cursor: pointer;
}

.card .card__glance-detail {
    display: block;
}

.card-half {
    float: left;
    margin-bottom: 0.9375rem;
}

@media screen and (min-width: 640px) {
    .card-half {
        width: 18.75rem;
        margin-right: 1.25rem;
    }
}

@media screen and (min-width: 1230px) {
    .card-half {
        width: 23.125rem;
        margin-right: 1.25rem;
    }
}

@media (min-width: 640px) {
    .card-half-last {
        margin-right: 0;
    }
}

@media (min-width: 640px) {
    .card-half .card__glance-detail {
        display: block;
        width: 100%;
    }
}

.card-third {
    float: left;
    margin-bottom: 0.9375rem;
}

@media screen and (min-width: 640px) {
    .card-third {
        width: 12.08333rem;
        margin-right: 1.25rem;
    }
}

@media screen and (min-width: 1230px) {
    .card-third {
        width: 15rem;
        margin-right: 1.25rem;
    }
}

@media (min-width: 640px) {
    .card-third-last {
        margin-right: 0;
    }
}

.card-third .card__glance-number {
    font-size: 2.4em;
}

@media (min-width: 640px) {
    .card-third .card__glance-detail {
        display: block;
        width: 100%;
    }
}

.card__heading {
    padding: 20px 20px 10px 20px;
    color: #ffffff;
    line-height: 1;
    margin-bottom: 0;
}

.card__glance {
    padding: 1.875rem 1.25rem;
    color: #000000;
    background-color: #FAFAFA;
}

.card__glance span {
    white-space: nowrap;
}

.card__glance-number {
    line-height: 1;
    display: block;
    margin-bottom: 0.625rem;
    font-size: 2rem;
}

@media (min-width: 1230px) {
    .card__glance-number {
        font-size: 3rem;
    }
}

.card__info-block {
    display: block;
    line-height: 1;
    color: #757575;
    margin-bottom: 0.625rem;
}

.card-bad .card__heading {
    background-color: #f64431;
}

.card-bad .card__glance-detail {
    color: #f64431;
}

.card-alert .card__heading {
    background-color: #e2a100;
}

.card-alert .card__glance-detail {
    color: #e2a100;
}

.card-good .card__heading {
    background-color: #47b14b;
}

.card-good .card__glance-detail {
    color: #47b14b;
}

.card-neutral .card__heading {
    background-color: #b0b0b0;
}

.card-white .card__heading {
    background-color: #FFF;
    color: #323F4F;
}

.card-neutral .card__glance-detail {
    color: #000000;
}

.card.contact-card-list .card-row:hover {
    background-color: #DBF4F8;
}

.card.card-list:not(:last-of-type) {
    margin-bottom: 0;
    border-bottom: 1px solid #efefef
}

.card.card-list.no-shadow {
    margin-bottom: 2px;
}

.card-box {
    border: solid 1px #DDDDDD;
}

.row .card.contact-card-list {
    border-bottom: none;
}

.row .egm-header {
    background-color: #fafafa;
}

.card:hover .card-highlight, .card-row.card-row-highlight:hover {
    box-shadow: inset 5px 0px #11b5cc;
}

.card-highlight {
    position: absolute;
    height: 100%;
    width: 5px;
}

.card-row.card-row-highlight {
    box-shadow: inset 5px 0px #ffffff;
}

.card.add-hide {
    box-shadow: none;
    background-color: #fafafa;
    cursor: pointer;
}


.card.add-hide .card-icon {
    padding: 15px 0px;
    width: 10px;
    transition: all 0.2s ease-out;
}

.card.add-hide .card-content .card-row, .card.add-hide .recurring-container {
    display: none;
}

#task-create-type-person-form .recurring-form {
    margin-left: -30px;
}

.card .card-icon svg {
    -webkit-transition: -webkit-transform 240ms cubic-bezier(0.77, 0, 0.175, 1);
    transition: transform 240ms cubic-bezier(0.77, 0, 0.175, 1);
}

.card.add-hide .card-icon svg {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}

.card.add-hide .card-icon path {
    fill: #999999;
    transition: all 0.2s ease-out;
}

.card.add-hide .card-content .title-new {
    color: #999999;
    transition: all 0.2s ease-out;
}

.card.add-hide:hover .card-content .title-new {
    color: #11b5cc;
}

.card.add-hide:hover .card-icon path {
    fill: #11b5cc;
}



.block-third .card .card__glance-number,
.block-1 .card .card__glance-number {
    font-size: 2rem;
}

.block-third .card .card__heading,
.block-1 .card .card__heading {
    font-size: 0.8125rem;
}

/*|/\/\/\/\/\/\/\/\/\/\/\/\|
Card: Tabbed
|/\/\/\/\/\/\/\/\/\/\/\/\|*/


.tab-nav .task-count {
    background: #FF6656;
    color: #fff;
    font-size: 12px;
    border-radius: 12px;
    min-width: 25px;
    position: relative;
    margin-left: 10px;
    font-weight: 500;
    height: 25px;
    line-height: 24px;
    text-align: center;
    display: inline-block;
    margin-top: -3px;
    top: -1px;
}

.tab-nav .task-wrapper {
    display: inline-block;
    height: 16px;
    line-height: 16px;
}

.tab-nav .task-count.warning {
    background: #e2a100;
}

.tab-error::after {
    content: '!';
    background-color: #FF6656;
    width: 16px;
    border-radius: 16px;
    display: inline-block;
    margin-left: 4px;
    color: #ffffff;
    font-size: 14px;
}

.card-tabbed {
    padding: 0 0rem 0 0rem;
}

.card-tabbed:not(.card-expanded) .card-tabbed_link-list {
    background-color: #ffffff;
}

.card-tabbed_link-list {
    position: relative;
}

.card-tabbed_link-list li {
    margin-left: 0;
}

.card-tabbed_link-list.egm li {
    margin: 0;
}

.card-tabbed_link-list-item {
    display: inline-block;
    text-align: center;
    float: left;
    font-size: 1rem;
    line-height: 1rem;
    color: #fff;
    padding: 20px 0;
    background: #576A82;
    width: calc(25% - 7.5px);
    max-width: 250px;
    margin-right: 10px;
    box-shadow: inset 0 -50px 60px -40px rgba(0, 0, 0, 0.37);
    cursor: pointer;
    text-transform: uppercase;
}

.card-tabbed_link-list-item.tab-5 {
    width: calc(20% - 20px);
}

.card-tabbed_link-list-item.tab-6 {
    width: calc(18% - 20px);
    margin-right: 6px;
}

.row-modal .card-tabbed_link-list-item {
    background: #5FD2E2;
    margin: 0;
    box-shadow: inset 0 -56px 42px -51px rgba(0, 0, 0, 0.2);
    border-right: 1px solid #11B5CC;
}

.card-tabbed_link-list-item:last-child {
    margin-right: 0;
}

.card-tabbed_link-list-item.active {
    color: #576A82;
    background: #fafafa;
    box-shadow: none;
    border-bottom: #fafafa solid 1px;
}

.card-tabbed_link-list-item:not(.active):hover {
    background: #667B93;
}

.row-modal .card-tabbed_link-list-item:hover {
    background: #59C6D5;
}

.card-tabbed_tab-content-item {
    display: none;
}

.card-tabbed_tab-content-item.active {
    display: block;
}


.row-modal .card-tabbed_link-list-item.active {
    color: #11B5CC;
    background: #fff;
    box-shadow: 3px -2px 4px rgba(0, 0, 0, 0.1);
    z-index: 10;
    position: relative;
    border-right: none;
}

.row-modal .card-tabbed_link-list {
    padding-right: 80px;
    background-color: #11b5cc;
}

.row-modal .card-tabbed_link-list-not-top {
    background-color: #efefef;
}

.row-modal .card-tabbed_link-list-item {
    padding: 16px 0px;
    font-weight: 500;
}

.row-modal .dbl-height .card-tabbed_link-list-item {
    height: 65px;
}


/*|/\/\/\/\/\/\/\/\/\/\/\/\|
Card: Margin
|/\/\/\/\/\/\/\/\/\/\/\/\|*/

.card-margin .card-icon {
    float: left;
    height: 100%;
    width: 40px;
    display: inline-block;
    padding: 15px 18px;
    transition: all 0.2s ease-out;
}

.card-margin .card-icon svg {
    width: 30px;
    height: 30px;
}

.card-margin .card-content {
    float: left;
    display: inline-block;
    width: calc(100% - 40px);
}

.contact-name .text-context.text-info {
    display: none;
}


.red-border {
    border: 1px solid red;
}


.invisible-form .contact-name .both-names input, .invisible-form .contact-name .block-4 input {
    height: auto !important;
}

.visible-form .contact-name .block-4 input, .visible-form .contact-name .contact-form input {
    height: 32px !important;
}


.contact-name .both-names {
    position: relative;
}

.contact-name .text-required {
    position: absolute;
    left: 0;
    top: 10px;
}


.card-row .left-label {
    width: 46%;
    min-width: 160px;
    text-align: right;
    font-size: 0.875rem;
    color: #A9A9A9;
}

.card-row .right-input {
    width: 54%;
}


.right-sidebar .survey-textarea.text-light-grey {
    font-size: 14px;
}



.visible-form label {
    display: none;
    position: absolute;
    color: #3F6882;
    font-weight: 800;
    top: -4px;
}



.no-border-input .form-title {
    width: 32% !important;
    text-align: right;
    float: left;
    height: 42px;
    line-height: 42px;
    color: #A9A9A9;
    font-size: 14px;
    /*margin-right: 20px;*/
}

/*.no-border-input .center-item.pl-h { 
    width: auto;
    min-width: 100px;
}*/

.no-border-input .svg-phone-icon.medium > svg, .no-border-input .svg-email-icon.medium svg {
    fill: #47b14b;
    width: 20px;
    height: 20px;
}


.no-border-input dt.dropdown-title:hover {
    background: #EFEFEF;
}

/*.section-header {
    font-size: 1rem;
    border-bottom: 1px solid rgba(176, 176, 176, 0.4);
    padding-bottom: 4px;
    padding-top: 12px;
    margin-bottom: 6px;
}*/


.section-header .section-title {
    padding-left: 1.5rem;
    font-weight: 600;
}

.row-modal .section-header {
    margin-left: 20px;
    width: 604px;
    display: inline-block;
}

.no-border-input .survey-textbox .section-header {
    margin-bottom: 0;
    text-transform: none;
}

.no-border-input > .block {
    margin-bottom: 10px;
}

.no-border-input .light-text {
    line-height: 42px;
}

.no-border-input .text-label {
    font-size: 0.75rem;
    line-height: 42px;
    color: #A9A9A9;
}

.no-border-input textarea.center-item {
    border: none;
    box-shadow: none;
    padding: 20px;
    font-size: 14px;
}


.contact-name .contact-form {
    position: relative;
}

.contact-name .contact-form .text-context.text-required {
    position: absolute;
    left: 0;
    top: 5px;
}


.contact-name ::-webkit-input-placeholder {
    color: #fff;
}

.contact-name :-moz-placeholder { /* Firefox 18- */
    color: #fff;
}

.contact-name ::-moz-placeholder { /* Firefox 19+ */
    color: #fff;
}

.contact-name :-ms-input-placeholder {
    color: #fff;
}


.contact-name input:focus:-ms-input-placeholder {
    opacity: 0;
    transition: opacity 0.3s ease;
}

.contact-name input:focus::-webkit-input-placeholder {
    opacity: 0;
    transition: opacity 0.3s ease;
}

.contact-name input:focus:-moz-placeholder { /* Firefox 18- */
    opacity: 0;
    transition: opacity 0.3s ease;
}


.contact-name :-ms-input-placeholder {
    opacity: 0;
    transition: opacity 0.3s ease;
}





.right-sidebar .survey-card-row, .card-voc-flyout .survey-card-row {
    padding: 20px 30px 0px;
}

.row-modal .survey-card-row {
    margin-right: 8px;
}

.side-bar .always-active.svg-edit-icon {
    background: #11b5cc;
    display: inline-block;
    padding: 15px 20px;
    border: none;
    font-size: 0.9rem;
    font-weight: 400;
    line-height: 0.9rem;
    text-transform: uppercase;
    box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.24);
    right: 0;
    color: #fff;
}



.right-sidebar .always-active.svg-edit-icon:hover {
    background: #0fa0b4;
}

.right-sidebar .always-active.svg-edit-icon:hover svg path {
    fill: #fff;
}

.side-bar .voc-title-bar.block-1 {
    float: right;
}

.right-sidebar .container.checkbox {
    height: 42px;
}

.voc-title-bar .svg-edit-icon.medium svg {
    height: 14px;
    margin-right: 5px;
}

.voc-title-bar .svg-edit-icon.medium .edit-icon {
    display: none;
}

@media (min-width: 1500px) {
    .voc-title-bar .svg-edit-icon.medium .edit-icon {
        display: inline;
    }
}

.voc-title-bar {
    margin-top: 30px;
    font-size: 14px;
    color: #6c6c6c;
}

.voc-save-reminder {
    max-width: 250px;
}

.cancel-edit, .close-modal, .modal-cancel-icon {
    cursor: pointer;
}

.close-modal svg, .modal-cancel-icon svg {
    width: 16px;
    height: 16px;
}

.cancel-edit:hover svg g, .close-modal:hover svg g, .modal-cancel-icon:hover svg g {
    fill: rgba(255,255,255,0.6);
    transition: .3s ease all;
}

.card-cap-blue .cancel-edit:hover svg path {
    fill: rgba(255,255,255,0.6);
    transition: .3s ease all;
}

.cancel-edit svg g, .close-modal svg g, .modal-cancel-icon svg g {
    fill: #ffffff;
}

.card-empty button {
    display: block;
    margin: 0 auto;
}

/*|/\/\/\/\/\/\/\/\/\/\/\/\|
Example VOC
|/\/\/\/\/\/\/\/\/\/\/\/\|*/


.example-voc h3 {
    font-size: 20px;
    color: #333;
}

.example-voc h4 {
    margin-bottom: 10px;
}

.example-voc ul {
    margin-bottom: 20px;
    padding-left: 20px;
    color: #999;
}

.example-voc ul li {
    margin-bottom: 10px;
}

.example-voc ul li:last-child {
    margin-bottom: 0;
}

/*|/\/\/\/\/\/\/\/\/\/\/\/\|
Contact Details Page
|/\/\/\/\/\/\/\/\/\/\/\/\|*/

.edit {
    font-size: 14px;
    font-weight: 500;
    line-height: 14px;
    cursor: pointer;
    padding-top: 6px;
    -webkit-transition: color 300ms cubic-bezier(0.77, 0, 0.175, 1);
    transition: color 300ms cubic-bezier(0.77, 0, 0.175, 1);
}

.edit:hover {
    color: #11b5cc !important;
}

.with-icon {
    padding-top: 6px;
    font-size: 14px;
}

.with-icon svg path {
    fill: #999;
}


.with-icon.edit:hover svg path {
    fill: #11b5cc;
}

.with-icon svg {
    margin-right: 2px;
    position: relative;
    top: 2px;
}

.with-icon.small-icon svg {
    width: 14px;
    height: 14px;
}

.link-text .edit-icon {
    display: inline-block;
    margin-right: 4px;
}

.link-text .edit-icon svg {
    width: 20px;
    height: 20px;
    position: relative;
    top: 2px;
}

.link-text .edit-icon svg path {
    fill: #11b5cc;
}

.link-text:hover .edit-icon svg path {
    fill: #0d8b9d;
}

.profile-image.square {
    width: 100px;
    float: left;
}

.profile-image.small {
    width: 48px;
    float: left;
    position: relative;
}

.profile-image.x-small {
    width: 36px;
    float: left;
    position: relative;
}


.profile-image.small .shield-icon {
    position: absolute;
    right: 0;
}

.profile-image.small img {
    border-radius: 24px;
}

.profile-image.x-small img {
    border-radius: 18px;
}

.flyout-contact-header-wrapper {
    width: calc(100% - 65px);
    float: left;
}

.flyout-contact-header-wrapper h3 {
    font-size: 1.5em;
    font-weight: 500;
    margin-bottom: 4px;
    overflow: hidden;
    text-overflow: ellipsis;
}

.contact-header-wrapper {
    width: calc(100% - 100px);
    float: right;
}

.contact-header-wrapper h1 {
    font-weight: 400;
    margin-bottom: 4px;
    font-size: 1.25em;
}

.contact-header-wrapper .block-third {
    margin-top: -4px;
}

span.contact-hierarchy-icon {
    position: relative;
}

span.contact-hierarchy-icon svg {
    width: 13px;
    position: relative;
    height: auto;
    position: relative;
    top: 1px;
}

span.contact-hierarchy-icon svg path {
    fill: #11b5cc;
}

span.contact-hierarchy-icon:hover svg path {
    fill: #0d8b9d;
}

span.contact-hierarchy-link {
    color: #11b5cc;
}

span.contact-hierarchy-link:hover {
    color: #0d8b9d;
}

/*|/\/\/\/\/\/\/\/\/\/\/\/\|
Card: Expanded
|/\/\/\/\/\/\/\/\/\/\/\/\|*/
[data-toggle="expand"] {
    -webkit-transition: width 240ms cubic-bezier(0.77, 0, 0.175, 1), margin 240ms cubic-bezier(0.77, 0, 0.175, 1), -webkit-transform 500ms cubic-bezier(0.77, 0, 0.175, 1);
    transition: width 240ms cubic-bezier(0.77, 0, 0.175, 1), margin 240ms cubic-bezier(0.77, 0, 0.175, 1), transform 500ms cubic-bezier(0.77, 0, 0.175, 1);
    margin-bottom: 0;
}

@media screen and (min-width: 640px) {
    [data-toggle="expand"]:last-of-type {
        margin-bottom: 1.25rem;
    }
}

@media screen and (min-width: 1060px) {
    [data-toggle="expand"]:last-of-type {
        margin-bottom: 1.25rem;
    }
}

@media screen and (min-width: 1230px) {
    [data-toggle="expand"]:last-of-type {
        margin-bottom: 1.25rem;
    }
}

.card-expanded-content {
    display: none;
}

.card-expanded .card-expanded-content {
    display: block;
}

.card-expanded .card-expanded-content .card-row-goal {
    padding-left: 0.5rem;
}

.card.card-expanded {
    width: calc(100% + 5rem);
    min-width: 46.625rem;
    z-index: 150;
    margin: 1.25rem -0.625rem !important;
}

.card.card-expanded .card-row {
    padding-left: 1.5625rem;
    padding-right: 1.5625rem;
}

@media screen and (min-width: 1230px) {
    .card.card-expanded .card-row {
        padding-left: 1.875rem;
        padding-right: 1.875rem;
    }
}

.card.card-expanded-content {
    display: block;
}

.card.active-parent {
    z-index: 2;
}




/*|/\/\/\/\/\/\/\/\/\/\/\/\|
Email Survey 
|/\/\/\/\/\/\/\/\/\/\/\/\|*/

.background-alert {
    background: #f64431;
}

.background-alert h3 {
    font-size: 20px;
}

.background-alert p {
    color: #fff;
    font-size: 20px;
    font-weight: 300;
    line-height: 1.3em;
}

.button-alert {
    border: 1px solid #fff;
    background: transparent;
    min-width: 150px;
    color: #fff;
}

.button-alert:hover {
    background: rgba(0,0,0,0.1);
}


/*|/\/\/\/\/\/\/\/\/\/\/\/\|
Expand Collapse Info
|/\/\/\/\/\/\/\/\/\/\/\/\|*/

.expand-paragraph {
    position: absolute;
    margin-left: 6px;
    cursor: pointer;
}

.expand-paragraph svg {
    width: 18px;
    fill: #506177;
}

.info-icon.expand-paragraph svg {
    -webkit-animation: show-info-icon 1s; /* Safari 4+ */
    -moz-animation: show-info-icon 1s; /* Fx 5+ */
    -o-animation: show-info-icon 1s; /* Opera 12+ */
    animation: show-info-icon 1s; /* IE 10+, Fx 29+ */
}

.expand-paragraph:hover svg {
    fill: #11b5cc;
}

@-webkit-keyframes show-info-icon {
    0% {
        fill: #506177;
        opacity: 0;
    }

    30% {
        fill: #11b5cc;
    }

    60% {
        fill: #11b5cc;
        opacity: 1;
    }

    100% {
        fill: #506177;
    }
}

@-moz-keyframes show-info-icon {
    0% {
        fill: #506177;
        opacity: 0;
    }

    30% {
        fill: #11b5cc;
    }

    60% {
        fill: #11b5cc;
        opacity: 1;
    }

    100% {
        fill: #506177;
    }
}

@-o-keyframes show-info-icon {
    0% {
        fill: #506177;
        opacity: 0;
    }

    30% {
        fill: #11b5cc;
    }

    60% {
        fill: #11b5cc;
        opacity: 1;
    }

    100% {
        fill: #506177;
    }
}

@keyframes show-info-icon {
    0% {
        fill: #506177;
        opacity: 0;
    }

    30% {
        fill: #11b5cc;
    }

    60% {
        fill: #11b5cc;
        opacity: 1;
    }

    100% {
        fill: #506177;
    }
}

.collapse-paragraph {
    color: #11b5cc;
    font-size: 14px;
    margin-left: 5px;
    cursor: pointer;
}

/*|/\/\/\/\/\/\/\/\/\/\/\/\|
Action Plan Help
|/\/\/\/\/\/\/\/\/\/\/\/\|*/

.action-plan-help {
    position: relative;
}

.action-plan-help svg {
    width: 20px;
    height: 20px;
    top: 4px;
    position: relative;
    margin-left: 5px;
}

.action-plan-help svg:hover path {
    fill: #11b5cc;
}

.action-plan-help svg path {
    fill: #506177;
}


img.help-image {
    width: 100%;
    background: #ededed;
}

.pulse {
    transform: scale(0);
    display: inline-block;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    border: 2px solid rgba(17,181,204,0.35);
    box-shadow: 0 0px 6px rgba(17,181,204,0.25);
    position: absolute;
    -webkit-animation: alert-help 8s;
    -moz-animation: alert-help 8s;
    -o-animation: alert-help 8s;
    animation: alert-help 8s;
    right: -15px;
    top: -12px;
    background: rgba(255, 255, 255, 0.72);
    z-index: 1;
}

.pulse:after {
    position: absolute;
    content: '';
    width: 18px;
    height: 18px;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    background: rgba(17,181,204,0.15);
    border: 1px solid rgba(17,181,204,0.4);
    box-shadow: 0 0px 3px rgba(17,181,204,0.5);
    border-radius: 50%;
}


@-webkit-keyframes alert-help {
    0% {
        transform: scale(0);
        opacity: 1;
    }

    10% {
        transform: scale(1);
    }

    20% {
        transform: scale(0.9);
    }

    30% {
        transform: scale(1);
    }

    40% {
        transform: scale(0.9);
    }

    50% {
        transform: scale(1);
    }

    60% {
        transform: scale(0.9);
    }

    70% {
        transform: scale(1);
    }

    80% {
        transform: scale(0.9);
    }

    90% {
        transform: scale(1);
        opacity: 1;
    }

    100% {
        transform: scale(0);
        display: none;
    }
}

@-moz-keyframes alert-help {
    0% {
        transform: scale(0);
        opacity: 1;
    }

    10% {
        transform: scale(1);
    }

    20% {
        transform: scale(0.9);
    }

    30% {
        transform: scale(1);
    }

    40% {
        transform: scale(0.9);
    }

    50% {
        transform: scale(1);
    }

    60% {
        transform: scale(0.9);
    }

    70% {
        transform: scale(1);
    }

    80% {
        transform: scale(0.9);
    }

    90% {
        transform: scale(1);
        opacity: 1;
    }

    100% {
        transform: scale(0);
        opacity: 0;
    }
}

@-o-keyframes alert-help {
    0% {
        transform: scale(0);
        opacity: 1;
    }

    10% {
        transform: scale(1);
    }

    20% {
        transform: scale(0.9);
    }

    30% {
        transform: scale(1);
    }

    40% {
        transform: scale(0.9);
    }

    50% {
        transform: scale(1);
    }

    60% {
        transform: scale(0.9);
    }

    70% {
        transform: scale(1);
    }

    80% {
        transform: scale(0.9);
    }

    90% {
        transform: scale(1);
        opacity: 1;
    }

    100% {
        transform: scale(0);
        opacity: 0;
    }
}

@keyframes alert-help {
    0% {
        transform: scale(0);
        opacity: 1;
    }

    10% {
        transform: scale(1);
    }

    20% {
        transform: scale(0.9);
    }

    30% {
        transform: scale(1);
    }

    40% {
        transform: scale(0.9);
    }

    50% {
        transform: scale(1);
    }

    60% {
        transform: scale(0.9);
    }

    70% {
        transform: scale(1);
    }

    80% {
        transform: scale(0.9);
    }

    90% {
        transform: scale(1);
        opacity: 1;
    }

    100% {
        transform: scale(0);
        opacity: 0;
    }
}





/*|/\/\/\/\/\/\/\/\/\/\/\/\|
Scroll Wrap
|/\/\/\/\/\/\/\/\/\/\/\/\|*/
.card-scroll-wrap {
    max-height: 40vh;
    overflow: scroll;
    /* box-shadow: inset 0px -2px 4px -1px rgba(0,0,0,0.24); */
    position: relative;
    z-index: 100;
}

/*|/\/\/\/\/\/\/\/\/\/\/\/\|
Card: Input Character Count
|/\/\/\/\/\/\/\/\/\/\/\/\|*/
.char-count {
    position: relative;
}

.char-count-status {
    position: relative;
    top: -8px;
    right: 0px;
    color: #B0B0B0;
    font-size: 0.75rem;
    display: inline-block;
    margin-bottom: 6px;
    width: 100%
}

.char-count-status.alert {
    color: #e2a100;
}

.char-count-status.bad {
    color: #f64431;
}

.module-action {
    cursor: pointer;
}

.module-action[data-cancel-action=true] {
    cursor: default;
}

.module-action-button {
    cursor: pointer;
}

.module-action:hover .kapta-coach-text {
    color: #0d8b9d;
}
/*|/\/\/\/\/\/\/\/\/\/\/\/\|
    String List
|/\/\/\/\/\/\/\/\/\/\/\/\|*/

.string-list .string-button {
    margin-left: 10px;
    display: inline-block;
    position: absolute;
    right: 0;
    top: -10px;
}

.string-list .string-button button {
    padding: 10px 20px;
    width: auto;
}

.string-input input {
    padding-right: 80px;
}


.linked-container.input {
    width: calc(100% - 30px);
    float: right;
}

.custom-field-range .linked-container.input {
    width: 100%;
}

.custom-field-range .range-title {
    width: 165px;
    display: inline-block;
    padding-top: 3px;
}

.linked-container.labeled.input {
    width: calc(100% - 160px);
    float: right;
}

.linked-container.checkbox {
    width: 40px;
    float: left;
}

.linked-container.labeled.checkbox {
    width: 160px;
    float: left;
}

.linked-container.checkbox label {
    float: left;
    top: 4px;
}

.linked-container.list {
    width: calc(100% - 200px);
    float: right;
}

.linked-container.options {
    width: 160px;
    float: right;
    top: -8px;
    position: relative;
}

/*|/\/\/\/\/\/\/\/\/\/\/\/\|
SVGs
|/\/\/\/\/\/\/\/\/\/\/\/\|*/
.svg-admin-icon {
    width: 20px;
    height: 20px;
}

.svg-alert-icon {
    width: 20px;
    height: 20px;
}

.svg-arrow-down-icon {
    width: 10px;
    height: 8px;
}

.svg-arrow-up-icon {
    width: 10px;
    height: 8px;
}

.svg-back-arrow-icon {
    width: 8px;
    height: 12px;
}

.svg-bullet-list-icon {
    width: 15px;
    height: 13px;
}

.svg-calendar-icon {
    width: 16px;
    height: 17px;
}

.svg-check-icon {
    width: 16px;
    height: 12px;
}

.svg-check-new-icon {
    width: 30px;
    height: 30px;
}

.svg-clipboard-icon {
    width: 20px;
    height: 20px;
}

.svg-company-custom-icon {
    width: 20px;
    height: 20px;
}

.svg-company-icon {
    width: 20px;
    height: 20px;
}

.svg-cross-icon {
    width: 20px;
    height: 20px;
}

.svg-department-icon {
    width: 20px;
    height: 20px;
}

.svg-filter-icon {
    width: 19px;
    height: 10px;
}

.svg-forum-icon {
    width: 20px;
    height: 20px;
}

.svg-hamburger-icon {
    width: 20px;
    height: 15px;
}

.svg-home-icon {
    width: 20px;
    height: 20px;
}

.svg-inbox-icon {
    width: 20px;
    height: 20px;
}

.svg-list-icon {
    width: 20px;
    height: 20px;
}

.svg-logo {
    width: 140px;
    height: 47px;
}

.svg-notification-icon {
    width: 20px;
    height: 20px;
}

.svg-objective-icon {
    width: 20px;
    height: 20px;
}

.svg-pencil-icon {
    width: 16px;
    height: 17px;
}

.svg-plus-icon {
    width: 20px;
    height: 20px;
}

.svg-profile-icon {
    width: 12px;
    height: 15px;
}

.svg-report-icon {
    width: 20px;
    height: 20px;
}

.svg-search-icon {
    width: 17px;
    height: 17px;
}

.svg-small-check-icon {
    width: 20px;
    height: 20px;
}

.svg-timeline-icon {
    width: 20px;
    height: 20px;
}

.svg-upload-icon {
    width: 21px;
    height: 15px;
}

.upload-icon.large > svg {
    height: 105px;
    width: 70px;
}

.upload-hubspot-icon.large > svg {
    height: 105px;
    width: 124px;
}

.upload-dynamics365-icon.large > svg {
    height: 105px;
    width: 200px;
}

.svg-user-icon {
    width: 14px;
    height: 14px;
}

.svg-warn-icon {
    width: 20px;
    height: 20px;
}

.svg-workgroup-icon {
    width: 20px;
    height: 13px;
}

.svg-x-cross-icon {
    width: 10px;
    height: 10px;
}

.svg-chevron-right-icon {
    width: 8px;
    height: 13px;
}

.svg-chevron-up-icon {
    width: 13px;
    height: 8px;
}

.svg-chevron-down-icon {
    width: 13px;
    height: 8px;
}

.svg-info-icon {
    width: 20px;
    height: 20px;
}

div.calendar-icon {
    cursor: pointer;
    left: 0px;
    top: 4px;
}

div.calendar-icon:hover svg g {
    fill: #11b5cc;
}


div.section-header .svg-info-icon {
    position: relative;
    left: 10px;
    top: 2px;
}

.svg-info-icon.small {
    height: 15px;
    width: 15px;
}

.svg-info-icon.small svg {
    height: 15px;
    width: 15px;
}

.svg-pin-icon svg {
    width: 15px;
    height: 15px;
}

.svg-more-vertical-icon svg {
    width: 6px;
    height: 18px;
    fill: #ffffff;
}

.status-block .svg-more-vertical-icon svg {
    width: 6px;
    height: 24px;
    fill: #b0b0b0;
}

.svg-email-icon svg {
    width: 16px;
    height: 16px;
    fill: #666666;
}

.svg-phone-icon svg {
    width: 16px;
    height: 16px;
    fill: #666666;
}

.svg-admin-icon svg {
    width: 16px;
    height: 16px;
}

.info-icon svg {
    width: 24px;
    height: 24px;
    fill: #666666;
}

.link-icon {
    display: inline-block;
    margin-right: 4px;
}

.link-icon svg {
    width: 18px;
    height: 18px;
    top: 3px;
    position: relative;
}

.custom-field-url svg {
    width: 16px;
    height: 16px;
    top: 3px;
    position: relative;
}

.custom-field-url span {
    display: inline-block;
    margin-right: 4px;
}

.custom-field-url:hover path, a:hover .link-icon path {
    fill: #0d8b9d !important;
}

.status-neutral .status-image svg path, .status-neutral .status-image svg line, .status-neutral .status-image svg circle {
    fill: #b0b0b0;
}

.status-good .status-image svg path, .status-good .status-image svg line, .status-good .status-image svg circle, .status-good path, span.status-good span svg path {
    fill: #47b14b;
}

.status-bad .status-image svg path, .status-bad .status-image svg line, .status-bad .status-image svg circle, .status-bad path, span.status-bad span svg path {
    fill: #f64431;
}

.status-alert .status-image svg path, .status-alert .status-image svg line, .status-alert .status-image svg circle, .status-alert path, span.status-alert span svg path {
    fill: #e2a100;
}

.svg-admin-icon, .svg-account-manager-icon, .svg-contributor-icon {
    vertical-align: top;
    color: #666666;
    white-space: nowrap;
    font-size: 0.875rem;
    padding-bottom: 2px;
}

.svg-admin-icon svg path {
    fill: #e2a100;
}

.svg-account-manager-icon svg, .svg-contributor-icon svg, .svg-admin-icon svg {
    position: relative;
    margin-right: 4px;
    width: 14px;
    height: 14px;
    top: 2px;
}

.svg-account-manager-icon svg path {
    fill: #47b14b;
}

.svg-contributor-icon svg path {
    fill: #0d8b9d;
}

.svg-metric-icon svg {
    width: 14px;
    height: 14px;
}

.svg-metric-icon path {
    fill: #999999;
}

.svg-linkedin-icon svg {
    width: 18px;
    height: 18px;
    fill: #0fa0b4;
}

.svg-salesforce-config svg {
    width: 100px;
}

.svg-salesforce-config.hubspot svg {
    height: 36px;
}

.svg-salesforce-config.medium svg {
    width: 200px;
}

.integration-status .svg-salesforce-config.zoho.medium svg {
    height: 100px;
}

.integration-status .svg-salesforce-config.salesforce.medium svg {
    height: 100px;
    width: 125px;
}

.integration-status .hubspot-logo {
    padding-top: 0px;
}

.integration-status .svg-connectwise-config.medium svg {
    margin-top: 0px;
}

.integration-status .svg-dynamics365-config.medium svg {
    margin-top: 0px;
}

.integration-status-text {
    top: -2px;
    position: relative;
    font-weight: 500;
}

.svg-connectwise-config svg {
    width: 200px;
    margin-top: 36px;
}

.svg-connectwise-launch svg {
    width: 300px;
    margin-bottom: 10px;
}

.svg-mailchimp-config svg {
    width: 200px;
    margin-top: 36px;
}

.svg-mailchimp-config.small svg {
    width: 150px;
}

.svg-zapier-config svg {
    width: 200px;
    margin-top: 36px;
}

.svg-zapier-config.small svg {
    width: 150px;
}

.svg-dynamics365-config svg {
    width: 200px;
    margin-top: 30px;
}

.svg-dynamics365-config.small svg {
    width: 150px;
}

.svg-dynamics365-launch svg {
    width: 200px;
    margin-bottom: 10px;
}

.svg-teamsapi-config svg {
    width: 175px;
    margin-top: 20px;
    margin-right: 25px;
}

.svg-teamsapi-config.small svg {
    width: 150px;
}

.svg-teamsapi-launch svg {
    width: 200px;
    margin-bottom: 10px;
}

.svg-slack-config svg {
    width: 225px;
    margin-right: 25px;
    height: 100px;
    margin-bottom: -40px;
}

.svg-slack-config.small svg {
    width: 150px;
}

.svg-slack-launch svg {
    width: 200px;
    margin-bottom: 10px;
}

.add-new-icon svg {
    fill: #B0B0B0;
}

.svg-preview {
    width: 250px;
    display: inline-block;
}

.svg-preview svg {
    width: 36px;
    height: 36px;
}

.svg-preview path {
    fill: #202020;
}

.link-icon svg path {
    fill: #11b5cc;
}

.kapta-coach-icon {
    display: inline;
    width: 25px;
    height: 25px;
    position: relative;
    margin-right: 15px;
    margin-left: 5px;
}

.kapta-coach-icon span {
    display: inline-block;
    white-space: nowrap;
    margin-left: 0px;
    margin-top: 3px;
    font-size: 0.875rem;
}

.kapta-coach-icon svg {
    width: 25px;
    height: 25px;
    position: absolute;
}

.kapta-coach-text {
    display: inline-block;
    margin: 2px 4px 0 0;
    font-size: 18px;
}

.kapta-coach-text .pulse {
    right: 90px;
    top: 10px;
}

.excel-download-icon {
    display: inline-block;
    width: 22px;
    height: 22px;
    position: relative;
}

.excel-download-icon span {
    display: inline-block;
    white-space: nowrap;
    margin-left: 30px;
    margin-top: 3px;
    font-size: 0.875rem;
}

.compare-to .excel-download-icon, .contact-section .excel-download-icon, .contract-list-options .excel-download-icon {
    margin-right: 12px;
    width: 18px;
    height: 18px;
}

.excel-download-icon:hover {
    cursor: pointer;
    background-color: #efefef;
}

.excel-download-icon svg {
    width: 22px;
    height: 22px;
    position: absolute;
    top: 2px;
}

.excel-download-icon svg path {
    fill: #388d3c;
}

.excel-download-icon:hover svg path {
    fill: #47B14B;
}

.white-fill svg path {
    fill: #fff;
}

.white-fill:hover svg path {
    fill: #0d8b9d;
}

.enterprise-logo {
    display: inline-block;
    margin: 0 0 0 8px;
}

.enterprise-text {
    display: inline-block;
    margin: 0 0 0 4px;
}

.enterprise-logo svg {
    width: 14px;
    height: 14px;
    position: relative;
    top: 2px;
}

.enterprise-logo svg path {
    fill: #e2a100;
}

/*|/\/\/\/\/\/\/\/\/\/\/\/\|
Sub Tabs
|/\/\/\/\/\/\/\/\/\/\/\/\|*/

ul.sub-tab-container {
    list-style: none;
    padding-bottom: 10px;
}

ul.sub-tab-container li {
    display: inline;
    font-size: 20px;
    color: #999;
    position: relative;
    cursor: pointer;
    z-index: 2;
    box-shadow: 0px -0.5px 0px 0.5px rgba(20,20,20,0.1);
    margin-left: 0;
    padding: 10px 16px;
    border-bottom: solid 1px #dddddd;
}

ul.sub-tab-container li:hover {
    color: #11b5cc;
    transition: .3s ease;
}

ul.sub-tab-container li.active {
    color: #11b5cc;
    padding: 10px 16px;
    background-color: #ffffff;
    box-shadow: 0px -0.5px 0px 0.5px rgba(20,20,20,0.25);
}


ul.sub-tab-container li.active:after {
    content: '';
    position: absolute;
    height: 4px;
    width: 100%;
    left: 0;
    bottom: 0;
    background: #11b5cc;
    margin-bottom: -1px;
}

ul.sub-tab-container .tab-icon {
    display: inline-block;
    padding-right: 6px;
}

ul.sub-tab-container .tab-icon svg {
    width: 14px;
    height: 14px;
}

ul.sub-tab-container .tab-icon svg path {
    fill: #999999;
}

ul.sub-tab-container li:hover .tab-icon svg path, ul.sub-tab-container li.active .tab-icon svg path {
    fill: #11b5cc;
}

ul.hardcode-single-tab li {
    pointer-events: none;
    list-style-type: none;
    margin-left: 0;
    margin-bottom: 0;
}

#loading-icon {
    padding: 16px;
    text-align: center;
}

#loading-icon img {
    max-height: 60px;
    align-self: center;
}

.loading-image {
    margin-top: 60px;
}

#dashboard-canvas .loading-image, .row-wrapper .row .loading-image {
    margin-top: 10px;
}

.loading5-text {
    display: inline-block;
    text-align: center;
    padding: 20px 20px 40px 20px;
    color: #000000;
}

.report-preview .loading5-text {
    color: #333333 !important;
}

.row-wrapper .row .loading5-text {
    color: #000000 !important;
}

#dashboard-canvas .loading5-text {
    color: #000000;
}

.row:first-of-type .loading5-text {
    color: white;
}


.row-modal .loading-message {
    padding: 36px 5px 5px 5px;
}

.row-modal .loading5-text {
    color: #000000;
    padding: 20px;
}

.modal-pleasewait {
    width: 400px;
    height: 500px;
}

.row-modal .modal-overlay {
    width: 100%;
    height: 100%;
    position: absolute;
    background-color: rgba(128, 128, 128, 0.5);
    z-index: 1;
}

.row-modal .modal-warning {
    position: relative;
    width: 44.375%;
    height: 200px;
    background-color: #fff;
    margin: 27.8125%;
}

.row-modal .modal-message {
    padding: 20px;
    text-align: center;
    font-size: 1.25rem;
    font-weight: 500;
}

.row-modal .modal-actions {
    position: absolute;
    bottom: 0px;
    width: 100%;
    border-top: 1px solid rgba(0, 0, 0, 0.15);
}

.row-modal .modal-actions > button {
    width: 50%;
    cursor: pointer;
    color: #11b5cc;
}

.row-modal .modal-actions > button:hover {
    background-color: rgb(17 181 204 / 0.10);
}

/******* New Data Tables ********/

.data-table {
    background: #fff;
}


.data-table-header {
    font-size: 14px;
    color: #999;
    z-index: 1;
}

.dynamic-sizing .data-table-header {
    width: auto;
}

.dynamic-sizing .data-table {
    width: auto;
}

.data-table-header .selected {
    background: #eee;
}

.data-table-header .table-header-item {
    padding: 16px 20px 16px 10px;
    display: block;
    position: relative;
    cursor: pointer;
}

.data-table-header .table-header-item:hover {
    background: #eee;
    cursor: pointer;
    transition: .3s ease all;
}

.data-table-header .table-header-item.th-hidden {
    border-left: 1px solid #efefef;
    border-right: 1px solid #efefef;
}

.data-table-header .selected[data-sortdirection=ASC]:after {
    content: '';
    width: 0;
    height: 0;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-bottom: 6px solid #999;
    right: 10px;
    position: absolute;
    top: 50%;
    margin-top: -3px;
}

.data-table-header .selected[data-sortdirection=DESC]:after {
    content: '';
    width: 0;
    height: 0;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 6px solid #999;
    right: 10px;
    position: absolute;
    top: 50%;
    margin-top: -3px;
}

.data-table td {
    padding: 10px;
    border-bottom: 1px solid #eee;
    color: #666;
    font-size: 12px;
}

.data-table td:first-child {
    color: #333;
    font-size: 14px;
}

.data-table .account-list-score-item {
    font-size: 14px;
    border-radius: 4px;
    height: 24px;
    min-width: 24px;
    line-height: 24px;
    top: 0;
    padding: 0;
}

.data-table .value-text > span {
    width: auto;
}


.back-button {
    display: inline-block;
    font-size: 1rem;
    vertical-align: top;
    margin-left: 10px;
    cursor: pointer;
}

.back-button-icon {
    display: inline-block;
    margin-right: 8px;
}

.back-button:hover {
    color: #0d8b9d;
}

.back-button:hover .back-button-icon path,
.back-button:hover .back-button-icon g,
.back-button:hover .back-button-icon polygon {
    fill: #0d8b9d;
}

.page-navigation__title .back-button {
    margin-top: 8px;
}

.page-navigation__title .back-button-icon path,
.page-navigation__title .back-button-icon polygon,
.page-navigation__title .back-button-icon g {
    fill: #fff;
}

.edit-card-hover {
    position: absolute;
    width: 100%;
    height: 0;
}

.edit-card-hover-container {
    float: right;
    position: relative;
    top: -78px;
    margin: 8px;
    text-align: center;
}

.edit-card-text {
    display: inline-block;
    color: #11b5cc;
}

.edit-card-icon {
    display: inline-block;
    width: 100%;
}

.edit-card-icon svg {
    width: 32px;
    height: 32px;
}

.edit-card-icon svg path {
    fill: #11b5cc;
}

.refresh-link svg {
    width: 18px;
    height: 18px;
}

.refresh-link .svg-icon {
    position: relative;
    top: 1px;
    margin-right: 4px;
}

.lds-default {
    display: inline-block;
    position: relative;
    width: 80px;
    height: 80px;
}

.lds-default div {
    position: absolute;
    width: 6px;
    height: 6px;
    background: #11b5cc;
    border-radius: 50%;
    animation: lds-default 1.2s linear infinite;
}

.lds-default div:nth-child(1) {
    animation-delay: 0s;
    top: 37px;
    left: 66px;
}

.lds-default div:nth-child(2) {
    animation-delay: -0.1s;
    top: 22px;
    left: 62px;
}

.lds-default div:nth-child(3) {
    animation-delay: -0.2s;
    top: 11px;
    left: 52px;
}

.lds-default div:nth-child(4) {
    animation-delay: -0.3s;
    top: 7px;
    left: 37px;
}

.lds-default div:nth-child(5) {
    animation-delay: -0.4s;
    top: 11px;
    left: 22px;
}

.lds-default div:nth-child(6) {
    animation-delay: -0.5s;
    top: 22px;
    left: 11px;
}

.lds-default div:nth-child(7) {
    animation-delay: -0.6s;
    top: 37px;
    left: 7px;
}

.lds-default div:nth-child(8) {
    animation-delay: -0.7s;
    top: 52px;
    left: 11px;
}

.lds-default div:nth-child(9) {
    animation-delay: -0.8s;
    top: 62px;
    left: 22px;
}

.lds-default div:nth-child(10) {
    animation-delay: -0.9s;
    top: 66px;
    left: 37px;
}

.lds-default div:nth-child(11) {
    animation-delay: -1s;
    top: 62px;
    left: 52px;
}

.lds-default div:nth-child(12) {
    animation-delay: -1.1s;
    top: 52px;
    left: 62px;
}

@keyframes lds-default {
    0%, 20%, 80%, 100% {
        transform: scale(1);
    }

    50% {
        transform: scale(1.5);
    }
}

.large-tab-row-width {
    width: 1000px !important;
}

.extract-edit-icon {
    padding-top: 17px;
}