/* here you can put your own css to customize and override the theme */

/***
Rounded Portlets
***/
/*
.portlet {
	border-radius: 4px !important;
}

.portlet .portlet-title {
	border-radius: 4px 4px 0px 0px !important;
}

.portlet .portlet-body,
.portlet .portlet-body .form-actions  {
	border-radius: 0px 0px 4px 4px !important;
}
*/

ul.profile-group li.list-group-item strong {width:70px;display:block;float:left}
/*BINARY TREE*/
div.viewtree {
	background: url('../../../../images/blanktree.jpg') no-repeat 75% 1% #FFF;
	width: 665px;
	height: 430px;
	position: relative;
	margin: 35px auto;
}
div.viewtree div {
	position: absolute;
	width: 60px;
	height: 80px;
	text-align: center;
	line-height: 9px;
	font-size: 9px;font-weight:bold;
	background: #FFF;
}
div.viewtree div a {
	color: #000;
	text-decoration: none;
	clear: both;
	display: block;
	text-align: center;
	margin-top: 3px;
}
div.viewtree div a:hover {
	text-decoration: underline
}
div.viewtree div#legend {
	right: 0px;
	top: 10px;
	width: 150px;
	height: 100px;
	background: #CCC
}
div.viewtree div#treepos1 {
	left: 309px;
	top: 0px;
}
div.viewtree div#treepos2 {
	left: 162px;
	top: 112px;
}
div.viewtree div#treepos3 {
	left: 449px;
	top: 112px;
}
div.viewtree div#treepos4 {
	left: 88px;
	top: 222px;
}
div.viewtree div#treepos5 {
	left: 233px;
	top: 222px;
}
div.viewtree div#treepos6 {
	left: 378px;
	top: 222px;
}
div.viewtree div#treepos7 {
	left: 523px;
	top: 222px;
}
div.viewtree div#treepos8 {
	left: 48px;
	top: 333px;
}
div.viewtree div#treepos9 {
	left: 126px;
	top: 333px;
}
div.viewtree div#treepos10 {
	left: 194px;
	top: 333px;
}
div.viewtree div#treepos11 {
	left: 271px;
	top: 333px;
}
div.viewtree div#treepos12 {
	left: 339px;
	top: 333px;
}
div.viewtree div#treepos13 {
	left: 416px;
	top: 333px;
}
div.viewtree div#treepos14 {
	left: 485px;
	top: 333px;
}
div.viewtree div#treepos15 {
	left: 561px;
	top: 333px;
}
div#userstats {
	width: 270px;
	height: auto;
	right: 19px;
	top: 50px;
	position: absolute;
	z-index: 1
}

.tab-pane {overflow: hidden}
.ctable {font-size:14px}
@media(max-width:1200px) {
	div#userstats {
		width: 80%;
		height: auto;
		position: relative;
		z-index: 1;
		margin: 0 auto;
		clear: both;
		display: block;
		top: 5px;
	}
}
.btext a {color:#00F}
.btext a:hover {color:#000;text-decoration:none}
div#userstats table td {
	font-size: 12px;
}
span.searchbox {
	position: absolute;
	top: 5px;
	left: 25px;
	display: inline-block;
	overflow: hidden;
	width: 260px;
	z-index: 2
}
input.mtop,a.mtop {margin-top:2px;}
.mtop-10x {margin-top:10px}
span.searchbox .error {
	padding: 5px 10px;
	margin-bottom: 5px;
	background-image: none;
	font-size: 11px;
	display: block
}
span.searchbox input.textbox {
	background: url(../../../../images/search.png) #FFFFFF no-repeat 4px 4px;
	padding: 4px 4px 4px 22px;
	border: 1px solid #CCCCCC;
	width: 130px;
	height: 18px;
}
/*BINARY TREE*/

#cluetip-waitimage {
	width: 43px;
	height: 11px;
	position: absolute;
	background: url(../../../../images/wait.gif) no-repeat;
}
#cluetip {
	z-index: 100;
}
#cluetip-close img {
	border: 0;
}
#cluetip-title {
	overflow: hidden;
}
#cluetip-title #cluetip-close {
	float: right;
	position: relative;
}
#cluetip-waitimage {
	width: 43px;
	height: 11px;
	position: absolute;
	background: url(../../../../images/wait.gif) no-repeat;
}
.cluetip-arrows {
	display: none;
	position: absolute;
	top: 0;
	left: -11px;
	height: 22px;
	width: 11px;
	background-repeat: no-repeat;
	background-position: 0 0;
}
#cluetip-extra {
	display: none;
}
.cluetip-default {
	background-color: #F1F1F1;
}
.cluetip-default #cluetip-outer {
	position: relative;
	margin: 0;
	background-color: #F1F1F1;
}
.cluetip-default h3#cluetip-title {
	margin: 0 0 5px;
	padding: 8px 10px 4px;
	font-size: 12px;
	font-weight: normal;
	background-color: #87876a;
	color: #fff;
}
.cluetip-default #cluetip-title a {
	color: #d9d9c2;
	font-size: 0.95em;
}
.cluetip-default #cluetip-inner {
	padding: 6px;
}
.cluetip-default #cluetip-inner table {
}
.cluetip-default div#cluetip-close {
	text-align: right;
	margin: 0 5px 5px;
	color: #900;
}
table.table-custom {
	background:#FFF;
	font-size: 12px;
	margin-bottom:0
}
table.table-custom tr td {
	padding: 5px;
}
div.viewtree a.showtip {font-family:Arial, Helvetica, sans-serif;}
#search_pagination{padding:0 0 10px;margin:10px auto}#search_pagination .page-numbers{float:left;border:1px solid #fff;margin-right:3px;padding:4px 7px;font-family:"Trebuchet MS",Arial;font-size:12px;font-size-adjust:none;font-style:normal;font-variant:normal;font-weight:400;line-height:normal}#search_pagination a.page-numbers{background-color:#747474;border:1px solid #ccc;text-decoration:none;color:#FFF}#search_pagination a.page-numbers:hover{background-color:#EAF2FA;border:1px solid #999;color:#000}#search_pagination .current{border:1px solid #FFF!important;font-weight:700;background-color:#999}#search_pagination .pagenav{font-weight:700;margin:0}.marquee{overflow:hidden;float:left;margin-top:13px;color:#FFF;font-size:16px;display:none}table.stick-head th{background:#FFF}div.tooltip.top{overflow:visible!important}div.tooltip-inner{width:auto!important;overflow:visible}.col-centered{float:none;margin:0 auto}.adpd{padding-bottom:30px}
/***
Invoice page
***/
.invoice table {
  margin: 30px 0 30px;
}

.invoice .invoice-logo {
  margin-bottom: 20px;
}

.invoice .invoice-logo p {
  padding: 5px 0;
  font-size: 26px;
  line-height: 28px;
  text-align: right;
}

.invoice .invoice-logo p span {
  display: block;
  font-size: 14px;
}

.invoice .invoice-logo-space {
  margin-bottom: 15px;
}

.invoice .invoice-payment strong {
  margin-right: 5px;
}

.invoice .invoice-block {
  text-align: right;
}

.invoice .invoice-block .amounts {
  margin-top: 20px;
  font-size: 14px;
}
table.tfile, table.tfile td, table.tfile i.fa {font-size: 22px}
table.tfile i.fa {color: crimson}