html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video
{ margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font-family: Arial, Helvetica, Verdana, sans-serif;
vertical-align: baseline; }


/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block; }

/* ol, ul */
ul { list-style: inside; }

ol { list-style: numbers; }

blockquote, q { quotes: none; }


blockquote:before, blockquote:after, q:before, q:after { content: '';
content: none; }


table { border-collapse: collapse;
border-spacing: 0; }


/*end reset*/

/* color palette */
.color-lightpurple { color: rgb(106,50,159)!important; }
.color-purple { color: rgb(82,32,129)!important; }
.color-darkpurple { color: rgb(28,3,51)!important; }
.color-lightblue { color: rgb(20, 164, 250)!important; }
.color-blue { color: rgb(0,132,255)!important; }
.color-darkblue { color: rgb(45,69,113)!important; }
.color-lightgreen { color: rgb(143,150,106)!important; }
.color-green { color: rgb(4,161,0)!important; }
.color-darkgreen { color: rgb(13,103,15)!important; }
.color-gray { color: rgb(165,167,166)!important; }
.color-red { color: rgb(251,56,38)!important; }
.color-tan { color: rgb(242,138,13)!important; }
.color-yellow { color: rgb(253,253,241)!important; }
.color-white { color: white !important; }
.color-black { color: black !important; }


.bg-lightpurple { background-color: rgb(106,50,159)!important; }
.bg-purple { background-color: rgb(82,32,129)!important; }
.bg-darkpurple { background-color: rgb(28,3,51)!important; }
.bg-lightblue { background-color: rgb(20, 164, 250)!important; }
.bg-blue { background-color: rgb(0,132,255)!important; }
.bg-darkblue { background-color: rgb(45,69,113)!important; }
.bg-lightgreen { background-color: rgb(143,150,106)!important; }
.bg-green { background-color: rgb(4,161,0)!important; }
.bg-darkgreen { background-color: rgb(13,103,15)!important; }
.bg-gray { background-color: rgb(165,167,166)!important; }
.bg-red { background-color: rgb(251,56,38)!important; }
.bg-tan { background-color: rgb(242,138,13)!important; }
.bg-yellow { background-color: rgb(253,253,241)!important; }
.bg-white { background-color: white !important; }
.bg-black { background-color: black !important; }

.good { font-weight: bold;
color: rgb(13,103,15); }

.error { font-weight: bolder;
color: rgb(251,56,38); }


/* Fill the screen */
* { padding: 0px;
margin: 0px; }

HTML { font-size: 100%;
overflow-y: scroll;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
height: 100%;
max-width: 100%;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
padding: 0px;
margin: 0px; }

body { height: 100%;
max-width: 100%;
background-color: white;
color: rgb(45,69,113);
padding-left: 10px;
padding-right: 10px; }

img, picture, video { max-width: 100%; }


hr { margin-bottom: 10px;
margin-top: 5px; }


ol { list-style: decimal;
margin: 0 0 18px 1.5em; }

ul { list-style: disc;
margin: 0 0 18px 1.5em; }

li { }

.main-body { max-width: 100%; }

.pagemain { min-width: 320px;
max-width: 100%; }

.b, b, strong { font-weight: bold; }

.bb { font-weight: bolder; }

.i, i, em { font-style: italic; }

p { margin-bottom: 30px;
margin-top: 20px; }

h1 { font-size: xx-large;
font-weight: bold; }

h2 { font-size: x-large;
font-weight: bold; }

h3 { font-size: large;
font-weight: bold; }

h3::first-letter { color: rgb(251,56,38); }

/* basic links */
A { text-decoration: underline;
color: rgb(13,103,15); }

A:Visited { text-decoration: underline;
color: rgb(13,103,15); }

A:Active { text-decoration: underline;
color: rgb(251,56,38); }

A:Hover { text-decoration: underline;
color: rgb(242,138,13); }


/* text */
.txt-no-decor {text-decoration: none; }

.txt-small { font-size: small; }

.txt-med { font-size: medium; }

.txt-large { font-size: large; }

.txt-larger { font-size: x-large; }

