/* Tables of Content
#Common Styles
#BPI - Theme Buttons
#BPI - Top Bar
#Sidebar Nav
#BPI Alert
#Previously Uploaded Files
#

*/

/* Common Styles */
.bpi-theme a {
  color: #004182;
}

.bpi-theme .alert {
  margin-bottom: 2rem;
}

.bpi-theme .m-checkbox.m-checkbox--focus>input:checked~span,
.bpi-theme .m-checkbox.m-checkbox--focus>span:after{
  border-color: #004182;
}

.bpi-theme .m-link:hover {
  color: #004182
}


/* BPI - Theme Buttons */
.bpi-theme .btn-outline-primary {
  color: #004182;
  border-color: #004182;
}

.bpi-theme .btn-outline-primary:hover {
  background-color: #004182;
  color: #fff;
  border-color: #004182;
}

.bpi-theme .btn-primary {
  background-color: #004182;
}

.bpi-theme .btn-primary:hover {
  background-color: #004e9c;
}

.bpi-theme .btn-outline-focus {
  border-color: #ebedf2;
  color: #000;
}

.bpi-theme .btn-outline-focus:hover,
.bpi-theme .btn-outline-focus:focus {
  border-color: #ebedf2;
  background-color: #ebedf2;
}

/* Top Bar */
.m-brand.m-brand--skin-light .m-brand__tools .m-brand__toggler span:after,
.m-brand.m-brand--skin-light .m-brand__tools .m-brand__toggler span:before {
  background: #004182;
  height: 2px;
}

.m-brand.m-brand--skin-light .m-brand__tools .m-brand__toggler span {
  min-height: 2px;
  background: #004182;
}

/* Notification Icon - color */
.bpi-theme .m-topbar__nav.m-nav>.m-nav__item>.m-nav__link .m-nav__link-icon {
  color: #9699a1;
}

.bpi-theme .m-topbar__nav.m-nav>.m-nav__item>.m-nav__link .m-nav__link-icon>i:before {
  background: none;
  -webkit-background-clip: text;
  -webkit-text-fill-color: initial;
}

#m_header_topbar.bpi-theme .m-badge.m-badge--danger {
  left: initial;
  right: 5px;
  top: 15px;
  margin-left: 0;
  line-height: 6px;
  min-height: 6px;
  min-width: 6px;
  height: 6px;
}

.bpi-theme .m-portlet__footer {
  text-align: right;
}

/* Sidebar Nav */
.bpi-theme .m-aside-menu.m-aside-menu--skin-dark .m-menu__nav>.m-menu__item.m-menu__item--active>.m-menu__heading .m-menu__link-text,
.bpi-theme .m-aside-menu.m-aside-menu--skin-dark .m-menu__nav>.m-menu__item.m-menu__item--active>.m-menu__link .m-menu__link-text,
.bpi-theme .m-aside-menu.m-aside-menu--skin-dark .m-menu__nav>.m-menu__item.m-menu__item--active>.m-menu__heading .m-menu__link-icon,
.bpi-theme .m-aside-menu.m-aside-menu--skin-dark .m-menu__nav>.m-menu__item.m-menu__item--active>.m-menu__link .m-menu__link-icon,

.bpi-theme .m-aside-menu.m-aside-menu--skin-dark .m-menu__nav>.m-menu__item:hover>.m-menu__heading .m-menu__link-text,
.bpi-theme .m-aside-menu.m-aside-menu--skin-dark .m-menu__nav>.m-menu__item:hover>.m-menu__link .m-menu__link-text,
.bpi-theme .m-aside-menu.m-aside-menu--skin-dark .m-menu__nav>.m-menu__item:hover>.m-menu__heading .m-menu__link-icon,
.bpi-theme .m-aside-menu.m-aside-menu--skin-dark .m-menu__nav>.m-menu__item:hover>.m-menu__link .m-menu__link-icon {
  color: #fff;
}

