input
{
     padding: 0.4375rem 0.75rem;
	/* padding: 0.2375rem 0.55rem; */
    font-size: .875rem;
    font-weight: 400;
    line-height: 1.5;
	color: var(--app-component-color);
    background-color: #FFFFFF;
    background-clip: padding-box;
    border: 1px solid #d1d9e7;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 6px;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
	box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}
select {
     padding: 0.4375rem 0.75rem 0.4375rem 0.75rem;
    /* padding: 0.2375rem 1.25rem 0.2375rem 0.55rem; */
    -moz-padding-start: calc(.75rem - 3px);
    font-size: .875rem;
    font-weight: 400;
    line-height: 1.5;
	color: var(--app-component-color);
    background-color: #FFFFFF;
    background-repeat: no-repeat;
    background-position: right 0.75rem center;
    background-size: 16px 12px;
    border: 1px solid #d1d9e7;
    border-radius: 6px;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    word-wrap: normal;

}
textarea{
	padding: 0.4375rem 0.75rem 0.4375rem 0.75rem;
   /* padding: 0.2375rem 1.25rem 0.2375rem 0.55rem; */
   	-moz-padding-start: calc(.75rem - 3px);
   	font-size: .875rem;
   	font-weight: 400;
	font-family: inherit;
    border-radius: 6px;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    word-wrap: normal;
	box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}
input[type="submit"]{
	font-size: 10pt;
	padding: 5px 5px 10px 0px;
	color: #fff;
	background-color: #253A6C;
	padding: 6px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-khtml-border-radius: 3px;
	border-radius: 3px;
	text-decoration: none;
	border: 0px;
}

/* input[type="checkbox"]{
	height: 16px !important;
	-webkit-appearance: none;
	background-color: #fafafa;
	border: 1px solid #e0e0e0;

	padding: 9px;
	border-radius: 3px;
	display: inline-block;
	position: relative;
	margin: 0px 3px 0px 3px;
	border-radius: 0.25em;
}
input[type="checkbox"]:active, input[type="checkbox"]:checked:active {
	box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px 1px 3px rgba(0,0,0,0.1);
}
input[type="checkbox"]:checked{
	background-color: #e9ecee;
	border: 1px solid #adb8c0;
	box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05), inset 15px 10px -12px rgba(255,255,255,0.1);
	color: #99a1a7;
}

 input[type="checkbox"]:checked:after {
	content: '\2714';
	font-size: 14px;
	position: absolute;
	top: 0px;
	left: 3px;
	color: #99a1a7;
}
*/
input[type="checkbox"]{
	width: 1.5em;
    height: 1.5em;
    margin-top: 0;
    vertical-align: top;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    -webkit-print-color-adjust: exact;
    color-adjust: exact;
	border-radius: 0.25em;
	padding: 0;
	float: left;

    background-color: var(--app-component-bg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    border: 1px solid var(--app-component-border-color);
}
input[type="checkbox"]:active, input[type="checkbox"]:checked:active {
    background-color: var(--app-component-active-bg);
    border-color: var(--app-component-active-bg);
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23FFFFFF' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10l3 3l6-6'/%3e%3c/svg%3e");
}


input[type="checkbox"]:checked{
	background-color: var(--app-theme);
    border-color: var(--app-theme);
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23FFFFFF' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10l3 3l6-6'/%3e%3c/svg%3e");

}

input[type="checkbox"].small{
	padding: 7px;
}
input[type="checkbox"].small:checked:after {
	font-size: 9px;
	top: 2px;
	left: 1px;
}
input[type="radio"]{
	height: 16px !important;
	-webkit-appearance: none;
	background-color: #fafafa;
	border: 1px solid #cacece;
/*	box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05);*/
	padding: 9px;
	border-radius: 50px;
	display: inline-block;
	position: relative;
}
input[type="radio"]:active, input[type="radio"]:checked:active {
	box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px 1px 3px rgba(0,0,0,0.1);
}

input[type="radio"]:checked{
	background-color: #e9ecee;
	color: #99a1a7;
	border: 1px solid #adb8c0;
	box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05), inset 15px 10px -12px rgba(255,255,255,0.1), inset 0px 0px 10px rgba(0,0,0,0.1);
}

input[type="radio"]:checked:after {
	content: ' ';
	width: 12px;
	height: 12px;
	border-radius: 50px;
	position: absolute;
	top: 3px;
	background: #99a1a7;
	box-shadow: inset 0px 0px 10px rgba(0,0,0,0.3);
	text-shadow: 0px;
	left: 3px;
	font-size: 32px;
}

input[type="file"]{
	width: 200px;
}
button{
	color: #fff;
    background-color: var(--app-theme);
	border: 0px;
	display: inline-block;
    font-weight: 500;
    line-height: 1.5;
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    padding: 0.4375rem 0.75rem;
	margin-left: 5px;
    font-size: .875rem;
    border-radius: 6px;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
	display: flex;
	align-items: center;
	align-self: center;
	justify-content: center;
}

button:hover{
    --bs-btn-color: var(--app-theme-color);
    --bs-btn-bg: var(--app-theme);
    --bs-btn-border-color: var(--app-theme);
    --bs-btn-hover-color: var(--app-theme-color);
    --bs-btn-hover-bg: var(--app-theme);
    --bs-btn-hover-border-color: transparent;
    --bs-btn-focus-shadow-rgb: var(--app-theme-rgb);
    --bs-btn-active-color: var(--app-theme-color);
    --bs-btn-active-bg: var(--app-theme);
    --bs-btn-active-border-color: transparent;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: rgba(var(--app-theme-color-rgb), .5);
    --bs-btn-disabled-bg: rgba(var(--app-theme-rgb), .5);
    --bs-btn-disabled-border-color: transparent;
    /* position: relative; */
	color: var(--bs-btn-hover-color);
    border-color: var(--bs-btn-hover-border-color);
    background-color: var(--app-theme);
}
.hover\:btn:hover{
    background-color: var(--app-theme);
}

/* button svg{
	fill: #fff;
} */

button.white-button{
	background: #fff;
}
button.transparent-button{
	background-color: rgba(0, 70, 110, 0);
	color: #000000;
	border: 1px solid #d7d3d3;
}
button.left{
	float: left;
}
button.gray-button{
	background: #d1d1d1 !important;
	color: #000000 !important;
}
button.gray-button svg{
	fill: #000;
}
button.selected-button{
	border: 1px solid black;
}
button.unselected-button{
	background: none;
	border: 1px solid black;
	color: #6d6b6b;
}
button.unselected-button.left,button.selected-button.left{
	border-top-right-radius: 0px !important;
	border-bottom-right-radius: 0px !important;
	/* margin-right: -6px; */
}
button.unselected-button.right,button.selected-button.right{
	border-top-left-radius: 0px !important;
	border-bottom-left-radius: 0px !important;
}
button.small{
	font-size: 9pt;
	padding: 1px;
	color: #fff;
	background-color: #253A6C;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-khtml-border-radius: 3px;
	border-radius: 3px;
	text-decoration: none;
	border: 0px;
	margin: 0px;
	margin-left: 5px ;
}

