/*VARIABLES*/
.loading {
  position: fixed;
  margin: auto;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: #ffffff;
  width: 50px;
  height: 50px;
  -webkit-box-shadow: 0px 0px 30px 0px rgba(50, 50, 50, 0.4);
  -moz-box-shadow: 0px 0px 30px 0px rgba(50, 50, 50, 0.4);
  box-shadow: 0px 0px 30px 0px rgba(50, 50, 50, 0.4);
  border-radius: 5px;
  text-align: center;
  padding: 4px;
  z-index: 100000;
}
@-webkit-keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-moz-keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-o-keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
/* :not(:required) hides this rule from IE9 and below */
.spinner:not(:required) {
  -webkit-animation: spinner 1500ms infinite linear;
  -moz-animation: spinner 1500ms infinite linear;
  -ms-animation: spinner 1500ms infinite linear;
  -o-animation: spinner 1500ms infinite linear;
  animation: spinner 1500ms infinite linear;
  -webkit-border-radius: 0.5em;
  -moz-border-radius: 0.5em;
  -ms-border-radius: 0.5em;
  -o-border-radius: 0.5em;
  border-radius: 0.5em;
  -webkit-box-shadow: rgba(0, 0, 51, 0.3) 1.5em 0 0 0, rgba(0, 0, 51, 0.3) 1.1em 1.1em 0 0, rgba(0, 0, 51, 0.3) 0 1.5em 0 0, rgba(0, 0, 51, 0.3) -1.1em 1.1em 0 0, rgba(0, 0, 51, 0.3) -1.5em 0 0 0, rgba(0, 0, 51, 0.3) -1.1em -1.1em 0 0, rgba(0, 0, 51, 0.3) 0 -1.5em 0 0, rgba(0, 0, 51, 0.3) 1.1em -1.1em 0 0;
  -moz-box-shadow: rgba(0, 0, 51, 0.3) 1.5em 0 0 0, rgba(0, 0, 51, 0.3) 1.1em 1.1em 0 0, rgba(0, 0, 51, 0.3) 0 1.5em 0 0, rgba(0, 0, 51, 0.3) -1.1em 1.1em 0 0, rgba(0, 0, 51, 0.3) -1.5em 0 0 0, rgba(0, 0, 51, 0.3) -1.1em -1.1em 0 0, rgba(0, 0, 51, 0.3) 0 -1.5em 0 0, rgba(0, 0, 51, 0.3) 1.1em -1.1em 0 0;
  box-shadow: rgba(0, 0, 51, 0.3) 1.5em 0 0 0, rgba(0, 0, 51, 0.3) 1.1em 1.1em 0 0, rgba(0, 0, 51, 0.3) 0 1.5em 0 0, rgba(0, 0, 51, 0.3) -1.1em 1.1em 0 0, rgba(0, 0, 51, 0.3) -1.5em 0 0 0, rgba(0, 0, 51, 0.3) -1.1em -1.1em 0 0, rgba(0, 0, 51, 0.3) 0 -1.5em 0 0, rgba(0, 0, 51, 0.3) 1.1em -1.1em 0 0;
  display: inline-block;
  font-size: 10px;
  width: 1em;
  height: 1em;
  margin: 1.5em;
  overflow: hidden;
  text-indent: 100%;
}
/***********************************
************SECOND SPINNER**********
***********************************/
.sb-f-loading {
  width: 50px;
  height: 25px;
  position: fixed;
  top: 50%;
  left: 50%;
  margin-top: -12px;
  margin-left: -25px;
  z-index: 10001;
}
@-moz-keyframes throbber-loader {
  0% {
    background: #dde2e7;
  }
  10% {
    background: #6b9dc8;
  }
  40% {
    background: #dde2e7;
  }
}
@-webkit-keyframes throbber-loader {
  0% {
    background: #dde2e7;
  }
  10% {
    background: #6b9dc8;
  }
  40% {
    background: #dde2e7;
  }
}
@keyframes throbber-loader {
  0% {
    background: #dde2e7;
  }
  10% {
    background: #6b9dc8;
  }
  40% {
    background: #dde2e7;
  }
}
/* :not(:required) hides these rules from IE9 and below */
.throbber-loader:not(:required) {
  -moz-animation: throbber-loader 1000ms 300ms infinite ease-out;
  -webkit-animation: throbber-loader 1000ms 300ms infinite ease-out;
  animation: throbber-loader 1000ms 300ms infinite ease-out;
  background: #dde2e7;
  display: inline-block;
  position: relative;
  text-indent: -9999px;
  width: 0.9em;
  height: 1.5em;
  margin: 0 1.6em;
}
.throbber-loader:not(:required):before,
.throbber-loader:not(:required):after {
  background: #dde2e7;
  content: '\x200B';
  display: inline-block;
  width: 0.9em;
  height: 1.5em;
  position: absolute;
  top: 0;
}
.throbber-loader:not(:required):before {
  -moz-animation: throbber-loader 1000ms 150ms infinite ease-out;
  -webkit-animation: throbber-loader 1000ms 150ms infinite ease-out;
  animation: throbber-loader 1000ms 150ms infinite ease-out;
  left: -1.6em;
}
.throbber-loader:not(:required):after {
  -moz-animation: throbber-loader 1000ms 450ms infinite ease-out;
  -webkit-animation: throbber-loader 1000ms 450ms infinite ease-out;
  animation: throbber-loader 1000ms 450ms infinite ease-out;
  right: -1.6em;
}
.gradient {
  background: #00AEA3 !important;
  /* Old browsers */
  background: -moz-linear-gradient(top, #aefffa 0%, #00AEA3 50%, #aefffa 100%) !important;
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #aefffa), color-stop(50%, #00AEA3), color-stop(100%, #aefffa)) !important;
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #aefffa 0%, #00AEA3 50%, #aefffa 100%) !important;
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #aefffa 0%, #00AEA3 50%, #aefffa 100%) !important;
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #aefffa 0%, #00AEA3 50%, #aefffa 100%) !important;
  /* IE10+ */
  background: linear-gradient(to bottom, #aefffa 0%, #00AEA3 50%, #aefffa 100%) !important;
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='lighten(@skinbrands-color,50%)', endColorstr='lighten(@skinbrands-color,50%)', GradientType=0) !important;
  /* IE6-9 */
}
.gradient-2 {
  background: #00AEA3 !important;
  /* Old browsers */
  background: -moz-linear-gradient(top, #00c8bb 0%, #00AEA3 50%, #00c8bb 100%) !important;
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #00c8bb), color-stop(50%, #00AEA3), color-stop(100%, #00c8bb)) !important;
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #00c8bb 0%, #00AEA3 50%, #00c8bb 100%) !important;
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #00c8bb 0%, #00AEA3 50%, #00c8bb 100%) !important;
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #00c8bb 0%, #00AEA3 50%, #00c8bb 100%) !important;
  /* IE10+ */
  background: linear-gradient(to bottom, #00c8bb 0%, #00AEA3 50%, #00c8bb 100%) !important;
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='lighten(@skinbrands-color,5%)', endColorstr='lighten(@skinbrands-color,5%)', GradientType=0) !important;
  /* IE6-9 */
}
.gradient-black {
  background: #454444 !important;
  /* Old browsers */
  background: -moz-linear-gradient(top, #5f5d5d 0%, #454444 50%, #5f5d5d 100%) !important;
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #5f5d5d), color-stop(50%, #454444), color-stop(100%, #5f5d5d)) !important;
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #5f5d5d 0%, #454444 50%, #5f5d5d 100%) !important;
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #5f5d5d 0%, #454444 50%, #5f5d5d 100%) !important;
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #5f5d5d 0%, #454444 50%, #5f5d5d 100%) !important;
  /* IE10+ */
  background: linear-gradient(to bottom, #5f5d5d 0%, #454444 50%, #5f5d5d 100%) !important;
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='lighten(@skinbrands-color-black,10%)', endColorstr='lighten(@skinbrands-color-black,10%)', GradientType=0) !important;
  /* IE6-9 */
}
.gradient-gray {
  background: #929296 !important;
  /* Old browsers */
  background: -moz-linear-gradient(top, #acacaf 0%, #929296 50%, #acacaf 100%) !important;
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #acacaf), color-stop(50%, #929296), color-stop(100%, #acacaf)) !important;
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #acacaf 0%, #929296 50%, #acacaf 100%) !important;
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #acacaf 0%, #929296 50%, #acacaf 100%) !important;
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #acacaf 0%, #929296 50%, #acacaf 100%) !important;
  /* IE10+ */
  background: linear-gradient(to bottom, #acacaf 0%, #929296 50%, #acacaf 100%) !important;
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='lighten(@skinbrands-color-gray,10%)', endColorstr='lighten(@skinbrands-color-gray,10%)', GradientType=0) !important;
  /* IE6-9 */
}
.gradient-mage-admin {
  background: #D24505 !important;
  /* Old browsers */
  background: -moz-linear-gradient(top, #D24505 0%, #fb7c42 100%) !important;
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #D24505), color-stop(100%, #fb7c42)) !important;
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #D24505 0%, #fb7c42 100%) !important;
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #D24505 0%, #fb7c42 100%) !important;
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #D24505 0%, #fb7c42 100%) !important;
  /* IE10+ */
  background: linear-gradient(to bottom, #D24505 0%, #fb7c42 100%) !important;
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d24505', endColorstr='#000000', GradientType=0) !important;
  /* IE6-9 */
}
.gradient-violet {
  background: #5A41F7 !important;
  /* Old browsers */
  background: -moz-linear-gradient(top, #8572f9 0%, #5A41F7 50%, #8572f9 100%) !important;
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #8572f9), color-stop(50%, #5A41F7), color-stop(100%, #8572f9)) !important;
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #8572f9 0%, #5A41F7 50%, #8572f9 100%) !important;
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #8572f9 0%, #5A41F7 50%, #8572f9 100%) !important;
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #8572f9 0%, #5A41F7 50%, #8572f9 100%) !important;
  /* IE10+ */
  background: linear-gradient(to bottom, #8572f9 0%, #5A41F7 50%, #8572f9 100%) !important;
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='lighten(@violet-color,10%)', endColorstr='lighten(@violet-color,10%)', GradientType=0) !important;
  /* IE6-9 */
}
.bootstrap-styles button {
  background: none;
  border: none;
  padding: 0;
  margin: 0;
}
.bootstrap-styles button span {
  line-height: 0;
}
@media (max-width: 768px) {
  .bootstrap-styles .table-responsive td,
  .bootstrap-styles .table-responsive th {
    font-size: 0.8em;
  }
  .bootstrap-styles .table-responsive td button,
  .bootstrap-styles .table-responsive th button {
    font-size: 0.8em !important;
  }
}
@media (max-width: 768px) {
  .table-responsive td,
  .table-responsive th {
    font-size: 0.8em;
  }
  .table-responsive td button,
  .table-responsive th button {
    font-size: 0.8em !important;
  }
}
.no-border-radius {
  border-radius: 0 !important;
}
table tr.clickable-row {
  cursor: pointer;
}
table tr td.empty {
  text-align: center;
  padding-top: 20px;
}
.page-header {
  margin-top: 0px;
}
table.no-overflow {
  table-layout: fixed;
  word-wrap: break-word;
}
/**********************************
 *************SPACES***************
 **********************************/
.bg-grey {
  background-color: #eeeeee !important;
}
.padding-10 {
  padding: 10px !important;
}
.margin-bottom-5 {
  margin-bottom: 5px !important;
}
.margin-bottom,
.margin-bottom-20 {
  margin-bottom: 20px !important;
}
.margin-bottom-30 {
  margin-bottom: 30px !important;
}
.margin-bottom-40 {
  margin-bottom: 40px !important;
}
.margin-bottom-50 {
  margin-bottom: 50px !important;
}
.margin-bottom-100 {
  margin-bottom: 100px !important;
}
.margin-bottom-150 {
  margin-bottom: 150px !important;
}
.margin-top-15 {
  margin-top: 15px !important;
}
.margin-top-20 {
  margin-top: 20px !important;
}
.margin-top-50 {
  margin-top: 50px !important;
}
.margin-top-0 {
  margin-top: 0px !important;
}
.margin-bottom-0 {
  margin-bottom: 0px !important;
}
.no-margin {
  margin: 0;
}
.full-width {
  width: 100% !important;
}
.full-height {
  height: 100% !important;
}
.width-50 {
  width: 50px;
}
.width-100 {
  width: 100px;
}
.width-150 {
  width: 150px;
}
.width-200 {
  width: 200px;
}
.width-300 {
  width: 300px;
}
.z-priority {
  z-index: 10000 !important;
}
.z-priority-1 {
  z-index: 10001 !important;
}
.height-100 {
  height: 100px;
}
.float-right {
  float: right;
}
.float-left {
  float: left;
}
/**********************************
 *************ICONS****************
 **********************************/
.glyphicon-clickable,
.glyphicon-clickable-disabled {
  cursor: pointer;
  font-size: 16px;
}
.glyphicon-clickable-disabled {
  cursor: not-allowed;
  font-size: 16px;
  opacity: 0.5;
}
.glyphicon-clickable:hover {
  color: #00AEA3;
  transition: 250ms;
}
.star .glyphicon-star {
  color: gold;
}
.star .glyphicon-star-empty {
  color: grey;
}
/**********************************
  ************MODAL FIXES************
  **********************************/
.modal-show {
  display: block !important;
  background-color: rgba(0, 0, 0, 0.5);
  opacity: 1 !important;
}
.modal-hide {
  display: none;
}
.modal-dialog {
  width: 900px !important;
}
.modal-show .modal-dialog {
  -webkit-transform: translate(0, 0%) !important;
  -ms-transform: translate(0, 0%) !important;
  -o-transform: translate(0, 0%) !important;
  -moz-transition: -moz-transform 0.3s ease-out;
  -o-transition: -o-transform 0.3s ease-out;
  transition: transform 0.3s ease-out;
}
.modal-hide .modal-dialog {
  -webkit-transform: translate(0, -250%) !important;
  -ms-transform: translate(0, -250%) !important;
  -o-transform: translate(0, -250%) !important;
  -moz-transition: -moz-transform 0.3s ease-out;
  -o-transition: -o-transform 0.3s ease-out;
  transition: transform 0.3s ease-out;
}
.modal-dialog .pagination {
  margin: 0px !important;
}
/* Disabled - class for anchor, state for form elements */
.bootstrap-styles .button.disabled,
.bootstrap-styles .button:disabled {
  background: #C8C8C8 !important;
}
/**********************************
************COLORS************
**********************************/
.white-header {
  text-align: center;
}
.skinbrands-widget h1,
.skinbrands-widget h2,
.skinbrands-widget h3,
.skinbrands-widget h4 {
  color: white !important;
}
.label-black {
  background-color: black;
}
.bootstrap-styles .btn:focus,
.bootstrap-styles .btn:active:focus,
.bootstrap-styles .btn.active:focus,
.bootstrap-styles .btn.focus,
.bootstrap-styles .btn:active.focus,
.bootstrap-styles .btn.active.focus,
.bootstrap-styles button:focus {
  outline: none !important;
}
/**********************************
**************CONTROLS*************
**********************************/
textarea.expanded {
  width: 100%;
  min-height: 100px;
}
/**********************************
********AMCONF ZOOM EZTENSION******
**********************************/
.zoomContainer {
  pointer-events: none !important;
}
.table-responsive {
  overflow-x: auto;
}
.skinbrands-input,
.skinbrands-button {
  text-align: center;
  border: 1px solid #00AEA3;
}
.skinbrands-button {
  color: white !important;
}
.skinbrands-button:hover,
.skinbrands-button:focus {
  color: white;
  background-color: #00AEA3;
  border-color: #00AEA3;
}
.select-cust-arrow {
  background-image: url(/media/Skinbrands/dd_arrow.png) !important;
  background-repeat: no-repeat;
  background-position: right;
  background-size: contain;
  -webkit-appearance: none;
  -moz-appearance: none;
  text-indent: 1px;
  padding-right: 25px !important;
}
select {
  background-image: none\9 !important;
  /* IE6, IE7, IE8, IE9 */
}
select::-ms-expand {
  display: none !important;
}
.skinbrands-admin-button {
  color: white !important;
  text-align: center !important;
  font-size: 20px !important;
  padding: 5px !important;
  border-radius: 5px !important;
  cursor: pointer !important;
  white-space: normal !important;
}
.skinbrands-admin-button:hover,
.skinbrands-admin-button:active,
.skinbrands-admin-button:visited {
  color: white !important;
}
.sb-btn {
  display: inline-block;
  margin-bottom: 0;
  font-weight: normal;
  text-align: center;
  vertical-align: middle;
  touch-action: manipulation;
  cursor: pointer;
  border: 1px solid transparent;
  white-space: nowrap;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  border-radius: 4px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.invalid-field {
  background: lightcoral !important;
}
.lbl-white {
  color: white;
}
.lbl-sb {
  color: #00AEA3;
}
.lbl-clickable {
  cursor: pointer !important;
}
.lbl-clickable:hover {
  opacity: 0.8;
  transition: 500ms;
}
.font-16 {
  font-size: 16px;
}
.disabled-input {
  background-color: lightgrey !important;
}
input[type='number'].disabled-input {
  -moz-appearance: textfield;
}
input.disabled-input::-webkit-outer-spin-button,
input.disabled-input::-webkit-inner-spin-button {
  -webkit-appearance: none;
}
.thumbnail-labeled {
  position: relative;
}
.thumbnail-labeled .thumb-lbl {
  position: absolute;
  top: 2px;
  left: 2px;
}
.glyphicon-input {
  width: 4em;
  position: relative;
}
.glyphicon-input span.glyphicon {
  display: inline-block;
  vertical-align: middle;
  position: absolute;
  right: -16px;
  width: 16px;
  top: 50%;
  margin-top: -8px;
}
.button-center-container {
  padding-bottom: 5px;
}
.button-center-container button {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.left-inner-addon {
  position: relative;
}
.left-inner-addon input {
  padding-left: 30px;
}
.left-inner-addon i {
  position: absolute;
  padding: 10px 12px;
  pointer-events: none;
}
.right-inner-addon {
  position: relative;
}
.right-inner-addon input {
  padding-right: 30px;
}
.right-inner-addon i {
  position: absolute !important;
  right: 0px;
  padding: 10px 12px;
  pointer-events: none;
}
.clickable-div {
  padding-top: 20px;
  padding-bottom: 20px;
  width: 250px;
  display: inline-block;
  font-size: 14px;
  cursor: pointer;
}
.clickable-div:hover {
  opacity: 0.5;
}
.clickable-div-yes {
  background-color: #00AEA3;
}
.clickable-div-no {
  background-color: #D24505;
}
input[type=number].foc {
  background-color: black;
  color: white;
}
.hover-highlight:hover {
  cursor: pointer;
  opacity: 0.8;
}
.pos-button {
  margin-bottom: 5px;
  padding: 10px;
  border-radius: 5px;
  position: relative;
}
.pos-button-clickable {
  cursor: pointer;
}
.pos-button-clickable:hover {
  opacity: 0.8;
  transition: 500ms;
}
.pos-button div {
  display: inline-block;
  vertical-align: middle;
}
.pos-button div.img {
  width: 10%;
}
.pos-button div.info {
  width: 80%;
}
.pos-button div.img img {
  width: 100%;
  height: 100%;
}
.pos-button-header,
.pos-button-amount,
.pos-button-message,
.pos-button-disclaimer,
.pos-button-message-small,
.pos-button-disclaimer-small {
  display: block;
  color: white;
  text-align: center;
  font-size: 20px;
  font-weight: bold;
  text-transform: uppercase;
}
.pos-button-amount {
  font-size: 30px;
}
.pos-button-message {
  font-size: 16px;
}
.pos-button-message-small {
  font-size: 12px;
}
.pos-button-disclaimer {
  font-size: 10px;
}
.pos-button-disclaimer-small {
  font-size: 8px;
}
.pos-button div.alert {
  margin: 0;
  padding: 5px;
  text-align: center;
}
.internal-user-overlay {
  background-color: rgba(0, 0, 0, 0.7) !important;
  border-radius: 10px;
  padding: 10px;
  color: white;
  font-size: 12px;
  z-index: 1000;
  text-align: center;
  overflow: hidden;
}
.internal-user-overlay label {
  background-color: transparent !important;
  color: white !important;
}
.internal-user-overlay label:hover {
  background-color: transparent !important;
}
.internal-user-overlay h3 {
  color: white;
}
.internal-user-overlay-holder {
  position: absolute;
  height: 0px;
}
.internal-user-overlay-holder .no-transperent {
  background-color: #000000 !important;
}
.internal-user-overlay-floating {
  cursor: move;
  position: fixed;
  top: 4px;
  left: 4px;
}
.internal-user-overlay .pic-lbl-holder,
.internal-user-overlay .lbl-col-header {
  font-size: 12px !important;
}
.pic-lbl-holder {
  position: relative;
  width: 100%;
  min-height: 35px;
  padding-left: 35px;
  font-size: 16px;
}
.pic-lbl-holder span {
  display: inline-block;
  vertical-align: middle;
}
.lbl-col-header {
  font-size: 16px;
  text-transform: uppercase;
}
.pic-lbl-holder .pic {
  position: absolute;
  top: 0;
  left: 0;
  width: 30px;
  height: 30px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.pic-lbl-holder .pic-name {
  background-image: url('/skin/adminhtml/default/default/images/skinbrands/internal_user/face-black.png');
}
.pic-lbl-holder .pic-name-white {
  background-image: url('/skin/adminhtml/default/default/images/skinbrands/internal_user/head.png');
}
.pic-lbl-holder .pic-addr {
  background-image: url('/skin/adminhtml/default/default/images/skinbrands/internal_user/home-black.png');
}
.pic-lbl-holder .pic-addr-white {
  background-image: url('/skin/adminhtml/default/default/images/skinbrands/internal_user/Home.png');
}
.pic-lbl-holder .pic-email {
  background-image: url('/skin/adminhtml/default/default/images/skinbrands/internal_user/mail-black.png');
}
.pic-lbl-holder .pic-email-white {
  background-image: url('/skin/adminhtml/default/default/images/skinbrands/internal_user/email.png');
}
.pic-lbl-holder .pic-tel {
  background-image: url('/skin/adminhtml/default/default/images/skinbrands/internal_user/phone-black.png');
}
.pic-lbl-holder .pic-tel-white {
  background-image: url('/skin/adminhtml/default/default/images/skinbrands/internal_user/white_phone.png');
}
.pic-lbl-holder .pic-pig {
  background-image: url('/skin/adminhtml/default/default/images/skinbrands/internal_user/piggy-white.png');
}
.pic-lbl-holder .pic-brands {
  background-image: url('/skin/adminhtml/default/default/images/skinbrands/internal_user/Product-Knowledge.png');
}
.pic-lbl-holder .pic-spanner {
  transform: rotateZ(40deg);
  background-image: url('/skin/adminhtml/default/default/images/skinbrands/internal_user/spanner.png');
}
.internal-user-overlay a,
.lbl-admin a {
  color: #D24505 !important;
}
.internal-user-overlay a:hover,
.lbl-admin a:hover {
  color: #fb7c42 !important;
}
.lbl-admin {
  color: #D24505;
}
a.lbl-sb {
  color: #00AEA3 !important;
}
.internal-user-overlay-disabled-products {
  min-height: 100px;
}
#disabled-products-warning {
  top: 40%;
  width: 640px;
  position: absolute;
  left: 50%;
  margin-left: -320px;
}
.sticky-expanded {
  display: none;
}
@media (max-width: 768px) {
  .internal-user-overlay {
    top: 0px;
    left: 0px;
  }
}
.internal-folding-popup-wrapper .internal-folding-popup {
  transition: .5s;
  max-width: 250px;
  max-height: 70px;
}
.internal-folding-popup-wrapper .internal-folding-popup .internal-folding-popup-content {
  width: 460px;
}
.internal-folding-popup-wrapper .internal-folding-popup a {
  font-family: Avenir;
}
.internal-folding-popup-wrapper .internal-folding-popup .internal-folding-popup-hidden {
  transition: .5s;
  visibility: hidden;
  opacity: 0;
}
.internal-folding-popup-wrapper:hover .internal-folding-popup {
  max-width: 480px;
  max-height: 900px;
  transition: .5s;
}
.internal-folding-popup-wrapper:hover .internal-folding-popup .internal-folding-popup-hidden {
  visibility: visible;
  opacity: 1;
}
.mage-modal {
  font-style: normal;
  background: white;
  width: 70%;
  position: absolute;
  z-index: 999;
  margin: auto;
  top: 50px;
  left: 0;
  /* bottom: 0; */
  right: 0;
  -webkit-box-shadow: 0px 0px 30px 0px #323232;
  -moz-box-shadow: 0px 0px 30px 0px #323232;
  box-shadow: 0px 0px 30px 0px #323232;
}
.mage-modal .mage-modal-header {
  border-bottom: 1px solid #d3d3d3;
  padding: 10px;
  z-index: 999;
}
.mage-modal .mage-modal-header #header-text {
  font-size: 16px;
  font-weight: bold;
}
.mage-modal .mage-modal-body {
  padding: 10px;
  z-index: 999;
}
.mage-modal .mage-modal-footer {
  border-top: 1px solid #d3d3d3;
  position: absolute;
  bottom: 0;
  padding: 10px;
  width: 100%;
  z-index: 999;
}
.mage-modal.circled-border {
  border-radius: 5px;
}
.logout-window {
  position: absolute;
  width: 350px;
  background-color: rgba(0, 0, 0, 0.7);
  border-radius: 5px;
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto;
  color: white;
  padding: 10px;
  font-size: 26px;
  line-height: 1.5;
}
.logout-window-header,
.logout-window-body,
.logout-window-footer {
  text-align: center;
}
.logout-window-body span {
  display: block;
}
.logout-window-header {
  font-size: 40px;
}
.logout-lbl-admin {
  color: #D24505;
}
.logout-lbl-customer {
  color: #00AEA3;
}
.logout-window-content {
  width: 100%;
  height: 100%;
  position: relative;
}
.logout-window-close {
  position: absolute;
  right: 0px;
  top: 0px;
  width: 25px;
  height: 25px;
  background-image: url('/media/Skinbrands/close_cross.png');
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  cursor: pointer;
}
.logout-window-close:hover {
  opacity: 0.7;
  transition: 200ms;
}
.sb-popup-overlay {
  position: fixed;
  width: 100%;
  height: 100%;
  z-index: 10000;
  background-color: rgba(0, 0, 0, 0.7);
  top: 0;
  left: 0;
}
.sb-popup-overlay .sb-popup {
  position: fixed;
  -webkit-box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.75);
  -moz-box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.75);
  box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.75);
  border-radius: 5px;
  min-width: 400px;
  min-height: 50px;
  padding: 10px;
  color: white;
  text-align: center;
  top: 50%;
  left: 50%;
  margin-top: -200px;
  margin-left: -200px;
}
.sb-popup-overlay .sb-popup.content_1 {
  background-color: rgba(0, 174, 163, 0.9);
}
.sb-popup-overlay .sb-popup.content_2 {
  background-color: rgba(0, 0, 0, 0.7);
}
.sb-popup-overlay .sb-popup h1,
.sb-popup-overlay .sb-popup h2,
.sb-popup-overlay .sb-popup h3,
.sb-popup-overlay .sb-popup h4 {
  color: white;
}
.sb-popup-overlay .sb-popup .sb-popup-close {
  position: absolute;
  text-align: center;
  right: 5px;
  top: 5px;
  cursor: pointer;
}
.sb-popup-overlay .sb-popup .sb-popup-close:hover {
  transition: 250ms;
  color: #00AEA3;
}
.sb-popup-overlay .sb-popup .sb-popup-close i {
  margin: 0;
}
.sb-popup-overlay .sb-popup .sb-popup-override {
  bottom: 2px;
  right: 2px;
  background: orangered;
  color: white;
  padding: 5px;
  cursor: pointer;
  max-width: 40%;
}
.sb-popup-overlay .sb-popup .sb-popup-override.sb-popup-override-float {
  position: absolute;
}
.sb-popup-overlay .sb-popup .sb-popup-override.sb-popup-override-block {
  margin: auto;
}
.sb-popup-overlay .sb-popup.content_1 #content_1 {
  display: block;
}
.sb-popup-overlay .sb-popup.content_1 #content_2 {
  display: none;
}
.sb-popup-overlay .sb-popup.content_2 #content_1 {
  display: none;
}
.sb-popup-overlay .sb-popup.content_2 #content_2 {
  display: block;
}
.pin {
  width: 30px;
  height: 30px;
  -webkit-border-radius: 50% 50% 50% 0;
  border-radius: 50% 50% 50% 0;
  background: #00AEA3;
  color: white;
  font-weight: bold;
  position: absolute;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
  margin: -20px 0 0 -20px;
}
.pin .text {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  display: block;
  position: relative;
  left: -3px;
  top: -7px;
}
.specialoffer-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 9999;
  background-color: rgba(0, 0, 0, 0.5);
  /*dim the background*/
}
.specialoffer-holder {
  width: 940px;
  height: 220px;
  border: 4px solid #00AEA3;
  position: relative;
  overflow: hidden;
  font-family: "Avenir", Arial, sans-serif;
}
@media screen and (max-width: 480px) {
  .specialoffer-holder {
    height: auto;
  }
}
.specialoffer-holder .specialoffer-spinner {
  width: 40px;
  height: 40px;
  top: 50%;
  left: 50%;
  margin-left: -20px;
  margin-top: -20px;
  position: absolute;
  display: none;
}
.specialoffer-holder .specialoffer-holder-close {
  position: absolute;
  top: 2px;
  right: 2px;
  width: 20px;
  height: 20px;
  background-color: #00AEA3;
  color: white;
  border-radius: 100%;
  text-align: center;
  cursor: pointer;
  font-size: 12px;
  line-height: 1.5em;
}
.specialoffer-holder .specialoffer-holder-close:hover {
  opacity: 0.5;
  transition: 200ms;
}
.specialoffer-holder .specialoffer-holder-band {
  position: absolute;
  top: 53px;
  left: -53px;
  width: 250px;
  height: 40px;
  color: white;
  text-align: center;
  transform: rotate(-45deg);
  background-color: #00AEA3;
}
.specialoffer-holder .specialoffer-holder-band span {
  font-size: 26px;
  display: block;
  line-height: 39px;
}
@media (max-width: 768px) {
  .specialoffer-holder .specialoffer-holder-band {
    position: static;
    transform: rotate(0deg);
    width: 100%;
  }
}
.specialoffer-holder .specialoffer-image {
  width: 50%;
  display: inline-block;
  vertical-align: top;
}
.specialoffer-holder .specialoffer-image img {
  width: 100%;
  max-height: 100%;
}
@media screen and (max-width: 480px) {
  .specialoffer-holder .specialoffer-image {
    display: block;
    width: 100%;
    text-align: center;
  }
}
.specialoffer-holder .specialoffer-content {
  width: 48%;
  font-size: 16px;
  display: inline-block;
  vertical-align: top;
}
.specialoffer-holder .specialoffer-content div {
  margin-bottom: 10px;
  padding-right: 5px;
}
.specialoffer-holder .specialoffer-content .specialoffer-content-header {
  margin-top: 20px;
  color: #00AEA3;
}
.specialoffer-holder .specialoffer-content .specialoffer-content-description {
  font-size: 11px !important;
}
@media screen and (max-width: 480px) {
  .specialoffer-holder .specialoffer-content {
    display: block;
    width: 100%;
    text-align: center;
  }
}
.specialoffer-holder .specialoffer-content-button {
  position: absolute;
  bottom: 5px;
  right: 5px;
  font-size: 16px;
  font-weight: 300;
  line-height: 1.5;
}
@media screen and (max-width: 480px) {
  .specialoffer-holder .specialoffer-content-button {
    position: static;
    text-align: center;
  }
  .specialoffer-holder .specialoffer-content-button form input,
  .specialoffer-holder .specialoffer-content-button form button {
    margin-bottom: 5px;
    display: block;
    margin-left: auto;
    margin-right: auto;
  }
}
.specialoffer-holder .specialoffer-content-button input[type=number] {
  width: 4em;
  text-align: center;
  vertical-align: middle;
  height: 40px;
  padding: 0 8px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
  border-radius: 2px;
  border: 1px solid silver;
  background: #FFFFFF;
  color: #6c6c6c;
}
.specialoffer-holder .specialoffer-content-button button {
  background: #00AEA3;
  display: inline-block;
  padding: 7px 15px;
  border: 0;
  color: #FFFFFF;
  font-size: 13px;
  font-weight: normal;
  font-family: "Avenir", Arial, sans-serif;
  line-height: 19px;
  vertical-align: middle;
  white-space: nowrap;
  height: 40px;
  margin-left: 5px;
}
.specialoffer-holder .specialoffer-content-button button:hover {
  background: #00958b;
  transition: .5s;
}
.specialoffer-holder-popup {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -110px;
  margin-left: -470px;
  background-color: white;
}
.specialoffer-holder-flat {
  width: 100%;
  margin-top: 10px;
}
.placeholder-diagonal {
  background: repeating-linear-gradient(45deg, lightgrey, lightgrey 10px, white 10px, white 20px);
}
.text-sb {
  color: #00AEA3 !important;
}
.order-button-holder {
  text-align: center;
  margin-top: 20px;
}
.order-button-holder div {
  display: inline-block;
  margin-right: 10px;
  margin-left: 10px;
}
.order-button-holder div:hover {
  opacity: 0.7;
  transition: 500ms;
}
.order-button {
  width: 200px;
}
.order-button img {
  width: 100%;
}
.address-cover {
  text-align: center;
  margin-top: 5px;
}
.ordervalue-content {
  padding-left: 20px;
}
.payment-method-holder {
  display: inline-block;
  margin-left: 20px;
  vertical-align: top;
  text-align: center;
  width: 270px;
}
.payment-method-holder .payment-method-header {
  margin-bottom: 5px;
}
.payment-method-holder .payment-method-logo {
  width: 200px;
  height: 70px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 5px;
}
.payment-method-holder .payment-method-selector {
  text-align: center;
}
.payment-method-holder .payment-method-footer {
  text-align: center;
}
.payment-method-holder .payment-method-footer img {
  max-width: 200px;
}
.payment-method-holder .payment-method-footer span {
  display: block;
}
.payment-method-holder .payment-method-footer span.available-amount {
  font-size: 30px;
}
.payment-method-holder .payment-method-nofunds span.tel {
  color: #00AEA3;
}
.payment-method-form {
  max-width: 400px;
  margin-left: auto;
  margin-right: auto;
}
.skinbrands-logo,
.sagepay-logo {
  width: 100%;
  height: 100%;
  margin-left: auto;
  margin-right: auto;
  background-size: contain !important;
  background-repeat: no-repeat !important;
  background-position: center;
}
.skinbrands-logo {
  background: #00AEA3 url('/media/Skinbrands/skinbrands-new-icon-logo-white.png');
}
.skinbrands-logo-disabled {
  opacity: 0.2;
}
.sagepay-logo {
  background: #43AA41 url('/media/Skinbrands/sage_pay_logo.jpg');
}
/**fix for the sage radio**/
#p_method_sagepaydirectpro {
  float: none !important;
  margin-right: auto !important;
  margin-top: auto !important;
}
.lbl-warning {
  text-transform: uppercase;
  color: red;
}
.lbl-orange {
  text-transform: uppercase;
  color: #D24505 !important;
}
#disabled-products-list {
  margin-top: 10px;
  margin-bottom: 10px;
  margin-left: 15px;
  list-style-type: circle;
}
#pdq-overlay,
#balance-exceed-overlay,
#thankyou-wnd {
  top: 30%;
}
#floating-carrier {
  left: 45%;
}
.onepage-popup {
  width: 640px;
  position: fixed;
  top: 50%;
  left: 50%;
  margin-left: -320px;
  margin-top: -350px;
  border-radius: 10px;
  border-color: #919195;
  z-index: 100;
  padding: 0 20px 20px 20px;
  background-color: rgba(0, 0, 0, 0.7) !important;
  color: white;
  text-align: center;
}
.data-table tbody td .item-options {
  margin-left: 0px;
}
.cart-table .item-options {
  padding-left: 0px;
}
.disabled-product {
  color: red;
}
.disabled-product a {
  color: red;
}
.disabled-product a:hover {
  color: #ff6666;
}
.mass-cart td {
  font-size: 11px;
  border-top: none !important;
}
table.product-listing {
  word-wrap: break-word;
}
.mass-cart td button,
.product-listing td button {
  padding: 0px !important;
  min-width: 0px;
  height: auto !important;
  white-space: normal !important;
  text-align: left !important;
}
.mass-cart td button {
  font-size: 12px !important;
}
.mass-order-specoffer {
  position: relative;
}
.mass-order-specoffer div {
  width: 50px;
  height: 50px;
  left: -50px;
  top: 0px;
  background: #00AEA3;
  border-radius: 100%;
  text-transform: uppercase;
  transform: rotate(-45deg);
  font-size: 12px;
  color: white;
  font-weight: bold;
  cursor: pointer;
  line-height: 5px;
}
.mass-order-specoffer div:hover {
  opacity: 0.7;
  transition: 250ms;
}
.mass-order-specoffer div span {
  position: relative;
  display: block;
  top: 50%;
  margin-top: -6px;
  text-align: center;
}
.category-selector:hover {
  background-color: #d3d3d3 !important;
  border-color: #d3d3d3 !important;
}
.preview-popup-wrapper {
  position: relative;
}
.preview-popup-wrapper .preview-popup {
  transition: .5s;
  position: absolute;
  background: white;
  border: 1px solid #929296;
  border-radius: 5px;
  z-index: 10000;
}
.preview-popup-wrapper .preview-popup img {
  min-width: 50px;
  max-width: 640px;
  max-height: 480px;
}
.resource-area .brand-thumb img {
  max-width: 250px!important;
}
.training-popup h1 img,
.training-popup h2 img,
.training-popup h3 img,
.training-popup h4 img,
.training-popup h5 img,
.training-popup h6 img {
  width: 30px;
  float: right;
}
.training-header {
  letter-spacing: 10px;
  line-height: 1.1em;
  display: inline-block;
  text-align: center;
  border-bottom: 5px solid #5f5f63;
  border-top: 5px solid #5f5f63;
  font-size: 50px;
  text-transform: uppercase;
}
.training-header .row-border {
  color: #5f5f63;
}
.training-header .row-middle {
  color: #00AEA3;
}
.training-col-left {
  border-right: 1px solid #5f5f63;
}
@media screen and (max-width: 991px) {
  .training-col-left {
    border: none;
  }
}
.class-badge {
  background-color: #00AEA3;
  color: white;
  position: relative;
  padding-top: 10px;
  padding-bottom: 10px;
  font-size: 30px;
  cursor: pointer;
}
.class-badge div {
  text-align: center;
}
.class-badge .left {
  width: 70px;
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -25px;
}
.class-badge .left img {
  width: 50px;
  vertical-align: middle;
}
.class-badge .middle {
  margin-left: 70px;
  margin-right: 25px;
  text-align: left;
}
@media (max-width: 480px) {
  .class-badge .middle {
    font-size: 0.6em;
    word-wrap: break-word;
  }
}
.class-badge .right {
  position: absolute;
  right: 2px;
  bottom: 2px;
}
.class-badge .right img {
  width: 25px !important;
  height: 25px !important;
  vertical-align: bottom;
}
.class-badge:hover {
  opacity: .8;
  transition: 200ms;
}
.training-location {
  background-color: #00AEA3;
  padding: 10px;
  color: white;
  border-radius: 5px;
  position: relative;
  text-align: left;
}
.training-location .info-badge {
  position: absolute;
  right: 2px;
  bottom: 2px;
  width: 25px;
  height: 25px;
  border-radius: 100%;
  background: white;
  color: #00AEA3;
  font-weight: bold;
  text-align: center;
}
.gb-map {
  position: relative;
}
.gb-map img {
  width: 100%;
  z-index: 1;
}
.training-files img {
  width: 30px;
}
.training-files a {
  font-size: 14px;
}
.class-key img {
  width: 50px;
}
.salon-locator-mgr .salon-icons {
  display: block !important;
  position: absolute !important;
  top: 0 !important;
  right: 0 !important;
  padding: 2px !important;
}
.salon-locator-mgr .hidden-salon {
  opacity: 0.5;
}
.salon-locator-mgr input[type="time"]::-webkit-clear-button {
  display: none;
}
.salon-locator-mgr .salon-image {
  width: 160px;
  height: 120px;
  margin-left: auto;
  margin-right: auto;
}
.salon-locator-mgr .salon-image img {
  width: 100%;
  height: 100%;
}
.thumbnail {
  text-align: center;
  min-height: 220px;
}
.thumbnail.pos-product {
  min-height: 340px;
}
.thumbnail img.thum-small {
  width: 100px;
  height: 100px;
}
.thumbnail img.thum-large {
  width: 100%;
  height: 100%;
}
.thumbnail-added {
  opacity: 0.3;
  transition: 1s;
}
.total {
  min-height: 150px;
}
.thumbnail .add {
  padding: 0;
  min-width: 70px;
  height: 22px;
}
.thumbnail p.name {
  display: block;
  margin-bottom: 10px;
}
.thumbnail p.name .btn {
  height: auto !important;
}
.thumbnail button.btn-link {
  white-space: normal;
}
.selected-products {
  overflow-y: auto;
  position: relative;
  width: 100%;
  height: 200px;
  border: 1px solid lightgray;
  border-radius: 2px;
  background: url('/skin/frontend/base/default/images/Skinbrands/shopping-cart.png');
  background-position: center;
  background-repeat: no-repeat;
  white-space: normal;
}
.selected-products button {
  white-space: normal !important;
  height: auto !important;
}
.selected-products .scroll {
  position: absolute;
  right: 5px;
}
.selected-products .scroll-down {
  bottom: 0;
}
.selected-products .scroll-up {
  top: 0;
}
.selected-products td {
  border-top: none !important;
}
.selected-products img {
  width: 50px;
  height: 50px;
}
.selected-products table {
  width: 95%;
}
.selected-products table td,
.selected-products table td button {
  font-size: 12px !important;
  padding: 0px;
  min-width: 0px;
  white-space: normal;
}
.cart-thumbnail {
  display: table-cell;
}
.suggested-frame {
  border: 2px solid #00AEA3;
  border-radius: 5px;
}
@media (min-width: 992px) and (max-width: 1200px) {
  .cart-thumbnail {
    display: none;
  }
}
/********************************
**************MAP****************
*********************************/
#uk-map {
  position: relative;
  background-image: url('/media/Skinbrands/MapEdited.png');
  background-size: contain;
}
/********************************
**********SEARCH RESULTS*********
*********************************/
.search-result {
  border-bottom: 1px solid lightgray;
  margin-bottom: 20px;
  padding-bottom: 10px;
}
.star {
  color: gold;
}
.search-result .btn {
  height: initial !important;
  padding: 0;
}
.search-result .salon-brands img {
  width: 50px;
  height: 50px;
}
/********************************
**************DETAILS************
*********************************/
.enquire-box {
  background: #EBEBEB;
  padding-top: 15px !important;
  border-radius: 5px;
  border: 1px solid #919190;
}
.enquire-box textarea {
  min-height: 100px;
}
.review-textarea {
  height: 10em;
}
.angular-google-map-container {
  height: 300px;
}
.review-area .review-header {
  background: #EBEBEB;
  text-transform: uppercase;
}
.review-area .review-header div {
  width: auto;
  display: inline-block;
  padding: 10px;
  margin-left: -15px;
  background: #dedede;
}
.review-area .stars-area.invalid {
  -webkit-box-shadow: 0px 0px 17px 3px #ff0000;
  -moz-box-shadow: 0px 0px 17px 3px #ff0000;
  box-shadow: 0px 0px 17px 3px #ff0000;
}
.sblocator-popup {
  width: 640px;
  position: absolute;
  top: 50px;
  left: 50%;
  margin-left: -320px;
  background: white;
  border-radius: 10px;
  border-color: #919195;
  z-index: 10002;
  -webkit-box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.75);
  -moz-box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.75);
  box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.75);
  padding: 0 20px 20px 20px;
}
.sblocator-popup:before {
  content: ' ';
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: 0.3;
  background-image: url(/skin/frontend/base/default/images/Skinbrands/locator/uk-map.png);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}
