html,
body
{
	height:100%;
}
:root {
	--main-arancione: #ffa014;
	--table_row_height: 80px;
	--navbar_height: 5vh;
}

.login-page {
	background-image: url('../img/shutterstock_2226508291.jpg');
	background-size: cover;
	background-repeat: no-repeat;
}

.sub-menu:hover .dropdown1{
	display:block;
}

.sub-menu2:hover .drpodown-fornitori{
	display:block;
}
@font-face{
	font-family: EasyPLM;
		src: url(EASY_PLM_FONTS.ttf)
}

html,body, header {
	font-family:'Segoe UI';
	font-size:medium;
	
}

.simboli-PLM {
	font-family: EasyPLM;
	font-size:40px;
	height: 100%;
	text-align: center;
	letter-spacing:1rem;
}

.easy-title{
	font-family:'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
		font-size:80px;

}
.landingbtn {
	
	background:none;
	background-size: cover;
	background-repeat: no-repeat;
	border:none;
	font-size:xx-large;
	color:white;
}
.landingbtn:hover {
	color: black;
	background: none;
}
.btnprodotti {
	border: none;
	background: none;
	background-size: cover;
	background-repeat: no-repeat;
	border: none;
	font-size: xx-large;
	color: white;
}
.btnprodotti:hover {
	color: black;
	background: none;
}

.btnprodotti span {
	opacity:0;
}
.btnprodotti:hover span {
		color: white;
		font-size: 100px;
		transition-property: opacity;
		transition-duration: 0.6s;
		opacity: 1;
	}
.landingbtn span {
	opacity: 0;
}
.landingbtn:hover span {
	color: white;
	font-size:100px;
	transition-property: opacity;
	transition-duration: 0.6s;
	opacity: 1;
}
.easy-orange
{
	color: var(--main-arancione)
}
.easy-table {
	border: 1px solid #ddd;
	border-collapse: separate;
	border-left: 0;
	border-radius: 4px;
	border-spacing: 0px;
}
	.easy-table thead {
		background-color: var(--main-arancione);
		font-size: large;
		display: table-header-group;
		vertical-align: middle;
		border-color: inherit;
		border-collapse: separate;
	}
		.easy-table thead tr th {
			font-weight: bolder;
			text-align: left;
			vertical-align: middle;
			border-left: solid black 1px;
			border-top: solid black 1px;

			background-color: var(--main-arancione);
		}

.easy-table thead tr th {
	font-weight: bolder;
	text-align: center;
	vertical-align: middle;
}
	.easy-table th, td {
		padding: 5px 4px 6px 4px;
		text-align: left;
		vertical-align: top;
		border-left: 1px solid #ddd;
	}
.easy-table tbody tr {
	    display: table-row;
    
    border-color: inherit;
	font-size: large;
	vertical-align: middle;
}
.easy-table tbody tr td {
	text-align:center;
	min-width:40px;
	
}


.easy-table tbody tr {
	background-color: #f2f2f2;

	
}


.easy-table tbody tr:hover {
	background-color: #ddd;
}
.buttondocumenti {
	width: 200px;
	height:60px;
	background: #e9ecef;
	border-radius:4px;
}
.buttondocumenti:hover {
		width: 200px;
		background: #ffa014;
	}
.buttoneasy {
	
	background: var(--main-arancione);
	outline: solid;
	outline-color: black;
	color: black;
	font-size:large;
	z-index:1023;
}

.buttoneasy-group {
	background: var(--main-arancione);
	outline: solid;
	outline-color: black;
	color: black;
	font-size: large;
	z-index: 1023;
}

.buttoneasy-group:hover {
	background: #ffbe15;
	box-shadow: rgba(0, 0, 0, 0.25) 0 8px 15px;

}

.buttoneasy:hover {
		background: #ffbe15;
		box-shadow: rgba(0, 0, 0, 0.25) 0 8px 15px;
		transform: translateY(-2px);
}
.buttoneasy:active {
	background: var(--main-arancione);
	transform: translateY(1px);
}
.imgcontainer
{
	transition: transform .3s;
}
.imgcontainer:hover{
	transform:scale(2)
}
.lookupButton {
	border: 2px;
	color: black;
	vertical-align: central;
	text-align: center;
	width: 40px;
	height: var(--table_row_height/2);
	border-radius: 5px;
	background-image: url('../img/icons/selectsvg.svg');
	background-size: contain;
	background-repeat: no-repeat;
	background-position-x: center;
	background-position-y: center;
	display:block;
	margin:auto;
	
}
.lookupButton:hover {
	background-color:var(--main-arancione);
}
.btnContainer {
	width: 400px;
	height: 400px;
	display:table;
	align-items:center;
}
.easyform div input {
	text-align: center;
	font-size: large;
	height: 75%;

}
.easyform  {
	text-align: center;
	font-size: large;
	height: 75%;
}
.easyform-small div input {
	text-align: left;
	font-size: large;
	height: 55%;
}
.bold-head thead tr td {
	font-weight:bold;
	background-color: #f2f2f2;
	
}