textarea{
	font-size: 10pt;
	min-height: 30px;
	-webkit-border-radius:4px;
    -moz-border-radius:4px;
    border-radius:4px;
    border: 1px solid #d4d2d2;
}
input .TEXT {
	height: 18px;
	text-decoration: none;
	font-style: normal;
	text-align: center;
	font-size: 10pt;
	font-weight: normal;
	border-color: #253A6C;
	border-style: inset;
	border-width: 1px;
	color: black;
	float: right;

}
/* select:hover {
	background: #f8f8f8;
	border: 1px solid #d4d2d2;
} */
#tabmenu, #modernbricksmenu{
	/* float: left; */
	width: 100%;
	margin-left: 0px !important;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
	margin-bottom: -1px;

	--bs-nav-link-padding-x: 1rem;
    --bs-nav-link-padding-y: 0.5rem;
    --bs-nav-link-font-weight: 400;
    --bs-nav-link-color: rgba(var(--app-component-color-rgb), 0.8);
    --bs-nav-link-hover-color: var(--app-component-color);
    --bs-nav-link-disabled-color: #a8b6d1;

    --bs-nav-tabs-border-width: 1px;
    --bs-nav-tabs-border-color: var(--app-component-border-color);
    --bs-nav-tabs-border-radius: 6px;
    --bs-nav-tabs-link-hover-border-color: transparent;
    --bs-nav-tabs-link-active-color: var(--app-component-color);
    --bs-nav-tabs-link-active-bg: var(--app-component-bg);
    --bs-nav-tabs-link-active-border-color: var(--app-component-border-color) var(--app-component-border-color) transparent;
    border-bottom: var(--bs-nav-tabs-border-width) solid var(--bs-nav-tabs-border-color);

}
#tabmenu ul, #modernbricksmenu ul{
	-webkit-padding-start: 0px;
	-webkit-margin-before: 0em;
}
#tabmenu ul, #modernbricksmenu ul{
	display: flex;
    flex-wrap: wrap;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
    padding-right: 1.5rem!important;
    padding-left: 1.5rem!important;
}
#tabmenu li, #modernbricksmenu li{
    margin-right: 1rem!important;
}
#tabmenu li a,  #modernbricksmenu li a{
	text-decoration: none;
	border: none;
    border-bottom: 3px solid transparent;
    padding: 1rem 0;
    font-size: 0.875rem;
    /* color: rgba(33,40,55,.5); */
    display: block;
    /* padding: 0.25rem;*/
	--bs-nav-link-color: rgba(var(--app-component-color-rgb), 0.8);
	color: var(--bs-nav-link-color);
}
#tabmenu li a:hover, #modernbricksmenu li a:hover{
    color: rgba(33,40,55, 1);
}
.dark-mode-black #tabmenu li a:hover, #modernbricksmenu li a:hover{
    color: rgb(152, 152, 152);
}
#top-title #tabmenu li{
}
/*#tabmenu li a:hover,  #modernbricksmenu li a:hover{
	background-color: #eee;
}
#tabmenu li:not(#current) a:hover, #modernbricksmenu li:not(#current) a:hover{
	padding-bottom: 0px;
}*/

#modernbricksmenu li#current {
	z-index: 100;
}
#tabmenu li#current a,  #modernbricksmenu li#current a{
    border-bottom-color: var(--app-theme);
    background: 0 0;
	--bs-nav-link-color: rgba(var(--app-component-color-rgb), 0.8);
	color: var(--bs-nav-link-color);
}
.lentele #tabmenu li#current a {

    border-bottom-color: var(--app-theme);
    background: 0 0;
    color: rgba(33,40,55, 1);
}

#top-title + .lentele{
	border-top-left-radius: 0px;
	border-top-right-radius: 0px;
}
#top-title #tabmenu, #top-title #modernbricksmenu {
    --bs-card-border-width: 1px;
    --bs-card-border-color: var(--app-component-border-color);
	--bs-card-bg: var(--app-component-bg);
    background-color: var(--bs-card-bg);
    border: var(--bs-card-border-width) solid var(--bs-card-border-color);
}

/* #top-title + .lentele{
	border-top-left-radius: 0px;
	border-top-right-radius: 0px;
} */
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%;
	background-color: none;
	float: left;
}

table.detal th {
	font-weight: bold;
}
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.detal a:link {
}
table.detal a:visited {
}
table.detal a:hover {
}


table.lentele
{
	width: 100%;
	background-color: none;
	float: left;
}



table.lentele th {
	font-weight: bold;
}
table.lentele td {
	font-size: 0.875rem;
	padding: 0.65rem 0.65rem;
    border-bottom-width: 1px;
    box-shadow: inset 0 0 0 9999px transparent;
}
table.lentele a:link {

}
table.lentele a:visited {

}
table.lentele a:hover {
}

table.lentele td.separator-cell{
	background: #eaeaea;
	height: 0px;
}


table.apac
{
	width: 100%;
	background-color: none;
}

table.apac th {
	height: 45px;
	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;
	/*letter-spacing: -0.5px;*/
	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 {
	background-image: url(img/pasiul_table_bg.gif);
	background-repeat: repeat-x;
	border-width: 0px;
	border-spacing: 0px;
	border-style: inset;
	border-color: gray;
	border-collapse: separate;
}
table.sortable th {
	font-weight: bold;
}
table.sortable td {
	padding: 0.65rem 0.65rem;
    border-bottom-width: 1px;
    box-shadow: inset 0 0 0 9999px transparent;
}
table.sortable tr:nth-of-type(odd) {
}
table.sortable a:link {
}
table.sortable a:visited {
}
table.sortable a:hover {
}
 /* tr.menuon {
	background-color: #f8f8f8;
}
tr.menuoff1 {
	background-color: #FFFFFF;
}
tr.menuoff2 {
	background-color: #f8f8f8;
} */
/* table.sortable tr:nth-of-type(odd), #configurableTableContainer table tr:nth-of-type(odd) {
	background-color: #f8f8f8;
} */
table.sortable tr:hover td {
	background-color: #f8f8f8;
}

table.meniu
{
	width: 100%;
	background-color: none;
}

table.meniu th {
	font-weight: bold;
}
table.meniu td {

	padding: 0.65rem 0.65rem;
    border-bottom-width: 1px;
    box-shadow: inset 0 0 0 9999px transparent;
}
table.meniu a:link {
}
table.meniu a:visited {
}
table.meniu a:hover {
}


table.lenteleV {
	border-width: 0px;
	border-spacing: 0px;
	border-style: inset;
	border-color: gray;
	border-collapse: separate;
}

table.lenteleV th {
	font-weight: bold;
}
table.lenteleV td {
	border-width: 0px;
	letter-spacing: -0.5px;
	color: #191919;
	font-variant: normal;
	text-decoration: none;
	font-size: 12px;
	border-bottom-color: #E5E5E5;
	border-left-style: none;
	border-bottom-style: solid;
	border-right-style: none;
	border-top-style: none;
}
table.lenteleV a:link {
	text-decoration: none;
	text-transform: none;
	color: black;
	letter-spacing: -0.5px;
	font-size: 11px;
}
TABLE.lenteleV A:visited
{
	text-decoration: none;
	color: black;
	font-size: 11px;
	letter-spacing: -0.5px;
}
TABLE.lenteleV A:hover
{
	background-color: #ECECEC;
	text-decoration: underline;
	font-size: 11px;
}
th#title {
	font-size: 14px;
	color: #B4204F;
	font-weight: bold;
}
#top-title{
	float: left;
	width: 100%;
}
#Top-title-left {
	color: var(--app-component-color);
    padding: 0;
    border: none;
    /* margin: 1rem 0 1rem;
    font-size: 1.75rem; */

    margin: 1rem 0 0rem;
    font-size: 1.25rem;
    font-weight: 600;
	float: left;
}

