/* Project name - odms 
* Version V2
* started at 31 - July 2015
*/
/* Font For ID Card */
*,:after,:before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box;-webkit-font-smoothing:antialiased}
 
   /* .card-wrap { display: block; width: 214px; height: 334px; background: linear-gradient(0deg, #F0F0FF -10%, #fff); padding: 5px; } */
   .card-wrap_inner {position: relative; display: flex; flex-direction: column; justify-content: center; border-radius: 10px; border: 1px solid #2E3192; height: 324px; padding: 5px; width: 205px;}
   .card-wrap_inner::after { content:''; position: absolute; left: 0; right: 0; bottom: 0; top: 0; opacity: 0.15; }
   .card-header { display: flex;align-items: center; flex-direction: column; gap: 2px;}
   .card-header img { width: 38px; }
   .card-header .hd-content { font-family: "Open Sans", sans-serif; text-align: center; font-size: 10px; line-height: 12px; font-weight: 800; text-transform: uppercase; color: #000000; }
 
	
	@import url('https://fonts.googleapis.com/css2?family=Open+Sans&display=swap');
	@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@500&display=swap');
	@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@600&display=swap');
	@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@700&display=swap');
	@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@800&display=swap');
	 
	 
	@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&display=swap');
	@font-face {
		font-family: 'helvetica_neueregular';
		src: url('../font/helveticaneue-thin-webfont.eot');
		src: url('../font/helveticaneue-thin-webfont.eot?#iefix') format('embedded-opentype'),
			 url('../font/helveticaneue-thin-webfont.woff') format('woff'),
			 url('../font/helveticaneue-thin-webfont.ttf') format('truetype'),
			 url('../font/helveticaneue-thin-webfont.svg#helvetica_neueregular') format('svg');
		font-weight: normal;
		font-style: normal;
		}
body{
 overflow-x: hidden;
 margin:0px !important;
	/*min-width:770px !important;*/
}
h2{
margin: 8px 0;
letter-spacing: 2.5px;
}
.odms-btn 
{
	display: inline-block;
	padding: 10px;
	margin-bottom: 0;
	font-size: 14px;
	font-weight: normal;
	line-height: 1.42857143;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	background-image: none;
	border: 1px solid transparent;
}
.subbtn 
{
	display: inline-block;
	padding: 12px 15px;
	margin-bottom: 0;
	left: 353px;
	position: relative;
	font-size: 14px;
	font-weight: normal;
	top: -47px;
	line-height: 1.42857143;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	background-image: none;
	border: 0;
	background-color : #bab568;
	border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}
.btn-danger:hover { background-color: #8a394c; }

.img-responsive {
		margin: 0 auto;
		max-width: 150px;
}

.main-input 
{
	display: block;
	width: 100%;
	height: 48px;
	padding: 6px 12px;
	font-size: 14px;
	line-height: 1.42857143;
	color: #555;
	background-color: #fff;
	background-image: none;
	border: 0; border-radius: 5px;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
	-webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
	-o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
	transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

/*** Menu Sprite image **/

.menu-divider{
	background: url('imgs/Menu_images.png') no-repeat -54px -220px;
	width: 25px;
	height: 5px;
	margin: auto;
}

.menu-user{
	background: url('imgs/user.png') no-repeat  center center;
	width: 16px;
	height: 20px;
	padding:21px 15px;
	border-bottom:3px solid transparent;
}
.menu-user:hover{
	/*background: url('imgs/user.png') no-repeat center center #d2d2d2;
	width: 16px;
	height: 20px;
	padding:21px 15px;
	cursor:pointer;
	border-bottom:3px solid #8a394c;*/
}
.menu-setting{
	background: url('imgs/settings.png') no-repeat center center;
	width: 15px;
	height: 20px;
	padding:21px 15px;
	border-bottom:3px solid transparent;
        display: none !important; /*diabled for QR Login*/
}
.menu-setting:hover{
	background: url('imgs/settings.png') no-repeat  center center #d2d2d2;
	width: 15px;
	height: 20px;
	padding:21px 15px;
	cursor:pointer;
	border-bottom:3px solid #8a394c;
}
.menu-message{
	background: url('imgs/message.png') no-repeat  center center;
	width: 19px;
	height: 18px;
	padding:21px 15px;
	border-bottom:3px solid transparent;
}
.menu-message:hover{
	background: url('imgs/message.png') no-repeat center center #d2d2d2;
	width: 19px;
	height: 18px;
	padding:21px 15px;
	cursor:pointer;
	border-bottom:3px solid #8a394c;
	transition: all 0.3s ease;
	
}
.menu-logout{
	background: url('imgs/logout.png') no-repeat center center ;	
	width: 19px;
	height: 18px;
	padding:21px 15px;
	display:inline-block;
	border-bottom:3px solid transparent;
}
.menu-logout:hover{
	background: url('imgs/logout.png') no-repeat center center  #d2d2d2;	
	width: 19px;
	height: 18px;
	display:inline-block;
	padding:21px 15px;
	cursor:pointer;
	border-bottom:3px solid #8a394c;
	transition: all 0.3s ease;
}
.top-icon{
	display:inline-block;
	margin:0px 3px;
}
.header{
	text-align:right;
	display:inline-block;
	height:45px;
	border-bottom:1px solid #ccc;
	width:100%;
	min-width:450px;
	position:relative;
	padding:0px 2%;
	margin-top:5px;
	transition: all 0.3s ease;
}

/* General styles for all menus */
.sub-cbp-spmenu {
	
	transition: all 0.3s ease;
	position: fixed;
	width: 0%;
	top: 0;
	left: -200px;
	background: #394eba;		
	height: 100%;
	z-index: 900;
	/*box-shadow: 0px 0px 10px black;*/
}
.sub-cbp-spmenu .anger {
	color: white;
	display: block;
	font-size:13px;
	text-align: left;
	text-decoration: none;
	padding: 10px 10px;
	transition: all 0.2s ease;
}

.sub-cbp-spmenu .logo{
	color: white;
	display: block;
	text-align: center;
	text-decoration: none;
	padding: 10px 10px 10px 10px;
	margin: 10px 10px 10px 10px;
	transition: all 0.2s ease;
}

.sub-cbp-spmenu .anger:hover {
	background: #8a394c;		
}

.sub-cbp-spmenu h3 {
	color: #fff;
	font-size: 1.9em;
	padding: 20px;
	margin: 0;
	font-weight: 300;
	background: #0d77b6;
}
/* Orientation-dependent styles for the content of the menu */

.sub-cbp-spmenu-vertical {
	width: 150px;
	height: 100%;
	top: 0;
	z-index: 900;
} 
.sub-cbp-spmenu-vertical  span{
	margin:auto 0px;
	vertical-align: middle;
	}

.sub-cbp-spmenu-left {
	left: 135px;
	
}
.sub-cbp-spmenu-left_close {
	left: -205px;
	transition: all 0.2s ease;	
}

.sub-cbp-spmenu-right {
	right: -240px;
}

.sub-cbp-spmenu-left.cbp-spmenu-open {
	left: 0px;
}

.sub-cbp-spmenu-right.cbp-spmenu-open {
	right: 0px;
}

.sub-cbp-spmenu-push {
	overflow-x: hidden;
	position: relative;
	left: 0;
	/*padding-top: 12px;*/
}

.sub-cbp-spmenu-push-toright {
	left: 240px;
}

.sub-cbp-spmenu-push-toleft {
	left: -240px;
	transition: all 0.3s ease;
}
.sub-menu-toggle-open{
	position: fixed;
	top: 50%;
	left: 0;
	background-color: rgb(0, 100, 100);
	z-index: 900;
	padding-left: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-right: 10px;
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;	
	background: url('imgs/Menu_images.png') no-repeat -149px -294px;
	width: 8px;
	height: 13px;
	margin-left:292px;
	transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	cursor:pointer;
}
.sub-menu-toggle-close{
	position: fixed;
	display:none;
	top: 50%;
	left: 0;
	z-index: 900;
	padding-left: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-right: 10px;
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
	transition: all 0.3s ease;
		-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	/*background: url('imgs/Menu_images.png') no-repeat -13px -293px;*/
	width: 9px;
	height: 15px;
	margin-left:0px;
	cursor:pointer;
}
.sub-cbp-spmenu-open.sub-menu-toggle-open:hover{
	cursor: pointer;
}
.sub-cbp-spmenu-open.sub-menu-toggle-open{
	left: 1px;
	z-index:100;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
/* Transitions */

.sub-cbp-spmenu,
.sub-cbp-spmenu-push {
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

/***** Accordon Sub Menu ****/

.cssmenu,
.cssmenu ul,
.cssmenu li,
.cssmenu a {
  margin: 0;
  padding: 0;
  border: 0;
  list-style: none;
  font-weight: normal;
  text-decoration: none;
  line-height: 1;
  font-size: 12px;
  position: relative;
}
.cssmenu {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
.cssmenu a {
  line-height: 1.3;
}

.cssmenu > ul > li { 
 
}
.cssmenu > ul > li:hover {
  width: 100%;
}
.cssmenu > ul > li > a {
  font-size: 14px;
  display: block;
  margin-left:5px;
 /* background: url(images/pattern.png) top left repeat;*/
  color: #ffffff; 
  border-top: none;
  text-shadow: 0 -1px 1px #751d0c;
}
.cssmenu > ul > li > a > span {
  display: block;
  padding: 9px 10px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  
}
.cssmenu > ul > li:hover a span{
	color: #bab568;
}
.cssmenu > ul > li:hover ul li a span{
	color:#FFF;
}
.cssmenu > ul > li > a:hover {
  text-decoration: none;
}
.cssmenu > ul > li.active {
  border-bottom: none;
}
.cssmenu > ul > li.has-sub > a span {
}
.cssmenu > ul > li.has-sub.active > a span {
}
/* Sub menu */
.cssmenu ul ul {
  display: none;
  background: transparent ;	
}
.cssmenu ul ul :hover {
width: 100%;
}
.cssmenu ul ul li:hover a span{
	color: #bab568 !important;
}
.cssmenu ul ul li {
  padding: 0;
  width: 100%;
  border-top: none;
 /* background: #f7f7f7;*/
}
.cssmenu ul ul li:last-child {
  border-bottom: none;
}
.cssmenu ul ul a {
  padding: 10px 10px 10px 25px;
  display: block;
  color: #fff;
  font-size: 12px;
  font-weight: normal;
}
.cssmenu ul ul a:before {
 
}
.cssmenu ul ul a:hover {
  color: #fff;
}
/*
#cssmenu,
#cssmenu ul,
#cssmenu li,
#cssmenu a {
  margin: 0;
  padding: 0;
  border: 0;
  list-style: none;
  font-weight: normal;
  text-decoration: none;
  line-height: 1;
  font-size: 12px;
  position: relative;
}
#cssmenu {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
#cssmenu a {
  line-height: 1.3;
}

#cssmenu > ul > li {
 
 
}
#cssmenu > ul > li:hover {
  background: #8a394c;
  width: 100%;
}
#cssmenu > ul > li > a {
  font-size: 14px;
  display: block;
  margin-left:5px;
 /* background: url(images/pattern.png) top left repeat;*/
 /* color: #ffffff; 
  border-top: none;
  text-shadow: 0 -1px 1px #751d0c;
}
#cssmenu > ul > li > a > span {
  display: block;
  padding: 12px 10px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  
}
#cssmenu > ul > li > a:hover {
  text-decoration: none;
}
#cssmenu > ul > li.active {
  border-bottom: none;
}
#cssmenu > ul > li.has-sub > a span {
  background: url(images/icon_plus.png) 96% center no-repeat;
}
#cssmenu > ul > li.has-sub.active > a span {
  background: url(images/icon_minus.png) 96% center no-repeat;
}
/* Sub menu 
#cssmenu ul ul {
  display: none;
  background: url('imgs/bg_menu2.png') repeat ;	
}
#cssmenu ul ul :hover {
background : #8a394c;
}
#cssmenu ul ul li {
  padding: 0;
  border-top: none;
 /* background: #f7f7f7;*//*
}
#cssmenu ul ul li:last-child {
  border-bottom: none;
}
#cssmenu ul ul a {
  padding: 10px 10px 10px 25px;
  display: block;
  color: #fff;
  font-size: 12px;
  font-weight: normal;
}
#cssmenu ul ul a:before {
  content: "»";
  position: absolute;
  left: 10px;
  color: #fff;
}
#cssmenu ul ul a:hover {
  color: #fff;
}

/*** top icons ***/

.notofication {
		/*border-radius: 200px 200px 200px 200px;
		-moz-border-radius: 200px 200px 200px 200px;
		-webkit-border-radius: 200px 200px 200px 200px;*/
		border: 0px solid #000000;
		border-radius: 50%;
		width: 20px;
		height: 20px;
		padding:3px;
		color:#fff;
		font-size:10px;
		font-weight:bold;
		background:#8a394c;
		margin-top:-20px;
		position:absolute;
}

/** Table Formate *****/

/*** Fullsize Table ***/
		.fulltable{
			width:97%;
			margin:0px 2%;
			overflow-y:visible;
			overflow-x:hidden;
			position:relative;				
			transition: all 0.5s ease;
			table-layout: fixed;/* white-space: nowrap; */
		}
		
		.fulltable .smtd{ 
			color:#fff;
			background:#2d6fa9;	
			transition: all 0.5s ease;
					
			}
		.fulltable .smtd thead tr td{		
			transition: all 0.5s ease;		
		}	
		.fulltable .smtd thead tr th{		
			transition: all 0.5s ease;	padding:10px;	
		}	
		/*thead.headtd{
			min-width:150px;
		}*/
		
		.fulltable .CSSTable1 tr:nth-child(odd)
		{ 
		background-color:#fff; 		
		padding:12px;
		transition: all 0.5s ease;
		}
		.fulltable .CSSTable1 tr:nth-child(even)    
		{ 
			background-color:#e3f4fd;
			border:none;			}
		.CSSTable1 td{
			vertical-align:middle;									
			color:#666666;
			transition: all 0.5s ease;
		}
		.fulltable .CSSTable1 tr:nth-child(odd):hover{
		background-color:#eaeaea;		
		padding:12px;
		transition: all 0.5s ease;
		}
		.fulltable .CSSTable1 tr:nth-child(even):hover{
		background-color:#eaeaea;		
		padding:12px;
		transition: all 0.5s ease;
		}
		.fulltable td{
			 padding: 10px;
					
			transition: opacity .3s ease-in;
			/*width: 1%; padding:12px 1%;*/
		}
		.fulltable .add_even_d{
			left:43%;
		}
		 .ftitle{		
			display:inline-block;
			margin-left:5px;
			z-index:999;
			width:98%;
			transition: all 0.5s ease;
			margin-bottom: 10px;
			margin-top: 10px;
		}
		.ftitle h3 { line-height:30px; }
		.ftitle h3, .ftitle span.viewcircle, .ftitle p { display: inline-block; vertical-align: middle; overflow: hidden; margin: 0 0px 0 0; }
		.ftitle #search_age{
		/*	margin-left: 60%;*/
		}
		.ftitle p , .ftitle #search_age{ margin-right: 0; float: right; }

	/*** middle size Table ***/	
		.midtable {
			overflow:visible;
			overflow-x:hidden;
			position:relative;
			margin-left:155px;
			display:block;
			transition: all 0.5s ease;
			padding-right: 2.2%;	
			table-layout: fixed; /*white-space: nowrap !important;min-height:500px; 	*/		
		}		
		.midtable .smtd{ 
			color:#fff;
			background:#26358E !important;	
			transition: all 0.5s ease;
		}
		.midtable .smtd thead tr td{
			transition: all 0.5s ease;
		}	
		.midtable .smtd thead tr th{
			transition: all 0.5s ease;
			padding:10px;
		}	
		.midtable .CSSTable1 tr:hover td
		{}
		.midtable .CSSTable1 tr:nth-child(odd){
		background-color:#fff;
		border:1px solid #fff;
		border-width:1px 1px 1px 1px;
		padding:12px;
		}
		.midtable .CSSTable1 tr:nth-child(odd):hover{
		padding:12px;	
		transition: all 0.5s ease;
		}
		.midtable .CSSTable1 tr:nth-child(even):hover{
		padding:12px;
		transition: all 0.5s ease;
		}
		.midtable .CSSTable1 tr:nth-child(even)    
		{ 
			
		}
		.CSSTable1 td{
			vertical-align:middle;										
			color:#666666;
			transition: all 0.5s ease;
		}
		.midtable td{
			padding:10px;
			/*width:1%;
			/*padding-left:10px;
			padding-bottom:10px;
			width:2%;*/	
			transition: opacity .3s ease-in;
			
		}
		div.master .midtable td{
			width:1%;} 
		.midtable .CSSTable1 tr td:first-child  {
			width:1%;text-align:center;
		}
		.last { margin: 0 !important; }
		.mtitle{
			position:relative;			
			display:inline-block;
			margin-left:130px;
			transition: all 0.5s ease;
			z-index:100;
			overflow:visible;
			margin-left:130px;
			display:block;
			width:89%;
			transition: all 0.5s ease;
			margin-bottom: 10px;
			margin-top: 10px;
		}
		.mtitle h3 { line-height:30px; }
		.mtitle h3, .mtitle span.viewcircle, .mtitle p { display: inline-block; vertical-align: middle; overflow: hidden; margin: 0 20px 0 0; }
		.mtitle #search_age{
			/*margin-left: 52%;*/
		}
		.mtitle p { margin-right: 0; float: right; }
		
		/** Last table **/
		
		.lasttable {
		overflow-y:visible;
		position:relative;
		margin-left:310px;
		display:block;
		transition: all 0.5s ease;
			/*width:90% !important;
			 overflow-x:scroll;*/
		}
		.lasttable .smtd{ 
			color:#fff;
			background:#26358E !important;	
			transition: all 0.5s ease;
					
			}
		.lasttable .smtd thead tr td{
			transition: all 0.5s ease;
		}	
		.lasttable .smtd thead tr th{
			transition: all 0.5s ease;padding:10px;
		}	
		.lasttable .CSSTable1 tr:hover td
		{}
		.lasttable .CSSTable1 tr:nth-child(odd){
		background-color:#fff;
		border:1px solid #fff;
		padding:12px;
		transition: all 0.5s ease;
		}
		.lasttable .CSSTable1 tr:nth-child(even)    
		{ 
							background-color:#e3f4fd; }.CSSTable1 td{
							vertical-align:middle;	
																
							color:#666666;
							transition: all 0.5s ease;
		}	
		.lasttable .CSSTable1 tr:nth-child(odd):hover{
		background-color:#eaeaea;
		border:1px solid #fff;
		padding:12px;
		transition: all 0.5s ease;
		}
		.lasttable .CSSTable1 tr:nth-child(even):hover{
		background-color:#eaeaea;
		padding:12px;
		transition: all 0.5s ease;
		}
		.lasttable td{
			padding-top:10px;
			padding-bottom:10px;
			padding-left:10px;
			width:2%;			
			transition: opacity .3s ease-in;
			
		}
		.ltitle{
			width: 90%;
			display:inline-block;
			margin-left:285px;
			transition: all 0.5s ease;
			z-index:999;
			display:block;
			transition: all 0.5s ease;
			margin-bottom:10px;
			margin-top:10px;	
position: relative;			
		}
		.ltitle #search_age, .ltitle p {			
			overflow-x:hidden;
			position:fixed;
			float:right;
			display:none;
		}
		
		/*.ltitle h3 { line-height:30px; }*/
		.ltitle h3, .ltitle span.viewcircle, .ltitle p{ display: inline-block; vertical-align: middle; overflow: hidden; margin: 5px 20px 0 0;
		}
		.ltitle p{ display:none !important}
		/*.ltitle #search_age{
			margin-left: 60%;
		}
		.ltitle p { margin-right: 0; float: right; }
		
/*** Action  Icons***/	
		.viewcircle{
		border: 1px solid transparent;
		border-radius: 50%;
		background:url("imgs/group_h.png") no-repeat center center #00a651;
		width:35px;
		height:35px;
		margin:0px 0px 0px 12px;
		transition: all 0.5s ease;		
		display:inline-block ;
		
	}	
	
	.viewcircle:hover{
		border: 1px solid transparent;
		border-radius: 50%;
		background:url("imgs/group_h.png") no-repeat center center #006e35;
		width:35px;
		height:35px;		
		transition: all 0.5s ease;	
		cursor:pointer;
		position:relative;		
	}	
	.export{
		border: 1px solid transparent;
		border-radius: 50%;
		background:url("imgs/group_h.png") no-repeat center center #00a651;
		width:34px;
		height:34px;
		margin:0px 0px 0px 5px;
		transition: all 0.5s ease;		
		display:inline-block ;
		
	}	
	
	.export:hover{
		border: 1px solid transparent;
		border-radius: 50%;
		background:url("imgs/group_h.png") no-repeat center center #00a651;
		width:34px;
		height:34px;		
		transition: all 0.5s ease;	
		cursor:pointer;
		position:relative;		
	}
	.print{
		border: 1px solid transparent;
		border-radius: 50%;
		background:url("imgs/print.png") no-repeat center center #00a651;
		width:34px;
		height:34px;
		margin:0px 0px 0px 5px;
		transition: all 0.5s ease;		
		display:inline-block ;
		
	}	
	
	.print:hover{
		border: 1px solid transparent;
		border-radius: 50%;
		background:url("imgs/print.png") no-repeat center center #00a651;
		width:34px;
		height:34px;		
		transition: all 0.5s ease;	
		cursor:pointer;
		position:relative;		
	}
	.circle-view{
		border: 1px solid #ccc;
		border-radius: 50%;
		background:url("imgs/view.png") no-repeat center center;
		width:33px;
		height:33px;		
		transition: all 0.5s ease;	
		margin:0px 2px;
		display:inline-block;
	}
	.circle-view:hover{
		border: 1px solid transparent;
		border-radius: 50%;
		background:url("imgs/view_h.png") no-repeat center center #4cd964;
		width:33px;
		height:33px;			
		margin:0px 2px;
		transition: all 0.5s ease;	
		cursor:pointer;
	}
	.circle-edit{
		border: 1px solid #ccc;
		border-radius: 50%;
		background:url("imgs/edit.png") no-repeat center center ;
		width:33px;
		margin:0px 2px;
		height:33px;		
		transition: all 0.5s ease;
		display:inline-block;
		cursor:pointer;
	}
	.circle-edit:hover{
		border: 1px solid transparent;
		border-radius: 50%;
		background:url("imgs/edit_h.png") no-repeat center center #59c7fb;
		width:33px;
		height:33px;	
		margin:0px 2px;
		cursor:pointer;
	}
	.circle-pdfdwnld{
		border: 1px solid #ccc;
		border-radius: 50%;
		background:url("imgs/download-pdf.svg") no-repeat center center / 15px ;
		width:33px;
		margin:0px 2px;
		height:33px;		
		transition: all 0.5s ease;
		display:inline-block;
		cursor:pointer;
	}
	.circle-pdfdwnld:hover{
		border: 1px solid transparent;
		border-radius: 50%;
		background:url("imgs/download-pdf_h.svg") no-repeat center center / 15px  #a51c1c;
		width:33px;
		height:33px;	
		margin:0px 2px;
		cursor:pointer;
	}
        .circle-reset{
		border: 1px solid #ccc;
		border-radius: 50%;
		background:url("imgs/reset_b.png") no-repeat center center ;
		width:33px;
		margin:0px 2px;
		height:33px;		
		transition: all 0.5s ease;
		display:inline-block;
		cursor:pointer;
	}
	.circle-reset:hover{
		border: 1px solid transparent;
		border-radius: 50%;
		background:url("imgs/reset_w.png") no-repeat center center #59c7fb;
		width:33px;
		height:33px;	
		margin:0px 2px;
		cursor:pointer;
	}
	.circle-email{
		border: 1px solid #ccc;
		border-radius: 50%;
		background:url("imgs/email_icon.png") no-repeat center center #ccc;
		width:33px;
		margin:0px 2px;
		height:33px;		
		transition: all 0.5s ease;
		display:inline-block;
		cursor:pointer;
	}
	.circle-email:hover{
		border: 1px solid transparent;
		border-radius: 50%;
		background:url("imgs/email_icon.png") no-repeat center center #59c7fb;
		width:33px;
		height:33px;	
		margin:0px 2px;
		cursor:pointer;
	}
	.circle-delete{
		border: 1px solid #ccc;
		border-radius: 50%;
		background:url("imgs/delete.png") no-repeat center center ;
		width:33px;
		height:33px;
		transition: all 0.5s ease;
		display:inline-block;
		margin:0px 2px;
	}
	.circle-delete:hover{
		border: 1px solid transparent;
		border-radius: 50%;
		background:url("imgs/delete_h.png") no-repeat center center #ff3b30;
		width:33px;		
		cursor:pointer;
		height:33px;
		margin:0px 2px;
		
	}
	.add-age-group{
		border: 1px solid transparent;
		border-radius: 50%;
		background:url("imgs/plus.png") no-repeat center center #8a394c;
		width:35px;
		height:35px;
		margin:0px 8px 0px 0px;
		transition: all 0.5s ease;	
		display:inline-block;
	}
	
	.add-age-group:hover{
		border: 1px solid transparent;
		border-radius: 50%;
		background:url("imgs/plus.png") no-repeat center center #E2210E;
		width:35px;
		height:35px;
		margin: 0px 8px;
		transition: all 0.5s ease;	
		cursor:pointer;
	}
	.add-icon{
  border: 1px solid transparent;
  border-radius: 50%;
  background:url("imgs/plus.png") no-repeat center center #8a394c;
  width:35px;
  height:35px;
  margin:0px 8px;
  transition: all 0.5s ease; 
  display:inline-block;
 }
 
 .add-icon:hover{
  border: 1px solid transparent;
  border-radius: 50%;
  background:url("imgs/plus.png") no-repeat center center #E2210E;
  width:35px;
  height:35px; 
  transition: all 0.5s ease; 
  cursor:pointer;
 }
	.search-icon{
		border: 1px solid transparent;
		border-radius: 50%;
		background:url("imgs/search.png") no-repeat center center #838383;
		width:35px;
		height:35px;		
		margin:0px 15px 0px 5px; 
		transition: all 0.5s ease;	
		display:inline-block;
	}
	
	.search-icon:hover{
		border: 1px solid transparent;
		border-radius: 50%;
		background:url("imgs/search.png") no-repeat center center #575757;
		width:35px;
		height:35px;	
		transition: all 0.5s ease;	
		cursor:pointer;
	}
	.search_field{
		display:none;
		position:absolute;
	}
	.search_field_view{
		display:block !important;
		position:absolute;
		transition:all 0.3s ease;		
	}
	
	.headid{
		text-align:center;
		margin:0 auto;
		background:#26358E !important;
		text-decoration:none;
		color:#fff;
	}
	.headid_chk{
		text-align:center;
		margin:0 auto;
		background:#114da2;
		text-decoration:none;
		color:#fff;
	}
	.headid a{
		text-align:center;
		margin:0 auto;
		background:#114da2;
		text-decoration:none;
		color:#fff;
	}
	.headid:hover{
	/*	background:url('imgs/down_arrow.png') no-repeat center bottom #114da2;
		cursor:pointer;	*/
		
		color:#fff;
	}
	.headid:active{
		
		color:#fff;
		
	}
	.headtd{
		text-align:left;
		margin:0 auto;		
	}
	.headtd_body{
		text-align:left;
		margin:0 auto;		
	}
	.headtd:hover{
	 
	/*	background:url('imgs/down_arrow.png') no-repeat center bottom #114da2;
		cursor:pointer;	*/
	}
	#navFixed .headtd:hover{
	 background:#268fdb;	
	/*	background:url('imgs/down_arrow.png') no-repeat center bottom #114da2;
		cursor:pointer;	*/
	}
	.status-red{
		border: 0px solid #000000;
		border-radius: 50%;
		width: 8px;
		height: 8px;
		text-align:center;
		padding: 3px;
		color: #fff;
		background: #8a394c;
		position: absolute;
	}
	.status-green{
		margin: 0 auto;
		display: inline-block;
		border: 0px solid #000000;
		border-radius: 50%;
		width: 8px;
		height: 8px;
		text-align:center;
		padding: 3px;
		color: #fff;
		background: #0bd318;
		/*position: absolute;*/
	}
		.status-yellow{
		border: 0px solid #ffa800;
		border-radius: 50%;
		width: 8px;
		height: 8px;
		text-align:center;
		padding: 3px;
		color: #fff;
		background: #ffa800;
		position: absolute;
	}
	
	/** Registration Form ***/
	
	#add_msg { text-align: left; overflow: hidden; display: black; font-size: 14px; margin: 0; vertical-align: middle; disabled: inline-block; padding-left: 20px; }
	
	#modal-btn { float: right; }
	
	#modal-btn .add-more, #modal-btn .red-circle, #modal-btn .green-circle { 
	    border: 2px solid #757575;
		border-radius: 50%;
		width:35px;
		height:35px;
		margin:0px 8px 0px 8px;
		transition: all 0.5s ease;	float: left;	
	}
	
	#modal-btn .add-more { background:url("imgs/add-more-icon.png") no-repeat center center; }
	#modal-btn .red-circle { background:url("imgs/close.png") no-repeat center center; }
	#modal-btn .green-circle { background:url("imgs/save.png") no-repeat center center; }
	
	#modal-btn .add-more:hover { background:url("imgs/add-more-icon.png") no-repeat center center #2d6fa9;}
	#modal-btn .red-circle:hover { background:url("imgs/close_h.png") no-repeat center center #ff5342;}
	#modal-btn .green-circle:hover { background:url("imgs/save_h.png") no-repeat center center #5bcd06; }
	
	#modal-btn .add-more:hover, #modal-btn .red-circle:hover, #modal-btn .green-circle:hover {
		border: 1px solid transparent;
		border-radius: 50%;
		width:35px;
		height:35px;
		cursor:pointer;
		margin:0px 8px 0px 8px;
		transition: all 0.5s ease;			
		
	}
	
	
	.add-more { 
		border: 2px solid #757575;
		border-radius: 50%;
		background:url("imgs/close.png") no-repeat center center;
		width:35px;
		height:35px;
		float:right;
		margin:0px 8px 0px 8px;
		transition: all 0.5s ease;	
		display:inline-block;	}
	.red-circle{
		border: 2px solid #757575;
		border-radius: 50%;
		background:url("imgs/close.png") no-repeat center center;
		width:35px;
		height:35px;
		float:right;
		margin:0px 8px 0px 8px;
		transition: all 0.5s ease;	
		display:inline-block;
		
	}
	.red-circle:hover{
		border: 1px solid transparent;
		border-radius: 50%;
		background:url("imgs/close_h.png") no-repeat center center #ff5342;
		width:35px;
		height:35px;
		cursor:pointer;
		margin:0px 8px 0px 8px;
		transition: all 0.5s ease;			
		
	}
        .reset-circle{
		border: 2px solid #757575;
		border-radius: 50%;
		background:url("imgs/refresh.png") no-repeat center center;
		width:35px;
		height:35px;
		float:right;
		margin:0px 8px 0px 8px;
		transition: all 0.5s ease;
		display:inline-block;
	}
	.reset-circle:hover{
		border: 1px solid transparent;
		border-radius: 50%;
		background:url("imgs/refresh.png") no-repeat center center #ff5342;
		width:35px;
		height:35px;
		cursor:pointer;
		margin:0px 8px 0px 8px;
		transition: all 0.5s ease;

	}
	.green-circle{
		border: 2px solid #757575;
		border-radius: 50%;
		background:url("imgs/save.png") no-repeat center center;
		width:35px;
		height:35px;
		float:right;
		margin:0px 8px 0px 8px;
		transition: all 0.5s ease;	
		display:inline-block;
		
	}
	.circle-card{
		border: 2px solid #757575;
		border-radius: 50%;
		background:url("imgs/save.png") no-repeat center center;
		width:35px;
		height:35px;
		float:right;
		margin:0px 8px 0px 8px;
		transition: all 0.5s ease;	
		display:inline-block;
		
	}	
	.green-circle:hover{
		border: 1px solid transparent;
		border-radius: 50%;
		background:url("imgs/save_h.png") no-repeat center center #5bcd06;
		width:35px;
		height:35px;
		cursor:pointer;
		margin:0px 8px 0px 8px;
		transition: all 0.5s ease;			
		
	}
	.invalid{		
		background:url("imgs/invalid.png") no-repeat center center;		
		float:right;
		margin:5px 7px;
		width:20px;
		height:20px;
		transition: all 0.5s ease;	
		display:inline-block;		
		cursor:pointer;
	}
	.invalid_log{		
		/*visibility:hidden;*/
		background:url("imgs/invalid.png") no-repeat center center;		
		float:right;
		margin-top: 5px;
		width:20px;
		position: relative;
		height:20px;
		transition: all 0.5s ease;	
		display:inline-block;		
		cursor:pointer;
	}
	.invalid_log_toss{		
		/*visibility:hidden;*/
		background:url("imgs/invalid.png") no-repeat center center;		
		margin-top: 5px;
		width:20px;
		position: relative;
		height:20px;
		transition: all 0.5s ease;	
		display:inline-block;		
		cursor:pointer;
	}	
	.tick{		
		background:url("imgs/tick.png") no-repeat center center;		
		float:right;
		margin:5px;
		width:20px;
		height:20px;
		transition: all 0.5s ease;	
		display:inline-block;		
		position:relative;		
	}
		.load{		
		background:url("imgs/loader.gif") no-repeat center center;		
		float:right;
		margin:5px;
		width:25px;
		height:25px;
		transition: all 0.5s ease;	
		display:inline-block;		
		position:relative;
	}
	.group-width{
		width: 30.5% !important;
	}
	.input-width{
		width: 100% !important;
	}
	.dob-icon{		
		background:url("imgs/dob.png") no-repeat center center;		
		float:right;
		margin: -34px 25px 10px 10px;
		width:35px;
		height:35px;
		display:inline-block;	
    pointer-events: none;		
	}
	.hr{
		width:100%;
		height:2px;
		background:#d9d9d9;
		position:relative;
	}
	select option {
		background:#fff;
	}
	select {
		outline: 0;
	}	
	select.not_chosen {
	  color: #cdcdcd;
	}
	select option {
		color: #555;
	}
	select option:first-child {
		/*color: #cdcdcd;*/
	}
	
	.select-width{
		width:30.5% !important;	
		border: 1px solid #dedede;
	}
	.setdefuault{
		width: 28%;
		display:inline-block;
		
	}
	
	.mobile-input1{
		display: inline !important;
		width: 52.5% !important;
		display:inline-block;
		margin-left: -5px;
	}
	.mobile-input2{
		display: inline !important;
		width: 19.5% !important;
		display:inline-block;
		margin-left: 0;
		padding:2px;
	}
	.mobile-input{
		width: 70.5% !important;
		display:inline-block !important;
		margin-left: 0;
		position: absolute;
		
	}
	/*.mobile-input{
		width: 70.5% !important;
		display:inline-block !important;
		margin-left: -5px;
		position: relative;
		top: -12px;
	}*/
	
		::-webkit-input-placeholder {
		   color: #cdcdcd !important;
		}

		:-moz-placeholder { /* Firefox 18- */
		   color: #cdcdcd !important;  
		}

		::-moz-placeholder {  /* Firefox 19+ */
		   color: #cdcdcd !important;  
		}

		:-ms-input-placeholder {  
		   color: #cdcdcd !important;  
		}
		
		.form-title{
			display:inline-block;
			color:#2d6fa9;
			text-decoration:none;
			vertical-align:middle;
			margin-right:4%;
			padding:8px 0px;
			transition: all 0.3s ease;
			border-bottom:3px solid transparent;
		}
		.form-title:hover, .form-title:active{
			display:inline-block;
			text-decoration:none;
			vertical-align:middle;
			color:#8a394c;
			margin-right:4%;
			padding:8px 0px;
			border-bottom:3px solid #8a394c;
			transition: all 0.3s ease;
		}
		.active_tab{
			display:inline-block;
			text-decoration:none;
			vertical-align:middle;
			color:#8a394c;
			margin-right:4%;
			padding:8px 0px;
			border-bottom:3px solid #8a394c;
			transition: all 0.3s ease;
		}
		.mandatory-head{		
			background:url("imgs/star.png") no-repeat center center;	
			width:auto;
			height:auto;
			display:inline-block;
			text-align:right;
			width: 142px;			
			background-position: -1px 6px;
			text-align: right;
			float: right;
			padding:10px;
			/*margin-left: 120px;*/
			}
			
		.mandatory{
			background:url("imgs/star.png") no-repeat center center;	
			width:15px;
			height:10px;
			display:inline-block;
		}
		.file_upload{
			background:url("imgs/file_upload.png") no-repeat center center;	
			width:32px;
			height:23px;
			display:inline-block;
			cursor:pointer;
			position:absolute;
			border: 1px solid #ccc;
			margin: 0;
			padding: 16px 5px !important; 
    
		}
		
		.file_upload input { opacity: 0;width: 30px;margin: -16px -5px;height: 34px; cursor:pointer !important;}
			.groupdiv{
				border-bottom: 1px solid #e5e5e5;
				height: 350px;
			}
			.fieldmargin{
				margin:13px 0px;				
			}
			.upload_image{
				/*background:url('imgs/upload_image.png') no-repeat center center;*/
				width:220px;
				height:150px;
				padding-top: 13px;
				margin: 0 ;
				text-align: center;
				background-position: 46px 12px;
				border-top: 1px solid #dedede;
				border-left: 1px solid #dedede;
				border-right: 1px solid #dedede;
				display: block;
			}
			#imgprvw{
				height:130px;
				width:130px;
				background-position:center center;
				background-size:cover;
				display:inline-block;
			}
			.up-img{
				cursor: pointer;
				display: block;
				margin: 0 -5px 0 0;
				padding: 1px 6px;
				width:220px;
				color:#8f8f8f;
				font-size:12px;
				line-height: 36px;
				border-bottom: 1px solid #dedede;
				border-left: 1px solid #dedede;
				border-right: 1px solid #dedede;
			}
			
					
