/* 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 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; font-weight: 400; font-family:'Lato', sans-serif; margin-bottom:1.5em; cursor:default; 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 span.new-error { margin: -0.5em 0 0.5em; display: block; }

.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; }

/* 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; }

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

/* 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 { text-align:left; padding-bottom:1em; font-size: 1.1em; }
.bark-dash .seller-barks .review-status i.bark-icon-star { color: #FFC616; margin-right:0.2em; }
.bark-dash .seller-barks .review-status i.no-star { color: #eee; }
.bark-dash .seller-barks .review-status p { font-size: 1em; margin: 1em 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 b { color: #3a4449; }

.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-grey { padding:1.8em 2em 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.row { max-width:1050px; padding-bottom:4em; }

.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('/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-top:3em; }
.bark-dash .content-head { background-color:#3a4449; padding:0.7em 2em 0.4em 2em; }
.bark-dash .content-head.round { border-radius: 4px 4px 0 0; }
.bark-dash .content-head h2 { color:#FFF; }
.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:1px solid #dde0e5; background-color: #fff; }
.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 .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 .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 .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 .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-container { border:1px solid #dde0e5; border-radius:3px; margin: -1px 0 0; 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; border-top: 0; padding: 1em 2em; background-color: #fffdf0; }
.bark-dash .notification-upsell.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; }

.bark-dash .buyer-barks p { color:#a5b5bd; }
.bark-dash .seller-barks p { color:#a5b5bd; margin: 0; white-space: pre-wrap;}
.bark-dash .seller-barks p.dashboard-loading-spinner { font-size: 1.2em; }
.bark-dash .seller-barks p.dashboard-loading-spinner i { margin-right: 0.5em; }
.bark-dash .seller-barks p.time-posted-ago { margin-bottom: 1em; font-size: 1em; }
.bark-dash .seller-barks i.has-tip { color:#55b8fc; margin-bottom:0; font-style:normal; margin-left:1em; text-decoration:none; border-bottom:0; }

.tri-up::before, .tri-up::after { content: ""; position: absolute; width: 0; height: 0; border-style: solid; border-color: transparent; border-bottom: 0; -moz-transform:rotate(180deg); -webkit-transform:rotate(180deg); -o-transform:rotate(180deg); transform: rotate(180deg); }
.tri-up::before { top: -8px; left: 30px; border-width: 8px; }
.tri-up::after { top: -7px; left: 31px;  border-width: 7px; }

.bark-warning.tri-up::before { border-top-color: #f9b7a1; }
.bark-warning.tri-up::after { border-top-color: #ffede7; }
.reviewing-bark-alert.tri-up::before { border-top-color: #eae5dc; left:8%; }
.reviewing-bark-alert.tri-up::after { border-top-color: #fcf7f2; left:8%; margin-left:1px; }
.finding-pros-alert.tri-up::before { border-top-color: #e4ddcb; left:35%; }
.finding-pros-alert.tri-up::after { border-top-color: #fffdf0; left:35%; margin-left:1px; }
.bark-live-alert.tri-up::before { border-top-color: #dfeadc; left:88%; }
.bark-live-alert.tri-up::after { border-top-color: #fcfff5; left:88%; margin-left:1px; }
.contacting-pros-alert.tri-up::before { border-top-color: #dce5ea; left:62%; }
.contacting-pros-alert.tri-up::after { border-top-color: #f2fafc; left:62%; margin-left:1px; }

.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.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-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 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.15em; }
.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 { 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 p i { margin-right: 0.5em; font-size: 0.9em; }
.bark-dash .seller-bark p span { color: #c0cace; }
.bark-dash .seller-bark .dash-button { margin-top:0.5em; }

.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; -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 { float:left; color:#f07f4a; padding:0.8em 0; font-weight:bold; font-style:italic; }
.seller-dashboard-bark-closed { float:left; color:#f07f4a; padding:0.8em 0; font-weight:bold; font-style:italic; }

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

.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; }

.pricing-special-offer { z-index:99; 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:6em; 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:400; text-shadow: 1px 1px rgba(0,0,0,0.2); }
.pricing-special-offer span i { font-size:1em; position:absolute; margin-top:0.1em; margin-left:-1.3em; }
.pricing-special-offer i.right { font-size:1.4em; padding:1em; }

.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; }
.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 .photo-upload-overlay i { display:block; font-size:2em; color:#FFF; margin-top:0.2em; }
.seller-photo-uploader .photo-upload .photo-upload-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; }
.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 { border-radius: 0 0 4px 4px; }
.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 h2.bark-credits-balance img { width: 2em; vertical-align: bottom; margin-right: 0.5em; }
.bark-dash h2.bark-credits-balance span { color: #53d1a3; font-weight: 700; }

.bark-dash .credit-package-container .credit-package { margin: 4em 0 3em; }

.credit-package-container .credit-package { border: 1px solid #dde1e6; border-radius: 3px; padding: 1em; position: relative; text-align: center; background-color: #fff; }
.credit-package-container .credit-package img { height: 3em; margin: 2em 0 0; }
.credit-package-container .credit-package h2 { color: #293b47; margin: 0.5em 0 0; }
.credit-package-container .credit-package hr { width: 8em; border: 1px solid #f8f8f8; margin: 1.5em auto 1em auto !important; }
.credit-package-container .credit-package ul { list-style-position: inside; margin: 0 0 2em -0.5em; }
.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 { margin-bottom: 1em !important; }
.credit-package-container .credit-package .most-popular { margin: 0.5em 0 0; font-size: 0.8em; color: #f18a36; 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: #728998; color: #fff; padding: 0.25em 0.5em; border-radius: 3px; 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; color: #59d0a4; margin: 0; }
.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: 0.9em; line-height: 1; margin-bottom: 2em !important; color: #a5b5bd; }
.credit-package-container.credit-package-left { padding-right: 0; }
.credit-package-container.credit-package-left .credit-package { border-right: 0; border-radius: 3px 0 0 3px; }
.credit-package-container.credit-package-middle { padding: 0; margin: -1em 0; }
.credit-package-container.credit-package-middle .credit-package { border: 2px solid #59d0a4; }
.credit-package-container.credit-package-middle .credit-package .credit-package-discount span { background-color: #59d0a4; }
.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; }

.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; }

/* Media Queries */

