@font-face {
	font-family: 'Raleway';
	src: url('../fonts/Raleway/Raleway-ExtraLight.ttf') format('truetype');
	font-weight: 200;
	font-style: lighter;
}
@font-face {
	font-family: 'Raleway';
	src: url('../fonts/Raleway/Raleway-Light.ttf') format('truetype');
	font-weight: 300;
	font-style: lighter;
}
@font-face {
	font-family: 'Raleway';
	src: url('../fonts/Raleway/Raleway-Regular.ttf') format('truetype');
	font-weight: 400;
	font-style: normal;
}
@font-face {
	font-family: 'Raleway';
	src: url('../fonts/Raleway/Raleway-Medium.ttf') format('truetype');
	font-weight: 500;
	font-style: bold;
}
@font-face {
	font-family: 'Raleway';
	src: url('../fonts/Raleway/Raleway-SemiBold.ttf') format('truetype');
	font-weight: 600;
	font-style: bolder;
}
@font-face {
	font-family: 'Raleway';
	src: url('../fonts/Raleway/Raleway-Bold.ttf') format('truetype');
	font-weight: 700;
	font-style: bolder;
}

:root {
	--tgg-red: #ee2b27;
	--tgg-brown: #8B4513;	
	--tgg-yellow: #ffb300	;
	--tgg-green: #43a047;
	--tgg-blue:  #3949ab;
	--tgg-cyan: #1e88e5;
  --tgg-indigo: #6610f2;
  --tgg-pink:  #ff65d7;
  --tgg-orange: #ff7900;
	--tgg-purple: #990099;
}

* {
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	 box-sizing: border-box;
}

/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}


/*MAIN STRUCTURE*/

html {
	width: 100%;
	height: 100%;
}

body {
	display: flex;
  flex-direction: column;
	font-family: 'Raleway';
	margin: 0;
	position: relative;
	overflow-x: hidden;
	width: 100%;
	min-height: 100%;
}

div {
	display: block;
	position: relative;
	box-sizing: border-box;
}

.container {
	width: 90%;
	max-width: 1024px;
	margin: auto;
	position: relative;
}

main {
	/* min-height: calc(100vh - 200px); */
	background-color: white;
	position: relative;
	/* height: 100%; */
	flex: 1 1 auto;
	min-height: 0;
}

main .container {
	margin: auto;
	position: relative;
}

@media only screen and (max-width: 990px) {

	.container {
		width: 95%;
	}

	main .container {
		width: 95%;
		max-width: 990px;
	}
}



/*END MAIN STRUCTURE*/

h1 {
	font-size: 25px;
	color: #2E282A;
	font-weight: 400;
}

h2 {
	font-size: 16px;
	color: #6e6e6e;
	font-weight: 500;
}

h3 {
	font-size: 15px;
	color: #2E282A;
	font-weight: 400;
}

h4 {
	font-size: 14px;
	color: #2E282A;
	font-weight: 400;
}

h5 {
	font-size: 15px;
	color: #2E282A;
	font-weight: 400;
	letter-spacing: 0.5px;
	margin-bottom: 15px;
}

h6 {
	font-size: 12px;
	color: #2E282A;
	font-weight: 300;
}

/* Grid System */

.title {
	display: flex;
	justify-content: space-between;
	align-items: center;
	height: 55px;
	padding: 0;
}

.title h1 {
	margin-bottom: 0;
	margin: 0;
	font-size: 17px;
}

.title h2 {
	margin-bottom: 0;
	margin: 0;
	font-size: 16px;
	color: #2E282A;
}

.title div {
	display: flex;
	align-items: center;
}

.title div input {
	border:none;
	border-radius: 0;
	border-bottom: 1px solid rgba(0,0,0,.1);
	padding: 7px 0;
	background-color: transparent;
	margin-right: 5px;
	font-size: 13.5px;
}

.title div button {
	margin: 0 5px;
	font-size: 11px;
}

.title div button:last-child {
	margin: 0 0 0 5px;
}

.row {
	width: 100%;
	display: block;
	overflow: auto;
	position: relative;
}

.col-1 {
	float: left;
	width: calc(8.33% - 1px);
	padding: 5px 5px;
}
.col-2 {
	float: left;
	width: calc(16.67% - 1px);
	padding: 5px 5px;
}
.col-3 {
	float: left;
	width: calc(25% - 1px);
	padding: 5px 5px;
}
.col-4 {
	float: left;
	width: calc(33.33% - 1px);
	padding: 5px 5px;
}
.col-5 {
	float: left;
	width: calc(41.67% - 1px);
	padding: 5px 5px;
}
.col-6 {
	float: left;
	width: calc(50% - 1px);
	padding: 5px 5px;
}
.col-7 {
	float: left;
	width: calc(58.33% - 1px);
	padding: 5px 5px;
}
.col-8 {
	float: left;
	width: calc(66.67% - 1px);
	padding: 5px 5px;
}
.col-9 {
	float: left;
	width: calc(75% - 1px);
	padding: 5px 5px;
}
.col-10 {
	float: left;
	width: calc(83.33% - 1px);
	padding: 5px 5px;
}
.col-11 {
	float: left;
	width: calc(91.67% - 1px);
	padding: 5px 5px;
}
.col-12 {
	float: left;
	width: calc(100% - 1px);
	padding: 5px 5px;
}

input[type=checkbox] {
	transform: scale(1.5);
	width: auto;
	height: unset !important;
}

@media only screen and (min-width: 1200px) {
	.col-xl-1 {
		float: left;
		width: calc(8.33% - 1px) !important;
		padding: 5px 5px;
	}
	.col-xl-2 {
		float: left;
		width: calc(16.67% - 1px) !important;
		padding: 5px 5px;
	}
	.col-xl-3 {
		float: left;
		width: calc(25% - 1px) !important;
		padding: 5px 5px;
	}
	.col-xl-4 {
		float: left;
		width: calc(33.33% - 1px) !important;
		padding: 5px 5px;
	}
	.col-xl-5 {
		float: left;
		width: calc(41.67% - 1px) !important;
		padding: 5px 5px;
	}
	.col-xl-6 {
		float: left;
		width: calc(50% - 1px) !important;
		padding: 5px 5px;
	}
	.col-xl-7 {
		float: left;
		width: calc(58.33% - 1px) !important;
		padding: 5px 5px;
	}
	.col-xl-8 {
		float: left;
		width: calc(66.67% - 1px) !important;
		padding: 5px 5px;
	}
	.col-xl-9 {
		float: left;
		width: calc(75% - 1px) !important;
		padding: 5px 5px;
	}
	.col-xl-10 {
		float: left;
		width: calc(83.33% - 1px) !important;
		padding: 5px 5px;
	}
	.col-xl-11 {
		float: left;
		width: calc(91.67% - 1px) !important;
		padding: 5px 5px;
	}
	.col-xl-12 {
		float: left;
		width: calc(100% - 1px) !important;
		padding: 5px 5px;
	}
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.col-lg-1 {
		float: left;
		width: calc(8.33% - 1px) !important;
		padding: 5px 5px;
	}
	.col-lg-2 {
		float: left;
		width: calc(16.67% - 1px) !important;
		padding: 5px 5px;
	}
	.col-lg-3 {
		float: left;
		width: calc(25% - 1px) !important;
		padding: 5px 5px;
	}
	.col-lg-4 {
		float: left;
		width: calc(33.33% - 1px) !important;
		padding: 5px 5px;
	}
	.col-lg-5 {
		float: left;
		width: calc(41.67% - 1px) !important;
		padding: 5px 5px;
	}
	.col-lg-6 {
		float: left;
		width: calc(50% - 1px) !important;
		padding: 5px 5px;
	}
	.col-lg-7 {
		float: left;
		width: calc(58.33% - 1px) !important;
		padding: 5px 5px;
	}
	.col-lg-8 {
		float: left;
		width: calc(66.67% - 1px) !important;
		padding: 5px 5px;
	}
	.col-lg-9 {
		float: left;
		width: calc(75% - 1px) !important;
		padding: 5px 5px;
	}
	.col-lg-10 {
		float: left;
		width: calc(83.33% - 1px) !important;
		padding: 5px 5px;
	}
	.col-lg-11 {
		float: left;
		width: calc(91.67% - 1px) !important;
		padding: 5px 5px;
	}
	.col-lg-12 {
		float: left;
		width: calc(100% - 1px) !important;
		padding: 5px 5px;
	}
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
	.col-md-1 {
		float: left;
		width: calc(8.33% - 1px) !important;
		padding: 5px 5px;
	}
	.col-md-2 {
		float: left;
		width: calc(16.67% - 1px) !important;
		padding: 5px 5px;
	}
	.col-md-3 {
		float: left;
		width: calc(25% - 1px) !important;
		padding: 5px 5px;
	}
	.col-md-4 {
		float: left;
		width: calc(33.33% - 1px) !important;
		padding: 5px 5px;
	}
	.col-md-5 {
		float: left;
		width: calc(41.67% - 1px) !important;
		padding: 5px 5px;
	}
	.col-md-6 {
		float: left;
		width: calc(50% - 1px) !important;
		padding: 5px 5px;
	}
	.col-md-7 {
		float: left;
		width: calc(58.33% - 1px) !important;
		padding: 5px 5px;
	}
	.col-md-8 {
		float: left;
		width: calc(66.67% - 1px) !important;
		padding: 5px 5px;
	}
	.col-md-9 {
		float: left;
		width: calc(75% - 1px) !important;
		padding: 5px 5px;
	}
	.col-md-10 {
		float: left;
		width: calc(83.33% - 1px) !important;
		padding: 5px 5px;
	}
	.col-md-11 {
		float: left;
		width: calc(91.67% - 1px) !important;
		padding: 5px 5px;
	}
	.col-md-12 {
		float: left;
		width: calc(100% - 1px) !important;
		padding: 5px 5px;
	}
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
	.col-sm-1 {
		float: left;
		width: calc(8.33% - 1px) !important;
		padding: 5px 5px;
	}
	.col-sm-2 {
		float: left;
		width: calc(16.67% - 1px) !important;
		padding: 5px 5px;
	}
	.col-sm-3 {
		float: left;
		width: calc(25% - 1px) !important;
		padding: 5px 5px;
	}
	.col-sm-4 {
		float: left;
		width: calc(33.33% - 1px) !important;
		padding: 5px 5px;
	}
	.col-sm-5 {
		float: left;
		width: calc(41.67% - 1px) !important;
		padding: 5px 5px;
	}
	.col-sm-6 {
		float: left;
		width: calc(50% - 1px) !important;
		padding: 5px 5px;
	}
	.col-sm-7 {
		float: left;
		width: calc(58.33% - 1px) !important;
		padding: 5px 5px;
	}
	.col-sm-8 {
		float: left;
		width: calc(66.67% - 1px) !important;
		padding: 5px 5px;
	}
	.col-sm-9 {
		float: left;
		width: calc(75% - 1px) !important;
		padding: 5px 5px;
	}
	.col-sm-10 {
		float: left;
		width: calc(83.33% - 1px) !important;
		padding: 5px 5px;
	}
	.col-sm-11 {
		float: left;
		width: calc(91.67% - 1px) !important;
		padding: 5px 5px;
	}
	.col-sm-12 {
		float: left;
		width: calc(100% - 1px) !important;
		padding: 10px 10px;
	}
}