/** Radio button **/
input[type=checkbox].css-checkbox,input[type=checkbox].customCheckbox {
    position:absolute; margin-left:30px;					
}

input[type=checkbox].css-checkbox + label.css-label, input[type=checkbox].css-checkbox + label.css-label.clr,
input[type=checkbox].customCheckbox + label.customCheckboxLabel, input[type=checkbox].customCheckbox + label.customCheckboxLabel.clr{
        padding-left:20px;
        height:15px; 
        display: inline-block;
        line-height:15px;
        background-repeat:no-repeat;
        background-position: 0 0;
        font-size:11px;
        vertical-align:middle;
        cursor:pointer;
        position:absolute;
        /*margin-left: 24px;*/
        margin-top: -7px;
        margin-left: -10px;

}

input[type=checkbox].css-checkbox:checked + label.css-label, input[type=checkbox].css-checkbox + label.css-label.chk,
input[type=checkbox].customCheckbox:checked + label.customCheckboxLabel, input[type=checkbox].customCheckbox + label.customCheckboxLabel.chk{
        background-position: 0 -15px;
        display: inline;
}
label.css-label,label.customCheckboxLabel {
        background-image:url('imgs/checkbox.png');
        -webkit-touch-callout: none;
        -webkit-user-select: none;
        -khtml-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
}

.freeze{
    display: block;  overflow: hidden; position: fixed; width: 100%;border-bottom:none !important;
	}
#player_registration{
	overflow: hidden !important;
}
.light-box{
	overflow-y: auto;overflow-x: hidden; height: 475px;margin-top: 117px; vertical-align:middle;
}

/**scroll bar ***/
/* Let's get this party started */
::-webkit-scrollbar {
    width: 8px;
}
 
/* Track 
::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); 
    -webkit-border-radius: 10px;
    border-radius: 0px;
}*/
 
/* Handle */
::-webkit-scrollbar-thumb {
    -webkit-border-radius: 0px;
    border-radius: 0px;
    background: #999999; 
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); 
}
::-webkit-scrollbar-thumb:window-inactive {
	background: #999999; 
}


::scrollbar {
    width: 6px;
}
 
/* Track 
::scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); 
    -webkit-border-radius: 10px;
    border-radius: 0px;
}
 
/* Handle */
::scrollbar-thumb {
    -webkit-border-radius: 0px;
    border-radius: 0px;
    background: #999999; 
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); 
}
::scrollbar-thumb:window-inactive {
	background: #999999; 
}

hr{
	background:#ccc;
	height:1px;
	margin-bottom: 5px !important;
	margin-top: 10px !important;
}
#group_one{
	margin-top:-4px;	
}

/** Arrow select box ***/
/** Mobile no Select box ***/ 
.styled-select select {
   background: transparent;
   width: 55px;
    padding-left:5px;
   font-size: 12px;
   line-height: 1;
   border: 0;
   border-radius: 0;
   height: 34px;
 
    display:inline-block;
   }
   .styled-select {
   width: 55px;
   height: 34px;
   overflow: hidden;
 /*  background: url('imgs/arrow.png') no-repeat center right 4px ;*/
   border: 1px solid #ccc;
   display:inline-block;
   }
/** Normal Select box ***/   
.full-select select {
   background: transparent;
   width: 100%;  
   font-size: 12px;
    padding-left:5px;
   line-height: 1;
   border: 0;   
   border-radius: 0;
   height: 34px;
   display:inline-block;
   }
 .full-select {  
	width: 90%;
	height: 34px;
	font-size: 14px;
	position:relative;
	line-height: 1.42857143;
  /*  background: url('imgs/arrow.png') no-repeat center right 4px ;*/
    border: 1px solid #ccc;
    display:inline-block;
   }
 
  /** Personal Select box ***/   
   .personal-select select {
   background: transparent;
   width: 100%;  
   font-size: 12px;
   padding-left:5px;
   line-height: 1;
   border: 0;   
   border-radius: 0;
   height: 34px;

    display:inline-block;
   }
   .personal-select {  
	width: 30.5%;
	height: 34px;
	font-size: 14px;
	line-height: 1.42857143;
   background: url('imgs/arrow.png') no-repeat center right 4px ;
   border: 1px solid #ccc;
   display:inline-block;
   }
   
   
   /*** Check box ***/
   	.custom-radio{
		width: 20px;
		height: 20px;
		display: inline-block;
		position: relative;
		z-index: 1;		
		background: url("imgs/radio.png") no-repeat 0 0 transparent;
	}
	/*.custom-radio:hover{
		background-position: 0 -19px;
	}*/
	.custom-radio.selected{
		background-position: 0 -21px;
	}
	.custom-check  input[type=""], .custom-radio input[type="radio"]{
		margin: 1px;
		position: relative;
		z-index: 2;            
		cursor: pointer;
		display: inline-block;
		outline: none;
		opacity: 0;
		/* CSS hacks for older browsers */
		_noFocusLine: expression(this.hideFocus=true); 
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
		filter: alpha(opacity=0);
		-khtml-opacity: 0;
		-moz-opacity: 0;
	}
	.custom-check{
		width: 20px;
		height: 20px;
		display: inline-block;
		position: relative;
		z-index: 1;		
		background: url("imgs/checkbox.png") no-repeat 0 0 transparent;
	}
	.custom-check.selected{
		background-position: 0 -19px;
	}
	
	
	.dental {
		margin: 5px 15px -9px;
	}
	.dental span{
		color:#666666;
	}
	
#ex1Slider .slider-selection {
	background: #BABABA;
}
/*** Light box Table ****/
.viewtable { height:500px; height:auto !important;  height:auto;overflow-y:scroll }
.viewtable tbody tr td:nth-child(1){
	text-align:right;
}
.viewtable tr:nth-child(odd){
		background-color:#fff;
		border:1px solid #fff;
		border-width:1px 1px 1px 1px;
		padding:12px;
		width: 8%;
		transition: all 0.5s ease;
		} 
.viewtable tr:nth-child(even)    
		{ 
			background-color:#e3f4fd; }.viewtable td{
			vertical-align:middle;	
			border-width:1px 1px 1px 1px;									
			color:#666666;
			padding:12px;
			width: 8%;
			transition: all 0.5s ease;
		}
	.view_image{
			/*	background:url('imgs/upload_image.png') no-repeat center center;*/
				width:180px;
				height:170px;
				padding:20px;
				margin: 0  auto;
				text-align: center;
				background-position: 10px 12px;
				border: 1px solid #dedede;				
				display: block;
			}
.view_two_icons{
	padding:10px;
	text-align:center;
}
.view_invalid{
	background:url('imgs/view_invalid.png') no-repeat center;
	width: 30px;
height: 30px;
margin: 180px auto 0 auto;
}
.disbg{
	/*overflow:hidden;*/
}
.enablebg{
	overflow:scroll
}
.modal-content {
    display: inline-block;
    vertical-align: middle;
    height:100%;
}
.light-box-view{ /*min-height:500px;*/   height: 430px;   
    min-height: 400px;
    overflow: scroll;
 /*   min-height: 400px;
    overflow: scroll;*/ padding-right:2px !important; }
.light-box-view-table{
	/*overflow-y: scroll; */   height:470px; padding-right:2px;	
	}
.view-lightbox-header{
/*padding: 15px 2px;	*/
padding: 10px 2px;
margin-left: 10px;
margin-right: 10px;
}
.modal-content{
 width:100%;
 }
.view-dialog{
 width:50%;
}
.view-dialog-regView{
 width:50%;
}
.view_left_arrow{
	background:url('imgs/arrow_view.png') no-repeat center;
	width: 30px;
	height: 30px;
	background-position: 5px -2px;
	margin-left: -88px;
	margin-top: 279px;
	position: absolute;
	cursor:pointer;

}
.view_right_arrow{
	background:url('imgs/arrow_view.png') no-repeat center;
	width: 30px;
	height: 30px;
	background-position: -18px -2px;
	float: right;
	margin-left: 656px;
	margin-top: 279px;
	position: absolute;
	cursor:pointer;

}
.view_footer2{
	height:3px;
	padding:0 6px !important;
	width:99%;
	background:#fff;
	margin:0 auto;
	margin-bottom:1px;
	border-bottom: 1px solid transparent;
border-left: 1px solid transparent;
border-right: 1px solid transparent;
}
.view_footer3{
	height:2px;
	width:98%;
	position:relative;	
	background:#fff;
	padding:0 6px !important;
	margin:0 auto;
	border-bottom: 1px solid transparent;
border-left: 1px solid transparent;
border-right: 1px solid transparent;
}

.modal-content {
	-webkit-box-shadow: none !important;
	-moz-box-shadow: none !important;
	box-shadow: none !important;
	}

