@import "compass/css3";
/* notification */
div.sticky-queue { 
	padding-left: 10;
	padding-right: 10;
	position:fixed;
	background:#fff;
	border:1px solid #999;
	box-shadow:0px 0px 5px #bbb;
	-moz-box-shadow:0px 0px 5px #bbb;
	-webkit-box-shadow:0px 0px 5px #bbb;
	width:280px;
}
	
div.sticky-note {
	padding-bottom:15px;
	padding-right:20px; 
}

div.sticky {
	font-size:12px;
	color:#555;
	display:none;
	padding:10px;
	position:relative;
}

img.sticky-close {
	position:absolute;
	top:10px;
	right:10px;
	height:14px;
	width:14px;
	cursor:pointer;
}
	
	
.top-right
	{ right:20px; }
.top-left
	{ left:20px; }
.top-right, .top-left
	{
	top:-2px;
	border-bottom-right-radius:6px;
	border-bottom-left-radius:6px;
	-moz-border-radius-bottomright:6px;
	-moz-border-radius-bottomleft:6px;
	-webkit-border-bottom-right-radius:6px;
	-webkit-border-bottom-left-radius:6px;
	}
.bottom-right
	{ right:20px; }
.bottom-left
	{ left:20px; }
.bottom-right, .bottom-left
	{
	bottom:-2px;
	border-top-right-radius:6px;
	border-top-left-radius:6px;
	-moz-border-radius-topright:6px;
	-moz-border-radius-topleft:6px;
	-webkit-border-top-right-radius:6px;
	-webkit-border-top-left-radius:6px;
	}