@media only screen and (max-width: 575px) {
	.col-xs-1 {
		float: left;
		width: calc(8.33% - 1px) !important;
		padding: 5px 5px;
	}
	.col-xs-2 {
		float: left;
		width: calc(16.67% - 1px) !important;
		padding: 5px 5px;
	}
	.col-xs-3 {
		float: left;
		width: calc(25% - 1px) !important;
		padding: 5px 5px;
	}
	.col-xs-4 {
		float: left;
		width: calc(33.33% - 1px) !important;
		padding: 5px 5px;
	}
	.col-xs-5 {
		float: left;
		width: calc(41.67% - 1px) !important;
		padding: 5px 5px;
	}
	.col-xs-6 {
		float: left;
		width: calc(50% - 1px) !important;
		padding: 5px 5px;
	}
	.col-xs-7 {
		float: left;
		width: calc(58.33% - 1px) !important;
		padding: 5px 5px;
	}
	.col-xs-8 {
		float: left;
		width: calc(66.67% - 1px) !important;
		padding: 5px 5px;
	}
	.col-xs-9 {
		float: left;
		width: calc(75% - 1px) !important;
		padding: 5px 5px;
	}
	.col-xs-10 {
		float: left;
		width: calc(83.33% - 1px) !important;
		padding: 5px 5px;
	}
	.col-xs-11 {
		float: left;
		width: calc(91.67% - 1px) !important;
		padding: 5px 5px;
	}
	.col-xs-12 {
		float: left;
		width: calc(100% - 1px) !important;
		padding: 10px 10px;
	}
}

.center-block{
	display: block!important;
	margin-right: auto;
	margin-left: auto;
	margin-top: 1em;
}

/*BUTTONS*/

a {
	text-decoration: none;
	color: #5899FA; 
	font-size: 14px;
	cursor: pointer;
}

a.filter-bt{
	display: block;
	margin: 3px 0px;
	padding: 5px;
	background: aliceblue;
	border-radius: 5px;
	border: 1px solid;
}

.filter-bt.active{
	background-color: #5899FA;
	color: #fff;
	border: 1px solid #5899FA;
}

button, .swal-button {
	box-sizing: border-box;
	border: 2px solid #007bff;
	background-color: transparent;
	padding: 7px 15px;
	color: #007bff;
	font-size: 12px;
	letter-spacing: 0.5px;
	font-weight: 500;
	text-transform: uppercase;
	border-radius: 0px;
	cursor: pointer;
	box-shadow: none;
}

button:disabled,
button[disabled],
button[disabled]:hover{
  border: 1px solid #999999;
  background-color: #cccccc;
	color: #666666;
	cursor: no-drop;
}


button:hover, .swal-button:hover {
	box-sizing: border-box;
	border: 2px solid #007bff;
	background-color: transparent;
	padding: 7px 15px;
	color: #007bff;
	font-size: 12px;
	letter-spacing: 0.5px;
	font-weight: 500;
	text-transform: uppercase;
	border-radius: 0px;
	cursor: pointer;
	box-shadow: none;
}

.swal-button:hover {
	background-color: transparent !important;
}

.btn {
	display: inline-block;
	border: 1px solid #ccc;
	color : grey;
	text-align: center;
	cursor: pointer;
	padding: 6px 10px;
	font-size: 13px;
}
label{
	font-size: 13px;
}

.extra-bt{
  width: auto;
	background: #0003;
  color: white;
	z-index: 3;
	cursor: pointer;
  padding: 10px;
  font-weight: bold;
  font-size: 14px;
	user-select: none;
}

/* Next & previous buttons */
.prev, .next {
  cursor: pointer;
  position: absolute;
  top: 50%;
  width: auto;
  margin-top: -22px;
  padding: 16px;
  color: white;
  font-weight: bold;
  font-size: 18px;
  transition: 0.6s ease;
  border-radius: 0 3px 3px 0;
	user-select: none;
	z-index: 3;
	display: none;
	background: #0003;
}

.slides{
	display: none;
	height: 100%;
	width: 100%;
}

/* Position the "next button" to the right */
.next {
  right: 0;
  border-radius: 3px 0 0 3px;
}

/* On hover, add a black background color with a little bit see-through */
.prev:hover, .next:hover, .extrabutton:hover {
  background-color: rgba(0,0,0,0.8);
}

/*END BUTTONS*/

/*INPUT GROUPS*/

input, textarea, select {
	font-family: 'Raleway';
	box-sizing: border-box;
	background-color: white;
	width: 100%;
	border: 1px solid rgba(0,0,0,.15);
	border-radius: 0px;
	font-size: 13px;
	padding: 6px 10px;
	resize: none;
	height: 30px !important;
}

/* select:focus {
	border: 2px solid rgba(0,0,0,.15);
} */

textarea {
	height: auto !important
}

#newitem #description {
	height: 90px !important;
}

.input-group {
	width: 100%;
	margin: 10px 0;
}

.input-group label {
	pointer-events: none;
	width: 100%;
	display: block;
	margin-bottom: 8px;
	font-size: 13px;
	color: #6e6e6e;
}

.input-group button {
	width: 45px;
	display: inline-flex;
	padding: 8px;
	float: right;
	text-align: center;
	justify-content: center;
}


.input-group button + input {
	width: calc(100% - 55px);
	display: inline-flex;
}


.input-group .image {
	width: 100%;
	border: 1px solid rgba(0,0,0,0.15);
	border-radius: 0px;
	display: flex;
	align-items: center;
	overflow: hidden;
}

.input-group .image:hover {
	cursor: pointer;
}

.input-group .image ~ label {
	top: -22px !important;
	font-size: 14px !important;
}

.input-group .image img {
	width: 40px;
	height: 28px;
	border-right: 1px solid rgba(0,0,0,0.1);
	object-fit: cover;
}

.input-group .image label {
	margin: 3px 0 0 10px;
	font-size: 10px;
	text-transform: uppercase;
	display: inline;
}

.input-group input[type="file"] {
	display: none;
}


.stepper {
	position: relative;
	display: inline-flex;
	border: 1px solid rgba(0,0,0,.1);
	width: 50px;
	border-radius: 0px;
	font-size: 14px;
	padding: 5px 10px;
	height: 32px;
	align-items: center;
	z-index: 5;
	background: #fff;
}

.stepper input {
	border: none;
	width: calc(100% + 5px) !important;
	margin-bottom: 0;
	height: 20px;
	padding: 2px 0;
	font-size: 14px;
}

.stepper input:disabled {
	color: black;
	background-color: transparent;
}

.steps {
	display: inline-block;
	line-height: 32px;
	text-align: center;
	background-color: #e5e5e5;
	height: 32px;
	width: 32px;
}

.steps .up {
	padding: 10px 10px;	
	color: black !important;
}

.steps .down {
	padding: 10px 10px;
	color: black !important;
}

.steps .up i, .stepper .steps .down i {
	font-size: 16px;
}

*:focus {
	outline: none;
}

.stepper_avail{
	display: flex; 
	flex-direction: column; 
	align-items: center; 
	height: 100%; 
	margin-top: 15px;
}


/*END INPUT GROUPS*/

/*LOADERS*/

.modal.progress .content {
	max-width: 350px;
	padding: 5px 15px;
}

.progressbar {
	width: 100%;
	display: block;
	height: 20px;
	background-color: rgba(0,0,0,.05);
	border-radius: 5px;
	overflow: hidden;
}