.sblocator-popup h1 small {
  font-size: 50%;
}
.sblocator-popup .close-btn {
  position: absolute;
  top: 5px;
  right: 5px;
  width: 25px;
  height: 25px;
  text-align: center;
  font-size: 20px;
  color: white;
  cursor: pointer;
}
.sblocator-popup label.control-label {
  font-size: 16px;
}
.sblocator-admin-overlay {
  width: 200px;
  padding: 10px;
  border-radius: 5px;
  position: fixed;
  top: 10px;
  left: 10px;
  background-color: rgba(0, 0, 0, 0.7);
  text-align: center;
  color: white;
}
.sblocator-admin-overlay a {
  color: #D24505;
}
.sb-news .article-wrapper {
  display: inline-block;
  max-width: 100%;
}
.sb-news .article-wrapper img.article-wrapper-img {
  max-width: 100% !important;
  cursor: pointer;
}
.sb-news .article-wrapper .article-wrapper-content {
  background: #929296;
  width: 100%;
  height: 100px;
  text-align: center;
  padding: 5px;
  color: white;
  cursor: pointer;
  position: relative;
}
.sb-news .article-wrapper .article-wrapper-content .readmore {
  position: absolute;
  bottom: 2px;
  right: 2px;
}
.sb-news .article-wrapper .article-wrapper-content:hover {
  background: #5f5f63;
  transition: 250ms;
}
@media (max-width: 992px) {
  .sb-news .article-wrapper-content span {
    font-size: 12px;
  }
}
.sb-news .read img.main-image {
  width: 100%;
}
.sb-news .right-col {
  border-left: 1px solid #929296;
}
@media (max-width: 320px) {
  .sb-news .sbnews-header p {
    display: none;
  }
}
.sb-search .lbl-tag .glyphicon-remove {
  cursor: pointer;
}
.sb-search input[type=text],
.sb-search input[type=number],
.sb-search select {
  border-radius: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.sb-search .product-thumbnail {
  width: 100%;
}
.sb-search .cat-thumbnail {
  width: 250px;
  height: 250px;
}
.sb-search .product {
  text-align: center;
  margin-bottom: 10px;
}
.sb-search .product .img {
  min-height: 150px;
}
.sb-search .product .img img {
  width: 100%;
}
.sb-search .rating {
  color: gold;
}
.sb-search button {
  text-transform: uppercase;
  color: white;
}
.sb-search .directive-attribute .directive-attribute-header {
  color: #00AEA3;
  padding-bottom: 5px;
}
.sb-search .directive-attribute .directive-attribute-header .glyphicon {
  display: inline-block;
  padding-right: 10px;
  color: #929296;
}
.sb-search .directive-attribute .directive-attribute-body {
  border: 1px solid #929296;
  padding: 5px;
}
.sb-search .directive-attribute input[type=checkbox] {
  display: none;
}
.sb-search .directive-attribute input[type=checkbox] + label:before {
  font-family: FontAwesome;
  display: inline-block;
}
.sb-search .directive-attribute input[type=checkbox] + label {
  font-weight: normal;
  text-align: center;
}
.sb-search .directive-attribute input[type=checkbox] + label:before {
  content: "\f096";
  margin-right: 10px;
}
.sb-search .directive-attribute input[type=checkbox]:checked + label:before {
  content: "\f046";
}
.sb-search .directive-attribute ul {
  margin-bottom: 0;
}
.sb-pages ul {
  list-style-type: disc;
  margin-left: 18px;
}
.sb-pages .member-holder {
  position: relative;
  padding-top: 5px;
}
.sb-pages .member-holder .glyphicon {
  display: block;
  position: absolute;
  right: 15px;
  top: 5px;
  color: #00AEA3;
  z-index: 100;
}
.sb-pages .member-holder .hidable-content-holder {
  display: block;
  overflow: hidden;
}
.sb-pages .member-holder .member-image-holder {
  border-top: 2px solid #00AEA3;
}
.sb-pages .member-holder .member-image-holder .member-image {
  width: 100%;
  max-width: 250px;
}
.sb-pages .member-holder .member-info-holder {
  border-top: 1px solid #929296;
}
.sb-pages #header-image {
  width: 100%;
}
.sb-pages.about-us ul {
  margin-left: 18px;
}
.sb-pages.about-us ul li {
  list-style-type: initial;
}
.sb-pages.about-us .shadow {
  -webkit-box-shadow: 0px 0px 9px 1px #919195;
  -moz-box-shadow: 0px 0px 9px 1px #919195;
  box-shadow: 0px 0px 9px 1px #919195;
}
.sb-pages.about-us .thumbnail {
  border-radius: 0 !important;
  border-color: #6c6c6c !important;
  margin: 10px;
  height: 240px;
  cursor: pointer;
  position: relative;
  color: #6c6c6c;
}
.sb-pages.about-us .thumbnail .info-sign {
  opacity: 0;
  position: absolute;
  right: 5px;
  bottom: 5px;
  font-size: 16px;
  width: 16px;
  height: 16px;
  transition: 500ms;
}
.sb-pages.about-us .thumbnail:hover .info-sign {
  opacity: 1;
}
.sb-pages.about-us .thumbnail:hover .img-whiteout .overlay {
  opacity: 0.5;
}
.sb-pages.about-us .thumbnail .img-whiteout {
  position: relative;
}
.sb-pages.about-us .thumbnail .img-whiteout .overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transition: 500ms;
  background-color: #00AEA3;
  opacity: 0;
  text-align: center;
  color: white;
}
.sb-pages.about-us .thumbnail .img-whiteout .info-sign {
  left: 50%;
  top: 50%;
  width: 36px;
  height: 36px;
  color: white;
  margin-top: -15px;
  margin-left: -15px;
  border: 2px solid white;
  border-radius: 100%;
}
.sb-pages.about-us .thumbnail .img-whiteout .info-sign i {
  font-size: 30px;
  margin-left: 5px;
}
.sb-pages.about-us .thumbnail img {
  width: 100% !important;
}
.sb-pages.about-us .thumbnail h4 {
  text-transform: capitalize;
}
.sb-pages.about-us .thumbnail strong {
  color: #6c6c6c;
}
@media (max-width: 768px) {
  .sb-pages.about-us .thumbnail {
    height: auto;
  }
}
.sb-pages.about-us .owl-holder {
  position: relative;
}
.sb-pages.about-us .owl-holder .owl-prev,
.sb-pages.about-us .owl-holder .owl-next {
  -webkit-box-shadow: 0px 0px 9px 1px #919195;
  -moz-box-shadow: 0px 0px 9px 1px #919195;
  box-shadow: 0px 0px 9px 1px #919195;
  position: absolute;
  width: 20px;
  height: 40px;
  background: #00AEA3;
  top: 30%;
  z-index: 1;
  cursor: pointer;
  text-align: center;
  color: white;
  padding-top: 8px;
}
.sb-pages.about-us .owl-holder .owl-prev {
  left: 0px;
}
.sb-pages.about-us .owl-holder .owl-next {
  right: 0px;
}
.sb-pages.about-us .member-popup-overlay {
  position: fixed;
  overflow-y: auto;
  display: none;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 10000;
  top: 0;
  left: 0;
}
.sb-pages.about-us .member-popup-overlay .member-popup {
  -webkit-box-shadow: 0px 0px 9px 1px #919195;
  -moz-box-shadow: 0px 0px 9px 1px #919195;
  box-shadow: 0px 0px 9px 1px #919195;
  position: relative;
  width: 690px;
  height: auto;
  left: 50%;
  margin-top: 20px;
  margin-left: -320px;
  background-color: white;
  border-radius: 5px;
  border: 1px solid #6c6c6c;
  display: none;
  padding: 10px;
  z-index: 3;
}
.sb-pages.about-us .member-popup-overlay .member-popup .member-popup-content {
  position: relative;
}
.sb-pages.about-us .member-popup-overlay .member-popup .member-popup-content .member-popup-close {
  position: absolute;
  top: 0px;
  right: 0px;
  text-align: center;
  font-size: 16px;
  padding-top: 2px;
  cursor: pointer;
  z-index: 1;
}
@media (max-width: 768px) {
  .sb-pages.about-us .member-popup-overlay .member-popup {
    margin-left: auto;
    margin-right: auto;
    left: 0;
    width: 100%;
  }
}
.sb-pages .underline {
  border-bottom: 2px solid #929296;
}
.sb-pages .position {
  padding: 5px 20px 5px 20px;
  background: #929296;
  color: white;
  border-radius: 3px;
  position: relative;
  transition: .5s;
}
.sb-pages .position:hover {
  background: #00AEA3;
}
.sb-pages .position .read-more {
  background: white;
  color: #929296;
  cursor: pointer;
  padding: 5px 10px 5px 10px;
  right: 20px;
  bottom: 20px;
  text-transform: uppercase;
  transition: .5s;
  width: 150px;
  max-width: 90%;
  text-align: center;
  margin-left: auto;
}
.sb-pages .position .read-more:hover {
  color: #00AEA3;
}
.sb-menu .active-node {
  background-color: #f7f7f7;
}
.sb-menu .nav-popup {
  display: none;
  position: absolute;
  background: #f7f7f7;
  box-shadow: 0px 15px 15px rgba(0, 0, 0, 0.3);
  padding: 10px;
  z-index: 1000;
}
.sb-menu .nav-popup .col {
  display: inline-block;
  margin: 10px;
  vertical-align: top;
}
.sb-menu .nav-popup .col span {
  display: block;
  width: 100%;
  padding: 3px;
}
.sb-menu .nav-popup .col span:hover {
  background: #d3d3d3;
  border-radius: 3px;
}
.sb-menu .nav-popup .col span.first-child a {
  color: #00AEA3;
  text-transform: uppercase;
}
.sb-menu .nav-popup .col span.second-child a {
  font-size: 13px;
  line-height: 16px;
  text-transform: none;
}
.productinfo-popup {
  position: fixed;
  background: white;
  width: 640px;
  padding: 10px;
  top: 100px;
  left: 50%;
  margin-left: -320px;
  z-index: 100;
  -webkit-box-shadow: 0px 0px 30px 0px #323232;
  -moz-box-shadow: 0px 0px 30px 0px #323232;
  box-shadow: 0px 0px 30px 0px #323232;
}
.productinfo-popup.hidden {
  display: none;
}
.productinfo-popup.visible {
  display: block;
}
.productinfo-popup .close-btn {
  position: absolute;
  top: 2px;
  right: 2px;
  cursor: pointer;
  z-index: 101;
}
.productinfo-popup .thumbnail {
  min-height: 0;
}
.sb-footer {
  margin-top: 20px;
}
.sb-footer .sb-footer-copyright {
  background-color: #565759;
  clear: both;
  color: #fff;
  padding: 15px 0 15px 0;
  text-align: center;
}
.sb-footer .newslater span.newsletter-widget-header {
  color: white;
  margin-bottom: 5px;
  display: block;
}
.sb-footer .newslater .input-group .btn {
  max-width: 42px;
}
.manufactured-popup {
  width: 640px;
  position: fixed;
  top: 50%;
  left: 50%;
  margin-left: -320px;
  margin-top: -400px;
  background: white;
  border-color: #919195;
  z-index: 100;
  -webkit-box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.75);
  -moz-box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.75);
  box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.75);
  padding: 0 20px 20px 20px;
}
.manufactured-popup h1 small {
  font-size: 50%;
}
.manufactured-popup .close-btn {
  position: absolute;
  top: 5px;
  right: 5px;
  width: 25px;
  height: 25px;
  text-align: center;
  font-size: 20px;
  color: white;
  cursor: pointer;
}
.manufactured-popup label.control-label {
  font-size: 16px;
}
.float-left {
  float: left !important;
}
.float-right {
  float: right !important;
}
.no-margin {
  margin: 0 !important;
}
.margin-bottom-20 {
  margin-bottom: 20px !important;
}
.margin-bottom-10 {
  margin-bottom: 10px !important;
}
.no-left-shift {
  margin-left: -15px !important;
}
.fit-img-h img {
  max-width: 100%;
}
.fit-img-v img {
  max-height: 100%;
}
.sb-icon {
  display: inline-block;
  -webkit-font-smoothing: antialiased;
}
.sb-icon:before {
  display: inline-block;
  width: 28px;
  height: 28px;
  position: relative;
  vertical-align: middle;
}
.sb-icon.sb-icon-event:before {
  content: url('/skin/frontend/revitalash/default/images/events-news/event.png');
}
.text-sb {
  color: #00b1af !important;
}
.text-white {
  color: white !important;
}
.text-right {
  text-align: right;
}
.text-center {
  text-align: center;
}
.none-float {
  float: none !important;
}
.text-orange {
  color: #D24505;
}
@media (max-width: 1200px) {
  .container {
    width: 970px;
    max-width: 100% !important;
  }
}
@media (max-width: 992px) {
  .container {
    padding-left: 20px !important;
    padding-right: 20px !important;
  }
  .container.container-md {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
}
.bootstrap-styles .btn {
  min-width: auto !important;
}
.bootstrap-styles .input-group .input-group-btn .btn {
  height: 34px !important;
}
.form-group.required .control-label:after {
  content: "*";
  color: red;
}
.magestore-bannerslider .bannerslide-default-slider .jquery-slider-navigation-prev,
.magestore-bannerslider .bannerslide-default-slider .jquery-slider-navigation-next {
  opacity: 0.5;
}
.magestore-bannerslider .jquery-slider-timer {
  display: none;
}
.magestore-bannerslider .jquery-slider-control-pause {
  display: none;
}
.cms-page-view h2 {
  color: #636363 !important;
}
.cms-page-view li {
  font-style: normal !important;
}
.product-right {
  position: relative;
}
.product-right .back {
  position: absolute;
  top: 0;
  right: 0;
}
.btn.squared {
  border-radius: 0px;
  border: none;
  padding-top: 8px;
}
.owl-item .product {
  display: block !important;
  margin: auto !important;
  float: none !important;
}
.bootstrap-styles .slider__navig,
.bootstrap-styles .recom-details--list {
  float: none !important;
  max-width: 100% !important;
}
.bootstrap-styles .slider__navig h1,
.bootstrap-styles .recom-details--list h1,
.bootstrap-styles .slider__navig h2,
.bootstrap-styles .recom-details--list h2,
.bootstrap-styles .slider__navig h3,
.bootstrap-styles .recom-details--list h3,
.bootstrap-styles .slider__navig h4,
.bootstrap-styles .recom-details--list h4,
.bootstrap-styles .slider__navig h5,
.bootstrap-styles .recom-details--list h5,
.bootstrap-styles .slider__navig h6,
.bootstrap-styles .recom-details--list h6 {
  font-size: inherit !important;
}
.bootstrap-styles #customer-reviews button {
  text-transform: uppercase !important;
  background: #00b1af !important;
  display: inline-block !important;
  padding: 7px 15px;
  border: 0;
  color: #FFFFFF !important;
  font-size: 13px;
  font-weight: normal;
  font-family: "Avenir", "Helvetica Neue", Verdana, Arial, sans-serif;
  line-height: 19px;
  text-align: center;
  vertical-align: middle;
  white-space: nowrap;
}
.bootstrap-styles .bs-overlap-left {
  margin-left: -15px;
}
.bootstrap-styles .bs-overlap-right {
  margin-right: -15px;
}
.bootstrap-styles .bs-overlap {
  margin-left: -15px;
  margin-right: -15px;
}
.grecaptcha-badge {
  display: none !important;
}
.toggle-tabs {
  display: none !important;
}
@media (max-width: 768px) {
  .toggle-tabs {
    display: block !important;
  }
}
/*
Changes to the WP Custom Menu module css
 */
