@font-face {
    font-family: "AmericanaExtraBold";
    src: url("/assets/font/americana-extrabold.ttf");
}

body {
	cursor:url('/assets/img/ee2cursorbydrmonalisa.png'), auto !important;
    
}



.button-md, .button-md:hover { 
	cursor:url('/assets/img/ee2cursorbydrmonalisa.png'), auto !important; 
}
.button-sm, .button-sm:hover { 
	cursor:url('/assets/img/ee2cursorbydrmonalisa.png'), auto !important; 
}
.button-deep-small, .button-deep-small:hover{ 
	cursor:url('/assets/img/ee2cursorbydrmonalisa.png'), auto !important; 
}

a { 
cursor:url('/assets/img/ee2cursorbydrmonalisaselect.png') 6 15, auto !important; 
}

a img{ 
cursor:url('/assets/img/ee2cursorbydrmonalisaselect.png') 6 15, auto !important;
}


a h4{ 
cursor:url('/assets/img/ee2cursorbydrmonalisaselect.png') 6 15, auto !important;
}



html {
    height: 100%;
    min-width: 100%;
}


body {
    color: rgba(230, 230, 230, 1);

    margin: 0px;
	/*margin: 0px;*/
    padding: 0;

    background: rgba(20, 12, 4, 1);

    font-family: Verdana,Geneva,sans-serif; 
    /*letter-spacing: -1pt;*/
    font-size: 16pt;
}

@media (max-width: 1250px) {
	/*fancy-box fix not needed if screen res > 1250*/
	body {
	color: rgba(230, 230, 230, 1);

    /*margin: 50px;*/
	
	/*10 since 31.05.2021 not to waste too much space on mobile devices*/
	margin: 10px;
	
	/*margin: 0px;*/
    padding: 0;

    background: rgba(20, 12, 4, 1);

    font-family: Verdana,Geneva,sans-serif; 
    /*letter-spacing: -1pt;*/
    font-size: 16pt;
	}
}

@media (max-width: 600px) {
	body {
	color: rgba(230, 230, 230, 1);

    margin: 0px;
	/*margin: 0px;*/
    padding: 0;

    background: rgba(20, 12, 4, 1);

    font-family: Verdana,Geneva,sans-serif; 
    /*letter-spacing: -1pt;*/
    font-size: 16pt;
	}
}

hr {
    border: 0;

    height: 8px;

    margin-top: 12px;
    margin-bottom: 12px;

    background-image: url('/assets/img/separator.png');
    background-size: 100% 100%;
}

body .container {
	letter-spacing: -1pt;
    margin-top: 60px;
    margin-bottom: 60px;
}

/** {
	-webkit-transform-style:preserve-3d;
    -moz-transform-style:preserve-3d;
    transform-style:preserve-3d;
	transform: translate3d(0, 0, 0);
}*/
/**{*/
	/*-webkit-transform-style:preserve-3d;
    -moz-transform-style:preserve-3d;
    transform-style:preserve-3d;
	transform: translate3d(0, 0, 0);*/
	

   /*-webkit-transform: translate3d(0, 0, 0);
   -moz-transform: translate3d(0, 0, 0);
   -ms-transform: translate3d(0, 0, 0);
   transform: translate3d(0, 0, 0);*/
   
  /* Other transform properties here */
   /*-webkit-transform: translateZ(0);
   -moz-transform: translateZ(0);
   -ms-transform: translateZ(0);
   -o-transform: translateZ(0);
   transform: translateZ(0);*/
   /* Other transform properties here */
   /*-webkit-backface-visibility: hidden;
   -moz-backface-visibility: hidden;
   -ms-backface-visibility: hidden;
   backface-visibility: hidden;

   -webkit-perspective: 1000;
   -moz-perspective: 1000;
   -ms-perspective: 1000;
   perspective: 1000;*/
/*}*/

.nocpu {
    transform: translateZ(0);
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
}

