:root {
	--primary-color: #7600C0;
	--warm-white-text: #FDF7E3;
	--primary-hover: #8A1CE0;
	--intense-orange: #F95F18;
	--black: #000000;
	--heading: 24px;
	--subheading: 16px;
	--body-size: 14px;
	}

.btn-check:checked + .btn,
:not(.btn-check) + .btn:active,
.btn.active,
.btn.show {
  background-color: var(--primary-hover);
  border-color: var(--primary-hover);
}

/*=========================================================================================*/
body {
 
  font-weight: normal;
  font-size: var(--body-size);    font-family: Verdana, Arial, sans-serif;
}

table,tr,td,th,p,ul,li,a,span,div,ol,select,input,button,textarea {font-size: var(--body-size); font-family: Verdana, Arial, sans-serif;}


h1,h3,h5 {font-size: var(--heading);     font-family: Verdana, Arial, sans-serif; color: var(--intense-orange);} 



h2{font-size: var(--subheading); font-family: Verdana, Arial, sans-serif; color: var(--intense-orange);margin: 30px 0 15px 0;} 

h4{font-size: var(--subheading);     font-family: Verdana, Arial, sans-serif; color: var(--intense-orange);} 









h6 {font-size: var(--subheading); margin: 0;}
p {font-size: var(--body-size);color: var(--black);}
a {color: var(--primary-color); text-decoration: none;}
a:focus {color: var(--primary-color);}
img{max-width: 100%; vertical-align: middle;}
*{box-sizing: border-box;}


input[type="submit"],
input[type="button"] {background: var(--primary-color);color: var(--warm-white-text);border: none;padding:9px 13px;cursor: pointer;border-radius: 5px; text-transform: capitalize; font-weight: normal; cursor: pointer;}
input[type="submit"]:hover,
input[type="button"]:hover{background: var(--primary-hover);color: var(--warm-white-text);}


input[type="radio"] {margin-bottom: 2px;margin-right: 0;margin-top: 0px;appearance: none;width: 16px;height: 16px;background: url(../images/radio-unchecked.svg) no-repeat center center;
vertical-align: middle;}
input[type="radio"]:checked {background: url(../images/radio-checked.svg) no-repeat center center;width: 16px;height: 16px;}

input[type="checkbox"] {vertical-align: middle;margin-right: 0;margin-top: 0px;appearance: none;width: 16px;height: 16px;background: url(../images/checkbox-unchecked.svg) no-repeat center center;}
input[type="checkbox"]:checked {background: url(../images/checkbox-checked.svg) no-repeat center center;width: 16px;height: 16px;}

input[type="file"]{padding: 0;border: 1px dashed var(--primary-color);background-color: #FFF; border-radius: 5px; margin-bottom: 10px; order: 1; cursor: pointer; font-size: var(--body-size); color: #000;}
input[type="file"]::file-selector-button {padding: 10px;border-width: 0;border-radius: 5px;background:var(--primary-color);color: var(--white);cursor: input;margin-right: 1em; color: var(--warm-white-text); cursor: pointer;}
input[type="file"]:hover {border-color: var(--primary-hover);}
input[type="file"]:hover::file-selector-button {color: var(--warm-white-text);background:var(--primary-hover); }


select
{
	min-width: 76px;
	padding: 5px;
	padding-right: 5px;
	border: 1px solid #ccc;
	background-color: #fff;
	appearance: none;
	background: #FFF url(../images/asc.gif) no-repeat right 2px center !important; 
	background-size: auto;
	background-size: auto;
	background-size: 25px;
	padding-right: 35px;
}










input:disabled {
    filter: grayscale(1);
    opacity: 0.3;
}

th{
	background: var(--intense-orange);
	color: var(--warm-white-text);
	font-size: var(--subheading) !important;
	padding: 5px;
}
td{
	padding: 5px;
}



input[name="search"], 
input[type='text'], 
input[type='password'], 
input[type='email'], 
input[type='number'], 
input[type='url'], 
input[type='date'], 
input[type='datetime-local'], 
input[type='month'], 
input[type='week'], 
input[type='time'], 
input[type='search'], 
input[type='tel']{
height: 32px;
}

input[type="datetime-local"]::-webkit-calendar-picker-indicator { 
    filter: invert(18%) sepia(96%) saturate(6000%) hue-rotate(270deg) brightness(75%);
    cursor: pointer;
}

/*----- Fonts ------*/
h1 {	
	margin-bottom: 5px;
	 
}

h3 {		
	margin-bottom: 3px; 
}


.header-main {width: 100%;align-items: center;display: flex; justify-content: space-between;}
.header-main .logo {text-align: center;margin-top: 13px;display: flex;}
.header-main .logo a {text-decoration: none;color: var(--intense-orange);font-size: var(--heading);font-weight: bold;width: 100%;display: inline-block;display: flex;align-items: center;}
.header-main .logo a img{max-width: 170px; margin: 18px 44px 0px 38px;}
.header-main .title{font-size: var(--heading); color: var(--intense-orange); font-weight: bold;}
 
.header-right {
    display: flex;
    align-items: center;
    gap: 5px;
    font-weight: bold;
}

a[title="Add New Membership"] {font-weight: bold;}
a[title="Show listing"] {display: inline-flex;align-items: center;gap: 5px;margin-right: 8px;font-weight: bold;}
a[title="Add Special Offer"] {display: inline-flex;align-items: center;gap: 5px;font-weight: bold;}
a[title="Add Special Offer"] img {vertical-align: middle;}
a[title="Show listing"] img {vertical-align: middle;max-width: 18px;}

/*-- Layouts and Areas---*/
#wrapper {
		margin: 0 auto;
		/* width: 1400px; */
		padding-top: 2px;
		overflow: hidden;    padding: 0 10px 0 10px;
		}		

