@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@300&family=Pathway+Extreme&display=swap');
@font-face { font-family: Majestics1; src: url('../../uploads/fonts/Aclonica.ttf'); }
@font-face { font-family: Majestics2; src: url('../../uploads/fonts/MicroExtendFLF.ttf'); }
@font-face { font-family: Majestics3; src: url('../../uploads/fonts/KasseFLF.ttf'); }

body{
     font-family: 'Oswald', sans-serif; /*'Oswald', sans-serif;*/
     font-size:14px;
     background-color: #bfbfbf;
     color:#fff; 
     font-weight: normal; 

background: #000 url("../../uploads/images/layout/Regina-Background.jpg");
background-repeat: no-repeat;
background-position: center top;
background-attachment: fixed;
background-size: 100% auto;	


}

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


.stickymenu {
	position: -webkit-sticky;
	position: sticky;
	top: 0;
}

  .do{ 
    display: inline;
  }

  .ro{ 
    display: none ;
  }

.que{
  float: left ; 
  width: 200px ; 
}

.img{
width:100%;
}

.caption{
font-size: 14px;
margin-top: 20px;
margin-bottom: 20px;
font-family: Oswald;
line-height: 20px;
}


.vendor_public{
float:left;
border: 1px solid #3966cb;
margin: 5px;
padding: 15px;
text-align:center;
vertical-align:top;
height: 200px;
width: 95%;
}

.vendor_public a{
text-align:center;
display:inline-block;
}

.faq_q{
font-size:25px;
font-family: Majestics2;
}

.tap,
input.tap, a.tap:link, a.tap:visited, input.tapwht{
  display: block ;
  background-color: #fff;
  line-height: 18px ;
  /* padding: 6px 0px 6px 5px ; */
  margin: 10px 0 5px 0 ; 
  text-transform: uppercase ;
  text-align: center ;
  font-weight: bold ; 
  color: #210011; 
  text-decoration: none ; 
border: none ; 
/*  border: 2px solid  #606060; */
}

input.tapwht{
margin:0;
padding:0;
background-color:white;
color:#210011;
width:100%;
text-align:center;

}

.main_hdr{
background:none;
/*background: rgb(56,4,31);
background: -moz-linear-gradient(0deg, rgba(56,4,31,1) 0%, rgba(0,0,0,1) 100%);
background: -webkit-linear-gradient(0deg, rgba(56,4,31,1) 0%, rgba(0,0,0,1) 100%);
background: linear-gradient(0deg, rgba(56,4,31,1) 0%, rgba(0,0,0,1) 100%);*/
min-height:170px;
}

a.button{
background-color: #3a65cc;
color: #fdebbc ;
padding: 5px 15px 5px 15px ;
border: none ;
font-family: Majestics3;

}

.steelbanner{
transform: rotate(3deg);
width:350px;
height:auto;
}

.hilite{
  color: red ; 
  font-weight: bold ;
  font-size: 15px ; 
}
.red{
  background-color: red ;
}

.blue{
  background-color: blue ;
}

.green{
  background-color: green ;
}
.redborder{
  border: 1px solid red;
}
.greenborder{
  border: 1px solid green;
}

.hide{
  display: none ;
}

img.logo{
  width: 400px ;
 /* position:absolute; */
  top: 0;
  margin-left: 15px;
  animation-name: animatelogo;
  animation-duration: 10s;
  animation-delay: -10s;
  animation-iteration-count: infinite;

}

@keyframes animatelogo{
0%   {width:400px ;}
45%   {width:400px ;}
50%  {width:415px ;} /* transform: rotate(5deg); */
85%  {width:415px ;}  
100% {width:400px ;}
}

.main_hdr{
min-height: 200px
}

.header_right{
margin: 6px 1em 0 10px ; 
font-size:1.3em; 
text-align: right ;

}

h1{
  color: #fff;   
  margin-bottom: 5px ;
  font-family: 'Majestics1', sans-serif;
  font-size:2.6em;
}

h2{

}


.memorial_details{
float: right ;
  text-align: right ; 
}

.text-right{
  text-align: right ; 
}

.text-center, .textcenter{
  text-align: center ; 
}


.one, .onerow{
width: 100% ;
display:block ;
}

.left{
  float: left; 
/*  margin-right: 1% ; */
}

.right{
 float: right ;

}
.half{
 width: 49% ;
}

.qtr{
 width: 24% ;
}

.third{
 width: 30% ;
}

.twothirds{
  width: 70% ;
}

.threeqtrs{
  width: 75% ;
}
.eightyfive{
 width: 85% ;
}
.fifteen{
 width: 15% ;
}
.pad10px, .pad10{
  padding: 10px ;
}
.marg5{
margin:5px;
}
.pad5{
padding:5px;
}
.pad20px{
  padding: 15px 20px ;
}
.pad20px{
  padding: 15px 20px ;
}

.padleft20{
  padding-left:  20px ;
}

.padleft10{
  padding-left:  10px ;
}

.padright20{
  padding-right:  20px ;
}

.pad0marg0{
 padding: 0px ;
 margin: 0px ;
}

.centermargin{
margin-left: auto;
margin-right: auto;
display:block;
}

.maxwidth200{
  max-width:200px;
}

.cnt{
  text-align:center;
}
.textright{
  text-align:right;
}


a.alpha:link, a.alpha:visited{
  padding: 2px 5px ;
  margin: 0 5px 10px 0 ;
  background-color: #fff; 
  color: #e80000;
  float: left ;
}

a.alpha:hover{
  background-color: #e80000; 
  color: #fff; 
}

table.newsletter_manager td {
    border-bottom: 1pt solid #000;
}

a{
     color:#fff ;
     text-decoration:none
}

a:hover{
     color:#fdebbc;
     text-decoration:none
}



nav.mini-navigation{
  display: none ;
}

a.bttn {
    padding: 5px 15px;
    background-color: #fdebbc;
    margin: 3px 0px;
    display: inline-block;
    text-align: center;
    color: #210011; 
}

a.bttn_white {
    padding: 5px 15px;
    background-color: #fff;
    margin: 3px 0px;
    display: inline-block;
    text-align: center;
    color: #210011; 
}

button.sm {
    background-color: #fff;
    color: #210011;
    font-size: 10px;
    font-weight: bold;
    padding: 6px 12px;
    text-decoration: none;
    cursor: pointer;
    border: medium none;
}

.search_btn{
  float: right;  
  margin: 75px 1em 0 0 ; 
  font-size:1.3em;
}

.search_div{
  padding: 10px ; 
  text-align: right ; 
  display: block ; 
  clear: both ;  
  background-color: #a59473 ; 
}

input.search{
  width: 300px ; 
  height: 20px ; 
  padding: 5px ; 
  font-size: 1.3em ; 

}

input.search_go{
  background-color: #439211  ; 
  padding: 10px ; 
  font-size: 1.3em ; 
  font-weight: bold; 
  color: white; 
}

ul.search_results li{
  list-style:none;
  border-bottom: 1px solid #a59473 ; 
  padding-bottom: 20px ; 
}

