* {margin:0; padding:0; font-family: 'Open Sans', sans-serif;}

* {box-sizing: border-box;}

input[type=text],input[type=password],textarea {
  padding-left: 5px;
}

select {
  padding-left: 5px;
}

input:-webkit-autofill {
  -webkit-box-shadow: inset 0 0 0px 9999px #C5CBE5;
}

input:focus, a:focus, textarea:focus, select:focus, span:focus { 
  outline: none!important; 
}

input, textarea {
  min-height: 20px!important;
}

html, body {
    height:100%;
}
/*
img {
  margin-bottom: 5px!important;
}
*/
#content {background-color: white;}

.select2-selection__arrow {
  top: 5px!important;
}

.select2-selection__clear {
  margin-right: 15px!important;
}

.select2-selection__clear > span{
  color: #DC9F40;
  font-size: 15pt;
}

select[disabled] { 
  opacity: 50%;
}

.now3img {
  margin-bottom: 0!important;
}

#hiddenDateInput {
  position: absolute;
  left: -9999px; /* completely hidden */
}

pre {
	font-family: 'Open Sans', sans-serif !important;
	white-space: pre-wrap;       /* css-3 */
 	white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
 	white-space: -pre-wrap;      /* Opera 4-6 */
 	white-space: -o-pre-wrap;    /* Opera 7 */
 	word-wrap: break-word;       /* Internet Explorer 5.5+ */
}

.printonly {
	display: none;
}
input[type=checkbox].with-font {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px; 
}    
input[type=checkbox].with-font + label:before {
    font-family: FontAwesome;
    display: inline-block;
    content: "\f096";
    letter-spacing: 10px;
    font-size: 1.3em;
    color: #535353;
}
input[type=checkbox].with-font:checked + label:before {
    content: "\f046";        
    color: #1F4B99;
    letter-spacing: 5px;
}
input[type=checkbox].with-font:focus + label:before {
    font-weight: bold;
    color: #1F4B99;
}

input[type=radio].with-font {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}
    
input[type=radio].with-font + label:before {
    font-family: FontAwesome;
    display: inline-block;
    content: "\f1db";
    letter-spacing: 10px;
    font-size: 1.2em;
    color: #535353;
}
input[type=radio].with-font:checked + label:before {
    content: "\f00c";
    font-size: 1.2em;
    color: #1F4B99;
    letter-spacing: 5px;
    width: 35px;
}
input[type=radio].with-font:focus + label:before {
    font-weight: bold;
    color:green;
}

.emcolour {
  color: #1F4B99!important;
}

/*
header {
  background-color: #004F94;
	float: left; 
	position: absolute;
	width: 100%;
	top: 0;
	overflow: hidden;
	height: 145px;
}
article {
  float: left;
  position: absolute;
  width: 100%;                
  top: 150px;
  bottom: 56px;
  overflow: auto;
}
footer {
  background-color: #004F94;
  float: left;
  position: absolute;
  width: 100%;
  height: 56px;
  bottom: 0;
}
*/
.w3-em{
  background-color: #1F4B99!important;
}
.w3-empale{
  background-color: #4F71AF!important;
}
.w3-emback{
  background-color: #E8EDF4!important;
}
.w3-btnshadow {
  box-shadow: 0 4px 8px 0 gray;
}

.w3-text-em{
  color: #1F4B99!important;
}

.w3-text-em-red{
  color: #D30404!important;
}

.w3-text-em-white {
  color: white!important;
  background-color: #D30404!important;
}

.w3-bsps{
  background-color: #1F4B99!important;
}

.w3-bsps-grey {
  background-color: #EDEDED;
}

.w3-text-bsps{
  color: #1F4B99!important;
}

.w3-border-em{
  border: 2px solid #1F4B99!important;
}
.w3-thinborder-em{
  border: 1px solid #1F4B99!important;
}
.w3-thinborder-red{
  border: 1px solid #D30404!important;
}
.w3-thinborder-grey{
  border: 1px solid grey!important;
}
.w3-bottomborder-em{
  border-bottom: 2px solid #1F4B99!important;
}
.w3-mediumborder-em{
  border: 2px solid #1F4B99!important;
}
.w3-thickborder-grey{
  border: 3px solid #1F4B99!important;
}

