@import url('https://fonts.googleapis.com/css?family=Lato|Source+Code+Pro');



:not(svg) > *
{
box-sizing: border-box;
color: inherit;
font-family: inherit;
font-size: inherit;
line-height: inherit;
}




html
{
font-family: Lato, arial, sans-serif;
font-size: 0.9rem;
line-height: normal;
}

body
{
background-color: #fbfbff;
zoom: 1.0;
}

@media only screen and (max-width: 1920px) { body { zoom: 1.0;        } } 
@media only screen and (max-width: 1600px) { body { zoom: 0.83333333; } }  
@media only screen and (max-width: 1280px) { body { zoom: 0.66666666; } }  
@media only screen and (max-width: 1024px) { body { zoom: 0.53333333; } }  
@media only screen and (max-width:  960px) { body { zoom: 0.5;        } }  
@media only screen and (max-width:  800px) { body { zoom: 0.41666666; } }  
@media only screen and (max-width:  720px) { body { zoom: 0.375;      } }  
@media only screen and (max-width:  640px) { body { zoom: 0.33333333; } }  
@media only screen and (max-width:  480px) { body { zoom: 0.25;       } }



a
{
color: #3a8be9;
text-decoration: none;
}

a:hover
{
text-decoration: underline;
}



a[target="_blank"]::after {
  content: " \2197";
}


pre
{
/*
font-family: monospace;
*/
white-space: pre;
}


fieldset
{
border: 1px solid #e2e5ef;
margin: 1rem auto;
}

fieldset > legend
{
border: 1px solid #e2e5ef;
font-size: 1.5rem;
padding: .25rem 2rem;
}

hr
{
background-color: #e2e5ef;
border: none;
display: block;
margin: .5rem auto;
padding: 0;
overflow: hidden;
height: 1px;
width: 100%;
}


select,
textarea,
input[type="date"],
input[type="datetime-local"],
input[type="email"],
input[type="number"],
input[type="password"],
input[type="tel"],
input[type="text"],
input[type="url"]
{
background-color: #ffffff;
border: 0;
border-radius: 4px;
color: black;
display: block;
margin: 0px;
padding: 5px;
width: 100%;

outline-offset: -1px;
outline: 2px solid #e7e7e7;

-webkit-outline-radius: 4px;
   -moz-outline-radius: 4px;
        outline-radius: 4px;
}

select option:disabled
{
text-decoration: line-through;
}

select:focus,
textarea:focus,
input[type="date"]:focus,
input[type="datetime-local"]:focus,
input[type="email"]:focus,
input[type="number"]:focus,
input[type="password"]:focus,
input[type="tel"]:focus,
input[type="text"]:focus,
input[type="url"]:focus
{
outline: 2px solid -webkit-focus-ring-color;
position: relative;
z-index: 1;
}

select:invalid,
textarea:invalid,
input[type="date"]:invalid,
input[type="datetime-local"]:invalid,
input[type="email"]:invalid,
input[type="number"]:invalid,
input[type="password"]:invalid,
input[type="tel"]:invalid,
input[type="text"]:invalid,
input[type="url"]:invalid
{
outline: 2px solid #ffc0c0;
}

input:read-only,
textarea:read-only
{
background-color: #fafafa;
color: #808080;
}

input:disabled,
textarea:disabled,
select:disabled
{
background-color: #eeeeee;
color: #808080;
}

select optgroup,
select option
{
color: #000000;
}

select option[value=""]
{
color: #A8A8A8;
}