#Top-title-right {
	float: right;
    margin: 1rem 0 1rem;
	align-items: center;
	display: flex;
	flex-direction: row-reverse;
	gap: 4px;
}

#Top-right-right-item {
	float: right;
    display: flex;
    align-items: center;
	gap: 4px;
	margin-right: 4px;
}
#Top-right-right-item.float-left{
	float: left;
}

#Top-right-right-item > a {
	color: #fff;
    background-color: var(--app-theme);


	display: inline-block;
    font-weight: 500;
    line-height: 1.5;
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    padding: 0.4375rem 0.75rem;
    font-size: .875rem;
    border-radius: 6px;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

#Top-title-right button{
	color: #fff;
    background-color: var(--app-theme);

	display: inline-block;
    font-weight: 500;
    line-height: 1.5;
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    padding: 0.4375rem 0.75rem;
    font-size: .875rem;
    border-radius: 6px;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}


#Top-right-right-item > p {
	margin: 0px;
}
h3.top-table-title{
	font-size: 12pt;
    color: #253A6C;
}

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;
}
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: 10pt;
}

#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);
}

/* tr.menuoff1 { background-color: #ffffff; }
tr.menuoff2 { background-color: #f9f9f9; } */
tr.menuonuzs { background-color: #F5F5F5; }
tr.menuoffuzs1 { background-color: white; }
tr.menuoffuzs2 { background-color: #ffffe2; }

INPUT.TEXTL, INPUT.TEXTC, INPUT.TEXT{
	height: 30px !important;
	font-size: 10pt;
	-webkit-border-radius:4px;
    -moz-border-radius:4px;
    border-radius:4px;
    border: 1px solid #d4d2d2;
    padding-left: 4px;
}

input.select-length{
	width: 200px;
}


#date_1{
	width: 80px;
	border-top-right-radius: 0px;
	border-bottom-right-radius: 0px;
	border-right: 0px;

}
#date_2{
	width: 80px;
	border-top-left-radius: 0px;
	border-bottom-left-radius: 0px;
}

.content-item{
	float: left;
	border: 1px solid #e1e1e1;
	position: relative;
	background: #ffffff;
	width: 100%;
}
.content-title{
	width: 100%;
	height: 20px;
	border-top: 4px solid #E7EAEC;
	border-bottom: 1px solid #E7EAEC;
	padding: 4px 0 4px 0px;
	text-align: center;
	font-size: 12pt;
}
.ui-tooltip{
	font-size: 90% !important;
}
button.gray-button{
	background-color: #ccc;
}

input.hidden-input{
	color: #fff;
}

input.hidden-input:hover{
	color: #000;
}

select.during-save, input.during-save{
	background-color: #FFFFCC;
}

/* DETALES/PREKES */
.color-bg-red{
	background-color: #b60f16;
}
.color-black{
	color: #000;
}
.color-blue{
	color: #8ea3c4;
}
.color-white{
	color: #CECECE
}
.clicked-element{
	background-color: #e7e7e7 !important;
	color: #0000ff !important;
}
.clicked-element a{
	color: #0000ff !important;
}


.icon-title{
	display: none;
	float: left;
	margin-left: 5px;
}

.icon-title-black {
	color:#303030
}

.icon-title-black:hover {
	/* color:#303030 */
	color : black
}

@media screen and (min-width: 1200px)  {
	button .icon-title{
		display: block;
	}
}
button .pb-icon{
	float: left;
}
.filter-menu-item .icon-title, .selection-menu-item .icon-title{
	display: none;
}

/* *** */
/*** PRODUCT GROUPS */
#group-select-box{
	padding-right: 10px;
	min-width: 300px;
	width: 300px;
	/*width: 90%;
    top: 100px;
    background: #fff;
    border: 1px solid #ccc;
    z-index: 99; padding: 10px;box-shadow: rgba(0, 0, 0, 0.172549) 0px 6px 12px;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;*/
}
#group-select-box input[type="radio"]{
	margin-top: -2px;
}
.group-line{
	clear: both;
	margin-bottom: 15px;
}
.group-line .new-group{
	float: right;
}
.group-line span{
	float: left;
}
.group-line .pb-icon{
	float: left;
	margin-right: 5px;
}
.group-line .arrow{
	margin-left: 20px;
	width: 16px;
	height: 16px;
	float: left;
}
.group-line .arrow.left{
	background-image: url(/assets/img/icon-angle-left.png);
}
.group-line .arrow.down{
	background-image: url(/assets/img/icon-angle-down.png);
}
.group-new-line{
	clear: both;
	margin-left: 5px;
	margin-top: 10px;
	/* margin-bottom: 25px; */
}
.group-sub{
	padding-left: 1rem;
	opacity:0;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
	transform: scaleY(0);
	transform-origin:top;
	float: left;
	height: 0;
}
.group-sub.open {
	margin-top: 10px;
	margin-bottom: 10px;
	opacity:1;
	transform:scaleY(1);
	height: auto;
    clear: both;
}

.product-current-group-line{
	margin-top: 5px;
	margin-bottom: 5px;
}
span.arrow{
	margin-left: 20px;
	width: 16px;
	height: 16px;
	float: left;
}
span.arrow.float-right{
	float: right;
}
span.arrow.mx-4{
	margin-right: 1rem;
}
span.arrow.left{
	background-image: url(/assets/img/icon-angle-left.png);
}
span.arrow.down{
	background-image: url(/assets/img/icon-angle-down.png);
}

.customer-detail-heading{
	float: left;
	margin: 0px 0px 10px 5px;
	color: var(--app-component-color);
}
.customer-detail-plus{
	color: var(--app-component-color);
	font-size: 12pt;
	margin-left: 30px;
}




