img { border: 0 }

table {	border: 0; border-collapse: collapse;font-size: 14px }
th, td { border: 0; border-style: inset; padding: 3px; }
th { text-align: center; padding-left: 4px; padding-right: 4px; }
select {padding: 3px}
input[type=checkbox] {margin-right: 3px}
[v-cloak] { display: none; } 
.row-label {font-size: 1.3em; font-weight: bold}

/*set all permission based item non visible by default */
#mp-left-menu {width: 150px; vertical-align: top}
#mp-left-menu ul {padding-left: 10px}
#mp-left-menu li {margin-left: 0; list-style: none}
.Permission {display: none}
.module {display: none} /*module are not visible by default and enable per skin */
.module2 {visibility: collapse} /*module are not visible by default and enable per skin */

/* member profile */
.intend {margin-left:  20px}

.statusActive, .statusTrue { background: #66BA58; font-weight: bold; padding: 3px; color:White}
.statusLocked, .statusFalse { background: #AF4136; font-weight: bold; padding: 3px; color:White}

.ui-buttonset { white-space:nowrap}
.edit { font-weight:normal; margin:0 10px 0 5px; color: rgb(144, 89, 0); float:right; text-decoration:underline; cursor:pointer; background-image:url(/images/edit.png); background-position:left; padding-left:16px; background-repeat:no-repeat  }
.leftCol { padding:0 0 10px 0; width:100px; float:left; clear:left }
.rightCol { padding:0 0 10px 0; font-weight:bold; float:left; clear:right}

.sssGrid {width: 100%}
.sssGrid tr:nth-child(even) {background-color: #E2E4FF}
.sssGrid thead tr, .section-header {background-color:#F8B74C }
.dataTables_wrapper select{ width:80px }
.dt-buttons {margin-left: 10px}

.dataTables_wrapper input {
    color: black;
}

 .section-header { padding:5px; margin: 10px 0}

.memberTypeAgent, .memberType4,  .memberTypeMasterAgent, .memberType8,  .memberTypeSkin, .memberType16
{ 
  padding-left:18px;
  background-position:left;
  background-repeat:no-repeat;
}

.memberTypeAgent, .memberType4 { background-image:url(/images/agent.png);}
.memberTypeMasterAgent, .memberType8 { background-image:url(/images/masteragent.png); }
.memberTypeSkin, .memberType16 { background-image:url(/images/skin.png); }



.transCurrencyBox 
{
  width: 150px; background-color:#ddd; border-radius:7px; font-size:10px;
}

.transCurrencyBox TH 
{
  font-family: 'Arial Black'; font-size:16px;
}

.transCurrencyBox TD
{
 white-space:nowrap;  padding-right:6px; text-align:right;
}

/* To format negative numbers */
.negative
{
	color: maroon;
}

th.number
{
  text-align: right;
}
tbody td.number, tfoot th.number, table.number td, table.sssNumbers td, table.sssNumbers tfoot
{
  font-family: 'Courier New';
  text-align: right;
  white-space: pre;
}

table.sssNumbers th { white-space: pre;	}
table.sssNumbers th.NoNumber, table.sssNumbers td.NoNumber, tbody td.NoNumber, tbody th.NoNumber
{
	font-family: inherit;
	text-align: left;	
}

table.sssNumbers td.dataTables_empty { text-align: center }

div.Ellipsis
	{
	width: 100%;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	}
table.sssEllipsis 
	{
	table-layout: fixed;
	}
table.sssEllipsis td
	{
	padding-right:0;
	}


th.amt
{
  text-align:right;
}
tbody td.amt, tfoot th.amt
{
  font-family:Courier New;
  text-align:right;
  white-space:pre;
}

.amount 
{
  font-family:Courier New;
  text-align:right;
  white-space:pre;
}

table.style 
{

  border-spacing: 0;
  border-collapse:collapse;
}

table.style caption {
	font-size: 1.8em;
	text-align: center;
	background: url(/images/tableHeader.png) left top;
	color: #FFFFFF;
	border:1px solid #000000; 
	padding: 5px;
	border-spacing: 0;
	}
table.style thead 
{
 border:1px solid #000000; 
}

table.style thead th {
	background: url(/images/bg_th.gif) left;
	color: #FFFFFF;
	font-size: 0.8em;
	font-family: Arial;
	font-weight: bold;
	padding: 0 7px;
	margin: 20px 0 0;
	text-align: left;
	 }

table.style tbody tr {	background: #ffffff;   border:1px solid #800000; }

table.style tbody tr.odd {	background: #f0f0f0; }

table.style tbody th, table.style tbody td {
	font-size: 14px;
	line-height: 1.4em;
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	padding: 10px 7px;
	border-bottom: 1px solid #800000;
	text-align: left;
	vertical-align:top; }

tbody.style a {
	color: #000000;
	font-weight: bold; }

tbody.style a:hover {
	color: #800000; }

table.style tbody th, table.style tbody tr.odd th { color:black;}
	
.watermark 
	{
	  color:#888;
	  font-style: italic;
	}
.modalBackground {
    background-color:Gray;
    filter:alpha(opacity=70);
    opacity:0.7;
}
.handleText {
background-image: url(http://www.asp.net/AJAX/AjaxControlToolkit/Samples/images/HandleGrip.png);
cursor: se-resize;
height: 16px;
overflow: hidden;
width: 16px;
}

.form-group > .row {margin-bottom: 15px}
.form-group caption {background-color: #FBD697; padding-left:5px; color:black }

table.SmallFont { border: 1px solid black; border-collapse: collapse; font-size: 14px; }
table.SmallFont caption { background-color: #FBD697; color: black; font-size: 1.5em; padding: 10px; border-left: 1px black solid; border-top: 1px black solid; border-right: 1px black solid; }

table.SmallFont > tbody > tr > th { background-color: silver; color: black; border-style: inset; border-color: gray; border-width: 1px; padding: 3px 4px 3px 4px; }
table.SmallFont > tbody > tr > td { background-color: #F5f5f5; color: black;  border-style: inset; border-color: gray; border-width: 1px; padding: 3px; }

table.NoBorders caption { text-align: left; font-size: 1.3em; border:0; margin-top:10px }
table.NoBorders td { border-width: 0; vertical-align: top; }
table.NoBorders td label {padding-right: 5px}

.ui-state-default { _font-size: smaller; }
.ui-widget-content { _font-size: 12px; }
.ui-widget-header select {color: black}

.LinkButton a { color: blue; }
.LinkButton a:visited { color: blue; }
.LinkButton a:hover { color: red; }



/* Error message */
.info, .success, .warning, .error, .validation {
    border: 1px solid;
    margin: 10px 0;
    padding:15px 10px 15px 50px;
    background-repeat: no-repeat;
    background-position: 10px center;
}
.info {
    color: #00529B;
    background-color: #BDE5F8;
    background-image: url('/images/msg/info.png');
}
.success {
    color: #4F8A10;
    background-color: #DFF2BF;
    background-image:url('/images/msg/success.png');
}
.warning {
    color: #9F6000;
    background-color: #FEEFB3;
    background-image: url('/images/msg/warning.png');
}
.error {
    color: #D8000C;
    background-color: #FFBABA;
    background-image: url('/images/msg/error.png');
}
.validation {
    color: #D63301;
    background-color: #FFCCBA;
    background-image: url('/images/msg/validation.png');
}

.validation-error {
	color: red;
	font-weight: bold;
}

.TimeAgo {
	font-size: smaller;	
	font-style: italic;
	font-weight: bold;
	color: #606060;
}

.DateRange {
	float:left;
	padding: 5px 5px 0 0;
}

/* header */
h1 { margin: 0 0 10px 0}
h2 { float:left; width:100%;  clear:left; font-size:1.5em;  margin:0 0 10px 0; font-weight:normal;
	 background-color: #FBD697;
    padding: 10px;
    border: #00003b 1px solid;
}
h3 {  margin-top:0; }

@media (min-width: 768px) {
	.form-inline .input-group .form-control { max-width: 120px; }
	.form-inline .input-group .form-control.small-number{max-width: 60px;}
}
.ui-menu-item {font-size: 14px }

/* master page left menu */
.menu-h {font-weight: bold; margin-top: 20px}

/* class for javascript only */
div#cp_divTournementBlindLevel td {border: solid 1px lightgray;}

/* bootstrap form */
.control-label {font-size: 1.4em}

.highlight {
    padding: 9px 14px;
    margin-bottom: 14px;
    background-color: #f7f7f9;
    border: 1px solid #e1e1e8;
    border-radius: 4px;
}

/* player profile page */ 

.member-image-upload .row {margin-top: 10px}
.img-uploaded {max-width: 100px; max-height: 100px}
.div-uploaded-image {margin-bottom: 20px; max-width: 900px;}
.div-uploaded-image .btn { margin-right: 10px}
.indent {margin-left: 30px}
.t { border: 1px gray dotted; margin: 10px; padding: 10px; }
.t > span { font-size: x-large; font-family: Verdana; }
.t .button { font-size: medium; }
#tableProfil .button { margin-bottom: 5px; }
.editLink { cursor: pointer; color: orange; }
.help {color:rgb(75, 75, 201); cursor: pointer;}
.phoneVerified, .phoneUnverified, .phoneRejected, .phoneLocked, .phoneDuplicated { padding: 3px 8px;display: inline-block;margin: 10px;border-radius: 5px; }
.phoneUnverified {background-color: lightgray}
.phoneVerified {background-color: rgb(86, 215, 86)}
.phoneRejected {background-color: yellow}
.phoneLocked {background-color: rgb(252, 150, 150)}
.phoneDuplicated  {background-color: rgb(72, 145, 255)}
.type-1{background-color: rgb(189, 132, 189)}
.type-2{background-color: rgb(135, 220, 231)}
.type-3{background-color: rgb(132, 189, 147)}
.type-TableClubLogo  {background-color: #007D00}


/* optional module */
.tds-section,.spectrocoin-section,.coinbase-section {display: none !important}


.platform {font-family: FontAwesome;font-size: 14px;margin-right: 2px}
.Windows:before {content: "\f17a";color:#0178D6 }
.Android:before {content: "\f17b"; color:#A4CA39 }
.Html:before {content: "\f13b "; color:#E44D26 }
.iOs:before {content: "\f179 "; color:#B0BBC1; -webkit-text-stroke: 1px black; }
.Bot:before{content:"\f2db"; color:darkred}
.Mac:before {content: "\f179 "; color:#FF0051; -webkit-text-stroke: 1px black; }

/* Uploaded images image */
.div-uploaded-image .gov-id { color:#d63301; font-weight: bold; }


/* POV Picker */
#appTree ul, #appTree li { list-style-type: none;cursor: pointer }
		#appTree ul {padding-left: 20px}
		/* Style the caret/arrow */
.caretRight {
  cursor: pointer;
  user-select: none; /* Prevent text selection */
  margin-left: -16px;
}

/* Create the caret/arrow with a unicode, and style it */
.caretRight::before {
  content: "\25B6";
  color: black;
  display: inline-block;
  margin-right: 6px;
}

/* Rotate the caret/arrow icon when clicked on (using JavaScript) */
.caretDown::before {
  transform: rotate(90deg);
}