a.search_results_title:link, a.search_results_title:visited{
  font-size: 1.2em ;
  text-decoration: none ; 
}

a.search_results_str:link, a.search_results_str:visited{
  color: #665555 ;
  text-decoration: none ;
 
}

a.search_results_str:hover, a.search_results_title:hover{
  text-decoration: underline ;
}

img.search_icon{
  width: 25px ; 
  height: auto ; 
}

table.hdr_tbl td, table.hdr_tbl th{
 padding:3px 0 3px 10px ;
 border: 1px solid #d8d8d8 ;
}

table.hdr_tbl th{
background-color: #d8d8d8 ;
}

table.cln td{
padding: 0 5px;
}
table.cln {

border: 1px solid black; 
border-collapse: collapse;

}


.outer{
     margin:0em auto 1em auto;
     width:100%;
     background-color:#d5cab4
}

.header{
     /*padding:0.5em 2em 0.5em 4em;*/
margin-left: auto; 
margin-right: auto; 
     background:#bfbfbf ; 
     width: 1180px ; 
}

.header h1{
     font-size:2.2em
}

.header h1,.header h2{
     display:block;
     width:1175px;
     margin:0em auto
}

.header h1 a{
     color:#fff;
     text-decoration:none
}

.header h2{
     color:#606060;
     font-size:1.1em
}

.top_shadow {
    background: url(../../uploads/Modern_Theme/top_shadow.png) top left repeat-x; 
    height: 11px; 
}

.menu{
     /* padding:1em 2em 1em 0em; 
     background:#59af22 url(../../uploads/Modern_Theme/menu.png) top left repeat-x;
     background-color:#59af22 ;
*/
     padding: 1em 0 1em 0 ; 
     font-size:1em;
     height:35px
  background: -webkit-linear-gradient(#59af22 , #39810b); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(#59af22 , #39810b); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(#59af22 , #39810b); /* For Firefox 3.6 to 15 */
  background: linear-gradient(#59af22 , #39810b); /* Standard syntax */

}

.menu ul{
     display:block;
     width:1175px;
     margin:0em auto;
     list-style:none;
     padding-left:2.5em
}

.menu li{
     display:inline
}

.menu li a{
     color:#ffffff;
     font-weight:bold;
     font-size:1.2em;
     text-decoration:none;
     padding:0.25em 0.75em 0.25em 0.75em
}

.menu li a:hover{
    /* background:#342117 url(/cmsms/uploads/Modern_Theme/hover.gif) top left repeat-x;*/
     color:#d8d8d8
}



.content p{
     margin-bottom:1em;
     text-align:left ; 

}

.content h2,h3,h4,h5,h6{
     color:#353e49;
     margin-bottom:1em
}

.content h5 {
  
  font-family: 'Pathway Extreme', sans-serif;
   
}

.content ul{
     margin-bottom:1.5em;
     padding-left:1em
}

.content blockquote{
     padding-left:1em;
     margin-bottom:1.5em;
     border-left:solid 7px #b8c2cd
}

.content blockquote p{
     margin-bottom:0em
}

.content{
     width: 100% ;
     text-align: left ;
     height: 100% ;
}

.maincontentContainer{
    
     max-width: 1175px ;
     text-align: left ;
     margin:0em auto;
     padding: 0 ; 
     height: 200% ;
overflow: hidden ; 

     /* background-color: #000000; /* sidebar background color */ */
     
}

.maincontent{
  font-size:14px;
  margin: 0 ;
  float: left ;
  background-color: #000000; 
  min-height: 500px ; 
/*border-right: 1px solid #3d3d3d;*/
}

.sidebar{
     float:left;
     padding: 0 ;
     height: 100% ; 
     font-size:1em;
     background-color: #636363;
     color: #fff;
}

.sidebar h1{
  color: #fff ;
}

.maincontent h2,.maincontent h3{
     padding-bottom:0.25em;
     margin-bottom:0.2em;
     display:block;
}

.maincontent h2{
     font-size:1.7em;
     margin-left: 0em ; 
   color: #3a65cc; 
   padding-bottom: 10px ; 
  border-bottom: 1px solid #646464;   
  margin-bottom: 10px ;       
}

.maincontent h3{
     font-size:1.2em ;
   color: #fdebbc; 
}

.maincontent p {
    
}

hr{
    border-style: solid;
    border-color: #646464;
    -moz-border-top-colors: none;
    -moz-border-right-colors: none;
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    border-image: none;
    border-width: 1px 0px 0px;
    clear: both;
    margin: 10px 0px;
    height: 0px;
}



.sidebar a {
    color: #ffffff; 
    text-decoration: none ;

/*    padding-right: 5px;       */
}

.sidebar a:hover {
    text-decoration: underline ;
}

a.news:link, a.news:visited{
  margin: 0px 0 5px 10px ;
  font-size: 1.1em ;
  display: block ; 
}

.sidebar h2 {
    color: #ffffff; 
    margin-bottom: 0.5em ; 
    margin-top: 1em ; 

}

.sidebar_ h3{
  margin: 25px 0 15px 0 ;
     color:#fff;
     padding:0em 0.5em 0em 0em;
  display: block ;
clear: both ;
 font-size:1.6em
}

.footer{
color: #fff ;
     padding: 0 ;
     text-align:center;
     width:1175px;
     margin:0em auto;
  border: none ;
/*     border-top: solid 2px #d5cab4 ; */
     font-size:1em ;
 background: rgb(0,0,0);
background: -moz-linear-gradient(180deg, rgba(0,0,0,1) 0%, rgba(58,101,204,1) 100%, rgba(0,212,255,1) 100%);
background: -webkit-linear-gradient(180deg, rgba(0,0,0,1) 0%, rgba(58,101,204,1) 100%, rgba(0,212,255,1) 100%);
background: linear-gradient(180deg, rgba(0,0,0,1) 0%, rgba(58,101,204,1) 100%, rgba(0,212,255,1) 100%);

}

.footerpad{
padding: 15px 50px;
}

.footer a, .footer a:hover {
     color:#ffffff;
     text-decoration:none ;

}

.clear, .clr{
     clear:both
}


/* Stylesheet: 2020 Main Modified On 2025-09-21 11:32:19 */
/* by Alexander Endresen and mark and Nuno */
#menu_vert {
/* no margin/padding so it fills the whole div 
	margin: 0;
	padding: 0;

     padding: 1em 0 1em 0 ; */
     font-size:1.3em;
     height:30px;
text-align:right;

/*background: rgb(140,1,104);
background: -moz-linear-gradient(180deg, rgba(140,1,104,1) 0%, rgba(71,0,58,1) 100%);
background: -webkit-linear-gradient(180deg, rgba(140,1,104,1) 0%, rgba(71,0,58,1) 100%);
background: linear-gradient(180deg, rgba(140,1,104,1) 0%, rgba(71,0,58,1) 100%);*/
}

ul.unli li a{
padding:20px;
font-size: 22px;
color: red;
}

.clearb {
/* needed for some browsers */
	clear: both;
}
#menuwrapper {
      /* width: 1080px; */      
      margin-right: 0px ; 
padding-left: 30px ; 

/* set the background color for the menu here 
	background-color: #243135; */
/* IE6 Hack 
	height: 1%;*/

/* one border at the top 
	border-top: 1px solid #3F565C;
	margin: 0;
	padding: 0;*/
}
ul#primary-nav, ul#primary-nav ul {
/* remove any default bullets */
	list-style-type: none;
	margin: 0;
	padding: 0;
       float:right ;
}
ul#primary-nav {
/* pushes the menu div up to give room above for background color to show */
	padding-top: 5px;