#custommenu-mobile #menu-button a {
  color: #00b1af !important;
}
#custommenu-mobile .button {
  margin-top: 0 !important;
  margin-left: 0 !important;
  padding: 0 !important;
}
#wp-nav-container {
  padding: 0 !important;
}
#menu-content {
  margin-bottom: 10px !important;
}
.flexslider {
  border: 0!important;
  border-radius: 0!important;
  box-shadow: none!important;
  -webkit-box-shadow: none!important;
  -webkit-border-radius: 0!important;
}
.zoomWrapper {
  height: auto !important;
  width: auto !important;
}
#product-accordion .product-accordion-header ul {
  list-style: none;
}
#product-accordion .product-accordion-header ul li {
  display: inline-block;
}
#product-accordion .product-accordion-header ul li input[type=radio] {
  position: absolute;
  visibility: hidden;
}
#product-accordion .product-accordion-header ul li input[type=radio]:checked ~ .check {
  background-color: #00AEA3;
  color: white;
}
#product-accordion .product-accordion-header ul li label {
  cursor: pointer;
  padding: 3px;
  margin: 0 !important;
}
.homepage-slider .slider-holder img {
  max-width: 100%;
}
.homepage-slider .slider-footer img {
  max-height: 130px !important;
  max-width: 100% !important;
}
.category-images img {
  max-height: 130px;
}
.customer-account .graditent-button {
  padding: 5px;
  color: white !important;
  font-size: 14px;
  text-align: center;
  border-radius: 5px;
}
.customer-account .block.block-account .block-title span {
  font-size: 20px !important;
}
.customer-account .addresses-primary li.item,
.customer-account .addresses-additional li.item {
  position: relative;
}
.customer-account .addresses-primary li.item .glyphicon,
.customer-account .addresses-additional li.item .glyphicon {
  position: absolute;
  bottom: 0;
  right: 0;
}
.price.details-price {
  position: relative;
}
.price.details-price .free-shipping {
  position: absolute;
  right: 0;
  top: -30px;
  width: 100px;
}
.price.details-price .free-shipping img {
  width: 100%;
}
.links li {
  width: 50%;
  float: left;
  word-break: normal !important;
}
.social-icons .soc--ico {
  font-size: 25px !important;
}
.pic {
  width: 30px;
  height: 30px;
}
.pic.pic-head {
  background-image: url('/skin/frontend/base/default/images/Skinbrands/internal/head.png');
}
.category-video-container {
  position: relative;
}
.category-video-container .category-video-overlay {
  position: absolute;
  background: rgba(1, 1, 1, 0.5);
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transition: .5s;
  opacity: 0;
}
.category-video-container .category-video-overlay .category-video-icon {
  text-align: center;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  left: 50%;
  cursor: pointer;
}
.category-video-container .category-video-overlay .category-video-icon h1 {
  color: white;
  font-size: 70px;
}
.category-video-container .category-video-overlay:hover {
  opacity: 1;
}
/*# sourceMappingURL=frontend-common.css.map */