.backgroundNewTest {	
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    z-index: -1000;

    -webkit-filter: blur(10px);
    -moz-filter: blur(10px);
    -o-filter: blur(10px);
    -ms-filter: blur(10px);
    filter: blur(10px);
   
	transition: all 2s ease-in-out;
	-webkit-transition: all 2s ease-in-out;
	-ms-transition: all 2s ease-in-out;
	-o-transition: all 2s ease-in-out;
    
}
.background_1 { background-image: url(/assets/img/bkground1.jpg) }
.background_2 { background-image: url(/assets/img/bkground2.jpg) }
.background_3 { background-image: url(/assets/img/bkground3.jpg) }
.background_4 { background-image: url(/assets/img/bkground4.jpg) }
.background_5 { background-image: url(/assets/img/bkground5.jpg) }
.background_6 { background-image: url(/assets/img/bkground6.jpg) }
.background_7 { background-image: url(/assets/img/bkground7.jpg) }
.background_8 { background-image: url(/assets/img/bkground8.jpg) }
.background_9 { background-image: url(/assets/img/bkground9.jpg) }
.background_10 { background-image: url(/assets/img/bkground10.jpg) }
.background_11 { background-image: url(/assets/img/bkground11.jpg) }
.background_12 { background-image: url(/assets/img/bkground12.jpg) }
.background_13 { background-image: url(/assets/img/bkground13.jpg) }
.background_14 { background-image: url(/assets/img/bkground14.jpg) }


.backgroundCanvas {
	
	filter: blur(10px);
    -webkit-filter: blur(10px);
    -moz-filter: blur(10px);
    -o-filter: blur(10px);
    -ms-filter: blur(10px);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;

    position: fixed;

    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;

    z-index: -1000;

}

#monabackgroundpreload {
	display: none;
}

.background-layer {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1000;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    filter: blur(10px);
    transform: translate3d(0, 0, 0);
    -webkit-backface-visibility: hidden;
    opacity: 0;
    transition: opacity 2s ease-in-out;
}

.background-layer.active {
    opacity: 1;
}

@media (max-width: 768px) {
    .background-layer {
        transition: none !important;
    }
}

#monabackground {
	/*background-image: url("/assets/img/bkground1.jpg");*/
	
	filter: blur(10px);
    -webkit-filter: blur(10px);
    -moz-filter: blur(10px);
    -o-filter: blur(10px);
    -ms-filter: blur(10px);
	
	transform: translate3d(0, 0, 0);
	
	
	-webkit-backface-visibility: hidden;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;

    position: fixed;

    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;

    z-index: -1000;

	-webkit-transition: background-image 2s ease-in-out;
    transition: background-image 2s ease-in-out;

    /*display: none;*/

}

.background {
	-webkit-transform: translate3d(0, 0, 0);
   -moz-transform: translate3d(0, 0, 0);
   -ms-transform: translate3d(0, 0, 0);
   transform: translate3d(0, 0, 0);
	
	filter: blur(10px);
    -webkit-filter: blur(10px);
    -moz-filter: blur(10px);
    -o-filter: blur(10px);
    -ms-filter: blur(10px);
	
	/*transform: translate3d(0, 0, 0);*/
	
	
	/*-webkit-backface-visibility: hidden;*/
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;

    position: fixed;

    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;

    z-index: -1000;
    display: none;

}

#monabackgroundnoeffects {
	/*background-image: url("/assets/img/bkground1.jpg");*/
	
	filter: blur(10px);
    -webkit-filter: blur(10px);
    -moz-filter: blur(10px);
    -o-filter: blur(10px);
    -ms-filter: blur(10px);
	
	/*transform: translate3d(0, 0, 0);*/
	
	
	/*-webkit-backface-visibility: hidden;*/
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;

    position: fixed;

    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;

    z-index: -1000;

	/*-webkit-transition: background-image 2s ease-in-out;
    transition: background-image 2s ease-in-out;*/

    /*display: none;*/

}

.backgroundnoeffects {
	-webkit-transform: translate3d(0, 0, 0);
   -moz-transform: translate3d(0, 0, 0);
   -ms-transform: translate3d(0, 0, 0);
   transform: translate3d(0, 0, 0);
	
	filter: blur(10px);
    -webkit-filter: blur(10px);
    -moz-filter: blur(10px);
    -o-filter: blur(10px);
    -ms-filter: blur(10px);
	
	/*transform: translate3d(0, 0, 0);*/
	
	
	/*-webkit-backface-visibility: hidden;*/
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;

    position: fixed;

    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;

    z-index: -1000;
    display: none;

}