/* keeps the first menu item off the left side */
	padding-left: 0px;
}
ul#primary-nav ul {
/* make the ul stay in place so when we hover it lets the drops go over the content below else it will push everything below out of the way */
	position: absolute;
/* top being the bottom of the li it comes out of */
	top: auto;
/* keeps it hidden till hover event */
	display: none;
/* same size but different color for each border 
	border-top: 1px solid #C8D3D7;*/
	border-right: 1px solid #C8D3D7;
	border-bottom: 1px solid #C8D3D7;
	border-left: 1px solid #C8D3D7;
}
ul#primary-nav ul ul {
/* now we move the next level ul down from the top a little for distinction */
	margin-top: 1px;
/* pull it in on the left, helps us not lose the hover effect when going to next level */
	margin-left: -1px;
/* keeps the left side of this ul on the right side of the one it came out of */
	left: 100%;
/* sets the top of it inline with the li it came out of */
	top: 0px;
}
ul#primary-nav li {
/* floating left will set menu items to line up left to right else they will stack top to bottom */
	float: left;
/* no margin/padding keeps them next to each other, the padding will be in the "a" */
	margin: 0px;
	padding: 0px;
}
#primary-nav li li {
/* Set the width of the menu elements at second level. Leaving first level flexible. */
	width: 220px;
/* removes any left margin it may have picked up from the first li */
	margin-left: 0px;
/* keeps them tight to the one above, no missed hovers */
	margin-top: -1px;
/* removes the left float set in first li so these will stack from top down */
	float: none;
/* relative to the ul they are in */
	position: relative;
background-color: #3966cb;
height:35px;
}
/* set the "a" link look here */



ul#primary-nav li a {
/* specific font size, this could be larger or smaller than default font size */
	font-size: .9em;
padding: 5px 0 ;
	font-weight: normal; /* make sure we keep the font normal */
	color: #fff; /* set default link colors */

   font-family:Majestics1 ;
   margin-bottom:5px;
   -webkit-font-smoothing: subpixel-antialiased;

/* pushes out from the text, sort of like making links a certain size, if you give them a set width and/or height you may limit you ability to have as much text as you need */
	padding: 10px 15px 8px;
	display: block;
/* sets no underline on links */
	text-decoration: none;
}
ul#primary-nav li a:hover {
/* kind of obvious */
	background-color: transparent;
color: #d8d8d8
}
ul#primary-nav li li a:hover {
/* this is set to #000, black, below so hover will be white text */
	color: #210011; 
background-color: #F3F5F5 ; 
}
ul#primary-nav li a.menuactive {
	color: #d8d8d8;

/* bold to set it off from non active 
	font-weight: bold;*/
/* set your image here 
	background:  url(https://majesticscarclub.com/uploads/ngrey/nav.png) repeat-x left 0px;
*/
}
/*
ul#primary-nav li a.menuactive:hover {
	color: #000;
	font-weight: bold;
}
*/
#primary-nav li li a.menuparent span {
/* makes it hold a shape */
	display: block;
/* set your image here, right arrow, 98% over from the left, 100% or 'right' puts it to far */
	background:  url(https://majesticscarclub.com/uploads/ngrey/parent.png) no-repeat 98% center;
}
/* gif for IE6, as it can't handle transparent png */
* html #primary-nav li li a.menuparent span {
/* set your image here, right arrow, 98% over from the left, 100% or 'right' puts it to far 
	background:  url(https://majesticscarclub.com/uploads/ngrey/parent.gif) no-repeat 98% center;
*/
}
ul#primary-nav li ul a {
/* insures alignment */
	text-align: left;
	margin: 0px;
	font-size: 0.95em;
/* keeps it relative to it's container */
	position: relative;
/* less padding than first level no need for large links here */
	padding: 4px 3px 3px 15px;
/* if first level is set to bold this will reset this level */
	font-weight: normal;
/* first level is #FFF/white, we need black to contrast with light background */
	color: #fff;
	border-top: 0 none;
	border-right: 0 none;
	border-left: 0 none;
}
ul#primary-nav li ul {
/* very lite grey color, by now you should know what the rest mean */
	background: #210011;
	margin: 0px;
	padding: 0px;
	position: absolute;
	width: auto;
	height: auto;
	display: none;
	position: absolute;
	z-index: 999;
	/* border-top: 1px solid #FFFFFF; 
	border-bottom: 1px solid #374B51;*/
/*Info: The opacity property is  CSS3, however, will be valid just in CSS 3.1) http://jigsaw.w3.org/css-validator2) More Options chose CSS3 3) is full validate;)*/
	opacity: 0.95;
/* CSS 3 */
}
ul#primary-nav li ul ul {
/*Info: The opacity property is  CSS3, however, will be valid just in CSS 3.1) http://jigsaw.w3.org/css-validator2) More Options chose CSS3 3) is full validate;)*/
	opacity: 95;
/* CSS 3 */
}
/* Styling the appearance of menu items on hover */
#primary-nav li:hover,
#primary-nav li.menuh,
#primary-nav li.menuparenth,
#primary-nav li.menuactiveh {
/* set your image here, dark grey image
	background:  url(https://majesticscarclub.com/uploads/ngrey/darknav.png) repeat-x left center;
 */
	
}
/* The magic - set to work for up to a 3 level menu, but can be increased unlimited*/
/* for fourth level add*/
/*
#primary-nav ul ul ul li:hover ul,
#primary-nav ul ul ul li.menuparenth ul,
*/

#primary-nav li:hover ul ul ul ul,
#primary-nav li.menuparenth ul ul ul ul,
#primary-nav li:hover ul ul ul,
#primary-nav li.menuparenth ul ul ul,
#primary-nav ul,
#primary-nav li:hover ul,
#primary-nav li:hover ul ul,
#primary-nav li.menuparenth ul,
#primary-nav li.menuparenth ul ul {
	display: none;
}

#primary-nav ul ul ul ul li:hover ul,
#primary-nav ul ul ul ul li.menuparenth ul,
#primary-nav ul ul ul li:hover ul,
#primary-nav ul ul ul li.menuparenth ul,
#primary-nav li:hover ul,
#primary-nav ul li:hover ul,
#primary-nav ul ul li:hover ul,
#primary-nav li.menuparenth ul,
#primary-nav ul li.menuparenth ul,
#primary-nav ul ul li.menuparenth ul {
	display: block;
}


/* IE6 Hacks */
#primary-nav li li {
	float: left;
	clear: both;
}
#primary-nav li li a {
	height: auto;
padding: 3px 0;

}