.w3-em-red {
  background-color: #D30404!important;
}
.w3-whitegreen {
  color: white!important;
  background-color: green!important;
  border: 1px solid green!important;
}
.w3-whitered {
  color: white!important;
  background-color: #D30404!important;
  border: 1px solid #D30404!important;
}
.w3-whiteem {
  color: white!important;
  background-color: #1F4B99!important;
  border: 1px solid #1F4B99!important;
}
.w3-redwhite {
  color: #D30404!important;
  background-color: white!important;
}
.w3-bluewhite {
  color: #1F4B99!important;
  background-color: white!important;
}
.w3-whiteblue {
  background-color: #1F4B99!important;
  color: white!important;
}
.w3-bluegreen {
  color: #1F4B99!important;
  background-color: #ddffdd!important;
}
.w3-redwhite {
  background-color: white!important;
  color: #D30404!important;
  border: 1px solid #D30404!important;
}
.w3-border-em-red{
  border: 2px solid #D30404!important;
}
.w3-border-em-orange{
  border: 2px solid #FFA500!important;
}
.w3-lightergrey {
  background-color: #F2F2F2!important;
}
.w3-greygrey {
  color: #757575!important;
  background-color: #DADEE5!important;
}
.w3-eventtitle {
color: #003399;
}
.w3-em-yellow {
  background-color: #FFD700!important;
}
.w3-border-em-yellow{
  border: 2px solid #FFD700!important;
}
.w3-text-transparent{
  color: transparent!important;
}
.w3-bigmargin-top {
  margin-top: 24px!important;
}
.w3-smallmargin {
  margin: 8px!important;
}
.w3-smallmargin-top {
  margin-top: 8px!important;
}
.w3-smallmargin-bottom {
  margin-bottom: 8px!important;
}
.w3-smallmargin-left {
  margin-left: 8px!important;
}
.w3-smallmargin-right {
  margin-right: 8px!important;
}
.w3-smallsection {
  padding-top: 8px!important;
  padding-bottom: 8px!important;
}
.w3-smallpadding {
  padding: 8px!important;
}
.w3-smallpadding-right {
  padding-right: 8px!important;
}
.w3-smallpadding-left {
  padding-left: 8px!important;
}
.w3-smallpadding-top {
  padding-top: 8px!important;
}
.w3-smallpadding-bottom {
  padding-bottom: 8px!important;
}
.w3-padding-8 {
  padding: 8px 0!important;
}
.w3-vpadding-16 {
  padding: 16px 0!important;
}
.w3-tinypadding {
  padding: 0 8px!important;
}
.w3-hoverem:hover{
  background-color: #4F71AF!important;
} 
.objrow:hover{
/*  background-color: lightgrey!important; */
  font-weight: bold;
}
.w3-tinypadding-top {
  padding-top: 4px!important;
}
.w3-tinypadding-bottom {
  padding-bottom: 4px!important;
}
.w3-tinymargin-top {
  margin-top: 4px!important;
}
.w3-tinymargin-bottom {
  margin-bottom: 4px!important;
}
.w3-pressedbtn {
  display: inline-block;
  outline: 0;
  padding: 6px 16px;
    padding-right: 16px;
    padding-left: 16px;
  vertical-align: middle;
  overflow: hidden;
  text-decoration: none !important;
  text-align: center;
  white-space: nowrap;
}
.successMessages {
  -webkit-mask-image: -webkit-linear-gradient(-75deg, rgba(0,0,0,.9) 30%, #000 50%, rgba(0,0,0,.9) 70%);
  -webkit-mask-image: -moz-linear-gradient(-75deg, rgba(0,0,0,.9) 30%, #000 50%, rgba(0,0,0,.9) 70%);
  -webkit-mask-image: -o-linear-gradient(-75deg, rgba(0,0,0,.9) 30%, #000 50%, rgba(0,0,0,.9) 70%);
  -webkit-mask-image: linear-gradient(-75deg, rgba(0,0,0,.9) 30%, #000 50%, rgba(0,0,0,.9) 70%);
  -webkit-mask-size: 200%;
  animation: shine 2s linear infinite;
}
@keyframes shine {
  from { -webkit-mask-position: 150%; }
  to { -webkit-mask-position: -50%; }
}
.dis {
  background-color: transparent!important;
}
.biggeri {
  font-size: 14pt!important;
}
.ft_add {
  font-family: 'jquery.fulltable';
  font-size: 16px;
  position: relative;
  display: inline-block;
  width: 16px;
  height: 16px;
  top: 1px;
  line-height: 16px;
  margin: 0.5em;
  cursor: pointer;
  text-align: center;
}
.ui-dialog {background:white !important}

.sheen {
  position: relative;
  overflow: hidden;
}

.sheen:after {
  animation: sheen 2s 2s forwards;
  animation-iteration-count: infinite;
  animation-delay: 1s;
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: linear-gradient(to bottom, transparent, rgba(255,255,255,0.5) 50%, transparent);
  transform: rotateZ(60deg) translate(-1em, 4em);
}

.footerbutton {
  position: sticky;
  left: 50px;
  bottom: 20px;
  text-align: left;
  z-index: 1000; 
}

/* Table layout */
.report-table {
    display: table;
    width: 100%;
    table-layout: fixed;
}

.report-row {
    display: table-row;
}

.report-cell {
    display: table-cell;
    padding: 4px 8px;
    vertical-align: top;
}

/* Name column (wrap enabled) */
.report-name {
    width: 40%;
    font-weight: 600;
    white-space: normal;
    word-break: break-word;
}

/* Description column (wrap enabled) */
.report-desc {
    width: 60%;
    color: #777;
    font-size: 0.9em;
    white-space: normal;
    word-break: break-word;
}

/* Disabled */
.report-disabled {
    opacity: 0.5;
}


/* ************************************************** */
/* NEW CUSTOMER AREA DESIGN                           */  
/* ************************************************** */

.dashi {
  font-size: 60px;
}

  .hpmarq {
   height: 28px;	
   overflow: hidden;
   position: relative;
  }
  .hpmarq div {
   font-size: 20px;
   color: red;
   position: absolute;
   width: max-content;
   height: 100%;
   margin: 0;
   text-align: left;
   /* Starting position */
   -moz-transform:translateX(100%);
   -webkit-transform:translateX(100%);	
   transform:translateX(100%);
   /* Apply animation to this element */	
   -moz-animation: example1 15s linear infinite;
   -webkit-animation: example1 15s linear infinite;
   animation: example1 15s linear infinite;
  }
  /* Move it (define the animation) */
  @-moz-keyframes example1 {
   0%   { -moz-transform: translateX(100%); }
   100% { -moz-transform: translateX(-100%); }
  }
  @-webkit-keyframes example1 {
   0%   { -webkit-transform: translateX(100%); }
   100% { -webkit-transform: translateX(-100%); }
  }
  @keyframes example1 {
   0%   { 
   -moz-transform: translateX(100%); /* Firefox bug fix */
   -webkit-transform: translateX(100%); /* Firefox bug fix */
   transform: translateX(100%); 		
   }
   100% { 
   -moz-transform: translateX(-100%); /* Firefox bug fix */
   -webkit-transform: translateX(-100%); /* Firefox bug fix */
   transform: translateX(-100%); 
   }
  }    


/* ************************************************** */
/* PONY CLUB COLOURS                                  */  
/* ************************************************** */
.w3-pc{
  background-color: #283872!important;
}
.w3-text-pc{
  color: #283872!important;
}
.w3-text-pc-red{
  color: #D30404!important;
}
.w3-text-pc-white {
  color: white!important;
  background-color: #D30404!important;
}
.w3-border-pc{
  border: 2px solid #283872!important;
}
.w3-thinborder-pc{
  border: 1px solid #283872!important;
}
.w3-pc-red {
  background-color: #D30404!important;
}

.pcButton{ 
padding:0px 15px; 
margin-top:15px; 
margin-right:0px; 
text-align:right; 
color: white; 
font-size:12pt; 
background: #283872;
border-radius:20px; 
display:inline-block; 
vertical-align:middle; 
cursor:pointer; 
} 
.pcButton:hover{ 
border-color:grey; 
} 

.dcontrol, .dcontrol_V2 {
  cursor: pointer;
}
.dcontrol, .dcontrol_V2:hover {
  color: #7490C0!important;
}
.dcontroltext {
  color: white;
}
.dcontroldiv {
  padding: 0 0 0 20px;
  text-align: center;
  position: absolute;
  color: white;
  right: 22px;
  bottom: 0px;
}

.calendar_i {
  position: absolute; 
  right: 0px; 
  top: 4px; 
  cursor: pointer;
}

.nolabelcalendar_i {
  position: absolute; 
  right: 14px; 
  bottom: 22px; 
  cursor: pointer;
}

.efheaderbtn {
margin-bottom: 20px;
line-height: 1.2;
position: absolute;
top: 22px;
right: 100px;
border-top-right-radius: 8px;
border-top-left-radius: 8px;
border: 1px solid #1F4B99 !important;
background-color: white!important;
}
.efbtn{
padding: 4px 8px !important;  
line-height: 1.2;
border-radius: 8px;
border: 1px solid #1F4B99 !important;
background-color: white!important;
}
.signinblock {
  position: relative;
  background-color: #F2F4F9;
  color: #283872;
}
.loginblock {
  background-color: white;
}
.arrow-up {
  width: 0; 
  height: 0; 
  border-left: 20px solid transparent;
  border-right: 20px solid transparent;
  border-bottom: 20px solid white;
  box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19) !important;  
}
.triangle-with-shadow {
  width: 50px;
  height: 25px;
  position: relative;
  overflow: hidden;
  box-shadow: 0 16px 10px -80px rgba(0, 0, 0, 0.5);
}
.triangle-with-shadow:after {
  content: "";
  position: absolute;
  width: 30px;
  height: 30px;
  background: white;
  transform: rotate(45deg); /* Prefixes... */
  top: 10px;
  left: 10px;
  box-shadow: -1px -1px 10px -2px rgba(0, 0, 0, 0.5);
}

.event_ddl {
padding: 2px 0 !important;
height: 36px !important; 
text-align: center;
color: #283872 !important;
background-color: white !important;
border-width: 0 !important;
border-radius: 14px !important;
width: 100%;
}

.event_dd {
color: #283872 !important;
}

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


.nodecor {
	text-decoration: none;
}
.clickable {
  cursor: pointer;
}
.lighten:hover {
  filter: brightness(75%);
}
.screenonly{
  position: fixed;
  top: 5px;
  display: inline-block;
}
.bold{
  font-weight: bold;
}
.italic{
  font-weight: normal;
  font-style: italic;
}
.bolditalic{
  font-weight: bold;
  font-style: italic;
}
.vtop{
  vertical-align: top;
}

.ui-widget-header {
  border: 1px solid #1F4B99;
  background: #1F4B99;
  color: white;
  font-weight: bold;
}  

.pagelink{ 
margin-left:5px; 
margin-right:5px; 
}

.pagination{
  display: inline-block;
  vertical-align: middle;
}

.blank {
  border-color: #D30404!important;
  /* box-shadow: 0px 0px 0px 1px red!important; */
}

.bblank {
  border-color: red!important;
}

.cardcontainer {
  position: relative;
}
.cardoverlay {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10;
  background-image: linear-gradient(45deg, rgb(138, 191, 204, 0.1) 10%, rgb(245, 243, 231, 0.1) 10%, rgb(245, 243, 231, 0.1) 50%, rgb(138, 191, 204, 0.1) 50%, rgb(138, 191, 204, 0.1) 60%, rgb(245, 243, 231, 0.1) 60%, rgb(245, 243, 231, 0.1) 100%);
  background-size: 35.36px 35.36px;
}

.highlightmegray:hover{
  background-color: lightgray;
}

/* *******************  LOGIN ******************** */

.blueroundedButton{ 
padding: 5px 5px; 
margin: 10px; 
color: white; 
font-size:11pt;
font-weight: bold;
background: #1F4B99;
border-radius:8px; 
box-shadow: 0 4px 8px 0 gray;
display:inline-block; 
vertical-align:middle; 
cursor:pointer; 
} 

.emheader {
  position: relative; 
}
#loginSection{
  right: 5px;
  z-index: 1;
}
#Standaloneloginpage{ 
padding:15px; 
margin:auto; 
margin-top:20px; 
margin-bottom:30px; 
text-align:center; 
width:350px; 
z-index:3; 
font-size:11pt; 
color:black; 
background:#E2E2E2 scroll 0% 0%; 
border-radius:20px; 
box-shadow:10px 10px 20px grey; 
} 
#Standaloneloginpage p{ 
  margin-top: 5px;
}
.loginForm{ 
margin-top:10px; 
color: #283872; 
font-family:Tahoma, Geneva, sans-serif; 
font-size:11pt; 
} 
.loginUsernameLabel{ 
margin:20px; 
font-size:11pt; 
text-align:left; 
display:inline-block; 
border-bottom: 1px solid #283872; 
} 
.loginRemembermeLabel{
width: 290px;
margin: 0 20px 20px 20px; 
font-size:8pt; 
text-align:left; 
display:inline-block; 
}
.loginField{ 
padding:0 10px; 
text-align:left; 
color:black; 
background:white scroll 0% 0%; 
border-radius:8px; 
width: 270px;
float: right;
} 
/*
.loginField{ 
padding:0 10px; 
text-align:left; 
color:black; 
background:#C5CBE5 scroll 0% 0%; 
border-width:0px; 
border-radius:15px; 
width: 220px;
float: right;
}
*/
.loginInput{ 
border-width:0px; 
width: 100%;
background:transparent;
border:none;
} 
.loginButton{ 
padding:0px 5px; 
margin-top:15px; 
margin-right:0px; 
text-align:right; 
color: white; 
font-size:12pt; 
background: #1F4B99;
border-radius:20px; 
display:inline-block; 
vertical-align:middle; 
cursor:pointer; 
} 
.loginButton:hover{ 
  box-shadow: 0 8px 16px 0 rgba(170,170,170,0.2),0 6px 20px 0 rgba(170,170,170,0.19);
} 
.logoutButton{ 
padding:0px 5px; 
margin:auto auto; 
text-align:right; 
color: #013C8A; 
background: #C4CAE4;
border:1px #C4CAE4 solid; 
border-radius:20px; 
display:inline-block; 
vertical-align:middle; 
cursor:pointer; 
} 
.logoutButton:hover{
  box-shadow: 0 8px 16px 0 rgba(170,170,170,0.2),0 6px 20px 0 rgba(170,170,170,0.19);
}
.login_note_link{ 
font-size:10pt; 
text-decoration:none; 
} 
.redButton{ 
padding:0 5px; 
margin-top:15px; 
margin-left: auto; 
margin-right: auto; 
text-align:center; 
color: white; 
font-size:12pt; 
background: #CB2E1D;
border-radius:20px; 
display:inline-block; 
vertical-align:middle; 
cursor:pointer; 
} 
.redarrowButton{ 
padding:0 5px; 
margin-top: 10px; 
color: white; 
font-size:11pt; 
background: #CB2E1D;
border-radius:20px; 
display:inline-block; 
vertical-align:middle; 
cursor:pointer; 
} 
.arrowButton{ 
padding:0 5px; 
margin: 10px; 
color: black; 
font-size:11pt; 
background: #C5CBE5;
border-radius:20px; 
display:inline-block; 
vertical-align:middle; 
cursor:pointer; 
} 
.blueButton{ 
padding:0 5px; 
margin: 10px; 
color: white; 
font-size:10pt; 
background: #1F4B99;
border-radius:8px; 
display:inline-block; 
vertical-align:middle; 
cursor:pointer; 
}
.smallinputField{ 
padding: 2px 10px;
text-align:left; 
height: 30px !important;
color:#283872; 
background-color: white; 
/*
border: 0; 
box-shadow: 0px 0px 0px 1px #1F4B99;
*/
border: solid 1px #1F4B99;
border-radius:8px; 
width: 100%;
float: right;
}
/*
.ddl {
padding: 5px 10px !important;
height: 40px !important;
text-align: left;
color: #1F4B99 !important;
background-color: white !important;
border-width: 1px !important;
border-radius: 10px !important;
width: 100%;
float: right;
}

.inputField{ 
padding: 5px 15px;
text-align:left; 
color:black; 
background:#C5CBE5 scroll 0% 0%; 
border-width:0px; 
border-radius:15px; 
width: 100%;
float: right;
} 
*/
.error {
  padding-top: 4px;
	font-size: 12px;
	color: red;
	display: block;
}