.bpi-theme .m-aside-menu.m-aside-menu--skin-dark .m-menu__nav>.m-menu__item>.m-menu__heading .m-menu__link-text,
.bpi-theme .m-aside-menu.m-aside-menu--skin-dark .m-menu__nav>.m-menu__item>.m-menu__link .m-menu__link-text,
.bpi-theme .m-aside-menu.m-aside-menu--skin-dark .m-menu__nav>.m-menu__item>.m-menu__heading .m-menu__link-icon,
.bpi-theme .m-aside-menu.m-aside-menu--skin-dark .m-menu__nav>.m-menu__item>.m-menu__link .m-menu__link-icon{
  color: #575962;
}

.bpi-theme .m-aside-menu.m-aside-menu--skin-dark .m-menu__nav>.m-menu__item:hover,
.bpi-theme .m-aside-menu.m-aside-menu--skin-dark .m-menu__nav>.m-menu__item.m-menu__item--active{
  background: #2a2c39;
}

.bpi-theme .m-aside-left.m-aside-left--skin-dark {
  background: #2c2e3e;
}

/* BPI - Alert */
.bpi-alert.alert-success:not(.m-alert--outline) {
  color: #f6fcfb;
  background-color: #29cb97;
  border-color: #29cb97;
}

.bpi-alert.alert-success:not(.m-alert--outline) .close {
  color: #fff;
  opacity: 1;
}

.bpi-alert.alert-success:not(.m-alert--outline) .close:hover {
  color: #f43030;
}

.bpi-alert p {
  margin: 0;
  font-size: 16px;
  font-weight: 400;
}

.bpi-alert p strong {
  display: block;
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 15px;
}

/* Previously Uploaded Files */
.bpi-theme .m-portlet__head {
  border: 0;
}

.bpi-theme .m-portlet__head {
  height: auto;
  padding-top: 30px;
}

.bpi-theme .m-portlet .m-portlet__head .m-portlet__head-caption .m-portlet__head-title .m-portlet__head-text {
  font-size: 1.3rem;
  font-weight: 600;
  color: #3f4047;
}

.bpi-theme .previously-uploaded.m-portlet td a {
  font-weight: 600;
}

.bpi-theme .previously-uploaded table th {
  border-top: 0;
}

.bpi-theme .previously-uploaded table {
  margin-bottom: 0;
}

.bpi-theme .m-dropzone--primary .m-dropzone__msg-title strong {
  font-weight: 600;
  color: #004182;
}

.bpi-theme .m-dropzone--primary .upload-icon {
  margin: 0;
}

.bpi-theme .m-dropzone.m-dropzone--primary {
  border-color: #9699a1;
}

.bpi-theme .m-dropzone.m-dropzone--primary:hover {
  border-color: #004182;
}

.bpi-theme .m-dropzone.m-dropzone--primary:hover i.fa {
  color: #004182;
}

.bpi-theme .m-dropzone--primary .upload-icon i.fa {
  font-size: 3rem;
  color: #ebedf2;
}

/* Individual Client / Leader Profile */
.bpi-profile h3.m-form__section {
  font-size: 1.4rem;
  font-weight: 600;
}

.bpi-profile .row.m-row--col-separator-xl>div {
  border-width: 3px;
}

.bpi-profile .m-portlet__foot {
  border-top: 3px solid #ebedf2;
}

.user-profile p {
  margin: 0;
}

.user-profile p a.profile-avatar {
  display: inline-block;
  vertical-align: top;
  border-radius: 50%;
  max-width: 180px;
  max-height: 180px;
}

.user-profile p a.profile-avatar img {
  border-radius: 50%;
}

.user-profile p a.profile-avatar strong {
  display: block;
  color: #004182;
  font-weight: 600;
  margin-top: 20px;
}

.user-text {
  font-size: 1rem;
  font-weight: 400;
  color: #9699a1;
  margin-bottom: 15px;
}

.user-text:last-child {
  margin-bottom: 0;
}

.user-text strong {
  display: block;
  font-size: 1.3rem;
  line-height: 1.3rem;
  font-weight: 400;
  color: #3f4047;
}

/* BPI Login */
.bpi-theme .m-login.m-login--1 .m-login__wrapper {
  padding-top: 29%;
}

.bpi-theme .m-login.m-login--1 .m-login__content {
  padding: 5rem;
}

.bpi-theme .m-login__welcome {
  padding: 0 2rem;
}