/*** Grid View ****/
.middle-grid{
	margin-left: 155px;
	margin-top:20px;
	height:auto;
	overflow:hidden;
	transition: all 0.5s ease;
}
.full-grid{
	margin-left: 2%;
	margin-top:20px;
	transition: all 0.5s ease;
	 height: auto;
    overflow: hidden;
}
.last-grid{
	margin-left: 305px;
	margin-top:20px;
	transition: all 0.5s ease;
}
.grid-active{
	border:1px solid #ccc;
	border-top:2px solid #0bd318;
	margin:8px 8px;
	height:auto;

}
.grid-inactive{
	border:1px solid #ccc;
	margin:8px 8px;
	border-top:2px solid #ff3b30;
	height:auto;
	float:left;	
}
.grid-active h4{
	color:#2d6fa9;
	font-size:15px;
	cursor:pointer;
}
.grid-inactive h4{
	color:#2d6fa9;
	font-size:15px;cursor:pointer;
}
.grid-active p{
	color:#969696;
	font-size:13px;
}
.grid-inactive p{
	color:#969696;
	font-size:13px;
}
.grid-active ul{
	padding-left:0px;
}
.grid-inactive ul{
	padding-left:0px;
}
@media (min-width: 992px)  {
    .col-medium {
    width:23% !important;
	 position: relative;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
  display: inline-block;
  }  
    
	.col-medium-ref {
    width:27.2% !important ;
	 position: relative;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
  display: inline-block;
  }  
  	.col-icon-ref {
    width:12% !important;
	position: relative;
	min-height: 1px;
	padding-right: 15px;
	padding-left: 15px;
	float:left;
	vertical-align:middle;
	text-align:center;
	display: inline-block;
  }  
  
  /** Refree Listing ***/
  .col-refree{
	width:31.3333% !important;
	 position: relative;
	  padding-right: 20px;
	  height:120px;
	  padding-left: 20px;	 
	  float:left !important;
	  display: inline-block;	
  }
     .col-refree-history{
	width:31.3333% !important;
	 position: relative;
	  height:120px;	 
	  float:left !important;
	  display: inline-block;	
  }  
}
@media (min-width: 768px)  {
	.col-small {
    width: 45% ;
	position: relative;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
  display: inline-block;
  }
   .col-refree-small{
	width:60.5555%;
	min-height:80px;
	height:auto;
	position: relative;
	padding-right: 20px;
	padding-left: 20px;
	display: inline-block;	
  }
    .col-refree-small-history{
	width:45.5555%;
	min-height:80px;
	height:auto;
	position: relative;
	display: inline-block;	
  }
  
}

@media only screen and (min-device-width : 840px) and (max-device-width : 1024px) and (orientation : landscape) {
  
 .sort-arrow{
	display:none;
 }

}

/** Grid Title ***/
.grid-title{
	width:95%; margin-bottom: 15px;
}
.grid-title-inline{
	display: inline-block;
	vertical-align: middle;
}
.grid-title.right{float: right; display: inline-block; vertical-align: middle;
}
/*** Navication ***/

.sort-nav{
background: #727272; 
color:#ffffff !important;
}

.sort-nav ul li  a{
	color:#ffffff !important;
} 
.sort-nav ul li :hover{
	background:#808080 !important;
}
.navbar{
margin-right:2%;
border-radius:0px !important;
color:#ffffff !important;
}
.dropdown-menu{
background:#808080 !important;
}
.dropdown-menu  li :hover{
background: #727272; 
}
.menu-select select {
  /* background: transparent;
    -webkit-appearance: none;
	 font-size: 12px; 
   line-height: 1;
  color:#fff;*/
   width: 100%;  
   position:relative;
   margin-right: 19px;
   border: 0;   
   border-radius: 0;   
   height: 34px;
   cursor:pointer;
   display:inline-block;
	
   }
  .menu-select select option{
	/*	color:#fff;
		border:none ;
		background:#8e8e8e;			
		padding:2px 1px !important;
	    font-size: 13px ;
		line-height: 3px;
		*/
		background:#fff;			
		padding:2px 1px !important;
	    font-size: 13px !important;
		line-height: 3px;
		color:#333;

   }
   .menu-select select option:hover{
		color:#fff;
		border:none;
		background:#727272 !important;
		padding:5px 1px;		
		font-size:13px;
   }
   .menu-select {  
	/*color:#fff;*/
	margin-left: 10px;
	height: 28px;
	outline: 0 !important;
	font-size: 14px;	
	line-height: 1.42857143;
	background: #fff;
	/*background: url('imgs/arrow_white.png') no-repeat center right -1px ;-webkit-appearance:none ;*/
	border: none;
	cursor:pointer;
    margin-right: 25px;	
   display:inline-block;
   }
   .menu-select select:focus {  
	 outline: 0 !important;
   }
   .menu_sort_top{
    background: url('imgs/arrow_sort.png') no-repeat center;
	display:block;
	width:10px;
	height:10px;	
	cursor:pointer;
	background-position: 0px 0px;
   }
  /* .menu-select select {
	background: transparent;
	width: 100%;
	font-size: 12px;
	line-height: 1;
	position: relative;
	-webkit-appearance: none;
	margin-right: 10px;
	border: 0;
	border-radius: 0;
	height: 34px;
	cursor: pointer;
	display: inline-block;
	color: #fff;
	}*/
    .menu_sort_down{
    background: url('imgs/arrow_sort.png') no-repeat center;
	display:block;
	width:10px;	
	height:10px;
	cursor:pointer;
	background-position: 0px -9px;
   }
   .sort-arrow{
	padding: 11px 16px;
	background:#8e8e8e;	
   }
   .title-arrow{
	 background: url('imgs/title_arrow.png') no-repeat center;
	display:inline-block;
	width:10px;	
	height:10px;
	cursor:pointer;
   }  
   
   /*** Lazy Loader ****/
  
.wrap_append{
	margin: 15px auto;
	padding: 15px 10px;
	background: white;
	border: 2px solid #DBDBDB;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	overflow: hidden;
}
.item{
	margin: 10px 0;
	padding: 5px 10px;
	background: #f9f9f9;
	border-radius: 5px;
}
a{ text-decoration: none; color: #333}/*
h1{
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 2.8em;
	text-align: center;
	margin: 15px 0;
}
h2{font-size: 1.5em; margin: 8px 0}
h2 span.name{font-size: 1em}
h2 span.num{font-size: 1.5em; font-style: italic}
.item p{text-transform: lowercase}

/*Loader style*/
.ias_loader, .ias_trigger {
	text-align:center;
	margin: 30px 0 40px;
}
.ias_trigger a:link,
.ias_trigger a:visited {
    padding: 4px 50px;

    background-color: #f9f9f9;
    border: solid 1px #ddd;
    border-radius: 2px;

    font: bold 12px Arial, sans-serif;
    color: #555;
    text-decoration: none;
}
.ias_trigger a:hover,
.ias_trigger a:active {
    border-color: #ccc;
}
#navNor{
	/*width:97.5%;
	width:100%;*/
	transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-webkit-transition: all 0.5s ease;
}

#personal, #proficiency, #documents, #contact, #avp{
	transition:all 0.5s ease-in;
}
/** Table Head Css **/
.action{
	text-align:center;
	min-width:140px;
}
.action-status{
	max-width:100px;
	text-align:center;
	}
/** Go Top ***/
.go_top{
	background:url('imgs/go_top_arrow.png') no-repeat center center #2d6fa9;
	float:right !important;
	position:fixed;
	padding:20px;
	bottom: 0;
	display:none ;
    right: 0;
	cursor:pointer;
	transition:all 0.5s ease-in;
}
table#tableconten{
   /*width: 95.5% !important;
	min-width:768px !important;

	min-height:500px;
	table-layout: fixed;*/
		overflow-x:scroll !important;
	
}
td .tooltip {
    position:absolute
}
/*** Referee Report ****/
/*** Masanary ***/
#masanry{
	width:100%;
	margin: 0 auto;

}
.ref-select select {
  	   width: 100%;
	   border:1px solid #ccc;
	   padding-left:5px;
	   font-size: 16px;
	   font-weight:700;	  	  
	   font-family: "helvetica_neueregular";
	   border-radius: 0;	   
	   height: 35px;
	   display:inline-block;	 
	   /* appearance: none;
	   background-image:url("imgs/arrow_w.png") no-repeat;
	  -moz-appearance: none;
	  -webkit-appearance: none;
	  -o-appearance: none;
	    background-color:#2b2b2b;
		background: url("imgs/arrow_w.png") no-repeat center right 4px #2b2b2b !important ;
	   background:url("imgs/arrow_w.png") no-repeat center right 4px #2b2b2b; 
	   -o-background-size: cover; 
	   -moz-background-size: cover; -webkit-background-size:cover; background-size: cover; */
   }
  
   .ref-select {	     
	   width:260px;
	   height: 35px;	   
	   font-family: "helvetica_neueregular";
	   overflow: hidden;  
	   display:inline-block;	  
	  /*
		appearance: none;
		-moz-appearance: none;
		-webkit-appearance: none;  
		color:#fff;	
		background-color:#2b2b2b;
		background: url("imgs/arrow_w.png") no-repeat center right 4px #2b2b2b !important ; */  
	  
   }
/*** History ****/
	.history{
		border: 1px solid transparent;
		border-radius: 50%;
		background:url("imgs/history.png") no-repeat center center #2b2b2b;
		width:42px;
		height:42px;
		margin:0px 0px 0px 12px;
		padding:10px;
		transition: all 0.5s ease;		
		display:inline-block ;
		
	}	
	.history:hover{
		border: 1px solid transparent;
		border-radius: 50%;
		background:url("imgs/history.png") no-repeat center center #262626;
		width:42px;
		height:42px;
		margin:0px 0px 0px 12px;
		padding:10px;
		cursor:pointer;
		transition: all 0.5s ease;		
		display:inline-block ;
		
	}	
	.ref_log{
		border: 1px solid transparent;
		border-radius: 50%;
		background:url("imgs/refree_log1.png") no-repeat center center #838383;
		width:42px;
		height:42px;
		margin:0px 0px 0px 12px;
		padding:10px;
		transition: all 0.5s ease;		
		display:inline-block ;
		
	}	
	.ref_log:hover{
		border: 1px solid transparent;
		border-radius: 50%;
		background:url("imgs/refree_log1.png") no-repeat center center #6a6a6a;
		width:42px;
		height:42px;
		margin:0px 0px 0px 12px;
		padding:10px;
		cursor:pointer;
		transition: all 0.5s ease;		
		display:inline-block ;
		
	}	
	
.grid-active-ref{
	border:1px solid #ccc;
	border-top:3px solid #0bd318;
	margin:8px 8px 8px 0px;
	height:130px;
}
.grid-inactive-ref{
	border:1px solid #ccc;
	margin:8px 8px 8px 0px;
	border-top:3px solid #ff9500;
	height:130px;	
	float:left;	
}
.grid-inactive-ref-history{
	border:1px solid #ccc;
	margin:8px 8px 8px 0px;
	border-top:3px solid #2d6fa9;
	padding:10px;
	height:152px;		
	float:left;	
}
.grid-active-ref h4{
	color:#2d6fa9;
	font-size:16px;
	font-weight:bold;
	cursor:pointer;
}
.grid-inactive-ref h4{
	color:#2d6fa9;
	font-size:16px;
	font-weight:bold;
	cursor:pointer;
}
.grid-active-ref p{
	color:#969696;
	font-size:13px;
}
.grid-inactive-ref p{
	color:#969696;
	font-size:13px;
}
.grid-active-ref ul{
	padding-left:0px;
}
.grid-inactive-ref ul{
	padding-left:0px;
}

.grid-refree{
	border:1px solid #ccc;
	border-top:2px solid #449ee0;
	margin:8px 8px;
	height:auto;
	float:left;
	
}
.grid-refree .selected_player{
	color:#449ee0;
	cursor:pointer;
}
.grid-refree .selected_player_hide{
	color:#449ee0;
}
ul.eleven_select li{
	cursor:pointer;
}
.grid-refree h4{
	color:#449ee0;
}
.grid-refree ul{
	list-style:none;
	line-height:28px;
	padding-left: 0;
}
.grid-refree ul li span:last-child{
	float:right;
	color:#838383;font-size:14px;
	/*font-size:10px;*/
}

.back_to_fix_arrow{
	background:url('imgs/back_to_fix_arrow.png') no-repeat center center #8a394c;
	width:50px;
	height:60px;
	display:inline-block;
	border-radius:50%;
	padding:40px;	
}
.back_to_fix_arrow:hover{
	background:url('imgs/back_to_fix_arrow.png') no-repeat center center #E2210E;
	width:50px;
	height:60px;
	display:inline-block;
	cursor:pointer;
	border-radius:50%;
	padding:40px;	
}
.proceed_log{
	background:url('imgs/proceed_log.png') no-repeat center center #8a394c;
	width:50px;
	height:60px;
	display:inline-block;
	border-radius:50%;
	padding:40px;	
}
.proceed_log:hover{
	background:url('imgs/proceed_log.png') no-repeat center center #E2210E;
	width:50px;
	height:60px;
	display:inline-block;
	cursor:pointer;
	border-radius:50%;
	padding:40px;	
}
.pdf_download{
	background:url('imgs/pdf_download.png') no-repeat center center;
	width:180px;
	height:180px;
	display:inline-block;
	transition:all 0.5s in-ease;
	cursor:pointer;
}
.pdf_download:hover{
	background:url('imgs/pdf_download_h.png') no-repeat center center;
	width:180px;
	height:180px;
	display:inline-block;
	transition:all 0.5s ease;
	cursor:pointer;
}
.add-event{
		border: 1px solid transparent;
		border-radius: 50%;
		background:url("imgs/plus.png") no-repeat center center #8a394c;
		width:50px;
		height:50px;		
		transition: all 0.5s ease;	
		display:inline-block;
	}
	.add-event:hover{
		border: 1px solid transparent;
		border-radius: 50%;
		cursor:pointer;
		background:url("imgs/plus.png") no-repeat center center #E2210E;
		width:50px;
		height:50px;		
		transition: all 0.5s ease;	
		display:inline-block;
	}
	.add-event-duplicate{
		border: 1px solid transparent;
		border-radius: 50%;
		background:url("imgs/plus.png") no-repeat center center #8a394c;
		width:50px;
		height:50px;		
		transition: all 0.5s ease;	
		display:inline-block;
	}
	.add-event-duplicate:hover{
		border: 1px solid transparent;
		border-radius: 50%;
		cursor:pointer;
		background:url("imgs/plus.png") no-repeat center center #E2210E;
		width:50px;
		height:50px;		
		transition: all 0.5s ease;	
		display:inline-block;
	}	
.add_even_d{
		left:46%;
		background:#fff;
		text-align:center;
		position:fixed;
		padding:20px;
		bottom: 0;
		
		transition:all 0.5s ease;
}
.add_even_d_middle{
		left:45%;
		top:48%;
		background:#fff;
		text-align:center;
		position:fixed;
		padding:20px;
		vertical-align:middle;
		
		transition:all 0.5s ease;
}



/*** Refree form *
input[type='number']::-webkit-outer-spin-button,
input[type='number']::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}*/

/** Normal Select box ***/   
.ref-full-select select {   
    width: 100%;  
    font-size: 12px;
    padding-left:5px;		
    border-radius: none !important;
    height: 34px;
    display:inline-block;		
	/*background: url('imgs/refree_select.png') no-repeat center right -5px ;*/
	}
   
   .ref-full-select {  
	width: 90%;
	height: 34px;
	border-radius: none !important;
	padding-right:0px;
	font-size: 14px;	
	position:relative;	
	line-height: 1.42857143;
	/*background: url('imgs/refree_select.png') no-repeat center right -5px ;	*/
    display:inline-block;
   }
   textarea {
   resize: none;
   width:100% !important;
}
.time_pick{
background:url('imgs/time_pick.png') no-repeat;
height:42px;
position:absolute;
width:32px;

}
.ref-form-control {
display: inline-block;
width: 71%;
height: 42px;
padding: 6px 12px;
font-size: 24px;
line-height: 1.42857143;
color: #555;
background-color: #fff;
background-image: none;
border: 1px solid #ccc;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
-webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
-o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s
}
textarea:focus, input:focus{
    outline: 0;
}
.time_pic{
	width:60px;
	border-right:none;
}
.time_col{
	position: absolute;
	color: #828688;
    font-size: 30px;
    left: 60px;
    position: absolute;
    top: 26px;
}
.log_plus{
	background:url('imgs/log_plus_1.png') no-repeat;
	display:inline-block;
	height:21px;
	background-position:0px 0px;
	position:absolute;
	width:23px;
}
.log_plus:hover{ 
	cursor:pointer;
}
.log_minus{
	 background: url("imgs/log_minus_1.png") no-repeat scroll center bottom rgba(0, 0, 0, 0);
    display: block;
    height: 44px;
    width: 21px;
	cursor:pointer;
/*	background: url("imgs/log_minus_1.png") no-repeat scroll center bottom rgba(0, 0, 0, 0);
display: block;
margin-top: -41px;
margin-left: 96px;
position:absolute;
height: 44px;
width: 21px;*/
}
	

.log_minus:hover{ 
	cursor:pointer;
}
.plus_minus{
	display: inline-block;
    float: right;
    height: 48px;
	position:absolute;
	margin-left:-21px;
    overflow: hidden;
    vertical-align: middle;
}
.list_view{
	border: 1px solid transparent;
		border-radius: 50%;
		background:url("imgs/list_view.png") no-repeat  7px 9px #2d6fa9;
		width:42px;
		height:42px;		
		transition: all 0.5s ease;	
		display:inline-block;
}
.list_view:hover{
	border: 1px solid transparent;
		border-radius: 50%;
		background:url("imgs/list_view.png") no-repeat  7px 9px #2d6fa9;
		width:42px;
		height:42px;		
		transition: all 0.5s ease;	
		display:inline-block;
		cursor:pointer;
}
.wickets_width{
	width: 105px;
	margin-left:0px;
}
.wickets_score{
	width: 135px;
	margin-left:0px;
}
select {
	/*-moz-appearance: none ;	*/
	height:34px !important;
   -o-appearance: none;
    text-indent: 0.01px;
    text-overflow: '';
}
select::-ms-expand {

	padding-right:0px;
}.easy{
	border: 1px solid transparent;
		background:url("imgs/easy.png") no-repeat center center;
		width:230px;
		height:2px;		
		position: absolute;
		margin-top: 5px;
		transition: all 0.5s ease;	
		display:inline-block;
}
.hard{
	border: 1px solid transparent;
		background:url("imgs/hard.png") no-repeat center center;
		width:230px;
		height:2px;		
		position: absolute;
		margin-top: 5px;
		transition: all 0.5s ease;	
		display:inline-block;
}
.very_hard{
	border: 1px solid transparent;	
		margin-top: 5px;
		background:url("imgs/very_hard.png") no-repeat center center;
		width:230px;
		height:2px;		
		position:absolute;
		transition: all 0.5s ease;	
		display:inline-block;
}
.gray{
	background:#1C9900;
	height:12px;
	width:12px;
	z-index:1000;
	position: absolute;
	border-radius:50%;
	cursor:pointer;
	display:inline-block; 
}
.blue{
	background:#007fd5;
	height:12px;
	width:12px;
	border-radius:50%;
	margin-left: 111px;
	z-index:1000;
	cursor:pointer;
	position: absolute;
	display:inline-block; 
}
.red{
	background:#ff5148;
	height:12px;
	width:12px;
	margin-left: 221px;
	z-index:1000;
	position: absolute;
	border-radius:50%;
	cursor:pointer;
	display:inline-block; 
}
.text_class{
	font-size:11px;
	font-weight:bold;
	margin-top:15px;
	display:inline-block;
}
#easy{
	cursor:pointer;
}
#v_hard{
	margin-left:47px;
	display:inline-block;
	cursor:pointer;
}
#hard{
	margin-left: 75px;
	cursor:pointer;
	display:inline-block;
}
.red_arrow_up {
	width: 0; 
	height: 0; 
	margin-left: 38px;
	margin-top: 5px;
	position:absolute;
	border-left: 8px solid transparent;
	border-right: 8px solid transparent;	
	border-bottom: 8px solid #ff3b30;
}
.blue_arrow_up {
	width: 0; 
	height: 0; 
	position:absolute;
	margin: 5px; margin-left:4px;
	border-left: 8px solid transparent;
	border-right: 8px solid transparent;	
	border-bottom: 8px solid #2d6fa9;
}
.gray_arrow_up {
	width: 0; 
	height: 0; 
	margin-top: 5px;
	margin-left: -1px;
	position:absolute;
	border-left: 8px solid transparent;
	border-right: 8px solid transparent;	
	border-bottom: 8px solid #1C9900;
}
.log-btn{
	
display: inline-block;
padding: 10px 40px;
letter-spacing: 4px;
margin-bottom: 0;
font-size: 16px;
font-weight: 800;
color:#fff;
line-height: 1.42857143;
text-align: center;
white-space: nowrap;
vertical-align: middle;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
background: #ff3b30;
font-family:'helvetica_neueregular';
border: 1px solid transparent;
}
.log-btn:focus{
	outline:0;
}
.log-btn:hover{
	background:#e40c00;
}
.log-btn-tooltip{
	
display: inline-block;
padding: 7px 8px;
margin-bottom: 0;
font-size: 13px;
margin-right:10px;
font-weight: 600;
color:#fff;
line-height: 1.42857143;
text-align: center;
white-space: nowrap;
letter-spacing:2px;
margin-top:20px;
vertical-align: middle;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
background: #ff3b30;
border: 1px solid transparent;
}
.log-btn-tooltip:focus{
	outline:0;
}
.log-btn-tooltip:hover{
	background:#e40c00;
}

.log-btn-tooltip1{
	
display: inline-block;
padding: 7px 8px;
margin-bottom: 0;
font-size: 13px;
margin-right:10px;
font-weight: 600;
color:#fff;
line-height: 1.42857143;
text-align: center;
white-space: nowrap;
letter-spacing:2px;
margin-top:20px;
vertical-align: middle;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
background: #ff3b30;
border: 1px solid transparent;
}
.log-btn-tooltip1:focus{
	outline:0;
}
.log-btn-tooltip1:hover{
	background:#e40c00;
}


.calculator_icon{
		border: 1px solid transparent;
		border-radius: 50%;
		background:url("imgs/percentage.png") no-repeat center center #8a394c;
		width:42px;
		height:42px;		
		transition: all 0.5s ease;	
		display:inline-block;
	}
	.calculator_icon:hover{
		border: 1px solid transparent;
		border-radius: 50%;
		background:url("imgs/percentage.png") no-repeat center center #E2210E;
		width:42px;
		height:42px;		
		cursor:pointer;
		transition: all 0.5s ease;	
		display:inline-block;
	}
	
.calculator_icon_umpire{
	border: 1px solid transparent;
	border-radius: 50%;
	background:url("imgs/percentage.png") no-repeat center center #8a394c;
	width:42px;
	height:42px;		
	transition: all 0.5s ease;	
	display:inline-block;
}
.calculator_icon_umpire:hover{
	border: 1px solid transparent;
	border-radius: 50%;
	background:url("imgs/percentage.png") no-repeat center center #E2210E;
	width:42px;
	height:42px;		
	cursor:pointer;
	transition: all 0.5s ease;	
	display:inline-block;
}
	
/** Allocation ***/
.approve_disapprove{
		border: 1px solid transparent;
		border-radius: 50%;
		background:url("imgs/approve_disapprove.png") no-repeat center center #8a394c;
		width:35px;
		height:35px;		
		margin:0px 5px 0px 5px; 
		transition: all 0.5s ease;	
		display:inline-block;
	}
	
	.approve_disapprove:hover{
		border: 1px solid transparent;
		border-radius: 50%;
		background:url("imgs/approve_disapprove.png") no-repeat center center #E2210E;
		width:35px;
		height:35px;	
		transition: all 0.5s ease;	
		cursor:pointer;
	}
	
	.notify_send{
		border: 1px solid transparent;
		border-radius: 50%;
		background:url("imgs/notify_send.png") no-repeat center center #8a394c;
		width:50px;
		height:50px;		
		transition: all 0.5s ease;	
		display:inline-block;
	}
	.notify_send:hover{
		border: 1px solid transparent;
		border-radius: 50%;
		background:url("imgs/notify_send.png") no-repeat center center #E2210E;
		width:50px;
		height:50px;		
		transition: all 0.5s ease;	
		display:inline-block;
	}
	.counter{
		border: 1px solid transparent;
		border-radius: 50%;
		background:#8a394c;
		font-size: 34px;
		color: #fff;
		width:50px;
		height:50px;		
		transition: all 0.5s ease;	
		display:inline-block;
	}
	.counter:hover{
		border: 1px solid transparent;
		border-radius: 50%;
		background:#E2210E;
		width:50px;
		height:50px;		
		transition: all 0.5s ease;	
		display:inline-block;
	}
		
	.allocate{
		border: 1px solid transparent;
		border-radius: 50%;
		background:url("imgs/allocate.png") no-repeat center center #8a394c;
		width:35px;
		height:35px;		
		margin:0px 5px 0px 5px; 
		transition: all 0.5s ease;	
		display:inline-block;
	}
	
	.allocate:hover{
		border: 1px solid transparent;
		border-radius: 50%;
		background:url("imgs/allocate.png") no-repeat center center #E2210E;
		width:35px;
		height:35px;	
		transition: all 0.5s ease;	
		cursor:pointer;
	}