/* *******************  PROFILE ******************** */
.switcherspan {
  vertical-align: top;
  padding: 2px;
  display: inline-block;
}  

.firstblock {
  padding-left: 0px;
  padding-right: 30px;
  text-align: center;
}
.nthblock {
  /* padding-left: 30px;
  padding-right: 30px; */
  text-align: center;
}
.lastblock {
  padding-left: 30px;
  padding-right: 0px;
  text-align: center;
}

.egroupicon {
  padding-right: 20px!important;
  border-top-left-radius: 24px;
  border-top-right-radius: 24px;
  font-weight: bold;
}

.lastrow {
  border-bottom-left-radius: 24px;
  border-bottom-right-radius: 24px;
/*  height: 24px!important; */
}

.e_add,.p_add {
/*  background-color: #CB2E1D!important; */
  font-weight: bold;
}
.e_copy {
  margin-right: 5px; 
}

.w3-my-padding-small {
	padding: 0px 6px!important;
}

.e_item {
	padding-left: 10px!important;
}

.p_item {
	padding-left: 10px!important;
}

.r_item {
	padding-left: 36px!important;
}

a.fancybox, a.attredit {
	text-decoration: none;
}

.editProfileDetails li:nth-child(odd){
  line-height: 25px;
  margin-bottom: 0px;
}

.editProfileDetails li:nth-child(even){
  line-height: 25px;
  margin-bottom: 10px;
}

.stringbox {
  width: 240px;
}

.fa-hovered:hover {
  background-color: lightgrey;
}

.w3-selectable {
  cursor: pointer;
}

label > input {
    float:left;
}

.rhsCheck{ 
  float: right;
  margin-top: 2px!important;
  padding-left: 15px!important;
} 

/* Customize the label (the container) */
.container {
  display: block;
  position: relative;
  margin-top:8px;
  padding-left: 35px;
  margin-bottom: 12px;
  cursor: pointer;
/*  font-size: 15px; */
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Hide the browser's default radio button */
.container input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* Create a custom radio button */
.checkmark {
  position: absolute;
  top: 2px;
  left: 0px;
  height: 20px;
  width: 20px;
  background-color: #1F4B99;
  border-radius: 50%;
}
.checkmark2 {
  position: absolute;
  top: 3px;
  left: 1px;
  height: 18px;
  width: 18px;
  background-color: #f1f1f1;
  border-radius: 50%;
}
/* On mouse-over, add a grey background color */
.container:hover input ~ .checkmark2 {
  background-color: pink;
}

/* When the radio button is checked, add a blue background */
.container input:checked ~ .checkmark2 {
  background-color: #D30404;
}

/* Create the indicator (the dot/circle - hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the indicator (dot/circle) when checked */
.container input:checked ~ .checkmark:after {
  display: block;
}

/* Style the indicator (dot/circle) */
.container .checkmark:after {
  top: 1px;
  left: 1px;
  width: 18px;
  height: 18px;
  border-radius: 50%;
  background: red;
} 

.customcheck {
  display: none;
}

.tdspaced,.monotdspaced { 
  table-layout: fixed;
  border-collapse:collapse; 
  margin: auto auto; 
}

.monotdspaced { 
  table-layout: auto;
  border-collapse:collapse; 
  margin: auto auto; 
}

.tdspaced th,.monotdspaced th{ 
  padding: 2px 5px; 
} 

.tdspaced td,.monotdspaced td{ 
  padding: 2px 5px; 
} 

.tdspaced tbody tr:nth-child(odd){ 
background:#EEEEEE; 
} 

.tdspaced tbody tr:nth-child(even){ 
background:#DCE2E7; 
} 

.monotdspaced tbody tr{ 
background: transparent!important; 
} 

.form-switch {
  display: inline-block;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
}

.form-switch i {
  position: relative;
  display: inline-block;
  margin-right: .5rem;
  width: 56px;
  height: 26px;
  background-color: #e6e6e6;
  border-radius: 23px;
  vertical-align: text-bottom;
  transition: all 0.3s linear;
}

.form-switch i::before {
  content: "";
  position: absolute;
  left: 0;
  width: 52px;
  height: 22px;
  background-color: #fff;
  border-radius: 11px;
  transform: translate3d(2px, 2px, 0) scale3d(1, 1, 1);
  transition: all 0.25s linear;
}

.form-switch i::after {
  content: "";
  position: absolute;
  left: 0;
  width: 22px;
  height: 22px;
  background-color: #fff;
  border-radius: 11px;
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.24);
  transform: translate3d(2px, 2px, 0);
  transition: all 0.2s ease-in-out;
}

.form-switch:active i::after {
  width: 28px;
  transform: translate3d(2px, 2px, 0);
}

.form-switch:active input:checked + i::after { transform: translate3d(26px, 2px, 0); }

.form-switch input { display: none; }

