/* 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;
}

.copy {
    float: right;
}

.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;
}

.qlearn {
    background: url(../../custom/images/logo_qlearn.jpg) no-repeat;
    padding: 0 0 0 100px !important;
    background-size: contain;
}

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

.tourguide {
    float: right;
    background: #F7821F;
    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;
    }

@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;
    }

    .qlearn {
        background: url(../../custom/images/logo_qlearn.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;
}

@media (max-width: 767px) {
    .copy {
        float: none;
    }
}

.digitalButtonActivateModel {
    background-color: #F37021;
    color: white;
}