body
{
	padding: 0px;
	margin: 0px;
}
a, a:visited, a:hover{
    text-decoration: none;
}
a.link-product-inactive{
	color: rgba(156, 163, 175, 1);
    text-decoration: none;
}
 #top-menu-company-name
{
	font-size: 10pt;
	font-weight: bold;
	color: #253A6C;
	margin: 15px 0 10px 5px;
	float: left;
}


td#test {
	color: black;
	background-color: #F3F3F3;
}

td#beframe {
	color: #191919;
	background-color: #FFFFFF;
	border-bottom-style: none;
	border-style: none;
}

tr#beframe {
	color: #000000;
	background-color: #FFFFFF;
	border-bottom-style: none;
	border-style: none;
}
td#beframe_k {
	color: black;
	background-color: #FFFFFF;
	border-bottom-style: solid;
	border-left-style: solid;
	border-bottom-color: hsl(0, 0%, 100%);

}

td#total {
	height: 26px;
	font-size: 11px;
	color: #000000;
	font-weight: bold;
	letter-spacing: -0.5px;
	background-color: white;
}

table.detal
{
	width: 100%;
	float: left;
	color: pink;
}


table.detal th {
    font-size: 0.875rem;
	font-weight: bold;
    font-size: 0.875rem;
}
table.detal td {
    font-size: 0.875rem;
	padding: 0.65rem 0.65rem;
    border-bottom-width: 1px;
    box-shadow: inset 0 0 0 9999px transparent;
}
table.lentele .group td{
	border-bottom: 1px solid #ddd;
	}
table.lentele, table.lent
{
	width: 100%;
	background-color: none;
	float: left;
	border-spacing: 0px;
	border: 0px;
	background: none;
}
table.lentele{
	--bs-table-border-color: var(--app-component-table-border-color);
	border-color: var(--bs-table-border-color);
}
table.lentele{
	padding: 1rem;
}
.tab-content table.lentele{
	padding: 0rem;
}

table.lentele th, table.lent th, table.lenteleV th, table.lentk th,table.lentt th {
	border: 0px;
	font-weight: bold;
    padding: 0.65rem 0.65rem;
    font-size: 0.875rem;
    border-bottom: 1px solid;
	--bs-table-border-color: var(--app-component-table-border-color);
	border-color: var(--bs-table-border-color);
	--bs-table-color: var(--app-component-color);
	color: var(--bs-table-color);
}

table.th-left th{
	text-align: left;
}

/*.lentele > *:first-child > tr:first-child > *:first-child,
.lentele > *:first-child > tr:first-child > *:last-child,
.lentele > *:last-child  > tr:last-child  > *:first-child,
.lentele > *:last-child  > tr:last-child  > *:last-child {*/
.lentele > tbody > tr:first-child > td{

/*.lentele > *:first-child > tr:first-child > *:first-child{*/

/*table.lentele > :first-child > :first-child td, table.lentele > :first-child > :first-child th {*/

	/*font-weight: bold;*/
}

table.lentele td, table.lent td, table.lenteleV td, table.lentk td,table.lentt td {
	border: 0px;
	border-bottom: 1px solid;
	font-size: 0.875rem;
	padding: 0.65rem 0.65rem;
    box-shadow: inset 0 0 0 9999px transparent;
    --bs-table-border-color: var(--app-component-table-border-color);
	border-color: var(--bs-table-border-color);
	--bs-table-color: var(--app-component-color);
	color: var(--bs-table-color);
   
}
table.small td{
	font-size: 0.875rem;
	padding: 0.25rem;
}
table.apac
{
	width: 100%;
	background-color: none;

}

table.apac th {
	height: 45px;
	font-size: 10pt;
	background-color: white;
	color: #000000;
	border-style: none;
}
table.apac td {
	border-style: none;
}
table.apac:link {
	text-decoration: none;
	text-transform: none;
	color: black;
	font-size: 11px;

}
table.apac a:visited {
	text-decoration: none;
	color: black;
	font-size: 11px;
	letter-spacing: -0.5px;
}
table.apac a:hover {
	background-color: #ECECEC;
	text-decoration: underline;
	font-size: 11px;
}