.panel_old {
    position: relative;

    background-image: url('/assets/img/panel_background.png');
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;

    padding: 12px;

    overflow: visible;

    text-shadow: 2px 2px 1px rgba(0, 0, 0, 0.2);
}

.panel {
    position: relative;

    background-image: url('/assets/img/panel_background.png');
    background-repeat: repeat; /* Repeat the background image */
    background-position: center center;
    background-size: 100% auto;

    padding: 12px;

    overflow: visible;

    text-shadow: 2px 2px 1px rgba(0, 0, 0, 0.2);
}

.panelnew {
    position: relative;

    background-image: url('/assets/img/ui_fe_bkg_parch_bottom_mid.png');
    background-repeat: repeat;
    background-position: center center;

    padding: 12px;

    overflow: visible;

    text-shadow: 2px 2px 1px rgba(0, 0, 0, 0.2);
}

.panel .panel-body .section {
    margin: 12px;

    padding: 8px;
    padding-left: 16px;
    padding-right: 16px;
}

.panel .panel-body .section .block {
    overflow: auto;

    margin: 16px;
    padding: 0px;
}


.panel .panel-body .section.deepbig {
	letter-spacing: -1pt;
    background-image: url('/assets/img/subpanel_background.png');
    background-repeat: repeat;
    background-position: center center;

    color: black;

    border-top: 3px solid #644C26;
    border-left: 3px solid #644C26;
    border-right: 3px solid #E6CC96;
    border-bottom: 3px solid #E6CC96;

}

.panel .panel-body .section.deepbignew {
	letter-spacing: -1pt;
    background-image: url('/assets/img/subpanel_background_nowhite.png');
    background-repeat: repeat;
    background-position: center center;
    color: black;
    border-top: 3px solid #644C26;
    border-left: 3px solid #644C26;
    border-right: 3px solid #E6CC96;
    border-bottom: 3px solid #E6CC96;
}



.panel_old .panel-body_old .section.deep_old {
	letter-spacing: -1pt;
    background-image: url('/assets/img/subpanel_background.png');
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;

    color: black;

    border-top: 3px solid #644C26;
    border-left: 3px solid #644C26;
    border-right: 3px solid #E6CC96;
    border-bottom: 3px solid #E6CC96;

}

.panel .panel-body .section.deep {
    letter-spacing: -1pt;

    background-image: url('/assets/img/subpanel_background.png');
    background-repeat: repeat; /* Repeat the background image vertically */
    background-position: center top;
    background-size: 100% auto; /* Set the image width to 100% of the element width and maintain aspect ratio */

    color: black;

    border-top: 3px solid #644C26;
    border-left: 3px solid #644C26;
    border-right: 3px solid #E6CC96;
    border-bottom: 3px solid #E6CC96;
}

.panel .panel-body .section.paper {
	letter-spacing: -1pt;
    background-image: url('/assets/img/subpanel_background_paper.png');
    background-repeat: repeat;
    background-position: center center;

    color: rgba(60, 41, 42, 1);

    border-top: 2px solid #9D773B;
    border-left: 2px solid #9D773B;
    border-right: 4px solid #644C26;
    border-bottom: 4px solid #644C26;

}

.panelborder { z-index: 99; position: absolute; }
.screenborder { position: fixed; }