body{
	padding: 0;
	margin: 0;
	
}

#mainContent {
		
		width: 100%;
		float: left;
		margin-right: 20px;
	
		}
#mainContent h2, #mainContent h1{
	  font-weight: bold;
}

.sidebar-left
{
	width:18%;
	flex-shrink: 0;
	min-width: 275px;
}
		
#sidebar
{
}

#bottomlinks{
	margin-left:9px;
	margin-right:9px;
}



table tr.even th, .even {
    background: #fff ;
}
table tr.odd th, .odd {
    background: #fef4e3 ;
}


#content-blue a, #content-blue h1, #content-blue h2, #content-blue h3{
	color: #00A2C3;
}

#content-green a, #content-green h1, #content-green h2, #content-green h3{
	color: #99CF17;
}

#content-orange a, #content-orange h1, #content-orange h2, #content-orange h3{
	 
}


#content-purple a, #content-purple h1, #content-purple h2, #content-purple h3{
	 
}

#content-red a, #content-red h1, #content-red h2, #content-red h3{
	color: #FF0000;
}

 




#content-red li{
 list-style-image: url(/images/icons/arrow_red.gif);
}

#content-orange li{
 list-style-image: url(/images/icons/arrow_orange.gif);
}


#content-green li{
 list-style-image: url(/images/icons/arrow_green.gif);
}

#content-blue li{
 list-style-image: url(/images/icons/arrow_blue.gif);
}

#content-purple li{
 list-style: none; padding: 4px 0;
}
#content-purple li.active_menu a{
	color: var(--intense-orange);
} 

#content-red ul, #content-orange ul, #content-green ul, #content-blue ul, #content-purple ul{
	margin-left: 20px; 
	padding-left: -5
}

#sidebarBlock, #sidebarBlockplain{
 
 
	padding-bottom: 0;
}

#sidebarBlock ul{
margin:0; padding:0px 0px 0px 14px; line-height:17px;
}

#sidebarBlock{
		 
}
#sidebarBlockplain{
		background-color: #FFFFFF;
}


	


#sidebarBlock h1, #sidebarBlock h1.red,#sidebarBlock h1.green, #sidebarBlock h1.orange, #sidebarBlock h1.blue, #sidebarBlock h1.purple{

	height: 29px;	
	vertical-align: middle;
	color: var(--warm-white-text); 
	 padding:0px;
	 line-height: 30px;    padding: 0 0 0 14px;
	 font-size: var(--body-size);
}

#sidebarBlock a{
	color: #000000;
	text-decoration: none;


}


#sidebarBlock h1.red{
	background-image: url(../images/menu/red_header.jpg);
	background-position: center;	
}


#sidebarBlock h1.green{
	background-image: url(../images/menu/green_header.jpg);
	background-position: center;
	
}

#sidebarBlock h1.orange{
	background-image: url(../images/menu/orange_header.jpg);
	background-position: center;
	
}