.form-switch input:checked + i { background-color: #1F4B99; }

.form-switch input:checked + i::before { transform: translate3d(28px, 2px, 0) scale3d(0, 0, 0); }

.form-switch input:checked + i::after { transform: translate3d(32px, 2px, 0); }


/* *******************  ENTRY FORM ******************** */
.separatedcard {
 margin-top: 10px;
 background-color: #f1f1f1;
}
.event_header {
  background-image:url("images/event_heading.png");
  background-position: center;
}
.pcevent_header {
  background-color: #f1f1f1;
  background-position: center;
}
.event_header_V2 {
  background-position: center;
}
.pcexhibitor_header {
  background-color: #1F4B99;
  background-position: center;
}
.ddl {
padding: 0 10px !important;
height: 30px !important;
text-align: left;
color: #1F4B99 !important;
background-color: white;
border: solid 1px #1F4B99;
border-radius: 10px !important;
width: 100%;
float: right;
}
.mlistddl {
padding: 0 10px !important;
min-height: 30px !important;
text-align: left;
color: #1F4B99 !important;
background-color: white;
border: solid 1px #1F4B99 !important;
border-radius: 10px !important;
width: 100%;
float: right;
}
.smallddl {
padding: 0px 10px !important;
height: 30px !important;
text-align: left;
color: #1F4B99 !important;
background-color: white;
border: solid 1px #1F4B99 !important;
border-radius: 8px !important;
width: 100%;
float: right;
}

.smallddl .select2-selection__arrow {
    transform: translate(0px,-4px) !important;
}

.profile_ddl {
padding: 5px 10px !important;
height: 40px !important;
text-align: left;
color: #1F4B99 !important;
background-color: white !important;
border-width: 1px !important;
border-radius: 10px !important;
width: 100%;
float: right;
}
.eform_ddl {
padding: 0 10px 0 0 !important;
height: 30px !important;
min-height: 30px !important;
text-align: left;
color: #1F4B99 !important;
border-color: #1F4B99 !important;
background-color: white !important;
border-width: 1px !important;
border-radius: 10px !important;
width: 100%;
float: right;
}
.mddl {
padding: 0 10px!important;
height: 32.5px!important;
text-align:left; 
color:black!important; 
background-color:#C5CBE5!important; 
border-width:0!important; 
border-radius:15px!important; 
width: 100%;
float: right;
}
.eform_boldddl {
padding: 0 5px 0 0 !important;
height: 32px !important;
min-height: 32px !important;
text-align: left;
color: #1F4B99 !important;
/* border-color: #1F4B99 !important; */
background-color: white !important;
border-width: 2px !important;
border-radius: 10px !important;
width: 100%;
float: right;
}
.eform_boldmaxddl {
padding: 0 5px 0 0 !important;
height: max-content !important;
min-height: 32px !important;
text-align: left;
color: #1F4B99 !important;
background-color: white !important;
border-width: 2px !important;
border-radius: 10px !important;
width: 100%;
}

/*
.select2-selection__rendered {
color:#1F4B99!important; 
}

.select2-container {
height:max-content!important;
max-width: 100%!important;
}
.select2-selection__placeholder {
  color: grey!important;
}
*/

.blocklabel {
  color: #1F4B99!important;
  font-weight: normal;
  display: table-cell!important;
  vertical-align: bottom;
  padding-top: 0!important;
}
.table-entries,.table-tickets td {
  margin-top: 0px;
  table-layout: fixed;
}
.w3-circle-btn {
  padding: 0!important;
}
.input-symbol{
  position:relative;
}
.input-symbol span{
  position: absolute;
  transform: translate(0,-50%);
  top:50%;
  left: 5px;
  pointer-events:none;
  margin-left:0.2em;
  color: grey;
  height: 21px;
}
.input-symbol input{
  text-indent:0.5em;
}
.calendar_i {
  position: absolute; 
  right: 10px; 
  top: 37px;
  cursor: pointer;
}

.fa-star-of-life {
  vertical-align: top;
}
.F_list{ 
border-collapse:collapse; 
font-weight:normal; 
text-align:left; 
} 
.enote { 
text-align: right; 
} 

/* *******************  MEMBERSHIP FORM ******************** */

/* SMALL CIRCLE */
input[type=checkbox] + .smallcircle{
    border: none;
    width: 20px;
    height: 20px;
    border-radius: 100%;
    position: relative;
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px;
    cursor: pointer;
}
input[type=checkbox] + .whitesmallcircle{
  background: #EFEFF0;
  border: 1px solid gray;
}
input[type=checkbox] + .smallcircle:hover{
    box-shadow: 0 0 8px 0 #303030;
}
input[type=checkbox]:checked + .smallcircle:before,
input[type=checkbox]:checked + .smallcircle:after{
    content:'';position:absolute;top:0;left:0;right:0;bottom:0;
}

/* TICK */
input[type=checkbox]:checked + .tick:after{
    margin: auto 4px;
    height: 2px;
    transform: translate(2px,0px) rotateZ(-45deg);
}
input[type=checkbox]:checked + .tick:before{
    margin: auto 6px;
    height: 2px;
    transform: translate(-2px,1px) rotateZ(45deg);
}
.redtick:before,
.redtick:after {
    background: #C02C23;
    box-shadow: 0px 1px 1px #EB5C499e;
}
.bluetick:before,
.bluetick:after {
    background: #0061A9;
    box-shadow: 0px 1px 1px #1A43889e;
}
/* TOOLTIP CIRCLE */
.tooltipcircle{
    transform: translateZ(0);
    width: 16px;
    height: 16px;
    -webkit-border-radius: 50%!important;
    -moz-border-radius: 50%!important;
    border-radius: 50%!important;
    -khtml-border-radius: 50%!important;    
    position: relative;
    display: inline-block;
    vertical-align: middle;
    margin-left: 5px;
    margin-top: -3px;
    cursor: pointer;
    background-image:url("images/iletter.png");
    background-position: center;
    border: 1px solid #1F4B99!important;
}
.tooltipcircle:hover{
    box-shadow: 0 0 4px 0 #303030;
}

.carttotal { 
  margin-bottom: 0px;
  padding: 10px 2px;
  text-align: center;
  background-color: lightsteelblue;
  border: solid 1px #1F4B99;
}

/* ************************************************* */
/* *******************  BACKEND ******************** */
/* ************************************************* */
 .ajax-wait-panel {
    display:    none;
    position:   absolute;
    z-index:    1000;
    top:        0;
    left:       0;
    height:     100%;
    width:      100%;
    background: rgba( 255, 255, 255, .6 ) 
                url('images/ajax-loader.gif') 
                50% 50% 
                no-repeat;
    cursor: wait;
}

.ajax-wait-panel  h2 {
    position: absolute;
    top: 50%;
    margin-top: -80px;
    color: #666;
    text-align: center;
    width: 100%;
}
/* Class to be added when ajax wait panel should 
   be displayed */
.ajax-waiting {
     display: block;
}

.fileinputField{ 
padding: 5px 10px; 
margin-top:15px; 
margin-bottom:15px; 
text-align:center; 
min-width: 300px;
width: min-content; 
color:#054F9D; 
background:white scroll 0% 0%; 
border-width:0px; 
box-shadow:2px 2px 6px black; 
display:block; 
}
.tooltip {
	position:absolute;
	background-color:white;
	border: 1px solid black;
	color: black;
	text-align: left;
	font-size: smaller;
  white-space: normal;
  padding:4px;
	min-width: 100px;
	max-width: 400px;
	width: max-content;
	z-index:10000;
	box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1);
	-webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1);	
}
.eventtable {
  width: 100%;
  table-layout: fixed;
}
.eventtable td{
  white-space: normal;
  vertical-align: top;
}
.table1 {
  border-collapse: collapse;
  width: 100%;
}
.table1 tbody tr:nth-child(odd){ 
background:#E8F0F7; 
} 
.table1 tbody tr:nth-child(even){ 
background:#DCE2E7; 
} 
.table1 td {
  padding: 5px; 
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: wrap;
}
#pane-hScroll {
  overflow: auto;
  width: 100%;
}
#pane-vScroll {
  border: 1px gray solid; 
  overflow-y: auto;
  overflow-x: hidden;
  max-height: 500px; 
  /* max-height: calc(100vh - 400px); */
  /* width: fit-content; */
}
.RHead {
  padding: 5px; 
  /* margin: 5px; 
  height: 32px; */
  color: grey;
  text-align: left;
  font-style: normal;
  font-weight: normal;
  display: block;
  width: inherit;
}
#table-scroll{ 
overflow:auto; 
border:1px solid; 
border-color:grey; 
text-align:right; 
max-height:400px; 
}
#thead1 {
  border: 1px transparent solid; 
}


.secretarymenupagebody{ 
  padding:0px 0px 0px 0px; 
  margin:0px auto 0px auto; 
  font-size:10pt; 
  background-color:white; 
} 
.S_centered{ 
margin-left:auto; 
margin-right:auto; 
} 
.footer {
  color:white; 
  background:#1F4B99 repeat scroll 0% 0%; 
}
.tabwrapper{ 
padding-bottom:15px; 
margin-bottom:10px; 
text-align:left; 
color:#39416e; 
background:#DCE2E7 scroll 0 0; 
border-radius:10px; 
box-shadow:0 0 7px black; 
opacity:1; 
}
.tabButton{ 
padding: 2px 10px; 
margin-top:15px; 
margin-right:0px; 
text-align:right; 
color: white; 
font-size:12pt; 
background: #1F4B99;
border-radius:20px; 
display:inline-block; 
vertical-align:middle; 
cursor:pointer; 
} 
.bookmark{ 
margin-left:5px; 
padding-top:5px; 
padding-bottom:3px; 
width:160px; 
z-index:2; 
font-size:12pt; 
color:white; 
border-top-left-radius:10px; 
border-top-right-radius:10px; 
border-bottom-right-radius:0px; 
border-bottom-left-radius:0px; 
display:inline-block; 
text-align:center; 
} 
.bluebk{ 
background:#004F94 repeat scroll 0% 0%; 
} 
.redbk{ 
background:#96B6D2 repeat scroll 0% 0%; 
} 
.table-wrapper{ 
position:relative; 
} 
#table-scroll{ 
height:500px; 
overflow:auto; 
border:2px solid; 
border-color:#39416e; 
text-align:left; 
} 
.sectionrow{ 
background-color:#f2f3df; 
} 
.sectionrow:hover{ 
cursor:pointer; 
} 
.table-wrapper table{ 
width:100%; 
} 
.headtext{ 
position:absolute; 
top:-30px; 
z-index:2; 
height:32px; 
color:#f0f3c8; 
padding:3px 5px; 
text-align:left; 
vertical-align:top; 
font-size:12pt; 
font-style:normal; 
font-weight:normal; 
display:block; 
overflow:auto; 
} 
.S_table-scroll{ 
overflow:auto; 
border:1px solid; 
border-color:grey; 
text-align:right; 
max-height:400px; 
} 
.Sheadtext{ 
/* position:absolute; */
top:-25px; 
z-index:2; 
/* height:20px;  */
color:grey; 
text-align:left; 
padding-left: 5px;
font-size:10pt; 
font-style:normal; 
font-weight:normal; 
display:block; 
width:inherit; 
} 
.Sheadtext2{ 
position:absolute; 
top:-40px; 
z-index:2; 
height:32px; 
color:black; 
padding-left:5px; 
text-align:center; 
font-size:8pt; 
font-style:normal; 
font-weight:normal; 
display:block; 
width:inherit; 
} 
.SheadtextPC{ 
top:-25px; 
z-index:2; 
height:38px; 
color:#283872; 
text-align:left; 
font-size:10pt; 
font-style:normal; 
font-weight:normal; 
display:block; 
width:100%; 
}
.table-newwrapper {
  border-collapse:collapse; 
  border: 0;
  width: 100%;
  overflow-y: auto;
}
 
