/*
  Overview page CSS style (/overview)
*/

/*-------------------------------------------------------------------------*\
    Board Structure
\*------------------------------------------------------------------------*/
.overview #uxbody { height: 100%;padding-top: 0;margin-bottom: 0; }
.overview .sidenav { min-width: 248px; }
.overview .sidenav .main-container { box-shadow: none; }
.overview .uxlftcolm { padding: 0; height: 100%;}
.overview .ac_subheader { position: sticky; left: auto;}
#overview-container { display: flex; min-height: calc(100vh - 64px); width: 100%; font-family: "IBM Plex Sans", Helvetica, sans-serif;border-collapse: collapse;vertical-align: top;-webkit-box-sizing: border-box;box-sizing: border-box;}
#overview-nav { padding: 0 9px 9px 0px;display: table-row;-webkit-box-sizing: border-box;box-sizing: border-box; }
#overview-nav-container { padding:19px 11px 13px 25px; }
#overview-nav-container ul, #overview-nav-container, li { list-style-type: none; }
#overview-nav-container li { float: left; height: 22px; padding: 0 10px; font-family: "IBM Plex Sans", Helvetica, sans-serif; font-size: 14px; font-weight: 500; }
#overview-nav-container li.active { border-bottom: 2px solid var(--ocean-500); }
#overview-nav-container li a.guideflow_hovered { text-decoration: none; color: var(--slate-600); }
#overview-nav-container li a { color: var(--slate-600); }
#overview-board { width: 100%; padding: 0; min-width: 665px; box-sizing: border-box; background-color: var(--ocean-100);}
#overview-sidebar { vertical-align: top;background-color: var(--white);border-left: var(--slate-150) 1px solid;width: 330px;flex-shrink:0;overflow: hidden !important; }
#overview-sidebar-buttonwrap #button_trigger > .ac-icon > .ac-icon-down:before { margin: 0 !important; }
#overview-sidebar-buttonwrap #button_trigger ul .ac-icon { margin-right: 10px; }
#overview-sidebar-buttonwrap .ac_button.large { display: block;padding-right: 70px !important;white-space: nowrap; }
#overview-sidebar-content { overflow: auto; height: 100%; }
.preview-holder { border: #cacaca 2px dashed !important;background: #f2f2f2 !important;-moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px;opacity: 1 !important;padding-bottom: 20px;-webkit-box-sizing: border-box;box-sizing: border-box; }
#rateac, #rateac .reason-box { display: none; }
#rateac .rating { display: inline-block;padding-left: 20px;padding-right: 20px;cursor: pointer; }
#rateac .modal-content { margin-top: 100px;padding-top: 20px;padding-bottom: 20px; }
#rateac .modal-body { padding: 20px;padding-top: 40px;text-align: center; }
#rateac .rating-box { text-align: center; }
#rateac .title { font-size: 20px;padding-bottom: 20px; }
#rateac .reason-box .rating-reason { font-size: 20px;padding-bottom: 20px; }
#rateac .reason-box textarea[name='reason'] { width: 85%;height: 50px; }
#rateac .reason-box .button { width: 90px; }
#rateac .thanks-box { display: none;font-size: 20px; }


/*-------------------------------------------------------------------------*\
    Widget drawer
\*------------------------------------------------------------------------*/
#overview-menu { position: fixed;bottom: 0;width: 100%;height: auto;left:0;z-index: 999999; }
#overview-menu-tab, #overview-menu-inner { background: rgba(54, 54, 54, 0.96); }
#overview-menu-tab { position: absolute; top: -28px; left: calc(50% - 65px); margin-left: -65px; cursor: pointer;font-family: "ac-icons";width: 100px;text-align: center;color: var(--white);font-size: 18px;padding: 5px 15px 5px 15px;margin: 0px auto;-moz-border-radius-topleft: 6px;-moz-border-radius-topright: 6px;-webkit-border-radius: 6px 6px 0px 0px;border-radius: 6px 6px 0px 0px; }
#overview-menu-inner { padding: 20px 20px 0px 20px;display: none;min-height: 97px; }
#overview-menu-inner ul li { display: inline-block;color: var(--white);font-weight: normal;margin: 0px 50px 20px 0px; }
#overview-menu-inner ul li:last-child { margin-right: 0px; }
#overview-menu-inner .overview-menu-box { cursor: pointer;font-family: "ac-icons";height: 66px;width: 66px;-moz-border-radius: 4px;-webkit-border-radius: 4px;border-radius: 4px;text-align: center;font-size: 35px;line-height: 65px;margin: 0px auto; }
#overview-menu-inner .overview-menu-box.guideflow_hovered { box-shadow: 0 2px 3px #171717; }
#overview-menu-inner .overview-menu-label { text-align: center;font-size: 14px;margin: 15px 0px 0px 0px; }
.overview .overview-block { -moz-border-radius: 8px;-webkit-border-radius: 8px;border-radius: 8px;background-color: var(--white);padding: 0px 0px 0px 0px;color: var(--slate-600);position: relative;border: var(--slate-200) 1px solid;transition: all 1s;-webkit-transition: all 1s;-moz-transition: all 1s;z-index:1; }
.overview .overview-block.dragging { box-shadow: 0 6px 6px rgba(0,0,0,0.3);transition: all 1s;-moz-transition: all 1s;-webkit-transition: all 1s; z-index: 100!important; }
.overview .overview-block .widget-list a { color: var(--slate-600);text-decoration: none; }

/*-------------------------------------------------------------------------*\
    Widget structure
\*------------------------------------------------------------------------*/
#blocks { padding: 14px; box-sizing: border-box; }
.gridster { width: 100% !important; }
.overview .overview-block-header { padding: 20px 20px 4px 20px; }
.overview .overview-block.large .overview-block-header { border-bottom: 1px var(--slate-200) solid;z-index: 99;padding-bottom: 20px; }
.overview .overview-block-header h2 { font-family: "IBM Plex Sans", Helvetica, sans-serif;font-size: 14px;font-weight: 600;margin: 0; }
.overview .overview-block-header h2 span.overview-block-header-icon, .overview .overview-block-drag span.remove, #overview-gs .remove { font-family: "ac-icons";color: var(--slate-600);font-weight: normal;z-index: 2; }
.overview .overview-block-header h2 span.overview-block-header-icon { font-size: 14px;display: inline-block;margin: 0px 8px 0px 0px; }
.overview .overview-block-drag span.remove, #overview-gs .remove { font-size: 20px;float: right;cursor: pointer;display: none;position: absolute;top: -9px;right: -9px;width: 20px;height: 20px;background: var(--white);border-radius: 100%;-moz-border-radius: 100%;-webkit-border-radius: 100%; }
.overview .overview-block-drag span.remove:before, #overview-gs .remove:before { position: relative;margin: 0;padding: 0;top: -2px;left: -1px;font-size: 23px; }
.overview .overview-block-drag .ac_popover { padding-bottom: 20px; }
.overview .overview-block-body { padding: 0px 20px 10px 20px; position: relative; }
.overview .overview-block-body .widget-empty { display: none;background: rgba(255, 255, 255, 0.3);position: absolute;left: 0;top: 0;height: 100%;width: 100%;z-index: 5; }
.overview .overview-block-body .widget-empty .title { text-shadow: var(--white) 0 0 5px;position: relative;width: 100%;font-size: 14px;text-align: center;color: var(--slate-400);top: 50%;margin-top: -25px;padding: 10px;box-sizing: border-box;opacity: .9;display: none; }
.overview .overview-block-body .widget-empty .title a { color:var(--slate-400);font-weight: 600;text-decoration: underline; }
.overview .overview-block-body .widget-empty .title a.guideflow_hovered { text-decoration: none; }
.overview .overview-block-body .widget-list.empty .widget-empty,
.overview .overview-block-body .widget-list.read-only .widget-empty { display: block; }
.overview .overview-block-body .widget-list.empty li,
.overview .overview-block-body .widget-list.read-only li { display: block; }

/*-----------------------------*\
    Ecommerce Widget Specific
\*-----------------------------*/

.overview .overview-block.ecom-overview-block { height: 416px; }
.overview .overview-block.ecom-overview-block-dashboard { height: calc(100vh - 360px); }
.overview .overview-block.ecom-overview-block-dashboard.no-recommendations { height: calc(100vh - 285px); }
.overview .overview-block.ecom-overview-block-dashboard .overview-block-wrap,
.overview .overview-block.ecom-overview-block .overview-block-wrap { height: 100%; }
.overview .overview-block.ecom-overview-block-dashboard .overview-block-wrap { overflow: hidden; }
.overview .overview-block.ecom-overview-block-dashboard .overview-block-body,
.overview .overview-block.ecom-overview-block .overview-block-body { height: 100%; overflow: hidden; }
.overview .overview-block.ecom-overview-block-dashboard .overview-block-body { padding: 0 20px; }
.overview .overview-block.ecom-overview-block-dashboard .overview-block-iframe,
.overview .overview-block.ecom-overview-block .overview-block-iframe { height: 100%; z-index: 0; position: relative; }
.overview .overview-block.ecom-overview-block-dashboard .overview-block-iframe iframe { height: calc(100% + 51px); }
.overview .overview-block.ecom-overview-block-dashboard .overview-block-header,
.overview .overview-block.ecom-overview-block .overview-block-header { padding-top: 16px; padding-bottom: 15px; background-color: white; border-radius: 6px 6px 0 0; }
.overview .overview-block.ecom-overview-block-dashboard .overview-block-header { border-bottom: none; }
.overview .overview-block.ecom-overview-block-dashboard  .overview-block-header .overview-block-header-tooltip,
.overview .overview-block.ecom-overview-block .overview-block-header .overview-block-header-tooltip { margin-left: 4px; z-index: 1000; position: absolute; }
#ecommerce-overview .beta-tag { width: 35px; height: 16px; background-color: var(--ocean-500); font-size: 10px; font-weight: 600; letter-spacing: 0.6px; text-align: center; display: inline-block; float: right; color: var(--white); border-radius: 4px; position: relative; top: 2px; right: -5px; margin-right: 5px; }
#overview-container .overview-recommendations { margin-right: 20px; }
#overview-container .overview-recommendations[data-state="empty"] > div:first-child { display: none; }
#overview-container .overview-recommendations[data-state=""] > div:last-child { display: none; }
#overview-container .overview-recommendations .overview-recommendation .recommendation-remove { top: 4px; right: 4px; font-size: 20px; display: none; z-index: 1000; position: absolute; padding: 6px; line-height: 0; }
#overview-container .overview-recommendations .overview-recommendation .recommendation-remove.guideflow_hovered { text-decoration: none; }
#overview-container .overview-recommendations .overview-recommendation.guideflow_hovered .recommendation-remove { display: block; }
#overview-container .overview-recommendations .overview-recommendation[data-state="hidden"] { display: none; }
#ecom-overview .filterWrap { padding-right: 20px; }
#ecom-overview { width: 100%; }
#overview-block-type-ecom-landing-page { margin: 20px; }

/*-----------------------------*\
    End Ecommerce Widget Specific
\*-----------------------------*/

.overview .overview-block-drag { z-index: 99;position: absolute;width: 100%;top: 0px;left: 0px; }
.overview .overview-block-drag.guideflow_hovered { cursor: move; }
.overview .overview-block-header-right { position: absolute;right: 20px;top: 15px; }
.overview .overview-block-header-right .selectdropdown .dropdown_select { font-size: 12px;text-shadow: none !important;line-height: 92%;color: var(--slate-600); }
.overview .overview-block-header-right .selectdropdown:not(.camp_popover) .dropdown_select { box-shadow: none !important;padding: 9px !important; }
.overview .overview-block-header-right .selectdropdown .dropdown_select > .caret { position: inherit;right: inherit;top: inherit;padding-right: 0 !important; }
.overview .overview-block-header-right .selectdropdown .dropdown_select .icon.caret-bottom { padding-right: 0; }
.overview .overview-block-header-right .selectdropdown .dropdown_select.active .icon.caret-bottom { -ms-transform: rotate(180deg);-webkit-transform: rotate(180deg); }
.overview .overview-block-header-right .selectdropdown ul { height: auto; }
.overview #overview-block-type-contacts .dropdown_menu { width: 100px;min-width: 100px; }
.overview .overview-block-header-right #top-fadeout { display: block;width: 40px;height: 30px;float: left; }
.overview-block .widget-list, .overview-block ul { height: 192px;overflow-y: auto;overflow-x: hidden; }
.overview-block ul:not(.empty) li { cursor: pointer; }
.overview-block ul li:last-child { border: none; }
.overview-block .widget-list li { position: relative;border-bottom: 1px var(--slate-200) solid;overflow: hidden;text-overflow: ellipsis;white-space: nowrap; padding: 12px 20px;}
.overview-block .widget-list a { color: var(--ocean-500); display: block;text-decoration: none; }
.overview-block .widget-list li.guideflow_hovered { background: var(--slate-100); }
.overview-block .widget-list li .left { position: relative;left: 0px;display: inline-block;padding-right: 60px;z-index: 0; }
.overview-block .widget-list li .middle { position: relative;display: inline-block;top: -14px; }
.overview-block .widget-list li .right { min-width: 50px;text-align: center;font-size: 12px;position:absolute;right: 20px;top: 10px;-moz-border-radius: 2px;-webkit-border-radius: 2px;border-radius: 2px;color: var(--white);padding: 2px 4px;z-index: 2; }
.overview-block .widget-list li .fadeout { position: absolute;height: 30px;width: 160px;right: 0;top: 5px;z-index: 1; background: -moz-linear-gradient(left, var(--transparent) 0%, rgba(255, 255, 255, 1) 70%); /* FF3.6+ */background: -webkit-gradient(linear, left top, right top, color-stop(0%, var(--transparent)), color-stop(70%, rgba(255, 255, 255, 1)));/* Chrome, Safari4+ */background: -webkit-linear-gradient(left, var(--transparent) 0%, rgba(255, 255, 255, 1) 70%);/* Chrome10+, Safari5.1+ */background: -o-linear-gradient(left, var(--transparent) 0%, rgba(255, 255, 255, 1) 70%);/* Opera 11.10+ */background: -ms-linear-gradient(left, var(--transparent) 0%, rgba(255, 255, 255, 1) 70%);/* IE10+ */background: linear-gradient(to right, var(--transparent) 0%, rgba(255, 255, 255, 1) 70%);/* W3C */ }

/* Widget header buttons */
.overview-block .overview-block-header-right .button { font-size: 12px;color: var(--slate-600);background: var(--white);border: var(--slate-200) 1px solid;padding: 6px; }
.overview-block .overview-block-header-right .button.guideflow_hovered { background: var(--slate-100); }

/*-------------------------------------------------------------------------*\
    Activity stream
\*------------------------------------------------------------------------*/
#overview-stream { position: relative;padding: 0 16px 24px 16px; }
#overview-stream .empty-stream { display: none;background: rgba(242, 242, 242, 0.3);position: absolute;left: 0;top: 0;height: 105%;width: 100%;z-index: 5; }
#overview-stream .empty-stream .title { display: none;text-shadow: var(--white) 0 0 5px;position: relative;width: 100%;font-size: 14px;text-align: center;top: 30%;margin-top: -10px;color:var(--slate-400); }
#overview-stream.empty .empty-stream { display: block; }
#overview-stream-rss-icon { position: absolute;top: 0px;right: 0px; }
#overview-stream-rss-icon a { color: #464646;font-size: 20px;text-decoration: none; }
#overview-stream #overview-stream-more { position: relative; margin: 0 auto; text-align: center; display: none; }
#overview-stream #overview-stream-more .button { position: relative; display: inline-block; margin: 0 auto; font-weight: 600;font-size: 12px;padding: 8px; text-align: center; }
#overview-stream .overview-row { position: relative; }
#overview-stream .overview-row-inner { position: relative;padding: 8px 12px 4px; min-width: 228px; background-color: var(--white);border: 1px var(--slate-200) solid;-moz-border-radius: 4px;-webkit-border-radius: 4px;border-radius: 4px;margin: 0px 6px 20px 45px; }
#overview-stream .overview-row-inner:before { position: absolute;top: 12px;left: -5px;content: '';width: 0;height: 0;border-width: 4px 5px 4px 0;border-style: solid;border-color: var(--transparent) var(--slate-200) var(--transparent) var(--transparent); }
#overview-stream .overview-row-inner:after { position: absolute;top: 12px;left: -4px;content: '';width: 0;height: 0;border-width: 4px 5px 4px 0;border-style: solid;border-color: var(--transparent) var(--white) var(--transparent) var(--transparent); }
#overview-stream .overview-row .overview-row-icon { text-align: center;position: absolute;top: 0px;left: 0px;-moz-border-radius: 100%;-webkit-border-radius: 100%;border-radius: 100%;color: var(--white);background-color: var(--white);padding: 5px;border: var(--slate-200) 1px solid; width: 32px; height: 32px; box-sizing: border-box; }
#overview-stream .overview-row .overview-row-icon span[class^="ac-icon"]:before { margin: 5px 0 0 0; width: 100%; }
#overview-stream .overview-row .overview-row-icon span[class^="ac-icon"] { display: block; width: 20px; height: 20px; border-radius: 100%; line-height: 20px; font-size: 11px;}

#overview-stream .overview-row .faces { margin: 5px 0px 0px 0px; }
#overview-stream .overview-row .faces a { text-decoration: none; }
#overview-stream .overview-row .faces img { -moz-border-radius: 100%;-webkit-border-radius: 100%;border-radius: 100%; }
#overview-stream-bar { position: absolute; top: 82px; left: 32px; background-color: var(--slate-150);height: 100%;width: 1px;z-index: 0; }

/*-------------------------------------------------------------------------*\
    Widget - Getting started
\*------------------------------------------------------------------------*/
#overview-gs { margin:19px 11px 13px 19px;height: 106px; }
#overview-gs > .overview-block-header { padding-bottom: 0 !important; }
#overview-gs #overview-gs-header span { font-family: "ac-icons"; }
#overview-gs #overview-gs-top { display: table;position: relative;margin-top: -30px; }
#overview-gs-left { display: table-cell;color: #696969;padding: 39px 10px 0 15px;vertical-align: top;width: 20%; }
#overview-gs-left #percent { font-size: 12px;padding-bottom: 6px; }
#overview-gs-left .ac_progress-xsmall { margin-top: 6px; }
#overview-gs-right { display: table-cell;width: 79%;position: relative;overflow: hidden; }
#overview-gs-right > ul { width: 500%;margin-top: 2px; }
#overview-gs-right li { display: inline-block;width: 130px;margin-right: 10px;cursor: pointer;-moz-border-radius: 4px;-webkit-border-radius: 4px;border-radius: 4px;padding: 16px 5px;position: relative; vertical-align: top; }
#overview-gs-right li:not(.complete).guideflow_hovered { background-color: var(--slate-100); }
#overview-gs-right li:last-child { margin-right: 0px; }
#overview-gs-right li.complete { opacity: .5;cursor: default; }
#overview-gs-right .icon, #overview-gs-right .label { display: block;text-align: center; }
#overview-gs-right .check { color: var(--mint-500);font-size: 18px;display: none;position: absolute;right: 30px;top: 10px; }
#overview-gs-right li.complete .check { display: inline-block; }
#overview-gs-right .icon { color: var(--slate-400);font-size: 38px;width: 100%; }
#overview-gs-right .label { color: var(--slate-500);margin-top: 5px;font-weight: 600; }
#overview-gs-right #overview-gs-fadeout { position: absolute;height: 106px; width: 80px; right: -9px; top: -9px;z-index: 99; background: -moz-linear-gradient(left, var(--transparent) 0%, rgba(255,255,255,1) 100%); background: -webkit-gradient(linear, left top, right top, color-stop(0%,var(--transparent)), color-stop(100%,var(--white))); background: -webkit-linear-gradient(left, var(--transparent) 0%,var(--white) 100%); background: -o-linear-gradient(left, var(--transparent) 0%,rgba(255,255,255,1) 100%); background: -ms-linear-gradient(left, var(--transparent) 0%,rgba(255,255,255,1) 100%); background: linear-gradient(to right, var(--transparent) 0%,var(--white) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr=var(--white),GradientType=1 ); }

/*-------------------------------------------------------------------------*\
    Widget - Contacts
\*------------------------------------------------------------------------*/
#contacts_change { font-size: 10px;color: var(--white);-moz-border-radius: 2px;-webkit-border-radius: 2px;border-radius: 2px;padding: 2px 4px;position: relative;top: -18px;letter-spacing: 1px; }
#contacts_count, #interaction_avg { font-size: 42px; }
#contacts_change.positive { background-color: var(--mint-300); color: var(--slate-600); font-weight: 500; }
#contacts_change.negative { background-color: #d4d4d4; }

/*-------------------------------------------------------------------------*\
    Widget - Charts
\*------------------------------------------------------------------------*/
#contacts_count, #interaction_avg { font-size: 42px; }
#interaction_avg { float: left; }
#interaction_graph { float: right;width: 100%;height: 60px;overflow: hidden; }
#trend_graph { cursor: pointer;overflow: hidden; /* Fix Safari bug */ }

/*-------------------------------------------------------------------------*\
    Widget - Tasks
\*------------------------------------------------------------------------*/
.overview-block[data-block='tasks'] .overview-block-body { padding-left: 0px;padding-right: 0px; }
.overview-block[data-block='tasks'] .widget-list li.past_due:before { border-left: 3px var(--strawberry-500) solid; position: absolute;content: ''; height: 100%; top: 0;left: 0; }
.overview-block[data-block='tasks'] .widget-list li .left { text-transform: uppercase;text-align: center;font-size: 11px;-moz-border-radius: 2px;-webkit-border-radius: 2px;border-radius: 2px;color: var(--white);padding: 2px 0;z-index: 2;position: relative;left: 0px;z-index: 0; }
.overview-block[data-block='tasks'] .widget-list li .timeago { float: right; color: var(--slate-600); font-weight: 400; font-size: 14px; }
.overview-block[data-block='tasks'] .widget-list li .task { color: var(--ocean-500); font-weight: 500; overflow: hidden; text-overflow: ellipsis; padding-right: 8px; flex-grow: 1; }
.overview-block[data-block='tasks'] .widget-list li.guideflow_hovered { cursor: pointer; }

/*-------------------------------------------------------------------------*\
    Widget - Automations
\*------------------------------------------------------------------------*/
.overview-block[data-block='automations'] .widget-list li .right { background-color:var(--mint-300);color:var(--slate-600);font-weight: 500; }
.overview-block[data-block='automations'] .overview-block-body { padding: 0; }
#overview-automations-widget-create-new {
    border: var(--b-100) var(--b-solid) var(--slate-200);
    border-radius: var(--radii-100);
    color: var(--slate-600);
    display: block;
    font-weight: var(--fw-medium);
    padding: var(--sp-200) var(--sp-300);
    transition-duration: var(--duration-medium);
    transition-property: background, border;
    transition-timing-function: var(--transition-out);
}
#overview-automations-widget-create-new.guideflow_hovered,
#overview-automations-widget-create-new:focus {
    background-color: var(--slate-150);
    outline: none;
    text-decoration: none;
}
#overview-automations-widget-create-new:active {
    background-color: var(--slate-200);
}

