html 
{
	height:100%;
}
body 
{
    font-family: 'IBM Plex Sans'; 
	font-size:15px;
	color:#222222;
	line-height:1.6em;
	margin:0;
	padding:0;
	height:100%;
}
table 
{
	border-collapse: collapse;
	border-width: 0px;
	padding: 0px;
	margin: 0px;
}
td
{
	margin: 0px;
	padding: 0px;
}
form
{
	padding: 0px;
	margin: 0px;
}
h1
{
    font-family: 'IBM Plex Sans Bold';
	font-size:26px;
	font-weight:normal;
	line-height:normal;
	color: #212121;
	margin: 0 0 40px;
}
h2
{
    font-family: 'IBM Plex Sans Bold';
	font-size:26px;
	font-weight:normal;
	line-height:normal;
	color: #212121;
	margin: 0 0 40px;
}
h3
{
    font-family: 'IBM Plex Sans Bold';
	font-size:26px;
	font-weight:normal;
	line-height:normal;
	color: #212121;
	margin: 0 0 40px;
}
h4
{
    font-family: 'IBM Plex Sans Bold';
	font-size:26px;
	font-weight:normal;
	line-height:normal;
	color: #212121;
	margin: 0 0 40px;
}
h5
{
    font-family: 'IBM Plex Sans Bold';
	font-size:26px;
	font-weight:normal;
	line-height:normal;
	color: #212121;
	margin: 0 0 40px;
}
p
{
	padding: 0 0 40px;
	margin: 0px;
}
a
{
	outline:none;
	color: #8db650;
    -webkit-transition: .2s ease-in-out;
    -moz-transition: .2s ease-in-out;
    -o-transition: .2s ease-in-out;
    transition: .2s ease-in-out;
	text-decoration:none;
}
a:hover
{
	color: #212121;
}
button:hover
{
    -webkit-transition: .2s ease-in-out;
    -moz-transition: .2s ease-in-out;
    -o-transition: .2s ease-in-out;
    transition: .2s ease-in-out;
}
a img
{
	border: 0px;
}
.Holder img, .Holder iframe 
{
	max-width: 100%;
	height: auto;
	display: block;
}
.Holder b, .Holder strong
{
    font-family: 'IBM Plex Sans Bold';
	font-weight:normal;
}	
@font-face {
    font-family: 'IBM Plex Sans';
    src: local('IBM Plex Sans Regular'), local('IBM-Plex-Sans-Regular'),
        url('fonts/IBMPlexSans.woff2') format('woff2'),
        url('fonts/IBMPlexSans.woff') format('woff'),
        url('fonts/IBMPlexSans.ttf') format('truetype');
    font-style: normal;
	font-display: swap;
  }
@font-face 
{
    font-family: 'IBM Plex Sans Bold';
    src: local('IBM Plex Sans Bold'), local('IBM-Plex-Sans-Bold'),
        url('fonts/IBMPlexSans-Bold.woff2') format('woff2'),
        url('fonts/IBMPlexSans-Bold.woff') format('woff'),
        url('fonts/IBMPlexSans-Bold.ttf') format('truetype');
    font-style: normal;
	font-display: swap;
}
@font-face 
{
    font-family: 'IBM Plex Sans Light';
    src: local('IBM Plex Sans Light'), local('IBM-Plex-Sans-Light'),
        url('fonts/IBMPlexSans-Light.woff2') format('woff2'),
        url('fonts/IBMPlexSans-Light.woff') format('woff'),
        url('fonts/IBMPlexSans-Light.ttf') format('truetype');
    font-style: normal;
	font-display: swap;
}
@font-face {
    font-family: 'IBM Plex Sans Medium';
    src: local('IBM Plex Sans Medium'), local('IBM-Plex-Sans-Medium'),
        url('fonts/IBMPlexSans-Medium.woff2') format('woff2'),
        url('fonts/IBMPlexSans-Medium.woff') format('woff'),
        url('fonts/IBMPlexSans-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
  }
@font-face 
{
    font-family: 'IBM Plex Sans Semi Bold';
    src: local('IBM Plex Sans Semi Bold'), local('IBM-Plex-Sans-Semi-Bold'),
        url('fonts/IBMPlexSans-SemiBold.woff2') format('woff2'),
        url('fonts/IBMPlexSans-SemiBold.woff') format('woff'),
        url('fonts/IBMPlexSans-SemiBold.ttf') format('truetype');
    font-style: normal;
	font-display: swap;
}
button, input, select, textarea
{
    margin: 0;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
}
button:focus, input:focus, textarea:focus
{
    outline:none;
}

/* Toast Notifications */
#artex-toast-container {
    position: fixed;
    top: 60px;
    right: 20px;
    z-index: 9999;
    display: flex;
    flex-direction: column;
    gap: 15px;
    pointer-events: none;
}

.artex-toast {
    background: #ffffff;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    padding: 15px;
    width: 320px;
    display: flex;
    align-items: center;
    position: relative;
    pointer-events: auto;
    animation: artexToastIn 0.3s ease-out forwards;
    transition: opacity 0.3s, transform 0.3s;
}

.artex-toast.hiding {
    opacity: 0;
    transform: translateX(100%);
}

.artex-toast-img {
    flex-shrink: 0;
    width: 60px;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 15px;
}

.artex-toast-img img {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
}

.artex-toast-content {
    flex-grow: 1;
    padding-right: 20px;
}

.artex-toast-title {
    font-family: 'IBM Plex Sans Bold';
    font-size: 16px;
    font-weight: normal;
    color: #212121;
    margin-bottom: 5px;
}

.artex-toast-name {
    font-size: 14px;
    color: #333;
    line-height: 1.3;
}

.artex-toast-close {
    position: absolute;
    top: 10px;
    right: 10px;
    cursor: pointer;
    width: 20px;
    height: 20px;
    opacity: 0.5;
    transition: opacity 0.2s;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23333' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='18' y1='6' x2='6' y2='18'%3E%3C/line%3E%3Cline x1='6' y1='6' x2='18' y2='18'%3E%3C/line%3E%3C/svg%3E") center no-repeat;
    background-size: 14px;
}

.artex-toast-close:hover {
    opacity: 1;
}

@keyframes artexToastIn {
    from {
        opacity: 0;
        transform: translateX(100%);
    }
    to {
        opacity: 1;
        transform: translateX(0);
    }
}
@media (max-width: 600px) {
	#artex-toast-container {
		left: 15px;
		right: 15px;
		top: 15px;
	}
	.artex-toast {
		width: 100%;
		box-sizing: border-box;
	}
}