table #s_sotable {
  width: 100%;
}
table #s_sotable thead tr th {
  position: sticky;
  top: 0px;
  background-color: #DCE2E7;
  font-style:normal; 
  font-weight:normal; 
  text-align:center; 
  padding-left:5px; 
}

.highlightedrow {
  background-color: #f9f0be; 
}

.lockedrow {
  background-color: #C0C0C0; 
}

.highlightedrow.lockedrow {
  background-color: #C1BA95; 
}

.hiddenrow {
  opacity: 0.3;
}

.S_list{ 
border-collapse:collapse; 
font-weight:normal; 
text-align:left; 
counter-reset: rowNumber;
} 
.S_list tbody tr:nth-child(odd){ 
background:#E8F0F7; 
} 
.S_list tbody tr:nth-child(even){ 
background:#DCE2E7; 
} 
.S_list thead tr{ 
position: sticky; 
top: 0; 
z-index: 1; 
}
.S_list thead th{ 
/*
position: sticky; 
top: 0; 
z-index: 1; 
*/
font-weight:normal; 
background-color: lightgray;
} 
.S_list th{ 
text-align:left; 
padding: 5px; 
} 
.S_list td{ 
text-align:left; 
padding: 10px 5px; 
} 
.is-sortable:hover{
  cursor: pointer;
}
.table-list {
  table-layout: fixed;
  border: 1px solid gray;
  text-align: left;
  border-collapse: collapse; 
  font-weight: normal;
  counter-reset: rowNumber;
}
.table-list thead th{
  text-align:left; 
  padding-right:10px; 
  padding-top: 10px;
  font-weight: normal;
}
/*
.table-list thead::after {
  content: "-";
  display: block;
  line-height: 5px;
  color: transparent;
}
*/
/*
.table-list tbody::before {
  content: "-";
  display: block;
  line-height: 5px;
  color: transparent;
}
*/
.table-list tbody tr{
  counter-increment: rowNumber;
}
.table-list tbody tr:hover{
  background-color: lightgrey; 
}
.table-list td{
  vertical-align:top; padding: 5px 5px;
}  
.table-list tr td:first-child::before {
    content: counter(rowNumber, decimal);
    min-width: 1em;
    margin-right: 0.5em;
}
.table-list tbody tr:nth-child(odd){ 
background:#E8F0F7; 
} 
.table-list tbody tr:nth-child(even){ 
background:#DCE2E7; 
} 
.miniButton{ 
padding:0 2px; 
margin:1px auto; 
color: white; 
background: #054F9D;
border:1px #054F9D solid; 
border-radius:4px; 
display:inline-block; 
vertical-align:middle; 
cursor:pointer; 
white-space: nowrap;
}
.miniButton:hover{
box-shadow: 0 0 0 1px #013C8A;
}
.miniRedButton{ 
padding:0 2px; 
margin:1px auto; 
border:1px #D30404 solid; 
border-radius:4px; 
display:inline-block; 
vertical-align:middle; 
cursor:pointer; 
}
.miniRedButton:hover{
box-shadow: 0 0 0 1px #D30404;
}
.carticon {
  color: #1F4B99;
  cursor: pointer;
  position: absolute;
  top: 84%;
  right: 2%;
}
.mcarticon {
  color: #1F4B99;
  cursor: pointer;
  position: absolute;
  top: 10%;
  right: 2%;
}
.carticon:hover,.mcarticon:hover{
  color: #7490C0;
}

.secrButton{ 
padding:2px 10px; 
margin:1px auto; 
text-align:right; 
color: #013C8A; 
background: #C4CAE4;
border:1px #C4CAE4 solid; 
border-radius:20px; 
display:inline-block; 
vertical-align:middle; 
cursor:pointer; 
}
.secrButton:hover{
box-shadow: 0 0 0 1px #013C8A;
}
.S_MainHeader{ 
margin-top:16px; 
margin-bottom:16px; 
font-size:10pt; 
color:#39416e; 
font-weight:normal; 
height:22px; 
}
.S_MainFooter{ 
margin-top:10px; 
margin-bottom:20px; 
font-size:10pt; 
color:#39416e; 
font-weight:normal; 
/*height:22px; */
}
.frame{ 
overflow-y:scroll; 
} 
.frame ::-webkit-scrollbar{ 
-webkit-appearance:none; 
} 
.frame ::-webkit-scrollbar:vertical{ 
width:18px; 
} 
.frame ::-webkit-scrollbar:horizontal{ 
height:18px; 
} 
.frame ::-webkit-scrollbar-thumb{ 
border-radius:8px; 
border:2px solid white; 
background-color:rgba(255, 255, 255, 0.5); 
} 
.frame ::-webkit-scrollbar-track{ 
background-color:grey; 
border-radius:8px; 
} 
.eventtable textarea{
  width: 100%;
}
.eventtable td{
  padding: 5px 10px;
}
.eventdate{
  min-width: 125px!important;
  width: 125px!important;
}
.eventfee{
  min-width: 70px!important;
  width: 70px!important;
  text-align: right;
  padding-right: 5px;
}
.eventnumber{
  min-width: 80px!important;
  width: 80px!important;
  text-align: right;
  padding-right: 5px;
}
.infoicon{ 
  margin-left: 10px; 
}
.eventinput{
  width: 100%;
}
.Schedulefont{
  font-size: 8pt; 
  color: black;
}

.Scheduletable{
font-weight:normal; 
text-align: left;
vertical-align:top; 
font-size: 8pt; 
}

.Scheduletable input, .Scheduletable textarea, .Scheduletable select{
width: 100%; 
}

.schinput{
  height: 20px;
}
.schtextarea{
  height: 19px;
}
.schfee{
  width: 85%!important;
  text-align: right;
  margin-left: 3px;
}
.currency{
  border: 0;
  float: left;
}

.NumField{ 
width:70px; 
padding: 0px 2px 0px 2px; 
font-weight:normal; 
display:inline-block; 
vertical-align:top; 
}
.TextAreaField{ 
width:98%; 
padding:0px 2px 0px 2px; 
margin:0px; 
font-weight:normal; 
display:inline-block; 
vertical-align:top; 
font-family:Tahoma, Arial; 
} 
.TextField{ 
width:98%; 
padding:0px 2px 0px 2px; 
margin:0px; 
font-weight:normal; 
display:inline-block; 
vertical-align:top; 
font-family:Tahoma, Arial; 
} 
.SelectField{ 
padding:0px 2px 0px 2px; 
font-weight:normal; 
display:inline-block; 
vertical-align:top; 
}
.S_refinements{
margin-top: 10px;
margin-bottom: 20px;
overflow:visible; 
width:100%; 
}
.delimage{ 
position: absolute;
margin-left: -20px;
margin-top:3px; 
cursor:pointer; 
border:1px solid; 
border-color:rgba(0, 0, 0, 0); 
} 
.delimage:hover{ 
border-color:grey; 
} 
.deli{ 
position: absolute;
margin-left: -20px;
top: 20%;
right: 8px;
} 
.S_FilterHeader{ 
color:#39416e; 
font-weight:normal; 
} 
.S_FilterTitle{ 
color:#39416e; 
font-weight:bold; 
margin-top:5px; 
} 
.S_SmallFilterField{ 
position: relative;
text-align:left; 
font-weight:normal; 
display:inline-block; 
vertical-align:top; 
color:#39416e; 
} 
.smallfield{ 
vertical-align:top; 
display:inline-block; 
width:110px; 
padding: 0 5px;
} 
.mediumfield{ 
vertical-align:top; 
display:inline-block; 
width:100%; 
padding: 0 5px;
} 
.deldate{ 
background:url(images/version4/grey_delete_16.png) no-repeat top left; 
margin-left:2px; 
margin-top:2px; 
width:20px; 
height:20px; 
cursor:pointer; 
} 
.table-wrapper{ 
position:relative; 
} 
.table-scroll{ 
height:500px; 
overflow:auto; 
border:2px solid; 
border-color:#39416e; 
text-align:left; 
} 
.sectionrow{ 
background-color:#f2f3df; 
} 
.sectionrow:hover{ 
cursor:pointer; 
} 
.table-wrapper table{ 
width:100%; 
} 
.headtext{ 
position:absolute; 
top:-30px; 
z-index:2; 
height:32px; 
color:#f0f3c8; 
padding:3px 5px; 
text-align:left; 
vertical-align:top; 
font-style:normal; 
font-weight:normal; 
display:block; 
overflow:auto; 
} 
.mediumddl{ 
width:348px; 
display:inline-block; 
vertical-align:top; 
} 