.subsub{
  background-color: #d8d8d8 ;
}

li.subsub span{
  color: #210011;
font-size: 0.85em ;
padding-left: 10px ; 
}

a.subsub{
  color: #210011;
}
/* Stylesheet: 2020 Nav Modified On 2024-04-14 11:16:16 */
/* Sample FormBuilder CSS base */
form {
	margin-top: 0
}
form, td, th, li {
	font-size: 100%
}

button {
    background-color: #47003a;
    color: #FFF;
    font-size: 16px;
    font-weight: bold;
    padding: 12px 18px;
    text-decoration: none;
    cursor: pointer;
    border: medium none;
}

form div {
	margin-bottom: 10px ; 
}
fieldset div {
	margin-bottom: 0.5em;
	margin-left: 1em;
}
fieldset div div {
	margin-top: 0.5em;
	margin-left: 1em
}
fieldset {
	margin-bottom: 1em;
	border: 1px solid #F60;
	padding: 0.5em
}
fieldset label {
	width: auto;
}
legend {
	color: #FFF;
	background: #F60;
	font-style: italic;
	font-size: 1.2em;
	margin-bottom: 0.5em;
	padding: 0.2em;
	width: auto;
	border: 1px solid #CCC
}
textarea {
	margin: 0.5em 0;
	width: 98%;
	height: 6em
}
/* Apply this class to text/select input fields with shorter labelsto help alignment */
.short-label label {
	float: left;
	width: 10em
}
label {
	float: left;
	width: 200px ;
clear: both ; 
}

#cntnt01fbrp_submit {
background-color: #47003a;
color: #FFF;
font-size: 16px;
font-weight: bold;
padding: 12px 18px;
text-decoration: none;
cursor: pointer;
border: medium none;
float: right ; 
clear : both ; 

}

label[for=degree_diploma_0]
{
  width: 50px ; 

}
label[for=degree_diploma_1]
{
  width: 50px ; 
  padding-left: 20px ; 

}


label[for=membership_type_0]
{
  width: 100px ; 

}
label[for=membership_type_1]
{
  width: 140px ; 
  padding-left: 20px ; 

}
 
.short-label fieldset div input, .short-label fieldset div select {
	width: 16em
}
/* Pretty up your Captcha image output */
.captcha {
	margin: 0.5em 0;
	width: 200px;
	text-align: center
}
.captcha img {
	border: 1px solid #F60;
	margin-bottom: 0.5em
}
.captcha input {
	width: 196px;
	margin-top: 0.5em
}
/* Just a bit more room for the Submit button */
.submit {
	margin-top: 0.5em
}

.formbuilderform .message {
	line-height: 16px;
	padding: 0 0 8px 0;
}
/* Stylesheet: 2020 Forms Modified On 2023-04-27 23:35:57 */
/* live search */
/* Formatting search box */
    .search-box{
        width: 100%;
        position: relative;
        display: inline-block;
        font-size: 14px;
    }
    .search-box input[type="text"]{
        height: 32px;
        padding: 5px 10px;
        border: 1px solid #CCCCCC;
        font-size: 14px;
    }
    .result{
        position: absolute;        
        z-index: 999;
        top: 100%;
        left: 0;
        background-color: #000;
    }
    .search-box input[type="text"], .result{
        width: 100%;
        box-sizing: border-box;
    }

#feu_username, #feu_password{
background-color: #fff; 
color: #000;
}
    /* Formatting result items */
    .result p{
        margin: 0;
        padding: 7px 10px;
        border: 1px solid #CCCCCC;
        border-top: none;
        cursor: pointer;
    }
    .result p:hover{
        background: #404040;
    }
/* end live search */

.stlpri{
color: #3a65cc;
}

.icon{
width: 20px;
border: 0 ;
margin: 0 ; 
padding: 0 ; 
opacity: 0.5;
padding-top: 4px ;
margin-left: 2px ;
padding:0;
margin:0;
}

.pri{
color: #3966cb ;
}
.sec{
color: #fdebbc ;
}

.not_checked_in{
border: 3px solid #3a65cc; 
font-size: 12px; 
text-align:center;
float:left; 
margin-right: 10px; 
width:80px; 
}

.que{
  float: left ; 
  width: 200px ; 
}

.checked_in{
border: 3px solid green; 
font-size: 12px; 
text-align:center;
float:left; 
margin-right: 10px; 
width:80px; 
}

.completed{
border: 3px solid #fdebbc; 
font-size: 12px; 
text-align:center;
float:left; 
margin-right: 10px; 
width:80px; 
}

.rngmin{
text-align:left;
width:33%;
float:left;
padding:0;
margin:0;
}

.rngmax{
text-align:right;
width:33%;
float:right;
}


.gauges{
    color: #fff ;
    margin-left: 50px ; 

}

table.data td{

}

table.data th{
 color: #3a65cc;
 font-size:16px;
}

table.data2 td{
  border-bottom: 1px solid #b9b9b9 ; 
}

table.data2 a:link{
  font-size: 1.2em ; 
}

table.data3 td, table.data3 th{
  text-align: center ; 
}


h2.tj{
/* background-color: #f7f7f7; */
padding: 5px 5px;
border-top: 1px solid #f7f7f7 ; 
}

.tapred, input.tapred{
  background-color: #3a65cc; 
}

.tap, input.tap, a.tap:link, a.tap:visited{
	background-color: #3a65cc; 
	font-size:15px;
	color: #fff;
	border-radius:5px;
	padding: 5px 15px  ;
	margin: 5px 0 5px 0 ; 
	text-transform: uppercase ;
	text-align: center ;
	font-weight: normal; 
	letter-spacing: 0.08em;
	text-decoration: none ;
	/*
	border: 1px solid #8e8e8e;
	width: 120px ;
	display: block ; 
	background-color: #595959;
	*/

}

.sts_sort{
    font-size:12px;
    color:white;
    display:inline-block;
    /* height:42px; */
    width:90px;
    text-align:center;
    vertical-align:top;
    margin: 0 5px 5px 0 ;
    padding: 5px 5px ;
    border-radius:5px;
}

a.sts_sort:hover{
    color:white;
text-decoration: underline ; 
} 

.tap_grey, input.tap_grey, a.tap_grey:link, a.tap_grey:visited{
  color: #7c7c7c ;
}

input.act, a.act:link, a.act:visited{
background-color: #fff;
width: 90px ; 
padding: 3px 10px 3px 5px ;
margin: 10px 10px 5px 0 ; 
float: left ;

}

.grp-act,
input.grp-act, a.grp-act:link, a.grp-act:visited{ /* veh group actions buttons */
background-color: #fdebbc;
/* width: 90px ;  */
padding: 5px 15px ;
margin: 10px 10px 5px 0 ; 
float: left ;
color: #000;
font-weight:bold;
letter-spacing:0.08em;

}

a.tappts:link{
color: #000;
}

a.veh_name:link, a.veh_name:visited{
/*
padding: 3px 10px 3px 5px ;
margin: 0 0 5px 0 ; 
text-transform: uppercase ;
text-align: center ;
*/
font-weight: bold ; 
color: #3a65cc; 
text-decoration: none ; 
font-size: 17px ;
/* font-family: 'Source Sans Pro', sans-serif; */
}