.panelborder.t { background-image: url("/assets/img/panel_border_top.png"); top: 0; width: 100%; height: 12px; }
.panelborder.b { background-image: url("/assets/img/panel_border_bottom.png");bottom: 0; width: 100%; height: 12px; }
.panelborder.l { background-image: url("/assets/img/panel_border_left.png"); top: 0; left: 0; height: 100%; width: 12px; }
.panelborder.r { background-image: url("/assets/img/panel_border_right.png"); top: 0; right: 0; height: 100%; width: 12px; }
.panelborder.tl { left: 0; top: 0; width: 12px; height: 12px; }
.panelborder.tr { right: 0; top: 0; width: 12px; height: 12px; }
.panelborder.bl { left: 0; bottom: 0; width: 12px; height: 12px; }
.panelborder.br { right: 0; bottom: 0; width: 12px; height: 12px; }
.screenborder.t { background-image: url("/assets/img/screen_border_top.png"); left: 0; top: 0; width: 100%; height: 13px; z-index: 9999; }
.screenborder.b { background-image: url("/assets/img/screen_border_bottom.png"); left: 0; bottom: 0; width: 100%; height: 13px; z-index: 9999; }
.screenborder.l { background-image: url("/assets/img/screen_border_left.png"); left: 0; top: 0; height: 100%; width: 13px; z-index: 9999; }
.screenborder.r { background-image: url("/assets/img/screen_border_right.png"); right: 0; top: 0; height: 100%; width: 13px; z-index: 9999; }
.screenborder.tl { left: 0; top: 0; width: 13px; height: 13px; z-index: 9999; }
.screenborder.tr { right: 0; top: 0; width: 13px; height: 13px; z-index: 9999; }
.screenborder.bl { left: 0; bottom: 0; width: 13px; height: 13px; z-index: 9999; }
.screenborder.br { right: 0; bottom: 0; width: 13px; height: 13px; z-index: 9999; }

