@font-face {
    font-family: 'open_sansregular';
    src: url('fonts/OpenSans-Regular-webfont.eot');
    src: url('fonts/OpenSans-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/OpenSans-Regular-webfont.woff') format('woff'),
         url('fonts/OpenSans-Regular-webfont.ttf') format('truetype'),
         url('fonts/OpenSans-Regular-webfont.svg#open_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

body {
  font-family:'open_sansregular',arial,sans-serif;
  font-size: 18px;
  color: #111111;
  text-align: left;
  padding: 0px;
  margin: 0px;
  background-color:#FFFFFF;
}

a {color:#019be1;text-decoration:none;}
a:hover {color:#019be1;text-decoration:underline;}

p {text-align:center;margin:0px 0 1em 0;padding:0px;line-height:1.5em;}
h1 {font-weight:bold;font-size:42px;color:#019be1;margin:5px 0px 5px 0px;text-align:center;}
h2 {font-weight:bold;font-size:24px;color:#4A4949;margin:0px 0px 20px 0px;text-align:center;}
h3 {font-weight:bold;font-size:18px;color:#000000;margin:2em 0 1em 0;text-align:center;}

td, th {font-size:18px;padding:0px 5px 2px 5px;}

#main {margin:0px 0px 0px 0px;}

#content {text-align:left;padding:0 0 1em 0;clear:both;}

.container {
  max-width:995px;
  margin:0 auto;
}
.container_content {padding:1em;}

.footer {background-color:#333333;padding:1em;}
.footer a {color:#FFFFFF;}
.footerLeft {float:left;}
.footerRight {float:right;}
.footerLeft .active {color:#019be1;}

p.logo {text-align:center;}
p.logo img {max-width:400px;width:90%;margin:0em;}

.article_photo {width:100%;max-width:30em;margin:1em 0 1em 0;border:1px solid #000000;}
.qr_image {width:100%;max-width:20em;margin:1em 0 1em 0;}

.formResult {display:none;margin:1em 0 1em 0;}
.formResult_error {color:#FF0000;font-weight:bold;}
.formResult_success {color:#019be1;font-weight:bold;}
input[type="text"].formFieldError, select.formFieldError {border:2px solid #FF0000;}

.actual {background-color: #019ae128;padding:1em;}
.future, .future h3 {color:#767676;}
.canceled, .canceled h3 {color:#ffa2a2;}
.old, .old h3 {color:#767676;}

.bullet {font-weight:bold;}

.gallery {text-align:left;}
.gallery img {margin:0 0.2em 0.2em 0;border:1px solid #000000;}

p.program_images {text-align:center;}
p.program_images img {max-width:100%;}

.strikeout {text-decoration:line-through;}
.bold {font-weight:bold;}
.clear {clear:both;font-size:1px;height:1px;}
.hidden {display:none;}
.center {text-align:center;}


/* menu {{{ */
.topnav {background-color:#333333;overflow:hidden;}
.topnav a#topLogo {float:left;display:block;text-align:center;}
.topnav a.menuItem {float:left;display:block;color:#f2f2f2;text-align:center;padding:1em;}
.topnav a.menuItem:hover {background-color:#DDDDDD;color:#000000;text-decoration:none;}
.topnav a.active {background-color:#019be1;color:#FFFFFF;}
.topnav a.icon {display:none;font-size:1.8em;padding:0.2em 0.5em 0 0.5em;cursor:pointer;text-decoration:none;color:#FFFFFF;}

#topLogo {padding:3px 1em 0 1em;}
#topLogo img {width:100px;height:auto;}

@media screen and (max-width: 900px) {
  .topnav a.menuItem {display: none;clear:left;}
  .topnav a.icon {float:right;display:block;}
  .topnav.responsive {position: relative;}
  .topnav.responsive a.icon {position:absolute;right:0;top:0;}
  .topnav.responsive a {float:none;display:block;text-align:left;}
}
/* menu }}} */


/* spinner {{{ */
/*Hidden class for adding and removing*/
.lds-dual-ring.hidden {
    display: none;
}
/*Add an overlay to the entire page blocking any further presses to buttons or other elements.*/
.overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    background: rgba(0,0,0,.8);
    z-index: 999;
    opacity: 1;
    transition: all 0.5s;
    text-align:center;
    padding-top:30%;
}
/*Spinner Styles*/
.lds-dual-ring {
    display: inline-block;
    width: 80px;
    height: 80px;
}
.lds-dual-ring:after {
    content: " ";
    display: block;
    width: 64px;
    height: 64px;
    margin: 5% auto;
    border-radius: 50%;
    border: 6px solid #fff;
    border-color: #fff transparent #fff transparent;
    animation: lds-dual-ring 1.2s linear infinite;
}
@keyframes lds-dual-ring {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}
/* spinner }}} */


/* backend {{{ */

.backendList .evenGroup {background-color:#DDDDDD;}
.giftCodes tr:nth-child(even) {background-color:#DDDDDD;}
.setData input[type="text"] {border-radius:0.3em;padding:0.1em;font-size:1em;margin:0;}
.setData .dateTime {width:8.5em;}
.setData .unpaid {border:2px solid #dd0000;}
.setData .paid {border:2px solid #00dd00;}
.setData .updated {border:2px solid #00dd00;}
.setData .note {width:20em;}
.setData btn {font-size:1.2em;cursor:pointer;}

/* backend }}} */