/* 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;
}
*/
.pin{ overflow:hidden; margin:0 0 25px 0; }
.pin span{ float:left; line-height:30px; margin:0 5px 0 0; }
.task-title-sp{ overflow:hidden; }
.task-title-sp img{ float:left; margin:0 10px 0 0; }

.banner-container .banner img{
	 width:100%; height: auto; margin: 0 0 5px 0;
}

.page-profile{
	 color: #fff; padding:20px 10px;
}
.page-profile-pic{
	 width: 150px; margin: 0 auto;

}
.page-profile-pic img{
		margin: 20px 0;
	   border: 2pt solid #fff; float: none;
	   width:100%; height:auto;
}
.page-profile-desc{
	text-align: center; clear: both;
}

.page-profile-msg ul{
	margin: 0; padding: 0; list-style: none; width: 250px;
}
.page-profile-msg  ul li{
	 display: block; width:50px; height: 50px; float: left;
	 background: #f47b32; margin: 0; padding: 0;
	 color: white; line-height: 50px; text-align: center;
}

.page-profile-title{
	 color: #eb830f; font-size: 16px;
}
.page-footer-inner{
	 width: 100%;
}
.nav-bottom{
	 float: left; color:#fff;
}
.nav-bottom a{
	color:#fff;
}

.copy{
	 float: right; color:#fff;
}
.banner-ads{
	 padding: 0 0;
}
.banner-ads div{
	 padding: 0 10px;
}
.banner-ads div img{
	 width: 100%; height: auto; margin: 0 0 10px 0;
}

.reset > div{ display:; margin:0 0 20px 0; }
.reset > div:first-child{ display:block; }

.addPhoto{ width:100%; max-width:500px; padding:20px 0; margin:0 auto; }
div.fakeFile {

  /* IMPORTANT STUFF */
  overflow: hidden;
  position: relative;
  /* SOME STYLING */ text-align:center;
  border: 2pt dashed #ccc; border-radius:8px !important;
  cursor:pointer; text-align:center;
  padding:20px 2% 5px 2%; margin:10px 0;
}
div.fakeFile div{ background:none; border:none;  }
.text{ line-height:50px; clear:both; }

input#myPhoto {
  height: 100%; width:100%;
  cursor: pointer;
  position: absolute;
  top: 0px;
  right: 0px;
  font-size: 100px;
  z-index: 2; padding:0;

  opacity: 0.0; /* Standard: FF gt 1.5, Opera, Safari */
  filter: alpha(opacity=0); /* IE lt 8 */
  -ms-filter: "alpha(opacity=0)"; /* IE 8 */
  -khtml-opacity: 0.0; /* Safari 1.x */
  -moz-opacity: 0.0; /* FF lt 1.5, Netscape */
}

.qnetlifesite{ background:url(../../custom/images/logo_qnetlifesite.jpg) no-repeat; padding:0 0 0 88px !important; margin:0 50px 0 0; background-size:contain; }
.briltime{ background:url(../../custom/images/logo_brilnet.jpg) no-repeat; padding:0 0 0 75px !important; background-size:contain; }
.brilvoice{ background:url(../../custom/images/logo_brilcloud.jpg) no-repeat; padding:0 0 0 180px !important; background-size:contain; }
.swisselearning{ background:url(../../custom/images/logo_swiss.jpg) no-repeat; padding:0 0 0 46px !important; background-size:contain; }
.bizsmart{ background:url(../../custom/images/logo_bizsmart.jpg) no-repeat; padding:0 0 0 55px !important; background-size:contain; }
.vtube{ background:url(../../custom/images/logo_vtube.jpg) no-repeat; padding:0 0 0 85px !important; background-size:contain; }
.presentation{ background:url(../../custom/images/logo_presentation.jpg) no-repeat; padding:0 0 0 55px !important; background-size:contain; }