.border-top-right, .border-top-left
	{ border-top:1px solid #999; }
.border-bottom-right, .border-bottom-left
	{ border-bottom:1px solid #999; }

.notificationButton {
	-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
	-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
	box-shadow:inset 0px 1px 0px 0px #ffffff;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ffffff), color-stop(1, #f6f6f6));
	background:-moz-linear-gradient(top, #ffffff 5%, #f6f6f6 100%);
	background:-webkit-linear-gradient(top, #ffffff 5%, #f6f6f6 100%);
	background:-o-linear-gradient(top, #ffffff 5%, #f6f6f6 100%);
	background:-ms-linear-gradient(top, #ffffff 5%, #f6f6f6 100%);
	background:linear-gradient(to bottom, #ffffff 5%, #f6f6f6 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f6f6f6',GradientType=0);
	background-color:#ffffff;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #dcdcdc;
	display:inline-block;
	cursor:pointer;
	color:#666666;
	font-family:Arial;
	font-size:12px;
	padding:5px 5px;
	text-decoration:none;
	text-shadow:0px 1px 0px #ffffff;
}
.notificationButton:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #f6f6f6), color-stop(1, #ffffff));
	background:-moz-linear-gradient(top, #f6f6f6 5%, #ffffff 100%);
	background:-webkit-linear-gradient(top, #f6f6f6 5%, #ffffff 100%);
	background:-o-linear-gradient(top, #f6f6f6 5%, #ffffff 100%);
	background:-ms-linear-gradient(top, #f6f6f6 5%, #ffffff 100%);
	background:linear-gradient(to bottom, #f6f6f6 5%, #ffffff 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f6f6f6', endColorstr='#ffffff',GradientType=0);
	background-color:#f6f6f6;
}
.notificationButton:active {
	position:relative;
	top:1px;
}


/*----- Tabs -----*/
.tabs-member {
    width:100%;
    display:inline-block;
}
 
/*----- Tab Links -----*/
/* Clearfix */
.tab-links-member:after {
	display:block;
	clear:both;
	content:'';
}

.tab-links-member li {
	margin:0px 5px;
	float:left;
	list-style:none;
}

.tab-links-member a {
	padding:9px 15px;
	display:inline-block;
	border-radius:3px 3px 0px 0px;
	background:#000000;
	font-size:16px;
	font-weight:600;
	color:#6B9B20;
	transition:all linear 0.15s;
}

.tab-links-member a:hover {
	background:#a7cce5;
	text-decoration:none;
}

li.active-member a, li.active-member a:hover {
	background:#1e4a8b;
	color:#fff;
}

/*----- Content of Tabs -----*/
.tab-content-member {
	padding:15px;
	border-radius:3px;
	box-shadow:-1px 1px 1px rgba(0,0,0,0.15);
	background:#fff;
}

.tab {
	display:none;
}

.tab-member.active-member {
	display:block;
}
/*--- End of Tab ---*/	

/* Button */
.button-event {
    display: inline-block;
    margin: 10px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    -webkit-box-shadow:    0 8px 0 #339933, 0 15px 20px rgba(0, 0, 0, .35);
    -moz-box-shadow: 0 8px 0 #339933, 0 15px 20px rgba(0, 0, 0, .35);
    box-shadow: 0 8px 0 #339933, 0 15px 20px rgba(0, 0, 0, .35);
    -webkit-transition: -webkit-box-shadow .1s ease-in-out;
    -moz-transition: -moz-box-shadow .1s ease-in-out;
    -o-transition: -o-box-shadow .1s ease-in-out;
    transition: box-shadow .1s ease-in-out;
    font-size: 50px;
    color: #fff;
}

.button-event span {
    display: inline-block;
    padding: 20px 30px;
    background-color: #6B9B20;
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(hsla(120, 90%, 80%, .8)), to(hsla(120, 90%, 70%, .2)));
    background-image: -webkit-linear-gradient(hsla(120, 90%, 80%, .8), hsla(120, 90%, 70%, .2));
    background-image: -moz-linear-gradient(hsla(120, 90%, 80%, .8), hsla(120, 90%, 70%, .2));
    background-image: -o-linear-gradient(hsla(120, 90%, 80%, .8), hsla(120, 90%, 70%, .2));
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    -webkit-box-shadow: inset 0 -1px 1px rgba(255, 255, 255, .15);
    -moz-box-shadow: inset 0 -1px 1px rgba(255, 255, 255, .15);
    box-shadow: inset 0 -1px 1px rgba(255, 255, 255, .15);
    font-family: 'Pacifico', Arial, sans-serif;
    line-height: 1;
    text-shadow: 0 -1px 1px rgba(175, 49, 95, .7);
    -webkit-transition: background-color .2s ease-in-out, -webkit-transform .1s ease-in-out;
    -moz-transition: background-color .2s ease-in-out, -moz-transform .1s ease-in-out;
    -o-transition: background-color .2s ease-in-out, -o-transform .1s ease-in-out;
    transition: background-color .2s ease-in-out, transform .1s ease-in-out;
}

.button-event:hover span {
    background-color: #33cc33;
    text-shadow: 0 -1px 1px rgba(175, 49, 95, .9), 0 0 5px rgba(255, 255, 255, .8);
}

.button-event:active, .button-event:focus {
    -webkit-box-shadow:    0 8px 0 #009933, 0 12px 10px rgba(0, 0, 0, .3);
    -moz-box-shadow: 0 8px 0 #009933, 0 12px 10px rgba(0, 0, 0, .3);
    box-shadow:    0 8px 0 #009933, 0 12px 10px rgba(0, 0, 0, .3);
}

.button-event:active span {
    -webkit-transform: translate(0, 4px);
    -moz-transform: translate(0, 4px);
    -o-transform: translate(0, 4px);
    transform: translate(0, 4px);
}

.debug {
	width: auto;
	margin: 0;
	position: absolute;
	bottom: 0;
	z-index: 99999;
	left: 10px;
	cursor: default;
	padding:0
}

html{min-height:100%; height:100%}
html.no-touch.sticky-sidebar.sidebar body{
	overflow:auto;
	min-height: initial;
	/*height: initial;*/
}

#goTop{
    background:red;
    padding:5px;
    position:fixed;
    top:-100px;
    right:10px;
}

.green {color: #6B9B20;}
.red {color: #E74949;}
.blue{color: #4A8BC2;}

.no-sidebar{margin:0px !important; padding:0 !important;}

.mb5{margin-bottom:5px !Important}
.mb10{margin-bottom:10px;}
.mb15{margin-bottom:15px;}
.mb40{margin-bottom:40px;}

.mt20{margin-top:20px;}
.mt15{margin-top:15px;}
.mt10{margin-top:10px;}
.mt5{margin-top:5px;}

.ml5{margin-left:5px;}
.ml10{margin-left:10px;}
.ml20{margin-left:20px;}

.mr5{margin-right:5px;}
.mr20{margin-right:20px;}

.np{padding:0 !important;}
.pl20{padding-left:20px;}

.vertical-middle tr td{vertical-align:middle !important}

.search-btn{margin:0;}
.search-btn li{
	list-style:none;
	float:left;
	margin-left:5px;
}
	.search-btn .active .btn-primary{
		background: #4A8BC2;
		color: #FFF;
		border-color: #3771A2;
	}
	
.btn-blue{color: #619ACA}
.btn-red {color: #E74949;}


.btn-group .btn-primary {
	background: #8db9df; /* Old browsers */
	background: -moz-linear-gradient(top,  #8db9df 0%, #4a8bc2 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#8db9df), color-stop(100%,#4a8bc2)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #8db9df 0%,#4a8bc2 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #8db9df 0%,#4a8bc2 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #8db9df 0%,#4a8bc2 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #8db9df 0%,#4a8bc2 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8db9df', endColorstr='#4a8bc2',GradientType=0 ); /* IE6-9 */
}
.btn-group .btn-primary.active {
	background: #427daf;
	box-shadow: inset 0px 0px 6px 0px rgba(0,0,0,0.3);
}

.btn-group a.btn-default:active,
.btn-group a.btn-default:focus{
	color:#000
}
#wrapper{overflow-y: auto;}
.nowrap{white-space:nowrap}
.alert.alert-danger a{color:#FFF;text-decoration:underline;}

.img-responsive{width:100%}

/* Set Security Password ================================================== */
#inner-wrapper{
	background: #fafafa;
	border: 1px solid #dbdbdb;
	padding:20px;
}

/* GLOBAL ICON ================================================== */
.widget.widget-heading-simple>.widget-head .heading.glyphicons i:before{text-align: center;}
.widget .widget-head .heading.glyphicons i:before{font-size: 12px;}

.login .brand{
	margin-bottom:20px;
	text-align: center;
}

/* LEFT SIDEBAR ================================================== */
/* Menu ============== */
html.sidebar-full #menu{
	position:fixed;
	width:220px;
	overflow-y: auto !important;
}
	html.sidebar-full #menu .slim-scroll>ul>li.dropdown .dropdown-menu,
	html.sidebar-full #menu>ul>li.dropdown .dropdown-menu{width:auto;}

/* .slimScrollDiv{display:none} */
.navigation {
	padding: 0px;
	float: left;
	width: 100%;
	margin: 0px;
	list-style: none;
}
.navigation li {
	float: left;
	position: relative;
	width: 100%;
}
.navigation > li > a {
	display: block;
	float: left;
	width: 100%;
	
	font-size: 15px;
	background: transparent;
	color: #FFF;
	text-decoration: none;
/* 	-webkit-transition: background-color 200ms linear;
	-moz-transition: background-color 200ms linear;
	transition: background-color 200ms linear; */
}

.navigation > li > a:hover {
	background: #53aa39;
}
.navigation > li > a:hover > i,
 .navigation > li.active > a > i,
 .navigation > li.open > a > i {
	opacity: 1;
	filter: alpha(opacity = 100);
	color: #FFF;
}
.navigation > li.active > a {
	background: #53aa39;
	color: #ffffff;
}
 .navigation li ul {
	float: left;
	width: 100%;
	padding: 0px;
	background: #171717;
	display: none;
	position: relative;
	border-radius: 5px;
	border: 1px solid #333843;
	margin-top:5px;
}

.navigation li.openable:before {
	position: absolute;
	font-family: "fontAwesome";
	content: "\f104";
	font-size: 14px;
	width: 20px;
	height: 20px;
	color: #FFF;
	right: 10px;
	top: 9px;
	text-align: center;
	z-index:99999
}

.navigation li.openable1:before {
	position: absolute;
	font-family: "fontAwesome";
	content: "\f104";
	font-size: 14px;
	width: 20px;
	height: 20px;
	color: #FFF;
	right: 10px;
	top: 15px;
	text-align: center;
	z-index:99999
}
	.navigation li.openable:hover:before {top: 7px;}
.navigation li.openable.open:before {
	content: "\f107";
}

.navigation li.openable1:hover:before {top: 13px;}
.navigation li.openable1.open:before {
	content: "\f107";
}
.navigation li ul li {
	display: block;
	float: left;
	width: 100%;
}
.navigation li ul li a {
	display: block;
	float: left;
	width: 100%;
	padding: 6px 20px 6px 20px;
	color: #1e4a8b;
	text-decoration: none;
	margin-top: 1px;
	-webkit-transition: all 200ms;
	-moz-transition: all 200ms;
	transition: all 200ms;
	position: relative;
}
.navigation li ul li > a:hover,
.navigation li ul li.active > a {
	background: #81c84f;
	padding-left: 25px;
	color: #fff;
}
.navigation ul li > ul {
	border: 0;
}
.navigation ul li > ul li > a {
	padding-left: 30px;
}
.navigation ul li > ul li > a:hover,
.navigation ul li > ul li.active > a {
	padding-left: 35px;
}
.navigation ul li > ul li > ul li > a {
	padding-left: 50px;
}
.navigation ul li > ul li > ul li > a:hover,
.navigation ul li > ul li > ul li.active > a {
	padding-left: 55px;
}
.navigation ul li > ul li > ul li > ul li > a {
	padding-left: 60px;
}
.navigation ul li > ul li > ul li > ul li > a:hover,
.navigation ul li > ul li > ul li > ul li.active > a {
	padding-left: 65px;
}
.navigation ul li > ul li > ul li > ul li > ul li > a {
	padding-left: 70px;
}
.navigation ul li > ul li > ul li > ul li > ul li > a:hover,
.navigation ul li > ul li > ul li > ul li > ul li.active > a {
	padding-left: 75px;
}
.navigation li ul li a i {
	margin-right: 5px;
}
.navigation li.open > ul {
	display: block;
}
.navigation li a span.label {
	position: absolute;
	right: 5px;
	top: 50%;
	margin-top: -9px;
	line-height: 14px;
}
	
	
/* Logo ============== */
/* Logo sizing now handled by tam-theme-minimal.css */

	html.sidebar-full #menu .slim-scroll>ul>li>a.glyphicons i:before, html.sidebar-full #menu>ul>li>a.glyphicons i:before{font-size: 12px;}
	html.sidebar-full #menu .slim-scroll>ul>li>a.glyphicons i, html.sidebar-full #menu>ul>li>a.glyphicons i{padding: 0 5px 0 0;}
	
#content{min-height:940px;}
html.sidebar.sidebar-full #content{
	margin: 0 0 0 220px;
}
html.sidebar-full #menu .slim-scroll>ul, html.sidebar-full #menu>ul{border-top: 0;}


/* TOP NAVBAR - MAIN ================================================== */

html.top-full .navbar.main{background-color:#171717; border:1px solid #454a58;}
html.top-full .navbar.main .btn-navbar{background:#171717; padding: 0 14px;}
html.top-full .navbar.main .btn-navbar:hover{background:#454a58}

html.top-full .navbar.main .topnav{border-left: 0; font-size: 12px;}

/* TOPNAV - Wallet Dropdown ============== */
ul.walletNav{
	color:#FFF;
	font-size:12px;
	list-style:none;
	border-left: 1px solid #454a58;
	padding: 3px 0 3px 5px;
	margin:0;
}
	ul.walletNav li{float:left; margin-right:10px;}
	ul.walletNav li:last-child{margin-right:0px;}

ul.walletNav li img{
	float: left;
	text-align: center;
	margin: 0px 8px 0 0;
	border-radius: 3px;
	text-shadow: none;
	padding: 9px 6px;
}
ul.walletNav li .title{
	float:left;
	padding: 5px 0px;
	white-space:nowrap;
}
	ul.walletNav li .tilte-w{
		color:#e9e9e9;
		display:block;
		font-size:11px;
	}
	

/* TOPNAV - User-details ============== */
html.top-full .navbar.main .topnav>li>a.glyphicons.user span{padding: 0 8px 0 0;float: left;}
html.top-full .navbar.main .topnav>li>a.glyphicons.home span{padding: 0 8px 0 0;float: left;}
html.top-full .navbar.main .topnav>li>a.glyphicons.book span{padding: 0 8px 0 0;float: left;}

html.top-full .navbar.main .topnav>li.dropdown.dd-1 .dropdown-menu#user-details{
	width: 220px;
	font-size: 13px;
	border-radius:3px;
}

html.top-full .navbar.main .topnav>li.dropdown.dd-1 .dropdown-menu#user-details li{
	padding:4px 0;
	line-height: 30px;
	white-space:nowrap;
}

html.top-full .navbar.main .topnav>li.dropdown.dd-1 .dropdown-menu#user-details .details {
	display:inline;
	padding-right: 0;
}


html.top-full .navbar.main .topnav>li.dropdown.dd-1 .dropdown-menu#user-details .count {
	float: right;
	display:inline;
	color: #000;
	padding-left: 0;
}


/* TOPNAV - Language Dropdown ============== */
html.top-full .navbar.main .topnav>li.dropdown.dd-flags{border-left: 1px solid #70A3CF;}
html.top-full .navbar.main .topnav>li.active>a, html.top-full .navbar.main .topnav>li:hover>a, html.top-full .navbar.main .topnav>li.open>a{
	border:1px solid #3a3e49;
	background:#1f2123;
	color:#fff;
}
html.top-full .navbar.main .topnav>li.dropdown.dd-1 .dropdown-menu{padding:0;}
html.top-full .navbar.main .topnav>li.dropdown.dd-1 .dropdown-menu li a{font-size:13px; line-height: 34px;}
html.top-full .navbar.main .topnav>li.dropdown.dd-flags{border-left:1px solid #454a58;}

[class*="language-sel-"] {
	width:16px;
	height:11px;
	top: 1px;
	margin-right:5px;
	position: relative;
	display: inline-block;
}
	.language-sel-en{background: url(../../../images/flags/gb.png) no-repeat 0 0 !important}
	.language-sel-zh-CN{background: url(../../../images/flags/cn.png) no-repeat 0 0 !important}

	.language-sel-zh-TW{background: url(../../../images/flags/tw.png) no-repeat 0 0 !important}
	.language-sel-ar-AE{background: url(../../../images/flags/ae.png) no-repeat 0 0 !important}
	.language-sel-fr-FR{background: url(../../../images/flags/fr.png) no-repeat 0 0 !important}
	.language-sel-de-DE{background: url(../../../images/flags/de.png) no-repeat 0 0 !important}
	.language-sel-id-ID{background: url(../../../images/flags/id.png) no-repeat 0 0 !important}
	.language-sel-ja-JP{background: url(../../../images/flags/jp.png) no-repeat 0 0 !important}
	.language-sel-ko-KR{background: url(../../../images/flags/kr.png) no-repeat 0 0 !important}
	.language-sel-ru-RU{background: url(../../../images/flags/ru.png) no-repeat 0 0 !important}
	.language-sel-es-ES{background: url(../../../images/flags/es.png) no-repeat 0 0 !important}
	.language-sel-th-TH{background: url(../../../images/flags/th.png) no-repeat 0 0 !important}
	
	
	
/* INNERLR ================================================== */
.right-head{line-height: 28px;}

/* Announcements ============== */
.innerAnnounce{
	padding: 15px 0;
	position: relative;
	border-bottom: 1px solid #DBDBDB;
}
	.innerAnnounce:first-child{padding-top: 0}
	.innerAnnounce:last-child{border-bottom: 0; padding-bottom:0;}


/* Wallet List ============== */
.widget .widget-body.list.wallet li {
	padding:10px;
	line-height: 26px;
}
.widget .widget-body.list.wallet .img {
	float: left;
	text-align: center;
	margin: 2px 8px 0 0;

	border-radius: 3px;
	text-shadow: none;
	padding: 0px 6px 13px;
	cursor: pointer;
}
.widget .widget-body.list.wallet .title {
	line-height: normal;
	display: inline-block;
	padding: 5px 0 0;
	text-transform: uppercase;
}


/* Widget Updates ============== */
ul.updates{
	padding:0;
	margin:0;
}
	ul.updates li{
		padding: 15px 0;
		position: relative;
		border-bottom: 1px solid #DBDBDB;
		list-style:none;
	}
	ul.updates li:first-child{ padding-top: 0;}
	ul.updates li:last-child{border-bottom: 0; padding-bottom: 0;}
	
	ul.updates li .uDate{margin-top:-1px}
	ul.updates li .uNotice{display:block}
	ul.updates li .uNotice h5{margin-top:1px; margin-bottom:10px; line-height: 22px;}

/* Widget List ============== */
.widget .widget-head{height:auto}
	.widget .widget-head.sub-head{
		border-top: 1px solid #dbdbdb;
		border-radius: 0;
	}
	
	.widget .widget-head .heading{height:auto}
		
.widget.widget-heading-simple>.widget-head{height:auto}
	.widget.widget-heading-simple>.widget-head .heading{height:auto}

.widget .widget-body .heading{
	color: #7c7c7c;
	font-size: 14px;
	line-height: 35px;
}

	

.widget .widget-body.list ul li{height:auto;}
	.widget .widget-body.list .count{font-size:12px;}


.widget .widget-body .amount{
	line-height: 25px;
	padding: 0 0 0 25px;
}

.amount.glyphicons i:before{
	padding: 0;
	margin: 0;
	left: 0;
	top: 0;
	width: 25px;
	height: 25px;
	line-height: 25px;
	text-align: center;
	color: #7c7c7c;
	font-size: 12px;
	font-weight: normal;
	text-shadow: none;
}


/* MODAL ================================================== */
.modal-backdrop{
	background:#FFF;
	z-index:9999999;
}
.modal{
	z-index:99999999;
}

.modal-body h3 {
	color: #6f193d;
	margin-bottom: 10px;
	text-align: center;
	font-size: 20px;
	font-weight: bold;
}
	
ul.trade-wrapper{
	padding:0;
	list-style:none;
	background: #E5E5E5;
	border-radius: 5px;
	border: 1px solid #cecece;
}
	ul.trade-wrapper li{
		position: relative;
		float: left;
		padding: 10px;
		width: 50%;
		text-align: center;
		text-shadow: 0 1px 0 #FFF;
		border-right: 1px solid #cecece;
	}
	ul.trade-wrapper li:last-child {
		border-right: none;
	}


/* TABLE ================================================== */
.table.nm{margin:0;}

.table>thead>tr>th{vertical-align:top;}

.table>tbody>tr>td{border-top:0;}

/* Table Bordered ============== */
.table>thead>tr>th, .table>thead>tr>td{border-bottom-width: 1px;}

/* Table Primary ============== */
.table-primary thead th{font-size: 13px; white-space:nowrap;}
.table-primary thead th a{
	color: #FFF;
}


/* Table tSort ============== */
.table-inner thead th{color: #7c7c7c;}

/* Table tSort ============== */
.tSort{white-space:nowrap;}
.tSort_desc,
.tSort_asc,
.tSort {
	position: relative;
	cursor: pointer;
}
.tSort:after,
.tSort_desc:after,
.tSort_asc:after {
	/* float: right; */
	right:0;
	font-family: 'FontAwesome';
	opacity: 0.9;
	filter: alpha(opacity = 90);
	width: 10px;
	height: 10px;
	display: inline;
	margin-left:5px;
}
.tSort:after {
	content: "\f0dc";
	opacity: 0.6;
	filter: alpha(opacity = 60);
}
.tSort_desc:after {
	content: "\f0d8";
}
.tSort_asc:after {
	content: "\f0d7";
}
.tSort_asc_disabled:after,
.tSort_desc_disabled:after {
	opacity: 0.1;
	filter: alpha(opacity = 10);
}

tr.tac th{text-align:center}
/* Table Current Deal ============== */
.status_text{font-weight:bold;}
.buy-order-pending-payment .status_text{color:#dc4b3e !important;} /*red*/
.buy-order-approved .status_text {color:#16a05c !important} /*green*/
.buy-order-investigate .status_text{color:#dfaf2a !important} /*yellow*/

.match-order-payment-not-complete,
.match-order-payment-pending,
.match-order-payment-paid,
.match-order-payment-investigate,
.match-order-approve-pending,
.match-order-approve-approved{
	white-space:nowrap;
	color:#FFF;
	background-color:#dc4b3e !important;
	padding:2px 10px 3px;
	border-radius:4px;
	font-size:10px;
	font-weight:bold;
}
.match-order-payment-pending,
.match-order-approve-pending{background-color:#dfaf2a !important;}

.match-order-payment-not-complete{background-color:#0066ff !important;}

.match-order-payment-paid{background-color:#16a05c !important;}

.match-order-payment-investigate{background-color:#dc4b3e !important;}

.match-order-approve-approved{background-color:#4688f4 !important;}

.match-order-status-pending-payment,
.match-order-status-pending-seller-verify,
.match-order-status-pending-processing,
.match-order-status-investigate,
.match-order-status-approved,
.match-order-status-cancelled{font-size:11px;font-weight:bold;white-space:nowrap;}

.match-order-status-pending-payment{color:#dc4b3e} /*red*/
.match-order-status-pending-seller-verify{color:#dc4b3e} /*red*/
.match-order-status-pending-processing{color:#16a05c } /*green*/
.match-order-status-investigate{color:#dfaf2a !important;} /*yellow*/
.match-order-status-approved{color:#4688f4 !important;} /*blue*/
.match-order-status-cancelled{color:#666 !important;} /*grey*/



.HoldID{
	color: #4a8bc2 !important;
	cursor: pointer;
}
.table tbody tr.fadeLinear td{
	-webkit-transition: all 0.1s linear;
	-moz-transition: all 0.1s linear;
	-ms-transition: all 0.1s linear;
	-o-transition: all 0.1s linear;
	transition: all 0.1s linear;
}

.table tbody tr.highlight td{
	color:#4a8bc2;
	background:#e2e9f1;
}

/* FORM ================================================== */
.hideToggle {display: none;}
.ast {font-size: 11px;margin-left: 5px;color: #DB6464;}

.control-group{margin-bottom:10px;}
	.control-group .control-label{font-weight:normal;}

.form-horizontal .form-group {
	margin-right: -8px;
	margin-left: -8px;
}
.form-horizontal .form-control-static{
	line-height:24px;
	padding-top:4px;
}

.radio label, .checkbox label{
	padding-left: 0px;
	line-height: 28px
}

.form-horizontal .radio,
.form-horizontal .checkbox{padding-top:2px}

#uid_text{
	display: block;
	margin-top: 5px;
	margin-bottom: 0;
}

input[type="radio"], input[type="checkbox"]{margin: 8px 0 0;}

	/* Error Msg ============== */
	.error,
	.has-error {color: #A94442;}

	/* Activation Package ============== */
	ul.select-wrapper{padding:0}
		ul.select-wrapper li{
			float: left;
			display: inline-block;
			margin: 2%;
			width: 29%;
			background: #F7F7F7;
			border: 1px solid #EFEFEF;
			list-style:none;
		}
	
		ul.select-wrapper li .radio{
			width: 100%;
			float: left;
			display: inline;
			color: #FFF;
			padding: 10px;
			color: #757A83;
			font-weight: bold;
			text-align: center;
			cursor: pointer;
		}
		ul.select-wrapper li img{
			margin: 0 auto 10px;
			width: 34px;
			text-align: center;
			display: block;
		}
		ul.select-wrapper li .package-details{
			color: #90949B;
			display: block;
			font-size: 12px;
			font-weight: normal;
		}
		ul.select-wrapper input[type="radio"] {display: none;}
		
		ul.select-wrapper li:hover,
		ul.select-wrapper li.selected {
			background: #FFF;
			border-color: #9d8f62;
			transition: all 0.1s linear;
		}
		ul.select-wrapper li.selected {box-shadow: inset 0 0 0px 2px #4A8BC2;}
		
/* Pagination ============== */	
.custom-pagi a {
	border: 1px solid #d3d3d3;
	
	border-radius: 3px;
	padding: 4px 8px; 
	margin: 0 3px; 
	cursor: pointer; 
	*cursor: hand; 
	color: #919191; 
	font-size: 11px; 
	box-shadow: 0 1px 0 #fff inset, 0 1px 0px #dfdfdf; 
	-webkit-box-shadow: 0 1px 0 #fff inset, 0 1px 0px #dfdfdf; 
	-moz-box-shadow: 0 1px 0 #fff inset, 0 1px 0px #dfdfdf;
	line-height:28px;
}

.custom-pagi a:hover {
	background: #f6f6f6;
	background: -moz-linear-gradient(top,  #f6f6f6 0%, #e8e8e8 100%); 
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f6f6f6), color-stop(100%,#e8e8e8)); 
	background: -webkit-linear-gradient(top,  #f6f6f6 0%,#e8e8e8 100%); 
	background: -o-linear-gradient(top,  #f6f6f6 0%,#e8e8e8 100%); 
	background: -ms-linear-gradient(top,  #f6f6f6 0%,#e8e8e8 100%); 
	background: linear-gradient(top,  #f6f6f6 0%,#e8e8e8 100%); 
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6f6f6', endColorstr='#e8e8e8',GradientType=0 );
}
.custom-pagi a.current, .custom-pagi a:active {
	background: #9d8f62;
	color: #fff;
	border-color: #646464; 
	box-shadow: 0 1px 2px #545454 inset, 0 1px 0 #fff;
}
	.search{display:inline-block;margin-left:10px;}
	
	.search input{
		border: 1px solid #D3D3D3;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		border-radius: 3px;
		padding: 4px 5px;
		margin: 0 3px;
		color: #919191;
		font-size: 11px;
		box-shadow: 0 1px 0 #FFF inset, 0 1px 0px #DFDFDF;
		-webkit-box-shadow: 0 1px 0 #FFF inset, 0 1px 0px #DFDFDF;
	}
	.search input[type=submit]{background:#f0f0f0;}
	.search input[type=submit]:active{
		background: #6f6f6f;
		color: #fff;
		border-color: #646464; 
		box-shadow: 0 1px 2px #545454 inset, 0 1px 0 #fff; 
		-webkit-box-shadow: 0 1px 2px #545454 inset, 0 1px 0 #fff; 
		-moz-box-shadow: 0 1px 2px #545454 inset, 0 1px 0 #fff; 
		font-weight: bold;
	}

/* innerB ============== */

.data-footer{
	border-top: 1px solid #EFEFEF;
	padding: 10px 0 0 0;
}


/* INCENTIVE ================================================== */
.widget.widget-incentive{line-height: 36px;}
.widget.widget-incentive .widget-body.large {
	font-size: 22pt;
	font-weight: bold;
	text-align: center;
	padding: 15px 0;
	vertical-align: middle;
	line-height: normal;
}

	.keywords{font-weight:bold}
	.roi {color: #6B9B20; font-weight:bold}
	.remaining_time {
		display: block;
		font-size: 11px;
		line-height: 16px;
		color: #909090;
	}


/* MESSAGES ================================================== */
ul#subnavigation li{padding: 0;}
ul#subnavigation li a{padding: 10px 16px; display:block}
ul#subnavigation li.active{
	background-color: #4A8BC2;
}
	ul#subnavigation li.active a{color:#FFF; text-decoration:none}
	ul#subnavigation li.list-group-item{border:0}
	
	
	.innerMessage{
		padding: 10px 15px;
		border-bottom: 1px solid #EFEFEF;
		-webkit-transition: all 0.1s ease-in-out;
		-moz-transition: all 0.1s ease-in-out;
		-ms-transition: all 0.1s ease-in-out;
		-o-transition: all 0.1s ease-in-out;
		transition: all 0.1s ease-in-out;
	}
		.innerMessage:hover{background:#fefefe}
	
	.message-toggle {
		background: #F9F9F9;
		cursor: pointer;
	}
		.message-toggle:hover{background:#f7f7f7}

	
/* Datepicker ============== */
.datepicker{z-index:999999999!important}


.datepicker table tr td.disabled{
	color:#dbdbdb
}
/* Tagsinput ============== */
div.tagsinput {
	overflow-y: auto;
	display: block;
	width: 100%;
	height: 34px;
	padding: 2px 6px;
	font-size: 14px;
	line-height: 1.428571429;
	color: #555;
	vertical-align: middle;
	background-color: #FFF;
	background-image: none;
	border: 1px solid #CCC;
	
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
	-webkit-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;
}
div.tagsinput span.tag {
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	display: block;
	float: left;
	text-decoration: none;
	background: #2f9fe0;
	color: #FFF;
	margin: 4px 0px 4px 5px;
	line-height: 20px;
	padding: 0px 5px 0px 20px;
	position: relative;
}
	div.tagsinput span.tag.not_valid{background: #B61B27;}
div.tagsinput span.tag a {
	color: #FFF;
	text-decoration: none;
	position: absolute;
	left: 5px;
	width: 15px;
	height: 20px;
}
div.tagsinput span.tag a:before {
	position: absolute;
	font-family: "FontAwesome";
	content: "\f00d";
	color: #FFF;
	font-size: 12px;
	line-height: 20px;
}
div.tagsinput input {
	border:0;
	outline:0;
	width: 180px;
	margin: 4px 5px;
	border: 0px;
	height: 20px;
	line-height: 20px;
}
div.tagsinput div {
	display: block;
	float: left;
}


/* UI ============== */
.progress.progress-mini{
	height: 6px;
	border-radius: 5px;
}
	.incentive-progress p{
		color: #4D4D4D;
		margin-bottom:5px;
	}

.overthrow {
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
}


/* Preloader ============== */
.preloader{
	background: url(../images/loader.gif) no-repeat center center;
	background-color: #FFF;
	z-index: 10000;
	width: 44px;
	height: 44px;
	position: fixed;
	top: 50%;
	left: 50%;
	margin: -22px 0 0 -22px;
}
.loading{opacity:0.8}


/* Genealogy Suspended ============== */
.node-info-raw{position:relative;}
.acc-suspended .user-id,
.acc-suspended .user-name,
.acc-suspended .user-joined{text-decoration:line-through}
.genealogy-suspended{
	display: inline;
	text-decoration:none;
	font-size: 10px;
	font-weight: bold;
	color: #FFF;
	background: #c00502;
	padding: 2px 6px;
	margin: 7px 5px;
	border-radius: 4px;
}


/* SURVEY FORM ================================================== */
body.form{height:100%;}

#formWrapper{}
#formWrapper #header{
	text-align:center;
	padding:10px;
	background:#4a8bc2;
	margin-bottom:20px;
}
#formWrapper .container{width: 970px;}

#formWrapper .form-horizontal .control-label{
	font-weight:bold;
	text-align: left;
}


@media (max-width: 1240px) {
	.col-md-6 {width: 100%;}
}

@media (max-width: 992px) {
	.form-horizontal .control-label{text-align:left; padding: 0 7.5px 7.5px 7.5px;}
}

@media (min-width: 992px) {
	.secNav{
		float:left;
		width:270px;
		position: absolute;
	}
	.innerContent{
		position: relative;
		/*margin-left: 290px;*/
	}
	.innerContent.marginLeft{margin-left: 290px;}
 }

@media (max-width: 767px){
	html.top-full .navbar.main .btn-navbar{border-bottom:0; border-right: 1px solid #454A58;}
	html.top-full .navbar.main .topnav{float:right !important}
	html.top-full .navbar.main .topnav>li{float:left;border:0;}
	html.top-full .navbar.main .topnav>li:hover, html.top-full .navbar.main .topnav>li.open{padding: 8px 0 8px 8px;}
	
	html.top-full .navbar.main{border:0;}
	
	html.top-full.sidebar-full .menu-left .navbar.main{border-left: 0;}
	
	.fa-lang{margin:0}
	.language-text{display:none}
	.widget .widget-body {padding: 15px;}
}

@media (min-width: 768px){
	html.no-touch.sticky-top.sidebar.sidebar-full .navbar.main {left: 220px;}
}



/* LOGIN CSS ================================================== */
body.login #login{padding: 0;}
body.login #login .container{padding: 140px 0 0;}
html.no-touch.sticky-top.sidebar.sidebar-full #login .navbar.main {position: absolute; top: 0; left: 0; right: 0;}


/* ADMIN CSS ================================================== */

/*expandable*/
/*
#expList ul, li {
    list-style: none;
    margin:0;
    padding:0;
    cursor: pointer;
}
#expList p {
    margin:0;
    display:block;
}
#expList p:hover {
    background-color:#121212;
}
#expList li {
    line-height:140%;
    text-indent:0px;
    background-position: 1px 8px;
    padding-left: 20px;
    background-repeat: no-repeat;
}*/

#expList .collapsed {
	list-style-image: url('../img/collapsed.png');
	/*background-image: url(../img/collapsed.png);*/
	list-style-position: inside;
}
#expList .expanded {
	list-style-image: url('../img/expanded.png');
   /*background-image: url(../img/expanded.png);*/
   list-style-position: inside;
}
#expList {
    clear: both;
	list-style-image: url('');
}


/*tree*/

.expListTree li {
    margin: 0px 0;
	
	list-style-type: none;
    position: relative;
	padding: 20px 5px 0px 5px;
}

.expListTree li::before{
    content: '';
	position: absolute; 
    top: 0;
	width: 1px; 
    height: 100%;
	right: auto; 
    left: -20px;
	border-left: 1px solid #ccc;
    bottom: 50px;
	
}
.expListTree li::after{
    content: '';
	position: absolute; 
    top: 30px; 
	width: 25px; 
    height: 20px;
	right: auto; 
    left: -20px;
	border-top: 1px solid #ccc;
}
.expListTree li a{
    display: inline-block;
	border: 1px solid #ccc;
	padding: 5px 10px;
	text-decoration: none;
	color: #666;
	font-family: arial, verdana, tahoma;
	font-size: 11px;
    border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}

.expListTree > ul > li::before, .expListTree > ul > li::after{
	border: 0;
}
.expListTree li:last-child::before{ 
      height: 30px;
}