@font-face{font-family:codicon;src:url(/fonts/vendor/monaco-editor/esm/vs/base/browser/ui/codiconLabel/codicon/codicon.ttf?35bb8d560db5205616671eab8c4d0303) format("truetype")}.codicon[class*=codicon-]{font:normal normal normal 16px/1 codicon;display:inline-block;text-decoration:none;text-rendering:auto;text-align:center;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;user-select:none;-webkit-user-select:none;-ms-user-select:none}.codicon-add:before,.codicon-gist-new:before,.codicon-plus:before,.codicon-repo-create:before{content:"\EA60"}.codicon-light-bulb:before,.codicon-lightbulb:before{content:"\EA61"}.codicon-repo-delete:before,.codicon-repo:before{content:"\EA62"}.codicon-gist-fork:before,.codicon-repo-forked:before{content:"\EA63"}.codicon-git-pull-request-abandoned:before,.codicon-git-pull-request:before{content:"\EA64"}.codicon-keyboard:before,.codicon-record-keys:before{content:"\EA65"}.codicon-tag-add:before,.codicon-tag-remove:before,.codicon-tag:before{content:"\EA66"}.codicon-person-add:before,.codicon-person-filled:before,.codicon-person-follow:before,.codicon-person-outline:before,.codicon-person:before{content:"\EA67"}.codicon-git-branch-create:before,.codicon-git-branch-delete:before,.codicon-git-branch:before,.codicon-source-control:before{content:"\EA68"}.codicon-mirror-public:before,.codicon-mirror:before{content:"\EA69"}.codicon-star-add:before,.codicon-star-delete:before,.codicon-star-empty:before,.codicon-star:before{content:"\EA6A"}.codicon-comment-add:before,.codicon-comment:before{content:"\EA6B"}.codicon-alert:before,.codicon-warning:before{content:"\EA6C"}.codicon-search-save:before,.codicon-search:before{content:"\EA6D"}.codicon-log-out:before,.codicon-sign-out:before{content:"\EA6E"}.codicon-log-in:before,.codicon-sign-in:before{content:"\EA6F"}.codicon-eye-unwatch:before,.codicon-eye-watch:before,.codicon-eye:before{content:"\EA70"}.codicon-circle-filled:before,.codicon-close-dirty:before,.codicon-debug-breakpoint-disabled:before,.codicon-debug-breakpoint:before,.codicon-debug-hint:before,.codicon-primitive-dot:before{content:"\EA71"}.codicon-primitive-square:before{content:"\EA72"}.codicon-edit:before,.codicon-pencil:before{content:"\EA73"}.codicon-info:before,.codicon-issue-opened:before{content:"\EA74"}.codicon-gist-private:before,.codicon-git-fork-private:before,.codicon-lock:before,.codicon-mirror-private:before{content:"\EA75"}.codicon-close:before,.codicon-remove-close:before,.codicon-x:before{content:"\EA76"}.codicon-repo-sync:before,.codicon-sync:before{content:"\EA77"}.codicon-clone:before,.codicon-desktop-download:before{content:"\EA78"}.codicon-beaker:before,.codicon-microscope:before{content:"\EA79"}.codicon-device-desktop:before,.codicon-vm:before{content:"\EA7A"}.codicon-file-text:before,.codicon-file:before{content:"\EA7B"}.codicon-ellipsis:before,.codicon-kebab-horizontal:before,.codicon-more:before{content:"\EA7C"}.codicon-mail-reply:before,.codicon-reply:before{content:"\EA7D"}.codicon-organization-filled:before,.codicon-organization-outline:before,.codicon-organization:before{content:"\EA7E"}.codicon-file-add:before,.codicon-new-file:before{content:"\EA7F"}.codicon-file-directory-create:before,.codicon-new-folder:before{content:"\EA80"}.codicon-trash:before,.codicon-trashcan:before{content:"\EA81"}.codicon-clock:before,.codicon-history:before{content:"\EA82"}.codicon-file-directory:before,.codicon-folder:before,.codicon-symbol-folder:before{content:"\EA83"}.codicon-github:before,.codicon-logo-github:before,.codicon-mark-github:before{content:"\EA84"}.codicon-console:before,.codicon-terminal:before{content:"\EA85"}.codicon-symbol-event:before,.codicon-zap:before{content:"\EA86"}.codicon-error:before,.codicon-stop:before{content:"\EA87"}.codicon-symbol-variable:before,.codicon-variable:before{content:"\EA88"}.codicon-array:before,.codicon-symbol-array:before{content:"\EA8A"}.codicon-symbol-module:before,.codicon-symbol-namespace:before,.codicon-symbol-object:before,.codicon-symbol-package:before{content:"\EA8B"}.codicon-symbol-constructor:before,.codicon-symbol-function:before,.codicon-symbol-method:before{content:"\EA8C"}.codicon-symbol-boolean:before,.codicon-symbol-null:before{content:"\EA8F"}.codicon-symbol-number:before,.codicon-symbol-numeric:before{content:"\EA90"}.codicon-symbol-struct:before,.codicon-symbol-structure:before{content:"\EA91"}.codicon-symbol-parameter:before,.codicon-symbol-type-parameter:before{content:"\EA92"}.codicon-symbol-key:before,.codicon-symbol-text:before{content:"\EA93"}.codicon-go-to-file:before,.codicon-symbol-reference:before{content:"\EA94"}.codicon-symbol-enum:before,.codicon-symbol-value:before{content:"\EA95"}.codicon-symbol-ruler:before,.codicon-symbol-unit:before{content:"\EA96"}.codicon-activate-breakpoints:before{content:"\EA97"}.codicon-archive:before{content:"\EA98"}.codicon-arrow-both:before{content:"\EA99"}.codicon-arrow-down:before{content:"\EA9A"}.codicon-arrow-left:before{content:"\EA9B"}.codicon-arrow-right:before{content:"\EA9C"}.codicon-arrow-small-down:before{content:"\EA9D"}.codicon-arrow-small-left:before{content:"\EA9E"}.codicon-arrow-small-right:before{content:"\EA9F"}.codicon-arrow-small-up:before{content:"\EAA0"}.codicon-arrow-up:before{content:"\EAA1"}.codicon-bell:before{content:"\EAA2"}.codicon-bold:before{content:"\EAA3"}.codicon-book:before{content:"\EAA4"}.codicon-bookmark:before{content:"\EAA5"}.codicon-debug-breakpoint-conditional-unverified:before{content:"\EAA6"}.codicon-debug-breakpoint-conditional-disabled:before,.codicon-debug-breakpoint-conditional:before{content:"\EAA7"}.codicon-debug-breakpoint-data-unverified:before{content:"\EAA8"}.codicon-debug-breakpoint-data-disabled:before,.codicon-debug-breakpoint-data:before{content:"\EAA9"}.codicon-debug-breakpoint-log-unverified:before{content:"\EAAA"}.codicon-debug-breakpoint-log-disabled:before,.codicon-debug-breakpoint-log:before{content:"\EAAB"}.codicon-briefcase:before{content:"\EAAC"}.codicon-broadcast:before{content:"\EAAD"}.codicon-browser:before{content:"\EAAE"}.codicon-bug:before{content:"\EAAF"}.codicon-calendar:before{content:"\EAB0"}.codicon-case-sensitive:before{content:"\EAB1"}.codicon-check:before{content:"\EAB2"}.codicon-checklist:before{content:"\EAB3"}.codicon-chevron-down:before{content:"\EAB4"}.codicon-chevron-left:before{content:"\EAB5"}.codicon-chevron-right:before{content:"\EAB6"}.codicon-chevron-up:before{content:"\EAB7"}.codicon-chrome-close:before{content:"\EAB8"}.codicon-chrome-maximize:before{content:"\EAB9"}.codicon-chrome-minimize:before{content:"\EABA"}.codicon-chrome-restore:before{content:"\EABB"}.codicon-circle-outline:before,.codicon-debug-breakpoint-unverified:before{content:"\EABC"}.codicon-circle-slash:before{content:"\EABD"}.codicon-circuit-board:before{content:"\EABE"}.codicon-clear-all:before{content:"\EABF"}.codicon-clippy:before{content:"\EAC0"}.codicon-close-all:before{content:"\EAC1"}.codicon-cloud-download:before{content:"\EAC2"}.codicon-cloud-upload:before{content:"\EAC3"}.codicon-code:before{content:"\EAC4"}.codicon-collapse-all:before{content:"\EAC5"}.codicon-color-mode:before{content:"\EAC6"}.codicon-comment-discussion:before{content:"\EAC7"}.codicon-compare-changes:before{content:"\EAC8"}.codicon-credit-card:before{content:"\EAC9"}.codicon-dash:before{content:"\EACC"}.codicon-dashboard:before{content:"\EACD"}.codicon-database:before{content:"\EACE"}.codicon-debug-continue:before{content:"\EACF"}.codicon-debug-disconnect:before{content:"\EAD0"}.codicon-debug-pause:before{content:"\EAD1"}.codicon-debug-restart:before{content:"\EAD2"}.codicon-debug-start:before{content:"\EAD3"}.codicon-debug-step-into:before{content:"\EAD4"}.codicon-debug-step-out:before{content:"\EAD5"}.codicon-debug-step-over:before{content:"\EAD6"}.codicon-debug-stop:before{content:"\EAD7"}.codicon-debug:before{content:"\EAD8"}.codicon-device-camera-video:before{content:"\EAD9"}.codicon-device-camera:before{content:"\EADA"}.codicon-device-mobile:before{content:"\EADB"}.codicon-diff-added:before{content:"\EADC"}.codicon-diff-ignored:before{content:"\EADD"}.codicon-diff-modified:before{content:"\EADE"}.codicon-diff-removed:before{content:"\EADF"}.codicon-diff-renamed:before{content:"\EAE0"}.codicon-diff:before{content:"\EAE1"}.codicon-discard:before{content:"\EAE2"}.codicon-editor-layout:before{content:"\EAE3"}.codicon-empty-window:before{content:"\EAE4"}.codicon-exclude:before{content:"\EAE5"}.codicon-extensions:before{content:"\EAE6"}.codicon-eye-closed:before{content:"\EAE7"}.codicon-file-binary:before{content:"\EAE8"}.codicon-file-code:before{content:"\EAE9"}.codicon-file-media:before{content:"\EAEA"}.codicon-file-pdf:before{content:"\EAEB"}.codicon-file-submodule:before{content:"\EAEC"}.codicon-file-symlink-directory:before{content:"\EAED"}.codicon-file-symlink-file:before{content:"\EAEE"}.codicon-file-zip:before{content:"\EAEF"}.codicon-files:before{content:"\EAF0"}.codicon-filter:before{content:"\EAF1"}.codicon-flame:before{content:"\EAF2"}.codicon-fold-down:before{content:"\EAF3"}.codicon-fold-up:before{content:"\EAF4"}.codicon-fold:before{content:"\EAF5"}.codicon-folder-active:before{content:"\EAF6"}.codicon-folder-opened:before{content:"\EAF7"}.codicon-gear:before{content:"\EAF8"}.codicon-gift:before{content:"\EAF9"}.codicon-gist-secret:before{content:"\EAFA"}.codicon-gist:before{content:"\EAFB"}.codicon-git-commit:before{content:"\EAFC"}.codicon-git-compare:before{content:"\EAFD"}.codicon-git-merge:before{content:"\EAFE"}.codicon-github-action:before{content:"\EAFF"}.codicon-github-alt:before{content:"\EB00"}.codicon-globe:before{content:"\EB01"}.codicon-grabber:before{content:"\EB02"}.codicon-graph:before{content:"\EB03"}.codicon-gripper:before{content:"\EB04"}.codicon-heart:before{content:"\EB05"}.codicon-home:before{content:"\EB06"}.codicon-horizontal-rule:before{content:"\EB07"}.codicon-hubot:before{content:"\EB08"}.codicon-inbox:before{content:"\EB09"}.codicon-issue-closed:before{content:"\EB0A"}.codicon-issue-reopened:before{content:"\EB0B"}.codicon-issues:before{content:"\EB0C"}.codicon-italic:before{content:"\EB0D"}.codicon-jersey:before{content:"\EB0E"}.codicon-json:before{content:"\EB0F"}.codicon-kebab-vertical:before{content:"\EB10"}.codicon-key:before{content:"\EB11"}.codicon-law:before{content:"\EB12"}.codicon-lightbulb-autofix:before{content:"\EB13"}.codicon-link-external:before{content:"\EB14"}.codicon-link:before{content:"\EB15"}.codicon-list-ordered:before{content:"\EB16"}.codicon-list-unordered:before{content:"\EB17"}.codicon-live-share:before{content:"\EB18"}.codicon-loading:before{content:"\EB19"}.codicon-location:before{content:"\EB1A"}.codicon-mail-read:before{content:"\EB1B"}.codicon-mail:before{content:"\EB1C"}.codicon-markdown:before{content:"\EB1D"}.codicon-megaphone:before{content:"\EB1E"}.codicon-mention:before{content:"\EB1F"}.codicon-milestone:before{content:"\EB20"}.codicon-mortar-board:before{content:"\EB21"}.codicon-move:before{content:"\EB22"}.codicon-multiple-windows:before{content:"\EB23"}.codicon-mute:before{content:"\EB24"}.codicon-no-newline:before{content:"\EB25"}.codicon-note:before{content:"\EB26"}.codicon-octoface:before{content:"\EB27"}.codicon-open-preview:before{content:"\EB28"}.codicon-package:before{content:"\EB29"}.codicon-paintcan:before{content:"\EB2A"}.codicon-pin:before{content:"\EB2B"}.codicon-play:before{content:"\EB2C"}.codicon-plug:before{content:"\EB2D"}.codicon-preserve-case:before{content:"\EB2E"}.codicon-preview:before{content:"\EB2F"}.codicon-project:before{content:"\EB30"}.codicon-pulse:before{content:"\EB31"}.codicon-question:before{content:"\EB32"}.codicon-quote:before{content:"\EB33"}.codicon-radio-tower:before{content:"\EB34"}.codicon-reactions:before{content:"\EB35"}.codicon-references:before{content:"\EB36"}.codicon-refresh:before{content:"\EB37"}.codicon-regex:before{content:"\EB38"}.codicon-remote-explorer:before{content:"\EB39"}.codicon-remote:before{content:"\EB3A"}.codicon-remove:before{content:"\EB3B"}.codicon-replace-all:before{content:"\EB3C"}.codicon-replace:before{content:"\EB3D"}.codicon-repo-clone:before{content:"\EB3E"}.codicon-repo-force-push:before{content:"\EB3F"}.codicon-repo-pull:before{content:"\EB40"}.codicon-repo-push:before{content:"\EB41"}.codicon-report:before{content:"\EB42"}.codicon-request-changes:before{content:"\EB43"}.codicon-rocket:before{content:"\EB44"}.codicon-root-folder-opened:before{content:"\EB45"}.codicon-root-folder:before{content:"\EB46"}.codicon-rss:before{content:"\EB47"}.codicon-ruby:before{content:"\EB48"}.codicon-save-all:before{content:"\EB49"}.codicon-save-as:before{content:"\EB4A"}.codicon-save:before{content:"\EB4B"}.codicon-screen-full:before{content:"\EB4C"}.codicon-screen-normal:before{content:"\EB4D"}.codicon-search-stop:before{content:"\EB4E"}.codicon-server:before{content:"\EB50"}.codicon-settings-gear:before{content:"\EB51"}.codicon-settings:before{content:"\EB52"}.codicon-shield:before{content:"\EB53"}.codicon-smiley:before{content:"\EB54"}.codicon-sort-precedence:before{content:"\EB55"}.codicon-split-horizontal:before{content:"\EB56"}.codicon-split-vertical:before{content:"\EB57"}.codicon-squirrel:before{content:"\EB58"}.codicon-star-full:before{content:"\EB59"}.codicon-star-half:before{content:"\EB5A"}.codicon-symbol-class:before{content:"\EB5B"}.codicon-symbol-color:before{content:"\EB5C"}.codicon-symbol-constant:before{content:"\EB5D"}.codicon-symbol-enum-member:before{content:"\EB5E"}.codicon-symbol-field:before{content:"\EB5F"}.codicon-symbol-file:before{content:"\EB60"}.codicon-symbol-interface:before{content:"\EB61"}.codicon-symbol-keyword:before{content:"\EB62"}.codicon-symbol-misc:before{content:"\EB63"}.codicon-symbol-operator:before{content:"\EB64"}.codicon-symbol-property:before{content:"\EB65"}.codicon-symbol-snippet:before{content:"\EB66"}.codicon-tasklist:before{content:"\EB67"}.codicon-telescope:before{content:"\EB68"}.codicon-text-size:before{content:"\EB69"}.codicon-three-bars:before{content:"\EB6A"}.codicon-thumbsdown:before{content:"\EB6B"}.codicon-thumbsup:before{content:"\EB6C"}.codicon-tools:before{content:"\EB6D"}.codicon-triangle-down:before{content:"\EB6E"}.codicon-triangle-left:before{content:"\EB6F"}.codicon-triangle-right:before{content:"\EB70"}.codicon-triangle-up:before{content:"\EB71"}.codicon-twitter:before{content:"\EB72"}.codicon-unfold:before{content:"\EB73"}.codicon-unlock:before{content:"\EB74"}.codicon-unmute:before{content:"\EB75"}.codicon-unverified:before{content:"\EB76"}.codicon-verified:before{content:"\EB77"}.codicon-versions:before{content:"\EB78"}.codicon-vm-active:before{content:"\EB79"}.codicon-vm-outline:before{content:"\EB7A"}.codicon-vm-running:before{content:"\EB7B"}.codicon-watch:before{content:"\EB7C"}.codicon-whitespace:before{content:"\EB7D"}.codicon-whole-word:before{content:"\EB7E"}.codicon-window:before{content:"\EB7F"}.codicon-word-wrap:before{content:"\EB80"}.codicon-zoom-in:before{content:"\EB81"}.codicon-zoom-out:before{content:"\EB82"}.codicon-list-filter:before{content:"\EB83"}.codicon-list-flat:before{content:"\EB84"}.codicon-list-selection:before,.codicon-selection:before{content:"\EB85"}.codicon-list-tree:before{content:"\EB86"}.codicon-debug-breakpoint-function-unverified:before{content:"\EB87"}.codicon-debug-breakpoint-function-disabled:before,.codicon-debug-breakpoint-function:before{content:"\EB88"}.codicon-debug-breakpoint-stackframe-active:before{content:"\EB89"}.codicon-debug-breakpoint-stackframe-focused:before,.codicon-debug-breakpoint-stackframe:before{content:"\EB8B"}.codicon-debug-breakpoint-unsupported:before{content:"\EB8C"}.codicon-symbol-string:before{content:"\EB8D"}.codicon-debug-reverse-continue:before{content:"\EB8E"}.codicon-debug-step-back:before{content:"\EB8F"}.codicon-debug-restart-frame:before{content:"\EB90"}.codicon-debug-alternate:before{content:"\EB91"}.codicon-debug-alt:before{content:"\F101"}