.progressbar .progress {
	position: relative;
	min-width: 20px;
	width: 0%;
	height: 20px;
	transition: all .2s ease-in-out;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 12px;
	color: white;
	font-weight: 600;
	box-shadow: inset 0px -2px 5px rgb(0 0 0 / 50%);
	background-color: var(--tgg-cyan);
}
.striped{
	background-image: linear-gradient( 
135deg
 ,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
    background-size: 2rem 2rem;
}
/* @keyframes change {
  from {background-position:0 0,left}
  to {background-position:30px 0,left}
} */

.modal.progress .log {
	margin-top: 15px;
	height: 150px;
	width: 100%;
	background-color: rgba(0,0,0,.05);
	overflow-y: scroll;
	padding: 10px 15px;
}

.modal.progress .log p {
	color: black;
	margin: 2px;
	font-size: 12px;
}

.modal.progress .log p.error {
	color: red;
}

.modal.progress .log p.success {
	color: green;
}

.loader {
  top: 100;
	left: 0;
	right: 0;
	background-color: #fff;
	width: 100vw;
	height: 100%;
	position: fixed;
	display: none;
	align-items: center;
	justify-content: center;
	z-index: 9999;
}

.loader .spinner {
	background-image: url("../img/loader.gif");
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	background-color: #fff;
	height: 60px;
	width: 60px;
	margin-top: -30px;
	margin-left: -30px;
	left: 50%;
	top: 40%;
	position: absolute; 
}

.loader .spinner:before {
	content: '';
	display: block;
	padding-top: 100%;
}

@-webkit-keyframes rotate {  
	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}

@keyframes rotate {  
	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}

@-webkit-keyframes dash {  
	0% {
		stroke-dasharray: 1, 200;
		stroke-dashoffset: 0;
	}
	50% {
		stroke-dasharray: 89, 200;
		stroke-dashoffset: -35;
	}
	100% {
		stroke-dasharray: 89, 200;
		stroke-dashoffset: -124;
	}
}

@keyframes dash {  
	0% {
		stroke-dasharray: 1, 200;
		stroke-dashoffset: 0;
	}
	50% {
		stroke-dasharray: 89, 200;
		stroke-dashoffset: -35;
	}
	100% {
		stroke-dasharray: 89, 200;
		stroke-dashoffset: -124;
	}
}

/*END LOADERS*/

/*MODALS*/


.modal {
	display: flex;
	position: fixed;
	width: 100%;
	height: 100%;
	overflow: auto;
	top: 0;
	left: 0;
	background-color: rgba(0,0,0,.3);
	/* padding: 50px 15px; */
	z-index: 9999;
}

.modal .close {
	position: absolute;
	top: 10px;
	right: 10px;
	z-index: 9999;
}

.modal .close i {
	color: black;
}

.modal .content {
	width: 100%;
	max-width: 800px;
	margin: auto;
	background-color: white;
	border-radius: 3px;
	box-shadow: 0 2px 15px rgba(0,0,0,.1);
	padding: 25px 20px;
	display: block;
}

/* browser bug with flex top cut */
/* .modal.centered {
	justify-content: center;
	align-items: center;
} 

.modal.centered .content {
	margin: 0 !important;
}*/

@media only screen and (max-width: 699px) {
	.modal .content {
		margin-top: 15px;
		margin-bottom: 15px;
	}
}

.modal .content > .header {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 0 7px;
	/*box-shadow: 0 0px 20px rgba(0,0,0,0.07);*/
}

.modal .content > .header > h1 {
	font-size: 20px;
	margin-bottom: 0;
	font-weight: 400;
}

.modal.progress .content > .header > h1 {
	text-align: center;
	width: 100%;
}

.modal .content > .header > a {
	margin-bottom: 0;
}

.modal .content > .header > a > i {
	font-size: 20px;
	color: rgba(0,0,0,.3);
}

.modal .content > .body {
	position: relative;
	overflow: auto;
	padding: 20px 0;
}

.modal .content > .body .header {
	padding: 0;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.modal .content > .body .header > h1 {
	font-size: 15px;
	margin-bottom: 0px;
	font-weight: 500;
	color: rgba(0,0,0,.6);
}

.modal .content > .body .header > a {
	margin-bottom: 0;
}

hr {
	display: block;
	border: none;
	height: 1px;
	background-color: #eeeeee;
	margin: 0px;
	width: 100%;
	clear: both;
}

.modal .content > .body .table {
	min-height: 20px;
}

.modal .content > .body h2 {
	font-size: 13px;
	letter-spacing: 0;
	font-weight: 500;
	color: rgba(0,0,0,.6);
}


.modal .content > .footer {
	padding: 0 7px;
	clear: both;
	position: relative;
	display: flex;
	justify-content: flex-end;
	align-items: center;
}

.modal .content > .footer a {
	margin-right: 5px;
}

.modal.item .close {
	top: 17px;
	right: 15px;
}

.modal.item .close i {
	color: black;
}

.modal.item .content {
	display: flex;
	padding: 0;
}

.modal.item .image {
   width: 50%;
}

#newitem .image{
	height: 90px;
	width: 100%;
}

#newitem .image-nb {
	height: 30px;
	width: 100%;
}

.modal.item .image img {
	object-fit: cover;
	width: 100%;
	height: 100%;
	border-radius: 3px 0 0 3px;
}

.modal.item .description {
	width: 50%;
	padding: 15px;
}

.modal.item .description .row {
	overflow: hidden;
}

.modal.item .description h1 {
	margin: 0;
	font-size: 18px;
}

.modal.item .description .options {
	width: 100%;
	display: block;
	overflow: hidden;
}

.modal.item .description .options .option {
	width: 25%;
	float: left;
	padding: 0 5px;
}

.modal.item .description h2 {
	font-size: 15px;
}

.modal.item .description.item_list h2 {
	margin: 0px 0px ;
}

.modal.item .description h3 {
	margin-bottom: 0;
	color: #6e6e6e;
	font-size: 13px;
}

