@import 'css/fonts.css';
@import 'css/login.css';
@import 'css/registration.css';
@import "css/nav.css";
@import "css/order.css";
@import "css/orders.css";
@import "css/next-orders.css";
@import "css/stats.css";
@import "css/users.css";
@import "css/menu.css";
@import "css/menu-modal.css";
@import "css/history.css";
@import "css/history-all.css";
@import "css/footer.css";
@import "css/add-order-modal.css";
@import "css/change-pass.css";

* {
	border: 0;
	box-sizing: border-box;
	margin: 0;
	padding: 0;
}
.login-screen {
    padding-bottom: 0;
}
body {
	position: relative;
	min-height: 100vh;
	font-family: ff-primary;
    background-color: #E6E6E6;
	padding-bottom: 120px;
	-ms-overflow-style: none; /* for Internet Explorer, Edge */
    scrollbar-width: none; /* for Firefox */
    overflow-y: scroll;
    overflow-x: hidden;
}
body::-webkit-scrollbar {
    display: none; /* for Chrome, Safari, and Opera */
}
.wrapper {
	max-width: 1440px;
    margin: 0 auto;
    padding: 0 1rem;
}
h2 {
	font-size: 32px;
	color: #84246B;
}
.back-btn {
	display: inline-flex;
	align-items: center;
	text-decoration: none;
	color: #84246B;
	font-size: 18px;
	margin-bottom: 16px;
}
.back-btn svg {
	width: 16px;
	height: 16px;
}

.swal2-styled.swal2-confirm {
	border: 1px solid #84246B !important;
	background-color: #84246B !important;
	color: #E6E6E6 !important;
}
.swal2-styled.swal2-confirm:hover {
	background-color: #b43191 !important;
}
.swal2-styled.swal2-cancel {
	border: 1px solid #84246B !important;
	background-color: transparent !important;
	color: #84246B !important;
}
.swal2-styled.swal2-cancel:hover {
	background-color: #b43191 !important;
	color: #E6E6E6 !important;
}
.swal2-popup .swal2-styled:focus {
    box-shadow: none !important;
}

input,
textarea,
button,
select,
a {
    -webkit-tap-highlight-color: transparent;
}
input:-webkit-autofill,
input:-webkit-autofill:focus {
  transition: background-color 600000s 0s, color 600000s 0s;
}
input, select {
	font-family: ff-primary;
}

/* OBAVIJEST */
.notif {
	position: absolute;
	top: 10px;
	left: 10px;
	width: 400px;
	background-color: #84246B;
	color: #E6E6E6;
	text-align: center;
	font-size: 18px;
	padding: 12px 0;
	border-radius: 6px;
}

@media screen and (max-width: 1600px) {
	.wrapper {
		max-width: 90%;
		width: 90%;
	}
}
@media screen and (max-width: 960px) {
	h2 {
		font-size: 23px;
	}
	.back-btn {
		font-size: 14px;
	}
}