input{
	/*border-radius: 0.375rem !important;*/
}
button{
	/*border-radius: 0.375rem !important;*/
}
body::-webkit-scrollbar {
	width: 0.7em;
}

body::-webkit-scrollbar-track {
	box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
}

body::-webkit-scrollbar-thumb {
	background-color: darkgrey;
	outline: 1px solid slategrey;
}


table.lentele, table.sortable{
	/*border-radius: 0.5rem;*/
	--tw-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
	box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

#tabmenu li#current a, #modernbricksmenu li#current a{

    border-bottom-color: var(--app-theme);
    background: 0 0;
}
#tabmenu li a, #modernbricksmenu li a {

	border: none;
    border-bottom: 3px solid transparent;
    padding: 1rem 0;
    font-size: 0.875rem;
}
#tabmenu li, #modernbricksmenu li{
	margin-right: 1rem!important;
	/*--tw-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
	box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);*/

}
#top-title #tabmenu li {
	margin-right: 1rem!important;
}p

#tabmenu li a:hover,  #modernbricksmenu li a:hover{
	background-color: #eee;
}

table.lentele th{
	border-top: 0px;
	border-bottom: 0px;
    border-bottom: 2px solid #000;
	/* background: #f9fafb; */
	/*border-top-left-radius: 1rem;
	border-top-right-radius: 1rem;*/
}
input{
	box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
	border-color: #c9cbcf;
	border-radius: 0.25rem !important;
	--tw-shadow: 0 2px 3px -1px rgba(0, 0, 0, 0.1),0 1px 2px -1px rgba(0, 0, 0, 0.02);
	box-shadow: var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);

	border-color: var(--app-component-border-color);
    color: var(--app-component-color);
    background-color: var(--app-component-bg);

}
input[disabled]{
	background: #e3e3e3;
}
select{
	border-color: #c9cbcf;
	border-radius: 0.25rem !important;
	--tw-shadow: 0 2px 3px -1px rgba(0, 0, 0, 0.1),0 1px 2px -1px rgba(0, 0, 0, 0.02);
	box-shadow: var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);


	border-color: var(--app-component-border-color);
    color: var(--app-component-color);
    background-color: var(--app-component-bg);

}
textarea{
	border-color: #c9cbcf;
	border-radius: 0.25rem !important;
	--tw-shadow: 0 2px 3px -1px rgba(0, 0, 0, 0.1),0 1px 2px -1px rgba(0, 0, 0, 0.02);
	box-shadow: var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);


	border-color: var(--app-component-border-color);
    color: var(--app-component-color);
    background-color: var(--app-component-bg);

}
.react-select > div{
	border-color: var(--app-component-border-color);
    color: var(--app-component-color);
    background-color: var(--app-component-bg);
}
.react-select > div > div > div{
    color: var(--app-component-color);
}
.react-select > [class*="-menu"] > div > div:hover{
	background-color: var(--app-theme);
    color: var(--app-component-border-color);
}
.tox{
	color: var(--app-component-color) !important;
}
.tox-editor-container{
	border: 1px solid;
    border-radius: 1rem;
	border-color: var(--app-component-border-color) !important;
}
.tox-editor-container, .tox:not(.tox-tinymce-inline) .tox-editor-header, .tox .tox-edit-area__iframe, .tox .tox-statusbar, .tox .tox-menubar, .tox .tox-toolbar-overlord>.tox-toolbar, .tox .tox-toolbar-overlord>.tox-toolbar__overflow, .tox .tox-toolbar-overlord>.tox-toolbar__primary, .tox .tox-tbtn--bespoke {
    color: var(--app-component-color) !important;
    background-color: var(--app-component-bg) !important;
}
.tox .tox-tbtn--bespoke{
	border-color: var(--app-component-border-color) !important;
}
.tox .tox-mbtn{
	color: var(--app-component-color) !important;
}
.tox .tox-tbtn{
	color: var(--app-component-color) !important;
}
.tox .tox-tbtn--disabled svg, .tox .tox-tbtn--disabled:hover svg, .tox .tox-tbtn:disabled svg, .tox .tox-tbtn:disabled:hover svg, .tox .tox-tbtn svg {
	fill:  var(--app-component-color) !important;
}
.tox .tox-statusbar{
	border-top-color: var(--app-component-border-color) !important;
}
.tox .tox-menubar+.tox-toolbar, .tox .tox-menubar+.tox-toolbar-overlord{
	border-top: 0px;
}
.tox .tox-toolbar-overlord{
	background-color:  var(--app-component-border-color) !important;;
}
#tinymce p{
	color:var(--app-component-color) !important;
}
/*
tekstu spalva #253A6C

*/