.modal.item .description .options .option h2, .modal.item .description .options h3 {
	width: 100%;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.modal.item .description .description {
	width: 100%;
	padding: 0;
}

.modal.item button {
	margin: 0 5px
}


.modal.item button.closebtn {
	display: none;
}

.modal.item .description .bottom {
	display: flex;
	align-items: center;
}

.modal.item .description.item_list .bottom {
	justify-content: space-between;
}

.modal.filter > .content {
	width: 350px;
}

.modal.filter > .content > .header h1 {
	display: block;
	margin: auto;
}

.modal.filter > .content > .body {
	padding: 20px 7px 0 7px;
	text-align: center;
}

.modal.filter > .content > .body ul {
	list-style-type: none;
	padding: 0;
	margin: 10px 0;
}

@media (max-width: 600px) {

	.modal.item {
		align-items: flex-start;
		padding: 15px;
	}


	.modal.item .content {
		display: block;
	}

	.modal.item .close i {
		top: 0;
		color: white;
		padding: 10px;
		border-radius: 50%;
		background-color: rgba(0,0,0,.3);
	}

	.modal.item .description .options .option {
		width: 50%;
	}

	.modal.item .image {
		
		width: 100%;
	}

	.modal.item .image img {
		border-radius: 3px 3px 0 0;
	}

	.modal.item .description {
		width: 100%;
		padding: 15px;
	}

	.modal.item button.closebtn {
		display: block;
	}

}

/*END MODALS*/

/* MAIN */

.nothing-text {
	
	margin-top: 0;
	padding-top: 25px;
	font-size: 16px;
}


/* END MAIN */


/*NAVBAR*/

nav.navbar {
	position: sticky;
	position: -webkit-sticky;
	top: 0;
	width: 100%;
	border-bottom: 1px solid rgba(0,0,0,.05);
	background-color: white;
	z-index: 10;
	padding: 0;
	/*box-shadow: 0 0px 10px 0 rgba(0,0,0,.04) !important;*/
}

nav.navbar .toggle {
	padding: 0 0 0 10px;
	display: none;
}
nav.navbar .social {
	width: 100px;
}
nav.navbar .store {
	width: 100px;
	text-align: right;
	white-space: nowrap;
}
nav.navbar .nav-back {
	padding: 0 0 0 10px;
	display: none;
}
nav.navbar .button-circle:hover{
	background: #C0D8EE;
	transition: all .5s ease-in-out;
}

nav.navbar .link {
	/* padding: 0 15px 0 0; */
	display: none;
}

nav.navbar .promo {
	background-color: #F2F2F2;
}

nav.navbar .promo .container {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 5px 0;
}

nav.navbar .promo a {
	padding: 5px;
	font-size: 13px;
	font-weight: 400;
	color: #6a6a6a !important;
}

nav.navbar .top {
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 100%;
	padding: 12px 0 10px 0;
}

nav.navbar .top .brand img {
	height: 45px;
}

nav.navbar .top a {
	text-transform: uppercase;
	padding: 0 5px;
	font-size: 18px;
	font-weight: 500;
	color: black;
}

nav.navbar .bottom {
	clear: both;
	display: flex;
	justify-content: space-between;
	width: 100%;
	padding: 0 0 15px 0;
}

nav.navbar .bottom a {
	padding: 0 5px;
	font-size: 12.5px;
	font-weight: 500;
	letter-spacing: 0.5px;
	text-transform: uppercase;
	color: #6e6e6e;
}

nav.menu {
	display: none;
}
@media (min-width:600px){
	body.menu-expanded > nav.menu {
		width: 300px !important;
		opacity: 0.9;
	}
}

body.menu-expanded > nav.menu {
	display: flex !important;
	position: fixed;
	top: 0;
	left: 0;
	width: 100vw;
	height: 100vh;
	background-color: #323232;
	z-index: 9998;
	justify-content: center;
	align-items: center;
	text-align: center; 
}

nav.menu .container {
	width: 85%;
}

nav.menu .container ul {
	list-style-type: none;
	padding: 0;
}

nav.menu .container ul li {
	width: 100%;
	
}

nav.menu .container ul li a {
	display: block;
	padding: 5px 0;
	text-transform: uppercase;
	font-size: 20px;
	font-weight: 400;
	color: rgba(255,255,255,0.5);
}

nav.menu hr {
	width: 200px;
	margin: auto;
	background-color: rgba(255,255,255,0.5)
}

nav.menu a i {
	font-size: 22px;
}

nav.menu img {
	height: 45px;
}

nav.menu .toggle {
	position: absolute;
	top: 30px;
	right: 40px;
	z-index: 9999;

}

nav.menu .toggle i {
	color: rgba(255,255,255,.6);
}

@media (max-width:600px) {

	nav.navbar div.link {
		display: block;
		width: 60px;
	}

	nav.navbar > .container > div.top > div.toggle {
		display: flex;
		align-items: center;
		width: 60px;
	}

	nav.navbar > .container > div.top > div.social {
		display: none;
	}

	nav.navbar > .container > div.top > div.store {
		display: none;
	}

	nav.navbar > .container > div.top > div.brand {
		width: 100%;
		display: flex;
		justify-content: center;
		padding-right: 0;
	}

	nav.navbar > .container > div.bottom {
		display: none;
	}
}

/*END NAVBAR*/

/*IMAGES*/

.square:after {
	content: "";
	display: block;
	padding-bottom: 100%;
}

.square img {
	position: absolute;
	width: 100%;
	height: 100%;
}

/*END IMAGES*/

/* CARDS */

.card {
	overflow: hidden;
	background-color: white;
	position: relative;
	border: none;
}

.card .header {
	width: 100%;
	overflow: hidden;
	display: flex;
	align-items: center;
	justify-content: center;
}


.card.master, .card.combined{
	cursor: pointer;
	box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
}


.card.combined h4{
	border-bottom: 1px solid #eee;
}

.card.master .header,
.card.combined .header {
	width: 100%;
	padding: 10px 15px;
	overflow: hidden;
	display: flex;
	justify-content: start;
	align-items: center;
	height: 4em;
	border-bottom: 1px solid #ccc;
	color: #fff;
	font-weight: bold;
}
.card.master .header{
	justify-content: space-between !important;
}
.card.combined .header span{
	display: flex;
	height: 100%;
	min-width: 80px;
	max-width: 130px;
  overflow: hidden;
	text-overflow: ellipsis;
	padding: 5px;
	font-size: 12px;
	font-weight: 800;
	color: #fff;
	align-items: center;
	border-right: 1px solid;
	
}
.card.master .header.red,
.card.combined .header.red{
	background: var(--tgg-red)
}
.card.master .header.cyan,
.card.combined .header.cyan{
	background: var(--tgg-cyan)
}
.card.master .header.pink,
.card.combined .header.pink{
	background: var(--tgg-pink)
}
.card.master .header.orange,
.card.combined .header.orange{
	background: var(--tgg-orange)
}
.card.master .header.yellow,
.card.combined .header.yellow{
	background: var(--tgg-yellow)
}
.card.master .header.green,
.card.combined .header.green{
	background: var(--tgg-green)
}
.card.master .header.blue,
.card.combined .header.blue{
	background: var(--tgg-blue)
}

.card.master .body,
.card.combined .body {
	height: 10em;
	padding: 20px 20px;
}

.card.master .footer,
.card.combined .footer  {
	padding: 10px 13px;
}

.card .header:after {
	content: "";
	padding-bottom: 100%;
}

.card.master .header:after,
.card.combined .header:after {
	all:unset
}

.card .header img {
	position: absolute;
	width: 100%;
	height: 100%;
	transition: all .1s ease-in-out;
}

.card .body {
	padding: 10px 15px;
}

.card .body > h3 {
	margin: 0 0 3px 0;
	font-size: 15px;
}

.card .title h2 {
	margin: 0 0 3px 0;
	font-size: 15px;
	color: #6e6e6e
}

.card .title {
	height: 35px;
	padding: 0;
}

.well {
	padding: 10px 15px;
  background-color: rgba(0,0,0,.02);
  margin-bottom: 10px;
}

.well .item {
	padding: 10px 0px !important;
}

.well .item:first-child {
	padding-top: 0px !important;
}

.well .item:last-child {
	padding-bottom: 0px !important;
}

.well h3 {
	font-size: 13px;
	margin: 5px 0;
	color: #6e6e6e;
}

.card .body h4 {
	margin: 5px 0 0 0;
	font-size: 13px;
	line-height: 18px;
	color: #6e6e6e;
}


.card .nothing-text {
	padding-top: 0;
	margin-top: 14px;
}

.card.item:hover .header img {
	position: absolute;
	width: 120%;
	height: 120%;
}

.card.item .badge {
	position: absolute;
	top: 15px;
	right: 0;
	z-index: 8;
	border-radius: 5px 0 0 5px;
	padding: 2px 7px;
	color: white;
	font-size: 13px;
}

.card.item .badge-inverse {
	position: absolute;
	bottom: 15px;
	z-index: 8;
	padding: 2px 7px;
	font-size: 13px;
  left: 0;
  border-radius: 0px 5px 5px 0px; 
	color: white !important;
	background: rgba(0,0,0,.4)
}

.card.item .photoBadge {
	position: absolute;
	top: 15px;
	left: 0;
	z-index: 8;
	border-radius: 0px 5px 5px 0px;
	padding: 2px 7px;
	color: white;
	font-size: 13px;
	background-color: rgba(0,0,0,.4);
}

iframe {
	max-height: 490px !important;
	pointer-events: none;
}

.purple {
	background-color: rgba(171, 71, 188,1.0);
}

.green {
	background-color: #9CCC65;
}

.gold {
	background-color: goldenrod;
}

.badge.red {
	background-color: red;
}

.white {
	background-color: whitesmoke;
	color: black !important;
}

.badge.white{
	padding: 0px 6px;
	border-radius: 5px; 
	/* border: 0px solid; */
	box-shadow: 3px 3px #ababab; 
}

.card.item .body .details {
	display: flex;
	justify-content: space-between;
}

.card.item .body h3 {
	width: 100%;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	font-size: 13.5px;
}

.card.item .body h4 {
	margin: 5px 0 0 0;
	font-size: 13px;
	line-height: 18px;
	color: #6e6e6e;
	width: 100%;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.card.item .body h5 {
	margin: 0;
	font-size: 13px;
	line-height: 18px;
	display: inline-block;
	color: #6e6e6e;
}

.card.item .body h5:last-child {
	display: inline-block;
}

.card.item .footerNew {
	display: flex;
	flex-direction: column;
	align-items: center;
	font-size: 13px;
	z-index: 9;
	background-color: white;
	bottom: 0px;
	width: 100%;
}

.card.item .footerNew button {
	height: 30px;
	padding: 5px 15px;
}

.card.item .footer {
	display: none;
	justify-content: center;
	padding: 10px 13px;
}

.card.item:hover .footer {
	display: flex;
	flex-direction: column;
	align-items: center;
	font-size: 13px;
	position: absolute;
	z-index: 9;
	background-color: white;
	bottom: 0px;
	width: 100%;
}

.card.item:hover .footer button {
	height: 30px;
	padding: 5px 15px;
}

.news-card {
	padding-top: 15px;
	max-width: 1024px;
	margin: auto;
}

button.close {
	-webkit-appearance: none;
	padding: 0;
	cursor: pointer;
	background: 0 0;
	border: 0;
}

.close {
	float: right;
	color: #000;
	text-shadow: 0 1px 0 #000;
	filter: alpha(opacity=20);
	opacity: .2;
	font-size: 18px !important;
}

/*END CARDS*/

/* NEWS */

.columnAlign{
	display: flex;
    justify-content: start;
    align-items: start;
    flex-direction: column;
}

.noMarginAlign{
	text-align: left;
	margin: 0 0 6px 0px;
}

#news a {
	all:unset;
	cursor: pointer;
	color: #5899FA !important;
}

#news figure {
	all: unset;
}

#news img {
width: 100%;
} 

.news-bottom{
	clear:right;
} 

#news .image-style-side{
	float: right;
}

.ck a {
	all:unset;
	cursor: pointer;
	color: #5899FA !important;
}

.ck-editor__editable_inline {
	min-height: 400px;
}

.text-big {
	font-size: 1.4em;
}

.text-huge {
	font-size: 1.8em;
}

section.news a i {
	font-size: 15px;
	width: 25px;
	text-align: center;
	color: #007bff;
}

/*END NEWS*/

/*PROMO*/

section .promo {
	clear: both;
	display: flex;
	justify-content: space-between;
}
/*
section .promo:last-child {
	padding: 0;
}
*/
section .promo.inverted {
	flex-direction: row-reverse; 
}

section .promo .description {
	width: 100%;
	display: flex;
	align-items: center;
	padding: 20px 30px;
}

section .promo .description h3 {
	font-size: 20px;
	width: 95%;
	margin: 0 0 10px 0;
	font-weight: 400;
}

section .promo .description p {
	font-size: 15px;
	margin: 20px 0;
	font-weight: 300;
	line-height: 20px;
	color: #6e6e6e;
}

section .promo .description p:last-child {
	margin: 0;
}

section .promo .image {
	width: 400px;
	display: flex;
	align-items: center;
	justify-content: center;
}

section .promo .image:after {
	content: "";
	display: block;
	padding-bottom: 100%;
}

section .promo .image img {
	position: absolute;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

@media (max-width: 600px) {
	section .promo {
		display: block;
	}

	section .promo .image {
		width: 100%;
	}

	section .promo .description p {
		text-align: justify;
	}

	section .promo .description button {
		display: block;
		margin-left: auto;
		margin-right: auto;
		width: 100%;

	}

	section.contact .description  {
		padding: 10px 15px;
	}

}

/*END PROMO*/

section.login .container {
	max-width: 400px
}

section.forgot .container, section.recover .container {
	max-width: 400px
}

section.login h2, section.register h2, section.forgot h2 {
	margin-bottom: 10px !important;
}


/*HEADER*/

section.header {
	position: relative;
	height: 400px;
	padding: 0;
	background-color: rgba(0,0,0,1);
}

section.header::after {
	content: "";
	background: url(../img/Wholesale.jpg);
	background-position: center;
	background-size: cover;
	opacity: 1;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	position: absolute;
	z-index: 1;  
	opacity: 0.9
}

section.header img {
	width: 100%;
	height: 400px;
	object-fit: cover;
}

section.header .container {
	height: 100%;
	display: flex;
	align-items: center;
	z-index: 2;
} 

section.header .caption {
	width: 400px;
	background: rgba(0,0,0,.3);
	padding: 10px;
} 

section.header .caption h1 {
	font-size: 32px;
	font-weight: 600;
	color: white;
	text-align: left;
}

section.header .caption h2 {
	font-size: 20px;
	font-weight: 400;
	line-height: 20px;
	color: white;
	text-align: left;
	margin-bottom: 10px;
}

section.header .caption button {
	background-color:rgba(0,0,0,0.2);
	color: white;
	padding: 10px 14px;
	font-size: 15px;
	font-weight: 400 !important;
	border-color: white;
}

@media (max-width: 600px) {
	section.header .container {
		justify-content: center;
	}

	section.header .caption h1 {
		text-align: center;
	}

	section.header .caption h2 {
		text-align: center;
	}

	section.header .caption button {
		display: block !important;
		margin: auto !important;
	}
}

section {
	padding: 25px 0;
}

section h1 {
	text-align: center;
	font-size: 23px;
	margin: 0 0 5px 0;
}

section h2 {
	text-align: center;
	font-size: 17px;
	font-weight: 300;
	margin: 0 0 40px 0;
}

section.help .card {
	padding: 10px 15px 10px 0;
}
section.help .icon {
	float: left;
	display: flex;
	width: 70px;
	height: 60px;
	justify-content: center;
	align-items: center;
}

section.help .icon i {
	font-size: 25px;
}

section.help .description {
	float: right;
	width: calc(100% - 70px);
}

section.help .description h1 {
	font-size: 16px;
	text-align: left;
}

section.help .description h2 {
	font-weight: 400;
	font-size: 14px;
	margin-bottom: 0;
	text-align: left;
}

/*ABOUT*/

section.about img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

/*END ABOUT*/

/*SERVICES*/

section.services img {
	width: 250px;
	height: 250px;
	object-fit: cover;
	object-position: center;
}


section.services h4 {
	text-align: justify;
}

/*END SERVICES*/

/*CONTACT*/

section.contact {
	padding-bottom: 40px;
}

.input-group {
	margin: 0;
}

section.contact button {
	float: right;
	margin-top: 20px;
}

@media (max-width:600px) {
	section.contact .image {
		height: 300px;
	}
}

/*END CONTACT*/

/*SEARCH*/

section.search .title h1 {
	font-size: 19px;
} 

section.search .title .hide {
	display: none;
} 

section.search .title button {
	max-width: 140px;
} 

section.search .main {
	display: flex;
}

section.search .content {
	width: 100%;
}

section.search .sidebar {
	width: 200px;
	padding-right: 20px;
}

section.search .sidebar ul {
	list-style-type: none;
	padding: 0;
}

section.search .active {
	font-weight: bold;
}

section.search #featured-panel .content{
	/* border: 1px solid #ffb300; */
	box-shadow: 0 10px 6px -6px #777;
	background-color: #fff6e0;
}



