:root {
	--sz100: calc(var(--basefz)*1.00);
	--sz050: calc(var(--basefz)*0.50);
	--sz075: calc(var(--basefz)*0.75);
	--sz110: calc(var(--basefz)*1.10);
	--sz125: calc(var(--basefz)*1.25);
	--sz150: calc(var(--basefz)*1.50);
	--sz200: calc(var(--basefz)*2.00);
	--sz250: calc(var(--basefz)*2.50);

	--sz14: calc(var(--basefz)*0.64);
	--sz16: calc(var(--basefz)*0.70);
	--sz18: calc(var(--basefz)*0.76);
	--sz20: calc(var(--basefz)*0.84);
	--sz22: calc(var(--basefz)*0.92);
	--sz24: calc(var(--basefz)*1.00);
	--sz30: calc(var(--basefz)*1.25);
	--sz32: calc(var(--basefz)*1.33);
}


.text-tiny {
	font-size: calc(var(--basefz)*0.7);
}

.text-small {
	font-size: calc(var(--basefz)*0.85);
}

.text-big {
	font-size: calc(var(--basefz)*1.4);
}

.text-huge {
	font-size: calc(var(--basefz)*1.8);
}

BODY {
	background-color: var(--bgmain);
	direction: rtl;
	font-family: Arial;
}

form {
	padding: 0 0 0 0;
	margin: 0 0 0 0;
}

@font-face {
	font-family: "LaureenBold";
	src: url("LaureenproArabicBold/font.eot");
	src: url("LaureenproArabicBold/font.woff") format("woff"), url("LaureenproArabicBold/font.otf") format("opentype"), url("LaureenproArabicBold/font.svg#filename") format("svg");
}