#sidebarBlock h1.blue{
	background-image: url(../images/menu/blue_header.jpg);
	background-position: center;
	
}

#sidebarBlock h1.purple{
	 background: var(--intense-orange);
	 color: var(--warm-white-text);
	 text-align: left;
	font-size: var(--subheading);
}






/*------------ Login box on main page -----------*/
#loginbox {


	
}

#loginbox .input{
	width: 100px;
	height: 16px;
	padding-top: 0px;
}

#loginbox .select{
	
	width: 150px;
	height: 20px;
	
	padding-top: 0px;
}


/*-- backgrounds --*/
.b_white{
	background-color: #FFFFFF;

}

.subheading{
	color: var(--intense-orange);
	margin: 30px 0 15px 0;
	font-size: var(--subheading);
	font-weight: bold;
}


.list-icons {
    display: flex;
    align-items: center;
    width: 100%;
    gap: 20px;justify-content: end;
}

.list-icons a {
    display: flex !important;
    align-items: center;
    gap: 5px;
    margin-top: 11px;
    font-weight: 600;
}

.content_container .list-icons a {
	margin-top: 0;
}

/*-- borders--*/
.border_red{
		border: 1px solid #FF0000;
}

div.border_grey{
	border: 1px solid #CCCCCC;
    padding: 10px;
    display: block; min-height: 241px;
}

 
table.border_grey{
	border: 1px solid #CCCCCC; 
    border-spacing: 0px;
    border-collapse: separate;
}
.border_grey b {
    margin-bottom: 5px;
    display: block;
}
.border_grey a { 
	margin-bottom: 5px;
	display: block;
}
.red{
	color: #FF0000;
}

.orange{

	color: #FC8400;
}

.tablehighlight{
	
	background-color: #FFFFFF;
}




/*----------------------------Blog------------------------------*/

.blog
{width:510px; height:auto; float:left;}