section.search #featured-panel .label{
	background-color: #ffb300;
	color: white;
	padding: 0px 10px;
	/* border-radius: 0px 10px 0px 0px; */
	font-weight: 600;
	box-shadow: 3px 3px #926601; 
}

@media (max-width:600px) {

	section.search .title .hide {
		display: block;
	} 

	section.search .sidebar {
		display: none;
	}

	section.search  {
		padding: 5px 0;
	} 

	section.search .title {
		padding: 0 10px;
		top: 60px !important;
		display: block !important;
	}

	section.search .title input {
		width: calc(100vw - 130px);
	} 
}

/*END SEARCH*/

/*CART*/

section.cart {
	padding: 20px 0;
}

section.cart .options {
	background-color: white;
}

section.cart .options .option {
	display: flex;
	justify-content: start;
	align-items: center;
	width: 100%;
	padding: 20px 0px;
	border-bottom: 1px solid rgba(0,0,0,.05);
}

section.cart .options .option:last-child {
	border-bottom: none;
}

section.cart .options .option h2 {
	margin: 0;
	font-size: 15px;
	color: #2E282A;
}

section.cart .options .option input {
	width: auto;
}

section.cart .summary {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin: 20px 0 0 0;
}

section.cart .summary h1 {
	font-size: 18px;
}

section.cart .summary h1 span {
	font-weight: 600;
}

section.cart p {
	margin: 0;
	font-size: 14px;
	margin-bottom: 10px;
	color: rgba(0,0,0,.4);
	text-align: justify;
}

section.cart .item {
	padding-left: 0;
	padding-right: 0;
}

section.cart .item .top{
	display: flex;
	
}

section.cart .item .bottom{
	display: flex;
	justify-content: flex-end;
}


@media only screen and (max-width: 600px) {
	section.cart .item {
		flex-direction: column;
	}
	section.cart .item .bottom{
		justify-content: space-between;
	}
}
/*END CART*/

/*ACCOUNT*/

section.account .container {
	display: flex;
	height: 100%;
}
/* 
section.account .container .sidebar {
	width: 200px;
	
	padding: 0 30px;
	transition: all .2s ease-in-out;
} */

section.account .container .sidebar.collapsed {
	width: auto;
}

section.account .container .sidebar.collapsed span {
	display: none;
}

@media only screen and (max-width: 600px) {

	section.account {
		padding: 0px 0 20px 0;
	}

	section.account .container .sidebar {
		display: none;
	}
}

section.account .container .sidebar {
	padding: 0;
	margin: 0;
	list-style-type: none;
	transition: all 2s ease-in-out;
}

section.account .container .sidebar .title{
	margin-right: 30px;
}

section.account .container .sidebar .card {
	margin-right: 30px;
}

section.account .container .sidebar ul {
	padding: 0;
	margin: 0;
	list-style-type: none;
}

section.account .container .sidebar ul li {
	
	list-style-type: none;
	font-size: 15px;
	border-bottom: 1px solid rgba(0,0,0,.04);
}

section.account .container .sidebar ul li:last-child {
	border:none;
}

section.account .container .sidebar ul a {
	padding: 10px 10px;
	font-size: 14px;
	color: #6e6e6e;
	width: 100%;
	display: block;
}

section.account .container .sidebar ul a i {
	font-size: 15px;
	width: 25px;
	text-align: center;
	color: #007bff;
}

section.account .container .module {
	width: calc(100% - 200px);
}

@media only screen and (max-width: 767px) {
	section.account .container .module {
		width: 100%;
	}
}

section.account .container .module section {
	padding: 0;
}

/*END ACCOUNT*/

/*END REGISTER*/



.list .item {
	display: flex;
	align-items: center;
	justify-content: space-between;
	border-bottom: 1px solid rgba(0,0,0,.05);
	padding: 10px 15px;
}

.list .item:last-child {
	border-bottom: none;
}

.list .item .image {
	width: 50px;
	display: flex;
	align-items: center;
}

.list .item .image img {
	width: 45px;
	height: 45px;
	object-fit: cover;
	object-position: center;
	/*border-radius: 5px;
	box-shadow: 0 2px 5px 0 rgba(0,0,0,.1);*/
}

.list .item .description {
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: space-between
}

.list .item .description h2 {
	text-align: left;
	font-size: 13px;
	margin: 0 0 5px 10px;
	color: #2E282A;
	font-weight: 400;
}

.list .item .description h2 i {
	
	margin-left: 10px;
}

.list .item .description h3 {
	text-align: left;
	font-size: 12px;
	margin: 0 0 0 10px;
	color: #6e6e6e;
}

/* .list .item .description .alertMsg {
	margin-right: 10px;
} */

.list .item .description .alertMsg a {
	margin-right: 10px;
	font-size: 20px;
	color: orange;
}

.list .item .description .warnMsg a {
	margin-right: 10px;
	font-size: 20px;
	color: red;
}

.list .item .quantity {
	width: 100px;
	display: flex;
	align-items: center;
}

.list .item .price {
	width: 100px;
	display: flex;
	align-items: center;
	padding: 0 0 0 10px;
	font-size: 14px;
}

.list .item .remove {
	display: flex;
	/* align-items: center; */
}

.list .item .notavail {
	height:  45px;
	display: flex;
	align-items: center;
}



.list .item .remove button {
	width: 30px;
	height: 30px;
	padding: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	
}

.itemlist .status .badge {
	position: absolute;
	width: 60px;
	font-size: 11px;
	padding: 0px;
	height: auto;
}

.itemlist .status .bottom-badge {
	position: absolute;
	bottom: 0;
	right: 0;
	width: auto;
	height: auto;
	align-items: baseline;
	font-size: 12px;
	padding: 0px 2px;
	background-color: rgba(0,0,0,.6) !important;
	
}

.itemlist .status .bottom-picker-note {
	position: absolute;
	width: 20px;
	padding: 0px;
	height: auto;
	bottom: 0;
	left: 0;
	color: #ffe16f;
	background: none !important;
}

.itemlist .status .bottom-admin-note {
	position: absolute;
	width: 20px;
	padding: 0px;
	height: auto;
	bottom: 0;
	right: 0;
	color: #0088cc;
	background: none !important;
}

.bottom-picker-note i, .bottom-admin-note i {
	font-size: 20px !important;
	line-height: unset;
}

.itemlist img {
	display: block;
	/* margin: auto; */
	cursor: pointer;
}

.itemlist select{
	padding: unset;
} 
.itemlist input{
	padding: 0px 5px;
}

.itemlist .toolsItemList{
	display: flex;
	align-content: space-between;
	justify-content: space-between;
	flex-flow: row wrap;
  padding: 5px 0px;
}

.status .badge {
	height: 20px;
	padding: 0 7px;
	font-size: 10px;
	display: flex;
	white-space: nowrap;
	align-items: center;
	justify-content: center;
	background-color: #007bff;
	/*border-radius: 5px;
	box-shadow: 0 2px 5px 0 rgba(0,0,0,.1);*/
	color: white;
}

.status .badge.success {
	background-color: #28a745;
}

.status .badge.warning {
	background-color: #fd7e14;
}

 .status .badge.danger {
	background-color: #dc3545;
}

.list .item input {
	width: 15px;
	height: 15px;
}

.status button {
	padding: 4px 7px;
	font-size: 10px;
	width: 100%;
}

.list .item .button button {
	height: 23px;
	padding: 0 10px;
	font-size: 10px;
	display: flex;
	white-space: nowrap;
	align-items: center;
	justify-content: center;
	border: none;
	color: white;
}

.button button.success {
	background-color: #28a745;
}

.button button.danger {
	background-color: #dc3545;
}

.button button.warning {
	background-color: #fd7e14;
}

/*END ACCOUNT*/

/* SWAL */
.custom-swal-modal-picker {
	width: auto !important;
    max-width: 800px !important;
}

.swal-modal {
	max-width: 400px;
}

.swal-text {
	text-align: center;
}

.swal-footer {
	display: flex;
	justify-content: center;
	margin-bottom: 13px;
}

.swal-button--cancel:active {
    background-color: #323232;
}