.disable-selection {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.button-lg, .button-sm, .button-md, .button-deep-big, .button-deep-small {
    border: 0px;
    outline: 0px;

    text-decoration: none;

    display: inline-block;

    color: black;

    text-align: center;

    background-color: transparent;
    background-image: url('/assets/img/menu_button.png');
    background-repeat: no-repeat;
    background-size: 100% 100%;

    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.button-lg {
    background-image: url('/assets/img/menu_button.png');

    line-height: 70px;
    min-height: 70px;
    min-width: 100px;

    font-size: 16pt;
}

.button-lg:hover {
    background-image: url('/assets/img/menu_button_hover.png');
}

.button-lg:active, .button-md.selected {
    background-image: url('/assets/img/menu_button_selected.png') !important;
}

.button-md {
    background-image: url('/assets/img/menu_button.png');

    line-height: 50px;
    min-height: 50px;
    min-width: 100px;

    font-size: 16pt;
}

.button-md:hover {
    background-image: url('/assets/img/menu_button_hover.png');
}

.button-md:active, .button-md.selected {
    background-image: url('/assets/img/menu_button_selected.png') !important;
}

.button-sm {
    background-image: url('/assets/img/menu_button.png');

    line-height: 30px;
    min-height: 30px;
    min-width: 30px;

    font-size: 13pt;
}

.button-sm:hover {
    background-image: url('/assets/img/menu_button_hover.png');
}

.button-sm:active, .button-md.selected {
    background-image: url('/assets/img/menu_button_selected.png') !important;
}

.button-deep-big {
    background-image: url('/assets/img/button_big.png');

    line-height: 80px;
    height: 80px;
    width: 300px;

    font-size: 22pt;
}

.button-deep-big:hover {
    background-image: url('/assets/img/button_big_hover.png');
}

.button-deep-big:active, .button-deep-big.selected {
    -ms-transform: scale(0.95);
    -webkit-transform: scale(0.95);
    transform: scale(0.95);

    background-image: url('/assets/img/button_big_hover.png') !important;
}


.button-deep-small {
    background-image: url('/assets/img/button_big.png');

    line-height: 40px;
    height: 40px;
    width: 150px;

    font-size: 14pt;
}

.button-deep-small:hover {
    background-image: url('/assets/img/button_big_hover.png');
}

.button-deep-small:active, .button-deep-small.selected {
    -ms-transform: scale(0.95);
    -webkit-transform: scale(0.95);
    transform: scale(0.95);

    background-image: url('/assets/img/button_big_hover.png') !important;
}

h1, h2, h3, h4, h5, h6 {
    display: block;
    font-weight: bold;
    letter-spacing: 1pt;

    font-family: Georgia,Times,Times New Roman,serif; 

    margin: 0px;
}

h1.banner, h2.banner, h3.banner, h4.banner, h5.banner, h6.banner {
    color: rgba(251, 208, 147, 1);
    background-color: #731A12;

    text-transform: uppercase;

    text-shadow: 4px 4px 2px rgba(0, 0, 0, 0.5);
    -webkit-box-shadow: 2px 3px 3px 3px rgba(0, 0, 0, 0.5);
    box-shadow: 2px 3px 3px 3px rgba(0, 0, 0, 0.5);

    margin: 0px;
    padding: 4px;
    padding-left: 16px;
}

.section h1, .section h2, .section h3, .section h4, .section h5, .section h6 {
    text-shadow: 4px 4px 2px rgba(0, 0, 0, 0.2);
}


.section h1.red, .section h2.red, .section h3.red, .section h4.red, .section h5.red, .section h6.red {
    position: relative;

    color: rgba(251, 208, 147, 1);
    background-color: #731A12;

    display: inline-block;

    text-shadow: 4px 4px 2px rgba(0, 0, 0, 0.5);
    -webkit-box-shadow: 2px 3px 3px 3px rgba(0, 0, 0, 0.5);
    box-shadow: 2px 3px 3px 3px rgba(0, 0, 0, 0.5);

    margin-left: -24px;

    padding: 2px;
    padding-left: 32px;
    padding-right: 16px;
}

.section h1.paper, .section h2.paper, .section h3.paper, .section h4.paper, .section h5.paper, .section h6.paper {
	letter-spacing: -1pt;
    color: rgba(251, 208, 147, 1);
    background-color: #731A12;

    display: inline-block;

    text-shadow: 4px 4px 2px rgba(0, 0, 0, 0.5);
    -webkit-box-shadow: 2px 3px 3px 3px rgba(0, 0, 0, 0.5);
    box-shadow: 2px 3px 3px 3px rgba(0, 0, 0, 0.5);

    margin-left: --24px;

    padding: 2px;
    padding-left: 32px;
    padding-right: 16px;
}

/*h1 { font-size: 24pt; }*/
h1 { font-size: 18pt; }
h2 { font-size: 20pt; }
h3 { font-size: 18pt; }
h4 { font-size: 16pt; }
h5 { font-size: 14pt; }
h6 { font-size: 12pt; }

img.hover, hr {
    box-shadow: 2px 2px 4px 2px rgba(0, 0, 0, 0.5);
}

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
    color: rgba(251, 208, 147, 1);
	border-bottom: 1px dotted rgba(251, 208, 147, 1);
	text-decoration: none;
}

a, a, a, a, a, a {
    color: rgba(60, 41, 42, 1);
	border-bottom: 1px dotted rgba(60, 41, 42, 1);
	text-decoration: none;
}

.DonButton{
	max-width: 768px !important;
	height: 82px !important;
	display: inline-block;
	
}
.DonInfo{
	max-width: 500px !important;
	min-height: 82px !important;
	/*display: inline-block;*/
	display: none;
	
}
.DonButtons{
	
	/*width: 600px !important;
	height: 72px !important;*/
}

::-webkit-scrollbar {
    /*width: 20px;
    height: 5px;*/
     background-image: url('/assets/img/panel_background.jpg');
	  background-repeat: no-repeat;
	  background-size: cover;
}
::-webkit-scrollbar:hover {
    /*width: 7px;*/
}

::-webkit-scrollbar-thumb {
    background-repeat: no-repeat;
	  background-size: 100% 100%;
    background-image: url('/assets/img/dropdown_button_rotated.png');
}

::-webkit-scrollbar-thumb:hover,
::-webkit-scrollbar-thumb:active  {
    background-repeat: no-repeat;
	background-size:  100% 100%;
	
    background-image: url('/assets/img/dropdown_button_highlighted_rotated.png');
}

::-webkit-scrollbar-button:horizontal:increment {
	background-repeat: no-repeat;
    background-image: url('/assets/img/dropdown_button_icon_right.png');
}

::-webkit-scrollbar-button:horizontal:decrement {
	background-repeat: no-repeat;
    background-image: url('/assets/img/dropdown_button_icon_left.png');
}

::-webkit-scrollbar-button:vertical:increment {
	background-repeat: no-repeat;
	background-position: -4px 0px;
    background-image: url('/assets/img/dropdown_button_icon_down.png');
}

::-webkit-scrollbar-button:vertical:decrement {
   background-repeat: no-repeat;
    background-position: -6px 0px;
   background-image: url('/assets/img/dropdown_button_icon_up.png');
}

.navbar {
        background-image: url('/assets/img/mapsilk.jpg');
        background-repeat: no-repeat;
        background-position: center center;
        background-size: cover;

        margin-bottom: 0px;
        padding-bottom: 0px;
    }

.navbar .agesbar {
	height: 55px;
	background-image: url('/assets/img/doubleagesbar.jpg');
	background-repeat: repeat-y;
	background-position: center center;
	background-size: cover;
	
	width: 2446px;
	will-change: transform;
	-webkit-animation: agesTicker 120s linear infinite;
	animation: agesTicker 120s linear infinite;
}

.agesbardisabled {
	height: 55px;
	background-image: url('/assets/img/doubleagesbar.jpg');
	background-repeat: repeat-y;
	background-position: center center;
	background-size: cover;
	
	width: 2446px;
}

	@-webkit-keyframes agesTicker {
		from {transform: translate(0px,0px);}
		to {transform: translate(-1223px,0px);}
		}       
		@keyframes agesTicker {
			from {transform: translate(0px,0px);}
			to {transform: translate(-1223px,0px);}
		}

		.navbar .logoholder {
			position: relative;

					widows: 100%;
					min-height: 140px;
					overflow: auto;
				}

		.navbar .choices {
			margin-left: 20px;
			float: left;

			text-align: center;
		}
		
		.navbar .choices2 {
			float: left;
			text-align: center;
		}

		.navbar .logoholder .logotext {
			float: left;
			height: 100px;
		}
		
		.navbar .logoholder {
			 overflow: hidden;
		}

		.navbar .logoholder .logo {
			float: left;
			height: 140px;
         }
		 
		 .logo {
			pointer-events: none;
		 }
		 /*@media (max-width: 1258px) {
         .navbar .logoholder .logo {
			float: left;
			height: 130px;
		 }
        }
		@media (max-width: 1237px) {
         .navbar .logoholder .logo {
			float: left;
			height: 120px;
		 }
        }
		@media (max-width: 1216px) {
         .navbar .logoholder .logo {
			float: left;
			height: 110px;
		 }
        }
		@media (max-width: 1196px) {
         .navbar .logoholder .logo {
			float: left;
			height: 100px;
		 }
        }
		@media (max-width: 1175px) {
         .navbar .logoholder .logo {
			float: left;
			height: 90px;
		 }
        }*/
		

		
.yttubediv {
max-width: 25%;
display: inline-block;
vertical-align:top;
margin-bottom: 10px;
}

.youtubtitle {
margin-top: -2px;
margin-right: 10%;
font-size: 16px;
}

@media (max-width: 760px) {
	.youtubtitle {
	margin-top: -2px;
margin-right: 5%;
font-size: 14px;
	}
}
@media (max-width: 500px) {
	.youtubtitle {
	margin-top: -2px;
margin-right: 5%;
font-size: 12px;
	}
}

.yttube {
position: top center;
width: 90%;
}

.scnshotdiv45 {
max-width: 44%;
display: inline-block;
vertical-align:top;
margin-bottom: 5px;
}

.scnsht45 {
position: top center;
max-width: 100%;
max-height: 290;
width: auto;
height: auto;
}

.scnshotdiv50 {
max-width: 49%;
display: inline-block;
vertical-align:top;
margin-bottom: 5px;
}

.scnsht50 {
position: top center;
max-width: 100%;
max-height: 290;
width: auto;
height: auto;
}

.scnshotdiv20 {
max-width: 19%;
display: inline-block;
vertical-align:top;
margin-bottom: 5px;
}

.scnsht20 {
position: top center;
max-width: 100%;
max-height: 290;
width: auto;
height: auto;
}

.scnshotdiv25 {
max-width: 24%;
display: inline-block;
vertical-align:top;
margin-bottom: 5px;
}

.scnsht25 {
position: top center;
max-width: 100%;
max-height: 290;
width: auto;
height: auto;
}

.scnshotdiv {
max-width: 50%;
display: inline-block;
vertical-align:top;
margin-bottom: 5px;
}

.scnsht {
position: top center;
max-width: 99%;
max-height: 290;
width: auto;
height: auto;
}


.stuff{
display: inline-block;
width: 450px;
}
.g-recaptcha{
display: inline-block;
}
.errorsfound{
font-weight: bold;
color: red;
}

.successfound{
font-weight: bold;
color: #00FF00;
}

.successfound2{
font-weight: bold;
color: green;
}

.beforeformtext {
color: #ffffff;
height: 30px;
margin-top: 7px;
text-align: right;
justify-content: center;
display: inline-block;
width: 180px;
}
.beforeformtext_dark {

height: 30px;
margin-top: 7px;
margin-bottom: 100px;
text-align: right;
justify-content: center;
display: inline-block;
width: 180px;
}

@media (max-width: 600px) {
    .beforeformtext {
        display: block;  /* Make it take full width */
        text-align: left; /* Align text to the left */
        width: auto; /* Let it span naturally */
        margin-bottom: 5px; /* Add spacing below */
    }
	.beforeformtext_dark {
        display: block;  /* Make it take full width */
        text-align: left; /* Align text to the left */
        width: auto; /* Let it span naturally */
        margin-bottom: 5px; /* Add spacing below */
    }

    .stuff {
        display: flex;
        flex-direction: column;
    }
}


.inputclass{
height: 30px;
width: 242px;
background-image: url('/assets/img/subpanel_background.png');
/*color: white;*/
font-size: 18px;
padding: 7px 7px 7px 7px;
justify-content: center;
box-sizing: border-box;
border-top: 3px solid #644C26;
border-left: 3px solid #644C26;
border-right: 3px solid #E6CC96;
border-bottom: 3px solid #E6CC96;
}
.inputclass:focus{
height: 30px;
background-image: url('/assets/img/subpanel_background.png');
/*color: white;*/
font-size: 18px;
padding: 7px 7px 7px 7px;
justify-content: center;
box-sizing: border-box;
border-top: 3px solid #644C26;
border-left: 3px solid #644C26;
border-right: 3px solid #E6CC96;
border-bottom: 3px solid #E6CC96;
}

.buttonclass{
width: 245px;
margin-top: 7px;
margin-left: 185px;
}
@media (max-width: 600px) {
    .buttonclass {
        margin-left: 0; /* Align properly on small screens */
        width: 245px;
        display: block; /* Ensure it’s centered */
        text-align: center;
    }
}

.buttonclassvoterestart{
/*position: absolute;*/
position: static;
width: 325px;
margin-top: 0px;
margin-left: 20px;
}

@media (max-width: 768px) {
  .buttonclassvoterestart{
	margin-left: 0px;
	margin-top: 10px;
  }
  
  .captcha-container {
    display: flex;
    flex-direction: column;
    align-items: center;
	margin-left: 0px;
  }
}

/* CSS for larger screens */
@media (min-width: 769px) {
  .captcha-container {
    display: flex;
    align-items: center;
  }
}

.blublt {
	color: yellow;
}
.changesfontsize {
	font-size: 20px;
}

.auto-resizable-iframe-30 {
  float: left;
  min-width: 30%;
  max-width: 30%;
  margin-right: 10px;
  margin-top: 5px;
}

.auto-resizable-iframe-30 > div {
  position: relative;
  padding-bottom: 56.25%;
  height: 0px;
}

.auto-resizable-iframe-30 iframe {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
}

.auto-resizable-iframe-100 {
  float: left;
  min-width: 100%;
  max-width: 100%;
  margin-right: 10px;
  margin-top: 5px;
}

.auto-resizable-iframe-100 > div {
  position: relative;
  padding-bottom: 56.25%;
  height: 0px;
}

.auto-resizable-iframe-100 iframe {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
}

.bluelink {
 color: blue;
}

.whitebluelink {
 color: #8acdff;
}

.isolated-container, .isolated-container * {
all: revert !important;
}

.isolated-container-alone {
all: revert !important;
}