.blogbox{width:510px; height:auto; float:left; border-bottom: dotted 1px #2D2D2D; padding:10px 0px 10px 0px;}
.blogbox p{ padding:0px 0px 10px 0px;}
.blogbox h1 {color:#E60000;padding:0px;}
.blogbox h2 {color:#000000;  padding:0px;}
.blogbox h4{color:#353535 !important;padding:0px;}

p.img1{padding:10px 0px 8px 0px; margin:0px;}


/*----------------------------FOr Right side counter------------------------------*/
.box{
	width:160px; height:116px; background:url(../images/can-we-help1.jpg) no-repeat 0 0;
	 padding:15px 0px 0 0px; text-align:center;
	 font:12px/13px Arial, Helvetica, sans-serif bold;	
	}
.box h1{padding:59px 0 0 0; margin:0 0 0 0; color:#FFFFFF !important; font-weight:bold; }	
.box a{
	text-decoration:none;
	color:#fc2e32;
font-weight:bold;
	}	
.box2{
	width:160px; height:121px;background:url(../images/incpart1.jpg) no-repeat 0 0;
	 font:12px/13px Arial, Helvetica, sans-serif bold;
	 color:#4cbbd6;	
	}
.box-pera{
	width:62px;
	font:12px/13px Arial, Helvetica, sans-serif bold;
	padding:10px 0 0 7px;
}	
.box2 h1{padding:38px 0 0 0; margin:0 0 0 0; color:#FFFFFF !important; font-weight:bold;  text-align:center;}		
.box2 span{
	color:#000;
	}	
.box-pera a{
	text-decoration:none;
	 color:#4cbbd6 !important;
font-weight:bold;	
	}	
/*---------------------10-2-2014--------------------*/
#client_news{ width:98%; background:#F2F2F2; padding:0px 0px 10px 0px}

#client_news .heading-bg {background-color: #01A1C3;
    background-image: linear-gradient(#01A1C3, #198399);
    box-shadow: 0 -3px 0 #590A0A inset;
    color: #FFFFFF;
    text-shadow: 1px 1px 0 #000000; line-height: 40px;
    padding: 0 0 0px 9px; height:40px;}
	
#client_news .heading-bg h2{color: #FFFFFF;
    float: left;
    margin: 0;
    padding: 0;}
#client_news .heading-bg a{ float:right;color: #FFFFFF; padding:0px 10px 0px 0px;}
#client_news ul.list{ margin:0px; padding:15px; list-style:none}
#client_news ul.list li{ margin:0px 0px 10px 0px;}
#client_news .news-date{}
#client_news .news-heading{  text-decoration:none}
#client_news .news-text p{ padding:0px; margin:3px 0px 0px 0px;}

.searchbar{ float:left; width:98%; margin:10px 0px 0px 0px; background:#F2F2F2; padding:0px}

.searchbar .button1{  background-color: #01A1C3;
    background-image: linear-gradient(#01A1C3, #198399);
    box-shadow: 0 -3px 0 #590A0A inset;
    color: #FFFFFF;
    height: 40px;
    line-height: 40px;
    padding: 0 9px 0 9px;
    text-shadow: 1px 1px 0 #000000; }
 

.searchbar .heading-bg {background-color: #01A1C3;
    background-image: linear-gradient(#01A1C3, #198399);
    box-shadow: 0 -3px 0 #590A0A inset;
    color: #FFFFFF;
    text-shadow: 1px 1px 0 #000000; line-height: 40px;
    padding: 0 0 0px 9px; height:40px;}
	
.searchbar .heading-bg h2{color: #FFFFFF !important;
    float: left;
    margin: 0;
    padding: 0;}
	
#main_div{ float:left;}
.searchbar a.button1{background-color: #01A1C3;
    background-image: linear-gradient(#01A1C3, #198399);
    box-shadow: 0 -3px 0 #590A0A inset;
    color: #FFFFFF !important;
    height: 40px;
    line-height: 40px;
    padding: 10px 9px ;
    text-shadow: 1px 1px 0 #000000; text-decoration:none}

/*--tablesorter--*/
table.tablesorter thead tr .header {
	background-image: url(/admin/images/bg.gif);
	background-repeat: no-repeat;
	background-position: right top;
	cursor: pointer;
}
table.tablesorter thead tr .headerSortUp {
	background-image: url(/adminimages/asc.gif);
}
table.tablesorter thead tr .headerSortDown {
	background-image: url(/adminimages/desc.gif);
}
table.tablesorter thead tr .headerSortDown, table.tablesorter thead tr .headerSortUp {
 background-color: #E6EFF4;
 color: #474C4D;
}
table.tablesorter thead tr th, table.tablesorter tbody tr td  {

/*border: 2px groove #000;*/
padding-left:3px;

}
.table_palceholder table tr th{
border: 2px groove #000;
}

@media only screen and (min-width: 320px) and (max-width: 639px) {
		.responsive{ width:100%; float:left}
	.responsive1{width:100%; float:left}
}
@media only screen and (min-width: 320px) and (max-width: 768px) {
	.responsive1 img{ width:94% !important}
	.mid_top_content td{ text-align:left !important}
	.mid_top_content a{ padding:0 7px !important}
	.list_club h2{padding: 0;}
	.contactpage { padding:5%;}
	
#content-blue a, #content-blue h1, #content-blue h2, #content-blue h3 {
    color: #00a2c3;
    padding: 0 0 0 7px;
}
.list_club td h2{ padding: 0 7px 0 0px !important; }
.list_club td { padding: 0 0 0 7px; }
	.responsive1 ul{ margin:0px 0px 0px 0px; padding:0px 0px 0px 23px;}
	.responsive1 textarea {width:67%;}
	 #memberimg { padding:0px; margin:0px;}
	#content-red ul, #content-orange ul, #content-green ul, #content-blue ul, #content-purple ul {
    margin-left: 0;
}
	#sidebarBlock {
    padding: 0 0 10px;
}
#content-blue li{ line-height:22px;}
	.responsive1 p{padding:0px 5px 0px 8px; line-height:18px; }
	.responsive1 h1{ padding:0px 0px 0px 8px}
	#wrapper { width:100%;  }
.content-blue{ width:100%}
.b_white img{ width:100%}
#sidebar{ width:100%}

#loginbox img{ width:auto}
#loginbox table{ width:97%}
#sidebarBlock, #sidebarBlockplain{ width:94%}


#sidebarBlock h1.green {
	background-color: #01cc00;
    background-image: url("../images/menu/green_header.jpg");
    background-position: left center;
    background-repeat: no-repeat;
    height: 27px;
    line-height: 27px;
    width: 98%;
}

#sidebarBlock h1.blue {
  background-color: #01a1c3;
    background-image: url("../images/menu/blue_header.jpg");
    background-position: left center;
    background-repeat: no-repeat;
    height: 27px;
    line-height: 27px;
    width: 98%;
}
#loginbox td{ padding:4px 5px; line-height:24px;}
#sidebarBlock li a{}

#loginbox .input {
    height: 29px;
    margin: 0;
    padding-top: 0;
    width: 93%;
}
#loginbox .select{    height: 29px;
    margin: 0;
    padding-top: 0;
    width: 93%;}
}
@media only screen and (min-width: 640px) and (max-width: 768px) {
	.responsive{ width:25%; float:left}
	.responsive1{width:70%; float:left}
	
#sidebar {
    width: auto;
}
#loginbox table {
    width: 100%;
}
.responsive1 img{ width:auto}
}




input[type="text"], input[type="select"], input[type="password"], input[type="number"], input[type="url"] {   
    margin-top: 2px;	
	border: 1px solid #ccc;
    border-radius: 0;
  
    margin-bottom: 2px;
    margin-right: 0;
    padding: 5px;
}	
	
	
	textarea:focus, input[type="text"]:focus, input[type="password"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="time"]:focus, input[type="week"]:focus, input[type="number"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="color"]:focus, .uneditable-input:focus, , input[type="url"] {
    border-color: rgba(38, 155, 201, 0.8);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(38, 155, 201, 0.6);
    outline: 0 none;
}





select
{
 padding: 6px 35px 6px 6px  ;
 min-width: 76px;   
}


 
.download
{
	background-color:var(--primary-color);
	color:var(--warm-white-text)!important;

	border-radius:5px;
	padding:5px;
	text-decoration:none !important;
	text-transform:capitalize;
	padding-right:12px;
	padding-left:12px;		
}

.download::after
{
	content: ' \2193';
	
	font-weight: bold;	
}
.download:hover
{
	background-color:var(--primary-hover); 
}

.success
{
	color: green;
	
	border-radius:5px;
	background-color:#EDECC0;
	border:1px solid #E4E4E4;
	padding:9px;
	width:50%;
	margin:10px; 
	float:left;
	font-weight:normal;
}

.warning
{
	color:red; 
	padding: 0;
	margin: 0;
}


.frmsubmitbtn {
    cursor: pointer;
    padding: 10px;
        padding-right: 11px;
        padding-left: 11px;
    border-radius: 5px;
    font-weight: bold;
   
    padding-left: 20px;
    padding-right: 20px;
}

.download-button
{
	background-image: url("../images/download-icon.png");		
	padding-right: 40px !important;
	 
	padding:5px;
	background-repeat: no-repeat;
	background-size:20px 20px;
	background-position: right 8px bottom 4px;
	 
	margin-top:10px;
	border-radius: 5px;
	cursor:pointer;

}

label.error
{
	color:#C30;
	font-weight:bold;
	padding-left: 5px;
	float:left;
	width:100%;
}

.formlist form
{
	padding-bottom:0px;
	margin-bottom:0px;	
}

.formlist h1{
	font-size: var(--subheading);
	color: var(--intense-orange);
}
.link
{
	padding:1px;
	 
	text-decoration:none;
	line-height:21px;
	display: block;
}

/* textarea
{
	background-color: #f2f2f2;
}
 */
legend h2
{
	margin-top: 0px;
}

.error_message {
	padding: 10px;
	;
	background-color: #696;
	color: #fff;
	border-radius: 5px;
}
.pad_l_30 {
	padding-left: 30px;
}
.search_btn {
	padding: 6px;
	text-align: center;
	min-width: 100px;
	font-weight: 600;
}
.content-purple {
	color: #000000;
}
.content-purple td {
	 
}

.formpage input[type="text"], textarea
{
  margin-top: 2px;
  width: 455px;
  margin-bottom: 2px;
}

.formpage input[type="text"] {
    height: 35px;
}
.sticky th
{
  position: sticky;
  top: 0px; 
}

.change_pass
{
	cursor:pointer;
}

.club_facility_box
{
	border: solid #ee1249 1px;
	min-height: 30px;
	display: flex;
	padding: 2px 9px;
	align-items: center;
	border-radius: 10px;
	color: #000;
	text-decoration: none;
	max-width: 120px;
	margin-bottom: 3px;
}

.club_facility_box img {
  max-width: 37px;
  margin-right: 12px;
  max-height: 28px;
}
 

.membershipfrm input[type='text'],.membershipfrm input[type='number'], .membershipfrm select
{
	min-width:200px;
	box-sizing: border-box;
	border: solid 1px #ccc;
	background: #FFF;
}


#clubschemesearchfrm input[type='text'],#clubschemesearchfrm input[type='number'], #clubschemesearchfrm select
{
	min-width:200px;
	box-sizing: border-box;
	border: solid 1px #ccc;
	background: #FFF;
}



#searchclubsfrm input[type='text'],#searchclubsfrm input[type='number'], #searchclubsfrm select
{
	min-width:212px;
	box-sizing: border-box;
	border: solid 1px #ccc;
	background: #FFF;
}




.membershipfrm input[type='text']:disabled, .membershipfrm input[type='number']:disabled, .membershipfrm select:disabled
{
	background: #ddd !important;	
} 


.disabled-bg-class
{
	background-color: #ddd !important;	
} 

.membershipfrm input[type='text']:read-only, .membershipfrm input[type='number']:read-only, .membershipfrm textarea:read-only 
{	
	color:#808080;	
} 

 
.clubeditnote
{	
background-image: url(../images/ex.png);
background-repeat: no-repeat;
padding-left: 25px;
;
margin-top: 5px;
margin-bottom: 5px;
font-weight: 600;
background-size: 42px;
padding-left: 47px !important;
background-position: left 10px;
}

.clubeditnote-b
{	
	;
	margin-top: 5px;
	margin-bottom: 5px;
	font-weight: 600;
	background-position: left 10px;
}


.alert {
  position: relative;
  padding: .75rem 1.25rem;
  margin-bottom: 1rem;
  border: 1px solid transparent;
    border-top-color: transparent;
    border-right-color: transparent;
    border-bottom-color: transparent;
    border-left-color: transparent;
  border-radius: .25rem;
  width: 80%;
  
}

.alert-info {
  color: #000;
  background-color: #d1ecf1;
  border-color: #bee5eb;
}
.alert-success {
  color: #155724;
  background-color: #d4edda;
  border-color: #c3e6cb;
}
.alert-danger {
  color: #721c24;
  background-color: #f8d7da;
  border-color: #f5c6cb;
}
.alert-warning {
  color: #856404;
  background-color: #fff3cd;
  border-color: #ffeeba;
}  
.membershipfrm .vat_disabled{
  background-color: #ddd !important;
} 

.enable_class
{
	color:#000 !important;
}

.disable_class
{
	color:#808080 !important;
}

input[type="submit"] { 
  min-width: 80px; 
}

.add-link
{
	background-image: url(../images/add_icon_black.png);
	background-position: left;
	background-repeat: no-repeat;
	padding-left: 25px;	
}

.list-link
{
	background-image: url(../images/list_icon_black.png);
	background-position: left;
	background-repeat: no-repeat;
	padding-left: 25px;	
}

.addedittitle
{
	padding-top:20px;
}

.scheme_sort_container
{
	width: 100%;
	text-align: right;
	float: left;
	min-height: 40px;
	padding-top: 10px;
}
.scheme_sort_inner
{
	float:left;
	width:auto;
	padding-right: 5px;
	padding-bottom: 5px;
	
	color: #000000;
	font-weight:bold;
	padding-left:5px;
}


#viewby_outer {
  min-width: 200px;
  box-sizing: border-box;
  border: solid 1px #ccc;
  background: #FFF;
}

.messagebox
{
	float:left;
	position:relative;
	min-height:35px;
	
	padding:5px;
	border-radius: 5px;	
	background-color: #EDECC0;
	border: 1px solid #E4E4E4;
	color: green;
	caret-color: transparent;
	padding-right: 35px;
	width:auto;
	margin-bottom: 10px;
}

.messagebox p
{		
		
	margin: 10px;
	float: left;
	text-align:left;
	font-weight: normal;
}

.messagebox .close_icon
{
position: absolute;
top: 10px;
right: 10px;

color: grey;
border-radius: 17px;
width: 25px;
height: 25px;
text-align: center;
line-height: 21px;
rotate: 45deg;
cursor:pointer;
}

.messagebox .close_icon:hover
{
	color: #000;
}





.add_manager input[type="text"] {
      width: 300px;
    }
 
    table {
      border-collapse: collapse;
    }
 
    table tr.odd th,
    table tr.odd,
    table tr.even th,
    table tr.even {
      text-align: left;
      height: 30px;
    }
 
    table tr.odd td,
    table tr.even td {
      border-right: 1px solid var(--warm-white-text);;
      border-bottom: 1px solid var(--warm-white-text);
    }
 
 
 
 .t_header{
	background: transparent !important;
 }
.t_header th,
     .t_header td {
      height: 30px;
      border-bottom: 1px solid var(--warm-white-text);
      border-right: 1px solid var(--warm-white-text);;
	  background: var(--intense-orange);
	  color: var(--warm-white-text);
    }
	.t_header th h3,
 .t_header td h3 {
    margin: 0;
    padding: 0;
    font-size: 14px;
    color: var(--warm-white-text);
}
    .extra_liuk {
      background-color: #9c86a0;
      border: 1px solid #fff;
      border-radius: 5px;
      color: #fff !important;
      padding: 1px;
      text-decoration: none;
      vertical-align: super;
    }
 
    .t_header>th {
      border-bottom: 1px solid #A0A0A0;
      border-right: 1px solid #FFFFFF;
     font-size: var(--subheading);
      height: 30px;
    }
 

	.header_bg_box
	{
		position:relative;
	}
	.main_search_box
	{
	 position: absolute;
  right: 17px;
  top: 153px;
  background-color: #fff;
  border-radius: 15px;
  min-width: 316px;
  padding-left: 12px;
	}
	#main_search
	{
		border:none;
		width: 71%;		
	}
	.main_search_button
	{
		 border-radius: 15px;
		 font-size:14px;
		 font-weight:bold;
	}




	#goToBtn{
		background-color: var(--primary-color) !important;
		color: var(--warm-white-text) !important;
	}