.additional-filters:not(button){
	top: 50px;
	width: 350px;
	display: none;
	z-index: 902;
	background: #e6e6e6;
	position: absolute;
	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;
}
.additional-filters h5{
	margin-top: 5px;
	font-size: 10pt;
	color: #253A6C;
}
.additional-filters.activate{
	display: block;
	min-height: 160px;
	box-shadow: -11px 12px 23px rgba(0,0,0,.2);
	padding: 5px 10px 10px;
	/*right: auto !important;*/
	right: 50px;
}
.additional-filters.activate>span{
	left: -30px;
}
.additional-filters form{
	font-size: 8pt;
	display: none;
}
.additional-filters.activate form{
	display: block;
}
.additional-filters label{
	font-size: 10pt;
}
.additional-filters #firstWindow{
	float: left;
	clear: both;
	margin-bottom: 10px;
}
.additional-filters .choiceInput{
	margin-bottom: 10px;
}
.additional-filters .choiceInput input{
	line-height: 20px;
	margin-bottom: -5px;
}
.additional-filters .choiceInput label{
	line-height: 20px;
}
.additional-filters.activate #user-settings{
	position: absolute;
	top: 0px;
}
.additional-filters .filter-line{
	margin-top: 10px;
	clear: both;
	float: left;
	width: 100%;
}
.additional-filters .filter-line input{
	padding: 0px 0px 0px 4px;
	float: right;
}
.additional-filters .filter-line .filter-title{
	width: 150px;
	margin-right: 10px;
	font-size: 10pt;
}
.additional-filters .filter-line .filter-type{
	float: right !important;
	margin-right: 5px;
}
.additional-filters-button{
	padding: 2px;
	float: left;
}
.additional-filters-button .pb-icon{
	height: 24px;
	width: 24px;

}
.additional-filters-button .icon-title {
	padding-top: 5px;

}

