html {height:100%; }

html {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
*, *:before, *:after {
  -webkit-box-sizing: inherit;
  -moz-box-sizing: inherit;
  box-sizing: inherit;
  }


* {margin:0px; padding:0px; }

p {margin:10px 0px 0px 0px; }

.message ul  {margin:5px 0px 0px 30px !important;} 

.tip {background-color:#ffffff; padding:10px 10px 10px 40px; border-radius:5px; margin:10px 0px 0px 0px; line-height:22px; font-size:14px;}
.tip span {margin:0px 10px 0px -24px;}

.tip2 {background-color:#ffffff; padding:10px 10px 10px 40px; border-radius:5px; margin:10px 0px 0px 0px; line-height:22px; font-size:14px;}
.tip2 span {margin:0px 10px 0px -24px;}

.tip3 {background-color:#eeeeee; padding:10px 10px 10px 10px; border-radius:5px; margin:10px 0px 0px 0px; line-height:22px; font-size:14px;}
.tip3 span {margin:3px 0px 0px 5px; font-size:16px;}

.glyphicons:before {padding:0px 8px 0px 0px;}

.halflings:before {padding:0px 0px 0px 0px;}
/*
.halflings:before {margin:0px 0px 0px -24px;}
*/

.warning {background-color:#ebe495; padding:15px 15px 15px 15px; border-radius:0px; margin:10px 0px 15px 0px; line-height:22px; font-size:16px; border-radius:10px;}

.warning_red {background-color:#D94447; color:#FFFFFF; padding:10px 10px 10px 10px; border-radius:5px; margin:10px 0px 15px 0px; line-height:22px; font-size:16px;}

section, article, aside, footer, header, nav, hgroup {

  display:block;
}


body {font-size:18px;}

.note {font-weight:normal !important; font-size:12px !Important; line-height:14px;}

body {height:100%; background-images:url('images/bg.jpg'); background-repeat:repeat; background-color:#000033; }

.wrapper {min-width:600px; max-width:1200px; padding:15px; margin:auto; margin-top:20px; padding:0px 35px 0px 35px;}
.holder {background-color:#FFFFFF; border-radius:5px; padding:20px; color:#333333; font-family:Arial, Helvetica, sans-serif; text-align:left; box-sizing:border-box; z-index:100; 
position: relative;
display:block;
top: 0px; right: 0; bottom: 0; left: 0;
overflow-y:hidden;
overflow-x:visible;
clear:both;




}
.logo {max-height:100px !important; float:left; width:100px; min-height:100px !important; background-repeat:no-repeat; margin:00px 0px -20px -30px; text-align:left; z-index:-5; position:relative;}

.wrapper-signup {min-width:400px; max-width:800px; padding:15px; margin:auto; margin-top:20px; padding:0px 50px 0px 50px;}

.wrapper-schedule {min-width:600px; max-width:1600px; padding:15px; margin:auto; margin-top:20px; padding:0px 50px 0px 50px;}
.wrapper-edit {min-width:600px; max-width:1100px; padding:15px; margin:auto; margin-top:20px; padding:0px 50px 0px 50px;}

.wrapper-home {min-width:380px; max-width:800px; padding:15px; margin:auto; margin-top:10%; padding:0px 50px 0px 50px;}

.logo-home {background-images:url('images/logo-home.png'); width:200px; max-height:100px !important; min-height:130px !important; background-repeat:no-repeat; margin:20px 0px -15px -30px; text-align:left; z-index:5; position:relative;}
.holder-home {background-color:#FFFFFF; border-radius:5px; padding:20px; color:#333333; font-family:Arial, Helvetica, sans-serif; text-align:center; box-sizing:border-box; z-index:100; position:relative; margin:0px 0px 10px 0px; }

.back-button-position {margin:28px 0px 0px 0px; float:right; display:inline-block;}

.page-header {margin:0px 0px 20px 00px !Important; float:left;}

.tagline {margin:0px 0px 20px 0px;}


.yellow_message {
	background-color:#dfdea8;
	color:#333333 !important; padding:15px;
	margin:0px 0px 25px 0px;
	font-family:verdana;
	font-size:16px;
}

.message {
	background-color:#eeeeee; 
	color:#333333; padding:15px;
	margin:0px 0px 25px 0px;
}

.message-light-blue {
	background-color:#dde7ed; 
	color:#000000; padding:15px;
	margin:0px 0px 25px 0px;
	border-radius:5px;
    font-size:15px; line-height: 20px;
}



.language_chooser {
	
	float:right;
}





/* tables */


	/*  Define the background color for all the ODD background rows  */
	.tableRows tr:nth-child(odd){ 
		background: #cccccc !important;
}
	/*  Define the background color for all the EVEN background rows  */
	.tableRows tr:nth-child(even){
		background: #ffffff;
}

td .table-phone {width:180px !important; table-layout: fixed !important; white-space: nowrap !important;}
.big-hr {font-size:16px; font-weight:bold;}
.big {font-size:16px; vertical-align: top !important;}
.wide-column {width:250px !important; white-space: nowrap !important;}
.normal {font-size:14px; font-weight:normal;}
.time {width:70px; font-weight:bold; font-size:16px; }
.name-schedule-hr {width:100px; font-size:16px; }
.name-schedule-td {width:100px; font-size:14px; }
.name-admin {width:100%px;}
.time-admin {width:75px; font-weight:bold; font-size:14px; }
.signup, td signup, th signup {text-align:center; width:95px; font-size:14px; }

.full {background-color:#292952; font-size:14px; padding:3px 22px 3px 22px; margin:0px 0px 0px 3px;  color:#FFFFFF; width:80px !Important; text-align:center; border-radius:3px;}



hr {margin:15px 0px 15px 0px; color:#cccccc; width:100% !important;}

footer {margin:15px 0px 0px 0px; text-align:right; clear:both; float:right;}



.back-button {
	
	display:inline-block;  
    widths:100%;
	max-width:275px;
    margin:0px 0px 0px -8px;
    height:40px;
    padding:0px 15px 0px 15px;
    text-align:center;
    color: #FFFFFF;
    font-size:1.0em !Important;
    text-shadows: 1px 1px #333333;
    border-radius:3px !Important;
    border:0px !Important;
    line-height:22px;
    cursor:pointer !Important;
    text-decoration: none;
    box-shadows: 1px 1px 1px 0px #666666;
	backgrounds-images:url('images/back-arrow.png'); background-repeat:no-repeat;
 }




.home-button-large {  
	display:inline-block;  
    width:100%;
    min-height:100px;
    max-width: 300px;
    max-height:150px;
    padding:0px;
    margin:auto;
    text-align:center;
    color: #FFFFFF;
    text-align: center;
    font-size:1.2em !Important;
    text-shadow: 1px 1px #333333;
    border-radius:3px !Important;
    margin:0px 3px 15px 0px;
    border:0px !Important;
    line-height:22px;
    cursor:pointer;
    text-decoration: none;
    box-shadow: 1px 1px 1px 0px #666666;
   
    }


.visitor-button-large {  
	display:inline-block;  
    width:100%;
    min-height:100px;
    max-width: 320px;
    max-height:150px;
    padding:0px;
    margin:auto;
    text-align:center;
    color: #FFFFFF;
    text-align: center;
    font-size:1.2em !Important;
    text-shadow: 1px 1px #333333;
    border-radius:3px !Important;
    margin:0px 3px 15px 0px;
    border:0px !Important;
    line-height:22px;
    cursor:pointer;
    text-decoration: none;
    box-shadow: 1px 1px 1px 0px #666666;
   
    }

    
.light-grey {background: #cccacb; color:#333333;}
.blue-grey {background-color: #3f4350; color:#ffffff;}
.grey {background-color: #666666; color:#ffffff;}
.ee {background-color: #eeeeee;}

.light-blue {background-color: #007bff; color:#ffffff;}

.blue {background: #292952; color:#ffffff;}
.blue:hover {background:#336; color:#ffffff;}
.gold { background: #897327; color:#ffffff;}
.gold:hover {background:#a58b30; color:#ffffff;}
.red {background-color:#cc3333; color:#ffffff;}
.red:hover {background-color:#cc0000;}
.green {background-color:#208237; color:#ffffff;}
.green:hover {background-color:#156027;}

.button-footer {  
	display:inline-block;  
    height:30px;
    padding:0px;
    margin:auto;
    text-align:center;
    color: #FFFFFF;
    text-align: center;
    font-size:14px;
    text-shadow: 1px 1px #333333;
    border-radius:3px !Important;
    margin:0px 0px 15px 3px;
    border:0px !Important;
    line-height:22px;
    cursor:pointer;
    text-decoration: none;
    padding:0px 10px 0px 10px;
       }
	   
.button-footer-large {  
	display:inline-block;  
    height:38px;
    padding:0px;
    margin:auto;
    text-align:center;
    color: #FFFFFF;
    text-align: center;
    font-size:16px;
    text-shadow: 1px 1px #333333;
    border-radius:3px !Important;
    margin:0px 0px 15px 3px;
    border:0px !Important;
    line-height:22px;
    cursor:pointer;
    text-decoration: none;
    padding:0px 15px 0px 15px;
       }	   


.button-delete {  
	display:inline-block;  
    height:30px;
    padding:0px;
    margin:auto;
    text-align:center;
    color: #FFFFFF;
    text-align: center;
    font-size:14px;
    text-shadows: 1px 1px #333333;
    border-radius:3px !Important;
    margin:0px 0px 15px 3px;
    border:0px !Important;
    line-height:22px;
    cursor:pointer;
    text-decoration: none;
    padding:0px 10px 0px 10px;
       }



.button-signup {  
	displays:inline-block;  
    heights:28px;
    padding:0px;
    margin:auto;
    text-align:center;
    color: #FFFFFF;
    
    font-size:13px;
    text-shadows: 1px 1px #333333;
    border-radius:3px !Important;
    margin:0px 0px 0px 0px;
    border:0px !Important;
    line-heights:20px;
    cursor:pointer;
    font-size:14px;
    text-decoration: none;
    padding:6px 10px 7px 10px;
    vertical-align:middle;
	margin:2px 0px 2px 0px;
    
    }


.button-admin {  
	displays:inline-block;  
    heights:40px;
    margin:auto;
    text-align:center;
    color: #FFFFFF;
    text-align: center;
    font-size:14px;
    text-shadows: 1px 1px #333333;
    border-radius:3px !Important;
    margin:0px 0px 0px 1px;
    border:0px !Important;
    line-height:22px;
    cursor:pointer;
    font-size:15px;
    text-decoration: none;
    padding:8px 15px 8px 15px;
    vertical-align:middle;
    margin-bottom:10px;
    
    }

.button-admin a, .button-admin a:visited {color:#ffffff !important; text-decoration: none !important;}

.large-font {
	font-size:17px;
}

.link-button
{  
	displays:inline-block;  
	
    heights:30px;
    margin:auto;
    text-align:center;
    color: #FFFFFF;
    text-align: center;
    font-size:14px;
    text-shadows: 1px 1px #333333;
    border-radius:3px !Important;
    margin:0px 0px 0px 2px;
    border:0px !Important;
    line-height:22px;
    cursor:pointer;
    font-size:15px;
    text-decoration: none;
    padding:8px 15px 8px 15px;
    vertical-align:middle;
    margin-bottom:10px;
    
    }


.special-button
{  
	displays:inline-block;  
	
    heights:30px;
    margin:auto;
    text-align:center;
    color: #FFFFFF;
    text-align: center;
    font-size:16px;
    text-shadows: 1px 1px #333333;
    border-radius:3px !Important;
    margin:0px 0px 0px 2px;
    border:0px !Important;
    line-height:22px;
    cursor:pointer;
    font-size:15px;
    text-decoration: none;
    padding:12px 15px 12px 15px;
    vertical-align:middle;
    margin-bottom:10px;
    box-shadow: 1px 1px 1px 0px #999999;
    }




.link-button-small
{  
	displays:inline-block;  
	
    heights:30px;
    margin:auto;
    text-align:center;
    color: #FFFFFF;
    text-align: center;
    font-size:14px;
    text-shadows: 1px 1px #333333;
    border-radius:3px !Important;
    margin:0px 0px 0px 2px;
    border:0px !Important;
    line-height:22px;
    cursor:pointer;
    font-size:15px;
    text-decoration: none;
    padding:4px 7px 4px 7px;
    vertical-align:middle;
    margin-bottom:10px;
    
    }

.link-button-smaller
{  
	displays:inline-block;  
	
    heights:30px;
    margin:auto;
    text-align:center;
    color: #FFFFFF;
    text-align: center;
    font-size:14px;
    text-shadows: 1px 1px #333333;
    border-radius:3px !Important;
    margin:0px 0px 0px 2px;
    border:0px !Important;
    line-height:22px;
    cursor:pointer;
    font-size:13px;
    text-decoration: none;
    padding:4px 7px 4px 7px;
    vertical-align:middle;
    margin-bottom:10px;
    
    }


/*Forms */



#submit-form, .submit-form {

background-color:#f4f0e2;
padding:20px; border-radius:3px;



}

#submit-form ul {margin:0px 0px 0px 30px;}

input[type=checkbox], input[type=radio] {
width:20px;
height:20px;
margin:6px 0px 0px 0px;
line-height:30px;
padding:0px 5px 0px 0px;
}


#submit-form input[type=text], #submit-form input[type=password], .submit-form input[type=text], .submit-form input[type=password],
#submit-form input[type=email], .submit-form input[type=email],
#submit-form input[type=tel], .submit-form input[type=tel], 
#submit-form input[type=url], .submit-form input[type=url], 
#submit-form input[type=date], .submit-form input[type=datel], 
#submit-form select, .submit-form select, 
#submit-form textarea, .submit-form textarea, .submit-form password {
    width:100%;
    box-shadow:inset 0 1px 2px #DDD, 0 1px 0 #FFF;
    -webkit-box-shadow:inset 0 1px 2px #DDD, 0 1px 0 #FFF;
    -moz-box-shadow:inset 0 1px 2px #DDD, 0 1px 0 #FFF;
    border:1px solid #CCC;
    background:#FFF;
    margin:6px 0px 5px 0px;
    padding:10px;
    border-radius:5px;
    font-size:18px;
}





#submit-form select, .submit-form select {
	
	max-width:400px !Important;
		
		}


#submit-form label span, .label, .submit-form label span {
	cursor:pointer;
	color:#333333;
	display:block;
	margin:5px 0;
	font-weight:bold;
}

.label {
	font-weight:bold !important;
	
}

#submit-form input[type=tel], .submit-form input[type=tel]  {width:31%;} 




#submit-form button[type=submit], .submit-form button[type=submit] {
    cursor:pointer;
    width:100%;
    border:none;
     color:#FFF;
    margin:0 0 5px;
    padding:18px;
    border-radius:5px;
    font-size:18px;
    text-shadow: 1px 1px #333333;

}

::-webkit-input-placeholder {
    color:#888;
}
:-moz-placeholder {
    color:#888;
}
::-moz-placeholder {
    color:#888;
}
:-ms-input-placeholder {
    color:#888;
}












/*
.top-web4u {width:800px; height:108px; background-image:url('images/holder2_01.png'); float:left;  }
.middle-web4u {width:800px; background-image:url('images/holder2_02.png'); background-repeat:repeat; float:left; position:relative;}
.bottom-web4u {width:800px; height:34px; background-image:url('images/holder2_04.png'); float:left;}
*/


.top-web4u {width:800px; height:108px; background-image:url('images/holder2_01.png'); float:left;  }
.middle-web4u {width:800px; background-image:url('images/holder2_02.png'); background-repeat:repeat; float:left; position:relative;}
.bottom-web4u {width:800px; height:34px; background-image:url('images/holder2_04.png'); float:left;}



.content-web4u {margin:0px 00px 0px 38px; float:left; position:relative; z-index:+200 !important; width:722px; text-align:left; font-size:14px; font-family:Arial, Helvetica, sans-serif; color:#333333;  }
.content-web4u h2 {font-size:20px; margin:0px 0px 5px 0px; }


/* schedule */


/*flexbox */
.schedule-container {
	display: -webkit-flex;
    display: flex;
   
	 -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
	 -webkit-align-content: flex-start;
    align-content: flex-start; 
    min-height: 0;
	align-self: start;  

}



.schedule-container table {margin:10px 0px 10px 0px;}

.table-schedule {float:left; 
 margin:10px 00px 00px 0px;
 border-bottom: 1px solid #cccccc;
 padding:30px 10px 30px 0px;
 flex-grow: 1;
  }

.hide-hours {float:left; 
 margin:0px 15px 0px 0px;
 border-bottom: 1px solid #cccccc;
 padding:10px 10px 10px 10px;
 flex-grow: 1;
 border:1px solid #CCCCCC;
 border-radius:5px;
 background-color:#ebe8d9;
  }



.sub_log_public td:empty {background-color:#A8D5AC !important;}

table {empty-cells:hide !important; font-family:Arial, Helvetica, sans-serif; font-size:16px; }
.title {text-align:center !Important; font-size:24px; height:40px; background-color:#333366; color:#FFFFFF; border:1px solid #333366;}

th {background-color:#eaeaef; border:1px solid #eaeaef; font-size:16px; padding:7px; text-align: left; }
td {background-color:#FFFFFF; border:1px solid #eaeaef; line-height:20px; padding:7px; font-size:15px; color:#333333;}
table {background-color:#eceaf0; border:1px solid #e8e8e8;}

.adminTable td {font-size:14px !Important;}
.adminTable td ul {margin:5px 0px 0px 30px;}
.name-delete {width:250px; float:left; line-height:25px !important; vertical-align:top !important;}
.delete-name {width:170px; clear:left; float:left; }
.delete-button {float:right;; width:80px; height:15px !important; text-align:right; margin-top:5px;  }


.sub-contact {width:640px; line-height:25px !important; }
.sub-name {width:230px; clear:left; float:left; border-bottoms:1px solid #eaeaef; text-align:left; }
.sub-email {width:275px; float:left; border-bottoms:1px solid #eaeaef; text-align:left; }
.sub-phone {width:120px; float:left; border-bottoms:1px solid #eaeaef; text-align:left; }
.sub-delete {width:80px; float:left; border-bottoms:1px solid #eaeaef; text-align:left; }




.visitor-time {width:200px !important; text-align:left; font-size:12px; }
.visitor-name {width:200px; }
.visitor-prayer {width:280px; }
.visitor-remove {width:100px; }

.schedule {font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:24px; float:right; width:500px; }
.schedule th {
	background-color:#e1e6eb; font-weight:bold; padding:5px; vertical-align:top; color:#333333; border:1px solid #e1e6eb !important;
	vertical-align:bottom; line-height:14px;
}


.schedule-table-right {float:right; margin:0px 0px 0px 20px;}





.schedule tr {border:0px solid:#e1e6eb;}

.schedule td {padding:5px; vertical-align:top; border:1px solid #e1e6eb !important;
	
}

.schedule table {
	text-align:left; width:500px; font-size:11px; color:#333333; 
		line-height:14px; font-family:Verdana, Geneva, Tahoma, sans-serif; background-color:#FFFFFF;
		border-radius:4px;
}	

.subTable td {
    
    font-size:14px;
    line-height: 16px;
    
    
}








.bgs {background-color:#31316a; float:left; height:115%; width:115%;  margin:-30px; overflow:hidden;

filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1d1c4b', endColorstr='#1f1c96'); /* for IE */
background: -webkit-gradient(linear, left top, left bottom, from(#1d1c4b), to(#1f1c96)); /* for webkit browsers */
background: -moz-linear-gradient(top,  #1d1c4b,  #1f1c96); /* for firefox 3.6+ */ 
 }




.splash {float:left; width:900px; height:480px; text-align:left;  position:absolute;  padding:0px 0px 0px 0px; overflow:auto; overflow:hidden !important; color:#FFFFFF; font-size:10px; top:50%; margin:-280px auto; }

.splash a {color:#FFFFFF; text-decoration:underline; font-family:Arial, Helvetica, sans-serif; font-size:10px;  }

.visitor {float:left; margin:185px 0px 0px 167px; color:#333333; font-size:14px; line-height:20px; font-family:Arial, Helvetica, sans-serif;  }




h2 {margin:0px 0px 20px 0px; }


/* disappearing things  */
.ntsFormLabel, .ntsFormValues, .nts-appointment-flow, #nts-selector2, .hide {display:none; }

.footer-web4u {margin:26px 30px 25px 0px; color:#FFFFFF; float:right; font-size:14px; }

.footer-web4u a {color:#FFFFFF; font-size:14px; font-family:Arial, Helvetica, sans-serif;  margin:00px 0px 0px 0px; text-decoration:underline !Important; }


/* input forms  */

.honey {display:none; }


.right {float:right;}

/* adminbutton */
.adminbutton {  

	display:inline-block;
 
    width: 65px;
    background: #336;
    padding:8px;
         
    /*Step 3: Text Styles*/
    color: #FFFFFF;
    text-align: center;
    font-size:12px;
    border-radius:3px !Important;
    margin:0px 3px 0px 0px;
    border:0px !Important;
}



.button-medium {  
	display:inline-block;  
    text-align:center;
    color: #FFFFFF;
    font-size:15px;
    text-shadows: 1px 1px #333333;
    border-radius:3px !Important;
    margin:0px 0px 15px 0px;
    border:0px !Important;
    line-height:15px;
    cursor:pointer;
    text-decoration: none;
    padding:15px 10px 15px 10px;
    vertical-align:middle;
	widths:200px;
       }


.button-small {  
	display:inline-block;  
    text-align:center;
    color: #FFFFFF;
    font-size:13px;
    text-shadows: 1px 1px #333333;
    border-radius:3px !Important;
    margin:0px 0px 15px 0px;
    border:0px !Important;
    line-height:15px;
    cursor:pointer;
    text-decoration: none;
    padding:10px 10px 10px 10px;
    vertical-align:middle;
	widths:200px;
       }

.button-smaller {  
	display:inline-block;  
    text-align:center;
    color: #FFFFFF;
    font-size:13px;
    text-shadows: 1px 1px #333333;
    border-radius:3px !Important;
    margin:0px 0px 0px 0px;
    border:0px !Important;
    line-height:15px;
    cursor:pointer;
    text-decoration: none;
    padding:5px 7px 5px 7px;
    vertical-align:middle;
	widths:200px;
       }





 
/*Step 3: Link Styling*/
a.adminbutton {
    text-decoration: none;
}


.pred {color:#990000;}
.pyellow {color:#a9a03f;}
.pgreen {color:#006600;}
.pgrey {color:#cccccc !important;}

/* h is for the health page */
.hred {color:#990000; font-weight: bold;}
.hyellow {color:#a9a03f; font-weight: bold;}
.hgreen {color:#006600; font-weight: bold;}



.one-half {width:50%;}

.w49 {width:49%;}
.w49 {width:49%;}
.w100 {width:100%;}
.right {float:right;}

#success_message {
	background-color:#569c60;
	color:#FFFFFF; padding:15px;
	margin:0px 0px 25px 0px;
}

#error_message {
	background-color:#C5C54F;
	color:#333333; padding:15px;
	margin:0px 0px 25px 0px;
}

#success_message_rounded {
	background-color:#569c60;
	color:#FFFFFF; padding:15px;
	margin:0px 0px 25px 0px;
	border-radius:5px;
}




a.delete:visited {
	color:#bd1313 !important;
}

.editbutton {float:right; width:40px; height:15px !important; text-align:right; margin-top:5px;}

.percentage {float:right; width:40px; text-align:right;}


.hide {
	display:none;
}


.glyphicons {
  font-size: 24px;
  color: #1e1e1e;
}



/* table */

#success_message {
	font-family:Arial, Helvetica, sans-serif !important;
	background-color:#569c60;
	color:#FFFFFF; padding:15px;
}

#error_message  {
	font-family:Arial, Helvetica, sans-serif !important;
	background-color:#DBD774;
	color:#333333; padding:15px;
	font-size: 14px; line-height: 22px;
}

#error_message a {color:#333333;}
 
@media screen and (min-width: 1200px) {
        
    .holder {min-width:700px;}
}


/* pop modals */

.modal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 1; /* Sit on top */
    padding-top: 100px; /* Location of the box */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.8); /* Black w/ opacity */
}

/* Modal Content */
.modal-content {
    background-color: #fefefe;
    margin: auto;
    padding: 30px;
    border: 8px solid #292952;
    border-radius:15px;
    width: 70%;
    
}

/* The Close Button */
.close {
    color: #aaaaaa;
    float: right;
    font-size: 32px;
    font-weight: bold;
}

.close:hover,
.close:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer;
}


.w3-modal-content, .w3-container, .w3-button  {
	
	border-radius: 0px !important;
	margin-top:0px;
}

.w3-button {color:#FFFFFF;}


/* SPECIALS PAGE */
.special-header {padding:10px; background-color:#EEEEEE;}

.specialPage table, .stpecialPage th, .specialPage td {
    border: 1px solid #eeeeee !important;
    border-collapse: collapse;
    padding:5px;
    margin-bottom: 50px !important;
    min-height: 0px;
   
}

.specialPage .time {font-weight:bold;}

.button-signup-special {  
	displays:inline-block;  
    heights:28px;
    padding:0px;
    margin:auto;
    text-align:center;
    color: #FFFFFF;
    width:90px;
    
    
    text-shadows: 1px 1px #333333;
    border-radius:3px !Important;
    margin:0px 0px 0px 0px;
    border:0px !Important;
    line-heights:20px;
    cursor:pointer;
    font-size:14px;
    text-decoration: none;
    padding:6px 5px 7px 5px;
    vertical-align:middle;
	margin:2px 0px 2px 0px;
    display:inline-block;
    
    }

/* check in time reveal for special schedules -- added 3/12/26 */

.checkin-wrapper {
    position: relative;
    display: inline-block;
}

.checkin-popup {
    display: none;
    position: absolute;
    bottom: 125%;
    left: 50%;
    transform: translateX(-50%);
    background: #333333;
    color: #ffffff;
    font-size: 0.8rem;
    padding: 4px 10px;
    border-radius: 6px;
    white-space: nowrap;
    z-index: 10;
    box-shadow: 0 2px 6px rgba(0,0,0,0.3);
}

.checkin-popup::after {
    content: '';
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translateX(-50%);
    border: 5px solid transparent;
    border-top-color: #333333;
}