html, body {
  font-size: 0.95em;
}

.btn-edit:hover {
  opacity: 0.5;
}

/* Mimic table appearance */
div.table {
  display: table;
}
div.table .file-row {
  display: table-row;
}
div.table .file-row > div {
  display: table-cell;
  vertical-align: top;
  border-top: 1px solid #ddd;
  padding: 8px;
}
div.table .file-row:nth-child(odd) {
  background: #f9f9f9;
}

.popover-icon, .popover-icon:focus {
  cursor: pointer;
  outline: none;
}

.popover-icon:hover {
  color: gray !important;
}

/* The total progress gets shown by event listeners */
#total-progress {
  opacity: 0;
  transition: opacity 0.3s linear;
}

/* Hide the progress bar when finished */
#previews .file-row.dz-success .progress {
  opacity: 0;
  transition: opacity 0.3s linear;
}

/* Hide the delete button initially */
#previews .file-row .delete {
  display: none;
}

/* Hide the start and cancel buttons and show the delete button */

#previews .file-row.dz-success .start,
#previews .file-row.dz-success .cancel {
  display: none;
}
#previews .file-row.dz-success .delete {
  display: block;
}

.cbtn {
  font-size: 0.9em;
}

.cbtn-add, .cbtn-start, .cbtn-cancel, .cbtn-delete {
  vertical-align: middle;
}

.variant-dosage, .variant-packaging {
  font-weight: 700;
}

.add-variant-form, .edit-variant-form, .add-address-form, .edit-address-form, 
.add-addon-form, .edit-addon-form {
  display: none;
}

/* Just add this CSS to your project */

.dropzone {
  border: 2px dashed #dedede;
  border-radius: 5px;
  background: #f5f5f5;
  padding: 3.5em;
  cursor: pointer;
}

.dropzone .dz-message {
  color: rgba(0,0,0,.54);
  font-weight: 500;
  font-size: initial;
  text-transform: uppercase;
  text-align: center;
}

.bi-cloud-upload-fill{
  margin-left: auto;
  margin-right: auto;
}

.product-gallery {
  display: block;
}

.gallery-box {
  display: inline-flex;
}

.img-responsive {
  width: 100%;
}

.view-image{
  position: relative;
}

.btn-remove-image, .btn-remove-variantimage, .btn-remove-addonimage {
    right:0px;
    position: absolute;
    cursor: pointer;
    font-size: 1.5em;
    border: 1px solid gray !important;
    border-radius: 1px;
    overflow: hidden;
}


.btn-remove-address, .btn-remove-saved-address, .btn-edit-address {
  cursor: pointer;
  font-weight: bold;
}

.btn-remove-address:hover, .btn-remove-saved-address:hover {
  color: #dc3545c4 !important;
}


/* ORDER HISTORY */
ul.timeline {
    list-style-type: none;
    position: relative;
}

ul.timeline:before {
    content: ' ';
    background: dodgerblue;
    display: inline-block;
    position: absolute;
    left: 29px;
    width: 0px;
    height: 100%;
    z-index: 400;
}

ul.timeline > li {
    margin: 0px 0px 0px 29px;
    padding: 0;
    border-left: 2px solid dodgerblue;
}

ul.timeline > li:before {
    content: ' ';
    background: white;
    display: inline-block;
    position: absolute;
    border-radius: 50%;
    border: 3px solid #000;
    left: 20px;
    width: 20px;
    height: 20px;
    z-index: 400;
}

ul.timeline > li.history-indicator:before {
    background: dodgerblue !important;
}

ul.timeline > li.history-indicator {
    border: none !important;
}

.history
{
  margin-left:1em;
  margin-bottom: 0;
  padding-bottom: 1rem;
}

.nav-pro.active {
  background: green !important;
}

.nav-shop.active {
  background: #fd6701 !important;
}

.btn-shop{
  background: #fd6701 !important;
}

.bg-shop{
  background: #fd6701 !important;
}