.additional-filters .submit-area{
	float: right;
	margin-top: 10px;
}

.additional-filters .badge{
	top: 5px;
	right: 0px;
	left: 5px;
	margin-right: 5px;
}

.table-additional-filters{
	margin-top: 20px;
	width: 350px;
	display: none;
	z-index: 902;
	background: #e6e6e6;
	position: absolute;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-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;
}
.table-additional-filters h5{
	margin-top: 5px;
	font-size: 10pt;
	color: #253A6C;
}
.table-additional-filters.activate{
	display: block;
	min-height: 160px;
	box-shadow: -11px 12px 23px rgba(0,0,0,.2);
	padding: 5px 10px 10px;
}
.table-additional-filters.activate>span{
	left: -30px;
}
.table-additional-filters form{
	font-size: 8pt;
	display: none;
}
.table-additional-filters.activate form{
	display: block;
}
.table-additional-filters label{
	font-size: 10pt;
}
.table-additional-filters #firstWindow{
	float: left;
	clear: both;
	margin-bottom: 10px;
}
.table-additional-filters .choiceInput{
	margin-bottom: 10px;
}
.table-additional-filters .choiceInput input{
	line-height: 20px;
	margin-bottom: -5px;
}
.table-additional-filters .choiceInput label{
	line-height: 20px;
}
.table-additional-filters.activate #user-settings{
	position: absolute;
	top: 0px;
}
.table-additional-filters .filter-line{
	margin-top: 10px;
	clear: both;
	float: left;
	width: 100%;
}
.table-additional-filters .filter-line input{
	padding: 0px 0px 0px 4px;
	float: right;
}
.table-additional-filters .filter-line .filter-title{
	width: 50px;
	margin-right: 10px;
	font-size: 10pt;
}
.table-additional-filters .filter-line .filter-type{
	float: right !important;
	margin-top: -4px !important;
	margin-right: 5px;
}
.table-additional-filters-button{
	padding: 2px;
	float: left;
}
.table-additional-filters-button .pb-icon{
	height: 24px;
	width: 24px;

}
.table-additional-filters-button .icon-title {
	padding-top: 5px;
}

.table-additional-filters .submit-area{
	float: right;
	margin-top: 10px;
}


/** CONFIGURABLE REACT TABLE **/

.configurableTableLoader {
    position: relative;
    margin-top: 50px;
    margin-bottom: 50px;
    left: calc(50% - 3em);
    width: 6em;
    height: 6em;
    border: 1.1em solid rgba(37, 52, 108, 0.2);
    border-left: 1.1em solid #253A6C;
    border-radius: 50%;
    animation: load8 1.1s infinite linear;
    transition: opacity 0.3s;
}

.configurableTableLoader--hide {
    opacity: 0;
    display: none;
}

@keyframes load8 {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}
.selectListContainer{
	position: relative;
}
.selectListDropdown .selectListLine{
	padding-left: 10px;
	padding-right: 10px;
	cursor: pointer;
}
.selectListDropdown .selectListLine:hover, .selectListDropdown .selectListLine.active{
	background: #253A6C;
	color: #ffffff;
}
.selectListDropdown{
	position: absolute;
	top: 30px;
	z-index: 999;
	min-width: 250px !important;
}
.selectListLoader{
	position: relative;
    left: calc(50% - 3em);
    width: 3em;
    height: 3em;
    border: 1.1em solid rgba(37, 52, 108, 0.2);
    border-left: 1.1em solid #253A6C;
    border-radius: 50%;
    animation: load8 1.1s infinite linear;
    transition: opacity 0.3s;
}

.universalLoader {
	position: absolute;
	top: calc(50% - 3em);
	left: calc(50% - 3em);
	width: 6em;
	height: 6em;
	border: 1.1em solid rgba(37, 52, 108, 0.2);
	border-left: 1.1em solid #253A6C;
	border-radius: 50%;
	animation: load8 1.1s infinite linear;
	transition: opacity 0.3s;
	z-index: 99;
}
.universalLoader.verySmallLoader{
    top: 0px;
    left: 10px;
    width: 1.6em;
    height: 1.6em;
    border: 0.55em solid rgba(37, 52, 108, 0.2);
    border-left: 0.55em solid #253A6C;
    position: relative;
}
.universalLoader--hide {
    opacity: 0;
    display: none;
}
.loaderSmokeScreen {
	position: fixed;
    z-index: 1;
    padding-top: 100px;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
	background-color: rgb(0,0,0); /* Fallback color */
	background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}




/**** SMALLER TABLE LINES **/
table{
	color: var(--app-component-color);
}
table.lentele.smaller-padding td{
	padding: 0.25rem 0.25rem !important;
}
/*
table.lentele td{
    padding: 0.5rem 0.5rem !important;
    font-size: 0.85rem !important;
}
table.lentele>:not(:first-child) {
    border-top: 2px solid #000000;
} */



/*** NEWLY ADDED CLASSES */
.text-dark {
    color: rgba(33, 40, 55, 1) !important;
}
.page-header{
	color: var(--app-component-color);
    padding: 0;
    border: none;
    margin: 0 0 1rem;
    font-size: 1.75rem;
    font-weight: 600;
}
/* .card{
	position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    /* background-color: #FFFFFF;
    background-clip: border-box;
    /* border: 1px solid #d1d9e7;
    border-radius: 6px;

    box-sizing: border-box;
} */
.card-body{
	flex: 1 1 auto;
    padding: 1rem 1rem;
}
.card-title{
	font-size: 1.09375rem;
}
.form-line-label{
	padding-top: calc(0.4375rem + 1px);
    padding-bottom: calc(0.4375rem + 1px);
    margin-bottom: 0;
    font-size: inherit;
    font-weight: 500;
    line-height: 1.5;
}


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