.progressbar {
  font-size: 13px;
  margin: 0;
  padding: 0 3px;
  vertical-align: middle;
  border: 1px solid #CCCCCC;
  border-radius: 3px 3px 3px 3px;
  color: #808080;
  display: inline-block;
  font-size: 13px;
  height: 26px;
  line-height: 18px;
  width: 243px;
  -moz-transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) inset;
}
     
.btn {
  font-size: 13px;
  padding: 5px 8px;
  background-color: #0064CD;
  background-image: -moz-linear-gradient(center top , #049CDB, #0064CD);
  background-repeat: repeat-x;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  color: #FFFFFF;
  display: inline-block;
  vertical-align: middle;
  border-radius: 3px 3px 3px 3px;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  text-decoration: none;
}
.btn:hover {
  background-position: 0 -15px;
}
.btn:active {
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.25) inset, 0 1px 2px rgba(0, 0, 0, 0.05);
}
.progress {
  font-size: 13px;
  margin: 0;
  vertical-align: middle;
  background-color: #F7F7F7;
  background-image: -moz-linear-gradient(center top , #F5F5F5, #F9F9F9);
  background-repeat: repeat-x;
  border-radius: 4px 4px 4px 4px;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) inset;
  height: 28px;
  width: 250px;
  overflow: hidden;
  display: inline-block;
}
.progress .bar {
  background-color: #0E90D2;
  background-image: -moz-linear-gradient(center top , #149BDF, #0480BE);
  background-size: 40px 40px;
  -moz-box-sizing: border-box;
  -moz-transition: width 0.6s ease 0s;
  background-repeat: repeat-x;
  box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.15) inset;
  color: #FFFFFF;
  float: left;
  font-size: 12px;
  height: 100%;
  text-align: left;
  padding: 5px 8px;
  font-size: 13px;
  text-shadow: 1px 1px #333;
  white-space: nowrap;
}
div.form {
  margin: 150px auto 0;
  width: 500px;
}

.profilemargin{
  margin-right: 170px;
}
/***************************************/
/*** Mobile - Portrait *****************/
/***************************************/
@media only screen and (max-width: 479px) {
  .hugefont {
    font-size: 22px;
  }
  .bbigfont {
    font-size: 18px;
  }
  .bigfont {
    font-size: 16px;
  }
  .regularfont {
    font-size: 14px;
  }
  .smallfont {
    font-size: 13px;
  }
  .tinyfont {
    font-size: 12px;
  }
  .ttinyfont {
    font-size: 10px;
  }
  .tiniestfont {
    font-size: 8px;
  }
  #content {
    padding: 0;
/*    width: 310px; */
	margin: auto;
  }
  .hideformobile {
	  display: none!important;
  }
  .hideforwide {
	display: inherit!important;
  }
  .icon_size {
  	height: 16px;
  }
  .mobilefbutton {
	padding: 2px 4px!important;
	height: 22px;
  }
  .labeltopmargin {
	margin-top: 0px !important;
  }
  .buttontopmargin {
	margin-top: 14px !important;
  }
  .feetopmargin {
	margin-top: 2px !important;
  }
  .logoborderwidth {
    border-width: 2px;
  }	
  .event_button {
    width: 100px; 
    height: 43px;
    background-repeat: no-repeat;
    cursor:pointer;
  }
  .enter_online {
    background-image:url("images/bsps/enter_online.png");
  }
  .schedule_button {
    background-image:url("images/bsps/schedule.png");
  }
  .postal_entry_form {
    background-image:url("images/bsps/postal_entry.png");
  }
  .confirm_interest {
    background-image:url("images/bsps/confirm_interest.png");
  }
  .tickets_here {
    background-image:url("images/bsps/bookhere.png");
  }
  .eventinfo_button {
    background-image:url("images/bsps/event_info.png");
  }
  .new_event_button {
 	background-image:url("images/bsps/blank_button.png");
	width: 100px; 
    height: 30px;
    font-size: 8px;
  }
  .new_eventinfo_button {
 	background-image:url("images/bsps/blank_red_button.png");
	width: 100px; 
    height: 30px;
    font-size: 8px;
  }
  .new_postalentry_button {
 	background-image:url("images/bsps/blank_blue_button.png");
	width: 100px; 
    height: 30px;
    font-size: 8px;
  }
  .scheduledrop { width: 300px!important;}
  .inputField, .feeinputField{ 
    padding: 0 5px 0 10px!important;
    text-align:left; 
    height: 30px !important;
    color: #283872; 
    background-color: white; 
    border: solid 1px #1F4B99;
    /*
    border: 0; 
    box-shadow: 0px 0px 0px 1px #1F4B99;
    */
    border-radius:10px; 
    width: 100%;
  }
  /* .inputField{float: right;} */
  .inputTextField{ 
    padding: 0 5px 0 10px!important;
    text-align:left; 
    min-height: 30px !important;
    resize: vertical;
    color:#283872; 
    background-color: white; 
    border: solid 1px #1F4B99;
    /*
    border: 0; 
    box-shadow: 0px 0px 0px 1px #1F4B99;
    */
    border-radius:10px; 
    width: 100%;
  }
  .inputTextField{float: right;}
  .form-switch {
  display: inline-block;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
  }

  .form-switch i {
  position: relative;
  display: inline-block;
  margin-right: .5rem;
  width: 28px;
  height: 13px;
  background-color: #e6e6e6;
  border-radius: 11px;
  vertical-align: text-bottom;
  transition: all 0.3s linear;
  }

  .form-switch i::before {
  content: "";
  position: absolute;
  left: 0;
  width: 26px;
  height: 11px;
  background-color: #fff;
  border-radius: 6px;
  transform: translate3d(1px, 1px, 0) scale3d(1, 1, 1);
  transition: all 0.25s linear;
  }

  .form-switch i::after {
  content: "";
  position: absolute;
  left: 0;
  width: 11px;
  height: 11px;
  background-color: #fff;
  border-radius: 6px;
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.24);
  transform: translate3d(1px, 1px, 0);
  transition: all 0.2s ease-in-out;
  }

  .form-switch:active i::after {
  width: 14px;
  transform: translate3d(1px, 1px, 0);
  }

  .form-switch:active input:checked + i::after { transform: translate3d(13px, 1px, 0); }

  .form-switch input { display: none; }

  .form-switch input:checked + i { background-color: #1F4B99; }

  .form-switch input:checked + i::before { transform: translate3d(14px, 1px, 0) scale3d(0, 0, 0); }

  .form-switch input:checked + i::after { transform: translate3d(16px, 1px, 0); }
  .F_list th { 
    text-align:left; 
    padding: 5px 5px; 
    font-weight: bold;
    color: #1F4B99;
  } 
  .F_list td { 
    text-align:left; 
    padding: 5px 5px; 
  } 
  .profilemargin{
    margin-right: 55px;
  }
}

/***************************************/
/*** Mobile  - Landscape****************/
/***************************************/
@media only screen and (min-width: 480px) and (max-width: 599px) {
  .hugefont {
    font-size: 24px;
  }
  .bbigfont {
    font-size: 19px;
  }
  .bigfont {
    font-size: 14px;
  }
  .regularfont {
    font-size: 13px;
  }
  .smallfont {
    font-size: 12px;
  }
  .tinyfont {
    font-size: 11px;
  }
  .ttinyfont {
    font-size: 9px;
  }
  .tiniestfont {
    font-size: 8px;
  }
  #content {
/*    width: 470px; */
	margin: auto;
  }
  .hideformobile {
	display: none!important;
  }
  .hideforwide {
	display: inherit!important;
  }
  .icon_size {
  	height: 18px;
  }
  .mobilefbutton {
	padding: 2px 4px!important;
	height: 22px;
  }	
  .labeltopmargin {
	margin-top: 0px !important;
  }
  .buttontopmargin {
	margin-top: 15px !important;
  }
  .feetopmargin {
	margin-top: 2px !important;
  }
  .logoborderwidth {
    border-width: 3px;
  }	
  .event_button {
    width: 100px; 
    height: 43px;
    background-repeat: no-repeat;
    cursor:pointer;
  }
  .enter_online {
    background-image:url("images/bsps/enter_online.png");
  }
  .schedule_button {
    background-image:url("images/bsps/schedule.png");
  }
  .postal_entry_form {
    background-image:url("images/bsps/postal_entry.png");
  }
  .confirm_interest {
    background-image:url("images/bsps/confirm_interest.png");
  }
  .tickets_here {
    background-image:url("images/bsps/bookhere.png");
  }
  .eventinfo_button {
    background-image:url("images/bsps/event_info.png");
  }
  .new_event_button {
 	background-image:url("images/bsps/blank_button.png");
	width: 100px; 
    height: 30px;
    font-size: 8px;
  }
  .new_eventinfo_button {
 	background-image:url("images/bsps/blank_red_button.png");
	width: 100px; 
    height: 30px;
    font-size: 8px;
  }
  .new_postalentry_button {
 	background-image:url("images/bsps/blank_blue_button.png");
	width: 100px; 
    height: 30px;
    font-size: 8px;
  }
  .scheduledrop { width: 400px!important;}
  .inputField, .feeinputField{ 
    padding: 0 5px 0 10px!important;
    text-align:left; 
    height: 30px !important;
    color:#283872; 
    background-color: white; 
    border: solid 1px #1F4B99;
    /*
    border: 0; 
    box-shadow: 0px 0px 0px 1px #1F4B99;
    */
    border-radius:10px; 
    width: 100%;
  }
  /* .inputField{float: right;} */
  .inputTextField{ 
    padding: 0 5px 0 10px!important;
    text-align:left; 
    min-height: 30px !important;
    resize: vertical;
    color:#283872; 
    background-color: white; 
    border: solid 1px #1F4B99;
    /*
    border: 0; 
    box-shadow: 0px 0px 0px 1px #1F4B99;
    */
    border-radius:10px; 
    width: 100%;
  }
  .inputTextField{float: right;}
  .F_list th { 
    text-align:left; 
    padding: 5px 15px; 
    font-weight: bold;
    color: #1F4B99;
  } 
  .F_list td { 
    text-align:left; 
    padding: 5px 15px; 
  } 
}