.swal-button:active {
    background-color: #323232;
}

.swal-button--cancel:not([disabled]):hover {
    background-color: #323232;
}

.swal-button:not([disabled]):hover {
    background-color: #323232;
}

.swal-button:focus {
    outline: none;
    box-shadow: none;
}



/* END SWAL */

footer {
	z-index: 1;
	background-color: #323232;
	padding: 5px 0;
	/*box-shadow: 0 0px 10px 0 rgba(0,0,0,.04) */
}

footer h1 {
	color: rgba(255,255,255,0.9);
	font-size: 17px;
	font-weight: 500;
}

footer ul {
	list-style-type: none;
	padding: 0;
	margin: 5px 0 7px 0;
}

footer ul li a {
	color: rgba(255,255,255,0.5);
	font-size: 13.5px;
	width: 100%;
	
}

footer ul li {
	color: rgba(255,255,255,0.5);
	font-size: 13.5px;
	padding: 3px 0;
	width: 100%;
}

footer ul li a i {
	width: 20px;
	text-align: left;

}

footer .copy {
	display: flex;
	align-items: center;
	justify-content: center;
}

footer a {
	color: #6e6e6e;
	font-size: 13px;
	display: flex;
	align-items: center;
}

footer a img {
	height: 22px;
	margin-left: 10px;
}

footer .copy a {
	color: rgba(255,255,255,0.8);
}

@media (max-width: 449px) {
	footer .copy {
		margin-top: 15px;
	}
	
}

/* DATEPICKER */

.datepicker table tr.week:hover{
	background: #eee;
}

.datepicker table tr.week-active,
.datepicker table tr.week-active td,
.datepicker table tr.week-active td:hover,
.datepicker table tr.week-active.week td,
.datepicker table tr.week-active.week td:hover,
.datepicker table tr.week-active.week,
.datepicker table tr.week-active:hover{
	background-color: #006dcc;
	background-image: -moz-linear-gradient(top, #0088cc, #0044cc);
	background-image: -ms-linear-gradient(top, #0088cc, #0044cc);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0044cc));
	background-image: -webkit-linear-gradient(top, #0088cc, #0044cc);
	background-image: -o-linear-gradient(top, #0088cc, #0044cc);
	background-image: linear-gradient(top, #0088cc, #0044cc);
	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0088cc', endColorstr='#0044cc', GradientType=0);
	border-color: #0044cc #0044cc #002a80;
	border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
	filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
	color: #fff;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}

/* Datatable */

input[name="daterange"] {
	all: unset;
	border-bottom: 1px solid #aba8a8;
}

.filters{
margin-bottom: 10px;
font-size: 16px;
}

.toolbar {
	float: left;
	height: 50px;
	bottom: 0;
	display: flex;
}

.toolbar button {
	position: absolute;
	bottom: 0;
	height: 50px;
}

/* CONTROL PANEL */

/* Table sort indicators */

#control th.sortable {
  cursor: pointer;
}

.control input{
	border: none;
	border-radius: 0;
	border-bottom: 1px solid rgba(0,0,0,.1);
	padding: 7px 0;
	background-color: transparent;
	margin-right: 5px;
	font-size: 13.5px;
	/* width: unset; */
  height: unset !important;
}

thead {
	text-align: left;
}

.dispatched td{
	background: #fff8af  !important;
}

.highlight td, td.highlight {
	background: #bdffbd !important;
}

.outofstock td{
	/* background: #bdffbd !important; */
	background: #ffaaaa !important;
}

.newbatch td{
	background: #ffdd8d !important;
}

.green-hl{
	background: #bdffbd !important;
}
.pink-hl{
	background: #ffd3e4 !important;
}
.warn-hl{
	background: #fffbca !important;
} 

/* select first n rows */
/*  .warn-hl td:nth-child(-n+6){
	background: #fffbca !important;
}  */

#control textarea{
	resize: both;
}

.control .red{
	background: var(--tgg-red);
	color: #fff;
}
.control .cyan{
	background: var(--tgg-cyan);
	color: #fff;
}
.control .pink{
	background: var(--tgg-pink);
	color: #fff;
}
.control .orange{
	background: var(--tgg-orange);
	color: #fff;
}
.control .yellow{
	background: var(--tgg-yellow);
	color: #fff;
}
.control .green{
	background: var(--tgg-green);
	color: #fff;
}
.control .blue{
	background: var(--tgg-blue);
	color: #fff;
}

.filters button {
	border-width: 2px;
	border-style: outset;
	border-color: buttonface;
	border-image: initial;
}


#control tbody a i {
	padding: 5px;
	color: #5899FA;
}

#control tbody i {
	padding: 5px;
	 color:#e1e1e1; 
}

/* #control th, #control td {
	padding: 0.25rem;
	border: 1px solid black;
} */

.control .squareFlex{
	display: flex;
	flex-wrap: wrap;
	width: 12em;
}

.control .squareFlex button{
	width: 6em;
	height: 6em;
}


/* FAST PANEL */

section.fastsearch .title h1 {
	font-size: 19px;
} 

section.fastsearch .title .hide {
	display: none;
} 

section.fastsearch button {
	max-width: 140px;
} 

section.fastsearch .main {
	display: flex;
}

section.fastsearch .content {
	width: 100%;
}

section.fastsearch .sidebar {
	width: 200px;
}

section.fastsearch .sidebar ul {
	list-style-type: none;
	padding: 0;
}

section.fastsearch .active {
	font-weight: bold;
}

@media (max-width:600px) {

	section.fastsearch .title button {
		display: block;
	} 

	section.fastsearch .sidebar {
		display: none;
	}

	section.fastsearch  {
		padding: 5px 0;
	} 

	section.fastsearch .title {
		padding: 0 10px;
		top: 60px !important;
		display: block !important;
	}

	section.fastsearch .title input {
		width: calc(100vw - 130px);
	}
} 

#master {
	width: 100%;
	font-size: 14px;
  text-align: left;
  position: relative;
	border-collapse: collapse; 
	overflow-x: scroll;
}

#master th {
  background:#C0D8EE;
  position: sticky;
	top: 50px;
	z-index: 7;
	box-shadow:  1px 1px 1px 1px black;
}

#master th, #master td {
	padding: 0.25rem;
	border: 1px solid black;
}

#master a {
	color: black;
}


#master button {
all:unset;
padding: 5px;
font-size: 13px;
cursor: pointer;
color: #5899FA;
}

#master .badge {
	z-index: 8;
	border-radius: 5px 0 0 5px;
	padding: 2px 7px;
	color: white;
	font-size: 13px;
	display: block;
}

table.fixedHeader-floating {
	font-size: 16px;
}

.control .label {
	display: inline;
	padding: .3em .4em .2em;
	font-size: 11px !important;
	font-weight: 700;
	line-height: 1;
	color: #fff;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	border-radius: .25em;
	width: fit-content;
	background-color: #888;
}

#master .active {
	color: #28A144;
}

#master .vip{
	color:goldenrod;
}

#master  .inactive{
	color: #dc3545;;
}

.flex-space{
	display: flex;
	justify-content: space-between;
}

/* MIRROR COF */
.mirror a{
	text-decoration: none;
	color: #1e148e; 
	font-size: 18x;
	cursor: pointer;
	font-weight: bold;
}

/* ITEM LIST PANEL */

section.itemlist .title h1 {
	font-size: 19px;
} 

section.itemlist .title .hide {
	display: none;
} 

section.itemlist button {
	max-width: 140px;
} 

section.itemlist .main {
	display: flex;
}

section.itemlist .content {
	width: 100%;
}

section.itemlist .sidebar {
	width: 200px;
}

section.itemlist .sidebar ul {
	list-style-type: none;
	padding: 0;
}

section.itemlist #search {
	width: auto;
}

section.itemlist #mainHeader th {
	top: 24px !important;
}

#toolsHeader th {
	top: 0;
	position: sticky;
	background: #fff !important;
	border: none;
}

@media only screen and (max-width: 1199px){
	section.itemlist #searchfield {
		float: left;
	}

	#toolsHeader{
		display: none;
	}
}

section.itemlist #fullscreen{
	color: #007bff; 
	font-size: 31px; 
	vertical-align: bottom; 
	margin-right: 5px; 
	cursor: pointer;
}

section.itemlist .fcktd,
section.itemlist .commtd,
section.itemlist .soldtd,
section.itemlist .maxtd,
section.itemlist .batchtd,
section.itemlist .stptd,
section.itemlist .typetd{
	display: none;
}

@media (max-width: 600px) {

	section.itemlist .title button {
		display: block;
	} 

	section.itemlist .sidebar {
		display: none;
	}

	section.itemlist #toolButtons {
		flex-wrap: wrap;
        display: flex;
        gap: 5px;
        padding: 10px 10px;
	}

	section.itemlist #toolButtons .hideMobileButton {
		display: none;
	}

	section.itemlist #toolsHeader {
		display: none;
	}
	
	section.itemlist #mainHeader th {
		top: 0px !important;
	}

	section.itemlist #searchfield {
		width: 100%;
	}	

	section.itemlist #search {
		width: 100%;
	}	

	section.itemlist .pagination {
		display: none;
	}	

	section.itemlist  {
		padding: 5px 0;
	} 

	section.itemlist .title input {
		width: calc(100vw - 130px);
	}

	#items .nothing-text::before{
		display: none;
	}
	#items .nothing-text{
		display: block;
	}
} 



#itemlist .client{
	background: yellow;
	font-size: 0.5rem;
}

#itemlist th, #itemlist td {
	padding: 0.25rem;
	border: 1px solid black;
}

#itemlist a {
	color: black;
}

#superCombinedHeaderView {
	display: flex;
	flex-direction: column;
	align-items: center;
}

.combinedMainHeader {
	display: flex;
	flex-direction: column;
	align-items: center;
	min-width: 400px;
}

.combinedSubheader {
	display: flex;
	justify-content: space-between;
	margin-top: 5px;
}

.combinedSubheader span {
	display: flex;
	align-items: center;
	padding: 0px 15px;
}