a.veh_img_cnt:link, a.veh_img_cnt:visited{
line-height: 1em ;
font-weight: bold ; 
color: #d8d8d8; 
text-decoration: none ; 
font-size: 12px ;
display: block ; 
text-align: center ;
width: 100% ; 
}

a.cls_name:link, a.cls_name:visited{
font-size: 15px ; 
color: #fff ; 
padding-left: 1px ; 
text-decoration: none ;
float: left ;
}

a.jud:link, a.jud:visited, .jud{
/*   width: 80px ;  */
   float: left ; 
   margin: 0 0 5px 10px;
   width:23%;
}

tr.bordertop td{
  border-top: 1px solid #d5d5d5 ; 
}

.comp{ /* completed score */
  background-color: #fff ;
  border: 2px solid #3a65cc;
  color: #3a65cc ;
  padding-bottom: 1px ;
}

.mod  { /* modern completed score */
  background-color: #fff ;
  border: 2px solid green ;
  color: green ;
  padding-bottom: 1px ;
}

a.mod:link, a.mod:hover, a.mod:visited{
  background-color: green  ;
  color: #fff ;

}

a.arr:link, a.arr:visited, 
.arr{ /* arrived / checked in */
  background-color: #fff ;
  border: 2px solid green;
  color: green;
  padding-bottom: 1px ;
  width: 105px ; 
}

a.act2:link, a.act2:visited, 
.act2{ /* action - 2nd state - as in 'already classed' */
  background-color: #fff ;
  /*border: 2px solid #d1d1d1 ;*/
  color: #d1d1d1;
  padding-bottom: 1px ;
  width: 105px ; 
}


a.rpt-cmp:link, a.rpt-cmp:visited, 
.rpt-cmp{ /* report - competitors report - car numbers only' */
  float: left ;
  padding: 20px 0 20px 0 ;
  color: #3a65cc;
  margin-right: 15px ;

}

a.c_ans:link, a.c_ans:visited{
background-color: #999999;
width: 100% ; 
display: block ;
padding: 3px 10px 3px 5px ;
margin: 10px 10px 5px 0 ; 
float: left ;
text-align: center ; 
text-decoration: none ;
color: white ;
text-transform: uppercase ; 
}

a.c_ans_sel:link, a.c_ans_sel:visited{
  text-transform: none ; 
  text-align: left ;
  background-color: white ;
  color: #3a65cc ;
  margin: 0 ; 
  padding: 0 ; 
}

input.incog{ /* incognito button, looks like a link */
     background:none!important;
     color: #be29ec; /*inherit;*/
     border:none; 
     padding:0!important;
     font: inherit;
     /*border is optional*/
     border-bottom: none ;
     cursor: pointer;

}

.opa, .opa50 { /* opacity 50% */
  opacity: 0.5 ; 

}

.opa75{ /* opacity 75% */
  opacity: 0.75 ; 

}

.fw{ /* full width - adds width: 100% to a div */
  width: 100% ;
}

.sts_msg_sts{ /* status & messages hist report - status style */
  font-size: 14px ; 
  color: #3a65cc ;
  float: left ;

}

.sts_msg_auth{
  float: right ; 
  text-align: right ;
  padding-top: 3px ; 

}

.rt{
  float: right ; 
}

.lt{
  float: left ; 
}

.height20{
height:20px;
}


.height25{
height:25px;
}

.height30{
height:30px;
}

input.conf, a.conf:link, a.conf:visited{
background-color: green ;
width: 100% ; 
padding: 3px 10px 3px 5px ;
margin: 10px 10px 5px 0 ; 
float: left ;

}

.imgthumbdiv{
padding:0;
}

.imgthumbdiv img{
padding:0;
margin:0;
}

.actionsdiv{
width:200px;
}

a.vehbtn, label.vehbtn{
background-color:#3a65cc;;
color:#fff;
width:49%;
float:left ;
height:30px;
line-height:30px;
border: 1px solid #fff;
/*border-left: 1px solid #fff;
border-bottom: 1px solid #fff;*/
text-align:left ;

}

.fa2{
font-size:20px; 
color:#dedede; 
margin:0 0 0 10px;
width: 50px;
text-align:center ;
}

.fa3{
font-size:20px; 
color:#fff; 
margin:5px 0 0 0px;
float: left;

}

.frmlnk{
height: 23px;
font-size:11px;
line-height: 1em;
letter-spacing: 0.11em;
padding-top: 10px;
overflow:hidden;
}

.uncertain{
font-weight: normal ; 
color: #ff4444 ;
}

.vehrow{
width: 100% ;
display:block ;
}
.carnumflag, .stallflag{
float: left ;
width:50%;
height:25px;
margin:0;
text-align:center;
font-size: 18px;
font-weight:bold ;
background-color: #3a65cc ; 
color:#fff;
}

.stallflag{
background-color: #8d8d8d; 
color: #3a65cc; 
}

.car_num{
font-size: 16px ; 
color: #fdebbc; 
text-align: center ; 
margin: 5px 0 0 0; 
padding: 0 ; 
line-height:  1.3em ; 
}

.pts_val{
font-size: 15px ; 
color: #fdebbc ;
/*float: left ; */
margin-right: 3px ; 
}

.veh_ct,
.pts_str{
font-size: 13px ; 
color: #fdebbc ;
float: left ; 
padding-left: 15px ; 
}

.cls_indent, .ind {
float: left; 
margin-left: 30px ; 
text-align: left ;
}

a.pag:link, a.pag:visited{ /* pagination */
background-color: #dadada;
width: 20px ; 
padding: 4px 9px 4px 8px ;
margin: 10px 5px 5px 0 ; 
color: #3a65cc; 
display: inline ; 
font-size: 14px ; 
}

.pagination_{
display: block; 
width: 100% ;
text-align: center ; 
margin: 0 auto ;
border-bottom: 1px solid #dadada ; 
margin-bottom: 10px ;
padding-bottom: 10px ;
}

.sts_hst{ /* status history */
  float: left; 
  width: 50% ; 
  /* background-color: red ; */

}


.sts_frm{ /* status update form */
  float: left; 
  border-right: 1px solid #dadada ; 
  min-width: 300px ; 
  margin-right: 15px ;
  padding-right: 10px ;
  width: 400px ; 

}

.vtop{ /* align to top, take away any top padding/ margin */
  padding-top: 0 ; 
  margin-top: 0 ; 
}

.ind{ /* indent */
  padding-left: 0 ; 
  margin-left: 15px ; 
  margin-top: 4px;
}

.gry{
  color: #999999 ;
}

table.sect_gui_DE, table.sect_gui_AC{
  /* -- this image has the section numbers on the image */
  background-image: url( 'http://majesticscarclub.com/uploads/annual_car_show/upcoming/judging/images/floorplans/sect/Hall-DE.jpg' ) ;

  background-repeat: no-repeat ;
  background-size: 489px auto;

}