/* MEDIUM SCREENS (min-width 841px and max-width 1024px) */
@media (max-width: 1024px) {

.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; }

}

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

.leftnav-container-resp { width: 13%; }
.dash-container-resp { width: 87%; }
.bark-dash .left-menu li a span { display: none; }
.profile-completeness, .profile-completeness-bottom { display: none; }

.bark-dash .left-menu.award-certificate-menu .awards-menu-badge h4,
.bark-dash .left-menu.award-certificate-menu .awards-menu-badge img.awards-menu-crest,
.bark-dash .left-menu.award-certificate-menu .awards-menu-badge p,
.bark-dash .left-menu.award-certificate-menu .awards-menu-badge .awards-menu-year { display: none; }
.bark-dash .left-menu.award-certificate-menu .awards-menu-badge img.awards-menu-logo { width: 2em; margin: 0; }

}

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

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

.leftnav-container-resp { width: 14%; }
.dash-container-resp { width: 86%; }
.bark-dash .left-menu li a span { display: none; }
.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 .left-menu.award-certificate-menu .awards-menu-badge h4,
.bark-dash .left-menu.award-certificate-menu .awards-menu-badge img.awards-menu-crest,
.bark-dash .left-menu.award-certificate-menu .awards-menu-badge p,
.bark-dash .left-menu.award-certificate-menu .awards-menu-badge .awards-menu-year { display: none; }
.bark-dash .left-menu.award-certificate-menu .awards-menu-badge img.awards-menu-logo { width: 2em; margin: 0; }

}

/* SMALL SCREENS (max-width 640px) */
@media (max-width: 640px) {

.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; }

.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; }

.bark-dash .left-menu { margin-top: 3.5em; }

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

.bark-dash .content-padding-grey label { display: inherit !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; }

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

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

.seller-dashboard-bark-unread, .seller-dashboard-bark-closed { float: none; padding-bottom: 0; }

.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; }
.credit-package-container.credit-package-middle .credit-package { border: 2px solid #59d0a4; }
.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; }

}

/* XTRA SMALL SCREENS (max-width 480px) */
@media (max-width: 480px) {

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

}