.refreshButton {
	background-image: url('../img/icons/refresh.svg');
	width:80px;
	background-size: contain;
	background-repeat: no-repeat;
	background-position-x: center;
	background-position-y: center;
}
.refreshButton:hover {
	background-color:var(--main-arancione);
}
.background-grigio{
	background-color:lightgrey;
}
.rotate-image {
	align-content:end;
	display:inline-block;
	transform: rotate(180deg);
	transition-duration: 0.6s;
	height: 100%;
}
.upright-image {
	text-align: end;
	display: inline-block;
	text-align: end;
	transform: rotate(0deg);
	transition-duration: 0.6s;
	height: 100%;
}
#elementId input.simboli
{
	text-align:left;
}
.landingBackground {
	background-image: url('../img/screenshot 2024-10-10 144535.png');
	background-size: cover;
	background-repeat: no-repeat;
	background-position-x:center;
	background-attachment:fixed;
}
.btnlistaordinismall {
	border: none;
	background: none;
	background-size: cover;
	background-repeat: no-repeat;
	font-size:80px;
	color: white;
}
.btnlistaordinismall:hover {
	background: none;
	color: white;
}
.table-left td:last-child{
	width:100%;
}
.fit-text {
	font-size: calc(1vw+1vh);
	text-align:center;
	white-space: nowrap
}
.imghover {
	cursor: pointer;
	box-shadow: rgba(0, 0, 0, 0.25) 0 0px 8px;
	transform: translateY(-2px);
}
.imgshadow {
	box-shadow: rgba(0, 0, 0, 0.25) 0 0px 8px;

}
.modal-backdrop {
	z-index: 1025;
}
.modal {
	z-index: 1026;
}
.easybadge
{
	background-color:var(--main-arancione);
	z-index:1024
}
.landingText {
	height: 100vh;
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 80px;
	color: white;
	
}
.bigCenterText {
	height: 100vh;
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 60px;
	color: black;
}
.kindaBigText {
	
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 30px;
	color: black;
}
.griglia_v {
	background-color: white;
}
.griglia_p {
	background-color: white;
}
.griglia_a {
	background-color: whitesmoke
}
.griglia_r {
	background-color: white;
}
.iconaclick {
	background-color: transparent;

}
.iconaclick:hover {
	background-color: var(--main-arancione);
		
}
input[type='number']::-webkit-inner-spin-button,
input[type='number']::-webkit-outer-spin-button {
	-webkit-appearance: none;
	margin: 0;
}
input[type=number] {
	-moz-appearance: textfield; /* Firefox */
}
a loginlink:link {
	text-decoration: none;
	color:grey
}

a loginlink:visited {
	text-decoration: none;
}

a loginlink:hover {
	text-decoration: underline;
	color: black
}

a loginlink:active {
	text-decoration: underline;
}
.trash {
	background-image: url('../images/trash-can-with-cover-from-side-view-svgrepo-com.svg');
}
.easycolor {
	color: var(--main-arancione);
}
.td-hover:hover
{
	cursor:pointer;
	background-color:lightgray;
}
.sticky {
	position: sticky;
	top: 0px;
	z-index: 1000;
	background-color: white;
	margin: 0;
	padding: 0;
}
.sticky-navbar {
	position: sticky;
	top: 0px;
	z-index: 1000;
	background-color: white;
	margin: 2px;
	padding: 10px;
}
.sticky2 {
	position: sticky;
	top: 70px;
	height:30px;
	z-index: 1001;
	background-color: white;
	margin: 0;
	padding: 0;
}
.sticky2-listini {
	position: sticky;
	top: 90px;
	height: 90px;
	z-index: 1001;
	background-color: white;
	margin: 0;
	padding: 0;
}
/*da mettere a posto poi*/
/*.sticky3 {
	position: sticky;
	top: 16px;
	z-index: 1000;
	background-color: white;
	margin: 0;
	padding-top:20px;
}*/
.sticky3 {
	position: sticky;
	top: 160px;
	z-index: 1000;
	background-color: white;
	margin: 0;
	padding-top: 40px;
}
.sticky4 {
	position: sticky;
	top: 280px;
	z-index: 1000;
	background-color: white;
	margin: 0 ;
	padding:0;
}
.myNavbar {

	z-index: 1000;
}
.easyHover:hover {
	background-color: #c5c6c6;
	transition: all .2s ease-in;
	cursor:pointer;
}
.tabOrdine {
	font: larger;
	padding: 10px;
	background-color:white;
}
.tabText
{
	font-size:larger;
}
colorWidth {
	width: 200px;
}
.navbarButtonSelected {
	border-bottom: 4px solid var(--main-arancione);

}
.topOfOrderText {
	font-size: larger;
	font-weight: bold;
	text-align: center;
}
.easyscroll
{
	height: 80vh;
	background:white;
	flex-grow:1;
	overflow:auto;
	min-height:0;
}
.row-eq-height {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
}
.noscrollbar::-webkit-scrollbar {
	display: none;
	z-index:-1;
}

/* Hide scrollbar for IE, Edge and Firefox */
.noscrollbar {
	-ms-overflow-style: none; /* IE and Edge */
	scrollbar-width: none; /* Firefox */
}
.changed {
	background-color: #e0f7fa;
	border: 1px solid #00796b;
}
.track-change
{
	
}