@font-face {
	font-family: 'Cairo';
	font-style: normal;
	font-weight: 200 1000;
	src: url(https://fonts.gstatic.com/s/cairo/v28/SLXVc1nY6HkvangtZmpQdkhzfH5lkSscQyyS4J0.woff2) format('woff2');
	unicode-range: U+0600-06FF, U+0750-077F, U+0870-088E, U+0890-0891, U+0898-08E1, U+08E3-08FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC, U+102E0-102FB, U+10E60-10E7E, U+10EFD-10EFF, U+1EE00-1EE03, U+1EE05-1EE1F, U+1EE21-1EE22, U+1EE24, U+1EE27, U+1EE29-1EE32, U+1EE34-1EE37, U+1EE39, U+1EE3B, U+1EE42, U+1EE47, U+1EE49, U+1EE4B, U+1EE4D-1EE4F, U+1EE51-1EE52, U+1EE54, U+1EE57, U+1EE59, U+1EE5B, U+1EE5D, U+1EE5F, U+1EE61-1EE62, U+1EE64, U+1EE67-1EE6A, U+1EE6C-1EE72, U+1EE74-1EE77, U+1EE79-1EE7C, U+1EE7E, U+1EE80-1EE89, U+1EE8B-1EE9B, U+1EEA1-1EEA3, U+1EEA5-1EEA9, U+1EEAB-1EEBB, U+1EEF0-1EEF1;
}
@font-face {
	font-family: 'Cairo Play';
	font-style: normal;
	font-weight: 200 1000;
	font-display: swap;
	src: url(https://fonts.gstatic.com/s/cairoplay/v7/wXK7E3QSpo4vpRz_mz6FP-8iaauCLt_Hjopv3kKnzHo0ug.woff2) format('woff2');
	unicode-range: U+0600-06FF, U+0750-077F, U+0870-088E, U+0890-0891, U+0898-08E1, U+08E3-08FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC, U+102E0-102FB, U+10E60-10E7E, U+10EFD-10EFF, U+1EE00-1EE03, U+1EE05-1EE1F, U+1EE21-1EE22, U+1EE24, U+1EE27, U+1EE29-1EE32, U+1EE34-1EE37, U+1EE39, U+1EE3B, U+1EE42, U+1EE47, U+1EE49, U+1EE4B, U+1EE4D-1EE4F, U+1EE51-1EE52, U+1EE54, U+1EE57, U+1EE59, U+1EE5B, U+1EE5D, U+1EE5F, U+1EE61-1EE62, U+1EE64, U+1EE67-1EE6A, U+1EE6C-1EE72, U+1EE74-1EE77, U+1EE79-1EE7C, U+1EE7E, U+1EE80-1EE89, U+1EE8B-1EE9B, U+1EEA1-1EEA3, U+1EEA5-1EEA9, U+1EEAB-1EEBB, U+1EEF0-1EEF1;
}
@font-face {
	font-family: 'El Messiri';
	font-style: normal;
	font-weight: 400 700;
	font-display: swap;
	src: url(https://fonts.gstatic.com/s/elmessiri/v22/K2F0fZBRmr9vQ1pHEey6MoiAAhLz.woff2) format('woff2');
	unicode-range: U+0600-06FF, U+0750-077F, U+0870-088E, U+0890-0891, U+0898-08E1, U+08E3-08FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC, U+102E0-102FB, U+10E60-10E7E, U+10EFD-10EFF, U+1EE00-1EE03, U+1EE05-1EE1F, U+1EE21-1EE22, U+1EE24, U+1EE27, U+1EE29-1EE32, U+1EE34-1EE37, U+1EE39, U+1EE3B, U+1EE42, U+1EE47, U+1EE49, U+1EE4B, U+1EE4D-1EE4F, U+1EE51-1EE52, U+1EE54, U+1EE57, U+1EE59, U+1EE5B, U+1EE5D, U+1EE5F, U+1EE61-1EE62, U+1EE64, U+1EE67-1EE6A, U+1EE6C-1EE72, U+1EE74-1EE77, U+1EE79-1EE7C, U+1EE7E, U+1EE80-1EE89, U+1EE8B-1EE9B, U+1EEA1-1EEA3, U+1EEA5-1EEA9, U+1EEAB-1EEBB, U+1EEF0-1EEF1;
}

@font-face {
	font-family: 'Aref Ruqaa';
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: url(https://fonts.gstatic.com/s/arefruqaa/v25/WwkbxPW1E165rajQKDulIIIoVeo5.woff2) format('woff2');
	unicode-range: U+0600-06FF, U+0750-077F, U+0870-088E, U+0890-0891, U+0898-08E1, U+08E3-08FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC, U+102E0-102FB, U+10E60-10E7E, U+10EFD-10EFF, U+1EE00-1EE03, U+1EE05-1EE1F, U+1EE21-1EE22, U+1EE24, U+1EE27, U+1EE29-1EE32, U+1EE34-1EE37, U+1EE39, U+1EE3B, U+1EE42, U+1EE47, U+1EE49, U+1EE4B, U+1EE4D-1EE4F, U+1EE51-1EE52, U+1EE54, U+1EE57, U+1EE59, U+1EE5B, U+1EE5D, U+1EE5F, U+1EE61-1EE62, U+1EE64, U+1EE67-1EE6A, U+1EE6C-1EE72, U+1EE74-1EE77, U+1EE79-1EE7C, U+1EE7E, U+1EE80-1EE89, U+1EE8B-1EE9B, U+1EEA1-1EEA3, U+1EEA5-1EEA9, U+1EEAB-1EEBB, U+1EEF0-1EEF1;
}

@font-face {
	font-family: 'Lemonada';
	font-style: normal;
	font-weight: 300 700;
	font-display: swap;
	src: url(https://fonts.gstatic.com/s/lemonada/v28/0QIjMXFD9oygTWy_R8tMv_SW8g.woff2) format('woff2');
	unicode-range: U+0600-06FF, U+0750-077F, U+0870-088E, U+0890-0891, U+0898-08E1, U+08E3-08FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC, U+102E0-102FB, U+10E60-10E7E, U+10EFD-10EFF, U+1EE00-1EE03, U+1EE05-1EE1F, U+1EE21-1EE22, U+1EE24, U+1EE27, U+1EE29-1EE32, U+1EE34-1EE37, U+1EE39, U+1EE3B, U+1EE42, U+1EE47, U+1EE49, U+1EE4B, U+1EE4D-1EE4F, U+1EE51-1EE52, U+1EE54, U+1EE57, U+1EE59, U+1EE5B, U+1EE5D, U+1EE5F, U+1EE61-1EE62, U+1EE64, U+1EE67-1EE6A, U+1EE6C-1EE72, U+1EE74-1EE77, U+1EE79-1EE7C, U+1EE7E, U+1EE80-1EE89, U+1EE8B-1EE9B, U+1EEA1-1EEA3, U+1EEA5-1EEA9, U+1EEAB-1EEBB, U+1EEF0-1EEF1;
}

@font-face {
	font-family: 'Tajawal';
	font-style: normal;
	font-weight: 200;
	font-display: swap;
	src: url(https://fonts.gstatic.com/s/tajawal/v10/Iurf6YBj_oCad4k1l_6gHrRpiYlJ.woff2) format('woff2');
	unicode-range: U+0600-06FF, U+0750-077F, U+0870-088E, U+0890-0891, U+0898-08E1, U+08E3-08FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC, U+102E0-102FB, U+10E60-10E7E, U+10EFD-10EFF, U+1EE00-1EE03, U+1EE05-1EE1F, U+1EE21-1EE22, U+1EE24, U+1EE27, U+1EE29-1EE32, U+1EE34-1EE37, U+1EE39, U+1EE3B, U+1EE42, U+1EE47, U+1EE49, U+1EE4B, U+1EE4D-1EE4F, U+1EE51-1EE52, U+1EE54, U+1EE57, U+1EE59, U+1EE5B, U+1EE5D, U+1EE5F, U+1EE61-1EE62, U+1EE64, U+1EE67-1EE6A, U+1EE6C-1EE72, U+1EE74-1EE77, U+1EE79-1EE7C, U+1EE7E, U+1EE80-1EE89, U+1EE8B-1EE9B, U+1EEA1-1EEA3, U+1EEA5-1EEA9, U+1EEAB-1EEBB, U+1EEF0-1EEF1;
}

@font-face {
	font-family: 'Amiri';
	font-style: italic;
	font-weight: 400;
	font-display: swap;
	src: url(https://fonts.gstatic.com/s/amiri/v27/J7afnpd8CGxBHpUrhLQY66NL.woff2) format('woff2');
	unicode-range: U+0600-06FF, U+0750-077F, U+0870-088E, U+0890-0891, U+0898-08E1, U+08E3-08FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC, U+102E0-102FB, U+10E60-10E7E, U+10EFD-10EFF, U+1EE00-1EE03, U+1EE05-1EE1F, U+1EE21-1EE22, U+1EE24, U+1EE27, U+1EE29-1EE32, U+1EE34-1EE37, U+1EE39, U+1EE3B, U+1EE42, U+1EE47, U+1EE49, U+1EE4B, U+1EE4D-1EE4F, U+1EE51-1EE52, U+1EE54, U+1EE57, U+1EE59, U+1EE5B, U+1EE5D, U+1EE5F, U+1EE61-1EE62, U+1EE64, U+1EE67-1EE6A, U+1EE6C-1EE72, U+1EE74-1EE77, U+1EE79-1EE7C, U+1EE7E, U+1EE80-1EE89, U+1EE8B-1EE9B, U+1EEA1-1EEA3, U+1EEA5-1EEA9, U+1EEAB-1EEBB, U+1EEF0-1EEF1;
}
@font-face {
	font-family: 'Amiri Quran';
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: url(https://fonts.gstatic.com/s/amiriquran/v14/_Xmo-Hk0rD6DbUL4_vH8Zp5v5i2ssqe2.woff2) format('woff2');
	unicode-range: U+0600-06FF, U+0750-077F, U+0870-088E, U+0890-0891, U+0898-08E1, U+08E3-08FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC, U+102E0-102FB, U+10E60-10E7E, U+10EFD-10EFF, U+1EE00-1EE03, U+1EE05-1EE1F, U+1EE21-1EE22, U+1EE24, U+1EE27, U+1EE29-1EE32, U+1EE34-1EE37, U+1EE39, U+1EE3B, U+1EE42, U+1EE47, U+1EE49, U+1EE4B, U+1EE4D-1EE4F, U+1EE51-1EE52, U+1EE54, U+1EE57, U+1EE59, U+1EE5B, U+1EE5D, U+1EE5F, U+1EE61-1EE62, U+1EE64, U+1EE67-1EE6A, U+1EE6C-1EE72, U+1EE74-1EE77, U+1EE79-1EE7C, U+1EE7E, U+1EE80-1EE89, U+1EE8B-1EE9B, U+1EEA1-1EEA3, U+1EEA5-1EEA9, U+1EEAB-1EEBB, U+1EEF0-1EEF1;
}
@font-face {
	font-family: 'Handjet';
	font-style: normal;
	font-weight: 100 900;
	font-display: swap;
	src: url(https://fonts.gstatic.com/s/handjet/v19/oY108eXHq7n1OnbQrOY_2FrEwYEMLlcdP1mCtZaLaTutCwcIhGZenU3Fgt0.woff2) format('woff2');
	unicode-range: U+0600-06FF, U+0750-077F, U+0870-088E, U+0890-0891, U+0898-08E1, U+08E3-08FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC, U+102E0-102FB, U+10E60-10E7E, U+10EFD-10EFF, U+1EE00-1EE03, U+1EE05-1EE1F, U+1EE21-1EE22, U+1EE24, U+1EE27, U+1EE29-1EE32, U+1EE34-1EE37, U+1EE39, U+1EE3B, U+1EE42, U+1EE47, U+1EE49, U+1EE4B, U+1EE4D-1EE4F, U+1EE51-1EE52, U+1EE54, U+1EE57, U+1EE59, U+1EE5B, U+1EE5D, U+1EE5F, U+1EE61-1EE62, U+1EE64, U+1EE67-1EE6A, U+1EE6C-1EE72, U+1EE74-1EE77, U+1EE79-1EE7C, U+1EE7E, U+1EE80-1EE89, U+1EE8B-1EE9B, U+1EEA1-1EEA3, U+1EEA5-1EEA9, U+1EEAB-1EEBB, U+1EEF0-1EEF1;
}

@font-face {
	font-family: 'Lalezar';
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: url(https://fonts.gstatic.com/s/lalezar/v14/zrfl0HLVx-HwTP82YaL4IxL0.woff2) format('woff2');
	unicode-range: U+0600-06FF, U+0750-077F, U+0870-088E, U+0890-0891, U+0898-08E1, U+08E3-08FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC, U+102E0-102FB, U+10E60-10E7E, U+10EFD-10EFF, U+1EE00-1EE03, U+1EE05-1EE1F, U+1EE21-1EE22, U+1EE24, U+1EE27, U+1EE29-1EE32, U+1EE34-1EE37, U+1EE39, U+1EE3B, U+1EE42, U+1EE47, U+1EE49, U+1EE4B, U+1EE4D-1EE4F, U+1EE51-1EE52, U+1EE54, U+1EE57, U+1EE59, U+1EE5B, U+1EE5D, U+1EE5F, U+1EE61-1EE62, U+1EE64, U+1EE67-1EE6A, U+1EE6C-1EE72, U+1EE74-1EE77, U+1EE79-1EE7C, U+1EE7E, U+1EE80-1EE89, U+1EE8B-1EE9B, U+1EEA1-1EEA3, U+1EEA5-1EEA9, U+1EEAB-1EEBB, U+1EEF0-1EEF1;
}
@font-face {
	font-family: 'Fustat';
	font-style: normal;
	font-weight: 200 800;
	font-display: swap;
	src: url(https://fonts.gstatic.com/s/fustat/v1/NaPZcZ_aHO9Iy5tLTfJCkyo.woff2) format('woff2');
	unicode-range: U+0600-06FF, U+0750-077F, U+0870-088E, U+0890-0891, U+0898-08E1, U+08E3-08FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC, U+102E0-102FB, U+10E60-10E7E, U+10EFD-10EFF, U+1EE00-1EE03, U+1EE05-1EE1F, U+1EE21-1EE22, U+1EE24, U+1EE27, U+1EE29-1EE32, U+1EE34-1EE37, U+1EE39, U+1EE3B, U+1EE42, U+1EE47, U+1EE49, U+1EE4B, U+1EE4D-1EE4F, U+1EE51-1EE52, U+1EE54, U+1EE57, U+1EE59, U+1EE5B, U+1EE5D, U+1EE5F, U+1EE61-1EE62, U+1EE64, U+1EE67-1EE6A, U+1EE6C-1EE72, U+1EE74-1EE77, U+1EE79-1EE7C, U+1EE7E, U+1EE80-1EE89, U+1EE8B-1EE9B, U+1EEA1-1EEA3, U+1EEA5-1EEA9, U+1EEAB-1EEBB, U+1EEF0-1EEF1;
}
@font-face {
	font-family: 'Reem Kufi';
	font-style: normal;
	font-weight: 400 700;
	font-display: swap;
	src: url(https://fonts.gstatic.com/s/reemkufi/v21/2sDcZGJLip7W2J7v7wQzbWW5O7w.woff2) format('woff2');
	unicode-range: U+0600-06FF, U+0750-077F, U+0870-088E, U+0890-0891, U+0898-08E1, U+08E3-08FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC, U+102E0-102FB, U+10E60-10E7E, U+10EFD-10EFF, U+1EE00-1EE03, U+1EE05-1EE1F, U+1EE21-1EE22, U+1EE24, U+1EE27, U+1EE29-1EE32, U+1EE34-1EE37, U+1EE39, U+1EE3B, U+1EE42, U+1EE47, U+1EE49, U+1EE4B, U+1EE4D-1EE4F, U+1EE51-1EE52, U+1EE54, U+1EE57, U+1EE59, U+1EE5B, U+1EE5D, U+1EE5F, U+1EE61-1EE62, U+1EE64, U+1EE67-1EE6A, U+1EE6C-1EE72, U+1EE74-1EE77, U+1EE79-1EE7C, U+1EE7E, U+1EE80-1EE89, U+1EE8B-1EE9B, U+1EEA1-1EEA3, U+1EEA5-1EEA9, U+1EEAB-1EEBB, U+1EEF0-1EEF1;
}
@font-face {
	font-family: 'Reem Kufi Fun';
	font-style: normal;
	font-weight: 400 700;
	font-display: swap;
	src: url(https://fonts.gstatic.com/s/reemkufifun/v7/uK_14rOFYukkmyUEbF43fIryTkARWP7g.woff2) format('woff2');
	unicode-range: U+0600-06FF, U+0750-077F, U+0870-088E, U+0890-0891, U+0898-08E1, U+08E3-08FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC, U+102E0-102FB, U+10E60-10E7E, U+10EFD-10EFF, U+1EE00-1EE03, U+1EE05-1EE1F, U+1EE21-1EE22, U+1EE24, U+1EE27, U+1EE29-1EE32, U+1EE34-1EE37, U+1EE39, U+1EE3B, U+1EE42, U+1EE47, U+1EE49, U+1EE4B, U+1EE4D-1EE4F, U+1EE51-1EE52, U+1EE54, U+1EE57, U+1EE59, U+1EE5B, U+1EE5D, U+1EE5F, U+1EE61-1EE62, U+1EE64, U+1EE67-1EE6A, U+1EE6C-1EE72, U+1EE74-1EE77, U+1EE79-1EE7C, U+1EE7E, U+1EE80-1EE89, U+1EE8B-1EE9B, U+1EEA1-1EEA3, U+1EEA5-1EEA9, U+1EEAB-1EEBB, U+1EEF0-1EEF1;
}
@font-face {
	font-family: 'Jomhuria';
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: url(https://fonts.gstatic.com/s/jomhuria/v20/Dxxp8j-TMXf-llKur1b3OuCrCw.woff2) format('woff2');
	unicode-range: U+0600-06FF, U+0750-077F, U+0870-088E, U+0890-0891, U+0898-08E1, U+08E3-08FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC, U+102E0-102FB, U+10E60-10E7E, U+10EFD-10EFF, U+1EE00-1EE03, U+1EE05-1EE1F, U+1EE21-1EE22, U+1EE24, U+1EE27, U+1EE29-1EE32, U+1EE34-1EE37, U+1EE39, U+1EE3B, U+1EE42, U+1EE47, U+1EE49, U+1EE4B, U+1EE4D-1EE4F, U+1EE51-1EE52, U+1EE54, U+1EE57, U+1EE59, U+1EE5B, U+1EE5D, U+1EE5F, U+1EE61-1EE62, U+1EE64, U+1EE67-1EE6A, U+1EE6C-1EE72, U+1EE74-1EE77, U+1EE79-1EE7C, U+1EE7E, U+1EE80-1EE89, U+1EE8B-1EE9B, U+1EEA1-1EEA3, U+1EEA5-1EEA9, U+1EEAB-1EEBB, U+1EEF0-1EEF1;
}
@font-face {
	font-family: 'Markazi Text';
	font-style: normal;
	font-weight: 400 700;
	font-display: swap;
	src: url(https://fonts.gstatic.com/s/markazitext/v23/syk0-ydym6AtQaiEtX7yhqbVpHWVF1E.woff2) format('woff2');
	unicode-range: U+0600-06FF, U+0750-077F, U+0870-088E, U+0890-0891, U+0898-08E1, U+08E3-08FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC, U+102E0-102FB, U+10E60-10E7E, U+10EFD-10EFF, U+1EE00-1EE03, U+1EE05-1EE1F, U+1EE21-1EE22, U+1EE24, U+1EE27, U+1EE29-1EE32, U+1EE34-1EE37, U+1EE39, U+1EE3B, U+1EE42, U+1EE47, U+1EE49, U+1EE4B, U+1EE4D-1EE4F, U+1EE51-1EE52, U+1EE54, U+1EE57, U+1EE59, U+1EE5B, U+1EE5D, U+1EE5F, U+1EE61-1EE62, U+1EE64, U+1EE67-1EE6A, U+1EE6C-1EE72, U+1EE74-1EE77, U+1EE79-1EE7C, U+1EE7E, U+1EE80-1EE89, U+1EE8B-1EE9B, U+1EEA1-1EEA3, U+1EEA5-1EEA9, U+1EEAB-1EEBB, U+1EEF0-1EEF1;
}
@font-face {
	font-family: 'Lateef';
	font-style: normal;
	font-weight: 200;
	font-display: swap;
	src: url(https://fonts.gstatic.com/s/lateef/v30/hESz6XVnNCxEvkb0bjyQbK7axnQ.woff2) format('woff2');
	unicode-range: U+0600-06FF, U+0750-077F, U+0870-088E, U+0890-0891, U+0898-08E1, U+08E3-08FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC, U+102E0-102FB, U+10E60-10E7E, U+10EFD-10EFF, U+1EE00-1EE03, U+1EE05-1EE1F, U+1EE21-1EE22, U+1EE24, U+1EE27, U+1EE29-1EE32, U+1EE34-1EE37, U+1EE39, U+1EE3B, U+1EE42, U+1EE47, U+1EE49, U+1EE4B, U+1EE4D-1EE4F, U+1EE51-1EE52, U+1EE54, U+1EE57, U+1EE59, U+1EE5B, U+1EE5D, U+1EE5F, U+1EE61-1EE62, U+1EE64, U+1EE67-1EE6A, U+1EE6C-1EE72, U+1EE74-1EE77, U+1EE79-1EE7C, U+1EE7E, U+1EE80-1EE89, U+1EE8B-1EE9B, U+1EEA1-1EEA3, U+1EEA5-1EEA9, U+1EEAB-1EEBB, U+1EEF0-1EEF1;
}
@font-face {
	font-family: 'Noto Naskh Arabic';
	font-style: normal;
	font-weight: 400 700;
	font-display: swap;
	src: url(https://fonts.gstatic.com/s/notonaskharabic/v34/RrQKbpV-9Dd1b1OAGA6M9PkyDuVBeN2DHV20Lg.woff2) format('woff2');
	unicode-range: U+0600-06FF, U+0750-077F, U+0870-088E, U+0890-0891, U+0898-08E1, U+08E3-08FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC, U+102E0-102FB, U+10E60-10E7E, U+10EFD-10EFF, U+1EE00-1EE03, U+1EE05-1EE1F, U+1EE21-1EE22, U+1EE24, U+1EE27, U+1EE29-1EE32, U+1EE34-1EE37, U+1EE39, U+1EE3B, U+1EE42, U+1EE47, U+1EE49, U+1EE4B, U+1EE4D-1EE4F, U+1EE51-1EE52, U+1EE54, U+1EE57, U+1EE59, U+1EE5B, U+1EE5D, U+1EE5F, U+1EE61-1EE62, U+1EE64, U+1EE67-1EE6A, U+1EE6C-1EE72, U+1EE74-1EE77, U+1EE79-1EE7C, U+1EE7E, U+1EE80-1EE89, U+1EE8B-1EE9B, U+1EEA1-1EEA3, U+1EEA5-1EEA9, U+1EEAB-1EEBB, U+1EEF0-1EEF1;
}
@font-face {
	font-family: 'Ruwudu';
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: url(https://fonts.gstatic.com/s/ruwudu/v4/syky-y1tj6UzRKf9lwqSxtM.woff2) format('woff2');
	unicode-range: U+0600-06FF, U+0750-077F, U+0870-088E, U+0890-0891, U+0898-08E1, U+08E3-08FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC, U+102E0-102FB, U+10E60-10E7E, U+10EFD-10EFF, U+1EE00-1EE03, U+1EE05-1EE1F, U+1EE21-1EE22, U+1EE24, U+1EE27, U+1EE29-1EE32, U+1EE34-1EE37, U+1EE39, U+1EE3B, U+1EE42, U+1EE47, U+1EE49, U+1EE4B, U+1EE4D-1EE4F, U+1EE51-1EE52, U+1EE54, U+1EE57, U+1EE59, U+1EE5B, U+1EE5D, U+1EE5F, U+1EE61-1EE62, U+1EE64, U+1EE67-1EE6A, U+1EE6C-1EE72, U+1EE74-1EE77, U+1EE79-1EE7C, U+1EE7E, U+1EE80-1EE89, U+1EE8B-1EE9B, U+1EEA1-1EEA3, U+1EEA5-1EEA9, U+1EEAB-1EEBB, U+1EEF0-1EEF1;
}
@font-face {
	font-family: 'Reem Kufi Ink';
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: url(https://fonts.gstatic.com/s/reemkufiink/v9/oPWJ_kJmmu8hCvB9iFumxZSndjxXQ0SXnkk.woff2) format('woff2');
	unicode-range: U+0600-06FF, U+0750-077F, U+0870-088E, U+0890-0891, U+0898-08E1, U+08E3-08FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC, U+102E0-102FB, U+10E60-10E7E, U+10EFD-10EFF, U+1EE00-1EE03, U+1EE05-1EE1F, U+1EE21-1EE22, U+1EE24, U+1EE27, U+1EE29-1EE32, U+1EE34-1EE37, U+1EE39, U+1EE3B, U+1EE42, U+1EE47, U+1EE49, U+1EE4B, U+1EE4D-1EE4F, U+1EE51-1EE52, U+1EE54, U+1EE57, U+1EE59, U+1EE5B, U+1EE5D, U+1EE5F, U+1EE61-1EE62, U+1EE64, U+1EE67-1EE6A, U+1EE6C-1EE72, U+1EE74-1EE77, U+1EE79-1EE7C, U+1EE7E, U+1EE80-1EE89, U+1EE8B-1EE9B, U+1EEA1-1EEA3, U+1EEA5-1EEA9, U+1EEAB-1EEBB, U+1EEF0-1EEF1;
}
@font-face {
	font-family: 'Readex Pro';
	font-style: normal;
	font-weight: 160 700;
	font-display: swap;
	src: url(https://fonts.gstatic.com/s/readexpro/v21/SLXYc1bJ7HE5YDoGPuzj_dh8uc7wUy8ZQQyX2Iw1ZEzMhQ.woff2) format('woff2');
	unicode-range: U+0600-06FF, U+0750-077F, U+0870-088E, U+0890-0891, U+0898-08E1, U+08E3-08FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC, U+102E0-102FB, U+10E60-10E7E, U+10EFD-10EFF, U+1EE00-1EE03, U+1EE05-1EE1F, U+1EE21-1EE22, U+1EE24, U+1EE27, U+1EE29-1EE32, U+1EE34-1EE37, U+1EE39, U+1EE3B, U+1EE42, U+1EE47, U+1EE49, U+1EE4B, U+1EE4D-1EE4F, U+1EE51-1EE52, U+1EE54, U+1EE57, U+1EE59, U+1EE5B, U+1EE5D, U+1EE5F, U+1EE61-1EE62, U+1EE64, U+1EE67-1EE6A, U+1EE6C-1EE72, U+1EE74-1EE77, U+1EE79-1EE7C, U+1EE7E, U+1EE80-1EE89, U+1EE8B-1EE9B, U+1EEA1-1EEA3, U+1EEA5-1EEA9, U+1EEAB-1EEBB, U+1EEF0-1EEF1;
}
@font-face {
	font-family: 'Vazirmatn';
	font-style: normal;
	font-weight: 100 900;
	font-display: swap;
	src: url(https://fonts.gstatic.com/s/vazirmatn/v13/Dxxo8j6PP2D_kU2muijlGMWWMmk.woff2) format('woff2');
	unicode-range: U+0600-06FF, U+0750-077F, U+0870-088E, U+0890-0891, U+0898-08E1, U+08E3-08FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC, U+102E0-102FB, U+10E60-10E7E, U+10EFD-10EFF, U+1EE00-1EE03, U+1EE05-1EE1F, U+1EE21-1EE22, U+1EE24, U+1EE27, U+1EE29-1EE32, U+1EE34-1EE37, U+1EE39, U+1EE3B, U+1EE42, U+1EE47, U+1EE49, U+1EE4B, U+1EE4D-1EE4F, U+1EE51-1EE52, U+1EE54, U+1EE57, U+1EE59, U+1EE5B, U+1EE5D, U+1EE5F, U+1EE61-1EE62, U+1EE64, U+1EE67-1EE6A, U+1EE6C-1EE72, U+1EE74-1EE77, U+1EE79-1EE7C, U+1EE7E, U+1EE80-1EE89, U+1EE8B-1EE9B, U+1EEA1-1EEA3, U+1EEA5-1EEA9, U+1EEAB-1EEBB, U+1EEF0-1EEF1;
}

@font-face {
	font-family: 'Almarai';
	font-style: normal;
	font-weight: 300;
	font-display: swap;
	src: url(https://fonts.gstatic.com/s/almarai/v13/tssoApxBaigK_hnnS_antnqWo572.woff2) format('woff2');
	unicode-range: U+0600-06FF, U+0750-077F, U+0870-088E, U+0890-0891, U+0898-08E1, U+08E3-08FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC, U+102E0-102FB, U+10E60-10E7E, U+10EFD-10EFF, U+1EE00-1EE03, U+1EE05-1EE1F, U+1EE21-1EE22, U+1EE24, U+1EE27, U+1EE29-1EE32, U+1EE34-1EE37, U+1EE39, U+1EE3B, U+1EE42, U+1EE47, U+1EE49, U+1EE4B, U+1EE4D-1EE4F, U+1EE51-1EE52, U+1EE54, U+1EE57, U+1EE59, U+1EE5B, U+1EE5D, U+1EE5F, U+1EE61-1EE62, U+1EE64, U+1EE67-1EE6A, U+1EE6C-1EE72, U+1EE74-1EE77, U+1EE79-1EE7C, U+1EE7E, U+1EE80-1EE89, U+1EE8B-1EE9B, U+1EEA1-1EEA3, U+1EEA5-1EEA9, U+1EEAB-1EEBB, U+1EEF0-1EEF1;
}
@font-face {
	font-family: 'Katibeh';
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: url(https://fonts.gstatic.com/s/katibeh/v19/ZGjXol5MQJog4bxDWC9bVQNd.woff2) format('woff2');
	unicode-range: U+0600-06FF, U+0750-077F, U+0870-088E, U+0890-0891, U+0898-08E1, U+08E3-08FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC, U+102E0-102FB, U+10E60-10E7E, U+10EFD-10EFF, U+1EE00-1EE03, U+1EE05-1EE1F, U+1EE21-1EE22, U+1EE24, U+1EE27, U+1EE29-1EE32, U+1EE34-1EE37, U+1EE39, U+1EE3B, U+1EE42, U+1EE47, U+1EE49, U+1EE4B, U+1EE4D-1EE4F, U+1EE51-1EE52, U+1EE54, U+1EE57, U+1EE59, U+1EE5B, U+1EE5D, U+1EE5F, U+1EE61-1EE62, U+1EE64, U+1EE67-1EE6A, U+1EE6C-1EE72, U+1EE74-1EE77, U+1EE79-1EE7C, U+1EE7E, U+1EE80-1EE89, U+1EE8B-1EE9B, U+1EEA1-1EEA3, U+1EEA5-1EEA9, U+1EEAB-1EEBB, U+1EEF0-1EEF1;
}
@font-face {
	font-family: 'Marhey';
	font-style: normal;
	font-weight: 300 700;
	font-display: swap;
	src: url(https://fonts.gstatic.com/s/marhey/v6/x3dhck7Laq-T7wlRk48kRNs.woff2) format('woff2');
	unicode-range: U+0600-06FF, U+0750-077F, U+0870-088E, U+0890-0891, U+0898-08E1, U+08E3-08FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC, U+102E0-102FB, U+10E60-10E7E, U+10EFD-10EFF, U+1EE00-1EE03, U+1EE05-1EE1F, U+1EE21-1EE22, U+1EE24, U+1EE27, U+1EE29-1EE32, U+1EE34-1EE37, U+1EE39, U+1EE3B, U+1EE42, U+1EE47, U+1EE49, U+1EE4B, U+1EE4D-1EE4F, U+1EE51-1EE52, U+1EE54, U+1EE57, U+1EE59, U+1EE5B, U+1EE5D, U+1EE5F, U+1EE61-1EE62, U+1EE64, U+1EE67-1EE6A, U+1EE6C-1EE72, U+1EE74-1EE77, U+1EE79-1EE7C, U+1EE7E, U+1EE80-1EE89, U+1EE8B-1EE9B, U+1EEA1-1EEA3, U+1EEA5-1EEA9, U+1EEAB-1EEBB, U+1EEF0-1EEF1;
}
@font-face {
	font-family: 'Blaka';
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: url(https://fonts.gstatic.com/s/blaka/v7/8vIG7w8722p_6ndp0UHGFQ.woff2) format('woff2');
	unicode-range: U+0600-06FF, U+0750-077F, U+0870-088E, U+0890-0891, U+0898-08E1, U+08E3-08FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC, U+102E0-102FB, U+10E60-10E7E, U+10EFD-10EFF, U+1EE00-1EE03, U+1EE05-1EE1F, U+1EE21-1EE22, U+1EE24, U+1EE27, U+1EE29-1EE32, U+1EE34-1EE37, U+1EE39, U+1EE3B, U+1EE42, U+1EE47, U+1EE49, U+1EE4B, U+1EE4D-1EE4F, U+1EE51-1EE52, U+1EE54, U+1EE57, U+1EE59, U+1EE5B, U+1EE5D, U+1EE5F, U+1EE61-1EE62, U+1EE64, U+1EE67-1EE6A, U+1EE6C-1EE72, U+1EE74-1EE77, U+1EE79-1EE7C, U+1EE7E, U+1EE80-1EE89, U+1EE8B-1EE9B, U+1EEA1-1EEA3, U+1EEA5-1EEA9, U+1EEAB-1EEBB, U+1EEF0-1EEF1;
}

/*
@font-face {
	font-family: 'Alkalami';
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: url(https://fonts.gstatic.com/s/alkalami/v7/zOL_4pfDmqRL95WXi6eJycF8ug.woff2) format('woff2');
	unicode-range: U+0600-06FF, U+0750-077F, U+0870-088E, U+0890-0891, U+0898-08E1, U+08E3-08FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC, U+102E0-102FB, U+10E60-10E7E, U+10EFD-10EFF, U+1EE00-1EE03, U+1EE05-1EE1F, U+1EE21-1EE22, U+1EE24, U+1EE27, U+1EE29-1EE32, U+1EE34-1EE37, U+1EE39, U+1EE3B, U+1EE42, U+1EE47, U+1EE49, U+1EE4B, U+1EE4D-1EE4F, U+1EE51-1EE52, U+1EE54, U+1EE57, U+1EE59, U+1EE5B, U+1EE5D, U+1EE5F, U+1EE61-1EE62, U+1EE64, U+1EE67-1EE6A, U+1EE6C-1EE72, U+1EE74-1EE77, U+1EE79-1EE7C, U+1EE7E, U+1EE80-1EE89, U+1EE8B-1EE9B, U+1EEA1-1EEA3, U+1EEA5-1EEA9, U+1EEAB-1EEBB, U+1EEF0-1EEF1;
}
*/

@font-face {
	font-family: air strip arabic;
	font-style: normal;
	font-weight: 400;
	src: url('https://fonts.cdnfonts.com/s/16096/Air Strip Arabic.woff') format('woff')
}

.pagewidth {
	width: calc(100vw);
}

.pagewidth2 {
	width: calc(100vw - 320px);
}


form { margin-top:2px; margin-bottom:2px; }

A {
	color: var(--a);
	text-decoration: none;
	overflow-wrap: anywhere;
}


A:hover { color:red;text-decoration:none;font-weight:bold; }

A.menu { color:green;text-decoration:none;font-weight:bold;font-size:var(--sz110) }
A.menu:visited { color:green }
A.menu:hover { color:orange }
A.menu2 { color:red;text-decoration:none;font-weight:bold;font-size:var(--sz110) }
A.menu2:visited { color:red }
A.menu2:hover { color:orange }
A.menu3 { color:green;text-decoration:none;font-weight:bold;font-size:var(--sz110) }
A.menu3:visited { color:green }
A.menu3:hover { color:red }
A.menu_admin { color:white;text-decoration:none;font-weight:bold;font-size:var(--sz110) }
A.menu_admin:visited { color:white }
A.menu_admin:hover { color:red }

table.plain {
	background-color: transparent;
	padding: 0;
	border-spacing: 0;
/*	overflow-x:clip; */
	display:block;
}

/* new A's */
A.cat1 { color: var(--cat1); }
A.cat1:hover { color: var(--logoorange);	}
A.cat2 { color: var(--cattext2); }
A.cat2:hover { color: var(--logoorange);	}
A.cat3 { color: var(--logoorange); }
A.cat3:hover { color: var(--cat1);	}
A.main1 {
	font-size: var(--sz150);
	color: var(--maintitle);
	font-weight: normal;
}
A.main1:hover {	color: red; }
A.main2 {
	color: var(--maintitle2);
	font-size: var(--sz125);
	font-weight: normal;
}
A.main2:hover { color: red;	}
A.white { color: var(--white); }
A.white:hover { color: yellow; }
A.notice {
	color: var(--maintitle2);
	font-size: var(--sz125);
	background-color: var(--box1);
	border-color: var(--box1b);
	border-width: 2px;
	border-style: solid;
	padding-right: 10px;
	padding-left: 10px;
	padding-top: 3px;
	padding-bottom: 3px;
	border-radius: 25px;
	text-align: center;
}

	A.main2:hover {
		color: red;
	}


TR.normal {	background-color: var(--trnorm); }
TR.fixed { 	background-color: var(--trhl); }
/* TR.deleted { background-color: var(--tdeleted); } */
/* TR.lastposter { background-color: #cccccc; } */
/* TR.highlighted { 	background-color: #c2c2c2; }*/

TD { font-weight:bold; padding: 0 0; }

	TD.cat {
		background-color: var(--cat1);
		height: 20px;
		text-align: center;
		padding-top: 2px;
		padding-bottom: 2px;
		padding-right: 2px;
		padding-left: 2px;
		color: var(--cattext);
		border-color: transparent;
		border-width: 0px;
		border-style: solid;
		border-top-width: 0px;
		border-bottom-width: 0px;
		font-size: 1.5em;
		font-family:LaureenBold;
	}

TD.list { 
padding-left:2px;padding-right:2px;
color:var(--bluetext);vertical-align:top;
}
TD.list_center {
padding-left:2px;padding-right:2px;
color:var(--bluetext);vertical-align:middle;
text-align:center;
}
TD.list_date { 
font-size:75%;
padding-left:2px;padding-right:2px;
color:red;vertical-align:middle;
text-align:center;
}
TD.list_topic { 
padding-left:2px;padding-right:2px;
color:var(--bluetext);vertical-align:top;
}
TD.list_small { 
padding-left:0;padding-right:0;
color:var(--bluetext);vertical-align:middle;
text-align:center;
}
TD.list_topic { 
padding-left:2px;padding-right:2px;
color:var(--bluetext);vertical-align:top;
}
TD.list_small2 { 
font-size:75%;
padding-left:2px;padding-right:2px;
color:var(--bluetext);vertical-align:middle;
text-align:center;
background:var(--opts2);
}
TD.list_names { 
font-size:75%;
padding-left:2px;padding-right:2px;
color:gray;vertical-align:middle;
text-align:right;
}
TD.list_email { 
font-size:66%;
padding-left:2px;padding-right:2px;
color:black;vertical-align:middle;
text-align:center;
}
TD.list_options {
padding:4px; 
color:var(--bluetext);vertical-align:middle;
text-align:center;
background-color:#9edde6;
}

	TD.h {
		background-color: var(--cat1) !important;
		height: 20px;
		text-align: center;
		color: var(--cattext);
		border-color: transparent;
		border-width: 0px;
		border-style: solid;
		border-top-width: 0px;
		border-bottom-width: 0px;
		font-size: 1em;
		font-family: LaureenBold;
		vertical-align: middle;
		border-right-width: 1px;
		padding-top: 0px;
		padding-bottom: 0px;
		font-weight: bold;
	}

	td.h:first-child
	{
		border-top-right-radius:25px;
	}

	td.h:last-child {
		border-top-left-radius: 25px;
	}

	TD.h2 {
		background-color: var(--cat1);
		height: 20px;
		text-align: center;
		color: var(--cattext);
		border-color: transparent;
		border-width: 0px;
		border-style: solid;
		border-top-width: 0px;
		border-bottom-width: 0px;
		font-size: 1em;
		vertical-align: middle;
		border-right-width: 1px;
		padding-top: 0px;
		padding-bottom: 0px;
		font-weight: bold;
	}

	TD.genericheader {
		background-color: var(--cat1);
		text-align: center;
		color: var(--cattext);
		border-color: transparent;
		border-width: 0px;
		border-style: solid;
		border-top-width: 0px;
		border-bottom-width: 0px;
		font-size: var(--sz125);
		vertical-align: middle;
		border-right-width: 1px;
		padding-top: 0px;
		padding-bottom: 0px;
		font-weight: bold;
	}

		td.genericheader:first-child {
			border-top-right-radius: 25px;
		}

	td.genericheader:last-child {
		border-top-left-radius: 25px;
	}

	TD.genericheaderend {
		background-color: var(--cat1);
		text-align: center;
		color: var(--cattext);
		border-color: transparent;
		border-width: 0px;
		border-style: solid;
		border-top-width: 0px;
		border-bottom-width: 0px;
		font-size: var(--sz125);
		vertical-align: middle;
		border-right-width: 1px;
		padding-top: 0px;
		padding-bottom: 0px;
		font-weight: bold;
	}

		td.genericheaderend:first-child {
			border-bottom-right-radius: 25px;
		}

		td.genericheaderend:last-child {
			border-bottom-left-radius: 25px;
		}


	TD.generic {
		background-color: transparent;
		color: var(--a);
		border-color: var(--cat1);
		border-width: 1px;
		border-style: dotted;
		font-size:var(--sz100);
		vertical-align: middle;
		padding-top: 0px;
		padding-bottom: 0px;
		font-weight: bold;
		word-wrap:break-word;
	}

	TD.forumcatinfo {
		background-color: transparent;
		color: var(--a);
		border-color: var(--cat1);
		border-width: 1px;
		border-style: dotted;
		font-size: var(--sz100);
		vertical-align: middle;
		padding-top: 0px;
		padding-bottom: 0px;
		font-weight: bold;
		overflow-wrap: break-word;
	}
	TD.forumcatinfohead {
		background-color: var(--cat2);
		color: var(--cattext);
		border-color: var(--cat1);
		border-width: 1px;
		border-style: dotted;
		font-size: var(--sz100);
		vertical-align: middle;
		padding-left: 10px;
		padding-top: 0px;
		padding-bottom: 0px;
		font-weight: bold;
		text-align: left;
		overflow-wrap: break-word;
	}

.roundstart {
	border-top-right-radius: 25px;
	border-bottom-right-radius: 25px;
}

.roundend {
	border-top-left-radius: 25px;
	border-bottom-left-radius: 25px;
}

A.generic {
	color: var(--a);
	text-decoration: none;
	font-weight: bold;
	font-size:var(--sz100);
}

font.generic {
	color: var(--cat1);
	text-decoration: none;
	font-weight: bold;
	font-size: 10px;
	overflow-wrap: anywhere;
}

font.small {
	color: var(--cat1);
	text-decoration: none;
	font-weight: bold;
	font-size: 12px;
	overflow-wrap: anywhere;
}

font.preview {
	color: gray;
	text-decoration: none;
	font-weight: bold;
	font-size: var(--sz100);
	overflow-wrap: anywhere;
}

font.previewmobile {
	color: gray;
	text-decoration: none;
	font-weight: bold;
	font-size: var(--sz125);
	overflow-wrap: anywhere;
}

TD.posticon { 
background:transparent; 
padding-left:2px;padding-right:2px; text-align:center;vertical-align:middle;
border-width:1px; border-style:solid; 
border-color:threedhighlight threedshadow threedshadow threedhighlight;
font-size:1em;
}
/*
TD.menu { color:black;font-weight:bold;font-size:var(--sz110);padding:0;text-align:center;vertical-align:bottom;padding-left:2px;padding-right:2px; }
TD.menu_out { background:#660000;color:white;font-weight:bold;font-size:var(--sz110);padding:3px; }
TD.menu_admin { font-weight:bold;font-size:var(--sz110);padding:3px; }
TD.menu0 { color:white;text-decoration:none;font-weight:bold;font-size:var(--sz110);padding:1px; }
TD.main { color:red;text-decoration:none;font-weight:bold;font-size:12pt;padding-right:2px; }
TD.user { color:black;font-weight:bold;font-size:14px;padding:0 }
TD.footer { background:#eeffdd;color:green;font-weight:bold;font-size:14px;padding:3px; }
*/

.editedby {
		background: #ffd0d0;
		color: red;
		font-weight: bold;
		font-size: 9px;
		padding: 3px;

		border-color: #d37171;
		border-width: 1px;
		border-style: dotted;
		border-radius: 10px;
	}

.likebox {
	position: absolute;
	bottom: 8px;
	left: 10px;
}

.smbox {
	position: absolute;
	bottom: 8px;
	right: 10px;
}

.liker {
	border-radius: 15px;
	font-size: 24px;
	padding: 3px;
	border-width: 2px;
	border-style: solid;
	border-color: var(--box1b);
	margin-right: 4px;
	cursor: pointer;
}

.likerf {
	border-radius: 15px;
	font-size: 24px;
	padding: 3px;
	border-width: 1px;
	border-style: solid;
	border-color: var(--box1b);
	background-color: var(--bgmain);
	margin-right: 4px;
	cursor: pointer;
}


.likenum {
	display:inline-block;
	font-size: 16px;
	color:var(--black);
}



.noticeurl {
	border-color: var(--cat1);
	background-color: var(--fixed1);
	color: var(--black);
	font-weight: bold;
	font-size:var(--sz100);
	margin-right: 20px;
	padding-right: 20px;
	padding-left: 20px;
	border-width: 1px;
	border-style: dotted;
	border-radius: 10px;
}

input.radio {background: #ddeedd; color:#000000}

select {
	background-color: var(--selectbg);
	border-radius: 25px;
}

INPUT {
	font-size: 15px;
	font-weight: bold;
	color: var(--black);
	background-color: var(--bgmain);
	border-radius: 10px;
	border-width: 1px;
	padding-right: 5px;
	padding-left: 5px;
}

	INPUT.submit {
		font-size: 15px;
		font-weight: bold;
		color: var(--white);
		background-color: var(--cat2);
		border-radius: 10px;
		border-width: 1px;
	}

SELECT.submit {font-size:var(--sz100);font-weight:bold;color:var(--opts1t); }
SELECT.insidetitle {
	font-size: 15px;
	font-weight: bold;
	color: white;
	background-color: var(--cat2);
}

INPUT.small {font-size:var(--sz125);font-weight:bold;color:red;background:transparent; }

TEXTAREA {font-size:16px;font-weight:bold;color:black;background-color:#ffffff }
SELECT {font-size:var(--sz100);font-weight:bold;color:var(--opts1t); }
CHECKBOX {background:transparent;font-size:16px;font-weight:bold;color:black }
A.tiny { color:darkgreen;text-decoration:none;font-weight:bold;font-size:7pt }
A.tiny:visited { color:darkgreen }
A.tiny:hover { color:red }


input.ask {
	height:var(--sz200);
	width: 250px;
	font-size:var(--sz150);
	color: white;
	border-width: 2px;
	border-color: var(--a);
	border-radius: 15px;
	background-color: var(--cat1);
	appearance:none;
	text-align:center;
}

.userask {
	height:var(--sz200);
	width: 70%;
	font-size:var(--sz150);
	color: var(--a);
	border-width: 1px;
	border-color: var(--a);
	border-radius: 2px;
	background-color: var(--private);
	text-align: right;
	font-family: Arial;
}

input {
	font-family: Arial;
}

select {
	font-family: Arial;
}

input.useraskurl {
	height:var(--sz200);
	width: 70%;
	font-size:var(--sz100);
	color: var(--a);
	border-width: 1px;
	border-color: var(--a);
	border-radius: 2px;
	background-color: var(--private);
	appearance: none;
	text-align: left;
	direction:ltr;
}

input.asksubmit {
	height:var(--sz200);
	width: 80px;
	font-size:var(--sz100);
	color: white;
	border-width: 2px;
	border-color: var(--a);
	border-radius: 15px;
	background-color: var(--cat2);
	appearance: none;
}

.iconsubmit {
	font-family: 'Material Icons';
	font-weight: normal;
	padding:4px;
	height: var(--sz200);
	width: 40px;
	font-size: var(--sz125);
	color: white;
	border-width: 2px;
	border-color: var(--a);
	border-radius: 15px;
	background-color: var(--cat1);
	appearance: none;
	cursor: pointer;	
}

td.loginbox {
	background-color: #FFFFEE;
	border-color: var(--box1b);
	border-width: 2px;
	border-style: solid;
	padding-right: 10px;
	padding-left: 10px;
	padding-top: 3px;
	padding-bottom: 3px;
	border-radius: 50px;
	font-size:var(--sz150);
	text-align: center;
	color: var(--a);
}


SELECT.forumspick {
	font-family: arial;
	font-size:var(--sz100);
	font-weight: bold;
	color: var(--a);
}

/*
TD.logo {  background:#ffffff;color:var(--bluetext);vertical-align:top;padding-left:2px;padding-right:2px; 
	border-color:#b4dae5;
	border-width:1px;
	border-style:solid;
}

TD.f1 { background-color:transparent;
		color:var(--bluetext);vertical-align:top;padding-left:2px;padding-right:2px;
	
	border-color:#b4dae5;
	border-width:1px;
	border-style:solid;
}

TD.f2ts { font-size:75%;background:#dddddd;color:var(--bluetext);text-align:center;vertical-align:middle;padding-left:2px;padding-right:2px;
	border-color:#b4dae5;
	border-width:1px;
	border-style:solid;
}
	*/

SELECT.styleSelect { font-size:10px;font-weight:bold;color:white;background-color:darkgreen; }

TABLE.mainheader {  }
TABLE.menubar { }
TABLE.userbar { }
TABLE.footerbar { }
TABLE.optionsbar2 { background:#cbcbcb; }
TABLE.optionsbar {
	background-color: var(--cat1);
	height: 20px;
	text-align: center;
	color: var(--cattext);
	border-color: transparent;
	border-width: 0px;
	border-style: solid;
	border-top-width: 0px;
	border-bottom-width: 0px;
	font-size: 14px;
	font-family: LaureenBold;
	vertical-align: middle;
}
TABLE.topholder {
	position: -webkit-sticky; /* Safari */
	position: sticky;
	top: 0;
	background-color: var(--bgmain);
	padding-bottom:20px;
	z-index: 100;

	--mask: linear-gradient(to bottom, rgba(0,0,0, 1) 0, rgba(0,0,0, 1) 80%, rgba(0,0,0, 0) 95%, rgba(0,0,0, 0) 0 ) 100% 50% / 100% 100% repeat-x;
	-webkit-mask: var(--mask);
	mask: var(--mask);
}

TD.optionsbar_title { 
font-size:18px; color:var(--white); font-weight:bold; 
}

/*
TD.advert 
{ 
background-color:white;
border-color:white;
border-width:2px;
border-style:outset; 
}
*/

.optionsbar_menus {
	background-color: var(--opts1);
	text-align: center;
	color: var(--opts1t);
	border-color: var(--cat1);
	border-width: 2px;
	border-style: dotted;
	font-size:var(--sz100);
	vertical-align: middle;
	text-align: center;
	padding-right: 4px;
	padding-left: 4px;
	vertical-align: middle;
	border-radius: 50px;
}


TD.optionsbar_menus2 {
	text-align: center;
	font-size: 1em;
	color: var(--white);
	font-weight: bold;
	background-color: var(--opts2);
	padding-right: 2px;
	padding-left: 2px;
	border-color: var(--a);
	border-style: solid;
	border-width: 1px;
	vertical-align: middle;
	border-radius: 50px;
}

TD.topicons 
{ 
text-align:center;
font-size:var(--sz100); color:var(--a); font-weight:bold; 
padding-right:2px;
padding-left:2px;
vertical-align:top;
}

A.topicons { color:var(--a);text-decoration:none;font-size:1em; }

TD.toplogo {
	text-align: right;
	font-size:var(--sz150);
	line-height: calc(var(--sz150)*1.2);
	color: var(--cat1);
	padding-right: 2px;
	padding-left: 2px;
	vertical-align: middle;
	font-family:LaureenBold;
}

/*
TD.extras 
{ 
text-align:center;
font-size:12px; color:black; font-weight:bold; background-color:#dbdbdb;
padding-right:4px;
padding-left:4px;
border-color:var(--white);
border-width:2px;
border-style:outset; 
vertical-align:middle;
}
TD.extras2 
{ 
text-align:center;
font-size:12px; color:black; font-weight:bold; background-color:#ffeeee;
padding-right:2px;
padding-left:2px;
border-color:var(--white);
border-width:2px;
border-style:outset; 
vertical-align:middle;
}

SELECT.optionsbar_select { font-size:12px;font-weight:bold;color:black;background-color:#cbcbcb; }
	*/

TABLE.grid {
}

/*
TABLE.chatusers {  }
TD.chatusers { background:Transparent;text-align:center;padding:1px;font-size:11px; }
TD.forumusers { background:Transparent;text-align:center;padding:1px;font-size:11px; }
TD.chatusersholder { padding:3px; }
 */
TD.surveyQuestion { padding-left:20px;padding-right:20px;font-size:22px;font-weight:bold; color:white; background:black; text-align:center; }
TD.surveyResultText { padding-left:4px;padding-right:4px; background:#ffe4b5; font-size:15px; color:#703200; text-align:right; }
TD.surveyResultTextVoted { padding-left:4px;padding-right:4px; background:#e4ffb5; font-size:15px; color:#703200; text-align:right; }
TD.surveyResultNumber { padding-left:4px;padding-right:4px; background:#ffe4b5; font-size:20px; color:red; text-align:center; }
TD.surveyResultPercentage { padding-left:4px;padding-right:4px; background:#ffe4b5; font-size:20px; color:orange; text-align:center; }
TD.surveyHeader { background:red; font-size:10pt; color:white; text-align:center; }
TABLE.surveyTable { background:black; }

/*
TD.userdetails_header { 
	background: url(icons/tabbar.png) repeat left 1px;
	height:20px;
	text-align:center;
	padding-top:2px;padding-bottom:2px;
	padding-right:2px;padding-left:2px;
	color:yellow;
	border-color:transparent;
	border-width:0px;
	border-style:solid;
	border-top-width:0px;
	border-bottom-width:0px;
	font-size:14px;
	}

TD.userdetails_data { font-size:75%;background:#eeeedd;color:black;vertical-align:top;padding-left:2px;padding-right:2px; }

TD.userdetails_title { background:#eeeeaa;color:black;vertical-align:top;padding-left:2px;padding-right:2px; }
	*/

TD.optionheader { 
background:#666666; 
padding-left:2px;padding-right:2px; text-align:center;
border-width:1px; border-style:solid; 
border-color:threedhighlight threedshadow threedshadow threedhighlight;
color:white;
}

TD.optionheader_selected {
	background: var(--cat2);
	padding-left: 2px;
	padding-right: 2px;
	text-align: center;
	border-width: 1px;
	border-style: solid;
	border-color: threedhighlight threedshadow threedshadow threedhighlight;
	color: var(--white);
	font-size: 1em;
	font-family: LaureenBold;
}

input.optionheader_radio {background:transparent; color:#000000}

input.option_transparent {background:transparent; color:#000000}
TD.stats_h {
	font-size: 14px;
	text-align: center;
	padding-right: 4px;
	padding-left: 4px;
	background-color: var(--cat1) !important;
	color: var(--cattext);
}
TD.stats_t {
	background-color: var(--opts1);
	color: var(--black);
	font-size: 12px;
	padding-left: 6px;
	padding-right: 6px;
}
TD.stats_p {
	background-color: var(--trnorm);
	color: red;
	font-size: 14px;
	padding-right: 3px;
	padding-left: 3px;
}
TD.stats_g {
	background-color: var(--trhl);
	color: var(--bluetext);
	font-size: 14px;
	padding-right: 3px;
	padding-left: 3px;
}
TD.stats_graph {background-color:#444400;text-align:right;}

TD.stats {background-color:#ffffcc;text-align:center;font-family:helvetica,arial;font-weight:bold;font-size:12px;padding-right:3px;padding-left:3px;}

TD.stats_info {background-color:green;text-align:center;color:white;font-size:18px;padding-top:3px;padding-bottom:3px;}

a.stats_menu
{
	font-size:var(--sz075);
}

TD.stats_menu {
	text-align: center;
	vertical-align: middle;
	background-color: var(--trnorm);
	font-weight: bold;
	font-size:var(--sz075);
	color: red;
	padding-right: 2px;
	padding-left: 2px;
	padding-top: 2px;
	padding-bottom: 2px;
	border-color: #778877;
	border-width: 1px;
	border-style: solid;
	border-radius: 5px;
}

TD.stats_menuCmd {
	text-align: center;
	vertical-align: middle;
	background-color: var(--trhl);
	font-weight: bold;
	font-size:var(--sz075);
	color: red;
	padding-right: 2px;
	padding-left: 2px;
	padding-top: 2px;
	padding-bottom: 2px;
	border-color: var(--black);
	border-width: 1px;
	border-style: solid;
	border-radius: 5px;
}
TD.stats_menuSel {
	text-align: center;
	vertical-align: middle;
	background-color: var(--trhl);
	font-weight: bold;
	font-size:var(--sz075);
	color: red;
	padding-right: 2px;
	padding-left: 2px;
	padding-top: 2px;
	padding-bottom: 2px;
	border-color: red;
	border-width: 1px;
	border-style: solid;
	border-radius: 5px;
}


td.qu {
	padding-left: 4px;
	padding-right: 4px;
	font-family: Arial !important;
	background-color: var(--opts1);
	border-width: 1px;
	border-style: dotted;
	border-color: var(--cat1);
	border-radius: 25px;
}

	td.qu:last-child {
		background-color: transparent;
		border: 0px;
	}

TD.qux { color:yellow;font-size:12px;background-color:black;font-weight:bold; }
A.qu1 {
	color: var(--black);
	font-size: 14px;
	font-weight: bold;
	text-decoration: none;
	font-family: Arial !important;
}
A.qu2 {
	color: var(--red);
	font-size: 14px;
	font-weight: bold;
	text-decoration: none;
	font-family: Arial !important;
}


ul.modslist {
	bottom: 0;
	list-style: none;
	margin: 0;
	padding: 0px;
	top: 0;
}

li.modslist {
	display:inline;
	margin-top: 1px;
	background-color: transparent;
}

li.modslist:after { color:orangered; content: " + "; }
li.modslist:first-child { font-size:var(--sz125); color: darkgreen;	}
li.modslist:first-child:after { content: none;	}
li.modslist:last-child:after {	content: none;	}

.modslist {
	color: var(--maintitle2) !important;
}

a.fmods {
	font-size: var(--sz125);
	color: var(--mochrif) !important;
}


TD.topictitle {
	background-color: var(--cat2);
	border-color: var(--cat1);
	text-align: right;
	color: var(--white);
	margin-top: 14px;
	margin-bottom: 14px;
	padding-right: 14px;
	border-width: 2px;
	border-style: solid;
	border-radius: 50px;
	font-size: var(--sz150);
	/*	max-width:950px; */
	overflow-x: clip;
	font-family: Arial !important;
}

hr.soft {
	border: 1px dotted #000000;
	border-style: none none dotted;

	height: 1px;
	color: #aaaaaa;
	margin-top: 0px;
	margin-bottom: 4px;
}

hr.topicinfo {
	border: none;
	height: 1px;
	color: #aaaaaa;
	background-color: #aaaaaa;
	margin-top: 0px;
	margin-bottom: 4px;
}

ul.topicinfo{
	bottom: 0;
	list-style: none;
	margin: 0px;
	padding: 0px;
	top: 0px;
	border-bottom:1px;
	border-color:blue;
	text-align:right;
}

li.topictime {
	display: inline-block;
	margin-top: 1px;
	margin-left:10px;
	background-color: var(--bgmain);
	font-size:var(--sz150);
	font-weight: normal;
	color: var(--cat1) !important;
	border-color: var(--cat1);
	border-width: 1px;
	border-style: solid;
	border-radius: 20px;
	padding-left: 10px;
	padding-right: 10px;
	margin-bottom:var(--sz100);
	vertical-align:middle;
}

li.replypin {
	display: inline-block;
	margin-top: 1px;
	margin-left: 10px;
	background-color: var(--logoorange);
	font-size: var(--sz150);
	font-weight: normal;
	color: var(--bgmain) !important;
	border-color: var(--cat1);
	border-width: 1px;
	border-style: solid;
	border-radius: 20px;
	padding-left: 10px;
	padding-right: 10px;
	margin-bottom: var(--sz100);
	vertical-align: middle;
}

li.tools {
	display: inline-block;
	margin-top: 1px;
	background-color: var(--tfixed);
	font-size:var(--sz100);
	color: var(--opts1t);
	padding-left: 8px;
	padding-right: 8px;
	vertical-align:middle;
	text-align:center;
}

	li.tools:hover {
		background-color: var(--logoorange);
	}

.topicicon {
	font-family: var(--micon);
	font-weight: normal;
	display: inline-block;
	margin-top: 1px;
	background-color: var(--opts1);
	margin-right: 6px;
	font-size: var(--sz125);
	border-radius: 50%;
	padding: 4px;
	margin-left: 0;
	border: 1px dotted #000;
	cursor: pointer;
}

	.topicicons:after {
	/*	color: orangered; */
		content: " + ";
	}

	.topicicons:first-child {
		font-size: var(--sz125);
		color: darkgreen;
	}

		li.topicicons:first-child:after {
			content: none;
		}

	.topicicons:last-child:after {
		content: none;
	}

.pointer {
	cursor: pointer;
}

ul.fixedtopic {
	bottom: 0;
	list-style: none;
	margin: 0;
	padding: 0px;
	top: 0;
	display: flex;
	gap: 8px;
	padding-top: 4px;
	padding-bottom: 10px;
	padding-left: 0px;
	padding-right: 0px;
	overflow-x: scroll;
	scroll-snap-type: x mandatory;
	/* Hide scrollbar in Firefox */
	scrollbar-width: none;
	/* Hide scrollbar in IE and Edge */
	-ms-overflow-style: none;
}

a.fixedtopic
{
	font-size:var(--sz125);
}

li.fixedtopic {
	display: inline-block;
	margin-right: 3px;
	margin-top: 1px;
	border-color: var(--cat1);
	border-width: 2px;
	border-style: solid;
	background-color: var(--tfixed);
	padding: 4px;
	border-radius: 10px;
	flex-shrink: 0;
	height:var(--sz150);
	vertical-align: middle;
	scroll-snap-align: center;
}

li.fixedtopic2 {
	display: inline-block;
	margin-right: 3px;
	margin-top: 1px;
	border-color: var(--cat1);
	border-width: 2px;
	border-style: solid;
	background-color: var(--fixed2);
	padding: 4px;
	border-radius: 10px;
	flex-shrink: 0;
	height:var(--sz150);
	vertical-align:middle;
	scroll-snap-align: center;
}

A.mail {
	color: var(--cat1);
	text-decoration: none;
	font-weight: bold;
	font-size:var(--sz150);
}
/*
TD.mailheader {
	background-color: transparent;
	border-color: var(--cat1);
	text-align: center;
	color: var(--a);
	margin-top: 14px;
	margin-bottom: 14px;
	border-width: 1px;
	border-style: solid;
	border-radius: 50px;
	font-size:var(--sz150);
}
*/

ul.mailfolder {
	bottom: 0;
	margin: 0;
	padding: 0px;
	top: 0;
	gap: 8px;
	padding-top: 4px;
	padding-bottom: 10px;
	padding-left: 0px;
	padding-right: 0px;
}

li.mailfolder {
	display: inline-block;
	margin-right: 3px;
	margin-top: 1px;
	border-color: var(--cat1);
	border-width: 2px;
	border-style: solid;
	background-color: var(--fixed1);
	padding: 4px;
	border-radius: 50px;
	flex-shrink: 0;
	height:var(--sz125);
	vertical-align: middle;
	margin-bottom: 5px;
}

li.mailfolder2 {
	display: inline-block;
	margin-right: 3px;
	margin-top: 1px;
	border-color: var(--cat1);
	border-width: 2px;
	border-style: solid;
	background-color: var(--private);
	padding: 4px;
	border-radius: 50px;
	flex-shrink: 0;
	height:var(--sz125);
	vertical-align: middle;
	margin-bottom: 5px;
}

ul.fontpicker {
	bottom: 0;
	margin: 0;
	padding: 0px;
	top: 0;
	gap: 8px;
	padding-top: 4px;
	padding-bottom: 10px;
	padding-left: 0px;
	padding-right: 0px;
}

li.fontpicker {
	display: inline-block;
	margin-right: 3px;
	margin-top: 1px;
	border-color: var(--cat1);
	border-width: 1px;
	border-style: solid;
	background-color: var(--bgmain);
	padding: 4px;
	border-radius: 25px;
	flex-shrink: 0;
	height: auto;
	min-height: var(--sz150);
	vertical-align: text-bottom;
}

li.fontpicker:hover
{
	background-color: var(--pen-orange);
	cursor: pointer;
}


table.mainforums
{
	border-collapse:separate;
	border-spacing:0 10px;
}


TD.maincat {
	background-color: var(--cat2);
	border-color: var(--cat1);
	text-align: center;
	color: var(--white);
	margin-top: 14px;
	margin-bottom: 14px;
	border-width: 2px;
	border-style: solid;
	border-radius: 50px;
	font-family: LaureenBold;
	font-size:var(--sz150);
}

	TD.maincat a {
		color: var(--white);
	}

TD.maincat2 {
	background-color: var(--cat1);
	border-color: var(--cat2);
	text-align: center;
	color: var(--white);
	margin-top: 14px;
	margin-bottom: 14px;
	border-width: 2px;
	border-style: solid;
	border-radius: 50px;
	font-family: LaureenBold;
	font-size:var(--sz150);
}

TD.mainforum {
	background-color: var(--forumbox);
	border-color: var(--cat1);
	border-width: 2px;
	border-style: solid;
	padding: 4px;
	border-radius: 50px;
	font-size: var(--sz150);
	text-align: right;
	vertical-align: top;
	padding-top: 5px;
	color: var(--maintitle);
}


TD.mainforumprivate {
	background-color: var(--private);
	border-color: var(--cat1);
	border-width: 2px;
	border-style: solid;
	padding: 4px;
	border-radius: 50px;
	font-size:var(--sz150);
	text-align: right;
	vertical-align: top;
	padding-top:5px;
}


	TD.mainforum img, TD.mainforumprivate img {
		opacity: var(--fopacity);
	}

a.mainforum {
	font-size:var(--sz150);
	color: var(--cat1);
}

TD.mainforuminner {
	background-color: transparent;
	font-size:var(--sz150);
	color: var(--cat1);
	text-align:right;
	width: 100%;
	padding-right: 10px;
	padding-left: 5px;
}

span.mainforumdesc {
	font-family: Arial;
	font-weight: bold;
	font-size:var(--sz100);
	color: var(--a);
	text-align: right;
}

span.mainforuminfo {
	font-family: Arial;
	font-weight: bold;
	font-size:var(--sz150);
	color: var(--cat1);
	text-align: right;
}

span.tiny
{
	font-size:var(--sz100);
	color:gray;
	padding-left: 15px;
	margin: 0 0 0 0;
	text-align:left;
	font-family: 'Arial';
}

.topic {
	padding-right: 10px;
	padding-left: 10px;
	padding-top: 3px;
	padding-bottom: 3px;
	font-size: var(--sz125);
	text-align: right;
}

.tnormal {
	background-color: var(--tnormal) !important;
	color: var(--black) !important;
}

.tfixed {
	background-color: var(--tfixed) !important;
	color: var(--a) !important;
}

.tdeleted {
	background-color: var(--tdeleted) !important;
	color: var(--a) !important;
}

.thidden {
	background-color: var(--thidden) !important;
	color: var(--a) !important;
}

.tlastposter {
	background-color: var(--tlastposter) !important;
	color: var(--a) !important;
}

.thighlighted {
	background-color: #c2c2c2 !important;
	color: var(--a) !important;
}

TD.forumtopic_normal {
	background-color: var(--tnormal);
	padding-right: 10px;
	padding-left: 10px;
	padding-top: 3px;
	padding-bottom: 3px;
	font-size: var(--sz125);
	text-align: right;
	color: var(--black);
}

TD.forumtopic_fixed {
	background-color: var(--tfixed);
	padding-right: 10px;
	padding-left: 10px;
	padding-top: 3px;
	padding-bottom: 3px;
	font-size: var(--sz125);
	text-align: right;
	color: var(--a);
}

TD.forumtopic_deleted {
	background-color: var(--tdeleted);
	padding-right: 10px;
	padding-left: 10px;
	padding-top: 3px;
	padding-bottom: 3px;
	font-size: var(--sz125);
	text-align: right;
	color: var(--a);
}

TD.forumtopic_hidden {
	background-color: var(--thidden);
	padding-right: 10px;
	padding-left: 10px;
	padding-top: 3px;
	padding-bottom: 3px;
	font-size: var(--sz125);
	text-align: right;
	color: var(--a);
}

TD.forumtopic_lastposter {
	background-color: var(--tlastposter);
	padding-right: 10px;
	padding-left: 10px;
	padding-top: 3px;
	padding-bottom: 3px;
	font-size: var(--sz125);
	text-align: right;
	color: var(--a);
}
TD.forumtopic_highlighted {
	background-color: #c2c2c2;
	padding-right: 10px;
	padding-left: 10px;
	padding-top: 3px;
	padding-bottom: 3px;
	font-size: var(--sz125);
	text-align: right;
	color: var(--a);
}

TD.forumtopic_inner {
	background-color: transparent;
	padding: 0 0 0 0;
	border-width: 0;
	font-size: var(--sz125);
	text-align: right;
	color: var(--a);
}


ul.forumtopic {
	width: 100%;
	border-radius: 5px;
	bottom: 0;
	list-style: none;
	margin: 0;
	padding: 0px;
	top: 0;
}

li.forumtopic {
	display: inline-block;
	margin-top: 1px;
	background-color: transparent;
	font-size:var(--sz100);
	color:darkgreen;
	padding-left:10px;
}

.forumtopicdate {
	display: inline-block;
	margin-top: 1px;
	background-color: transparent;
	font-size:var(--sz075);
	color: darkgreen;
	padding-left: 10px;
	white-space: nowrap;
}

li.forumtopicinfo {
	display: inline-block;
	margin-top: 1px;
	background-color: transparent;
	font-size:var(--sz100);
	color: var(--a);
	padding-left: 10px;
}

li.forumtopiclastpage {
	display: inline-block;
	margin-top: 1px;
	background-color: var(--lastpage);
	padding-left: 10px;
	padding-right: 10px;
	text-align: center;
	border-color: var(--a);
	border-width: 2px;
	border-radius: 5px;
}

a.forumtopiclastpage {
	font-size:var(--sz100);
	color: white;
}

TD.mail_author {
	background-color: var(--box1);
	border-color: var(--box1b);
	border-width: 2px;
	border-style: solid;
	padding-right: 10px;
	padding-left: 10px;
	padding-top: 1px;
	padding-bottom: 1px;
	border-radius: 25px;
	font-size: var(--sz125);
	text-align: center;
	color: var(--cat1);
}

TD.topic_edit {
	background-color: var(--cktools);
	border-color: var(--box1b);
	border-width: 2px;
	border-style: solid;
	padding-right: 10px;
	padding-left: 10px;
	padding-top: 3px;
	padding-bottom: 3px;
	border-radius: 25px;
	text-align: center;
	color: black;
	width: 100px;
}


TD.topic_author {
	background-color: var(--box1);
	border-color: var(--box1b);
	border-width: 2px;
	border-style: solid;
	padding-right: 10px;
	padding-left: 10px;
	padding-top: 1px;
	padding-bottom: 1px;
	border-radius: 25px;
	font-size: var(--sz125);
	text-align: center;
	color: var(--cat1);
	width: 180px;
}

TD.topic_author2 {
	background-color: var(--box2);
	border-color: var(--box2b);
	border-width: 2px;
	border-style: solid;
	padding-right: 10px;
	padding-left: 10px;
	padding-top: 3px;
	padding-bottom: 3px;
	border-radius: 25px;
	font-size: var(--sz125);
	text-align: center;
	color: var(--cat1);
	width: 140px;
}


TD.topic_author_adm {
	background-color: var(--madmin);
	border-color: var(--box1b);
	border-width: 2px;
	border-style: solid;
	padding-right: 10px;
	padding-left: 10px;
	padding-top: 3px;
	padding-bottom: 3px;
	border-radius: 25px;
	font-size: var(--sz125);
	text-align: center;
	color: var(--white);
	width: 100px;
}

TD.topic_post {
	border-color: var(--box1b);
	border-width: 2px;
	border-style: solid;
	padding-right: 10px;
	padding-left: 10px;
	padding-top: 3px;
	padding-bottom: 50px;
	border-radius: 25px;
	font-size:var(--sz100);
	text-align: right;
	color: var(--a);
	overflow:hidden;
	position:relative;
}

td.topic_post > a {
			word-break: break-word; 
	}

td.reply_pinned {
	border-color: var(--logoorange);
	border-width: 4px;
	border-style: dotted;
}

.topic_post img {
	max-width: 100%;
}


.topic_post ol {
	list-style-type: decimal
}

	.topic_post ol ol {
		list-style-type: lower-latin
	}

		.topic_post ol ol ol {
			list-style-type: lower-roman
		}

			.topic_post ol ol ol ol {
				list-style-type: upper-latin
			}

				.topic_post ol ol ol ol ol {
					list-style-type: upper-roman
				}


TD.topic_member {
	border-color: var(--box1b);
	background-color: var(--bgmain);
	border-width: 2px;
	border-style: solid;
	padding-right: 5px;
	padding-left: 5px;
	padding-top: 3px;
	padding-bottom: 3px;
	border-radius: 25px;
	font-size: var(--sz100);
	text-align: center;
}

.meminfo {
	text-align: center;
	width: 150px;
	font-size: var(--sz075);
	padding-top: 2px;
	padding-bottom: 2px;
	color: var(--black);
}


TD.topic_info1 {
	background-color: var(--box1);
	border-color: #78a1d1;
	border-width: 2px;
	border-style: solid;
	padding-right: 10px;
	padding-left: 10px;
	padding-top: 3px;
	padding-bottom: 3px;
	border-radius: 25px;
	font-size:var(--sz075);
	text-align: center;
	color: var(--a);
	width: 100px;
}

TD.topic_info2 {
	background-color: var(--bgmain);
	border-color: var(--cat1);
	border-width: 2px;
	border-style: solid;
	padding-right: 10px;
	padding-left: 10px;
	padding-top: 3px;
	padding-bottom: 3px;
	border-radius: 25px;
	font-size:var(--sz075);
	text-align: center;
	color: var(--a);
}

.fieldtitle {
	font-family: LaureenBold;
	background-color: var(--cat2);
	border-color: var(--cat1);
	text-align: center;
	color: var(--white);
	padding-right: 10px;
	padding-left: 10px;
	padding-top: 3px;
	padding-bottom: 3px;
	font-size: var(--sz100);
	text-align: center;
}

.fieldtitle2 {
	font-family: LaureenBold;
	background-color: var(--cat2);
	border-color: var(--cat1);
	text-align: center;
	color: var(--white);
	padding-right: 10px;
	padding-left: 10px;
	padding-top: 3px;
	padding-bottom: 3px;
	font-size: var(--sz075);
	text-align: center;
}

.field1 {
	background-color: var(--box1);
	border-color: var(--box1b);
	padding-right: 10px;
	padding-left: 10px;
	padding-top: 3px;
	padding-bottom: 3px;
	font-size: var(--sz110);
	text-align: center;
	color: var(--cat1);
}

.field2 {
	background-color: var(--box2);
	border-color: #cccccc;
	padding-right: 4px;
	padding-left: 4px;
	padding-top: 3px;
	padding-bottom: 3px;
	font-size: var(--sz110);
	text-align: center;
	color: var(--cat1);
}

.fieldsmall {
	background-color: var(--box1);
	border-color: #cccccc;
	padding-right: 4px;
	padding-left: 4px;
	padding-top: 3px;
	padding-bottom: 3px;
	font-size: var(--sz100);
	text-align: center;
	color: var(--cat1);
}

.fieldtext {
	border-color: #cccccc;
	padding-right: 4px;
	padding-left: 4px;
	padding-top: 3px;
	padding-bottom: 3px;
	font-size: var(--sz110);
	text-align: right;
	color: var(--cat1);
	overflow-wrap: anywhere;
}

.private {
	background-color: var(--private) !important;
}

.forumbox {
	background-color: var(--forumbox) !important;
}

.w100 { min-width:80px; } 

.ovaled {
	border-radius: 50px;
}

.oval {
}
	.oval:not(:first-child):not(:last-child) {
	}

	.oval:first-child {
		border-bottom-right-radius: 25px;
		border-top-right-radius: 25px;
	}

	.oval:last-child {
		border-bottom-left-radius: 25px;
		border-top-left-radius: 25px;
	}

.ovalsmall {

}

	.ovalsmall:not(:first-child):not(:last-child) {
	}

	.ovalsmall:first-child {
		border-bottom-right-radius: 5px;
		border-top-right-radius: 5px;
	}

	.ovalsmall:last-child {
		border-bottom-left-radius: 5px;
		border-top-left-radius: 5px;
	}

.softdotted {
	border-width: 1px;
	border-style: dotted;
	border-color: var(--cat1);
}

a.topic_info
{
	font-size:var(--sz075);
}


img.image_resized {
	height: auto
}

.image.image_resized img {
		width: auto;
		height: auto;
		display: inline-block;
	}



img.flag { 
	border-width:1px;
	border-color:black;
	border-style:solid;
}

.thumber {
	background-color: transparent;
	border-style:none;
	padding-right: 0px;
	padding-left: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	border-radius: 25px;
	width:60px;
}

img.img-popup {
	border-color: var(--box1b);
	border-width: 1px;
	border-radius: 25px;
	border-color: black;
	border-style: solid;
	height: 60px;
}

div.youhavemail {
	width:60px;
	height:60px;
	position: absolute;
	top: 10px;
	padding-top: 12px;
	vertical-align:text-bottom;
	text-align:right;
	margin-right:0;
	padding-right:0;
	z-index: 10;
}

div.youhavemail2 {
	width: 30px;
	height: 30px;
	position: absolute;
	top: 20px;
	padding-top: 18px;
	vertical-align: text-bottom;
	text-align: right;
	margin-right: 0;
	padding-right: 0;
	z-index: 11;
}

div.youhaveposts {
	width: 50px;
	height: 50px;
	position: absolute;
	top: 10px;
	padding-top: 0px;
	vertical-align: text-bottom;
	text-align: right;
	margin-right: 0;
	padding-right: 0;
	z-index: 10;
}

div.youhaveposts2 {
	width: 30px;
	height: 30px;
	position: absolute;
	top: 20px;
	padding-top: 18px;
	vertical-align: text-bottom;
	text-align: right;
	margin-right: 0;
	padding-right: 0;
	z-index: 11;
}

div.topnavicon {
	background-color: var(--opts1);
	position: absolute;
	top: 0px;
	padding-top: 6px;
	vertical-align: middle;
	text-align: center;
	margin-top:10px;
	margin-right: 0;
	padding-right: 0;
	z-index: 10;
	cursor: pointer;
}


.circular--square {
	border-radius: 50%;
}

.circle {
	border-radius: 50%;
	width: 18px;
	height: 18px;
	padding: 4px;
	margin-left:0;
	background: red;
	border: 3px solid #000;
	color: var(--white);
	text-align: left;
	font: 18px Arial, sans-serif;
}

.circlef {
	border-radius: 50%;
	padding: 2px;
	margin-left: 0;
	background: red;
	border: 1px solid #000;
	color: var(--white);
}


.iconcircle {
	border-radius: 50%;
	width: var(--sz175);
	height: var(--sz175);
	padding: 4px;
	margin-left: 0;
	background: var(--white);
	border: 1px dotted var(--a);
	color: var(--iconcircle) !important;
	text-align: center;
	font-size: var(--sz175);
	font-family: var(--micon);
	font-style: normal;
	font-weight: normal;
	cursor: pointer;
}
	.iconcircle > a {
		color: var(--iconcircle) !important;
	}

	.iconcircle > a {
		color: var(--iconcircle) !important;
	}

.iconcirclered {
	border-radius: 50%;
	width: var(--sz175);
	height: var(--sz175);
	padding: 4px;
	margin-left: 0;
	background: var(--white);
	border: 1px dotted red;
	color: red;
	text-align: center;
	font-size: var(--sz175);
	font-family: 'Material Icons';
	font-style: normal;
	font-weight: normal;
	cursor: pointer;
}

body > ul > li:nth-child(1) > span > span > a:nth-child(1) {
	color: var(--black);
}

ul.simple { padding-inline-start: 0px;  margin-top: 4px; margin-bottom: 4px; }


/* CKEditor 5 text editor area */
[role=textbox]
{
}

.language-css, .language-html, .language-javascript, .language-xml, .language-php {
	text-align: left;
	direction: ltr;
	color: var(--a);
	font-size: 14px;
	white-space: pre-wrap;
	border: 2px solid #a9a9a9;
	background-color: #ddd;
	display: block;
	padding: 10px;
	border-radius: 0 15px;
	margin: 10px
}

	.language-css:before {
		background: var(--ck-color-code-block-label-background);
		color: #fff;
		font-family: var(--ck-font-face);
		font-size: 10px;
		line-height: 16px;
		padding: var(--ck-spacing-tiny) var(--ck-spacing-medium);
		right: 10px;
		margin-top: -10px;
		white-space: nowrap;
		static;
		float: right;
		content: "CSS"
	}

	.language-html:before {
		background: var(--ck-color-code-block-label-background);
		color: #fff;
		font-family: var(--ck-font-face);
		font-size: 10px;
		line-height: 16px;
		padding: var(--ck-spacing-tiny) var(--ck-spacing-medium);
		right: 10px;
		margin-top: -10px;
		white-space: nowrap;
		static;
		float: right;
		content: "HTML"
	}

.language-javascript:before {
	background: var(--ck-color-code-block-label-background);
	color: #fff;
	font-family: var(--ck-font-face);
	font-size: 10px;
	line-height: 16px;
	padding: var(--ck-spacing-tiny) var(--ck-spacing-medium);
	right: 10px;
	margin-top: -10px;
	white-space: nowrap;
	static;
	float: right;
	content: "javascript"
}

.language-xml:before {
	background: var(--ck-color-code-block-label-background);
	color: #fff;
	font-family: var(--ck-font-face);
	font-size: 10px;
	line-height: 16px;
	padding: var(--ck-spacing-tiny) var(--ck-spacing-medium);
	right: 10px;
	margin-top: -10px;
	white-space: nowrap;
	static;
	float: right;
	content: "XML"
}

.language-php:before {
	background: var(--ck-color-code-block-label-background);
	color: #fff;
	font-family: var(--ck-font-face);
	font-size: 10px;
	line-height: 16px;
	padding: var(--ck-spacing-tiny) var(--ck-spacing-medium);
	right: 10px;
	margin-top: -10px;
	white-space: nowrap;
	static;
	float: right;
	content: "PHP"
}


/*
  A modernized version based on Erik Terwan's popular pure CSS Hamburger fold-out menu:

  https://codepen.io/erikterwan/pen/EVzeRP

  Author: Michael Schnerring (https://schnerring.net)
  License: MIT
  
  Read more about how it works: https://schnerring.net/posts/create-a-modern-css-only-fold-out-burger-menu/
*/

/* Position direct descendants of menu-burger absolutely */
.menu-burger > * {
	position: fixed;
	top: 5px;
	left: 5px;
}

/* Invisible click handler indicating whether menu is collapsed */
.menu-burger input {
	height: 64px;
	margin: 0;
	opacity: 0;
	width: 64px;
}

/* Burger */
.menu-burger svg {
	height: 64px;
	width: 64px;
	z-index: 299;
}

/* Menu items */
ul.menu-burger__item-list {
	background: var(--burger);
	border-right: 3px dotted var(--cat1);
	bottom: 0;
	color: var(--cat1);
	list-style: none;
	margin: 0;
	padding: 6px;
	top: 0;
	transform: translate(-103%, 0);
	transition: transform 0.5s cubic-bezier(0.9, 0, 0.1, 1);
	width: 300px;
	z-index: 298;
	text-align: center;
	font-weight: bold;
}

/* Menu items */
li.menu-burger__item-item {
	display: inline-block;
	margin-right: 10px;
	margin-top: 10px;
	border-color: var(--cat1);
	border-width: 2px;
	border-style: dashed;
	background-color: var(--bgmain);
	padding: 4px;
	border-radius: 5px;
	font-size:var(--sz075);
	font-weight: bold;
}

li.menu-burger__item-item2 {
	display: inline-block;
	margin-right: 10px;
	margin-top: 10px;
	border-color: var(--cat1);
	border-width: 2px;
	border-style: dashed;
	background-color: var(--private);
	padding: 4px;
	border-radius: 5px;
	font-size:var(--sz075);
	font-weight: bold;
}

li.menu-burger__item-menu {
	display: inline-block;
	margin-right: 10px;
	margin-top: 10px;
	border-color: var(--cat1);
	border-width: 2px;
	border-style: solid;
	background-color: var(--bgmain);
	padding: 4px;
	border-radius: 5px;
	font-size: var(--sz125);
	font-weight: bold;
}

li.menu-burger__item-top {
	display: block;
	margin-right: 10px;
	margin-top: 10px;
	border-color: var(--cat1);
	border-width: 2px;
	border-style: solid;
	background-color: var(--bgmain);
	padding: 4px;
	border-radius: 5px;
	font-size:var(--sz100);
	font-weight: bold;
}
li.menu-burger__item-top2 {
	display: block;
	margin-right: 10px;
	margin-top: 10px;
	border-color: var(--cat1);
	border-width: 2px;
	border-style: dashed;
	background-color: var(--private);
	padding: 4px;
	border-radius: 5px;
	font-size: var(--sz075);
	font-weight: bold;
}

ul.menu-burger__item-list, li.menu-burger__item-item {
	color: var(--icontext) !important;
}

li.headline {
	background-color: var(--bgmain);
	font-size: var(--sz150);
	color:gray;
}

a.headline {
	font-size:var(--sz150);
	color: red;
}

a.menu-burger {
	font-size:var(--sz100);
	font-weight: bold;
}

/* Menu fold-out */
input:checked ~ .menu-burger__item-list {
	transform: none;
}

/* Change line color on fold-out */
.menu-burger input:checked ~ svg line {
	stroke: var(--cat1);
}

/* Set transform origins to center of respective line */
.menu-burger svg line:nth-of-type(1) {
	transform-origin: center 6px;
}

.menu-burger svg line:nth-of-type(2) {
	transform-origin: center 12px;
}

.menu-burger svg line:nth-of-type(3) {
	transform-origin: center 18px;
}

/* Line animations */
.menu-burger svg line {
	transition-duration: 0.5s;
	transition-property: stroke, opacity, transform;
	transition-timing-function: cubic-bezier(0.9, 0, 0.1, 1);
}

/* Fade out middle line on fold-out */
.menu-burger input:checked ~ svg line:nth-of-type(2) {
	opacity: 0;
	transform: scale(0.2);
}

/* Center top and bottom lines vertically, then rotate by 45 degrees in opposing directions on fold-out */
.menu-burger input:checked ~ svg line:nth-of-type(1) {
	transform: translate(0, 6px) rotate(45deg);
}

.menu-burger input:checked ~ svg line:nth-of-type(3) {
	transform: translate(0, -6px) rotate(-45deg);
}

/* carousel */

.carousel-wrapper {
	position: relative;
	padding-left:var(--sz250);
	padding-right:var(--sz250);
}

.carouselbutton {
	position: absolute;
	font-size:var(--sz100);
	width:var(--sz200);
	height:var(--sz200);
	border-radius: 10px;
	border-width: 0px;
	background-color: var(--cat1);
	color:var(--white);
}

.carouselbutton--previous {
	transform: rotate(180deg);
	left: 0rem;
	top:var(--sz050);
}

.carouselbutton--next {
	right: 0rem;
	top:var(--sz050);
}


.img-stamp {
	position: fixed;
	top: 40vh;
	width: 40vw;
	height: 25vw;
	right: 10vw;
	transform: translate(-50%, 0) scale(0, 0);
	z-index: 10;
	border-radius: 10vw;
	border-width: 1px;
	border-style: dotted;
	border-color: var(--cat1);
	transition: all .3s ease;
	background-color: var(--bgmain);
}

.img-overlay {
	position: fixed;
	top: 180px;
	width: 40%;
	left: 50%;
	transform: translate(-50%, 0) scale(0, 0);
	z-index: 10;
	box-shadow: rgba(0, 0, 0, 0.25) 0px 54px 55px, rgba(0, 0, 0, 0.12) 0px -12px 30px, rgba(0, 0, 0, 0.12) 0px 4px 6px, rgba(0, 0, 0, 0.17) 0px 12px 13px, rgba(0, 0, 0, 0.09) 0px -3px 5px;
	transition: all .3s ease;
	background-color: var(--white);
}

.overlay-dark {
	top: 0;
	right: 0;
	position: fixed;
	background-color: var(--white);
	width: 99%;
	height: 99%;
	z-index: 5;
	display: none;
	mix-blend-mode: saturation;
}

/* CK Editor 5 CSS */

div.editor {
	border-width: 2px;
	border-color: var(--cat1);
	border-radius: 5px;
}

span.quickholder {
}

div.replyeditor {
	border-width: 2px;
	border-color: var(--cat1);
	border-radius: 5px;
}

div.topiceditor {
	border-width: 2px;
	border-color: var(--cat1);
	border-radius: 5px;
}

.ck-editor__editable_inline {
/*	min-height: 200px;*/
	touch-action: pan-x pan-y;
}


.title2 {
	padding-right: 0.5rem;
	color: var(--mochrif);
	font-size: var(--sz100);
	text-align: right;
}


blockquote {
	font-style: normal;
	font-size: 12px;
	text-align: right;
	padding-left: 20px;
	padding-right: 20px;
	margin-right: 10px;
	border-right-width: 50px;
	border-right: solid;
	border-right-color: black;
	padding-top: 10px;
	margin-top: 10px;
	border-top-width: 20px;
	border-top: solid;
	border-top-color: black;
	border-radius: 10px;
	background-color: var(--quote);
}

	blockquote > p {
		font-style: normal;
		font-size: 12px;
		text-align: right;
		margin-top: 2px;
		margin-bottom: 2px;
	}

		blockquote > p > a {
			color: blue;
			text-decoration: underline;
			font-style: normal;
			font-size: 12px;
			text-align: right;
			display: inline-block;
		}

/*Textbox*/
.ck-editor__editable {
	min-height: 200px;
	max-height: 70vh;
}
/*Toolbar*/
/*
.ck-editor__top {
	min-width: 860px;
	max-width: 944px;
}
*/

code {
	text-align:left;
	direction: ltr;
	color: var(--a);
	font-size: 14px;
	white-space:pre-wrap;
}

/*
table.codeholder {
	text-align: left;
	direction: ltr;
	border-top: 5px;
	border-top-color: darkslategray;
	border-top-style: solid;
	border-bottom: 5px;
	border-bottom-color: darkgray;
	border-bottom-style: solid;
	background-color: #dddddd;
}

td.codeholder {
	text-align: left;
	direction: ltr;
	border-width: 2px;
	border-style: solid;
	border-color: red;
}
*/

input.texter {
	margin-top: 4px;
	align-items: center;
	background-color: var(--white);
	border-width: 1px;
	border-style: solid;
	border-color: #0A66C2;
	border-radius: 100px;
	box-sizing: border-box;
	color: #0A66C2;
	cursor: pointer;
	display: inline-flex;
	font-size: 24px;
	font-weight: 600;
	justify-content: center;
	line-height: 20px;
	min-height: 40px;
	min-width: 300px;
	overflow: hidden;
	padding: 0px;
	padding-left: 20px;
	padding-right: 20px;
	text-align: center;
	vertical-align: middle;
}

SELECT.rounded {
	margin-top: 4px;
	align-items: center;
	background-color: var(--cat1);
	border: 0;
	border-radius: 100px;
	box-sizing: border-box;
	color: #ffffff;
	cursor: pointer;
	display: inline-flex;
	font-size: 16px;
	font-weight: 600;
	justify-content: right;
	line-height: 20px;
	max-width: 480px;
	min-height: 40px;
	min-width: 0px;
	overflow: hidden;
	padding: 0px;
	padding-left: 20px;
	padding-right: 20px;
	text-align: right;
	touch-action: manipulation;
	transition: background-color 0.167s cubic-bezier(0.4, 0, 0.2, 1) 0s, box-shadow 0.167s cubic-bezier(0.4, 0, 0.2, 1) 0s, color 0.167s cubic-bezier(0.4, 0, 0.2, 1) 0s;
	user-select: none;
	-webkit-user-select: none;
	vertical-align: middle;
}


input.pusher {
	margin-top:4px;
	align-items: center;
	background-color: var(--cat2);
	border: 0;
	border-radius: 100px;
	box-sizing: border-box;
	color: var(--white);
	cursor: pointer;
	display: inline-flex;
	font-size: 16px;
	font-weight: 600;
	font-family: Arial;
	justify-content: center;
	line-height: 20px;
	max-width: 480px;
	min-height: 40px;
	min-width: 0px;
	overflow: hidden;
	padding: 0px;
	padding-left: 20px;
	padding-right: 20px;
	text-align: center;
	touch-action: manipulation;
	transition: background-color 0.167s cubic-bezier(0.4, 0, 0.2, 1) 0s, box-shadow 0.167s cubic-bezier(0.4, 0, 0.2, 1) 0s, color 0.167s cubic-bezier(0.4, 0, 0.2, 1) 0s;
	user-select: none;
	-webkit-user-select: none;
	vertical-align: middle;
}

	input.pusher:hover,
	input.pusher:focus {
		background-color: var(--opts1);
		color: #ffffff;
	}

	input.pusher:active {
		background: #09223b;
		color: rgb(255, 255, 255, .7);
	}

	input.pusher:disabled {
		cursor: not-allowed;
		background: rgba(0, 0, 0, .08);
		color: rgba(0, 0, 0, .3);
	}

.mti {
	font-family: 'Material Icons';
	font-style: normal;
	font-weight: normal;
	padding-left: 2px;
	padding-right: 2px;
	font-size: var(--sz125);
}

.squeeze {
	margin-left: calc(var(--sz050)*-1);
}

.micon {
	font-family: var(--micon);
	font-style: normal;
	font-weight: normal;
	padding-left:2px;
	padding-right:2px;
	cursor: pointer;
}

.miconred {
	font-family: 'Material Icons';
	font-style: normal;
	font-weight: normal;
	color: red;
	cursor: pointer;
}

.miconwhite {
	font-family: 'Material Icons';
	font-style: normal;
	font-weight: normal;
	color: var(--white);
	cursor: pointer;
}

.miconplain {
	font-family: 'Material Icons';
	font-style: normal;
	font-weight: normal;
	color: var(--cat1);
	cursor: pointer;
}

td.opter {
	font-family: 'Material Icons';
	font-style: normal;
	font-weight: normal;
	width: 60px;
	text-align: left;
	font-size: var(--sz250);
	padding-left: 0px;
	cursor: pointer;
	color: var(--a);
}

td.mainopter {
	font-family: 'Material Icons';
	font-style: normal;
	font-weight: normal;
	width: 60px;
	text-align: left;
	font-size: var(--sz250);
	padding-left: 0px;
	vertical-align: top;
	cursor: pointer;
}

.colormem { color:gray; }
.colormod { color:red; }
.colorsup {	color: gold;}
.coloradm {	color: blue;}

div.pinfooter {
	position: inherit;
	padding: 0px 0px 0px 0px;
	bottom: 0;
	width: 100%;
	min-height: 300px;
	background-color: transparent;
	color: var(--white);
}

div.iconfooter {
	position: fixed;
	padding: 10px 10px 0px 10px;
	bottom: 0;
	width: 100%;
	background-color: var(--bgmain);
	z-index: 100;
	border-top: 2px dotted var(--cat1);
	text-align: center;
}

div.iconholder {
	height: calc(var(--sz200)*1.4);
}


/* poup notification */
#notification-box {
	position: fixed;
	top: 10px;
	left: 140px;
	z-index: 999999;
}

#notification-box p {
	background-color: rgba(0, 0, 0, .7);
	width: 200px;
	border-radius: 5px;
	padding: .7em;
	margin: .5em;
	color: var(--white);
	font-size: 2em;
	display: none;
	color: yellow;
	text-align: center;
}

/* member page */

div.member_points_box {
	float: right;
	background-image: url(images/points.gif);
	background-position: right 100px top 0px;
	width: 230px;
	text-align: center;
	font-weight: bold;
	font-size:var(--sz150);
	color: var(--a);
	margin-bottom: 0px;
	padding-top:var(--sz050);
	padding-bottom:var(--sz050);
}

TD.usercatinfo {
	background-color: transparent;
	color: var(--a);
	border-color: var(--cat1);
	border-width: 1px;
	border-style: dotted;
	font-size: var(--sz125);
	vertical-align: middle;
	padding-right:10px;
	padding-top: 0px;
	padding-bottom: 0px;
	font-weight: bold;
	overflow-wrap: break-word;
}

TD.usercatinfohead {
	background-color: var(--cat2);
	color: var(--cattext);
	border-color: var(--cat1);
	border-width: 1px;
	border-style: dotted;
	font-size: var(--sz125);
	vertical-align: middle;
	padding-left: 10px;
	padding-right: 5px;
	padding-top: 0px;
	padding-bottom: 0px;
	font-weight: bold;
	text-align: left;
	overflow-wrap: break-word;
}

ul.useraction {
	bottom: 0;
	list-style: none;
	margin: 0px;
	padding: 0px;
	top: 0px;
	border-bottom: 1px;
	border-color: var(--bluetext);
	text-align: center;
}

.user_action {
	display:inline-flex;
	background-color: var(--bgmain);
	border-color: var(--cat1);
	border-width: 2px;
	border-style: solid;
	margin-top:2px;
	margin-bottom:6px;
	margin-left:5px;
	margin-right:5px;
	padding-right: 10px;
	padding-left: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
	border-radius: 25px;
	font-size: var(--sz125);
	text-align: center;
	color: var(--a);
}

TD.userdetails_title {
	color: #305C67;
	vertical-align: top;
	padding-left: 2;
	padding-right: 2;
	font-size: 14px;
	font-weight: bold;
}

TD.userdetails_data {
	color: var(--a);
	vertical-align: top;
	padding-left: 2;
	padding-right: 2;
	font-size: 14px;
	font-weight: bold;
}

.box_content {
	background-color: var(--opts2);
	color: var(--a);
	font-weight: bold;
	font-size: 1.5em;
	text-align: center;
	padding-right: 0px;
	padding-bottom: 4px;
	margin-bottom: 10px;
	border-bottom-right-radius: 25px;
	border-bottom-left-radius: 25px;
}
.box_content2 {
	background-color: var(--opts2);
	color: var(--a);
	font-weight: bold;
	font-size: 1.5em;
	text-align: center;
	padding-right: 0px;
	padding-bottom: 4px;
	margin-bottom: 10px;
	border-bottom-right-radius: 25px;
	border-bottom-left-radius: 25px;
	border-top-right-radius: 25px;
	border-top-left-radius: 25px;
}

.box_head {
	background-color: var(--cat2);
	text-align: center;
	color: var(--cattext);
	border-color: transparent;
	border-width: 0px;
	font-size:var(--sz150);
	font-family: LaureenBold;
	vertical-align: middle;
	border-right-width: 1px;
	padding-top: 0px;
	padding-bottom: 0px;
	font-weight: bold;
	border-top-right-radius: 25px;
	border-top-left-radius: 25px;
}

.box_head2 {
	background-color: var(--cat2);
	text-align: center;
	color: var(--cattext);
	border-color: transparent;
	border-width: 0px;
	font-size: 1.5em;
	font-family: LaureenBold;
	vertical-align: middle;
	border-right-width: 1px;
	padding-top: 0px;
	padding-bottom: 0px;
	font-weight: bold;
	border-bottom-right-radius: 25px;
	border-bottom-left-radius: 25px;
}

/*
.tooltip {
	position: relative;
	display: inline-block;
}
.tooltip .tooltiptext {
		visibility: hidden;
		width: 60px;
		background-color: gray;
		color: yellow;
		font-size: 16px;
//		font-weight: bold;
		text-align: center;
		border-radius: 6px;
		padding: 3px 0;
		position: absolute;
		z-index: 2;
		top: 100%;
		left: 50%;
		margin-left: -30px;
	}

		.tooltip .tooltiptext:after {
			content: "";
			position: absolute;
			bottom: 100%;
			left: 50%;
			margin-left: -5px;
			border-width: 5px;
			border-style: solid;
			border-color: transparent transparent gray transparent;
		}

	.tooltip:hover .tooltiptext {
		visibility: visible;
	}
*/

/*! Hint.css - v2.7.0 - 2021-10-01
* https://kushagra.dev/lab/hint/
* Copyright (c) 2021 Kushagra Gour */

[class*=hint--] {
	position: relative;
	display: inline-block;
}

	[class*=hint--]:after, [class*=hint--]:before {
		position: absolute;
		-webkit-transform: translate3d(0,0,0);
		-moz-transform: translate3d(0,0,0);
		transform: translate3d(0,0,0);
		visibility: hidden;
		opacity: 0;
		z-index: 1000000;
		pointer-events: none;
		-webkit-transition: .3s ease;
		-moz-transition: .3s ease;
		transition: .3s ease;
		-webkit-transition-delay: 0s;
		-moz-transition-delay: 0s;
		transition-delay: 0s
	}

	[class*=hint--]:hover:after, [class*=hint--]:hover:before {
		visibility: visible;
		opacity: 1;
		-webkit-transition-delay: .1s;
		-moz-transition-delay: .1s;
		transition-delay: .1s
	}

	[class*=hint--]:before {
		content: '';
		position: absolute;
		background: 0 0;
		border: 6px solid transparent;
		z-index: 1000001
	}

	[class*=hint--]:after {
		background: #383838;
		color: #fff;
		padding: 8px 10px;
		font-size: 12px;
		font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
		line-height: 12px;
		white-space: nowrap;
		text-shadow: 0 -1px 0 #000;
		box-shadow: 4px 4px 8px rgba(0,0,0,.3)
	}

	[class*=hint--][aria-label]:after {
		content: attr(aria-label)
	}

	[class*=hint--][data-hint]:after {
		content: attr(data-hint)
	}

[aria-label='']:after, [aria-label='']:before, [data-hint='']:after, [data-hint='']:before {
	display: none !important
}

.hint--top-left:before, .hint--top-right:before, .hint--top:before {
	border-top-color: #383838
}

.hint--bottom-left:before, .hint--bottom-right:before, .hint--bottom:before {
	border-bottom-color: #383838
}

.hint--top:after, .hint--top:before {
	bottom: 100%;
	left: 50%
}

.hint--top:before {
	margin-bottom: -11px;
	left: calc(50% - 6px)
}

.hint--top:after {
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	transform: translateX(-50%)
}

.hint--top:hover:before {
	-webkit-transform: translateY(-8px);
	-moz-transform: translateY(-8px);
	transform: translateY(-8px)
}

.hint--top:hover:after {
	-webkit-transform: translateX(-50%) translateY(-8px);
	-moz-transform: translateX(-50%) translateY(-8px);
	transform: translateX(-50%) translateY(-8px)
}

.hint--bottom:after, .hint--bottom:before {
	top: 100%;
	left: 50%
}

.hint--bottom:before {
	margin-top: -11px;
	left: calc(50% - 6px)
}

.hint--bottom:after {
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	transform: translateX(-50%)
}

.hint--bottom:hover:before {
	-webkit-transform: translateY(8px);
	-moz-transform: translateY(8px);
	transform: translateY(8px)
}

.hint--bottom:hover:after {
	-webkit-transform: translateX(-50%) translateY(8px);
	-moz-transform: translateX(-50%) translateY(8px);
	transform: translateX(-50%) translateY(8px)
}

.hint--right:before {
	border-right-color: #383838;
	margin-left: -11px;
	margin-bottom: -6px
}

.hint--right:after {
	margin-bottom: -14px
}

.hint--right:after, .hint--right:before {
	left: 100%;
	bottom: 50%
}

.hint--right:hover:after, .hint--right:hover:before {
	-webkit-transform: translateX(8px);
	-moz-transform: translateX(8px);
	transform: translateX(8px)
}

.hint--left:before {
	border-left-color: #383838;
	margin-right: -11px;
	margin-bottom: -6px
}

.hint--left:after {
	margin-bottom: -14px
}

.hint--left:after, .hint--left:before {
	right: 100%;
	bottom: 50%
}

.hint--left:hover:after, .hint--left:hover:before {
	-webkit-transform: translateX(-8px);
	-moz-transform: translateX(-8px);
	transform: translateX(-8px)
}

.hint--top-left:after, .hint--top-left:before {
	bottom: 100%;
	left: 50%
}

.hint--top-left:before {
	margin-bottom: -11px;
	left: calc(50% - 6px)
}

.hint--top-left:after {
	-webkit-transform: translateX(-100%);
	-moz-transform: translateX(-100%);
	transform: translateX(-100%);
	margin-left: 12px
}

.hint--top-left:hover:before {
	-webkit-transform: translateY(-8px);
	-moz-transform: translateY(-8px);
	transform: translateY(-8px)
}

.hint--top-left:hover:after {
	-webkit-transform: translateX(-100%) translateY(-8px);
	-moz-transform: translateX(-100%) translateY(-8px);
	transform: translateX(-100%) translateY(-8px)
}

.hint--top-right:after, .hint--top-right:before {
	bottom: 100%;
	left: 50%
}

.hint--top-right:before {
	margin-bottom: -11px;
	left: calc(50% - 6px)
}

.hint--top-right:after {
	-webkit-transform: translateX(0);
	-moz-transform: translateX(0);
	transform: translateX(0);
	margin-left: -12px
}

.hint--top-right:hover:after, .hint--top-right:hover:before {
	-webkit-transform: translateY(-8px);
	-moz-transform: translateY(-8px);
	transform: translateY(-8px)
}

.hint--bottom-left:after, .hint--bottom-left:before {
	top: 100%;
	left: 50%
}

.hint--bottom-left:before {
	margin-top: -11px;
	left: calc(50% - 6px)
}

.hint--bottom-left:after {
	-webkit-transform: translateX(-100%);
	-moz-transform: translateX(-100%);
	transform: translateX(-100%);
	margin-left: 12px
}

.hint--bottom-left:hover:before {
	-webkit-transform: translateY(8px);
	-moz-transform: translateY(8px);
	transform: translateY(8px)
}

.hint--bottom-left:hover:after {
	-webkit-transform: translateX(-100%) translateY(8px);
	-moz-transform: translateX(-100%) translateY(8px);
	transform: translateX(-100%) translateY(8px)
}

.hint--bottom-right:after, .hint--bottom-right:before {
	top: 100%;
	left: 50%
}

.hint--bottom-right:before {
	margin-top: -11px;
	left: calc(50% - 6px)
}

.hint--bottom-right:after {
	-webkit-transform: translateX(0);
	-moz-transform: translateX(0);
	transform: translateX(0);
	margin-left: -12px
}

.hint--bottom-right:hover:after, .hint--bottom-right:hover:before {
	-webkit-transform: translateY(8px);
	-moz-transform: translateY(8px);
	transform: translateY(8px)
}

.hint--large:after, .hint--medium:after, .hint--small:after {
	white-space: normal;
	line-height: 1.4em;
	overflow-wrap: break-word;
}

.hint--small:after {
	width: 80px
}

.hint--medium:after {
	width: 150px
}

.hint--large:after {
	width: 300px
}

.hint--error:after {
	background-color: #b34e4d;
	text-shadow: 0 -1px 0 #592726
}

.hint--error.hint--top-left:before, .hint--error.hint--top-right:before, .hint--error.hint--top:before {
	border-top-color: #b34e4d
}

.hint--error.hint--bottom-left:before, .hint--error.hint--bottom-right:before, .hint--error.hint--bottom:before {
	border-bottom-color: #b34e4d
}

.hint--error.hint--left:before {
	border-left-color: #b34e4d
}

.hint--error.hint--right:before {
	border-right-color: #b34e4d
}

.hint--warning:after {
	background-color: #c09854;
	text-shadow: 0 -1px 0 #6c5328
}

.hint--warning.hint--top-left:before, .hint--warning.hint--top-right:before, .hint--warning.hint--top:before {
	border-top-color: #c09854
}

.hint--warning.hint--bottom-left:before, .hint--warning.hint--bottom-right:before, .hint--warning.hint--bottom:before {
	border-bottom-color: #c09854
}

.hint--warning.hint--left:before {
	border-left-color: #c09854
}

.hint--warning.hint--right:before {
	border-right-color: #c09854
}

.hint--info:after {
	background-color: #3986ac;
	text-shadow: 0 -1px 0 #1a3c4d
}

.hint--info.hint--top-left:before, .hint--info.hint--top-right:before, .hint--info.hint--top:before {
	border-top-color: #3986ac
}

.hint--info.hint--bottom-left:before, .hint--info.hint--bottom-right:before, .hint--info.hint--bottom:before {
	border-bottom-color: #3986ac
}

.hint--info.hint--left:before {
	border-left-color: #3986ac
}

.hint--info.hint--right:before {
	border-right-color: #3986ac
}

.hint--success:after {
	background-color: #458746;
	text-shadow: 0 -1px 0 #1a321a
}

.hint--success.hint--top-left:before, .hint--success.hint--top-right:before, .hint--success.hint--top:before {
	border-top-color: #458746
}

.hint--success.hint--bottom-left:before, .hint--success.hint--bottom-right:before, .hint--success.hint--bottom:before {
	border-bottom-color: #458746
}

.hint--success.hint--left:before {
	border-left-color: #458746
}

.hint--success.hint--right:before {
	border-right-color: #458746
}

.hint--always:after, .hint--always:before {
	opacity: 1;
	visibility: visible
}

.hint--always.hint--top:before {
	-webkit-transform: translateY(-8px);
	-moz-transform: translateY(-8px);
	transform: translateY(-8px)
}

.hint--always.hint--top:after {
	-webkit-transform: translateX(-50%) translateY(-8px);
	-moz-transform: translateX(-50%) translateY(-8px);
	transform: translateX(-50%) translateY(-8px)
}

.hint--always.hint--top-left:before {
	-webkit-transform: translateY(-8px);
	-moz-transform: translateY(-8px);
	transform: translateY(-8px)
}

.hint--always.hint--top-left:after {
	-webkit-transform: translateX(-100%) translateY(-8px);
	-moz-transform: translateX(-100%) translateY(-8px);
	transform: translateX(-100%) translateY(-8px)
}

.hint--always.hint--top-right:after, .hint--always.hint--top-right:before {
	-webkit-transform: translateY(-8px);
	-moz-transform: translateY(-8px);
	transform: translateY(-8px)
}

.hint--always.hint--bottom:before {
	-webkit-transform: translateY(8px);
	-moz-transform: translateY(8px);
	transform: translateY(8px)
}

.hint--always.hint--bottom:after {
	-webkit-transform: translateX(-50%) translateY(8px);
	-moz-transform: translateX(-50%) translateY(8px);
	transform: translateX(-50%) translateY(8px)
}

.hint--always.hint--bottom-left:before {
	-webkit-transform: translateY(8px);
	-moz-transform: translateY(8px);
	transform: translateY(8px)
}

.hint--always.hint--bottom-left:after {
	-webkit-transform: translateX(-100%) translateY(8px);
	-moz-transform: translateX(-100%) translateY(8px);
	transform: translateX(-100%) translateY(8px)
}

.hint--always.hint--bottom-right:after, .hint--always.hint--bottom-right:before {
	-webkit-transform: translateY(8px);
	-moz-transform: translateY(8px);
	transform: translateY(8px)
}

.hint--always.hint--left:after, .hint--always.hint--left:before {
	-webkit-transform: translateX(-8px);
	-moz-transform: translateX(-8px);
	transform: translateX(-8px)
}

.hint--always.hint--right:after, .hint--always.hint--right:before {
	-webkit-transform: translateX(8px);
	-moz-transform: translateX(8px);
	transform: translateX(8px)
}

.hint--rounded:after {
	border-radius: 4px
}

.hint--no-animate:after, .hint--no-animate:before {
	-webkit-transition-duration: 0s;
	-moz-transition-duration: 0s;
	transition-duration: 0s
}

.hint--bounce:after, .hint--bounce:before {
	-webkit-transition: opacity .3s ease,visibility .3s ease,-webkit-transform .3s cubic-bezier(.71,1.7,.77,1.24);
	-moz-transition: opacity .3s ease,visibility .3s ease,-moz-transform .3s cubic-bezier(.71,1.7,.77,1.24);
	transition: opacity .3s ease,visibility .3s ease,transform .3s cubic-bezier(.71,1.7,.77,1.24)
}

.hint--no-shadow:after, .hint--no-shadow:before {
	text-shadow: initial;
	box-shadow: initial
}

.hint--no-arrow:before {
	display: none
}

/*! END -- Hint.css - v2.7.0 - 2021-10-01
* https://kushagra.dev/lab/hint/
* Copyright (c) 2021 Kushagra Gour */


.marker-yellow {
	background-color: var(--marker-yellow)
}

.marker-green {
	background-color: var(--marker-green)
}

.marker-pink {
	background-color: var(--marker-pink)
}

.marker-blue {
	background-color: var(--marker-blue)
}

.pen-red {
	background-color: transparent;
	color: var(--pen-red) !important;
}

.pen-green {
	background-color: transparent;
	color: var(--pen-green) !important;
}

.pen-orange {
	background-color: transparent;
	color: var(--pen-orange) !important;
}

.pen-purple {
	background-color: transparent;
	color: rebeccapurple !important;
}

.pen-blue {
	background-color: transparent;
	color: blue !important;
}

.pen-gold {
	background-color: transparent;
	color: goldenrod !important;
}

.pen-white {
	background-color: transparent;
	color: var(--white) !important;
}

ul.bricks {
	bottom: 0;
	list-style: none;
	margin: 0;
	padding: 6px;
	top: 0;
	text-align: center;
	font-weight: bold;
}

.bricker {
	margin-right: 10px;
	margin-top: 10px;
	border-color: var(--cat1);
	border-width: 1px;
	border-style: solid;
	padding: 4px;
	border-radius: 5px;
	font-size: var(--sz075);
	font-weight: bold;
	text-align: center;
}


li.brick {
	display: inline-block;
	margin-right: 10px;
	margin-top: 10px;
	border-color: var(--cat1);
	border-width: 1px;
	border-style: solid;
	padding: 4px;
	border-radius: 5px;
	font-size: var(--sz075);
	font-weight: bold;
}

ul.bricks2 {
	bottom: 0;
	list-style: none;
	margin: 0;
	padding: 2px;
	top: 0;
	text-align: right;
	font-weight: bold;
}

li.brick2 {
	display: inline-block;
	margin-right: 4px;
	margin-top: 2px;
	margin-bottom: 2px;
	border-color: var(--cat1);
	border-width: 1px;
	border-style: solid;
	padding: 4px;
	border-radius: 5px;
	font-size: var(--sz075);
	font-weight: bold;
}

li.brick2:hover
{
	opacity: 1 !important;
}

.bgmem {
	background-color: var(--mmember);
	color: white !important;
}

.bgmod {
	background-color: var(--mmod);
	color: white !important;
}

.bgvsup {
	background-color: var(--mvsup);
	color: white !important;
}

.bgsup {
	background-color: var(--msup);
	color: white !important;
}

.bgadmin {
	background-color: var(--madmin);
	color: white !important;
}

.bgmemnight {
	border-color: var(--cat1);
	border-width: 2px;
	border-style: solid;
}


.mmember {
	color: black;
}

.mmod {
	color: var(--mmod);
}

a > font.mmod:hover {
	color: black;
}

.mvsup {
	color: var(--mvsup);
}

a > font.mvsup:hover {
	color: red;
}

.msup {
	color: var(--msup);
}

a > font.msup:hover {
	color: red;
}

.madmin {
	color: var(--madmin);
}

a > font.madmin:hover
{
	color: red;
}

ins.adsbygoogle[data-ad-status="unfilled"] {
	display: none !important;
}

.breaker {
	-ms-word-break: break-all;
	-ms-word-wrap: break-all;
	-webkit-word-break: break-word;
	-webkit-overflow-wrap: anywhere;
	word-break: break-word;
	overflow-wrap: anywhere;
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	hyphens: auto;
}

.dow {
	box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.5);
}

table.ck-table-resized {
/*	table-layout: fixed; */
}

figure {
	display: block;
	margin: auto;
	overflow-y: hidden;
}

.figure.image-style-side {
	float: right;
	margin-left: 1.5em;
	max-width: 50%;
	text-align: right !important;
}

figure.table {
	clear: both;
	display: table;
	text-align: center;
}	

	figure.image {
		clear:both;display:table;margin:.9em auto;min-width:50px;text-align:center;
	}	

	figure > table {
		width: inherit; 
		height: inherit;
		border-collapse: collapse;
	}

figure.table > table > tbody > tr > td {
	min-width: 2rem;
	min-height: 2rem;
}

@keyframes glowing {
	0% {
		background-color: red;
		box-shadow: 0 0 5px red;
	}

	50% {
		background-color: darkgreen;
		box-shadow: 0 0 20px darkgreen;
	}

	100% {
		background-color: red;
		box-shadow: 0 0 5px red;
	}
}

.flashit {
	animation: glowing 1300ms infinite;
}

li.imagethumb {
	display: inline-block;
	margin-right: 10px;
	margin-top: 10px;
	border-color: var(--cat1);
	border-width: 2px;
	border-style: dashed;
	background-color: var(--private);
	padding: 4px;
	border-radius: 5px;
	font-size: var(--sz075);
	font-weight: bold;
}

/* popup modal code */
.modal {
	opacity: 0;
	padding: 50px;
	position: absolute;
	z-index: 1100;
	-webkit-transition: opacity 600ms linear 600ms;
	-moz-transition: opacity 600ms linear 600ms;
	-ms-transition: opacity 600ms linear 600ms;
	-o-transition: opacity 600ms linear 600ms;
	transition: opacity 600ms linear 600ms;
}

.modal_info {
	background: #FCF9F2;
	padding: 20px 40px;
	text-align: center;
	visibility: hidden;
	display: none;
}

.modal_overlay {
	background: rgba(0, 0, 0, 0.5);
	bottom: 0;
	left: 0;
	opacity: 0;
	overflow: auto;
	position: fixed;
	right: 0;
	top: 0;
	visibility: hidden;
	display: none;
	z-index: 900;
	-webkit-transition: opacity 100ms linear;
	-moz-transition: opacity 100ms linear;
	-ms-transition: opacity 100ms linear;
	-o-transition: opacity 100ms linear;
	transition: opacity 100ms linear;
}

.btn_container {
	height: 100%;
	text-align: center;
}

	.btn_container:before {
		content: '';
		display: inline-block;
		height: 100%;
		vertical-align: middle;
		width: 0;
	}

button.modal_close {
	background: #363D4E;
	border: none;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
	border-radius: 50%;
	color: #FFFFFF;
	cursor: pointer;
	outline: none;
	width: 52px;
	height: 52px;
	position: absolute;
	right: 30px;
	top: 30px;
	-webkit-transition: -webkit-transform 300ms;
	-moz-transition: -moz-transform 300ms;
	-ms-transition: -ms-transform 300ms;
	-o-transition: -o-transform 300ms;
	transition: transform 300ms;
}

/* popup modal code */

/* upnotify popup code */

.notification {
	padding: 10px;
	background-color: var(--white);
	border-radius: 16px;
	border-width: 3px;
	border-style: dotted;
	border-color: var(--cat1);
	text-align:center;
	font-size: var(--sz150);
	color: var(--pen-red);
	font-weight: bold;
	position: fixed;
	top: -25px;
	transform: translateY(-200%);
	animation: noti 5s infinite forwards alternate ease-in;
	animation-iteration-count: 2;
	z-index: 999;
}

.notificationbot {
	padding: 10px;
	background-color: var(--white);
	border-radius: 16px;
	border-width: 3px;
	border-style: dotted;
	border-color: var(--cat1);
	text-align: center;
	font-size: var(--sz150);
	color: var(--pen-red);
	font-weight: bold;
	position: fixed;
	bottom: -25px;
	transform: translateY(200%);
	animation: noti 2s infinite forwards alternate ease-in;
	animation-iteration-count: 2;
	z-index: 999;
}

@keyframes noti {
	10% {
		transform: translateY(0);
	}

	60% {
		transform: translateY(0);
	}

	100% {
		transform: translateY(0);
	}
}


/* not popup code */

/* Saber popup code */
div.notifyicon {
	position: fixed;
	padding: 10px 10px 0px 10px;
	top: -8px;
	width: 20px;
	height: 24px;
	border-radius: 10px;
	opacity: 0.5;
	background-color: var(--cat1);
	font-size: 20px;
	z-index: 100;
	border: 2px dotted var(--black);
	text-align: center;
	display: none;
}

#notif {
	visibility: hidden;
	min-height: 50px;
	margin: auto;
	background-color: var(--white);
	border-radius: 50px;
	box-shadow: 0 0 5px 5px var(--cat1);
	position: fixed;
	left: 0;
	right: 0;
	top: 30px;
	z-index: 999;
}

	#notif #img {
		float: right;
		width: 50px;
		height: 50px;
		right: -15px;
		top: -15px;
		position: relative;
		padding: 0;
		box-sizing: border-box;
		background: var(--logo);
		background-repeat: no-repeat;
		background-size: 50px 50px;
	}

	#notif #close {
		float: left;
		width: 50px;
		height: 50px;
		left: -15px;
		top: -15px;
		position: relative;
		padding: 0;
		box-sizing: border-box;
	}

	#notif #desc {
		text-align: center;
		font-size: var(--sz125);
		font-weight: bold;
		color: var(--cat1);
		padding: 10px;
		overflow: hidden;
		white-space: nowrap;
	}

	#notif.show {
		visibility: visible;
		-webkit-animation: fadein 0.5s, fadeout 0.5s 6.5s;
		animation: fadein 0.5s, fadeout 0.5s 6.5s;
	}

option { text-align: center; }

.bigmodal {
	width: 300px;
	min-height: 10vh;
	max-height: 50vh;
	margin: auto;
	background-color: var(--bgmain);
	border-radius: 10px;
	box-shadow: 0 0 5px 5px var(--cat2);
	position: fixed;
	overflow-y: auto;
	overflow-x: clip;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	z-index: 999;
	text-align: center;
}


@-webkit-keyframes fadein {
	from {	top: 0;	opacity: 0;	}
	to {	top: 30px;	opacity: 1;	}
}

@keyframes fadein {
	from {	top: 0;	opacity: 0;	}
	to { top: 30px;	opacity: 1;	}
}

@-webkit-keyframes fadeout {
	from {	top: 30px;	opacity: 1;	}
	to { top: 60px; opacity: 0;	}
}

@keyframes fadeout {
	from {	top: 30px;	opacity: 1;	}
	to { top: 60px;	opacity: 0;	}
}

a.mention {
	border-color: var(--box1b);
	background-color: var(--bgmain);
	border-width: 2px;
	border-style: solid;
	padding-right: 5px;
	padding-left: 5px;
	padding-top: 3px;
	padding-bottom: 3px;
	border-radius: 25px;
	display: inline-block;
}

	a.mention:hover {
		background-color: var(--opts1t);
		color:var(--white);
	}

span.mention {
	border-color: var(--box1b);
	background-color: var(--bgmain);
	border-width: 2px;
	border-style: solid;
	padding-right: 5px;
	padding-left: 5px;
	padding-top: 3px;
	padding-bottom: 3px;
	border-radius: 25px;
	display: inline-block;
}

span.mention:hover {
		background-color: var(--opts1t) !important;
		color: var(--white) !important;
	}


a.hashtag {
	border-radius: 10px 20px 10px 20px;
	background-color: var(--bgmain); 
	color: var(--maintitle);
	padding: 2px;
	display: inline-block;
}

a.hashhl {
	color: var(--bgmain);
	background-color: var(--maintitle);
	border-color: var(--cat1);
	border-style: dashed;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-right: 5px;
	padding-left: 5px;
/*	font-family: Cairo !important;*/
	font-size: var(--sz125) !important;
	font-weight: 500 !important;
	margin-left: 5px;
	margin-top: 2px;
	margin-bottom: 2px;
}

a.hashis {
	background-color: var(--pen-orange) !important;
	color: var(--white) !important;
}

a.hashmore {
	background-color: var(--pen-green) !important;
	color: var(--white) !important;
}

	a.hashtag:hover {
		animation: glowing 1300ms infinite;
		background-color: var(--pen-orange) !important;
		color: var(--white) !important;
	}


@keyframes pulsing {
	0% {
		box-shadow: 0 0;
	}

	50% {
		box-shadow: 0 0 5px var(--pen-red);
	}

	100% {
		box-shadow: 0 0;
	}
}


/* drop down menu with images */

.dropbtn {
	padding: 16px;
	border: none;
	cursor: pointer;
	background-color: transparent;
	font-weight: bold;
	color: var(--opts1t);
}

.dropdown {
	position: relative;
	display: inline-block;
}

.dropdown-content {
	display: none;
	position: absolute;
	right: -30px;
	background-color: var(--bgmain);
	border-color: var(--cat1);
	border-width: 2px;
	border-style: solid;
	padding: 4px;
	border-radius: 50px;
	vertical-align: top;
	padding-top: 5px;
	z-index: 1;
}

	.dropdown-content a {
		color: black;
		padding: 4px 3px;
		text-decoration: none;
		display: block;
	}
		.dropdown-content a:hover {
			color: var(--red);
		}

.dropdown:hover .dropdown-content {
	display: block;
}

.dropdown:hover .dropbtn {
	background-color: transparent;
}