.txt-shadow { text-shadow: 1px 1px #000000; }

/* no underline */
.no-underline { text-decoration: none; }
.no-underline:Hover { text-decoration: none; }

/* Alignment */
.alignleft { float: left; }

.alignright { float: right; }

.aligncenter { margin-left: auto;
margin-right: auto;
text-align: center; }

.alignbottom { float: bottom; }

.aligntop { vertical-align: top; }

.center { text-align: center; }

.left { text-align: left;
margin-left: 0;
left: 0; }

.right { text-align: right;
margin-left: 0;
right: 0; }

.vert-top { vertical-align: top; }

.vert-center { display: table-cell;
vertical-align: middle; }

.vert-bottom { vertical-align: bottom; }

.inline { display: inline-block; }

.centered-box { display: table;
margin-left: auto;
margin-right: auto;
border: none; }


/*header*/
.header { margin: auto;
display: block; }


/* tables */
.table-locked-head { position: sticky;
top: 110px;
background-color: white;
z-index: 2;
border: 1px solid gray; }

.table-header { position: fixed;
width: 100%;
top: 0;
height: 104px;
border-bottom: 1px solid black;
display: table;
box-shadow: 0px 3px 5px; }

.table-center { margin-left: auto;
margin-right: auto; }

.table-border table, .table-border tr, .table-border td, .table-border th { margin: 3px;
border-width: 1px;
border-color: gray;
border-style: solid;
padding: 3px; }

/* make table rows alternate colors to make easier reading  */
.table-action { }

.table-action tr:nth-child(even) { background-color: #f2f2f2; }

.table-action tr:hover { background-color: #ddd; }

.table-round { }

/* top-left border-radius */
.table-round tr:first-child th:first-child { border-top-left-radius: 9px; }

/* top-right border-radius */
.table-round tr:first-child th:last-child { border-top-right-radius: 9px; }

/* bottom-left border-radius */
.table-round tr:last-child td:first-child { border-bottom-left-radius: 9px; }

/* bottom-right border-radius */
.table-round tr:last-child td:last-child { border-bottom-right-radius: 9px; }

.table-scrollable { display:block; }

.table-scrollable tbody { display:block;
overflow: auto; }


/* z axis */
.z2 { z-index: 2; }

.z1 { z-index: 1; }

.z-back { z-index: -1; }



/* top navbar */

/* Add a black background color to the top navigation */
.topnav { overflow: hidden;
background-color: rgb(82,32,129); }
/* 45,69,113 */

.topnav a { float: left;
display: block;
color: #f2f2f2;
text-align: center;
padding: 14px 16px;
text-decoration: none;
font-size: 17px; }

/*
.active { background-color: #04AA6D;
color: white; }
*/
.topnav .icon { display: none; }

.topnav a:hover, .dropdown:hover .dropbtn { background-color: #555;
color: white; }

.dropdown { float: left;
overflow: hidden; }

.dropdown .dropbtn { font-size: 17px;
border: none;
outline: none;
color: white;
padding: 14px 16px;
background-color: inherit;
font-family: inherit;
margin: 0; }

.dropdown-content { display: none;
position: absolute;
background-color: #f9f9f9;
min-width: 160px;
box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
z-index: 1; }

.dropdown-content a { float: none;
color: black;
padding: 12px 16px;
text-decoration: none;
display: block;
text-align: left; }

.dropdown-content a:hover { background-color: #ddd;
color: black; }

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

@media screen and (max-width: 600px) {
.topnav a:not(:first-child), .dropdown .dropbtn { display: none; }

.topnav a.icon { float: left;
display: block; }
}

@media screen and (max-width: 600px) {
.topnav.responsive { position: relative; }

.topnav.responsive .icon { position: absolute;
right: 0;
top: 0; }

.topnav.responsive a { float: none;
display: block;
text-align: left; }

.topnav.responsive .dropdown { float: none; }

.topnav.responsive .dropdown-content { position: relative; }

.topnav.responsive .dropdown .dropbtn { display: block;
width: 100%;
text-align: left; }
}


/* widths */
.wide5p { width: 5%; }
.wide10p { width: 10%; }
.wide15p { width: 15%; }
.wide20p { width: 20%; }
.wide25p { width: 25%; }
.wide30p { width: 30%; }
.wide1-3p { width: 33%; }
.wide35p { width: 35%; }
.wide40p { width: 40%; }
.wide45p { width: 45%; }
.wide50p { width: 50%; }
.wide55p { width: 55%; }
.wide60p { width: 60%; }
.wide65p { width: 65%; }
.wide2-3p { width: 66.67%; }
.wide70p { width: 70%; }
.wide75p { width: 75%; }
.wide80p { width: 80%; }
.wide85p { width: 85%; }
.wide90p { width: 90%; }
.wide95p { width: 95%; }
.wide100p { width: 100%; }
.wide5 { width: 5px; }
.wide10 { width: 10px; }
.wide15 { width: 15px; }
.wide20 { width: 20px; }
.wide25 { width: 25px; }
.wide30 { width: 30px; }
.wide1-3 { width: 33px; }
.wide35 { width: 35px; }
.wide40 { width: 40px; }
.wide45 { width: 45px; }
.wide50 { width: 50px; }
.wide55 { width: 55px; }
.wide60 { width: 60px; }
.wide65 { width: 65px; }
.wide2-3 { width: 66.67px; }
.wide70 { width: 70px; }
.wide75 { width: 75px; }
.wide80 { width: 80px; }
.wide85 { width: 85px; }
.wide90 { width: 90px; }
.wide95 { width: 95px; }
.wide100 { width: 100px; }


/* forms */
fieldset {
display: block;
border: 2px groove;
padding-top: 0.35em;
padding-bottom: 0.625em;
padding-left: 0.75em;
padding-right: 0.75em;
width: 25%; }

[type="text"], [type="password"], [type="date"], [type="datetime"], [type="datetime-local"], [type="month"], [type="week"], [type="email"], 
[type="number"], [type="search"], [type="tel"], [type="time"], [type="url"], [type="color"], [type="select"], select, textarea {
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-khtml-border-radius: 5px;
border-radius: 5px;
padding: 2px; }

/* Main form button */
input[type="submit"], [type="button"], [type="reset"], .button {
text-decoration: none !important;
color: #FFFFFF !important;
border-style: outset !important;
border-color: rgb(45,69,113) !important;
background-color: rgb(45,69,113) !important;
padding: 2px 5px 2px 5px !important;
-moz-border-radius: 10px !important;
-webkit-border-radius: 10px !important;
-khtml-border-radius: 10px !important;
border-radius: 10px !important;
text-shadow: -1px -1px #000000 !important;
box-shadow: 1px 1px gray !important;
font-size: 105% !important;
font-weight: bold !important; }

input[type="submit"]:active, [type="button"]:active, [type="reset"]:active, .button:active {
position: relative !important;
right: -2px !important;
bottom: -2px !important;
border-style: inset !important;
box-shadow: none !important; }

legend { font-weight: bold; }

.form-label { display: inline-block;
width: 250px;
text-align: right;
font-weight: bold; }

.form-line { box-sizing: border-box;
padding-top: 10px; }


.form-wysiwyg { display: inline-block; }

/* formtip */
.formtip { position: relative;
display: inline;
border-bottom: 1px dotted black; }

.formtip .formtiptext { visibility: hidden;
width: 120px;
background-color: black;
color: #fff;
text-align: center;
border-radius: 6px;
padding: 5px 0;
position: absolute;
z-index: 1;
bottom: 150%;
left: 50%;
margin-left: -10px; }

.formtip .formtiptext::after { content: "";
position: absolute;
top: 100%;
left: 10%;
margin-left: -5px;
border-width: 5px;
border-style: solid;
border-color: black transparent transparent transparent; }

.formtip:hover .formtiptext { visibility: visible; }

/* form locking */
form.is-submitting::before {
 position: absolute;
content: '';
top: -0.5em;
right: -0.5em;
left: -0.5em;
bottom: -0.5em;
background: rgba(0,0,0,0.2) url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJubyI/Pgo8IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPgo8c3ZnIHdpZHRoPSI0MHB4IiBoZWlnaHQ9IjQwcHgiIHZpZXdCb3g9IjAgMCA0MCA0MCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4bWw6c3BhY2U9InByZXNlcnZlIiBzdHlsZT0iZmlsbC1ydWxlOmV2ZW5vZGQ7Y2xpcC1ydWxlOmV2ZW5vZGQ7c3Ryb2tlLWxpbmVqb2luOnJvdW5kO3N0cm9rZS1taXRlcmxpbWl0OjEuNDE0MjE7IiB4PSIwcHgiIHk9IjBweCI+CiAgICA8ZGVmcz4KICAgICAgICA8c3R5bGUgdHlwZT0idGV4dC9jc3MiPjwhW0NEQVRBWwogICAgICAgICAgICBALXdlYmtpdC1rZXlmcmFtZXMgc3BpbiB7CiAgICAgICAgICAgICAgZnJvbSB7CiAgICAgICAgICAgICAgICAtd2Via2l0LXRyYW5zZm9ybTogcm90YXRlKDBkZWcpCiAgICAgICAgICAgICAgfQogICAgICAgICAgICAgIHRvIHsKICAgICAgICAgICAgICAgIC13ZWJraXQtdHJhbnNmb3JtOiByb3RhdGUoLTM1OWRlZykKICAgICAgICAgICAgICB9CiAgICAgICAgICAgIH0KICAgICAgICAgICAgQGtleWZyYW1lcyBzcGluIHsKICAgICAgICAgICAgICBmcm9tIHsKICAgICAgICAgICAgICAgIHRyYW5zZm9ybTogcm90YXRlKDBkZWcpCiAgICAgICAgICAgICAgfQogICAgICAgICAgICAgIHRvIHsKICAgICAgICAgICAgICAgIHRyYW5zZm9ybTogcm90YXRlKC0zNTlkZWcpCiAgICAgICAgICAgICAgfQogICAgICAgICAgICB9CiAgICAgICAgICAgIHN2ZyB7CiAgICAgICAgICAgICAgICAtd2Via2l0LXRyYW5zZm9ybS1vcmlnaW46IDUwJSA1MCU7CiAgICAgICAgICAgICAgICAtd2Via2l0LWFuaW1hdGlvbjogc3BpbiAxLjVzIGxpbmVhciBpbmZpbml0ZTsKICAgICAgICAgICAgICAgIC13ZWJraXQtYmFja2ZhY2UtdmlzaWJpbGl0eTogaGlkZGVuOwogICAgICAgICAgICAgICAgYW5pbWF0aW9uOiBzcGluIDEuNXMgbGluZWFyIGluZmluaXRlOwogICAgICAgICAgICB9CiAgICAgICAgXV0+PC9zdHlsZT4KICAgIDwvZGVmcz4KICAgIDxnIGlkPSJvdXRlciI+CiAgICAgICAgPGc+CiAgICAgICAgICAgIDxwYXRoIGQ9Ik0yMCwwQzIyLjIwNTgsMCAyMy45OTM5LDEuNzg4MTMgMjMuOTkzOSwzLjk5MzlDMjMuOTkzOSw2LjE5OTY4IDIyLjIwNTgsNy45ODc4MSAyMCw3Ljk4NzgxQzE3Ljc5NDIsNy45ODc4MSAxNi4wMDYxLDYuMTk5NjggMTYuMDA2MSwzLjk5MzlDMTYuMDA2MSwxLjc4ODEzIDE3Ljc5NDIsMCAyMCwwWiIgc3R5bGU9ImZpbGw6YmxhY2s7Ii8+CiAgICAgICAgPC9nPgogICAgICAgIDxnPgogICAgICAgICAgICA8cGF0aCBkPSJNNS44NTc4Niw1Ljg1Nzg2QzcuNDE3NTgsNC4yOTgxNSA5Ljk0NjM4LDQuMjk4MTUgMTEuNTA2MSw1Ljg1Nzg2QzEzLjA2NTgsNy40MTc1OCAxMy4wNjU4LDkuOTQ2MzggMTEuNTA2MSwxMS41MDYxQzkuOTQ2MzgsMTMuMDY1OCA3LjQxNzU4LDEzLjA2NTggNS44NTc4NiwxMS41MDYxQzQuMjk4MTUsOS45NDYzOCA0LjI5ODE1LDcuNDE3NTggNS44NTc4Niw1Ljg1Nzg2WiIgc3R5bGU9ImZpbGw6cmdiKDIxMCwyMTAsMjEwKTsiLz4KICAgICAgICA8L2c+CiAgICAgICAgPGc+CiAgICAgICAgICAgIDxwYXRoIGQ9Ik0yMCwzMi4wMTIyQzIyLjIwNTgsMzIuMDEyMiAyMy45OTM5LDMzLjgwMDMgMjMuOTkzOSwzNi4wMDYxQzIzLjk5MzksMzguMjExOSAyMi4yMDU4LDQwIDIwLDQwQzE3Ljc5NDIsNDAgMTYuMDA2MSwzOC4yMTE5IDE2LjAwNjEsMzYuMDA2MUMxNi4wMDYxLDMzLjgwMDMgMTcuNzk0MiwzMi4wMTIyIDIwLDMyLjAxMjJaIiBzdHlsZT0iZmlsbDpyZ2IoMTMwLDEzMCwxMzApOyIvPgogICAgICAgIDwvZz4KICAgICAgICA8Zz4KICAgICAgICAgICAgPHBhdGggZD0iTTI4LjQ5MzksMjguNDkzOUMzMC4wNTM2LDI2LjkzNDIgMzIuNTgyNCwyNi45MzQyIDM0LjE0MjEsMjguNDkzOUMzNS43MDE5LDMwLjA1MzYgMzUuNzAxOSwzMi41ODI0IDM0LjE0MjEsMzQuMTQyMUMzMi41ODI0LDM1LjcwMTkgMzAuMDUzNiwzNS43MDE5IDI4LjQ5MzksMzQuMTQyMUMyNi45MzQyLDMyLjU4MjQgMjYuOTM0MiwzMC4wNTM2IDI4LjQ5MzksMjguNDkzOVoiIHN0eWxlPSJmaWxsOnJnYigxMDEsMTAxLDEwMSk7Ii8+CiAgICAgICAgPC9nPgogICAgICAgIDxnPgogICAgICAgICAgICA8cGF0aCBkPSJNMy45OTM5LDE2LjAwNjFDNi4xOTk2OCwxNi4wMDYxIDcuOTg3ODEsMTcuNzk0MiA3Ljk4NzgxLDIwQzcuOTg3ODEsMjIuMjA1OCA2LjE5OTY4LDIzLjk5MzkgMy45OTM5LDIzLjk5MzlDMS43ODgxMywyMy45OTM5IDAsMjIuMjA1OCAwLDIwQzAsMTcuNzk0MiAxLjc4ODEzLDE2LjAwNjEgMy45OTM5LDE2LjAwNjFaIiBzdHlsZT0iZmlsbDpyZ2IoMTg3LDE4NywxODcpOyIvPgogICAgICAgIDwvZz4KICAgICAgICA8Zz4KICAgICAgICAgICAgPHBhdGggZD0iTTUuODU3ODYsMjguNDkzOUM3LjQxNzU4LDI2LjkzNDIgOS45NDYzOCwyNi45MzQyIDExLjUwNjEsMjguNDkzOUMxMy4wNjU4LDMwLjA1MzYgMTMuMDY1OCwzMi41ODI0IDExLjUwNjEsMzQuMTQyMUM5Ljk0NjM4LDM1LjcwMTkgNy40MTc1OCwzNS43MDE5IDUuODU3ODYsMzQuMTQyMUM0LjI5ODE1LDMyLjU4MjQgNC4yOTgxNSwzMC4wNTM2IDUuODU3ODYsMjguNDkzOVoiIHN0eWxlPSJmaWxsOnJnYigxNjQsMTY0LDE2NCk7Ii8+CiAgICAgICAgPC9nPgogICAgICAgIDxnPgogICAgICAgICAgICA8cGF0aCBkPSJNMzYuMDA2MSwxNi4wMDYxQzM4LjIxMTksMTYuMDA2MSA0MCwxNy43OTQyIDQwLDIwQzQwLDIyLjIwNTggMzguMjExOSwyMy45OTM5IDM2LjAwNjEsMjMuOTkzOUMzMy44MDAzLDIzLjk5MzkgMzIuMDEyMiwyMi4yMDU4IDMyLjAxMjIsMjBDMzIuMDEyMiwxNy43OTQyIDMzLjgwMDMsMTYuMDA2MSAzNi4wMDYxLDE2LjAwNjFaIiBzdHlsZT0iZmlsbDpyZ2IoNzQsNzQsNzQpOyIvPgogICAgICAgIDwvZz4KICAgICAgICA8Zz4KICAgICAgICAgICAgPHBhdGggZD0iTTI4LjQ5MzksNS44NTc4NkMzMC4wNTM2LDQuMjk4MTUgMzIuNTgyNCw0LjI5ODE1IDM0LjE0MjEsNS44NTc4NkMzNS43MDE5LDcuNDE3NTggMzUuNzAxOSw5Ljk0NjM4IDM0LjE0MjEsMTEuNTA2MUMzMi41ODI0LDEzLjA2NTggMzAuMDUzNiwxMy4wNjU4IDI4LjQ5MzksMTEuNTA2MUMyNi45MzQyLDkuOTQ2MzggMjYuOTM0Miw3LjQxNzU4IDI4LjQ5MzksNS44NTc4NloiIHN0eWxlPSJmaWxsOnJnYig1MCw1MCw1MCk7Ii8+CiAgICAgICAgPC9nPgogICAgPC9nPgo8L3N2Zz4K') no-repeat 50% 50% / 1em 1em; }

.form-phone-country-code { width: 40px;}
.form-phone { width: 150px;}
.form-phone-ext { width: 60px;}



/*
Gotta admit, I like this. Yoink!
*/
.checkboxswitch { position: relative;
display: inline-block;
width: 50px;
height: 20px; }

.checkboxswitch input { opacity: 0;
width: 0;
height: 0; }

.checkboxslider { position: absolute;
cursor: pointer;
top: 0;
left: 0;
right: 0;
bottom: 0;
/* color when UNchecked */
background-color: lightgray;
-webkit-transition: .4s;
transition: .4s; }

.checkboxslider:before { position: absolute;
content: "";
height: 13px;
width: 13px;
left: 4px;
bottom: 4px;
background-color: white;
-webkit-transition: .4s;
transition: .4s; }

input:checked + .checkboxslider { background-color: green; }

input:focus + .checkboxslider { box-shadow: 0 0 1px #2196F3; }

input:checked + .checkboxslider:before { -webkit-transform: translateX(26px);
-ms-transform: translateX(26px);
transform: translateX(26px); }

/* Rounded sliders */
.checkboxslider.checkboxround { border-radius: 34px; }

.checkboxslider.checkboxround:before { border-radius: 50%; }

/* round */
.round { -moz-border-radius: 5px;
-webkit-border-radius: 5px;
-khtml-border-radius: 5px;
border-radius: 5px;
padding: 2px; }

/* rounder */
.round-more { -moz-border-radius: 15px;
-webkit-border-radius: 15px;
-khtml-border-radius: 15px;
border-radius: 15px;
padding: 5px; }

/* roundest */
.round-most { -moz-border-radius: 25px;
-webkit-border-radius: 25px;
-khtml-border-radius: 25px;
border-radius: 25px;
padding: 8px; }

.acctbox { display: inline-block;
vertical-align: top;
border-color: gray;
border-width: 2px;
border-style: outset;
padding-bottom: 4px;
padding-top: 4px;
padding-right: 7px;
padding-left: 7px;
margin: 4px; }


/* calendar */
.calendar { width: 100%;
border: 1px solid gray;
margin-bottom: 30px; }

.calendar td { border: 1px solid gray; }

.calendar-box { border: 1px solid black; }

.calendar-day { font-weight: bold;
text-align: left;
margin-left: 3px;
margin-top: 3px; }

.calendar-caption { font-weight: bold;
font-size: larger;
margin-bottom: 6px;
margin-top: 10px; }

.calendar-th { width: 14.28571%;
border: 1px solid gray;
color: orangered; }

.calendar-item { background-color: paleturquoise;
font-size: small;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-khtml-border-radius: 5px;
border-radius: 5px;
padding: 3px;
margin-bottom: 3px;
margin-left: 3px;
margin-right: 3px; }

.calendar-item:hover { background-color: darksalmon; }

.calendar-link { text-decoration: none;
color: black; }

.calendar-today { background-color: yellow; }

.calendar-holiday { color: lightgray; }

/* collapsible */
.collapsible > input[type="checkbox"] { position: absolute;
left: -100vw; }

.collapsible .content { overflow-y: hidden;
height: 0;
transition: all 0.5s ease-out; }

.collapsible > input[type="checkbox"]:checked ~ .content { height: auto;
overflow: visible; }

.collapsible label { display: table; }

.collapsible { margin-bottom: 1em; }

.collapsible > input[type="checkbox"]:checked ~ .content { padding: 1px;
border: none; }

.collapsible .handle { margin: 0;
font-size: 1.125em;
line-height: 1.2em; }

.collapsible label { cursor: pointer;
font-weight: bold;
padding: 10px;
background: #e8e8e8; }

.collapsible label:hover, .collapsible label:focus { background: #d8d8d8; }

.collapsible .handle label:before { content: "\02795";
display: inline-block;
margin-right: 10px;
font-size: .58em;
line-height: 1.556em;
vertical-align: middle; }

.collapsible > input[type="checkbox"]:checked ~ .handle label:before { content: "\02796"; }

/* padding */
.pad-top { padding-top: 5px; }

.pad-bottom { padding-bottom: 5px; }

.pad-left { padding-left: 5px; }

.pad-right { padding-right: 5px; }

.pad-more { padding: 10px; }


.indent { border: 0.5rem inset darkgray;
border-radius: 1px; }

.outdent { border: 0.5rem outset darkgray;
border-radius: 1px; }

.jsclock {
}


/* tooltip */
.tooltip { position: relative;
display: inline-block;
border-bottom: 1px dotted black; }

.tooltip .tooltiptext { visibility: hidden;
width: 120px;
background-color: black;
color: #fff;
text-align: center;
border-radius: 6px;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
-khtml-border-radius: 6px;
padding: 5px 0;
position: absolute;
bottom: 150%;
left: 10%;
z-index: 1;
margin-left: -10px; }

.tooltip .tooltiptext::after { content: "";
position: absolute;
top: 100%;
left: 10%;

margin-left: -5px;
border-width: 5px;
border-style: solid;
border-color: black transparent transparent transparent; }

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


.box {
background-color: white;
outline: 2px dashed black;
height: 400px;
}

.box.is-dragover { background-color: grey; }

.box {
display:flex;
flex-direction: column;
align-items: center;
justify-content: center;
    }

.box label strong {
text-decoration: underline;
color: blue;
cursor: pointer;
}

.box label strong:hover { color: blueviolet }

.box input { display: none; }



.alertdown {
  position: relative;
}

.alertdown-content {
  display: none;
  position: absolute;
  background-color: #f9f9f9;
  min-width: 130px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  padding: 12px 16px;
}

.alertdown:hover .alertdown-content {
  display: grid;
}




#addressbook {
  background-image: url('/pic/searchicon.png'); /* Add a search icon to input */
  background-position: 10px 12px; /* Position the search icon */
  background-repeat: no-repeat; /* Do not repeat the icon image */
/*  width: 100%; /* Full-width */
  font-size: 16px; /* Increase font-size */
  padding: 12px 20px 12px 40px; /* Add some padding */
  border: 1px solid #ddd; /* Add a grey border */
  margin-bottom: 12px; /* Add some space below the input */
}

#addresslist {
  /* Remove default list styling */
  list-style-type: none;
  padding: 0;
  margin: 0;
}

#addresslist li details {
  border: 1px solid #ddd; /* Add a border to all links */
  margin-top: -1px; /* Prevent double borders */
  background-color: #f6f6f6; /* Grey background color */
  padding: 12px; /* Add some padding */
  text-decoration: none; /* Remove default text underline */
  font-size: 18px; /* Increase the font-size */
  color: black; /* Add a black text color */
  display: block; /* Make it into a block element to fill the whole list */
}

#addresslist li details:hover:not(.header) {
  background-color: #eee; /* Add a hover effect to all links, except for headers */
}