/*!
 * Hub Option 1 Default code
 */

/* Hub */
.Hub #PageContent h3.highlight { color: #2e4680; }

.Hub #PageContent .ProfileImageWrap { border: 1px solid; margin: auto; padding: 0; height: 240px; display: block; overflow: hidden; position: relative; max-width: 283px; }
.Hub #PageContent .ProfileImageWrap span { background-color: #fff; display: block; font-weight: bold; position: absolute; bottom: 20px; right: 0px; padding: 10px; left: 25px; }
.Hub #PageContent .ProfileImageWrap img { width: 100%; height: 100%; }

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

.Hub #PageContent .hub-tabs-container .Hubtabs { background: none; border: 1px solid #3ba5fa; 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; text-align: center; opacity: 0.6; width: 100%; }
.Hub #PageContent .hub-tabs-container .Hubtabs ul.ui-tabs-nav li.ui-tabs-tab.ui-state-active { background-color: #2e4680; }
.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; 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: #2e4680; 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: #2e4680; 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: #3ba5fa; color: #fff; }
.Hub #PageContent .hub-tabs-container .Hubtabs .ui-tabs-panel .btn:hover label { color: #3ba5fa; }

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