/*** Allocate Umpire with Drag ***/	
.allocate-select select {
   background: transparent;
   width: 100%;  
   font-size: inherit;
   padding-left:5px;
   line-height: 1;
   border: 0;    
   border-radius: 0;
   height: 34px;
   
    display:inline-block;
   }
   .allocate-select {  
	width: 60%;
	height: 34px;
	font-size: inherit;
	position:relative;
	line-height: 1.42857143;
	background: url('imgs/arrow.png') no-repeat center right 4px ;
	border: 1px solid #ccc;
	display:inline-block;
   }
	.allocate_umpire{
		overflow-y:scroll;
		padding:0px;
		display: inline-block;
		height:550px;
		width: 198px;
	}
		
	.allocate_umpire ul{
		list-style-type: none;
		overflow-y:scroll;
		padding-left:0px;
		
	}
	.allocate_umpire ul li{
		border:1px solid transparent;
		padding:5px 10px;
		cursor:pointer;
		}
	.allocate_umpire ul li:hover{
		border:1px solid #b1b1b1;
		background:#dedede;
		padding:5px 10px;
		}
	.allocation_field{
		width: 663px;
		height:550px;
		overflow-y:scroll;
		
		display: inline-block;
		padding:10px;
	}
	.for_match{
		height:375px;
		border-bottom:1px solid #c7c7c7;
	}
	.for_match h4{
		color:#2d6fa9;
	}
	.for_match h5{
		color:#666666;
	}
	.for_match ul li {
		float:left;
		display:inline-block;
		padding:10px 15px;
		color: #B3B3B3;
		background:#e3f4fd;
		font-size:18px;
		font-weight:100;
		margin:5px;
		width:305px;
	}
	.for_match ul{
		padding: 0;
	}
	.for_match ul li:hover {
		background: #727272;
		color:#fff;
		cursor:pointer;
		
	}
	.for_match ul li:hover .for_match_close{
		background:url('imgs/close_ump.png') no-repeat top right;
		display:inline-block;
		padding:5px;
		float:right;
	}
	/** Drag and Drop ***/
	.droplist{
		height: 315px;
		overflow:hidden;
	}
		.droplist li span:nth-of-type(1n+2){ display:none !important}
	.droplist li div{ display:none ;}
	
	.for_match_ump{
		height:380px;
		border-bottom:1px solid #c7c7c7;
	}
	.for_match_ump h4{
		color:#2d6fa9;
	}
	.for_match_ump h5{
		color:#666666;
	}
	.for_match_ump ul{
		padding: 0;
	}
	.droplist_ump{
		height: 133px;
		overflow:visible;
		float:left;
		display:inline-block;
	}
		ul.droplist_ump li {
			float:left;
			display:inline-block;
			
			vertical-align:middle;
			position:relative;
		}
		ul.droplist_ump li:hover{
			cursor:pointer;
		}
.approve{
	background:url('imgs/approve.png') no-repeat center center #ff5e3a;
	padding:85px;
	height:160px;
	margin-top:40%;
	
	width:160px;
	border-radius:50%;
	display:inline-block;	
}
.approve:hover{
	background:url('imgs/approve.png') no-repeat center center #E2210E;
	padding:85px;
	height:160px;
	width:160px;
	cursor:pointer;	

	border-radius:50%;
	display:inline-block;	
}
.disapprove{
	background:url('imgs/disapprove.png') no-repeat center center #8e8e93;
	padding:85px;
	height:160px;
	width:160px;
	margin-top:20px;
	text-align:center;
	border-radius:50%;	

	display:inline-block;	
}
.disapprove:hover{
	background:url('imgs/disapprove.png') no-repeat center center #575757;
	padding:85px;
	height:160px;
	cursor:pointer;
	width:160px;
	
	border-radius:50%;
	display:inline-block;
	
}
.ump_approve_list{
		float:left;
		display:inline-block;
		padding:10px 15px;
		color: #fff;
		background:#4a4a4a;
		font-size:18px;
		font-weight:100;
		margin:5px;
		width:305px;
}
.ump_approve{
		float:left;
		display:inline-block;
		padding:10px 15px;
		color: #fff;
		background:#05960E;
		font-size:18px;
		font-weight:100;
		margin:5px;
		width:305px;
}
.ump_disapprove{
		float:left;
		display:inline-block;
		padding:10px 15px;
		color: #fff;
		background:#ff5e3a;
		font-size:18px;
		font-weight:100;
		margin:5px;
		width:305px;
}
.approve_small{
	background:url('imgs/approve_small.png') no-repeat center center #838383;
	vertical-align:middle;
	height:35px;
	float:right;
	margin:0px 5px;
	cursor:pointer;
	position:relative;
	width:35px;	
	border-radius:50%;
	display:inline-block;
}
.disapprove_small{
	background:url('imgs/disapprove_small.png') no-repeat center center #838383;
	vertical-align:middle;
	height:35px;
	float:right;
	margin:0px 5px;
	position:relative;
	cursor:pointer;
	width:35px;	
	border-radius:50%;
	display:inline-block;
}
ul.droplist_ump  p{
	font-size:10px;
	display:inline-block;
	position:absolute;
	margin-top: -3px;
}
.thumb_icon{
display: inline-block;
float: right;
position: absolute;
right: 0px;
top: 0;
padding-top: 5px;
}
.log_form_col{
	display: inline-block;
	padding-left: 20px;
	width: 260px;
}

.team_logo{
	background:url('imgs/team-logos.png') no-repeat center ; 
	background-position:0px -49px;
display: inline-block;
height: 50px;
width: 50px;
	
}
.team_logo2{
	background:url('imgs/team-logos.png') no-repeat center ; 
	background-position: 0px -99px;
	display:inline-block;
	height:50px;
	width:50px;
	
}
.logo_temp{
	margin-left: 130px;
top: -70px;
margin-left:150px;
width: 300px;
position: relative;
display: inline-block;
}
#log_entry{
	/*overflow-x:scroll !important;*/
}
.title_log{
	margin-top: 10px;
}
.team_title{
	font-size:20px;
/*text-transform: capitalize;*/
color:#2b2b2b;
margin-top: 10px;
font-family: 'helvetica_neueregular';
font-weight:700;
text-align: center;
	}

#errorMsg{
	text-align: center;
	color:#8a394c;
	font-weight: 700;
}

#modal_success{
	text-align: center;
	color:#00BB43;
	font-weight: 700;	
}
.log_over{
	width:100px; display:inline-block;
	margin-right:10px;
}
.log_time{
	width:175px; display:inline-block; position:relative;padding-left: 18px;
	margin-top: -25px;
	margin-left: -20px;
	 vertical-align: middle;
	/*margin-left: 361px;
	margin-top: -88px;*/
}
.plus_player{
	background:url('imgs/plus_player.png') no-repeat center center ;
	vertical-align:middle;


	height:35px;	
	margin:0px 5px;	
	cursor:pointer;
	width:35px;		
	display:inline-block;
}
.plus_player_hide{
	background:url('imgs/plus_player.png') no-repeat center center ;
	vertical-align:middle;
	height:35px;	
	margin:0px 5px;	
	width:35px;		
	display:inline-block;
}
.plus_player_bg{
	background: url('imgs/plus_player_white.png') no-repeat center center #484848;
vertical-align: middle;
height: 35px;
margin: 0px 5px;
border-radius: 50%;
cursor: pointer;
width: 35px;
padding: 12px;
display: inline-block;
}
.minus_player{
	background:url('imgs/minus_player.png') no-repeat center center ;
	vertical-align:middle;
	height:35px;	
	margin:0px 5px;	
	cursor:pointer;
	width:35px;		
	display:inline-block;
}
.minus_player_bg{
	background:url('imgs/minus_player_white.png') no-repeat center center #114da2 ;
	vertical-align: middle;
height: 35px;
margin: 0px 5px;
border-radius: 50%;
cursor: pointer;
width: 35px;
padding: 12px;
display: inline-block;
}
.minus_player_hide{
	background:url('imgs/minus_player.png') no-repeat center center ;
	vertical-align:middle;
	height:35px;	
	margin:0px 5px;	
	width:35px;		
	display:inline-block;
}
.last_col_log{
	width:250px;margin-top: 0px;position: relative;float: right;padding-left: 0;/*padding-right: 5px;*/
}
.preview_history{
	font-style: italic;font-size: 12px;margin: 0;width: 90%; margin-left:10px;
}
.referee_title_head{
	font-size:20px;color:#2b2b2b;margin-top: 10px;text-align:center; font-family: 'helvetica_neueregular';font-weight:700;
}
.referee_title_head1{
	 text-align:center; font-size:16px;margin-left: -30px;
	 }
.version_sep {
	display:inline-block;margin-top:-50px;float:left;color:#969696; font-size:12px;
}

/**** Fixtures ***/
.grid-inactive-ref-fix{
	border:1px solid #ccc;
	margin:8px 8px 8px 0px;
	border-top:3px solid #ff9500;
	padding:10px;
	height:152px;	
	width: 100%;
	float:left;	
}
.grid-inactive-ref-fix-pad{
	padding-left:0;
}
.light_box_fix{
	overflow-y: auto;
overflow-x: hidden;
height: 500px;
vertical-align: middle;
}
.grid-inactive-ref-fix p{
	color: #969696;
	font-size: 13px;
}
.grid-inactive-ref-fix h4{
color: #2d6fa9;
font-size: 16px;
font-weight: bold;
cursor: pointer;
}
.fixtures_title{
	text-transform:uppercase;
	color:#8a394c;
	font-weight:bold;
	letter-spacing:2px;
}
.grid-history-ref-fix{
	border:1px solid #ccc;
	margin:8px 8px 8px 0px;
	border-top:3px solid #2d6fa9;
	padding:10px;
	height:152px;	
	width: 100%;
	float:left;	
}
.grid-history-ref-fix p{
	color: #969696;
	font-size: 13px;
}
 .grid-history-ref-fix h4{
color: #2d6fa9;
font-size: 16px;
font-weight: bold;
cursor: pointer;
}
.grid-active-ref-fix{
	border:1px solid #ccc;
	margin:8px 8px 8px 0px;
	border-top:3px solid #0BD318;
	padding:10px;
	height:152px;	
	width: 100%;
	float:left;	
}
.grid-active-ref-fix p{
	color: #969696;
	font-size: 13px;
}
 .grid-active-ref-fix h4{
color: #2d6fa9;
font-size: 16px;
font-weight: bold;
cursor: pointer;
}
.fixt_view{
position: relative !important;
display: inline-block !important;
float: left; 
}
.fixture_div{
margin-left: auto;
margin-right: auto;
width: 65%;
height: 100%;
}

/** Reg form Corrections **/
.reg_freeze{
	min-width:768px;
}
.inp_dis{
	display: inline-block;
}
.caution_cs{
	margin-right: 0;
}
.up_inp_field{
	width: 75%;
	display:inline-block !important;
}
.caution_address{
	margin-right: 0;
	margin-left: 2px;
	margin-top: 20px;
	vertical-align: middle;
}
.caution_address_text{
	margin-right: 0;
	margin-left: 2px;
	margin-top: 5px;
	vertical-align: middle;
}
.caution_email{
	margin-right: 0px;
	margin-top: 49px;
	margin-left: 0px;
}
.multi_field_phone{
	display: inline;
}
.ui-widget-content{
	width:85% !important;
}
.field_inline{
	display:inline-block;
}
.caution_cal{
	margin: 0;
display: inline-block;
margin-top: 50px;
}
.range_slide{
	color:#666666; font-size:11px;
}
.modal-title {
color: #8a394c; vertical-align: middle;
text-transform: uppercase;
display:inline-block;
}
.caution_nm{
	margin-right: 10px;
}