.bpi-theme .m-login.m-login--1 .m-login__content .m-login__msg {
  text-align: center;
  font-size: 1.8rem;
  font-weight: 400;
}

.bpi-theme .m-topbar .m-topbar__nav.m-nav>.m-nav__item.m-topbar__user-profile.m-topbar__user-profile--img.m-dropdown--arrow .m-dropdown__arrow {
  color: #fff;
}

.bpi-theme .m-login__form-action .btn-primary{
  padding-left: 2.5rem;
  padding-right: 2.5rem;
}

.bpi-theme .m-login.m-login--1 .m-login__aside {
  padding: 2rem 5rem;
}

.bpi-theme .m-login.m-login--1 .m-login__wrapper .m-login__form .m-form__group .form-control {
  border: 1px solid #ebedf2;
  border-radius: 3px;
  padding: 10px;
}

/* Dashboard - Executive */
.bpi-table thead th {
  border-top: 0;
  border-bottom: 3px solid #f4f5f8;
}

.bpi-table td a {
  font-weight: 600;
}

.bpi-table thead th:first-child,
.bpi-table tbody td:first-child {
  padding-left: 0;
}

.bpi-table td strong {
  font-weight: 800;
}

a.return {
  margin-right: 10px;
}

a.return i{
  font-size: 1.3rem;
}

/* Default BPI Tabs */

.bpi-theme .m-portlet.m-portlet--success.m-portlet--head-solid-bg .m-portlet__head {
  background: #fff;
  padding: 0;
}

.bpi-theme .m-portlet.m-portlet--success.m-portlet--head-solid-bg .m-portlet__head-tools .m-tabs-line {
  border-bottom:2px solid #ebedf2;
}

.bpi-theme .m-portlet.m-portlet--success.m-portlet--head-solid-bg .m-portlet__head-tools .m-tabs-line .m-tabs__item.show .m-tabs__link,
.bpi-theme .m-portlet.m-portlet--success.m-portlet--head-solid-bg .m-portlet__head-tools .m-tabs-line .m-tabs__link.active{
  color: #575962;
  background: #fff;
  border-right: 2px solid #f0f1f7;
  border-left: 2px solid #f0f1f7;
}

.bpi-theme .m-portlet.m-portlet--success.m-portlet--head-solid-bg .m-portlet__head-tools .m-tabs-line .m-tabs__link:hover {
  color: #575962;
  background: #fff;
}

.bpi-theme .m-portlet.m-portlet--success.m-portlet--head-solid-bg .m-portlet__head-tools .m-tabs-line .m-tabs__item:first-child .m-tabs__link {
  border-left: 0;
}

.bpi-theme .m-portlet.m-portlet--success.m-portlet--head-solid-bg .m-portlet__head-tools .m-tabs-line .m-tabs__item:last-child .m-tabs__link {
  border-right: 0;
}

.bpi-theme .m-portlet.m-portlet--success.m-portlet--head-solid-bg .m-portlet__head-tools .m-tabs-line .m-tabs__item {
  margin: 0 0 -2px 0;
}

.bpi-theme .m-portlet.m-portlet--success.m-portlet--head-solid-bg .m-portlet__head-tools .m-tabs-line .m-tabs__link {
  color: #575962;
  background: #fbfbfb;
  border-radius: 0;
  border-left: 1px solid #f0f1f7;
  border-right: 1px solid #f0f1f7;
}

.bpi-theme .m-portlet.m-portlet--success.m-portlet--head-solid-bg .m-portlet__body {
  padding-left: 20px;
}

/* Executive > Client Leader Profile */

.leader-coach {
  font-size: 1.2rem;
}

.leader-coach strong {
  display: block;
  font-weight: 800;
  font-size: 1.5rem;
  margin-bottom: 15px;
  text-decoration: none;
}

.leader-coach img {
  display: inline-block;
  vertical-align: top;
  width: 77px;
  height: 77px;
  margin-right: 10px;
  border: 0;
}

.leader-coach span {
  display: inline-block;
  vertical-align: top;
  position: relative;
  top: 25px;
  font-weight: 600;
}

.leader-coach a {
  text-decoration: none;
}

.leader-coach a:hover span {
  text-decoration: underline;
}