.vertical-center {
  min-height: 100%;  /* Fallback for browsers do NOT support vh unit */
  min-height: 100vh; /* These two lines are counted as one :-)       */

  display: flex;
  align-items: center;
}

#loader-screen {
	display: none;
	position: absolute;
    width: 100%;
    height: 100%;
    background: #fff;
    top: 0px;
    left: 0px;
    z-index: 999;
    text-align: center;	
}

#loader-screen img {
	margin-top: 200px;
	width: 50px;
}

.request_pickup, .request_pickup:hover, .request_pickup:visited {
    display: inline-block;
    background: #e5ec7c;
    width: 200px;
    padding: 5px 10px;
    text-align: center;
    color: #000;
    text-decoration: none;
    border-radius: 10px;
    border: 1px solid rgb(50 50 50 / 52%);
}

.pickup-area {
	float: right;
}

.pickup-status { margin-left: 10px; font-size: 13px; opacity: .8; display: block; text-align: center; }

.backbutton {
	margin-top: 10px;
}

.print-btn {
	background-color: #ccc;
	padding: 5px 10px;
	border: 1px solid #565656;
	color: #000;
	text-decoration: none;
}

a.weight-menu {
    padding: 5px 10px;
    border: 1px solid #5d5d5d;
    background: #ccc;
    margin: 5px;
    float: right;
    text-decoration: none;
    color: #000;
}

.filterform {
    display: inline-block;
    margin: 10px;
}

.filterform input[type=submit] {
    padding: 5px 10px;
}

.print-btn:hover {
	color: #000;
	text-decoration: none;
}

.dataTables_wrapper {
	margin-top: 40px;
    margin-bottom: 40px;
}

#notification .modal-content {
	padding: 20px;
}

.deleteplayer {
	margin-right: auto;
}

.nav-menu {
	margin-top: 20px;
	font-size: 12px;
}

.nav-menu a {
	background: #e3e3e3;
    padding: 10px;
    color: #000;
    border-radius: 10px;
    margin: 5px;
    text-decoration: none;
    border: 1px solid #bebebe;
    width: 200px;
    text-align: center;
    padding-top: 13px;
    font-size: 11px;	
}

.prod_info .label {
	display: inline-block;
}

.prod_info .form-check-input {
	margin-top: 7px;
}

.product-link, .product-link:hover, .product-link:visited {
	color: #000;
	text-decoration: none;
}

.save-price-button, .apply-price-button {
	cursor: pointer;
}

.apply-price-button {
	float: right;
}

#toggle-colors, #toggle-sizes, #toggle-packs {
	float: right;
	cursor: pointer;
}

#toggle-colors svg, #toggle-sizes svg, #toggle-packs svg {
	cursor: pointer;	
}

#amazon-feed-count {
	margin-top: 20px;
}

h5#productModalLongTitle {
    width: 600px;
}

#setinactive {
    margin-right: 900px;
}

.stores img {
	width: 22px;
    height: 22px;
    margin-left: 5px;
}

#keyword-status, #desc_hu-status, #desc_us-status, #desc_de-status, #desc_fr-status, #desc_it-status, #desc_es-status {
    margin: 50px 30px 0px 0px;
    display: inline-block;
    float: right;
}

.taxsender-fonix-table th {
	text-align: left;
    padding-left: 8px !important;
}

.prod-status-job {
	cursor: pointer;
	vertical-align: bottom;
}

.container-colorWhite {
	border-left: 5px solid white;
	padding-left: 30px;
}

.refresh_title, .refresh_keywords {
    width: 14px;
    vertical-align: initial;
	cursor: pointer;
}

a.inv-progress {
    background: #4fc960;
    padding: 5px 10px;
	text-decoration: none;
    color: #000;
    border-radius: 5px;
    font-size: 14px;
}

input.shipping-create {
	background: #5daff3;
    padding: 5px;
    text-decoration: none;
    color: #000;
    border-radius: 5px;
    font-size: 14px;
    border: 0px solid transparent;
    text-align: center;
}

