/*Colours: 102230, 1A374D, 406882, 6998AB, B1D0E0 (Light text: 9ca3af)*/

*                                           {margin:0; padding:0;}
html                                        {scroll-behavior: smooth;}
body                                        {opacity: 0;transition: opacity 1.5s;font-family: Arial, Helvetica, sans-serif; color:#1A374D; text-align:center; min-height:; line-height: 1.5em; font-size:16px} 
a                                           {color:#102230; text-decoration: none;}

.cookiewarning                              {color:black; position: fixed;bottom: 0;left:0; right:0; width: auto; min-height:25px; padding: 20px; background-color: rgba(255, 255, 255, 0.75); z-index:1; opacity:1; box-shadow: rgb(0 0 0 / 90%) 0rem 1.25rem 2.5rem 0rem; backdrop-filter: saturate(200%) blur(5px);                                         }
.cookiewarning a                            {color:black; text-decoration: underline;}
.cookiewarning .ctabutton                   {position:absolute; right:0; margin:0 10px 10px 0; bottom:0; border:0px solid white; padding:10px; width:auto;  transition: background-color 0.3s linear, color 0.3s linear; border-radius: 5px; text-align:center;}


/* FORM FIELDS */
input[Type="text"]                          {border:1px solid silver; width:100%; margin: 10px 0 10px 0; padding:20px; box-sizing:border-box; font-size:20px; font-family:inherit;}
input[Type="email"]                         {border:1px solid silver; width:100%; margin: 10px 0 10px 0; padding:20px; box-sizing:border-box; font-size:20px; font-family:inherit;}
input[Type="password"]                      {border:1px solid silver; width:100%; margin: 10px 0 10px 0; padding:20px; box-sizing:border-box; font-size:20px; font-family:inherit;}
input[Type="number"]                        {border:1px solid silver; width:100%; margin: 10px 0 10px 0; padding:20px; box-sizing:border-box; font-size:20px; font-family:inherit;}
input[Type="submit"]                        {width:auto; margin: 10px 0 10px 0; padding:10px 20px 10px 20px; box-sizing:border-box; font-size:16px; font-family:inherit; border:1px solid #1A374D; transition: background-color 0.3s linear, color 0.3s linear; border-radius: 5px;}
input[Type="submit"]:hover                  {cursor:pointer}
input[Type="button"]                        {width:auto; margin: 10px 0 10px 0; padding:10px 20px 10px 20px; box-sizing:border-box; font-size:16px; font-family:inherit; border:1px solid #1A374D; transition: background-color 0.3s linear, color 0.3s linear; border-radius: 5px;}
input[Type="button"]:hover                  {cursor:pointer}
select                                      {border:1px solid silver; width:100%; margin: 10px 0 10px 0; padding:20px; box-sizing:border-box; font-size:20px; font-family:inherit;}
textarea                                    {border:1px solid silver; width:100%; margin: 10px 0 10px 0; padding:20px; box-sizing:border-box; font-size:20px; font-family:inherit;}
.onoffswitchhoriz                           {height:30px; width:50px; cursor:pointer;}

/* CUSTOM CHECK BOX */
.checkbox                                   {display: inline-flex; cursor: pointer; position: relative;}
.checkbox > span                            {color: #102230; padding: 0 0 0 5px}
.checkbox > input                           {height: 20px;width: 20px;-webkit-appearance: none;-moz-appearance: none;-o-appearance: none;appearance: none;border: 1px solid silver;border-radius: 0px;outline: none;transition-duration: 0.3s;background-color: transparent;cursor: pointer;}
.checkbox > input:checked                   {border: 1px solid silver ;background-color: transparent;}
.checkbox > input:checked + span::before    {content: '\2713';font-size:19px;font-weight:bold;display: block;text-align: center;color: #102230;position: absolute;left: 0.2rem;top: -0.1rem;}
.checkbox > input:active                    {border: 2px solid #34495E;}

/* BUTTONS */
.buttontranswhite                           {background-color:transparent; color:white; cursor:pointer;}
.buttontranswhite:hover                     {background-color:white; color: #102230; }
.buttontransblue                            {background-color:transparent; color:#102230; cursor:pointer;}
.buttontransblue:hover                      {background-color:#406882; color: white; }
.buttonblueblue                             {background-color:#1A374D; color:white; cursor:pointer;}
.buttonblueblue:hover                       {background-color:#406882; color: white; }

.banner_error                               {width:100%; background-color:darkred; color:white; padding:20px; box-sizing: border-box; display:none;}

#alertbg					                {font-size:15px; position: fixed;left: 0px;top: 0px; z-index:1000; background-color:rgba(0, 0, 0, 0.7); width:100%; height:100%; border:0px red solid; text-align:center;}
#alertbox_yn				                {position: fixed;left: auto; top:50px; width:75%; background-color:white; border:1px solid black; border-radius:10px; }
#alertboxtitle_yn			                {border:0px red solid; font-weight:bold; text-align:center; padding:20px 20px 10px 20px;}
#alertboxmessage_yn			                {border:0px green solid; text-align:center;padding:10px 20px 20px 20px;}
#alertboxbuttons_yn			                {border-top:1px silver solid;}
#alertbox_yn td				                {text-align:center;}
#alertbox_yn .leftbutton	                {border-right:1px solid silver; cursor:pointer; padding:20px;}
#alertbox_yn .rightbutton	                {cursor:pointer; padding:20px;}
#alertbox_generalinfo				        {position: fixed;left: auto; top:50px; max-height:calc(90vh - 50px); overflow-y:auto; width:75%; background-color:white; border:1px solid black; border-radius:10px; }
#alertboxtitle_generalinfo			        {border:0px red solid; font-weight:bold; text-align:center; padding:20px 20px 10px 20px;}
#alertboxmessage_generalinfo                {border:0px green solid; text-align:center;padding:10px 20px 20px 20px; }
#alertboxbuttons_generalinfo		        {border-top:1px silver solid;}
#alertbox_generalinfo td			        {text-align:center;}
#alertbox_generalinfo .leftbutton	        {border-right:1px solid silver; cursor:pointer; padding:20px;}
#alertbox_generalinfo .rightbutton	        {cursor:pointer; padding:20px;}

#alertbox_ync				    {position: fixed;left: auto; top:50px; width:75%; background-color:white; border:1px solid black; border-radius:10px; }
#alertboxtitle_ync			    {border:0px red solid; font-weight:bold; text-align:center; padding:20px 20px 10px 20px;}
#alertboxmessage_ync		    {border:0px green solid; text-align:center;padding:10px 20px 20px 20px;}
#alertboxbuttons_ync		    {border-top:1px silver solid;}
#alertbox_ync td			    {text-align:center;}
#alertbox_ync .leftbutton	    {border-right:1px solid silver; cursor:pointer; padding:20px;}
#alertbox_ync .midbutton	    {border-right:1px solid silver; cursor:pointer; padding:20px;}
#alertbox_ync .rightbutton	    {cursor:pointer; padding:20px;}
#alertboxmessage_generalinfo a      {text-decoration:underline;}

.divider                        {
                                    flex-shrink: 1;
                                    border-top: 0px solid rgba(0, 0, 0, 0.12);
                                    border-right: 0px solid rgba(0, 0, 0, 0.12);
                                    border-left: 0px solid rgba(0, 0, 0, 0.12);
                                    background-color: transparent;
                                    height: 0.0625rem;
                                    margin: 1rem 0px;
                                    border-bottom: none;
                                    opacity: 0.25;
                                    background-image: linear-gradient(to right, rgba(52, 71, 103, 0), rgba(52, 71, 103, 0.5), rgba(52, 71, 103, 0)) !important;
                                    width:100%

                                }

/*#####################################################################*/
/*# Mobile Styles (< 900 px screen width)                             #*/
/*#####################################################################*/
@media only screen and (max-width: 900px) 
{
textarea,
input[type="text"],
input[type="password"],
input[type="button"],
input[type="submit"]                        {-webkit-appearance: none;border-radius: 0;}
}