/* *************************************************
    () GENERAL - PAGE DIMENSION
   ************************************************* */
html { width:100%; height:100%; padding:0; margin:0; }
body { background-color:#ffffff;  }


/* *************************************************
    () GENERAL
   ************************************************* */
 @font-face { font-family: 'Raleway-Regular'; src:  url('../StaffDoor/font/Raleway-Regular.ttf') } 
* { font-family:Raleway-Regular, Arial, sans-serif; margin:0; }
h1 { color:#212121; font-weight:bold; font-size:xx-large; margin:0; padding:6px 10px; }
h2 { color:#212121; font-weight:bold; font-size:x-large; margin:0; padding:4px 10px; }
h3 { color:#212121; font-weight:bold; font-size:large; margin:0; padding:2px 10px; }
h4 { color:#212121; font-weight:bold; font-size:medium; }
h5 { color:#212121; font-weight:normal; font-size:medium; }
h6 { color:#212121; font-weight:normal; font-size:medium; }
hr { border-top: 1px solid #729c3b; border-bottom: 1px solid #435c23; }
strong, b { font-weight:bold; }
em, i { font-style:italic; }
p { color:#212121; font-weight:normal; font-size:medium; }
a { color:#213d17; font-weight:normal; font-size:medium; text-decoration:underline; }
a:hover { color:#507c3f; font-weight:normal; text-decoration:none;  }
blockquote { }

.center { text-align:center; }
.right { text-align:right; }
.smallcaps { font-size:x-small; font-variant:small-caps; }

.Confirmed { background-color:#a3d39c !important; color:#146635 !important; border:1px solid #146635; width:97%; padding:2px 5px !important; margin:3px auto !important; font-size:medium; font-weight:bold; border-radius:5px; border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.Denied { color:#dc0000 !important; border:2px solid #dc0000; width:95%; padding:2px 5px !important; margin:3px auto !important; font-size:medium; font-weight:bold; border-radius:5px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }


/* *************************************************
    TICKETS PAGE 
   ************************************************* */
   
#FieldButton { text-align: right; line-height: 40px; /*color:#213d17;*/ color:#212121; font-weight: 900; /* text-shadow: 1px 1px 0px #ffffff,-1px 1px 0px #ffffff,1px -1px 0px #ffffff,-1px -1px 0px #ffffff; */ }

.Default_TicketBackgroundOverlay .AddFieldButton, .Default_TicketBackgroundOverlay .SubFieldButton { font-family:Arial; font-size: x-large; }
.Default_TicketBackgroundOverlay .AddFieldButton, .Default_TicketBackgroundOverlay .SubFieldButton { border-radius:90px; display: inline-block; text-align:center; cursor: pointer; }
.Default_TicketBackgroundOverlay .AddFieldButton { color:#213d17; background:#fff; border:2px solid #213d17; line-height:40px; height:40px; width:40px; float: right; font-weight: 900; }
.Default_TicketBackgroundOverlay .AddFieldButton:hover { color:#fff; background:#213d17; border:2px solid #fff; }

.Default_TicketBackgroundOverlay .SubFieldButton { background-image: url("../images/SimpleLotto_Subtractbutton_hoverOFF.png"); background-size: contain; background-repeat: no-repeat; height:20px; width:20px; vertical-align: middle; }
.Default_TicketBackgroundOverlay .SubFieldButton:hover { background-image: url("../images/SimpleLotto_Subtractbutton_hoverON.png"); }

.Default_TicketImageContainer {  }
.Default_TicketImageContainer IMG.Default_TicketImagebox { object-fit: contain; width:100%; border-radius:20px; }
Default_TicketImagebox { width:100%; }


/* *************************************************
    EVENT DONATION OPTIONS
   ************************************************* */
   
#EventDonation_Boxed { postion: relative; width:100%; margin:16px auto; }
.EventDonation_Area { text-align:center; } 
.EventDonation_Area P label.maininputs { color: #333; font-weight:900; font-size:x-large; letter-spacing:-1px; } 
.EventDonation_Amount { font-size:xx-large; text-align:center; height: 48px; line-height: 42px; width: 80%; background: rgba(255,255,255,0.85); border: 2px solid #333; border-radius: 10px; color: #333; font-weight:900; box-sizing: border-box; }



/* *************************************************
	Media Screen size Adjusts
   ************************************************* */

/* Screen Size less than */
@media all and (max-width: 600px)
{
}

@media all and (max-width: 520px)
{
	.EventDonation_Amount { width: 100%; margin: 5px 1% 10px 1%; }
}
    
@media all and (max-width: 460px)
{
}

@media all and (max-width: 300px)
{
}