.fieldset label {
    display: block; 
    margin-bottom: 5px;
    margin-top: 10px;
}
fieldset legend{
 
}
.fieldset div#showstatus label {
    display: block;
    margin: 0; 
}

.clubmanagersearch select{
	width: 100%;
}

table tr td img {

  max-width: initial;

}
 




.tablesorter-default .header, .tablesorter-default .tablesorter-header {
    background:var(--intense-orange) url(../images/bg.gif) no-repeat center right !important; 
}
.tablesorter-default thead .headerSortUp, .tablesorter-default thead .tablesorter-headerSortUp, .tablesorter-default thead .tablesorter-headerAsc {
    background:var(--intense-orange) url(../images/asc.gif) !important; 
}
.tablesorter-default thead .headerSortDown, .tablesorter-default thead .tablesorter-headerSortDown, .tablesorter-default thead .tablesorter-headerDesc {
    background:var(--intense-orange) url(../images/desc.gif) !important; 
}

.tablesorter-default thead .headerSortUp, .tablesorter-default thead .tablesorter-headerSortUp, .tablesorter-default thead .tablesorter-headerAsc {
    background-repeat: no-repeat !important;
    background-position: center right !important;
    background-size: 26px !important;
}


.fet-box-voucher.gym-logo {
    overflow-x: auto;
    width: 23%;
}

.status_pdf_download {
    height: auto;
    background: var(--primary-color) !important;
    color: var(--warm-white-text) !important;
    box-shadow: 0 -0px 0 #93070C inset !important;
}
.status_pdf_download.button.btn-red img {
    width: 23px;
    height: auto;
}
.status_pdf_download.button.btn-red>span { 
    line-height: 23px;
}



div.calendar th {
    background: var(--intense-orange) !important; 
    color: var(--warm-white-text) !important;
}
div.calendar tr.days td:hover, div.calendar td.button:hover,
div.calendar tr.days td.today { 
    background: var(--primary-color) !important;
    color: var(--warm-white-text) !important;
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  filter: invert(16%) sepia(94%) saturate(6000%) hue-rotate(270deg) brightness(80%);
  cursor: pointer;
}

h3
{ 
  font-size: 16px;
}

.pageTitle
{
  font-size: var(--heading);
  font-family: Verdana, Arial, sans-serif;
  color: var(--intense-orange);
  margin-bottom: 5px;
  margin-top:10px;
  font-weight:bold;
}

.club_manager
{
	font-size:9px !important;
	width:105px !important;
}

.club_list img
{
	width:18px !important;
	height:18px !important;
}