tr.bord td {
  border-bottom:1pt solid #d8d8d8;
}

table.sect_gui_AC{ 
  /* -- this image has the section numbers on the image */
  background-image: url( 'http://majesticscarclub.com/uploads/annual_car_show/upcoming/judging/images/floorplans/sect/Hall-AC.jpg' ) ;

}

.legpts{
color: #fdebbc ;
font-weight:bold ;
}

/* Style the tab */


.tab {
  overflow: hidden;
/*  border: 1px solid #ccc;
  background-color: #f1f1f1; */
}

/* Style the buttons inside the tab */
.tab button {
  background-color: inherit;
  float: left;
*/  border-right: 1px solid white; */
  outline: none;
  cursor: pointer;
  padding: 14px 16px;
  transition: 0.3s;
  font-size: 17px;
  color: #3a65cc;
}

/* Change background color of buttons on hover */
.tab button:hover {
  background-color: #ddd;
}

/* Create an active/current tablink class */
.tab button.active {
  background-color: #ccc;
}

/* Style the tab content */
.tabcontent {
  display: none;
  padding: 6px 12px;
  border: none ; 
  border-top: none;
}

th{
/* border-bottom: 1px solid #d8d8d8; */
margin: 5px 5px 5px 5px ; 

}

.dbg{
  color: red ; /* bright red */
}

.black_bg{
background-color: black;
}

.disp_inline{
  display: inline ; 
  float: left ;
  margin: 5px 10px 5px 0 ; 
}

.nopad{
  padding: 0 ; 
  margin: 0 ; 
}
/* sidebar menu */

/*****************************************/
/*****************************************/
/*****************************************/
/******************** MENU *********************/
/*****************************************/
#menu_vert2 {
	margin: 0;
	padding: 0;
}
#menu_vert2 ul {
/* remove any bullets */
	list-style: none;
/* margin/padding set in li */
	margin: 0px;
	padding: 0px;
}
#menu_vert2 ul ul {
	margin: 0;
/* padding right sets second level li in on right from first li */
	padding: 0px 5px 0px 0px;
/* replaces bottom of li.menuactive menuparent, looks like li below it, set in 5px more, is sitting on top of it */
	/*
background: transparent url(https://majesticscarclub.com/uploads/ngrey/liup.gif) no-repeat right -4px;
*/
}
#menu_vert2 li {
/* remove any bullets */
	list-style: none;
/* negative bottom margin pulls them together, images look like one border between */
	margin: 0px 0px -1px;
/* bottom padding pushes "a" up enough to show our image */
	padding: 0px 0px 2px 0px;
/* you can set your own image here */
/*
	background: transparent url(https://majesticscarclub.com/uploads/ngrey/liup.gif) no-repeat right bottom;
*/
}
#menu_vert2 li.currentpage {
	padding: 0px 0px 3px 0px;
}
#menu_vert2 li.menuactive {
	margin: 0;
	padding: 0px;
/* replaced by image in ul ul */
	background: none;
}
#menu_vert2 li.menuactive ul {
	margin: 0;
}
#menu_vert2 li.activeparent {
	margin: 0;
	padding: 0px;
}

/* Modal */
.modal {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    display: none;
    overflow: auto;
    background-color: #000000;
    background-color: rgba(0, 0, 0, 0.7);
    z-index: 9999;
}

.modal-window {
    position: relative;
    background-color: #FFFFFF;
    /*width: 50%;*/
    width:400px;
    color: #000;
    margin: 50px auto;
    padding: 20px;

}

.modal-window.small {
    width: 75%;
}

.modal-window.large {
    width: 75%;
}

.close {
    position: absolute;
    top: 0;
    right: 0;
    color: rgba(0,0,0,0.3);
    height: 30px;
    width: 30px;
    font-size: 30px;
    line-height: 30px;
    text-align: center;

}

.close:hover,
.close:focus {
    color: #000000;
    cursor: pointer;
}

.open {
    display: block;
}



/* fix stupid IE6 bug with display:block; */
* html #menu_vert2 li {
	height: 1%;
}
* html #menu_vert2 li a {
	height: 1%;
}
* html #menu_vert2 li hr {
	height: 1%;
}
/** end fix **/
/* first level links */
div#menu_vert2 a {
/* IE6 has problems with this, fixed above */
	display: block;
/* some air for it */
	padding: 0em 0.3em 0em 1.4em;
/* this will be link color for all levels */
	color: #fff;
/* Fixes IE7 whitespace bug */
	min-height: 1em;
/* no underline for links */
	text-decoration: none;
  font-size: 18px ; 

}
/* next level links, more padding and smaller font */
div#menu_vert2 ul ul a {
	font-size: 14px;
	padding: 1em 0.3em 1em 2.8em;

}
/* third level links, more padding */
div#menu_vert2 ul ul ul a {
	padding: 0.5em 0.3em 0.3em 3em;
color: #3a65cc;
}
/* hover state for all links */
div#menu_vert2 a:hover {
	background-color: transparent;
	color: #3a65cc;
	text-decoration: none ;
}
div#menu_vert2 a.activeparent:hover {
	color: #595959;
}
/* active parent, that is the first level parent of a child page that is the current page */
div#menu_vert2 li.activeparent {
/* you can set your own image here */
/*
	background: transparent url(https://majesticscarclub.com/uploads/ngrey/liup.gif) no-repeat right -65px;
*/
/* white to contrast with background image */
	color: #fff;
}
div#menu_vert2 li.activeparent a.activeparent {
/* you can set your own image here */
/*
	background: transparent url(https://majesticscarclub.com/uploads/ngrey/libk.gif) no-repeat right top;
*/
/* to contrast with background image */
	color: #000;
}
div#menu_vert2 li a.parent {
/* takes left padding out so span image has room on left */
	padding-left: 0em;
}
div#menu_vert2 ul ul li a.parent {
/* increased padding on left offsets it from one above */
	padding-left: 0.9em;
}
div#menu_vert2 li a.parent span {
	display: block;
	margin: 0;
/* adds left padding taken out of "a.parent" */
	padding-left: 1.5em;
/* arrow on left for pages with children, points down, you can set your own image here */
/*
	background: transparent url(https://majesticscarclub.com/uploads/ngrey/active.png) no-repeat 2px center;
*/
}
div#menu_vert2 li a.parent:hover {
/* removes underline hover effect */
	text-decoration: none;
}
div#menu_vert2 li a.parent:hover span {
	display: block;
	margin: 0;
	padding-left: 1.5em;


}
div#menu_vert2 li a.menuactive.menuparent {
/* sets it in a little more than a.parent */
	padding-left: 0.35em;
}
div#menu_vert2 ul ul li a.menuactive.menuparent {
/* sets it in a little more on next level */
	padding-left: 0.99em;
}
div#menu_vert2 li a.menuactive.menuparent span {
	display: block;
	margin: 0;
/* to contrast with non active pages */
	font-weight: bold;
	padding-left: 1.5em;