a.shipping-print {
    background: #c1f0f9;
    padding: 5px 20px;
    text-decoration: none;
    color: #000;
    border-radius: 5px;
    font-size: 14px;
}

a.inv-ready {
    background: #b6a33a;
    padding: 5px 10px;
	text-decoration: none;
    color: #000;
    border-radius: 5px;
    font-size: 14px;
	display: block;
	text-align: center;
}

input.createlabels, button.createlabels {
	background: #e6b537;
    padding: 5px 10px;
    text-decoration: none;
    color: #000;
    border-radius: 10px;
    border: 1px solid rgb(50 50 50 / 52%);
    text-align: center;
	margin-top: 50px;
	width: 150px;
}

#open-jobs-modal {
	background: #79c88f;
	margin-left: 50px !important;
}

.is-disabled { pointer-events: none; cursor: default; opacity: .5; }

.order-label {
    background: #99ced4;
    color: #000;
    border-radius: 5px;
    font-size: 14px;
    padding: 10px;
    display: block;
    width: 400px;
    text-align: left;
}

a.order-label:visited {
	color: #797777;
	background: #b8d2d4;
}

.order-label:hover {
	color: #fff;
	background: #6ba3a9;
	text-decoration: none;
}

.up {
	color: #529e4e;
	font-weight: bold;
}

.down {
	color: #ed4545;
	font-weight: bold;
}

.tooltip .tooltip-inner{
	max-width: 500px !important;
	text-align: left;
}

#productclass {
	font-size: 50px;
    font-weight: bold;	
}

#itemname-fly {
	position: fixed;
    bottom: 20px;
    left: 20px;
    text-align: center;
    z-index: 999999;
    display: block;
    width: 300px;
    padding: 20px;
    background-color: #ffffff;
    border-radius: 5px;
}

#itemphoto-fly {
	position: fixed;
    top: 20px;
    left: 20px;
    text-align: center;
    z-index: 999999;
    display: block;
    width: 300px;
    padding: 20px;
    background-color: #ffffff;
    border-radius: 5px;
}

#flyerimage {
	width: 100%;
}

.container-colorBlack {
	border-left: 5px solid black;
	padding-left: 30px;
}

.container-colorBrown {
	border-left: 5px solid brown;
	padding-left: 30px;
}

.container-colorRed {
	border-left: 5px solid red;
	padding-left: 30px;
}

.container-colorBlue {
	border-left: 5px solid blue;
	padding-left: 30px;
}

.container-colorYellow {
	border-left: 5px solid yellow;
	padding-left: 30px;
}

.container-colorGreen {
	border-left: 5px solid green;
	padding-left: 30px;
}

.container-colorGray {
	border-left: 5px solid gray;
	padding-left: 30px;
}

.container-colorOrange {
	border-left: 5px solid orange;
	padding-left: 30px;
}

.container-colorSkin {
	border-left: 5px solid #fddfe4;
	padding-left: 30px;
}

.container-colorLightBlue {
	border-left: 5px solid lightblue;
	padding-left: 30px;
}

.container-colorDarkGreen {
	border-left: 5px solid darkgreen;
	padding-left: 30px;
}

.container-colorPink {
	border-left: 5px solid pink;
	padding-left: 30px;
}

.container-colorPurple {
	border-left: 5px solid purple;
	padding-left: 30px;
}

.container-colorSilver {
	border-left: 5px solid silver;
	padding-left: 30px;
}

.container-colorGold {
	border-left: 5px solid #bab124;
	padding-left: 30px;
}

.container-colorTransparent {
	border-left: 5px solid #efeeeb;
	padding-left: 30px;
}

.container-colorRandom {
	border-left: 5px solid #efeeeb;
	padding-left: 30px;
}

.amazon-suggested, .amazon-control {
    background: #dfffcb;
}

.etsy-suggested, .etsy-control {
    background: #cbfffb;
}