#extraHeader th {
	background: transparent !important;
	box-shadow: none !important;
	top: unset;
	border: unset;
}

#extraHeader a {
	padding-right: 25px;
}

#extraHeader th.client{
	font-size: 8px;
	max-width: 45px;
	overflow: hidden;
}

#extraHeader th.client .hideBt{
	height: 25px;
	text-align: center;
}

#extraHeader th.client .freight{
	font-size: 10px;
	overflow: hidden;
	white-space: nowrap;
}
#extraHeader th.client i{
	font-size: 20px;
	cursor: pointer;
}

#extraHeader .caption{
	background: #fff !important;
	z-index: 10;
	font-size: 20px;
}

#nrTrays{
	font-size: 18px;
}

#itemlist select, #itemlist input {
	padding: 1px 1px;
}

.pagination {
  display: flex;
}

.pagination a {
	color: black;
	float: left;
	text-decoration: none;
	transition: background-color .3s;
	border: 1px solid #ddd;
	font-size: 15px;
	width: 2em;
	text-align: center;
	height: 2em;
	line-height: 2em;
}

.pagination a.active {
	background-color: #4CAF50;
	color: white;
	border: 1px solid #4CAF50;
}

.pagination a:hover:not(.active) {
	background-color: #ddd;
}

table.fixedHeader-floating {
	font-size: 16px;
}

.flex-space .active {
	color: #28A144;
}

.flex-space .vip{
	color:goldenrod;
}

.flex-space .inactive{
	color: #dc3545;;
}


/*  RESPONSIVE TABLE */

#itemlist caption {
	text-align: left;
	font-weight: 600;
	padding: 0.25em 0.5em 0.5em 0.5em;
}

#itemlist td::before {
	display: none;
}

#itemlist tr{
	border-bottom: 1px solid black;
}

@media screen and (max-width: 800px) {
	.hide-md {
		display: none;
	}
}

@media screen and (max-width: 75em) {
	#itemlist  table,
	#itemlist  tr,
	#itemlist td {
		display: block;
	}

	#itemlist  tr {
		padding: 0.7em 2vw;
	}

	#itemlist th {
		display: none;
	}
	#itemlist td::before {
		display: inline;
		font-weight: bold;
	}

	#itemlist td {
		display: grid;
		grid-template-columns: 4em auto;
		grid-gap: 1em 0.5em;
		border: none;
	}

	#itemlist caption {
		font-style: normal;
		background-color: #C0D8EE;
		color: #000;
		font-weight: bold;
	}
	#itemlist img {
		width: 150px;
		height: 150px;
	}

	#itemlist .bw{
		-webkit-filter: grayscale(100%); 
		filter: grayscale(100%);
	}

	#itemlist .status .badge {
		width: 150px;
		font-size: 13px;
		height: auto;
	}

	/* hideOnMobile */
	#itemlist .commtd {
		display: none !important;
	}
	#itemlist .filtd {
		display: none !important;
	}
	#itemlist .foltd {
		display: none !important;
	}
	#itemlist .budtd {
		display: none !important;
	}
	#itemlist .flowtd {
		display: none !important;
	}
	#itemlist .sizetd {
		display: none !important;
	}
	#itemlist .maxtd {
		display: none !important;
	}
} 

/* USER PANEL AND PROFILE*/

#users .item {
	border-bottom: 0px;
	padding: 0px;
}

.user {
	border-bottom: 1px solid rgba(0,0,0,.05);
	padding: 10px;
}

#users .action {
	display: flex;
	align-items: center;
	justify-content: flex-end;
}

.levels{
	font-size: 13px;
}

.dropdown-content a {
	display: block;
	padding: 10px;
	font-size: 16px;
} 

/* END USER PANEL*/


/* STANDARD TABLE STYLE */

.table {
  border-collapse: collapse;
  width: 100%;
}

.table td, .table th {
  border: 1px solid #ddd;
  padding: 8px;
	font-size: 13px;
}

.table tbody tr:nth-child(odd){background-color: #f2f2f2;}

.table tbody tr:hover {background-color:#fafad2}

.table th {
  padding-top: 8px;
  padding-bottom: 8px;
  text-align: left;
  /* background-color: #2066b2; */
  color: black;
}


/* TABLE LOADING */
/* table.loading tbody {
    position: relative;
}
table.loading tbody:after {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: white;
    background-image: url(data:image/gif;base64,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);
		background-position: center;
    background-repeat: no-repeat;
    background-size: 50px 50px;
    content: "";
} */

/* DROPDOWN  */

.dropdown {
  position: relative;
  display: inline-block;
}

.dropdown-content {
  display: none;
  position: absolute;
  z-index: 10;
	padding: 12px 16px;
  background-color: #fff;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
}

.dropdown-content.open-left{
	right: 0;
	text-align: right;
}

.dropdown-content input[type="checkbox"]{
	transform: unset;
}

.dropdown-content label {
	display: block;
	padding: .2em 0;
	white-space: nowrap;
	cursor: default;
}

.dropdown-content a{
	font-size: 12px;
	color: #000;
}

.dropdown-content a:hover{
	background-color: #eee;
}

.show{
	display:block;
} 

/* TEST */

/* used for summary details */
.grid {
	display: grid;
	grid-template-columns: auto auto;
	padding: 10px;
  grid-gap: 5px;
}

.combined-grid{
	display: grid;
	grid-template-columns: 120px auto;
	width: min-content;
}
.master-grid{
	display: grid;
	grid-template-columns: 120px auto;
	grid-gap: 5px;
}

#searchfield{
	display: flex;
	align-items: center;
}

.checkTd.pprocessing, .prepickTd.pprocessing {
	background: #d3ecff !important;
}
.checkTd.processing, .prepickTd.pprocessing {
	background: #fff8af !important;
}
.checkTd.done, .prepickTd.pprocessing {
	background: #bdffbd !important;
}
.checkTd.checked, .prepickTd.pprocessing {
	background: white !important;
}
.checkTd.gprocessing, .prepickTd.pprocessing {
	background: #ffd3e4 !important;
}
.checkTd.gdone, .prepickTd.pprocessing {
	background: #d497ff !important;
}
.checkTd.greceived, .prepickTd.pprocessing {
	background: #ff7900 !important;
}
/* table.itemlist td.topick{
	background: #fff !important;
} */
/* table.itemlist tr:nth-child(even) td.topick{
	background: #eee !important;
} */


.checkTd, .prepickTd {
	position: relative;
	text-align: center;
	cursor: pointer;
	padding: 0px;
	-webkit-touch-callout: none; /* iOS Safari */
	-webkit-user-select: none; /* Safari */
	-khtml-user-select: none; /* Konqueror HTML */
	-moz-user-select: none; /* Old versions of Firefox */
	-ms-user-select: none; /* Internet Explorer/Edge */
	user-select: none; /* Non-prefixed version, currently supported by Chrome, Edge, Opera and Firefox */
}

.checkTd:active, .prepickTd:active {
	filter: brightness(75%);
	transition-duration: 1s;
}

.client:active {
	filter: brightness(75%);
	transition-duration: 1s;
}

.doubleCheck::after{
	content:"\2713";
	padding: 0px !important;
	font-size: 30px;
}

.na::after{
	content:"\2717";
	padding: 0px !important;
	font-size: 30px;
}

#selectColor option{
	background-color: #fff;
	color:#000;
}  

#selectColor{
	height: unset !important;
	padding: 0;
}  

/* class table it should be list view */

table.itemlist *{
	font-size: 13px;
}

.unselectable {
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	-o-user-select: none;
	user-select: none;
}

table.itemlist {
	width: 100%;
	position: relative;
	overflow: auto;
	border-collapse: separate; 
	border-spacing: 0;
	font-size: 14px;
  text-align: left;
}


table.itemlist td {
	white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

table.itemlist th {
  top: 0;
	position: sticky;
  background:#C0D8EE;
	z-index: 7;
	min-height: 20px;
	border-top: 1px solid #000;
  border-bottom: 1px solid #000;
}

table.itemlist th:first-child{
	border-left: 1px solid black;
}
table.itemlist th{
	padding: 0.25rem; 
  border-right: 1px solid black;
}
table.itemlist td:first-child{
	border-left: 1px solid black;
}
table.itemlist td {
	padding: 0.25rem; 
  border-bottom: 1px solid black;
  border-right: 1px solid black;
}

table.itemlist td a {
	color: black;
}

table.itemlist .wrap{
	white-space: normal;
}

table.itemlist tr:nth-child(odd){
  background-color: #fff;
}
table.itemlist tr:nth-child(even){
  background-color: #eee;
}

.commtd{
	white-space: normal !important;
}

 /* TEST for scrolling table */


.list-view_container {
	overflow: auto;
	height: 100%;
	position: relative;
	will-change: transform;
	display: flex;
	flex-direction: column;
	z-index: 0;
	margin: auto;
	width: 90%;
	max-width: 1024px;
}



.list-view_container.scroll_active{
    background: rgba(255,255,255,0.3);
    cursor: grabbing;
    cursor: -webkit-grabbing;
    transform: scale(1);
}

.list-view_container.full-width {
	width: 98%;
	max-width: unset;
}
 
@media only screen and (max-width: 990px) {
	.list-view_container {
		width: 98%;
	}

	table.itemlist a{
		font-size: 11px;
	}
}



.list-view_wrapper{
	display: flex;
	flex: 1 0 auto;
	flex-flow: column nowrap;
	zoom: 1;
	background: #fff;
	min-width: 0;
	min-height: 0;
	width: 100%;
}

section.flex_scroll{
	display: flex;
	flex: 1 1 100%;
	width: 100%;
  overflow: hidden;
	min-width: 0;
	height: 100%;
	padding: 0;
}




table.itemlist .loctd input{
	padding: 0;
	font-size: 11px;
}

table.itemlist .client{
	padding: 0;
	background: grey;
}

table.itemlist .red{
	background: var(--tgg-red) !important;
}
table.itemlist .pink{
	background: var(--tgg-pink) !important;
}
table.itemlist .yellow{
	background: var(--tgg-yellow) !important;
}
table.itemlist .green{
	background: var(--tgg-green) !important;
}
table.itemlist .cyan{
	background: var(--tgg-cyan) !important;
}
table.itemlist .orange{
	background: var(--tgg-orange) !important;
}
table.itemlist .purple{
	background: var(--tgg-purple) !important;
}

table.itemlist .client a{
	font-size: 10px !important;
}

#combinedTable td{
	height: 45px;
}
#combinedHeader th.client{
	width:1%;
	color: white; 
	min-width: 45px; 
	max-width: 45px;
	cursor: pointer;
	padding: 3px;
	border-top: 1px solid #000;
  border-bottom: 1px solid #000;
}

