@charset "utf-8";
/* -----------------------------------*/
/* ---------->>> GLOBAL <<<-----------*/
/* -----------------------------------*/
body{
	padding-top: 57px;
	padding-bottom: 25px;
	/**/
}
#extra{
	visibility: hidden;
    height: 1px;
    width: 1px;
}
#cookie-modal{
  z-index: 2000;
}
.error-red {
	color: #FF0000;
}
.text-heading-blue{
	color:#126DA7;
}
.text-mm-blue{
	color:#06C;
}
.bg-grey{
	background-color:#eeeeee;
}
.bg-mm-blue{
	background-color:#06C;
}
.border-mm-blue{
	border-color:#06C;
}
/* -----------------------------------*/
/* --------->>> SIDEBAR <<<-----------*/
/* -----------------------------------*/
.wrapper {
    display: flex;
    width: 100%;
    align-items: stretch;
}
#side_bar {
    min-width: 200px;
    max-width: 200px;
    background: #fff;
    color: #000;
    transition: all 0.3s;
    border-right: 1px solid #ddd;
}
#side_bar.active {
    margin-left: -200px;
}
#side_bar .sidebar-header {
    padding: 20px;
    background: #fff;
}
#side_bar ul.components {
    padding: 20px 0;
}
#side_bar ul p {
    color: #fff;
    padding: 10px;
}
#side_bar ul li a {
    padding: 10px;
    font-size: 1.1em;
    display: block;
    border-bottom: 1px solid #ddd;
}
#side_bar ul li a:hover {
    color: #000;
    background: #ccc;
}
#side_bar ul li.active>a,
a[aria-expanded="true"] {
    color: #000;
    background: #f8f9fa;
}
a[data-bs-toggle="collapse"] {
    position: relative;
}
.dropdown-toggle::after {
    display: block;
    position: absolute;
    top: 50%;
    right: 20px;
    transform: translateY(-50%);
}
ul ul a {
    font-size: 0.9em !important;
    padding-left: 30px !important;
    background: #fff;
}
ul.CTAs {
    padding: 20px;
}
ul.CTAs a {
    text-align: center;
    font-size: 0.9em !important;
    display: block;
    border-radius: 5px;
    margin-bottom: 5px;
}
a.download {
    background: #fff;
    color: #000;
}
a.article,
a.article:hover {
    background: #fff !important;
    color: #fff !important;
}
/* -----------------------------------*/
/* --------->>> CONTENT <<<-----------*/
/* -----------------------------------*/
#content {
    width: 100%;
    padding: 5px 10px 10px 10px;
    min-height: 94.8vh;
    transition: all 0.3s;
}
/* -----------------------------------*/
/* --------->>> SIDEBAR <<<-----------*/
/* -----------------------------------*/
.sidebar {
  position: fixed;
  top: 0;
  /* rtl:raw:
  right: 0;
  */
  bottom: 0;
  /* rtl:remove */
  left: 0;
  z-index: 100; /* Behind the navbar */
  padding: 48px 0 0; /* Height of navbar */
  box-shadow: inset -1px 0 0 rgba(0, 0, 0, .1);
}

@media (max-width: 767.98px) {
  .sidebar {
    top: 5rem;
  }
}

.sidebar-sticky {
  position: relative;
  top: 0;
  height: calc(100vh - 48px);
  padding-top: .5rem;
  overflow-x: hidden;
  overflow-y: auto; /* Scrollable contents if viewport is shorter than content. */
}

.sidebar .nav-link {
  font-weight: 500;
  color: #333;
}

.sidebar .nav-link .feather {
  margin-right: 4px;
  color: #727272;
}

.sidebar .nav-link.active {
  color: #2470dc;
}

.sidebar .nav-link:hover .feather,
.sidebar .nav-link.active .feather {
  color: inherit;
}

.sidebar-heading {
  font-size: .75rem;
  text-transform: uppercase;
}


/* -----------------------------------*/
/* ---------->>> PRINT LABELS <<<-----------*/
/* -----------------------------------*/

/* Container holding the image and the text */
.container_label {
  position: relative;
  width:740px;
  height:149px;
}
/* Bottom left text */
.bottom-left {
  position: absolute;
  bottom: 8px;
  left: 16px;
}
/* Top left text */
.top-left {
  position: absolute;
  top: 8px;
  left: 16px;
}
/* Top right text */
.top-right {
  position: absolute;
  top: 8px;
  right: 16px;
}
/* Bottom right text */
.bottom-right {
  position: absolute;
  bottom: 8px;
  right: 16px;
}
/* Centered text */
.centered {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

/* -----------------------------------*/
/* ---------->>> TABLES <<<-----------*/
/* -----------------------------------*/
table td.btnwidth{
	width:170px;
}
table.labelcontainer{
	width:100%;
	border-collapse:collapse;
	border:1px solid #CCC;
	padding-right: 15px;
	padding-left: 15px;
}
table.labelcontainer td{
	font-size:13px;
	vertical-align:top;
	padding:2px;
}
table.labelmain{
	width:100%;
	border-collapse:collapse;
}
table.labelmain td{
	font-size:13px;
	vertical-align:top;
}

table.container_carcase_ticket{
	margin-left:15px;
	width:auto;
	border-collapse:collapse;
	border-spacing: 0;
	font-family:Arial, Helvetica, sans-serif;
	background: url('../images/carcase_ticket_bg.png') no-repeat !important;
    width:740px;
    height:149px;
}

table.container_carton_label{
	margin-left:15px;
	width:auto;
	border-collapse:collapse;
	border-spacing: 0;
	font-family:Arial, Helvetica, sans-serif;
	background: url('../images/carton_label_bg.png') no-repeat !important;
    width:469px;
    height:303px;
}

table.labelcontainerprint{
	margin-left:15px;
	width:auto;
	border-collapse:collapse;
	border-spacing: 0;
	border:1px solid #000;
	font-family:Arial, Helvetica, sans-serif;
}

table.labelcontainerprint td{
	font-size:14px;
	font-weight:bold;
	vertical-align:top;
	padding:5px;
}
table.labelcontainerprint td.normal{
	font-weight:normal;
}
table.labelmainprint{
	width:100%;
	border-collapse:collapse;
}
table.labelmainprint td{
	vertical-align:top;
	padding:0;
}
table.labelmainprint td.weight{
	font-size:30px;
	font-weight:normal;
}
table.labelmainprint td.pcode{
	font-size:28px;
	text-align:right;
}
table.labelmainprint td.desc{
	font-size:20px;
}
table.labelmainprint td.comp{
	font-size:10px;
}
.pdate{
	font-size:22px;
}