.container-pricelist{ background:#fff; padding:50px 0 0 0; }

.tourguide{ float:right; background:#82c033; color:#fff; border-radius:20px !important; width:20px; height:20px; text-align:center; cursor:pointer; }
.countdownBanner{ margin:2em 0; }

/*.bannerPromo > div:first-child{ float:left; width:65%; }
.bannerPromo > div:last-child{ float:right; width:33%; }
*/
.navbar-nav .tourguide{ padding:0 !important; margin:10px !important; float:right; background:#F7821F; color:#fff !important; border-radius:20px !important; width:20px; height:20px; text-align:center; cursor:pointer; }


.portlet-container{ overflow:hidden; vertical-align:top; }

.portlet-container > div{ width:50%; display:inline-block; margin:0 0 0 -4px; text-align:left; padding:10px; box-sizing:border-box; vertical-align:top; }
.spacing { height:100px; }
.caption > a.btn-activate{ background:rgba(69, 182, 175,1); color:#ffffff; }
.caption > a.btn-activate:hover{ background:#3a9893; color:#ffffff; }
.caption > a.btn-purchase {
  color: white;
  background-color: #428bca;
  border-color: #357ebd;
}
.caption > a.btn-purchase:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active {
  color: white;
  background-color: #3276b1;
  border-color: #2a6496;
}
.caption > a.btn-login {
  color: white;
  background-color: #89c4f4;
  border-color: #72b8f2;
}
.caption > a.btn-login:hover, .btn-info:focus, .btn-info:active, .btn-info.active {
  color: white;
  background-color: #64b1f1;
  border-color: #43a1ed;
}
.caption > a.btn-faqs {
  color: white;
  background-color: #F37021;
  border-color: "";
}
.caption > a.btn-faqs:hover, .orange-haze.btn:focus, .orange-haze.btn:active, .orange-haze.btn.active {
  color: white;
  background-color: #999;
}
.bvTeam{ margin: 0 10px;  }
.bvTeam > div{
	display:block; padding:2px 5px;
	width: 100%; color: #fff; float: left; text-align: center;s
}
.bvTeam > div > span{ width: 50%; display: inline-block; clear: both; margin: 0 0 0 -4px; padding: 0 10px; border-right: 1pt solid #fff; }
.bvTeam > div > span:nth-child(2){ text-align: right; border-right: 0 solid #fff;  }

@media screen and (max-width:768px) {
.portlet-container > div{ width:100%; display:block; clear:both; }
.spacing { height:100px; display:none; }
}

@media screen and (max-width:640px) {

.qnetlifesite{ background:url(../../custom/images/logo_qnetlifesite.jpg) no-repeat; padding:46px 0 0 0 !important; background-size:auto; }
.briltime{ background:url(../../custom/images/logo_brilnet.jpg) no-repeat; padding:46px 0 0 0 !important; background-size:auto; }
.brilvoice{ background:url(../../custom/images/logo_brilcloud.jpg) no-repeat; padding:46px 0 0 0 !important; background-size:auto; }
.swisselearning{ background:url(../../custom/images/logo_swiss.jpg) no-repeat; padding:46px 0 0 0 !important; background-size:auto; }
.bizsmart{ background:url(../../custom/images/logo_bizsmart.jpg) no-repeat; padding:46px 0 0 0 !important; background-size:auto; }
.vtube{ background:url(../../custom/images/logo_vtube.jpg) no-repeat; padding:46px 0 0 0 !important; background-size:auto; }
.presentation{ background:url(../../custom/images/logo_presentation.jpg) no-repeat; padding:46px 0 0 0 !important; background-size:auto; }


.caption > a{ margin:2px 0; }
.tools{ position:relative; right:0; top:12px; margin:0 !important; padding:0 !important; vertical-align:top; }
}
.ddNotification li a{ color:#000 !important; background:#ccc !important; }
.ddNotification li.read a{ color:#333 !important; background:none !important; padding:0 0 0 10px; }