table.sortable, table.list-table {
	width: 100%;
	background-color: none;
	float: left;
	border-spacing: 0px;
	border: 0px;
	background: none;
	border: 1px solid #e1e1e1;
}
table.sortable th, table.list-table th {
    font-size: 0.875rem;
	font-weight: bold;
    padding: 0.65rem 0.65rem;
	text-align: left;
}
table.sortable td, table.list-table td {
	
	font-size: 0.875rem;
	padding: 0.65rem 0.65rem;
    /* border-bottom-width: 1px;
    box-shadow: inset 0 0 0 9999px transparent;
    border-bottom: 1px solid #d1d9e7 */
}
table.sortable tr:nth-of-type(odd) {
}
/*
tr.menuon, tr.menuon > td {
	background-color: #F5F5F5;
	border-bottom: 1px solid #ddd;
}
tr.menuoff1 {
	background-color: #FFFFFF;
}
tr.menuoff2 {
	background-color: #F5F5F5;
}
table.sortable tr:nth-of-type(odd) {
	background-color: #F3F3F3;
}
table.sortable tr:hover td {
	background-color: #E5E5E5;
}
*/

table.meniu
{
	width: 100%;
	background-color: none;
	border: 1px solid #e1e1e1;
}

table.meniu th {
	font-weight: bold;
}
table.meniu td {
	color: #191919;
	padding: 1px;
	font-variant: normal;
	text-decoration: none;
	font-size: 10pt;
	border-bottom-color: #E7EAEC;
	border-left-style: none;
	border-bottom-style: solid;
	border-right-style: none;
	border-top-style: none;
	border-bottom-width: 1px;
	height: 25px;
}

table.lenteleV, table.lentele, table.sortable, table.detal, table.list-table{
	/* background-color: #fff; */

	margin-bottom: 10px;
	/* border: 1px solid #e1e1e1; */
}
table.lentK{

	/* border: 1px solid #e1e1e1; */
	/* background-color: #fff; */

}

table.lentT{
	/* border: 1px solid #e1e1e1; */
	/* background-color: #fff; */

}
table.lenteleV, table.lentele, table.sortable, table.detal, table.list-table, table.lentK, table.lentT{
	--bs-card-spacer-y:1rem;
	--bs-card-spacer-x:1rem;
	--bs-card-title-spacer-y:0.5rem;
	--bs-card-border-width:1px;
	--bs-card-border-color:var(--app-component-border-color);
	--bs-card-border-radius:6px;
	--bs-card-inner-border-radius:6px;
	--bs-card-cap-padding-y:0.5rem;
	--bs-card-cap-padding-x:1rem;
	--bs-card-cap-bg:rgba(60, 78, 113, 0.075);
	--bs-card-bg:var(--app-component-bg);
	--bs-card-img-overlay-padding:1rem;
	--bs-card-group-margin:8px;
    background-color: var(--bs-card-bg);
    background-clip: border-box;
    border: var(--bs-card-border-width) solid var(--bs-card-border-color);
}

table.lenteleV{
	height: 32px;
	font-size: 10pt;
	color: #000000;
	font-weight: bold;
	border-top: 4px solid #E7EAEC;
	border-bottom: 1px solid #E7EAEC;
	background-color: white;
	padding-right: 15px;
}
table.lenteleV th, table.lentele th, table.sortable th, table.detal th, table.list-table th, table.lentK th, table.lentT th{
	text-align:initial;
}
#configurableTableContainer {
    float: left;
    width: 100%;
}
th#title {
	font-size: 14px;
	color: #B4204F;
	font-weight: bold;
}
td#tmalt {
	color: #DE7975;
}
td#grupe1 {
	text-align: center;
	font-weight: bold;
	padding-top: 2px;
	font-size: 11pt;
	height: 22px;
	border-width: 0px;
	color: #253A6C;
	background: none;
}
td#grupe2 {
	text-align: center;
	font-weight: bold;
	text-transform: none;
	font-size: 10pt;
	height: 22px;
	color: #253A6C;
	background: none;
}
.blue-button{
	background-color: #1f6bff !important;
	color: #fff !important;
}
.yellow-button{
	background-color: #e9c204 !important;
	color: #000 !important;
}
.yellow-button:hover{
	background-color: #edce36 !important;
}

.hover\:yellow-button:hover{
	background-color: #ffd81c !important;
}