/***************************************/
/*** 7" Tablet *************************/
/***************************************/
@media only screen and (min-width: 600px) and (max-width: 759px) {
  .hugefont {
    font-size: 26px;
  }
  .bbigfont {
    font-size: 20px;
  }
  .bigfont {
    font-size: 16px;
  }
  .regularfont {
    font-size: 14px;
  }
  .smallfont {
    font-size: 13px;
  }
  .tinyfont {
    font-size: 11px;
  }
  .ttinyfont {
    font-size: 9px;
  }
  .tiniestfont {
    font-size: 8px;
  }
  #content {
/*    width: 590px; */
	margin: auto;
  }
  .hideformobile {
	display: inherit!important;
  }
  .hideforwide {
	display: none!important;
  }
  .icon_size {
  	height: 18px;
  }
  .mobilefbutton {
  }	
  .labeltopmargin {
	margin-top: 0px !important;
  }
  .buttontopmargin {
	margin-top: 14px !important;
  }
  .feetopmargin {
	margin-top: 2px !important;
  }
  .logoborderwidth {
    border-width: 4px;
  }	
  .event_button {
    width: 150px; 
    height: 43px;
    background-repeat: no-repeat;
    cursor:pointer;
  }
  .enter_online {
    background-image:url("images/bsps/enter_online_wide.png");
  }
  .schedule_button {
    background-image:url("images/bsps/schedule_wide.png");
  }
  .postal_entry_form {
    background-image:url("images/bsps/postal_entry_wide.png");
  }
  .confirm_interest {
    background-image:url("images/bsps/confirm_interest_wide.png");
  }
  .tickets_here {
    background-image:url("images/bsps/bookhere_wide.png");
  }
  .eventinfo_button {
    background-image:url("images/bsps/event_info_wide.png");
  }
  .new_event_button {
 	background-image:url("images/bsps/blank_button_wide.png");
	width: 150px; 
    height: 35px;
    font-size: 12px;
  }
  .new_eventinfo_button {
 	background-image:url("images/bsps/blank_red_button_wide.png");
	width: 150px; 
    height: 35px;
    font-size: 12px;
  }
  .new_postalentry_button {
 	background-image:url("images/bsps/blank_blue_button_wide.png");
	width: 150px; 
    height: 35px;
    font-size: 12px;
  }
  .scheduledrop { width: 500px!important;}
  .inputField, .feeinputField{ 
    padding: 0 5px 0 10px!important;
    text-align:left; 
    height: 30px !important;
    color:#283872; 
    background-color: white; 
    border: solid 1px #1F4B99;
    /*
    border: 0; 
    box-shadow: 0px 0px 0px 1px #1F4B99;
    */
    border-radius:10px; 
    width: 100%;
  }
  /* .inputField{float: right;} */
  .inputTextField{ 
    padding: 0 5px 0 10px!important;
    text-align:left; 
    min-height: 30px !important;
    resize: vertical;
    color:#283872; 
    background-color: white; 
    border: solid 1px #1F4B99;
    /*
    border: 0; 
    box-shadow: 0px 0px 0px 1px #1F4B99;
    */
    border-radius:10px; 
    width: 100%;
  }
  .inputTextField{float: right;}
  .F_list th { 
    text-align:left; 
    padding: 5px 15px; 
    font-weight: bold;
    color: #1F4B99;
  } 
  .F_list td { 
    text-align:left; 
    padding: 5px 15px; 
  } 
}

/***************************************/
/*** Tablet - iPad *********************/
/***************************************/
@media only screen and (min-width: 760px) and (max-width: 959px) {
  .hugefont {
    font-size: 30px;
  }
  .bbigfont {
    font-size: 23px;
  }
  .bigfont {
    font-size: 17px;
  }
  .regularfont {
    font-size: 15px;
  }
  .smallfont {
    font-size: 14px;
  }
  .tinyfont {
    font-size: 13px;
  }
  .ttinyfont {
    font-size: 11px;
  }
  .tiniestfont {
    font-size: 9px;
  }
  #content {
/*     width: 760px; */
	margin: auto;
  }
/**V3**/  
  .hideformobile {
	display: inherit!important;
  }
  .hideforwide {
	display: none!important;
  }
  .icon_size {
  	height: 21px;
  }
  .mobilefbutton {
  }	
/**V3**/  
  .labeltopmargin {
	margin-top: 0px !important;
  }
  .buttontopmargin {
	margin-top: 18px !important;
  }
  .feetopmargin {
	margin-top: 2px !important;
  }
  .logoborderwidth {
    border-width: 5px;
  }	
  .event_button {
    width: 150px; 
    height: 43px;
    background-repeat: no-repeat;
    cursor:pointer;
  }
  .enter_online {
    background-image:url("images/bsps/enter_online_wide.png");
  }
  .schedule_button {
    background-image:url("images/bsps/schedule_wide.png");
  }
  .postal_entry_form {
    background-image:url("images/bsps/postal_entry_wide.png");
  }
  .confirm_interest {
    background-image:url("images/bsps/confirm_interest_wide.png");
  }
  .tickets_here {
    background-image:url("images/bsps/bookhere_wide.png");
  }
  .eventinfo_button {
    background-image:url("images/bsps/event_info_wide.png");
  }
  .new_event_button {
 	background-image:url("images/bsps/blank_button_wide.png");
	width: 150px; 
    height: 35px;
    font-size: 12px;
  }
  .new_eventinfo_button {
 	background-image:url("images/bsps/blank_red_button_wide.png");
	width: 150px; 
    height: 35px;
    font-size: 12px;
  }
  .new_postalentry_button {
 	background-image:url("images/bsps/blank_blue_button_wide.png");
	width: 150px; 
    height: 35px;
    font-size: 12px;
  }
  .scheduledrop { width: 700px!important;}
  .inputField, .feeinputField{ 
    padding: 0 5px 0 10px!important;
    text-align:left; 
    height: 30px !important;
    color:#283872; 
    background-color: white; 
    border: solid 1px #1F4B99;
    /*
    border: 0; 
    box-shadow: 0px 0px 0px 1px #1F4B99;
    */
    border-radius:10px; 
    width: 100%;
  }
  /* .inputField{float: right;} */
  .inputTextField{ 
    padding: 0 5px 0 10px!important;
    text-align:left; 
    min-height: 30px !important;
    resize: vertical;
    color:#283872; 
    background-color: white; 
    border: solid 1px #1F4B99;
    /*
    border: 0; 
    box-shadow: 0px 0px 0px 1px #1F4B99;
    */
    border-radius:10px; 
    width: 100%;
  }
  .inputTextField{float: right;}
  .F_list th { 
    text-align:left; 
    padding: 5px 15px; 
    font-weight: bold;
    color: #1F4B99;
  } 
  .F_list td { 
    text-align:left; 
    padding: 5px 15px; 
  } 
}

/***************************************/
/*** Tablet - iPad Landscape************/
/***************************************/
@media only screen and (min-width: 960px) and (max-width: 1199px) {
  .hugefont {
    font-size: 32px;
  }
  .bbigfont {
    font-size: 25px;
  }
  .bigfont {
    font-size: 18px;
  }
  .regularfont {
    font-size: 16px;
  }
  .smallfont {
    font-size: 15px;
  }
  .tinyfont {
    font-size: 14px;
  }
  .ttinyfont {
    font-size: 12px;
  }
  .tiniestfont {
    font-size: 10px;
  }
  #content {
/*    width: 960px; */
	margin: auto;
  }
/**V3**/  
  .hideformobile {
	display: inherit!important;
  }
  .hideforwide {
	display: none!important;
  }
  .icon_size {
  	height: 21px;
  }
  .mobilefbutton {
  }	