/* arrow on left for active pages with children, points right, you can set your own image here */
/*
	background: transparent url(https://majesticscarclub.com/uploads/ngrey/parent.png) no-repeat 2px center;
*/
}
div#menu_vert2 li a.menuactive.menuparent:hover {
	text-decoration: none;
	color: #18507C;
}
div#menu_vert2 ul ul li a.activeparent {
	color: #fff;
}
/* current pages in the default Menu Manager template are unclickable. This is for current page on first level */
div#menu_vert2 ul h3 {
	display: block;
/* some air for it */
	padding: 0.8em 0.5em 0.5em 1.5em;
/* this will be link color for all levels */
	color: #000;
/* instead of the normal font size for <h3> */
	font-size: 1em;
/* as <h3> normally has some margin by default */
	margin: 0;
/* you can set your own image here, same as "a" */
/*
	background: transparent url(https://majesticscarclub.com/uploads/ngrey/libk.gif) no-repeat right top;
*/
}
/* next level current pages, more padding, smaller font and no background color or bottom border */
div#menu_vert2 ul ul h3 {
	font-size: 90%;
	padding: 0.8em 0.5em 0.5em 2.8em;
/* you can set your own image here, same as "a" */
/*
	background: transparent url(https://majesticscarclub.com/uploads/ngrey/libk.gif) no-repeat right top;
*/
	color: #000;
}
/* current page on third level, more padding */
div#menu_vert2 ul ul ul h3 {
	padding: 0.6em 0.5em 0.2em 3em;
}
/* BIG NOTE: I didn't do anything to these, never tested */
/* section header */
div#menu_vert2 li.sectionheader {
	border-right: none;
	padding: 0.8em 0.5em 0.5em 1.5em;
/*
	background: transparent url(https://majesticscarclub.com/uploads/ngrey/libk.gif) no-repeat right top;
*/
	line-height: 1em;
	margin: 0;
        color: #18507C;
        cursor:text;
}
/* separator */
div#menu_vert2 .separator {
	height: 1px !important;
	margin-top: -1px;
	margin-bottom: 0;
	-padding: 2px 0 2px 0;
	background-color: #000;
	overflow: hidden !important;
	line-height: 1px !important;
	font-size: 1px;
/* for ie */
}
div#menu_vert2 li.separator hr {
	display: none;
/* this is for accessibility */
}

/*****************************************/
/*****************************************/
/*****************************************/

h3 {
    margin: 30px 0 20px 0;
    clear: both;
}

ul.normal {
    width: 500px;
}

ul.normal li {
    padding: 5px;
}

ul.float {
    list-style-position: inside;
    padding: 0;
    margin: 0;
    overflow: hidden;
}

ul.float li {
    float: left;
    margin: 10px;
}

ul.inline {
    list-style-position: inside;
    padding: 0;
    margin: 0;
}

ul.inline li {
    display: inline-block;
    vertical-align: top;
    margin: 10px;
}

.list div {
    margin: 2px 0;
    padding: 2px;
}

.drop {
    margin: 20px 0;
    padding: 5px;
    border: 2px dotted orange;
    border-radius: 5px;
}

.drop.hovering {
    background-color: #F6BF66;
}

.unselectable {
    -moz-user-select: -moz-none,
    -moz-user-select: none,
    -o-user-select: none,
    -khtml-user-select: none,
    -webkit-user-select: none,
    -ms-user-select: none,
    user-select: none
}

.dragaware {
    cursor: pointer;
}

.draggable_clone {
    position: absolute; /* also set via javascript */
    z-index: 100001;
    pointer-events:none; /* disable mouse events on the clone */
}

.draggable.dragging, .draggable .dragging {
    opacity: 0.5;
}

.sortable .sortable_clone {
    position: absolute; /* also set via javascript */
    z-index: 100001;
    list-style-type: none;
    opacity: 0.5;
}

.sortable .sortable_placeholder {
    box-sizing: border-box;
    list-style-type: none;
    background: #eee;
    border: 2px dotted #52b218;
}

.flr_pln_sel{
padding: 5px ; 
border: 1px solid #3a65cc ; 
width: 125px ; 
/* overflow: hidden ; */
margin-right: 15px ;  
float: left ;
}


/* --------- */
/* tooltip */

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

.tooltip .tooltiptext {
  visibility: hidden;
  width: 160px;
  background-color: black;
  color: #fff;
  border: 1px solid #fff;
  text-align: left;
  border-radius: 6px;
  padding: 5px 10px;
  
  /* Position the tooltip */
  position: absolute;
  z-index: 1;
  top: -30px;
  left: -50%;
}

.tooltip:hover .tooltiptext {
  visibility: visible;
  opacity: 1;
  transition: opacity 2s linear;
}

/* --------- */




input.hidden_input{
border: 1px solid #fff ;
}

.flr_pln_stl{
font-size: 18px ; 

}
input.large_input{
width: 100px;
height: 30px ;
font-size: 22px ;
padding-left: 5px ; 
}

.history_badge{
  position: relative;
  text-align: center;
  color: #3a65cc;
 float: left ; 
}

/* Centered text */
.badge_text {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
font-size: 26px ;
font-weight: bold ;
}

.badge_img{
width: 100px ;
}

div.circletag {
    display: block;
    width: 40px;
    height: 40px;
    background: #E6E7ED;
    border-radius: 20px;
    text-align: center;
}

div.circletag img {
    line-height: 40px;
}

input.stl, a.stl:link, a.stl:visited{
  color: #fdebbc;
text-decoration: none ;
}

a.stl-lg:link, a.stl-lg:visited{
  color: #fdebbc;
  font-size: 16px ;
}
a.stl-lg:hover{
  color: #fff;
}

.past_prize{
 padding: 8px 5px ; 
 border: 1px solid #818181 ;
border-radius: 25px;
 margin-left: 10px ; 
white-space: normal ;
min-height: 80px ;
width: 90px ; 
background-image: url('https://majesticscarclub.com/uploads/judging/images/icons/trophy_history.png') ;
background-repeat: no-repeat;
background-position: center top;
/* background-attachment: fixed; */
background-size: 90px auto ; 

}

.sb_sel_gr { /* show builder, select group */
border: 1px solid #000 ; 
padding: 5px 10px ; 
margin: 0 10px 8px 0 ; 
float: left ;
min-width: 100px ;
height: auto ; 
text-align: center ; 
}

.sb_sel_gr h2{
color: #000 ; 
margin: 0 ; 
font-size: 20px ; 
}

div.ind input {
  background: url( "http://majesticscarclub.com/NEW/uploads/judging/images/icons/status.png" ) no-repeat;
  background-size: 20px;
  width: 20px;
  height: 20px;
  cursor: pointer;
  border: none;
font-size: 1px ;
float: left ;
}