.btn-outline-shop:hover{
    color: #fff;
    background-color: #fd6701;
    border-color: #fd6701;
}
.btn-outline-shop{
    color: #fd6701;
    border-color: #fd6701;
}

.modal-spinner-overlay {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgb(0 0 0 / 15%);
    z-index: 2;
    cursor: progress;
}

#page-spinner-overlay {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100vw;
    height: 100vh;
    z-index: 1050;
    background-color: rgb(0 0 0 / 15%);
    cursor: progress;
}

#page-spinner-overlay.active, .modal-spinner-overlay.active {
    display: block;
}

#page-spinner, .modal-spinner {
    position: absolute;
    margin: 0 auto;
    top: calc(50% - 24px);
    width: 100%;
}
thead input {
    width: 100%;
    padding: 3px;
    box-sizing: border-box;
}

/* REVIEW */
.image_area {
  position: relative;
  background: white;
  width: 75px;
  height: 75px;
  margin-left: auto;
  margin-right: auto;
  border: 1px solid #959595;
  padding: 5px;
  border-radius: 50%;
  overflow: hidden;
  cursor: pointer;
}

.profile_image {
  width: 100%;
  height: 100%;
  object-fit: contain;
  display: table-cell;
  vertical-align: middle;
}

.preview {
  overflow: hidden;
  width: 160px; 
  height: 160px;
  margin: 10px;
  border: 1px solid red;
}

.modal-lg{
    max-width: 1000px !important;
}

.overlay-text {
  transition: .5s ease;
  opacity: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  text-align: center;
  line-height: normal;
}

.image_area:hover .profile_image {
  opacity: 0.3;
}

.image_area:hover .overlay-text {
  opacity: 1;
}

#new_profile_image {
  max-width: 100%; /* This rule is very important, please do not ignore this! */
}


.content-wrapper.simplified {
  margin: unset !important;
}

.section-upload-url.simplified, .section-shipping-address.simplified, .section-account-credential.simplified, .form-group.simplified, .section-cancel-btn.simplified, .section-header.simplified, .section-print.simplified {
  display: none !important;
}

/* GENERAL */
th {
  vertical-align: text-top !important;
}

.table thead th {
  position: relative;
}

.table-search th {
  vertical-align: text-top !important;
  height: 70px !important;
}

.table-search-longtext th {
  vertical-align: text-top !important;
  height: 85px !important;
}

.table-search th input {
  position: absolute !important;
  right: 3% !important;
  width: 94%;
  bottom: 2px !important;
}

table.dataTable thead .sorting:before, table.dataTable thead .sorting_asc:before, table.dataTable thead .sorting_desc:before, table.dataTable thead .sorting_asc_disabled:before, table.dataTable thead .sorting_desc_disabled:before, table.dataTable thead .sorting:after, table.dataTable thead .sorting_asc:after, table.dataTable thead .sorting_desc:after, table.dataTable thead .sorting_asc_disabled:after, table.dataTable thead .sorting_desc_disabled:after {
  top: 0 !important;
  padding-top:  10px !important;
}

.table-overflow .row {
  overflow-x: auto;
}

.qr-container {
  cursor: pointer;
  margin: auto;
}

.starter-product, #check-all-starter {
  vertical-align: middle;
  cursor: pointer;
}

.check-all-starter {
  position: absolute;
  left: 0;
  bottom: 0;
}

#check-all-starter {
  bottom: auto !important;
  right: auto !important;
}

#label-check-all-starter {
  margin-left: 1.4rem;
  font-weight: normal;
}

@media print {
  body * {
    visibility:hidden;
  }

  .print-this, .print-section * {
    visibility:visible;
  }

  .print-section {
    position:absolute;
    left:0;
    top:0;
    max-width: 100%;
    width: 100%;
    height: 100%;
  }

  .modal-title {
    font-size: 4rem;
  }

	body{
		font-size: 1.3em;
	}
	
	h1, h2, h3, h4, h5, h6 {
		font-size: 1.3em;
	}
	
	a:link {
		color: black !important;
		border-bottom: none !important;
		text-decoration: none !important;
    }
    a[href]:after {
        content: none !important;
    }
	
	.hide-platform-fee, .hide-order-status, .hide-referral, .no-print {
		display: none;
	}
}