.status-container{
	padding: 2px 5px;
}
.breadcrumb {
    font-weight: 600;
}
.breadcrumb {
    display: flex;
    flex-wrap: wrap;
    padding: 0 0;
    margin-bottom: 0.5rem;
    font-size: .7875rem;
    list-style: none;
	text-transform: uppercase;
}
.breadcrumb .breadcrumb-item a {
    text-decoration: none;
}
/* .breadcrumb-item.active {
    color: #657eae;
} */
.breadcrumb-item+.breadcrumb-item {
    padding-left: 0.5rem;
}
.breadcrumb-item+.breadcrumb-item::before {
    float: left;
    padding-right: 0.5rem;
    color: #869ac0;
    content: "/";
}
.fs-12px {
    font-size: 12px!important;
}
.text-muted {
    color: #869ac0!important;
}

/** EXCEPTIONS FOR CARD */
.card .tab-content table.lentele, .card .tab-content table.list-table {
	border: 0px !important;
	box-shadow: none;
}

.card .tab-content table.lentele th, .card .tab-content table.list-table th{
	/* border-bottom: 2px solid #000 !important; */
	--bs-nav-tabs-border-width: 1px;
    --bs-nav-tabs-border-color: var(--app-component-border-color);
    border-bottom: var(--bs-nav-tabs-border-width) solid var(--bs-nav-tabs-border-color) !important;
}

.card #tabmenu, #modernbricksmenu {
	border: 0px !important;
    --bs-nav-tabs-border-width: 1px;
    --bs-nav-tabs-border-color: var(--app-component-border-color);
    border-bottom: var(--bs-nav-tabs-border-width) solid var(--bs-nav-tabs-border-color) !important;
}

.input-group{

    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    width: 100%;

}
.input-group>.form-control, .input-group>.form-select {
    position: relative;
    flex: 1 1 auto;
    width: 1%;
    min-width: 0;
}
/* .form-control, .form-select {
    border-color: #3c4e71;
} */
.position-relative {
    position: relative!important;
}
.flex-fill {
    flex: 1 1 auto!important;
}
/*.btn{*/
/*	display: inline-block;*/
/*	font-weight: 500;*/
/*	line-height: 1.5;*/
/*	color: var(--app-component-color);*/
/*	text-align: center;*/
/*	text-decoration: none;*/
/*	vertical-align: middle;*/
/*	cursor: pointer;*/
/*	-webkit-user-select: none;*/
/*	-moz-user-select: none;*/
/*	-ms-user-select: none;*/
/*	user-select: none;*/
/*	background-color: transparent;*/
/*	border: 1px solid transparent;*/
/*	padding: 0.4375rem 0.75rem;*/
/*	font-size: .875rem;*/
/*	border-radius: 6px;*/
/*	transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;*/
/*}*/
/*.btn-default{*/
/*    color: #3c4e71;*/
/*    background-color: #fff;*/
/*    border-color: #c9d2e3;*/
/*}*/

.input-group:not(.has-validation)>.dropdown-toggle:nth-last-child(n+3), .input-group:not(.has-validation)>:not(:last-child):not(.dropdown-toggle):not(.dropdown-menu) {
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
}
.input-group>:not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
    margin-left: -1px;
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
}
.input-group>:not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
    margin-left: -1px;
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
}
.input-group .btn {
    position: relative;
    z-index: 2;
}
.d-none {
    display: none!important;
}
.d-md-inline {
    display: inline!important;
}
.dropdown-toggle {
    white-space: nowrap;
}
.d-md-none {
    display: none!important;
}
.rounded-0 {
    border-radius: 0!important;
}
/* .dropdown-menu {
    box-shadow: 0 0.5rem 1rem rgb(0 0 0 / 15%);
}
.dropdown-menu {
    position: absolute;
    z-index: 1000;
    display: none;
    min-width: 10rem;
    padding: 0.5rem 0;
    margin: 0;
    font-size: .875rem;
    color:#dae0ec;
    text-align: left;
    list-style: none;
    background-color: #ffffff;
    background-clip: padding-box;
    border: 0 solid rgba(33, 40, 55,.1);
    border-radius: 6px;
} */
/* .dropdown-item {
    display: block;
    width: 100%;
    padding: 0.33rem 1rem;
    clear: both;
    font-weight: 400;
    color: rgba(33, 40, 55,.85);
    text-align: inherit;
    text-decoration: none;
    white-space: nowrap;
    background-color: transparent;
    border: 0;
} */



/* .paging-line{
	display: flex;
    padding-left: 0;
    list-style: none;
}
.paging-line .page-item+.page-item {
    margin-left: 0.15rem;
}
.paging-line .page-item .page-link {
    border-radius: 0.375rem;
}
.page-item:not(:first-child) .page-link {
    margin-left: 0.4rem;
}
.page-item .page-link {
    border-radius: 6px;
}
.page-link {
    padding: 0.375rem 0.75rem;
}
.page-link {
    position: relative;
    display: block;
    color: rgba(33,40,55,.75);
    text-decoration: none;
    background-color: #FFFFFF;
    border: 1px solid #d1d9e7;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
.page-item.active .page-link {
    z-index: 3;
    color: #FFFFFF;
    background-color: var(--app-theme);
    border-color: var(--app-theme);
} */


.product-dropzone{
	margin-top: 0px;
	width: 220px;
	height: 170px;
	border: 2px dashed #ccc;
	text-align: center;
	padding-top: 50px;
	--tw-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1),0 2px 4px -1px rgba(0, 0, 0, 0.06);

    box-shadow: var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);
}
.card .tox-tinymce{
	border: 0px !important
}
.card .tox-statusbar__branding{
	display: none;
}

h4.pre-card-title{
	font-size: 1.3125rem;
    margin-bottom: 0.5rem;
	margin-top: 0rem;
}
h4.pre-card-title.-mt-4{
	margin-top: -1rem !important;
}
p.pre-card-text{

    margin-top: 0;
    margin-bottom: 1rem;
}
.pagination-line > *{
	margin-left: 5px;
}
.pagination-line{
	float: right;
    display: flex;
    align-items: center;
}
/* body{
	font-size: 80% !important;
}
table th, table td{
	font-size: 90%;
} */

/* .select{
	padding: 0.4rem 0.75rem 0.4rem 0.75rem;
	font-size: 9pt;
	background-size: 12px 12px;
}
.input {
	padding: 0.4rem 0.75rem;
	font-size: 9pt;
	line-height: 1.2;
}
table.lentele td, table.lentele th{
	font-size: 9pt;
} */


.btn-outline-primary{
    border-color: #6f42c1;
}
.rdrStaticRange, .rdrDay{
    color: var(--app-sidebar-menu-link-color);
}


.btn-div{
	font-weight: 500;
	line-height: 1.5;
	color: var(--app-component-color);
	text-align: center;
	text-decoration: none;
	vertical-align: middle;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	background-color: transparent;
	border: 1px solid transparent;
	padding: 0.4375rem 0.75rem;
	font-size: .875rem;
	border-radius: 6px;
	transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
	color: #3c4e71;
    background-color: #fff;
    border-color: #c9d2e3;
}

.btn-div:hover {
	background-color: #ebeef4;
	color: var(--app-theme)
}