.bgs-suggested, .bgs-control {
    background: #ffe6e6;
}

.minik-suggested, .minik-control {
    background: #fbffe6;
}

.prod_info span {
	float: right;
    text-align: right;
}

.pr-actions, .pr-actions:hover {
	text-decoration: none;
	margin-left: 5px;
}

.features {
    width: 100%;
    margin: 10px 0px;
}

#savebulletpoints {
	background-color: #9c4b9a;
}

#product-tags {
	display: block;
	margin: 10px;
}

#ui-toggle {
    position: fixed;
	margin-left: -70px;
    margin-top: -150px;
}

.mplace-selector {
	display: inline !important;
}

.photo-section {
	margin-top: 40px;
}

#product-title-input {
    width: 80%;
}

#process-loader {
	position: absolute;
    margin-top: -70px;
    background: #ffffff;
    padding: 20px;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
	min-width: 64px;
	min-height: 66px;
}

#official_links {
	width: 50%;
    text-align: right;
}

#official_links a {
	width: 30%;
}

.bgcheckbox {

}

.bgchkbox {
	display: block;
    width: 100%;
    text-align: left;
    margin-top: 10px;
    margin-left: 30px;
}

#ui-handle-img {
	width: 40px;
}

.addtag, .addtag:visited {
    background-color: #d4eef3;
    display: inline-block;
    margin: 5px;
    padding: 5px 10px;
    color: #000;
    border-radius: 10px;
    text-decoration: none;
}

.addtag:hover {
    background-color: #abdfe9;
    display: inline-block;
    margin: 5px;
    padding: 5px 10px;
    color: #000;
    border-radius: 10px;
    text-decoration: none;
}

#get_category_asins {
	margin: 20px 0px;
}

.cat-loader {
	margin-left: 20px;
}

.toggle-amazon-issues {
    margin: 20px 0px;
}

.amissue {
	color: #fc0303;
    font-weight: bold;
}

#clearasin, #removethisamazon {
	font-weight: bold;
	text-decoration: none;
	display: inline-block;
}

#itemname-fly .buttons {
	margin-top: 20px;
}

#itemname-fly .buttons button {
    width: 100%;
    margin-bottom: 10px;
}
.taxsender-table{
	border-collapse: collapse;
}

.selectedview {
	background: #cecdcd !important;
	border: 5px solid #e8e4e4;
}

.scrollhelper-link, .scrollhelper-link:visited {
	text-decoration: none;
	color: #000;
	font-weight: bold;
}

.scrollhelper-link:hover {
	text-decoration: none;
	color: #5d5d5d;
}

.sendtr_bgs {
    background-color: #f8a4a4;
    color: #000;
}}

.view-product, .view-product:hover, .view-company, .view-company:hover {
	color: #3b4dea;
}

.edit-product, .edit-product:hover, .edit-company, .edit-company:hover {
	color: #369030;
}

.delete-product, .delete-product:hover, .delete-company, .delete-company:hover {
	color: #ea3b3b;
}

.nav-menu a:hover {
	background: #c6c6c6;
}

.header-logo {
	padding: 30px 30px 0px 30px;
}

.login-screen {
	padding: 30px;
    border: 1px solid #cbbdbd;
    background: #ebebeb;
    border-radius: 20px;
}

.chart-area {
	padding: 50px;
}

.js-copy {
	background-color: #768d8b;
	transition: background-color .2s, color .2s, border-color .2s;
}
.js-copy.copied {
	background-color: #16a34a; /* zöld */
	border-color: #16a34a;
	color: #fff;
}

.tab-container {
  margin-top: 20px;
}
.tab-buttons {
  display: flex;
  gap: 10px;
  margin-bottom: 10px;
}
.tab-btn {
  padding: 6px 12px;
  background: #eee;
  border: 1px solid #ccc;
  cursor: pointer;
  font-weight: bold;
}
.tab-btn.active {
  background: #ccc;
}
.tab-content {
  display: none;
}
.tab-content.active {
  display: block;
}