/*!
 * Hub Option 1 Default code
 */

/* Hub */
.Hub #PageContent h3 { color: #B70062; }

.Hub #PageContent .ProfileWrap { border: 1px solid; background-color: #f8f8f8; margin: auto; padding: 0; display: block; overflow: hidden; position: relative; max-width: 283px; }
.Hub #PageContent .ProfileWrap span.ProfileDetails {  }
.Hub #PageContent .ProfileWrap span.ProfileDetails .btn { background: none; background-color: transparent !important; border: none !important; margin: 10px auto; padding: 0; text-align: center; width: 100%; text-decoration: none; }
.Hub #PageContent .ProfileWrap span.ProfileDetails .btn i { background-color: #361163; border-radius: 50%; color: #fff; font-size: 3em; padding: 25px 25px 25px 25px; display: block; height: 100px; width: 100px; margin: auto; transition: all ease 1s; }
.Hub #PageContent .ProfileWrap span.ProfileDetails .btn i:hover { background-color: #B70062; }
.Hub #PageContent .ProfileWrap span.ProfileDetails .btn label { color: #B70062; }
.Hub #PageContent .ProfileWrap span.ProfileText { background-color: #fff; display: block; font-weight: bold; bottom: 20px; right: 25px; padding: 10px; left: 25px; }
.Hub #PageContent .ProfileWrap div.ProfileText { background-color: #fff; display: block; font-weight: 200; bottom: 20px; padding: 1px 0px 1px 0px; font-size: 14px }
.Hub #PageContent .ProfileWrap div.ProfileSection { padding: 10px 0px 10px 0px; border: 1px solid #f8f8f8; }
.Hub #PageContent .ProfileWrap span.ProfileSectionDetail { color:#B70062; word-wrap: break-word; }

.Hub #PageContent .yearpickerWrapper { display: block; }

.Hub #PageContent .hub-tabs-container .Hubtabs { background: none; border: 1px solid #B70062; border-radius: 0; margin: 0; padding: 0; }
.Hub #PageContent .hub-tabs-container .Hubtabs ul.ui-tabs-nav { background: none; background-color: #3ba5fa; border: 0; border-radius: 0; margin: 0; padding: 0; width: 100%; }
.Hub #PageContent .hub-tabs-container .Hubtabs ul.ui-tabs-nav li.ui-tabs-tab { background: none; background-color: transparent; border: none; border-right: 2px solid #fff; border-radius: 0; margin: 0; padding: 5px 0; opacity: 1; }
.Hub #PageContent .hub-tabs-container .Hubtabs ul.ui-tabs-nav li.ui-tabs-tab:last-child { border-right: none; }
.Hub #PageContent .hub-tabs-container .Hubtabs ul.ui-tabs-nav li.ui-tabs-tab a { background: none; background-color: transparent; color: #fff; display: block; cursor: pointer; text-align: center; text-decoration: none; opacity: 0.6; width: 100%; }
.Hub #PageContent .hub-tabs-container .Hubtabs ul.ui-tabs-nav li.ui-tabs-tab.ui-state-active { background-color: #B70062; }
.Hub #PageContent .hub-tabs-container .Hubtabs ul.ui-tabs-nav li.ui-tabs-tab.ui-state-disabled { background-color: #ccc; }
.Hub #PageContent .hub-tabs-container .Hubtabs ul.ui-tabs-nav li.ui-tabs-tab.ui-state-active a { background: none; background-color: none; color: #fff; text-decoration: underline; opacity: 1; cursor: pointer; }
.Hub #PageContent .hub-tabs-container .Hubtabs ul.ui-tabs-nav li.ui-tabs-tab.ui-state-active a:hover { background: none; background-color: none; color: #fff; text-decoration: underline; opacity: 1; cursor: pointer; }

.Hub #PageContent .hub-tabs-container .Hubtabs .ui-tabs-panel { background: none; border: none; border-radius: 0; margin: 0; padding: 20px; }
.Hub #PageContent .hub-tabs-container .Hubtabs .ui-tabs-panel .btn { background: none; background-color: transparent !important; border: none !important; margin: 10px auto; padding: 0; text-align: center; width: 100%; text-decoration: none; }
.Hub #PageContent .hub-tabs-container .Hubtabs .ui-tabs-panel .btn i { background-color: #361163; border-radius: 50%; color: #fff; font-size: 3em; padding: 25px 25px 25px 25px; display: block; height: 100px; width: 100px; margin: auto; transition: all ease 1s; }
.Hub #PageContent .hub-tabs-container .Hubtabs .ui-tabs-panel .btn i.fa-edit { padding: 25px 15px 15px 25px; }
.Hub #PageContent .hub-tabs-container .Hubtabs .ui-tabs-panel .btn label { color: #B70062; cursor: pointer; display: block; font-weight: normal; padding-top: 10px; transition: all ease 1s; }
.Hub #PageContent .hub-tabs-container .Hubtabs .ui-tabs-panel .btn:hover i { background-color: #B70062; color: #fff; }
.Hub #PageContent .hub-tabs-container .Hubtabs .ui-tabs-panel .btn:hover label { color: #B70062; }

.Hub #PageContent .hub-tabs-container .Hubtabs .ui-tabs-panel .btn.btn-disabled { cursor: not-allowed; }
.Hub #PageContent .hub-tabs-container .Hubtabs .ui-tabs-panel .btn.btn-disabled i { background-color: #aaa; }
.Hub #PageContent .hub-tabs-container .Hubtabs .ui-tabs-panel .btn.btn-disabled label { color: #aaa; }

.green-icon { 
    background-color: #40D733 !important;
}

.banner-message {
    display: block;
    position: relative;
    width: calc(100% + 40px);
    margin-left: -20px;
    margin-top: -19px;
    margin-bottom: 20px;
    text-align: center;
    color: white !important;
    font-weight: bold;
    padding: 20px;
    background-color: #B70062;
}
.hub-link {
    position: relative;
    line-height: 20px;
    top: -10px;
}
    .hub-link > text-link {
        color: #361163;
        margin: 0;
        padding: 0;
    }
        .hub-link > text-link:hover {
            text-decoration: underline;
        }

.kx-disabled-button {
    background-color: grey !important;
}