/************ Component css *********/
/* General styles for all menus */
.cbp-spmenu {
	
	transition: all 0.3s ease;
	position: fixed;
	min-height:667px;
	top: 0;
	left: -200px;
	background: linear-gradient(286deg,#26358E 50%,#455DDA 100%);		
	height: 100%;
	z-index: 999;
	/*box-shadow: 0px 0px 10px black;*/
}
.cbp-spmenu .logo{
	color: white;
	display: block;
	text-align: center;
	text-decoration: none;
	padding: 10px 10px 10px 10px;
	transition: all 0.2s ease;
}

.cbp-spmenu .anger {
	color: white;
	display: block;
	font-size:13px;
	text-align: center;
	text-decoration: none;
	padding:12px 5px;
	border-left:3px solid transparent;
	transition: all 0.2s ease;	
	
}

.cbp-spmenu .anger  img { width: 90px;}

.cbp-spmenu .anger a{
    display: block; color: white;
	text-decoration:none;
    margin: 0 auto;
    overflow: hidden;
    padding: 37px 0 0;
    text-align: center;
	width:75px;
	transition: none 0s ease 0s ;
        cursor: pointer;
        background: url("imgs/Menu_images.png") no-repeat scroll -181px -148px rgba(0, 0, 0, 0); }


.cbp-spmenu .anger a.dashboard{
	background: url("imgs/menu_icons/dashboard.png") no-repeat rgba(0, 0, 0, 0); 
	background-size: 24px;
    background-position: center top;
}
	
.cbp-spmenu .anger a.dashboard:hover ,.cbp-spmenu .anger a.dashboard.active   { background: url("imgs/menu_icons/dashboard-H.png") no-repeat rgba(0, 0, 0, 0);  color: #fff; 
background-size: 24px;
    background-position: center top;
}

.cbp-spmenu .anger a.master{
	background: url("imgs/menu_icons/master.png") no-repeat rgba(0, 0, 0, 0);
	background-size: 28px;
    background-position: center top;
	}

.cbp-spmenu .anger a.master:hover, .cbp-spmenu .anger a.master.active    {
	background: url("imgs/menu_icons/master-H.png") no-repeat rgba(0, 0, 0, 0);
	background-size: 28px;
    background-position: center top;
	color: #fff; 
	}
	

.cbp-spmenu .anger a.registration{
	background: url("imgs/menu_icons/Registration.png") no-repeat rgba(0, 0, 0, 0);
	background-size: 26px;
    background-position: center top;
}
	
.cbp-spmenu .anger a.registration:hover , .cbp-spmenu .anger a.registration.active  {
	background: url("imgs/menu_icons/Registration-H.png") no-repeat rgba(0, 0, 0, 0);
	background-size: 26px;
    background-position: center top;
}
	

.cbp-spmenu .anger a.transaction{
	background: url("imgs/Menu_images.png") no-repeat scroll -184px -441px rgba(0, 0, 0, 0); }
	
.cbp-spmenu .anger a.transaction:hover, .cbp-spmenu .anger a.transaction.active   { background-position: -28px -441px; color: #fff; }

.cbp-spmenu .anger a.fixture,.cbp-spmenu .anger a.fixtures{
	background: url("imgs/Menu_images.png") no-repeat scroll -185px -528px rgba(0, 0, 0, 0); }

.cbp-spmenu .anger a.menu_stats_link{
	background: url("imgs/menu_icons/stats.png") no-repeat rgba(0, 0, 0, 0);
	background-size: 26px;
    background-position: center top;
}
	
.cbp-spmenu .anger a.fixture:hover ,.cbp-spmenu .anger a.fixtures:hover, .cbp-spmenu .anger a.fixture.active ,.cbp-spmenu .anger a.fixtures.active   { background-position: -29px -528px; color: #fff; }
.cbp-spmenu .anger a.menu_stats_link:hover , .cbp-spmenu .anger a.menu_stats_link.active,
.cbp-spmenu .anger a.stats:hover , .cbp-spmenu .anger a.stats.active{ 
    background: url("imgs/menu_icons/stats-H.png") no-repeat rgba(0, 0, 0, 0);
	background-size: 26px;
    background-position: center top;
}


.cbp-spmenu .anger a.reports,.cbp-spmenu .anger a.mylogs{
	background: url("imgs/reports_icon.png") no-repeat  center top  rgba(0, 0, 0, 0); }
	
.cbp-spmenu .anger a.reports:hover,.cbp-spmenu .anger a.mylogs:hover , .cbp-spmenu .anger a.reports.active,.cbp-spmenu .anger a.mylogs.active   { background: url("imgs/reports_icon_red.png") no-repeat  center top  rgba(0, 0, 0, 0);}

.cbp-spmenu .anger a.refree_log{
	background: url("imgs/refree_log.png") no-repeat  center top  rgba(0, 0, 0, 0); }
	
.cbp-spmenu .anger a.refree_log:hover , .cbp-spmenu .anger a.refree_log.active   { background: url("imgs/refree_log_h.png") no-repeat  center top  rgba(0, 0, 0, 0);}
.cbp-spmenu .anger a.squad_icon{
	background: url("imgs/squad_icon.png") no-repeat  center top  rgba(0, 0, 0, 0); }
	
.cbp-spmenu .anger a.squad_icon:hover , .cbp-spmenu .anger a.squad_icon.active   { background: url("imgs/squad_icon_h.png") no-repeat  center top  rgba(0, 0, 0, 0);}
.cbp-spmenu .anger a.dj_claim_form{
	background: url("imgs/dj_claim_form.png") no-repeat  center top  rgba(0, 0, 0, 0); }
	
.cbp-spmenu .anger a.dj_claim_form:hover , .cbp-spmenu .anger a.dj_claim_form.active   { background: url("imgs/dj_claim_form_h.png") no-repeat  center top  rgba(0, 0, 0, 0);}

.cbp-spmenu .anger a.competition,.cbp-spmenu .anger a.eventsm {
	background: url("imgs/menu_icons/Competition.png") no-repeat rgba(0, 0, 0, 0);
	background-size: 30px;
    background-position: center top;
}
.cbp-spmenu .anger a.competition:hover , .cbp-spmenu .anger a.competition.active,.cbp-spmenu .anger a.eventsm:hover , .cbp-spmenu .anger a.eventsm.active  {
	background: url("imgs/menu_icons/Competition-H.png") no-repeat rgba(0, 0, 0, 0);
	background-size: 30px;
    background-position: center top;
}
.cbp-spmenu .anger a.allocation {
	background: url("imgs/menu_icons/posting.png") no-repeat rgba(0, 0, 0, 0);
	background-size: 26px;
    background-position: center top;
}
.cbp-spmenu .anger a.allocation:hover , .cbp-spmenu .anger a.allocation.active  {
	background: url("imgs/menu_icons/posting-H.png") no-repeat rgba(0, 0, 0, 0);
	background-size: 26px;
    background-position: center top;
}
.cbp-spmenu .anger a.useravailability {
	background: url("imgs/menu_icons/user-availability.png") no-repeat rgba(0, 0, 0, 0);
	background-size: 26px;
    background-position: center top; 
}
.cbp-spmenu .anger a.useravailability:hover , .cbp-spmenu .anger a.useravailability.active  {
	background: url("imgs/menu_icons/user-availability-H.png") no-repeat rgba(0, 0, 0, 0);
	background-size: 26px;
    background-position: center top; 
}
.cbp-spmenu .anger a.operationconsole {
	 
}
.cbp-spmenu .anger a.operationconsole:hover , .cbp-spmenu .anger a.operationconsole.active  {
	
}
.cbp-spmenu .anger a.Scorer {
	 background: url("imgs/menu_icons/scorer.png") no-repeat rgba(0, 0, 0, 0);
	background-size: 26px;
    background-position: center top; 
}
.cbp-spmenu .anger a.Scorer:hover , .cbp-spmenu .anger a.Scorer.active  {
	 background: url("imgs/menu_icons/scorer-H.png") no-repeat rgba(0, 0, 0, 0);
	background-size: 26px;
    background-position: center top; 
}
.cbp-spmenu .anger a.acl {
	 background: url("imgs/menu_icons/acl.png") no-repeat rgba(0, 0, 0, 0);
	background-size: 26px;
    background-position: center top; 
}
.cbp-spmenu .anger a.acl:hover , .cbp-spmenu .anger a.acl.active  {
	 background: url("imgs/menu_icons/acl-H.png") no-repeat rgba(0, 0, 0, 0);
	background-size: 26px;
    background-position: center top; 
}
 
 
.cbp-spmenu .anger a.referee {
	background: url("imgs/refree_log.png") no-repeat scroll center top rgba(0, 0, 0, 0); 
}
.cbp-spmenu .anger a.referee:hover , .cbp-spmenu .anger a.referee.active  {
	background: url("imgs/refree_log_h.png") no-repeat scroll center top rgba(0, 0, 0, 0);
}

.cbp-spmenu .anger a.umpirereport {
	background: url("imgs/refree_log.png") no-repeat scroll center top rgba(0, 0, 0, 0); 
}
.cbp-spmenu .anger a.umpirereport:hover , .cbp-spmenu .anger a.umpirereport.active  {
	background: url("imgs/refree_log_h.png") no-repeat scroll center top rgba(0, 0, 0, 0);
}

/* for treasury menu */
.cbp-spmenu .anger a.treasuryReport{
	background: url("imgs/treasury-report.png") no-repeat  center top  rgba(0, 0, 0, 0); }
	
.cbp-spmenu .anger a.treasuryReport:hover , .cbp-spmenu .anger a.treasuryReport.active   { background: url("imgs/treasury-report-hover.png") no-repeat  center top  rgba(0, 0, 0, 0);}

.cbp-spmenu .anger a.treasuryDashboard{
	background: url("imgs/treasury-dashboard.png") no-repeat  center top  rgba(0, 0, 0, 0); }
	
.cbp-spmenu .anger a.treasuryDashboard:hover , .cbp-spmenu .anger a.treasuryDashboard.active   { background: url("imgs/treasury-dashboard-hover.png") no-repeat  center top  rgba(0, 0, 0, 0);}

.cbp-spmenu .anger a.treasuryVenueReport{
	background: url("imgs/venue-report.png") no-repeat  center top  rgba(0, 0, 0, 0); }
	
.cbp-spmenu .anger a.treasuryVenueReport:hover , .cbp-spmenu .anger a.treasuryVenueReport.active   { background: url("imgs/venue-report-hover.png") no-repeat  center top  rgba(0, 0, 0, 0);}

.cbp-spmenu .anger a.treasuryMatchPlayers{
	background: url("imgs/treasury-dashboard.png") no-repeat  center top  rgba(0, 0, 0, 0); }
	
.cbp-spmenu .anger a.treasuryMatchPlayers:hover , .cbp-spmenu .anger a.treasuryMatchPlayers.active   { background: url("imgs/treasury-dashboard-hover.png") no-repeat  center top  rgba(0, 0, 0, 0);}
	
/* for treasury menu */

.cbp-spmenu .anger:hover {
		
}
.cbp-spmenu .angerhover {
	
}
.anger-active {
	
	box-sizing: border-box;
	cursor:pointer;
	
}

.cbp-spmenu .anger a.help{
	background: url("imgs/menu_icons/help.png") no-repeat rgba(0, 0, 0, 0);
	background-size: 26px;
    background-position: center top;
	
}
.cbp-spmenu .anger a.help:hover,.cbp-spmenu .anger a.help.active, .cbp-spmenu .anger a.help:focus { 
	background: url("imgs/menu_icons/help-H.png") no-repeat rgba(0, 0, 0, 0);
	background-size: 26px;
    background-position: center top;
}

/* Orientation-dependent styles for the content of the menu */

.cbp-spmenu-vertical {
	width: 135px;
	height: 100%;	
	top: 0;
	z-index: 1000;
}

.cbp-spmenu-left {
	left: -240px;
	
}
.cbp-spmenu-left_close {
	left: -125px;	
}


.cbp-spmenu-left.cbp-spmenu-open {
	left: 0px;
}

.cbp-spmenu-push {
	overflow-x: hidden;
	position: relative;
	left: 0;
}

.cbp-spmenu-push-toright {
	left: 240px;
}

.cbp-spmenu-push-toleft {
	left: -240px;
}
.menu-toggle-open{
	position: fixed;
	top: 50%;
	left: 0;
	background-color: rgb(0, 100, 100);
	z-index: 800;
	padding-left: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-right: 10px;
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
	transition: all 0.3s ease;
	background: url('imgs/Menu_images.png') no-repeat -149px -294px;
	width: 8px;
	height: 13px;
	margin-left:5px;
}
.menu-toggle-close{
	position: fixed;
	top: 50%;
	left: 0;
	background-color: rgb(0, 100, 100);
	z-index: 700;
	padding-left: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-right: 10px;
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
	transition: all 0.3s ease;
	background: url('imgs/Menu_images.png') no-repeat -149px -313px;
	width: 9px;
	height: 15px;
	margin-left:15px;
	cursor: pointer;
}
.cbp-spmenu-open.menu-toggle-open:hover{
	cursor: pointer;
}
.cbp-spmenu-open.menu-toggle-open{
	left: 135px;
}
/* Transitions */

.cbp-spmenu,
.cbp-spmenu-push {
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	transition: all 0.3s ease;
	
}
.vertical_align{
	vertical-align:middle !important; position:absolute; display:inline-block;height:auto;width:128px; top: 105px !important;
}
.light_box_open{
	left:0%;
	display:inline-block;
	width:800px;
	overflow-y:hidden;
	position:relative;
	overflow-x:hidden !important;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	transition: all 0.5s ease;
	border-right:1px solid #ccc;
}
.light_box_close{
	/*left: -88%;*/
	left: -176%;
	display:inline-block;
	overflow-x:hidden !important;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	transition: all 0.5s ease;	
	position:absolute;
	border-right: 1px solid #ccc;
}
.second_light_box_open{
	right: -20%;
	width:60%;
	min-height:585px;
	overflow-y:hidden;
	position:relative;
	overflow-x:hidden !important;
	display:inline-block;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
.second_light_box_close{
	right:-301%;
	min-height:585px;
	overflow-y:hidden;
	position:absolute;
	overflow-x:hidden !important;
	display:inline-block;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	transition: all 0.5s ease;	
}

.light_box_slide_arrow_open{
	background:url('imgs/black_right_arrow.png') no-repeat center center;
	height:50px;
	width:32px;
	position: fixed;
	top: 50%;
	cursor:pointer;	
	left: 17%;
	padding:15px;
	display:inline-block;
	
	}
	.light_box_slide_arrow_close{
	background:url('imgs/black_right_arrow.png') no-repeat center center;
	height:50px;
	width:32px;
	position: fixed;
	top: 50%;
	right: -30%;
	padding:15px;
	display:inline-block;
	cursor:pointer;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	transition: all 0.5s ease;
	}
#log_entry_first {
	display:inline-block;	
	border-right: 2px solid;	
	margin-right:auto;
	margin-left:auto;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
#log_entry_second{
	display:inline-block;	
	margin-right:auto;
	margin-left:auto;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
.tooltip_proceed_follow_yes{
	margin-top: -167px !important;left:18%;
}
.tooltip_proceed_follow_no{
	margin-top: -167px !important; left: 30.5%;
}
.tooltip_hide{
	display:none !important;
}

/*** Custom Tool tip ****/
.tooltip_all {
  position: relative;
  display: inline;
}
.tooltip_all span {
  position: absolute;
  width:140px;
  color: #FFFFFF;
  background: #000000;
  height: 30px;
  line-height: 30px;
  text-align: center;
  visibility: hidden;
  border-radius: 6px;
}
.tooltip_all span:after {
  content: '';
  position: absolute;
  bottom: 100%;
  left: 50%;
  margin-left: -8px;
  width: 0; height: 0;
  border-bottom: 8px solid #000000;
  border-right: 8px solid transparent;
  border-left: 8px solid transparent;
}
a:hover.tooltip_all span {
  visibility: visible;
  opacity: 0.8;
  top: 30px;
  left: 50%;
  margin-left: -76px;
  z-index: 999;
}

/**** Popup Slider ****/
table.popslide_tbl tbody.CSSTable1 tr:hover{
	color:#fff !important;
}
.popslide_tbl {
			overflow:visible;
			/*overflow-x:scroll;*/
			position:relative;
			display:block;
			transition: all 0.5s ease;
			/*padding-right: 2.2%;*/			
		}
		.popslide_tbl .smtd{ 
			color:#fff;
			background:#2d6fa9;	
			transition: all 0.5s ease;
					
			}
		.popslide_tbl .smtd thead tr td{
			transition: all 0.5s ease;
		}	
		.squad_editbox_open .popslide_tbl .CSSTable1 tr:hover td
		{color:#fff;}
		.popslide_tbl .CSSTable1 tr:nth-child(odd){
		background-color:#fff;
		padding:12px;
		transition: all 0.5s ease;
		}
		.popslide_tbl .CSSTable1 tr:nth-child(odd):hover{
		background-color:#2493E4;	
		padding:12px;	
		transition: all 0.5s ease;
		color:#fff !important; 
		}
		.popslide_tbl .CSSTable1 tr:hover td img.transition_img {
			-webkit-transform: scale(5.6); 
			-moz-transform: scale(5.6);
			-o-transform: scale(5.6);
			transform: scale(5.6);
		}
		.popslide_tbl .CSSTable1 tr:hover td .circle-view-squad {
			border: 1px solid #fff;
			border-radius: 50%;			
			background: url("imgs/view_w.png") no-repeat center center;
			width: 33px;
			height: 33px;
			transition: all 0.5s ease;
			margin: 0px 2px;
			cursor:pointer;
			display: inline-block;
		}
		#list_squad table.popslide_tbl tbody tr td:hover{
			color:#fff !important;
		}
		
		.popslide_tbl .CSSTable1 tr:nth-child(even):hover{
		background-color:#2493E4;	
		color:#fff !important;		
		padding:12px;
		transition: all 0.5s ease;
		}
		.popslide_tbl .CSSTable1 tr:nth-child(even)    
		{ 
			background-color:#e3f4fd;
		}
		.CSSTable1 td{
			vertical-align:middle;										
			color:#666666;
			transition: all 0.5s ease;
		}
		.popslide_tbl td{
			padding:10px;	
			width:1%;
			/*padding-left:10px;
			padding-bottom:10px;
			width:2%;		*/	
			transition: opacity .3s ease-in;
			
		}
		.popslide_tbl .CSSTable1 tr td:first-child  {
			width:1%;
		}
		/*** Referee Log Changes ***/
		.top_ref_icon{display: inline-block; vertical-align: middle;}
		.add-log-duplicate {
			border: 1px solid transparent;
			border-radius: 50%;
			background: url("imgs/plus.png") no-repeat center center #8a394c;
			width: 42px;
			height: 42px;
			transition: all 0.5s ease;
			display: inline-block;
		}
		.add-log-duplicate:hover {
			border: 1px solid transparent;
			border-radius: 50%;
			cursor: pointer;
			background: url("imgs/plus.png") no-repeat center center #E2210E;
			width: 42px;
			height: 42px;
			transition: all 0.5s ease;
			display: inline-block;
			}
		.toss_edit {
			border: 1px solid transparent;
			border-radius: 50%;
			background: url("imgs/edit-toss.png") no-repeat center center #59c7fb;
			width: 42px;
			height: 42px;
			transition: all 0.5s ease;
			display: inline-block;
		}
		.toss_edit:hover {
			border: 1px solid transparent;
			border-radius: 50%;
			background: url("imgs/edit-toss.png") no-repeat center center #08b0ff;
			width: 42px;
			height: 42px;
			transition: all 0.5s ease;
			display: inline-block;
			cursor:pointer;
		}
		.log_close {
			border: 1px solid transparent;
			border-radius: 50%;
			background: url("imgs/refree_log_close.png") no-repeat center center #3a3a3a;
			width: 42px;
			height: 42px;
			transition: all 0.5s ease;
			display: inline-block;
		}
		.log_close:hover {
			border: 1px solid transparent;
			border-radius: 50%;
			background: url("imgs/refree_log_close.png") no-repeat center center #171717;
			width: 42px;
			height: 42px;
			transition: all 0.5s ease;
			display: inline-block;
			cursor:pointer;
		}
		.view-dialog-referee .modal-body{height: 520px;overflow-y: scroll;}
		#add_log_full{height:582px; overflow:hidden;}
		
		/**** Squad View ****/
		#details_view .modal-body{padding: 15px;overflow-y: scroll;height: 530px;}
	div.tooltip_toss{
			position: absolute;width: 250px;height: 125px;line-height: 20px;padding: 10px;font-size: 13px;
			margin-left: 120px;margin-top: -135px;z-index: 999;text-align: center;color: #fff;background: #000;}
	div.tooltip_toss:after {
      content: "";position: absolute;width: 15px;height: 15px;border-width: 16px;border-style: solid;border-color: #000 transparent transparent transparent;
	  top: 117px;left: 109px;}
	div.tooltip_bFY{
			position: absolute;width: 250px;height: 125px;line-height: 20px;
			padding: 10px;font-size: 13px;margin-left: 68px;margin-top: -170px;z-index: 999;text-align: center;color: #fff;background: #000;
	}
	div.tooltip_bFY:after {
      content: "";position: absolute;width: 15px;height: 15px;border-width: 16px;
      border-style: solid;border-color: #000 transparent transparent transparent;
	  top: 117px;left: 109px;}
	div.tooltip_bFN{
			position: absolute;width: 250px;height: 125px;line-height: 20px;padding: 10px;
			font-size: 13px;margin-left: 125px;margin-top: -169px;z-index: 999;text-align: center;color: #fff;background: #000;}
	div.tooltip_bFN:after {
      content: "";position: absolute;width: 15px;height: 15px;border-width: 16px;border-style: solid;border-color: #000 transparent transparent transparent;top: 117px;left: 109px;      
	}
	/*** Add Compitation **/
	.log-btn-select_team {
	/*display: inline-block;margin-left: 17px;padding: 1% 10%;letter-spacing: 4px;*/margin-bottom: 0;font-size: 16px;
	font-weight: 800;color: #fff;line-height: 1.42857143;text-align: center;white-space: nowrap;vertical-align: middle;
	cursor: pointer;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;
	background: #2d6fa9;font-family: 'helvetica_neueregular';border: 1px solid transparent;color:#fff;
}
	.select_pop{cursor: pointer;width: 156px;padding: 15px;vertical-align: bottom;}
	.comp_wh{width:900px;overflow: hidden;}
	.comp_box_open {
		left: 0%;display: inline-block;width: 900px;overflow-y: hidden;position: relative;overflow-x: hidden !important;-webkit-transition: all 0.5s ease;
		-moz-transition: all 0.5s ease;transition: all 0.5s ease;border-right: 1px solid #ccc;
	}
	.comp_box_close {
		left: -88%;display: inline-block;overflow-x: hidden !important;-webkit-transition: all 0.5s ease;
		-moz-transition: all 0.5s ease;transition: all 0.5s ease;position: absolute;border-right: 1px solid #ccc;
	}
	.comp_light_box_open {
		right: -20%;width: 60%;min-height: 585px;overflow-y: hidden;position: relative;overflow-x: hidden !important;display: inline-block;
		-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;transition: all 0.5s ease;	}
	.comp_light_box_close {
		right: -301%;min-height: 585px;overflow-y: hidden;position: absolute;overflow-x: hidden !important;display: inline-block;
		-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;transition: all 0.5s ease;	}
	.squad_res{overflow-x: hidden; overflow-y: hidden;   width: 75%;}
		@media all and (max-width: 768px) and (min-width: 700px) {		
				#log_entry{
				overflow-x:scroll !important;
				}
				#tablecontent{overflow-x: scroll !important;;}
				.referee_log  .fulltable {width:1200px  !important; overflow:scroll !important;table-layout: auto;}
				.referee_log{ overflow:scroll !important;table-layout: auto;}
				.referee_log .row_num{width:auto;text-align:center !important;}
				.referee_log .row_num_2{width:auto;text-align:center  !important;}
				.referee_log .row_num_3{width:auto;text-align:center  !important;}
				.referee_log .row_num_session{width:auto;text-align:center  !important;}
				.referee_log .row_num_judge{width:auto;text-align:center  !important;}
				.referee_log .atable td, .atable thead td {  /*  max-width: 109px; */   padding: 8px;    table-layout: fixed;    text-align: left; }
				.referee_log .atable td {    overflow: scroll;    text-overflow: visible;  white-space: normal !important;}
				.referee_comment{width:368px; display:inline-block;padding-left: 20px;margin-top: 12px;float:left}
				.referee_pcomment{width:368px; display:inline-block;margin-top:3px;margin-left:30px; float:left;}

				.atable td {  white-space: normal;  overflow: scroll;  text-overflow: visible;}
				.atable thead { color: #fff;background: #2d6fa9;transition: all 0.5s ease}
				.atable td,.atable thead td {  text-align: left; padding: 8px;table-layout: fixed;max-width: 200px;white-space: normal !important;}
				.atable tr:nth-child(even) {  background: #e3f4fd;}
				.atable {    overflow-x: hidden;    table-layout: auto !important;}
			.referee_log  .midtable {
				width:1200px  !important; overflow:scroll !important;table-layout: auto;
				overflow-x:scroll;position:relative;margin-left:155px;min-height:60px;display:block;transition: all 0.5s ease;
				padding-right: 2.2%;		
			}
			.midtable td {padding-bottom: 10px;	padding-left: 2px;padding-right: 2px;padding-top: 10px;	}
			.squad_res{overflow-x: hidden; overflow-y: hidden;   width: 95%;}
		}
		
		*{outline: 0 !important; outline: none !important;}
		
		/****** Squad Lightbox *****/
		.squad_viewbox_open {		left: 0%;display: inline-block;width: 100%;position: relative;/*	overflow: hidden !important;*/
		-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;transition: all 0.5s ease;}
	.squad_viewbox_close {left: -88%;display: inline-block;/*	overflow: hidden !important;*/-webkit-transition: all 0.5s ease;
		-moz-transition: all 0.5s ease;transition: all 0.5s ease;position: absolute;border-right: 1px solid #ccc;}
	.squad_editbox_open {/*right: -20%;*/width: 100%;min-height: 585px;position: relative;/*	overflow: hidden !important;*/
		display: inline-block;-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;transition: all 0.5s ease;}
	.squad_editbox_close {
		right: -301%;min-height: 585px;display:none;/*	overflow: hidden !important;*/-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;
		transition: all 0.5s ease;}
	#viewSqueadmatch,#overallDiv{overflow-x:hidden;}
	#view_squad ul li img{margin:5px 10px;}

	.transition_squad_img {-webkit-transform: scale(3.4);-moz-transform: scale(3.4);    -o-transform: scale(3.4);    transform: scale(3.4);}
.log-btn-squad_edit {display: inline-block;margin-left: 17px;padding: 1% 2%;letter-spacing: 2px;margin-bottom: 0;font-size: 16px;font-weight: 800;color: #fff;
line-height: 1.42857143;text-align: center;white-space: nowrap;vertical-align: top;cursor: pointer; background: #2d6fa9;font-family: 'helvetica_neueregular';border: 1px solid transparent;}

.fix_select_details{display: inline-block;vertical-align: middle;width: 50%;} 

/********* Style.css *******/

/* ============================================================
  GLOBAL
============================================================ */
.effects {
  padding-left: 2px;
  width:100%;
   float: left;
}
.effects .img {
  position: relative;
  float: left;
  margin-bottom: 5px; 
  overflow: hidden;
}
/*
.effects .img:nth-child(n) {
  margin-right: 5px;
}
.effects .img:first-child {
  margin-left: -15px;
}
.effects .img:last-child {
  margin-right: 0;
}*/
.effects .img img {
  display: block;
  margin: 0;
  padding: 0;
  max-width: 100%;
  height: auto;
}

.overlay {
  display: block;
  position: absolute;
  z-index: 20;
  background: rgba(0, 0, 0, 0.8);
  overflow: hidden;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}

a.close-overlay {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 100;
  width: 45px;
  height: 45px;
  font-size: 20px;
  font-weight: 700;
  color: #fff;
  line-height: 45px;
  text-align: center;
  background-color: #000;
  cursor: pointer;
}
a.close-overlay.hidden {
  display: none;
}

a.expand {
  display: block;
  position: absolute;
  z-index: 100;
 width: 115px;
 text-decoration:none;
  height: 60px; 
  text-align: center;
  color: #fff;
  line-height: 50px;
  font-weight: 400;
  font-size: 12px;
   /*border: solid 5px #fff;*/
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  -ms-border-radius: 30px;
  -o-border-radius: 30px;
  border-radius: 30px;
}
a.expand:hover {
  display: block;
  position: absolute;
  z-index: 100;
 width: 115px;
 text-decoration:none;
  height: 60px; 
  text-align: center;
  color: #8a394c;
  line-height: 50px;
  font-weight: 400;
  font-size: 12px;
   /*border: solid 5px #fff;*/
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  -ms-border-radius: 30px;
  -o-border-radius: 30px;
  border-radius: 30px;
}
.view_align{
	margin: 0px auto 0px auto !important;
	
}
/* ============================================================
  EFFECT 2 - SLIDE IN TOP
============================================================ */
#effect-2 .overlay {
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 0;
}
#effect-2 .overlay a.expand {
  left: 0;
  right: 0;
  top: 50%;
  margin: -30px auto 0 auto;
}

#effect-2 .img.hover .overlay {
  height: 100%;
}
/* ------------------------------------------------------------ *\
|* ------------------------------------------------------------ *|
|* Media Queries
|* ------------------------------------------------------------ *|
\* ------------------------------------------------------------ */
@media only screen and (max-width: 1100px) {
  .effects {
    padding-left: 5px;
  }
  .effects .img {
   /* width: 100%;*/
  }
  .effects .img_preview_log {
    width: 100%;
  }
  .effects .img:nth-child(n) {
    margin-right: 5px;
	 margin-left: 5px;
  }
   .effects .img:nth-child(even) {
    margin-left: 5px;
  }
  /*
  .effects .img:first-child {
    margin-left: 0;
  }
   .effects .img:last-child {
    margin-right: 0;
  }
  .effects .img:nth-child(2n-1) {
    margin-left: -5px;
  }*/
  .effects .img:nth-child(2n) {
    margin-right: 0;
  }
 
}
@media only screen and (max-width: 520px) {
  .effects .img {
    width: 100%;
  }
  .effects .img .preview_log {
    width: 100%;
	font-size:12px !important;
	height: 130px;
  }
  .effects .img:nth-child(n) {
    margin-right: 0;
  }
   .effects .img:nth-child(even) {
    margin-left: 5px;
  }
 /* .effects .img:first-child {
    margin-left: 0;
  }
  .effects .img:last-child {
    margin-right: 0;
  }*/
  .effects .img:nth-child(2n-1) {
    margin-left: 5;
  }
  .effects .img:nth-child(2n) {
    margin-right: 0;
  }
  
  .effects .img img {
    margin: 0 auto;
  }
}

/**** Big tooltop ****/

div.tooltip_b {
    position: absolute;
    width: 250px;
	height: 125px;
    line-height: 20px;
    padding: 10px;
    font-size: 13px;
	margin-top: -133px;
	z-index:999;
	margin-left: -5px;
    text-align: center;
    color: #fff;
    background: #000;
}

div.tooltip_b:after {
      content: "";
      position: absolute;
      width: 15px;
      height: 15px;
      border-width: 16px;	  
      border-style: solid;
      border-color: #000 transparent transparent transparent;
	  top: 117px;
		left: 109px;
      
}

/*** playing eleven tooltip ***/
.tooltip_playing{
    position: absolute;
    width: 250px;
	height: 40px;
    line-height: 20px;
    padding: 10px;
    font-size: 13px;
	margin-top: 0;
	z-index:999;
	margin-left: -5px;
    text-align: center;
    color: #fff;
    background: #000;
}

.tooltip_playing:after {
      content: "";
      position: absolute;
      width: 15px;
      height: 15px;
      border-width: 16px;	  
      border-style: solid;
      border-color: #000 transparent transparent transparent;	
	
      
}
.selected_list{
color: #449ee0;
}
/** Fixed Table ****/
#tablehead_fixed{
    position: fixed;
    top: 0px;
	margin-right: 2%;
    display: none;
	z-index:1100;
	transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-webkit-transition: all 0.5s ease;
}

/*** View Log***/
.view-dialog-referee{
	width:60%;
}
.team-edit {
border: 1px solid transparent;border-radius: 50%;background: url("imgs/team-edit.png") no-repeat center center #a349a4;width: 42px;
height: 42px;transition: all 0.5s ease;display: inline-block;
}
.team-edit:hover {
border: 1px solid transparent;border-radius: 50%;background: url("imgs/team-edit.png") no-repeat center center #950697;width: 42px;
height: 42px;transition: all 0.5s ease;display: inline-block;cursor:pointer;
}
.grid_refree_team {border: 1px solid #ccc;border-top: 2px solid #449ee0;margin: 8px 5px;height: auto;float: left;width:30%}
.grid_refree_team ul li span:last-child {
float: right;
color: #838383;
font-size: 10px;
}
.grid_refree_team ul.eleven_select_one , .eleven_select_two , ul{list-style-type:none;line-height: 28px;padding-left: 0;}
.view_log_table { height:auto !important;  height:auto; }
.view_log_table tbody tr td:nth-child(1){
	text-align:right;
}
.view_log_table { height:auto !important;  height:auto; }
.view_log_table tbody tr td:nth-child(1){
	text-align:right;
}
.view_log_table tr:nth-child(odd){
		background-color:#fff;
		border:1px solid #fff;
		border-width:1px 1px 1px 1px;
		padding:12px;
		width: 4%;
		transition: all 0.5s ease;
		}
.view_log_table tr:nth-child(even)    
		{ 
			background-color:#e3f4fd; }.view_log_table td{
			vertical-align:middle;	
			border-width:1px 1px 1px 1px;									
			color:#666666;
			padding:12px;
			width: 4%;
			transition: all 0.5s ease;
		}
.view_comments{
	padding:10px;border:1px solid #ccc; background:#e3f4fd;height:200px;overflow-y:scroll;
}
.squad_counter{
	  font-family: 'helvetica_neueregular';
	  font-weight:bold;
	  float:right;
	  font-size:24px;
	  display:inline-block;
	  color:#E2210E;
}
	.counter_gray{
		border: 1px solid transparent;
		border-radius: 50%;
		background:#7F7F7F;
		font-size: 28px;
		font-family: 'helvetica_neueregular';
		color: #fff;
		font-weight: bold;
		width:50px;
		height:50px;
		transition: all 0.5s ease;	
		display:inline-block;
	}
	.counter_gray:hover{
		border: 1px solid transparent;
		border-radius: 50%;
		background:#7F7F7F;
		font-weight: bold;
		width:50px;
		height:50px;	
		transition: all 0.5s ease;	
		display:inline-block;
	}
	.counter_green{
		border: 1px solid transparent;
		border-radius: 50%;
		background:#00C337;
		font-size: 28px;
		font-family: 'helvetica_neueregular';
		color: #fff;
		font-weight: bold;
		width:50px;
		height:50px;
		transition: all 0.5s ease;	
		display:inline-block;
	}
	.counter_green:hover{
		border: 1px solid transparent;
		border-radius: 50%;
		background:#00C337;
		font-weight: bold;
		width:50px;
		height:50px;	
		transition: all 0.5s ease;	
		display:inline-block;
	}
	
	#counter{vertical-align: middle;text-align:center;}
	.search_func{
		text-align:right;float: right;  vertical-align: middle;display:inline-block !important;
	}
	.right_icons{
		text-align:right;float: right; display: inline-block; vertical-align: middle !important;
	}
	.top_left_cont{
		display: inline-block; vertical-align: middle;
	}
	.left_title{
		margin: 0; display: inline-block; vertical-align: middle;
	}
	
	/* select box width ***/
	.full-select-match select {
   background: transparent;
   width: 100%;  
   font-size: 12px;
    padding-left:5px;
   line-height: 1;
   border: 0;   
   border-radius: 0;
   height: 34px;
  
    display:inline-block;
   }
   .full-select-match {  
	width: 90%;
	height: 34px;
	font-size: 14px;
	position:relative;
	line-height: 1.42857143;
   background: url('imgs/arrow.png') no-repeat center right 4px ;
   border: 1px solid #ccc;
   display:inline-block;
   }
   
  .light-box-match {
		overflow-y: auto;
		overflow-x: hidden;
		height: 485px;
		margin-top: 66px;
		vertical-align: middle;
		}
.freze-match{
	border-bottom: 1px solid #ccc;
	display: block;
/*	overflow: hidden;*/
	position: fixed;
	width: 100%;
	padding-bottom: 0px;
}

.time-icon {
background: url("imgs/clock.png") no-repeat center center;
float: right;
margin: -34px 25px 10px 10px;
width: 35px;
height: 35px;
display: inline-block;	}
	.tooltop{
		z-index:999999;
	}
	
	/** Ribbon **/
.ribbon-wrapper-green {
  width: 85px;
  height: 88px;
  overflow: hidden;
  position: absolute;
  top: -10px;
  right: -10px;
  text-transform:uppercase;
  
}

.ribbon-green {
font-size: 10px;
text-align: center;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
position: relative;
padding: 4px 0 2px;
left: -5px;
top: 13px;
width: 132px;
background-color: #016AB5;
color: #fff;
line-height: 18px;
letter-spacing: 1px;
font-weight: bold;
}

.ribbon-green:before, .ribbon-green:after {
  content: "";
  border-top:   3px solid #6e8900;   
  border-left:  3px solid transparent;
  border-right: 3px solid transparent;
  position:absolute;
  bottom: -3px;
}

.ribbon-green:before {
  left: 0;
}
.ribbon-green:after {
  right: 0;
}​



/*** Player Drag ****/
.playerdrag{
	border:1px solid #ccc;
	padding:5px;
}
.cal_text{
	font-size:18px;
	color:#016AB5;	
}

/**** Player Selection Tooltop ***/
div.tooltips {
  position: relative;
  display: inline;
   float:right;
     font-size:20px;
}
div.tooltips span {
  position: absolute;
  width:140px;
  color: #FFFFFF;
  background: #000000;
  height: 30px;
  line-height: 30px;
 font-size:11px;
  text-align: center;
  visibility: visible;
  opacity: 0.8;
  bottom: 30px;
  left: 50%;
  margin-left: -70px;
  z-index: 999;
  text-decoration:none;
 
}
div.tooltips span:after {
  content: '';
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -8px;
  width: 0; height: 0;
  border-top: 8px solid #000000;
  border-right: 8px solid transparent;
  border-left: 8px solid transparent;
}
div:hover.tooltips span {
 /* visibility: visible;
  opacity: 0.8;
  bottom: 30px;
  left: 50%;
  margin-left: -76px;
  z-index: 999;*/
}
/*** Email Icon ***/
.email_icon {
	border: 1px solid transparent;
	border-radius: 50%;
	background: url("imgs/email_icon.png") no-repeat center center #1d61f0;
	width: 42px;
	height: 42px;
	transition: all 0.5s ease;
	display: inline-block;
	vertical-align: middle;
	margin-right: 5px;
}
.email_icon:hover{
	border: 1px solid transparent;
	border-radius: 50%;
	background: url("imgs/email_icon.png") no-repeat center center #0543C5;
	width: 42px;
	height: 42px;
	transition: all 0.5s ease;
	display: inline-block;
	cursor:pointer;
}

/**** Search input tooltop ****/

.tooltip_search {
    position: absolute;
    width: 250px;
	height: 125px;
    line-height: 20px;
    padding: 10px;
    font-size: 13px;
	margin-top: -133px;
	z-index:999;
	margin-left: -5px;
    text-align: center;
    color: #fff;
    background: #000;
}

.tooltip_search:after {
      content: "";
      position: absolute;
      width: 15px;
      height: 15px;
      border-width: 16px;	  
      border-style: solid;
      border-color: #000 transparent transparent transparent;
	  top: 117px;
		left: 109px;
      
}
.search_field_slide{
	position: relative; width: 200px; float:right;
z-index: 99999;

}
.search_triangle{
	width: 0;
	position:absolute;
	height: 0;
	border-style: solid;
	border-width: 0 5px 7px 5px;
	border-color: transparent transparent #969696 transparent;
	line-height: 0px;
	_border-color: #000000 #000000 #969696 #000000;
	_filter: progid:DXImageTransform.Microsoft.Chroma(color='#000000');
	margin-left: -1.7%;
margin-top: 2.5%;
	}
.blur_load{
	position: fixed;left: 0;  right: 0;  z-index: -1;  display: block;  width: 100%;  height: 100%;  
  -webkit-filter: blur(2px);
  -moz-filter: blur(2px);
  -o-filter: blur(2px);
  -ms-filter: blur(2px);
  filter: blur(2px);
}
.search_line { width: 100%; height: 8px; background: url('imgs/line.png') no-repeat 172px 0; position: relative; bottom: -1px; z-index: 9999999; display: block; }
	
.fixt_view{
	position: relative !important;
display: inline-block !important;
float: left; 
}
.fixture_div{
	margin-left: auto;
margin-right: auto;
width: 65%;
height: 100%;
}

/*** Popup lightbox ****/

.light-box-reports-table {
overflow-y: scroll;
overflow-x: hidden;
height: 515px;
padding-right: 2px;
}
.modal-open .modal {
overflow-x: hidden;
overflow-y: hidden !important;
}
.log-btn-reports {
display: inline-block;
margin-left: 17px;
padding: 1% 10%;
letter-spacing: 4px;
margin-bottom: 0;
font-size: 16px;
font-weight: 800;
color: #fff;
line-height: 1.42857143;
text-align: center;
white-space: nowrap;
vertical-align: middle;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
background: #00C337;
font-family: 'helvetica_neueregular';
border: 1px solid transparent;
}
.log-btn-reports_cancel {
display: inline-block;
margin-left: 17px;
padding: 1% 10%;
letter-spacing: 4px;
margin-bottom: 0;
font-size: 16px;
font-weight: 800;
color: #fff;
line-height: 1.42857143;
text-align: center;
white-space: nowrap;
vertical-align: middle;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
background: #ff3b30;
font-family: 'helvetica_neueregular';
border: 1px solid transparent;
}
/********* Reports *******/
.reports_title{
	display: inline-block;
	vertical-align: middle;
	margin-top: 0;
	font-family: "helvetica_neueregular";
	margin-right:20px;	
	/*letter-spacing: 2px;*/
}
.pitch_form_text {
	font-size:16px; line-height: 24px; color: #1a1a1a;
	font-family: "helvetica_neueregular";
	font-weight:bold;
	letter-spacing:1px;
}
.reports_div{
	padding: 25px 0; display: block;
	border-bottom:1px solid #ccc;
	margin: 0;
}
.reports_div:hover .pitch_form_text{
		color:#8a394c;
	}	

 /*** Check box reports ***/
   input[type=checkbox].css-checkbox-reports {}

						input[type=checkbox].css-checkbox-reports + label.css-label, input[type=checkbox].css-checkbox-reports + label.css-label.clr {
							padding-left:20px;
							height:15px; 
							display: inline-block;
							line-height:15px;
							background-repeat:no-repeat;
							background-position: 0 0;
							font-size:11px;
							vertical-align:middle;
							cursor:pointer;
							margin-top: 0px;
							position: relative;
						}

	 input[type=checkbox].css-checkbox-reports:checked + label.css-label, input[type=checkbox].css-checkbox-reports+ label.css-label.chk {
							background-position: 0 -15px;
							display: inline-block;
						}
	 label.css-label {
				background-image:url('imgs/checkbox.png');
				-webkit-touch-callout: none;
				-webkit-user-select: none;
				-khtml-user-select: none;
				-moz-user-select: none;
				-ms-user-select: none;
				user-select: none;
			}
ul.reports_day{
	padding-left:10px;
}

ul.reports_day li{
	list-style-type:none;
	display:inline-block;
	padding: 0px 10px;
}
ul.reports_day li p{ /*font-weight:bold;*/}
ul.reports_day_sec {
	padding-left:10px;
	
}
ul.reports_day_sec li{
	list-style-type:none;
	display:inline-block;
	padding: 0px 10px;
	margin-right: 17px;
}
ul.reports_day_text li{
	list-style-type:none;
	padding: 0px 10px;
	line-height:32px;
}
.ump_self_span{
	font-size:12px;
}
.reports_content_mar{
	margin-top: 10px;
margin-left: 20px;
}
.rep_inline_radio{
	display:inline-block;
	margin-right: 35px;
}
.ump_self_guide{
	background:#ccc;
	padding:10px;	
}
ul.selfreport li{
	list-style-type:none;
	padding: 10px 10px;
	font-size: 15px;
	display:inline-block;	
}
ul.selfreport li:hover
{
	color: #8a394c;
	transition: all 0.3s;
	cursor:pointer;
}
.ump_self_para{
	font-size:15px;
	margin-left: 3px;
}
ul.ump_self{
	padding-left:0px;
}

ul.ump_self li{
	list-style-type:none;
	display:inline-block;
	padding: 0px 10px;
}
.ump_self_box{
	border: 1px solid #ccc; padding:10px;margin: 10px 20px;
}
.reports_ump_names{
	display: inline-block;
width: 70%;
}
table.rep_on_ump_tbl  tr td{
vertical-align: middle !important;
}
table.rep_on_ump_tbl  tr td:first-child{
	width: 33%;
}
table.rep_on_ump_tbl thead{
	background:#636363; color:#fff;
}
ul.ul_abcd{
	padding-left: 12px;
	margin-bottom: 0;
}
ul.ul_abcd li{
	/*display:inline-block;
	list-style-type:none;	
	font-weight:bold;
	text-transform:uppercase;
	padding-right: 29px;*/
	display: inline-block;
	list-style-type: none;
	font-weight: bold;
	text-align: center;
	text-transform: uppercase;
	padding-right: 30px;
	padding-left: 3px;
}
.date_input{
	display:inline-block;
	width: 25%;
	margin-right:20px;
	margin-left:20px;
	background: transparent;
}
.claim_add{
	border: 1px solid transparent;
	border-radius: 50%;
	background: url("imgs/plus.png") no-repeat center center #8a394c;
	width: 30px;
	height: 30px;
	transition: all 0.5s ease;
	display: inline-block;
		vertical-align: middle;
}
.claim_add:hover{
	border: 1px solid transparent;
	border-radius: 50%;
	cursor: pointer;
	background: url("imgs/plus.png") no-repeat center center #E2210E;
	width: 30px;
	height: 30px;
	transition: all 0.5s ease;
	display: inline-block;
	vertical-align: middle;
}

/******Claim form*****/
.claim_form_row1{
	
}
.ump_self input{
	width:45%;
}
.claim_form_row1 label{
	font-size:14px !important;
	margin-right:20px;
}
.calender_icon{
	 background: url("imgs/dob.png") no-repeat scroll center center rgba(0, 0, 0, 0);
    display: inline-block;
    height: 22px;
    left: -48px;
    position: relative;
    top: 6px;
    width: 22px;
	z-index:-99;
	cursor:pointer;
}

/**** Reports with radio button ****/
div.radio_ump_self span{
	padding: 0px 13px;
}
ul.radio_ul{
	list-style-type:none;	
	padding-left: 2px;
}
ul.radio_ul li{
	display:inline-block;
	padding:1px 10px;
}

ul.radio_ul label{
	display:block;
	text-align:center;
	margin-top:2px;
}
.report_cc_history{
	display: inline-block; vertical-align: middle;margin-right:10px;
	float:right;
}
.claim_tournament{
	display:inline-block; vertical-align: middle; margin:0;
}
/****** Reports menu ****/
.report_menu_cn{
	min-height:350px;height:100%; overflow-y:display;
}

/*** Squade selecttion***/
.div_nav{background: #727272;/*width: 98.4%;*/ width: 100%;  padding: 4px 1px;}
.div_nav_squad{background: #727272;width: 97.4%;margin: 0% 0.4% 0% 1.4%;padding:5px;}

/*** Live Scorecard ****/
.livescore_card {
background: url("imgs/score_white.png") no-repeat center center;
width: 42px;
height: 42px;
transition: all 0.5s ease;
display: inline-block;
}
.refree_view {
background: url("imgs/refree_view.png") no-repeat center center;
width: 42px;
height: 42px;
transition: all 0.5s ease;
display: inline-block;
}

/*** Compitation Fixture ***/
.date_input_fix {
display: inline-block;
width: 36%;
/* margin-right: 20px; */
/* margin-left: 20px; */
padding:6px;
background: transparent;
}
ul.team_ul{
	list-style-type:none; 
	display:inline-block;
}
ul.team_ul li{ float:left; margin-left:4px; margin-right:10px}
.comp_sucess{
	margin-top:5px;
	font-size: 18px;
	color: #019413;
	text-align: center;
	/*font-weight: bold;*/
	display:none;
}
.comp_error{
	margin-top:5px;
	font-size: 18px;
	color: #8a394c;
	text-align: center;
	/*font-weight: bold;*/
	display:none;
}
/*** View Competition ***/
/*** Light box Table ****/
.viewtable_comp { height:500px; height:auto !important;  height:auto;overflow-y:scroll }
.viewtable_comp tbody tr td:nth-child(1){
	text-align:right;
}
.viewtable_comp tr:nth-child(odd){
		background-color:#fff;
		border:1px solid #fff;
		border-width:1px 1px 1px 1px;
		padding:12px;
		width: 8%;
		transition: all 0.5s ease;
		}
.viewtable_comp tr:nth-child(even)    
		{ 
			background-color:#e3f4fd; }.viewtable_comp td{
			vertical-align:middle;	
			border-width:1px 1px 1px 1px;									
			color:#666666;
			padding:12px;
			width: 8%;
			transition: all 0.5s ease;
		}
.view_comments_comp {
	padding: 10px;
	border: 1px solid #ccc;
	background: #e3f4fd;
	height: 322px;
	overflow-y: scroll;
}

/*** Grid view Registration**/
.date_input_reg {
display: inline-block;
width: 20%;
/* margin-right: 20px; */
/* margin-left: 20px; width: 75%*/
/* background: transparent; */
}
.date_input_reg1 {
    display: inline-block;
    width: 40%;
}
.add_search{
	float: right; display: inline-block; vertical-align: middle;
}
.slicknav_menu{display:none}
.page_title{width:97.5%; margin-bottom: 15px;}
/*******Playing 11 Selectio ****/
.playing11{width:475px;margin-top:11%}
.playing11_text{text-align:center;line-height:25px ;font-size: 15px;}
.okb{padding: 7px 28px;}

/*** Squad Matches ***/

.selection_drop {
height: 34px;
font-size: inherit;
position: relative;
line-height: 1.42857143;
/* background: url('imgs/arrow.png') no-repeat center right 4px; */
border: 1px solid #ccc;
display: inline-block;
}
.selection_drop select{
/*background: #088cec;*/
background: transparent;
width: 100%;
font-size: inherit;
padding-left: 5px;
line-height: 1;
border: 0;
border-radius: 0;
height: 34px;
display: inline-block;
}
.squad_team_tourn{
	width: 30%; display: inline-block; vertical-align: middle;margin-left:15px;
}
.h3_squad{display: inline-block; margin: 0px; vertical-align: middle;}
.counter_light{display:inline-block;text-align:center;margin-left: 26%;}

/*** Squad Slide ***/
.squade_one_open{left: 0;
    overflow-x: hidden !important;
    overflow-y: hidden;
	position: relative;
    width: 100%;display:inline-block;
	transition:all 0.5s ease;}
.squade_one_close {
left: -100%;
overflow-x: hidden !important;
overflow-y: hidden;
width: 100%;display:inline-block;
position: relative;	transition:all 0.5s ease;
}
.squade_two_open{right: 0;
    overflow-x: hidden !important;
    overflow-y: hidden;display:inline-block;
	position: absolute;	transition:all 0.5s ease;
    width: 100%;}
.squade_two_close {
left: -100%;
overflow-x: hidden !important;
overflow-y: hidden;display:inline-block;
width: 100%;	transition:all 0.5s ease;
position: absolute;
}

.squad_arrow {
background: url('imgs/back_arrow.png') no-repeat center center;
height: 38px;
width: 32px;
position: relative;
cursor: pointer;
left: 2%;
display: inline-block;
}
.squad_selection {
border: 1px solid transparent;
border-radius: 50%;
background: url("imgs/plus.png") no-repeat center center #8a394c;
width: 50px;
height: 50px;
transition: all 0.5s ease;
display: inline-block;
cursor:pointer;
}
.ump_pdf_view{
	border:1px solid #ccc;
	/*border-top:2px solid #449ee0;*/
	padding:10px;
	float:left;
	margin:5px 15px;
}
.ump_pdf_view_ul{
	list-style-type:none;
	padding-left:0px;
}
.ump_pdf_view_ul_li{ float:left; margin:10px;background:#EEF0F3;padding:10px;	}
.ump_pdf_view_ul_li p{ font-weight:bold; margin:0;  color: #3a3a3a; font-size: 15px; line-height:16px;}
.ump_pdf_view_ul_li p span{color: #555;  font-size: 12px;}
.zon_tit{color: #449ee0;}
.pdf_div{color: #268fdb;cursor: pointer;margin-left: 20px;}
.pdf_view_ic{float:right;vertical-align:top}

/**** Add Log changes ***/
.ref_center_txt{text-align:center;
/*width:95px !important;*/
}
.fulltable tbody.reftable tr td {
   /* padding: 5px 4px !important;*/
}
.log_comments{margin-top: 10px;}
.add-event-duplicate-top {
border: 1px solid transparent;
border-radius: 50%;
background: url("imgs/plus.png") no-repeat center center #8a394c;
width: 42px;
height: 42px;
transition: all 0.5s ease;
display: inline-block;
}
.add-event-duplicate-top:hover {
border: 1px solid transparent;
border-radius: 50%;
cursor: pointer;
background: url("imgs/plus.png") no-repeat center center #E2210E;
width: 42px;
height: 42px;
transition: all 0.5s ease;
display: inline-block;
}
.referee_team_title{font-size:20px;color:#2b2b2b;margin-top: 10px;text-align:center; font-family: 'helvetica_neueregular';font-weight:700;letter-spacing:2px;}
/***** Reg Bar ***/
.cut_of_date_reg{display:inline-block;padding: 5px; vertical-align: middle;}
@-moz-document url-prefix() {
   #group_one{
	margin-top:-34px;}
}
@-moz-document url-prefix() {
  optgroup{color:#fff;}
  #navFixed {
    display: none;
    position: fixed;
    top: 0;
    transition: all 0.5s ease 0s;   
    z-index: 999;
	}
	.navfwidth{width:99%;}
	.navmwidth{width:88%;margin-right:2.2%}
.fix_action{text-align:center !important;}
.fix_sur{text-align:center !important;}
.log_comments{margin-top: 5px;}
.referee_comment{width:368px; display:inline-block;padding-left: 20px;margin-top: 10px;float:left}
}
.navfwidth{width:98%;}
 .navmwidth{width:88%;margin-right: 2.2%;}
optgroup{color:#666;}
.fix_action{text-align:left}
.fix_sur{text-align:center;}

/*** Freeze table Head ***/

#navFixed {	
    position: fixed;
    top: 0px;
    display: none;
	z-index:999;	
	transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-webkit-transition: all 0.5s ease;
}
.lazy{width:20px;}
.atable {  table-layout: fixed !important; white-space: wrap; overflow: visible; /* width: 90%; margin-left:155px; padding-right: 2.2%; */}
/* Column widths are based on these cells */
.row-ID {  width: 10%;}
.row-sno {  width: 5%;text-align:center !important;}
.row-pid {  width: 8%;text-align:center !important;}
.row-by{ width: 10%; text-align:center !important;}
/*.row-status {  /*width: 10%;  width: 5%;text-align: center !important;}
.row-fname {  width: 12%;}
.row-fathername {  width: 12%;}
.row-surname {  width: 10%;}*/
.row-cb {  width: 10%;}.row-name{width: 15%;}
.row-fname {  width: 18%;}
.row-fathername {  width: 17%;}
.row-surname {  width: 15%;}
.row-co{  width: 10%;}
.row-action{  width: 10%; text-align:center}
.row-f4{  width: 10%;text-align:center !important;}
.row-f3 {  width: 20%;}
.row-c3 {  width: 20%;}
/**** For Team Table freeze ***/
.row-18 {  width: 16%;}
.row-group {  width: 15%;}
.row-seas {  width: -1%;}
.row-cot{  width: 15%;}
.row-cb-team {  width: 20%;}
.row-co-team{  width: 14%;}
/*** For Compitation table Freeze ***/ 
.row-comp1 {  width: 17%;}
.row-comp2 {  width: 10%;}
/**** Squad Table ****/
.row-date{  width: 10%;text-align:center}
.row-squad{  width: 16%;}
.row_chk{width:6%}

/**** Registration all players *****/
.col_pid{width: 10% !important;text-align:center !important}
.col_ass{width: 8% !important;}
.colfname{width:15% !important;}
.coldname{width:15% !important;}
.coldob{width:10% !important;}
.colphoto{width:15% !important;}
.colrep{width:10%; text-align:center !important}
.allplayer_rep .fulltable .colrep{width:8%;text-align:center !important }
.colaction{width:10% !important;text-align:center !important}
/*** Referee Log ****/
.referee_log .row_num{width:5%;text-align:center !important;}
.referee_log .row_num_2{width:2%;text-align:center  !important;}
.referee_log .row_num_3{width:4%;text-align:center  !important;}
.referee_log .row_num_session{width:6%;text-align:center  !important;}
.referee_log .row_num_judge{width:7%;text-align:center  !important;}
.referee_log .atable td, .atable thead td {  /*  max-width: 109px; */   padding: 8px;    table-layout: fixed;    text-align: left; }
.referee_log .atable td {    overflow: hidden;    text-overflow: ellipsis;  white-space: normal !important;}
.referee_comment{width:368px; display:inline-block;padding-left: 20px;margin-top: 12px;float:left}
.referee_pcomment{width:368px; display:inline-block;margin-top:3px;margin-left:30px; float:left;}

.atable td {  white-space: nowrap;  overflow: hidden;  text-overflow: ellipsis;}
.atable thead { color: #fff;background: #2d6fa9;transition: all 0.5s ease}
.atable td,.atable thead td {  text-align: left; padding: 8px;table-layout: fixed;max-width: 190px;white-space: nowrap !important;}
.atable tr:nth-child(even) {  background: #e3f4fd;}

/**** Masters Table ***/
.tdw   tr td{ width:1% !important; }
.legent_align{text-align:center !important;}


/*** Edit icon for fixtures ***/
.fix-edit{
		border: 1px solid #ccc;
		border-radius: 50%;
		background:url("imgs/fixedit_icon.png") no-repeat center center ;
		width:33px;
		margin:0px 2px;
		height:33px;		
		transition: all 0.5s ease;
		display:inline-block;
		cursor:pointer;
	}
/**** Proficiency Icon ****/
.referee_bat{
	background: url('imgs/bat-ball.png') no-repeat -1px -58px;
	width: 22px;
	height: 28px;
}
.referee_bowl{
	background: url('imgs/bat-ball.png') no-repeat -4px -5px;
	width: 16px;
	height: 16px;
}
.referee_wicket{
	background: url('imgs/bat-ball.png') no-repeat -6px -93px;
	width: 12px;
	height: 29px;
}
.referee_allrounder{
	background: url('imgs/bat-ball.png') no-repeat -1px -26px;
	width: 22px;
	height: 28px;
}
.fixture_success_msg{
	margin-left:28%
}
.image_squad1{
	  background-position: 10px 12px;
    border: 1px solid #dedede;
    display: block;
    margin: 0 auto;
    padding: 20px;
    text-align: center;
}
.team_ul {
list-style-type: none;
display: inline-block;
}
/*** Reports Dashboard ****/
.reports_icons {
background: url('imgs/reports_icon_1.png') no-repeat center center;
width: 180px;
height: 180px;
display: inline-block;
transition: all 0.5s in-ease;
cursor: pointer;
}
.reports_icons:hover {
background: url('imgs/reports_icon_1_h.png') no-repeat center center;
width: 180px;
height: 180px;
display: inline-block;
transition: all 0.5s in-ease;
cursor: pointer;
}
.scorecard_ump {
background: url('imgs/scorecard_ump.png') no-repeat center center;
width: 180px;
height: 180px;
display: inline-block;
transition: all 0.5s in-ease;
cursor: pointer;
}
.scorecard_ump:hover {
background: url('imgs/scorecard_hover_ump.png') no-repeat center center;
width: 180px;
height: 180px;
display: inline-block;
transition: all 0.5s in-ease;
cursor: pointer;
}
.claim_form_ump {
background: url('imgs/claim_form_ump.png') no-repeat center center;
width: 180px;
height: 180px;
display: inline-block;
transition: all 0.5s in-ease;
cursor: pointer;
}
.claim_form_ump:hover {
background: url('imgs/claim_form_ump_h.png') no-repeat center center;
width: 180px;
height: 180px;
display: inline-block;
transition: all 0.5s in-ease;
cursor: pointer;
}
.dash_icon{display:inline-block;margin: 10px 25px;}
.reports_imp_referee {text-decoration: none;text-transform: uppercase;font-weight: bold;font-size: 16px;display:none}

/***** Light Box Selection ***/
.light-box-team {
overflow-y: scroll;
overflow-x: hidden;
height: 500px;
vertical-align: middle;
}
/**** Reports Iframe ***/
.reports_iframe{
	width: 100%;min-height: 578px;
height:100%;
max-height:100%;
display: block;
border: none;
}
#iframe .page_title{display: block;text-align: center;margin-bottom: 10px;}
#loader_div{display: inline-block;
margin: 0 23%;}

.transition_img {
    -webkit-transform: scale(5.6); 
    -moz-transform: scale(5.6);
    -o-transform: scale(5.6);
    transform: scale(5.6);
}
.circle-view-squad {
border: 1px solid #ccc;
border-radius: 50%;
background: url("imgs/view.png") no-repeat center center;
width: 33px;
height: 33px;
transition: all 0.5s ease;
margin: 0px 2px;
cursor:pointer;
display: inline-block;
}
.circle-view-squad:hover {
border: 1px solid #fff;
border-radius: 50%;
background: url("imgs/view_h.png") no-repeat center center;
width: 33px;
height: 33px;
transition: all 0.5s ease;
margin: 0px 2px;
cursor:pointer;
display: inline-block;
}
/*** Scorecar Iframe ******/

iframe.scorecard_iframe {	margin-top: 5%;position: relative;display: block;}

iframe.scorecard_iframe html body form div.twocols{padding: 0% !important;}
.twocols{padding: 0% !important;}

/******** Styles ***********/
.team_title{
	font-size:20px;
	color:#2b2b2b;
	margin-top: 10px;
	font-family: 'helvetica_neueregular';
	font-weight:700;
	text-align: center;
}
.log-btn-green{
	display: inline-block;
	padding: 10px 40px;
	letter-spacing: 4px;
	margin-bottom: 0;
	font-size: 16px;
	font-weight: 800;
	color:#fff;
	line-height: 1.42857143;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	background: #0C0;
	font-family:'helvetica_neueregular';
	border: 1px solid transparent;
}
.log-btn-green:focus{
	outline:0;
}
.log-btn-green:hover{
	background:#090;
}
.login_error p{
	color:#ec971f;
	font-size:18px !important;
	font-weight:800;
}
.login_error {
	margin-top:-25px;
}
.invalid2{		
	background:url("imgs/invalid.png") no-repeat center center;		
	float:right;
	margin:5px 7px;
	width:20px;
	height:20px;
	transition: all 0.5s ease;	
	display:inline-block;		
	cursor:pointer;
	margin:-25px -77px 0px 5px
}

#display_name{
	margin:-25px -6px 0px 5px; 
}
#certf{	

display: block;
width: 90%;
height: 34px;
padding: 6px 12px;
font-size: 14px;
line-height: 1.42857143;
color: #555;
background-color: #fff;
background-image: none;
/*border: 1px solid #ccc;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);*/
-webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
-o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
	}
/*** Calender ****/
.datepicker .datepicker-dropdown .dropdown-menu .datepicker-orient-left .datepicker-orient-bottom{
	 width: 300px;
	 background:#fff !important;
	 border-radius:none !important;
}
.datepicker-days{
	 width: 300px;
	 
}
	 table.table-condensed{
		 width: 300px !important;
		 height:200px !important;
		 border-collapse: collapse;
		content: "";
		display: table;		
		position: relative;
		background-color: #fff;
		border-bottom-right-radius: 4px;
		border-bottom-left-radius: 4px;
		border-top-right-radius: 4px;
	  
	 }	
	table.table-condensed tbody td span.month{
	display: inline-block;
    float: left;
    padding: 2px;
}
	 table.table-condensed tr td {
	background: #eee;
    border: 1px solid #aaaaaa;
    color: #222222;
	margin:2px;
	width: 30x !important;
    font-weight: bold;
	padding:2px;
	 }
	  table.table-condensed tr td:hover {
	background: #979797;
	cursor:pointer;
    border: 1px solid #aaaaaa;
    color: #fff;
	margin:2px;
	width: 30x !important;
    font-weight: bold;
	padding:2px;
	 }
	
	 table.table-condensed > thead > tr > th, .table-condensed > tbody > tr > th, .table-condensed > tfoot > tr > th, .table-condensed > thead > tr > td, .table-condensed > tbody > tr > td, table.table-condensed > tfoot > tr > td {
    padding: 5px;
	width:30px;	
	text-align:center;
}
table.table-condensed tbody td span.month{
	display: inline-block;
    float: left;
    padding: 2px;
}
table.table-condensed tbody td span.year{
	display: inline-block;
    float: left;
    padding: 2px;
}
/*
th.dow{
	width:35px !important;
}
td.day{
	width:35px !important;
}*/
#tablehead_nor td{
		 width:1%;
		/* padding:2px 18px;*/
	}
	.midtable td {
   /* padding: 10px 22px;*/
    transition: opacity 0.3s ease-in 0s;
}
select.not_chosen {
    color: #000 !important;
}
.time_col {
    color: #828688;
    font-size: 30px;
    left: 74px !important;
}
.default_empty {
    background: url("imgs/easy.png") no-repeat scroll center center rgba(0, 0, 0, 0);
    border: 1px solid transparent;
    display: inline-block;
    height: 2px;
    margin-top: 5px;
    position: absolute;
    transition: all 0.5s ease 0s;
    width: 230px;
}
.toss_tooltop{	 left: -63%;    top: 5%;	}

.preview_log{	min-width:96% !important;}
.plog_width{min-width:96% !important;}
.preview_history {	min-width:96%;}
.logs_div_first{margin-left: 25px;display: inline-block;position: absolute;	}
.cal_fields label{	margin-top: 8px;}
.eleven_select_one li{	cursor:pointer;}
.eleven_select_two li{	cursor:pointer;}
.modal-title{	color:#2d6fa9;	text-transform:uppercase;}
.modal-title-chPswd{	color:#8a394c;	text-transform:uppercase;}
.modal-title-players{	color:#8a394c;	}
.prev_squad_view{padding: 10px;width: 31%;}
.error_msg{    color:#8a394c;}
.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {	border-bottom: 1px solid #ccc;}
.tbl_adj{	margin-left:0px;}
.search_txt_field{	display:block;	position:relative;	z-index: 999; 	width:100%;	margin-right:10px;}
#player_search{		display: block;	margin: 0;	right: 0;	width: 200px;	z-index: 999;}
.search_line_reg {
    background: url("imgs/line.png") no-repeat scroll 67px 2px rgba(0, 0, 0, 0);
    bottom: -1px;    display: block;    height: 10px;    position: relative;    width: 100%;    z-index: 9999999;}
.search_line_reg_alvin {
    background: url("imgs/line.png") no-repeat scroll 0px 2px rgba(0, 0, 0, 0);
    bottom: -1px;    display: block;    height: 10px;    position: relative;    width: 100%;    z-index: 9999999;}
.search_div{float: right;display: inline-block;vertical-align: middle;/*right: 18px;*/position: relative;}

/*** Reg Form ***/

#group_three input{}
#showPhotoElement1, #showPhotoElement2, #showPhotoElement3, #showPhotoElement4, #showPhotoElement5, #showPhotoElement6, #showPhotoElement7, #showPhotoElement8{
		width:75% !important;	height:34px;display:inline-block;	}
#showPhotoElement1 input, #showPhotoElement2 input, #showPhotoElement3 input, #showPhotoElement4 input, #showPhotoElement5 input, #showPhotoElement6 input, #showPhotoElement7 input, #showPhotoElement8 input{	width:100% !important;	height:34px;display:inline-block;		}
.comp_select_align{	margin-right: 0px !important;margin-left: 0px !important;}
.sec_txt{	 color: #8f8f8f;    font-size: 12px;   }
.form-horizontal .form-group {margin-right: 0px !important;margin-left: 0px !important;}
.tdb-height{	 min-height: 500px;}
.invalid_cmp {
    background: url("imgs/invalid.png") no-repeat scroll center center rgba(0, 0, 0, 0);
    cursor: pointer;
    display: inline-block;
    float: right;
    height: 20px;
   /* margin: 5px 7px;*/
    transition: all 0.5s ease 0s;
    width: 20px;
}
/****Nav Bar ****/

.menu-select.not_chosen {color: #fff !important;}
.grid_temp_width{	width:100%;}
/*.grid-refree ul li span:first-child {text-overflow: ellipsis !important;width: 150px;display: inline-block;white-space: nowrap !important;overflow: hidden;}
/*** Back Work data ****/

#list_squad table.popslide_tbl tbody tr td:hover{  	color:#fff !important; } 

.tdb-height{   	 min-height: 500px;  } 
/*.grid-refree ul li span:first-child {text-overflow: ellipsis !important;width: 150px;display: inline-block;white-space: nowrap !important;overflow: hidden;} */
.name_tooltip{text-overflow: ellipsis !important;width: 150px;display: inline-block;white-space: nowrap !important;overflow: hidden;vertical-align:middle}
.players_all .ftitle {
display: inline-block;
 margin-left: 0px !important;
z-index: 999;
width: 100% !important;
transition: all 0.5s ease;
margin-bottom: 10px;
margin-top: 10px;}
#load .CSSTable1 tr td img:hover  {
			-webkit-transform: scale(4.5); 
			-moz-transform:scale(4.5); 
			-o-transform: scale(4.5); 
			transform: scale(4.5); 
			transition:all 0.5s ease-out;
}
#load .fulltable .navmwidth {display:none; width: 98%;margin-right: 2.2%;}
.pphoto_over{overflow: visible !important;text-align:center !important;}
.loader{text-align:center !important}

ul.repcolor {    position: relative;float:right; display:block;margin:0px;width: 100%;}
ul.repcolor li {list-style:none;margin:5px; vertical-align:middle;display:inline-block;}
.repcolor .color-box {width: 10px;height: 10px;display: inline-block;background-color: #ccc;float: left;margin: 10px;border-radius: 50%;}
.color-box1 {    width: 10px;height: 10px;display: inline-block;background-color: #ccc; margin: 5px;border-radius: 50%;}
.p_id_sqlist{float:right; font-size:14px; vertical-align:middle;}



/********Dashboard Map CSS**************/
#map{	float : left;	width : 99%;	height : 550px;}

.map_navigation{
	background: none repeat scroll 0 0 rgba(255, 255, 255, 0.82);
    padding: 5px;    position: absolute;    right: 10px;    bottom: 60px;    z-index: 300;    max-height: 400px;    overflow: auto;    width: 450px;
}

.map_navigation  ul{  list-style: disc inside;}
.map_navigation  ul li.active{	 color: #FF5A4A;}
.map_navigation .hideBtn{	position: absolute;right: 16px;color: #1B92B3;font-weight: bold;    cursor: pointer;}

.showComBtn{
	background: none repeat scroll 0 0 rgba(255, 255, 255, 0.82);
    bottom: 170px;
    color: #1b92b3;
    cursor: pointer;
    font-weight: bold;
    padding: 2px;
    position: absolute;
    right: -125px;
    transform: rotate(90deg);
     -webkit-transform : rotate(90deg);
    transform-origin: left top 0;
     -webkit-transform-origin : left top 0;
    z-index: 299;
	display: none;
	transform: rotate(90deg);
	transform-origin: left top 0;
}

.showComBtn.active{	display  :block;}
.mapLoader{
    background-color: #fff;height: 100%;left: 0;opacity: 0.6;
	position: fixed;top: 0;width: 100%;z-index: 1001;background: url("imgs/ajax_loader_blue.gif") no-repeat scroll center center / 50px 50px #fff;
    display  :none;
}
.transparentBg{    background-color: rgba(255, 255, 255, 0.46) !important;}
.mapLoader.active{display : block;}
.map_legends{float: left;width: 100%;margin-bottom: 10px;}
.map_legends .legend_items{float: left;margin-right: 20px;}
.map_legends .legend_items img{width  :20px;}

.mloader{
    background-color: #fff;height: 100%;left: 0;opacity: 0.6;position: fixed;top: 0;width: 100%;z-index: 1001;
	background: url("imgs/ajax_loader_blue.gif") no-repeat scroll center center / 50px 50px #fff;
    display  :none;
}
.mloader.active{display : block;}

/**** Group Standing light box ****/
#matchDetails_day, #group_stand_data{ display:inline-block; background: #fff; width:100%; /*float:left;*/ height:490px; overflow-y:scroll;}
 #group_stand_data{ min-height:500px;position: absolute;}
.group_stand_open{	position: relative;	left: 0%; transition: all 0.4s ease-in;}
.group_stand_close{	position: relative;	left: -120%; transition: all 0.4s ease-in;}
.two_group_stand_close{	position: relative;	right: -100%; transition: all 0.4s ease-in;}
.two_group_stand_open{	position: relative;	left: 0%; transition: all 0.4s ease-in;} 

.cRow{border-bottom: 1px dotted #666;}

/**** View squad Light box ****/

.reg_dash_sq{	height: 500px;overflow-y: scroll;position: relative;overflow-x: hidden;} 
.name_tooltip_fix_cal {text-overflow: ellipsis !important;width: 140px;display: inline-block;white-space: nowrap !important;overflow: hidden;vertical-align: middle;}
.sq_img{margin:5px;}
.sq_img:hover{
	-webkit-transform: scale(4.5);
	-moz-transform: scale(4.5);
	-o-transform: scale(4.5);
	transform: scale(4.5);
	transition: all 0.5s ease-out;
}

#match_day .modal-body{ padding:10px 0px 10px 10px;}
/*** Fixtures calender icon ******/
.fix_start_date, .fix_end_date{	background: transparent;display: inline-block;}
.click-here {
background: url('imgs/click-here.png') no-repeat center;width: 282px;float: right;height: 17px;vertical-align: middle;margin: 2px 20px;display: inline-block;
transition: all 0.3s ease-in;}
@media (min-width: 768px)  {	/*.modal-lg{width:95%;min-height:500px;overflow: hidden;}*/}

.tri_light_box_popup{	width:100%;height: 500px;overflow-y: scroll;position: relative;overflow-x: hidden;}
.gen_lbox_cal {display: block;height: auto;overflow: hidden;position: relative;}
.seltournmentnameshow{font-size: 16px;line-height: 36px;float: right;vertical-align: middle;text-transform:uppercase;}
 .animate_cc li{ 
	display:block; 
	-webkit-transition: all 0.5s ease !important;
	-moz-transition: all 0.5s ease !important;
	transition: all 0.5s ease !important;	 
 }
 
.als-wrapper{ /*margin-left:0px !important */}

.smal_dnut{display:block; text-align:center;}
.pr_width{width:100%; margin-bottom:15px;  overflow: hidden; }
.for_wick{  text-align: right;  float: right;  /* right: 10%; */  padding-right: 8%;}
.wick_bord{  overflow: hidden;  border-left: 1px solid #ccc; }

  .stand_legent{text-align:right; margin-bottom: 5px; margin-right:10px; overflow: hidden;position:relative;}
   .stand_legent li{display:inline-block;  margin: 2px 5px;}

/*
.for_bw_pr{border-right:1px solid #ccc; }
.for_bt_pr{ border:1px solid #ccc;} 
 */
 
 /*** Cal slider***
 
.als-container {	position: relative;	width: 100%;	margin: 0px auto;	z-index: 0;}
.als-viewport {	position: relative;	overflow: hidden;	margin: 0px auto;}
.als-wrapper {	position: relative;	list-style: none;}
.als-item {	position: relative;	display: block;	text-align: center;	cursor: pointer;	float: left;}
.als-prev, .als-next {	position: absolute;	cursor: pointer;	clear: both;}

.dayslide {	margin: 40px auto;}
.dayslide .als-item {text-align: center;}
.dayslide .als-item img {	display: block;	margin: 0 auto;	vertical-align: middle;}
.dayslide .als-prev, .dayslide .als-next {	top: 40px;}
/*.dayslide .als-prev {	left: 200px;} .dayslide .als-next {	right: 200px;} 

*/
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
.ump_pdf_view_ul_li{width:45%;}
}
@media only screen and (min-width : 1224px) and (max-device-width : 1824px)  {
.ump_pdf_view_ul_li{width:30.5%;}

/*** Dashboard links***/
ul.claim_ul{
	padding-left:0px; list-style:none}
	ul.claim_ul li{display:inline-block}
}
	

/****   REgistration file Upload***/

ul.freshCat  input[type="radio"],ul.freshCat  input[type="checkbox"] {display:inline-block !important;}  
.fileUpload .clickArea{ 
background: #219df7; /* Old browsers */
background: -moz-linear-gradient(top, #219df7 0%, #1a93ec 27%, #0d85dc 59%, #0177ce 88%, #0076cd 99%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#219df7), color-stop(27%,#1a93ec), color-stop(59%,#0d85dc), color-stop(88%,#0177ce), color-stop(99%,#0076cd)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #219df7 0%,#1a93ec 27%,#0d85dc 59%,#0177ce 88%,#0076cd 99%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #219df7 0%,#1a93ec 27%,#0d85dc 59%,#0177ce 88%,#0076cd 99%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #219df7 0%,#1a93ec 27%,#0d85dc 59%,#0177ce 88%,#0076cd 99%); /* IE10+ */
background: linear-gradient(to bottom, #219df7 0%,#1a93ec 27%,#0d85dc 59%,#0177ce 88%,#0076cd 99%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#219df7', endColorstr='#0076cd',GradientType=0 ); /* IE6-9 */

      width: 300px;  text-align: Center;  color: #fff; 
  padding: 50px 20px;    box-shadow: 1px 1px 5px #888888; 
}
.fileUpload .clickArea p{margin: 0; font-size: 18px; font-weight: 100}
.fileUpload .clickArea span{display: block}
.fileUpload .clickArea  h2{ text-transform: uppercase; font-size: 21px;   font-weight: bold; }
.fileUpload .clickArea:hover{
    cursor: pointer; 
background: #63e962; /* Old browsers */
background: -moz-linear-gradient(top,  #63e962 0%, #31b931 27%, #21a921 59%, #089207 88%, #028c01 99%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#63e962), color-stop(27%,#31b931), color-stop(59%,#21a921), color-stop(88%,#089207), color-stop(99%,#028c01)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #63e962 0%,#31b931 27%,#21a921 59%,#089207 88%,#028c01 99%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #63e962 0%,#31b931 27%,#21a921 59%,#089207 88%,#028c01 99%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #63e962 0%,#31b931 27%,#21a921 59%,#089207 88%,#028c01 99%); /* IE10+ */
background: linear-gradient(to bottom,  #63e962 0%,#31b931 27%,#21a921 59%,#089207 88%,#028c01 99%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#63e962', endColorstr='#028c01',GradientType=0 ); /* IE6-9 */

}
div.fileUploadUL{overflow: hidden;  text-align: center; margin-top:120px;}
div.fileUploadUL .divLi{display: inline-block; list-style: none;   text-align: Center;}
div.fileUploadUL .divLi div{  margin: 10px 50px; }
div.fileUploadUL .divLi div.vline{  border-left: 1px solid #ccc}

.fileUpload h1{overflow: hidden; color: #8a394c;}   
  
.freshReg{width: 750px;}
.freshCatTitle{color: #007cd6;  font-size: 14px;  margin: 2px;}
ul.freshCat li{list-style: none;  display:block; }
ul.freshCat li span{ display: inline-block;   vertical-align: middle;   margin: 2px 4px;} 
.clearFresh{height: 40px; clear: both;width: 100%;}

.file_uploadFresh {   height: 34px;
  display: inline-block;
  cursor: pointer;background: #e4e4e4;
  position: relative;  border: 1px solid #ccc;  margin: 0;   float: left;  padding: 3px 6px;  vertical-align: top;}

.freshInput{display: inline-block !important;   float: left;  width: 300px;}

.file_uploadFresh input {   opacity: 0; 
  height: 34px;  cursor: pointer !important;
  width: 100%;  float: left;  position: absolute;  top: 0px;  left: 0;
}
.uploadSection{      overflow: hidden;  display: block;  clear: both;   }
.attachedFresh{float: left;  vertical-align: middle;   margin: 3px 5px;}
.lbtn-attachedFress {   display: inline-block;
  padding: 2px 12px;  letter-spacing: 2px;  font-size: 14px;  color: #595959;  cursor: pointer;  background: #e0e0e0;  margin-left: 50px;  margin-top: 20px;
  border: 1px solid transparent;}
ul.addAttach{overflow: scroll; max-height: 450px; width:500px;}
ul.addAttach li{ overflow: hidden;   margin-top: 10px;}

ul.lightBfresh {list-style: none; position: relative; width: 100%;}
ul.lightBfresh {display: inline-block; white-space: nowrap;}
ul.lightBfresh li.block {
    display: inline-block;
    overflow: hidden;
    position: relative;
    vertical-align: top;
    width: 100%;
}
#freshReg .modal-body, #extReg .modal-body{overflow-y: scroll; overflow: hidden;   padding: 5px; min-height: 300px;}

.greennext { 
  float: right;
  right: 15%;
  position: relative; 
}
.disable{background: #ccc !important;}

.log-btn-greenFresh {
    background: #0c0 none repeat scroll 0 0;
    border: 1px solid transparent;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    letter-spacing: 1px;
    line-height: 25px;
    padding: 2px 12px;
    text-align: center;
}
.log-btn-redFresh {
  display: inline-block;
 padding: 2px 12px;  
  letter-spacing: 2px; 
  font-size: 14px; 
  color: #fff; 
  text-align: center;  
  cursor: pointer; 
  background: #8a394c ; 
  border: 1px solid transparent;
}

.log-btn-grayFresh {
  display: inline-block;
 padding: 2px 12px;  
  letter-spacing: 2px; 
  font-size: 14px; 
  color: #fff; 
  text-align: center;  
  cursor: pointer; 
  background: #666666  ; 
  border: 1px solid transparent;
}
.cancelFresh{display: block;
  margin-left: 50px;
  margin-top: 10px;} 
		
.ulLitable-div{  display: table;  /*padding-right: 30px;*/ width: 100%;}
.ulLitable-div ul{ display:table-row-group;}
.ulLitable-div ul li{list-style:none;padding:4px 9px; display: table-cell}
.ulLitable-div ul.ulTable-head{font-weight:bold;background:#2d6fa9 ;color:#fff;}
.ulLitable-div ul.ulTable-body.even{background:#fff;}
.ulLitable-div ul.ulTable-body:hover{background: #eaeaea }
.ulLitable-div ul.ulTable-body.odd{background:#E3F4FD ;}

ul.ulTable-head li:nth-child(1){    width: 7%;}
ul.ulTable-head li:nth-child(2){    width: 14%;}
ul.ulTable-head li:nth-child(3){    width: 14%;}
ul.ulTable-head li:nth-child(4){    width: 20%;}
ul.ulTable-head li:nth-child(5){    width: 15%;} 
ul.ulTable-head li:nth-child(6){    width: 20%;}


ul.ulTable-body li:nth-child(1){    width: 7%;}
ul.ulTable-body li:nth-child(2){    width: 14%;}
ul.ulTable-body li:nth-child(3){    width: 14%;}
ul.ulTable-body li:nth-child(4){    width: 20%;}
ul.ulTable-body li:nth-child(5){    width: 15%;} 
ul.ulTable-body li:nth-child(6){    width: 20%;}


span.h1_btn{  font-size: 20px;  float: right;  right: 30px;  position: relative;}
.uploadSecHide{   height: 350px; width:98%;   overflow-x: hidden;   padding-left: 5%; }
.radioSection{padding:40px 0}
.freshSucMsg{text-align: center; position: relative;  }
span.uCount {    padding: 10px;    font-weight: bold;}

.loadFresh{margin-left: 49%;
    position: absolute;}
	.invalidFresh{		
		background:url("imgs/invalid.png") no-repeat center center;		
		
		margin:5px 7px;
		width:20px;
		height:20px;
		transition: all 0.5s ease;	
		display:inline-block;		
		cursor:pointer;
	}

.grid_table_row.inactive{
    display: none;
}
.ulTable-head.fixedHdr{
    position: fixed;
    width: 86%;
    top: 0;
    display :none;
}
.ulTable-head.fixedHdr.active{
    display:block;
}

.ulTable-head.fixedHdr.extend{
    width :97%;
}

.freshSort{ 
    background-image: url("imgs/bg.gif");
    background-position: left center;
    background-repeat: no-repeat;
    cursor: pointer;
    padding-left: 18px;
    pointer-events: auto;
	}
	.descFresh {
    background-image: url("imgs/desc.gif");
	width:21px; height:4px; display: inline-block; cursor:pointer;
}
.ascFresh{
    background-image: url("imgs/asc.gif");width:21px; height:4px; display: inline-block;cursor:pointer;
}
.cursorCommon{cursor:pointer;}


/**** Squad List*****/
.squadListChk{ margin-left: 3px;    position: relative;    top: -3px;    vertical-align: middle;}


/*********** Version two override styles*********/
#menu_content{
    top : 134px !important;
}

.grid_1,.grid_2,.grid_3,.grid_4,.grid_5,.grid_6,.grid_7,.grid_8,.grid_9,.grid_10,.grid_11,.grid_12 {
	float: left;
	min-height: 1px;
	width: 100%
}
.container_12
.grid_12 {
	width: 100%
}
.container_12
.grid_11 {
	width: 91.667%
}
.container_12
.grid_10 {
	width: 83.333%
}
.container_12
.grid_9 {
	width: 75.0%
}
.container_12
.grid_8 {
	width: 66.667%
}
.container_12
.grid_7 {
	width: 58.333%
}
.container_12
.grid_6 {
	width: 50%
}
.container_12
.grid_5 {
	width: 41.667%
}
.container_12
.grid_4 {
	width: 33.333%
}
.container_12
.grid_3 {
	width: 25.0%
}
.container_12
.grid_2 {
	width: 16.667%
}
.container_12
.grid_1 {
	width: 8.333%;
}

.fl{
    float : left !important;
}

.f2{
    float:right !important;
}

.tl{
    text-align: left !important;
}
.tr{
    text-align: right !important;
}
.tc{
    text-align: center !important;
}

.grid_table{
    
}

.grid_table .grid_table_header{
    
}

.grid_table .grid_table_header.fixedHdr{
      position: fixed;
    width: 86%;
    top: 0;
    display :none;
}
.grid_table .grid_table_header.fixedHdr.active{
    display:block;
}

.grid_table .grid_table_header.fixedHdr.extend{
    width :97%;
}

.grid_table .grid_table_header .grid_table_row{
   
	    background-color: #26358E !important;
    border-radius: 5px;
    color: #FFFFFF !important;
}

.grid_table{
	float: left;
    padding-bottom: 20px;
    width: 100%;
}

.grid_table .grid_col{
    
}

.grid_table .grid_table_body{
    
}

.grid_table .grid_table_row{
     float: left;
    width: 100%;
     padding: 0.8% 1%;
}

.grid_table_body .grid_table_row:nth-child(even) {background: #e3f4fd}
.grid_table_body .grid_table_row:nth-child(odd) {background: #FFF}
.grid_table_body .grid_table_row:hover{
    background: #EAEAEA;
}

.grid_table_body .grid_table_row.inactive{
    display: none;
}

/*********** Version two override styles Ends*********/

/**** TIPSY TOOLTIP****/
.tipsy { font-size: 13px; position: absolute; padding: 5px; z-index: 100000; }
  .tipsy-inner { background-color: #000; color: #FFF; max-width: 250px; padding: 5px 8px 4px 8px; text-align: center; }

  /* Rounded corners */
  .tipsy-inner {  border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px;  } 
  /* Uncomment for shadow */
  /*.tipsy-inner { box-shadow: 0 0 5px #000000; -webkit-box-shadow: 0 0 5px #000000; -moz-box-shadow: 0 0 5px #000000; }*/
  
  .tipsy-arrow { position: absolute; width: 0; height: 0; line-height: 0; border: 5px dashed #000; }
   
  /* Rules to colour arrows */
  .tipsy-arrow-n { border-bottom-color: #000; }
  .tipsy-arrow-s { border-top-color: #000; }
  .tipsy-arrow-e { border-left-color: #000; }
  .tipsy-arrow-w { border-right-color: #000; }
  
	.tipsy-n .tipsy-arrow { top: 0px; left: 50%; margin-left: -5px; border-bottom-style: solid; border-top: none; border-left-color: transparent; border-right-color: transparent; }
    .tipsy-nw .tipsy-arrow { top: 0; left: 10px; border-bottom-style: solid; border-top: none; border-left-color: transparent; border-right-color: transparent;}
    .tipsy-ne .tipsy-arrow { top: 0; right: 10px; border-bottom-style: solid; border-top: none;  border-left-color: transparent; border-right-color: transparent;}
  .tipsy-s .tipsy-arrow { bottom: 0; left: 50%; margin-left: -5px; border-top-style: solid; border-bottom: none;  border-left-color: transparent; border-right-color: transparent; }
    .tipsy-sw .tipsy-arrow { bottom: 0; left: 10px; border-top-style: solid; border-bottom: none;  border-left-color: transparent; border-right-color: transparent; }
    .tipsy-se .tipsy-arrow { bottom: 0; right: 10px; border-top-style: solid; border-bottom: none; border-left-color: transparent; border-right-color: transparent; }
  .tipsy-e .tipsy-arrow { right: 0; top: 50%; margin-top: -5px; border-left-style: solid; border-right: none; border-top-color: transparent; border-bottom-color: transparent; }
  .tipsy-w .tipsy-arrow { left: 0; top: 50%; margin-top: -5px; border-right-style: solid; border-left: none; border-top-color: transparent; border-bottom-color: transparent; }

 .col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
    position: relative;
    min-height: 1px;
    padding-right: 5px;
    padding-left: 5px;
}
 
.file_download {
    background: url("imgs/file_upload.png") no-repeat center center;
    width: 32px;
    height: 23px;
    display: inline-block;
    cursor: pointer;
   right: 36px;
    position: absolute;
    border: 1px solid #ccc;
    margin: 0; -ms-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    padding: 16px 5px !important;
}


  .overlayU{background: #000 none repeat scroll 0 0; height: 100%;  left: 0; opacity: 0.5; position: absolute; width: 100%;  z-index: 99; display:none;}
  
  
  .blockTitle p{float:right; margin:0}
  .upDwn{overflow:hidden}
  .upDwn input{    width: 254px;    float: right;}
	.titleUp{overflow:hidden;margin-bottom:15px;}
	.paddingR10{padding-right:10px;}
	
	.chkReg{    overflow: hidden;    min-height: 50px;}
 .chkReg span {    position: relative;     right: 18px;    top: 10px; float:right}
 body.modal-open {    overflow: hidden;}
 .avpApprove {font-size: 14px;padding: 10px;position: fixed;right: 46%; font-weight: bold; color: #fff; z-index: 99;bottom: 0%; background-color: #8a394c;}
 .avpApprove:hover{cursor:pointer;}
 .dontRefresh{  font-weight: bold;    text-align: center; display:none;}
.log-btn-redFresh {
  display: inline-block;
 padding: 2px 12px;  
  letter-spacing: 2px; 
  font-size: 14px; 
  color: #fff; 
  text-align: center;  
  cursor: pointer; 
  background: #8a394c ; 
  border: 1px solid transparent;
}
.uploadArchivescrd{/* font-size: 16px;font-weight: bold;*/background-color: #2d6fa9;color: #fff;padding: 5px 10px;
   font-family: 'arial'; cursor: pointer}
.userPrivDiv .blockTitle{display: inline-block;     margin: 0;}
.cbp-spmenu .anger a.archive{
	background: url("imgs/archiveIcon.png") no-repeat scroll center top rgba(0, 0, 0, 0); }
.cbp-spmenu .anger a.archive:hover , .cbp-spmenu .anger a.archive.active   { 
    background: url("imgs/archiveIcon_h.png") no-repeat scroll center top rgba(0, 0, 0, 0);
}

/** Archive Scorecard Update Info ***/
.log-btnConfirm-green { 
    padding: 8px 35px; 
    font-size: 18px; 
    color: #fff; 
    text-align: center; 
    position: fixed; 
    overflow: hidden;
    font-weight: bold; 
    right: 10px;
    bottom: 10px;cursor: pointer;
    cursor: pointer; 
    background: #0C0;
    /* font-family: 'helvetica_neueregular'; */ 
}

.log-btnConfirm-green:hover{    background: #090;}
.dheight{height:40px; width:100%;display:block}


.uploadArchivescrd{/* font-size: 16px;font-weight: bold;*/background-color: #2d6fa9;color: #fff;padding: 5px 10px;
   font-family: 'arial'; cursor: pointer}

.popContent{margin: 0 15%;}
.inpXls{position: relative}
.popContent .file_upload{right: 10px}
.archiveTItle{margin-bottom: 10px;}
.archiveTitleP{    float: right;    display: inline-block;    right: 12px;    position: relative;}
.archiveChk {
    display: inline-block !important;
}
.whiteOPwhite{background:#fff; opacity:0.4;  } 

.viewIconViewUpload{ background: #838383 none repeat scroll 0 0;
    border-radius: 50%;color:#fff;
    cursor: pointer;
    height: 30px;font-weight:bold;
    text-align: center;
    width: 50px;}
	.table-striped {
	float: left;
	}
.cAlign{text-align:center}
ul#loadFilesInfo li{	padding:10px;overflow:hidden;} 
ul#loadFilesInfo li:nth-child(odd) {  background: #E3F4FD;}
ul#loadFilesInfo li:nth-child(even) { background: #fff;}

#downloadAll{background: #D2252A;color: #fff; font-size: 13px; cursor: pointer; padding: 6px; right: 2px; float: right; position: relative;
    vertical-align: bottom;   z-index: 999;    margin: 5px;}
	
.red-remove{    border: 2px solid #757575;border-radius: 50%; background: url("imgs/close.png") no-repeat center center;
    width: 35px; height: 35px; float: right; margin: 0px 8px 0px 8px;   transition: all 0.5s ease;   display: inline-block;}
.uploadFileExceed{text-align:right;    float: right;}	
.filesWithc	{height: 400px;overflow-y: scroll;}

.cbp-spmenu .anger a.menu_stats_link,.cbp-spmenu .anger a.stats {
    background: url("imgs/menu_icons/stats.png") no-repeat rgba(0, 0, 0, 0);
	background-size: 26px;
    background-position: center top;
}
.alert-box {
	color:#555;
	border-radius:10px;
	font-family:Tahoma,Geneva,Arial,sans-serif;font-size:11px;
	margin: 6px;
    padding: 1px 29px;
}
.alert-box span {
	font-weight:bold;
	text-transform:uppercase;
}
.warning {
	background:#fff8c4 url('images/warning.png') no-repeat 10px 50%;
	border:1px solid #f2c779;
}
#file_max_size_warnning {
	display: none;
}
/* Add Sri ----- */

.squadsPage #tablecontent .checkBoxWrap input[type="checkbox"] {display: inline-block; margin-right: 5px; }
/** Competition **/
.compRow{white-space: nowrap; display: inline-block;  min-height: 400px;}
.compRow span.slideOneComp{  white-space: normal;    display: inline-block;  vertical-align: top;  width: 100%; position: relative;  line-height: 28px;/* max-height: 350px;*/ }
#comp_entry_first .modal-body{padding-bottom:5px;padding-top: 5px;}
#comp_entry_first ul{margin-bottom:0px;}
.selectedLITeam{color: #007CD6; font-weight: bold;}

.teamSelectionUl li{  white-space: normal;    display: block;  vertical-align: top;    position: relative;  line-height: 30px; }
.teamSelectionUl li input[type="radio"], input[type="checkbox"] {display: inline-block; margin-right: 5px; }

.grid-teamSelection {  padding: 10px; border: 1px solid #ccc; border-bottom: 2px solid #449ee0;  margin: 8px 8px;  height: auto;  border-top: 2px solid #449ee0;  float: left;  height: 420px;  padding-bottom: 2px;  overflow-y: scroll;} 
.backArrow {  background: url('../css/imgs/back_to_fix_arrow.png') no-repeat;  width: 32px;  height: 50px;  display: inline-block;   vertical-align: middle; display: none; transition: all 0.3s ease;}

.checkBoxNew{  display: inline-block !important;    margin-right: 5px !important; }
.selectTeam .buttonDiv{ text-align: center;  margin-top: 30px;  float: right;  right: 15px;  position: relative;}
.slideOneComp .buttonDivNext{   float: right;   right: 6%;  margin-top: 15%;  position: relative;}
.selectTeam .log-btn-greenFresh {  display: inline-block;  padding: 6px 40px 6px 20px;  letter-spacing: 1px;  font-size: 14px;  color: #fff;  text-align: center;  cursor: pointer;
    background: url('../css/imgs/right_arrow.png') no-repeat 120px #0c0;  border: 1px solid transparent;  line-height: 25px;}

.log-btn-blueFresh {
  display: inline-block;  padding: 2px 12px;  letter-spacing: 1px;  font-size: 14px;  color: #fff;  text-align: center;  cursor: pointer;
  background: #007CD6;  border: 1px solid transparent;  line-height: 25px;
}

.viewVideoLog .modal-body{
	height: 480px;
}
.viewVideoLog .modal-body{
	max-width: 100%;
}
.viewVideoLog .modal-body .mejs-container{
	width:100% !important;
	height: 400px !important;
}

.viewVideoLog .modal-body .mejs-container-fullscreen{
	 height: auto !important;
}
.viewVideoLogBtn{
	background:url("imgs/group.png") no-repeat center center;
}
.viewVideoLogBtn:hover{
	background:url("imgs/group_h.png") no-repeat center center #ff3b30;
}
.viewVideoIcon{
	background:url("imgs/view-video.png") no-repeat center center;
}
.viewImageIcon{
	background:url("imgs/view.png") no-repeat center center;
}
/* Add Sri ----- */

/* Mani Start Here */
.cbp-spmenu .anger a.twitter{ background: url("imgs/twitter.png") no-repeat scroll center top;}
.cbp-spmenu .anger a.twitter:hover,.cbp-spmenu .anger a.twitter.active, .cbp-spmenu .anger a.twitter:focus { background: url("imgs/twitter_hover.png") no-repeat scroll center top;}
.cbp-spmenu .anger a.groupstandings{ 
	background: url("imgs/menu_icons/group-sat.png") no-repeat rgba(0, 0, 0, 0);
	background-size: 26px;
    background-position: center top;
}
.cbp-spmenu .anger a.groupstandings:hover,.cbp-spmenu .anger a.groupstandings.active, .cbp-spmenu .anger a.groupstandings:focus {
	background: url("imgs/menu_icons/group-sat-H.png") no-repeat rgba(0, 0, 0, 0);
	background-size: 26px;
    background-position: center top;
}
.twitter-reports-refresh {
	background: url("imgs/refresh.png") no-repeat scroll center top;
	display: inline-block;
	position: absolute;
	width: 16px;
	height: 16px;
	margin: 10px 0;
}
/* Mani End Here */

.sitesubmenu.inactive{
    display: none;
}

.uploadSecHide .btn.start{
    border: 0;
}





/******************************************* MAKE PAGE RESPONSIVE *****************************/

.burgerIcon{
		display:none !important;	
		float:left;
		cursor:pointer;
		text-transform:uppercase;
		font-weight:bold;
}

.cbp-spmenu .logo img{
	width:90px;
}

.fLeft{
	margin-left: -30px;
}   
 



@media (max-width: 1024px){
	#allRegisteredPlayersCtrl, .matchofficials, #title  { margin-top: 50px; }
	#allRegisteredPlayersCtrl #title { margin-top: 0; }
	.cbp-spmenu .logo img { width: 80px;}
	.menu-toggle-open.cbp-spmenu-open{
		 display:none; 
	}
	
	.burgerIcon{
		display: block !important;	
		margin-top:3px;		
	}
	
	.cbp-spmenu-left.cbp-spmenu-open{
		    left: -130px; top: 43px; transition: all 0.3s ease;
	}
	.cbp-spmenu.active{
		left: 0;
        top: 43px;
    
	}
	.sub-cbp-spmenu-left { top: 43px; }
	.middle-grid {
		margin-left:10px;
	}
	#title, .lasttable {  width: 100%; }
	
	.cbp-spmenu-push{
		position:static;
		overflow-x:visible;
	}
	
	body{
		display:block !important;
	}
	
	html{
		background :none !important;
	}
	
	
}	

@media (max-width: 1000px)
{
	.fLeft {
		margin-left: -5px !important;
	}	
}
@media (max-width: 1024px){
		.midtable { padding: 0 12px;
			margin: 0;
			overflow-x: auto;
			width: 100%;
			table-layout: auto;
			display: flex;}
}
@media (max-width: 640px) { 
 .grid_table .grid_table_row { font-size: 12px; }
 .filterHandle { display: block;}
 .lasttable { }
}

@media (max-width: 630px)
{
	.pull-right{
		margin-top: -160px!important;
	}
	.pagination.pull-right { margin-top: 10px !important;}
}


@media (max-width: 600px)
{
	.sd12{
		width:100%!important;
	}
	
	.fLeft {
		margin-left: 20px !important;
	}	
}

@media (max-width: 440px)
{
	

	
	.headerAlign{
		margin-left:105px;
	}
}
/************************ ENDS HERE ****************************/



   	   /* ID Card Style */
		  .card-content {display: flex; align-items: center; flex-direction: column; padding-block: 0.6rem; z-index: 1; }
		  .card-content .ply-pic { padding: 0.1rem; border: 1.5px solid #D71920; border-radius: 8px; width: 95px; height: 95px; overflow: hidden;
		  margin-bottom: 0.5rem; display: flex; align-items: center; justify-content: center; }
		  .card-content .ply-pic img { border-radius: 5px; overflow: hidden; }
		  .card-content .ply-name { font-family: "Open Sans", sans-serif; text-transform: uppercase; font-size: 11px; line-height: 12px; font-weight: 700; margin-bottom: 0.5rem; text-align: center;}
		  
		  .ply-details { padding: 0.6rem; display: grid; grid-template-columns: repeat(2, 1fr); gap: 0.6rem 0; background: #2E3192;
		  border-radius: 6px; width: 100%; z-index: 1; }
		  .ply-info { font-family: "Open Sans", sans-serif; font-size: 10px; line-height: 13px; font-weight: 500; color: #fff; display: flex; flex-direction: column; }
		  .ply-info.sp .ply-info-detail { color: #FFCB05; font-family: "Open Sans", sans-serif; font-size:11px; font-weight: 700; }
		  .ply-info .ply-info-title, .ft-title, .club-title { font-family: "Open Sans", sans-serif; font-weight: 500; font-size: 8px; line-height: 9px; color: #dadbff; margin-bottom: 2px;  }
		  .ply-info .ply-info-detail { text-transform: uppercase; }
		  
		  .card-footer { border-top: 1px solid #ccc; padding-top:0.5rem;     margin-top: auto;
			margin-bottom: 0; }
		  .ft-title { color: #000000; text-align: center; font-weight: 600; }
		  .ft-content { text-align: center; font-family: "Open Sans", sans-serif; font-size: 8px; line-height: 9px; }
		  
		  .club-list { margin-bottom: 1rem; }
		  .card-wrap_back { justify-content: space-between; padding-block: 1rem; }
		  .club-title { color: #2E3192; font-weight: 700; margin-bottom: 5px; text-decoration: underline; }
		  .club-name { padding: 0; display: block; margin: 0 0 5px; list-style-type: none; }
		  .club-name li { font-size: 10px; font-family: "Open Sans", sans-serif; margin-bottom: 2px; line-height: 12px; }
		  .club-name li span { margin-right: 5px;color: #000000;  }
		  .club-wrap {    z-index: 1;
			padding-inline: 1rem;
			margin-top: 0;
			margin-bottom: auto;
			padding-top: 1rem; }
		  
		  .validatedate {font-size: 10px;font-family: "Open Sans", sans-serif;margin-bottom: 2px;line-height: 12px; display: flex;align-items: center;gap: 0.5rem; margin-bottom: 0.8rem; margin-left: 9px;}
		  .id-card-wrap { display: flex; align-items: flex-start; justify-content: center; }
			
		  .qr-wrap { display: flex; align-items: center; justify-content: center; flex-direction: column; gap: 5px; 
		   padding-top: 0.8rem; border-top: 1px solid #9f9f9f; z-index: 1;}
		  .qr-box { background: #fff; padding: 0.1rem;
		   border: 1.5px solid #D71920;
		   border-radius: 8px;
		   width: 115px;
		   height: 115px;
		   overflow: hidden;
		   display: flex;
		   align-items: center;
		   justify-content: center; z-index: 1; }
		   .qr-box img { width: 100px; }
		   .qr-text { font-family: "Open Sans", sans-serif; text-transform: uppercase; font-size: 10px; font-weight: 700;  }
		   .qr-static {width: 32px; height: 32px; background: #fff; position: absolute; border-radius: 50px; display: flex; align-items: center; justify-content: center;}
		   .qr-static img{width:28px;}
		   .card-wrap_back::after { background-image: url("imgs/water-mark.png"); background-position: center; background-size: 240px; 
		   background-repeat: no-repeat; opacity: 0.05; filter: grayscale(1); z-index: 0; }