/* CSS Document */
.validation-summary-errors ul{ list-style:none; margin:0; padding:0;}
.input-group,.form-group,.form-group input,.form-group select { margin-bottom:0.7rem}
.form-buttons{ margin-top:1rem; padding-top:.7rem; border-top:1px solid #DDD}
.dleft .navbar-left{ margin:0; padding:0; list-style:none;}
.input-group .button{margin:.08em 0 0 .4rem; float:right; vertical-align:middle;}

.btn,.button,.input-group select,.input-group input{ margin-bottom:0;}
.form-horizontal hr{ display:none;}
td.pimg{ text-align:center;}
.pimg span{ display:inline-block; border-radius:50%;-moz-border-radius:50%; -webkit-border-radius:50%; text-align:center; width:70px; height:70px; overflow:hidden}
.pimg img{ max-width:70px;}
.pimg i{ font-size:3rem; color:#b6b6b6}
.small{ font-size:.9rem;}
td.title a{ display:block; color:#252525; font-weight:bold;}
.actions{ text-wrap:nowrap;}
.actions i{font-size:1.4rem;}
/*Login*/
.pp-loginblock fieldset{ padding:.7rem; position:relative; overflow:hidden;}
.pp-loginblock fieldset legend{ font-size:1.2rem; font-family: 'Ubuntu', sans-serif; margin:.3rem 0 0 0; display:table; /*padding-bottom:.5rem; border-bottom:1px solid #DDD*/ width:100%;  font-weight:600; text-transform:uppercase; }
.pp-loginblock{ margin-top:2.5rem;}
.pp-loginblock .tabs{ background:none; border:none; margin:0; padding:0; text-align:center;}
.pp-loginblock .tabs li{ display:inline-block; float:none; background:none!important;}
.pp-loginblock .tabs li a{color:#1C1C1C; padding:.8rem 2rem; display:block; font-size:1.125rem;}
.pp-loginblock .tabs li a:hover{ background:none;}
.pp-loginblock .tabs li.tabs-title.is-active a{ background:#FFF; border:1px solid #E5E5E5; border-width:1px 1px 0 1px}
.pp-loginblock .tabs-content { border:none;}
.pp-loginblock .lright ul,.pp-loginblock .lright h4{ margin:0 .7rem; padding:0px; list-style:none}
.pp-loginblock .lright ul li{ margin:1rem 0 2rem 0; font-size:.9rem; line-height:1.1rem; color:#2e2e2e;}
.pp-loginblock .lright ul li h5{ font-size:1.1rem; font-family: 'Ubuntu', sans-serif; margin:0 0 .4rem 0; padding:0; line-height:1rem}
.pp-loginblock .lright .hints li i{ font-size:1.7rem;border:2px solid #1C1C1C; color:#1C1C1C; width:3rem; height:3rem; border-radius:50%;-moz-border-radius:50%; -webkit-border-radius:50%; text-align:center; margin:0 .7rem 1rem 0; float:left; font-weight:700;}
.pp-loginblock .lright .hints li i:before{ vertical-align:-29%;}
.pp-loginblock .lright .benefits li i{ font-size:3.5rem;  float:left; margin:0 .7rem 1rem 0;}
.ps-benefits,.signup-personal{display:none;}
.pp-loginblock .profile{ margin-top:-.5rem;}

/*Dashboard*/
.dleft h3{ background:#1e62a6; color:#FFF; margin:0; padding:.4rem 1rem; font-size:1.28rem;}
.dleft h3 a{ color:#fff;}
.dleft ul.menu{ margin:0 1rem; padding:0; list-style:none;}
.dleft ul.menu.nested { padding:0; margin:0 0 0 1rem;}
.dleft li{ margin:.2rem 0 .2rem 0; border-bottom:1px solid #DADADA;}
.dleft li:last-child{ border:none;}
.dleft li a{color:#1c1c1c; display:block; padding:.5rem 0 .7rem 0; font-size:.9rem;}
.dleft li a:hover,.dleft li a.active{ color:#1e62a6;}
.dleft li a.active:after{ content:"\2192"; color:#1e62a6; float:right;}
.mlogo{ margin:1rem 1rem 0 1rem; border-bottom:1px solid #DADADA; overflow:hidden; text-align:center;}
.mlogo img{ max-width:100%;}
.mlogo h4{ margin:.5rem 0 1rem 0}
.mlogo h4 a{ color:#2e2e2e;}
.dright{ background:#FFF; border:1px solid #DADADA; border-width:0 0 1px 1px; padding:0; min-height:500px;}
.is-accordion-submenu-parent>a:after {border-color: #444 transparent transparent;}
.pd-wrap{ padding:.7rem 0 .7rem 0; border-bottom:1px solid #DADADA; color:#1a1a1a; font-size:.9rem}
.pd-wrap.pd-slim{padding:.4rem 0 .3rem 0;}
.pd-wrap p, .pd-wrap li, .pd-wrap span, .pd-wrap a, .pd-wrap label{font-size:.9rem}
.pd-wrap.last{ border:none;}
.pd-wrap h2,.pd-wrap h3.main{ padding-bottom:.7rem; margin-bottom:.7rem; border-bottom:1px solid #ddd;}
.pd-wrap h3,.pd-wrap h2{ font-size:1.5rem;}
.breadcrumbs{ margin:0; padding:0;}
.breadcrumbs li{ text-transform:none; font-size:.9rem; color:#7d7d7d;}
.breadcrumbs li a{color:#a81414}
.pd-wrap .tools{ margin:0px; list-style:none;}
.pd-wrap .tools li{margin:1rem 0 2rem 0; font-size:.85rem;  color:#535353; display:block; }
.pd-wrap .tools li p{ margin-bottom:0; line-height:1.1rem; padding-right:.4rem}
.pd-wrap .tools li i{font-size:1.5rem;border:2px solid #1C1C1C; color:#1C1C1C; width:2.7rem; height:2.7rem; border-radius:50%;-moz-border-radius:50%; -webkit-border-radius:50%; text-align:center; margin:0 .5rem 1rem 0; float:left; font-weight:600}
.pd-wrap .tools li i:before{ vertical-align:-29%;}
.pd-wrap .tools h5{ font-size:1.1rem; font-family: 'Ubuntu', sans-serif; margin:0 0 .4rem 0; padding:0; color:#2E2E2E; line-height:1rem}
.pd-wrap .pdleft{ border:1px solid #DADADA; border-width:0 1px 0 0; min-height:150px;}
.pd-wrap .qlinks{ margin:0; padding:0; list-style:none;} 
.pd-wrap .qlinks li a{color:#2e2e2e;}
.pd-wrap .qlinks li a{ display:block; text-decoration:underline;}
.pd-wrap .amount{ margin-bottom:1rem; line-height:1.3rem}
.pd-wrap .amount span{ display:block; font-size:1.5rem; margin-top:.2rem}
.pd-wrap .button.hollow.secondary{border-width:1px; font-size: .9rem; padding:.6rem 1.1rem; text-transform:uppercase; color:#a81414; border-color:#a81414;}
.pd-wrap .button.hollow.secondary.small{font-size: .75rem; padding:.2rem 1rem; line-height.7rem;}
.pd-wrap .exwrap{ padding-bottom:0rem; border-bottom:1px solid #dadada; margin-bottom:1rem;}
.pd-wrap .exwrap label{font-size:.8rem; color:#4a4a4a;}
.pd-wrap .opt{ text-align:center; margin:.4rem 0; position:relative }
.pd-wrap .opt span{ background:#FFF; display:inline-block; padding:0 .4rem; text-transform:uppercase; font-size:.85rem; position:relative; z-index:4; }
.pd-wrap .opt:after{position: absolute; background: #DADADA; content: ""; display: block; z-index:3;left:0;top: 50%;width:100%;height:1px;}

/*Admin*/
.pp-submenu{ background:#f2f2f2; border-bottom:1px solid #dadada; margin-bottom:1rem;}
.pp-submenu .menu > li{ margin:0px; padding:0; line-height:1rem;}
.pp-submenu .menu > li > a{ color:#232323; padding:.7rem .9rem; font-size:.95rem;}
.pp-submenu .menu > li > a:hover{ color:#1e62a6;}
.pp-submenu .menu > li.active > a { background:#a81414; color:#fff;}
ul.submenu{ margin:0; padding:0;}
.adminboard table td,.adminboard table th{ font-size:.8rem; padding: .1rem .3rem .2rem .3rem;}
.adminboard table td img{width:16px; height:16px; max-width:none;}
.jtable-title-text{font-size:1.2rem; font-family: 'Ubuntu', sans-serif; border-bottom:1px solid #dadada; padding:0 0 .4rem 0; margin:0 0 1rem 0;}

/*Data Tables*/
#transactions_length{ display:none;}
#transactions_wrapper{ padding-top:.7rem; border-top:1px solid #ddd}
.dataTables_filter input{ margin-bottom:.7rem}

/* Small only */
@media screen and (max-width: 39.9375em) {
	/*Login*/
	.lleft{ border-bottom:1px solid #DADADA;}
	.lright{ padding-top:1.5rem;}
	
	/*Dashboard*/
	.dright{ background:#FFF; border-width:1px 0 0 0; min-height:0;}
	.pd-wrap .pdleft{ border-width:0 0 1px 0; padding-left:1rem; padding-right:1rem; padding-bottom:1rem; margin-bottom:1rem; min-height:0;}
	.pd-wrap .pdright{padding-left:1rem; padding-right:1rem;}
	.pd-wrap .amount{ margin:.2rem 0 .7rem;}
	.dleft li a.active:after{ content:"\2193";}
	
	/*Responsive tables*/
	select#country{ margin-bottom:0!important;}
	.paginate_button{ display:inline-block; padding:.2rem .4rem; margin:0 .2rem; background:#fefefe;}
	.dataTables_length,.dataTables_filter{ text-align:center!important; margin:0 0 .4rem 0!important}
	.dataTables_filter label,.dataTables_length label{ float:none!important; text-align:center!important;}
		/* Force table to not be like tables anymore */
		table, thead, tbody, th, td, tr { 
			display: block; 
		}
		
		/* Hide table headers (but not display: none;, for accessibility) */
		thead tr { 
			position: absolute;
			top: -9999px;
			left: -9999px;
		}
		
		tr { border: 1px solid #ccc; }
		
		td { 
			/* Behave  like a "row" */
			border: none;
			border-bottom: 1px solid #eee; 
			position: relative;
			padding-left: 50%; 
		}
		
		td:before { 
			/* Now like a table header */
			position: absolute;
			/* Top/left values mimic padding */
			top: 6px;
			left: 6px;
			width: 45%; 
			padding-right: 10px; 
			white-space: nowrap;
		}
}

/* Medium and up */
@media screen and (min-width: 40em) {
	/*Login*/
	.lleft{ border-right:1px solid #DADADA;}
	.lright{ padding-top:2.8rem;}
	
	/*Dashboard*/
	.pd-wrap .tools li{width:50%; float:left; overflow:hidden}
}

/* Medium only */
@media screen and (min-width: 40em) and (max-width: 64em) {
	/*Dashboard*/
	.level-2 .pdleft{ border-width:0 0 1px 0; margin-bottom:.4rem; padding-bottom:.4rem;}
}

/* Large and up */
@media screen and (min-width: 64.12em) {
	div.form-horizontal{ max-width:50%;}
	/*Dashboard*/
	.pd-wrap .qlinks{ margin:-4.6rem 0 0 1rem; float:right; }
	.pd-wrap .opt span{margin:1.5rem 0 .8rem; }
	.pd-wrap .opt:after{position: absolute; left: 50%;  top: 0; width: 1px; height: 100%;}
	
}

/* Large only */
@media screen and (min-width: 64em) and (max-width: 74.9375em) {
	
}

@media screen and (min-width: 75em){
}