.clearfix {
	clear: both !important;
}

.sidebar-mini .sidebar .hide-when-collapsed {
    display: inline-flex;
}

.sidebar-mini.sidebar-collapse .sidebar .hide-when-collapsed {
    margin-left: -10px;
    -webkit-animation-name: fadeOut;
    animation-name: fadeOut;
    -webkit-animation-duration: .3s;
    animation-duration: .3s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    display: none;
}

.sidebar-mini.sidebar-collapse .sidebar .btn-share {
  border-radius: 0.25rem;
  margin-left: -0.65rem;
}

/* On screens that are 992px or less, set the background color to blue */
@media screen and (max-width: 992px){
  .sidebar-mini.sidebar-collapse .sidebar .hide-when-collapsed {
      margin-left: -10px;
      -webkit-animation-name: fadeOut;
      animation-name: fadeOut;
      -webkit-animation-duration: .3s;
      animation-duration: .3s;
      -webkit-animation-fill-mode: both;
      animation-fill-mode: both;
      visibility: hidden;
  }

  .sidebar-mini.sidebar-collapse .sidebar .btn-share {
    border-radius: 0.25rem;
    margin-left: -0.65rem;
  }
}

/* On screens that are 600px or less, set the background color to olive */
@media screen and (max-width: 600px){
  .sidebar-mini.sidebar-collapse .sidebar .hide-when-collapsed {
      margin-left: -10px;
      -webkit-animation-name: fadeOut;
      animation-name: fadeOut;
      -webkit-animation-duration: .3s;
      animation-duration: .3s;
      -webkit-animation-fill-mode: both;
      animation-fill-mode: both;
      visibility: hidden;
  }

  .sidebar-mini.sidebar-collapse .sidebar .btn-share {
    border-radius: 0.25rem;
    margin-left: -0.65rem;
  }
}

.sidebar-mini.sidebar-collapse .main-sidebar:hover .sidebar .hide-when-collapsed {
    display: inline-block;
    margin-left: 0;
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn;
    -webkit-animation-duration: .3s;
    animation-duration: .3s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    display: inline-flex;
}

.sidebar-mini.sidebar-collapse .main-sidebar:hover .sidebar .btn-share {
    border-top-left-radius: 0rem;
    border-bottom-left-radius: 0rem;
}

@media (min-width: 992px){
  .sidebar-mini.sidebar-collapse .main-sidebar:hover .sidebar .hide-when-collapsed {
      display: inline-block;
      margin-left: 0;
      -webkit-animation-name: fadeIn;
      animation-name: fadeIn;
      -webkit-animation-duration: .3s;
      animation-duration: .3s;
      -webkit-animation-fill-mode: both;
      animation-fill-mode: both;
      display: inline-flex;
  }

  .sidebar-mini.sidebar-collapse .main-sidebar:hover .sidebar .btn-share {
    border-top-left-radius: 0rem;
    border-bottom-left-radius: 0rem;
  }
}

@media (min-width: 600px){
  .sidebar-mini.sidebar-collapse .main-sidebar:hover .sidebar .hide-when-collapsed {
      display: inline-block;
      margin-left: 0;
      -webkit-animation-name: fadeIn;
      animation-name: fadeIn;
      -webkit-animation-duration: .3s;
      animation-duration: .3s;
      -webkit-animation-fill-mode: both;
      animation-fill-mode: both;
      display: inline-flex;
  }

  .sidebar-mini.sidebar-collapse .main-sidebar:hover .sidebar .btn-share {
    border-top-left-radius: 0rem;
    border-bottom-left-radius: 0rem;
  }
}