/* .yellow-button svg{
	fill: #000;
} */
.red-button{
	background-color: #b80909

}
.red-button:hover{
	background-color: #d81818;
}

.mag-button{
	background-color: #d25200 !important;

}
.mag-button-inactive{
    background-color: #fff !important;
    border: 1px solid #d25200;
}
.mag-button-active{
    background-color: #03bb21 !important;
    border: 1px solid #03bb21;
}
.lblue-button{
	background-color: #6497b1 !important;

}

.green-button{
	background-color: #028824 !important;

}

.green-button2{
	background-color: #247146 !important;
}
.gray-button{
	background: #d1d1d1 !important;
}
.orange-button{
	background-color: #ff9900 !important;
}

td#kvraide {
	color: #2F28FF;
}
td#kvraide a:link {
	text-decoration: none;
	text-transform: none;
	font-weight: bold;
	font-size: 11px;
	border-left-width: 1px;
	border-bottom-width: 1px;
	border-right-width: 1px;
	border-top-width: 1px;
	color: black;
}
td#kvraide a:hover {
	text-decoration: underline;
	text-transform: none;
	font-weight: bold;
	font-size: 11px;
	border-left-width: 1px;
	border-bottom-width: 1px;
	border-right-width: 1px;
	border-top-width: 1px;
	color: black;
}
table.lenteleP {
	border-width: 0px;
	height: 40px;
}
table.lenteleP td {
	color: black;
	text-transform: none;
	font-size: 11px;
	font-variant: normal;
	background-image: none;
	border-style: none;
	padding-right: 4px;
	padding-left: 4px;
}
#dropmenudiv {
	background-color: #ffffff;
	position: absolute;
	left: 0px;
	float: left;
	min-width: 160px;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
	margin-top: 2px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	font-size: 14px;
	text-align: left;
	list-style-type: none;
	list-style-position: initial;
	list-style-image: initial;
	background-color: rgb(255, 255, 255);
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: rgba(0, 0, 0, 0.14902);
	border-right-color: rgba(0, 0, 0, 0.14902);
	border-bottom-color: rgba(0, 0, 0, 0.14902);
	border-left-color: rgba(0, 0, 0, 0.14902);
	border-image-source: initial;
	border-image-slice: initial;
	border-image-width: initial;
	border-image-outset: initial;
	border-image-repeat: initial;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	border-bottom-right-radius: 4px;
	border-bottom-left-radius: 4px;
	-webkit-box-shadow: rgba(0, 0, 0, 0.172549) 0px 6px 12px;
	box-shadow: rgba(0, 0, 0, 0.172549) 0px 6px 12px;
	font-size: 0.875rem;
	z-index: 100;
}

#dropmenudiv a {
	display: block;
	padding-top: 3px;
	padding-right: 20px;
	padding-bottom: 3px;
	padding-left: 20px;
	clear: both;
	font-weight: 400;
	line-height: 1.42857143;
	white-space: nowrap;
	color: rgb(38, 38, 38);
	text-decoration: none;
}

#dropmenudiv a:hover { /*hover background color*/
	background-color: rgb(245, 245, 245);
}
.dropdownmenu {
	background-color: #ffffff;
	position: absolute;
	float: left;
	min-width: 160px;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
	margin-top: 2px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	font-size: 14px;
	text-align: left;
	list-style-type: none;
	list-style-position: initial;
	list-style-image: initial;
	background-color: rgb(255, 255, 255);
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: rgba(0, 0, 0, 0.14902);
	border-right-color: rgba(0, 0, 0, 0.14902);
	border-bottom-color: rgba(0, 0, 0, 0.14902);
	border-left-color: rgba(0, 0, 0, 0.14902);
	border-image-source: initial;
	border-image-slice: initial;
	border-image-width: initial;
	border-image-outset: initial;
	border-image-repeat: initial;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	border-bottom-right-radius: 4px;
	border-bottom-left-radius: 4px;
	-webkit-box-shadow: rgba(0, 0, 0, 0.172549) 0px 6px 12px;
	box-shadow: rgba(0, 0, 0, 0.172549) 0px 6px 12px;
	font-size: 0.875rem;
}
.dropdownmenu a {
	display: block;
	padding-top: 3px;
	padding-right: 20px;
	padding-bottom: 3px;
	padding-left: 20px;
	clear: both;
	font-weight: 400;
	line-height: 1.42857143;
	white-space: nowrap;
	color: rgb(38, 38, 38);
	text-decoration: none;
}
.dropdownmenu a:hover { /*hover background color*/
 	background-color: rgb(245, 245, 245);
}