/**V3**/  
  .labeltopmargin {
	margin-top: 0px !important;
  }
  .buttontopmargin {
	margin-top: 20px !important;
  }
  .feetopmargin {
	margin-top: 2px !important;
  }
  .logoborderwidth {
    border-width: 6px;
  }	
  .event_button {
    width: 150px; 
    height: 43px;
    background-repeat: no-repeat;
    cursor:pointer;
  }
  .enter_online {
    background-image:url("images/bsps/enter_online_wide.png");
  }
  .schedule_button {
    background-image:url("images/bsps/schedule_wide.png");
  }
  .postal_entry_form {
    background-image:url("images/bsps/postal_entry_wide.png");
  }
  .confirm_interest {
    background-image:url("images/bsps/confirm_interest_wide.png");
  }
  .tickets_here {
    background-image:url("images/bsps/bookhere_wide.png");
  }
  .eventinfo_button {
    background-image:url("images/bsps/event_info_wide.png");
  }
  .new_event_button {
 	background-image:url("images/bsps/blank_button_wide.png");
	width: 150px; 
    height: 35px;
    font-size: 12px;
  }
  .new_eventinfo_button {
 	background-image:url("images/bsps/blank_red_button_wide.png");
	width: 150px; 
    height: 35px;
    font-size: 12px;
  }
  .new_postalentry_button {
 	background-image:url("images/bsps/blank_blue_button_wide.png");
	width: 150px; 
    height: 35px;
    font-size: 12px;
  }
  .scheduledrop { width: 900px!important;}
  .inputField, .feeinputField{ 
    padding: 0 5px 0 10px!important;
    text-align:left; 
    height: 30px !important;
    color:#283872; 
    background-color: white; 
    border: solid 1px #1F4B99;
    /*
    border: 0; 
    box-shadow: 0px 0px 0px 1px #1F4B99;
    */
    border-radius:10px; 
    width: 100%;
  }
  /* .inputField{float: right;} */
  .inputTextField{ 
    padding: 0 5px 0 10px!important;
    text-align:left; 
    min-height: 30px !important;
    resize: vertical;
    color:#283872; 
    background-color: white; 
    border: solid 1px #1F4B99;
    /*
    border: 0; 
    box-shadow: 0px 0px 0px 1px #1F4B99;
    */
    border-radius:10px; 
    width: 100%;
  }
  .inputTextField{float: right;}
  .F_list th { 
    text-align:left; 
    padding: 5px 15px; 
    font-weight: bold;
    color: #1F4B99;
  } 
  .F_list td { 
    text-align:left; 
    padding: 5px 15px; 
  } 
}

/***************************************/
/*** Tablet - iPad Landscape************/
/***************************************/
@media only screen and (min-width: 1200px) and (max-width: 1279px) {
  .hugefont {
    font-size: 32px;
  }
  .bbigfont {
    font-size: 25px;
  }
  .bigfont {
    font-size: 18px;
  }
  .regularfont {
    font-size: 16px;
  }
  .smallfont {
    font-size: 15px;
  }
  .tinyfont {
    font-size: 14px;
  }
  .ttinyfont {
    font-size: 12px;
  }
  .tiniestfont {
    font-size: 10px;
  }
  #content {
	  margin: auto;
  }
/**V3**/  
  .hideformobile {
	display: inherit!important;
  }
  .hideforwide {
	display: none!important;
  }
  .icon_size {
  	height: 21px;
  }
  .mobilefbutton {
  }	
/**V3**/  
  .labeltopmargin {
	margin-top: 0px !important;
  }
  .buttontopmargin {
	margin-top: 20px !important;
  }
  .feetopmargin {
	margin-top: 2px !important;
  }
  .logoborderwidth {
    border-width: 6px;
  }	
  .event_button {
    width: 150px; 
    height: 43px;
    background-repeat: no-repeat;
    cursor:pointer;
  }
  .enter_online {
    background-image:url("images/bsps/enter_online_wide.png");
  }
  .schedule_button {
    background-image:url("images/bsps/schedule_wide.png");
  }
  .postal_entry_form {
    background-image:url("images/bsps/postal_entry_wide.png");
  }
  .confirm_interest {
    background-image:url("images/bsps/confirm_interest_wide.png");
  }
  .tickets_here {
    background-image:url("images/bsps/bookhere_wide.png");
  }
  .eventinfo_button {
    background-image:url("images/bsps/event_info_wide.png");
  }
  .new_event_button {
 	background-image:url("images/bsps/blank_button_wide.png");
	width: 150px; 
    height: 35px;
    font-size: 12px;
  }
  .new_eventinfo_button {
 	background-image:url("images/bsps/blank_red_button_wide.png");
	width: 150px; 
    height: 35px;
    font-size: 12px;
  }
  .new_postalentry_button {
 	background-image:url("images/bsps/blank_blue_button_wide.png");
	width: 150px; 
    height: 35px;
    font-size: 12px;
  }
  .scheduledrop { width: 900px!important;}
  .inputField, .feeinputField{ 
    padding: 0 5px 0 10px!important;
    text-align:left; 
    height: 30px !important;
    color:#283872; 
    background-color: white; 
    border: 0; 
    border: solid 1px #1F4B99;
    /*
    border: 0; 
    box-shadow: 0px 0px 0px 1px #1F4B99;
    */
    border-radius:10px; 
    width: 100%;
  }
  /* .inputField{float: right;} */
  .inputTextField{ 
    padding: 0 5px 0 10px!important;
    text-align:left; 
    min-height: 30px !important;
    resize: vertical;
    color:#283872; 
    background-color: white; 
    border: solid 1px #1F4B99;
    /*
    border: 0; 
    box-shadow: 0px 0px 0px 1px #1F4B99;
    */
    border-radius:10px; 
    width: 100%;
  }
  .inputTextField{float: right;}
  .F_list th { 
    text-align:left; 
    padding: 5px 15px; 
    font-weight: bold;
    color: #1F4B99;
  } 
  .F_list td { 
    text-align:left; 
    padding: 5px 15px; 
  } 
}

/***************************************/
/*** Widescreen ************************/
/***************************************/
@media only screen and (min-width: 1280px) {
  .hugefont {
    font-size: 30px;
  }
  .bbigfont {
    font-size: 24px;
  }
  .bigfont {
    font-size: 19px;
  }
  .regularfont {
    font-size: 16px;
  }
  .smallfont {
    font-size: 15px;
  }
  .tinyfont {
    font-size: 14px;
  }
  .ttinyfont {
    font-size: 13px;
  }
  .tiniestfont {
    font-size: 11px;
  }
  #content {
    width: 1280px;
    margin: auto;
  }
  .hideformobile {
	display: inherit!important;
  }
  .hideforwide {
	display: none!important;
  }
  .icon_size {
  	width: "assets/templates/css/images/bsps/edit-icon.png"
  }
  .icon_size {
  	height: 21px;
  }
  .mobilefbutton {
  }	
  .labeltopmargin {
	margin-top: 0px !important;
  }
  .buttontopmargin {
	margin-top: 20px !important;
  }
  .feetopmargin {
	margin-top: 2px !important;
  }
  .logoborderwidth {
    border-width: 7px;
  }	
  .event_button {
    width: 150px; 
    height: 43px;
    background-repeat: no-repeat;
    cursor:pointer;
  }
  .enter_online {
    background-image:url("images/bsps/enter_online_wide.png");
  }
  .schedule_button {
    background-image:url("images/bsps/schedule_wide.png");
  }
  .postal_entry_form {
    background-image:url("images/bsps/postal_entry_wide.png");
  }
  .confirm_interest {
    background-image:url("images/bsps/confirm_interest_wide.png");
  }
  .tickets_here {
    background-image:url("images/bsps/bookhere_wide.png");
  }
  .eventinfo_button {
    background-image:url("images/bsps/event_info_wide.png");
  }
  .new_event_button {
 	background-image:url("images/bsps/blank_button_wide.png");
	width: 150px; 
    height: 35px;
    font-size: 13px;
  }
  .new_eventinfo_button {
 	background-image:url("images/bsps/blank_red_button_wide.png");
	width: 150px; 
    height: 35px;
    font-size: 13px;
  }
  .new_postalentry_button {
 	background-image:url("images/bsps/blank_blue_button_wide.png");
	width: 150px; 
    height: 35px;
    font-size: 13px;
  }
  .scheduledrop { width: 1100px!important;}
  .inputField, .feeinputField{ 
    padding: 0 5px 0 10px!important;
    text-align:left; 
    height: 30px !important;
    color:#1F4B99; 
    background-color: white; 
    border: solid 1px #1F4B99;
    /*
    border: 0; 
    box-shadow: 0px 0px 0px 1px #1F4B99;
    */
    border-radius:10px; 
    width: 100%;
  }
  /* .inputField{float: right;} */
  .inputTextField{ 
    padding: 0 5px 0 10px!important;
    text-align:left; 
    min-height: 30px !important;
    resize: vertical;
    color:#1F4B99; 
    background-color: white; 
    border: solid 1px #1F4B99;
    /*
    border: 0; 
    box-shadow: 0px 0px 0px 1px #1F4B99;
    */
    border-radius:10px; 
    width: 100%;
  }
  .inputTextField{float: right;}
  /*
resize: vertical;
  
  .feeinputField{ 
    padding: 5px 15px;
    text-align:left; 
    color:black; 
    background:#C5CBE5 scroll 0% 0%; 
    border-width:0px; 
    border-radius:15px; 
    width: 100%;
    height: 32px;
  } 
  */
  .F_list th { 
    text-align:left; 
    padding: 5px 15px; 
    font-weight: bold;
    color: #1F4B99;
  } 
  .F_list td { 
    text-align:left; 
    padding: 5px 15px; 
  } 
}

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