/* Typography */
.bark-dash h1 { font-family:'Lato', sans-serif; }
.bark-dash h2 { font-family:'Lato', sans-serif; font-size:1.2rem; font-weight: 400; color: #3a4449; }
.bark-dash h3 { font-family:'Lato', sans-serif; font-size:1.2em; font-weight: 400; color: #3a4449; }
.bark-dash h4 { font-family:'Lato', sans-serif; }
.bark-dash h5 { font-family:'Lato', sans-serif; }
.bark-dash p { font-weight: 500; font-family:'Lato', sans-serif; font-size: 1.1em; }
.bark-dash a { font-weight: 500; font-family:'Lato', sans-serif; color:#55b8fc; }
.bark-dash span { font-family:'Lato', sans-serif; }
.bark-dash span[class^=bark-icon-] { font-family:bark-icon; }
.bark-dash label { line-height:1; font-weight: 400; font-family:'Lato', sans-serif; font-size:1.1em; margin-bottom:0.3em; cursor:default; color: #3a4449; }
.bark-dash textarea { line-height:1.4; font-weight: 400; font-family:'Lato', sans-serif; margin-bottom:1.5em; border-radius:3px; display:block; resize: vertical; }
.bark-dash select { font-family: 'Lato', sans-serif; background-color: #fff; border-radius: 3px; height: 2.8em; border: 1px solid #ccd2dc; }

.bark-dash a { border-bottom: 0; }
.bark-dash a:hover { border-bottom: 0; }
.bark-dash a:visited { border-bottom: 0; }
.bark-dash a:active { border-bottom: 0; }

.bark-dash a.seller-name-avatar { font-weight: 700; font-size: 1.1em; margin: 0 0 0.5em; display: block; background-color: #eee; border: 1px solid #aaa; border-radius: 3px; padding: 0.1em 0.5em; color: #333; border-bottom: 1px solid #aaa; width: 12.5em; cursor: pointer; }
.bark-dash a.seller-name-avatar:hover { background-color: #ddd; }
.bark-dash a.seller-name-avatar i { margin-right: 0.5em; }

.seller-name-avatar-spinner { width: 100%; height: 100%; border-radius: 4px; text-align: center; padding: 4em 0; }
.seller-name-avatar-spinner i { font-size: 2.5em; color: #eee; }

.bark-dash span.new-error { margin: -0.5em 0 0.5em; display: block; }
.bark-dash span.new-error.hide { display: none; }

.bark-dash .vat-registered-checkbox { margin: 1em 0 0 !important; display: inline-block; cursor: pointer; }

.bark-dash .service-area-heading h2 { margin: 0; }
.bark-dash .service-area-heading p { opacity: 0.9; font-style: italic; margin: 0; }

.restyled-modal { padding:0; }
.restyled-modal .modal-header { border-bottom:1px solid #f0f0f0; padding:1.7rem 2rem; }
.restyled-modal .modal-header i { margin-right:1em; font-size:0.8em; }
.restyled-modal .modal-header h1 { font-size:1.5rem; color:#133c60; margin:0; }
.restyled-modal .modal-header p { margin:0 0 0 2.5em; color:#c2c8ce; }
.restyled-modal .modal-content { border-bottom:1px solid #f0f0f0; padding:1rem 2rem; }
.restyled-modal .modal-content p { font-size:1.2em; color:#133c60; margin:0 0 0.2em 0; }
.restyled-modal .modal-content i.bark-icon-star { font-size:0.9rem !important; }
.restyled-modal .modal-content i.bark-icon-star.no-star { color:#d9dbdc !important; }

span.new-error { color: #ce4826; }

input.new-error, textarea.new-error, select.new-error { border-color: #ce4826 !important; }

.noselect {
    -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
    -khtml-user-select: none; /* Konqueror HTML */
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* Internet Explorer/Edge */
    user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome and Opera */
}

/* Colours */
.green-bg { background-color:#53d1a3; }

/* Util */
.circle { border-radius: 50%; width: 10px; height: 10px; background-color:#CCC; margin:0; }
.circle-big { width:1.5em; height:1.5em; margin:0; }
.no-border { border:0 !important; }
.no-border-radius { border-radius: 0 !important; }

.right-checkbox { float:right; width:10em; }
.right-checkbox input { float:left; margin-top:0.5em; }

.overflow-visible { overflow: visible }


.z-1 { z-index: 1 }
.z-2 { z-index: 2 }
.plhalfem {padding-left: 0.5em}
input.mb0 {margin-bottom: 0}

/* Structure */

#buyer-dashboard { padding-bottom: 4em; }

.bark-dash .column-left { width:17%; float:left; }
.bark-dash .column-right { width:80%; float:right; }

.bark-dash a.add-skillpages-skill { text-decoration: underline; font-weight: 700; }
.bark-dash a.add-skillpages-skill i { margin-right: 0.25em; }

.bark-dash .seller-barks .review-status { padding-bottom:1em; font-size: 1.1em; }
.bark-dash .seller-barks .review-status i.bark-icon-star { color: #FFC616; margin-right:0.2em; font-size: 1.4em; }
.bark-dash .seller-barks .review-status i.no-star { color: #eee; }
.bark-dash .seller-barks .review-status p { font-size: 1em; margin: 1.5em 0 0; color: #a5b5bd; }
.bark-dash .seller-barks .review-status span { color: #a5b5bd; margin-top: 0.5em; display: inline-block; }
.bark-dash .seller-barks .review-status span.complete-success { font-size: 0.8em; margin: 0 0.5em; color: #74dab5; }
.bark-dash .seller-barks .review-status span.review-section { margin-bottom: 1em; font-weight: 700; font-size: 1.4em; color: #3a4449; }

.bark-dash .seller-barks .public-share-url .sharing { margin: 0; }
.bark-dash .seller-barks .public-share-url .sharing .buyer_share { margin: 0 0.25em 0 0; padding: 0.45em 1em; }
.bark-dash .seller-barks .public-share-url .sharing .buyer_share i { font-size: 1em; }
.bark-dash .seller-barks .public-share-url .sharing .buyer_share p { font-size: 1.1em; }

.bark-dash .seller-barks .seller-get-reviews input { border-radius: 3px 0 0 3px; resize: none; border-right: 0; height: 2.7em; margin-bottom: 0.5em; }
.bark-dash .seller-barks .seller-get-reviews span { font-weight: 700; margin: 0; }
.bark-dash .seller-barks .seller-get-reviews .review-success-message { color: #53d1a3; }
.bark-dash .seller-barks .seller-get-reviews button { width: 100%; height: 2.7em; border-radius: 0 3px 3px 0; }

.referrals-header-banner { background-image: url("https://d18jakcjgoan9.cloudfront.net/img/refer-a-friend-header-banner.jpg"); margin-top: 10px; background-size: cover; background-repeat: no-repeat; background-position: center top; width: 100%; padding: 0em; position: relative; height: 34em;}
.referrals-header-banner .row {padding-left: 0; padding-right: 0;}
.referrals-header-banner .referrals-header-banner-left { position: relative; text-align: left; padding: 5em 5em 6em 1em; width: 35%; }

.referrals-header-info {display: inline; border: solid 1px #e6e7ec; border-radius: 20px; position: relative; padding: 4px 12px 4px 105px; color: #6C7191; font-size: 15px; text-align: right; }
.referrals-header-info .referrals-header-info-credits {position: absolute; background-color: #F7BF53; top: -1px; left: -1px; border-radius: 20px; color: #fff; text-align: center; padding: 4px 14px 4px 14px; }
.referrals-header-banner h1 { text-align: left; font-size: 31px; line-height: 36px; font-weight: 700; color: #0A1248!important; margin-top: 1.5em;  }
.referrals-header-banner h3 { text-align: left; font-size: 17px; margin-top: 1.3em; color: #6C7191; }
.referrals-header-banner h3 span { color: #F7BF53; font-weight: 700; }
.referrals-header-button, .referrals-header-button:active, .referrals-header-button:focus {
    background-color:#2D7AF1;
    display: inline-block;
    font-size: 15px;
    border-radius: 4px;
    -webkit-box-shadow: 0px 5px 7px 0px rgba(0,0,0,0.07);
    -moz-box-shadow: 0px 5px 7px 0px rgba(0,0,0,0.07);
    box-shadow: 0px 5px 7px 0px rgba(0,0,0,0.07);
    padding: 13px 58px; color: #fff;
    text-decoration: none;
    text-align:center;
    font-weight: 700;
    margin-top: 1.3em;
    transition: background-color 0.15s, color 0.15s;
}
.referrals-header-button:hover {
    background-color:#4f99fe;
    color: #fff;
}

.referring-steps { padding: 6em 0 1em 0; text-align: center; background-color: #f6f7fb; }
.referring-steps img { height: 90px; margin: 0 0 1em; }
.referring-steps h3 { font-size: 20px; margin: 0 0 0.5em; color: #0A1248; padding: 0 1.5em; }
.referring-steps .show-categories { padding-top: 5em; }
.referring-steps .show-categories .line { width: 65%; height: 1px; background-color: #ddd; margin: 0 auto 30px auto;}
.referring-steps .link {font-weight: 700; color: #2D7AF1;}
.modal-categories {
    width:100%;
    height: 400px;
    overflow: auto;
    box-sizing: border-box;
    padding: 0;
}
.modal-categories ul {list-style-type: none; }
.modal-categories li {
    color: #888!important;
    font-size: 15x!important;
    border-bottom: 1px solid #eee;
    padding: 5px;
    transition: background-color 0.2s;
}
.modal-categories li:hover { background-color: #f4f4f4; }
.modal-categories li[data-p="0"] {display: none;}
.tools {padding-bottom: 13px;}
.tools a {background-color: #eee; color: #999; font-weight: 700; padding: 4px 10px; border-radius: 3px; margin-right: 5px;}
.tools a:hover, .tools a.active { background-color: #55b8fc; color:#fff;}

.seller-send-referrals {margin: 0 auto 0 auto; padding-top: 40px; background-color: #fff;}
.seller-send-referrals .referral-tools { position: relative; padding: 0; margin: 30px auto 40px auto;border-radius: 4px!important;}
.seller-send-referrals h2 { color: #0A1248; font-size: 30px; margin: 0 0 -18px 0; font-weight: 700; text-align: center;}
.seller-send-referrals .text_field { border-radius: 4px!important; resize: none; border: solid 1px #f3f3f6; border-bottom: solid 2px #f3f3f6;  height: 40px; width: 99%; margin-bottom: 0.5em; background-color:#f3f3f6; transition: none; transition: border-color 0.2s, background-color 0.2s;}
.seller-send-referrals .text_field:active,.seller-send-referrals .text_field:focus { border: solid 1px #f1f1f1; background-color: #f4f4f7!important; border-bottom: 2px solid #2D7AF1; }
.seller-send-referrals .referral-action-button, .seller-send-referrals .referral-action-button:active, .seller-send-referrals .referral-action-button:focus {
    background-color:#2D7AF1;
    display: inline-block;
    font-size: 15px;
    border-radius: 4px;
    -webkit-box-shadow: 0px 5px 7px 0px rgba(0,0,0,0.07);
    -moz-box-shadow: 0px 5px 7px 0px rgba(0,0,0,0.07);
    box-shadow: 0px 5px 7px 0px rgba(0,0,0,0.07);
    width: 100%;
    height: 40px;
    padding-top: 11px!important;
    color: #fff;
    text-decoration: none;
    text-align:center;
    font-weight: 700;
    transition: background-color 0.15s, color 0.15s;
    user-select: none;
}

.seller-send-referrals .referral-action-button:hover {
    background-color:#4f99fe;
}

.seller-send-referrals span { font-weight: 700; margin: 0; }

td span.referral_step_pending {color: #FA9750; font-weight: 300; font-size:15px;}

.seller-send-referrals .referral-tools-icons { display: block; padding-top: 0; text-align: center; margin: 0 auto; }
.seller-send-referrals .referral-tools-icons img {width: 60px; margin: 0 7px 7px 0; opacity: 1; transition: opacity 0.2s, transform 0.2s;}
@media screen and (min-width: 768px) {
    .seller-send-referrals .referral-tools-icons a:hover img {opacity: 0.8; transform: translate(0, -4px); }
}
.seller-send-referrals .referral-tools-icons p, .referral-tools p {color: #6C7191; padding-top: 10px;}
.seller-send-referrals .referral-tools-icons p a {color: #2D7AF1; font-weight: 700;}

.seller-send-referrals .referral-tools-link {display: none; margin-top: 40px;}
.seller-send-referrals .referrals_copied_to_clipboard {color:#53d1a3; font-style: italic; user-select: none;}

.referrals_inviting_tool {display: none; margin-top: 30px;}

.referral-tracking { background-color: #f6f7fb; padding: 40px 0 40px 0; }
.referral-tracking h2 { color: #2A3B46; font-size: 26px; margin: 0 0 1em; }
.referral-tracking table.default-table {
    border: none; border-radius: 0;
    padding: 0;
    -webkit-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.04);
    -moz-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.04);
    box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.04);
}
.referral-tracking table.default-table th {background-color: #f6f7fb; border-radius: 0; border: 0; font-size: 14px; color: #6C7191; }
.referral-tracking table.default-table td {border-bottom: 1px solid #eee; border-radius: 0; font-size:15px;}
.referral-tracking table.default-table td b {color: #0A1248; font-size: 15px; font-weight: 700; }
.referral-tracking table .align-left { text-align: left; color: #133c60; font-size: 1.1em; }
.referral-tracking table td .check-icon {width: 15px;}
.referral_step_paid {color:#07B764; font-weight: 700}

.import-contacts {background-color: #fff; color: #2D7AF1!important; padding: 6px 13px; border-radius: 4px; border: solid 1px #c3c6d1; font-weight: 700; font-size: 15px!important; display:inline-block; margin-top: 5px; transition: border-color 0.2s;}
.import-contacts:hover {border-color:#2D7AF1; }
.bark-dash .seller-barks .current-plan-billing-status { color: #3a4449; margin-bottom: 1em; }

.bark-dash input { border-radius:3px; padding:0.5em 1em; display:block; margin-bottom: 1em; border: 1px solid #ccd2dc; }
.styled-select { border-radius:3px; display:block; background-color:#FFF; border:1px solid #ccd2dc; }
.styled-select select { border:0; background-color:#FFF; margin:0; border-radius: 4px; font-family: 'Lato', sans-serif; }
.bark-dash input[type=checkbox] { display: inline-block; margin-right: 0.5em; cursor: pointer; }
.bark-dash .buyer-settings-email-div { margin: 1em 0; }
.bark-dash .buyer-barks .buyer-settings-email-div p { color: #3a4449; font-size: 1.2em; margin: 2em 0; }

.bark-dash .content-padding-subsection { padding-right: 2em; padding-left: 2em; border-right:1px solid #dde0e5; border-left:1px solid #dde0e5; }

.bark-dash .content-padding-grey { padding: 1em 2em; border-right:1px solid #dde0e5; border-left:1px solid #dde0e5; background-color:#f8f9f9; }
.bark-dash .content-padding-grey label { margin:0.3em 0 0.5em 0; }
.bark-dash .content-padding-grey label.sms-disabled { opacity: 0.5; }
.bark-dash .content-padding-grey input { color:#728791; }
.bark-dash .content-padding-grey input[type="text"][readonly].sms-disabled { background-color: #ddd !important; }
.bark-dash .content-padding-grey .review-success-message { color: #53d1a3; font-weight: 700; }

.bark-dash .one-click-dash { margin: 1em 0 0; }
.bark-dash .one-click-dash p { color: #a5b5bd; margin: 0; }
.bark-dash .one-click-dash p a { text-decoration: underline; font-weight: 700; color: #3eaefc; }
.bark-dash .one-click-dash .one-click-upsell-explain { padding: 2em; border-right: 1px solid #dde0e5; border-left: 1px solid #dde0e5; }
.bark-dash .one-click-dash .one-click-upsell-explain p { color: #133c60; margin-top: 0.5em; }
.bark-dash .one-click-dash .one-click-dash-form p { color: #133c60; margin: 0 0 0.5em; }
.bark-dash .one-click-dash .one-click-dash-form textarea { color: #133c60; margin: 0 0 0.5em; font-size: 1.1em; line-height: 1.4; }

.bark-dash .left-menu { background-color:#FFF; border-radius:0.3em; border:1px solid #dde0e5; list-style:none; margin:0; margin-top:2.6em; }
.bark-dash .left-menu li { border-top:1px solid #dde0e5; display:block; }
.bark-dash .left-menu li a { display:block; padding:0.7em; color:#c0cec9; font-weight:400; }
.bark-dash .left-menu li a span { display:inline-block; font-size:1em; margin-top:-0.2em; font-weight:400; }
.bark-dash .left-menu li a img { width: 1.8em; opacity: .5; vertical-align: sub; margin: 0 0.4em 0 0.3em; }
.bark-dash .left-menu li a i { font-size:1.2em; width:1.7em; display:inline-block; margin:0.2em 0 0 0.5em; }
.bark-dash .left-menu li a .bark-coins-nav { background: url('https://d1w7gvu0kpf6fl.cloudfront.net/img/bark-coins-2.png') no-repeat 0 0; }
.bark-dash .left-menu li.highlight a span { color:#3a4449; font-weight:bold; }
.bark-dash .left-menu li.highlight a img { opacity: 1; }
.bark-dash .left-menu li.highlight a i { color:#53d1a3; }
.bark-dash .left-menu li:not(.highlight):hover a span { color:#3a4449; }
.bark-dash .left-menu li:not(.highlight):hover a i { color:#3a4449; }
.bark-dash .left-menu li:not(.highlight):hover a img { opacity: 1; }

.bark-dash .left-menu.award-certificate-menu { margin-top: 1em; background-color: #fffbf2; border: 1px solid #eec24d; }
.bark-dash .left-menu.award-certificate-menu li { border-top: 1px solid #eec24d; }
.bark-dash .left-menu.award-certificate-menu li a { color: #eec24d; padding: 0.7em 0; }
.bark-dash .left-menu.award-certificate-menu li a i { margin: 0.2em 0 0 1.1em; vertical-align: top; }
.bark-dash .left-menu.award-certificate-menu li:not(.highlight):hover a span { color:#1e2b39; }
.bark-dash .left-menu.award-certificate-menu li:not(.highlight):hover a i { color:#1e2b39; }
.bark-dash .left-menu.award-certificate-menu li span { width: 66%; }
.bark-dash .left-menu.award-certificate-menu .awards-menu-badge { background-color: #eec24d; text-align: center; padding: 1em 0; }
.bark-dash .left-menu.award-certificate-menu .awards-menu-badge h4 { font-size: 1.2em; margin: 0 0 1em; font-weight: 700; }
.bark-dash .left-menu.award-certificate-menu .awards-menu-badge img.awards-menu-logo { width: 3em; margin: 0.3em 0.3em 0; }
.bark-dash .left-menu.award-certificate-menu .awards-menu-badge img.awards-menu-crest { width: 1.5em; vertical-align: top; }
.bark-dash .left-menu.award-certificate-menu .awards-menu-badge p { margin: 0; font-size: 1em; font-style: italic; font-weight: 700; }
.bark-dash .left-menu.award-certificate-menu .awards-menu-badge .awards-menu-year { font-size: 0.8em; color: #fff; }
.bark-dash .left-menu.award-certificate-menu .awards-menu-badge .awards-menu-year p { display: inline-block; font-style: normal; }

.bark-dash .right-container { background-color:#FFF; border-radius:0.3em; margin:3em 0; }
.bark-dash .content-head { background-color:#fff; padding: 20px 25px; border-bottom: 1px solid rgb(241, 241,243); position: relative;}
.bark-dash .content-head-account-manager { background-color:#3a4449; padding:0.4em 1em 0.2em 1em; }
.bark-dash .content-head-account-manager.round { border-radius: 4px 4px 0 0; }
.bark-dash .content-head.round { border-radius: 4px 4px 0 0; }
.bark-dash .content-head-standard { background-color: #ebebeb; padding: 1em 2em; }
.bark-dash .content-head-standard a{ color:#3a4449; text-decoration: underline; }
.bark-dash .content-head-standard h2 {  font-weight: 700;  }
.bark-dash .content-head-gold-club { background-color: #f5cd53; padding: 1em 2em; }
.bark-dash .content-head-gold-club h2 { font-weight: 700; margin: 0;  color: #fff; }
.bark-dash .content-head-gold-club h2 i { margin: 0 0.5em; }
.bark-dash .content-head-gold-club p { margin: 0.1em 0; font-weight: 700; }
.bark-dash .content-head-gold-club p i { margin: 0 0.5em; }
.bark-dash .content-head-gold-club p a { text-decoration: underline; font-weight: 700; color: #45423c;}
.bark-dash .content-head h2 { color:#0b1139; font-size: 20px; padding: 0 0 5px 0; margin: 0}
.bark-dash .content-head-account-manager h2 { color:#FFF; font-size: 1.2em;}
.bark-dash .content-head h2 span.green-text { color:#50be97; }
.bark-dash .header-control { float:right; color:#FFF; font-size:0.9em; cursor:pointer; padding:0.5em 0; }
.bark-dash .header-control strong { color:#a5b5bd; margin-right:0.5em; }
.bark-dash .header-control i { color:#a5b5bd; margin-left:0.5em; }
.bark-dash .content-head-bubble { font-size:1rem; font-weight:400; border-radius:0.3em; padding:0.05em 0.5em 0.15em 0.5em; margin-left:1em; position:absolute; margin-top:0em; }
.bark-dash .content-head-bubble::after { content:""; position:absolute; border-style:solid; top:0.5em; left:-0.3em; border-width:0.4em 0.4em 0.4em 0; border-color:transparent #53d1a3; }
.bark-dash .content-padding { padding:1.8em 2em 2em 2em; border: none; background-color: #fff; border-radius: 0 0 4px 4px; }
.bark-dash .content-padding.not-last { border-radius: 0; }
.bark-dash .content-padding hr { margin: 2em -2em 2em -2em; }
.bark-dash .content-padding.border-radius-bottom { border-radius: 0 0 4px 4px; }
.bark-dash .account-manager-details-banner { padding-bottom: 0.2em !important;}
.bark-dash .account-manager-details-banner p { color: #737d82;  font-size: 0.9em!important;}
.bark-dash .content-padding .dash-sms-form { margin-top: 1em; }
.bark-dash .content-padding .dash-sms-form input { border-radius: 4px 0 0 4px; font-family: 'Lato', sans-serif; color: #3a4449; text-align: left; }
.bark-dash .content-padding .dash-sms-form a { border: 1px solid #ccd2dc; border-left: 0; height: 2.45em; border-radius: 0 4px 4px 0; background-color: #cdd2d7; color: #fff; font-family: 'Lato', sans-serif; font-weight: 700; font-size: 1.1em; }
.bark-dash .content-padding .dash-sms-form a:hover { background-color: #c0cace; }

.bark-dash .content-tabs { background-color: #f8f8f8; }

.bark-dash .content-tab-container { padding: 0 4px; border-bottom: 1px solid #dde0e5; overflow: hidden; float:left; }
.bark-dash .content-tab-container.first { padding-left: 0 }
.bark-dash .content-tab-container.last { padding-right: 0 }

.bark-dash .content-tab { background-color:#f8f9f9; border: 1px solid #dde0e5; border-bottom: none; padding: 1em 2em; color: #555D61; cursor: pointer; position: relative; overflow: hidden; top: 5px; }
.bark-dash .content-tab.round { border-radius: 4px 4px 0 0; }
.bark-dash .content-tab-container.content-tab-highlighted .content-tab { background-color:#fff; top:0; color: #3a4449 }
.bark-dash .content-tab-container.content-tab-highlighted { border-bottom: none; border-bottom: 1px solid #fff; padding: 0 }

.bark-dash .content-tab-container:hover h2,
.bark-dash .content-tab-container.content-tab-highlighted h2 { font-weight: bold  }
.bark-dash .content-tab-container:hover .content-tab { background-color: #fff; }

.bark-dash .content-tab h2 { color:inherit }
.bark-dash .content-tab h2 i { color:#C4C8CE }

.bark-dash .content-tabs .content-tab-header,
.bark-dash .content-tabs .content-tab-icon { float:left }

.bark-dash .content-tab-container:hover h2 i,
.bark-dash .content-tab-container.content-tab-highlighted h2 i { color:inherit }
.bark-dash .content-tab .content-tab-icon { margin-right: 0.7em }

.bark-dash .content-tab .content-tab-top-bar { background-color: #C4C8CE; height: 3px; width: 100%; position: absolute; top: 0; left: 0; right: 0 }

.bark-dash .content-tab-container:hover .content-tab-top-bar,
.bark-dash .content-tab-container.content-tab-highlighted .content-tab-top-bar { background-color:#3a4449 }

@media screen and (max-width: 39.9375em) {
    .bark-dash .content-tabs .content-tab-header,
    .bark-dash .content-tabs .content-tab-icon { float:none; text-align: center }
    .bark-dash .content-tab h2 { font-size: 1.1em }
}

@media screen and (max-width: 63.9375em) {
    .bark-dash .content-tabs p {
        font-size: 0.9em;
    }
    .bark-dash .content-tab { padding: 1em }
}

.bark-dash .notification-title .dash-button.smaller-button { margin: 1.5em; }

.bark-dash .bark-container { border:1px solid #dde0e5; border-radius:4px; margin-bottom:1em; }
.bark-dash .bark-container h2 { font-weight: 400; color:#3a4449; display:inline-block; }
.bark-dash .bark-container h2 span { color:#a5b5bd; }
.bark-dash .bark-container .bark-header { border-bottom:1px solid #f3f3f3; padding:0.8em 1em 0.5em 2em; }
.bark-dash .bark-container .bark-header h2 { margin-right: 1em; }
.bark-dash .bark-container .unread-message { display:none; font-size:1.3em; margin-bottom:0; }
.bark-dash .bark-container .unread-message span { color: #ef7336; font-weight:400; }
.bark-dash .bark-container .unread-message i { color: #53d1a3; margin-right:0.5em; font-size: 0.8em; }
.bark-dash .bark-container .dashboard-close-bark { display: none; font-weight: 700; margin: 0.3em 0; color: #798082; border: 1px solid #dde0e5; border-radius: 3px; padding: 0.1em 0.5em; }
.bark-dash .bark-container .dashboard-close-bark i { padding: 0.2em 0.1em 0 0; vertical-align: top; }
.bark-dash .bark-container .dashboard-close-bark:hover { border: 1px solid #3a4449; color: #3a4449; }

.bark-dash .bark-container .dashboard-hired-someone{ display: none; font-weight: 700; margin: 0.3em 0; color: #798082; border: 1px solid #dde0e5; border-radius: 3px; padding: 0.1em 0.5em; margin-right: 0.4em;}
.bark-dash .bark-container .dashboard-hired-someone i { padding: 0.2em 0.1em 0 0; vertical-align: top; }
.bark-dash .bark-container .dashboard-hired-someone:hover { border: 1px solid #3a4449; color: #3a4449; }

.bark-dash .service-container { border:1px solid #dde0e5; border-radius:0.3em; margin-bottom:1em; padding:1em 1.5em !important; }
.bark-dash .service-container.edit-service-bk { background-color: #f9fafa; }
.bark-dash .service-container h4 { font-size:1.5em; font-weight: 400; color:#3a4449; display:inline-block; margin-bottom: 0; }
.bark-dash .service-container h4 a { font-size:0.7em; margin-left:1em; text-decoration: underline; font-weight: 700; }
.bark-dash .service-container h5 { margin: 0; color: #3a4449; }
.bark-dash .service-container span { color: #a5b5bd; font-style: italic; }
.bark-dash .service-container span.time-period-seperator { padding: 0.5em; display: block; font-weight: 700; }
.bark-dash .service-container span.new-error { color: #ce4826; }

.bark-dash .notification-header { border-radius: 0; border-bottom: 0; }
.bark-dash .notification-title h5 { color: #0b1139; font-size: 18px; margin: 0.5em 0 1em; }
.bark-dash .notification-title h5 i { margin: 0 0.5em 0 0; }

.bark-dash .notification-title .alert-box { padding: 0.6em; margin-top: 0.8em; margin-bottom:0.35em; }

.bark-dash .notification-container { border: none; margin: -1px 0 0 !important; padding:1em 0.5em 0.5em; }
.bark-dash .notification-container p { color:#84a0b3 !important; font-size:1.1em !important; padding:0; margin:0; line-height: 1; }
.bark-dash .notification-container label { font-weight:500 !important; color:#84a0b3; font-size:1em !important; padding:0; margin:0; vertical-align: super; }
.bark-dash .notification-container input { color:#84a0b3; padding:0; margin:0 0.5em 0 0; vertical-align: super; }

.bark-dash .notification-upsell { border: 1px solid #dde0e5; padding: 1em 2em; background-color: #fffdf0; border-bottom: 0; }
.bark-dash .dash-upsell { border-bottom: 0; }
.bark-dash .notification-upsell p { margin: 0; color: #5e4f43; }
.bark-dash .notification-upsell p.p-break { margin-top: 0.5em; }
.bark-dash .notification-upsell p a { font-weight: 700; text-decoration: underline; }

.bark-dash .notification-break { border: 1px solid #dde0e5; border-top: 0; padding-bottom: 1em; }
.bark-dash .notification-break.dash-break { padding: 0; }


/* Only show seller inactive alerts banner if user is using a small screen */
@media (min-height: 750px) {
    .notifications-page #seller-inactive-alerts-banner {display: none}
}

.bark-dash .content-padding#seller-inactive-alerts-banner {padding-bottom: 0}

.bark-dash .requests-header { color: #293b47; font-size: 22px; font-weight: bold; line-height: 1.4 }

.bark-dash .buyer-barks p { color:#a5b5bd; }
.bark-dash .seller-barks p { color:#a5b5bd; margin: 0; white-space: pre-wrap /* WHO DID THIS??? */; }
p.no-pre-wrap { white-space: normal !important; }
.bark-dash .seller-barks p.dashboard-loading-spinner { font-size: 1.2em; background-color: #FFF; padding: 1em; text-align: center; }
.bark-dash .seller-barks p.dashboard-loading-spinner i { margin-right: 0.5em; }
.bark-dash .seller-barks p.time-posted-ago { margin: 0 0 1em; text-transform: uppercase; font-weight: 700; opacity: .5; font-size: 1em; color: #3a4449; }
.bark-dash .seller-barks p span.flash-sale-strikethrough { text-decoration: line-through; opacity: 0.5; }
.bark-dash .seller-barks i.has-tip { color:#55b8fc; margin-bottom:0; font-style:normal; margin-left:0.5em; text-decoration:none; border-bottom:0; }
.bark-dash .seller-barks a.dash-widget-link { display: block; text-decoration: underline; font-weight: 700; font-size: 1.1em; margin: 1em 0 0.5em; }
.bark-dash .notification-container:nth-child(odd) {
    background-color: #F9F9FA;
}

.flash-spacer { max-width: 100% !important; height: 40px}

.bark-container .bark-summary-timeline { position: relative; margin: 3em 0 2em 0; }
.bark-container .bark-summary-timeline p { font-size: 1.1em; color: #c0cace; margin: 0.5em 0 0; display: inline-block; border-bottom: 0; font-weight: 700; }
.bark-container .bark-summary-timeline p.status-active { }
.bark-container .bark-summary-timeline .center { z-index: 50; }
.bark-container .bark-summary-timeline i { font-size:2.5em; color:#c0cec9; }

.bark-dash .timeline { height:4em; }
.bark-dash .timeline { margin-top: 1.3em; }
.bark-dash .timeline .circle { display:inline-block; }
.bark-dash .timeline .circle-box { width:2.8%; float:left; }
.bark-dash .timeline .circle-box-big { width:3.9%; float:left; }
.bark-dash .timeline .bark-icon-check { width:3.9%; float:left; color:#53d1a3; }

.bark-dash .dash-button { font-size:1em; font-weight: 700 !important; text-transform:uppercase; text-decoration:none !important; color:#FFF; background-color:#55b8fc; padding:0.65em 1.3em; margin:0; border-radius:3px; font-family: 'Lato', sans-serif; display: inline-block; }
.bark-dash .dash-button.smaller-button { font-size:0.8rem; padding:0.6em 1.5em; font-weight:700 !important; border-radius:0.3em; }
.bark-dash .dash-button.orange { color:#FFF; background-color:#f07f4a;  }
.bark-dash .dash-button.green { color:#FFF; background-color:#53d1a3; }
.bark-dash .dash-button.white { color:#cdd2d7; background-color:transparent; }
.bark-dash .dash-button.grey { color:#FFF; background-color:#8ea5ba; }
.bark-dash .dash-button.newblue { color:#FFF; background-color: #2D7AF1; }

.bark-dash .dash-button.float-right { float: right; }
.bark-dash .dash-button.white:hover	{ color: #84a0b3 !important; }
.bark-dash .dash-button.delete { color: #f07f4a; background-color: transparent; font-weight: 500 !important; text-transform: none; padding-right: 0; }
.bark-dash .dash-button.delete:hover { color: #f29265 !important; }

.bark-dash .change-password .dash-button { margin-top: 1.35em; }

.bark-dash #seller-dashboard-more { text-align: center; }

.bark-dash .avatar-upload { cursor:pointer; }
.bark-dash .avatar-overlay { padding:1.5em 1em; background-color:rgba(72,109,140,0.75); }
.bark-dash .avatar-overlay i { font-size:2.5em; margin-bottom:0.5em; }
.bark-dash .avatar-overlay span { font-weight:bold; font-size:1.1em; }

.bark-dash .account-manager-details { border: 2px solid #f5cd53; border-radius: 3px; padding: 1em; text-align: center; }
.bark-dash .account-manager-details img { margin-top: 1em; }
.bark-dash .account-manager-details h2 { margin: 0; font-size: 1.2em; font-weight: 700; text-decoration: underline; }
.bark-dash .account-manager-details p { color: #3a4449; font-size: 1.2em; margin: 1em 0 0.5em; font-weight: 700; }
.bark-dash .account-manager-details a { font-size: 1.2em; font-weight: 700; display: block; }

.bark-dash .account-manager-details-banner  { font-size: 1.2em; font-weight: 700; display: block; }

.bark-container .bark-summary-status .alert-box { margin: 0 -1px -1px -1px; border-radius:0 0 4px 4px; padding-bottom: 1.5em; }
.bark-container .bark-summary-status .alert-box h3 {  }
.bark-container .bark-summary-status .alert-box h3 i { font-size:1.4em; margin-right: 0.9em; float:left; }
.bark-container .bark-summary-status .alert-box a { text-decoration: underline; line-height:1; }
.bark-container .bark-summary-status .alert-box p { margin: 0; margin-left:2.8em; font-style: italic; line-height:1.4; }
.bark-container .bark-summary-status .reviewing-bark-alert { background-color: #fcf7f2; border: 1px solid #eae5dc; color: #ab9778; }
.bark-container .bark-summary-status .reviewing-bark-alert h3 { color:#ab9778; font-weight: 700; }
.bark-container .bark-summary-status .reviewing-bark-alert p { color:#ab9778; }
.bark-container .bark-summary-status .finding-pros-alert { background-color: #fffdf0; border: 1px solid #e4ddcb; color: #9c855f; }
.bark-container .bark-summary-status .finding-pros-alert h3 { color:#9c855f; }
.bark-container .bark-summary-status .finding-pros-alert p { color:#9c855f; }
.bark-container .bark-summary-status .contacting-pros-alert { background-color: #f2fafc; border-color: #dce5ea; color: #667f7f; }
.bark-container .bark-summary-status .contacting-pros-alert h3 { color:#667f7f; }
.bark-container .bark-summary-status .contacting-pros-alert p { color:#667f7f; }
.bark-container .bark-summary-status .bark-live-alert { background-color: #fcfff5; border: 1px solid #dfeadc; color: #6d7f66; }
.bark-container .bark-summary-status .bark-live-alert h3 { color:#6d7f66; }
.bark-container .bark-summary-status .bark-live-alert p { color:#6d7f66; }
.bark-container .bark-summary-status .bark-live-alert p.new-message-prompt { color: #55b8fc; font-weight: 700; margin-top: 0.5em; }
.bark-container .bark-summary-status .bark-live-alert p.seller-suggest-alert { color: #55b8fc; font-weight: 700; margin-top: 0.5em; }
.bark-container .bark-summary-status .bark-live-alert i { color:#60d5a9; }

.bark-container .bark-summary-status .bark-closed-alert { background-color: #f8f8f9; border-color: #ddd; }
.bark-container .bark-summary-status .bark-closed-alert h3, .bark-container .bark-summary-status .bark-closed-alert p { color: #3a4449; }
.bark-container .bark-summary-status .review-bark-rejected { background-color: #ffede7; border-color: #f9b7a1; color: #aa522a; margin-top:-1px; }
.bark-container .bark-summary-status .review-bark-rejected h3 { color:#aa522a; }
.bark-container .bark-summary-status .review-bark-rejected p { color:#aa522a; }
.bark-container .bark-summary-status .review-bark-rejected i { color:#f07f4c; }

.bark-container .bark-summary-status .review-bark-awaiting-detail { margin-top: -1px; }

.bark-container .bark-warning { display:none; background-color: #ffede7; border-color: #f9b7a1; color: #aa522a; margin:-1px -1px 0 -1px; }
.bark-container .bark-warning i { color:#f07f4c; margin-right:0.5em; font-size:1.2rem; float:left; margin-top: 0; }
.bark-container .bark-warning p { color:#aa522a; margin:0; }
.bark-container .bark-summary-status .bark-after-hours-alert { display:none; }

.bark-container .bark-summary-status>.columns { display:none; }
.bark-container.status_new .status_new_alert { display:block; }
.bark-container.status_finding .status_finding_alert { display:block; }
.bark-container.status_contacting .status_contacting_alert { display:block; }
.bark-container.status_closed .status_closed_alert { display:block; }
.bark-container.status_rejected .status_rejected_alert { display:block; }
.bark-container.status_live .status_live_alert { display:block; }
.bark-container.status_awaiting-detail .status_awaiting-detail_alert { display:block; }

.status_rejected .timeline { display:none; }
.status_closed .timeline { display:none;  }
.status_awaiting-detail .timeline { display:none; }

.status_rejected .bark-closed-alert { margin-top: -1px !important; }
.status_closed .bark-closed-alert { margin-top: -1px !important; }

.timeline .circle-box-check { display:none; }
.timeline .circle-box-check i { padding-top:0.3em; }

.bark-container .status-incomplete, .bark-container .status-complete, .bark-container .status-progress { display:none; }

.bark-container.status_live .status_new_icon .status-complete { display:block; }
.bark-container.status_live .status_finding_icon .status-complete { display:block; }
.bark-container.status_live .status_contacting_icon .status-complete { display:block; }
.bark-container.status_live .status_live_icon .status-complete { display:block; }
.bark-container.status_live .status_live_line { display:block; }
.bark-container.status_live .bark-summary-timeline { display:block; }
.bark-container.status_live .status_new_text { font-weight: 700; color: #53d1a3; }
.bark-container.status_live .status_finding_text { font-weight: 700; color: #53d1a3; }
.bark-container.status_live .status_contacting_text { font-weight: 700; color: #53d1a3; }
.bark-container.status_live .status_live_text { font-weight: 700; color: #53d1a3; }
.bark-container.status_live .status_new_icon i { color: #53d1a3; }
.bark-container.status_live .status_finding_icon i { color: #53d1a3; }
.bark-container.status_live .status_contacting_icon i { color: #53d1a3; }
.bark-container.status_live .status_live_icon i { color: #53d1a3; }
.bark-container.status_live .new-circle .circle-big { background-color:#98cf4a; }
.bark-container.status_live .new-circle .circle { background-color:#98cf4a; }
.bark-container.status_live .finding-circle .circle-big { background-color:#98cf4a; }
.bark-container.status_live .finding-circle .circle { background-color:#98cf4a; }
.bark-container.status_live .contact-circle .circle-big { background-color:#98cf4a; }
.bark-container.status_live .contact-circle .circle { background-color:#98cf4a; }
.bark-container.status_live .live-circle .circle-big { background-color:#98cf4a; }
.bark-container.status_live .live-circle .circle { background-color:#98cf4a; }
.bark-container.status_live .circle-box-big.new-circle { display:none; }
.bark-container.status_live .circle-box-check.new-circle { display:block; }
.bark-container.status_live .circle-box-big.finding-circle { display:none; }
.bark-container.status_live .circle-box-check.finding-circle { display:block; }
.bark-container.status_live .circle-box-big.contact-circle { display:none; }
.bark-container.status_live .circle-box-check.contact-circle { display:block; }
.bark-container.status_live .circle-box-big.live-circle { display:none; }
.bark-container.status_live .circle-box-check.live-circle { display:block; }
.bark-container.status_live .circle-box .circle { background-color:#FFF; }

.bark-container.status_contacting .status_new_icon .status-complete { display:block; }
.bark-container.status_contacting .status_finding_icon .status-complete { display:block; }
.bark-container.status_contacting .status_contacting_icon .status-progress { display:block; }
.bark-container.status_contacting .status_live_icon .status-incomplete { display:block; }
.bark-container.status_contacting .status_contacting_line { display:block; }
.bark-container.status_contacting .bark-summary-timeline { display:block; }
.bark-container.status_contacting .status_new_text { font-weight: 700; color: #53d1a3; }
.bark-container.status_contacting .status_finding_text { font-weight: 700; color: #53d1a3; }
.bark-container.status_contacting .status_contacting_text { font-weight: 700; color: #53d1a3; }
.bark-container.status_contacting .status_new_icon i { color: #53d1a3; }
.bark-container.status_contacting .status_finding_icon i { color: #53d1a3; }
.bark-container.status_contacting .status_contacting_icon i { color: #53d1a3; }
.bark-container.status_contacting .new-circle .circle-big { background-color:#53d1a3; }
.bark-container.status_contacting .new-circle .circle { background-color:#53d1a3; }
.bark-container.status_contacting .finding-circle .circle-big { background-color:#53d1a3; }
.bark-container.status_contacting .finding-circle .circle { background-color:#53d1a3; }
.bark-container.status_contacting .contact-circle .circle-big { background-color:#53d1a3; }
.bark-container.status_contacting .contact-circle .circle { background-color:#53d1a3; }
.bark-container.status_contacting .circle-box-big.new-circle { display:none; }
.bark-container.status_contacting .circle-box-check.new-circle { display:block; }
.bark-container.status_contacting .circle-box-big.finding-circle { display:none; }
.bark-container.status_contacting .circle-box-check.finding-circle { display:block; }

.bark-container.status_finding .status_new_icon .status-complete { display:block; }
.bark-container.status_finding .status_finding_icon .status-progress { display:block; }
.bark-container.status_finding .status_contacting_icon .status-incomplete { display:block; }
.bark-container.status_finding .status_live_icon .status-incomplete { display:block; }
.bark-container.status_finding .status_finding_line { display:block; }
.bark-container.status_finding .bark-summary-timeline { display:block; }
.bark-container.status_finding .status_new_text { font-weight: 700; color: #53d1a3; }
.bark-container.status_finding .status_finding_text { font-weight: 700; color: #53d1a3; }
.bark-container.status_finding .status_new_icon i { color: #53d1a3; }
.bark-container.status_finding .status_finding_icon i { color: #53d1a3; }
.bark-container.status_finding .new-circle .circle-big { background-color:#53d1a3; }
.bark-container.status_finding .finding-circle .circle-big { background-color:#53d1a3; }
.bark-container.status_finding .finding-circle .circle { background-color:#53d1a3; }
.bark-container.status_finding .new-circle .circle { background-color:#53d1a3; }
.bark-container.status_finding .circle-box-big.new-circle { display:none; }
.bark-container.status_finding .circle-box-check.new-circle { display:block; }

.bark-container.status_new .status_new_icon .status-progress { display:block; }
.bark-container.status_new .status_finding_icon .status-incomplete { display:block; }
.bark-container.status_new .status_contacting_icon .status-incomplete { display:block; }
.bark-container.status_new .status_live_icon .status-incomplete { display:block; }
.bark-container.status_new .bark-summary-timeline { display:block; }
.bark-container.status_new .status_new_text { color: #53d1a3; }
.bark-container.status_new .status_new_icon i { color: #53d1a3; }
.bark-container.status_new .new-circle .circle-big { background-color:#53d1a3; }

.bark-container .bark-summary-header p { margin-top: 0.2em; }
.bark-container .bark-summary-header p span { display: inline-block; font-size: 1.2em; font-weight: 700; }
.bark-container .bark-summary-header a { margin: 0; padding: 0.4em 0.8em; text-align:center; }
.bark-container .bark-summary-timeline { display:none; }

.bark-container .dashboard_response_count { display:none; }

.bark-dash .seller-bark .row { padding:1em 1.5em; }
.bark-dash .seller-bark h2 { font-size:1.4em; margin:0; padding:0; color: #1e2b39; }
.bark-dash .seller-bark p { font-size:1.1em; margin:0; padding:0; }
.bark-dash .seller-bark .single-project-tel { color: #53d1a3; text-decoration: underline; font-weight: 700; }

.obfuscated-contact-detail .contact-icon { float: left; display: block; line-height: 1.8em; }
.obfuscated-contact-detail .obfuscated-contact { text-decoration: underline; display: block; overflow: hidden; }

.bark-dash .seller-bark p i { margin-left: 0; margin-right: 0.5em; font-size: 0.9em; width: 16px; text-align: center; display: inline-block; }
.bark-dash .seller-bark p span { color: #a5b5bd; }
.bark-dash .seller-bark .dash-button { margin-top:0.5em; }
.bark-dash .seller-bark .matched-bark-phone-available, .bark-dash .seller-bark .matched-bark-phone-available i { color: #53d1a3; }

.profile-completeness { background-color:#FFF; margin-top:2em;  text-align: center; border: 1px solid #7bdcb8;  border-radius: 4px 4px 0 0; }
.profile-completeness p { font-size:1.2em; margin: 0; line-height:1.7 !important; padding:1.5em 0; }
.profile-completeness span { color: #76d5a6; display:block; }
.profile-completeness-bottom { background-color:#e8faf6; text-align: center; border: 1px solid #7bdcb8; border-top:0;  border-radius: 0 0 4px 4px; }
.profile-completeness-bottom a { margin: 0.2em 0; text-decoration:underline; }
.profile-completeness-bottom p { font-size:0.8rem; line-height:1.7 !important; padding:2em 0; margin:0; color:#8e9f99; }

.percent-information .black-circle { background-color:#323a45; border-radius:50%; width:6em; height:6em; }
.percent-information .black-circle p { padding:0.7em 0 0 0.5em; color:#FFF; font-weight:400; font-size:2em; }
.percent-information .black-circle p span.small { position:absolute; margin:0.5em 0 0 0.2em; color:#7a828d; font-weight:300; font-size:0.5em; }
.percent-information .black-circle p span.gold-small { position:absolute; margin:0.2em 0 0 0.2em; color:#f1cd50; font-weight:300; font-size:0.7em; }
.percent-information h2 { font-size:1.4em; font-weight:400; margin:0.5em 0 0 0; }
.percent-information h2 span { color:#75d5a7; font-weight:400; }
.percent-information p.desc { font-size:1em !important; color:#8e9f99; }

.percent-information i { font-size: 1em; color: #FFC616; }
.percent-information i.no-star { color: #eee; }
.percent-information a { text-decoration:underline; font-weight: 700; }
.percent-information a.smaller { font-size:0.9em; padding-left:1em; }

.seller-alerts-field { border: 1px solid #ccc; border-radius: 4px; padding: 1em; background: -webkit-linear-gradient(#fdfdfd,#fafafa); background: -o-linear-gradient(#fdfdfd,#fafafa); background: -moz-linear-gradient(#fdfdfd,#fafafa); background: linear-gradient(#fdfdfd,#fafafa); background-color: #fafafa; }
.seller-alerts-field label { font-size: 1em; }
.seller-alerts-field input { font-size: 1em; font-weight: 500; border-radius: 4px; }
.seller-alerts-field select { font-family: 'Lato', sans-serif; font-size: 1em; border-radius: 4px; }

.seller-dashboard-bark-unread, .seller-dashboard-respond-later { float:left; color:#f07f4a; padding:0.8em 0; font-weight:bold; font-style:italic; }
.seller-dashboard-respond-later span i { margin-right: 0.4em; }
.bark-dash .bark-container h2 .seller-dashboard-bark-closed { color:#f07f4a; padding:0.8em 0; font-weight:bold; font-style:italic; font-size: 0.7em; }

.seller-dashboard-bark-unread .unread-notification-number { display: inline-block; margin-right: 0.25em; }

.seller-dashboard-respond-later { max-width: 55%; }

.seller-alerts { padding-left: 2em; }
.seller-alerts .row { margin: 0; }

.seller-alert { padding: 0.5em 0.3em; border: 1px solid #dde0e5; border-radius: 4px; margin-bottom: 2em; }
.seller-alert a { color: #b5c6d1; font-size:1.1em; }
.seller-alert i { color: #b5c6d1; font-size:1.2em; margin:0.1em 0 0 0.5em; }

.seller-alert .seller-maps { width:100%; height:300px; border-radius: 0.3em; margin-bottom:1em; background-color: #f8f9f9 !important; }
.seller-alert .hide-seller-map { position:absolute; left: -2000px; }
.seller-alert .seller-maps-spinner { display:none; text-align:center; width:100%; height:300px; border: 0; border-radius: 4px; position:absolute; z-index:5; background-color:transparent; }
.seller-alert .seller-maps-spinner i { font-size:3em; margin-top:120px; }
.seller-maps .gm-style-cc { display: none; }
.seller-maps div div a div img { display: none; }

.seller-alert div.right a { margin:0.5em 0; display:inline-block; }
.seller-alert div.right a>* { margin-left:0.5em; display:inline-block; }
.seller-alert div.right a i.bark-icon-map-pin { margin-left: 0; }
.seller-alert div.right a.highlight>span, .seller-alert div.right a.highlight>i { color:#3eaefc; }
.seller-alert div.right:hover a.highlight>span:hover { color: #5bbafc; }
.seller-alert h2 { padding:0.2em 0 0 0; }

.row.bark-dash.lower { margin-top: 4em; }
.pricing-special-offer { z-index: 12; background: rgba(156,220,156,1); color:#FFF; background: -moz-linear-gradient(top, rgba(156,220,156,1) 0%, rgba(86,207,175,1) 100%); background: -webkit-gradient(top, bottom, color-stop(0%, rgba(156,220,156,1)), color-stop(100%, rgba(86,207,175,1))); background: -webkit-linear-gradient(left, rgba(156,220,156,1) 0%, rgba(86,207,175,1) 100%); background: -o-linear-gradient(top, rgba(156,220,156,1) 0%, rgba(86,207,175,1) 100%); background: -ms-linear-gradient(top, rgba(156,220,156,1) 0%, rgba(86,207,175,1) 100%); background: linear-gradient(to bottom, rgba(156,220,156,1) 0%, rgba(86,207,175,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8edaa0', endColorstr='#74d5a7', GradientType=1 ); text-align: center; position: fixed; top:8.7em; width: 100%; }
.pricing-special-offer strong { margin: 0 0.25em; font-weight:700; }
.pricing-special-offer span { font-size:1.2em; padding: 0.5em 2em; display:block; font-weight:700; text-shadow: 1px 1px rgba(0,0,0,0.2); text-transform: uppercase; }
.pricing-special-offer span i { font-size:1.2em; margin-right: 0.25em; }
.pricing-special-offer i.right { font-size:1.4em; padding:1em; }
.pricing-special-offer a { color: #FFFFFF;}
.facebook-link { width:6em; height:2.5em; display:inline-block; margin-top:0.4em; margin-left: 1em; }
.facebook-link a { display:block; margin:0.2em 0 0 2.5em; font-weight: 700; }
.facebook-link i { position:absolute; }
.facebook-link .bark-icon-base { font-size:2em; color:#3b5998; }
.facebook-link .bark-icon-facebook-f { font-size:1.1em; color:#FFF; padding:0.45em 0 0 0.7em; }

.twitter-link { width:6em; height:2.5em; display:inline-block; margin-top:0; }
.twitter-link a { display:block; margin:0.2em 0 0 2.5em; font-weight: 700; }
.twitter-link i { position:absolute; }
.twitter-link .bark-icon-base { font-size:2em; color:#26a6d1; }
.twitter-link .bark-icon-twitter-bird { font-size:0.9em; color:#FFF; padding:0.6em 0 0 0.5em; }

.share-input { font-size:0.8rem; color:#bdccd9 !important; }

.dash-pricing { border-radius:0.4em 0.4em 0 0; border:1px solid #e3e3e3; border-bottom:0; background-color: #fff; }
.dash-pricing h2 { padding:1em 0 0.5em 0; text-align:center; font-size:2em; font-weight:400; font-family: 'Lato', sans-serif; }
.dash-pricing .pricing-price { margin:0; background-color:#65788a; text-align:center; padding:0.5em; color:#FFF !important; font-size:1.5em !important; }

.dash-pricing.pro-plan { background-color:#2d3f50; }
.dash-pricing.pro-plan h2 { color:#FFF !important; }
.dash-pricing .pricing-price { text-shadow: 1px 1px rgba(0,0,0,0.2); margin:0; background-color:#65788a; text-align:center; padding:0.5em; color:#FFF !important; font-size:1.5em !important; }
.dash-pricing .pricing-gradient { background: rgba(156,220,156,1); background: -moz-linear-gradient(bottom, rgba(156,220,156,1) 0%, rgba(86,207,175,1) 100%); background: -webkit-gradient(bottom, top, color-stop(0%, rgba(156,220,156,1)), color-stop(100%, rgba(86,207,175,1))); background: -webkit-linear-gradient(top, rgba(156,220,156,1) 0%, rgba(86,207,175,1) 100%); background: -o-linear-gradient(bottom, rgba(156,220,156,1) 0%, rgba(86,207,175,1) 100%); background: -ms-linear-gradient(bottom, rgba(156,220,156,1) 0%, rgba(86,207,175,1) 100%); background: linear-gradient(to top, rgba(156,220,156,1) 0%, rgba(86,207,175,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9cdc9c', endColorstr='#56cfaf', GradientType=1 ); }
.dash-pricing .pricing-price span.currency { font-size:0.7em; display:inline-block; position:absolute; margin-left:-0.8em; margin-top:0.1em; font-weight:400; }
.dash-pricing .pricing-price span.cost { font-size:1.1em; font-weight:700; vertical-align:top; display:inline-block; padding-right:0.2em; }
.dash-pricing .pricing-price span.freq { font-size:0.7em; padding-bottom:0.3em; font-weight:700; vertical-align:super; display:inline-block; }
.dash-pricing .pricing-price span.cents { font-size:0.6em; vertical-align:super; display:inline-block; text-decoration:underline; padding-left:0.25em; line-height:1.25; }
.dash-pricing .pricing-price span.freq.light-blue { color:#c3dbf2; font-weight:400; }
.dash-pricing .pricing-price span.freq.yes-free { line-height:1.25; }
.dash-pricing .pricing-price span.freq.dark-blue { color:#257e75; text-shadow:none; font-weight:400; }

.dash-pricing-bottom { border-radius:0 0 0.4em 0.4em; border:1px solid #e3e3e3; border-top:0; padding:0.5em 0 1.5em 0; margin-bottom:0.5em; background-color: #fff; }
.dash-pricing-bottom ul { width: 10em; list-style-type: circle; padding-bottom:1em; }
.dash-pricing-bottom ul li { font-size:0.8em; padding-top:1em; border:0 !important; text-align:left; font-weight:500; color: #96a8b7; }
.dash-pricing-bottom ul li b { color: #133c60; }
.dash-pricing-bottom ul li a { text-decoration:underline; font-weight: 700; }
.dash-pricing-bottom .green { color:#56cfaf; }

.profile-field label { display:inline-block; }
.profile-field .completed-check { display:inline-block; font-size:0.6em; color:#74dab5; margin:-0.1em 1em 0 1em; }
.profile-field .complete-success { display:inline-block;  color:#74dab5; margin:-0.1em 1em 0 1em; }

.seller-photo-uploader .photo-inner { float:left; border:1px solid #dde0e5; border-radius:0.3em; background-color:#f8f9f9; padding:1.2em; }
.seller-photo-uploader .photo-inner .upload-photo { float:left; text-align:center; padding:1.5em 1.5em; background-color:#FFF; border:1px solid #dde0e5; border-radius:0.3em;  }
.seller-photo-uploader .photo-inner .upload-photo i { font-size:2em; color:#cdd2d7; display:block; }
.seller-photo-uploader .photo-inner .upload-photo span { font-size:1em; color:#919dab; display:block; }
.seller-photo-uploader .photo-inner .upload-button { font-size:0.9em; float:left; margin: 1em 0 0 0; font-weight: bold; text-decoration:none !important; color:#FFF; background-color:#cdd2d7; padding:0.5em 2.3em; border-radius:0.2em;  }
.seller-photo-uploader .photo-inner .upload-button:hover { background-color:#9ea5ac; }
.seller-photo-uploader .photo-inner p { font-size:0.9em; float:left; margin: 1em 0 0 0; font-weight: bold; text-decoration:none !important; padding:0.5em 2.3em; border-radius:0.2em;  }

.seller-photo-uploader .complete-success, .video-uploader .complete-success { display:inline-block;  color:#74dab5; margin:-0.1em 1em 0 1em; }

.seller-photo-uploader .photo-upload { background-size:cover; cursor:pointer; width:127px; height:127px; float:left; margin: 0 1em 1em 0; background-position: center; }
.seller-photo-uploader .photo-upload:hover .photo-upload-overlay { display:block; }
.seller-photo-uploader .photo-upload .photo-upload-overlay { text-align:center; width:127px; height:127px; display:none; padding:2.5em 1em; background-color:rgba(72,109,140,0.75); }
.seller-photo-uploader .photo-upload .removed-overlay { text-align:center; width:127px; height:127px; display:block; padding:2.5em 1em; background-color:rgba(209,209,209,0.75); }
.seller-photo-uploader .photo-upload .image-readd-overlay { text-align:center; width:127px; height:127px; display: none; padding:2.5em 1em; background-color:rgba(84, 209, 163, 0.75); }
.seller-photo-uploader .photo-upload .photo-upload-overlay i, .seller-photo-uploader .photo-upload .removed-overlay i, .seller-photo-uploader .photo-upload .image-readd-overlay i { display:block; font-size:2em; color:#FFF; margin-top:0.2em; }
.seller-photo-uploader .photo-upload .photo-upload-overlay span, .seller-photo-uploader .photo-upload .removed-overlay span, .seller-photo-uploader .photo-upload .image-readd-overlay span{ display:block; font-weight:bold; font-size:1.1em; color:#FFF; }

.bark-pie { z-index:1; background-color:#FFF; width:100px; height:100px; -moz-border-radius:100px; -webkit-border-radius:100px; border-radius:100px; position:relative; margin: auto; text-align: left; }
.bark-pie .clip1 { position:absolute; top:0; left:0; width:100px; height:100px; clip:rect(0px, 100px, 100px, 50px); }
.bark-pie .slice1 { position:absolute; width:100px; height:100px; clip:rect(0px, 50px, 100px, 0px); -moz-border-radius:50px; -webkit-border-radius:50px; border-radius:50px; background-color:#75d5a7; border-color:#75d5a7; -moz-transform:rotate(0); -webkit-transform:rotate(0); -o-transform:rotate(0); transform:rotate(0); }
.bark-pie .clip2 { position:absolute; top:0; left:0; width:100px; height:100px; clip:rect(0, 50px, 100px, 0px); }
.bark-pie .slice2 { position:absolute; width:100px; height:100px; clip:rect(0px, 100px, 100px, 50px); -moz-border-radius:50px; -webkit-border-radius:50px; border-radius:50px; background-color:#75d5a7; border-color:#75d5a7; -moz-transform:rotate(0); -webkit-transform:rotate(0); -o-transform:rotate(0); transform:rotate(0); }
.bark-pie .top-circle { background-color:#323a45; border-radius:50%; width:80%; height:80%; position:absolute; z-index:10; margin-left:10%; margin-top:10%; }
.bark-pie .top-circle span { color:#FFF; position:absolute; z-index:11; width:100%; height:auto; margin-top:33%; font-size:26px; line-height:1; text-align:center; }
.bark-pie .top-circle span i.smaller-grey { font-style:normal; font-size:50%; color:#9ea7b3; vertical-align: super; }
.bark-pie .top-circle span i.star-gold { font-style:normal; }
.pie-padding { padding:2em 0 2em 1em; }

.seller-profile-element .bark-pie { width:70px; height:70px; -moz-border-radius:70px; -webkit-border-radius:70px; border-radius:70px; margin-top: 1em; }
.seller-profile-element .bark-pie .clip1 { width:70px; height:70px; clip:rect(0px, 70px, 70px, 35px); }
.seller-profile-element .bark-pie .slice1 { width:70px; height:70px; clip:rect(0px, 35px, 70px, 0px); -moz-border-radius:35px; -webkit-border-radius:35px; border-radius:35px; }
.seller-profile-element .bark-pie .clip2 { width:70px; height:70px; clip:rect(0, 35px, 70px, 0px); }
.seller-profile-element .bark-pie .slice2 { width:70px; height:70px; clip:rect(0px, 70px, 70px, 35px); -moz-border-radius:35px; -webkit-border-radius:35px; border-radius:35px; }
.seller-profile-element .bark-pie .top-circle span { font-size:22px; }

.response-text { font-style:italic; padding:0.5em; }
.response-text.orange { color:#f07f4a; }

.combined_input { margin-top:1em; padding:0.15em; font-size:1rem; border:1px solid #ccd2dc; border-radius:0.3em; }
.combined_input input { font-size:1.1em; padding:0.5em 1em 0.3em 1em; border:0; display:block; width:calc(100% - 4.5em); }
.combined_input a.combined_button { color:#FFF; text-align:center; background-color:#cdd2d7; padding:0.5em 1.5em; font-weight:400; }

.bark-dash .card-information { padding:1em 1em 1.75em; border:1px solid #dde0e5; border-radius:4px; margin: 0; }
.bark-dash .card-information img { padding:0.9em 0 0 0; width: 4em; }
.bark-dash .card-information p.card-number { font-weight:700; color:#3a4449; font-size:1.2em; padding:1.2em 0 0 0; }
.bark-dash .card-information p.expiry { color:#CCC; font-size:1.2em; padding:1.2em 0 0 0; }
.bark-dash .card-information a { margin:1em 0 0 0; }

.bark-dash .column-left { width:17%; float:left; }
.bark-dash .column-right { width:80%; float:right; }
.bark-dash .timeline .circle-box { width:2.8%; }
.bark-dash .timeline .circle-box-big { width:3.9%; }
.bark-dash .timeline .bark-icon-check { width:3.9%; }

.status_new_icon .center { margin-left:-25%; }
.status_finding_icon .center { margin-left:-10%; }
.status_contacting_icon .center { margin-left:5%; }
.status_live_icon .center { margin-left:10%; }

table.default-table { border-radius: 4px; border-spacing: 0; border: 1px solid #dde0e5; }
table.default-table .table-top-left { border-radius: 4px 0 0 0; }
table.default-table .table-top-right { border-radius: 0 4px 0 0; }
table.default-table .table-bottom-left { border-radius: 0 0 4px 0; }
table.default-table .table-bottom-right { border-radius: 0 0 0 4px; }
table.default-table tr th { padding: 1em; background-color: #f9fafa; color: #697676; }
table.default-table td { border-radius: 4px; padding: 1em; color: #8e9f99; }
table.default-table td a { font-weight: 700; }
table.default-table td i { color: #67d6ae; }
table.default-table td b { color: #3a4449; }
table.default-table td.align-left, table.default-table th.align-left { text-align: left; }

.bark-dash .bark-dash-service-areas span.alerts-count { color: #53d1a3; }
.bark-dash .bark-dash-service-areas .seller-alert h2 { color: #4b627c; font-weight: 700; }
.bark-dash .bark-dash-service-areas .seller-alert span { color: #84a0b3; font-weight: 500; }
.bark-dash .bark-dash-service-areas .seller-alert i.bark-icon-cross-o { vertical-align: middle; }
.bark-dash .bark-dash-service-areas .seller-alert i.bark-icon-cross-o:hover { color: #84a0b3; }

.bark-dash .bark-set-national-container { border-radius: 0 0 4px 4px; border-top: 0; }
.bark-dash .bark-set-national-container .bark-toggle-nationwide-controls { border: 1px solid #dde0e5; background-color: #f8f9f9; padding: 1em; border-radius: 3px; margin: 2em 0 1em; }
.bark-dash .bark-set-national-container .bark-toggle-nationwide-controls .inline-switch-container { float: left; margin: 0 1em 0 0; }
.bark-dash .bark-set-national-container .bark-toggle-nationwide-controls .inline-switch-container input:checked+label { background-color: #3eaefc; }
.bark-dash .bark-set-national-container .bark-toggle-nationwide-controls .inline-switch-container label { margin: 0; background-color: #dfe3e3; }
.bark-dash .bark-set-national-container .bark-toggle-nationwide-controls .inline-switch-label { display: inline-block; font-size: 1.1em; margin: .3em 0 0; }

.bark-dash .bark-toggle-free-response { border: 1px solid #dde0e5; background-color: #f8f9f9; padding: 1em; border-radius: 3px; margin: 2em 0 1em; }
.bark-dash .bark-toggle-free-response .inline-switch-container { float: left; margin: 0 1em 0 0; }
.bark-dash .bark-toggle-free-response .inline-switch-container input:checked+label { background-color: #3eaefc; }
.bark-dash .bark-toggle-free-response .inline-switch-container label { margin: 0; background-color: #dfe3e3; }
.bark-dash .bark-toggle-free-response .inline-switch-label { display: inline-block; font-size: 1.1em; margin: 0; line-height: unset; }


.bark-dash button.suggested-category {font-family: 'Lato', sans-serif; background: #fff; border: 1px solid #55b8fc; color: #55b8fc; border-radius: 3px; margin: 0.25em; font-size: 1em; font-weight: 600; padding: 0.3em; cursor: pointer; text-align: left }
.bark-dash button.suggested-category:hover {background: #55b8fc; color: #fff;}

.change-alerts .dash-button.white:hover, .change-alerts .dash-button.white:focus {color: #ce4826 !important; /* Unavoidable !important because it's used everywhere this button is coloured */ }

.bark-dash .suggestions-label {width: 95px; float:left; margin-top: 5px; }
.bark-dash .suggested-categories {float:none; overflow: hidden}

/* Revised service areas  */


#service-area-videos.site-banner { background-color: #fff; display: inline-block; width: 100%; color: #fff; overflow: hidden }
.bark-dash #service-area-videos.site-banner h2 { color: #3a4449 }
#service-area-videos.site-banner p { margin-bottom: 0 }
#service-area-videos.site-banner .fade { color: #3a4449; }
#service-area-videos .center-align { display: flex; align-items: center }
#service-area-videos .bottom-align { display: flex; align-items: flex-end }

#service-area-videos.site-banner .video-player { cursor: pointer; width: 100%; }
#service-area-videos.site-banner .video-player .video-icon-background { position: absolute; left: 50%; transform: translateX(-50%); width: 52px; transition: width 0.1s }
#service-area-videos.site-banner .video-player:hover .video-icon-background { width: 62px }
#service-area-videos.site-banner .video-player .video-thumbnail { margin: auto; }

.video-player .video-icon { font-size: 1.5em; position: absolute; top:0; bottom: 0; right: 0; left: 0; text-align: center; padding-right: 1px; padding-bottom: 4px }
.video-player .video-icon i { width: 100% }

@media screen and (max-width: 63.9375em) {
    .video-player .video-icon { padding-right: 2px; padding-bottom: 5px }
}

#service-areas-dashboard-banner.site-banner .close {opacity: 0.5 }
#service-areas-dashboard-banner.site-banner .close:hover {opacity: 0.8 }

.site-banner { overflow: hidden; }
.site-banner .pull-banner-image-right {
    position: absolute;
    left: 322px;
    max-width: none;
}
.site-banner .pull-banner-image-right.us { left: 372px }

.service-areas-overview .content-padding-grey { padding-top: 0 }

#service-areas-dashboard-banner .close { margin-top: -5px }

#service-area-videos .close { margin-top: 0; right: 6px; top: 14px; height: auto; color: #aaa; width: 30px; padding: 0; text-align: right; transition: color 0.2s }
#service-area-videos .close:hover { color: #13202F }
#service-area-videos svg { position: absolute; right: 0; fill:#fff }
#service-area-videos a { color: inherit }
#service-area-videos .site-banner-msg { min-height: 100px }

#service-area-videos .video-thumbnail { border-radius: 0 4px 4px 0 }

.location-add-button { padding-top: 2.4em }

.service-area-banner { border: 1px solid #ccd2dc; border-radius: 3px; padding: 0 1rem 1rem; margin: 0 0 1em }
.service-area-banner .banner-controls { float: right; }
.service-area-banner .banner-controls .banner-control { margin-right: 30px; cursor: pointer }
.service-area-banner .banner-controls .banner-control.last { margin-right: 0; }
.service-area-banner .banner-controls i { margin-right: 5px; width: 15px; text-align: center }
.service-area-banner .banner-controls .banner-control.fade { color: #999EA0 }
.service-area-banner .banner-controls .banner-control.fade:hover { color: #3a4449 }
.service-area-banner .banner-title { font-size: 1.2em; display: block; overflow: hidden }
.service-area-banner .banner-title b { font-weight: 600; }

.service-area-banner .warning-message { color: #f84920 }
.service-area-banner .warning-message i[data-tooltip] { cursor: pointer; margin: 0 0 0 10px }

.service-area-banner .banner-control.show-map { width: 90px; display: inline-block }
.service-area-banner .banner-control.edit-location { width: 70px; display: inline-block }
.service-area-banner .banner-control.linked-locations { width: 140px; display: inline-block; margin-right: 10px; }

.suggest-improvements-cont { padding: 1.5em 1em; border-top: solid 1px #ccd2dc; border-bottom: solid 1px #ccd2dc; }
.suggest-improvements-cont p { margin: 0; font-weight: bold; font-size: 1.2em; }
.suggest-improvements-cont a { font-size: 1em; color: #55b8fc; text-decoration: underline; }

.bark-dash .service-area-banner .free-mark { font-size: 0.9em }

.service-area-detail-map {
    height: 400px;
}

#location-wizard .service-area-detail-map {
    height: 250px;
}

.service-area-map-container {
    position: relative;
}

.map-loading {
    position: absolute;
    right: 10px;
    top: 5px;
    font-size: 40px;
}


.service-area-location-form select { margin-bottom: 0 }

.service-area-location-form {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
}

.service-area-location-form .location-input-container {
    flex-grow: 1;
}

.flex-break {
    flex-basis: 100%;
    display: none
}

.service-area-location-form .location-input-group {
    float:right;
}

.service-area-location-form .dash-button {
    width: 100%;
    text-align: center;
}


.service-area-location-form .location-input-control {
    width: 150px;
    padding-left: 0.9375rem;
    flex: 0 0 150px;
}

.service-area-location-form .location-input-control.save-button {
    width: 160px;
    flex: 0 0 160px;
}
.service-area-location-form .location-input-control.travel-time-time {
    width: 190px;
    flex: 0 0 190px;
}

#creditPurchaseSuccessNew { width: 450px; }
#creditPurchaseSuccessNew .credit-success-modal-container { padding: 40px 55px; }
#creditPurchaseSuccessNew h4 { color: #07B764; font-family: Lato; font-size: 26px; font-weight: 500; line-height: 36px; }
#creditPurchaseSuccessNew .n-credits { margin: 20px 0 5px; color: #0A1248; font-size: 15px; font-weight: bold; line-height: 18px; }
#creditPurchaseSuccessNew .n-credits img { width: 22px; height: 22px; margin: 0 5px 0 0; vertical-align: bottom; }
#creditPurchaseSuccessNew .n-credits strong { font-size: 25px; }
#creditPurchaseSuccessNew p.t { color: #6D738F; font-family: Lato; font-size: 15px; line-height: 25px; text-align: center; margin: 0 0 40px; }
#creditPurchaseSuccessNew .credits-purchased-success-ok { width: 200px; font-weight: 500 !important /* DON'T BLAME ME!!! */; }
#creditPurchaseSuccessNew .dash-button { color: #FFF; font-size: 15px; line-height: 18px; background-color: #2D7AF1; font-weight: normal; }
#creditPurchaseSuccessNew .checkmark { margin: 0 auto 20px; width: 104px; height: 104px; border-radius: 50%; background-color: #40CB89; box-shadow: 0 6px 10px 0 #EDEFF7; }
#creditPurchaseSuccessNew .checkmark img { width: 39px; height: 28px; margin: 40px 0 0; }



#creditPurchaseSuccessNew.upgrade .credit-success-modal-container { padding: 15px 25px; }

.default-modal .inline-success-message { padding: 15px 25px; background-color: #07B764; text-align: center; }
.default-modal .inline-success-message .success-message { color: #fff; display: inline-block; font-weight: 700; padding: 0 }
.default-modal .inline-success-message .success-check {font-size: 22px; margin: 0 0.5em 0 0; color: #fff; }

.pack-upgrade { text-align: left }
.pack-upgrade .upgrade-body { padding-bottom: 15px }

.pack-upgrade h1 { padding: 0;color: #0A1248; }
.pack-upgrade p { margin: 0.5em 0 1em; color: #6C7191; }
.pack-upgrade .highlight { color: #07B764; }

.pack-upgrade.elite-pro .upgrade-title { margin-bottom: 15px; }

.pack-upgrade .upgrade-credits img { width: 22px; height: 22px; margin: 0 5px 0 0; vertical-align: text-bottom; }
.pack-upgrade .upgrade-credits { font-size: 15px; font-weight: bold; text-align: left; margin: 10px 0 }
.pack-upgrade .upgrade-credits .total-credits { font-size: 22px; }

.pack-upgrade .upgrade-price { font-size: 22px; font-weight: bold; text-align: right; margin: 10px 0 }
.pack-upgrade .upgrade-price .price-strikeout { font-size: 22px; font-weight: normal; color: #CED0DA; text-decoration: line-through; }
.pack-upgrade .upgrade-price .tax { font-size: 15px; color: #CED0DA; font-weight: normal; margin: 10px 0; }

.pack-upgrade .dash-button { padding: 0.7em 1em; width: 100%; font-weight: 700!important }
.pack-upgrade .dash-button.loading { opacity: 0.85 }

.pack-upgrade .upgrade-button .offer-decline { font-size: 1.1em; margin: 1em 0 0.5em; text-decoration: underline; color: #2D7AF1; background: none; text-align: center; cursor: pointer; }
.pack-upgrade .upgrade-button .offer-decline:hover { color: #4F99FE; }
.pack-upgrade .upgrade-button .offer-decline.loading, .pack-upgrade .upgrade-button .offer-decline.loading:hover { color: #CED0DA; }


.pack-upgrade .seller-profile-image img { height: 60px; width: 60px; margin:0}

.pack-upgrade .seller-profile-image-container { position:relative; float: left; height: 65px; width: 65px; text-align: center; margin-right: 10px }
.pack-upgrade .seller-profile-image { height: 65px; width: 65px; border-radius: 50%; overflow: hidden; box-shadow: 0 6px 10px 0 #EDEFF7; border: 3px solid #e4af0f;}
.pack-upgrade .elite-pro-badge { position: absolute; bottom: 0; left: 5px; text-align: center; border-radius: 3px; background-color: #e4af0f; box-shadow: 0 6px 10px 0 rgba(247,191,83,0.15); color: #FFFFFF; font-size: 11px; font-weight: bold; padding: 0 5px; display: inline-block; width: 55px;}


.pack-upgrade.elite-pro .upgrade-title h1 { overflow: hidden }


@media only screen and (max-width: 640px) {
    .pack-upgrade .upgrade-credits { text-align: center; }
    .pack-upgrade .upgrade-price { text-align: center; }
}

@media only screen and (min-width: 640px) and (max-width: 920px) {
    .flex-break:not(.hide) {
        display: block
    }
}

@media only screen and (min-width: 40.063em) and (max-width: 920px) {
    .service-area-location-form .location-input-control.travel-time-time,
    .service-area-location-form .location-input-control.radius-input,
    .service-area-location-form .location-input-control.travel-time-type {
        width: 25%;
        flex: 0 0 auto;
    }

    .service-area-location-form .location-input-control.save-button {
        width: 35%;
        flex: 0 0 auto;
    }

    .service-area-location-form .location-input-control.travel-time-time {
        padding-left: 0;
        width: 35%;
    }

}

@media only screen and (max-width: 40em) {

    .service-area-location-form {
        display: block;
    }

    .service-area-location-form .location-input-control,
    .service-area-location-form .location-input-control.travel-time-time {
        width: 100%;
        padding: 0;
    }
}

body.modal-open { overflow: hidden }
.reveal-modal.fixed-modal { overflow-y: auto; height: 100%; position: fixed; top: 0!important; width: 100%; max-width: none; background: transparent; box-shadow: none; border: none; margin: 0 }
.reveal-modal.fixed-modal .modal-content { width: 700px; margin: 20px auto; background: linear-gradient(#fdfdfd,#fafafa); background-color: #fafafa; box-shadow: 0 0 10px rgba(0,0,0,0.4); border-radius: 4px }

span.dash-button { cursor: pointer }

@media only screen and (max-width: 64.063em) {
    /* important required here as text-align uses important */
    .service-area-banner .banner-controls.medium-collapse .banner-control { display: block; margin-right: 0; width: 100%; text-align: right!important }
    .service-area-banner .banner-controls.medium-collapse .banner-control { margin-top: 0.5em; margin-bottom: 0.5em; }
    .service-area-banner .banner-controls.medium-collapse .banner-control:first-child { margin-top: 0 }
}

/* SMALL-MEDIUM SCREENS (max-width 840px) */
@media only screen and (max-width: 40em) {
    /* important required as text-right uses !important */
    .service-area-banner .banner-controls.left-on-mobile { float: left; text-align: left!important; }
    .service-area-banner .banner-controls.medium-collapse .banner-control { text-align: left!important }

    .service-area-banner .banner-controls.medium-collapse .banner-control:first-child { margin-top: 0.5em; }
    .service-area-banner .banner-controls.collapse .banner-control { margin-top: 0.5em; margin-bottom: 0.5em; display: block; }

    #question-filters.default-modal.reveal-modal { margin-top: 0 }

    #location-wizard .service-area-detail-map,
    .service-area-detail-map {
        height: 150px;
    }
    #location-wizard .service-area-map-container[data-area-type=draw] .service-area-detail-map {
        height: 300px;
    }
    .bark-dash .suggested-categories {
        overflow: visible;
    }
}


.service-area-banner .link, .bark-dash .link { text-decoration: underline; color: #55b8fc; cursor: pointer }
.bark-dash .semi-bold { font-weight: 600 }

.bark-dash .service-area-banner .service-area-detail-expanded { margin-top:1rem; }

.service-area-locations-new-container select,
.service-area-locations-new-container input { margin-bottom: 0 }

.service-area-locations-new-container .banner-controls { display: none; }

.bark-dash .explanation-text { color: #3a4449; text-align: center; background-color: #fff; padding: 0.5em 1em; margin-top: -1.5em; font-size: 1.2em; margin-bottom: 0; line-height: 1.4em }

.bark-dash .google-map-control-container { margin-left: 10px; box-shadow: rgba(0, 0, 0, 0.3) 0 1px 4px -1px; border-radius: 2px; overflow: hidden; }
.bark-dash .google-map-control-background { background-color: #fff; }

.bark-dash .google-map-control { cursor: pointer; text-align: center; color: #5B5B5B; font-family: Lato, Roboto, Arial, sans-serif; font-size: 13px; line-height: 18px; }
.bark-dash .google-map-control:hover { color: #2D2D2D; }

.bark-dash .service-area-detail-map .google-map-control-inner { padding: 10px; }

.bark-dash .google-map-control.button-control { background-color: #49CB99; font-size: 1rem; color: #fff; font-weight: 700 }
.bark-dash .google-map-control.button-control:hover { background-color: #53d1a3 }
.bark-dash .google-map-control.button-control.inactive { display: none }

.bark-dash .google-map-control.button-control i { margin-right: 1em }

.bark-dash .google-map-control.active,
.bark-dash .google-map-control.active:hover { color: #55b8fc }

.bark-dash .google-map-control.inactive,
.bark-dash .google-map-control.inactive:hover { color: #a5b5bd; cursor: default }

.bark-dash .google-map-control.status-bar { margin-top: 10px; font-size: 1.3em; padding: 0 0.8em; font-weight: 700; border-radius: 2px; cursor: default }
.bark-dash .google-map-control.status-bar:hover  { color: #5B5B5B }
.bark-dash .google-map-control.status-bar .link  { margin-left: 5px }
.bark-dash .google-map-control.status-bar .link:hover  { color: #0490f2 }

.bark-dash .google-map-divider { position: relative; overflow: hidden; width: 67%; height: 1px; left: 16%; background-color: rgb(230, 230, 230); top: 0; }

.bark-dash .option-divider { width: auto; padding-left: 0; }
.bark-dash .option-divider .divider { padding-left: 1em; color: rgb(164,169,174) }


.change-alerts .bark-dash .dash-button { margin-bottom: 1em }

.fa.hide { display: none; }

.service-area-locations-new-container .service-area-banner { border: none; padding-bottom: 0 }
.service-area-locations-new-container .service-area-banner .banner-main { display: none }
.service-area-locations-new-container .service-area-banner .service-area-detail-expanded { border : none; padding-top: 0; margin-top: 0 }

#question-filters .question-title { font-size: 1.2em; font-weight: 600; }
#question-filters.fixed-modal { margin-top: 0 }
#question-filters h2 { font-size: 1.8em; padding: 0.5em 1em; margin: 0; }

.question-filter-heading .banner-controls { width: 60px; margin-top: 0; margin-right: 1em }
.question-filter-heading .banner-controls .banner-control { margin-right: 0 }
.question-filter-heading .banner-title { display: block}
.question-filter-heading .subtitle { color: #777 }

#link-categories .modal-content { max-width: 45em }
#link-categories h2 { font-size: 1.8em; padding: 0.5em 1em; margin: 0 }

.error-text { color: #f84920; background-color: #ffbbab; border-color: #ebccd1; padding: 15px; border-radius: 4px; }

.seller-service-areas-warning {color: #f84920; background-color: #ffbbab; padding: 1.8em 2em 2em 2em; font-size: 1.1em; font-weight: bold }

#question-filters .error-text { display: none; margin: 10px 0 0; }
#question-filters .nothing-selected { border: 3px solid #ebccd1; }
#question-filters .nothing-selected .error-text { display: block; }

#question-filters .answer-preview .icon { width: 15px; display: inline-block; text-align: center }
#question-filters .answer-preview .icon .fa-check { color: #53d1a3 }
#question-filters .answer-preview .icon .fa-times { color: #f84920; position: static; }

.bold { font-weight: bold; }

/* Revised service areas  */


.checkbox-list { box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.1); }
.checkbox-list .checkbox-item { cursor: pointer; }
.checkbox-list .checkbox-item label { cursor: pointer; position: relative; background-color: #FFF; display: block; padding: 1em 1em 1em 3em; width: 100%; margin: 0; border-top: solid 1px #F0F0F0; transition: background-color .2s; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none }
.checkbox-list .checkbox-item label:before { content: ""; width: 19px; height: 19px; position: absolute; left: 12px; top: 15px; border-radius: 4px; border: 1px solid #c9cfd5; background-color: #fff; }
.checkbox-list .checkbox-item label:hover { background-color: #F0F0F0; }
.checkbox-list .checkbox-item label.other:before { top: 9px; }
.checkbox-list .checkbox-item input[type=checkbox] { display: none; }

.checkbox-list .checkbox-item input[type=checkbox]:indeterminate + label:before,
.checkbox-list .checkbox-item input.indeterminate[type=checkbox] + label:before,
.checkbox-list .checkbox-item input[type=checkbox]:checked + label:before { background-color: #4CA9F8; border: 1px solid #4CA9F8; }

.checkbox-list .checkbox-item input[type=checkbox]:checked + label:after { content: ''; width: 13px; height: 8px; position: absolute; top: 19px; left: 15px; border: 3px solid #fcfff4; border-top: none; border-right: none; background: transparent; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); }
.checkbox-list .checkbox-item input[type=checkbox]:checked + label.other:after { top: 13px; }

.checkbox-list .checkbox-item input[type=checkbox]:indeterminate + label:after,
.checkbox-list .checkbox-item input.indeterminate[type=checkbox] + label:after {
    content: '';
    position: absolute;
    background: transparent;
    border: 3px solid #fcfff4;
    border-top: none;
    border-right: none;
    border-left: none;
    width: 9px; height: 8px; top: 18px; left: 17px; ;
}

.checkbox-list .checkbox-item label.custom-icon:before { display: none }
.checkbox-list .checkbox-item label.custom-icon { padding-left: 12px }
.checkbox-list .checkbox-item label.custom-icon i { margin-right: 10px; width: 19px; text-align: center }

.checkbox-list.checkbox-header {box-shadow: none}
.checkbox-list.checkbox-header .checkbox-item {background-color: transparent}
.checkbox-list.checkbox-header .checkbox-item label {background-color: transparent; border-top:none}

.bark-dash h2.bark-credits-balance img { vertical-align: bottom; margin-right: 0.5em; }
.bark-dash h2.bark-credits-balance span { color: #FA9750; font-weight: 700; }
.bark-dash h2.bark-credits-balance span.lowcredit, span.response-modal-credit-balance-text { color: #EF6277;}
.bark-dash .credit-package-container .credit-package { margin: 4em 0 3em; }
.bark-dash .credit-package-container  {  }



.bark-dash .subscription-payment-heading h2 span { color:#e4af0f; font-weight:700; }
.bark-dash .subscription-payment-heading h2 { margin-bottom: 10px; }

.seller-response-modal .credit-package .thecredits img {height: inherit!important; margin:0 !important;}
.seller-response-modal .credit-package .thecredits img {height: inherit!important; margin:0 !important;}
.seller-response-modal .credit-package-container.credit-package-middle .credit-package {    margin-top: -3em;}
.seller-response-modal .packs-container { width:100%; margin-top: 40px;}
.seller-response-modal .footer-credits p{ font-size: 1em; text-align: center; margin-bottom: 0;}

.packs-container {width:88%;  margin-top: 28px;}
.sellers .credit-package-container .credit-package button { padding: 1em 1.3em;}
.credit-package-container .credit-package .thecredits { overflow: auto; }
.credit-package-container .credit-package { border: 1px solid #dde1e6; border-radius: 4px; padding: 1em; position: relative; text-align: center; background-color: #fff; }
.credit-package-container .credit-package img { }
.credit-package-container .credit-package .num-responses { margin-top: 6px; color: #9CA0B6;  }
.credit-package-container .credit-package h2 { color: #0A1248; margin: 0.5em 0 0; font-weight: 700;     font-size: 1.6em; }
.credit-package-container .credit-package h2 span {      font-size: 0.66em; }
.credit-package-container .credit-package hr { border: 1px solid #f8f8f8; margin: 1.5em auto 1em auto !important; }
.credit-package-container .credit-package ul { list-style: none; list-style-position: inside; margin: 0 auto; margin-bottom: 2em;  }
.credit-package-container .credit-package ul li { font-weight: 700; color: #dee4e9; }
.credit-package-container .credit-package ul li span { color: #293b47; }
.credit-package-container .credit-package ul li span.has-tip { border-bottom: 0; text-decoration: none; color: #59b3ed; }
.credit-package-container .credit-package button {width: 96%; margin-top: 12px;margin-bottom: 1em !important; }
.credit-package-container .credit-package .most-popular { margin: 0.5em 0 0; font-size: 1em; color: #2D7AF1; font-weight: 700; }
.credit-package-container .credit-package .credit-package-discount { position: absolute; top: -12px; width: 100%; left: 0; }
.credit-package-container .credit-package .credit-package-discount span { background-color: #2D7AF1; color: #fff; padding: 6px 18px; border-radius: 24px; font-weight: 700; font-size: 0.9em; }
.credit-package-container .credit-package .credit-package-price p { display: inline-block; font-size: 1.6em; font-weight: 700;   margin: 0; color: #0A1248; }
.credit-package-container .credit-package .credit-package-price .credit-package-currency { vertical-align: top; font-size: .9em; line-height: 2.1; color: #728998; }
.credit-package-container .credit-package .credit-package-price .credit-package-pence { font-size: 0.6em; }
.credit-package-container .credit-package .credit-package-price .credit-package-pence span { color: #728998; font-weight: 300; }
.credit-package-container .credit-package .price-per-credit { font-size: 1.05em; line-height: 1; margin-bottom: 1em !important; color: #9CA0B6; white-space: normal; }
.credit-package-container.credit-package-left {  }
.credit-package-container.credit-package-left .credit-package { border-radius: 4px  }
.credit-package-container.credit-package-middle { padding: 0; }
.credit-package-container.credit-package-middle .credit-package { margin-top: 1.9em; }
.credit-package-container.credit-package-right { padding-left: 0; }
.credit-package-container.credit-package-right .credit-package { border-left: 0; border-radius: 0 3px 3px 0; }
.credit-package-container.credit-package-right .credit-package .credit-package-discount span { background-color: #59b3ed; }

#buy-credit-pack.reveal-modal p { display: block; }

#buy-credit-pack.reveal-modal { background: #FFF; }
#buy-credit-pack.reveal-modal .inline-bark-border { height: 3px; }
#buy-credit-pack.reveal-modal h1 { color: #0A1248; font-size: 26px; }
#buy-credit-pack.reveal-modal .discounted-credit-packs { margin: 1em 0 2em; }
#buy-credit-pack.reveal-modal .credit-package-container .credit-package { box-shadow: 0 5px 7px 0 rgba(0,0,0,0.02); }
#buy-credit-pack.reveal-modal .credit-package-container .credit-package:hover { box-shadow: 0 10px 10px 5px rgba(0,0,0,0.06); }
#buy-credit-pack.reveal-modal .credit-package-container .credit-package h2 { margin: .4em 0 0; }
#buy-credit-pack.reveal-modal .credit-package-container .credit-package h2 img { vertical-align: text-bottom; margin: 0; }
#buy-credit-pack.reveal-modal .credit-package-container .credit-package h2 span { font-size: 0.66em; }
#buy-credit-pack.reveal-modal .credit-package-container .credit-package h2 span.js-n-credits { font-size: 1em; }
#buy-credit-pack.reveal-modal .credit-package-container .credit-package .price-per-credit { color: #6D738F; margin-bottom: .7em !important /* I HAD NO CHOICE - BLAME THE ORIGINAL */; }
#buy-credit-pack.reveal-modal .credit-package-container .credit-package .credit-pack-orig-price { color: #9CA0B6; }

#buy-credit-pack.reveal-modal .mbg-notice { display: none; }
#buy-credit-pack.reveal-modal .starter-package { max-width: 560px; border: none; margin: 0 auto; box-shadow: none; background: transparent; display: none; }
#buy-credit-pack.reveal-modal .starter-package .badgesection { position: relative; }

#buy-credit-pack.reveal-modal .credit-package .extra-free { color:#2e79f2; font-size: 15px; margin: 5px 0 0; }
#buy-credit-pack.reveal-modal .credit-package .ex-vat { font-size: 1.05em; color: #9CA0B6; line-height: 1; font-weight: normal; margin: .1em 0 1em; }
#buy-credit-pack.reveal-modal .credit-package .credit-package-price .credit-package-currency { vertical-align: inherit; font-size: inherit; line-height: inherit; color: inherit; }

#buy-credit-pack.reveal-modal.has-starter-pack .credit-package-container { padding-bottom: 0; }
#buy-credit-pack.reveal-modal.has-starter-pack .starter-package { display: block; }
#buy-credit-pack.reveal-modal.has-starter-pack .starter-package .mback { float: none; }
#buy-credit-pack.reveal-modal.has-starter-pack .starter-package img { height: auto; }
#buy-credit-pack.reveal-modal.has-starter-pack .starter-package img.desktop-badge { top: -8px; left: 40px; }
#buy-credit-pack.reveal-modal.has-starter-pack .mbg-notice { display: block; margin: 0; font-weight: 700; color: #D89428; font-size: .95em; padding: 0; }

.credit-package-container.credit-package-small-container .credit-package img { margin: 1em 0 0; height: 2em;  }
.credit-package-container.credit-package-small-container .credit-package h2 { margin: 0.5em 0 0; font-size: 1.4em; }
.credit-package-container.credit-package-small-container .credit-package hr { margin: 1em auto 0.5em auto !important; }
.credit-package-container.credit-package-small-container.credit-package-left { margin-left: 12.5% !important; }

.credit-package-container .flash-sale-strikethrough { text-decoration: line-through; }
.credit-package-container .credit-package .credit-package-discount span .flash-sale-strikethrough { font-size: 1em; opacity: 0.75; }
.credit-package-container .credit-package .credit-package-price p.flash-sale-strikethrough { opacity: 0.5; margin-right: 0.25em; }
.credit-package-container .credit-package .price-per-credit .flash-sale-strikethrough { opacity: 0.5; margin-right: 0.5em; }
.credit-package-container .credit-package .credit-package-price .credit-package-currency.flash-sale-strikethrough { opacity: 0.5; }
.credit-package-container .credit-package .most-popular.flash-offer-banner { background-color: #59d0a4; color: #fff; margin: 1em -1.15em 0; font-size: 1em; padding: 0; }
.credit-package-container.credit-package-left .most-popular.flash-offer-banner, .credit-package-container.credit-package-right .most-popular.flash-offer-banner { margin: 1.5em -1em 0; }
.credit-package-container.credit-package-left .most-popular.flash-offer-banner { background-color: #728998; }
.credit-package-container.credit-package-right .most-popular.flash-offer-banner { background-color: #59b3ed; }

.slimline .credit-package-container.banner-container .credit-package { margin: 1em 0 3em; }
.credit-package-container.highlight .credit-package .credit-package-discount span { background-color: #2D7AF1; }
.credit-package-container.highlight .credit-package { border: 2px solid #2D7AF1; transition: box-shadow .4s; }
.credit-package-container.banner-container .credit-package { margin: 2em 0 0; }
.credit-package-container.banner-container .credit-package-price { margin-top: 20px; }

.credit-package-container .credit-package { transition: box-shadow .4s; }
.credit-package-container .credit-package:hover { box-shadow: 0 10px 10px 5px rgba(0,0,0,0.06); }
.credit-package-container.highlight .credit-package:hover { box-shadow: 0 10px 10px 5px rgba(0,0,0,0.08); }

.credit-package-container.banner-container .offer-text h4 { color: #3a4449; font-size: 1.2em; }
.credit-package-container.banner-container .offer-text { color: #a5b5bd; }

.credit-package-container p.offer-expires { line-height: 1.5em;font-size: 0.9em;white-space: inherit;color: #ce4826; }
.credit-package-container.banner-container .margin-top-25 { margin-top:25px; }
.credit-package-container.banner-container .offer-button { margin-top:10px; }
.credit-package-container.banner-container .offer-banner { font-size: 1.2em; margin: 0.5em 0 1em; color: #f18a36; font-weight: 700; }
.credit-package-container.banner-container .tick-animation svg { width: 80px; height: 80px; margin: 0 auto 1.5em; display: block; }

.seller-response-modal-packs .credit-package-container.banner-container { width:100%; padding: 0 .5rem 0; }


#buy-credit-pack { width: 70%; }
#buy-credit-pack .credit-package-container { padding: 0.9375rem; display: inline-block; }
#buy-credit-pack .credit-package-container .credit-package { border: 1px solid #dde1e6; border-radius: 3px; }
#buy-credit-pack .credit-package-container .credit-package .credit-package-price p { padding: 0; }
#buy-credit-pack .credit-package-container .credit-package .credit-package-price p .ex-vat { font-size: 0.5em; line-height: 1; margin-bottom: 2em !important; color: #a5b5bd; vertical-align: super; }
#buy-credit-pack .credit-package-container .credit-package .price-per-credit { padding: 0; margin: 0 !important; }
#buy-credit-pack .credit-package-container .credit-package img { margin: 1em 0 0; }
#buy-credit-pack .credit-package-container .credit-package hr { margin: .5em auto; }
#buy-credit-pack .original-container { display: none; }

#buy-credit-pack.reveal-modal .credit-package-container .credit-package img { margin: 1em 0 0; height: auto; }

.dashboard-save-sect { width: 100%; padding: 1.2em; background-color: #fff; left: 0; text-align: center; box-shadow: 0px -1px 1px 0px rgba(0,0,0,0.15); }
form.dashboard-edit-form { margin-bottom: 0; }
.dashboard-save-sect .dash-button { display: inline-block; }
.dashboard-save-sect .dash-button.white:hover { color: #DDD !important; /*@TODO Remove !important - bad practise*/ }
.dashboard-save-sect .dash-button.action:hover { background-color: #55b8fc; opacity: 0.9; }


/* ========= DASHBOARD 2016 ========= */

/*body {padding: 0;}*/
.header-background {display: none;}
body.home .contain-to-grid { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; }
.contain-to-grid {padding: 1em 0 0; margin: 0; top: 0; background: #fff; height: auto; z-index: 99; position: fixed; top: 0; width: 100%; -webkit-box-shadow: 0px 1px 1px 0px rgba(0,0,0,0.15); -moz-box-shadow: 0px 1px 1px 0px rgba(0,0,0,0.15); box-shadow: 0px 1px 1px 0px rgba(0,0,0,0.15);}
/*.dashboard-page {margin: 8em 0 0;}*/
.dashboard-page, .find-work #wrap.dashboard-page {margin: 2em 0 0;}
.contain-to-grid .fa-angle-down {font-size: 1.3em; margin: 0 0 0 0.5em;}
#seller-options {padding-right: 0 !important; /* !important should not be used but foundation has applied it to all a tags in the same scope as this item :@ */}
#seller-options-dropdown {right: 0;}
.dash-top-header {min-height: 57px; /* Required to stop the page jumping when the Bark logo gets loaded */}
.header-v2.dash-top-header { min-height: auto; }

.request-qa-container {height: 0;overflow: hidden;padding: 0 1.5em;border-top: solid 0px #eaeff1;-webkit-transition: all 0.4s cubic-bezier(0, 0.7, 0.2, 0.8);-moz-transition: all 0.4s cubic-bezier(0, 0.7, 0.2, 0.8);transition: all 0.4s cubic-bezier(0, 0.7, 0.2, 0.8);}
.request-qa-container.open {border-top: solid thin #eaeff1; height: 300px; overflow: auto; -webkit-overflow-scrolling: touch; }
.request-qa-container.open::-webkit-scrollbar { -webkit-appearance: none; width: 12px; height: 18px; background-color: #eee; }
.request-qa-container.open::-webkit-scrollbar-thumb { height: 6px; border: 3px solid rgba(0, 0, 0, 0); background-clip: padding-box; -webkit-border-radius: 7px; background-color: #3A4449; -webkit-box-shadow: inset -1px -1px 0px rgba(0, 0, 0, 0.05), inset 1px 1px 0px rgba(0, 0, 0, 0.05); }
.request-qa-container.open::-webkit-scrollbar-button { width: 0; height: 0; display: none; }
.request-qa-container.open::-webkit-scrollbar-corner { background-color: transparent; }
.request-qa { padding: 1em 0; }
.bark-single-project .request-qa .question { color: #75868e; }
.bark-single-project .request-qa .answer { color: #3a4449; }

.show-bark-info { text-align: center; font-weight: bold; font-size: 1.1em; text-decoration: underline; border-top: solid 1px #ececec; padding: 0.5em 0; background-color: #f5f9fc; color: #a7b7bd; cursor: pointer; overflow: hidden; border-radius: 0 0 4px 4px; }

.bark-single-project { border-radius: 4px; border: solid 1px #ececec; margin: 0 0 2em !important; background-color: #FFF; }
.bark-single-project .main-section { padding: 0.875rem; font-size: 0; }

.bark-single-project .seller-dashboard-seller-suggest { width: 100%; text-align: center; background-color: #dff0d8; color: #3C7638; border-bottom: 1px solid #d6e9c6; padding: 0.25em 1em; font-weight: 700; }
.bark-single-project .seller-dashboard-seller-suggest i { margin-right: 0.5em; }

.bark-single-project .request-info-header { padding: 1em 0; }
.bark-single-project .request-info-header > span > span { background-color: #e8c84f; padding: 0 1em 0 2em; color: #FFF; position: relative; line-height: 2em; display: inline-block; left: -20px; z-index: 1; font-style: italic; border-radius: 0 2px 2px 0; }
.bark-single-project .request-info-header > span > img { position: relative; z-index: 2; height: 2.25em; width: auto; top: -2px; }
.bark-single-project .request-info-header .fa { font-family: FontAwesome; }
.bark-single-project .request-info-header .fa.fa-chain { display: inline-block; padding: 0.5em 0; font-size: 1.1em; }
.bark-single-project .request-info-header .fa.fa-chain > span { margin: 0 0 0 0.5em; text-decoration: underline; }

.bark-single-project .main-item { display: inline-block; width: 20%; vertical-align: top; padding: 5px 0; font-size: 0.9625rem; }
.bark-single-project .main-item-30 { width: 30%; }
.bark-single-project .main-item-25 { width: 25%; }
.bark-single-project .main-item-15 { width: 15%; }
.bark-single-project .main-item p { word-break: break-word; }
.bark-single-project .main-item p, .bark-single-project .main-item span { padding: 0 0.5em; position: relative; line-height: 1.6; display: block; font-size: 1em; }
.bark-single-project .main-item p { color: #75868e; }
.bark-single-project .main-item span { color: #3a4449; }
.bark-single-project .main-item span.clearance { color: green; font-weight: 700; }
.bark-single-project .main-item span.clearance del { color: #3a4449; font-weight: 500; }
.bark-single-project .main-item span.pricing-value { padding: 0; color: inherit; display: inline-block; }
.bark-single-project .main-item span del { opacity: 0.3; }
.bark-single-project .main-item .item-category-name { padding: 0; color: #3a4449; font-weight: 700; }
.bark-single-project .main-item span.item-response-type-icon {display: inline-block; padding:0; font-size: 11px; margin-right: 8px;}
.bark-single-project .main-item span.bolticon {font-size: 13px  }

span.match-bolt-img {
    position: relative;
    top: -3px;
    margin-right: 2px;
}
span.match-bolt-img img {
    height:20px;
}

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    /* Fix chrome specific issue on retina displays (not just webkit) */
    body:nth-of-type(1) .bark-single-project .main-item span.item-response-type-icon { font-size: 14px; margin-right: 4px; }
}

.bark-single-project .main-item .item-who-where { padding: 0 0 0 1.5em; }
.bark-single-project .main-item .contact-btn { background-color: #54d1a3; font-size: 1em; font-weight: normal; color: #FFF; padding: 0.5em 1em; margin: 0; border-radius: 3px; font-family: 'Lato', sans-serif; display: inline-block; cursor: pointer; font-weight: 700; }
.bark-single-project .main-item .contact-btn i { margin: 0.4em 0 0 0.5em; font-size: 0.9em; float: right; }
.bark-single-project .main-item:last-child { text-align: right; position: relative; }
.bark-single-project .main-item.needs-list span { width: 100%; line-height: 1.6em; display: block; }
.bark-single-project .main-item .not-interested-reveal { color: #e97047; text-decoration: underline; display: inline-block; margin: 0.5em 0 0; text-align: right; padding: 0; cursor: pointer; }
.bark-single-project .main-item.buttons { position: relative; }



.bark-single-project .response-highlight { text-align: center; margin: 1rem -0.875rem -0.875rem -0.875rem; padding: 0.5em 0.875rem; font-size: 0.95rem;}
.bark-single-project .response-highlight i { margin-right: 0.5em; }

.bark-single-project .seller-shortlist-text { color: #3eaefc; background-color: rgb(210,239,254); }


.bark-single-project .main-item.buttons span { display: inline-block; }
.bark-single-project .main-item.buttons .contact-btn span { color: #fff; padding: 0; }
.bark-single-project .main-item.buttons .contact-options { list-style: none; border-radius: 3px; box-shadow: 0px 1px 5px -1px #333; position: absolute; background-color: #FFF; z-index: 2; right: 0; font-size: 1em; text-transform: none; margin: 1em 0 0; width: 20em; }
.bark-single-project .main-item.buttons .contact-options li a { padding: 0.6em 1em; display: block; text-align: left; color: #75868e; border-bottom: 1px solid #ececec; }
.bark-single-project .main-item.buttons .contact-options li:last-child a { border-bottom: 0; }
.bark-single-project .main-item.buttons .contact-options li a:hover { background-color: #f5f9fc; }
.bark-single-project .main-item.buttons .contact-options li a p { color: #3A4449; padding: 0; white-space: normal; }
.bark-single-project .main-item.buttons .contact-options li a p i { float: none; margin: 0 0.5em 0 0; }
.bark-single-project .main-item.buttons .contact-options li a span { color: #3A4449; opacity: 0.5; line-height: 1.4; }
.bark-single-project .main-item.buttons .contact-options li a p span { margin: 0 0.5em; }

.bark-dash .seller-bark.bark-single-project p { white-space: normal; }

.bark-single-project .item-who-where span { color: #585550; padding: 0; display: inline; }

.item-who-where:before { display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; position: absolute; left: 2px; top: 5px; color: #3a4449; font-size: 1.1em; content: "\f041"; }


.seller-admin-menu-top .seller-menu-highlight-container { position: relative }
.seller-admin-menu-top .seller-menu-highlight-text { position: absolute; top: -1px; right: -6px; font-size: 11px; padding: 3px 4px; color: #53d1a3; border-radius: 3px; line-height: 1em; font-weight: 900 }

.seller-admin-menu-top ul { list-style: none; margin: 0 auto; padding: 0; font-size: 1em; display: inline-block; float: left; }
.seller-admin-menu-top ul li { display: inline-block; text-align: center; }
.seller-admin-menu-top .seller-top-menu-icon { display: none; }
.seller-admin-menu-top { border-top: solid 1px #ececec; white-space: nowrap; }
div.pro-center a { color: #51acf8 !important; }

/* '#header' required to override styles in bark-v10.css (#header a) */
#header .seller-admin-menu-top a { position: relative; padding: 1em 0.35em 0.75em; display: block; color: #75868e; border-bottom: solid 0px #FFF; -webkit-transition: border 0.2s; -mox-transition: border 0.2s; transition: border 0.2s; font-size: 1em; }
#header .seller-admin-menu-top a:hover { color: #3a4449; }
#header .seller-admin-menu-top a.active { border-bottom: solid 0.25em #3a4449; color: #3a4449; font-weight: 700; }
#header .seller-admin-menu-top a.left-separator { position: relative; }
#header .seller-admin-menu-top a.left-separator:before { content: ''; border-left: solid 2px #F3F3F6; height: 20px; position: absolute; top: 15px; left: -2px; }

.discount-banner { text-align: center; border-radius: 4px; margin: 1.75em 0 -2em; padding: 1em 3em; background: rgba(156,220,156,1); background: -moz-linear-gradient(bottom, rgba(156,220,156,1) 0%, rgba(86,207,175,1) 100%); background: -webkit-gradient(bottom, top, color-stop(0%, rgba(156,220,156,1)), color-stop(100%, rgba(86,207,175,1))); background: -webkit-linear-gradient(top, rgba(156,220,156,1) 0%, rgba(86,207,175,1) 100%); background: -o-linear-gradient(bottom, rgba(156,220,156,1) 0%, rgba(86,207,175,1) 100%); background: -ms-linear-gradient(bottom, rgba(156,220,156,1) 0%, rgba(86,207,175,1) 100%); background: linear-gradient(to bottom, rgba(156,220,156,1) 0%, rgba(86,207,175,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9cdc9c', endColorstr='#56cfaf', GradientType=1 ); }
.discount-banner p { margin: 0; color: #fff; font-size: 1.2em; }
.discount-banner p a { text-decoration: underline; color: #fff; font-weight: 700; }

.bark-dash .left-menu { background-color:#FFF; border-radius:0.3em; border:1px solid #dde0e5; list-style:none; margin:0; margin-top:2.6em; }
.bark-dash .left-menu li { border-top:1px solid #dde0e5; display:block; }
.bark-dash .left-menu li a { display:block; padding:0.7em; color:#c0cec9; font-weight:400; }
.bark-dash .left-menu li a span { display:inline-block; font-size:1em; margin-top:-0.2em; font-weight:400; }
.bark-dash .left-menu li a img { width: 1.8em; opacity: .5; vertical-align: sub; margin: 0 0.4em 0 0.3em; }
.bark-dash .left-menu li a i { font-size:1.2em; width:1.7em; display:inline-block; margin:0.2em 0 0 0.5em; }
.bark-dash .left-menu li a .bark-coins-nav { background: url('https://d1w7gvu0kpf6fl.cloudfront.net/img/bark-coins-2.png') no-repeat 0 0;; }
.bark-dash .left-menu li.highlight a span { color:#3a4449; font-weight:bold; }
.bark-dash .left-menu li.highlight a img { opacity: 1; }
.bark-dash .left-menu li.highlight a i { color:#53d1a3; }
.bark-dash .left-menu li:not(.highlight):hover a span { color:#3a4449; }
.bark-dash .left-menu li:not(.highlight):hover a i { color:#3a4449; }
.bark-dash .left-menu li:not(.highlight):hover a img { opacity: 1; }

.bark-dash .left-menu.award-certificate-menu { margin-top: 1em; border: 1px solid #eec24d; margin: 2em 0; border-radius: 3px; }
.bark-dash .left-menu.award-certificate-menu li { border-top: 1px solid #eec24d; }
.bark-dash .left-menu.award-certificate-menu li a { color: #eec24d; padding: 0.7em 0; text-align: center; }
.bark-dash .left-menu.award-certificate-menu li a i { margin: 0.2em 0 0; vertical-align: top; }
.bark-dash .left-menu.award-certificate-menu li:not(.highlight):hover a span { color:#1e2b39; }
.bark-dash .left-menu.award-certificate-menu li:not(.highlight):hover a i { color:#1e2b39; }
.bark-dash .left-menu.award-certificate-menu li span { width: auto; }
.bark-dash .left-menu.award-certificate-menu .awards-menu-badge { background-color: #eec24d; text-align: center; padding: 1em 0; }
.bark-dash .left-menu.award-certificate-menu .awards-menu-badge h4 { font-size: 1.2em; margin: 0 0 1em; font-weight: 700; }
.bark-dash .left-menu.award-certificate-menu .awards-menu-badge img.awards-menu-logo { width: 3em; margin: 0.3em 0.3em 0; }
.bark-dash .left-menu.award-certificate-menu .awards-menu-badge img.awards-menu-crest { width: 1.5em; vertical-align: top; }
.bark-dash .left-menu.award-certificate-menu .awards-menu-badge p { margin: 0; font-size: 1em; font-style: italic; font-weight: 700; }
.bark-dash .left-menu.award-certificate-menu .awards-menu-badge .awards-menu-year { font-size: 0.8em; color: #fff; }
.bark-dash .left-menu.award-certificate-menu .awards-menu-badge .awards-menu-year p { display: inline-block; font-style: normal; }
.top-bar-section li:not(.has-form) a.seller-notification { line-height: 47px; }

.buyers.settings .dashboard-page, .find-work #wrap {margin: -1em 0 0;}
.sellers.settings .dash-container-resp {margin: 0 0 4em;}
.content-padding + .content-padding {border-top: none;}
.controls.large-12.medium-12.columns {margin: 0 0 1em;}
#sml-success .dash-button.green { color: #FFF; }
.find-work .contain-to-grid { padding: 1em 0; margin: 0; }
.find-work.seller-logged-in .contain-to-grid { padding: 1em 0 0; }
.find-work #wrap {padding: 2em 0 0;margin: 2em 0 0;}
.buyer-logged-in.find-work #wrap {padding: 0;margin: 0;}
.seller-logged-in.fi d-work #wrap.dashboard-page { margin: 3em 0 0;  }
#buyer-options { padding-right: 0 !important; }
.seller-logged-in.en.company #wrap.dashboard-page .container { background-color: #FFF; }
.seller-logged-in.about .container, .seller-logged-in.team .container, .seller-logged-in.jobs .container,
    .seller-logged-in.affiliates .container, .seller-logged-in.terms .container, .seller-logged-in.privacy .container,
    .seller-logged-in.pro_centre .container, .seller-logged-in.how-it-works .container,
    .seller-logged-in.sellers.pricing .container, .seller-logged-in.en.gb .container { background-color: #FFF; }

/* ========= Service Areas 2016 ========= */
.bark-dash .content-padding.travel-opts-header { border-top: none; }

.bark-dash .buyer-barks .services-row-wrap { border: 1px solid #dde0e5; border-radius: 2px; padding: 0.9rem 1.8rem; position: relative; margin-bottom: 1rem; font-size: 0; /*remove spacing between block level elements with font-size 0*/ }
.bark-dash .buyer-barks .services-row-wrap p { color: #45423c; font-weight: normal; margin: 0; display: inline-block; width: 70%; width: calc(100% - 200px); font-size: 15.4px; vertical-align: top; }
.bark-dash .buyer-barks .services-row-wrap p > .fa-chevron-right { font-size: 0.5em; margin: 0 0.8em; vertical-align: middle; }
.bark-dash .buyer-barks .services-row-wrap p span { text-decoration: underline; color: #3eaefc; margin: 0 1em; cursor: pointer; }
.bark-dash .buyer-barks .services-row-wrap .service-area-wrap-options { display: inline-block; top: 1em; font-size: 15.4px; width: 30%; width: calc(200px - 0px); text-align: right; vertical-align: top; }
.bark-dash .buyer-barks .services-row-wrap .service-area-wrap-options span { text-decoration: underline; color: #3eaefc; margin: 0 1em; cursor: pointer; }
.bark-dash .buyer-barks .services-row-wrap .service-area-wrap-options i { cursor: pointer; }
.bark-dash .buyer-barks .service-areas-more { background-color: #f2f9ff; padding: 1em; margin: 1em 0; border-radius: 2px; font-size: 0.9rem; }
.bark-dash .buyer-barks .service-areas-more > .column { margin: 0.5em 0; }
.bark-dash .buyer-barks .service-areas-more > .column > label { color: #45423c; }
.bark-dash .buyer-barks .service-areas-more > .column > label { cursor: pointer; position: relative; padding-left: 2.25em; line-height: 20px; }
.bark-dash .buyer-barks .service-areas-more > .column > label > .category-name { margin: 0 .5em 0 0; }
.bark-dash .free-mark,
.bark-dash .buyer-barks .service-areas-more > .column > label > .free-mark { display: inline-block; padding: 0 0.5em; background-color: #3eaefc; color: #fff; font-weight: bold; border-radius: 3px; }
.bark-dash .buyer-barks .service-areas-more > .column > label:before { content: ""; width: 19px; height: 19px; position: absolute; left: 0; top: 0px; border-radius: 4px; border: 1px solid #c9cfd5; background-color: #fff; }
.bark-dash .buyer-barks .service-areas-more > .column > label.other:before { top: 9px; }
.bark-dash .buyer-barks .service-areas-more > .column > input[type=checkbox] { display: none; }
.bark-dash .buyer-barks .service-areas-more > .column > input[type=checkbox]:checked + label:before { background-color: #4CA9F8; border: 1px solid #4CA9F8; }
.bark-dash .buyer-barks .service-areas-more > .column > input[type=checkbox]:checked + label:after { content: ''; width: 13px; height: 8px; position: absolute; top: 4px; left: 3px; border: 3px solid #fff; border-top: none; border-right: none; background: transparent; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); }
.bark-dash .buyer-barks .service-areas-more > .column > input[type=checkbox]:checked + label.other:after { top: 13px; }
/* Override header label widths for city section */
.bark-dash .bark-dash-service-areas .services-row-wrap p { width: 60%; width: calc(100% - 270px); }
.bark-dash .bark-dash-service-areas .services-row-wrap .service-area-wrap-options { width: 40%; width: calc(270px - 0px); }

.bark-dash .gmaps-output { height: 300px; margin: 1em 0; }

.bark-dash .service-areas-city-list .services-row-wrap > p > span { font-weight: bold; color: #45423C; margin: 0; text-decoration: none; }
.bark-dash .service-areas-city-list .services-row-wrap .service-area-city-options .show-on-map, .bark-dash .service-areas-city-list .services-row-wrap .service-area-city-options .show-advanced { font-weight: normal; text-decoration: underline; color: #3eaefc; margin: 0 1em; cursor: pointer; }
.bark-dash .service-areas-city-list .services-row-wrap .service-area-city-options { display: inline-block; position: absolute; right: 2em; top: 1em; font-size: 1.1em; }

.sellers.change-alerts .bark-dash p > .fa.fa-close { cursor: pointer; color: #45423c; }

.empty-category-city-prompt { margin: 3em 0 1em; padding: 1em; background-color: #ce4826; color: #FFF; }
.empty-category-city-prompt p { margin: 0; font-weight: bold; }
#add-alert-city { white-space: nowrap; }
.bark-dash-service-areas.empty-list { background-color: #ffbbab; border: none; }
.bark-dash .buyer-barks.empty-list p { color: #f84920; margin: 0; font-weight: bold }

.bark-dash .buyer-barks .service-areas-more .mileage { vertical-align: top; cursor: pointer; border: none; background-color: transparent; border-bottom: dotted 1px #3eaefc; border-radius: 0; color: #3eaefc; width: auto; padding: 0; margin: 0; height: 1.5em; text-align: center; -webkit-appearance: none; -moz-appearance: none; text-indent: 1px; background-image: none; max-width: 20%; max-width: calc(60px - 0px); }
.bark-dash .buyer-barks .city-category-list .column label { width: 80%; width: calc(100% - 100px); }

.dashboard-page .close-bark-confirm .review-prompt-container { margin: 2em 0; }
.dashboard-page .close-bark-confirm .review-prompt-container a { color: #FFF; display: inline-block; }

.close-bark-confirm h4 { font-size: 1.2em; font-weight: 700; color: #133c60; margin: 2em 0 1em; }
.close-bark-confirm .stars { margin: 0 0 2em; display: inline-block; background-color: #fff; padding: 1em 2em; border: 2px solid #dde0e5; border-radius: 3px; }
.close-bark-confirm .stars .fa-star { font-size: 2em; margin: 0; padding: 0 0.1em; color: #EEE; text-decoration: none; display: inline; -webkit-transition: color 0.4s; -moz-transition: color 0.4s; -ms-transition: color 0.4s; transition: 0.4s; }
.close-bark-confirm .stars .fa-star.highlighted { color: #FFC616; }

#review-me-request-sent p { margin: 0 0 1em; text-align: center; }

.bnb-dash .bnb-item:hover .bnb-item-img .bnb-overlay {opacity:1;}
.bnb-dash .bnb-item:hover .bnb-item-heading { font-weight: 700;}

.bnb-dash .bnb-item-img .bnb-overlay {opacity: 0; width: 100%;height: 100%;background: rgba(58,68,73,0.5); -webkit-transition: opacity 0.4s; -moz-transition: opacity 0.4s; -ms-transition: opacity 0.4s; transition: opacity 0.4s; }

.buyer-next-barks { white-space: nowrap; position: relative; }

.buyer-next-barks .scrollable { font-size: 0; -webkit-transition: margin 0.6s; -moz-transition: margin 0.6s; -ms-transition: margin 0.4s; transition: margin 0.6s; }

.buyer-next-barks .controls { box-shadow: 0px 0px 10px -1px #CCC; background-color: #FFF; color: #777; margin: -15px 0; text-align: center; line-height: 30px; position: absolute; cursor: pointer; font-size: 2em; height: 30px; top: 50%; width: 30px; border-radius: 50%; -webkit-transition: color 0.2s, background-color 0.2s; -moz-transition: color 0.2s, background-color 0.2s; -ms-transition: color 0.2s, background-color 0.2s; transition: color 0.2s, background-color 0.2s; }
.buyer-next-barks .controls:hover { color: #333; background-color: #EEE; }
.buyer-next-barks .controls.disabled { color: #EEE; cursor: default; }
.buyer-next-barks .controls.disabled:hover { background-color: #FFF; }
.buyer-next-barks .controls.fa-angle-left { left: -0.5em; }
.buyer-next-barks .controls.fa-angle-right { right: -0.5em; }

.buyer-next-barks .item-container { max-width: 100%; overflow: hidden; margin: auto; }
.buyer-next-barks .item-container .item { font-size: 14px; display: inline-block; width: 178px; text-align: center; height: 200px; border-radius: 3px; overflow: hidden; border: solid 1px #dde0e5; margin: 0 21px 0 0; cursor: pointer; -webkit-transition: box-shadow .2s; -moz-transition: box-shadow .2s; -ms-transition: box-shadow .2s; transition: box-shadow .2s;}
.buyer-next-barks .item-container .item > p { color: #3A4449; margin: 0; padding: 0; text-overflow: ellipsis; overflow: hidden; -webkit-transition: color 0.4s; -moz-transition: color 0.4s; -ms-transition: color 0.4s; transition: color 0.4s; height: 48px; position: relative; white-space: normal; line-height: 1.1em; }
.buyer-next-barks .item-container .item > p > span { padding: 0.1em 0.9em; text-align: center; width: 100%; position: absolute; left: 0; top: 50%;  -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); max-height: 2.4em; overflow: hidden; }
.buyer-next-barks .item-container .item > span { opacity: 0; display: block; height: 150px; width: 100%; background-size: cover; background-position: center center; -webkit-transition: opacity 0.4s; -moz-transition: opacity 0.4s; -ms-transition: opacity 0.4s; transition: opacity 0.4s; }
.buyer-next-barks .item-container .item > span > div { opacity: 0; width: 100%; height: 100%; background: rgba(58,68,73,0.5); -webkit-transition: opacity 0.4s; -moz-transition: opacity 0.4s; -ms-transition: opacity 0.4s; transition: opacity 0.4s; }
.buyer-next-barks .item-container .item > span > div> p { color: #3A4449; padding: 0; font-weight: 700; display: inline-block; background-color: #fff; padding: 0.1em 0.5em; border-radius: 2px; margin-top: 65px; }

.buyer-next-barks .item-container .item:hover { box-shadow: 0px 0px 10px -1px #CCC; }
.buyer-next-barks .item-container .item:hover > p { font-weight: 700; }
.buyer-next-barks .item-container .item:hover > span > div { opacity: 1; }

.cannot-notify-seller-email.content-padding { margin: 3em 0 0; border-radius: 3px; border: solid 2px #d64242; padding: 15px 20px; }
.cannot-notify-seller-email.content-padding p { font-size: 1.1em; margin: 0 0 10px; color: #0A1248; }
.cannot-notify-seller-email.content-padding a i { margin: 0 10px 0 0; }

.bark-dash.resubmit-barks { max-width: 800px; }
.bark-dash.resubmit-barks h1 { max-width: 450px; margin: 3em auto 1.5em; text-align: center; }
.bark-dash.resubmit-barks .buyer-barks { margin: 1em 0 2em; border: solid 2px #DDE0E5; }
.bark-dash.resubmit-barks .buyer-barks p { color: #133C60; font-weight: bold; }
.bark-dash.resubmit-barks .buyer-barks p span { color: #b7b9bd; }
.bark-dash.resubmit-barks .buyer-barks span { color: #ce4826; font-weight: bold; }
.bark-dash.resubmit-barks .buyer-barks textarea { min-height: 100px; font-size: 1.1em; padding: 1em; margin: 0; }

.bark-dash.resubmit-barks.instant-resubmit { visibility: hidden }

.bark-dash.resubmit-barks .submit-container { margin: 0 0 3em; }
.bark-dash.resubmit-barks .submit-container button { font-family: 'Lato', sans-serif; width: 100%; text-transform: uppercase; background-color: rgb(49, 170, 239); font-weight: bold; color: #FFF; }
.bark-dash.resubmit-barks .dropzoneContainer .fa.fa-plus { font-family: FontAwesome; color: #ebe7ee; }

.seller-dashboard-filter { background: #F9FBFC; border-left: solid 1px #dde0e5; border-right: solid 1px #dde0e5; padding: 1em; }
.seller-dashboard-filter p.filter-text { color: #3a4449; margin: 0 0 0.5em 1em; opacity: 0; }
.seller-dashboard-filter input { margin: 0; height: 37px; }
.seller-dashboard-filter select { margin: 0; height: 37px; -moz-appearance: none; }

.seller-dashboard-filter .search-wrapper { opacity: 0; }

.seller-dashboard-filter .radius { font-size: 0; }
.seller-dashboard-filter .radius input { border-radius: 3px 0 0 3px; border-right: none; width: 50%; display: inline-block; font-size: 0.875rem; }
.seller-dashboard-filter .radius select { width: 50%; display: inline-block; border-radius: 0 3px 3px 0; font-size: 0.875rem; }

.seller-dashboard-filter .category select { opacity: 0; }
.seller-dashboard-filter .credits select { opacity: 0; }

.seller-dashboard-filter .reset { cursor: pointer; display: inline-block; color: #9ca1a4; text-decoration: underline; opacity: 0; float: right; margin: 0 1em 0 0; font-size: 1.1em; }

.seller-dashboard-filter .medium-2 { margin: 0 0 1rem; }

.seller-dashboard-filter .SelectBox { padding: 7px 8px; }
.seller-dashboard-filter .SumoSelect { max-width: 100%; }
.seller-dashboard-filter .SumoSelect .select-all { height: auto; padding: 10px 0 10px 35px; }
.seller-dashboard-filter .SumoSelect .select-all label { font-size: 0.9em; margin: 0; }
.seller-dashboard-filter .SumoSelect > .CaptionCont { border-color: #ccd2dc; height: 37px; border-radius: 3px; font-size: 1em; }
.seller-dashboard-filter .SumoSelect > .CaptionCont:hover { border-color: #ccd2dc; box-shadow: none; }
.seller-dashboard-filter .SumoSelect > .CaptionCont:focus { border-color: #ccd2dc; box-shadow: none; }
.seller-dashboard-filter .SumoSelect > .CaptionCont .placeholder { font-style: normal; font-size: 14px; color: #404040;  }
.seller-dashboard-filter .SumoSelect > .CaptionCont > label > i { top: 4px; background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgeD0iMTJweCIgeT0iMHB4IiB3aWR0aD0iMjRweCIgaGVpZ2h0PSIzcHgiIHZpZXdCb3g9IjAgMCA2IDMiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDYgMyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PHBvbHlnb24gcG9pbnRzPSI1Ljk5MiwwIDIuOTkyLDMgLTAuMDA4LDAgIi8+PC9zdmc+'); }
.seller-dashboard-filter .SumoSelect .optWrapper { width: 300px; z-index: 10; }
.seller-dashboard-filter .SumoSelect .optWrapper label { line-height: 1.2; }
.seller-dashboard-filter .SumoSelect > .optWrapper > .options li label { font-size: 0.9em; margin: 0; }
.seller-dashboard-filter .SumoSelect > .optWrapper.multiple > .options li.opt { padding: 10px 0 10px 35px; cursor: pointer; }
.seller-dashboard-filter .SumoSelect.open .optWrapper { top: 45px; }
.seller-dashboard-filter .SumoSelect.open .search-txt { height: 35px; }
.seller-dashboard-filter .SumoSelect > .optWrapper.multiple > .options li.opt.selected span i, .seller-dashboard-filter .SumoSelect .select-all.selected > span i, .SumoSelect .select-all.partial > span i { background-color: #55b8fc; }
.seller-dashboard-filter .SumoSelect:focus > .CaptionCont, .seller-dashboard-filter .SumoSelect:hover > .CaptionCont, .seller-dashboard-filter .SumoSelect.open > .CaptionCont { box-shadow: none; border-color: #ccd2dc; }

#dashboard-select-didyoumean .SumoSelect { width: 100%; }

.seller-dashboard-filter .new-error span { margin: -1em 0 1em; }

.streamcomplete-body { min-width: 200px; font-weight: bold; }

#webpush-intro-modal .webpush-intro-modal-header { background: #94e7cb; background: -moz-linear-gradient(left, #94e7cb 0%, #88cef5 100%); background: -webkit-linear-gradient(left, #94e7cb 0%,#88cef5 100%); background: linear-gradient(to right, #94e7cb 0%,#88cef5 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#94e7cb', endColorstr='#88cef5',GradientType=1 );; padding: 2em 0 0; }
#webpush-intro-modal .webpush-intro-modal-header img { width: 100%; height: auto; border-radius: 0; margin: 0; }
#webpush-intro-modal .webpush-intro-modal-header .mobile { display: none; }

#webpush-intro-modal .webpush-intro-modal-body h3 { margin: 1em 2em; }
#webpush-intro-modal .webpush-intro-modal-body .dash-button { margin: 0  0 1em 0; display: inline-block; }
#webpush-intro-modal .webpush-intro-modal-body .dismiss { margin: 0 0 2em; display: inline-block; color: rgb(133, 142, 149); text-decoration: underline; }

.seller-response-modal-packs .credit-pack-selection h1 { padding: 1.5em 1em 1.3em; color: #293b47; }
.seller-response-modal-packs .credit-pack-selection h4 { color: #293b47; margin-top: .5em; font-size: 1.2rem; }
.seller-response-modal-packs .pack-output { padding: 2em 2.5em 0; }
.seller-response-modal-packs .credit-package-container { padding: 0 .5rem 3.5rem;  display: inline-block; }
.seller-response-modal-packs .credit-package-container .credit-package .credit-package-price p { opacity: 1!important; }
.seller-response-modal-packs .credit-package-container .credit-package .credit-package-price p .ex-vat { font-weight: 300; color: #728998; padding-left: .3em; vertical-align: middle; font-size: 0.5em; line-height: 1; }
.seller-response-modal-packs .credit-package-container .credit-package .price-per-credit { line-height: 1.5; margin-bottom: 1.6em !important; color: #728998; }
.seller-response-modal-packs .credit-package-container .credit-package img { margin: 2em 0 0; }
.seller-response-modal-packs .credit-package-container .exwcmofr img { width: auto; }
.seller-response-modal-packs .credit-package-container.credit-package-middle .credit-package { border: 2px solid #2D7AF1; }
.seller-response-modal-packs .credit-package-container .credit-package button { font-size: 1em; padding: 0.65em 1.3em; }
.seller-response-modal-packs .credit-package-container .credit-package .most-popular { padding: 0; }
.seller-response-modal-packs .credit-package-container .flash-sale-strikethrough { font-size: .95em; margin-bottom: 0; padding-bottom: 0; opacity: .5; color: #ff6666;  }

.seller-response-modal-packs .credit-upsell-topup-header { margin: 0 0 3em;}
.seller-response-modal-packs .credit-upsell-topup-header h2 {font-size: 2em;}
.seller-response-modal-packs .credit-upsell-topup-header h3 {font-size: 1.6em;}
.seller-response-modal-packs .credit-upsell-topup-header p { margin: 0; color: #84a0b3; }

.seller-response-modal-packs .credit-upsell-topup-only > p { font-weight: 700; margin: 0 0 2em; display: block; color: #133c60; }
.seller-response-modal-packs .credit-upsell-topup-only > p .side { width: 20%; max-width: 6em; border-top: solid 1px #84a0b3; margin: 4px 1em 0; display: inline-block; }
.seller-response-modal-packs .credit-upsell-topup-only > span:before { position: absolute; top: 51%; width: 6em; height: 1px; content: '\a0'; background-color: #84a0b3; margin-left: -7em; }

.seller-response-modal .credit-package h4 span.response-modal-promo-discount { font-size: 1em !important;    color: inherit; font-weight: inherit; }
.seller-response-modal .credit-package h4 span.response-modal-credit-difference { font-size: 1em !important; color: inherit; font-weight: inherit; }
.seller-response-modal .credit-package h4 span.response-modal-credits-text-pack { color: inherit !important; font-size: inherit !important;}
.seller-response-modal .highlight_green span { color: inherit; }
.seller-response-modal .seller-create-field .dz-image i.fa.fa-file-o { padding: 0; }

.seller-response-modal .seller-name-container { margin: 0 0 3em; }
.seller-response-modal .seller-name-container input { display: block; width: 100%; margin: 0; border-radius: 3px; font-size: 1.5em; border: solid 1px #ccd2dc; padding: .5em; font-weight: normal; color: rgba(0,0,0,0.75); -webkit-appearance: none; }
.seller-response-modal .seller-name-container input:focus { border-color: #3eaefc; box-shadow: 0px 0px 15px -5px rgba(62,174,252,1) !important; }

.seller-response-modal .dz-error-message span { color: #FFF; }

.seller-quote input.lngcurr { padding-left:1.6em !important;}

.credit-package-container .credit-package .price-per-credit span { color: #9CA0B6; }
.credit-package-container .credit-package .ex-vat { color: #6D738F; font-weight: 300; }

.credit-pack-selection .discounted-credit-packs { margin: 3em 0 2em; padding: 0em 1em 0; }

.credit-pack-modal-new .seller-response-ppc-total { margin: 0; }
.credit-pack-modal-new .orange-highlight { color: #3E9C05; }
.credit-pack-modal-new .no-margin { margin: 1em 0 0; }
.credit-pack-modal-new .choose-another-pack span { color: #9298A4; font-size: .9em; font-weight: 700; cursor: pointer; }

.seller-response-modal input[type=checkbox] { padding: 0 !important; border-radius: 0; }

.credit-pack-modal-container .card-details-container { max-width: 100%; }

.credit-package-container .credit-package .credit-package-price p span { color: #0A1248; }
.credit-package-container.credit-package-middle .credit-package .credit-package-discount span.response-modal-promo-discount-pct { padding: 0; }
.always-red { color: #ce4826 !important; }

.seller-response-modal #message-error { margin: 0 0 1em; }
.seller-response-modal #quote-error { margin: 0 0 1em; }

.seller-admin-menu-top > .row { max-width: 1280px; }

#header .seller-admin-menu-top .pro-center { border-left: solid 1px #ECECEC; border-right: solid 1px #ECECEC; float: right; }
#header .seller-admin-menu-top .pro-center > a { display: inline-block; }
#header .seller-admin-menu-top .pro-center-menu-icon { height: 23px; width: 98px; }
#header .seller-admin-menu-top .pro-center-menu-icon.mobile { display: none; margin: 0 10px; width: auto; }

#pro-centre-banner-dashboard { border: none; margin: 0; padding: 25px 0 0; background: none; font-size: 1em; text-align: right; }
#pro-centre-banner-dashboard > .contents { width: auto; border-radius: 3px; padding: 1em 3em 1em 1em; background-color: rgb(40, 70, 113); border: none; position: relative; display: inline-block; }
#pro-centre-banner-dashboard > .contents:after { content: ''; border-top: solid #284671 20px; border-left: solid #284671 20px; display: inline-block; position: absolute; transform: rotate(-45deg); top: -7px; }
#pro-centre-banner-dashboard > .contents > p { margin: 0; }
#pro-centre-banner-dashboard > .contents > p > i { margin: 0 10px 0 0; }
#pro-centre-banner-dashboard > .contents > .close { top: 0px; right: 0px; margin: 0; color: #FAFAFA; }

.cannot-notify-seller-email.alert-box {color:#333;}
.cannot-notify-seller-email.alert-box .close {top: 0; right: 0; margin: 0;}

.bark-dash .seller-barks .partner-email-list .edit-link { text-align: right; text-decoration: underline; color: #3eaefc; margin: 2em 0 .2em; cursor: pointer; }
.bark-dash .seller-barks .partner-email-list .partner-email-item { border: 1px solid #dde0e5; border-radius: 2px; margin-bottom: 1rem; padding: .5em; }
.bark-dash .seller-barks .partner-email-list .partner-email-item > p { color: #45423c; font-weight: normal; margin: 0; display: inline-block; font-size: 15.4px; vertical-align: top; }
.bark-dash .seller-barks .partner-email-list .partner-email-item .edit-sect { display: none; }
.bark-dash .seller-barks .partner-email-list .partner-email-item .edit-sect > input { margin: 0; }

.bark-dash .seller-barks .partner-email-list.editing .partner-email-item .edit-sect { display: block; position: relative; margin: .2em 0 0; }
.bark-dash .seller-barks .partner-email-list.editing .partner-email-item .edit-sect > label { cursor: pointer; }
.bark-dash .seller-barks .partner-email-list.editing .partner-email-item .edit-sect > label > span { margin: 0 1em 0 0; }
.bark-dash .seller-barks .partner-email-list.editing .partner-email-item .edit-sect > label:before { content: ""; width: 19px; height: 19px; position: absolute; right: 0; top: 0px; border-radius: 4px; border: 1px solid #c9cfd5; background-color: #fff; }
.bark-dash .seller-barks .partner-email-list.editing .partner-email-item .edit-sect > input[type=checkbox] { display: none; }
.bark-dash .seller-barks .partner-email-list.editing .partner-email-item .edit-sect > input[type=checkbox]:checked + label:before { background-color: #4CA9F8; border: 1px solid #4CA9F8; }
.bark-dash .seller-barks .partner-email-list.editing .partner-email-item .edit-sect > input[type=checkbox]:checked + label:after { content: ''; width: 13px; height: 8px; position: absolute; top: 4px; right: 3px; border: 3px solid #fff; border-top: none; border-right: none; background: transparent; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); }

p.google-places-warning { padding: .5em; border-radius: 3px; background-color: #c8e9ff; color: #000; font-size: 1em; }

div.barks-rematching { min-height: 240px;}
div.barks-rematching h4 { margin-top: 40px;color: #45423c; font-size: 1.4em;}

#buy-credit-pack.reveal-modal .was-price-container { min-height: 35px; }
#buy-credit-pack.reveal-modal .was-price-container p.hide { display: none; }

/* CSS ANIM */
@keyframes lds-ripple {
    0%{top:96px;left:96px;width:0;height:0;opacity:1}
    100%{top:18px;left:18px;width:156px;height:156px;opacity:0}
}
@-webkit-keyframes lds-ripple {
    0%{top:96px;left:96px;width:0;height:0;opacity:1}
    100%{top:18px;left:18px;width:156px;height:156px;opacity:0}
}
.lds-ripple{position:relative}
.lds-ripple div{box-sizing:content-box;position:absolute;border-width:4px;border-style:solid;opacity:1;border-radius:50%;-webkit-animation:lds-ripple 1s cubic-bezier(0,0.2,0.8,1) infinite;animation:lds-ripple 1s cubic-bezier(0,0.2,0.8,1) infinite}
.lds-ripple div:nth-child(1){border-color:#0055a5}
.lds-ripple div:nth-child(2){border-color:#45aee7;-webkit-animation-delay:-.5s;animation-delay:-.5s}
.lds-ripple{width:59px!important;height:59px!important;-webkit-transform:translate(-29.5px,-29.5px) scale(0.295) translate(29.5px,29.5px);transform:translate(-29.5px,-29.5px) scale(0.295) translate(29.5px,29.5px)}




.bark-dash .dash-button-v2, .bark-dash a.review-link-button.white {
    border-radius: 4px;
    font-size: 15px;
    font-weight: bold;
    text-align: center;
    line-height: normal;
    display: inline-block;
    padding: 10px 20px;
    background-color: #2D7AF1;
    border: 1px solid #2D7AF1;
    box-sizing: border-box;
    color: #fff;
    margin: 0 5px 8px 0;
    box-shadow: 0px 5px 7px 0px rgba(0, 0, 0, 0.04)!important;
    transition: opacity 0.1s, box-shadow 0.1s, padding 0.1s, margin 0.1s;
    font-family: 'Lato', sans-serif;
    text-decoration: none;
}

.bark-dash .dash-button-v2:hover {
    border-bottom-width: 1px;
    opacity: 0.9;
}

.bark-dash .dash-button-v2.white {
    border: 1px solid #CED0DA;
    box-sizing: border-box;
    color: rgb(140, 142, 158);
    background-color: #ffffff;
}

.bark-dash .dash-button-v2:not([disabled]):active {
    opacity: 0.6;
    box-shadow: 0px 3px 3px 0px rgba(0, 0, 0, 0.02)!important;
}

.bark-dash .dash-button-v2 i {
    padding-right: 8px;
}


/* Media Queries */


@media (max-width: 1130px) {

    #header .seller-admin-menu-top .pro-center-menu-icon.desktop { display: none; }
    #header .seller-admin-menu-top .pro-center-menu-icon.mobile { display: inline; }

}

/* MEDIUM SCREENS (min-width 841px and max-width 1060px) */
@media (max-width: 1060px) {
    .credit-package-container .credit-package button {width: 46%;}
    .credit-package-container.credit-package-left { margin-bottom: 34px;}
    .pricing-special-offer { top: 6.14em; }

    .seller-menu-highlight-text {display: none!important; }

    .bark-dash .timeline .circle-box { width:4.3% !important; }
    .bark-dash .timeline .circle-box-big { width:5.5% !important; }
    .bark-dash .timeline .bark-icon-check { width:5.5% !important; }

    .bark-dash .content-padding .dash-pricing h2 { font-size: 1.6em; }
    .bark-dash .content-padding .dash-pricing .pricing-price { font-size: 1.3em !important; }
    .bark-dash .content-padding .dash-pricing-bottom ul { margin-left: 0; }
    .bark-dash .content-padding .dash-pricing-bottom ul li { margin-left: 2em; }

    .top-bar-section .has-dropdown>a { padding-right: 0 !important; }

    .seller-admin-menu-top .seller-top-menu-icon { display: inline-block; font-size: 1em; width: 20px; color: #55524d; }
    .seller-admin-menu-top .has-icon span { display: none; }

    .bark-single-project .needs-list { display: none; }
    .bark-single-project .main-item { width: 25%; }
    .bark-single-project .main-item-25 { width: 35%; }
    .bark-single-project .main-item-15 { width: 20%; }

    .top-bar-section li:not(.has-form) a.seller-notification { line-height: 47px; }

    .seller-admin-menu-top .has-icon img { margin: -5px 0 0; }

    .find-work.seller-logged-in .contain-to-grid { padding: 1em 0; }
    .find-work.seller-logged-in #wrap.dashboard-page {margin: -1.5em 0 0;}
    .seller-logged-in .contain-to-grid {padding: 1em 0;}
    .agency-logged-in .contain-to-grid {padding: 1em 0;}
    .buyer-logged-in .contain-to-grid {padding: 1em 0;}

    /*============ MIGRATED FROM MW=640 ============*/
    div.dashboard-page { margin: -1em 0 0; }
    /*============ END MIGRATED ============*/

    .buyer-next-barks .item-container .item { width: 105px; }

    .seller-dashboard-filter .medium-4 { display: block; width: 80%; margin: 0 0 1rem; float: none; }
    .seller-dashboard-filter .medium-2 { width: 30%; margin: 0 0 1rem; }
    .seller-dashboard-filter .align-right { text-align: left; margin: 1em 0 0; }

    #pro-centre-banner-dashboard { display: none; }

    .referrals-header-banner { background-position: -120px top; height: auto; padding: 40px 0 40px 0;}
    .referrals-header-banner .referrals-header-banner-left { padding: 0; width: 39%;}
    .referring-steps { padding: 2em 0; background-color: #eee;}
    .referring-steps img { padding-top: 20px;}
}

@media (max-width: 900px) {
    .hide-mob { display: none !important; }
    .referrals-header-banner .referrals-header-banner-left { padding: 0; width: 46%;}
    .reviews {    margin-top: 2.5em;}
}

@media (max-width: 750px) {
    .seller-send-referrals .referral-tools-icons { width: 276px; }
    .seller-send-referrals .referral-tools-icons img {margin: 0 10px 10px 0;}
    .referrals-header-info {display:none;}
    .referrals-header-banner {background: none;}
    .referrals-header-banner .referrals-header-banner-left { padding: 0; width: 80%;}
    .referrals-header-banner h1 { font-size: 28px; line-height: 33px; margin-top: 0.2em;  }
}


/* SMALL-MEDIUM SCREENS (max-width 840px) */
@media (min-width: 721px) and (max-width: 840px) {

    .pricing-special-offer { top:6.14em;  }

    .profile-completeness, .profile-completeness-bottom { display: none; }

    .reveal-modal.fixed-modal .modal-content { width: 600px; }

    .bark-dash .bark-set-national-container .bark-toggle-nationwide-controls .inline-switch-label { width: 25em; margin: 0; }

    .bark-single-project .main-item { font-size: 0.9625rem; }

    .show-bark-info { font-size: 1em; }



}

/* SMALL-MEDIUM SCREENS (max-width 720px) */
@media (min-width: 641px) and (max-width: 720px) {

    .pricing-special-offer { top:6.14em;  }

    .bark-dash .notification-container span { display: block; text-align: center; }
    .bark-dash .notification-container input { display: block; margin: 0.25em auto 0.5em; }

    .profile-completeness, .profile-completeness-bottom { display: none; }

    .bark-dash .card-information img { display: none; }
    .bark-dash .card-information p.card-number { padding: 0.3em 0 0; }

    .bark-dash .dash-pricing-container { width: 80%; margin-left: 10%; margin-bottom: 2em; }
    .bark-dash .content-padding .dash-pricing h2 { font-size: 2em !important; }
    .bark-dash .content-padding .dash-pricing .pricing-price { font-size: 1.5em !important; }
    .bark-dash .content-padding .dash-pricing-bottom ul { width: 13em; }
    .bark-dash .content-padding .dash-pricing-bottom ul li { font-size: 1em; width: auto; }

    .seller-dashboard-bark-unread, .seller-dashboard-bark-closed { float: right; padding: 0.8em; }

    .bark-dash .bark-set-national-container .bark-toggle-nationwide-controls .inline-switch-label { width: 22em; margin: 0; }

    .bark-single-project:first-child { border-radius: 0 0 5px 5px; }

    .bark-single-project .main-item { display: block; width: auto; }
    .bark-single-project .main-item { border-bottom: solid 1px #ececec; }
    .bark-single-project .main-item.buttons { border-bottom: none; text-align: left; margin: 1em 0 0; }
    .bark-single-project .main-item.buttons p { display: inline-block; }
    .bark-single-project .main-item .contact-btn { background-color: transparent; padding: 0; cursor: default; display: block; }
    .bark-single-project .main-item .contact-btn span { display: none; }
    .bark-single-project .main-item.buttons .contact-options { display: block; position: relative; box-shadow: none; background-color: transparent; padding: 0; margin: 0; width: 100%; }
    .bark-single-project .main-item.buttons .contact-options li { display: block; }
    .bark-single-project .main-item.buttons .contact-options li a { padding: 0.5em; margin: 0; }
    .bark-single-project .main-item.buttons .contact-options li a p { text-decoration: underline; color: #3eaefc; }
    .bark-single-project .main-item.buttons .contact-options li a span { display: block; }
    .bark-single-project .main-item .not-interested-reveal { margin: 1em 0.5em 0.5em; }

    .contact-btn span { display: none; }

    .reveal-modal.fixed-modal .modal-content { width: 500px; }

}

@media (max-width: 640px) {
    .credit-package-container .credit-package button {width: 100%;}

    .packs-container {width:100%;}
    .credit-package-container {padding-left: 0; padding-right: 0;}
    .reveal-modal.fixed-modal .modal-content { width: 100%; }
}

@media (min-width: 721px) and (max-width: 780px) {

    .bark-single-project .main-item.buttons .contact-btn span { font-size: .8em; }
    .bark-single-project .main-item .contact-btn i { font-size: .8em; }
    .bark-single-project .main-item.buttons span { font-size: .8em; }

}

/* SMALL SCREENS (max-width 640px) */
@media (max-width: 640px) {
    .credit-package-container.credit-package-left { margin-bottom: 0px;}
    .flash-spacer {height: 48px}
    .seller-response-modal-packs .credit-upsell-topup-header { margin: 0 0 1em;}

    .bark-dash .account-manager-details-banner { background-color: white!important; border: 1px solid #dde0e5 !important;}
    .bark-dash .account-manager-details-banner p{ padding: 1em;}
    .bark-dash .account-manager-details-banner img{ margin-top: 0.6em;}
    .bark-dash .column-left { width:100%; float:left; }
    .bark-dash .column-right { width:100%; float:right; }

    .bark-container .bark-summary-timeline .center { margin-bottom: 2em; }
    .status_new_icon .center { margin-left:0%; }
    .status_finding_icon .center { margin-left:-0%; }
    .status_contacting_icon .center { margin-left:0%; }
    .status_live_icon .center { margin-left:0%; }

    .bark-dash .timeline { height: 0; }

    .bark-container .bark-summary-status .alert-box { text-align: center; }
    .bark-container .bark-summary-status .alert-box h3 i { float: none; vertical-align: sub; margin-right: 0.5em; }

    .bark-dash .bark-container .bark-header { text-align: center; padding: 1.5em 1em 1em 2em; }

    .bark-container .bark-warning { text-align: center; }
    .bark-container .bark-warning i { float: none; margin: 0; }

    .bark-container .bark-summary-status .bark-live-alert { padding: 2em; }
    .bark-container .bark-summary-status .alert-box h3 { margin: 1em 1em 1em 0; }
    .bark-container .bark-summary-status .alert-box p { margin-left: 0; }

    .status_live_alert .bark-live-alert .dashboard_response_count, .status_closed_alert .bark-closed-alert .dashboard_response_count { float: none !important; }
    .status_live_alert .bark-live-alert .dashboard_suggestion_count, .status_closed_alert .bark-closed-alert .dashboard_suggestion_count { float: none !important; }

    .tri-up::before, .tri-up::after { display: none !important; }

    .bark-dash .dash-button.float-right { float: none; margin: 0 auto; }
    .bark-dash .dash-button.smaller-button { float: none !important; margin: 2em auto 0; }

    .bark-dash .notification-container p { margin-bottom: 0.5em; }

    .profile-completeness, .profile-completeness-bottom { display: none; }

    .bark-dash.service-areas-v2 .content-padding-grey label { display: inherit !important; }
    .bark-dash .content-padding-grey .profile-field label { display: inline-block !important; }

    .seller-alert .seller-alert-options { float: left !important; }

    .bark-dash .dash-pricing-container { margin-bottom: 2em; }
    .bark-dash .content-padding .dash-pricing h2 { font-size: 2em !important; }
    .bark-dash .content-padding .dash-pricing .pricing-price { font-size: 1.5em !important; }
    .bark-dash .content-padding .dash-pricing-bottom ul { width: 13em; }
    .bark-dash .content-padding .dash-pricing-bottom ul li { font-size: 1em; width: auto; }

    .bark-dash .seller-barks .empty-list { padding: 1em; background-color: #FFF; }

    .facebook-link { margin-left: 0; }

    .video-uploader .remove_video { width: 45%; }

    .seller-dashboard-bark-unread, .seller-dashboard-bark-closed { float: none; padding-bottom: 0; }
    .seller-dashboard-respond-later { max-width: 100%; }

    .credit-package-container.credit-package-left { padding-right: 0.9375rem; }
    .credit-package-container.credit-package-left .credit-package { border-right: 1px solid #dde1e6; border-radius: 3px; }
    .credit-package-container.credit-package-middle { padding: 0 0.9375rem; margin: 2em 0 48px; }
    .credit-package-container.highlight .credit-package { border: 2px solid #2D7AF1; }
    .credit-package-container.credit-package-right { padding-left: 0.9375rem; }
    .credit-package-container.credit-package-right .credit-package { border-left: 1px solid #dde1e6; border-radius:3px; }
    .credit-package-container.credit-package-small-container.credit-package-left { margin-left: 0% !important; }

    .bark-dash .bark-container .bark-header h2 { margin-right: 0; display: block; }

    .bark-dash .one-click-dash .one-click-upsell-explain p { margin: 0.5em 0 1.5em; }

    .bark-dash .bark-set-national-container .bark-toggle-nationwide-controls .inline-switch-label { margin: 1em 0 0; }

    .sellers.dashboard .bark-dash .content-padding { background-color: transparent; padding: 0; border: none; }
    .sellers.dashboard .barks-rematching { padding: 0em 1em 2em 1em !important; border: 1px solid #dde0e5 !important; background-color: #fff !important; border-radius: 0 0 4px 4px !important; }
    .sellers.dashboard .bark-dash .right-container { background-color: transparent; }

    .sellers.dashboard .bark-dash .content-padding#seller-inactive-alerts-banner { background-color: #fff; padding: 1.8em 2em 0 2em; border: solid 1px #d64242; }


    .container-account-manager { background-color: red;}
    .bark-single-project:first-child { border-radius: 0 0 5px 5px; }

    .bark-single-project .main-item { display: block; width: auto; }
    .bark-single-project .main-item { border-bottom: solid 1px #ececec; }
    .bark-single-project .main-item.buttons { border-bottom: none; text-align: left; margin: 1em 0 0; }
    .bark-single-project .main-item.buttons p { display: inline-block; }
    .bark-single-project .main-item .contact-btn { background-color: transparent; padding: 0; cursor: default; display: block; }
    .bark-single-project .main-item .contact-btn span { display: none; }
    .bark-single-project .main-item.buttons .contact-options { display: block; position: relative; box-shadow: none; background-color: transparent; padding: 0; margin: 0; width: 100%; }
    .bark-single-project .main-item.buttons .contact-options.hide { display: block; }
    .bark-single-project .main-item.buttons .contact-options li { display: block; }
    .bark-single-project .main-item.buttons .contact-options li a { padding: 0.5em; margin: 0; }
    .bark-single-project .main-item.buttons .contact-options li a p { text-decoration: underline; color: #3eaefc; }
    .bark-single-project .main-item.buttons .contact-options li a span { display: block; }
    .bark-single-project .main-item .not-interested-reveal { margin: 1em 0.5em 0.5em; }

    #seller-dashboard-more a { background-color: #55B8FC; color: #FFF; }

    .contact-btn span { display: none; }

    .sellers.dashboard .bark-dash .content-padding { padding: 0; border: none; }
    .sellers.dashboard .bark-dash .content-padding.free-response-promo { background-color: #f9fbfc; text-align: center; border: solid 1px #dde0e5; border-radius: 2px !important; padding: 1em; }
    .sellers.dashboard .bark-dash .cannot-notify-seller-email.content-padding { margin: 3em 0 0; border-radius: 0; border: solid 1px #d64242; padding: 1em; }


    .sellers.my-barks .bark-dash .content-padding { background-color: transparent; padding: 0; border: none; }
    .sellers.my-barks .bark-dash .right-container { background-color: transparent; }
    .sellers.my-barks .bark-dash .content-padding { padding: 0; border: none; }
    .sellers.my-barks .bark-dash .time-posted-ago { margin: 1em 0; }
    /*.sellers.dashboard .bark-dash .content-padding { padding:1.8em 2em 2em 2em; border:1px solid #dde0e5; background-color: #fff; border-radius: 0 0 4px 4px; }*/

    /*============ SERVICE AREAS 2016 ============*/
    .content-padding.not-last.buyer-barks.bark-dash-service-areas { background-color: #f8f8f8; border-left: none; border-right: none; padding: 1em 0; }
    .bark-dash .buyer-barks .services-row-wrap { background-color: #FFF; padding: 0; }
    .bark-dash .buyer-barks .services-row-wrap > p { padding: 1em 1em 0; width: 100%; }
    .bark-dash .buyer-barks .services-row-wrap .service-area-wrap-options { display: block; width: 100%; text-align: left; padding: 1em; }
    .bark-dash .buyer-barks .services-row-wrap .service-area-wrap-options span:first-child { margin-left: 0; }
    .bark-dash .buyer-barks .service-areas-more { margin: 0; }
    .bark-dash .gmaps-output { margin: 0; }

    .seller-dashboard-filter { border-bottom: solid 1px #dde0e5; margin: 0 0 1em; }
    .seller-dashboard-filter .medium-2 { width: 33%; }

    .bark-dash .notification-title .dash-button.smaller-button { margin: 0; }

    .seller-response-modal-packs .credit-package-container { display: block; width: 100%; padding-left:0; padding-right: 0; }

    .reviews {margin-top: 2.5em}

}

/* XTRA SMALL SCREENS (max-width 480px) */
@media (max-width: 480px) {
    .seller-response-modal .credit-package-container.credit-package-middle  { margin-bottom: 46px;}

    .credit-pack-modal-new form { margin-top: 3.2em; }

    #webpush-intro-modal .webpush-intro-modal-body h3 { margin: 1em 0.4em; }
    .flash-spacer {height: 70px}

    .video-uploader .remove_video { width: 100%; }
    .buyer-next-barks .item-container .item { width: 105px; }

    .seller-dashboard-filter .SumoSelect { width: 100%; }
    .seller-dashboard-filter .SumoSelect .optWrapper { width: 100%; }
    .seller-dashboard-filter .medium-4 { width: 100%; }
    .seller-dashboard-filter .medium-2 { width: 100%; display: block; float: none; margin: 0 0 1em; }

    #webpush-intro-modal .webpush-intro-modal-body h3 { margin: 1em 2em; }
    #webpush-intro-modal .webpush-intro-modal-header .desktop { display: none; }
    #webpush-intro-modal .webpush-intro-modal-header .mobile { display: inline-block; }

}


@media (max-width: 270px) {

    .seller-response-modal-packs .pack-output .credit-upsell-topup-only > p .side { display: none; }

}



/* location wizard start */

.change-alerts .reveal-modal-bg { z-index: 998 }
.change-alerts #location-wizard { z-index: 999 }
.change-alerts .streamcomplete-body { z-index: 1000 }

.bark-dash .wizard-back-button {
    position: absolute;
    top: 30px;
    left: 0;
}

#location-wizard h1 {
    font-size: 2em;
    padding: 0.5em 0 0;
}

#location-wizard .step-header p {
    margin-bottom: 0;
}

#location-wizard hr {
    margin-top: 1em
}

.location-option {
    border: 2px solid #dde0e5;
    background-color: #f8f9f9;
    border-radius: 6px;
    cursor: pointer;

    margin-bottom: 20px;
    padding: 0.5em 0.5em 0.5em 0;
}

.location-option:hover {
    border-color: #3eaefc;
    background-color: #E8FFFF;
}

.location-option h4, .location-option p {
    margin-bottom: 0.1rem
}

.location-option-icon {
    width: 64px;
    float: left;
    text-align: center;
}

.location-option-icon i {
}

.location-option-description {
    overflow: hidden;
}

.bark-dash .select-buttons .dash-button { padding-left: 0; padding-right: 0; }

.change-alerts .hover-blue.dash-button.white:hover,
.change-alerts .hover-blue.dash-button.white:focus { color: #55b8fc !important; }

@media (min-width: 640px) {
    #location-wizard .modal-content {
        width: 45em;
        max-width: 80%;
    }

}

@media (max-width: 728px) {
    #location-wizard h1 {
        padding-top: 0.2em;
    }
    .bark-dash .wizard-back-button {
        position: relative;
        top: 10px;
    }
}

/* location wizard end */



body.buyer-logged-in .buyer-notification span,
body.buyer-logged-in .seller-notification span {
    background-color: #EF6277;
}