/* COLORS */
body {
  font-family: "Montserrat", sans-serif !important;
  font-size: 15px;
}

h1,
h2,
h3,
h4,
h5,
h6,
.avro-font {
  font-family: "Arvo", serif !important;
}

a {
  color: inherit;
}
a:hover {
  text-shadow: none !important;
}

a.light-blue:hover {
  color: #665787;
}

a.green:hover,
a.green:visited {
  color: #03783d;
}

.stripe-button-el > span {
  background: #03783d !important;
}

.bold {
  font-weight: bold;
}

.upper {
  text-transform: uppercase;
}

.underline {
  text-decoration: underline;
}

.row.expanded {
  max-width: 1440px;
}

.container {
  padding-top: 50px;
}

.border,
.message-thread .message-area .reply-form textarea {
  border-radius: 16px;
}

.user-icon,
.calendar-icon,
.icon {
  padding-right: 10px;
}

.clickable-row,
.clickable-widget-row {
  cursor: pointer;
}
.clickable-row:hover,
.clickable-widget-row:hover {
  background-color: #e6e6e6;
}

.shadow {
  -webkit-box-shadow: 10px 10px 5px -8px rgba(0, 0, 0, 0.48);
  -moz-box-shadow: 10px 10px 5px -8px rgba(0, 0, 0, 0.48);
  box-shadow: 10px 10px 5px -8px rgba(0, 0, 0, 0.48);
}

.form-section {
  border-top: 1px solid #e6e6e6;
}

.section-title {
  padding-bottom: 30px;
}

.section-padding {
  padding-bottom: 30px;
}

table,
.table {
  border: none;
}
table tbody,
.table tbody {
  border: none;
}

.info-table tr td {
  vertical-align: top;
  padding: 5px;
}

.info-table td {
  padding-left: 0px;
  color: #a7a9ab;
}

.info-table .bold {
  color: #404041;
}

.info-table tr {
  background: transparent;
  background-color: transparent !important;
}

.fa.disable {
  color: gray;
  cursor: not-allowed !important;
}

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

.bg-light-gray {
  background-color: #a7a9ab;
}

.bg-green {
  background-color: #03783d;
}

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

.bg-gray {
  background-color: #a7a9ab;
}

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

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

.bg-blue {
  color: #03783d;
}

.bg-light-blue {
  background-color: #665787;
}

.bg-yellow {
  background-color: #ffbe42;
}

.bg-purple {
  background-color: #665787;
}

.red {
  color: #f9423a;
}

.white {
  color: #ffffff;
}

.black {
  color: #404041;
}

.light-gray {
  color: #a7a9ab;
}

.green {
  color: #03783d;
}

.orange {
  color: #ffbe42;
}

.gray {
  color: #a7a9ab;
}

.blue {
  color: #03783d;
}

.light-blue {
  color: #665787;
}

.secondary-title {
  color: #665787;
}

.yellow {
  color: #ffbe42;
}

.purple {
  color: #665787;
}

.button {
  border-radius: 16px;
  text-transform: uppercase;
  border-radius: 8px !important;
}

.button-green {
  background-color: #03783d;
  color: #ffffff;
}
.button-green:hover,
.button-green:active {
  background-color: #a7a9ab;
}

.filter-button {
  background: transparent;
  border: 2px solid #a7a9ab;
  color: #a7a9ab;
}
.filter-button:hover,
.filter-button:active,
.filter-button:focus {
  background: transparent;
  border: 2px solid #a7a9ab;
  color: #a7a9ab;
}
.filter-button:focus {
  background-color: #a7a9ab;
  border-color: #a7a9ab;
  color: white;
}

.button-black-hollow {
  background: transparent;
  border: 2px solid #404041;
  color: #404041;
}
.button-black-hollow:hover,
.button-black-hollow:active,
.button-black-hollow:focus {
  background-color: #404041;
  border: 2px solid #404041;
  color: #ffffff;
}
.button-black-hollow.filter-active {
  background: #404041;
  border: 2px solid #404041;
  color: #ffffff;
}

.button-red {
  background-color: #f9423a;
  color: white;
}
.button-red:hover,
.button-red:active {
  background-color: #a7a9ab;
}

.pagination .button-next {
  color: #ffffff !important;
  width: 125px;
  padding-top: 10px;
  padding-bottom: 10px;
  background-color: #03783d;
}
.pagination .button-next:hover,
.pagination .button-next:active {
  background-color: #a7a9ab !important;
}

.pagination .button-previous {
  color: #ffffff !important;
  width: 125px;
  padding-top: 10px;
  padding-bottom: 10px;
  background-color: #03783d;
}
.pagination .button-previous:hover,
.pagination .button-previous:active {
  background-color: #a7a9ab !important;
}

.button-solid:hover,
.button-solid:active,
.button-solid:focus {
  background-color: #a7a9ab;
  color: white;
}

.filter-active {
  background-color: #a7a9ab;
  color: #ffffff;
}

.button-blue {
  background-color: #03783d;
}
.button-blue:hover,
.button-blue:focus,
.button-blue:active {
  background-color: #a7a9ab;
}

.notify {
  border-color: #ffbe42;
  border-width: 2px;
  padding: 0.75em 1em;
  margin-bottom: 0;
  width: 45px;
}
.notify:hover,
.notify:active,
.notify:focus {
  color: #ffffff !important;
  background-color: #ffbe42 !important;
}

.edit {
  border-color: #03783d;
  border-width: 2px;
  padding: 0.75em 1em;
  margin-bottom: 0;
  width: 45px;
}
.edit:hover,
.edit:active,
.edit:focus {
  color: #ffffff !important;
  background-color: #03783d !important;
}

.clone {
  border-color: #ffbe42 !important;
  border-width: 2px;
  padding: 0.75em 1em;
  margin-bottom: 0;
  width: 45px;
}
.clone:hover,
.clone:active,
.clone:focus {
  color: #ffffff !important;
  background-color: #ffbe42 !important;
}

.delete {
  display: inline;
  margin-right: 5px;
}
.delete button {
  margin-bottom: 0;
}

.delete-listing {
  margin-bottom: 0;
}

.template-home .edit,
.template-home .clone,
.template-home .visible,
.template-home .delete,
.template-home .delete-listing,
.template-home .notify {
  width: 35px;
  font-size: 12px;
  padding: 0.75em 0.75em;
}

@media screen and (max-width: 1141px) {
  .assign-channel.button {
    font-size: 14px;
  }
}

@media screen and (max-width: 1119px) {
  .assign-channel.button {
    font-size: 13px;
  }
}

.assign-channel.button.assigned {
  background-color: #665787 !important;
  color: #ffffff !important;
  border: 2px solid #665787 !important;
}
.assign-channel.button.assigned:hover,
.assign-channel.button.assigned:focus,
.assign-channel.button.assigned:active {
  background-color: #ffffff !important;
  color: #665787 !important;
}

.assign-channel.button.not-assigned {
  background-color: #ffffff !important;
  color: #665787 !important;
  border: 2px solid #665787 !important;
}
.assign-channel.button.not-assigned:hover,
.assign-channel.button.not-assigned:focus,
.assign-channel.button.not-assigned:active {
  background-color: #665787 !important;
  color: #ffffff !important;
}

@media screen and (max-width: 1141px) {
  .follow {
    font-size: 14px;
  }
}

@media screen and (max-width: 1119px) {
  .follow {
    font-size: 13px;
  }
}

.follow.not_following {
  background-color: #ffffff !important;
  color: #ffbe42 !important;
  border: 2px solid #ffbe42 !important;
}
.follow.not_following:hover,
.follow.not_following:focus,
.follow.not_following:active {
  background-color: #ffbe42 !important;
  color: #ffffff !important;
}

.follow.following {
  background-color: #ffbe42 !important;
  color: #ffffff !important;
}
.follow.following:hover,
.follow.following:focus,
.follow.following:active {
  background-color: #ffffff !important;
  color: #ffbe42 !important;
  border-color: #ffbe42 !important;
  border-width: 2px;
}

.top-bar {
  background-color: #ffffff;
}
.top-bar ul {
  background-color: #03783d;
}
.top-bar .menu-text {
  padding-left: 0px;
}
.top-bar .menu-text a {
  color: #ffffff;
  padding-left: 8px;
}
.top-bar .top-bar-right ul a {
  color: #404041;
}
.top-bar .message-count {
  color: #ffffff;
}
.top-bar .user-dropdown::after {
  border-color: #404041;
}
.top-bar .dropdown.menu > li.is-dropdown-submenu-parent > a:after {
  border-color: #404041 transparent transparent;
}
.top-bar .top-bar-right {
  padding-top: 10px;
}

/*
Sticky Footer Solution
by Steve Hatcher
http://stever.ca
http://www.cssstickyfooter.com
*/
* {
  margin: 0;
  padding: 0;
}

/* must declare 0 margins on everything, also for main layout components use padding, not
vertical margins (top and bottom) to add spacing, else those margins get added to total height
and your footer gets pushed down a bit more, creating vertical scroll bars in the browser */
html,
body {
  height: 100%;
}

#wrap {
  min-height: 100%;
}

#main {
  overflow: auto;
  padding-bottom: 180px;
}

/* must be same height as the footer */
#footer {
  position: relative;
  margin-top: -180px;
  /* negative value of footer height */
  height: 180px;
  clear: both;
}

/*Opera Fix*/
body:before {
  /* thanks to Maleika (Kohoutec)*/
  content: "";
  height: 100%;
  float: left;
  width: 0;
  margin-top: -32767px;
  /* thank you Erik J - negate effect of float*/
}

/* IMPORTANT

You also need to include this conditional style in the <head> of your HTML file to feed this style to IE 6 and lower and 8 and higher.

<!--[if !IE 7]>
	<style type="text/css">
		#wrap {display:table;height:100%}
	</style>
<![endif]-->

*/
footer {
  background-color: #ffffff;
  height: 150px;
}
footer .terms-row {
  padding-top: 50px;
}
footer a {
  color: #ffffff;
}

.nav-menu {
  background-color: #a7a9ab;
}
.nav-menu .menu li a {
  color: #ffffff;
  border-right: 1px solid #ffffff;
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 12px;
  padding-top: 0.4rem;
  padding-bottom: 0.4rem;
}
.nav-menu .menu li:last-of-type a {
  border-right: none;
}
.nav-menu .menu .active > a {
  color: #03783d;
  background: none;
}
.nav-menu .cart {
  color: #ffffff;
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 12px;
  padding-top: 0.4rem;
  padding-bottom: 0.4rem;
}

.pagination {
  width: 100%;
  margin-top: 30px;
}
@media screen and (max-width: 991px) {
  .pagination {
    margin-top: 20px;
  }
}
.pagination > .row + .row {
  margin-top: 30px;
}
@media screen and (max-width: 991px) {
  .pagination > .row .previous .button-previous {
    float: left !important;
  }
}
@media screen and (max-width: 991px) {
  .pagination > .row .next .button-next {
    float: right !important;
  }
}
.pagination > .row .pages {
  margin-top: 10px;
}
@media screen and (max-width: 991px) {
  .pagination > .row .pages {
    margin-top: 0;
    margin-bottom: 20px;
  }
}
.pagination > .row .pages a {
  display: inline;
  color: #03783d;
  font-size: 14px;
}
.pagination > .row .pages a.current {
  color: #ffffff;
  background-color: #03783d;
}

.other-listing {
  border: 0.5px solid #64676b;
  margin-bottom: 10px;
  overflow: hidden;
}
.other-listing .button-red {
  margin: 40px 0 0 0;
}
.other-listing .other-listing-img {
  margin-top: 0px;
  height: 116px;
  object-fit: cover;
}

.user-block {
  background-color: #e6e6e6;
}

form.form input[type="text"],
form.form input[type="url"],
form.form input[type="email"],
form.form input[type="password"],
form.form input[type="number"],
form.form textarea {
  border-radius: 6px;
  height: 44px;
}

form.form textarea {
  height: 100px;
}

form.form input[type="file"] {
  background-color: transparent;
  @extends .button;
}

form.form input[type="submit"] {
  margin-top: 25px;
}

form.form label {
  font-weight: bold;
}

form.form .select2-selection__rendered,
form.form .select2-container,
form.form .select2-selection--single {
  min-height: 39px;
}

form.form .fieldWrapper {
  padding-top: 15px !important;
}

input.error,
select.error,
textarea.error,
.select2 .select2-selection--single.error {
  border-color: red;
}

span.required,
.errorlist > li {
  color: red;
}

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

input[type="number"] {
  -moz-appearance: textfield;
}

.select2 {
  width: 100% !important;
}

.select2-container--disabled.select2-container
  .select2-selection--single
  .select2-selection__rendered {
  cursor: not-allowed !important;
}

.thumb,
.profile-thumb,
.dashboard-thumb {
  display: inline-block;
  margin: 5px;
  border-radius: 50%;
  background-position: center center;
  background-size: 0;
  background-repeat: no-repeat;
}

.alert {
  display: none;
  border-width: 2px;
  background-color: white;
  font-size: 16px;
  font-weight: bold;
  text-align: center;
  margin-bottom: 20px;
}
.alert a {
  text-decoration: underline;
  font-weight: bold;
}

.alert-debug {
  color: #4ca4df;
  border-color: #4ca4df;
}

.alert-success {
  color: #3c763d;
  border-color: #3c763d;
}
.alert-success a {
  color: #3c763d;
}

.alert-warning,
.alert-info {
  color: #404041;
  border-color: #ffbe42;
  background-color: #ffbe42;
}
.alert-warning a,
.alert-info a {
  color: #404041;
}

.alert-error,
.alert-danger,
.callout {
  color: #a94442;
  border-color: #a94442;
  background-color: #f2dede;
}
.alert-error a,
.alert-danger a,
.callout a {
  color: #a94442;
}

.alert .fa-shopping-cart {
  color: #515356;
}

.errorlist {
  padding: 15px;
  margin-bottom: 20px;
  margin-left: 0;
  border: 1px solid transparent;
  border-radius: 4px;
  color: #f9423a;
}
.errorlist li {
  list-style-type: none;
}
.errorlist a {
  color: #f9423a;
}

input.errorlist,
select.errorlist,
textarea.errorlist,
.select2 .selection .select2-selection--single.errorList {
  border-color: #f9423a;
}

.select2 .selection .select2-selection--single.errorList {
  padding-top: 0;
}
.select2
  .selection
  .select2-selection--single.errorList
  .select2-selection__rendered {
  color: #f9423a;
}

@media screen and (max-width: 991px) {
  .messages {
    margin-top: 20px;
    padding-left: 5px;
    padding-right: 5px;
  }
}

@media screen and (max-width: 555px) {
  .messages {
    margin-top: 30px;
  }
}

.modal button.button {
  margin-bottom: 0 !important;
}

.modal.update-shipping-method .modal-dialog {
  width: 75%;
  height: auto;
  max-height: 100%;
}
@media screen and (max-width: 767px) {
  .modal.update-shipping-method .modal-dialog {
    width: auto;
  }
}
@media screen and (max-width: 670px) {
  .modal.update-shipping-method
    .modal-dialog
    .modal-content
    .modal-body
    .headers {
    display: none;
  }
}
.modal.update-shipping-method
  .modal-dialog
  .modal-content
  .modal-body
  .headers
  .shipping-option-details-header {
  padding-left: 0;
  padding-right: 0;
  text-align: center;
}
.modal.update-shipping-method
  .modal-dialog
  .modal-content
  .modal-body
  .shipping-methods
  .title {
  display: none;
  font-weight: bold;
}
@media screen and (max-width: 670px) {
  .modal.update-shipping-method
    .modal-dialog
    .modal-content
    .modal-body
    .shipping-methods
    .title {
    display: inline-block;
  }
}
@media screen and (max-width: 670px) {
  .modal.update-shipping-method
    .modal-dialog
    .modal-content
    .modal-body
    .shipping-methods
    .info {
    display: inline-block;
  }
}
.modal.update-shipping-method
  .modal-dialog
  .modal-content
  .modal-body
  .shipping-methods
  .shipping-method-option {
  padding-top: 5px;
  padding-bottom: 5px;
}
.modal.update-shipping-method
  .modal-dialog
  .modal-content
  .modal-body
  .shipping-methods
  .shipping-method-option:nth-child(even) {
  background-color: #a7a9ab;
}
.modal.update-shipping-method
  .modal-dialog
  .modal-content
  .modal-body
  .shipping-methods
  .shipping-method-option:nth-child(odd) {
  background-color: #e6e6e6;
}
.modal.update-shipping-method
  .modal-dialog
  .modal-content
  .modal-body
  .shipping-methods
  .shipping-method-option.disabled {
  opacity: 0.4;
}
@media screen and (max-width: 670px) {
  .modal.update-shipping-method
    .modal-dialog
    .modal-content
    .modal-body
    .shipping-methods
    .shipping-method-option
    .col-xs-1 {
    padding-top: 18px;
    padding-bottom: 18px;
    width: 5%;
  }
}
@media screen and (max-width: 540px) {
  .modal.update-shipping-method
    .modal-dialog
    .modal-content
    .modal-body
    .shipping-methods
    .shipping-method-option
    .col-xs-1 {
    padding-top: 5px;
    padding-bottom: 10px;
  }
}
@media screen and (max-width: 670px) {
  .modal.update-shipping-method
    .modal-dialog
    .modal-content
    .modal-body
    .shipping-methods
    .shipping-method-option
    .shipping-option-label {
    width: 40%;
    padding-top: 18px;
    padding-bottom: 18px;
  }
}
@media screen and (max-width: 620px) {
  .modal.update-shipping-method
    .modal-dialog
    .modal-content
    .modal-body
    .shipping-methods
    .shipping-method-option
    .shipping-option-label {
    width: 45%;
  }
}
@media screen and (max-width: 540px) {
  .modal.update-shipping-method
    .modal-dialog
    .modal-content
    .modal-body
    .shipping-methods
    .shipping-method-option
    .shipping-option-label {
    width: 95%;
    padding-top: 5px;
    padding-bottom: 5px;
  }
}
@media screen and (max-width: 451px) {
  .modal.update-shipping-method
    .modal-dialog
    .modal-content
    .modal-body
    .shipping-methods
    .shipping-method-option
    .shipping-option-label {
    width: 90%;
  }
}
.modal.update-shipping-method
  .modal-dialog
  .modal-content
  .modal-body
  .shipping-methods
  .shipping-method-option
  .shipping-option-details {
  padding-left: 0;
  padding-right: 0;
  text-align: center;
}
@media screen and (max-width: 670px) {
  .modal.update-shipping-method
    .modal-dialog
    .modal-content
    .modal-body
    .shipping-methods
    .shipping-method-option
    .shipping-option-details {
    text-align: left;
    width: 40%;
  }
}
@media screen and (max-width: 540px) {
  .modal.update-shipping-method
    .modal-dialog
    .modal-content
    .modal-body
    .shipping-methods
    .shipping-method-option
    .shipping-option-details {
    width: 80%;
  }
}
@media screen and (max-width: 400px) {
  .modal.update-shipping-method
    .modal-dialog
    .modal-content
    .modal-body
    .shipping-methods
    .shipping-method-option
    .shipping-option-details {
    width: 75%;
  }
}
@media screen and (max-width: 670px) {
  .modal.update-shipping-method
    .modal-dialog
    .modal-content
    .modal-body
    .shipping-methods
    .shipping-method-option
    .shipping-option-details
    .title {
    width: 40%;
  }
}
@media screen and (max-width: 648px) {
  .modal.update-shipping-method
    .modal-dialog
    .modal-content
    .modal-body
    .shipping-methods
    .shipping-method-option
    .shipping-option-details
    .title {
    width: 45%;
  }
}
@media screen and (max-width: 587px) {
  .modal.update-shipping-method
    .modal-dialog
    .modal-content
    .modal-body
    .shipping-methods
    .shipping-method-option
    .shipping-option-details
    .title {
    width: 50%;
  }
}
@media screen and (max-width: 540px) {
  .modal.update-shipping-method
    .modal-dialog
    .modal-content
    .modal-body
    .shipping-methods
    .shipping-method-option
    .shipping-option-details
    .title {
    width: 35%;
  }
}
@media screen and (max-width: 400px) {
  .modal.update-shipping-method
    .modal-dialog
    .modal-content
    .modal-body
    .shipping-methods
    .shipping-method-option
    .shipping-option-details
    .title {
    width: 40%;
  }
}
@media screen and (max-width: 370px) {
  .modal.update-shipping-method
    .modal-dialog
    .modal-content
    .modal-body
    .shipping-methods
    .shipping-method-option
    .shipping-option-details
    .title {
    width: 45%;
  }
}
@media screen and (max-width: 337px) {
  .modal.update-shipping-method
    .modal-dialog
    .modal-content
    .modal-body
    .shipping-methods
    .shipping-method-option
    .shipping-option-details
    .title {
    width: 50%;
  }
}
@media screen and (max-width: 670px) {
  .modal.update-shipping-method
    .modal-dialog
    .modal-content
    .modal-body
    .shipping-methods
    .shipping-method-option
    .shipping-option-details
    .info {
    width: 55%;
  }
}
@media screen and (max-width: 648px) {
  .modal.update-shipping-method
    .modal-dialog
    .modal-content
    .modal-body
    .shipping-methods
    .shipping-method-option
    .shipping-option-details
    .info {
    width: 50%;
  }
}
@media screen and (max-width: 587px) {
  .modal.update-shipping-method
    .modal-dialog
    .modal-content
    .modal-body
    .shipping-methods
    .shipping-method-option
    .shipping-option-details
    .info {
    width: 45%;
  }
}
@media screen and (max-width: 540px) {
  .modal.update-shipping-method
    .modal-dialog
    .modal-content
    .modal-body
    .shipping-methods
    .shipping-method-option
    .shipping-option-details
    .info {
    width: 55%;
  }
}
@media screen and (max-width: 400px) {
  .modal.update-shipping-method
    .modal-dialog
    .modal-content
    .modal-body
    .shipping-methods
    .shipping-method-option
    .shipping-option-details
    .info {
    width: 50%;
  }
}
@media screen and (max-width: 337px) {
  .modal.update-shipping-method
    .modal-dialog
    .modal-content
    .modal-body
    .shipping-methods
    .shipping-method-option
    .shipping-option-details
    .info {
    width: 45%;
  }
}
@media screen and (max-width: 670px) {
  .modal.update-shipping-method
    .modal-dialog
    .modal-content
    .modal-body
    .shipping-methods
    .shipping-method-option
    .shipping-option-details
    .shipping-option-max-distance {
    width: 100%;
  }
}
@media screen and (max-width: 670px) {
  .modal.update-shipping-method
    .modal-dialog
    .modal-content
    .modal-body
    .shipping-methods
    .shipping-method-option
    .shipping-option-details
    .shipping-option-max-weight {
    width: 100%;
  }
}
@media screen and (max-width: 670px) {
  .modal.update-shipping-method
    .modal-dialog
    .modal-content
    .modal-body
    .shipping-methods
    .shipping-method-option
    .shipping-option-details
    .shipping-option-transit-time {
    width: 100%;
  }
}
@media screen and (max-width: 670px) {
  .modal.update-shipping-method
    .modal-dialog
    .modal-content
    .modal-body
    .shipping-methods
    .shipping-method-option
    .shipping-option-price {
    width: 15%;
  }
}
@media screen and (max-width: 620px) {
  .modal.update-shipping-method
    .modal-dialog
    .modal-content
    .modal-body
    .shipping-methods
    .shipping-method-option
    .shipping-option-price {
    width: 10%;
  }
}
@media screen and (max-width: 540px) {
  .modal.update-shipping-method
    .modal-dialog
    .modal-content
    .modal-body
    .shipping-methods
    .shipping-method-option
    .shipping-option-price {
    width: 15%;
  }
}
@media screen and (max-width: 451px) {
  .modal.update-shipping-method
    .modal-dialog
    .modal-content
    .modal-body
    .shipping-methods
    .shipping-method-option
    .shipping-option-price {
    width: 14%;
  }
}
@media screen and (max-width: 400px) {
  .modal.update-shipping-method
    .modal-dialog
    .modal-content
    .modal-body
    .shipping-methods
    .shipping-method-option
    .shipping-option-price {
    width: 19%;
  }
}
@media screen and (max-width: 385px) {
  .modal.update-shipping-method
    .modal-dialog
    .modal-content
    .modal-body
    .shipping-methods
    .shipping-method-option
    .shipping-option-price {
    width: 18%;
  }
}
@media screen and (max-width: 337px) {
  .modal.update-shipping-method
    .modal-dialog
    .modal-content
    .modal-body
    .shipping-methods
    .shipping-method-option
    .shipping-option-price {
    width: 17%;
  }
}
@media screen and (max-width: 670px) {
  .modal.update-shipping-method
    .modal-dialog
    .modal-content
    .modal-body
    .shipping-methods
    .shipping-method-option
    .shipping-option-price
    .title {
    display: block;
  }
}
@media screen and (max-width: 670px) {
  .modal.update-shipping-method
    .modal-dialog
    .modal-content
    .modal-body
    .shipping-methods
    .shipping-method-option
    .shipping-option-price
    .info {
    display: block;
  }
}
@media screen and (max-width: 767px) {
  .modal#shippingInfoModal .modal-content {
    width: 75% !important;
    margin-left: auto;
    margin-right: auto;
  }
}

@media screen and (max-width: 600px) {
  .modal#shippingInfoModal .modal-content {
    width: 100% !important;
  }
}

@media screen and (max-width: 430px) {
  .modal#shippingInfoModal .modal-content .modal-body .col-xs-4 {
    width: 50%;
  }
}

@media screen and (max-width: 430px) {
  .modal#shippingInfoModal .modal-content .modal-body .col-xs-8 {
    width: 50%;
  }
}

.qty input {
  width: 50%;
  display: inline;
  text-align: center;
  border-radius: 5px;
}

.qty i.fa {
  cursor: pointer;
}

.listing-expiry {
  padding-left: 0;
  padding-right: 0;
}

.remaining {
  text-align: center;
  border-radius: 8px;
}
.remaining h6 {
  width: 100%;
  font-size: 14px;
  margin-top: 1rem;
  margin-bottom: 0;
}
.remaining .time-remaining {
  width: 100%;
  font-size: 13px;
  margin-bottom: 25px;
}
.remaining .time-remaining span {
  margin-left: 5%;
}
.visible {
  border-width: 2px;
  margin-bottom: 0;
  width: 45px;
  padding: 0.75em 1em;
}
.visible.listing-OPEN {
  background-color: #03783d;
  border-color: #03783d;
  color: #ffffff;
}
.visible.listing-OPEN:hover,
.visible.listing-OPEN:active,
.visible.listing-OPEN:focus {
  background-color: #ffffff;
  border-color: #64676b;
  color: #64676b;
}
.visible.listing-OPEN:hover .fa-eye-slash,
.visible.listing-OPEN:active .fa-eye-slash,
.visible.listing-OPEN:focus .fa-eye-slash {
  display: initial;
}
.visible.listing-OPEN:hover .fa-eye,
.visible.listing-OPEN:active .fa-eye,
.visible.listing-OPEN:focus .fa-eye {
  display: none;
}
.visible.listing-OPEN .fa-eye-slash {
  display: none;
}
.visible.listing-CLOSED,
.visible.listing-ARCHIVED {
  background-color: #ffffff;
  border-color: #64676b;
  color: #64676b;
}
.visible.listing-CLOSED:hover,
.visible.listing-CLOSED:active,
.visible.listing-CLOSED:focus,
.visible.listing-ARCHIVED:hover,
.visible.listing-ARCHIVED:active,
.visible.listing-ARCHIVED:focus {
  background-color: #03783d;
  border-color: #03783d;
  color: #ffffff;
}
.visible.listing-CLOSED:hover .fa-eye,
.visible.listing-CLOSED:active .fa-eye,
.visible.listing-CLOSED:focus .fa-eye,
.visible.listing-ARCHIVED:hover .fa-eye,
.visible.listing-ARCHIVED:active .fa-eye,
.visible.listing-ARCHIVED:focus .fa-eye {
  display: initial;
}
.visible.listing-CLOSED:hover .fa-eye-slash,
.visible.listing-CLOSED:active .fa-eye-slash,
.visible.listing-CLOSED:focus .fa-eye-slash,
.visible.listing-ARCHIVED:hover .fa-eye-slash,
.visible.listing-ARCHIVED:active .fa-eye-slash,
.visible.listing-ARCHIVED:focus .fa-eye-slash {
  display: none;
}
.visible.listing-CLOSED .fa-eye,
.visible.listing-ARCHIVED .fa-eye {
  display: none;
}
.visible:hover,
.visible:active,
.visible:focus {
  color: #ffffff;
}

.listing-item-ARCHIVED {
  opacity: 0.8;
}

#visibility-modal {
  z-index: 3000;
}

.display-view {
  padding-top: 10px;
}
@media screen and (max-width: 767px) {
  .display-view {
    padding-top: 0;
    padding-bottom: 5px;
  }
}
.display-view a {
  font-size: 2rem;
  color: #a7a9ab;
}
@media screen and (max-width: 470px) {
  .display-view a {
    font-size: 1.75rem;
  }
}
.display-view a.active {
  color: #03783d;
}

@media (max-width: 460px) {
  #locationForm .modal-body {
    padding: 10px 5px;
  }
}

@media (max-width: 460px) {
  #locationForm .location-form .autocomplete > div {
    width: 100%;
  }
}

#locationForm .location-form span.bottom-border {
  border-bottom: 2px solid #ccc;
  width: 100%;
  height: 1px;
  display: block;
  margin-bottom: 1rem;
}

#locationForm .location-form .map-display .map #map {
  width: 100%;
  height: 200px;
}

#locationForm .location-form .map-display .bottom-border {
  margin-top: 1rem;
}

#locationForm .location-form .show-hide-address .first-hr {
  padding-right: 0;
}

#locationForm .location-form .show-hide-address .address-toggle {
  margin: 0.65rem auto;
  text-align: center;
}
#locationForm .location-form .show-hide-address .address-toggle i {
  vertical-align: middle;
}

#locationForm .location-form .show-hide-address .last-hr {
  padding-left: 0;
}

@media (max-width: 460px) {
  #locationForm .location-form #address-components .street-number {
    width: 100%;
  }
}

@media (max-width: 460px) {
  #locationForm .location-form #address-components .route {
    width: 100%;
  }
}

@media (max-width: 460px) {
  #locationForm .location-form #address-components .city {
    width: 100%;
  }
}

@media (max-width: 460px) {
  #locationForm .location-form #address-components .state {
    width: 100%;
    margin-bottom: 1rem;
  }
}

@media (max-width: 460px) {
  #locationForm .location-form #address-components .country {
    width: 100%;
    margin-bottom: 1rem;
  }
}

@media (max-width: 460px) {
  #locationForm .location-form #address-components .code {
    width: 100%;
  }
}

@media (max-width: 460px) {
  #locationForm .location-form .phone {
    width: 100%;
  }
}

@media (max-width: 460px) {
  #locationForm .location-form .phone-extension {
    width: 100%;
  }
}

.map .object-map {
  position: relative;
  padding-bottom: 50%;
  /* This is the aspect ratio */
  height: 0;
  overflow: hidden;
}
.map .object-map iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100% !important;
  height: 100% !important;
}

.map .object-link {
  display: block;
  text-decoration: underline;
  padding-top: 3px;
  padding-bottom: 3px;
  font-weight: bold;
  color: #03783d;
}

.has-error .form-control {
  border-color: #f9423a !important;
  color: #f9423a !important;
}

.has-error .help-block {
  color: #f9423a !important;
}

p.help-block {
  color: #f9423a !important;
}

.filters {
  padding-left: 0;
  font-size: 0.9rem;
}
@media screen and (max-width: 991px) {
  .filters {
    padding-left: 10px;
  }
}
@media screen and (max-width: 470px) {
  .filters {
    font-size: 0.75rem;
    margin-bottom: 5px;
  }
}
@media screen and (max-width: 470px) {
  .filters span,
  .filters a {
    font-size: 0.75rem;
    margin-bottom: 5px;
  }
}
.filters span.clear-location {
  color: #665787;
}
.filters span.clear-location:hover,
.filters span.clear-location:focus,
.filters span.clear-location:active {
  text-decoration: underline;
  cursor: pointer;
}
.filters .main-filters .filter-button:active,
.filters .main-filters .filter-button:focus,
.filters .main-filters .filter-button:hover {
  background-color: #a7a9ab;
  border-color: #a7a9ab;
  color: #ffffff;
}
.filters .main-filters .filter-label {
  padding-left: 0;
  padding-top: 10px;
}
@media screen and (max-width: 800px) {
  .filters .main-filters .filter-label {
    width: 10%;
  }
}
@media screen and (max-width: 639px) {
  .filters .main-filters .filter-label {
    padding-right: 0;
  }
}
@media screen and (max-width: 555px) {
  .filters .main-filters .filter-label {
    width: 15.5%;
  }
}
@media screen and (max-width: 390px) {
  .filters .main-filters .filter-label {
    width: 17.5%;
  }
}
@media screen and (max-width: 320px) {
  .filters .main-filters .filter-label {
    width: 18.5%;
  }
}
.filters .main-filters .col-xs-11 {
  padding-left: 0;
}
@media screen and (max-width: 1100px) {
  .filters .main-filters .col-xs-11 {
    padding-left: 10px;
  }
}
@media screen and (max-width: 991px) {
  .filters .main-filters .col-xs-11 {
    padding-left: 0;
  }
}
@media screen and (max-width: 800px) {
  .filters .main-filters .col-xs-11 {
    width: 90%;
  }
}
@media screen and (max-width: 639px) {
  .filters .main-filters .col-xs-11 {
    padding-left: 10px;
  }
}
@media screen and (max-width: 555px) {
  .filters .main-filters .col-xs-11 {
    width: 84.5%;
    padding-left: 0;
  }
}
@media screen and (max-width: 390px) {
  .filters .main-filters .col-xs-11 {
    width: 82.5%;
  }
}
@media screen and (max-width: 320px) {
  .filters .main-filters .col-xs-11 {
    width: 81.5%;
  }
}
.filters .sub-filter {
  display: none;
}
.filters .sub-filter .col-xs-12 {
  padding-left: 0;
  padding-right: 0;
}
@media screen and (max-width: 991px) {
  .filters .sub-filter .col-xs-12 {
    padding-right: 10px;
  }
}
#general-modal i {
  cursor: pointer;
}

#general-modal .has-error {
  color: #f9423a;
}
#general-modal .has-error p.help-block {
  color: #f9423a !important;
}

#general-modal .has-error .select2-selection {
  border-color: #f9423a;
}
#general-modal .has-error .select2-selection .select2-selection__rendered {
  color: #f9423a !important;
}

.listing-img .obo {
  position: absolute;
  top: 0px;
  right: -1%;
  border-left: 1px solid rgba(249, 66, 58, 0.85);
  border-bottom: 1px solid rgba(249, 66, 58, 0.85);
  border-bottom-left-radius: 16px;
  border-top-right-radius: 16px;
  padding: 5px 10px;
  background-color: rgba(249, 66, 58, 0.85);
  color: white;
  box-shadow: 1px 1px 4px #404041;
  text-shadow: 1px 0px 4px #404041;
  z-index: 1000;
}

.shipping-info-button {
  cursor: pointer;
}
.shipping-info-button.no-shipping-set {
  display: none;
}

.shipping-update-button {
  cursor: pointer;
}
.shipping-update-button.change-shipping {
  text-decoration: underline;
  color: #665787;
}
.shipping-update-button.select-shipping {
  margin: 0.5rem 0;
  -webkit-animation: pulse 3s infinite ease-in-out;
  -o-animation: pulse 3s infinite ease-in-out;
  -ms-animation: pulse 3s infinite ease-in-out;
  -moz-animation: pulse 3s infinite ease-in-out;
  animation: pulse 3s infinite ease-in-out;
}
.shipping-update-button.select-shipping:hover,
.shipping-update-button.select-shipping:active,
.shipping-update-button.select-shipping:focus {
  background-color: #a7a9ab;
}

.shipping-method-modal {
  cursor: pointer;
}

@-webkit-keyframes pulse {
  0% {
    -webkit-transform: scale(0.9);
    opacity: 0.7;
  }
  50% {
    -webkit-transform: scale(1);
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(0.9);
    opacity: 0.7;
  }
}

@keyframes pulse {
  0% {
    transform: scale(0.9);
    opacity: 0.7;
  }
  50% {
    transform: scale(1);
    opacity: 1;
  }
  100% {
    transform: scale(0.9);
    opacity: 0.7;
  }
}

/*Form Wizard*/
.bs-wizard {
  border-bottom: solid 1px #e0e0e0;
  padding: 0 0 10px 0;
}

.bs-wizard > .bs-wizard-step {
  padding: 0;
  position: relative;
}

.bs-wizard > .bs-wizard-step .bs-wizard-stepnum {
  color: #595959;
  font-size: 14px;
  margin-bottom: 5px;
}

.bs-wizard > .bs-wizard-step .bs-wizard-info {
  color: #999;
  font-size: 12px;
}

.bs-wizard > .bs-wizard-step > .bs-wizard-dot {
  position: absolute;
  width: 30px;
  height: 30px;
  display: block;
  background: #fbe8aa;
  top: 45px;
  left: 50%;
  margin-top: -15px;
  margin-left: -15px;
  border-radius: 50%;
}

.bs-wizard > .bs-wizard-step > .bs-wizard-dot:after {
  content: " ";
  width: 14px;
  height: 14px;
  background: #fbbd19;
  border-radius: 50px;
  position: absolute;
  top: 8px;
  left: 8px;
}

.bs-wizard > .bs-wizard-step > .progress {
  position: relative;
  border-radius: 0px;
  height: 8px;
  box-shadow: none;
  margin: 20px 0;
}

.bs-wizard > .bs-wizard-step > .progress > .progress-bar {
  width: 0px;
  box-shadow: none;
  background: #fbe8aa;
}

.bs-wizard > .bs-wizard-step.complete > .progress > .progress-bar {
  width: 100%;
}

.bs-wizard > .bs-wizard-step.active > .progress > .progress-bar {
  width: 50%;
}

.bs-wizard > .bs-wizard-step:first-child.active > .progress > .progress-bar {
  width: 0%;
}

.bs-wizard > .bs-wizard-step:last-child.active > .progress > .progress-bar {
  width: 100%;
}

.bs-wizard > .bs-wizard-step.disabled > .bs-wizard-dot {
  background-color: #f5f5f5;
}

.bs-wizard > .bs-wizard-step.disabled > .bs-wizard-dot:after {
  opacity: 0;
}

.bs-wizard > .bs-wizard-step:first-child > .progress {
  left: 50%;
  width: 50%;
}

.bs-wizard > .bs-wizard-step:last-child > .progress {
  width: 50%;
}

.bs-wizard > .bs-wizard-step.disabled a.bs-wizard-dot {
  pointer-events: none;
}

/*END Form Wizard*/
.bs-wizard > .bs-wizard-step.complete {
  background-color: #ffffff;
}

/*
 * Copyright (c) 2013 Thibaut Courouble
 * http://www.cssflow.com
 *
 * Licensed under the MIT License:
 * http://www.opensource.org/licenses/mit-license.php
 */
.switch-custom {
  position: relative;
  display: inline-block;
  vertical-align: top;
  width: 50%;
  height: 35px;
  padding: 0;
  background-color: white;
  border-radius: 18px;
  box-shadow: inset 0 -1px white, inset 0 1px 1px rgba(0, 0, 0, 0.05);
  cursor: pointer;
  background-image: -webkit-linear-gradient(top, #eee, white 25px);
  background-image: -moz-linear-gradient(top, #eee, white 25px);
  background-image: -o-linear-gradient(top, #eee, white 25px);
  background-image: linear-gradient(to bottom, #eee, white 25px);
  margin-top: 5px;
}
@media screen and (max-width: 1400px) {
  .switch-custom {
    width: 45%;
  }
}
@media screen and (max-width: 1300px) {
  .switch-custom {
    width: 50%;
  }
}
@media screen and (max-width: 1199px) {
  .switch-custom {
    width: 55%;
  }
}
@media screen and (max-width: 1140px) {
  .switch-custom {
    width: 60%;
  }
}
@media screen and (max-width: 1060px) {
  .switch-custom {
    width: 65%;
  }
}
@media screen and (max-width: 991px) {
  .switch-custom {
    width: 25%;
  }
}
@media screen and (max-width: 961px) {
  .switch-custom {
    width: 26%;
  }
}
@media screen and (max-width: 920px) {
  .switch-custom {
    width: 28%;
  }
}
@media screen and (max-width: 860px) {
  .switch-custom {
    width: 30%;
  }
}
@media screen and (max-width: 800px) {
  .switch-custom {
    width: 32%;
  }
}
@media screen and (max-width: 750px) {
  .switch-custom {
    width: 34%;
  }
}
@media screen and (max-width: 715px) {
  .switch-custom {
    width: 36%;
  }
}
@media screen and (max-width: 675px) {
  .switch-custom {
    width: 38%;
  }
}
@media screen and (max-width: 645px) {
  .switch-custom {
    width: 40%;
  }
}
@media screen and (max-width: 610px) {
  .switch-custom {
    width: 42%;
  }
}
@media screen and (max-width: 585px) {
  .switch-custom {
    width: 44%;
  }
}
@media screen and (max-width: 555px) {
  .switch-custom {
    width: 46%;
  }
}
@media screen and (max-width: 525px) {
  .switch-custom {
    width: 50%;
  }
}
@media screen and (max-width: 505px) {
  .switch-custom {
    width: 52%;
  }
}
@media screen and (max-width: 470px) {
  .switch-custom {
    width: 38%;
  }
}
@media screen and (max-width: 450px) {
  .switch-custom {
    width: 40%;
  }
}
@media screen and (max-width: 420px) {
  .switch-custom {
    width: 42%;
  }
}
@media screen and (max-width: 414px) {
  .switch-custom {
    width: 44%;
  }
}
@media screen and (max-width: 390px) {
  .switch-custom {
    width: 46%;
  }
}
@media screen and (max-width: 370px) {
  .switch-custom {
    width: 48%;
  }
}
@media screen and (max-width: 350px) {
  .switch-custom {
    width: 50%;
  }
}
@media screen and (max-width: 340px) {
  .switch-custom {
    width: 52%;
  }
}
@media screen and (max-width: 330px) {
  .switch-custom {
    width: 54%;
  }
}
@media screen and (max-width: 320px) {
  .switch-custom {
    width: 56%;
  }
}
.switch-input {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
}

.switch-label {
  position: relative;
  display: block;
  height: inherit;
  font-size: 14px;
  text-transform: uppercase;
  background: #eceeef;
  border-radius: inherit;
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.12),
    inset 0 0 2px rgba(0, 0, 0, 0.15);
  -webkit-transition: 0.15s ease-out;
  -moz-transition: 0.15s ease-out;
  -o-transition: 0.15s ease-out;
  transition: 0.15s ease-out;
  -webkit-transition-property: opacity background;
  -moz-transition-property: opacity background;
  -o-transition-property: opacity background;
  transition-property: opacity background;
}
.switch-label:before,
.switch-label:after {
  position: absolute;
  top: 50%;
  margin-top: -0.5em;
  line-height: 1;
  -webkit-transition: inherit;
  -moz-transition: inherit;
  -o-transition: inherit;
  transition: inherit;
}
.switch-label:before {
  content: attr(data-off);
  right: 11px;
  color: #aaa;
  text-shadow: 0 1px rgba(255, 255, 255, 0.5);
}
.switch-label:after {
  content: attr(data-on);
  left: 11px;
  color: white;
  text-shadow: 0 1px rgba(0, 0, 0, 0.2);
  opacity: 0;
}
.switch-input:checked ~ .switch-label {
  background: #47a8d8;
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15),
    inset 0 0 3px rgba(0, 0, 0, 0.2);
}
.switch-input:checked ~ .switch-label:before {
  opacity: 0;
}
.switch-input:checked ~ .switch-label:after {
  opacity: 1;
}

.switch-handle {
  position: absolute;
  top: 5px;
  left: 4px;
  width: 25px;
  height: 25px;
  background: white;
  border-radius: 50%;
  box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.2);
  background-image: -webkit-linear-gradient(top, white 40%, #f0f0f0);
  background-image: -moz-linear-gradient(top, white 40%, #f0f0f0);
  background-image: -o-linear-gradient(top, white 40%, #f0f0f0);
  background-image: linear-gradient(to bottom, white 40%, #f0f0f0);
  -webkit-transition: left 0.15s ease-out;
  -moz-transition: left 0.15s ease-out;
  -o-transition: left 0.15s ease-out;
  transition: left 0.15s ease-out;
}
.switch-handle:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -6px 0 0 -6px;
  width: 12px;
  height: 12px;
  background: #f9f9f9;
  border-radius: 6px;
  box-shadow: inset 0 1px rgba(0, 0, 0, 0.02);
  background-image: -webkit-linear-gradient(top, #eee, white);
  background-image: -moz-linear-gradient(top, #eee, white);
  background-image: -o-linear-gradient(top, #eee, white);
  background-image: linear-gradient(to bottom, #eee, white);
}
.switch-input:checked ~ .switch-handle {
  left: 47px;
  box-shadow: -1px 1px 5px rgba(0, 0, 0, 0.2);
}

.switch-color > .switch-input:checked ~ .switch-label {
  background: #665787;
}

#listingsId .right_col {
  padding-left: 0;
  padding-right: 15px;
}
@media screen and (max-width: 1400px) {
  #listingsId .right_col {
    padding-right: 0;
  }
}
.listing_page .listing-img {
  position: relative;
  overflow: hidden;
  border-radius: 16px;
}
.listing_page .listing-img .discount {
  position: absolute;
  bottom: 0px;
  text-align: center;
  width: 100%;
  padding: 0px 10px;
  text-shadow: 1px 1px #404041;
  box-shadow: 1px 1px 5px #404041;
  background-color: rgba(100, 103, 107, 0.8);
}
.listing_page .listing-img .discount h4 {
  margin-bottom: 0;
}
@media screen and (max-width: 667px) {
  .listing_page .listing-img .discount h4 {
    font-size: 1.25rem;
  }
}
@media screen and (max-width: 568px) {
  .listing_page .listing-img .discount h4 {
    font-size: 1rem;
  }
}
@media screen and (max-width: 414px) {
  .listing_page .listing-img .discount {
    border-bottom-left-radius: 19px;
    border-bottom-right-radius: 19px;
  }
  .listing_page .listing-img .discount h4 {
    font-size: 1.5rem;
  }
}
.listing_page .price {
  text-shadow: 1px 1px 2px #a7a9ab;
}

.template-home .top-section {
  padding-left: 15px;
  padding-right: 15px;
}
@media screen and (max-width: 991px) {
  .template-home .top-section {
    padding-left: 5px;
    padding-right: 5px;
  }
}
@media screen and (max-width: 639px) {
  .template-home .top-section {
    padding-right: 0;
  }
}
@media screen and (max-width: 400px) {
  .template-home .top-section {
    padding-left: 10px;
  }
}
.template-home .row {
  max-width: 85rem;
}

.template-home .display-view {
  padding-top: 5px;
  padding-bottom: 10px;
}
@media screen and (max-width: 800px) {
  .template-home .display-view {
    margin-left: 30%;
    padding-right: 0;
  }
}
@media screen and (max-width: 767px) {
  .template-home .display-view {
    margin-left: 0%;
    padding-right: 10px;
    width: 65%;
  }
}
@media screen and (max-width: 693px) {
  .template-home .display-view {
    width: 40%;
  }
}
@media screen and (max-width: 568px) {
  .template-home .display-view {
    width: 29%;
  }
}
@media screen and (max-width: 480px) {
  .template-home .display-view {
    width: 100%;
    padding-top: 10px;
  }
}
@media screen and (max-width: 1100px) {
  .template-home .fresh-sheet {
    padding-left: 0;
  }
}

@media screen and (max-width: 800px) {
  .template-home .fresh-sheet {
    width: 35%;
  }
}

@media screen and (max-width: 693px) {
  .template-home .fresh-sheet {
    width: 60%;
  }
}

@media screen and (max-width: 639px) {
  .template-home .fresh-sheet {
    padding-left: 0;
  }
}

@media screen and (max-width: 568px) {
  .template-home .fresh-sheet {
    width: 71%;
  }
}

@media screen and (max-width: 480px) {
  .template-home .fresh-sheet {
    width: 100%;
    padding-right: 10px;
  }
}

.template-home
  .fresh-sheet
  .fresh-sheet-button
  + .select2-container--default
  .select2-selection--single {
  border: 2px solid #03783d;
  background-color: #03783d;
}
.template-home
  .fresh-sheet
  .fresh-sheet-button
  + .select2-container--default
  .select2-selection--single
  .select2-selection__rendered {
  color: #ffffff;
  text-transform: uppercase;
}
@media screen and (max-width: 470px) {
  .template-home
    .fresh-sheet
    .fresh-sheet-button
    + .select2-container--default
    .select2-selection--single
    .select2-selection__rendered {
    font-size: 0.75rem;
    padding-top: 3px;
  }
}
@media screen and (max-width: 470px) {
  .template-home
    .fresh-sheet
    .fresh-sheet-button
    + .select2-container--default
    .select2-selection--single
    .select2-selection__arrow {
    top: 4px;
  }
}
.template-home
  .fresh-sheet
  .fresh-sheet-button
  + .select2-container--default
  .select2-selection--single
  .select2-selection__arrow
  b {
  border-color: #fff transparent transparent transparent;
}

@media screen and (max-width: 470px) {
  .template-home .fresh-sheet .fresh-sheet-button {
    font-size: 0.75rem;
  }
}

@media screen and (max-width: 414px) {
  .template-home .fresh-sheet .fresh-sheet-button {
    padding: 0.65em 0.75em;
  }
}

@media screen and (max-width: 400px) {
  .template-home .fresh-sheet .fresh-sheet-button {
    width: 100%;
  }
}

.template-home .sort {
  font-size: 0.9rem;
}
@media screen and (max-width: 600px) {
  .template-home .sort {
    margin-bottom: 10px;
  }
}
@media screen and (max-width: 470px) {
  .template-home .sort {
    font-size: 0.75rem;
  }
}
.template-home .sort.sort-label {
  padding-left: 10px;
  padding-right: 0;
  padding-top: 10px;
}
@media screen and (max-width: 1008px) {
  .template-home .sort.sort-label {
    padding-top: 0;
  }
}
@media screen and (max-width: 991px) {
  .template-home .sort.sort-label {
    padding-left: 10px;
    padding-top: 10px;
  }
}
@media screen and (max-width: 887px) {
  .template-home .sort.sort-label {
    padding-top: 0px !important;
  }
}
@media screen and (max-width: 800px) {
  .template-home .sort.sort-label {
    padding-top: 10px !important;
    width: 10%;
  }
}
@media screen and (max-width: 749px) {
  .template-home .sort.sort-label {
    padding-top: 0 !important;
  }
}
@media screen and (max-width: 639px) {
  .template-home .sort.sort-label {
    width: 13%;
    padding-top: 10px !important;
    padding-left: 0;
  }
}
@media screen and (max-width: 568px) {
  .template-home .sort.sort-label {
    width: 17%;
  }
}
@media screen and (max-width: 390px) {
  .template-home .sort.sort-label {
    width: 20%;
  }
}
.template-home .sort.sort-options {
  padding-left: 0;
}
@media screen and (max-width: 1100px) {
  .template-home .sort.sort-options {
    padding-left: 10px;
    padding-right: 0;
  }
}
@media screen and (max-width: 639px) {
  .template-home .sort.sort-options {
    padding-left: 0;
    width: 22%;
  }
}
@media screen and (max-width: 568px) {
  .template-home .sort.sort-options {
    width: 83%;
    padding-right: 10px;
  }
}
@media screen and (max-width: 390px) {
  .template-home .sort.sort-options {
    width: 80%;
  }
}
.template-home .search {
  padding-left: 0;
  padding-right: 0;
}
@media screen and (max-width: 991px) {
  .template-home .search {
    padding-right: 10px;
  }
}
@media screen and (max-width: 800px) {
  .template-home .search {
    width: 65%;
  }
}
@media screen and (max-width: 639px) {
  .template-home .search {
    padding-right: 20px;
    padding-left: 10px;
  }
}
@media screen and (max-width: 568px) {
  .template-home .search {
    width: 100%;
    padding-left: 0;
  }
}
@media screen and (max-width: 360px) {
  .template-home .search {
    padding-right: 10px;
  }
}
.template-home .search input {
  width: 100%;
}
@media screen and (max-width: 470px) {
  .template-home .search input {
    font-size: 0.75rem;
  }
}
@media screen and (max-width: 360px) {
  .template-home .search input {
    margin-bottom: 5px;
  }
}
@media screen and (max-width: 360px) {
  .template-home .search input#search {
    margin-bottom: 10px;
  }
}
@media screen and (max-width: 767px) {
  .template-home .search .col-xs-10 {
    width: 75%;
  }
}
@media screen and (max-width: 360px) {
  .template-home .search .col-xs-10 {
    width: 100%;
  }
}
.template-home .search .col-xs-2 {
  padding-left: 0;
}
@media screen and (max-width: 991px) {
  .template-home .search .col-xs-2 {
    padding-right: 0;
  }
}
@media screen and (max-width: 767px) {
  .template-home .search .col-xs-2 {
    width: 25%;
  }
}
@media screen and (max-width: 360px) {
  .template-home .search .col-xs-2 {
    width: 100%;
    padding-left: 10px;
    padding-right: 10px;
  }
}
.template-home .search .col-xs-2 input {
  width: 100%;
}
@media screen and (max-width: 1110px) {
  .template-home .search .col-xs-2 input {
    padding: 0.85em 0.5em;
  }
}
@media screen and (max-width: 991px) {
  .template-home .filters {
    padding-left: 0;
  }
}

@media screen and (max-width: 568px) {
  .template-home .filters .main-filters .filter-label {
    width: 17%;
  }
}

@media screen and (max-width: 555px) {
  .template-home .filters .main-filters .filter-label {
    width: 15%;
  }
}

@media screen and (max-width: 390px) {
  .template-home .filters .main-filters .filter-label {
    width: 20%;
  }
}

@media screen and (max-width: 991px) {
  .template-home .filters .main-filters .col-xs-11 {
    padding-left: 15px;
  }
}

@media screen and (max-width: 767px) {
  .template-home .filters .main-filters .col-xs-11 {
    padding-left: 2px;
  }
}

@media screen and (max-width: 639px) {
  .template-home .filters .main-filters .col-xs-11 {
    padding-left: 20px;
  }
}

@media screen and (max-width: 568px) {
  .template-home .filters .main-filters .col-xs-11 {
    width: 83%;
    padding-left: 0;
  }
}

@media screen and (max-width: 555px) {
  .template-home .filters .main-filters .col-xs-11 {
    padding-left: 10px;
  }
}

@media screen and (max-width: 390px) {
  .template-home .filters .main-filters .col-xs-11 {
    width: 80%;
    padding-left: 0;
  }
}

.template-home div#listings {
  font-family: Helvetica Neue, Helvetica, Roboto, Arial, sans-serif;
}
.template-home div#listings .more-button form .button {
  margin-bottom: 0;
}
@media screen and (max-width: 1100px) {
  .template-home div#listings.grid .listing-item {
    width: 50%;
  }
}
@media screen and (max-width: 767px) {
  .template-home div#listings.grid .listing-item {
    width: 100%;
  }
}
.template-home div#listings.grid .listing-item .more-button .my-listings {
  padding-left: 0;
  padding-right: 0;
}
@media screen and (max-width: 1199px) {
  .template-home div#listings.grid .listing-item .more-button .my-listings {
    width: 100%;
  }
}
@media screen and (max-width: 800px) {
  .template-home
    div#listings.grid
    .listing-item
    .more-button
    .my-listings
    .button {
    padding: 0.65em 0.75em;
  }
}
@media screen and (max-width: 767px) {
  .template-home
    div#listings.grid
    .listing-item
    .more-button
    .my-listings
    .button {
    width: 20%;
    padding: 0.75em;
  }
}
.template-home div#listings.grid .listing-item .more-button form .button {
  width: 90%;
}
@media screen and (max-width: 400px) {
  .template-home div#listings.grid .listing-item .more-button form .button {
    width: 100%;
  }
}
.template-home div#listings.grid .listing-item .more-button .button.edit {
  color: #03783d;
}
.template-home div#listings.grid .listing-item .more-button .button.clone,
.template-home div#listings.grid .listing-item .more-button .button.notify {
  color: #ffbe42;
}

.template-home .no-listings {
  padding-top: 20px;
}
.template-home .no-listings a {
  cursor: pointer;
}
.template-home .no-listings a.button {
  background-color: #1b4a3b;
  color: #ffffff;
  text-transform: capitalize;
}
.template-home .no-listings a.button:hover,
.template-home .no-listings a.button:active,
.template-home .no-listings a.button:focus {
  background-color: #64676b;
}
.template-home .no-listings .new-listing {
  color: #515356;
  font-weight: bold;
}

form.listing-form .image-section {
  /*input[type="file"] {
      width: 0.1px;
      height: 0.1px;
      opacity: 0;
      overflow: hidden;
      position: absolute;
      z-index: -1;
    }
    input[type="file"] + label {
      font-size: 1.25em;
      font-weight: 700;
      color: white;
      background-color: black;
      display: inline-block;
    }
    input[type="file"]:focus + label,
    input[type="file"] + label:hover {
      background-color: red;
    }*/
}
form.listing-form .image-section .img-preview {
  object-fit: cover;
}

form.listing-form .geoposition-widget table {
  display: none;
}

form.listing-form .geoposition-search {
  width: 100%;
}

form.listing-form .geoposition-address {
  font-size: 20px;
  padding-bottom: 10px;
}

form.listing-form .fieldWrapper {
  padding-top: 20px;
}

.cart-table .product,
.cart-table .quantity,
.cart-table .price,
.cart-table .item {
  width: 30%;
  text-align: center;
}

.cart-table .detail {
  width: 30%;
  text-align: left;
}

.cart-table .remove {
  width: 10%;
}

#geofilterPlugin .error {
  border-color: #f9423a !important;
  color: #f9423a !important;
}

#geofilterPlugin .geofilter_type {
  padding-left: 0;
}
@media screen and (max-width: 991px) {
  #geofilterPlugin .geofilter_type {
    padding-left: 10px;
  }
}
@media screen and (max-width: 767px) {
  #geofilterPlugin .geofilter_type {
    width: 19%;
  }
}
@media screen and (max-width: 640px) {
  #geofilterPlugin .geofilter_type {
    width: 22%;
  }
}
@media screen and (max-width: 555px) {
  #geofilterPlugin .geofilter_type {
    width: 50%;
  }
}
@media screen and (max-width: 470px) {
  #geofilterPlugin .geofilter_type {
    font-size: 0.75rem;
  }
}
@media screen and (max-width: 400px) {
  #geofilterPlugin .geofilter_type {
    padding-right: 5px;
  }
}
#geofilterPlugin .geo_origin {
  padding-left: 0;
}
@media screen and (max-width: 991px) {
  #geofilterPlugin .geo_origin {
    padding-left: 10px;
    padding-right: 0;
  }
}
@media screen and (max-width: 767px) {
  #geofilterPlugin .geo_origin {
    width: 19%;
  }
}
@media screen and (max-width: 640px) {
  #geofilterPlugin .geo_origin {
    width: 22%;
  }
}
@media screen and (max-width: 555px) {
  #geofilterPlugin .geo_origin {
    width: 50%;
    padding-right: 10px;
  }
}
@media screen and (max-width: 400px) {
  #geofilterPlugin .geo_origin {
    padding-left: 5px;
  }
}
@media screen and (max-width: 470px) {
  #geofilterPlugin .geo_origin input {
    font-size: 0.75rem;
  }
}
#geofilterPlugin .geo_distance {
  padding-left: 20px;
  padding-right: 0;
}
@media screen and (max-width: 1167px) {
  #geofilterPlugin .geo_distance {
    padding-left: 10px;
  }
}
@media screen and (max-width: 767px) {
  #geofilterPlugin .geo_distance {
    width: 75%;
  }
}
@media screen and (max-width: 640px) {
  #geofilterPlugin .geo_distance {
    width: 77%;
    padding-right: 10px;
  }
}
@media screen and (max-width: 491px) {
  #geofilterPlugin .geo_distance {
    width: 100%;
  }
}
#geofilterPlugin .geo_distance label {
  width: 20%;
  display: inline-block;
}
@media screen and (max-width: 1147px) {
  #geofilterPlugin .geo_distance label {
    width: 25%;
  }
}
@media screen and (max-width: 640px) {
  #geofilterPlugin .geo_distance label {
    width: 29%;
  }
}
@media screen and (max-width: 470px) {
  #geofilterPlugin .geo_distance label {
    font-size: 0.75rem;
  }
}
@media screen and (max-width: 379px) {
  #geofilterPlugin .geo_distance label {
    width: 100%;
    margin-bottom: 10px;
  }
}
#geofilterPlugin .geo_distance #geoSlider {
  width: 75%;
  display: inline-block;
}
@media screen and (max-width: 1147px) {
  #geofilterPlugin .geo_distance #geoSlider {
    width: 70%;
  }
}
@media screen and (max-width: 549px) {
  #geofilterPlugin .geo_distance #geoSlider {
    width: 65%;
  }
}
@media screen and (max-width: 379px) {
  #geofilterPlugin .geo_distance #geoSlider {
    width: 100%;
  }
}
#geofilterPlugin .geo_distance #geoSlider {
  height: 12px;
  border-color: #03783d;
  border-width: 2px;
}
#geofilterPlugin .geo_distance #geoSlider .noUi-pips {
  color: #03783d;
}
#geofilterPlugin .geo_distance #geoSlider .noUi-pips.noUi-pips-horizontal {
  padding-top: 8px;
}
#geofilterPlugin
  .geo_distance
  #geoSlider
  .noUi-pips.noUi-pips-horizontal
  .noUi-marker-horizontal {
  background-color: #03783d;
}
#geofilterPlugin
  .geo_distance
  #geoSlider
  .noUi-pips.noUi-pips-horizontal
  .noUi-marker-horizontal.noUi-marker-large {
  height: 12px;
}
#geofilterPlugin
  .geo_distance
  #geoSlider
  .noUi-pips.noUi-pips-horizontal
  .noUi-marker-horizontal.noUi-marker-normal {
  height: 8px;
}
#geofilterPlugin
  .geo_distance
  #geoSlider
  .noUi-pips.noUi-pips-horizontal
  .noUi-value {
  cursor: pointer;
  font-size: 14px;
  font-weight: bold;
}
@media screen and (max-width: 470px) {
  #geofilterPlugin
    .geo_distance
    #geoSlider
    .noUi-pips.noUi-pips-horizontal
    .noUi-value {
    font-size: 0.75rem;
  }
}
#geofilterPlugin .geo_distance #geoSlider .noUi-base .noUi-connects {
  border-radius: 0;
}
#geofilterPlugin
  .geo_distance
  #geoSlider
  .noUi-base
  .noUi-connects
  .noUi-connect {
  background: #03783d;
}
#geofilterPlugin .geo_distance #geoSlider .noUi-base .noUi-handle {
  border-radius: 50%;
  border-color: #03783d;
  height: 35px;
  width: 35px;
  top: -14px;
  border-width: 2px;
}
#geofilterPlugin .geo_distance #geoSlider .noUi-base .noUi-handle:after {
  content: "km";
  left: 7px;
  top: 5px;
  background-color: transparent;
  color: #03783d;
}
@media screen and (max-width: 549px) {
  #geofilterPlugin .geo_distance #geoSlider .noUi-base .noUi-handle:after {
    font-size: 0.85rem;
  }
}
#geofilterPlugin .geo_distance #geoSlider .noUi-base .noUi-handle:before {
  background-color: transparent;
}
#geofilterPlugin
  .geo_distance
  #geoSlider
  .noUi-base
  .noUi-handle
  .noUi-tooltip {
  display: none;
}
#geofilterPlugin
  .geo_distance
  #geoSlider
  .noUi-base
  .noUi-handle.noUi-active
  .noUi-tooltip {
  display: block;
}

#geofilterPlugin .geofilter-button {
  padding-left: 0;
}
@media screen and (max-width: 640px) {
  #geofilterPlugin .geofilter-button {
    width: 20%;
  }
}
@media screen and (max-width: 555px) {
  #geofilterPlugin .geofilter-button {
    width: 23%;
  }
}
@media screen and (max-width: 491px) {
  #geofilterPlugin .geofilter-button {
    width: 100%;
    padding-left: 10px;
  }
}
#geofilterPlugin .geofilter-button button {
  width: 75%;
  margin-bottom: 0;
}
@media screen and (max-width: 1007px) {
  #geofilterPlugin .geofilter-button button {
    font-size: 13px;
  }
}
@media screen and (max-width: 767px) {
  #geofilterPlugin .geofilter-button button {
    font-size: 14px;
    width: 100%;
  }
}
@media screen and (max-width: 491px) {
  #geofilterPlugin .geofilter-button button {
    margin-bottom: 8px;
    margin-top: 40px;
  }
}
@media screen and (max-width: 470px) {
  #geofilterPlugin .geofilter-button button {
    font-size: 0.75rem;
  }
}
#shippingInfoModal .modal-body .row {
  margin-bottom: 5px;
}
#shippingInfoModal .modal-body .row .title {
  font-weight: bold;
}

#shippingInfoModal .modal-footer button {
  margin-bottom: 0;
}

.permission-denied.message {
  border-color: #03783d;
  border-width: 2px;
  font-weight: bold;
  margin-bottom: 0;
}
.permission-denied.message:hover,
.permission-denied.message:active,
.permission-denied.message:focus {
  background-color: #03783d;
  color: #ffffff;
}

.template-listing_list #listing {
  padding-bottom: 50px;
  padding-top: 50px;
  border-bottom: 1px solid #64676b;
}

.template-dashboard {
  /*
    COME BACK TO THIS FOR THE CHART
    .button{
        background-color: #1b4a3b;
        line-height: 1;
        -webkit-appearance: none;
        border: 1px solid transparent;
        padding: .85em 1em;
        margin: 0 0 1rem;
    }

    .button:focus, .button:hover {
        border: 1px solid transparent;
        background-color: #1583cc;
        color: #fefefe;
    }

    #dash-chart div{
        width: 100%;
        height: 403px;
        background-size: cover;
        background-repeat: no-repeat;
        display: none;
    }

    #main{
        overflow: hidden !important;
        margin-top: 10px;
        padding-bottom: 0px;
    }
*/
}
.template-dashboard .row {
  max-width: 85rem;
}
.template-dashboard .container {
  margin-top: 55px;
}
.template-dashboard #dash-metrics > div > div {
  background-size: cover;
  background-position: center -40px;
  background-repeat: no-repeat;
  width: 100%;
  height: 240px;
}
.template-dashboard #dash-chart {
  display: none;
}
.template-dashboard .tile_count {
  max-width: 85rem;
}
.template-dashboard .tile_count h2 {
  margin-bottom: 0.25em;
}
.template-dashboard .tile_count .tile_stats_count:before {
  height: 100px;
}
.template-dashboard .tile_count .tile_stats_count:first-of-type:before {
  border-left: none;
}
.template-dashboard .tile_count .tile_stats_count .count {
  font-size: 50px;
  margin-top: 5px;
  margin-bottom: 0px;
  color: #64676b;
}
.template-dashboard .tile_count .tile_stats_count span.count_top {
  font-size: 40px;
  text-shadow: 1px 1px #a7a9ab;
}
.template-dashboard .tile_count .tile_stats_count span.count_bottom {
  font-size: 18px;
  font-weight: bold;
  text-shadow: none;
}
.template-dashboard .x_panel {
  padding: 10px 0;
  border-color: darkgray;
}
.template-dashboard .x_panel .x_title {
  padding-bottom: 0;
  margin-bottom: 0;
  border-bottom: 1px solid darkgray;
}
.template-dashboard .x_panel .x_content {
  margin-top: 0;
  padding: 0 0 6px;
}
.template-dashboard .x_panel .x_content .row {
  margin-left: auto;
  margin-right: auto;
}
.template-dashboard .x_panel .x_content .row.clickable-row {
  padding-top: 10px;
  padding-bottom: 10px;
  font-size: 16px;
  border-bottom: 1px solid darkgray;
}
.template-dashboard .x_panel .x_content .row.clickable-row:nth-child(odd) {
  background-color: #eee;
}
.template-dashboard .x_panel .x_content .row.clickable-row:hover {
  background-color: lightgray;
}
.template-dashboard .x_panel .x_content .row.clickable-row a {
  color: black;
}
.template-dashboard .x_panel .x_content .row.clickable-row a .dashboard-thumb {
  width: 50px;
  height: 50px;
  background-color: white;
  border: 1px solid #e6e6e6;
  background-size: contain;
}
.template-dashboard .x_panel .x_content .row.clickable-row a .listing-img {
  height: 50px;
  padding-top: 10px;
}
.template-dashboard
  .x_panel
  .x_content
  .row.clickable-row
  a
  .listing-img
  .thumb {
  width: 50px;
  height: 50px;
  background-color: white;
  border: 1px solid #e6e6e6;
  margin-top: 0;
}
.template-dashboard .x_panel .x_content .row.clickable-row a .listing-detail {
  left: 3%;
}
.template-dashboard
  .x_panel
  .x_content
  .row.clickable-row
  a
  .listing-detail
  .listing-price
  span {
  font-size: 14px;
}
.template-dashboard
  .x_panel
  .x_content
  .row.clickable-row
  a
  .listing-expiration {
  left: 0%;
  padding-top: 20px;
  padding-left: 0;
}
.template-dashboard
  .x_panel
  .x_content
  .row.clickable-row
  a
  .listing-expiration
  span.expiration {
  padding: 10px;
}
.template-dashboard .x_panel .x_content .row.clickable-row a .order-img {
  padding-top: 5px;
}
.template-dashboard .x_panel .x_content .row.clickable-row a .order-detail {
  left: 3%;
}
.template-dashboard
  .x_panel
  .x_content
  .row.clickable-row
  a
  .order-detail
  .orderDate {
  display: block;
}
.template-dashboard .x_panel .x_content .row.clickable-row a .orderStatus {
  padding-top: 18px;
  padding-left: 0;
  left: 0%;
}
.template-dashboard .x_panel .x_content .row.clickable-row a .orderStatus div {
  width: 120px;
  padding: 5px 10px;
  font-size: 15px;
}
.template-dashboard
  .x_panel
  .x_content
  .row.clickable-row
  a
  .msg-sender-company-logo
  img {
  width: 70px;
  height: 70px;
}
.template-dashboard .x_panel .x_content .row.clickable-row a .msg-sent-date {
  padding-left: 0;
  padding-right: 0;
}
.template-dashboard .x_panel .view-more {
  font-size: 15px;
  margin-top: 5px;
}
.template-dashboard .x_panel .view-more a {
  text-decoration: underline;
}
@media screen and (max-width: 1461px) {
  .template-dashboard .tile_count .tile_stats_count .count {
    font-size: 48px;
  }
  .template-dashboard .tile_count .tile_stats_count span.count_bottom {
    font-size: 16px;
  }
}
@media screen and (max-width: 1410px) {
  .template-dashboard .orderStatus {
    left: -2% !important;
  }
}
@media screen and (max-width: 1350px) {
  .template-dashboard .x_panel .x_content .clickable-row .listing-detail,
  .template-dashboard .x_panel .x_content .clickable-row .order-detail,
  .template-dashboard .x_panel .x_content .clickable-row .msg-detail {
    font-size: 14px;
  }
  .template-dashboard .x_panel .x_content .clickable-row .listing-img,
  .template-dashboard .x_panel .x_content .clickable-row .order-img,
  .template-dashboard
    .x_panel
    .x_content
    .clickable-row
    .msg-sender-company-logo {
    padding-left: 5px;
  }
  .template-dashboard .x_panel .x_content .clickable-row .orderStatus div {
    width: 100px !important;
    padding: 5px !important;
    font-size: 13px !important;
  }
}
@media screen and (max-width: 1342px) {
  .template-dashboard .tile_count .tile_stats_count .count {
    font-size: 46px;
  }
  .template-dashboard .tile_count .tile_stats_count span.count_top {
    font-size: 38px;
  }
  .template-dashboard .tile_count .tile_stats_count span.count_bottom {
    font-size: 15px;
  }
}
@media screen and (max-width: 1289px) {
  .template-dashboard .tile_count .tile_stats_count .count {
    font-size: 45px;
  }
  .template-dashboard .tile_count .tile_stats_count span.count_bottom {
    font-size: 14px;
  }
}
@media screen and (max-width: 1250px) {
  .template-dashboard .x_panel .x_content .clickable-row .listing-expiration {
    left: -2% !important;
  }
  .template-dashboard .x_panel .x_content .clickable-row .listing-detail,
  .template-dashboard .x_panel .x_content .clickable-row .order-detail,
  .template-dashboard .x_panel .x_content .clickable-row .msg-detail {
    font-size: 13px;
  }
  .template-dashboard .x_panel .x_content .clickable-row .listing-img,
  .template-dashboard .x_panel .x_content .clickable-row .order-img,
  .template-dashboard
    .x_panel
    .x_content
    .clickable-row
    .msg-sender-company-logo {
    padding-left: 2px;
  }
}
@media screen and (max-width: 1230px) {
  .template-dashboard .tile_count .tile_stats_count span.count_bottom {
    font-size: 13px;
  }
}
@media screen and (max-width: 1200px) {
  .template-dashboard .x_panel .x_content .clickable-row .listing-expiration {
    left: 0% !important;
  }
  .template-dashboard .x_panel .x_content .clickable-row .listing-detail,
  .template-dashboard .x_panel .x_content .clickable-row .order-detail,
  .template-dashboard .x_panel .x_content .clickable-row .msg-detail {
    font-size: 15px;
  }
  .template-dashboard .x_panel .x_content .clickable-row .listing-img,
  .template-dashboard .x_panel .x_content .clickable-row .order-img,
  .template-dashboard
    .x_panel
    .x_content
    .clickable-row
    .msg-sender-company-logo {
    padding-left: 5px;
  }
}
@media screen and (max-width: 1170px) {
  .template-dashboard .tile_count .tile_stats_count span.count_bottom {
    font-size: 12px;
  }
}
@media screen and (max-width: 1115px) {
  .template-dashboard .panels .col-md-4 {
    padding-left: 5px;
    padding-right: 5px;
  }
}
@media screen and (max-width: 1110px) {
  .template-dashboard .tile_count .tile_stats_count {
    padding-left: 10px;
  }
  .template-dashboard .tile_count .tile_stats_count .count {
    font-size: 43px;
  }
}
@media screen and (max-width: 1085px) {
  .template-dashboard .panels .col-md-4 {
    width: 50%;
  }
  .template-dashboard .panels .col-md-4:last-child {
    width: 100%;
  }
  .template-dashboard
    .panels
    .col-md-4
    .x_panel
    .x_content
    .clickable-row
    .dashboard-thumb,
  .template-dashboard
    .panels
    .col-md-4
    .x_panel
    .x_content
    .clickable-row
    .thumb {
    width: 70px;
    height: 70px;
  }
  .template-dashboard
    .panels
    .col-md-4
    .x_panel
    .x_content
    .clickable-row
    .listing-detail,
  .template-dashboard
    .panels
    .col-md-4
    .x_panel
    .x_content
    .clickable-row
    .order-detail,
  .template-dashboard
    .panels
    .col-md-4
    .x_panel
    .x_content
    .clickable-row
    .msg-detail {
    font-size: 17px;
  }
  .template-dashboard
    .panels
    .col-md-4
    .x_panel
    .x_content
    .clickable-row
    .orderStatus {
    padding-top: 24px;
  }
  .template-dashboard
    .panels
    .col-md-4
    .x_panel
    .x_content
    .clickable-row
    .orderStatus
    div {
    width: 135px !important;
    padding: 5px 10px !important;
    font-size: 16px !important;
  }
}
@media screen and (max-width: 1050px) {
  .template-dashboard .tile_count .tile_stats_count span.count_bottom {
    font-size: 11px;
  }
}
@media screen and (max-width: 991px) {
  .template-dashboard {
    padding-left: 5px;
    padding-right: 5px;
  }
  .template-dashboard .tile_count .tile_stats_count {
    border-bottom: 0;
  }
  .template-dashboard .tile_count .tile_stats_count .count {
    font-size: 46px;
  }
  .template-dashboard .tile_count .tile_stats_count span.count_top {
    font-size: 38px;
  }
  .template-dashboard .tile_count .tile_stats_count span.count_bottom {
    font-size: 13px;
  }
  .template-dashboard .panels .col-md-4 {
    padding-left: 10px;
    padding-right: 10px;
  }
}
@media screen and (max-width: 859px) {
  .template-dashboard .tile_count .tile_stats_count span.count_bottom {
    font-size: 12px;
  }
}
@media screen and (max-width: 799px) {
  .template-dashboard .tile_count .tile_stats_count .count {
    font-size: 45px;
  }
  .template-dashboard .tile_count .tile_stats_count span.count_bottom {
    font-size: 11px;
  }
}
@media screen and (max-width: 767px) {
  .template-dashboard .tile_count {
    margin-top: 0;
  }
  .template-dashboard .tile_count .tile_stats_count {
    margin-bottom: 20px;
  }
  .template-dashboard .tile_count .tile_stats_count:nth-child(even):before {
    border-left: none;
  }
  .template-dashboard .tile_count .tile_stats_count span.count_bottom {
    font-size: 15px;
  }
  .template-dashboard .panels .col-md-4.col-xs-12 {
    width: 100% !important;
  }
  .template-dashboard .panels .col-md-4.col-xs-12 .listing-detail,
  .template-dashboard .panels .col-md-4.col-xs-12 .order-detail,
  .template-dashboard .panels .col-md-4.col-xs-12 .msg-detail {
    font-size: 18px;
    padding-top: 5px;
  }
  .template-dashboard .panels .col-md-4.col-xs-12 .listing-expiration {
    left: initial !important;
    right: -14%;
  }
  .template-dashboard .panels .col-md-4.col-xs-12 .orderStatus {
    left: initial !important;
    right: -5% !important;
  }
  .template-dashboard .panels .col-md-4.col-xs-12 .msg-detail {
    left: 3%;
  }
}
@media screen and (max-width: 639px) {
  .template-dashboard .tile_count h2 {
    font-size: 2.25rem;
  }
}
@media screen and (max-width: 560px) {
  .template-dashboard .panels .col-md-4.col-xs-12 .listing-expiration {
    right: -7%;
  }
  .template-dashboard .panels .col-md-4.col-xs-12 .orderStatus {
    right: 0% !important;
  }
}
@media screen and (max-width: 489px) {
  .template-dashboard .tile_count .tile_stats_count {
    margin-bottom: 15px;
  }
  .template-dashboard .tile_count .tile_stats_count .count {
    font-size: 43px;
    margin-top: 0;
  }
  .template-dashboard .tile_count .tile_stats_count span.count_top {
    font-size: 36px;
  }
  .template-dashboard .tile_count .tile_stats_count span.count_bottom {
    font-size: 14px;
  }
}
@media screen and (max-width: 475px) {
  .template-dashboard
    .panels
    .col-md-4.col-xs-12
    .x_panel
    .x_content
    .clickable-row
    .listing-expiration {
    padding-top: 37px;
  }
}
@media screen and (max-width: 460px) {
  .template-dashboard .tile_count h2 {
    font-size: 2rem;
  }
  .template-dashboard .tile_count .tile_stats_count .count {
    font-size: 35px;
  }
  .template-dashboard .tile_count .tile_stats_count span.count_top {
    font-size: 30px;
  }
  .template-dashboard .tile_count .tile_stats_count span.count_bottom {
    font-size: 12px;
  }
}
@media screen and (max-width: 430px) {
  .template-dashboard
    .panels
    .col-md-4.col-xs-12
    .x_panel
    .x_content
    .clickable-row
    .listing-expiration {
    right: -4%;
  }
  .template-dashboard
    .panels
    .col-md-4.col-xs-12
    .x_panel
    .x_content
    .clickable-row
    .orderStatus
    div {
    width: 115px !important;
    padding: 7px 10px 5px !important;
    font-size: 14px !important;
  }
  .template-dashboard
    .panels
    .col-md-4.col-xs-12
    .x_panel
    .x_content
    .clickable-row
    .msg-sent-date {
    left: 0 !important;
  }
}
@media screen and (max-width: 399px) {
  .template-dashboard .tile_count .tile_stats_count span.count_bottom {
    font-size: 11px;
  }
}
@media screen and (max-width: 380px) {
  .template-dashboard
    .panels
    .col-md-4.col-xs-12
    .x_panel
    .x_content
    .clickable-row
    .listing-expiration {
    right: -2%;
    font-size: 15px;
  }
  .template-dashboard
    .panels
    .col-md-4.col-xs-12
    .x_panel
    .x_content
    .clickable-row
    .listing-img,
  .template-dashboard
    .panels
    .col-md-4.col-xs-12
    .x_panel
    .x_content
    .clickable-row
    .order-img,
  .template-dashboard
    .panels
    .col-md-4.col-xs-12
    .x_panel
    .x_content
    .clickable-row
    .msg-sender-company-logo {
    padding-left: 2px;
  }
}
@media screen and (max-width: 360px) {
  .template-dashboard .tile_count h2 {
    font-size: 1.75rem;
  }
  .template-dashboard .tile_count .tile_stats_count .count {
    font-size: 33px;
  }
  .template-dashboard .tile_count .tile_stats_count span.count_top {
    font-size: 28px;
  }
  .template-dashboard .tile_count .tile_stats_count span.count_bottom {
    font-size: 10px;
  }
}
@media screen and (max-width: 339px) {
  .template-dashboard .tile_count .tile_stats_count .count {
    font-size: 30px;
    line-height: 35px;
  }
  .template-dashboard .tile_count .tile_stats_count span.count_top {
    font-size: 27px;
  }
  .template-dashboard .tile_count .tile_stats_count span.count_bottom {
    font-size: 9.75px;
  }
  .template-dashboard
    .panels
    .col-md-4.col-xs-12
    .x_panel
    .x_content
    .clickable-row
    .listing-detail,
  .template-dashboard
    .panels
    .col-md-4.col-xs-12
    .x_panel
    .x_content
    .clickable-row
    .order-detail,
  .template-dashboard
    .panels
    .col-md-4.col-xs-12
    .x_panel
    .x_content
    .clickable-row
    .msg-detail {
    font-size: 16px;
    padding-right: 15px;
    padding-left: 15px;
  }
  .template-dashboard
    .panels
    .col-md-4.col-xs-12
    .x_panel
    .x_content
    .clickable-row
    .listing-detail {
    width: 45% !important;
  }
  .template-dashboard
    .panels
    .col-md-4.col-xs-12
    .x_panel
    .x_content
    .clickable-row
    .listing-expiration {
    width: 35%;
    right: -8%;
    font-size: 13px;
  }
  .template-dashboard
    .panels
    .col-md-4.col-xs-12
    .x_panel
    .x_content
    .clickable-row
    .msg-sent-date {
    text-align: center;
  }
}
@media screen and (max-width: 332px) {
  .template-dashboard .tile_count .tile_stats_count span.count_bottom {
    font-size: 9.5px;
  }
}
@media screen and (max-width: 324px) {
  .template-dashboard .tile_count h2 {
    font-size: 1.5rem;
  }
  .template-dashboard .tile_count .tile_stats_count span.count_bottom {
    font-size: 9.25px;
  }
}
@media screen and (max-width: 320px) {
  .template-dashboard
    .panels
    .col-md-4.col-xs-12
    .x_panel
    .x_content
    .clickable-row
    .orderStatus {
    right: 3% !important;
  }
}
.template-dashboard-new .container {
  margin-top: 45px;
}
.template-dashboard-new .container hr {
  margin-bottom: 20px;
}
@media screen and (max-width: 991px) {
  .template-dashboard-new .container hr {
    margin-top: 0;
    margin-bottom: 10px;
  }
}
.template-dashboard-new .container .metrics {
  width: 100%;
  margin-bottom: 5px;
}
@media screen and (max-width: 767px) {
  .template-dashboard-new .container .metrics {
    margin-bottom: 0;
  }
}
.template-dashboard-new .container .metrics .tile_count {
  max-width: 85rem;
  margin-top: 10px;
}
@media screen and (max-width: 1055px) {
  .template-dashboard-new .container .metrics .tile_count {
    margin-bottom: 10px;
  }
}
@media screen and (max-width: 991px) {
  .template-dashboard-new .container .metrics .tile_count {
    margin-bottom: 0;
  }
}
@media screen and (max-width: 767px) {
  .template-dashboard-new .container .metrics .tile_count {
    margin-top: 0;
  }
}
.template-dashboard-new .container .metrics .tile_count h2 {
  margin-bottom: 0.25em;
}
@media screen and (max-width: 639px) {
  .template-dashboard-new .container .metrics .tile_count h2 {
    font-size: 2.25rem;
  }
}
@media screen and (max-width: 474px) {
  .template-dashboard-new .container .metrics .tile_count h2 {
    font-size: 2rem;
  }
}
@media screen and (max-width: 399px) {
  .template-dashboard-new .container .metrics .tile_count h2 {
    font-size: 1.75rem;
  }
}
@media screen and (max-width: 339px) {
  .template-dashboard-new .container .metrics .tile_count h2 {
    font-size: 1.5rem;
  }
}
.template-dashboard-new .container .metrics .tile_count .tile_stats_count {
  padding: 0 2px;
  margin-bottom: 28px;
}
.template-dashboard-new
  .container
  .metrics
  .tile_count
  .tile_stats_count:before {
  height: 100px;
  border: none;
}
.template-dashboard-new
  .container
  .metrics
  .tile_count
  .tile_stats_count:first-of-type:before,
.template-dashboard-new
  .container
  .metrics
  .tile_count
  .tile_stats_count:nth-of-type(5):before {
  border-left: none;
}
@media screen and (max-width: 767px) {
  .template-dashboard-new
    .container
    .metrics
    .tile_count
    .tile_stats_count:nth-child(even):before {
    border-left: none;
  }
}
@media screen and (max-width: 991px) {
  .template-dashboard-new .container .metrics .tile_count .tile_stats_count {
    border-bottom: none;
  }
}
@media screen and (max-width: 600px) {
  .template-dashboard-new .container .metrics .tile_count .tile_stats_count {
    width: 50%;
  }
}
@media screen and (max-width: 450px) {
  .template-dashboard-new .container .metrics .tile_count .tile_stats_count {
    width: 100%;
    padding: 0;
  }
}
.template-dashboard-new
  .container
  .metrics
  .tile_count
  .tile_stats_count
  .count {
  font-size: 22px;
  line-height: 24px;
  margin-top: 5px;
  margin-bottom: 0px;
  margin-left: 5px;
  color: #64676b;
  display: inline;
}
.template-dashboard-new
  .container
  .metrics
  .tile_count
  .tile_stats_count
  span.count_top {
  font-size: 24px;
  text-shadow: 1px 1px #a7a9ab;
}
.template-dashboard-new
  .container
  .metrics
  .tile_count
  .tile_stats_count
  span.count_bottom {
  font-size: 13px;
  font-weight: bold;
  display: block;
  color: #64676b;
  text-shadow: none;
}
@media screen and (max-width: 1042px) {
  .template-dashboard-new
    .container
    .metrics
    .tile_count
    .tile_stats_count
    span.count_bottom {
    font-size: 12px;
  }
}
@media screen and (max-width: 991px) {
  .template-dashboard-new .container .dashboard {
    padding-left: 15px;
    padding-right: 15px;
  }
}
@media screen and (max-width: 767px) {
  .template-dashboard-new .container .dashboard {
    padding-left: 0;
    padding-right: 0;
  }
}
.template-dashboard-new .container .dashboard .short .widget__body {
  height: 284px !important;
}
@media screen and (max-width: 767px) {
  .template-dashboard-new .container .dashboard .short .widget__body {
    height: auto !important;
    max-height: 400px;
  }
}
.template-dashboard-new .container .dashboard .short .widget__body.metrics {
  height: auto !important;
}
.template-dashboard-new .container .dashboard .tall .widget__body {
  height: 673px !important;
}
@media screen and (max-width: 767px) {
  .template-dashboard-new .container .dashboard .tall .widget__body {
    height: 500px !important;
  }
}
.template-dashboard-new
  .container
  .dashboard
  .masonry__block
  .controlcenter__widget__tab {
  padding: 0 3px 0 7px;
  width: 100%;
}
.template-dashboard-new
  .container
  .dashboard
  .masonry__block
  .controlcenter__widget__tab
  .controlcenter__widget__title {
  text-transform: capitalize;
  font-weight: normal;
  position: relative;
  color: #03783d;
}
.template-dashboard-new
  .container
  .dashboard
  .masonry__block
  .controlcenter__widget__tab
  .controlcenter__widget__title
  .subtitle {
  position: absolute;
  right: 0;
  bottom: 10px;
}
@media (max-width: 360px) {
  .template-dashboard-new
    .container
    .dashboard
    .masonry__block
    .controlcenter__widget__tab
    .controlcenter__widget__title
    .subtitle {
    font-size: 10px;
  }
}
.template-dashboard-new
  .container
  .dashboard
  .masonry__block
  .controlcenter__widget__body {
  border: 1px solid #a7a9ab;
  box-shadow: none;
}
.template-dashboard-new
  .container
  .dashboard
  .masonry__block
  .controlcenter__widget__body
  .headings {
  border-bottom: 1px solid #a7a9ab;
  font-size: 12px;
  background-color: #ffffff;
  padding-top: 2px;
  padding-bottom: 2px;
  position: relative;
}
@supports (position: sticky) {
  .template-dashboard-new
    .container
    .dashboard
    .masonry__block
    .controlcenter__widget__body
    .headings {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 100;
  }
}
.template-dashboard-new
  .container
  .dashboard
  .masonry__block
  .controlcenter__widget__body
  .headings
  .heading {
  font-weight: bold;
}
.template-dashboard-new
  .container
  .dashboard
  .masonry__block
  .controlcenter__widget__body
  .row {
  margin-left: auto;
  margin-right: auto;
}
.template-dashboard-new
  .container
  .dashboard
  .masonry__block
  .controlcenter__widget__body
  .row.clickable-widget-row {
  padding-top: 10px;
  padding-bottom: 10px;
  font-size: 14px;
  border-bottom: 1px solid #e6e6e6;
  min-height: 94px;
}
@media screen and (max-width: 1250px) {
  .template-dashboard-new
    .container
    .dashboard
    .masonry__block
    .controlcenter__widget__body
    .row.clickable-widget-row {
    font-size: 13px;
  }
}
@media screen and (max-width: 1085px) {
  .template-dashboard-new
    .container
    .dashboard
    .masonry__block
    .controlcenter__widget__body
    .row.clickable-widget-row {
    font-size: 15px;
  }
}
@media screen and (max-width: 375px) {
  .template-dashboard-new
    .container
    .dashboard
    .masonry__block
    .controlcenter__widget__body
    .row.clickable-widget-row {
    font-size: 14px;
  }
}
@media screen and (max-width: 325px) {
  .template-dashboard-new
    .container
    .dashboard
    .masonry__block
    .controlcenter__widget__body
    .row.clickable-widget-row {
    font-size: 13px;
  }
}
.template-dashboard-new
  .container
  .dashboard
  .masonry__block
  .controlcenter__widget__body
  .row.clickable-widget-row:nth-child(even) {
  background-color: #eee;
}
.template-dashboard-new
  .container
  .dashboard
  .masonry__block
  .controlcenter__widget__body
  .row.clickable-widget-row:hover {
  background-color: #e6e6e6;
}
.template-dashboard-new
  .container
  .dashboard
  .masonry__block
  .controlcenter__widget__body
  .row.clickable-widget-row
  a {
  color: black;
}
.template-dashboard-new
  .container
  .dashboard
  .masonry__block
  .controlcenter__widget__body
  .row.clickable-widget-row
  a
  .dashboard-thumb {
  width: 50px;
  height: 50px;
  background-color: white;
  border: 1px solid #e6e6e6;
  background-size: contain;
}
@media screen and (max-width: 1085px) {
  .template-dashboard-new
    .container
    .dashboard
    .masonry__block
    .controlcenter__widget__body
    .row.clickable-widget-row
    a
    .dashboard-thumb {
    width: 60px;
    height: 60px;
  }
}
@media screen and (max-width: 375px) {
  .template-dashboard-new
    .container
    .dashboard
    .masonry__block
    .controlcenter__widget__body
    .row.clickable-widget-row
    a
    .dashboard-thumb {
    width: 50px;
    height: 50px;
  }
}
.template-dashboard-new
  .container
  .dashboard
  .masonry__block
  .controlcenter__widget__body
  .row.clickable-widget-row
  a
  .detail {
  left: 2%;
  line-height: 22px;
}
@media screen and (max-width: 1300px) {
  .template-dashboard-new
    .container
    .dashboard
    .masonry__block
    .controlcenter__widget__body
    .row.clickable-widget-row
    a
    .detail {
    left: 3%;
  }
}
@media screen and (max-width: 1200px) {
  .template-dashboard-new
    .container
    .dashboard
    .masonry__block
    .controlcenter__widget__body
    .row.clickable-widget-row
    a
    .detail {
    left: 4%;
  }
}
@media screen and (max-width: 1100px) {
  .template-dashboard-new
    .container
    .dashboard
    .masonry__block
    .controlcenter__widget__body
    .row.clickable-widget-row
    a
    .detail {
    left: 5%;
  }
}
@media screen and (max-width: 767px) {
  .template-dashboard-new
    .container
    .dashboard
    .masonry__block
    .controlcenter__widget__body
    .row.clickable-widget-row
    a
    .detail {
    left: 0% !important;
    width: 60% !important;
  }
}
@media screen and (max-width: 475px) {
  .template-dashboard-new
    .container
    .dashboard
    .masonry__block
    .controlcenter__widget__body
    .row.clickable-widget-row
    a
    .detail {
    left: 1% !important;
    width: 58% !important;
  }
}
@media screen and (max-width: 450px) {
  .template-dashboard-new
    .container
    .dashboard
    .masonry__block
    .controlcenter__widget__body
    .row.clickable-widget-row
    a
    .detail {
    left: 2% !important;
  }
}
@media screen and (max-width: 400px) {
  .template-dashboard-new
    .container
    .dashboard
    .masonry__block
    .controlcenter__widget__body
    .row.clickable-widget-row
    a
    .detail {
    left: 3% !important;
    width: 55% !important;
  }
}
@media screen and (max-width: 350px) {
  .template-dashboard-new
    .container
    .dashboard
    .masonry__block
    .controlcenter__widget__body
    .row.clickable-widget-row
    a
    .detail {
    left: 4% !important;
    width: 53% !important;
  }
}
@media screen and (max-width: 1300px) {
  .template-dashboard-new
    .container
    .dashboard
    .masonry__block
    .controlcenter__widget__body
    .row.clickable-widget-row
    a
    .image {
    padding-left: 5px;
  }
}
@media screen and (max-width: 1085px) {
  .template-dashboard-new
    .container
    .dashboard
    .masonry__block
    .controlcenter__widget__body
    .row.clickable-widget-row
    a
    .image {
    padding-left: 10px;
  }
}
.template-dashboard-new
  .container
  .dashboard
  .masonry__block
  .controlcenter__widget__body
  .row.clickable-widget-row
  a
  .listing-img {
  height: 50px;
  padding-top: 5px;
}
.template-dashboard-new
  .container
  .dashboard
  .masonry__block
  .controlcenter__widget__body
  .row.clickable-widget-row
  a
  .listing-img
  .thumb {
  width: 50px;
  height: 50px;
  background-color: white;
  border: 1px solid #e6e6e6;
  margin-top: 0;
}
@media screen and (max-width: 1085px) {
  .template-dashboard-new
    .container
    .dashboard
    .masonry__block
    .controlcenter__widget__body
    .row.clickable-widget-row
    a
    .listing-img
    .thumb {
    width: 60px;
    height: 60px;
  }
}
@media screen and (max-width: 375px) {
  .template-dashboard-new
    .container
    .dashboard
    .masonry__block
    .controlcenter__widget__body
    .row.clickable-widget-row
    a
    .listing-img
    .thumb {
    width: 50px;
    height: 50px;
  }
}
.template-dashboard-new
  .container
  .dashboard
  .masonry__block
  .controlcenter__widget__body
  .row.clickable-widget-row
  a
  .listing-detail
  .listing-price
  span {
  font-size: 14px;
}
.template-dashboard-new
  .container
  .dashboard
  .masonry__block
  .controlcenter__widget__body
  .row.clickable-widget-row
  a
  .listing-expiration {
  border: 2px solid;
  border-radius: 8px;
  padding: 5px;
  left: -2%;
  font-size: 0.75rem;
  margin-top: 15px;
}
@media screen and (max-width: 1050px) {
  .template-dashboard-new
    .container
    .dashboard
    .masonry__block
    .controlcenter__widget__body
    .row.clickable-widget-row
    a
    .listing-expiration {
    margin-top: 20px;
  }
}
@media screen and (max-width: 767px) {
  .template-dashboard-new
    .container
    .dashboard
    .masonry__block
    .controlcenter__widget__body
    .row.clickable-widget-row
    a
    .listing-expiration {
    width: 20%;
    left: 2%;
  }
}
@media screen and (max-width: 475px) {
  .template-dashboard-new
    .container
    .dashboard
    .masonry__block
    .controlcenter__widget__body
    .row.clickable-widget-row
    a
    .listing-expiration {
    width: 22%;
  }
}
@media screen and (max-width: 400px) {
  .template-dashboard-new
    .container
    .dashboard
    .masonry__block
    .controlcenter__widget__body
    .row.clickable-widget-row
    a
    .listing-expiration {
    width: 25%;
  }
}
@media screen and (max-width: 350px) {
  .template-dashboard-new
    .container
    .dashboard
    .masonry__block
    .controlcenter__widget__body
    .row.clickable-widget-row
    a
    .listing-expiration {
    width: 27%;
  }
}
@media screen and (max-width: 325px) {
  .template-dashboard-new
    .container
    .dashboard
    .masonry__block
    .controlcenter__widget__body
    .row.clickable-widget-row
    a
    .listing-expiration {
    font-size: 0.65rem;
    line-height: 17px;
  }
}
.template-dashboard-new
  .container
  .dashboard
  .masonry__block
  .controlcenter__widget__body
  .row.clickable-widget-row
  a
  .listing-expiration
  span.expiration {
  border: none;
  font-size: inherit;
}
.template-dashboard-new
  .container
  .dashboard
  .masonry__block
  .controlcenter__widget__body
  .row.clickable-widget-row
  a
  .order-detail
  .orderDate {
  display: block;
}
.template-dashboard-new
  .container
  .dashboard
  .masonry__block
  .controlcenter__widget__body
  .row.clickable-widget-row
  a
  .orderStatus {
  left: -1%;
  margin-top: 15px;
  font-size: 0.75rem;
}
@media screen and (max-width: 1290px) {
  .template-dashboard-new
    .container
    .dashboard
    .masonry__block
    .controlcenter__widget__body
    .row.clickable-widget-row
    a
    .orderStatus {
    padding-left: 0;
  }
}
@media screen and (max-width: 1140px) {
  .template-dashboard-new
    .container
    .dashboard
    .masonry__block
    .controlcenter__widget__body
    .row.clickable-widget-row
    a
    .orderStatus {
    padding-right: 0;
    left: -2%;
  }
}
@media screen and (max-width: 767px) {
  .template-dashboard-new
    .container
    .dashboard
    .masonry__block
    .controlcenter__widget__body
    .row.clickable-widget-row
    a
    .orderStatus {
    left: 2%;
    width: 20%;
  }
}
@media screen and (max-width: 475px) {
  .template-dashboard-new
    .container
    .dashboard
    .masonry__block
    .controlcenter__widget__body
    .row.clickable-widget-row
    a
    .orderStatus {
    width: 22%;
  }
}
@media screen and (max-width: 400px) {
  .template-dashboard-new
    .container
    .dashboard
    .masonry__block
    .controlcenter__widget__body
    .row.clickable-widget-row
    a
    .orderStatus {
    width: 25%;
  }
}
@media screen and (max-width: 350px) {
  .template-dashboard-new
    .container
    .dashboard
    .masonry__block
    .controlcenter__widget__body
    .row.clickable-widget-row
    a
    .orderStatus {
    width: 27%;
  }
}
@media screen and (max-width: 325px) {
  .template-dashboard-new
    .container
    .dashboard
    .masonry__block
    .controlcenter__widget__body
    .row.clickable-widget-row
    a
    .orderStatus {
    font-size: 0.65rem;
    line-height: 18px;
  }
}
.template-dashboard-new
  .container
  .dashboard
  .masonry__block
  .controlcenter__widget__body
  .row.clickable-widget-row
  a
  .orderStatus
  div {
  width: auto;
  padding: 5px 10px;
  font-size: inherit;
}
@media screen and (max-width: 1290px) {
  .template-dashboard-new
    .container
    .dashboard
    .masonry__block
    .controlcenter__widget__body
    .row.clickable-widget-row
    a
    .orderStatus
    div {
    padding: 5px;
  }
}
@media screen and (max-width: 1085px) {
  .template-dashboard-new
    .container
    .dashboard
    .masonry__block
    .controlcenter__widget__body
    .row.clickable-widget-row
    a
    .msg-sender-company-logo {
    padding-left: 0;
  }
}
@media screen and (max-width: 767px) {
  .template-dashboard-new
    .container
    .dashboard
    .masonry__block
    .controlcenter__widget__body
    .row.clickable-widget-row
    a
    .msg-sender-company-logo {
    padding-left: 10px;
  }
}
@media screen and (max-width: 1085px) {
  .template-dashboard-new
    .container
    .dashboard
    .masonry__block
    .controlcenter__widget__body
    .row.clickable-widget-row
    a
    .msg-detail.detail {
    left: 0;
  }
}
.template-dashboard-new
  .container
  .dashboard
  .masonry__block
  .controlcenter__widget__body
  .row.clickable-widget-row
  a
  .msg-sent-date {
  left: -4%;
  padding-right: 0;
}
@media screen and (max-width: 767px) {
  .template-dashboard-new
    .container
    .dashboard
    .masonry__block
    .controlcenter__widget__body
    .row.clickable-widget-row
    a
    .msg-sent-date {
    left: 2%;
    width: 20%;
  }
}
@media screen and (max-width: 475px) {
  .template-dashboard-new
    .container
    .dashboard
    .masonry__block
    .controlcenter__widget__body
    .row.clickable-widget-row
    a
    .msg-sent-date {
    width: 22%;
  }
}
@media screen and (max-width: 400px) {
  .template-dashboard-new
    .container
    .dashboard
    .masonry__block
    .controlcenter__widget__body
    .row.clickable-widget-row
    a
    .msg-sent-date {
    width: 25%;
  }
}
@media screen and (max-width: 350px) {
  .template-dashboard-new
    .container
    .dashboard
    .masonry__block
    .controlcenter__widget__body
    .row.clickable-widget-row
    a
    .msg-sent-date {
    width: 27%;
  }
}
.template-dashboard-new
  .container
  .dashboard
  .masonry__block
  .controlcenter__widget__body
  .ct-legend-a {
  background: #404041;
}
.template-dashboard-new
  .container
  .dashboard
  .masonry__block
  .controlcenter__widget__body
  .ct-legend-b {
  background: #71a0be;
}
.template-dashboard-new
  .container
  .dashboard
  .masonry__block
  .controlcenter__widget__body
  .ct-legend-c {
  background: #d45651;
}
.template-dashboard-new
  .container
  .dashboard
  .masonry__block
  .controlcenter__widget__body
  .ct-legend-d {
  background: #665787;
}
.template-dashboard-new
  .container
  .dashboard
  .masonry__block
  .controlcenter__widget__body
  .ct-legend-e {
  background: #665787;
}
.template-dashboard-new
  .container
  .dashboard
  .masonry__block
  .controlcenter__widget__body
  .ct-legend-f {
  background: #64676b;
}
.template-dashboard-new
  .container
  .dashboard
  .masonry__block
  .controlcenter__widget__body
  .ct-legend-g {
  background: #ffbe42;
}
.template-dashboard-new
  .container
  .dashboard
  .masonry__block
  .controlcenter__widget__body
  .ct-series-a
  .ct-line {
  stroke: #404041;
}
.template-dashboard-new
  .container
  .dashboard
  .masonry__block
  .controlcenter__widget__body
  .ct-series-a
  .ct-point {
  stroke: #404041;
}
.template-dashboard-new
  .container
  .dashboard
  .masonry__block
  .controlcenter__widget__body
  .ct-series-a
  .ct-area {
  fill: #404041;
}
.template-dashboard-new
  .container
  .dashboard
  .masonry__block
  .controlcenter__widget__body
  .ct-series-a
  .ct-slice-pie {
  fill: #404041;
}
.template-dashboard-new
  .container
  .dashboard
  .masonry__block
  .controlcenter__widget__body
  .ct-series-b
  .ct-line {
  stroke: #71a0be;
}
.template-dashboard-new
  .container
  .dashboard
  .masonry__block
  .controlcenter__widget__body
  .ct-series-b
  .ct-point {
  stroke: #71a0be;
}
.template-dashboard-new
  .container
  .dashboard
  .masonry__block
  .controlcenter__widget__body
  .ct-series-b
  .ct-area {
  fill: #71a0be;
}
.template-dashboard-new
  .container
  .dashboard
  .masonry__block
  .controlcenter__widget__body
  .ct-series-b
  .ct-slice-pie {
  fill: #71a0be;
}
.template-dashboard-new
  .container
  .dashboard
  .masonry__block
  .controlcenter__widget__body
  .ct-series-c
  .ct-line {
  stroke: #d45651;
}
.template-dashboard-new
  .container
  .dashboard
  .masonry__block
  .controlcenter__widget__body
  .ct-series-c
  .ct-point {
  stroke: #d45651;
}
.template-dashboard-new
  .container
  .dashboard
  .masonry__block
  .controlcenter__widget__body
  .ct-series-c
  .ct-area {
  fill: #d45651;
}
.template-dashboard-new
  .container
  .dashboard
  .masonry__block
  .controlcenter__widget__body
  .ct-series-c
  .ct-slice-pie {
  fill: #d45651;
}
.template-dashboard-new
  .container
  .dashboard
  .masonry__block
  .controlcenter__widget__body
  .ct-series-d
  .ct-line {
  stroke: #665787;
}
.template-dashboard-new
  .container
  .dashboard
  .masonry__block
  .controlcenter__widget__body
  .ct-series-d
  .ct-point {
  stroke: #665787;
}
.template-dashboard-new
  .container
  .dashboard
  .masonry__block
  .controlcenter__widget__body
  .ct-series-d
  .ct-area {
  fill: #665787;
}
.template-dashboard-new
  .container
  .dashboard
  .masonry__block
  .controlcenter__widget__body
  .ct-series-d
  .ct-slice-pie {
  fill: #665787;
}
.template-dashboard-new
  .container
  .dashboard
  .masonry__block
  .controlcenter__widget__body
  .ct-series-e
  .ct-line {
  stroke: #665787;
}
.template-dashboard-new
  .container
  .dashboard
  .masonry__block
  .controlcenter__widget__body
  .ct-series-e
  .ct-point {
  stroke: #665787;
}
.template-dashboard-new
  .container
  .dashboard
  .masonry__block
  .controlcenter__widget__body
  .ct-series-e
  .ct-area {
  fill: #665787;
}
.template-dashboard-new
  .container
  .dashboard
  .masonry__block
  .controlcenter__widget__body
  .ct-series-e
  .ct-slice-pie {
  fill: #665787;
}
.template-dashboard-new
  .container
  .dashboard
  .masonry__block
  .controlcenter__widget__body
  .ct-series-f
  .ct-line {
  stroke: #64676b;
}
.template-dashboard-new
  .container
  .dashboard
  .masonry__block
  .controlcenter__widget__body
  .ct-series-f
  .ct-point {
  stroke: #64676b;
}
.template-dashboard-new
  .container
  .dashboard
  .masonry__block
  .controlcenter__widget__body
  .ct-series-f
  .ct-area {
  fill: #64676b;
}
.template-dashboard-new
  .container
  .dashboard
  .masonry__block
  .controlcenter__widget__body
  .ct-series-f
  .ct-slice-pie {
  fill: #64676b;
}
.template-dashboard-new
  .container
  .dashboard
  .masonry__block
  .controlcenter__widget__body
  .ct-series-g
  .ct-line {
  stroke: #ffbe42;
}
.template-dashboard-new
  .container
  .dashboard
  .masonry__block
  .controlcenter__widget__body
  .ct-series-g
  .ct-point {
  stroke: #ffbe42;
}
.template-dashboard-new
  .container
  .dashboard
  .masonry__block
  .controlcenter__widget__body
  .ct-series-g
  .ct-area {
  fill: #ffbe42;
}
.template-dashboard-new
  .container
  .dashboard
  .masonry__block
  .controlcenter__widget__body
  .ct-series-g
  .ct-slice-pie {
  fill: #ffbe42;
}
.template-dashboard-new
  .container
  .dashboard
  .masonry__block
  .controlcenter__widget__body.simple-list
  .clickable-widget-row {
  min-height: 0;
}
.template-dashboard-new
  .container
  .dashboard
  .masonry__block
  .controlcenter__widget__body.simple-list
  .clickable-widget-row
  .sublink {
  text-decoration: underline;
  color: #665787;
}
.template-dashboard-new
  .container
  .dashboard
  .masonry__block
  .controlcenter__widget__body.partners
  .dashboard-thumb {
  margin: 0;
  width: 25px !important;
  height: 25px !important;
}
.template-dashboard-new
  .container
  .dashboard
  .masonry__block
  .controlcenter__widget__body.partners
  .company-name {
  line-height: 25px;
}
.template-dashboard-new
  .container
  .dashboard
  .masonry__block
  .controlcenter__widget__body.partners
  .total-sales {
  line-height: 25px;
}
.template-dashboard-new
  .container
  .dashboard
  .masonry__block
  .controlcenter__widget__body.mesh-pie-chart {
  position: relative;
}
@media (max-width: 991px) {
  .template-dashboard-new
    .container
    .dashboard
    .masonry__block
    .controlcenter__widget__body.mesh-pie-chart {
    height: 334px !important;
  }
}
@media (max-width: 850px) {
  .template-dashboard-new
    .container
    .dashboard
    .masonry__block
    .controlcenter__widget__body.mesh-pie-chart {
    height: 304px !important;
  }
}
@media (max-width: 767px) {
  .template-dashboard-new
    .container
    .dashboard
    .masonry__block
    .controlcenter__widget__body.mesh-pie-chart {
    height: 324px !important;
  }
}
@media (max-width: 350px) {
  .template-dashboard-new
    .container
    .dashboard
    .masonry__block
    .controlcenter__widget__body.mesh-pie-chart {
    height: 314px !important;
  }
}
.template-dashboard-new
  .container
  .dashboard
  .masonry__block
  .controlcenter__widget__body.mesh-pie-chart
  .ct-label {
  fill: #ffffff;
  color: #ffffff;
}
@media (max-width: 767px) {
  .template-dashboard-new
    .container
    .dashboard
    .masonry__block
    .controlcenter__widget__body.mesh-pie-chart
    .ct-octave {
    height: 320px !important;
    overflow: hidden;
  }
}
@media (max-width: 350px) {
  .template-dashboard-new
    .container
    .dashboard
    .masonry__block
    .controlcenter__widget__body.mesh-pie-chart
    .ct-octave {
    height: 310px !important;
  }
}
.template-dashboard-new
  .container
  .dashboard
  .masonry__block
  .controlcenter__widget__body.mesh-pie-chart
  .ct-octave
  > svg {
  top: 10px;
}
@media (max-width: 1300px) {
  .template-dashboard-new
    .container
    .dashboard
    .masonry__block
    .controlcenter__widget__body.mesh-pie-chart
    .ct-octave
    > svg {
    top: 15px;
  }
}
@media (max-width: 1250px) {
  .template-dashboard-new
    .container
    .dashboard
    .masonry__block
    .controlcenter__widget__body.mesh-pie-chart
    .ct-octave
    > svg {
    height: 100% !important;
  }
}
@media (max-width: 1200px) {
  .template-dashboard-new
    .container
    .dashboard
    .masonry__block
    .controlcenter__widget__body.mesh-pie-chart
    .ct-octave
    > svg {
    top: 20px;
  }
}
@media (max-width: 1150px) {
  .template-dashboard-new
    .container
    .dashboard
    .masonry__block
    .controlcenter__widget__body.mesh-pie-chart
    .ct-octave
    > svg {
    height: 105% !important;
  }
}
@media (max-width: 1100px) {
  .template-dashboard-new
    .container
    .dashboard
    .masonry__block
    .controlcenter__widget__body.mesh-pie-chart
    .ct-octave
    > svg {
    top: 25px;
  }
}
@media (max-width: 1050px) {
  .template-dashboard-new
    .container
    .dashboard
    .masonry__block
    .controlcenter__widget__body.mesh-pie-chart
    .ct-octave
    > svg {
    height: 110% !important;
  }
}
@media (max-width: 1000px) {
  .template-dashboard-new
    .container
    .dashboard
    .masonry__block
    .controlcenter__widget__body.mesh-pie-chart
    .ct-octave
    > svg {
    top: 30px;
  }
}
@media (max-width: 991px) {
  .template-dashboard-new
    .container
    .dashboard
    .masonry__block
    .controlcenter__widget__body.mesh-pie-chart
    .ct-octave
    > svg {
    top: 10px;
    height: 95% !important;
  }
}
@media (max-width: 950px) {
  .template-dashboard-new
    .container
    .dashboard
    .masonry__block
    .controlcenter__widget__body.mesh-pie-chart
    .ct-octave
    > svg {
    top: 15px;
  }
}
@media (max-width: 900px) {
  .template-dashboard-new
    .container
    .dashboard
    .masonry__block
    .controlcenter__widget__body.mesh-pie-chart
    .ct-octave
    > svg {
    top: 20px;
  }
}
@media (max-width: 850px) {
  .template-dashboard-new
    .container
    .dashboard
    .masonry__block
    .controlcenter__widget__body.mesh-pie-chart
    .ct-octave
    > svg {
    top: 15px;
  }
}
@media (max-width: 900px) {
  .template-dashboard-new
    .container
    .dashboard
    .masonry__block
    .controlcenter__widget__body.mesh-pie-chart
    .ct-octave
    > svg {
    top: 20px;
  }
}
@media (max-width: 767px) {
  .template-dashboard-new
    .container
    .dashboard
    .masonry__block
    .controlcenter__widget__body.mesh-pie-chart
    .ct-octave
    > svg {
    top: 10px;
    height: 65% !important;
  }
}
@media (max-width: 400px) {
  .template-dashboard-new
    .container
    .dashboard
    .masonry__block
    .controlcenter__widget__body.mesh-pie-chart
    .ct-octave
    > svg {
    top: 20px;
    height: 60% !important;
  }
}
@media (max-width: 350px) {
  .template-dashboard-new
    .container
    .dashboard
    .masonry__block
    .controlcenter__widget__body.mesh-pie-chart
    .ct-octave
    > svg {
    top: 15px;
  }
}
.template-dashboard-new
  .container
  .dashboard
  .masonry__block
  .controlcenter__widget__body.mesh-pie-chart
  .controlcenter__chart-legend {
  position: absolute;
  bottom: 0;
  width: 100%;
}
.template-dashboard-new
  .container
  .dashboard
  .masonry__block
  .controlcenter__widget__body.mesh-pie-chart
  .controlcenter__chart-legend
  .controlcenter__chart-legend__series {
  float: none;
}
.template-dashboard-new
  .container
  .dashboard
  .masonry__block
  .controlcenter__widget__body.activity {
  padding-top: 5px;
  padding-bottom: 5px;
  height: 350px !important;
  overflow: hidden;
}
@media (max-width: 500px) {
  .template-dashboard-new
    .container
    .dashboard
    .masonry__block
    .controlcenter__widget__body.activity {
    height: 413px !important;
    max-height: 414px !important;
  }
}
.template-dashboard-new
  .container
  .dashboard
  .masonry__block
  .controlcenter__widget__body.activity
  svg {
  overflow: visible;
}
.template-dashboard-new
  .container
  .dashboard
  .masonry__block
  .controlcenter__widget__body.activity
  svg
  .ct-grid {
  stroke-dasharray: 0;
  stroke: rgba(154, 154, 154, 0.1);
}
.template-dashboard-new
  .container
  .dashboard
  .masonry__block
  .controlcenter__widget__body.activity
  svg
  .ct-line {
  stroke-width: 1px;
}
.template-dashboard-new
  .container
  .dashboard
  .masonry__block
  .controlcenter__widget__body.activity
  svg
  .ct-point {
  stroke-width: 4px;
}
.template-dashboard-new
  .container
  .dashboard
  .masonry__block
  .controlcenter__widget__body.activity
  .ct-chart {
  height: 311px;
}
@media (max-width: 500px) {
  .template-dashboard-new
    .container
    .dashboard
    .masonry__block
    .controlcenter__widget__body.activity
    .ct-chart {
    height: 285px !important;
  }
}
.template-dashboard-new
  .container
  .dashboard
  .masonry__block
  .controlcenter__widget__body.activity
  .ct-chart
  .ct-label.ct-horizontal {
  transform: rotate(90deg);
  transform-origin: left top 0;
  width: 70px !important;
  margin-left: 7px;
}
@media (max-width: 500px) {
  .template-dashboard-new
    .container
    .dashboard
    .masonry__block
    .controlcenter__widget__body.activity
    .controlcenter__chart-legend__series {
    float: none;
  }
}
.template-dashboard-new
  .container
  .dashboard
  .masonry__block#meshnetworkmetrics,
.template-dashboard-new .container .dashboard .masonry__block#companymetrics {
  padding-top: 10px;
  margin-bottom: 10px;
}
.template-dashboard-new
  .container
  .dashboard
  .masonry__block#meshnetworkmetrics
  .metrics,
.template-dashboard-new
  .container
  .dashboard
  .masonry__block#companymetrics
  .metrics {
  border-left: none;
  border-top: none;
  border-right: none;
}
.template-dashboard-new
  .container
  .dashboard
  .masonry__block#meshnetworkmetrics
  .metrics
  .tile_count,
.template-dashboard-new
  .container
  .dashboard
  .masonry__block#companymetrics
  .metrics
  .tile_count {
  margin-bottom: 0;
}
.template-dashboard-new .container .dashboard .masonry__block#companymetrics {
  margin-bottom: 20px;
}
.template-dashboard-new
  .container
  .dashboard
  .masonry__block#accountactivitygraph {
  padding-top: 0;
}
.template-dashboard-new
  .container
  .dashboard
  .masonry__block#accountactivitygraph
  h6 {
  margin-bottom: 0;
}
.template-dashboard-new .container .dashboard .masonry__block .view-more {
  clear: both;
  font-size: 14px;
  margin-top: 5px;
  margin-bottom: 5px;
  padding-top: 5px;
  padding-bottom: 5px;
  border: 1px solid #a7a9ab;
  border-top: none;
}
@media (max-width: 639px) {
  .template-dashboard-new .container .dashboard .masonry__block .view-more {
    margin-left: auto !important;
    margin-right: auto !important;
  }
}
.template-dashboard-new
  .container
  .dashboard
  .masonry__block
  .view-more
  a.button {
  margin-bottom: 0;
  font-size: 0.65rem;
  line-height: 0.5rem;
  padding: 0.5rem;
  background-color: #03783d;
}
.template-dashboard-new
  .container
  .dashboard
  .masonry__block
  .view-more
  a.button:hover {
  background-color: #a7a9ab;
  color: white;
}
@media (max-width: 767px) {
  .template-dashboard-new
    .container
    .dashboard
    .masonry__block
    .view-more
    a.button {
    font-size: 12px;
  }
}
.template-home #listing {
  padding-bottom: 50px;
  padding-top: 50px;
  border-bottom: 1px solid #e6e6e6;
}

.template-home .alert {
  margin-top: -40px;
}

@media screen and (max-width: 555px) {
  .template-home {
    padding-top: 0;
  }
}

.template-home .messages {
  margin-top: 30px;
}

body .row {
  max-width: 85rem;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (min-width: 40em) {
  body .row .row {
    margin-left: auto;
    margin-right: auto;
  }
}
body.nav-md .container.body .right_col {
  margin-left: 0;
}

body.nav-md .container.body .col-md-3.left_col {
  width: 200px;
}

body.nav-md .container.body .col-md-3 .nav_title {
  width: 200px;
}

body.nav-sm .navbar.nav_title a i {
  margin-left: 0px;
}

body.nav-sm #sidebar-menu .menu_section .side-menu > li a {
  padding: 10px 0px !important;
}

body.nav-sm #sidebar-menu .menu_section .side-menu > li.current-page,
body.nav-sm #sidebar-menu .menu_section .side-menu > li.active {
  border-right-width: 1px;
}

body.nav-sm .col-md-9 {
  margin-left: 70px;
}

body.not-authenticated .nav_title {
  background: transparent !important;
}

body #overlay {
  position: fixed;
  top: 0;
  z-index: 9999999;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
}
body #overlay .inner-overlay {
  width: 100%;
  font-size: 4em;
  position: absolute;
  top: 50%;
}

body .container {
  padding-top: 0px !important;
  max-width: 100%;
}

body .main_container {
  overflow-x: hidden;
  /*Max-widths*/
}
body .main_container i {
  border: none;
}
body .main_container i.logo-icon {
  display: none;
}
body .main_container i.logo-icon--sm {
  width: 200px !important;
}
body .main_container .navbar.nav_title {
  border: 0;
}
body .main_container .navbar.nav_title a.site_title {
  text-overflow: ellipsis;
  overflow: hidden;
  font-weight: 400;
  font-size: 22px;
  width: 100%;
  color: #ecf0f1 !important;
  margin-left: 0 !important;
  line-height: 50px;
  display: block;
  height: 55px;
  margin: 0;
  padding-left: 0;
  background-color: white;
  padding-top: 3px;
  padding-bottom: 46px;
  border-bottom: 1px solid #d9dee4;
}
body .main_container .navbar.nav_title a.site_title:hover,
body .main_container .navbar.nav_title a.site_title:focus {
  text-decoration: none;
}
body .main_container .navbar.nav_title a.site_title img {
  width: 95%;
}
body .main_container .navbar.nav_title a.site_title i img {
  width: 50%;
}
body .main_container #sidebar-menu .menu_section .nav.side-menu {
  margin-left: 0;
}
body .main_container #sidebar-menu .menu_section .nav.side-menu > li {
  font-size: 18px;
}
body
  .main_container
  #sidebar-menu
  .menu_section
  .nav.side-menu
  > li.current-page {
  border-right-color: transparent;
  background-color: transparent;
}
body
  .main_container
  #sidebar-menu
  .menu_section
  .nav.side-menu
  > li.current-page
  > a {
  background-color: white;
  border-radius: 5px;
  color: #1b4a3b;
}
body
  .main_container
  #sidebar-menu
  .menu_section
  .nav.side-menu
  > li.current-page
  > a:hover {
  color: #1b4a3b;
}
body .main_container #sidebar-menu .menu_section .nav.side-menu > li.active {
  border-right-color: transparent;
  background-color: transparent;
}
body
  .main_container
  #sidebar-menu
  .menu_section
  .nav.side-menu
  > li.active
  > a {
  background-color: white;
  border-radius: 5px;
  color: #1b4a3b;
  text-shadow: none;
  background: white;
  box-shadow: none;
}
body
  .main_container
  #sidebar-menu
  .menu_section
  .nav.side-menu
  > li
  span.unread-messages-count {
  width: 20px;
  height: 20px;
  min-width: 20px;
  font-size: 0.75rem;
}
body .main_container #sidebar-menu .menu_section .nav.side-menu > li a {
  width: 90%;
  margin: 0 auto 10px;
  padding: 10px 15px;
}
body .main_container .col-md-3.left_col {
  position: fixed !important;
}
@media screen and (max-height: 405px) {
  body .main_container .col-md-3.left_col {
    position: absolute !important;
  }
}
body .main_container > .col-md-9 {
  padding: 0;
}
body .main_container > .col-md-9 .top_nav {
  margin-left: 0;
  position: fixed;
  z-index: 1034;
}
body .main_container > .col-md-9 .top_nav .nav_menu {
  height: 55px;
  background-color: white;
}
body .main_container > .col-md-9 .top_nav .nav_menu .nav.toggle a {
  color: #1b4a3b;
}
body .main_container > .col-md-9 .top_nav .nav_menu .nav.toggle a i {
  font-size: 22px;
}
body
  .main_container
  > .col-md-9
  .top_nav
  .nav_menu
  .nav.navbar-nav.navbar-right
  li
  .dropdown-menu
  li
  a {
  min-height: 40px;
  max-height: 40px;
}
body
  .main_container
  > .col-md-9
  .top_nav
  .nav_menu
  .nav.navbar-nav.navbar-right
  li#profile {
  top: -4px;
}
body
  .main_container
  > .col-md-9
  .top_nav
  .nav_menu
  .nav.navbar-nav.navbar-right
  li#profile
  > a {
  min-height: 59px;
  max-height: 59px;
}
body
  .main_container
  > .col-md-9
  .top_nav
  .nav_menu
  .nav.navbar-nav.navbar-right
  li#profile
  > a.user-profile
  .thumb {
  width: 29px;
  height: 29px;
}
body
  .main_container
  > .col-md-9
  .top_nav
  .nav_menu
  .nav.navbar-nav.navbar-right
  li#profile
  > a.user-profile
  .fa-angle-down {
  position: relative;
  top: -13px;
}
body
  .main_container
  > .col-md-9
  .top_nav
  .nav_menu
  .nav.navbar-nav.navbar-right
  li#shopping-cart {
  min-height: 55px;
}
body
  .main_container
  > .col-md-9
  .top_nav
  .nav_menu
  .nav.navbar-nav.navbar-right
  li#shopping-cart
  a {
  padding-top: 17px;
  min-height: 55px;
}
body
  .main_container
  > .col-md-9
  .top_nav
  .nav_menu
  .nav.navbar-nav.navbar-right
  li#shopping-cart
  a
  i {
  font-size: 22px;
}
body
  .main_container
  > .col-md-9
  .top_nav
  .nav_menu
  .nav.navbar-nav.navbar-right
  li#shopping-cart
  a
  span.badge {
  padding: 0.3em;
}
body
  .main_container
  > .col-md-9
  .top_nav
  .nav_menu
  .nav.navbar-nav.navbar-right
  li#shopping-cart
  a:hover,
body
  .main_container
  > .col-md-9
  .top_nav
  .nav_menu
  .nav.navbar-nav.navbar-right
  li#shopping-cart
  a:focus {
  height: 55px;
}
body
  .main_container
  > .col-md-9
  .top_nav
  .nav_menu
  .nav.navbar-nav.navbar-right
  li#messages {
  min-height: 55px;
}
body
  .main_container
  > .col-md-9
  .top_nav
  .nav_menu
  .nav.navbar-nav.navbar-right
  li#messages
  a {
  padding-top: 17px;
  min-height: 55px;
}
body
  .main_container
  > .col-md-9
  .top_nav
  .nav_menu
  .nav.navbar-nav.navbar-right
  li#messages
  a
  i {
  font-size: 20px;
}
body
  .main_container
  > .col-md-9
  .top_nav
  .nav_menu
  .nav.navbar-nav.navbar-right
  li#messages
  a
  span.badge {
  padding: 0.3em;
}
body
  .main_container
  > .col-md-9
  .top_nav
  .nav_menu
  .nav.navbar-nav.navbar-right
  li#messages
  a:hover,
body
  .main_container
  > .col-md-9
  .top_nav
  .nav_menu
  .nav.navbar-nav.navbar-right
  li#messages
  a:focus {
  height: 55px;
}
body
  .main_container
  > .col-md-9
  .top_nav
  .nav_menu
  .nav.navbar-nav.navbar-right
  li#new-listing
  a
  i.fa-plus-circle {
  color: #03783d;
  font-size: 20px;
}
body .main_container > .col-md-9 .top_nav .nav_menu .nav.navbar-nav > li > a {
  font-size: 20px;
  font-weight: bold;
  min-height: 55px;
  max-height: 55px;
}
body .main_container > .col-md-9 a img.banner {
  margin-left: 0;
  max-width: 200%;
  margin-top: 55px;
  height: 100px;
  object-fit: cover;
}
body .main_container > .col-md-9 .right_col {
  background: #ffffff;
}
body .main_container > .col-md-9 footer#base-footer {
  background-color: white;
  margin-left: 0px;
}
body .main_container > .col-md-9 footer#base-footer div {
  text-align: center;
}
body .main_container > .col-md-9 footer#base-footer div a {
  color: #03783d;
  padding-top: 5px;
}
body .main_container > .col-md-9 footer#base-footer div i.fa-circle {
  font-size: 8px;
  vertical-align: middle;
}
body .main_container > .col-md-9 footer#base-footer div.links {
  margin-bottom: 15px;
}
body .main_container > .col-md-9 footer#base-footer div.social {
  width: 25%;
  margin: 0 auto;
}
@media screen and (max-width: 991px) {
  body .main_container .right_col {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
}
@media screen and (max-width: 768px) {
  body .main_container #base-footer div.social {
    overflow: auto;
    margin-bottom: 10px !important;
  }
}
@media screen and (max-width: 767px) {
  body .main_container #new-listing {
    min-height: 55px;
    max-height: 55px;
  }
  body .main_container #new-listing a i {
    padding-top: 2px;
  }
  body .main_container .top_nav .navbar.nav_title {
    width: 30%;
  }
  body .main_container .top_nav li a i.fa-plus-circle {
    font-size: 24px !important;
  }
}
@media screen and (max-width: 700px) {
  body .main_container .top_nav .navbar.nav_title a.site_title img {
    margin-top: 2px;
    width: 65%;
  }
}
@media screen and (max-width: 650px) {
  body .main_container .top_nav .navbar.nav_title a.site_title img {
    margin-top: 4px;
  }
  body
    .main_container
    .top_nav
    .nav_menu
    .nav.navbar-nav.navbar-right
    li:first-of-type {
    top: 0px !important;
  }
}
@media screen and (max-width: 600px) {
  body .main_container .top_nav .navbar.nav_title a.site_title img {
    margin-top: 6px;
  }
}
@media screen and (max-width: 650px) {
  body .main_container .top_nav .navbar.nav_title a.site_title img {
    margin-top: 5px;
    width: 75%;
  }
}
@media screen and (max-width: 568px) {
  body .main_container .nav-sm .nav.side-menu li a {
    margin-bottom: 5px;
    padding: 8px 5px;
  }
  body .main_container .nav-sm .nav.side-menu li a i {
    font-size: 22px !important;
  }
}
@media screen and (max-width: 500px) {
  body .main_container .top_nav .navbar.nav_title a.site_title img {
    margin-top: 6px;
  }
}
@media screen and (max-width: 465px) {
  body
    .main_container
    .top_nav
    .nav_menu
    .nav.navbar-nav.navbar-right
    li:first-of-type
    > a {
    min-height: 55px !important;
    max-height: 55px !important;
  }
  body
    .main_container
    .top_nav
    .nav_menu
    .nav.navbar-nav.navbar-right
    li:first-of-type
    > a
    .thumb {
    margin-top: 1px;
  }
  body .main_container #base-footer .links a {
    display: block;
  }
  body .main_container #base-footer .links i.fa-circle,
  body .main_container #base-footer .links span {
    display: none;
  }
}
@media screen and (max-width: 450px) {
  body .main_container .navbar.nav_title a.site_title {
    padding-top: 0 !important;
  }
  body .main_container .navbar.nav_title a.site_title img {
    margin-top: 5px;
    width: 90%;
  }
}
@media screen and (max-width: 400px) {
  body .main_container .top_nav .navbar.nav_title a.site_title img {
    margin-left: 10%;
  }
}
@media screen and (max-width: 350px) {
  body .main_container .top_nav .navbar.nav_title {
    width: 35%;
  }
  body .main_container .top_nav .nav_menu .nav.navbar-nav.navbar-right {
    width: 65%;
  }
}
@media screen and (max-width: 340px) {
  body .main_container .top_nav li a i.fa-plus-circle {
    font-size: 22px !important;
  }
  body .main_container .top_nav li#profile a.user-profile .fa-angle-down {
    display: none;
  }
  body .main_container .top_nav li:first-of-type > a {
    padding-top: 9px;
  }
}
@media screen and (max-width: 335px) {
  body .main_container .top_nav .nav_menu .nav.navbar-nav.navbar-right {
    width: 70%;
  }
}
body .main_container .container-fluid {
  padding: 0;
  width: 100%;
}
body .main_container .container-fluid.top_nav {
  margin-left: 0;
  position: fixed;
  z-index: 1000;
}
body .main_container .container-fluid.top_nav .nav_menu {
  height: 55px;
  background-color: white;
  border-bottom: 1px solid #a7a9ab;
  max-width: 100%;
}
@media screen and (max-width: 767px) {
  body
    .main_container
    .container-fluid.top_nav
    .nav_menu
    .nav.navbar-nav.navbar-right {
    padding-right: 0;
    margin: 0;
  }
}
@media screen and (max-width: 350px) {
  body
    .main_container
    .container-fluid.top_nav
    .nav_menu
    .nav.navbar-nav.navbar-right {
    width: 40%;
  }
}
body
  .main_container
  .container-fluid.top_nav
  .nav_menu
  .nav.navbar-nav.navbar-right
  li {
  float: right;
}
@media screen and (max-width: 800px) {
  body
    .main_container
    .container-fluid.top_nav
    .nav_menu
    .nav.navbar-nav.navbar-right
    li#register
    > a {
    padding-top: 18px;
  }
}
body
  .main_container
  .container-fluid.top_nav
  .nav_menu
  .nav.navbar-nav.navbar-right
  li
  > a {
  color: #515356 !important;
  min-height: 54px;
  max-height: 54px;
}
body
  .main_container
  .container-fluid.top_nav
  .nav_menu
  .nav.navbar-nav.navbar-right
  li
  .dropdown-menu
  li
  a {
  min-height: 40px;
  max-height: 40px;
}
body
  .main_container
  .container-fluid.top_nav
  .nav_menu
  .nav.navbar-nav
  > li
  > a {
  font-size: 20px;
  font-weight: bold;
  min-height: 55px;
  max-height: 55px;
}
body .main_container .container-fluid.top_nav .navbar.nav_title {
  border-radius: 0;
  height: 54px;
  padding-left: 0;
  overflow: hidden;
}
@media screen and (max-width: 767px) {
  body .main_container .container-fluid.top_nav .navbar.nav_title {
    width: 50%;
  }
}
@media screen and (max-width: 350px) {
  body .main_container .container-fluid.top_nav .navbar.nav_title {
    width: 60%;
    padding-right: 0;
  }
}
body .main_container .container-fluid.top_nav .navbar.nav_title a.site_title {
  padding-top: 0;
  border-bottom: none;
}
body
  .main_container
  .container-fluid.top_nav
  .navbar.nav_title
  a.site_title
  img {
  width: 32%;
  min-height: 80px;
}
@media screen and (max-width: 1200px) {
  body
    .main_container
    .container-fluid.top_nav
    .navbar.nav_title
    a.site_title
    img {
    width: 38%;
  }
}
@media screen and (max-width: 991px) {
  body
    .main_container
    .container-fluid.top_nav
    .navbar.nav_title
    a.site_title
    img {
    width: 48%;
  }
}
@media screen and (max-width: 831px) {
  body
    .main_container
    .container-fluid.top_nav
    .navbar.nav_title
    a.site_title
    img {
    width: 58%;
  }
}
@media screen and (max-width: 645px) {
  body
    .main_container
    .container-fluid.top_nav
    .navbar.nav_title
    a.site_title
    img {
    width: 67%;
  }
}
@media screen and (max-width: 500px) {
  body
    .main_container
    .container-fluid.top_nav
    .navbar.nav_title
    a.site_title
    img {
    width: 86%;
  }
}
@media screen and (max-width: 470px) {
  body
    .main_container
    .container-fluid.top_nav
    .navbar.nav_title
    a.site_title
    img {
    padding-right: 0px;
  }
}
@media screen and (max-width: 400px) {
  body
    .main_container
    .container-fluid.top_nav
    .navbar.nav_title
    a.site_title
    img {
    width: 100%;
    margin-left: 0;
  }
}
#loginPageNav.navbar {
  border-radius: 0;
  border-bottom: 1px solid #a7a9ab;
}
#loginPageNav.navbar.navbar-expand-lg {
  min-height: 55px;
  font-weight: bold;
}
@media screen and (max-width: 540px) {
  #loginPageNav.navbar.navbar-expand-lg {
    min-height: 50px;
  }
}
#loginPageNav .navbar-img {
  overflow: hidden;
  padding: 4px 0 0;
}
@media screen and (max-width: 1120px) {
  #loginPageNav .navbar-img {
    width: 85%;
  }
}
@media screen and (max-width: 786px) {
  #loginPageNav .navbar-img {
    width: 80%;
  }
}
@media screen and (max-width: 767px) {
  #loginPageNav .navbar-img {
    width: 85%;
  }
}
@media screen and (max-width: 686px) {
  #loginPageNav .navbar-img {
    width: 80%;
  }
}
@media screen and (max-width: 540px) {
  #loginPageNav .navbar-img {
    width: 75%;
  }
}
@media screen and (max-width: 412px) {
  #loginPageNav .navbar-img {
    width: 72%;
  }
}
@media screen and (max-width: 340px) {
  #loginPageNav .navbar-img {
    padding-top: 0;
  }
}
#loginPageNav .navbar-img img {
  width: 20%;
}
@media screen and (max-width: 1120px) {
  #loginPageNav .navbar-img img {
    width: 22%;
  }
}
@media screen and (max-width: 1000px) {
  #loginPageNav .navbar-img img {
    width: 25%;
  }
}
@media screen and (max-width: 900px) {
  #loginPageNav .navbar-img img {
    width: 28%;
  }
}
@media screen and (max-width: 786px) {
  #loginPageNav .navbar-img img {
    width: 34%;
  }
}
@media screen and (max-width: 767px) {
  #loginPageNav .navbar-img img {
    width: 32%;
  }
}
@media screen and (max-width: 686px) {
  #loginPageNav .navbar-img img {
    width: 38%;
  }
}
@media screen and (max-width: 600px) {
  #loginPageNav .navbar-img img {
    width: 45%;
  }
}
@media screen and (max-width: 540px) {
  #loginPageNav .navbar-img img {
    margin-top: 5px;
  }
}
@media screen and (max-width: 475px) {
  #loginPageNav .navbar-img img {
    width: 50%;
  }
}
@media screen and (max-width: 435px) {
  #loginPageNav .navbar-img img {
    width: 55%;
  }
}
@media screen and (max-width: 370px) {
  #loginPageNav .navbar-img img {
    width: 60%;
  }
}
@media screen and (max-width: 340px) {
  #loginPageNav .navbar-img img {
    width: 70%;
  }
}
@media screen and (max-width: 330px) {
  #loginPageNav .navbar-img img {
    width: 80%;
  }
}
#loginPageNav .navbar-img + .navbar-right li {
  list-style-type: none;
  margin-top: 15px;
  padding-right: 15px;
}
@media screen and (max-width: 1120px) {
  #loginPageNav .navbar-img + .navbar-right li {
    margin-top: 12px;
  }
}
@media screen and (max-width: 767px) {
  #loginPageNav .navbar-img + .navbar-right li {
    padding-right: 0;
  }
}
@media screen and (max-width: 540px) {
  #loginPageNav .navbar-img + .navbar-right li {
    margin-top: 10px;
  }
}
#loginPageNav .navbar-img + .navbar-right li > a {
  font-size: 16px;
  font-weight: bold;
  padding-top: 5px;
  padding-bottom: 5px;
  color: #fff !important;
}

.template-login {
  margin-top: 20px;
  padding-left: 5%;
  padding-right: 5%;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
@media screen and (max-width: 767px) {
  .template-login {
    padding-left: 2%;
    padding-right: 2%;
  }
}
.template-login .header img {
  max-height: 150px;
}
@media screen and (max-width: 540px) {
  .template-login .header img {
    max-height: 125px;
  }
}
@media screen and (max-width: 435px) {
  .template-login .header img {
    max-height: 110px;
  }
}
@media screen and (max-width: 340px) {
  .template-login .header img {
    max-height: 90px;
  }
}
.template-login form {
  margin: auto auto 25px;
  padding: 20px 15px;
  border: 1px solid lightgray;
  border-radius: 4px;
}
@media screen and (max-width: 400px) {
  .template-login form {
    margin-bottom: 0;
  }
}
.template-login form input {
  width: 100%;
  border-radius: 4px;
  margin-bottom: 5px;
}
.template-login form button {
  width: 100%;
}
.template-login form button.btn {
  font-size: 16px;
}
.template-login .password input {
  margin-bottom: 0.25rem;
}
.template-login .forgot {
  margin-bottom: 5px;
  font-size: 18px;
}
.template-login .forgot a {
  color: #665787;
  text-decoration: underline;
}
.template-login .buttons .button:hover,
.template-login .buttons .button:active,
.template-login .buttons .button:focus {
  background-color: #a7a9ab;
}
.template-login #message .button {
  border-color: #03783d;
}
.template-login #message .button:hover,
.template-login #message .button:focus,
.template-login #message .button:active {
  background-color: #03783d;
  color: white;
}
.template-login .social .break {
  font-size: 16px;
  text-align: center;
  margin-bottom: 10px;
}
.template-login .social i {
  color: #404041;
}
.template-login .social .social-buttons a {
  font-size: 16px;
  width: 100%;
}

.template-profile_detail .alert {
  margin-top: 60px;
  margin-bottom: -40px;
}

.template-profile_form .col-xs-4 + .col-xs-4 {
  padding-right: 0;
}

.template-profile_form h5 {
  margin-top: 10px;
}

.template-profile_form #geofilterPlugin {
  margin-top: 2px;
  margin-bottom: 0;
}
@media screen and (max-width: 450px) {
  .template-profile_form #geofilterPlugin .geo_label {
    width: 50%;
  }
}
.template-profile_form #geofilterPlugin .geofilter_type {
  padding-left: 10px;
}
@media screen and (max-width: 767px) {
  .template-profile_form #geofilterPlugin .geofilter_type {
    width: 33.33333333%;
  }
}
@media screen and (max-width: 450px) {
  .template-profile_form #geofilterPlugin .geofilter_type {
    width: 50%;
  }
}
@media screen and (max-width: 400px) {
  .template-profile_form #geofilterPlugin .geofilter_type {
    padding-right: 0;
  }
}
.template-profile_form #geofilterPlugin .geo_origin {
  padding-left: 10px;
}
@media screen and (max-width: 767px) {
  .template-profile_form #geofilterPlugin .geo_origin {
    width: 33.33333333%;
    padding-right: 10px;
  }
}
@media screen and (max-width: 450px) {
  .template-profile_form #geofilterPlugin .geo_origin {
    width: 50%;
    margin-top: 2px;
    margin-left: 50%;
    padding-right: 0;
  }
}
@media screen and (max-width: 400px) {
  .template-profile_form #geofilterPlugin .geo_origin {
    padding-left: 10px;
  }
}
.template-profile_form #geofilterPlugin .geo_origin input {
  height: 39px;
  font-size: 13px;
}
.template-profile_form #geofilterPlugin .geo_distance {
  padding-left: 10px;
  margin-bottom: 30px;
}
@media screen and (max-width: 767px) {
  .template-profile_form #geofilterPlugin .geo_distance {
    width: 100%;
  }
}
.template-profile_form #geofilterPlugin .geo_distance label {
  width: 33.33333333%;
}
@media screen and (max-width: 470px) {
  .template-profile_form #geofilterPlugin .geo_distance label {
    font-size: 14px;
  }
}
@media screen and (max-width: 450px) {
  .template-profile_form #geofilterPlugin .geo_distance label {
    width: 51.5%;
  }
}
@media screen and (max-width: 419px) {
  .template-profile_form #geofilterPlugin .geo_distance label {
    width: 100%;
  }
}
.template-profile_form #geofilterPlugin .geo_distance #geoSlider {
  width: 65%;
}
@media screen and (max-width: 450px) {
  .template-profile_form #geofilterPlugin .geo_distance #geoSlider {
    width: 47.6%;
  }
}
@media screen and (max-width: 419px) {
  .template-profile_form #geofilterPlugin .geo_distance #geoSlider {
    width: 100%;
    margin-bottom: 10px;
  }
}
#multiLocations {
  padding-left: 0;
}
@media (max-width: 530px) {
  #multiLocations {
    margin-bottom: 10px;
  }
}
#multiLocations i:hover,
#multiLocations i:active,
#multiLocations i:focus {
  cursor: pointer !important;
}
#multiLocations .company-locations .headers {
  border-bottom: 1px solid #e6e6e6;
  font-size: 16px;
}
@media (max-width: 810px) {
  #multiLocations .company-locations .headers {
    font-size: 17px;
  }
}
@media (max-width: 771px) {
  #multiLocations .company-locations .headers {
    font-size: 16px;
  }
}
@media (max-width: 480px) {
  #multiLocations .company-locations .headers {
    display: none;
  }
}
#multiLocations .company-locations #locations {
  font-size: 14px;
}
@media (max-width: 810px) {
  #multiLocations .company-locations #locations {
    font-size: 15px;
  }
}
@media (max-width: 771px) {
  #multiLocations .company-locations #locations {
    font-size: 14px;
  }
}
@media (max-width: 530px) {
  #multiLocations .company-locations #locations {
    font-size: 15px;
  }
}
@media (max-width: 480px) {
  #multiLocations .company-locations #locations {
    font-size: 14px;
  }
}
#multiLocations .company-locations #locations .no-locations {
  padding-top: 30px;
  padding-bottom: 30px;
  border-bottom: 1px solid #e6e6e6;
}
#multiLocations .company-locations #locations .title {
  display: none;
}
@media (max-width: 480px) {
  #multiLocations .company-locations #locations .title {
    display: inline-block;
    width: 25%;
    font-weight: bold;
    vertical-align: top;
    color: #a7a9ab;
  }
}
@media (max-width: 350px) {
  #multiLocations .company-locations #locations .title {
    width: 30%;
  }
}
@media (max-width: 480px) {
  #multiLocations .company-locations #locations .info {
    display: inline-block;
    width: 70%;
  }
}
@media (max-width: 350px) {
  #multiLocations .company-locations #locations .info {
    width: 68%;
  }
}
#multiLocations .company-locations #locations .location {
  border-bottom: 1px solid #e6e6e6;
}
#multiLocations .company-locations #locations .location:nth-child(odd) {
  background-color: #eeeeee;
}
#multiLocations .company-locations #locations .location .location-name {
  padding-top: 30px;
  padding-bottom: 30px;
}
@media (max-width: 810px) {
  #multiLocations .company-locations #locations .location .location-name {
    padding-top: 39px;
    padding-bottom: 39px;
  }
}
@media (max-width: 771px) {
  #multiLocations .company-locations #locations .location .location-name {
    padding-top: 37px;
    padding-bottom: 37px;
  }
}
@media (max-width: 480px) {
  #multiLocations .company-locations #locations .location .location-name {
    width: 100%;
    padding-top: 5px;
    padding-bottom: 5px;
    font-weight: bold;
    font-size: 16px;
  }
}
#multiLocations
  .company-locations
  #locations
  .location
  .location-name
  .actions {
  display: none;
}
@media (max-width: 480px) {
  #multiLocations
    .company-locations
    #locations
    .location
    .location-name
    .actions {
    display: inline-block;
    padding-top: 0;
    padding-bottom: 0;
  }
}
#multiLocations .company-locations #locations .location .location-address {
  padding-top: 10px;
  padding-bottom: 10px;
}
@media (max-width: 480px) {
  #multiLocations .company-locations #locations .location .location-address {
    width: 100%;
  }
}
#multiLocations .company-locations #locations .location .phone-number {
  padding-top: 40px;
  padding-bottom: 40px;
}
@media (max-width: 771px) {
  #multiLocations .company-locations #locations .location .phone-number {
    padding-top: 39px;
    padding-bottom: 39px;
  }
}
@media (max-width: 480px) {
  #multiLocations .company-locations #locations .location .phone-number {
    width: 100%;
    padding-top: 5px;
    padding-bottom: 5px;
    text-align: left;
  }
}
#multiLocations .company-locations #locations .location .is-primary {
  padding-top: 40px;
  padding-bottom: 40px;
}
@media (max-width: 771px) {
  #multiLocations .company-locations #locations .location .is-primary {
    padding-top: 39px;
    padding-bottom: 39px;
  }
}
@media (max-width: 480px) {
  #multiLocations .company-locations #locations .location .is-primary {
    width: 100%;
    padding-top: 5px;
    padding-bottom: 5px;
    text-align: left;
  }
}
#multiLocations .company-locations #locations .location .actions {
  padding-top: 35px;
  padding-bottom: 35px;
  padding-left: 0;
}
@media (max-width: 810px) {
  #multiLocations .company-locations #locations .location .actions {
    padding-top: 34px;
    padding-bottom: 34px;
  }
}
@media (max-width: 771px) {
  #multiLocations .company-locations #locations .location .actions {
    padding-top: 31px;
    padding-bottom: 31px;
  }
}
@media (max-width: 563px) {
  #multiLocations .company-locations #locations .location .actions {
    padding: 34px 5px;
    text-align: center;
  }
}
@media (max-width: 480px) {
  #multiLocations .company-locations #locations .location .actions {
    display: none;
  }
}
#multiLocations .company-locations #locations .location .actions .button {
  padding: 7px;
  width: 26px;
  font-size: 12px;
  margin-bottom: 0;
}
@media (max-width: 563px) {
  #multiLocations .company-locations #locations .location .actions .button {
    font-size: 10px;
  }
}
#multiLocations .company-locations .subtext {
  font-size: 14px;
  padding-top: 5px;
}
#multiLocations .company-locations .subtext .fa-pencil,
#multiLocations .company-locations .subtext .fa-trash {
  cursor: default !important;
}
#multiLocations .company-locations .subtext > div {
  margin-bottom: 5px;
  padding-left: 5px;
}
@media (max-width: 430px) {
  #multiLocations .company-locations .subtext > div {
    width: 100%;
    padding-left: 10px;
  }
}
#multiLocations .company-locations .subtext > div + div {
  padding-left: 0;
}
@media (max-width: 430px) {
  #multiLocations .company-locations .subtext > div + div {
    padding-left: 5px;
  }
}
#multiLocations .company-locations .subtext .button {
  padding: 8px;
  width: 25px;
  font-size: 10px;
  margin-bottom: 0;
  cursor: auto;
}
#multiLocations .company-locations .subtext .button:hover,
#multiLocations .company-locations .subtext .button:active,
#multiLocations .company-locations .subtext .button:focus {
  color: #ffffff;
}
#multiLocations .company-locations .subtext .upgrade {
  cursor: pointer;
}
#multiLocations .company-locations .subtext .add-location {
  cursor: pointer;
}
#multiLocations .company-locations .subtext .add-location i {
  font-size: 20px;
}
#multiLocations .company-locations .subtext .update-location .button:hover,
#multiLocations .company-locations .subtext .update-location .button:active,
#multiLocations .company-locations .subtext .update-location .button:focus {
  background-color: #03783d;
}
#multiLocations .company-locations .subtext .delete-location .button:hover,
#multiLocations .company-locations .subtext .delete-location .button:active,
#multiLocations .company-locations .subtext .delete-location .button:focus {
  background-color: #f9423a;
}

#locationHours {
  padding: 0;
}
@media (max-width: 767px) {
  #locationHours {
    border-top: 1px solid #e6e6e6;
    margin-top: 10px;
    padding-top: 10px;
  }
}
#locationHours #locationHoursForm .hours .top-label {
  margin-bottom: 15px;
}
#locationHours #locationHoursForm .day {
  margin-left: 0 !important;
  margin-right: 0 !important;
  margin-bottom: 5px;
}
@media (max-width: 394px) {
  #locationHours #locationHoursForm .day {
    margin-bottom: 0;
  }
}
#locationHours #locationHoursForm .day > .col-xs-12 {
  padding-left: 0;
  padding-right: 0;
}
#locationHours #locationHoursForm .weekday {
  padding: 0;
  padding-top: 8px;
  padding-bottom: 8px;
  text-align: right;
}
@media (max-width: 767px) {
  #locationHours #locationHoursForm .weekday {
    padding-right: 10px;
    padding-left: 10px;
  }
}
@media (max-width: 480px) {
  #locationHours #locationHoursForm .weekday {
    padding-right: 0;
    padding-left: 10px;
    text-align: left;
  }
}
@media (max-width: 430px) {
  #locationHours #locationHoursForm .weekday {
    width: 20%;
  }
}
@media (max-width: 394px) {
  #locationHours #locationHoursForm .weekday {
    width: 100%;
    padding-bottom: 2px;
  }
}
#locationHours #locationHoursForm label.is-closed {
  padding: 0;
  padding-top: 8px;
  padding-bottom: 8px;
  text-align: right;
}
@media (max-width: 767px) {
  #locationHours #locationHoursForm label.is-closed {
    text-align: left;
    padding-right: 10px;
    padding-left: 10px;
  }
}
@media (max-width: 480px) {
  #locationHours #locationHoursForm label.is-closed {
    padding-right: 0;
    padding-left: 5px;
    font-size: 13px;
  }
}
@media (max-width: 430px) {
  #locationHours #locationHoursForm label.is-closed {
    width: 18%;
    padding-left: 10px;
  }
}
@media (max-width: 394px) {
  #locationHours #locationHoursForm label.is-closed {
    width: 20%;
    padding-bottom: 2px;
  }
}
@media (max-width: 360px) {
  #locationHours #locationHoursForm label.is-closed {
    width: 25%;
  }
}
@media (max-width: 430px) {
  #locationHours #locationHoursForm label.is-closed input {
    margin-right: 0.25rem;
  }
}
#locationHours #locationHoursForm .set1 .col-xs-3 {
  padding-right: 0;
  padding-left: 5px;
}
@media (max-width: 767px) {
  #locationHours #locationHoursForm .set1 .col-xs-3 {
    padding-right: 10px;
    padding-left: 10px;
  }
}
@media (max-width: 480px) {
  #locationHours #locationHoursForm .set1 .col-xs-3 {
    padding-right: 0px;
    padding-left: 5px;
  }
}
@media (max-width: 394px) {
  #locationHours #locationHoursForm .set1 .col-xs-3 {
    width: 40%;
    padding-left: 10px;
  }
}
@media (max-width: 360px) {
  #locationHours #locationHoursForm .set1 .col-xs-3 {
    width: 35%;
  }
}
#locationHours #locationHoursForm button {
  margin-top: 10px;
}
@media (max-width: 480px) {
  #locationHours #locationHoursForm button {
    width: 100%;
  }
}
@media (max-width: 394px) {
  #locationHours #locationHoursForm button {
    margin-top: 20px;
    margin-bottom: 0.5rem;
  }
}
.delivery-banner {
  margin-top: 55px;
  padding: 10px 0;
  font-size: 20px;
  font-weight: bold;
  background-color: #ffbe42;
  color: #404041;
}

.template-listing_detail {
  padding: 15px 0 0 0;
}
@media screen and (max-width: 768px) {
  .template-listing_detail {
    padding-top: 10px;
  }
}
.template-listing_detail h3 {
  margin-bottom: 0px;
  word-wrap: break-word;
}
.template-listing_detail a:hover,
.template-listing_detail button:hover,
.template-listing_detail .button[disabled]:hover,
.template-listing_detail a:active,
.template-listing_detail button:active,
.template-listing_detail .button[disabled]:active,
.template-listing_detail a:focus,
.template-listing_detail button:focus,
.template-listing_detail .button[disabled]:focus {
  background-color: #a7a9ab;
  color: white;
}
.template-listing_detail .section-padding {
  padding: 25px 0;
}
.template-listing_detail .info-table td {
  padding-left: 0px;
}
.template-listing_detail .info-table tr {
  background: transparent;
}
.template-listing_detail .sold-out h4 {
  border-radius: 8px;
  padding-top: 5px;
  padding-bottom: 5px;
}
@media screen and (max-width: 767px) {
  .template-listing_detail .sold-out h4 {
    margin-top: -10px;
    margin-bottom: 15px;
  }
}
@media screen and (max-width: 414px) {
  .template-listing_detail .sold-out h4 {
    margin-bottom: 10px;
  }
}
.template-listing_detail .listing-update-controls {
  margin-bottom: 5px;
}
@media screen and (max-width: 639px) {
  .template-listing_detail .listing-update-controls {
    margin-top: -10px;
    margin-bottom: 10px;
  }
}
@media screen and (max-width: 420px) {
  .template-listing_detail .listing-update-controls .col-xs-6 {
    width: 100%;
    margin-left: 0;
  }
}
.template-listing_detail .listing-info {
  padding-top: 10px;
}
@media screen and (max-width: 768px) {
  .template-listing_detail .listing-info {
    padding-top: 0;
  }
}
@media screen and (max-width: 639px) {
  .template-listing_detail .listing-info > .col-xs-5,
  .template-listing_detail .listing-info > .col-xs-7 {
    width: 95%;
    margin-left: 2.5%;
    margin-right: 2.5%;
  }
}
.template-listing_detail .listing-info .listing-img {
  overflow: hidden;
  padding-bottom: 0;
  position: relative;
}
.template-listing_detail .listing-info .listing-img h3.obo {
  padding: 5px 15px 5px 10px;
}
@media screen and (max-width: 1199px) {
  .template-listing_detail .listing-info .listing-img h3.obo {
    font-size: 25px;
    padding-right: 13px;
  }
}
@media screen and (max-width: 639px) {
  .template-listing_detail .listing-info .listing-img h3.obo {
    padding-right: 15px;
  }
}
@media screen and (max-width: 465px) {
  .template-listing_detail .listing-info .listing-img h3.obo {
    font-size: 22px;
    padding: 3px 13px 3px 10px;
  }
}
@media screen and (max-width: 375px) {
  .template-listing_detail .listing-info .listing-img h3.obo {
    padding: 3px 11px 3px 8px;
  }
}
.template-listing_detail .listing-info .listing-img ul {
  margin-left: 0px;
}
.template-listing_detail .listing-info .listing-img.default li img {
  margin-top: -70px;
}
.template-listing_detail .listing-info .listing-img .discount {
  padding: 5px 10px;
  border-bottom-left-radius: 16px;
  border-bottom-right-radius: 16px;
}
.template-listing_detail .listing-info .listing-img .discount h4 {
  font-size: 2.75rem;
}
.template-listing_detail .listing-info .listing-img .discount.multi_img {
  bottom: 100px;
}
@media screen and (min-width: 1443px) {
  .template-listing_detail .listing-info .listing-img .discount.multi_img {
    bottom: 120px;
  }
}
@media screen and (max-width: 1400px) {
  .template-listing_detail .listing-info .listing-img .discount h4 {
    font-size: 2.5rem;
  }
}
@media screen and (max-width: 1400px) {
  .template-listing_detail .listing-info .listing-img .discount h4 {
    font-size: 2.25rem;
  }
}
@media screen and (max-width: 1024px) {
  .template-listing_detail .listing-info .listing-img .discount h4 {
    font-size: 2rem;
  }
}
@media screen and (max-width: 320px) {
  .template-listing_detail .listing-info .listing-img .discount h4 {
    font-size: 1.75rem;
  }
}
.template-listing_detail .listing-info .listing-img .pgwSlideshow {
  background: transparent;
}
.template-listing_detail .listing-info .listing-img .pgwSlideshow .ps-current {
  min-height: 320px;
  max-height: 320px;
  border-radius: 16px;
  border: 1px solid #a7a9ab;
}
.template-listing_detail
  .listing-info
  .listing-img
  .pgwSlideshow
  .ps-current
  > ul
  > li
  img {
  width: 100%;
  border-radius: 16px;
  min-height: 320px;
}
@media screen and (max-width: 1250px) {
  .template-listing_detail
    .listing-info
    .listing-img
    .pgwSlideshow
    .ps-current
    > ul
    > li
    img {
    min-height: 300px;
  }
}
@media screen and (max-width: 1199px) {
  .template-listing_detail
    .listing-info
    .listing-img
    .pgwSlideshow
    .ps-current
    > ul
    > li
    img {
    min-height: 260px;
  }
}
.template-listing_detail
  .listing-info
  .listing-img
  .pgwSlideshow
  .ps-current
  .ps-prev {
  z-index: 1000;
}
@media screen and (max-width: 1250px) {
  .template-listing_detail
    .listing-info
    .listing-img
    .pgwSlideshow
    .ps-current {
    min-height: 300px;
    max-height: 300px;
  }
}
@media screen and (max-width: 1199px) {
  .template-listing_detail
    .listing-info
    .listing-img
    .pgwSlideshow
    .ps-current {
    min-height: 260px;
    max-height: 260px;
  }
}
.template-listing_detail .listing-info .listing-img .pgwSlideshow .ps-list {
  background: transparent;
  box-shadow: none;
  border-top: none;
}
.template-listing_detail
  .listing-info
  .listing-img
  .pgwSlideshow
  .ps-list
  ul
  li
  .ps-item.ps-selected {
  overflow: visible;
}
.template-listing_detail
  .listing-info
  .listing-img
  .pgwSlideshow
  .ps-list
  ul
  li
  .ps-item.ps-selected
  img {
  margin: 0px 0px 0px 0px;
}
.template-listing_detail .listing-info .listing-detail .listing-name {
  padding-left: 0;
}
@media screen and (max-width: 1199px) {
  .template-listing_detail
    .listing-info
    .listing-detail
    .listing-name
    h3
    small {
    display: block;
    margin-bottom: 20px;
    margin-top: 10px;
  }
}
@media screen and (max-width: 736px) {
  .template-listing_detail .listing-info .listing-detail .listing-name h3 {
    font-size: 28px;
  }
}
@media screen and (max-width: 667px) {
  .template-listing_detail .listing-info .listing-detail .listing-name h3 {
    font-size: 26px;
  }
}
@media screen and (max-width: 366px) {
  .template-listing_detail .listing-info .listing-detail .listing-name h3 {
    font-size: 24px;
  }
}
@media screen and (max-width: 342px) {
  .template-listing_detail .listing-info .listing-detail .listing-name h3 {
    font-size: 22px;
  }
}
.template-listing_detail .listing-info .listing-detail .page-views {
  padding-left: 0;
  font-size: 16px;
}
.template-listing_detail .listing-info .listing-detail .listing-category {
  padding-left: 0;
}
@media screen and (max-width: 520px) {
  .template-listing_detail .listing-info .listing-detail .listing-category {
    width: 40%;
  }
}
@media screen and (max-width: 520px) {
  .template-listing_detail .listing-info .listing-detail .listing-negotiable {
    width: 60%;
  }
}
@media screen and (max-width: 1199px) {
  .template-listing_detail
    .listing-info
    .listing-detail
    .listing-negotiable
    h5 {
    font-size: 18px;
  }
}
@media screen and (max-width: 361px) {
  .template-listing_detail
    .listing-info
    .listing-detail
    .listing-negotiable
    h5 {
    font-size: 16px;
  }
}
.template-listing_detail .listing-info .listing-detail .listing-price {
  font-weight: bold;
}
@media screen and (max-width: 736px) {
  .template-listing_detail .listing-info .listing-detail .listing-price h3 {
    font-size: 28px;
  }
}
@media screen and (max-width: 667px) {
  .template-listing_detail .listing-info .listing-detail .listing-price h3 {
    font-size: 26px;
  }
}
@media screen and (max-width: 366px) {
  .template-listing_detail .listing-info .listing-detail .listing-price h3 {
    font-size: 24px;
  }
}
@media screen and (max-width: 342px) {
  .template-listing_detail .listing-info .listing-detail .listing-price h3 {
    font-size: 22px;
  }
}
.template-listing_detail .listing-info .listing-detail .listing-price small {
  color: black;
}
.template-listing_detail .listing-info .listing-detail .listing-company .thumb {
  width: 25px;
  height: 25px;
  vertical-align: middle;
}
@media screen and (max-width: 639px) {
  .template-listing_detail
    .listing-info
    .listing-detail
    .listing-company
    .thumb {
    margin-left: 0;
  }
}
.template-listing_detail .listing-info .listing-detail .listing-company a {
  font-size: 16px;
}
.template-listing_detail .listing-info .listing-detail .listing-company a:hover,
.template-listing_detail
  .listing-info
  .listing-detail
  .listing-company
  a:active,
.template-listing_detail
  .listing-info
  .listing-detail
  .listing-company
  a:focus {
  background-color: #ffffff;
  color: #665787;
}
.template-listing_detail .listing-info .listing-description {
  padding-top: 10px;
  padding-bottom: 15px;
}
@media screen and (max-width: 1199px) {
  .template-listing_detail .listing-info .listing-description {
    padding-top: 5px;
    padding-bottom: 10px;
  }
}
.template-listing_detail .listing-info .listing-description p {
  font-size: 16px;
}
@media screen and (max-width: 1199px) {
  .template-listing_detail .listing-info .listing-description p {
    font-size: 15px;
    margin-bottom: 0;
  }
}
@media screen and (max-width: 768px) {
  .template-listing_detail .tags-claim-info {
    padding-top: 10px !important;
    padding-bottom: 10px;
  }
}
@media screen and (max-width: 639px) {
  .template-listing_detail .tags-claim-info {
    padding-top: 0px !important;
  }
}
@media screen and (max-width: 639px) {
  .template-listing_detail .tags-claim-info > .col-xs-5,
  .template-listing_detail .tags-claim-info > .col-xs-7 {
    width: 95%;
    margin-left: 2.5%;
    margin-right: 2.5%;
  }
}
@media screen and (max-width: 327px) {
  .template-listing_detail .tags-claim-info > .col-xs-5,
  .template-listing_detail .tags-claim-info > .col-xs-7 {
    margin-left: 1%;
    margin-right: 1%;
  }
}
.template-listing_detail .tags-claim-info .listing-tags {
  padding-bottom: 0 !important;
  padding-left: 0;
}
@media screen and (max-width: 639px) {
  .template-listing_detail .tags-claim-info .listing-tags {
    padding-left: 10px;
  }
}
.template-listing_detail .tags-claim-info .listing-tags ul {
  list-style-type: none;
  margin-left: 0;
  margin-bottom: 1em;
  padding-top: 10px;
}
.template-listing_detail .tags-claim-info .listing-tags ul li {
  margin-right: 1%;
  margin-bottom: 5px;
  border: 1px solid lightgray;
  border-radius: 5px;
  padding: 5px;
  display: inline-flex;
  background-color: lightgray;
}
@media screen and (max-width: 639px) {
  .template-listing_detail .tags-claim-info .listing-offer .headers {
    margin-top: 10px;
  }
}
@media screen and (max-width: 767px) {
  .template-listing_detail
    .tags-claim-info
    .listing-offer
    .headers.negotiable-headers {
    margin-top: 10px;
  }
}
@media screen and (max-width: 1106px) {
  .template-listing_detail
    .tags-claim-info
    .listing-offer
    .headers.negotiable-headers
    .obo-header {
    padding-top: 18px;
  }
}
@media screen and (max-width: 991px) {
  .template-listing_detail
    .tags-claim-info
    .listing-offer
    .headers.negotiable-headers
    .obo-header {
    padding-top: 0;
  }
}
@media screen and (max-width: 865px) {
  .template-listing_detail
    .tags-claim-info
    .listing-offer
    .headers.negotiable-headers
    .obo-header {
    padding-top: 18px;
  }
}
@media screen and (max-width: 767px) {
  .template-listing_detail
    .tags-claim-info
    .listing-offer
    .headers.negotiable-headers
    .obo-header {
    padding-top: 0;
    padding-left: 0;
  }
}
@media screen and (max-width: 639px) {
  .template-listing_detail
    .tags-claim-info
    .listing-offer
    .headers.negotiable-headers
    .obo-header {
    padding-left: 10px;
  }
}
@media screen and (max-width: 452px) {
  .template-listing_detail
    .tags-claim-info
    .listing-offer
    .headers.negotiable-headers
    .obo-header {
    width: 40%;
    padding-top: 0;
  }
}
@media screen and (max-width: 328px) {
  .template-listing_detail
    .tags-claim-info
    .listing-offer
    .headers.negotiable-headers
    .obo-header {
    padding-top: 18px;
  }
}
@media screen and (max-width: 1106px) {
  .template-listing_detail
    .tags-claim-info
    .listing-offer
    .headers.negotiable-headers
    .preferred-qty-header
    .info {
    display: block;
  }
}
@media screen and (max-width: 991px) {
  .template-listing_detail
    .tags-claim-info
    .listing-offer
    .headers.negotiable-headers
    .preferred-qty-header
    .info {
    display: inline-block;
  }
}
@media screen and (max-width: 452px) {
  .template-listing_detail
    .tags-claim-info
    .listing-offer
    .headers.negotiable-headers
    .preferred-qty-header {
    width: 60%;
  }
}
.template-listing_detail
  .tags-claim-info
  .listing-offer
  .headers
  .min-order-header {
  padding-left: 24px;
  font-size: 16px;
}
@media screen and (max-width: 599px) {
  .template-listing_detail
    .tags-claim-info
    .listing-offer
    .headers
    .min-order-header {
    width: 100%;
  }
}
@media screen and (max-width: 452px) {
  .template-listing_detail
    .tags-claim-info
    .listing-offer
    .headers
    .min-order-header {
    padding-left: 10px;
  }
}
@media screen and (max-width: 767px) {
  .template-listing_detail .tags-claim-info .listing-offer .negotiable .asking {
    padding-left: 0;
  }
}
@media screen and (max-width: 639px) {
  .template-listing_detail .tags-claim-info .listing-offer .negotiable .asking {
    padding-left: 10px;
  }
}
@media screen and (max-width: 452px) {
  .template-listing_detail .tags-claim-info .listing-offer .negotiable .asking {
    width: 40%;
  }
}
.template-listing_detail
  .tags-claim-info
  .listing-offer
  .negotiable
  .asking
  #mmao_price {
  position: relative;
}
.template-listing_detail
  .tags-claim-info
  .listing-offer
  .negotiable
  .asking
  #mmao_price
  .currency_sign {
  position: absolute;
  top: 8px;
  left: 3%;
  font-size: 16px;
  font-weight: normal !important;
}
@media screen and (max-width: 1050px) {
  .template-listing_detail
    .tags-claim-info
    .listing-offer
    .negotiable
    .asking
    #mmao_price
    .currency_sign {
    left: 4%;
  }
}
.template-listing_detail
  .tags-claim-info
  .listing-offer
  .negotiable
  .asking
  #mmao_price
  input {
  padding-left: 25px;
}
@media screen and (max-width: 1050px) {
  .template-listing_detail
    .tags-claim-info
    .listing-offer
    .negotiable
    .asking
    #mmao_price
    input {
    padding-left: 16px;
  }
}
@media screen and (max-width: 1200px) {
  .template-listing_detail .tags-claim-info .listing-offer .negotiable .qty {
    padding-right: 5px;
  }
}
@media screen and (max-width: 767px) {
  .template-listing_detail .tags-claim-info .listing-offer .negotiable .qty {
    padding-left: 10px;
    padding-right: 10px;
  }
}
@media screen and (max-width: 452px) {
  .template-listing_detail .tags-claim-info .listing-offer .negotiable .qty {
    width: 60%;
    padding-left: 0;
    padding-right: 0;
  }
}
@media screen and (max-width: 360px) {
  .template-listing_detail .tags-claim-info .listing-offer .negotiable .qty {
    padding-right: 5px;
  }
}
.template-listing_detail
  .tags-claim-info
  .listing-offer
  .negotiable
  .qty
  input {
  width: 80%;
}
@media screen and (max-width: 1161px) {
  .template-listing_detail
    .tags-claim-info
    .listing-offer
    .negotiable
    .qty
    input {
    width: 75%;
  }
}
@media screen and (max-width: 767px) {
  .template-listing_detail
    .tags-claim-info
    .listing-offer
    .negotiable
    .qty
    input {
    width: 85%;
  }
}
@media screen and (max-width: 741px) {
  .template-listing_detail
    .tags-claim-info
    .listing-offer
    .negotiable
    .qty
    input {
    width: 80%;
  }
}
@media screen and (max-width: 553px) {
  .template-listing_detail
    .tags-claim-info
    .listing-offer
    .negotiable
    .qty
    input {
    width: 75%;
  }
}
@media screen and (max-width: 452px) {
  .template-listing_detail
    .tags-claim-info
    .listing-offer
    .negotiable
    .qty
    input {
    width: 78%;
  }
}
@media screen and (max-width: 360px) {
  .template-listing_detail
    .tags-claim-info
    .listing-offer
    .negotiable
    .qty
    input {
    width: 75%;
  }
}
@media screen and (max-width: 639px) {
  .template-listing_detail
    .tags-claim-info
    .listing-offer
    .negotiable
    .add-cart {
    padding-right: 10px;
  }
}
@media screen and (max-width: 500px) {
  .template-listing_detail
    .tags-claim-info
    .listing-offer
    .negotiable
    .add-cart {
    padding-left: 0;
  }
}
@media screen and (max-width: 452px) {
  .template-listing_detail
    .tags-claim-info
    .listing-offer
    .negotiable
    .add-cart {
    padding-left: 10px;
  }
}
@media screen and (max-width: 1031px) {
  .template-listing_detail
    .tags-claim-info
    .listing-offer
    .negotiable
    .add-cart
    button {
    font-size: 13px;
  }
}
@media screen and (max-width: 991px) {
  .template-listing_detail
    .tags-claim-info
    .listing-offer
    .negotiable
    .add-cart
    button {
    font-size: 14px;
  }
}
@media screen and (max-width: 459px) {
  .template-listing_detail
    .tags-claim-info
    .listing-offer
    .negotiable
    .add-cart
    button {
    font-size: 13px;
  }
}
@media screen and (max-width: 667px) {
  .template-listing_detail
    .tags-claim-info
    .listing-offer
    .not-negotiable
    .qty {
    width: 60%;
  }
}
@media screen and (max-width: 639px) {
  .template-listing_detail
    .tags-claim-info
    .listing-offer
    .not-negotiable
    .qty {
    width: 50%;
  }
}
@media screen and (max-width: 667px) {
  .template-listing_detail
    .tags-claim-info
    .listing-offer
    .not-negotiable
    .add-cart {
    width: 40%;
  }
}
@media screen and (max-width: 639px) {
  .template-listing_detail
    .tags-claim-info
    .listing-offer
    .not-negotiable
    .add-cart {
    width: 50%;
  }
}
.template-listing_detail .tags-claim-info .listing-offer .qty {
  padding-left: 0;
  padding-right: 0;
}
@media screen and (max-width: 452px) {
  .template-listing_detail .tags-claim-info .listing-offer .qty {
    padding-left: 10px;
    width: 100%;
  }
}
@media screen and (max-width: 380px) {
  .template-listing_detail .tags-claim-info .listing-offer .qty {
    padding-right: 5px;
  }
}
@media screen and (max-width: 327px) {
  .template-listing_detail .tags-claim-info .listing-offer .qty i {
    font-size: 10px;
  }
}
.template-listing_detail .tags-claim-info .listing-offer .qty input {
  width: 75%;
}
@media screen and (max-width: 639px) {
  .template-listing_detail .tags-claim-info .listing-offer .qty input {
    width: 80%;
  }
}
@media screen and (max-width: 452px) {
  .template-listing_detail .tags-claim-info .listing-offer .qty input {
    width: 74%;
  }
}
@media screen and (max-width: 372px) {
  .template-listing_detail .tags-claim-info .listing-offer .qty input {
    width: 70%;
  }
}
@media screen and (max-width: 1161px) {
  .template-listing_detail .tags-claim-info .listing-offer .add-cart {
    padding-left: 0;
    padding-right: 0;
  }
}
@media screen and (max-width: 500px) {
  .template-listing_detail .tags-claim-info .listing-offer .add-cart {
    padding-left: 10px;
  }
}
@media screen and (max-width: 452px) {
  .template-listing_detail .tags-claim-info .listing-offer .add-cart {
    padding-left: 0;
    width: 100%;
  }
}
@media screen and (max-width: 770px) {
  .template-listing_detail .tags-claim-info .listing-offer .add-cart button {
    font-size: 13px;
  }
}
.template-listing_detail .tags-claim-info .listing-offer p {
  padding-left: 10px;
}
@media screen and (max-width: 768px) {
  .template-listing_detail .tags-claim-info .listing-offer p {
    padding-left: 0px;
  }
}
@media screen and (max-width: 639px) {
  .template-listing_detail .tags-claim-info .listing-offer .sold-out h4 {
    margin-top: 10px;
  }
}
.template-listing_detail .listing-dates {
  font-size: 16px;
}
@media screen and (max-width: 639px) {
  .template-listing_detail .listing-dates {
    font-size: 14px;
  }
}
@media screen and (max-width: 991px) {
  .template-listing_detail .listing-dates .modified {
    text-align: right;
  }
}
.template-listing_detail .listing-logistics {
  padding-bottom: 25px;
}
@media screen and (max-width: 639px) {
  .template-listing_detail .listing-logistics > .col-xs-6 {
    width: 95%;
    margin-left: 2.5%;
    margin-right: 2.5%;
  }
}
.template-listing_detail .listing-logistics .col-xs-6,
.template-listing_detail .listing-logistics .col-sm-6,
.template-listing_detail .listing-logistics .col-xs-7,
.template-listing_detail .listing-logistics .col-xs-5,
.template-listing_detail .listing-logistics .col-xs-4,
.template-listing_detail .listing-logistics .col-xs-8 {
  font-size: 16px;
}
@media screen and (max-width: 1250px) {
  .template-listing_detail .listing-logistics .col-xs-6,
  .template-listing_detail .listing-logistics .col-sm-6,
  .template-listing_detail .listing-logistics .col-xs-7,
  .template-listing_detail .listing-logistics .col-xs-5,
  .template-listing_detail .listing-logistics .col-xs-4,
  .template-listing_detail .listing-logistics .col-xs-8 {
    font-size: 15px;
  }
}
.template-listing_detail .listing-logistics > div {
  padding-left: 0;
  padding-right: 0;
}
.template-listing_detail .shipping-info {
  border-top: 1px solid #e6e6e6;
}
@media screen and (max-width: 639px) {
  .template-listing_detail .shipping-info {
    padding-bottom: 0;
  }
}
@media screen and (max-width: 639px) {
  .template-listing_detail .shipping-info .listing-instructions {
    padding-top: 20px;
  }
}
@media screen and (max-width: 843px) {
  .template-listing_detail .shipping-info .listing-instructions h5 {
    font-size: 1.05rem;
  }
}
@media screen and (max-width: 767px) {
  .template-listing_detail .shipping-info .listing-instructions h5 {
    font-size: 1.25rem;
  }
}
.template-listing_detail .shipping-info .listing-instructions .col-xs-6 {
  padding-left: 0;
  font-size: 16px;
}
@media screen and (max-width: 843px) {
  .template-listing_detail .shipping-info .listing-instructions .col-xs-6 {
    font-size: 14px;
  }
}
@media screen and (max-width: 767px) {
  .template-listing_detail .shipping-info .listing-instructions .col-xs-6 {
    font-size: 16px;
  }
}
@media screen and (max-width: 639px) {
  .template-listing_detail .shipping-info .listing-instructions .col-xs-6 {
    padding-left: 10px;
  }
}
.template-listing_detail .shipping-info .listing-instructions .col-xs-12 {
  padding-left: 0;
}
@media screen and (max-width: 639px) {
  .template-listing_detail .shipping-info .listing-instructions .col-xs-12 {
    padding-left: 10px;
  }
}
.template-listing_detail
  .shipping-info
  .listing-instructions
  .special-instructions {
  margin-bottom: 15px;
}
.template-listing_detail
  .shipping-info
  .listing-instructions
  .shipping-methods {
  margin-bottom: 10px;
  font-size: 16px;
}
@media screen and (max-width: 414px) {
  .template-listing_detail
    .shipping-info
    .listing-instructions
    .shipping-methods {
    font-size: 14px;
  }
}
.template-listing_detail
  .shipping-info
  .listing-instructions
  .shipping-methods
  .col-xs-1 {
  padding-top: 5px;
}
.template-listing_detail
  .shipping-info
  .listing-instructions
  .shipping-methods
  .col-xs-1
  a {
  background-color: transparent;
}
.template-listing_detail
  .shipping-info
  .listing-instructions
  .shipping-methods
  .col-xs-1
  a
  i:hover {
  color: #a7a9ab;
}
.template-listing_detail
  .shipping-info
  .listing-instructions
  .shipping-methods
  .headers {
  font-weight: 500;
  border-bottom: 1px solid #64676b;
}
.template-listing_detail
  .shipping-info
  .listing-instructions
  .shipping-methods
  .shipping-method-option {
  padding-top: 5px;
  padding-bottom: 5px;
  border-bottom: 1px solid #e6e6e6;
}
.template-listing_detail
  .shipping-info
  .listing-instructions
  .shipping-methods
  .shipping-method-option:nth-child(even) {
  background-color: #e6e6e6;
}
.template-listing_detail
  .shipping-info
  .listing-instructions
  .shipping-methods
  .shipping-method-option:nth-child(odd) {
  background-color: #ffffff;
}
@media screen and (max-width: 991px) {
  .template-listing_detail .shipping-info .col-sm-5 {
    padding-left: 35px;
  }
}
.template-listing_detail .supplier-info {
  border-top: 1px solid #e6e6e6;
}
@media screen and (max-width: 639px) {
  .template-listing_detail .supplier-info {
    border-top: none;
  }
}
@media screen and (max-width: 1199px) {
  .template-listing_detail .supplier-info h3 {
    font-size: 1.75rem;
  }
}
@media screen and (max-width: 639px) {
  .template-listing_detail .supplier-info h3 {
    padding-left: 10px;
  }
}
@media screen and (max-width: 414px) {
  .template-listing_detail .supplier-info h3 {
    text-align: center;
    font-size: 1.5rem;
  }
}
@media screen and (max-width: 320px) {
  .template-listing_detail .supplier-info h3 {
    font-size: 1.25rem;
  }
}
.template-listing_detail .supplier-info .no-listings {
  font-size: 16px;
}
.template-listing_detail .supplier-info .no-listings .col-xs-12 {
  padding-left: 0;
}
@media screen and (max-width: 639px) {
  .template-listing_detail .supplier-info .no-listings .col-xs-12 {
    padding-left: 10px;
  }
}
.template-listing_detail .supplier-info .no-listings .col-xs-12:first-child {
  margin-bottom: 10px;
}
.template-listing_detail .supplier-info .no-listings .col-xs-12 .follow {
  font-size: 0.9rem;
}
@media screen and (max-width: 767px) {
  .template-listing_detail .supplier-info .no-listings .col-xs-12 .follow {
    width: 100%;
  }
}
@media screen and (max-width: 767px) {
  .template-listing_detail .supplier-info .supplier-about {
    padding-top: 20px;
    padding-bottom: 0px;
  }
}
.template-listing_detail .supplier-info .supplier-about h3 a:hover,
.template-listing_detail .supplier-info .supplier-about h3 a:active,
.template-listing_detail .supplier-info .supplier-about h3 a:focus {
  background-color: #ffffff;
  color: #665787;
}
.template-listing_detail .supplier-info .supplier-about .listing-img .thumb {
  width: 100px;
  height: 100px;
}
@media screen and (max-width: 1100px) {
  .template-listing_detail .supplier-info .supplier-about .listing-img .thumb {
    width: 90px;
    height: 90px;
  }
}
@media screen and (max-width: 1040px) {
  .template-listing_detail .supplier-info .supplier-about .listing-img .thumb {
    width: 80px;
    height: 80px;
  }
}
@media screen and (max-width: 414px) {
  .template-listing_detail .supplier-info .supplier-about .listing-img .thumb {
    width: 90px;
    height: 90px;
  }
}
.template-listing_detail .supplier-info .supplier-about .company-description {
  padding-top: 5px;
  padding-bottom: 10px;
  font-size: 16px;
}
@media screen and (max-width: 1199px) {
  .template-listing_detail .supplier-info .supplier-about .company-description {
    font-size: 15px;
  }
}
@media screen and (max-width: 1100px) {
  .template-listing_detail .supplier-info .supplier-about .company-description {
    font-size: 14px;
  }
}
@media screen and (max-width: 1040px) {
  .template-listing_detail .supplier-info .supplier-about .company-description {
    font-size: 13px;
  }
}
@media screen and (max-width: 991px) {
  .template-listing_detail .supplier-info .supplier-about .company-description {
    font-size: 16px;
  }
}
.template-listing_detail .supplier-info .supplier-about .message-company {
  padding-top: 5px;
}
.template-listing_detail .supplier-info .supplier-about .message-company a {
  border-color: #03783d;
  border-width: 2px;
}
.template-listing_detail
  .supplier-info
  .supplier-about
  .message-company
  a:hover,
.template-listing_detail
  .supplier-info
  .supplier-about
  .message-company
  a:active,
.template-listing_detail
  .supplier-info
  .supplier-about
  .message-company
  a:focus {
  background-color: #03783d;
  color: white;
}
.template-listing_detail .supplier-info .other-listing {
  border: 0.5px solid #a7a9ab;
}
@media screen and (max-width: 414px) {
  .template-listing_detail .supplier-info .other-listing {
    margin-left: auto;
    margin-right: auto;
  }
}
.template-listing_detail .supplier-info .other-listing small {
  color: #404041;
}
.template-listing_detail .supplier-info .other-listing .thumb {
  width: 100%;
  height: 125px;
  border-radius: 16px;
  border: 1px solid #e6e6e6;
}
@media screen and (max-width: 811px) {
  .template-listing_detail .supplier-info .other-listing .thumb {
    height: 115px;
  }
}
.template-listing_detail .supplier-info .other-listing .listing-img {
  top: 2px;
}
@media screen and (max-width: 1400px) {
  .template-listing_detail .supplier-info .other-listing .listing-img {
    top: 5px;
  }
}
@media screen and (max-width: 414px) {
  .template-listing_detail .supplier-info .other-listing .listing-img {
    width: 100%;
    padding-left: 0;
  }
}
.template-listing_detail .supplier-info .other-listing .listing-detail {
  padding-top: 10px;
}
@media screen and (max-width: 811px) {
  .template-listing_detail .supplier-info .other-listing .listing-detail {
    padding-top: 20px;
  }
}
@media screen and (max-width: 414px) {
  .template-listing_detail .supplier-info .other-listing .listing-detail {
    width: 50%;
  }
}
@media screen and (max-width: 1400px) {
  .template-listing_detail .supplier-info .other-listing .listing-detail h4 {
    font-size: 1.4rem;
  }
}
@media screen and (max-width: 811px) {
  .template-listing_detail .supplier-info .other-listing .listing-detail h4 {
    font-size: 1rem;
  }
}
@media screen and (max-width: 414px) {
  .template-listing_detail .supplier-info .other-listing .listing-detail h4 {
    font-size: 1.5rem;
    margin-bottom: 0;
  }
}
@media screen and (max-width: 375px) {
  .template-listing_detail .supplier-info .other-listing .listing-detail h4 {
    font-size: 1.25rem;
  }
}
@media screen and (max-width: 414px) {
  .template-listing_detail .supplier-info .other-listing .listing-detail h6 {
    margin-bottom: 0;
  }
}
.template-listing_detail .supplier-info .other-listing .listing-expiry {
  padding-left: 10px;
  padding-right: 10px;
}
@media screen and (max-width: 414px) {
  .template-listing_detail .supplier-info .other-listing .listing-expiry {
    width: 50%;
  }
}
@media screen and (max-width: 1199px) {
  .template-listing_detail
    .supplier-info
    .other-listing
    .listing-expiry
    .remaining
    .time-remaining
    h6 {
    font-size: 13px;
  }
}
@media screen and (max-width: 1199px) {
  .template-listing_detail
    .supplier-info
    .other-listing
    .listing-expiry
    .remaining
    .time-remaining {
    padding-bottom: 3px;
    font-size: 15px;
  }
}
@media screen and (max-width: 811px) {
  .template-listing_detail
    .supplier-info
    .other-listing
    .listing-expiry
    .button {
    font-size: 0.75rem;
  }
}
.template-listing_detail .listing-contact p {
  margin-bottom: 2px;
}

.template-listing_error .header {
  margin-bottom: 20px;
}

.template-listing_error .content {
  font-size: 16px;
  line-height: 35px;
  text-align: justify;
}
.template-listing_error .content.regards {
  margin-top: 15px;
  line-height: 24px;
}

.template-listing_error .message {
  border-color: #03783d;
  border-width: 2px;
  font-weight: bold;
  margin-bottom: 0;
}
.template-listing_error .message:hover,
.template-listing_error .message:active,
.template-listing_error .message:focus {
  background-color: #03783d;
  color: #ffffff;
}

.listing_form_common .col-xs-6,
.listing_form_common .col-xs-4 {
  padding-right: 0;
}

.listing_form_common ul.errorlist {
  padding: 0;
  margin-bottom: 0;
}

.listing_form_common .no_instance:nth-child(5) {
  clear: left;
}

@media screen and (max-width: 991px) {
  .listing_form_common .header-info .col-xs-4 {
    padding-right: 10px;
  }
}

@media screen and (max-width: 494px) {
  .listing_form_common .header-info .col-xs-8,
  .listing_form_common .header-info .col-xs-10 {
    width: 60%;
  }
}

@media screen and (max-width: 639px) {
  .listing_form_common .header-info .col-xs-8 h3,
  .listing_form_common .header-info .col-xs-10 h3 {
    font-size: 1.9375rem;
  }
}

@media screen and (max-width: 410px) {
  .listing_form_common .header-info .col-xs-8 h3,
  .listing_form_common .header-info .col-xs-10 h3 {
    font-size: 1.1875rem !important;
    margin-top: 10px;
  }
}

.listing_form_common .header-info .form-controls form {
  display: inline;
}
.listing_form_common .header-info .form-controls form button {
  margin-left: 4px;
}

@media screen and (max-width: 1151px) {
  .listing_form_common form.form label {
    font-size: 0.775rem;
  }
}

@media screen and (max-width: 991px) {
  .listing_form_common form.form label {
    font-size: 0.875rem;
  }
}

@media (max-width: 639px) {
  .listing_form_common form.form .col-xs-6:last-child,
  .listing_form_common form.form .col-xs-6:last-child,
  .listing_form_common form.form .col-xs-4:last-child,
  .listing_form_common form.form .col-xs-4:last-child {
    padding-right: 10px;
  }
}

@media (max-width: 470px) {
  .listing_form_common form.form .col-xs-6:nth-child(2),
  .listing_form_common form.form .col-xs-4:nth-child(2) {
    padding-right: 10px !important;
  }
}

.listing_form_common form.form .catalog-product-selection {
  margin-bottom: 1rem;
}
.listing_form_common form.form .catalog-product-selection p {
  margin-bottom: 0.5rem;
}
@media (max-width: 767px) {
  .listing_form_common form.form .catalog-product-selection .catalog-selection {
    margin-bottom: 0.5rem;
  }
}
.listing_form_common
  form.form
  .catalog-product-selection
  .catalog-button
  .button {
  margin-bottom: 0;
}
@media (max-width: 767px) {
  .listing_form_common
    form.form
    .catalog-product-selection
    .catalog-button
    .button {
    width: 100%;
  }
}
@media (max-width: 368px) {
  .listing_form_common
    form.form
    .catalog-product-selection
    .catalog-button
    .button {
    font-size: 14px;
  }
}
@media (max-width: 359px) {
  .listing_form_common
    form.form
    .catalog-product-selection
    .catalog-button
    .button {
    font-size: 13px;
  }
}
@media (max-width: 334px) {
  .listing_form_common
    form.form
    .catalog-product-selection
    .catalog-button
    .button {
    font-size: 12px;
  }
}
.listing_form_common form.form .listing-detail .col-xs-12 {
  padding-right: 0;
}
@media (max-width: 639px) {
  .listing_form_common form.form .listing-detail .col-xs-12 {
    padding-right: 10px;
  }
}
.listing_form_common form.form .listing-detail .select2-container {
  min-height: 44px;
}
.listing_form_common
  form.form
  .listing-detail
  .select2-container
  .select2-selection--single {
  min-height: 44px;
}

.listing_form_common form.form .listing-detail .detail-l {
  padding-left: 0;
  padding-right: 0;
}
@media screen and (max-width: 991px) {
  .listing_form_common form.form .listing-detail .detail-l {
    padding-left: 10px;
    padding-right: 10px;
  }
}
@media screen and (max-width: 470px) {
  .listing_form_common
    form.form
    .listing-detail
    .detail-l
    .category-reason
    .col-xs-4 {
    width: 100%;
  }
}
@media screen and (max-width: 1024px) {
  .listing_form_common
    form.form
    .listing-detail
    .detail-l
    .category-reason
    .col-xs-4.category {
    padding-right: 0;
  }
}
@media screen and (max-width: 470px) {
  .listing_form_common
    form.form
    .listing-detail
    .detail-l
    .category-reason
    .col-xs-4.category {
    padding-right: 10px;
  }
}
@media screen and (max-width: 1024px) {
  .listing_form_common
    form.form
    .listing-detail
    .detail-l
    .category-reason
    .col-xs-4.state {
    padding-right: 0;
  }
}
.listing_form_common form.form .listing-detail .detail-r {
  padding-left: 0;
  padding-right: 0;
}
@media screen and (max-width: 991px) {
  .listing_form_common form.form .listing-detail .detail-r {
    padding-left: 10px;
    padding-right: 10px;
  }
}
@media screen and (max-width: 470px) {
  .listing_form_common form.form .listing-detail .detail-r .pricing .col-xs-4 {
    width: 50%;
  }
}
.listing_form_common form.form .listing-shipping .custom-location {
  padding-top: 5px;
  padding-left: 0;
}
.listing_form_common form.form .listing-shipping .custom-location i {
  cursor: pointer;
  padding-left: 10px;
}

.listing_form_common form.form .listing-shipping #companyAddress {
  display: none;
}
.listing_form_common form.form .listing-shipping #companyAddress h6 {
  margin-top: 10px;
}
.listing_form_common
  form.form
  .listing-shipping
  #companyAddress
  .custom-street-address
  .unit-num {
  padding-right: 0;
}
@media screen and (max-width: 414px) {
  .listing_form_common
    form.form
    .listing-shipping
    #companyAddress
    .custom-street-address
    .unit-num {
    width: 25%;
  }
}
@media screen and (max-width: 414px) {
  .listing_form_common
    form.form
    .listing-shipping
    #companyAddress
    .custom-street-address
    .street {
    width: 75%;
  }
}
@media screen and (max-width: 639px) {
  .listing_form_common
    form.form
    .listing-shipping
    .network-invitation
    .col-xs-6 {
    width: 100%;
  }
}

@media screen and (max-width: 639px) {
  .listing_form_common form.form .listing-shipping .network-invitation h6 {
    font-size: 0.9rem;
  }
}

.template-listing_create #id_invite_organizations {
  height: 150px;
}

.template-listing_create #id_network_invite {
  display: inline;
  width: 90%;
  margin-right: 5%;
}
@media screen and (max-width: 639px) {
  .template-listing_create #id_network_invite {
    margin-right: 3%;
  }
}
.template-listing_create #invite {
  cursor: pointer;
}
.template-listing_create #invite:hover,
.template-listing_create #invite:focus,
.template-listing_create #invite:active {
  color: #a7a9ab;
}

.template-listing_create .delete {
  cursor: pointer;
}

.template-listing_create .listing-images .image-section .border.col-xs-2,
.template-listing_create
  .listing-images
  .image-section
  .message-thread
  .message-area
  .reply-form
  textarea.col-xs-2,
.message-thread
  .message-area
  .reply-form
  .template-listing_create
  .listing-images
  .image-section
  textarea.col-xs-2 {
  margin-right: 1.5%;
  margin-left: 1.5%;
}

@media screen and (max-width: 333px) {
  .template-listing_create .header-info .col-xs-10 h3 {
    margin-top: 0;
  }
}

@media screen and (max-width: 410px) {
  .template-listing_create .header-info .col-xs-2 .visible {
    margin-bottom: 10px;
  }
}

.template-listing_update form.form button.delete {
  margin-top: 0;
  margin-bottom: 0;
  margin-left: 4px;
}

@media screen and (max-width: 494px) {
  .template-listing_update .header-info .col-xs-8 {
    width: 60%;
  }
}

@media screen and (max-width: 411px) {
  .template-listing_update .header-info .col-xs-8 {
    width: 50%;
  }
}

@media screen and (max-width: 329px) {
  .template-listing_update .header-info .col-xs-8 {
    width: 40%;
  }
}

@media screen and (max-width: 455px) {
  .template-listing_update .header-info .col-xs-8 h3 {
    font-size: 1.1875rem !important;
    margin-top: 10px;
  }
}

@media screen and (max-width: 349px) {
  .template-listing_update .header-info .col-xs-8 h3 {
    font-size: 1rem !important;
  }
}

@media screen and (max-width: 329px) {
  .template-listing_update .header-info .col-xs-8 h3 {
    margin-top: 0;
  }
}

@media screen and (max-width: 494px) {
  .template-listing_update .header-info .col-xs-4 {
    width: 40%;
  }
}

@media screen and (max-width: 455px) {
  .template-listing_update .header-info .col-xs-4 {
    margin-bottom: 10px;
  }
}

@media screen and (max-width: 411px) {
  .template-listing_update .header-info .col-xs-4 {
    width: 50%;
  }
}

@media screen and (max-width: 329px) {
  .template-listing_update .header-info .col-xs-4 {
    width: 60%;
  }
}

.listing_form textarea {
  height: 210px !important;
}

.listing_form input,
.listing_form textarea {
  margin-bottom: 0 !important;
}

.listing_form input {
  font-weight: normal !important;
}
.listing_form input#id_market_value,
.listing_form input#id_price {
  padding-left: 25px;
}
@media screen and (max-width: 350px) {
  .listing_form input#id_market_value,
  .listing_form input#id_price {
    padding-left: 23px;
  }
}
.listing_form input[type="date"],
.listing_form input#id_must_go,
.listing_form input#id_best_before,
.listing_form input#id_production_date {
  font-size: 12px;
  border-radius: 6px;
  min-height: 44px;
}
@media screen and (max-width: 991px) {
  .listing_form input[type="date"],
  .listing_form input#id_must_go,
  .listing_form input#id_best_before,
  .listing_form input#id_production_date {
    font-size: 15px;
  }
}
.listing_form input.button {
  margin-top: 15px !important;
  margin-bottom: 35px !important;
}
@media screen and (max-width: 767px) {
  .listing_form input.button {
    width: 100%;
    margin-bottom: 0 !important;
  }
}
.listing_form .post-prompt {
  font-size: 16px;
  margin-top: 35px !important;
}
@media screen and (max-width: 767px) {
  .listing_form .post-prompt .col-xs-12 {
    text-align: left !important;
    font-size: 15px;
  }
}
.listing_form .listing-button,
.listing_form .draft-button {
  padding-left: 0;
}
@media screen and (max-width: 767px) {
  .listing_form .listing-button,
  .listing_form .draft-button {
    width: 100%;
  }
}
@media screen and (max-width: 639px) {
  .listing_form .listing-button,
  .listing_form .draft-button {
    padding-left: 10px;
  }
}
.listing_form .listing-button a,
.listing_form .draft-button a {
  width: 100%;
}

@media screen and (max-width: 767px) {
  .listing_form .draft-button .button {
    margin-bottom: 10px !important;
  }
}

.listing_form .select2 {
  width: 100% !important;
}

.listing_form ul.select2-results {
  max-height: 200px;
}

.listing_form .section-title {
  padding-bottom: 0px;
}

.listing_form .tooltip-inner {
  white-space: pre-wrap;
  text-align: left;
}

.listing_form .listing-detail .callout {
  padding: 1.25rem 1rem 2.5rem;
  margin-top: 0px;
  margin-bottom: 10px;
  background-color: transparent;
}
@media screen and (max-width: 414px) {
  .listing_form .listing-detail .callout {
    padding: 1rem;
  }
}
.listing_form .listing-detail .callout p {
  position: absolute;
}
@media screen and (max-width: 414px) {
  .listing_form .listing-detail .callout p {
    position: relative;
  }
}
@media screen and (max-width: 470px) {
  .listing_form .listing-detail .detail-r .qty-per-unit .col-xs-4 {
    width: 50%;
  }
  .listing_form .listing-detail .detail-r .qty-per-unit .col-xs-4:last-child {
    width: 100%;
  }
}

.listing_form .listing-detail .detail-r .currency_sign {
  position: absolute;
  top: 51px;
  left: 7%;
  font-size: 16px;
  font-weight: normal !important;
}
@media screen and (max-width: 991px) {
  .listing_form .listing-detail .detail-r .currency_sign {
    left: 5%;
  }
}
@media screen and (max-width: 470px) {
  .listing_form .listing-detail .detail-r .currency_sign {
    left: 8%;
  }
}
@media screen and (max-width: 350px) {
  .listing_form .listing-detail .detail-r .currency_sign {
    left: 10%;
  }
}
@media screen and (max-width: 470px) {
  .listing_form .listing-detail .detail-r .dates .col-xs-4 {
    width: 100%;
  }
}

@media screen and (max-width: 470px) {
  .listing_form .listing-detail .detail-r .dates .col-xs-4.must-go {
    padding-right: 10px;
  }
}

.listing_form .listing-shipping .form-section {
  margin-top: 30px;
}

.listing_form .listing-shipping .visibility {
  list-style-type: none;
}
@media screen and (max-width: 991px) {
  .listing_form .listing-shipping .visibility {
    margin-left: 0.25rem;
  }
}
.listing_form .listing-shipping .visibility #channel_selector .col-xs-8 {
  padding-left: 5%;
}
@media screen and (max-width: 991px) {
  .listing_form .listing-shipping .visibility #channel_selector .col-xs-8 {
    padding-left: 2.5%;
  }
}
@media screen and (max-width: 880px) {
  .listing_form .listing-shipping .visibility #channel_selector .col-xs-8 {
    padding-left: 3%;
  }
}
@media screen and (max-width: 800px) {
  .listing_form .listing-shipping .visibility #channel_selector .col-xs-8 {
    padding-left: 3.5%;
  }
}
@media screen and (max-width: 650px) {
  .listing_form .listing-shipping .visibility #channel_selector .col-xs-8 {
    padding-left: 4%;
  }
}
@media screen and (max-width: 550px) {
  .listing_form .listing-shipping .visibility #channel_selector .col-xs-8 {
    padding-left: 4.5%;
  }
}
@media screen and (max-width: 500px) {
  .listing_form .listing-shipping .visibility #channel_selector .col-xs-8 {
    padding-left: 5%;
  }
}
@media screen and (max-width: 450px) {
  .listing_form .listing-shipping .visibility #channel_selector .col-xs-8 {
    padding-left: 6%;
  }
}
@media screen and (max-width: 400px) {
  .listing_form .listing-shipping .visibility #channel_selector .col-xs-8 {
    padding-left: 6.5%;
  }
}
@media screen and (max-width: 380px) {
  .listing_form .listing-shipping .visibility #channel_selector .col-xs-8 {
    padding-left: 7%;
  }
}
@media screen and (max-width: 500px) {
  .listing_form
    .listing-shipping
    .visibility
    #channel_selector
    .col-xs-8:first-child {
    width: 75%;
  }
}
@media screen and (max-width: 440px) {
  .listing_form
    .listing-shipping
    .visibility
    #channel_selector
    .col-xs-8:first-child {
    width: 80%;
  }
}
@media screen and (max-width: 473px) {
  .listing_form .listing-shipping .visibility #channel_selector .col-xs-8.tips {
    width: 100%;
  }
}
.listing_form
  .listing-shipping
  .visibility
  #channel_selector
  .col-xs-8.tips
  .tip {
  font-weight: normal;
  font-size: 13px;
}
.listing_form .listing-shipping .visibility #channel_selector .col-xs-3 {
  padding-left: 0;
  padding-top: 5px;
}
@media screen and (max-width: 500px) {
  .listing_form .listing-shipping .visibility #channel_selector .col-xs-3 {
    width: 25%;
  }
}
@media screen and (max-width: 440px) {
  .listing_form .listing-shipping .visibility #channel_selector .col-xs-3 {
    width: 20%;
  }
}
@media screen and (max-width: 400px) {
  .listing_form .listing-shipping .visibility #channel_selector .col-xs-3 {
    padding-top: 8px;
  }
}
.listing_form .listing-shipping .visibility #channel_selector .col-xs-3 i {
  cursor: pointer;
}
@media screen and (max-width: 440px) {
  .listing_form .listing-shipping .visibility #channel_selector .col-xs-3 i {
    font-size: 1.5em;
  }
}
.listing_form .listing-shipping .routing {
  font-weight: normal;
  margin-top: 5px;
  margin-bottom: 5px;
}
.listing_form .listing-shipping .routing i {
  cursor: pointer;
}
.listing_form .listing-shipping .routing .headings {
  font-size: 16px;
  border-bottom: 1px solid;
  color: #64676b;
  padding-top: 10px;
}
.listing_form .listing-shipping .routing .routes {
  font-size: 14px;
}
.listing_form .listing-shipping .routing .routes i.button {
  width: 25px;
  font-size: 10px;
  padding: 0.45rem 0.25rem;
  margin-bottom: 0;
}
.listing_form .listing-shipping .routing .routes i.button:active,
.listing_form .listing-shipping .routing .routes i.button:focus,
.listing_form .listing-shipping .routing .routes i.button:hover {
  background-color: #a7a9ab;
}
.listing_form .listing-shipping .routing .routes .route > div {
  padding-top: 5px;
  padding-bottom: 5px;
}
.listing_form .listing-shipping .routing .routes .route .step {
  padding-top: 8px;
}
.listing_form .listing-shipping .routing .routes .route .step div {
  background-color: #03783d;
  color: #ffffff;
  border: 1px solid #03783d;
  border-radius: 50%;
  width: 20px;
  height: 20px;
  padding: 0px 6px 5px;
  font-weight: bold;
  margin-left: auto;
  font-size: 12px;
}
@media screen and (max-width: 991px) {
  .listing_form .listing-shipping .routing .routes .route .step div {
    margin-left: 31%;
  }
}
@media screen and (max-width: 350px) {
  .listing_form .listing-shipping .routing .routes .route .step div {
    margin-left: 10%;
  }
}
@media screen and (max-width: 440px) {
  .listing_form .listing-shipping .routing .routes .route .actions {
    padding-left: 0;
  }
}
@media screen and (max-width: 367px) {
  .listing_form .listing-shipping .routing .routes .route .actions {
    text-align: center;
  }
}
@media screen and (max-width: 367px) {
  .listing_form .listing-shipping .routing .routes .route .actions .fa-pencil {
    margin-bottom: 5px;
  }
}
.listing_form .listing-shipping .routing .prompts {
  text-align: center;
  font-size: 12px;
  border-top: 1px solid;
}
.listing_form .listing-shipping .routing .prompts .route-state-PENDING {
  border-right: 1px solid #a7a9ab;
}
@media screen and (max-width: 767px) {
  .listing_form .listing-shipping .routing .prompts .route-state-PENDING {
    border-right: none;
  }
}
.listing_form .listing-shipping .routing .route-state-IN_PROGRESS {
  background-color: #a7a9ab;
}
.listing_form .listing-shipping .routing .route-state-COMPLETE {
  background-color: #a7a9ab;
  opacity: 0.5;
}

@media screen and (max-width: 346px) {
  .listing_form .listing-shipping .handling .instructions {
    display: none;
  }
}

.listing_form .listing-images .form-section {
  margin-top: 30px;
}

.listing_form .listing-images .image-section .border,
.listing_form
  .listing-images
  .image-section
  .message-thread
  .message-area
  .reply-form
  textarea,
.message-thread
  .message-area
  .reply-form
  .listing_form
  .listing-images
  .image-section
  textarea {
  padding: 10px 18px 10px 8px;
  min-height: 100px;
}

.listing_form .listing-images .image-section .thumb {
  width: 100%;
  height: 200px;
  border-radius: 16px;
  border: 1px solid #64676b;
  background-size: cover !important;
}
@media screen and (max-width: 600px) {
  .listing_form .listing-images .image-section .thumb {
    margin-left: 0;
  }
}
@media screen and (max-width: 414px) {
  .listing_form .listing-images .image-section .thumb {
    height: 150px;
  }
}
.listing_form .listing-images .image-section .image {
  margin-bottom: 10px;
}
.listing_form
  .listing-images
  .image-section
  .image
  label[for="id_images-0-DELETE"],
.listing_form .listing-images .image-section .image #id_images-0-DELETE,
.listing_form
  .listing-images
  .image-section
  .image
  label[for="id_images-1-DELETE"],
.listing_form .listing-images .image-section .image #id_images-1-DELETE,
.listing_form
  .listing-images
  .image-section
  .image
  label[for="id_images-2-DELETE"],
.listing_form .listing-images .image-section .image #id_images-2-DELETE,
.listing_form
  .listing-images
  .image-section
  .image
  label[for="id_images-3-DELETE"],
.listing_form .listing-images .image-section .image #id_images-3-DELETE,
.listing_form
  .listing-images
  .image-section
  .image
  label[for="id_images-4-DELETE"],
.listing_form .listing-images .image-section .image #id_images-4-DELETE {
  display: none;
}

.listing_form .listing-images .image-section .existing_images {
  border-bottom: 1px solid #a7a9ab;
}
.listing_form
  .listing-images
  .image-section
  .existing_images
  .image.instance
  label[for="images-0-image-clear_id"],
.listing_form
  .listing-images
  .image-section
  .existing_images
  .image.instance
  #images-0-image-clear_id,
.listing_form
  .listing-images
  .image-section
  .existing_images
  .image.instance
  label[for="images-1-image-clear_id"],
.listing_form
  .listing-images
  .image-section
  .existing_images
  .image.instance
  #images-1-image-clear_id,
.listing_form
  .listing-images
  .image-section
  .existing_images
  .image.instance
  label[for="images-2-image-clear_id"],
.listing_form
  .listing-images
  .image-section
  .existing_images
  .image.instance
  #images-2-image-clear_id,
.listing_form
  .listing-images
  .image-section
  .existing_images
  .image.instance
  label[for="images-3-image-clear_id"],
.listing_form
  .listing-images
  .image-section
  .existing_images
  .image.instance
  #images-3-image-clear_id,
.listing_form
  .listing-images
  .image-section
  .existing_images
  .image.instance
  label[for="images-4-image-clear_id"],
.listing_form
  .listing-images
  .image-section
  .existing_images
  .image.instance
  #images-4-image-clear_id {
  display: none;
}
.listing_form
  .listing-images
  .image-section
  .existing_images
  .image.instance
  label[for="id_images-0-DELETE"],
.listing_form
  .listing-images
  .image-section
  .existing_images
  .image.instance
  #id_images-0-DELETE,
.listing_form
  .listing-images
  .image-section
  .existing_images
  .image.instance
  label[for="id_images-1-DELETE"],
.listing_form
  .listing-images
  .image-section
  .existing_images
  .image.instance
  #id_images-1-DELETE,
.listing_form
  .listing-images
  .image-section
  .existing_images
  .image.instance
  label[for="id_images-2-DELETE"],
.listing_form
  .listing-images
  .image-section
  .existing_images
  .image.instance
  #id_images-2-DELETE,
.listing_form
  .listing-images
  .image-section
  .existing_images
  .image.instance
  label[for="id_images-3-DELETE"],
.listing_form
  .listing-images
  .image-section
  .existing_images
  .image.instance
  #id_images-3-DELETE,
.listing_form
  .listing-images
  .image-section
  .existing_images
  .image.instance
  label[for="id_images-4-DELETE"],
.listing_form
  .listing-images
  .image-section
  .existing_images
  .image.instance
  #id_images-4-DELETE {
  display: inline;
}
.listing_form
  .listing-images
  .image-section
  .existing_images
  .image.instance
  #id_images-0-DELETE,
.listing_form
  .listing-images
  .image-section
  .existing_images
  .image.instance
  #id_images-1-DELETE,
.listing_form
  .listing-images
  .image-section
  .existing_images
  .image.instance
  #id_images-2-DELETE,
.listing_form
  .listing-images
  .image-section
  .existing_images
  .image.instance
  #id_images-3-DELETE,
.listing_form
  .listing-images
  .image-section
  .existing_images
  .image.instance
  #id_images-4-DELETE {
  margin-left: 2%;
  vertical-align: sub;
}

@media screen and (max-width: 639px) {
  .listing_form
    .listing-images
    .image-section
    .upload-images
    .col-xs-6
    + .col-xs-6 {
    padding-right: 15px;
  }
}

.listing_form .listing-images .image-section .upload-images .image .default {
  overflow: hidden;
}
.listing_form
  .listing-images
  .image-section
  .upload-images
  .image
  .default.thumb {
  padding: 0;
}
.listing_form
  .listing-images
  .image-section
  .upload-images
  .image
  .default
  .overlay {
  background-color: rgba(105, 105, 105, 0.75);
  width: 100%;
  height: 200px;
}
@media screen and (max-width: 414px) {
  .listing_form
    .listing-images
    .image-section
    .upload-images
    .image
    .default
    .overlay {
    height: 150px;
  }
}
.listing_form
  .listing-images
  .image-section
  .upload-images
  .image
  .default
  .overlay
  .title {
  font-size: 28px;
  color: #ffffff;
  text-shadow: 1px 1px 0px #404041;
  font-weight: bold;
  padding-top: 75px;
}
@media screen and (max-width: 1200px) {
  .listing_form
    .listing-images
    .image-section
    .upload-images
    .image
    .default
    .overlay
    .title {
    font-size: 26px;
    padding-top: 80px;
  }
}
@media screen and (max-width: 1100px) {
  .listing_form
    .listing-images
    .image-section
    .upload-images
    .image
    .default
    .overlay
    .title {
    padding-top: 65px;
  }
}
@media screen and (max-width: 991px) {
  .listing_form
    .listing-images
    .image-section
    .upload-images
    .image
    .default
    .overlay
    .title {
    padding-top: 80px;
  }
}
@media screen and (max-width: 894px) {
  .listing_form
    .listing-images
    .image-section
    .upload-images
    .image
    .default
    .overlay
    .title {
    padding-top: 65px;
  }
}
@media screen and (max-width: 767px) {
  .listing_form
    .listing-images
    .image-section
    .upload-images
    .image
    .default
    .overlay
    .title {
    padding-top: 80px;
  }
}
@media screen and (max-width: 569px) {
  .listing_form
    .listing-images
    .image-section
    .upload-images
    .image
    .default
    .overlay
    .title {
    padding-top: 65px;
  }
}
@media screen and (max-width: 414px) {
  .listing_form
    .listing-images
    .image-section
    .upload-images
    .image
    .default
    .overlay
    .title {
    font-size: 24px;
    padding-top: 45px;
  }
}
@media screen and (max-width: 375px) {
  .listing_form
    .listing-images
    .image-section
    .upload-images
    .image
    .default
    .overlay
    .title {
    padding-top: 55px;
  }
}
@media screen and (max-width: 375px) {
  .listing_form .listing-images .image-section .upload-images .image {
    width: 100%;
  }
}

.grid {
  padding-left: 5px;
  padding-right: 5px;
}
.grid .listing-item {
  padding-left: 5px;
  padding-right: 5px;
}
.grid .listing-item .listing-item-inner {
  border: 1px solid #e6e6e6;
  border-radius: 16px;
  margin-bottom: 15px;
  padding: 10px;
}
.grid .listing-item .listing-item-inner a {
  color: #404041;
}
.grid .listing-item .listing-item-inner .l-col {
  padding-left: 0;
  padding-right: 0;
  height: 175px;
}
@media screen and (max-width: 400px) {
  .grid .listing-item .listing-item-inner .l-col {
    width: 100%;
  }
}
.grid .listing-item .listing-item-inner .l-col .listing-img {
  position: relative;
  overflow: hidden;
  border-radius: 16px;
  height: 175px;
}
.grid .listing-item .listing-item-inner .l-col .listing-img .thumb {
  width: 100%;
  height: 175px;
  border-radius: 16px;
  margin: 0;
}
.grid .listing-item .listing-item-inner .l-col .listing-img .border,
.grid
  .listing-item
  .listing-item-inner
  .l-col
  .listing-img
  .message-thread
  .message-area
  .reply-form
  textarea,
.message-thread
  .message-area
  .reply-form
  .grid
  .listing-item
  .listing-item-inner
  .l-col
  .listing-img
  textarea {
  border: 2px solid #a7a9ab;
}
.grid .listing-item .listing-item-inner .l-col .listing-img .discount {
  position: absolute;
  bottom: 0px;
  text-align: center;
  width: 100%;
  padding: 3px 10px;
  text-shadow: 1px 1px #000000;
  box-shadow: 1px 1px 5px #000000;
  background-color: rgba(100, 103, 107, 0.8);
}
.grid .listing-item .listing-item-inner .l-col .listing-img .discount h4 {
  margin-bottom: 0;
  font-size: 20px;
}
@media screen and (max-width: 767px) {
  .grid .listing-item .listing-item-inner .l-col .listing-img .discount h4 {
    font-size: 24px;
  }
}
@media screen and (max-width: 568px) {
  .grid .listing-item .listing-item-inner .l-col .listing-img .discount h4 {
    font-size: 22px;
  }
}
@media screen and (max-width: 470px) {
  .grid .listing-item .listing-item-inner .l-col .listing-img .discount h4 {
    font-size: 20px;
  }
}
.grid .listing-item .listing-item-inner .l-col .listing-img .obo {
  right: 0%;
  font-size: 17px;
  padding: 4px 8px;
}
@media screen and (max-width: 767px) {
  .grid .listing-item .listing-item-inner .l-col .listing-img .obo {
    font-size: 22px;
    padding: 4px 10px 4px 6px;
  }
}
@media screen and (max-width: 568px) {
  .grid .listing-item .listing-item-inner .l-col .listing-img .obo {
    font-size: 20px;
  }
}
@media screen and (max-width: 470px) {
  .grid .listing-item .listing-item-inner .l-col .listing-img .obo {
    font-size: 18px;
    padding-bottom: 3px;
  }
}
.grid .listing-item .listing-item-inner .r-col {
  padding-right: 0;
  height: 175px;
}
@media screen and (max-width: 400px) {
  .grid .listing-item .listing-item-inner .r-col {
    width: 100%;
    height: auto;
  }
}
.grid .listing-item .listing-item-inner .r-col .col-xs-12 {
  padding: 0;
  font-size: 16px;
}
@media screen and (max-width: 767px) {
  .grid .listing-item .listing-item-inner .r-col .col-xs-12 {
    font-size: 18px;
  }
}
@media screen and (max-width: 568px) {
  .grid .listing-item .listing-item-inner .r-col .col-xs-12 {
    font-size: 16px;
  }
}
@media screen and (max-width: 470px) {
  .grid .listing-item .listing-item-inner .r-col .col-xs-12 {
    font-size: 15px;
  }
}
.grid .listing-item .listing-item-inner .r-col .col-xs-12 h6 {
  font-size: 18px;
}
@media screen and (max-width: 767px) {
  .grid .listing-item .listing-item-inner .r-col .col-xs-12 h6 {
    font-size: 24px;
  }
}
@media screen and (max-width: 568px) {
  .grid .listing-item .listing-item-inner .r-col .col-xs-12 h6 {
    font-size: 22px;
  }
}
@media screen and (max-width: 470px) {
  .grid .listing-item .listing-item-inner .r-col .col-xs-12 h6 {
    font-size: 20px;
  }
}
@media screen and (max-width: 400px) {
  .grid .listing-item .listing-item-inner .r-col .col-xs-12 h6 {
    margin-top: 5px;
  }
}
.grid .listing-item .listing-item-inner .r-col .col-xs-12.more-button {
  position: absolute;
  bottom: 0;
}
@media screen and (max-width: 400px) {
  .grid .listing-item .listing-item-inner .r-col .col-xs-12.more-button {
    position: relative;
    bottom: initial;
    margin-top: 10px;
  }
}
.grid .listing-item .listing-item-inner .r-col .col-xs-12.more-button .button {
  margin-bottom: 0;
  padding: 0.65em 0.75em;
}
@media screen and (max-width: 800px) {
  .grid
    .listing-item
    .listing-item-inner
    .r-col
    .col-xs-12.more-button
    .button {
    padding: 0.65em 1.65em;
  }
}
@media screen and (max-width: 767px) {
  .grid
    .listing-item
    .listing-item-inner
    .r-col
    .col-xs-12.more-button
    .button {
    padding: 0.75em 1.85em;
    font-size: 16px;
    width: 95%;
  }
}
@media screen and (max-width: 600px) {
  .grid
    .listing-item
    .listing-item-inner
    .r-col
    .col-xs-12.more-button
    .button {
    font-size: 15px;
  }
}
@media screen and (max-width: 470px) {
  .grid
    .listing-item
    .listing-item-inner
    .r-col
    .col-xs-12.more-button
    .button {
    font-size: 14px;
  }
}
.list .item {
  min-height: 210px;
  border-bottom: 1px solid #64676b;
  padding-top: 20px;
  padding-bottom: 20px;
}
@media screen and (max-width: 1199px) {
  .list .item {
    min-height: 270px;
  }
}
@media screen and (max-width: 688px) {
  .list .item {
    min-height: 365px;
  }
}
.list .item:hover,
.list .item:active,
.list .item:focus {
  background-color: #e6e6e6;
}
.list .item:first-of-type {
  border-top: 1px solid #64676b;
}
@media screen and (max-width: 600px) {
  .list .item .col-xs-3,
  .list .item .col-xs-9 {
    width: 100%;
  }
}
@media screen and (max-width: 1236px) {
  .list .item .price h4 {
    font-size: 1.5rem;
  }
}
@media screen and (max-width: 1160px) {
  .list .item .price h4 {
    font-size: 1.25rem;
  }
}
@media screen and (max-width: 1053px) {
  .list .item .price h4 {
    font-size: 1.35rem;
  }
}
@media screen and (max-width: 1028px) {
  .list .item .price h4 {
    font-size: 1.3rem;
  }
}
@media screen and (max-width: 1004px) {
  .list .item .price h4 {
    font-size: 1.25rem;
  }
}
@media screen and (max-width: 991px) {
  .list .item .price h4 {
    font-size: 1.5rem;
  }
}
@media screen and (max-width: 694px) {
  .list .item .price h4 {
    font-size: 1.45rem;
  }
}
@media screen and (max-width: 600px) {
  .list .item .price h4 {
    font-size: 1.5rem;
  }
}
.list .item .price h4 span {
  font-size: 13px;
}
.list .item .l-col {
  padding-left: 0;
  padding-right: 0;
}
@media screen and (max-width: 1199px) {
  .list .item .l-col {
    top: 28px;
  }
}
.list .item .l-col .listing-img {
  height: 160px;
}
@media screen and (max-width: 688px) {
  .list .item .l-col .listing-img {
    height: 155px;
    top: -20px;
  }
}
@media screen and (max-width: 600px) {
  .list .item .l-col .listing-img {
    height: 210px;
  }
}
@media screen and (max-width: 600px) {
  .list .item .l-col .listing-img h5 {
    font-size: 22px;
    padding: 5px 13px 5px 8px;
  }
}
@media screen and (max-width: 360px) {
  .list .item .l-col .listing-img h5 {
    font-size: 18px;
    padding-right: 11px;
  }
}
.list .item .l-col .listing-img .thumb {
  width: 100%;
  height: 160px;
  border-radius: 16px;
  margin: 0;
}
@media screen and (max-width: 688px) {
  .list .item .l-col .listing-img .thumb {
    height: 155px;
  }
}
@media screen and (max-width: 600px) {
  .list .item .l-col .listing-img .thumb {
    height: 210px;
  }
}
.list .item .l-col .listing-img .border,
.list
  .item
  .l-col
  .listing-img
  .message-thread
  .message-area
  .reply-form
  textarea,
.message-thread
  .message-area
  .reply-form
  .list
  .item
  .l-col
  .listing-img
  textarea {
  border: 1px solid #a7a9ab;
}
@media screen and (max-width: 600px) {
  .list .item .l-col .listing-img .discount {
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
  }
}
@media screen and (max-width: 600px) {
  .list .item .l-col .listing-img .discount h4 {
    font-size: 1.5rem;
  }
}
@media screen and (max-width: 360px) {
  .list .item .l-col .listing-img .discount h4 {
    font-size: 1.25rem;
  }
}
@media screen and (max-width: 1199px) {
  .list .item .m-col {
    margin-bottom: -40px;
  }
}
@media screen and (max-width: 710px) {
  .list .item .m-col {
    margin-bottom: -45px;
  }
}
@media screen and (max-width: 688px) {
  .list .item .m-col {
    margin-bottom: 10px;
  }
}
@media screen and (max-width: 600px) {
  .list .item .m-col .inner-top {
    margin-top: 10px;
  }
}
@media screen and (max-width: 767px) {
  .list .item .m-col .inner-top .listing-name {
    width: 70%;
  }
}
@media screen and (max-width: 688px) {
  .list .item .m-col .inner-top .listing-name {
    width: 100%;
  }
}
.list .item .m-col .inner-top .listing-name h3,
.list .item .m-col .inner-top .listing-name h6 {
  margin-bottom: 0px;
}
.list .item .m-col .inner-top .listing-name h3 {
  line-height: 27px;
  padding-bottom: 10px;
}
@media screen and (max-width: 1214px) {
  .list .item .m-col .inner-top .listing-name h4 {
    font-size: 1.5rem;
  }
}
@media screen and (max-width: 1177px) {
  .list .item .m-col .inner-top .listing-name h4 {
    font-size: 1.45rem;
  }
}
@media screen and (max-width: 1147px) {
  .list .item .m-col .inner-top .listing-name h4 {
    font-size: 1.43rem;
  }
}
@media screen and (max-width: 1136px) {
  .list .item .m-col .inner-top .listing-name h4 {
    font-size: 1.4rem;
  }
}
@media screen and (max-width: 1118px) {
  .list .item .m-col .inner-top .listing-name h4 {
    font-size: 1.38rem;
  }
}
@media screen and (max-width: 1106px) {
  .list .item .m-col .inner-top .listing-name h4 {
    font-size: 1.35rem;
  }
}
@media screen and (max-width: 1088px) {
  .list .item .m-col .inner-top .listing-name h4 {
    font-size: 1.33rem;
  }
}
@media screen and (max-width: 1076px) {
  .list .item .m-col .inner-top .listing-name h4 {
    font-size: 1.3rem;
  }
}
@media screen and (max-width: 1059px) {
  .list .item .m-col .inner-top .listing-name h4 {
    font-size: 1.28rem;
  }
}
@media screen and (max-width: 1047px) {
  .list .item .m-col .inner-top .listing-name h4 {
    font-size: 1.25rem;
  }
}
@media screen and (max-width: 1030px) {
  .list .item .m-col .inner-top .listing-name h4 {
    font-size: 1.23rem;
  }
}
@media screen and (max-width: 1017px) {
  .list .item .m-col .inner-top .listing-name h4 {
    font-size: 1.2rem;
  }
}
@media screen and (max-width: 991px) {
  .list .item .m-col .inner-top .listing-name h4 {
    font-size: 1.5rem;
  }
}
@media screen and (max-width: 694px) {
  .list .item .m-col .inner-top .listing-name h4 {
    font-size: 1.45rem;
  }
}
@media screen and (max-width: 600px) {
  .list .item .m-col .inner-top .listing-name h4 {
    font-size: 1.5rem;
    margin-bottom: 0;
  }
}
@media screen and (max-width: 381px) {
  .list .item .m-col .inner-top .listing-name h4 {
    font-size: 1.35rem;
  }
}
.list .item .m-col .inner-top .listing-name a {
  text-decoration: underline;
  color: #03783d;
}
.list .item .m-col .inner-top .listing-name .company-logo .thumb {
  width: 25px;
  height: 25px;
  vertical-align: middle;
}
.list .item .m-col .inner-top .listing-name .company-logo a {
  color: #665787;
  text-decoration: none;
}
@media screen and (max-width: 767px) {
  .list .item .m-col .inner-top .price {
    width: 30%;
  }
}
@media screen and (max-width: 688px) {
  .list .item .m-col .inner-top .price {
    width: 100%;
  }
}
@media screen and (max-width: 381px) {
  .list .item .m-col .inner-top .price h4 {
    font-size: 1.35rem;
  }
}
.list .item .m-col .inner-bottom {
  font-size: 13px;
}
@media screen and (max-width: 360px) {
  .list .item .m-col .inner-bottom {
    font-size: 12px;
  }
}
.list .item .m-col .inner-bottom .listing-info {
  margin-top: 5px;
}
@media screen and (max-width: 1099px) {
  .list .item .m-col .inner-bottom .listing-info {
    margin-top: 0;
  }
}
@media screen and (max-width: 688px) {
  .list .item .m-col .inner-bottom .listing-info {
    width: 100%;
    min-height: 50px;
    margin-bottom: 5px;
  }
}
.list .item .m-col .inner-bottom .listing-info .listing-description p {
  word-wrap: break-word;
  color: #000;
}
@media screen and (max-width: 1099px) {
  .list .item .m-col .inner-bottom .listing-info .listing-description p {
    margin-bottom: 0;
  }
}
.list .item .m-col .inner-bottom .logistics {
  left: 2%;
}
@media screen and (max-width: 688px) {
  .list .item .m-col .inner-bottom .logistics {
    width: 100%;
    left: -2%;
  }
}
@media screen and (max-width: 400px) {
  .list .item .m-col .inner-bottom .logistics {
    left: -3%;
  }
}
.list .item .m-col .inner-bottom .logistics .labels {
  width: 50%;
  font-weight: bold;
}
@media screen and (max-width: 1199px) {
  .list .item .m-col .inner-bottom .logistics .labels {
    width: 40%;
  }
}
@media screen and (max-width: 1062px) {
  .list .item .m-col .inner-bottom .logistics .labels {
    width: 45%;
  }
}
@media screen and (max-width: 1036px) {
  .list .item .m-col .inner-bottom .logistics .labels {
    width: 50%;
  }
}
@media screen and (max-width: 360px) {
  .list .item .m-col .inner-bottom .logistics .labels {
    width: 47%;
  }
}
@media screen and (max-width: 1047px) {
  .list .item .m-col .inner-bottom .logistics .info {
    margin-left: 3%;
  }
}
@media screen and (max-width: 710px) {
  .list .item .m-col .inner-bottom .logistics .info {
    margin-left: 0;
  }
}
.list .item .m-col .inner-bottom .logistics .best-before .expiry {
  margin-bottom: 0;
}
@media screen and (max-width: 1199px) {
  .list .item .r-col {
    left: 52%;
  }
}
@media screen and (max-width: 688px) {
  .list .item .r-col {
    left: 24.25%;
  }
}
@media screen and (max-width: 600px) {
  .list .item .r-col {
    left: 0;
  }
}
.list .item .r-col .my-listings {
  padding-right: 0;
  padding-left: 0;
}
@media screen and (max-width: 1199px) {
  .list .item .r-col .my-listings {
    margin-top: 16px;
    padding-right: 20px;
    text-align: right;
  }
}
@media screen and (max-width: 991px) {
  .list .item .r-col .my-listings {
    padding-right: 20px;
    margin-top: 21px;
  }
}
@media screen and (max-width: 688px) {
  .list .item .r-col .my-listings {
    text-align: left;
    margin-top: 24px;
    padding-left: 20px;
  }
}
@media screen and (max-width: 600px) {
  .list .item .r-col .my-listings {
    text-align: right;
    margin-top: 21px;
    width: 70%;
  }
}
@media screen and (max-width: 414px) {
  .list .item .r-col .my-listings {
    width: 60%;
  }
}
@media screen and (max-width: 360px) {
  .list .item .r-col .my-listings {
    width: 50%;
  }
}
@media screen and (max-width: 344px) {
  .list .item .r-col .my-listings {
    margin-top: 0;
  }
}
@media screen and (max-width: 344px) {
  .list .item .r-col .my-listings .button {
    margin-top: 5px;
  }
}
@media screen and (max-width: 600px) {
  .list .item .r-col .listing-expiry {
    width: 30%;
  }
}
@media screen and (max-width: 414px) {
  .list .item .r-col .listing-expiry {
    width: 40%;
  }
}
@media screen and (max-width: 360px) {
  .list .item .r-col .listing-expiry {
    width: 50%;
  }
}
@media screen and (max-width: 1199px) {
  .list .item .r-col .listing-expiry .remaining h6 {
    margin-top: 0em;
  }
}
@media screen and (max-width: 991px) {
  .list .item .r-col .listing-expiry .remaining h6 {
    font-size: 15px;
  }
}
@media screen and (max-width: 430px) {
  .list .item .r-col .listing-expiry .remaining h6 {
    font-size: 14px;
  }
}
@media screen and (max-width: 1214px) {
  .list .item .r-col .listing-expiry .remaining .time-remaining {
    padding-left: 1%;
    padding-right: 1%;
    font-size: 17px;
  }
}
@media screen and (max-width: 1189px) {
  .list .item .r-col .listing-expiry .remaining .time-remaining {
    font-size: 16px;
  }
}
@media screen and (max-width: 1099px) {
  .list .item .r-col .listing-expiry .remaining .time-remaining {
    padding-top: 3px;
    padding-bottom: 3px;
    font-size: 15px;
  }
}
@media screen and (max-width: 991px) {
  .list .item .r-col .listing-expiry .remaining .time-remaining {
    padding-top: 5px;
    padding-bottom: 5px;
  }
}
@media screen and (max-width: 600px) {
  .list .item .r-col .listing-expiry .remaining .time-remaining {
    font-size: 18px;
  }
}
@media screen and (max-width: 459px) {
  .list .item .r-col .listing-expiry .remaining .time-remaining {
    font-size: 17px;
  }
}
@media screen and (max-width: 430px) {
  .list .item .r-col .listing-expiry .remaining .time-remaining {
    font-size: 16px;
  }
}
.list .item .r-col .more-button {
  padding-left: 0;
  padding-right: 0;
}
@media screen and (max-width: 1199px) {
  .list .item .r-col .more-button {
    margin-top: 1em;
  }
}
@media screen and (max-width: 991px) {
  .list .item .r-col .more-button {
    margin-top: 1.5em;
  }
}
@media screen and (max-width: 710px) {
  .list .item .r-col .more-button {
    margin-top: 1.1em;
  }
}
@media screen and (max-width: 475px) {
  .list .item .r-col .more-button {
    margin-top: 1.5em;
  }
}
@media screen and (max-width: 430px) {
  .list .item .r-col .more-button {
    margin-top: 1.2em;
  }
}
@media screen and (max-width: 414px) {
  .list .item .r-col .more-button {
    width: 100%;
    margin-top: 0;
  }
}
@media screen and (max-width: 1199px) {
  .list .item .r-col .more-button.browse {
    left: 12%;
  }
}
@media screen and (max-width: 991px) {
  .list .item .r-col .more-button.browse {
    left: 8.5%;
  }
}
@media screen and (max-width: 725px) {
  .list .item .r-col .more-button.browse {
    left: 8%;
  }
}
@media screen and (max-width: 710px) {
  .list .item .r-col .more-button.browse {
    left: 6%;
  }
}
@media screen and (max-width: 688px) {
  .list .item .r-col .more-button.browse {
    left: 35%;
  }
}
@media screen and (max-width: 645px) {
  .list .item .r-col .more-button.browse {
    left: 33%;
  }
}
@media screen and (max-width: 620px) {
  .list .item .r-col .more-button.browse {
    left: 30%;
  }
}
@media screen and (max-width: 600px) {
  .list .item .r-col .more-button.browse {
    left: 38%;
  }
}
@media screen and (max-width: 525px) {
  .list .item .r-col .more-button.browse {
    left: 36%;
  }
}
@media screen and (max-width: 500px) {
  .list .item .r-col .more-button.browse {
    left: 34%;
  }
}
@media screen and (max-width: 475px) {
  .list .item .r-col .more-button.browse {
    left: 32%;
  }
}
@media screen and (max-width: 430px) {
  .list .item .r-col .more-button.browse {
    left: 30%;
  }
}
@media screen and (max-width: 414px) {
  .list .item .r-col .more-button.browse {
    left: 0;
  }
}
.list .item .r-col .more-button .button {
  margin-bottom: 0;
  width: 100%;
}
@media screen and (max-width: 1236px) {
  .list .item .r-col .more-button .button {
    font-size: 14px;
    padding: 1em;
  }
}
@media screen and (max-width: 1214px) {
  .list .item .r-col .more-button .button {
    padding: 1em 0.5em;
  }
}
@media screen and (max-width: 1189px) {
  .list .item .r-col .more-button .button {
    padding: 1em 0.75em;
  }
}
@media screen and (max-width: 1068px) {
  .list .item .r-col .more-button .button {
    font-size: 13px;
  }
}
@media screen and (max-width: 1017px) {
  .list .item .r-col .more-button .button {
    font-size: 12px;
  }
}
@media screen and (max-width: 991px) {
  .list .item .r-col .more-button .button {
    font-size: 15px;
    padding: 0.75em;
  }
}
@media screen and (max-width: 850px) {
  .list .item .r-col .more-button .button {
    padding: 0.85em 0.5em;
  }
}
@media screen and (max-width: 805px) {
  .list .item .r-col .more-button .button {
    font-size: 14px;
  }
}
@media screen and (max-width: 767px) {
  .list .item .r-col .more-button .button {
    padding: 0.85em 4em;
  }
}
@media screen and (max-width: 710px) {
  .list .item .r-col .more-button .button {
    margin-top: 7px;
    padding: 0.75em 4em;
  }
}
@media screen and (max-width: 600px) {
  .list .item .r-col .more-button .button {
    font-size: 16px;
  }
}
@media screen and (max-width: 475px) {
  .list .item .r-col .more-button .button {
    margin-top: 0;
  }
}
.list .item .r-col .more-button .button:hover,
.list .item .r-col .more-button .button:active,
.list .item .r-col .more-button .button:focus {
  background-color: #a7a9ab;
  color: white;
}

.template-cart {
  margin-bottom: 50px;
}
.template-cart .callout.alert {
  margin-top: 0;
  margin-bottom: 0;
}
.template-cart .mobile-titles {
  display: none;
}
@media screen and (max-width: 550px) {
  .template-cart .titles {
    display: none;
  }
  .template-cart .mobile-titles {
    display: block;
  }
}
.template-cart .titles div,
.template-cart #subtotal {
  font-weight: bold;
  font-size: 16px;
}
.template-cart .row {
  margin-bottom: 10px;
}
.template-cart .item {
  font-size: 16px;
  min-height: 150px;
  max-height: 150px;
  overflow: hidden;
}
@media screen and (max-width: 550px) {
  .template-cart .item {
    min-height: 280px;
    max-height: 280px;
    position: relative;
  }
}
@media screen and (max-width: 414px) {
  .template-cart .item {
    min-height: 310px;
    max-height: 310px;
  }
}
@media screen and (max-width: 340px) {
  .template-cart .item {
    min-height: 320px;
    max-height: 320px;
  }
}
.template-cart .item:nth-of-type(odd) {
  background: whitesmoke;
}
.template-cart .item:nth-of-type(even) {
  background: #ffffff;
}
.template-cart .item .mobile-titles {
  font-weight: bold;
}
@media screen and (max-width: 550px) {
  .template-cart .item .mobile-titles .col-xs-10 {
    width: 100%;
    padding-left: 0;
    padding-right: 20px;
  }
}
@media screen and (max-width: 550px) {
  .template-cart .item div.col-xs-8.listing-detail {
    width: 100%;
    padding-left: 0;
    padding-right: 20px;
  }
}
@media screen and (max-width: 360px) {
  .template-cart .item div.col-xs-8.listing-detail {
    padding-right: 10px;
  }
}
.template-cart .item div + div {
  padding-top: 50px;
}
@media screen and (max-width: 550px) {
  .template-cart .item div + div {
    padding-top: 0px;
  }
}
@media screen and (max-width: 414px) {
  .template-cart .item div + div .title {
    padding-top: 13px;
  }
}
@media screen and (max-width: 375px) {
  .template-cart .item div + div .title {
    padding-left: 0px;
  }
}
.template-cart .item div + div .title .product-title {
  padding: 0;
  font-weight: bold;
}
.template-cart .item div + div .title .product-company {
  padding: 0;
  color: gray;
}
.template-cart .item div + div .title .product-company a {
  color: gray;
}
.template-cart .item div + div.price {
  padding-top: 10px;
}
@media screen and (max-width: 590px) {
  .template-cart .item div + div.price {
    padding-left: 0;
  }
}
@media screen and (max-width: 414px) {
  .template-cart .item div + div.price {
    padding-top: 15px;
  }
}
@media screen and (max-width: 375px) {
  .template-cart .item div + div.price {
    padding-left: 0px;
  }
}
.template-cart .item div + div.qty {
  padding-top: 5px;
}
@media screen and (max-width: 414px) {
  .template-cart .item div + div.qty {
    padding-top: 0;
  }
}
@media screen and (max-width: 340px) {
  .template-cart .item div + div.qty {
    width: 30%;
  }
}
.template-cart .item div + div.qty input {
  width: 50%;
  display: inline;
  text-align: center;
  border-radius: 5px;
}
@media screen and (max-width: 414px) {
  .template-cart .item div + div.qty input {
    margin-bottom: -18px;
    margin-top: -20px;
    width: 100%;
    display: block;
  }
}
.template-cart .item div + div.qty i {
  cursor: pointer;
  display: inline;
}
@media screen and (max-width: 590px) {
  .template-cart .item div + div.qty i {
    font-size: 12px;
  }
}
@media screen and (max-width: 414px) {
  .template-cart .item div + div.qty i {
    display: none;
  }
}
.template-cart .item div + div.qty i.sm-mobile-button {
  display: none;
}
@media screen and (max-width: 414px) {
  .template-cart .item div + div.qty i.sm-mobile-button {
    display: block;
  }
}
.template-cart .item div + div.total {
  padding-top: 10px;
}
@media screen and (max-width: 414px) {
  .template-cart .item div + div.total {
    padding-top: 15px;
  }
}
@media screen and (max-width: 375px) {
  .template-cart .item div + div.total {
    padding-left: 0px;
  }
}
@media screen and (max-width: 680px) {
  .template-cart .item div + div.remove {
    text-align: right;
  }
}
@media screen and (max-width: 550px) {
  .template-cart .item div + div.remove {
    width: 0;
    position: absolute;
    top: 8px;
    right: 6%;
  }
}
@media screen and (max-width: 470px) {
  .template-cart .item div + div.remove {
    right: 6.5%;
  }
}
@media screen and (max-width: 440px) {
  .template-cart .item div + div.remove {
    right: 7%;
  }
}
@media screen and (max-width: 414px) {
  .template-cart .item div + div.remove {
    right: 7.5%;
  }
}
@media screen and (max-width: 375px) {
  .template-cart .item div + div.remove {
    right: 8.25%;
  }
}
@media screen and (max-width: 340px) {
  .template-cart .item div + div.remove {
    right: 9%;
  }
}
@media screen and (max-width: 320px) {
  .template-cart .item div + div.remove {
    right: 10%;
  }
}
@media screen and (max-width: 680px) {
  .template-cart .item div + div.remove span {
    padding: 0.75em 0.95em;
  }
}
.template-cart .item div + div.remove span i {
  padding-right: 0;
}
@media screen and (max-width: 1150px) {
  .template-cart .item .image {
    padding-right: 0;
    padding-left: 5px;
  }
}
@media screen and (max-width: 800px) {
  .template-cart .item .image {
    padding-top: 8px;
  }
}
@media screen and (max-width: 680px) {
  .template-cart .item .image {
    padding-top: 15px;
  }
}
@media screen and (max-width: 590px) {
  .template-cart .item .image {
    padding-top: 20px;
  }
}
@media screen and (max-width: 550px) {
  .template-cart .item .image {
    width: 100%;
    padding-right: 5px;
  }
}
.template-cart .item .image .thumb {
  width: 100%;
  height: 140px;
  margin: 5px 0px;
  border-radius: 16px;
  border: 1px solid darkgray;
}
@media screen and (max-width: 800px) {
  .template-cart .item .image .thumb {
    height: 120px;
  }
}
@media screen and (max-width: 680px) {
  .template-cart .item .image .thumb {
    height: 110px;
  }
}
@media screen and (max-width: 590px) {
  .template-cart .item .image .thumb {
    height: 100px;
  }
}
@media screen and (max-width: 550px) {
  .template-cart .item .image .thumb {
    height: 150px;
  }
}
@media screen and (max-width: 375px) {
  .template-cart #subtotal .col-xs-8 {
    width: 65%;
  }
}
@media screen and (max-width: 360px) {
  .template-cart #subtotal .col-xs-8 {
    width: 60%;
  }
}
@media screen and (max-width: 375px) {
  .template-cart #subtotal .col-xs-4 {
    width: 35%;
  }
}
@media screen and (max-width: 360px) {
  .template-cart #subtotal .col-xs-4 {
    width: 40%;
  }
}
.template-cart #checkout-buttons .checkout a {
  width: 100%;
}
.template-cart #checkout-buttons .continue-shopping a {
  text-decoration: underline;
}

.template-product-catalog {
  font-size: 16px;
}
.template-product-catalog .fa-lock {
  vertical-align: middle;
}
.template-product-catalog i.fa-lock {
  cursor: pointer;
}
@media (max-width: 450px) {
  .template-product-catalog {
    font-size: 14px;
  }
}
@media (max-width: 450px) {
  .template-product-catalog p {
    margin-bottom: 0.25rem;
  }
}
.template-product-catalog .errorList {
  margin-bottom: 0;
}
.template-product-catalog .catalog-label {
  padding-left: 0;
}
.template-product-catalog .catalog-file {
  padding-left: 0;
}
@media (max-width: 450px) {
  .template-product-catalog .catalog-file {
    width: 100%;
  }
}
.template-product-catalog .catalog-file input {
  margin-bottom: 0;
  padding-top: 10px;
  padding-bottom: 10px;
}
@media (max-width: 767px) {
  .template-product-catalog .catalog-button {
    text-align: right;
  }
}
@media (max-width: 450px) {
  .template-product-catalog .catalog-button {
    width: 100%;
    text-align: left;
    padding-left: 0;
  }
}
.template-product-catalog .catalog-button button {
  margin-bottom: 0.75rem;
}
@media (max-width: 450px) {
  .template-product-catalog .catalog-button button {
    width: 100%;
  }
}
.template-manage-groups {
  font-size: 16px;
}
@media screen and (max-width: 639px) {
  .template-manage-groups {
    font-size: 14px;
  }
}
.template-manage-groups i,
.template-manage-groups .subtext {
  cursor: pointer;
}
@media screen and (max-width: 639px) {
  .template-manage-groups h2 {
    font-size: 1.75rem;
    margin-bottom: 0;
  }
}
@media screen and (max-width: 410px) {
  .template-manage-groups h2 {
    font-size: 1.5rem;
  }
}
@media screen and (max-width: 639px) {
  .template-manage-groups .row {
    margin-left: auto;
    margin-right: auto;
  }
}
.template-manage-groups .header p {
  font-size: 14px;
}
.template-manage-groups .prompt {
  text-align: center;
  padding-top: 25px;
  padding-bottom: 25px;
}
@media screen and (max-width: 639px) {
  .template-manage-groups .prompt {
    border-bottom: 1px solid #a7a9ab;
    font-size: 14px;
  }
}
.template-manage-groups .button {
  width: 35px;
  padding: 10px;
  font-size: 12px;
  margin-bottom: 0;
}
.template-manage-groups .subheader h5 {
  margin-bottom: 0;
}
.template-manage-groups .audience-groups .headers {
  border-bottom: 1px solid #404041;
}
@media screen and (max-width: 639px) {
  .template-manage-groups .audience-groups .headers {
    font-size: 15px;
  }
}
.template-manage-groups .audience-groups .headers .col-xs-6 + .col-xs-6 {
  padding-left: 5%;
}
@media screen and (max-width: 686px) {
  .template-manage-groups .audience-groups .headers .col-xs-6 + .col-xs-6 {
    padding-left: 0;
  }
}
@media screen and (max-width: 639px) {
  .template-manage-groups .audience-groups .headers .col-xs-6 + .col-xs-6 {
    padding-left: 6%;
  }
}
@media screen and (max-width: 500px) {
  .template-manage-groups .audience-groups .headers .col-xs-6 + .col-xs-6 {
    padding-left: 4%;
  }
}
@media screen and (max-width: 400px) {
  .template-manage-groups .audience-groups .headers .col-xs-6 + .col-xs-6 {
    padding-left: 2%;
  }
}
@media screen and (max-width: 350px) {
  .template-manage-groups .audience-groups .headers .col-xs-6 + .col-xs-6 {
    padding-left: 0;
  }
}
@media screen and (max-width: 639px) {
  .template-manage-groups .audience-groups > .col-xs-6 {
    width: 100%;
  }
}
.template-manage-groups .audience-groups .max-items {
  overflow-y: scroll;
  border-bottom: 1px solid #404041;
}
.template-manage-groups .audience-groups .list-item {
  border-bottom: 1px solid #a7a9ab;
}
@media screen and (max-width: 639px) {
  .template-manage-groups .audience-groups .list-item {
    font-size: 14px;
  }
}
.template-manage-groups .audience-groups .list-item:hover,
.template-manage-groups .audience-groups .list-item:active,
.template-manage-groups .audience-groups .list-item:focus {
  cursor: pointer;
}
.template-manage-groups .audience-groups .list-item > div {
  padding-top: 9px;
  padding-bottom: 5px;
}
.template-manage-groups .audience-groups .groups-list {
  padding-left: 0;
  padding-right: 20px;
}
@media screen and (max-width: 991px) {
  .template-manage-groups .audience-groups .groups-list {
    padding-right: 10px;
  }
}
@media screen and (max-width: 639px) {
  .template-manage-groups .audience-groups .groups-list {
    padding-right: 0;
  }
}
.template-manage-groups .audience-groups .groups-list .group-header {
  border-bottom: 1px solid #a7a9ab;
  font-size: 14px;
  background-color: #64676b;
  color: #ffffff;
}
@media screen and (max-width: 639px) {
  .template-manage-groups .audience-groups .groups-list .group-header {
    font-size: 12px;
  }
}
.template-manage-groups
  .audience-groups
  .groups-list
  #default-groups
  .list-item
  > div {
  padding-top: 5px;
}
.template-manage-groups .audience-groups .groups-list #groups .max-items {
  max-height: 312px;
}
.template-manage-groups
  .audience-groups
  .groups-list
  #groups
  .list-item
  > div.action {
  padding-top: 3px;
  padding-bottom: 3px;
  text-align: center;
}
.template-manage-groups .audience-groups .groups-list .groups .group:hover,
.template-manage-groups .audience-groups .groups-list .groups .group:active,
.template-manage-groups .audience-groups .groups-list .groups .group:focus {
  cursor: pointer;
  background-color: #e6e6e6;
}
.template-manage-groups .audience-groups .groups-list .groups .group.active {
  background-color: #e6e6e6;
}
.template-manage-groups
  .audience-groups
  .groups-list
  .groups
  .group
  .group-count {
  text-align: center;
}
.template-manage-groups .audience-groups .groups-company-list {
  padding-right: 0;
}
@media screen and (max-width: 639px) {
  .template-manage-groups .audience-groups .groups-company-list {
    padding-left: 0;
    margin-top: 5px;
    width: 100%;
  }
}
.template-manage-groups .audience-groups .groups-company-list small {
  display: none;
}
.template-manage-groups
  .audience-groups
  .groups-company-list.load-view
  .edit-group-name,
.template-manage-groups
  .audience-groups
  .groups-company-list.default-view
  .edit-group-name {
  display: none;
}
.template-manage-groups
  .audience-groups
  .groups-company-list.load-view
  .company-add,
.template-manage-groups
  .audience-groups
  .groups-company-list.default-view
  .company-add {
  display: none;
}
.template-manage-groups
  .audience-groups
  .groups-company-list.load-view
  .subtext,
.template-manage-groups
  .audience-groups
  .groups-company-list.default-view
  .subtext {
  display: none;
}
.template-manage-groups
  .audience-groups
  .groups-company-list.default-view
  small {
  display: initial;
}
.template-manage-groups
  .audience-groups
  .groups-company-list
  .company-add
  .col-xs-10 {
  padding-top: 8px;
  padding-bottom: 8px;
  padding-right: 0;
}
.template-manage-groups
  .audience-groups
  .groups-company-list
  .company-add
  .col-xs-10
  .select2-container--default
  .select2-selection--single,
.template-manage-groups
  .audience-groups
  .groups-company-list
  .company-add
  .col-xs-10
  .select2-container--default
  .select2-selection--multiple {
  min-height: 25px;
}
.template-manage-groups
  .audience-groups
  .groups-company-list
  .company-add
  .col-xs-10
  .select2-container--default
  .select2-selection--single
  .select2-selection__rendered {
  padding-top: 0;
}
.template-manage-groups
  .audience-groups
  .groups-company-list
  .company-add
  .add {
  padding-top: 10px;
  font-size: 1.5em;
}
.template-manage-groups
  .audience-groups
  .groups-company-list
  .companies.max-items {
  max-height: 381px;
}
.template-manage-groups
  .audience-groups
  .groups-company-list
  .companies.max-items.default {
  max-height: 426px;
}
.template-manage-groups
  .audience-groups
  .groups-company-list
  .companies
  .company.list-item:hover,
.template-manage-groups
  .audience-groups
  .groups-company-list
  .companies
  .company.list-item:active,
.template-manage-groups
  .audience-groups
  .groups-company-list
  .companies
  .company.list-item:focus {
  background-color: #f3f3f3;
}
.template-manage-groups
  .audience-groups
  .groups-company-list
  .companies
  .company
  .logo {
  text-align: center;
  padding-top: 4px;
  padding-bottom: 4px;
}
.template-manage-groups
  .audience-groups
  .groups-company-list
  .companies
  .company
  .logo
  .profile-thumb {
  width: 35px;
  height: 35px;
  border-radius: 8px;
  border: 1px solid #e6e6e6;
  background-size: contain;
  background-color: white;
  margin: 0;
}
.template-manage-groups
  .audience-groups
  .groups-company-list
  .companies
  .company
  .company-name {
  padding-bottom: 9px;
}
.template-manage-groups
  .audience-groups
  .groups-company-list
  .companies
  .company
  .company-name
  a {
  text-decoration: underline;
}
.template-manage-groups
  .audience-groups
  .groups-company-list
  .companies
  .company
  .action {
  padding-top: 6px;
  padding-bottom: 5px;
}
.template-manage-groups .subtext {
  text-align: right;
  font-size: 12px;
}

.template-checkout-form,
.template-shipping {
  margin-bottom: 150px;
}
@media screen and (max-width: 767px) {
  .template-checkout-form,
  .template-shipping {
    margin-bottom: 50px;
  }
}
@media screen and (max-width: 400px) {
  .template-checkout-form,
  .template-shipping {
    margin-bottom: 25px;
  }
}
.template-checkout-form a,
.template-shipping a {
  text-decoration: underline;
}
.template-checkout-form td.pull-right,
.template-shipping td.pull-right {
  width: 100%;
}
.template-checkout-form .checkout-button,
.template-shipping .checkout-button {
  padding-left: 50px;
}
.template-checkout-form .headers,
.template-shipping .headers {
  font-size: 16px;
  border-bottom: 2px solid #e6e6e6;
}
@media screen and (max-width: 560px) {
  .template-checkout-form .headers,
  .template-shipping .headers {
    display: none !important;
  }
}
.template-checkout-form .headers .col-xs-4,
.template-shipping .headers .col-xs-4 {
  padding-right: 0;
  padding-left: 0;
}
@media screen and (max-width: 767px) {
  .template-checkout-form .subtotal,
  .template-shipping .subtotal {
    padding-right: 0;
  }
}
@media screen and (max-width: 560px) {
  .template-checkout-form .subtotal,
  .template-shipping .subtotal {
    padding-right: 10px;
  }
}
@media screen and (max-width: 560px) {
  .template-checkout-form .cart-groups .cart-group,
  .template-shipping .cart-groups .cart-group {
    margin-bottom: 20px;
  }
}
@media screen and (max-width: 400px) {
  .template-checkout-form .cart-groups .cart-group,
  .template-shipping .cart-groups .cart-group {
    margin-bottom: 10px;
  }
}
.template-checkout-form .cart-groups .cart-group h3,
.template-shipping .cart-groups .cart-group h3 {
  margin-bottom: 0;
  margin-top: 25px;
}
@media screen and (max-width: 560px) {
  .template-checkout-form .cart-groups .cart-group h3,
  .template-shipping .cart-groups .cart-group h3 {
    margin-top: 0;
  }
}
.template-checkout-form .cart-groups .cart-group:first-of-type h3,
.template-shipping .cart-groups .cart-group:first-of-type h3 {
  margin-top: 0;
}
.template-checkout-form .cart-groups .cart-group .cart-groupby-address,
.template-shipping .cart-groups .cart-group .cart-groupby-address {
  font-size: 16px;
  padding-top: 10px;
  padding-bottom: 10px;
  border-bottom: 2px solid #e6e6e6;
}
@media screen and (max-width: 560px) {
  .template-checkout-form
    .cart-groups
    .cart-group
    .cart-groupby-address
    .items
    .item,
  .template-shipping
    .cart-groups
    .cart-group
    .cart-groupby-address
    .items
    .item {
    margin-bottom: 15px;
    padding-bottom: 15px;
    border-bottom: 1px solid #e6e6e6;
  }
}
@media screen and (max-width: 400px) {
  .template-checkout-form
    .cart-groups
    .cart-group
    .cart-groupby-address
    .items
    .item,
  .template-shipping
    .cart-groups
    .cart-group
    .cart-groupby-address
    .items
    .item {
    margin-bottom: 5px;
    padding-bottom: 5px;
  }
}
.template-checkout-form
  .cart-groups
  .cart-group
  .cart-groupby-address
  .items
  .item
  .title,
.template-shipping
  .cart-groups
  .cart-group
  .cart-groupby-address
  .items
  .item
  .title {
  color: #64676b;
  font-size: 14px;
}
@media screen and (max-width: 767px) {
  .template-checkout-form
    .cart-groups
    .cart-group
    .cart-groupby-address
    .items
    .item
    .item-image,
  .template-shipping
    .cart-groups
    .cart-group
    .cart-groupby-address
    .items
    .item
    .item-image {
    padding-left: 0;
  }
}
@media screen and (max-width: 560px) {
  .template-checkout-form
    .cart-groups
    .cart-group
    .cart-groupby-address
    .items
    .item
    .item-image,
  .template-shipping
    .cart-groups
    .cart-group
    .cart-groupby-address
    .items
    .item
    .item-image {
    width: 100%;
  }
}
.template-checkout-form
  .cart-groups
  .cart-group
  .cart-groupby-address
  .items
  .item
  .item-image
  .thumb,
.template-shipping
  .cart-groups
  .cart-group
  .cart-groupby-address
  .items
  .item
  .item-image
  .thumb {
  width: 100%;
  height: 100px;
  border-radius: 16px;
  border: 1px solid darkgray;
}
@media screen and (max-width: 560px) {
  .template-checkout-form
    .cart-groups
    .cart-group
    .cart-groupby-address
    .items
    .item
    .item-image
    .thumb,
  .template-shipping
    .cart-groups
    .cart-group
    .cart-groupby-address
    .items
    .item
    .item-image
    .thumb {
    width: 80%;
    height: 150px;
  }
}
@media screen and (max-width: 400px) {
  .template-checkout-form
    .cart-groups
    .cart-group
    .cart-groupby-address
    .items
    .item
    .item-image
    .thumb,
  .template-shipping
    .cart-groups
    .cart-group
    .cart-groupby-address
    .items
    .item
    .item-image
    .thumb {
    width: 100%;
  }
}
.template-checkout-form
  .cart-groups
  .cart-group
  .cart-groupby-address
  .items
  .item
  .item-name,
.template-shipping
  .cart-groups
  .cart-group
  .cart-groupby-address
  .items
  .item
  .item-name {
  padding-top: 40px;
  padding-bottom: 40px;
}
@media screen and (max-width: 560px) {
  .template-checkout-form
    .cart-groups
    .cart-group
    .cart-groupby-address
    .items
    .item
    .item-name,
  .template-shipping
    .cart-groups
    .cart-group
    .cart-groupby-address
    .items
    .item
    .item-name {
    width: 35%;
    padding-top: 10px;
    padding-bottom: 0;
  }
}
@media screen and (max-width: 490px) {
  .template-checkout-form
    .cart-groups
    .cart-group
    .cart-groupby-address
    .items
    .item
    .item-name,
  .template-shipping
    .cart-groups
    .cart-group
    .cart-groupby-address
    .items
    .item
    .item-name {
    width: 35%;
  }
}
@media screen and (max-width: 465px) {
  .template-checkout-form
    .cart-groups
    .cart-group
    .cart-groupby-address
    .items
    .item
    .item-name,
  .template-shipping
    .cart-groups
    .cart-group
    .cart-groupby-address
    .items
    .item
    .item-name {
    width: 30%;
    padding-right: 0;
  }
}
@media screen and (max-width: 375px) {
  .template-checkout-form
    .cart-groups
    .cart-group
    .cart-groupby-address
    .items
    .item
    .item-name,
  .template-shipping
    .cart-groups
    .cart-group
    .cart-groupby-address
    .items
    .item
    .item-name {
    width: 100%;
  }
}
.template-checkout-form
  .cart-groups
  .cart-group
  .cart-groupby-address
  .items
  .item
  .item-name
  .title,
.template-shipping
  .cart-groups
  .cart-group
  .cart-groupby-address
  .items
  .item
  .item-name
  .title {
  display: none;
}
@media screen and (max-width: 560px) {
  .template-checkout-form
    .cart-groups
    .cart-group
    .cart-groupby-address
    .items
    .item
    .item-name
    .title,
  .template-shipping
    .cart-groups
    .cart-group
    .cart-groupby-address
    .items
    .item
    .item-name
    .title {
    display: block;
  }
}
@media screen and (max-width: 375px) {
  .template-checkout-form
    .cart-groups
    .cart-group
    .cart-groupby-address
    .items
    .item
    .item-name
    .title,
  .template-shipping
    .cart-groups
    .cart-group
    .cart-groupby-address
    .items
    .item
    .item-name
    .title {
    display: none;
  }
}
.template-checkout-form
  .cart-groups
  .cart-group
  .cart-groupby-address
  .items
  .item
  .item-details,
.template-shipping
  .cart-groups
  .cart-group
  .cart-groupby-address
  .items
  .item
  .item-details {
  padding-left: 0;
  padding-right: 0;
  text-align: center;
}
@media screen and (max-width: 560px) {
  .template-checkout-form
    .cart-groups
    .cart-group
    .cart-groupby-address
    .items
    .item
    .item-details,
  .template-shipping
    .cart-groups
    .cart-group
    .cart-groupby-address
    .items
    .item
    .item-details {
    width: 45%;
    padding-top: 10px;
    padding-bottom: 0;
    text-align: left;
  }
}
@media screen and (max-width: 490px) {
  .template-checkout-form
    .cart-groups
    .cart-group
    .cart-groupby-address
    .items
    .item
    .item-details,
  .template-shipping
    .cart-groups
    .cart-group
    .cart-groupby-address
    .items
    .item
    .item-details {
    width: 45%;
  }
}
@media screen and (max-width: 375px) {
  .template-checkout-form
    .cart-groups
    .cart-group
    .cart-groupby-address
    .items
    .item
    .item-details,
  .template-shipping
    .cart-groups
    .cart-group
    .cart-groupby-address
    .items
    .item
    .item-details {
    width: 70%;
    padding-top: 5px;
  }
}
.template-checkout-form
  .cart-groups
  .cart-group
  .cart-groupby-address
  .items
  .item
  .item-details
  .title,
.template-shipping
  .cart-groups
  .cart-group
  .cart-groupby-address
  .items
  .item
  .item-details
  .title {
  display: none;
}
@media screen and (max-width: 560px) {
  .template-checkout-form
    .cart-groups
    .cart-group
    .cart-groupby-address
    .items
    .item
    .item-details
    .title,
  .template-shipping
    .cart-groups
    .cart-group
    .cart-groupby-address
    .items
    .item
    .item-details
    .title {
    display: block;
    text-align: center;
  }
}
@media screen and (max-width: 375px) {
  .template-checkout-form
    .cart-groups
    .cart-group
    .cart-groupby-address
    .items
    .item
    .item-details
    .title,
  .template-shipping
    .cart-groups
    .cart-group
    .cart-groupby-address
    .items
    .item
    .item-details
    .title {
    text-align: left;
  }
}
@media screen and (max-width: 560px) {
  .template-checkout-form
    .cart-groups
    .cart-group
    .cart-groupby-address
    .items
    .item
    .item-details
    .info,
  .template-shipping
    .cart-groups
    .cart-group
    .cart-groupby-address
    .items
    .item
    .item-details
    .info {
    display: block;
    text-align: center;
  }
}
@media screen and (max-width: 375px) {
  .template-checkout-form
    .cart-groups
    .cart-group
    .cart-groupby-address
    .items
    .item
    .item-details
    .info,
  .template-shipping
    .cart-groups
    .cart-group
    .cart-groupby-address
    .items
    .item
    .item-details
    .info {
    text-align: left;
  }
}
.template-checkout-form
  .cart-groups
  .cart-group
  .cart-groupby-address
  .items
  .item
  .item-details
  .item-quantity,
.template-shipping
  .cart-groups
  .cart-group
  .cart-groupby-address
  .items
  .item
  .item-details
  .item-quantity {
  padding-top: 40px;
  padding-bottom: 40px;
}
@media screen and (max-width: 560px) {
  .template-checkout-form
    .cart-groups
    .cart-group
    .cart-groupby-address
    .items
    .item
    .item-details
    .item-quantity,
  .template-shipping
    .cart-groups
    .cart-group
    .cart-groupby-address
    .items
    .item
    .item-details
    .item-quantity {
    padding-top: 0;
    padding-bottom: 0;
  }
}
.template-checkout-form
  .cart-groups
  .cart-group
  .cart-groupby-address
  .items
  .item
  .item-details
  .item-weight,
.template-shipping
  .cart-groups
  .cart-group
  .cart-groupby-address
  .items
  .item
  .item-details
  .item-weight {
  padding-top: 30px;
  padding-bottom: 30px;
}
@media screen and (max-width: 560px) {
  .template-checkout-form
    .cart-groups
    .cart-group
    .cart-groupby-address
    .items
    .item
    .item-details
    .item-weight,
  .template-shipping
    .cart-groups
    .cart-group
    .cart-groupby-address
    .items
    .item
    .item-details
    .item-weight {
    padding-top: 0;
    padding-bottom: 0;
  }
}
.template-checkout-form
  .cart-groups
  .cart-group
  .cart-groupby-address
  .items
  .item
  .item-price,
.template-shipping
  .cart-groups
  .cart-group
  .cart-groupby-address
  .items
  .item
  .item-price {
  padding-top: 30px;
  padding-bottom: 30px;
}
@media screen and (max-width: 560px) {
  .template-checkout-form
    .cart-groups
    .cart-group
    .cart-groupby-address
    .items
    .item
    .item-price,
  .template-shipping
    .cart-groups
    .cart-group
    .cart-groupby-address
    .items
    .item
    .item-price {
    width: 20%;
    padding-top: 10px;
    padding-bottom: 0;
  }
}
@media screen and (max-width: 465px) {
  .template-checkout-form
    .cart-groups
    .cart-group
    .cart-groupby-address
    .items
    .item
    .item-price,
  .template-shipping
    .cart-groups
    .cart-group
    .cart-groupby-address
    .items
    .item
    .item-price {
    width: 25%;
  }
}
@media screen and (max-width: 375px) {
  .template-checkout-form
    .cart-groups
    .cart-group
    .cart-groupby-address
    .items
    .item
    .item-price,
  .template-shipping
    .cart-groups
    .cart-group
    .cart-groupby-address
    .items
    .item
    .item-price {
    width: 30%;
    padding-top: 5px;
  }
}
.template-checkout-form
  .cart-groups
  .cart-group
  .cart-groupby-address
  .items
  .item
  .item-price
  .title,
.template-shipping
  .cart-groups
  .cart-group
  .cart-groupby-address
  .items
  .item
  .item-price
  .title {
  display: none;
}
@media screen and (max-width: 560px) {
  .template-checkout-form
    .cart-groups
    .cart-group
    .cart-groupby-address
    .items
    .item
    .item-price
    .title,
  .template-shipping
    .cart-groups
    .cart-group
    .cart-groupby-address
    .items
    .item
    .item-price
    .title {
    display: block;
  }
}
.template-checkout-form
  .cart-groups
  .cart-group
  .cart-groupby-address
  .items
  .item
  .item-price
  .subtotal-price,
.template-shipping
  .cart-groups
  .cart-group
  .cart-groupby-address
  .items
  .item
  .item-price
  .subtotal-price {
  font-weight: bold;
}
.template-checkout-form
  .cart-groups
  .cart-group
  .cart-groupby-address
  .shipping-method
  .shipping-option
  a
  span.button,
.template-shipping
  .cart-groups
  .cart-group
  .cart-groupby-address
  .shipping-method
  .shipping-option
  a
  span.button {
  font-size: 0.65rem;
}
.template-checkout-form
  .cart-groups
  .cart-group
  .cart-groupby-address
  .shipping-method
  .shipping-option
  a
  i,
.template-shipping
  .cart-groups
  .cart-group
  .cart-groupby-address
  .shipping-method
  .shipping-option
  a
  i {
  color: #404041;
}
.template-checkout-form
  .cart-groups
  .cart-group
  .cart-groupby-address
  .shipping-method
  .shipping-option
  a
  i:hover,
.template-checkout-form
  .cart-groups
  .cart-group
  .cart-groupby-address
  .shipping-method
  .shipping-option
  a
  i:active,
.template-checkout-form
  .cart-groups
  .cart-group
  .cart-groupby-address
  .shipping-method
  .shipping-option
  a
  i:focus,
.template-shipping
  .cart-groups
  .cart-group
  .cart-groupby-address
  .shipping-method
  .shipping-option
  a
  i:hover,
.template-shipping
  .cart-groups
  .cart-group
  .cart-groupby-address
  .shipping-method
  .shipping-option
  a
  i:active,
.template-shipping
  .cart-groups
  .cart-group
  .cart-groupby-address
  .shipping-method
  .shipping-option
  a
  i:focus {
  color: #64676b;
}
.template-checkout-form .totals,
.template-shipping .totals {
  font-size: 18px;
}
@media screen and (max-width: 991px) {
  .template-checkout-form .totals,
  .template-shipping .totals {
    margin-right: 10px;
  }
}
@media screen and (max-width: 560px) {
  .template-checkout-form .totals,
  .template-shipping .totals {
    margin-left: 0;
    margin-right: 0;
  }
}
.template-checkout-form .totals .title,
.template-shipping .totals .title {
  color: #64676b;
  padding-left: 0;
}
.template-checkout-form .totals .info,
.template-shipping .totals .info {
  text-align: right;
  padding-right: 0;
}
.template-checkout-form .totals > .totals-section,
.template-shipping .totals > .totals-section {
  border: 1px solid lightgray;
  border-radius: 20px;
  padding: 20px;
  margin-top: 30px;
  margin-bottom: 30px;
}
@media screen and (max-width: 560px) {
  .template-checkout-form .totals > .totals-section,
  .template-shipping .totals > .totals-section {
    width: 100%;
    margin-top: 10px;
  }
}
.template-checkout-form .totals > .totals-section .subtotal,
.template-shipping .totals > .totals-section .subtotal {
  padding-right: 0 !important;
}
.template-checkout-form .totals > .totals-section .total,
.template-shipping .totals > .totals-section .total {
  font-size: 20px;
}
.template-checkout-form .totals > .totals-section .total .info,
.template-shipping .totals > .totals-section .total .info {
  color: #03783d;
}
@media screen and (max-width: 560px) {
  .template-checkout-form .confirm-button .col-xs-6,
  .template-shipping .confirm-button .col-xs-6 {
    width: 100%;
    margin-left: auto;
  }
}
.template-checkout-form .confirm-button .col-xs-6 a,
.template-shipping .confirm-button .col-xs-6 a {
  text-decoration: none;
}

#commentBlock {
  margin-bottom: 20px;
}
#commentBlock li {
  list-style-type: none;
}
#commentBlock li > ul {
  margin-left: 10px;
}
#commentBlock a:hover,
#commentBlock a:active,
#commentBlock a:focus {
  background-color: transparent;
  color: #665787;
  text-decoration: underline;
}
#commentBlock .thumb {
  width: 50px;
  height: 50px;
  margin-top: 0;
  border: 1px solid #eee;
}
@media screen and (max-width: 500px) {
  #commentBlock .thumb {
    width: 40px;
    height: 40px;
  }
}
@media screen and (max-width: 400px) {
  #commentBlock .thumb {
    width: 35px;
    height: 35px;
  }
}
#commentBlock .comment-headings {
  padding-top: 20px;
  padding-bottom: 5px;
  margin-bottom: 10px;
  font-size: 16px;
  border-bottom: 2px solid lightgray;
}
@media screen and (max-width: 331px) {
  #commentBlock .comment-headings {
    font-size: 15px;
  }
}
@media screen and (max-width: 464px) {
  #commentBlock .comment-headings .comment-count {
    width: 30%;
  }
}
@media screen and (max-width: 386px) {
  #commentBlock .comment-headings .comment-count {
    width: 35%;
  }
}
@media screen and (max-width: 464px) {
  #commentBlock .comment-headings .comment-object {
    width: 70%;
  }
}
@media screen and (max-width: 386px) {
  #commentBlock .comment-headings .comment-object {
    width: 65%;
  }
}
@media screen and (max-width: 991px) {
  #commentBlock #commentForm,
  #commentBlock .comments {
    padding-left: 5px;
    padding-right: 10px;
  }
}
#commentBlock #commentForm .media-right input {
  margin-top: 8px;
  margin-bottom: 0;
}
#commentBlock #commentForm .media-right input:disabled {
  background-color: #03783d;
}
#commentBlock .comments {
  margin-left: 0;
}
#commentBlock .comments .media .media .thumb {
  width: 45px;
  height: 45px;
}
@media screen and (max-width: 500px) {
  #commentBlock .comments .media .media .thumb {
    width: 35px;
    height: 35px;
  }
}
@media screen and (max-width: 400px) {
  #commentBlock .comments .media .media .thumb {
    width: 30px;
    height: 30px;
  }
}
#commentBlock .comments .media .media-body .comment .comment-bubble {
  border: 1px solid #f5f5f5;
  border-radius: 15px;
  background-color: #f5f5f5;
  padding: 5px 10px;
}
#commentBlock
  .comments
  .media
  .media-body
  .comment
  .comment-bubble
  .media-heading {
  font-size: 14px;
}
#commentBlock .comments .media .media-body .comment .comment-bubble .content {
  font-size: 16px;
}
#commentBlock .comments .media .media-body .comment .under-bubble {
  padding-left: 12px;
}
#commentBlock .comments .media .media-body .comment .under-bubble .disable {
  cursor: not-allowed;
  color: #a7a9ab;
}
#commentBlock
  .comments
  .media
  .media-body
  .comment
  .under-bubble
  .disable:hover,
#commentBlock
  .comments
  .media
  .media-body
  .comment
  .under-bubble
  .disable:focus,
#commentBlock
  .comments
  .media
  .media-body
  .comment
  .under-bubble
  .disable:active {
  background-color: transparent;
}
#commentBlock
  .comments
  .media
  .media-body
  .comment
  .under-bubble
  .disable
  + .fa-circle {
  cursor: not-allowed;
  color: #a7a9ab;
}
#commentBlock .comments .media .media-body .comment .under-bubble .fa-circle {
  font-size: 45%;
  vertical-align: middle;
}
#commentBlock .comments .media .media-body .comment .under-bubble .reply-form {
  margin-top: 10px;
  display: none;
}
#commentBlock
  .comments
  .media
  .media-body
  .comment
  .under-bubble
  .reply-form
  .media-left {
  display: none;
}

.orderStatus div {
  border: 1px solid;
  border-radius: 8px;
  padding: 5px 20px;
  width: 135px;
  margin: 0 auto;
  text-align: center !important;
}

.orderStatus .select2 {
  width: 135px !important;
}
@media screen and (max-width: 650px) {
  .orderStatus .select2 {
    float: left;
  }
}
@media screen and (max-width: 414px) {
  .orderStatus .select2 {
    width: 100% !important;
  }
}
.orderStatus .select2 .select2-selection {
  width: 135px;
  border-color: transparent;
}
@media screen and (max-width: 650px) {
  .orderStatus .select2 .select2-selection {
    margin-left: 0;
  }
}
@media screen and (max-width: 414px) {
  .orderStatus .select2 .select2-selection {
    width: 100% !important;
  }
}
.orderStatus .select2 .select2-selection .select2-selection__rendered {
  color: black;
  line-height: 36px;
  padding-top: 0;
  border-radius: 8px;
}
.orderStatus .select2 .select2-selection .select2-selection__arrow {
  top: 4px;
  right: 6px;
}
.orderStatus .select2 .select2-selection .select2-selection__arrow b {
  border-color: black transparent transparent transparent;
  border-width: 7px 6px 0 6px;
}
.orderStatus .select2 .select2-selection--single {
  background-color: transparent;
}
.orderStatus
  .select2
  .select2-container--default.select2-container--open
  .select2-selection--single
  .select2-selection__arrow
  b {
  border-color: transparent transparent black transparent;
  border-width: 0 6px 7px 6px;
}

.open,
.new,
.live,
.renew,
span[title="NEW"],
span[title="VISIBLE"],
span[title="RENEW"] {
  border-color: #03783d;
  background-color: #03783d;
  color: #ffffff;
}

.processed,
.in_transit,
span[title="PROCESSED"],
span[title="ACCEPT"],
span[title="IN TRANSIT"],
.sold-out,
.accept {
  border-color: #ffd800 !important;
  background-color: #ffd800;
}

.adjusted,
.claimed,
.sold,
span[title="ADJUST"],
span[title="ADJUSTED"],
.adjust {
  border-color: #ffbe42 !important;
  background-color: #ffbe42;
}

.cancelled,
.declined,
.decline,
.rejected,
.reject,
.deleted,
span[title="CANCEL"],
span[title="CANCELLED"],
span[title="DECLINED"],
span[title="DECLINE"],
span[title="REJECTED"],
span[title="REJECT"] {
  border-color: tomato !important;
  background-color: tomato;
}

.complete,
span[title="COMPLETED"],
.shipped,
span[title="SHIPPED"] {
  border-color: darkgray !important;
  border-color: darkgray !important;
  background-color: darkgray;
}

.template-orders h1,
.template-orders h3 {
  margin-left: 10px;
}

.template-orders table.orders thead th {
  text-align: center !important;
}

.template-orders table.orders tbody tr.order td {
  vertical-align: middle;
}

.template-orders .messages {
  padding-left: 10px;
  padding-right: 10px;
}

@media screen and (max-width: 1191px) {
  .template-order-detail h3 {
    font-size: 1.5375rem;
  }
}

@media screen and (max-width: 696px) {
  .template-order-detail h3 {
    font-size: 1.4375rem;
  }
}

@media screen and (max-width: 414px) {
  .template-order-detail h3 {
    font-size: 1.2375rem;
  }
}

@media screen and (max-width: 1191px) {
  .template-order-detail h4 {
    font-size: 1.4625rem;
  }
}

@media screen and (max-width: 1000px) {
  .template-order-detail h4 {
    font-size: 1.3625rem;
  }
}

.template-order-detail .order {
  font-size: 16px;
}
@media screen and (max-width: 414px) {
  .template-order-detail .order {
    font-size: 15px;
  }
}
.template-order-detail .order a {
  text-decoration: underline;
}
.template-order-detail .order a.button {
  text-decoration: none;
}
.template-order-detail .order .order-stats {
  border-bottom: 1px dashed #a7a9ab;
  margin-bottom: 10px;
}
.template-order-detail .order .order-stats .order-number {
  padding-left: 0;
}
@media screen and (max-width: 1050px) {
  .template-order-detail .order .order-stats .order-number {
    padding-left: 5px;
  }
}
@media screen and (max-width: 657px) {
  .template-order-detail .order .order-stats .order-number {
    width: 70%;
  }
}
@media screen and (max-width: 650px) {
  .template-order-detail .order .order-stats .order-number {
    width: 100%;
  }
}
@media screen and (max-width: 1191px) {
  .template-order-detail .order .order-stats .order-number h3 {
    font-size: 1.9375rem;
  }
}
@media screen and (max-width: 1003px) {
  .template-order-detail .order .order-stats .order-number h3 {
    font-size: 1.7375rem;
  }
}
@media screen and (max-width: 696px) {
  .template-order-detail .order .order-stats .order-number h3 {
    font-size: 1.6375rem;
  }
}
@media screen and (max-width: 1191px) {
  .template-order-detail .order .order-stats .order-number h3 small {
    font-size: 60%;
  }
}
@media screen and (max-width: 721px) {
  .template-order-detail .order .order-stats .order-number h3 small {
    font-size: 55%;
  }
}
@media screen and (max-width: 600px) {
  .template-order-detail .order .order-stats .order-number h3 small {
    display: block;
    padding: 10px 0;
  }
}
.template-order-detail .order .order-stats .order-status {
  padding-right: 0;
}
@media screen and (max-width: 1191px) {
  .template-order-detail .order .order-stats .order-status {
    padding-top: 5px;
  }
}
@media screen and (max-width: 1050px) {
  .template-order-detail .order .order-stats .order-status {
    padding-right: 5px;
  }
}
@media screen and (max-width: 1025px) {
  .template-order-detail .order .order-stats .order-status {
    padding-right: 15px;
  }
}
@media screen and (max-width: 1003px) {
  .template-order-detail .order .order-stats .order-status {
    padding-top: 0;
    padding-right: 25px;
  }
}
@media screen and (max-width: 910px) {
  .template-order-detail .order .order-stats .order-status {
    padding-right: 35px;
  }
}
@media screen and (max-width: 865px) {
  .template-order-detail .order .order-stats .order-status {
    padding-right: 0;
  }
}
@media screen and (max-width: 715px) {
  .template-order-detail .order .order-stats .order-status {
    padding-right: 15px;
  }
}
@media screen and (max-width: 685px) {
  .template-order-detail .order .order-stats .order-status {
    padding-right: 25px;
  }
}
@media screen and (max-width: 657px) {
  .template-order-detail .order .order-stats .order-status {
    width: 30%;
    padding-right: 75px;
  }
}
@media screen and (max-width: 650px) {
  .template-order-detail .order .order-stats .order-status {
    width: 100%;
    padding-right: 0;
    padding-bottom: 10px;
  }
}
@media screen and (max-width: 414px) {
  .template-order-detail .order .order-stats .order-status {
    padding-right: 10px;
  }
}
.template-order-detail .order .order-stats .order-status .title {
  padding-left: 0;
}
@media screen and (max-width: 865px) {
  .template-order-detail .order .order-stats .order-status .title {
    width: 40%;
  }
}
.template-order-detail .order .order-stats .order-status .info {
  font-size: 15px;
  font-weight: bold;
  text-align: center !important;
  padding-left: 0;
  padding-right: 0;
}
@media screen and (max-width: 865px) {
  .template-order-detail .order .order-stats .order-status .info {
    width: 60%;
  }
}
@media screen and (max-width: 650px) {
  .template-order-detail .order .order-stats .order-status .info {
    width: 100%;
  }
}
.template-order-detail .order .order-stats .order-status .info div {
  border: 1px solid;
  border-radius: 8px;
  padding: 5px 20px;
  margin: 0 auto;
  width: 135px;
}
@media screen and (max-width: 650px) {
  .template-order-detail .order .order-stats .order-status .info div {
    margin-left: 0;
  }
}
@media screen and (max-width: 414px) {
  .template-order-detail .order .order-stats .order-status .info div {
    width: 100%;
  }
}
.template-order-detail .order .order-stats .order-status .info .select2 {
  width: 135px !important;
}
@media screen and (max-width: 650px) {
  .template-order-detail .order .order-stats .order-status .info .select2 {
    float: left;
  }
}
@media screen and (max-width: 414px) {
  .template-order-detail .order .order-stats .order-status .info .select2 {
    width: 100% !important;
  }
}
.template-order-detail
  .order
  .order-stats
  .order-status
  .info
  .select2
  .select2-selection {
  border-color: white;
  width: 135px;
}
@media screen and (max-width: 650px) {
  .template-order-detail
    .order
    .order-stats
    .order-status
    .info
    .select2
    .select2-selection {
    margin-left: 0;
  }
}
@media screen and (max-width: 414px) {
  .template-order-detail
    .order
    .order-stats
    .order-status
    .info
    .select2
    .select2-selection {
    width: 100% !important;
  }
}
.template-order-detail
  .order
  .order-stats
  .order-status
  .info
  .select2
  .select2-selection
  .select2-selection__rendered {
  color: black;
  line-height: 36px;
  padding-top: 0;
  border-radius: 8px;
}
.template-order-detail
  .order
  .order-stats
  .order-status
  .info
  .select2
  .select2-selection
  .select2-selection__arrow {
  top: 4px;
  right: 10px;
}
.template-order-detail
  .order
  .order-stats
  .order-status
  .info
  .select2
  .select2-selection
  .select2-selection__arrow
  b {
  border-color: black transparent transparent transparent;
  border-width: 7px 6px 0 6px;
}
.template-order-detail
  .order
  .order-stats
  .order-status
  .info
  .select2
  .select2-container--default.select2-container--open
  .select2-selection--single
  .select2-selection__arrow
  b {
  border-color: transparent transparent black transparent;
  border-width: 0 6px 7px 6px;
}
.template-order-detail .order .company-details > div {
  padding-left: 0;
}
@media screen and (max-width: 1050px) {
  .template-order-detail .order .company-details > div {
    padding-left: 5px;
  }
}
@media screen and (max-width: 650px) {
  .template-order-detail .order .company-details > div {
    width: 50%;
    margin-bottom: 10px;
  }
}
@media screen and (max-width: 600px) {
  .template-order-detail .order .company-details > div {
    width: 100%;
  }
}
.template-order-detail .order .company-details .deactivated {
  color: black !important;
  text-decoration: none !important;
  cursor: default !important;
}
.template-order-detail .order .company-details .disabled {
  cursor: not-allowed !important;
  border-color: #64676b !important;
}
.template-order-detail .order .company-details .disabled:hover,
.template-order-detail .order .company-details .disabled:active,
.template-order-detail .order .company-details .disabled:focus {
  background-color: #64676b !important;
  color: #ffffff !important;
}
.template-order-detail .order .company-details .company-name {
  padding-bottom: 10px;
  font-size: 18px;
}
@media screen and (max-width: 414px) {
  .template-order-detail .order .company-details .company-name {
    padding-bottom: 5px;
    font-size: 16px;
  }
}
.template-order-detail .order .company-details .company-name > a:first-child {
  color: #665787;
}
.template-order-detail .order .company-details .company-name .message {
  padding: 0.5em 0.75em;
  display: inline;
  border-color: #03783d;
}
.template-order-detail .order .company-details .company-name .message:hover,
.template-order-detail .order .company-details .company-name .message:active,
.template-order-detail .order .company-details .company-name .message:focus {
  background-color: #03783d;
  color: #ffffff;
}
.template-order-detail .order .company-details .company-name .message .icon {
  padding-right: 0;
}
.template-order-detail .order .receipt-button {
  text-decoration: none;
}
.template-order-detail .order .titles {
  margin-top: 30px;
}
.template-order-detail .order .titles > div {
  padding-left: 0;
}
@media screen and (max-width: 1050px) {
  .template-order-detail .order .titles > div {
    padding-left: 5px;
  }
}
.template-order-detail .order .titles h3 {
  margin-bottom: 0;
}
.template-order-detail .order .title {
  color: #64676b;
}
.template-order-detail .order .order-information.item {
  border-top: 1px solid black;
}
@media screen and (max-width: 1206px) {
  .template-order-detail .order .order-information {
    font-size: 15px;
  }
}
@media screen and (max-width: 800px) {
  .template-order-detail .order .order-information {
    font-size: 14px;
  }
}
@media screen and (max-width: 767px) {
  .template-order-detail .order .order-information {
    font-size: 15px;
  }
}
@media screen and (max-width: 690px) {
  .template-order-detail .order .order-information {
    font-size: 14px;
  }
}
@media screen and (max-width: 650px) {
  .template-order-detail .order .order-information {
    font-size: 16px;
  }
}
@media screen and (max-width: 600px) {
  .template-order-detail .order .order-information {
    font-size: 15px;
  }
}
.template-order-detail .order .order-information .order-detail-information {
  padding-left: 0;
  padding-top: 10px;
  padding-bottom: 10px;
}
@media screen and (max-width: 650px) {
  .template-order-detail .order .order-information .order-detail-information {
    width: 100%;
  }
}
.template-order-detail
  .order
  .order-information
  .order-detail-information
  .listing-image {
  padding-left: 0;
}
@media screen and (max-width: 767px) {
  .template-order-detail
    .order
    .order-information
    .order-detail-information
    .listing-image {
    padding-right: 0;
    margin-bottom: 5px;
  }
}
.template-order-detail
  .order
  .order-information
  .order-detail-information
  .listing-image
  .thumb {
  width: 100%;
  height: 100px;
  border-radius: 8px;
}
@media screen and (max-width: 767px) {
  .template-order-detail
    .order
    .order-information
    .order-detail-information
    .listing-image
    .thumb {
    height: 120px;
  }
}
@media screen and (max-width: 650px) {
  .template-order-detail
    .order
    .order-information
    .order-detail-information
    .listing-image
    .thumb {
    height: 150px;
  }
}
.template-order-detail
  .order
  .order-information
  .order-detail-information
  .listing-image
  .thumb.border,
.template-order-detail
  .order
  .order-information
  .order-detail-information
  .listing-image
  .message-thread
  .message-area
  .reply-form
  textarea.thumb,
.message-thread
  .message-area
  .reply-form
  .template-order-detail
  .order
  .order-information
  .order-detail-information
  .listing-image
  textarea.thumb {
  border: 1px solid #e6e6e6;
}
@media screen and (max-width: 600px) {
  .template-order-detail
    .order
    .order-information
    .order-detail-information
    .listing-details {
    width: 75%;
  }
}
@media screen and (max-width: 1310px) {
  .template-order-detail
    .order
    .order-information
    .order-detail-information
    .listing-details
    .title {
    padding-left: 0;
  }
}
@media screen and (max-width: 600px) {
  .template-order-detail
    .order
    .order-information
    .order-detail-information
    .listing-details
    .title {
    width: 50%;
  }
}
@media screen and (max-width: 421px) {
  .template-order-detail
    .order
    .order-information
    .order-detail-information
    .listing-details
    .title {
    width: 60%;
  }
}
@media screen and (max-width: 1310px) {
  .template-order-detail
    .order
    .order-information
    .order-detail-information
    .listing-details
    .info {
    padding-right: 0;
  }
}
@media screen and (max-width: 1050px) {
  .template-order-detail
    .order
    .order-information
    .order-detail-information
    .listing-details
    .info {
    padding-right: 0;
    padding-left: 15px;
  }
}
@media screen and (max-width: 600px) {
  .template-order-detail
    .order
    .order-information
    .order-detail-information
    .listing-details
    .info {
    width: 50%;
  }
}
@media screen and (max-width: 421px) {
  .template-order-detail
    .order
    .order-information
    .order-detail-information
    .listing-details
    .info {
    width: 40%;
  }
}
@media screen and (max-width: 1050px) {
  .template-order-detail
    .order
    .order-information
    .order-detail-information
    .listing-details
    .listing-basic-info {
    padding-left: 0;
    padding-right: 0;
  }
}
@media screen and (max-width: 991px) {
  .template-order-detail
    .order
    .order-information
    .order-detail-information
    .listing-details
    .listing-basic-info {
    padding-left: 10px;
    padding-right: 10px;
  }
}
@media screen and (max-width: 847px) {
  .template-order-detail
    .order
    .order-information
    .order-detail-information
    .listing-details
    .listing-basic-info {
    padding-left: 0;
    padding-right: 0;
  }
}
@media screen and (max-width: 767px) {
  .template-order-detail
    .order
    .order-information
    .order-detail-information
    .listing-details
    .listing-basic-info {
    padding-right: 15px;
  }
}
@media screen and (max-width: 600px) {
  .template-order-detail
    .order
    .order-information
    .order-detail-information
    .listing-details
    .listing-basic-info {
    width: 100%;
    margin-bottom: 10px;
  }
}
.template-order-detail
  .order
  .order-information
  .order-detail-information
  .listing-details
  .listing-basic-info
  .listing-name {
  font-size: 18px;
}
@media screen and (max-width: 414px) {
  .template-order-detail
    .order
    .order-information
    .order-detail-information
    .listing-details
    .listing-basic-info
    .listing-name {
    font-size: 16px;
  }
}
.template-order-detail
  .order
  .order-information
  .order-detail-information
  .listing-details
  .listing-basic-info
  .listing-description {
  font-size: 14px;
}
@media screen and (max-width: 767px) {
  .template-order-detail
    .order
    .order-information
    .order-detail-information
    .listing-details
    .listing-info {
    padding-left: 0;
  }
}
@media screen and (max-width: 650px) {
  .template-order-detail
    .order
    .order-information
    .order-detail-information
    .listing-details
    .listing-info {
    padding-left: 10px;
  }
}
@media screen and (max-width: 600px) {
  .template-order-detail
    .order
    .order-information
    .order-detail-information
    .listing-details
    .listing-info {
    width: 100%;
  }
}
@media screen and (max-width: 600px) {
  .template-order-detail
    .order
    .order-information
    .order-detail-information
    .listing-details
    .special-info {
    width: 100%;
  }
}
.template-order-detail
  .order
  .order-information
  .order-detail-information
  .prices {
  text-align: right;
}
@media screen and (max-width: 767px) {
  .template-order-detail
    .order
    .order-information
    .order-detail-information
    .prices {
    padding-left: 0;
    padding-right: 0;
  }
}
@media screen and (max-width: 600px) {
  .template-order-detail
    .order
    .order-information
    .order-detail-information
    .prices {
    width: 25%;
    padding-left: 10px;
    padding-right: 10px;
  }
}
@media screen and (max-width: 370px) {
  .template-order-detail
    .order
    .order-information
    .order-detail-information
    .prices {
    padding-left: 0;
    padding-right: 0;
  }
}
.template-order-detail
  .order
  .order-information
  .order-detail-information
  .prices
  .order-subtotal {
  font-size: 16px;
  font-weight: bold;
}
.template-order-detail
  .order
  .order-information
  .order-detail-information
  .prices
  .asking-price
  small {
  color: #a7a9ab;
}
.template-order-detail
  .order
  .order-information
  .order-detail-information
  .remove-item {
  text-align: right;
}
.template-order-detail .order .shipping .shipping-information {
  padding-top: 10px;
  padding-bottom: 10px;
  border-top: 1px solid black;
}
.template-order-detail .order .shipping .shipping-information .title {
  padding-left: 0;
}
@media screen and (max-width: 600px) {
  .template-order-detail .order .shipping .shipping-information .title {
    padding-left: 10px;
  }
}
.template-order-detail .order .shipping .shipping-information .info {
  padding-left: 0;
  padding-right: 0;
}
@media screen and (max-width: 790px) {
  .template-order-detail .order .shipping .shipping-information .info {
    padding-right: 0;
  }
}
@media screen and (max-width: 600px) {
  .template-order-detail .order .shipping .shipping-information .info {
    padding-right: 10px;
  }
}
.template-order-detail .order .shipping .shipping-information .shipper-address {
  padding-left: 0;
}
@media screen and (max-width: 1050px) {
  .template-order-detail
    .order
    .shipping
    .shipping-information
    .shipper-address {
    padding-left: 10px;
  }
}
@media screen and (max-width: 650px) {
  .template-order-detail
    .order
    .shipping
    .shipping-information
    .shipper-address {
    width: 75%;
  }
}
@media screen and (max-width: 438px) {
  .template-order-detail
    .order
    .shipping
    .shipping-information
    .shipper-address {
    width: 60%;
  }
}
@media screen and (max-width: 600px) {
  .template-order-detail
    .order
    .shipping
    .shipping-information
    .shipper-address
    .title {
    padding-left: 0;
  }
}
.template-order-detail
  .order
  .shipping
  .shipping-information
  .shipping-cost-small {
  display: none;
}
@media screen and (max-width: 650px) {
  .template-order-detail
    .order
    .shipping
    .shipping-information
    .shipping-cost-small {
    display: initial;
    text-align: right;
    padding-right: 10px;
  }
}
@media screen and (max-width: 438px) {
  .template-order-detail
    .order
    .shipping
    .shipping-information
    .shipping-cost-small {
    width: 40%;
  }
}
.template-order-detail .order .shipping .shipping-information .shipping-detail {
  padding-left: 0;
}
@media screen and (max-width: 814px) {
  .template-order-detail
    .order
    .shipping
    .shipping-information
    .shipping-detail {
    padding-right: 0;
  }
}
@media screen and (max-width: 650px) {
  .template-order-detail
    .order
    .shipping
    .shipping-information
    .shipping-detail {
    padding-top: 10px;
    padding-left: 10px;
    padding-right: 15px;
    width: 100%;
  }
}
@media screen and (max-width: 639px) {
  .template-order-detail
    .order
    .shipping
    .shipping-information
    .shipping-detail
    .title {
    padding-left: 10px;
  }
}
@media screen and (max-width: 600px) {
  .template-order-detail
    .order
    .shipping
    .shipping-information
    .shipping-detail
    .title {
    width: 30%;
  }
}
@media screen and (max-width: 471px) {
  .template-order-detail
    .order
    .shipping
    .shipping-information
    .shipping-detail
    .title {
    width: 40%;
  }
}
@media screen and (max-width: 600px) {
  .template-order-detail
    .order
    .shipping
    .shipping-information
    .shipping-detail
    .info {
    width: 70%;
  }
}
@media screen and (max-width: 471px) {
  .template-order-detail
    .order
    .shipping
    .shipping-information
    .shipping-detail
    .info {
    width: 60%;
  }
}
.template-order-detail
  .order
  .shipping
  .shipping-information
  .shipping-detail
  .shipping-method
  i {
  color: #404041;
}
.template-order-detail
  .order
  .shipping
  .shipping-information
  .shipping-detail
  .shipping-method
  i:hover,
.template-order-detail
  .order
  .shipping
  .shipping-information
  .shipping-detail
  .shipping-method
  i:focus,
.template-order-detail
  .order
  .shipping
  .shipping-information
  .shipping-detail
  .shipping-method
  i:active {
  color: #64676b;
}
.template-order-detail .order .shipping .shipping-information .shipping-cost {
  text-align: right;
}
@media screen and (max-width: 650px) {
  .template-order-detail .order .shipping .shipping-information .shipping-cost {
    width: 15%;
  }
}
@media screen and (max-width: 650px) {
  .template-order-detail .order .shipping .shipping-information .shipping-cost {
    display: none;
  }
}
.template-order-detail .order .totals {
  padding-top: 5px;
  margin-bottom: 30px;
}
@media screen and (max-width: 650px) {
  .template-order-detail .order .totals {
    margin-bottom: 10px;
  }
}
@media screen and (max-width: 600px) {
  .template-order-detail .order .totals {
    margin-bottom: 0;
  }
}
@media screen and (max-width: 767px) {
  .template-order-detail .order .totals.donations {
    display: flex;
    flex-direction: column-reverse;
  }
}
@media screen and (max-width: 767px) {
  .template-order-detail .order .totals.donations .text-right {
    margin-bottom: 10px;
  }
}
@media screen and (max-width: 650px) {
  .template-order-detail .order .totals h4 {
    padding-right: 10px;
  }
}
@media screen and (max-width: 650px) {
  .template-order-detail .order .totals .col-xs-7 {
    width: 100%;
  }
}
@media screen and (max-width: 650px) {
  .template-order-detail .order .totals .col-xs-5 {
    display: none;
  }
}
.template-order-detail .order .totals .title {
  font-weight: bold;
}
@media screen and (max-width: 439px) {
  .template-order-detail .order .totals .title {
    width: 70%;
  }
}
.template-order-detail .order .totals .info {
  padding-right: 0;
}
@media screen and (max-width: 650px) {
  .template-order-detail .order .totals .info {
    padding-right: 10px;
  }
}
@media screen and (max-width: 439px) {
  .template-order-detail .order .totals .info {
    width: 30%;
  }
}
.template-order-detail .order .totals .total {
  font-size: 18px;
}
.template-order-detail .order .totals .tax-receipt {
  padding-top: 10px;
  border: 1px solid black;
}
.template-order-detail .order .totals .tax-receipt.supplier-view {
  margin-top: 45px;
}
@media screen and (max-width: 767px) {
  .template-order-detail .order .totals .tax-receipt.supplier-view {
    margin-top: 0;
  }
}
@media screen and (max-width: 639px) {
  .template-order-detail .order .totals .tax-receipt .row {
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 400px) {
  .template-order-detail .order .totals .tax-receipt .row .button {
    width: 100%;
  }
}
.template-order-detail
  .adjust-order
  .order-information
  .order-detail-information {
  padding-bottom: 5px;
}
.template-order-detail
  .adjust-order
  .order-information
  .order-detail-information
  .listing-details
  .listing-info
  .qty
  .info
  .sm-mobile-button {
  display: none;
}
@media screen and (max-width: 414px) {
  .template-order-detail
    .adjust-order
    .order-information
    .order-detail-information
    .listing-details
    .listing-info
    .qty
    .info
    .sm-mobile-button {
    display: initial;
    display: initial;
  }
}
@media screen and (max-width: 414px) {
  .template-order-detail
    .adjust-order
    .order-information
    .order-detail-information
    .listing-details
    .listing-info
    .qty
    .info
    .lg-desktop-button {
    display: none;
  }
}
.template-order-detail .adjust-order .order-information .special-info {
  padding-bottom: 10px;
}
.template-order-detail .adjust-order .order-information .special-info .info {
  padding-left: 15px;
}

.template-order-detail .adjust-order .order-information .reason .title {
  text-align: right;
}

.template-order-detail .adjust-order .order-information .reason .info {
  padding-right: 0;
}

.template-order-detail
  .adjust-order
  .order-information
  .reason.required
  .title {
  font-weight: bold;
  color: #f9423a;
}

.template-order-detail
  .adjust-order
  .order-information
  .reason.required
  .info
  input {
  border-color: #f9423a;
}
.template-order-detail
  .adjust-order
  .order-information
  .reason.required
  .info
  input::placeholder {
  color: #f9423a;
}

.template-company_profile_detail pre {
  white-space: normal;
  background: #ffffff;
  border: none;
  font-family: Helvetica Neue, Helvetica, Roboto, Arial, sans-serif;
}

.template-company_profile_detail div.row {
  font-size: 16px;
}
@media screen and (max-width: 320px) {
  .template-company_profile_detail div.row {
    font-size: 15px;
  }
}
.template-company_profile_detail div.row .row {
  margin-left: 0 !important;
  margin-right: 0 !important;
}

@media screen and (max-width: 768px) {
  .template-company_profile_detail div.col-l {
    width: 100%;
    margin-bottom: 20px;
  }
  .template-company_profile_detail div.col-r {
    width: 100%;
    padding-left: 0;
  }
}

.template-company_profile_detail .top-header {
  margin-top: 5px;
}
@media screen and (max-width: 568px) {
  .template-company_profile_detail .top-header h3 {
    font-size: 1.5rem;
  }
}
@media screen and (max-width: 320px) {
  .template-company_profile_detail .top-header h3 {
    font-size: 1.25rem;
  }
}
.template-company_profile_detail .top-header .edit-button a {
  border: 2px solid #03783d;
}
.template-company_profile_detail .top-header .edit-button a:hover,
.template-company_profile_detail .top-header .edit-button a:focus,
.template-company_profile_detail .top-header .edit-button a:active {
  background-color: #03783d;
  color: white;
}
@media screen and (max-width: 414px) {
  .template-company_profile_detail .top-header .edit-button a {
    padding: 0.65em 0.75em;
  }
}
.template-company_profile_detail .section-title {
  padding-bottom: 20px;
}
.template-company_profile_detail .section-title .col {
  border: 1px solid #a7a9ab;
  border-radius: 5px;
  padding-right: 0;
  padding-left: 0;
  max-width: 100%;
}
.template-company_profile_detail .section-title .col .title {
  padding: 10px 0;
  color: #a7a9ab;
  font-size: 14px;
}
@media screen and (max-width: 1024px) {
  .template-company_profile_detail .section-title .col .title {
    font-size: 13px;
    padding: 5px 0;
  }
}
.template-company_profile_detail .section-title .col a {
  color: #665787;
}
.template-company_profile_detail .section-title .col-l {
  padding-left: 0;
  padding-right: 0;
}
.template-company_profile_detail
  .section-title
  .col-l
  .col
  .profile-header
  .col-xs-12 {
  padding-left: 0;
  padding-right: 0;
}
.template-company_profile_detail
  .section-title
  .col-l
  .col
  .profile-header
  .col-xs-12
  .cover {
  height: 200px;
  width: 100%;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}
@media screen and (max-width: 1204px) {
  .template-company_profile_detail
    .section-title
    .col-l
    .col
    .profile-header
    .col-xs-12
    .cover {
    height: 170px;
  }
}
@media screen and (max-width: 1024px) {
  .template-company_profile_detail
    .section-title
    .col-l
    .col
    .profile-header
    .col-xs-12
    .cover {
    height: 140px;
  }
}
@media screen and (max-width: 768px) {
  .template-company_profile_detail
    .section-title
    .col-l
    .col
    .profile-header
    .col-xs-12
    .cover {
    height: 180px;
  }
}
@media screen and (max-width: 568px) {
  .template-company_profile_detail
    .section-title
    .col-l
    .col
    .profile-header
    .col-xs-12
    .cover {
    height: 160px;
  }
}
@media screen and (max-width: 414px) {
  .template-company_profile_detail
    .section-title
    .col-l
    .col
    .profile-header
    .col-xs-12
    .cover {
    height: 120px;
  }
}
@media screen and (max-width: 375px) {
  .template-company_profile_detail
    .section-title
    .col-l
    .col
    .profile-header
    .col-xs-12
    .cover {
    height: 110px;
  }
}
@media screen and (max-width: 320px) {
  .template-company_profile_detail
    .section-title
    .col-l
    .col
    .profile-header
    .col-xs-12
    .cover {
    height: 90px;
  }
}
.template-company_profile_detail
  .section-title
  .col-l
  .col
  .profile-header
  .col-xs-12
  img.img-responsive {
  width: 100%;
}
.template-company_profile_detail .section-title .col-l .col .logo-section {
  border-bottom: 1px solid #a7a9ab;
  padding: 15px 1%;
}
@media screen and (max-width: 414px) {
  .template-company_profile_detail .section-title .col-l .col .logo-section {
    padding: 10px 0.5%;
  }
}
@media screen and (max-width: 320px) {
  .template-company_profile_detail .section-title .col-l .col .logo-section {
    padding: 5px 0px 5px 0.5%;
  }
}
.template-company_profile_detail
  .section-title
  .col-l
  .col
  .logo-section
  .profile-thumb {
  width: 100px;
  height: 100px;
  position: absolute;
  top: -78px;
  left: 25%;
  background-size: contain;
  border-radius: 16px;
  box-shadow: 1px 1px 5px black;
  background-color: white;
}
@media screen and (max-width: 1204px) {
  .template-company_profile_detail
    .section-title
    .col-l
    .col
    .logo-section
    .profile-thumb {
    width: 90px;
    height: 90px;
    top: -65px;
  }
}
@media screen and (max-width: 1024px) {
  .template-company_profile_detail
    .section-title
    .col-l
    .col
    .logo-section
    .profile-thumb {
    width: 80px;
    height: 80px;
  }
}
@media screen and (max-width: 768px) {
  .template-company_profile_detail
    .section-title
    .col-l
    .col
    .logo-section
    .profile-thumb {
    width: 100px;
    height: 100px;
  }
}
@media screen and (max-width: 568px) {
  .template-company_profile_detail
    .section-title
    .col-l
    .col
    .logo-section
    .profile-thumb {
    width: 90px;
    height: 90px;
  }
}
@media screen and (max-width: 414px) {
  .template-company_profile_detail
    .section-title
    .col-l
    .col
    .logo-section
    .profile-thumb {
    width: 80px;
    height: 80px;
  }
}
@media screen and (max-width: 375px) {
  .template-company_profile_detail
    .section-title
    .col-l
    .col
    .logo-section
    .profile-thumb {
    width: 75px;
    height: 75px;
  }
}
@media screen and (max-width: 320px) {
  .template-company_profile_detail
    .section-title
    .col-l
    .col
    .logo-section
    .profile-thumb {
    width: 65px;
    height: 65px;
    top: -50px;
  }
}
.template-company_profile_detail
  .section-title
  .col-l
  .col
  .logo-section
  .company_title {
  line-height: 30px;
  font-size: 20px;
  padding: 7px 0 5px 7%;
}
@media screen and (max-width: 1119px) {
  .template-company_profile_detail
    .section-title
    .col-l
    .col
    .logo-section
    .company_title {
    font-size: 18px;
  }
}
@media screen and (max-width: 500px) {
  .template-company_profile_detail
    .section-title
    .col-l
    .col
    .logo-section
    .company_title {
    padding-left: 10%;
  }
}
@media screen and (max-width: 445px) {
  .template-company_profile_detail
    .section-title
    .col-l
    .col
    .logo-section
    .company_title {
    width: 40%;
    text-align: center;
  }
}
@media screen and (max-width: 375px) {
  .template-company_profile_detail
    .section-title
    .col-l
    .col
    .logo-section
    .company_title {
    font-size: 18px;
    text-align: left;
  }
}
@media screen and (max-width: 320px) {
  .template-company_profile_detail
    .section-title
    .col-l
    .col
    .logo-section
    .company_title {
    font-size: 16px;
  }
}
@media screen and (max-width: 1274px) {
  .template-company_profile_detail
    .section-title
    .col-l
    .col
    .logo-section
    .buttons-wrap {
    padding-left: 0;
  }
}
@media screen and (max-width: 1204px) {
  .template-company_profile_detail
    .section-title
    .col-l
    .col
    .logo-section
    .buttons-wrap {
    padding-right: 1px;
  }
}
@media screen and (max-width: 445px) {
  .template-company_profile_detail
    .section-title
    .col-l
    .col
    .logo-section
    .buttons-wrap {
    width: 40%;
  }
}
@media screen and (max-width: 414px) {
  .template-company_profile_detail
    .section-title
    .col-l
    .col
    .logo-section
    .buttons-wrap {
    padding-top: 4px;
  }
}
.template-company_profile_detail
  .section-title
  .col-l
  .col
  .logo-section
  .buttons-wrap
  .button {
  margin-bottom: 0px;
  padding: 0.75em 1em;
  width: 48px;
}
@media screen and (max-width: 1141px) {
  .template-company_profile_detail
    .section-title
    .col-l
    .col
    .logo-section
    .buttons-wrap
    .button {
    font-size: 14px;
  }
}
@media screen and (max-width: 1119px) {
  .template-company_profile_detail
    .section-title
    .col-l
    .col
    .logo-section
    .buttons-wrap
    .button {
    font-size: 13px;
  }
}
@media screen and (max-width: 1100px) {
  .template-company_profile_detail
    .section-title
    .col-l
    .col
    .logo-section
    .buttons-wrap
    .button {
    width: 45px;
  }
}
@media screen and (max-width: 768px) {
  .template-company_profile_detail
    .section-title
    .col-l
    .col
    .logo-section
    .buttons-wrap
    .button {
    font-size: 14px;
  }
}
@media screen and (max-width: 767px) {
  .template-company_profile_detail
    .section-title
    .col-l
    .col
    .logo-section
    .buttons-wrap
    .button {
    width: 48px;
  }
}
@media screen and (max-width: 473px) {
  .template-company_profile_detail
    .section-title
    .col-l
    .col
    .logo-section
    .buttons-wrap
    .button {
    width: 45px;
  }
}
@media screen and (max-width: 414px) {
  .template-company_profile_detail
    .section-title
    .col-l
    .col
    .logo-section
    .buttons-wrap
    .button {
    font-size: 13px;
    padding: 0.75em 0.5em;
    width: 38px;
  }
}
.template-company_profile_detail
  .section-title
  .col-l
  .col
  .logo-section
  .buttons-wrap
  a:hover,
.template-company_profile_detail
  .section-title
  .col-l
  .col
  .logo-section
  .buttons-wrap
  a:focus,
.template-company_profile_detail
  .section-title
  .col-l
  .col
  .logo-section
  .buttons-wrap
  a:active {
  background-color: #a7a9ab;
  color: #ffffff;
}
.template-company_profile_detail
  .section-title
  .col-l
  .col
  .logo-section
  .buttons-wrap
  a.message {
  border: 2px solid #03783d;
  color: #03783d;
}
.template-company_profile_detail
  .section-title
  .col-l
  .col
  .logo-section
  .buttons-wrap
  a.message:hover,
.template-company_profile_detail
  .section-title
  .col-l
  .col
  .logo-section
  .buttons-wrap
  a.message:focus,
.template-company_profile_detail
  .section-title
  .col-l
  .col
  .logo-section
  .buttons-wrap
  a.message:active {
  background-color: #03783d;
  color: #ffffff;
}
.template-company_profile_detail
  .section-title
  .col-l
  .col
  .description-section {
  padding-bottom: 20px;
  padding-top: 40px;
}
@media screen and (max-width: 414px) {
  .template-company_profile_detail
    .section-title
    .col-l
    .col
    .description-section {
    padding-top: 20px;
  }
}
.template-company_profile_detail
  .section-title
  .col-l
  .col
  .description-section
  .description {
  padding-left: 5%;
  padding-right: 6%;
}
@media screen and (max-width: 1024px) {
  .template-company_profile_detail
    .section-title
    .col-l
    .col
    .description-section
    .description {
    padding-left: 3%;
    padding-right: 2%;
    width: 100%;
  }
}
@media screen and (max-width: 768px) {
  .template-company_profile_detail
    .section-title
    .col-l
    .col
    .description-section
    .description {
    padding-left: 10px;
    padding-right: 10px;
  }
}
.template-company_profile_detail
  .section-title
  .col-l
  .col
  .description-section
  .description
  h5 {
  font-weight: bold;
}
@media screen and (max-width: 1024px) {
  .template-company_profile_detail
    .section-title
    .col-l
    .col
    .description-section
    .awards {
    width: 100%;
  }
}
.template-company_profile_detail
  .section-title
  .col-l
  .col
  .description-section
  .awards
  ul {
  list-style-type: none;
  padding-top: 10px;
}
.template-company_profile_detail
  .section-title
  .col-l
  .col
  .description-section
  .awards
  ul
  li {
  margin-left: -18px;
  padding-bottom: 5px;
}
.template-company_profile_detail
  .section-title
  .col-l
  .col
  .description-section
  .awards
  ul
  li::after {
  content: "";
  display: block;
  border-bottom: 1px solid #a7a9ab;
  max-width: 85%;
  padding-bottom: 5px;
}
.template-company_profile_detail
  .section-title
  .col-l
  .col
  .description-section
  .awards
  ul
  li:last-of-type::after {
  border-bottom: none;
}
.template-company_profile_detail
  .section-title
  .col-l
  .col
  .description-section
  .awards
  ul
  li
  i {
  margin-right: 5px;
}
.template-company_profile_detail .section-title .col-r {
  padding-right: 0;
}
.template-company_profile_detail .section-title .col-r .col div.row + div.row {
  padding: 5px 10px;
}
.template-company_profile_detail .section-title .col-r .col a span {
  margin-left: 10px;
}
.template-company_profile_detail .section-title .col-r .col .pad-top {
  padding-top: 15px !important;
}
.template-company_profile_detail .section-title .col-r .col .title .col-xs-12 {
  margin-left: 0;
}
.template-company_profile_detail .section-title .col-r .col .title .pull-right {
  text-align: right;
}
.template-company_profile_detail
  .section-title
  .col-r
  .col
  .title
  .pull-right
  a {
  color: #a7a9ab;
}
.template-company_profile_detail
  .section-title
  .col-r
  .col
  .title
  .pull-right
  a
  i.fa-circle {
  font-size: 9px;
}
.template-company_profile_detail .section-title .col-r .col .contact-info {
  padding: 5px 15px;
}
.template-company_profile_detail
  .section-title
  .col-r
  .col
  .contact-info
  .row
  + .row {
  padding-left: 0;
}
.template-company_profile_detail
  .section-title
  .col-r
  .col
  .contact-info
  .row
  .col-xs-12 {
  padding-left: 0;
}
.template-company_profile_detail .section-title .col-r .col .hours {
  padding: 5px 15px;
}
.template-company_profile_detail .section-title .col-r .col .hours .row {
  padding-bottom: 0px !important;
}
.template-company_profile_detail .section-title .col-r .col .hours .row.bold {
  padding-bottom: 5px;
}
.template-company_profile_detail .section-title .col-r .col .hours .row + .row {
  padding-left: 0;
}
.template-company_profile_detail
  .section-title
  .col-r
  .col
  .hours
  .row
  .col-xs-5 {
  padding-left: 0;
}
@media screen and (max-width: 1057px) {
  .template-company_profile_detail
    .section-title
    .col-r
    .col
    .hours
    .row
    .col-xs-7 {
    padding-left: 0;
  }
}
.template-company_profile_detail .section-title .col-r .col .charity {
  padding: 5px 15px;
}
.template-company_profile_detail
  .section-title
  .col-r
  .col
  .charity
  .row
  .col-xs-5,
.template-company_profile_detail
  .section-title
  .col-r
  .col
  .charity
  .row
  .col-xs-7 {
  padding-left: 0;
}
.template-company_profile_detail .section-title .col-r .col .company-types {
  padding: 5px 15px;
}
.template-company_profile_detail
  .section-title
  .col-r
  .col
  .company-types
  .row
  + .row {
  padding-left: 0;
}
.template-company_profile_detail .section-title .col-r .col .company-types ul {
  list-style-type: none;
  margin-left: 0;
  margin-bottom: 0.5em;
  padding-top: 10px;
}
.template-company_profile_detail
  .section-title
  .col-r
  .col
  .company-types
  ul
  li {
  margin-right: 1%;
  margin-bottom: 5px;
  border: 1px solid #e6e6e6;
  border-radius: 5px;
  padding: 5px;
  display: inline-flex;
  background-color: #e6e6e6;
}
.template-company_profile_detail .section-title .col-r .col .capabilities {
  padding: 5px 15px;
}
.template-company_profile_detail
  .section-title
  .col-r
  .col
  .capabilities
  .row
  + .row {
  padding-left: 0;
}
.template-company_profile_detail .section-title .col-r .col .capabilities ul {
  list-style-type: none;
  padding-top: 10px;
  margin-left: 0;
}
.template-company_profile_detail
  .section-title
  .col-r
  .col
  .capabilities
  ul
  li {
  border-top: 1px solid #a7a9ab;
  padding-bottom: 5px;
  padding-top: 5px;
  margin-left: -1%;
}
.template-company_profile_detail
  .section-title
  .col-r
  .col
  .capabilities
  ul
  li:last-of-type {
  border-bottom: 1px solid #a7a9ab;
}
.template-company_profile_detail .section-title .col-r .col .tags {
  padding: 5px 15px;
  padding-bottom: 0 !important;
}
.template-company_profile_detail .section-title .col-r .col .tags .row + .row {
  padding-left: 0;
}
.template-company_profile_detail .section-title .col-r .col .tags ul {
  list-style-type: none;
  margin-left: 0;
  margin-bottom: 1em;
  padding-top: 10px;
}
.template-company_profile_detail .section-title .col-r .col .tags ul li {
  margin-right: 1%;
  margin-bottom: 5px;
  border: 1px solid #e6e6e6;
  border-radius: 5px;
  padding: 5px;
  display: inline-flex;
  background-color: #e6e6e6;
}
.template-company_profile_detail .section-title .col-f {
  padding-left: 0;
  padding-right: 0;
}
@media screen and (max-width: 1199px) {
  .template-company_profile_detail
    .section-title
    .col-f
    .col
    #listings.GRID
    .more-button {
    width: 100%;
  }
}
.template-company_profile_detail
  .section-title
  .col-f
  .col
  #listings
  .no-listings {
  margin-bottom: 35px;
}
.template-company_profile_detail .section-title .col-f .col a.button {
  color: #ffffff;
  margin-bottom: 10px;
  font-size: 0.65rem;
  line-height: 0.5rem;
  padding: 0.5rem;
}
@media (max-width: 767px) {
  .template-company_profile_detail .section-title .col-f .col a.button {
    font-size: 12px;
  }
}
#companyProfileForm h6 {
  margin-bottom: 0.25rem;
}

#companyProfileForm p {
  font-size: 16px;
  margin-bottom: 0.75rem;
}
@media (max-width: 767px) {
  #companyProfileForm p {
    font-size: 15px;
    margin-bottom: 0.5rem;
  }
}
@media (max-width: 696px) {
  #companyProfileForm p {
    font-size: 14px;
  }
}
@media (max-width: 561px) {
  #companyProfileForm p {
    font-size: 13px;
  }
}
#companyProfileForm label {
  font-weight: bold;
  font-size: 16px;
}
@media (max-width: 767px) {
  #companyProfileForm label {
    font-size: 15px;
  }
}
@media (max-width: 696px) {
  #companyProfileForm label {
    font-size: 14px;
  }
}
@media (max-width: 561px) {
  #companyProfileForm label {
    font-size: 13px;
  }
}
#companyProfileForm label.error {
  color: #f9423a !important;
  font-weight: normal;
}

@media (max-width: 767px) {
  #companyProfileForm h5 {
    font-size: 1.2rem;
    margin-bottom: 0;
  }
}

@media (max-width: 696px) {
  #companyProfileForm h5 {
    font-size: 1.1rem;
  }
}

@media (max-width: 651px) {
  #companyProfileForm h5 {
    font-size: 1rem;
  }
}

@media (max-width: 605px) {
  #companyProfileForm h5 {
    font-size: 0.95rem;
  }
}

@media (max-width: 561px) {
  #companyProfileForm h5 {
    font-size: 0.9rem;
  }
}

@media (max-width: 767px) {
  #companyProfileForm .company-images {
    margin-top: 10px;
  }
}

#companyProfileForm .company-images .company-image-fields {
  min-height: 150px;
  overflow: auto;
}
#companyProfileForm .company-images .company-image-fields a {
  word-break: break-all;
  -ms-word-break: break-all;
}
#companyProfileForm .company-images .company-image-fields label {
  font-size: 14px;
}
#companyProfileForm .company-images .company-image-fields .thumb {
  border-radius: 16px;
  margin: 0;
  background-size: cover;
}
#companyProfileForm .company-images .company-image-fields .border,
#companyProfileForm
  .company-images
  .company-image-fields
  .message-thread
  .message-area
  .reply-form
  textarea,
.message-thread
  .message-area
  .reply-form
  #companyProfileForm
  .company-images
  .company-image-fields
  textarea {
  border: 1px solid #a7a9ab;
}
#companyProfileForm .company-images .company-image-fields .logo {
  height: 100px;
  padding-left: 0;
}
@media (max-width: 595px) {
  #companyProfileForm .company-images .company-image-fields .logo {
    height: auto;
  }
}
@media (max-width: 595px) {
  #companyProfileForm .company-images .company-image-fields .logo > div {
    width: 100%;
  }
}
#companyProfileForm .company-images .company-image-fields .logo .thumb {
  width: 100px;
  height: 100px;
}
#companyProfileForm .company-images .company-image-fields .cover-img {
  height: 125px;
}
@media (max-width: 767px) {
  #companyProfileForm .company-images .company-image-fields .cover-img {
    margin-top: 5px;
    padding-left: 0;
  }
}
@media (max-width: 595px) {
  #companyProfileForm .company-images .company-image-fields .cover-img {
    height: auto;
  }
}
@media (max-width: 595px) {
  #companyProfileForm .company-images .company-image-fields .cover-img > div {
    width: 100%;
  }
}
#companyProfileForm .company-images .company-image-fields .cover-img .thumb {
  width: 100%;
  height: 125px;
}

#companyProfileForm .company-images .public-listings-check {
  margin-bottom: 10px;
}

#companyProfileForm .buttons {
  text-align: right;
}
@media (max-width: 767px) {
  #companyProfileForm .buttons {
    text-align: left;
  }
}
@media (max-width: 767px) {
  #companyProfileForm .buttons .button {
    width: 49.5%;
    display: inline-block;
    margin-bottom: 0;
  }
}
@media (max-width: 465px) {
  #companyProfileForm .buttons .button {
    width: 100%;
    margin-bottom: 10px;
  }
}
@media (max-width: 465px) {
  #companyProfileForm .buttons .button:last-child {
    margin-bottom: 5px;
  }
}
.template-community_list {
  font-size: 16px;
}
@media screen and (max-width: 530px) {
  .template-community_list {
    font-size: 14px;
  }
}
.template-community_list .title-bar {
  border-top-left-radius: 16px;
  border-top-right-radius: 16px;
}
.template-community_list .title-bar-verified-network {
  background-color: #03783d;
  padding: 5px 10px 0px 10px;
}
.template-community_list .title-bar-users {
  background-color: #a7a9ab;
  padding: 5px 10px 0px 10px;
  margin-top: 25px;
}
.template-community_list .title-bar-search {
  background-color: #03783d;
}
.template-community_list .title-bar-search h5 {
  margin-bottom: 0;
}
.template-community_list .titles {
  background: #f8f8f8;
  color: #0a0a0a;
  border: 1px solid #f1f1f1;
  border-bottom: 2px solid #ddd;
}
.template-community_list .titles div {
  padding: 8px;
  font-weight: 700;
  line-height: 1.42857143;
  vertical-align: bottom;
}
.template-community_list .titles div.col-xs-8 {
  padding: 0;
}
.template-community_list .titles div.col-xs-8 .col-xs-3 {
  padding-right: 0;
}
.template-community_list .titles div + div {
  padding-left: 0;
}
@media screen and (max-width: 768px) {
  .template-community_list .titles {
    display: none;
  }
}
.template-community_list #companies .row,
.template-community_list #faves .row,
.template-community_list #search-results .row {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
}
.template-community_list #companies .row:nth-child(even),
.template-community_list #faves .row:nth-child(even),
.template-community_list #search-results .row:nth-child(even) {
  background-color: #f1f1f1;
}
@media screen and (max-width: 768px) {
  .template-community_list #companies .row .col-xs-2,
  .template-community_list #faves .row .col-xs-2,
  .template-community_list #search-results .row .col-xs-2 {
    width: 20%;
  }
}
@media screen and (max-width: 640px) {
  .template-community_list #companies .row .col-xs-2,
  .template-community_list #faves .row .col-xs-2,
  .template-community_list #search-results .row .col-xs-2 {
    width: 25%;
  }
}
@media screen and (max-width: 410px) {
  .template-community_list #companies .row .col-xs-2,
  .template-community_list #faves .row .col-xs-2,
  .template-community_list #search-results .row .col-xs-2 {
    width: 28%;
  }
}
@media screen and (max-width: 320px) {
  .template-community_list #companies .row .col-xs-2,
  .template-community_list #faves .row .col-xs-2,
  .template-community_list #search-results .row .col-xs-2 {
    width: 33%;
  }
}
@media screen and (max-width: 640px) {
  .template-community_list #companies .row .col-xs-2.logo,
  .template-community_list #faves .row .col-xs-2.logo,
  .template-community_list #search-results .row .col-xs-2.logo {
    width: 15%;
    text-align: left;
  }
}
@media screen and (max-width: 530px) {
  .template-community_list #companies .row .col-xs-2.logo,
  .template-community_list #faves .row .col-xs-2.logo,
  .template-community_list #search-results .row .col-xs-2.logo {
    padding-left: 5px;
  }
}
@media screen and (max-width: 450px) {
  .template-community_list #companies .row .col-xs-2.logo,
  .template-community_list #faves .row .col-xs-2.logo,
  .template-community_list #search-results .row .col-xs-2.logo {
    padding-left: 0px;
    width: 12%;
  }
}
@media screen and (max-width: 340px) {
  .template-community_list #companies .row .col-xs-2.logo,
  .template-community_list #faves .row .col-xs-2.logo,
  .template-community_list #search-results .row .col-xs-2.logo {
    width: 15%;
    padding-left: 5px;
  }
}
.template-community_list #companies .row .companydetails,
.template-community_list #faves .row .companydetails,
.template-community_list #search-results .row .companydetails {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
}
@media screen and (max-width: 768px) {
  .template-community_list #companies .row .companydetails,
  .template-community_list #faves .row .companydetails,
  .template-community_list #search-results .row .companydetails {
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    width: 60%;
  }
}
@media screen and (max-width: 640px) {
  .template-community_list #companies .row .companydetails,
  .template-community_list #faves .row .companydetails,
  .template-community_list #search-results .row .companydetails {
    width: 65%;
  }
}
@media screen and (max-width: 540px) {
  .template-community_list #companies .row .companydetails,
  .template-community_list #faves .row .companydetails,
  .template-community_list #search-results .row .companydetails {
    padding-right: 0;
    width: 60%;
  }
}
@media screen and (max-width: 520px) {
  .template-community_list #companies .row .companydetails,
  .template-community_list #faves .row .companydetails,
  .template-community_list #search-results .row .companydetails {
    padding-left: 0;
    padding-right: 10px;
  }
}
@media screen and (max-width: 430px) {
  .template-community_list #companies .row .companydetails,
  .template-community_list #faves .row .companydetails,
  .template-community_list #search-results .row .companydetails {
    padding-left: 10px;
  }
}
@media screen and (max-width: 410px) {
  .template-community_list #companies .row .companydetails,
  .template-community_list #faves .row .companydetails,
  .template-community_list #search-results .row .companydetails {
    padding-bottom: 8px;
    padding-top: 8px;
  }
}
@media screen and (max-width: 768px) {
  .template-community_list #companies .row .companydetails div,
  .template-community_list #faves .row .companydetails div,
  .template-community_list #search-results .row .companydetails div {
    width: 100%;
  }
}
.template-community_list #companies .row .companydetails .companyname,
.template-community_list #faves .row .companydetails .companyname,
.template-community_list #search-results .row .companydetails .companyname {
  padding-left: 0;
}
@media screen and (max-width: 768px) {
  .template-community_list #companies .row .companydetails .companyname,
  .template-community_list #faves .row .companydetails .companyname,
  .template-community_list #search-results .row .companydetails .companyname {
    padding-left: 10px;
  }
}
@media screen and (max-width: 540px) {
  .template-community_list #companies .row .companydetails .companyname,
  .template-community_list #faves .row .companydetails .companyname,
  .template-community_list #search-results .row .companydetails .companyname {
    padding-right: 0;
  }
}
@media screen and (max-width: 540px) {
  .template-community_list #companies .row .companydetails .contactname,
  .template-community_list #faves .row .companydetails .contactname,
  .template-community_list #search-results .row .companydetails .contactname {
    padding-right: 0;
  }
}
.template-community_list #companies .row .companydetails .contactname span,
.template-community_list #faves .row .companydetails .contactname span,
.template-community_list
  #search-results
  .row
  .companydetails
  .contactname
  span {
  display: none;
}
@media screen and (max-width: 768px) {
  .template-community_list #companies .row .companydetails .contactname span,
  .template-community_list #faves .row .companydetails .contactname span,
  .template-community_list
    #search-results
    .row
    .companydetails
    .contactname
    span {
    display: inline-block;
    margin-right: 3%;
  }
}
@media screen and (max-width: 360px) {
  .template-community_list #companies .row .companydetails .contactname span,
  .template-community_list #faves .row .companydetails .contactname span,
  .template-community_list
    #search-results
    .row
    .companydetails
    .contactname
    span {
    width: 25%;
  }
}
@media screen and (max-width: 320px) {
  .template-community_list #companies .row .companydetails .contactname span,
  .template-community_list #faves .row .companydetails .contactname span,
  .template-community_list
    #search-results
    .row
    .companydetails
    .contactname
    span {
    margin-right: 8%;
  }
}
@media screen and (max-width: 540px) {
  .template-community_list #companies .row .companydetails .description,
  .template-community_list #faves .row .companydetails .description,
  .template-community_list #search-results .row .companydetails .description {
    padding-right: 0;
  }
}
.template-community_list #companies .row .table-btn,
.template-community_list #faves .row .table-btn,
.template-community_list #search-results .row .table-btn {
  padding-top: 20px;
}
@media screen and (max-width: 340px) {
  .template-community_list #companies .row .table-btn,
  .template-community_list #faves .row .table-btn,
  .template-community_list #search-results .row .table-btn {
    padding-top: 10px;
  }
}
@media screen and (max-width: 1219px) {
  .template-community_list #companies .row .table-btn.table-btns,
  .template-community_list #faves .row .table-btn.table-btns,
  .template-community_list #search-results .row .table-btn.table-btns {
    padding-left: 0;
    padding-right: 0;
  }
}
@media screen and (max-width: 510px) {
  .template-community_list #companies .row .table-btn.table-btns,
  .template-community_list #faves .row .table-btn.table-btns,
  .template-community_list #search-results .row .table-btn.table-btns {
    width: 30%;
  }
}
@media screen and (max-width: 430px) {
  .template-community_list #companies .row .table-btn.table-btns,
  .template-community_list #faves .row .table-btn.table-btns,
  .template-community_list #search-results .row .table-btn.table-btns {
    width: 35%;
  }
}
@media screen and (max-width: 340px) {
  .template-community_list #companies .row .table-btn.table-btns,
  .template-community_list #faves .row .table-btn.table-btns,
  .template-community_list #search-results .row .table-btn.table-btns {
    padding-left: 10px;
  }
}
.template-community_list #companies .row .table-btn .button,
.template-community_list #faves .row .table-btn .button,
.template-community_list #search-results .row .table-btn .button {
  display: inline-block;
  width: 45px;
  border-width: 2px;
}
@media screen and (max-width: 1224px) {
  .template-community_list #companies .row .table-btn .button,
  .template-community_list #faves .row .table-btn .button,
  .template-community_list #search-results .row .table-btn .button {
    width: 40px;
    padding: 0.75em;
  }
}
@media screen and (max-width: 1141px) {
  .template-community_list #companies .row .table-btn .button,
  .template-community_list #faves .row .table-btn .button,
  .template-community_list #search-results .row .table-btn .button {
    font-size: 14px;
  }
}
@media screen and (max-width: 1014px) {
  .template-community_list #companies .row .table-btn .button,
  .template-community_list #faves .row .table-btn .button,
  .template-community_list #search-results .row .table-btn .button {
    font-size: 13px;
    width: 38px;
  }
}
@media screen and (max-width: 392px) {
  .template-community_list #companies .row .table-btn .button,
  .template-community_list #faves .row .table-btn .button,
  .template-community_list #search-results .row .table-btn .button {
    font-size: 12px;
    width: 35px;
  }
}
@media screen and (max-width: 340px) {
  .template-community_list #companies .row .table-btn .button,
  .template-community_list #faves .row .table-btn .button,
  .template-community_list #search-results .row .table-btn .button {
    margin-bottom: 5px;
  }
}
.template-community_list .verified-network {
  margin-bottom: 30px;
}
.template-community_list #community {
  margin-right: 5px;
}
@media screen and (max-width: 1400px) {
  .template-community_list #community {
    margin-right: 0;
  }
}
.template-community_list #community .title-bar {
  padding: 0.25rem 0.5rem;
}
.template-community_list #community .title-bar h5 {
  margin-bottom: 0;
}
.template-community_list .col-xs-12 {
  padding-left: 0px;
  padding-right: 0px;
}
.template-community_list .manage-group {
  padding-right: 10px;
}
@media screen and (max-width: 1400px) {
  .template-community_list .manage-group {
    padding-right: 0;
  }
}
@media screen and (max-width: 991px) {
  .template-community_list .manage-group {
    padding-left: 0;
    padding-right: 10px;
  }
}
@media screen and (max-width: 491px) {
  .template-community_list .manage-group {
    padding-right: 6px;
  }
}
@media screen and (max-width: 400px) {
  .template-community_list .manage-group {
    padding-left: 6px;
  }
}
@media screen and (max-width: 400px) {
  .template-community_list .manage-group a {
    width: 100%;
  }
}
.template-community_list #searchform .col-xs-10 {
  padding-left: 0;
}
@media screen and (max-width: 991px) {
  .template-community_list #searchform .col-xs-10 {
    padding-left: 10px;
  }
}
@media screen and (max-width: 640px) {
  .template-community_list #searchform .col-xs-10 {
    width: 75%;
  }
}
@media screen and (max-width: 639px) {
  .template-community_list #searchform .col-xs-10 {
    padding-left: 15px;
  }
}
@media screen and (max-width: 440px) {
  .template-community_list #searchform .col-xs-10 {
    width: 65%;
  }
}
.template-community_list #searchform .col-xs-2 {
  padding-left: 0;
}
@media screen and (max-width: 1400px) {
  .template-community_list #searchform .col-xs-2 {
    padding-right: 0;
  }
}
@media screen and (max-width: 991px) {
  .template-community_list #searchform .col-xs-2 {
    padding-right: 10px;
  }
}
@media screen and (max-width: 640px) {
  .template-community_list #searchform .col-xs-2 {
    width: 24%;
    padding-right: 5px;
  }
}
@media screen and (max-width: 639px) {
  .template-community_list #searchform .col-xs-2 {
    padding-right: 15px;
  }
}
@media screen and (max-width: 491px) {
  .template-community_list #searchform .col-xs-2 {
    padding-right: 11px;
  }
}
@media screen and (max-width: 440px) {
  .template-community_list #searchform .col-xs-2 {
    width: 34%;
  }
}
.template-community_list #searchform .button {
  width: 100%;
}
@media screen and (max-width: 639px) {
  .template-community_list .filters {
    padding-left: 5px;
    padding-right: 5px;
  }
}
.template-community_list .filters .main-filters .col-xs-8 {
  padding-left: 0;
}
@media screen and (max-width: 491px) {
  .template-community_list .filters .main-filters .col-xs-8 {
    padding-left: 6px;
    padding-right: 6px;
  }
}
@media screen and (max-width: 991px) {
  .template-community_list .filters .main-filters .col-xs-12 {
    padding-left: 10px;
    padding-right: 10px;
  }
}
@media screen and (max-width: 639px) {
  .template-community_list .filters .sub-filter .col-xs-12 {
    padding-left: 10px;
  }
}
@media screen and (max-width: 991px) {
  .template-community_list
    .filters
    .sub-filter#geofilterPlugin
    .geofilter_type {
    padding-left: 0;
  }
}
@media screen and (max-width: 491px) {
  .template-community_list
    .filters
    .sub-filter#geofilterPlugin
    .geofilter_type {
    padding-left: 6px;
    padding-right: 6px;
  }
}
@media screen and (max-width: 491px) {
  .template-community_list .filters .sub-filter#geofilterPlugin .geo_origin {
    padding-left: 6px;
    padding-right: 6px;
  }
}
@media screen and (max-width: 767px) {
  .template-community_list .filters .sub-filter#geofilterPlugin .geo_distance {
    padding-left: 0;
  }
}
@media screen and (max-width: 491px) {
  .template-community_list .filters .sub-filter#geofilterPlugin .geo_distance {
    padding-left: 6px;
    padding-right: 6px;
  }
}
@media screen and (max-width: 767px) {
  .template-community_list
    .filters
    .sub-filter#geofilterPlugin
    .geofilter-button {
    width: 25%;
  }
}
@media screen and (max-width: 640px) {
  .template-community_list
    .filters
    .sub-filter#geofilterPlugin
    .geofilter-button {
    width: 23%;
  }
}
@media screen and (max-width: 491px) {
  .template-community_list
    .filters
    .sub-filter#geofilterPlugin
    .geofilter-button {
    padding-left: 6px;
    padding-right: 6px;
    width: 100%;
  }
}
.template-community_list
  .filters
  .sub-filter#geofilterPlugin
  .geofilter-button
  button {
  width: 100%;
}
.template-community_list .display-view {
  padding-right: 10px;
}
@media screen and (max-width: 1400px) {
  .template-community_list .display-view {
    padding-right: 5px;
  }
}
@media screen and (max-width: 991px) {
  .template-community_list .display-view {
    padding-right: 15px;
  }
}
@media screen and (max-width: 491px) {
  .template-community_list .display-view {
    padding-right: 10px;
  }
}
.template-community_list .icon {
  font-size: 20px;
}
.template-community_list .message {
  border-color: #665787;
}
.template-community_list .message:hover,
.template-community_list .message:active,
.template-community_list .message:focus {
  background-color: #665787;
  color: #ffffff;
}
.template-community_list .profile-thumb {
  width: 90px;
  height: 90px;
  border-radius: 16px;
  border: 1px solid #e6e6e6;
  background-size: contain;
  background-color: white;
}
@media screen and (max-width: 1100px) {
  .template-community_list .profile-thumb {
    width: 80px;
    height: 80px;
  }
}
@media screen and (max-width: 640px) {
  .template-community_list .profile-thumb {
    width: 70px;
    height: 70px;
  }
}
@media screen and (max-width: 530px) {
  .template-community_list .profile-thumb {
    width: 60px;
    height: 60px;
  }
}
@media screen and (max-width: 450px) {
  .template-community_list .profile-thumb {
    width: 50px;
    height: 50px;
  }
}
.template-community_list .no-search-results .text-center h5 {
  padding: 10px;
}

.template-password-reset {
  text-align: center;
  position: relative;
  top: 100px;
  font-size: 20px;
}
.template-password-reset .button {
  width: 15%;
  font-size: 16px;
}

hr {
  border: 1px solid #e6e6e6;
}

input,
textarea {
  border-radius: 5px !important;
}

@media screen and (max-width: 991px) {
  .inbox h1 {
    margin-left: 10px;
  }
}

@media screen and (max-width: 639px) {
  .inbox h1 {
    font-size: 2.5rem;
    margin-left: 15px;
  }
}

@media screen and (max-width: 450px) {
  .inbox h1 {
    font-size: 2rem;
  }
}

@media screen and (max-width: 400px) {
  .inbox h1 {
    font-size: 1.75rem;
  }
}

@media screen and (max-width: 350px) {
  .inbox h1 {
    font-size: 1.5rem;
  }
}

.inbox .button-new-message {
  margin-top: 15px;
  background-color: #03783d;
  border-width: 2px;
}
.inbox .button-new-message:hover {
  color: #ffffff !important;
  background-color: #a7a9ab;
}
@media screen and (max-width: 991px) {
  .inbox .button-new-message {
    margin-right: 10px;
  }
}
@media screen and (max-width: 639px) {
  .inbox .button-new-message {
    margin-right: 15px;
  }
}
@media screen and (max-width: 450px) {
  .inbox .button-new-message {
    padding: 0.75em 0.8em;
    margin-top: 5px;
    font-size: 12px;
  }
}
@media screen and (max-width: 400px) {
  .inbox .button-new-message {
    margin-top: 0;
    margin-bottom: 10px;
  }
}
@media screen and (max-width: 350px) {
  .inbox .button-new-message {
    font-size: 11px;
    padding: 0.8em 0.8em 0.75em;
  }
}
.inbox #pm_messages {
  font-size: 16px;
}
@media screen and (max-width: 767px) {
  .inbox #pm_messages {
    font-size: 14px;
  }
}
@media screen and (max-width: 650px) {
  .inbox #pm_messages {
    font-size: 16px;
    border-top: 25px solid black;
    background: transparent;
    padding-bottom: 0px;
  }
}
@media screen and (max-width: 450px) {
  .inbox #pm_messages {
    font-size: 15px;
  }
}
.inbox #pm_messages .row + .row {
  border-bottom: 1px ridge #a7a9ab;
}
@media screen and (max-width: 650px) {
  .inbox #pm_messages .row.title-bar {
    display: none;
  }
}
.inbox #pm_messages .row.clickable-row {
  min-height: 100px;
  max-height: 100px;
}
@media screen and (max-width: 1020px) {
  .inbox #pm_messages .row.clickable-row {
    min-height: 80px;
    max-height: 80px;
  }
}
@media screen and (max-width: 700px) {
  .inbox #pm_messages .row.clickable-row {
    min-height: 70px;
    max-height: 70px;
  }
}
@media screen and (max-width: 650px) {
  .inbox #pm_messages .row.clickable-row {
    min-height: 120px;
    max-height: inherit;
  }
}
@media screen and (max-width: 560px) {
  .inbox #pm_messages .row.clickable-row {
    min-height: 135px;
  }
}
@media screen and (max-width: 450px) {
  .inbox #pm_messages .row.clickable-row {
    min-height: 125px;
  }
}
.inbox #pm_messages .row.vh-centered,
.inbox #pm_messages .row.vh-centered > div {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
}
.inbox #pm_messages .row .company-logo {
  -webkit-align-content: center;
  align-content: center;
  left: 4%;
}
@media screen and (max-width: 1199px) {
  .inbox #pm_messages .row .company-logo {
    padding-left: 0;
    padding-right: 0;
    left: 1%;
  }
}
@media screen and (max-width: 650px) {
  .inbox #pm_messages .row .company-logo {
    width: 20%;
  }
}
@media screen and (max-width: 639px) {
  .inbox #pm_messages .row .company-logo {
    left: 4%;
  }
}
.inbox #pm_messages .row .company-logo .thumb {
  width: 75px;
  height: 75px;
}
@media screen and (max-width: 1199px) {
  .inbox #pm_messages .row .company-logo .thumb {
    width: 70px;
    height: 70px;
  }
}
@media screen and (max-width: 1150px) {
  .inbox #pm_messages .row .company-logo .thumb {
    width: 65px;
    height: 65px;
  }
}
@media screen and (max-width: 1100px) {
  .inbox #pm_messages .row .company-logo .thumb {
    width: 60px;
    height: 60px;
  }
}
@media screen and (max-width: 1020px) {
  .inbox #pm_messages .row .company-logo .thumb {
    width: 55px;
    height: 55px;
  }
}
@media screen and (max-width: 991px) {
  .inbox #pm_messages .row .company-logo .thumb {
    width: 65px;
    height: 65px;
  }
}
@media screen and (max-width: 900px) {
  .inbox #pm_messages .row .company-logo .thumb {
    width: 60px;
    height: 60px;
  }
}
@media screen and (max-width: 800px) {
  .inbox #pm_messages .row .company-logo .thumb {
    width: 55px;
    height: 55px;
  }
}
@media screen and (max-width: 750px) {
  .inbox #pm_messages .row .company-logo .thumb {
    width: 50px;
    height: 50px;
  }
}
@media screen and (max-width: 700px) {
  .inbox #pm_messages .row .company-logo .thumb {
    width: 45px;
    height: 45px;
  }
}
@media screen and (max-width: 650px) {
  .inbox #pm_messages .row .company-logo .thumb {
    width: 75px;
    height: 75px;
  }
}
@media screen and (max-width: 450px) {
  .inbox #pm_messages .row .company-logo .thumb {
    width: 65px;
    height: 65px;
  }
}
@media screen and (max-width: 350px) {
  .inbox #pm_messages .row .company-logo .thumb {
    width: 60px;
    height: 60px;
  }
}
@media screen and (max-width: 650px) {
  .inbox #pm_messages .row .message-info {
    width: 80%;
    -webkit-flex-direction: column;
    flex-direction: column;
    align-items: flex-start;
    -webkit-align-items: flex-start;
  }
}
@media screen and (max-width: 530px) {
  .inbox #pm_messages .row .message-info {
    width: 70%;
  }
}
.inbox #pm_messages .row .message-info .sender-name {
  padding-right: 0;
}
@media screen and (max-width: 650px) {
  .inbox #pm_messages .row .message-info .sender-name {
    width: 100%;
  }
}
@media screen and (max-width: 650px) {
  .inbox #pm_messages .row .message-info .subject {
    width: 100%;
  }
}
@media screen and (max-width: 650px) {
  .inbox #pm_messages .row .message-info .body {
    width: 100%;
  }
}
@media screen and (max-width: 1150px) {
  .inbox #pm_messages .row .last-updated {
    text-align: right !important;
  }
}
@media screen and (max-width: 650px) {
  .inbox #pm_messages .row .last-updated {
    width: 15%;
  }
}
@media screen and (max-width: 530px) {
  .inbox #pm_messages .row .last-updated {
    width: 17%;
  }
}
@media screen and (max-width: 430px) {
  .inbox #pm_messages .row .last-updated {
    padding-right: 5%;
  }
}
.inbox #pm_messages .row.new-message {
  background-color: #e6e6e6;
  font-weight: bold;
}
.inbox #pm_messages .row.empty-messages {
  border-bottom: none;
  margin-top: 50px;
}
@media screen and (max-width: 736px) {
  .inbox #pm_messages .row.empty-messages {
    margin-top: 40px;
  }
}
@media screen and (max-width: 667px) {
  .inbox #pm_messages .row.empty-messages {
    margin-top: 30px;
  }
}
.inbox #pm_messages .row.empty-messages a.button-new-message {
  margin-right: 0;
}

.message-thread .message-area {
  background-color: #ffffff;
}
.message-thread .message-area > hr {
  margin-top: 0;
}
.message-thread .message-area .pm_message {
  background-color: #e6e6e6;
  color: black;
  margin: 20px 0 20px 0;
  padding: 25px 25px 25px 25px;
  min-height: 50px;
}
.message-thread .message-area .col-xs-offset-3 .pm_message {
  background-color: #64676b;
  color: #ffffff;
}
.message-thread .message-area .reply-form textarea {
  height: 100px;
}

.template-new-messages table tbody tr:nth-child(even) {
  background-color: transparent;
}

@media screen and (max-width: 992px) {
  .template-new-messages h1,
  .template-new-messages form {
    padding: 0px 10px;
  }
}

.template-new-messages hr {
  margin-top: 0;
}

.template-onboarding ul {
  margin-left: 0;
}
.template-onboarding ul.errorList {
  display: inline;
  padding-left: 0;
}
.template-onboarding ul li {
  list-style-type: none;
}

.template-onboarding .heading > div {
  margin-bottom: 10px;
  font-size: 1.5rem;
}
@media screen and (max-width: 767px) {
  .template-onboarding .heading > div {
    font-size: 1.25rem;
  }
}
@media screen and (max-width: 767px) {
  .template-onboarding .heading > div:first-child br {
    display: none;
  }
}
.template-onboarding .heading > div a:hover,
.template-onboarding .heading > div a:focus,
.template-onboarding .heading > div a:active {
  color: #a7a9ab;
  text-decoration: underline;
}

.template-onboarding .company-type div > label {
  margin-bottom: 10px;
}

@media screen and (max-width: 540px) {
  .template-onboarding .company-type {
    width: 100%;
  }
}

.button.bg-blue:hover,
.button.bg-blue:active,
.button.bg-blue:focus {
  background-color: #a7a9ab;
}

@media screen and (max-width: 414px) {
  .submit-button {
    width: 100%;
  }
  #form_validate,
  #modal_submit {
    width: 100%;
  }
}

@media screen and (max-width: 540px) {
  .no-links #wrap .top-bar .top-bar-left {
    text-align: center !important;
  }
  .no-links #wrap .container-fluid {
    padding-left: 0px;
    padding-right: 0px;
  }
}

.template-manage-users {
  font-size: 16px;
}
.template-manage-users i {
  cursor: pointer;
}
.template-manage-users .headers {
  border-bottom: 1px solid #404041;
}
@media screen and (max-width: 767px) {
  .template-manage-users .headers {
    font-size: 15px;
    display: none;
  }
}
.template-manage-users #users .user {
  border-bottom: 1px solid #a7a9ab;
}
@media screen and (max-width: 767px) {
  .template-manage-users #users .user {
    font-size: 14px;
    padding-top: 5px;
    padding-bottom: 5px;
  }
}
.template-manage-users #users .user:nth-child(odd) {
  background-color: #e6e6e6;
}
.template-manage-users #users .user > div {
  padding-top: 15px;
  padding-bottom: 15px;
}
@media screen and (max-width: 767px) {
  .template-manage-users #users .user > div {
    padding-top: 0;
    padding-bottom: 0;
  }
}
.template-manage-users #users .user > div:last-child {
  padding-top: 10px;
  padding-bottom: 0;
}
@media screen and (max-width: 1014px) {
  .template-manage-users #users .user > div:last-child {
    padding-top: 15px;
  }
}
@media screen and (max-width: 991px) {
  .template-manage-users #users .user > div:last-child {
    padding-top: 10px;
  }
}
@media screen and (max-width: 800px) {
  .template-manage-users #users .user > div:last-child {
    padding-top: 15px;
  }
}
@media screen and (max-width: 767px) {
  .template-manage-users #users .user > div:last-child {
    padding-top: 0;
  }
}
.template-manage-users #users .user .title {
  display: none;
}
@media screen and (max-width: 767px) {
  .template-manage-users #users .user .title {
    display: initial;
    padding-left: 0;
  }
}
@media screen and (max-width: 590px) {
  .template-manage-users #users .user .title {
    width: 30%;
  }
}
@media screen and (max-width: 400px) {
  .template-manage-users #users .user .title {
    width: 40%;
  }
}
.template-manage-users #users .user .info {
  padding-left: 0;
}
@media screen and (max-width: 767px) {
  .template-manage-users #users .user .info {
    padding-left: 10px;
    padding-right: 0;
  }
}
@media screen and (max-width: 590px) {
  .template-manage-users #users .user .info {
    width: 70%;
  }
}
@media screen and (max-width: 400px) {
  .template-manage-users #users .user .info {
    width: 60%;
  }
}
.template-manage-users #users .user .full-name {
  display: none;
}
@media screen and (max-width: 767px) {
  .template-manage-users #users .user .full-name {
    display: initial;
  }
}
@media screen and (max-width: 767px) {
  .template-manage-users #users .user .fname {
    display: none;
  }
}
@media screen and (max-width: 767px) {
  .template-manage-users #users .user .lname {
    display: none;
  }
}
@media screen and (max-width: 767px) {
  .template-manage-users #users .user .email {
    width: 100%;
  }
}
@media screen and (max-width: 767px) {
  .template-manage-users #users .user .is-contact {
    width: 100%;
  }
}
.template-manage-users #users .user .is-contact .info {
  text-align: center;
  padding-left: 10px;
  width: 100%;
}
@media screen and (max-width: 767px) {
  .template-manage-users #users .user .is-contact .info {
    text-align: left;
    width: 83.33333333%;
  }
}
@media screen and (max-width: 590px) {
  .template-manage-users #users .user .is-contact .info {
    width: 70%;
  }
}
@media screen and (max-width: 400px) {
  .template-manage-users #users .user .is-contact .info {
    width: 60%;
  }
}
@media screen and (max-width: 767px) {
  .template-manage-users #users .user .is-primary {
    width: 100%;
  }
}
.template-manage-users #users .user .is-primary .info {
  text-align: center;
  padding-left: 10px;
  width: 100%;
}
@media screen and (max-width: 767px) {
  .template-manage-users #users .user .is-primary .info {
    text-align: left;
    width: 83.33333333%;
  }
}
@media screen and (max-width: 590px) {
  .template-manage-users #users .user .is-primary .info {
    width: 70%;
  }
}
@media screen and (max-width: 400px) {
  .template-manage-users #users .user .is-primary .info {
    width: 60%;
  }
}
@media screen and (max-width: 1254px) {
  .template-manage-users #users .user .actions {
    padding-left: 0;
    padding-right: 0;
  }
}
@media screen and (max-width: 767px) {
  .template-manage-users #users .user .actions {
    width: 100%;
    text-align: left;
    padding-left: 10px;
    padding-right: 10px;
  }
}
.template-manage-users #users .user .actions .button {
  padding: 9px 10px;
  width: 30px;
  font-size: 12px;
  margin-bottom: 0;
}
@media screen and (max-width: 1014px) {
  .template-manage-users #users .user .actions .button {
    padding: 7px 8px;
    width: 25px;
    font-size: 11px;
  }
}
@media screen and (max-width: 991px) {
  .template-manage-users #users .user .actions .button {
    padding: 10px;
    width: 35px;
    font-size: 13px;
  }
}
@media screen and (max-width: 912px) {
  .template-manage-users #users .user .actions .button {
    padding: 9px 10px;
    width: 30px;
    font-size: 12px;
  }
}
@media screen and (max-width: 800px) {
  .template-manage-users #users .user .actions .button {
    padding: 7px 8px;
    width: 25px;
    font-size: 11px;
  }
}
.template-manage-users .subtext {
  cursor: pointer;
  font-size: 14px;
  padding-top: 5px;
  text-align: right;
}
@media screen and (max-width: 767px) {
  .template-manage-users .subtext {
    text-align: left;
  }
}
@media (max-width: 639px) {
  .template-account-management .row .row {
    margin-left: auto !important;
    margin-right: auto !important;
  }
}

.template-account-management p {
  font-size: 16px !important;
}

.template-account-management .section {
  border-top: 1px solid #e6e6e6;
}
.template-account-management .section:last-child {
  border-bottom: 1px solid #e6e6e6;
}
.template-account-management .section .section-info {
  padding-top: 10px;
  padding-bottom: 10px;
}
@media (max-width: 767px) {
  .template-account-management .section .section-info {
    padding-top: 5px;
    padding-bottom: 5px;
  }
}
.template-account-management .section .section-info.blur-section {
  background-color: #e6e6e6;
  opacity: 0.5;
}
.template-account-management .section .section-info:hover {
  background-color: #e6e6e6;
  cursor: pointer;
}
@media (max-width: 515px) {
  .template-account-management .section .section-info .section-name {
    width: 100%;
  }
}
.template-account-management .section .section-info .section-name h4 {
  margin-bottom: 0;
}
@media (max-width: 767px) {
  .template-account-management .section .section-info .section-name h4 {
    font-size: 1.4rem;
  }
}
@media (max-width: 696px) {
  .template-account-management .section .section-info .section-name h4 {
    font-size: 1.3rem;
  }
}
@media (max-width: 651px) {
  .template-account-management .section .section-info .section-name h4 {
    font-size: 1.2rem;
  }
}
@media (max-width: 605px) {
  .template-account-management .section .section-info .section-name h4 {
    font-size: 1.1rem;
  }
}
@media (max-width: 561px) {
  .template-account-management .section .section-info .section-name h4 {
    font-size: 1rem;
  }
}
@media (max-width: 515px) {
  .template-account-management .section .section-info .section-name h4 {
    font-size: 1.2rem;
  }
}
@media (max-width: 395px) {
  .template-account-management .section .section-info .section-name h4 {
    font-size: 1.1rem;
  }
}
@media (max-width: 515px) {
  .template-account-management .section .section-info .section-description {
    width: 100%;
  }
}
.template-account-management .section .section-info .section-description p {
  margin-bottom: 0;
  padding-top: 5px;
  font-size: 16px;
}
@media (max-width: 767px) {
  .template-account-management .section .section-info .section-description p {
    padding-top: 0;
    font-size: 15px;
  }
}
@media (max-width: 696px) {
  .template-account-management .section .section-info .section-description p {
    font-size: 14px;
  }
}
@media (max-width: 561px) {
  .template-account-management .section .section-info .section-description p {
    font-size: 13px;
  }
}
@media (max-width: 515px) {
  .template-account-management .section .section-info .section-description p {
    font-size: 14px;
  }
}
@media (max-width: 395px) {
  .template-account-management .section .section-info .section-description p {
    font-size: 13px;
  }
}
.template-account-management .section .section-data {
  display: none;
  padding-top: 8px;
  padding-bottom: 15px;
}

.shipping-methods .headings {
  font-size: 16px;
}
@media screen and (max-width: 733px) {
  .shipping-methods .headings {
    font-size: 15px;
  }
}
@media screen and (max-width: 695px) {
  .shipping-methods .headings {
    display: none;
  }
}
.shipping-methods .headings .col-xs-8 {
  padding-left: 0;
  padding-right: 0;
}

.shipping-methods .shipping-detail {
  font-size: 14px;
  border-bottom: 1px solid #e6e6e6;
  padding-top: 10px;
  padding-bottom: 10px;
}
.shipping-methods .shipping-detail:nth-child(odd) {
  background-color: #eeeeee;
}
@media screen and (max-width: 733px) {
  .shipping-methods .shipping-detail {
    font-size: 13px;
  }
}
@media screen and (max-width: 695px) {
  .shipping-methods .shipping-detail {
    text-align: left;
    font-size: 14px;
  }
}
.shipping-methods .shipping-detail .col-xs-8 {
  padding-left: 0;
  padding-right: 0;
}
.shipping-methods .shipping-detail i {
  cursor: pointer;
}
.shipping-methods .shipping-detail i.button {
  width: 25px;
  font-size: 10px;
  padding: 0.45rem 0.25rem;
  margin-bottom: 0;
}
@media screen and (max-width: 695px) {
  .shipping-methods .shipping-detail .col-xs-2,
  .shipping-methods .shipping-detail .col-xs-3 {
    width: 50%;
  }
}
@media screen and (max-width: 566px) {
  .shipping-methods .shipping-detail .col-xs-2,
  .shipping-methods .shipping-detail .col-xs-3 {
    width: 100%;
  }
}
@media screen and (max-width: 355px) {
  .shipping-methods .shipping-detail .col-xs-2,
  .shipping-methods .shipping-detail .col-xs-3 {
    font-size: 15px;
  }
}
@media screen and (max-width: 695px) {
  .shipping-methods .shipping-detail .col-xs-1 {
    width: 50%;
  }
}
@media screen and (max-width: 566px) {
  .shipping-methods .shipping-detail .col-xs-1 {
    width: 100%;
  }
}
.shipping-methods .shipping-detail .s-label {
  display: none;
}
@media screen and (max-width: 695px) {
  .shipping-methods .shipping-detail .s-label {
    display: inline-block;
    font-weight: bold;
    color: #a7a9ab;
    width: 45%;
  }
}
@media screen and (max-width: 695px) {
  .shipping-methods .shipping-detail .s-info {
    display: inline-block;
    width: 45%;
  }
}
@media screen and (max-width: 695px) {
  .shipping-methods .shipping-detail .ship-label {
    width: 100%;
    font-weight: bold;
    font-size: 16px;
  }
}
@media screen and (max-width: 639px) {
  .shipping-methods .shipping-detail .ship-label {
    font-size: 15px;
  }
}
.shipping-methods .shipping-detail .ship-label .shipping-method-actions {
  display: none;
}
@media screen and (max-width: 695px) {
  .shipping-methods .shipping-detail .ship-label .shipping-method-actions {
    padding-left: 10px;
  }
}
@media screen and (max-width: 350px) {
  .shipping-methods .shipping-detail .ship-label .shipping-method-actions {
    padding-left: 5px;
  }
}
@media screen and (max-width: 695px) {
  .shipping-methods .shipping-detail .ship-label div {
    display: inline-block !important;
  }
}
@media screen and (max-width: 695px) {
  .shipping-methods .shipping-detail .enabled {
    text-align: left;
  }
}
@media screen and (max-width: 1127px) {
  .shipping-methods .shipping-detail .shipping-method-actions {
    padding-left: 0;
    padding-right: 0;
  }
}
@media screen and (max-width: 695px) {
  .shipping-methods .shipping-detail .shipping-method-actions {
    display: none;
  }
}
.shipping-methods .shipping-detail .shipping-method-actions i:hover,
.shipping-methods .shipping-detail .shipping-method-actions i:focus,
.shipping-methods .shipping-detail .shipping-method-actions i:active {
  background-color: #a7a9ab;
}

#shippingFormModal .modal-body #shippingMethods span.min-purchase {
  display: none;
}

@media screen and (max-width: 480px) {
  #shippingFormModal .modal-body #shippingMethods .col-xs-6 {
    width: 100%;
  }
}

@media screen and (max-width: 480px) {
  #shippingFormModal .modal-body #shippingMethods .col-xs-3 {
    width: 50%;
  }
}

@media screen and (max-width: 325px) {
  #shippingFormModal .modal-body #shippingMethods .col-xs-3.distance {
    padding-right: 0 !important;
  }
}

@media screen and (max-width: 480px) {
  #shippingFormModal .modal-body #shippingMethods .col-xs-2 {
    width: 20%;
  }
}

@media screen and (max-width: 360px) {
  #shippingFormModal .modal-body #shippingMethods .col-xs-2 {
    width: 30%;
  }
}

@media screen and (max-width: 480px) {
  #shippingFormModal .modal-body #shippingMethods .col-xs-10 {
    width: 80%;
  }
}

@media screen and (max-width: 360px) {
  #shippingFormModal .modal-body #shippingMethods .col-xs-10 {
    width: 70%;
  }
}

#shippingFormModal .modal-body #shippingMethods .errorlist {
  margin-bottom: 0;
}

#shippingFormModal .modal-body #shippingMethods ul.errorlist {
  padding: 10px 5px;
}

@media screen and (max-width: 480px) {
  #shippingFormModal .modal-footer button {
    width: 29%;
  }
}

@media screen and (max-width: 411px) {
  #shippingFormModal .modal-footer button {
    width: 28%;
  }
}

@media screen and (max-width: 360px) {
  #shippingFormModal .modal-footer button {
    width: 30%;
  }
}

@media screen and (max-width: 340px) {
  #shippingFormModal .modal-footer button {
    width: 35%;
  }
}

#shippingFormModal .modal-footer button.cancel {
  background-color: #64676b;
}
#shippingFormModal .modal-footer button.cancel:hover,
#shippingFormModal .modal-footer button.cancel:focus,
#shippingFormModal .modal-footer button.cancel:active {
  background-color: #a7a9ab;
}

@media screen and (max-width: 480px) {
  #shippingFormModal .modal-footer button.save {
    width: 70%;
  }
}

@media screen and (max-width: 360px) {
  #shippingFormModal .modal-footer button.save {
    width: 68%;
  }
}

@media screen and (max-width: 340px) {
  #shippingFormModal .modal-footer button.save {
    width: 63%;
  }
}

.template-public-market .row {
  max-width: 85rem;
}
.template-public-market .row.row {
  margin-left: auto;
  margin-right: auto;
}

.template-public-market .shop-description {
  font-size: 1rem;
}

.template-public-market .search {
  padding-left: 0;
  padding-right: 0;
}
@media screen and (max-width: 667px) {
  .template-public-market .search {
    width: 60%;
  }
}
@media screen and (max-width: 568px) {
  .template-public-market .search {
    width: 100%;
    padding-left: 10px;
  }
}
.template-public-market .search input {
  width: 100%;
}
@media screen and (max-width: 470px) {
  .template-public-market .search input {
    font-size: 0.75rem;
  }
}
.template-public-market .search input#search {
  font-size: 14px;
  padding: 0.85em 0.75em;
}
@media screen and (max-width: 568px) {
  .template-public-market .search input#search {
    padding-right: 10px;
  }
}
@media screen and (max-width: 800px) {
  .template-public-market .search .col-xs-10 {
    width: 77%;
    padding-left: 5px;
    padding-right: 5px;
  }
}
@media screen and (max-width: 667px) {
  .template-public-market .search .col-xs-10 {
    width: 68%;
  }
}
@media screen and (max-width: 360px) {
  .template-public-market .search .col-xs-10 {
    width: 100%;
    padding-left: 0;
  }
}
.template-public-market .search .col-xs-2 {
  padding-left: 0;
}
@media screen and (max-width: 800px) {
  .template-public-market .search .col-xs-2 {
    width: 22%;
  }
}
@media screen and (max-width: 667px) {
  .template-public-market .search .col-xs-2 {
    width: 32%;
  }
}
@media screen and (max-width: 568px) {
  .template-public-market .search .col-xs-2 {
    padding-right: 10px;
  }
}
@media screen and (max-width: 360px) {
  .template-public-market .search .col-xs-2 {
    width: 100%;
    padding-right: 5px;
  }
}
.template-public-market .sort {
  font-size: 0.9rem;
}
@media screen and (max-width: 568px) {
  .template-public-market .sort {
    margin-bottom: 10px;
  }
}
@media screen and (max-width: 500px) {
  .template-public-market .sort {
    font-size: 0.75rem;
  }
}
.template-public-market .sort.sort-options {
  padding-left: 0;
  padding-right: 0;
}
@media screen and (max-width: 900px) {
  .template-public-market .sort.sort-options {
    padding-left: 10px;
  }
}
@media screen and (max-width: 800px) {
  .template-public-market .sort.sort-options {
    width: 23%;
  }
}
@media screen and (max-width: 667px) {
  .template-public-market .sort.sort-options {
    width: 25%;
  }
}
@media screen and (max-width: 568px) {
  .template-public-market .sort.sort-options {
    width: 85%;
    padding-right: 10px;
  }
}
@media screen and (max-width: 470px) {
  .template-public-market .sort.sort-options {
    width: 83%;
  }
}
@media screen and (max-width: 360px) {
  .template-public-market .sort.sort-options {
    padding-right: 5px;
  }
}
@media screen and (max-width: 325px) {
  .template-public-market .sort.sort-options {
    width: 82%;
  }
}
.template-public-market .sort.sort-label {
  padding-right: 0;
  padding-top: 10px;
}
@media screen and (max-width: 947px) {
  .template-public-market .sort.sort-label {
    padding-top: 0;
  }
}
@media screen and (max-width: 800px) {
  .template-public-market .sort.sort-label {
    width: 10%;
    padding-top: 10px;
  }
}
@media screen and (max-width: 789px) {
  .template-public-market .sort.sort-label {
    padding-top: 0;
  }
}
@media screen and (max-width: 667px) {
  .template-public-market .sort.sort-label {
    width: 15%;
  }
}
@media screen and (max-width: 500px) {
  .template-public-market .sort.sort-label {
    padding-top: 10px;
  }
}
@media screen and (max-width: 470px) {
  .template-public-market .sort.sort-label {
    width: 17%;
  }
}
@media screen and (max-width: 401px) {
  .template-public-market .sort.sort-label {
    padding-top: 0;
  }
}
@media screen and (max-width: 325px) {
  .template-public-market .sort.sort-label {
    width: 18%;
  }
}
@media screen and (max-width: 991px) {
  .template-public-market .filters {
    padding-left: 0;
  }
}

.template-public-market .filters .main-filters .filter-label {
  padding-left: 15px;
}
@media screen and (max-width: 667px) {
  .template-public-market .filters .main-filters .filter-label.col-xs-1 {
    width: 15%;
  }
}
@media screen and (max-width: 470px) {
  .template-public-market .filters .main-filters .filter-label.col-xs-1 {
    width: 17%;
  }
}
@media screen and (max-width: 325px) {
  .template-public-market .filters .main-filters .filter-label.col-xs-1 {
    width: 18%;
  }
}
.template-public-market .filters .main-filters .col-xs-11 {
  padding-left: 0px;
}
@media screen and (max-width: 900px) {
  .template-public-market .filters .main-filters .col-xs-11 {
    padding-left: 10px;
  }
}
@media screen and (max-width: 667px) {
  .template-public-market .filters .main-filters .col-xs-11 {
    width: 85%;
  }
}
@media screen and (max-width: 470px) {
  .template-public-market .filters .main-filters .col-xs-11 {
    width: 83%;
  }
}
@media screen and (max-width: 325px) {
  .template-public-market .filters .main-filters .col-xs-11 {
    width: 82%;
  }
}
.template-public-market .filters .sub-filter .col-xs-12 {
  padding-left: 15px;
}

.template-public-market .filters #geofilterPlugin .geofilter_type {
  padding-left: 15px;
}
@media screen and (max-width: 991px) {
  .template-public-market .filters #geofilterPlugin .geofilter_type {
    padding-right: 5px;
  }
}
@media screen and (max-width: 767px) {
  .template-public-market .filters #geofilterPlugin .geofilter_type {
    width: 30%;
  }
}
@media screen and (max-width: 500px) {
  .template-public-market .filters #geofilterPlugin .geofilter_type {
    width: 50%;
  }
}
@media screen and (max-width: 991px) {
  .template-public-market .filters #geofilterPlugin .geo_origin {
    padding-left: 5px;
  }
}

@media screen and (max-width: 767px) {
  .template-public-market .filters #geofilterPlugin .geo_origin {
    width: 30%;
  }
}

@media screen and (max-width: 500px) {
  .template-public-market .filters #geofilterPlugin .geo_origin {
    width: 50%;
  }
}

@media screen and (max-width: 767px) {
  .template-public-market .filters #geofilterPlugin .geo_distance {
    padding-left: 15px;
  }
}

.template-public-market .select2-container--default .select2-selection--single {
  min-height: 38px;
}
.template-public-market
  .select2-container--default
  .select2-selection--single
  .select2-selection__rendered {
  padding-top: 5px;
}

#share.button {
  margin-bottom: 10px;
}

.social-share ol {
  font-size: 16px;
}
.social-share ol li {
  font-weight: bold;
}
.social-share ol li .info {
  font-weight: normal;
}

.social-share .hashtags span {
  width: 25%;
  border: 1px solid #cacaca;
  padding: 10px 10px 9px;
  background-color: #eee;
  box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.1);
  border-right: 0;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
}

.social-share .hashtags #hashtags {
  display: inline;
  width: 94.5%;
  border-top-left-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
}

.template-social-errors {
  margin-top: -50px;
  padding-left: 5%;
  padding-right: 5%;
  font-size: 16px;
}
@media screen and (max-width: 767px) {
  .template-social-errors {
    padding-left: 2%;
    padding-right: 2%;
  }
}
@media screen and (max-width: 639px) {
  .template-social-errors {
    margin-top: -40px;
  }
}
@media screen and (max-width: 550px) {
  .template-social-errors {
    margin-top: -30px;
  }
}
@media screen and (max-width: 414px) {
  .template-social-errors {
    margin-top: -20px;
  }
}
.template-social-errors .col-xs-12 {
  padding-left: 0;
}
@media screen and (max-width: 450px) {
  .template-social-errors .col-xs-12 {
    padding-left: 10px;
  }
}
.template-social-errors .details {
  margin-bottom: 10px;
}
@media screen and (max-width: 450px) {
  .template-social-errors .buttons a {
    width: 100%;
  }
}
.greenIcon {
  border-color: #03783d !important;
  color: #03783d !important;
}
.greenIcon:hover,
.greenIcon:active,
.greenIcon:focus {
  background-color: #03783d !important;
  color: #ffffff !important;
}