.add_group {
	margin-left: -15px;

}
#stock-text {
	float: right;
	padding: 1px;

}
#stock-item {
	float: right;
	padding: 1px;

}
/* tr.menuoff1, tr.menuoff1 > td { background-color: #fafafa; border-bottom: 1px solid #ddd; } */

tr.menuoff2 td > table td{ border-bottom: 0px; }
tr.menuoff1 td > table td{ border-bottom: 0px; }

/* tr.menuoff2, tr.menuoff2 > td{ background-color: #fcfcfc; border-bottom: 1px solid #ddd; } */

tr.menuoff1 td > table td{ border-bottom: 0px; }
tr.menuoff2 td > table td{ border-bottom: 0px; }


tr.menuonuzs { background-color: #F5F5F5; }
tr.menuoffuzs1 { background-color: white; }
tr.menuoffuzs2 { background-color: #ffffe2; }




table.nopadding > tbody > tr > td{
	padding: 0px !important;
}

td.annotation{
	text-align: center !important;
	font-weight: normal !important;
	font-size: 10pt;
	height: 40px;
}
td.border-cell{
	border-bottom: 1px solid #E7EAEC !important;
}
/* .lentele > tbody > tr:first-child > td{
	border-top: 0px;
	border-bottom: 0px;
} */
/*.lentele > tbody > tr:first-child > td,*/ table.lentele th, table.lent th, table.lenteleV th, table.lentk th,table.lentt th {

	/* background: #f9fafb; */
    font-size: 0.875rem;
	/* border-bottom: 1px solid #e5e7eb; */
	/*border-top-left-radius: 1rem;
	border-top-right-radius: 1rem;*/
}
/* table.lentele, table.lent, table.lenteleV, table.lentk, table.lentt{
	border-radius: 6px; 
    border: 1px solid #d1d9e7;
} */
/* tr.menuoff1, tr.menuoff1 > td, tr.menuoff2, tr.menuoff2 > td {
	border-bottom: 1px solid #e5e7eb;

} */

span.repair-deleted{
	color: #b9b9b9;
}
span.repair-warranty{
	color: #3FBBE0;
}
span.repair-normal{
	/*color: #ffffff;*/
}
span.repair-highlight{
	font-weight: 900;
}


.aftertab-table.lentele{
	border-radius: 0px;
	border-bottom-left-radius: 6px;
	border-bottom-right-radius: 6px;
}

.legacy-table-wrapper{
	padding: 1.5rem;
    background: white;
    position: relative;
    min-width: 100%;
    float: left;
    box-shadow: 0 .125rem .25rem rgba(0,0,0,.075)!important;
    --bs-card-spacer-y: 1rem;
    --bs-card-spacer-x: 1rem;
    --bs-card-title-spacer-y: 0.5rem;
    --bs-card-border-width: 1px;
    --bs-card-border-color: var(--app-component-border-color);
    --bs-card-border-radius: 6px;
    --bs-card-inner-border-radius: 6px;
    --bs-card-cap-padding-y: 0.5rem;
    --bs-card-cap-padding-x: 1rem;
    --bs-card-cap-bg: rgba(60, 78, 113, 0.075);
    --bs-card-bg: var(--app-component-bg);
    --bs-card-img-overlay-padding: 1rem;
    --bs-card-group-margin: 8px;
    background-color: var(--bs-card-bg);
    background-clip: border-box;
    border: var(--bs-card-border-width) solid var(--bs-card-border-color);
    border-radius: var(--bs-card-border-radius);
}
.legacy-table-wrapper table.lentele{
	box-shadow: none !important;
	border: none !important;
}

/* Mygtukai */

/* .slide-button-container {
	position: absolute;
	top:50%;
	left:50%;
	transform: translate(-50%, -50%)
} */

/* .slide-button {
	background: #ff3130;
	color: #fff;
	width: 50px;
	height: 50px;
	border: 2px;
	display: inline-block;
	text-align: center;
	vertical-align: middle;
	text-decoration: none;
	border: 2px solid #fff;
}

.slide-button div {
	margin: 10px;
}

.slide-button-info {
	font-family: arial;
	width: 0;
	color: #fff;
	line-height: 20px;
	height: 40px;
	left: 20px;
	position: absolute;
	background: #ff3130;
	border-radius: 20px;
	border: 2px solid #fff;
	z-index: -1;
	transition: width 0.5s, height 4s;
	-webkit-transition: width 0.5s, height 4s;
}

.slide-button:hover .slide-button-info {
	width: 150px ;
} */

.slide-button-container {
	position: block;
	left: 50%;
	bottom: 50%
}

.slide-button-container .slide-button {
	text-align: center;
	display: flex;
	width: 40px;
	height: 40px;
	border: none;
	background-color: #00a750;
	transition: all 300ms;
	cursor: pointer;
	padding: 10px;
	color: black;
	border-radius: 0.375rem;
	border: 1px solid #d1d9e7;
}

.slide-button-container .slide-button span {
    color: black;
    position: absolute;
    text-align: center;
    opacity: 0; /* Add initial opacity:0 */
    white-space: nowrap; /* Add white-space: nowrap */
    display: block; /* Add display: block */
    overflow: hidden; /* Add overflow: hidden */
}

.slide-button-container .slide-button:hover {
	
    transition: all 500ms cubic-bezier(.62, .1, .5, 1);
    width: auto; /* change width: 150px; to width: auto; */
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
} 

.slide-button-container .slide-button .slide-button-text {
	transition: opacity 1000ms;
	margin-left: 20px;
	opacity: 0;
	color: black;
	white-space: nowrap;
	font-size: 0;
	width: 0;
	margin: 0;
	
}

.slide-button-container .slide-button span.show-long-text {
    opacity: 1;
    margin-left: 20px;
    font-size: 0.875rem;
    width: auto;
    line-height: 1.5;
    font-weight: 500;
    text-decoration: none;
    transition: opacity 900ms;
}

/* @media (max-width: 1200px) {
	.slide-button-container {
		left: none;
		bottom: none;
		position: block;
	}
} */

.remove-input-border {
	border-radius:0px !important;
	border: none;
	border-top: 1px solid rgb(209 213 219);
	border-left: 1px solid rgb(209 213 219);
}

.remove-input-border:focus {
	border: 2px solid blue;
	border-radius: 0px !important;
	outline: none;
}

.border-attach {
	border-top: 1px solid rgb(209 213 219);
}

.appear-from-top {
	animation: fade 1.5s infinite 100ms;
}

.border-rounded {
	border: 1px solid rgb(209 213 219);
	border-radius: 50%;
	padding: 6px;
}
.border-bottom {
	border-bottom: 1px solid rgb(209 213 219);
}

.border-top {
	border-top: 1px solid rgb(209 213 219);
}

.unread-email {
	color: rgb(51, 51, 219);
}


.logged-in {
	color: green
}

.logged-out {
	color: gray
}

.iddle { 
	color: orange
}

.support-menu-list {
	background-color: #e5e7eb;
}

.white-background {
	background-color: white;
}

.border-menu {
	border-top: 1px solid rgb(209 213 219);
	border-left: 1px solid rgb(209 213 219);
	border-right: 1px solid rgb(209 213 219)
}

.border-left {
	border-left: 1px solid rgb(209 213 219);
}

.border-right { 
	border-right: 1px solid rgb(209 213 219)
}

.border-menu:hover { 
	border-bottom: none;
}

.issues-tag {
	border: 1px solid rgb(209 213 219);
	border-radius: 15px 15px 0px 0px;
}

.max-width-email {
	max-width: 16.125rem;
}
.email-desc-color {
	color: rgba(var(--app-component-color-rgb), 0.5);
}
/* 
.email-scroll {
	height: 80vh ; 
	overflow-y: scroll;
} */

.mailbox-sidebar-css {
	height: 80vh;
	overflow-y:auto;
	min-width: 21rem;
}

.mailbox-contents {
	height: 80vh;
	width: 100%;
}

.mailbox-titles {
	color: var(--app-component-color);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 16.125rem;
}

.file-icon-small {
	width: 16px; 
	height: 16px;
}

.mailbox-detail-body img {
	object-fit: contain;
}

.mail-body img {
	max-width: 100%;
    max-height: 100%;
    object-fit: contain;
}