/*-------------------------------------------------------------------------*\
    Widget - Templates
\*------------------------------------------------------------------------*/
.overview-block[data-block='templates'] .overview-block-body { padding: 0 0 20px 20px; }
.overview-block[data-block='templates'] ul { height: 192px; }
.overview-block[data-block='templates'] li { display: inline-block;margin: 8px 6px 8px 0px;max-height: 100px;vertical-align: top; }
.overview-block[data-block='templates'] li a { display: block;border: 1px #e1e1e1 solid;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.overview-block[data-block='templates'] li .screenshot_placeholder { width: 75px; height: 94px; background-color: #F2F2F2; text-align: center; color: #939393; font-size: 50px; }
.overview-block[data-block='templates'] li .screenshot_placeholder .ac-icon { margin-top: 15px; margin-right: 19px; }

/*-------------------------------------------------------------------------*\
    Widget - Top contacts
\*------------------------------------------------------------------------*/
.overview-block[data-block='top'] .overview-block-body { padding: 0; }
.overview-block[data-block='top'] .widget-list li a { height: 30px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;padding-top: 5px;padding-bottom: 3px; }
.overview-block[data-block='top'] .widget-list li .left { padding-right: 10px;float: left; }
.overview-block[data-block='top'] .widget-list li .middle { top: 5px; }
.overview-block[data-block='top'] .widget-list li .right { background-color: var(--mint-500);display: none;top: 10px; }
.overview-block[data-block='top'] .widget-list li .left img { -moz-border-radius: 100%;-webkit-border-radius: 100%;border-radius: 100%; }

/*-------------------------------------------------------------------------*\
    Widget - Campaigns
\*------------------------------------------------------------------------*/
.overview-block[data-block='campaigns'] .widget-list li .right { background-color: var(--slate-150);color: var(--slate-600);font-weight: 500; }
.overview-block[data-block='campaigns'] .overview-block-body { padding: 0; }

/*-------------------------------------------------------------------------*\
    Widget - Pipelines
\*------------------------------------------------------------------------*/
.overview-block[data-block='pipelines'] .overview-block-body { padding: 0; }
.overview-block[data-block='pipelines'] .widget-list li { border-bottom: none;padding-bottom: 0; }
.overview-block[data-block='pipelines'] .widget-list li.guideflow_hovered { background: none; }
.overview-block[data-block='pipelines'] .widget-list li a { padding-right: 20px; }
.overview-block[data-block='pipelines'] .widget-list li .title { margin-bottom: 6px; float: left; }
.overview-block[data-block='pipelines'] .widget-list li .total { float: right; color: var(--slate-600); }
.overview-block[data-block='pipelines'] .widget-list li .bar { width: 100%;display: table; border-radius: 4px; overflow: hidden; }
.overview-block[data-block='pipelines'] .widget-list .status-bar { height: 14px; display: table-cell; }
.overview-block[data-block='pipelines'] .widget-list .open { background-color: var(--slate-150); }
.overview-block[data-block='pipelines'] .widget-list .won { background-color: var(--mint-400); }
.overview-block[data-block='pipelines'] .widget-list .lost { background-color: var(--strawberry-500); }
.overview-block[data-block='pipelines'] .widget-list .none { color: var(--slate-400); }

/*-------------------------------------------------------------------------*\
    Widget - News
\*------------------------------------------------------------------------*/
.overview-block[data-block='news'] .overview-block-body { margin-top: 5px; }
.overview-block[data-block='news'] #news-block { display: table;height: 31px;margin-bottom: 3px; }
.overview-block[data-block='news'] #news-left, .overview-block[data-block='news'] #news-right { display: table-cell; }
.overview-block[data-block='news'] #news-right { padding-left: 10px;width: 100%;font-weight: 600;vertical-align: middle; }
.overview-block[data-block='news'] ul { height: auto; }
.overview-block[data-block='news'] ul li { cursor: default; }
.overview-block[data-block='news'] ul#items li:not(:first-child), .overview-block[data-block='news'] img:not(:first-child) { display: none; }
.overview-block[data-block='news'] ul#items li a { text-decoration: none;font-size: 12px;line-height: 15px;display: inline-block; }
.overview-block[data-block='news'] ul#items-nav { height: 15px;line-height: 15px;text-align: center;overflow: hidden; }
.overview-block[data-block='news'] ul#items-nav li { font-size: 9px;display: inline-block;text-align: center;cursor: pointer;color: #e1e1e1;height: 15px; }
.overview-block[data-block='news'] ul#items-nav li.active { color: #959595; }
.overview-block[data-block='news'] img { border-radius: 100%; }
.overview-block[data-block='news'] .clear { clear: both;float: none;margin: 0px 0px 0px 40px;text-align: center;height: 15px; }

/*-------------------------------------------------------------------------*\
    Loader
\*------------------------------------------------------------------------*/
#overview-stream .ac_loader_local_wrap { padding-top: 75px;opacity: .4; }

/*-------------------------------------------------------------------------*\
    Modals
\*------------------------------------------------------------------------*/
/* Password Modal */
#password_change .modal-body p { margin-bottom: 20px;margin-top: 5px; }
#password_change .modal-body .modal-field:first-of-type { float: left;margin-right: 33px; }
#password_change .modal-body .modal-field input { width: 250px; }

/* Cfield2phone Modal */
#cfield2phone #modal-body-top { line-height: 150%; }
#cfield2phone #modal-body-bottom { margin-top: 15px;margin-bottom: 15px; }
#cfield2phone .suppress { float: left;margin-top: 7px; }
#cfield2phone .suppress a { color: var(--slate-600); }

/* Set Password On Startup */
#password_change.overview-startup .ac_container.setpass-wrap { display: table;padding: 0;width: 100%;border-spacing: 20px; }
#password_change.overview-startup .ac_container .ac_col.six { display: table-cell;float: none; }
#password_change.overview-startup .notify.error { top: 2px;padding: 8px 10px;font-size: 12px;overflow: visible; }
#password_change.overview-startup .notify.error:before { position: relative;top: 3px;font-size: 14px; }
#password_change.overview-startup .notify.error:after { position: absolute;left: 32px;top: -13px;content: '';margin: auto;width: 0;height: 0;border-width: 9px 9px 9px 0;border-style: solid;border-color: rgba(0, 0, 0, 0) var(--strawberry-400) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);-moz-transform: rotate(90deg);-ms-transform: rotate(90deg);-webkit-transform: rotate(90deg); }
#password_change.overview-startup .modal-footer .text-small { font-size: 11px; }