/* Range slider */
//////////////////////////////////////
$easeOutBack: cubic-bezier(0.175, 0.885, 0.320, 1.275);
$color-range-output: #383c42;
$color-input-placeholder: #c3c4c6;
$height-range-bounds: 22px;
$background-color-range-thumb: #333940;
$radius-range-thumb: 100px;
$height-range-thumb: 24px;
$width-range-thumb: 24px;
$size-range-thumb-shadow: 25px;
$color-range-thumb-shadow: rgba(#000, .5);
$shadow-offset-y-range-thumb: 4px;
$shadow-offset-x-range-thumb: 0px;
$border-width-range-thumb: 6px;
$border-color-range-thumb: #fff;
$width-range-track: 100%;
$height-range-track: 4px;
$radius-range-track: 100px;
$fill-range-track: #e6e6e6;
$fill-range-track-active: #60cd18;

//Output
$height-range-output: 60px;
$min-width-range-output: 32px;
$padding-x-range-output: 20px;
$size-range-output-arrow: 10px;
$offset-y-range-output: 4px;

.range {
	@mixin range-track() {
		box-sizing: border-box;
		width: $width-range-track;
		height: $height-range-track;
		background: $fill-range-track;
		border-radius: $radius-range-track;
	}
	@mixin range-thumb() {
		box-sizing: border-box;
		box-shadow: $shadow-offset-x-range-thumb $shadow-offset-y-range-thumb $size-range-thumb-shadow $color-range-thumb-shadow;
		border: $border-width-range-thumb solid $border-color-range-thumb;
		height: $height-range-thumb;
		width: $width-range-thumb;
		border-radius: $radius-range-thumb;
		background: $background-color-range-thumb;
		cursor: pointer;
	}

	position: relative;

	//Native
	input[type=range] {
		appearance: none;
		padding: 0;
		width: $width-range-track;
		height: $height-range-bounds;
		cursor: pointer;
		display: block;

		&:focus {
			outline: none;
		}
		&[disabled] {
			opacity: .3;
			cursor: default;
		}
	}

	//Plugin wrapper
	.rangeslider {
		position: relative;
		height: $height-range-bounds;
		cursor: pointer;
		user-select: none;
	}

	//Track
	.rangeslider:before {
		@include range-track();
		content: "";
		position: absolute;
		top: 50%;
		transform: translateY(-50%);
	}
	input::-webkit-slider-runnable-track, {
		@include range-track();
		margin: $height-range-bounds / 2 0;
	}
	input::-moz-range-track {
		@include range-track();
		margin: $height-range-bounds / 2 0;
	}
	input::-ms-track {
		@include range-track();
		color: transparent;
		padding: $height-range-bounds / 2 0;
		background: transparent;
		border-color: transparent;
	}

	//Track fill
	input::-ms-fill-lower,
	input::-ms-fill-upper {
		@include range-track();
	}
	input::-ms-fill-lower {
		background: $fill-range-track-active;
	}
	.rangeslider-fill-lower {
		background-color: $fill-range-track-active;
		border-radius: $radius-range-track;
		position: absolute;
		top: 50%;
		transform: translateY(-50%);
		height: $height-range-track;
		will-change: width;
	}

	//Thumb
	input::-webkit-slider-thumb {
		@include range-thumb();
		appearance: none;
		transform: translateY(-50%);
		margin-top: $height-range-track / 2;
	}
	input::-moz-range-thumb {
		@include range-thumb();
	}
	input::-ms-thumb {
		@include range-thumb();
	}
	.rangeslider-thumb {
		@include range-thumb();
		position: absolute;
		touch-action: pan-x;
		top: 50%;
		transform: translateY(-50%);
		will-change: left;
	}

	.range-output {

		position: absolute;
		left: ($width-range-thumb - $border-width-range-thumb * 2) / 2;
		top: ($width-range-thumb - $border-width-range-thumb * 2) / 2;
		transform-origin: 0 0;
		transition: transform .4s $easeOutBack;
		user-select: none;

		.output {
			display: block;
			position: absolute;
			height: $height-range-output;
			line-height: $height-range-output;
			min-width: $min-width-range-output;
			padding: 0 $padding-x-range-output;
			top: - ($width-range-thumb / 2) - $offset-y-range-output - $size-range-output-arrow;
			transform: translate(-50%, -100%);
			background: $color-range-output;
			color: #fff;
			border-radius: 100px;
			white-space: nowrap;
			font-weight: bold;
			font-size: 1.2em;
			text-align: center;

			&:before {
				content: "";
				position: absolute;
				bottom: - $size-range-output-arrow + 2px; //Subtract 2 to get slight overlap that renders more nicely
				left: 50%;
				border: $size-range-output-arrow solid $color-range-output;
				border-bottom: none;
				border-left-color: transparent;
				border-right-color: transparent;
				transform: translateX(-50%);
			}
		}
	}
}



/* Stylesheet: TapJudge Modified On 2024-04-27 19:17:25 */
/*
Example stylesheet for Calendar module

For using this "big"-class insert something like this in your page
or template;

{cms_module module='Calendar'}

*/

/* make all links red */
.calendar tr td a
{
  color: #800080;
  font-weight:bold; 

}

/* highlight "today" for the small calendar */
.calendar-today
{
  font-weight: bold;
  color: #800080;
}

/* display the "upcominglist" as one line per entry (assuming default class and id names) */
#cal-upcominglist .calendar-date-title
,#cal-upcominglist .calendar-summary-title
{
  display: none;
}

#cal-upcominglist h2
,#cal-upcominglist .calendar-date
,#cal-upcominglist .calendar-summary
{
  display: inline;
  margin-right: 5px;
}

/* tidy up text sizes for lists */
#cal-list h1, #cal-upcominglist h1
{
  color: red;
  font-size: 120%;
}
#cal-list h2, cal-upcominglist h2
{
  font-size: 110%;
}

/** large calendar rules (assuming default class and id names) **/
/* border on for #cal-calendar */
#cal-calendar{
  margin: 0px;
  border-collapse:    collapse;
  border: 1px solid black;
width:90%;
color: #000;


}

.calendar-prev, .calendar-next{
margin: 0 15px;
}
.calendar-prev{
float: left;
}
.calendar-next{
float: right;
}

.calendar-month{
color:#fff;
font-size: 22px;
font-family: Majestics1;

}

/* nice squares for the #cal-calendar table */
#cal-calendar th
{
  border: 1px solid black;
  padding: 3px;
  width: 75px;
text-align:center;
background-color: #d8d8d8;
text-transform: uppercase;
}

#cal-calendar td {
  border: 1px solid black;
  vertical-align: top;
  padding: 3px;
  height: 75px;
  width: 75px;
}

/* format summaries nicely in #cal-calendar */
#cal-calendar ul
{
  margin: 0px;
  padding: 0px;
  padding-left: 5px;
}

#cal-calendar li
{
  list-style-type: none;
  padding: 0px;
  margin: 0px;
}

/* background colours for #cal-calendar */
#cal-calendar td
{
  background-color: #fff;
font-size:12px;
/*font-family: Majestics2;*/
}

#cal-calendar .calendar-day
{
  background-color: #80ff80;

}

.caltodayimg{
width:50px;
}
#cal-calendar .calendar-today
{
  font-weight: normal;
  background-color: #fdebbc ;
}

.calendar-event .calendar-date-title,
.calendar-event .calendar-summary-title,
.calendar-event .calendar-details-title
{
  display: none;
}
/* Stylesheet: Calendar Modified On 2023-06-12 13:26:04 */