#combinedHeader th.client .inner{
	overflow: hidden;
	font-size: 10px !important;
	max-height: 45px;
}

.caption{
	background:white; 
  padding: 0.25rem;
	border: none !important;
	text-align: left;
	font-weight: 600;
}

/* PLUGS */

#plugTable th:nth-child(n+10){
	min-width: 50px;
	/* text-align: center; */
	background-color: #FFFFCC;
}

#plugTable td {
  background: #fff;
}


/* UTILS */

.flex{
	display: flex;
}
.flex-group{
	display: flex;
	flex-wrap: nowrap;
}
.flex-group input{
	width: 50%;
}

.button-circle{
	display: block;
	height: 30px;
	width: 30px;
	line-height: 30px;
	text-align: center;
	border-radius: 40px;
}


.panel{
	/* border: 1px solid black;
	border-radius: 10px;
	margin-bottom: 10px;
	margin-top: 10px; */
	flex-grow: 1;
	padding-bottom: 10px;
}

.panel .title{
	all:unset;
	position:absolute;
	top:-2px;
	width: 100%;
	text-align: center;
	left: 0;
	z-index: 1;
}
.panel .content{
	border: 1px solid #aaa;
	padding: 15px;
	border-radius: 10px;
	height: 100%;
}

.panel span{
	background: white;
	padding: 0px 10px;
}

#menu-arrow{
	margin: auto;
}

.btn-group {
	position: relative;
	display: inline-flex;
	vertical-align: middle;
	z-index: 2;
}

.btn-group div:not(:first-child){
  margin-left: -2px;
}
.btn-group button:not(:first-child) {
	margin-left: -2px;
}



#messages{
	display: flex;
	flex-direction: column;
	overflow: auto;
	height: 150px;
	padding: 10px;
	background: #f1f1f1;
	margin-top: 20px;
}
.changeqty .msg{
	width: fit-content;
	background: white;
	padding: 10px;
	border-radius: 10px;
	border: 1px solid #eee;
}
.changeqty .msg.left{
	align-self: flex-start;
}
.changeqty .msg.right{
	text-align: right;
	align-self: flex-end;
}
.changeqty h6{
	margin: 0;
}

.text-center{
	text-align: center;
}

.alert{
	position: absolute;
	bottom: 10px;
	right: 10px;
	width: 300px;
	text-align: center;
	border: 3px solid #169cee;
	color: #169cee;
	background: #fff;
	border-radius: 10px;
	z-index: 2;
}

.fade-out{
	opacity: 0;
	transition: 2s all ease;
} 


@keyframes fade {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

/* table thead th:first-child {
	position: sticky;
	top:0;
  left: 0;
  z-index: 9;
}


table td:first-child {
  position: sticky;
	left: 0;
  z-index: 9;
}

table thead th:nth-child(2) {
  position: sticky;
	left: 40px;
	top:0;
  z-index: 9;
}


table td:nth-child(2) {
	background-color: whitesmoke;
	position: sticky;
  left: 40px;
  z-index: 9;
} */

/* COLORS */

.green-clr{
	color : var(--tgg-green) !important;
}
.yellow-clr{
	color : var(--tgg-yellow) !important;
}
.red-clr{
	color : var(--tgg-red) !important;
}

.green-bg{
	background-color : var(--tgg-green) !important;
}
.yellow-bg{
	background-color : var(--tgg-yellow) !important;
}
.red-bg{
	background-color : var(--tgg-red) !important;
}
.cyan-bg{
	background-color : var(--tgg-cyan) !important;
}


.pointer{
	cursor:pointer; 
	font-size:18px;
	color: #000 !important;
}
/* select2 custom theme */
.select2-container--custom {
	border: 1px solid rgba(0,0,0,.15);
}
.select2-container--custom .select2-dropdown{
	left: -1px !important;
	border: 1px solid rgba(0,0,0,.15);
} 
.select2-container--custom .select2-results{
	max-height: 300px;
  overflow: auto;
} 
.select2-container--custom .select2-selection--single{
	display: flex !important;
	align-items: center;
	color: grey;
	font-size: 13px;
} 

.select2-container--custom .select2-results li:hover{
	background-color: #c4e3ff;
} 



.select2-container--custom .select2-results__option--highlighted.select2-results__option--selectable {
	background-color: #5897fb;
	color: white;
}

.select2-container--custom .select2-results>.select2-results__options {
	max-height: 200px;
	overflow-y: auto;
}


/* .input-group > .select2-container--bootstrap .select2-selection--single {
	height: 100%;
	line-height: inherit;
	padding: 0.5rem 1rem;
} */

.animated-text {
	/* transition: transform .5s ease-out; */
	animation: text-bigger 1s 
}

@keyframes text-bigger {
	0% {
			transform: scale(1);
	}

	70% {
			transform: scale(1.5);
	}

	100% {
			transform: scale(2);
	}
}

.pulsate {
  -webkit-animation: pulsate 1.5s ease-out;
  /* -webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite; */
  animation: pulsate 1.5s ease-out;
  opacity: 1.0;
  transform: scale(1);
  display: inline-block;  
}

@keyframes pulsate {
  0% {
    /* opacity: 0.5; */
    -webkit-transform: scale(1.0);
    transform: scale(1.0);
		zoom: 1;
  }
  50% {
    /* opacity: 1.0; */
    -webkit-transform: scale(1.5);
    transform: scale(1.5);
  }
  100% {
    /* opacity: 1; */
    -webkit-transform: scale(1.0);
    transform: scale(1.0);
  }
}

.bt-container{
	flex-direction: row;
	display: flex;
	justify-content: space-between;
	padding-bottom: 20px;
}
.square-button{
	display: flex;
	flex-direction: column;
	width: 90px;
	height: 90px;
	border: 1px solid #939393;
	align-items: center;
	justify-content: center;
	font-size: 18px;
	text-transform: uppercase;
	color: #939393;
	font-weight: 400;
}

.fw-button{
	display: block;
	/* width: 100%; */
	height: fit-content;
	padding: 10px;
	border: 1px solid;
	margin-bottom: 20px;
	color: #939393;
	text-transform: uppercase;
	font-size: 18px;
	font-weight: 400;
}

#cartCount {
	display: inline-block;
	font-size: 14px;
	vertical-align: top;
	height: 21px;
	line-height: 21px;
	font-weight: 600;
}


/* UTILITIES */

.flex-space{
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.position-static {
  position: static !important;
}

.position-relative {
  position: relative !important;
}

.position-absolute {
  position: absolute !important;
}

.position-fixed {
  position: fixed !important;
}

.position-sticky {
  position: -webkit-sticky !important;
  position: sticky !important;
}

.top-0 {
  top: 0 !important;
}

.top-50 {
  top: 50% !important;
}

.top-100 {
  top: 100% !important;
}

.bottom-0 {
  bottom: 0 !important;
}

.bottom-50 {
  bottom: 50% !important;
}

.bottom-100 {
  bottom: 100% !important;
}

.start-0 {
  left: 0 !important;
}

.start-50 {
  left: 50% !important;
}

.start-100 {
  left: 100% !important;
}

.end-0 {
  right: 0 !important;
}

.end-50 {
  right: 50% !important;
}

.end-100 {
  right: 100% !important;
}

.p-0 {
  padding: 0 !important;
}

.p-1 {
  padding: 0.25rem !important;
}

.p-2 {
  padding: 0.5rem !important;
}

.p-3 {
  padding: 1rem !important;
}

.p-4 {
  padding: 1.5rem !important;
}

.p-5 {
  padding: 3rem !important;
}

.py-0 {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

.py-1 {
  padding-top: 0.25rem !important;
  padding-bottom: 0.25rem !important;
}

.py-2 {
  padding-top: 0.5rem !important;
  padding-bottom: 0.5rem !important;
}

.py-3 {
  padding-top: 1rem !important;
  padding-bottom: 1rem !important;
}

.py-4 {
  padding-top: 1.5rem !important;
  padding-bottom: 1.5rem !important;
}

.py-5 {
  padding-top: 3rem !important;
  padding-bottom: 3rem !important;
}

.gap-1{
	gap: 0.25rem !important;
}

.align-items-center {
  align-items: center !important;
}

.d-none {
  display: none !important;
}

.picker-selected {
	color: #a90a0a;
}

/* Estilos para el icono de conexión/desconexión */
#connection-icon {
    position: fixed; /* Posición fija para que se mantenga en su lugar */
    bottom: 20px; /* Distancia desde la parte inferior */
    right: 20px; /* Distancia desde la derecha */
    display: flex;
    align-items: center;
    cursor: pointer; /* Cambia el cursor al pasar el ratón por encima */
}

/* Estilos para el icono "Connected" */
.connected-icon {
    color: green; /* Color para indicar conexión */
    font-size: 36px; /* Tamaño del icono */
    margin-right: 10px; /* Espacio entre los dos iconos */
}

/* Estilos para el icono "Disconnected" */
.disconnected-icon {
    color: red; /* Color para indicar desconexión */
    font-size: 36px; /* Tamaño del icono */
    margin-right: 10px; /* Espacio entre los dos iconos */
}

.swal-footer .swal-button--item-selected {
	height: 45px;
}

/*
.swal-footer {
	display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
*/

.imgtd {
	display: flex;
	align-items: center;
	justify-content: center;
}